npm - @uipath/apollo-react - Versions diffs - 3.69.0 → 3.69.1 - Mend

@uipath/apollo-react 3.69.0 → 3.69.1

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 (30) hide show

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

@@ -1,14 +1,5 @@
 "use strict";
 var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -36,62 +27,10 @@ __webpack_require__.d(__webpack_exports__, {
     AdhocTaskItem: ()=>AdhocTaskItem
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const apollo_core_namespaceObject = require("@uipath/apollo-core");
-const index_cjs_namespaceObject = require("../../../material/index.cjs");
-const external_debounce_namespaceObject = require("debounce");
-var external_debounce_default = /*#__PURE__*/ __webpack_require__.n(external_debounce_namespaceObject);
 const external_react_namespaceObject = require("react");
-const external_icons_index_cjs_namespaceObject = require("../../icons/index.cjs");
-const external_DraggableTask_cjs_namespaceObject = require("./DraggableTask.cjs");
 const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
+const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
 const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
-const AdhocTaskPlayButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ taskId, onTaskPlay })=>{
-    const [playLoading, setPlayLoading] = (0, external_react_namespaceObject.useState)(false);
-    const debouncedTaskPlay = (0, external_react_namespaceObject.useMemo)(()=>external_debounce_default()(async (id)=>{
-            setPlayLoading(true);
-            try {
-                await onTaskPlay(id);
-            } catch  {} finally{
-                setPlayLoading(false);
-            }
-        }, 500, {
-            immediate: true
-        }), [
-        onTaskPlay
-    ]);
-    const handlePlayClick = (0, external_react_namespaceObject.useCallback)((e)=>{
-        e.stopPropagation();
-        e.preventDefault();
-        debouncedTaskPlay(taskId);
-    }, [
-        debouncedTaskPlay,
-        taskId
-    ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTooltip, {
-        content: "Trigger task",
-        placement: "top",
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApIconButton, {
-            "data-testid": `stage-task-play-${taskId}`,
-            onClick: handlePlayClick,
-            onMouseDown: (e)=>e.stopPropagation(),
-            onKeyDown: (e)=>e.stopPropagation(),
-            className: "task-menu-icon-button",
-            sx: {
-                color: 'var(--uix-canvas-primary) !important',
-                minWidth: 'unset !important',
-                width: `${apollo_core_namespaceObject.Spacing.SpacingL} !important`,
-                height: `${apollo_core_namespaceObject.Spacing.SpacingL} !important`,
-                padding: '0 !important'
-            },
-            children: playLoading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApCircularProgress, {
-                size: 20
-            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icons_index_cjs_namespaceObject.PlayIcon, {
-                w: 20,
-                h: 20
-            })
-        })
-    });
-});
 const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, onTaskPlay })=>{
     const [isMenuOpen, setIsMenuOpen] = (0, external_react_namespaceObject.useState)(false);
     const taskRef = (0, external_react_namespaceObject.useRef)(null);
@@ -120,12 +59,9 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
             onContextMenu: handleContextMenu
         },
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DraggableTask_cjs_namespaceObject.TaskContent, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskContent_cjs_namespaceObject.TaskContent, {
                 task: task,
-                taskExecution: taskExecution
-            }),
-            onTaskPlay && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AdhocTaskPlayButton, {
-                taskId: task.id,
+                taskExecution: taskExecution,
                 onTaskPlay: onTaskPlay
             }),
             getContextMenuItems && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AdhocTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/AdhocTask.tsx"],"names":[],"mappings":"~~AAKA~~,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;~~AAGvD~~,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;~~AA0D3E~~,UAAU,kBAAkB;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,YAAY,EAAE,CAAC;IAC3C,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAChD;~~AAsDD~~,eAAO,MAAM,aAAa,~~2HA7CvB~~,kBAAkB,~~6CA6CoC~~,CAAC"}
