@xyo-network/react-node 2.42.5 → 2.42.7
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/NodeDrawer.js +1 -14
- package/dist/cjs/components/NodeDrawer.js.map +1 -1
- package/dist/cjs/components/render/ModuleDescriptionBox.js +2 -3
- package/dist/cjs/components/render/ModuleDescriptionBox.js.map +1 -1
- package/dist/cjs/components/render/RenderModule.js +16 -2
- package/dist/cjs/components/render/RenderModule.js.map +1 -1
- package/dist/docs.json +145 -522
- package/dist/esm/components/NodeDrawer.js +1 -14
- package/dist/esm/components/NodeDrawer.js.map +1 -1
- package/dist/esm/components/render/ModuleDescriptionBox.js +2 -3
- package/dist/esm/components/render/ModuleDescriptionBox.js.map +1 -1
- package/dist/esm/components/render/RenderModule.js +15 -2
- package/dist/esm/components/render/RenderModule.js.map +1 -1
- package/dist/types/components/NodeDrawer.d.ts.map +1 -1
- package/dist/types/components/render/ModuleDescriptionBox.d.ts +2 -2
- package/dist/types/components/render/ModuleDescriptionBox.d.ts.map +1 -1
- package/dist/types/components/render/RenderModule.d.ts +2 -2
- package/dist/types/components/render/RenderModule.d.ts.map +1 -1
- package/dist/types/contexts/useNode.d.ts +1 -28
- package/dist/types/contexts/useNode.d.ts.map +1 -1
- package/package.json +10 -11
- package/src/components/NodeDrawer.tsx +2 -18
- package/src/components/render/ModuleDescriptionBox.tsx +8 -9
- package/src/components/render/RenderModule.tsx +21 -7
|
@@ -6,26 +6,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const Close_1 = tslib_1.__importDefault(require("@mui/icons-material/Close"));
|
|
7
7
|
const material_1 = require("@mui/material");
|
|
8
8
|
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
9
|
-
const react_shared_1 = require("@xylabs/react-shared");
|
|
10
|
-
const node_1 = require("@xyo-network/node");
|
|
11
|
-
const react_1 = require("react");
|
|
12
9
|
const contexts_1 = require("../contexts");
|
|
13
10
|
const render_1 = require("./render");
|
|
14
11
|
const NodeDrawer = (_a) => {
|
|
15
12
|
var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
|
|
16
13
|
const { open, setOpen } = (0, contexts_1.useNodeDrawer)();
|
|
17
14
|
const [node] = (0, contexts_1.useNode)();
|
|
18
|
-
|
|
19
|
-
(0, react_shared_1.useAsyncEffect)(
|
|
20
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
21
|
-
() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
22
|
-
if (node) {
|
|
23
|
-
const wrapper = node ? node_1.NodeWrapper.wrap(node) : undefined;
|
|
24
|
-
const nodeDescription = yield (wrapper === null || wrapper === void 0 ? void 0 : wrapper.describe());
|
|
25
|
-
setModuleDescription(nodeDescription);
|
|
26
|
-
}
|
|
27
|
-
}), [node]);
|
|
28
|
-
return ((0, jsx_runtime_1.jsx)(material_1.Drawer, Object.assign({ open: open !== null && open !== void 0 ? open : false, anchor: "right" }, props, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: () => setOpen === null || setOpen === void 0 ? void 0 : setOpen(false) }, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowCol, Object.assign({ role: "presentation", justifyContent: "start", p: 2, rowGap: 2, minWidth: "33vw" }, { children: [(0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ alignContent: "start", justifyContent: "start", width: "100%" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: () => setOpen === null || setOpen === void 0 ? void 0 : setOpen(false) }, { children: (0, jsx_runtime_1.jsx)(Close_1.default, {}) })) })), (0, jsx_runtime_1.jsx)(render_1.ModuleDescriptionBox, { moduleDescription: moduleDescription }), children] })) })) })));
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Drawer, Object.assign({ open: open !== null && open !== void 0 ? open : false, anchor: "right" }, props, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: () => setOpen === null || setOpen === void 0 ? void 0 : setOpen(false) }, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowCol, Object.assign({ role: "presentation", justifyContent: "start", p: 2, rowGap: 2, minWidth: "33vw" }, { children: [(0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ alignContent: "start", justifyContent: "start", width: "100%" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: () => setOpen === null || setOpen === void 0 ? void 0 : setOpen(false) }, { children: (0, jsx_runtime_1.jsx)(Close_1.default, {}) })) })), (0, jsx_runtime_1.jsx)(render_1.ModuleDescriptionBox, { module: node }), children] })) })) })));
|
|
29
16
|
};
|
|
30
17
|
exports.NodeDrawer = NodeDrawer;
|
|
31
18
|
//# sourceMappingURL=NodeDrawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeDrawer.js","sourceRoot":"","sources":["../../../src/components/NodeDrawer.tsx"],"names":[],"mappings":";;;;;AAAA,8EAAiD;AACjD,4CAAkF;AAClF,yDAA4D;
|
|
1
|
+
{"version":3,"file":"NodeDrawer.js","sourceRoot":"","sources":["../../../src/components/NodeDrawer.tsx"],"names":[],"mappings":";;;;;AAAA,8EAAiD;AACjD,4CAAkF;AAClF,yDAA4D;AAG5D,0CAAoD;AACpD,qCAA+C;AAIxC,MAAM,UAAU,GAA8B,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IACxE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAA,wBAAa,GAAE,CAAA;IACzC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAA,kBAAO,GAAE,CAAA;IAExB,OAAO,CACL,uBAAC,iBAAM,kBAAC,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK,EAAE,MAAM,EAAC,OAAO,IAAK,KAAK,cACnD,uBAAC,4BAAiB,kBAAC,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,gBACpD,wBAAC,2BAAW,kBAAC,IAAI,EAAC,cAAc,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,iBACtF,uBAAC,uBAAO,kBAAC,YAAY,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,gBAC/D,uBAAC,qBAAU,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,gBACzC,uBAAC,eAAS,KAAG,IACF,IACL,EACV,uBAAC,6BAAoB,IAAC,MAAM,EAAE,IAAI,GAAI,EACrC,QAAQ,KACG,IACI,IACb,CACV,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,UAAU,cAmBtB"}
|
|
@@ -7,12 +7,11 @@ const ChevronRight_1 = tslib_1.__importDefault(require("@mui/icons-material/Chev
|
|
|
7
7
|
const ExpandMore_1 = tslib_1.__importDefault(require("@mui/icons-material/ExpandMore"));
|
|
8
8
|
const lab_1 = require("@mui/lab");
|
|
9
9
|
const material_1 = require("@mui/material");
|
|
10
|
-
const isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty"));
|
|
11
10
|
const react_1 = require("react");
|
|
12
11
|
const RenderModule_1 = require("./RenderModule");
|
|
13
|
-
const ModuleDescriptionBox = ({
|
|
12
|
+
const ModuleDescriptionBox = ({ module }) => {
|
|
14
13
|
const idRef = (0, react_1.useRef)({ idIncrementor: 0, ids: [] });
|
|
15
|
-
return ((0, jsx_runtime_1.
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: module === undefined ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h4" }, { children: "Node not found" }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h4" }, { children: "Node Configuration" })), (0, jsx_runtime_1.jsx)(StyledTreeView, Object.assign({ "aria-label": "file system navigator", defaultCollapseIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}), defaultExpandIcon: (0, jsx_runtime_1.jsx)(ChevronRight_1.default, {}), sx: { flexGrow: 1 } }, { children: (0, jsx_runtime_1.jsx)(RenderModule_1.RenderModule, { module: module, idRef: idRef }) }))] })) }));
|
|
16
15
|
};
|
|
17
16
|
exports.ModuleDescriptionBox = ModuleDescriptionBox;
|
|
18
17
|
const StyledTreeView = (0, material_1.styled)(lab_1.TreeView, { name: 'StyledTreeView' })(() => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModuleDescriptionBox.js","sourceRoot":"","sources":["../../../../src/components/render/ModuleDescriptionBox.tsx"],"names":[],"mappings":";;;;;AAAA,4FAA+D;AAC/D,wFAA2D;AAC3D,kCAAmC;AACnC,4CAAkD;AAGlD,
|
|
1
|
+
{"version":3,"file":"ModuleDescriptionBox.js","sourceRoot":"","sources":["../../../../src/components/render/ModuleDescriptionBox.tsx"],"names":[],"mappings":";;;;;AAAA,4FAA+D;AAC/D,wFAA2D;AAC3D,kCAAmC;AACnC,4CAAkD;AAGlD,iCAA8B;AAE9B,iDAA6C;AAKtC,MAAM,oBAAoB,GAAqC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACnF,MAAM,KAAK,GAAG,IAAA,cAAM,EAA2C,EAAE,aAAa,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAA;IAE7F,OAAO,CACL,2DACG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,oCAA4B,CACrD,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,wCAAgC,EACxD,uBAAC,cAAc,gCACF,uBAAuB,EAClC,mBAAmB,EAAE,uBAAC,oBAAc,KAAG,EACvC,iBAAiB,EAAE,uBAAC,sBAAgB,KAAG,EACvC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,gBAEnB,uBAAC,2BAAY,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI,IAC/B,IAChB,CACJ,GACA,CACJ,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,oBAAoB,wBAsBhC;AAED,MAAM,cAAc,GAAG,IAAA,iBAAM,EAAC,cAAQ,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACzE,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC,CAAA"}
|
|
@@ -1,11 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.RenderModule = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
4
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const lab_1 = require("@mui/lab");
|
|
6
7
|
const material_1 = require("@mui/material");
|
|
8
|
+
const react_shared_1 = require("@xylabs/react-shared");
|
|
9
|
+
const module_1 = require("@xyo-network/module");
|
|
10
|
+
const react_1 = require("react");
|
|
7
11
|
const RenderModule = ({ module, idRef }) => {
|
|
8
|
-
const { address, queries
|
|
12
|
+
const { address, queries } = module;
|
|
13
|
+
const [childModules, setChildModules] = (0, react_1.useState)();
|
|
14
|
+
(0, react_shared_1.useAsyncEffect)(
|
|
15
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
16
|
+
(mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
17
|
+
const wrapper = module_1.ModuleWrapper.wrap(module);
|
|
18
|
+
const children = (yield wrapper.resolve()).filter((childModule) => childModule.address !== address);
|
|
19
|
+
if (mounted()) {
|
|
20
|
+
setChildModules(children);
|
|
21
|
+
}
|
|
22
|
+
}), [module, address]);
|
|
9
23
|
const increment = () => {
|
|
10
24
|
const newId = (idRef.current.idIncrementor++).toString();
|
|
11
25
|
idRef.current.ids.push(newId);
|
|
@@ -13,7 +27,7 @@ const RenderModule = ({ module, idRef }) => {
|
|
|
13
27
|
};
|
|
14
28
|
return ((0, jsx_runtime_1.jsxs)(StyledAddressTreeItem, Object.assign({ nodeId: increment(), label: `address: ${address}` }, { children: [queries.map((query, index) => {
|
|
15
29
|
return (0, jsx_runtime_1.jsx)(lab_1.TreeItem, { nodeId: increment(), label: `query : ${query}`, sx: { mb: index === queries.length - 1 ? 1.5 : 0.5 } }, query);
|
|
16
|
-
}),
|
|
30
|
+
}), childModules && childModules.length > 0 ? ((0, jsx_runtime_1.jsx)(lab_1.TreeItem, Object.assign({ nodeId: increment(), label: 'children', sx: { mb: 0.5 } }, { children: childModules.map((childModule) => ((0, jsx_runtime_1.jsx)(exports.RenderModule, { module: childModule, idRef: idRef }, childModule.address))) }))) : null] })));
|
|
17
31
|
};
|
|
18
32
|
exports.RenderModule = RenderModule;
|
|
19
33
|
const StyledAddressTreeItem = (0, material_1.styled)(lab_1.TreeItem, { name: 'StyledAddressTreeItem' })(({ theme }) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderModule.js","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RenderModule.js","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":";;;;;AAAA,kCAAmC;AACnC,4CAAsC;AACtC,uDAAqD;AACrD,gDAA2D;AAC3D,iCAAkD;AAU3C,MAAM,YAAY,GAAgC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7E,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,CAAA;IACnC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAY,CAAA;IAE5D,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,sBAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC1C,MAAM,QAAQ,GAAG,CAAC,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,KAAK,OAAO,CAAC,CAAA;QACnG,IAAI,OAAO,EAAE,EAAE;YACb,eAAe,CAAC,QAAQ,CAAC,CAAA;SAC1B;IACH,CAAC,CAAA,EACD,CAAC,MAAM,EAAE,OAAO,CAAC,CAClB,CAAA;IAED,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAA;QACxD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC7B,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,qBAAqB,kBAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,OAAO,EAAE,iBACrE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC5B,OAAO,uBAAC,cAAQ,IAAa,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAA3G,KAAK,CAA0G,CAAA;YACvI,CAAC,CAAC,EACD,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzC,uBAAC,cAAQ,kBAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,gBAC9D,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACjC,uBAAC,oBAAY,IAA2B,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,IAAtD,WAAW,CAAC,OAAO,CAAuC,CAC9E,CAAC,IACO,CACZ,CAAC,CAAC,CAAC,IAAI,KACc,CACzB,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,YAAY,gBAoCxB;AAED,MAAM,qBAAqB,GAAG,IAAA,iBAAM,EAAC,cAAQ,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChG,wBAAwB,EAAE;QACxB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;KAClC;CACF,CAAC,CAAC,CAAA"}
|