npm - @uipath/apollo-wind - Versions diffs - 2.55.0 → 2.57.0 - Mend

@uipath/apollo-wind 2.55.0 → 2.57.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (111) hide show

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

@@ -28,24 +28,21 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
-const external_react_namespaceObject = require("react");
-const external_button_cjs_namespaceObject = require("../../button.cjs");
 const external_dropdown_menu_cjs_namespaceObject = require("../../dropdown-menu.cjs");
 const external_label_cjs_namespaceObject = require("../../label.cjs");
 const external_popover_cjs_namespaceObject = require("../../popover.cjs");
 const external_switch_cjs_namespaceObject = require("../../switch.cjs");
-const external_textarea_cjs_namespaceObject = require("../../textarea.cjs");
 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 index_cjs_namespaceObject = require("../../../../lib/index.cjs");
+const ai_assist_action_cjs_namespaceObject = require("../../field-actions/ai-assist-action.cjs");
+const collapse_cjs_namespaceObject = require("../../field-actions/collapse.cjs");
+const insert_variable_action_cjs_namespaceObject = require("../../field-actions/insert-variable-action.cjs");
 const external_types_cjs_namespaceObject = require("../types.cjs");
 function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, showAiAssist, 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];
-    const collapsedTextClass = (0, external_lib_index_cjs_namespaceObject.cn)('@max-[259px]:hidden', compact && '!hidden');
-    const collapsedPaddingClass = (0, external_lib_index_cjs_namespaceObject.cn)('@max-[259px]:px-1.5', compact && '!px-1.5');
-    const compactOnlyClass = (0, external_lib_index_cjs_namespaceObject.cn)('hidden @max-[259px]:block', compact && '!block');
+    const collapsedTextClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_HIDDEN, compact && '!hidden');
+    const collapsedPaddingClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_ICON_PADDING, compact && '!px-1.5');
+    const compactOnlyClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_ONLY, compact && '!block');
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         className: "flex items-center gap-1",
         children: [
@@ -76,7 +73,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
                                                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
                                                             type: "button",
                                                             "aria-label": "Field type",
-                                                            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),
+                                                            className: (0, index_cjs_namespaceObject.cn)('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground', collapsedPaddingClass),
                                                             children: [
                                                                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typeMeta.icon, {
                                                                     size: 12
@@ -111,7 +108,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
                                                             className: isActive ? 'text-brand' : 'text-foreground-muted'
                                                         }),
                                                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                            className: (0, external_lib_index_cjs_namespaceObject.cn)(isActive && 'font-medium text-brand'),
+                                                            className: (0, index_cjs_namespaceObject.cn)(isActive && 'font-medium text-brand'),
                                                             children: meta.label
                                                         })
                                                     ]
@@ -197,109 +194,14 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
                                 }),
                                 showFieldActions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                                     children: [
-                                        showAiAssist && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
-                                            children: [
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipTrigger, {
-                                                            asChild: true,
-                                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
-                                                                asChild: true,
-                                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
-                                                                    type: "button",
-                                                                    "aria-label": "AI assist",
-                                                                    className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
-                                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Sparkles, {
-                                                                        size: 12
-                                                                    })
-                                                                })
-                                                            })
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipContent, {
-                                                            children: "Generate with AI"
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent, {
-                                                    align: "end",
-                                                    className: "space-y-3",
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                                            className: "space-y-1.5",
-                                                            children: [
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label, {
-                                                                    htmlFor: promptId,
-                                                                    className: "text-xs font-medium text-foreground-muted",
-                                                                    children: "Describe what you want"
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_textarea_cjs_namespaceObject.Textarea, {
-                                                                    id: promptId,
-                                                                    rows: 3,
-                                                                    value: aiPrompt,
-                                                                    onChange: (e)=>setAiPrompt(e.target.value),
-                                                                    placeholder: "Display a value from the previous step",
-                                                                    className: "resize-none text-sm"
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
-                                                            className: "block text-[11px] text-foreground-subtle",
-                                                            children: [
-                                                                "Output: ",
-                                                                typeMeta.label,
-                                                                typeMeta.supportsExpression ? ' expression' : ' value'
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
-                                                            size: "sm",
-                                                            className: "w-full",
-                                                            disabled: !onGenerateWithAi,
-                                                            onClick: ()=>onGenerateWithAi?.(aiPrompt),
-                                                            children: "Generate"
-                                                        })
-                                                    ]
-                                                })
-                                            ]
+                                        showAiAssist && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ai_assist_action_cjs_namespaceObject.AiAssistAction, {
+                                            onGenerate: onGenerateWithAi,
+                                            hint: `Output: ${typeMeta.label}${typeMeta.supportsExpression ? ' expression' : ' value'}`
                                         }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.VariablePicker, {
-                                            disabled: 0 === variables.length || !onValueChange,
-                                            items: [
-                                                {
-                                                    id: 'vars',
-                                                    label: '$vars',
-                                                    type: 'object',
-                                                    children: variables.map((variable)=>({
-                                                            id: variable.value,
-                                                            label: variable.label,
-                                                            value: variable.value,
-                                                            type: 'string'
-                                                        }))
-                                                }
-                                            ],
-                                            onSelect: (variable)=>{
-                                                if (!variable.value) return;
-                                                onValueChange?.(value ? `${value} ${variable.value}` : variable.value);
-                                            },
-                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
-                                                type: "button",
-                                                "aria-label": "Insert variable",
-                                                title: "Insert variable",
-                                                disabled: 0 === variables.length || !onValueChange,
-                                                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),
-                                                children: [
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Braces, {
-                                                        size: 12
-                                                    }),
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                        className: collapsedTextClass,
-                                                        children: "Insert"
-                                                    }),
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
-                                                        size: 9,
-                                                        className: collapsedTextClass
-                                                    })
-                                                ]
-                                            })
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(insert_variable_action_cjs_namespaceObject.InsertVariableAction, {
+                                            variables: variables,
+                                            compact: compact,
+                                            onInsert: onValueChange && ((variable)=>onValueChange(value ? `${value} ${variable}` : variable))
                                         })
                                     ]
                                 })

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