1	+ {"version":3,"file":"AdhocTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/AdhocTask.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAI3E,UAAU,kBAAkB;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,YAAY,EAAE,CAAC;IAC3C,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAChD;AAqDD,eAAO,MAAM,aAAa,2HA5CvB,kBAAkB,6CA4CoC,CAAC"}

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

@@ -1,59 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Spacing } from "@uipath/apollo-core";
-import { ApCircularProgress, ApIconButton, ApTooltip } from "../../../material/index.js";
-import debounce from "debounce";
-import { memo, useCallback, useMemo, useRef, useState } from "react";
-import { PlayIcon } from "../../icons/index.js";
-import { TaskContent } from "./DraggableTask.js";
+import { memo, useCallback, useRef, useState } from "react";
 import { StageTask } from "./StageNode.styles.js";
+import { TaskContent } from "./TaskContent.js";
 import { TaskMenu } from "./TaskMenu.js";
-const AdhocTaskPlayButton = /*#__PURE__*/ memo(({ taskId, onTaskPlay })=>{
-    const [playLoading, setPlayLoading] = useState(false);
-    const debouncedTaskPlay = useMemo(()=>debounce(async (id)=>{
-            setPlayLoading(true);
-            try {
-                await onTaskPlay(id);
-            } catch  {} finally{
-                setPlayLoading(false);
-            }
-        }, 500, {
-            immediate: true
-        }), [
-        onTaskPlay
-    ]);
-    const handlePlayClick = useCallback((e)=>{
-        e.stopPropagation();
-        e.preventDefault();
-        debouncedTaskPlay(taskId);
-    }, [
-        debouncedTaskPlay,
-        taskId
-    ]);
-    return /*#__PURE__*/ jsx(ApTooltip, {
-        content: "Trigger task",
-        placement: "top",
-        children: /*#__PURE__*/ jsx(ApIconButton, {
-            "data-testid": `stage-task-play-${taskId}`,
-            onClick: handlePlayClick,
-            onMouseDown: (e)=>e.stopPropagation(),
-            onKeyDown: (e)=>e.stopPropagation(),
-            className: "task-menu-icon-button",
-            sx: {
-                color: 'var(--uix-canvas-primary) !important',
-                minWidth: 'unset !important',
-                width: `${Spacing.SpacingL} !important`,
-                height: `${Spacing.SpacingL} !important`,
-                padding: '0 !important'
-            },
-            children: playLoading ? /*#__PURE__*/ jsx(ApCircularProgress, {
-                size: 20
-            }) : /*#__PURE__*/ jsx(PlayIcon, {
-                w: 20,
-                h: 20
-            })
-        })
-    });
-});
 const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, onTaskPlay })=>{
     const [isMenuOpen, setIsMenuOpen] = useState(false);
     const taskRef = useRef(null);
@@ -84,10 +33,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
         children: [
             /*#__PURE__*/ jsx(TaskContent, {
                 task: task,
-                taskExecution: taskExecution
-            }),
-            onTaskPlay && /*#__PURE__*/ jsx(AdhocTaskPlayButton, {
-                taskId: task.id,
+                taskExecution: taskExecution,
                 onTaskPlay: onTaskPlay
             }),
             getContextMenuItems && /*#__PURE__*/ jsx(TaskMenu, {

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

@@ -24,154 +24,18 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    TaskContent: ()=>TaskContent,
     DraggableTask: ()=>DraggableTask
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const sortable_namespaceObject = require("@dnd-kit/sortable");
 const utilities_namespaceObject = require("@dnd-kit/utilities");
-const apollo_core_namespaceObject = require("@uipath/apollo-core");
-const index_cjs_namespaceObject = require("../../layouts/index.cjs");
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
-const external_material_index_cjs_namespaceObject = require("../../../material/index.cjs");
+const index_cjs_namespaceObject = require("../../../material/index.cjs");
 const external_react_namespaceObject = require("react");
 const external_icons_index_cjs_namespaceObject = require("../../icons/index.cjs");
-const external_ExecutionStatusIcon_index_cjs_namespaceObject = require("../ExecutionStatusIcon/index.cjs");
 const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
+const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
 const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
-const ProcessNodeIcon = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("rect", {
-                x: "3",
-                y: "3",
-                width: "7",
-                height: "7",
-                rx: "1"
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("rect", {
-                x: "14",
-                y: "3",
-                width: "7",
-                height: "7",
-                rx: "1"
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("rect", {
-                x: "3",
-                y: "14",
-                width: "7",
-                height: "7",
-                rx: "1"
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("rect", {
-                x: "14",
-                y: "14",
-                width: "7",
-                height: "7",
-                rx: "1"
-            })
-        ]
-    });
-const generateBadgeText = (taskExecution)=>{
-    if (!taskExecution.badge) return;
-    if (taskExecution.retryCount && taskExecution.retryCount > 1) return `${taskExecution.badge} x${taskExecution.retryCount}`;
-    return taskExecution.badge;
-};
-const TaskContent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ task, taskExecution, isDragging })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-            flex: 1,
-            style: {
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                whiteSpace: 'nowrap'
-            },
-            gap: apollo_core_namespaceObject.Padding.PadXs,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                    align: "center",
-                    justify: "space-between",
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                            gap: apollo_core_namespaceObject.Spacing.SpacingXs,
-                            align: "center",
-                            style: {
-                                overflow: 'hidden',
-                                textOverflow: 'ellipsis',
-                                whiteSpace: 'nowrap'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTaskIcon, {
-                                    children: task.icon ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ProcessNodeIcon, {})
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTooltip, {
-                                    content: task.label,
-                                    placement: "top",
-                                    smartTooltip: true,
-                                    ...isDragging && {
-                                        isOpen: false
-                                    },
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                                        variant: apollo_core_namespaceObject.FontVariantToken.fontSizeM,
-                                        color: "var(--uix-canvas-foreground)",
-                                        style: {
-                                            overflow: 'hidden',
-                                            textOverflow: 'ellipsis',
-                                            whiteSpace: 'nowrap'
-                                        },
-                                        children: task.label
-                                    })
-                                })
-                            ]
-                        }),
-                        taskExecution?.status && (taskExecution.message ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTooltip, {
-                            content: taskExecution.message,
-                            placement: "top",
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApIconButton, {
-                                size: "small",
-                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ExecutionStatusIcon_index_cjs_namespaceObject.ExecutionStatusIcon, {
-                                    status: taskExecution.status
-                                })
-                            })
-                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ExecutionStatusIcon_index_cjs_namespaceObject.ExecutionStatusIcon, {
-                            status: taskExecution.status
-                        }))
-                    ]
-                }),
-                taskExecution && (taskExecution.duration || taskExecution.retryDuration || taskExecution.badge) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                    align: "center",
-                    justify: "space-between",
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                            gap: '2px',
-                            children: [
-                                taskExecution?.duration && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                                    variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
-                                    color: "var(--uix-canvas-foreground-de-emp)",
-                                    children: taskExecution.duration
-                                }),
-                                taskExecution?.retryDuration && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTaskRetryDuration, {
-                                    status: taskExecution.badgeStatus ?? 'warning',
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                                        variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
-                                        color: "inherit",
-                                        children: `(+${taskExecution.retryDuration})`
-                                    })
-                                })
-                            ]
-                        }),
-                        taskExecution?.badge && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApBadge, {
-                            size: external_material_index_cjs_namespaceObject.BadgeSize.SMALL,
-                            status: taskExecution.badgeStatus,
-                            label: generateBadgeText(taskExecution) ?? ''
-                        })
-                    ]
-                })
-            ]
-        })
-    }));
 const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, groupIndex, taskIndex, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth })=>{
     const [isMenuOpen, setIsMenuOpen] = (0, external_react_namespaceObject.useState)(false);
     const zoom = (0, react_cjs_namespaceObject.useStore)((s)=>s.transform[2]);
@@ -248,11 +112,11 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
             onContextMenu: handleContextMenu
         },
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TaskContent, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskContent_cjs_namespaceObject.TaskContent, {
                 task: task,
                 taskExecution: taskExecution
             }),
