@xyo-network/react-module 2.61.0 → 2.62.3

package/dist/hooks/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useRefresh';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/hooks/useRefresh.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefresh.d.ts","sourceRoot":"","sources":["../../src/hooks/useRefresh.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,MAAM,MAAM,CAAA;AAC1C,MAAM,MAAM,eAAe,GAAG,MAAM,IAAI,CAAA;AAExC,eAAO,MAAM,UAAU,QAAO,CAAC,MAAM,EAAE,eAAe,EAAE,eAAe,CAWtE,CAAA"}

package/dist/hooks/useRefresh.d.ts

@@ -0,0 +1,4 @@
+export type RefreshCallback = () => number;
+export type DisableCallback = () => void;
+export declare const useRefresh: () => [number, RefreshCallback, DisableCallback];
+//# sourceMappingURL=useRefresh.d.ts.map

package/dist/hooks/useRefresh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefresh.d.ts","sourceRoot":"","sources":["../../src/hooks/useRefresh.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,MAAM,MAAM,CAAA;AAC1C,MAAM,MAAM,eAAe,GAAG,MAAM,IAAI,CAAA;AAExC,eAAO,MAAM,UAAU,QAAO,CAAC,MAAM,EAAE,eAAe,EAAE,eAAe,CAWtE,CAAA"}

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA"}

package/dist/{esm/index.js → index.d.ts}

@@ -1,4 +1,4 @@
 export * from './components';
 export * from './hooks';
 export * from './ModuleRenderProps';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA"}

package/dist/index.js

