@xyo-network/react-node-renderer 2.64.0-rc.3 → 2.64.0-rc.6

package/dist/browser/Cytoscape/CytoscapeElements.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CytoscapeElements.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,qBAAa,iBAAiB;IAC5B,MAAM,CAAC,aAAa,SAAK;IAEzB,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAE,iBAAiB;;;;;;;WAU3D,aAAa,CAAC,IAAI,EAAE,YAAY;IA2B7C,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,GAAG,iBAAiB;IAW9E,MAAM,CAAC,aAAa,SAAgB,YAAY,KAAG,QAAQ,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAG9F;IAED,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM;CAKnC"}

package/dist/browser/Cytoscape/CytoscapeElements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CytoscapeElements.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,qBAAa,iBAAiB;IAC5B,MAAM,CAAC,aAAa,SAAK;IAEzB,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAE,iBAAiB;;;;;;;WAU3D,aAAa,CAAC,IAAI,EAAE,YAAY;IA2B7C,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,GAAG,iBAAiB;IAW9E,MAAM,CAAC,aAAa,SAAgB,YAAY,KAAG,QAAQ,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAG9F;IAED,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM;CAKnC"}

package/dist/browser/Cytoscape/CytoscapeElements.js

@@ -0,0 +1,62 @@
+import { parseModuleType } from "./lib";
+class CytoscapeElements {
+  static MaxNameLength = 20;
+  static buildEdge(rootNode, newNode) {
+    return {
+      data: {
+        id: `${rootNode.data.id}/${newNode.data.id}`,
+        source: rootNode.data.id,
+        target: newNode.data.id
+      }
+    };
+  }
+  static async buildElements(node) {
+    try {
+      const [, newRootNode] = await CytoscapeElements.buildRootNode(node);
+      const newElements = [newRootNode];
+      const children = await Promise.all(
+        (await node.resolve()).map(async (child) => [await child.manifest(), child.address])
+      );
+      await Promise.allSettled(
+        (children ?? [])?.map(async ([child, address]) => {
+          try {
+            const newNode = await 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) {
+    const newNodeId = CytoscapeElements.normalizeName(manifest.config.name) ?? address.substring(0, 8);
+    return {
+      data: {
+        address,
+        id: newNodeId,
+        type: parseModuleType(manifest.config.schema)
+      }
+    };
+  }
+  static buildRootNode = async (node) => {
+    const manifest = await node?.manifest();
+    return [manifest, CytoscapeElements.buildNode(manifest, node.address)];
+  };
+  static normalizeName(name) {
+    if (!name)
+      return;
+    if (name.length > this.MaxNameLength)
+      return `${name.substring(0, 20)}...`;
+    return name;
+  }
+}
+export {
+  CytoscapeElements
+};
+//# sourceMappingURL=CytoscapeElements.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Cytoscape/CytoscapeElements.ts"],"sourcesContent":["import { ModuleManifest } from '@xyo-network/manifest-model'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { ElementDefinition } from 'cytoscape'\n\nimport { parseModuleType } from './lib'\n\nexport class CytoscapeElements {\n  static MaxNameLength = 20\n\n  static buildEdge(rootNode: ElementDefinition, newNode: ElementDefinition) {\n    return {\n      data: {\n        id: `${rootNode.data.id}/${newNode.data.id}`,\n        source: rootNode.data.id,\n        target: newNode.data.id,\n      },\n    }\n  }\n\n  static async buildElements(node: NodeInstance) {\n    try {\n      const [, newRootNode] = await CytoscapeElements.buildRootNode(node)\n      const newElements: ElementDefinition[] = [newRootNode]\n\n      const children = await Promise.all(\n        (await node.resolve()).map<Promise<[ModuleManifest, string]>>(async (child) => [await child.manifest(), child.address]),\n      )\n      await Promise.allSettled(\n        (children ?? [])?.map(async ([child, address]) => {\n          try {\n            const newNode = await CytoscapeElements.buildNode(child, address)\n            newElements.push(newNode)\n\n            const newEdge = CytoscapeElements.buildEdge(newRootNode, newNode)\n            newElements.push(newEdge)\n          } catch (e) {\n            console.error('Error parsing children', e)\n          }\n        }),\n      )\n      return newElements\n    } catch (e) {\n      console.error('Error Getting initial description', e)\n    }\n  }\n\n  static buildNode(manifest: ModuleManifest, address: string): ElementDefinition {\n    const newNodeId = CytoscapeElements.normalizeName(manifest.config.name) ?? address.substring(0, 8)\n    return {\n      data: {\n        address,\n        id: newNodeId,\n        type: parseModuleType(manifest.config.schema),\n      },\n    }\n  }\n\n  static buildRootNode = async (node: NodeInstance): Promise<[ModuleManifest, ElementDefinition]> => {\n    const manifest = await node?.manifest()\n    return [manifest, CytoscapeElements.buildNode(manifest, node.address)]\n  }\n\n  static normalizeName(name?: string) {\n    if (!name) return\n    if (name.length > this.MaxNameLength) return `${name.substring(0, 20)}...`\n    return name\n  }\n}\n"],"mappings":"AAIA,SAAS,uBAAuB;AAEzB,MAAM,kBAAkB;AAAA,EAC7B,OAAO,gBAAgB;AAAA,EAEvB,OAAO,UAAU,UAA6B,SAA4B;AACxE,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,IAAI,GAAG,SAAS,KAAK,EAAE,IAAI,QAAQ,KAAK,EAAE;AAAA,QAC1C,QAAQ,SAAS,KAAK;AAAA,QACtB,QAAQ,QAAQ,KAAK;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,aAAa,cAAc,MAAoB;AAC7C,QAAI;AACF,YAAM,CAAC,EAAE,WAAW,IAAI,MAAM,kBAAkB,cAAc,IAAI;AAClE,YAAM,cAAmC,CAAC,WAAW;AAErD,YAAM,WAAW,MAAM,QAAQ;AAAA,SAC5B,MAAM,KAAK,QAAQ,GAAG,IAAuC,OAAO,UAAU,CAAC,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC;AAAA,MACxH;AACA,YAAM,QAAQ;AAAA,SACX,YAAY,CAAC,IAAI,IAAI,OAAO,CAAC,OAAO,OAAO,MAAM;AAChD,cAAI;AACF,kBAAM,UAAU,MAAM,kBAAkB,UAAU,OAAO,OAAO;AAChE,wBAAY,KAAK,OAAO;AAExB,kBAAM,UAAU,kBAAkB,UAAU,aAAa,OAAO;AAChE,wBAAY,KAAK,OAAO;AAAA,UAC1B,SAAS,GAAG;AACV,oBAAQ,MAAM,0BAA0B,CAAC;AAAA,UAC3C;AAAA,QACF,CAAC;AAAA,MACH;AACA,aAAO;AAAA,IACT,SAAS,GAAG;AACV,cAAQ,MAAM,qCAAqC,CAAC;AAAA,IACtD;AAAA,EACF;AAAA,EAEA,OAAO,UAAU,UAA0B,SAAoC;AAC7E,UAAM,YAAY,kBAAkB,cAAc,SAAS,OAAO,IAAI,KAAK,QAAQ,UAAU,GAAG,CAAC;AACjG,WAAO;AAAA,MACL,MAAM;AAAA,QACJ;AAAA,QACA,IAAI;AAAA,QACJ,MAAM,gBAAgB,SAAS,OAAO,MAAM;AAAA,MAC9C;AAAA,IACF;AAAA,EACF;AAAA,EAEA,OAAO,gBAAgB,OAAO,SAAqE;AACjG,UAAM,WAAW,MAAM,MAAM,SAAS;AACtC,WAAO,CAAC,UAAU,kBAAkB,UAAU,UAAU,KAAK,OAAO,CAAC;AAAA,EACvE;AAAA,EAEA,OAAO,cAAc,MAAe;AAClC,QAAI,CAAC;AAAM;AACX,QAAI,KAAK,SAAS,KAAK;AAAe,aAAO,GAAG,KAAK,UAAU,GAAG,EAAE,CAAC;AACrE,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/browser/Cytoscape/CytoscapeIcons.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CytoscapeIcons.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeIcons.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGzC,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAQhG,CAAA"}

package/dist/browser/Cytoscape/CytoscapeIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CytoscapeIcons.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeIcons.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGzC,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAQhG,CAAA"}

package/dist/browser/Cytoscape/CytoscapeIcons.js

@@ -0,0 +1,22 @@
+import {
+  BubbleChartRounded as BubbleChartRoundedIcon,
+  Hub as HubIcon,
+  InsertLinkRounded as InsertLinkRoundedIcon,
+  Inventory2Rounded as Inventory2RoundedIcon,
+  QuestionMarkRounded as QuestionMarkRoundedIcon,
+  TimerRounded as TimerRoundedIcon,
+  VisibilityRounded as VisibilityRoundedIcon
+} from "@mui/icons-material";
+const CyIconSet = {
+  archivist: Inventory2RoundedIcon,
+  bridge: InsertLinkRoundedIcon,
+  diviner: BubbleChartRoundedIcon,
+  module: QuestionMarkRoundedIcon,
+  node: HubIcon,
+  sentinel: TimerRoundedIcon,
+  witness: VisibilityRoundedIcon
+};
+export {
+  CyIconSet
+};
+//# sourceMappingURL=CytoscapeIcons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Cytoscape/CytoscapeIcons.tsx"],"sourcesContent":["import {\n  BubbleChartRounded as BubbleChartRoundedIcon,\n  Hub as HubIcon,\n  InsertLinkRounded as InsertLinkRoundedIcon,\n  Inventory2Rounded as Inventory2RoundedIcon,\n  QuestionMarkRounded as QuestionMarkRoundedIcon,\n  TimerRounded as TimerRoundedIcon,\n  VisibilityRounded as VisibilityRoundedIcon,\n} from '@mui/icons-material'\nimport { SvgIconTypeMap } from '@mui/material'\nimport { OverridableComponent } from '@mui/material/OverridableComponent'\n\nimport { CyNodeModuleTypes } from './lib'\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport const CyIconSet: Record<CyNodeModuleTypes, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>> = {\n  archivist: Inventory2RoundedIcon,\n  bridge: InsertLinkRoundedIcon,\n  diviner: BubbleChartRoundedIcon,\n  module: QuestionMarkRoundedIcon,\n  node: HubIcon,\n  sentinel: TimerRoundedIcon,\n  witness: VisibilityRoundedIcon,\n}\n"],"mappings":"AAAA;AAAA,EACE,sBAAsB;AAAA,EACtB,OAAO;AAAA,EACP,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,OAChB;AAOA,MAAM,YAAwF;AAAA,EACnG,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AACX;","names":[]}

package/dist/browser/Cytoscape/CytoscapeStyles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CytoscapeStyles.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,YAAY,WAAY,MAAM,KAAG,UAQ5C,CAAA;AAEF,eAAO,MAAM,UAAU,UAAW,OAAO,iBAAiB,EAAE,MAAM,CAAC,YAAY,MAAM,KAAG,UAWtF,CAAA;AAEF,eAAO,MAAM,UAAU,eAAgB,MAAM,qBAAqB,MAAM;;;;;;;;;;CAUtE,CAAA"}

package/dist/browser/Cytoscape/CytoscapeStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CytoscapeStyles.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,YAAY,WAAY,MAAM,KAAG,UAQ5C,CAAA;AAEF,eAAO,MAAM,UAAU,UAAW,OAAO,iBAAiB,EAAE,MAAM,CAAC,YAAY,MAAM,KAAG,UAWtF,CAAA;AAEF,eAAO,MAAM,UAAU,eAAgB,MAAM,qBAAqB,MAAM;;;;;;;;;;CAUtE,CAAA"}

package/dist/browser/Cytoscape/CytoscapeStyles.js

@@ -0,0 +1,38 @@
+const NodeIdStyles = (color) => ({
+  selector: "node[id]",
+  style: {
+    color,
+    "font-family": "Lexend Deca, Helvetica, sans-serif",
+    "font-size": 14,
+    "text-margin-y": -5
+  }
+});
+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)"
+  }
+});
+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
+  }
+});
+export {
+  EdgeStyled,
+  NodeIdStyles,
+  NodeStyled
+};
+//# sourceMappingURL=CytoscapeStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"sourcesContent":["import { Stylesheet } from 'cytoscape'\n\nimport { CyNodeModuleTypes } from './lib'\n\nexport const NodeIdStyles = (color?: string): Stylesheet => ({\n  selector: 'node[id]',\n  style: {\n    color,\n    'font-family': 'Lexend Deca, Helvetica, sans-serif',\n    'font-size': 14,\n    'text-margin-y': -5,\n  },\n})\n\nexport const NodeStyled = (icons: Record<CyNodeModuleTypes, string>, bgColor?: string): Stylesheet => ({\n  selector: 'node',\n  style: {\n    'background-color': bgColor,\n    'background-height': '75%',\n    // TODO - make dynamic\n    'background-image': (elem) => icons[elem.data('type') as CyNodeModuleTypes],\n    'background-image-smoothing': 'yes',\n    'background-width': '75%',\n    label: 'data(id)',\n  },\n})\n\nexport const EdgeStyled = (lineColor?: string, targetArrowColor?: string) => ({\n  selector: 'edge',\n  style: {\n    'curve-style': 'bezier',\n    'line-color': lineColor,\n    'line-opacity': 0.1,\n    'target-arrow-color': targetArrowColor,\n    'target-arrow-shape': 'triangle',\n    width: 3,\n  },\n})\n"],"mappings":"AAIO,MAAM,eAAe,CAAC,WAAgC;AAAA,EAC3D,UAAU;AAAA,EACV,OAAO;AAAA,IACL;AAAA,IACA,eAAe;AAAA,IACf,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AACF;AAEO,MAAM,aAAa,CAAC,OAA0C,aAAkC;AAAA,EACrG,UAAU;AAAA,EACV,OAAO;AAAA,IACL,oBAAoB;AAAA,IACpB,qBAAqB;AAAA;AAAA,IAErB,oBAAoB,CAAC,SAAS,MAAM,KAAK,KAAK,MAAM,CAAsB;AAAA,IAC1E,8BAA8B;AAAA,IAC9B,oBAAoB;AAAA,IACpB,OAAO;AAAA,EACT;AACF;AAEO,MAAM,aAAa,CAAC,WAAoB,sBAA+B;AAAA,EAC5E,UAAU;AAAA,EACV,OAAO;AAAA,IACL,eAAe;AAAA,IACf,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,OAAO;AAAA,EACT;AACF;","names":[]}

