@spothero/ui 15.9.1 → 15.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "15.9.1",
+  "version": "15.9.2",
   "description": "SpotHero's React component UI library.",
   "main": "v2/index.js",
   "repository": "https://github.com/spothero/fe-monorepo",

package/styles/v2/components/AutoSuggestSelect/AutoSuggestSelect.jsx

@@ -1,4 +1,4 @@
-import React, {forwardRef, useState} from 'react';
+import React, {forwardRef} from 'react';
 import PropTypes from 'prop-types';
 import FormControl from '../FormControl/FormControl';
 import AsyncSelect from 'react-select/async';
@@ -23,13 +23,10 @@ const AutoSuggestSelect = forwardRef(
         },
         ref
     ) => {
-        const [query, setQuery] = useState('');
         const {colors, fontSizes, sizes} = useTheme();
 
-        const handleInputChange = value => setQuery(value);
-
-        const loadOptions = () => {
-            return getOptions(query);
+        const handleChange = selectedOption => {
+            onChange(selectedOption);
         };
 
         const icon = (color = 'transparent') => ({
@@ -144,15 +141,15 @@ const AutoSuggestSelect = forwardRef(
                 <AsyncSelect
                     closeMenuOnSelect
                     isClearable
+                    cacheOptions
                     components={{
                         DropdownIndicator: () => null,
                         IndicatorSeparator: () => null,
                         ClearIndicator,
                     }}
                     openMenuOnClick={false}
-                    loadOptions={loadOptions}
-                    onInputChange={handleInputChange}
-                    onChange={onChange}
+                    loadOptions={getOptions}
+                    onChange={handleChange}
                     isDisabled={isDisabled}
                     id={id}
                     placeholder={placeholder}