@uipath/apollo-wind 2.31.0 → 2.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/components/custom/panel-flow.cjs +3 -3
  2. package/dist/components/custom/panel-flow.d.ts +2 -0
  3. package/dist/components/custom/panel-flow.js +3 -3
  4. package/dist/components/ui/file-upload.cjs +22 -16
  5. package/dist/components/ui/file-upload.d.ts +19 -1
  6. package/dist/components/ui/file-upload.js +22 -16
  7. package/dist/components/ui/index.cjs +18 -18
  8. package/dist/components/ui/lockable-value-field/components/field-header.cjs +327 -0
  9. package/dist/components/ui/lockable-value-field/components/field-header.d.ts +19 -0
  10. package/dist/components/ui/lockable-value-field/components/field-header.js +293 -0
  11. package/dist/components/ui/lockable-value-field/components/lock-toggle-button.cjs +67 -0
  12. package/dist/components/ui/lockable-value-field/components/lock-toggle-button.d.ts +9 -0
  13. package/dist/components/ui/lockable-value-field/components/lock-toggle-button.js +33 -0
  14. package/dist/components/ui/lockable-value-field/components/mode-menu-item.cjs +63 -0
  15. package/dist/components/ui/lockable-value-field/components/mode-menu-item.d.ts +9 -0
  16. package/dist/components/ui/lockable-value-field/components/mode-menu-item.js +29 -0
  17. package/dist/components/ui/lockable-value-field/index.cjs +43 -0
  18. package/dist/components/ui/lockable-value-field/index.d.ts +3 -0
  19. package/dist/components/ui/lockable-value-field/index.js +3 -0
  20. package/dist/components/ui/lockable-value-field/lockable-value-field.cjs +264 -0
  21. package/dist/components/ui/lockable-value-field/lockable-value-field.d.ts +14 -0
  22. package/dist/components/ui/lockable-value-field/lockable-value-field.js +230 -0
  23. package/dist/components/ui/lockable-value-field/types.cjs +99 -0
  24. package/dist/components/ui/lockable-value-field/types.d.ts +78 -0
  25. package/dist/components/ui/lockable-value-field/types.js +62 -0
  26. package/dist/components/ui/lockable-value-field/utils.cjs +117 -0
  27. package/dist/components/ui/lockable-value-field/utils.d.ts +24 -0
  28. package/dist/components/ui/lockable-value-field/utils.js +68 -0
  29. package/dist/components/ui/multi-select.cjs +7 -3
  30. package/dist/components/ui/multi-select.d.ts +4 -0
  31. package/dist/components/ui/multi-select.js +7 -3
  32. package/dist/components/ui/search.cjs +1 -1
  33. package/dist/components/ui/search.js +1 -1
  34. package/dist/index.cjs +28 -18
  35. package/dist/index.d.ts +2 -0
  36. package/dist/index.js +2 -1
  37. package/dist/styles.css +71 -0
  38. package/package.json +2 -2
