npm - @xyo-network/react-module - Versions diffs - 2.75.7 → 2.76.0 - Mend

@xyo-network/react-module 2.75.7 → 2.76.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (169) hide show

package/dist/node/index.cjs CHANGED Viewed

@@ -49,14 +49,14 @@ var import_react = require("react");
 var import_material = require("@mui/material");
 var import_react_promise = require("@xylabs/react-promise");
 var import_jsx_runtime = require("react/jsx-runtime");
-var DiscoverDialog = ({ module: module2, setOpen, ...props }) => {
+var DiscoverDialog = ({ mod, setOpen, ...props }) => {
   const [discoverPayloads] = (0, import_react_promise.usePromise)(async () => {
-    return await (module2 == null ? void 0 : module2.state());
-  }, [module2]);
+    return await (mod == null ? void 0 : mod.state());
+  }, [mod]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Dialog, { ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.DialogTitle, { children: [
       "Supported Queries for ",
-      (module2 == null ? void 0 : module2.config.name) || (module2 == null ? void 0 : module2.address)
+      (mod == null ? void 0 : mod.config.name) || (mod == null ? void 0 : mod.address)
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Paper, { sx: { p: 1 }, children: [
@@ -69,16 +69,16 @@ var DiscoverDialog = ({ module: module2, setOpen, ...props }) => {
 // src/components/Card/Module/CardActions.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var ModuleCardActions = ({ children, module: module2, sx, ...props }) => {
+var ModuleCardActions = ({ children, mod, sx, ...props }) => {
   const [discoverDialogOpen, setDiscoverDialogOpen] = (0, import_react.useState)(false);
-  const config = module2 == null ? void 0 : module2.config;
+  const config = mod == null ? void 0 : mod.config;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.CardActions, { sx: { alignItems: "stretch", flexDirection: "column", ml: 1, ...sx }, ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexRow, { justifyContent: "space-between", gap: 1, alignItems: "center", children: [
-      module2 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: config == null ? void 0 : config.schema, size: "small" }) : null,
+      mod ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: config == null ? void 0 : config.schema, size: "small" }) : null,
       children,
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: "small", variant: "outlined", children: "Discover" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DiscoverDialog, { fullWidth: true, maxWidth: "md", module: module2, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DiscoverDialog, { fullWidth: true, maxWidth: "md", mod, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
   ] });
 };
@@ -94,18 +94,18 @@ var import_material4 = require("@mui/material");
 var import_react_shared = require("@xyo-network/react-shared");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var moduleTypes = ["sentinel", "bridge", "archivist", "diviner", "node", "witness"];
-var getModuleIcons = (moduleType, module2) => {
+var getModuleIcons = (moduleType, mod) => {
   var _a;
-  return (module2 == null ? void 0 : module2.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = (0, import_react_shared.findNetworkComponent)(moduleType)) == null ? void 0 : _a.icon : null;
+  return (mod == null ? void 0 : mod.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = (0, import_react_shared.findNetworkComponent)(moduleType)) == null ? void 0 : _a.icon : null;
 };
-var ModuleCardHeader = ({ subheader, avatar, title, module: module2, ...props }) => {
+var ModuleCardHeader = ({ subheader, avatar, title, mod, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_material4.CardHeader,
     {
-      title: title ?? (module2 == null ? void 0 : module2.config.name) ?? "Module",
-      subheader: subheader ?? (module2 == null ? void 0 : module2.address),
-      avatar: avatar ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: module2 ? moduleTypes.map((moduleType) => {
-        const Icon = getModuleIcons(moduleType, module2);
+      title: title ?? (mod == null ? void 0 : mod.config.name) ?? "Module",
+      subheader: subheader ?? (mod == null ? void 0 : mod.address),
+      avatar: avatar ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: mod ? moduleTypes.map((moduleType) => {
+        const Icon = getModuleIcons(moduleType, mod);
         return Icon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { fontSize: "large", color: "primary" }, moduleType) : null;
       }) : null }),
       ...props
@@ -115,11 +115,11 @@ var ModuleCardHeader = ({ subheader, avatar, title, module: module2, ...props })
 // src/components/Card/Module/Card.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var ModuleCard = ({ module: module2, ...props }) => {
+var ModuleCard = ({ mod, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material5.Card, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardHeader, { module: module2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardContent, { module: module2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardActions, { module: module2 })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardHeader, { mod }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardContent, { mod }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardActions, { mod })
   ] });
 };
@@ -131,18 +131,18 @@ var DivinerCardContent = ({ children, ...props }) => {
 // src/components/Card/Diviner/CardHeader.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var DivinerCardHeader = ({ title, module: module2, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ModuleCardHeader, { module: module2, title: title ?? (module2 == null ? void 0 : module2.config.name) ?? "Diviner", ...props });
+var DivinerCardHeader = ({ title, mod, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ModuleCardHeader, { mod, title: title ?? (mod == null ? void 0 : mod.config.name) ?? "Diviner", ...props });
 };
 // src/components/Card/Diviner/Card.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var DivinerCard = ({ children, module: module2, ...props }) => {
+var DivinerCard = ({ children, mod, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material6.Card, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DivinerCardHeader, { module: module2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DivinerCardContent, { module: module2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DivinerCardHeader, { mod }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DivinerCardContent, { mod }),
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ModuleCardActions, { module: module2 })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ModuleCardActions, { mod })
   ] });
 };
@@ -154,21 +154,21 @@ var import_react_flexbox2 = require("@xylabs/react-flexbox");
 var import_react_shared2 = require("@xyo-network/react-shared");
 var import_react2 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var getModuleIcon = (moduleType, module2) => {
+var getModuleIcon = (moduleType, mod) => {
   var _a;
-  return (module2 == null ? void 0 : module2.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = (0, import_react_shared2.findNetworkComponent)(moduleType)) == null ? void 0 : _a.icon() : null;
+  return (mod == null ? void 0 : mod.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = (0, import_react_shared2.findNetworkComponent)(moduleType)) == null ? void 0 : _a.icon() : null;
 };
-var ModuleDetailsBox = ({ children, module: module2, ...props }) => {
+var ModuleDetailsBox = ({ children, mod, ...props }) => {
   const [showQueries, setShowQueries] = (0, import_react2.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_flexbox2.FlexCol, { ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_flexbox2.FlexRow, { children: [
-      module2 ? ["sentinel", "bridge", "archivist", "diviner", "node"].map((moduleType) => {
-        const icon = getModuleIcon(moduleType, module2);
+      mod ? ["sentinel", "bridge", "archivist", "diviner", "node"].map((moduleType) => {
+        const icon = getModuleIcon(moduleType, mod);
         return icon ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_button2.ButtonEx, { onClick: () => setShowQueries(!showQueries), children: icon }, moduleType) : null;
       }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_crypto.EthAccountBox, { address: import_eth_address.EthAddress.fromString(module2 == null ? void 0 : module2.address) })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_crypto.EthAccountBox, { address: import_eth_address.EthAddress.fromString(mod == null ? void 0 : mod.address) })
     ] }),
-    showQueries ? module2 == null ? void 0 : module2.queries.map((query) => {
+    showQueries ? mod == null ? void 0 : mod.queries.map((query) => {
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_flexbox2.FlexRow, { children: query }, query);
     }) : null,
     children
@@ -180,9 +180,9 @@ var import_material7 = require("@mui/material");
 var import_eth_address2 = require("@xylabs/eth-address");
 var import_react_crypto2 = require("@xylabs/react-crypto");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var ModuleTableCell = ({ children, module: module2, ...props }) => {
+var ModuleTableCell = ({ children, mod, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.TableCell, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_crypto2.EthAccountBox, { address: import_eth_address2.EthAddress.fromString(module2 == null ? void 0 : module2.address) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_crypto2.EthAccountBox, { address: import_eth_address2.EthAddress.fromString(mod == null ? void 0 : mod.address) }),
     children
   ] });
 };

package/dist/node/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/index.ts","../../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":["export * from './components'\nexport * from './hooks'\nexport * from './ModuleRenderProps'\n","import { Card, CardProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardActions } from '../Module'\nimport { DivinerCardContent } from './CardContent'\nimport { DivinerCardHeader } from './CardHeader'\n\nexport const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({ children, module, ...props }) => {\n return (\n <Card {...props}>\n <DivinerCardHeader module={module} />\n <DivinerCardContent module={module} />\n {children}\n <ModuleCardActions module={module} />\n </Card>\n )\n}\n","import { Card, CardProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardActions } from './CardActions'\nimport { ModuleCardContent } from './CardContent'\nimport { ModuleCardHeader } from './CardHeader'\n\nexport const ModuleCard: React.FC<CardProps & ModuleRenderProps> = ({ module, ...props }) => {\n return (\n <Card {...props}>\n <ModuleCardHeader module={module} />\n <ModuleCardContent module={module} />\n <ModuleCardActions module={module} />\n </Card>\n )\n}\n","import { CardActions, CardActionsProps, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { DiscoverDialog } from './components'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, module, sx, ...props }) => {\n const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n const config = module?.config\n\n return (\n <CardActions sx={{ alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }} {...props}>\n <FlexRow justifyContent=\"space-between\" gap={1} alignItems=\"center\">\n {module ?\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'} module={module} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} />\n </CardActions>\n )\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n module?: 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> = ({ module, setOpen, ...props }) => {\n const [discoverPayloads] = usePromise(async () => {\n return await module?.state()\n }, [module])\n\n return (\n <Dialog {...props}>\n <DialogTitle>Supported Queries for {module?.config.name \|\| module?.address}</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 { CardContent, CardContentProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n return <CardContent {...props}>{children}</CardContent>\n}\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\n\nconst moduleTypes = ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness']\n\nconst getModuleIcons = (moduleType: string, module: Module) => {\n return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null\n}\n\nexport const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({ subheader, avatar, title, module, ...props }) => {\n return (\n <CardHeader\n title={title ?? module?.config.name ?? 'Module'}\n subheader={subheader ?? module?.address}\n avatar={\n avatar ?? (\n <>\n {module ?\n moduleTypes.map((moduleType) => {\n const Icon = getModuleIcons(moduleType, module)\n return Icon ? <Icon key={moduleType} fontSize={'large'} color=\"primary\" /> : null\n })\n : null}\n </>\n )\n }\n {...props}\n />\n )\n}\n","import { CardContentProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardContent } from '../Module'\n\nexport const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps> = ({ children, ...props }) => {\n return <ModuleCardContent {...props}>{children}</ModuleCardContent>\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardHeader } from '../Module'\n\nexport const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({ title, module, ...props }) => {\n return <ModuleCardHeader module={module} title={title ?? module?.config.name ?? 'Diviner'} {...props} />\n}\n","import { EthAddress } from '@xylabs/eth-address'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps'\n\nconst getModuleIcon = (moduleType: string, module: Module) => {\n return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null\n}\n\nexport const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({ children, module, ...props }) => {\n const [showQueries, setShowQueries] = useState(false)\n return (\n <FlexCol {...props}>\n <FlexRow>\n {module ?\n ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {\n const icon = getModuleIcon(moduleType, module)\n return icon ?\n <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>\n {icon}\n </ButtonEx>\n : null\n })\n : null}\n <EthAccountBox address={EthAddress.fromString(module?.address)} />\n </FlexRow>\n\n {showQueries ?\n module?.queries.map((query) => {\n return <FlexRow key={query}>{query}</FlexRow>\n })\n : null}\n {children}\n </FlexCol>\n )\n}\n","import { TableCell, TableCellProps } from '@mui/material'\nimport { EthAddress } from '@xylabs/eth-address'\nimport { EthAccountBox } from '@xylabs/react-crypto'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps'\n\nexport const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({ children, module, ...props }) => {\n return (\n <TableCell {...props}>\n <EthAccountBox address={EthAddress.fromString(module?.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":["import_material","import_material","import_material","module","import_jsx_runtime","module","import_material","import_jsx_runtime","import_material","import_jsx_runtime","module","import_jsx_runtime","module","import_jsx_runtime","import_jsx_runtime","module","import_jsx_runtime","module","import_react_button","import_react_flexbox","import_react_shared","import_react","import_jsx_runtime","module","import_material","import_eth_address","import_react_crypto","import_jsx_runtime","module","import_react"]}
1	+ {"version":3,"sources":["../../src/index.ts","../../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":["export * from './components'\nexport * from './hooks'\nexport * from './ModuleRenderProps'\n","import { Card, CardProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardActions } from '../Module'\nimport { DivinerCardContent } from './CardContent'\nimport { DivinerCardHeader } from './CardHeader'\n\nexport const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({ children, mod, ...props }) => {\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 { Card, CardProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardActions } from './CardActions'\nimport { ModuleCardContent } from './CardContent'\nimport { ModuleCardHeader } from './CardHeader'\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 { CardActions, CardActionsProps, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { DiscoverDialog } from './components'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, mod, sx, ...props }) => {\n const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n const config = mod?.config\n\n return (\n <CardActions sx={{ alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }} {...props}>\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 { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { Dispatch, SetStateAction } 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> = ({ mod, setOpen, ...props }) => {\n const [discoverPayloads] = usePromise(async () => {\n return await mod?.state()\n }, [mod])\n\n return (\n <Dialog {...props}>\n <DialogTitle>Supported Queries for {mod?.config.name \|\| mod?.address}</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 { CardContent, CardContentProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n return <CardContent {...props}>{children}</CardContent>\n}\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\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> = ({ subheader, avatar, title, mod, ...props }) => {\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 Icon = getModuleIcons(moduleType, mod)\n return Icon ? <Icon key={moduleType} fontSize={'large'} color=\"primary\" /> : null\n })\n : null}\n </>\n )\n }\n {...props}\n />\n )\n}\n","import { CardContentProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardContent } from '../Module'\n\nexport const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps> = ({ children, ...props }) => {\n return <ModuleCardContent {...props}>{children}</ModuleCardContent>\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardHeader } from '../Module'\n\nexport const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({ title, mod, ...props }) => {\n return <ModuleCardHeader mod={mod} title={title ?? mod?.config.name ?? 'Diviner'} {...props} />\n}\n","import { EthAddress } from '@xylabs/eth-address'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps'\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> = ({ children, mod, ...props }) => {\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 <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>\n {icon}\n </ButtonEx>\n : null\n })\n : null}\n <EthAccountBox address={EthAddress.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 { TableCell, TableCellProps } from '@mui/material'\nimport { EthAddress } from '@xylabs/eth-address'\nimport { EthAccountBox } from '@xylabs/react-crypto'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps'\n\nexport const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({ children, mod, ...props }) => {\n return (\n <TableCell {...props}>\n <EthAccountBox address={EthAddress.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":["import_material","import_material","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_material","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react_button","import_react_flexbox","import_react_shared","import_react","import_jsx_runtime","import_material","import_eth_address","import_react_crypto","import_jsx_runtime","import_react"]}

package/dist/node/index.js CHANGED Viewed

@@ -14,14 +14,14 @@ import { useState } from "react";
 import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper } from "@mui/material";
 import { usePromise } from "@xylabs/react-promise";
 import { jsx, jsxs } from "react/jsx-runtime";
-var DiscoverDialog = ({ module, setOpen, ...props }) => {
+var DiscoverDialog = ({ mod, setOpen, ...props }) => {
   const [discoverPayloads] = usePromise(async () => {
-    return await (module == null ? void 0 : module.state());
-  }, [module]);
+    return await (mod == null ? void 0 : mod.state());
+  }, [mod]);
   return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
     /* @__PURE__ */ jsxs(DialogTitle, { children: [
       "Supported Queries for ",
-      (module == null ? void 0 : module.config.name) || (module == null ? void 0 : module.address)
+      (mod == null ? void 0 : mod.config.name) || (mod == null ? void 0 : mod.address)
     ] }),
     /* @__PURE__ */ jsx(Divider, {}),
     /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Paper, { sx: { p: 1 }, children: [
@@ -34,16 +34,16 @@ var DiscoverDialog = ({ module, setOpen, ...props }) => {
 // src/components/Card/Module/CardActions.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ModuleCardActions = ({ children, module, sx, ...props }) => {
+var ModuleCardActions = ({ children, mod, sx, ...props }) => {
   const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false);
-  const config = module == null ? void 0 : module.config;
+  const config = mod == null ? void 0 : mod.config;
   return /* @__PURE__ */ jsxs2(CardActions, { sx: { alignItems: "stretch", flexDirection: "column", ml: 1, ...sx }, ...props, children: [
     /* @__PURE__ */ jsxs2(FlexRow, { justifyContent: "space-between", gap: 1, alignItems: "center", children: [
-      module ? /* @__PURE__ */ jsx2(Chip, { label: config == null ? void 0 : config.schema, size: "small" }) : null,
+      mod ? /* @__PURE__ */ jsx2(Chip, { label: config == null ? void 0 : 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", module, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
+    /* @__PURE__ */ jsx2(DiscoverDialog, { fullWidth: true, maxWidth: "md", mod, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
   ] });
 };
@@ -59,18 +59,18 @@ import { CardHeader } from "@mui/material";
 import { findNetworkComponent } from "@xyo-network/react-shared";
 import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
 var moduleTypes = ["sentinel", "bridge", "archivist", "diviner", "node", "witness"];
-var getModuleIcons = (moduleType, module) => {
+var getModuleIcons = (moduleType, mod) => {
   var _a;
-  return (module == null ? void 0 : module.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = findNetworkComponent(moduleType)) == null ? void 0 : _a.icon : null;
+  return (mod == null ? void 0 : mod.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = findNetworkComponent(moduleType)) == null ? void 0 : _a.icon : null;
 };
-var ModuleCardHeader = ({ subheader, avatar, title, module, ...props }) => {
+var ModuleCardHeader = ({ subheader, avatar, title, mod, ...props }) => {
   return /* @__PURE__ */ jsx4(
     CardHeader,
     {
-      title: title ?? (module == null ? void 0 : module.config.name) ?? "Module",
-      subheader: subheader ?? (module == null ? void 0 : module.address),
-      avatar: avatar ?? /* @__PURE__ */ jsx4(Fragment, { children: module ? moduleTypes.map((moduleType) => {
-        const Icon = getModuleIcons(moduleType, module);
+      title: title ?? (mod == null ? void 0 : mod.config.name) ?? "Module",
+      subheader: subheader ?? (mod == null ? void 0 : mod.address),
+      avatar: avatar ?? /* @__PURE__ */ jsx4(Fragment, { children: mod ? moduleTypes.map((moduleType) => {
+        const Icon = getModuleIcons(moduleType, mod);
         return Icon ? /* @__PURE__ */ jsx4(Icon, { fontSize: "large", color: "primary" }, moduleType) : null;
       }) : null }),
       ...props
@@ -80,11 +80,11 @@ var ModuleCardHeader = ({ subheader, avatar, title, module, ...props }) => {
 // src/components/Card/Module/Card.tsx
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var ModuleCard = ({ module, ...props }) => {
+var ModuleCard = ({ mod, ...props }) => {
   return /* @__PURE__ */ jsxs3(Card, { ...props, children: [
-    /* @__PURE__ */ jsx5(ModuleCardHeader, { module }),
-    /* @__PURE__ */ jsx5(ModuleCardContent, { module }),
-    /* @__PURE__ */ jsx5(ModuleCardActions, { module })
+    /* @__PURE__ */ jsx5(ModuleCardHeader, { mod }),
+    /* @__PURE__ */ jsx5(ModuleCardContent, { mod }),
+    /* @__PURE__ */ jsx5(ModuleCardActions, { mod })
   ] });
 };
@@ -96,18 +96,18 @@ var DivinerCardContent = ({ children, ...props }) => {
 // src/components/Card/Diviner/CardHeader.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
-var DivinerCardHeader = ({ title, module, ...props }) => {
-  return /* @__PURE__ */ jsx7(ModuleCardHeader, { module, title: title ?? (module == null ? void 0 : module.config.name) ?? "Diviner", ...props });
+var DivinerCardHeader = ({ title, mod, ...props }) => {
+  return /* @__PURE__ */ jsx7(ModuleCardHeader, { mod, title: title ?? (mod == null ? void 0 : mod.config.name) ?? "Diviner", ...props });
 };
 // src/components/Card/Diviner/Card.tsx
 import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
-var DivinerCard = ({ children, module, ...props }) => {
+var DivinerCard = ({ children, mod, ...props }) => {
   return /* @__PURE__ */ jsxs4(Card2, { ...props, children: [
-    /* @__PURE__ */ jsx8(DivinerCardHeader, { module }),
-    /* @__PURE__ */ jsx8(DivinerCardContent, { module }),
+    /* @__PURE__ */ jsx8(DivinerCardHeader, { mod }),
+    /* @__PURE__ */ jsx8(DivinerCardContent, { mod }),
     children,
-    /* @__PURE__ */ jsx8(ModuleCardActions, { module })
+    /* @__PURE__ */ jsx8(ModuleCardActions, { mod })
   ] });
 };
@@ -119,21 +119,21 @@ import { FlexCol, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
 import { findNetworkComponent as findNetworkComponent2 } from "@xyo-network/react-shared";
 import { useState as useState2 } from "react";
 import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
-var getModuleIcon = (moduleType, module) => {
+var getModuleIcon = (moduleType, mod) => {
   var _a;
-  return (module == null ? void 0 : module.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = findNetworkComponent2(moduleType)) == null ? void 0 : _a.icon() : null;
+  return (mod == null ? void 0 : mod.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = findNetworkComponent2(moduleType)) == null ? void 0 : _a.icon() : null;
 };
-var ModuleDetailsBox = ({ children, module, ...props }) => {
+var ModuleDetailsBox = ({ children, mod, ...props }) => {
   const [showQueries, setShowQueries] = useState2(false);
   return /* @__PURE__ */ jsxs5(FlexCol, { ...props, children: [
     /* @__PURE__ */ jsxs5(FlexRow2, { children: [
-      module ? ["sentinel", "bridge", "archivist", "diviner", "node"].map((moduleType) => {
-        const icon = getModuleIcon(moduleType, module);
+      mod ? ["sentinel", "bridge", "archivist", "diviner", "node"].map((moduleType) => {
+        const icon = getModuleIcon(moduleType, mod);
         return icon ? /* @__PURE__ */ jsx9(ButtonEx2, { onClick: () => setShowQueries(!showQueries), children: icon }, moduleType) : null;
       }) : null,
-      /* @__PURE__ */ jsx9(EthAccountBox, { address: EthAddress.fromString(module == null ? void 0 : module.address) })
+      /* @__PURE__ */ jsx9(EthAccountBox, { address: EthAddress.fromString(mod == null ? void 0 : mod.address) })
     ] }),
-    showQueries ? module == null ? void 0 : module.queries.map((query) => {
+    showQueries ? mod == null ? void 0 : mod.queries.map((query) => {
       return /* @__PURE__ */ jsx9(FlexRow2, { children: query }, query);
     }) : null,
     children
@@ -145,9 +145,9 @@ import { TableCell } from "@mui/material";
 import { EthAddress as EthAddress2 } from "@xylabs/eth-address";
 import { EthAccountBox as EthAccountBox2 } from "@xylabs/react-crypto";
 import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
-var ModuleTableCell = ({ children, module, ...props }) => {
+var ModuleTableCell = ({ children, mod, ...props }) => {
   return /* @__PURE__ */ jsxs6(TableCell, { ...props, children: [
-    /* @__PURE__ */ jsx10(EthAccountBox2, { address: EthAddress2.fromString(module == null ? void 0 : module.address) }),
+    /* @__PURE__ */ jsx10(EthAccountBox2, { address: EthAddress2.fromString(mod == null ? void 0 : mod.address) }),
     children
   ] });
 };

package/dist/node/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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 { Card, CardProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardActions } from '../Module'\nimport { DivinerCardContent } from './CardContent'\nimport { DivinerCardHeader } from './CardHeader'\n\nexport const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({ children, module, ...props }) => {\n return (\n <Card {...props}>\n <DivinerCardHeader module={module} />\n <DivinerCardContent module={module} />\n {children}\n <ModuleCardActions module={module} />\n </Card>\n )\n}\n","import { Card, CardProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardActions } from './CardActions'\nimport { ModuleCardContent } from './CardContent'\nimport { ModuleCardHeader } from './CardHeader'\n\nexport const ModuleCard: React.FC<CardProps & ModuleRenderProps> = ({ module, ...props }) => {\n return (\n <Card {...props}>\n <ModuleCardHeader module={module} />\n <ModuleCardContent module={module} />\n <ModuleCardActions module={module} />\n </Card>\n )\n}\n","import { CardActions, CardActionsProps, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { DiscoverDialog } from './components'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, module, sx, ...props }) => {\n const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n const config = module?.config\n\n return (\n <CardActions sx={{ alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }} {...props}>\n <FlexRow justifyContent=\"space-between\" gap={1} alignItems=\"center\">\n {module ?\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'} module={module} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} />\n </CardActions>\n )\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n module?: 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> = ({ module, setOpen, ...props }) => {\n const [discoverPayloads] = usePromise(async () => {\n return await module?.state()\n }, [module])\n\n return (\n <Dialog {...props}>\n <DialogTitle>Supported Queries for {module?.config.name \|\| module?.address}</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 { CardContent, CardContentProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n return <CardContent {...props}>{children}</CardContent>\n}\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\n\nconst moduleTypes = ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness']\n\nconst getModuleIcons = (moduleType: string, module: Module) => {\n return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null\n}\n\nexport const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({ subheader, avatar, title, module, ...props }) => {\n return (\n <CardHeader\n title={title ?? module?.config.name ?? 'Module'}\n subheader={subheader ?? module?.address}\n avatar={\n avatar ?? (\n <>\n {module ?\n moduleTypes.map((moduleType) => {\n const Icon = getModuleIcons(moduleType, module)\n return Icon ? <Icon key={moduleType} fontSize={'large'} color=\"primary\" /> : null\n })\n : null}\n </>\n )\n }\n {...props}\n />\n )\n}\n","import { CardContentProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardContent } from '../Module'\n\nexport const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps> = ({ children, ...props }) => {\n return <ModuleCardContent {...props}>{children}</ModuleCardContent>\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardHeader } from '../Module'\n\nexport const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({ title, module, ...props }) => {\n return <ModuleCardHeader module={module} title={title ?? module?.config.name ?? 'Diviner'} {...props} />\n}\n","import { EthAddress } from '@xylabs/eth-address'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps'\n\nconst getModuleIcon = (moduleType: string, module: Module) => {\n return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null\n}\n\nexport const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({ children, module, ...props }) => {\n const [showQueries, setShowQueries] = useState(false)\n return (\n <FlexCol {...props}>\n <FlexRow>\n {module ?\n ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {\n const icon = getModuleIcon(moduleType, module)\n return icon ?\n <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>\n {icon}\n </ButtonEx>\n : null\n })\n : null}\n <EthAccountBox address={EthAddress.fromString(module?.address)} />\n </FlexRow>\n\n {showQueries ?\n module?.queries.map((query) => {\n return <FlexRow key={query}>{query}</FlexRow>\n })\n : null}\n {children}\n </FlexCol>\n )\n}\n","import { TableCell, TableCellProps } from '@mui/material'\nimport { EthAddress } from '@xylabs/eth-address'\nimport { EthAccountBox } from '@xylabs/react-crypto'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps'\n\nexport const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({ children, module, ...props }) => {\n return (\n <TableCell {...props}>\n <EthAccountBox address={EthAddress.fromString(module?.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","jsx","jsx","jsxs","jsx","jsx","jsx","jsxs","Card","ButtonEx","FlexRow","findNetworkComponent","useState","jsx","jsxs","EthAddress","EthAccountBox","jsx","jsxs","useState"]}
1	+ {"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 { Card, CardProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardActions } from '../Module'\nimport { DivinerCardContent } from './CardContent'\nimport { DivinerCardHeader } from './CardHeader'\n\nexport const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({ children, mod, ...props }) => {\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 { Card, CardProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardActions } from './CardActions'\nimport { ModuleCardContent } from './CardContent'\nimport { ModuleCardHeader } from './CardHeader'\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 { CardActions, CardActionsProps, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { DiscoverDialog } from './components'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, mod, sx, ...props }) => {\n const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n const config = mod?.config\n\n return (\n <CardActions sx={{ alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }} {...props}>\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 { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { Dispatch, SetStateAction } 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> = ({ mod, setOpen, ...props }) => {\n const [discoverPayloads] = usePromise(async () => {\n return await mod?.state()\n }, [mod])\n\n return (\n <Dialog {...props}>\n <DialogTitle>Supported Queries for {mod?.config.name \|\| mod?.address}</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 { CardContent, CardContentProps } from '@mui/material'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n return <CardContent {...props}>{children}</CardContent>\n}\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\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> = ({ subheader, avatar, title, mod, ...props }) => {\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 Icon = getModuleIcons(moduleType, mod)\n return Icon ? <Icon key={moduleType} fontSize={'large'} color=\"primary\" /> : null\n })\n : null}\n </>\n )\n }\n {...props}\n />\n )\n}\n","import { CardContentProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardContent } from '../Module'\n\nexport const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps> = ({ children, ...props }) => {\n return <ModuleCardContent {...props}>{children}</ModuleCardContent>\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\nimport { ModuleCardHeader } from '../Module'\n\nexport const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({ title, mod, ...props }) => {\n return <ModuleCardHeader mod={mod} title={title ?? mod?.config.name ?? 'Diviner'} {...props} />\n}\n","import { EthAddress } from '@xylabs/eth-address'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps'\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> = ({ children, mod, ...props }) => {\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 <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>\n {icon}\n </ButtonEx>\n : null\n })\n : null}\n <EthAccountBox address={EthAddress.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 { TableCell, TableCellProps } from '@mui/material'\nimport { EthAddress } from '@xylabs/eth-address'\nimport { EthAccountBox } from '@xylabs/react-crypto'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps'\n\nexport const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({ children, mod, ...props }) => {\n return (\n <TableCell {...props}>\n <EthAccountBox address={EthAddress.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","jsx","jsx","jsxs","jsx","jsx","jsx","jsxs","Card","ButtonEx","FlexRow","findNetworkComponent","useState","jsx","jsxs","EthAddress","EthAccountBox","jsx","jsxs","useState"]}

package/package.json CHANGED Viewed

@@ -10,24 +10,24 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/eth-address": "^3.1.13",
+    "@xylabs/eth-address": "^3.3.2",
     "@xylabs/react-button": "^3.1.7",
     "@xylabs/react-crypto": "^3.1.7",
     "@xylabs/react-flexbox": "^3.1.7",
     "@xylabs/react-promise": "^3.1.7",
-    "@xyo-network/diviner-model": "^2.99.1",
-    "@xyo-network/module-model": "^2.99.1",
-    "@xyo-network/react-shared": "~2.75.7"
+    "@xyo-network/diviner-model": "^2.99.3",
+    "@xyo-network/module-model": "^2.99.3",
+    "@xyo-network/react-shared": "~2.76.0"
   },
   "devDependencies": {
     "@storybook/react": "^7.6.19",
     "@xylabs/react-async-effect": "^3.1.7",
-    "@xylabs/ts-scripts-yarn3": "^3.9.1",
-    "@xylabs/tsconfig-react": "^3.9.1",
-    "@xyo-network/archivist": "^2.99.1",
+    "@xylabs/ts-scripts-yarn3": "^3.10.0",
+    "@xylabs/tsconfig-react": "^3.10.0",
+    "@xyo-network/archivist": "^2.99.3",
     "@xyo-network/crypto-asset-plugin": "^2.94.3",
-    "@xyo-network/diviner-address-history": "^2.99.1",
-    "@xyo-network/node-memory": "^2.99.1",
+    "@xyo-network/diviner-address-history": "^2.99.3",
+    "@xyo-network/node-memory": "^2.99.3",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
@@ -88,6 +88,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.75.7",
+  "version": "2.76.0",
   "type": "module"
 }

package/src/ModuleRenderProps.tsx CHANGED Viewed

@@ -2,6 +2,6 @@ import { ModuleInstance } from '@xyo-network/module-model'
 export type ModuleRenderProps<T extends ModuleInstance = ModuleInstance> = {
   address?: string
-  module?: T
+  mod?: T
   name?: string
 }

package/src/components/Card/Diviner/Card.stories.tsx CHANGED Viewed

@@ -11,12 +11,12 @@ const StorybookEntry = {
 } as Meta<typeof DivinerCard>
 const Template: StoryFn<typeof DivinerCard> = () => {
-  const [module, setModule] = useState<DivinerInstance>()
+  const [mod, setModule] = useState<DivinerInstance>()
   useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
-      if (!module) {
+      if (!mod) {
         const newModule = (await AddressHistoryDiviner.create({
           config: {
             address: '',
@@ -29,10 +29,10 @@ const Template: StoryFn<typeof DivinerCard> = () => {
         }
       }
     },
-    [module],
+    [mod],
   )
-  return <DivinerCard module={module} />
+  return <DivinerCard mod={mod} />
 }
 const SingleModule = Template.bind({})

package/src/components/Card/Diviner/Card.tsx CHANGED Viewed

@@ -6,13 +6,13 @@ import { ModuleCardActions } from '../Module'
 import { DivinerCardContent } from './CardContent'
 import { DivinerCardHeader } from './CardHeader'
-export const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({ children, module, ...props }) => {
+export const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({ children, mod, ...props }) => {
   return (
     <Card {...props}>
-      <DivinerCardHeader module={module} />
-      <DivinerCardContent module={module} />
+      <DivinerCardHeader mod={mod} />
+      <DivinerCardContent mod={mod} />
       {children}
-      <ModuleCardActions module={module} />
+      <ModuleCardActions mod={mod} />
     </Card>
   )
 }

package/src/components/Card/Diviner/CardHeader.tsx CHANGED Viewed

@@ -4,6 +4,6 @@ import { DivinerInstance } from '@xyo-network/diviner-model'
 import { ModuleRenderProps } from '../../../ModuleRenderProps'
 import { ModuleCardHeader } from '../Module'
-export const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({ title, module, ...props }) => {
-  return <ModuleCardHeader module={module} title={title ?? module?.config.name ?? 'Diviner'} {...props} />
+export const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({ title, mod, ...props }) => {
+  return <ModuleCardHeader mod={mod} title={title ?? mod?.config.name ?? 'Diviner'} {...props} />
 }

package/src/components/Card/Module/Card.stories.tsx CHANGED Viewed

@@ -22,22 +22,22 @@ const StorybookEntry = {
 } as Meta<typeof ModuleCard>
 const Template: StoryFn<typeof ModuleCard> = () => {
-  const [module, setModule] = useState<ArchivistInstance>()
+  const [mod, setModule] = useState<ArchivistInstance>()
   useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
-      if (!module) {
+      if (!mod) {
         const newModule = await MemoryArchivist.create()
         if (mounted()) {
           setModule(newModule)
         }
       }
     },
-    [module],
+    [mod],
   )
-  return <ModuleCard module={module} />
+  return <ModuleCard mod={mod} />
 }
 const SingleModule = Template.bind({})

package/src/components/Card/Module/Card.tsx CHANGED Viewed

@@ -5,12 +5,12 @@ import { ModuleCardActions } from './CardActions'
 import { ModuleCardContent } from './CardContent'
 import { ModuleCardHeader } from './CardHeader'
-export const ModuleCard: React.FC<CardProps & ModuleRenderProps> = ({ module, ...props }) => {
+export const ModuleCard: React.FC<CardProps & ModuleRenderProps> = ({ mod, ...props }) => {
   return (
     <Card {...props}>
-      <ModuleCardHeader module={module} />
-      <ModuleCardContent module={module} />
-      <ModuleCardActions module={module} />
+      <ModuleCardHeader mod={mod} />
+      <ModuleCardContent mod={mod} />
+      <ModuleCardActions mod={mod} />
     </Card>
   )
 }