@pdg/react-hook 1.0.29 → 1.0.30

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';import {equal,ifUndefined}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) {
@@ -70,7 +70,7 @@ function useAutoUpdateRefState(state, callback) {
     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)) {
+        if (!equal$1(valueRef.current, newValue)) {
             valueRef.current = newValue;
             _setValue(newValue);
         }
@@ -92,6 +92,23 @@ function useAutoUpdateRefState(state, callback) {
         return finalNewValue;
     }, [callback]);
     return [valueRef, _value, setValue];
+}
+/********************************************************************************************************************
+ * equal
+ * ******************************************************************************************************************/
+function equal$1(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 useAutoUpdateLayoutRefState(state, callback) {
     var valueRef = useRef(callback ? callback(state) : state);
@@ -120,6 +137,23 @@ function useAutoUpdateLayoutRefState(state, callback) {
         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) {
@@ -214,6 +248,12 @@ function useAutoUpdateLayoutRefState(state, callback) {
     }, 
     // 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);

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) {
@@ -70,7 +70,7 @@ function useAutoUpdateRefState(state, callback) {
     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)) {
+        if (!equal$1(valueRef.current, newValue)) {
             valueRef.current = newValue;
             _setValue(newValue);
         }
@@ -92,13 +92,30 @@ function useAutoUpdateRefState(state, callback) {
         return finalNewValue;
     }, [callback]);
     return [valueRef, _value, setValue];
+}
+/********************************************************************************************************************
+ * equal
+ * ******************************************************************************************************************/
+function equal$1(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 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)) {
+        if (!equal(valueRef.current, newValue)) {
             valueRef.current = newValue;
             _setValue(newValue);
         }
@@ -120,6 +137,23 @@ function useAutoUpdateLayoutRefState(state, callback) {
         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) {
@@ -203,10 +237,10 @@ function useAutoUpdateLayoutRefState(state, callback) {
     var _a = useTimeoutRef(), setDelayTimeout = _a[1];
     var _b = react.useState(0), setValue = _b[1];
     return react.useCallback(function (delay) {
-        if (util.ifUndefined(delay, delayMilliseconds) !== undefined) {
+        if (ifUndefined(delay, delayMilliseconds) !== undefined) {
             setDelayTimeout(function () {
                 setValue(function (old) { return old + 1; });
-            }, util.ifUndefined(delay, delayMilliseconds));
+            }, ifUndefined(delay, delayMilliseconds));
         }
         else {
             setValue(function (old) { return old + 1; });
@@ -214,6 +248,12 @@ function useAutoUpdateLayoutRefState(state, callback) {
     }, 
     // 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);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-hook",
   "title": "React Hook",
-  "version": "1.0.29",
+  "version": "1.0.30",
   "description": "React Hook",
   "type": "module",
   "types": "dist/index.d.ts",
@@ -40,9 +40,6 @@
   "peerDependencies": {
     "react": ">=17.0.0"
   },
-  "dependencies": {
-    "@pdg/util": "^1.0.24"
-  },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-eslint": "^9.0.5",