@pdg/react-hook 1.0.8 → 1.0.10

package/README.md

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

package/dist/index.d.ts

@@ -2,3 +2,5 @@ export { default as useAutoUpdateState } from './useAutoUpdateState';
 export { default as useAutoUpdateLayoutState } from './useAutoUpdateLayoutState';
 export { default as useFirstSkipEffect } from './useFirstSkipEffect';
 export { default as useFirstSkipLayoutEffect } from './useFirstSkipLayoutEffect';
+export { default as useAutoUpdateRefState } from './useAutoUpdateRefState';
+export { default as useAutoUpdateLayoutRefState } from './useAutoUpdateLayoutRefState';

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';function useFirstSkipEffect(effect, deps) {
+import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';import {equal}from'@pdg/util';function useFirstSkipEffect(effect, deps) {
     var firstRef = useRef(true);
     useEffect(function () {
         if (firstRef.current) {
@@ -8,9 +8,8 @@ import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';functi
             effect();
         }
     }, deps);
-}function useAutoUpdateState(p1, p2) {
-    var state = typeof p1 === 'function' ? undefined : p1;
-    var callback = typeof p1 === 'function' ? p1 : p2;
+}// 구현부
+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);
@@ -29,9 +28,8 @@ import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';functi
             effect();
         }
     }, deps);
-}function useAutoUpdateLayoutState(p1, p2) {
-    var state = typeof p1 === 'function' ? undefined : p1;
-    var callback = typeof p1 === 'function' ? p1 : p2;
+}// 구현부
+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);
@@ -40,4 +38,38 @@ import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';functi
         _setValue(callback ? callback(newValue) : newValue);
     }, [callback]);
     return [_value, setValue];
-}export{useAutoUpdateLayoutState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect};
+}// 구현부
+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(valueRef.current, newValue)) {
+            valueRef.current = newValue;
+            _setValue(newValue);
+        }
+    }, [state, callback]);
+    var setValue = useCallback(function (newValue) {
+        var finalNewValue = callback ? callback(newValue) : newValue;
+        valueRef.current = finalNewValue;
+        _setValue(finalNewValue);
+    }, [callback]);
+    return [valueRef, _value, setValue];
+}// 구현부
+function useAutoUpdateLayoutRefState(state, callback) {
+    var valueRef = useRef(callback ? callback(state) : state);
+    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);
+        }
+    }, [state, callback]);
+    var setValue = useCallback(function (newValue) {
+        var finalNewValue = callback ? callback(newValue) : newValue;
+        valueRef.current = finalNewValue;
+        _setValue(finalNewValue);
+    }, [callback]);
+    return [valueRef, _value, setValue];
+}export{useAutoUpdateLayoutRefState,useAutoUpdateLayoutState,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect};

package/dist/index.js

@@ -1,4 +1,4 @@
-'use strict';var react=require('react');function useFirstSkipEffect(effect, deps) {
+'use strict';var react=require('react'),util=require('@pdg/util');function useFirstSkipEffect(effect, deps) {
     var firstRef = react.useRef(true);
     react.useEffect(function () {
         if (firstRef.current) {
@@ -8,9 +8,8 @@
             effect();
         }
     }, deps);
-}function useAutoUpdateState(p1, p2) {
-    var state = typeof p1 === 'function' ? undefined : p1;
-    var callback = typeof p1 === 'function' ? p1 : p2;
+}// 구현부
+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);
@@ -29,9 +28,8 @@
             effect();
         }
     }, deps);
-}function useAutoUpdateLayoutState(p1, p2) {
-    var state = typeof p1 === 'function' ? undefined : p1;
-    var callback = typeof p1 === 'function' ? p1 : p2;
+}// 구현부
+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);
@@ -40,4 +38,38 @@
         _setValue(callback ? callback(newValue) : newValue);
     }, [callback]);
     return [_value, setValue];
-}exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;
+}// 구현부
+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 (!util.equal(valueRef.current, newValue)) {
+            valueRef.current = newValue;
+            _setValue(newValue);
+        }
+    }, [state, callback]);
+    var setValue = react.useCallback(function (newValue) {
+        var finalNewValue = callback ? callback(newValue) : newValue;
+        valueRef.current = finalNewValue;
+        _setValue(finalNewValue);
+    }, [callback]);
+    return [valueRef, _value, setValue];
+}// 구현부
+function useAutoUpdateLayoutRefState(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];
+    useFirstSkipLayoutEffect(function () {
+        var newValue = callback ? callback(state) : state;
+        if (!util.equal(valueRef.current, newValue)) {
+            valueRef.current = newValue;
+            _setValue(newValue);
+        }
+    }, [state, callback]);
+    var setValue = react.useCallback(function (newValue) {
+        var finalNewValue = callback ? callback(newValue) : newValue;
+        valueRef.current = finalNewValue;
+        _setValue(finalNewValue);
+    }, [callback]);
+    return [valueRef, _value, setValue];
+}exports.useAutoUpdateLayoutRefState=useAutoUpdateLayoutRefState;exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;

package/dist/useAutoUpdateLayoutRefState.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, MutableRefObject, SetStateAction } from 'react';
+export default function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>): [MutableRefObject<T>, T, Dispatch<SetStateAction<T>>];
+export default function useAutoUpdateLayoutRefState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
+    MutableRefObject<T extends never ? StateT : T>,
+    T extends never ? StateT : T,
+    Dispatch<SetStateAction<T extends never ? StateT : T>>
+];

package/dist/useAutoUpdateLayoutState.d.ts

@@ -1,4 +1,3 @@
 import { Dispatch, SetStateAction } from 'react';
-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>>];
+export default function useAutoUpdateLayoutState<T>(state: Exclude<T, (...args: any[]) => any>): [T, Dispatch<SetStateAction<T>>];
+export default 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, Dispatch<SetStateAction<T extends never ? StateT : T>>];

package/dist/useAutoUpdateRefState.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, MutableRefObject, SetStateAction } from 'react';
+export default function useAutoUpdateRefState<T>(state: Exclude<T, (...args: any[]) => any>): [MutableRefObject<T>, T, Dispatch<SetStateAction<T>>];
+export default function useAutoUpdateRefState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
+    MutableRefObject<T extends never ? StateT : T>,
+    T extends never ? StateT : T,
+    Dispatch<SetStateAction<T extends never ? StateT : T>>
+];

package/dist/useAutoUpdateState.d.ts

@@ -1,4 +1,3 @@
 import { Dispatch, SetStateAction } from 'react';
-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>>];
+export default function useAutoUpdateState<T>(state: Exclude<T, (...args: any[]) => any>): [T, Dispatch<SetStateAction<T>>];
+export default function useAutoUpdateState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [T extends never ? StateT : T, Dispatch<SetStateAction<T extends never ? StateT : T>>];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-hook",
   "title": "React Hook",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "React Hook",
   "type": "module",
   "types": "dist/index.d.ts",
@@ -24,7 +24,7 @@
     "dev": "cd examples && npm run dev",
     "dev-prd-lib": "cd examples && npm run dev-prd-lib",
     "build": "rollup -c --bundleConfigAsCjs",
-    "publish": "npm publish --access=public",
+    "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"
   },
@@ -38,6 +38,7 @@
     "javascript"
   ],
   "peerDependencies": {
+    "@pdg/util": "^1.0.19",
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"