@uipath/apollo-react 4.44.0 → 4.44.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 (43) hide show
  1. package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.cjs +1 -1
  2. package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.d.ts.map +1 -1
  3. package/dist/canvas/components/FloatingCanvasPanel/useFloatingPosition.js +1 -1
  4. package/dist/canvas/components/StageNode/AdhocTask.cjs +1 -1
  5. package/dist/canvas/components/StageNode/AdhocTask.d.ts +1 -1
  6. package/dist/canvas/components/StageNode/AdhocTask.d.ts.map +1 -1
  7. package/dist/canvas/components/StageNode/AdhocTask.js +1 -1
  8. package/dist/canvas/components/StageNode/DraggableTask.cjs +4 -13
  9. package/dist/canvas/components/StageNode/DraggableTask.d.ts +1 -1
  10. package/dist/canvas/components/StageNode/DraggableTask.d.ts.map +1 -1
  11. package/dist/canvas/components/StageNode/DraggableTask.js +4 -13
  12. package/dist/canvas/components/StageNode/DraggableTask.types.d.ts +1 -3
  13. package/dist/canvas/components/StageNode/DraggableTask.types.d.ts.map +1 -1
  14. package/dist/canvas/components/StageNode/EventDrivenTask.cjs +1 -1
  15. package/dist/canvas/components/StageNode/EventDrivenTask.d.ts +1 -1
  16. package/dist/canvas/components/StageNode/EventDrivenTask.d.ts.map +1 -1
  17. package/dist/canvas/components/StageNode/EventDrivenTask.js +1 -1
  18. package/dist/canvas/components/StageNode/StageEdge.cjs +4 -1
  19. package/dist/canvas/components/StageNode/StageEdge.d.ts.map +1 -1
  20. package/dist/canvas/components/StageNode/StageEdge.js +5 -2
  21. package/dist/canvas/components/StageNode/StageNode.cjs +7 -9
  22. package/dist/canvas/components/StageNode/StageNode.d.ts.map +1 -1
  23. package/dist/canvas/components/StageNode/StageNode.js +7 -9
  24. package/dist/canvas/components/StageNode/StageNode.stories.utils.cjs +15 -13
  25. package/dist/canvas/components/StageNode/StageNode.stories.utils.d.ts.map +1 -1
  26. package/dist/canvas/components/StageNode/StageNode.stories.utils.js +15 -13
  27. package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.cjs +1 -3
  28. package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.d.ts.map +1 -1
  29. package/dist/canvas/components/StageNode/StageNodeAdhocTaskGroups.js +1 -3
  30. package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.cjs +1 -3
  31. package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.d.ts.map +1 -1
  32. package/dist/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.js +1 -3
  33. package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.cjs +6 -8
  34. package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.d.ts.map +1 -1
  35. package/dist/canvas/components/StageNode/StageNodeSequentialTaskGroups.js +6 -8
  36. package/dist/canvas/components/StageNode/StageTaskDragOverlay.cjs +1 -1
  37. package/dist/canvas/components/StageNode/StageTaskDragOverlay.d.ts.map +1 -1
  38. package/dist/canvas/components/StageNode/StageTaskDragOverlay.js +1 -1
  39. package/dist/canvas/components/StageNode/TaskMenu.cjs +4 -3
  40. package/dist/canvas/components/StageNode/TaskMenu.d.ts +3 -2
  41. package/dist/canvas/components/StageNode/TaskMenu.d.ts.map +1 -1
  42. package/dist/canvas/components/StageNode/TaskMenu.js +4 -3
  43. package/package.json +1 -1
@@ -32,7 +32,7 @@ const external_react_namespaceObject = require("react");
32
32
  const VIEWPORT_PADDING = 8;
