@sohanemon/utils 3.0.4 → 3.1.0

package/dist/hooks/index.d.ts

@@ -1,9 +1,9 @@
 import { EffectCallback } from 'react';
 export declare const useClickOutside: (callback?: () => void) => any;
 export declare function useMediaQuery(tailwindBreakpoint: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | `(${string})`): any;
-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

@@ -55,29 +55,6 @@ export function useMediaQuery(tailwindBreakpoint) {
     }, [parsedQuery]);
     return matches;
 }
-export const useSwiperRef = () => {
-    const [navigationElement, setNavigationElement] = useState(null);
-    const ref = useRef(null);
-    useEffect(() => {
-        setNavigationElement(ref.current);
-    }, []);
-    return [navigationElement, ref];
-};
-// call the hook
-// const [nextEl, nextRef] = useSwiperRef();
-// const [prevEl, prevRef] = useSwiperRef();
-// add to navigation module
-// <Swiper
-//   modules={[Navigation]}
-//   navigation={{
-//     prevEl,
-//     nextEl,
-//   }}
-// >
-//   ...
-// </Swiper>;
-// add ref to any element which may trigger
-// <button ref={nextRef}>...</button>;
 export function useEffectOnce(effect) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     useEffect(effect, []);
@@ -94,6 +71,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.1.0",
   "description": "",
   "source": "./src/index.ts",
   "main": "./dist/index.js",