@xyo-network/react-module 7.6.3 → 8.0.1

package/dist/browser/components/Card/Module/CardActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAIrD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CA0B5E,CAAA"}
+{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAIrD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CAsC5E,CAAA"}

package/dist/browser/index.mjs

@@ -66,12 +66,31 @@ var ModuleCardActions = ({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsxs2(FlexRow, { justifyContent: "space-between", gap: 1, alignItems: "center", children: [
-          mod ? /* @__PURE__ */ jsx2(Chip, { label: config?.schema, size: "small" }) : null,
-          children,
-          /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: "small", variant: "outlined", children: "Discover" })
-        ] }),
-        /* @__PURE__ */ jsx2(DiscoverDialog, { fullWidth: true, maxWidth: "md", mod, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
+        /* @__PURE__ */ jsxs2(
+          FlexRow,
+          {
+            sx: {
+              justifyContent: "space-between",
+              gap: 1,
+              alignItems: "center"
+            },
+            children: [
+              mod ? /* @__PURE__ */ jsx2(Chip, { label: config?.schema, size: "small" }) : null,
+              children,
+              /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: "small", variant: "outlined", children: "Discover" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          DiscoverDialog,
+          {
+            fullWidth: true,
+            mod,
+            open: discoverDialogOpen,
+            setOpen: setDiscoverDialogOpen,
+            sx: { maxWidth: "md" }
+          }
+        )
       ]
     }
   );
@@ -229,4 +248,4 @@ export {
   ModuleTableCell,
   useRefresh
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../src/components/Card/Diviner/Card.tsx","../../src/components/Card/Module/Card.tsx","../../src/components/Card/Module/CardActions.tsx","../../src/components/Card/Module/components/DiscoverDialog.tsx","../../src/components/Card/Module/CardContent.tsx","../../src/components/Card/Module/CardHeader.tsx","../../src/components/Card/Diviner/CardContent.tsx","../../src/components/Card/Diviner/CardHeader.tsx","../../src/components/DetailsBox.tsx","../../src/components/TableCell.tsx","../../src/hooks/useRefresh.tsx"],"sourcesContent":["import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardActions } from '../Module/index.ts'\nimport { DivinerCardContent } from './CardContent.tsx'\nimport { DivinerCardHeader } from './CardHeader.tsx'\n\nexport const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({\n  children, mod, ...props\n}) => {\n  return (\n    <Card {...props}>\n      <DivinerCardHeader mod={mod} />\n      <DivinerCardContent mod={mod} />\n      {children}\n      <ModuleCardActions mod={mod} />\n    </Card>\n  )\n}\n","import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardActions } from './CardActions.tsx'\nimport { ModuleCardContent } from './CardContent.tsx'\nimport { ModuleCardHeader } from './CardHeader.tsx'\n\nexport const ModuleCard: React.FC<CardProps & ModuleRenderProps> = ({ mod, ...props }) => {\n  return (\n    <Card {...props}>\n      <ModuleCardHeader mod={mod} />\n      <ModuleCardContent mod={mod} />\n      <ModuleCardActions mod={mod} />\n    </Card>\n  )\n}\n","import type { CardActionsProps } from '@mui/material'\nimport { CardActions, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { DiscoverDialog } from './components/index.ts'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({\n  children, mod, sx, ...props\n}) => {\n  const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n  const config = mod?.config\n\n  return (\n    <CardActions\n      sx={{\n        alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx,\n      }}\n      {...props}\n    >\n      <FlexRow justifyContent=\"space-between\" gap={1} alignItems=\"center\">\n        {mod\n          ? <Chip label={config?.schema} size=\"small\" />\n          : null}\n        {children}\n        <ButtonEx onClick={() => setDiscoverDialogOpen(true)} size=\"small\" variant=\"outlined\">\n          Discover\n        </ButtonEx>\n      </FlexRow>\n      <DiscoverDialog fullWidth maxWidth=\"md\" mod={mod} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} />\n    </CardActions>\n  )\n}\n","import type { DialogProps } from '@mui/material'\nimport {\n  Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper,\n} from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport type { ModuleInstance } from '@xyo-network/module-model'\nimport type { Dispatch, SetStateAction } from 'react'\nimport React from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n  mod?: ModuleInstance\n  setOpen?: Dispatch<SetStateAction<boolean>>\n}\n\n// Add a dialogue title and quick tip to show description of discover query\n\nexport const DiscoverDialog: React.FC<DiscoverDialogProps> = ({\n  mod, setOpen, ...props\n}) => {\n  const [discoverPayloads] = usePromise(async () => {\n    return await mod?.state()\n  }, [mod])\n\n  return (\n    <Dialog {...props}>\n      <DialogTitle>\n        Supported Queries for\n        {mod?.config.name || mod?.address}\n      </DialogTitle>\n      <Divider />\n      <DialogContent>\n        <Paper sx={{ p: 1 }}>\n          <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>\n          <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>\n        </Paper>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={() => setOpen?.(false)} variant=\"outlined\">\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import type { CardContentProps } from '@mui/material'\nimport { CardContent } from '@mui/material'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n  return <CardContent {...props}>{children}</CardContent>\n}\n","import type { CardHeaderProps } from '@mui/material'\nimport { CardHeader } from '@mui/material'\nimport type { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\n\nconst moduleTypes = ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness']\n\nconst getModuleIcons = (moduleType: string, mod: Module) => {\n  return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null\n}\n\nexport const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({\n  subheader, avatar, title, mod, ...props\n}) => {\n  return (\n    <CardHeader\n      title={title ?? mod?.config.name ?? 'Module'}\n      subheader={subheader ?? mod?.address}\n      avatar={\n        avatar ?? (\n          <>\n            {mod\n              ? moduleTypes.map((moduleType) => {\n                  const renderIcon = getModuleIcons(moduleType, mod)\n                  return renderIcon\n                    ? (\n                        <React.Fragment key={moduleType}>\n                          {renderIcon({ fontSize: 'large', color: 'primary' })}\n                        </React.Fragment>\n                      )\n                    : null\n                })\n              : null}\n          </>\n        )\n      }\n      {...props}\n    />\n  )\n}\n","import type { CardContentProps } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardContent } from '../Module/index.ts'\n\nexport const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps> = ({ children, ...props }) => {\n  return <ModuleCardContent {...props}>{children}</ModuleCardContent>\n}\n","import type { CardHeaderProps } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardHeader } from '../Module/index.ts'\n\nexport const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({\n  title, mod, ...props\n}) => {\n  return <ModuleCardHeader mod={mod} title={title ?? mod?.config.name ?? 'Diviner'} {...props} />\n}\n","import { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { EthAddressWrapper } from '@xylabs/sdk-js'\nimport type { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React, { useState } from 'react'\n\nimport type { ModuleRenderProps } from '../ModuleRenderProps.tsx'\n\nconst getModuleIcon = (moduleType: string, mod: Module) => {\n  return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null\n}\n\nexport const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({\n  children, mod, ...props\n}) => {\n  const [showQueries, setShowQueries] = useState(false)\n  return (\n    <FlexCol {...props}>\n      <FlexRow>\n        {mod\n          ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {\n              const icon = getModuleIcon(moduleType, mod)\n              return icon\n                ? (\n                    <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>\n                      {icon}\n                    </ButtonEx>\n                  )\n                : null\n            })\n          : null}\n        <EthAccountBox address={EthAddressWrapper.fromString(mod?.address)} />\n      </FlexRow>\n\n      {showQueries\n        ? mod?.queries.map((query) => {\n            return <FlexRow key={query}>{query}</FlexRow>\n          })\n        : null}\n      {children}\n    </FlexCol>\n  )\n}\n","import type { TableCellProps } from '@mui/material'\nimport { TableCell } from '@mui/material'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport { EthAddressWrapper } from '@xylabs/sdk-js'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../ModuleRenderProps.tsx'\n\nexport const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({\n  children, mod, ...props\n}) => {\n  return (\n    <TableCell {...props}>\n      <EthAccountBox address={EthAddressWrapper.fromString(mod?.address)} />\n      {children}\n    </TableCell>\n  )\n}\n","import { useState } from 'react'\n\nexport type RefreshCallback = () => number\nexport type DisableCallback = () => void\n\nexport const useRefresh = (): [number, RefreshCallback, DisableCallback] => {\n  const [count, setCount] = useState(1)\n  return [\n    count,\n    () => {\n      const newCount = count + 1\n      setCount(newCount)\n      return newCount\n    },\n    () => setCount(0),\n  ]\n}\n"],"mappings":"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","names":["Card","jsx","jsxs","jsx","React","jsx","jsx","jsxs","jsx","jsx","jsx","jsxs","Card","ButtonEx","FlexRow","findNetworkComponent","useState","jsx","jsxs","EthAccountBox","EthAddressWrapper","jsx","jsxs","useState"]}
+{
+  "version": 3,
+  "sources": ["../../src/components/Card/Diviner/Card.tsx", "../../src/components/Card/Module/Card.tsx", "../../src/components/Card/Module/CardActions.tsx", "../../src/components/Card/Module/components/DiscoverDialog.tsx", "../../src/components/Card/Module/CardContent.tsx", "../../src/components/Card/Module/CardHeader.tsx", "../../src/components/Card/Diviner/CardContent.tsx", "../../src/components/Card/Diviner/CardHeader.tsx", "../../src/components/DetailsBox.tsx", "../../src/components/TableCell.tsx", "../../src/hooks/useRefresh.tsx"],
+  "sourcesContent": ["import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardActions } from '../Module/index.ts'\nimport { DivinerCardContent } from './CardContent.tsx'\nimport { DivinerCardHeader } from './CardHeader.tsx'\n\nexport const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({\n  children, mod, ...props\n}) => {\n  return (\n    <Card {...props}>\n      <DivinerCardHeader mod={mod} />\n      <DivinerCardContent mod={mod} />\n      {children}\n      <ModuleCardActions mod={mod} />\n    </Card>\n  )\n}\n", "import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardActions } from './CardActions.tsx'\nimport { ModuleCardContent } from './CardContent.tsx'\nimport { ModuleCardHeader } from './CardHeader.tsx'\n\nexport const ModuleCard: React.FC<CardProps & ModuleRenderProps> = ({ mod, ...props }) => {\n  return (\n    <Card {...props}>\n      <ModuleCardHeader mod={mod} />\n      <ModuleCardContent mod={mod} />\n      <ModuleCardActions mod={mod} />\n    </Card>\n  )\n}\n", "import type { CardActionsProps } from '@mui/material'\nimport { CardActions, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { DiscoverDialog } from './components/index.ts'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({\n  children, mod, sx, ...props\n}) => {\n  const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n  const config = mod?.config\n\n  return (\n    <CardActions\n      sx={{\n        alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx,\n      }}\n      {...props}\n    >\n      <FlexRow\n        sx={{\n          justifyContent: 'space-between',\n          gap: 1,\n          alignItems: 'center',\n        }}\n      >\n        {mod\n          ? <Chip label={config?.schema} size=\"small\" />\n          : null}\n        {children}\n        <ButtonEx onClick={() => setDiscoverDialogOpen(true)} size=\"small\" variant=\"outlined\">\n          Discover\n        </ButtonEx>\n      </FlexRow>\n      <DiscoverDialog\n        fullWidth\n        mod={mod}\n        open={discoverDialogOpen}\n        setOpen={setDiscoverDialogOpen}\n        sx={{ maxWidth: 'md' }}\n      />\n    </CardActions>\n  )\n}\n", "import type { DialogProps } from '@mui/material'\nimport {\n  Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper,\n} from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport type { ModuleInstance } from '@xyo-network/module-model'\nimport type { Dispatch, SetStateAction } from 'react'\nimport React from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n  mod?: ModuleInstance\n  setOpen?: Dispatch<SetStateAction<boolean>>\n}\n\n// Add a dialogue title and quick tip to show description of discover query\n\nexport const DiscoverDialog: React.FC<DiscoverDialogProps> = ({\n  mod, setOpen, ...props\n}) => {\n  const [discoverPayloads] = usePromise(async () => {\n    return await mod?.state()\n  }, [mod])\n\n  return (\n    <Dialog {...props}>\n      <DialogTitle>\n        Supported Queries for\n        {mod?.config.name || mod?.address}\n      </DialogTitle>\n      <Divider />\n      <DialogContent>\n        <Paper sx={{ p: 1 }}>\n          <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>\n          <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>\n        </Paper>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={() => setOpen?.(false)} variant=\"outlined\">\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n", "import type { CardContentProps } from '@mui/material'\nimport { CardContent } from '@mui/material'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n  return <CardContent {...props}>{children}</CardContent>\n}\n", "import type { CardHeaderProps } from '@mui/material'\nimport { CardHeader } from '@mui/material'\nimport type { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\n\nconst moduleTypes = ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness']\n\nconst getModuleIcons = (moduleType: string, mod: Module) => {\n  return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null\n}\n\nexport const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({\n  subheader, avatar, title, mod, ...props\n}) => {\n  return (\n    <CardHeader\n      title={title ?? mod?.config.name ?? 'Module'}\n      subheader={subheader ?? mod?.address}\n      avatar={\n        avatar ?? (\n          <>\n            {mod\n              ? moduleTypes.map((moduleType) => {\n                  const renderIcon = getModuleIcons(moduleType, mod)\n                  return renderIcon\n                    ? (\n                        <React.Fragment key={moduleType}>\n                          {renderIcon({ fontSize: 'large', color: 'primary' })}\n                        </React.Fragment>\n                      )\n                    : null\n                })\n              : null}\n          </>\n        )\n      }\n      {...props}\n    />\n  )\n}\n", "import type { CardContentProps } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardContent } from '../Module/index.ts'\n\nexport const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps> = ({ children, ...props }) => {\n  return <ModuleCardContent {...props}>{children}</ModuleCardContent>\n}\n", "import type { CardHeaderProps } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardHeader } from '../Module/index.ts'\n\nexport const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({\n  title, mod, ...props\n}) => {\n  return <ModuleCardHeader mod={mod} title={title ?? mod?.config.name ?? 'Diviner'} {...props} />\n}\n", "import { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { EthAddressWrapper } from '@xylabs/sdk-js'\nimport type { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React, { useState } from 'react'\n\nimport type { ModuleRenderProps } from '../ModuleRenderProps.tsx'\n\nconst getModuleIcon = (moduleType: string, mod: Module) => {\n  return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null\n}\n\nexport const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({\n  children, mod, ...props\n}) => {\n  const [showQueries, setShowQueries] = useState(false)\n  return (\n    <FlexCol {...props}>\n      <FlexRow>\n        {mod\n          ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {\n              const icon = getModuleIcon(moduleType, mod)\n              return icon\n                ? (\n                    <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>\n                      {icon}\n                    </ButtonEx>\n                  )\n                : null\n            })\n          : null}\n        <EthAccountBox address={EthAddressWrapper.fromString(mod?.address)} />\n      </FlexRow>\n\n      {showQueries\n        ? mod?.queries.map((query) => {\n            return <FlexRow key={query}>{query}</FlexRow>\n          })\n        : null}\n      {children}\n    </FlexCol>\n  )\n}\n", "import type { TableCellProps } from '@mui/material'\nimport { TableCell } from '@mui/material'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport { EthAddressWrapper } from '@xylabs/sdk-js'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../ModuleRenderProps.tsx'\n\nexport const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({\n  children, mod, ...props\n}) => {\n  return (\n    <TableCell {...props}>\n      <EthAccountBox address={EthAddressWrapper.fromString(mod?.address)} />\n      {children}\n    </TableCell>\n  )\n}\n", "import { useState } from 'react'\n\nexport type RefreshCallback = () => number\nexport type DisableCallback = () => void\n\nexport const useRefresh = (): [number, RefreshCallback, DisableCallback] => {\n  const [count, setCount] = useState(1)\n  return [\n    count,\n    () => {\n      const newCount = count + 1\n      setCount(newCount)\n      return newCount\n    },\n    () => setCount(0),\n  ]\n}\n"],
+  "mappings": "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",
+  "names": ["Card", "jsx", "jsxs", "jsx", "React", "jsx", "jsx", "jsxs", "jsx", "jsx", "jsx", "jsxs", "Card", "ButtonEx", "FlexRow", "findNetworkComponent", "useState", "jsx", "jsxs", "EthAccountBox", "EthAddressWrapper", "jsx", "jsxs", "useState"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-module",
-  "version": "7.6.3",
+  "version": "8.0.1",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -41,37 +41,37 @@
     "README.md"
   ],
   "dependencies": {
-    "@xyo-network/react-shared": "~7.6.3"
+    "@xyo-network/react-shared": "~8.0.1"
   },
   "devDependencies": {
     "@bitauth/libauth": "~3.0.0",
     "@metamask/providers": "^22.1.1",
-    "@mui/icons-material": "^7.3.11",
-    "@mui/material": "^7.3.11",
+    "@mui/icons-material": "^9.0.1",
+    "@mui/material": "^9.0.1",
     "@opentelemetry/api": "^1.9.1",
     "@opentelemetry/sdk-trace-base": "^2.7.1",
     "@react-spring/web": "~10.0.3",
     "@scure/base": "~2.2.0",
     "@scure/bip39": "~2.2.0",
-    "@storybook/react-vite": "~10.3.6",
+    "@storybook/react-vite": "~10.4.0",
     "@types/react": "^19.2.14",
-    "@xylabs/geo": "^5.1.2",
-    "@xylabs/pixel": "~5.1.2",
-    "@xylabs/react-async-effect": "~7.2.4",
-    "@xylabs/react-button": "~7.2.4",
-    "@xylabs/react-crypto": "~7.2.4",
-    "@xylabs/react-flexbox": "~7.2.4",
-    "@xylabs/react-hooks": "~7.2.4",
-    "@xylabs/react-link": "~7.2.4",
-    "@xylabs/react-promise": "~7.2.4",
-    "@xylabs/react-shared": "~7.2.4",
-    "@xylabs/react-theme": "~7.2.4",
-    "@xylabs/sdk-js": "^5.1.2",
-    "@xylabs/threads": "~5.1.2",
-    "@xylabs/toolchain": "~7.13.15",
-    "@xylabs/tsconfig": "^7.13.15",
-    "@xylabs/tsconfig-dom": "^7.13.15",
-    "@xylabs/tsconfig-react": "~7.13.15",
+    "@xylabs/geo": "^5.1.3",
+    "@xylabs/pixel": "~5.1.3",
+    "@xylabs/react-async-effect": "~8.0.3",
+    "@xylabs/react-button": "~8.0.3",
+    "@xylabs/react-crypto": "~8.0.3",
+    "@xylabs/react-flexbox": "~8.0.3",
+    "@xylabs/react-hooks": "~8.0.3",
+    "@xylabs/react-link": "~8.0.3",
+    "@xylabs/react-promise": "~8.0.3",
+    "@xylabs/react-shared": "~8.0.3",
+    "@xylabs/react-theme": "~8.0.3",
+    "@xylabs/sdk-js": "^5.1.3",
+    "@xylabs/threads": "~5.1.3",
+    "@xylabs/toolchain": "~8.0.6",
+    "@xylabs/tsconfig": "^8.0.6",
+    "@xylabs/tsconfig-dom": "^8.0.6",
+    "@xylabs/tsconfig-react": "~8.0.6",
     "@xyo-network/account": "~5.6.2",
     "@xyo-network/account-model": "^5.6.3",
     "@xyo-network/api": "~5.6.2",
@@ -83,7 +83,7 @@
     "@xyo-network/boundwitness-validator": "^5.6.2",
     "@xyo-network/boundwitness-wrapper": "~5.6.2",
     "@xyo-network/config-payload-plugin": "~5.6.3",
-    "@xyo-network/crypto-asset-plugin": "~5.5.1",
+    "@xyo-network/crypto-asset-plugin": "~5.5.2",
     "@xyo-network/diviner-abstract": "^5.6.4",
     "@xyo-network/diviner-address-history": "~5.6.4",
     "@xyo-network/diviner-model": "^5.6.4",
@@ -107,51 +107,51 @@
     "buffer": "^6.0.3",
     "chalk": "^5.6.2",
     "debug": "~4.4.3",
-    "eslint": "^10.3.0",
+    "eslint": "^10.4.0",
     "ethers": "^6.16.0",
     "fast-deep-equal": "~3.1.3",
     "hash-wasm": "~4.12.0",
     "idb": "^8.0.3",
-    "js-cookie": "~3.0.5",
+    "js-cookie": "~3.0.6",
     "lru-cache": "^11.3.6",
     "mapbox-gl": "^3.23.1",
     "md5": "~2.3.0",
-    "mixpanel-browser": "~2.78.0",
+    "mixpanel-browser": "~2.79.0",
     "observable-fns": "~0.6.1",
     "pako": "^2.1.0",
     "query-string": "~9.3.1",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "react-is": "^19.2.6",
-    "react-router-dom": "^7.15.0",
+    "react-router-dom": "^7.15.1",
     "recharts": "~3.8.1",
     "spark-md5": "~3.0.2",
     "store2": "~2.14.4",
-    "storybook": "^10.3.6",
-    "typescript": "^5.9.3",
-    "viem": "~2.48.8",
-    "vite": "^8.0.10",
+    "storybook": "^10.4.0",
+    "typescript": "^6.0.3",
+    "viem": "^2.49.3",
+    "vite": "^8.0.13",
     "wasm-feature-detect": "~1.8.0",
     "webextension-polyfill": "^0.12.0",
     "zod": "^4.4.3"
   },
   "peerDependencies": {
     "@bitauth/libauth": "~3.0",
-    "@mui/icons-material": "^7.3",
-    "@mui/material": "^7.3",
+    "@mui/icons-material": "^9.0",
+    "@mui/material": "^9.0",
     "@opentelemetry/api": "^1.9",
     "@opentelemetry/sdk-trace-base": "^2.7",
     "@react-spring/web": "~10.0",
     "@scure/base": "~2.2",
     "@xylabs/pixel": "~5.1",
-    "@xylabs/react-button": "~7.2",
-    "@xylabs/react-crypto": "~7.2",
-    "@xylabs/react-flexbox": "~7.2",
-    "@xylabs/react-hooks": "~7.2",
-    "@xylabs/react-link": "~7.2",
-    "@xylabs/react-promise": "~7.2",
-    "@xylabs/react-shared": "~7.2",
-    "@xylabs/react-theme": "~7.2",
+    "@xylabs/react-button": "~8.0",
+    "@xylabs/react-crypto": "~8.0",
+    "@xylabs/react-flexbox": "~8.0",
+    "@xylabs/react-hooks": "~8.0",
+    "@xylabs/react-link": "~8.0",
+    "@xylabs/react-promise": "~8.0",
+    "@xylabs/react-shared": "~8.0",
+    "@xylabs/react-theme": "~8.0",
     "@xylabs/sdk-js": "^5.1",
     "@xylabs/threads": "~5.1",
     "@xyo-network/account-model": "^5.6",
@@ -174,7 +174,7 @@
     "js-cookie": "~3.0",
     "lru-cache": "^11.3",
     "md5": "~2.3",
-    "mixpanel-browser": "~2.78",
+    "mixpanel-browser": "~2.79",
     "observable-fns": "~0.6",
     "pako": "^2.1",
     "query-string": "~9.3",
@@ -184,7 +184,7 @@
     "react-router-dom": "^7.15",
     "recharts": "~3.8",
     "spark-md5": "~3.0",
-    "viem": "~2.48",
+    "viem": "^2.48",
     "wasm-feature-detect": "~1.8",
     "zod": "^4.4"
   },