@uipath/apollo-react 4.45.0 → 4.46.0

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

@@ -0,0 +1,158 @@
+import { snapToGrid } from "../../../utils/NodeUtils.js";
+import { EDGE_CONSTANTS } from "./constants.js";
+import { consolidateWaypoints, isHorizontalPosition, snapPointToGrid } from "./geometry.js";
+function materializePathWaypoints(vertices, stored) {
+    return vertices.slice(1, -1).map((vertex)=>{
+        const existing = vertex.waypointIndex >= 0 ? stored[vertex.waypointIndex] : void 0;
+        return existing ?? {
+            id: generateWaypointId(),
+            x: vertex.x,
+            y: vertex.y
+        };
+    });
+}
+function generateWaypointId() {
+    return `wp-${crypto.randomUUID()}`;
+}
+function waypointsEqual(a, b) {
+    if (a === b) return true;
+    if (a.length !== b.length) return false;
+    for(let i = 0; i < a.length; i++){
+        const wa = a[i];
+        const wb = b[i];
+        if (wa.x !== wb.x || wa.y !== wb.y || wa.id !== wb.id) return false;
+    }
+    return true;
+}
+function waypointsPositionallyEqual(a, b) {
+    if (a === b) return true;
+    if (a.length !== b.length) return false;
+    for(let i = 0; i < a.length; i++)if (a[i].x !== b[i].x || a[i].y !== b[i].y) return false;
+    return true;
+}
+function insertWaypoint(vertices, stored, segmentIndex, position) {
+    const newWaypoint = {
+        id: generateWaypointId(),
+        ...snapPointToGrid(position)
+    };
+    const materialized = materializePathWaypoints(vertices, stored);
+    materialized.splice(Math.max(0, segmentIndex), 0, newWaypoint);
+    return materialized;
+}
+function removeWaypoint(waypoints, index) {
+    return waypoints.filter((_, i)=>i !== index);
+}
+const REBALANCE_EPSILON = 0.5;
+function rebalanceWaypoints(waypoints, source, target) {
+    if (0 === waypoints.length) return waypoints;
+    const sourceDelta = waypoints_delta(source);
+    const targetDelta = waypoints_delta(target);
+    if (isMoved(sourceDelta) && deltasEqual(sourceDelta, targetDelta)) return waypoints.map((w)=>({
+            id: w.id,
+            x: w.x + sourceDelta.x,
+            y: w.y + sourceDelta.y
+        }));
+    const next = waypoints.map((w)=>({
+            ...w
+        }));
+    if (1 === next.length) {
+        const sourceMoved = isMoved(sourceDelta);
+        const targetMoved = isMoved(targetDelta);
+        if (sourceMoved && !targetMoved) shiftAdjacentWaypoint(next[0], source);
+        else if (targetMoved && !sourceMoved) shiftAdjacentWaypoint(next[0], target);
+        return next;
+    }
+    shiftAdjacentWaypoint(next[0], source);
+    shiftAdjacentWaypoint(next[next.length - 1], target);
+    return next;
+}
+function waypoints_delta(endpoint) {
+    return {
+        x: endpoint.to.x - endpoint.from.x,
+        y: endpoint.to.y - endpoint.from.y
+    };
+}
+function isMoved(d) {
+    return Math.abs(d.x) >= REBALANCE_EPSILON || Math.abs(d.y) >= REBALANCE_EPSILON;
+}
+function deltasEqual(a, b) {
+    return Math.abs(a.x - b.x) < REBALANCE_EPSILON && Math.abs(a.y - b.y) < REBALANCE_EPSILON;
+}
+function shiftAdjacentWaypoint(waypoint, endpoint) {
+    if (isHorizontalPosition(endpoint.position)) waypoint.y += endpoint.to.y - endpoint.from.y;
+    else waypoint.x += endpoint.to.x - endpoint.from.x;
+}
+function moveWaypoint(waypoints, index, newPosition) {
+    const snapped = snapPointToGrid(newPosition);
+    return waypoints.map((wp, i)=>i === index ? {
+            ...wp,
+            ...snapped
+        } : wp);
+}
+function moveSegmentByDelta(initialWaypoints, initialSegment, delta, initialPathPoints) {
+    const moveAxis = 'horizontal' === initialSegment.orientation ? 'y' : 'x';
+    const moveValue = 'y' === moveAxis ? delta.y : delta.x;
+    const working = initialWaypoints.map((wp)=>({
+            ...wp
+        }));
+    const isConnectedToSource = initialSegment.waypointIndexBefore < 0;
+    const isConnectedToTarget = initialSegment.waypointIndexAfter >= working.length;
+    let insertedAtStart = false;
+    const stubOffset = EDGE_CONSTANTS.STUB_OFFSET;
+    const orientation = initialSegment.orientation;
+    const segmentStart = initialSegment.start;
+    const segmentEnd = initialSegment.end;
+    const pathSource = initialPathPoints[0];
+    const pathTarget = initialPathPoints[initialPathPoints.length - 1];
+    const movedCoordinate = 'horizontal' === orientation ? snapToGrid(segmentStart.y + moveValue) : snapToGrid(segmentStart.x + moveValue);
+    if (isConnectedToSource) {
+        const stubCoord = snapToGrid(('horizontal' === orientation ? segmentStart.x : segmentStart.y) + stubOffset);
+        const [anchorStub, movedStub] = makeStubPair(segmentStart, orientation, stubCoord, movedCoordinate);
+        working.unshift(anchorStub, movedStub);
+        insertedAtStart = true;
+    }
+    if (isConnectedToTarget) {
+        const stubCoord = snapToGrid(('horizontal' === orientation ? segmentEnd.x : segmentEnd.y) - stubOffset);
+        const [anchorStub, movedStub] = makeStubPair(segmentEnd, orientation, stubCoord, movedCoordinate);
+        working.push(movedStub, anchorStub);
+    }
+    const indexOffset = insertedAtStart ? 2 : 0;
+    if (!isConnectedToSource && initialSegment.waypointIndexBefore >= 0) {
+        const idx = initialSegment.waypointIndexBefore + indexOffset;
+        const wp = working[idx];
+        if (wp) wp[moveAxis] = movedCoordinate;
+    }
+    if (!isConnectedToTarget && initialSegment.waypointIndexAfter < initialWaypoints.length) {
+        const idx = initialSegment.waypointIndexAfter + indexOffset;
+        const wp = working[idx];
+        if (wp) wp[moveAxis] = movedCoordinate;
+    }
+    return consolidateWaypoints(working, pathSource, pathTarget);
+}
+function makeStubPair(anchor, orientation, stubCoord, movedCoordinate) {
+    if ('horizontal' === orientation) return [
+        {
+            id: generateWaypointId(),
+            x: stubCoord,
+            y: anchor.y
+        },
+        {
+            id: generateWaypointId(),
+            x: stubCoord,
+            y: movedCoordinate
+        }
+    ];
+    return [
+        {
+            id: generateWaypointId(),
+            x: anchor.x,
+            y: stubCoord
+        },
+        {
+            id: generateWaypointId(),
+            x: movedCoordinate,
+            y: stubCoord
+        }
+    ];
+}
+export { generateWaypointId, insertWaypoint, materializePathWaypoints, moveSegmentByDelta, moveWaypoint, rebalanceWaypoints, removeWaypoint, waypointsEqual, waypointsPositionallyEqual };

