npm - @uipath/apollo-react - Versions diffs - 4.27.0 → 4.29.0 - Mend

@uipath/apollo-react 4.27.0 → 4.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/dist/canvas/components/AddNodePanel/AddNodeManager.helpers.cjs CHANGED Viewed

@@ -160,7 +160,7 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, layout, ignor
             ignoredNodeTypes,
             getNodeDimensions
         });
-        const resolvedNodes = (0, container_cjs_namespaceObject.placeContainerNode)({
+        const placedNodes = (0, container_cjs_namespaceObject.placeContainerNode)({
             nodes,
             insertedNode,
             placement,
@@ -170,10 +170,28 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, layout, ignor
             getContainerFitGeometry,
             ignoredNodeTypes
         });
-        return {
-            nodes: resolvedNodes,
-            insertedNode: resolvedNodes.find((node)=>node.id === insertedNode.id)
-        };
+        const placedInsertedNode = placedNodes.find((node)=>node.id === insertedNode.id);
+        const resolved = resolveScopedCollisions(placedNodes, placedInsertedNode, {
+            ignoredNodeTypes,
+            getNodeDimensions
+        });
+        if (resolved.insertedNode.parentId) {
+            const refitted = (0, container_cjs_namespaceObject.fitContainersAndPushSiblings)({
+                nodes: resolved.nodes,
+                containerIds: [
+                    resolved.insertedNode.parentId
+                ],
+                getContainerFitGeometry,
+                getNodeDimensions,
+                ignoredNodeTypes,
+                gap: container_cjs_namespaceObject.CONTAINER_SEQUENCE_GAP_PX
+            });
+            return {
+                nodes: refitted,
+                insertedNode: refitted.find((node)=>node.id === resolved.insertedNode.id) ?? resolved.insertedNode
+            };
+        }
+        return resolved;
     }
     const shifted = shiftForEdgeInsertion({
         nodes,

package/dist/canvas/components/AddNodePanel/AddNodeManager.helpers.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddNodeManager.helpers.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodeManager.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAG3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAsBjD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,IAAI,CAAC;CACpB;AAMD,wBAAgB,eAAe,CAAC,WAAW,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAEjF;AAsBD,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,IAAI,EACjB,kBAAkB,EAAE,yBAAyB,EAAE,EAC/C,YAAY,EAAE,YAAY,GAAG,SAAS,GACrC,IAAI,CA2DN;AAkID,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,MAAM,EACN,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,EAAE,IAAI,CAAC;IACnB,MAAM,EAAE,UAAU,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B,GAAG,sBAAsB,~~CA0EzB~~"}
1	+ {"version":3,"file":"AddNodeManager.helpers.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodeManager.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAG3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAsBjD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,IAAI,CAAC;CACpB;AAMD,wBAAgB,eAAe,CAAC,WAAW,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAEjF;AAsBD,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,IAAI,EACjB,kBAAkB,EAAE,yBAAyB,EAAE,EAC/C,YAAY,EAAE,YAAY,GAAG,SAAS,GACrC,IAAI,CA2DN;AAkID,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,MAAM,EACN,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,EAAE,IAAI,CAAC;IACnB,MAAM,EAAE,UAAU,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B,GAAG,sBAAsB,CAiGzB"}

package/dist/canvas/components/AddNodePanel/AddNodeManager.helpers.js CHANGED Viewed

@@ -130,7 +130,7 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, layout, ignor
             ignoredNodeTypes,
             getNodeDimensions
         });
-        const resolvedNodes = placeContainerNode({
+        const placedNodes = placeContainerNode({
             nodes,
             insertedNode,
             placement,
@@ -140,10 +140,28 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, layout, ignor
             getContainerFitGeometry,
             ignoredNodeTypes
         });
-        return {
-            nodes: resolvedNodes,
-            insertedNode: resolvedNodes.find((node)=>node.id === insertedNode.id)
-        };
+        const placedInsertedNode = placedNodes.find((node)=>node.id === insertedNode.id);
+        const resolved = resolveScopedCollisions(placedNodes, placedInsertedNode, {
+            ignoredNodeTypes,
+            getNodeDimensions
+        });
+        if (resolved.insertedNode.parentId) {
+            const refitted = fitContainersAndPushSiblings({
+                nodes: resolved.nodes,
+                containerIds: [
+                    resolved.insertedNode.parentId
+                ],
+                getContainerFitGeometry,
+                getNodeDimensions,
+                ignoredNodeTypes,
+                gap: CONTAINER_SEQUENCE_GAP_PX
+            });
+            return {
+                nodes: refitted,
+                insertedNode: refitted.find((node)=>node.id === resolved.insertedNode.id) ?? resolved.insertedNode
+            };
+        }
+        return resolved;
     }
     const shifted = shiftForEdgeInsertion({
         nodes,

package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.cjs CHANGED Viewed

@@ -48,7 +48,7 @@ const calculateGridAlignedHandlePositions = (nodeSize, numHandles, gridSize = ex
     if (0 === numHandles) return [];
     if (nodeSize <= 0) return [];
     if (1 === numHandles) return [
-        nodeSize / 2
+        snapToGrid(nodeSize / 2, gridSize)
     ];
     const idealSpacing = nodeSize / (numHandles + 1);
     if (nodeSize % gridSize !== 0) {

package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonHandleStyleUtils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandleStyleUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAEpE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAgB/F,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAQ9C,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,EAAE,WAAU,MAAqB,KAAG,MAE3E,CAAC;AAmBF,eAAO,MAAM,mCAAmC,GAC9C,UAAU,MAAM,EAChB,YAAY,MAAM,EAClB,WAAU,MAAqB,KAC9B,MAAM,~~EAyCR~~,CAAC;AAQF,eAAO,MAAM,cAAc,GAAI,eAAe,MAAM,EAAE,UAAU,MAAM,KAAG,MAGxE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,wCAIxC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,KAAG,MAQH,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,yCAIzC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KAAG,MAQH,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,uEAMlC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KAAG,MAyBH,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,uEAMrC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KAAG,MAsBH,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,sEAMnC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,KAAG,MAyBH,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,sEAMpC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,KAAG,MAsBH,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,yCAGhC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;CAChE,KAAG,MAgBH,CAAC"}
1	+ {"version":3,"file":"ButtonHandleStyleUtils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandleStyleUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAEpE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAgB/F,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAQ9C,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,EAAE,WAAU,MAAqB,KAAG,MAE3E,CAAC;AAmBF,eAAO,MAAM,mCAAmC,GAC9C,UAAU,MAAM,EAChB,YAAY,MAAM,EAClB,WAAU,MAAqB,KAC9B,MAAM,EA6CR,CAAC;AAQF,eAAO,MAAM,cAAc,GAAI,eAAe,MAAM,EAAE,UAAU,MAAM,KAAG,MAGxE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,wCAIxC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,KAAG,MAQH,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,yCAIzC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KAAG,MAQH,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,uEAMlC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KAAG,MAyBH,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,uEAMrC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KAAG,MAsBH,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,sEAMnC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,KAAG,MAyBH,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,sEAMpC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,KAAG,MAsBH,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,yCAGhC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;CAChE,KAAG,MAgBH,CAAC"}

package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.js CHANGED Viewed

@@ -9,7 +9,7 @@ const calculateGridAlignedHandlePositions = (nodeSize, numHandles, gridSize = GR
     if (0 === numHandles) return [];
     if (nodeSize <= 0) return [];
     if (1 === numHandles) return [
-        nodeSize / 2
+        snapToGrid(nodeSize / 2, gridSize)
     ];
     const idealSpacing = nodeSize / (numHandles + 1);
     if (nodeSize % gridSize !== 0) {

package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.cjs CHANGED Viewed

@@ -116,64 +116,74 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
         coordinateGetter: sortable_namespaceObject.sortableKeyboardCoordinates
     }));
     if (0 === sequentialTaskGroups.length) return null;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.DndContext, {
-        collisionDetection: core_namespaceObject.closestCenter,
-        sensors: sensors,
-        onDragStart: handleDragStart,
-        onDragMove: handleDragMove,
-        onDragOver: handleDragOver,
-        onDragEnd: handleDragEnd,
-        onDragCancel: handleDragCancel,
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageAdditionalTasksSection, {
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(sortable_namespaceObject.SortableContext, {
-                items: sequentialTaskIds,
-                strategy: sortable_namespaceObject.verticalListSortingStrategy,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTaskList, {
-                    className: "nodrag nopan",
-                    children: sequentialTaskGroups.map((taskGroup, groupIndex)=>{
-                        const isParallel = taskGroup.length > 1;
-                        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                            gap: apollo_core_namespaceObject.Spacing.SpacingS,
-                            children: [
-                                isParallel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageParallelBracket, {}),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageTaskGroupContainer, {
-                                    isParallel: isParallel,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageAdditionalTasksHeaderSection, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: "text-xs font-bold text-foreground-muted",
+                    children: labels.sequentialTasks
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.DndContext, {
+                collisionDetection: core_namespaceObject.closestCenter,
+                sensors: sensors,
+                onDragStart: handleDragStart,
+                onDragMove: handleDragMove,
+                onDragOver: handleDragOver,
+                onDragEnd: handleDragEnd,
+                onDragCancel: handleDragCancel,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(sortable_namespaceObject.SortableContext, {
+                        items: sequentialTaskIds,
+                        strategy: sortable_namespaceObject.verticalListSortingStrategy,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTaskList, {
+                            className: "nodrag nopan",
+                            children: sequentialTaskGroups.map((taskGroup, groupIndex)=>{
+                                const isParallel = taskGroup.length > 1;
+                                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
+                                    gap: apollo_core_namespaceObject.Spacing.SpacingS,
                                     children: [
-                                        isParallel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageParallelLabel, {
-                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                className: "text-xs",
-                                                children: labels.parallel
-                                            })
-                                        }),
-                                        taskGroup.map((task, taskIndex)=>{
-                                            const taskExecution = execution?.taskStatus?.[task.id];
-                                            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DraggableTask_cjs_namespaceObject.DraggableTask, {
-                                                task: task,
-                                                taskExecution: taskExecution,
-                                                isSelected: selectedTaskId === task.id,
-                                                isParallel: isParallel,
-                                                groupIndex: groupIndex,
-                                                taskIndex: taskIndex,
-                                                onTaskClick: handleTaskClick,
-                                                projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
-                                                isDragDisabled: !onTaskReorder || isReadOnly,
-                                                isTaskLoading: loadingTaskIds?.has(task.id),
-                                                ...hasContextMenu && !isReadOnly && {
-                                                    getContextMenuItems: buildContextMenuItems
-                                                }
-                                            }, task.id);
+                                        isParallel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageParallelBracket, {}),
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageTaskGroupContainer, {
+                                            isParallel: isParallel,
+                                            children: [
+                                                isParallel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageParallelLabel, {
+                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                        className: "text-xs",
+                                                        children: labels.parallel
+                                                    })
+                                                }),
+                                                taskGroup.map((task, taskIndex)=>{
+                                                    const taskExecution = execution?.taskStatus?.[task.id];
+                                                    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DraggableTask_cjs_namespaceObject.DraggableTask, {
+                                                        task: task,
+                                                        taskExecution: taskExecution,
+                                                        isSelected: selectedTaskId === task.id,
+                                                        isParallel: isParallel,
+                                                        groupIndex: groupIndex,
+                                                        taskIndex: taskIndex,
+                                                        onTaskClick: handleTaskClick,
+                                                        projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
+                                                        isDragDisabled: !onTaskReorder || isReadOnly,
+                                                        isTaskLoading: loadingTaskIds?.has(task.id),
+                                                        ...hasContextMenu && !isReadOnly && {
+                                                            getContextMenuItems: buildContextMenuItems
+                                                        }
+                                                    }, task.id);
+                                                })
+                                            ]
                                         })
                                     ]
-                                })
-                            ]
-                        }, `group-${groupIndex}`);
+                                }, `group-${groupIndex}`);
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageTaskDragOverlay_cjs_namespaceObject.StageTaskDragOverlay, {
+                        activeTask: activeSequentialTask?.task,
+                        isActiveTaskParallel: isActiveTaskParallel,
+                        taskWidthStyle: taskWidthStyle
                     })
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageTaskDragOverlay_cjs_namespaceObject.StageTaskDragOverlay, {
-                activeTask: activeSequentialTask?.task,
-                isActiveTaskParallel: isActiveTaskParallel,
-                taskWidthStyle: taskWidthStyle
+                ]
             })
         ]
     });

