@pdg/react-hook 1.0.22 → 1.0.24

package/dist/clearIntervalRef.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="node" />
+import React from 'react';
+export declare function clearIntervalRef(ref: React.MutableRefObject<NodeJS.Timeout | undefined>): void;
+export default clearIntervalRef;

package/dist/clearTimeoutRef.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="node" />
+import React from 'react';
+export declare function clearTimeoutRef(ref: React.MutableRefObject<NodeJS.Timeout | undefined>): void;
+export default clearTimeoutRef;

package/dist/index.d.ts

@@ -1,13 +1,17 @@
-export { default as useAutoUpdateState } from './useAutoUpdateState';
-export { default as useAutoUpdateLayoutState } from './useAutoUpdateLayoutState';
-export { default as useFirstSkipEffect } from './useFirstSkipEffect';
-export { default as useFirstSkipLayoutEffect } from './useFirstSkipLayoutEffect';
-export { default as useAutoUpdateRefState } from './useAutoUpdateRefState';
-export { default as useAutoUpdateLayoutRefState } from './useAutoUpdateLayoutRefState';
-export { default as useForwardRef } from './useForwardRef';
-export { default as useAutoUpdateRef } from './useAutoUpdateRef';
-export { default as useAutoUpdateLayoutRef } from './useAutoUpdateLayoutRef';
-export { default as usePerformance } from './usePerformance';
-export { default as useLayoutPerformance } from './useLayoutPerformance';
-export { default as useAutoForceUpdate } from './useAutoForceUpdate';
-export { default as useForceUpdate } from './useForceUpdate';
+export * from './useAutoUpdateState';
+export * from './useAutoUpdateLayoutState';
+export * from './useFirstSkipEffect';
+export * from './useFirstSkipLayoutEffect';
+export * from './useAutoUpdateRefState';
+export * from './useAutoUpdateLayoutRefState';
+export * from './useForwardRef';
+export * from './useAutoUpdateRef';
+export * from './useAutoUpdateLayoutRef';
+export * from './usePerformance';
+export * from './useLayoutPerformance';
+export * from './useAutoForceUpdate';
+export * from './useForceUpdate';
+export * from './useTimeoutRef';
+export * from './clearTimeoutRef';
+export * from './useIntervalRef';
+export * from './clearIntervalRef';

package/dist/index.esm.js

@@ -174,9 +174,56 @@ function useAutoUpdateLayoutRefState(state, callback) {
             clearInterval(tm);
         };
     }, [interval]);
-}function useForceUpdate() {
-    var _a = useState(0), setValue = _a[1];
+}function clearTimeoutRef(ref) {
+    if (ref.current) {
+        clearTimeout(ref.current);
+        ref.current = undefined;
+    }
+}function useTimeoutRef() {
+    var ref = useRef();
+    useEffect(function () {
+        return function () {
+            clearTimeoutRef(ref);
+        };
+    }, []);
+    var setTimeoutFunc = useCallback(function (callback, ms) {
+        clearTimeoutRef(ref);
+        ref.current = setTimeout(function () {
+            ref.current = undefined;
+            callback();
+        }, ms);
+    }, []);
+    return [ref, setTimeoutFunc];
+}function useForceUpdate(delay) {
+    var _a = useTimeoutRef(), setDelayTimeout = _a[1];
+    var _b = useState(0), setValue = _b[1];
     return useCallback(function () {
-        setValue(function (old) { return old + 1; });
+        if (delay) {
+            setDelayTimeout(function () {
+                setValue(function (old) { return old + 1; });
+            }, delay);
+        }
+        else {
+            setValue(function (old) { return old + 1; });
+        }
+    }, []);
+}function clearIntervalRef(ref) {
+    if (ref.current) {
+        clearInterval(ref.current);
+        ref.current = undefined;
+    }
+}function useIntervalRef() {
+    var ref = useRef();
+    useEffect(function () {
+        return function () {
+            clearIntervalRef(ref);
+        };
+    }, []);
+    var setIntervalFunc = useCallback(function (callback, ms) {
+        clearIntervalRef(ref);
+        ref.current = setInterval(function () {
+            callback(ref);
+        }, ms);
     }, []);
-}export{useAutoForceUpdate,useAutoUpdateLayoutRef,useAutoUpdateLayoutRefState,useAutoUpdateLayoutState,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForceUpdate,useForwardRef,useLayoutPerformance,usePerformance};
+    return [ref, setIntervalFunc];
+}export{clearIntervalRef,clearTimeoutRef,useAutoForceUpdate,useAutoUpdateLayoutRef,useAutoUpdateLayoutRefState,useAutoUpdateLayoutState,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForceUpdate,useForwardRef,useIntervalRef,useLayoutPerformance,usePerformance,useTimeoutRef};

