@multiplatform.one/node-graph 7.7.2

package/dist/jsx/react-flow/SnapGuides.native.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var SnapGuides_exports = {};
+__export(SnapGuides_exports, {
+  SnapGuides: () => SnapGuides,
+  snapGuideClassName: () => snapGuideClassName,
+  snapGuidePadding: () => snapGuidePadding,
+  snapGuidesBounds: () => snapGuidesBounds,
+  snapGuidesClassName: () => snapGuidesClassName
+});
+module.exports = __toCommonJS(SnapGuides_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_xy = require("./xy.native.js");
+var snapGuidesClassName = "mp-graph-guides";
+var snapGuideClassName = "mp-graph-guide";
+var snapGuidePadding = 2;
+function snapGuidesBounds(guides) {
+  if (guides.length === 0) return null;
+  var minX = Number.POSITIVE_INFINITY;
+  var minY = Number.POSITIVE_INFINITY;
+  var maxX = Number.NEGATIVE_INFINITY;
+  var maxY = Number.NEGATIVE_INFINITY;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = guides[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var guide = _step.value;
+      var [x1, y1, x2, y2] = guide.axis === "x" ? [guide.position, guide.start, guide.position, guide.end] : [guide.start, guide.position, guide.end, guide.position];
+      minX = Math.min(minX, x1, x2);
+      maxX = Math.max(maxX, x1, x2);
+      minY = Math.min(minY, y1, y2);
+      maxY = Math.max(maxY, y1, y2);
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return {
+    x: minX - snapGuidePadding,
+    y: minY - snapGuidePadding,
+    width: maxX - minX + snapGuidePadding * 2,
+    height: maxY - minY + snapGuidePadding * 2
+  };
+}
+function SnapGuides(param) {
+  var {
+    guides,
+    animated = true
+  } = param;
+  var box = snapGuidesBounds(guides);
+  if (!box) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_xy.ViewportPortal, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("svg", {
+      className: snapGuidesClassName,
+      "data-animated": animated ? "true" : "false",
+      width: box.width,
+      height: box.height,
+      style: {
+        position: "absolute",
+        left: 0,
+        top: 0,
+        // The same mechanism React Flow moves its own nodes with, so the
+        // guide and the node it points at cannot round differently.
+        transform: `translate(${box.x}px, ${box.y}px)`,
+        overflow: "visible",
+        pointerEvents: "none"
+      },
+      children: guides.map(function (guide) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
+          className: snapGuideClassName,
+          "data-axis": guide.axis,
+          x1: (guide.axis === "x" ? guide.position : guide.start) - box.x,
+          x2: (guide.axis === "x" ? guide.position : guide.end) - box.x,
+          y1: (guide.axis === "x" ? guide.start : guide.position) - box.y,
+          y2: (guide.axis === "x" ? guide.end : guide.position) - box.y
+        }, guide.axis);
+      })
+    })
+  });
+}
+//# sourceMappingURL=SnapGuides.native.js.map

package/dist/jsx/react-flow/SnapGuides.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","SnapGuides_exports","SnapGuides","snapGuideClassName","snapGuidePadding","snapGuidesBounds","snapGuidesClassName","module","exports","import_jsx_runtime","require","import_xy","guides","length","minX","Number","POSITIVE_INFINITY","minY","maxX","NEGATIVE_INFINITY","maxY","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","guide","x1","y1","x2","y2","axis","position","start","end","Math","min","max","err"],"sources":["../../../src/react-flow/SnapGuides.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/react-flow/demoControlBody.mjs

