@multiplatform.one/node-graph 7.7.2

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

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createGraphSchema, defaultRules } from "../model/index.native.js";
+import { builtinEdgeKinds } from "../edges/edgeKinds.native.js";
+import { demoControlSchemaId, demoSchemaShape } from "./fixtures.native.js";
+import { Handle, Position } from "./xy.native.js";
+function DemoControlBody(param) {
+  var {
+    ports,
+    measure,
+    title
+  } = param;
+  var _ref, _ref1;
+  return /* @__PURE__ */_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__ */_jsx("div", {
+      style: {
+        fontWeight: 600
+      },
+      children: title
+    }), ports.map(function (port, index) {
+      return /* @__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() {
+  var shape = demoSchemaShape();
+  var body = function body2(title) {
+    return function (props) {
+      return /* @__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.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","createGraphSchema","defaultRules","builtinEdgeKinds","demoControlSchemaId","demoSchemaShape","Handle","Position","DemoControlBody","param","ports","measure","title","_ref","_ref1","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","body2","props"],"sources":["../../../src/react-flow/demoControlBody.tsx"],"sourcesContent":[null],"mappings":"AAkCA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAmBC,KAAA,2BAAoB;AAEhD,SAASC,iBAAA,EAAAC,YAAwB;AAEjC,SAASC,gBAAA,QAAqB,8BAAuB;AACrD,SAASC,mBAAQ,EAAAC,eAAgB;AAQ7B,SAYEC,MAZF,EAAAC,QAAA;AANG,SAASC,gBAAuBC,KAAA;EACrC;IAAAC,KAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAH,KAAA;EACA,IAAAI,IAAA,EAAAC,KAAA;EACA,sBAAAd,KAAA;IAC2De,KAAA;MAC3DC,KACE,GAAAH,IAAA,GAAAF,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAK,KAAA,cAAAH,IAAA,cAAAA,IAAA;MAACI,SAAA,GAAAH,KAAA,GAAAH,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAM,SAAA,cAAAH,KAAA,cAAAA,KAAA;MAAAI,SAAA;MACCC,MAAA,EAAO;MAAAC,YACE;MAAkBC,OACzB;MAAiCC,IACjC,WAAW;MAAAC,OACX;IAAQ;IACMC,QACd,GAAS,eACH1B,IAAA;MACNiB,KAAA;QACFU,UAAA;MAEA;MAAAD,QAAA,EAAAZ;IAAwC,EACvC,EACCF,KAAC,CAAAgB,GAAA,WAAAC,IAAA,EAAAC,KAAA;MAAA,sBAAA9B,IAAA,CAAAQ,MAAA;QAAAuB,EAEC,EAAAF,IAAI,CAAAE,EAAK;QAAAC,IACT,EAAAH,IAAM,CAAAI,SAAK,UAAc,WAAQ,WAAW;QAAAC,QAC5C,EAAAL,IAAU,CAAAM,IAAK,YAAS,GAAA1B,QAAU,CAAA2B,KAAS,GAAA3B,QAAQ,CAAA4B,IAAS;QAAApB,KAC5D;UAAwEqB,GAAA,OAAAR,KAAA;UAJnEZ,KAAK;UAMbqB,MAAA;UAAAjB,YAAA;QAAA;MACH,GAAAO,IAAA,CAAAE,EAAA;IAEJ;EAUE;AACA;AAGA,SAAOS,kBAAA,EAAiD;EAAA,IACtDC,KAAI,GAAAlC,eAAA;EAAA,IACJmC,IAAA,GAAO,SAAAC,MAAA7B,KAAA;IAAA,OACL,UAAa8B,KAAM;MACnB,sBAAsB5C,IAAA,CAAMU,eAAW;QACvC,GAAAkC,KAAQ;QACV9B;MACA;IACA;EACF,CAAC;EACH,OAAAX,iBAAA","ignoreList":[]}

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

@@ -0,0 +1,98 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createGraphSchema, defaultRules } from "../model/index.native.js";
+import { builtinEdgeKinds } from "../edges/edgeKinds.native.js";
+import { GraphNode } from "../nodes/GraphNode.native.js";
+import { GraphPort } from "../nodes/GraphPort.native.js";
+import { demoSchemaShape } from "./fixtures.native.js";
+import { DemoControlBody, demoControlSchema } from "./demoControlBody.native.js";
+function Body(param) {
+  var {
+    id,
+    title,
+    subtitle,
+    intent,
+    ports,
+    selected,
+    dragging,
+    renderMode,
+    coarsePointer,
+    measure
+  } = param;
+  return /* @__PURE__ */_jsx(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__ */_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"
+  });
+}
+var bodies = {
+  source: DemoSourceBody,
+  transform: DemoTransformBody,
+  sink: DemoSinkBody
+};
+function demoGraphSchema() {
+  var 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.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","createGraphSchema","defaultRules","builtinEdgeKinds","GraphNode","GraphPort","demoSchemaShape","DemoControlBody","demoControlSchema","Body","param","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"],"sources":["../../../src/react-flow/demoNodeBody.tsx"],"sourcesContent":[null],"mappings":"AAeA,SAASA,GAAA,IAAAC,IAAA,QAAmB;AAE5B,SAASC,iBAAA,EAAAC,YAAwB;AACjC,SAASC,gBAAA,QAAiB;AAC1B,SAASC,SAAA,QAAiB;AAG1B,SAASC,SAAA,sCAAuB;AAgGhC,SAASC,eAAA,QAAiB;AA1DlB,SAAAC,eAAA,EAAAC,iBAAA;AA7BR,SAASC,KAAYC,KAAA;EACnB;IAAAC,EAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,aAAA;IAAAC;EAAA,IAAAV,KAAA;EACA,sBAAAV,IAAA,CAAAI,SAAA;IACAO,EAAA;IACAC,KAAA;IACAC,QAAA;IACAC,MAAA;IACAE,QAAA;IACAC,QAAA;IACAC,UAAA;IACAC,aAAA;IACmB;IACnB;IACGC,OAAA;IAAA;IAAA;IACCL,KACA;IAAAM,UACA,WAAAA,WAAAC,IAAA;MACA,sBAAAtB,IAAA,CAAAK,SAAA;QACAM,EAAA,EAAAW,IAAA,CAAAX,EAAA;QACAY,IAAA,EAAAD,IAAA,CAAAC,IAAA;QACAC,SAAA,EAAAF,IAAA,CAAAE,SAAA;QACAV,MAAA;QAGAK;MAGA;IAAA;EAEE;AAAC;AAAA,SAAAM,cACUA,CAAAC,KAAA;EAAA,sBACE1B,IAAA,CAAAS,IAAA;IAAA,GAAAiB,KACX;IAAgBd,KAAA,EAChB;IAAAC,QACA,YAAAa,KAAA,CAAAC,IAAA,CAAAC,KAAA;EAAA;AAAA;AACF,SAAAC,kBAAAH,KAAA;EAEJ,sBAAA1B,IAAA,CAAAS,IAAA;IAEJ,GAAAiB,KAAA;IAEOd,KAAS;IACdC,QAAO,EAAAa,KAAA,CAAAC,IAAA,CAAAG,UAAC;IACVhB,MAAA;EAEO;AACL;AACF,SAAAiB,aAAAL,KAAA;EAEO,OAAS,eAAa1B,IAAmD,CAAAS,IAAA;IAC9E,GAAAiB,KAAO;IACTd,KAAA;IAEAC,QAAM,YAASa,KAAA,CAAAC,IAAA,CAAAK,MAAA;IACblB,MAAQ;EACR;AAAW;AAEb,IAAAmB,MAAA;EAGOC,MAAA,EAAST,cAAA;EACdU,SAAM,EAAAN,iBAAQ;EACdO,IAAA,EAAAL;AAAwD;AAC5C,SACVM,eAAOA,CAAA;EAAA,IACLC,KAAA,GAAQhC,eAAW,EAAM;EAA8B,OACvDL,iBAAgB;IAAgDU,EAChE,EAAA2B,KAAM,CAAE3B,EAAA;IACV4B,KAAA;MACAL,MAAO;QACP,GAAOI,KAAA,CAAAC,KAAA,CAAAL,MAAA;QACRM,MAAA,EAAAP,MAAA,CAAAC;MACH","ignoreList":[]}

package/dist/esm/react-flow/fixtures.mjs

@@ -0,0 +1,185 @@
+import { createGraphSchema, defaultRules } from "../model/index.mjs";
+import { builtinEdgeKinds } from "../edges/edgeKinds.mjs";
+const out = (id, label) => ({
+  id,
+  side: "right",
+  direction: "out",
+  label
+});
+const into = (id, label) => ({
+  id,
+  side: "left",
+  direction: "in",
+  label
+});
+const noRender = () => null;
+const demoGraphSchemaId = "node-graph-demo";
+const demoControlSchemaId = `${demoGraphSchemaId}-control`;
+function demoSchemaShape() {
+  return {
+    id: demoGraphSchemaId,
+    nodes: {
+      source: {
+        kind: "source",
+        ports: [out("rows", "rows")],
+        defaultData: {
+          table: "orders"
+        },
+        measure: {
+          width: 190,
+          minHeight: 72
+        }
+      },
+      transform: {
+        kind: "transform",
+        ports: [into("in", "rows"), out("ok", "ok"), out("err", "error")],
+        defaultData: {
+          expression: "row => row"
+        },
+        measure: {
+          width: 190,
+          minHeight: 72
+        },
+        intent: "accent"
+      },
+      sink: {
+        kind: "sink",
+        ports: [into("in", "rows")],
+        defaultData: {
+          target: "warehouse"
+        },
+        // 240 on purpose: it is not a value the default 172/190/216 table can
+        // produce at any size stop, so a `measure` that fails to reach the
+        // painted node is visible rather than coincidentally right.
+        measure: {
+          width: 240,
+          minHeight: 72
+        },
+        intent: "success"
+      }
+    }
+  };
+}
+function demoSchema() {
+  const shape = demoSchemaShape();
+  return createGraphSchema({
+    id: shape.id,
+    nodes: {
+      source: {
+        ...shape.nodes.source,
+        render: noRender
+      },
+      transform: {
+        ...shape.nodes.transform,
+        render: noRender
+      },
+      sink: {
+        ...shape.nodes.sink,
+        render: noRender
+      }
+    },
+    edges: builtinEdgeKinds,
+    rules: defaultRules
+  });
+}
+function demoDocument() {
+  return {
+    version: 1,
+    nodes: [{
+      id: "a",
+      kind: "source",
+      position: {
+        x: 0,
+        y: 0
+      },
+      data: {
+        table: "orders"
+      }
+    }, {
+      id: "b",
+      kind: "transform",
+      position: {
+        x: 260,
+        y: 0
+      },
+      data: {
+        expression: "row => row"
+      }
+    }, {
+      id: "c",
+      kind: "sink",
+      position: {
+        x: 520,
+        y: 0
+      },
+      data: {
+        target: "warehouse"
+      }
+    }],
+    edges: [{
+      id: "a->b",
+      kind: "flow",
+      source: {
+        node: "a",
+        port: "rows"
+      },
+      target: {
+        node: "b",
+        port: "in"
+      },
+      data: {}
+    }]
+  };
+}
+function demoDocumentLarge(count = 12) {
+  const kinds = ["source", "transform", "sink"];
+  const nodes = Array.from({
+    length: count
+  }, (_, index) => {
+    const kind = kinds[index % kinds.length];
+    const data = kind === "source" ? {
+      table: `orders_${index}`
+    } : kind === "transform" ? {
+      expression: `row => row.${index}`
+    } : {
+      target: `warehouse_${index}`
+    };
+    return {
+      id: `n${index}`,
+      kind,
+      position: {
+        x: index % 4 * 280,
+        y: Math.floor(index / 4) * 200
+      },
+      data
+    };
+  });
+  const edgeKinds = ["flow", "data", "error", "conditional"];
+  const edges = [];
+  for (let index = 0; index + 1 < count; index += 1) {
+    const from = nodes[index];
+    const to = nodes[index + 1];
+    const sourcePort = from.kind === "source" ? "rows" : from.kind === "transform" ? "ok" : null;
+    if (!sourcePort) continue;
+    edges.push({
+      id: `${from.id}->${to.id}`,
+      kind: edgeKinds[edges.length % edgeKinds.length],
+      source: {
+        node: from.id,
+        port: sourcePort
+      },
+      target: {
+        node: to.id,
+        port: "in"
+      },
+      data: {}
+    });
+  }
+  return {
+    version: 1,
+    nodes,
+    edges
+  };
+}
+export { demoControlSchemaId, demoDocument, demoDocumentLarge, demoGraphSchemaId, demoSchema, demoSchemaShape };
+//# sourceMappingURL=fixtures.mjs.map

package/dist/esm/react-flow/fixtures.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createGraphSchema","defaultRules","builtinEdgeKinds","out","id","label","side","direction","into","noRender","demoGraphSchemaId","demoControlSchemaId","demoSchemaShape","nodes","source","kind","ports","defaultData","table","measure","width","minHeight","transform","expression","intent","sink","target","demoSchema","shape","render","edges","rules","demoDocument","version","position","x","y","data","node","port","demoDocumentLarge","count","kinds","Array","from","length","_","index","Math","floor","edgeKinds","to","sourcePort","push"],"sources":["../../../src/react-flow/fixtures.ts"],"sourcesContent":[null],"mappings":"AAaA,SAASA,iBAAA,EAAmBC,YAAA,QAAoB;AAEhD,SAASC,gBAAA,QAAwB;AAQjC,MAAMC,GAAA,GAAMA,CAACC,EAAA,EAAYC,KAAA,MAA6B;EACpDD,EAAA;EACAE,IAAA,EAAM;EACNC,SAAA,EAAW;EACXF;AACF;AACA,MAAMG,IAAA,GAAOA,CAACJ,EAAA,EAAYC,KAAA,MAA6B;EACrDD,EAAA;EACAE,IAAA,EAAM;EACNC,SAAA,EAAW;EACXF;AACF;AAGA,MAAMI,QAAA,GAAYA,CAAA,KAAM;AAkBjB,MAAMC,iBAAA,GAAoB;AAgB1B,MAAMC,mBAAA,GAAsB,GAAGD,iBAAiB;AAEhD,SAASE,gBAAA,EAAkB;EAChC,OAAO;IACLR,EAAA,EAAIM,iBAAA;IACJG,KAAA,EAAO;MACLC,MAAA,EAAQ;QACNC,IAAA,EAAM;QACNC,KAAA,EAAO,CAACb,GAAA,CAAI,QAAQ,MAAM,CAAC;QAC3Bc,WAAA,EAAa;UAAEC,KAAA,EAAO;QAAS;QAC/BC,OAAA,EAAS;UAAEC,KAAA,EAAO;UAAKC,SAAA,EAAW;QAAG;MACvC;MACAC,SAAA,EAAW;QACTP,IAAA,EAAM;QACNC,KAAA,EAAO,CAACR,IAAA,CAAK,MAAM,MAAM,GAAGL,GAAA,CAAI,MAAM,IAAI,GAAGA,GAAA,CAAI,OAAO,OAAO,CAAC;QAChEc,WAAA,EAAa;UAAEM,UAAA,EAAY;QAAa;QACxCJ,OAAA,EAAS;UAAEC,KAAA,EAAO;UAAKC,SAAA,EAAW;QAAG;QACrCG,MAAA,EAAQ;MACV;MACAC,IAAA,EAAM;QACJV,IAAA,EAAM;QACNC,KAAA,EAAO,CAACR,IAAA,CAAK,MAAM,MAAM,CAAC;QAC1BS,WAAA,EAAa;UAAES,MAAA,EAAQ;QAAY;QAAA;QAAA;QAAA;QAInCP,OAAA,EAAS;UAAEC,KAAA,EAAO;UAAKC,SAAA,EAAW;QAAG;QACrCG,MAAA,EAAQ;MACV;IACF;EACF;AACF;AAEO,SAASG,WAAA,EAAyD;EACvE,MAAMC,KAAA,GAAQhB,eAAA,CAAgB;EAC9B,OAAOZ,iBAAA,CAAiD;IACtDI,EAAA,EAAIwB,KAAA,CAAMxB,EAAA;IACVS,KAAA,EAAO;MACLC,MAAA,EAAQ;QAAE,GAAGc,KAAA,CAAMf,KAAA,CAAMC,MAAA;QAAQe,MAAA,EAAQpB;MAAS;MAClDa,SAAA,EAAW;QAAE,GAAGM,KAAA,CAAMf,KAAA,CAAMS,SAAA;QAAWO,MAAA,EAAQpB;MAAS;MACxDgB,IAAA,EAAM;QAAE,GAAGG,KAAA,CAAMf,KAAA,CAAMY,IAAA;QAAMI,MAAA,EAAQpB;MAAS;IAChD;IACAqB,KAAA,EAAO5B,gBAAA;IACP6B,KAAA,EAAO9B;EACT,CAAC;AACH;AAKO,SAAS+B,aAAA,EAAoB;EAClC,OAAO;IACLC,OAAA,EAAS;IACTpB,KAAA,EAAO,CACL;MAAET,EAAA,EAAI;MAAKW,IAAA,EAAM;MAAUmB,QAAA,EAAU;QAAEC,CAAA,EAAG;QAAGC,CAAA,EAAG;MAAE;MAAGC,IAAA,EAAM;QAAEnB,KAAA,EAAO;MAAS;IAAE,GAC/E;MACEd,EAAA,EAAI;MACJW,IAAA,EAAM;MACNmB,QAAA,EAAU;QAAEC,CAAA,EAAG;QAAKC,CAAA,EAAG;MAAE;MACzBC,IAAA,EAAM;QAAEd,UAAA,EAAY;MAAa;IACnC,GACA;MAAEnB,EAAA,EAAI;MAAKW,IAAA,EAAM;MAAQmB,QAAA,EAAU;QAAEC,CAAA,EAAG;QAAKC,CAAA,EAAG;MAAE;MAAGC,IAAA,EAAM;QAAEX,MAAA,EAAQ;MAAY;IAAE,EACrF;IACAI,KAAA,EAAO,CACL;MACE1B,EAAA,EAAI;MACJW,IAAA,EAAM;MACND,MAAA,EAAQ;QAAEwB,IAAA,EAAM;QAAKC,IAAA,EAAM;MAAO;MAClCb,MAAA,EAAQ;QAAEY,IAAA,EAAM;QAAKC,IAAA,EAAM;MAAK;MAChCF,IAAA,EAAM,CAAC;IACT;EAEJ;AACF;AAMO,SAASG,kBAAkBC,KAAA,GAAQ,IAAS;EACjD,MAAMC,KAAA,GAAQ,CAAC,UAAU,aAAa,MAAM;EAC5C,MAAM7B,KAAA,GAAsB8B,KAAA,CAAMC,IAAA,CAAK;IAAEC,MAAA,EAAQJ;EAAM,GAAG,CAACK,CAAA,EAAGC,KAAA,KAAU;IACtE,MAAMhC,IAAA,GAAO2B,KAAA,CAAMK,KAAA,GAAQL,KAAA,CAAMG,MAAM;IACvC,MAAMR,IAAA,GACJtB,IAAA,KAAS,WACL;MAAEG,KAAA,EAAO,UAAU6B,KAAK;IAAG,IAC3BhC,IAAA,KAAS,cACP;MAAEQ,UAAA,EAAY,cAAcwB,KAAK;IAAG,IACpC;MAAErB,MAAA,EAAQ,aAAaqB,KAAK;IAAG;IACvC,OAAO;MACL3C,EAAA,EAAI,IAAI2C,KAAK;MACbhC,IAAA;MACAmB,QAAA,EAAU;QAAEC,CAAA,EAAIY,KAAA,GAAQ,IAAK;QAAKX,CAAA,EAAGY,IAAA,CAAKC,KAAA,CAAMF,KAAA,GAAQ,CAAC,IAAI;MAAI;MACjEV;IACF;EACF,CAAC;EAED,MAAMa,SAAA,GAAY,CAAC,QAAQ,QAAQ,SAAS,aAAa;EACzD,MAAMpB,KAAA,GAAgC,EAAC;EACvC,SAASiB,KAAA,GAAQ,GAAGA,KAAA,GAAQ,IAAIN,KAAA,EAAOM,KAAA,IAAS,GAAG;IACjD,MAAMH,IAAA,GAAO/B,KAAA,CAAMkC,KAAK;IACxB,MAAMI,EAAA,GAAKtC,KAAA,CAAMkC,KAAA,GAAQ,CAAC;IAC1B,MAAMK,UAAA,GAAaR,IAAA,CAAK7B,IAAA,KAAS,WAAW,SAAS6B,IAAA,CAAK7B,IAAA,KAAS,cAAc,OAAO;IACxF,IAAI,CAACqC,UAAA,EAAY;IACjBtB,KAAA,CAAMuB,IAAA,CAAK;MACTjD,EAAA,EAAI,GAAGwC,IAAA,CAAKxC,EAAE,KAAK+C,EAAA,CAAG/C,EAAE;MACxBW,IAAA,EAAMmC,SAAA,CAAUpB,KAAA,CAAMe,MAAA,GAASK,SAAA,CAAUL,MAAM;MAC/C/B,MAAA,EAAQ;QAAEwB,IAAA,EAAMM,IAAA,CAAKxC,EAAA;QAAImC,IAAA,EAAMa;MAAW;MAC1C1B,MAAA,EAAQ;QAAEY,IAAA,EAAMa,EAAA,CAAG/C,EAAA;QAAImC,IAAA,EAAM;MAAK;MAClCF,IAAA,EAAM,CAAC;IACT,CAAyB;EAC3B;EACA,OAAO;IAAEJ,OAAA,EAAS;IAAGpB,KAAA;IAAOiB;EAAM;AACpC","ignoreList":[]}