@xyo-network/react-node-renderer 2.47.36 → 2.47.38

package/dist/cjs/Cytoscape/CytoscapeElements.js

@@ -0,0 +1,48 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CytoscapeElements = void 0;
+const tslib_1 = require("tslib");
+const module_1 = require("@xyo-network/module");
+const lib_1 = require("../lib");
+class CytoscapeElements {
+    static buildEdge(rootNode, newNode) {
+        return {
+            data: {
+                id: `${rootNode.data.id}/${newNode.data.id}`,
+                source: rootNode.data.id,
+                target: newNode.data.id,
+            },
+        };
+    }
+    static buildNode(description) {
+        var _b;
+        const newNodeId = (_b = CytoscapeElements.normalizeName(description.name)) !== null && _b !== void 0 ? _b : description.address.substring(0, 8);
+        return {
+            data: {
+                id: newNodeId,
+                type: (0, lib_1.parseModuleType)(description.queries),
+            },
+        };
+    }
+    static normalizeName(name) {
+        if (!name)
+            return;
+        if (name.length > this.MaxNameLength)
+            return `${name.substring(0, 20)}...`;
+        return name;
+    }
+}
+exports.CytoscapeElements = CytoscapeElements;
+_a = CytoscapeElements;
+CytoscapeElements.MaxNameLength = 20;
+CytoscapeElements.buildChild = (wrapper, address) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const [result] = yield wrapper.resolveWrapped(module_1.ModuleWrapper, { address: [address] });
+    const description = yield result.describe();
+    return CytoscapeElements.buildNode(description);
+});
+CytoscapeElements.buildRootNode = (wrapper) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const description = yield (wrapper === null || wrapper === void 0 ? void 0 : wrapper.describe());
+    return [description, CytoscapeElements.buildNode(description)];
+});
+//# sourceMappingURL=CytoscapeElements.js.map

package/dist/cjs/Cytoscape/CytoscapeElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CytoscapeElements.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeElements.ts"],"names":[],"mappings":";;;;;AAAA,gDAAsE;AAItE,gCAAwC;AAExC,MAAa,iBAAiB;IAS5B,MAAM,CAAC,SAAS,CAAC,QAA2B,EAAE,OAA0B;QACtE,OAAO;YACL,IAAI,EAAE;gBACJ,EAAE,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE;gBAC5C,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE;gBACxB,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE;aACxB;SACF,CAAA;IACH,CAAC;IAED,MAAM,CAAC,SAAS,CAAC,WAA8B;;QAC7C,MAAM,SAAS,GAAG,MAAA,iBAAiB,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,mCAAI,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAC1G,OAAO;YACL,IAAI,EAAE;gBACJ,EAAE,EAAE,SAAS;gBACb,IAAI,EAAE,IAAA,qBAAe,EAAC,WAAW,CAAC,OAAO,CAAC;aAC3C;SACF,CAAA;IACH,CAAC;IAOD,MAAM,CAAC,aAAa,CAAC,IAAa;QAChC,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa;YAAE,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAA;QAC1E,OAAO,IAAI,CAAA;IACb,CAAC;;AAtCH,8CAuCC;;AAtCQ,+BAAa,GAAG,EAAE,CAAA;AAElB,4BAAU,GAAG,CAAO,OAAoB,EAAE,OAAe,EAAE,EAAE;IAClE,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC,cAAc,CAAC,sBAAa,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IACpF,MAAM,WAAW,GAAG,MAAM,MAAM,CAAC,QAAQ,EAAE,CAAA;IAC3C,OAAO,iBAAiB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;AACjD,CAAC,CAAA,CAAA;AAsBM,+BAAa,GAAG,CAAO,OAAoB,EAAmD,EAAE;IACrG,MAAM,WAAW,GAAG,MAAM,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAA,CAAA;IAC7C,OAAO,CAAC,WAAW,EAAE,iBAAiB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;AAChE,CAAC,CAAA,CAAA"}