package/dist/browser/Cytoscape/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,OAAO,CAAA"}

package/dist/browser/Cytoscape/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,OAAO,CAAA"}

package/dist/browser/Cytoscape/index.js

@@ -0,0 +1,5 @@
+export * from "./CytoscapeElements";
+export * from "./CytoscapeIcons";
+export * from "./CytoscapeStyles";
+export * from "./lib";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Cytoscape/index.ts"],"sourcesContent":["export * from './CytoscapeElements'\nexport * from './CytoscapeIcons'\nexport * from './CytoscapeStyles'\nexport * from './lib'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/browser/Cytoscape/lib/CyNodeModuleTypes.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CyNodeModuleTypes.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/CyNodeModuleTypes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA"}

package/dist/browser/Cytoscape/lib/CyNodeModuleTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CyNodeModuleTypes.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/CyNodeModuleTypes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA"}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=CyNodeModuleTypes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/browser/Cytoscape/lib/encodeSvg.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"encodeSvg.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/encodeSvg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAMpC,eAAO,MAAM,SAAS,iBAAkB,YAAY,UAAU,MAAM,WAYnE,CAAA"}

package/dist/browser/Cytoscape/lib/encodeSvg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"encodeSvg.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/encodeSvg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAMpC,eAAO,MAAM,SAAS,iBAAkB,YAAY,UAAU,MAAM,WAYnE,CAAA"}

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