-            task.hasEntryCondition && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTooltip, {
+            task.hasEntryCondition && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTooltip, {
                 content: "Entry condition",
                 placement: "top",
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
@@ -289,10 +153,8 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
 };
 const DraggableTask = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(DraggableTaskComponent);
 exports.DraggableTask = __webpack_exports__.DraggableTask;
-exports.TaskContent = __webpack_exports__.TaskContent;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "DraggableTask",
-    "TaskContent"
+    "DraggableTask"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

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

@@ -1,4 +1,3 @@
-import type { DraggableTaskProps, TaskContentProps } from './DraggableTask.types';
-export declare const TaskContent: import("react").MemoExoticComponent<({ task, taskExecution, isDragging }: TaskContentProps) => import("react/jsx-runtime").JSX.Element>;
+import type { DraggableTaskProps } from './DraggableTask.types';
 export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, groupIndex, taskIndex, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, }: DraggableTaskProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=DraggableTask.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"~~AAgBA~~,OAAO,KAAK,EAAE,kBAAkB,EAAE,~~gBAAgB,EAAE,~~MAAM,uBAAuB,CAAC;~~AAgClF~~,eAAO,MAAM,~~WAAW,4EAA8C,gBAAgB,6CAwEpF,CAAC;AAyIH,eAAO,MAAM,~~aAAa,kLA5HvB,kBAAkB,6CA4HoC,CAAC"}