package/dist/cjs/Cytoscape/CytoscapeIcons.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CyIconSet = void 0;
+const tslib_1 = require("tslib");
+const CallMergeRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/CallMergeRounded"));
+const GridViewRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/GridViewRounded"));
+const Hub_1 = tslib_1.__importDefault(require("@mui/icons-material/Hub"));
+const QuestionMarkRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/QuestionMarkRounded"));
+const VisibilityRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/VisibilityRounded"));
+// eslint-disable-next-line @typescript-eslint/ban-types
+exports.CyIconSet = {
+    archivist: GridViewRounded_1.default,
+    diviner: CallMergeRounded_1.default,
+    module: QuestionMarkRounded_1.default,
+    node: Hub_1.default,
+    witness: VisibilityRounded_1.default,
+};
+//# sourceMappingURL=CytoscapeIcons.js.map

package/dist/cjs/Cytoscape/CytoscapeIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CytoscapeIcons.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeIcons.tsx"],"names":[],"mappings":";;;;AAAA,oGAAuE;AACvE,kGAAqE;AACrE,0EAA6C;AAC7C,0GAA6E;AAC7E,sGAAyE;AAMzE,wDAAwD;AAC3C,QAAA,SAAS,GAAyE;IAC7F,SAAS,EAAE,yBAAmB;IAC9B,OAAO,EAAE,0BAAoB;IAC7B,MAAM,EAAE,6BAAuB;IAC/B,IAAI,EAAE,aAAO;IACb,OAAO,EAAE,2BAAqB;CAC/B,CAAA"}

package/dist/cjs/Cytoscape/CytoscapeStyles.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EdgeStyled = exports.NodeStyled = exports.NodeIdStyles = void 0;
+const NodeIdStyles = (color) => ({
+    selector: 'node[id]',
+    style: {
+        color,
+        'font-family': 'Lexend Deca, Helvetica, sans-serif',
+        'font-size': 14,
+        'text-margin-y': -5,
+    },
+});
+exports.NodeIdStyles = NodeIdStyles;
+const NodeStyled = (icons, bgColor) => ({
+    selector: 'node',
+    style: {
+        'background-color': bgColor,
+        'background-height': '75%',
+        // TODO - make dynamic
+        'background-image': (elem) => icons[elem.data('type')],
+        'background-image-smoothing': 'yes',
+        'background-width': '75%',
+        label: 'data(id)',
+    },
+});
+exports.NodeStyled = NodeStyled;
+const EdgeStyled = (lineColor, targetArrowColor) => ({
+    selector: 'edge',
+    style: {
+        'curve-style': 'bezier',
+        'line-color': lineColor,
+        'line-opacity': 0.1,
+        'target-arrow-color': targetArrowColor,
+        'target-arrow-shape': 'triangle',
+        width: 3,
+    },
+});
+exports.EdgeStyled = EdgeStyled;
+//# sourceMappingURL=CytoscapeStyles.js.map

package/dist/cjs/Cytoscape/CytoscapeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CytoscapeStyles.js","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":";;;AAIO,MAAM,YAAY,GAAG,CAAC,KAAc,EAAc,EAAE,CAAC,CAAC;IAC3D,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE;QACL,KAAK;QACL,aAAa,EAAE,oCAAoC;QACnD,WAAW,EAAE,EAAE;QACf,eAAe,EAAE,CAAC,CAAC;KACpB;CACF,CAAC,CAAA;AARW,QAAA,YAAY,gBAQvB;AAEK,MAAM,UAAU,GAAG,CAAC,KAAkC,EAAE,OAAgB,EAAc,EAAE,CAAC,CAAC;IAC/F,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE;QACL,kBAAkB,EAAE,OAAO;QAC3B,mBAAmB,EAAE,KAAK;QAC1B,sBAAsB;QACtB,kBAAkB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAgB,CAAC;QACrE,4BAA4B,EAAE,KAAK;QACnC,kBAAkB,EAAE,KAAK;QACzB,KAAK,EAAE,UAAU;KAClB;CACF,CAAC,CAAA;AAXW,QAAA,UAAU,cAWrB;AAEK,MAAM,UAAU,GAAG,CAAC,SAAkB,EAAE,gBAAyB,EAAE,EAAE,CAAC,CAAC;IAC5E,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE;QACL,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,GAAG;QACnB,oBAAoB,EAAE,gBAAgB;QACtC,oBAAoB,EAAE,UAAU;QAChC,KAAK,EAAE,CAAC;KACT;CACF,CAAC,CAAA;AAVW,QAAA,UAAU,cAUrB"}

