@uipath/apollo-react 6.58.0 → 6.58.2
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/BaseNode/BaseNodeContainer.cjs +2 -0
- package/dist/canvas/components/BaseNode/BaseNodeContainer.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNodeContainer.js +2 -0
- package/dist/canvas/components/BaseNode/BaseNodeOutline.cjs +2 -0
- package/dist/canvas/components/BaseNode/BaseNodeOutline.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNodeOutline.js +2 -0
- package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs +3 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandle.js +3 -1
- package/dist/canvas/components/ButtonHandle/HandleButton.cjs +6 -5
- package/dist/canvas/components/ButtonHandle/HandleButton.d.ts +2 -1
- package/dist/canvas/components/ButtonHandle/HandleButton.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/HandleButton.js +6 -5
- package/dist/canvas/components/Edges/EdgeUtils.cjs +2 -2
- package/dist/canvas/components/Edges/EdgeUtils.d.ts.map +1 -1
- package/dist/canvas/components/Edges/EdgeUtils.js +2 -2
- package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.cjs +2 -3
- package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.d.ts.map +1 -1
- package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.js +2 -3
- package/dist/canvas/components/LoopNode/LoopNodeExecutionCount.cjs +1 -0
- package/dist/canvas/components/LoopNode/LoopNodeExecutionCount.d.ts.map +1 -1
- package/dist/canvas/components/LoopNode/LoopNodeExecutionCount.js +1 -0
- package/dist/canvas/styles/execution-status.cjs +5 -0
- package/dist/canvas/styles/execution-status.d.ts.map +1 -1
- package/dist/canvas/styles/execution-status.js +5 -0
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/package.json +1 -1
|
@@ -46,6 +46,8 @@ const getStatusBorder = (status)=>{
|
|
|
46
46
|
case 'update':
|
|
47
47
|
return 'border-warning animate-glow [--glow-color:var(--warning)]';
|
|
48
48
|
case 'Cancelled':
|
|
49
|
+
case 'UserCancelled':
|
|
50
|
+
return 'border-icon-default animate-glow [--glow-color:var(--color-icon-default)]';
|
|
49
51
|
case 'Failed':
|
|
50
52
|
case 'Terminated':
|
|
51
53
|
case 'ERROR':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNodeContainer.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAGtE,eAAO,MAAM,eAAe,GAC1B,SAAS,mBAAmB,GAAG,uBAAuB,GAAG,cAAc,KACtE,
|
|
1
|
+
{"version":3,"file":"BaseNodeContainer.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAGtE,eAAO,MAAM,eAAe,GAC1B,SAAS,mBAAmB,GAAG,uBAAuB,GAAG,cAAc,KACtE,MAyBF,CAAC;AAEF,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,GAAI,qKAc3B,kBAAkB,4CAoEpB,CAAC"}
|
|
@@ -17,6 +17,8 @@ const getStatusBorder = (status)=>{
|
|
|
17
17
|
case 'update':
|
|
18
18
|
return 'border-warning animate-glow [--glow-color:var(--warning)]';
|
|
19
19
|
case 'Cancelled':
|
|
20
|
+
case 'UserCancelled':
|
|
21
|
+
return 'border-icon-default animate-glow [--glow-color:var(--color-icon-default)]';
|
|
20
22
|
case 'Failed':
|
|
21
23
|
case 'Terminated':
|
|
22
24
|
case 'ERROR':
|
|
@@ -67,6 +67,8 @@ const getStatusStroke = (status)=>{
|
|
|
67
67
|
case 'update':
|
|
68
68
|
return 'stroke-warning animate-glow [--glow-color:var(--warning)]';
|
|
69
69
|
case 'Cancelled':
|
|
70
|
+
case 'UserCancelled':
|
|
71
|
+
return 'stroke-icon-default animate-glow [--glow-color:var(--color-icon-default)]';
|
|
70
72
|
case 'Failed':
|
|
71
73
|
case 'Terminated':
|
|
72
74
|
case 'ERROR':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNodeOutline.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeOutline.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAoBtE,eAAO,MAAM,OAAO,GAAI,OAAO,qBAAqB,EAAE,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,MAyBrF,CAAC;AAGF,eAAO,MAAM,eAAe,GAC1B,SAAS,mBAAmB,GAAG,uBAAuB,GAAG,cAAc,KACtE,
|
|
1
|
+
{"version":3,"file":"BaseNodeOutline.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeOutline.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAoBtE,eAAO,MAAM,OAAO,GAAI,OAAO,qBAAqB,EAAE,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,MAyBrF,CAAC;AAGF,eAAO,MAAM,eAAe,GAC1B,SAAS,mBAAmB,GAAG,uBAAuB,GAAG,cAAc,KACtE,MAyBF,CAAC;AAgBF,UAAU,oBAAoB;IAC5B,KAAK,EAAE,qBAAqB,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,mBAAmB,GAAG,uBAAuB,GAAG,cAAc,CAAC;CACzE;AAUD,eAAO,MAAM,eAAe,qGACqC,oBAAoB,6CA0DpF,CAAC"}
|
|
@@ -37,6 +37,8 @@ const getStatusStroke = (status)=>{
|
|
|
37
37
|
case 'update':
|
|
38
38
|
return 'stroke-warning animate-glow [--glow-color:var(--warning)]';
|
|
39
39
|
case 'Cancelled':
|
|
40
|
+
case 'UserCancelled':
|
|
41
|
+
return 'stroke-icon-default animate-glow [--glow-color:var(--color-icon-default)]';
|
|
40
42
|
case 'Failed':
|
|
41
43
|
case 'Terminated':
|
|
42
44
|
case 'ERROR':
|
|
@@ -161,7 +161,9 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
|
|
|
161
161
|
onAction: handleButtonClick,
|
|
162
162
|
onMouseEnter: handleButtonMouseEnter,
|
|
163
163
|
onMouseLeave: handleButtonMouseLeave,
|
|
164
|
-
handleRef: handleRef
|
|
164
|
+
handleRef: handleRef,
|
|
165
|
+
label: label,
|
|
166
|
+
renderLabel: false
|
|
165
167
|
}) : null
|
|
166
168
|
]
|
|
167
169
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,KAAK,EACV,mCAAmC,EACnC,qBAAqB,EACtB,MAAM,qCAAqC,CAAC;AAY7C,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAG7D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC;CACjC;AAGD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,KAAK,iBAAiB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IAGnB,kBAAkB,CAAC,EAAE,QAAQ,CAAC;IAC9B,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -132,7 +132,9 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
|
|
|
132
132
|
onAction: handleButtonClick,
|
|
133
133
|
onMouseEnter: handleButtonMouseEnter,
|
|
134
134
|
onMouseLeave: handleButtonMouseLeave,
|
|
135
|
-
handleRef: handleRef
|
|
135
|
+
handleRef: handleRef,
|
|
136
|
+
label: label,
|
|
137
|
+
renderLabel: false
|
|
136
138
|
}) : null
|
|
137
139
|
]
|
|
138
140
|
});
|
|
@@ -42,7 +42,8 @@ const BUTTON_POSITION = {
|
|
|
42
42
|
[react_cjs_namespaceObject.Position.Right]: 'flex-row left-full top-1/2 -translate-y-1/2'
|
|
43
43
|
};
|
|
44
44
|
const DRAG_THRESHOLD = 5;
|
|
45
|
-
const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ visible, labelVisible, keepButtonMounted = false, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, portal })=>{
|
|
45
|
+
const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ visible, labelVisible, keepButtonMounted = false, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, renderLabel = true, portal })=>{
|
|
46
|
+
const accessibleName = label ? `Add node from ${label} handle` : 'Add node';
|
|
46
47
|
const didDragRef = (0, external_react_namespaceObject.useRef)(false);
|
|
47
48
|
const teardownRef = (0, external_react_namespaceObject.useRef)(null);
|
|
48
49
|
(0, external_react_namespaceObject.useEffect)(()=>()=>teardownRef.current?.(), []);
|
|
@@ -91,7 +92,7 @@ const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ v
|
|
|
91
92
|
teardownRef.current = cleanup;
|
|
92
93
|
}, []);
|
|
93
94
|
const addButton = keepButtonMounted ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasInlineButton_cjs_namespaceObject.CanvasInlineButton, {
|
|
94
|
-
"aria-label":
|
|
95
|
+
"aria-label": accessibleName,
|
|
95
96
|
"aria-hidden": visible ? void 0 : true,
|
|
96
97
|
disabled: visible ? void 0 : true,
|
|
97
98
|
onClick: handleClick,
|
|
@@ -100,7 +101,7 @@ const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ v
|
|
|
100
101
|
onMouseLeave: onMouseLeave,
|
|
101
102
|
className: (0, CssUtil_cjs_namespaceObject.cx)('nodrag nopan transition-opacity duration-250', visible ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0 disabled:opacity-0')
|
|
102
103
|
}) : visible && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasInlineButton_cjs_namespaceObject.CanvasInlineButton, {
|
|
103
|
-
"aria-label":
|
|
104
|
+
"aria-label": accessibleName,
|
|
104
105
|
onClick: handleClick,
|
|
105
106
|
onPointerDown: handlePointerDown,
|
|
106
107
|
onMouseEnter: onMouseEnter,
|
|
@@ -111,7 +112,7 @@ const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ v
|
|
|
111
112
|
className: (0, CssUtil_cjs_namespaceObject.cx)('absolute flex items-center pointer-events-none', BUTTON_POSITION[position]),
|
|
112
113
|
children: [
|
|
113
114
|
addButton,
|
|
114
|
-
label && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InlineLabel, {
|
|
115
|
+
label && renderLabel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InlineLabel, {
|
|
115
116
|
label: label,
|
|
116
117
|
labelIcon: labelIcon,
|
|
117
118
|
backgroundColor: labelBackgroundColor,
|
|
@@ -119,7 +120,7 @@ const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ v
|
|
|
119
120
|
})
|
|
120
121
|
]
|
|
121
122
|
});
|
|
122
|
-
const shouldRenderPortal = Boolean(keepButtonMounted || visible || label && labelVisible);
|
|
123
|
+
const shouldRenderPortal = Boolean(keepButtonMounted || visible || label && renderLabel && labelVisible);
|
|
123
124
|
if (portal) {
|
|
124
125
|
if (!shouldRenderPortal) return null;
|
|
125
126
|
const { nodeId, ...anchor } = portal;
|
|
@@ -7,7 +7,7 @@ export type HandleButtonPortal = {
|
|
|
7
7
|
height: number;
|
|
8
8
|
transform: string;
|
|
9
9
|
};
|
|
10
|
-
export declare const HandleButton: import("react").MemoExoticComponent<({ visible, labelVisible, keepButtonMounted, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, portal, }: {
|
|
10
|
+
export declare const HandleButton: import("react").MemoExoticComponent<({ visible, labelVisible, keepButtonMounted, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, renderLabel, portal, }: {
|
|
11
11
|
visible?: boolean;
|
|
12
12
|
labelVisible?: boolean;
|
|
13
13
|
keepButtonMounted?: boolean;
|
|
@@ -19,6 +19,7 @@ export declare const HandleButton: import("react").MemoExoticComponent<({ visibl
|
|
|
19
19
|
label?: string;
|
|
20
20
|
labelIcon?: React.ReactNode;
|
|
21
21
|
labelBackgroundColor?: string;
|
|
22
|
+
renderLabel?: boolean;
|
|
22
23
|
portal?: HandleButtonPortal;
|
|
23
24
|
}) => import("react/jsx-runtime").JSX.Element | null>;
|
|
24
25
|
export declare const HandleHoverBridge: import("react").MemoExoticComponent<({ position, visible }: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HandleButton.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/HandleButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAepE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAUF,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"HandleButton.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/HandleButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAepE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAUF,eAAO,MAAM,YAAY,8MAepB;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IAMvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAEnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAO9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,oDAgJF,CAAC;AA2CF,eAAO,MAAM,iBAAiB,8DACJ;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,oDAOlE,CAAC"}
|
|
@@ -13,7 +13,8 @@ const BUTTON_POSITION = {
|
|
|
13
13
|
[Position.Right]: 'flex-row left-full top-1/2 -translate-y-1/2'
|
|
14
14
|
};
|
|
15
15
|
const DRAG_THRESHOLD = 5;
|
|
16
|
-
const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, keepButtonMounted = false, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, portal })=>{
|
|
16
|
+
const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, keepButtonMounted = false, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, renderLabel = true, portal })=>{
|
|
17
|
+
const accessibleName = label ? `Add node from ${label} handle` : 'Add node';
|
|
17
18
|
const didDragRef = useRef(false);
|
|
18
19
|
const teardownRef = useRef(null);
|
|
19
20
|
useEffect(()=>()=>teardownRef.current?.(), []);
|
|
@@ -62,7 +63,7 @@ const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, keepButtonMoun
|
|
|
62
63
|
teardownRef.current = cleanup;
|
|
63
64
|
}, []);
|
|
64
65
|
const addButton = keepButtonMounted ? /*#__PURE__*/ jsx(CanvasInlineButton, {
|
|
65
|
-
"aria-label":
|
|
66
|
+
"aria-label": accessibleName,
|
|
66
67
|
"aria-hidden": visible ? void 0 : true,
|
|
67
68
|
disabled: visible ? void 0 : true,
|
|
68
69
|
onClick: handleClick,
|
|
@@ -71,7 +72,7 @@ const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, keepButtonMoun
|
|
|
71
72
|
onMouseLeave: onMouseLeave,
|
|
72
73
|
className: cx('nodrag nopan transition-opacity duration-250', visible ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0 disabled:opacity-0')
|
|
73
74
|
}) : visible && /*#__PURE__*/ jsx(CanvasInlineButton, {
|
|
74
|
-
"aria-label":
|
|
75
|
+
"aria-label": accessibleName,
|
|
75
76
|
onClick: handleClick,
|
|
76
77
|
onPointerDown: handlePointerDown,
|
|
77
78
|
onMouseEnter: onMouseEnter,
|
|
@@ -82,7 +83,7 @@ const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, keepButtonMoun
|
|
|
82
83
|
className: cx('absolute flex items-center pointer-events-none', BUTTON_POSITION[position]),
|
|
83
84
|
children: [
|
|
84
85
|
addButton,
|
|
85
|
-
label && /*#__PURE__*/ jsx(InlineLabel, {
|
|
86
|
+
label && renderLabel && /*#__PURE__*/ jsx(InlineLabel, {
|
|
86
87
|
label: label,
|
|
87
88
|
labelIcon: labelIcon,
|
|
88
89
|
backgroundColor: labelBackgroundColor,
|
|
@@ -90,7 +91,7 @@ const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, keepButtonMoun
|
|
|
90
91
|
})
|
|
91
92
|
]
|
|
92
93
|
});
|
|
93
|
-
const shouldRenderPortal = Boolean(keepButtonMounted || visible || label && labelVisible);
|
|
94
|
+
const shouldRenderPortal = Boolean(keepButtonMounted || visible || label && renderLabel && labelVisible);
|
|
94
95
|
if (portal) {
|
|
95
96
|
if (!shouldRenderPortal) return null;
|
|
96
97
|
const { nodeId, ...anchor } = portal;
|
|
@@ -31,7 +31,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
|
31
31
|
const execution_cjs_namespaceObject = require("../../types/execution.cjs");
|
|
32
32
|
const edgeTargetStatusToEdgeColor = {
|
|
33
33
|
ActionNeeded: 'var(--canvas-warning-icon)',
|
|
34
|
-
Cancelled: 'var(--canvas-
|
|
34
|
+
Cancelled: 'var(--canvas-icon-default)',
|
|
35
35
|
Completed: 'var(--canvas-success-icon)',
|
|
36
36
|
CRITICAL: 'var(--canvas-error-icon)',
|
|
37
37
|
ERROR: 'var(--canvas-error-icon)',
|
|
@@ -42,7 +42,7 @@ const edgeTargetStatusToEdgeColor = {
|
|
|
42
42
|
Paused: 'var(--canvas-warning-icon)',
|
|
43
43
|
Terminated: 'var(--canvas-error-icon)',
|
|
44
44
|
Warning: 'var(--canvas-warning-icon)',
|
|
45
|
-
UserCancelled: 'var(--canvas-
|
|
45
|
+
UserCancelled: 'var(--canvas-icon-default)',
|
|
46
46
|
WARNING: 'var(--canvas-warning-icon)',
|
|
47
47
|
None: 'var(--canvas-border)'
|
|
48
48
|
};
|
|
@@ -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;CAmBzD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,aAAa,GAAG,uBAAuB,GAAG,SAAS,EAC3D,UAAU,MAAM,mDAYjB,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { ElementStatusValues } from "../../types/execution.js";
|
|
3
3
|
const edgeTargetStatusToEdgeColor = {
|
|
4
4
|
ActionNeeded: 'var(--canvas-warning-icon)',
|
|
5
|
-
Cancelled: 'var(--canvas-
|
|
5
|
+
Cancelled: 'var(--canvas-icon-default)',
|
|
6
6
|
Completed: 'var(--canvas-success-icon)',
|
|
7
7
|
CRITICAL: 'var(--canvas-error-icon)',
|
|
8
8
|
ERROR: 'var(--canvas-error-icon)',
|
|
@@ -13,7 +13,7 @@ const edgeTargetStatusToEdgeColor = {
|
|
|
13
13
|
Paused: 'var(--canvas-warning-icon)',
|
|
14
14
|
Terminated: 'var(--canvas-error-icon)',
|
|
15
15
|
Warning: 'var(--canvas-warning-icon)',
|
|
16
|
-
UserCancelled: 'var(--canvas-
|
|
16
|
+
UserCancelled: 'var(--canvas-icon-default)',
|
|
17
17
|
WARNING: 'var(--canvas-warning-icon)',
|
|
18
18
|
None: 'var(--canvas-border)'
|
|
19
19
|
};
|
|
@@ -47,9 +47,8 @@ function getExecutionStatusColor(status) {
|
|
|
47
47
|
case 'Warning':
|
|
48
48
|
return 'var(--color-warning-icon)';
|
|
49
49
|
case 'Cancelled':
|
|
50
|
-
return 'var(--color-error-icon)';
|
|
51
50
|
case 'UserCancelled':
|
|
52
|
-
return 'var(--color-
|
|
51
|
+
return 'var(--color-icon-default)';
|
|
53
52
|
case 'Failed':
|
|
54
53
|
return 'var(--color-error-icon)';
|
|
55
54
|
case 'Terminated':
|
|
@@ -133,7 +132,7 @@ function ExecutionStatusIcon({ status, size = 16 }) {
|
|
|
133
132
|
case 'Cancelled':
|
|
134
133
|
case 'UserCancelled':
|
|
135
134
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
|
|
136
|
-
icon: "circle-
|
|
135
|
+
icon: "circle-slash",
|
|
137
136
|
size: size,
|
|
138
137
|
color: color
|
|
139
138
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExecutionStatusIcon.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.tsx"],"names":[],"mappings":"AAMA,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":"AAMA,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAuC1E;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,IAAS,GACV,EAAE;IACD,MAAM,CAAC,EACH,cAAc,GACd,YAAY,GACZ,WAAW,GACX,eAAe,GACf,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,SAAS,GACT,WAAW,GACX,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,kDAgDA"}
|
|
@@ -18,9 +18,8 @@ function getExecutionStatusColor(status) {
|
|
|
18
18
|
case 'Warning':
|
|
19
19
|
return 'var(--color-warning-icon)';
|
|
20
20
|
case 'Cancelled':
|
|
21
|
-
return 'var(--color-error-icon)';
|
|
22
21
|
case 'UserCancelled':
|
|
23
|
-
return 'var(--color-
|
|
22
|
+
return 'var(--color-icon-default)';
|
|
24
23
|
case 'Failed':
|
|
25
24
|
return 'var(--color-error-icon)';
|
|
26
25
|
case 'Terminated':
|
|
@@ -104,7 +103,7 @@ function ExecutionStatusIcon({ status, size = 16 }) {
|
|
|
104
103
|
case 'Cancelled':
|
|
105
104
|
case 'UserCancelled':
|
|
106
105
|
return /*#__PURE__*/ jsx(CanvasIcon, {
|
|
107
|
-
icon: "circle-
|
|
106
|
+
icon: "circle-slash",
|
|
108
107
|
size: size,
|
|
109
108
|
color: color
|
|
110
109
|
});
|
|
@@ -48,6 +48,7 @@ function getIterationStatusColor(status) {
|
|
|
48
48
|
case execution_cjs_namespaceObject.ElementStatusValues.Paused:
|
|
49
49
|
return '#a855f7';
|
|
50
50
|
case execution_cjs_namespaceObject.ElementStatusValues.Cancelled:
|
|
51
|
+
case execution_cjs_namespaceObject.ElementStatusValues.UserCancelled:
|
|
51
52
|
return '#94a3b8';
|
|
52
53
|
default:
|
|
53
54
|
return 'currentColor';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoopNodeExecutionCount.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNodeExecutionCount.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAMpE,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,mBAAmB,GAAG,SAAS,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"LoopNodeExecutionCount.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNodeExecutionCount.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAMpE,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,mBAAmB,GAAG,SAAS,GAAG,MAAM,CAgBvF;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,IAAa,GACd,EAAE;IACD,KAAK,EAAE,2BAA2B,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACvC,2CA0UA"}
|
|
@@ -64,6 +64,11 @@ const getExecutionStatusBorder = (executionStatus)=>{
|
|
|
64
64
|
animation: ${pulseAnimation('--canvas-warning-icon')} 2s infinite;
|
|
65
65
|
`;
|
|
66
66
|
case 'Cancelled':
|
|
67
|
+
case 'UserCancelled':
|
|
68
|
+
return (0, react_namespaceObject.css)`
|
|
69
|
+
border-color: var(--canvas-icon-default);
|
|
70
|
+
animation: ${pulseAnimation('--canvas-icon-default')} 2s infinite;
|
|
71
|
+
`;
|
|
67
72
|
case 'Failed':
|
|
68
73
|
case 'Terminated':
|
|
69
74
|
case 'ERROR':
|
|
@@ -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,8CA+ChE,CAAC"}
|
|
@@ -35,6 +35,11 @@ const getExecutionStatusBorder = (executionStatus)=>{
|
|
|
35
35
|
animation: ${pulseAnimation('--canvas-warning-icon')} 2s infinite;
|
|
36
36
|
`;
|
|
37
37
|
case 'Cancelled':
|
|
38
|
+
case 'UserCancelled':
|
|
39
|
+
return css`
|
|
40
|
+
border-color: var(--canvas-icon-default);
|
|
41
|
+
animation: ${pulseAnimation('--canvas-icon-default')} 2s infinite;
|
|
42
|
+
`;
|
|
38
43
|
case 'Failed':
|
|
39
44
|
case 'Terminated':
|
|
40
45
|
case 'ERROR':
|