1	+ {"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAkJhE,eAAO,MAAM,aAAa,kLA5HvB,kBAAkB,6CA4HoC,CAAC"}

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

@@ -1,148 +1,13 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { FontVariantToken, Padding, Spacing } from "@uipath/apollo-core";
-import { Column, Row } from "../../layouts/index.js";
 import { useStore } from "../../xyflow/react.js";
-import { ApBadge, ApIconButton, ApTooltip, ApTypography, BadgeSize } from "../../../material/index.js";
+import { ApTooltip } from "../../../material/index.js";
 import { memo, useCallback, useMemo, useRef, useState } from "react";
 import { EntryConditionIcon } from "../../icons/index.js";
-import { ExecutionStatusIcon } from "../ExecutionStatusIcon/index.js";
-import { INDENTATION_WIDTH, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskIcon, StageTaskRetryDuration, StageTaskWrapper } from "./StageNode.styles.js";
+import { INDENTATION_WIDTH, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskWrapper } from "./StageNode.styles.js";
+import { TaskContent } from "./TaskContent.js";
 import { TaskMenu } from "./TaskMenu.js";
-const ProcessNodeIcon = ()=>/*#__PURE__*/ jsxs("svg", {
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        children: [
-            /*#__PURE__*/ jsx("rect", {
-                x: "3",
-                y: "3",
-                width: "7",
-                height: "7",
-                rx: "1"
-            }),
-            /*#__PURE__*/ jsx("rect", {
-                x: "14",
-                y: "3",
-                width: "7",
-                height: "7",
-                rx: "1"
-            }),
-            /*#__PURE__*/ jsx("rect", {
-                x: "3",
-                y: "14",
-                width: "7",
-                height: "7",
-                rx: "1"
-            }),
-            /*#__PURE__*/ jsx("rect", {
-                x: "14",
-                y: "14",
-                width: "7",
-                height: "7",
-                rx: "1"
-            })
-        ]
-    });
-const generateBadgeText = (taskExecution)=>{
-    if (!taskExecution.badge) return;
-    if (taskExecution.retryCount && taskExecution.retryCount > 1) return `${taskExecution.badge} x${taskExecution.retryCount}`;
-    return taskExecution.badge;
-};
-const TaskContent = /*#__PURE__*/ memo(({ task, taskExecution, isDragging })=>/*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsxs(Column, {
-            flex: 1,
-            style: {
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                whiteSpace: 'nowrap'
-            },
-            gap: Padding.PadXs,
-            children: [
-                /*#__PURE__*/ jsxs(Row, {
-                    align: "center",
-                    justify: "space-between",
-                    children: [
-                        /*#__PURE__*/ jsxs(Row, {
-                            gap: Spacing.SpacingXs,
-                            align: "center",
-                            style: {
-                                overflow: 'hidden',
-                                textOverflow: 'ellipsis',
-                                whiteSpace: 'nowrap'
-                            },
-                            children: [
-                                /*#__PURE__*/ jsx(StageTaskIcon, {
-                                    children: task.icon ?? /*#__PURE__*/ jsx(ProcessNodeIcon, {})
-                                }),
-                                /*#__PURE__*/ jsx(ApTooltip, {
-                                    content: task.label,
-                                    placement: "top",
-                                    smartTooltip: true,
-                                    ...isDragging && {
-                                        isOpen: false
-                                    },
-                                    children: /*#__PURE__*/ jsx(ApTypography, {
-                                        variant: FontVariantToken.fontSizeM,
-                                        color: "var(--uix-canvas-foreground)",
-                                        style: {
-                                            overflow: 'hidden',
-                                            textOverflow: 'ellipsis',
-                                            whiteSpace: 'nowrap'
-                                        },
-                                        children: task.label
-                                    })
-                                })
-                            ]
-                        }),
-                        taskExecution?.status && (taskExecution.message ? /*#__PURE__*/ jsx(ApTooltip, {
-                            content: taskExecution.message,
-                            placement: "top",
-                            children: /*#__PURE__*/ jsx(ApIconButton, {
-                                size: "small",
-                                children: /*#__PURE__*/ jsx(ExecutionStatusIcon, {
-                                    status: taskExecution.status
-                                })
-                            })
-                        }) : /*#__PURE__*/ jsx(ExecutionStatusIcon, {
-                            status: taskExecution.status
-                        }))
-                    ]
-                }),
-                taskExecution && (taskExecution.duration || taskExecution.retryDuration || taskExecution.badge) && /*#__PURE__*/ jsxs(Row, {
-                    align: "center",
-                    justify: "space-between",
-                    children: [
-                        /*#__PURE__*/ jsxs(Row, {
-                            gap: '2px',
-                            children: [
-                                taskExecution?.duration && /*#__PURE__*/ jsx(ApTypography, {
-                                    variant: FontVariantToken.fontSizeS,
-                                    color: "var(--uix-canvas-foreground-de-emp)",
-                                    children: taskExecution.duration
-                                }),
-                                taskExecution?.retryDuration && /*#__PURE__*/ jsx(StageTaskRetryDuration, {
-                                    status: taskExecution.badgeStatus ?? 'warning',
-                                    children: /*#__PURE__*/ jsx(ApTypography, {
-                                        variant: FontVariantToken.fontSizeS,
-                                        color: "inherit",
-                                        children: `(+${taskExecution.retryDuration})`
-                                    })
-                                })
-                            ]
-                        }),
-                        taskExecution?.badge && /*#__PURE__*/ jsx(ApBadge, {
-                            size: BadgeSize.SMALL,
-                            status: taskExecution.badgeStatus,
-                            label: generateBadgeText(taskExecution) ?? ''
-                        })
-                    ]
-                })
-            ]
-        })
-    }));
 const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, groupIndex, taskIndex, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth })=>{
     const [isMenuOpen, setIsMenuOpen] = useState(false);
     const zoom = useStore((s)=>s.transform[2]);
@@ -259,4 +124,4 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
     });
 };
 const DraggableTask = /*#__PURE__*/ memo(DraggableTaskComponent);
