@pushwoosh/kit-helpers 4.3.0 → 4.3.2

package/hooks/useDelayedEffect.d.ts

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

package/hooks/{useEffectDebounced.js → useDelayedEffect.js}

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

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/index.d.ts

@@ -8,5 +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 useEffectDebounced } from './hooks/useEffectDebounced';
+export { default as useDebounce } from './hooks/useDelayedValue';
+export { default as useEffectDebounced } from './hooks/useDelayedEffect';

package/index.js

@@ -8,5 +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 useEffectDebounced } from './hooks/useEffectDebounced';
+export { default as useDebounce } from './hooks/useDelayedValue';
+export { default as useEffectDebounced } from './hooks/useDelayedEffect';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-helpers",
-  "version": "4.3.0",
+  "version": "4.3.2",
   "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;

package/hooks/useEffectDebounced.d.ts

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