Add searchable option to Select component so it can better be used on mobile

Author: guilhermebruzzi

react/components/EXPERIMENTAL_Select/README.md

@@ -272,6 +272,33 @@ const options = [
 </div>
 ```
 
+Without search input (good for mobile experience)
+
+```js
+const options = [
+  {
+    value: 'first-option',
+    label: 'First Option',
+  },
+  {
+    value: 'second-option',
+    label: 'Second Option',
+  },
+]
+
+;<div>
+  <Select
+    label="Label"
+    options={options}
+    multi={false}
+    searchable={false}
+    onChange={values => {
+      console.log(`[Select] Selected: ${JSON.stringify(values, null, 2)}`)
+    }}
+  />
+</div>
+```
+
 Loading state
 
 ```js

react/components/EXPERIMENTAL_Select/index.js

@@ -41,6 +41,7 @@ class Select extends Component {
       formatCreateLabel,
       label,
       loading,
+      searchable,
       multi,
       noOptionsMessage,
       onChange,
@@ -80,6 +81,7 @@ class Select extends Component {
       isClearable: clearable,
       isDisabled: disabled,
       isLoading: loading,
+      isSearchable: searchable,
       isMulti: multi,
       noOptionsMessage,
       inputId: this.inputId,
@@ -204,6 +206,7 @@ class Select extends Component {
 
 Select.defaultProps = {
   multi: true,
+  searchable: true,
   placeholder: 'Select...',
   size: 'regular',
   clearable: true,
@@ -255,6 +258,8 @@ Select.propTypes = {
   loading: PropTypes.bool,
   /** Text to display when loading options */
   loadingMessage: PropTypes.string,
+  /** Support disabling search input and only allow select to change values. */
+  searchable: PropTypes.bool,
   /** Support multiple selected options. */
   multi: PropTypes.bool,
   /** Text to display when there are no options. ({inputValue}) => string | null */