package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StageNodeSequentialTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeSequentialTaskGroups.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,aAAa,EAAwB,MAAM,OAAO,CAAC;AAMjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;~~AASvD~~,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKvF,eAAO,MAAM,6BAA6B,GAAI,4MAY3C;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,oBAAoB,EAAE,aAAa,EAAE,EAAE,CAAC;IACxC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,QAAQ,EAAE,aAAa,EAAE,EAAE,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,4BAA4B,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC;IACpE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;CAC/B,~~mDAoLA~~,CAAC"}
1	+ {"version":3,"file":"StageNodeSequentialTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeSequentialTaskGroups.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,aAAa,EAAwB,MAAM,OAAO,CAAC;AAMjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAWvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKvF,eAAO,MAAM,6BAA6B,GAAI,4MAY3C;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,oBAAoB,EAAE,aAAa,EAAE,EAAE,CAAC;IACxC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,QAAQ,EAAE,aAAa,EAAE,EAAE,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,4BAA4B,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC;IACpE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;CAC/B,mDAyLA,CAAC"}

package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { useCallback, useMemo } from "react";
 import { GroupModificationType, moveGroupDown, moveGroupUp } from "../../utils/GroupModificationUtils.js";
 import { DraggableTask } from "./DraggableTask.js";
 import { useStageTaskDragHandler } from "./hooks/useStageTaskDragHandler.js";
-import { StageParallelBracket, StageParallelLabel, StageTaskGroupContainer, StageTaskList } from "./StageNode.styles.js";
+import { StageAdditionalTasksHeaderSection, StageAdditionalTasksSection, StageParallelBracket, StageParallelLabel, StageTaskGroupContainer, StageTaskList } from "./StageNode.styles.js";
 import { getContextMenuItems, getDivider } from "./StageNodeTaskUtilities.js";
 import { StageTaskDragOverlay } from "./StageTaskDragOverlay.js";
 import { useStageNodeLabels } from "./useStageNodeLabels.js";
@@ -88,64 +88,74 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
         coordinateGetter: sortableKeyboardCoordinates
     }));
     if (0 === sequentialTaskGroups.length) return null;