package/dist/canvas/controls/NodePropertyTrigger/NodePropertyTrigger.cjs

@@ -223,68 +223,79 @@ function NodePropertyTrigger({ label, className, showMenu = true, open, onOpenCh
                         message: 'No saved presets yet.'
                     })
                 }),
-                presets.map((preset)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
+                presets.map((preset)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.DropdownMenuItem, {
+                        "aria-label": _({
+                            id: 'canvas.property_trigger.apply_preset_with_label',
+                            message: 'Apply {label}',
+                            values: {
+                                label: preset.label
+                            }
+                        }),
+                        className: (0, apollo_wind_namespaceObject.cn)(ROW_CLASS, 'pr-1'),
+                        onSelect: ()=>onPresetApply?.(preset),
                         children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuItem, {
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                title: preset.label,
+                                className: "min-w-0 flex-1 truncate",
+                                children: preset.label
+                            }),
+                            onPresetRename && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                type: "button",
+                                title: _({
+                                    id: 'canvas.property_trigger.rename_preset_with_label',
+                                    message: 'Rename {label}',
+                                    values: {
+                                        label: preset.label
+                                    }
+                                }),
                                 "aria-label": _({
-                                    id: 'canvas.property_trigger.apply_preset_with_label',
-                                    message: 'Apply {label}',
+                                    id: 'canvas.property_trigger.rename_preset_with_label',
+                                    message: 'Rename {label}',
                                     values: {
                                         label: preset.label
                                     }
                                 }),
-                                className: ROW_CLASS,
-                                onSelect: ()=>onPresetApply?.(preset),
-                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                    className: "min-w-0 flex-1 truncate",
-                                    children: preset.label
-                                })
-                            }),
-                            onPresetRename && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.DropdownMenuItem, {
-                                className: (0, apollo_wind_namespaceObject.cn)(ROW_CLASS, 'justify-start pl-6'),
-                                onSelect: (e)=>{
+                                onClick: (e)=>{
+                                    e.stopPropagation();
                                     e.preventDefault();
                                     onPresetRename(preset);
                                 },
-                                children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
-                                        icon: "pencil",
-                                        size: 11
-                                    }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                        className: "min-w-0 flex-1 truncate",
-                                        children: _({
-                                            id: 'canvas.property_trigger.rename_preset_with_label',
-                                            message: 'Rename {label}',
-                                            values: {
-                                                label: preset.label
-                                            }
-                                        })
-                                    })
-                                ]
+                                onPointerDown: (e)=>e.stopPropagation(),
+                                onPointerUp: (e)=>e.stopPropagation(),
+                                className: "grid size-6 shrink-0 place-items-center rounded text-foreground-subtle transition hover:text-foreground",
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
+                                    icon: "pencil",
+                                    size: 11
+                                })
                             }),
