@uipath/apollo-wind 2.32.4 → 2.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ui/index.cjs +14 -14
- package/dist/components/ui/lockable-value-field/components/field-header.cjs +47 -50
- package/dist/components/ui/lockable-value-field/components/field-header.js +40 -43
- package/dist/components/ui/variable-picker/index.cjs +39 -0
- package/dist/components/ui/variable-picker/index.d.ts +2 -0
- package/dist/components/ui/variable-picker/index.js +2 -0
- package/dist/components/ui/variable-picker/variable-picker.cjs +246 -0
- package/dist/components/ui/variable-picker/variable-picker.d.ts +42 -0
- package/dist/components/ui/variable-picker/variable-picker.js +209 -0
- package/dist/index.cjs +129 -122
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -1
- package/dist/styles.css +72 -0
- package/package.json +1 -1
|
@@ -15,7 +15,7 @@ var __webpack_modules__ = {
|
|
|
15
15
|
"./avatar" (module) {
|
|
16
16
|
module.exports = require("./avatar.cjs");
|
|
17
17
|
},
|
|
18
|
-
"
|
|
18
|
+
"./badge" (module) {
|
|
19
19
|
module.exports = require("./badge.cjs");
|
|
20
20
|
},
|
|
21
21
|
"./breadcrumb" (module) {
|
|
@@ -27,13 +27,13 @@ var __webpack_modules__ = {
|
|
|
27
27
|
"@/components/ui/button" (module) {
|
|
28
28
|
module.exports = require("./button.cjs");
|
|
29
29
|
},
|
|
30
|
-
"
|
|
30
|
+
"@/components/ui/calendar" (module) {
|
|
31
31
|
module.exports = require("./calendar.cjs");
|
|
32
32
|
},
|
|
33
|
-
"
|
|
33
|
+
"@/components/ui/card" (module) {
|
|
34
34
|
module.exports = require("./card.cjs");
|
|
35
35
|
},
|
|
36
|
-
"
|
|
36
|
+
"./checkbox" (module) {
|
|
37
37
|
module.exports = require("./checkbox.cjs");
|
|
38
38
|
},
|
|
39
39
|
"./collapsible" (module) {
|
|
@@ -42,7 +42,7 @@ var __webpack_modules__ = {
|
|
|
42
42
|
"./combobox" (module) {
|
|
43
43
|
module.exports = require("./combobox.cjs");
|
|
44
44
|
},
|
|
45
|
-
"
|
|
45
|
+
"./command" (module) {
|
|
46
46
|
module.exports = require("./command.cjs");
|
|
47
47
|
},
|
|
48
48
|
"./context-menu" (module) {
|
|
@@ -57,13 +57,13 @@ var __webpack_modules__ = {
|
|
|
57
57
|
"./datetime-picker" (module) {
|
|
58
58
|
module.exports = require("./datetime-picker.cjs");
|
|
59
59
|
},
|
|
60
|
-
"
|
|
60
|
+
"@/components/ui/dialog" (module) {
|
|
61
61
|
module.exports = require("./dialog.cjs");
|
|
62
62
|
},
|
|
63
63
|
"./dropdown-menu" (module) {
|
|
64
64
|
module.exports = require("./dropdown-menu.cjs");
|
|
65
65
|
},
|
|
66
|
-
"
|
|
66
|
+
"./editable-cell" (module) {
|
|
67
67
|
module.exports = require("./editable-cell.cjs");
|
|
68
68
|
},
|
|
69
69
|
"./empty-state" (module) {
|
|
@@ -247,7 +247,7 @@ var __webpack_exports__ = {};
|
|
|
247
247
|
"default"
|
|
248
248
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_4[__rspack_import_key];
|
|
249
249
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
250
|
-
var _badge__rspack_import_5 = __webpack_require__("
|
|
250
|
+
var _badge__rspack_import_5 = __webpack_require__("./badge");
|
|
251
251
|
var __rspack_reexport = {};
|
|
252
252
|
for(const __rspack_import_key in _badge__rspack_import_5)if ([
|
|
253
253
|
"TreeView",
|
|
@@ -275,21 +275,21 @@ var __webpack_exports__ = {};
|
|
|
275
275
|
"default"
|
|
276
276
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
|
|
277
277
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
278
|
-
var _calendar__rspack_import_9 = __webpack_require__("
|
|
278
|
+
var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
|
|
279
279
|
var __rspack_reexport = {};
|
|
280
280
|
for(const __rspack_import_key in _calendar__rspack_import_9)if ([
|
|
281
281
|
"TreeView",
|
|
282
282
|
"default"
|
|
283
283
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
|
|
284
284
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
285
|
-
var _card__rspack_import_10 = __webpack_require__("
|
|
285
|
+
var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
|
|
286
286
|
var __rspack_reexport = {};
|
|
287
287
|
for(const __rspack_import_key in _card__rspack_import_10)if ([
|
|
288
288
|
"TreeView",
|
|
289
289
|
"default"
|
|
290
290
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_card__rspack_import_10[__rspack_import_key];
|
|
291
291
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
292
|
-
var _checkbox__rspack_import_11 = __webpack_require__("
|
|
292
|
+
var _checkbox__rspack_import_11 = __webpack_require__("./checkbox");
|
|
293
293
|
var __rspack_reexport = {};
|
|
294
294
|
for(const __rspack_import_key in _checkbox__rspack_import_11)if ([
|
|
295
295
|
"TreeView",
|
|
@@ -310,7 +310,7 @@ var __webpack_exports__ = {};
|
|
|
310
310
|
"default"
|
|
311
311
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_13[__rspack_import_key];
|
|
312
312
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
313
|
-
var _command__rspack_import_14 = __webpack_require__("
|
|
313
|
+
var _command__rspack_import_14 = __webpack_require__("./command");
|
|
314
314
|
var __rspack_reexport = {};
|
|
315
315
|
for(const __rspack_import_key in _command__rspack_import_14)if ([
|
|
316
316
|
"TreeView",
|
|
@@ -345,7 +345,7 @@ var __webpack_exports__ = {};
|
|
|
345
345
|
"default"
|
|
346
346
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_18[__rspack_import_key];
|
|
347
347
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
348
|
-
var _dialog__rspack_import_19 = __webpack_require__("
|
|
348
|
+
var _dialog__rspack_import_19 = __webpack_require__("@/components/ui/dialog");
|
|
349
349
|
var __rspack_reexport = {};
|
|
350
350
|
for(const __rspack_import_key in _dialog__rspack_import_19)if ([
|
|
351
351
|
"TreeView",
|
|
@@ -359,7 +359,7 @@ var __webpack_exports__ = {};
|
|
|
359
359
|
"default"
|
|
360
360
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_20[__rspack_import_key];
|
|
361
361
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
362
|
-
var _editable_cell__rspack_import_21 = __webpack_require__("
|
|
362
|
+
var _editable_cell__rspack_import_21 = __webpack_require__("./editable-cell");
|
|
363
363
|
var __rspack_reexport = {};
|
|
364
364
|
for(const __rspack_import_key in _editable_cell__rspack_import_21)if ([
|
|
365
365
|
"TreeView",
|
|
@@ -36,15 +36,16 @@ const external_popover_cjs_namespaceObject = require("../../popover.cjs");
|
|
|
36
36
|
const external_switch_cjs_namespaceObject = require("../../switch.cjs");
|
|
37
37
|
const external_textarea_cjs_namespaceObject = require("../../textarea.cjs");
|
|
38
38
|
const external_tooltip_cjs_namespaceObject = require("../../tooltip.cjs");
|
|
39
|
-
const index_cjs_namespaceObject = require("
|
|
39
|
+
const index_cjs_namespaceObject = require("../../variable-picker/index.cjs");
|
|
40
|
+
const external_lib_index_cjs_namespaceObject = require("../../../../lib/index.cjs");
|
|
40
41
|
const external_types_cjs_namespaceObject = require("../types.cjs");
|
|
41
42
|
function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, controlsVisibility, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
|
|
42
43
|
const promptId = (0, external_react_namespaceObject.useId)();
|
|
43
44
|
const [aiPrompt, setAiPrompt] = (0, external_react_namespaceObject.useState)('');
|
|
44
45
|
const typeMeta = external_types_cjs_namespaceObject.FIELD_TYPE_META[fieldType];
|
|
45
|
-
const collapsedTextClass = (0,
|
|
46
|
-
const collapsedPaddingClass = (0,
|
|
47
|
-
const compactOnlyClass = (0,
|
|
46
|
+
const collapsedTextClass = (0, external_lib_index_cjs_namespaceObject.cn)('@max-[259px]:hidden', compact && '!hidden');
|
|
47
|
+
const collapsedPaddingClass = (0, external_lib_index_cjs_namespaceObject.cn)('@max-[259px]:px-1.5', compact && '!px-1.5');
|
|
48
|
+
const compactOnlyClass = (0, external_lib_index_cjs_namespaceObject.cn)('hidden @max-[259px]:block', compact && '!block');
|
|
48
49
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
49
50
|
className: "flex items-center gap-1",
|
|
50
51
|
children: [
|
|
@@ -65,7 +66,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
|
|
|
65
66
|
className: "ml-auto flex items-center gap-0.5",
|
|
66
67
|
children: [
|
|
67
68
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
68
|
-
className: (0,
|
|
69
|
+
className: (0, external_lib_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
70
|
children: [
|
|
70
71
|
onFieldTypeChange && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
|
|
71
72
|
children: [
|
|
@@ -78,7 +79,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
|
|
|
78
79
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
|
|
79
80
|
type: "button",
|
|
80
81
|
"aria-label": "Field type",
|
|
81
|
-
className: (0,
|
|
82
|
+
className: (0, external_lib_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
83
|
children: [
|
|
83
84
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typeMeta.icon, {
|
|
84
85
|
size: 12
|
|
@@ -113,7 +114,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
|
|
|
113
114
|
className: isActive ? 'text-brand' : 'text-foreground-muted'
|
|
114
115
|
}),
|
|
115
116
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
116
|
-
className: (0,
|
|
117
|
+
className: (0, external_lib_index_cjs_namespaceObject.cn)(isActive && 'font-medium text-brand'),
|
|
117
118
|
children: meta.label
|
|
118
119
|
})
|
|
119
120
|
]
|
|
@@ -263,49 +264,45 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
|
|
|
263
264
|
})
|
|
264
265
|
]
|
|
265
266
|
}),
|
|
266
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
children: variable.label
|
|
306
|
-
}, variable.value))
|
|
307
|
-
})
|
|
308
|
-
]
|
|
267
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.VariablePicker, {
|
|
268
|
+
disabled: 0 === variables.length || !onValueChange,
|
|
269
|
+
items: [
|
|
270
|
+
{
|
|
271
|
+
id: 'vars',
|
|
272
|
+
label: '$vars',
|
|
273
|
+
type: 'object',
|
|
274
|
+
children: variables.map((variable)=>({
|
|
275
|
+
id: variable.value,
|
|
276
|
+
label: variable.label,
|
|
277
|
+
value: variable.value,
|
|
278
|
+
type: 'string'
|
|
279
|
+
}))
|
|
280
|
+
}
|
|
281
|
+
],
|
|
282
|
+
onSelect: (variable)=>{
|
|
283
|
+
if (!variable.value) return;
|
|
284
|
+
onValueChange?.(value ? `${value} ${variable.value}` : variable.value);
|
|
285
|
+
},
|
|
286
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
|
|
287
|
+
type: "button",
|
|
288
|
+
"aria-label": "Insert variable",
|
|
289
|
+
title: "Insert variable",
|
|
290
|
+
disabled: 0 === variables.length || !onValueChange,
|
|
291
|
+
className: (0, external_lib_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),
|
|
292
|
+
children: [
|
|
293
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Braces, {
|
|
294
|
+
size: 12
|
|
295
|
+
}),
|
|
296
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
297
|
+
className: collapsedTextClass,
|
|
298
|
+
children: "Insert"
|
|
299
|
+
}),
|
|
300
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
|
|
301
|
+
size: 9,
|
|
302
|
+
className: collapsedTextClass
|
|
303
|
+
})
|
|
304
|
+
]
|
|
305
|
+
})
|
|
309
306
|
})
|
|
310
307
|
]
|
|
311
308
|
})
|
|
@@ -8,6 +8,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "../../popover.js";
|
|
|
8
8
|
import { Switch } from "../../switch.js";
|
|
9
9
|
import { Textarea } from "../../textarea.js";
|
|
10
10
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../tooltip.js";
|
|
11
|
+
import { VariablePicker } from "../../variable-picker/index.js";
|
|
11
12
|
import { cn } from "../../../../lib/index.js";
|
|
12
13
|
import { FIELD_TYPE_META, FIELD_TYPE_ORDER } from "../types.js";
|
|
13
14
|
function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, controlsVisibility, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
|
|
@@ -235,49 +236,45 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
|
|
|
235
236
|
})
|
|
236
237
|
]
|
|
237
238
|
}),
|
|
238
|
-
/*#__PURE__*/
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
children: variable.label
|
|
278
|
-
}, variable.value))
|
|
279
|
-
})
|
|
280
|
-
]
|
|
239
|
+
/*#__PURE__*/ jsx(VariablePicker, {
|
|
240
|
+
disabled: 0 === variables.length || !onValueChange,
|
|
241
|
+
items: [
|
|
242
|
+
{
|
|
243
|
+
id: 'vars',
|
|
244
|
+
label: '$vars',
|
|
245
|
+
type: 'object',
|
|
246
|
+
children: variables.map((variable)=>({
|
|
247
|
+
id: variable.value,
|
|
248
|
+
label: variable.label,
|
|
249
|
+
value: variable.value,
|
|
250
|
+
type: 'string'
|
|
251
|
+
}))
|
|
252
|
+
}
|
|
253
|
+
],
|
|
254
|
+
onSelect: (variable)=>{
|
|
255
|
+
if (!variable.value) return;
|
|
256
|
+
onValueChange?.(value ? `${value} ${variable.value}` : variable.value);
|
|
257
|
+
},
|
|
258
|
+
children: /*#__PURE__*/ jsxs("button", {
|
|
259
|
+
type: "button",
|
|
260
|
+
"aria-label": "Insert variable",
|
|
261
|
+
title: "Insert variable",
|
|
262
|
+
disabled: 0 === variables.length || !onValueChange,
|
|
263
|
+
className: 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),
|
|
264
|
+
children: [
|
|
265
|
+
/*#__PURE__*/ jsx(Braces, {
|
|
266
|
+
size: 12
|
|
267
|
+
}),
|
|
268
|
+
/*#__PURE__*/ jsx("span", {
|
|
269
|
+
className: collapsedTextClass,
|
|
270
|
+
children: "Insert"
|
|
271
|
+
}),
|
|
272
|
+
/*#__PURE__*/ jsx(ChevronDown, {
|
|
273
|
+
size: 9,
|
|
274
|
+
className: collapsedTextClass
|
|
275
|
+
})
|
|
276
|
+
]
|
|
277
|
+
})
|
|
281
278
|
})
|
|
282
279
|
]
|
|
283
280
|
})
|
|
@@ -0,0 +1,39 @@
|
|
|
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
|
+
VariablePicker: ()=>external_variable_picker_cjs_namespaceObject.VariablePicker,
|
|
28
|
+
VariablePickerContent: ()=>external_variable_picker_cjs_namespaceObject.VariablePickerContent
|
|
29
|
+
});
|
|
30
|
+
const external_variable_picker_cjs_namespaceObject = require("./variable-picker.cjs");
|
|
31
|
+
exports.VariablePicker = __webpack_exports__.VariablePicker;
|
|
32
|
+
exports.VariablePickerContent = __webpack_exports__.VariablePickerContent;
|
|
33
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
34
|
+
"VariablePicker",
|
|
35
|
+
"VariablePickerContent"
|
|
36
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
37
|
+
Object.defineProperty(exports, '__esModule', {
|
|
38
|
+
value: true
|
|
39
|
+
});
|