@pdg/react-hook 1.0.17 → 1.0.18

package/dist/index.d.ts

@@ -4,3 +4,4 @@ export { default as useFirstSkipEffect } from './useFirstSkipEffect';
 export { default as useFirstSkipLayoutEffect } from './useFirstSkipLayoutEffect';
 export { default as useAutoUpdateRefState } from './useAutoUpdateRefState';
 export { default as useAutoUpdateLayoutRefState } from './useAutoUpdateLayoutRefState';
+export { default as useForwardRef } from './useForwardRef';

package/dist/index.esm.js

@@ -118,4 +118,25 @@ function useAutoUpdateLayoutRefState(state, callback) {
         return finalNewValue;
     }, [callback]);
     return [valueRef, _value, setValue];
-}export{useAutoUpdateLayoutRefState,useAutoUpdateLayoutState,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect};
+}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]);
+}export{useAutoUpdateLayoutRefState,useAutoUpdateLayoutState,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForwardRef};

package/dist/index.js

@@ -118,4 +118,25 @@ function useAutoUpdateLayoutRefState(state, callback) {
         return finalNewValue;
     }, [callback]);
     return [valueRef, _value, setValue];
-}exports.useAutoUpdateLayoutRefState=useAutoUpdateLayoutRefState;exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;
+}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]);
+}exports.useAutoUpdateLayoutRefState=useAutoUpdateLayoutRefState;exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;exports.useForwardRef=useForwardRef;

package/dist/useForwardRef.d.ts

@@ -0,0 +1,2 @@
+import { ForwardedRef } from 'react';
+export default function useForwardRef<T>(ref: ForwardedRef<T>, value: T): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-hook",
   "title": "React Hook",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "description": "React Hook",
   "type": "module",
   "types": "dist/index.d.ts",