@uipath/apollo-wind 2.59.0 → 2.60.0

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

@@ -0,0 +1,245 @@
+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';
+interface FieldTypeMeta {
+    label: string;
+    icon: LucideIcon;
+    supportsExpression: boolean;
+    fixedLabel: string;
+    fixedDescription: string;
+}
+export declare const FIELD_TYPE_META: Record<QuickFieldType, FieldTypeMeta>;
+export declare const FIELD_TYPE_ORDER: QuickFieldType[];
+/**
+ * Every piece of user-visible text the component renders. The component owns no
+ * translation catalog, so a localized consumer supplies its own words; the
+ * defaults are English.
+ *
+ * Type labels live here rather than in FIELD_TYPE_META: the meta table defines
+ * the vocabulary, these are display strings.
+ */
+export interface QuickFormFieldStrings {
+    fieldTypeTooltip: string;
+    fieldTypeAriaLabel: string;
+    typeLabels: Partial<Record<QuickFieldType, string>>;
+    /** The literal mode item's label per type; falls back to FIELD_TYPE_META's `fixedLabel`. */
+    literalLabels: Partial<Record<QuickFieldType, string>>;
+    /** The literal mode item's description per type; falls back to FIELD_TYPE_META's `fixedDescription`. */
+    literalDescriptions: Partial<Record<QuickFieldType, string>>;
+    /** The computed field name in literal mode, from the (localized) type label. */
+    valueFieldLabel: (typeLabel: string) => string;
+    /** The computed field name in expression mode, from the (localized) type label. */
+    expressionFieldLabel: (typeLabel: string) => string;
+    /** A locked boolean's displayed text. */
+    trueLabel: string;
+    falseLabel: string;
+    requiredTooltip: string;
+    requiredAriaLabel: string;
+    optionalAriaLabel: string;
+    insertLabel: string;
+    insertAriaLabel: string;
+    /** The variable picker's search box. */
+    insertSearchPlaceholder: string;
+    /** The variable picker with nothing to show. */
+    insertEmpty: string;
+    valueModeAriaLabel: string;
+    expressionLabel: string;
+    expressionDescription: string;
+    pickDate: string;
+    selectOption: string;
+    selectOptions: string;
+    moreActionsAriaLabel: string;
+    clearValue: string;
+    forceRefresh: string;
+    aiAssistAriaLabel: string;
+    aiAssistTooltip: string;
+    aiPromptLabel: string;
+    aiPromptPlaceholder: string;
+    aiGenerate: string;
+    /** Replaces `aiGenerate` while a returned promise is pending. */
+    aiGenerating: string;
+    /** Shown when a returned promise rejects. */
+    aiError: string;
+    /** What the AI produces for the field, from the (localized) type label. */
+    aiOutputLabel: (typeLabel: string, isExpression: boolean) => string;
+    aiOutputHint: (output: string) => string;
+    lockedLabel: string;
+    unlockedLabel: string;
+    lockedHint: string;
+    unlockedHint: string;
+}
+export declare const DEFAULT_QUICK_FORM_FIELD_STRINGS: QuickFormFieldStrings;
+export interface QuickFormFieldOption {
+    label: string;
+    value: string;
+    /**
+     * Nested entries for the Insert-variable tree, rendered as supplied. Only the
+     * consumer knows whether the path a grouping implies is real, so the tree
+     * invents neither a root nor a type.
+     */
+    children?: QuickFormFieldOption[];
+    /** Type badge shown against the entry. */
+    type?: string;
+}
+export interface QuickFormFieldMoreActions {
+    onClear?: () => void;
+    onRefresh?: () => void;
+}
+/**
+ * Where the caret was when a variable was chosen, so the consumer can splice
+ * rather than append. The component tracks it because it owns the input;
+ * `caret` is null when the author has not placed one, which means "append".
+ */
+export interface VariableInsertContext {
+    value: string;
+    caret: {
+        start: number;
+        end: number;
+    } | null;
+}
+export interface QuickFormFieldProps {
+    /** Current field value. Encoding depends on fieldType (e.g. multi-select is a JSON array string). */
+    value?: string;
+    /** Called when the user edits the value (only fires while unlocked). */
+    onValueChange?: (value: string) => void;
+    /** Called when the active value control loses focus. */
+    onValueBlur?: () => void;
+    /** Whether the field is read-only. Defaults to true. */
+    locked?: boolean;
+    /** Called when the user toggles the lock. */
+    onLockedChange?: (locked: boolean) => void;
+    /** Whether the built-in lock control renders. Defaults to true. */
+    showLock?: boolean;
+    /**
+     * 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;
+    /** Adds a field-level overflow menu beside the value control. */
+    more?: QuickFormFieldMoreActions;
+    /** How the value is expressed. Defaults to 'literal'; `expression` falls back to `literal` for types that cannot hold one. */
+    mode?: QuickFormFieldMode;
+    /** Called when the user switches modes. */
+    onModeChange?: (mode: QuickFormFieldMode) => void;
+    /**
+     * Optional expression editor used in place of the built-in monospace input.
+     * Consumers can use this to supply a syntax-aware editor such as Monaco.
+     *
+     * Superseded by `renderModeControl`, which covers every mode. Kept for
+     * existing callers; `renderModeControl` wins when both are supplied and it
+     * returns something for `expression`.
+     */
+    renderExpressionEditor?: (props: {
+        id: string;
+        value: string;
+        onValueChange?: (value: string) => void;
+        onBlur?: () => void;
+        readOnly: boolean;
+        placeholder: string;
+        fieldType: QuickFieldType;
+        'aria-invalid'?: AriaAttributes['aria-invalid'];
+        'aria-describedby'?: string;
+        'aria-errormessage'?: string;
+        'data-slot'?: string;
+    }) => ReactNode;
+    /**
+     * Renders the value control for a given mode, replacing the built-in one.
+     * `variable` and `prompt` have no built-in editor, and a surface that authors
+     * its own choices can replace the `literal` control too.
+     *
+     * Returning nothing (or omitting this) falls back to the built-in control
+     * for the field's type, so an unhandled mode degrades to the literal editor
+     * rather than rendering an empty row.
+     */
+    renderModeControl?: (mode: QuickFormFieldMode, props: {
+        id: string;
+        value: string;
+        onValueChange?: (value: string) => void;
+        onBlur?: () => void;
+        readOnly: boolean;
+        placeholder: string;
+        fieldType: QuickFieldType;
+        'aria-invalid'?: AriaAttributes['aria-invalid'];
+        'aria-describedby'?: string;
+        'aria-errormessage'?: string;
+        'data-slot'?: string;
+    }) => ReactNode;
+    /**
+     * Takes over what choosing a variable does to the value. The component owns
+     * the picker and hands back the chosen entry exactly as supplied in
+     * `variables`, with the caret.
+     *
+     * A value that is one reference must be replaced rather than appended, and a
+     * variable may carry its type onto the field, so the consumer decides. Omit
+     * to splice at the caret, or append when no caret has been placed.
+     */
+    onInsertVariable?: (variable: QuickFormFieldOption, 
+    /**
+     * Where the caret was, so the consumer can splice rather than append.
+     * The component tracks this because it owns the input; `caret` is null
+     * when the author has not placed one, which means "append".
+     */
+    context: VariableInsertContext) => void;
+    /** The field's data type. Defaults to 'string'. Determines which control renders the value. */
+    fieldType?: QuickFieldType;
+    /**
+     * Which types the picker offers, in display order. Defaults to
+     * `FIELD_TYPE_ORDER`, every type the component can render; a surface with a
+     * narrower vocabulary of its own offers fewer.
+     */
+    fieldTypes?: readonly QuickFieldType[];
+    /** Called when the user switches the field type. */
+    onFieldTypeChange?: (fieldType: QuickFieldType) => void;
+    /** Shows a required-field asterisk next to the default label. Ignored when `label` is provided. */
+    required?: boolean;
+    /** Called when the user toggles required/optional. Renders the Required switch when provided. */
+    onRequiredChange?: (required: boolean) => void;
+    /** Overrides the default mode-based label (e.g. a field name instead of "String value"). */
+    label?: ReactNode;
+    /**
+     * Overrides the placeholder on the value control. The computed default names
+     * only the type; the accessible label still falls back to it.
+     */
+    placeholder?: string;
+    /** Overrides for any subset of the user-visible text; see QuickFormFieldStrings. */
+    strings?: Partial<QuickFormFieldStrings>;
+    /** Field-specific validation feedback rendered immediately below the active control. */
+    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 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;
+    /** Options for 'single-select' / 'multi-select' field types. Defaults to a small set of demo options. */
+    options?: QuickFormFieldOption[];
+    /**
+     * Called with the entered prompt when the user clicks Generate.
+     *
+     * Its presence also decides whether the AI-assist button renders: without a
+     * handler the button would have nothing to do.
+     */
+    onGenerateWithAi?: (prompt: string) => void;
+    /**
+     * Variables offered by the "Insert variable" popover; clicking one appends its value to the
+     * current value. The button is disabled when this is empty (the default).
+     */
+    variables?: QuickFormFieldOption[];
+    id?: string;
+    className?: string;
+}
+export {};

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