@@ -1,23 +1,20 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Asterisk, Braces, ChevronDown, Sparkles } from "lucide-react";
-import { useId, useState } from "react";
-import { Button } from "../../button.js";
+import { Asterisk, ChevronDown } from "lucide-react";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../dropdown-menu.js";
 import { Label, RequiredIndicator } from "../../label.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../../popover.js";
 import { Switch } from "../../switch.js";
-import { Textarea } from "../../textarea.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../tooltip.js";
-import { VariablePicker } from "../../variable-picker/index.js";
 import { cn } from "../../../../lib/index.js";
+import { AiAssistAction } from "../../field-actions/ai-assist-action.js";
+import { COLLAPSED_HIDDEN, COLLAPSED_ICON_PADDING, COLLAPSED_ONLY } from "../../field-actions/collapse.js";
+import { InsertVariableAction } from "../../field-actions/insert-variable-action.js";
 import { FIELD_TYPE_META, FIELD_TYPE_ORDER } from "../types.js";
 function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, showAiAssist, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
-    const promptId = useId();
-    const [aiPrompt, setAiPrompt] = useState('');
     const typeMeta = FIELD_TYPE_META[fieldType];
-    const collapsedTextClass = cn('@max-[259px]:hidden', compact && '!hidden');
-    const collapsedPaddingClass = cn('@max-[259px]:px-1.5', compact && '!px-1.5');
-    const compactOnlyClass = cn('hidden @max-[259px]:block', compact && '!block');
+    const collapsedTextClass = cn(COLLAPSED_HIDDEN, compact && '!hidden');
+    const collapsedPaddingClass = cn(COLLAPSED_ICON_PADDING, compact && '!px-1.5');
+    const compactOnlyClass = cn(COLLAPSED_ONLY, compact && '!block');
     return /*#__PURE__*/ jsxs("div", {
         className: "flex items-center gap-1",
         children: [
@@ -169,109 +166,14 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
                                 }),
                                 showFieldActions && /*#__PURE__*/ jsxs(Fragment, {
                                     children: [
-                                        showAiAssist && /*#__PURE__*/ jsxs(Popover, {
-                                            children: [
-                                                /*#__PURE__*/ jsxs(Tooltip, {
-                                                    children: [
-                                                        /*#__PURE__*/ jsx(TooltipTrigger, {
-                                                            asChild: true,
-                                                            children: /*#__PURE__*/ jsx(PopoverTrigger, {
-                                                                asChild: true,
-                                                                children: /*#__PURE__*/ jsx("button", {
-                                                                    type: "button",
-                                                                    "aria-label": "AI assist",
-                                                                    className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
-                                                                    children: /*#__PURE__*/ jsx(Sparkles, {
-                                                                        size: 12
-                                                                    })
-                                                                })
-                                                            })
-                                                        }),
-                                                        /*#__PURE__*/ jsx(TooltipContent, {
-                                                            children: "Generate with AI"
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ jsxs(PopoverContent, {
-                                                    align: "end",
-                                                    className: "space-y-3",
-                                                    children: [
-                                                        /*#__PURE__*/ jsxs("div", {
-                                                            className: "space-y-1.5",
-                                                            children: [
-                                                                /*#__PURE__*/ jsx(Label, {
-                                                                    htmlFor: promptId,
-                                                                    className: "text-xs font-medium text-foreground-muted",
-                                                                    children: "Describe what you want"
-                                                                }),
-                                                                /*#__PURE__*/ jsx(Textarea, {
-                                                                    id: promptId,
-                                                                    rows: 3,
-                                                                    value: aiPrompt,
-                                                                    onChange: (e)=>setAiPrompt(e.target.value),
-                                                                    placeholder: "Display a value from the previous step",
-                                                                    className: "resize-none text-sm"
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ jsxs("span", {
-                                                            className: "block text-[11px] text-foreground-subtle",
-                                                            children: [
-                                                                "Output: ",
-                                                                typeMeta.label,
-                                                                typeMeta.supportsExpression ? ' expression' : ' value'
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ jsx(Button, {
-                                                            size: "sm",
-                                                            className: "w-full",
-                                                            disabled: !onGenerateWithAi,
-                                                            onClick: ()=>onGenerateWithAi?.(aiPrompt),
-                                                            children: "Generate"
-                                                        })
-                                                    ]
-                                                })
-                                            ]
+                                        showAiAssist && /*#__PURE__*/ jsx(AiAssistAction, {
+                                            onGenerate: onGenerateWithAi,
+                                            hint: `Output: ${typeMeta.label}${typeMeta.supportsExpression ? ' expression' : ' value'}`
                                         }),
-                                        /*#__PURE__*/ jsx(VariablePicker, {
-                                            disabled: 0 === variables.length || !onValueChange,
-                                            items: [
-                                                {
-                                                    id: 'vars',
-                                                    label: '$vars',
-                                                    type: 'object',
-                                                    children: variables.map((variable)=>({
-                                                            id: variable.value,
-                                                            label: variable.label,
-                                                            value: variable.value,
-                                                            type: 'string'
-                                                        }))
-                                                }
-                                            ],
-                                            onSelect: (variable)=>{
-                                                if (!variable.value) return;
-                                                onValueChange?.(value ? `${value} ${variable.value}` : variable.value);
-                                            },
-                                            children: /*#__PURE__*/ jsxs("button", {
-                                                type: "button",
-                                                "aria-label": "Insert variable",
-                                                title: "Insert variable",
-                                                disabled: 0 === variables.length || !onValueChange,
-                                                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),
-                                                children: [
-                                                    /*#__PURE__*/ jsx(Braces, {
-                                                        size: 12
-                                                    }),
-                                                    /*#__PURE__*/ jsx("span", {
-                                                        className: collapsedTextClass,
-                                                        children: "Insert"
-                                                    }),
-                                                    /*#__PURE__*/ jsx(ChevronDown, {
-                                                        size: 9,
-                                                        className: collapsedTextClass
-                                                    })
-                                                ]
-                                            })
+                                        /*#__PURE__*/ jsx(InsertVariableAction, {
+                                            variables: variables,
+                                            compact: compact,
+                                            onInsert: onValueChange && ((variable)=>onValueChange(value ? `${value} ${variable}` : variable))
                                         })
                                     ]
                                 })

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

@@ -38,9 +38,9 @@ const external_popover_cjs_namespaceObject = require("../popover.cjs");
 const external_select_cjs_namespaceObject = require("../select.cjs");
 const external_switch_cjs_namespaceObject = require("../switch.cjs");
 const index_cjs_namespaceObject = require("../../../lib/index.cjs");
+const value_mode_menu_cjs_namespaceObject = require("../field-addons/value-mode-menu.cjs");
 const field_header_cjs_namespaceObject = require("./components/field-header.cjs");
 const lock_toggle_button_cjs_namespaceObject = require("./components/lock-toggle-button.cjs");
-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 MoreActionsMenu({ more, locked }) {
@@ -241,14 +241,14 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                                             align: "end",
                                             className: "w-56",
                                             children: [
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(mode_menu_item_cjs_namespaceObject.ModeMenuItem, {
+                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(value_mode_menu_cjs_namespaceObject.ValueModeMenuItem, {
                                                     icon: external_lucide_react_namespaceObject.Type,
                                                     label: typeMeta.fixedLabel,
                                                     description: typeMeta.fixedDescription,
                                                     active: 'fixed' === effectiveMode,
                                                     onClick: ()=>onModeChange?.('fixed')
                                                 }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(mode_menu_item_cjs_namespaceObject.ModeMenuItem, {
+                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(value_mode_menu_cjs_namespaceObject.ValueModeMenuItem, {
                                                     icon: external_lucide_react_namespaceObject.Code2,
                                                     label: "Expression",
                                                     description: "Use a JS expression",
@@ -297,10 +297,6 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         children: [
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectTrigger, {
                                 id: fieldId,
-                                className: "min-w-0 flex-1 rounded-none border-0 bg-transparent px-0 shadow-none future:rounded-none future:border-0 future:bg-transparent future:px-0",
-                                "aria-invalid": error ? true : void 0,
-                                "aria-describedby": error ? validationId : void 0,
-                                "aria-errormessage": error ? validationId : void 0,
                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectValue, {
                                     placeholder: "Select an option"
                                 })
@@ -314,16 +310,12 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         ]
                     }) : 'multi-select' === fieldType ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_multi_select_cjs_namespaceObject.MultiSelect, {
                         id: fieldId,
-                        className: "min-w-0 flex-1",
                         options: options,
                         selected: (0, external_utils_cjs_namespaceObject.parseListValue)(value),
                         onChange: (selected)=>onValueChange?.(JSON.stringify(selected)),
                         placeholder: "Select options...",
                         disabled: !onValueChange,
-                        onBlur: onValueBlur,
-                        "aria-invalid": error ? true : void 0,
-                        "aria-describedby": error ? validationId : void 0,
-                        "aria-errormessage": error ? validationId : void 0
+                        onBlur: onValueBlur
                     }) : null,
                     hasMoreActions && more && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
                         align: "inline-end",

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

@@ -10,9 +10,9 @@ import { Popover, PopoverContent, PopoverTrigger } from "../popover.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select.js";
 import { Switch } from "../switch.js";
 import { cn } from "../../../lib/index.js";
+import { ValueModeMenuItem } from "../field-addons/value-mode-menu.js";
 import { FieldHeader } from "./components/field-header.js";
 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 MoreActionsMenu({ more, locked }) {
@@ -213,14 +213,14 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                                             align: "end",
                                             className: "w-56",
                                             children: [
-                                                /*#__PURE__*/ jsx(ModeMenuItem, {
+                                                /*#__PURE__*/ jsx(ValueModeMenuItem, {
                                                     icon: Type,
                                                     label: typeMeta.fixedLabel,
                                                     description: typeMeta.fixedDescription,
                                                     active: 'fixed' === effectiveMode,
                                                     onClick: ()=>onModeChange?.('fixed')
                                                 }),
-                                                /*#__PURE__*/ jsx(ModeMenuItem, {
+                                                /*#__PURE__*/ jsx(ValueModeMenuItem, {
                                                     icon: Code2,
                                                     label: "Expression",
                                                     description: "Use a JS expression",
@@ -269,10 +269,6 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         children: [
                             /*#__PURE__*/ jsx(SelectTrigger, {
                                 id: fieldId,
-                                className: "min-w-0 flex-1 rounded-none border-0 bg-transparent px-0 shadow-none future:rounded-none future:border-0 future:bg-transparent future:px-0",
-                                "aria-invalid": error ? true : void 0,
-                                "aria-describedby": error ? validationId : void 0,
-                                "aria-errormessage": error ? validationId : void 0,
                                 children: /*#__PURE__*/ jsx(SelectValue, {
                                     placeholder: "Select an option"
                                 })
@@ -286,16 +282,12 @@ function LockableValueField({ value = '', onValueChange, onValueBlur, locked = t
                         ]
                     }) : 'multi-select' === fieldType ? /*#__PURE__*/ jsx(MultiSelect, {
                         id: fieldId,
-                        className: "min-w-0 flex-1",
                         options: options,
                         selected: parseListValue(value),
                         onChange: (selected)=>onValueChange?.(JSON.stringify(selected)),
                         placeholder: "Select options...",
                         disabled: !onValueChange,
-                        onBlur: onValueBlur,
-                        "aria-invalid": error ? true : void 0,
-                        "aria-describedby": error ? validationId : void 0,
-                        "aria-errormessage": error ? validationId : void 0
+                        onBlur: onValueBlur
                     }) : null,
                     hasMoreActions && more && /*#__PURE__*/ jsx(InputGroupAddon, {
                         align: "inline-end",