@xyo-network/react-node-renderer 2.62.3 → 2.63.1

package/dist/cjs/Cytoscape/CytoscapeElements.js

@@ -0,0 +1,68 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CytoscapeElements = void 0;
+const tslib_1 = require("tslib");
+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 buildElements(node) {
+        var _b;
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            try {
+                const [, newRootNode] = yield CytoscapeElements.buildRootNode(node);
+                const newElements = [newRootNode];
+                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]; })));
+                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* () {
+                    try {
+                        const newNode = yield CytoscapeElements.buildNode(child, address);
+                        newElements.push(newNode);
+                        const newEdge = CytoscapeElements.buildEdge(newRootNode, newNode);
+                        newElements.push(newEdge);
+                    }
+                    catch (e) {
+                        console.error('Error parsing children', e);
+                    }
+                })));
+                return newElements;
+            }
+            catch (e) {
+                console.error('Error Getting initial description', e);
+            }
+        });
+    }
+    static buildNode(manifest, address) {
+        var _b;
+        const newNodeId = (_b = CytoscapeElements.normalizeName(manifest.config.name)) !== null && _b !== void 0 ? _b : address.substring(0, 8);
+        return {
+            data: {
+                address,
+                id: newNodeId,
+                type: (0, lib_1.parseModuleType)(manifest.config.schema),
+            },
+        };
+    }
+    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.buildRootNode = (node) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const manifest = yield (node === null || node === void 0 ? void 0 : node.manifest());
+    return [manifest, CytoscapeElements.buildNode(manifest, node.address)];
+});
+//# 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":"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"}