@@ -0,0 +1,17 @@
+import { renderToStaticMarkup } from "react-dom/server";
+const dataUri = "data:image/svg+xml,";
+const encodeSvg = (reactElement, color) => {
+  const svgString = 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 ?? "black";
+  }
+  return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`;
+};
+export {
+  encodeSvg
+};
+//# sourceMappingURL=encodeSvg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Cytoscape/lib/encodeSvg.ts"],"sourcesContent":["import { ReactElement } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { renderToStaticMarkup } from 'react-dom/server'\n\nconst dataUri = 'data:image/svg+xml,'\n\nexport const encodeSvg = (reactElement: ReactElement, color?: string) => {\n  const svgString = renderToStaticMarkup(reactElement)\n\n  const doc = new DOMParser().parseFromString(svgString, 'text/html')\n  const svgElement = doc.getElementsByTagName('svg')[0]\n  if (svgElement) {\n    svgElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg')\n    svgElement.setAttribute('height', '100')\n    svgElement.style.fill = color ?? 'black'\n  }\n\n  return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`\n}\n"],"mappings":"AAEA,SAAS,4BAA4B;AAErC,MAAM,UAAU;AAET,MAAM,YAAY,CAAC,cAA4B,UAAmB;AACvE,QAAM,YAAY,qBAAqB,YAAY;AAEnD,QAAM,MAAM,IAAI,UAAU,EAAE,gBAAgB,WAAW,WAAW;AAClE,QAAM,aAAa,IAAI,qBAAqB,KAAK,EAAE,CAAC;AACpD,MAAI,YAAY;AACd,eAAW,aAAa,SAAS,4BAA4B;AAC7D,eAAW,aAAa,UAAU,KAAK;AACvC,eAAW,MAAM,OAAO,SAAS;AAAA,EACnC;AAEA,SAAO,GAAG,OAAO,GAAG,OAAO,mBAAmB,WAAW,SAAS,CAAC;AACrE;","names":[]}

