feat: added filter options (#252)

EightfoldAI · Jul 22, 2022 · 5d14a7c · 5d14a7c
1 parent f1256e8
commit 5d14a7c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/components/Select/Select.tsx b/src/components/Select/Select.tsx
@@ -52,6 +52,7 @@ export const Select: FC<SelectProps> = React.forwardRef(
                     size={SpinnerSize.Small}
                 />
             ),
+            filterOption = null,
             style,
             'data-test-id': dataTestId,
         },
@@ -148,7 +149,9 @@ export const Select: FC<SelectProps> = React.forwardRef(
                 setOptions(
                     options.map((option) => ({
                         ...option,
-                        hideOption: !option.text.toLowerCase().includes(value),
+                        hideOption: filterOption
+                            ? !filterOption(option, value)
+                            : !option.text.toLowerCase().includes(value),
                     }))
                 );
             } else {

diff --git a/src/components/Select/Select.types.ts b/src/components/Select/Select.types.ts
@@ -126,4 +126,10 @@ export interface SelectProps extends OcBaseProps<HTMLSelectElement> {
      * @default {}
      */
     spinner?: React.ReactNode;
+
+    /**
+     * Custom method to filter whether an option should be displayed in the menu.
+     * @default null
+     */
+    filterOption?: (option: any, query: any) => boolean;
 }