fix(Input|Button|TextArea): add focus method to typings

[layershifter]

Fixes #1970.

[codecov-io]

Codecov Report

Merging #1972 into master will not change coverage.
The diff coverage is n/a.

@@          Coverage Diff           @@
##           master   #1972   +/-   ##
======================================
  Coverage    99.8%   99.8%           
======================================
  Files         148     148           
  Lines        2568    2568           
======================================
  Hits         2563    2563           
  Misses          5       5

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update a4780cd...0d90f0b. Read the comment docs.

[levithomason]

Released in [email protected]

[codeaid]

This change completely breaks the component. focus attribute alongside others is now always required. <TextArea /> results in:

error TS2322: Type '{}' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<TextArea> & Readonly<{ children?: ReactNode; }> & ...'.
  Type '{}' is not assignable to type 'Readonly<TextArea>'.
    Property 'focus' is missing in type '{}'.

If I add focus={null} it then says:

error TS2322: Type '{ autoHeight: true; disabled: boolean; ref: (textarea: any) => void; value: string; onChange: (ev...' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<TextArea> & Readonly<{ children?: ReactNode; }> & ...'.
  Type '{ autoHeight: true; disabled: boolean; ref: (textarea: any) => void; value: string; onChange: (ev...' is not assignable to type 'Readonly<TextArea>'.
    Property 'setState' is missing in type '{ autoHeight: true; disabled: boolean; ref: (textarea: any) => void; value: string; onChange: (ev...'.

If you look at the React.Component declaration (which is the class TextArea now extends, you can see that it expects quite a few methods to be present:

class Component<P, S> {
    constructor(props?: P, context?: any);
    setState<K extends keyof S>(f: (prevState: S, props: P) => Pick<S, K>, callback?: () => any): void;
    setState<K extends keyof S>(state: Pick<S, K>, callback?: () => any): void;
    forceUpdate(callBack?: () => any): void;
    render(): JSX.Element | null | false;

   // etc.

I've managed to fix it by changing the declaration to the following:

declare class TextArea extends React.Component<TextAreaProps, {}> {
  focus: () => void;
}

It looks like TextArea was copied instead of TextAreaProps.

[codeaid]

I've created a pull request to fix the issue. Please find a link to it above this comment.