@uipath/apollo-react 3.60.1 → 3.60.3
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/Edges/EdgeUtils.cjs +1 -0
- package/dist/canvas/components/Edges/EdgeUtils.d.ts.map +1 -1
- package/dist/canvas/components/Edges/EdgeUtils.js +1 -0
- package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.cjs +7 -0
- package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.d.ts +1 -1
- package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.d.ts.map +1 -1
- package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.js +7 -0
- package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.stories.cjs +7 -1
- package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.stories.d.ts.map +1 -1
- package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.stories.js +7 -1
- package/dist/canvas/components/StageNode/StageNode.cjs +4 -0
- package/dist/canvas/components/StageNode/StageNode.js +4 -0
- package/dist/canvas/components/StageNode/StageNode.stories.cjs +195 -0
- package/dist/canvas/components/StageNode/StageNode.stories.d.ts +1 -0
- package/dist/canvas/components/StageNode/StageNode.stories.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNode.stories.js +193 -1
- package/dist/canvas/components/StageNode/StageNode.styles.cjs +7 -5
- package/dist/canvas/components/StageNode/StageNode.styles.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNode.styles.js +7 -5
- package/dist/canvas/components/StageNode/StageNode.types.d.ts +2 -1
- package/dist/canvas/components/StageNode/StageNode.types.d.ts.map +1 -1
- package/dist/canvas/styles/execution-status.cjs +1 -0
- package/dist/canvas/styles/execution-status.d.ts.map +1 -1
- package/dist/canvas/styles/execution-status.js +1 -0
- package/dist/canvas/types/execution.cjs +1 -0
- package/dist/canvas/types/execution.d.ts +1 -0
- package/dist/canvas/types/execution.d.ts.map +1 -1
- package/dist/canvas/types/execution.js +1 -0
- package/package.json +1 -1
|
@@ -40,6 +40,7 @@ const edgeTargetStatusToEdgeColor = {
|
|
|
40
40
|
NotExecuted: 'var(--color-canvas-element-border-color-default)',
|
|
41
41
|
Paused: 'var(--color-warning-icon)',
|
|
42
42
|
Terminated: 'var(--color-error-icon)',
|
|
43
|
+
Warning: 'var(--color-warning-icon)',
|
|
43
44
|
UserCancelled: 'var(--color-info-icon)',
|
|
44
45
|
WARNING: 'var(--color-warning-icon)',
|
|
45
46
|
None: 'var(--color-canvas-element-border-color-default)'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EdgeUtils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/EdgeUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAuB,MAAM,uBAAuB,CAAC;AAChF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,eAAO,MAAM,2BAA2B,EAAE;KACvC,GAAG,IAAI,aAAa,GAAG,uBAAuB,GAAG,MAAM;
|
|
1
|
+
{"version":3,"file":"EdgeUtils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/EdgeUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAuB,MAAM,uBAAuB,CAAC;AAChF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,eAAO,MAAM,2BAA2B,EAAE;KACvC,GAAG,IAAI,aAAa,GAAG,uBAAuB,GAAG,MAAM;CAgBzD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,aAAa,GAAG,uBAAuB,GAAG,SAAS,EAC3D,UAAU,MAAM,mDAYjB,CAAC"}
|
|
@@ -11,6 +11,7 @@ const edgeTargetStatusToEdgeColor = {
|
|
|
11
11
|
NotExecuted: 'var(--color-canvas-element-border-color-default)',
|
|
12
12
|
Paused: 'var(--color-warning-icon)',
|
|
13
13
|
Terminated: 'var(--color-error-icon)',
|
|
14
|
+
Warning: 'var(--color-warning-icon)',
|
|
14
15
|
UserCancelled: 'var(--color-info-icon)',
|
|
15
16
|
WARNING: 'var(--color-warning-icon)',
|
|
16
17
|
None: 'var(--color-canvas-element-border-color-default)'
|
|
@@ -39,6 +39,7 @@ function getExecutionStatusColor(status) {
|
|
|
39
39
|
case 'Completed':
|
|
40
40
|
return 'var(--color-success-icon)';
|
|
41
41
|
case 'Paused':
|
|
42
|
+
case 'Warning':
|
|
42
43
|
return 'var(--color-warning-icon)';
|
|
43
44
|
case 'Cancelled':
|
|
44
45
|
return 'var(--color-error-icon)';
|
|
@@ -91,6 +92,12 @@ function ExecutionStatusIcon({ status, size = 16 }) {
|
|
|
91
92
|
name: "pause",
|
|
92
93
|
size: `${size}px`
|
|
93
94
|
});
|
|
95
|
+
case 'Warning':
|
|
96
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApIcon, {
|
|
97
|
+
color: color,
|
|
98
|
+
name: "warning",
|
|
99
|
+
size: `${size}px`
|
|
100
|
+
});
|
|
94
101
|
case 'Failed':
|
|
95
102
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApIcon, {
|
|
96
103
|
color: color,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare function getExecutionStatusColor(status: string | undefined): string;
|
|
2
2
|
export declare function ExecutionStatusIcon({ status, size, }: {
|
|
3
|
-
status?: 'InProgress' | 'Cancelled' | 'Completed' | 'Paused' | 'Failed' | 'NotExecuted' | 'Terminated' | string;
|
|
3
|
+
status?: 'InProgress' | 'Cancelled' | 'Completed' | 'Paused' | 'Failed' | 'NotExecuted' | 'Terminated' | 'Warning' | string;
|
|
4
4
|
size?: number;
|
|
5
5
|
}): import("react/jsx-runtime").JSX.Element | null;
|
|
6
6
|
//# sourceMappingURL=ExecutionStatusIcon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExecutionStatusIcon.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.tsx"],"names":[],"mappings":"AAGA,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"ExecutionStatusIcon.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.tsx"],"names":[],"mappings":"AAGA,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAsC1E;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,IAAS,GACV,EAAE;IACD,MAAM,CAAC,EACH,YAAY,GACZ,WAAW,GACX,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,SAAS,GACT,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,kDAyBA"}
|
|
@@ -10,6 +10,7 @@ function getExecutionStatusColor(status) {
|
|
|
10
10
|
case 'Completed':
|
|
11
11
|
return 'var(--color-success-icon)';
|
|
12
12
|
case 'Paused':
|
|
13
|
+
case 'Warning':
|
|
13
14
|
return 'var(--color-warning-icon)';
|
|
14
15
|
case 'Cancelled':
|
|
15
16
|
return 'var(--color-error-icon)';
|
|
@@ -62,6 +63,12 @@ function ExecutionStatusIcon({ status, size = 16 }) {
|
|
|
62
63
|
name: "pause",
|
|
63
64
|
size: `${size}px`
|
|
64
65
|
});
|
|
66
|
+
case 'Warning':
|
|
67
|
+
return /*#__PURE__*/ jsx(ApIcon, {
|
|
68
|
+
color: color,
|
|
69
|
+
name: "warning",
|
|
70
|
+
size: `${size}px`
|
|
71
|
+
});
|
|
65
72
|
case 'Failed':
|
|
66
73
|
return /*#__PURE__*/ jsx(ApIcon, {
|
|
67
74
|
color: color,
|
|
@@ -45,7 +45,8 @@ const meta = {
|
|
|
45
45
|
'Paused',
|
|
46
46
|
'Failed',
|
|
47
47
|
'NotExecuted',
|
|
48
|
-
'Terminated'
|
|
48
|
+
'Terminated',
|
|
49
|
+
'Warning'
|
|
49
50
|
],
|
|
50
51
|
description: 'The execution status to display'
|
|
51
52
|
},
|
|
@@ -114,6 +115,11 @@ const Default = {
|
|
|
114
115
|
status: 'NotExecuted',
|
|
115
116
|
label: 'Not Executed',
|
|
116
117
|
description: 'Not yet started'
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
status: 'Warning',
|
|
121
|
+
label: 'Warning',
|
|
122
|
+
description: 'Needs attention'
|
|
117
123
|
}
|
|
118
124
|
].map(({ status, label, description })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
119
125
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExecutionStatusIcon.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ExecutionStatusIcon.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CA2BkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KA+FrB,CAAC"}
|
|
@@ -16,7 +16,8 @@ const meta = {
|
|
|
16
16
|
'Paused',
|
|
17
17
|
'Failed',
|
|
18
18
|
'NotExecuted',
|
|
19
|
-
'Terminated'
|
|
19
|
+
'Terminated',
|
|
20
|
+
'Warning'
|
|
20
21
|
],
|
|
21
22
|
description: 'The execution status to display'
|
|
22
23
|
},
|
|
@@ -85,6 +86,11 @@ const Default = {
|
|
|
85
86
|
status: 'NotExecuted',
|
|
86
87
|
label: 'Not Executed',
|
|
87
88
|
description: 'Not yet started'
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
status: 'Warning',
|
|
92
|
+
label: 'Warning',
|
|
93
|
+
description: 'Needs attention'
|
|
88
94
|
}
|
|
89
95
|
].map(({ status, label, description })=>/*#__PURE__*/ jsxs("div", {
|
|
90
96
|
style: {
|
|
@@ -420,10 +420,14 @@ const StageNodeComponent = (props)=>{
|
|
|
420
420
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
|
|
421
421
|
gap: apollo_core_namespaceObject.Spacing.SpacingMicro,
|
|
422
422
|
align: "center",
|
|
423
|
+
flex: 1,
|
|
424
|
+
minW: 0,
|
|
423
425
|
children: [
|
|
424
426
|
icon,
|
|
425
427
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
|
|
426
428
|
py: 2,
|
|
429
|
+
flex: 1,
|
|
430
|
+
minW: 0,
|
|
427
431
|
children: [
|
|
428
432
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
|
|
429
433
|
variant: isStageTitleEditing ? apollo_core_namespaceObject.FontVariantToken.fontSizeM : apollo_core_namespaceObject.FontVariantToken.fontSizeMBold,
|
|
@@ -392,10 +392,14 @@ const StageNodeComponent = (props)=>{
|
|
|
392
392
|
/*#__PURE__*/ jsxs(Row, {
|
|
393
393
|
gap: Spacing.SpacingMicro,
|
|
394
394
|
align: "center",
|
|
395
|
+
flex: 1,
|
|
396
|
+
minW: 0,
|
|
395
397
|
children: [
|
|
396
398
|
icon,
|
|
397
399
|
/*#__PURE__*/ jsxs(Column, {
|
|
398
400
|
py: 2,
|
|
401
|
+
flex: 1,
|
|
402
|
+
minW: 0,
|
|
399
403
|
children: [
|
|
400
404
|
/*#__PURE__*/ jsx(ApTypography, {
|
|
401
405
|
variant: isStageTitleEditing ? FontVariantToken.fontSizeM : FontVariantToken.fontSizeMBold,
|
|
@@ -29,6 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
29
29
|
LoanProcessingWorkflow: ()=>LoanProcessingWorkflow,
|
|
30
30
|
InteractiveTaskManagement: ()=>InteractiveTaskManagement,
|
|
31
31
|
AddTaskLoading: ()=>AddTaskLoading,
|
|
32
|
+
EditableStageTitle: ()=>EditableStageTitle,
|
|
32
33
|
WithTaskIcons: ()=>WithTaskIcons,
|
|
33
34
|
Default: ()=>Default,
|
|
34
35
|
ExecutionStatus: ()=>ExecutionStatus,
|
|
@@ -353,6 +354,49 @@ const Default = {
|
|
|
353
354
|
}
|
|
354
355
|
}
|
|
355
356
|
}
|
|
357
|
+
},
|
|
358
|
+
{
|
|
359
|
+
id: '3',
|
|
360
|
+
type: 'stage',
|
|
361
|
+
position: {
|
|
362
|
+
x: 1104,
|
|
363
|
+
y: 96
|
|
364
|
+
},
|
|
365
|
+
width: 304,
|
|
366
|
+
data: {
|
|
367
|
+
stageDetails: {
|
|
368
|
+
label: 'Review - Warning',
|
|
369
|
+
isReadOnly: true,
|
|
370
|
+
tasks: [
|
|
371
|
+
[
|
|
372
|
+
{
|
|
373
|
+
id: '1',
|
|
374
|
+
label: 'Risk Assessment',
|
|
375
|
+
icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VerificationIcon, {})
|
|
376
|
+
}
|
|
377
|
+
],
|
|
378
|
+
[
|
|
379
|
+
{
|
|
380
|
+
id: '2',
|
|
381
|
+
label: 'Policy Review',
|
|
382
|
+
icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DocumentIcon, {})
|
|
383
|
+
}
|
|
384
|
+
]
|
|
385
|
+
]
|
|
386
|
+
},
|
|
387
|
+
execution: {
|
|
388
|
+
stageStatus: {
|
|
389
|
+
label: 'Needs attention',
|
|
390
|
+
status: 'Warning'
|
|
391
|
+
},
|
|
392
|
+
taskStatus: {
|
|
393
|
+
2: {
|
|
394
|
+
status: 'Warning',
|
|
395
|
+
message: 'Policy review requires manual intervention'
|
|
396
|
+
}
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
}
|
|
356
400
|
}
|
|
357
401
|
]
|
|
358
402
|
},
|
|
@@ -1695,6 +1739,155 @@ const AddAndReplaceTasks = {
|
|
|
1695
1739
|
render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AddAndReplaceTasksStory, {}),
|
|
1696
1740
|
args: {}
|
|
1697
1741
|
};
|
|
1742
|
+
const InlineTitleEditStory = ()=>{
|
|
1743
|
+
const StageNodeWrapper = (0, external_react_namespaceObject.useMemo)(()=>function(props) {
|
|
1744
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_cjs_namespaceObject.StageNode, {
|
|
1745
|
+
...props,
|
|
1746
|
+
...props.data
|
|
1747
|
+
});
|
|
1748
|
+
}, []);
|
|
1749
|
+
const nodeTypes = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
1750
|
+
stage: StageNodeWrapper
|
|
1751
|
+
}), [
|
|
1752
|
+
StageNodeWrapper
|
|
1753
|
+
]);
|
|
1754
|
+
const edgeTypes = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
1755
|
+
stage: external_StageEdge_cjs_namespaceObject.StageEdge
|
|
1756
|
+
}), []);
|
|
1757
|
+
const initialNodes = (0, external_react_namespaceObject.useMemo)(()=>[
|
|
1758
|
+
{
|
|
1759
|
+
id: 'editable-stage',
|
|
1760
|
+
type: 'stage',
|
|
1761
|
+
position: {
|
|
1762
|
+
x: 48,
|
|
1763
|
+
y: 96
|
|
1764
|
+
},
|
|
1765
|
+
width: 304,
|
|
1766
|
+
data: {
|
|
1767
|
+
stageDetails: {
|
|
1768
|
+
label: 'Click to Edit Title',
|
|
1769
|
+
tasks: [
|
|
1770
|
+
[
|
|
1771
|
+
{
|
|
1772
|
+
id: '1',
|
|
1773
|
+
label: 'KYC Verification',
|
|
1774
|
+
icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VerificationIcon, {})
|
|
1775
|
+
}
|
|
1776
|
+
],
|
|
1777
|
+
[
|
|
1778
|
+
{
|
|
1779
|
+
id: '2',
|
|
1780
|
+
label: 'Document Review',
|
|
1781
|
+
icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DocumentIcon, {})
|
|
1782
|
+
}
|
|
1783
|
+
]
|
|
1784
|
+
]
|
|
1785
|
+
},
|
|
1786
|
+
onTaskAdd: ()=>{
|
|
1787
|
+
window.alert('Add task functionality - this would open a dialog to add a new task');
|
|
1788
|
+
}
|
|
1789
|
+
}
|
|
1790
|
+
},
|
|
1791
|
+
{
|
|
1792
|
+
id: 'long-title-stage',
|
|
1793
|
+
type: 'stage',
|
|
1794
|
+
position: {
|
|
1795
|
+
x: 400,
|
|
1796
|
+
y: 96
|
|
1797
|
+
},
|
|
1798
|
+
width: 304,
|
|
1799
|
+
data: {
|
|
1800
|
+
stageDetails: {
|
|
1801
|
+
label: 'A Very Long Stage Title That Should Truncate With Ellipsis',
|
|
1802
|
+
tasks: [
|
|
1803
|
+
[
|
|
1804
|
+
{
|
|
1805
|
+
id: '1',
|
|
1806
|
+
label: 'Processing Task',
|
|
1807
|
+
icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ProcessIcon, {})
|
|
1808
|
+
}
|
|
1809
|
+
]
|
|
1810
|
+
]
|
|
1811
|
+
},
|
|
1812
|
+
onTaskAdd: ()=>{
|
|
1813
|
+
window.alert('Add task functionality - this would open a dialog to add a new task');
|
|
1814
|
+
}
|
|
1815
|
+
}
|
|
1816
|
+
}
|
|
1817
|
+
], []);
|
|
1818
|
+
const [nodes, setNodes, onNodesChange] = (0, react_cjs_namespaceObject.useNodesState)(initialNodes);
|
|
1819
|
+
const [edges, setEdges, onEdgesChange] = (0, react_cjs_namespaceObject.useEdgesState)([]);
|
|
1820
|
+
const createTitleChangeHandler = (0, external_react_namespaceObject.useCallback)((nodeId)=>(newTitle)=>{
|
|
1821
|
+
setNodes((nds)=>nds.map((node)=>node.id === nodeId ? {
|
|
1822
|
+
...node,
|
|
1823
|
+
data: {
|
|
1824
|
+
...node.data,
|
|
1825
|
+
stageDetails: {
|
|
1826
|
+
...node.data.stageDetails,
|
|
1827
|
+
label: newTitle
|
|
1828
|
+
}
|
|
1829
|
+
}
|
|
1830
|
+
} : node));
|
|
1831
|
+
}, [
|
|
1832
|
+
setNodes
|
|
1833
|
+
]);
|
|
1834
|
+
const nodesWithHandlers = (0, external_react_namespaceObject.useMemo)(()=>nodes.map((node)=>({
|
|
1835
|
+
...node,
|
|
1836
|
+
data: {
|
|
1837
|
+
...node.data,
|
|
1838
|
+
onStageTitleChange: createTitleChangeHandler(node.id)
|
|
1839
|
+
}
|
|
1840
|
+
})), [
|
|
1841
|
+
nodes,
|
|
1842
|
+
createTitleChangeHandler
|
|
1843
|
+
]);
|
|
1844
|
+
const onConnect = (0, external_react_namespaceObject.useCallback)((connection)=>setEdges((eds)=>(0, react_cjs_namespaceObject.addEdge)(connection, eds)), [
|
|
1845
|
+
setEdges
|
|
1846
|
+
]);
|
|
1847
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
1848
|
+
style: {
|
|
1849
|
+
width: '100vw',
|
|
1850
|
+
height: '100vh'
|
|
1851
|
+
},
|
|
1852
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.ReactFlowProvider, {
|
|
1853
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseCanvas_index_cjs_namespaceObject.BaseCanvas, {
|
|
1854
|
+
nodes: nodesWithHandlers,
|
|
1855
|
+
edges: edges,
|
|
1856
|
+
onNodesChange: onNodesChange,
|
|
1857
|
+
onEdgesChange: onEdgesChange,
|
|
1858
|
+
onConnect: onConnect,
|
|
1859
|
+
nodeTypes: nodeTypes,
|
|
1860
|
+
edgeTypes: edgeTypes,
|
|
1861
|
+
mode: "design",
|
|
1862
|
+
connectionMode: react_cjs_namespaceObject.ConnectionMode.Strict,
|
|
1863
|
+
defaultEdgeOptions: {
|
|
1864
|
+
type: 'stage'
|
|
1865
|
+
},
|
|
1866
|
+
connectionLineComponent: external_StageConnectionEdge_cjs_namespaceObject.StageConnectionEdge,
|
|
1867
|
+
elevateEdgesOnSelect: true,
|
|
1868
|
+
defaultViewport: {
|
|
1869
|
+
x: 0,
|
|
1870
|
+
y: 0,
|
|
1871
|
+
zoom: 1.5
|
|
1872
|
+
},
|
|
1873
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
|
|
1874
|
+
position: "bottom-right",
|
|
1875
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasPositionControls_cjs_namespaceObject.CanvasPositionControls, {
|
|
1876
|
+
translations: external_types_cjs_namespaceObject.DefaultCanvasTranslations
|
|
1877
|
+
})
|
|
1878
|
+
})
|
|
1879
|
+
})
|
|
1880
|
+
})
|
|
1881
|
+
});
|
|
1882
|
+
};
|
|
1883
|
+
const EditableStageTitle = {
|
|
1884
|
+
name: 'Editable Stage Title',
|
|
1885
|
+
parameters: {
|
|
1886
|
+
useCustomRender: true
|
|
1887
|
+
},
|
|
1888
|
+
render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InlineTitleEditStory, {}),
|
|
1889
|
+
args: {}
|
|
1890
|
+
};
|
|
1698
1891
|
const fetchChildren = (id)=>new Promise((resolve)=>{
|
|
1699
1892
|
setTimeout(()=>{
|
|
1700
1893
|
resolve([
|
|
@@ -1886,6 +2079,7 @@ exports.AddAndReplaceTasks = __webpack_exports__.AddAndReplaceTasks;
|
|
|
1886
2079
|
exports.AddTaskLoading = __webpack_exports__.AddTaskLoading;
|
|
1887
2080
|
exports.Default = __webpack_exports__.Default;
|
|
1888
2081
|
exports.DraggableTaskReordering = __webpack_exports__.DraggableTaskReordering;
|
|
2082
|
+
exports.EditableStageTitle = __webpack_exports__.EditableStageTitle;
|
|
1889
2083
|
exports.ExecutionStatus = __webpack_exports__.ExecutionStatus;
|
|
1890
2084
|
exports.InteractiveTaskManagement = __webpack_exports__.InteractiveTaskManagement;
|
|
1891
2085
|
exports.LoanProcessingWorkflow = __webpack_exports__.LoanProcessingWorkflow;
|
|
@@ -1896,6 +2090,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
|
1896
2090
|
"AddTaskLoading",
|
|
1897
2091
|
"Default",
|
|
1898
2092
|
"DraggableTaskReordering",
|
|
2093
|
+
"EditableStageTitle",
|
|
1899
2094
|
"ExecutionStatus",
|
|
1900
2095
|
"InteractiveTaskManagement",
|
|
1901
2096
|
"LoanProcessingWorkflow",
|
|
@@ -10,5 +10,6 @@ export declare const InteractiveTaskManagement: Story;
|
|
|
10
10
|
export declare const LoanProcessingWorkflow: Story;
|
|
11
11
|
export declare const DraggableTaskReordering: Story;
|
|
12
12
|
export declare const AddAndReplaceTasks: Story;
|
|
13
|
+
export declare const EditableStageTitle: Story;
|
|
13
14
|
export declare const AddTaskLoading: Story;
|
|
14
15
|
//# sourceMappingURL=StageNode.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyBvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA0FD,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyBvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA0FD,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KAoHrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA+HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoKpC,CAAC;AA8GF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAkVF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AA2HF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAiJF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}
|
|
@@ -317,6 +317,49 @@ const Default = {
|
|
|
317
317
|
}
|
|
318
318
|
}
|
|
319
319
|
}
|
|
320
|
+
},
|
|
321
|
+
{
|
|
322
|
+
id: '3',
|
|
323
|
+
type: 'stage',
|
|
324
|
+
position: {
|
|
325
|
+
x: 1104,
|
|
326
|
+
y: 96
|
|
327
|
+
},
|
|
328
|
+
width: 304,
|
|
329
|
+
data: {
|
|
330
|
+
stageDetails: {
|
|
331
|
+
label: 'Review - Warning',
|
|
332
|
+
isReadOnly: true,
|
|
333
|
+
tasks: [
|
|
334
|
+
[
|
|
335
|
+
{
|
|
336
|
+
id: '1',
|
|
337
|
+
label: 'Risk Assessment',
|
|
338
|
+
icon: /*#__PURE__*/ jsx(VerificationIcon, {})
|
|
339
|
+
}
|
|
340
|
+
],
|
|
341
|
+
[
|
|
342
|
+
{
|
|
343
|
+
id: '2',
|
|
344
|
+
label: 'Policy Review',
|
|
345
|
+
icon: /*#__PURE__*/ jsx(DocumentIcon, {})
|
|
346
|
+
}
|
|
347
|
+
]
|
|
348
|
+
]
|
|
349
|
+
},
|
|
350
|
+
execution: {
|
|
351
|
+
stageStatus: {
|
|
352
|
+
label: 'Needs attention',
|
|
353
|
+
status: 'Warning'
|
|
354
|
+
},
|
|
355
|
+
taskStatus: {
|
|
356
|
+
2: {
|
|
357
|
+
status: 'Warning',
|
|
358
|
+
message: 'Policy review requires manual intervention'
|
|
359
|
+
}
|
|
360
|
+
}
|
|
361
|
+
}
|
|
362
|
+
}
|
|
320
363
|
}
|
|
321
364
|
]
|
|
322
365
|
},
|
|
@@ -1659,6 +1702,155 @@ const AddAndReplaceTasks = {
|
|
|
1659
1702
|
render: ()=>/*#__PURE__*/ jsx(AddAndReplaceTasksStory, {}),
|
|
1660
1703
|
args: {}
|
|
1661
1704
|
};
|
|
1705
|
+
const InlineTitleEditStory = ()=>{
|
|
1706
|
+
const StageNodeWrapper = useMemo(()=>function(props) {
|
|
1707
|
+
return /*#__PURE__*/ jsx(StageNode, {
|
|
1708
|
+
...props,
|
|
1709
|
+
...props.data
|
|
1710
|
+
});
|
|
1711
|
+
}, []);
|
|
1712
|
+
const nodeTypes = useMemo(()=>({
|
|
1713
|
+
stage: StageNodeWrapper
|
|
1714
|
+
}), [
|
|
1715
|
+
StageNodeWrapper
|
|
1716
|
+
]);
|
|
1717
|
+
const edgeTypes = useMemo(()=>({
|
|
1718
|
+
stage: StageEdge
|
|
1719
|
+
}), []);
|
|
1720
|
+
const initialNodes = useMemo(()=>[
|
|
1721
|
+
{
|
|
1722
|
+
id: 'editable-stage',
|
|
1723
|
+
type: 'stage',
|
|
1724
|
+
position: {
|
|
1725
|
+
x: 48,
|
|
1726
|
+
y: 96
|
|
1727
|
+
},
|
|
1728
|
+
width: 304,
|
|
1729
|
+
data: {
|
|
1730
|
+
stageDetails: {
|
|
1731
|
+
label: 'Click to Edit Title',
|
|
1732
|
+
tasks: [
|
|
1733
|
+
[
|
|
1734
|
+
{
|
|
1735
|
+
id: '1',
|
|
1736
|
+
label: 'KYC Verification',
|
|
1737
|
+
icon: /*#__PURE__*/ jsx(VerificationIcon, {})
|
|
1738
|
+
}
|
|
1739
|
+
],
|
|
1740
|
+
[
|
|
1741
|
+
{
|
|
1742
|
+
id: '2',
|
|
1743
|
+
label: 'Document Review',
|
|
1744
|
+
icon: /*#__PURE__*/ jsx(DocumentIcon, {})
|
|
1745
|
+
}
|
|
1746
|
+
]
|
|
1747
|
+
]
|
|
1748
|
+
},
|
|
1749
|
+
onTaskAdd: ()=>{
|
|
1750
|
+
window.alert('Add task functionality - this would open a dialog to add a new task');
|
|
1751
|
+
}
|
|
1752
|
+
}
|
|
1753
|
+
},
|
|
1754
|
+
{
|
|
1755
|
+
id: 'long-title-stage',
|
|
1756
|
+
type: 'stage',
|
|
1757
|
+
position: {
|
|
1758
|
+
x: 400,
|
|
1759
|
+
y: 96
|
|
1760
|
+
},
|
|
1761
|
+
width: 304,
|
|
1762
|
+
data: {
|
|
1763
|
+
stageDetails: {
|
|
1764
|
+
label: 'A Very Long Stage Title That Should Truncate With Ellipsis',
|
|
1765
|
+
tasks: [
|
|
1766
|
+
[
|
|
1767
|
+
{
|
|
1768
|
+
id: '1',
|
|
1769
|
+
label: 'Processing Task',
|
|
1770
|
+
icon: /*#__PURE__*/ jsx(ProcessIcon, {})
|
|
1771
|
+
}
|
|
1772
|
+
]
|
|
1773
|
+
]
|
|
1774
|
+
},
|
|
1775
|
+
onTaskAdd: ()=>{
|
|
1776
|
+
window.alert('Add task functionality - this would open a dialog to add a new task');
|
|
1777
|
+
}
|
|
1778
|
+
}
|
|
1779
|
+
}
|
|
1780
|
+
], []);
|
|
1781
|
+
const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
|
|
1782
|
+
const [edges, setEdges, onEdgesChange] = useEdgesState([]);
|
|
1783
|
+
const createTitleChangeHandler = useCallback((nodeId)=>(newTitle)=>{
|
|
1784
|
+
setNodes((nds)=>nds.map((node)=>node.id === nodeId ? {
|
|
1785
|
+
...node,
|
|
1786
|
+
data: {
|
|
1787
|
+
...node.data,
|
|
1788
|
+
stageDetails: {
|
|
1789
|
+
...node.data.stageDetails,
|
|
1790
|
+
label: newTitle
|
|
1791
|
+
}
|
|
1792
|
+
}
|
|
1793
|
+
} : node));
|
|
1794
|
+
}, [
|
|
1795
|
+
setNodes
|
|
1796
|
+
]);
|
|
1797
|
+
const nodesWithHandlers = useMemo(()=>nodes.map((node)=>({
|
|
1798
|
+
...node,
|
|
1799
|
+
data: {
|
|
1800
|
+
...node.data,
|
|
1801
|
+
onStageTitleChange: createTitleChangeHandler(node.id)
|
|
1802
|
+
}
|
|
1803
|
+
})), [
|
|
1804
|
+
nodes,
|
|
1805
|
+
createTitleChangeHandler
|
|
1806
|
+
]);
|
|
1807
|
+
const onConnect = useCallback((connection)=>setEdges((eds)=>addEdge(connection, eds)), [
|
|
1808
|
+
setEdges
|
|
1809
|
+
]);
|
|
1810
|
+
return /*#__PURE__*/ jsx("div", {
|
|
1811
|
+
style: {
|
|
1812
|
+
width: '100vw',
|
|
1813
|
+
height: '100vh'
|
|
1814
|
+
},
|
|
1815
|
+
children: /*#__PURE__*/ jsx(ReactFlowProvider, {
|
|
1816
|
+
children: /*#__PURE__*/ jsx(BaseCanvas, {
|
|
1817
|
+
nodes: nodesWithHandlers,
|
|
1818
|
+
edges: edges,
|
|
1819
|
+
onNodesChange: onNodesChange,
|
|
1820
|
+
onEdgesChange: onEdgesChange,
|
|
1821
|
+
onConnect: onConnect,
|
|
1822
|
+
nodeTypes: nodeTypes,
|
|
1823
|
+
edgeTypes: edgeTypes,
|
|
1824
|
+
mode: "design",
|
|
1825
|
+
connectionMode: ConnectionMode.Strict,
|
|
1826
|
+
defaultEdgeOptions: {
|
|
1827
|
+
type: 'stage'
|
|
1828
|
+
},
|
|
1829
|
+
connectionLineComponent: StageConnectionEdge,
|
|
1830
|
+
elevateEdgesOnSelect: true,
|
|
1831
|
+
defaultViewport: {
|
|
1832
|
+
x: 0,
|
|
1833
|
+
y: 0,
|
|
1834
|
+
zoom: 1.5
|
|
1835
|
+
},
|
|
1836
|
+
children: /*#__PURE__*/ jsx(Panel, {
|
|
1837
|
+
position: "bottom-right",
|
|
1838
|
+
children: /*#__PURE__*/ jsx(CanvasPositionControls, {
|
|
1839
|
+
translations: DefaultCanvasTranslations
|
|
1840
|
+
})
|
|
1841
|
+
})
|
|
1842
|
+
})
|
|
1843
|
+
})
|
|
1844
|
+
});
|
|
1845
|
+
};
|
|
1846
|
+
const EditableStageTitle = {
|
|
1847
|
+
name: 'Editable Stage Title',
|
|
1848
|
+
parameters: {
|
|
1849
|
+
useCustomRender: true
|
|
1850
|
+
},
|
|
1851
|
+
render: ()=>/*#__PURE__*/ jsx(InlineTitleEditStory, {}),
|
|
1852
|
+
args: {}
|
|
1853
|
+
};
|
|
1662
1854
|
const fetchChildren = (id)=>new Promise((resolve)=>{
|
|
1663
1855
|
setTimeout(()=>{
|
|
1664
1856
|
resolve([
|
|
@@ -1846,4 +2038,4 @@ const AddTaskLoading = {
|
|
|
1846
2038
|
render: ()=>/*#__PURE__*/ jsx(AddTaskLoadingStory, {}),
|
|
1847
2039
|
args: {}
|
|
1848
2040
|
};
|
|
1849
|
-
export { AddAndReplaceTasks, AddTaskLoading, Default, DraggableTaskReordering, ExecutionStatus, InteractiveTaskManagement, LoanProcessingWorkflow, WithTaskIcons, StageNode_stories as default };
|
|
2041
|
+
export { AddAndReplaceTasks, AddTaskLoading, Default, DraggableTaskReordering, EditableStageTitle, ExecutionStatus, InteractiveTaskManagement, LoanProcessingWorkflow, WithTaskIcons, StageNode_stories as default };
|
|
@@ -89,7 +89,7 @@ const StageContainer = styled_default().div`
|
|
|
89
89
|
border-color: var(--uix-canvas-info-icon);
|
|
90
90
|
`}
|
|
91
91
|
|
|
92
|
-
${({ status })=>'Paused' === status && (0, react_namespaceObject.css)`
|
|
92
|
+
${({ status })=>('Paused' === status || 'Warning' === status) && (0, react_namespaceObject.css)`
|
|
93
93
|
border-color: var(--uix-canvas-warning-icon);
|
|
94
94
|
`}
|
|
95
95
|
|
|
@@ -112,9 +112,11 @@ const StageHeader = styled_default().div`
|
|
|
112
112
|
overflow: hidden;
|
|
113
113
|
`;
|
|
114
114
|
const StageTitleContainer = styled_default().div`
|
|
115
|
-
display:
|
|
115
|
+
display: block;
|
|
116
116
|
border-radius: 4px;
|
|
117
117
|
height: 100%;
|
|
118
|
+
width: 100%;
|
|
119
|
+
box-sizing: border-box;
|
|
118
120
|
border: ${(props)=>props.isEditing ? '1px solid var(--uix-canvas-border-de-emp)' : 'none'};
|
|
119
121
|
`;
|
|
120
122
|
const StageTitleInput = styled_default().input`
|
|
@@ -126,9 +128,9 @@ const StageTitleInput = styled_default().input`
|
|
|
126
128
|
background: transparent;
|
|
127
129
|
text-overflow: ellipsis;
|
|
128
130
|
border-radius: 2px;
|
|
131
|
+
width: 100%;
|
|
129
132
|
min-width: 100px;
|
|
130
|
-
|
|
131
|
-
padding: ${(props)=>props.isStageTitleEditable ? 'none' : `${apollo_core_namespaceObject.Padding.PadS} 0px`};
|
|
133
|
+
padding: ${(props)=>props.isStageTitleEditable ? '0' : `${apollo_core_namespaceObject.Padding.PadS} 0px`};
|
|
132
134
|
|
|
133
135
|
&:focus {
|
|
134
136
|
outline: none;
|
|
@@ -214,7 +216,7 @@ const StageTask = styled_default().div`
|
|
|
214
216
|
border-color: var(--uix-canvas-success-icon);
|
|
215
217
|
`}
|
|
216
218
|
|
|
217
|
-
${({ status })=>'Paused' === status && (0, react_namespaceObject.css)`
|
|
219
|
+
${({ status })=>('Paused' === status || 'Warning' === status) && (0, react_namespaceObject.css)`
|
|
218
220
|
border-color: var(--uix-canvas-warning-icon);
|
|
219
221
|
`}
|
|
220
222
|
|
|
@@ -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,mBAAmB;;;;gBAA4B,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,mBAAmB;;;;gBAA4B,OAAO;yGAOlE,CAAC;AAEF,eAAO,MAAM,eAAe;;;;gBACd,OAAO;2BACI,OAAO;YACtB,MAAM;kHAsBf,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;iBAA6B,OAAO;yGAM9D,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAa9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;iBAA6B,OAAO;yGAKhE,CAAC;AAEF,eAAO,MAAM,SAAS;;;;aACX,WAAW;eACT,OAAO;iBACL,OAAO;oBACJ,OAAO;yGA6DxB,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,wBAAwB;;;;uBAAmC,OAAO;yGAW9E,CAAC"}
|
|
@@ -33,7 +33,7 @@ const StageContainer = styled.div`
|
|
|
33
33
|
border-color: var(--uix-canvas-info-icon);
|
|
34
34
|
`}
|
|
35
35
|
|
|
36
|
-
${({ status })=>'Paused' === status && css`
|
|
36
|
+
${({ status })=>('Paused' === status || 'Warning' === status) && css`
|
|
37
37
|
border-color: var(--uix-canvas-warning-icon);
|
|
38
38
|
`}
|
|
39
39
|
|
|
@@ -56,9 +56,11 @@ const StageHeader = styled.div`
|
|
|
56
56
|
overflow: hidden;
|
|
57
57
|
`;
|
|
58
58
|
const StageTitleContainer = styled.div`
|
|
59
|
-
display:
|
|
59
|
+
display: block;
|
|
60
60
|
border-radius: 4px;
|
|
61
61
|
height: 100%;
|
|
62
|
+
width: 100%;
|
|
63
|
+
box-sizing: border-box;
|
|
62
64
|
border: ${(props)=>props.isEditing ? '1px solid var(--uix-canvas-border-de-emp)' : 'none'};
|
|
63
65
|
`;
|
|
64
66
|
const StageTitleInput = styled.input`
|
|
@@ -70,9 +72,9 @@ const StageTitleInput = styled.input`
|
|
|
70
72
|
background: transparent;
|
|
71
73
|
text-overflow: ellipsis;
|
|
72
74
|
border-radius: 2px;
|
|
75
|
+
width: 100%;
|
|
73
76
|
min-width: 100px;
|
|
74
|
-
|
|
75
|
-
padding: ${(props)=>props.isStageTitleEditable ? 'none' : `${Padding.PadS} 0px`};
|
|
77
|
+
padding: ${(props)=>props.isStageTitleEditable ? '0' : `${Padding.PadS} 0px`};
|
|
76
78
|
|
|
77
79
|
&:focus {
|
|
78
80
|
outline: none;
|
|
@@ -158,7 +160,7 @@ const StageTask = styled.div`
|
|
|
158
160
|
border-color: var(--uix-canvas-success-icon);
|
|
159
161
|
`}
|
|
160
162
|
|
|
161
|
-
${({ status })=>'Paused' === status && css`
|
|
163
|
+
${({ status })=>('Paused' === status || 'Warning' === status) && css`
|
|
162
164
|
border-color: var(--uix-canvas-warning-icon);
|
|
163
165
|
`}
|
|
164
166
|
|
|
@@ -10,7 +10,8 @@ declare enum ElementStatusValues {
|
|
|
10
10
|
InProgress = "InProgress",
|
|
11
11
|
NotExecuted = "NotExecuted",
|
|
12
12
|
Paused = "Paused",
|
|
13
|
-
Terminated = "Terminated"
|
|
13
|
+
Terminated = "Terminated",
|
|
14
|
+
Warning = "Warning"
|
|
14
15
|
}
|
|
15
16
|
export type StageStatus = `${ElementStatusValues}`;
|
|
16
17
|
export type StageTaskStatus = `${ElementStatusValues}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEjE,aAAK,mBAAmB;IACtB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,MAAM,WAAW;IACjB,UAAU,eAAe;
|
|
1
|
+
{"version":3,"file":"StageNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"execution-status.d.ts","sourceRoot":"","sources":["../../../src/canvas/styles/execution-status.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM;;;;;UAU5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,kBAAkB,MAAM,
|
|
1
|
+
{"version":3,"file":"execution-status.d.ts","sourceRoot":"","sources":["../../../src/canvas/styles/execution-status.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM;;;;;UAU5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,kBAAkB,MAAM,8CAyChE,CAAC"}
|
|
@@ -7,6 +7,7 @@ export declare const ElementStatusValues: {
|
|
|
7
7
|
readonly NotExecuted: "NotExecuted";
|
|
8
8
|
readonly Paused: "Paused";
|
|
9
9
|
readonly Terminated: "Terminated";
|
|
10
|
+
readonly Warning: "Warning";
|
|
10
11
|
readonly None: "None";
|
|
11
12
|
};
|
|
12
13
|
export type ElementStatusValues = (typeof ElementStatusValues)[keyof typeof ElementStatusValues];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"execution.d.ts","sourceRoot":"","sources":["../../../src/canvas/types/execution.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB
|
|
1
|
+
{"version":3,"file":"execution.d.ts","sourceRoot":"","sources":["../../../src/canvas/types/execution.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;CAWtB,CAAC;AACX,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AACjG,MAAM,MAAM,aAAa,GAAG,mBAAmB,CAAC;AAKhD,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,MAAM,cAAc,GAAG,2BAA2B,GAAG,aAAa,CAAC"}
|