@xyo-network/react-shared 2.64.0-rc.7 → 2.64.0

package/dist/browser/hooks/index.cjs

@@ -0,0 +1,150 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  colorfulGradientDarkMode: () => colorfulGradientDarkMode,
+  colorfulGradientLightMode: () => colorfulGradientLightMode,
+  useDataState: () => useDataState,
+  useGradientStyles: () => useGradientStyles,
+  useIsMobile: () => useIsMobile,
+  useMediaQuery: () => import_material2.useMediaQuery,
+  usePayloadHash: () => usePayloadHash,
+  usePayloadHashes: () => usePayloadHashes,
+  usePromise: () => usePromise2,
+  useShareForwardedRef: () => useShareForwardedRef
+});
+module.exports = __toCommonJS(hooks_exports);
+
+// src/hooks/GradientStyles/GradientStyles.tsx
+var import_material = require("@mui/material");
+var import_styles = require("@mui/styles");
+var colorfulGradientLightMode = () => {
+  return {
+    background: {
+      backgroundImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)"
+    },
+    border: {
+      borderImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      borderImageSlice: 1,
+      borderImageSource: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      borderRadius: 0,
+      borderStyle: "solid",
+      borderWidth: "2px"
+    },
+    heading: {
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      background: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      display: "inline-block"
+    }
+  };
+};
+var colorfulGradientDarkMode = () => {
+  return {
+    background: {
+      backgroundImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)"
+    },
+    border: {
+      borderImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      borderImageSlice: 1,
+      borderImageSource: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      borderRadius: 0,
+      borderStyle: "solid",
+      borderWidth: "2px"
+    },
+    heading: {
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      background: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      display: "inline-block"
+    }
+  };
+};
+var useGradientStyles = () => {
+  const theme = (0, import_material.useTheme)();
+  const styles = theme.palette.mode === "dark" ? colorfulGradientDarkMode() : colorfulGradientLightMode();
+  const classes = (0, import_styles.makeStyles)(styles);
+  return { classes, styles };
+};
+
+// src/hooks/useDataState.ts
+var import_react = require("react");
+var useDataState = (defaultValue) => {
+  const [state, setState] = (0, import_react.useState)(defaultValue);
+  const setDataState = (value) => {
+    try {
+      if (JSON.stringify(value) !== JSON.stringify(state)) {
+        setState(value);
+      }
+    } catch (ex) {
+      console.error("setDataState failed!  Make sure data type is stringifiable!");
+    }
+  };
+  return [state, setDataState];
+};
+
+// src/hooks/useIsMobile.ts
+var import_material3 = require("@mui/material");
+
+// src/hooks/useMediaQuery.ts
+var import_material2 = require("@mui/material");
+
+// src/hooks/useIsMobile.ts
+var useIsMobile = () => {
+  const theme = (0, import_material3.useTheme)();
+  return (0, import_material2.useMediaQuery)(theme.breakpoints.down("md"));
+};
+
+// src/hooks/usePayloadHash.ts
+var import_react_promise = require("@xylabs/react-promise");
+var import_core = require("@xyo-network/core");
+var usePayloadHash = (payload) => {
+  return (0, import_react_promise.usePromise)(async () => payload ? await import_core.PayloadHasher.hashAsync(payload) : void 0, [payload])[0];
+};
+var usePayloadHashes = (payloads) => {
+  return (0, import_react_promise.usePromise)(
+    async () => payloads ? await Promise.all(payloads.map(async (payload) => [payload, await import_core.PayloadHasher.hashAsync(payload)])) : void 0,
+    [payloads]
+  )[0];
+};
+
+// src/hooks/usePromise.ts
+var import_react_promise2 = require("@xylabs/react-promise");
+var usePromise2 = import_react_promise2.usePromise;
+
+// src/hooks/useShareForwardRef.ts
+var import_react2 = require("react");
+var useShareForwardedRef = (forwardedRef, refresh = 0) => {
+  const innerRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
+    if (!forwardedRef) {
+      return;
+    }
+    if (typeof forwardedRef === "function") {
+      forwardedRef(innerRef.current);
+      return;
+    } else {
+      forwardedRef.current = innerRef.current;
+    }
+  }, [forwardedRef, refresh]);
+  return innerRef;
+};
+//# sourceMappingURL=index.cjs.map

