@uipath/apollo-react 6.12.2 → 6.13.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/AdhocTask.cjs +1 -0
- package/dist/canvas/components/StageNode/AdhocTask.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/AdhocTask.js +1 -0
- package/dist/canvas/components/StageNode/DraggableTask.cjs +1 -0
- package/dist/canvas/components/StageNode/DraggableTask.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/DraggableTask.js +1 -0
- package/dist/canvas/components/StageNode/EventDrivenTask.cjs +1 -0
- package/dist/canvas/components/StageNode/EventDrivenTask.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/EventDrivenTask.js +1 -0
- package/dist/canvas/components/StageNode/TaskBreakpointDot.cjs +5 -3
- package/dist/canvas/components/StageNode/TaskBreakpointDot.d.ts +2 -1
- package/dist/canvas/components/StageNode/TaskBreakpointDot.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/TaskBreakpointDot.js +5 -3
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/package.json +2 -2
|
@@ -58,6 +58,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
|
|
|
58
58
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskBreakpointDot_cjs_namespaceObject.TaskBreakpointDot, {
|
|
59
59
|
taskId: task.id,
|
|
60
60
|
active: !!taskExecution?.breakpoint,
|
|
61
|
+
paused: taskExecution?.status === 'Paused',
|
|
61
62
|
onToggle: onToggleBreakpoint
|
|
62
63
|
}),
|
|
63
64
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskContent_cjs_namespaceObject.TaskContent, {
|
|
@@ -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;AAK3E,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;IAExB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;
|
|
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;AAK3E,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;IAExB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAyDD,eAAO,MAAM,aAAa,0KA7CvB,kBAAkB,6CA6CoC,CAAC"}
|
|
@@ -30,6 +30,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
|
|
|
30
30
|
/*#__PURE__*/ jsx(TaskBreakpointDot, {
|
|
31
31
|
taskId: task.id,
|
|
32
32
|
active: !!taskExecution?.breakpoint,
|
|
33
|
+
paused: taskExecution?.status === 'Paused',
|
|
33
34
|
onToggle: onToggleBreakpoint
|
|
34
35
|
}),
|
|
35
36
|
/*#__PURE__*/ jsx(TaskContent, {
|
|
@@ -101,6 +101,7 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
|
|
|
101
101
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskBreakpointDot_cjs_namespaceObject.TaskBreakpointDot, {
|
|
102
102
|
taskId: task.id,
|
|
103
103
|
active: !!taskExecution?.breakpoint,
|
|
104
|
+
paused: taskExecution?.status === 'Paused',
|
|
104
105
|
onToggle: onToggleBreakpoint
|
|
105
106
|
}),
|
|
106
107
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskContent_cjs_namespaceObject.TaskContent, {
|
|
@@ -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;
|
|
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;AAqIhE,eAAO,MAAM,aAAa,0MA7GvB,kBAAkB,6CA6GoC,CAAC"}
|
|
@@ -73,6 +73,7 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
|
|
|
73
73
|
/*#__PURE__*/ jsx(TaskBreakpointDot, {
|
|
74
74
|
taskId: task.id,
|
|
75
75
|
active: !!taskExecution?.breakpoint,
|
|
76
|
+
paused: taskExecution?.status === 'Paused',
|
|
76
77
|
onToggle: onToggleBreakpoint
|
|
77
78
|
}),
|
|
78
79
|
/*#__PURE__*/ jsx(TaskContent, {
|
|
@@ -58,6 +58,7 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
|
|
|
58
58
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskBreakpointDot_cjs_namespaceObject.TaskBreakpointDot, {
|
|
59
59
|
taskId: task.id,
|
|
60
60
|
active: !!taskExecution?.breakpoint,
|
|
61
|
+
paused: taskExecution?.status === 'Paused',
|
|
61
62
|
onToggle: onToggleBreakpoint
|
|
62
63
|
}),
|
|
63
64
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskContent_cjs_namespaceObject.TaskContent, {
|
|
@@ -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;AAK3E,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;IAExB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;
|
|
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;AAK3E,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;IAExB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAyDD,eAAO,MAAM,mBAAmB,8JA9C7B,wBAAwB,6CA8C0C,CAAC"}
|
|
@@ -30,6 +30,7 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
|
|
|
30
30
|
/*#__PURE__*/ jsx(TaskBreakpointDot, {
|
|
31
31
|
taskId: task.id,
|
|
32
32
|
active: !!taskExecution?.breakpoint,
|
|
33
|
+
paused: taskExecution?.status === 'Paused',
|
|
33
34
|
onToggle: onToggleBreakpoint
|
|
34
35
|
}),
|
|
35
36
|
/*#__PURE__*/ jsx(TaskContent, {
|
|
@@ -31,7 +31,8 @@ const external_react_namespaceObject = require("react");
|
|
|
31
31
|
const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
|
|
32
32
|
const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
|
|
33
33
|
const DOT = 'absolute -top-1.5 -left-1.5 z-10 h-3.5 w-3.5 rounded-full bg-(--canvas-error-icon)';
|
|
34
|
-
|
|
34
|
+
const PAUSED_GLOW = 'animate-glow [--glow-color:var(--canvas-error-icon)] [--glow-strength:55%]';
|
|
35
|
+
function TaskBreakpointDotInner({ active, taskId, paused, onToggle }) {
|
|
35
36
|
const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
|
|
36
37
|
const handleClick = (0, external_react_namespaceObject.useCallback)((e)=>{
|
|
37
38
|
e.stopPropagation();
|
|
@@ -41,9 +42,10 @@ function TaskBreakpointDotInner({ active, taskId, onToggle }) {
|
|
|
41
42
|
taskId
|
|
42
43
|
]);
|
|
43
44
|
const stopPointerDown = (0, external_react_namespaceObject.useCallback)((e)=>e.stopPropagation(), []);
|
|
45
|
+
const pulse = active && paused ? `${PAUSED_GLOW} ` : '';
|
|
44
46
|
if (!onToggle) return active ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
45
47
|
"data-testid": `stage-task-breakpoint-${taskId}`,
|
|
46
|
-
className:
|
|
48
|
+
className: `${pulse}pointer-events-none ${DOT}`
|
|
47
49
|
}) : null;
|
|
48
50
|
const label = active ? _({
|
|
49
51
|
id: 'stage-node.breakpoint.remove',
|
|
@@ -59,7 +61,7 @@ function TaskBreakpointDotInner({ active, taskId, onToggle }) {
|
|
|
59
61
|
type: "button",
|
|
60
62
|
"data-testid": active ? `stage-task-breakpoint-${taskId}` : `stage-task-add-breakpoint-${taskId}`,
|
|
61
63
|
"aria-label": label,
|
|
62
|
-
className: active ?
|
|
64
|
+
className: `${active ? pulse : 'task-breakpoint-add '}cursor-pointer ${DOT}`,
|
|
63
65
|
onClick: handleClick,
|
|
64
66
|
onPointerDown: stopPointerDown
|
|
65
67
|
})
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export interface TaskBreakpointDotProps {
|
|
2
2
|
active: boolean;
|
|
3
3
|
taskId: string;
|
|
4
|
+
paused?: boolean;
|
|
4
5
|
onToggle?: (taskId: string) => void;
|
|
5
6
|
}
|
|
6
|
-
declare function TaskBreakpointDotInner({ active, taskId, onToggle }: TaskBreakpointDotProps): import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
+
declare function TaskBreakpointDotInner({ active, taskId, paused, onToggle }: TaskBreakpointDotProps): import("react/jsx-runtime").JSX.Element | null;
|
|
7
8
|
export declare const TaskBreakpointDot: import("react").MemoExoticComponent<typeof TaskBreakpointDotInner>;
|
|
8
9
|
export {};
|
|
9
10
|
//# sourceMappingURL=TaskBreakpointDot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TaskBreakpointDot.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/TaskBreakpointDot.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,sBAAsB;IAErC,MAAM,EAAE,OAAO,CAAC;IAEhB,MAAM,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"TaskBreakpointDot.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/TaskBreakpointDot.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,sBAAsB;IAErC,MAAM,EAAE,OAAO,CAAC;IAEhB,MAAM,EAAE,MAAM,CAAC;IAKf,MAAM,CAAC,EAAE,OAAO,CAAC;IAOjB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAuBD,iBAAS,sBAAsB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,sBAAsB,kDA4C3F;AAED,eAAO,MAAM,iBAAiB,oEAA+B,CAAC"}
|
|
@@ -3,7 +3,8 @@ import { memo, useCallback } from "react";
|
|
|
3
3
|
import { useSafeLingui } from "../../../i18n/index.js";
|
|
4
4
|
import { CanvasTooltip } from "../CanvasTooltip.js";
|
|
5
5
|
const DOT = 'absolute -top-1.5 -left-1.5 z-10 h-3.5 w-3.5 rounded-full bg-(--canvas-error-icon)';
|
|
6
|
-
|
|
6
|
+
const PAUSED_GLOW = 'animate-glow [--glow-color:var(--canvas-error-icon)] [--glow-strength:55%]';
|
|
7
|
+
function TaskBreakpointDotInner({ active, taskId, paused, onToggle }) {
|
|
7
8
|
const { _ } = useSafeLingui();
|
|
8
9
|
const handleClick = useCallback((e)=>{
|
|
9
10
|
e.stopPropagation();
|
|
@@ -13,9 +14,10 @@ function TaskBreakpointDotInner({ active, taskId, onToggle }) {
|
|
|
13
14
|
taskId
|
|
14
15
|
]);
|
|
15
16
|
const stopPointerDown = useCallback((e)=>e.stopPropagation(), []);
|
|
17
|
+
const pulse = active && paused ? `${PAUSED_GLOW} ` : '';
|
|
16
18
|
if (!onToggle) return active ? /*#__PURE__*/ jsx("span", {
|
|
17
19
|
"data-testid": `stage-task-breakpoint-${taskId}`,
|
|
18
|
-
className:
|
|
20
|
+
className: `${pulse}pointer-events-none ${DOT}`
|
|
19
21
|
}) : null;
|
|
20
22
|
const label = active ? _({
|
|
21
23
|
id: 'stage-node.breakpoint.remove',
|
|
@@ -31,7 +33,7 @@ function TaskBreakpointDotInner({ active, taskId, onToggle }) {
|
|
|
31
33
|
type: "button",
|
|
32
34
|
"data-testid": active ? `stage-task-breakpoint-${taskId}` : `stage-task-add-breakpoint-${taskId}`,
|
|
33
35
|
"aria-label": label,
|
|
34
|
-
className: active ?
|
|
36
|
+
className: `${active ? pulse : 'task-breakpoint-add '}cursor-pointer ${DOT}`,
|
|
35
37
|
onClick: handleClick,
|
|
36
38
|
onPointerDown: stopPointerDown
|
|
37
39
|
})
|