package/dist/browser/Cytoscape/lib/iconMap.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconMap.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/iconMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,eAAO,MAAM,eAAe,EAAE,MAAM,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAQlE,CAAA"}

package/dist/browser/Cytoscape/lib/iconMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconMap.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/iconMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,eAAO,MAAM,eAAe,EAAE,MAAM,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAQlE,CAAA"}

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

@@ -0,0 +1,13 @@
+const generateIconMap = () => ({
+  archivist: "",
+  bridge: "",
+  diviner: "",
+  module: "",
+  node: "",
+  sentinel: "",
+  witness: ""
+});
+export {
+  generateIconMap
+};
+//# sourceMappingURL=iconMap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Cytoscape/lib/iconMap.ts"],"sourcesContent":["import { CyNodeModuleTypes } from './CyNodeModuleTypes'\n\nexport const generateIconMap: () => Record<CyNodeModuleTypes, string> = () => ({\n  archivist: '',\n  bridge: '',\n  diviner: '',\n  module: '',\n  node: '',\n  sentinel: '',\n  witness: '',\n})\n"],"mappings":"AAEO,MAAM,kBAA2D,OAAO;AAAA,EAC7E,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AACX;","names":[]}

package/dist/browser/Cytoscape/lib/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA"}

package/dist/browser/Cytoscape/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA"}

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

