@uipath/apollo-wind 2.73.1 → 2.74.0

package/dist/components/ui/index.cjs

@@ -18,7 +18,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "./badge" (module) {
+    "@/components/ui/badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./boolean-radio-group" (module) {
@@ -60,7 +60,7 @@ var __webpack_modules__ = {
     "@/components/ui/code-block" (module) {
         module.exports = require("./code-block.cjs");
     },
-    "./collapsible" (module) {
+    "@/components/ui/collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -69,7 +69,7 @@ var __webpack_modules__ = {
     "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
-    "./context-menu" (module) {
+    "@/components/ui/context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (module) {
@@ -117,10 +117,10 @@ var __webpack_modules__ = {
     "./form-field" (module) {
         module.exports = require("./form-field.cjs");
     },
-    "./hover-card" (module) {
+    "@/components/ui/hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "./info-tooltip" (module) {
+    "@/components/ui/info-tooltip" (module) {
         module.exports = require("./info-tooltip.cjs");
     },
     "@/components/ui/input-group" (module) {
@@ -132,10 +132,10 @@ var __webpack_modules__ = {
     "./json-tree-view" (module) {
         module.exports = require("./json-tree-view/index.cjs");
     },
-    "./label" (module) {
+    "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
-    "./layout" (module) {
+    "@/components/ui/layout" (module) {
         module.exports = require("./layout/index.cjs");
     },
     "./live-region" (module) {
@@ -201,7 +201,7 @@ var __webpack_modules__ = {
     "./reference-chip-colors" (module) {
         module.exports = require("./reference-chip-colors.cjs");
     },
-    "./reference-chip" (module) {
+    "@/components/ui/reference-chip" (module) {
         module.exports = require("./reference-chip.cjs");
     },
     "./resizable" (module) {
@@ -255,7 +255,7 @@ var __webpack_modules__ = {
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "@/components/ui/textarea" (module) {
+    "./textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./thinking-indicator" (module) {
@@ -264,7 +264,7 @@ var __webpack_modules__ = {
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "@/components/ui/toggle" (module) {
+    "./toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "./tool-call" (module) {
@@ -276,7 +276,7 @@ var __webpack_modules__ = {
     "./tree-view" (module) {
         module.exports = require("./tree-view.cjs");
     },
-    "./variable-picker" (module) {
+    "@/components/ui/variable-picker" (module) {
         module.exports = require("./variable-picker/index.cjs");
     },
     "./variable-value-control" (module) {
@@ -392,7 +392,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_5[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _badge__rspack_import_6 = __webpack_require__("./badge");
+    var _badge__rspack_import_6 = __webpack_require__("@/components/ui/badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_6)if ([
         "getReferenceChipColors",
@@ -532,7 +532,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_code_block__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_20 = __webpack_require__("./collapsible");
+    var _collapsible__rspack_import_20 = __webpack_require__("@/components/ui/collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_20)if ([
         "getReferenceChipColors",
@@ -562,7 +562,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_23 = __webpack_require__("./context-menu");
+    var _context_menu__rspack_import_23 = __webpack_require__("@/components/ui/context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_23)if ([
         "getReferenceChipColors",
@@ -722,7 +722,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_form_field__rspack_import_38[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_39 = __webpack_require__("./hover-card");
+    var _hover_card__rspack_import_39 = __webpack_require__("@/components/ui/hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_39)if ([
         "getReferenceChipColors",
@@ -732,7 +732,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_39[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _info_tooltip__rspack_import_40 = __webpack_require__("./info-tooltip");
+    var _info_tooltip__rspack_import_40 = __webpack_require__("@/components/ui/info-tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _info_tooltip__rspack_import_40)if ([
         "getReferenceChipColors",
@@ -772,7 +772,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_json_tree_view__rspack_import_43[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_44 = __webpack_require__("./label");
+    var _label__rspack_import_44 = __webpack_require__("@/components/ui/label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_44)if ([
         "getReferenceChipColors",
@@ -782,7 +782,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_label__rspack_import_44[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _layout__rspack_import_45 = __webpack_require__("./layout");
+    var _layout__rspack_import_45 = __webpack_require__("@/components/ui/layout");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _layout__rspack_import_45)if ([
         "getReferenceChipColors",
@@ -992,7 +992,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_radio_group__rspack_import_65[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _reference_chip__rspack_import_66 = __webpack_require__("./reference-chip");
+    var _reference_chip__rspack_import_66 = __webpack_require__("@/components/ui/reference-chip");
     var _reference_chip_colors__rspack_import_67 = __webpack_require__("./reference-chip-colors");
     var _resizable__rspack_import_68 = __webpack_require__("./resizable");
     var __rspack_reexport = {};
@@ -1164,7 +1164,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_84[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_85 = __webpack_require__("@/components/ui/textarea");
+    var _textarea__rspack_import_85 = __webpack_require__("./textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_85)if ([
         "getReferenceChipColors",
@@ -1184,7 +1184,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_thinking_indicator__rspack_import_86[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_87 = __webpack_require__("@/components/ui/toggle");
+    var _toggle__rspack_import_87 = __webpack_require__("./toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_87)if ([
         "getReferenceChipColors",
@@ -1226,7 +1226,7 @@ var __webpack_exports__ = {};
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _tree_view__rspack_import_91 = __webpack_require__("./tree-view");
     var _tree_view__rspack_import_91_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_91);
-    var _variable_picker__rspack_import_92 = __webpack_require__("./variable-picker");
+    var _variable_picker__rspack_import_92 = __webpack_require__("@/components/ui/variable-picker");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _variable_picker__rspack_import_92)if ([
         "getReferenceChipColors",

package/dist/components/ui/quick-form-field/quick-form-field.cjs

@@ -121,7 +121,8 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
         mode
     ]);
     const handleValueKeyDown = (e)=>{
-        if ('Enter' === e.key) {
+        const newLine = e.shiftKey && e.currentTarget instanceof HTMLTextAreaElement;
+        if ('Enter' === e.key && !newLine) {
             e.preventDefault();
             e.currentTarget.blur();
         }
@@ -149,9 +150,12 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
             input.setSelectionRange(next_caret, next_caret);
         });
     };
+    const setValueInput = (0, external_react_namespaceObject.useCallback)((el)=>{
+        valueInputRef.current = el;
+    }, []);
     const textInputProps = {
         id: fieldId,
-        ref: valueInputRef,
+        ref: setValueInput,
         readOnly: !editableOnValueChange,
         disabled,
         value,
@@ -277,6 +281,10 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
         placeholder: strings.selectOptions,
         disabled: !editableOnValueChange,
         onBlur: onValueBlur
+    }) : 'textarea' === fieldType ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupTextarea, {
+        ...textInputProps,
+        minRows: 3,
+        maxRows: 8
     }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupInput, {
         ...textInputProps,
         type: 'integer' === fieldType || 'double' === fieldType ? 'number' : 'text',
@@ -312,7 +320,7 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
                 error: error,
                 errorId: validationId,
                 disabled: disabled,
-                layout: 'literal' === mode && ('file' === fieldType || 'multi-select' === fieldType) ? 'grow' : 'row',
+                layout: 'literal' === mode && ('file' === fieldType || 'multi-select' === fieldType || 'textarea' === fieldType) ? 'grow' : 'row',
                 children: [
                     (showLock || void 0 !== leadingAddon) && null !== leadingAddon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
                         align: "inline-start",

package/dist/components/ui/quick-form-field/quick-form-field.d.ts

@@ -18,6 +18,7 @@ import type { QuickFormFieldProps } from './types';
  * - Insert variable renders `variables` as supplied and splices at the caret;
  *   `onInsertVariable` takes over what inserting means.
  * - Enter commits through `onValueBlur`, Escape restores the value as of focus.
+ *   In a text area Shift+Enter adds a new line.
  * - Every user-visible string can be overridden through `strings`.
  *
  * The expression mode is styled as code but not highlighted or evaluated.

package/dist/components/ui/quick-form-field/quick-form-field.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { RefreshCw, Trash2 } from "lucide-react";
-import { useEffect, useId, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
 import { Calendar } from "../calendar.js";
 import { DateTimePicker } from "../datetime-picker.js";
 import { FileUpload } from "../file-upload.js";
-import { InputGroup, InputGroupAddon, InputGroupInput } from "../input-group.js";
+import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea } from "../input-group.js";
 import { MultiSelect } from "../multi-select.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../popover.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select.js";
@@ -93,7 +93,8 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
         mode
     ]);
     const handleValueKeyDown = (e)=>{
-        if ('Enter' === e.key) {
+        const newLine = e.shiftKey && e.currentTarget instanceof HTMLTextAreaElement;
+        if ('Enter' === e.key && !newLine) {
             e.preventDefault();
             e.currentTarget.blur();
         }
@@ -121,9 +122,12 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
             input.setSelectionRange(next_caret, next_caret);
         });
     };
+    const setValueInput = useCallback((el)=>{
+        valueInputRef.current = el;
+    }, []);
     const textInputProps = {
         id: fieldId,
-        ref: valueInputRef,
+        ref: setValueInput,
         readOnly: !editableOnValueChange,
         disabled,
         value,
@@ -249,6 +253,10 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
         placeholder: strings.selectOptions,
         disabled: !editableOnValueChange,
         onBlur: onValueBlur
+    }) : 'textarea' === fieldType ? /*#__PURE__*/ jsx(InputGroupTextarea, {
+        ...textInputProps,
+        minRows: 3,
+        maxRows: 8
     }) : /*#__PURE__*/ jsx(InputGroupInput, {
         ...textInputProps,
         type: 'integer' === fieldType || 'double' === fieldType ? 'number' : 'text',
@@ -284,7 +292,7 @@ function QuickFormField({ value = '', onValueChange, onValueBlur, locked = true,
                 error: error,
                 errorId: validationId,
                 disabled: disabled,
-                layout: 'literal' === mode && ('file' === fieldType || 'multi-select' === fieldType) ? 'grow' : 'row',
+                layout: 'literal' === mode && ('file' === fieldType || 'multi-select' === fieldType || 'textarea' === fieldType) ? 'grow' : 'row',
                 children: [
                     (showLock || void 0 !== leadingAddon) && null !== leadingAddon && /*#__PURE__*/ jsx(InputGroupAddon, {
                         align: "inline-start",

package/dist/components/ui/quick-form-field/types.cjs

@@ -37,6 +37,13 @@ const FIELD_TYPE_META = {
         fixedLabel: 'Fixed value',
         fixedDescription: 'Use a literal string value'
     },
+    textarea: {
+        label: 'Text area',
+        icon: external_lucide_react_namespaceObject.AlignLeft,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal multi-line string value'
+    },
     integer: {
         label: 'Integer',
         icon: external_lucide_react_namespaceObject.Hash,
@@ -110,6 +117,7 @@ const FIELD_TYPE_META = {
 };
 const FIELD_TYPE_ORDER = [
     'string',
+    'textarea',
     'integer',
     'double',
     'date',

package/dist/components/ui/quick-form-field/types.d.ts

@@ -2,7 +2,7 @@ import { type LucideIcon } from 'lucide-react';
 import type { AriaAttributes, ReactNode } from 'react';
 import type { ValueMode } from '../field-addons/value-mode-strings';
 export type QuickFormFieldMode = ValueMode;
-export type QuickFieldType = 'string' | 'integer' | 'double' | 'date' | 'datetime' | 'boolean' | 'single-select' | 'multi-select' | 'array' | 'file' | 'object';
+export type QuickFieldType = 'string' | 'textarea' | 'integer' | 'double' | 'date' | 'datetime' | 'boolean' | 'single-select' | 'multi-select' | 'array' | 'file' | 'object';
 interface FieldTypeMeta {
     label: string;
     icon: LucideIcon;

package/dist/components/ui/quick-form-field/types.js

@@ -1,4 +1,4 @@
-import { ALargeSmall, Braces, Brackets, Calendar, CalendarClock, File, Hash, List, ListChecks, Sigma, ToggleLeft } from "lucide-react";
+import { ALargeSmall, AlignLeft, Braces, Brackets, Calendar, CalendarClock, File, Hash, List, ListChecks, Sigma, ToggleLeft } from "lucide-react";
 const FIELD_TYPE_META = {
     string: {
         label: 'String',
@@ -7,6 +7,13 @@ const FIELD_TYPE_META = {
         fixedLabel: 'Fixed value',
         fixedDescription: 'Use a literal string value'
     },
+    textarea: {
+        label: 'Text area',
+        icon: AlignLeft,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal multi-line string value'
+    },
     integer: {
         label: 'Integer',
         icon: Hash,
@@ -80,6 +87,7 @@ const FIELD_TYPE_META = {
 };
 const FIELD_TYPE_ORDER = [
     'string',
+    'textarea',
     'integer',
     'double',
     'date',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.73.1",
+  "version": "2.74.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",