@pdg/react-hook 1.0.39 → 1.0.41

package/README.md

@@ -1,6 +1,6 @@
 # @pdg/react-hook
 
-Admin Layout for React
+Typescript React Hook Module
 
 ## 설치
 ```

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import {useRef,useEffect,useLayoutEffect,useState,useCallback}from'react';function useFirstSkipEffect(effect, deps) {
-    var firstRef = useRef(true);
-    useEffect(function () {
+    const firstRef = useRef(true);
+    useEffect(() => {
         if (firstRef.current) {
             firstRef.current = false;
         }
@@ -10,8 +10,8 @@ import {useRef,useEffect,useLayoutEffect,useState,useCallback}from'react';functi
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 }function useFirstSkipLayoutEffect(effect, deps) {
-    var firstRef = useRef(true);
-    useLayoutEffect(function () {
+    const firstRef = useRef(true);
+    useLayoutEffect(() => {
         if (firstRef.current) {
             firstRef.current = false;
         }
@@ -21,14 +21,14 @@ import {useRef,useEffect,useLayoutEffect,useState,useCallback}from'react';functi
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 }function useAutoForceUpdate(interval) {
-    var _a = useState(0), setTick = _a[1];
-    useEffect(function () {
-        var tm = setInterval(function () {
-            setTick(function (old) {
+    const [, setTick] = useState(0);
+    useEffect(() => {
+        const tm = setInterval(() => {
+            setTick((old) => {
                 return old + 1;
             });
         }, interval);
-        return function () {
+        return () => {
             clearInterval(tm);
         };
     }, [interval]);
@@ -43,45 +43,45 @@ import {useRef,useEffect,useLayoutEffect,useState,useCallback}from'react';functi
         ref.current = undefined;
     }
 }function useIntervalRef() {
-    var ref = useRef(undefined);
-    useEffect(function () {
-        return function () {
+    const ref = useRef(undefined);
+    useEffect(() => {
+        return () => {
             clearIntervalRef(ref);
         };
     }, []);
-    var setIntervalFunc = useCallback(function (callback, ms) {
+    const setIntervalFunc = useCallback((callback, ms) => {
         clearIntervalRef(ref);
-        ref.current = setInterval(function () {
+        ref.current = setInterval(() => {
             callback(ref);
         }, ms);
     }, []);
     return [ref, setIntervalFunc];
 }function useTimeoutRef() {
-    var ref = useRef(undefined);
-    useEffect(function () {
-        return function () {
+    const ref = useRef(undefined);
+    useEffect(() => {
+        return () => {
             clearTimeoutRef(ref);
         };
     }, []);
-    var setTimeoutFunc = useCallback(function (callback, ms) {
+    const setTimeoutFunc = useCallback((callback, ms) => {
         clearTimeoutRef(ref);
-        ref.current = setTimeout(function () {
+        ref.current = setTimeout(() => {
             ref.current = undefined;
             callback();
         }, ms);
     }, []);
     return [ref, setTimeoutFunc];
 }function useForceUpdate(delayMilliseconds) {
-    var _a = useTimeoutRef(), setDelayTimeout = _a[1];
-    var _b = useState(0), setValue = _b[1];
-    return useCallback(function (delay) {
+    const [, setDelayTimeout] = useTimeoutRef();
+    const [, setValue] = useState(0);
+    return useCallback((delay) => {
         if (ifUndefined(delay, delayMilliseconds) !== undefined) {
-            setDelayTimeout(function () {
-                setValue(function (old) { return old + 1; });
+            setDelayTimeout(() => {
+                setValue((old) => old + 1);
             }, ifUndefined(delay, delayMilliseconds));
         }
         else {
-            setValue(function (old) { return old + 1; });
+            setValue((old) => old + 1);
         }
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -93,7 +93,7 @@ import {useRef,useEffect,useLayoutEffect,useState,useCallback}from'react';functi
 function ifUndefined(v, v2) {
     return v === undefined ? v2 : v;
 }function useForwardLayoutRef(ref, value, onSet, onUnset) {
-    useLayoutEffect(function () {
+    useLayoutEffect(() => {
         onSet === null || onSet === void 0 ? void 0 : onSet(value);
         if (ref) {
             if (typeof ref === 'function') {
@@ -103,7 +103,7 @@ function ifUndefined(v, v2) {
                 ref.current = value;
             }
         }
-        return function () {
+        return () => {
             onUnset === null || onUnset === void 0 ? void 0 : onUnset();
             if (ref) {
                 if (typeof ref === 'function') {
@@ -116,7 +116,7 @@ function ifUndefined(v, v2) {
         };
     }, [onSet, onUnset, ref, value]);
 }function useForwardRef(ref, value, onSet, onUnset) {
-    useEffect(function () {
+    useEffect(() => {
         onSet === null || onSet === void 0 ? void 0 : onSet(value);
         if (ref) {
             if (typeof ref === 'function') {
@@ -126,7 +126,7 @@ function ifUndefined(v, v2) {
                 ref.current = value;
             }
         }
-        return function () {
+        return () => {
             onUnset === null || onUnset === void 0 ? void 0 : onUnset();
             if (ref) {
                 if (typeof ref === 'function') {
@@ -138,57 +138,56 @@ function ifUndefined(v, v2) {
             }
         };
     }, [onSet, onUnset, ref, value]);
-}function useMountedRef(initialValue) {
-    if (initialValue === void 0) { initialValue = true; }
-    var isMountedRef = useRef(initialValue);
-    useEffect(function () {
+}function useMountedRef(initialValue = true) {
+    const isMountedRef = useRef(initialValue);
+    useEffect(() => {
         isMountedRef.current = true;
-        return function () {
+        return () => {
             isMountedRef.current = false;
         };
     }, []);
     return isMountedRef;
 }function useLayoutPerformance(name) {
-    var beginTime = performance.now();
-    useLayoutEffect(function () {
+    const beginTime = performance.now();
+    useLayoutEffect(() => {
         console.log('Layout Performance', '-', name, performance.now() - beginTime);
     });
 }function usePerformance(name) {
-    var beginTime = performance.now();
-    useEffect(function () {
+    const beginTime = performance.now();
+    useEffect(() => {
         console.log('Performance', '-', name, performance.now() - beginTime);
     });
 }function useAutoUpdateLayoutRef(value) {
-    var valueRef = useRef(value);
-    var _a = useState(0), setUpdateValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
+    const valueRef = useRef(value);
+    const [, setUpdateValue] = useState(0);
+    useFirstSkipLayoutEffect(() => {
         valueRef.current = value;
-        setUpdateValue(function (prev) { return prev + 1; });
+        setUpdateValue((prev) => prev + 1);
     }, [value]);
     return valueRef;
 }function useAutoUpdateRef(value) {
-    var valueRef = useRef(value);
-    var _a = useState(0), setUpdateValue = _a[1];
-    useFirstSkipEffect(function () {
+    const valueRef = useRef(value);
+    const [, setUpdateValue] = useState(0);
+    useFirstSkipEffect(() => {
         valueRef.current = value;
-        setUpdateValue(function (prev) { return prev + 1; });
+        setUpdateValue((prev) => prev + 1);
     }, [value]);
     return valueRef;
 }// 구현부
 function useAutoUpdateRefState(state, callback) {
-    var valueRef = useRef(callback ? callback(state) : state);
-    var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipEffect(function () {
-        var newValue = callback ? callback(state) : state;
+    const valueRef = useRef(callback ? callback(state) : state);
+    const [_value, _setValue] = useState(() => (callback ? callback(state) : state));
+    useFirstSkipEffect(() => {
+        const newValue = callback ? callback(state) : state;
         if (!equal(valueRef.current, newValue)) {
             valueRef.current = newValue;
             _setValue(newValue);
         }
     }, [state]);
-    var setValue = useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
+    const setValue = useCallback((newValue, skipCallback) => {
+        let finalNewValue = newValue;
         if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
+            _setValue((prev) => {
                 finalNewValue = finalNewValue(prev);
                 finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
                 return finalNewValue;
@@ -221,14 +220,14 @@ function equal(v1, v2) {
     }
 }// 구현부
 function useAutoUpdateState(state, callback) {
-    var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipEffect(function () {
+    const [_value, _setValue] = useState(() => (callback ? callback(state) : state));
+    useFirstSkipEffect(() => {
         _setValue(callback ? callback(state) : state);
     }, [state]);
-    var setValue = useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
+    const setValue = useCallback((newValue, skipCallback) => {
+        let finalNewValue = newValue;
         if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
+            _setValue((prev) => {
                 finalNewValue = finalNewValue(prev);
                 finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
                 return finalNewValue;
@@ -242,12 +241,12 @@ function useAutoUpdateState(state, callback) {
     }, [callback]);
     return [_value, setValue];
 }function useRefState(initialState) {
-    var _a = useState(initialState), _value = _a[0], _setValue = _a[1];
-    var valueRef = useRef(_value);
-    var setValue = useCallback(function (value) {
+    const [_value, _setValue] = useState(initialState);
+    const valueRef = useRef(_value);
+    const setValue = useCallback((value) => {
         if (typeof value === 'function') {
-            _setValue(function (prev) {
-                var finalValue = value(prev);
+            _setValue((prev) => {
+                const finalValue = value(prev);
                 valueRef.current = finalValue;
                 return finalValue;
             });
@@ -258,12 +257,22 @@ function useAutoUpdateState(state, callback) {
         }
     }, []);
     return [valueRef, _value, setValue];
+}function useSafeState(initialState) {
+    const mountedRef = useMountedRef();
+    const [value, setValue] = useState(initialState);
+    const safeSetValue = useCallback((newValue) => {
+        if (mountedRef.current) {
+            setValue(newValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return [value, safeSetValue];
 }function useSafeUpdate() {
-    var mountedRef = useMountedRef();
-    return useCallback(function (callback) {
+    const mountedRef = useMountedRef();
+    return useCallback((callback) => {
         if (mountedRef.current) {
             callback();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-}export{clearIntervalRef,clearTimeoutRef,useAutoForceUpdate,useAutoUpdateLayoutRef,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForceUpdate,useForwardLayoutRef,useForwardRef,useIntervalRef,useLayoutPerformance,useMountedRef,usePerformance,useRefState,useSafeUpdate,useTimeoutRef};
+}export{clearIntervalRef,clearTimeoutRef,useAutoForceUpdate,useAutoUpdateLayoutRef,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForceUpdate,useForwardLayoutRef,useForwardRef,useIntervalRef,useLayoutPerformance,useMountedRef,usePerformance,useRefState,useSafeState,useSafeUpdate,useTimeoutRef};

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';var react=require('react');function useFirstSkipEffect(effect, deps) {
-    var firstRef = react.useRef(true);
-    react.useEffect(function () {
+    const firstRef = react.useRef(true);
+    react.useEffect(() => {
         if (firstRef.current) {
             firstRef.current = false;
         }
@@ -10,8 +10,8 @@
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 }function useFirstSkipLayoutEffect(effect, deps) {
-    var firstRef = react.useRef(true);
-    react.useLayoutEffect(function () {
+    const firstRef = react.useRef(true);
+    react.useLayoutEffect(() => {
         if (firstRef.current) {
             firstRef.current = false;
         }
@@ -21,14 +21,14 @@
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 }function useAutoForceUpdate(interval) {
-    var _a = react.useState(0), setTick = _a[1];
-    react.useEffect(function () {
-        var tm = setInterval(function () {
-            setTick(function (old) {
+    const [, setTick] = react.useState(0);
+    react.useEffect(() => {
+        const tm = setInterval(() => {
+            setTick((old) => {
                 return old + 1;
             });
         }, interval);
-        return function () {
+        return () => {
             clearInterval(tm);
         };
     }, [interval]);
@@ -43,45 +43,45 @@
         ref.current = undefined;
     }
 }function useIntervalRef() {
-    var ref = react.useRef(undefined);
-    react.useEffect(function () {
-        return function () {
+    const ref = react.useRef(undefined);
+    react.useEffect(() => {
+        return () => {
             clearIntervalRef(ref);
         };
     }, []);
-    var setIntervalFunc = react.useCallback(function (callback, ms) {
+    const setIntervalFunc = react.useCallback((callback, ms) => {
         clearIntervalRef(ref);
-        ref.current = setInterval(function () {
+        ref.current = setInterval(() => {
             callback(ref);
         }, ms);
     }, []);
     return [ref, setIntervalFunc];
 }function useTimeoutRef() {
-    var ref = react.useRef(undefined);
-    react.useEffect(function () {
-        return function () {
+    const ref = react.useRef(undefined);
+    react.useEffect(() => {
+        return () => {
             clearTimeoutRef(ref);
         };
     }, []);
-    var setTimeoutFunc = react.useCallback(function (callback, ms) {
+    const setTimeoutFunc = react.useCallback((callback, ms) => {
         clearTimeoutRef(ref);
-        ref.current = setTimeout(function () {
+        ref.current = setTimeout(() => {
             ref.current = undefined;
             callback();
         }, ms);
     }, []);
     return [ref, setTimeoutFunc];
 }function useForceUpdate(delayMilliseconds) {
-    var _a = useTimeoutRef(), setDelayTimeout = _a[1];
-    var _b = react.useState(0), setValue = _b[1];
-    return react.useCallback(function (delay) {
+    const [, setDelayTimeout] = useTimeoutRef();
+    const [, setValue] = react.useState(0);
+    return react.useCallback((delay) => {
         if (ifUndefined(delay, delayMilliseconds) !== undefined) {
-            setDelayTimeout(function () {
-                setValue(function (old) { return old + 1; });
+            setDelayTimeout(() => {
+                setValue((old) => old + 1);
             }, ifUndefined(delay, delayMilliseconds));
         }
         else {
-            setValue(function (old) { return old + 1; });
+            setValue((old) => old + 1);
         }
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -93,7 +93,7 @@
 function ifUndefined(v, v2) {
     return v === undefined ? v2 : v;
 }function useForwardLayoutRef(ref, value, onSet, onUnset) {
-    react.useLayoutEffect(function () {
+    react.useLayoutEffect(() => {
         onSet === null || onSet === void 0 ? void 0 : onSet(value);
         if (ref) {
             if (typeof ref === 'function') {
@@ -103,7 +103,7 @@ function ifUndefined(v, v2) {
                 ref.current = value;
             }
         }
-        return function () {
+        return () => {
             onUnset === null || onUnset === void 0 ? void 0 : onUnset();
             if (ref) {
                 if (typeof ref === 'function') {
@@ -116,7 +116,7 @@ function ifUndefined(v, v2) {
         };
     }, [onSet, onUnset, ref, value]);
 }function useForwardRef(ref, value, onSet, onUnset) {
-    react.useEffect(function () {
+    react.useEffect(() => {
         onSet === null || onSet === void 0 ? void 0 : onSet(value);
         if (ref) {
             if (typeof ref === 'function') {
@@ -126,7 +126,7 @@ function ifUndefined(v, v2) {
                 ref.current = value;
             }
         }
-        return function () {
+        return () => {
             onUnset === null || onUnset === void 0 ? void 0 : onUnset();
             if (ref) {
                 if (typeof ref === 'function') {
@@ -138,57 +138,56 @@ function ifUndefined(v, v2) {
             }
         };
     }, [onSet, onUnset, ref, value]);
-}function useMountedRef(initialValue) {
-    if (initialValue === void 0) { initialValue = true; }
-    var isMountedRef = react.useRef(initialValue);
-    react.useEffect(function () {
+}function useMountedRef(initialValue = true) {
+    const isMountedRef = react.useRef(initialValue);
+    react.useEffect(() => {
         isMountedRef.current = true;
-        return function () {
+        return () => {
             isMountedRef.current = false;
         };
     }, []);
     return isMountedRef;
 }function useLayoutPerformance(name) {
-    var beginTime = performance.now();
-    react.useLayoutEffect(function () {
+    const beginTime = performance.now();
+    react.useLayoutEffect(() => {
         console.log('Layout Performance', '-', name, performance.now() - beginTime);
     });
 }function usePerformance(name) {
-    var beginTime = performance.now();
-    react.useEffect(function () {
+    const beginTime = performance.now();
+    react.useEffect(() => {
         console.log('Performance', '-', name, performance.now() - beginTime);
     });
 }function useAutoUpdateLayoutRef(value) {
-    var valueRef = react.useRef(value);
-    var _a = react.useState(0), setUpdateValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
+    const valueRef = react.useRef(value);
+    const [, setUpdateValue] = react.useState(0);
+    useFirstSkipLayoutEffect(() => {
         valueRef.current = value;
-        setUpdateValue(function (prev) { return prev + 1; });
+        setUpdateValue((prev) => prev + 1);
     }, [value]);
     return valueRef;
 }function useAutoUpdateRef(value) {
-    var valueRef = react.useRef(value);
-    var _a = react.useState(0), setUpdateValue = _a[1];
-    useFirstSkipEffect(function () {
+    const valueRef = react.useRef(value);
+    const [, setUpdateValue] = react.useState(0);
+    useFirstSkipEffect(() => {
         valueRef.current = value;
-        setUpdateValue(function (prev) { return prev + 1; });
+        setUpdateValue((prev) => prev + 1);
     }, [value]);
     return valueRef;
 }// 구현부
 function useAutoUpdateRefState(state, callback) {
-    var valueRef = react.useRef(callback ? callback(state) : state);
-    var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipEffect(function () {
-        var newValue = callback ? callback(state) : state;
+    const valueRef = react.useRef(callback ? callback(state) : state);
+    const [_value, _setValue] = react.useState(() => (callback ? callback(state) : state));
+    useFirstSkipEffect(() => {
+        const newValue = callback ? callback(state) : state;
         if (!equal(valueRef.current, newValue)) {
             valueRef.current = newValue;
             _setValue(newValue);
         }
     }, [state]);
-    var setValue = react.useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
+    const setValue = react.useCallback((newValue, skipCallback) => {
+        let finalNewValue = newValue;
         if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
+            _setValue((prev) => {
                 finalNewValue = finalNewValue(prev);
                 finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
                 return finalNewValue;
@@ -221,14 +220,14 @@ function equal(v1, v2) {
     }
 }// 구현부
 function useAutoUpdateState(state, callback) {
-    var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipEffect(function () {
+    const [_value, _setValue] = react.useState(() => (callback ? callback(state) : state));
+    useFirstSkipEffect(() => {
         _setValue(callback ? callback(state) : state);
     }, [state]);
-    var setValue = react.useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
+    const setValue = react.useCallback((newValue, skipCallback) => {
+        let finalNewValue = newValue;
         if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
+            _setValue((prev) => {
                 finalNewValue = finalNewValue(prev);
                 finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
                 return finalNewValue;
@@ -242,12 +241,12 @@ function useAutoUpdateState(state, callback) {
     }, [callback]);
     return [_value, setValue];
 }function useRefState(initialState) {
-    var _a = react.useState(initialState), _value = _a[0], _setValue = _a[1];
-    var valueRef = react.useRef(_value);
-    var setValue = react.useCallback(function (value) {
+    const [_value, _setValue] = react.useState(initialState);
+    const valueRef = react.useRef(_value);
+    const setValue = react.useCallback((value) => {
         if (typeof value === 'function') {
-            _setValue(function (prev) {
-                var finalValue = value(prev);
+            _setValue((prev) => {
+                const finalValue = value(prev);
                 valueRef.current = finalValue;
                 return finalValue;
             });
@@ -258,12 +257,22 @@ function useAutoUpdateState(state, callback) {
         }
     }, []);
     return [valueRef, _value, setValue];
+}function useSafeState(initialState) {
+    const mountedRef = useMountedRef();
+    const [value, setValue] = react.useState(initialState);
+    const safeSetValue = react.useCallback((newValue) => {
+        if (mountedRef.current) {
+            setValue(newValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return [value, safeSetValue];
 }function useSafeUpdate() {
-    var mountedRef = useMountedRef();
-    return react.useCallback(function (callback) {
+    const mountedRef = useMountedRef();
+    return react.useCallback((callback) => {
         if (mountedRef.current) {
             callback();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoForceUpdate=useAutoForceUpdate;exports.useAutoUpdateLayoutRef=useAutoUpdateLayoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;exports.useForceUpdate=useForceUpdate;exports.useForwardLayoutRef=useForwardLayoutRef;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useLayoutPerformance=useLayoutPerformance;exports.useMountedRef=useMountedRef;exports.usePerformance=usePerformance;exports.useRefState=useRefState;exports.useSafeUpdate=useSafeUpdate;exports.useTimeoutRef=useTimeoutRef;
+}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoForceUpdate=useAutoForceUpdate;exports.useAutoUpdateLayoutRef=useAutoUpdateLayoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;exports.useForceUpdate=useForceUpdate;exports.useForwardLayoutRef=useForwardLayoutRef;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useLayoutPerformance=useLayoutPerformance;exports.useMountedRef=useMountedRef;exports.usePerformance=usePerformance;exports.useRefState=useRefState;exports.useSafeState=useSafeState;exports.useSafeUpdate=useSafeUpdate;exports.useTimeoutRef=useTimeoutRef;

package/dist/state/useSafeState.d.ts

@@ -1 +1,3 @@
-export {};
+import { Dispatch, SetStateAction } from 'react';
+export declare function useSafeState<S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>];
+export declare function useSafeState<S = undefined>(): [S | undefined, Dispatch<SetStateAction<S | undefined>>];

package/package.json

@@ -1,12 +1,19 @@
 {
   "name": "@pdg/react-hook",
-  "title": "React Hook",
-  "version": "1.0.39",
-  "description": "React Hook",
+  "title": "Typescript React Hook Module",
+  "description": "Typescript React Hook Module",
+  "version": "1.0.41",
   "type": "module",
-  "types": "dist/index.d.ts",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js"
+    }
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/parkdigy/react-hook.git",
@@ -22,51 +29,55 @@
   ],
   "scripts": {
     "dev": "cd examples && npm run dev",
-    "dev-prd-lib": "cd examples && npm run dev-prd-lib",
-    "build": "rollup -c --bundleConfigAsCjs",
-    "pub": "npm i && npm run build && npm publish --access=public && rm ./.git/hooks/pre-commit",
+    "watchman:del": "watchman watch-del \"${PWD}\" ; watchman watch-project \"${PWD}\"",
+    "build:examples": "cd examples && npm run build",
+    "build": "npm run watchman:del && npm run lint && rollup -c --bundleConfigAsCjs",
     "git:commit": "node .git-commit.cjs",
     "git:push": "git push",
     "git:commit:push": "npm run git:commit && npm run git:push",
+    "git:merge:mirror": "node .git-merge.cjs mirror main",
     "reset:gitignore": "git rm -r --cached . && git add .",
+    "pub": "npm i && npm run build:examples && npm run build && npm publish --access=public && rm ./.git/hooks/pre-commit",
+    "lint": "eslint './src/**/*.{ts,tsx}'",
     "reinstall": "npm run reinstall:module",
-    "reinstall:module": "rm -rf node_modules && rm -f package-lock.json && npm i",
-    "lint": "eslint './src/**/*.{ts,tsx}'"
+    "reinstall:module": "rm -rf node_modules && rm -f package-lock.json && npm i"
   },
   "author": "YOUNG CHUL PARK",
   "license": "MIT",
   "readmeFilename": "README.md",
   "keywords": [
-    "react",
-    "hook",
+    "util",
     "typescript",
     "javascript"
   ],
   "peerDependencies": {
-    "react": ">=17.0.0"
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.28.0",
-    "@pdg/types": "^1.0.6",
-    "@rollup/plugin-commonjs": "^28.0.3",
-    "@rollup/plugin-eslint": "^9.0.5",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@types/node": "^22.15.29",
-    "@types/react": "^19.1.6",
-    "@typescript-eslint/parser": "^8.33.0",
-    "eslint": "9.28.0",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-prettier": "^5.4.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "prettier": "^3.5.3",
-    "rollup": "^4.41.1",
-    "rollup-plugin-delete": "^2.2.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-sass": "^1.15.2",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "sass": "^1.89.1",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.33.0"
+    "@eslint/js": "9.39.1",
+    "@pdg/types": "1.0.9",
+    "@rollup/plugin-commonjs": "29.0.0",
+    "@rollup/plugin-node-resolve": "16.0.3",
+    "@types/node": "^22.19.2",
+    "@types/react": "19.2.7",
+    "@typescript-eslint/parser": "8.49.0",
+    "eslint": "9.39.1",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-prettier": "5.5.4",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "5.2.0",
+    "eslint-plugin-react-refresh": "0.4.24",
+    "globals": "^16.5.0",
+    "prettier": "3.7.4",
+    "rollup": "4.53.3",
+    "rollup-plugin-delete": "2.2.0",
+    "rollup-plugin-peer-deps-external": "2.2.4",
+    "rollup-plugin-sass": "1.15.3",
+    "rollup-plugin-typescript2": "0.36.0",
+    "sass": "1.95.1",
+    "ts-node": "10.9.2",
+    "typescript": "5.9.3",
+    "typescript-eslint": "8.49.0"
   }
 }