@xyo-network/react-module 2.81.9 → 2.82.0

package/src/components/DetailsBox.stories.tsx

@@ -5,9 +5,9 @@ import { MemoryArchivist } from '@xyo-network/archivist'
 import { CryptoMarketAssetDiviner } from '@xyo-network/crypto-asset-plugin'
 import { DivinerInstance } from '@xyo-network/diviner-model'
 import { MemoryNode } from '@xyo-network/node-memory'
-import { useState } from 'react'
+import React, { useState } from 'react'
 
-import { ModuleDetailsBox } from './DetailsBox.js'
+import { ModuleDetailsBox } from './DetailsBox.tsx'
 
 const StorybookEntry = {
   argTypes: {},
@@ -23,7 +23,7 @@ const StorybookEntry = {
 const NodeTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {
   const [node, setNode] = useState<MemoryNode>()
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+
     async (mounted) => {
       const node = await MemoryNode.create()
       if (mounted()) {
@@ -45,7 +45,7 @@ NodeDetails.args = {}
 const ArchivistTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {
   const [archivist, setArchivist] = useState<MemoryArchivist>()
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+
     async (mounted) => {
       const archivist = await MemoryArchivist.create()
       if (mounted()) {
@@ -67,7 +67,7 @@ ArchivistDetails.args = {}
 const DivinerTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {
   const [diviner, setDiviner] = useState<DivinerInstance>()
   useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+
     async (mounted) => {
       const diviner = (await CryptoMarketAssetDiviner.create()) as DivinerInstance
       if (mounted()) {
@@ -88,5 +88,4 @@ DivinerDetails.args = {}
 
 export { ArchivistDetails, DivinerDetails, NodeDetails }
 
-// eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/components/DetailsBox.tsx

@@ -4,12 +4,12 @@ import { EthAccountBox } from '@xylabs/react-crypto'
 import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
 import { Module } from '@xyo-network/module-model'
 import { findNetworkComponent } from '@xyo-network/react-shared'
-import { useState } from 'react'
+import React, { useState } from 'react'
 
-import { ModuleRenderProps } from '../ModuleRenderProps.js'
+import { ModuleRenderProps } from '../ModuleRenderProps.tsx'
 
 const getModuleIcon = (moduleType: string, mod: Module) => {
-  return mod?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null
+  return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null
 }
 
 export const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({ children, mod, ...props }) => {
@@ -17,24 +17,26 @@ export const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({ c
   return (
     <FlexCol {...props}>
       <FlexRow>
-        {mod ?
-          ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {
-            const icon = getModuleIcon(moduleType, mod)
-            return icon ?
-                <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>
-                  {icon}
-                </ButtonEx>
-              : null
-          })
-        : null}
+        {mod
+          ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {
+              const icon = getModuleIcon(moduleType, mod)
+              return icon
+                ? (
+                    <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>
+                      {icon}
+                    </ButtonEx>
+                  )
+                : null
+            })
+          : null}
         <EthAccountBox address={EthAddress.fromString(mod?.address)} />
       </FlexRow>
 
-      {showQueries ?
-        mod?.queries.map((query) => {
+      {showQueries
+        ? mod?.queries.map((query) => {
           return <FlexRow key={query}>{query}</FlexRow>
         })
-      : null}
+        : null}
       {children}
     </FlexCol>
   )

package/src/components/TableCell.tsx

@@ -1,8 +1,9 @@
 import { TableCell, TableCellProps } from '@mui/material'
 import { EthAddress } from '@xylabs/eth-address'
 import { EthAccountBox } from '@xylabs/react-crypto'
+import React from 'react'
 
-import { ModuleRenderProps } from '../ModuleRenderProps.js'
+import { ModuleRenderProps } from '../ModuleRenderProps.tsx'
 
 export const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({ children, mod, ...props }) => {
   return (

package/src/components/index.ts

@@ -1,3 +1,3 @@
-export * from './Card/index.js'
-export * from './DetailsBox.js'
-export * from './TableCell.js'
+export * from './Card/index.ts'
+export * from './DetailsBox.tsx'
+export * from './TableCell.tsx'

package/src/hooks/index.ts

@@ -1 +1 @@
-export * from './useRefresh.js'
+export * from './useRefresh.tsx'

package/src/index.ts

@@ -1,3 +1,3 @@
-export * from './components/index.js'
-export * from './hooks/index.js'
-export * from './ModuleRenderProps.js'
+export * from './components/index.ts'
+export * from './hooks/index.ts'
+export * from './ModuleRenderProps.tsx'

package/dist/browser/index.js

@@ -1,179 +0,0 @@
-// src/components/Card/Diviner/Card.tsx
-import { Card as Card2 } from "@mui/material";
-
-// src/components/Card/Module/Card.tsx
-import { Card } from "@mui/material";
-
-// src/components/Card/Module/CardActions.tsx
-import { CardActions, Chip } from "@mui/material";
-import { ButtonEx } from "@xylabs/react-button";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { useState } from "react";
-
-// src/components/Card/Module/components/DiscoverDialog.tsx
-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 = ({ mod, setOpen, ...props }) => {
-  const [discoverPayloads] = usePromise(async () => {
-    return await mod?.state();
-  }, [mod]);
-  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
-    /* @__PURE__ */ jsxs(DialogTitle, { children: [
-      "Supported Queries for ",
-      mod?.config.name || mod?.address
-    ] }),
-    /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Paper, { sx: { p: 1 }, children: [
-      /* @__PURE__ */ jsx(DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }),
-      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
-    ] }) }),
-    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: () => setOpen?.(false), variant: "outlined", children: "Close" }) })
-  ] });
-};
-
-// src/components/Card/Module/CardActions.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ModuleCardActions = ({ children, mod, sx, ...props }) => {
-  const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false);
-  const config = 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: [
-      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 })
-  ] });
-};
-
-// src/components/Card/Module/CardContent.tsx
-import { CardContent } from "@mui/material";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ModuleCardContent = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx3(CardContent, { ...props, children });
-};
-
-// src/components/Card/Module/CardHeader.tsx
-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, mod) => {
-  return mod?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null;
-};
-var ModuleCardHeader = ({ subheader, avatar, title, mod, ...props }) => {
-  return /* @__PURE__ */ jsx4(
-    CardHeader,
-    {
-      title: title ?? mod?.config.name ?? "Module",
-      subheader: subheader ?? 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
-    }
-  );
-};
-
-// src/components/Card/Module/Card.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var ModuleCard = ({ mod, ...props }) => {
-  return /* @__PURE__ */ jsxs3(Card, { ...props, children: [
-    /* @__PURE__ */ jsx5(ModuleCardHeader, { mod }),
-    /* @__PURE__ */ jsx5(ModuleCardContent, { mod }),
-    /* @__PURE__ */ jsx5(ModuleCardActions, { mod })
-  ] });
-};
-
-// src/components/Card/Diviner/CardContent.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var DivinerCardContent = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx6(ModuleCardContent, { ...props, children });
-};
-
-// src/components/Card/Diviner/CardHeader.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var DivinerCardHeader = ({ title, mod, ...props }) => {
-  return /* @__PURE__ */ jsx7(ModuleCardHeader, { mod, title: title ?? 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, mod, ...props }) => {
-  return /* @__PURE__ */ jsxs4(Card2, { ...props, children: [
-    /* @__PURE__ */ jsx8(DivinerCardHeader, { mod }),
-    /* @__PURE__ */ jsx8(DivinerCardContent, { mod }),
-    children,
-    /* @__PURE__ */ jsx8(ModuleCardActions, { mod })
-  ] });
-};
-
-// src/components/DetailsBox.tsx
-import { EthAddress } from "@xylabs/eth-address";
-import { ButtonEx as ButtonEx2 } from "@xylabs/react-button";
-import { EthAccountBox } from "@xylabs/react-crypto";
-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, mod) => {
-  return mod?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent2(moduleType)?.icon() : null;
-};
-var ModuleDetailsBox = ({ children, mod, ...props }) => {
-  const [showQueries, setShowQueries] = useState2(false);
-  return /* @__PURE__ */ jsxs5(FlexCol, { ...props, children: [
-    /* @__PURE__ */ jsxs5(FlexRow2, { children: [
-      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(mod?.address) })
-    ] }),
-    showQueries ? mod?.queries.map((query) => {
-      return /* @__PURE__ */ jsx9(FlexRow2, { children: query }, query);
-    }) : null,
-    children
-  ] });
-};
-
-// src/components/TableCell.tsx
-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, mod, ...props }) => {
-  return /* @__PURE__ */ jsxs6(TableCell, { ...props, children: [
-    /* @__PURE__ */ jsx10(EthAccountBox2, { address: EthAddress2.fromString(mod?.address) }),
-    children
-  ] });
-};
-
-// src/hooks/useRefresh.tsx
-import { useState as useState3 } from "react";
-var useRefresh = () => {
-  const [count, setCount] = useState3(1);
-  return [
-    count,
-    () => {
-      const newCount = count + 1;
-      setCount(newCount);
-      return newCount;
-    },
-    () => setCount(0)
-  ];
-};
-export {
-  DivinerCard,
-  DivinerCardContent,
-  DivinerCardHeader,
-  ModuleCard,
-  ModuleCardActions,
-  ModuleCardContent,
-  ModuleCardHeader,
-  ModuleDetailsBox,
-  ModuleTableCell,
-  useRefresh
-};
-//# sourceMappingURL=index.js.map