package/dist/components/ui/lockable-value-field/components/field-header.cjs ADDED
@@ -0,0 +1,327 @@
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
+ FieldHeader: ()=>FieldHeader
28
+ });
29
+ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
30
+ const external_lucide_react_namespaceObject = require("lucide-react");
31
+ const external_react_namespaceObject = require("react");
32
+ const external_button_cjs_namespaceObject = require("../../button.cjs");
33
+ const external_dropdown_menu_cjs_namespaceObject = require("../../dropdown-menu.cjs");
34
+ const external_label_cjs_namespaceObject = require("../../label.cjs");
35
+ const external_popover_cjs_namespaceObject = require("../../popover.cjs");
36
+ const external_switch_cjs_namespaceObject = require("../../switch.cjs");
37
+ const external_textarea_cjs_namespaceObject = require("../../textarea.cjs");
38
+ const external_tooltip_cjs_namespaceObject = require("../../tooltip.cjs");
39
+ const index_cjs_namespaceObject = require("../../../../lib/index.cjs");
40
+ const external_types_cjs_namespaceObject = require("../types.cjs");
41
+ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, controlsVisibility, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
42
+ const promptId = (0, external_react_namespaceObject.useId)();
43
+ const [aiPrompt, setAiPrompt] = (0, external_react_namespaceObject.useState)('');
44
+ const typeMeta = external_types_cjs_namespaceObject.FIELD_TYPE_META[fieldType];
45
+ const collapsedTextClass = (0, index_cjs_namespaceObject.cn)('@max-[259px]:hidden', compact && '!hidden');
46
+ const collapsedPaddingClass = (0, index_cjs_namespaceObject.cn)('@max-[259px]:px-1.5', compact && '!px-1.5');
47
+ const compactOnlyClass = (0, index_cjs_namespaceObject.cn)('hidden @max-[259px]:block', compact && '!block');
48
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
49
+ className: "flex items-center gap-1",
50
+ children: [
51
+ label ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label, {
52
+ htmlFor: fieldId,
53
+ className: "text-xs font-medium text-foreground-muted",
54
+ children: [
55
+ fieldLabel,
56
+ required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
57
+ className: "ml-0.5 text-destructive",
58
+ children: "*"
59
+ })
60
+ ]
61
+ }),
62
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipProvider, {
63
+ delayDuration: 300,
64
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
65
+ className: "ml-auto flex items-center gap-0.5",
66
+ children: [
67
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
68
+ className: (0, index_cjs_namespaceObject.cn)('flex items-center gap-0.5', 'hover' === controlsVisibility && 'opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 has-[[aria-expanded=true]]:opacity-100'),
69
+ children: [
70
+ onFieldTypeChange && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
71
+ children: [
72
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
73
+ children: [
74
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
75
+ asChild: true,
76
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
77
+ asChild: true,
78
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
79
+ type: "button",
80
+ "aria-label": "Field type",
81
+ className: (0, index_cjs_namespaceObject.cn)('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground', collapsedPaddingClass),
82
+ children: [
83
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typeMeta.icon, {
84
+ size: 12
85
+ }),
86
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
87
+ className: collapsedTextClass,
88
+ children: typeMeta.label
89
+ }),
90
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
91
+ size: 9,
92
+ className: collapsedTextClass
93
+ })
94
+ ]
95
+ })
96
+ })
97
+ }),
98
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
99
+ children: "Type"
100
+ })
101
+ ]
102
+ }),
103
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
104
+ align: "end",
105
+ className: "w-44",
106
+ children: external_types_cjs_namespaceObject.FIELD_TYPE_ORDER.map((type)=>{
107
+ const meta = external_types_cjs_namespaceObject.FIELD_TYPE_META[type];
108
+ const isActive = type === fieldType;
109
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
110
+ onClick: ()=>onFieldTypeChange(type),
111
+ children: [
112
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(meta.icon, {
113
+ className: isActive ? 'text-brand' : 'text-foreground-muted'
114
+ }),
115
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
116
+ className: (0, index_cjs_namespaceObject.cn)(isActive && 'font-medium text-brand'),
117
+ children: meta.label
118
+ })
119
+ ]
120
+ }, type);
121
+ })
122
+ })
123
+ ]
124
+ }),
125
+ onRequiredChange && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
126
+ children: [
127
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
128
+ className: collapsedTextClass,
129
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
130
+ children: [
131
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
132
+ asChild: true,
133
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
134
+ className: "inline-flex",
135
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_switch_cjs_namespaceObject.Switch, {
136
+ size: "sm",
137
+ checked: !!required,
138
+ onCheckedChange: onRequiredChange,
139
+ className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
140
+ "aria-label": required ? 'Required field' : 'Optional field'
141
+ })
142
+ })
143
+ }),
144
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
145
+ children: "Required"
146
+ })
147
+ ]
148
+ })
149
+ }),
150
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
151
+ className: compactOnlyClass,
152
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
153
+ children: [
154
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
155
+ children: [
156
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
157
+ asChild: true,
158
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
159
+ asChild: true,
160
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
161
+ type: "button",
162
+ "aria-label": required ? 'Required field' : 'Optional field',
163
+ className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
164
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Asterisk, {
165
+ size: 12
166
+ })
167
+ })
168
+ })
169
+ }),
170
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
171
+ children: "Required"
172
+ })
173
+ ]
174
+ }),
175
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent, {
176
+ align: "end",
177
+ className: "w-48",
178
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
179
+ className: "flex items-center justify-between gap-3",
180
+ children: [
181
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
182
+ className: "text-xs font-medium text-foreground",
183
+ children: "Required"
184
+ }),
185
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_switch_cjs_namespaceObject.Switch, {
186
+ size: "sm",
187
+ checked: !!required,
188
+ onCheckedChange: onRequiredChange,
189
+ className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
190
+ "aria-label": required ? 'Required field' : 'Optional field'
191
+ })
192
+ ]
193
+ })
194
+ })
195
+ ]
196
+ })
197
+ })
198
+ ]
199
+ }),
200
+ showFieldActions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
201
+ children: [
202
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
203
+ children: [
204
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
205
+ children: [
206
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
207
+ asChild: true,
208
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
209
+ asChild: true,
210
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
211
+ type: "button",
212
+ "aria-label": "AI assist",
213
+ className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
214
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Sparkles, {
215
+ size: 12
216
+ })
217
+ })
218
+ })
219
+ }),
220
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
221
+ children: "Generate with AI"
222
+ })
223
+ ]
224
+ }),
225
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent, {
226
+ align: "end",
227
+ className: "space-y-3",
228
+ children: [
229
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
230
+ className: "space-y-1.5",
231
+ children: [
232
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label, {
233
+ htmlFor: promptId,
234
+ className: "text-xs font-medium text-foreground-muted",
235
+ children: "Describe what you want"
236
+ }),
237
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_textarea_cjs_namespaceObject.Textarea, {
238
+ id: promptId,
239
+ rows: 3,
240
+ value: aiPrompt,
241
+ onChange: (e)=>setAiPrompt(e.target.value),
242
+ placeholder: "Display a value from the previous step",
243
+ className: "resize-none text-sm"
244
+ })
245
+ ]
246
+ }),
247
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
248
+ className: "block text-[11px] text-foreground-subtle",
249
+ children: [
250
+ "Output: ",
251
+ typeMeta.label,
252
+ typeMeta.supportsExpression ? ' expression' : ' value'
253
+ ]
254
+ }),
255
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
256
+ size: "sm",
257
+ className: "w-full",
258
+ disabled: !onGenerateWithAi,
259
+ onClick: ()=>onGenerateWithAi?.(aiPrompt),
260
+ children: "Generate"
261
+ })
262
+ ]
263
+ })
264
+ ]
265
+ }),
266
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
267
+ children: [
268
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
269
+ children: [
270
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
271
+ asChild: true,
272
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
273
+ asChild: true,
274
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
275
+ type: "button",
276
+ "aria-label": "Insert variable",
277
+ disabled: 0 === variables.length || !onValueChange,
278
+ className: (0, index_cjs_namespaceObject.cn)('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50', collapsedPaddingClass),
279
+ children: [
280
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Braces, {
281
+ size: 12
282
+ }),
283
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
284
+ className: collapsedTextClass,
285
+ children: "Insert"
286
+ }),
287
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
288
+ size: 9,
289
+ className: collapsedTextClass
290
+ })
291
+ ]
292
+ })
293
+ })
294
+ }),
295
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
296
+ children: "Insert variable"
297
+ })
298
+ ]
299
+ }),
300
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
301
+ align: "end",
302
+ className: "w-48",
303
+ children: variables.map((variable)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
304
+ onClick: ()=>onValueChange?.(value ? `${value} ${variable.value}` : variable.value),
305
+ children: variable.label
306
+ }, variable.value))
307
+ })
308
+ ]
309
+ })
310
+ ]
311
+ })
312
+ ]
313
+ }),
314
+ headerActions
315
+ ]
316
+ })
317
+ })
318
+ ]
319
+ });
320
+ }
321
+ exports.FieldHeader = __webpack_exports__.FieldHeader;
322
+ for(var __rspack_i in __webpack_exports__)if (-1 === [
323
+ "FieldHeader"
324
+ ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
325
+ Object.defineProperty(exports, '__esModule', {
326
+ value: true
327
+ });
package/dist/components/ui/lockable-value-field/components/field-header.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import type { ReactNode } from 'react';
2
+ import type { LockableFieldType, LockableValueFieldOption } from '../types';
3
+ export declare function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, controlsVisibility, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions, }: {
4
+ label?: ReactNode;
5
+ fieldId: string;
6
+ fieldLabel: string;
7
+ required?: boolean;
8
+ fieldType: LockableFieldType;
9
+ onFieldTypeChange?: (fieldType: LockableFieldType) => void;
10
+ onRequiredChange?: (required: boolean) => void;
11
+ controlsVisibility: 'visible' | 'hover';
12
+ compact?: boolean;
13
+ showFieldActions: boolean;
14
+ value: string;
15
+ onValueChange?: (value: string) => void;
16
+ variables: LockableValueFieldOption[];
17
+ onGenerateWithAi?: (prompt: string) => void;
18
+ headerActions?: ReactNode;
19
+ }): import("react/jsx-runtime").JSX.Element;