@uipath/apollo-react 6.22.3 → 6.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/canvas/components/StageNode/StageNode.styles.cjs +7 -0
- package/dist/canvas/components/StageNode/StageNode.styles.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNode.styles.js +7 -0
- package/dist/canvas/components/StageNode/StageNode.types.d.ts +0 -5
- package/dist/canvas/components/StageNode/StageNode.types.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/hooks/useStageTaskDragHandler.cjs +28 -53
- package/dist/canvas/components/StageNode/hooks/useStageTaskDragHandler.d.ts +7 -10
- package/dist/canvas/components/StageNode/hooks/useStageTaskDragHandler.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/hooks/useStageTaskDragHandler.js +29 -54
- package/dist/canvas/components/StageNode/hooks/useStageTasksByGroups.cjs +12 -39
- package/dist/canvas/components/StageNode/hooks/useStageTasksByGroups.d.ts +0 -15
- package/dist/canvas/components/StageNode/hooks/useStageTasksByGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/hooks/useStageTasksByGroups.js +12 -39
- package/dist/canvas/components/StageNode/tasks/DraggableTask.cjs +4 -47
- package/dist/canvas/components/StageNode/tasks/DraggableTask.d.ts +1 -1
- package/dist/canvas/components/StageNode/tasks/DraggableTask.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/tasks/DraggableTask.js +6 -49
- package/dist/canvas/components/StageNode/tasks/DraggableTask.types.d.ts +0 -1
- package/dist/canvas/components/StageNode/tasks/DraggableTask.types.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/tasks/SortableTaskRow.cjs +75 -0
- package/dist/canvas/components/StageNode/tasks/SortableTaskRow.d.ts +7 -0
- package/dist/canvas/components/StageNode/tasks/SortableTaskRow.d.ts.map +1 -0
- package/dist/canvas/components/StageNode/tasks/SortableTaskRow.js +41 -0
- package/dist/canvas/components/StageNode/tasks/StageNodeAdhocTaskGroups.cjs +77 -25
- package/dist/canvas/components/StageNode/tasks/StageNodeAdhocTaskGroups.d.ts +6 -3
- package/dist/canvas/components/StageNode/tasks/StageNodeAdhocTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/tasks/StageNodeAdhocTaskGroups.js +78 -26
- package/dist/canvas/components/StageNode/tasks/StageNodeAllTaskGroups.cjs +29 -4
- package/dist/canvas/components/StageNode/tasks/StageNodeAllTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/tasks/StageNodeAllTaskGroups.js +29 -4
- package/dist/canvas/components/StageNode/tasks/StageNodeEventDrivenTaskGroups.cjs +76 -24
- package/dist/canvas/components/StageNode/tasks/StageNodeEventDrivenTaskGroups.d.ts +6 -3
- package/dist/canvas/components/StageNode/tasks/StageNodeEventDrivenTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/tasks/StageNodeEventDrivenTaskGroups.js +77 -25
- package/dist/canvas/components/StageNode/tasks/StageNodeSequentialTaskGroups.cjs +53 -54
- package/dist/canvas/components/StageNode/tasks/StageNodeSequentialTaskGroups.d.ts +2 -3
- package/dist/canvas/components/StageNode/tasks/StageNodeSequentialTaskGroups.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/tasks/StageNodeSequentialTaskGroups.js +53 -54
- package/dist/canvas/components/StageNode/tasks/TaskContent.cjs +1 -0
- package/dist/canvas/components/StageNode/tasks/TaskContent.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/tasks/TaskContent.js +1 -0
- package/package.json +1 -1
|
@@ -160,6 +160,13 @@ const StageTaskWrapper = styled_default().div`
|
|
|
160
160
|
width: ${({ isParallel })=>isParallel ? 'var(--stage-task-width-parallel, 216px)' : 'var(--stage-task-width, 246px)'};
|
|
161
161
|
border-radius: ${apollo_core_namespaceObject.Spacing.SpacingXs};
|
|
162
162
|
height: 36px;
|
|
163
|
+
|
|
164
|
+
/* Only reorderable rows are wrapped, so this is the drag affordance. */
|
|
165
|
+
cursor: grab;
|
|
166
|
+
|
|
167
|
+
&:active {
|
|
168
|
+
cursor: grabbing;
|
|
169
|
+
}
|
|
163
170
|
`;
|
|
164
171
|
const StageItemPill = styled_default().div`
|
|
165
172
|
position: relative;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,mBAAmB,QAAuD,CAAC;AAExF,eAAO,MAAM,cAAc;;;;eACd,OAAO;aACT,WAAW;YACZ,MAAM;yGAqDf,CAAC;AAEF,eAAO,MAAM,WAAW;;;;kBAA8B,OAAO;yGAS5D,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAK1B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;iBAA6B,OAAO;yGAMvE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAa9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;iBAA6B,OAAO;
|
|
1
|
+
{"version":3,"file":"StageNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,mBAAmB,QAAuD,CAAC;AAExF,eAAO,MAAM,cAAc;;;;eACd,OAAO;aACT,WAAW;YACZ,MAAM;yGAqDf,CAAC;AAEF,eAAO,MAAM,WAAW;;;;kBAA8B,OAAO;yGAS5D,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAK1B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;iBAA6B,OAAO;yGAMvE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAa9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;iBAA6B,OAAO;yGAYhE,CAAC;AAEF,eAAO,MAAM,aAAa;;;;aACf,WAAW;eACT,OAAO;iBACL,OAAO;oBACJ,OAAO;oBACP,OAAO;yGA2ExB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAYzB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aAAyB,SAAS,GAAG,MAAM,GAAG,OAAO;yGAoBvF,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;yGAG3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAK/B,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAsBrB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAI7B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAInC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;uBAAmC,OAAO;yGAW9E,CAAC"}
|
|
@@ -102,6 +102,13 @@ const StageTaskWrapper = styled.div`
|
|
|
102
102
|
width: ${({ isParallel })=>isParallel ? 'var(--stage-task-width-parallel, 216px)' : 'var(--stage-task-width, 246px)'};
|
|
103
103
|
border-radius: ${Spacing.SpacingXs};
|
|
104
104
|
height: 36px;
|
|
105
|
+
|
|
106
|
+
/* Only reorderable rows are wrapped, so this is the drag affordance. */
|
|
107
|
+
cursor: grab;
|
|
108
|
+
|
|
109
|
+
&:active {
|
|
110
|
+
cursor: grabbing;
|
|
111
|
+
}
|
|
105
112
|
`;
|
|
106
113
|
const StageItemPill = styled.div`
|
|
107
114
|
position: relative;
|
|
@@ -139,10 +139,5 @@ export interface TaskStateReference {
|
|
|
139
139
|
groupIndex: number;
|
|
140
140
|
taskIndex: number;
|
|
141
141
|
}
|
|
142
|
-
export interface StageTaskGroup {
|
|
143
|
-
task: StageTaskItem;
|
|
144
|
-
groupIndex: number;
|
|
145
|
-
taskIndex: number;
|
|
146
|
-
}
|
|
147
142
|
export {};
|
|
148
143
|
//# sourceMappingURL=StageNode.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"StageNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,81 +29,56 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
29
29
|
const react_namespaceObject = require("@xyflow/react");
|
|
30
30
|
const external_react_namespaceObject = require("react");
|
|
31
31
|
const external_StageNode_utils_cjs_namespaceObject = require("../StageNode.utils.cjs");
|
|
32
|
-
const useStageTaskDragHandler = ({
|
|
32
|
+
const useStageTaskDragHandler = ({ taskGroups, onTaskReorder, allowRegrouping = true })=>{
|
|
33
33
|
const storeApi = (0, react_namespaceObject.useStoreApi)();
|
|
34
|
+
const offsetLeft = (0, external_react_namespaceObject.useRef)(0);
|
|
34
35
|
const [activeDragId, setActiveDragId] = (0, external_react_namespaceObject.useState)(null);
|
|
35
|
-
const
|
|
36
|
-
|
|
37
|
-
const activeSequentialTask = (0, external_react_namespaceObject.useMemo)(()=>sequentialTasks.find(({ task })=>task.id === activeDragId), [
|
|
38
|
-
sequentialTasks,
|
|
36
|
+
const activeTask = (0, external_react_namespaceObject.useMemo)(()=>taskGroups.flat().find((task)=>task.id === activeDragId), [
|
|
37
|
+
taskGroups,
|
|
39
38
|
activeDragId
|
|
40
39
|
]);
|
|
41
|
-
const isActiveTaskParallel = (0, external_react_namespaceObject.useMemo)(()=>
|
|
42
|
-
|
|
43
|
-
const group = sequentialTaskGroups.find((g)=>g.some((t)=>t.id === activeDragId));
|
|
44
|
-
return group ? group.length > 1 : false;
|
|
45
|
-
}, [
|
|
46
|
-
sequentialTaskGroups,
|
|
40
|
+
const isActiveTaskParallel = (0, external_react_namespaceObject.useMemo)(()=>(taskGroups.find((group)=>group.some((t)=>t.id === activeDragId))?.length ?? 0) > 1, [
|
|
41
|
+
taskGroups,
|
|
47
42
|
activeDragId
|
|
48
43
|
]);
|
|
49
|
-
const
|
|
50
|
-
if (!activeDragId || !overId) return null;
|
|
51
|
-
return (0, external_StageNode_utils_cjs_namespaceObject.getProjection)(sequentialTaskGroups, activeDragId, overId, offsetLeft);
|
|
52
|
-
}, [
|
|
53
|
-
sequentialTaskGroups,
|
|
54
|
-
activeDragId,
|
|
55
|
-
overId,
|
|
56
|
-
offsetLeft
|
|
57
|
-
]);
|
|
58
|
-
const resetState = (0, external_react_namespaceObject.useCallback)(()=>{
|
|
59
|
-
setActiveDragId(null);
|
|
60
|
-
setOffsetLeft(0);
|
|
61
|
-
setOverId(null);
|
|
62
|
-
}, []);
|
|
63
|
-
const handleDragStart = (0, external_react_namespaceObject.useCallback)((event)=>{
|
|
64
|
-
setActiveDragId(event.active.id);
|
|
65
|
-
}, []);
|
|
44
|
+
const handleDragStart = (0, external_react_namespaceObject.useCallback)((event)=>setActiveDragId(String(event.active.id)), []);
|
|
66
45
|
const handleDragMove = (0, external_react_namespaceObject.useCallback)((event)=>{
|
|
67
|
-
|
|
46
|
+
offsetLeft.current = event.delta.x / storeApi.getState().transform[2];
|
|
68
47
|
}, [
|
|
69
48
|
storeApi
|
|
70
49
|
]);
|
|
71
|
-
const handleDragOver = (0, external_react_namespaceObject.useCallback)((event)=>{
|
|
72
|
-
setOverId(event.over?.id ?? null);
|
|
73
|
-
}, []);
|
|
74
50
|
const handleDragEnd = (0, external_react_namespaceObject.useCallback)((event)=>{
|
|
75
51
|
const { active, over } = event;
|
|
76
|
-
const currentOffsetLeft = offsetLeft;
|
|
77
|
-
|
|
52
|
+
const currentOffsetLeft = offsetLeft.current;
|
|
53
|
+
offsetLeft.current = 0;
|
|
54
|
+
setActiveDragId(null);
|
|
78
55
|
if (!over) return;
|
|
79
|
-
|
|
80
|
-
if (
|
|
56
|
+
let depth = 0;
|
|
57
|
+
if (allowRegrouping) {
|
|
58
|
+
const projection = (0, external_StageNode_utils_cjs_namespaceObject.getProjection)(taskGroups, active.id, over.id, currentOffsetLeft);
|
|
59
|
+
if (!projection) return;
|
|
60
|
+
depth = projection.depth;
|
|
61
|
+
}
|
|
81
62
|
if (active.id === over.id) {
|
|
82
|
-
const flattened = (0, external_StageNode_utils_cjs_namespaceObject.flattenTasks)(
|
|
83
|
-
const
|
|
84
|
-
if (
|
|
63
|
+
const flattened = (0, external_StageNode_utils_cjs_namespaceObject.flattenTasks)(taskGroups);
|
|
64
|
+
const draggedTask = flattened.find((t)=>t.id === active.id);
|
|
65
|
+
if (draggedTask && draggedTask.depth === depth) return;
|
|
85
66
|
}
|
|
86
|
-
|
|
87
|
-
onTaskReorder(newTasks);
|
|
67
|
+
onTaskReorder((0, external_StageNode_utils_cjs_namespaceObject.reorderTasks)(taskGroups, active.id, over.id, depth));
|
|
88
68
|
}, [
|
|
89
|
-
|
|
69
|
+
taskGroups,
|
|
90
70
|
onTaskReorder,
|
|
91
|
-
|
|
92
|
-
resetState
|
|
71
|
+
allowRegrouping
|
|
93
72
|
]);
|
|
94
73
|
const handleDragCancel = (0, external_react_namespaceObject.useCallback)(()=>{
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
]);
|
|
74
|
+
offsetLeft.current = 0;
|
|
75
|
+
setActiveDragId(null);
|
|
76
|
+
}, []);
|
|
99
77
|
return {
|
|
100
|
-
|
|
101
|
-
activeSequentialTask,
|
|
78
|
+
activeTask,
|
|
102
79
|
isActiveTaskParallel,
|
|
103
|
-
projected,
|
|
104
|
-
handleDragMove,
|
|
105
|
-
handleDragOver,
|
|
106
80
|
handleDragStart,
|
|
81
|
+
handleDragMove,
|
|
107
82
|
handleDragEnd,
|
|
108
83
|
handleDragCancel
|
|
109
84
|
};
|
|
@@ -1,17 +1,14 @@
|
|
|
1
|
-
import type { DragEndEvent, DragMoveEvent,
|
|
2
|
-
import type {
|
|
3
|
-
export declare const useStageTaskDragHandler: ({
|
|
4
|
-
|
|
5
|
-
sequentialTasks: StageTaskGroup[];
|
|
1
|
+
import type { DragEndEvent, DragMoveEvent, DragStartEvent } from '@dnd-kit/core';
|
|
2
|
+
import type { StageTaskItem } from '../StageNode.types';
|
|
3
|
+
export declare const useStageTaskDragHandler: ({ taskGroups, onTaskReorder, allowRegrouping, }: {
|
|
4
|
+
taskGroups: StageTaskItem[][];
|
|
6
5
|
onTaskReorder: (newTasks: StageTaskItem[][]) => void;
|
|
6
|
+
allowRegrouping?: boolean;
|
|
7
7
|
}) => {
|
|
8
|
-
|
|
9
|
-
activeSequentialTask: StageTaskGroup | undefined;
|
|
8
|
+
activeTask: StageTaskItem | undefined;
|
|
10
9
|
isActiveTaskParallel: boolean;
|
|
11
|
-
projected: import("../StageNode.utils").ProjectionResult | null;
|
|
12
|
-
handleDragMove: (event: DragMoveEvent) => void;
|
|
13
|
-
handleDragOver: (event: DragOverEvent) => void;
|
|
14
10
|
handleDragStart: (event: DragStartEvent) => void;
|
|
11
|
+
handleDragMove: (event: DragMoveEvent) => void;
|
|
15
12
|
handleDragEnd: (event: DragEndEvent) => void;
|
|
16
13
|
handleDragCancel: () => void;
|
|
17
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStageTaskDragHandler.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/hooks/useStageTaskDragHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"useStageTaskDragHandler.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/hooks/useStageTaskDragHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,eAAO,MAAM,uBAAuB,GAAI,iDAIrC;IACD,UAAU,EAAE,aAAa,EAAE,EAAE,CAAC;IAC9B,aAAa,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC;IAGrD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;;;6BAkBW,cAAc;4BAKd,aAAa;2BAOb,YAAY;;CAoDvB,CAAC"}
|
|
@@ -1,81 +1,56 @@
|
|
|
1
1
|
import { useStoreApi } from "@xyflow/react";
|
|
2
|
-
import { useCallback, useMemo, useState } from "react";
|
|
2
|
+
import { useCallback, useMemo, useRef, useState } from "react";
|
|
3
3
|
import { flattenTasks, getProjection, reorderTasks } from "../StageNode.utils.js";
|
|
4
|
-
const useStageTaskDragHandler = ({
|
|
4
|
+
const useStageTaskDragHandler = ({ taskGroups, onTaskReorder, allowRegrouping = true })=>{
|
|
5
5
|
const storeApi = useStoreApi();
|
|
6
|
+
const offsetLeft = useRef(0);
|
|
6
7
|
const [activeDragId, setActiveDragId] = useState(null);
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
const activeSequentialTask = useMemo(()=>sequentialTasks.find(({ task })=>task.id === activeDragId), [
|
|
10
|
-
sequentialTasks,
|
|
8
|
+
const activeTask = useMemo(()=>taskGroups.flat().find((task)=>task.id === activeDragId), [
|
|
9
|
+
taskGroups,
|
|
11
10
|
activeDragId
|
|
12
11
|
]);
|
|
13
|
-
const isActiveTaskParallel = useMemo(()=>
|
|
14
|
-
|
|
15
|
-
const group = sequentialTaskGroups.find((g)=>g.some((t)=>t.id === activeDragId));
|
|
16
|
-
return group ? group.length > 1 : false;
|
|
17
|
-
}, [
|
|
18
|
-
sequentialTaskGroups,
|
|
12
|
+
const isActiveTaskParallel = useMemo(()=>(taskGroups.find((group)=>group.some((t)=>t.id === activeDragId))?.length ?? 0) > 1, [
|
|
13
|
+
taskGroups,
|
|
19
14
|
activeDragId
|
|
20
15
|
]);
|
|
21
|
-
const
|
|
22
|
-
if (!activeDragId || !overId) return null;
|
|
23
|
-
return getProjection(sequentialTaskGroups, activeDragId, overId, offsetLeft);
|
|
24
|
-
}, [
|
|
25
|
-
sequentialTaskGroups,
|
|
26
|
-
activeDragId,
|
|
27
|
-
overId,
|
|
28
|
-
offsetLeft
|
|
29
|
-
]);
|
|
30
|
-
const resetState = useCallback(()=>{
|
|
31
|
-
setActiveDragId(null);
|
|
32
|
-
setOffsetLeft(0);
|
|
33
|
-
setOverId(null);
|
|
34
|
-
}, []);
|
|
35
|
-
const handleDragStart = useCallback((event)=>{
|
|
36
|
-
setActiveDragId(event.active.id);
|
|
37
|
-
}, []);
|
|
16
|
+
const handleDragStart = useCallback((event)=>setActiveDragId(String(event.active.id)), []);
|
|
38
17
|
const handleDragMove = useCallback((event)=>{
|
|
39
|
-
|
|
18
|
+
offsetLeft.current = event.delta.x / storeApi.getState().transform[2];
|
|
40
19
|
}, [
|
|
41
20
|
storeApi
|
|
42
21
|
]);
|
|
43
|
-
const handleDragOver = useCallback((event)=>{
|
|
44
|
-
setOverId(event.over?.id ?? null);
|
|
45
|
-
}, []);
|
|
46
22
|
const handleDragEnd = useCallback((event)=>{
|
|
47
23
|
const { active, over } = event;
|
|
48
|
-
const currentOffsetLeft = offsetLeft;
|
|
49
|
-
|
|
24
|
+
const currentOffsetLeft = offsetLeft.current;
|
|
25
|
+
offsetLeft.current = 0;
|
|
26
|
+
setActiveDragId(null);
|
|
50
27
|
if (!over) return;
|
|
51
|
-
|
|
52
|
-
if (
|
|
28
|
+
let depth = 0;
|
|
29
|
+
if (allowRegrouping) {
|
|
30
|
+
const projection = getProjection(taskGroups, active.id, over.id, currentOffsetLeft);
|
|
31
|
+
if (!projection) return;
|
|
32
|
+
depth = projection.depth;
|
|
33
|
+
}
|
|
53
34
|
if (active.id === over.id) {
|
|
54
|
-
const flattened = flattenTasks(
|
|
55
|
-
const
|
|
56
|
-
if (
|
|
35
|
+
const flattened = flattenTasks(taskGroups);
|
|
36
|
+
const draggedTask = flattened.find((t)=>t.id === active.id);
|
|
37
|
+
if (draggedTask && draggedTask.depth === depth) return;
|
|
57
38
|
}
|
|
58
|
-
|
|
59
|
-
onTaskReorder(newTasks);
|
|
39
|
+
onTaskReorder(reorderTasks(taskGroups, active.id, over.id, depth));
|
|
60
40
|
}, [
|
|
61
|
-
|
|
41
|
+
taskGroups,
|
|
62
42
|
onTaskReorder,
|
|
63
|
-
|
|
64
|
-
resetState
|
|
43
|
+
allowRegrouping
|
|
65
44
|
]);
|
|
66
45
|
const handleDragCancel = useCallback(()=>{
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
]);
|
|
46
|
+
offsetLeft.current = 0;
|
|
47
|
+
setActiveDragId(null);
|
|
48
|
+
}, []);
|
|
71
49
|
return {
|
|
72
|
-
|
|
73
|
-
activeSequentialTask,
|
|
50
|
+
activeTask,
|
|
74
51
|
isActiveTaskParallel,
|
|
75
|
-
projected,
|
|
76
|
-
handleDragMove,
|
|
77
|
-
handleDragOver,
|
|
78
52
|
handleDragStart,
|
|
53
|
+
handleDragMove,
|
|
79
54
|
handleDragEnd,
|
|
80
55
|
handleDragCancel
|
|
81
56
|
};
|
|
@@ -27,55 +27,28 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
27
27
|
useStageTasksByGroups: ()=>useStageTasksByGroups
|
|
28
28
|
});
|
|
29
29
|
const external_react_namespaceObject = require("react");
|
|
30
|
+
const typeOf = (task)=>{
|
|
31
|
+
if (null != task.taskGroupType) return task.taskGroupType;
|
|
32
|
+
return task.isAdhoc ? 'adhoc' : 'sequential';
|
|
33
|
+
};
|
|
30
34
|
const useStageTasksByGroups = (allTasks)=>{
|
|
31
|
-
const sequentialTaskGroups = (0, external_react_namespaceObject.useMemo)(()=>allTasks.
|
|
32
|
-
if (null != t.taskGroupType) return 'sequential' === t.taskGroupType;
|
|
33
|
-
if (null != t.isAdhoc) return !t.isAdhoc;
|
|
34
|
-
return true;
|
|
35
|
-
})), [
|
|
35
|
+
const sequentialTaskGroups = (0, external_react_namespaceObject.useMemo)(()=>allTasks.map((group)=>group.filter((task)=>'sequential' === typeOf(task))).filter((group)=>group.length > 0), [
|
|
36
36
|
allTasks
|
|
37
37
|
]);
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
taskIndex
|
|
42
|
-
}))), [
|
|
43
|
-
sequentialTaskGroups
|
|
44
|
-
]);
|
|
45
|
-
const adhocTaskGroups = (0, external_react_namespaceObject.useMemo)(()=>allTasks.filter((group)=>group.every((t)=>{
|
|
46
|
-
if (null != t.taskGroupType) return 'adhoc' === t.taskGroupType;
|
|
47
|
-
if (null != t.isAdhoc) return t.isAdhoc;
|
|
48
|
-
return false;
|
|
49
|
-
})), [
|
|
38
|
+
const adhocTaskGroups = (0, external_react_namespaceObject.useMemo)(()=>allTasks.flat().filter((task)=>'adhoc' === typeOf(task)).map((task)=>[
|
|
39
|
+
task
|
|
40
|
+
]), [
|
|
50
41
|
allTasks
|
|
51
42
|
]);
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
taskIndex
|
|
56
|
-
}))), [
|
|
57
|
-
adhocTaskGroups
|
|
58
|
-
]);
|
|
59
|
-
const eventDrivenTaskGroups = (0, external_react_namespaceObject.useMemo)(()=>allTasks.filter((group)=>group.every((t)=>{
|
|
60
|
-
if (null != t.taskGroupType) return 'event-driven' === t.taskGroupType;
|
|
61
|
-
return false;
|
|
62
|
-
})), [
|
|
43
|
+
const eventDrivenTaskGroups = (0, external_react_namespaceObject.useMemo)(()=>allTasks.flat().filter((task)=>'event-driven' === typeOf(task)).map((task)=>[
|
|
44
|
+
task
|
|
45
|
+
]), [
|
|
63
46
|
allTasks
|
|
64
47
|
]);
|
|
65
|
-
const eventDrivenTasks = (0, external_react_namespaceObject.useMemo)(()=>eventDrivenTaskGroups.flatMap((group, groupIndex)=>group.map((task, taskIndex)=>({
|
|
66
|
-
task,
|
|
67
|
-
groupIndex,
|
|
68
|
-
taskIndex
|
|
69
|
-
}))), [
|
|
70
|
-
eventDrivenTaskGroups
|
|
71
|
-
]);
|
|
72
48
|
return {
|
|
73
49
|
sequentialTaskGroups,
|
|
74
|
-
sequentialTasks,
|
|
75
50
|
adhocTaskGroups,
|
|
76
|
-
|
|
77
|
-
eventDrivenTaskGroups,
|
|
78
|
-
eventDrivenTasks
|
|
51
|
+
eventDrivenTaskGroups
|
|
79
52
|
};
|
|
80
53
|
};
|
|
81
54
|
exports.useStageTasksByGroups = __webpack_exports__.useStageTasksByGroups;
|
|
@@ -1,22 +1,7 @@
|
|
|
1
1
|
import type { StageTaskItem } from '../StageNode.types';
|
|
2
2
|
export declare const useStageTasksByGroups: (allTasks: StageTaskItem[][]) => {
|
|
3
3
|
sequentialTaskGroups: StageTaskItem[][];
|
|
4
|
-
sequentialTasks: {
|
|
5
|
-
task: StageTaskItem;
|
|
6
|
-
groupIndex: number;
|
|
7
|
-
taskIndex: number;
|
|
8
|
-
}[];
|
|
9
4
|
adhocTaskGroups: StageTaskItem[][];
|
|
10
|
-
adhocTasks: {
|
|
11
|
-
task: StageTaskItem;
|
|
12
|
-
groupIndex: number;
|
|
13
|
-
taskIndex: number;
|
|
14
|
-
}[];
|
|
15
5
|
eventDrivenTaskGroups: StageTaskItem[][];
|
|
16
|
-
eventDrivenTasks: {
|
|
17
|
-
task: StageTaskItem;
|
|
18
|
-
groupIndex: number;
|
|
19
|
-
taskIndex: number;
|
|
20
|
-
}[];
|
|
21
6
|
};
|
|
22
7
|
//# sourceMappingURL=useStageTasksByGroups.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStageTasksByGroups.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/hooks/useStageTasksByGroups.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"useStageTasksByGroups.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/hooks/useStageTasksByGroups.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAaxD,eAAO,MAAM,qBAAqB,GAAI,UAAU,aAAa,EAAE,EAAE;;;;CAiChE,CAAC"}
|
|
@@ -1,53 +1,26 @@
|
|
|
1
1
|
import { useMemo } from "react";
|
|
2
|
+
const typeOf = (task)=>{
|
|
3
|
+
if (null != task.taskGroupType) return task.taskGroupType;
|
|
4
|
+
return task.isAdhoc ? 'adhoc' : 'sequential';
|
|
5
|
+
};
|
|
2
6
|
const useStageTasksByGroups = (allTasks)=>{
|
|
3
|
-
const sequentialTaskGroups = useMemo(()=>allTasks.
|
|
4
|
-
if (null != t.taskGroupType) return 'sequential' === t.taskGroupType;
|
|
5
|
-
if (null != t.isAdhoc) return !t.isAdhoc;
|
|
6
|
-
return true;
|
|
7
|
-
})), [
|
|
7
|
+
const sequentialTaskGroups = useMemo(()=>allTasks.map((group)=>group.filter((task)=>'sequential' === typeOf(task))).filter((group)=>group.length > 0), [
|
|
8
8
|
allTasks
|
|
9
9
|
]);
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
taskIndex
|
|
14
|
-
}))), [
|
|
15
|
-
sequentialTaskGroups
|
|
16
|
-
]);
|
|
17
|
-
const adhocTaskGroups = useMemo(()=>allTasks.filter((group)=>group.every((t)=>{
|
|
18
|
-
if (null != t.taskGroupType) return 'adhoc' === t.taskGroupType;
|
|
19
|
-
if (null != t.isAdhoc) return t.isAdhoc;
|
|
20
|
-
return false;
|
|
21
|
-
})), [
|
|
10
|
+
const adhocTaskGroups = useMemo(()=>allTasks.flat().filter((task)=>'adhoc' === typeOf(task)).map((task)=>[
|
|
11
|
+
task
|
|
12
|
+
]), [
|
|
22
13
|
allTasks
|
|
23
14
|
]);
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
taskIndex
|
|
28
|
-
}))), [
|
|
29
|
-
adhocTaskGroups
|
|
30
|
-
]);
|
|
31
|
-
const eventDrivenTaskGroups = useMemo(()=>allTasks.filter((group)=>group.every((t)=>{
|
|
32
|
-
if (null != t.taskGroupType) return 'event-driven' === t.taskGroupType;
|
|
33
|
-
return false;
|
|
34
|
-
})), [
|
|
15
|
+
const eventDrivenTaskGroups = useMemo(()=>allTasks.flat().filter((task)=>'event-driven' === typeOf(task)).map((task)=>[
|
|
16
|
+
task
|
|
17
|
+
]), [
|
|
35
18
|
allTasks
|
|
36
19
|
]);
|
|
37
|
-
const eventDrivenTasks = useMemo(()=>eventDrivenTaskGroups.flatMap((group, groupIndex)=>group.map((task, taskIndex)=>({
|
|
38
|
-
task,
|
|
39
|
-
groupIndex,
|
|
40
|
-
taskIndex
|
|
41
|
-
}))), [
|
|
42
|
-
eventDrivenTaskGroups
|
|
43
|
-
]);
|
|
44
20
|
return {
|
|
45
21
|
sequentialTaskGroups,
|
|
46
|
-
sequentialTasks,
|
|
47
22
|
adhocTaskGroups,
|
|
48
|
-
|
|
49
|
-
eventDrivenTaskGroups,
|
|
50
|
-
eventDrivenTasks
|
|
23
|
+
eventDrivenTaskGroups
|
|
51
24
|
};
|
|
52
25
|
};
|
|
53
26
|
export { useStageTasksByGroups };
|
|
@@ -27,16 +27,14 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
27
27
|
DraggableTask: ()=>DraggableTask
|
|
28
28
|
});
|
|
29
29
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
-
const sortable_namespaceObject = require("@dnd-kit/sortable");
|
|
31
|
-
const utilities_namespaceObject = require("@dnd-kit/utilities");
|
|
32
|
-
const react_cjs_namespaceObject = require("../../../xyflow/react.cjs");
|
|
33
30
|
const external_react_namespaceObject = require("react");
|
|
34
31
|
const external_StageNode_styles_cjs_namespaceObject = require("../StageNode.styles.cjs");
|
|
32
|
+
const external_SortableTaskRow_cjs_namespaceObject = require("./SortableTaskRow.cjs");
|
|
35
33
|
const external_TaskBreakpointDot_cjs_namespaceObject = require("./TaskBreakpointDot.cjs");
|
|
36
34
|
const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
|
|
37
35
|
const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
|
|
38
36
|
const external_TaskMockedChip_cjs_namespaceObject = require("./TaskMockedChip.cjs");
|
|
39
|
-
const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled,
|
|
37
|
+
const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, isTaskLoading, isReadOnly, onToggleBreakpoint })=>{
|
|
40
38
|
const taskRef = (0, external_react_namespaceObject.useRef)(null);
|
|
41
39
|
const menuRef = (0, external_react_namespaceObject.useRef)(null);
|
|
42
40
|
const handleClick = (0, external_react_namespaceObject.useCallback)((e)=>{
|
|
@@ -48,44 +46,6 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
|
|
|
48
46
|
const handleContextMenu = (0, external_react_namespaceObject.useCallback)((e)=>{
|
|
49
47
|
menuRef.current?.handleContextMenu(e);
|
|
50
48
|
}, []);
|
|
51
|
-
const { attributes, listeners, setNodeRef, transition, transform, isDragging } = (0, sortable_namespaceObject.useSortable)({
|
|
52
|
-
id: task.id,
|
|
53
|
-
disabled: isDragDisabled
|
|
54
|
-
});
|
|
55
|
-
const zoom = (0, react_cjs_namespaceObject.useStore)((s)=>transform ? s.transform[2] : 1);
|
|
56
|
-
const style = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
57
|
-
const scaledTransform = transform ? {
|
|
58
|
-
...transform,
|
|
59
|
-
x: transform.x / zoom,
|
|
60
|
-
y: transform.y / zoom
|
|
61
|
-
} : null;
|
|
62
|
-
let marginLeft;
|
|
63
|
-
if (isDragging && void 0 !== projectedDepth) if (1 !== projectedDepth || isParallel) {
|
|
64
|
-
if (0 === projectedDepth && isParallel) marginLeft = `-${external_StageNode_styles_cjs_namespaceObject.INDENTATION_WIDTH}px`;
|
|
65
|
-
} else marginLeft = `${external_StageNode_styles_cjs_namespaceObject.INDENTATION_WIDTH}px`;
|
|
66
|
-
return {
|
|
67
|
-
transition,
|
|
68
|
-
transform: utilities_namespaceObject.CSS.Transform.toString(scaledTransform),
|
|
69
|
-
marginLeft
|
|
70
|
-
};
|
|
71
|
-
}, [
|
|
72
|
-
transform,
|
|
73
|
-
zoom,
|
|
74
|
-
transition,
|
|
75
|
-
isDragging,
|
|
76
|
-
projectedDepth,
|
|
77
|
-
isParallel
|
|
78
|
-
]);
|
|
79
|
-
if (isDragging) {
|
|
80
|
-
const isTargetParallel = 1 === projectedDepth;
|
|
81
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTaskDragPlaceholderWrapper, {
|
|
82
|
-
ref: setNodeRef,
|
|
83
|
-
style: style,
|
|
84
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTaskDragPlaceholder, {
|
|
85
|
-
isTargetParallel: isTargetParallel
|
|
86
|
-
})
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
49
|
const taskElement = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageItemPill, {
|
|
90
50
|
ref: taskRef,
|
|
91
51
|
"data-testid": `stage-task-card-${task.id}`,
|
|
@@ -123,12 +83,9 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
|
|
|
123
83
|
]
|
|
124
84
|
});
|
|
125
85
|
if (isDragDisabled) return taskElement;
|
|
126
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
|
|
127
|
-
|
|
128
|
-
style: style,
|
|
86
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SortableTaskRow_cjs_namespaceObject.SortableTaskRow, {
|
|
87
|
+
taskId: task.id,
|
|
129
88
|
isParallel: isParallel,
|
|
130
|
-
...attributes,
|
|
131
|
-
...listeners,
|
|
132
89
|
children: taskElement
|
|
133
90
|
});
|
|
134
91
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { DraggableTaskProps } from './DraggableTask.types';
|
|
2
|
-
export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled,
|
|
2
|
+
export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, isTaskLoading, isReadOnly, onToggleBreakpoint, }: 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/tasks/DraggableTask.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/tasks/DraggableTask.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAiFhE,eAAO,MAAM,aAAa,0LA/DvB,kBAAkB,6CA+DoC,CAAC"}
|