@pdg/react-hook 1.0.24 → 1.0.26

package/dist/clearIntervalRef.d.ts

@@ -1,4 +1,3 @@
-/// <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

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

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';import {equal}from'@pdg/util';function useFirstSkipEffect(effect, deps) {
+import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';import {equal,ifUndefined}from'@pdg/util';function useFirstSkipEffect(effect, deps) {
     var firstRef = useRef(true);
     useEffect(function () {
         if (firstRef.current) {
@@ -7,6 +7,7 @@ import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';import
         else {
             effect();
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 }// 구현부
 function useAutoUpdateState(state, callback) {
@@ -39,6 +40,7 @@ function useAutoUpdateState(state, callback) {
         else {
             effect();
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 }// 구현부
 function useAutoUpdateLayoutState(state, callback) {
@@ -161,12 +163,11 @@ function useAutoUpdateLayoutRefState(state, callback) {
     useLayoutEffect(function () {
         console.log('Layout Performance', '-', name, performance.now() - beginTime);
     });
-}function useAutoForceUpdate(name, interval) {
+}function useAutoForceUpdate(interval) {
     var _a = useState(0), setTick = _a[1];
     useEffect(function () {
         var tm = setInterval(function () {
             setTick(function (old) {
-                console.log('Auto Force Update', '-', name, old + 1);
                 return old + 1;
             });
         }, interval);
@@ -194,19 +195,21 @@ function useAutoUpdateLayoutRefState(state, callback) {
         }, ms);
     }, []);
     return [ref, setTimeoutFunc];
-}function useForceUpdate(delay) {
+}function useForceUpdate(delayMilliseconds) {
     var _a = useTimeoutRef(), setDelayTimeout = _a[1];
     var _b = useState(0), setValue = _b[1];
-    return useCallback(function () {
-        if (delay) {
+    return useCallback(function (delay) {
+        if (ifUndefined(delay, delayMilliseconds) !== undefined) {
             setDelayTimeout(function () {
                 setValue(function (old) { return old + 1; });
-            }, delay);
+            }, ifUndefined(delay, delayMilliseconds));
         }
         else {
             setValue(function (old) { return old + 1; });
         }
-    }, []);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [delayMilliseconds]);
 }function clearIntervalRef(ref) {
     if (ref.current) {
         clearInterval(ref.current);

package/dist/index.js

@@ -7,6 +7,7 @@
         else {
             effect();
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 }// 구현부
 function useAutoUpdateState(state, callback) {
@@ -39,6 +40,7 @@ function useAutoUpdateState(state, callback) {
         else {
             effect();
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 }// 구현부
 function useAutoUpdateLayoutState(state, callback) {
@@ -161,12 +163,11 @@ function useAutoUpdateLayoutRefState(state, callback) {
     react.useLayoutEffect(function () {
         console.log('Layout Performance', '-', name, performance.now() - beginTime);
     });
-}function useAutoForceUpdate(name, interval) {
+}function useAutoForceUpdate(interval) {
     var _a = react.useState(0), setTick = _a[1];
     react.useEffect(function () {
         var tm = setInterval(function () {
             setTick(function (old) {
-                console.log('Auto Force Update', '-', name, old + 1);
                 return old + 1;
             });
         }, interval);
@@ -194,19 +195,21 @@ function useAutoUpdateLayoutRefState(state, callback) {
         }, ms);
     }, []);
     return [ref, setTimeoutFunc];
-}function useForceUpdate(delay) {
+}function useForceUpdate(delayMilliseconds) {
     var _a = useTimeoutRef(), setDelayTimeout = _a[1];
     var _b = react.useState(0), setValue = _b[1];
-    return react.useCallback(function () {
-        if (delay) {
+    return react.useCallback(function (delay) {
+        if (util.ifUndefined(delay, delayMilliseconds) !== undefined) {
             setDelayTimeout(function () {
                 setValue(function (old) { return old + 1; });
-            }, delay);
+            }, util.ifUndefined(delay, delayMilliseconds));
         }
         else {
             setValue(function (old) { return old + 1; });
         }
-    }, []);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [delayMilliseconds]);
 }function clearIntervalRef(ref) {
     if (ref.current) {
         clearInterval(ref.current);

package/dist/useAutoForceUpdate.d.ts

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

package/dist/useForceUpdate.d.ts

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

package/dist/useIntervalRef.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import React from 'react';
 export type UseIntervalReturnValue = [
     React.MutableRefObject<NodeJS.Timeout | undefined>,

package/dist/useTimeoutRef.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import React from 'react';
 export type UseTimeoutReturnValue = [
     React.MutableRefObject<NodeJS.Timeout | undefined>,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-hook",
   "title": "React Hook",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "description": "React Hook",
   "type": "module",
   "types": "dist/index.d.ts",
@@ -38,29 +38,30 @@
     "javascript"
   ],
   "peerDependencies": {
-    "@pdg/util": "^1.0.22",
-    "@types/react": "^17.0.0 || ^18.0.0",
-    "react": "^17.0.0 || ^18.0.0"
+    "@pdg/util": "^1.0.23",
+    "@types/react": ">=17.0.0",
+    "react": ">=17.0.0"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-eslint": "^9.0.5",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@typescript-eslint/eslint-plugin": "^7.8.0",
-    "@typescript-eslint/parser": "^7.8.0",
-    "eslint": "8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "prettier": "^3.2.5",
-    "rollup": "^4.17.2",
-    "rollup-plugin-delete": "^2.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@types/node": "^22.14.0",
+    "@typescript-eslint/eslint-plugin": "^8.29.1",
+    "@typescript-eslint/parser": "^8.29.1",
+    "eslint": "8.57.1",
+    "eslint-config-prettier": "^10.1.2",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.2.6",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "prettier": "^3.5.3",
+    "rollup": "^4.39.0",
+    "rollup-plugin-delete": "^2.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-scss": "^4.0.1",
     "rollup-plugin-typescript2": "^0.36.0",
-    "sass": "^1.77.0",
-    "typescript": "^5.4.5"
+    "sass": "^1.86.3",
+    "typescript": "^5.8.3"
   }
 }