@uipath/apollo-react 3.70.1 → 3.70.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.
Files changed (10) hide show
  1. package/dist/canvas/components/BaseNode/BaseNode.styles.cjs +10 -5
  2. package/dist/canvas/components/BaseNode/BaseNode.styles.d.ts.map +1 -1
  3. package/dist/canvas/components/BaseNode/BaseNode.styles.js +10 -5
  4. package/dist/canvas/components/StageNode/StageNode.cjs +2 -2
  5. package/dist/canvas/components/StageNode/StageNode.d.ts.map +1 -1
  6. package/dist/canvas/components/StageNode/StageNode.js +2 -2
  7. package/dist/canvas/components/StageNode/StageNode.stories.cjs +17 -0
  8. package/dist/canvas/components/StageNode/StageNode.stories.d.ts.map +1 -1
  9. package/dist/canvas/components/StageNode/StageNode.stories.js +17 -0
  10. package/package.json +1 -1
package/dist/canvas/components/BaseNode/BaseNode.styles.cjs CHANGED
@@ -277,13 +277,16 @@ const BaseHeader = styled_default().div`
277
277
  `}
278
278
  line-height: 1.4;
279
279
  margin-bottom: 2px;
280
+ overflow: hidden;
280
281
  ${({ shape })=>'rectangle' === shape ? (0, react_namespaceObject.css)`
281
282
  width: 100%;
282
283
  white-space: nowrap;
283
- overflow: hidden;
284
284
  text-overflow: ellipsis;
285
285
  ` : (0, react_namespaceObject.css)`
286
286
  word-break: break-word;
287
+ display: -webkit-box;
288
+ -webkit-box-orient: vertical;
289
+ -webkit-line-clamp: 3;
287
290
  `}
288
291
  `;
289
292
  const BaseSubHeader = styled_default().div`
@@ -291,13 +294,15 @@ const BaseSubHeader = styled_default().div`
291
294
  color: var(--uix-canvas-foreground-de-emp);
292
295
  line-height: 1.3;
293
296
  word-break: break-word;
297
+ overflow: hidden;
298
+ display: -webkit-box;
299
+ -webkit-box-orient: vertical;
294
300
  ${({ shape })=>'rectangle' === shape ? (0, react_namespaceObject.css)`
295
301
  width: 100%;
296
- display: -webkit-box;
297
- -webkit-box-orient: vertical;
298
302
  -webkit-line-clamp: 2;
299
- overflow: hidden;
300
- ` : ''}
303
+ ` : (0, react_namespaceObject.css)`
304
+ -webkit-line-clamp: 5;
305
+ `}
301
306
  `;
302
307
  const EditableLabel = styled_default().textarea`
303
308
  resize: none;
package/dist/canvas/components/BaseNode/BaseNode.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA4GtD,eAAO,MAAM,aAAa;;;;eACb,OAAO;sBACA,MAAM;YAChB,SAAS;sBACC,MAAM;uBACL,MAAM;uBACN,MAAM;qBACR,MAAM;YACf,MAAM;aACL,MAAM;gBACH,OAAO;oBACH,aAAa;yGAuE9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;YAClB,MAAM;sBACI,MAAM;YAChB,SAAS;aACR,MAAM;YACP,MAAM;yGA0Cf,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;uBAAmC,OAAO;YAAU,SAAS;yGAiC1F,CAAC;AAEF,eAAO,MAAM,UAAU;;;;YAAwB,SAAS;sBAAoB,MAAM;yGAwBjF,CAAC;AAEF,eAAO,MAAM,aAAa;;;;YAAwB,SAAS;yGAe1D,CAAC;AAEF,eAAO,MAAM,aAAa;;;;YAChB,SAAS;sBACC,MAAM;aACf,QAAQ,GAAG,SAAS;2HA+B9B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;yGAkBjC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cACd,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc;YAC3D,SAAS;yGAsBlB,CAAC;AAKF,eAAO,MAAM,gBAAgB;;;YAGnB,SAAS;iBACJ,MAAM;gBACP,MAAM;UAcnB,CAAC"}
1
+ {"version":3,"file":"BaseNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA4GtD,eAAO,MAAM,aAAa;;;;eACb,OAAO;sBACA,MAAM;YAChB,SAAS;sBACC,MAAM;uBACL,MAAM;uBACN,MAAM;qBACR,MAAM;YACf,MAAM;aACL,MAAM;gBACH,OAAO;oBACH,aAAa;yGAuE9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;YAClB,MAAM;sBACI,MAAM;YAChB,SAAS;aACR,MAAM;YACP,MAAM;yGA0Cf,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;uBAAmC,OAAO;YAAU,SAAS;yGAiC1F,CAAC;AAEF,eAAO,MAAM,UAAU;;;;YAAwB,SAAS;sBAAoB,MAAM;yGA2BjF,CAAC;AAEF,eAAO,MAAM,aAAa;;;;YAAwB,SAAS;yGAiB1D,CAAC;AAEF,eAAO,MAAM,aAAa;;;;YAChB,SAAS;sBACC,MAAM;aACf,QAAQ,GAAG,SAAS;2HA+B9B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;yGAkBjC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cACd,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc;YAC3D,SAAS;yGAsBlB,CAAC;AAKF,eAAO,MAAM,gBAAgB;;;YAGnB,SAAS;iBACJ,MAAM;gBACP,MAAM;UAcnB,CAAC"}
package/dist/canvas/components/BaseNode/BaseNode.styles.js CHANGED
@@ -231,13 +231,16 @@ const BaseHeader = styled.div`
231
231
  `}
