fix(components): add custom filter function to Select to not require …

…the labels
leemonade · Nov 27, 2024 · 9c9571d · 9c9571d
1 parent 5ef17cd
commit 9c9571d
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/components/src/form/Select/Select.js b/packages/components/src/form/Select/Select.js
@@ -11,6 +11,13 @@ import { MultiSelect } from '../MultiSelect';
 import { Dropdown, Item } from '../../overlay/Dropdown';
 import { SELECT_PROP_TYPES, SELECT_DEFAULT_PROPS } from './Select.constants';
 
+function defaultFilter(value, item) {
+  if (!value) {
+    return true;
+  }
+  return item.label?.toLowerCase().trim().includes(value?.toLowerCase().trim());
+}
+
 const Select = forwardRef(
   (
     {
@@ -193,6 +200,7 @@ const Select = forwardRef(
             error={!isEmpty(error)}
             aria-label={ariaLabel}
             withinPortal={withinPortal}
+            filter={props.filter || defaultFilter}
           />
         )}
       </InputWrapper>