@uipath/apollo-react 3.64.0-pr431.76f87cc → 3.64.0-pr431.cb6b0b8

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 (9) hide show
  1. package/dist/canvas/components/StageNode/StageNode.cjs +3 -30
  2. package/dist/canvas/components/StageNode/StageNode.d.ts +1 -1
  3. package/dist/canvas/components/StageNode/StageNode.d.ts.map +1 -1
  4. package/dist/canvas/components/StageNode/StageNode.js +7 -34
  5. package/dist/canvas/components/StageNode/StageTaskDragOverlay.cjs +68 -0
  6. package/dist/canvas/components/StageNode/StageTaskDragOverlay.d.ts +3 -0
  7. package/dist/canvas/components/StageNode/StageTaskDragOverlay.d.ts.map +1 -0
  8. package/dist/canvas/components/StageNode/StageTaskDragOverlay.js +34 -0
  9. package/package.json +1 -1
package/dist/canvas/components/StageNode/StageNode.cjs CHANGED
@@ -34,7 +34,6 @@ const index_cjs_namespaceObject = require("../../layouts/index.cjs");
34
34
  const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
35
35
  const external_material_index_cjs_namespaceObject = require("../../../material/index.cjs");
36
36
  const external_react_namespaceObject = require("react");
37
- const external_react_dom_namespaceObject = require("react-dom");
38
37
  const external_icons_index_cjs_namespaceObject = require("../../icons/index.cjs");
39
38
  const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
40
39
  const useButtonHandles_cjs_namespaceObject = require("../ButtonHandle/useButtonHandles.cjs");
@@ -48,6 +47,7 @@ const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.style
48
47
  const external_StageNode_types_cjs_namespaceObject = require("./StageNode.types.cjs");
49
48
  const external_StageNode_utils_cjs_namespaceObject = require("./StageNode.utils.cjs");
50
49
  const external_StageNodeTaskUtilities_cjs_namespaceObject = require("./StageNodeTaskUtilities.cjs");
50
+ const external_StageTaskDragOverlay_cjs_namespaceObject = require("./StageTaskDragOverlay.cjs");
51
51
  const CHIP_ICONS = {
52
52
  [external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.Entry]: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icons_index_cjs_namespaceObject.EntryConditionIcon, {
53
53
  w: apollo_core_namespaceObject.Icon.IconXs,
@@ -70,32 +70,6 @@ const CHIP_ICONS = {
70
70
  size: apollo_core_namespaceObject.Icon.IconXs
71
71
  })
72
72
  };
73
- const StageNode_StageTaskDragOverlay = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function({ activeTask, isActiveTaskParallel, taskWidthStyle }) {
74
- const { zoom } = (0, react_cjs_namespaceObject.useViewport)();
75
- const dragOverlayStyle = (0, external_react_namespaceObject.useMemo)(()=>({
76
- transform: `scale(${zoom})`,
77
- transformOrigin: 'top left'
78
- }), [
79
- zoom
80
- ]);
81
- return /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(core_namespaceObject.DragOverlay, {
82
- children: activeTask ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
83
- style: dragOverlayStyle,
84
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTask, {
85
- selected: true,
86
- isParallel: isActiveTaskParallel,
87
- style: {
88
- cursor: 'grabbing',
89
- ...taskWidthStyle
90
- },
91
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DraggableTask_cjs_namespaceObject.TaskContent, {
92
- task: activeTask,
93
- isDragging: true
94
- })
95
- })
96
- }) : null
97
- }), document.body);
98
- });
99
73
  const StageNodeInner = (props)=>{
100
74
  const { dragging, selected, id, width, execution, stageDetails, addTaskLabel = 'Add task', addTaskLoading = false, replaceTaskLabel = 'Replace task', taskOptions = [], menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay } = props;
101
75
  const taskWidth = width ? width - external_StageNode_styles_cjs_namespaceObject.STAGE_CONTENT_INSET : void 0;
@@ -629,7 +603,7 @@ const StageNodeInner = (props)=>{
629
603
  })
630
604
  })
631
605
  }),
632
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StageNode_StageTaskDragOverlay, {
606
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageTaskDragOverlay_cjs_namespaceObject.StageTaskDragOverlay, {
633
607
  activeTask: activeTask,
634
608
  isActiveTaskParallel: isActiveTaskParallel,
635
609
  taskWidthStyle: taskWidthStyle
@@ -688,7 +662,7 @@ const StageNodeInner = (props)=>{
688
662
  });
689
663
  };