package/dist/cjs/Cytoscape/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./CytoscapeElements"), exports);
+tslib_1.__exportStar(require("./CytoscapeIcons"), exports);
+tslib_1.__exportStar(require("./CytoscapeStyles"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/Cytoscape/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Cytoscape/index.ts"],"names":[],"mappings":";;;AAAA,8DAAmC;AACnC,2DAAgC;AAChC,4DAAiC"}

package/dist/cjs/components/RelationalGraph.js

@@ -3,22 +3,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NodeRelationalGraph = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
 const react_flexbox_1 = require("@xylabs/react-flexbox");
 const react_shared_1 = require("@xyo-network/react-shared");
 const cytoscape_1 = tslib_1.__importDefault(require("cytoscape"));
 const react_1 = require("react");
 exports.NodeRelationalGraph = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, options } = _a, props = tslib_1.__rest(_a, ["children", "options"]);
+    var { options } = _a, props = tslib_1.__rest(_a, ["options"]);
     const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
-    // TODO - likely a value to stick in context
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const [cy, setCy] = (0, react_1.useState)();
+    const handleReset = () => {
+        cy === null || cy === void 0 ? void 0 : cy.reset();
+        cy === null || cy === void 0 ? void 0 : cy.fit(undefined, 20);
+    };
     (0, react_1.useEffect)(() => {
         if (sharedRef) {
             setCy((0, cytoscape_1.default)(Object.assign({ container: sharedRef.current }, options)));
         }
     }, [options, sharedRef]);
-    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ ref: sharedRef }, props, { children: children })));
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(ResetButton, Object.assign({ size: 'small', variant: 'contained', onClick: handleReset }, { children: "Reset" })), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { alignItems: "stretch", height: "100%", position: "absolute", ref: sharedRef, width: "100%" })] })));
 });
 exports.NodeRelationalGraph.displayName = 'NodeRelationalGraph';
+const ResetButton = (0, material_1.styled)(material_1.Button, { name: 'ResetButton' })(() => ({
+    position: 'absolute',
+    right: '10px',
+    top: '10px',
+    zIndex: 2,
+}));
 //# sourceMappingURL=RelationalGraph.js.map

