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

package/dist/node/components/RelationalGraph.js

@@ -1,81 +1,60 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var RelationalGraph_exports = {};
-__export(RelationalGraph_exports, {
-  NodeRelationalGraph: () => NodeRelationalGraph
-});
-module.exports = __toCommonJS(RelationalGraph_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_cytoscape = __toESM(require("cytoscape"));
-var import_react = require("react");
-var import_contexts = require("../contexts");
-const NodeRelationalGraph = (0, import_react.forwardRef)(({ actions, options, ...props }, ref) => {
-  const [cy, setCy] = (0, import_react.useState)();
-  const { setCy: setCyContext } = (0, import_contexts.useCytoscapeInstance)();
-  const sharedRef = (0, import_react_shared.useShareForwardedRef)(ref);
+// src/components/RelationalGraph.tsx
+import { Button, ButtonGroup, 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";
+
+// src/contexts/CytoscapeInstance/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var CytoscapeInstanceContext = createContextEx();
+
+// src/contexts/CytoscapeInstance/use.ts
+import { useContextEx } from "@xyo-network/react-shared";
+var useCytoscapeInstance = (required = false) => useContextEx(CytoscapeInstanceContext, "CytoscapeInstance", required);
+
+// src/components/RelationalGraph.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var NodeRelationalGraphFlexBox = 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);
+    cy == null ? void 0 : cy.reset();
+    cy == null ? void 0 : cy.fit(void 0, 20);
   };
-  (0, import_react.useEffect)(() => {
+  useEffect(() => {
     if (sharedRef) {
-      const newCy = (0, import_cytoscape.default)({
+      const newCy = cytoscape({
         container: sharedRef.current,
         ...options
       });
       setCy(newCy);
     }
   }, [options, sharedRef]);
-  (0, import_react.useEffect)(() => {
-    setCyContext?.(cy);
+  useEffect(() => {
+    setCyContext == null ? void 0 : setCyContext(cy);
   }, [cy, setCyContext]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ActionsContainer, { children: [
+  return /* @__PURE__ */ jsxs(FlexCol, { ...props, children: [
+    /* @__PURE__ */ jsx(ActionsContainer, { children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
       actions,
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { size: "small", variant: "contained", onClick: handleReset, children: "Reset" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", height: "100%", position: "absolute", ref: sharedRef, width: "100%" })
+      /* @__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 = (0, import_material.styled)(import_react_flexbox.FlexRow, { name: "ActionsContainer" })(() => ({
+NodeRelationalGraphFlexBox.displayName = "NodeRelationalGraph";
+var ActionsContainer = styled(FlexRow, { name: "ActionsContainer" })(({ theme }) => ({
   flexWrap: "wrap",
+  gap: theme.spacing(1),
   position: "absolute",
   right: "10px",
   top: "10px",
   zIndex: 2
 }));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  NodeRelationalGraph
-});
+var NodeRelationalGraph = NodeRelationalGraphFlexBox;
+export {
+  NodeRelationalGraph,
+  NodeRelationalGraphFlexBox
+};
 //# sourceMappingURL=RelationalGraph.js.map

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

@@ -1 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCM;AAnCN,sBAA+B;AAC/B,2BAAiC;AACjC,0BAAqC;AACrC,uBAAgC;AAChC,mBAAgD;AAEhD,sBAAqC;AAG9B,MAAM,0BAAsB,yBAAqD,CAAC,EAAE,SAAS,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC/H,QAAM,CAAC,IAAI,KAAK,QAAI,uBAAe;AACnC,QAAM,EAAE,OAAO,aAAa,QAAI,sCAAqB;AACrD,QAAM,gBAAY,0CAAqB,GAAG;AAE1C,QAAM,cAAc,MAAM;AACxB,QAAI,MAAM;AACV,QAAI,IAAI,QAAW,EAAE;AAAA,EACvB;AAEA,8BAAU,MAAM;AACd,QAAI,WAAW;AACb,YAAM,YAAQ,iBAAAA,SAAU;AAAA,QACtB,WAAW,UAAU;AAAA,QACrB,GAAG;AAAA,MACL,CAAC;AACD,YAAM,KAAK;AAAA,IACb;AAAA,EACF,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,8BAAU,MAAM;AACd,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,IAAI,YAAY,CAAC;AAErB,SACE,6CAAC,gCAAS,GAAG,OACX;AAAA,iDAAC,oBACE;AAAA;AAAA,MACD,4CAAC,0BAAO,MAAM,SAAS,SAAS,aAAa,SAAS,aAAa,mBAEnE;AAAA,OACF;AAAA,IACA,4CAAC,gCAAQ,YAAW,WAAU,QAAO,QAAO,UAAS,YAAW,KAAK,WAAW,OAAM,QAAO;AAAA,KAC/F;AAEJ,CAAC;AAED,oBAAoB,cAAc;AAElC,MAAM,uBAAmB,wBAAO,8BAAS,EAAE,MAAM,mBAAmB,CAAC,EAAE,OAAO;AAAA,EAC5E,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AACV,EAAE;","names":["cytoscape"]}
+{"version":3,"sources":["../../../src/components/RelationalGraph.tsx","../../../src/contexts/CytoscapeInstance/Context.ts","../../../src/contexts/CytoscapeInstance/use.ts"],"sourcesContent":["import { Button, ButtonGroup, 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 NodeRelationalGraphFlexBox = 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        <ButtonGroup>\n          {actions}\n          <Button size={'small'} variant={'contained'} onClick={handleReset}>\n            Reset\n          </Button>\n        </ButtonGroup>\n      </ActionsContainer>\n      {/* Cytoscape Element */}\n      <FlexCol alignItems=\"stretch\" height=\"100%\" position=\"absolute\" ref={sharedRef} width=\"100%\"></FlexCol>\n    </FlexCol>\n  )\n})\n\nNodeRelationalGraphFlexBox.displayName = 'NodeRelationalGraph'\n\nconst ActionsContainer = styled(FlexRow, { name: 'ActionsContainer' })(({ theme }) => ({\n  flexWrap: 'wrap',\n  gap: theme.spacing(1),\n  position: 'absolute',\n  right: '10px',\n  top: '10px',\n  zIndex: 2,\n}))\n\n/** @deprecated */\nexport const NodeRelationalGraph = NodeRelationalGraphFlexBox\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { CytoscapeInstanceState } from './State'\n\nexport const CytoscapeInstanceContext = createContextEx<CytoscapeInstanceState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { CytoscapeInstanceContext } from './Context'\n\nexport const useCytoscapeInstance = (required = false) => useContextEx(CytoscapeInstanceContext, 'CytoscapeInstance', required)\n"],"mappings":";AAAA,SAAS,QAAQ,aAAa,cAAc;AAC5C,SAAS,SAAS,eAAe;AACjC,SAAS,4BAA4B;AACrC,OAAO,eAAyB;AAChC,SAAS,YAAY,WAAW,gBAAgB;;;ACJhD,SAAS,uBAAuB;AAIzB,IAAM,2BAA2B,gBAAwC;;;ACJhF,SAAS,oBAAoB;AAItB,IAAM,uBAAuB,CAAC,WAAW,UAAU,aAAa,0BAA0B,qBAAqB,QAAQ;;;AFgCtH,SAEE,KAFF;AA3BD,IAAM,6BAA6B,WAAqD,CAAC,EAAE,SAAS,SAAS,GAAG,MAAM,GAAG,QAAQ;AACtI,QAAM,CAAC,IAAI,KAAK,IAAI,SAAe;AACnC,QAAM,EAAE,OAAO,aAAa,IAAI,qBAAqB;AACrD,QAAM,YAAY,qBAAqB,GAAG;AAE1C,QAAM,cAAc,MAAM;AACxB,6BAAI;AACJ,6BAAI,IAAI,QAAW;AAAA,EACrB;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,iDAAe;AAAA,EACjB,GAAG,CAAC,IAAI,YAAY,CAAC;AAErB,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,oBACC,+BAAC,eACE;AAAA;AAAA,MACD,oBAAC,UAAO,MAAM,SAAS,SAAS,aAAa,SAAS,aAAa,mBAEnE;AAAA,OACF,GACF;AAAA,IAEA,oBAAC,WAAQ,YAAW,WAAU,QAAO,QAAO,UAAS,YAAW,KAAK,WAAW,OAAM,QAAO;AAAA,KAC/F;AAEJ,CAAC;AAED,2BAA2B,cAAc;AAEzC,IAAM,mBAAmB,OAAO,SAAS,EAAE,MAAM,mBAAmB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACrF,UAAU;AAAA,EACV,KAAK,MAAM,QAAQ,CAAC;AAAA,EACpB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AACV,EAAE;AAGK,IAAM,sBAAsB;","names":[]}

package/dist/node/components/WithCola.cjs

@@ -0,0 +1,52 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/WithCola.tsx
+var WithCola_exports = {};
+__export(WithCola_exports, {
+  WithCola: () => WithCola
+});
+module.exports = __toCommonJS(WithCola_exports);
+var import_cytoscape = require("cytoscape");
+var import_cytoscape_cola = __toESM(require("cytoscape-cola"), 1);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var WithCola = ({ children }) => {
+  const [initialized, setInitialized] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    (0, import_cytoscape.use)(import_cytoscape_cola.default);
+    setInitialized(true);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: initialized ? children : void 0 });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithCola
+});
+//# sourceMappingURL=WithCola.cjs.map

package/dist/node/components/WithCola.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/WithCola.tsx"],"sourcesContent":["import { use } from 'cytoscape'\nimport cola from 'cytoscape-cola'\nimport { PropsWithChildren, useEffect, useState } from 'react'\n\nexport const WithCola: React.FC<PropsWithChildren> = ({ children }) => {\n  const [initialized, setInitialized] = useState(false)\n  useEffect(() => {\n    use(cola)\n    setInitialized(true)\n  }, [])\n\n  return <>{initialized ? children : undefined}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAoB;AACpB,4BAAiB;AACjB,mBAAuD;AAS9C;AAPF,IAAM,WAAwC,CAAC,EAAE,SAAS,MAAM;AACrE,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AACpD,8BAAU,MAAM;AACd,8BAAI,sBAAAA,OAAI;AACR,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,SAAO,2EAAG,wBAAc,WAAW,QAAU;AAC/C;","names":["cola"]}

package/dist/node/components/WithCola.d.cts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export declare const WithCola: React.FC<PropsWithChildren>;
+//# sourceMappingURL=WithCola.d.ts.map

package/dist/node/components/WithCola.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithCola.d.ts","sourceRoot":"","sources":["../../../src/components/WithCola.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAE9D,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAQhD,CAAA"}

package/dist/node/components/WithCola.d.mts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export declare const WithCola: React.FC<PropsWithChildren>;
+//# sourceMappingURL=WithCola.d.ts.map

package/dist/node/components/WithCola.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithCola.d.ts","sourceRoot":"","sources":["../../../src/components/WithCola.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAE9D,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAQhD,CAAA"}

package/dist/node/components/WithCola.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export declare const WithCola: React.FC<PropsWithChildren>;
+//# sourceMappingURL=WithCola.d.ts.map

package/dist/node/components/WithCola.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithCola.d.ts","sourceRoot":"","sources":["../../../src/components/WithCola.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAE9D,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAQhD,CAAA"}

package/dist/node/components/WithCola.js

@@ -0,0 +1,17 @@
+// src/components/WithCola.tsx
+import { use } from "cytoscape";
+import cola from "cytoscape-cola";
+import { useEffect, useState } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+var WithCola = ({ children }) => {
+  const [initialized, setInitialized] = useState(false);
+  useEffect(() => {
+    use(cola);
+    setInitialized(true);
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, { children: initialized ? children : void 0 });
+};
+export {
+  WithCola
+};
+//# sourceMappingURL=WithCola.js.map

package/dist/node/components/WithCola.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/WithCola.tsx"],"sourcesContent":["import { use } from 'cytoscape'\nimport cola from 'cytoscape-cola'\nimport { PropsWithChildren, useEffect, useState } from 'react'\n\nexport const WithCola: React.FC<PropsWithChildren> = ({ children }) => {\n  const [initialized, setInitialized] = useState(false)\n  useEffect(() => {\n    use(cola)\n    setInitialized(true)\n  }, [])\n\n  return <>{initialized ? children : undefined}</>\n}\n"],"mappings":";AAAA,SAAS,WAAW;AACpB,OAAO,UAAU;AACjB,SAA4B,WAAW,gBAAgB;AAS9C;AAPF,IAAM,WAAwC,CAAC,EAAE,SAAS,MAAM;AACrE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,YAAU,MAAM;AACd,QAAI,IAAI;AACR,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,SAAO,gCAAG,wBAAc,WAAW,QAAU;AAC/C;","names":[]}

package/dist/node/components/cytoscape-extensions/WithExtensions.cjs

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/cytoscape-extensions/WithExtensions.tsx
+var WithExtensions_exports = {};
+__export(WithExtensions_exports, {
+  WithExtensions: () => WithExtensions
+});
+module.exports = __toCommonJS(WithExtensions_exports);
+var import_cytoscape = require("cytoscape");
+var import_cytoscape_cola = __toESM(require("cytoscape-cola"), 1);
+var import_cytoscape_popper = __toESM(require("cytoscape-popper"), 1);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var WithExtensions = ({ children }) => {
+  const [initialized, setInitialized] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    (0, import_cytoscape.use)(import_cytoscape_cola.default);
+    (0, import_cytoscape.use)(import_cytoscape_popper.default);
+    setInitialized(true);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: initialized ? children : void 0 });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithExtensions
+});
+//# sourceMappingURL=WithExtensions.cjs.map

package/dist/node/components/cytoscape-extensions/WithExtensions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/cytoscape-extensions/WithExtensions.tsx"],"sourcesContent":["import { use } from 'cytoscape'\nimport cola from 'cytoscape-cola'\nimport popper from 'cytoscape-popper'\nimport { PropsWithChildren, useEffect, useState } from 'react'\n\nexport const WithExtensions: React.FC<PropsWithChildren> = ({ children }) => {\n  const [initialized, setInitialized] = useState(false)\n  useEffect(() => {\n    use(cola)\n    use(popper)\n    setInitialized(true)\n  }, [])\n\n  return <>{initialized ? children : undefined}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAoB;AACpB,4BAAiB;AACjB,8BAAmB;AACnB,mBAAuD;AAU9C;AARF,IAAM,iBAA8C,CAAC,EAAE,SAAS,MAAM;AAC3E,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AACpD,8BAAU,MAAM;AACd,8BAAI,sBAAAA,OAAI;AACR,8BAAI,wBAAAC,OAAM;AACV,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,SAAO,2EAAG,wBAAc,WAAW,QAAU;AAC/C;","names":["cola","popper"]}

package/dist/node/components/cytoscape-extensions/WithExtensions.d.cts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export declare const WithExtensions: React.FC<PropsWithChildren>;
+//# sourceMappingURL=WithExtensions.d.ts.map

package/dist/node/components/cytoscape-extensions/WithExtensions.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithExtensions.d.ts","sourceRoot":"","sources":["../../../../src/components/cytoscape-extensions/WithExtensions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAE9D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAStD,CAAA"}

package/dist/node/components/cytoscape-extensions/WithExtensions.d.mts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export declare const WithExtensions: React.FC<PropsWithChildren>;
+//# sourceMappingURL=WithExtensions.d.ts.map

package/dist/node/components/cytoscape-extensions/WithExtensions.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithExtensions.d.ts","sourceRoot":"","sources":["../../../../src/components/cytoscape-extensions/WithExtensions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAE9D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAStD,CAAA"}

package/dist/node/components/cytoscape-extensions/WithExtensions.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export declare const WithExtensions: React.FC<PropsWithChildren>;
+//# sourceMappingURL=WithExtensions.d.ts.map

package/dist/node/components/cytoscape-extensions/WithExtensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithExtensions.d.ts","sourceRoot":"","sources":["../../../../src/components/cytoscape-extensions/WithExtensions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAE9D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAStD,CAAA"}

package/dist/node/components/cytoscape-extensions/WithExtensions.js

@@ -0,0 +1,19 @@
+// src/components/cytoscape-extensions/WithExtensions.tsx
+import { use } from "cytoscape";
+import cola from "cytoscape-cola";
+import popper from "cytoscape-popper";
+import { useEffect, useState } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+var WithExtensions = ({ children }) => {
+  const [initialized, setInitialized] = useState(false);
+  useEffect(() => {
+    use(cola);
+    use(popper);
+    setInitialized(true);
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, { children: initialized ? children : void 0 });
+};
+export {
+  WithExtensions
+};
+//# sourceMappingURL=WithExtensions.js.map

package/dist/node/components/cytoscape-extensions/WithExtensions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/cytoscape-extensions/WithExtensions.tsx"],"sourcesContent":["import { use } from 'cytoscape'\nimport cola from 'cytoscape-cola'\nimport popper from 'cytoscape-popper'\nimport { PropsWithChildren, useEffect, useState } from 'react'\n\nexport const WithExtensions: React.FC<PropsWithChildren> = ({ children }) => {\n  const [initialized, setInitialized] = useState(false)\n  useEffect(() => {\n    use(cola)\n    use(popper)\n    setInitialized(true)\n  }, [])\n\n  return <>{initialized ? children : undefined}</>\n}\n"],"mappings":";AAAA,SAAS,WAAW;AACpB,OAAO,UAAU;AACjB,OAAO,YAAY;AACnB,SAA4B,WAAW,gBAAgB;AAU9C;AARF,IAAM,iBAA8C,CAAC,EAAE,SAAS,MAAM;AAC3E,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,YAAU,MAAM;AACd,QAAI,IAAI;AACR,QAAI,MAAM;AACV,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,SAAO,gCAAG,wBAAc,WAAW,QAAU;AAC/C;","names":[]}

package/dist/node/components/cytoscape-extensions/index.cjs

@@ -0,0 +1,56 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/cytoscape-extensions/index.ts
+var cytoscape_extensions_exports = {};
+__export(cytoscape_extensions_exports, {
+  WithExtensions: () => WithExtensions
+});
+module.exports = __toCommonJS(cytoscape_extensions_exports);
+
+// src/components/cytoscape-extensions/WithExtensions.tsx
+var import_cytoscape = require("cytoscape");
+var import_cytoscape_cola = __toESM(require("cytoscape-cola"), 1);
+var import_cytoscape_popper = __toESM(require("cytoscape-popper"), 1);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var WithExtensions = ({ children }) => {
+  const [initialized, setInitialized] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    (0, import_cytoscape.use)(import_cytoscape_cola.default);
+    (0, import_cytoscape.use)(import_cytoscape_popper.default);
+    setInitialized(true);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: initialized ? children : void 0 });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithExtensions
+});
+//# sourceMappingURL=index.cjs.map

package/dist/node/components/cytoscape-extensions/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/cytoscape-extensions/index.ts","../../../../src/components/cytoscape-extensions/WithExtensions.tsx"],"sourcesContent":["export * from './WithExtensions'\n","import { use } from 'cytoscape'\nimport cola from 'cytoscape-cola'\nimport popper from 'cytoscape-popper'\nimport { PropsWithChildren, useEffect, useState } from 'react'\n\nexport const WithExtensions: React.FC<PropsWithChildren> = ({ children }) => {\n  const [initialized, setInitialized] = useState(false)\n  useEffect(() => {\n    use(cola)\n    use(popper)\n    setInitialized(true)\n  }, [])\n\n  return <>{initialized ? children : undefined}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,uBAAoB;AACpB,4BAAiB;AACjB,8BAAmB;AACnB,mBAAuD;AAU9C;AARF,IAAM,iBAA8C,CAAC,EAAE,SAAS,MAAM;AAC3E,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AACpD,8BAAU,MAAM;AACd,8BAAI,sBAAAA,OAAI;AACR,8BAAI,wBAAAC,OAAM;AACV,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,SAAO,2EAAG,wBAAc,WAAW,QAAU;AAC/C;","names":["cola","popper"]}

package/dist/node/components/cytoscape-extensions/index.d.cts

@@ -0,0 +1,2 @@
+export * from './WithExtensions';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/cytoscape-extensions/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/cytoscape-extensions/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/node/components/cytoscape-extensions/index.d.mts

@@ -0,0 +1,2 @@
+export * from './WithExtensions';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/cytoscape-extensions/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/cytoscape-extensions/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/node/components/cytoscape-extensions/index.d.ts

@@ -0,0 +1,2 @@
+export * from './WithExtensions';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/cytoscape-extensions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/cytoscape-extensions/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/node/components/cytoscape-extensions/index.js

@@ -0,0 +1,19 @@
+// src/components/cytoscape-extensions/WithExtensions.tsx
+import { use } from "cytoscape";
+import cola from "cytoscape-cola";
+import popper from "cytoscape-popper";
+import { useEffect, useState } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+var WithExtensions = ({ children }) => {
+  const [initialized, setInitialized] = useState(false);
+  useEffect(() => {
+    use(cola);
+    use(popper);
+    setInitialized(true);
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, { children: initialized ? children : void 0 });
+};
+export {
+  WithExtensions
+};
+//# sourceMappingURL=index.js.map

package/dist/node/components/cytoscape-extensions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/cytoscape-extensions/WithExtensions.tsx"],"sourcesContent":["import { use } from 'cytoscape'\nimport cola from 'cytoscape-cola'\nimport popper from 'cytoscape-popper'\nimport { PropsWithChildren, useEffect, useState } from 'react'\n\nexport const WithExtensions: React.FC<PropsWithChildren> = ({ children }) => {\n  const [initialized, setInitialized] = useState(false)\n  useEffect(() => {\n    use(cola)\n    use(popper)\n    setInitialized(true)\n  }, [])\n\n  return <>{initialized ? children : undefined}</>\n}\n"],"mappings":";AAAA,SAAS,WAAW;AACpB,OAAO,UAAU;AACjB,OAAO,YAAY;AACnB,SAA4B,WAAW,gBAAgB;AAU9C;AARF,IAAM,iBAA8C,CAAC,EAAE,SAAS,MAAM;AAC3E,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,YAAU,MAAM;AACd,QAAI,IAAI;AACR,QAAI,MAAM;AACV,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,SAAO,gCAAG,wBAAc,WAAW,QAAU;AAC/C;","names":[]}