@uipath/apollo-react 6.21.0 → 6.22.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.
- package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.cjs +253 -0
- package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.d.ts +8 -0
- package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.d.ts.map +1 -0
- package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.js +213 -0
- package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.types.cjs +18 -0
- package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.types.d.ts +28 -0
- package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.types.d.ts.map +1 -0
- package/dist/canvas/components/CanvasBottomPanel/CanvasBottomPanel.types.js +0 -0
- package/dist/canvas/components/CanvasBottomPanel/index.cjs +42 -0
- package/dist/canvas/components/CanvasBottomPanel/index.d.ts +3 -0
- package/dist/canvas/components/CanvasBottomPanel/index.d.ts.map +1 -0
- package/dist/canvas/components/CanvasBottomPanel/index.js +2 -0
- package/dist/canvas/components/StageNode/StageNodeHeader.cjs +10 -5
- package/dist/canvas/components/StageNode/StageNodeHeader.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeHeader.js +11 -6
- package/dist/canvas/components/StageNode/formatDuration.cjs +18 -2
- package/dist/canvas/components/StageNode/formatDuration.d.ts +2 -0
- package/dist/canvas/components/StageNode/formatDuration.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/formatDuration.js +11 -1
- package/dist/canvas/components/StageNode/rules/StageRuleContent.cjs +5 -14
- package/dist/canvas/components/StageNode/rules/StageRuleContent.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/rules/StageRuleContent.js +5 -14
- package/dist/canvas/components/StageNode/shared/CollapsibleStageHeader.cjs +5 -14
- package/dist/canvas/components/StageNode/shared/CollapsibleStageHeader.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/shared/CollapsibleStageHeader.js +5 -14
- package/dist/canvas/components/StageNode/tasks/TaskContent.cjs +29 -28
- package/dist/canvas/components/StageNode/tasks/TaskContent.js +30 -29
- package/dist/canvas/components/index.cjs +59 -52
- package/dist/canvas/components/index.d.ts +1 -0
- package/dist/canvas/components/index.d.ts.map +1 -1
- package/dist/canvas/components/index.js +1 -0
- package/dist/canvas/layouts/Stack.cjs +22 -6
- package/dist/canvas/layouts/Stack.d.ts +3 -4
- package/dist/canvas/layouts/Stack.d.ts.map +1 -1
- package/dist/canvas/layouts/Stack.js +13 -7
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/dist/test/durations.d.ts +6 -0
- package/dist/test/durations.d.ts.map +1 -0
- package/package.json +3 -3
|
@@ -3,14 +3,14 @@ import { Icon, Padding, Spacing } from "@uipath/apollo-core";
|
|
|
3
3
|
import { Row } from "../../layouts/index.js";
|
|
4
4
|
import { Button } from "@uipath/apollo-wind";
|
|
5
5
|
import { memo } from "react";
|
|
6
|
+
import { useSafeLingui } from "../../../i18n/index.js";
|
|
6
7
|
import { ChecklistIcon } from "../../../icons/index.js";
|
|
7
8
|
import { EntryConditionIcon, ExitConditionIcon, ReturnToOriginIcon } from "../../icons/index.js";
|
|
8
9
|
import { CanvasIcon } from "../../utils/icon-registry.js";
|
|
9
|
-
import { useSafeLingui } from "../../../i18n/index.js";
|
|
10
10
|
import { CanvasTooltip } from "../CanvasTooltip.js";
|
|
11
11
|
import { ExecutionStatusIcon } from "../ExecutionStatusIcon/index.js";
|
|
12
12
|
import { getExecutionStatusColor } from "../ExecutionStatusIcon/ExecutionStatusIcon.js";
|
|
13
|
-
import { formatDurationMs } from "./formatDuration.js";
|
|
13
|
+
import { formatDurationMs, formatExactDurationMs, hasHiddenDurationParts } from "./formatDuration.js";
|
|
14
14
|
import { StageChip, StageHeader } from "./StageNode.styles.js";
|
|
15
15
|
import { StageHeaderChipType } from "./StageNode.types.js";
|
|
16
16
|
import { StageTitleInput } from "./StageTitleInput.js";
|
|
@@ -94,6 +94,7 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
|
|
|
94
94
|
const formattedStageDuration = void 0 !== stageDurationMs ? formatDurationMs(stageDurationMs, locale) : execution?.stageStatus?.duration;
|
|
95
95
|
const stageDurationLabel = execution?.stageStatus?.durationLabel;
|
|
96
96
|
const stageDuration = formattedStageDuration && stageDurationLabel ? `${stageDurationLabel} ${formattedStageDuration}` : formattedStageDuration;
|
|
97
|
+
const exactStageDuration = void 0 !== stageDurationMs && hasHiddenDurationParts(stageDurationMs) ? formatExactDurationMs(stageDurationMs, locale) : void 0;
|
|
97
98
|
const slaText = execution?.stageStatus?.slaText;
|
|
98
99
|
const slaIcon = execution?.stageStatus?.slaIcon;
|
|
99
100
|
const slaIndicator = slaIcon ? SLA_ICON_CONFIG[slaIcon] : void 0;
|
|
@@ -224,10 +225,14 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
|
|
|
224
225
|
})
|
|
225
226
|
]
|
|
226
227
|
}),
|
|
227
|
-
stageDuration && /*#__PURE__*/ jsx(
|
|
228
|
-
|
|
229
|
-
"
|
|
230
|
-
children:
|
|
228
|
+
stageDuration && /*#__PURE__*/ jsx(CanvasTooltip, {
|
|
229
|
+
content: exactStageDuration,
|
|
230
|
+
placement: "top",
|
|
231
|
+
children: /*#__PURE__*/ jsx("span", {
|
|
232
|
+
className: "flex min-h-8 items-center text-xs text-foreground-muted",
|
|
233
|
+
"data-testid": `stage-duration-${id}`,
|
|
234
|
+
children: stageDuration
|
|
235
|
+
})
|
|
231
236
|
})
|
|
232
237
|
]
|
|
233
238
|
});
|
|
@@ -24,7 +24,9 @@ var __webpack_require__ = {};
|
|
|
24
24
|
var __webpack_exports__ = {};
|
|
25
25
|
__webpack_require__.r(__webpack_exports__);
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
|
|
27
|
+
hasHiddenDurationParts: ()=>hasHiddenDurationParts,
|
|
28
|
+
formatDurationMs: ()=>formatDurationMs,
|
|
29
|
+
formatExactDurationMs: ()=>formatExactDurationMs
|
|
28
30
|
});
|
|
29
31
|
const external_luxon_namespaceObject = require("luxon");
|
|
30
32
|
const UNITS = [
|
|
@@ -58,9 +60,23 @@ function formatDurationMs(ms, locale = 'en', maxUnits = 3, unitDisplay = 'narrow
|
|
|
58
60
|
unitDisplay
|
|
59
61
|
});
|
|
60
62
|
}
|
|
63
|
+
function formatExactDurationMs(ms, locale = 'en') {
|
|
64
|
+
return formatDurationMs(ms, locale, UNITS.length, 'long');
|
|
65
|
+
}
|
|
66
|
+
function hasHiddenDurationParts(ms, maxUnits = 3) {
|
|
67
|
+
if (!Number.isFinite(ms) || ms <= 0) return false;
|
|
68
|
+
const parts = external_luxon_namespaceObject.Duration.fromMillis(ms).shiftTo(...UNITS).toObject();
|
|
69
|
+
let wholeParts = 0;
|
|
70
|
+
for (const unit of UNITS)if ((parts[unit] ?? 0) >= 1) wholeParts++;
|
|
71
|
+
return wholeParts > maxUnits;
|
|
72
|
+
}
|
|
61
73
|
exports.formatDurationMs = __webpack_exports__.formatDurationMs;
|
|
74
|
+
exports.formatExactDurationMs = __webpack_exports__.formatExactDurationMs;
|
|
75
|
+
exports.hasHiddenDurationParts = __webpack_exports__.hasHiddenDurationParts;
|
|
62
76
|
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
63
|
-
"formatDurationMs"
|
|
77
|
+
"formatDurationMs",
|
|
78
|
+
"formatExactDurationMs",
|
|
79
|
+
"hasHiddenDurationParts"
|
|
64
80
|
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
65
81
|
Object.defineProperty(exports, '__esModule', {
|
|
66
82
|
value: true
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export declare function formatDurationMs(ms: number, locale?: string, maxUnits?: number, unitDisplay?: 'narrow' | 'short' | 'long'): string;
|
|
2
|
+
export declare function formatExactDurationMs(ms: number, locale?: string): string;
|
|
3
|
+
export declare function hasHiddenDurationParts(ms: number, maxUnits?: number): boolean;
|
|
2
4
|
//# sourceMappingURL=formatDuration.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formatDuration.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/formatDuration.ts"],"names":[],"mappings":"AAyBA,wBAAgB,gBAAgB,CAC9B,EAAE,EAAE,MAAM,EACV,MAAM,SAAO,EACb,QAAQ,SAAI,EACZ,WAAW,GAAE,QAAQ,GAAG,OAAO,GAAG,MAAiB,GAClD,MAAM,CAsCR"}
|
|
1
|
+
{"version":3,"file":"formatDuration.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/formatDuration.ts"],"names":[],"mappings":"AAyBA,wBAAgB,gBAAgB,CAC9B,EAAE,EAAE,MAAM,EACV,MAAM,SAAO,EACb,QAAQ,SAAI,EACZ,WAAW,GAAE,QAAQ,GAAG,OAAO,GAAG,MAAiB,GAClD,MAAM,CAsCR;AAMD,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,SAAO,GAAG,MAAM,CAEvE;AAOD,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,OAAO,CAiBxE"}
|
|
@@ -30,4 +30,14 @@ function formatDurationMs(ms, locale = 'en', maxUnits = 3, unitDisplay = 'narrow
|
|
|
30
30
|
unitDisplay
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
|
-
|
|
33
|
+
function formatExactDurationMs(ms, locale = 'en') {
|
|
34
|
+
return formatDurationMs(ms, locale, UNITS.length, 'long');
|
|
35
|
+
}
|
|
36
|
+
function hasHiddenDurationParts(ms, maxUnits = 3) {
|
|
37
|
+
if (!Number.isFinite(ms) || ms <= 0) return false;
|
|
38
|
+
const parts = Duration.fromMillis(ms).shiftTo(...UNITS).toObject();
|
|
39
|
+
let wholeParts = 0;
|
|
40
|
+
for (const unit of UNITS)if ((parts[unit] ?? 0) >= 1) wholeParts++;
|
|
41
|
+
return wholeParts > maxUnits;
|
|
42
|
+
}
|
|
43
|
+
export { formatDurationMs, formatExactDurationMs, hasHiddenDurationParts };
|
|
@@ -69,22 +69,13 @@ const StageRuleContent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(
|
|
|
69
69
|
content: rule.label,
|
|
70
70
|
placement: "top",
|
|
71
71
|
smartTooltip: true,
|
|
72
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
|
|
73
|
-
|
|
74
|
-
|
|
72
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
73
|
+
"data-testid": `stage-rule-label-${rule.id}`,
|
|
74
|
+
className: "text-sm truncate",
|
|
75
75
|
style: {
|
|
76
|
-
|
|
77
|
-
textOverflow: 'ellipsis',
|
|
78
|
-
whiteSpace: 'nowrap'
|
|
76
|
+
minWidth: 0
|
|
79
77
|
},
|
|
80
|
-
children:
|
|
81
|
-
"data-testid": `stage-rule-label-${rule.id}`,
|
|
82
|
-
className: "text-sm truncate",
|
|
83
|
-
style: {
|
|
84
|
-
minWidth: 0
|
|
85
|
-
},
|
|
86
|
-
children: rule.label
|
|
87
|
-
})
|
|
78
|
+
children: rule.label
|
|
88
79
|
})
|
|
89
80
|
})
|
|
90
81
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageRuleContent.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/rules/StageRuleContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKnE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,2DAA6B,qBAAqB,
|
|
1
|
+
{"version":3,"file":"StageRuleContent.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/rules/StageRuleContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKnE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,2DAA6B,qBAAqB,6CAkC7E,CAAC"}
|
|
@@ -41,22 +41,13 @@ const StageRuleContent = /*#__PURE__*/ memo(({ rule, ruleType })=>{
|
|
|
41
41
|
content: rule.label,
|
|
42
42
|
placement: "top",
|
|
43
43
|
smartTooltip: true,
|
|
44
|
-
children: /*#__PURE__*/ jsx(
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
children: /*#__PURE__*/ jsx("span", {
|
|
45
|
+
"data-testid": `stage-rule-label-${rule.id}`,
|
|
46
|
+
className: "text-sm truncate",
|
|
47
47
|
style: {
|
|
48
|
-
|
|
49
|
-
textOverflow: 'ellipsis',
|
|
50
|
-
whiteSpace: 'nowrap'
|
|
48
|
+
minWidth: 0
|
|
51
49
|
},
|
|
52
|
-
children:
|
|
53
|
-
"data-testid": `stage-rule-label-${rule.id}`,
|
|
54
|
-
className: "text-sm truncate",
|
|
55
|
-
style: {
|
|
56
|
-
minWidth: 0
|
|
57
|
-
},
|
|
58
|
-
children: rule.label
|
|
59
|
-
})
|
|
50
|
+
children: rule.label
|
|
60
51
|
})
|
|
61
52
|
})
|
|
62
53
|
]
|
|
@@ -96,22 +96,13 @@ const CollapsibleStageHeader = ({ isOpen, label, testId, children, onToggle })=>
|
|
|
96
96
|
content: label,
|
|
97
97
|
placement: "top",
|
|
98
98
|
smartTooltip: true,
|
|
99
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
|
|
100
|
-
|
|
101
|
-
|
|
99
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
100
|
+
"data-testid": `${testId}-label`,
|
|
101
|
+
className: "text-sm truncate",
|
|
102
102
|
style: {
|
|
103
|
-
|
|
104
|
-
textOverflow: 'ellipsis',
|
|
105
|
-
whiteSpace: 'nowrap'
|
|
103
|
+
minWidth: 0
|
|
106
104
|
},
|
|
107
|
-
children:
|
|
108
|
-
"data-testid": `${testId}-label`,
|
|
109
|
-
className: "text-sm truncate",
|
|
110
|
-
style: {
|
|
111
|
-
minWidth: 0
|
|
112
|
-
},
|
|
113
|
-
children: label
|
|
114
|
-
})
|
|
105
|
+
children: label
|
|
115
106
|
})
|
|
116
107
|
})
|
|
117
108
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleStageHeader.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/shared/CollapsibleStageHeader.tsx"],"names":[],"mappings":"AAuBA,UAAU,2BAA2B;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,sBAAsB,GAAI,gDAMpC,2BAA2B,
|
|
1
|
+
{"version":3,"file":"CollapsibleStageHeader.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/shared/CollapsibleStageHeader.tsx"],"names":[],"mappings":"AAuBA,UAAU,2BAA2B;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,sBAAsB,GAAI,gDAMpC,2BAA2B,4CAkD7B,CAAC"}
|
|
@@ -58,22 +58,13 @@ const CollapsibleStageHeader = ({ isOpen, label, testId, children, onToggle })=>
|
|
|
58
58
|
content: label,
|
|
59
59
|
placement: "top",
|
|
60
60
|
smartTooltip: true,
|
|
61
|
-
children: /*#__PURE__*/ jsx(
|
|
62
|
-
|
|
63
|
-
|
|
61
|
+
children: /*#__PURE__*/ jsx("span", {
|
|
62
|
+
"data-testid": `${testId}-label`,
|
|
63
|
+
className: "text-sm truncate",
|
|
64
64
|
style: {
|
|
65
|
-
|
|
66
|
-
textOverflow: 'ellipsis',
|
|
67
|
-
whiteSpace: 'nowrap'
|
|
65
|
+
minWidth: 0
|
|
68
66
|
},
|
|
69
|
-
children:
|
|
70
|
-
"data-testid": `${testId}-label`,
|
|
71
|
-
className: "text-sm truncate",
|
|
72
|
-
style: {
|
|
73
|
-
minWidth: 0
|
|
74
|
-
},
|
|
75
|
-
children: label
|
|
76
|
-
})
|
|
67
|
+
children: label
|
|
77
68
|
})
|
|
78
69
|
})
|
|
79
70
|
]
|
|
@@ -170,6 +170,8 @@ const TaskContent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ ta
|
|
|
170
170
|
className: "text-xs text-foreground-muted",
|
|
171
171
|
children: durationText
|
|
172
172
|
}) : null;
|
|
173
|
+
const exactDuration = taskExecution?.durationMs !== void 0 && (0, external_formatDuration_cjs_namespaceObject.hasHiddenDurationParts)(taskExecution.durationMs) ? (0, external_formatDuration_cjs_namespaceObject.formatExactDurationMs)(taskExecution.durationMs, locale) : void 0;
|
|
174
|
+
const durationTooltip = taskExecution?.durationTooltip || exactDuration;
|
|
173
175
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
|
|
174
176
|
flex: 1,
|
|
175
177
|
align: "center",
|
|
@@ -205,40 +207,39 @@ const TaskContent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ ta
|
|
|
205
207
|
})
|
|
206
208
|
]
|
|
207
209
|
}),
|
|
208
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
210
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
|
|
211
|
+
gap: '2px',
|
|
212
|
+
align: "center",
|
|
213
|
+
style: {
|
|
214
|
+
overflow: 'hidden',
|
|
215
|
+
whiteSpace: 'nowrap'
|
|
214
216
|
},
|
|
215
|
-
children:
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
217
|
+
children: [
|
|
218
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
|
|
219
|
+
content: task.label,
|
|
220
|
+
placement: "top",
|
|
221
|
+
smartTooltip: true,
|
|
222
|
+
...isDragging && {
|
|
223
|
+
isOpen: false
|
|
224
|
+
},
|
|
225
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
225
226
|
"data-testid": `stage-task-label-${task.id}`,
|
|
226
227
|
className: "text-sm truncate",
|
|
227
228
|
style: {
|
|
228
229
|
minWidth: 0
|
|
229
230
|
},
|
|
230
231
|
children: task.label
|
|
231
|
-
}),
|
|
232
|
-
showRequiredMarker && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
233
|
-
"data-testid": `stage-task-required-marker-${task.id}`,
|
|
234
|
-
className: "text-sm",
|
|
235
|
-
style: {
|
|
236
|
-
flexShrink: 0
|
|
237
|
-
},
|
|
238
|
-
children: '*'
|
|
239
232
|
})
|
|
240
|
-
|
|
241
|
-
|
|
233
|
+
}),
|
|
234
|
+
showRequiredMarker && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
235
|
+
"data-testid": `stage-task-required-marker-${task.id}`,
|
|
236
|
+
className: "text-sm",
|
|
237
|
+
style: {
|
|
238
|
+
flexShrink: 0
|
|
239
|
+
},
|
|
240
|
+
children: '*'
|
|
241
|
+
})
|
|
242
|
+
]
|
|
242
243
|
})
|
|
243
244
|
]
|
|
244
245
|
}),
|
|
@@ -250,8 +251,8 @@ const TaskContent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ ta
|
|
|
250
251
|
},
|
|
251
252
|
"data-testid": `stage-task-actions-${task.id}`,
|
|
252
253
|
children: [
|
|
253
|
-
durationLabel && (
|
|
254
|
-
content:
|
|
254
|
+
durationLabel && (durationTooltip ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
|
|
255
|
+
content: durationTooltip,
|
|
255
256
|
placement: "top",
|
|
256
257
|
hide: isDragging,
|
|
257
258
|
children: durationLabel
|
|
@@ -8,7 +8,7 @@ import { memo, useCallback, useMemo, useState } from "react";
|
|
|
8
8
|
import { useSafeLingui } from "../../../../i18n/index.js";
|
|
9
9
|
import { CanvasTooltip } from "../../CanvasTooltip.js";
|
|
10
10
|
import { ExecutionStatusIcon } from "../../ExecutionStatusIcon/index.js";
|
|
11
|
-
import { formatDurationMs } from "../formatDuration.js";
|
|
11
|
+
import { formatDurationMs, formatExactDurationMs, hasHiddenDurationParts } from "../formatDuration.js";
|
|
12
12
|
import { StageItemIcon } from "../StageNode.styles.js";
|
|
13
13
|
import { useExecutionStatusLabel } from "../useExecutionStatusLabel.js";
|
|
14
14
|
import { StageTaskEntryConditionIcon } from "./StageTaskEntryConditionIcon.js";
|
|
@@ -132,6 +132,8 @@ const TaskContent = /*#__PURE__*/ memo(({ task, taskExecution, isDragging, onTas
|
|
|
132
132
|
className: "text-xs text-foreground-muted",
|
|
133
133
|
children: durationText
|
|
134
134
|
}) : null;
|
|
135
|
+
const exactDuration = taskExecution?.durationMs !== void 0 && hasHiddenDurationParts(taskExecution.durationMs) ? formatExactDurationMs(taskExecution.durationMs, locale) : void 0;
|
|
136
|
+
const durationTooltip = taskExecution?.durationTooltip || exactDuration;
|
|
135
137
|
return /*#__PURE__*/ jsxs(Row, {
|
|
136
138
|
flex: 1,
|
|
137
139
|
align: "center",
|
|
@@ -167,40 +169,39 @@ const TaskContent = /*#__PURE__*/ memo(({ task, taskExecution, isDragging, onTas
|
|
|
167
169
|
})
|
|
168
170
|
]
|
|
169
171
|
}),
|
|
170
|
-
/*#__PURE__*/
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
172
|
+
/*#__PURE__*/ jsxs(Row, {
|
|
173
|
+
gap: '2px',
|
|
174
|
+
align: "center",
|
|
175
|
+
style: {
|
|
176
|
+
overflow: 'hidden',
|
|
177
|
+
whiteSpace: 'nowrap'
|
|
176
178
|
},
|
|
177
|
-
children:
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
/*#__PURE__*/ jsx("span", {
|
|
179
|
+
children: [
|
|
180
|
+
/*#__PURE__*/ jsx(CanvasTooltip, {
|
|
181
|
+
content: task.label,
|
|
182
|
+
placement: "top",
|
|
183
|
+
smartTooltip: true,
|
|
184
|
+
...isDragging && {
|
|
185
|
+
isOpen: false
|
|
186
|
+
},
|
|
187
|
+
children: /*#__PURE__*/ jsx("span", {
|
|
187
188
|
"data-testid": `stage-task-label-${task.id}`,
|
|
188
189
|
className: "text-sm truncate",
|
|
189
190
|
style: {
|
|
190
191
|
minWidth: 0
|
|
191
192
|
},
|
|
192
193
|
children: task.label
|
|
193
|
-
}),
|
|
194
|
-
showRequiredMarker && /*#__PURE__*/ jsx("span", {
|
|
195
|
-
"data-testid": `stage-task-required-marker-${task.id}`,
|
|
196
|
-
className: "text-sm",
|
|
197
|
-
style: {
|
|
198
|
-
flexShrink: 0
|
|
199
|
-
},
|
|
200
|
-
children: '*'
|
|
201
194
|
})
|
|
202
|
-
|
|
203
|
-
|
|
195
|
+
}),
|
|
196
|
+
showRequiredMarker && /*#__PURE__*/ jsx("span", {
|
|
197
|
+
"data-testid": `stage-task-required-marker-${task.id}`,
|
|
198
|
+
className: "text-sm",
|
|
199
|
+
style: {
|
|
200
|
+
flexShrink: 0
|
|
201
|
+
},
|
|
202
|
+
children: '*'
|
|
203
|
+
})
|
|
204
|
+
]
|
|
204
205
|
})
|
|
205
206
|
]
|
|
206
207
|
}),
|
|
@@ -212,8 +213,8 @@ const TaskContent = /*#__PURE__*/ memo(({ task, taskExecution, isDragging, onTas
|
|
|
212
213
|
},
|
|
213
214
|
"data-testid": `stage-task-actions-${task.id}`,
|
|
214
215
|
children: [
|
|
215
|
-
durationLabel && (
|
|
216
|
-
content:
|
|
216
|
+
durationLabel && (durationTooltip ? /*#__PURE__*/ jsx(CanvasTooltip, {
|
|
217
|
+
content: durationTooltip,
|
|
217
218
|
placement: "top",
|
|
218
219
|
hide: isDragging,
|
|
219
220
|
children: durationLabel
|
|
@@ -18,6 +18,9 @@ var __webpack_modules__ = {
|
|
|
18
18
|
"./ButtonHandle?f877" (module) {
|
|
19
19
|
module.exports = require("./ButtonHandle/index.cjs");
|
|
20
20
|
},
|
|
21
|
+
"./CanvasBottomPanel" (module) {
|
|
22
|
+
module.exports = require("./CanvasBottomPanel/index.cjs");
|
|
23
|
+
},
|
|
21
24
|
"./CanvasModeToolbar" (module) {
|
|
22
25
|
module.exports = require("./CanvasModeToolbar/index.cjs");
|
|
23
26
|
},
|
|
@@ -164,109 +167,113 @@ var __webpack_exports__ = {};
|
|
|
164
167
|
var __rspack_reexport = {};
|
|
165
168
|
for(const __rspack_import_key in _ButtonHandle__rspack_import_5)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ButtonHandle__rspack_import_5[__rspack_import_key];
|
|
166
169
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
167
|
-
var
|
|
170
|
+
var _CanvasBottomPanel__rspack_import_6 = __webpack_require__("./CanvasBottomPanel");
|
|
171
|
+
var __rspack_reexport = {};
|
|
172
|
+
for(const __rspack_import_key in _CanvasBottomPanel__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasBottomPanel__rspack_import_6[__rspack_import_key];
|
|
173
|
+
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
174
|
+
var _CanvasModeToolbar__rspack_import_7 = __webpack_require__("./CanvasModeToolbar");
|
|
168
175
|
var __rspack_reexport = {};
|
|
169
|
-
for(const __rspack_import_key in
|
|
176
|
+
for(const __rspack_import_key in _CanvasModeToolbar__rspack_import_7)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasModeToolbar__rspack_import_7[__rspack_import_key];
|
|
170
177
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
171
|
-
var
|
|
178
|
+
var _CanvasPositionControls__rspack_import_8 = __webpack_require__("./CanvasPositionControls");
|
|
172
179
|
var __rspack_reexport = {};
|
|
173
|
-
for(const __rspack_import_key in
|
|
180
|
+
for(const __rspack_import_key in _CanvasPositionControls__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasPositionControls__rspack_import_8[__rspack_import_key];
|
|
174
181
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
175
|
-
var
|
|
182
|
+
var _CanvasZoomControls__rspack_import_9 = __webpack_require__("./CanvasZoomControls");
|
|
176
183
|
var __rspack_reexport = {};
|
|
177
|
-
for(const __rspack_import_key in
|
|
184
|
+
for(const __rspack_import_key in _CanvasZoomControls__rspack_import_9)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CanvasZoomControls__rspack_import_9[__rspack_import_key];
|
|
178
185
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
179
|
-
var
|
|
186
|
+
var _CaseFlow__rspack_import_10 = __webpack_require__("./CaseFlow");
|
|
180
187
|
var __rspack_reexport = {};
|
|
181
|
-
for(const __rspack_import_key in
|
|
188
|
+
for(const __rspack_import_key in _CaseFlow__rspack_import_10)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CaseFlow__rspack_import_10[__rspack_import_key];
|
|
182
189
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
183
|
-
var
|
|
190
|
+
var _CodedAgent__rspack_import_11 = __webpack_require__("./CodedAgent");
|
|
184
191
|
var __rspack_reexport = {};
|
|
185
|
-
for(const __rspack_import_key in
|
|
192
|
+
for(const __rspack_import_key in _CodedAgent__rspack_import_11)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_CodedAgent__rspack_import_11[__rspack_import_key];
|
|
186
193
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
187
|
-
var
|
|
194
|
+
var _Edges__rspack_import_12 = __webpack_require__("./Edges");
|
|
188
195
|
var __rspack_reexport = {};
|
|
189
|
-
for(const __rspack_import_key in
|
|
196
|
+
for(const __rspack_import_key in _Edges__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Edges__rspack_import_12[__rspack_import_key];
|
|
190
197
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
191
|
-
var
|
|
198
|
+
var _ExecutionStatusIcon__rspack_import_13 = __webpack_require__("./ExecutionStatusIcon");
|
|
192
199
|
var __rspack_reexport = {};
|
|
193
|
-
for(const __rspack_import_key in
|
|
200
|
+
for(const __rspack_import_key in _ExecutionStatusIcon__rspack_import_13)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ExecutionStatusIcon__rspack_import_13[__rspack_import_key];
|
|
194
201
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
195
|
-
var
|
|
202
|
+
var _FloatingCanvasPanel__rspack_import_14 = __webpack_require__("./FloatingCanvasPanel");
|
|
196
203
|
var __rspack_reexport = {};
|
|
197
|
-
for(const __rspack_import_key in
|
|
204
|
+
for(const __rspack_import_key in _FloatingCanvasPanel__rspack_import_14)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_FloatingCanvasPanel__rspack_import_14[__rspack_import_key];
|
|
198
205
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
199
|
-
var
|
|
206
|
+
var _GroupNode__rspack_import_15 = __webpack_require__("./GroupNode");
|
|
200
207
|
var __rspack_reexport = {};
|
|
201
|
-
for(const __rspack_import_key in
|
|
208
|
+
for(const __rspack_import_key in _GroupNode__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_GroupNode__rspack_import_15[__rspack_import_key];
|
|
202
209
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
203
|
-
var
|
|
210
|
+
var _HierarchicalCanvas__rspack_import_16 = __webpack_require__("./HierarchicalCanvas");
|
|
204
211
|
var __rspack_reexport = {};
|
|
205
|
-
for(const __rspack_import_key in
|
|
212
|
+
for(const __rspack_import_key in _HierarchicalCanvas__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_HierarchicalCanvas__rspack_import_16[__rspack_import_key];
|
|
206
213
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
207
|
-
var
|
|
214
|
+
var _JsonTree__rspack_import_17 = __webpack_require__("./JsonTree?257f");
|
|
208
215
|
var __rspack_reexport = {};
|
|
209
|
-
for(const __rspack_import_key in
|
|
216
|
+
for(const __rspack_import_key in _JsonTree__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_JsonTree__rspack_import_17[__rspack_import_key];
|
|
210
217
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
211
|
-
var
|
|
218
|
+
var _LoopNode__rspack_import_18 = __webpack_require__("./LoopNode?4ffc");
|
|
212
219
|
var __rspack_reexport = {};
|
|
213
|
-
for(const __rspack_import_key in
|
|
220
|
+
for(const __rspack_import_key in _LoopNode__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_LoopNode__rspack_import_18[__rspack_import_key];
|
|
214
221
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
215
|
-
var
|
|
222
|
+
var _MiniCanvasNavigator__rspack_import_19 = __webpack_require__("./MiniCanvasNavigator?564d");
|
|
216
223
|
var __rspack_reexport = {};
|
|
217
|
-
for(const __rspack_import_key in
|
|
224
|
+
for(const __rspack_import_key in _MiniCanvasNavigator__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_MiniCanvasNavigator__rspack_import_19[__rspack_import_key];
|
|
218
225
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
219
|
-
var
|
|
226
|
+
var _NodeContextMenu__rspack_import_20 = __webpack_require__("./NodeContextMenu");
|
|
220
227
|
var __rspack_reexport = {};
|
|
221
|
-
for(const __rspack_import_key in
|
|
228
|
+
for(const __rspack_import_key in _NodeContextMenu__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeContextMenu__rspack_import_20[__rspack_import_key];
|
|
222
229
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
223
|
-
var
|
|
230
|
+
var _NodeInspector__rspack_import_21 = __webpack_require__("./NodeInspector");
|
|
224
231
|
var __rspack_reexport = {};
|
|
225
|
-
for(const __rspack_import_key in
|
|
232
|
+
for(const __rspack_import_key in _NodeInspector__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeInspector__rspack_import_21[__rspack_import_key];
|
|
226
233
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
227
|
-
var
|
|
234
|
+
var _NodeIOView__rspack_import_22 = __webpack_require__("./NodeIOView?1e59");
|
|
228
235
|
var __rspack_reexport = {};
|
|
229
|
-
for(const __rspack_import_key in
|
|
236
|
+
for(const __rspack_import_key in _NodeIOView__rspack_import_22)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeIOView__rspack_import_22[__rspack_import_key];
|
|
230
237
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
231
|
-
var
|
|
238
|
+
var _NodePropertiesPanel__rspack_import_23 = __webpack_require__("./NodePropertiesPanel");
|
|
232
239
|
var __rspack_reexport = {};
|
|
233
|
-
for(const __rspack_import_key in
|
|
240
|
+
for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_23)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_23[__rspack_import_key];
|
|
234
241
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
235
|
-
var
|
|
242
|
+
var _NodePropertyPanel__rspack_import_24 = __webpack_require__("./NodePropertyPanel");
|
|
236
243
|
var __rspack_reexport = {};
|
|
237
|
-
for(const __rspack_import_key in
|
|
244
|
+
for(const __rspack_import_key in _NodePropertyPanel__rspack_import_24)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertyPanel__rspack_import_24[__rspack_import_key];
|
|
238
245
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
239
|
-
var
|
|
246
|
+
var _ProbeCard__rspack_import_25 = __webpack_require__("./ProbeCard");
|
|
240
247
|
var __rspack_reexport = {};
|
|
241
|
-
for(const __rspack_import_key in
|
|
248
|
+
for(const __rspack_import_key in _ProbeCard__rspack_import_25)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ProbeCard__rspack_import_25[__rspack_import_key];
|
|
242
249
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
243
|
-
var
|
|
250
|
+
var _StageNode__rspack_import_26 = __webpack_require__("./StageNode");
|
|
244
251
|
var __rspack_reexport = {};
|
|
245
|
-
for(const __rspack_import_key in
|
|
252
|
+
for(const __rspack_import_key in _StageNode__rspack_import_26)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_26[__rspack_import_key];
|
|
246
253
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
247
|
-
var
|
|
254
|
+
var _StickyNoteNode__rspack_import_27 = __webpack_require__("./StickyNoteNode?d2a3");
|
|
248
255
|
var __rspack_reexport = {};
|
|
249
|
-
for(const __rspack_import_key in
|
|
256
|
+
for(const __rspack_import_key in _StickyNoteNode__rspack_import_27)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_27[__rspack_import_key];
|
|
250
257
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
251
|
-
var
|
|
258
|
+
var _shared__rspack_import_28 = __webpack_require__("./shared");
|
|
252
259
|
var __rspack_reexport = {};
|
|
253
|
-
for(const __rspack_import_key in
|
|
260
|
+
for(const __rspack_import_key in _shared__rspack_import_28)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_shared__rspack_import_28[__rspack_import_key];
|
|
254
261
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
255
|
-
var
|
|
262
|
+
var _TaskIcon__rspack_import_29 = __webpack_require__("./TaskIcon");
|
|
256
263
|
var __rspack_reexport = {};
|
|
257
|
-
for(const __rspack_import_key in
|
|
264
|
+
for(const __rspack_import_key in _TaskIcon__rspack_import_29)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_29[__rspack_import_key];
|
|
258
265
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
259
|
-
var
|
|
266
|
+
var _Toolbar__rspack_import_30 = __webpack_require__("./Toolbar");
|
|
260
267
|
var __rspack_reexport = {};
|
|
261
|
-
for(const __rspack_import_key in
|
|
268
|
+
for(const __rspack_import_key in _Toolbar__rspack_import_30)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_30[__rspack_import_key];
|
|
262
269
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
263
|
-
var
|
|
270
|
+
var _Toolbox__rspack_import_31 = __webpack_require__("./Toolbox?2740");
|
|
264
271
|
var __rspack_reexport = {};
|
|
265
|
-
for(const __rspack_import_key in
|
|
272
|
+
for(const __rspack_import_key in _Toolbox__rspack_import_31)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_31[__rspack_import_key];
|
|
266
273
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
267
|
-
var
|
|
274
|
+
var _TriggerNode__rspack_import_32 = __webpack_require__("./TriggerNode");
|
|
268
275
|
var __rspack_reexport = {};
|
|
269
|
-
for(const __rspack_import_key in
|
|
276
|
+
for(const __rspack_import_key in _TriggerNode__rspack_import_32)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_32[__rspack_import_key];
|
|
270
277
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
271
278
|
})();
|
|
272
279
|
for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
@@ -4,6 +4,7 @@ export * from './AlignmentGuides';
|
|
|
4
4
|
export * from './BaseCanvas';
|
|
5
5
|
export * from './BaseNode';
|
|
6
6
|
export * from './ButtonHandle';
|
|
7
|
+
export * from './CanvasBottomPanel';
|
|
7
8
|
export * from './CanvasModeToolbar';
|
|
8
9
|
export * from './CanvasPositionControls';
|
|
9
10
|
export * from './CanvasZoomControls';
|