@uipath/apollo-react 4.14.0-pr593.59e5bb0 → 4.14.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/Edges/SequenceEdge.cjs +8 -10
- package/dist/canvas/components/Edges/SequenceEdge.d.ts.map +1 -1
- package/dist/canvas/components/Edges/SequenceEdge.js +8 -10
- package/dist/canvas/components/StageNode/StageNodeHeader.cjs +6 -1
- package/dist/canvas/components/StageNode/StageNodeHeader.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNodeHeader.js +6 -1
- package/package.json +3 -3
|
@@ -88,8 +88,6 @@ const SequenceEdge_SequenceEdge = /*#__PURE__*/ (0, external_react_namespaceObje
|
|
|
88
88
|
const status = executionStatus ? executionStatus?.status ?? executionStatus : validationStatus;
|
|
89
89
|
const isDiffAdded = data?.isDiffAdded === true;
|
|
90
90
|
const isDiffRemoved = data?.isDiffRemoved === true;
|
|
91
|
-
const hideArrowHead = data?.hideArrowHead === true;
|
|
92
|
-
const hideToolbar = data?.hideToolbar === true;
|
|
93
91
|
const angle = ANGLE_MAP[targetPosition];
|
|
94
92
|
const { x: offsetX, y: offsetY } = ARROW_OFFSETS[targetPosition];
|
|
95
93
|
const { edgePath, labelX, labelY } = (0, index_cjs_namespaceObject.useEdgePath)({
|
|
@@ -100,8 +98,8 @@ const SequenceEdge_SequenceEdge = /*#__PURE__*/ (0, external_react_namespaceObje
|
|
|
100
98
|
sourceX,
|
|
101
99
|
sourceY,
|
|
102
100
|
sourcePosition,
|
|
103
|
-
targetX
|
|
104
|
-
targetY
|
|
101
|
+
targetX,
|
|
102
|
+
targetY,
|
|
105
103
|
targetPosition
|
|
106
104
|
});
|
|
107
105
|
const { showToolbar, toolbarPositioning, config: toolbarConfig, handleMouseMoveOnPath } = (0, external_Toolbar_index_cjs_namespaceObject.useEdgeToolbarState)({
|
|
@@ -168,12 +166,12 @@ const SequenceEdge_SequenceEdge = /*#__PURE__*/ (0, external_react_namespaceObje
|
|
|
168
166
|
},
|
|
169
167
|
ref: pathElementRef
|
|
170
168
|
}),
|
|
171
|
-
|
|
169
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("polygon", {
|
|
172
170
|
points: `
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
171
|
+
${targetX},${targetY}
|
|
172
|
+
${targetX - ARROW_SIZE * Math.cos(angle - Math.PI / 6)},${targetY - ARROW_SIZE * Math.sin(angle - Math.PI / 6)}
|
|
173
|
+
${targetX - ARROW_SIZE * Math.cos(angle + Math.PI / 6)},${targetY - ARROW_SIZE * Math.sin(angle + Math.PI / 6)}
|
|
174
|
+
`,
|
|
177
175
|
fill: edgeColor,
|
|
178
176
|
style: {
|
|
179
177
|
pointerEvents: 'none',
|
|
@@ -213,7 +211,7 @@ const SequenceEdge_SequenceEdge = /*#__PURE__*/ (0, external_react_namespaceObje
|
|
|
213
211
|
})
|
|
214
212
|
]
|
|
215
213
|
}),
|
|
216
|
-
|
|
214
|
+
showToolbar && toolbarPositioning && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbar_index_cjs_namespaceObject.EdgeToolbar, {
|
|
217
215
|
edgeId: id,
|
|
218
216
|
visible: showToolbar,
|
|
219
217
|
positioning: toolbarPositioning,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SequenceEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/SequenceEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,0CAA0C,CAAC;AAoDpF,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"SequenceEdge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Edges/SequenceEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,0CAA0C,CAAC;AAoDpF,eAAO,MAAM,YAAY,iDAuMJ,CAAC"}
|
|
@@ -60,8 +60,6 @@ const SequenceEdge_SequenceEdge = /*#__PURE__*/ memo(function({ id, selected, so
|
|
|
60
60
|
const status = executionStatus ? executionStatus?.status ?? executionStatus : validationStatus;
|
|
61
61
|
const isDiffAdded = data?.isDiffAdded === true;
|
|
62
62
|
const isDiffRemoved = data?.isDiffRemoved === true;
|
|
63
|
-
const hideArrowHead = data?.hideArrowHead === true;
|
|
64
|
-
const hideToolbar = data?.hideToolbar === true;
|
|
65
63
|
const angle = ANGLE_MAP[targetPosition];
|
|
66
64
|
const { x: offsetX, y: offsetY } = ARROW_OFFSETS[targetPosition];
|
|
67
65
|
const { edgePath, labelX, labelY } = useEdgePath({
|
|
@@ -72,8 +70,8 @@ const SequenceEdge_SequenceEdge = /*#__PURE__*/ memo(function({ id, selected, so
|
|
|
72
70
|
sourceX,
|
|
73
71
|
sourceY,
|
|
74
72
|
sourcePosition,
|
|
75
|
-
targetX
|
|
76
|
-
targetY
|
|
73
|
+
targetX,
|
|
74
|
+
targetY,
|
|
77
75
|
targetPosition
|
|
78
76
|
});
|
|
79
77
|
const { showToolbar, toolbarPositioning, config: toolbarConfig, handleMouseMoveOnPath } = useEdgeToolbarState({
|
|
@@ -140,12 +138,12 @@ const SequenceEdge_SequenceEdge = /*#__PURE__*/ memo(function({ id, selected, so
|
|
|
140
138
|
},
|
|
141
139
|
ref: pathElementRef
|
|
142
140
|
}),
|
|
143
|
-
|
|
141
|
+
/*#__PURE__*/ jsx("polygon", {
|
|
144
142
|
points: `
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
143
|
+
${targetX},${targetY}
|
|
144
|
+
${targetX - ARROW_SIZE * Math.cos(angle - Math.PI / 6)},${targetY - ARROW_SIZE * Math.sin(angle - Math.PI / 6)}
|
|
145
|
+
${targetX - ARROW_SIZE * Math.cos(angle + Math.PI / 6)},${targetY - ARROW_SIZE * Math.sin(angle + Math.PI / 6)}
|
|
146
|
+
`,
|
|
149
147
|
fill: edgeColor,
|
|
150
148
|
style: {
|
|
151
149
|
pointerEvents: 'none',
|
|
@@ -185,7 +183,7 @@ const SequenceEdge_SequenceEdge = /*#__PURE__*/ memo(function({ id, selected, so
|
|
|
185
183
|
})
|
|
186
184
|
]
|
|
187
185
|
}),
|
|
188
|
-
|
|
186
|
+
showToolbar && toolbarPositioning && /*#__PURE__*/ jsx(EdgeToolbar, {
|
|
189
187
|
edgeId: id,
|
|
190
188
|
visible: showToolbar,
|
|
191
189
|
positioning: toolbarPositioning,
|
|
@@ -35,6 +35,7 @@ const external_icons_index_cjs_namespaceObject = require("../../icons/index.cjs"
|
|
|
35
35
|
const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
|
|
36
36
|
const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
|
|
37
37
|
const external_ExecutionStatusIcon_index_cjs_namespaceObject = require("../ExecutionStatusIcon/index.cjs");
|
|
38
|
+
const ExecutionStatusIcon_cjs_namespaceObject = require("../ExecutionStatusIcon/ExecutionStatusIcon.cjs");
|
|
38
39
|
const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
|
|
39
40
|
const external_StageNode_types_cjs_namespaceObject = require("./StageNode.types.cjs");
|
|
40
41
|
const CHIP_ICONS = {
|
|
@@ -209,7 +210,11 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
|
|
|
209
210
|
size: "icon",
|
|
210
211
|
className: "h-6 w-6",
|
|
211
212
|
"aria-label": statusLabel,
|
|
212
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
|
|
213
|
+
children: 'NotExecuted' === status ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
|
|
214
|
+
icon: "hourglass",
|
|
215
|
+
size: 20,
|
|
216
|
+
color: (0, ExecutionStatusIcon_cjs_namespaceObject.getExecutionStatusColor)('NotExecuted')
|
|
217
|
+
}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ExecutionStatusIcon_index_cjs_namespaceObject.ExecutionStatusIcon, {
|
|
213
218
|
status: status,
|
|
214
219
|
size: 20
|
|
215
220
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageNodeHeader.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHeader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StageNodeHeader.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHeader.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgMrE,eAAO,MAAM,eAAe,wGA/KzB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACvD,6CAyKwD,CAAC"}
|
|
@@ -7,6 +7,7 @@ import { EntryConditionIcon, ExitConditionIcon, ReturnToOriginIcon } from "../..
|
|
|
7
7
|
import { CanvasIcon } from "../../utils/icon-registry.js";
|
|
8
8
|
import { CanvasTooltip } from "../CanvasTooltip.js";
|
|
9
9
|
import { ExecutionStatusIcon } from "../ExecutionStatusIcon/index.js";
|
|
10
|
+
import { getExecutionStatusColor } from "../ExecutionStatusIcon/ExecutionStatusIcon.js";
|
|
10
11
|
import { StageChip, StageHeader, StageHeaderChipsRow, StageTitleContainer, StageTitleInput } from "./StageNode.styles.js";
|
|
11
12
|
import { StageHeaderChipType } from "./StageNode.types.js";
|
|
12
13
|
const CHIP_ICONS = {
|
|
@@ -181,7 +182,11 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
|
|
|
181
182
|
size: "icon",
|
|
182
183
|
className: "h-6 w-6",
|
|
183
184
|
"aria-label": statusLabel,
|
|
184
|
-
children: /*#__PURE__*/ jsx(
|
|
185
|
+
children: 'NotExecuted' === status ? /*#__PURE__*/ jsx(CanvasIcon, {
|
|
186
|
+
icon: "hourglass",
|
|
187
|
+
size: 20,
|
|
188
|
+
color: getExecutionStatusColor('NotExecuted')
|
|
189
|
+
}) : /*#__PURE__*/ jsx(ExecutionStatusIcon, {
|
|
185
190
|
status: status,
|
|
186
191
|
size: 20
|
|
187
192
|
})
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uipath/apollo-react",
|
|
3
|
-
"version": "4.14.
|
|
3
|
+
"version": "4.14.1",
|
|
4
4
|
"description": "Apollo Design System - React component library with Material UI theming",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -201,8 +201,8 @@
|
|
|
201
201
|
"use-sync-external-store": "^1.2.0",
|
|
202
202
|
"zod": "^4.3.5",
|
|
203
203
|
"zustand": "^5.0.9",
|
|
204
|
-
"@uipath/apollo-
|
|
205
|
-
"@uipath/apollo-
|
|
204
|
+
"@uipath/apollo-wind": "2.7.0",
|
|
205
|
+
"@uipath/apollo-core": "5.9.0"
|
|
206
206
|
},
|
|
207
207
|
"devDependencies": {
|
|
208
208
|
"@lingui/cli": "^5.6.1",
|