[RFR] Migrate TextInput to TypeScript

marmelab · Aug 13, 2019 · ecce93b · ecce93b
1 parent 8edeb54
commit ecce93b
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/...aterialui/src/input/LongTextInput.spec.js → ...terialui/src/input/LongTextInput.spec.tsx b/...aterialui/src/input/LongTextInput.spec.js → ...terialui/src/input/LongTextInput.spec.tsx
@@ -20,7 +20,9 @@ describe('<LongTextInput />', () => {
                 render={() => <LongTextInput {...defaultProps} />}
             />
         );
-        const input = getByLabelText('resources.posts.fields.body');
+        const input = getByLabelText(
+            'resources.posts.fields.body'
+        ) as HTMLInputElement;
         expect(input.tagName).toEqual('TEXTAREA');
         expect(input.value).toEqual('hello');
     });

diff --git a/...-ui-materialui/src/input/LongTextInput.js → ...ui-materialui/src/input/LongTextInput.tsx b/...-ui-materialui/src/input/LongTextInput.js → ...ui-materialui/src/input/LongTextInput.tsx
diff --git a/...ui-materialui/src/input/TextInput.spec.js → ...i-materialui/src/input/TextInput.spec.tsx b/...ui-materialui/src/input/TextInput.spec.js → ...i-materialui/src/input/TextInput.spec.tsx
@@ -21,7 +21,9 @@ describe('<TextInput />', () => {
                 render={() => <TextInput {...defaultProps} />}
             />
         );
-        const TextFieldElement = getByLabelText('resources.posts.fields.title');
+        const TextFieldElement = getByLabelText(
+            'resources.posts.fields.title'
+        ) as HTMLInputElement;
         expect(TextFieldElement.value).toEqual('hello');
         expect(TextFieldElement.getAttribute('type')).toEqual('text');
     });

diff --git a/...s/ra-ui-materialui/src/input/TextInput.js → .../ra-ui-materialui/src/input/TextInput.tsx b/...s/ra-ui-materialui/src/input/TextInput.js → .../ra-ui-materialui/src/input/TextInput.tsx
@@ -1,6 +1,7 @@
-import React from 'react';
+import React, { FunctionComponent } from 'react';
 import PropTypes from 'prop-types';
-import { useInput, FieldTitle } from 'ra-core';
+import { useInput, FieldTitle, InputProps } from 'ra-core';
+import { TextFieldProps } from '@material-ui/core/TextField';
 
 import ResettableTextField from './ResettableTextField';
 import InputHelperText from './InputHelperText';
@@ -20,7 +21,9 @@ import sanitizeRestProps from './sanitizeRestProps';
  *
  * The object passed as `options` props is passed to the <ResettableTextField> component
  */
-export const TextInput = ({
+export const TextInput: FunctionComponent<
+    InputProps<TextFieldProps> & Omit<TextFieldProps, 'label' | 'helperText'>
+> = ({
     label,
     options,
     resource,