@@ -0,0 +1,214 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  DivinerCard: () => DivinerCard,
+  DivinerCardContent: () => DivinerCardContent,
+  DivinerCardHeader: () => DivinerCardHeader,
+  ModuleCard: () => ModuleCard,
+  ModuleCardActions: () => ModuleCardActions,
+  ModuleCardContent: () => ModuleCardContent,
+  ModuleCardHeader: () => ModuleCardHeader,
+  ModuleDetailsBox: () => ModuleDetailsBox,
+  ModuleTableCell: () => ModuleTableCell,
+  useRefresh: () => useRefresh
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/Card/Diviner/Card.tsx
+var import_material6 = require("@mui/material");
+
+// src/components/Card/Module/Card.tsx
+var import_material5 = require("@mui/material");
+
+// src/components/Card/Module/CardActions.tsx
+var import_material2 = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+
+// src/components/Card/Module/components/DiscoverDialog.tsx
+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 }) => {
+  const [discoverPayloads] = (0, import_react_promise.usePromise)(async () => {
+    return await module2?.discover();
+  }, [module2]);
+  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?.config.name || module2?.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: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick: () => setOpen?.(false), variant: "outlined", children: "Close" }) })
+  ] });
+};
+
+// src/components/Card/Module/CardActions.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ModuleCardActions = ({ children, module: module2, sx, ...props }) => {
+  const [discoverDialogOpen, setDiscoverDialogOpen] = (0, import_react.useState)(false);
+  const config = module2?.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.FlexGrowRow, { justifyContent: "space-between", alignItems: "center", children: [
+      module2 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: config?.schema, size: "small" }) : null,
+      /* @__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 })
+    ] }),
+    children
+  ] });
+};
+
+// src/components/Card/Module/CardContent.tsx
+var import_material3 = require("@mui/material");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ModuleCardContent = ({ children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { ...props, children });
+};
+
+// src/components/Card/Module/CardHeader.tsx
+var import_material4 = require("@mui/material");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var getModuleIcons = (moduleType, module2) => {
+  return module2?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? (0, import_react_shared.findNetworkComponent)(moduleType)?.icon : null;
+};
+var ModuleCardHeader = ({ subheader, avatar, title, module: module2, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_material4.CardHeader,
+    {
+      title: title ?? module2?.config.name ?? "Module",
+      subheader: subheader ?? module2?.address,
+      avatar: avatar ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: module2 ? ["sentinel", "bridge", "archivist", "diviner", "node", "witness"].map((moduleType) => {
+        const Icon = getModuleIcons(moduleType, module2);
+        return Icon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { fontSize: "large", color: "primary" }) : null;
+      }) : null }),
+      ...props
+    }
+  );
+};
+
+// src/components/Card/Module/Card.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ModuleCard = ({ module: module2, ...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 })
+  ] });
+};
+
+// src/components/Card/Diviner/CardContent.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var DivinerCardContent = ({ children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModuleCardContent, { ...props, children });
+};
+
+// 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?.config.name ?? "Diviner", ...props });
+};
+
+// src/components/Card/Diviner/Card.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var DivinerCard = ({ children, module: module2, ...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 }),
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ModuleCardActions, { module: module2 })
+  ] });
+};
+
+// src/components/DetailsBox.tsx
+var import_eth_address = require("@xylabs/eth-address");
+var import_react_button2 = require("@xylabs/react-button");
+var import_react_crypto = require("@xylabs/react-crypto");
+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) => {
+  return module2?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? (0, import_react_shared2.findNetworkComponent)(moduleType)?.icon() : null;
+};
+var ModuleDetailsBox = ({ children, module: module2, ...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);
+        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?.address) })
+    ] }),
+    showQueries ? module2?.queries.map((query) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_flexbox2.FlexRow, { children: query }, query);
+    }) : null,
+    children
+  ] });
+};
+
+// src/components/TableCell.tsx
+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 }) => {
+  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?.address) }),
+    children
+  ] });
+};
+
+// src/hooks/useRefresh.tsx
+var import_react3 = require("react");
+var useRefresh = () => {
+  const [count, setCount] = (0, import_react3.useState)(1);
+  return [
+    count,
+    () => {
+      const newCount = count + 1;
+      setCount(newCount);
+      return newCount;
+    },
+    () => setCount(0)
+  ];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DivinerCard,
+  DivinerCardContent,
+  DivinerCardHeader,
+  ModuleCard,
+  ModuleCardActions,
+  ModuleCardContent,
+  ModuleCardHeader,
+  ModuleDetailsBox,
+  ModuleTableCell,
+  useRefresh
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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'\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 { FlexGrowRow } 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      <FlexGrowRow justifyContent=\"space-between\" alignItems=\"center\">\n        {module ? <Chip label={config?.schema} size={'small'} /> : null}\n        <ButtonEx onClick={() => setDiscoverDialogOpen(true)} size={'small'} variant={'outlined'}>\n          Discover\n        </ButtonEx>\n        <DiscoverDialog fullWidth maxWidth={'md'} module={module} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} />\n      </FlexGrowRow>\n      {children}\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'\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?.discover()\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'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\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              ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness'].map((moduleType) => {\n                  const Icon = getModuleIcons(moduleType, module)\n                  return Icon ? <Icon 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'\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'\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'\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"]}

package/dist/index.mjs

@@ -0,0 +1,178 @@
+// 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 { FlexGrowRow } 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 = ({ module, setOpen, ...props }) => {
+  const [discoverPayloads] = usePromise(async () => {
+    return await module?.discover();
+  }, [module]);
+  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs(DialogTitle, { children: [
+      "Supported Queries for ",
+      module?.config.name || module?.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, module, sx, ...props }) => {
+  const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false);
+  const config = module?.config;
+  return /* @__PURE__ */ jsxs2(CardActions, { sx: { alignItems: "stretch", flexDirection: "column", ml: 1, ...sx }, ...props, children: [
+    /* @__PURE__ */ jsxs2(FlexGrowRow, { justifyContent: "space-between", alignItems: "center", children: [
+      module ? /* @__PURE__ */ jsx2(Chip, { label: config?.schema, size: "small" }) : null,
+      /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: "small", variant: "outlined", children: "Discover" }),
+      /* @__PURE__ */ jsx2(DiscoverDialog, { fullWidth: true, maxWidth: "md", module, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
+    ] }),
+    children
+  ] });
+};
+
+// 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 getModuleIcons = (moduleType, module) => {
+  return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null;
+};
+var ModuleCardHeader = ({ subheader, avatar, title, module, ...props }) => {
+  return /* @__PURE__ */ jsx4(
+    CardHeader,
+    {
+      title: title ?? module?.config.name ?? "Module",
+      subheader: subheader ?? module?.address,
+      avatar: avatar ?? /* @__PURE__ */ jsx4(Fragment, { children: module ? ["sentinel", "bridge", "archivist", "diviner", "node", "witness"].map((moduleType) => {
+        const Icon = getModuleIcons(moduleType, module);
+        return Icon ? /* @__PURE__ */ jsx4(Icon, { fontSize: "large", color: "primary" }) : null;
+      }) : null }),
+      ...props
+    }
+  );
+};
+
+// src/components/Card/Module/Card.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var ModuleCard = ({ module, ...props }) => {
+  return /* @__PURE__ */ jsxs3(Card, { ...props, children: [
+    /* @__PURE__ */ jsx5(ModuleCardHeader, { module }),
+    /* @__PURE__ */ jsx5(ModuleCardContent, { module }),
+    /* @__PURE__ */ jsx5(ModuleCardActions, { module })
+  ] });
+};
+
+// 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, module, ...props }) => {
+  return /* @__PURE__ */ jsx7(ModuleCardHeader, { module, title: title ?? module?.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 }) => {
+  return /* @__PURE__ */ jsxs4(Card2, { ...props, children: [
+    /* @__PURE__ */ jsx8(DivinerCardHeader, { module }),
+    /* @__PURE__ */ jsx8(DivinerCardContent, { module }),
+    children,
+    /* @__PURE__ */ jsx8(ModuleCardActions, { module })
+  ] });
+};
+
+// 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 } 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) => {
+  return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent2(moduleType)?.icon() : null;
+};
+var ModuleDetailsBox = ({ children, module, ...props }) => {
+  const [showQueries, setShowQueries] = useState2(false);
+  return /* @__PURE__ */ jsxs5(FlexCol, { ...props, children: [
+    /* @__PURE__ */ jsxs5(FlexRow, { children: [
+      module ? ["sentinel", "bridge", "archivist", "diviner", "node"].map((moduleType) => {
+        const icon = getModuleIcon(moduleType, module);
+        return icon ? /* @__PURE__ */ jsx9(ButtonEx2, { onClick: () => setShowQueries(!showQueries), children: icon }, moduleType) : null;
+      }) : null,
+      /* @__PURE__ */ jsx9(EthAccountBox, { address: EthAddress.fromString(module?.address) })
+    ] }),
+    showQueries ? module?.queries.map((query) => {
+      return /* @__PURE__ */ jsx9(FlexRow, { 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, module, ...props }) => {
+  return /* @__PURE__ */ jsxs6(TableCell, { ...props, children: [
+    /* @__PURE__ */ jsx10(EthAccountBox2, { address: EthAddress2.fromString(module?.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.mjs.map

package/dist/index.mjs.map

@@ -0,0 +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'\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 { FlexGrowRow } 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      <FlexGrowRow justifyContent=\"space-between\" alignItems=\"center\">\n        {module ? <Chip label={config?.schema} size={'small'} /> : null}\n        <ButtonEx onClick={() => setDiscoverDialogOpen(true)} size={'small'} variant={'outlined'}>\n          Discover\n        </ButtonEx>\n        <DiscoverDialog fullWidth maxWidth={'md'} module={module} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} />\n      </FlexGrowRow>\n      {children}\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'\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?.discover()\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'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps'\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              ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness'].map((moduleType) => {\n                  const Icon = getModuleIcons(moduleType, module)\n                  return Icon ? <Icon 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'\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'\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'\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","findNetworkComponent","useState","jsx","jsxs","EthAddress","EthAccountBox","jsx","jsxs","useState"]}

package/package.json

@@ -10,14 +10,14 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/eth-address": "^2.10.11",
-    "@xylabs/react-button": "~2.17.15",
-    "@xylabs/react-crypto": "~2.17.15",
-    "@xylabs/react-flexbox": "~2.17.15",
-    "@xylabs/react-promise": "~2.17.15",
-    "@xyo-network/diviner": "^2.73.3",
-    "@xyo-network/module": "^2.73.3",
-    "@xyo-network/react-shared": "~2.61.0"
+    "@xylabs/eth-address": "^2.11.7",
+    "@xylabs/react-button": "~2.18.4",
+    "@xylabs/react-crypto": "~2.18.4",
+    "@xylabs/react-flexbox": "~2.18.4",
+    "@xylabs/react-promise": "~2.18.4",
+    "@xyo-network/diviner": "^2.74.1",
+    "@xyo-network/module": "^2.74.1",
+    "@xyo-network/react-shared": "~2.62.3"
   },
   "devDependencies": {
     "@ethersproject/address": "^5.7.0",
@@ -25,17 +25,17 @@
     "@ethersproject/networks": "^5.7.1",
     "@ethersproject/providers": "^5.7.2",
     "@ethersproject/solidity": "^5.7.0",
-    "@storybook/react": "^7.4.0",
+    "@storybook/react": "^7.4.3",
     "@uniswap/sdk": "^3.0.3",
     "@uniswap/sdk-core": "^4.0.7",
     "@uniswap/v3-sdk": "^3.10.0",
-    "@xylabs/react-async-effect": "^2.17.15",
-    "@xylabs/ts-scripts-yarn3": "^2.19.5",
-    "@xylabs/tsconfig-react": "^2.19.5",
-    "@xyo-network/archivist": "^2.73.3",
-    "@xyo-network/crypto-asset-plugin": "^2.73.3",
-    "@xyo-network/diviner-address-history": "^2.73.3",
-    "@xyo-network/node-memory": "^2.73.3",
+    "@xylabs/react-async-effect": "~2.18.4",
+    "@xylabs/ts-scripts-yarn3": "^3.0.28",
+    "@xylabs/tsconfig-react": "^3.0.28",
+    "@xyo-network/archivist": "^2.74.1",
+    "@xyo-network/crypto-asset-plugin": "^2.74.1",
+    "@xyo-network/diviner-address-history": "^2.74.1",
+    "@xyo-network/node-memory": "^2.74.1",
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
@@ -48,27 +48,35 @@
     "react-router-dom": "^6"
   },
   "description": "Common React library for all XYO projects that use React",
-  "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
       "browser": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
-      "default": "./dist/esm/index.js"
-    },
-    "./dist/docs.json": {
-      "default": "./dist/docs.json"
+      "default": "./dist/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -89,6 +97,6 @@
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
   },
   "sideEffects": false,
-  "types": "dist/types/index.d.ts",
-  "version": "2.61.0"
+  "types": "dist/index.d.ts",
+  "version": "2.62.3"
 }

package/dist/cjs/ModuleRenderProps.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=ModuleRenderProps.js.map

package/dist/cjs/ModuleRenderProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModuleRenderProps.js","sourceRoot":"","sources":["../../src/ModuleRenderProps.tsx"],"names":[],"mappings":""}

package/dist/cjs/components/Card/Diviner/Card.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DivinerCard = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const Module_1 = require("../Module");
-const CardContent_1 = require("./CardContent");
-const CardHeader_1 = require("./CardHeader");
-const DivinerCard = (_a) => {
-    var { children, module } = _a, props = tslib_1.__rest(_a, ["children", "module"]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Card, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(CardHeader_1.DivinerCardHeader, { module: module }), (0, jsx_runtime_1.jsx)(CardContent_1.DivinerCardContent, { module: module }), children, (0, jsx_runtime_1.jsx)(Module_1.ModuleCardActions, { module: module })] })));
-};
-exports.DivinerCard = DivinerCard;
-//# sourceMappingURL=Card.js.map

package/dist/cjs/components/Card/Diviner/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/Card.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAI/C,sCAA6C;AAC7C,+CAAkD;AAClD,6CAAgD;AAEzC,MAAM,WAAW,GAA6D,CAAC,EAA8B,EAAE,EAAE;QAAlC,EAAE,QAAQ,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5B,sBAA8B,CAAF;IAChH,OAAO,CACL,wBAAC,eAAI,oBAAK,KAAK,eACb,uBAAC,8BAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACrC,uBAAC,gCAAkB,IAAC,MAAM,EAAE,MAAM,GAAI,EACrC,QAAQ,EACT,uBAAC,0BAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,KAChC,CACR,CAAA;AACH,CAAC,CAAA;AATY,QAAA,WAAW,eASvB"}