@xyo-network/react-module 2.77.0 → 2.77.1

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.
@@ -1,217 +1,2 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/index.ts
21
- var src_exports = {};
22
- __export(src_exports, {
23
- DivinerCard: () => DivinerCard,
24
- DivinerCardContent: () => DivinerCardContent,
25
- DivinerCardHeader: () => DivinerCardHeader,
26
- ModuleCard: () => ModuleCard,
27
- ModuleCardActions: () => ModuleCardActions,
28
- ModuleCardContent: () => ModuleCardContent,
29
- ModuleCardHeader: () => ModuleCardHeader,
30
- ModuleDetailsBox: () => ModuleDetailsBox,
31
- ModuleTableCell: () => ModuleTableCell,
32
- useRefresh: () => useRefresh
33
- });
34
- module.exports = __toCommonJS(src_exports);
35
-
36
- // src/components/Card/Diviner/Card.tsx
37
- var import_material6 = require("@mui/material");
38
-
39
- // src/components/Card/Module/Card.tsx
40
- var import_material5 = require("@mui/material");
41
-
42
- // src/components/Card/Module/CardActions.tsx
43
- var import_material2 = require("@mui/material");
44
- var import_react_button = require("@xylabs/react-button");
45
- var import_react_flexbox = require("@xylabs/react-flexbox");
46
- var import_react = require("react");
47
-
48
- // src/components/Card/Module/components/DiscoverDialog.tsx
49
- var import_material = require("@mui/material");
50
- var import_react_promise = require("@xylabs/react-promise");
51
- var import_jsx_runtime = require("react/jsx-runtime");
52
- var DiscoverDialog = ({ mod, setOpen, ...props }) => {
53
- const [discoverPayloads] = (0, import_react_promise.usePromise)(async () => {
54
- return await (mod == null ? void 0 : mod.state());
55
- }, [mod]);
56
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Dialog, { ...props, children: [
57
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.DialogTitle, { children: [
58
- "Supported Queries for ",
59
- (mod == null ? void 0 : mod.config.name) || (mod == null ? void 0 : mod.address)
60
- ] }),
61
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, {}),
62
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Paper, { sx: { p: 1 }, children: [
63
- /* @__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." }),
64
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
65
- ] }) }),
66
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick: () => setOpen == null ? void 0 : setOpen(false), variant: "outlined", children: "Close" }) })
67
- ] });
68
- };
69
-
70
- // src/components/Card/Module/CardActions.tsx
71
- var import_jsx_runtime2 = require("react/jsx-runtime");
72
- var ModuleCardActions = ({ children, mod, sx, ...props }) => {
73
- const [discoverDialogOpen, setDiscoverDialogOpen] = (0, import_react.useState)(false);
74
- const config = mod == null ? void 0 : mod.config;
75
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.CardActions, { sx: { alignItems: "stretch", flexDirection: "column", ml: 1, ...sx }, ...props, children: [
76
- /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexRow, { justifyContent: "space-between", gap: 1, alignItems: "center", children: [
77
- mod ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: config == null ? void 0 : config.schema, size: "small" }) : null,
78
- children,
79
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_button.ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: "small", variant: "outlined", children: "Discover" })
80
- ] }),
81
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DiscoverDialog, { fullWidth: true, maxWidth: "md", mod, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
82
- ] });
83
- };
84
-
85
- // src/components/Card/Module/CardContent.tsx
86
- var import_material3 = require("@mui/material");
87
- var import_jsx_runtime3 = require("react/jsx-runtime");
88
- var ModuleCardContent = ({ children, ...props }) => {
89
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { ...props, children });
90
- };
91
-
92
- // src/components/Card/Module/CardHeader.tsx
93
- var import_material4 = require("@mui/material");
94
- var import_react_shared = require("@xyo-network/react-shared");
95
- var import_jsx_runtime4 = require("react/jsx-runtime");
96
- var moduleTypes = ["sentinel", "bridge", "archivist", "diviner", "node", "witness"];
97
- var getModuleIcons = (moduleType, mod) => {
98
- var _a;
99
- 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;
100
- };
101
- var ModuleCardHeader = ({ subheader, avatar, title, mod, ...props }) => {
102
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
103
- import_material4.CardHeader,
104
- {
105
- title: title ?? (mod == null ? void 0 : mod.config.name) ?? "Module",
106
- subheader: subheader ?? (mod == null ? void 0 : mod.address),
107
- avatar: avatar ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: mod ? moduleTypes.map((moduleType) => {
108
- const Icon = getModuleIcons(moduleType, mod);
109
- return Icon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { fontSize: "large", color: "primary" }, moduleType) : null;
110
- }) : null }),
111
- ...props
112
- }
113
- );
114
- };
115
-
116
- // src/components/Card/Module/Card.tsx
117
- var import_jsx_runtime5 = require("react/jsx-runtime");
118
- var ModuleCard = ({ mod, ...props }) => {
119
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material5.Card, { ...props, children: [
120
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardHeader, { mod }),
121
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardContent, { mod }),
122
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleCardActions, { mod })
123
- ] });
124
- };
125
-
126
- // src/components/Card/Diviner/CardContent.tsx
127
- var import_jsx_runtime6 = require("react/jsx-runtime");
128
- var DivinerCardContent = ({ children, ...props }) => {
129
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModuleCardContent, { ...props, children });
130
- };
131
-
132
- // src/components/Card/Diviner/CardHeader.tsx
133
- var import_jsx_runtime7 = require("react/jsx-runtime");
134
- var DivinerCardHeader = ({ title, mod, ...props }) => {
135
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ModuleCardHeader, { mod, title: title ?? (mod == null ? void 0 : mod.config.name) ?? "Diviner", ...props });
136
- };
137
-
138
- // src/components/Card/Diviner/Card.tsx
139
- var import_jsx_runtime8 = require("react/jsx-runtime");
140
- var DivinerCard = ({ children, mod, ...props }) => {
141
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material6.Card, { ...props, children: [
142
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DivinerCardHeader, { mod }),
143
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DivinerCardContent, { mod }),
144
- children,
145
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ModuleCardActions, { mod })
146
- ] });
147
- };
148
-
149
- // src/components/DetailsBox.tsx
150
- var import_eth_address = require("@xylabs/eth-address");
151
- var import_react_button2 = require("@xylabs/react-button");
152
- var import_react_crypto = require("@xylabs/react-crypto");
153
- var import_react_flexbox2 = require("@xylabs/react-flexbox");
154
- var import_react_shared2 = require("@xyo-network/react-shared");
155
- var import_react2 = require("react");
156
- var import_jsx_runtime9 = require("react/jsx-runtime");
157
- var getModuleIcon = (moduleType, mod) => {
158
- var _a;
159
- 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;
160
- };
161
- var ModuleDetailsBox = ({ children, mod, ...props }) => {
162
- const [showQueries, setShowQueries] = (0, import_react2.useState)(false);
163
- return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_flexbox2.FlexCol, { ...props, children: [
164
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_flexbox2.FlexRow, { children: [
165
- mod ? ["sentinel", "bridge", "archivist", "diviner", "node"].map((moduleType) => {
166
- const icon = getModuleIcon(moduleType, mod);
167
- return icon ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_button2.ButtonEx, { onClick: () => setShowQueries(!showQueries), children: icon }, moduleType) : null;
168
- }) : null,
169
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_crypto.EthAccountBox, { address: import_eth_address.EthAddress.fromString(mod == null ? void 0 : mod.address) })
170
- ] }),
171
- showQueries ? mod == null ? void 0 : mod.queries.map((query) => {
172
- return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_flexbox2.FlexRow, { children: query }, query);
173
- }) : null,
174
- children
175
- ] });
176
- };
177
-
178
- // src/components/TableCell.tsx
179
- var import_material7 = require("@mui/material");
180
- var import_eth_address2 = require("@xylabs/eth-address");
181
- var import_react_crypto2 = require("@xylabs/react-crypto");
182
- var import_jsx_runtime10 = require("react/jsx-runtime");
183
- var ModuleTableCell = ({ children, mod, ...props }) => {
184
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.TableCell, { ...props, children: [
185
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_crypto2.EthAccountBox, { address: import_eth_address2.EthAddress.fromString(mod == null ? void 0 : mod.address) }),
186
- children
187
- ] });
188
- };
189
-
190
- // src/hooks/useRefresh.tsx
191
- var import_react3 = require("react");
192
- var useRefresh = () => {
193
- const [count, setCount] = (0, import_react3.useState)(1);
194
- return [
195
- count,
196
- () => {
197
- const newCount = count + 1;
198
- setCount(newCount);
199
- return newCount;
200
- },
201
- () => setCount(0)
202
- ];
203
- };
204
- // Annotate the CommonJS export names for ESM import in node:
205
- 0 && (module.exports = {
206
- DivinerCard,
207
- DivinerCardContent,
208
- DivinerCardHeader,
209
- ModuleCard,
210
- ModuleCardActions,
211
- ModuleCardContent,
212
- ModuleCardHeader,
213
- ModuleDetailsBox,
214
- ModuleTableCell,
215
- useRefresh
216
- });
1
+ "use strict";var g=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var U=Object.prototype.hasOwnProperty;var V=(e,r)=>{for(var o in r)g(e,o,{get:r[o],enumerable:!0})},X=(e,r,o,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of L(r))!U.call(e,i)&&i!==o&&g(e,i,{get:()=>r[i],enumerable:!(t=K(r,i))||t.enumerable});return e};var Y=e=>X(g({},"__esModule",{value:!0}),e);var ir={};V(ir,{DivinerCard:()=>rr,DivinerCardContent:()=>x,DivinerCardHeader:()=>v,ModuleCard:()=>j,ModuleCardActions:()=>f,ModuleCardContent:()=>m,ModuleCardHeader:()=>P,ModuleDetailsBox:()=>or,ModuleTableCell:()=>tr,useRefresh:()=>nr});module.exports=Y(ir);var T=require("@mui/material");var y=require("@mui/material");var M=require("@mui/material"),F=require("@xylabs/react-button"),w=require("@xylabs/react-flexbox"),A=require("react");var n=require("@mui/material"),h=require("@xylabs/react-promise"),a=require("react/jsx-runtime"),b=({mod:e,setOpen:r,...o})=>{let[t]=(0,h.usePromise)(async()=>await(e==null?void 0:e.state()),[e]);return(0,a.jsxs)(n.Dialog,{...o,children:[(0,a.jsxs)(n.DialogTitle,{children:["Supported Queries for ",(e==null?void 0:e.config.name)||(e==null?void 0:e.address)]}),(0,a.jsx)(n.Divider,{}),(0,a.jsx)(n.DialogContent,{children:(0,a.jsxs)(n.Paper,{sx:{p:1},children:[(0,a.jsx)(n.DialogContentText,{children:"All modules share a set of base queries along with ones specific to the module."}),(0,a.jsx)("pre",{children:JSON.stringify(t,null,2)})]})}),(0,a.jsx)(n.DialogActions,{children:(0,a.jsx)(n.Button,{onClick:()=>r==null?void 0:r(!1),variant:"outlined",children:"Close"})})]})};var p=require("react/jsx-runtime"),f=({children:e,mod:r,sx:o,...t})=>{let[i,s]=(0,A.useState)(!1),l=r==null?void 0:r.config;return(0,p.jsxs)(M.CardActions,{sx:{alignItems:"stretch",flexDirection:"column",ml:1,...o},...t,children:[(0,p.jsxs)(w.FlexRow,{justifyContent:"space-between",gap:1,alignItems:"center",children:[r?(0,p.jsx)(M.Chip,{label:l==null?void 0:l.schema,size:"small"}):null,e,(0,p.jsx)(F.ButtonEx,{onClick:()=>s(!0),size:"small",variant:"outlined",children:"Discover"})]}),(0,p.jsx)(b,{fullWidth:!0,maxWidth:"md",mod:r,open:i,setOpen:s})]})};var k=require("@mui/material"),I=require("react/jsx-runtime"),m=({children:e,...r})=>(0,I.jsx)(k.CardContent,{...r,children:e});var S=require("@mui/material"),B=require("@xyo-network/react-shared"),u=require("react/jsx-runtime"),Z=["sentinel","bridge","archivist","diviner","node","witness"],_=(e,r)=>{var o;return r!=null&&r.queries.find(t=>t.startsWith(`network.xyo.query.${e}`))?(o=(0,B.findNetworkComponent)(e))==null?void 0:o.icon:null},P=({subheader:e,avatar:r,title:o,mod:t,...i})=>(0,u.jsx)(S.CardHeader,{title:o??(t==null?void 0:t.config.name)??"Module",subheader:e??(t==null?void 0:t.address),avatar:r??(0,u.jsx)(u.Fragment,{children:t?Z.map(s=>{let l=_(s,t);return l?(0,u.jsx)(l,{fontSize:"large",color:"primary"},s):null}):null}),...i});var C=require("react/jsx-runtime"),j=({mod:e,...r})=>(0,C.jsxs)(y.Card,{...r,children:[(0,C.jsx)(P,{mod:e}),(0,C.jsx)(m,{mod:e}),(0,C.jsx)(f,{mod:e})]});var H=require("react/jsx-runtime"),x=({children:e,...r})=>(0,H.jsx)(m,{...r,children:e});var E=require("react/jsx-runtime"),v=({title:e,mod:r,...o})=>(0,E.jsx)(P,{mod:r,title:e??(r==null?void 0:r.config.name)??"Diviner",...o});var c=require("react/jsx-runtime"),rr=({children:e,mod:r,...o})=>(0,c.jsxs)(T.Card,{...o,children:[(0,c.jsx)(v,{mod:r}),(0,c.jsx)(x,{mod:r}),e,(0,c.jsx)(f,{mod:r})]});var q=require("@xylabs/eth-address"),W=require("@xylabs/react-button"),z=require("@xylabs/react-crypto"),D=require("@xylabs/react-flexbox"),N=require("@xyo-network/react-shared"),Q=require("react"),d=require("react/jsx-runtime"),er=(e,r)=>{var o;return r!=null&&r.queries.find(t=>t.startsWith(`network.xyo.query.${e}`))?(o=(0,N.findNetworkComponent)(e))==null?void 0:o.icon():null},or=({children:e,mod:r,...o})=>{let[t,i]=(0,Q.useState)(!1);return(0,d.jsxs)(D.FlexCol,{...o,children:[(0,d.jsxs)(D.FlexRow,{children:[r?["sentinel","bridge","archivist","diviner","node"].map(s=>{let l=er(s,r);return l?(0,d.jsx)(W.ButtonEx,{onClick:()=>i(!t),children:l},s):null}):null,(0,d.jsx)(z.EthAccountBox,{address:q.EthAddress.fromString(r==null?void 0:r.address)})]}),t?r==null?void 0:r.queries.map(s=>(0,d.jsx)(D.FlexRow,{children:s},s)):null,e]})};var $=require("@mui/material"),J=require("@xylabs/eth-address"),O=require("@xylabs/react-crypto"),R=require("react/jsx-runtime"),tr=({children:e,mod:r,...o})=>(0,R.jsxs)($.TableCell,{...o,children:[(0,R.jsx)(O.EthAccountBox,{address:J.EthAddress.fromString(r==null?void 0:r.address)}),e]});var G=require("react"),nr=()=>{let[e,r]=(0,G.useState)(1);return[e,()=>{let o=e+1;return r(o),o},()=>r(0)]};0&&(module.exports={DivinerCard,DivinerCardContent,DivinerCardHeader,ModuleCard,ModuleCardActions,ModuleCardContent,ModuleCardHeader,ModuleDetailsBox,ModuleTableCell,useRefresh});
217
2
  //# sourceMappingURL=index.cjs.map
@@ -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, 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"]}
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":["src_exports","__export","DivinerCard","DivinerCardContent","DivinerCardHeader","ModuleCard","ModuleCardActions","ModuleCardContent","ModuleCardHeader","ModuleDetailsBox","ModuleTableCell","useRefresh","__toCommonJS","import_material","import_material","import_material","import_react_button","import_react_flexbox","import_react","import_material","import_react_promise","import_jsx_runtime","DiscoverDialog","mod","setOpen","props","discoverPayloads","import_jsx_runtime","ModuleCardActions","children","mod","sx","props","discoverDialogOpen","setDiscoverDialogOpen","config","DiscoverDialog","import_material","import_jsx_runtime","ModuleCardContent","children","props","import_material","import_react_shared","import_jsx_runtime","moduleTypes","getModuleIcons","moduleType","mod","_a","query","ModuleCardHeader","subheader","avatar","title","props","Icon","import_jsx_runtime","ModuleCard","mod","props","ModuleCardHeader","ModuleCardContent","ModuleCardActions","import_jsx_runtime","DivinerCardContent","children","props","ModuleCardContent","import_jsx_runtime","DivinerCardHeader","title","mod","props","ModuleCardHeader","import_jsx_runtime","DivinerCard","children","mod","props","DivinerCardHeader","DivinerCardContent","ModuleCardActions","import_eth_address","import_react_button","import_react_crypto","import_react_flexbox","import_react_shared","import_react","import_jsx_runtime","getModuleIcon","moduleType","mod","_a","query","ModuleDetailsBox","children","props","showQueries","setShowQueries","icon","import_material","import_eth_address","import_react_crypto","import_jsx_runtime","ModuleTableCell","children","mod","props","import_react","useRefresh","count","setCount","newCount"]}
@@ -1,181 +1,2 @@
1
- // src/components/Card/Diviner/Card.tsx
2
- import { Card as Card2 } from "@mui/material";
3
-
4
- // src/components/Card/Module/Card.tsx
5
- import { Card } from "@mui/material";
6
-
7
- // src/components/Card/Module/CardActions.tsx
8
- import { CardActions, Chip } from "@mui/material";
9
- import { ButtonEx } from "@xylabs/react-button";
10
- import { FlexRow } from "@xylabs/react-flexbox";
11
- import { useState } from "react";
12
-
13
- // src/components/Card/Module/components/DiscoverDialog.tsx
14
- import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper } from "@mui/material";
15
- import { usePromise } from "@xylabs/react-promise";
16
- import { jsx, jsxs } from "react/jsx-runtime";
17
- var DiscoverDialog = ({ mod, setOpen, ...props }) => {
18
- const [discoverPayloads] = usePromise(async () => {
19
- return await (mod == null ? void 0 : mod.state());
20
- }, [mod]);
21
- return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
22
- /* @__PURE__ */ jsxs(DialogTitle, { children: [
23
- "Supported Queries for ",
24
- (mod == null ? void 0 : mod.config.name) || (mod == null ? void 0 : mod.address)
25
- ] }),
26
- /* @__PURE__ */ jsx(Divider, {}),
27
- /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Paper, { sx: { p: 1 }, children: [
28
- /* @__PURE__ */ jsx(DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }),
29
- /* @__PURE__ */ jsx("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
30
- ] }) }),
31
- /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: () => setOpen == null ? void 0 : setOpen(false), variant: "outlined", children: "Close" }) })
32
- ] });
33
- };
34
-
35
- // src/components/Card/Module/CardActions.tsx
36
- import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
37
- var ModuleCardActions = ({ children, mod, sx, ...props }) => {
38
- const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false);
39
- const config = mod == null ? void 0 : mod.config;
40
- return /* @__PURE__ */ jsxs2(CardActions, { sx: { alignItems: "stretch", flexDirection: "column", ml: 1, ...sx }, ...props, children: [
41
- /* @__PURE__ */ jsxs2(FlexRow, { justifyContent: "space-between", gap: 1, alignItems: "center", children: [
42
- mod ? /* @__PURE__ */ jsx2(Chip, { label: config == null ? void 0 : config.schema, size: "small" }) : null,
43
- children,
44
- /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: "small", variant: "outlined", children: "Discover" })
45
- ] }),
46
- /* @__PURE__ */ jsx2(DiscoverDialog, { fullWidth: true, maxWidth: "md", mod, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
47
- ] });
48
- };
49
-
50
- // src/components/Card/Module/CardContent.tsx
51
- import { CardContent } from "@mui/material";
52
- import { jsx as jsx3 } from "react/jsx-runtime";
53
- var ModuleCardContent = ({ children, ...props }) => {
54
- return /* @__PURE__ */ jsx3(CardContent, { ...props, children });
55
- };
56
-
57
- // src/components/Card/Module/CardHeader.tsx
58
- import { CardHeader } from "@mui/material";
59
- import { findNetworkComponent } from "@xyo-network/react-shared";
60
- import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
61
- var moduleTypes = ["sentinel", "bridge", "archivist", "diviner", "node", "witness"];
62
- var getModuleIcons = (moduleType, mod) => {
63
- var _a;
64
- return (mod == null ? void 0 : mod.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = findNetworkComponent(moduleType)) == null ? void 0 : _a.icon : null;
65
- };
66
- var ModuleCardHeader = ({ subheader, avatar, title, mod, ...props }) => {
67
- return /* @__PURE__ */ jsx4(
68
- CardHeader,
69
- {
70
- title: title ?? (mod == null ? void 0 : mod.config.name) ?? "Module",
71
- subheader: subheader ?? (mod == null ? void 0 : mod.address),
72
- avatar: avatar ?? /* @__PURE__ */ jsx4(Fragment, { children: mod ? moduleTypes.map((moduleType) => {
73
- const Icon = getModuleIcons(moduleType, mod);
74
- return Icon ? /* @__PURE__ */ jsx4(Icon, { fontSize: "large", color: "primary" }, moduleType) : null;
75
- }) : null }),
76
- ...props
77
- }
78
- );
79
- };
80
-
81
- // src/components/Card/Module/Card.tsx
82
- import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
83
- var ModuleCard = ({ mod, ...props }) => {
84
- return /* @__PURE__ */ jsxs3(Card, { ...props, children: [
85
- /* @__PURE__ */ jsx5(ModuleCardHeader, { mod }),
86
- /* @__PURE__ */ jsx5(ModuleCardContent, { mod }),
87
- /* @__PURE__ */ jsx5(ModuleCardActions, { mod })
88
- ] });
89
- };
90
-
91
- // src/components/Card/Diviner/CardContent.tsx
92
- import { jsx as jsx6 } from "react/jsx-runtime";
93
- var DivinerCardContent = ({ children, ...props }) => {
94
- return /* @__PURE__ */ jsx6(ModuleCardContent, { ...props, children });
95
- };
96
-
97
- // src/components/Card/Diviner/CardHeader.tsx
98
- import { jsx as jsx7 } from "react/jsx-runtime";
99
- var DivinerCardHeader = ({ title, mod, ...props }) => {
100
- return /* @__PURE__ */ jsx7(ModuleCardHeader, { mod, title: title ?? (mod == null ? void 0 : mod.config.name) ?? "Diviner", ...props });
101
- };
102
-
103
- // src/components/Card/Diviner/Card.tsx
104
- import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
105
- var DivinerCard = ({ children, mod, ...props }) => {
106
- return /* @__PURE__ */ jsxs4(Card2, { ...props, children: [
107
- /* @__PURE__ */ jsx8(DivinerCardHeader, { mod }),
108
- /* @__PURE__ */ jsx8(DivinerCardContent, { mod }),
109
- children,
110
- /* @__PURE__ */ jsx8(ModuleCardActions, { mod })
111
- ] });
112
- };
113
-
114
- // src/components/DetailsBox.tsx
115
- import { EthAddress } from "@xylabs/eth-address";
116
- import { ButtonEx as ButtonEx2 } from "@xylabs/react-button";
117
- import { EthAccountBox } from "@xylabs/react-crypto";
118
- import { FlexCol, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
119
- import { findNetworkComponent as findNetworkComponent2 } from "@xyo-network/react-shared";
120
- import { useState as useState2 } from "react";
121
- import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
122
- var getModuleIcon = (moduleType, mod) => {
123
- var _a;
124
- return (mod == null ? void 0 : mod.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = findNetworkComponent2(moduleType)) == null ? void 0 : _a.icon() : null;
125
- };
126
- var ModuleDetailsBox = ({ children, mod, ...props }) => {
127
- const [showQueries, setShowQueries] = useState2(false);
128
- return /* @__PURE__ */ jsxs5(FlexCol, { ...props, children: [
129
- /* @__PURE__ */ jsxs5(FlexRow2, { children: [
130
- mod ? ["sentinel", "bridge", "archivist", "diviner", "node"].map((moduleType) => {
131
- const icon = getModuleIcon(moduleType, mod);
132
- return icon ? /* @__PURE__ */ jsx9(ButtonEx2, { onClick: () => setShowQueries(!showQueries), children: icon }, moduleType) : null;
133
- }) : null,
134
- /* @__PURE__ */ jsx9(EthAccountBox, { address: EthAddress.fromString(mod == null ? void 0 : mod.address) })
135
- ] }),
136
- showQueries ? mod == null ? void 0 : mod.queries.map((query) => {
137
- return /* @__PURE__ */ jsx9(FlexRow2, { children: query }, query);
138
- }) : null,
139
- children
140
- ] });
141
- };
142
-
143
- // src/components/TableCell.tsx
144
- import { TableCell } from "@mui/material";
145
- import { EthAddress as EthAddress2 } from "@xylabs/eth-address";
146
- import { EthAccountBox as EthAccountBox2 } from "@xylabs/react-crypto";
147
- import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
148
- var ModuleTableCell = ({ children, mod, ...props }) => {
149
- return /* @__PURE__ */ jsxs6(TableCell, { ...props, children: [
150
- /* @__PURE__ */ jsx10(EthAccountBox2, { address: EthAddress2.fromString(mod == null ? void 0 : mod.address) }),
151
- children
152
- ] });
153
- };
154
-
155
- // src/hooks/useRefresh.tsx
156
- import { useState as useState3 } from "react";
157
- var useRefresh = () => {
158
- const [count, setCount] = useState3(1);
159
- return [
160
- count,
161
- () => {
162
- const newCount = count + 1;
163
- setCount(newCount);
164
- return newCount;
165
- },
166
- () => setCount(0)
167
- ];
168
- };
169
- export {
170
- DivinerCard,
171
- DivinerCardContent,
172
- DivinerCardHeader,
173
- ModuleCard,
174
- ModuleCardActions,
175
- ModuleCardContent,
176
- ModuleCardHeader,
177
- ModuleDetailsBox,
178
- ModuleTableCell,
179
- useRefresh
180
- };
1
+ import{Card as V}from"@mui/material";import{Card as G}from"@mui/material";import{CardActions as y,Chip as H}from"@mui/material";import{ButtonEx as E}from"@xylabs/react-button";import{FlexRow as T}from"@xylabs/react-flexbox";import{useState as q}from"react";import{Button as h,Dialog as b,DialogActions as F,DialogContent as w,DialogContentText as A,DialogTitle as k,Divider as I,Paper as S}from"@mui/material";import{usePromise as B}from"@xylabs/react-promise";import{jsx as s,jsxs as u}from"react/jsx-runtime";var D=({mod:e,setOpen:r,...o})=>{let[t]=B(async()=>await(e==null?void 0:e.state()),[e]);return u(b,{...o,children:[u(k,{children:["Supported Queries for ",(e==null?void 0:e.config.name)||(e==null?void 0:e.address)]}),s(I,{}),s(w,{children:u(S,{sx:{p:1},children:[s(A,{children:"All modules share a set of base queries along with ones specific to the module."}),s("pre",{children:JSON.stringify(t,null,2)})]})}),s(F,{children:s(h,{onClick:()=>r==null?void 0:r(!1),variant:"outlined",children:"Close"})})]})};import{jsx as C,jsxs as M}from"react/jsx-runtime";var l=({children:e,mod:r,sx:o,...t})=>{let[a,n]=q(!1),i=r==null?void 0:r.config;return M(y,{sx:{alignItems:"stretch",flexDirection:"column",ml:1,...o},...t,children:[M(T,{justifyContent:"space-between",gap:1,alignItems:"center",children:[r?C(H,{label:i==null?void 0:i.schema,size:"small"}):null,e,C(E,{onClick:()=>n(!0),size:"small",variant:"outlined",children:"Discover"})]}),C(D,{fullWidth:!0,maxWidth:"md",mod:r,open:a,setOpen:n})]})};import{CardContent as W}from"@mui/material";import{jsx as z}from"react/jsx-runtime";var p=({children:e,...r})=>z(W,{...r,children:e});import{CardHeader as N}from"@mui/material";import{findNetworkComponent as Q}from"@xyo-network/react-shared";import{Fragment as O,jsx as c}from"react/jsx-runtime";var $=["sentinel","bridge","archivist","diviner","node","witness"],J=(e,r)=>{var o;return r!=null&&r.queries.find(t=>t.startsWith(`network.xyo.query.${e}`))?(o=Q(e))==null?void 0:o.icon:null},d=({subheader:e,avatar:r,title:o,mod:t,...a})=>c(N,{title:o??(t==null?void 0:t.config.name)??"Module",subheader:e??(t==null?void 0:t.address),avatar:r??c(O,{children:t?$.map(n=>{let i=J(n,t);return i?c(i,{fontSize:"large",color:"primary"},n):null}):null}),...a});import{jsx as f,jsxs as K}from"react/jsx-runtime";var qr=({mod:e,...r})=>K(G,{...r,children:[f(d,{mod:e}),f(p,{mod:e}),f(l,{mod:e})]});import{jsx as L}from"react/jsx-runtime";var R=({children:e,...r})=>L(p,{...r,children:e});import{jsx as U}from"react/jsx-runtime";var g=({title:e,mod:r,...o})=>U(d,{mod:r,title:e??(r==null?void 0:r.config.name)??"Diviner",...o});import{jsx as m,jsxs as X}from"react/jsx-runtime";var Yr=({children:e,mod:r,...o})=>X(V,{...o,children:[m(g,{mod:r}),m(R,{mod:r}),e,m(l,{mod:r})]});import{EthAddress as Y}from"@xylabs/eth-address";import{ButtonEx as Z}from"@xylabs/react-button";import{EthAccountBox as _}from"@xylabs/react-crypto";import{FlexCol as j,FlexRow as x}from"@xylabs/react-flexbox";import{findNetworkComponent as rr}from"@xyo-network/react-shared";import{useState as er}from"react";import{jsx as P,jsxs as v}from"react/jsx-runtime";var or=(e,r)=>{var o;return r!=null&&r.queries.find(t=>t.startsWith(`network.xyo.query.${e}`))?(o=rr(e))==null?void 0:o.icon():null},se=({children:e,mod:r,...o})=>{let[t,a]=er(!1);return v(j,{...o,children:[v(x,{children:[r?["sentinel","bridge","archivist","diviner","node"].map(n=>{let i=or(n,r);return i?P(Z,{onClick:()=>a(!t),children:i},n):null}):null,P(_,{address:Y.fromString(r==null?void 0:r.address)})]}),t?r==null?void 0:r.queries.map(n=>P(x,{children:n},n)):null,e]})};import{TableCell as tr}from"@mui/material";import{EthAddress as nr}from"@xylabs/eth-address";import{EthAccountBox as ir}from"@xylabs/react-crypto";import{jsx as sr,jsxs as ar}from"react/jsx-runtime";var ce=({children:e,mod:r,...o})=>ar(tr,{...o,children:[sr(ir,{address:nr.fromString(r==null?void 0:r.address)}),e]});import{useState as lr}from"react";var De=()=>{let[e,r]=lr(1);return[e,()=>{let o=e+1;return r(o),o},()=>r(0)]};export{Yr as DivinerCard,R as DivinerCardContent,g as DivinerCardHeader,qr as ModuleCard,l as ModuleCardActions,p as ModuleCardContent,d as ModuleCardHeader,se as ModuleDetailsBox,ce as ModuleTableCell,De as useRefresh};
181
2
  //# sourceMappingURL=index.js.map
@@ -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, 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":";AAAA,SAAS,QAAAA,aAAuB;;;ACAhC,SAAS,YAAuB;;;ACAhC,SAAS,aAA+B,YAAY;AACpD,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,gBAAgB;;;ACHzB,SAAS,QAAQ,QAAQ,eAAe,eAAe,mBAAgC,aAAa,SAAS,aAAa;AAC1H,SAAS,kBAAkB;AAkBrB,SACA,KADA;AAPC,IAAM,iBAAgD,CAAC,EAAE,KAAK,SAAS,GAAG,MAAM,MAAM;AAC3F,QAAM,CAAC,gBAAgB,IAAI,WAAW,YAAY;AAChD,WAAO,OAAM,2BAAK;AAAA,EACpB,GAAG,CAAC,GAAG,CAAC;AAER,SACE,qBAAC,UAAQ,GAAG,OACV;AAAA,yBAAC,eAAY;AAAA;AAAA,OAAuB,2BAAK,OAAO,UAAQ,2BAAK;AAAA,OAAQ;AAAA,IACrE,oBAAC,WAAQ;AAAA,IACT,oBAAC,iBACC,+BAAC,SAAM,IAAI,EAAE,GAAG,EAAE,GAChB;AAAA,0BAAC,qBAAkB,6FAA+E;AAAA,MAClG,oBAAC,SAAK,eAAK,UAAU,kBAAkB,MAAM,CAAC,GAAE;AAAA,OAClD,GACF;AAAA,IACA,oBAAC,iBACC,8BAAC,UAAO,SAAS,MAAM,mCAAU,QAAQ,SAAS,YAAY,mBAE9D,GACF;AAAA,KACF;AAEJ;;;ADnBM,SAEI,OAAAC,MAFJ,QAAAC,aAAA;AAPC,IAAM,oBAAoE,CAAC,EAAE,UAAU,KAAK,IAAI,GAAG,MAAM,MAAM;AACpH,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,KAAK;AAElE,QAAM,SAAS,2BAAK;AAEpB,SACE,gBAAAA,MAAC,eAAY,IAAI,EAAE,YAAY,WAAW,eAAe,UAAU,IAAI,GAAG,GAAG,GAAG,GAAI,GAAG,OACrF;AAAA,oBAAAA,MAAC,WAAQ,gBAAe,iBAAgB,KAAK,GAAG,YAAW,UACxD;AAAA,YACC,gBAAAD,KAAC,QAAK,OAAO,iCAAQ,QAAQ,MAAM,SAAS,IAC5C;AAAA,MACD;AAAA,MACD,gBAAAA,KAAC,YAAS,SAAS,MAAM,sBAAsB,IAAI,GAAG,MAAM,SAAS,SAAS,YAAY,sBAE1F;AAAA,OACF;AAAA,IACA,gBAAAA,KAAC,kBAAe,WAAS,MAAC,UAAU,MAAM,KAAU,MAAM,oBAAoB,SAAS,uBAAuB;AAAA,KAChH;AAEJ;;;AE3BA,SAAS,mBAAqC;AAKrC,gBAAAE,YAAA;AADF,IAAM,oBAAoE,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAC3G,SAAO,gBAAAA,KAAC,eAAa,GAAG,OAAQ,UAAS;AAC3C;;;ACNA,SAAS,kBAAmC;AAE5C,SAAS,4BAA4B;AAiB3B,mBAIoB,OAAAC,YAJpB;AAbV,IAAM,cAAc,CAAC,YAAY,UAAU,aAAa,WAAW,QAAQ,SAAS;AAEpF,IAAM,iBAAiB,CAAC,YAAoB,QAAgB;AAR5D;AASE,UAAO,2BAAK,QAAQ,KAAK,CAAC,UAAU,MAAM,WAAW,qBAAqB,UAAU,EAAE,OAAK,0BAAqB,UAAU,MAA/B,mBAAkC,OAAO;AACtI;AAEO,IAAM,mBAAkE,CAAC,EAAE,WAAW,QAAQ,OAAO,KAAK,GAAG,MAAM,MAAM;AAC9H,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,UAAS,2BAAK,OAAO,SAAQ;AAAA,MACpC,WAAW,cAAa,2BAAK;AAAA,MAC7B,QACE,UACE,gBAAAA,KAAA,YACG,gBACC,YAAY,IAAI,CAAC,eAAe;AAC9B,cAAM,OAAO,eAAe,YAAY,GAAG;AAC3C,eAAO,OAAO,gBAAAA,KAAC,QAAsB,UAAU,SAAS,OAAM,aAArC,UAA+C,IAAK;AAAA,MAC/E,CAAC,IACD,MACJ;AAAA,MAGH,GAAG;AAAA;AAAA,EACN;AAEJ;;;AJvBI,SACE,OAAAC,MADF,QAAAC,aAAA;AAFG,IAAM,aAAsD,CAAC,EAAE,KAAK,GAAG,MAAM,MAAM;AACxF,SACE,gBAAAA,MAAC,QAAM,GAAG,OACR;AAAA,oBAAAD,KAAC,oBAAiB,KAAU;AAAA,IAC5B,gBAAAA,KAAC,qBAAkB,KAAU;AAAA,IAC7B,gBAAAA,KAAC,qBAAkB,KAAU;AAAA,KAC/B;AAEJ;;;AKRS,gBAAAE,YAAA;AADF,IAAM,qBAAsF,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAC7H,SAAO,gBAAAA,KAAC,qBAAmB,GAAG,OAAQ,UAAS;AACjD;;;ACDS,gBAAAC,YAAA;AADF,IAAM,oBAAoF,CAAC,EAAE,OAAO,KAAK,GAAG,MAAM,MAAM;AAC7H,SAAO,gBAAAA,KAAC,oBAAiB,KAAU,OAAO,UAAS,2BAAK,OAAO,SAAQ,WAAY,GAAG,OAAO;AAC/F;;;APEI,SACE,OAAAC,MADF,QAAAC,aAAA;AAFG,IAAM,cAAwE,CAAC,EAAE,UAAU,KAAK,GAAG,MAAM,MAAM;AACpH,SACE,gBAAAA,MAACC,OAAA,EAAM,GAAG,OACR;AAAA,oBAAAF,KAAC,qBAAkB,KAAU;AAAA,IAC7B,gBAAAA,KAAC,sBAAmB,KAAU;AAAA,IAC7B;AAAA,IACD,gBAAAA,KAAC,qBAAkB,KAAU;AAAA,KAC/B;AAEJ;;;AQjBA,SAAS,kBAAkB;AAC3B,SAAS,YAAAG,iBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAuB,SAAS,WAAAC,gBAAe;AAE/C,SAAS,wBAAAC,6BAA4B;AACrC,SAAS,YAAAC,iBAAgB;AAYnB,SAKU,OAAAC,MALV,QAAAC,aAAA;AARN,IAAM,gBAAgB,CAAC,YAAoB,QAAgB;AAV3D;AAWE,UAAO,2BAAK,QAAQ,KAAK,CAAC,UAAU,MAAM,WAAW,qBAAqB,UAAU,EAAE,OAAK,KAAAH,sBAAqB,UAAU,MAA/B,mBAAkC,SAAS;AACxI;AAEO,IAAM,mBAA+D,CAAC,EAAE,UAAU,KAAK,GAAG,MAAM,MAAM;AAC3G,QAAM,CAAC,aAAa,cAAc,IAAIC,UAAS,KAAK;AACpD,SACE,gBAAAE,MAAC,WAAS,GAAG,OACX;AAAA,oBAAAA,MAACJ,UAAA,EACE;AAAA,YACC,CAAC,YAAY,UAAU,aAAa,WAAW,MAAM,EAAE,IAAI,CAAC,eAAe;AACzE,cAAM,OAAO,cAAc,YAAY,GAAG;AAC1C,eAAO,OACH,gBAAAG,KAACJ,WAAA,EAAS,SAAS,MAAM,eAAe,CAAC,WAAW,GACjD,kBADyD,UAE5D,IACA;AAAA,MACN,CAAC,IACD;AAAA,MACF,gBAAAI,KAAC,iBAAc,SAAS,WAAW,WAAW,2BAAK,OAAO,GAAG;AAAA,OAC/D;AAAA,IAEC,cACC,2BAAK,QAAQ,IAAI,CAAC,UAAU;AAC1B,aAAO,gBAAAA,KAACH,UAAA,EAAqB,mBAAR,KAAc;AAAA,IACrC,KACA;AAAA,IACD;AAAA,KACH;AAEJ;;;ACxCA,SAAS,iBAAiC;AAC1C,SAAS,cAAAK,mBAAkB;AAC3B,SAAS,iBAAAC,sBAAqB;AAM1B,SACE,OAAAC,OADF,QAAAC,aAAA;AAFG,IAAM,kBAAgE,CAAC,EAAE,UAAU,KAAK,GAAG,MAAM,MAAM;AAC5G,SACE,gBAAAA,MAAC,aAAW,GAAG,OACb;AAAA,oBAAAD,MAACD,gBAAA,EAAc,SAASD,YAAW,WAAW,2BAAK,OAAO,GAAG;AAAA,IAC5D;AAAA,KACH;AAEJ;;;ACbA,SAAS,YAAAI,iBAAgB;AAKlB,IAAM,aAAa,MAAkD;AAC1E,QAAM,CAAC,OAAO,QAAQ,IAAIA,UAAS,CAAC;AACpC,SAAO;AAAA,IACL;AAAA,IACA,MAAM;AACJ,YAAM,WAAW,QAAQ;AACzB,eAAS,QAAQ;AACjB,aAAO;AAAA,IACT;AAAA,IACA,MAAM,SAAS,CAAC;AAAA,EAClB;AACF;","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","Card","CardActions","Chip","ButtonEx","FlexRow","useState","Button","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","Divider","Paper","usePromise","jsx","jsxs","DiscoverDialog","mod","setOpen","props","discoverPayloads","jsx","jsxs","ModuleCardActions","children","mod","sx","props","discoverDialogOpen","setDiscoverDialogOpen","useState","config","CardActions","FlexRow","Chip","ButtonEx","DiscoverDialog","CardContent","jsx","ModuleCardContent","children","props","CardHeader","findNetworkComponent","Fragment","jsx","moduleTypes","getModuleIcons","moduleType","mod","_a","query","ModuleCardHeader","subheader","avatar","title","props","Icon","jsx","jsxs","ModuleCard","mod","props","Card","ModuleCardHeader","ModuleCardContent","ModuleCardActions","jsx","DivinerCardContent","children","props","ModuleCardContent","jsx","DivinerCardHeader","title","mod","props","ModuleCardHeader","jsx","jsxs","DivinerCard","children","mod","props","Card","DivinerCardHeader","DivinerCardContent","ModuleCardActions","EthAddress","ButtonEx","EthAccountBox","FlexCol","FlexRow","findNetworkComponent","useState","jsx","jsxs","getModuleIcon","moduleType","mod","_a","query","ModuleDetailsBox","children","props","showQueries","setShowQueries","icon","TableCell","EthAddress","EthAccountBox","jsx","jsxs","ModuleTableCell","children","mod","props","useState","useRefresh","count","setCount","newCount"]}
package/package.json CHANGED
@@ -17,13 +17,13 @@
17
17
  "@xylabs/react-promise": "^3.1.7",
18
18
  "@xyo-network/diviner-model": "^2.106.0",
19
19
  "@xyo-network/module-model": "^2.106.0",
20
- "@xyo-network/react-shared": "~2.77.0"
20
+ "@xyo-network/react-shared": "~2.77.1"
21
21
  },
22
22
  "devDependencies": {
23
23
  "@storybook/react": "^7.6.19",
24
24
  "@xylabs/react-async-effect": "^3.1.7",
25
- "@xylabs/ts-scripts-yarn3": "^3.11.2",
26
- "@xylabs/tsconfig-react": "^3.11.2",
25
+ "@xylabs/ts-scripts-yarn3": "^3.11.7",
26
+ "@xylabs/tsconfig-react": "^3.11.7",
27
27
  "@xyo-network/archivist": "^2.106.0",
28
28
  "@xyo-network/crypto-asset-plugin": "^2.96.1",
29
29
  "@xyo-network/diviner-address-history": "^2.106.0",
@@ -88,6 +88,6 @@
88
88
  },
89
89
  "sideEffects": false,
90
90
  "types": "dist/browser/index.d.ts",
91
- "version": "2.77.0",
91
+ "version": "2.77.1",
92
92
  "type": "module"
93
93
  }