-export { DraggableTask, TaskContent };
+export { DraggableTask };

package/dist/canvas/components/StageNode/DraggableTask.types.d.ts CHANGED Viewed

@@ -1,10 +1,5 @@
 import type { NodeMenuItem } from '../NodeContextMenu';
 import type { StageTaskExecution, StageTaskItem } from './StageNode.types';
-export interface TaskContentProps {
-    task: StageTaskItem;
-    taskExecution?: StageTaskExecution;
-    isDragging?: boolean;
-}
 export interface DraggableTaskProps {
     task: StageTaskItem;
     taskExecution?: StageTaskExecution;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DraggableTask.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE3E,MAAM,WAAW,~~gBAAgB;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,~~kBAAkB~~,CAAC~~;~~IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;~~IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,YAAY,EAAE,CAAC;IAChF,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}
1	+ {"version":3,"file":"DraggableTask.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,YAAY,EAAE,CAAC;IAChF,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}

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

@@ -2174,15 +2174,75 @@ const AdhocTasks = {
                             [
                                 {
                                     id: '3',
+                                    label: 'Adhoc - Bkgd Check',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VerificationIcon, {}),
+                                    isAdhoc: true
+                                }
+                            ],
+                            [
+                                {
+                                    id: '4',
+                                    label: 'Adhoc - Review Docs',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DocumentIcon, {}),
+                                    isAdhoc: true
+                                }
+                            ],
+                            [
+                                {
+                                    id: '5',
                                     label: 'Regular Processing',
                                     icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ProcessIcon, {})
                                 }
                             ]
                         ]
                     },