@@ -0,0 +1,67 @@
+import { createGraphSchema, defaultRules } from "../model/index.mjs";
+import { builtinEdgeKinds } from "../edges/edgeKinds.mjs";
+import { demoControlSchemaId, demoSchemaShape } from "./fixtures.mjs";
+import { Handle, Position } from "./xy.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DemoControlBody({
+  ports,
+  measure,
+  title
+}) {
+  return /* @__PURE__ */jsxs("div", {
+    style: {
+      width: measure?.width ?? 190,
+      minHeight: measure?.minHeight ?? 72,
+      boxSizing: "border-box",
+      border: "1px solid currentColor",
+      borderRadius: 8,
+      padding: 8,
+      font: "inherit",
+      opacity: 0.9
+    },
+    children: [/* @__PURE__ */jsx("div", {
+      style: {
+        fontWeight: 600
+      },
+      children: title
+    }), ports.map((port, index) => /* @__PURE__ */jsx(Handle, {
+      id: port.id,
+      type: port.direction === "out" ? "source" : "target",
+      position: port.side === "right" ? Position.Right : Position.Left,
+      style: {
+        top: 24 + index * 20,
+        width: 8,
+        height: 8,
+        borderRadius: "50%"
+      }
+    }, port.id))]
+  });
+}
+function demoControlSchema() {
+  const shape = demoSchemaShape();
+  const body = title => props => /* @__PURE__ */jsx(DemoControlBody, {
+    ...props,
+    title
+  });
+  return createGraphSchema({
+    id: demoControlSchemaId,
+    nodes: {
+      source: {
+        ...shape.nodes.source,
+        render: body("Source")
+      },
+      transform: {
+        ...shape.nodes.transform,
+        render: body("Transform")
+      },
+      sink: {
+        ...shape.nodes.sink,
+        render: body("Sink")
+      }
+    },
+    edges: builtinEdgeKinds,
+    rules: defaultRules
+  });
+}
+export { DemoControlBody, demoControlSchema };
+//# sourceMappingURL=demoControlBody.mjs.map

package/dist/jsx/react-flow/demoControlBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createGraphSchema","defaultRules","builtinEdgeKinds","demoControlSchemaId","demoSchemaShape","Handle","Position","jsx","jsxs","DemoControlBody","ports","measure","title","style","width","minHeight","boxSizing","border","borderRadius","padding","font","opacity","children","fontWeight","map","port","index","id","type","direction","position","side","Right","Left","top","height","demoControlSchema","shape","body","props","nodes","source","render","transform","sink","edges","rules"],"sources":["../../../src/react-flow/demoControlBody.tsx"],"sourcesContent":[null],"mappings":"AAkCA,SAASA,iBAAA,EAAmBC,YAAA,QAAoB;AAEhD,SAASC,gBAAA,QAAwB;AAEjC,SAASC,mBAAA,EAAqBC,eAAA,QAAuB;AACrD,SAASC,MAAA,EAAQC,QAAA,QAAgB;AAQ7B,SAYEC,GAAA,EAZFC,IAAA;AANG,SAASC,gBAAuB;EACrCC,KAAA;EACAC,OAAA;EACAC;AACF,GAA6D;EAC3D,OACE,eAAAJ,IAAA,CAAC;IACCK,KAAA,EAAO;MACLC,KAAA,EAAOH,OAAA,EAASG,KAAA,IAAS;MACzBC,SAAA,EAAWJ,OAAA,EAASI,SAAA,IAAa;MACjCC,SAAA,EAAW;MACXC,MAAA,EAAQ;MACRC,YAAA,EAAc;MACdC,OAAA,EAAS;MACTC,IAAA,EAAM;MACNC,OAAA,EAAS;IACX;IAEAC,QAAA,kBAAAf,GAAA,CAAC;MAAIM,KAAA,EAAO;QAAEU,UAAA,EAAY;MAAI;MAAID,QAAA,EAAAV;IAAA,CAAM,GACvCF,KAAA,CAAMc,GAAA,CAAI,CAACC,IAAA,EAAMC,KAAA,KAChB,eAAAnB,GAAA,CAACF,MAAA;MAECsB,EAAA,EAAIF,IAAA,CAAKE,EAAA;MACTC,IAAA,EAAMH,IAAA,CAAKI,SAAA,KAAc,QAAQ,WAAW;MAC5CC,QAAA,EAAUL,IAAA,CAAKM,IAAA,KAAS,UAAUzB,QAAA,CAAS0B,KAAA,GAAQ1B,QAAA,CAAS2B,IAAA;MAC5DpB,KAAA,EAAO;QAAEqB,GAAA,EAAK,KAAKR,KAAA,GAAQ;QAAIZ,KAAA,EAAO;QAAGqB,MAAA,EAAQ;QAAGjB,YAAA,EAAc;MAAM;IAAA,GAJnEO,IAAA,CAAKE,EAKZ,CACD;EAAA,CACH;AAEJ;AASO,SAASS,kBAAA,EAAoB;EAClC,MAAMC,KAAA,GAAQjC,eAAA,CAAgB;EAC9B,MAAMkC,IAAA,GAAQ1B,KAAA,IAAmB2B,KAAA,IAC/B,eAAAhC,GAAA,CAACE,eAAA;IAAiB,GAAG8B,KAAA;IAAO3B;EAAA,CAAc;EAE5C,OAAOZ,iBAAA,CAAiD;IACtD2B,EAAA,EAAIxB,mBAAA;IACJqC,KAAA,EAAO;MACLC,MAAA,EAAQ;QAAE,GAAGJ,KAAA,CAAMG,KAAA,CAAMC,MAAA;QAAQC,MAAA,EAAQJ,IAAA,CAAK,QAAQ;MAAW;MACjEK,SAAA,EAAW;QAAE,GAAGN,KAAA,CAAMG,KAAA,CAAMG,SAAA;QAAWD,MAAA,EAAQJ,IAAA,CAAK,WAAW;MAAW;MAC1EM,IAAA,EAAM;QAAE,GAAGP,KAAA,CAAMG,KAAA,CAAMI,IAAA;QAAMF,MAAA,EAAQJ,IAAA,CAAK,MAAM;MAAW;IAC7D;IACAO,KAAA,EAAO3C,gBAAA;IACP4C,KAAA,EAAO7C;EACT,CAAC;AACH","ignoreList":[]}

