feat(Select): add passed props to control search value

8base · Jun 11, 2019 · 620f7a4 · 620f7a4
1 parent 21a9af0
commit 620f7a4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/components/Select/Select.js b/src/components/Select/Select.js
@@ -10,6 +10,8 @@ import { type Theme, COLORS, Z_INDEX } from '../../theme';
 type SelectProps = {|
   options: Array<{ label: mixed, value: string }>,
   onChange: (value: mixed, event?: SyntheticInputEvent<HTMLInputElement>) => void,
+  inputValue?: string,
+  onInputChange ?: (value: string, event?: SyntheticInputEvent<HTMLInputElement>) => void,
   placeholder?: string,
   value?: any | any[],
   loading?: boolean,
@@ -126,6 +128,8 @@ class Select extends React.Component<SelectProps & SelectPropsFromHOCs> {
       withPortal,
       theme,
       formatOptionLabel,
+      inputValue,
+      onInputChange,
       ...rest
     } = this.props;
 
@@ -152,6 +156,8 @@ class Select extends React.Component<SelectProps & SelectPropsFromHOCs> {
           value={ selectValue }
           components={ components }
           formatOptionLabel={ formatOptionLabel }
+          inputValue={ inputValue }
+          onInputChange={ onInputChange }
         />
       </SelectTag>
     );

diff --git a/src/components/SelectField/SelectField.js b/src/components/SelectField/SelectField.js
@@ -19,6 +19,10 @@ type SelectFieldProps = {
   meta?: MetaType,
   /** custom value component */
   valueComponent ?: React$Node,
+  /** controlled search value */
+  inputValue?: string,
+  /** callback to control search value */
+  onInputChange?: (value: string, event?: SyntheticInputEvent<HTMLInputElement>) => void,
 };
 
 class SelectField extends React.Component<SelectFieldProps> {