package/dist/browser/index.js.map

@@ -1 +0,0 @@
-{"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.js'\nimport { ModuleCardActions } from '../Module/index.js'\nimport { DivinerCardContent } from './CardContent.js'\nimport { DivinerCardHeader } from './CardHeader.js'\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.js'\nimport { ModuleCardActions } from './CardActions.js'\nimport { ModuleCardContent } from './CardContent.js'\nimport { ModuleCardHeader } from './CardHeader.js'\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.js'\nimport { DiscoverDialog } from './components/index.js'\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.js'\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.js'\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.js'\nimport { ModuleCardContent } from '../Module/index.js'\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.js'\nimport { ModuleCardHeader } from '../Module/index.js'\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.js'\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.js'\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/dist/neutral/index.js

@@ -1,179 +0,0 @@
-// src/components/Card/Diviner/Card.tsx
-import { Card as Card2 } from "@mui/material";
-
-// src/components/Card/Module/Card.tsx
-import { Card } from "@mui/material";
-
-// src/components/Card/Module/CardActions.tsx
-import { CardActions, Chip } from "@mui/material";
-import { ButtonEx } from "@xylabs/react-button";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { useState } from "react";
-
-// src/components/Card/Module/components/DiscoverDialog.tsx
-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 = ({ mod, setOpen, ...props }) => {
-  const [discoverPayloads] = usePromise(async () => {
-    return await mod?.state();
-  }, [mod]);
-  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
-    /* @__PURE__ */ jsxs(DialogTitle, { children: [
-      "Supported Queries for ",
-      mod?.config.name || mod?.address
-    ] }),
-    /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Paper, { sx: { p: 1 }, children: [
-      /* @__PURE__ */ jsx(DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }),
-      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
-    ] }) }),
-    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: () => setOpen?.(false), variant: "outlined", children: "Close" }) })
-  ] });
-};
-
-// src/components/Card/Module/CardActions.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ModuleCardActions = ({ children, mod, sx, ...props }) => {
-  const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false);
-  const config = 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: [
-      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 })
-  ] });
-};
-
-// src/components/Card/Module/CardContent.tsx
-import { CardContent } from "@mui/material";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ModuleCardContent = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx3(CardContent, { ...props, children });
-};
-
-// src/components/Card/Module/CardHeader.tsx
-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, mod) => {
-  return mod?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null;
-};
-var ModuleCardHeader = ({ subheader, avatar, title, mod, ...props }) => {
-  return /* @__PURE__ */ jsx4(
-    CardHeader,
-    {
-      title: title ?? mod?.config.name ?? "Module",
-      subheader: subheader ?? 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
-    }
-  );
-};
-
-// src/components/Card/Module/Card.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var ModuleCard = ({ mod, ...props }) => {
-  return /* @__PURE__ */ jsxs3(Card, { ...props, children: [
-    /* @__PURE__ */ jsx5(ModuleCardHeader, { mod }),
-    /* @__PURE__ */ jsx5(ModuleCardContent, { mod }),
-    /* @__PURE__ */ jsx5(ModuleCardActions, { mod })
-  ] });
-};
-
-// src/components/Card/Diviner/CardContent.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var DivinerCardContent = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx6(ModuleCardContent, { ...props, children });
-};
-
-// src/components/Card/Diviner/CardHeader.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var DivinerCardHeader = ({ title, mod, ...props }) => {
-  return /* @__PURE__ */ jsx7(ModuleCardHeader, { mod, title: title ?? 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, mod, ...props }) => {
-  return /* @__PURE__ */ jsxs4(Card2, { ...props, children: [
-    /* @__PURE__ */ jsx8(DivinerCardHeader, { mod }),
-    /* @__PURE__ */ jsx8(DivinerCardContent, { mod }),
-    children,
-    /* @__PURE__ */ jsx8(ModuleCardActions, { mod })
-  ] });
-};
-
-// src/components/DetailsBox.tsx
-import { EthAddress } from "@xylabs/eth-address";
-import { ButtonEx as ButtonEx2 } from "@xylabs/react-button";
-import { EthAccountBox } from "@xylabs/react-crypto";
-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, mod) => {
-  return mod?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent2(moduleType)?.icon() : null;
-};
-var ModuleDetailsBox = ({ children, mod, ...props }) => {
-  const [showQueries, setShowQueries] = useState2(false);
-  return /* @__PURE__ */ jsxs5(FlexCol, { ...props, children: [
-    /* @__PURE__ */ jsxs5(FlexRow2, { children: [
-      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(mod?.address) })
-    ] }),
-    showQueries ? mod?.queries.map((query) => {
-      return /* @__PURE__ */ jsx9(FlexRow2, { children: query }, query);
-    }) : null,
-    children
-  ] });
-};
-
-// src/components/TableCell.tsx
-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, mod, ...props }) => {
-  return /* @__PURE__ */ jsxs6(TableCell, { ...props, children: [
-    /* @__PURE__ */ jsx10(EthAccountBox2, { address: EthAddress2.fromString(mod?.address) }),
-    children
-  ] });
-};
-
-// src/hooks/useRefresh.tsx
-import { useState as useState3 } from "react";
-var useRefresh = () => {
-  const [count, setCount] = useState3(1);
-  return [
-    count,
-    () => {
-      const newCount = count + 1;
-      setCount(newCount);
-      return newCount;
-    },
-    () => setCount(0)
-  ];
-};
-export {
-  DivinerCard,
-  DivinerCardContent,
-  DivinerCardHeader,
-  ModuleCard,
-  ModuleCardActions,
-  ModuleCardContent,
-  ModuleCardHeader,
-  ModuleDetailsBox,
-  ModuleTableCell,
-  useRefresh
-};
-//# sourceMappingURL=index.js.map

package/dist/neutral/index.js.map

@@ -1 +0,0 @@
-{"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.js'\nimport { ModuleCardActions } from '../Module/index.js'\nimport { DivinerCardContent } from './CardContent.js'\nimport { DivinerCardHeader } from './CardHeader.js'\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.js'\nimport { ModuleCardActions } from './CardActions.js'\nimport { ModuleCardContent } from './CardContent.js'\nimport { ModuleCardHeader } from './CardHeader.js'\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.js'\nimport { DiscoverDialog } from './components/index.js'\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.js'\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.js'\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.js'\nimport { ModuleCardContent } from '../Module/index.js'\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.js'\nimport { ModuleCardHeader } from '../Module/index.js'\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.js'\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.js'\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"]}