690
664
  const StageNodeInnerMemo = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(StageNodeInner);
691
- const StageNodeComponent = ({ dragging, selected, id, width, execution, stageDetails, addTaskLabel, addTaskLoading, replaceTaskLabel, taskOptions, menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StageNodeInnerMemo, {
665
+ const StageNode = ({ dragging, selected, id, width, execution, stageDetails, addTaskLabel, addTaskLoading, replaceTaskLabel, taskOptions, menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StageNodeInnerMemo, {
692
666
  dragging: dragging,
693
667
  selected: selected,
694
668
  id: id,
@@ -712,7 +686,6 @@ const StageNodeComponent = ({ dragging, selected, id, width, execution, stageDet
712
686
  onReplaceTaskFromToolbox: onReplaceTaskFromToolbox,
713
687
  onTaskPlay: onTaskPlay
714
688
  });
715
- const StageNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(StageNodeComponent);
716
689
  exports.StageNode = __webpack_exports__.StageNode;
717
690
  for(var __rspack_i in __webpack_exports__)if (-1 === [
718
691
  "StageNode"
package/dist/canvas/components/StageNode/StageNode.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import type { StageNodeProps } from './StageNode.types';
2
- export declare const StageNode: import("react").MemoExoticComponent<({ dragging, selected, id, width, execution, stageDetails, addTaskLabel, addTaskLoading, replaceTaskLabel, taskOptions, menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay, }: StageNodeProps) => import("react/jsx-runtime").JSX.Element>;
2
+ export declare const StageNode: ({ dragging, selected, id, width, execution, stageDetails, addTaskLabel, addTaskLoading, replaceTaskLabel, taskOptions, menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay, }: StageNodeProps) => import("react/jsx-runtime").JSX.Element;
3
3
  //# sourceMappingURL=StageNode.d.ts.map
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,EAEV,cAAc,EAEf,MAAM,mBAAmB,CAAC;AA4vB3B,eAAO,MAAM,SAAS,mXA7BnB,cAAc,6CA6BgC,CAAC"}
1
+ {"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAuB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAyqB7E,eAAO,MAAM,SAAS,GAAI,4UAuBvB,cAAc,4CA2BhB,CAAC"}
package/dist/canvas/components/StageNode/StageNode.js CHANGED
@@ -1,12 +1,11 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
2
+ import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
3
3
  import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
4
4
  import { FontVariantToken, Icon, Padding, Spacing } from "@uipath/apollo-core";
5
5
  import { Column, Row } from "../../layouts/index.js";
6
- import { Position, useStore, useStoreApi, useViewport } from "../../xyflow/react.js";
6
+ import { Position, useStore, useStoreApi } from "../../xyflow/react.js";
7
7
  import { ApIcon, ApIconButton, ApLink, ApTooltip, ApTypography } from "../../../material/index.js";
8
8
  import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
9
- import { createPortal } from "react-dom";
10
9
  import { EntryConditionIcon, ExitConditionIcon, ReturnToOriginIcon } from "../../icons/index.js";
11
10
  import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
12
11
  import { useButtonHandles } from "../ButtonHandle/useButtonHandles.js";
@@ -15,11 +14,12 @@ import { FloatingCanvasPanel } from "../FloatingCanvasPanel/index.js";
15
14
  import { NodeContextMenu } from "../NodeContextMenu/index.js";
16
15
  import { useSetNodeSelection } from "../NodePropertiesPanel/hooks/index.js";
17
16
  import { Toolbox } from "../Toolbox/index.js";
18
- import { DraggableTask, TaskContent } from "./DraggableTask.js";
19
- import { INDENTATION_WIDTH, STAGE_CONTENT_INSET, StageChip, StageContainer, StageContent, StageHeader, StageHeaderChipsRow, StageParallelBracket, StageParallelLabel, StageTask, StageTaskGroup, StageTaskList, StageTitleContainer, StageTitleInput } from "./StageNode.styles.js";
17
+ import { DraggableTask } from "./DraggableTask.js";
18
+ import { INDENTATION_WIDTH, STAGE_CONTENT_INSET, StageChip, StageContainer, StageContent, StageHeader, StageHeaderChipsRow, StageParallelBracket, StageParallelLabel, StageTaskGroup, StageTaskList, StageTitleContainer, StageTitleInput } from "./StageNode.styles.js";
20
19
  import { StageHeaderChipType } from "./StageNode.types.js";
21
20
  import { flattenTasks, getProjection, reorderTasks } from "./StageNode.utils.js";
22
21
  import { getContextMenuItems, getDivider, getMenuItem } from "./StageNodeTaskUtilities.js";
22
+ import { StageTaskDragOverlay } from "./StageTaskDragOverlay.js";
23
23
  const CHIP_ICONS = {
24
24
  [StageHeaderChipType.Entry]: /*#__PURE__*/ jsx(EntryConditionIcon, {
25
25
  w: Icon.IconXs,
@@ -42,32 +42,6 @@ const CHIP_ICONS = {
42
42
  size: Icon.IconXs
43
43
  })
44
44
  };
45
- const StageNode_StageTaskDragOverlay = /*#__PURE__*/ memo(function({ activeTask, isActiveTaskParallel, taskWidthStyle }) {
46
- const { zoom } = useViewport();
47
- const dragOverlayStyle = useMemo(()=>({
48
- transform: `scale(${zoom})`,
49
- transformOrigin: 'top left'
50
- }), [
51
- zoom
52
- ]);
53
- return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(DragOverlay, {
54
- children: activeTask ? /*#__PURE__*/ jsx("div", {
55
- style: dragOverlayStyle,
56
- children: /*#__PURE__*/ jsx(StageTask, {
57
- selected: true,
58
- isParallel: isActiveTaskParallel,
59
- style: {
60
- cursor: 'grabbing',
61
- ...taskWidthStyle
62
- },
63
- children: /*#__PURE__*/ jsx(TaskContent, {
64
- task: activeTask,
65
- isDragging: true
66
- })
67
- })
68
- }) : null
69
- }), document.body);
70
- });
71
45
  const StageNodeInner = (props)=>{
72
46
  const { dragging, selected, id, width, execution, stageDetails, addTaskLabel = 'Add task', addTaskLoading = false, replaceTaskLabel = 'Replace task', taskOptions = [], menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay } = props;
73
47
  const taskWidth = width ? width - STAGE_CONTENT_INSET : void 0;
@@ -601,7 +575,7 @@ const StageNodeInner = (props)=>{
601
575
  })
602
576
  })
603
577
  }),
604
- /*#__PURE__*/ jsx(StageNode_StageTaskDragOverlay, {
578
+ /*#__PURE__*/ jsx(StageTaskDragOverlay, {
605
579
  activeTask: activeTask,
606
580
  isActiveTaskParallel: isActiveTaskParallel,
607
581
  taskWidthStyle: taskWidthStyle
@@ -660,7 +634,7 @@ const StageNodeInner = (props)=>{
660
634
  });
661
635
  };
662
636
  const StageNodeInnerMemo = /*#__PURE__*/ memo(StageNodeInner);
663
- const StageNodeComponent = ({ dragging, selected, id, width, execution, stageDetails, addTaskLabel, addTaskLoading, replaceTaskLabel, taskOptions, menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay })=>/*#__PURE__*/ jsx(StageNodeInnerMemo, {
637
+ const StageNode = ({ dragging, selected, id, width, execution, stageDetails, addTaskLabel, addTaskLoading, replaceTaskLabel, taskOptions, menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay })=>/*#__PURE__*/ jsx(StageNodeInnerMemo, {
664
638
  dragging: dragging,
665
639
  selected: selected,
666
640
  id: id,
@@ -684,5 +658,4 @@ const StageNodeComponent = ({ dragging, selected, id, width, execution, stageDet
684
658
  onReplaceTaskFromToolbox: onReplaceTaskFromToolbox,
685
659
  onTaskPlay: onTaskPlay
686
660
  });
687
- const StageNode = /*#__PURE__*/ memo(StageNodeComponent);
688
661
  export { StageNode };
package/dist/canvas/components/StageNode/StageTaskDragOverlay.cjs ADDED
@@ -0,0 +1,68 @@
1
+ "use strict";
2
+ var __webpack_require__ = {};
3
+ (()=>{
4
+ __webpack_require__.d = (exports1, definition)=>{
5
+ for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
6
+ enumerable: true,
7
+ get: definition[key]
8
+ });
9
+ };
10
+ })();
11
+ (()=>{
12
+ __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
13
+ })();
14
+ (()=>{
15
+ __webpack_require__.r = (exports1)=>{
16
+ if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
17
+ value: 'Module'
18
+ });
19
+ Object.defineProperty(exports1, '__esModule', {
20
+ value: true
21
+ });
22
+ };
23
+ })();
24
+ var __webpack_exports__ = {};
25
+ __webpack_require__.r(__webpack_exports__);
26
+ __webpack_require__.d(__webpack_exports__, {
27
+ StageTaskDragOverlay: ()=>StageTaskDragOverlay
28
+ });
29
+ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
30
+ const core_namespaceObject = require("@dnd-kit/core");
31
+ const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
32
+ const external_react_namespaceObject = require("react");
33
+ const external_react_dom_namespaceObject = require("react-dom");
34
+ const external_DraggableTask_cjs_namespaceObject = require("./DraggableTask.cjs");
35
+ const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
36
+ const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle })=>{
37
+ const { zoom } = (0, react_cjs_namespaceObject.useViewport)();
38
+ const dragOverlayStyle = (0, external_react_namespaceObject.useMemo)(()=>({
39
+ transform: `scale(${zoom})`,
40
+ transformOrigin: 'top left'
41
+ }), [
42
+ zoom
43
+ ]);
44
+ return /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(core_namespaceObject.DragOverlay, {
45
+ children: activeTask ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
46
+ style: dragOverlayStyle,
47
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTask, {
48
+ selected: true,
49
+ isParallel: isActiveTaskParallel,
50
+ style: {
51
+ cursor: 'grabbing',
52
+ ...taskWidthStyle
53
+ },
54
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DraggableTask_cjs_namespaceObject.TaskContent, {
55
+ task: activeTask,
56
+ isDragging: true
57
+ })
58
+ })
59
+ }) : null
60
+ }), document.body);
61
+ };
62
+ exports.StageTaskDragOverlay = __webpack_exports__.StageTaskDragOverlay;
63
+ for(var __rspack_i in __webpack_exports__)if (-1 === [
64
+ "StageTaskDragOverlay"
65
+ ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
66
+ Object.defineProperty(exports, '__esModule', {
67
+ value: true
68
+ });
package/dist/canvas/components/StageNode/StageTaskDragOverlay.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { StageTaskDragOverlayProps } from './StageNode.types';
2
+ export declare const StageTaskDragOverlay: ({ activeTask, isActiveTaskParallel, taskWidthStyle, }: StageTaskDragOverlayProps) => import("react").ReactPortal;
3
+ //# sourceMappingURL=StageTaskDragOverlay.d.ts.map
package/dist/canvas/components/StageNode/StageTaskDragOverlay.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StageTaskDragOverlay.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageTaskDragOverlay.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,oBAAoB,GAAI,uDAIlC,yBAAyB,gCA0B3B,CAAC"}
package/dist/canvas/components/StageNode/StageTaskDragOverlay.js ADDED
@@ -0,0 +1,34 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { DragOverlay } from "@dnd-kit/core";
3
+ import { useViewport } from "../../xyflow/react.js";
4
+ import { useMemo } from "react";
5
+ import { createPortal } from "react-dom";
6
+ import { TaskContent } from "./DraggableTask.js";
7
+ import { StageTask } from "./StageNode.styles.js";
8
+ const StageTaskDragOverlay = ({ activeTask, isActiveTaskParallel, taskWidthStyle })=>{
9
+ const { zoom } = useViewport();
10
+ const dragOverlayStyle = useMemo(()=>({
11
+ transform: `scale(${zoom})`,
12
+ transformOrigin: 'top left'
13
+ }), [
14
+ zoom
15
+ ]);
16
+ return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(DragOverlay, {
17
+ children: activeTask ? /*#__PURE__*/ jsx("div", {
18
+ style: dragOverlayStyle,
19
+ children: /*#__PURE__*/ jsx(StageTask, {
20
+ selected: true,
21
+ isParallel: isActiveTaskParallel,
22
+ style: {
23
+ cursor: 'grabbing',
24
+ ...taskWidthStyle
25
+ },
26
+ children: /*#__PURE__*/ jsx(TaskContent, {
27
+ task: activeTask,
28
+ isDragging: true
29
+ })
30
+ })
31
+ }) : null
32
+ }), document.body);
33
+ };
34
+ export { StageTaskDragOverlay };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "3.64.0-pr431.76f87cc",
3
+ "version": "3.64.0-pr431.cb6b0b8",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",