@uipath/apollo-react 3.71.0-pr482.ae381a7 → 3.71.1
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/README.md +0 -2
- package/dist/canvas/components/AddNodePanel/AddNodePreview.cjs +9 -9
- package/dist/canvas/components/AddNodePanel/AddNodePreview.d.ts.map +1 -1
- package/dist/canvas/components/AddNodePanel/AddNodePreview.js +9 -9
- package/dist/canvas/components/AgentCanvas/components/SuggestionGroupPanel.cjs +39 -40
- package/dist/canvas/components/AgentCanvas/components/SuggestionGroupPanel.d.ts.map +1 -1
- package/dist/canvas/components/AgentCanvas/components/SuggestionGroupPanel.js +40 -41
- package/dist/canvas/components/AgentCanvas/components/TimelinePlayer.cjs +9 -13
- package/dist/canvas/components/AgentCanvas/components/TimelinePlayer.js +10 -14
- package/dist/canvas/components/AgentCanvas/nodes/AgentNode.cjs +5 -5
- package/dist/canvas/components/AgentCanvas/nodes/AgentNode.d.ts.map +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/AgentNode.js +5 -5
- package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.cjs +26 -22
- package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.d.ts.map +1 -1
- package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.js +26 -22
- package/dist/canvas/components/BaseCanvas/CanvasProviders.cjs +7 -15
- package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/CanvasProviders.js +7 -15
- package/dist/canvas/components/BaseNode/BaseNode.cjs +6 -5
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +7 -6
- package/dist/canvas/components/BaseNode/BaseNode.styles.cjs +2 -2
- package/dist/canvas/components/BaseNode/BaseNode.styles.d.ts +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.styles.js +2 -2
- package/dist/canvas/components/BaseNode/NodeLabel.cjs +2 -2
- package/dist/canvas/components/BaseNode/NodeLabel.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/NodeLabel.js +2 -2
- package/dist/canvas/components/BlankCanvasNode/BlankCanvasNode.cjs +6 -6
- package/dist/canvas/components/BlankCanvasNode/BlankCanvasNode.js +4 -4
- package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs +11 -9
- package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandle.js +11 -9
- package/dist/canvas/components/ButtonHandle/SmartHandle.cjs +9 -6
- package/dist/canvas/components/ButtonHandle/SmartHandle.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/SmartHandle.js +9 -6
- package/dist/canvas/components/CanvasPositionControls.cjs +34 -33
- package/dist/canvas/components/CanvasPositionControls.d.ts.map +1 -1
- package/dist/canvas/components/CanvasPositionControls.js +24 -33
- package/dist/canvas/components/CodedAgent/CodedAgentFlow.cjs +48 -41
- package/dist/canvas/components/CodedAgent/CodedAgentFlow.d.ts.map +1 -1
- package/dist/canvas/components/CodedAgent/CodedAgentFlow.js +49 -42
- package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.cjs +32 -35
- package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.d.ts.map +1 -1
- package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.js +32 -35
- package/dist/canvas/components/FloatingCanvasPanel/PanelChrome.cjs +9 -12
- package/dist/canvas/components/FloatingCanvasPanel/PanelChrome.d.ts.map +1 -1
- package/dist/canvas/components/FloatingCanvasPanel/PanelChrome.js +9 -12
- package/dist/canvas/components/GroupNode/GroupNode.cjs +12 -10
- package/dist/canvas/components/GroupNode/GroupNode.d.ts.map +1 -1
- package/dist/canvas/components/GroupNode/GroupNode.js +12 -10
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.cjs +8 -11
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts.map +1 -1
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.js +6 -9
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.cjs +66 -79
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.d.ts.map +1 -1
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.js +64 -77
- package/dist/canvas/components/NodeContextMenu/NodeContextMenu.cjs +82 -14
- package/dist/canvas/components/NodeContextMenu/NodeContextMenu.d.ts +2 -1
- package/dist/canvas/components/NodeContextMenu/NodeContextMenu.d.ts.map +1 -1
- package/dist/canvas/components/NodeContextMenu/NodeContextMenu.js +84 -16
- package/dist/canvas/components/NodeInspector.cjs +68 -64
- package/dist/canvas/components/NodeInspector.d.ts.map +1 -1
- package/dist/canvas/components/NodeInspector.js +68 -64
- package/dist/canvas/components/NodePropertiesPanel/NodePropertiesPanel.cjs +5 -9
- package/dist/canvas/components/NodePropertiesPanel/NodePropertiesPanel.d.ts.map +1 -1
- package/dist/canvas/components/NodePropertiesPanel/NodePropertiesPanel.js +5 -9
- package/dist/canvas/components/StageNode/AdhocTask.cjs +9 -1
- package/dist/canvas/components/StageNode/AdhocTask.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/AdhocTask.js +10 -2
- package/dist/canvas/components/StageNode/DraggableTask.cjs +13 -5
- package/dist/canvas/components/StageNode/DraggableTask.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/DraggableTask.js +12 -4
- package/dist/canvas/components/StageNode/StageNode.cjs +41 -42
- package/dist/canvas/components/StageNode/StageNode.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNode.js +42 -43
- package/dist/canvas/components/StageNode/StageNode.stories.utils.cjs +1 -13
- package/dist/canvas/components/StageNode/StageNode.stories.utils.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/StageNode.stories.utils.js +1 -13
- package/dist/canvas/components/StageNode/TaskContent.cjs +35 -36
- package/dist/canvas/components/StageNode/TaskContent.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/TaskContent.js +36 -37
- package/dist/canvas/components/StageNode/TaskMenu.cjs +99 -19
- package/dist/canvas/components/StageNode/TaskMenu.d.ts +2 -0
- package/dist/canvas/components/StageNode/TaskMenu.d.ts.map +1 -1
- package/dist/canvas/components/StageNode/TaskMenu.js +91 -21
- package/dist/canvas/components/StickyNoteNode/FormattingToolbar.cjs +17 -17
- package/dist/canvas/components/StickyNoteNode/FormattingToolbar.d.ts.map +1 -1
- package/dist/canvas/components/StickyNoteNode/FormattingToolbar.js +12 -12
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.cjs +2 -2
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.js +3 -3
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.cjs +14 -16
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.d.ts.map +1 -1
- package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.js +11 -13
- package/dist/canvas/components/Toolbar/shared/ToolbarButton.cjs +6 -6
- package/dist/canvas/components/Toolbar/shared/ToolbarButton.d.ts.map +1 -1
- package/dist/canvas/components/Toolbar/shared/ToolbarButton.js +6 -6
- package/dist/canvas/components/Toolbox/Header.cjs +10 -11
- package/dist/canvas/components/Toolbox/Header.d.ts.map +1 -1
- package/dist/canvas/components/Toolbox/Header.js +10 -11
- package/dist/canvas/components/Toolbox/ListView.cjs +34 -22
- package/dist/canvas/components/Toolbox/ListView.d.ts.map +1 -1
- package/dist/canvas/components/Toolbox/ListView.js +35 -23
- package/dist/canvas/components/Toolbox/SearchBox.cjs +7 -7
- package/dist/canvas/components/Toolbox/SearchBox.d.ts.map +1 -1
- package/dist/canvas/components/Toolbox/SearchBox.js +7 -7
- package/dist/canvas/components/TriggerNode/TriggerNode.cjs +10 -5
- package/dist/canvas/components/TriggerNode/TriggerNode.d.ts.map +1 -1
- package/dist/canvas/components/TriggerNode/TriggerNode.js +10 -5
- package/dist/canvas/constants.cjs +0 -4
- package/dist/canvas/constants.d.ts +0 -1
- package/dist/canvas/constants.d.ts.map +1 -1
- package/dist/canvas/constants.js +1 -2
- package/dist/canvas/controls/Breadcrumb/Breadcrumb.cjs +23 -12
- package/dist/canvas/controls/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/canvas/controls/Breadcrumb/Breadcrumb.js +20 -9
- package/dist/canvas/storybook-utils/components/StoryInfoPanel.cjs +11 -13
- package/dist/canvas/storybook-utils/components/StoryInfoPanel.d.ts.map +1 -1
- package/dist/canvas/storybook-utils/components/StoryInfoPanel.js +11 -13
- package/dist/canvas/storybook-utils/decorators.cjs +1 -7
- package/dist/canvas/storybook-utils/decorators.d.ts.map +1 -1
- package/dist/canvas/storybook-utils/decorators.js +1 -7
- package/dist/canvas/utils/adornment-resolver.cjs +12 -11
- package/dist/canvas/utils/adornment-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/adornment-resolver.js +13 -12
- package/dist/canvas/utils/icon-registry.cjs +2 -6
- package/dist/canvas/utils/icon-registry.d.ts +2 -3
- package/dist/canvas/utils/icon-registry.d.ts.map +1 -1
- package/dist/canvas/utils/icon-registry.js +2 -3
- package/package.json +5 -7
- package/dist/canvas/components/CanvasTooltip.cjs +0 -138
- package/dist/canvas/components/CanvasTooltip.d.ts +0 -14
- package/dist/canvas/components/CanvasTooltip.d.ts.map +0 -1
- package/dist/canvas/components/CanvasTooltip.js +0 -91
- package/dist/canvas/components/shared/CanvasDropdownMenu.cjs +0 -80
- package/dist/canvas/components/shared/CanvasDropdownMenu.d.ts +0 -13
- package/dist/canvas/components/shared/CanvasDropdownMenu.d.ts.map +0 -1
- package/dist/canvas/components/shared/CanvasDropdownMenu.js +0 -46
- package/dist/canvas/styles/tailwind.canvas.css +0 -2
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { ExecutionStatusIcon, NodeIcon } from "../index.js";
|
|
3
|
+
import { ApTooltip } from "../../material/index.js";
|
|
4
|
+
import { ApIcon } from "../../material/components/index.js";
|
|
3
5
|
import { memo } from "react";
|
|
4
|
-
import { CanvasTooltip } from "../components/CanvasTooltip.js";
|
|
5
6
|
import { getExecutionStatusColor } from "../components/ExecutionStatusIcon/ExecutionStatusIcon.js";
|
|
6
7
|
import { ValidationErrorSeverity } from "../types/validation.js";
|
|
7
8
|
function BreakpointIndicator({ isActive = true }) {
|
|
@@ -37,14 +38,14 @@ function ExecutionStatusIndicatorInternal({ status, count }) {
|
|
|
37
38
|
});
|
|
38
39
|
}
|
|
39
40
|
function SquareDashedIndicator() {
|
|
40
|
-
return /*#__PURE__*/ jsx(
|
|
41
|
+
return /*#__PURE__*/ jsx(ApTooltip, {
|
|
41
42
|
content: "Node output is mocked",
|
|
42
43
|
placement: "bottom",
|
|
43
44
|
children: /*#__PURE__*/ jsx("span", {
|
|
44
45
|
style: {
|
|
45
46
|
display: 'inline-flex'
|
|
46
47
|
},
|
|
47
|
-
children: /*#__PURE__*/ jsx(
|
|
48
|
+
children: /*#__PURE__*/ jsx(NodeIcon, {
|
|
48
49
|
icon: "square-dashed",
|
|
49
50
|
size: 16,
|
|
50
51
|
color: "var(--color-foreground-emp)"
|
|
@@ -54,32 +55,32 @@ function SquareDashedIndicator() {
|
|
|
54
55
|
}
|
|
55
56
|
const ExecutionStatusIndicator = /*#__PURE__*/ memo(ExecutionStatusIndicatorInternal);
|
|
56
57
|
function ValidationErrorIndicator({ message }) {
|
|
57
|
-
return /*#__PURE__*/ jsx(
|
|
58
|
+
return /*#__PURE__*/ jsx(ApTooltip, {
|
|
58
59
|
content: message || 'Validation error',
|
|
59
60
|
placement: "bottom",
|
|
60
61
|
children: /*#__PURE__*/ jsx("span", {
|
|
61
62
|
style: {
|
|
62
63
|
display: 'inline-flex'
|
|
63
64
|
},
|
|
64
|
-
children: /*#__PURE__*/ jsx(
|
|
65
|
-
|
|
66
|
-
size:
|
|
65
|
+
children: /*#__PURE__*/ jsx(ApIcon, {
|
|
66
|
+
name: "error",
|
|
67
|
+
size: "16px",
|
|
67
68
|
color: "var(--uix-canvas-error-icon)"
|
|
68
69
|
})
|
|
69
70
|
})
|
|
70
71
|
});
|
|
71
72
|
}
|
|
72
73
|
function ValidationWarningIndicator({ message }) {
|
|
73
|
-
return /*#__PURE__*/ jsx(
|
|
74
|
+
return /*#__PURE__*/ jsx(ApTooltip, {
|
|
74
75
|
content: message || 'Validation warning',
|
|
75
76
|
placement: "bottom",
|
|
76
77
|
children: /*#__PURE__*/ jsx("span", {
|
|
77
78
|
style: {
|
|
78
79
|
display: 'inline-flex'
|
|
79
80
|
},
|
|
80
|
-
children: /*#__PURE__*/ jsx(
|
|
81
|
-
|
|
82
|
-
size:
|
|
81
|
+
children: /*#__PURE__*/ jsx(ApIcon, {
|
|
82
|
+
name: "warning",
|
|
83
|
+
size: "16px",
|
|
83
84
|
color: "var(--uix-canvas-warning-icon)"
|
|
84
85
|
})
|
|
85
86
|
})
|
|
@@ -24,9 +24,8 @@ var __webpack_require__ = {};
|
|
|
24
24
|
var __webpack_exports__ = {};
|
|
25
25
|
__webpack_require__.r(__webpack_exports__);
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
CanvasIcon: ()=>icon_registry_CanvasIcon,
|
|
28
27
|
getIcon: ()=>getIcon,
|
|
29
|
-
NodeIcon: ()=>
|
|
28
|
+
NodeIcon: ()=>icon_registry_NodeIcon
|
|
30
29
|
});
|
|
31
30
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
32
31
|
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
@@ -135,7 +134,7 @@ function getIcon(iconId) {
|
|
|
135
134
|
color: color
|
|
136
135
|
});
|
|
137
136
|
}
|
|
138
|
-
const
|
|
137
|
+
const icon_registry_NodeIcon = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function({ icon, size = 16, color }) {
|
|
139
138
|
const Icon = (0, external_react_namespaceObject.useMemo)(()=>icon ? getIcon(icon) : null, [
|
|
140
139
|
icon
|
|
141
140
|
]);
|
|
@@ -146,12 +145,9 @@ const icon_registry_CanvasIcon = /*#__PURE__*/ (0, external_react_namespaceObjec
|
|
|
146
145
|
color: color
|
|
147
146
|
});
|
|
148
147
|
});
|
|
149
|
-
const NodeIcon = icon_registry_CanvasIcon;
|
|
150
|
-
exports.CanvasIcon = __webpack_exports__.CanvasIcon;
|
|
151
148
|
exports.NodeIcon = __webpack_exports__.NodeIcon;
|
|
152
149
|
exports.getIcon = __webpack_exports__.getIcon;
|
|
153
150
|
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
154
|
-
"CanvasIcon",
|
|
155
151
|
"NodeIcon",
|
|
156
152
|
"getIcon"
|
|
157
153
|
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
@@ -5,11 +5,10 @@ export type IconComponent = (props: {
|
|
|
5
5
|
color?: string;
|
|
6
6
|
}) => JSX.Element;
|
|
7
7
|
export declare function getIcon(iconId: string): IconComponent;
|
|
8
|
-
export interface
|
|
8
|
+
export interface NodeIconProps {
|
|
9
9
|
icon?: string;
|
|
10
10
|
size?: number;
|
|
11
11
|
color?: string;
|
|
12
12
|
}
|
|
13
|
-
export declare const
|
|
14
|
-
export declare const NodeIcon: import("react").NamedExoticComponent<CanvasIconProps>;
|
|
13
|
+
export declare const NodeIcon: import("react").NamedExoticComponent<NodeIconProps>;
|
|
15
14
|
//# sourceMappingURL=icon-registry.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-registry.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/icon-registry.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,GAAG,EAAiB,MAAM,OAAO,CAAC;AAGhD,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,GAAG,CAAC,OAAO,CAAC;AAuD/F,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,CAkCrD;AAED,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"icon-registry.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/icon-registry.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,GAAG,EAAiB,MAAM,OAAO,CAAC;AAGhD,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,GAAG,CAAC,OAAO,CAAC;AAuD/F,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,CAkCrD;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,eAAO,MAAM,QAAQ,qDAInB,CAAC"}
|
|
@@ -105,7 +105,7 @@ function getIcon(iconId) {
|
|
|
105
105
|
color: color
|
|
106
106
|
});
|
|
107
107
|
}
|
|
108
|
-
const
|
|
108
|
+
const icon_registry_NodeIcon = /*#__PURE__*/ memo(function({ icon, size = 16, color }) {
|
|
109
109
|
const Icon = useMemo(()=>icon ? getIcon(icon) : null, [
|
|
110
110
|
icon
|
|
111
111
|
]);
|
|
@@ -116,5 +116,4 @@ const icon_registry_CanvasIcon = /*#__PURE__*/ memo(function({ icon, size = 16,
|
|
|
116
116
|
color: color
|
|
117
117
|
});
|
|
118
118
|
});
|
|
119
|
-
|
|
120
|
-
export { icon_registry_CanvasIcon as CanvasIcon, NodeIcon, getIcon };
|
|
119
|
+
export { icon_registry_NodeIcon as NodeIcon, getIcon };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uipath/apollo-react",
|
|
3
|
-
"version": "3.71.
|
|
3
|
+
"version": "3.71.1",
|
|
4
4
|
"description": "Apollo Design System - React component library with Material UI theming",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -169,6 +169,8 @@
|
|
|
169
169
|
"@tiptap/pm": "^3.19.0",
|
|
170
170
|
"@tiptap/react": "^3.19.0",
|
|
171
171
|
"@tiptap/suggestion": "^3.19.0",
|
|
172
|
+
"@uipath/apollo-core": "^5.9.0",
|
|
173
|
+
"@uipath/apollo-wind": "^2.0.1",
|
|
172
174
|
"@xyflow/react": "12.8.2",
|
|
173
175
|
"@xyflow/system": "0.0.66",
|
|
174
176
|
"d3-hierarchy": "^3.1.2",
|
|
@@ -200,12 +202,9 @@
|
|
|
200
202
|
"unist-util-visit": "^5.0.0",
|
|
201
203
|
"use-sync-external-store": "^1.2.0",
|
|
202
204
|
"zod": "^4.3.5",
|
|
203
|
-
"zustand": "^5.0.9"
|
|
204
|
-
"@uipath/apollo-core": "5.9.0",
|
|
205
|
-
"@uipath/apollo-wind": "2.0.1"
|
|
205
|
+
"zustand": "^5.0.9"
|
|
206
206
|
},
|
|
207
207
|
"devDependencies": {
|
|
208
|
-
"@tailwindcss/cli": "^4.1.17",
|
|
209
208
|
"@lingui/cli": "^5.6.1",
|
|
210
209
|
"@lingui/conf": "^5.6.1",
|
|
211
210
|
"@lingui/format-json": "^5.6.1",
|
|
@@ -251,8 +250,7 @@
|
|
|
251
250
|
"webpack-bundle-analyzer": "^5.0.1"
|
|
252
251
|
},
|
|
253
252
|
"scripts": {
|
|
254
|
-
"build": "pnpm run build:icons && pnpm run i18n:compile && rslib build
|
|
255
|
-
"build:css:canvas": "tailwindcss -i ./src/canvas/styles/tailwind.canvas.css -o ./dist/canvas/styles/tailwind.canvas.css --minify",
|
|
253
|
+
"build": "pnpm run build:icons && pnpm run i18n:compile && rslib build",
|
|
256
254
|
"build:analyze": "ANALYZE=true pnpm run build",
|
|
257
255
|
"build:icons": "tsx scripts/icons-build.ts",
|
|
258
256
|
"dev": "rslib build --watch",
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.n = (module)=>{
|
|
5
|
-
var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
|
|
6
|
-
__webpack_require__.d(getter, {
|
|
7
|
-
a: getter
|
|
8
|
-
});
|
|
9
|
-
return getter;
|
|
10
|
-
};
|
|
11
|
-
})();
|
|
12
|
-
(()=>{
|
|
13
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
14
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
15
|
-
enumerable: true,
|
|
16
|
-
get: definition[key]
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
})();
|
|
20
|
-
(()=>{
|
|
21
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
22
|
-
})();
|
|
23
|
-
(()=>{
|
|
24
|
-
__webpack_require__.r = (exports1)=>{
|
|
25
|
-
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
26
|
-
value: 'Module'
|
|
27
|
-
});
|
|
28
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
29
|
-
value: true
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
})();
|
|
33
|
-
var __webpack_exports__ = {};
|
|
34
|
-
__webpack_require__.r(__webpack_exports__);
|
|
35
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
36
|
-
CanvasTooltip: ()=>CanvasTooltip,
|
|
37
|
-
CanvasTooltipProviderMarker: ()=>CanvasTooltipProviderMarker
|
|
38
|
-
});
|
|
39
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
40
|
-
const tooltip_namespaceObject = require("@uipath/apollo-wind/components/ui/tooltip");
|
|
41
|
-
const external_react_namespaceObject = require("react");
|
|
42
|
-
var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
|
|
43
|
-
const useTruncationDetection_cjs_namespaceObject = require("../../material/components/ap-tooltip/useTruncationDetection.cjs");
|
|
44
|
-
const HasTooltipProviderContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(false);
|
|
45
|
-
function CanvasTooltipProviderMarker({ children }) {
|
|
46
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(HasTooltipProviderContext.Provider, {
|
|
47
|
-
value: true,
|
|
48
|
-
children: children
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
function CanvasTooltip({ content, placement = 'top', smartTooltip = false, delay = false, isOpen, hide, children }) {
|
|
52
|
-
const childElement = (0, external_react_namespaceObject.useMemo)(()=>/*#__PURE__*/ external_react_default().isValidElement(children) ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
53
|
-
children: children
|
|
54
|
-
}), [
|
|
55
|
-
children
|
|
56
|
-
]);
|
|
57
|
-
const childElementRef = (0, external_react_namespaceObject.useRef)(childElement);
|
|
58
|
-
childElementRef.current = childElement;
|
|
59
|
-
const childRef = (0, external_react_namespaceObject.useRef)(null);
|
|
60
|
-
const truncationDetection = (0, useTruncationDetection_cjs_namespaceObject.useTruncationDetection)(childRef);
|
|
61
|
-
const isTruncated = smartTooltip ? truncationDetection.isTruncated : true;
|
|
62
|
-
const [hoverOpen, setHoverOpen] = (0, external_react_namespaceObject.useState)(false);
|
|
63
|
-
const setChildRef = (0, external_react_namespaceObject.useCallback)((node)=>{
|
|
64
|
-
childRef.current = node;
|
|
65
|
-
const childRefProp = childElementRef.current.props.ref;
|
|
66
|
-
if ('function' == typeof childRefProp) childRefProp(node);
|
|
67
|
-
else if (childRefProp && 'object' == typeof childRefProp) childRefProp.current = node;
|
|
68
|
-
}, []);
|
|
69
|
-
const handleMouseEnter = (0, external_react_namespaceObject.useCallback)((e)=>{
|
|
70
|
-
truncationDetection.check();
|
|
71
|
-
const childProps = childElementRef.current.props;
|
|
72
|
-
childProps.onMouseEnter?.(e);
|
|
73
|
-
}, [
|
|
74
|
-
truncationDetection.check
|
|
75
|
-
]);
|
|
76
|
-
const triggerWithSmartTooltipHandlers = (0, external_react_namespaceObject.useMemo)(()=>/*#__PURE__*/ external_react_default().cloneElement(childElement, {
|
|
77
|
-
ref: setChildRef,
|
|
78
|
-
onMouseEnter: handleMouseEnter
|
|
79
|
-
}), [
|
|
80
|
-
childElement,
|
|
81
|
-
setChildRef,
|
|
82
|
-
handleMouseEnter
|
|
83
|
-
]);
|
|
84
|
-
const triggerWithHandlers = smartTooltip ? triggerWithSmartTooltipHandlers : childElement;
|
|
85
|
-
const handleOpenChange = (0, external_react_namespaceObject.useCallback)((nextOpen)=>{
|
|
86
|
-
if (nextOpen && smartTooltip) truncationDetection.check();
|
|
87
|
-
setHoverOpen(nextOpen);
|
|
88
|
-
}, [
|
|
89
|
-
smartTooltip,
|
|
90
|
-
truncationDetection.check
|
|
91
|
-
]);
|
|
92
|
-
const isTooltipHidden = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
93
|
-
if (null != isOpen) return !isOpen;
|
|
94
|
-
if (null != hide) return hide;
|
|
95
|
-
if (smartTooltip && !isTruncated) return true;
|
|
96
|
-
return false;
|
|
97
|
-
}, [
|
|
98
|
-
isOpen,
|
|
99
|
-
hide,
|
|
100
|
-
smartTooltip,
|
|
101
|
-
isTruncated
|
|
102
|
-
]);
|
|
103
|
-
const effectiveOpen = isTooltipHidden ? false : isOpen ?? hoverOpen;
|
|
104
|
-
const hasProvider = (0, external_react_namespaceObject.useContext)(HasTooltipProviderContext);
|
|
105
|
-
const tooltip = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tooltip_namespaceObject.Tooltip, {
|
|
106
|
-
open: effectiveOpen,
|
|
107
|
-
onOpenChange: handleOpenChange,
|
|
108
|
-
delayDuration: delay ? 700 : 200,
|
|
109
|
-
children: [
|
|
110
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tooltip_namespaceObject.TooltipTrigger, {
|
|
111
|
-
asChild: true,
|
|
112
|
-
children: triggerWithHandlers
|
|
113
|
-
}),
|
|
114
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tooltip_namespaceObject.TooltipPortal, {
|
|
115
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tooltip_namespaceObject.TooltipContent, {
|
|
116
|
-
side: placement,
|
|
117
|
-
className: "max-w-xs break-words",
|
|
118
|
-
children: content
|
|
119
|
-
})
|
|
120
|
-
})
|
|
121
|
-
]
|
|
122
|
-
});
|
|
123
|
-
if (hasProvider) return tooltip;
|
|
124
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tooltip_namespaceObject.TooltipProvider, {
|
|
125
|
-
delayDuration: 200,
|
|
126
|
-
skipDelayDuration: 100,
|
|
127
|
-
children: tooltip
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
exports.CanvasTooltip = __webpack_exports__.CanvasTooltip;
|
|
131
|
-
exports.CanvasTooltipProviderMarker = __webpack_exports__.CanvasTooltipProviderMarker;
|
|
132
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
133
|
-
"CanvasTooltip",
|
|
134
|
-
"CanvasTooltipProviderMarker"
|
|
135
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
136
|
-
Object.defineProperty(exports, '__esModule', {
|
|
137
|
-
value: true
|
|
138
|
-
});
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { type PropsWithChildren, type ReactNode } from 'react';
|
|
2
|
-
export declare function CanvasTooltipProviderMarker({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
4
|
-
interface CanvasTooltipProps extends PropsWithChildren {
|
|
5
|
-
content: ReactNode;
|
|
6
|
-
placement?: TooltipPlacement;
|
|
7
|
-
smartTooltip?: boolean;
|
|
8
|
-
delay?: boolean;
|
|
9
|
-
isOpen?: boolean;
|
|
10
|
-
hide?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export declare function CanvasTooltip({ content, placement, smartTooltip, delay, isOpen, hide, children, }: Readonly<CanvasTooltipProps>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export type { CanvasTooltipProps };
|
|
14
|
-
//# sourceMappingURL=CanvasTooltip.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CanvasTooltip.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/CanvasTooltip.tsx"],"names":[],"mappings":"AAOA,OAAc,EAEZ,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AASf,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAI1E;AAED,KAAK,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5D,UAAU,kBAAmB,SAAQ,iBAAiB;IAEpD,OAAO,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AASD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAiB,EACjB,YAAoB,EACpB,KAAa,EACb,MAAM,EACN,IAAI,EACJ,QAAQ,GACT,EAAE,QAAQ,CAAC,kBAAkB,CAAC,2CA2F9B;AAED,YAAY,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger } from "@uipath/apollo-wind/components/ui/tooltip";
|
|
3
|
-
import react, { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
|
|
4
|
-
import { useTruncationDetection } from "../../material/components/ap-tooltip/useTruncationDetection.js";
|
|
5
|
-
const HasTooltipProviderContext = /*#__PURE__*/ createContext(false);
|
|
6
|
-
function CanvasTooltipProviderMarker({ children }) {
|
|
7
|
-
return /*#__PURE__*/ jsx(HasTooltipProviderContext.Provider, {
|
|
8
|
-
value: true,
|
|
9
|
-
children: children
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
function CanvasTooltip({ content, placement = 'top', smartTooltip = false, delay = false, isOpen, hide, children }) {
|
|
13
|
-
const childElement = useMemo(()=>/*#__PURE__*/ react.isValidElement(children) ? children : /*#__PURE__*/ jsx("span", {
|
|
14
|
-
children: children
|
|
15
|
-
}), [
|
|
16
|
-
children
|
|
17
|
-
]);
|
|
18
|
-
const childElementRef = useRef(childElement);
|
|
19
|
-
childElementRef.current = childElement;
|
|
20
|
-
const childRef = useRef(null);
|
|
21
|
-
const truncationDetection = useTruncationDetection(childRef);
|
|
22
|
-
const isTruncated = smartTooltip ? truncationDetection.isTruncated : true;
|
|
23
|
-
const [hoverOpen, setHoverOpen] = useState(false);
|
|
24
|
-
const setChildRef = useCallback((node)=>{
|
|
25
|
-
childRef.current = node;
|
|
26
|
-
const childRefProp = childElementRef.current.props.ref;
|
|
27
|
-
if ('function' == typeof childRefProp) childRefProp(node);
|
|
28
|
-
else if (childRefProp && 'object' == typeof childRefProp) childRefProp.current = node;
|
|
29
|
-
}, []);
|
|
30
|
-
const handleMouseEnter = useCallback((e)=>{
|
|
31
|
-
truncationDetection.check();
|
|
32
|
-
const childProps = childElementRef.current.props;
|
|
33
|
-
childProps.onMouseEnter?.(e);
|
|
34
|
-
}, [
|
|
35
|
-
truncationDetection.check
|
|
36
|
-
]);
|
|
37
|
-
const triggerWithSmartTooltipHandlers = useMemo(()=>/*#__PURE__*/ react.cloneElement(childElement, {
|
|
38
|
-
ref: setChildRef,
|
|
39
|
-
onMouseEnter: handleMouseEnter
|
|
40
|
-
}), [
|
|
41
|
-
childElement,
|
|
42
|
-
setChildRef,
|
|
43
|
-
handleMouseEnter
|
|
44
|
-
]);
|
|
45
|
-
const triggerWithHandlers = smartTooltip ? triggerWithSmartTooltipHandlers : childElement;
|
|
46
|
-
const handleOpenChange = useCallback((nextOpen)=>{
|
|
47
|
-
if (nextOpen && smartTooltip) truncationDetection.check();
|
|
48
|
-
setHoverOpen(nextOpen);
|
|
49
|
-
}, [
|
|
50
|
-
smartTooltip,
|
|
51
|
-
truncationDetection.check
|
|
52
|
-
]);
|
|
53
|
-
const isTooltipHidden = useMemo(()=>{
|
|
54
|
-
if (null != isOpen) return !isOpen;
|
|
55
|
-
if (null != hide) return hide;
|
|
56
|
-
if (smartTooltip && !isTruncated) return true;
|
|
57
|
-
return false;
|
|
58
|
-
}, [
|
|
59
|
-
isOpen,
|
|
60
|
-
hide,
|
|
61
|
-
smartTooltip,
|
|
62
|
-
isTruncated
|
|
63
|
-
]);
|
|
64
|
-
const effectiveOpen = isTooltipHidden ? false : isOpen ?? hoverOpen;
|
|
65
|
-
const hasProvider = useContext(HasTooltipProviderContext);
|
|
66
|
-
const tooltip = /*#__PURE__*/ jsxs(Tooltip, {
|
|
67
|
-
open: effectiveOpen,
|
|
68
|
-
onOpenChange: handleOpenChange,
|
|
69
|
-
delayDuration: delay ? 700 : 200,
|
|
70
|
-
children: [
|
|
71
|
-
/*#__PURE__*/ jsx(TooltipTrigger, {
|
|
72
|
-
asChild: true,
|
|
73
|
-
children: triggerWithHandlers
|
|
74
|
-
}),
|
|
75
|
-
/*#__PURE__*/ jsx(TooltipPortal, {
|
|
76
|
-
children: /*#__PURE__*/ jsx(TooltipContent, {
|
|
77
|
-
side: placement,
|
|
78
|
-
className: "max-w-xs break-words",
|
|
79
|
-
children: content
|
|
80
|
-
})
|
|
81
|
-
})
|
|
82
|
-
]
|
|
83
|
-
});
|
|
84
|
-
if (hasProvider) return tooltip;
|
|
85
|
-
return /*#__PURE__*/ jsx(TooltipProvider, {
|
|
86
|
-
delayDuration: 200,
|
|
87
|
-
skipDelayDuration: 100,
|
|
88
|
-
children: tooltip
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
export { CanvasTooltip, CanvasTooltipProviderMarker };
|
|
@@ -1,80 +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
|
-
CanvasDropdownMenu: ()=>CanvasDropdownMenu
|
|
28
|
-
});
|
|
29
|
-
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
-
const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
|
|
31
|
-
const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
|
|
32
|
-
function CanvasDropdownMenu({ open, onOpenChange, menuItems, onItemClick, triggerTestId, triggerAriaLabel = 'Dropdown menu', contentClassName }) {
|
|
33
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.DropdownMenu, {
|
|
34
|
-
open: open,
|
|
35
|
-
onOpenChange: onOpenChange,
|
|
36
|
-
modal: false,
|
|
37
|
-
children: [
|
|
38
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuTrigger, {
|
|
39
|
-
asChild: true,
|
|
40
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Button, {
|
|
41
|
-
variant: "ghost",
|
|
42
|
-
size: "icon",
|
|
43
|
-
className: "h-6 w-6",
|
|
44
|
-
"data-testid": triggerTestId,
|
|
45
|
-
"aria-label": triggerAriaLabel,
|
|
46
|
-
onClick: (e)=>e.stopPropagation(),
|
|
47
|
-
onPointerDown: (e)=>e.stopPropagation(),
|
|
48
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
|
|
49
|
-
icon: "ellipsis-vertical",
|
|
50
|
-
size: 16
|
|
51
|
-
})
|
|
52
|
-
})
|
|
53
|
-
}),
|
|
54
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuContent, {
|
|
55
|
-
align: "end",
|
|
56
|
-
sideOffset: 4,
|
|
57
|
-
className: contentClassName,
|
|
58
|
-
children: menuItems.map((item, index)=>{
|
|
59
|
-
if ('type' in item && 'divider' === item.type) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.DropdownMenuSeparator, {}, `divider-${index}`);
|
|
60
|
-
const actionItem = item;
|
|
61
|
-
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.DropdownMenuItem, {
|
|
62
|
-
disabled: actionItem.disabled,
|
|
63
|
-
onSelect: ()=>onItemClick(actionItem),
|
|
64
|
-
children: [
|
|
65
|
-
actionItem.icon,
|
|
66
|
-
actionItem.label
|
|
67
|
-
]
|
|
68
|
-
}, actionItem.id);
|
|
69
|
-
})
|
|
70
|
-
})
|
|
71
|
-
]
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
exports.CanvasDropdownMenu = __webpack_exports__.CanvasDropdownMenu;
|
|
75
|
-
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
76
|
-
"CanvasDropdownMenu"
|
|
77
|
-
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
78
|
-
Object.defineProperty(exports, '__esModule', {
|
|
79
|
-
value: true
|
|
80
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { NodeMenuAction, NodeMenuItem } from '../NodeContextMenu';
|
|
2
|
-
interface CanvasDropdownMenuProps {
|
|
3
|
-
open: boolean;
|
|
4
|
-
onOpenChange: (open: boolean) => void;
|
|
5
|
-
menuItems: NodeMenuItem[];
|
|
6
|
-
onItemClick: (item: NodeMenuAction) => void;
|
|
7
|
-
triggerTestId?: string;
|
|
8
|
-
triggerAriaLabel?: string;
|
|
9
|
-
contentClassName?: string;
|
|
10
|
-
}
|
|
11
|
-
export declare function CanvasDropdownMenu({ open, onOpenChange, menuItems, onItemClick, triggerTestId, triggerAriaLabel, contentClassName, }: CanvasDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=CanvasDropdownMenu.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CanvasDropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/shared/CanvasDropdownMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvE,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,WAAW,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAYD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,gBAAkC,EAClC,gBAAgB,GACjB,EAAE,uBAAuB,2CAoCzB"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "@uipath/apollo-wind";
|
|
3
|
-
import { CanvasIcon } from "../../utils/icon-registry.js";
|
|
4
|
-
function CanvasDropdownMenu({ open, onOpenChange, menuItems, onItemClick, triggerTestId, triggerAriaLabel = 'Dropdown menu', contentClassName }) {
|
|
5
|
-
return /*#__PURE__*/ jsxs(DropdownMenu, {
|
|
6
|
-
open: open,
|
|
7
|
-
onOpenChange: onOpenChange,
|
|
8
|
-
modal: false,
|
|
9
|
-
children: [
|
|
10
|
-
/*#__PURE__*/ jsx(DropdownMenuTrigger, {
|
|
11
|
-
asChild: true,
|
|
12
|
-
children: /*#__PURE__*/ jsx(Button, {
|
|
13
|
-
variant: "ghost",
|
|
14
|
-
size: "icon",
|
|
15
|
-
className: "h-6 w-6",
|
|
16
|
-
"data-testid": triggerTestId,
|
|
17
|
-
"aria-label": triggerAriaLabel,
|
|
18
|
-
onClick: (e)=>e.stopPropagation(),
|
|
19
|
-
onPointerDown: (e)=>e.stopPropagation(),
|
|
20
|
-
children: /*#__PURE__*/ jsx(CanvasIcon, {
|
|
21
|
-
icon: "ellipsis-vertical",
|
|
22
|
-
size: 16
|
|
23
|
-
})
|
|
24
|
-
})
|
|
25
|
-
}),
|
|
26
|
-
/*#__PURE__*/ jsx(DropdownMenuContent, {
|
|
27
|
-
align: "end",
|
|
28
|
-
sideOffset: 4,
|
|
29
|
-
className: contentClassName,
|
|
30
|
-
children: menuItems.map((item, index)=>{
|
|
31
|
-
if ('type' in item && 'divider' === item.type) return /*#__PURE__*/ jsx(DropdownMenuSeparator, {}, `divider-${index}`);
|
|
32
|
-
const actionItem = item;
|
|
33
|
-
return /*#__PURE__*/ jsxs(DropdownMenuItem, {
|
|
34
|
-
disabled: actionItem.disabled,
|
|
35
|
-
onSelect: ()=>onItemClick(actionItem),
|
|
36
|
-
children: [
|
|
37
|
-
actionItem.icon,
|
|
38
|
-
actionItem.label
|
|
39
|
-
]
|
|
40
|
-
}, actionItem.id);
|
|
41
|
-
})
|
|
42
|
-
})
|
|
43
|
-
]
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
export { CanvasDropdownMenu };
|