package/dist/jsx/react-flow/demoControlBody.native.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var demoControlBody_exports = {};
+__export(demoControlBody_exports, {
+  DemoControlBody: () => DemoControlBody,
+  demoControlSchema: () => demoControlSchema
+});
+module.exports = __toCommonJS(demoControlBody_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_model = require("../model/index.native.js");
+var import_edgeKinds = require("../edges/edgeKinds.native.js");
+var import_fixtures = require("./fixtures.native.js");
+var import_xy = require("./xy.native.js");
+function DemoControlBody(param) {
+  var {
+    ports,
+    measure,
+    title
+  } = param;
+  var _ref, _ref1;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+    style: {
+      width: (_ref = measure === null || measure === void 0 ? void 0 : measure.width) !== null && _ref !== void 0 ? _ref : 190,
+      minHeight: (_ref1 = measure === null || measure === void 0 ? void 0 : measure.minHeight) !== null && _ref1 !== void 0 ? _ref1 : 72,
+      boxSizing: "border-box",
+      border: "1px solid currentColor",
+      borderRadius: 8,
+      padding: 8,
+      font: "inherit",
+      opacity: 0.9
+    },
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        fontWeight: 600
+      },
+      children: title
+    }), ports.map(function (port, index) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_xy.Handle, {
+        id: port.id,
+        type: port.direction === "out" ? "source" : "target",
+        position: port.side === "right" ? import_xy.Position.Right : import_xy.Position.Left,
+        style: {
+          top: 24 + index * 20,
+          width: 8,
+          height: 8,
+          borderRadius: "50%"
+        }
+      }, port.id);
+    })]
+  });
+}
+function demoControlSchema() {
+  var shape = (0, import_fixtures.demoSchemaShape)();
+  var body = function body2(title) {
+    return function (props) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoControlBody, {
+        ...props,
+        title
+      });
+    };
+  };
+  return (0, import_model.createGraphSchema)({
+    id: import_fixtures.demoControlSchemaId,
+    nodes: {
+      source: {
+        ...shape.nodes.source,
+        render: body("Source")
+      },
+      transform: {
+        ...shape.nodes.transform,
+        render: body("Transform")
+      },
+      sink: {
+        ...shape.nodes.sink,
+        render: body("Sink")
+      }
+    },
+    edges: import_edgeKinds.builtinEdgeKinds,
+    rules: import_model.defaultRules
+  });
+}
+//# sourceMappingURL=demoControlBody.native.js.map