232
232
  line-height: 1.4;
233
233
  margin-bottom: 2px;
234
+ overflow: hidden;
234
235
  ${({ shape })=>'rectangle' === shape ? css`
235
236
  width: 100%;
236
237
  white-space: nowrap;
237
- overflow: hidden;
238
238
  text-overflow: ellipsis;
239
239
  ` : css`
240
240
  word-break: break-word;
241
+ display: -webkit-box;
242
+ -webkit-box-orient: vertical;
243
+ -webkit-line-clamp: 3;
241
244
  `}
242
245
  `;
243
246
  const BaseSubHeader = styled.div`
@@ -245,13 +248,15 @@ const BaseSubHeader = styled.div`
245
248
  color: var(--uix-canvas-foreground-de-emp);
246
249
  line-height: 1.3;
247
250
  word-break: break-word;
251
+ overflow: hidden;
252
+ display: -webkit-box;
253
+ -webkit-box-orient: vertical;
248
254
  ${({ shape })=>'rectangle' === shape ? css`
249
255
  width: 100%;
250
- display: -webkit-box;
251
- -webkit-box-orient: vertical;
252
256
  -webkit-line-clamp: 2;
253
- overflow: hidden;
254
- ` : ''}
257
+ ` : css`
258
+ -webkit-line-clamp: 5;
259
+ `}
255
260
  `;
256
261
  const EditableLabel = styled.textarea`
257
262
  resize: none;
package/dist/canvas/components/StageNode/StageNode.cjs CHANGED
@@ -667,7 +667,7 @@ const StageNodeInner = (props)=>{
667
667
  onTaskClick: handleTaskClick,
668
668
  projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
669
669
  isDragDisabled: !onTaskReorder,
670
- ...hasContextMenu && {
670
+ ...hasContextMenu && !isReadOnly && {
671
671
  getContextMenuItems: buildContextMenuItems
672
672
  }
673
673
  }, task.id);
@@ -707,7 +707,7 @@ const StageNodeInner = (props)=>{
707
707
  isSelected: selectedTaskId === task.id,
708
708
  onTaskClick: handleTaskClick,
709
709
  onTaskPlay: onTaskPlay,
710
- ...(onTaskGroupModification || onReplaceTaskFromToolbox) && {
710
+ ...(onTaskGroupModification || onReplaceTaskFromToolbox) && !isReadOnly && {
711
711
  getContextMenuItems: ()=>getAdhocContextMenuItems(groupIndex, taskIndex, task.id)
712
712
  }
713
713
  }, task.id);
