@multiplatform.one/node-graph 7.7.2

package/dist/esm/react-flow/NodeGraphWeb.native.js

@@ -0,0 +1,485 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "@xyflow/react/dist/style.css";
+import { isTouchSurface, useResolvedKnobs } from "@multiplatform.one/theme";
+import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { graphEdgeTypes } from "../edges/GraphEdge.native.js";
+import { applySnapToChanges, createSnapSession, snapContextOptions } from "../interaction/snapChanges.native.js";
+import { useLassoSelect } from "../interaction/useLassoSelect.native.js";
+import { LassoOverlay } from "./LassoOverlay.native.js";
+import { SnapGuides } from "./SnapGuides.native.js";
+import { ConnectionPuck } from "./ConnectionPuck.native.js";
+import { KnobEnvelopeProvider } from "../knobs/KnobEnvelopeProvider.native.js";
+import { useKnobEnvelope } from "../knobs/useKnobEnvelope.native.js";
+import { portConnectionRadius } from "../nodes/handleGeometry.native.js";
+import { defaultOverviewZoom } from "../nodes/lod.native.js";
+import { GraphVars, graphRootClassName } from "../theme/GraphVarsStyle.native.js";
+import { GraphActionsProvider } from "./GraphActions.native.js";
+import { GraphCommandBridge } from "./GraphCommandBridge.native.js";
+import { GraphPaintProbe } from "./GraphPaintProbe.native.js";
+import { GraphZoomVar } from "./GraphZoomVar.native.js";
+import { GraphHostProvider, GraphNodeHost } from "./GraphNodeHost.native.js";
+import { defaultGraphNodeType, useGraphController } from "./useGraphController.native.js";
+import { ReactFlow, ReactFlowProvider, useReactFlow, useStore } from "./xy.native.js";
+var graphCanvasDefaults = {
+  onlyRenderVisibleElements: true,
+  fitView: true,
+  /** Below this zoom a node draws in `overview` mode. Design §5. */
+  overviewZoom: defaultOverviewZoom,
+  /**
+  * React Flow's own default is **0.5**, which is ABOVE `overviewZoom`.
+  *
+  * Measured in Chrome on `NodeGraph/Overview` at 500 nodes: the zoom-out
+  * control bottomed out at 0.5, `fitView` clamped there and showed 50 of the
+  * 500 nodes, and the overview mode this milestone builds was unreachable —
+  * not broken, unreachable, which is worse, because every unit spec around it
+  * was green. A level of detail below a floor the user cannot cross is dead
+  * code with a passing test suite.
+  *
+  * `graphCanvasDefaults.minZoom < graphCanvasDefaults.overviewZoom` is
+  * asserted in `lod.spec.tsx`, so the two cannot drift back into that state.
+  */
+  minZoom: 0.05,
+  maxZoom: 2
+};
+function FitOnFirstMeasure(param) {
+  var {
+    enabled
+  } = param;
+  var {
+    fitView
+  } = useReactFlow();
+  var allMeasured = useStore(function (state) {
+    var total = 0;
+    var measured = 0;
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = state.nodeLookup.values()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var node = _step.value;
+        var _node_measured;
+        total += 1;
+        if ((_node_measured = node.measured) === null || _node_measured === void 0 ? void 0 : _node_measured.height) measured += 1;
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return total > 0 && total === measured;
+  });
+  var fitted = useRef(false);
+  useEffect(function () {
+    if (!enabled || fitted.current || !allMeasured) return;
+    fitted.current = true;
+    void fitView();
+  }, [enabled, allMeasured, fitView]);
+  return null;
+}
+function NodeGraphCanvas(props) {
+  var _props_renderer, _props_commandSlot;
+  var {
+    schema,
+    document,
+    defaultDocument,
+    onDocumentChange,
+    onConnectionRefused,
+    readOnly = false,
+    knobs,
+    presetName,
+    intent,
+    coarsePointer = isTouchSurface(),
+    interactionMode = "pan",
+    onlyRenderVisibleElements = graphCanvasDefaults.onlyRenderVisibleElements,
+    fitView = graphCanvasDefaults.fitView,
+    overviewZoom = graphCanvasDefaults.overviewZoom,
+    snapping,
+    minZoom = graphCanvasDefaults.minZoom,
+    maxZoom = graphCanvasDefaults.maxZoom,
+    nodeTypes,
+    connectionPuck = true,
+    longPressLasso = false,
+    nodeLabel,
+    className,
+    style,
+    children
+  } = props;
+  var rootRef = useRef(null);
+  var graphEventRef = useRef(props.onGraphEvent);
+  graphEventRef.current = props.onGraphEvent;
+  var emit = useCallback(function (event) {
+    var _graphEventRef_current;
+    return (_graphEventRef_current = graphEventRef.current) === null || _graphEventRef_current === void 0 ? void 0 : _graphEventRef_current.call(graphEventRef, event);
+  }, []);
+  var perfHost = (_props_renderer = props.renderer) !== null && _props_renderer !== void 0 ? _props_renderer : "react-flow-web";
+  var readBootMsRef = useRef(props.readBootMs);
+  readBootMsRef.current = props.readBootMs;
+  var onPaint = useCallback(function () {
+    var _ref;
+    var _readBootMsRef_current;
+    return emit({
+      t: "paint",
+      bootMs: (_ref = (_readBootMsRef_current = readBootMsRef.current) === null || _readBootMsRef_current === void 0 ? void 0 : _readBootMsRef_current.call(readBootMsRef)) !== null && _ref !== void 0 ? _ref : null
+    });
+  }, [emit]);
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var size = knobProps.size;
+  var envelope = useKnobEnvelope({
+    knobs,
+    presetName,
+    intent: intent !== null && intent !== void 0 ? intent : void 0,
+    pointer: coarsePointer ? "coarse" : "fine"
+  });
+  var connectionRadius = portConnectionRadius({
+    size,
+    coarsePointer
+  });
+  var reactFlowApi = useReactFlow();
+  var readMeasuredSizes = useCallback(function () {
+    var sizes = {};
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = reactFlowApi.getNodes()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var node = _step.value;
+        var _node_measured, _node_measured1;
+        var width = (_node_measured = node.measured) === null || _node_measured === void 0 ? void 0 : _node_measured.width;
+        var height = (_node_measured1 = node.measured) === null || _node_measured1 === void 0 ? void 0 : _node_measured1.height;
+        if (width && height) sizes[node.id] = {
+          width,
+          height
+        };
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return sizes;
+  }, [reactFlowApi]);
+  var controller = useGraphController({
+    schema,
+    document,
+    defaultDocument,
+    onDocumentChange,
+    onConnectionRefused,
+    readOnly,
+    size,
+    coarsePointer,
+    readMeasuredSizes
+  });
+  var setNodeData = useCallback(function (id, patch) {
+    var node = controller.document.nodes.find(function (candidate) {
+      return candidate.id === id;
+    });
+    if (!node) return;
+    controller.commit({
+      t: "setNodeData",
+      id,
+      data: {
+        ...node.data,
+        ...patch
+      }
+    });
+  }, [controller]);
+  var host = useMemo(function () {
+    return {
+      schema,
+      overviewZoom,
+      coarsePointer,
+      readOnly,
+      setNodeData
+    };
+  }, [schema, overviewZoom, coarsePointer, readOnly, setNodeData]);
+  var snapSession = useRef(createSnapSession());
+  var [guides, setGuides] = useState([]);
+  var snapOptions = snapContextOptions({
+    snapping,
+    animation: envelope.knobs.animation,
+    reducedMotion: envelope.prefersReducedMotion,
+    coarsePointer
+  });
+  var {
+    alignment: snapAlignmentOn,
+    grid: snapGrid,
+    thresholdScreenPx
+  } = snapOptions;
+  var reactFlow = reactFlowApi;
+  var controllerNodesRef = useRef(controller.nodes);
+  controllerNodesRef.current = controller.nodes;
+  var controllerChangeRef = useRef(controller.onNodesChange);
+  controllerChangeRef.current = controller.onNodesChange;
+  var onNodesChange = useCallback(function (changes) {
+    var snapped = applySnapToChanges(changes, {
+      nodes: controllerNodesRef.current,
+      zoom: reactFlow.getZoom(),
+      session: snapSession.current,
+      alignment: snapAlignmentOn,
+      grid: snapGrid,
+      thresholdScreenPx
+    });
+    setGuides(function (previous) {
+      return previous.length === 0 && snapped.guides.length === 0 ? previous : snapped.guides;
+    });
+    controllerChangeRef.current(snapped.changes);
+  }, [reactFlow, snapAlignmentOn, snapGrid, thresholdScreenPx]);
+  var longPress = useMemo(function () {
+    return {
+      rootRef,
+      enabled: longPressLasso,
+      viewport: {
+        get: function get() {
+          return reactFlowApi.getViewport();
+        },
+        set: function set(viewport) {
+          void reactFlowApi.setViewport(viewport, {
+            duration: 0
+          });
+        }
+      },
+      getNodeRects: function getNodeRects() {
+        return reactFlowApi.getNodes().map(function (node) {
+          var _ref, _ref1, _ref2, _ref3;
+          var _node_measured, _node_measured1;
+          return {
+            id: node.id,
+            rect: {
+              x: node.position.x,
+              y: node.position.y,
+              width: (_ref = (_ref1 = (_node_measured = node.measured) === null || _node_measured === void 0 ? void 0 : _node_measured.width) !== null && _ref1 !== void 0 ? _ref1 : node.width) !== null && _ref !== void 0 ? _ref : 0,
+              height: (_ref2 = (_ref3 = (_node_measured1 = node.measured) === null || _node_measured1 === void 0 ? void 0 : _node_measured1.height) !== null && _ref3 !== void 0 ? _ref3 : node.height) !== null && _ref2 !== void 0 ? _ref2 : 0
+            }
+          };
+        });
+      },
+      onSelect: function onSelect(ids) {
+        var wanted = new Set(ids);
+        reactFlowApi.setNodes(function (nodes) {
+          return nodes.map(function (node) {
+            return {
+              ...node,
+              selected: wanted.has(node.id)
+            };
+          });
+        });
+        emit({
+          t: "lasso",
+          phase: "select",
+          ids,
+          haptic: null
+        });
+        emit({
+          t: "selection",
+          ids
+        });
+      },
+      // A WebView cannot buzz. The shell can, so the canvas asks — a HINT, not
+      // a command: whether a buzz is appropriate is the shell's call.
+      onHaptic: function onHaptic() {
+        return emit({
+          t: "lasso",
+          phase: "arm",
+          ids: [],
+          haptic: "selection"
+        });
+      },
+      onCancel: function onCancel() {
+        return emit({
+          t: "lasso",
+          phase: "cancel",
+          ids: [],
+          haptic: null
+        });
+      }
+    };
+  }, [emit, longPressLasso, reactFlowApi]);
+  var lasso = useLassoSelect({
+    mode: interactionMode,
+    longPress
+  });
+  var ownSlot = useRef(null);
+  var slot = (_props_commandSlot = props.commandSlot) !== null && _props_commandSlot !== void 0 ? _props_commandSlot : ownSlot;
+  var handle = useMemo(function () {
+    return {
+      fitView: function fitView2() {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.fitView();
+      },
+      relayout: function relayout() {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.relayout();
+      },
+      zoomTo: function zoomTo(zoom) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.zoomTo(zoom);
+      },
+      centerOn: function centerOn(nodeId) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.centerOn(nodeId);
+      },
+      setSelection: function setSelection(ids) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.setSelection(ids);
+      },
+      exportViewport: function exportViewport() {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.exportViewport();
+      },
+      undo: function undo() {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.undo();
+      },
+      redo: function redo() {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.redo();
+      },
+      perfStart: function perfStart(label) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.perfStart(label);
+      },
+      perfStop: function perfStop(label) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.perfStop(label);
+      },
+      perfMark: function perfMark(label) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.perfMark(label);
+      },
+      setViewport: function setViewport(x, y, zoom) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.setViewport(x, y, zoom);
+      },
+      synthPinch: function synthPinch(scale, steps) {
+        var _slot_current;
+        return (_slot_current = slot.current) === null || _slot_current === void 0 ? void 0 : _slot_current.synthPinch(scale, steps);
+      }
+    };
+  }, [slot]);
+  useImperativeHandle(props.graphRef, function () {
+    return handle;
+  }, [handle]);
+  var types = useMemo(function () {
+    return {
+      [defaultGraphNodeType]: GraphNodeHost,
+      ...nodeTypes
+    };
+  }, [nodeTypes]);
+  var actions = useMemo(function () {
+    return {
+      relayout: controller.relayout,
+      undo: controller.undo,
+      redo: controller.redo,
+      canUndo: controller.canUndo,
+      canRedo: controller.canRedo,
+      layoutRunner: controller.layoutRunner,
+      lastLayoutMs: controller.lastLayoutMs,
+      layoutPending: controller.layoutPending,
+      nodeCount: controller.document.nodes.length
+    };
+  }, [controller.relayout, controller.undo, controller.redo, controller.canUndo, controller.canRedo, controller.layoutRunner, controller.lastLayoutMs, controller.layoutPending, controller.document.nodes.length]);
+  return /* @__PURE__ */_jsxs("div", {
+    ref: rootRef,
+    className: className ? `${graphRootClassName} ${className}` : graphRootClassName,
+    "data-graph-scheme": envelope.scheme,
+    style: {
+      width: "100%",
+      height: "100%",
+      ...style
+    },
+    children: [/* @__PURE__ */_jsx(GraphVars, {
+      vars: envelope.vars,
+      scheme: envelope.scheme,
+      revision: envelope.revision
+    }), /* @__PURE__ */_jsx(KnobEnvelopeProvider, {
+      envelope,
+      children: /* @__PURE__ */_jsx(GraphActionsProvider, {
+        value: actions,
+        children: /* @__PURE__ */_jsx(GraphHostProvider, {
+          value: host,
+          children: /* @__PURE__ */_jsxs(ReactFlow, {
+            nodes: controller.nodes,
+            edges: controller.edges,
+            nodeTypes: types,
+            edgeTypes: graphEdgeTypes,
+            onNodesChange,
+            onEdgesChange: controller.onEdgesChange,
+            onConnect: controller.onConnect,
+            isValidConnection: controller.isValidConnection,
+            connectionRadius,
+            onlyRenderVisibleElements,
+            fitView,
+            minZoom,
+            maxZoom,
+            ...lasso.flowProps,
+            // The scheme the envelope resolved, so the canvas chrome and the
+            // Tamagui bodies inside it cannot disagree about which theme is on.
+            colorMode: envelope.scheme,
+            nodesDraggable: !readOnly,
+            nodesConnectable: !readOnly,
+            elementsSelectable: true,
+            proOptions: {
+              hideAttribution: true
+            },
+            children: [/* @__PURE__ */_jsx(FitOnFirstMeasure, {
+              enabled: fitView
+            }), /* @__PURE__ */_jsx(GraphZoomVar, {
+              rootRef
+            }), /* @__PURE__ */_jsx(GraphPaintProbe, {
+              onPaint
+            }), /* @__PURE__ */_jsx(GraphCommandBridge, {
+              commands: slot,
+              culling: onlyRenderVisibleElements,
+              emit,
+              host: perfHost,
+              rootRef,
+              onMounted: props.onCanvasMounted
+            }), /* @__PURE__ */_jsx(SnapGuides, {
+              guides,
+              animated: snapOptions.animateGuides
+            }),
+            /* INSIDE the canvas, so the `--xy-selection-*` layer is in scope.
+            Outside it the rectangle is the right size and invisible. */
+            /* @__PURE__ */
+            _jsx(LassoOverlay, {
+              rect: lasso.marquee
+            }), connectionPuck ? /* @__PURE__ */_jsx(ConnectionPuck, {
+              document: controller.document,
+              schema,
+              nodeLabel
+            }) : null, children]
+          })
+        })
+      })
+    })]
+  });
+}
+function NodeGraphWeb(props) {
+  return /* @__PURE__ */_jsx(ReactFlowProvider, {
+    children: /* @__PURE__ */_jsx(NodeGraphCanvas, {
+      ...props
+    })
+  });
+}
+export { NodeGraphWeb, graphCanvasDefaults };
+//# sourceMappingURL=NodeGraphWeb.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","isTouchSurface","useResolvedKnobs","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","graphEdgeTypes","applySnapToChanges","createSnapSession","snapContextOptions","useLassoSelect","LassoOverlay","SnapGuides","ConnectionPuck","KnobEnvelopeProvider","useKnobEnvelope","portConnectionRadius","defaultOverviewZoom","GraphVars","graphRootClassName","GraphActionsProvider","GraphCommandBridge","GraphPaintProbe","GraphZoomVar","GraphHostProvider","GraphNodeHost","defaultGraphNodeType","useGraphController","ReactFlow","ReactFlowProvider","useReactFlow","useStore","graphCanvasDefaults","onlyRenderVisibleElements","fitView","overviewZoom","minZoom","maxZoom","FitOnFirstMeasure","param","enabled","allMeasured","state","total","measured","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","nodeLookup","values","Symbol","iterator","_step","next","done","node","value","_node_measured","height","err","return","fitted","current","NodeGraphCanvas","props","_props_renderer","_props_commandSlot","schema","document","defaultDocument","onDocumentChange","onConnectionRefused","readOnly","knobs","presetName","intent","coarsePointer","interactionMode","snapping","nodeTypes","connectionPuck","longPressLasso","nodeLabel","className","style","children","rootRef","graphEventRef","onGraphEvent","emit","event","_graphEventRef_current","call","perfHost","renderer","readBootMsRef","readBootMs","onPaint","_ref","_readBootMsRef_current","t","bootMs","knobProps","size","envelope","pointer","connectionRadius","reactFlowApi","readMeasuredSizes","sizes","getNodes","_node_measured1","width","id","controller","setNodeData","patch","nodes","find","candidate","commit","data","host","snapSession","guides","setGuides","snapOptions","animation","reducedMotion","prefersReducedMotion","alignment","snapAlignmentOn","grid","snapGrid","thresholdScreenPx","reactFlow","controllerNodesRef","controllerChangeRef","onNodesChange","changes","snapped","zoom","getZoom","session","previous","length","longPress","viewport","get","getViewport","set","setViewport","duration","getNodeRects","map","_ref1","_ref2","_ref3","rect","x","position","y","onSelect","ids","wanted","Set","setNodes","selected","has","phase","haptic","onHaptic","onCancel","lasso","mode","ownSlot","slot","commandSlot","handle","fitView2","_slot_current","relayout","zoomTo","centerOn","nodeId","setSelection","exportViewport","undo","redo","perfStart","label"],"sources":["../../../src/react-flow/NodeGraphWeb.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+import { ViewportPortal } from "./xy.mjs";
+import { jsx } from "react/jsx-runtime";
+const snapGuidesClassName = "mp-graph-guides";
+const snapGuideClassName = "mp-graph-guide";
+const snapGuidePadding = 2;
+function snapGuidesBounds(guides) {
+  if (guides.length === 0) return null;
+  let minX = Number.POSITIVE_INFINITY;
+  let minY = Number.POSITIVE_INFINITY;
+  let maxX = Number.NEGATIVE_INFINITY;
+  let maxY = Number.NEGATIVE_INFINITY;
+  for (const guide of guides) {
+    const [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);
+  }
+  return {
+    x: minX - snapGuidePadding,
+    y: minY - snapGuidePadding,
+    width: maxX - minX + snapGuidePadding * 2,
+    height: maxY - minY + snapGuidePadding * 2
+  };
+}
+function SnapGuides({
+  guides,
+  animated = true
+}) {
+  const box = snapGuidesBounds(guides);
+  if (!box) return null;
+  return /* @__PURE__ */jsx(ViewportPortal, {
+    children: /* @__PURE__ */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(guide => /* @__PURE__ */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))
+    })
+  });
+}
+export { SnapGuides, snapGuideClassName, snapGuidePadding, snapGuidesBounds, snapGuidesClassName };
+//# sourceMappingURL=SnapGuides.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ViewportPortal","jsx","snapGuidesClassName","snapGuideClassName","snapGuidePadding","snapGuidesBounds","guides","length","minX","Number","POSITIVE_INFINITY","minY","maxX","NEGATIVE_INFINITY","maxY","guide","x1","y1","x2","y2","axis","position","start","end","Math","min","max","x","y","width","height","SnapGuides","animated","box","children","className","style","left","top","transform","overflow","pointerEvents","map"],"sources":["../../../src/react-flow/SnapGuides.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ViewportPortal } from "./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__ */_jsx(ViewportPortal, {
+    children: /* @__PURE__ */_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__ */_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);
+      })
+    })
+  });
+}
+export { SnapGuides, snapGuideClassName, snapGuidePadding, snapGuidesBounds, snapGuidesClassName };
+//# sourceMappingURL=SnapGuides.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","ViewportPortal","snapGuidesClassName","snapGuideClassName","snapGuidePadding","snapGuidesBounds","guides","length","minX","Number","POSITIVE_INFINITY","minY","maxX","NEGATIVE_INFINITY","maxY","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","guide","value","x1","y1","x2","y2","axis","position","start","end","Math","min","max","err","return","x","y","width","height","SnapGuides","param","animated","box","children","className"],"sources":["../../../src/react-flow/SnapGuides.tsx"],"sourcesContent":[null],"mappings":"AAwBA,SAASA,GAAA,IAAAC,IAAA,2BAAsB;AA2ErB,SAAAC,cAAA;AAzEH,IAAAC,mBAAM,oBAAsB;AAC5B,IAAAC,kBAAM,mBAAqB;AAO3B,IAAAC,gBAAM;AAUN,SAASC,iBAAiBC,MAAA,EAAoD;EACnF,IAAIA,MAAA,CAAOC,MAAA,KAAW,GAAG,OAAO;EAChC,IAAIC,IAAA,GAAOC,MAAA,CAAOC,iBAAA;EAClB,IAAIC,IAAA,GAAOF,MAAA,CAAOC,iBAAA;EAClB,IAAIE,IAAA,GAAOH,MAAA,CAAOI,iBAAA;EAClB,IAAIC,IAAA,GAAOL,MAAA,CAAOI,iBAAA;EAClB,IAAAE,yBAA4B;IAAAC,iBAAA;IAAAC,cAAA;EAC1B;IAIA,SAAOC,SAAS,GAAAZ,MAAU,CAAEa,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MAC5B,IAAAS,KAAO,GAAKH,KAAI,CAAAI,KAAM;MACtB,KAAOC,EAAA,EAAAC,EAAK,EAAAC,EAAI,EAAAC,EAAA,CAAM,GAAAL,KAAM,CAAAM,IAAA,YAC5BN,KAAO,CAAAO,QAAS,EAClBP,KAAA,CAAAQ,KAAA,EACAR,KAAO,CAAAO,QAAA,EACFP,KAAA,CAAOS,GAAA,CACP,IACHT,KAAO,CAAAQ,KAAO,EACdR,KAAQ,CAAAO,QAAO,EACjBP,KAAA,CAAAS,GAAA,EACFT,KAAA,CAAAO,QAAA,CAWO;MACLvB,IAAM,GAAA0B,IAAM,CAAAC,GAAA,CAAA3B,IAAA,EAAAkB,EAAA,EAAiBE,EAAA;MACzBhB,IAAC,GAAKsB,IAAA,CAAAE,GAAO,CAAAxB,IAAA,EAAAc,EAAA,EAAAE,EAAA;MACjBjB,IACE,GAAAuB,IAAA,CAAAC,GAAA,CAAAxB,IAAA,EAAAgB,EAAC,EAAAE,EAAA;MACEf,IAAA,GAAAoB,IAAA,CAAAE,GAAA,CAAAtB,IAAA,EAAAa,EAAA,EAAAE,EAAA;IAAA;EAAA,SACCQ,GAAA;IAAWrB,iBACX,GAAe;IAAoBC,cACxB,GAAAoB,GAAA;EAAA,UACX;IAAY,IACZ;MAAO,IACL,CAAAtB,yBAAU,IAAAG,SAAA,CAAAoB,MAAA;QACVpB,SAAM,CAAAoB,MAAA;MAAA;IACD;MAAA,IAAAtB,iBAAA;QAGL,MAAAC,cAAW;MAA8B;IAC/B;EACK;EACjB,OAEC;IACCsB,CAAA,EAAA/B,IAAC,GAAAJ,gBAAA;IAAAoC,CAAA,EAAA7B,IAAA,GAAAP,gBAAA;IAAAqC,KAAA,EAEC7B,IAAA,GAAAJ,IAAW,GAAAJ,gBAAA;IAAAsC,MACX,EAAA5B,IAAA,GAAAH,IAAW,GAAAP,gBAAM;EAAA;AAC6C;AACF,SAAAuC,UACvDA,CAAAC,KAAM;EAAmD;IAAAtC,MAC9D;IAAKuC,QAAM;EAAS,IAAMD,KAAA;EAAkC,IAAAE,GAAA,GAAAzC,gBAAA,CAAAC,MAAA;EAAA,KAAAwC,GANvD,SAAM;EAAA,OAQd,eAAA9C,IAAA,CAAAC,cAAA;IAAA8C,QAAA,iBAAA/C,IAAA;MAELgD,SAAA,EAAA9C,mBAAA;MAEJ,iBAAA2C,QAAA","ignoreList":[]}