@pdg/react-hook 1.0.7 → 1.0.8

package/README.md

@@ -4,5 +4,5 @@ Admin Layout for React
 
 ## 설치
 ```
-npm install -D @pdg/react-hook @pdg/util
+npm install -D @pdg/react-hook
 ```

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';import {equal}from'@pdg/util';function useFirstSkipEffect(effect, deps) {
+import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';function useFirstSkipEffect(effect, deps) {
     var firstRef = useRef(true);
     useEffect(function () {
         if (firstRef.current) {
@@ -10,37 +10,15 @@ import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';import
     }, deps);
 }function useAutoUpdateState(p1, p2) {
     var state = typeof p1 === 'function' ? undefined : p1;
-    var finalStateCallback = typeof p1 === 'function' ? p1 : p2;
-    var _a = useState(0), setUpdateKey = _a[1];
-    var _initState = useState(function () {
-        return finalStateCallback ? finalStateCallback(state) : state;
-    })[0];
-    var _state = useRef(_initState);
-    var forceUpdate = useCallback(function () {
-        setUpdateKey(function (updateKey) { return updateKey + 1; });
-    }, []);
+    var callback = typeof p1 === 'function' ? p1 : p2;
+    var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
     useFirstSkipEffect(function () {
-        var newState = finalStateCallback ? finalStateCallback(state) : state;
-        if (!equal(newState, _state.current)) {
-            _state.current = newState;
-            forceUpdate();
-        }
-    }, [state]);
-    useFirstSkipEffect(function () {
-        var newState = finalStateCallback ? finalStateCallback(_state.current) : _state.current;
-        if (!equal(newState, _state.current)) {
-            _state.current = newState;
-            forceUpdate();
-        }
-    }, [finalStateCallback]);
-    var setState = useCallback(function (newState) {
-        var finalNewState = typeof newState === 'function' ? newState(_state.current) : newState;
-        if (!equal(_state.current, finalNewState)) {
-            _state.current = finalNewState;
-            forceUpdate();
-        }
-    }, []);
-    return [_state.current, setState];
+        _setValue(callback ? callback(state) : state);
+    }, [state, callback]);
+    var setValue = useCallback(function (newValue) {
+        _setValue(callback ? callback(newValue) : newValue);
+    }, [callback]);
+    return [_value, setValue];
 }function useFirstSkipLayoutEffect(effect, deps) {
     var firstRef = useRef(true);
     useLayoutEffect(function () {
@@ -53,35 +31,13 @@ import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';import
     }, deps);
 }function useAutoUpdateLayoutState(p1, p2) {
     var state = typeof p1 === 'function' ? undefined : p1;
-    var finalStateCallback = typeof p1 === 'function' ? p1 : p2;
-    var _a = useState(0), setUpdateKey = _a[1];
-    var _initState = useState(function () {
-        return finalStateCallback ? finalStateCallback(state, 0) : state;
-    })[0];
-    var _state = useRef(_initState);
-    var forceUpdate = useCallback(function () {
-        setUpdateKey(function (updateKey) { return updateKey + 1; });
-    }, []);
+    var callback = typeof p1 === 'function' ? p1 : p2;
+    var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
     useFirstSkipLayoutEffect(function () {
-        var newState = finalStateCallback ? finalStateCallback(state) : state;
-        if (!equal(newState, _state.current)) {
-            _state.current = newState;
-            forceUpdate();
-        }
-    }, [state]);
-    useFirstSkipLayoutEffect(function () {
-        var newState = finalStateCallback ? finalStateCallback(_state.current) : _state.current;
-        if (!equal(newState, _state.current)) {
-            _state.current = newState;
-            forceUpdate();
-        }
-    }, [finalStateCallback]);
-    var setState = useCallback(function (newState) {
-        var finalNewState = typeof newState === 'function' ? newState(_state.current) : newState;
-        if (!equal(_state.current, finalNewState)) {
-            _state.current = finalNewState;
-            forceUpdate();
-        }
-    }, []);
-    return [_state.current, setState];
+        _setValue(callback ? callback(state) : state);
+    }, [state, callback]);
+    var setValue = useCallback(function (newValue) {
+        _setValue(callback ? callback(newValue) : newValue);
+    }, [callback]);
+    return [_value, setValue];
 }export{useAutoUpdateLayoutState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect};

package/dist/index.js

