diff --git a/packages/design-system/lib/components/Select/SelectFilter.tsx b/packages/design-system/lib/components/Select/SelectFilter.tsx index e6541e530..42a6e5514 100644 --- a/packages/design-system/lib/components/Select/SelectFilter.tsx +++ b/packages/design-system/lib/components/Select/SelectFilter.tsx @@ -24,6 +24,7 @@ export function SelectFilter({ icon, itemIcon, defaultSelectedKey, + onSelectionChange, ...props }: SelectFilterProps) { const [focus, setFocus] = useState(false) @@ -36,7 +37,12 @@ export function SelectFilter({ name={name} aria-label={label} isDisabled={isDisabled} - onSelectionChange={setValue} + onSelectionChange={(val) => { + setValue(val) + if (onSelectionChange) { + onSelectionChange(val) + } + }} onFocus={() => setFocus(true)} onBlur={() => setFocus(false)} defaultSelectedKey={defaultSelectedKey} diff --git a/packages/design-system/lib/components/Select/types.ts b/packages/design-system/lib/components/Select/types.ts index d31c64806..49a40ff8e 100644 --- a/packages/design-system/lib/components/Select/types.ts +++ b/packages/design-system/lib/components/Select/types.ts @@ -15,6 +15,7 @@ export interface SelectProps extends ComponentProps { items: Item[] name: string label: string + onSelectionChange?: (key: Key | null) => void } export interface SelectItemProps extends ComponentProps { @@ -28,5 +29,6 @@ export interface SelectFilterProps extends ComponentProps { items: Item[] name: string label: string + onSelectionChange?: (key: Key | null) => void enableFiltering: boolean }