@uipath/apollo-react 6.17.3 → 6.18.0

package/dist/canvas/components/Edges/shared/crossings/crossings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crossings.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/crossings/crossings.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKhD,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;IAEf,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AA0CF,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,CAmFnF;AAmBD,wBAAgB,cAAc,CAAC,CAAC,EAAE,SAAS,KAAK,EAAE,EAAE,CAAC,EAAE,SAAS,KAAK,EAAE,GAAG,OAAO,CAUhF;AAGD,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,QAAQ,EAAE,EAAE,CAAC,EAAE,SAAS,QAAQ,EAAE,GAAG,OAAO,CAWlF"}

package/dist/canvas/components/Edges/shared/crossings/crossings.js

@@ -0,0 +1,99 @@
+import { EDGE_CONSTANTS } from "../constants.js";
+const { COLLINEAR_TOLERANCE: TOL, BORDER_RADIUS } = EDGE_CONSTANTS;
+function computeLineJumps(polylines) {
+    const horizontals = [];
+    const verticals = [];
+    for (const { edgeId, points } of polylines)for(let i = 0; i < points.length - 1; i++){
+        const a = points[i];
+        const b = points[i + 1];
+        const dx = Math.abs(b.x - a.x);
+        const dy = Math.abs(b.y - a.y);
+        if (dy <= TOL && dx > TOL) horizontals.push({
+            edgeId,
+            segmentIndex: i,
+            y: a.y,
+            xMin: Math.min(a.x, b.x),
+            xMax: Math.max(a.x, b.x)
+        });
+        else if (dx <= TOL && dy > TOL) {
+            const bendMargin = Math.min(BORDER_RADIUS, dy / 2);
+            const startMargin = i > 0 ? bendMargin : TOL;
+            const endMargin = i + 2 < points.length ? bendMargin : TOL;
+            const descending = b.y > a.y;
+            verticals.push({
+                edgeId,
+                x: a.x,
+                yMin: Math.min(a.y, b.y),
+                yMax: Math.max(a.y, b.y),
+                minMargin: descending ? startMargin : endMargin,
+                maxMargin: descending ? endMargin : startMargin
+            });
+        }
+    }
+    if (0 === horizontals.length || 0 === verticals.length) return new Map();
+    verticals.sort((a, b)=>a.x - b.x);
+    const xs = verticals.map((v)=>v.x);
+    const result = new Map();
+    for (const h of horizontals){
+        let jumps;
+        let lastX = -1 / 0;
+        for(let i = lowerBound(xs, h.xMin + TOL); i < verticals.length; i++){
+            const v = verticals[i];
+            if (v.x >= h.xMax - TOL) break;
+            if (v.edgeId !== h.edgeId) {
+                if (!(h.y <= v.yMin + v.minMargin) && !(h.y >= v.yMax - v.maxMargin)) {
+                    if (!(v.x - lastX <= TOL)) {
+                        lastX = v.x;
+                        jumps ??= [];
+                        jumps.push({
+                            segmentIndex: h.segmentIndex,
+                            point: {
+                                x: v.x,
+                                y: h.y
+                            }
+                        });
+                    }
+                }
+            }
+        }
+        if (!jumps) continue;
+        const existing = result.get(h.edgeId);
+        if (existing) existing.push(...jumps);
+        else result.set(h.edgeId, jumps);
+    }
+    return result;
+}
+function lowerBound(sorted, value) {
+    let low = 0;
+    let high = sorted.length;
+    while(low < high){
+        const mid = low + high >>> 1;
+        if (sorted[mid] < value) low = mid + 1;
+        else high = mid;
+    }
+    return low;
+}
+function polylinesEqual(a, b) {
+    if (a === b) return true;
+    if (a.length !== b.length) return false;
+    for(let i = 0; i < a.length; i++){
+        const left = a[i];
+        const right = b[i];
+        if (Math.abs(left.x - right.x) > TOL) return false;
+        if (Math.abs(left.y - right.y) > TOL) return false;
+    }
+    return true;
+}
+function jumpsEqual(a, b) {
+    if (a === b) return true;
+    if (a.length !== b.length) return false;
+    for(let i = 0; i < a.length; i++){
+        const left = a[i];
+        const right = b[i];
+        if (left.segmentIndex !== right.segmentIndex) return false;
+        if (Math.abs(left.point.x - right.point.x) > TOL) return false;
+        if (Math.abs(left.point.y - right.point.y) > TOL) return false;
+    }
+    return true;
+}
+export { computeLineJumps, jumpsEqual, polylinesEqual };

