@uipath/apollo-wind 2.58.0 → 2.60.0

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

@@ -1,208 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Asterisk, ChevronDown } from "lucide-react";
-import { useMemo } from "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 { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../tooltip.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 toVariableTree(variables) {
-    return [
-        {
-            id: 'vars',
-            label: '$vars',
-            type: 'object',
-            children: variables.map((variable)=>({
-                    id: variable.value,
-                    label: variable.label,
-                    value: variable.value,
-                    type: 'string'
-                }))
-        }
-    ];
-}
-function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, compact, showFieldActions, showAiAssist, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
-    const typeMeta = FIELD_TYPE_META[fieldType];
-    const variableTree = useMemo(()=>toVariableTree(variables), [
-        variables
-    ]);
-    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: [
-            label ?? /*#__PURE__*/ jsxs(Label, {
-                htmlFor: fieldId,
-                className: "text-xs font-medium text-foreground",
-                children: [
-                    fieldLabel,
-                    required && /*#__PURE__*/ jsx(RequiredIndicator, {})
-                ]
-            }),
-            /*#__PURE__*/ jsx(TooltipProvider, {
-                delayDuration: 300,
-                children: /*#__PURE__*/ jsxs("div", {
-                    className: "ml-auto flex items-center gap-0.5",
-                    children: [
-                        /*#__PURE__*/ jsxs("div", {
-                            className: "flex items-center gap-0.5",
-                            children: [
-                                onFieldTypeChange && /*#__PURE__*/ jsxs(DropdownMenu, {
-                                    children: [
-                                        /*#__PURE__*/ jsxs(Tooltip, {
-                                            children: [
-                                                /*#__PURE__*/ jsx(TooltipTrigger, {
-                                                    asChild: true,
-                                                    children: /*#__PURE__*/ jsx(DropdownMenuTrigger, {
-                                                        asChild: true,
-                                                        children: /*#__PURE__*/ jsxs("button", {
-                                                            type: "button",
-                                                            "aria-label": "Field type",
-                                                            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', collapsedPaddingClass),
-                                                            children: [
-                                                                /*#__PURE__*/ jsx(typeMeta.icon, {
-                                                                    size: 12
-                                                                }),
-                                                                /*#__PURE__*/ jsx("span", {
-                                                                    className: collapsedTextClass,
-                                                                    children: typeMeta.label
-                                                                }),
-                                                                /*#__PURE__*/ jsx(ChevronDown, {
-                                                                    size: 9,
-                                                                    className: collapsedTextClass
-                                                                })
-                                                            ]
-                                                        })
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ jsx(TooltipContent, {
-                                                    children: "Type"
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsx(DropdownMenuContent, {
-                                            align: "end",
-                                            className: "w-44",
-                                            children: FIELD_TYPE_ORDER.map((type)=>{
-                                                const meta = FIELD_TYPE_META[type];
-                                                const isActive = type === fieldType;
-                                                return /*#__PURE__*/ jsxs(DropdownMenuItem, {
-                                                    onClick: ()=>onFieldTypeChange(type),
-                                                    children: [
-                                                        /*#__PURE__*/ jsx(meta.icon, {
-                                                            className: isActive ? 'text-brand' : 'text-foreground-muted'
-                                                        }),
-                                                        /*#__PURE__*/ jsx("span", {
-                                                            className: cn(isActive && 'font-medium text-brand'),
-                                                            children: meta.label
-                                                        })
-                                                    ]
-                                                }, type);
-                                            })
-                                        })
-                                    ]
-                                }),
-                                onRequiredChange && /*#__PURE__*/ jsxs(Fragment, {
-                                    children: [
-                                        /*#__PURE__*/ jsx("div", {
-                                            className: collapsedTextClass,
-                                            children: /*#__PURE__*/ jsxs(Tooltip, {
-                                                children: [
-                                                    /*#__PURE__*/ jsx(TooltipTrigger, {
-                                                        asChild: true,
-                                                        children: /*#__PURE__*/ jsx("span", {
-                                                            className: "inline-flex",
-                                                            children: /*#__PURE__*/ jsx(Switch, {
-                                                                size: "sm",
-                                                                checked: !!required,
-                                                                onCheckedChange: onRequiredChange,
-                                                                className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
-                                                                "aria-label": required ? 'Required field' : 'Optional field'
-                                                            })
-                                                        })
-                                                    }),
-                                                    /*#__PURE__*/ jsx(TooltipContent, {
-                                                        children: "Required"
-                                                    })
-                                                ]
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsx("div", {
-                                            className: compactOnlyClass,
-                                            children: /*#__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": required ? 'Required field' : 'Optional field',
-                                                                        className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
-                                                                        children: /*#__PURE__*/ jsx(Asterisk, {
-                                                                            size: 12
-                                                                        })
-                                                                    })
-                                                                })
-                                                            }),
-                                                            /*#__PURE__*/ jsx(TooltipContent, {
-                                                                children: "Required"
-                                                            })
-                                                        ]
-                                                    }),
-                                                    /*#__PURE__*/ jsx(PopoverContent, {
-                                                        align: "end",
-                                                        className: "w-48",
-                                                        children: /*#__PURE__*/ jsxs("div", {
-                                                            className: "flex items-center justify-between gap-3",
-                                                            children: [
-                                                                /*#__PURE__*/ jsx("span", {
-                                                                    className: "text-xs font-medium text-foreground",
-                                                                    children: "Required"
-                                                                }),
-                                                                /*#__PURE__*/ jsx(Switch, {
-                                                                    size: "sm",
-                                                                    checked: !!required,
-                                                                    onCheckedChange: onRequiredChange,
-                                                                    className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
-                                                                    "aria-label": required ? 'Required field' : 'Optional field'
-                                                                })
-                                                            ]
-                                                        })
-                                                    })
-                                                ]
-                                            })
-                                        })
-                                    ]
-                                }),
-                                showFieldActions && /*#__PURE__*/ jsxs(Fragment, {
-                                    children: [
-                                        showAiAssist && /*#__PURE__*/ jsx(AiAssistAction, {
-                                            onGenerate: onGenerateWithAi,
-                                            hint: `Output: ${typeMeta.label}${typeMeta.supportsExpression ? ' expression' : ' value'}`
-                                        }),
-                                        /*#__PURE__*/ jsx(InsertVariableAction, {
-                                            variables: variableTree,
-                                            compact: compact,
-                                            onInsert: onValueChange && ((variable)=>onValueChange(value ? `${value} ${variable}` : variable))
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        headerActions
-                    ]
-                })
-            })
-        ]
-    });
-}
-export { FieldHeader };

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

@@ -1,14 +0,0 @@
-import type { LockableValueFieldProps } from './types';
-/**
- * LockableValueField — a field that can be locked to read-only, typed as one
- * of several data types, and (for scalar types) switched between a literal
- * value and a JS expression.
- *
- * The expression mode is styled as code (monospace) but does not carry real
- * syntax highlighting or evaluation. Select/multiselect options default to a
- * small demo set unless `options` is provided. The built-in AI-assist
- * "Generate" button is a no-op unless `onGenerateWithAi` is provided; the
- * 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, showLock, leadingAddon, trailingAddon, more, mode, onModeChange, renderExpressionEditor, fieldType, onFieldTypeChange, required, onRequiredChange, label, error, errorId, belowValue, fileUploadAriaLabel, headerActions, compact, showFieldActions, showAiAssist, options, onGenerateWithAi, variables, id, className, }: LockableValueFieldProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,109 +0,0 @@
-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' | 'object';
-interface FieldTypeMeta {
-    label: string;
-    icon: LucideIcon;
-    supportsExpression: boolean;
-    fixedLabel: string;
-    fixedDescription: string;
-}
-export declare const FIELD_TYPE_META: Record<LockableFieldType, FieldTypeMeta>;
-export declare const FIELD_TYPE_ORDER: LockableFieldType[];
-export interface LockableValueFieldOption {
-    label: string;
-    value: string;
-}
-export interface LockableValueFieldMoreActions {
-    onClear?: () => void;
-    onRefresh?: () => void;
-}
-export interface LockableValueFieldProps {
-    /** 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?: LockableValueFieldMoreActions;
-    /** Fixed value vs. JS expression. Defaults to 'fixed'. Ignored for types that don't support expressions. */
-    mode?: LockableValueFieldMode;
-    /** Called when the user switches modes. */
-    onModeChange?: (mode: LockableValueFieldMode) => 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.
-     */
-    renderExpressionEditor?: (props: {
-        id: string;
-        value: string;
-        onValueChange?: (value: string) => void;
-        onBlur?: () => void;
-        readOnly: boolean;
-        placeholder: string;
-        fieldType: LockableFieldType;
-        'aria-invalid'?: AriaAttributes['aria-invalid'];
-        'aria-describedby'?: string;
-        'aria-errormessage'?: string;
-        'data-slot'?: string;
-    }) => ReactNode;
-    /** The field's data type. Defaults to 'string'. Determines which control renders the value. */
-    fieldType?: LockableFieldType;
-    /** Called when the user switches the field type. */
-    onFieldTypeChange?: (fieldType: LockableFieldType) => 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;
-    /** 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;
-    /** @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;
-    /** Whether the Generate with AI action renders. Defaults to true. */
-    showAiAssist?: boolean;
-    /** Options for 'single-select' / 'multi-select' field types. Defaults to a small set of demo options. */
-    options?: LockableValueFieldOption[];
-    /** Called with the entered prompt when the user clicks Generate in the AI-assist popover. */
-    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?: LockableValueFieldOption[];
-    id?: string;
-    className?: string;
-}
-export {};

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

@@ -1,70 +0,0 @@
-import { ALargeSmall, Braces, Calendar, File, Hash, List, ListChecks, 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'
-    },
-    date: {
-        label: 'Date',
-        icon: Calendar,
-        supportsExpression: true,
-        fixedLabel: 'Fixed date',
-        fixedDescription: 'Use a literal date 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'
-    },
-    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',
-    'date',
-    'boolean',
-    'single-select',
-    'multi-select',
-    'file',
-    'object'
-];
-export { FIELD_TYPE_META, FIELD_TYPE_ORDER };