@pdg/react-hook 1.0.30 → 1.0.32

package/dist/effect/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useFirstSkipEffect';
+export * from './useFirstSkipLayoutEffect';

package/dist/{useFirstSkipEffect.d.ts → effect/useFirstSkipEffect.d.ts}

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

package/dist/{useFirstSkipLayoutEffect.d.ts → effect/useFirstSkipLayoutEffect.d.ts}

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

package/dist/forceUpdate/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useAutoForceUpdate';
+export * from './useForceUpdate';

package/dist/{useAutoForceUpdate.d.ts → forceUpdate/useAutoForceUpdate.d.ts}

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

package/dist/{useForceUpdate.d.ts → forceUpdate/useForceUpdate.d.ts}

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

package/dist/forwardRef/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useForwardLayoutRef';
+export * from './useForwardRef';

package/dist/forwardRef/useForwardLayoutRef.d.ts

@@ -0,0 +1,2 @@
+import { ForwardedRef } from 'react';
+export declare function useForwardLayoutRef<T>(ref: ForwardedRef<T>, value: T, onSet?: (value: T) => void, onUnset?: () => void): void;

package/dist/{useForwardRef.d.ts → forwardRef/useForwardRef.d.ts}

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

package/dist/index.d.ts

@@ -1,17 +1,9 @@
-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';
+export * from './effect';
+export * from './forceUpdate';
+export * from './forwardRef';
+export * from './mount';
+export * from './performance';
+export * from './ref';
+export * from './state';
+export * from './timeoutInterval';
+export * from './update';

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';function useFirstSkipEffect(effect, deps) {
+import {useRef,useEffect,useLayoutEffect,useState,useCallback}from'react';function useFirstSkipEffect(effect, deps) {
     var firstRef = useRef(true);
     useEffect(function () {
         if (firstRef.current) {
@@ -9,28 +9,6 @@ import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';functi
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
-}// 구현부
-function useAutoUpdateState(state, callback) {
-    var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipEffect(function () {
-        _setValue(callback ? callback(state) : state);
-    }, [state]);
-    var setValue = useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
-        if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
-                finalNewValue = finalNewValue(prev);
-                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-                return finalNewValue;
-            });
-        }
-        else {
-            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-            _setValue(finalNewValue);
-        }
-        return finalNewValue;
-    }, [callback]);
-    return [_value, setValue];
 }function useFirstSkipLayoutEffect(effect, deps) {
     var firstRef = useRef(true);
     useLayoutEffect(function () {
@@ -42,35 +20,166 @@ function useAutoUpdateState(state, callback) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
-}// 구현부
-function useAutoUpdateLayoutState(state, callback) {
-    var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
-        _setValue(callback ? callback(state) : state);
-    }, [state]);
-    var setValue = useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
-        if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
-                finalNewValue = finalNewValue(prev);
-                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-                return finalNewValue;
+}function useAutoForceUpdate(interval) {
+    var _a = useState(0), setTick = _a[1];
+    useEffect(function () {
+        var tm = setInterval(function () {
+            setTick(function (old) {
+                return old + 1;
             });
+        }, interval);
+        return function () {
+            clearInterval(tm);
+        };
+    }, [interval]);
+}function clearIntervalRef(ref) {
+    if (ref.current) {
+        clearInterval(ref.current);
+        ref.current = undefined;
+    }
+}function clearTimeoutRef(ref) {
+    if (ref.current) {
+        clearTimeout(ref.current);
+        ref.current = undefined;
+    }
+}function useIntervalRef() {
+    var ref = useRef(undefined);
+    useEffect(function () {
+        return function () {
+            clearIntervalRef(ref);
+        };
+    }, []);
+    var setIntervalFunc = useCallback(function (callback, ms) {
+        clearIntervalRef(ref);
+        ref.current = setInterval(function () {
+            callback(ref);
+        }, ms);
+    }, []);
+    return [ref, setIntervalFunc];
+}function useTimeoutRef() {
+    var ref = useRef(undefined);
+    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(delayMilliseconds) {
+    var _a = useTimeoutRef(), setDelayTimeout = _a[1];
+    var _b = useState(0), setValue = _b[1];
+    return useCallback(function (delay) {
+        if (ifUndefined(delay, delayMilliseconds) !== undefined) {
+            setDelayTimeout(function () {
+                setValue(function (old) { return old + 1; });
+            }, ifUndefined(delay, delayMilliseconds));
         }
         else {
-            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-            _setValue(finalNewValue);
+            setValue(function (old) { return old + 1; });
         }
-        return finalNewValue;
-    }, [callback]);
-    return [_value, setValue];
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [delayMilliseconds]);
+}
+/********************************************************************************************************************
+ * ifUndefined
+ * ******************************************************************************************************************/
+function ifUndefined(v, v2) {
+    return v === undefined ? v2 : v;
+}function useForwardLayoutRef(ref, value, onSet, onUnset) {
+    useLayoutEffect(function () {
+        onSet === null || onSet === void 0 ? void 0 : onSet(value);
+        if (ref) {
+            if (typeof ref === 'function') {
+                ref(value);
+            }
+            else {
+                ref.current = value;
+            }
+        }
+        return function () {
+            onUnset === null || onUnset === void 0 ? void 0 : onUnset();
+            if (ref) {
+                if (typeof ref === 'function') {
+                    ref(null);
+                }
+                else {
+                    ref.current = null;
+                }
+            }
+        };
+    }, [onSet, onUnset, ref, value]);
+}function useForwardRef(ref, value, onSet, onUnset) {
+    useEffect(function () {
+        onSet === null || onSet === void 0 ? void 0 : onSet(value);
+        if (ref) {
+            if (typeof ref === 'function') {
+                ref(value);
+            }
+            else {
+                ref.current = value;
+            }
+        }
+        return function () {
+            onUnset === null || onUnset === void 0 ? void 0 : onUnset();
+            if (ref) {
+                if (typeof ref === 'function') {
+                    ref(null);
+                }
+                else {
+                    ref.current = null;
+                }
+            }
+        };
+    }, [onSet, onUnset, ref, value]);
+}function useMountedRef(initialValue) {
+    if (initialValue === void 0) { initialValue = true; }
+    var isMountedRef = useRef(initialValue);
+    useEffect(function () {
+        return function () {
+            isMountedRef.current = false;
+        };
+    }, []);
+    return isMountedRef;
+}function useLayoutPerformance(name) {
+    var beginTime = performance.now();
+    useLayoutEffect(function () {
+        console.log('Layout Performance', '-', name, performance.now() - beginTime);
+    });
+}function usePerformance(name) {
+    var beginTime = performance.now();
+    useEffect(function () {
+        console.log('Performance', '-', name, performance.now() - beginTime);
+    });
+}function useAutoUpdateLayoutRef(value) {
+    var valueRef = useRef(value);
+    var _a = useState(0), setUpdateValue = _a[1];
+    useFirstSkipLayoutEffect(function () {
+        valueRef.current = value;
+        setUpdateValue(function (prev) { return prev + 1; });
+    }, [value]);
+    return valueRef;
+}function useAutoUpdateRef(value) {
+    var valueRef = useRef(value);
+    var _a = useState(0), setUpdateValue = _a[1];
+    useFirstSkipEffect(function () {
+        valueRef.current = value;
+        setUpdateValue(function (prev) { return 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;
-        if (!equal$1(valueRef.current, newValue)) {
+        if (!equal(valueRef.current, newValue)) {
             valueRef.current = newValue;
             _setValue(newValue);
         }
@@ -96,7 +205,7 @@ function useAutoUpdateRefState(state, callback) {
 /********************************************************************************************************************
  * equal
  * ******************************************************************************************************************/
-function equal$1(v1, v2) {
+function equal(v1, v2) {
     if (v1 === v2)
         return true;
     if (typeof v1 !== typeof v2)
@@ -110,15 +219,10 @@ function equal$1(v1, v2) {
         return v1 === v2;
     }
 }// 구현부
-function useAutoUpdateLayoutRefState(state, callback) {
-    var valueRef = useRef(callback ? callback(state) : state);
+function useAutoUpdateState(state, callback) {
     var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
-        var newValue = callback ? callback(state) : state;
-        if (!equal(valueRef.current, newValue)) {
-            valueRef.current = newValue;
-            _setValue(newValue);
-        }
+    useFirstSkipEffect(function () {
+        _setValue(callback ? callback(state) : state);
     }, [state]);
     var setValue = useCallback(function (newValue, skipCallback) {
         var finalNewValue = newValue;
@@ -133,144 +237,32 @@ function useAutoUpdateLayoutRefState(state, callback) {
             finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
             _setValue(finalNewValue);
         }
-        valueRef.current = finalNewValue;
         return finalNewValue;
     }, [callback]);
-    return [valueRef, _value, setValue];
-}
-/********************************************************************************************************************
- * equal
- * ******************************************************************************************************************/
-function equal(v1, v2) {
-    if (v1 === v2)
-        return true;
-    if (typeof v1 !== typeof v2)
-        return false;
-    if (v1 == null || v2 == null)
-        return false;
-    if (typeof v1 === 'object' && typeof v2 === 'object') {
-        return JSON.stringify(v1) === JSON.stringify(v2);
-    }
-    else {
-        return v1 === v2;
-    }
-}function useForwardRef(ref, value) {
-    useLayoutEffect(function () {
-        if (ref) {
-            if (typeof ref === 'function') {
-                ref(value);
-            }
-            else {
-                ref.current = value;
-            }
-        }
-        return function () {
-            if (ref) {
-                if (typeof ref === 'function') {
-                    ref(null);
-                }
-                else {
-                    ref.current = null;
-                }
-            }
-        };
-    }, [ref, value]);
-}function useAutoUpdateRef(value) {
-    var valueRef = useRef(value);
-    var _a = useState(0), setUpdateValue = _a[1];
-    useFirstSkipEffect(function () {
-        valueRef.current = value;
-        setUpdateValue(function (prev) { return prev + 1; });
-    }, [value]);
-    return valueRef;
-}function useAutoUpdateLayoutRef(value) {
-    var valueRef = useRef(value);
-    var _a = useState(0), setUpdateValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
-        valueRef.current = value;
-        setUpdateValue(function (prev) { return prev + 1; });
-    }, [value]);
-    return valueRef;
-}function usePerformance(name) {
-    var beginTime = performance.now();
-    useEffect(function () {
-        console.log('Performance', '-', name, performance.now() - beginTime);
-    });
-}function useLayoutPerformance(name) {
-    var beginTime = performance.now();
-    useLayoutEffect(function () {
-        console.log('Layout Performance', '-', name, performance.now() - beginTime);
-    });
-}function useAutoForceUpdate(interval) {
-    var _a = useState(0), setTick = _a[1];
-    useEffect(function () {
-        var tm = setInterval(function () {
-            setTick(function (old) {
-                return old + 1;
+    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) {
+        if (typeof value === 'function') {
+            _setValue(function (prev) {
+                var finalValue = value(prev);
+                valueRef.current = finalValue;
+                return finalValue;
             });
-        }, interval);
-        return function () {
-            clearInterval(tm);
-        };
-    }, [interval]);
-}function clearTimeoutRef(ref) {
-    if (ref.current) {
-        clearTimeout(ref.current);
-        ref.current = undefined;
-    }
-}function useTimeoutRef() {
-    var ref = useRef(undefined);
-    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(delayMilliseconds) {
-    var _a = useTimeoutRef(), setDelayTimeout = _a[1];
-    var _b = useState(0), setValue = _b[1];
-    return useCallback(function (delay) {
-        if (ifUndefined(delay, delayMilliseconds) !== undefined) {
-            setDelayTimeout(function () {
-                setValue(function (old) { return old + 1; });
-            }, ifUndefined(delay, delayMilliseconds));
         }
         else {
-            setValue(function (old) { return old + 1; });
+            valueRef.current = value;
+            _setValue(value);
         }
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [delayMilliseconds]);
-}
-/********************************************************************************************************************
- * ifUndefined
- * ******************************************************************************************************************/
-function ifUndefined(v, v2) {
-    return v === undefined ? v2 : v;
-}function clearIntervalRef(ref) {
-    if (ref.current) {
-        clearInterval(ref.current);
-        ref.current = undefined;
-    }
-}function useIntervalRef() {
-    var ref = useRef(undefined);
-    useEffect(function () {
-        return function () {
-            clearIntervalRef(ref);
-        };
     }, []);
-    var setIntervalFunc = useCallback(function (callback, ms) {
-        clearIntervalRef(ref);
-        ref.current = setInterval(function () {
-            callback(ref);
-        }, ms);
+    return [valueRef, _value, setValue];
+}function useSafeUpdate() {
+    var mountedRef = useMountedRef();
+    return useCallback(function (callback) {
+        if (mountedRef.current) {
+            callback();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return [ref, setIntervalFunc];
-}export{clearIntervalRef,clearTimeoutRef,useAutoForceUpdate,useAutoUpdateLayoutRef,useAutoUpdateLayoutRefState,useAutoUpdateLayoutState,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForceUpdate,useForwardRef,useIntervalRef,useLayoutPerformance,usePerformance,useTimeoutRef};
+}export{clearIntervalRef,clearTimeoutRef,useAutoForceUpdate,useAutoUpdateLayoutRef,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForceUpdate,useForwardLayoutRef,useForwardRef,useIntervalRef,useLayoutPerformance,useMountedRef,usePerformance,useRefState,useSafeUpdate,useTimeoutRef};

package/dist/index.js

@@ -9,28 +9,6 @@
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
-}// 구현부
-function useAutoUpdateState(state, callback) {
-    var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipEffect(function () {
-        _setValue(callback ? callback(state) : state);
-    }, [state]);
-    var setValue = react.useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
-        if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
-                finalNewValue = finalNewValue(prev);
-                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-                return finalNewValue;
-            });
-        }
-        else {
-            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-            _setValue(finalNewValue);
-        }
-        return finalNewValue;
-    }, [callback]);
-    return [_value, setValue];
 }function useFirstSkipLayoutEffect(effect, deps) {
     var firstRef = react.useRef(true);
     react.useLayoutEffect(function () {
@@ -42,35 +20,166 @@ function useAutoUpdateState(state, callback) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
-}// 구현부
-function useAutoUpdateLayoutState(state, callback) {
-    var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
-        _setValue(callback ? callback(state) : state);
-    }, [state]);
-    var setValue = react.useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
-        if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
-                finalNewValue = finalNewValue(prev);
-                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-                return finalNewValue;
+}function useAutoForceUpdate(interval) {
+    var _a = react.useState(0), setTick = _a[1];
+    react.useEffect(function () {
+        var tm = setInterval(function () {
+            setTick(function (old) {
+                return old + 1;
             });
+        }, interval);
+        return function () {
+            clearInterval(tm);
+        };
+    }, [interval]);
+}function clearIntervalRef(ref) {
+    if (ref.current) {
+        clearInterval(ref.current);
+        ref.current = undefined;
+    }
+}function clearTimeoutRef(ref) {
+    if (ref.current) {
+        clearTimeout(ref.current);
+        ref.current = undefined;
+    }
+}function useIntervalRef() {
+    var ref = react.useRef(undefined);
+    react.useEffect(function () {
+        return function () {
+            clearIntervalRef(ref);
+        };
+    }, []);
+    var setIntervalFunc = react.useCallback(function (callback, ms) {
+        clearIntervalRef(ref);
+        ref.current = setInterval(function () {
+            callback(ref);
+        }, ms);
+    }, []);
+    return [ref, setIntervalFunc];
+}function useTimeoutRef() {
+    var ref = react.useRef(undefined);
+    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(delayMilliseconds) {
+    var _a = useTimeoutRef(), setDelayTimeout = _a[1];
+    var _b = react.useState(0), setValue = _b[1];
+    return react.useCallback(function (delay) {
+        if (ifUndefined(delay, delayMilliseconds) !== undefined) {
+            setDelayTimeout(function () {
+                setValue(function (old) { return old + 1; });
+            }, ifUndefined(delay, delayMilliseconds));
         }
         else {
-            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-            _setValue(finalNewValue);
+            setValue(function (old) { return old + 1; });
         }
-        return finalNewValue;
-    }, [callback]);
-    return [_value, setValue];
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [delayMilliseconds]);
+}
+/********************************************************************************************************************
+ * ifUndefined
+ * ******************************************************************************************************************/
+function ifUndefined(v, v2) {
+    return v === undefined ? v2 : v;
+}function useForwardLayoutRef(ref, value, onSet, onUnset) {
+    react.useLayoutEffect(function () {
+        onSet === null || onSet === void 0 ? void 0 : onSet(value);
+        if (ref) {
+            if (typeof ref === 'function') {
+                ref(value);
+            }
+            else {
+                ref.current = value;
+            }
+        }
+        return function () {
+            onUnset === null || onUnset === void 0 ? void 0 : onUnset();
+            if (ref) {
+                if (typeof ref === 'function') {
+                    ref(null);
+                }
+                else {
+                    ref.current = null;
+                }
+            }
+        };
+    }, [onSet, onUnset, ref, value]);
+}function useForwardRef(ref, value, onSet, onUnset) {
+    react.useEffect(function () {
+        onSet === null || onSet === void 0 ? void 0 : onSet(value);
+        if (ref) {
+            if (typeof ref === 'function') {
+                ref(value);
+            }
+            else {
+                ref.current = value;
+            }
+        }
+        return function () {
+            onUnset === null || onUnset === void 0 ? void 0 : onUnset();
+            if (ref) {
+                if (typeof ref === 'function') {
+                    ref(null);
+                }
+                else {
+                    ref.current = null;
+                }
+            }
+        };
+    }, [onSet, onUnset, ref, value]);
+}function useMountedRef(initialValue) {
+    if (initialValue === void 0) { initialValue = true; }
+    var isMountedRef = react.useRef(initialValue);
+    react.useEffect(function () {
+        return function () {
+            isMountedRef.current = false;
+        };
+    }, []);
+    return isMountedRef;
+}function useLayoutPerformance(name) {
+    var beginTime = performance.now();
+    react.useLayoutEffect(function () {
+        console.log('Layout Performance', '-', name, performance.now() - beginTime);
+    });
+}function usePerformance(name) {
+    var beginTime = performance.now();
+    react.useEffect(function () {
+        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 () {
+        valueRef.current = value;
+        setUpdateValue(function (prev) { return prev + 1; });
+    }, [value]);
+    return valueRef;
+}function useAutoUpdateRef(value) {
+    var valueRef = react.useRef(value);
+    var _a = react.useState(0), setUpdateValue = _a[1];
+    useFirstSkipEffect(function () {
+        valueRef.current = value;
+        setUpdateValue(function (prev) { return 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;
-        if (!equal$1(valueRef.current, newValue)) {
+        if (!equal(valueRef.current, newValue)) {
             valueRef.current = newValue;
             _setValue(newValue);
         }
@@ -96,7 +205,7 @@ function useAutoUpdateRefState(state, callback) {
 /********************************************************************************************************************
  * equal
  * ******************************************************************************************************************/
-function equal$1(v1, v2) {
+function equal(v1, v2) {
     if (v1 === v2)
         return true;
     if (typeof v1 !== typeof v2)
@@ -110,15 +219,10 @@ function equal$1(v1, v2) {
         return v1 === v2;
     }
 }// 구현부
-function useAutoUpdateLayoutRefState(state, callback) {
-    var valueRef = react.useRef(callback ? callback(state) : state);
+function useAutoUpdateState(state, callback) {
     var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
-        var newValue = callback ? callback(state) : state;
-        if (!equal(valueRef.current, newValue)) {
-            valueRef.current = newValue;
-            _setValue(newValue);
-        }
+    useFirstSkipEffect(function () {
+        _setValue(callback ? callback(state) : state);
     }, [state]);
     var setValue = react.useCallback(function (newValue, skipCallback) {
         var finalNewValue = newValue;
@@ -133,144 +237,32 @@ function useAutoUpdateLayoutRefState(state, callback) {
             finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
             _setValue(finalNewValue);
         }
-        valueRef.current = finalNewValue;
         return finalNewValue;
     }, [callback]);
-    return [valueRef, _value, setValue];
-}
-/********************************************************************************************************************
- * equal
- * ******************************************************************************************************************/
-function equal(v1, v2) {
-    if (v1 === v2)
-        return true;
-    if (typeof v1 !== typeof v2)
-        return false;
-    if (v1 == null || v2 == null)
-        return false;
-    if (typeof v1 === 'object' && typeof v2 === 'object') {
-        return JSON.stringify(v1) === JSON.stringify(v2);
-    }
-    else {
-        return v1 === v2;
-    }
-}function useForwardRef(ref, value) {
-    react.useLayoutEffect(function () {
-        if (ref) {
-            if (typeof ref === 'function') {
-                ref(value);
-            }
-            else {
-                ref.current = value;
-            }
-        }
-        return function () {
-            if (ref) {
-                if (typeof ref === 'function') {
-                    ref(null);
-                }
-                else {
-                    ref.current = null;
-                }
-            }
-        };
-    }, [ref, value]);
-}function useAutoUpdateRef(value) {
-    var valueRef = react.useRef(value);
-    var _a = react.useState(0), setUpdateValue = _a[1];
-    useFirstSkipEffect(function () {
-        valueRef.current = value;
-        setUpdateValue(function (prev) { return prev + 1; });
-    }, [value]);
-    return valueRef;
-}function useAutoUpdateLayoutRef(value) {
-    var valueRef = react.useRef(value);
-    var _a = react.useState(0), setUpdateValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
-        valueRef.current = value;
-        setUpdateValue(function (prev) { return prev + 1; });
-    }, [value]);
-    return valueRef;
-}function usePerformance(name) {
-    var beginTime = performance.now();
-    react.useEffect(function () {
-        console.log('Performance', '-', name, performance.now() - beginTime);
-    });
-}function useLayoutPerformance(name) {
-    var beginTime = performance.now();
-    react.useLayoutEffect(function () {
-        console.log('Layout Performance', '-', name, performance.now() - beginTime);
-    });
-}function useAutoForceUpdate(interval) {
-    var _a = react.useState(0), setTick = _a[1];
-    react.useEffect(function () {
-        var tm = setInterval(function () {
-            setTick(function (old) {
-                return old + 1;
+    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) {
+        if (typeof value === 'function') {
+            _setValue(function (prev) {
+                var finalValue = value(prev);
+                valueRef.current = finalValue;
+                return finalValue;
             });
-        }, interval);
-        return function () {
-            clearInterval(tm);
-        };
-    }, [interval]);
-}function clearTimeoutRef(ref) {
-    if (ref.current) {
-        clearTimeout(ref.current);
-        ref.current = undefined;
-    }
-}function useTimeoutRef() {
-    var ref = react.useRef(undefined);
-    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(delayMilliseconds) {
-    var _a = useTimeoutRef(), setDelayTimeout = _a[1];
-    var _b = react.useState(0), setValue = _b[1];
-    return react.useCallback(function (delay) {
-        if (ifUndefined(delay, delayMilliseconds) !== undefined) {
-            setDelayTimeout(function () {
-                setValue(function (old) { return old + 1; });
-            }, ifUndefined(delay, delayMilliseconds));
         }
         else {
-            setValue(function (old) { return old + 1; });
+            valueRef.current = value;
+            _setValue(value);
         }
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [delayMilliseconds]);
-}
-/********************************************************************************************************************
- * ifUndefined
- * ******************************************************************************************************************/
-function ifUndefined(v, v2) {
-    return v === undefined ? v2 : v;
-}function clearIntervalRef(ref) {
-    if (ref.current) {
-        clearInterval(ref.current);
-        ref.current = undefined;
-    }
-}function useIntervalRef() {
-    var ref = react.useRef(undefined);
-    react.useEffect(function () {
-        return function () {
-            clearIntervalRef(ref);
-        };
     }, []);
-    var setIntervalFunc = react.useCallback(function (callback, ms) {
-        clearIntervalRef(ref);
-        ref.current = setInterval(function () {
-            callback(ref);
-        }, ms);
+    return [valueRef, _value, setValue];
+}function useSafeUpdate() {
+    var mountedRef = useMountedRef();
+    return react.useCallback(function (callback) {
+        if (mountedRef.current) {
+            callback();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    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;
+}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;

package/dist/mount/index.d.ts

@@ -0,0 +1 @@
+export * from './useMountedRef';

package/dist/mount/useMountedRef.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useMountedRef(initialValue?: boolean): RefObject<boolean>;

package/dist/performance/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useLayoutPerformance';
+export * from './usePerformance';

package/dist/{useLayoutPerformance.d.ts → performance/useLayoutPerformance.d.ts}

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

package/dist/{usePerformance.d.ts → performance/usePerformance.d.ts}

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

package/dist/ref/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useAutoUpdateLayoutRef';
+export * from './useAutoUpdateRef';

package/dist/{useAutoUpdateLayoutRef.d.ts → ref/useAutoUpdateLayoutRef.d.ts}

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

package/dist/{useAutoUpdateRef.d.ts → ref/useAutoUpdateRef.d.ts}

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

package/dist/state/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useAutoUpdateRefState';
+export * from './useAutoUpdateState';
+export * from './useRefState';
+export * from './useSafeState';

package/dist/{useAutoUpdateRefState.d.ts → state/useAutoUpdateRefState.d.ts}

@@ -6,4 +6,3 @@ export declare function useAutoUpdateRefState<T = never, StateT = never>(state:
     T extends never ? StateT : T,
     (value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
 ];
-export default useAutoUpdateRefState;

package/dist/{useAutoUpdateState.d.ts → state/useAutoUpdateState.d.ts}

@@ -5,4 +5,3 @@ export declare function useAutoUpdateState<T = never, StateT = never>(state: Exc
     T extends never ? StateT : T,
     (value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
 ];
-export default useAutoUpdateState;

package/dist/state/useRefState.d.ts

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

package/dist/state/useSafeState.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{clearIntervalRef.d.ts → timeoutInterval/clearIntervalRef.d.ts}

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare function clearIntervalRef(ref: React.RefObject<NodeJS.Timeout | undefined>): void;
-export default clearIntervalRef;

package/dist/{clearTimeoutRef.d.ts → timeoutInterval/clearTimeoutRef.d.ts}

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare function clearTimeoutRef(ref: React.RefObject<NodeJS.Timeout | undefined>): void;
-export default clearTimeoutRef;

package/dist/timeoutInterval/index.d.ts

@@ -0,0 +1,4 @@
+export * from './clearIntervalRef';
+export * from './clearTimeoutRef';
+export * from './useIntervalRef';
+export * from './useTimeoutRef';

package/dist/{useIntervalRef.d.ts → timeoutInterval/useIntervalRef.d.ts}

@@ -4,4 +4,3 @@ export type UseIntervalReturnValue = [
     (callback: (ref: React.RefObject<NodeJS.Timeout | undefined>) => void, ms?: number) => void
 ];
 export declare function useIntervalRef(): UseIntervalReturnValue;
-export default useIntervalRef;

package/dist/{useTimeoutRef.d.ts → timeoutInterval/useTimeoutRef.d.ts}

@@ -4,4 +4,3 @@ export type UseTimeoutReturnValue = [
     (callback: (args: void) => void, ms?: number) => void
 ];
 export declare function useTimeoutRef(): UseTimeoutReturnValue;
-export default useTimeoutRef;

package/dist/update/index.d.ts

@@ -0,0 +1 @@
+export * from './useSafeUpdate';

package/dist/update/useSafeUpdate.d.ts

@@ -0,0 +1 @@
+export declare function useSafeUpdate(): (callback: () => void) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-hook",
   "title": "React Hook",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "description": "React Hook",
   "type": "module",
   "types": "dist/index.d.ts",
@@ -25,8 +25,13 @@
     "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",
-    "lint": "eslint './src/**/*.{ts,tsx}'",
-    "reinstall-module": "rm -rf node_modules && rm -f package-lock.json && npm i"
+    "git:commit": "node .git-commit.cjs",
+    "git:push": "git push",
+    "git:commit:push": "npm run git:commit && npm run git:push",
+    "reset:gitignore": "git rm -r --cached . && git add .",
+    "reinstall": "npm run reinstall:module",
+    "reinstall:module": "rm -rf node_modules && rm -f package-lock.json && npm i",
+    "lint": "eslint './src/**/*.{ts,tsx}'"
   },
   "author": "YOUNG CHUL PARK",
   "license": "MIT",
@@ -41,26 +46,26 @@
     "react": ">=17.0.0"
   },
   "devDependencies": {
+    "@eslint/js": "^9.28.0",
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-eslint": "^9.0.5",
     "@rollup/plugin-node-resolve": "^16.0.1",
-    "@types/node": "^22.14.0",
+    "@types/node": "^22.15.29",
     "@types/react": "^19.1.6",
-    "@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",
+    "@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.39.0",
+    "rollup": "^4.41.1",
     "rollup-plugin-delete": "^2.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-sass": "^1.15.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "sass": "^1.86.3",
-    "typescript": "^5.8.3"
+    "sass": "^1.89.1",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.33.0"
   }
 }

package/dist/useAutoUpdateLayoutRefState.d.ts

@@ -1,9 +0,0 @@
-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): [
-    RefObject<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,8 +0,0 @@
-import { SetStateAction } from 'react';
-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;