@multiplatform.one/node-graph 7.7.2

package/dist/cjs/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/cjs/react-flow/SnapGuides.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SnapGuides_exports","__export","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","return","x","y","width","height","param","animated","box","jsx","ViewportPortal","children","className"],"sources":["../../../src/react-flow/SnapGuides.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/react-flow/demoControlBody.cjs

@@ -0,0 +1,93 @@
+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_model = require("../model/index.cjs");
+var import_edgeKinds = require("../edges/edgeKinds.cjs");
+var import_fixtures = require("./fixtures.cjs");
+var import_xy = require("./xy.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function DemoControlBody({
+  ports,
+  measure,
+  title
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        fontWeight: 600
+      },
+      children: title
+    }), ports.map((port, index) => /* @__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() {
+  const shape = (0, import_fixtures.demoSchemaShape)();
+  const body = title => props => /* @__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
+  });
+}

package/dist/cjs/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/cjs/react-flow/demoControlBody.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","demoControlBody_exports","__export","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","type","direction","position","side","Position","Right","Left","top","height","shape","demoSchemaShape","body","body2","props"],"sources":["../../../src/react-flow/demoControlBody.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAkCAC,MAAA,CAAAC,OAAA,GAAAV,YAAgD,CAAAK,uBAAA;AAEhD,IAAAM,kBAAA,GAAiCC,OAAA;AAEjC,IAAAC,YAAA,GAAAD,OAAqD;AACrD,IAAAE,gBAAiC,GAAAF,OAAA;AAQ7B,IAAAG,eAAA,GAAAH,OAAA;AANG,IAAAI,SAAS,GAAAJ,OAAA,iBAAuB;AAAA,SACrCL,gBAAAU,KAAA;EACA;IAAAC,KAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAH,KAAA;EACA,IAAAI,IAAA,EAAAC,KAAA;EACF,OAA6D,mBAAAX,kBAAA,CAAAY,IAAA;IAC3DC,KACE;MAACC,KAAA,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;MACCK,SAAO;MAAAC,MACL,0BAAyB;MAAAC,YACzB,EAAW;MAAsBC,OACjC;MAAWC,IACX,WAAQ;MAAAC,OACR;IAAc;IACLC,QACT,EAAM,gBACG,IAAAtB,kBAAA,CAAAuB,GAAA;MACXV,KAAA;QAEAW,UAAA;MAAA;MACCF,QAAM,EAAIb;IACT,IAACF,KAAA,CAAAkB,GAAA,WAAAC,IAAA,EAAAC,KAAA;MAAA,OAEC,eAAS,IAAA3B,kBAAA,CAAAuB,GAAA,EAAAlB,SAAA,CAAAuB,MAAA;QAAAC,EACT,EAAAH,IAAM,CAAAG,EAAA;QAAsCC,IAC5C,EAAAJ,IAAA,CAAAK,SAAe,UAAS,WAAU;QAA0BC,QAC5D,EAAON,IAAE,CAAAO,IAAK,KAAK,OAAQ,GAAI5B,SAAU,CAAA6B,QAAQ,CAAAC,KAAG,GAAA9B,SAAc,CAAA6B,QAAM,CAAAE,IAAA;QAAAvB,KAAA;UAJnEwB,GAAK,OAAAV,KAAA;UAMbb,KAAA;UAAAwB,MAAA;UAAApB,YAAA;QACH;MAEJ,GAAAQ,IAAA,CAAAG,EAAA;IASO;EAEL;AAGA;AAAwD,SAClDhC,kBAAA;EAAA,IACJ0C,KAAO,OAAAnC,eAAA,CAAAoC,eAAA;EAAA,IACLC,IAAA,YAAaC,KAAMA,CAAAjC,KAAM;IAAwC,OACjE,UAAakC,KAAG;MAChB,OAAM,eAAiB,IAAA3C,kBAAmB,CAAAuB,GAAM,EAAW3B,eAAA;QAC7D,GAAA+C,KAAA;QACAlC;MACA;IACD;EACH","ignoreList":[]}

package/dist/cjs/react-flow/demoNodeBody.cjs

@@ -0,0 +1,121 @@
+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_model = require("../model/index.cjs");
+var import_edgeKinds = require("../edges/edgeKinds.cjs");
+var import_GraphNode = require("../nodes/GraphNode.cjs");
+var import_GraphPort = require("../nodes/GraphPort.cjs");
+var import_fixtures = require("./fixtures.cjs");
+var import_demoControlBody = require("./demoControlBody.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Body({
+  id,
+  title,
+  subtitle,
+  intent,
+  ports,
+  selected,
+  dragging,
+  renderMode,
+  coarsePointer,
+  measure
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GraphNode.GraphNode, {
+    id,
+    title,
+    subtitle,
+    intent,
+    selected,
+    dragging,
+    renderMode,
+    coarsePointer,
+    measure,
+    ports,
+    renderPort: port => /* @__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"
+  });
+}
+const bodies = {
+  source: DemoSourceBody,
+  transform: DemoTransformBody,
+  sink: DemoSinkBody
+};
+function demoGraphSchema() {
+  const 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
+  });
+}

package/dist/cjs/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/cjs/react-flow/demoNodeBody.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","demoNodeBody_exports","__export","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","expression","target","bodies","source","transform","sink","shape","demoSchemaShape","createGraphSchema","nodes","render"],"sources":["../../../src/react-flow/demoNodeBody.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}