feat(component): add suggestion

bigcommerce · May 11, 2022 · a1cfc6f · a1cfc6f
1 parent 9e1cf2b
commit a1cfc6f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/big-design/src/components/MultiSelect/MultiSelect.tsx b/packages/big-design/src/components/MultiSelect/MultiSelect.tsx
@@ -90,6 +90,10 @@ export const MultiSelect = typedMemo(
       setInputValue('');
     }, [selectedOptions]);
 
+    const getFirstMatchingOptionIndex = (filteredOptions: (SelectOption<T> | SelectAction)[]) => {
+      return filteredOptions.findIndex((option) => !option.disabled);
+    };
+
     const handleSetInputValue = ({
       inputValue,
       isOpen,
@@ -113,10 +117,6 @@ export const MultiSelect = typedMemo(
       );
     };
 
-    const getFirstMatchingOptionIndex = (filteredOptions: (SelectOption<T> | SelectAction)[]) => {
-      return filteredOptions.findIndex((option) => !option.disabled);
-    };
-
     const handleOnIsOpenChange = ({ isOpen }: Partial<UseComboboxState<SelectOption<T> | SelectAction | null>>) => {
       if (filterable && !isOpen) {
         // Reset the items if filtered

diff --git a/packages/big-design/src/components/Select/Select.tsx b/packages/big-design/src/components/Select/Select.tsx
@@ -80,6 +80,10 @@ export const Select = typedMemo(
     // Need to set select options if options prop changes
     useEffect(() => setFilteredOptions(flattenedOptions), [flattenedOptions]);
 
+    const getFirstMatchingOptionIndex = (filteredOptions: (SelectOption<T> | SelectAction)[]) => {
+      return filteredOptions.findIndex((option) => !option.disabled);
+    };
+
     const handleOnSelectedItemChange = (changes: Partial<UseComboboxState<SelectOption<T> | SelectAction | null>>) => {
       if (action && changes.selectedItem && changes.selectedItem.content === action.content) {
         action.onActionClick(inputValue || null);
@@ -120,10 +124,6 @@ export const Select = typedMemo(
       );
     };
 
-    const getFirstMatchingOptionIndex = (filteredOptions: (SelectOption<T> | SelectAction)[]) => {
-      return filteredOptions.findIndex((option) => !option.disabled);
-    };
-
     const handleOnIsOpenChange = ({ isOpen }: Partial<UseComboboxState<SelectOption<T> | SelectAction | null>>) => {
       if (filterable && !isOpen) {
         // Reset the options when the List is closed