-                    onTaskPlay: (taskId)=>{
-                        console.log(`Play task: ${taskId}`);
-                    }
+                    execution: {
+                        stageStatus: {
+                            status: 'InProgress',
+                            label: 'In progress',
+                            duration: 'SLA: 3h 45m'
+                        },
+                        taskStatus: {
+                            1: {
+                                status: 'Completed',
+                                label: 'Verify Address',
+                                duration: '1h 20m',
+                                retryDuration: '35m',
+                                badge: 'Reworked',
+                                badgeStatus: 'warning',
+                                retryCount: 2
+                            },
+                            2: {
+                                status: 'Failed',
+                                label: 'Verify Identity',
+                                duration: '45m',
+                                message: 'Identity verification failed - document expired',
+                                badge: 'Action needed',
+                                badgeStatus: 'error'
+                            },
+                            3: {
+                                status: 'InProgress',
+                                label: 'Background Check'
+                            },
+                            4: {
+                                status: 'InProgress',
+                                label: 'Review Docs',
+                                duration: '30m',
+                                retryDuration: '10m',
+                                badge: 'Reworked',
+                                badgeStatus: 'info',
+                                retryCount: 1
+                            },
+                            5: {
+                                status: 'InProgress',
+                                label: 'Regular Processing'
+                            }
+                        }
+                    },
+                    onTaskPlay: (taskId)=>new Promise((resolve)=>setTimeout(()=>{
+                                resolve();
+                                console.log(`Play task: ${taskId}`);
+                            }, 5000))
                 }
             }
         ]

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA2BvD,OAAO,EAAuB,KAAK,cAAc,EAAsB,MAAM,mBAAmB,CAAC;AAiDjG,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,cAAc,CA8C9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KAmHrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA6M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA8HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAmKpC,CAAC;AAsGF,eAAO,MAAM,uBAAuB,EAAE,KAMrC,CAAC;AA0UF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AA4GF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAqJF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,~~KA8HxB~~,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiO3B,CAAC"}
1	+ {"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA2BvD,OAAO,EAAuB,KAAK,cAAc,EAAsB,MAAM,mBAAmB,CAAC;AAiDjG,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,cAAc,CA8C9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KAmHrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA6M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA8HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAmKpC,CAAC;AAsGF,eAAO,MAAM,uBAAuB,EAAE,KAMrC,CAAC;AA0UF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AA4GF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAqJF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA8LxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiO3B,CAAC"}