on filtered children change cb (#2725)

* on filtered children change cb

* removed the onFilterChange prop

Author: adids1221

src/components/picker/helpers/usePickerSearch.tsx

@@ -9,12 +9,6 @@ const usePickerSearch = (props: UsePickerSearchProps) => {
   const {showSearch, onSearchChange, children, getItemLabel} = props;
   const [searchValue, setSearchValue] = useState('');
 
-  const _onSearchChange = useCallback((searchValue: string) => {
-    setSearchValue(searchValue);
-    onSearchChange?.(searchValue);
-  },
-  [onSearchChange]);
-
   const filteredChildren = useMemo(() => {
     if (showSearch && !_.isEmpty(searchValue)) {
       // @ts-expect-error need to fix children type
@@ -25,9 +19,16 @@ const usePickerSearch = (props: UsePickerSearchProps) => {
         return !shouldFilterOut(searchValue, itemLabel);
       });
     }
+
     return children;
   }, [showSearch, searchValue, children]);
 
+  const _onSearchChange = useCallback((searchValue: string) => {
+    setSearchValue(searchValue);
+    onSearchChange?.(searchValue, filteredChildren);
+  },
+  [onSearchChange, filteredChildren]);
+
   return {setSearchValue, onSearchChange: _onSearchChange, filteredChildren};
 };
 

src/components/picker/types.tsx

@@ -140,7 +140,7 @@ export type PickerBaseProps = Omit<NewTextFieldProps, 'value' | 'onChange'> & {
   /**
    * callback for picker modal search input text change (only when passing showSearch)
    */
-  onSearchChange?: (searchValue: string) => void;
+  onSearchChange?: (searchValue: string, filteredChildren?: ReactNode | undefined) => void;
   /**
    * Render custom search input (only when passing showSearch)
    */