@xyo-network/react-node 2.40.21 → 2.40.22
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.d.ts +7 -0
- package/dist/cjs/components/NodeDrawer.d.ts.map +1 -0
- package/dist/cjs/components/NodeDrawer.js +29 -0
- package/dist/cjs/components/NodeDrawer.js.map +1 -0
- package/dist/cjs/components/render/ModuleDescriptionBox.d.ts +8 -0
- package/dist/cjs/components/render/ModuleDescriptionBox.d.ts.map +1 -0
- package/dist/cjs/components/render/ModuleDescriptionBox.js +22 -0
- package/dist/cjs/components/render/ModuleDescriptionBox.js.map +1 -0
- package/dist/cjs/components/render/RenderModule.d.ts +12 -0
- package/dist/cjs/components/render/RenderModule.d.ts.map +1 -0
- package/dist/cjs/components/render/RenderModule.js +24 -0
- package/dist/cjs/components/render/RenderModule.js.map +1 -0
- package/dist/cjs/components/render/index.d.ts +3 -0
- package/dist/cjs/components/render/index.d.ts.map +1 -0
- package/dist/cjs/components/render/index.js +6 -0
- package/dist/cjs/components/render/index.js.map +1 -0
- package/dist/cjs/contexts/NodeDrawerContext/Context.d.ts +4 -0
- package/dist/cjs/contexts/NodeDrawerContext/Context.d.ts.map +1 -0
- package/dist/cjs/contexts/NodeDrawerContext/Context.js +6 -0
- package/dist/cjs/contexts/NodeDrawerContext/Context.js.map +1 -0
- package/dist/cjs/contexts/NodeDrawerContext/Provider.d.ts +7 -0
- package/dist/cjs/contexts/NodeDrawerContext/Provider.d.ts.map +1 -0
- package/dist/cjs/contexts/NodeDrawerContext/Provider.js +15 -0
- package/dist/cjs/contexts/NodeDrawerContext/Provider.js.map +1 -0
- package/dist/cjs/contexts/NodeDrawerContext/State.d.ts +7 -0
- package/dist/cjs/contexts/NodeDrawerContext/State.d.ts.map +1 -0
- package/dist/cjs/contexts/NodeDrawerContext/State.js +3 -0
- package/dist/cjs/contexts/NodeDrawerContext/State.js.map +1 -0
- package/dist/cjs/contexts/NodeDrawerContext/index.d.ts +5 -0
- package/dist/cjs/contexts/NodeDrawerContext/index.d.ts.map +1 -0
- package/dist/cjs/contexts/NodeDrawerContext/index.js +8 -0
- package/dist/cjs/contexts/NodeDrawerContext/index.js.map +1 -0
- package/dist/cjs/contexts/NodeDrawerContext/use.d.ts +2 -0
- package/dist/cjs/contexts/NodeDrawerContext/use.d.ts.map +1 -0
- package/dist/cjs/contexts/NodeDrawerContext/use.js +8 -0
- package/dist/cjs/contexts/NodeDrawerContext/use.js.map +1 -0
- package/dist/cjs/contexts/index.d.ts +1 -0
- package/dist/cjs/contexts/index.d.ts.map +1 -1
- package/dist/cjs/contexts/index.js +1 -0
- package/dist/cjs/contexts/index.js.map +1 -1
- package/dist/docs.json +478 -126
- package/dist/esm/components/NodeDrawer.d.ts +7 -0
- package/dist/esm/components/NodeDrawer.d.ts.map +1 -0
- package/dist/esm/components/NodeDrawer.js +23 -0
- package/dist/esm/components/NodeDrawer.js.map +1 -0
- package/dist/esm/components/render/ModuleDescriptionBox.d.ts +8 -0
- package/dist/esm/components/render/ModuleDescriptionBox.d.ts.map +1 -0
- package/dist/esm/components/render/ModuleDescriptionBox.js +17 -0
- package/dist/esm/components/render/ModuleDescriptionBox.js.map +1 -0
- package/dist/esm/components/render/RenderModule.d.ts +12 -0
- package/dist/esm/components/render/RenderModule.d.ts.map +1 -0
- package/dist/esm/components/render/RenderModule.js +20 -0
- package/dist/esm/components/render/RenderModule.js.map +1 -0
- package/dist/esm/components/render/index.d.ts +3 -0
- package/dist/esm/components/render/index.d.ts.map +1 -0
- package/dist/esm/components/render/index.js +3 -0
- package/dist/esm/components/render/index.js.map +1 -0
- package/dist/esm/contexts/NodeDrawerContext/Context.d.ts +4 -0
- package/dist/esm/contexts/NodeDrawerContext/Context.d.ts.map +1 -0
- package/dist/esm/contexts/NodeDrawerContext/Context.js +3 -0
- package/dist/esm/contexts/NodeDrawerContext/Context.js.map +1 -0
- package/dist/esm/contexts/NodeDrawerContext/Provider.d.ts +7 -0
- package/dist/esm/contexts/NodeDrawerContext/Provider.d.ts.map +1 -0
- package/dist/esm/contexts/NodeDrawerContext/Provider.js +11 -0
- package/dist/esm/contexts/NodeDrawerContext/Provider.js.map +1 -0
- package/dist/esm/contexts/NodeDrawerContext/State.d.ts +7 -0
- package/dist/esm/contexts/NodeDrawerContext/State.d.ts.map +1 -0
- package/dist/esm/contexts/NodeDrawerContext/State.js +2 -0
- package/dist/esm/contexts/NodeDrawerContext/State.js.map +1 -0
- package/dist/esm/contexts/NodeDrawerContext/index.d.ts +5 -0
- package/dist/esm/contexts/NodeDrawerContext/index.d.ts.map +1 -0
- package/dist/esm/contexts/NodeDrawerContext/index.js +5 -0
- package/dist/esm/contexts/NodeDrawerContext/index.js.map +1 -0
- package/dist/esm/contexts/NodeDrawerContext/use.d.ts +2 -0
- package/dist/esm/contexts/NodeDrawerContext/use.d.ts.map +1 -0
- package/dist/esm/contexts/NodeDrawerContext/use.js +4 -0
- package/dist/esm/contexts/NodeDrawerContext/use.js.map +1 -0
- package/dist/esm/contexts/index.d.ts +1 -0
- package/dist/esm/contexts/index.d.ts.map +1 -1
- package/dist/esm/contexts/index.js +1 -0
- package/dist/esm/contexts/index.js.map +1 -1
- package/package.json +4 -2
- package/src/components/NodeDrawer.stories.tsx +41 -0
- package/src/components/NodeDrawer.tsx +44 -0
- package/src/components/render/ModuleDescriptionBox.tsx +42 -0
- package/src/components/render/RenderModule.tsx +43 -0
- package/src/components/render/index.ts +2 -0
- package/src/contexts/NodeDrawerContext/Context.ts +5 -0
- package/src/contexts/NodeDrawerContext/Provider.tsx +18 -0
- package/src/contexts/NodeDrawerContext/State.ts +7 -0
- package/src/contexts/NodeDrawerContext/index.ts +4 -0
- package/src/contexts/NodeDrawerContext/use.tsx +5 -0
- package/src/contexts/index.ts +1 -0
- package/src/components/Node.stories.tsx +0 -36
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DrawerProps } from '@mui/material';
|
|
3
|
+
import { WithChildren } from '@xylabs/react-shared';
|
|
4
|
+
export interface NodeDrawerProps extends WithChildren, Omit<DrawerProps, 'open'> {
|
|
5
|
+
}
|
|
6
|
+
export declare const NodeDrawer: React.FC<NodeDrawerProps>;
|
|
7
|
+
//# sourceMappingURL=NodeDrawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NodeDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/NodeDrawer.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,WAAW,EAAc,MAAM,eAAe,CAAA;AAElF,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAOnE,MAAM,WAAW,eAAgB,SAAQ,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;CAAG;AAEnF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+BhD,CAAA"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.NodeDrawer = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const Close_1 = tslib_1.__importDefault(require("@mui/icons-material/Close"));
|
|
7
|
+
const material_1 = require("@mui/material");
|
|
8
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
9
|
+
const react_shared_1 = require("@xylabs/react-shared");
|
|
10
|
+
const react_1 = require("react");
|
|
11
|
+
const contexts_1 = require("../contexts");
|
|
12
|
+
const render_1 = require("./render");
|
|
13
|
+
const NodeDrawer = (_a) => {
|
|
14
|
+
var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
|
|
15
|
+
const { open, setOpen } = (0, contexts_1.useNodeDrawer)();
|
|
16
|
+
const [node] = (0, contexts_1.useNode)();
|
|
17
|
+
const [moduleDescription, setModuleDescription] = (0, react_1.useState)();
|
|
18
|
+
(0, react_shared_1.useAsyncEffect)(
|
|
19
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
20
|
+
() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
21
|
+
if (node) {
|
|
22
|
+
const nodeDescription = yield node.description();
|
|
23
|
+
setModuleDescription(nodeDescription);
|
|
24
|
+
}
|
|
25
|
+
}), [node]);
|
|
26
|
+
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] })) })) })));
|
|
27
|
+
};
|
|
28
|
+
exports.NodeDrawer = NodeDrawer;
|
|
29
|
+
//# sourceMappingURL=NodeDrawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NodeDrawer.js","sourceRoot":"","sources":["../../../src/components/NodeDrawer.tsx"],"names":[],"mappings":";;;;;AAAA,8EAAiD;AACjD,4CAAkF;AAClF,yDAA4D;AAC5D,uDAAmE;AAEnE,iCAAgC;AAEhC,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;IACxB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,GAAqB,CAAA;IAE/E,IAAA,6BAAc;IACZ,uDAAuD;IACvD,GAAS,EAAE;QACT,IAAI,IAAI,EAAE;YACR,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAA;YAChD,oBAAoB,CAAC,eAAe,CAAC,CAAA;SACtC;IACH,CAAC,CAAA,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,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,iBAAiB,EAAE,iBAAiB,GAAI,EAC7D,QAAQ,KACG,IACI,IACb,CACV,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,UAAU,cA+BtB"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
+
import { ModuleDescription } from '@xyo-network/module';
|
|
4
|
+
export interface ModuleDescriptionProps extends FlexBoxProps {
|
|
5
|
+
moduleDescription?: ModuleDescription;
|
|
6
|
+
}
|
|
7
|
+
export declare const ModuleDescriptionBox: React.FC<ModuleDescriptionProps>;
|
|
8
|
+
//# sourceMappingURL=ModuleDescriptionBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModuleDescriptionBox.d.ts","sourceRoot":"","sources":["../../../../src/components/render/ModuleDescriptionBox.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAMvD,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;CACtC;AACD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsBjE,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ModuleDescriptionBox = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const ChevronRight_1 = tslib_1.__importDefault(require("@mui/icons-material/ChevronRight"));
|
|
7
|
+
const ExpandMore_1 = tslib_1.__importDefault(require("@mui/icons-material/ExpandMore"));
|
|
8
|
+
const lab_1 = require("@mui/lab");
|
|
9
|
+
const material_1 = require("@mui/material");
|
|
10
|
+
const isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty"));
|
|
11
|
+
const react_1 = require("react");
|
|
12
|
+
const RenderModule_1 = require("./RenderModule");
|
|
13
|
+
const ModuleDescriptionBox = ({ moduleDescription }) => {
|
|
14
|
+
const idRef = (0, react_1.useRef)({ idIncrementor: 0, ids: [] });
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [moduleDescription === undefined ? (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h4" }, { children: "Node not found" })) : null, (0, isEmpty_1.default)(moduleDescription) ? (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Node has no modules" }) : null, !(0, isEmpty_1.default)(moduleDescription) ? ((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: moduleDescription, idRef: idRef }) }))] })) : null] }));
|
|
16
|
+
};
|
|
17
|
+
exports.ModuleDescriptionBox = ModuleDescriptionBox;
|
|
18
|
+
const StyledTreeView = (0, material_1.styled)(lab_1.TreeView, { name: 'StyledTreeView' })(() => ({
|
|
19
|
+
height: 'auto',
|
|
20
|
+
maxWidth: 'auto',
|
|
21
|
+
}));
|
|
22
|
+
//# sourceMappingURL=ModuleDescriptionBox.js.map
|
|
@@ -0,0 +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,qEAAoC;AACpC,iCAA8B;AAE9B,iDAA6C;AAKtC,MAAM,oBAAoB,GAAqC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAC9F,MAAM,KAAK,GAAG,IAAA,cAAM,EAA2C,EAAE,aAAa,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAA;IAE7F,OAAO,CACL,6DACG,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,oCAA4B,CAAC,CAAC,CAAC,IAAI,EAC7F,IAAA,iBAAO,EAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,uBAAC,qBAAU,sCAAiC,CAAC,CAAC,CAAC,IAAI,EAChF,CAAC,IAAA,iBAAO,EAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAC7B,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,iBAAiB,EAAE,KAAK,EAAE,KAAK,GAAI,IAC1C,IAChB,CACJ,CAAC,CAAC,CAAC,IAAI,IACP,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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ModuleDescription } from '@xyo-network/module';
|
|
2
|
+
import { MutableRefObject } from 'react';
|
|
3
|
+
interface RenderModuleProps {
|
|
4
|
+
module: ModuleDescription;
|
|
5
|
+
idRef: MutableRefObject<{
|
|
6
|
+
idIncrementor: number;
|
|
7
|
+
ids: string[];
|
|
8
|
+
}>;
|
|
9
|
+
}
|
|
10
|
+
export declare const RenderModule: React.FC<RenderModuleProps>;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=RenderModule.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenderModule.d.ts","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAA;AAExC,UAAU,iBAAiB;IACzB,MAAM,EAAE,iBAAiB,CAAA;IACzB,KAAK,EAAE,gBAAgB,CAAC;QACtB,aAAa,EAAE,MAAM,CAAA;QACrB,GAAG,EAAE,MAAM,EAAE,CAAA;KACd,CAAC,CAAA;CACH;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuBpD,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.RenderModule = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const lab_1 = require("@mui/lab");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const RenderModule = ({ module, idRef }) => {
|
|
8
|
+
const { address, queries, children: moduleChildren } = module;
|
|
9
|
+
const increment = () => {
|
|
10
|
+
const newId = (idRef.current.idIncrementor++).toString();
|
|
11
|
+
idRef.current.ids.push(newId);
|
|
12
|
+
return newId;
|
|
13
|
+
};
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(StyledAddressTreeItem, Object.assign({ nodeId: increment(), label: `address: ${address}` }, { children: [queries.map((query, index) => {
|
|
15
|
+
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
|
+
}), moduleChildren && moduleChildren.length > 0 ? ((0, jsx_runtime_1.jsx)(lab_1.TreeItem, Object.assign({ nodeId: increment(), label: 'children', sx: { mb: 0.5 } }, { children: moduleChildren.map((module) => ((0, jsx_runtime_1.jsx)(exports.RenderModule, { module: module, idRef: idRef }, module.address))) }))) : null] })));
|
|
17
|
+
};
|
|
18
|
+
exports.RenderModule = RenderModule;
|
|
19
|
+
const StyledAddressTreeItem = (0, material_1.styled)(lab_1.TreeItem, { name: 'StyledAddressTreeItem' })(({ theme }) => ({
|
|
20
|
+
'& .MuiTreeItem-content': {
|
|
21
|
+
marginBottom: theme.spacing(0.25),
|
|
22
|
+
},
|
|
23
|
+
}));
|
|
24
|
+
//# sourceMappingURL=RenderModule.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenderModule.js","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":";;;;AAAA,kCAAmC;AACnC,4CAAsC;AAY/B,MAAM,YAAY,GAAgC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7E,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,MAAM,CAAA;IAE7D,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,cAAc,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC7C,uBAAC,cAAQ,kBAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,gBAC9D,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9B,uBAAC,oBAAY,IAAsB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAA5C,MAAM,CAAC,OAAO,CAAkC,CACpE,CAAC,IACO,CACZ,CAAC,CAAC,CAAC,IAAI,KACc,CACzB,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,YAAY,gBAuBxB;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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/render/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./ModuleDescriptionBox"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./RenderModule"), exports);
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/render/index.ts"],"names":[],"mappings":";;;AAAA,iEAAsC;AACtC,yDAA8B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/NodeDrawerContext/Context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,iBAAiB,+FAAqC,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.NodeDrawerContext = void 0;
|
|
4
|
+
const react_shared_1 = require("@xyo-network/react-shared");
|
|
5
|
+
exports.NodeDrawerContext = (0, react_shared_1.createContextEx)();
|
|
6
|
+
//# sourceMappingURL=Context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/NodeDrawerContext/Context.ts"],"names":[],"mappings":";;;AAAA,4DAA2D;AAI9C,QAAA,iBAAiB,GAAG,IAAA,8BAAe,GAAmB,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { WithChildren } from '@xylabs/react-shared';
|
|
3
|
+
export interface NodeDrawerProviderProps extends WithChildren {
|
|
4
|
+
defaultOpen?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const NodeDrawerProvider: React.FC<NodeDrawerProviderProps>;
|
|
7
|
+
//# sourceMappingURL=Provider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/NodeDrawerContext/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQhE,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.NodeDrawerProvider = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const Context_1 = require("./Context");
|
|
7
|
+
const NodeDrawerProvider = ({ children, defaultOpen = false }) => {
|
|
8
|
+
const [open, setOpen] = (0, react_1.useState)(defaultOpen);
|
|
9
|
+
(0, react_1.useEffect)(() => {
|
|
10
|
+
setOpen(defaultOpen);
|
|
11
|
+
}, [defaultOpen]);
|
|
12
|
+
return (0, jsx_runtime_1.jsx)(Context_1.NodeDrawerContext.Provider, Object.assign({ value: { open, provided: true, setOpen } }, { children: children }));
|
|
13
|
+
};
|
|
14
|
+
exports.NodeDrawerProvider = NodeDrawerProvider;
|
|
15
|
+
//# sourceMappingURL=Provider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/NodeDrawerContext/Provider.tsx"],"names":[],"mappings":";;;;AACA,iCAA2C;AAE3C,uCAA6C;AAMtC,MAAM,kBAAkB,GAAsC,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE,EAAE,EAAE;IACzG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAA;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,CAAC,WAAW,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,uBAAC,2BAAiB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAG,QAAQ,IAA8B,CAAA;AACtH,CAAC,CAAA;AARY,QAAA,kBAAkB,sBAQ9B"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ContextExState } from '@xyo-network/react-shared';
|
|
2
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
3
|
+
export interface NodeDrawerState extends ContextExState {
|
|
4
|
+
open?: boolean;
|
|
5
|
+
setOpen?: Dispatch<SetStateAction<boolean>>;
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=State.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/NodeDrawerContext/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAC5C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"State.js","sourceRoot":"","sources":["../../../../src/contexts/NodeDrawerContext/State.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/NodeDrawerContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./Context"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./Provider"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./State"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./use"), exports);
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/NodeDrawerContext/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,qDAA0B;AAC1B,kDAAuB;AACvB,gDAAqB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/NodeDrawerContext/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,kIAA+E,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useNodeDrawer = void 0;
|
|
4
|
+
const react_shared_1 = require("@xyo-network/react-shared");
|
|
5
|
+
const Context_1 = require("./Context");
|
|
6
|
+
const useNodeDrawer = (required = true) => (0, react_shared_1.useContextEx)(Context_1.NodeDrawerContext, 'NodeDrawer', required);
|
|
7
|
+
exports.useNodeDrawer = useNodeDrawer;
|
|
8
|
+
//# sourceMappingURL=use.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/NodeDrawerContext/use.tsx"],"names":[],"mappings":";;;AAAA,4DAAwD;AAExD,uCAA6C;AAEtC,MAAM,aAAa,GAAG,CAAC,QAAQ,GAAG,IAAI,EAAE,EAAE,CAAC,IAAA,2BAAY,EAAC,2BAAiB,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAA;AAA5F,QAAA,aAAa,iBAA+E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA"}
|
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
tslib_1.__exportStar(require("./Context"), exports);
|
|
5
5
|
tslib_1.__exportStar(require("./MemoryProvider"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./NodeDrawerContext"), exports);
|
|
6
7
|
tslib_1.__exportStar(require("./Provider"), exports);
|
|
7
8
|
tslib_1.__exportStar(require("./State"), exports);
|
|
8
9
|
tslib_1.__exportStar(require("./useArchivistModule"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,2DAAgC;AAChC,qDAA0B;AAC1B,kDAAuB;AACvB,+DAAoC;AACpC,gEAAqC;AACrC,6DAAkC;AAClC,8DAAmC;AACnC,+DAAoC;AACpC,uDAA4B;AAC5B,oDAAyB;AACzB,6DAAkC;AAClC,8DAAmC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,2DAAgC;AAChC,8DAAmC;AACnC,qDAA0B;AAC1B,kDAAuB;AACvB,+DAAoC;AACpC,gEAAqC;AACrC,6DAAkC;AAClC,8DAAmC;AACnC,+DAAoC;AACpC,uDAA4B;AAC5B,oDAAyB;AACzB,6DAAkC;AAClC,8DAAmC"}
|