@xyo-network/react-module 2.60.12 → 2.61.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.
- package/dist/ModuleRenderProps.d.mts.map +1 -0
- package/dist/ModuleRenderProps.d.ts +7 -0
- package/dist/ModuleRenderProps.d.ts.map +1 -0
- package/dist/components/Card/Diviner/Card.d.mts.map +1 -0
- package/dist/components/Card/Diviner/Card.d.ts +6 -0
- package/dist/components/Card/Diviner/Card.d.ts.map +1 -0
- package/dist/components/Card/Diviner/Card.stories.d.mts +105 -0
- package/dist/components/Card/Diviner/Card.stories.d.mts.map +1 -0
- package/dist/components/Card/Diviner/Card.stories.d.ts +105 -0
- package/dist/components/Card/Diviner/Card.stories.d.ts.map +1 -0
- package/dist/components/Card/Diviner/CardActions.d.mts.map +1 -0
- package/dist/components/Card/Diviner/CardActions.d.ts +6 -0
- package/dist/components/Card/Diviner/CardActions.d.ts.map +1 -0
- package/dist/components/Card/Diviner/CardContent.d.mts.map +1 -0
- package/dist/components/Card/Diviner/CardContent.d.ts +6 -0
- package/dist/components/Card/Diviner/CardContent.d.ts.map +1 -0
- package/dist/components/Card/Diviner/CardHeader.d.mts.map +1 -0
- package/dist/components/Card/Diviner/CardHeader.d.ts +6 -0
- package/dist/components/Card/Diviner/CardHeader.d.ts.map +1 -0
- package/dist/components/Card/Diviner/index.d.mts.map +1 -0
- package/dist/{esm/components/Card/Diviner/index.js → components/Card/Diviner/index.d.ts} +1 -1
- package/dist/components/Card/Diviner/index.d.ts.map +1 -0
- package/dist/components/Card/Module/Card.d.mts.map +1 -0
- package/dist/components/Card/Module/Card.d.ts +5 -0
- package/dist/components/Card/Module/Card.d.ts.map +1 -0
- package/dist/components/Card/Module/Card.stories.d.mts +100 -0
- package/dist/components/Card/Module/Card.stories.d.mts.map +1 -0
- package/dist/components/Card/Module/Card.stories.d.ts +100 -0
- package/dist/components/Card/Module/Card.stories.d.ts.map +1 -0
- package/dist/components/Card/Module/CardActions.d.mts.map +1 -0
- package/dist/components/Card/Module/CardActions.d.ts +5 -0
- package/dist/components/Card/Module/CardActions.d.ts.map +1 -0
- package/dist/components/Card/Module/CardContent.d.mts.map +1 -0
- package/dist/components/Card/Module/CardContent.d.ts +5 -0
- package/dist/components/Card/Module/CardContent.d.ts.map +1 -0
- package/dist/components/Card/Module/CardHeader.d.mts.map +1 -0
- package/dist/components/Card/Module/CardHeader.d.ts +5 -0
- package/dist/components/Card/Module/CardHeader.d.ts.map +1 -0
- package/dist/components/Card/Module/components/DiscoverDialog.d.mts.map +1 -0
- package/dist/components/Card/Module/components/DiscoverDialog.d.ts +9 -0
- package/dist/components/Card/Module/components/DiscoverDialog.d.ts.map +1 -0
- package/dist/components/Card/Module/components/index.d.mts.map +1 -0
- package/dist/components/Card/Module/components/index.d.ts +2 -0
- package/dist/components/Card/Module/components/index.d.ts.map +1 -0
- package/dist/components/Card/Module/index.d.mts.map +1 -0
- package/dist/{esm/components/Card/Module/index.js → components/Card/Module/index.d.ts} +1 -1
- package/dist/components/Card/Module/index.d.ts.map +1 -0
- package/dist/components/Card/index.d.mts.map +1 -0
- package/dist/{esm/components/Card/index.js → components/Card/index.d.ts} +1 -1
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/DetailsBox.d.mts.map +1 -0
- package/dist/components/DetailsBox.d.ts +5 -0
- package/dist/components/DetailsBox.d.ts.map +1 -0
- package/dist/components/DetailsBox.stories.d.mts +179 -0
- package/dist/components/DetailsBox.stories.d.mts.map +1 -0
- package/dist/components/DetailsBox.stories.d.ts +179 -0
- package/dist/components/DetailsBox.stories.d.ts.map +1 -0
- package/dist/components/TableCell.d.mts.map +1 -0
- package/dist/components/TableCell.d.ts +5 -0
- package/dist/components/TableCell.d.ts.map +1 -0
- package/dist/components/index.d.mts.map +1 -0
- package/dist/{esm/components/index.js → components/index.d.ts} +1 -1
- package/dist/components/index.d.ts.map +1 -0
- package/dist/docs.json +44 -44
- package/dist/hooks/index.d.mts.map +1 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/useRefresh.d.mts.map +1 -0
- package/dist/hooks/useRefresh.d.ts +4 -0
- package/dist/hooks/useRefresh.d.ts.map +1 -0
- package/dist/index.d.mts.map +1 -0
- package/dist/{esm/index.js → index.d.ts} +1 -1
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +214 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +178 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +38 -30
- package/dist/cjs/ModuleRenderProps.js +0 -3
- package/dist/cjs/ModuleRenderProps.js.map +0 -1
- package/dist/cjs/components/Card/Diviner/Card.js +0 -15
- package/dist/cjs/components/Card/Diviner/Card.js.map +0 -1
- package/dist/cjs/components/Card/Diviner/CardActions.js +0 -10
- package/dist/cjs/components/Card/Diviner/CardActions.js.map +0 -1
- package/dist/cjs/components/Card/Diviner/CardContent.js +0 -12
- package/dist/cjs/components/Card/Diviner/CardContent.js.map +0 -1
- package/dist/cjs/components/Card/Diviner/CardHeader.js +0 -13
- package/dist/cjs/components/Card/Diviner/CardHeader.js.map +0 -1
- package/dist/cjs/components/Card/Diviner/index.js +0 -7
- package/dist/cjs/components/Card/Diviner/index.js.map +0 -1
- package/dist/cjs/components/Card/Module/Card.js +0 -15
- package/dist/cjs/components/Card/Module/Card.js.map +0 -1
- package/dist/cjs/components/Card/Module/CardActions.js +0 -18
- package/dist/cjs/components/Card/Module/CardActions.js.map +0 -1
- package/dist/cjs/components/Card/Module/CardContent.js +0 -12
- package/dist/cjs/components/Card/Module/CardContent.js.map +0 -1
- package/dist/cjs/components/Card/Module/CardHeader.js +0 -23
- package/dist/cjs/components/Card/Module/CardHeader.js.map +0 -1
- package/dist/cjs/components/Card/Module/components/DiscoverDialog.js +0 -17
- package/dist/cjs/components/Card/Module/components/DiscoverDialog.js.map +0 -1
- package/dist/cjs/components/Card/Module/components/index.js +0 -5
- package/dist/cjs/components/Card/Module/components/index.js.map +0 -1
- package/dist/cjs/components/Card/Module/index.js +0 -8
- package/dist/cjs/components/Card/Module/index.js.map +0 -1
- package/dist/cjs/components/Card/index.js +0 -6
- package/dist/cjs/components/Card/index.js.map +0 -1
- package/dist/cjs/components/DetailsBox.js +0 -31
- package/dist/cjs/components/DetailsBox.js.map +0 -1
- package/dist/cjs/components/TableCell.js +0 -14
- package/dist/cjs/components/TableCell.js.map +0 -1
- package/dist/cjs/components/index.js +0 -7
- package/dist/cjs/components/index.js.map +0 -1
- package/dist/cjs/hooks/index.js +0 -5
- package/dist/cjs/hooks/index.js.map +0 -1
- package/dist/cjs/hooks/useRefresh.js +0 -18
- package/dist/cjs/hooks/useRefresh.js.map +0 -1
- package/dist/cjs/index.js +0 -7
- package/dist/cjs/index.js.map +0 -1
- package/dist/esm/ModuleRenderProps.js +0 -2
- package/dist/esm/ModuleRenderProps.js.map +0 -1
- package/dist/esm/components/Card/Diviner/Card.js +0 -9
- package/dist/esm/components/Card/Diviner/Card.js.map +0 -1
- package/dist/esm/components/Card/Diviner/CardActions.js +0 -6
- package/dist/esm/components/Card/Diviner/CardActions.js.map +0 -1
- package/dist/esm/components/Card/Diviner/CardContent.js +0 -6
- package/dist/esm/components/Card/Diviner/CardContent.js.map +0 -1
- package/dist/esm/components/Card/Diviner/CardHeader.js +0 -6
- package/dist/esm/components/Card/Diviner/CardHeader.js.map +0 -1
- package/dist/esm/components/Card/Diviner/index.js.map +0 -1
- package/dist/esm/components/Card/Module/Card.js +0 -9
- package/dist/esm/components/Card/Module/Card.js.map +0 -1
- package/dist/esm/components/Card/Module/CardActions.js +0 -12
- package/dist/esm/components/Card/Module/CardActions.js.map +0 -1
- package/dist/esm/components/Card/Module/CardContent.js +0 -6
- package/dist/esm/components/Card/Module/CardContent.js.map +0 -1
- package/dist/esm/components/Card/Module/CardHeader.js +0 -15
- package/dist/esm/components/Card/Module/CardHeader.js.map +0 -1
- package/dist/esm/components/Card/Module/components/DiscoverDialog.js +0 -11
- package/dist/esm/components/Card/Module/components/DiscoverDialog.js.map +0 -1
- package/dist/esm/components/Card/Module/components/index.js +0 -2
- package/dist/esm/components/Card/Module/components/index.js.map +0 -1
- package/dist/esm/components/Card/Module/index.js.map +0 -1
- package/dist/esm/components/Card/index.js.map +0 -1
- package/dist/esm/components/DetailsBox.js +0 -24
- package/dist/esm/components/DetailsBox.js.map +0 -1
- package/dist/esm/components/TableCell.js +0 -8
- package/dist/esm/components/TableCell.js.map +0 -1
- package/dist/esm/components/index.js.map +0 -1
- package/dist/esm/hooks/index.js +0 -2
- package/dist/esm/hooks/index.js.map +0 -1
- package/dist/esm/hooks/useRefresh.js +0 -14
- package/dist/esm/hooks/useRefresh.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/types/ModuleRenderProps.d.ts.map +0 -1
- package/dist/types/components/Card/Diviner/Card.d.ts.map +0 -1
- package/dist/types/components/Card/Diviner/CardActions.d.ts.map +0 -1
- package/dist/types/components/Card/Diviner/CardContent.d.ts.map +0 -1
- package/dist/types/components/Card/Diviner/CardHeader.d.ts.map +0 -1
- package/dist/types/components/Card/Diviner/index.d.ts.map +0 -1
- package/dist/types/components/Card/Module/Card.d.ts.map +0 -1
- package/dist/types/components/Card/Module/CardActions.d.ts.map +0 -1
- package/dist/types/components/Card/Module/CardContent.d.ts.map +0 -1
- package/dist/types/components/Card/Module/CardHeader.d.ts.map +0 -1
- package/dist/types/components/Card/Module/components/DiscoverDialog.d.ts.map +0 -1
- package/dist/types/components/Card/Module/components/index.d.ts.map +0 -1
- package/dist/types/components/Card/Module/index.d.ts.map +0 -1
- package/dist/types/components/Card/index.d.ts.map +0 -1
- package/dist/types/components/DetailsBox.d.ts.map +0 -1
- package/dist/types/components/TableCell.d.ts.map +0 -1
- package/dist/types/components/index.d.ts.map +0 -1
- package/dist/types/hooks/index.d.ts.map +0 -1
- package/dist/types/hooks/useRefresh.d.ts.map +0 -1
- package/dist/types/index.d.ts.map +0 -1
- /package/dist/{types/ModuleRenderProps.d.ts → ModuleRenderProps.d.mts} +0 -0
- /package/dist/{types/components/Card/Diviner/Card.d.ts → components/Card/Diviner/Card.d.mts} +0 -0
- /package/dist/{types/components/Card/Diviner/CardActions.d.ts → components/Card/Diviner/CardActions.d.mts} +0 -0
- /package/dist/{types/components/Card/Diviner/CardContent.d.ts → components/Card/Diviner/CardContent.d.mts} +0 -0
- /package/dist/{types/components/Card/Diviner/CardHeader.d.ts → components/Card/Diviner/CardHeader.d.mts} +0 -0
- /package/dist/{types/components/Card/Diviner/index.d.ts → components/Card/Diviner/index.d.mts} +0 -0
- /package/dist/{types/components/Card/Module/Card.d.ts → components/Card/Module/Card.d.mts} +0 -0
- /package/dist/{types/components/Card/Module/CardActions.d.ts → components/Card/Module/CardActions.d.mts} +0 -0
- /package/dist/{types/components/Card/Module/CardContent.d.ts → components/Card/Module/CardContent.d.mts} +0 -0
- /package/dist/{types/components/Card/Module/CardHeader.d.ts → components/Card/Module/CardHeader.d.mts} +0 -0
- /package/dist/{types/components/Card/Module/components/DiscoverDialog.d.ts → components/Card/Module/components/DiscoverDialog.d.mts} +0 -0
- /package/dist/{types/components/Card/Module/components/index.d.ts → components/Card/Module/components/index.d.mts} +0 -0
- /package/dist/{types/components/Card/Module/index.d.ts → components/Card/Module/index.d.mts} +0 -0
- /package/dist/{types/components/Card/index.d.ts → components/Card/index.d.mts} +0 -0
- /package/dist/{types/components/DetailsBox.d.ts → components/DetailsBox.d.mts} +0 -0
- /package/dist/{types/components/TableCell.d.ts → components/TableCell.d.mts} +0 -0
- /package/dist/{types/components/index.d.ts → components/index.d.mts} +0 -0
- /package/dist/{types/hooks/index.d.ts → hooks/index.d.mts} +0 -0
- /package/dist/{types/hooks/useRefresh.d.ts → hooks/useRefresh.d.mts} +0 -0
- /package/dist/{types/index.d.ts → index.d.mts} +0 -0
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,178 @@
|
|
|
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 { FlexGrowRow } 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 = ({ module, setOpen, ...props }) => {
|
|
18
|
+
const [discoverPayloads] = usePromise(async () => {
|
|
19
|
+
return await module?.discover();
|
|
20
|
+
}, [module]);
|
|
21
|
+
return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
|
|
22
|
+
/* @__PURE__ */ jsxs(DialogTitle, { children: [
|
|
23
|
+
"Supported Queries for ",
|
|
24
|
+
module?.config.name || module?.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?.(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, module, sx, ...props }) => {
|
|
38
|
+
const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false);
|
|
39
|
+
const config = module?.config;
|
|
40
|
+
return /* @__PURE__ */ jsxs2(CardActions, { sx: { alignItems: "stretch", flexDirection: "column", ml: 1, ...sx }, ...props, children: [
|
|
41
|
+
/* @__PURE__ */ jsxs2(FlexGrowRow, { justifyContent: "space-between", alignItems: "center", children: [
|
|
42
|
+
module ? /* @__PURE__ */ jsx2(Chip, { label: config?.schema, size: "small" }) : null,
|
|
43
|
+
/* @__PURE__ */ jsx2(ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: "small", variant: "outlined", children: "Discover" }),
|
|
44
|
+
/* @__PURE__ */ jsx2(DiscoverDialog, { fullWidth: true, maxWidth: "md", module, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })
|
|
45
|
+
] }),
|
|
46
|
+
children
|
|
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 getModuleIcons = (moduleType, module) => {
|
|
62
|
+
return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null;
|
|
63
|
+
};
|
|
64
|
+
var ModuleCardHeader = ({ subheader, avatar, title, module, ...props }) => {
|
|
65
|
+
return /* @__PURE__ */ jsx4(
|
|
66
|
+
CardHeader,
|
|
67
|
+
{
|
|
68
|
+
title: title ?? module?.config.name ?? "Module",
|
|
69
|
+
subheader: subheader ?? module?.address,
|
|
70
|
+
avatar: avatar ?? /* @__PURE__ */ jsx4(Fragment, { children: module ? ["sentinel", "bridge", "archivist", "diviner", "node", "witness"].map((moduleType) => {
|
|
71
|
+
const Icon = getModuleIcons(moduleType, module);
|
|
72
|
+
return Icon ? /* @__PURE__ */ jsx4(Icon, { fontSize: "large", color: "primary" }) : null;
|
|
73
|
+
}) : null }),
|
|
74
|
+
...props
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
// src/components/Card/Module/Card.tsx
|
|
80
|
+
import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
81
|
+
var ModuleCard = ({ module, ...props }) => {
|
|
82
|
+
return /* @__PURE__ */ jsxs3(Card, { ...props, children: [
|
|
83
|
+
/* @__PURE__ */ jsx5(ModuleCardHeader, { module }),
|
|
84
|
+
/* @__PURE__ */ jsx5(ModuleCardContent, { module }),
|
|
85
|
+
/* @__PURE__ */ jsx5(ModuleCardActions, { module })
|
|
86
|
+
] });
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
// src/components/Card/Diviner/CardContent.tsx
|
|
90
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
91
|
+
var DivinerCardContent = ({ children, ...props }) => {
|
|
92
|
+
return /* @__PURE__ */ jsx6(ModuleCardContent, { ...props, children });
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
// src/components/Card/Diviner/CardHeader.tsx
|
|
96
|
+
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
97
|
+
var DivinerCardHeader = ({ title, module, ...props }) => {
|
|
98
|
+
return /* @__PURE__ */ jsx7(ModuleCardHeader, { module, title: title ?? module?.config.name ?? "Diviner", ...props });
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
// src/components/Card/Diviner/Card.tsx
|
|
102
|
+
import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
103
|
+
var DivinerCard = ({ children, module, ...props }) => {
|
|
104
|
+
return /* @__PURE__ */ jsxs4(Card2, { ...props, children: [
|
|
105
|
+
/* @__PURE__ */ jsx8(DivinerCardHeader, { module }),
|
|
106
|
+
/* @__PURE__ */ jsx8(DivinerCardContent, { module }),
|
|
107
|
+
children,
|
|
108
|
+
/* @__PURE__ */ jsx8(ModuleCardActions, { module })
|
|
109
|
+
] });
|
|
110
|
+
};
|
|
111
|
+
|
|
112
|
+
// src/components/DetailsBox.tsx
|
|
113
|
+
import { EthAddress } from "@xylabs/eth-address";
|
|
114
|
+
import { ButtonEx as ButtonEx2 } from "@xylabs/react-button";
|
|
115
|
+
import { EthAccountBox } from "@xylabs/react-crypto";
|
|
116
|
+
import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
|
|
117
|
+
import { findNetworkComponent as findNetworkComponent2 } from "@xyo-network/react-shared";
|
|
118
|
+
import { useState as useState2 } from "react";
|
|
119
|
+
import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
120
|
+
var getModuleIcon = (moduleType, module) => {
|
|
121
|
+
return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent2(moduleType)?.icon() : null;
|
|
122
|
+
};
|
|
123
|
+
var ModuleDetailsBox = ({ children, module, ...props }) => {
|
|
124
|
+
const [showQueries, setShowQueries] = useState2(false);
|
|
125
|
+
return /* @__PURE__ */ jsxs5(FlexCol, { ...props, children: [
|
|
126
|
+
/* @__PURE__ */ jsxs5(FlexRow, { children: [
|
|
127
|
+
module ? ["sentinel", "bridge", "archivist", "diviner", "node"].map((moduleType) => {
|
|
128
|
+
const icon = getModuleIcon(moduleType, module);
|
|
129
|
+
return icon ? /* @__PURE__ */ jsx9(ButtonEx2, { onClick: () => setShowQueries(!showQueries), children: icon }, moduleType) : null;
|
|
130
|
+
}) : null,
|
|
131
|
+
/* @__PURE__ */ jsx9(EthAccountBox, { address: EthAddress.fromString(module?.address) })
|
|
132
|
+
] }),
|
|
133
|
+
showQueries ? module?.queries.map((query) => {
|
|
134
|
+
return /* @__PURE__ */ jsx9(FlexRow, { children: query }, query);
|
|
135
|
+
}) : null,
|
|
136
|
+
children
|
|
137
|
+
] });
|
|
138
|
+
};
|
|
139
|
+
|
|
140
|
+
// src/components/TableCell.tsx
|
|
141
|
+
import { TableCell } from "@mui/material";
|
|
142
|
+
import { EthAddress as EthAddress2 } from "@xylabs/eth-address";
|
|
143
|
+
import { EthAccountBox as EthAccountBox2 } from "@xylabs/react-crypto";
|
|
144
|
+
import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
145
|
+
var ModuleTableCell = ({ children, module, ...props }) => {
|
|
146
|
+
return /* @__PURE__ */ jsxs6(TableCell, { ...props, children: [
|
|
147
|
+
/* @__PURE__ */ jsx10(EthAccountBox2, { address: EthAddress2.fromString(module?.address) }),
|
|
148
|
+
children
|
|
149
|
+
] });
|
|
150
|
+
};
|
|
151
|
+
|
|
152
|
+
// src/hooks/useRefresh.tsx
|
|
153
|
+
import { useState as useState3 } from "react";
|
|
154
|
+
var useRefresh = () => {
|
|
155
|
+
const [count, setCount] = useState3(1);
|
|
156
|
+
return [
|
|
157
|
+
count,
|
|
158
|
+
() => {
|
|
159
|
+
const newCount = count + 1;
|
|
160
|
+
setCount(newCount);
|
|
161
|
+
return newCount;
|
|
162
|
+
},
|
|
163
|
+
() => setCount(0)
|
|
164
|
+
];
|
|
165
|
+
};
|
|
166
|
+
export {
|
|
167
|
+
DivinerCard,
|
|
168
|
+
DivinerCardContent,
|
|
169
|
+
DivinerCardHeader,
|
|
170
|
+
ModuleCard,
|
|
171
|
+
ModuleCardActions,
|
|
172
|
+
ModuleCardContent,
|
|
173
|
+
ModuleCardHeader,
|
|
174
|
+
ModuleDetailsBox,
|
|
175
|
+
ModuleTableCell,
|
|
176
|
+
useRefresh
|
|
177
|
+
};
|
|
178
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +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'\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":";AAAA,SAAS,QAAAA,aAAuB;;;ACAhC,SAAS,YAAuB;;;ACAhC,SAAS,aAA+B,YAAY;AACpD,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;;;ACHzB,SAAS,QAAQ,QAAQ,eAAe,eAAe,mBAAgC,aAAa,SAAS,aAAa;AAC1H,SAAS,kBAAkB;AAkBrB,SACA,KADA;AAPC,IAAM,iBAAgD,CAAC,EAAE,QAAQ,SAAS,GAAG,MAAM,MAAM;AAC9F,QAAM,CAAC,gBAAgB,IAAI,WAAW,YAAY;AAChD,WAAO,MAAM,QAAQ,SAAS;AAAA,EAChC,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,qBAAC,UAAQ,GAAG,OACV;AAAA,yBAAC,eAAY;AAAA;AAAA,MAAuB,QAAQ,OAAO,QAAQ,QAAQ;AAAA,OAAQ;AAAA,IAC3E,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,UAAU,KAAK,GAAG,SAAS,YAAY,mBAE9D,GACF;AAAA,KACF;AAEJ;;;ADnBM,SACY,OAAAC,MADZ,QAAAC,aAAA;AAPC,IAAM,oBAAoE,CAAC,EAAE,UAAU,QAAQ,IAAI,GAAG,MAAM,MAAM;AACvH,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,KAAK;AAElE,QAAM,SAAS,QAAQ;AAEvB,SACE,gBAAAA,MAAC,eAAY,IAAI,EAAE,YAAY,WAAW,eAAe,UAAU,IAAI,GAAG,GAAG,GAAG,GAAI,GAAG,OACrF;AAAA,oBAAAA,MAAC,eAAY,gBAAe,iBAAgB,YAAW,UACpD;AAAA,eAAS,gBAAAD,KAAC,QAAK,OAAO,QAAQ,QAAQ,MAAM,SAAS,IAAK;AAAA,MAC3D,gBAAAA,KAAC,YAAS,SAAS,MAAM,sBAAsB,IAAI,GAAG,MAAM,SAAS,SAAS,YAAY,sBAE1F;AAAA,MACA,gBAAAA,KAAC,kBAAe,WAAS,MAAC,UAAU,MAAM,QAAgB,MAAM,oBAAoB,SAAS,uBAAuB;AAAA,OACtH;AAAA,IACC;AAAA,KACH;AAEJ;;;AEzBA,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;AAe3B,mBAIsB,OAAAC,YAJtB;AAXV,IAAM,iBAAiB,CAAC,YAAoB,WAAmB;AAC7D,SAAO,QAAQ,QAAQ,KAAK,CAAC,UAAU,MAAM,WAAW,qBAAqB,UAAU,EAAE,CAAC,IAAI,qBAAqB,UAAU,GAAG,OAAO;AACzI;AAEO,IAAM,mBAAkE,CAAC,EAAE,WAAW,QAAQ,OAAO,QAAQ,GAAG,MAAM,MAAM;AACjI,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,SAAS,QAAQ,OAAO,QAAQ;AAAA,MACvC,WAAW,aAAa,QAAQ;AAAA,MAChC,QACE,UACE,gBAAAA,KAAA,YACG,mBACG,CAAC,YAAY,UAAU,aAAa,WAAW,QAAQ,SAAS,EAAE,IAAI,CAAC,eAAe;AACpF,cAAM,OAAO,eAAe,YAAY,MAAM;AAC9C,eAAO,OAAO,gBAAAA,KAAC,QAAK,UAAU,SAAS,OAAM,WAAU,IAAK;AAAA,MAC9D,CAAC,IACD,MACN;AAAA,MAGH,GAAG;AAAA;AAAA,EACN;AAEJ;;;AJrBI,SACE,OAAAC,MADF,QAAAC,aAAA;AAFG,IAAM,aAAsD,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AAC3F,SACE,gBAAAA,MAAC,QAAM,GAAG,OACR;AAAA,oBAAAD,KAAC,oBAAiB,QAAgB;AAAA,IAClC,gBAAAA,KAAC,qBAAkB,QAAgB;AAAA,IACnC,gBAAAA,KAAC,qBAAkB,QAAgB;AAAA,KACrC;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,QAAQ,GAAG,MAAM,MAAM;AAChI,SAAO,gBAAAA,KAAC,oBAAiB,QAAgB,OAAO,SAAS,QAAQ,OAAO,QAAQ,WAAY,GAAG,OAAO;AACxG;;;APEI,SACE,OAAAC,MADF,QAAAC,aAAA;AAFG,IAAM,cAAwE,CAAC,EAAE,UAAU,QAAQ,GAAG,MAAM,MAAM;AACvH,SACE,gBAAAA,MAACC,OAAA,EAAM,GAAG,OACR;AAAA,oBAAAF,KAAC,qBAAkB,QAAgB;AAAA,IACnC,gBAAAA,KAAC,sBAAmB,QAAgB;AAAA,IACnC;AAAA,IACD,gBAAAA,KAAC,qBAAkB,QAAgB;AAAA,KACrC;AAEJ;;;AQjBA,SAAS,kBAAkB;AAC3B,SAAS,YAAAG,iBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAuB,SAAS,eAAe;AAE/C,SAAS,wBAAAC,6BAA4B;AACrC,SAAS,YAAAC,iBAAgB;AAYnB,SAKU,OAAAC,MALV,QAAAC,aAAA;AARN,IAAM,gBAAgB,CAAC,YAAoB,WAAmB;AAC5D,SAAO,QAAQ,QAAQ,KAAK,CAAC,UAAU,MAAM,WAAW,qBAAqB,UAAU,EAAE,CAAC,IAAIH,sBAAqB,UAAU,GAAG,KAAK,IAAI;AAC3I;AAEO,IAAM,mBAA+D,CAAC,EAAE,UAAU,QAAQ,GAAG,MAAM,MAAM;AAC9G,QAAM,CAAC,aAAa,cAAc,IAAIC,UAAS,KAAK;AACpD,SACE,gBAAAE,MAAC,WAAS,GAAG,OACX;AAAA,oBAAAA,MAAC,WACE;AAAA,eACG,CAAC,YAAY,UAAU,aAAa,WAAW,MAAM,EAAE,IAAI,CAAC,eAAe;AACzE,cAAM,OAAO,cAAc,YAAY,MAAM;AAC7C,eAAO,OACL,gBAAAD,KAACH,WAAA,EAAS,SAAS,MAAM,eAAe,CAAC,WAAW,GACjD,kBADyD,UAE5D,IACE;AAAA,MACN,CAAC,IACD;AAAA,MACJ,gBAAAG,KAAC,iBAAc,SAAS,WAAW,WAAW,QAAQ,OAAO,GAAG;AAAA,OAClE;AAAA,IAEC,cACG,QAAQ,QAAQ,IAAI,CAAC,UAAU;AAC7B,aAAO,gBAAAA,KAAC,WAAqB,mBAAR,KAAc;AAAA,IACrC,CAAC,IACD;AAAA,IACH;AAAA,KACH;AAEJ;;;ACxCA,SAAS,iBAAiC;AAC1C,SAAS,cAAAE,mBAAkB;AAC3B,SAAS,iBAAAC,sBAAqB;AAM1B,SACE,OAAAC,OADF,QAAAC,aAAA;AAFG,IAAM,kBAAgE,CAAC,EAAE,UAAU,QAAQ,GAAG,MAAM,MAAM;AAC/G,SACE,gBAAAA,MAAC,aAAW,GAAG,OACb;AAAA,oBAAAD,MAACD,gBAAA,EAAc,SAASD,YAAW,WAAW,QAAQ,OAAO,GAAG;AAAA,IAC/D;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","findNetworkComponent","useState","jsx","jsxs","EthAddress","EthAccountBox","jsx","jsxs","useState"]}
|
package/package.json
CHANGED
|
@@ -10,14 +10,14 @@
|
|
|
10
10
|
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@xylabs/eth-address": "^2.
|
|
14
|
-
"@xylabs/react-button": "~2.
|
|
15
|
-
"@xylabs/react-crypto": "~2.
|
|
16
|
-
"@xylabs/react-flexbox": "~2.
|
|
17
|
-
"@xylabs/react-promise": "~2.
|
|
18
|
-
"@xyo-network/diviner": "^2.
|
|
19
|
-
"@xyo-network/module": "^2.
|
|
20
|
-
"@xyo-network/react-shared": "~2.
|
|
13
|
+
"@xylabs/eth-address": "^2.11.7",
|
|
14
|
+
"@xylabs/react-button": "~2.18.4",
|
|
15
|
+
"@xylabs/react-crypto": "~2.18.4",
|
|
16
|
+
"@xylabs/react-flexbox": "~2.18.4",
|
|
17
|
+
"@xylabs/react-promise": "~2.18.4",
|
|
18
|
+
"@xyo-network/diviner": "^2.74.1",
|
|
19
|
+
"@xyo-network/module": "^2.74.1",
|
|
20
|
+
"@xyo-network/react-shared": "~2.61.1"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@ethersproject/address": "^5.7.0",
|
|
@@ -25,17 +25,17 @@
|
|
|
25
25
|
"@ethersproject/networks": "^5.7.1",
|
|
26
26
|
"@ethersproject/providers": "^5.7.2",
|
|
27
27
|
"@ethersproject/solidity": "^5.7.0",
|
|
28
|
-
"@storybook/react": "^7.4.
|
|
28
|
+
"@storybook/react": "^7.4.3",
|
|
29
29
|
"@uniswap/sdk": "^3.0.3",
|
|
30
|
-
"@uniswap/sdk-core": "^4.0.
|
|
30
|
+
"@uniswap/sdk-core": "^4.0.7",
|
|
31
31
|
"@uniswap/v3-sdk": "^3.10.0",
|
|
32
|
-
"@xylabs/react-async-effect": "
|
|
33
|
-
"@xylabs/ts-scripts-yarn3": "^
|
|
34
|
-
"@xylabs/tsconfig-react": "^
|
|
35
|
-
"@xyo-network/archivist": "^2.
|
|
36
|
-
"@xyo-network/crypto-asset-plugin": "^2.
|
|
37
|
-
"@xyo-network/diviner-address-history": "^2.
|
|
38
|
-
"@xyo-network/node-memory": "^2.
|
|
32
|
+
"@xylabs/react-async-effect": "~2.18.4",
|
|
33
|
+
"@xylabs/ts-scripts-yarn3": "^3.0.28",
|
|
34
|
+
"@xylabs/tsconfig-react": "^3.0.28",
|
|
35
|
+
"@xyo-network/archivist": "^2.74.1",
|
|
36
|
+
"@xyo-network/crypto-asset-plugin": "^2.74.1",
|
|
37
|
+
"@xyo-network/diviner-address-history": "^2.74.1",
|
|
38
|
+
"@xyo-network/node-memory": "^2.74.1",
|
|
39
39
|
"typescript": "^5.2.2"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
@@ -48,27 +48,35 @@
|
|
|
48
48
|
"react-router-dom": "^6"
|
|
49
49
|
},
|
|
50
50
|
"description": "Common React library for all XYO projects that use React",
|
|
51
|
-
"browser": "dist/esm/index.js",
|
|
52
51
|
"docs": "dist/docs.json",
|
|
53
52
|
"exports": {
|
|
54
53
|
".": {
|
|
55
54
|
"node": {
|
|
56
|
-
"import":
|
|
57
|
-
|
|
55
|
+
"import": {
|
|
56
|
+
"types": "./dist/index.d.mts",
|
|
57
|
+
"default": "./dist/index.mjs"
|
|
58
|
+
},
|
|
59
|
+
"require": {
|
|
60
|
+
"types": "./dist/index.d.ts",
|
|
61
|
+
"default": "./dist/index.js"
|
|
62
|
+
}
|
|
58
63
|
},
|
|
59
64
|
"browser": {
|
|
60
|
-
"import":
|
|
61
|
-
|
|
65
|
+
"import": {
|
|
66
|
+
"types": "./dist/index.d.mts",
|
|
67
|
+
"default": "./dist/index.mjs"
|
|
68
|
+
},
|
|
69
|
+
"require": {
|
|
70
|
+
"types": "./dist/index.d.ts",
|
|
71
|
+
"default": "./dist/index.js"
|
|
72
|
+
}
|
|
62
73
|
},
|
|
63
|
-
"default": "./dist/
|
|
64
|
-
},
|
|
65
|
-
"./dist/docs.json": {
|
|
66
|
-
"default": "./dist/docs.json"
|
|
74
|
+
"default": "./dist/index.mjs"
|
|
67
75
|
},
|
|
68
76
|
"./package.json": "./package.json"
|
|
69
77
|
},
|
|
70
|
-
"main": "dist/
|
|
71
|
-
"module": "dist/
|
|
78
|
+
"main": "dist/index.js",
|
|
79
|
+
"module": "dist/index.mjs",
|
|
72
80
|
"homepage": "https://xyo.network",
|
|
73
81
|
"keywords": [
|
|
74
82
|
"xyo",
|
|
@@ -89,6 +97,6 @@
|
|
|
89
97
|
"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\""
|
|
90
98
|
},
|
|
91
99
|
"sideEffects": false,
|
|
92
|
-
"types": "dist/
|
|
93
|
-
"version": "2.
|
|
100
|
+
"types": "dist/index.d.ts",
|
|
101
|
+
"version": "2.61.1"
|
|
94
102
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModuleRenderProps.js","sourceRoot":"","sources":["../../src/ModuleRenderProps.tsx"],"names":[],"mappings":""}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.DivinerCard = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const Module_1 = require("../Module");
|
|
8
|
-
const CardContent_1 = require("./CardContent");
|
|
9
|
-
const CardHeader_1 = require("./CardHeader");
|
|
10
|
-
const DivinerCard = (_a) => {
|
|
11
|
-
var { children, module } = _a, props = tslib_1.__rest(_a, ["children", "module"]);
|
|
12
|
-
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 })] })));
|
|
13
|
-
};
|
|
14
|
-
exports.DivinerCard = DivinerCard;
|
|
15
|
-
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.DivinerCardActions = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const Module_1 = require("../Module");
|
|
6
|
-
const DivinerCardActions = (props) => {
|
|
7
|
-
return (0, jsx_runtime_1.jsx)(Module_1.ModuleCardActions, Object.assign({}, props));
|
|
8
|
-
};
|
|
9
|
-
exports.DivinerCardActions = DivinerCardActions;
|
|
10
|
-
//# sourceMappingURL=CardActions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardActions.tsx"],"names":[],"mappings":";;;;AAIA,sCAA6C;AAEtC,MAAM,kBAAkB,GAAoE,CAAC,KAAK,EAAE,EAAE;IAC3G,OAAO,uBAAC,0BAAiB,oBAAK,KAAK,EAAI,CAAA;AACzC,CAAC,CAAA;AAFY,QAAA,kBAAkB,sBAE9B"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.DivinerCardContent = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const Module_1 = require("../Module");
|
|
7
|
-
const DivinerCardContent = (_a) => {
|
|
8
|
-
var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
|
|
9
|
-
return (0, jsx_runtime_1.jsx)(Module_1.ModuleCardContent, Object.assign({}, props, { children: children }));
|
|
10
|
-
};
|
|
11
|
-
exports.DivinerCardContent = DivinerCardContent;
|
|
12
|
-
//# sourceMappingURL=CardContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";;;;;AAIA,sCAA6C;AAEtC,MAAM,kBAAkB,GAAoE,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IACtH,OAAO,uBAAC,0BAAiB,oBAAK,KAAK,cAAG,QAAQ,IAAqB,CAAA;AACrE,CAAC,CAAA;AAFY,QAAA,kBAAkB,sBAE9B"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.DivinerCardHeader = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const Module_1 = require("../Module");
|
|
7
|
-
const DivinerCardHeader = (_a) => {
|
|
8
|
-
var _b;
|
|
9
|
-
var { title, module } = _a, props = tslib_1.__rest(_a, ["title", "module"]);
|
|
10
|
-
return (0, jsx_runtime_1.jsx)(Module_1.ModuleCardHeader, Object.assign({ module: module, title: (_b = title !== null && title !== void 0 ? title : module === null || module === void 0 ? void 0 : module.config.name) !== null && _b !== void 0 ? _b : 'Diviner' }, props));
|
|
11
|
-
};
|
|
12
|
-
exports.DivinerCardHeader = DivinerCardHeader;
|
|
13
|
-
//# sourceMappingURL=CardHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardHeader.tsx"],"names":[],"mappings":";;;;;AAIA,sCAA4C;AAErC,MAAM,iBAAiB,GAAmE,CAAC,EAA2B,EAAE,EAAE;;QAA/B,EAAE,KAAK,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAzB,mBAA2B,CAAF;IACzH,OAAO,uBAAC,yBAAgB,kBAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,IAAI,mCAAI,SAAS,IAAM,KAAK,EAAI,CAAA;AAC1G,CAAC,CAAA;AAFY,QAAA,iBAAiB,qBAE7B"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./Card"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./CardContent"), exports);
|
|
6
|
-
tslib_1.__exportStar(require("./CardHeader"), exports);
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB;AACtB,wDAA6B;AAC7B,uDAA4B"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ModuleCard = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const CardActions_1 = require("./CardActions");
|
|
8
|
-
const CardContent_1 = require("./CardContent");
|
|
9
|
-
const CardHeader_1 = require("./CardHeader");
|
|
10
|
-
const ModuleCard = (_a) => {
|
|
11
|
-
var { module } = _a, props = tslib_1.__rest(_a, ["module"]);
|
|
12
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Card, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(CardHeader_1.ModuleCardHeader, { module: module }), (0, jsx_runtime_1.jsx)(CardContent_1.ModuleCardContent, { module: module }), (0, jsx_runtime_1.jsx)(CardActions_1.ModuleCardActions, { module: module })] })));
|
|
13
|
-
};
|
|
14
|
-
exports.ModuleCard = ModuleCard;
|
|
15
|
-
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/Card.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAG/C,+CAAiD;AACjD,+CAAiD;AACjD,6CAA+C;AAExC,MAAM,UAAU,GAA4C,CAAC,EAAoB,EAAE,EAAE;QAAxB,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAlB,UAAoB,CAAF;IACpF,OAAO,CACL,wBAAC,eAAI,oBAAK,KAAK,eACb,uBAAC,6BAAgB,IAAC,MAAM,EAAE,MAAM,GAAI,EACpC,uBAAC,+BAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACrC,uBAAC,+BAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,KAChC,CACR,CAAA;AACH,CAAC,CAAA;AARY,QAAA,UAAU,cAQtB"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ModuleCardActions = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const react_button_1 = require("@xylabs/react-button");
|
|
8
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
9
|
-
const react_1 = require("react");
|
|
10
|
-
const components_1 = require("./components");
|
|
11
|
-
const ModuleCardActions = (_a) => {
|
|
12
|
-
var { children, module, sx } = _a, props = tslib_1.__rest(_a, ["children", "module", "sx"]);
|
|
13
|
-
const [discoverDialogOpen, setDiscoverDialogOpen] = (0, react_1.useState)(false);
|
|
14
|
-
const config = module === null || module === void 0 ? void 0 : module.config;
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.CardActions, Object.assign({ sx: Object.assign({ alignItems: 'stretch', flexDirection: 'column', ml: 1 }, sx) }, props, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ justifyContent: "space-between", alignItems: "center" }, { children: [module ? (0, jsx_runtime_1.jsx)(material_1.Chip, { label: config === null || config === void 0 ? void 0 : config.schema, size: 'small' }) : null, (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ onClick: () => setDiscoverDialogOpen(true), size: 'small', variant: 'outlined' }, { children: "Discover" })), (0, jsx_runtime_1.jsx)(components_1.DiscoverDialog, { fullWidth: true, maxWidth: 'md', module: module, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })] })), children] })));
|
|
16
|
-
};
|
|
17
|
-
exports.ModuleCardActions = ModuleCardActions;
|
|
18
|
-
//# sourceMappingURL=CardActions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAmE;AACnE,uDAA+C;AAC/C,yDAAmD;AACnD,iCAAgC;AAGhC,6CAA6C;AAEtC,MAAM,iBAAiB,GAAmD,CAAC,EAAkC,EAAE,EAAE;QAAtC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAY,EAAP,KAAK,sBAAhC,4BAAkC,CAAF;IAChH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEnE,MAAM,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA;IAE7B,OAAO,CACL,wBAAC,sBAAW,kBAAC,EAAE,kBAAI,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAK,EAAE,KAAQ,KAAK,eAC1F,wBAAC,2BAAW,kBAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,iBAC5D,MAAM,CAAC,CAAC,CAAC,uBAAC,eAAI,IAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/D,uBAAC,uBAAQ,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,8BAE7E,EACX,uBAAC,2BAAc,IAAC,SAAS,QAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,qBAAqB,GAAI,KAC1G,EACb,QAAQ,KACG,CACf,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,iBAAiB,qBAiB7B"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ModuleCardContent = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const ModuleCardContent = (_a) => {
|
|
8
|
-
var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
|
|
9
|
-
return (0, jsx_runtime_1.jsx)(material_1.CardContent, Object.assign({}, props, { children: children }));
|
|
10
|
-
};
|
|
11
|
-
exports.ModuleCardContent = ModuleCardContent;
|
|
12
|
-
//# sourceMappingURL=CardContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardContent.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAItD,MAAM,iBAAiB,GAAmD,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IACpG,OAAO,uBAAC,sBAAW,oBAAK,KAAK,cAAG,QAAQ,IAAe,CAAA;AACzD,CAAC,CAAA;AAFY,QAAA,iBAAiB,qBAE7B"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ModuleCardHeader = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const react_shared_1 = require("@xyo-network/react-shared");
|
|
8
|
-
const getModuleIcons = (moduleType, module) => {
|
|
9
|
-
var _a;
|
|
10
|
-
return (module === null || module === void 0 ? void 0 : module.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = (0, react_shared_1.findNetworkComponent)(moduleType)) === null || _a === void 0 ? void 0 : _a.icon : null;
|
|
11
|
-
};
|
|
12
|
-
const ModuleCardHeader = (_a) => {
|
|
13
|
-
var _b;
|
|
14
|
-
var { subheader, avatar, title, module } = _a, props = tslib_1.__rest(_a, ["subheader", "avatar", "title", "module"]);
|
|
15
|
-
return ((0, jsx_runtime_1.jsx)(material_1.CardHeader, Object.assign({ title: (_b = title !== null && title !== void 0 ? title : module === null || module === void 0 ? void 0 : module.config.name) !== null && _b !== void 0 ? _b : 'Module', subheader: subheader !== null && subheader !== void 0 ? subheader : module === null || module === void 0 ? void 0 : module.address, avatar: avatar !== null && avatar !== void 0 ? avatar : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: module
|
|
16
|
-
? ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness'].map((moduleType) => {
|
|
17
|
-
const Icon = getModuleIcons(moduleType, module);
|
|
18
|
-
return Icon ? (0, jsx_runtime_1.jsx)(Icon, { fontSize: 'large', color: "primary" }) : null;
|
|
19
|
-
})
|
|
20
|
-
: null })) }, props)));
|
|
21
|
-
};
|
|
22
|
-
exports.ModuleCardHeader = ModuleCardHeader;
|
|
23
|
-
//# sourceMappingURL=CardHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardHeader.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAE3D,4DAAgE;AAIhE,MAAM,cAAc,GAAG,CAAC,UAAkB,EAAE,MAAc,EAAE,EAAE;;IAC5D,OAAO,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,qBAAqB,UAAU,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,MAAA,IAAA,mCAAoB,EAAC,UAAU,CAAC,0CAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;AAC7I,CAAC,CAAA;AAEM,MAAM,gBAAgB,GAAkD,CAAC,EAA8C,EAAE,EAAE;;QAAlD,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5C,0CAA8C,CAAF;IAC1H,OAAO,CACL,uBAAC,qBAAU,kBACT,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,IAAI,mCAAI,QAAQ,EAC/C,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EACvC,MAAM,EACJ,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CACR,2DACG,MAAM;gBACL,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;oBACnF,MAAM,IAAI,GAAG,cAAc,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;oBAC/C,OAAO,IAAI,CAAC,CAAC,CAAC,uBAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA;gBAClE,CAAC,CAAC;gBACJ,CAAC,CAAC,IAAI,GACP,CACJ,IAEC,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,gBAAgB,oBAoB5B"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.DiscoverDialog = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const react_promise_1 = require("@xylabs/react-promise");
|
|
8
|
-
// Add a dialogue title and quick tip to show description of discover query
|
|
9
|
-
const DiscoverDialog = (_a) => {
|
|
10
|
-
var { module, setOpen } = _a, props = tslib_1.__rest(_a, ["module", "setOpen"]);
|
|
11
|
-
const [discoverPayloads] = (0, react_promise_1.usePromise)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
12
|
-
return yield (module === null || module === void 0 ? void 0 : module.discover());
|
|
13
|
-
}), [module]);
|
|
14
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsxs)(material_1.DialogTitle, { children: ["Supported Queries for ", (module === null || module === void 0 ? void 0 : module.config.name) || (module === null || module === void 0 ? void 0 : module.address)] }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsxs)(material_1.Paper, Object.assign({ sx: { p: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }), (0, jsx_runtime_1.jsx)("pre", { children: JSON.stringify(discoverPayloads, null, 2) })] })) }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ onClick: () => setOpen === null || setOpen === void 0 ? void 0 : setOpen(false), variant: 'outlined' }, { children: "Close" })) })] })));
|
|
15
|
-
};
|
|
16
|
-
exports.DiscoverDialog = DiscoverDialog;
|
|
17
|
-
//# sourceMappingURL=DiscoverDialog.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DiscoverDialog.js","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyI;AACzI,yDAAkD;AASlD,2EAA2E;AAEpE,MAAM,cAAc,GAAkC,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,MAAM,EAAE,OAAO,OAAY,EAAP,KAAK,sBAA3B,qBAA6B,CAAF;IACvF,MAAM,CAAC,gBAAgB,CAAC,GAAG,IAAA,0BAAU,EAAC,GAAS,EAAE;QAC/C,OAAO,MAAM,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,CAAA,CAAA;IACjC,CAAC,CAAA,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,wBAAC,iBAAM,oBAAK,KAAK,eACf,wBAAC,sBAAW,yCAAwB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,IAAI,MAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAA,IAAe,EACzF,uBAAC,kBAAO,KAAG,EACX,uBAAC,wBAAa,cACZ,wBAAC,gBAAK,kBAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,iBACjB,uBAAC,4BAAiB,kGAAoG,EACtH,0CAAM,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC,GAAO,KAChD,GACM,EAChB,uBAAC,wBAAa,cACZ,uBAAC,iBAAM,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,EAAE,OAAO,EAAE,UAAU,2BAEnD,GACK,KACT,CACV,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,cAAc,kBAsB1B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./Card"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./CardActions"), exports);
|
|
6
|
-
tslib_1.__exportStar(require("./CardContent"), exports);
|
|
7
|
-
tslib_1.__exportStar(require("./CardHeader"), exports);
|
|
8
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB;AACtB,wDAA6B;AAC7B,wDAA6B;AAC7B,uDAA4B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,mDAAwB"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ModuleDetailsBox = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const eth_address_1 = require("@xylabs/eth-address");
|
|
7
|
-
const react_button_1 = require("@xylabs/react-button");
|
|
8
|
-
const react_crypto_1 = require("@xylabs/react-crypto");
|
|
9
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
10
|
-
const react_shared_1 = require("@xyo-network/react-shared");
|
|
11
|
-
const react_1 = require("react");
|
|
12
|
-
const getModuleIcon = (moduleType, module) => {
|
|
13
|
-
var _a;
|
|
14
|
-
return (module === null || module === void 0 ? void 0 : module.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = (0, react_shared_1.findNetworkComponent)(moduleType)) === null || _a === void 0 ? void 0 : _a.icon() : null;
|
|
15
|
-
};
|
|
16
|
-
const ModuleDetailsBox = (_a) => {
|
|
17
|
-
var { children, module } = _a, props = tslib_1.__rest(_a, ["children", "module"]);
|
|
18
|
-
const [showQueries, setShowQueries] = (0, react_1.useState)(false);
|
|
19
|
-
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, { children: [module
|
|
20
|
-
? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {
|
|
21
|
-
const icon = getModuleIcon(moduleType, module);
|
|
22
|
-
return icon ? ((0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ onClick: () => setShowQueries(!showQueries) }, { children: icon }), moduleType)) : null;
|
|
23
|
-
})
|
|
24
|
-
: null, (0, jsx_runtime_1.jsx)(react_crypto_1.EthAccountBox, { address: eth_address_1.EthAddress.fromString(module === null || module === void 0 ? void 0 : module.address) })] }), showQueries
|
|
25
|
-
? module === null || module === void 0 ? void 0 : module.queries.map((query) => {
|
|
26
|
-
return (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, { children: query }, query);
|
|
27
|
-
})
|
|
28
|
-
: null, children] })));
|
|
29
|
-
};
|
|
30
|
-
exports.ModuleDetailsBox = ModuleDetailsBox;
|
|
31
|
-
//# sourceMappingURL=DetailsBox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DetailsBox.js","sourceRoot":"","sources":["../../../src/components/DetailsBox.tsx"],"names":[],"mappings":";;;;;AAAA,qDAAgD;AAChD,uDAA+C;AAC/C,uDAAoD;AACpD,yDAAsE;AAEtE,4DAAgE;AAChE,iCAAgC;AAIhC,MAAM,aAAa,GAAG,CAAC,UAAkB,EAAE,MAAc,EAAE,EAAE;;IAC3D,OAAO,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,qBAAqB,UAAU,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,MAAA,IAAA,mCAAoB,EAAC,UAAU,CAAC,0CAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;AAC/I,CAAC,CAAA;AAEM,MAAM,gBAAgB,GAA+C,CAAC,EAA8B,EAAE,EAAE;QAAlC,EAAE,QAAQ,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5B,sBAA8B,CAAF;IACvG,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACrD,OAAO,CACL,wBAAC,uBAAO,oBAAK,KAAK,eAChB,wBAAC,uBAAO,eACL,MAAM;wBACL,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;4BACxE,MAAM,IAAI,GAAG,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;4BAC9C,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,uBAAC,uBAAQ,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,gBAClD,IAAI,KADqD,UAAU,CAE3D,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;wBACV,CAAC,CAAC;wBACJ,CAAC,CAAC,IAAI,EACR,uBAAC,4BAAa,IAAC,OAAO,EAAE,wBAAU,CAAC,UAAU,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,GAAI,IAC1D,EAET,WAAW;gBACV,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBAC5B,OAAO,uBAAC,uBAAO,cAAc,KAAK,IAAb,KAAK,CAAmB,CAAA;gBAC/C,CAAC,CAAC;gBACJ,CAAC,CAAC,IAAI,EACP,QAAQ,KACD,CACX,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,gBAAgB,oBA0B5B"}
|