-                            onPresetDelete && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.DropdownMenuItem, {
-                                className: (0, apollo_wind_namespaceObject.cn)(ROW_CLASS, 'justify-start pl-6'),
-                                onSelect: (e)=>{
+                            onPresetDelete && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                type: "button",
+                                title: _({
+                                    id: 'canvas.property_trigger.delete_preset_with_label',
+                                    message: 'Delete {label}',
+                                    values: {
+                                        label: preset.label
+                                    }
+                                }),
+                                "aria-label": _({
+                                    id: 'canvas.property_trigger.delete_preset_with_label',
+                                    message: 'Delete {label}',
+                                    values: {
+                                        label: preset.label
+                                    }
+                                }),
+                                onClick: (e)=>{
+                                    e.stopPropagation();
                                     e.preventDefault();
                                     onPresetDelete(preset.id);
                                 },
-                                children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
-                                        icon: "trash-2",
-                                        size: 11
-                                    }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                        className: "min-w-0 flex-1 truncate",
-                                        children: _({
-                                            id: 'canvas.property_trigger.delete_preset_with_label',
-                                            message: 'Delete {label}',
-                                            values: {
-                                                label: preset.label
-                                            }
-                                        })
-                                    })
-                                ]
+                                onPointerDown: (e)=>e.stopPropagation(),
+                                onPointerUp: (e)=>e.stopPropagation(),
+                                className: "grid size-6 shrink-0 place-items-center rounded text-foreground-subtle transition hover:text-foreground",
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
+                                    icon: "trash-2",
+                                    size: 11
+                                })
                             })
                         ]
                     }, preset.id)),