package/dist/cjs/Cytoscape/CytoscapeIcons.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CyIconSet = void 0;
+const tslib_1 = require("tslib");
+const BubbleChartRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/BubbleChartRounded"));
+const Hub_1 = tslib_1.__importDefault(require("@mui/icons-material/Hub"));
+const InsertLinkRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/InsertLinkRounded"));
+const Inventory2Rounded_1 = tslib_1.__importDefault(require("@mui/icons-material/Inventory2Rounded"));
+const QuestionMarkRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/QuestionMarkRounded"));
+const TimerRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/TimerRounded"));
+const VisibilityRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/VisibilityRounded"));
+// eslint-disable-next-line @typescript-eslint/ban-types
+exports.CyIconSet = {
+    archivist: Inventory2Rounded_1.default,
+    bridge: InsertLinkRounded_1.default,
+    diviner: BubbleChartRounded_1.default,
+    module: QuestionMarkRounded_1.default,
+    node: Hub_1.default,
+    sentinel: TimerRounded_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,wGAA2E;AAC3E,0EAA6C;AAC7C,sGAAyE;AACzE,sGAAyE;AACzE,0GAA6E;AAC7E,4FAA+D;AAC/D,sGAAyE;AAMzE,wDAAwD;AAC3C,QAAA,SAAS,GAA+E;IACnG,SAAS,EAAE,2BAAqB;IAChC,MAAM,EAAE,2BAAqB;IAC7B,OAAO,EAAE,4BAAsB;IAC/B,MAAM,EAAE,6BAAuB;IAC/B,IAAI,EAAE,aAAO;IACb,QAAQ,EAAE,sBAAgB;IAC1B,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,KAAwC,EAAE,OAAgB,EAAc,EAAE,CAAC,CAAC;IACrG,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,CAAsB,CAAC;QAC3E,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,8 @@
+"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);
+tslib_1.__exportStar(require("./lib"), 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;AACjC,gDAAqB"}

package/dist/cjs/Cytoscape/lib/CyNodeModuleTypes.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=CyNodeModuleTypes.js.map

package/dist/cjs/Cytoscape/lib/CyNodeModuleTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CyNodeModuleTypes.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/CyNodeModuleTypes.ts"],"names":[],"mappings":""}

package/dist/cjs/Cytoscape/lib/encodeSvg.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.encodeSvg = void 0;
+// eslint-disable-next-line import/no-internal-modules
+const server_1 = require("react-dom/server");
+const dataUri = 'data:image/svg+xml,';
+const encodeSvg = (reactElement, color) => {
+    const svgString = (0, server_1.renderToStaticMarkup)(reactElement);
+    const doc = new DOMParser().parseFromString(svgString, 'text/html');
+    const svgElement = doc.getElementsByTagName('svg')[0];
+    if (svgElement) {
+        svgElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+        svgElement.setAttribute('height', '100');
+        svgElement.style.fill = color !== null && color !== void 0 ? color : 'black';
+    }
+    return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`;
+};
+exports.encodeSvg = encodeSvg;
+//# sourceMappingURL=encodeSvg.js.map

package/dist/cjs/Cytoscape/lib/encodeSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"encodeSvg.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/encodeSvg.ts"],"names":[],"mappings":";;;AACA,sDAAsD;AACtD,6CAAuD;AAEvD,MAAM,OAAO,GAAG,qBAAqB,CAAA;AAE9B,MAAM,SAAS,GAAG,CAAC,YAA0B,EAAE,KAAc,EAAE,EAAE;IACtE,MAAM,SAAS,GAAG,IAAA,6BAAoB,EAAC,YAAY,CAAC,CAAA;IAEpD,MAAM,GAAG,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;IACnE,MAAM,UAAU,GAAG,GAAG,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACrD,IAAI,UAAU,EAAE;QACd,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,4BAA4B,CAAC,CAAA;QAC9D,UAAU,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;QACxC,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,CAAA;KACzC;IAED,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,kBAAkB,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAA;AACvE,CAAC,CAAA;AAZY,QAAA,SAAS,aAYrB"}

package/dist/cjs/Cytoscape/lib/iconMap.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateIconMap = void 0;
+const generateIconMap = () => ({
+    archivist: '',
+    bridge: '',
+    diviner: '',
+    module: '',
+    node: '',
+    sentinel: '',
+    witness: '',
+});
+exports.generateIconMap = generateIconMap;
+//# sourceMappingURL=iconMap.js.map

package/dist/cjs/Cytoscape/lib/iconMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconMap.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/iconMap.ts"],"names":[],"mappings":";;;AAEO,MAAM,eAAe,GAA4C,GAAG,EAAE,CAAC,CAAC;IAC7E,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;IACV,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,EAAE;CACZ,CAAC,CAAA;AARW,QAAA,eAAe,mBAQ1B"}

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

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

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

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

package/dist/cjs/Cytoscape/lib/parseModuleType.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseModuleType = void 0;
+const parseModuleType = (schema) => {
+    let type = 'module';
+    if (schema) {
+        if (schema.includes('archivist')) {
+            type = 'archivist';
+        }
+        else if (schema.includes('bridge')) {
+            type = 'bridge';
+        }
+        else if (schema.includes('diviner')) {
+            type = 'diviner';
+        }
+        else if (schema.includes('node')) {
+            type = 'node';
+        }
+        else if (schema.includes('sentinel')) {
+            type = 'sentinel';
+        }
+        else if (schema.includes('witness')) {
+            type = 'witness';
+        }
+        else {
+            type = 'module';
+        }
+    }
+    return type;
+};
+exports.parseModuleType = parseModuleType;
+//# sourceMappingURL=parseModuleType.js.map

package/dist/cjs/Cytoscape/lib/parseModuleType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseModuleType.js","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/parseModuleType.ts"],"names":[],"mappings":";;;AAEO,MAAM,eAAe,GAAG,CAAC,MAAe,EAAqB,EAAE;IACpE,IAAI,IAAI,GAAsB,QAAQ,CAAA;IACtC,IAAI,MAAM,EAAE;QACV,IAAI,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YAChC,IAAI,GAAG,WAAW,CAAA;SACnB;aAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;YACpC,IAAI,GAAG,QAAQ,CAAA;SAChB;aAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;YACrC,IAAI,GAAG,SAAS,CAAA;SACjB;aAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YAClC,IAAI,GAAG,MAAM,CAAA;SACd;aAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;YACtC,IAAI,GAAG,UAAU,CAAA;SAClB;aAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;YACrC,IAAI,GAAG,SAAS,CAAA;SACjB;aAAM;YACL,IAAI,GAAG,QAAQ,CAAA;SAChB;KACF;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AApBY,QAAA,eAAe,mBAoB3B"}

package/dist/cjs/components/ModuleCardParser.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModuleCardParser = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const archivist_model_1 = require("@xyo-network/archivist-model");
+const diviner_model_1 = require("@xyo-network/diviner-model");
+const react_archivist_1 = require("@xyo-network/react-archivist");
+const react_module_1 = require("@xyo-network/react-module");
+const ModuleCardParser = ({ module }) => {
+    switch (true) {
+        case module === null || module === void 0 ? void 0 : module.config.schema.includes('archivist'):
+            return (0, jsx_runtime_1.jsx)(react_archivist_1.ArchivistCard, { module: (0, archivist_model_1.asArchivistInstance)(module) });
+        case module === null || module === void 0 ? void 0 : module.config.schema.includes('diviner'):
+            return (0, jsx_runtime_1.jsx)(react_module_1.DivinerCard, { module: (0, diviner_model_1.asDivinerInstance)(module) });
+        default:
+            return (0, jsx_runtime_1.jsx)(react_module_1.ModuleCard, { module: module });
+    }
+};
+exports.ModuleCardParser = ModuleCardParser;
+//# sourceMappingURL=ModuleCardParser.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleCardParser.js","sourceRoot":"","sources":["../../../src/components/ModuleCardParser.tsx"],"names":[],"mappings":";;;;AAAA,kEAAkE;AAClE,8DAA8D;AAE9D,kEAA4D;AAC5D,4DAAmE;AAM5D,MAAM,gBAAgB,GAAoC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9E,QAAQ,IAAI,EAAE;QACZ,KAAK,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC;YAC9C,OAAO,uBAAC,+BAAa,IAAC,MAAM,EAAE,IAAA,qCAAmB,EAAC,MAAM,CAAC,GAAI,CAAA;QAC/D,KAAK,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC;YAC5C,OAAO,uBAAC,0BAAW,IAAC,MAAM,EAAE,IAAA,iCAAiB,EAAC,MAAM,CAAC,GAAI,CAAA;QAC3D;YACE,OAAO,uBAAC,yBAAU,IAAC,MAAM,EAAE,MAAM,GAAI,CAAA;KACxC;AACH,CAAC,CAAA;AATY,QAAA,gBAAgB,oBAS5B"}

package/dist/cjs/components/ProvidedNodeRenderer.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProvidedNodeRenderer = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_node_1 = require("@xyo-network/react-node");
+const hooks_1 = require("../hooks");
+const RelationalGraph_1 = require("./RelationalGraph");
+const ProvidedNodeRenderer = (_a) => {
+    var { node } = _a, props = tslib_1.__rest(_a, ["node"]);
+    const [providedNode] = (0, react_node_1.useProvidedNode)();
+    const elements = (0, hooks_1.useCytoscapeElements)(node !== null && node !== void 0 ? node : providedNode);
+    const options = (0, hooks_1.useCytoscapeOptions)(elements);
+    return (0, jsx_runtime_1.jsx)(RelationalGraph_1.NodeRelationalGraph, Object.assign({ alignItems: "stretch", flexGrow: 1, height: "100%", options: options }, props));
+};
+exports.ProvidedNodeRenderer = ProvidedNodeRenderer;
+//# sourceMappingURL=ProvidedNodeRenderer.js.map

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

@@ -0,0 +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"}

package/dist/cjs/components/RelationalGraph.js

@@ -0,0 +1,40 @@
+"use strict";
+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");
+const contexts_1 = require("../contexts");
+exports.NodeRelationalGraph = (0, react_1.forwardRef)((_a, ref) => {
+    var { actions, options } = _a, props = tslib_1.__rest(_a, ["actions", "options"]);
+    const [cy, setCy] = (0, react_1.useState)();
+    const { setCy: setCyContext } = (0, contexts_1.useCytoscapeInstance)();
+    const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
+    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) {
+            const newCy = (0, cytoscape_1.default)(Object.assign({ container: sharedRef.current }, options));
+            setCy(newCy);
+        }
+    }, [options, sharedRef]);
+    (0, react_1.useEffect)(() => {
+        setCyContext === null || setCyContext === void 0 ? void 0 : setCyContext(cy);
+    }, [cy, setCyContext]);
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsxs)(ActionsContainer, { children: [actions, (0, jsx_runtime_1.jsx)(material_1.Button, 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 ActionsContainer = (0, material_1.styled)(react_flexbox_1.FlexRow, { name: 'ActionsContainer' })(() => ({
+    flexWrap: 'wrap',
+    position: 'absolute',
+    right: '10px',
+    top: '10px',
+    zIndex: 2,
+}));
+//# sourceMappingURL=RelationalGraph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RelationalGraph.js","sourceRoot":"","sources":["../../../src/components/RelationalGraph.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8C;AAC9C,yDAAwD;AACxD,4DAAgE;AAChE,kEAA2C;AAC3C,iCAAuD;AAEvD,0CAAkD;AAGrC,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAA2C,CAAC,EAA8B,EAAE,GAAG,EAAE,EAAE;QAAvC,EAAE,OAAO,EAAE,OAAO,OAAY,EAAP,KAAK,sBAA5B,sBAA8B,CAAF;IACnH,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,GAAQ,CAAA;IACpC,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,IAAA,+BAAoB,GAAE,CAAA;IACtD,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAE3C,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,MAAM,KAAK,GAAG,IAAA,mBAAS,kBACrB,SAAS,EAAE,SAAS,CAAC,OAAO,IACzB,OAAO,EACV,CAAA;YACF,KAAK,CAAC,KAAK,CAAC,CAAA;SACb;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAExB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,EAAE,CAAC,CAAA;IACpB,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAA;IAEtB,OAAO,CACL,wBAAC,uBAAO,oBAAK,KAAK,eAChB,wBAAC,gBAAgB,eACd,OAAO,EACR,uBAAC,iBAAM,kBAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,2BAExD,IACQ,EACnB,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,gBAAgB,GAAG,IAAA,iBAAM,EAAC,uBAAO,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC5E,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,CAAC;CACV,CAAC,CAAC,CAAA"}

package/dist/cjs/components/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,gDAAqB;AACrB,6DAAkC;AAClC,iEAAsC;AACtC,4DAAiC"}

package/dist/cjs/components/lib/RelationalGraphProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=RelationalGraphProps.js.map

package/dist/cjs/components/lib/RelationalGraphProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationalGraphProps.js","sourceRoot":"","sources":["../../../../src/components/lib/RelationalGraphProps.ts"],"names":[],"mappings":""}

package/dist/cjs/components/lib/index.js

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

package/dist/cjs/components/lib/index.js.map

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

package/dist/cjs/components/story/TestData.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.options = void 0;
+const elements = [
+    {
+        // node a
+        data: { id: 'a', name: 'element a' },
+    },
+    {
+        // node b
+        data: { id: 'b', name: 'element b' },
+    },
+    {
+        // node c
+        data: { id: 'c', name: 'element c' },
+    },
+    {
+        // edge ab
+        data: { id: 'ab', source: 'a', target: 'b' },
+    },
+    {
+        // edge ac
+        data: { id: 'ac', source: 'a', target: 'c' },
+    },
+];
+const style = [
+    {
+        selector: 'node',
+        style: {
+            label: 'data(id)',
+        },
+    },
+    {
+        selector: 'edge',
+        style: {
+            'curve-style': 'bezier',
+            'line-color': '#ccc',
+            'target-arrow-color': '#ccc',
+            'target-arrow-shape': 'triangle',
+            width: 3,
+        },
+    },
+];
+exports.options = {
+    elements,
+    style,
+};
+//# sourceMappingURL=TestData.js.map

package/dist/cjs/components/story/TestData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestData.js","sourceRoot":"","sources":["../../../../src/components/story/TestData.tsx"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,GAAiC;IAC7C;QACE,SAAS;QACT,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE;KACrC;IACD;QACE,SAAS;QACT,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE;KACrC;IACD;QACE,SAAS;QACT,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE;KACrC;IACD;QACE,UAAU;QACV,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;KAC7C;IACD;QACE,UAAU;QACV,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;KAC7C;CACF,CAAA;AAED,MAAM,KAAK,GAA8B;IACvC;QACE,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE;YACL,KAAK,EAAE,UAAU;SAClB;KACF;IAED;QACE,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE;YACL,aAAa,EAAE,QAAQ;YACvB,YAAY,EAAE,MAAM;YACpB,oBAAoB,EAAE,MAAM;YAC5B,oBAAoB,EAAE,UAAU;YAChC,KAAK,EAAE,CAAC;SACT;KACF;CACF,CAAA;AAEY,QAAA,OAAO,GAAqB;IACvC,QAAQ;IACR,KAAK;CACN,CAAA"}

package/dist/cjs/components/story/index.js

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

package/dist/cjs/components/story/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/story/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B"}

package/dist/cjs/contexts/CytoscapeInstance/Context.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CytoscapeInstanceContext = void 0;
+const react_shared_1 = require("@xyo-network/react-shared");
+exports.CytoscapeInstanceContext = (0, react_shared_1.createContextEx)();
+//# sourceMappingURL=Context.js.map

package/dist/cjs/contexts/CytoscapeInstance/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/CytoscapeInstance/Context.ts"],"names":[],"mappings":";;;AAAA,4DAA2D;AAI9C,QAAA,wBAAwB,GAAG,IAAA,8BAAe,GAA0B,CAAA"}

package/dist/cjs/contexts/CytoscapeInstance/Provider.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CytoscapeInstanceProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Context_1 = require("./Context");
+const CytoscapeInstanceProvider = ({ children, defaultInstance }) => {
+    const [cy, setCy] = (0, react_1.useState)(defaultInstance);
+    (0, react_1.useEffect)(() => {
+        setCy(defaultInstance);
+    }, [defaultInstance]);
+    return (0, jsx_runtime_1.jsx)(Context_1.CytoscapeInstanceContext.Provider, Object.assign({ value: { cy, provided: true, setCy } }, { children: children }));
+};
+exports.CytoscapeInstanceProvider = CytoscapeInstanceProvider;
+//# sourceMappingURL=Provider.js.map

package/dist/cjs/contexts/CytoscapeInstance/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/CytoscapeInstance/Provider.tsx"],"names":[],"mappings":";;;;AAEA,iCAA2C;AAE3C,uCAAoD;AAM7C,MAAM,yBAAyB,GAA6C,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,EAAE;IACnH,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAmB,eAAe,CAAC,CAAA;IAC/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,KAAK,CAAC,eAAe,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,uBAAC,kCAAwB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAG,QAAQ,IAAqC,CAAA;AAChI,CAAC,CAAA;AAPY,QAAA,yBAAyB,6BAOrC"}

package/dist/cjs/contexts/CytoscapeInstance/State.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=State.js.map

package/dist/cjs/contexts/CytoscapeInstance/State.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.js","sourceRoot":"","sources":["../../../../src/contexts/CytoscapeInstance/State.ts"],"names":[],"mappings":""}

package/dist/cjs/contexts/CytoscapeInstance/index.js

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

package/dist/cjs/contexts/CytoscapeInstance/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/CytoscapeInstance/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,qDAA0B;AAC1B,kDAAuB;AACvB,gDAAqB"}

package/dist/cjs/contexts/CytoscapeInstance/use.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCytoscapeInstance = void 0;
+const react_shared_1 = require("@xyo-network/react-shared");
+const Context_1 = require("./Context");
+const useCytoscapeInstance = (required = false) => (0, react_shared_1.useContextEx)(Context_1.CytoscapeInstanceContext, 'CytoscapeInstance', required);
+exports.useCytoscapeInstance = useCytoscapeInstance;
+//# sourceMappingURL=use.js.map

package/dist/cjs/contexts/CytoscapeInstance/use.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/CytoscapeInstance/use.ts"],"names":[],"mappings":";;;AAAA,4DAAwD;AAExD,uCAAoD;AAE7C,MAAM,oBAAoB,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CAAC,IAAA,2BAAY,EAAC,kCAAwB,EAAE,mBAAmB,EAAE,QAAQ,CAAC,CAAA;AAAlH,QAAA,oBAAoB,wBAA8F"}

package/dist/cjs/contexts/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":";;;AAAA,8DAAmC"}

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/cytoscape/useCytoscapeElements.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCytoscapeElements = void 0;
+const tslib_1 = require("tslib");
+const react_async_effect_1 = require("@xylabs/react-async-effect");
+const react_1 = require("react");
+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
+ */
+const useCytoscapeElements = (targetNode) => {
+    const [elements, setElements] = (0, react_1.useState)([]);
+    (0, react_async_effect_1.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        if (targetNode) {
+            const newElements = (_a = (yield Cytoscape_1.CytoscapeElements.buildElements(targetNode))) !== null && _a !== void 0 ? _a : [];
+            setElements(newElements);
+        }
+    }), [targetNode]);
+    (0, react_1.useEffect)(() => {
+        let attachedListener = undefined;
+        let detachedListener = undefined;
+        if (targetNode) {
+            attachedListener = targetNode.on('moduleAttached', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                var _a;
+                const newElements = (_a = (yield Cytoscape_1.CytoscapeElements.buildElements(targetNode))) !== null && _a !== void 0 ? _a : [];
+                setElements(newElements);
+            }));
+            detachedListener = targetNode.on('moduleDetached', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                var _b;
+                const newElements = (_b = (yield Cytoscape_1.CytoscapeElements.buildElements(targetNode))) !== null && _b !== void 0 ? _b : [];
+                setElements(newElements);
+            }));
+        }
+        return () => {
+            attachedListener === null || attachedListener === void 0 ? void 0 : attachedListener();
+            detachedListener === null || detachedListener === void 0 ? void 0 : detachedListener();
+        };
+    }, [targetNode]);
+    return elements;
+};
+exports.useCytoscapeElements = useCytoscapeElements;
+//# sourceMappingURL=useCytoscapeElements.js.map

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,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"}

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"}