@pdg/react-hook 1.0.25 → 1.0.27

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 declare function clearIntervalRef(ref: React.RefObject<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 declare function clearTimeoutRef(ref: React.RefObject<NodeJS.Timeout | undefined>): void;
 export default clearTimeoutRef;

package/dist/index.esm.js

@@ -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);
@@ -180,7 +181,7 @@ function useAutoUpdateLayoutRefState(state, callback) {
         ref.current = undefined;
     }
 }function useTimeoutRef() {
-    var ref = useRef();
+    var ref = useRef(undefined);
     useEffect(function () {
         return function () {
             clearTimeoutRef(ref);
@@ -206,14 +207,16 @@ function useAutoUpdateLayoutRefState(state, callback) {
         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);
         ref.current = undefined;
     }
 }function useIntervalRef() {
-    var ref = useRef();
+    var ref = useRef(undefined);
     useEffect(function () {
         return function () {
             clearIntervalRef(ref);

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);
@@ -180,7 +181,7 @@ function useAutoUpdateLayoutRefState(state, callback) {
         ref.current = undefined;
     }
 }function useTimeoutRef() {
-    var ref = react.useRef();
+    var ref = react.useRef(undefined);
     react.useEffect(function () {
         return function () {
             clearTimeoutRef(ref);
@@ -206,14 +207,16 @@ function useAutoUpdateLayoutRefState(state, callback) {
         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);
         ref.current = undefined;
     }
 }function useIntervalRef() {
-    var ref = react.useRef();
+    var ref = react.useRef(undefined);
     react.useEffect(function () {
         return function () {
             clearIntervalRef(ref);

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

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

package/dist/useAutoUpdateRef.d.ts

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

package/dist/useAutoUpdateRefState.d.ts

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

package/dist/useIntervalRef.d.ts

@@ -1,8 +1,7 @@
-/// <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
+    React.RefObject<NodeJS.Timeout | undefined>,
+    (callback: (ref: React.RefObject<NodeJS.Timeout | undefined>) => void, ms?: number) => void
 ];
 export declare function useIntervalRef(): UseIntervalReturnValue;
 export default useIntervalRef;

package/dist/useTimeoutRef.d.ts

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-hook",
   "title": "React Hook",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "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-typescript2": "^0.36.0",
-    "sass": "^1.77.0",
-    "typescript": "^5.4.5"
+    "sass": "^1.86.3",
+    "typescript": "^5.8.3"
   }
 }