package/dist/canvas/controls/NodePropertyTrigger/NodePropertyTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodePropertyTrigger.d.ts","sourceRoot":"","sources":["../../../../src/canvas/controls/NodePropertyTrigger/NodePropertyTrigger.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NodePropertyTrigger.d.ts","sourceRoot":"","sources":["../../../../src/canvas/controls/NodePropertyTrigger/NodePropertyTrigger.tsx"],"names":[],"mappings":"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"}

package/dist/canvas/controls/NodePropertyTrigger/NodePropertyTrigger.js

@@ -191,68 +191,79 @@ function NodePropertyTrigger({ label, className, showMenu = true, open, onOpenCh
                         message: 'No saved presets yet.'
                     })
                 }),
-                presets.map((preset)=>/*#__PURE__*/ jsxs(external_react_Fragment, {
+                presets.map((preset)=>/*#__PURE__*/ jsxs(DropdownMenuItem, {
+                        "aria-label": _({
+                            id: 'canvas.property_trigger.apply_preset_with_label',
+                            message: 'Apply {label}',
+                            values: {
+                                label: preset.label
+                            }
+                        }),
+                        className: cn(ROW_CLASS, 'pr-1'),
+                        onSelect: ()=>onPresetApply?.(preset),
                         children: [
-                            /*#__PURE__*/ jsx(DropdownMenuItem, {
+                            /*#__PURE__*/ jsx("span", {
+                                title: preset.label,
+                                className: "min-w-0 flex-1 truncate",
+                                children: preset.label
+                            }),
+                            onPresetRename && /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                title: _({
+                                    id: 'canvas.property_trigger.rename_preset_with_label',
+                                    message: 'Rename {label}',
+                                    values: {
+                                        label: preset.label
+                                    }
+                                }),
                                 "aria-label": _({
-                                    id: 'canvas.property_trigger.apply_preset_with_label',
-                                    message: 'Apply {label}',
+                                    id: 'canvas.property_trigger.rename_preset_with_label',
+                                    message: 'Rename {label}',
                                     values: {
                                         label: preset.label
                                     }
                                 }),
-                                className: ROW_CLASS,
-                                onSelect: ()=>onPresetApply?.(preset),
-                                children: /*#__PURE__*/ jsx("span", {
-                                    className: "min-w-0 flex-1 truncate",
-                                    children: preset.label
-                                })
-                            }),
-                            onPresetRename && /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                className: cn(ROW_CLASS, 'justify-start pl-6'),
-                                onSelect: (e)=>{
+                                onClick: (e)=>{
+                                    e.stopPropagation();
                                     e.preventDefault();
                                     onPresetRename(preset);
                                 },
-                                children: [
-                                    /*#__PURE__*/ jsx(CanvasIcon, {
-                                        icon: "pencil",
-                                        size: 11
-                                    }),
-                                    /*#__PURE__*/ jsx("span", {
-                                        className: "min-w-0 flex-1 truncate",
-                                        children: _({
-                                            id: 'canvas.property_trigger.rename_preset_with_label',
-                                            message: 'Rename {label}',
-                                            values: {
-                                                label: preset.label
-                                            }
-                                        })
-                                    })
-                                ]
+                                onPointerDown: (e)=>e.stopPropagation(),
+                                onPointerUp: (e)=>e.stopPropagation(),
+                                className: "grid size-6 shrink-0 place-items-center rounded text-foreground-subtle transition hover:text-foreground",
+                                children: /*#__PURE__*/ jsx(CanvasIcon, {
+                                    icon: "pencil",
+                                    size: 11
+                                })
                             }),
-                            onPresetDelete && /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                className: cn(ROW_CLASS, 'justify-start pl-6'),
-                                onSelect: (e)=>{
+                            onPresetDelete && /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                title: _({
+                                    id: 'canvas.property_trigger.delete_preset_with_label',
+                                    message: 'Delete {label}',
+                                    values: {
+                                        label: preset.label
+                                    }
+                                }),
+                                "aria-label": _({
+                                    id: 'canvas.property_trigger.delete_preset_with_label',
+                                    message: 'Delete {label}',
+                                    values: {
+                                        label: preset.label
+                                    }
+                                }),
+                                onClick: (e)=>{
+                                    e.stopPropagation();
                                     e.preventDefault();
                                     onPresetDelete(preset.id);
                                 },
-                                children: [
-                                    /*#__PURE__*/ jsx(CanvasIcon, {
-                                        icon: "trash-2",
-                                        size: 11
-                                    }),
-                                    /*#__PURE__*/ jsx("span", {
-                                        className: "min-w-0 flex-1 truncate",
-                                        children: _({
-                                            id: 'canvas.property_trigger.delete_preset_with_label',
-                                            message: 'Delete {label}',
-                                            values: {
-                                                label: preset.label
-                                            }
-                                        })
-                                    })
-                                ]
+                                onPointerDown: (e)=>e.stopPropagation(),
+                                onPointerUp: (e)=>e.stopPropagation(),
+                                className: "grid size-6 shrink-0 place-items-center rounded text-foreground-subtle transition hover:text-foreground",
+                                children: /*#__PURE__*/ jsx(CanvasIcon, {
+                                    icon: "trash-2",
+                                    size: 11
+                                })
                             })
                         ]
                     }, preset.id)),

package/dist/canvas/hooks/useEdgePath.cjs

@@ -28,32 +28,16 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const react_cjs_namespaceObject = require("../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
+const constants_cjs_namespaceObject = require("../components/Edges/shared/constants.cjs");
 const external_constants_cjs_namespaceObject = require("../constants.cjs");
+const NodeUtils_cjs_namespaceObject = require("../utils/NodeUtils.cjs");
 const LOOP_HEIGHT = 6 * external_constants_cjs_namespaceObject.GRID_SPACING;
 const LOOP_SUCCESS_HEIGHT = 7 * external_constants_cjs_namespaceObject.GRID_SPACING;
 const LOOP_RIGHT_EXTENSION = 3 * external_constants_cjs_namespaceObject.GRID_SPACING;
 const LOOP_SUCCESS_RIGHT_EXTENSION = 4 * external_constants_cjs_namespaceObject.GRID_SPACING;
 const LOOP_LEFT_EXTENSION = 2 * external_constants_cjs_namespaceObject.GRID_SPACING;
 const LOOP_CORNER_RADIUS = external_constants_cjs_namespaceObject.GRID_SPACING;
-const SOURCE_OFFSETS = {
-    [react_cjs_namespaceObject.Position.Left]: {
-        x: 8,
-        y: 0
-    },
-    [react_cjs_namespaceObject.Position.Right]: {
-        x: -8,
-        y: 0
-    },
-    [react_cjs_namespaceObject.Position.Top]: {
-        x: 0,
-        y: 8
-    },
-    [react_cjs_namespaceObject.Position.Bottom]: {
-        x: 0,
-        y: -8
-    }
-};
-const snapToGrid = (value)=>Math.round(value / external_constants_cjs_namespaceObject.GRID_SPACING) * external_constants_cjs_namespaceObject.GRID_SPACING;
+const SOURCE_OFFSETS = constants_cjs_namespaceObject.ARROW_OFFSETS;
 const createLoopPath = ({ sourceX, sourceY, sourcePosition, targetX, targetY, sourceHandleId })=>{
     const offsets = SOURCE_OFFSETS[sourcePosition];
     const sourceOffsetX = sourceX + offsets.x;
@@ -61,8 +45,8 @@ const createLoopPath = ({ sourceX, sourceY, sourcePosition, targetX, targetY, so
     const loopHeight = 'success' === sourceHandleId ? LOOP_SUCCESS_HEIGHT : LOOP_HEIGHT;
     const bottomY = Math.max(sourceOffsetY, targetY) + loopHeight;
     const rightExtension = 'success' === sourceHandleId ? LOOP_SUCCESS_RIGHT_EXTENSION : LOOP_RIGHT_EXTENSION;
-    const rightPoint = snapToGrid(sourceX + rightExtension);
-    const leftPoint = snapToGrid(targetX - LOOP_LEFT_EXTENSION);
+    const rightPoint = (0, NodeUtils_cjs_namespaceObject.snapToGrid)(sourceX + rightExtension);
+    const leftPoint = (0, NodeUtils_cjs_namespaceObject.snapToGrid)(targetX - LOOP_LEFT_EXTENSION);
     const path = `
     M ${sourceOffsetX} ${sourceOffsetY}
     L ${rightPoint - LOOP_CORNER_RADIUS} ${sourceOffsetY}
@@ -116,7 +100,7 @@ function useEdgePath({ sourceNodeId, sourceHandleId, sourceX, sourceY, sourcePos
                 targetX,
                 targetY,
                 targetPosition,
-                borderRadius: 16
+                borderRadius: constants_cjs_namespaceObject.EDGE_CONSTANTS.BORDER_RADIUS
             });
         }
         return {

package/dist/canvas/hooks/useEdgePath.d.ts

@@ -1,4 +1,4 @@
-import { Position } from '../xyflow/react.ts';
+import { type Position } from '../xyflow/react.ts';
 export interface EdgePathParams {
     sourceNodeId: string;
     sourceHandleId: string | null | undefined;

package/dist/canvas/hooks/useEdgePath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEdgePath.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useEdgePath.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAgEvF,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;CACrB;AAoBD,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,cAAc,EACd,OAAO,EACP,OAAO,EACP,cAAc,EACd,YAAY,EACZ,cAAc,EACd,OAAO,EACP,OAAO,EACP,cAAc,GACf,EAAE,cAAc,GAAG,aAAa,CAkEhC"}
+{"version":3,"file":"useEdgePath.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useEdgePath.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAyD5F,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;CACrB;AAoBD,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,cAAc,EACd,OAAO,EACP,OAAO,EACP,cAAc,EACd,YAAY,EACZ,cAAc,EACd,OAAO,EACP,OAAO,EACP,cAAc,GACf,EAAE,cAAc,GAAG,aAAa,CAkEhC"}

package/dist/canvas/hooks/useEdgePath.js

@@ -1,31 +1,15 @@
-import { Position, getSmoothStepPath } from "../xyflow/react.js";
+import { getSmoothStepPath } from "../xyflow/react.js";
 import { useMemo } from "react";
+import { ARROW_OFFSETS, EDGE_CONSTANTS } from "../components/Edges/shared/constants.js";
 import { GRID_SPACING } from "../constants.js";
+import { snapToGrid } from "../utils/NodeUtils.js";
 const LOOP_HEIGHT = 6 * GRID_SPACING;
 const LOOP_SUCCESS_HEIGHT = 7 * GRID_SPACING;
 const LOOP_RIGHT_EXTENSION = 3 * GRID_SPACING;
 const LOOP_SUCCESS_RIGHT_EXTENSION = 4 * GRID_SPACING;
 const LOOP_LEFT_EXTENSION = 2 * GRID_SPACING;
 const LOOP_CORNER_RADIUS = GRID_SPACING;
-const SOURCE_OFFSETS = {
-    [Position.Left]: {
-        x: 8,
-        y: 0
-    },
-    [Position.Right]: {
-        x: -8,
-        y: 0
-    },
-    [Position.Top]: {
-        x: 0,
-        y: 8
-    },
-    [Position.Bottom]: {
-        x: 0,
-        y: -8
-    }
-};
-const snapToGrid = (value)=>Math.round(value / GRID_SPACING) * GRID_SPACING;
+const SOURCE_OFFSETS = ARROW_OFFSETS;
 const createLoopPath = ({ sourceX, sourceY, sourcePosition, targetX, targetY, sourceHandleId })=>{
     const offsets = SOURCE_OFFSETS[sourcePosition];
     const sourceOffsetX = sourceX + offsets.x;
@@ -88,7 +72,7 @@ function useEdgePath({ sourceNodeId, sourceHandleId, sourceX, sourceY, sourcePos
                 targetX,
                 targetY,
                 targetPosition,
-                borderRadius: 16
+                borderRadius: EDGE_CONSTANTS.BORDER_RADIUS
             });
         }
         return {