@pdg/react-hook 1.0.30 → 1.0.31

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export * from './useFirstSkipEffect';
 export * from './useFirstSkipLayoutEffect';
 export * from './useAutoUpdateRefState';
 export * from './useAutoUpdateLayoutRefState';
+export * from './useForwardLayoutRef';
 export * from './useForwardRef';
 export * from './useAutoUpdateRef';
 export * from './useAutoUpdateLayoutRef';

package/dist/index.esm.js

@@ -154,8 +154,9 @@ function equal(v1, v2) {
     else {
         return v1 === v2;
     }
-}function useForwardRef(ref, value) {
+}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);
@@ -165,6 +166,7 @@ function equal(v1, v2) {
             }
         }
         return function () {
+            onUnset === null || onUnset === void 0 ? void 0 : onUnset();
             if (ref) {
                 if (typeof ref === 'function') {
                     ref(null);
@@ -174,7 +176,30 @@ function equal(v1, v2) {
                 }
             }
         };
-    }, [ref, value]);
+    }, [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 useAutoUpdateRef(value) {
     var valueRef = useRef(value);
     var _a = useState(0), setUpdateValue = _a[1];
@@ -273,4 +298,4 @@ function ifUndefined(v, v2) {
         }, ms);
     }, []);
     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,useAutoUpdateLayoutRefState,useAutoUpdateLayoutState,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForceUpdate,useForwardLayoutRef,useForwardRef,useIntervalRef,useLayoutPerformance,usePerformance,useTimeoutRef};

package/dist/index.js

@@ -154,8 +154,9 @@ function equal(v1, v2) {
     else {
         return v1 === v2;
     }
-}function useForwardRef(ref, value) {
+}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);
@@ -165,6 +166,7 @@ function equal(v1, v2) {
             }
         }
         return function () {
+            onUnset === null || onUnset === void 0 ? void 0 : onUnset();
             if (ref) {
                 if (typeof ref === 'function') {
                     ref(null);
@@ -174,7 +176,30 @@ function equal(v1, v2) {
                 }
             }
         };
-    }, [ref, value]);
+    }, [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 useAutoUpdateRef(value) {
     var valueRef = react.useRef(value);
     var _a = react.useState(0), setUpdateValue = _a[1];
@@ -273,4 +298,4 @@ function ifUndefined(v, v2) {
         }, ms);
     }, []);
     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.useAutoUpdateLayoutRefState=useAutoUpdateLayoutRefState;exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;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.usePerformance=usePerformance;exports.useTimeoutRef=useTimeoutRef;

package/dist/useForwardLayoutRef.d.ts

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

package/dist/useForwardRef.d.ts

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-hook",
   "title": "React Hook",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "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"
   }
 }