package/dist/canvas/components/Edges/shared/crossings/index.cjs

@@ -0,0 +1,50 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    EdgeCrossingsStore: ()=>external_EdgeCrossingsContext_cjs_namespaceObject.EdgeCrossingsStore,
+    EdgeCrossingsProvider: ()=>external_EdgeCrossingsContext_cjs_namespaceObject.EdgeCrossingsProvider,
+    useEdgeLineJumps: ()=>external_useEdgeLineJumps_cjs_namespaceObject.useEdgeLineJumps,
+    jumpsEqual: ()=>external_crossings_cjs_namespaceObject.jumpsEqual,
+    computeLineJumps: ()=>external_crossings_cjs_namespaceObject.computeLineJumps
+});
+const external_crossings_cjs_namespaceObject = require("./crossings.cjs");
+const external_EdgeCrossingsContext_cjs_namespaceObject = require("./EdgeCrossingsContext.cjs");
+const external_useEdgeLineJumps_cjs_namespaceObject = require("./useEdgeLineJumps.cjs");
+exports.EdgeCrossingsProvider = __webpack_exports__.EdgeCrossingsProvider;
+exports.EdgeCrossingsStore = __webpack_exports__.EdgeCrossingsStore;
+exports.computeLineJumps = __webpack_exports__.computeLineJumps;
+exports.jumpsEqual = __webpack_exports__.jumpsEqual;
+exports.useEdgeLineJumps = __webpack_exports__.useEdgeLineJumps;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "EdgeCrossingsProvider",
+    "EdgeCrossingsStore",
+    "computeLineJumps",
+    "jumpsEqual",
+    "useEdgeLineJumps"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Edges/shared/crossings/index.d.ts

@@ -0,0 +1,4 @@
+export { computeLineJumps, type EdgePolyline, jumpsEqual } from './crossings';
+export { EdgeCrossingsProvider, EdgeCrossingsStore } from './EdgeCrossingsContext';
+export { useEdgeLineJumps } from './useEdgeLineJumps';
+//# sourceMappingURL=index.d.ts.map

package/dist/canvas/components/Edges/shared/crossings/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/crossings/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/canvas/components/Edges/shared/crossings/index.js

@@ -0,0 +1,4 @@
+import { computeLineJumps, jumpsEqual } from "./crossings.js";
+import { EdgeCrossingsProvider, EdgeCrossingsStore } from "./EdgeCrossingsContext.js";
+import { useEdgeLineJumps } from "./useEdgeLineJumps.js";
+export { EdgeCrossingsProvider, EdgeCrossingsStore, computeLineJumps, jumpsEqual, useEdgeLineJumps };

package/dist/canvas/components/Edges/shared/crossings/useEdgeLineJumps.cjs

