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

package/dist/node/hooks/GradientStyles/GradientStyle.stories.mjs

@@ -1,45 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Divider, Typography } from "@mui/material";
-import { FlexCol } from "@xylabs/react-flexbox";
-import { BrowserRouter } from "react-router-dom";
-import { useGradientStyles } from "./GradientStyles";
-const GradientTextExample = (props) => {
-  const { classes } = useGradientStyles();
-  const classNames = classes();
-  return /* @__PURE__ */ jsxs(FlexCol, { alignItems: "stretch", ...props, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "h4", gutterBottom: true, children: "XYO Network Gradient Text Options" }),
-    /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, paddingTop: 3, children: "Highlight" }),
-    /* @__PURE__ */ jsx(Divider, { sx: { marginY: "8px" } }),
-    /* @__PURE__ */ jsxs(Typography, { variant: "h5", gutterBottom: true, children: [
-      "Lorem ipsum dolor sit amet consectetur, ",
-      /* @__PURE__ */ jsx("span", { className: classNames.heading, children: "adipisicing elit." })
-    ] }),
-    /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, paddingTop: 3, children: "Body Text" }),
-    /* @__PURE__ */ jsx(Divider, { sx: { marginY: "8px" } }),
-    /* @__PURE__ */ jsx(Typography, { variant: "h5", gutterBottom: true, className: classNames.heading, children: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?" }),
-    /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, paddingTop: 3, children: "Caption" }),
-    /* @__PURE__ */ jsx(Divider, { sx: { marginY: "8px" } }),
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", gutterBottom: true, className: classNames.heading, children: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?" }),
-    /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, paddingTop: 3, children: "Card Border" }),
-    /* @__PURE__ */ jsx(Divider, { sx: { marginY: "8px" } })
-  ] });
-};
-const StorybookEntry = {
-  argTypes: {},
-  component: GradientTextExample,
-  parameters: {
-    docs: {
-      page: null
-    }
-  },
-  title: "shared/GradientText"
-};
-const Template = (args) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(GradientTextExample, { ...args }) });
-const Default = Template.bind({});
-Default.args = {};
-var GradientStyle_stories_default = StorybookEntry;
-export {
-  Default,
-  GradientStyle_stories_default as default
-};
-//# sourceMappingURL=GradientStyle.stories.mjs.map

package/dist/node/hooks/GradientStyles/GradientStyle.stories.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/GradientStyles/GradientStyle.stories.tsx"],"sourcesContent":["import { Divider, Typography } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { useGradientStyles } from './GradientStyles'\n\nconst GradientTextExample: React.FC<FlexBoxProps> = (props) => {\n  const { classes } = useGradientStyles()\n  const classNames = classes()\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Typography variant=\"h4\" gutterBottom>\n        XYO Network Gradient Text Options\n      </Typography>\n      <Typography variant=\"subtitle2\" gutterBottom paddingTop={3}>\n        Highlight\n      </Typography>\n      <Divider sx={{ marginY: '8px' }} />\n      <Typography variant=\"h5\" gutterBottom>\n        Lorem ipsum dolor sit amet consectetur, <span className={classNames.heading}>adipisicing elit.</span>\n      </Typography>\n      <Typography variant=\"subtitle2\" gutterBottom paddingTop={3}>\n        Body Text\n      </Typography>\n      <Divider sx={{ marginY: '8px' }} />\n      <Typography variant=\"h5\" gutterBottom className={classNames.heading}>\n        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas,\n        suscipit ea vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?\n      </Typography>\n      <Typography variant=\"subtitle2\" gutterBottom paddingTop={3}>\n        Caption\n      </Typography>\n      <Divider sx={{ marginY: '8px' }} />\n      <Typography variant=\"caption\" gutterBottom className={classNames.heading}>\n        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas,\n        suscipit ea vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?\n      </Typography>\n      <Typography variant=\"subtitle2\" gutterBottom paddingTop={3}>\n        Card Border\n      </Typography>\n      <Divider sx={{ marginY: '8px' }} />\n    </FlexCol>\n  )\n}\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: GradientTextExample,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'shared/GradientText',\n} as Meta<typeof GradientTextExample>\n\nconst Template: StoryFn<typeof GradientTextExample> = (args) => (\n  <BrowserRouter>\n    <GradientTextExample {...args}></GradientTextExample>\n  </BrowserRouter>\n)\n\nexport const Default = Template.bind({})\nDefault.args = {}\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAYM,cAOA,YAPA;AAZN,SAAS,SAAS,kBAAkB;AAEpC,SAAuB,eAAe;AACtC,SAAS,qBAAqB;AAE9B,SAAS,yBAAyB;AAElC,MAAM,sBAA8C,CAAC,UAAU;AAC7D,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,aAAa,QAAQ;AAC3B,SACE,qBAAC,WAAQ,YAAW,WAAW,GAAG,OAChC;AAAA,wBAAC,cAAW,SAAQ,MAAK,cAAY,MAAC,+CAEtC;AAAA,IACA,oBAAC,cAAW,SAAQ,aAAY,cAAY,MAAC,YAAY,GAAG,uBAE5D;AAAA,IACA,oBAAC,WAAQ,IAAI,EAAE,SAAS,MAAM,GAAG;AAAA,IACjC,qBAAC,cAAW,SAAQ,MAAK,cAAY,MAAC;AAAA;AAAA,MACI,oBAAC,UAAK,WAAW,WAAW,SAAS,+BAAiB;AAAA,OAChG;AAAA,IACA,oBAAC,cAAW,SAAQ,aAAY,cAAY,MAAC,YAAY,GAAG,uBAE5D;AAAA,IACA,oBAAC,WAAQ,IAAI,EAAE,SAAS,MAAM,GAAG;AAAA,IACjC,oBAAC,cAAW,SAAQ,MAAK,cAAY,MAAC,WAAW,WAAW,SAAS,wOAGrE;AAAA,IACA,oBAAC,cAAW,SAAQ,aAAY,cAAY,MAAC,YAAY,GAAG,qBAE5D;AAAA,IACA,oBAAC,WAAQ,IAAI,EAAE,SAAS,MAAM,GAAG;AAAA,IACjC,oBAAC,cAAW,SAAQ,WAAU,cAAY,MAAC,WAAW,WAAW,SAAS,wOAG1E;AAAA,IACA,oBAAC,cAAW,SAAQ,aAAY,cAAY,MAAC,YAAY,GAAG,yBAE5D;AAAA,IACA,oBAAC,WAAQ,IAAI,EAAE,SAAS,MAAM,GAAG;AAAA,KACnC;AAEJ;AAEA,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAgD,CAAC,SACrD,oBAAC,iBACC,8BAAC,uBAAqB,GAAG,MAAM,GACjC;AAGK,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AACvC,QAAQ,OAAO,CAAC;AAGhB,IAAO,gCAAQ;","names":[]}