33
33
  function useFloatingPosition({ open = true, nodeId, anchorRect, placement = 'right-start', offset: offsetValue = 20, fallbackPlacement = 'none' }) {
34
34
  const referenceRef = (0, external_react_namespaceObject.useRef)(null);
35
- const internalNode = (0, react_cjs_namespaceObject.useInternalNode)(nodeId || '');
35
+ const internalNode = (0, react_cjs_namespaceObject.useInternalNode)(open && nodeId ? nodeId : '');
36
36
  const [availableHeight, setAvailableHeight] = (0, external_react_namespaceObject.useState)(null);
37
37
  const computedAnchor = (0, external_react_namespaceObject.useMemo)(()=>{
38
38
  if (anchorRect) return anchorRect;
@@ -1 +1 @@
1
- {"version":3,"file":"useFloatingPosition.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/FloatingCanvasPanel/useFloatingPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAKf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAwC,MAAM,OAAO,CAAC;AAEnG,MAAM,MAAM,UAAU,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AASjF,MAAM,WAAW,0BAA0B;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CAC9C;AAED,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,UAAU,GAAG,IAAI,CAAC;IAClC,cAAc,EAAE,aAAa,CAAC;IAC9B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE;QACJ,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;KACvC,CAAC;IACF,kBAAkB,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;CACjE;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAW,EACX,MAAM,EACN,UAAU,EACV,SAAyB,EACzB,MAAM,EAAE,WAAgB,EACxB,iBAA0B,GAC3B,EAAE,0BAA0B,GAAG,yBAAyB,CAmExD"}
1
+ {"version":3,"file":"useFloatingPosition.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/FloatingCanvasPanel/useFloatingPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAKf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAwC,MAAM,OAAO,CAAC;AAEnG,MAAM,MAAM,UAAU,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AASjF,MAAM,WAAW,0BAA0B;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CAC9C;AAED,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,UAAU,GAAG,IAAI,CAAC;IAClC,cAAc,EAAE,aAAa,CAAC;IAC9B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE;QACJ,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;KACvC,CAAC;IACF,kBAAkB,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;CACjE;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAW,EACX,MAAM,EACN,UAAU,EACV,SAAyB,EACzB,MAAM,EAAE,WAAgB,EACxB,iBAA0B,GAC3B,EAAE,0BAA0B,GAAG,yBAAyB,CAsExD"}
@@ -4,7 +4,7 @@ import { useEffect, useMemo, useRef, useState } from "react";
4
4
  const VIEWPORT_PADDING = 8;
5
5
  function useFloatingPosition({ open = true, nodeId, anchorRect, placement = 'right-start', offset: offsetValue = 20, fallbackPlacement = 'none' }) {
6
6
  const referenceRef = useRef(null);
7
- const internalNode = useInternalNode(nodeId || '');
7
+ const internalNode = useInternalNode(open && nodeId ? nodeId : '');
8
8
  const [availableHeight, setAvailableHeight] = useState(null);
9
9
  const computedAnchor = useMemo(()=>{
10
10
  if (anchorRect) return anchorRect;
@@ -61,7 +61,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
61
61
  }),
62
62
  getContextMenuItems && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
63
63
  ref: menuRef,
64
- taskId: task.id,
64
+ task: task,
65
65
  getContextMenuItems: getContextMenuItems,
66
66
  disabled: isTaskLoading
67
67
  })
@@ -4,7 +4,7 @@ interface AdhocTaskItemProps {
4
4
  task: StageTaskItem;
5
5
  taskExecution?: StageTaskExecution;
6
6
  isSelected: boolean;
7
- getContextMenuItems?: () => NodeMenuItem[];
7
+ getContextMenuItems?: (task: StageTaskItem) => NodeMenuItem[];
8
8
  onTaskClick: (e: React.MouseEvent, taskId: string) => void;
9
9
  onTaskPlay?: (taskId: string) => Promise<void>;
10
10
  isTaskLoading?: boolean;
@@ -1 +1 @@
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;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAgDD,eAAO,MAAM,aAAa,0IAtCvB,kBAAkB,6CAsCoC,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;IAGpB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC9D,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,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAgDD,eAAO,MAAM,aAAa,0IAtCvB,kBAAkB,6CAsCoC,CAAC"}
@@ -33,7 +33,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
33
33
  }),
34
34
  getContextMenuItems && /*#__PURE__*/ jsx(TaskMenu, {
35
35
  ref: menuRef,
36
- taskId: task.id,
36
+ task: task,
37
37
  getContextMenuItems: getContextMenuItems,
38
38
  disabled: isTaskLoading
39
39
  })
@@ -34,8 +34,7 @@ const external_react_namespaceObject = require("react");
34
34
  const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
35
35
  const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
36
36
  const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
37
- const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, groupIndex, taskIndex, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading })=>{
38
- const zoom = (0, react_cjs_namespaceObject.useStore)((s)=>s.transform[2]);
37
+ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading })=>{
39
38
  const taskRef = (0, external_react_namespaceObject.useRef)(null);
40
39
  const menuRef = (0, external_react_namespaceObject.useRef)(null);
41
40
  const handleClick = (0, external_react_namespaceObject.useCallback)((e)=>{
@@ -47,19 +46,11 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
47
46
  const handleContextMenu = (0, external_react_namespaceObject.useCallback)((e)=>{
48
47
  menuRef.current?.handleContextMenu(e);
49
48
  }, []);
50
- const handleGetContextMenuItems = (0, external_react_namespaceObject.useCallback)(()=>{
51
- if (!getContextMenuItems) return [];
52
- return getContextMenuItems(groupIndex, taskIndex, task.id);
53
- }, [
54
- getContextMenuItems,
55
- groupIndex,
56
- taskIndex,
57
- task.id
58
- ]);
59
49
  const { attributes, listeners, setNodeRef, transition, transform, isDragging } = (0, sortable_namespaceObject.useSortable)({
60
50
  id: task.id,
61
51
  disabled: isDragDisabled
62
52
  });
53
+ const zoom = (0, react_cjs_namespaceObject.useStore)((s)=>transform ? s.transform[2] : 1);
63
54
  const style = (0, external_react_namespaceObject.useMemo)(()=>{
64
55
  const scaledTransform = transform ? {
65
56
  ...transform,
@@ -112,8 +103,8 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
112
103
  }),
113
104
  getContextMenuItems && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
114
105
  ref: menuRef,
115
- taskId: task.id,
116
- getContextMenuItems: handleGetContextMenuItems,
106
+ task: task,
107
+ getContextMenuItems: getContextMenuItems,
117
108
  disabled: isTaskLoading
118
109
  })
119
110
  ]
@@ -1,3 +1,3 @@
1
1
  import type { DraggableTaskProps } from './DraggableTask.types';
2
- export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, groupIndex, taskIndex, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading, }: DraggableTaskProps) => import("react/jsx-runtime").JSX.Element>;
2
+ export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading, }: DraggableTaskProps) => import("react/jsx-runtime").JSX.Element>;
3
3
  //# sourceMappingURL=DraggableTask.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AA4HhE,eAAO,MAAM,aAAa,iMArGvB,kBAAkB,6CAqGoC,CAAC"}
