@uipath/apollo-react 4.18.3 → 4.20.0-pr644.f72be25
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/StickyNoteNode/StickyNoteNode.cjs +95 -75
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.d.ts +2 -1
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.d.ts.map +1 -1
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.js +95 -75
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.styles.cjs +2 -2
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.styles.d.ts +2 -2
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.styles.d.ts.map +1 -1
- package/dist/canvas/components/StickyNoteNode/StickyNoteNode.styles.js +2 -2
- package/dist/canvas/components/Toolbox/ListView.cjs +13 -1
- package/dist/canvas/components/Toolbox/ListView.d.ts.map +1 -1
- package/dist/canvas/components/Toolbox/ListView.js +14 -2
- package/dist/canvas/components/Toolbox/ListView.styles.cjs +18 -0
- package/dist/canvas/components/Toolbox/ListView.styles.d.ts +4 -0
- package/dist/canvas/components/Toolbox/ListView.styles.d.ts.map +1 -1
- package/dist/canvas/components/Toolbox/ListView.styles.js +16 -1
- package/dist/canvas/components/Toolbox/QuickActionsRow.cjs +84 -0
- package/dist/canvas/components/Toolbox/QuickActionsRow.d.ts +17 -0
- package/dist/canvas/components/Toolbox/QuickActionsRow.d.ts.map +1 -0
- package/dist/canvas/components/Toolbox/QuickActionsRow.js +50 -0
- package/dist/canvas/components/Toolbox/Toolbox.cjs +5 -1
- 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 +5 -1
- package/dist/canvas/components/Toolbox/Toolbox.styles.cjs +2 -2
- package/dist/canvas/components/Toolbox/Toolbox.styles.js +2 -2
- package/dist/canvas/components/Toolbox/index.d.ts +1 -0
- package/dist/canvas/components/Toolbox/index.d.ts.map +1 -1
- package/dist/canvas/icons/ConnectorHandleIcon.cjs +69 -0
- package/dist/canvas/icons/ConnectorHandleIcon.d.ts +7 -0
- package/dist/canvas/icons/ConnectorHandleIcon.d.ts.map +1 -0
- package/dist/canvas/icons/ConnectorHandleIcon.js +35 -0
- package/dist/canvas/icons/index.cjs +6 -2
- package/dist/canvas/icons/index.d.ts +1 -0
- package/dist/canvas/icons/index.d.ts.map +1 -1
- package/dist/canvas/icons/index.js +2 -1
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/dist/material/components/ap-chat/locales/de.cjs +1 -1
- package/dist/material/components/ap-chat/locales/de.d.ts.map +1 -1
- package/dist/material/components/ap-chat/locales/de.js +1 -1
- package/dist/material/components/ap-chat/locales/es-MX.cjs +1 -1
- package/dist/material/components/ap-chat/locales/es-MX.d.ts.map +1 -1
- package/dist/material/components/ap-chat/locales/es-MX.js +1 -1
- package/dist/material/components/ap-chat/locales/es.cjs +1 -1
- package/dist/material/components/ap-chat/locales/es.d.ts.map +1 -1
- package/dist/material/components/ap-chat/locales/es.js +1 -1
- package/dist/material/components/ap-chat/locales/fr.cjs +1 -1
- package/dist/material/components/ap-chat/locales/fr.d.ts.map +1 -1
- package/dist/material/components/ap-chat/locales/fr.js +1 -1
- package/dist/material/components/ap-chat/locales/ja.cjs +1 -1
- package/dist/material/components/ap-chat/locales/ja.d.ts.map +1 -1
- package/dist/material/components/ap-chat/locales/ja.js +1 -1
- package/dist/material/components/ap-chat/locales/ko.cjs +1 -1
- package/dist/material/components/ap-chat/locales/ko.d.ts.map +1 -1
- package/dist/material/components/ap-chat/locales/ko.js +1 -1
- package/dist/material/components/ap-chat/locales/pt-BR.cjs +1 -1
- package/dist/material/components/ap-chat/locales/pt-BR.d.ts.map +1 -1
- package/dist/material/components/ap-chat/locales/pt-BR.js +1 -1
- package/dist/material/components/ap-chat/locales/pt.cjs +1 -1
- package/dist/material/components/ap-chat/locales/pt.d.ts.map +1 -1
- package/dist/material/components/ap-chat/locales/pt.js +1 -1
- package/dist/material/components/ap-chat/locales/tr.cjs +1 -1
- package/dist/material/components/ap-chat/locales/tr.d.ts.map +1 -1
- package/dist/material/components/ap-chat/locales/tr.js +1 -1
- package/dist/material/components/ap-chat/locales/zh-CN.cjs +1 -1
- package/dist/material/components/ap-chat/locales/zh-CN.d.ts.map +1 -1
- package/dist/material/components/ap-chat/locales/zh-CN.js +1 -1
- package/dist/material/components/ap-chat/locales/zh-TW.cjs +1 -1
- package/dist/material/components/ap-chat/locales/zh-TW.d.ts.map +1 -1
- package/dist/material/components/ap-chat/locales/zh-TW.js +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAqB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,8 +5,15 @@ import { Skeleton } from "@uipath/apollo-wind";
|
|
|
5
5
|
import { forwardRef, memo, useCallback, useImperativeHandle, useMemo } from "react";
|
|
6
6
|
import { useCanvasTheme } from "../BaseCanvas/CanvasThemeContext.js";
|
|
7
7
|
import { CanvasTooltip } from "../CanvasTooltip.js";
|
|
8
|
-
import { IconContainer, ListItemButton, SectionHeader, StyledList } from "./ListView.styles.js";
|
|
8
|
+
import { IconContainer, InitialsBadge, ListItemButton, SectionHeader, StyledList } from "./ListView.styles.js";
|
|
9
9
|
const DEFAULT_SKELETON_COUNT = 3;
|
|
10
|
+
function getInitial(name) {
|
|
11
|
+
const trimmed = name.trim();
|
|
12
|
+
if (!trimmed) return '?';
|
|
13
|
+
return [
|
|
14
|
+
...trimmed
|
|
15
|
+
][0] ?? '?';
|
|
16
|
+
}
|
|
10
17
|
function buildRenderedItems(items, enableSections, loadingSkeleton) {
|
|
11
18
|
const result = [];
|
|
12
19
|
const skeletonConfig = 'object' == typeof loadingSkeleton ? loadingSkeleton : loadingSkeleton ? {} : void 0;
|
|
@@ -133,7 +140,12 @@ const ListViewRow = /*#__PURE__*/ memo(({ index, style, ariaAttributes, rendered
|
|
|
133
140
|
icon: item.icon.name,
|
|
134
141
|
size: 24
|
|
135
142
|
}),
|
|
136
|
-
item.icon?.Component && /*#__PURE__*/ jsx(item.icon.Component, {})
|
|
143
|
+
item.icon?.Component && /*#__PURE__*/ jsx(item.icon.Component, {}),
|
|
144
|
+
!item.icon?.url && !item.icon?.name && !item.icon?.Component && /*#__PURE__*/ jsx(InitialsBadge, {
|
|
145
|
+
"aria-hidden": "true",
|
|
146
|
+
"data-testid": "list-item-initials-badge",
|
|
147
|
+
children: getInitial(item.name)
|
|
148
|
+
})
|
|
137
149
|
]
|
|
138
150
|
}),
|
|
139
151
|
/*#__PURE__*/ jsxs(Column, {
|
|
@@ -33,6 +33,7 @@ var __webpack_require__ = {};
|
|
|
33
33
|
var __webpack_exports__ = {};
|
|
34
34
|
__webpack_require__.r(__webpack_exports__);
|
|
35
35
|
__webpack_require__.d(__webpack_exports__, {
|
|
36
|
+
InitialsBadge: ()=>InitialsBadge,
|
|
36
37
|
IconContainer: ()=>IconContainer,
|
|
37
38
|
StyledList: ()=>StyledList,
|
|
38
39
|
SectionHeader: ()=>SectionHeader,
|
|
@@ -92,6 +93,21 @@ const IconContainer = styled_default().div`
|
|
|
92
93
|
// Icons should show below the inset outline
|
|
93
94
|
z-index: -1;
|
|
94
95
|
`;
|
|
96
|
+
const InitialsBadge = styled_default().span`
|
|
97
|
+
display: flex;
|
|
98
|
+
width: 24px;
|
|
99
|
+
height: 24px;
|
|
100
|
+
align-items: center;
|
|
101
|
+
justify-content: center;
|
|
102
|
+
border-radius: 50%;
|
|
103
|
+
background: var(--canvas-primary);
|
|
104
|
+
color: #ffffff;
|
|
105
|
+
font-size: 12px;
|
|
106
|
+
font-weight: 800;
|
|
107
|
+
line-height: 1;
|
|
108
|
+
text-transform: uppercase;
|
|
109
|
+
user-select: none;
|
|
110
|
+
`;
|
|
95
111
|
const StyledList = styled_default()(external_react_window_namespaceObject.List)`
|
|
96
112
|
&::-webkit-scrollbar {
|
|
97
113
|
width: 6px;
|
|
@@ -128,11 +144,13 @@ const StyledList = styled_default()(external_react_window_namespaceObject.List)`
|
|
|
128
144
|
}
|
|
129
145
|
`;
|
|
130
146
|
exports.IconContainer = __webpack_exports__.IconContainer;
|
|
147
|
+
exports.InitialsBadge = __webpack_exports__.InitialsBadge;
|
|
131
148
|
exports.ListItemButton = __webpack_exports__.ListItemButton;
|
|
132
149
|
exports.SectionHeader = __webpack_exports__.SectionHeader;
|
|
133
150
|
exports.StyledList = __webpack_exports__.StyledList;
|
|
134
151
|
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
135
152
|
"IconContainer",
|
|
153
|
+
"InitialsBadge",
|
|
136
154
|
"ListItemButton",
|
|
137
155
|
"SectionHeader",
|
|
138
156
|
"StyledList"
|
|
@@ -12,5 +12,9 @@ export declare const IconContainer: import("@emotion/styled").StyledComponent<{
|
|
|
12
12
|
} & {
|
|
13
13
|
bgColor?: string;
|
|
14
14
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
15
|
+
export declare const InitialsBadge: import("@emotion/styled").StyledComponent<{
|
|
16
|
+
theme?: import("@emotion/react").Theme;
|
|
17
|
+
as?: React.ElementType;
|
|
18
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
15
19
|
export declare const StyledList: typeof List;
|
|
16
20
|
//# sourceMappingURL=ListView.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListView.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,eAAO,MAAM,aAAa;;;yGAazB,CAAC;AAEF,eAAO,MAAM,cAAc;;UAqB1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cAA0B,MAAM;yGAazD,CAAC;AAEF,eAAO,MAAM,UAAU,EAkClB,OAAO,IAAI,CAAC"}
|
|
1
|
+
{"version":3,"file":"ListView.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,eAAO,MAAM,aAAa;;;yGAazB,CAAC;AAEF,eAAO,MAAM,cAAc;;UAqB1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cAA0B,MAAM;yGAazD,CAAC;AAQF,eAAO,MAAM,aAAa;;;2GAczB,CAAC;AAEF,eAAO,MAAM,UAAU,EAkClB,OAAO,IAAI,CAAC"}
|
|
@@ -51,6 +51,21 @@ const IconContainer = styled.div`
|
|
|
51
51
|
// Icons should show below the inset outline
|
|
52
52
|
z-index: -1;
|
|
53
53
|
`;
|
|
54
|
+
const InitialsBadge = styled.span`
|
|
55
|
+
display: flex;
|
|
56
|
+
width: 24px;
|
|
57
|
+
height: 24px;
|
|
58
|
+
align-items: center;
|
|
59
|
+
justify-content: center;
|
|
60
|
+
border-radius: 50%;
|
|
61
|
+
background: var(--canvas-primary);
|
|
62
|
+
color: #ffffff;
|
|
63
|
+
font-size: 12px;
|
|
64
|
+
font-weight: 800;
|
|
65
|
+
line-height: 1;
|
|
66
|
+
text-transform: uppercase;
|
|
67
|
+
user-select: none;
|
|
68
|
+
`;
|
|
54
69
|
const StyledList = styled(List)`
|
|
55
70
|
&::-webkit-scrollbar {
|
|
56
71
|
width: 6px;
|
|
@@ -86,4 +101,4 @@ const StyledList = styled(List)`
|
|
|
86
101
|
}
|
|
87
102
|
}
|
|
88
103
|
`;
|
|
89
|
-
export { IconContainer, ListItemButton, SectionHeader, StyledList };
|
|
104
|
+
export { IconContainer, InitialsBadge, ListItemButton, SectionHeader, StyledList };
|
|
@@ -0,0 +1,84 @@
|
|
|
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
|
+
QuickActionsRow: ()=>QuickActionsRow_QuickActionsRow
|
|
28
|
+
});
|
|
29
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
|
|
31
|
+
const external_react_namespaceObject = require("react");
|
|
32
|
+
const external_constants_cjs_namespaceObject = require("../../constants.cjs");
|
|
33
|
+
const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
|
|
34
|
+
function QuickActionButton({ action, wide }) {
|
|
35
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
|
|
36
|
+
content: action.title,
|
|
37
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Button, {
|
|
38
|
+
type: "button",
|
|
39
|
+
variant: "ghost",
|
|
40
|
+
size: "icon",
|
|
41
|
+
className: wide ? 'h-9 w-14 aspect-auto [&_svg]:size-6' : 'h-9 w-9 [&_svg]:size-6',
|
|
42
|
+
"aria-label": action.title,
|
|
43
|
+
disabled: action.disabled,
|
|
44
|
+
onClick: action.onClick,
|
|
45
|
+
onMouseEnter: action.onMouseEnter,
|
|
46
|
+
onMouseLeave: action.onMouseLeave,
|
|
47
|
+
"data-testid": `toolbox-quick-action-${action.id}`,
|
|
48
|
+
children: action.icon
|
|
49
|
+
})
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
const QuickActionsRow_QuickActionsRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function({ actions }) {
|
|
53
|
+
if (!actions.length) return null;
|
|
54
|
+
const leading = actions.filter((a)=>!a.trailing);
|
|
55
|
+
const trailing = actions.filter((a)=>a.trailing);
|
|
56
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
57
|
+
className: "flex items-center justify-center gap-3 min-h-11 pb-2 border-b border-border shrink-0",
|
|
58
|
+
style: {
|
|
59
|
+
paddingInline: external_constants_cjs_namespaceObject.TOOLBOX_PADDING_X,
|
|
60
|
+
marginInline: -external_constants_cjs_namespaceObject.TOOLBOX_PADDING_X
|
|
61
|
+
},
|
|
62
|
+
"data-testid": "toolbox-quick-actions",
|
|
63
|
+
children: [
|
|
64
|
+
leading.map((action)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(QuickActionButton, {
|
|
65
|
+
action: action
|
|
66
|
+
}, action.id)),
|
|
67
|
+
trailing.length > 0 && leading.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
68
|
+
className: "w-px self-stretch mx-1 bg-border shrink-0",
|
|
69
|
+
"data-testid": "toolbox-quick-actions-separator"
|
|
70
|
+
}),
|
|
71
|
+
trailing.map((action)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(QuickActionButton, {
|
|
72
|
+
action: action,
|
|
73
|
+
wide: true
|
|
74
|
+
}, action.id))
|
|
75
|
+
]
|
|
76
|
+
});
|
|
77
|
+
});
|
|
78
|
+
exports.QuickActionsRow = __webpack_exports__.QuickActionsRow;
|
|
79
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
80
|
+
"QuickActionsRow"
|
|
81
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
82
|
+
Object.defineProperty(exports, '__esModule', {
|
|
83
|
+
value: true
|
|
84
|
+
});
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type MouseEvent, type ReactNode } from 'react';
|
|
2
|
+
export type ToolboxQuickAction = {
|
|
3
|
+
id: string;
|
|
4
|
+
title: string;
|
|
5
|
+
icon: ReactNode;
|
|
6
|
+
onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
|
|
7
|
+
onMouseEnter?: () => void;
|
|
8
|
+
onMouseLeave?: () => void;
|
|
9
|
+
trailing?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
};
|
|
12
|
+
interface QuickActionsRowProps {
|
|
13
|
+
actions: ToolboxQuickAction[];
|
|
14
|
+
}
|
|
15
|
+
export declare const QuickActionsRow: import("react").NamedExoticComponent<QuickActionsRowProps>;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=QuickActionsRow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickActionsRow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/QuickActionsRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,UAAU,oBAAoB;IAC5B,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AAuBD,eAAO,MAAM,eAAe,4DA0B1B,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button } from "@uipath/apollo-wind";
|
|
3
|
+
import { memo } from "react";
|
|
4
|
+
import { TOOLBOX_PADDING_X } from "../../constants.js";
|
|
5
|
+
import { CanvasTooltip } from "../CanvasTooltip.js";
|
|
6
|
+
function QuickActionButton({ action, wide }) {
|
|
7
|
+
return /*#__PURE__*/ jsx(CanvasTooltip, {
|
|
8
|
+
content: action.title,
|
|
9
|
+
children: /*#__PURE__*/ jsx(Button, {
|
|
10
|
+
type: "button",
|
|
11
|
+
variant: "ghost",
|
|
12
|
+
size: "icon",
|
|
13
|
+
className: wide ? 'h-9 w-14 aspect-auto [&_svg]:size-6' : 'h-9 w-9 [&_svg]:size-6',
|
|
14
|
+
"aria-label": action.title,
|
|
15
|
+
disabled: action.disabled,
|
|
16
|
+
onClick: action.onClick,
|
|
17
|
+
onMouseEnter: action.onMouseEnter,
|
|
18
|
+
onMouseLeave: action.onMouseLeave,
|
|
19
|
+
"data-testid": `toolbox-quick-action-${action.id}`,
|
|
20
|
+
children: action.icon
|
|
21
|
+
})
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
const QuickActionsRow_QuickActionsRow = /*#__PURE__*/ memo(function({ actions }) {
|
|
25
|
+
if (!actions.length) return null;
|
|
26
|
+
const leading = actions.filter((a)=>!a.trailing);
|
|
27
|
+
const trailing = actions.filter((a)=>a.trailing);
|
|
28
|
+
return /*#__PURE__*/ jsxs("div", {
|
|
29
|
+
className: "flex items-center justify-center gap-3 min-h-11 pb-2 border-b border-border shrink-0",
|
|
30
|
+
style: {
|
|
31
|
+
paddingInline: TOOLBOX_PADDING_X,
|
|
32
|
+
marginInline: -TOOLBOX_PADDING_X
|
|
33
|
+
},
|
|
34
|
+
"data-testid": "toolbox-quick-actions",
|
|
35
|
+
children: [
|
|
36
|
+
leading.map((action)=>/*#__PURE__*/ jsx(QuickActionButton, {
|
|
37
|
+
action: action
|
|
38
|
+
}, action.id)),
|
|
39
|
+
trailing.length > 0 && leading.length > 0 && /*#__PURE__*/ jsx("div", {
|
|
40
|
+
className: "w-px self-stretch mx-1 bg-border shrink-0",
|
|
41
|
+
"data-testid": "toolbox-quick-actions-separator"
|
|
42
|
+
}),
|
|
43
|
+
trailing.map((action)=>/*#__PURE__*/ jsx(QuickActionButton, {
|
|
44
|
+
action: action,
|
|
45
|
+
wide: true
|
|
46
|
+
}, action.id))
|
|
47
|
+
]
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
export { QuickActionsRow_QuickActionsRow as QuickActionsRow };
|
|
@@ -34,6 +34,7 @@ const external_react_window_namespaceObject = require("react-window");
|
|
|
34
34
|
const external_constants_cjs_namespaceObject = require("../../constants.cjs");
|
|
35
35
|
const external_Header_cjs_namespaceObject = require("./Header.cjs");
|
|
36
36
|
const external_ListView_cjs_namespaceObject = require("./ListView.cjs");
|
|
37
|
+
const external_QuickActionsRow_cjs_namespaceObject = require("./QuickActionsRow.cjs");
|
|
37
38
|
const external_SearchBox_cjs_namespaceObject = require("./SearchBox.cjs");
|
|
38
39
|
const external_Toolbox_styles_cjs_namespaceObject = require("./Toolbox.styles.cjs");
|
|
39
40
|
const TRANSITION_DURATION = 150;
|
|
@@ -80,7 +81,7 @@ function searchLeafItems(items, query) {
|
|
|
80
81
|
}
|
|
81
82
|
return results;
|
|
82
83
|
}
|
|
83
|
-
function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth = false, fullHeight = false }) {
|
|
84
|
+
function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth = false, fullHeight = false, quickActions }) {
|
|
84
85
|
const [items, setItems] = (0, external_react_namespaceObject.useState)(initialItems);
|
|
85
86
|
const [search, setSearch] = (0, external_react_namespaceObject.useState)('');
|
|
86
87
|
const [searchLoading, setSearchLoading] = (0, external_react_namespaceObject.useState)(false);
|
|
@@ -424,6 +425,9 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
|
|
|
424
425
|
w: fullWidth ? '100%' : external_constants_cjs_namespaceObject.TOOLBOX_WIDTH,
|
|
425
426
|
h: fullHeight ? '100%' : external_constants_cjs_namespaceObject.TOOLBOX_HEIGHT,
|
|
426
427
|
children: [
|
|
428
|
+
quickActions && quickActions.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_QuickActionsRow_cjs_namespaceObject.QuickActionsRow, {
|
|
429
|
+
actions: quickActions
|
|
430
|
+
}),
|
|
427
431
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Header_cjs_namespaceObject.Header, {
|
|
428
432
|
title: currentParentItem?.name || title,
|
|
429
433
|
onBack: handleBackTransition,
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type ListItem } from './ListView';
|
|
2
|
+
import { type ToolboxQuickAction } from './QuickActionsRow';
|
|
2
3
|
export type ToolboxSearchHandler<T = any> = (query: string, isTopLevelSearch: boolean, { currentItems, category }: {
|
|
3
4
|
currentItems?: ListItem<T>[];
|
|
4
5
|
category?: string;
|
|
@@ -14,6 +15,7 @@ export interface ToolboxProps<T> {
|
|
|
14
15
|
onItemHover?: (item: ListItem<T>) => void;
|
|
15
16
|
onBack?: () => void;
|
|
16
17
|
onSearch?: ToolboxSearchHandler<T>;
|
|
18
|
+
quickActions?: ToolboxQuickAction[];
|
|
17
19
|
}
|
|
18
|
-
export declare function Toolbox<T>({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth, fullHeight, }: ToolboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare function Toolbox<T>({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth, fullHeight, quickActions, }: ToolboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
19
21
|
//# sourceMappingURL=Toolbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAC3F,OAAO,EAAmB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAwC7E,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;IAOnC,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACrC;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,EAClB,YAAY,GACb,EAAE,YAAY,CAAC,CAAC,CAAC,2CA+fjB"}
|
|
@@ -6,6 +6,7 @@ import { useListRef } from "react-window";
|
|
|
6
6
|
import { TOOLBOX_GAP, TOOLBOX_HEIGHT, TOOLBOX_PADDING_X, TOOLBOX_PADDING_Y, TOOLBOX_WIDTH } from "../../constants.js";
|
|
7
7
|
import { Header } from "./Header.js";
|
|
8
8
|
import { ListView } from "./ListView.js";
|
|
9
|
+
import { QuickActionsRow } from "./QuickActionsRow.js";
|
|
9
10
|
import { SearchBox } from "./SearchBox.js";
|
|
10
11
|
import { AnimatedContainer, AnimatedContent } from "./Toolbox.styles.js";
|
|
11
12
|
const TRANSITION_DURATION = 150;
|
|
@@ -52,7 +53,7 @@ function searchLeafItems(items, query) {
|
|
|
52
53
|
}
|
|
53
54
|
return results;
|
|
54
55
|
}
|
|
55
|
-
function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth = false, fullHeight = false }) {
|
|
56
|
+
function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth = false, fullHeight = false, quickActions }) {
|
|
56
57
|
const [items, setItems] = useState(initialItems);
|
|
57
58
|
const [search, setSearch] = useState('');
|
|
58
59
|
const [searchLoading, setSearchLoading] = useState(false);
|
|
@@ -396,6 +397,9 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
|
|
|
396
397
|
w: fullWidth ? '100%' : TOOLBOX_WIDTH,
|
|
397
398
|
h: fullHeight ? '100%' : TOOLBOX_HEIGHT,
|
|
398
399
|
children: [
|
|
400
|
+
quickActions && quickActions.length > 0 && /*#__PURE__*/ jsx(QuickActionsRow, {
|
|
401
|
+
actions: quickActions
|
|
402
|
+
}),
|
|
399
403
|
/*#__PURE__*/ jsx(Header, {
|
|
400
404
|
title: currentParentItem?.name || title,
|
|
401
405
|
onBack: handleBackTransition,
|
|
@@ -71,14 +71,14 @@ const AnimatedContainer = styled_default().div`
|
|
|
71
71
|
display: flex;
|
|
72
72
|
flex-direction: column;
|
|
73
73
|
overflow: hidden;
|
|
74
|
-
min-height:
|
|
74
|
+
min-height: 200px;
|
|
75
75
|
`;
|
|
76
76
|
const AnimatedContent = styled_default().div`
|
|
77
77
|
flex: 1;
|
|
78
78
|
display: flex;
|
|
79
79
|
flex-direction: column;
|
|
80
80
|
animation: ${(props)=>props.entering ? `slideIn-${props.direction}` : 'none'} 0.15s ease-out;
|
|
81
|
-
min-height:
|
|
81
|
+
min-height: 200px;
|
|
82
82
|
|
|
83
83
|
@keyframes slideIn-forward {
|
|
84
84
|
from {
|
|
@@ -31,14 +31,14 @@ const AnimatedContainer = styled.div`
|
|
|
31
31
|
display: flex;
|
|
32
32
|
flex-direction: column;
|
|
33
33
|
overflow: hidden;
|
|
34
|
-
min-height:
|
|
34
|
+
min-height: 200px;
|
|
35
35
|
`;
|
|
36
36
|
const AnimatedContent = styled.div`
|
|
37
37
|
flex: 1;
|
|
38
38
|
display: flex;
|
|
39
39
|
flex-direction: column;
|
|
40
40
|
animation: ${(props)=>props.entering ? `slideIn-${props.direction}` : 'none'} 0.15s ease-out;
|
|
41
|
-
min-height:
|
|
41
|
+
min-height: 200px;
|
|
42
42
|
|
|
43
43
|
@keyframes slideIn-forward {
|
|
44
44
|
from {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,cAAc,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
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
|
+
ConnectorHandleIcon: ()=>ConnectorHandleIcon
|
|
28
|
+
});
|
|
29
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const ConnectorHandleIcon = ({ w = 36, h = 24 } = {})=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
|
|
31
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
32
|
+
style: {
|
|
33
|
+
width: w,
|
|
34
|
+
height: h,
|
|
35
|
+
flexShrink: 0
|
|
36
|
+
},
|
|
37
|
+
viewBox: "0 0 36 24",
|
|
38
|
+
fill: "none",
|
|
39
|
+
role: "img",
|
|
40
|
+
children: [
|
|
41
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
|
|
42
|
+
cx: "5",
|
|
43
|
+
cy: "12",
|
|
44
|
+
r: "2.25",
|
|
45
|
+
fill: "currentColor"
|
|
46
|
+
}),
|
|
47
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
|
|
48
|
+
d: "M7.5 12H31",
|
|
49
|
+
stroke: "currentColor",
|
|
50
|
+
strokeWidth: "1.6",
|
|
51
|
+
strokeLinecap: "round"
|
|
52
|
+
}),
|
|
53
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
|
|
54
|
+
d: "M27.5 8L31 12L27.5 16",
|
|
55
|
+
stroke: "currentColor",
|
|
56
|
+
strokeWidth: "1.6",
|
|
57
|
+
strokeLinecap: "round",
|
|
58
|
+
strokeLinejoin: "round",
|
|
59
|
+
fill: "none"
|
|
60
|
+
})
|
|
61
|
+
]
|
|
62
|
+
});
|
|
63
|
+
exports.ConnectorHandleIcon = __webpack_exports__.ConnectorHandleIcon;
|
|
64
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
65
|
+
"ConnectorHandleIcon"
|
|
66
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
67
|
+
Object.defineProperty(exports, '__esModule', {
|
|
68
|
+
value: true
|
|
69
|
+
});
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface ConnectorHandleIconProps {
|
|
2
|
+
w?: number | string;
|
|
3
|
+
h?: number | string;
|
|
4
|
+
}
|
|
5
|
+
export declare const ConnectorHandleIcon: ({ w, h }?: ConnectorHandleIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=ConnectorHandleIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConnectorHandleIcon.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/ConnectorHandleIcon.tsx"],"names":[],"mappings":"AAAA,UAAU,wBAAwB;IAChC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,GAAI,WAAoB,wBAA6B,4CAmBpF,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
const ConnectorHandleIcon = ({ w = 36, h = 24 } = {})=>/*#__PURE__*/ jsxs("svg", {
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
style: {
|
|
5
|
+
width: w,
|
|
6
|
+
height: h,
|
|
7
|
+
flexShrink: 0
|
|
8
|
+
},
|
|
9
|
+
viewBox: "0 0 36 24",
|
|
10
|
+
fill: "none",
|
|
11
|
+
role: "img",
|
|
12
|
+
children: [
|
|
13
|
+
/*#__PURE__*/ jsx("circle", {
|
|
14
|
+
cx: "5",
|
|
15
|
+
cy: "12",
|
|
16
|
+
r: "2.25",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
}),
|
|
19
|
+
/*#__PURE__*/ jsx("path", {
|
|
20
|
+
d: "M7.5 12H31",
|
|
21
|
+
stroke: "currentColor",
|
|
22
|
+
strokeWidth: "1.6",
|
|
23
|
+
strokeLinecap: "round"
|
|
24
|
+
}),
|
|
25
|
+
/*#__PURE__*/ jsx("path", {
|
|
26
|
+
d: "M27.5 8L31 12L27.5 16",
|
|
27
|
+
stroke: "currentColor",
|
|
28
|
+
strokeWidth: "1.6",
|
|
29
|
+
strokeLinecap: "round",
|
|
30
|
+
strokeLinejoin: "round",
|
|
31
|
+
fill: "none"
|
|
32
|
+
})
|
|
33
|
+
]
|
|
34
|
+
});
|
|
35
|
+
export { ConnectorHandleIcon };
|
|
@@ -59,10 +59,11 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
59
59
|
HumanIcon: ()=>external_HumanIcon_cjs_namespaceObject.HumanIcon,
|
|
60
60
|
ZoomInIcon: ()=>external_ZoomInIcon_cjs_namespaceObject.ZoomInIcon,
|
|
61
61
|
DataTransformFlattenIcon: ()=>external_DataTransformFlattenIcon_cjs_namespaceObject.DataTransformFlattenIcon,
|
|
62
|
-
|
|
62
|
+
ConnectorHandleIcon: ()=>external_ConnectorHandleIcon_cjs_namespaceObject.ConnectorHandleIcon,
|
|
63
63
|
AutonomousAgentIcon: ()=>external_AutonomousAgentIcon_cjs_namespaceObject.AutonomousAgentIcon,
|
|
64
|
-
|
|
64
|
+
EntryConditionIcon: ()=>external_EntryConditionIcon_cjs_namespaceObject.EntryConditionIcon,
|
|
65
65
|
CaseManagementProject: ()=>external_CaseManagementProject_cjs_namespaceObject.CaseManagementProject,
|
|
66
|
+
UiPathIcon: ()=>external_UiPathIcon_cjs_namespaceObject.UiPathIcon,
|
|
66
67
|
ExitConditionIcon: ()=>external_ExitConditionIcon_cjs_namespaceObject.ExitConditionIcon,
|
|
67
68
|
AgentIcon: ()=>external_AgentIcon_cjs_namespaceObject.AgentIcon,
|
|
68
69
|
WebAppProject: ()=>external_WebAppProject_cjs_namespaceObject.WebAppProject,
|
|
@@ -84,6 +85,7 @@ const external_CaseManagementProject_cjs_namespaceObject = require("./CaseManage
|
|
|
84
85
|
const external_CasePlanIcon_cjs_namespaceObject = require("./CasePlanIcon.cjs");
|
|
85
86
|
const external_CodedAgentIcon_cjs_namespaceObject = require("./CodedAgentIcon.cjs");
|
|
86
87
|
const external_ConnectorBuilderProject_cjs_namespaceObject = require("./ConnectorBuilderProject.cjs");
|
|
88
|
+
const external_ConnectorHandleIcon_cjs_namespaceObject = require("./ConnectorHandleIcon.cjs");
|
|
87
89
|
const external_ContextIcon_cjs_namespaceObject = require("./ContextIcon.cjs");
|
|
88
90
|
const external_ControlFlowIcon_cjs_namespaceObject = require("./ControlFlowIcon.cjs");
|
|
89
91
|
const external_ConversationalAgentIcon_cjs_namespaceObject = require("./ConversationalAgentIcon.cjs");
|
|
@@ -131,6 +133,7 @@ exports.CaseManagementProject = __webpack_exports__.CaseManagementProject;
|
|
|
131
133
|
exports.CasePlanIcon = __webpack_exports__.CasePlanIcon;
|
|
132
134
|
exports.CodedAgentIcon = __webpack_exports__.CodedAgentIcon;
|
|
133
135
|
exports.ConnectorBuilderProject = __webpack_exports__.ConnectorBuilderProject;
|
|
136
|
+
exports.ConnectorHandleIcon = __webpack_exports__.ConnectorHandleIcon;
|
|
134
137
|
exports.ContextIcon = __webpack_exports__.ContextIcon;
|
|
135
138
|
exports.ControlFlowIcon = __webpack_exports__.ControlFlowIcon;
|
|
136
139
|
exports.ConversationalAgentIcon = __webpack_exports__.ConversationalAgentIcon;
|
|
@@ -179,6 +182,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
|
179
182
|
"CasePlanIcon",
|
|
180
183
|
"CodedAgentIcon",
|
|
181
184
|
"ConnectorBuilderProject",
|
|
185
|
+
"ConnectorHandleIcon",
|
|
182
186
|
"ContextIcon",
|
|
183
187
|
"ControlFlowIcon",
|
|
184
188
|
"ConversationalAgentIcon",
|
|
@@ -10,6 +10,7 @@ export { CaseManagementProject } from './CaseManagementProject';
|
|
|
10
10
|
export { CasePlanIcon } from './CasePlanIcon';
|
|
11
11
|
export { CodedAgentIcon } from './CodedAgentIcon';
|
|
12
12
|
export { ConnectorBuilderProject } from './ConnectorBuilderProject';
|
|
13
|
+
export { ConnectorHandleIcon } from './ConnectorHandleIcon';
|
|
13
14
|
export { ContextIcon } from './ContextIcon';
|
|
14
15
|
export { ControlFlowIcon } from './ControlFlowIcon';
|
|
15
16
|
export { ConversationalAgentIcon } from './ConversationalAgentIcon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,7 @@ import { CaseManagementProject } from "./CaseManagementProject.js";
|
|
|
10
10
|
import { CasePlanIcon } from "./CasePlanIcon.js";
|
|
11
11
|
import { CodedAgentIcon } from "./CodedAgentIcon.js";
|
|
12
12
|
import { ConnectorBuilderProject } from "./ConnectorBuilderProject.js";
|
|
13
|
+
import { ConnectorHandleIcon } from "./ConnectorHandleIcon.js";
|
|
13
14
|
import { ContextIcon } from "./ContextIcon.js";
|
|
14
15
|
import { ControlFlowIcon } from "./ControlFlowIcon.js";
|
|
15
16
|
import { ConversationalAgentIcon } from "./ConversationalAgentIcon.js";
|
|
@@ -45,4 +46,4 @@ import { WebAppProject } from "./WebAppProject.js";
|
|
|
45
46
|
import { ZoomInIcon } from "./ZoomInIcon.js";
|
|
46
47
|
import { ZoomOutIcon } from "./ZoomOutIcon.js";
|
|
47
48
|
import { ZoomToFitIcon } from "./ZoomToFitIcon.js";
|
|
48
|
-
export { A2aIcon, AgentDiagramIcon, AgentIcon, AgentProject, AnthropicIcon, ApiProject, AutonomousAgentIcon, BusinessProcessProject, CaseManagementProject, CasePlanIcon, CodedAgentIcon, ConnectorBuilderProject, ContextIcon, 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 };
|
|
49
|
+
export { A2aIcon, AgentDiagramIcon, AgentIcon, AgentProject, AnthropicIcon, ApiProject, AutonomousAgentIcon, BusinessProcessProject, CaseManagementProject, CasePlanIcon, CodedAgentIcon, ConnectorBuilderProject, ConnectorHandleIcon, ContextIcon, 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 };
|