package/dist/jsx/react-flow/demoControlBody.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","demoControlBody_exports","DemoControlBody","demoControlSchema","module","exports","import_jsx_runtime","require","import_model","import_edgeKinds","import_fixtures","import_xy","param","ports","measure","title","_ref","_ref1","jsxs","style","width","minHeight","boxSizing","border","borderRadius","padding","font","opacity","children","jsx","fontWeight","map","port","index","Handle","id"],"sources":["../../../src/react-flow/demoControlBody.tsx"],"sourcesContent":[null],"mappings":"AAkCA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AAEjC,IAAAC,gBAAS,GAAAF,MAAA,CAAqBG,wBAAuB;AACrD,IAAAC,iBAAiB,GAAAJ,MAAA,CAAAK,mBAAgB;AAQ7B,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AANG,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAuB;EACrC,SAAAC,IAAA,IAAAD,GAAA,EACAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAEF,IAA6DC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAC3D,IAAAF,IACE,WAAAA,IAAA,wBAAAA,IAAA;IAAC,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,QAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACCnB,SAAO,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACoB,OACzBE,EAAA;AAAiC;AACtB,IAAAM,YACH,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,uBACM;AAAAhB,QACd,CAAAgB,uBAAS;EAAAC,eACH,EAAAA,CAAA,KAAAA,eAAA;EAAAC,iBACG,EAAAA,CAAA,KAAAA;AAAA;AACXC,MAEA,CAAAC,OAAA,GAAAP,YAAA,CAAAG,uBAAA;AAAA,IAAAK,kBAAA,GAAAC,OAAC,oBAAa;AAA0B,IAAAC,YACjC,GAAKD,OAAM,2BAChB;AAAA,IAAAE,gBAAC,GAAAF,OAAA;AAAA,IAAAG,eAAA,GAAAH,OAAA;AAAA,IAAAI,SAEC,GAAIJ,OAAK;AAAA,SAAAL,eACEA,CAAAU,KAAA;EAAiC;IAAAC,KAC5C;IAAAC,OAAU;IAAAC;EAAK,IAAAH,KAAS;EAAoC,IAAAI,IAAA,EAC5DC,KAAA;EAAwE,0BAAAX,kBAAA,CAAAY,IAAA;IAAAC,KAAA,EAJnE;MAAKC,KAMb,GAAAJ,IAAA,GAAAF,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAM,KAAA,cAAAJ,IAAA,cAAAA,IAAA;MAAAK,SAAA,GAAAJ,KAAA,GAAAH,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAO,SAAA,cAAAJ,KAAA,cAAAA,KAAA;MAAAK,SAAA;MACHC,MAAA;MAEJC,YAAA;MASOC,OAAS;MACdC,IAAM,WAAQ;MACdC,OAAM,EAAO;IAGb;IACEC,QAAI,GACJ,eAAO,IAAAtB,kBAAA,CAAAuB,GAAA;MACLV,KAAA,EAAQ;QACRW,UAAa,EAAG;MAChB;MACFF,QAAA,EAAAb;IACA,IACAF,KAAO,CAAAkB,GAAA,WAAAC,IAAA,EAAAC,KAAA;MACR,0BAAA3B,kBAAA,CAAAuB,GAAA,EAAAlB,SAAA,CAAAuB,MAAA;QACHC,EAAA,EAAAH,IAAA,CAAAG,EAAA","ignoreList":[]}