package/dist/index.js

@@ -174,9 +174,56 @@ function useAutoUpdateLayoutRefState(state, callback) {
             clearInterval(tm);
         };
     }, [interval]);
-}function useForceUpdate() {
-    var _a = react.useState(0), setValue = _a[1];
+}function clearTimeoutRef(ref) {
+    if (ref.current) {
+        clearTimeout(ref.current);
+        ref.current = undefined;
+    }
+}function useTimeoutRef() {
+    var ref = react.useRef();
+    react.useEffect(function () {
+        return function () {
+            clearTimeoutRef(ref);
+        };
+    }, []);
+    var setTimeoutFunc = react.useCallback(function (callback, ms) {
+        clearTimeoutRef(ref);
+        ref.current = setTimeout(function () {
+            ref.current = undefined;
+            callback();
+        }, ms);
+    }, []);
+    return [ref, setTimeoutFunc];
+}function useForceUpdate(delay) {
+    var _a = useTimeoutRef(), setDelayTimeout = _a[1];
+    var _b = react.useState(0), setValue = _b[1];
     return react.useCallback(function () {
-        setValue(function (old) { return old + 1; });
+        if (delay) {
+            setDelayTimeout(function () {
+                setValue(function (old) { return old + 1; });
+            }, delay);
+        }
+        else {
+            setValue(function (old) { return old + 1; });
+        }
+    }, []);
+}function clearIntervalRef(ref) {
+    if (ref.current) {
+        clearInterval(ref.current);
+        ref.current = undefined;
+    }
+}function useIntervalRef() {
+    var ref = react.useRef();
+    react.useEffect(function () {
+        return function () {
+            clearIntervalRef(ref);
+        };
+    }, []);
+    var setIntervalFunc = react.useCallback(function (callback, ms) {
+        clearIntervalRef(ref);
+        ref.current = setInterval(function () {
+            callback(ref);
+        }, ms);
     }, []);
-}exports.useAutoForceUpdate=useAutoForceUpdate;exports.useAutoUpdateLayoutRef=useAutoUpdateLayoutRef;exports.useAutoUpdateLayoutRefState=useAutoUpdateLayoutRefState;exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;exports.useForceUpdate=useForceUpdate;exports.useForwardRef=useForwardRef;exports.useLayoutPerformance=useLayoutPerformance;exports.usePerformance=usePerformance;
+    return [ref, setIntervalFunc];
+}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoForceUpdate=useAutoForceUpdate;exports.useAutoUpdateLayoutRef=useAutoUpdateLayoutRef;exports.useAutoUpdateLayoutRefState=useAutoUpdateLayoutRefState;exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;exports.useForceUpdate=useForceUpdate;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useLayoutPerformance=useLayoutPerformance;exports.usePerformance=usePerformance;exports.useTimeoutRef=useTimeoutRef;

package/dist/useAutoForceUpdate.d.ts

@@ -1 +1,2 @@
-export default function useAutoForceUpdate(name: string, interval: number): void;
+export declare function useAutoForceUpdate(name: string, interval: number): void;
+export default useAutoForceUpdate;

package/dist/useAutoUpdateLayoutRef.d.ts

@@ -1,2 +1,3 @@
 import { MutableRefObject } from 'react';
-export default function useAutoUpdateLayoutRef<T>(value: T): MutableRefObject<T>;
+export declare function useAutoUpdateLayoutRef<T>(value: T): MutableRefObject<T>;
+export default useAutoUpdateLayoutRef;

package/dist/useAutoUpdateLayoutRefState.d.ts

@@ -1,8 +1,9 @@
 import { MutableRefObject, SetStateAction } from 'react';
