@uipath/apollo-react 6.13.0 → 6.14.0

package/dist/canvas/components/StageNode/{StageNodeAdhocTaskGroups.cjs → tasks/StageNodeAdhocTaskGroups.cjs}

@@ -28,10 +28,11 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const external_StageNode_styles_cjs_namespaceObject = require("../StageNode.styles.cjs");
+const StageItemsHeaderTitle_cjs_namespaceObject = require("../shared/StageItemsHeaderTitle.cjs");
+const external_useStageNodeLabels_cjs_namespaceObject = require("../useStageNodeLabels.cjs");
 const external_AdhocTask_cjs_namespaceObject = require("./AdhocTask.cjs");
-const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
-const external_useStageNodeLabels_cjs_namespaceObject = require("./useStageNodeLabels.cjs");
-const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selectedTaskId, marginTop, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask })=>{
+const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selectedTaskId, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask })=>{
     const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, onTaskPlay, loadingTaskIds, onTaskBreakpointToggle, getTaskContextMenuItems } = props;
     const hasBuiltInTaskActions = !!(onReplaceTaskFromToolbox || onTaskGroupModification);
     const labels = (0, external_useStageNodeLabels_cjs_namespaceObject.useStageNodeLabels)();
@@ -54,19 +55,13 @@ const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selected
         generateDeleteTaskMenuItemForTask
     ]);
     if (0 === adhocTasks.length) return null;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageAdditionalTasksSection, {
-        style: {
-            marginTop
-        },
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageItemsSection, {
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageAdditionalTasksHeaderSection, {
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                    "data-testid": `adhoc-tasks-header-${id}`,
-                    className: "text-xs font-bold text-foreground-muted",
-                    children: labels.adhocTasks
-                })
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StageItemsHeaderTitle_cjs_namespaceObject.StageItemsHeaderTitle, {
+                title: labels.adhocTasks,
+                testId: `adhoc-tasks-header-${id}`
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTaskList, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageItemsList, {
                 "data-testid": `adhoc-tasks-list-${id}`,
                 children: adhocTasks.map(({ task })=>{
                     const taskExecution = execution?.taskStatus?.[task.id];

package/dist/canvas/components/StageNode/{StageNodeAdhocTaskGroups.d.ts → tasks/StageNodeAdhocTaskGroups.d.ts}

@@ -1,11 +1,10 @@
-import type { NodeMenuItem } from '../NodeContextMenu';
-import type { StageNodeProps, StageTaskGroup } from './StageNode.types';
-export declare const StageNodeAdhocTaskGroups: import("react").MemoExoticComponent<({ props, adhocTasks, isReadOnly, selectedTaskId, marginTop, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask, }: {
+import type { NodeMenuItem } from '../../NodeContextMenu';
+import type { StageNodeProps, StageTaskGroup } from '../StageNode.types';
+export declare const StageNodeAdhocTaskGroups: import("react").MemoExoticComponent<({ props, adhocTasks, isReadOnly, selectedTaskId, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask, }: {
     props: StageNodeProps;
     adhocTasks: StageTaskGroup[];
     isReadOnly: boolean;
     selectedTaskId?: string;
-    marginTop: string;
     handleTaskClick: (e: React.MouseEvent, taskElementId: string) => void;
     generateReplaceTaskMenuItemForTask: (taskId: string, isParallel: boolean) => NodeMenuItem | undefined;
     generateDeleteTaskMenuItemForTask: (taskId: string) => NodeMenuItem | undefined;

package/dist/canvas/components/StageNode/tasks/StageNodeAdhocTaskGroups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageNodeAdhocTaskGroups.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/tasks/StageNodeAdhocTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,oBAAoB,CAAC;AAoGxF,eAAO,MAAM,wBAAwB,mLAvFlC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;IAC9B,iCAAiC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,SAAS,CAAC;CACjF,oDA4E0E,CAAC"}

package/dist/canvas/components/StageNode/{StageNodeAdhocTaskGroups.js → tasks/StageNodeAdhocTaskGroups.js}

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo, useCallback } from "react";
+import { StageItemsList, StageItemsSection } from "../StageNode.styles.js";
+import { StageItemsHeaderTitle } from "../shared/StageItemsHeaderTitle.js";
+import { useStageNodeLabels } from "../useStageNodeLabels.js";
 import { AdhocTaskItem } from "./AdhocTask.js";
-import { StageAdditionalTasksHeaderSection, StageAdditionalTasksSection, StageTaskList } from "./StageNode.styles.js";
-import { useStageNodeLabels } from "./useStageNodeLabels.js";
-const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selectedTaskId, marginTop, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask })=>{
+const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selectedTaskId, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask })=>{
     const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, onTaskPlay, loadingTaskIds, onTaskBreakpointToggle, getTaskContextMenuItems } = props;
     const hasBuiltInTaskActions = !!(onReplaceTaskFromToolbox || onTaskGroupModification);
     const labels = useStageNodeLabels();
@@ -26,19 +27,13 @@ const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selected
         generateDeleteTaskMenuItemForTask
     ]);
     if (0 === adhocTasks.length) return null;
-    return /*#__PURE__*/ jsxs(StageAdditionalTasksSection, {
-        style: {
-            marginTop
-        },
+    return /*#__PURE__*/ jsxs(StageItemsSection, {
         children: [
-            /*#__PURE__*/ jsx(StageAdditionalTasksHeaderSection, {
-                children: /*#__PURE__*/ jsx("span", {
-                    "data-testid": `adhoc-tasks-header-${id}`,
-                    className: "text-xs font-bold text-foreground-muted",
-                    children: labels.adhocTasks
-                })
+            /*#__PURE__*/ jsx(StageItemsHeaderTitle, {
+                title: labels.adhocTasks,
+                testId: `adhoc-tasks-header-${id}`
             }),
-            /*#__PURE__*/ jsx(StageTaskList, {
+            /*#__PURE__*/ jsx(StageItemsList, {
                 "data-testid": `adhoc-tasks-list-${id}`,
                 children: adhocTasks.map(({ task })=>{
                     const taskExecution = execution?.taskStatus?.[task.id];

package/dist/canvas/components/StageNode/{StageNodeAllTaskGroups.cjs → tasks/StageNodeAllTaskGroups.cjs}

@@ -27,18 +27,16 @@ __webpack_require__.d(__webpack_exports__, {
     StageNodeAllTaskGroups: ()=>StageNodeAllTaskGroups
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const apollo_core_namespaceObject = require("@uipath/apollo-core");
-const index_cjs_namespaceObject = require("../../layouts/index.cjs");
 const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_react_namespaceObject = require("react");
-const external_utils_index_cjs_namespaceObject = require("../../utils/index.cjs");
-const useStageTasksByGroups_cjs_namespaceObject = require("./hooks/useStageTasksByGroups.cjs");
-const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
+const index_cjs_namespaceObject = require("../../../utils/index.cjs");
+const useStageTasksByGroups_cjs_namespaceObject = require("../hooks/useStageTasksByGroups.cjs");
+const CollapsibleStageHeader_cjs_namespaceObject = require("../shared/CollapsibleStageHeader.cjs");
+const external_useStageNodeLabels_cjs_namespaceObject = require("../useStageNodeLabels.cjs");
 const external_StageNodeAdhocTaskGroups_cjs_namespaceObject = require("./StageNodeAdhocTaskGroups.cjs");
 const external_StageNodeEventDrivenTaskGroups_cjs_namespaceObject = require("./StageNodeEventDrivenTaskGroups.cjs");
 const external_StageNodeSequentialTaskGroups_cjs_namespaceObject = require("./StageNodeSequentialTaskGroups.cjs");
 const external_StageNodeTaskUtilities_cjs_namespaceObject = require("./StageNodeTaskUtilities.cjs");
-const external_useStageNodeLabels_cjs_namespaceObject = require("./useStageNodeLabels.cjs");
 const StageNodeAllTaskGroupsInner = ({ props, isReadOnly, taskWidthStyle, taskStateReference, setSelectedNodeId, handleTaskAddClick, setIsReplacingTask })=>{
     const { id, stageDetails, onTaskAdd, onAddTaskFromToolbox, onTaskClick, onTaskGroupModification, onTaskReorder, onReplaceTaskFromToolbox } = props;
     const labels = (0, external_useStageNodeLabels_cjs_namespaceObject.useStageNodeLabels)();
@@ -106,15 +104,14 @@ const StageNodeAllTaskGroupsInner = ({ props, isReadOnly, taskWidthStyle, taskSt
             break;
         }
         if (void 0 === groupIndex || void 0 === taskIndex) return;
-        return (0, external_StageNodeTaskUtilities_cjs_namespaceObject.getMenuItem)('remove-task', labels.deleteTask, ()=>onTaskGroupModification(external_utils_index_cjs_namespaceObject.GroupModificationType.REMOVE_TASK, groupIndex, taskIndex));
+        return (0, external_StageNodeTaskUtilities_cjs_namespaceObject.getMenuItem)('remove-task', labels.deleteTask, ()=>onTaskGroupModification(index_cjs_namespaceObject.GroupModificationType.REMOVE_TASK, groupIndex, taskIndex));
     }, [
         allTasks,
         onTaskGroupModification,
         labels.deleteTask
     ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageContent, {
-        children: 0 === sequentialTaskGroups.length && 0 === adhocTaskGroups.length && 0 === eventDrivenTaskGroups.length ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
-            py: 2,
+    const tasksContent = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
+        children: 0 === sequentialTaskGroups.length && 0 === adhocTaskGroups.length && 0 === eventDrivenTaskGroups.length ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
             children: (onTaskAdd || onAddTaskFromToolbox) && !isReadOnly ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Button, {
                 variant: "link",
                 size: "sm",
@@ -130,8 +127,7 @@ const StageNodeAllTaskGroupsInner = ({ props, isReadOnly, taskWidthStyle, taskSt
                 className: "inline-flex items-center h-9 text-sm font-medium text-foreground-muted",
                 children: defaultContent
             })
-        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-            py: 2,
+        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
             children: [
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNodeSequentialTaskGroups_cjs_namespaceObject.StageNodeSequentialTaskGroups, {
                     props: props,
@@ -150,7 +146,6 @@ const StageNodeAllTaskGroupsInner = ({ props, isReadOnly, taskWidthStyle, taskSt
                     eventDrivenTasks: eventDrivenTasks,
                     isReadOnly: isReadOnly,
                     selectedTaskId: selectedTaskId,
-                    marginTop: sequentialTaskGroups.length > 0 ? apollo_core_namespaceObject.Spacing.SpacingS : '0px',
                     handleTaskClick: handleTaskClick,
                     generateReplaceTaskMenuItemForTask: generateReplaceTaskMenuItemForTask,
                     generateDeleteTaskMenuItemForTask: generateDeleteTaskMenuItemForTask
@@ -160,7 +155,6 @@ const StageNodeAllTaskGroupsInner = ({ props, isReadOnly, taskWidthStyle, taskSt
                     adhocTasks: adhocTasks,
                     isReadOnly: isReadOnly,
                     selectedTaskId: selectedTaskId,
-                    marginTop: sequentialTaskGroups.length > 0 || eventDrivenTaskGroups.length > 0 ? apollo_core_namespaceObject.Spacing.SpacingS : '0px',
                     handleTaskClick: handleTaskClick,
                     generateReplaceTaskMenuItemForTask: generateReplaceTaskMenuItemForTask,
                     generateDeleteTaskMenuItemForTask: generateDeleteTaskMenuItemForTask
@@ -168,6 +162,14 @@ const StageNodeAllTaskGroupsInner = ({ props, isReadOnly, taskWidthStyle, taskSt
             ]
         })
     });
+    if (!stageDetails?.sectionStates?.tasks) return tasksContent;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CollapsibleStageHeader_cjs_namespaceObject.CollapsibleStageHeader, {
+        isOpen: !stageDetails?.sectionStates?.tasks.isCollapsed,
+        label: "Tasks",
+        testId: `tasks-header-${id}`,
+        onToggle: stageDetails?.sectionStates?.tasks.onCollapsedToggle,
+        children: tasksContent
+    });
 };
 const StageNodeAllTaskGroups = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(StageNodeAllTaskGroupsInner);
 exports.StageNodeAllTaskGroups = __webpack_exports__.StageNodeAllTaskGroups;

package/dist/canvas/components/StageNode/{StageNodeAllTaskGroups.d.ts → tasks/StageNodeAllTaskGroups.d.ts}

@@ -1,5 +1,5 @@
 import { type CSSProperties, type RefObject } from 'react';
-import type { StageNodeProps, TaskStateReference } from './StageNode.types';
+import type { StageNodeProps, TaskStateReference } from '../StageNode.types';
 export declare const StageNodeAllTaskGroups: import("react").MemoExoticComponent<({ props, isReadOnly, taskWidthStyle, taskStateReference, setSelectedNodeId, handleTaskAddClick, setIsReplacingTask, }: {
     props: StageNodeProps;
     isReadOnly: boolean;

package/dist/canvas/components/StageNode/tasks/StageNodeAllTaskGroups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageNodeAllTaskGroups.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/tasks/StageNodeAllTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAQ,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAGvF,OAAO,KAAK,EAAE,cAAc,EAAiB,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AA4N5F,eAAO,MAAM,sBAAsB,8JA5MhC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,kBAAkB,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC;IAClD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,kBAAkB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACtD,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;CACxD,6CAoMsE,CAAC"}

package/dist/canvas/components/StageNode/{StageNodeAllTaskGroups.js → tasks/StageNodeAllTaskGroups.js}

@@ -1,16 +1,14 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Spacing } from "@uipath/apollo-core";
-import { Column } from "../../layouts/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@uipath/apollo-wind";
 import { memo, useCallback, useMemo } from "react";
-import { GroupModificationType } from "../../utils/index.js";
-import { useStageTasksByGroups } from "./hooks/useStageTasksByGroups.js";
-import { StageContent } from "./StageNode.styles.js";
+import { GroupModificationType } from "../../../utils/index.js";
+import { useStageTasksByGroups } from "../hooks/useStageTasksByGroups.js";
+import { CollapsibleStageHeader } from "../shared/CollapsibleStageHeader.js";
+import { useStageNodeLabels } from "../useStageNodeLabels.js";
 import { StageNodeAdhocTaskGroups } from "./StageNodeAdhocTaskGroups.js";
 import { StageNodeEventDrivenTaskGroups } from "./StageNodeEventDrivenTaskGroups.js";
 import { StageNodeSequentialTaskGroups } from "./StageNodeSequentialTaskGroups.js";
 import { getMenuItem } from "./StageNodeTaskUtilities.js";
-import { useStageNodeLabels } from "./useStageNodeLabels.js";
 const StageNodeAllTaskGroupsInner = ({ props, isReadOnly, taskWidthStyle, taskStateReference, setSelectedNodeId, handleTaskAddClick, setIsReplacingTask })=>{
     const { id, stageDetails, onTaskAdd, onAddTaskFromToolbox, onTaskClick, onTaskGroupModification, onTaskReorder, onReplaceTaskFromToolbox } = props;
     const labels = useStageNodeLabels();
@@ -84,9 +82,8 @@ const StageNodeAllTaskGroupsInner = ({ props, isReadOnly, taskWidthStyle, taskSt
         onTaskGroupModification,
         labels.deleteTask
     ]);
-    return /*#__PURE__*/ jsx(StageContent, {
-        children: 0 === sequentialTaskGroups.length && 0 === adhocTaskGroups.length && 0 === eventDrivenTaskGroups.length ? /*#__PURE__*/ jsx(Column, {
-            py: 2,
+    const tasksContent = /*#__PURE__*/ jsx(Fragment, {
+        children: 0 === sequentialTaskGroups.length && 0 === adhocTaskGroups.length && 0 === eventDrivenTaskGroups.length ? /*#__PURE__*/ jsx(Fragment, {
             children: (onTaskAdd || onAddTaskFromToolbox) && !isReadOnly ? /*#__PURE__*/ jsx(Button, {
                 variant: "link",
                 size: "sm",
@@ -102,8 +99,7 @@ const StageNodeAllTaskGroupsInner = ({ props, isReadOnly, taskWidthStyle, taskSt
                 className: "inline-flex items-center h-9 text-sm font-medium text-foreground-muted",
                 children: defaultContent
             })
-        }) : /*#__PURE__*/ jsxs(Column, {
-            py: 2,
+        }) : /*#__PURE__*/ jsxs(Fragment, {
             children: [
                 /*#__PURE__*/ jsx(StageNodeSequentialTaskGroups, {
                     props: props,
@@ -122,7 +118,6 @@ const StageNodeAllTaskGroupsInner = ({ props, isReadOnly, taskWidthStyle, taskSt
                     eventDrivenTasks: eventDrivenTasks,
                     isReadOnly: isReadOnly,
                     selectedTaskId: selectedTaskId,
-                    marginTop: sequentialTaskGroups.length > 0 ? Spacing.SpacingS : '0px',
                     handleTaskClick: handleTaskClick,
                     generateReplaceTaskMenuItemForTask: generateReplaceTaskMenuItemForTask,
                     generateDeleteTaskMenuItemForTask: generateDeleteTaskMenuItemForTask
@@ -132,7 +127,6 @@ const StageNodeAllTaskGroupsInner = ({ props, isReadOnly, taskWidthStyle, taskSt
                     adhocTasks: adhocTasks,
                     isReadOnly: isReadOnly,
                     selectedTaskId: selectedTaskId,
-                    marginTop: sequentialTaskGroups.length > 0 || eventDrivenTaskGroups.length > 0 ? Spacing.SpacingS : '0px',
                     handleTaskClick: handleTaskClick,
                     generateReplaceTaskMenuItemForTask: generateReplaceTaskMenuItemForTask,
                     generateDeleteTaskMenuItemForTask: generateDeleteTaskMenuItemForTask
@@ -140,6 +134,14 @@ const StageNodeAllTaskGroupsInner = ({ props, isReadOnly, taskWidthStyle, taskSt
             ]
         })
     });
+    if (!stageDetails?.sectionStates?.tasks) return tasksContent;
+    return /*#__PURE__*/ jsx(CollapsibleStageHeader, {
+        isOpen: !stageDetails?.sectionStates?.tasks.isCollapsed,
+        label: "Tasks",
+        testId: `tasks-header-${id}`,
+        onToggle: stageDetails?.sectionStates?.tasks.onCollapsedToggle,
+        children: tasksContent
+    });
 };
 const StageNodeAllTaskGroups = /*#__PURE__*/ memo(StageNodeAllTaskGroupsInner);
 export { StageNodeAllTaskGroups };

package/dist/canvas/components/StageNode/{StageNodeEventDrivenTaskGroups.cjs → tasks/StageNodeEventDrivenTaskGroups.cjs}

@@ -28,10 +28,11 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const external_StageNode_styles_cjs_namespaceObject = require("../StageNode.styles.cjs");
+const StageItemsHeaderTitle_cjs_namespaceObject = require("../shared/StageItemsHeaderTitle.cjs");
+const external_useStageNodeLabels_cjs_namespaceObject = require("../useStageNodeLabels.cjs");
 const external_EventDrivenTask_cjs_namespaceObject = require("./EventDrivenTask.cjs");
-const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
-const external_useStageNodeLabels_cjs_namespaceObject = require("./useStageNodeLabels.cjs");
-const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOnly, selectedTaskId, marginTop, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask })=>{
+const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOnly, selectedTaskId, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask })=>{
     const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, loadingTaskIds, onTaskBreakpointToggle, getTaskContextMenuItems } = props;
     const hasBuiltInTaskActions = !!(onReplaceTaskFromToolbox || onTaskGroupModification);
     const labels = (0, external_useStageNodeLabels_cjs_namespaceObject.useStageNodeLabels)();
@@ -54,19 +55,13 @@ const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOn
         generateDeleteTaskMenuItemForTask
     ]);
     if (0 === eventDrivenTasks.length) return null;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageAdditionalTasksSection, {
-        style: {
-            marginTop
-        },
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageItemsSection, {
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageAdditionalTasksHeaderSection, {
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                    "data-testid": `event-driven-tasks-header-${id}`,
-                    className: "text-xs font-bold text-foreground-muted",
-                    children: labels.eventDrivenTasks
-                })
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StageItemsHeaderTitle_cjs_namespaceObject.StageItemsHeaderTitle, {
+                title: labels.eventDrivenTasks,
+                testId: `event-driven-tasks-header-${id}`
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTaskList, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageItemsList, {
                 "data-testid": `event-driven-tasks-list-${id}`,
                 children: eventDrivenTasks.map(({ task })=>{
                     const taskExecution = execution?.taskStatus?.[task.id];

package/dist/canvas/components/StageNode/{StageNodeEventDrivenTaskGroups.d.ts → tasks/StageNodeEventDrivenTaskGroups.d.ts}

@@ -1,11 +1,10 @@
-import type { NodeMenuItem } from '../NodeContextMenu';
-import type { StageNodeProps, StageTaskGroup } from './StageNode.types';
-export declare const StageNodeEventDrivenTaskGroups: import("react").MemoExoticComponent<({ props, eventDrivenTasks, isReadOnly, selectedTaskId, marginTop, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask, }: {
+import type { NodeMenuItem } from '../../NodeContextMenu';
+import type { StageNodeProps, StageTaskGroup } from '../StageNode.types';
+export declare const StageNodeEventDrivenTaskGroups: import("react").MemoExoticComponent<({ props, eventDrivenTasks, isReadOnly, selectedTaskId, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask, }: {
     props: StageNodeProps;
     eventDrivenTasks: StageTaskGroup[];
     isReadOnly: boolean;
     selectedTaskId?: string;
-    marginTop: string;
     handleTaskClick: (e: React.MouseEvent, taskElementId: string) => void;
     generateReplaceTaskMenuItemForTask: (taskId: string, isParallel: boolean) => NodeMenuItem | undefined;
     generateDeleteTaskMenuItemForTask: (taskId: string) => NodeMenuItem | undefined;

package/dist/canvas/components/StageNode/tasks/StageNodeEventDrivenTaskGroups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageNodeEventDrivenTaskGroups.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/tasks/StageNodeEventDrivenTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,oBAAoB,CAAC;AAqGxF,eAAO,MAAM,8BAA8B,yLAxFxC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;IAC9B,iCAAiC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,SAAS,CAAC;CACjF,oDA6EsF,CAAC"}

package/dist/canvas/components/StageNode/{StageNodeEventDrivenTaskGroups.js → tasks/StageNodeEventDrivenTaskGroups.js}

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo, useCallback } from "react";
+import { StageItemsList, StageItemsSection } from "../StageNode.styles.js";
+import { StageItemsHeaderTitle } from "../shared/StageItemsHeaderTitle.js";
+import { useStageNodeLabels } from "../useStageNodeLabels.js";
 import { EventDrivenTaskItem } from "./EventDrivenTask.js";
-import { StageAdditionalTasksHeaderSection, StageAdditionalTasksSection, StageTaskList } from "./StageNode.styles.js";
-import { useStageNodeLabels } from "./useStageNodeLabels.js";
-const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOnly, selectedTaskId, marginTop, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask })=>{
+const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOnly, selectedTaskId, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask })=>{
     const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, loadingTaskIds, onTaskBreakpointToggle, getTaskContextMenuItems } = props;
     const hasBuiltInTaskActions = !!(onReplaceTaskFromToolbox || onTaskGroupModification);
     const labels = useStageNodeLabels();
@@ -26,19 +27,13 @@ const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOn
         generateDeleteTaskMenuItemForTask
     ]);
     if (0 === eventDrivenTasks.length) return null;
-    return /*#__PURE__*/ jsxs(StageAdditionalTasksSection, {
-        style: {
-            marginTop
-        },
+    return /*#__PURE__*/ jsxs(StageItemsSection, {
         children: [
-            /*#__PURE__*/ jsx(StageAdditionalTasksHeaderSection, {
-                children: /*#__PURE__*/ jsx("span", {
-                    "data-testid": `event-driven-tasks-header-${id}`,
-                    className: "text-xs font-bold text-foreground-muted",
-                    children: labels.eventDrivenTasks
-                })
+            /*#__PURE__*/ jsx(StageItemsHeaderTitle, {
+                title: labels.eventDrivenTasks,
+                testId: `event-driven-tasks-header-${id}`
             }),
-            /*#__PURE__*/ jsx(StageTaskList, {
+            /*#__PURE__*/ jsx(StageItemsList, {
                 "data-testid": `event-driven-tasks-list-${id}`,
                 children: eventDrivenTasks.map(({ task })=>{
                     const taskExecution = execution?.taskStatus?.[task.id];

package/dist/canvas/components/StageNode/{StageNodeSequentialTaskGroups.cjs → tasks/StageNodeSequentialTaskGroups.cjs}

@@ -30,15 +30,16 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const core_namespaceObject = require("@dnd-kit/core");
 const sortable_namespaceObject = require("@dnd-kit/sortable");
 const apollo_core_namespaceObject = require("@uipath/apollo-core");
-const index_cjs_namespaceObject = require("../../layouts/index.cjs");
+const index_cjs_namespaceObject = require("../../../layouts/index.cjs");
 const external_react_namespaceObject = require("react");
-const GroupModificationUtils_cjs_namespaceObject = require("../../utils/GroupModificationUtils.cjs");
+const GroupModificationUtils_cjs_namespaceObject = require("../../../utils/GroupModificationUtils.cjs");
+const useStageTaskDragHandler_cjs_namespaceObject = require("../hooks/useStageTaskDragHandler.cjs");
+const external_StageNode_styles_cjs_namespaceObject = require("../StageNode.styles.cjs");
+const StageItemsHeaderTitle_cjs_namespaceObject = require("../shared/StageItemsHeaderTitle.cjs");
+const external_useStageNodeLabels_cjs_namespaceObject = require("../useStageNodeLabels.cjs");
 const external_DraggableTask_cjs_namespaceObject = require("./DraggableTask.cjs");
-const useStageTaskDragHandler_cjs_namespaceObject = require("./hooks/useStageTaskDragHandler.cjs");
-const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
 const external_StageNodeTaskUtilities_cjs_namespaceObject = require("./StageNodeTaskUtilities.cjs");
 const external_StageTaskDragOverlay_cjs_namespaceObject = require("./StageTaskDragOverlay.cjs");
-const external_useStageNodeLabels_cjs_namespaceObject = require("./useStageNodeLabels.cjs");
 const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequentialTasks, allTasks, isReadOnly, selectedTaskId, taskWidthStyle, handleTaskClick, handleReorderSequentialTasks, generateReplaceTaskMenuItemForTask })=>{
     const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, onTaskReorder, hideParallelOptions, loadingTaskIds, onTaskBreakpointToggle, getTaskContextMenuItems } = props;
     const hasBuiltInTaskActions = !!(onReplaceTaskFromToolbox || onTaskGroupModification);
@@ -124,14 +125,11 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
         coordinateGetter: sortable_namespaceObject.sortableKeyboardCoordinates
     }));
     if (0 === sequentialTaskGroups.length) return null;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageAdditionalTasksSection, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageItemsSection, {
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageAdditionalTasksHeaderSection, {
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                    "data-testid": `sequential-tasks-header-${id}`,
-                    className: "text-xs font-bold text-foreground-muted",
-                    children: labels.sequentialTasks
-                })
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StageItemsHeaderTitle_cjs_namespaceObject.StageItemsHeaderTitle, {
+                title: labels.sequentialTasks,
+                testId: `sequential-tasks-header-${id}`
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.DndContext, {
                 collisionDetection: core_namespaceObject.closestCenter,
@@ -145,7 +143,7 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
                     /*#__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, {
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageItemsList, {
                             "data-testid": `sequential-tasks-list-${id}`,
                             className: "nodrag nopan",
                             children: sequentialTaskGroups.map((taskGroup, groupIndex)=>{

package/dist/canvas/components/StageNode/{StageNodeSequentialTaskGroups.d.ts → tasks/StageNodeSequentialTaskGroups.d.ts}

@@ -1,6 +1,6 @@
 import { type CSSProperties } from 'react';
-import type { NodeMenuItem } from '../NodeContextMenu';
-import type { StageNodeProps, StageTaskGroup, StageTaskItem } from './StageNode.types';
+import type { NodeMenuItem } from '../../NodeContextMenu';
+import type { StageNodeProps, StageTaskGroup, StageTaskItem } from '../StageNode.types';
 export declare const StageNodeSequentialTaskGroups: ({ props, sequentialTaskGroups, sequentialTasks, allTasks, isReadOnly, selectedTaskId, taskWidthStyle, handleTaskClick, handleReorderSequentialTasks, generateReplaceTaskMenuItemForTask, }: {
     props: StageNodeProps;
     sequentialTaskGroups: StageTaskItem[][];

package/dist/canvas/components/StageNode/tasks/StageNodeSequentialTaskGroups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageNodeSequentialTaskGroups.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/tasks/StageNodeSequentialTaskGroups.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,aAAa,EAAwB,MAAM,OAAO,CAAC;AAMjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAS1D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAOxF,eAAO,MAAM,6BAA6B,GAAI,4LAW3C;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,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,mDAwNA,CAAC"}

package/dist/canvas/components/StageNode/{StageNodeSequentialTaskGroups.js → tasks/StageNodeSequentialTaskGroups.js}

@@ -2,15 +2,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { Spacing } from "@uipath/apollo-core";
-import { Row } from "../../layouts/index.js";
+import { Row } from "../../../layouts/index.js";
 import { useCallback, useMemo } from "react";
-import { GroupModificationType, moveGroupDown, moveGroupUp } from "../../utils/GroupModificationUtils.js";
+import { GroupModificationType, moveGroupDown, moveGroupUp } from "../../../utils/GroupModificationUtils.js";
+import { useStageTaskDragHandler } from "../hooks/useStageTaskDragHandler.js";
+import { StageItemsList, StageItemsSection, StageParallelBracket, StageParallelLabel, StageTaskGroupContainer } from "../StageNode.styles.js";
+import { StageItemsHeaderTitle } from "../shared/StageItemsHeaderTitle.js";
+import { useStageNodeLabels } from "../useStageNodeLabels.js";
 import { DraggableTask } from "./DraggableTask.js";
-import { useStageTaskDragHandler } from "./hooks/useStageTaskDragHandler.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";
 const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequentialTasks, allTasks, isReadOnly, selectedTaskId, taskWidthStyle, handleTaskClick, handleReorderSequentialTasks, generateReplaceTaskMenuItemForTask })=>{
     const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, onTaskReorder, hideParallelOptions, loadingTaskIds, onTaskBreakpointToggle, getTaskContextMenuItems } = props;
     const hasBuiltInTaskActions = !!(onReplaceTaskFromToolbox || onTaskGroupModification);
@@ -96,14 +97,11 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
         coordinateGetter: sortableKeyboardCoordinates
     }));
     if (0 === sequentialTaskGroups.length) return null;
-    return /*#__PURE__*/ jsxs(StageAdditionalTasksSection, {
+    return /*#__PURE__*/ jsxs(StageItemsSection, {
         children: [
-            /*#__PURE__*/ jsx(StageAdditionalTasksHeaderSection, {
-                children: /*#__PURE__*/ jsx("span", {
-                    "data-testid": `sequential-tasks-header-${id}`,
-                    className: "text-xs font-bold text-foreground-muted",
-                    children: labels.sequentialTasks
-                })
+            /*#__PURE__*/ jsx(StageItemsHeaderTitle, {
+                title: labels.sequentialTasks,
+                testId: `sequential-tasks-header-${id}`
             }),
             /*#__PURE__*/ jsxs(DndContext, {
                 collisionDetection: closestCenter,
@@ -117,7 +115,7 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
                     /*#__PURE__*/ jsx(SortableContext, {
                         items: sequentialTaskIds,
                         strategy: verticalListSortingStrategy,
-                        children: /*#__PURE__*/ jsx(StageTaskList, {
+                        children: /*#__PURE__*/ jsx(StageItemsList, {
                             "data-testid": `sequential-tasks-list-${id}`,
                             className: "nodrag nopan",
                             children: sequentialTaskGroups.map((taskGroup, groupIndex)=>{

package/dist/canvas/components/StageNode/{StageNodeTaskUtilities.cjs → tasks/StageNodeTaskUtilities.cjs}

@@ -29,7 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
     transformMenuItems: ()=>transformMenuItems,
     getContextMenuItems: ()=>getContextMenuItems
 });
-const GroupModificationUtils_cjs_namespaceObject = require("../../utils/GroupModificationUtils.cjs");
+const GroupModificationUtils_cjs_namespaceObject = require("../../../utils/GroupModificationUtils.cjs");
 const getContextMenuItems = ({ isParallelGroup, groupIndex, tasksLength, groupIndexInAllTasks, taskIndexInAllTasks, isAboveParallel, isBelowParallel, reGroupTaskFunction, hideParallelOptions = false, labels })=>{
     const CONTEXT_MENU_ITEMS = {
         MOVE_UP: getMenuItem('move-up', labels.moveUp, ()=>reGroupTaskFunction(GroupModificationUtils_cjs_namespaceObject.GroupModificationType.TASK_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),

package/dist/canvas/components/StageNode/{StageNodeTaskUtilities.d.ts → tasks/StageNodeTaskUtilities.d.ts}

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import { GroupModificationType } from '../../utils/GroupModificationUtils';
-import type { NodeMenuAction, NodeMenuItem } from '../NodeContextMenu';
+import { GroupModificationType } from '../../../utils/GroupModificationUtils';
+import type { NodeMenuAction, NodeMenuItem } from '../../NodeContextMenu';
 export interface StageContextMenuLabels {
     moveUp: string;
     moveDown: string;

package/dist/canvas/components/StageNode/tasks/StageNodeTaskUtilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageNodeTaskUtilities.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/tasks/StageNodeTaskUtilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1E,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,gCAAgC,EAAE,MAAM,CAAC;IACzC,gCAAgC,EAAE,MAAM,CAAC;IACzC,2BAA2B,EAAE,MAAM,CAAC;IACpC,2BAA2B,EAAE,MAAM,CAAC;CACrC;AAED,eAAO,MAAM,mBAAmB,GAAI,8KAWjC;IACD,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,EAAE,CACnB,qBAAqB,EAAE,qBAAqB,EAC5C,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,KACd,IAAI,CAAC;IACV,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,MAAM,EAAE,sBAAsB,CAAC;CAChC,KAAG,YAAY,EA+Hf,CAAC;AAEF,wBAAgB,WAAW,CACzB,EAAE,EAAE,MAAM,YAAO,EACjB,KAAK,EAAE,MAAM,YAAU,EACvB,OAAO,EAAE,MAAM,IAAI,EACnB,UAAU,UAAQ,GACjB,YAAY,CAEd;AAED,eAAO,MAAM,UAAU,QAAO,YAI7B,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAMD,eAAO,MAAM,kBAAkB,GAC7B,WAAW,YAAY,EAAE,GAAG,SAAS,EACrC,aAAa,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,KAC1C,mBAAmB,EAwBrB,CAAC"}

package/dist/canvas/components/StageNode/{StageNodeTaskUtilities.js → tasks/StageNodeTaskUtilities.js}

@@ -1,4 +1,4 @@
-import { GroupModificationType } from "../../utils/GroupModificationUtils.js";
+import { GroupModificationType } from "../../../utils/GroupModificationUtils.js";
 const getContextMenuItems = ({ isParallelGroup, groupIndex, tasksLength, groupIndexInAllTasks, taskIndexInAllTasks, isAboveParallel, isBelowParallel, reGroupTaskFunction, hideParallelOptions = false, labels })=>{
     const CONTEXT_MENU_ITEMS = {
         MOVE_UP: getMenuItem('move-up', labels.moveUp, ()=>reGroupTaskFunction(GroupModificationType.TASK_GROUP_UP, groupIndexInAllTasks, taskIndexInAllTasks)),

package/dist/canvas/components/StageNode/{StageTaskDragOverlay.cjs → tasks/StageTaskDragOverlay.cjs}

@@ -28,10 +28,10 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const core_namespaceObject = require("@dnd-kit/core");
-const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
+const react_cjs_namespaceObject = require("../../../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
 const external_react_dom_namespaceObject = require("react-dom");
-const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
+const external_StageNode_styles_cjs_namespaceObject = require("../StageNode.styles.cjs");
 const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
 const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle })=>{
     const zoom = (0, react_cjs_namespaceObject.useStore)((state)=>activeTask ? state.transform[2] : 1);
@@ -45,7 +45,7 @@ const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle
     return /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(core_namespaceObject.DragOverlay, {
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             style: dragOverlayStyle,
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTask, {
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageItemPill, {
                 selected: true,
                 isParallel: isActiveTaskParallel,
                 style: {

package/dist/canvas/components/StageNode/{StageTaskDragOverlay.d.ts → tasks/StageTaskDragOverlay.d.ts}

@@ -1,3 +1,3 @@
-import type { StageTaskDragOverlayProps } from './StageNode.types';
+import type { StageTaskDragOverlayProps } from '../StageNode.types';
 export declare const StageTaskDragOverlay: ({ activeTask, isActiveTaskParallel, taskWidthStyle, }: StageTaskDragOverlayProps) => import("react").ReactPortal | null;
 //# sourceMappingURL=StageTaskDragOverlay.d.ts.map

package/dist/canvas/components/StageNode/tasks/StageTaskDragOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageTaskDragOverlay.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/tasks/StageTaskDragOverlay.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAGpE,eAAO,MAAM,oBAAoB,GAAI,uDAIlC,yBAAyB,uCA8B3B,CAAC"}

package/dist/canvas/components/StageNode/{StageTaskDragOverlay.js → tasks/StageTaskDragOverlay.js}

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { DragOverlay } from "@dnd-kit/core";
-import { useStore } from "../../xyflow/react.js";
+import { useStore } from "../../../xyflow/react.js";
 import { useMemo } from "react";
 import { createPortal } from "react-dom";
-import { StageTask } from "./StageNode.styles.js";
+import { StageItemPill } from "../StageNode.styles.js";
 import { TaskContent } from "./TaskContent.js";
 const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle })=>{
     const zoom = useStore((state)=>activeTask ? state.transform[2] : 1);
@@ -17,7 +17,7 @@ const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle
     return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(DragOverlay, {
         children: /*#__PURE__*/ jsx("div", {
             style: dragOverlayStyle,
-            children: /*#__PURE__*/ jsx(StageTask, {
+            children: /*#__PURE__*/ jsx(StageItemPill, {
                 selected: true,
                 isParallel: isActiveTaskParallel,
                 style: {