@xyo-network/react-node-renderer 2.58.0-rc.2 → 2.58.0
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/Cytoscape/CytoscapeElements.js +2 -8
- package/dist/cjs/Cytoscape/CytoscapeElements.js.map +1 -1
- package/dist/cjs/components/ProvidedNodeRenderer.js +2 -4
- package/dist/cjs/components/ProvidedNodeRenderer.js.map +1 -1
- package/dist/cjs/hooks/cytoscape/useCytoscapeElements.js +6 -6
- package/dist/cjs/hooks/cytoscape/useCytoscapeElements.js.map +1 -1
- package/dist/docs.json +49029 -0
- package/dist/esm/Cytoscape/CytoscapeElements.js +2 -6
- package/dist/esm/Cytoscape/CytoscapeElements.js.map +1 -1
- package/dist/esm/components/ProvidedNodeRenderer.js +2 -4
- package/dist/esm/components/ProvidedNodeRenderer.js.map +1 -1
- package/dist/esm/hooks/cytoscape/useCytoscapeElements.js +6 -6
- package/dist/esm/hooks/cytoscape/useCytoscapeElements.js.map +1 -1
- package/dist/types/Cytoscape/CytoscapeElements.d.ts +1 -2
- package/dist/types/Cytoscape/CytoscapeElements.d.ts.map +1 -1
- package/dist/types/components/ProvidedNodeRenderer.d.ts.map +1 -1
- package/dist/types/hooks/cytoscape/useCytoscapeElements.d.ts +1 -2
- package/dist/types/hooks/cytoscape/useCytoscapeElements.d.ts.map +1 -1
- package/package.json +23 -24
- package/src/Cytoscape/CytoscapeElements.ts +2 -7
- package/src/components/ProvidedNodeRenderer.tsx +2 -4
- package/src/hooks/cytoscape/useCytoscapeElements.ts +6 -7
|
@@ -3,7 +3,6 @@ var _a;
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.CytoscapeElements = void 0;
|
|
5
5
|
const tslib_1 = require("tslib");
|
|
6
|
-
const module_1 = require("@xyo-network/module");
|
|
7
6
|
const lib_1 = require("./lib");
|
|
8
7
|
class CytoscapeElements {
|
|
9
8
|
static buildEdge(rootNode, newNode) {
|
|
@@ -15,18 +14,13 @@ class CytoscapeElements {
|
|
|
15
14
|
},
|
|
16
15
|
};
|
|
17
16
|
}
|
|
18
|
-
static buildElements(node
|
|
17
|
+
static buildElements(node) {
|
|
19
18
|
var _b;
|
|
20
19
|
return tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
21
20
|
try {
|
|
22
21
|
const [, newRootNode] = yield CytoscapeElements.buildRootNode(node);
|
|
23
22
|
const newElements = [newRootNode];
|
|
24
|
-
const children = yield Promise.all((yield node.resolve()).map((child) => tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
25
|
-
return [
|
|
26
|
-
yield ((0, module_1.isModuleInstance)(child) ? child.manifest() : module_1.ModuleWrapper.wrap(child, account).manifest()),
|
|
27
|
-
child.address,
|
|
28
|
-
];
|
|
29
|
-
})));
|
|
23
|
+
const children = yield Promise.all((yield node.resolve()).map((child) => tslib_1.__awaiter(this, void 0, void 0, function* () { return [yield child.manifest(), child.address]; })));
|
|
30
24
|
yield Promise.allSettled((_b = (children !== null && children !== void 0 ? children : [])) === null || _b === void 0 ? void 0 : _b.map(([child, address]) => tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
31
25
|
try {
|
|
32
26
|
const newNode = yield CytoscapeElements.buildNode(child, address);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CytoscapeElements.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeElements.ts"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"CytoscapeElements.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeElements.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,14 +4,12 @@ exports.ProvidedNodeRenderer = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_node_1 = require("@xyo-network/react-node");
|
|
7
|
-
const react_wallet_1 = require("@xyo-network/react-wallet");
|
|
8
7
|
const hooks_1 = require("../hooks");
|
|
9
8
|
const RelationalGraph_1 = require("./RelationalGraph");
|
|
10
9
|
const ProvidedNodeRenderer = (_a) => {
|
|
11
|
-
var { node
|
|
10
|
+
var { node } = _a, props = tslib_1.__rest(_a, ["node"]);
|
|
12
11
|
const [providedNode] = (0, react_node_1.useProvidedNode)();
|
|
13
|
-
const
|
|
14
|
-
const elements = (0, hooks_1.useCytoscapeElements)(node !== null && node !== void 0 ? node : providedNode, account !== null && account !== void 0 ? account : wallet);
|
|
12
|
+
const elements = (0, hooks_1.useCytoscapeElements)(node !== null && node !== void 0 ? node : providedNode);
|
|
15
13
|
const options = (0, hooks_1.useCytoscapeOptions)(elements);
|
|
16
14
|
return (0, jsx_runtime_1.jsx)(RelationalGraph_1.NodeRelationalGraph, Object.assign({ alignItems: "stretch", flexGrow: 1, height: "100%", options: options }, props));
|
|
17
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProvidedNodeRenderer.js","sourceRoot":"","sources":["../../../src/components/ProvidedNodeRenderer.tsx"],"names":[],"mappings":";;;;;AAEA,wDAAyD;
|
|
1
|
+
{"version":3,"file":"ProvidedNodeRenderer.js","sourceRoot":"","sources":["../../../src/components/ProvidedNodeRenderer.tsx"],"names":[],"mappings":";;;;;AAEA,wDAAyD;AAEzD,oCAAoE;AAEpE,uDAAuD;AAOhD,MAAM,oBAAoB,GAAwC,CAAC,EAAkB,EAAE,EAAE;QAAtB,EAAE,IAAI,OAAY,EAAP,KAAK,sBAAhB,QAAkB,CAAF;IACxF,MAAM,CAAC,YAAY,CAAC,GAAG,IAAA,4BAAe,GAAE,CAAA;IACxC,MAAM,QAAQ,GAAG,IAAA,4BAAoB,EAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,IAAA,2BAAmB,EAAC,QAAQ,CAAC,CAAA;IAE7C,OAAO,uBAAC,qCAAmB,kBAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAA;AAC7G,CAAC,CAAA;AANY,QAAA,oBAAoB,wBAMhC"}
|
|
@@ -9,29 +9,29 @@ const Cytoscape_1 = require("../../Cytoscape");
|
|
|
9
9
|
* Note: Relies on describe but could eventually be converted to a discover call
|
|
10
10
|
* Logic would be similar to what the bridge does
|
|
11
11
|
*/
|
|
12
|
-
const useCytoscapeElements = (targetNode
|
|
12
|
+
const useCytoscapeElements = (targetNode) => {
|
|
13
13
|
const [elements, setElements] = (0, react_1.useState)([]);
|
|
14
14
|
(0, react_async_effect_1.useAsyncEffect)(
|
|
15
15
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
16
16
|
() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
17
17
|
var _a;
|
|
18
|
-
if (targetNode
|
|
19
|
-
const newElements = (_a = (yield Cytoscape_1.CytoscapeElements.buildElements(targetNode
|
|
18
|
+
if (targetNode) {
|
|
19
|
+
const newElements = (_a = (yield Cytoscape_1.CytoscapeElements.buildElements(targetNode))) !== null && _a !== void 0 ? _a : [];
|
|
20
20
|
setElements(newElements);
|
|
21
21
|
}
|
|
22
22
|
}), [targetNode]);
|
|
23
23
|
(0, react_1.useEffect)(() => {
|
|
24
24
|
let attachedListener = undefined;
|
|
25
25
|
let detachedListener = undefined;
|
|
26
|
-
if (targetNode
|
|
26
|
+
if (targetNode) {
|
|
27
27
|
attachedListener = targetNode.on('moduleAttached', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
28
28
|
var _a;
|
|
29
|
-
const newElements = (_a = (yield Cytoscape_1.CytoscapeElements.buildElements(targetNode
|
|
29
|
+
const newElements = (_a = (yield Cytoscape_1.CytoscapeElements.buildElements(targetNode))) !== null && _a !== void 0 ? _a : [];
|
|
30
30
|
setElements(newElements);
|
|
31
31
|
}));
|
|
32
32
|
detachedListener = targetNode.on('moduleDetached', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
33
33
|
var _b;
|
|
34
|
-
const newElements = (_b = (yield Cytoscape_1.CytoscapeElements.buildElements(targetNode
|
|
34
|
+
const newElements = (_b = (yield Cytoscape_1.CytoscapeElements.buildElements(targetNode))) !== null && _b !== void 0 ? _b : [];
|
|
35
35
|
setElements(newElements);
|
|
36
36
|
}));
|
|
37
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCytoscapeElements.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeElements.ts"],"names":[],"mappings":";;;;AAAA,mEAA2D;
|
|
1
|
+
{"version":3,"file":"useCytoscapeElements.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeElements.ts"],"names":[],"mappings":";;;;AAAA,mEAA2D;AAI3D,iCAA2C;AAE3C,+CAAmD;AAEnD;;;GAGG;AACI,MAAM,oBAAoB,GAAG,CAAC,UAA2C,EAAE,EAAE;IAClF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAsB,EAAE,CAAC,CAAA;IAEjE,IAAA,mCAAc;IACZ,uDAAuD;IACvD,GAAS,EAAE;;QACT,IAAI,UAAU,EAAE;YACd,MAAM,WAAW,GAAG,MAAA,CAAC,MAAM,6BAAiB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,mCAAI,EAAE,CAAA;YAC7E,WAAW,CAAC,WAAW,CAAC,CAAA;SACzB;IACH,CAAC,CAAA,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,GAAyC,SAAS,CAAA;QACtE,IAAI,gBAAgB,GAAyC,SAAS,CAAA;QAEtE,IAAI,UAAU,EAAE;YACd,gBAAgB,GAAG,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAS,EAAE;;gBAC5D,MAAM,WAAW,GAAG,MAAA,CAAC,MAAM,6BAAiB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,mCAAI,EAAE,CAAA;gBAC7E,WAAW,CAAC,WAAW,CAAC,CAAA;YAC1B,CAAC,CAAA,CAAC,CAAA;YACF,gBAAgB,GAAG,UAAU,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAS,EAAE;;gBAC5D,MAAM,WAAW,GAAG,MAAA,CAAC,MAAM,6BAAiB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,mCAAI,EAAE,CAAA;gBAC7E,WAAW,CAAC,WAAW,CAAC,CAAA;YAC1B,CAAC,CAAA,CAAC,CAAA;SACH;QAED,OAAO,GAAG,EAAE;YACV,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAA;YACpB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAA;QACtB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AApCY,QAAA,oBAAoB,wBAoChC"}
|