package/dist/jsx/react-flow/demoNodeBody.mjs

@@ -0,0 +1,91 @@
+import { createGraphSchema, defaultRules } from "../model/index.mjs";
+import { builtinEdgeKinds } from "../edges/edgeKinds.mjs";
+import { GraphNode } from "../nodes/GraphNode.mjs";
+import { GraphPort } from "../nodes/GraphPort.mjs";
+import { demoSchemaShape } from "./fixtures.mjs";
+import { DemoControlBody, demoControlSchema } from "./demoControlBody.mjs";
+import { jsx } from "react/jsx-runtime";
+function Body({
+  id,
+  title,
+  subtitle,
+  intent,
+  ports,
+  selected,
+  dragging,
+  renderMode,
+  coarsePointer,
+  measure
+}) {
+  return /* @__PURE__ */jsx(GraphNode, {
+    id,
+    title,
+    subtitle,
+    intent,
+    selected,
+    dragging,
+    renderMode,
+    coarsePointer,
+    measure,
+    ports,
+    renderPort: port => /* @__PURE__ */jsx(GraphPort, {
+      id: port.id,
+      side: port.side,
+      direction: port.direction,
+      intent,
+      coarsePointer
+    })
+  });
+}
+function DemoSourceBody(props) {
+  return /* @__PURE__ */jsx(Body, {
+    ...props,
+    title: "Source",
+    subtitle: `table: ${props.data.table}`
+  });
+}
+function DemoTransformBody(props) {
+  return /* @__PURE__ */jsx(Body, {
+    ...props,
+    title: "Transform",
+    subtitle: props.data.expression,
+    intent: "accent"
+  });
+}
+function DemoSinkBody(props) {
+  return /* @__PURE__ */jsx(Body, {
+    ...props,
+    title: "Sink",
+    subtitle: `\u2192 ${props.data.target}`,
+    intent: "success"
+  });
+}
+const bodies = {
+  source: DemoSourceBody,
+  transform: DemoTransformBody,
+  sink: DemoSinkBody
+};
+function demoGraphSchema() {
+  const shape = demoSchemaShape();
+  return createGraphSchema({
+    id: shape.id,
+    nodes: {
+      source: {
+        ...shape.nodes.source,
+        render: bodies.source
+      },
+      transform: {
+        ...shape.nodes.transform,
+        render: bodies.transform
+      },
+      sink: {
+        ...shape.nodes.sink,
+        render: bodies.sink
+      }
+    },
+    edges: builtinEdgeKinds,
+    rules: defaultRules
+  });
+}
+export { DemoControlBody, DemoSinkBody, DemoSourceBody, DemoTransformBody, demoControlSchema, demoGraphSchema };
+//# sourceMappingURL=demoNodeBody.mjs.map