package/dist/node/hooks/GradientStyles/GradientStyles.mjs

@@ -1,56 +0,0 @@
-import { useTheme } from "@mui/material";
-import { makeStyles } from "@mui/styles";
-const 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"
-    }
-  };
-};
-const 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"
-    }
-  };
-};
-const useGradientStyles = () => {
-  const theme = useTheme();
-  const styles = theme.palette.mode === "dark" ? colorfulGradientDarkMode() : colorfulGradientLightMode();
-  const classes = makeStyles(styles);
-  return { classes, styles };
-};
-export {
-  colorfulGradientDarkMode,
-  colorfulGradientLightMode,
-  useGradientStyles
-};
-//# sourceMappingURL=GradientStyles.mjs.map

package/dist/node/hooks/GradientStyles/index.mjs

@@ -1,2 +0,0 @@
-export * from "./GradientStyles";
-//# sourceMappingURL=index.mjs.map

package/dist/node/hooks/GradientStyles/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/GradientStyles/index.ts"],"sourcesContent":["export * from './GradientStyles'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/node/hooks/index.mjs

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

package/dist/node/hooks/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './GradientStyles'\nexport * from './useDataState'\nexport * from './useIsMobile'\nexport * from './useMediaQuery'\nexport * from './usePayloadHash'\nexport * from './usePromise'\nexport * from './useShareForwardRef'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/node/hooks/useDataState.mjs

@@ -1,18 +0,0 @@
-import { useState } from "react";
-const useDataState = (defaultValue) => {
-  const [state, setState] = 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];
-};
-export {
-  useDataState
-};
-//# sourceMappingURL=useDataState.mjs.map

package/dist/node/hooks/useIsMobile.mjs

@@ -1,10 +0,0 @@
-import { useTheme } from "@mui/material";
-import { useMediaQuery } from "./useMediaQuery";
-const useIsMobile = () => {
-  const theme = useTheme();
-  return useMediaQuery(theme.breakpoints.down("md"));
-};
-export {
-  useIsMobile
-};
-//# sourceMappingURL=useIsMobile.mjs.map

package/dist/node/hooks/useIsMobile.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/useIsMobile.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"],"mappings":"AAAA,SAAS,gBAAgB;AAEzB,SAAS,qBAAqB;AAEvB,MAAM,cAAc,MAAM;AAC/B,QAAM,QAAQ,SAAS;AACvB,SAAO,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AACnD;","names":[]}

package/dist/node/hooks/useMediaQuery.mjs

@@ -1,5 +0,0 @@
-import { useMediaQuery } from "@mui/material";
-export {
-  useMediaQuery
-};
-//# sourceMappingURL=useMediaQuery.mjs.map

package/dist/node/hooks/usePayloadHash.mjs