@@ -0,0 +1,67 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useEdgeLineJumps: ()=>useEdgeLineJumps
+});
+const external_react_namespaceObject = require("react");
+const external_EdgeCrossingsContext_cjs_namespaceObject = require("./EdgeCrossingsContext.cjs");
+function useEdgeLineJumps(edgeId, points, enabled) {
+    const store = (0, external_EdgeCrossingsContext_cjs_namespaceObject.useEdgeCrossingsStore)();
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        if (store && enabled) store.register(edgeId, points);
+    }, [
+        store,
+        enabled,
+        edgeId,
+        points
+    ]);
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        if (!store || !enabled) return;
+        return ()=>store.unregister(edgeId);
+    }, [
+        store,
+        enabled,
+        edgeId
+    ]);
+    const subscribe = (0, external_react_namespaceObject.useCallback)((onStoreChange)=>store && enabled ? store.subscribe(edgeId, onStoreChange) : ()=>{}, [
+        store,
+        enabled,
+        edgeId
+    ]);
+    const getSnapshot = (0, external_react_namespaceObject.useCallback)(()=>store && enabled ? store.getSnapshot(edgeId) : external_EdgeCrossingsContext_cjs_namespaceObject.EMPTY_JUMPS, [
+        store,
+        enabled,
+        edgeId
+    ]);
+    return (0, external_react_namespaceObject.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+}
+exports.useEdgeLineJumps = __webpack_exports__.useEdgeLineJumps;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useEdgeLineJumps"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Edges/shared/crossings/useEdgeLineJumps.d.ts

@@ -0,0 +1,3 @@
+import type { PathJump, Point } from '../types';
+export declare function useEdgeLineJumps(edgeId: string, points: Point[], enabled: boolean): readonly PathJump[];
+//# sourceMappingURL=useEdgeLineJumps.d.ts.map

package/dist/canvas/components/Edges/shared/crossings/useEdgeLineJumps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEdgeLineJumps.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/crossings/useEdgeLineJumps.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAkBhD,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,KAAK,EAAE,EACf,OAAO,EAAE,OAAO,GACf,SAAS,QAAQ,EAAE,CA8BrB"}

package/dist/canvas/components/Edges/shared/crossings/useEdgeLineJumps.js

@@ -0,0 +1,33 @@
+import { useCallback, useLayoutEffect, useSyncExternalStore } from "react";
+import { EMPTY_JUMPS, useEdgeCrossingsStore } from "./EdgeCrossingsContext.js";
+function useEdgeLineJumps(edgeId, points, enabled) {
+    const store = useEdgeCrossingsStore();
+    useLayoutEffect(()=>{
+        if (store && enabled) store.register(edgeId, points);
+    }, [
+        store,
+        enabled,
+        edgeId,
+        points
+    ]);
+    useLayoutEffect(()=>{
+        if (!store || !enabled) return;
+        return ()=>store.unregister(edgeId);
+    }, [
+        store,
+        enabled,
+        edgeId
+    ]);
+    const subscribe = useCallback((onStoreChange)=>store && enabled ? store.subscribe(edgeId, onStoreChange) : ()=>{}, [
+        store,
+        enabled,
+        edgeId
+    ]);
+    const getSnapshot = useCallback(()=>store && enabled ? store.getSnapshot(edgeId) : EMPTY_JUMPS, [
+        store,
+        enabled,
+        edgeId
+    ]);
+    return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+}
+export { useEdgeLineJumps };

package/dist/canvas/components/Edges/shared/geometry.cjs

@@ -364,59 +364,98 @@ function extractSegments(pathPoints) {
     }
     return segments;
 }
