@sohanemon/utils 3.0.4 → 3.0.5

package/dist/hooks/index.d.ts

@@ -4,6 +4,7 @@ export declare function useMediaQuery(tailwindBreakpoint: 'sm' | 'md' | 'lg' | '
 export declare const useSwiperRef: () => any[];
 export declare function useEffectOnce(effect: EffectCallback): void;
 export declare function useUpdateEffect(effect: EffectCallback, deps: any[]): void;
+export declare function useDebounce<T>(state: T, delay?: number): T;
 export declare const useIsomorphicEffect: any;
 export declare function useTimeout(callback: () => void, delay?: number | null): void;
 export declare function useWindowEvent<K extends string = keyof WindowEventMap>(type: K, listener: K extends keyof WindowEventMap ? (this: Window, ev: WindowEventMap[K]) => void : (this: Window, ev: CustomEvent) => void, options?: boolean | AddEventListenerOptions): void;

package/dist/hooks/index.js

@@ -94,6 +94,16 @@ export function useUpdateEffect(effect, deps) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 }
+export function useDebounce(state, delay = 500) {
+    const [debouncedState, setDebouncedState] = useState(state);
+    useEffect(() => {
+        const timer = setTimeout(() => setDebouncedState(state), delay);
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [state, delay]);
+    return debouncedState;
+}
 export const useIsomorphicEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 export function useTimeout(callback, delay = 1000) {
     const savedCallback = useRef(callback);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sohanemon/utils",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "description": "",
   "source": "./src/index.ts",
   "main": "./dist/index.js",