1
+ {"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAuHhE,eAAO,MAAM,aAAa,0KAlGvB,kBAAkB,6CAkGoC,CAAC"}
@@ -6,8 +6,7 @@ import { memo, useCallback, useMemo, useRef } from "react";
6
6
  import { INDENTATION_WIDTH, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskWrapper } from "./StageNode.styles.js";
7
7
  import { TaskContent } from "./TaskContent.js";
8
8
  import { TaskMenu } from "./TaskMenu.js";
9
- const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, groupIndex, taskIndex, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading })=>{
10
- const zoom = useStore((s)=>s.transform[2]);
9
+ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading })=>{
11
10
  const taskRef = useRef(null);
12
11
  const menuRef = useRef(null);
13
12
  const handleClick = useCallback((e)=>{
@@ -19,19 +18,11 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
19
18
  const handleContextMenu = useCallback((e)=>{
20
19
  menuRef.current?.handleContextMenu(e);
21
20
  }, []);
22
- const handleGetContextMenuItems = useCallback(()=>{
23
- if (!getContextMenuItems) return [];
24
- return getContextMenuItems(groupIndex, taskIndex, task.id);
25
- }, [
26
- getContextMenuItems,
27
- groupIndex,
28
- taskIndex,
29
- task.id
30
- ]);
31
21
  const { attributes, listeners, setNodeRef, transition, transform, isDragging } = useSortable({
32
22
  id: task.id,
33
23
  disabled: isDragDisabled
34
24
  });
25
+ const zoom = useStore((s)=>transform ? s.transform[2] : 1);
35
26
  const style = useMemo(()=>{
36
27
  const scaledTransform = transform ? {
37
28
  ...transform,
@@ -84,8 +75,8 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
84
75
  }),
85
76
  getContextMenuItems && /*#__PURE__*/ jsx(TaskMenu, {
86
77
  ref: menuRef,
87
- taskId: task.id,
88
- getContextMenuItems: handleGetContextMenuItems,
78
+ task: task,
79
+ getContextMenuItems: getContextMenuItems,
89
80
  disabled: isTaskLoading
90
81
  })
91
82
  ]
@@ -5,9 +5,7 @@ export interface DraggableTaskProps {
5
5
  taskExecution?: StageTaskExecution;
6
6
  isSelected: boolean;
7
7
  isParallel: boolean;
8
- groupIndex: number;
9
- taskIndex: number;
10
- getContextMenuItems?: (groupIndex: number, taskIndex: number, taskId: string) => NodeMenuItem[];
8
+ getContextMenuItems?: (task: StageTaskItem) => NodeMenuItem[];
11
9
  onTaskClick: (e: React.MouseEvent, taskId: string) => void;
12
10
  onTaskPlay?: (taskId: string) => Promise<void>;
13
11
  isDragDisabled?: boolean;
@@ -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,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,EAAE,MAAM,EAAE,MAAM,KAAK,YAAY,EAAE,CAAC;IAChG,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;IACxB,aAAa,CAAC,EAAE,OAAO,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;IAGpB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC9D,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;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
@@ -60,7 +60,7 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
60
60
  }),
61
61
  getContextMenuItems && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
62
62
  ref: menuRef,
63
- taskId: task.id,
63
+ task: task,
64
64
  getContextMenuItems: getContextMenuItems,
65
65
  disabled: isTaskLoading
66
66
  })
@@ -4,7 +4,7 @@ interface EventDrivenTaskItemProps {
4
4
  task: StageTaskItem;
5
5
  taskExecution?: StageTaskExecution;
6
6
  isSelected: boolean;
7
- getContextMenuItems?: () => NodeMenuItem[];
7
+ getContextMenuItems?: (task: StageTaskItem) => NodeMenuItem[];
8
8
  onTaskClick: (e: React.MouseEvent, taskId: string) => void;
9
9
  isTaskLoading?: boolean;
10
10
  }
@@ -1 +1 @@
1
- {"version":3,"file":"EventDrivenTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/EventDrivenTask.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,wBAAwB;IAChC,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,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAgDD,eAAO,MAAM,mBAAmB,8HAvC7B,wBAAwB,6CAuC0C,CAAC"}
1
+ {"version":3,"file":"EventDrivenTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/EventDrivenTask.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,wBAAwB;IAChC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IAGpB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC9D,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAgDD,eAAO,MAAM,mBAAmB,8HAvC7B,wBAAwB,6CAuC0C,CAAC"}
@@ -32,7 +32,7 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
32
32
  }),
33
33
  getContextMenuItems && /*#__PURE__*/ jsx(TaskMenu, {
34
34
  ref: menuRef,
35
- taskId: task.id,
35
+ task: task,
36
36
  getContextMenuItems: getContextMenuItems,
37
37
  disabled: isTaskLoading
38
38
  })
