@pushwoosh/kit-helpers 4.2.3 → 4.3.1

package/hooks/useDelayedValue.d.ts

@@ -0,0 +1,2 @@
+declare const useDelayedValue: <T>(value: T, delay: number) => T;
+export default useDelayedValue;

package/hooks/{useDebounce.js → useDelayedValue.js}

@@ -1,14 +1,14 @@
 import { useState, useEffect } from 'react';
-const useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState(value);
+const useDelayedValue = (value, delay) => {
+  const [delayedValue, setDelayedValue] = useState(value);
   useEffect(() => {
     const handler = setTimeout(() => {
-      setDebouncedValue(value);
+      setDelayedValue(value);
     }, delay);
     return () => {
       clearTimeout(handler);
     };
   }, [value, delay]);
-  return debouncedValue;
+  return delayedValue;
 };
-export default useDebounce;
+export default useDelayedValue;

package/hooks/useEffectDebounced.d.ts

@@ -0,0 +1,2 @@
+declare const useEffectDebounced: (effect: () => void, deps: any[], delay: number) => void;
+export default useEffectDebounced;

package/hooks/useEffectDebounced.js

@@ -0,0 +1,9 @@
+import { useEffect } from 'react';
+const useEffectDebounced = (effect, deps, delay) => {
+  useEffect(() => {
+    const id = setTimeout(effect, delay);
+    return () => clearTimeout(id);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, deps);
+};
+export default useEffectDebounced;

package/index.d.ts

@@ -8,4 +8,5 @@ export { default as useMount } from './hooks/useMount';
 export { default as useUnmount } from './hooks/useUnmount';
 export { default as useAsync } from './hooks/useAsync';
 export { default as useAsyncFn } from './hooks/useAsyncFn';
-export { default as useDebounce } from './hooks/useDebounce';
+export { default as useDebounce } from './hooks/useDelayedValue';
+export { default as useEffectDebounced } from './hooks/useEffectDebounced';

package/index.js

@@ -8,4 +8,5 @@ export { default as useMount } from './hooks/useMount';
 export { default as useUnmount } from './hooks/useUnmount';
 export { default as useAsync } from './hooks/useAsync';
 export { default as useAsyncFn } from './hooks/useAsyncFn';
-export { default as useDebounce } from './hooks/useDebounce';
+export { default as useDebounce } from './hooks/useDelayedValue';
+export { default as useEffectDebounced } from './hooks/useEffectDebounced';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-helpers",
-  "version": "4.2.3",
+  "version": "4.3.1",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",

package/hooks/useDebounce.d.ts

@@ -1,2 +0,0 @@
-declare const useDebounce: <T>(value: T, delay: number) => T;
-export default useDebounce;