@@ -1,4 +1,4 @@
-'use strict';var react=require('react'),util=require('@pdg/util');function useFirstSkipEffect(effect, deps) {
+'use strict';var react=require('react');function useFirstSkipEffect(effect, deps) {
     var firstRef = react.useRef(true);
     react.useEffect(function () {
         if (firstRef.current) {
@@ -10,37 +10,15 @@
     }, deps);
 }function useAutoUpdateState(p1, p2) {
     var state = typeof p1 === 'function' ? undefined : p1;
-    var finalStateCallback = typeof p1 === 'function' ? p1 : p2;
-    var _a = react.useState(0), setUpdateKey = _a[1];
-    var _initState = react.useState(function () {
-        return finalStateCallback ? finalStateCallback(state) : state;
-    })[0];
-    var _state = react.useRef(_initState);
-    var forceUpdate = react.useCallback(function () {
-        setUpdateKey(function (updateKey) { return updateKey + 1; });
-    }, []);
+    var callback = typeof p1 === 'function' ? p1 : p2;
+    var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
     useFirstSkipEffect(function () {
-        var newState = finalStateCallback ? finalStateCallback(state) : state;
-        if (!util.equal(newState, _state.current)) {
-            _state.current = newState;
-            forceUpdate();
-        }
-    }, [state]);
-    useFirstSkipEffect(function () {
-        var newState = finalStateCallback ? finalStateCallback(_state.current) : _state.current;
-        if (!util.equal(newState, _state.current)) {
-            _state.current = newState;
-            forceUpdate();
-        }
-    }, [finalStateCallback]);
-    var setState = react.useCallback(function (newState) {
-        var finalNewState = typeof newState === 'function' ? newState(_state.current) : newState;
-        if (!util.equal(_state.current, finalNewState)) {
-            _state.current = finalNewState;
-            forceUpdate();
-        }
-    }, []);
-    return [_state.current, setState];
+        _setValue(callback ? callback(state) : state);
+    }, [state, callback]);
+    var setValue = react.useCallback(function (newValue) {
+        _setValue(callback ? callback(newValue) : newValue);
+    }, [callback]);
+    return [_value, setValue];
 }function useFirstSkipLayoutEffect(effect, deps) {
     var firstRef = react.useRef(true);
     react.useLayoutEffect(function () {
@@ -53,35 +31,13 @@
     }, deps);
 }function useAutoUpdateLayoutState(p1, p2) {
     var state = typeof p1 === 'function' ? undefined : p1;
-    var finalStateCallback = typeof p1 === 'function' ? p1 : p2;
-    var _a = react.useState(0), setUpdateKey = _a[1];
-    var _initState = react.useState(function () {
-        return finalStateCallback ? finalStateCallback(state, 0) : state;
-    })[0];
-    var _state = react.useRef(_initState);
-    var forceUpdate = react.useCallback(function () {
-        setUpdateKey(function (updateKey) { return updateKey + 1; });
-    }, []);
+    var callback = typeof p1 === 'function' ? p1 : p2;
+    var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
     useFirstSkipLayoutEffect(function () {
-        var newState = finalStateCallback ? finalStateCallback(state) : state;
-        if (!util.equal(newState, _state.current)) {
-            _state.current = newState;
-            forceUpdate();
-        }
-    }, [state]);
-    useFirstSkipLayoutEffect(function () {
-        var newState = finalStateCallback ? finalStateCallback(_state.current) : _state.current;
-        if (!util.equal(newState, _state.current)) {
-            _state.current = newState;
-            forceUpdate();
-        }
-    }, [finalStateCallback]);
-    var setState = react.useCallback(function (newState) {
-        var finalNewState = typeof newState === 'function' ? newState(_state.current) : newState;
-        if (!util.equal(_state.current, finalNewState)) {
-            _state.current = finalNewState;
-            forceUpdate();
-        }
-    }, []);
-    return [_state.current, setState];
+        _setValue(callback ? callback(state) : state);
+    }, [state, callback]);
+    var setValue = react.useCallback(function (newValue) {
+        _setValue(callback ? callback(newValue) : newValue);
+    }, [callback]);
+    return [_value, setValue];
 }exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;

package/dist/useAutoUpdateLayoutState.d.ts

@@ -1,4 +1,4 @@
 import { Dispatch, SetStateAction } from 'react';
-export declare function AA<T>(a: T): T;
-export default function useAutoUpdateLayoutState<T>(state: T, finalStateCallback?: (state: T) => T): [T, Dispatch<SetStateAction<T>>];
-export default function useAutoUpdateLayoutState<T>(finalStateCallback: (State: T) => T): [T, Dispatch<SetStateAction<T>>];
+export default function useAutoUpdateLayoutState<T>(state: T): [T, Dispatch<SetStateAction<T>>];
+export default function useAutoUpdateLayoutState<T>(state: T, callback: (state: T) => T): [T, Dispatch<SetStateAction<T>>];
+export default function useAutoUpdateLayoutState<T>(callback: () => T): [T, Dispatch<SetStateAction<T>>];

package/dist/useAutoUpdateState.d.ts

@@ -1,3 +1,4 @@
 import { Dispatch, SetStateAction } from 'react';
-export default function useAutoUpdateState<T>(state: T, finalStateCallback?: (state: T) => T): [T, Dispatch<SetStateAction<T>>];
-export default function useAutoUpdateState<T>(finalStateCallback: (State: T) => T): [T, Dispatch<SetStateAction<T>>];
+export default function useAutoUpdateState<T>(state: T): [T, Dispatch<SetStateAction<T>>];
+export default function useAutoUpdateState<T>(state: T, callback: (state: T) => T): [T, Dispatch<SetStateAction<T>>];
+export default function useAutoUpdateState<T>(callback: () => T): [T, Dispatch<SetStateAction<T>>];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-hook",
   "title": "React Hook",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "React Hook",
   "type": "module",
   "types": "dist/index.d.ts",
@@ -38,7 +38,6 @@
     "javascript"
   ],
   "peerDependencies": {
-    "@pdg/util": "^1.0.13",
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"