@xyo-network/react-shared 2.37.24 → 2.37.26

package/dist/esm/hooks/index.d.ts

@@ -2,4 +2,5 @@ export * from './GradientStyles';
 export * from './useDataState';
 export * from './useIsMobile';
 export * from './useMediaQuery';
+export * from './useShareForwardRef';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA"}

package/dist/esm/hooks/index.js

@@ -2,4 +2,5 @@ export * from './GradientStyles';
 export * from './useDataState';
 export * from './useIsMobile';
 export * from './useMediaQuery';
+export * from './useShareForwardRef';
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA"}

package/dist/esm/hooks/useShareForwardRef.d.ts

@@ -0,0 +1,3 @@
+import { ForwardedRef } from 'react';
+export declare const useShareForwardedRef: <T>(forwardedRef: ForwardedRef<T>, refresh?: number) => import("react").RefObject<T>;
+//# sourceMappingURL=useShareForwardRef.d.ts.map

package/dist/esm/hooks/useShareForwardRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShareForwardRef.d.ts","sourceRoot":"","sources":["../../../src/hooks/useShareForwardRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,OAAO,CAAA;AAEvD,eAAO,MAAM,oBAAoB,sFAiBhC,CAAA"}

package/dist/esm/hooks/useShareForwardRef.js

@@ -0,0 +1,19 @@
+import { useEffect, useRef } from 'react';
+export const useShareForwardedRef = (forwardedRef, refresh = 0) => {
+    // final ref that will share value with forward ref. this is the one to be attached to components
+    const innerRef = useRef(null);
+    useEffect(() => {
+        if (!forwardedRef) {
+            return;
+        }
+        if (typeof forwardedRef === 'function') {
+            forwardedRef(innerRef.current);
+            return;
+        }
+        else {
+            forwardedRef.current = innerRef.current;
+        }
+    }, [forwardedRef, refresh]);
+    return innerRef;
+};
+//# sourceMappingURL=useShareForwardRef.js.map

package/dist/esm/hooks/useShareForwardRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShareForwardRef.js","sourceRoot":"","sources":["../../../src/hooks/useShareForwardRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEvD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAI,YAA6B,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE;IACpF,iGAAiG;IACjG,MAAM,QAAQ,GAAG,MAAM,CAAI,IAAI,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,EAAE;YACjB,OAAM;SACP;QACD,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE;YACtC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;YAC9B,OAAM;SACP;aAAM;YACL,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA;SACxC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAA;IAE3B,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/package.json

@@ -69,5 +69,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.37.24"
+  "version": "2.37.26"
 }

package/src/hooks/index.ts

@@ -2,3 +2,4 @@ export * from './GradientStyles'
 export * from './useDataState'
 export * from './useIsMobile'
 export * from './useMediaQuery'
+export * from './useShareForwardRef'

package/src/hooks/useShareForwardRef.ts

@@ -0,0 +1,20 @@
+import { ForwardedRef, useEffect, useRef } from 'react'
+
+export const useShareForwardedRef = <T>(forwardedRef: ForwardedRef<T>, refresh = 0) => {
+  // final ref that will share value with forward ref. this is the one to be attached to components
+  const innerRef = useRef<T>(null)
+
+  useEffect(() => {
+    if (!forwardedRef) {
+      return
+    }
+    if (typeof forwardedRef === 'function') {
+      forwardedRef(innerRef.current)
+      return
+    } else {
+      forwardedRef.current = innerRef.current
+    }
+  }, [forwardedRef, refresh])
+
+  return innerRef
+}