[DOP-21974] add search to ManagedSelect

Author: Zabilsya

src/shared/ui/ManagedSelect/hooks/useSearch/index.ts

@@ -0,0 +1,2 @@
+export * from './useSearch';
+export * from './types';

src/shared/ui/ManagedSelect/hooks/useSearch/types.ts

@@ -0,0 +1,5 @@
+/** Interface as Props for hook "useSearch" */
+export interface UseSearchProps {
+  /** Callback on change search input value in Select */
+  onSearch?: (value: string) => void;
+}

src/shared/ui/ManagedSelect/hooks/useSearch/useSearch.ts

@@ -0,0 +1,21 @@
+import { useDebouncedState } from '@shared/hooks';
+
+import { SEARCH_VALUE_CHANGE_DELAY, SEARCH_VALUE_DEFAULT } from '../../constants';
+
+import { UseSearchProps } from './types';
+
+/** Hook for handling search value in Select */
+export const useSearch = ({ onSearch = () => undefined }: UseSearchProps) => {
+  const {
+    value: searchValue,
+    setValue: setSearchValue,
+    setDebouncedValue: setDebouncedSearchValue,
+  } = useDebouncedState(SEARCH_VALUE_DEFAULT, SEARCH_VALUE_CHANGE_DELAY);
+
+  const handleSearch = (value: string) => {
+    setDebouncedSearchValue(value);
+    onSearch(value);
+  };
+
+  return { searchValue, handleSearch, setSearchValue };
+};