package/dist/jsx/react-flow/demoNodeBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createGraphSchema","defaultRules","builtinEdgeKinds","GraphNode","GraphPort","demoSchemaShape","DemoControlBody","demoControlSchema","jsx","Body","id","title","subtitle","intent","ports","selected","dragging","renderMode","coarsePointer","measure","renderPort","port","side","direction","DemoSourceBody","props","data","table","DemoTransformBody","expression","DemoSinkBody","target","bodies","source","transform","sink","demoGraphSchema","shape","nodes","render","edges","rules"],"sources":["../../../src/react-flow/demoNodeBody.tsx"],"sourcesContent":[null],"mappings":"AAeA,SAASA,iBAAA,EAAmBC,YAAA,QAAoB;AAEhD,SAASC,gBAAA,QAAwB;AACjC,SAASC,SAAA,QAAiB;AAC1B,SAASC,SAAA,QAAiB;AAG1B,SAASC,eAAA,QAAuB;AAgGhC,SAASC,eAAA,EAAiBC,iBAAA,QAAyB;AA1D3C,SAAAC,GAAA;AA7BR,SAASC,KAAY;EACnBC,EAAA;EACAC,KAAA;EACAC,QAAA;EACAC,MAAA;EACAC,KAAA;EACAC,QAAA;EACAC,QAAA;EACAC,UAAA;EACAC,aAAA;EACAC;AACF,GAAqB;EACnB,OACE,eAAAX,GAAA,CAACL,SAAA;IACCO,EAAA;IACAC,KAAA;IACAC,QAAA;IACAC,MAAA;IACAE,QAAA;IACAC,QAAA;IACAC,UAAA;IACAC,aAAA;IAGAC,OAAA;IAGAL,KAAA;IACAM,UAAA,EAAaC,IAAA,IACX,eAAAb,GAAA,CAACJ,SAAA;MACCM,EAAA,EAAIW,IAAA,CAAKX,EAAA;MACTY,IAAA,EAAMD,IAAA,CAAKC,IAAA;MACXC,SAAA,EAAWF,IAAA,CAAKE,SAAA;MAChBV,MAAA;MACAK;IAAA,CACF;EAAA,CAEJ;AAEJ;AAEO,SAASM,eAAeC,KAAA,EAAqD;EAClF,OAAO,eAAAjB,GAAA,CAACC,IAAA;IAAM,GAAGgB,KAAA;IAAOd,KAAA,EAAM;IAASC,QAAA,EAAU,UAAUa,KAAA,CAAMC,IAAA,CAAKC,KAAK;EAAA,CAAI;AACjF;AAEO,SAASC,kBAAkBH,KAAA,EAAwD;EACxF,OAAO,eAAAjB,GAAA,CAACC,IAAA;IAAM,GAAGgB,KAAA;IAAOd,KAAA,EAAM;IAAYC,QAAA,EAAUa,KAAA,CAAMC,IAAA,CAAKG,UAAA;IAAYhB,MAAA,EAAO;EAAA,CAAS;AAC7F;AAEO,SAASiB,aAAaL,KAAA,EAAmD;EAC9E,OAAO,eAAAjB,GAAA,CAACC,IAAA;IAAM,GAAGgB,KAAA;IAAOd,KAAA,EAAM;IAAOC,QAAA,EAAU,UAAKa,KAAA,CAAMC,IAAA,CAAKK,MAAM;IAAIlB,MAAA,EAAO;EAAA,CAAU;AAC5F;AAEA,MAAMmB,MAAA,GAAS;EACbC,MAAA,EAAQT,cAAA;EACRU,SAAA,EAAWN,iBAAA;EACXO,IAAA,EAAML;AACR;AAGO,SAASM,gBAAA,EAAkB;EAChC,MAAMC,KAAA,GAAQhC,eAAA,CAAgB;EAC9B,OAAOL,iBAAA,CAAiD;IACtDU,EAAA,EAAI2B,KAAA,CAAM3B,EAAA;IACV4B,KAAA,EAAO;MACLL,MAAA,EAAQ;QAAE,GAAGI,KAAA,CAAMC,KAAA,CAAML,MAAA;QAAQM,MAAA,EAAQP,MAAA,CAAOC;MAAO;MACvDC,SAAA,EAAW;QAAE,GAAGG,KAAA,CAAMC,KAAA,CAAMJ,SAAA;QAAWK,MAAA,EAAQP,MAAA,CAAOE;MAAU;MAChEC,IAAA,EAAM;QAAE,GAAGE,KAAA,CAAMC,KAAA,CAAMH,IAAA;QAAMI,MAAA,EAAQP,MAAA,CAAOG;MAAK;IACnD;IACAK,KAAA,EAAOtC,gBAAA;IACPuC,KAAA,EAAOxC;EACT,CAAC;AACH","ignoreList":[]}

