feat(Input): add autofocus support

8base · Mar 18, 2019 · 2af0817 · 2af0817
1 parent 265400d
commit 2af0817
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/src/common/Tag/Tag.js b/src/common/Tag/Tag.js
@@ -39,6 +39,7 @@ type TagProps = {|
 const COLLECTED_PROPS = [
   'aria-busy',
   'autoComplete',
+  'autoFocus',
   'checked',
   'children',
   'className',

diff --git a/src/components/Input/Input.js b/src/components/Input/Input.js
@@ -12,6 +12,8 @@ type InputCommonProps = {
   placeholder?: string,
   /** html auto-complete representation */
   autoComplete?: boolean,
+  /** html auto-focus representation */
+  autoFocus?: boolean,
   /** disabled */
   disabled?: boolean,
   /** when true then stretch to the maximal width */
@@ -121,6 +123,7 @@ class Input extends PureComponent<InputProps> {
       readOnly,
       clearable,
       onClear,
+      autoFocus,
       ...rest
     } = this.props;
     const hasLeftIcon = !!leftIcon;
@@ -145,6 +148,7 @@ class Input extends PureComponent<InputProps> {
       disabled,
       readOnly,
       stretch,
+      autoFocus,
     };
 
     return (

diff --git a/src/components/InputField/InputField.js b/src/components/InputField/InputField.js
@@ -39,7 +39,8 @@ type InputFieldProps = {
   disabled?: boolean,
   /** callback which called on clear */
   onClear?: () => void,
-
+  /** html auto-focus representation */
+  autoFocus?: boolean,
 };
 
 const InputField = ({
@@ -63,6 +64,7 @@ const InputField = ({
   disabled,
   readOnly,
   autoComplete,
+  autoFocus,
   onClear,
   ...rest
   }: InputFieldProps) => {
@@ -103,6 +105,7 @@ const InputField = ({
         leftIcon={ leftIcon }
         rightIcon={ rightIcon }
         onClear={ onClear }
+        autoFocus={ autoFocus }
       />
     </FormField>
   );