package/dist/browser/hooks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/index.ts","../../../src/hooks/GradientStyles/GradientStyles.tsx","../../../src/hooks/useDataState.ts","../../../src/hooks/useIsMobile.ts","../../../src/hooks/useMediaQuery.ts","../../../src/hooks/usePayloadHash.ts","../../../src/hooks/usePromise.ts","../../../src/hooks/useShareForwardRef.ts"],"sourcesContent":["export * from './GradientStyles'\nexport * from './useDataState'\nexport * from './useIsMobile'\nexport * from './useMediaQuery'\nexport * from './usePayloadHash'\nexport * from './usePromise'\nexport * from './useShareForwardRef'\n","import { useTheme } from '@mui/material'\nimport { makeStyles } from '@mui/styles'\nimport { CSSProperties } from 'react'\n\nexport interface GradientStyles {\n  background: CSSProperties\n  border: CSSProperties\n  heading: CSSProperties\n}\n\nexport const colorfulGradientLightMode = () => {\n  return {\n    background: {\n      backgroundImage: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n    },\n    border: {\n      borderImage: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      borderImageSlice: 1,\n      borderImageSource: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      borderRadius: 0,\n      borderStyle: 'solid',\n      borderWidth: '2px',\n    },\n    heading: {\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      background: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      display: 'inline-block',\n    },\n  }\n}\n\nexport const colorfulGradientDarkMode = () => {\n  return {\n    background: {\n      backgroundImage: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n    },\n    border: {\n      borderImage: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      borderImageSlice: 1,\n      borderImageSource: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      borderRadius: 0,\n      borderStyle: 'solid',\n      borderWidth: '2px',\n    },\n    heading: {\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      background: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      display: 'inline-block',\n    },\n  }\n}\n\nexport const useGradientStyles = () => {\n  const theme = useTheme()\n  const styles = theme.palette.mode === 'dark' ? colorfulGradientDarkMode() : colorfulGradientLightMode()\n  const classes = makeStyles(styles)\n  return { classes, styles }\n}\n","import { Dispatch, SetStateAction, useState } from 'react'\n\nexport const useDataState = <T>(defaultValue: T | undefined): [T | undefined, Dispatch<SetStateAction<T | undefined>>] => {\n  const [state, setState] = useState(defaultValue)\n\n  const setDataState: Dispatch<SetStateAction<T | undefined>> = (value: SetStateAction<T | undefined>) => {\n    try {\n      if (JSON.stringify(value) !== JSON.stringify(state)) {\n        setState(value)\n      }\n    } catch (ex) {\n      console.error('setDataState failed!  Make sure data type is stringifiable!')\n    }\n  }\n\n  return [state, setDataState]\n}\n","import { useTheme } from '@mui/material'\n\nimport { useMediaQuery } from './useMediaQuery'\n\nexport const useIsMobile = () => {\n  const theme = useTheme()\n  return useMediaQuery(theme.breakpoints.down('md'))\n}\n","// eslint-disable-next-line import/no-deprecated\nimport { useMediaQuery } from '@mui/material'\n\n// eslint-disable-next-line import/no-deprecated\nexport { useMediaQuery }\n\n/* This file only exists to deal with the false positve lint error */\n","import { usePromise } from '@xylabs/react-promise'\nimport { PayloadHasher } from '@xyo-network/core'\nimport { Payload } from '@xyo-network/payload-model'\n\nexport const usePayloadHash = <TPayload extends Payload>(payload: TPayload | undefined | null) => {\n  return usePromise(async () => (payload ? await PayloadHasher.hashAsync(payload) : undefined), [payload])[0]\n}\n\nexport const usePayloadHashes = <TPayload extends Payload>(payloads: TPayload[] | undefined | null) => {\n  return usePromise(\n    async () =>\n      payloads\n        ? await Promise.all(payloads.map<Promise<[TPayload, string]>>(async (payload) => [payload, await PayloadHasher.hashAsync(payload)]))\n        : undefined,\n    [payloads],\n  )[0]\n}\n","import { usePromise as importedUsePromise } from '@xylabs/react-promise'\n\n/** @deprecated use @xylabs/react-promise version instead */\nexport const usePromise = importedUsePromise\n","import { ForwardedRef, useEffect, useRef } from 'react'\n\nexport const useShareForwardedRef = <T>(forwardedRef: ForwardedRef<T>, refresh = 0) => {\n  // final ref that will share value with forward ref. this is the one to be attached to components\n  const innerRef = useRef<T>(null)\n\n  useEffect(() => {\n    if (!forwardedRef) {\n      return\n    }\n    if (typeof forwardedRef === 'function') {\n      forwardedRef(innerRef.current)\n      return\n    } else {\n      forwardedRef.current = innerRef.current\n    }\n  }, [forwardedRef, refresh])\n\n  return innerRef\n}\n"],"mappings":"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","names":["usePromise","import_material","import_material","import_react_promise","usePromise","importedUsePromise","import_react"]}

