@uipath/apollo-react 3.58.1 → 3.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.
@@ -127,8 +127,11 @@ const TaskContent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ ta
127
127
  taskExecution?.status && (taskExecution.message ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTooltip, {
128
128
  content: taskExecution.message,
129
129
  placement: "top",
130
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ExecutionStatusIcon_index_cjs_namespaceObject.ExecutionStatusIcon, {
131
- status: taskExecution.status
130
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApIconButton, {
131
+ size: "small",
132
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ExecutionStatusIcon_index_cjs_namespaceObject.ExecutionStatusIcon, {
133
+ status: taskExecution.status
134
+ })
132
135
  })
133
136
  }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ExecutionStatusIcon_index_cjs_namespaceObject.ExecutionStatusIcon, {
134
137
  status: taskExecution.status
@@ -229,7 +232,6 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, c
229
232
  status: taskExecution?.status,
230
233
  isParallel: isParallel,
231
234
  isDragEnabled: !isDragDisabled,
232
- isMenuOpen: isMenuOpen,
233
235
  onClick: handleClick,
234
236
  ...contextMenuItems.length > 0 && {
235
237
  onContextMenu: handleContextMenu
@@ -1 +1 @@
1
- {"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgClF,eAAO,MAAM,WAAW,4EAA8C,gBAAgB,6CAsEpF,CAAC;AAqHH,eAAO,MAAM,aAAa,0KAxGvB,kBAAkB,6CAwGoC,CAAC"}
1
+ {"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgClF,eAAO,MAAM,WAAW,4EAA8C,gBAAgB,6CAwEpF,CAAC;AAoHH,eAAO,MAAM,aAAa,0KAvGvB,kBAAkB,6CAuGoC,CAAC"}
@@ -3,7 +3,7 @@ import { useSortable } from "@dnd-kit/sortable";
3
3
  import { CSS } from "@dnd-kit/utilities";
4
4
  import { FontVariantToken, Padding, Spacing } from "@uipath/apollo-core";
5
5
  import { Column, Row } from "../../layouts/index.js";
6
- import { ApBadge, ApTooltip, ApTypography, BadgeSize } from "../../../material/index.js";
6
+ import { ApBadge, ApIconButton, ApTooltip, ApTypography, BadgeSize } from "../../../material/index.js";
7
7
  import { memo, useCallback, useMemo, useRef, useState } from "react";
8
8
  import { ExecutionStatusIcon } from "../ExecutionStatusIcon/index.js";
9
9
  import { INDENTATION_WIDTH, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskIcon, StageTaskRetryDuration, StageTaskWrapper } from "./StageNode.styles.js";
@@ -98,8 +98,11 @@ const TaskContent = /*#__PURE__*/ memo(({ task, taskExecution, isDragging })=>/*
98
98
  taskExecution?.status && (taskExecution.message ? /*#__PURE__*/ jsx(ApTooltip, {
99
99
  content: taskExecution.message,
100
100
  placement: "top",
101
- children: /*#__PURE__*/ jsx(ExecutionStatusIcon, {
102
- status: taskExecution.status
101
+ children: /*#__PURE__*/ jsx(ApIconButton, {
102
+ size: "small",
103
+ children: /*#__PURE__*/ jsx(ExecutionStatusIcon, {
104
+ status: taskExecution.status
105
+ })
103
106
  })
104
107
  }) : /*#__PURE__*/ jsx(ExecutionStatusIcon, {
105
108
  status: taskExecution.status
@@ -200,7 +203,6 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, c
200
203
  status: taskExecution?.status,
201
204
  isParallel: isParallel,
202
205
  isDragEnabled: !isDragDisabled,
203
- isMenuOpen: isMenuOpen,
204
206
  onClick: handleClick,
205
207
  ...contextMenuItems.length > 0 && {
206
208
  onContextMenu: handleContextMenu
@@ -309,6 +309,50 @@ const Default = {
309
309
  }
310
310
  }))
311
311
  }
312
+ },
313
+ {
314
+ id: '2',
315
+ type: 'stage',
316
+ position: {
317
+ x: 752,
318
+ y: 96
319
+ },
320
+ width: 304,
321
+ data: {
322
+ onReplaceTaskFromToolbox: ()=>{},
323
+ stageDetails: {
324
+ label: 'Validation - Failed',
325
+ isReadOnly: true,
326
+ tasks: [
327
+ [
328
+ {
329
+ id: '1',
330
+ label: 'Data Validation',
331
+ icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VerificationIcon, {})
332
+ }
333
+ ],
334
+ [
335
+ {
336
+ id: '2',
337
+ label: 'Compliance Check',
338
+ icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DocumentIcon, {})
339
+ }
340
+ ]
341
+ ]
342
+ },
343
+ execution: {
344
+ stageStatus: {
345
+ label: 'error message',
346
+ status: 'Failed'
347
+ },
348
+ taskStatus: {
349
+ 2: {
350
+ status: 'Failed',
351
+ message: 'Compliance requirements not met'
352
+ }
353
+ }
354
+ }
355
+ }
312
356
  }
313
357
  ]