@@ -0,0 +1,137 @@
+import { ALargeSmall, Braces, Brackets, Calendar, CalendarClock, File, Hash, List, ListChecks, Sigma, ToggleLeft } from "lucide-react";
+const FIELD_TYPE_META = {
+    string: {
+        label: 'String',
+        icon: ALargeSmall,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal string value'
+    },
+    integer: {
+        label: 'Integer',
+        icon: Hash,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal number value'
+    },
+    double: {
+        label: 'Decimal number',
+        icon: Sigma,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal decimal value'
+    },
+    date: {
+        label: 'Date',
+        icon: Calendar,
+        supportsExpression: true,
+        fixedLabel: 'Fixed date',
+        fixedDescription: 'Use a literal date value'
+    },
+    datetime: {
+        label: 'Date and time',
+        icon: CalendarClock,
+        supportsExpression: true,
+        fixedLabel: 'Fixed date and time',
+        fixedDescription: 'Use a literal date and time value'
+    },
+    boolean: {
+        label: 'Boolean',
+        icon: ToggleLeft,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal true or false value'
+    },
+    'single-select': {
+        label: 'Single select',
+        icon: List,
+        supportsExpression: false,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Choose one option'
+    },
+    'multi-select': {
+        label: 'Multi select',
+        icon: ListChecks,
+        supportsExpression: false,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Choose one or more options'
+    },
+    array: {
+        label: 'Array',
+        icon: Brackets,
+        supportsExpression: true,
+        fixedLabel: 'Fixed value',
+        fixedDescription: 'Use a literal JSON array'
+    },
+    file: {
+        label: 'File',
+        icon: File,
+        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 = [
+    'string',
+    'integer',
+    'double',
+    'date',
+    'datetime',
+    'boolean',
+    'single-select',
+    'multi-select',
+    'array',
+    'file',
+    'object'
+];
+const DEFAULT_QUICK_FORM_FIELD_STRINGS = {
+    fieldTypeTooltip: 'Type',
+    fieldTypeAriaLabel: 'Field type',
+    typeLabels: {},
+    literalLabels: {},
+    literalDescriptions: {},
+    valueFieldLabel: (typeLabel)=>`${typeLabel} value`,
+    expressionFieldLabel: (typeLabel)=>{
+        const type = typeLabel.toLowerCase();
+        return `Write ${/^[aeiou]/.test(type) ? 'an' : 'a'} ${type} expression`;
+    },
+    trueLabel: 'True',
+    falseLabel: 'False',
+    requiredTooltip: 'Required',
+    requiredAriaLabel: 'Required field',
+    optionalAriaLabel: 'Optional field',
+    insertLabel: 'Insert',
+    insertAriaLabel: 'Insert variable',
+    insertSearchPlaceholder: 'Search variables...',
+    insertEmpty: 'No variables found.',
+    valueModeAriaLabel: 'Choose value mode',
+    expressionLabel: 'Expression',
+    expressionDescription: 'Use a JS expression',
+    pickDate: 'Pick a date',
+    selectOption: 'Select an option',
+    selectOptions: 'Select options...',
+    moreActionsAriaLabel: 'More value actions',
+    clearValue: 'Clear value',
+    forceRefresh: 'Force refresh',
+    aiAssistAriaLabel: 'AI assist',
+    aiAssistTooltip: 'Generate with AI',
+    aiPromptLabel: 'Describe what you want',
+    aiPromptPlaceholder: 'Display a value from the previous step',
+    aiGenerate: 'Generate',
+    aiGenerating: 'Generating',
+    aiError: 'Could not generate a value. Try again.',
+    aiOutputLabel: (typeLabel, isExpression)=>`${typeLabel} ${isExpression ? 'expression' : 'value'}`,
+    aiOutputHint: (output)=>`Output: ${output}`,
+    lockedLabel: 'Read-only',
+    unlockedLabel: 'Editable',
+    lockedHint: 'Read-only. Click to make editable.',
+    unlockedHint: 'Editable. Click to make read-only.'
+};
+export { DEFAULT_QUICK_FORM_FIELD_STRINGS, FIELD_TYPE_META, FIELD_TYPE_ORDER };

package/dist/components/ui/{lockable-value-field → quick-form-field}/utils.cjs

@@ -25,6 +25,7 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     DEFAULT_SELECT_OPTIONS: ()=>DEFAULT_SELECT_OPTIONS,
+    formatDateTimeValue: ()=>formatDateTimeValue,
     formatDateValue: ()=>formatDateValue,
     getLockedDisplayValue: ()=>getLockedDisplayValue,
     parseDateValue: ()=>parseDateValue,
@@ -78,14 +79,29 @@ function formatDateValue(value) {
         day: 'numeric'
     }) : value;
 }
