@uipath/apollo-react 3.69.0 → 3.70.0
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/StageNode/AdhocTask.cjs +3 -67
- package/dist/canvas/components/StageNode/AdhocTask.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/AdhocTask.js +3 -57
- package/dist/canvas/components/StageNode/DraggableTask.cjs +5 -143
- package/dist/canvas/components/StageNode/DraggableTask.d.ts +1 -2
- package/dist/canvas/components/StageNode/DraggableTask.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/DraggableTask.js +5 -140
- package/dist/canvas/components/StageNode/DraggableTask.types.d.ts +0 -5
- package/dist/canvas/components/StageNode/DraggableTask.types.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNode.stories.cjs +63 -3
- package/dist/canvas/components/StageNode/StageNode.stories.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNode.stories.js +63 -3
- package/dist/canvas/components/StageNode/StageTaskDragOverlay.cjs +2 -2
- package/dist/canvas/components/StageNode/StageTaskDragOverlay.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageTaskDragOverlay.js +1 -1
- package/dist/canvas/components/StageNode/TaskContent.cjs +273 -0
- package/dist/canvas/components/StageNode/TaskContent.d.ts +9 -0
- package/dist/canvas/components/StageNode/TaskContent.d.ts.map +1 -0
- package/dist/canvas/components/StageNode/TaskContent.js +229 -0
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.cjs +17 -8
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.d.ts +5 -2
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.d.ts.map +1 -1
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.js +17 -8
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.stories.cjs +66 -2
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.stories.d.ts +1 -0
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.stories.d.ts.map +1 -1
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.stories.js +62 -1
- package/dist/canvas/icons/TimelinePlayIcon.cjs +1 -1
- package/dist/canvas/icons/TimelinePlayIcon.js +1 -1
- package/dist/canvas/icons/index.cjs +1 -5
- package/dist/canvas/icons/index.d.ts +0 -1
- package/dist/canvas/icons/index.d.ts.map +1 -1
- package/dist/canvas/icons/index.js +1 -2
- package/package.json +2 -2
- package/dist/canvas/icons/PlayIcon.cjs +0 -46
- package/dist/canvas/icons/PlayIcon.d.ts +0 -5
- package/dist/canvas/icons/PlayIcon.d.ts.map +0 -1
- package/dist/canvas/icons/PlayIcon.js +0 -12
|
@@ -58,7 +58,7 @@ const external_useMarkdownShortcuts_cjs_namespaceObject = require("./useMarkdown
|
|
|
58
58
|
const external_useScrollCapture_cjs_namespaceObject = require("./useScrollCapture.cjs");
|
|
59
59
|
const minWidth = 8 * external_constants_cjs_namespaceObject.GRID_SPACING;
|
|
60
60
|
const minHeight = 8 * external_constants_cjs_namespaceObject.GRID_SPACING;
|
|
61
|
-
const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = 'Add text', renderPlaceholderOnSelect = false })=>{
|
|
61
|
+
const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = 'Add text', renderPlaceholderOnSelect = false, onContentChange, onColorChange, onResize })=>{
|
|
62
62
|
const { updateNodeData, deleteElements } = (0, react_cjs_namespaceObject.useReactFlow)();
|
|
63
63
|
const [isEditing, setIsEditing] = (0, external_react_namespaceObject.useState)(data.autoFocus ?? false);
|
|
64
64
|
const [isResizing, setIsResizing] = (0, external_react_namespaceObject.useState)(false);
|
|
@@ -116,14 +116,18 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
|
|
|
116
116
|
]);
|
|
117
117
|
const handleBlur = (0, external_react_namespaceObject.useCallback)(()=>{
|
|
118
118
|
setIsEditing(false);
|
|
119
|
-
if (localContent !== data.content)
|
|
120
|
-
|
|
121
|
-
|
|
119
|
+
if (localContent !== data.content) {
|
|
120
|
+
onContentChange?.(localContent);
|
|
121
|
+
updateNodeData(id, {
|
|
122
|
+
content: localContent
|
|
123
|
+
});
|
|
124
|
+
}
|
|
122
125
|
}, [
|
|
123
126
|
id,
|
|
124
127
|
localContent,
|
|
125
128
|
data.content,
|
|
126
|
-
updateNodeData
|
|
129
|
+
updateNodeData,
|
|
130
|
+
onContentChange
|
|
127
131
|
]);
|
|
128
132
|
const handleChange = (0, external_react_namespaceObject.useCallback)((e)=>{
|
|
129
133
|
setLocalContent(e.target.value);
|
|
@@ -179,17 +183,22 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
|
|
|
179
183
|
const handleResizeStart = (0, external_react_namespaceObject.useCallback)(()=>{
|
|
180
184
|
setIsResizing(true);
|
|
181
185
|
}, []);
|
|
182
|
-
const handleResizeEnd = (0, external_react_namespaceObject.useCallback)(()=>{
|
|
186
|
+
const handleResizeEnd = (0, external_react_namespaceObject.useCallback)((_event, params)=>{
|
|
183
187
|
setIsResizing(false);
|
|
184
|
-
|
|
188
|
+
onResize?.(params.width, params.height);
|
|
189
|
+
}, [
|
|
190
|
+
onResize
|
|
191
|
+
]);
|
|
185
192
|
const handleColorChange = (0, external_react_namespaceObject.useCallback)((newColor)=>{
|
|
193
|
+
onColorChange?.(newColor);
|
|
186
194
|
updateNodeData(id, {
|
|
187
195
|
color: newColor
|
|
188
196
|
});
|
|
189
197
|
setIsColorPickerOpen(false);
|
|
190
198
|
}, [
|
|
191
199
|
id,
|
|
192
|
-
updateNodeData
|
|
200
|
+
updateNodeData,
|
|
201
|
+
onColorChange
|
|
193
202
|
]);
|
|
194
203
|
const handleToggleColorPicker = (0, external_react_namespaceObject.useCallback)(()=>{
|
|
195
204
|
setIsColorPickerOpen((prev)=>!prev);
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import type { NodeProps } from '../../xyflow/react.ts';
|
|
2
|
-
import type { StickyNoteData } from './StickyNoteNode.types';
|
|
2
|
+
import type { StickyNoteColor, StickyNoteData } from './StickyNoteNode.types';
|
|
3
3
|
export interface StickyNoteNodeProps extends NodeProps {
|
|
4
4
|
data: StickyNoteData;
|
|
5
5
|
placeholder?: string;
|
|
6
6
|
renderPlaceholderOnSelect?: boolean;
|
|
7
|
+
onContentChange?: (content: string) => void;
|
|
8
|
+
onColorChange?: (color: StickyNoteColor) => void;
|
|
9
|
+
onResize?: (width: number, height: number) => void;
|
|
7
10
|
}
|
|
8
|
-
export declare const StickyNoteNode: import("react").MemoExoticComponent<({ id, data, selected, dragging, placeholder, renderPlaceholderOnSelect, }: StickyNoteNodeProps) => import("react/jsx-runtime").JSX.Element>;
|
|
11
|
+
export declare const StickyNoteNode: import("react").MemoExoticComponent<({ id, data, selected, dragging, placeholder, renderPlaceholderOnSelect, onContentChange, onColorChange, onResize, }: StickyNoteNodeProps) => import("react/jsx-runtime").JSX.Element>;
|
|
9
12
|
//# sourceMappingURL=StickyNoteNode.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyNoteNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;
|
|
1
|
+
{"version":3,"file":"StickyNoteNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA+B1E,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAiB,MAAM,wBAAwB,CAAC;AAM7F,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAsYD,eAAO,MAAM,cAAc,4JAvXxB,mBAAmB,6CAuXqC,CAAC"}
|
|
@@ -18,7 +18,7 @@ import { useMarkdownShortcuts } from "./useMarkdownShortcuts.js";
|
|
|
18
18
|
import { useScrollCapture } from "./useScrollCapture.js";
|
|
19
19
|
const minWidth = 8 * GRID_SPACING;
|
|
20
20
|
const minHeight = 8 * GRID_SPACING;
|
|
21
|
-
const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = 'Add text', renderPlaceholderOnSelect = false })=>{
|
|
21
|
+
const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = 'Add text', renderPlaceholderOnSelect = false, onContentChange, onColorChange, onResize })=>{
|
|
22
22
|
const { updateNodeData, deleteElements } = useReactFlow();
|
|
23
23
|
const [isEditing, setIsEditing] = useState(data.autoFocus ?? false);
|
|
24
24
|
const [isResizing, setIsResizing] = useState(false);
|
|
@@ -76,14 +76,18 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
|
|
|
76
76
|
]);
|
|
77
77
|
const handleBlur = useCallback(()=>{
|
|
78
78
|
setIsEditing(false);
|
|
79
|
-
if (localContent !== data.content)
|
|
80
|
-
|
|
81
|
-
|
|
79
|
+
if (localContent !== data.content) {
|
|
80
|
+
onContentChange?.(localContent);
|
|
81
|
+
updateNodeData(id, {
|
|
82
|
+
content: localContent
|
|
83
|
+
});
|
|
84
|
+
}
|
|
82
85
|
}, [
|
|
83
86
|
id,
|
|
84
87
|
localContent,
|
|
85
88
|
data.content,
|
|
86
|
-
updateNodeData
|
|
89
|
+
updateNodeData,
|
|
90
|
+
onContentChange
|
|
87
91
|
]);
|
|
88
92
|
const handleChange = useCallback((e)=>{
|
|
89
93
|
setLocalContent(e.target.value);
|
|
@@ -139,17 +143,22 @@ const StickyNoteNodeComponent = ({ id, data, selected, dragging, placeholder = '
|
|
|
139
143
|
const handleResizeStart = useCallback(()=>{
|
|
140
144
|
setIsResizing(true);
|
|
141
145
|
}, []);
|
|
142
|
-
const handleResizeEnd = useCallback(()=>{
|
|
146
|
+
const handleResizeEnd = useCallback((_event, params)=>{
|
|
143
147
|
setIsResizing(false);
|
|
144
|
-
|
|
148
|
+
onResize?.(params.width, params.height);
|
|
149
|
+
}, [
|
|
150
|
+
onResize
|
|
151
|
+
]);
|
|
145
152
|
const handleColorChange = useCallback((newColor)=>{
|
|
153
|
+
onColorChange?.(newColor);
|
|
146
154
|
updateNodeData(id, {
|
|
147
155
|
color: newColor
|
|
148
156
|
});
|
|
149
157
|
setIsColorPickerOpen(false);
|
|
150
158
|
}, [
|
|
151
159
|
id,
|
|
152
|
-
updateNodeData
|
|
160
|
+
updateNodeData,
|
|
161
|
+
onColorChange
|
|
153
162
|
]);
|
|
154
163
|
const handleToggleColorPicker = useCallback(()=>{
|
|
155
164
|
setIsColorPickerOpen((prev)=>!prev);
|
|
@@ -24,9 +24,10 @@ var __webpack_require__ = {};
|
|
|
24
24
|
var __webpack_exports__ = {};
|
|
25
25
|
__webpack_require__.r(__webpack_exports__);
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
|
|
27
|
+
WithCallbacks: ()=>WithCallbacks,
|
|
28
|
+
Default: ()=>Default,
|
|
28
29
|
default: ()=>StickyNoteNode_stories,
|
|
29
|
-
|
|
30
|
+
WithBaseNodes: ()=>WithBaseNodes
|
|
30
31
|
});
|
|
31
32
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
32
33
|
const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
|
|
@@ -46,9 +47,42 @@ const meta = {
|
|
|
46
47
|
]
|
|
47
48
|
};
|
|
48
49
|
const StickyNoteNode_stories = meta;
|
|
50
|
+
const StickyNoteWithCallbacks = (props)=>{
|
|
51
|
+
const handleContentChange = (content)=>{
|
|
52
|
+
console.log('📝 Content changed:', {
|
|
53
|
+
nodeId: props.id,
|
|
54
|
+
content,
|
|
55
|
+
timestamp: new Date().toISOString()
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
const handleColorChange = (color)=>{
|
|
59
|
+
console.log('🎨 Color changed:', {
|
|
60
|
+
nodeId: props.id,
|
|
61
|
+
color,
|
|
62
|
+
timestamp: new Date().toISOString()
|
|
63
|
+
});
|
|
64
|
+
};
|
|
65
|
+
const handleResize = (width, height)=>{
|
|
66
|
+
console.log('📏 Resized:', {
|
|
67
|
+
nodeId: props.id,
|
|
68
|
+
width,
|
|
69
|
+
height,
|
|
70
|
+
timestamp: new Date().toISOString()
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StickyNoteNode_cjs_namespaceObject.StickyNoteNode, {
|
|
74
|
+
...props,
|
|
75
|
+
onContentChange: handleContentChange,
|
|
76
|
+
onColorChange: handleColorChange,
|
|
77
|
+
onResize: handleResize
|
|
78
|
+
});
|
|
79
|
+
};
|
|
49
80
|
const nodeTypes = {
|
|
50
81
|
stickyNote: external_StickyNoteNode_cjs_namespaceObject.StickyNoteNode
|
|
51
82
|
};
|
|
83
|
+
const nodeTypesWithCallbacks = {
|
|
84
|
+
stickyNote: StickyNoteWithCallbacks
|
|
85
|
+
};
|
|
52
86
|
function createStickyNote(id, color, content, position, size = {
|
|
53
87
|
width: 250,
|
|
54
88
|
height: 150
|
|
@@ -469,18 +503,48 @@ function WithBaseNodesStory() {
|
|
|
469
503
|
})
|
|
470
504
|
});
|
|
471
505
|
}
|
|
506
|
+
function WithCallbacksStory() {
|
|
507
|
+
const initialNodes = (0, external_react_namespaceObject.useMemo)(()=>[
|
|
508
|
+
createStickyNote('sticky-test-1', 'yellow', '**Test Callbacks!**\n\n1. Double-click to edit content\n2. Click the color button to change color\n3. Drag corners to resize\n\nOpen the browser console to see logs! 🔍', {
|
|
509
|
+
x: 480,
|
|
510
|
+
y: 480
|
|
511
|
+
}, {
|
|
512
|
+
width: 320,
|
|
513
|
+
height: 320
|
|
514
|
+
})
|
|
515
|
+
], []);
|
|
516
|
+
const { canvasProps } = (0, index_cjs_namespaceObject.useCanvasStory)({
|
|
517
|
+
initialNodes,
|
|
518
|
+
additionalNodeTypes: nodeTypesWithCallbacks
|
|
519
|
+
});
|
|
520
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseCanvas_index_cjs_namespaceObject.BaseCanvas, {
|
|
521
|
+
...canvasProps,
|
|
522
|
+
mode: "design",
|
|
523
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Panel, {
|
|
524
|
+
position: "bottom-right",
|
|
525
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasPositionControls_cjs_namespaceObject.CanvasPositionControls, {
|
|
526
|
+
translations: external_types_cjs_namespaceObject.DefaultCanvasTranslations
|
|
527
|
+
})
|
|
528
|
+
})
|
|
529
|
+
});
|
|
530
|
+
}
|
|
472
531
|
const Default = {
|
|
473
532
|
render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DefaultStory, {})
|
|
474
533
|
};
|
|
475
534
|
const WithBaseNodes = {
|
|
476
535
|
render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WithBaseNodesStory, {})
|
|
477
536
|
};
|
|
537
|
+
const WithCallbacks = {
|
|
538
|
+
render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WithCallbacksStory, {})
|
|
539
|
+
};
|
|
478
540
|
exports.Default = __webpack_exports__.Default;
|
|
479
541
|
exports.WithBaseNodes = __webpack_exports__.WithBaseNodes;
|
|
542
|
+
exports.WithCallbacks = __webpack_exports__.WithCallbacks;
|
|
480
543
|
exports["default"] = __webpack_exports__["default"];
|
|
481
544
|
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
482
545
|
"Default",
|
|
483
546
|
"WithBaseNodes",
|
|
547
|
+
"WithCallbacks",
|
|
484
548
|
"default"
|
|
485
549
|
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
486
550
|
Object.defineProperty(exports, '__esModule', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyNoteNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAe5D,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"StickyNoteNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StickyNoteNode/StickyNoteNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAe5D,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA6anC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC"}
|
|
@@ -16,9 +16,42 @@ const meta = {
|
|
|
16
16
|
]
|
|
17
17
|
};
|
|
18
18
|
const StickyNoteNode_stories = meta;
|
|
19
|
+
const StickyNoteWithCallbacks = (props)=>{
|
|
20
|
+
const handleContentChange = (content)=>{
|
|
21
|
+
console.log('📝 Content changed:', {
|
|
22
|
+
nodeId: props.id,
|
|
23
|
+
content,
|
|
24
|
+
timestamp: new Date().toISOString()
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
|
+
const handleColorChange = (color)=>{
|
|
28
|
+
console.log('🎨 Color changed:', {
|
|
29
|
+
nodeId: props.id,
|
|
30
|
+
color,
|
|
31
|
+
timestamp: new Date().toISOString()
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
const handleResize = (width, height)=>{
|
|
35
|
+
console.log('📏 Resized:', {
|
|
36
|
+
nodeId: props.id,
|
|
37
|
+
width,
|
|
38
|
+
height,
|
|
39
|
+
timestamp: new Date().toISOString()
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
return /*#__PURE__*/ jsx(StickyNoteNode, {
|
|
43
|
+
...props,
|
|
44
|
+
onContentChange: handleContentChange,
|
|
45
|
+
onColorChange: handleColorChange,
|
|
46
|
+
onResize: handleResize
|
|
47
|
+
});
|
|
48
|
+
};
|
|
19
49
|
const nodeTypes = {
|
|
20
50
|
stickyNote: StickyNoteNode
|
|
21
51
|
};
|
|
52
|
+
const nodeTypesWithCallbacks = {
|
|
53
|
+
stickyNote: StickyNoteWithCallbacks
|
|
54
|
+
};
|
|
22
55
|
function createStickyNote(id, color, content, position, size = {
|
|
23
56
|
width: 250,
|
|
24
57
|
height: 150
|
|
@@ -439,10 +472,38 @@ function WithBaseNodesStory() {
|
|
|
439
472
|
})
|
|
440
473
|
});
|
|
441
474
|
}
|
|
475
|
+
function WithCallbacksStory() {
|
|
476
|
+
const initialNodes = useMemo(()=>[
|
|
477
|
+
createStickyNote('sticky-test-1', 'yellow', '**Test Callbacks!**\n\n1. Double-click to edit content\n2. Click the color button to change color\n3. Drag corners to resize\n\nOpen the browser console to see logs! 🔍', {
|
|
478
|
+
x: 480,
|
|
479
|
+
y: 480
|
|
480
|
+
}, {
|
|
481
|
+
width: 320,
|
|
482
|
+
height: 320
|
|
483
|
+
})
|
|
484
|
+
], []);
|
|
485
|
+
const { canvasProps } = useCanvasStory({
|
|
486
|
+
initialNodes,
|
|
487
|
+
additionalNodeTypes: nodeTypesWithCallbacks
|
|
488
|
+
});
|
|
489
|
+
return /*#__PURE__*/ jsx(BaseCanvas, {
|
|
490
|
+
...canvasProps,
|
|
491
|
+
mode: "design",
|
|
492
|
+
children: /*#__PURE__*/ jsx(Panel, {
|
|
493
|
+
position: "bottom-right",
|
|
494
|
+
children: /*#__PURE__*/ jsx(CanvasPositionControls, {
|
|
495
|
+
translations: DefaultCanvasTranslations
|
|
496
|
+
})
|
|
497
|
+
})
|
|
498
|
+
});
|
|
499
|
+
}
|
|
442
500
|
const Default = {
|
|
443
501
|
render: ()=>/*#__PURE__*/ jsx(DefaultStory, {})
|
|
444
502
|
};
|
|
445
503
|
const WithBaseNodes = {
|
|
446
504
|
render: ()=>/*#__PURE__*/ jsx(WithBaseNodesStory, {})
|
|
447
505
|
};
|
|
448
|
-
|
|
506
|
+
const WithCallbacks = {
|
|
507
|
+
render: ()=>/*#__PURE__*/ jsx(WithCallbacksStory, {})
|
|
508
|
+
};
|
|
509
|
+
export { Default, WithBaseNodes, WithCallbacks, StickyNoteNode_stories as default };
|
|
@@ -27,7 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
27
27
|
TimelinePlayIcon: ()=>TimelinePlayIcon
|
|
28
28
|
});
|
|
29
29
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
-
const TimelinePlayIcon = ({ w = 24, h = 25, color = '
|
|
30
|
+
const TimelinePlayIcon = ({ w = 24, h = 25, color = 'currentColor' })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
|
|
31
31
|
"data-testid": "timeline-play-icon",
|
|
32
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
33
33
|
width: w,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
const TimelinePlayIcon = ({ w = 24, h = 25, color = '
|
|
2
|
+
const TimelinePlayIcon = ({ w = 24, h = 25, color = 'currentColor' })=>/*#__PURE__*/ jsx("svg", {
|
|
3
3
|
"data-testid": "timeline-play-icon",
|
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5
5
|
width: w,
|
|
@@ -59,9 +59,8 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
59
59
|
DataTransformFlattenIcon: ()=>external_DataTransformFlattenIcon_cjs_namespaceObject.DataTransformFlattenIcon,
|
|
60
60
|
EntryConditionIcon: ()=>external_EntryConditionIcon_cjs_namespaceObject.EntryConditionIcon,
|
|
61
61
|
AutonomousAgentIcon: ()=>external_AutonomousAgentIcon_cjs_namespaceObject.AutonomousAgentIcon,
|
|
62
|
-
PlayIcon: ()=>external_PlayIcon_cjs_namespaceObject.PlayIcon,
|
|
63
|
-
CaseManagementProject: ()=>external_CaseManagementProject_cjs_namespaceObject.CaseManagementProject,
|
|
64
62
|
UiPathIcon: ()=>external_UiPathIcon_cjs_namespaceObject.UiPathIcon,
|
|
63
|
+
CaseManagementProject: ()=>external_CaseManagementProject_cjs_namespaceObject.CaseManagementProject,
|
|
65
64
|
ExitConditionIcon: ()=>external_ExitConditionIcon_cjs_namespaceObject.ExitConditionIcon,
|
|
66
65
|
AgentIcon: ()=>external_AgentIcon_cjs_namespaceObject.AgentIcon,
|
|
67
66
|
WebAppProject: ()=>external_WebAppProject_cjs_namespaceObject.WebAppProject,
|
|
@@ -104,7 +103,6 @@ const external_McpIcon_cjs_namespaceObject = require("./McpIcon.cjs");
|
|
|
104
103
|
const external_MemoryIcon_cjs_namespaceObject = require("./MemoryIcon.cjs");
|
|
105
104
|
const external_OpenAIIcon_cjs_namespaceObject = require("./OpenAIIcon.cjs");
|
|
106
105
|
const external_OrganizeIcon_cjs_namespaceObject = require("./OrganizeIcon.cjs");
|
|
107
|
-
const external_PlayIcon_cjs_namespaceObject = require("./PlayIcon.cjs");
|
|
108
106
|
const external_ReturnToOriginIcon_cjs_namespaceObject = require("./ReturnToOriginIcon.cjs");
|
|
109
107
|
const external_RpaProject_cjs_namespaceObject = require("./RpaProject.cjs");
|
|
110
108
|
const external_ScriptTaskIcon_cjs_namespaceObject = require("./ScriptTaskIcon.cjs");
|
|
@@ -150,7 +148,6 @@ exports.McpIcon = __webpack_exports__.McpIcon;
|
|
|
150
148
|
exports.MemoryIcon = __webpack_exports__.MemoryIcon;
|
|
151
149
|
exports.OpenAIIcon = __webpack_exports__.OpenAIIcon;
|
|
152
150
|
exports.OrganizeIcon = __webpack_exports__.OrganizeIcon;
|
|
153
|
-
exports.PlayIcon = __webpack_exports__.PlayIcon;
|
|
154
151
|
exports.ReturnToOriginIcon = __webpack_exports__.ReturnToOriginIcon;
|
|
155
152
|
exports.RpaProject = __webpack_exports__.RpaProject;
|
|
156
153
|
exports.ScriptTaskIcon = __webpack_exports__.ScriptTaskIcon;
|
|
@@ -197,7 +194,6 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
|
197
194
|
"MemoryIcon",
|
|
198
195
|
"OpenAIIcon",
|
|
199
196
|
"OrganizeIcon",
|
|
200
|
-
"PlayIcon",
|
|
201
197
|
"ReturnToOriginIcon",
|
|
202
198
|
"RpaProject",
|
|
203
199
|
"ScriptTaskIcon",
|
|
@@ -31,7 +31,6 @@ export { McpIcon } from './McpIcon';
|
|
|
31
31
|
export { MemoryIcon } from './MemoryIcon';
|
|
32
32
|
export { OpenAIIcon } from './OpenAIIcon';
|
|
33
33
|
export { OrganizeIcon } from './OrganizeIcon';
|
|
34
|
-
export { PlayIcon } from './PlayIcon';
|
|
35
34
|
export { ReturnToOriginIcon } from './ReturnToOriginIcon';
|
|
36
35
|
export { RpaProject } from './RpaProject';
|
|
37
36
|
export { ScriptTaskIcon } from './ScriptTaskIcon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -31,7 +31,6 @@ import { McpIcon } from "./McpIcon.js";
|
|
|
31
31
|
import { MemoryIcon } from "./MemoryIcon.js";
|
|
32
32
|
import { OpenAIIcon } from "./OpenAIIcon.js";
|
|
33
33
|
import { OrganizeIcon } from "./OrganizeIcon.js";
|
|
34
|
-
import { PlayIcon } from "./PlayIcon.js";
|
|
35
34
|
import { ReturnToOriginIcon } from "./ReturnToOriginIcon.js";
|
|
36
35
|
import { RpaProject } from "./RpaProject.js";
|
|
37
36
|
import { ScriptTaskIcon } from "./ScriptTaskIcon.js";
|
|
@@ -44,4 +43,4 @@ import { WebAppProject } from "./WebAppProject.js";
|
|
|
44
43
|
import { ZoomInIcon } from "./ZoomInIcon.js";
|
|
45
44
|
import { ZoomOutIcon } from "./ZoomOutIcon.js";
|
|
46
45
|
import { ZoomToFitIcon } from "./ZoomToFitIcon.js";
|
|
47
|
-
export { A2aIcon, AgentDiagramIcon, AgentIcon, AgentProject, AnthropicIcon, ApiProject, AutonomousAgentIcon, BusinessProcessProject, CaseManagementProject, CodedAgentIcon, ConnectorBuilderProject, ControlFlowIcon, ConversationalAgentIcon, DataAndTools, DataTransformExtractIcon, DataTransformFilterIcon, DataTransformFlattenIcon, DataTransformGroupIcon, DataTransformIcon, DataTransformMapIcon, DecisionIcon, EntryConditionIcon, ExitConditionIcon, FlaskRunIcon, FlowProject, GoogleIcon, HealthScoreIcon, HumanIcon, LoopIcon, McpIcon, MemoryIcon, OpenAIIcon, OrganizeIcon,
|
|
46
|
+
export { A2aIcon, AgentDiagramIcon, AgentIcon, AgentProject, AnthropicIcon, ApiProject, AutonomousAgentIcon, BusinessProcessProject, CaseManagementProject, CodedAgentIcon, ConnectorBuilderProject, ControlFlowIcon, ConversationalAgentIcon, DataAndTools, DataTransformExtractIcon, DataTransformFilterIcon, DataTransformFlattenIcon, DataTransformGroupIcon, DataTransformIcon, DataTransformMapIcon, DecisionIcon, EntryConditionIcon, ExitConditionIcon, FlaskRunIcon, FlowProject, GoogleIcon, HealthScoreIcon, HumanIcon, LoopIcon, McpIcon, MemoryIcon, OpenAIIcon, OrganizeIcon, ReturnToOriginIcon, RpaProject, ScriptTaskIcon, SwitchIcon, TimelinePauseIcon, TimelinePlayIcon, TimelineProgressIcon, UiPathIcon, WebAppProject, ZoomInIcon, ZoomOutIcon, ZoomToFitIcon };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uipath/apollo-react",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.70.0",
|
|
4
4
|
"description": "Apollo Design System - React component library with Material UI theming",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
"debounce": "^3.0.0",
|
|
182
182
|
"html-to-image": "^1.11.11",
|
|
183
183
|
"katex": "^0.16.27",
|
|
184
|
-
"lodash": "^4.
|
|
184
|
+
"lodash": "^4.18.1",
|
|
185
185
|
"lucide-react": "^0.555.0",
|
|
186
186
|
"luxon": "^3.7.1",
|
|
187
187
|
"mermaid": "^11.13.0",
|
|
@@ -1,46 +0,0 @@
|
|
|
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
|
-
PlayIcon: ()=>PlayIcon
|
|
28
|
-
});
|
|
29
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
-
const PlayIcon = ({ w = 16, h = 16 })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
|
|
31
|
-
width: w,
|
|
32
|
-
height: h,
|
|
33
|
-
viewBox: "0 0 24 24",
|
|
34
|
-
fill: "currentColor",
|
|
35
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
36
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
|
|
37
|
-
d: "M8 5v14l11-7z"
|
|
38
|
-
})
|
|
39
|
-
});
|
|
40
|
-
exports.PlayIcon = __webpack_exports__.PlayIcon;
|
|
41
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
42
|
-
"PlayIcon"
|
|
43
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
44
|
-
Object.defineProperty(exports, '__esModule', {
|
|
45
|
-
value: true
|
|
46
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PlayIcon.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/PlayIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GAAI,UAAoB;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,4CAYxF,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
const PlayIcon = ({ w = 16, h = 16 })=>/*#__PURE__*/ jsx("svg", {
|
|
3
|
-
width: w,
|
|
4
|
-
height: h,
|
|
5
|
-
viewBox: "0 0 24 24",
|
|
6
|
-
fill: "currentColor",
|
|
7
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
-
children: /*#__PURE__*/ jsx("path", {
|
|
9
|
-
d: "M8 5v14l11-7z"
|
|
10
|
-
})
|
|
11
|
-
});
|
|
12
|
-
export { PlayIcon };
|