@@ -84,7 +84,10 @@ function StageEdgeInner({ geometry, sourcePosition, targetPosition, selected, st
84
84
  targetPosition,
85
85
  borderRadius: 40
86
86
  });
87
- const { endX, endY, angle } = getArrowFromBezier(pathData, arrowSize);
87
+ const { endX, endY, angle } = (0, external_react_namespaceObject.useMemo)(()=>getArrowFromBezier(pathData, arrowSize), [
88
+ pathData,
89
+ arrowSize
90
+ ]);
88
91
  const arrowLineLength = arrowSize;
89
92
  const strokeColor = selected ? 'var(--canvas-selection-indicator)' : stroke;
90
93
  const strokeWidthValue = selected ? strokeWidth + 1 : strokeWidth;
@@ -1 +1 @@
1
- {"version":3,"file":"StageEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageEdge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAQ1F,eAAO,MAAM,cAAc;;;yGAgB1B,CAAC;AAEF,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA4HF,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,cAAc,EACd,QAAQ,EACR,KAAK,EACL,MAAM,EACN,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,KAAK,2CA0BP;AAED,eAAO,MAAM,SAAS,gEAA2B,CAAC"}
1
+ {"version":3,"file":"StageEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageEdge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAQ1F,eAAO,MAAM,cAAc;;;yGAgB1B,CAAC;AAEF,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkIF,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,cAAc,EACd,QAAQ,EACR,KAAK,EACL,MAAM,EACN,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,KAAK,2CA0BP;AAED,eAAO,MAAM,SAAS,gEAA2B,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
2
  import styled from "@emotion/styled";
3
3
  import { EdgeLabelRenderer, getSmoothStepPath, useStore } from "../../xyflow/react.js";
4
- import { memo } from "react";
4
+ import { memo, useMemo } from "react";
5
5
  const StageEdgeLabel = styled.div`
6
6
  position: absolute;
7
7
  color: var(--canvas-foreground);
@@ -45,7 +45,10 @@ function StageEdgeInner({ geometry, sourcePosition, targetPosition, selected, st
45
45
  targetPosition,
46
46
  borderRadius: 40
47
47
  });
48
- const { endX, endY, angle } = getArrowFromBezier(pathData, arrowSize);
48
+ const { endX, endY, angle } = useMemo(()=>getArrowFromBezier(pathData, arrowSize), [
49
+ pathData,
50
+ arrowSize
51
+ ]);
49
52
  const arrowLineLength = arrowSize;
50
53
  const strokeColor = selected ? 'var(--canvas-selection-indicator)' : stroke;
51
54
  const strokeWidthValue = selected ? strokeWidth + 1 : strokeWidth;
@@ -120,6 +120,8 @@ const StageNodeInner = (props)=>{
120
120
  setSelectedNodeId,
121
121
  id
122
122
  ]);
123
+ const handleAddTaskToolboxClose = (0, external_react_namespaceObject.useCallback)(()=>setIsAddingTask(false), []);
124
+ const handleReplaceTaskToolboxClose = (0, external_react_namespaceObject.useCallback)(()=>setIsReplacingTask(false), []);
123
125
  const handleReplaceTaskToolboxItemSelected = (0, external_react_namespaceObject.useCallback)((item)=>{
124
126
  onReplaceTaskFromToolbox?.(item, taskStateReference.current.groupIndex, taskStateReference.current.taskIndex);
125
127
  setIsReplacingTask(false);
@@ -134,9 +136,7 @@ const StageNodeInner = (props)=>{
134
136
  ]);
135
137
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
136
138
  "data-testid": `stage-${id}`,
137
- style: {
138
- position: 'relative'
139
- },
139
+ className: "relative",
140
140
  onClick: handleStageClick,
141
141
  onMouseEnter: handleMouseEnter,
142
142
  onMouseLeave: handleMouseLeave,
@@ -165,26 +165,24 @@ const StageNodeInner = (props)=>{
165
165
  })
166
166
  ]
167
167
  }),
168
- onAddTaskFromToolbox && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.FloatingCanvasPanel, {
169
- open: isAddingTask,
168
+ onAddTaskFromToolbox && isAddingTask && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.FloatingCanvasPanel, {
170
169
  nodeId: id,
171
170
  offset: 15,
172
171
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbox_index_cjs_namespaceObject.Toolbox, {
173
172
  title: labels.addTask,
174
173
  initialItems: taskOptions,
175
- onClose: ()=>setIsAddingTask(false),
174
+ onClose: handleAddTaskToolboxClose,
176
175
  onItemSelect: handleAddTaskToolboxItemSelected,
177
176
  onSearch: onTaskToolboxSearch
178
177
  })
179
178
  }),
180
- onReplaceTaskFromToolbox && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.FloatingCanvasPanel, {
181
- open: isReplacingTask,
179
+ onReplaceTaskFromToolbox && isReplacingTask && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.FloatingCanvasPanel, {
182
180
  nodeId: id,
183
181
  offset: 15,
184
182
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbox_index_cjs_namespaceObject.Toolbox, {
185
183
  title: labels.replaceTask,
186
184
  initialItems: taskOptions,
187
- onClose: ()=>setIsReplacingTask(false),
185
+ onClose: handleReplaceTaskToolboxClose,
188
186
  onItemSelect: handleReplaceTaskToolboxItemSelected,
189
187
  onSearch: onTaskToolboxSearch
190
188
  })
@@ -1 +1 @@
1
- {"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,mBAAmB,CAAC;AAgM5E,eAAO,MAAM,SAAS,8CA1LS,cAAc,6CA0LmC,CAAC"}
1
+ {"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,mBAAmB,CAAC;AAsM5E,eAAO,MAAM,SAAS,8CAhMS,cAAc,6CAgMmC,CAAC"}
@@ -92,6 +92,8 @@ const StageNodeInner = (props)=>{
92
92
  setSelectedNodeId,
93
93
  id
94
94
  ]);
95
+ const handleAddTaskToolboxClose = useCallback(()=>setIsAddingTask(false), []);
96
+ const handleReplaceTaskToolboxClose = useCallback(()=>setIsReplacingTask(false), []);
95
97
  const handleReplaceTaskToolboxItemSelected = useCallback((item)=>{
96
98
  onReplaceTaskFromToolbox?.(item, taskStateReference.current.groupIndex, taskStateReference.current.taskIndex);
97
99
  setIsReplacingTask(false);
@@ -106,9 +108,7 @@ const StageNodeInner = (props)=>{
106
108
  ]);
107
109
  return /*#__PURE__*/ jsxs("div", {
108
110
  "data-testid": `stage-${id}`,
109
- style: {
110
- position: 'relative'
111
- },
111
+ className: "relative",
112
112
  onClick: handleStageClick,
113
113
  onMouseEnter: handleMouseEnter,
114
114
  onMouseLeave: handleMouseLeave,
@@ -137,26 +137,24 @@ const StageNodeInner = (props)=>{
137
137
  })
138
138
  ]
139
139
  }),
140
- onAddTaskFromToolbox && /*#__PURE__*/ jsx(FloatingCanvasPanel, {
141
- open: isAddingTask,
140
+ onAddTaskFromToolbox && isAddingTask && /*#__PURE__*/ jsx(FloatingCanvasPanel, {
142
141
  nodeId: id,
143
142
  offset: 15,
144
143
  children: /*#__PURE__*/ jsx(Toolbox, {
145
144
  title: labels.addTask,
146
145
  initialItems: taskOptions,
147
- onClose: ()=>setIsAddingTask(false),
146
+ onClose: handleAddTaskToolboxClose,
148
147
  onItemSelect: handleAddTaskToolboxItemSelected,
149
148
  onSearch: onTaskToolboxSearch
150
149
  })
151
150
  }),
152
- onReplaceTaskFromToolbox && /*#__PURE__*/ jsx(FloatingCanvasPanel, {
153
- open: isReplacingTask,
151
+ onReplaceTaskFromToolbox && isReplacingTask && /*#__PURE__*/ jsx(FloatingCanvasPanel, {
154
152
  nodeId: id,
155
153
  offset: 15,
156
154
  children: /*#__PURE__*/ jsx(Toolbox, {
157
155
  title: labels.replaceTask,
158
156
  initialItems: taskOptions,
159
- onClose: ()=>setIsReplacingTask(false),
157
+ onClose: handleReplaceTaskToolboxClose,
160
158
  onItemSelect: handleReplaceTaskToolboxItemSelected,
161
159
  onSearch: onTaskToolboxSearch
162
160
  })
@@ -28,26 +28,28 @@ __webpack_require__.d(__webpack_exports__, {
28
28
  });
29
29
  const jsx_runtime_namespaceObject = require("react/jsx-runtime");
30
30
  const external_react_namespaceObject = require("react");
31
+ const nodePropsEqual_cjs_namespaceObject = require("../../utils/nodePropsEqual.cjs");
31
32
  const external_StageNode_cjs_namespaceObject = require("./StageNode.cjs");
33
+ const MENU_ITEMS = [
34
+ {
35
+ id: 'menu-item-1',
36
+ label: 'Menu Item 1',
37
+ onClick: ()=>alert('Menu Item 1 clicked')
38
+ },
39
+ {
40
+ id: 'menu-item-2',
41
+ label: 'Menu Item 2',
42
+ onClick: ()=>alert('Menu Item 2 clicked')
43
+ }
44
+ ];
32
45
  const StageNodeWrapper = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ id, selected, dragging, width, data })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_cjs_namespaceObject.StageNode, {
33
46
  id: id,
34
47
  selected: selected,
35
48
  dragging: dragging,
36
49
  width: width,
37
50
  ...data,
38
- menuItems: [
39
- {
40
- id: 'menu-item-1',
41
- label: 'Menu Item 1',
42
- onClick: ()=>alert('Menu Item 1 clicked')
43
- },
44
- {
45
- id: 'menu-item-2',
46
- label: 'Menu Item 2',
47
- onClick: ()=>alert('Menu Item 2 clicked')
48
- }
49
- ]
50
- }));
51
+ menuItems: MENU_ITEMS
52
+ }), nodePropsEqual_cjs_namespaceObject.areNodePropsEqualIgnoringPosition);
51
53
  exports.StageNodeWrapper = __webpack_exports__.StageNodeWrapper;
52
54
  for(var __rspack_i in __webpack_exports__)if (-1 === [
53
55
  "StageNodeWrapper"
@@ -1 +1 @@
1
- {"version":3,"file":"StageNode.stories.utils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAG1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,KAAK,qBAAqB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG;IACrD,IAAI,EAAE,kBAAkB,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,gFACe,qBAAqB,6CAwBhE,CAAC"}
1
+ {"version":3,"file":"StageNode.stories.utils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAK1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,KAAK,qBAAqB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG;IACrD,IAAI,EAAE,kBAAkB,CAAC;CAC1B,CAAC;AAoBF,eAAO,MAAM,gBAAgB,gFACe,qBAAqB,6CAahE,CAAC"}
@@ -1,23 +1,25 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { memo } from "react";
3
+ import { areNodePropsEqualIgnoringPosition } from "../../utils/nodePropsEqual.js";
3
4
  import { StageNode } from "./StageNode.js";
5
+ const MENU_ITEMS = [
6
+ {
7
+ id: 'menu-item-1',
8
+ label: 'Menu Item 1',
9
+ onClick: ()=>alert('Menu Item 1 clicked')
10
+ },
11
+ {
12
+ id: 'menu-item-2',
13
+ label: 'Menu Item 2',
14
+ onClick: ()=>alert('Menu Item 2 clicked')
15
+ }
16
+ ];
4
17
  const StageNodeWrapper = /*#__PURE__*/ memo(({ id, selected, dragging, width, data })=>/*#__PURE__*/ jsx(StageNode, {
5
18
  id: id,
6
19
  selected: selected,
7
20
  dragging: dragging,
8
21
  width: width,
9
22
  ...data,
10
- menuItems: [
11
- {
12
- id: 'menu-item-1',
13
- label: 'Menu Item 1',
14
- onClick: ()=>alert('Menu Item 1 clicked')
15
- },
16
- {
17
- id: 'menu-item-2',
18
- label: 'Menu Item 2',
19
- onClick: ()=>alert('Menu Item 2 clicked')
20
- }
21
- ]
22
- }));
23
+ menuItems: MENU_ITEMS
24
+ }), areNodePropsEqualIgnoringPosition);
23
25
  export { StageNodeWrapper };
@@ -81,9 +81,7 @@ const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selected
81
81
  onTaskClick: handleTaskClick,
82
82
  onTaskPlay: onTaskPlay,
83
83
  isTaskLoading: loadingTaskIds?.has(task.id),
84
- ...hasMenu && {
85
- getContextMenuItems: ()=>getAdhocContextMenuItems(task)
86
- }
84
+ getContextMenuItems: hasMenu ? getAdhocContextMenuItems : void 0
87
85
  }, task.id);
88
86
  })
89
87
  })
@@ -1 +1 @@
1
- {"version":3,"file":"StageNodeAdhocTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeAdhocTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAqGvF,eAAO,MAAM,wBAAwB,8LAzFlC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,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,oDA6E0E,CAAC"}
1
+ {"version":3,"file":"StageNodeAdhocTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeAdhocTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAmGvF,eAAO,MAAM,wBAAwB,8LAvFlC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,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,oDA2E0E,CAAC"}
@@ -53,9 +53,7 @@ const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selected
53
53
  onTaskClick: handleTaskClick,
54
54
  onTaskPlay: onTaskPlay,
55
55
  isTaskLoading: loadingTaskIds?.has(task.id),
56
- ...hasMenu && {
57
- getContextMenuItems: ()=>getAdhocContextMenuItems(task)
58
- }
56
+ getContextMenuItems: hasMenu ? getAdhocContextMenuItems : void 0
59
57
  }, task.id);
60
58
  })
61
59
  })
@@ -80,9 +80,7 @@ const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOn
80
80
  isSelected: selectedTaskId === task.id,
81
81
  onTaskClick: handleTaskClick,
82
82
  isTaskLoading: loadingTaskIds?.has(task.id),
83
- ...hasMenu && {
84
- getContextMenuItems: ()=>getEventDrivenContextMenuItems(task)
85
- }
83
+ getContextMenuItems: hasMenu ? getEventDrivenContextMenuItems : void 0
86
84
  }, task.id);
87
85
  })
88
86
  })
@@ -1 +1 @@
1
- {"version":3,"file":"StageNodeEventDrivenTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAmGvF,eAAO,MAAM,8BAA8B,oMAvFxC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,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,oDA2EsF,CAAC"}
1
+ {"version":3,"file":"StageNodeEventDrivenTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAiGvF,eAAO,MAAM,8BAA8B,oMArFxC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,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,oDAyEsF,CAAC"}
@@ -52,9 +52,7 @@ const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOn
52
52
  isSelected: selectedTaskId === task.id,
53
53
  onTaskClick: handleTaskClick,
54
54
  isTaskLoading: loadingTaskIds?.has(task.id),
55
- ...hasMenu && {
56
- getContextMenuItems: ()=>getEventDrivenContextMenuItems(task)
57
- }
55
+ getContextMenuItems: hasMenu ? getEventDrivenContextMenuItems : void 0
58
56
  }, task.id);
59
57
  })
60
58
  })
@@ -65,8 +65,10 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
65
65
  onTaskGroupModification,
66
66
  sequentialTaskGroups
67
67
  ]);
68
- const buildContextMenuItems = (0, external_react_namespaceObject.useCallback)((groupIndex, task)=>{
69
- const taskGroup = sequentialTaskGroups[groupIndex] ?? [];
68
+ const buildContextMenuItems = (0, external_react_namespaceObject.useCallback)((task)=>{
69
+ const groupIndex = sequentialTaskGroups.findIndex((group)=>group.some((t)=>t.id === task.id));
70
+ const taskGroup = sequentialTaskGroups[groupIndex];
71
+ if (!taskGroup) return [];
70
72
  const isParallel = taskGroup.length > 1;
71
73
  const items = [];
72
74
  const replaceTaskMenuItem = generateReplaceTaskMenuItemForTask(task.id, isParallel);
@@ -159,7 +161,7 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
159
161
  children: labels.parallel
160
162
  })
161
163
  }),
162
- taskGroup.map((task, taskIndex)=>{
164
+ taskGroup.map((task)=>{
163
165
  const taskExecution = execution?.taskStatus?.[task.id];
164
166
  const customItems = isReadOnly || hasBuiltInTaskActions ? [] : getTaskContextMenuItems?.({
165
167
  task,
@@ -172,15 +174,11 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
172
174
  taskExecution: taskExecution,
173
175
  isSelected: selectedTaskId === task.id,
174
176
  isParallel: isParallel,
175
- groupIndex: groupIndex,
176
- taskIndex: taskIndex,
177
177
  onTaskClick: handleTaskClick,
178
178
  projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
179
179
  isDragDisabled: !onTaskReorder || isReadOnly,
180
180
  isTaskLoading: loadingTaskIds?.has(task.id),
181
- ...hasMenu && {
182
- getContextMenuItems: ()=>buildContextMenuItems(groupIndex, task)
183
- }
181
+ getContextMenuItems: hasMenu ? buildContextMenuItems : void 0
184
182
  }, task.id);
185
183
  })
186
184
  ]
@@ -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;AAWvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKvF,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,mDA+MA,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,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,mDAkNA,CAAC"}
@@ -37,8 +37,10 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
37
37
  onTaskGroupModification,
38
38
  sequentialTaskGroups
39
39
  ]);
40
- const buildContextMenuItems = useCallback((groupIndex, task)=>{
41
- const taskGroup = sequentialTaskGroups[groupIndex] ?? [];
40
+ const buildContextMenuItems = useCallback((task)=>{
41
+ const groupIndex = sequentialTaskGroups.findIndex((group)=>group.some((t)=>t.id === task.id));
42
+ const taskGroup = sequentialTaskGroups[groupIndex];
43
+ if (!taskGroup) return [];
42
44
  const isParallel = taskGroup.length > 1;
43
45
  const items = [];
44
46
  const replaceTaskMenuItem = generateReplaceTaskMenuItemForTask(task.id, isParallel);
@@ -131,7 +133,7 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
131
133
  children: labels.parallel
132
134
  })
133
135
  }),
134
- taskGroup.map((task, taskIndex)=>{
136
+ taskGroup.map((task)=>{
135
137
  const taskExecution = execution?.taskStatus?.[task.id];
136
138
  const customItems = isReadOnly || hasBuiltInTaskActions ? [] : getTaskContextMenuItems?.({
137
139
  task,
@@ -144,15 +146,11 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
144
146
  taskExecution: taskExecution,
145
147
  isSelected: selectedTaskId === task.id,
146
148
  isParallel: isParallel,
147
- groupIndex: groupIndex,
148
- taskIndex: taskIndex,
149
149
  onTaskClick: handleTaskClick,
150
150
  projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
151
151
  isDragDisabled: !onTaskReorder || isReadOnly,
152
152
  isTaskLoading: loadingTaskIds?.has(task.id),
153
- ...hasMenu && {
154
- getContextMenuItems: ()=>buildContextMenuItems(groupIndex, task)
155
- }
153
+ getContextMenuItems: hasMenu ? buildContextMenuItems : void 0
156
154
  }, task.id);
157
155
  })
158
156
  ]
@@ -34,7 +34,7 @@ const external_react_dom_namespaceObject = require("react-dom");
34
34
  const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
35
35
  const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
36
36
  const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle })=>{
37
- const zoom = (0, react_cjs_namespaceObject.useStore)((state)=>state.transform[2]);
37
+ const zoom = (0, react_cjs_namespaceObject.useStore)((state)=>activeTask ? state.transform[2] : 1);
38
38
  const dragOverlayStyle = (0, external_react_namespaceObject.useMemo)(()=>({
39
39
  transform: `scale(${zoom})`,
40
40
  transformOrigin: 'top left'
@@ -1 +1 @@
1
- {"version":3,"file":"StageTaskDragOverlay.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageTaskDragOverlay.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,eAAO,MAAM,oBAAoB,GAAI,uDAIlC,yBAAyB,uCA4B3B,CAAC"}
1
+ {"version":3,"file":"StageTaskDragOverlay.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageTaskDragOverlay.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,eAAO,MAAM,oBAAoB,GAAI,uDAIlC,yBAAyB,uCA8B3B,CAAC"}
@@ -6,7 +6,7 @@ import { createPortal } from "react-dom";
6
6
  import { StageTask } from "./StageNode.styles.js";
7
7
  import { TaskContent } from "./TaskContent.js";
8
8
  const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle })=>{
9
- const zoom = useStore((state)=>state.transform[2]);
9
+ const zoom = useStore((state)=>activeTask ? state.transform[2] : 1);
10
10
  const dragOverlayStyle = useMemo(()=>({
11
11
  transform: `scale(${zoom})`,
12
12
  transformOrigin: 'top left'
@@ -29,15 +29,16 @@ __webpack_require__.d(__webpack_exports__, {
29
29
  const jsx_runtime_namespaceObject = require("react/jsx-runtime");
30
30
  const external_react_namespaceObject = require("react");
31
31
  const CanvasDropdownMenu_cjs_namespaceObject = require("../shared/CanvasDropdownMenu.cjs");
32
- const TaskMenuComponent = ({ taskId, getContextMenuItems, disabled }, ref)=>{
32
+ const TaskMenuComponent = ({ task, getContextMenuItems, disabled }, ref)=>{
33
33
  const [isOpen, setIsOpen] = (0, external_react_namespaceObject.useState)(false);
34
34
  const [menuItems, setMenuItems] = (0, external_react_namespaceObject.useState)([]);
35
35
  const handleOpenChange = (0, external_react_namespaceObject.useCallback)((open)=>{
36
36
  if (disabled && open) return;
37
- if (open) setMenuItems(getContextMenuItems());
37
+ if (open) setMenuItems(getContextMenuItems(task));
38
38
  setIsOpen(open);
39
39
  }, [
40
40
  getContextMenuItems,
41
+ task,
41
42
  disabled
42
43
  ]);
43
44
  const handleMenuItemClick = (0, external_react_namespaceObject.useCallback)((item)=>{
@@ -61,7 +62,7 @@ const TaskMenuComponent = ({ taskId, getContextMenuItems, disabled }, ref)=>{
61
62
  onOpenChange: handleOpenChange,
62
63
  menuItems: menuItems,
63
64
  onItemClick: handleMenuItemClick,
64
- triggerTestId: `stage-task-menu-${taskId}`,
65
+ triggerTestId: `stage-task-menu-${task.id}`,
65
66
  triggerAriaLabel: "Task actions",
66
67
  contentClassName: "w-[300px]",
67
68
  disabled: disabled
@@ -1,10 +1,11 @@
1
1
  import type { NodeMenuItem } from '../NodeContextMenu';
2
+ import type { StageTaskItem } from './StageNode.types';
2
3
  export interface TaskMenuHandle {
3
4
  handleContextMenu: (e: React.MouseEvent<HTMLElement>) => void;
4
5
  }
5
6
  interface TaskMenuProps {
6
- taskId: string;
7
- getContextMenuItems: () => NodeMenuItem[];
7
+ task: StageTaskItem;
8
+ getContextMenuItems: (task: StageTaskItem) => NodeMenuItem[];
8
9
  disabled?: boolean;
9
10
  }
10
11
  export declare const TaskMenu: import("react").NamedExoticComponent<TaskMenuProps & import("react").RefAttributes<TaskMenuHandle>>;
@@ -1 +1 @@
1
- {"version":3,"file":"TaskMenu.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/TaskMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvE,MAAM,WAAW,cAAc;IAC7B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,MAAM,YAAY,EAAE,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAqDD,eAAO,MAAM,QAAQ,qGAAsC,CAAC"}
1
+ {"version":3,"file":"TaskMenu.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/TaskMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,WAAW,cAAc;IAC7B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,aAAa,CAAC;IAEpB,mBAAmB,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAqDD,eAAO,MAAM,QAAQ,qGAAsC,CAAC"}
@@ -1,15 +1,16 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { forwardRef, memo, useCallback, useImperativeHandle, useState } from "react";
3
3
  import { CanvasDropdownMenu } from "../shared/CanvasDropdownMenu.js";
4
- const TaskMenuComponent = ({ taskId, getContextMenuItems, disabled }, ref)=>{
4
+ const TaskMenuComponent = ({ task, getContextMenuItems, disabled }, ref)=>{
5
5
  const [isOpen, setIsOpen] = useState(false);
6
6
  const [menuItems, setMenuItems] = useState([]);
7
7
  const handleOpenChange = useCallback((open)=>{
8
8
  if (disabled && open) return;
9
- if (open) setMenuItems(getContextMenuItems());
9
+ if (open) setMenuItems(getContextMenuItems(task));
10
10
  setIsOpen(open);
11
11
  }, [
12
12
  getContextMenuItems,
13
+ task,
13
14
  disabled
14
15
  ]);
15
16
  const handleMenuItemClick = useCallback((item)=>{
@@ -33,7 +34,7 @@ const TaskMenuComponent = ({ taskId, getContextMenuItems, disabled }, ref)=>{
33
34
  onOpenChange: handleOpenChange,
34
35
  menuItems: menuItems,
35
36
  onItemClick: handleMenuItemClick,
36
- triggerTestId: `stage-task-menu-${taskId}`,
37
+ triggerTestId: `stage-task-menu-${task.id}`,
37
38
  triggerAriaLabel: "Task actions",
38
39
  contentClassName: "w-[300px]",
39
40
  disabled: disabled
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "4.44.0",
3
+ "version": "4.44.1",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",