-function getLockedDisplayValue(fieldType, value, options) {
+function formatDateTimeValue(value) {
+    const date = parseDateValue(value);
+    return date ? date.toLocaleString(void 0, {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: '2-digit'
+    }) : value;
+}
+function getLockedDisplayValue(fieldType, value, options, booleanLabels = {
+    trueLabel: 'True',
+    falseLabel: 'False'
+}) {
     switch(fieldType){
         case 'boolean':
-            if ('true' === value) return 'True';
-            if ('false' === value) return 'False';
+            if ('true' === value) return booleanLabels.trueLabel;
+            if ('false' === value) return booleanLabels.falseLabel;
             return '';
         case 'date':
             return value ? formatDateValue(value) : '';
+        case 'datetime':
+            return value ? formatDateTimeValue(value) : '';
         case 'single-select':
             return options.find((option)=>option.value === value)?.label ?? value;
         case 'multi-select':
@@ -99,6 +115,7 @@ function getLockedDisplayValue(fieldType, value, options) {
     }
 }
 exports.DEFAULT_SELECT_OPTIONS = __webpack_exports__.DEFAULT_SELECT_OPTIONS;
+exports.formatDateTimeValue = __webpack_exports__.formatDateTimeValue;
 exports.formatDateValue = __webpack_exports__.formatDateValue;
 exports.getLockedDisplayValue = __webpack_exports__.getLockedDisplayValue;
 exports.parseDateValue = __webpack_exports__.parseDateValue;
@@ -106,6 +123,7 @@ exports.parseListValue = __webpack_exports__.parseListValue;
 exports.toDateOnlyString = __webpack_exports__.toDateOnlyString;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "DEFAULT_SELECT_OPTIONS",
+    "formatDateTimeValue",
     "formatDateValue",
     "getLockedDisplayValue",
     "parseDateValue",

package/dist/components/ui/{lockable-value-field → quick-form-field}/utils.d.ts

@@ -1,5 +1,5 @@
-import type { LockableFieldType, LockableValueFieldOption } from './types';
-export declare const DEFAULT_SELECT_OPTIONS: LockableValueFieldOption[];
+import type { QuickFieldType, QuickFormFieldOption } from './types';
+export declare const DEFAULT_SELECT_OPTIONS: QuickFormFieldOption[];
 export declare function parseListValue(value: string): string[];
 /**
  * Parses a date field's stored value, returning undefined for empty or invalid input.
@@ -15,10 +15,15 @@ export declare function parseDateValue(value: string): Date | undefined;
 export declare function toDateOnlyString(date: Date): string;
 /** Formats a date field's value for display, falling back to the raw value if it isn't a valid date. */
 export declare function formatDateValue(value: string): string;
+/** Formats a datetime field's value, falling back to the raw value when unparseable. */
+export declare function formatDateTimeValue(value: string): string;
 /**
  * Computes the plain-text shown in place of the real control once a field is locked.
  * Boolean/single-select/multi-select resolve their stored value to a display label;
  * everything else (including an invalid date, so the component never throws on
  * external input) falls back to the raw value.
  */
-export declare function getLockedDisplayValue(fieldType: LockableFieldType, value: string, options: LockableValueFieldOption[]): string;
+export declare function getLockedDisplayValue(fieldType: QuickFieldType, value: string, options: QuickFormFieldOption[], booleanLabels?: {
+    trueLabel: string;
+    falseLabel: string;
+}): string;

package/dist/components/ui/{lockable-value-field → quick-form-field}/utils.js

@@ -45,14 +45,29 @@ function formatDateValue(value) {
         day: 'numeric'
     }) : value;
 }
