@uipath/apollo-react 3.63.0 → 3.64.0-pr431.76f87cc
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/CanvasPerformance.stories.cjs +361 -0
- package/dist/canvas/components/CanvasPerformance.stories.d.ts +6 -0
- package/dist/canvas/components/CanvasPerformance.stories.d.ts.map +1 -0
- package/dist/canvas/components/CanvasPerformance.stories.js +324 -0
- package/dist/canvas/components/NodePropertiesPanel/hooks/index.cjs +4 -1
- package/dist/canvas/components/NodePropertiesPanel/hooks/index.d.ts +1 -1
- package/dist/canvas/components/NodePropertiesPanel/hooks/index.d.ts.map +1 -1
- package/dist/canvas/components/NodePropertiesPanel/hooks/index.js +2 -2
- package/dist/canvas/components/NodePropertiesPanel/hooks/useNodeSelection.cjs +27 -6
- package/dist/canvas/components/NodePropertiesPanel/hooks/useNodeSelection.d.ts +3 -0
- package/dist/canvas/components/NodePropertiesPanel/hooks/useNodeSelection.d.ts.map +1 -1
- package/dist/canvas/components/NodePropertiesPanel/hooks/useNodeSelection.js +23 -5
- package/dist/canvas/components/StageNode/DraggableTask.cjs +14 -5
- package/dist/canvas/components/StageNode/DraggableTask.d.ts +1 -1
- package/dist/canvas/components/StageNode/DraggableTask.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/DraggableTask.js +14 -5
- package/dist/canvas/components/StageNode/DraggableTask.types.d.ts +3 -3
- package/dist/canvas/components/StageNode/DraggableTask.types.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageEdge.cjs +34 -11
- package/dist/canvas/components/StageNode/StageEdge.d.ts +2 -1
- package/dist/canvas/components/StageNode/StageEdge.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageEdge.js +35 -12
- package/dist/canvas/components/StageNode/StageNode.cjs +125 -45
- package/dist/canvas/components/StageNode/StageNode.d.ts +1 -1
- package/dist/canvas/components/StageNode/StageNode.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNode.js +129 -49
- package/dist/canvas/components/StageNode/StageNode.stories.cjs +321 -158
- package/dist/canvas/components/StageNode/StageNode.stories.d.ts +1 -0
- package/dist/canvas/components/StageNode/StageNode.stories.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNode.stories.js +314 -154
- package/dist/canvas/components/StageNode/StageNode.stories.utils.cjs +42 -0
- package/dist/canvas/components/StageNode/StageNode.stories.utils.d.ts +3 -0
- package/dist/canvas/components/StageNode/StageNode.stories.utils.d.ts.map +1 -0
- package/dist/canvas/components/StageNode/StageNode.stories.utils.js +8 -0
- package/dist/canvas/components/StageNode/StageNode.styles.cjs +35 -2
- package/dist/canvas/components/StageNode/StageNode.styles.d.ts +8 -0
- package/dist/canvas/components/StageNode/StageNode.styles.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNode.styles.js +28 -1
- package/dist/canvas/components/StageNode/StageNode.types.cjs +26 -1
- package/dist/canvas/components/StageNode/StageNode.types.d.ts +23 -1
- package/dist/canvas/components/StageNode/StageNode.types.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNode.types.js +9 -0
- package/dist/canvas/components/StageNode/TaskMenu.cjs +13 -17
- package/dist/canvas/components/StageNode/TaskMenu.d.ts +1 -2
- package/dist/canvas/components/StageNode/TaskMenu.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/TaskMenu.js +14 -18
- package/dist/canvas/components/Toolbox/Toolbox.cjs +3 -3
- package/dist/canvas/components/Toolbox/Toolbox.d.ts +3 -1
- package/dist/canvas/components/Toolbox/Toolbox.d.ts.map +1 -1
- package/dist/canvas/components/Toolbox/Toolbox.js +3 -3
- package/dist/canvas/icons/ExitConditionIcon.cjs +49 -0
- package/dist/canvas/icons/ExitConditionIcon.d.ts +5 -0
- package/dist/canvas/icons/ExitConditionIcon.d.ts.map +1 -0
- package/dist/canvas/icons/ExitConditionIcon.js +15 -0
- package/dist/canvas/icons/ReturnToOriginIcon.cjs +50 -0
- package/dist/canvas/icons/ReturnToOriginIcon.d.ts +5 -0
- package/dist/canvas/icons/ReturnToOriginIcon.d.ts.map +1 -0
- package/dist/canvas/icons/ReturnToOriginIcon.js +16 -0
- package/dist/canvas/icons/index.cjs +8 -0
- package/dist/canvas/icons/index.d.ts +2 -0
- package/dist/canvas/icons/index.d.ts.map +1 -1
- package/dist/canvas/icons/index.js +3 -1
- package/package.json +3 -3
|
@@ -36,13 +36,15 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
36
36
|
StageTask: ()=>StageTask,
|
|
37
37
|
STAGE_CONTENT_PADDING_X: ()=>STAGE_CONTENT_PADDING_X,
|
|
38
38
|
StageContainer: ()=>StageContainer,
|
|
39
|
+
StageChip: ()=>StageChip,
|
|
40
|
+
StageHeaderChipsRow: ()=>StageHeaderChipsRow,
|
|
41
|
+
StageContent: ()=>StageContent,
|
|
39
42
|
StageTaskDragPlaceholderWrapper: ()=>StageTaskDragPlaceholderWrapper,
|
|
40
43
|
StageTaskWrapper: ()=>StageTaskWrapper,
|
|
41
|
-
StageContent: ()=>StageContent,
|
|
42
|
-
StageTitleInput: ()=>StageTitleInput,
|
|
43
44
|
StageParallelLabel: ()=>StageParallelLabel,
|
|
44
45
|
StageTaskIcon: ()=>StageTaskIcon,
|
|
45
46
|
StageParallelBracket: ()=>StageParallelBracket,
|
|
47
|
+
StageTitleInput: ()=>StageTitleInput,
|
|
46
48
|
STAGE_BORDER_WIDTH: ()=>STAGE_BORDER_WIDTH,
|
|
47
49
|
StageTaskDragPlaceholder: ()=>StageTaskDragPlaceholder,
|
|
48
50
|
StageTitleContainer: ()=>StageTitleContainer,
|
|
@@ -266,6 +268,33 @@ const StageTaskDragPlaceholderWrapper = styled_default().div`
|
|
|
266
268
|
width: var(--stage-task-width, 246px);
|
|
267
269
|
height: 36px;
|
|
268
270
|
`;
|
|
271
|
+
const StageHeaderChipsRow = styled_default().div`
|
|
272
|
+
display: flex;
|
|
273
|
+
flex-wrap: wrap;
|
|
274
|
+
gap: ${apollo_core_namespaceObject.Padding.PadS};
|
|
275
|
+
margin-top: ${apollo_core_namespaceObject.Spacing.SpacingXs};
|
|
276
|
+
`;
|
|
277
|
+
const StageChip = styled_default().button`
|
|
278
|
+
display: inline-flex;
|
|
279
|
+
align-items: center;
|
|
280
|
+
justify-content: center;
|
|
281
|
+
gap: ${apollo_core_namespaceObject.Padding.PadS};
|
|
282
|
+
padding: ${apollo_core_namespaceObject.Padding.PadXs} ${apollo_core_namespaceObject.Spacing.SpacingXs};
|
|
283
|
+
border-radius: 10px;
|
|
284
|
+
border: 1px solid var(--uix-canvas-border-de-emp);
|
|
285
|
+
background: transparent;
|
|
286
|
+
color: var(--uix-canvas-foreground);
|
|
287
|
+
cursor: pointer;
|
|
288
|
+
|
|
289
|
+
&:hover {
|
|
290
|
+
background: var(--color-background-hover);
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
&:focus-visible {
|
|
294
|
+
outline: 2px solid var(--uix-canvas-primary);
|
|
295
|
+
outline-offset: 2px;
|
|
296
|
+
}
|
|
297
|
+
`;
|
|
269
298
|
const StageTaskDragPlaceholder = styled_default().div`
|
|
270
299
|
display: flex;
|
|
271
300
|
align-items: center;
|
|
@@ -282,9 +311,11 @@ exports.INDENTATION_WIDTH = __webpack_exports__.INDENTATION_WIDTH;
|
|
|
282
311
|
exports.STAGE_BORDER_WIDTH = __webpack_exports__.STAGE_BORDER_WIDTH;
|
|
283
312
|
exports.STAGE_CONTENT_INSET = __webpack_exports__.STAGE_CONTENT_INSET;
|
|
284
313
|
exports.STAGE_CONTENT_PADDING_X = __webpack_exports__.STAGE_CONTENT_PADDING_X;
|
|
314
|
+
exports.StageChip = __webpack_exports__.StageChip;
|
|
285
315
|
exports.StageContainer = __webpack_exports__.StageContainer;
|
|
286
316
|
exports.StageContent = __webpack_exports__.StageContent;
|
|
287
317
|
exports.StageHeader = __webpack_exports__.StageHeader;
|
|
318
|
+
exports.StageHeaderChipsRow = __webpack_exports__.StageHeaderChipsRow;
|
|
288
319
|
exports.StageParallelBracket = __webpack_exports__.StageParallelBracket;
|
|
289
320
|
exports.StageParallelLabel = __webpack_exports__.StageParallelLabel;
|
|
290
321
|
exports.StageTask = __webpack_exports__.StageTask;
|
|
@@ -302,9 +333,11 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
|
302
333
|
"STAGE_BORDER_WIDTH",
|
|
303
334
|
"STAGE_CONTENT_INSET",
|
|
304
335
|
"STAGE_CONTENT_PADDING_X",
|
|
336
|
+
"StageChip",
|
|
305
337
|
"StageContainer",
|
|
306
338
|
"StageContent",
|
|
307
339
|
"StageHeader",
|
|
340
|
+
"StageHeaderChipsRow",
|
|
308
341
|
"StageParallelBracket",
|
|
309
342
|
"StageParallelLabel",
|
|
310
343
|
"StageTask",
|
|
@@ -82,6 +82,14 @@ export declare const StageTaskDragPlaceholderWrapper: import("@emotion/styled").
|
|
|
82
82
|
theme?: import("@emotion/react").Theme;
|
|
83
83
|
as?: React.ElementType;
|
|
84
84
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
85
|
+
export declare const StageHeaderChipsRow: import("@emotion/styled").StyledComponent<{
|
|
86
|
+
theme?: import("@emotion/react").Theme;
|
|
87
|
+
as?: React.ElementType;
|
|
88
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
89
|
+
export declare const StageChip: import("@emotion/styled").StyledComponent<{
|
|
90
|
+
theme?: import("@emotion/react").Theme;
|
|
91
|
+
as?: React.ElementType;
|
|
92
|
+
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
85
93
|
export declare const StageTaskDragPlaceholder: import("@emotion/styled").StyledComponent<{
|
|
86
94
|
theme?: import("@emotion/react").Theme;
|
|
87
95
|
as?: React.ElementType;
|
|
@@ -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;yGAOlE,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"}
|
|
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;yGAOlE,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,mBAAmB;;;yGAK/B,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAoBrB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;uBAAmC,OAAO;yGAW9E,CAAC"}
|
|
@@ -210,6 +210,33 @@ const StageTaskDragPlaceholderWrapper = styled.div`
|
|
|
210
210
|
width: var(--stage-task-width, 246px);
|
|
211
211
|
height: 36px;
|
|
212
212
|
`;
|
|
213
|
+
const StageHeaderChipsRow = styled.div`
|
|
214
|
+
display: flex;
|
|
215
|
+
flex-wrap: wrap;
|
|
216
|
+
gap: ${Padding.PadS};
|
|
217
|
+
margin-top: ${Spacing.SpacingXs};
|
|
218
|
+
`;
|
|
219
|
+
const StageChip = styled.button`
|
|
220
|
+
display: inline-flex;
|
|
221
|
+
align-items: center;
|
|
222
|
+
justify-content: center;
|
|
223
|
+
gap: ${Padding.PadS};
|
|
224
|
+
padding: ${Padding.PadXs} ${Spacing.SpacingXs};
|
|
225
|
+
border-radius: 10px;
|
|
226
|
+
border: 1px solid var(--uix-canvas-border-de-emp);
|
|
227
|
+
background: transparent;
|
|
228
|
+
color: var(--uix-canvas-foreground);
|
|
229
|
+
cursor: pointer;
|
|
230
|
+
|
|
231
|
+
&:hover {
|
|
232
|
+
background: var(--color-background-hover);
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
&:focus-visible {
|
|
236
|
+
outline: 2px solid var(--uix-canvas-primary);
|
|
237
|
+
outline-offset: 2px;
|
|
238
|
+
}
|
|
239
|
+
`;
|
|
213
240
|
const StageTaskDragPlaceholder = styled.div`
|
|
214
241
|
display: flex;
|
|
215
242
|
align-items: center;
|
|
@@ -222,4 +249,4 @@ const StageTaskDragPlaceholder = styled.div`
|
|
|
222
249
|
height: 100%;
|
|
223
250
|
width: ${({ isTargetParallel })=>isTargetParallel ? 'var(--stage-task-width-parallel, 216px)' : 'var(--stage-task-width, 246px)'};
|
|
224
251
|
`;
|
|
225
|
-
export { INDENTATION_WIDTH, STAGE_BORDER_WIDTH, STAGE_CONTENT_INSET, STAGE_CONTENT_PADDING_X, StageContainer, StageContent, StageHeader, StageParallelBracket, StageParallelLabel, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskGroup, StageTaskIcon, StageTaskList, StageTaskRetryDuration, StageTaskWrapper, StageTitleContainer, StageTitleInput };
|
|
252
|
+
export { INDENTATION_WIDTH, STAGE_BORDER_WIDTH, STAGE_CONTENT_INSET, STAGE_CONTENT_PADDING_X, StageChip, StageContainer, StageContent, StageHeader, StageHeaderChipsRow, StageParallelBracket, StageParallelLabel, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskGroup, StageTaskIcon, StageTaskList, StageTaskRetryDuration, StageTaskWrapper, StageTitleContainer, StageTitleInput };
|
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
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
|
+
})();
|
|
3
14
|
(()=>{
|
|
4
15
|
__webpack_require__.r = (exports1)=>{
|
|
5
16
|
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
@@ -12,7 +23,21 @@ var __webpack_require__ = {};
|
|
|
12
23
|
})();
|
|
13
24
|
var __webpack_exports__ = {};
|
|
14
25
|
__webpack_require__.r(__webpack_exports__);
|
|
15
|
-
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
StageHeaderChipType: ()=>StageHeaderChipType
|
|
28
|
+
});
|
|
29
|
+
let StageHeaderChipType = /*#__PURE__*/ function(StageHeaderChipType) {
|
|
30
|
+
StageHeaderChipType["Entry"] = "entry";
|
|
31
|
+
StageHeaderChipType["Exit"] = "exit";
|
|
32
|
+
StageHeaderChipType["ReturnToOrigin"] = "returnToOrigin";
|
|
33
|
+
StageHeaderChipType["CaseExit"] = "caseExit";
|
|
34
|
+
StageHeaderChipType["CaseCompletion"] = "caseCompletion";
|
|
35
|
+
return StageHeaderChipType;
|
|
36
|
+
}({});
|
|
37
|
+
exports.StageHeaderChipType = __webpack_exports__.StageHeaderChipType;
|
|
38
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
39
|
+
"StageHeaderChipType"
|
|
40
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
16
41
|
Object.defineProperty(exports, '__esModule', {
|
|
17
42
|
value: true
|
|
18
43
|
});
|
|
@@ -21,7 +21,20 @@ export interface StageTaskItem {
|
|
|
21
21
|
icon?: React.ReactElement;
|
|
22
22
|
isAdhoc?: boolean;
|
|
23
23
|
}
|
|
24
|
-
export
|
|
24
|
+
export declare enum StageHeaderChipType {
|
|
25
|
+
Entry = "entry",
|
|
26
|
+
Exit = "exit",
|
|
27
|
+
ReturnToOrigin = "returnToOrigin",
|
|
28
|
+
CaseExit = "caseExit",
|
|
29
|
+
CaseCompletion = "caseCompletion"
|
|
30
|
+
}
|
|
31
|
+
export interface StageHeaderChip {
|
|
32
|
+
type: StageHeaderChipType;
|
|
33
|
+
count?: number;
|
|
34
|
+
tooltip?: React.ReactNode;
|
|
35
|
+
onClick?: () => void;
|
|
36
|
+
}
|
|
37
|
+
export interface StageNodeBaseProps {
|
|
25
38
|
dragging: boolean;
|
|
26
39
|
selected: boolean;
|
|
27
40
|
id: string;
|
|
@@ -38,6 +51,7 @@ export interface StageNodeProps extends NodeProps {
|
|
|
38
51
|
isReadOnly?: boolean;
|
|
39
52
|
tasks: StageTaskItem[][];
|
|
40
53
|
selectedTaskId?: string;
|
|
54
|
+
headerChips?: StageHeaderChip[];
|
|
41
55
|
};
|
|
42
56
|
addTaskLabel?: string;
|
|
43
57
|
addTaskLoading?: boolean;
|
|
@@ -63,6 +77,9 @@ export interface StageNodeProps extends NodeProps {
|
|
|
63
77
|
onReplaceTaskFromToolbox?: (newTask: ListItem, groupIndex: number, taskIndex: number) => void;
|
|
64
78
|
onTaskPlay?: (taskId: string) => Promise<void>;
|
|
65
79
|
}
|
|
80
|
+
export interface StageNodeProps extends NodeProps, StageNodeBaseProps {
|
|
81
|
+
}
|
|
82
|
+
export type StageNodeInnerProps = StageNodeBaseProps & Pick<NodeProps, 'width'>;
|
|
66
83
|
export interface StageTaskExecution {
|
|
67
84
|
status?: StageTaskStatus;
|
|
68
85
|
message?: string;
|
|
@@ -73,5 +90,10 @@ export interface StageTaskExecution {
|
|
|
73
90
|
badgeStatus?: 'warning' | 'info' | 'error';
|
|
74
91
|
retryCount?: number;
|
|
75
92
|
}
|
|
93
|
+
export interface StageTaskDragOverlayProps {
|
|
94
|
+
activeTask: StageTaskItem | undefined;
|
|
95
|
+
isActiveTaskParallel: boolean;
|
|
96
|
+
taskWidthStyle: React.CSSProperties | undefined;
|
|
97
|
+
}
|
|
76
98
|
export {};
|
|
77
99
|
//# sourceMappingURL=StageNode.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StageNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEjE,aAAK,mBAAmB;IACtB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,mBAAmB,EAAE,CAAC;AACnD,MAAM,MAAM,eAAe,GAAG,GAAG,mBAAmB,EAAE,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"StageNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
let StageNode_types_StageHeaderChipType = /*#__PURE__*/ function(StageHeaderChipType) {
|
|
2
|
+
StageHeaderChipType["Entry"] = "entry";
|
|
3
|
+
StageHeaderChipType["Exit"] = "exit";
|
|
4
|
+
StageHeaderChipType["ReturnToOrigin"] = "returnToOrigin";
|
|
5
|
+
StageHeaderChipType["CaseExit"] = "caseExit";
|
|
6
|
+
StageHeaderChipType["CaseCompletion"] = "caseCompletion";
|
|
7
|
+
return StageHeaderChipType;
|
|
8
|
+
}({});
|
|
9
|
+
export { StageNode_types_StageHeaderChipType as StageHeaderChipType };
|
|
@@ -41,24 +41,30 @@ var apollo_core_default = /*#__PURE__*/ __webpack_require__.n(apollo_core_namesp
|
|
|
41
41
|
const index_cjs_namespaceObject = require("../../../material/index.cjs");
|
|
42
42
|
const external_react_namespaceObject = require("react");
|
|
43
43
|
const external_StageNodeTaskUtilities_cjs_namespaceObject = require("./StageNodeTaskUtilities.cjs");
|
|
44
|
-
const TaskMenuComponent = ({ taskId,
|
|
45
|
-
const [isMenuOpen, setIsMenuOpen] = (0, external_react_namespaceObject.useState)(false);
|
|
44
|
+
const TaskMenuComponent = ({ taskId, getContextMenuItems, onMenuOpenChange, taskRef }, ref)=>{
|
|
46
45
|
const [anchorElement, setAnchorElement] = (0, external_react_namespaceObject.useState)(null);
|
|
47
46
|
const menuAnchorRef = (0, external_react_namespaceObject.useRef)(null);
|
|
47
|
+
const isMenuOpen = null !== anchorElement;
|
|
48
|
+
const [menuItems, setMenuItems] = (0, external_react_namespaceObject.useState)([]);
|
|
48
49
|
const handleMenuClose = (0, external_react_namespaceObject.useCallback)(()=>{
|
|
49
|
-
setIsMenuOpen(false);
|
|
50
50
|
setAnchorElement(null);
|
|
51
51
|
onMenuOpenChange?.(false);
|
|
52
52
|
}, [
|
|
53
53
|
onMenuOpenChange
|
|
54
54
|
]);
|
|
55
|
+
const handleMenuItemClick = (0, external_react_namespaceObject.useCallback)((item)=>{
|
|
56
|
+
item.onClick();
|
|
57
|
+
handleMenuClose();
|
|
58
|
+
}, [
|
|
59
|
+
handleMenuClose
|
|
60
|
+
]);
|
|
55
61
|
const openMenu = (0, external_react_namespaceObject.useCallback)((anchor)=>{
|
|
56
62
|
setAnchorElement(anchor);
|
|
57
|
-
|
|
58
|
-
onMenuOpen?.();
|
|
63
|
+
setMenuItems((0, external_StageNodeTaskUtilities_cjs_namespaceObject.transformMenuItems)(getContextMenuItems(), handleMenuItemClick));
|
|
59
64
|
onMenuOpenChange?.(true);
|
|
60
65
|
}, [
|
|
61
|
-
|
|
66
|
+
getContextMenuItems,
|
|
67
|
+
handleMenuItemClick,
|
|
62
68
|
onMenuOpenChange
|
|
63
69
|
]);
|
|
64
70
|
const handleMenuClick = (0, external_react_namespaceObject.useCallback)((e)=>{
|
|
@@ -86,16 +92,6 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
|
|
|
86
92
|
const handleMenuMouseDown = (0, external_react_namespaceObject.useCallback)((e)=>{
|
|
87
93
|
e.stopPropagation();
|
|
88
94
|
}, []);
|
|
89
|
-
const handleMenuItemClick = (0, external_react_namespaceObject.useCallback)((item)=>{
|
|
90
|
-
item.onClick();
|
|
91
|
-
handleMenuClose();
|
|
92
|
-
}, [
|
|
93
|
-
handleMenuClose
|
|
94
|
-
]);
|
|
95
|
-
const transformedMenuItems = (0, external_react_namespaceObject.useMemo)(()=>(0, external_StageNodeTaskUtilities_cjs_namespaceObject.transformMenuItems)(contextMenuItems, handleMenuItemClick), [
|
|
96
|
-
contextMenuItems,
|
|
97
|
-
handleMenuItemClick
|
|
98
|
-
]);
|
|
99
95
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
|
|
100
96
|
children: [
|
|
101
97
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApIconButton, {
|
|
@@ -118,7 +114,7 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
|
|
|
118
114
|
}),
|
|
119
115
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApMenu, {
|
|
120
116
|
isOpen: isMenuOpen,
|
|
121
|
-
menuItems:
|
|
117
|
+
menuItems: menuItems,
|
|
122
118
|
anchorEl: anchorElement,
|
|
123
119
|
onClose: handleMenuClose,
|
|
124
120
|
anchorOrigin: {
|
|
@@ -4,9 +4,8 @@ export interface TaskMenuHandle {
|
|
|
4
4
|
}
|
|
5
5
|
interface TaskMenuProps {
|
|
6
6
|
taskId: string;
|
|
7
|
-
|
|
7
|
+
getContextMenuItems: () => NodeMenuItem[];
|
|
8
8
|
onMenuOpenChange?: (isOpen: boolean) => void;
|
|
9
|
-
onMenuOpen?: () => void;
|
|
10
9
|
taskRef?: React.RefObject<HTMLElement | null>;
|
|
11
10
|
}
|
|
12
11
|
export declare const TaskMenu: import("react").NamedExoticComponent<TaskMenuProps & import("react").RefAttributes<TaskMenuHandle>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TaskMenu.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/TaskMenu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TaskMenu.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/TaskMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvE,MAAM,WAAW,cAAc;IAC7B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,MAAM,YAAY,EAAE,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC/C;AAiHD,eAAO,MAAM,QAAQ,qGAAsC,CAAC"}
|
|
@@ -1,26 +1,32 @@
|
|
|
1
1
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import apollo_core, { Spacing } from "@uipath/apollo-core";
|
|
3
3
|
import { ApIcon, ApIconButton, ApMenu } from "../../../material/index.js";
|
|
4
|
-
import { forwardRef, memo, useCallback, useImperativeHandle,
|
|
4
|
+
import { forwardRef, memo, useCallback, useImperativeHandle, useRef, useState } from "react";
|
|
5
5
|
import { transformMenuItems } from "./StageNodeTaskUtilities.js";
|
|
6
|
-
const TaskMenuComponent = ({ taskId,
|
|
7
|
-
const [isMenuOpen, setIsMenuOpen] = useState(false);
|
|
6
|
+
const TaskMenuComponent = ({ taskId, getContextMenuItems, onMenuOpenChange, taskRef }, ref)=>{
|
|
8
7
|
const [anchorElement, setAnchorElement] = useState(null);
|
|
9
8
|
const menuAnchorRef = useRef(null);
|
|
9
|
+
const isMenuOpen = null !== anchorElement;
|
|
10
|
+
const [menuItems, setMenuItems] = useState([]);
|
|
10
11
|
const handleMenuClose = useCallback(()=>{
|
|
11
|
-
setIsMenuOpen(false);
|
|
12
12
|
setAnchorElement(null);
|
|
13
13
|
onMenuOpenChange?.(false);
|
|
14
14
|
}, [
|
|
15
15
|
onMenuOpenChange
|
|
16
16
|
]);
|
|
17
|
+
const handleMenuItemClick = useCallback((item)=>{
|
|
18
|
+
item.onClick();
|
|
19
|
+
handleMenuClose();
|
|
20
|
+
}, [
|
|
21
|
+
handleMenuClose
|
|
22
|
+
]);
|
|
17
23
|
const openMenu = useCallback((anchor)=>{
|
|
18
24
|
setAnchorElement(anchor);
|
|
19
|
-
|
|
20
|
-
onMenuOpen?.();
|
|
25
|
+
setMenuItems(transformMenuItems(getContextMenuItems(), handleMenuItemClick));
|
|
21
26
|
onMenuOpenChange?.(true);
|
|
22
27
|
}, [
|
|
23
|
-
|
|
28
|
+
getContextMenuItems,
|
|
29
|
+
handleMenuItemClick,
|
|
24
30
|
onMenuOpenChange
|
|
25
31
|
]);
|
|
26
32
|
const handleMenuClick = useCallback((e)=>{
|
|
@@ -48,16 +54,6 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
|
|
|
48
54
|
const handleMenuMouseDown = useCallback((e)=>{
|
|
49
55
|
e.stopPropagation();
|
|
50
56
|
}, []);
|
|
51
|
-
const handleMenuItemClick = useCallback((item)=>{
|
|
52
|
-
item.onClick();
|
|
53
|
-
handleMenuClose();
|
|
54
|
-
}, [
|
|
55
|
-
handleMenuClose
|
|
56
|
-
]);
|
|
57
|
-
const transformedMenuItems = useMemo(()=>transformMenuItems(contextMenuItems, handleMenuItemClick), [
|
|
58
|
-
contextMenuItems,
|
|
59
|
-
handleMenuItemClick
|
|
60
|
-
]);
|
|
61
57
|
return /*#__PURE__*/ jsxs(Fragment, {
|
|
62
58
|
children: [
|
|
63
59
|
/*#__PURE__*/ jsx(ApIconButton, {
|
|
@@ -80,7 +76,7 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
|
|
|
80
76
|
}),
|
|
81
77
|
/*#__PURE__*/ jsx(ApMenu, {
|
|
82
78
|
isOpen: isMenuOpen,
|
|
83
|
-
menuItems:
|
|
79
|
+
menuItems: menuItems,
|
|
84
80
|
anchorEl: anchorElement,
|
|
85
81
|
onClose: handleMenuClose,
|
|
86
82
|
anchorOrigin: {
|
|
@@ -79,7 +79,7 @@ function searchLeafItems(items, query) {
|
|
|
79
79
|
}
|
|
80
80
|
return results;
|
|
81
81
|
}
|
|
82
|
-
function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading }) {
|
|
82
|
+
function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth = false, fullHeight = false }) {
|
|
83
83
|
const [items, setItems] = (0, external_react_namespaceObject.useState)(initialItems);
|
|
84
84
|
const [search, setSearch] = (0, external_react_namespaceObject.useState)('');
|
|
85
85
|
const [searchLoading, setSearchLoading] = (0, external_react_namespaceObject.useState)(false);
|
|
@@ -392,8 +392,8 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
|
|
|
392
392
|
px: 20,
|
|
393
393
|
py: 12,
|
|
394
394
|
gap: 12,
|
|
395
|
-
w: 320,
|
|
396
|
-
h: 440,
|
|
395
|
+
w: fullWidth ? '100%' : 320,
|
|
396
|
+
h: fullHeight ? '100%' : 440,
|
|
397
397
|
children: [
|
|
398
398
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Header_cjs_namespaceObject.Header, {
|
|
399
399
|
title: currentParentItem?.name || title,
|
|
@@ -7,11 +7,13 @@ export interface ToolboxProps<T> {
|
|
|
7
7
|
title: string;
|
|
8
8
|
initialItems: ListItem<T>[];
|
|
9
9
|
loading?: boolean;
|
|
10
|
+
fullWidth?: boolean;
|
|
11
|
+
fullHeight?: boolean;
|
|
10
12
|
onClose: () => void;
|
|
11
13
|
onItemSelect: (item: ListItem<T>) => Promise<void> | void;
|
|
12
14
|
onItemHover?: (item: ListItem<T>) => void;
|
|
13
15
|
onBack?: () => void;
|
|
14
16
|
onSearch?: ToolboxSearchHandler<T>;
|
|
15
17
|
}
|
|
16
|
-
export declare function Toolbox<T>({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, }: ToolboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function Toolbox<T>({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth, fullHeight, }: ToolboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
17
19
|
//# sourceMappingURL=Toolbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAwC3F,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACpC;AAgDD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,
|
|
1
|
+
{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAwC3F,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACpC;AAgDD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAiB,EACjB,UAAkB,GACnB,EAAE,YAAY,CAAC,CAAC,CAAC,2CAocjB"}
|
|
@@ -51,7 +51,7 @@ function searchLeafItems(items, query) {
|
|
|
51
51
|
}
|
|
52
52
|
return results;
|
|
53
53
|
}
|
|
54
|
-
function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading }) {
|
|
54
|
+
function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth = false, fullHeight = false }) {
|
|
55
55
|
const [items, setItems] = useState(initialItems);
|
|
56
56
|
const [search, setSearch] = useState('');
|
|
57
57
|
const [searchLoading, setSearchLoading] = useState(false);
|
|
@@ -364,8 +364,8 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
|
|
|
364
364
|
px: 20,
|
|
365
365
|
py: 12,
|
|
366
366
|
gap: 12,
|
|
367
|
-
w: 320,
|
|
368
|
-
h: 440,
|
|
367
|
+
w: fullWidth ? '100%' : 320,
|
|
368
|
+
h: fullHeight ? '100%' : 440,
|
|
369
369
|
children: [
|
|
370
370
|
/*#__PURE__*/ jsx(Header, {
|
|
371
371
|
title: currentParentItem?.name || title,
|
|
@@ -0,0 +1,49 @@
|
|
|
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
|
+
ExitConditionIcon: ()=>ExitConditionIcon
|
|
28
|
+
});
|
|
29
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const ExitConditionIcon = ({ w = 16, h = 16 })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
|
|
31
|
+
width: w,
|
|
32
|
+
height: h,
|
|
33
|
+
viewBox: "0 0 16 16",
|
|
34
|
+
fill: "none",
|
|
35
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
36
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
|
|
37
|
+
fillRule: "evenodd",
|
|
38
|
+
clipRule: "evenodd",
|
|
39
|
+
d: "M7.68853 2.55022C7.86049 2.3497 8.13961 2.34972 8.31158 2.55022L12.671 7.63616C12.8429 7.83679 12.8429 8.16305 12.671 8.3637L8.31158 13.4496C8.1396 13.6502 7.8605 13.6503 7.68853 13.4496L3.32916 8.3637C3.15723 8.16305 3.15719 7.83679 3.32916 7.63616L7.68853 2.55022Z",
|
|
40
|
+
fill: "currentColor"
|
|
41
|
+
})
|
|
42
|
+
});
|
|
43
|
+
exports.ExitConditionIcon = __webpack_exports__.ExitConditionIcon;
|
|
44
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
45
|
+
"ExitConditionIcon"
|
|
46
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
47
|
+
Object.defineProperty(exports, '__esModule', {
|
|
48
|
+
value: true
|
|
49
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExitConditionIcon.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/ExitConditionIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,GAAI,WAG/B;IACD,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB,4CASA,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
const ExitConditionIcon = ({ w = 16, h = 16 })=>/*#__PURE__*/ jsx("svg", {
|
|
3
|
+
width: w,
|
|
4
|
+
height: h,
|
|
5
|
+
viewBox: "0 0 16 16",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
children: /*#__PURE__*/ jsx("path", {
|
|
9
|
+
fillRule: "evenodd",
|
|
10
|
+
clipRule: "evenodd",
|
|
11
|
+
d: "M7.68853 2.55022C7.86049 2.3497 8.13961 2.34972 8.31158 2.55022L12.671 7.63616C12.8429 7.83679 12.8429 8.16305 12.671 8.3637L8.31158 13.4496C8.1396 13.6502 7.8605 13.6503 7.68853 13.4496L3.32916 8.3637C3.15723 8.16305 3.15719 7.83679 3.32916 7.63616L7.68853 2.55022Z",
|
|
12
|
+
fill: "currentColor"
|
|
13
|
+
})
|
|
14
|
+
});
|
|
15
|
+
export { ExitConditionIcon };
|
|
@@ -0,0 +1,50 @@
|
|
|
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
|
+
ReturnToOriginIcon: ()=>ReturnToOriginIcon
|
|
28
|
+
});
|
|
29
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const ReturnToOriginIcon = ({ w = 16, h = 16 })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
|
|
31
|
+
width: w,
|
|
32
|
+
height: h,
|
|
33
|
+
viewBox: "0 0 16 16",
|
|
34
|
+
fill: "none",
|
|
35
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
36
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
|
|
37
|
+
d: "M6.00016 6.66665L2.66683 9.99998M2.66683 9.99998L6.00016 13.3333M2.66683 9.99998H9.66683C10.6393 9.99998 11.5719 9.61367 12.2596 8.92604C12.9472 8.2384 13.3335 7.30577 13.3335 6.33331C13.3335 5.8518 13.2387 5.375 13.0544 4.93014C12.8701 4.48528 12.6 4.08107 12.2596 3.74059C11.5719 3.05295 10.6393 2.66665 9.66683 2.66665H7.3335",
|
|
38
|
+
stroke: "currentColor",
|
|
39
|
+
strokeWidth: "1.33",
|
|
40
|
+
strokeLinecap: "round",
|
|
41
|
+
strokeLinejoin: "round"
|
|
42
|
+
})
|
|
43
|
+
});
|
|
44
|
+
exports.ReturnToOriginIcon = __webpack_exports__.ReturnToOriginIcon;
|
|
45
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
46
|
+
"ReturnToOriginIcon"
|
|
47
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
48
|
+
Object.defineProperty(exports, '__esModule', {
|
|
49
|
+
value: true
|
|
50
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReturnToOriginIcon.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/ReturnToOriginIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,GAAI,WAGhC;IACD,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB,4CAUA,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
const ReturnToOriginIcon = ({ w = 16, h = 16 })=>/*#__PURE__*/ jsx("svg", {
|
|
3
|
+
width: w,
|
|
4
|
+
height: h,
|
|
5
|
+
viewBox: "0 0 16 16",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
children: /*#__PURE__*/ jsx("path", {
|
|
9
|
+
d: "M6.00016 6.66665L2.66683 9.99998M2.66683 9.99998L6.00016 13.3333M2.66683 9.99998H9.66683C10.6393 9.99998 11.5719 9.61367 12.2596 8.92604C12.9472 8.2384 13.3335 7.30577 13.3335 6.33331C13.3335 5.8518 13.2387 5.375 13.0544 4.93014C12.8701 4.48528 12.6 4.08107 12.2596 3.74059C11.5719 3.05295 10.6393 2.66665 9.66683 2.66665H7.3335",
|
|
10
|
+
stroke: "currentColor",
|
|
11
|
+
strokeWidth: "1.33",
|
|
12
|
+
strokeLinecap: "round",
|
|
13
|
+
strokeLinejoin: "round"
|
|
14
|
+
})
|
|
15
|
+
});
|
|
16
|
+
export { ReturnToOriginIcon };
|