@@ -0,0 +1,5 @@
+export * from "./CyNodeModuleTypes";
+export * from "./encodeSvg";
+export * from "./iconMap";
+export * from "./parseModuleType";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Cytoscape/lib/index.ts"],"sourcesContent":["export * from './CyNodeModuleTypes'\nexport * from './encodeSvg'\nexport * from './iconMap'\nexport * from './parseModuleType'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/browser/Cytoscape/lib/parseModuleType.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseModuleType.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/parseModuleType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,eAAO,MAAM,eAAe,YAAa,MAAM,KAAG,iBAoBjD,CAAA"}

package/dist/browser/Cytoscape/lib/parseModuleType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseModuleType.d.ts","sourceRoot":"","sources":["../../../../src/Cytoscape/lib/parseModuleType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,eAAO,MAAM,eAAe,YAAa,MAAM,KAAG,iBAoBjD,CAAA"}

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

@@ -0,0 +1,25 @@
+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;
+};
+export {
+  parseModuleType
+};
+//# sourceMappingURL=parseModuleType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Cytoscape/lib/parseModuleType.ts"],"sourcesContent":["import { CyNodeModuleTypes } from './CyNodeModuleTypes'\n\nexport const parseModuleType = (schema?: string): CyNodeModuleTypes => {\n  let type: CyNodeModuleTypes = 'module'\n  if (schema) {\n    if (schema.includes('archivist')) {\n      type = 'archivist'\n    } else if (schema.includes('bridge')) {\n      type = 'bridge'\n    } else if (schema.includes('diviner')) {\n      type = 'diviner'\n    } else if (schema.includes('node')) {\n      type = 'node'\n    } else if (schema.includes('sentinel')) {\n      type = 'sentinel'\n    } else if (schema.includes('witness')) {\n      type = 'witness'\n    } else {\n      type = 'module'\n    }\n  }\n  return type\n}\n"],"mappings":"AAEO,MAAM,kBAAkB,CAAC,WAAuC;AACrE,MAAI,OAA0B;AAC9B,MAAI,QAAQ;AACV,QAAI,OAAO,SAAS,WAAW,GAAG;AAChC,aAAO;AAAA,IACT,WAAW,OAAO,SAAS,QAAQ,GAAG;AACpC,aAAO;AAAA,IACT,WAAW,OAAO,SAAS,SAAS,GAAG;AACrC,aAAO;AAAA,IACT,WAAW,OAAO,SAAS,MAAM,GAAG;AAClC,aAAO;AAAA,IACT,WAAW,OAAO,SAAS,UAAU,GAAG;AACtC,aAAO;AAAA,IACT,WAAW,OAAO,SAAS,SAAS,GAAG;AACrC,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/dist/browser/components/ModuleCardParser.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleCardParser.d.ts","sourceRoot":"","sources":["../../../src/components/ModuleCardParser.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAIpD,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAS5D,CAAA"}

package/dist/browser/components/ModuleCardParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleCardParser.d.ts","sourceRoot":"","sources":["../../../src/components/ModuleCardParser.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAIpD,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAS5D,CAAA"}

package/dist/browser/components/ModuleCardParser.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { asArchivistInstance } from "@xyo-network/archivist-model";
+import { asDivinerInstance } from "@xyo-network/diviner-model";
+import { ArchivistCard } from "@xyo-network/react-archivist";
+import { DivinerCard, ModuleCard } from "@xyo-network/react-module";
+const ModuleCardParser = ({ module }) => {
+  switch (true) {
+    case module?.config.schema.includes("archivist"):
+      return /* @__PURE__ */ jsx(ArchivistCard, { module: asArchivistInstance(module) });
+    case module?.config.schema.includes("diviner"):
+      return /* @__PURE__ */ jsx(DivinerCard, { module: asDivinerInstance(module) });
+    default:
+      return /* @__PURE__ */ jsx(ModuleCard, { module });
+  }
+};
+export {
+  ModuleCardParser
+};
+//# sourceMappingURL=ModuleCardParser.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ModuleCardParser.tsx"],"sourcesContent":["import { asArchivistInstance } from '@xyo-network/archivist-model'\nimport { asDivinerInstance } from '@xyo-network/diviner-model'\nimport { ModuleInstance } from '@xyo-network/module'\nimport { ArchivistCard } from '@xyo-network/react-archivist'\nimport { DivinerCard, ModuleCard } from '@xyo-network/react-module'\n\nexport interface ModuleCardParserProps {\n  module?: ModuleInstance\n}\n\nexport const ModuleCardParser: React.FC<ModuleCardParserProps> = ({ module }) => {\n  switch (true) {\n    case module?.config.schema.includes('archivist'):\n      return <ArchivistCard module={asArchivistInstance(module)} />\n    case module?.config.schema.includes('diviner'):\n      return <DivinerCard module={asDivinerInstance(module)} />\n    default:\n      return <ModuleCard module={module} />\n  }\n}\n"],"mappings":"AAaa;AAbb,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAElC,SAAS,qBAAqB;AAC9B,SAAS,aAAa,kBAAkB;AAMjC,MAAM,mBAAoD,CAAC,EAAE,OAAO,MAAM;AAC/E,UAAQ,MAAM;AAAA,IACZ,KAAK,QAAQ,OAAO,OAAO,SAAS,WAAW;AAC7C,aAAO,oBAAC,iBAAc,QAAQ,oBAAoB,MAAM,GAAG;AAAA,IAC7D,KAAK,QAAQ,OAAO,OAAO,SAAS,SAAS;AAC3C,aAAO,oBAAC,eAAY,QAAQ,kBAAkB,MAAM,GAAG;AAAA,IACzD;AACE,aAAO,oBAAC,cAAW,QAAgB;AAAA,EACvC;AACF;","names":[]}