-function getLockedDisplayValue(fieldType, value, options) {
+function formatDateTimeValue(value) {
+    const date = parseDateValue(value);
+    return date ? date.toLocaleString(void 0, {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: '2-digit'
+    }) : value;
+}
+function getLockedDisplayValue(fieldType, value, options, booleanLabels = {
+    trueLabel: 'True',
+    falseLabel: 'False'
+}) {
     switch(fieldType){
         case 'boolean':
-            if ('true' === value) return 'True';
-            if ('false' === value) return 'False';
+            if ('true' === value) return booleanLabels.trueLabel;
+            if ('false' === value) return booleanLabels.falseLabel;
             return '';
         case 'date':
             return value ? formatDateValue(value) : '';
+        case 'datetime':
+            return value ? formatDateTimeValue(value) : '';
         case 'single-select':
             return options.find((option)=>option.value === value)?.label ?? value;
         case 'multi-select':
@@ -65,4 +80,4 @@ function getLockedDisplayValue(fieldType, value, options) {
             return value;
     }
 }
-export { DEFAULT_SELECT_OPTIONS, formatDateValue, getLockedDisplayValue, parseDateValue, parseListValue, toDateOnlyString };
+export { DEFAULT_SELECT_OPTIONS, formatDateTimeValue, formatDateValue, getLockedDisplayValue, parseDateValue, parseListValue, toDateOnlyString };

package/dist/index.cjs

@@ -43,7 +43,7 @@ __webpack_require__.d(__webpack_exports__, {
     DropdownMenuSubContent: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuSubContent,
     CommandEmpty: ()=>command_cjs_namespaceObject.CommandEmpty,
     Skeleton: ()=>skeleton_cjs_namespaceObject.Skeleton,
-    FIELD_TYPE_ORDER: ()=>lockable_value_field_index_cjs_namespaceObject.FIELD_TYPE_ORDER,
+    FIELD_TYPE_ORDER: ()=>quick_form_field_index_cjs_namespaceObject.FIELD_TYPE_ORDER,
     FormFieldHeader: ()=>form_field_cjs_namespaceObject.FormFieldHeader,
     auditPlugin: ()=>form_plugins_cjs_namespaceObject.auditPlugin,
     ContextMenuLabel: ()=>context_menu_cjs_namespaceObject.ContextMenuLabel,
@@ -232,6 +232,7 @@ __webpack_require__.d(__webpack_exports__, {
     DrawerTitle: ()=>drawer_cjs_namespaceObject.DrawerTitle,
     EditableCell: ()=>editable_cell_cjs_namespaceObject.EditableCell,
     ScrollableTabsList: ()=>tabs_cjs_namespaceObject.ScrollableTabsList,
+    QuickFormField: ()=>quick_form_field_index_cjs_namespaceObject.QuickFormField,
     TabsContent: ()=>tabs_cjs_namespaceObject.TabsContent,
     TooltipContent: ()=>tooltip_cjs_namespaceObject.TooltipContent,
     DropdownMenuGroup: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuGroup,
@@ -322,6 +323,7 @@ __webpack_require__.d(__webpack_exports__, {
     PaginationPrevious: ()=>pagination_cjs_namespaceObject.PaginationPrevious,
     SheetPortal: ()=>sheet_cjs_namespaceObject.SheetPortal,
     isFileField: ()=>form_schema_cjs_namespaceObject.isFileField,
+    DEFAULT_QUICK_FORM_FIELD_STRINGS: ()=>quick_form_field_index_cjs_namespaceObject.DEFAULT_QUICK_FORM_FIELD_STRINGS,
     AlertDialogDescription: ()=>alert_dialog_cjs_namespaceObject.AlertDialogDescription,
     groupModels: ()=>model_picker_index_cjs_namespaceObject.groupModels,
     CommandInput: ()=>command_cjs_namespaceObject.CommandInput,
@@ -347,7 +349,7 @@ __webpack_require__.d(__webpack_exports__, {
     InputGroupRow: ()=>input_group_cjs_namespaceObject.InputGroupRow,
     ResourceTokenNode: ()=>prompt_editor_index_cjs_namespaceObject.ResourceTokenNode,
     $insertTokenAtCursor: ()=>prompt_editor_index_cjs_namespaceObject.$insertTokenAtCursor,
-    FIELD_TYPE_META: ()=>lockable_value_field_index_cjs_namespaceObject.FIELD_TYPE_META,
+    FIELD_TYPE_META: ()=>quick_form_field_index_cjs_namespaceObject.FIELD_TYPE_META,
     SelectTrigger: ()=>select_cjs_namespaceObject.SelectTrigger,
     DataTransformers: ()=>data_fetcher_cjs_namespaceObject.DataTransformers,
     DrawerTrigger: ()=>drawer_cjs_namespaceObject.DrawerTrigger,
@@ -416,6 +418,7 @@ const popover_cjs_namespaceObject = require("./components/ui/popover.cjs");
 const portal_container_cjs_namespaceObject = require("./components/ui/portal-container.cjs");
 const progress_cjs_namespaceObject = require("./components/ui/progress.cjs");
 const prompt_editor_index_cjs_namespaceObject = require("./components/ui/prompt-editor/index.cjs");
+const quick_form_field_index_cjs_namespaceObject = require("./components/ui/quick-form-field/index.cjs");
 const radio_group_cjs_namespaceObject = require("./components/ui/radio-group.cjs");
 const resizable_cjs_namespaceObject = require("./components/ui/resizable.cjs");
 const scroll_area_cjs_namespaceObject = require("./components/ui/scroll-area.cjs");
@@ -524,6 +527,7 @@ exports.DEFAULT_AI_ASSIST_ACTION_STRINGS = __webpack_exports__.DEFAULT_AI_ASSIST
 exports.DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = __webpack_exports__.DEFAULT_INSERT_VARIABLE_ACTION_STRINGS;
 exports.DEFAULT_MODEL_PICKER_LABELS = __webpack_exports__.DEFAULT_MODEL_PICKER_LABELS;
 exports.DEFAULT_PROMPT_EDITOR_STRINGS = __webpack_exports__.DEFAULT_PROMPT_EDITOR_STRINGS;
+exports.DEFAULT_QUICK_FORM_FIELD_STRINGS = __webpack_exports__.DEFAULT_QUICK_FORM_FIELD_STRINGS;
 exports.DEFAULT_VALUE_MODE_STRINGS = __webpack_exports__.DEFAULT_VALUE_MODE_STRINGS;
 exports.DataFetcher = __webpack_exports__.DataFetcher;
 exports.DataSourceBuilder = __webpack_exports__.DataSourceBuilder;
@@ -644,6 +648,7 @@ exports.PopoverTrigger = __webpack_exports__.PopoverTrigger;
 exports.PortalContainerProvider = __webpack_exports__.PortalContainerProvider;
 exports.Progress = __webpack_exports__.Progress;
 exports.PromptEditor = __webpack_exports__.PromptEditor;
+exports.QuickFormField = __webpack_exports__.QuickFormField;
 exports.RadioGroup = __webpack_exports__.RadioGroup;
 exports.RadioGroupItem = __webpack_exports__.RadioGroupItem;
 exports.RequiredIndicator = __webpack_exports__.RequiredIndicator;
@@ -853,6 +858,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "DEFAULT_INSERT_VARIABLE_ACTION_STRINGS",
     "DEFAULT_MODEL_PICKER_LABELS",
     "DEFAULT_PROMPT_EDITOR_STRINGS",
+    "DEFAULT_QUICK_FORM_FIELD_STRINGS",
     "DEFAULT_VALUE_MODE_STRINGS",
     "DataFetcher",
     "DataSourceBuilder",
@@ -973,6 +979,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "PortalContainerProvider",
     "Progress",
     "PromptEditor",
+    "QuickFormField",
     "RadioGroup",
     "RadioGroupItem",
     "RequiredIndicator",

package/dist/index.d.ts

@@ -69,8 +69,8 @@ export type { GridProps } from './components/ui/layout/grid';
 export { Grid } from './components/ui/layout/grid';
 export type { RowProps } from './components/ui/layout/row';
 export { Row } from './components/ui/layout/row';
-export type { LockableFieldType, LockableValueFieldMode, LockableValueFieldMoreActions, LockableValueFieldOption, LockableValueFieldProps, } from './components/ui/lockable-value-field';
-export { FIELD_TYPE_META, FIELD_TYPE_ORDER, LockableValueField, } from './components/ui/lockable-value-field';
+export type { LockableFieldType, LockableValueFieldMode, LockableValueFieldMoreActions, LockableValueFieldOption, LockableValueFieldProps, LockableValueFieldStrings, } from './components/ui/lockable-value-field';
+export { LockableValueField } from './components/ui/lockable-value-field';
 export type { AnnotatedModel, ByomDetails, CostTier, DeprecationDetails, DeriveModelTagsContext, DiscoveryModel, FolderSwitcherFolder, FolderSwitcherProps, GroupHeaderProps, GroupModelsContext, GroupStrategy, ModelBadgeDefinition, ModelBadgeKind, ModelCostDetails, ModelDetails, ModelFlatCosts, ModelGeography, ModelGroup, ModelOptionRowProps, ModelPickerChangeHandler, ModelPickerLabels, ModelPickerProps, ModelPickerSlotContext, ModelPickerSlots, ModelPickerVariant, ModelSubscriptionType, ModelTag, ModelTagChipProps, ModelTagKind, ModelTieredCost, ModelType, ModelVendor, OptionListProps, PickerPopupProps, PickerSearchInputProps, PickerTriggerProps, RoutingDetails, StaticLabelKey, UseModelPickerStateOptions, UseModelPickerStateResult, } from './components/ui/model-picker';
 export { DEFAULT_MODEL_PICKER_LABELS, defaultCostTier, defaultRowActions, deriveModelTags, FolderSwitcher, filterModels, formatContextWindow, GroupedOptionList, GroupHeader, getSubstitutionTarget, groupModels, isTextGenerationModel, MODEL_BADGES, ModelOptionRow, ModelPicker, ModelTagChip, optionDomId, PickerPopup, PickerSearchInput, PickerTrigger, resolveHomeGeography, resolveLabels, useModelPickerState, VirtualOptionList, } from './components/ui/model-picker';
 export type { MultiSelectProps } from './components/ui/multi-select';
@@ -82,6 +82,8 @@ export { PortalContainerProvider } from './components/ui/portal-container';
 export { Progress } from './components/ui/progress';
 export type { MarkdownPreviewTokenOverride, PromptEditorAutoCompleteOption, PromptEditorAutocompleteMenuProps, PromptEditorDiffType, PromptEditorMode, PromptEditorProps, PromptEditorRef, PromptEditorRenderTokenPill, PromptEditorStrings, PromptEditorToken, PromptEditorTokenPillSlotProps, PromptEditorTokenType, PromptEditorToolbarActiveFormats, PromptTokenNode, TokenPillProps, TokenPillWithTooltipProps, } from './components/ui/prompt-editor';
 export { $insertTokenAtCursor, createInputTokenNode, createOutputTokenNode, createResourceTokenNode, createStateTokenNode, createTokenNodeForOption, DEFAULT_PROMPT_EDITOR_STRINGS, getAllPromptTokenNodes, getEditorTokens, getPromptEditorTokenColors, getPromptEditorTokenTypeLabel, InputTokenNode, inferTokenTypeFromPath, isPromptTokenNode, normalizeRichTextTokens, normalizeVariablePath, OutputTokenNode, PROMPT_EDITOR_RICH_TRANSFORMERS, PromptEditor, ResourceTokenNode, StateTokenNode, setEditorTokens, TokenPill, TokenPillWithTooltip, VARIABLE_DRAG_MIME, VARIABLE_PATH_REGEX, WORD_JOINER, } from './components/ui/prompt-editor';
+export type { QuickFieldType, QuickFormFieldMode, QuickFormFieldMoreActions, QuickFormFieldOption, QuickFormFieldProps, QuickFormFieldStrings, VariableInsertContext, } from './components/ui/quick-form-field';
+export { DEFAULT_QUICK_FORM_FIELD_STRINGS, FIELD_TYPE_META, FIELD_TYPE_ORDER, QuickFormField, } from './components/ui/quick-form-field';
 export { RadioGroup, RadioGroupItem } from './components/ui/radio-group';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from './components/ui/resizable';
 export { ScrollArea, ScrollBar } from './components/ui/scroll-area';

package/dist/index.js

@@ -44,7 +44,7 @@ import { Label, RequiredIndicator } from "./components/ui/label.js";
 import { Column } from "./components/ui/layout/column.js";
 import { Grid } from "./components/ui/layout/grid.js";
 import { Row } from "./components/ui/layout/row.js";
-import { FIELD_TYPE_META, FIELD_TYPE_ORDER, LockableValueField } from "./components/ui/lockable-value-field/index.js";
+import { LockableValueField } from "./components/ui/lockable-value-field/index.js";
 import { DEFAULT_MODEL_PICKER_LABELS, FolderSwitcher, GroupHeader, GroupedOptionList, MODEL_BADGES, ModelOptionRow, ModelPicker, ModelTagChip, PickerPopup, PickerSearchInput, PickerTrigger, VirtualOptionList, defaultCostTier, defaultRowActions, deriveModelTags, filterModels, formatContextWindow, getSubstitutionTarget, groupModels, isTextGenerationModel, optionDomId, resolveHomeGeography, resolveLabels, useModelPickerState } from "./components/ui/model-picker/index.js";
 import { MultiSelect } from "./components/ui/multi-select.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.js";
@@ -52,6 +52,7 @@ import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./compon
 import { PortalContainerProvider } from "./components/ui/portal-container.js";
 import { Progress } from "./components/ui/progress.js";
 import { $insertTokenAtCursor, DEFAULT_PROMPT_EDITOR_STRINGS, InputTokenNode, OutputTokenNode, PROMPT_EDITOR_RICH_TRANSFORMERS, PromptEditor, ResourceTokenNode, StateTokenNode, TokenPill, TokenPillWithTooltip, VARIABLE_DRAG_MIME, VARIABLE_PATH_REGEX, WORD_JOINER, createInputTokenNode, createOutputTokenNode, createResourceTokenNode, createStateTokenNode, createTokenNodeForOption, getAllPromptTokenNodes, getEditorTokens, getPromptEditorTokenColors, getPromptEditorTokenTypeLabel, inferTokenTypeFromPath, isPromptTokenNode, normalizeRichTextTokens, normalizeVariablePath, setEditorTokens } from "./components/ui/prompt-editor/index.js";
+import { DEFAULT_QUICK_FORM_FIELD_STRINGS, FIELD_TYPE_META, FIELD_TYPE_ORDER, QuickFormField } from "./components/ui/quick-form-field/index.js";
 import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./components/ui/resizable.js";
 import { ScrollArea, ScrollBar } from "./components/ui/scroll-area.js";
@@ -75,4 +76,4 @@ import { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger
 import tree_view, { TreeView } from "./components/ui/tree-view.js";
 import { VariablePicker, VariablePickerContent } from "./components/ui/variable-picker/index.js";
 import { cn } from "./lib/utils.js";
-export { $insertTokenAtCursor, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AiAssistAction, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, BUILTIN_VALUE_MODES, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_AI_ASSIST_ACTION_STRINGS, DEFAULT_INSERT_VARIABLE_ACTION_STRINGS, DEFAULT_MODEL_PICKER_LABELS, DEFAULT_PROMPT_EDITOR_STRINGS, DEFAULT_VALUE_MODE_STRINGS, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FIELD_TYPE_META, FIELD_TYPE_ORDER, FetchAdapter, FieldMenu, tree_view as FileTreeView, FileUpload, FolderSwitcher, FormDesigner, FormField, FormFieldDescription, FormFieldError, FormFieldHeader, FormFieldLabel, FormFieldRenderer, FormStateViewer, Grid, GroupHeader, GroupedOptionList, HoverCard, HoverCardContent, HoverCardTrigger, InfoTooltip, Input, InputGroup, InputGroupAddon, InputGroupBody, InputGroupButton, InputGroupInput, InputGroupPopoverTrigger, InputGroupRow, InputGroupText, InputGroupTextarea, InputGroupTrigger, InputTokenNode, InsertVariableAction, Label, LockableValueField, MODEL_BADGES, MetadataForm, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, ModelOptionRow, ModelPicker, ModelTagChip, MultiSelect, OutputTokenNode, PROMPT_EDITOR_RICH_TRANSFORMERS, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PickerPopup, PickerSearchInput, PickerTrigger, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, Progress, PromptEditor, RadioGroup, RadioGroupItem, RequiredIndicator, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResourceTokenNode, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, ScrollableTabsList, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StateTokenNode, StatsCard, Stepper, StringListField, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, TokenPill, TokenPillWithTooltip, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TreeView, VARIABLE_DRAG_MIME, VARIABLE_PATH_REGEX, ValueModeIndicator, VariablePicker, VariablePickerContent, VirtualOptionList, WORD_JOINER, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, builtInValueModes, buttonVariants, cn, createEditableColumn, createInputTokenNode, createOutputTokenNode, createResourceTokenNode, createStateTokenNode, createTokenNodeForOption, defaultCostTier, defaultRowActions, deriveModelTags, filterModels, formatContextWindow, formatTemplate, formattingPlugin, getAllPromptTokenNodes, getEditorTokens, getPromptEditorTokenColors, getPromptEditorTokenTypeLabel, getSubstitutionTarget, groupModels, hasMinMaxStep, hasOptions, inferTokenTypeFromPath, inputGroupVariants, isCustomField, isFileField, isPromptTokenNode, isTextGenerationModel, normalizeRichTextTokens, normalizeVariablePath, optionDomId, resolveHomeGeography, resolveLabels, setEditorTokens, spinnerVariants, toast, toggleVariants, useInputGroup, useModelPickerState, useWatch, validationPlugin, workflowPlugin };
+export { $insertTokenAtCursor, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AiAssistAction, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, BUILTIN_VALUE_MODES, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_AI_ASSIST_ACTION_STRINGS, DEFAULT_INSERT_VARIABLE_ACTION_STRINGS, DEFAULT_MODEL_PICKER_LABELS, DEFAULT_PROMPT_EDITOR_STRINGS, DEFAULT_QUICK_FORM_FIELD_STRINGS, DEFAULT_VALUE_MODE_STRINGS, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FIELD_TYPE_META, FIELD_TYPE_ORDER, FetchAdapter, FieldMenu, tree_view as FileTreeView, FileUpload, FolderSwitcher, FormDesigner, FormField, FormFieldDescription, FormFieldError, FormFieldHeader, FormFieldLabel, FormFieldRenderer, FormStateViewer, Grid, GroupHeader, GroupedOptionList, HoverCard, HoverCardContent, HoverCardTrigger, InfoTooltip, Input, InputGroup, InputGroupAddon, InputGroupBody, InputGroupButton, InputGroupInput, InputGroupPopoverTrigger, InputGroupRow, InputGroupText, InputGroupTextarea, InputGroupTrigger, InputTokenNode, InsertVariableAction, Label, LockableValueField, MODEL_BADGES, MetadataForm, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, ModelOptionRow, ModelPicker, ModelTagChip, MultiSelect, OutputTokenNode, PROMPT_EDITOR_RICH_TRANSFORMERS, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PickerPopup, PickerSearchInput, PickerTrigger, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, Progress, PromptEditor, QuickFormField, RadioGroup, RadioGroupItem, RequiredIndicator, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResourceTokenNode, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, ScrollableTabsList, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StateTokenNode, StatsCard, Stepper, StringListField, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, TokenPill, TokenPillWithTooltip, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TreeView, VARIABLE_DRAG_MIME, VARIABLE_PATH_REGEX, ValueModeIndicator, VariablePicker, VariablePickerContent, VirtualOptionList, WORD_JOINER, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, builtInValueModes, buttonVariants, cn, createEditableColumn, createInputTokenNode, createOutputTokenNode, createResourceTokenNode, createStateTokenNode, createTokenNodeForOption, defaultCostTier, defaultRowActions, deriveModelTags, filterModels, formatContextWindow, formatTemplate, formattingPlugin, getAllPromptTokenNodes, getEditorTokens, getPromptEditorTokenColors, getPromptEditorTokenTypeLabel, getSubstitutionTarget, groupModels, hasMinMaxStep, hasOptions, inferTokenTypeFromPath, inputGroupVariants, isCustomField, isFileField, isPromptTokenNode, isTextGenerationModel, normalizeRichTextTokens, normalizeVariablePath, optionDomId, resolveHomeGeography, resolveLabels, setEditorTokens, spinnerVariants, toast, toggleVariants, useInputGroup, useModelPickerState, useWatch, validationPlugin, workflowPlugin };

package/package.json

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