package/dist/cjs/components/RelationalGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelationalGraph.js","sourceRoot":"","sources":["../../../src/components/RelationalGraph.tsx"],"names":[],"mappings":";;;;;AAAA,yDAA6D;AAE7D,4DAAgE;AAChE,kEAA6D;AAC7D,iCAAuD;AAM1C,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAAsC,CAAC,EAA+B,EAAE,GAAG,EAAE,EAAE;QAAxC,EAAE,QAAQ,EAAE,OAAO,OAAY,EAAP,KAAK,sBAA7B,uBAA+B,CAAF;IAC/G,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAC3C,4CAA4C;IAC5C,6DAA6D;IAC7D,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,GAAQ,CAAA;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,KAAK,CACH,IAAA,mBAAS,kBACP,SAAS,EAAE,SAAS,CAAC,OAAO,IACzB,OAAO,EACV,CACH,CAAA;SACF;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,uBAAC,uBAAO,kBAAC,GAAG,EAAE,SAAS,IAAM,KAAK,cAC/B,QAAQ,IACD,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}
+{"version":3,"file":"RelationalGraph.js","sourceRoot":"","sources":["../../../src/components/RelationalGraph.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8C;AAC9C,yDAA6D;AAC7D,4DAAgE;AAChE,kEAA6D;AAC7D,iCAAuD;AAM1C,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAAsC,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;QAA9B,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IACrG,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,GAAQ,CAAA;IAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,KAAK,EAAE,CAAA;QACX,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,GAAG,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,KAAK,CACH,IAAA,mBAAS,kBACP,SAAS,EAAE,SAAS,CAAC,OAAO,IACzB,OAAO,EACV,CACH,CAAA;SACF;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,wBAAC,uBAAO,oBAAK,KAAK,eAChB,uBAAC,WAAW,kBAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,2BAExD,EACd,uBAAC,uBAAO,IAAC,UAAU,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAC,MAAM,GAAW,KAC/F,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,MAAM,WAAW,GAAG,IAAA,iBAAM,EAAC,iBAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACjE,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,CAAC;CACV,CAAC,CAAC,CAAA"}

package/dist/cjs/hooks/cytoscape/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useCytoscapeElements"), exports);
+tslib_1.__exportStar(require("./useCytoscapeOptions"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/cytoscape/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/index.ts"],"names":[],"mappings":";;;AAAA,iEAAsC;AACtC,gEAAqC"}

package/dist/cjs/hooks/{useCytoscapeElements.js → cytoscape/useCytoscapeElements.js}

@@ -3,44 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCytoscapeElements = void 0;
 const tslib_1 = require("tslib");
 const react_shared_1 = require("@xylabs/react-shared");
-const module_1 = require("@xyo-network/module");
 const react_node_1 = require("@xyo-network/react-node");
 const react_1 = require("react");
-const lib_1 = require("../lib");
-const MaxNameLength = 20;
-const normalizeName = (name) => {
-    if (!name)
-        return;
-    if (name.length > MaxNameLength)
-        return `${name.substring(0, 20)}...`;
-    return name;
-};
-const buildNode = (description) => {
-    var _a;
-    const newNodeId = (_a = normalizeName(description.name)) !== null && _a !== void 0 ? _a : description.address.substring(0, 8);
-    return {
-        data: {
-            id: newNodeId,
-            type: (0, lib_1.parseModuleType)(description.queries),
-        },
-    };
-};
-const buildEdge = (rootNode, newNode) => ({
-    data: {
-        id: `${rootNode.data.id}/${newNode.data.id}`,
-        source: rootNode.data.id,
-        target: newNode.data.id,
-    },
-});
-const buildRootNode = (wrapper) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-    const description = yield (wrapper === null || wrapper === void 0 ? void 0 : wrapper.describe());
-    return [description, buildNode(description)];
-});
-const buildChild = (wrapper, address) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-    const [result] = yield wrapper.resolveWrapped(module_1.ModuleWrapper, { address: [address] });
-    const description = yield result.describe();
-    return buildNode(description);
-});
+const Cytoscape_1 = require("../../Cytoscape");
 /**
  * Note: Relies on describe but could eventually be converted to a discover call
  * Logic would be similar to what the bridge does
@@ -55,16 +20,16 @@ const useCytoscapeElements = () => {
         var _a;
         if (node && refresh) {
             try {
-                const [description, newRootNode] = yield buildRootNode(node);
+                const [description, newRootNode] = yield Cytoscape_1.CytoscapeElements.buildRootNode(node);
                 if (mounted())
                     setElements(() => [newRootNode]);
                 const children = description.children;
                 yield Promise.allSettled((_a = (children !== null && children !== void 0 ? children : [])) === null || _a === void 0 ? void 0 : _a.map((address) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
                     try {
-                        const newNode = yield buildChild(node, address);
+                        const newNode = yield Cytoscape_1.CytoscapeElements.buildChild(node, address);
                         if (mounted())
                             setElements((previous) => [...previous, newNode]);
-                        const newEdge = buildEdge(newRootNode, newNode);
+                        const newEdge = Cytoscape_1.CytoscapeElements.buildEdge(newRootNode, newNode);
                         if (mounted())
                             setElements((previous) => [...previous, newEdge]);
                     }

package/dist/cjs/hooks/cytoscape/useCytoscapeElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCytoscapeElements.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeElements.ts"],"names":[],"mappings":";;;;AAAA,uDAAqD;AAErD,wDAAgE;AAEhE,iCAA2C;AAE3C,+CAAmD;AAEnD;;;GAGG;AACI,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAA,mCAAsB,GAAE,CAAA;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAsB,EAAE,CAAC,CAAA;IACjE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAEzC,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;;QAChB,IAAI,IAAI,IAAI,OAAO,EAAE;YACnB,IAAI;gBACF,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,MAAM,6BAAiB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;gBAC9E,IAAI,OAAO,EAAE;oBAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAA;gBAE/C,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAA;gBACrC,MAAM,OAAO,CAAC,UAAU,CACtB,MAAA,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC,0CAAE,GAAG,CAAC,CAAO,OAAO,EAAE,EAAE;oBACtC,IAAI;wBACF,MAAM,OAAO,GAAG,MAAM,6BAAiB,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;wBACjE,IAAI,OAAO,EAAE;4BAAE,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;wBAEhE,MAAM,OAAO,GAAG,6BAAiB,CAAC,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;wBACjE,IAAI,OAAO,EAAE;4BAAE,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;qBACjE;oBAAC,OAAO,CAAC,EAAE;wBACV,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAA;qBAC3C;gBACH,CAAC,CAAA,CAAC,CACH,CAAA;aACF;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,CAAC,CAAC,CAAA;aACtD;SACF;IACH,CAAC,CAAA,EACD,CAAC,IAAI,EAAE,OAAO,CAAC,CAChB,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAkC,CAAA;QACtC,IAAI,IAAI,EAAE;YACR,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE;gBAClC,IAAI,SAAS,KAAK,gBAAgB;oBAAE,UAAU,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;YAC5E,CAAC,CAAC,CAAA;SACH;QACD,OAAO,GAAG,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAA;IAC3B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AA9CY,QAAA,oBAAoB,wBA8ChC"}

package/dist/cjs/hooks/cytoscape/useCytoscapeLayout.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCytoscapeLayout = void 0;
+const react_1 = require("react");
+const useCytoscapeLayout = () => {
+    const layout = (0, react_1.useMemo)(() => ({
+        minNodeSpacing: 75,
+        name: 'concentric',
+    }), []);
+    return layout;
+};
+exports.useCytoscapeLayout = useCytoscapeLayout;
+//# sourceMappingURL=useCytoscapeLayout.js.map

package/dist/cjs/hooks/cytoscape/useCytoscapeLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCytoscapeLayout.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeLayout.ts"],"names":[],"mappings":";;;AACA,iCAA+B;AAExB,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,MAAM,GAA+B,IAAA,eAAO,EAChD,GAAG,EAAE,CAAC,CAAC;QACL,cAAc,EAAE,EAAE;QAClB,IAAI,EAAE,YAAY;KACnB,CAAC,EACF,EAAE,CACH,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAVY,QAAA,kBAAkB,sBAU9B"}

package/dist/cjs/hooks/cytoscape/useCytoscapeOptions.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCytoscapeOptions = void 0;
+const react_1 = require("react");
+const useCytoscapeLayout_1 = require("./useCytoscapeLayout");
+const useCytoscapeStyle_1 = require("./useCytoscapeStyle");
+const useCytoscapeOptions = (elements, style, layout) => {
+    const defaultStyle = (0, useCytoscapeStyle_1.useCytoscapeStyle)();
+    const defaultLayout = (0, useCytoscapeLayout_1.useCytoscapeLayout)();
+    const options = (0, react_1.useMemo)(() => ({
+        elements,
+        layout: layout !== null && layout !== void 0 ? layout : defaultLayout,
+        style: style !== null && style !== void 0 ? style : defaultStyle,
+    }), [defaultLayout, defaultStyle, elements, layout, style]);
+    return options;
+};
+exports.useCytoscapeOptions = useCytoscapeOptions;
+//# sourceMappingURL=useCytoscapeOptions.js.map

package/dist/cjs/hooks/cytoscape/useCytoscapeOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCytoscapeOptions.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeOptions.ts"],"names":[],"mappings":";;;AACA,iCAA+B;AAE/B,6DAAyD;AACzD,2DAAuD;AAEhD,MAAM,mBAAmB,GAAG,CACjC,QAAsC,EACtC,KAAiC,EACjC,MAAmC,EACnC,EAAE;IACF,MAAM,YAAY,GAAG,IAAA,qCAAiB,GAAE,CAAA;IACxC,MAAM,aAAa,GAAG,IAAA,uCAAkB,GAAE,CAAA;IAE1C,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ;QACR,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,aAAa;QAC/B,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,YAAY;KAC7B,CAAC,EACF,CAAC,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,CACvD,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAlBY,QAAA,mBAAmB,uBAkB/B"}

package/dist/cjs/hooks/cytoscape/useCytoscapeStyle.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCytoscapeStyle = void 0;
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const Cytoscape_1 = require("../../Cytoscape");
+const useIcons_1 = require("./useIcons");
+const useCytoscapeStyle = () => {
+    const theme = (0, material_1.useTheme)();
+    const icons = (0, useIcons_1.useIcons)();
+    const style = (0, react_1.useMemo)(() => [
+        (0, Cytoscape_1.NodeIdStyles)(theme.palette.text.primary),
+        (0, Cytoscape_1.NodeStyled)(icons, theme.palette.primary.main),
+        (0, Cytoscape_1.EdgeStyled)(theme.palette.divider, theme.palette.divider),
+    ], [icons, theme.palette.divider, theme.palette.primary.main, theme.palette.text.primary]);
+    return style;
+};
+exports.useCytoscapeStyle = useCytoscapeStyle;
+//# sourceMappingURL=useCytoscapeStyle.js.map

package/dist/cjs/hooks/cytoscape/useCytoscapeStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCytoscapeStyle.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeStyle.ts"],"names":[],"mappings":";;;AAAA,4CAAwC;AAExC,iCAA+B;AAE/B,+CAAsE;AACtE,yCAAqC;AAE9B,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,KAAK,GAA8B,IAAA,eAAO,EAC9C,GAAG,EAAE,CAAC;QACJ,IAAA,wBAAY,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;QACxC,IAAA,sBAAU,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;QAC7C,IAAA,sBAAU,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;KACzD,EACD,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CACvF,CAAA;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAdY,QAAA,iBAAiB,qBAc7B"}

package/dist/cjs/hooks/cytoscape/useIcons.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIcons = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const Cytoscape_1 = require("../../Cytoscape");
+const lib_1 = require("../../lib");
+const useIcons = () => {
+    const theme = (0, material_1.useTheme)();
+    const icons = (0, react_1.useMemo)(() => {
+        const iconMap = { archivist: '', diviner: '', module: '', node: '', witness: '' };
+        return Object.entries(Cytoscape_1.CyIconSet).reduce((acc, [name, IconComponent]) => {
+            const icon = (0, jsx_runtime_1.jsx)(IconComponent, { fontSize: "small" });
+            acc[name] = (0, lib_1.encodeSvg)(icon, theme.palette.getContrastText(theme.palette.text.primary));
+            return acc;
+        }, iconMap);
+    }, [theme.palette]);
+    return icons;
+};
+exports.useIcons = useIcons;
+//# sourceMappingURL=useIcons.js.map

package/dist/cjs/hooks/cytoscape/useIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIcons.js","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"names":[],"mappings":";;;;AAAA,4CAAwC;AACxC,iCAA+B;AAE/B,+CAAwD;AACxD,mCAAqC;AAE9B,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,MAAM,OAAO,GAAgC,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAA;QAC9G,OAAO,MAAM,CAAC,OAAO,CAAC,qBAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,EAAE;YACrE,MAAM,IAAI,GAAG,uBAAC,aAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,CAAA;YAC/C,GAAG,CAAC,IAAmB,CAAC,GAAG,IAAA,eAAS,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;YACrG,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAZY,QAAA,QAAQ,YAYpB"}

package/dist/cjs/hooks/index.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./useCytoscapeElements"), exports);
-tslib_1.__exportStar(require("./useCytoscapeOptions"), exports);
+tslib_1.__exportStar(require("./cytoscape"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,iEAAsC;AACtC,gEAAqC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B"}