package/dist/browser/hooks/index.d.cts

@@ -0,0 +1,8 @@
+export * from './GradientStyles';
+export * from './useDataState';
+export * from './useIsMobile';
+export * from './useMediaQuery';
+export * from './usePayloadHash';
+export * from './usePromise';
+export * from './useShareForwardRef';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/hooks/index.d.cts.map

@@ -0,0 +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;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA"}

package/dist/browser/hooks/useDataState.cjs

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useDataState.ts
+var useDataState_exports = {};
+__export(useDataState_exports, {
+  useDataState: () => useDataState
+});
+module.exports = __toCommonJS(useDataState_exports);
+var import_react = require("react");
+var useDataState = (defaultValue) => {
+  const [state, setState] = (0, import_react.useState)(defaultValue);
+  const setDataState = (value) => {
+    try {
+      if (JSON.stringify(value) !== JSON.stringify(state)) {
+        setState(value);
+      }
+    } catch (ex) {
+      console.error("setDataState failed!  Make sure data type is stringifiable!");
+    }
+  };
+  return [state, setDataState];
+};
+//# sourceMappingURL=useDataState.cjs.map

package/dist/{node/hooks/useDataState.mjs.map → browser/hooks/useDataState.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useDataState.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useState } from 'react'\n\nexport const useDataState = <T>(defaultValue: T | undefined): [T | undefined, Dispatch<SetStateAction<T | undefined>>] => {\n  const [state, setState] = useState(defaultValue)\n\n  const setDataState: Dispatch<SetStateAction<T | undefined>> = (value: SetStateAction<T | undefined>) => {\n    try {\n      if (JSON.stringify(value) !== JSON.stringify(state)) {\n        setState(value)\n      }\n    } catch (ex) {\n      console.error('setDataState failed!  Make sure data type is stringifiable!')\n    }\n  }\n\n  return [state, setDataState]\n}\n"],"mappings":"AAAA,SAAmC,gBAAgB;AAE5C,MAAM,eAAe,CAAI,iBAA0F;AACxH,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAE/C,QAAM,eAAwD,CAAC,UAAyC;AACtG,QAAI;AACF,UAAI,KAAK,UAAU,KAAK,MAAM,KAAK,UAAU,KAAK,GAAG;AACnD,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF,SAAS,IAAI;AACX,cAAQ,MAAM,6DAA6D;AAAA,IAC7E;AAAA,EACF;AAEA,SAAO,CAAC,OAAO,YAAY;AAC7B;","names":[]}
+{"version":3,"sources":["../../../src/hooks/useDataState.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useState } from 'react'\n\nexport const useDataState = <T>(defaultValue: T | undefined): [T | undefined, Dispatch<SetStateAction<T | undefined>>] => {\n  const [state, setState] = useState(defaultValue)\n\n  const setDataState: Dispatch<SetStateAction<T | undefined>> = (value: SetStateAction<T | undefined>) => {\n    try {\n      if (JSON.stringify(value) !== JSON.stringify(state)) {\n        setState(value)\n      }\n    } catch (ex) {\n      console.error('setDataState failed!  Make sure data type is stringifiable!')\n    }\n  }\n\n  return [state, setDataState]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AAE5C,IAAM,eAAe,CAAI,iBAA0F;AACxH,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,YAAY;AAE/C,QAAM,eAAwD,CAAC,UAAyC;AACtG,QAAI;AACF,UAAI,KAAK,UAAU,KAAK,MAAM,KAAK,UAAU,KAAK,GAAG;AACnD,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF,SAAS,IAAI;AACX,cAAQ,MAAM,6DAA6D;AAAA,IAC7E;AAAA,EACF;AAEA,SAAO,CAAC,OAAO,YAAY;AAC7B;","names":[]}

package/dist/browser/hooks/useDataState.d.cts

@@ -0,0 +1,3 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare const useDataState: <T>(defaultValue: T | undefined) => [T | undefined, Dispatch<SetStateAction<T | undefined>>];
+//# sourceMappingURL=useDataState.d.ts.map

package/dist/browser/hooks/useDataState.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataState.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDataState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAE1D,eAAO,MAAM,YAAY,8FAcxB,CAAA"}

package/dist/browser/hooks/useIsMobile.cjs

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useIsMobile.ts
+var useIsMobile_exports = {};
+__export(useIsMobile_exports, {
+  useIsMobile: () => useIsMobile
+});
+module.exports = __toCommonJS(useIsMobile_exports);
+var import_material2 = require("@mui/material");
+
+// src/hooks/useMediaQuery.ts
+var import_material = require("@mui/material");
+
+// src/hooks/useIsMobile.ts
+var useIsMobile = () => {
+  const theme = (0, import_material2.useTheme)();
+  return (0, import_material.useMediaQuery)(theme.breakpoints.down("md"));
+};
+//# sourceMappingURL=useIsMobile.cjs.map

package/dist/browser/hooks/useIsMobile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useIsMobile.ts","../../../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useTheme } from '@mui/material'\n\nimport { useMediaQuery } from './useMediaQuery'\n\nexport const useIsMobile = () => {\n  const theme = useTheme()\n  return useMediaQuery(theme.breakpoints.down('md'))\n}\n","// eslint-disable-next-line import/no-deprecated\nimport { useMediaQuery } from '@mui/material'\n\n// eslint-disable-next-line import/no-deprecated\nexport { useMediaQuery }\n\n/* This file only exists to deal with the false positve lint error */\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAAyB;;;ACCzB,sBAA8B;;;ADGvB,IAAM,cAAc,MAAM;AAC/B,QAAM,YAAQ,2BAAS;AACvB,aAAO,+BAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AACnD;","names":["import_material"]}