314
358
  },
@@ -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,KA2DrB,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;AAiJF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}
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,KAwFrB,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;AAiJF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}
@@ -273,6 +273,50 @@ const Default = {
273
273
  }
274
274
  }))
275
275
  }
276
+ },
277
+ {
278
+ id: '2',
279
+ type: 'stage',
280
+ position: {
281
+ x: 752,
282
+ y: 96
283
+ },
284
+ width: 304,
285
+ data: {
286
+ onReplaceTaskFromToolbox: ()=>{},
287
+ stageDetails: {
288
+ label: 'Validation - Failed',
289
+ isReadOnly: true,
290
+ tasks: [
291
+ [
292
+ {
293
+ id: '1',
294
+ label: 'Data Validation',
295
+ icon: /*#__PURE__*/ jsx(VerificationIcon, {})
296
+ }
297
+ ],
298
+ [
299
+ {
300
+ id: '2',
301
+ label: 'Compliance Check',
302
+ icon: /*#__PURE__*/ jsx(DocumentIcon, {})
303
+ }
304
+ ]
305
+ ]
306
+ },
307
+ execution: {
308
+ stageStatus: {
309
+ label: 'error message',
310
+ status: 'Failed'
311
+ },
312
+ taskStatus: {
313
+ 2: {
314
+ status: 'Failed',
315
+ message: 'Compliance requirements not met'
316
+ }
317
+ }
318
+ }
319
+ }
276
320
  }
277
321
  ]
278
322
  },
@@ -203,10 +203,6 @@ const StageTask = styled_default().div`
203
203
  height: ${({ isDragEnabled })=>isDragEnabled ? '100%' : 'auto'};
204
204
 
205
205
  .task-menu-icon-button {
206
- display: ${({ isMenuOpen })=>isMenuOpen ? 'flex' : 'none'};
207
- }
208
-
209
- &:hover .task-menu-icon-button {
210
206
  display: flex;
211
207
  }
212
208
 
@@ -67,7 +67,6 @@ export declare const StageTask: import("@emotion/styled").StyledComponent<{
67
67
  selected?: boolean;
68
68
  isParallel?: boolean;
69
69
  isDragEnabled?: boolean;
70
- isMenuOpen?: boolean;
71
70
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
72
71
  export declare const StageTaskIcon: import("@emotion/styled").StyledComponent<{
73
72
  theme?: import("@emotion/react").Theme;
@@ -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;yGAKlE,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;iBACV,OAAO;yGAiErB,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"}
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;yGAKlE,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"}
@@ -147,10 +147,6 @@ const StageTask = styled.div`
147
147
  height: ${({ isDragEnabled })=>isDragEnabled ? '100%' : 'auto'};
148
148
 
149
149
  .task-menu-icon-button {
150
- display: ${({ isMenuOpen })=>isMenuOpen ? 'flex' : 'none'};
151
- }
152
-
153
- &:hover .task-menu-icon-button {
154
150
  display: flex;
155
151
  }
156
152
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "3.58.1",
3
+ "version": "3.58.2",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",