-function createRoundedPath(points, borderRadius = BORDER_RADIUS) {
+function createRoundedPath(points, borderRadius = BORDER_RADIUS, jumps = []) {
     if (points.length < 2) return '';
     const firstPoint = points[0];
+    const lastPoint = points[points.length - 1];
     const path = [
         `M ${firstPoint.x} ${firstPoint.y}`
     ];
-    if (2 === points.length) {
-        const secondPoint = points[1];
-        path.push(`L ${secondPoint.x} ${secondPoint.y}`);
-        return path.join(' ');
-    }
-    for(let i = 1; i < points.length - 1; i++){
-        const prev = points[i - 1];
-        const curr = points[i];
-        const next = points[i + 1];
-        const v1 = {
-            x: curr.x - prev.x,
-            y: curr.y - prev.y
-        };
-        const v2 = {
-            x: next.x - curr.x,
-            y: next.y - curr.y
-        };
-        const len1 = Math.sqrt(v1.x * v1.x + v1.y * v1.y);
-        const len2 = Math.sqrt(v2.x * v2.x + v2.y * v2.y);
-        const radius = Math.min(borderRadius, Math.min(len1, len2) / 2);
-        if (radius < 1) {
-            path.push(`L ${curr.x} ${curr.y}`);
-            continue;
+    const corners = [];
+    for(let i = 1; i < points.length - 1; i++)corners[i] = buildCorner(points[i - 1], points[i], points[i + 1], borderRadius);
+    const jumpsBySegment = groupJumpsBySegment(jumps);
+    for(let i = 0; i < points.length - 1; i++){
+        const from = 0 === i ? firstPoint : corners[i].end;
+        const to = i === points.length - 2 ? lastPoint : corners[i + 1].start;
+        appendRun(path, from, to, jumpsBySegment?.get(i));
+        const corner = corners[i + 1];
+        if (corner?.rounded) {
+            const vertex = points[i + 1];
+            path.push(`Q ${vertex.x} ${vertex.y} ${corner.end.x} ${corner.end.y}`);
         }
-        const n1 = {
-            x: v1.x / len1,
-            y: v1.y / len1
-        };
-        const n2 = {
-            x: v2.x / len2,
-            y: v2.y / len2
-        };
-        const cornerStart = {
-            x: curr.x - n1.x * radius,
-            y: curr.y - n1.y * radius
-        };
-        const cornerEnd = {
-            x: curr.x + n2.x * radius,
-            y: curr.y + n2.y * radius
-        };
-        path.push(`L ${cornerStart.x} ${cornerStart.y}`);
-        path.push(`Q ${curr.x} ${curr.y} ${cornerEnd.x} ${cornerEnd.y}`);
     }
-    const lastPoint = points[points.length - 1];
-    path.push(`L ${lastPoint.x} ${lastPoint.y}`);
     return path.join(' ');
 }
+function buildCorner(prev, curr, next, borderRadius) {
+    const v1 = {
+        x: curr.x - prev.x,
+        y: curr.y - prev.y
+    };
+    const v2 = {
+        x: next.x - curr.x,
+        y: next.y - curr.y
+    };
+    const len1 = Math.sqrt(v1.x * v1.x + v1.y * v1.y);
+    const len2 = Math.sqrt(v2.x * v2.x + v2.y * v2.y);
+    const radius = Math.min(borderRadius, Math.min(len1, len2) / 2);
+    if (radius < 1) return {
+        start: curr,
+        end: curr,
+        rounded: false
+    };
+    return {
+        start: {
+            x: curr.x - v1.x / len1 * radius,
+            y: curr.y - v1.y / len1 * radius
+        },
+        end: {
+            x: curr.x + v2.x / len2 * radius,
+            y: curr.y + v2.y / len2 * radius
+        },
+        rounded: true
+    };
+}
+function groupJumpsBySegment(jumps) {
+    if (0 === jumps.length) return null;
+    const bySegment = new Map();
+    for (const jump of jumps){
+        const existing = bySegment.get(jump.segmentIndex);
+        if (existing) existing.push(jump);
+        else bySegment.set(jump.segmentIndex, [
+            jump
+        ]);
+    }
+    return bySegment;
+}
+function appendRun(path, from, to, jumps) {
+    const dx = to.x - from.x;
+    const dy = to.y - from.y;
+    const length = Math.sqrt(dx * dx + dy * dy);
+    const radius = external_constants_cjs_namespaceObject.EDGE_CONSTANTS.LINE_JUMP_RADIUS;
+    if (jumps && jumps.length > 0 && length > 2 * radius) {
+        const ux = dx / length;
+        const uy = dy / length;
+        const horizontal = Math.abs(dx) >= Math.abs(dy);
+        const sweep = (horizontal ? dx : dy) > 0 ? 1 : 0;
+        const distances = jumps.map((jump)=>(jump.point.x - from.x) * ux + (jump.point.y - from.y) * uy).filter((distance)=>distance >= radius && distance <= length - radius).sort((a, b)=>a - b);
+        let previous = -1 / 0;
+        for (const distance of distances){
+            if (distance - previous < 2 * radius) continue;
+            previous = distance;
+            const entry = {
+                x: from.x + ux * (distance - radius),
+                y: from.y + uy * (distance - radius)
+            };
+            const exit = {
+                x: from.x + ux * (distance + radius),
+                y: from.y + uy * (distance + radius)
+            };
+            path.push(`L ${entry.x} ${entry.y}`);
+            path.push(`A ${radius} ${radius} 0 0 ${sweep} ${exit.x} ${exit.y}`);
+        }
+    }
+    path.push(`L ${to.x} ${to.y}`);
+}
 function getSegmentMidpoint(segment) {
     return {
         x: (segment.start.x + segment.end.x) / 2,

package/dist/canvas/components/Edges/shared/geometry.d.ts

@@ -1,5 +1,5 @@
 import type { Position } from '../../../xyflow/react.ts';
-import type { PathVertex, Point, Segment, SegmentOrientation, Waypoint } from './types';
+import type { PathJump, PathVertex, Point, Segment, SegmentOrientation, Waypoint } from './types';
 export declare function snapPointToGrid(point: Point): Point;
 export declare function isHorizontalPosition(position: Position): boolean;
 export declare function calculateAutoWaypoints(sourceX: number, sourceY: number, sourcePosition: Position, targetX: number, targetY: number, targetPosition: Position): Point[];
@@ -12,7 +12,7 @@ export declare function isSegmentPerpendicular(segment: {
     end: Point;
 }): boolean;
 export declare function extractSegments(pathPoints: PathVertex[]): Segment[];
-export declare function createRoundedPath(points: Point[], borderRadius?: number): string;
+export declare function createRoundedPath(points: Point[], borderRadius?: number, jumps?: readonly PathJump[]): string;
 export declare function getSegmentMidpoint(segment: Segment): Point;
 export declare function getSegmentLength(segment: Segment): number;
 export declare function isSegmentInteractable(segment: Segment): boolean;

package/dist/canvas/components/Edges/shared/geometry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAGzE,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxF,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAEnD;AAmBD,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAEhE;AA6BD,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,GACvB,KAAK,EAAE,CAyCT;AAyBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,CAoCjG;AA8DD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,SAAS,GAAE,QAAQ,EAAO,EAE1B,UAAU,UAAQ,GACjB,UAAU,EAAE,CA6Dd;AAiBD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,KAAK,EAClD,MAAM,EAAE,CAAC,EAAE,EACX,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,KAAK,EACd,WAAW,GAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAqB,GAC/C,CAAC,EAAE,CAsFL;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,kBAAkB,CAElF;AAKD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,KAAK,CAAA;CAAE,GAAG,OAAO,CAIrF;AAUD,wBAAgB,eAAe,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,OAAO,EAAE,CAgBnE;AAMD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,YAAY,GAAE,MAAsB,GAAG,MAAM,CAyC/F;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,KAAK,CAK1D;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAIzD;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAE/D;AAOD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAkCzD"}
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAGzE,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIlG,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAEnD;AAmBD,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAEhE;AA6BD,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,GACvB,KAAK,EAAE,CAyCT;AAyBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,CAoCjG;AA8DD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,SAAS,GAAE,QAAQ,EAAO,EAE1B,UAAU,UAAQ,GACjB,UAAU,EAAE,CA6Dd;AAiBD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,KAAK,EAClD,MAAM,EAAE,CAAC,EAAE,EACX,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,KAAK,EACd,WAAW,GAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAqB,GAC/C,CAAC,EAAE,CAsFL;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,kBAAkB,CAElF;AAKD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,KAAK,CAAA;CAAE,GAAG,OAAO,CAIrF;AAUD,wBAAgB,eAAe,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,OAAO,EAAE,CAgBnE;AAkBD,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,KAAK,EAAE,EACf,YAAY,GAAE,MAAsB,EACpC,KAAK,GAAE,SAAS,QAAQ,EAAO,GAC9B,MAAM,CA8BR;AA8ED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,KAAK,CAK1D;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAIzD;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAE/D;AAOD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAkCzD"}

package/dist/canvas/components/Edges/shared/geometry.js

@@ -323,59 +323,98 @@ function extractSegments(pathPoints) {
     }
     return segments;
 }
-function createRoundedPath(points, borderRadius = BORDER_RADIUS) {
+function createRoundedPath(points, borderRadius = BORDER_RADIUS, jumps = []) {
     if (points.length < 2) return '';
     const firstPoint = points[0];
+    const lastPoint = points[points.length - 1];
     const path = [
         `M ${firstPoint.x} ${firstPoint.y}`
     ];
-    if (2 === points.length) {
-        const secondPoint = points[1];
-        path.push(`L ${secondPoint.x} ${secondPoint.y}`);
-        return path.join(' ');
-    }
-    for(let i = 1; i < points.length - 1; i++){
-        const prev = points[i - 1];
-        const curr = points[i];
-        const next = points[i + 1];
-        const v1 = {
-            x: curr.x - prev.x,
-            y: curr.y - prev.y
-        };
-        const v2 = {
-            x: next.x - curr.x,
-            y: next.y - curr.y
-        };
-        const len1 = Math.sqrt(v1.x * v1.x + v1.y * v1.y);
-        const len2 = Math.sqrt(v2.x * v2.x + v2.y * v2.y);
-        const radius = Math.min(borderRadius, Math.min(len1, len2) / 2);
-        if (radius < 1) {
-            path.push(`L ${curr.x} ${curr.y}`);
-            continue;
+    const corners = [];
+    for(let i = 1; i < points.length - 1; i++)corners[i] = buildCorner(points[i - 1], points[i], points[i + 1], borderRadius);
+    const jumpsBySegment = groupJumpsBySegment(jumps);
+    for(let i = 0; i < points.length - 1; i++){
+        const from = 0 === i ? firstPoint : corners[i].end;
+        const to = i === points.length - 2 ? lastPoint : corners[i + 1].start;
+        appendRun(path, from, to, jumpsBySegment?.get(i));
+        const corner = corners[i + 1];
+        if (corner?.rounded) {
+            const vertex = points[i + 1];
+            path.push(`Q ${vertex.x} ${vertex.y} ${corner.end.x} ${corner.end.y}`);
         }
-        const n1 = {
-            x: v1.x / len1,
-            y: v1.y / len1
-        };
-        const n2 = {
-            x: v2.x / len2,
-            y: v2.y / len2
-        };
-        const cornerStart = {
-            x: curr.x - n1.x * radius,
-            y: curr.y - n1.y * radius
-        };
-        const cornerEnd = {
-            x: curr.x + n2.x * radius,
-            y: curr.y + n2.y * radius
-        };
-        path.push(`L ${cornerStart.x} ${cornerStart.y}`);
-        path.push(`Q ${curr.x} ${curr.y} ${cornerEnd.x} ${cornerEnd.y}`);
     }
-    const lastPoint = points[points.length - 1];
-    path.push(`L ${lastPoint.x} ${lastPoint.y}`);
     return path.join(' ');
 }
+function buildCorner(prev, curr, next, borderRadius) {
+    const v1 = {
+        x: curr.x - prev.x,
+        y: curr.y - prev.y
+    };
+    const v2 = {
+        x: next.x - curr.x,
+        y: next.y - curr.y
+    };
+    const len1 = Math.sqrt(v1.x * v1.x + v1.y * v1.y);
+    const len2 = Math.sqrt(v2.x * v2.x + v2.y * v2.y);
+    const radius = Math.min(borderRadius, Math.min(len1, len2) / 2);
+    if (radius < 1) return {
+        start: curr,
+        end: curr,
+        rounded: false
+    };
+    return {
+        start: {
+            x: curr.x - v1.x / len1 * radius,
+            y: curr.y - v1.y / len1 * radius
+        },
+        end: {
+            x: curr.x + v2.x / len2 * radius,
+            y: curr.y + v2.y / len2 * radius
+        },
+        rounded: true
+    };
+}
+function groupJumpsBySegment(jumps) {
+    if (0 === jumps.length) return null;
+    const bySegment = new Map();
+    for (const jump of jumps){
+        const existing = bySegment.get(jump.segmentIndex);
+        if (existing) existing.push(jump);
+        else bySegment.set(jump.segmentIndex, [
+            jump
+        ]);
+    }
+    return bySegment;
+}
+function appendRun(path, from, to, jumps) {
+    const dx = to.x - from.x;
+    const dy = to.y - from.y;
+    const length = Math.sqrt(dx * dx + dy * dy);
+    const radius = EDGE_CONSTANTS.LINE_JUMP_RADIUS;
+    if (jumps && jumps.length > 0 && length > 2 * radius) {
+        const ux = dx / length;
+        const uy = dy / length;
+        const horizontal = Math.abs(dx) >= Math.abs(dy);
+        const sweep = (horizontal ? dx : dy) > 0 ? 1 : 0;
+        const distances = jumps.map((jump)=>(jump.point.x - from.x) * ux + (jump.point.y - from.y) * uy).filter((distance)=>distance >= radius && distance <= length - radius).sort((a, b)=>a - b);
+        let previous = -1 / 0;
+        for (const distance of distances){
+            if (distance - previous < 2 * radius) continue;
+            previous = distance;
+            const entry = {
+                x: from.x + ux * (distance - radius),
+                y: from.y + uy * (distance - radius)
+            };
+            const exit = {
+                x: from.x + ux * (distance + radius),
+                y: from.y + uy * (distance + radius)
+            };
+            path.push(`L ${entry.x} ${entry.y}`);
+            path.push(`A ${radius} ${radius} 0 0 ${sweep} ${exit.x} ${exit.y}`);
+        }
+    }
+    path.push(`L ${to.x} ${to.y}`);
+}
 function getSegmentMidpoint(segment) {
     return {
         x: (segment.start.x + segment.end.x) / 2,

package/dist/canvas/components/Edges/shared/hooks/useEdgeGeometry.cjs

@@ -29,11 +29,12 @@ __webpack_require__.d(__webpack_exports__, {
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../../../hooks/index.cjs");
 const external_constants_cjs_namespaceObject = require("../constants.cjs");
+const external_crossings_index_cjs_namespaceObject = require("../crossings/index.cjs");
 const external_geometry_cjs_namespaceObject = require("../geometry.cjs");
 const EMPTY_VERTICES = [];
 const EMPTY_SEGMENTS = [];
 function useEdgeGeometry(args) {
-    const { routing, sourceNodeId, targetNodeId, sourceHandleId, targetHandleId, sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints, autoRouted = false, enableSegments = true, hideArrowHead = false } = args;
+    const { routing, edgeId, sourceNodeId, targetNodeId, sourceHandleId, targetHandleId, sourceX, sourceY, sourcePosition, targetX, targetY, targetPosition, waypoints, autoRouted = false, enableSegments = true, hideArrowHead = false, enableLineJumps = false } = args;
     const arrowOffset = external_constants_cjs_namespaceObject.ARROW_OFFSETS[targetPosition];
     const isWaypoint = 'waypoint' === routing;
     const isHandle = 'handle' === routing;
@@ -52,8 +53,10 @@ function useEdgeGeometry(args) {
         enableSegments,
         pathPoints
     ]);
-    const waypointPath = (0, external_react_namespaceObject.useMemo)(()=>(0, external_geometry_cjs_namespaceObject.createRoundedPath)(pathPoints, external_constants_cjs_namespaceObject.EDGE_CONSTANTS.BORDER_RADIUS), [
-        pathPoints
+    const jumps = (0, external_crossings_index_cjs_namespaceObject.useEdgeLineJumps)(edgeId, pathPoints, isWaypoint && enableLineJumps);
+    const waypointPath = (0, external_react_namespaceObject.useMemo)(()=>(0, external_geometry_cjs_namespaceObject.createRoundedPath)(pathPoints, external_constants_cjs_namespaceObject.EDGE_CONSTANTS.BORDER_RADIUS, jumps), [
+        pathPoints,
+        jumps
     ]);
     const handle = (0, index_cjs_namespaceObject.useEdgePath)({
         sourceNodeId: isHandle ? sourceNodeId : '',

package/dist/canvas/components/Edges/shared/hooks/useEdgeGeometry.d.ts

@@ -2,6 +2,7 @@ import type { Position } from '../../../../xyflow/react.ts';
 import type { EdgeRouting, PathVertex, Point, Segment, Waypoint } from '../types';
 export type UseEdgeGeometryArgs = {
     routing: EdgeRouting;
+    edgeId: string;
     sourceNodeId: string;
     targetNodeId: string;
     sourceHandleId?: string | null;
@@ -16,6 +17,7 @@ export type UseEdgeGeometryArgs = {
     autoRouted?: boolean;
     enableSegments?: boolean;
     hideArrowHead?: boolean;
+    enableLineJumps?: boolean;
 };
 export type EdgeGeometry = {
     edgePath: string;

package/dist/canvas/components/Edges/shared/hooks/useEdgeGeometry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEdgeGeometry.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/hooks/useEdgeGeometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAUzE,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKlF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,WAAW,CAAC;IAErB,YAAY,EAAE,MAAM,CAAC;IAErB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;IAMzB,SAAS,EAAE,QAAQ,EAAE,CAAC;IAKtB,UAAU,CAAC,EAAE,OAAO,CAAC;IAMrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAMzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAEzB,QAAQ,EAAE,MAAM,CAAC;IAEjB,UAAU,EAAE,UAAU,EAAE,CAAC;IAEzB,QAAQ,EAAE,OAAO,EAAE,CAAC;IAEpB,UAAU,EAAE,KAAK,CAAC;IAElB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,KAAK,CAAC;KACf,CAAC;CACH,CAAC;AAUF,wBAAgB,eAAe,CAAC,IAAI,EAAE,mBAAmB,GAAG,YAAY,CAiGvE"}
+{"version":3,"file":"useEdgeGeometry.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/hooks/useEdgeGeometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAWzE,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKlF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,WAAW,CAAC;IAErB,MAAM,EAAE,MAAM,CAAC;IAEf,YAAY,EAAE,MAAM,CAAC;IAErB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;IAMzB,SAAS,EAAE,QAAQ,EAAE,CAAC;IAKtB,UAAU,CAAC,EAAE,OAAO,CAAC;IAMrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAMzB,aAAa,CAAC,EAAE,OAAO,CAAC;IAMxB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAEzB,QAAQ,EAAE,MAAM,CAAC;IAEjB,UAAU,EAAE,UAAU,EAAE,CAAC;IAEzB,QAAQ,EAAE,OAAO,EAAE,CAAC;IAEpB,UAAU,EAAE,KAAK,CAAC;IAElB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,KAAK,CAAC;KACf,CAAC;CACH,CAAC;AAUF,wBAAgB,eAAe,CAAC,IAAI,EAAE,mBAAmB,GAAG,YAAY,CAwGvE"}