-    return /*#__PURE__*/ jsxs(DndContext, {
-        collisionDetection: closestCenter,
-        sensors: sensors,
-        onDragStart: handleDragStart,
-        onDragMove: handleDragMove,
-        onDragOver: handleDragOver,
-        onDragEnd: handleDragEnd,
-        onDragCancel: handleDragCancel,
+    return /*#__PURE__*/ jsxs(StageAdditionalTasksSection, {
         children: [
-            /*#__PURE__*/ jsx(SortableContext, {
-                items: sequentialTaskIds,
-                strategy: verticalListSortingStrategy,
-                children: /*#__PURE__*/ jsx(StageTaskList, {
-                    className: "nodrag nopan",
-                    children: sequentialTaskGroups.map((taskGroup, groupIndex)=>{
-                        const isParallel = taskGroup.length > 1;
-                        return /*#__PURE__*/ jsxs(Row, {
-                            gap: Spacing.SpacingS,
-                            children: [
-                                isParallel && /*#__PURE__*/ jsx(StageParallelBracket, {}),
-                                /*#__PURE__*/ jsxs(StageTaskGroupContainer, {
-                                    isParallel: isParallel,
+            /*#__PURE__*/ jsx(StageAdditionalTasksHeaderSection, {
+                children: /*#__PURE__*/ jsx("span", {
+                    className: "text-xs font-bold text-foreground-muted",
+                    children: labels.sequentialTasks
+                })
+            }),
+            /*#__PURE__*/ jsxs(DndContext, {
+                collisionDetection: closestCenter,
+                sensors: sensors,
+                onDragStart: handleDragStart,
+                onDragMove: handleDragMove,
+                onDragOver: handleDragOver,
+                onDragEnd: handleDragEnd,
+                onDragCancel: handleDragCancel,
+                children: [
+                    /*#__PURE__*/ jsx(SortableContext, {
+                        items: sequentialTaskIds,
+                        strategy: verticalListSortingStrategy,
+                        children: /*#__PURE__*/ jsx(StageTaskList, {
+                            className: "nodrag nopan",
+                            children: sequentialTaskGroups.map((taskGroup, groupIndex)=>{
+                                const isParallel = taskGroup.length > 1;
+                                return /*#__PURE__*/ jsxs(Row, {
+                                    gap: Spacing.SpacingS,
                                     children: [
-                                        isParallel && /*#__PURE__*/ jsx(StageParallelLabel, {
-                                            children: /*#__PURE__*/ jsx("span", {
-                                                className: "text-xs",
-                                                children: labels.parallel
-                                            })
-                                        }),
-                                        taskGroup.map((task, taskIndex)=>{
-                                            const taskExecution = execution?.taskStatus?.[task.id];
-                                            return /*#__PURE__*/ jsx(DraggableTask, {
-                                                task: task,
-                                                taskExecution: taskExecution,
-                                                isSelected: selectedTaskId === task.id,
-                                                isParallel: isParallel,
-                                                groupIndex: groupIndex,
-                                                taskIndex: taskIndex,
-                                                onTaskClick: handleTaskClick,
-                                                projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
-                                                isDragDisabled: !onTaskReorder || isReadOnly,
-                                                isTaskLoading: loadingTaskIds?.has(task.id),
-                                                ...hasContextMenu && !isReadOnly && {
-                                                    getContextMenuItems: buildContextMenuItems
-                                                }
-                                            }, task.id);
+                                        isParallel && /*#__PURE__*/ jsx(StageParallelBracket, {}),
+                                        /*#__PURE__*/ jsxs(StageTaskGroupContainer, {
+                                            isParallel: isParallel,
+                                            children: [
+                                                isParallel && /*#__PURE__*/ jsx(StageParallelLabel, {
+                                                    children: /*#__PURE__*/ jsx("span", {
+                                                        className: "text-xs",
+                                                        children: labels.parallel
+                                                    })
+                                                }),
+                                                taskGroup.map((task, taskIndex)=>{
+                                                    const taskExecution = execution?.taskStatus?.[task.id];
+                                                    return /*#__PURE__*/ jsx(DraggableTask, {
+                                                        task: task,
+                                                        taskExecution: taskExecution,
+                                                        isSelected: selectedTaskId === task.id,
+                                                        isParallel: isParallel,
+                                                        groupIndex: groupIndex,
+                                                        taskIndex: taskIndex,
+                                                        onTaskClick: handleTaskClick,
+                                                        projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
+                                                        isDragDisabled: !onTaskReorder || isReadOnly,
+                                                        isTaskLoading: loadingTaskIds?.has(task.id),
+                                                        ...hasContextMenu && !isReadOnly && {
+                                                            getContextMenuItems: buildContextMenuItems
+                                                        }
+                                                    }, task.id);
+                                                })
+                                            ]
                                         })
                                     ]
-                                })
-                            ]
-                        }, `group-${groupIndex}`);
+                                }, `group-${groupIndex}`);
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(StageTaskDragOverlay, {
+                        activeTask: activeSequentialTask?.task,
+                        isActiveTaskParallel: isActiveTaskParallel,
+                        taskWidthStyle: taskWidthStyle
                     })
-                })
-            }),
-            /*#__PURE__*/ jsx(StageTaskDragOverlay, {
-                activeTask: activeSequentialTask?.task,
-                isActiveTaskParallel: isActiveTaskParallel,
-                taskWidthStyle: taskWidthStyle
+                ]
             })
         ]
     });

package/dist/canvas/components/StageNode/useStageNodeLabels.cjs CHANGED Viewed

@@ -59,6 +59,10 @@ function useStageNodeLabels() {
                 id: 'stage-node.event-driven-tasks',
                 message: 'Event-driven tasks'
             }),
+            sequentialTasks: _({
+                id: 'stage-node.sequential-tasks',
+                message: 'Sequential tasks'
+            }),
             parallel: _({
                 id: 'stage-node.parallel',
                 message: 'Parallel'

package/dist/canvas/components/StageNode/useStageNodeLabels.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ export interface StageNodeLabels {
     deleteTask: string;
     adhocTasks: string;
     eventDrivenTasks: string;
+    sequentialTasks: string;
     parallel: string;
     untitledStage: string;
     contextMenu: StageContextMenuLabels;

package/dist/canvas/components/StageNode/useStageNodeLabels.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useStageNodeLabels.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/useStageNodeLabels.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,sBAAsB,CAAC;CACrC;AAED,wBAAgB,kBAAkB,IAAI,eAAe,~~CAqDpD~~"}
1	+ {"version":3,"file":"useStageNodeLabels.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/useStageNodeLabels.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,sBAAsB,CAAC;CACrC;AAED,wBAAgB,kBAAkB,IAAI,eAAe,CAsDpD"}

package/dist/canvas/components/StageNode/useStageNodeLabels.js CHANGED Viewed

@@ -31,6 +31,10 @@ function useStageNodeLabels() {
                 id: 'stage-node.event-driven-tasks',
                 message: 'Event-driven tasks'
             }),
+            sequentialTasks: _({
+                id: 'stage-node.sequential-tasks',
+                message: 'Sequential tasks'
+            }),
             parallel: _({
                 id: 'stage-node.parallel',
                 message: 'Parallel'

package/dist/canvas/utils/NodeUtils.cjs CHANGED Viewed

@@ -57,7 +57,12 @@ function getNonOverlappingPositionForDirection(nodes, newNodePosition, newNodeSt
     x: 'right',
     y: 'down'
 }) {
-    const isOverlapping = nodes.some((node)=>node.id !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID && !ignoredNodeTypes.includes(node.type ?? '') && node.position.x < newNodePosition.x + newNodeStyle.width && node.position.x + (node.measured?.width ?? 0) > newNodePosition.x && node.position.y < newNodePosition.y + newNodeStyle.height && node.position.y + (node.measured?.height ?? 0) > newNodePosition.y);
+    const isOverlapping = nodes.some((node)=>{
+        if (node.id === external_constants_cjs_namespaceObject.PREVIEW_NODE_ID || ignoredNodeTypes.includes(node.type ?? '')) return false;
+        const nodeWidth = node.measured?.width ?? node.width ?? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE;
+        const nodeHeight = node.measured?.height ?? node.height ?? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE;
+        return node.position.x < newNodePosition.x + newNodeStyle.width && node.position.x + nodeWidth > newNodePosition.x && node.position.y < newNodePosition.y + newNodeStyle.height && node.position.y + nodeHeight > newNodePosition.y;
+    });
     if (isOverlapping) {
         if ('left' === direction || 'right' === direction) newNodePosition.y += 'down' === overflowDirection.y ? offset : -offset;
         else newNodePosition.x += 'right' === overflowDirection.x ? offset : -offset;

package/dist/canvas/utils/NodeUtils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NodeUtils.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/NodeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,MAAM,EACX,KAAK,YAAY,EACjB,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,0CAA0C,CAAC;AAQlD,eAAO,MAAM,kBAAkB,GAAI,OAAO,cAAc,YAAkC,CAAC;AAS3F,eAAO,MAAM,mBAAmB,GAAI,MAAM,IAAI,EAAE,OAAO,IAAI,EAAE,KAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAWrF,CAAC;AAeF,wBAAgB,qCAAqC,CACnD,KAAK,EAAE,IAAI,EAAE,EACb,eAAe,EAAE,UAAU,EAC3B,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAC/C,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,EAC9C,MAAM,SAAmB,EACzB,gBAAgB,GAAE,MAAM,EAAO,EAC/B,iBAAiB,GAAE;IAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAA8B,GACvF,UAAU,~~CAgCZ~~;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,MAE1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,MAE5C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAE9C,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAE/D,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE5B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACvE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,CAAC,EAAE,yBAAyB,KAAK,IAAI,EAAE,CAAC;AAyChG,eAAO,MAAM,iBAAiB,EAAE,kBA8E/B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AASF,MAAM,MAAM,sBAAsB,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAEzF,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC;AAMD,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,QAAQ,EACxB,OAAO,CAAC,EAAE,2BAA2B,GACpC,aAAa,GAAG,SAAS,CAkB3B;AAoCD,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,GAAG,IAAI,CAQf"}
1	+ {"version":3,"file":"NodeUtils.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/NodeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,MAAM,EACX,KAAK,YAAY,EACjB,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,0CAA0C,CAAC;AAQlD,eAAO,MAAM,kBAAkB,GAAI,OAAO,cAAc,YAAkC,CAAC;AAS3F,eAAO,MAAM,mBAAmB,GAAI,MAAM,IAAI,EAAE,OAAO,IAAI,EAAE,KAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAWrF,CAAC;AAeF,wBAAgB,qCAAqC,CACnD,KAAK,EAAE,IAAI,EAAE,EACb,eAAe,EAAE,UAAU,EAC3B,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAC/C,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,EAC9C,MAAM,SAAmB,EACzB,gBAAgB,GAAE,MAAM,EAAO,EAC/B,iBAAiB,GAAE;IAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAA8B,GACvF,UAAU,CAsCZ;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,MAE1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,MAE5C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAE9C,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAE/D,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE5B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACvE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,CAAC,EAAE,yBAAyB,KAAK,IAAI,EAAE,CAAC;AAyChG,eAAO,MAAM,iBAAiB,EAAE,kBA8E/B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AASF,MAAM,MAAM,sBAAsB,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAEzF,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC;AAMD,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,QAAQ,EACxB,OAAO,CAAC,EAAE,2BAA2B,GACpC,aAAa,GAAG,SAAS,CAkB3B;AAoCD,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,GAAG,IAAI,CAQf"}

package/dist/canvas/utils/NodeUtils.js CHANGED Viewed

@@ -20,7 +20,12 @@ function getNonOverlappingPositionForDirection(nodes, newNodePosition, newNodeSt
     x: 'right',
     y: 'down'
 }) {
-    const isOverlapping = nodes.some((node)=>node.id !== PREVIEW_NODE_ID && !ignoredNodeTypes.includes(node.type ?? '') && node.position.x < newNodePosition.x + newNodeStyle.width && node.position.x + (node.measured?.width ?? 0) > newNodePosition.x && node.position.y < newNodePosition.y + newNodeStyle.height && node.position.y + (node.measured?.height ?? 0) > newNodePosition.y);
+    const isOverlapping = nodes.some((node)=>{
+        if (node.id === PREVIEW_NODE_ID || ignoredNodeTypes.includes(node.type ?? '')) return false;
+        const nodeWidth = node.measured?.width ?? node.width ?? DEFAULT_NODE_SIZE;
+        const nodeHeight = node.measured?.height ?? node.height ?? DEFAULT_NODE_SIZE;
+        return node.position.x < newNodePosition.x + newNodeStyle.width && node.position.x + nodeWidth > newNodePosition.x && node.position.y < newNodePosition.y + newNodeStyle.height && node.position.y + nodeHeight > newNodePosition.y;
+    });
     if (isOverlapping) {
         if ('left' === direction || 'right' === direction) newNodePosition.y += 'down' === overflowDirection.y ? offset : -offset;
         else newNodePosition.x += 'right' === overflowDirection.x ? offset : -offset;

package/dist/canvas/utils/container.cjs CHANGED Viewed

@@ -101,8 +101,8 @@ function container_getContainerFitGeometry() {
         height: DEFAULT_CONTAINER_HEIGHT
     }).padding;
     return {
-        minWidth: DEFAULT_CONTAINER_MIN_WIDTH,
-        minHeight: DEFAULT_CONTAINER_MIN_HEIGHT,
+        minWidth: DEFAULT_CONTAINER_WIDTH,
+        minHeight: DEFAULT_CONTAINER_HEIGHT,
         padding
     };
 }
@@ -237,7 +237,17 @@ function ensureContainersFitChildren(nodes, { containerIds, getContainerFitGeome
         if (nextSize.width === currentSize.width && nextSize.height === currentSize.height && 0 === leadingShiftX && 0 === leadingShiftY) continue;
         const shouldShiftChildren = 0 !== leadingShiftX || 0 !== leadingShiftY;
         nextNodes = nextNodes.map((node)=>{
-            if (node.id === containerId) return withNodeDimensions(node, nextSize);
+            if (node.id === containerId) {
+                const resized = withNodeDimensions(node, nextSize);
+                if (!shouldShiftChildren) return resized;
+                return {
+                    ...resized,
+                    position: {
+                        x: (node.position?.x ?? 0) - leadingShiftX,
+                        y: (node.position?.y ?? 0) - leadingShiftY
+                    }
+                };
+            }
             if (shouldShiftChildren && childIdsToShift.has(node.id)) return {
                 ...node,
                 position: {
@@ -248,10 +258,15 @@ function ensureContainersFitChildren(nodes, { containerIds, getContainerFitGeome
             return node;
         });
         nodesById.set(containerId, nextNodes.find((node)=>node.id === containerId));
-        if (nextSize.width !== currentSize.width || nextSize.height !== currentSize.height) changes.push({
+        const sizeChanged = nextSize.width !== currentSize.width || nextSize.height !== currentSize.height;
+        if (sizeChanged || shouldShiftChildren) changes.push({
             containerId,
             previousSize: currentSize,
-            nextSize
+            nextSize,
+            positionDelta: shouldShiftChildren ? {
+                x: -leadingShiftX,
+                y: -leadingShiftY
+            } : void 0
         });
     }
     return {
@@ -270,10 +285,6 @@ function clampTopLeftToSafeArea(position, safeArea, nodeSize) {
         y: (0, external_NodeUtils_cjs_namespaceObject.clamp)(position.y, safeArea.y, maxY)
     };
 }
-function clampTopToSafeArea(top, safeArea, nodeSize) {
-    const maxY = safeArea.y + Math.max(0, safeArea.height - nodeSize.height);
-    return (0, external_NodeUtils_cjs_namespaceObject.clamp)(top, safeArea.y, maxY);
-}
 function rangesOverlap(startA, endA, startB, endB) {
     return startA < endB && endA > startB;
 }
@@ -458,32 +469,18 @@ function resolveAppendPreview({ source, sourceHandleType, reactFlowInstance, ...
         reactFlowInstance
     });
     if (!continuationTarget) return null;
-    const targetNode = continuationTarget.nodeId === containerNode.id ? containerNode : reactFlowInstance.getNode(continuationTarget.nodeId);
-    const containerPlacement = getPreviewPlacement({
-        sourceNode,
-        targetNode,
-        containerNode,
-        nodes,
-        safeArea: options.getContainerSafeArea?.(containerNode),
-        previewNodeSize: options.previewNodeSize,
-        gap: options.gap,
-        avoidSiblings: options.avoidSiblings ?? true,
-        getNodeDimensions: options.getNodeDimensions
-    });
     const placement = {
-        containerId: containerPlacement.containerId,
+        containerId: containerNode.id,
         sourceNodeId: sourceNode.id,
         targetNodeId: continuationTarget.nodeId,
         mode: 'sequence'
     };
     return {
-        position: containerPlacement.centerPosition,
-        positionMode: 'center',
         data: {
             [PLACEMENT_DATA_KEY]: placement
         },
         target: continuationTarget,
-        containerId: containerPlacement.containerId
+        containerId: containerNode.id
     };
 }
 function resolveContainerPreview({ source, sourceHandleType, reactFlowInstance, ...options }) {
@@ -527,29 +524,6 @@ function getPreviewPlacement({ sourceNode, targetNode, containerNode, nodes, con
         }
     };
 }
-function getNodeCenterY(position, nodeSize) {
-    return position.y + nodeSize.height / 2;
-}
-function getInsertedPosition({ sourceNode, targetNode, insertedNode, containerNode, nodes, safeArea, insertedNodeSize, gap, getNodeDimensions }) {
-    const sourcePosition = getLocalNodePosition(sourceNode, containerNode, nodes);
-    const targetPosition = getLocalNodePosition(targetNode, containerNode, nodes);
-    const sourceSize = sourceNode ? getNodeDimensions(sourceNode) : void 0;
-    const targetSize = targetNode ? getNodeDimensions(targetNode) : void 0;
-    const sourceIsContainer = sourceNode?.id === containerNode.id;
-    const targetIsContainer = targetNode?.id === containerNode.id;
-    if (sourcePosition && sourceSize && !sourceIsContainer) return {
-        x: Math.max(safeArea.x, (0, external_NodeUtils_cjs_namespaceObject.snapToGrid)(sourcePosition.x + sourceSize.width + gap)),
-        y: clampTopToSafeArea((0, external_NodeUtils_cjs_namespaceObject.snapToGrid)(getNodeCenterY(sourcePosition, sourceSize) - insertedNodeSize.height / 2), safeArea, insertedNodeSize)
-    };
-    if (targetPosition && targetSize && !targetIsContainer) return {
-        x: Math.max(safeArea.x, (0, external_NodeUtils_cjs_namespaceObject.snapToGrid)(targetPosition.x - insertedNodeSize.width - gap)),
-        y: clampTopToSafeArea((0, external_NodeUtils_cjs_namespaceObject.snapToGrid)(getNodeCenterY(targetPosition, targetSize) - insertedNodeSize.height / 2), safeArea, insertedNodeSize)
-    };
-    return {
-        x: Math.max(safeArea.x, (0, external_NodeUtils_cjs_namespaceObject.snapToGrid)(insertedNode.position.x)),
-        y: clampTopToSafeArea((0, external_NodeUtils_cjs_namespaceObject.snapToGrid)(insertedNode.position.y), safeArea, insertedNodeSize)
-    };
-}
 function getNodeDepth(node, nodesById) {
     let depth = 0;
     let parentId = node?.parentId;
@@ -579,30 +553,38 @@ function pushSiblingsAfterContainerGrowth({ nodes, changes, getNodeDimensions, g
     let shifted = false;
     let nextNodes = nodes;
     for (const change of sortContainerSizeChanges(changes, nextNodes)){
-        const widthDelta = change.nextSize.width - change.previousSize.width;
-        const heightDelta = change.nextSize.height - change.previousSize.height;
-        if (widthDelta <= 0 && heightDelta <= 0) continue;
         const containerNode = nextNodes.find((node)=>node.id === change.containerId);
-        const oldRight = containerNode.position.x + change.previousSize.width;
+        const positionDelta = change.positionDelta ?? {
+            x: 0,
+            y: 0
+        };
+        const prevPosition = {
+            x: containerNode.position.x - positionDelta.x,
+            y: containerNode.position.y - positionDelta.y
+        };
+        const oldRight = prevPosition.x + change.previousSize.width;
         const newRight = containerNode.position.x + change.nextSize.width;
-        const oldBottom = containerNode.position.y + change.previousSize.height;
+        const oldBottom = prevPosition.y + change.previousSize.height;
         const newBottom = containerNode.position.y + change.nextSize.height;
-        const containerLeft = containerNode.position.x;
-        const containerRight = containerNode.position.x + Math.max(change.previousSize.width, change.nextSize.width);
-        const containerTop = containerNode.position.y;
-        const containerBottom = containerNode.position.y + Math.max(change.previousSize.height, change.nextSize.height);
+        const rightDelta = newRight - oldRight;
+        const bottomDelta = newBottom - oldBottom;
+        if (rightDelta <= 0 && bottomDelta <= 0) continue;
+        const containerLeft = Math.min(containerNode.position.x, prevPosition.x);
+        const containerRight = Math.max(newRight, oldRight);
+        const containerTop = Math.min(containerNode.position.y, prevPosition.y);
+        const containerBottom = Math.max(newBottom, oldBottom);
         nextNodes = nextNodes.map((node)=>{
             if (node.id === containerNode.id || node.parentId !== containerNode.parentId) return node;
             const nodeSize = getNodeDimensions(node);
             let nextX = node.position.x;
             let nextY = node.position.y;
-            if (widthDelta > 0 && node.position.x >= oldRight) {
+            if (rightDelta > 0 && node.position.x >= oldRight) {
                 const verticallyOverlaps = rangesOverlap(node.position.y, node.position.y + nodeSize.height, containerTop, containerBottom);
-                if (verticallyOverlaps) nextX = Math.max(node.position.x + widthDelta, (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(newRight + gap));
+                if (verticallyOverlaps) nextX = Math.max(node.position.x + rightDelta, (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(newRight + gap));
             }
-            if (heightDelta > 0 && node.position.y >= oldBottom) {
+            if (bottomDelta > 0 && node.position.y >= oldBottom) {
                 const horizontallyOverlaps = rangesOverlap(node.position.x, node.position.x + nodeSize.width, containerLeft, containerRight);
-                if (horizontallyOverlaps) nextY = Math.max(node.position.y + heightDelta, (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(newBottom + gap));
+                if (horizontallyOverlaps) nextY = Math.max(node.position.y + bottomDelta, (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(newBottom + gap));
             }
             if (nextX === node.position.x && nextY === node.position.y) return node;
             shifted = true;
@@ -657,23 +639,18 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
         ]));
     const insertedSize = resolveNodeDimensions(insertedNode);
     const resolvedSafeArea = getSafeArea(containerNode, safeArea);
+    const upstreamSource = placement.sourceNodeId && placement.sourceNodeId !== placement.containerId ? nodesById.get(placement.sourceNodeId) : void 0;
+    const sequenceX = upstreamSource ? Math.max(insertedNode.position.x, (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(upstreamSource.position.x + resolveNodeDimensions(upstreamSource).width + gap)) : insertedNode.position.x;
     const positionedNode = 'first-child' === placement.mode ? {
         ...insertedNode,
         position: centerOnContainerRail(resolveNodeDimensions(containerNode), resolvedSafeArea, insertedSize)
-    } : {
+    } : sequenceX !== insertedNode.position.x ? {
         ...insertedNode,
-        position: getInsertedPosition({
-            sourceNode: placement.sourceNodeId ? nodesById.get(placement.sourceNodeId) : void 0,
-            targetNode: placement.targetNodeId ? nodesById.get(placement.targetNodeId) : void 0,
-            insertedNode,
-            containerNode,
-            nodes,
-            safeArea: resolvedSafeArea,
-            insertedNodeSize: insertedSize,
-            gap,
-            getNodeDimensions: resolveNodeDimensions
-        })
-    };
+        position: {
+            ...insertedNode.position,
+            x: sequenceX
+        }
+    } : insertedNode;
     const targetNode = placement.targetNodeId && placement.targetNodeId !== placement.containerId ? nodesById.get(placement.targetNodeId) : void 0;
     const fallbackTargetIds = placement.targetNodeId && placement.targetNodeId !== placement.containerId ? [
         placement.targetNodeId
@@ -685,9 +662,8 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
         edges
     }) : fallbackTargetIds));
     if (placement.sourceNodeId) idsToShift.delete(placement.sourceNodeId);
-    const sourceNode = placement.sourceNodeId ? nodesById.get(placement.sourceNodeId) : void 0;
     const sourceIsContainer = placement.sourceNodeId === placement.containerId;
-    const isBackEdge = !sourceIsContainer && void 0 !== sourceNode && void 0 !== targetNode && sourceNode.position.x >= targetNode.position.x;
+    const isBackEdge = !sourceIsContainer && void 0 !== upstreamSource && void 0 !== targetNode && upstreamSource.position.x >= targetNode.position.x;
     const requiredTargetLeft = positionedNode.position.x + insertedSize.width + gap;
     const downstreamShift = !isBackEdge && targetNode && targetNode.position.x < requiredTargetLeft ? (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(requiredTargetLeft - targetNode.position.x) : 0;
     const positionedNodes = nodes.map((node)=>{

package/dist/canvas/utils/container.d.ts CHANGED Viewed

@@ -31,6 +31,10 @@ export interface ContainerSizeChange {
     containerId: string;
     previousSize: NodeDimensions;
     nextSize: NodeDimensions;
+    positionDelta?: {
+        x: number;
+        y: number;
+    };
 }
 export interface ContainerResizeMinimums {
     left: number;

package/dist/canvas/utils/container.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/container.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,IAAI,EACJ,iBAAiB,EAElB,MAAM,0CAA0C,CAAC;AAOlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAanF,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAOD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAMD,MAAM,WAAW,iBAAiB;IAChC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAGD,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,cAAc,CAAC;IAC7B,QAAQ,EAAE,cAAc,CAAC;~~CAC1B~~;AAGD,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAGD,MAAM,WAAW,iCAAiC;IAChD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,OAAO,EAAE,mBAAmB,EAAE,CAAC;CAChC;AAMD,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,aAAa,GAAG,UAAU,CAAC;CAClC;AAOD,UAAU,uBAAuB;IAC/B,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACtC,iBAAiB,EAAE,iBAAiB,CAAC;CACtC;AAED,UAAU,uBAAuB;IAC/B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,oBAAoB,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,KAAK,iBAAiB,GAAG,SAAS,CAAC;IAC9E,8BAA8B,CAAC,EAAE,CAAC,OAAO,EAAE;QACzC,aAAa,EAAE,IAAI,CAAC;QACpB,UAAU,EAAE,IAAI,CAAC;QACjB,MAAM,EAAE,eAAe,CAAC;QACxB,iBAAiB,EAAE,iBAAiB,CAAC;KACtC,KAAK,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;CACpD;AAED,KAAK,qBAAqB,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;AAErD,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAM7B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,KAAK,gBAAgB,GAAG,CAAC,OAAO,EAAE,eAAe,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAGhF,eAAO,MAAM,uBAAuB,QAAoB,CAAC;AACzD,eAAO,MAAM,wBAAwB,QAAoB,CAAC;AAG1D,eAAO,MAAM,2BAA2B,QAAoB,CAAC;AAC7D,eAAO,MAAM,4BAA4B,QAAoB,CAAC;AAG9D,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAQ3C,eAAO,MAAM,yBAAyB,QAAmB,CAAC;AAwB1D,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC,EAC3D,QAAQ,GAAE,cAAwE,GACjF,cAAc,CAQhB;AAOD,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC,EACpE,QAAQ,GAAE,cAAqF,GAC9F,iBAAiB,CAuBnB;~~AAGD~~,wBAAgB,uBAAuB,IAAI,oBAAoB,CAW9D;AASD,wBAAgB,0BAA0B,CACxC,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC,EAC3E,KAAK,EAAE,IAAI,EAAE,EACb,EACE,QAAsC,EACtC,SAAwC,EACxC,gBAAqB,GACtB,GAAE;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB,GACL,uBAAuB,CAyDzB;AAGD,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,GAAG,SAAS,GAClD,OAAO,CAET;AA4CD,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,IAAI,EAAE,EACb,EACE,YAAY,EACZ,uBAAuB,EAAE,2BAA2B,EACpD,iBAAiB,EAAE,qBAAyC,EAC5D,gBAAqB,EACrB,gBAAuB,GACxB,GAAE;IACD,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChC,uBAAuB,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,KAAK,oBAAoB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3F,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;IACnD,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CACvB,GACL,iCAAiC,~~CAmInC~~;~~AAqKD~~,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,IAAI,EAAE,GACZ,IAAI,GAAG,IAAI,CAcb;AAqFD,wBAAgB,+BAA+B,CAAC,EAC9C,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,cAAc,EACd,aAAa,GACd,EAAE;IACD,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC,GAAG,MAAM,EAAE,CA0CX;~~AAwKD~~,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,GAAG,OAAO,EACX,EAAE,uBAAuB,GAAG,uBAAuB,GAAG,qBAAqB,GAAG,IAAI,CAkBlF;~~AA6PD~~,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,EACL,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,EAChB,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC/B,uBAAuB,EAAE,CAAC,aAAa,EAAE,IAAI,KAAK,oBAAoB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1F,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;IAClD,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,EAAE,CAkCT;AAMD,wBAAgB,qBAAqB,CACnC,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC,GAC3C,kBAAkB,GAAG,IAAI,CAS3B;AAOD,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,uBAAuB,EAAE,2BAAqD,EAC9E,iBAAiB,EAAE,qBAAyC,EAC5D,GAA+B,EAC/B,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,GACN,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,IAAI,CAAC;IACnB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,uBAAuB,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,KAAK,oBAAoB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3F,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;IACnD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iBAAiB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CAChB,GAAG,IAAI,EAAE,~~CA+FT~~"}
1	+ {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/container.ts"],"names":[],"mappings":"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"}

package/dist/canvas/utils/container.js CHANGED Viewed

@@ -56,8 +56,8 @@ function container_getContainerFitGeometry() {
         height: DEFAULT_CONTAINER_HEIGHT
     }).padding;
     return {
-        minWidth: DEFAULT_CONTAINER_MIN_WIDTH,
-        minHeight: DEFAULT_CONTAINER_MIN_HEIGHT,
+        minWidth: DEFAULT_CONTAINER_WIDTH,
+        minHeight: DEFAULT_CONTAINER_HEIGHT,
         padding
     };
 }
@@ -192,7 +192,17 @@ function ensureContainersFitChildren(nodes, { containerIds, getContainerFitGeome
         if (nextSize.width === currentSize.width && nextSize.height === currentSize.height && 0 === leadingShiftX && 0 === leadingShiftY) continue;
         const shouldShiftChildren = 0 !== leadingShiftX || 0 !== leadingShiftY;
         nextNodes = nextNodes.map((node)=>{
-            if (node.id === containerId) return withNodeDimensions(node, nextSize);
+            if (node.id === containerId) {
+                const resized = withNodeDimensions(node, nextSize);
+                if (!shouldShiftChildren) return resized;
+                return {
+                    ...resized,
+                    position: {
+                        x: (node.position?.x ?? 0) - leadingShiftX,
+                        y: (node.position?.y ?? 0) - leadingShiftY
+                    }
+                };
+            }
             if (shouldShiftChildren && childIdsToShift.has(node.id)) return {
                 ...node,
                 position: {
@@ -203,10 +213,15 @@ function ensureContainersFitChildren(nodes, { containerIds, getContainerFitGeome
             return node;
         });
         nodesById.set(containerId, nextNodes.find((node)=>node.id === containerId));
-        if (nextSize.width !== currentSize.width || nextSize.height !== currentSize.height) changes.push({
+        const sizeChanged = nextSize.width !== currentSize.width || nextSize.height !== currentSize.height;
+        if (sizeChanged || shouldShiftChildren) changes.push({
             containerId,
             previousSize: currentSize,
-            nextSize
+            nextSize,
+            positionDelta: shouldShiftChildren ? {
+                x: -leadingShiftX,
+                y: -leadingShiftY
+            } : void 0
         });
     }
     return {
@@ -225,10 +240,6 @@ function clampTopLeftToSafeArea(position, safeArea, nodeSize) {
         y: clamp(position.y, safeArea.y, maxY)
     };
 }
-function clampTopToSafeArea(top, safeArea, nodeSize) {
-    const maxY = safeArea.y + Math.max(0, safeArea.height - nodeSize.height);
-    return clamp(top, safeArea.y, maxY);
-}
 function rangesOverlap(startA, endA, startB, endB) {
     return startA < endB && endA > startB;
 }
@@ -413,32 +424,18 @@ function resolveAppendPreview({ source, sourceHandleType, reactFlowInstance, ...
         reactFlowInstance
     });
     if (!continuationTarget) return null;
-    const targetNode = continuationTarget.nodeId === containerNode.id ? containerNode : reactFlowInstance.getNode(continuationTarget.nodeId);
-    const containerPlacement = getPreviewPlacement({
-        sourceNode,
-        targetNode,
-        containerNode,
-        nodes,
-        safeArea: options.getContainerSafeArea?.(containerNode),
-        previewNodeSize: options.previewNodeSize,
-        gap: options.gap,
-        avoidSiblings: options.avoidSiblings ?? true,
-        getNodeDimensions: options.getNodeDimensions
-    });
     const placement = {
-        containerId: containerPlacement.containerId,
+        containerId: containerNode.id,
         sourceNodeId: sourceNode.id,
         targetNodeId: continuationTarget.nodeId,
         mode: 'sequence'
     };
     return {
-        position: containerPlacement.centerPosition,
-        positionMode: 'center',
         data: {
             [PLACEMENT_DATA_KEY]: placement
         },
         target: continuationTarget,
-        containerId: containerPlacement.containerId
+        containerId: containerNode.id
     };
 }
 function resolveContainerPreview({ source, sourceHandleType, reactFlowInstance, ...options }) {
@@ -482,29 +479,6 @@ function getPreviewPlacement({ sourceNode, targetNode, containerNode, nodes, con
         }
     };
 }
-function getNodeCenterY(position, nodeSize) {
-    return position.y + nodeSize.height / 2;
-}
-function getInsertedPosition({ sourceNode, targetNode, insertedNode, containerNode, nodes, safeArea, insertedNodeSize, gap, getNodeDimensions }) {
-    const sourcePosition = getLocalNodePosition(sourceNode, containerNode, nodes);
-    const targetPosition = getLocalNodePosition(targetNode, containerNode, nodes);
-    const sourceSize = sourceNode ? getNodeDimensions(sourceNode) : void 0;
-    const targetSize = targetNode ? getNodeDimensions(targetNode) : void 0;
-    const sourceIsContainer = sourceNode?.id === containerNode.id;
-    const targetIsContainer = targetNode?.id === containerNode.id;
-    if (sourcePosition && sourceSize && !sourceIsContainer) return {
-        x: Math.max(safeArea.x, snapToGrid(sourcePosition.x + sourceSize.width + gap)),
-        y: clampTopToSafeArea(snapToGrid(getNodeCenterY(sourcePosition, sourceSize) - insertedNodeSize.height / 2), safeArea, insertedNodeSize)
-    };
-    if (targetPosition && targetSize && !targetIsContainer) return {
-        x: Math.max(safeArea.x, snapToGrid(targetPosition.x - insertedNodeSize.width - gap)),
-        y: clampTopToSafeArea(snapToGrid(getNodeCenterY(targetPosition, targetSize) - insertedNodeSize.height / 2), safeArea, insertedNodeSize)
-    };
-    return {
-        x: Math.max(safeArea.x, snapToGrid(insertedNode.position.x)),
-        y: clampTopToSafeArea(snapToGrid(insertedNode.position.y), safeArea, insertedNodeSize)
-    };
-}
 function getNodeDepth(node, nodesById) {
     let depth = 0;
     let parentId = node?.parentId;
@@ -534,30 +508,38 @@ function pushSiblingsAfterContainerGrowth({ nodes, changes, getNodeDimensions, g
     let shifted = false;
     let nextNodes = nodes;
     for (const change of sortContainerSizeChanges(changes, nextNodes)){
-        const widthDelta = change.nextSize.width - change.previousSize.width;
-        const heightDelta = change.nextSize.height - change.previousSize.height;
-        if (widthDelta <= 0 && heightDelta <= 0) continue;
         const containerNode = nextNodes.find((node)=>node.id === change.containerId);
-        const oldRight = containerNode.position.x + change.previousSize.width;
+        const positionDelta = change.positionDelta ?? {
+            x: 0,
+            y: 0
+        };
+        const prevPosition = {
+            x: containerNode.position.x - positionDelta.x,
+            y: containerNode.position.y - positionDelta.y
+        };
+        const oldRight = prevPosition.x + change.previousSize.width;
         const newRight = containerNode.position.x + change.nextSize.width;
-        const oldBottom = containerNode.position.y + change.previousSize.height;
+        const oldBottom = prevPosition.y + change.previousSize.height;
         const newBottom = containerNode.position.y + change.nextSize.height;
-        const containerLeft = containerNode.position.x;
-        const containerRight = containerNode.position.x + Math.max(change.previousSize.width, change.nextSize.width);
-        const containerTop = containerNode.position.y;
-        const containerBottom = containerNode.position.y + Math.max(change.previousSize.height, change.nextSize.height);
+        const rightDelta = newRight - oldRight;
+        const bottomDelta = newBottom - oldBottom;
+        if (rightDelta <= 0 && bottomDelta <= 0) continue;
+        const containerLeft = Math.min(containerNode.position.x, prevPosition.x);
+        const containerRight = Math.max(newRight, oldRight);
+        const containerTop = Math.min(containerNode.position.y, prevPosition.y);
+        const containerBottom = Math.max(newBottom, oldBottom);
         nextNodes = nextNodes.map((node)=>{
             if (node.id === containerNode.id || node.parentId !== containerNode.parentId) return node;
             const nodeSize = getNodeDimensions(node);
             let nextX = node.position.x;
             let nextY = node.position.y;
-            if (widthDelta > 0 && node.position.x >= oldRight) {
+            if (rightDelta > 0 && node.position.x >= oldRight) {
                 const verticallyOverlaps = rangesOverlap(node.position.y, node.position.y + nodeSize.height, containerTop, containerBottom);
-                if (verticallyOverlaps) nextX = Math.max(node.position.x + widthDelta, snapUpToGrid(newRight + gap));
+                if (verticallyOverlaps) nextX = Math.max(node.position.x + rightDelta, snapUpToGrid(newRight + gap));
             }
-            if (heightDelta > 0 && node.position.y >= oldBottom) {
+            if (bottomDelta > 0 && node.position.y >= oldBottom) {
                 const horizontallyOverlaps = rangesOverlap(node.position.x, node.position.x + nodeSize.width, containerLeft, containerRight);
-                if (horizontallyOverlaps) nextY = Math.max(node.position.y + heightDelta, snapUpToGrid(newBottom + gap));
+                if (horizontallyOverlaps) nextY = Math.max(node.position.y + bottomDelta, snapUpToGrid(newBottom + gap));
             }
             if (nextX === node.position.x && nextY === node.position.y) return node;
             shifted = true;
@@ -612,23 +594,18 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
         ]));
     const insertedSize = resolveNodeDimensions(insertedNode);
     const resolvedSafeArea = getSafeArea(containerNode, safeArea);
+    const upstreamSource = placement.sourceNodeId && placement.sourceNodeId !== placement.containerId ? nodesById.get(placement.sourceNodeId) : void 0;
+    const sequenceX = upstreamSource ? Math.max(insertedNode.position.x, snapUpToGrid(upstreamSource.position.x + resolveNodeDimensions(upstreamSource).width + gap)) : insertedNode.position.x;
     const positionedNode = 'first-child' === placement.mode ? {
         ...insertedNode,
         position: centerOnContainerRail(resolveNodeDimensions(containerNode), resolvedSafeArea, insertedSize)
-    } : {
+    } : sequenceX !== insertedNode.position.x ? {
         ...insertedNode,
-        position: getInsertedPosition({
-            sourceNode: placement.sourceNodeId ? nodesById.get(placement.sourceNodeId) : void 0,
-            targetNode: placement.targetNodeId ? nodesById.get(placement.targetNodeId) : void 0,
-            insertedNode,
-            containerNode,
-            nodes,
-            safeArea: resolvedSafeArea,
-            insertedNodeSize: insertedSize,
-            gap,
-            getNodeDimensions: resolveNodeDimensions
-        })
-    };
+        position: {
+            ...insertedNode.position,
+            x: sequenceX
+        }
+    } : insertedNode;
     const targetNode = placement.targetNodeId && placement.targetNodeId !== placement.containerId ? nodesById.get(placement.targetNodeId) : void 0;
     const fallbackTargetIds = placement.targetNodeId && placement.targetNodeId !== placement.containerId ? [
         placement.targetNodeId
@@ -640,9 +617,8 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
         edges
     }) : fallbackTargetIds));
     if (placement.sourceNodeId) idsToShift.delete(placement.sourceNodeId);
-    const sourceNode = placement.sourceNodeId ? nodesById.get(placement.sourceNodeId) : void 0;
     const sourceIsContainer = placement.sourceNodeId === placement.containerId;
-    const isBackEdge = !sourceIsContainer && void 0 !== sourceNode && void 0 !== targetNode && sourceNode.position.x >= targetNode.position.x;
+    const isBackEdge = !sourceIsContainer && void 0 !== upstreamSource && void 0 !== targetNode && upstreamSource.position.x >= targetNode.position.x;
     const requiredTargetLeft = positionedNode.position.x + insertedSize.width + gap;
     const downstreamShift = !isBackEdge && targetNode && targetNode.position.x < requiredTargetLeft ? snapUpToGrid(requiredTargetLeft - targetNode.position.x) : 0;
     const positionedNodes = nodes.map((node)=>{

package/dist/canvas/utils/createPreviewGraph.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"createPreviewGraph.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewGraph.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,iBAAiB,EAClB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAIL,KAAK,uBAAuB,EAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAuB,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG/E,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAGD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAMD,MAAM,WAAW,yBAAyB;IACxC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACvC,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAOlC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;CAC3C;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CACzC,IAAI,CACF,yBAAyB,EACvB,aAAa,GACb,MAAM,GACN,UAAU,GACV,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,CACtB,CACF,CAAC;~~AA0BF~~,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,MAAM,EACnB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,GAAG,IAAI,CAkBb;AAwDD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAqB1F;AAOD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAMxF;AAOD,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAgBN"}
1	+ {"version":3,"file":"createPreviewGraph.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewGraph.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,iBAAiB,EAClB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAIL,KAAK,uBAAuB,EAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAuB,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG/E,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAGD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAMD,MAAM,WAAW,yBAAyB;IACxC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACvC,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAOlC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;CAC3C;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CACzC,IAAI,CACF,yBAAyB,EACvB,aAAa,GACb,MAAM,GACN,UAAU,GACV,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,CACtB,CACF,CAAC;AAgCF,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,MAAM,EACnB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,GAAG,IAAI,CAkBb;AAwDD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAqB1F;AAOD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAMxF;AAOD,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAgBN"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "4.27.0",
+  "version": "4.29.0",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -205,8 +205,8 @@
     "use-sync-external-store": "^1.2.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
-    "@uipath/apollo-core": "5.9.1",
-    "@uipath/apollo-wind": "2.17.0"
+    "@uipath/apollo-wind": "2.17.0",
+    "@uipath/apollo-core": "5.9.1"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",