@pdg/react-hook 1.0.39 → 1.0.40

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;
             });
@@ -259,8 +258,8 @@ function useAutoUpdateState(state, callback) {
     }, []);
     return [valueRef, _value, setValue];
 }function useSafeUpdate() {
-    var mountedRef = useMountedRef();
-    return useCallback(function (callback) {
+    const mountedRef = useMountedRef();
+    return useCallback((callback) => {
         if (mountedRef.current) {
             callback();
         }

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;
             });
@@ -259,8 +258,8 @@ function useAutoUpdateState(state, callback) {
     }, []);
     return [valueRef, _value, setValue];
 }function useSafeUpdate() {
-    var mountedRef = useMountedRef();
-    return react.useCallback(function (callback) {
+    const mountedRef = useMountedRef();
+    return react.useCallback((callback) => {
         if (mountedRef.current) {
             callback();
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-hook",
   "title": "React Hook",
-  "version": "1.0.39",
+  "version": "1.0.40",
   "description": "React Hook",
   "type": "module",
   "types": "dist/index.d.ts",
@@ -47,7 +47,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.28.0",
-    "@pdg/types": "^1.0.6",
+    "@pdg/types": "^1.0.8",
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-eslint": "^9.0.5",
     "@rollup/plugin-node-resolve": "^16.0.1",