@eventcatalog/visualiser 5.0.0-beta.6 → 5.0.0-beta.8

package/dist/index.js

@@ -8087,6 +8087,13 @@ var moveLabel = (label, points, moved) => {
   const [a, b] = [shift(segment), shift(segment + 1)];
   return { x: label.x + (a.x + b.x) / 2, y: label.y + (a.y + b.y) / 2 };
 };
+var getStepPath = (props) => {
+  const [path, labelX, labelY, offsetX, offsetY] = (0, import_react74.getSmoothStepPath)(props);
+  const { sourceX, targetX, targetY } = props;
+  const forwards = (props.sourcePosition ?? import_react74.Position.Bottom) === import_react74.Position.Right && (props.targetPosition ?? import_react74.Position.Top) === import_react74.Position.Left && targetX > sourceX;
+  if (!forwards) return [path, labelX, labelY, offsetX, offsetY];
+  return [path, (labelX + targetX) / 2, targetY, offsetX, offsetY];
+};
 var getMoved = (state, nodeId, at) => {
   const position = state.nodeLookup.get(nodeId)?.internals.positionAbsolute;
   return position && { x: position.x - at.x, y: position.y - at.y };
@@ -8189,7 +8196,7 @@ var AnimatedMessageEdge = (0, import_react75.memo)(
         sourceHandleId,
         targetHandleId
       },
-      (0, import_react76.getSmoothStepPath)({
+      getStepPath({
         sourceX,
         sourceY,
         sourcePosition,
@@ -8523,7 +8530,7 @@ function LabelledEdge({
       sourceHandleId,
       targetHandleId
     },
-    pathType === "bezier" ? (0, import_react81.getBezierPath)(pathProps) : (0, import_react81.getSmoothStepPath)({
+    pathType === "bezier" ? (0, import_react81.getBezierPath)(pathProps) : getStepPath({
       ...pathProps,
       ...pathType === "step" ? { borderRadius: 0 } : {}
     })