@@ -1,16 +0,0 @@
-import { usePromise } from "@xylabs/react-promise";
-import { PayloadHasher } from "@xyo-network/core";
-const usePayloadHash = (payload) => {
-  return usePromise(async () => payload ? await PayloadHasher.hashAsync(payload) : void 0, [payload])[0];
-};
-const usePayloadHashes = (payloads) => {
-  return usePromise(
-    async () => payloads ? await Promise.all(payloads.map(async (payload) => [payload, await PayloadHasher.hashAsync(payload)])) : void 0,
-    [payloads]
-  )[0];
-};
-export {
-  usePayloadHash,
-  usePayloadHashes
-};
-//# sourceMappingURL=usePayloadHash.mjs.map

package/dist/node/hooks/usePromise.mjs

@@ -1,6 +0,0 @@
-import { usePromise as importedUsePromise } from "@xylabs/react-promise";
-const usePromise = importedUsePromise;
-export {
-  usePromise
-};
-//# sourceMappingURL=usePromise.mjs.map

package/dist/node/hooks/useShareForwardRef.mjs

@@ -1,20 +0,0 @@
-import { useEffect, useRef } from "react";
-const useShareForwardedRef = (forwardedRef, refresh = 0) => {
-  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;
-};
-export {
-  useShareForwardedRef
-};
-//# sourceMappingURL=useShareForwardRef.mjs.map

package/dist/node/index.mjs

@@ -1,7 +0,0 @@
-export * from "./components";
-export * from "./contexts";
-export * from "./hooks";
-export * from "./lib";
-export * from "./models";
-export * from "./SizeProp";
-//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\nexport * from './contexts'\nexport * from './hooks'\nexport * from './lib'\nexport * from './models'\nexport * from './SizeProp'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/node/lib/assertDefinedEx.mjs

@@ -1,9 +0,0 @@
-const assertDefinedEx = (expr, message) => {
-  if (expr !== null && expr !== void 0)
-    return expr;
-  throw Error(message);
-};
-export {
-  assertDefinedEx
-};
-//# sourceMappingURL=assertDefinedEx.mjs.map

package/dist/node/lib/index.mjs

@@ -1,4 +0,0 @@
-export * from "./assertDefinedEx";
-export * from "./getActualPaddingX";
-export * from "./networkComponents";
-//# sourceMappingURL=index.mjs.map

package/dist/node/lib/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/index.ts"],"sourcesContent":["export * from './assertDefinedEx'\nexport * from './getActualPaddingX'\nexport * from './networkComponents'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/node/lib/networkComponents.mjs

@@ -1,29 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import {
-  BubbleChartRounded as BubbleChartRoundedIcon,
-  HubRounded as HubRoundedIcon,
-  InsertLinkRounded as InsertLinkRoundedIcon,
-  Inventory2Rounded as Inventory2RoundedIcon,
-  TimerRounded as TimerRoundedIcon,
-  VisibilityRounded as VisibilityRoundedIcon
-} from "@mui/icons-material";
-const networkComponents = [
-  { icon: (props) => /* @__PURE__ */ jsx(HubRoundedIcon, { ...props }), name: "Node", slug: "node" },
-  { icon: (props) => /* @__PURE__ */ jsx(TimerRoundedIcon, { ...props }), name: "Sentinel", slug: "sentinel" },
-  { icon: (props) => /* @__PURE__ */ jsx(InsertLinkRoundedIcon, { ...props }), name: "Bridge", slug: "bridge" },
-  { icon: (props) => /* @__PURE__ */ jsx(Inventory2RoundedIcon, { ...props }), name: "Archivist", slug: "archivist" },
-  { icon: (props) => /* @__PURE__ */ jsx(BubbleChartRoundedIcon, { ...props }), name: "Diviner", slug: "diviner" },
-  { icon: (props) => /* @__PURE__ */ jsx(VisibilityRoundedIcon, { ...props }), name: "Witness", slug: "witness" }
-];
-const findNetworkComponentIndex = (slug) => {
-  return networkComponents.findIndex((info) => info.slug === slug);
-};
-const findNetworkComponent = (slug) => {
-  return networkComponents.find((info) => info.slug === slug);
-};
-export {
-  findNetworkComponent,
-  findNetworkComponentIndex,
-  networkComponents
-};
-//# sourceMappingURL=networkComponents.mjs.map

package/dist/node/lib/xyo.mjs

@@ -1,14 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { SvgIcon } from "@mui/material";
-const Logo = (props) => {
-  return /* @__PURE__ */ jsxs(SvgIcon, { "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 238", ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z" }),
-    /* @__PURE__ */ jsx("path", { d: "M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z" }),
-    /* @__PURE__ */ jsx("path", { d: "M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z" }),
-    /* @__PURE__ */ jsx("path", { d: "M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z" })
-  ] });
-};
-export {
-  Logo
-};
-//# sourceMappingURL=xyo.mjs.map

package/dist/node/models/ListMode.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=ListMode.mjs.map

package/dist/node/models/ListMode.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/node/models/index.mjs

@@ -1,2 +0,0 @@
-export * from "./ListMode";
-//# sourceMappingURL=index.mjs.map

package/dist/node/models/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/models/index.ts"],"sourcesContent":["export * from './ListMode'\n"],"mappings":"AAAA,cAAc;","names":[]}