package/dist/browser/hooks/useIsMobile.d.cts

@@ -0,0 +1,2 @@
+export declare const useIsMobile: () => boolean;
+//# sourceMappingURL=useIsMobile.d.ts.map

package/dist/browser/hooks/useIsMobile.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMobile.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIsMobile.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,eAGvB,CAAA"}

package/dist/browser/hooks/useMediaQuery.cjs

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useMediaQuery.ts
+var useMediaQuery_exports = {};
+__export(useMediaQuery_exports, {
+  useMediaQuery: () => import_material.useMediaQuery
+});
+module.exports = __toCommonJS(useMediaQuery_exports);
+var import_material = require("@mui/material");
+//# sourceMappingURL=useMediaQuery.cjs.map

package/dist/{node/hooks/useMediaQuery.mjs.map → browser/hooks/useMediaQuery.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useMediaQuery.ts"],"sourcesContent":["// eslint-disable-next-line import/no-deprecated\nimport { useMediaQuery } from '@mui/material'\n\n// eslint-disable-next-line import/no-deprecated\nexport { useMediaQuery }\n\n/* This file only exists to deal with the false positve lint error */\n"],"mappings":"AACA,SAAS,qBAAqB;","names":[]}
+{"version":3,"sources":["../../../src/hooks/useMediaQuery.ts"],"sourcesContent":["// eslint-disable-next-line import/no-deprecated\nimport { useMediaQuery } from '@mui/material'\n\n// eslint-disable-next-line import/no-deprecated\nexport { useMediaQuery }\n\n/* This file only exists to deal with the false positve lint error */\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAA8B;","names":[]}

package/dist/browser/hooks/useMediaQuery.d.cts

@@ -0,0 +1,3 @@
+import { useMediaQuery } from '@mui/material';
+export { useMediaQuery };
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/browser/hooks/useMediaQuery.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAG7C,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/browser/hooks/usePayloadHash.cjs

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/usePayloadHash.ts
+var usePayloadHash_exports = {};
+__export(usePayloadHash_exports, {
+  usePayloadHash: () => usePayloadHash,
+  usePayloadHashes: () => usePayloadHashes
+});
+module.exports = __toCommonJS(usePayloadHash_exports);
+var import_react_promise = require("@xylabs/react-promise");
+var import_core = require("@xyo-network/core");
+var usePayloadHash = (payload) => {
+  return (0, import_react_promise.usePromise)(async () => payload ? await import_core.PayloadHasher.hashAsync(payload) : void 0, [payload])[0];
+};
+var usePayloadHashes = (payloads) => {
+  return (0, import_react_promise.usePromise)(
+    async () => payloads ? await Promise.all(payloads.map(async (payload) => [payload, await import_core.PayloadHasher.hashAsync(payload)])) : void 0,
+    [payloads]
+  )[0];
+};
+//# sourceMappingURL=usePayloadHash.cjs.map

package/dist/{node/hooks/usePayloadHash.mjs.map → browser/hooks/usePayloadHash.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePayloadHash.ts"],"sourcesContent":["import { usePromise } from '@xylabs/react-promise'\nimport { PayloadHasher } from '@xyo-network/core'\nimport { Payload } from '@xyo-network/payload-model'\n\nexport const usePayloadHash = <TPayload extends Payload>(payload: TPayload | undefined | null) => {\n  return usePromise(async () => (payload ? await PayloadHasher.hashAsync(payload) : undefined), [payload])[0]\n}\n\nexport const usePayloadHashes = <TPayload extends Payload>(payloads: TPayload[] | undefined | null) => {\n  return usePromise(\n    async () =>\n      payloads\n        ? await Promise.all(payloads.map<Promise<[TPayload, string]>>(async (payload) => [payload, await PayloadHasher.hashAsync(payload)]))\n        : undefined,\n    [payloads],\n  )[0]\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAGvB,MAAM,iBAAiB,CAA2B,YAAyC;AAChG,SAAO,WAAW,YAAa,UAAU,MAAM,cAAc,UAAU,OAAO,IAAI,QAAY,CAAC,OAAO,CAAC,EAAE,CAAC;AAC5G;AAEO,MAAM,mBAAmB,CAA2B,aAA4C;AACrG,SAAO;AAAA,IACL,YACE,WACI,MAAM,QAAQ,IAAI,SAAS,IAAiC,OAAO,YAAY,CAAC,SAAS,MAAM,cAAc,UAAU,OAAO,CAAC,CAAC,CAAC,IACjI;AAAA,IACN,CAAC,QAAQ;AAAA,EACX,EAAE,CAAC;AACL;","names":[]}
+{"version":3,"sources":["../../../src/hooks/usePayloadHash.ts"],"sourcesContent":["import { usePromise } from '@xylabs/react-promise'\nimport { PayloadHasher } from '@xyo-network/core'\nimport { Payload } from '@xyo-network/payload-model'\n\nexport const usePayloadHash = <TPayload extends Payload>(payload: TPayload | undefined | null) => {\n  return usePromise(async () => (payload ? await PayloadHasher.hashAsync(payload) : undefined), [payload])[0]\n}\n\nexport const usePayloadHashes = <TPayload extends Payload>(payloads: TPayload[] | undefined | null) => {\n  return usePromise(\n    async () =>\n      payloads\n        ? await Promise.all(payloads.map<Promise<[TPayload, string]>>(async (payload) => [payload, await PayloadHasher.hashAsync(payload)]))\n        : undefined,\n    [payloads],\n  )[0]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA2B;AAC3B,kBAA8B;AAGvB,IAAM,iBAAiB,CAA2B,YAAyC;AAChG,aAAO,iCAAW,YAAa,UAAU,MAAM,0BAAc,UAAU,OAAO,IAAI,QAAY,CAAC,OAAO,CAAC,EAAE,CAAC;AAC5G;AAEO,IAAM,mBAAmB,CAA2B,aAA4C;AACrG,aAAO;AAAA,IACL,YACE,WACI,MAAM,QAAQ,IAAI,SAAS,IAAiC,OAAO,YAAY,CAAC,SAAS,MAAM,0BAAc,UAAU,OAAO,CAAC,CAAC,CAAC,IACjI;AAAA,IACN,CAAC,QAAQ;AAAA,EACX,EAAE,CAAC;AACL;","names":[]}

package/dist/browser/hooks/usePayloadHash.d.cts

@@ -0,0 +1,7 @@
+export declare const usePayloadHash: <TPayload extends {
+    schema: string;
+} & import("@xyo-network/payload-model").PayloadFields>(payload: TPayload | null | undefined) => string | undefined;
+export declare const usePayloadHashes: <TPayload extends {
+    schema: string;
+} & import("@xyo-network/payload-model").PayloadFields>(payloads: TPayload[] | null | undefined) => [TPayload, string][] | undefined;
+//# sourceMappingURL=usePayloadHash.d.ts.map

package/dist/browser/hooks/usePayloadHash.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePayloadHash.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePayloadHash.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;mHAE1B,CAAA;AAED,eAAO,MAAM,gBAAgB;;oIAQ5B,CAAA"}

package/dist/browser/hooks/usePromise.cjs

@@ -0,0 +1,28 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/usePromise.ts
+var usePromise_exports = {};
+__export(usePromise_exports, {
+  usePromise: () => usePromise
+});
+module.exports = __toCommonJS(usePromise_exports);
+var import_react_promise = require("@xylabs/react-promise");
+var usePromise = import_react_promise.usePromise;
+//# sourceMappingURL=usePromise.cjs.map

package/dist/{node/hooks/usePromise.mjs.map → browser/hooks/usePromise.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePromise.ts"],"sourcesContent":["import { usePromise as importedUsePromise } from '@xylabs/react-promise'\n\n/** @deprecated use @xylabs/react-promise version instead */\nexport const usePromise = importedUsePromise\n"],"mappings":"AAAA,SAAS,cAAc,0BAA0B;AAG1C,MAAM,aAAa;","names":[]}
+{"version":3,"sources":["../../../src/hooks/usePromise.ts"],"sourcesContent":["import { usePromise as importedUsePromise } from '@xylabs/react-promise'\n\n/** @deprecated use @xylabs/react-promise version instead */\nexport const usePromise = importedUsePromise\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAiD;AAG1C,IAAM,aAAa,qBAAAA;","names":["importedUsePromise"]}

package/dist/browser/hooks/usePromise.d.cts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+/** @deprecated use @xylabs/react-promise version instead */
+export declare const usePromise: <TResult>(promise: () => Promise<TResult | undefined>, dependencies: import("react").DependencyList, debug?: string | undefined) => [TResult | undefined, Error | undefined, import("@xylabs/react-promise").State | undefined];
+//# sourceMappingURL=usePromise.d.ts.map

package/dist/browser/hooks/usePromise.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePromise.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePromise.ts"],"names":[],"mappings":";AAEA,4DAA4D;AAC5D,eAAO,MAAM,UAAU,iOAAqB,CAAA"}

package/dist/browser/hooks/useShareForwardRef.cjs

@@ -0,0 +1,42 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useShareForwardRef.ts
+var useShareForwardRef_exports = {};
+__export(useShareForwardRef_exports, {
+  useShareForwardedRef: () => useShareForwardedRef
+});
+module.exports = __toCommonJS(useShareForwardRef_exports);
+var import_react = require("react");
+var useShareForwardedRef = (forwardedRef, refresh = 0) => {
+  const innerRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (!forwardedRef) {
+      return;
+    }
+    if (typeof forwardedRef === "function") {
+      forwardedRef(innerRef.current);
+      return;
+    } else {
+      forwardedRef.current = innerRef.current;
+    }
+  }, [forwardedRef, refresh]);
+  return innerRef;
+};
+//# sourceMappingURL=useShareForwardRef.cjs.map

package/dist/{node/hooks/useShareForwardRef.mjs.map → browser/hooks/useShareForwardRef.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useShareForwardRef.ts"],"sourcesContent":["import { ForwardedRef, useEffect, useRef } from 'react'\n\nexport const useShareForwardedRef = <T>(forwardedRef: ForwardedRef<T>, refresh = 0) => {\n  // final ref that will share value with forward ref. this is the one to be attached to components\n  const innerRef = useRef<T>(null)\n\n  useEffect(() => {\n    if (!forwardedRef) {\n      return\n    }\n    if (typeof forwardedRef === 'function') {\n      forwardedRef(innerRef.current)\n      return\n    } else {\n      forwardedRef.current = innerRef.current\n    }\n  }, [forwardedRef, refresh])\n\n  return innerRef\n}\n"],"mappings":"AAAA,SAAuB,WAAW,cAAc;AAEzC,MAAM,uBAAuB,CAAI,cAA+B,UAAU,MAAM;AAErF,QAAM,WAAW,OAAU,IAAI;AAE/B,YAAU,MAAM;AACd,QAAI,CAAC,cAAc;AACjB;AAAA,IACF;AACA,QAAI,OAAO,iBAAiB,YAAY;AACtC,mBAAa,SAAS,OAAO;AAC7B;AAAA,IACF,OAAO;AACL,mBAAa,UAAU,SAAS;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,cAAc,OAAO,CAAC;AAE1B,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/hooks/useShareForwardRef.ts"],"sourcesContent":["import { ForwardedRef, useEffect, useRef } from 'react'\n\nexport const useShareForwardedRef = <T>(forwardedRef: ForwardedRef<T>, refresh = 0) => {\n  // final ref that will share value with forward ref. this is the one to be attached to components\n  const innerRef = useRef<T>(null)\n\n  useEffect(() => {\n    if (!forwardedRef) {\n      return\n    }\n    if (typeof forwardedRef === 'function') {\n      forwardedRef(innerRef.current)\n      return\n    } else {\n      forwardedRef.current = innerRef.current\n    }\n  }, [forwardedRef, refresh])\n\n  return innerRef\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgD;AAEzC,IAAM,uBAAuB,CAAI,cAA+B,UAAU,MAAM;AAErF,QAAM,eAAW,qBAAU,IAAI;AAE/B,8BAAU,MAAM;AACd,QAAI,CAAC,cAAc;AACjB;AAAA,IACF;AACA,QAAI,OAAO,iBAAiB,YAAY;AACtC,mBAAa,SAAS,OAAO;AAC7B;AAAA,IACF,OAAO;AACL,mBAAa,UAAU,SAAS;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,cAAc,OAAO,CAAC;AAE1B,SAAO;AACT;","names":[]}

package/dist/browser/hooks/useShareForwardRef.d.cts

@@ -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/browser/hooks/useShareForwardRef.d.cts.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"}