-export default function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>): [MutableRefObject<T>, T, (value: SetStateAction<T>) => T];
-export default function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [MutableRefObject<T>, T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
-export default function useAutoUpdateLayoutRefState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
+export declare function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>): [MutableRefObject<T>, T, (value: SetStateAction<T>) => T];
+export declare function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [MutableRefObject<T>, T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
+export declare function useAutoUpdateLayoutRefState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
     MutableRefObject<T extends never ? StateT : T>,
     T extends never ? StateT : T,
     (value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
 ];
+export default useAutoUpdateLayoutRefState;

package/dist/useAutoUpdateLayoutState.d.ts

@@ -1,7 +1,8 @@
 import { SetStateAction } from 'react';
-export default function useAutoUpdateLayoutState<T>(state: Exclude<T, (...args: any[]) => any>): [T, (value: SetStateAction<T>) => T];
-export default function useAutoUpdateLayoutState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
-export default function useAutoUpdateLayoutState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
+export declare function useAutoUpdateLayoutState<T>(state: Exclude<T, (...args: any[]) => any>): [T, (value: SetStateAction<T>) => T];
+export declare function useAutoUpdateLayoutState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
+export declare function useAutoUpdateLayoutState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
     T extends never ? StateT : T,
     (value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
 ];
+export default useAutoUpdateLayoutState;

package/dist/useAutoUpdateRef.d.ts

@@ -1,2 +1,3 @@
 import { MutableRefObject } from 'react';
-export default function useAutoUpdateRef<T>(value: T): MutableRefObject<T>;
+export declare function useAutoUpdateRef<T>(value: T): MutableRefObject<T>;
+export default useAutoUpdateRef;

package/dist/useAutoUpdateRefState.d.ts

@@ -1,8 +1,9 @@
 import { MutableRefObject, SetStateAction } from 'react';
-export default function useAutoUpdateRefState<T>(state: Exclude<T, (...args: any[]) => any>): [MutableRefObject<T>, T, (value: SetStateAction<T>) => T];
-export default function useAutoUpdateRefState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [MutableRefObject<T>, T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
-export default function useAutoUpdateRefState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
+export declare function useAutoUpdateRefState<T>(state: Exclude<T, (...args: any[]) => any>): [MutableRefObject<T>, T, (value: SetStateAction<T>) => T];
+export declare function useAutoUpdateRefState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [MutableRefObject<T>, T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
+export declare function useAutoUpdateRefState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
     MutableRefObject<T extends never ? StateT : T>,
     T extends never ? StateT : T,
     (value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
 ];
+export default useAutoUpdateRefState;

package/dist/useAutoUpdateState.d.ts

@@ -1,7 +1,8 @@
 import { SetStateAction } from 'react';
-export default function useAutoUpdateState<T>(state: Exclude<T, (...args: any[]) => any>): [T, (value: SetStateAction<T>) => T];
-export default function useAutoUpdateState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
-export default function useAutoUpdateState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
+export declare function useAutoUpdateState<T>(state: Exclude<T, (...args: any[]) => any>): [T, (value: SetStateAction<T>) => T];
+export declare function useAutoUpdateState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
+export declare function useAutoUpdateState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
     T extends never ? StateT : T,
     (value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
 ];
+export default useAutoUpdateState;

package/dist/useFirstSkipEffect.d.ts

@@ -1,2 +1,3 @@
 import { DependencyList, EffectCallback } from 'react';
-export default function useFirstSkipEffect(effect: EffectCallback, deps?: DependencyList): void;
+export declare function useFirstSkipEffect(effect: EffectCallback, deps?: DependencyList): void;
+export default useFirstSkipEffect;

package/dist/useFirstSkipLayoutEffect.d.ts

@@ -1,2 +1,3 @@
 import { DependencyList, EffectCallback } from 'react';
-export default function useFirstSkipLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
+export declare function useFirstSkipLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
+export default useFirstSkipLayoutEffect;

package/dist/useForceUpdate.d.ts

@@ -1 +1,2 @@
-export default function useForceUpdate(): () => void;
+export declare function useForceUpdate(delay?: number): () => void;
+export default useForceUpdate;

package/dist/useForwardRef.d.ts

@@ -1,2 +1,3 @@
 import { ForwardedRef } from 'react';
-export default function useForwardRef<T>(ref: ForwardedRef<T>, value: T): void;
+export declare function useForwardRef<T>(ref: ForwardedRef<T>, value: T): void;
+export default useForwardRef;

package/dist/useIntervalRef.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="node" />
+import React from 'react';
+export type UseIntervalReturnValue = [
+    React.MutableRefObject<NodeJS.Timeout | undefined>,
+    (callback: (ref: React.MutableRefObject<NodeJS.Timeout | undefined>) => void, ms?: number) => void
+];
+export declare function useIntervalRef(): UseIntervalReturnValue;
+export default useIntervalRef;

package/dist/useLayoutPerformance.d.ts

@@ -1 +1,2 @@
-export default function useLayoutPerformance(name: string): void;
+export declare function useLayoutPerformance(name: string): void;
+export default useLayoutPerformance;

package/dist/usePerformance.d.ts

@@ -1 +1,2 @@
-export default function usePerformance(name: string): void;
+export declare function usePerformance(name: string): void;
+export default usePerformance;

package/dist/useTimeoutRef.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="node" />
+import React from 'react';
+export type UseTimeoutReturnValue = [
+    React.MutableRefObject<NodeJS.Timeout | undefined>,
+    (callback: (args: void) => void, ms?: number) => void
+];
+export declare function useTimeoutRef(): UseTimeoutReturnValue;
+export default useTimeoutRef;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-hook",
   "title": "React Hook",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "description": "React Hook",
   "type": "module",
   "types": "dist/index.d.ts",