package/dist/jsx/react-flow/demoNodeBody.native.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var demoNodeBody_exports = {};
+__export(demoNodeBody_exports, {
+  DemoControlBody: () => import_demoControlBody.DemoControlBody,
+  DemoSinkBody: () => DemoSinkBody,
+  DemoSourceBody: () => DemoSourceBody,
+  DemoTransformBody: () => DemoTransformBody,
+  demoControlSchema: () => import_demoControlBody.demoControlSchema,
+  demoGraphSchema: () => demoGraphSchema
+});
+module.exports = __toCommonJS(demoNodeBody_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_model = require("../model/index.native.js");
+var import_edgeKinds = require("../edges/edgeKinds.native.js");
+var import_GraphNode = require("../nodes/GraphNode.native.js");
+var import_GraphPort = require("../nodes/GraphPort.native.js");
+var import_fixtures = require("./fixtures.native.js");
+var import_demoControlBody = require("./demoControlBody.native.js");
+function Body(param) {
+  var {
+    id,
+    title,
+    subtitle,
+    intent,
+    ports,
+    selected,
+    dragging,
+    renderMode,
+    coarsePointer,
+    measure
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GraphNode.GraphNode, {
+    id,
+    title,
+    subtitle,
+    intent,
+    selected,
+    dragging,
+    renderMode,
+    coarsePointer,
+    // The kind's own measure, so the painted frame is the width the canvas
+    // seeded React Flow with.
+    measure,
+    // `PortSpec` is structurally the port the frame measures and labels; it
+    // adds `index`, `dataType` and `arity`, none of which paint.
+    ports,
+    renderPort: function renderPort(port) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GraphPort.GraphPort, {
+        id: port.id,
+        side: port.side,
+        direction: port.direction,
+        intent,
+        coarsePointer
+      });
+    }
+  });
+}
+function DemoSourceBody(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Body, {
+    ...props,
+    title: "Source",
+    subtitle: `table: ${props.data.table}`
+  });
+}
+function DemoTransformBody(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Body, {
+    ...props,
+    title: "Transform",
+    subtitle: props.data.expression,
+    intent: "accent"
+  });
+}
+function DemoSinkBody(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Body, {
+    ...props,
+    title: "Sink",
+    subtitle: `\u2192 ${props.data.target}`,
+    intent: "success"
+  });
+}
+var bodies = {
+  source: DemoSourceBody,
+  transform: DemoTransformBody,
+  sink: DemoSinkBody
+};
+function demoGraphSchema() {
+  var shape = (0, import_fixtures.demoSchemaShape)();
+  return (0, import_model.createGraphSchema)({
+    id: shape.id,
+    nodes: {
+      source: {
+        ...shape.nodes.source,
+        render: bodies.source
+      },
+      transform: {
+        ...shape.nodes.transform,
+        render: bodies.transform
+      },
+      sink: {
+        ...shape.nodes.sink,
+        render: bodies.sink
+      }
+    },
+    edges: import_edgeKinds.builtinEdgeKinds,
+    rules: import_model.defaultRules
+  });
+}
+//# sourceMappingURL=demoNodeBody.native.js.map

package/dist/jsx/react-flow/demoNodeBody.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","demoNodeBody_exports","DemoControlBody","import_demoControlBody","DemoSinkBody","DemoSourceBody","DemoTransformBody","demoControlSchema","demoGraphSchema","module","exports","import_jsx_runtime","require","import_model","import_edgeKinds","import_GraphNode","import_GraphPort","import_fixtures","Body","param","id","title","subtitle","intent","ports","selected","dragging","renderMode","coarsePointer","measure","jsx","GraphNode","renderPort","port","GraphPort","side","direction","props","data","table"],"sources":["../../../src/react-flow/demoNodeBody.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}