@homecode/ui 4.20.0 → 4.20.2

package/dist/esm/index.js

@@ -73,6 +73,11 @@ import * as resizeObserver from './src/tools/resizeObserver.js';
 export { resizeObserver };
 import * as queryParams from './src/tools/queryParams.js';
 export { queryParams };
+export { useDebounce } from './src/hooks/useDebounce.js';
+import 'react';
+export { useThrottle } from './src/hooks/useThrottle.js';
+export { useIsMounted } from './src/hooks/useIsMounted.js';
+export { useListKeyboardControl } from './src/hooks/useListKeyboardControl.js';
 import * as Form_types from './src/components/Form/Form.types.js';
 export { Form_types as FormTypes };
 export { SubmitButtons } from './src/components/Form/SubmitButtons/SubmitButtons.js';

package/dist/esm/src/components/Autocomplete/Autocomplete.js

@@ -59,9 +59,14 @@ import '../Virtualized/List/ListScroll.styl.js';
 function Autocomplete(props) {
     const { className, inputWrapperClassName, value, onChange, size = 'm', getOptions, onSelect, debounceDelay = 300, inputProps = {}, popupProps = {}, } = props;
     const isMounted = useIsMounted();
-    const [searchValue, setSearchValue] = useState(value);
     const [options, setOptions] = useState([]);
     const [isLoading, setIsLoading] = useState(false);
+    const searchValRef = useRef(value);
+    const [searchValue, _setSearchValue] = useState(value);
+    const setSearchValue = (val) => {
+        searchValRef.current = val;
+        _setSearchValue(val);
+    };
     const currentRequest = useRef('');
     // @ts-ignore
     const inputRef = useRef(null);
@@ -118,7 +123,13 @@ function Autocomplete(props) {
         }
     }, debounceDelay);
     useEffect(() => {
-        setSearchValue(value);
+        if (value !== searchValRef.current) {
+            if (isOpen)
+                fetchOptions(value);
+        }
+        else {
+            setSearchValue(value);
+        }
     }, [value]);
     const optionsList = useMemo(() => {
         if (!options.length)

package/dist/esm/src/hooks/useDebounce.js

@@ -0,0 +1,8 @@
+import { useCallback } from 'react';
+import debounce from '../tools/debounce.js';
+
+function useDebounce(fn, delay) {
+    return useCallback(debounce(fn, delay), [fn, delay]);
+}
+
+export { useDebounce };

package/dist/esm/types/src/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useDebounce';
+export * from './useEvent';
+export * from './useThrottle';
+export * from './useIsMounted';
+export * from './useListKeyboardControl';

package/dist/esm/types/src/hooks/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare function useDebounce(fn: (...args: any[]) => void, delay: number): any;

package/dist/esm/types/src/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './services';
 export * from './tools';
+export * from './hooks';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.20.0",
+  "version": "4.20.2",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",