@uipath/apollo-wind 2.37.1 → 2.39.0

package/dist/components/ui/index.cjs

@@ -27,10 +27,10 @@ var __webpack_modules__ = {
     "@/components/ui/button" (module) {
         module.exports = require("./button.cjs");
     },
-    "./calendar" (module) {
+    "@/components/ui/calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "@/components/ui/card" (module) {
+    "./card" (module) {
         module.exports = require("./card.cjs");
     },
     "./chart" (module) {
@@ -39,7 +39,7 @@ var __webpack_modules__ = {
     "@/components/ui/checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
-    "@/components/ui/collapsible" (module) {
+    "./collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -48,7 +48,7 @@ var __webpack_modules__ = {
     "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
-    "@/components/ui/context-menu" (module) {
+    "./context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (module) {
@@ -60,7 +60,7 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "@/components/ui/dialog" (module) {
+    "./dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./drawer" (module) {
@@ -69,7 +69,7 @@ var __webpack_modules__ = {
     "@/components/ui/dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
-    "./editable-cell" (module) {
+    "@/components/ui/editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -78,10 +78,10 @@ var __webpack_modules__ = {
     "./file-upload" (module) {
         module.exports = require("./file-upload.cjs");
     },
-    "@/components/ui/hover-card" (module) {
+    "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "./input-group" (module) {
+    "@/components/ui/input-group" (module) {
         module.exports = require("./input-group.cjs");
     },
     "@/components/ui/input" (module) {
@@ -156,13 +156,13 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "./table" (module) {
+    "@/components/ui/table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "@/components/ui/textarea" (module) {
+    "./textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./toggle-group" (module) {
@@ -290,14 +290,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _calendar__rspack_import_9 = __webpack_require__("./calendar");
+    var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_9)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
+    var _card__rspack_import_10 = __webpack_require__("./card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_10)if ([
         "TreeView",
@@ -318,7 +318,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_12[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_13 = __webpack_require__("@/components/ui/collapsible");
+    var _collapsible__rspack_import_13 = __webpack_require__("./collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_13)if ([
         "TreeView",
@@ -339,7 +339,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_15[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_16 = __webpack_require__("@/components/ui/context-menu");
+    var _context_menu__rspack_import_16 = __webpack_require__("./context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_16)if ([
         "TreeView",
@@ -367,7 +367,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_20 = __webpack_require__("@/components/ui/dialog");
+    var _dialog__rspack_import_20 = __webpack_require__("./dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_20)if ([
         "TreeView",
@@ -388,7 +388,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_23 = __webpack_require__("./editable-cell");
+    var _editable_cell__rspack_import_23 = __webpack_require__("@/components/ui/editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_23)if ([
         "TreeView",
@@ -409,7 +409,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_file_upload__rspack_import_25[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_26 = __webpack_require__("@/components/ui/hover-card");
+    var _hover_card__rspack_import_26 = __webpack_require__("./hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_26)if ([
         "TreeView",
@@ -423,7 +423,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_27[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input_group__rspack_import_28 = __webpack_require__("./input-group");
+    var _input_group__rspack_import_28 = __webpack_require__("@/components/ui/input-group");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input_group__rspack_import_28)if ([
         "TreeView",
@@ -591,7 +591,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_51[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_52 = __webpack_require__("./table");
+    var _table__rspack_import_52 = __webpack_require__("@/components/ui/table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_52)if ([
         "TreeView",
@@ -605,7 +605,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_53[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_54 = __webpack_require__("@/components/ui/textarea");
+    var _textarea__rspack_import_54 = __webpack_require__("./textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_54)if ([
         "TreeView",

package/dist/components/ui/lockable-value-field/components/field-header.cjs

@@ -39,7 +39,7 @@ const external_tooltip_cjs_namespaceObject = require("../../tooltip.cjs");
 const index_cjs_namespaceObject = require("../../variable-picker/index.cjs");
 const external_lib_index_cjs_namespaceObject = require("../../../../lib/index.cjs");
 const external_types_cjs_namespaceObject = require("../types.cjs");
-function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, controlsVisibility, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
+function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
     const promptId = (0, external_react_namespaceObject.useId)();
     const [aiPrompt, setAiPrompt] = (0, external_react_namespaceObject.useState)('');
     const typeMeta = external_types_cjs_namespaceObject.FIELD_TYPE_META[fieldType];
@@ -51,7 +51,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
         children: [
             label ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label, {
                 htmlFor: fieldId,
-                className: "text-xs font-medium text-foreground-muted",
+                className: "text-xs font-medium text-foreground",
                 children: [
                     fieldLabel,
                     required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.RequiredIndicator, {})
@@ -63,7 +63,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
                     className: "ml-auto flex items-center gap-0.5",
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                            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'),
+                            className: "flex items-center gap-0.5",
                             children: [
                                 onFieldTypeChange && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
                                     children: [

package/dist/components/ui/lockable-value-field/components/field-header.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { LockableFieldType, LockableValueFieldOption } from '../types';
-export declare function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, controlsVisibility, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions, }: {
+export declare function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions, }: {
     label?: ReactNode;
     fieldId: string;
     fieldLabel: string;
@@ -8,7 +8,6 @@ export declare function FieldHeader({ label, fieldId, fieldLabel, required, fiel
     fieldType: LockableFieldType;
     onFieldTypeChange?: (fieldType: LockableFieldType) => void;
     onRequiredChange?: (required: boolean) => void;
-    controlsVisibility: 'visible' | 'hover';
     compact?: boolean;
     showFieldActions: boolean;
     value: string;

package/dist/components/ui/lockable-value-field/components/field-header.js

@@ -11,7 +11,7 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../
 import { VariablePicker } from "../../variable-picker/index.js";
 import { cn } from "../../../../lib/index.js";
 import { FIELD_TYPE_META, FIELD_TYPE_ORDER } from "../types.js";
-function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, controlsVisibility, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
+function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
     const promptId = useId();
     const [aiPrompt, setAiPrompt] = useState('');
     const typeMeta = FIELD_TYPE_META[fieldType];
@@ -23,7 +23,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
         children: [
             label ?? /*#__PURE__*/ jsxs(Label, {
                 htmlFor: fieldId,
-                className: "text-xs font-medium text-foreground-muted",
+                className: "text-xs font-medium text-foreground",
                 children: [
                     fieldLabel,
                     required && /*#__PURE__*/ jsx(RequiredIndicator, {})
@@ -35,7 +35,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
                     className: "ml-auto flex items-center gap-0.5",
                     children: [
                         /*#__PURE__*/ jsxs("div", {
-                            className: 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'),
+                            className: "flex items-center gap-0.5",
                             children: [
                                 onFieldTypeChange && /*#__PURE__*/ jsxs(DropdownMenu, {
                                     children: [

package/dist/components/ui/lockable-value-field/lockable-value-field.cjs

@@ -44,7 +44,7 @@ const lock_toggle_button_cjs_namespaceObject = require("./components/lock-toggle
 const mode_menu_item_cjs_namespaceObject = require("./components/mode-menu-item.cjs");
 const external_types_cjs_namespaceObject = require("./types.cjs");
 const external_utils_cjs_namespaceObject = require("./utils.cjs");
-function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, fileUploadAriaLabel, headerActions, compact, controlsVisibility = 'visible', showFieldActions = true, options = external_utils_cjs_namespaceObject.DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
+function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, leadingAddon, trailingAddon, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, showFieldActions = true, options = external_utils_cjs_namespaceObject.DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
     const generatedId = (0, external_react_namespaceObject.useId)().replace(/:/g, '');
     const [datePopoverOpen, setDatePopoverOpen] = (0, external_react_namespaceObject.useState)(false);
     const [selectOpen, setSelectOpen] = (0, external_react_namespaceObject.useState)(false);
@@ -68,7 +68,6 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                 fieldType: fieldType,
                 onFieldTypeChange: onFieldTypeChange,
                 onRequiredChange: onRequiredChange,
-                controlsVisibility: controlsVisibility,
                 compact: compact,
                 showFieldActions: showFieldActions,
                 value: value,
@@ -80,10 +79,11 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
             typeMeta.supportsExpression ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_input_group_cjs_namespaceObject.InputGroup, {
                 error: error,
                 errorId: validationId,
+                className: (0, index_cjs_namespaceObject.cn)('bg-surface-overlay', 'file' === fieldType && !locked && 'fixed' === effectiveMode && 'h-auto items-stretch'),
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
+                    null !== leadingAddon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
                         align: "inline-start",
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(lock_toggle_button_cjs_namespaceObject.LockToggleButton, {
+                        children: void 0 !== leadingAddon ? leadingAddon : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(lock_toggle_button_cjs_namespaceObject.LockToggleButton, {
                             locked: locked,
                             onLockedChange: onLockedChange
                         })
@@ -161,6 +161,16 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                                 })
                             })
                         ]
+                    }) : 'file' === fieldType ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_file_upload_cjs_namespaceObject.FileUpload, {
+                        id: fieldId,
+                        ariaLabel: fileUploadAriaLabel ?? ('string' == typeof label ? label : fieldLabel),
+                        className: "flex-1",
+                        onFilesChange: (files)=>onValueChange?.(files.map((f)=>f.name).join(', ')),
+                        disabled: !onValueChange,
+                        onBlur: onValueBlur,
+                        "aria-invalid": error ? true : void 0,
+                        "aria-describedby": error ? validationId : void 0,
+                        "aria-errormessage": error ? validationId : void 0
                     }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupInput, {
                         id: fieldId,
                         type: 'integer' === fieldType ? 'number' : 'text',
@@ -170,9 +180,10 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         onBlur: onValueBlur,
                         placeholder: fieldLabel
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
+                    null !== trailingAddon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
                         align: "inline-end",
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
+                        className: null != trailingAddon ? 'cursor-default' : void 0,
+                        children: void 0 !== trailingAddon ? trailingAddon : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
                             children: [
                                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
                                     asChild: true,
@@ -211,7 +222,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
             }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                 className: "flex items-center gap-2",
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(lock_toggle_button_cjs_namespaceObject.LockToggleButton, {
+                    void 0 !== leadingAddon ? leadingAddon : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(lock_toggle_button_cjs_namespaceObject.LockToggleButton, {
                         locked: locked,
                         onLockedChange: onLockedChange
                     }),
@@ -264,17 +275,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         "aria-invalid": error ? true : void 0,
                         "aria-describedby": error ? validationId : void 0,
                         "aria-errormessage": error ? validationId : void 0
-                    }) : 'file' === fieldType && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_file_upload_cjs_namespaceObject.FileUpload, {
-                        id: fieldId,
-                        ariaLabel: fileUploadAriaLabel ?? ('string' == typeof label ? label : fieldLabel),
-                        className: "flex-1",
-                        onFilesChange: (files)=>onValueChange?.(files.map((f)=>f.name).join(', ')),
-                        disabled: !onValueChange,
-                        onBlur: onValueBlur,
-                        "aria-invalid": error ? true : void 0,
-                        "aria-describedby": error ? validationId : void 0,
-                        "aria-errormessage": error ? validationId : void 0
-                    })
+                    }) : null
                 ]
             }),
             error && !typeMeta.supportsExpression && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
@@ -284,7 +285,8 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                 "aria-atomic": "true",
                 className: "mt-1 text-xs leading-4 text-error",
                 children: error
-            })
+            }),
+            belowValue
         ]
     });
 }

package/dist/components/ui/lockable-value-field/lockable-value-field.d.ts

@@ -11,4 +11,4 @@ import type { LockableValueFieldProps } from './types';
  * Insert-variable menu is empty (and disabled) unless `variables` is
  * provided; file uploads aren't persisted anywhere.
  */
-export declare function LockableValueField({ value, onValueChange, onValueBlur, locked, onLockedChange, mode, onModeChange, renderExpressionEditor, fieldType, onFieldTypeChange, required, onRequiredChange, label, error, errorId, fileUploadAriaLabel, headerActions, compact, controlsVisibility, showFieldActions, options, onGenerateWithAi, variables, id, className, }: LockableValueFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function LockableValueField({ value, onValueChange, onValueBlur, locked, onLockedChange, leadingAddon, trailingAddon, mode, onModeChange, renderExpressionEditor, fieldType, onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, showFieldActions, options, onGenerateWithAi, variables, id, className, }: LockableValueFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/lockable-value-field/lockable-value-field.js

@@ -16,7 +16,7 @@ import { LockToggleButton } from "./components/lock-toggle-button.js";
 import { ModeMenuItem } from "./components/mode-menu-item.js";
 import { FIELD_TYPE_META } from "./types.js";
 import { DEFAULT_SELECT_OPTIONS, formatDateValue, getLockedDisplayValue, parseDateValue, parseListValue, toDateOnlyString } from "./utils.js";
-function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, fileUploadAriaLabel, headerActions, compact, controlsVisibility = 'visible', showFieldActions = true, options = DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
+function LockableValueField({ value = '', onValueChange, onValueBlur, locked = true, onLockedChange, leadingAddon, trailingAddon, mode = 'fixed', onModeChange, renderExpressionEditor, fieldType = 'string', onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, showFieldActions = true, options = DEFAULT_SELECT_OPTIONS, onGenerateWithAi, variables = [], id, className }) {
     const generatedId = useId().replace(/:/g, '');
     const [datePopoverOpen, setDatePopoverOpen] = useState(false);
     const [selectOpen, setSelectOpen] = useState(false);
@@ -40,7 +40,6 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                 fieldType: fieldType,
                 onFieldTypeChange: onFieldTypeChange,
                 onRequiredChange: onRequiredChange,
-                controlsVisibility: controlsVisibility,
                 compact: compact,
                 showFieldActions: showFieldActions,
                 value: value,
@@ -52,10 +51,11 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
             typeMeta.supportsExpression ? /*#__PURE__*/ jsxs(InputGroup, {
                 error: error,
                 errorId: validationId,
+                className: cn('bg-surface-overlay', 'file' === fieldType && !locked && 'fixed' === effectiveMode && 'h-auto items-stretch'),
                 children: [
-                    /*#__PURE__*/ jsx(InputGroupAddon, {
+                    null !== leadingAddon && /*#__PURE__*/ jsx(InputGroupAddon, {
                         align: "inline-start",
-                        children: /*#__PURE__*/ jsx(LockToggleButton, {
+                        children: void 0 !== leadingAddon ? leadingAddon : /*#__PURE__*/ jsx(LockToggleButton, {
                             locked: locked,
                             onLockedChange: onLockedChange
                         })
@@ -133,6 +133,16 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                                 })
                             })
                         ]
+                    }) : 'file' === fieldType ? /*#__PURE__*/ jsx(FileUpload, {
+                        id: fieldId,
+                        ariaLabel: fileUploadAriaLabel ?? ('string' == typeof label ? label : fieldLabel),
+                        className: "flex-1",
+                        onFilesChange: (files)=>onValueChange?.(files.map((f)=>f.name).join(', ')),
+                        disabled: !onValueChange,
+                        onBlur: onValueBlur,
+                        "aria-invalid": error ? true : void 0,
+                        "aria-describedby": error ? validationId : void 0,
+                        "aria-errormessage": error ? validationId : void 0
                     }) : /*#__PURE__*/ jsx(InputGroupInput, {
                         id: fieldId,
                         type: 'integer' === fieldType ? 'number' : 'text',
@@ -142,9 +152,10 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         onBlur: onValueBlur,
                         placeholder: fieldLabel
                     }),
-                    /*#__PURE__*/ jsx(InputGroupAddon, {
+                    null !== trailingAddon && /*#__PURE__*/ jsx(InputGroupAddon, {
                         align: "inline-end",
-                        children: /*#__PURE__*/ jsxs(DropdownMenu, {
+                        className: null != trailingAddon ? 'cursor-default' : void 0,
+                        children: void 0 !== trailingAddon ? trailingAddon : /*#__PURE__*/ jsxs(DropdownMenu, {
                             children: [
                                 /*#__PURE__*/ jsx(DropdownMenuTrigger, {
                                     asChild: true,
@@ -183,7 +194,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
             }) : /*#__PURE__*/ jsxs("div", {
                 className: "flex items-center gap-2",
                 children: [
-                    /*#__PURE__*/ jsx(LockToggleButton, {
+                    void 0 !== leadingAddon ? leadingAddon : /*#__PURE__*/ jsx(LockToggleButton, {
                         locked: locked,
                         onLockedChange: onLockedChange
                     }),
@@ -236,17 +247,7 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         "aria-invalid": error ? true : void 0,
                         "aria-describedby": error ? validationId : void 0,
                         "aria-errormessage": error ? validationId : void 0
-                    }) : 'file' === fieldType && /*#__PURE__*/ jsx(FileUpload, {
-                        id: fieldId,
-                        ariaLabel: fileUploadAriaLabel ?? ('string' == typeof label ? label : fieldLabel),
-                        className: "flex-1",
-                        onFilesChange: (files)=>onValueChange?.(files.map((f)=>f.name).join(', ')),
-                        disabled: !onValueChange,
-                        onBlur: onValueBlur,
-                        "aria-invalid": error ? true : void 0,
-                        "aria-describedby": error ? validationId : void 0,
-                        "aria-errormessage": error ? validationId : void 0
-                    })
+                    }) : null
                 ]
             }),
             error && !typeMeta.supportsExpression && /*#__PURE__*/ jsx("p", {
@@ -256,7 +257,8 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                 "aria-atomic": "true",
                 className: "mt-1 text-xs leading-4 text-error",
                 children: error
-            })
+            }),
+            belowValue
         ]
     });
 }

package/dist/components/ui/lockable-value-field/types.cjs

@@ -74,9 +74,16 @@ const FIELD_TYPE_META = {
     file: {
         label: 'File',
         icon: external_lucide_react_namespaceObject.File,
-        supportsExpression: false,
+        supportsExpression: true,
         fixedLabel: 'Fixed value',
         fixedDescription: 'Upload a file'
+    },
+    object: {
+        label: 'Object',
+        icon: external_lucide_react_namespaceObject.Braces,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal object value'
     }
 };
 const FIELD_TYPE_ORDER = [
@@ -86,7 +93,8 @@ const FIELD_TYPE_ORDER = [
     'boolean',
     'single-select',
     'multi-select',
-    'file'
+    'file',
+    'object'
 ];
 exports.FIELD_TYPE_META = __webpack_exports__.FIELD_TYPE_META;
 exports.FIELD_TYPE_ORDER = __webpack_exports__.FIELD_TYPE_ORDER;

package/dist/components/ui/lockable-value-field/types.d.ts

@@ -1,7 +1,7 @@
 import { type LucideIcon } from 'lucide-react';
 import type { AriaAttributes, ReactNode } from 'react';
 export type LockableValueFieldMode = 'fixed' | 'expression';
-export type LockableFieldType = 'string' | 'integer' | 'date' | 'boolean' | 'single-select' | 'multi-select' | 'file';
+export type LockableFieldType = 'string' | 'integer' | 'date' | 'boolean' | 'single-select' | 'multi-select' | 'file' | 'object';
 interface FieldTypeMeta {
     label: string;
     icon: LucideIcon;
@@ -26,6 +26,17 @@ export interface LockableValueFieldProps {
     locked?: boolean;
     /** Called when the user toggles the lock. */
     onLockedChange?: (locked: boolean) => void;
+    /**
+     * Replaces the leading lock toggle with a semantic prefix such as `=`.
+     * Pass `null` to suppress the built-in toggle; omitting the prop preserves it.
+     */
+    leadingAddon?: ReactNode;
+    /**
+     * Replaces the trailing fixed/expression menu with a consumer-provided action
+     * for expression-capable field types. Pass `null` to suppress the built-in
+     * menu; omitting the prop preserves it.
+     */
+    trailingAddon?: ReactNode;
     /** Fixed value vs. JS expression. Defaults to 'fixed'. Ignored for types that don't support expressions. */
     mode?: LockableValueFieldMode;
     /** Called when the user switches modes. */
@@ -61,13 +72,15 @@ export interface LockableValueFieldProps {
     error?: ReactNode;
     /** Optional id for the inline validation message. */
     errorId?: string;
+    /** Content rendered below the value control, such as a related checkbox or help text. */
+    belowValue?: ReactNode;
     /** Accessible name for the file-upload dropzone. Defaults to a string `label`, then the computed field label. */
     fileUploadAriaLabel?: string;
     /** Extra content rendered after the built-in AI assist / Insert variable buttons (e.g. a delete button). */
     headerActions?: ReactNode;
     /** Forces the header row into its narrow-container icon-only layout, regardless of actual width. For demos/comparisons. */
     compact?: boolean;
-    /** Whether the field-type, AI-assist, and insert-variable controls are always shown or only on hover. Defaults to 'visible'. */
+    /** @deprecated Controls are always visible. Retained as a no-op for backwards compatibility. */
     controlsVisibility?: 'visible' | 'hover';
     /** Whether the AI-assist and Insert-variable actions render at all. Set to false for read-only reviewer contexts where field configuration isn't editable. Defaults to true. */
     showFieldActions?: boolean;

package/dist/components/ui/lockable-value-field/types.js

@@ -1,4 +1,4 @@
-import { ALargeSmall, Calendar, File, Hash, List, ListChecks, ToggleLeft } from "lucide-react";
+import { ALargeSmall, Braces, Calendar, File, Hash, List, ListChecks, ToggleLeft } from "lucide-react";
 const FIELD_TYPE_META = {
     string: {
         label: 'String',
@@ -45,9 +45,16 @@ const FIELD_TYPE_META = {
     file: {
         label: 'File',
         icon: File,
-        supportsExpression: false,
+        supportsExpression: true,
         fixedLabel: 'Fixed value',
         fixedDescription: 'Upload a file'
+    },
+    object: {
+        label: 'Object',
+        icon: Braces,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal object value'
     }
 };
 const FIELD_TYPE_ORDER = [
@@ -57,6 +64,7 @@ const FIELD_TYPE_ORDER = [
     'boolean',
     'single-select',
     'multi-select',
-    'file'
+    'file',
+    'object'
 ];
 export { FIELD_TYPE_META, FIELD_TYPE_ORDER };

package/dist/styles.css

@@ -1472,6 +1472,9 @@
   .w-\[600px\] {
     width: 600px;
   }
+  .w-\[620px\] {
+    width: 620px;
+  }
   .w-\[700px\] {
     width: 700px;
   }
@@ -3616,9 +3619,6 @@
   .\!px-1\.5 {
     padding-inline: calc(var(--spacing) * 1.5) !important;
   }
-  .\!px-2\.5 {
-    padding-inline: calc(var(--spacing) * 2.5) !important;
-  }
   .\[padding-inline\:var\(--mf-content-inset\,0px\)\] {
     padding-inline: var(--mf-content-inset,0px);
   }
@@ -3853,10 +3853,6 @@
   .font-sans {
     font-family: var(--font-sans);
   }
-  .\!text-xs {
-    font-size: var(--text-xs) !important;
-    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
-  }
   .text-2xl {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -3916,6 +3912,10 @@
   .text-\[40px\] {
     font-size: 40px;
   }
+  .leading-3 {
+    --tw-leading: calc(var(--spacing) * 3);
+    line-height: calc(var(--spacing) * 3);
+  }
   .leading-4 {
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);
@@ -4287,6 +4287,9 @@
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
+  .accent-brand {
+    accent-color: var(--brand);
+  }
   .accent-primary {
     accent-color: var(--primary);
   }
@@ -4522,11 +4525,6 @@
       rotate: 90deg;
     }
   }
-  .group-focus-within\:opacity-100 {
-    &:is(:where(.group):focus-within *) {
-      opacity: 100%;
-    }
-  }
   .group-focus-within\/input\:bg-foreground-accent {
     &:is(:where(.group\/input):focus-within *) {
       background-color: var(--foreground-accent);
@@ -5604,11 +5602,6 @@
       }
     }
   }
-  .has-\[\[aria-expanded\=true\]\]\:opacity-100 {
-    &:has(*:is([aria-expanded=true])) {
-      opacity: 100%;
-    }
-  }
   .has-\[\[data-slot\=input-group-control\]\:disabled\]\:cursor-not-allowed {
     &:has(*:is([data-slot=input-group-control]:disabled)) {
       cursor: not-allowed;

package/package.json

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