@uipath/apollo-wind 2.73.0 → 2.74.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 +30 -30
- package/dist/components/ui/quick-form-field/quick-form-field.cjs +11 -3
- package/dist/components/ui/quick-form-field/quick-form-field.d.ts +1 -0
- package/dist/components/ui/quick-form-field/quick-form-field.js +13 -5
- package/dist/components/ui/quick-form-field/types.cjs +8 -0
- package/dist/components/ui/quick-form-field/types.d.ts +1 -1
- package/dist/components/ui/quick-form-field/types.js +9 -1
- package/dist/styles.css +0 -42
- package/package.json +1 -1
|
@@ -36,7 +36,7 @@ var __webpack_modules__ = {
|
|
|
36
36
|
"@/components/ui/button" (module) {
|
|
37
37
|
module.exports = require("./button.cjs");
|
|
38
38
|
},
|
|
39
|
-
"
|
|
39
|
+
"@/components/ui/calendar" (module) {
|
|
40
40
|
module.exports = require("./calendar.cjs");
|
|
41
41
|
},
|
|
42
42
|
"@/components/ui/card" (module) {
|
|
@@ -51,25 +51,25 @@ var __webpack_modules__ = {
|
|
|
51
51
|
"./chat-hero" (module) {
|
|
52
52
|
module.exports = require("./chat-hero.cjs");
|
|
53
53
|
},
|
|
54
|
-
"
|
|
54
|
+
"@/components/ui/checkbox" (module) {
|
|
55
55
|
module.exports = require("./checkbox.cjs");
|
|
56
56
|
},
|
|
57
57
|
"./citation" (module) {
|
|
58
58
|
module.exports = require("./citation.cjs");
|
|
59
59
|
},
|
|
60
|
-
"
|
|
60
|
+
"@/components/ui/code-block" (module) {
|
|
61
61
|
module.exports = require("./code-block.cjs");
|
|
62
62
|
},
|
|
63
|
-
"
|
|
63
|
+
"@/components/ui/collapsible" (module) {
|
|
64
64
|
module.exports = require("./collapsible.cjs");
|
|
65
65
|
},
|
|
66
66
|
"./combobox" (module) {
|
|
67
67
|
module.exports = require("./combobox.cjs");
|
|
68
68
|
},
|
|
69
|
-
"
|
|
69
|
+
"@/components/ui/command" (module) {
|
|
70
70
|
module.exports = require("./command.cjs");
|
|
71
71
|
},
|
|
72
|
-
"
|
|
72
|
+
"@/components/ui/context-menu" (module) {
|
|
73
73
|
module.exports = require("./context-menu.cjs");
|
|
74
74
|
},
|
|
75
75
|
"./data-table" (module) {
|
|
@@ -81,7 +81,7 @@ var __webpack_modules__ = {
|
|
|
81
81
|
"./datetime-picker" (module) {
|
|
82
82
|
module.exports = require("./datetime-picker.cjs");
|
|
83
83
|
},
|
|
84
|
-
"
|
|
84
|
+
"@/components/ui/dialog" (module) {
|
|
85
85
|
module.exports = require("./dialog.cjs");
|
|
86
86
|
},
|
|
87
87
|
"./disclosure-tree" (module) {
|
|
@@ -90,13 +90,13 @@ var __webpack_modules__ = {
|
|
|
90
90
|
"./drawer" (module) {
|
|
91
91
|
module.exports = require("./drawer.cjs");
|
|
92
92
|
},
|
|
93
|
-
"
|
|
93
|
+
"@/components/ui/dropdown-menu" (module) {
|
|
94
94
|
module.exports = require("./dropdown-menu.cjs");
|
|
95
95
|
},
|
|
96
96
|
"./dropzone-overlay" (module) {
|
|
97
97
|
module.exports = require("./dropzone-overlay.cjs");
|
|
98
98
|
},
|
|
99
|
-
"
|
|
99
|
+
"@/components/ui/editable-cell" (module) {
|
|
100
100
|
module.exports = require("./editable-cell.cjs");
|
|
101
101
|
},
|
|
102
102
|
"./empty-state" (module) {
|
|
@@ -117,7 +117,7 @@ var __webpack_modules__ = {
|
|
|
117
117
|
"./form-field" (module) {
|
|
118
118
|
module.exports = require("./form-field.cjs");
|
|
119
119
|
},
|
|
120
|
-
"
|
|
120
|
+
"@/components/ui/hover-card" (module) {
|
|
121
121
|
module.exports = require("./hover-card.cjs");
|
|
122
122
|
},
|
|
123
123
|
"@/components/ui/info-tooltip" (module) {
|
|
@@ -126,7 +126,7 @@ var __webpack_modules__ = {
|
|
|
126
126
|
"@/components/ui/input-group" (module) {
|
|
127
127
|
module.exports = require("./input-group.cjs");
|
|
128
128
|
},
|
|
129
|
-
"
|
|
129
|
+
"@/components/ui/input" (module) {
|
|
130
130
|
module.exports = require("./input.cjs");
|
|
131
131
|
},
|
|
132
132
|
"./json-tree-view" (module) {
|
|
@@ -174,7 +174,7 @@ var __webpack_modules__ = {
|
|
|
174
174
|
"./panel-tabs" (module) {
|
|
175
175
|
module.exports = require("./panel-tabs.cjs");
|
|
176
176
|
},
|
|
177
|
-
"
|
|
177
|
+
"@/components/ui/popover" (module) {
|
|
178
178
|
module.exports = require("./popover.cjs");
|
|
179
179
|
},
|
|
180
180
|
"@/components/ui/portal-container" (module) {
|
|
@@ -201,7 +201,7 @@ var __webpack_modules__ = {
|
|
|
201
201
|
"./reference-chip-colors" (module) {
|
|
202
202
|
module.exports = require("./reference-chip-colors.cjs");
|
|
203
203
|
},
|
|
204
|
-
"
|
|
204
|
+
"@/components/ui/reference-chip" (module) {
|
|
205
205
|
module.exports = require("./reference-chip.cjs");
|
|
206
206
|
},
|
|
207
207
|
"./resizable" (module) {
|
|
@@ -270,13 +270,13 @@ var __webpack_modules__ = {
|
|
|
270
270
|
"./tool-call" (module) {
|
|
271
271
|
module.exports = require("./tool-call.cjs");
|
|
272
272
|
},
|
|
273
|
-
"
|
|
273
|
+
"@/components/ui/tooltip" (module) {
|
|
274
274
|
module.exports = require("./tooltip.cjs");
|
|
275
275
|
},
|
|
276
276
|
"./tree-view" (module) {
|
|
277
277
|
module.exports = require("./tree-view.cjs");
|
|
278
278
|
},
|
|
279
|
-
"
|
|
279
|
+
"@/components/ui/variable-picker" (module) {
|
|
280
280
|
module.exports = require("./variable-picker/index.cjs");
|
|
281
281
|
},
|
|
282
282
|
"./variable-value-control" (module) {
|
|
@@ -452,7 +452,7 @@ var __webpack_exports__ = {};
|
|
|
452
452
|
"ReferenceChip"
|
|
453
453
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_11[__rspack_import_key];
|
|
454
454
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
455
|
-
var _calendar__rspack_import_12 = __webpack_require__("
|
|
455
|
+
var _calendar__rspack_import_12 = __webpack_require__("@/components/ui/calendar");
|
|
456
456
|
var __rspack_reexport = {};
|
|
457
457
|
for(const __rspack_import_key in _calendar__rspack_import_12)if ([
|
|
458
458
|
"getReferenceChipColors",
|
|
@@ -502,7 +502,7 @@ var __webpack_exports__ = {};
|
|
|
502
502
|
"ReferenceChip"
|
|
503
503
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_chat_hero__rspack_import_16[__rspack_import_key];
|
|
504
504
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
505
|
-
var _checkbox__rspack_import_17 = __webpack_require__("
|
|
505
|
+
var _checkbox__rspack_import_17 = __webpack_require__("@/components/ui/checkbox");
|
|
506
506
|
var __rspack_reexport = {};
|
|
507
507
|
for(const __rspack_import_key in _checkbox__rspack_import_17)if ([
|
|
508
508
|
"getReferenceChipColors",
|
|
@@ -522,7 +522,7 @@ var __webpack_exports__ = {};
|
|
|
522
522
|
"ReferenceChip"
|
|
523
523
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_citation__rspack_import_18[__rspack_import_key];
|
|
524
524
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
525
|
-
var _code_block__rspack_import_19 = __webpack_require__("
|
|
525
|
+
var _code_block__rspack_import_19 = __webpack_require__("@/components/ui/code-block");
|
|
526
526
|
var __rspack_reexport = {};
|
|
527
527
|
for(const __rspack_import_key in _code_block__rspack_import_19)if ([
|
|
528
528
|
"getReferenceChipColors",
|
|
@@ -532,7 +532,7 @@ var __webpack_exports__ = {};
|
|
|
532
532
|
"ReferenceChip"
|
|
533
533
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_code_block__rspack_import_19[__rspack_import_key];
|
|
534
534
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
535
|
-
var _collapsible__rspack_import_20 = __webpack_require__("
|
|
535
|
+
var _collapsible__rspack_import_20 = __webpack_require__("@/components/ui/collapsible");
|
|
536
536
|
var __rspack_reexport = {};
|
|
537
537
|
for(const __rspack_import_key in _collapsible__rspack_import_20)if ([
|
|
538
538
|
"getReferenceChipColors",
|
|
@@ -552,7 +552,7 @@ var __webpack_exports__ = {};
|
|
|
552
552
|
"ReferenceChip"
|
|
553
553
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_21[__rspack_import_key];
|
|
554
554
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
555
|
-
var _command__rspack_import_22 = __webpack_require__("
|
|
555
|
+
var _command__rspack_import_22 = __webpack_require__("@/components/ui/command");
|
|
556
556
|
var __rspack_reexport = {};
|
|
557
557
|
for(const __rspack_import_key in _command__rspack_import_22)if ([
|
|
558
558
|
"getReferenceChipColors",
|
|
@@ -562,7 +562,7 @@ var __webpack_exports__ = {};
|
|
|
562
562
|
"ReferenceChip"
|
|
563
563
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_22[__rspack_import_key];
|
|
564
564
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
565
|
-
var _context_menu__rspack_import_23 = __webpack_require__("
|
|
565
|
+
var _context_menu__rspack_import_23 = __webpack_require__("@/components/ui/context-menu");
|
|
566
566
|
var __rspack_reexport = {};
|
|
567
567
|
for(const __rspack_import_key in _context_menu__rspack_import_23)if ([
|
|
568
568
|
"getReferenceChipColors",
|
|
@@ -602,7 +602,7 @@ var __webpack_exports__ = {};
|
|
|
602
602
|
"ReferenceChip"
|
|
603
603
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_26[__rspack_import_key];
|
|
604
604
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
605
|
-
var _dialog__rspack_import_27 = __webpack_require__("
|
|
605
|
+
var _dialog__rspack_import_27 = __webpack_require__("@/components/ui/dialog");
|
|
606
606
|
var __rspack_reexport = {};
|
|
607
607
|
for(const __rspack_import_key in _dialog__rspack_import_27)if ([
|
|
608
608
|
"getReferenceChipColors",
|
|
@@ -632,7 +632,7 @@ var __webpack_exports__ = {};
|
|
|
632
632
|
"ReferenceChip"
|
|
633
633
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_29[__rspack_import_key];
|
|
634
634
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
635
|
-
var _dropdown_menu__rspack_import_30 = __webpack_require__("
|
|
635
|
+
var _dropdown_menu__rspack_import_30 = __webpack_require__("@/components/ui/dropdown-menu");
|
|
636
636
|
var __rspack_reexport = {};
|
|
637
637
|
for(const __rspack_import_key in _dropdown_menu__rspack_import_30)if ([
|
|
638
638
|
"getReferenceChipColors",
|
|
@@ -652,7 +652,7 @@ var __webpack_exports__ = {};
|
|
|
652
652
|
"ReferenceChip"
|
|
653
653
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropzone_overlay__rspack_import_31[__rspack_import_key];
|
|
654
654
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
655
|
-
var _editable_cell__rspack_import_32 = __webpack_require__("
|
|
655
|
+
var _editable_cell__rspack_import_32 = __webpack_require__("@/components/ui/editable-cell");
|
|
656
656
|
var __rspack_reexport = {};
|
|
657
657
|
for(const __rspack_import_key in _editable_cell__rspack_import_32)if ([
|
|
658
658
|
"getReferenceChipColors",
|
|
@@ -722,7 +722,7 @@ var __webpack_exports__ = {};
|
|
|
722
722
|
"ReferenceChip"
|
|
723
723
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_form_field__rspack_import_38[__rspack_import_key];
|
|
724
724
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
725
|
-
var _hover_card__rspack_import_39 = __webpack_require__("
|
|
725
|
+
var _hover_card__rspack_import_39 = __webpack_require__("@/components/ui/hover-card");
|
|
726
726
|
var __rspack_reexport = {};
|
|
727
727
|
for(const __rspack_import_key in _hover_card__rspack_import_39)if ([
|
|
728
728
|
"getReferenceChipColors",
|
|
@@ -742,7 +742,7 @@ var __webpack_exports__ = {};
|
|
|
742
742
|
"ReferenceChip"
|
|
743
743
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_info_tooltip__rspack_import_40[__rspack_import_key];
|
|
744
744
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
745
|
-
var _input__rspack_import_41 = __webpack_require__("
|
|
745
|
+
var _input__rspack_import_41 = __webpack_require__("@/components/ui/input");
|
|
746
746
|
var __rspack_reexport = {};
|
|
747
747
|
for(const __rspack_import_key in _input__rspack_import_41)if ([
|
|
748
748
|
"getReferenceChipColors",
|
|
@@ -912,7 +912,7 @@ var __webpack_exports__ = {};
|
|
|
912
912
|
"ReferenceChip"
|
|
913
913
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_panel_tabs__rspack_import_57[__rspack_import_key];
|
|
914
914
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
915
|
-
var _popover__rspack_import_58 = __webpack_require__("
|
|
915
|
+
var _popover__rspack_import_58 = __webpack_require__("@/components/ui/popover");
|
|
916
916
|
var __rspack_reexport = {};
|
|
917
917
|
for(const __rspack_import_key in _popover__rspack_import_58)if ([
|
|
918
918
|
"getReferenceChipColors",
|
|
@@ -992,7 +992,7 @@ var __webpack_exports__ = {};
|
|
|
992
992
|
"ReferenceChip"
|
|
993
993
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_radio_group__rspack_import_65[__rspack_import_key];
|
|
994
994
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
995
|
-
var _reference_chip__rspack_import_66 = __webpack_require__("
|
|
995
|
+
var _reference_chip__rspack_import_66 = __webpack_require__("@/components/ui/reference-chip");
|
|
996
996
|
var _reference_chip_colors__rspack_import_67 = __webpack_require__("./reference-chip-colors");
|
|
997
997
|
var _resizable__rspack_import_68 = __webpack_require__("./resizable");
|
|
998
998
|
var __rspack_reexport = {};
|
|
@@ -1214,7 +1214,7 @@ var __webpack_exports__ = {};
|
|
|
1214
1214
|
"ReferenceChip"
|
|
1215
1215
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tool_call__rspack_import_89[__rspack_import_key];
|
|
1216
1216
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
1217
|
-
var _tooltip__rspack_import_90 = __webpack_require__("
|
|
1217
|
+
var _tooltip__rspack_import_90 = __webpack_require__("@/components/ui/tooltip");
|
|
1218
1218
|
var __rspack_reexport = {};
|
|
1219
1219
|
for(const __rspack_import_key in _tooltip__rspack_import_90)if ([
|
|
1220
1220
|
"getReferenceChipColors",
|
|
@@ -1226,7 +1226,7 @@ var __webpack_exports__ = {};
|
|
|
1226
1226
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
1227
1227
|
var _tree_view__rspack_import_91 = __webpack_require__("./tree-view");
|
|
1228
1228
|
var _tree_view__rspack_import_91_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_91);
|
|
1229
|
-
var _variable_picker__rspack_import_92 = __webpack_require__("
|
|
1229
|
+
var _variable_picker__rspack_import_92 = __webpack_require__("@/components/ui/variable-picker");
|
|
1230
1230
|
var __rspack_reexport = {};
|
|
1231
1231
|
for(const __rspack_import_key in _variable_picker__rspack_import_92)if ([
|
|
1232
1232
|
"getReferenceChipColors",
|
|
@@ -121,7 +121,8 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
|
|
|
121
121
|
mode
|
|
122
122
|
]);
|
|
123
123
|
const handleValueKeyDown = (e)=>{
|
|
124
|
-
|
|
124
|
+
const newLine = e.shiftKey && e.currentTarget instanceof HTMLTextAreaElement;
|
|
125
|
+
if ('Enter' === e.key && !newLine) {
|
|
125
126
|
e.preventDefault();
|
|
126
127
|
e.currentTarget.blur();
|
|
127
128
|
}
|
|
@@ -149,9 +150,12 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
|
|
|
149
150
|
input.setSelectionRange(next_caret, next_caret);
|
|
150
151
|
});
|
|
151
152
|
};
|
|
153
|
+
const setValueInput = (0, external_react_namespaceObject.useCallback)((el)=>{
|
|
154
|
+
valueInputRef.current = el;
|
|
155
|
+
}, []);
|
|
152
156
|
const textInputProps = {
|
|
153
157
|
id: fieldId,
|
|
154
|
-
ref:
|
|
158
|
+
ref: setValueInput,
|
|
155
159
|
readOnly: !editableOnValueChange,
|
|
156
160
|
disabled,
|
|
157
161
|
value,
|
|
@@ -277,6 +281,10 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
|
|
|
277
281
|
placeholder: strings.selectOptions,
|
|
278
282
|
disabled: !editableOnValueChange,
|
|
279
283
|
onBlur: onValueBlur
|
|
284
|
+
}) : 'textarea' === fieldType ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupTextarea, {
|
|
285
|
+
...textInputProps,
|
|
286
|
+
minRows: 3,
|
|
287
|
+
maxRows: 8
|
|
280
288
|
}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupInput, {
|
|
281
289
|
...textInputProps,
|
|
282
290
|
type: 'integer' === fieldType || 'double' === fieldType ? 'number' : 'text',
|
|
@@ -312,7 +320,7 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
|
|
|
312
320
|
error: error,
|
|
313
321
|
errorId: validationId,
|
|
314
322
|
disabled: disabled,
|
|
315
|
-
layout: 'literal' === mode && ('file' === fieldType || 'multi-select' === fieldType) ? 'grow' : 'row',
|
|
323
|
+
layout: 'literal' === mode && ('file' === fieldType || 'multi-select' === fieldType || 'textarea' === fieldType) ? 'grow' : 'row',
|
|
316
324
|
children: [
|
|
317
325
|
(showLock || void 0 !== leadingAddon) && null !== leadingAddon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
|
|
318
326
|
align: "inline-start",
|
|
@@ -18,6 +18,7 @@ import type { QuickFormFieldProps } from './types';
|
|
|
18
18
|
* - Insert variable renders `variables` as supplied and splices at the caret;
|
|
19
19
|
* `onInsertVariable` takes over what inserting means.
|
|
20
20
|
* - Enter commits through `onValueBlur`, Escape restores the value as of focus.
|
|
21
|
+
* In a text area Shift+Enter adds a new line.
|
|
21
22
|
* - Every user-visible string can be overridden through `strings`.
|
|
22
23
|
*
|
|
23
24
|
* The expression mode is styled as code but not highlighted or evaluated.
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { RefreshCw, Trash2 } from "lucide-react";
|
|
3
|
-
import { useEffect, useId, useMemo, useRef, useState } from "react";
|
|
3
|
+
import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
|
|
4
4
|
import { Calendar } from "../calendar.js";
|
|
5
5
|
import { DateTimePicker } from "../datetime-picker.js";
|
|
6
6
|
import { FileUpload } from "../file-upload.js";
|
|
7
|
-
import { InputGroup, InputGroupAddon, InputGroupInput } from "../input-group.js";
|
|
7
|
+
import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea } from "../input-group.js";
|
|
8
8
|
import { MultiSelect } from "../multi-select.js";
|
|
9
9
|
import { Popover, PopoverContent, PopoverTrigger } from "../popover.js";
|
|
10
10
|
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select.js";
|
|
@@ -93,7 +93,8 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
|
|
|
93
93
|
mode
|
|
94
94
|
]);
|
|
95
95
|
const handleValueKeyDown = (e)=>{
|
|
96
|
-
|
|
96
|
+
const newLine = e.shiftKey && e.currentTarget instanceof HTMLTextAreaElement;
|
|
97
|
+
if ('Enter' === e.key && !newLine) {
|
|
97
98
|
e.preventDefault();
|
|
98
99
|
e.currentTarget.blur();
|
|
99
100
|
}
|
|
@@ -121,9 +122,12 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
|
|
|
121
122
|
input.setSelectionRange(next_caret, next_caret);
|
|
122
123
|
});
|
|
123
124
|
};
|
|
125
|
+
const setValueInput = useCallback((el)=>{
|
|
126
|
+
valueInputRef.current = el;
|
|
127
|
+
}, []);
|
|
124
128
|
const textInputProps = {
|
|
125
129
|
id: fieldId,
|
|
126
|
-
ref:
|
|
130
|
+
ref: setValueInput,
|
|
127
131
|
readOnly: !editableOnValueChange,
|
|
128
132
|
disabled,
|
|
129
133
|
value,
|
|
@@ -249,6 +253,10 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
|
|
|
249
253
|
placeholder: strings.selectOptions,
|
|
250
254
|
disabled: !editableOnValueChange,
|
|
251
255
|
onBlur: onValueBlur
|
|
256
|
+
}) : 'textarea' === fieldType ? /*#__PURE__*/ jsx(InputGroupTextarea, {
|
|
257
|
+
...textInputProps,
|
|
258
|
+
minRows: 3,
|
|
259
|
+
maxRows: 8
|
|
252
260
|
}) : /*#__PURE__*/ jsx(InputGroupInput, {
|
|
253
261
|
...textInputProps,
|
|
254
262
|
type: 'integer' === fieldType || 'double' === fieldType ? 'number' : 'text',
|
|
@@ -284,7 +292,7 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
|
|
|
284
292
|
error: error,
|
|
285
293
|
errorId: validationId,
|
|
286
294
|
disabled: disabled,
|
|
287
|
-
layout: 'literal' === mode && ('file' === fieldType || 'multi-select' === fieldType) ? 'grow' : 'row',
|
|
295
|
+
layout: 'literal' === mode && ('file' === fieldType || 'multi-select' === fieldType || 'textarea' === fieldType) ? 'grow' : 'row',
|
|
288
296
|
children: [
|
|
289
297
|
(showLock || void 0 !== leadingAddon) && null !== leadingAddon && /*#__PURE__*/ jsx(InputGroupAddon, {
|
|
290
298
|
align: "inline-start",
|
|
@@ -37,6 +37,13 @@ const FIELD_TYPE_META = {
|
|
|
37
37
|
fixedLabel: 'Fixed value',
|
|
38
38
|
fixedDescription: 'Use a literal string value'
|
|
39
39
|
},
|
|
40
|
+
textarea: {
|
|
41
|
+
label: 'Text area',
|
|
42
|
+
icon: external_lucide_react_namespaceObject.AlignLeft,
|
|
43
|
+
supportsExpression: true,
|
|
44
|
+
fixedLabel: 'Fixed value',
|
|
45
|
+
fixedDescription: 'Use a literal multi-line string value'
|
|
46
|
+
},
|
|
40
47
|
integer: {
|
|
41
48
|
label: 'Integer',
|
|
42
49
|
icon: external_lucide_react_namespaceObject.Hash,
|
|
@@ -110,6 +117,7 @@ const FIELD_TYPE_META = {
|
|
|
110
117
|
};
|
|
111
118
|
const FIELD_TYPE_ORDER = [
|
|
112
119
|
'string',
|
|
120
|
+
'textarea',
|
|
113
121
|
'integer',
|
|
114
122
|
'double',
|
|
115
123
|
'date',
|
|
@@ -2,7 +2,7 @@ import { type LucideIcon } from 'lucide-react';
|
|
|
2
2
|
import type { AriaAttributes, ReactNode } from 'react';
|
|
3
3
|
import type { ValueMode } from '../field-addons/value-mode-strings';
|
|
4
4
|
export type QuickFormFieldMode = ValueMode;
|
|
5
|
-
export type QuickFieldType = 'string' | 'integer' | 'double' | 'date' | 'datetime' | 'boolean' | 'single-select' | 'multi-select' | 'array' | 'file' | 'object';
|
|
5
|
+
export type QuickFieldType = 'string' | 'textarea' | 'integer' | 'double' | 'date' | 'datetime' | 'boolean' | 'single-select' | 'multi-select' | 'array' | 'file' | 'object';
|
|
6
6
|
interface FieldTypeMeta {
|
|
7
7
|
label: string;
|
|
8
8
|
icon: LucideIcon;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ALargeSmall, Braces, Brackets, Calendar, CalendarClock, File, Hash, List, ListChecks, Sigma, ToggleLeft } from "lucide-react";
|
|
1
|
+
import { ALargeSmall, AlignLeft, Braces, Brackets, Calendar, CalendarClock, File, Hash, List, ListChecks, Sigma, ToggleLeft } from "lucide-react";
|
|
2
2
|
const FIELD_TYPE_META = {
|
|
3
3
|
string: {
|
|
4
4
|
label: 'String',
|
|
@@ -7,6 +7,13 @@ const FIELD_TYPE_META = {
|
|
|
7
7
|
fixedLabel: 'Fixed value',
|
|
8
8
|
fixedDescription: 'Use a literal string value'
|
|
9
9
|
},
|
|
10
|
+
textarea: {
|
|
11
|
+
label: 'Text area',
|
|
12
|
+
icon: AlignLeft,
|
|
13
|
+
supportsExpression: true,
|
|
14
|
+
fixedLabel: 'Fixed value',
|
|
15
|
+
fixedDescription: 'Use a literal multi-line string value'
|
|
16
|
+
},
|
|
10
17
|
integer: {
|
|
11
18
|
label: 'Integer',
|
|
12
19
|
icon: Hash,
|
|
@@ -80,6 +87,7 @@ const FIELD_TYPE_META = {
|
|
|
80
87
|
};
|
|
81
88
|
const FIELD_TYPE_ORDER = [
|
|
82
89
|
'string',
|
|
90
|
+
'textarea',
|
|
83
91
|
'integer',
|
|
84
92
|
'double',
|
|
85
93
|
'date',
|
package/dist/styles.css
CHANGED
|
@@ -923,9 +923,6 @@
|
|
|
923
923
|
.mr-2 {
|
|
924
924
|
margin-right: calc(var(--spacing) * 2);
|
|
925
925
|
}
|
|
926
|
-
.mr-4 {
|
|
927
|
-
margin-right: calc(var(--spacing) * 4);
|
|
928
|
-
}
|
|
929
926
|
.mr-auto {
|
|
930
927
|
margin-right: auto;
|
|
931
928
|
}
|
|
@@ -953,9 +950,6 @@
|
|
|
953
950
|
.mb-8 {
|
|
954
951
|
margin-bottom: calc(var(--spacing) * 8);
|
|
955
952
|
}
|
|
956
|
-
.mb-10 {
|
|
957
|
-
margin-bottom: calc(var(--spacing) * 10);
|
|
958
|
-
}
|
|
959
953
|
.-ml-2 {
|
|
960
954
|
margin-left: calc(var(--spacing) * -2);
|
|
961
955
|
}
|
|
@@ -2480,9 +2474,6 @@
|
|
|
2480
2474
|
margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
|
|
2481
2475
|
}
|
|
2482
2476
|
}
|
|
2483
|
-
.gap-y-1\.5 {
|
|
2484
|
-
row-gap: calc(var(--spacing) * 1.5);
|
|
2485
|
-
}
|
|
2486
2477
|
.gap-y-2 {
|
|
2487
2478
|
row-gap: calc(var(--spacing) * 2);
|
|
2488
2479
|
}
|
|
@@ -2956,12 +2947,6 @@
|
|
|
2956
2947
|
border-color: color-mix(in oklab, var(--warning) 50%, transparent);
|
|
2957
2948
|
}
|
|
2958
2949
|
}
|
|
2959
|
-
.border-white\/10 {
|
|
2960
|
-
border-color: color-mix(in srgb, #fff 10%, transparent);
|
|
2961
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
2962
|
-
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
|
|
2963
|
-
}
|
|
2964
|
-
}
|
|
2965
2950
|
.border-yellow-300 {
|
|
2966
2951
|
border-color: var(--color-yellow-300);
|
|
2967
2952
|
}
|
|
@@ -4335,9 +4320,6 @@
|
|
|
4335
4320
|
.pt-12 {
|
|
4336
4321
|
padding-top: calc(var(--spacing) * 12);
|
|
4337
4322
|
}
|
|
4338
|
-
.pt-16 {
|
|
4339
|
-
padding-top: calc(var(--spacing) * 16);
|
|
4340
|
-
}
|
|
4341
4323
|
.pt-\[18px\] {
|
|
4342
4324
|
padding-top: 18px;
|
|
4343
4325
|
}
|
|
@@ -4398,9 +4380,6 @@
|
|
|
4398
4380
|
.pb-8 {
|
|
4399
4381
|
padding-bottom: calc(var(--spacing) * 8);
|
|
4400
4382
|
}
|
|
4401
|
-
.pb-16 {
|
|
4402
|
-
padding-bottom: calc(var(--spacing) * 16);
|
|
4403
|
-
}
|
|
4404
4383
|
.pl-\(--code-block-header-pl\,1rem\) {
|
|
4405
4384
|
padding-left: var(--code-block-header-pl,1rem);
|
|
4406
4385
|
}
|
|
@@ -4687,10 +4666,6 @@
|
|
|
4687
4666
|
--tw-tracking: -0.35px;
|
|
4688
4667
|
letter-spacing: -0.35px;
|
|
4689
4668
|
}
|
|
4690
|
-
.tracking-\[0\.12em\] {
|
|
4691
|
-
--tw-tracking: 0.12em;
|
|
4692
|
-
letter-spacing: 0.12em;
|
|
4693
|
-
}
|
|
4694
4669
|
.tracking-normal {
|
|
4695
4670
|
--tw-tracking: var(--tracking-normal);
|
|
4696
4671
|
letter-spacing: var(--tracking-normal);
|
|
@@ -4846,12 +4821,6 @@
|
|
|
4846
4821
|
color: color-mix(in oklab, var(--foreground) 50%, transparent);
|
|
4847
4822
|
}
|
|
4848
4823
|
}
|
|
4849
|
-
.text-foreground\/60 {
|
|
4850
|
-
color: var(--foreground);
|
|
4851
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4852
|
-
color: color-mix(in oklab, var(--foreground) 60%, transparent);
|
|
4853
|
-
}
|
|
4854
|
-
}
|
|
4855
4824
|
.text-gray-50 {
|
|
4856
4825
|
color: var(--color-gray-50);
|
|
4857
4826
|
}
|
|
@@ -4891,12 +4860,6 @@
|
|
|
4891
4860
|
color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
|
|
4892
4861
|
}
|
|
4893
4862
|
}
|
|
4894
|
-
.text-muted-foreground\/70 {
|
|
4895
|
-
color: var(--muted-foreground);
|
|
4896
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
4897
|
-
color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
|
|
4898
|
-
}
|
|
4899
|
-
}
|
|
4900
4863
|
.text-orange-500 {
|
|
4901
4864
|
color: var(--color-orange-500);
|
|
4902
4865
|
}
|
|
@@ -5362,11 +5325,6 @@
|
|
|
5362
5325
|
.zoom-out-95 {
|
|
5363
5326
|
--tw-exit-scale: calc(95 / 100);
|
|
5364
5327
|
}
|
|
5365
|
-
.group-open\:rotate-90 {
|
|
5366
|
-
&:is(:where(.group):is([open], :popover-open, :open) *) {
|
|
5367
|
-
rotate: 90deg;
|
|
5368
|
-
}
|
|
5369
|
-
}
|
|
5370
5328
|
.group-focus-within\:block {
|
|
5371
5329
|
&:is(:where(.group):focus-within *) {
|
|
5372
5330
|
display: block;
|