package/dist/browser/components/ModuleCardParser.stories.js

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { MemoryArchivist, MemoryArchivistConfigSchema } from "@xyo-network/archivist";
+import { IdWitness, IdWitnessConfigSchema } from "@xyo-network/id-plugin";
+import { ModuleCardParser } from "./ModuleCardParser";
+const meta = {
+  component: ModuleCardParser,
+  render: (props, { loaded }) => /* @__PURE__ */ jsx(ModuleCardParser, { ...props, ...loaded }),
+  title: "node/renderer/ModuleCardParser"
+};
+var ModuleCardParser_stories_default = meta;
+const WithArchivist = {
+  loaders: [
+    async () => {
+      const ParentArchivist = await MemoryArchivist.create({ config: { name: "ParentArchivist", schema: MemoryArchivistConfigSchema } });
+      return {
+        module: await MemoryArchivist.create({
+          config: { name: "MemoryArchivist", parents: { write: [ParentArchivist.address] }, schema: MemoryArchivistConfigSchema }
+        })
+      };
+    }
+  ]
+};
+const WithWitness = {
+  loaders: [
+    async () => ({
+      module: await IdWitness.create({ config: { name: "IdWitness", schema: IdWitnessConfigSchema } })
+    })
+  ]
+};
+export {
+  WithArchivist,
+  WithWitness,
+  ModuleCardParser_stories_default as default
+};
+//# sourceMappingURL=ModuleCardParser.stories.js.map