package/dist/canvas/components/StageNode/StageNode.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAsxBxD,eAAO,MAAM,SAAS,8CAlwBS,cAAc,6CAkwBA,CAAC"}
1
+ {"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAwxBxD,eAAO,MAAM,SAAS,8CApwBS,cAAc,6CAowBA,CAAC"}
package/dist/canvas/components/StageNode/StageNode.js CHANGED
@@ -639,7 +639,7 @@ const StageNodeInner = (props)=>{
639
639
  onTaskClick: handleTaskClick,
640
640
  projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
641
641
  isDragDisabled: !onTaskReorder,
642
- ...hasContextMenu && {
642
+ ...hasContextMenu && !isReadOnly && {
643
643
  getContextMenuItems: buildContextMenuItems
644
644
  }
645
645
  }, task.id);
@@ -679,7 +679,7 @@ const StageNodeInner = (props)=>{
679
679
  isSelected: selectedTaskId === task.id,
680
680
  onTaskClick: handleTaskClick,
681
681
  onTaskPlay: onTaskPlay,
682
- ...(onTaskGroupModification || onReplaceTaskFromToolbox) && {
682
+ ...(onTaskGroupModification || onReplaceTaskFromToolbox) && !isReadOnly && {
683
683
  getContextMenuItems: ()=>getAdhocContextMenuItems(groupIndex, taskIndex, task.id)
684
684
  }
685
685
  }, task.id);
package/dist/canvas/components/StageNode/StageNode.stories.cjs CHANGED
@@ -1542,6 +1542,23 @@ const AddAndReplaceTasksStory = ()=>{
1542
1542
  data: {
1543
1543
  stageDetails: {
1544
1544
  label: 'Add, Replace, and Group Tasks',
1545
+ isReadOnly: false,
1546
+ tasks: initialTasksForAddReplace
1547
+ },
1548
+ taskOptions: availableTaskOptions
1549
+ }
1550
+ },
1551
+ {
1552
+ id: 'readonly-stage',
1553
+ type: 'stage',
1554
+ position: {
1555
+ x: 720,
1556
+ y: 96
1557
+ },
1558
+ data: {
1559
+ stageDetails: {
1560
+ label: 'ReadOnly Stage',
1561
+ isReadOnly: true,
1545
1562
  tasks: initialTasksForAddReplace
1546
1563
  },
1547
1564
  taskOptions: availableTaskOptions
package/dist/canvas/components/StageNode/StageNode.stories.d.ts.map CHANGED
@@ -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;AA2BvD,OAAO,EAAuB,KAAK,cAAc,EAAsB,MAAM,mBAAmB,CAAC;AAiDjG,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,cAAc,CA8C9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KAmHrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA6M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA8HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAmKpC,CAAC;AAyIF,eAAO,MAAM,uBAAuB,EAAE,KAMrC,CAAC;AA0WF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AA4GF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAqJF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA8LxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiO3B,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;AA2BvD,OAAO,EAAuB,KAAK,cAAc,EAAsB,MAAM,mBAAmB,CAAC;AAiDjG,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,cAAc,CA8C9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KAmHrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA6M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA8HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAmKpC,CAAC;AAyIF,eAAO,MAAM,uBAAuB,EAAE,KAMrC,CAAC;AAwXF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AA4GF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAqJF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA8LxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiO3B,CAAC"}
package/dist/canvas/components/StageNode/StageNode.stories.js CHANGED
@@ -1503,6 +1503,23 @@ const AddAndReplaceTasksStory = ()=>{
1503
1503
  data: {
1504
1504
  stageDetails: {
1505
1505
  label: 'Add, Replace, and Group Tasks',
1506
+ isReadOnly: false,
1507
+ tasks: initialTasksForAddReplace
1508
+ },
1509
+ taskOptions: availableTaskOptions
1510
+ }
1511
+ },
1512
+ {
1513
+ id: 'readonly-stage',
1514
+ type: 'stage',
1515
+ position: {
1516
+ x: 720,
1517
+ y: 96
1518
+ },
1519
+ data: {
1520
+ stageDetails: {
1521
+ label: 'ReadOnly Stage',
1522
+ isReadOnly: true,
1506
1523
  tasks: initialTasksForAddReplace
1507
1524
  },
1508
1525
  taskOptions: availableTaskOptions
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "3.70.1",
3
+ "version": "3.70.3",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",