@xyo-network/react-module 2.49.7 → 2.49.8
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/cjs/components/Card/Module/CardActions.js +1 -11
- package/dist/cjs/components/Card/Module/CardActions.js.map +1 -1
- package/dist/cjs/components/Card/Module/CardHeader.js +11 -2
- package/dist/cjs/components/Card/Module/CardHeader.js.map +1 -1
- package/dist/cjs/components/Card/Module/components/DiscoverDialog.js +3 -2
- package/dist/cjs/components/Card/Module/components/DiscoverDialog.js.map +1 -1
- package/dist/docs.json +1572 -88
- package/dist/esm/components/Card/Module/CardActions.js +2 -11
- package/dist/esm/components/Card/Module/CardActions.js.map +1 -1
- package/dist/esm/components/Card/Module/CardHeader.js +11 -3
- package/dist/esm/components/Card/Module/CardHeader.js.map +1 -1
- package/dist/esm/components/Card/Module/components/DiscoverDialog.js +5 -4
- package/dist/esm/components/Card/Module/components/DiscoverDialog.js.map +1 -1
- package/dist/types/components/Card/Module/CardActions.d.ts.map +1 -1
- package/dist/types/components/Card/Module/CardHeader.d.ts.map +1 -1
- package/dist/types/components/Card/Module/components/DiscoverDialog.d.ts +2 -1
- package/dist/types/components/Card/Module/components/DiscoverDialog.d.ts.map +1 -1
- package/package.json +6 -7
- package/src/components/Card/Module/CardActions.tsx +3 -21
- package/src/components/Card/Module/CardHeader.tsx +18 -2
- package/src/components/Card/Module/components/DiscoverDialog.tsx +12 -4
|
@@ -7,24 +7,14 @@ const material_1 = require("@mui/material");
|
|
|
7
7
|
const react_button_1 = require("@xylabs/react-button");
|
|
8
8
|
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
9
9
|
const module_1 = require("@xyo-network/module");
|
|
10
|
-
const react_shared_1 = require("@xyo-network/react-shared");
|
|
11
10
|
const react_1 = require("react");
|
|
12
11
|
const components_1 = require("./components");
|
|
13
|
-
const getModuleIcons = (moduleType, wrapper) => {
|
|
14
|
-
var _a;
|
|
15
|
-
return (wrapper === null || wrapper === void 0 ? void 0 : wrapper.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;
|
|
16
|
-
};
|
|
17
12
|
const ModuleCardActions = (_a) => {
|
|
18
13
|
var { children, module, sx } = _a, props = tslib_1.__rest(_a, ["children", "module", "sx"]);
|
|
19
14
|
const [discoverDialogOpen, setDiscoverDialogOpen] = (0, react_1.useState)(false);
|
|
20
15
|
const wrapper = module ? module_1.ModuleWrapper.wrap(module) : undefined;
|
|
21
16
|
const config = wrapper === null || wrapper === void 0 ? void 0 : wrapper.config;
|
|
22
|
-
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.
|
|
23
|
-
? ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness'].map((moduleType) => {
|
|
24
|
-
const icon = getModuleIcons(moduleType, wrapper);
|
|
25
|
-
return icon ? ((0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ color: 'primary', title: moduleType.toLocaleUpperCase() }, { children: icon }), moduleType)) : null;
|
|
26
|
-
})
|
|
27
|
-
: 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', open: discoverDialogOpen, setOpen: setDiscoverDialogOpen, wrapper: wrapper })] })), children] })));
|
|
17
|
+
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: [wrapper ? (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, wrapper: wrapper })] })), children] })));
|
|
28
18
|
};
|
|
29
19
|
exports.ModuleCardActions = ModuleCardActions;
|
|
30
20
|
//# sourceMappingURL=CardActions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
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,gDAAmD;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;IACnE,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,sBAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,MAAM,MAAM,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA;IAE9B,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,OAAO,CAAC,CAAC,CAAC,uBAAC,eAAI,IAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,EAChE,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,EAAE,OAAO,EAAE,OAAO,GAAI,KAC5H,EACb,QAAQ,KACG,CACf,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,iBAAiB,qBAiB7B"}
|
|
@@ -4,13 +4,22 @@ exports.ModuleCardHeader = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
|
-
const react_identicon_1 = require("@xylabs/react-identicon");
|
|
8
7
|
const module_1 = require("@xyo-network/module");
|
|
8
|
+
const react_shared_1 = require("@xyo-network/react-shared");
|
|
9
|
+
const getModuleIcons = (moduleType, wrapper) => {
|
|
10
|
+
var _a;
|
|
11
|
+
return (wrapper === null || wrapper === void 0 ? void 0 : wrapper.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;
|
|
12
|
+
};
|
|
9
13
|
const ModuleCardHeader = (_a) => {
|
|
10
14
|
var _b;
|
|
11
15
|
var { subheader, avatar, title, module } = _a, props = tslib_1.__rest(_a, ["subheader", "avatar", "title", "module"]);
|
|
12
16
|
const wrapper = module ? module_1.ModuleWrapper.wrap(module) : undefined;
|
|
13
|
-
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 : wrapper === null || wrapper === void 0 ? void 0 : wrapper.address, avatar: avatar !== null && avatar !== void 0 ? avatar : (0, jsx_runtime_1.jsx)(
|
|
17
|
+
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 : wrapper === null || wrapper === void 0 ? void 0 : wrapper.address, avatar: avatar !== null && avatar !== void 0 ? avatar : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: wrapper
|
|
18
|
+
? ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness'].map((moduleType) => {
|
|
19
|
+
const Icon = getModuleIcons(moduleType, wrapper);
|
|
20
|
+
return Icon ? (0, jsx_runtime_1.jsx)(Icon, { fontSize: 'large', color: "primary" }) : null;
|
|
21
|
+
})
|
|
22
|
+
: null })) }, props)));
|
|
14
23
|
};
|
|
15
24
|
exports.ModuleCardHeader = ModuleCardHeader;
|
|
16
25
|
//# sourceMappingURL=CardHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardHeader.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,
|
|
1
|
+
{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardHeader.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,gDAAmD;AACnD,4DAAgE;AAIhE,MAAM,cAAc,GAAG,CAAC,UAAkB,EAAE,OAAsB,EAAE,EAAE;;IACpE,OAAO,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,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;AAC9I,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,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,sBAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE/D,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,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EACxC,MAAM,EACJ,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CACR,2DACG,OAAO;gBACN,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,OAAO,CAAC,CAAA;oBAChD,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;AAtBY,QAAA,gBAAgB,oBAsB5B"}
|
|
@@ -6,8 +6,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
7
|
const react_async_effect_1 = require("@xylabs/react-async-effect");
|
|
8
8
|
const react_1 = require("react");
|
|
9
|
+
// Add a dialogue title and quick tip to show description of discover query
|
|
9
10
|
const DiscoverDialog = (_a) => {
|
|
10
|
-
var { setOpen, wrapper } = _a, props = tslib_1.__rest(_a, ["setOpen", "wrapper"]);
|
|
11
|
+
var { module, setOpen, wrapper } = _a, props = tslib_1.__rest(_a, ["module", "setOpen", "wrapper"]);
|
|
11
12
|
const [discoverPayloads, setDiscoverPayloads] = (0, react_1.useState)([]);
|
|
12
13
|
(0, react_async_effect_1.useAsyncEffect)(
|
|
13
14
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -18,7 +19,7 @@ const DiscoverDialog = (_a) => {
|
|
|
18
19
|
setDiscoverPayloads(payloads);
|
|
19
20
|
}
|
|
20
21
|
}), [wrapper]);
|
|
21
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (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" })) })] })));
|
|
22
|
+
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" })) })] })));
|
|
22
23
|
};
|
|
23
24
|
exports.DiscoverDialog = DiscoverDialog;
|
|
24
25
|
//# sourceMappingURL=DiscoverDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiscoverDialog.js","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"DiscoverDialog.js","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyI;AACzI,mEAA2D;AAG3D,iCAA0D;AAQ1D,2EAA2E;AAEpE,MAAM,cAAc,GAAkC,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,OAAY,EAAP,KAAK,sBAApC,gCAAsC,CAAF;IAChG,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAY,EAAE,CAAC,CAAA;IAEvE,IAAA,mCAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,IAAI,OAAO,EAAE;YACX,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAA;YACzC,IAAI,OAAO,EAAE;gBAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;SAC7C;IACH,CAAC,CAAA,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,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;AA/BY,QAAA,cAAc,kBA+B1B"}
|