package/dist/browser/components/ModuleCardParser.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ModuleCardParser.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from '@storybook/react'\nimport { MemoryArchivist, MemoryArchivistConfigSchema } from '@xyo-network/archivist'\nimport { IdWitness, IdWitnessConfigSchema } from '@xyo-network/id-plugin'\n\nimport { ModuleCardParser } from './ModuleCardParser'\n\nconst meta: Meta<typeof ModuleCardParser> = {\n  component: ModuleCardParser,\n  render: (props, { loaded }) => <ModuleCardParser {...props} {...loaded} />,\n  title: 'node/renderer/ModuleCardParser',\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default meta\ntype Story = StoryObj<typeof ModuleCardParser>\n\nexport const WithArchivist: Story = {\n  loaders: [\n    async () => {\n      const ParentArchivist = await MemoryArchivist.create({ config: { name: 'ParentArchivist', schema: MemoryArchivistConfigSchema } })\n      return {\n        module: await MemoryArchivist.create({\n          config: { name: 'MemoryArchivist', parents: { write: [ParentArchivist.address] }, schema: MemoryArchivistConfigSchema },\n        }),\n      }\n    },\n  ],\n}\n\nexport const WithWitness: Story = {\n  loaders: [\n    async () => ({\n      module: await IdWitness.create({ config: { name: 'IdWitness', schema: IdWitnessConfigSchema } }),\n    }),\n  ],\n}\n"],"mappings":"AAQiC;AAPjC,SAAS,iBAAiB,mCAAmC;AAC7D,SAAS,WAAW,6BAA6B;AAEjD,SAAS,wBAAwB;AAEjC,MAAM,OAAsC;AAAA,EAC1C,WAAW;AAAA,EACX,QAAQ,CAAC,OAAO,EAAE,OAAO,MAAM,oBAAC,oBAAkB,GAAG,OAAQ,GAAG,QAAQ;AAAA,EACxE,OAAO;AACT;AAGA,IAAO,mCAAQ;AAGR,MAAM,gBAAuB;AAAA,EAClC,SAAS;AAAA,IACP,YAAY;AACV,YAAM,kBAAkB,MAAM,gBAAgB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,QAAQ,4BAA4B,EAAE,CAAC;AACjI,aAAO;AAAA,QACL,QAAQ,MAAM,gBAAgB,OAAO;AAAA,UACnC,QAAQ,EAAE,MAAM,mBAAmB,SAAS,EAAE,OAAO,CAAC,gBAAgB,OAAO,EAAE,GAAG,QAAQ,4BAA4B;AAAA,QACxH,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,cAAqB;AAAA,EAChC,SAAS;AAAA,IACP,aAAa;AAAA,MACX,QAAQ,MAAM,UAAU,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,QAAQ,sBAAsB,EAAE,CAAC;AAAA,IACjG;AAAA,EACF;AACF;","names":[]}

package/dist/browser/components/ProvidedNodeRenderer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProvidedNodeRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/ProvidedNodeRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAGhD,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACzE,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAMpE,CAAA"}

package/dist/browser/components/ProvidedNodeRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProvidedNodeRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/ProvidedNodeRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAGhD,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACzE,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAMpE,CAAA"}

package/dist/browser/components/ProvidedNodeRenderer.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { useProvidedNode } from "@xyo-network/react-node";
+import { useCytoscapeElements, useCytoscapeOptions } from "../hooks";
+import { NodeRelationalGraph } from "./RelationalGraph";
+const ProvidedNodeRenderer = ({ node, ...props }) => {
+  const [providedNode] = useProvidedNode();
+  const elements = useCytoscapeElements(node ?? providedNode);
+  const options = useCytoscapeOptions(elements);
+  return /* @__PURE__ */ jsx(NodeRelationalGraph, { alignItems: "stretch", flexGrow: 1, height: "100%", options, ...props });
+};
+export {
+  ProvidedNodeRenderer
+};
+//# sourceMappingURL=ProvidedNodeRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ProvidedNodeRenderer.tsx"],"sourcesContent":["import { AccountInstance } from '@xyo-network/account-model'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useProvidedNode } from '@xyo-network/react-node'\n\nimport { useCytoscapeElements, useCytoscapeOptions } from '../hooks'\nimport { NodeRelationalGraphProps } from './lib'\nimport { NodeRelationalGraph } from './RelationalGraph'\n\nexport interface ProvidedNodeRendererProps extends NodeRelationalGraphProps {\n  account?: AccountInstance\n  node?: NodeInstance\n}\n\nexport const ProvidedNodeRenderer: React.FC<ProvidedNodeRendererProps> = ({ node, ...props }) => {\n  const [providedNode] = useProvidedNode()\n  const elements = useCytoscapeElements(node ?? providedNode)\n  const options = useCytoscapeOptions(elements)\n\n  return <NodeRelationalGraph alignItems=\"stretch\" flexGrow={1} height=\"100%\" options={options} {...props} />\n}\n"],"mappings":"AAkBS;AAhBT,SAAS,uBAAuB;AAEhC,SAAS,sBAAsB,2BAA2B;AAE1D,SAAS,2BAA2B;AAO7B,MAAM,uBAA4D,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAC/F,QAAM,CAAC,YAAY,IAAI,gBAAgB;AACvC,QAAM,WAAW,qBAAqB,QAAQ,YAAY;AAC1D,QAAM,UAAU,oBAAoB,QAAQ;AAE5C,SAAO,oBAAC,uBAAoB,YAAW,WAAU,UAAU,GAAG,QAAO,QAAO,SAAmB,GAAG,OAAO;AAC3G;","names":[]}

package/dist/browser/components/RelationalGraph.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationalGraph.d.ts","sourceRoot":"","sources":["../../../src/components/RelationalGraph.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAEhD,eAAO,MAAM,mBAAmB,qHAmC9B,CAAA"}

package/dist/browser/components/RelationalGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationalGraph.d.ts","sourceRoot":"","sources":["../../../src/components/RelationalGraph.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAEhD,eAAO,MAAM,mBAAmB,qHAmC9B,CAAA"}

package/dist/browser/components/RelationalGraph.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, styled } from "@mui/material";
+import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { useShareForwardedRef } from "@xyo-network/react-shared";
+import cytoscape from "cytoscape";
+import { forwardRef, useEffect, useState } from "react";
+import { useCytoscapeInstance } from "../contexts";
+const NodeRelationalGraph = forwardRef(({ actions, options, ...props }, ref) => {
+  const [cy, setCy] = useState();
+  const { setCy: setCyContext } = useCytoscapeInstance();
+  const sharedRef = useShareForwardedRef(ref);
+  const handleReset = () => {
+    cy?.reset();
+    cy?.fit(void 0, 20);
+  };
+  useEffect(() => {
+    if (sharedRef) {
+      const newCy = cytoscape({
+        container: sharedRef.current,
+        ...options
+      });
+      setCy(newCy);
+    }
+  }, [options, sharedRef]);
+  useEffect(() => {
+    setCyContext?.(cy);
+  }, [cy, setCyContext]);
+  return /* @__PURE__ */ jsxs(FlexCol, { ...props, children: [
+    /* @__PURE__ */ jsxs(ActionsContainer, { children: [
+      actions,
+      /* @__PURE__ */ jsx(Button, { size: "small", variant: "contained", onClick: handleReset, children: "Reset" })
+    ] }),
+    /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", height: "100%", position: "absolute", ref: sharedRef, width: "100%" })
+  ] });
+});
+NodeRelationalGraph.displayName = "NodeRelationalGraph";
+const ActionsContainer = styled(FlexRow, { name: "ActionsContainer" })(() => ({
+  flexWrap: "wrap",
+  position: "absolute",
+  right: "10px",
+  top: "10px",
+  zIndex: 2
+}));
+export {
+  NodeRelationalGraph
+};
+//# sourceMappingURL=RelationalGraph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/RelationalGraph.tsx"],"sourcesContent":["import { Button, styled } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { useShareForwardedRef } from '@xyo-network/react-shared'\nimport cytoscape, { Core } from 'cytoscape'\nimport { forwardRef, useEffect, useState } from 'react'\n\nimport { useCytoscapeInstance } from '../contexts'\nimport { NodeRelationalGraphProps } from './lib'\n\nexport const NodeRelationalGraph = forwardRef<HTMLDivElement, NodeRelationalGraphProps>(({ actions, options, ...props }, ref) => {\n  const [cy, setCy] = useState<Core>()\n  const { setCy: setCyContext } = useCytoscapeInstance()\n  const sharedRef = useShareForwardedRef(ref)\n\n  const handleReset = () => {\n    cy?.reset()\n    cy?.fit(undefined, 20)\n  }\n\n  useEffect(() => {\n    if (sharedRef) {\n      const newCy = cytoscape({\n        container: sharedRef.current,\n        ...options,\n      })\n      setCy(newCy)\n    }\n  }, [options, sharedRef])\n\n  useEffect(() => {\n    setCyContext?.(cy)\n  }, [cy, setCyContext])\n\n  return (\n    <FlexCol {...props}>\n      <ActionsContainer>\n        {actions}\n        <Button size={'small'} variant={'contained'} onClick={handleReset}>\n          Reset\n        </Button>\n      </ActionsContainer>\n      <FlexCol alignItems=\"stretch\" height=\"100%\" position=\"absolute\" ref={sharedRef} width=\"100%\"></FlexCol>\n    </FlexCol>\n  )\n})\n\nNodeRelationalGraph.displayName = 'NodeRelationalGraph'\n\nconst ActionsContainer = styled(FlexRow, { name: 'ActionsContainer' })(() => ({\n  flexWrap: 'wrap',\n  position: 'absolute',\n  right: '10px',\n  top: '10px',\n  zIndex: 2,\n}))\n"],"mappings":"AAmCM,SAEE,KAFF;AAnCN,SAAS,QAAQ,cAAc;AAC/B,SAAS,SAAS,eAAe;AACjC,SAAS,4BAA4B;AACrC,OAAO,eAAyB;AAChC,SAAS,YAAY,WAAW,gBAAgB;AAEhD,SAAS,4BAA4B;AAG9B,MAAM,sBAAsB,WAAqD,CAAC,EAAE,SAAS,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC/H,QAAM,CAAC,IAAI,KAAK,IAAI,SAAe;AACnC,QAAM,EAAE,OAAO,aAAa,IAAI,qBAAqB;AACrD,QAAM,YAAY,qBAAqB,GAAG;AAE1C,QAAM,cAAc,MAAM;AACxB,QAAI,MAAM;AACV,QAAI,IAAI,QAAW,EAAE;AAAA,EACvB;AAEA,YAAU,MAAM;AACd,QAAI,WAAW;AACb,YAAM,QAAQ,UAAU;AAAA,QACtB,WAAW,UAAU;AAAA,QACrB,GAAG;AAAA,MACL,CAAC;AACD,YAAM,KAAK;AAAA,IACb;AAAA,EACF,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,YAAU,MAAM;AACd,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,IAAI,YAAY,CAAC;AAErB,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,yBAAC,oBACE;AAAA;AAAA,MACD,oBAAC,UAAO,MAAM,SAAS,SAAS,aAAa,SAAS,aAAa,mBAEnE;AAAA,OACF;AAAA,IACA,oBAAC,WAAQ,YAAW,WAAU,QAAO,QAAO,UAAS,YAAW,KAAK,WAAW,OAAM,QAAO;AAAA,KAC/F;AAEJ,CAAC;AAED,oBAAoB,cAAc;AAElC,MAAM,mBAAmB,OAAO,SAAS,EAAE,MAAM,mBAAmB,CAAC,EAAE,OAAO;AAAA,EAC5E,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AACV,EAAE;","names":[]}