@uipath/apollo-wind 2.70.0 → 2.72.0

package/dist/components/ui/prompt-suggestions.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { forwardRef, useId } from "react";
+import { cn } from "../../lib/index.js";
+const DEFAULT_PROMPT_SUGGESTIONS_STRINGS = {
+    label: 'Suggestions'
+};
+const promptSuggestionsListVariants = cva('flex min-w-0 gap-2', {
+    variants: {
+        orientation: {
+            vertical: 'flex-col items-start',
+            horizontal: '-mx-1 scroll-fade-x snap-x snap-mandatory scroll-px-1 scrollbar-none overflow-x-auto overscroll-x-contain px-1 py-1'
+        }
+    },
+    defaultVariants: {
+        orientation: 'vertical'
+    }
+});
+const promptSuggestionVariants = cva('inline-flex max-w-full cursor-pointer items-center border border-border-subtle bg-surface-raised text-left font-normal text-foreground transition-colors hover:border-border hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0', {
+    variants: {
+        density: {
+            comfortable: 'gap-2 px-4 py-2 text-sm leading-5 [&_svg]:size-4 rounded-xl',
+            compact: 'gap-1.5 px-2 py-1 text-xs leading-4 [&_svg]:size-3.5 rounded-lg'
+        },
+        orientation: {
+            vertical: 'whitespace-normal',
+            horizontal: 'flex-none snap-start whitespace-nowrap'
+        }
+    },
+    defaultVariants: {
+        density: 'comfortable',
+        orientation: 'vertical'
+    }
+});
+const PromptSuggestions = /*#__PURE__*/ forwardRef(({ className, suggestions, onSelect, orientation, density, showLabel = false, animated = false, disabled = false, strings, ...props }, ref)=>{
+    const labelId = useId();
+    const resolvedOrientation = orientation ?? 'vertical';
+    const resolvedDensity = density ?? 'comfortable';
+    const text = {
+        ...DEFAULT_PROMPT_SUGGESTIONS_STRINGS,
+        ...strings
+    };
+    if (0 === suggestions.length) return null;
+    return /*#__PURE__*/ jsxs("div", {
+        ref: ref,
+        role: "group",
+        "aria-label": showLabel ? void 0 : text.label,
+        "aria-labelledby": showLabel ? labelId : void 0,
+        "data-slot": "prompt-suggestions",
+        "data-orientation": resolvedOrientation,
+        "data-density": resolvedDensity,
+        className: cn('flex w-full min-w-0 flex-col gap-1', animated && 'animate-slide-in-from-bottom', className),
+        ...props,
+        children: [
+            showLabel && /*#__PURE__*/ jsx("div", {
+                id: labelId,
+                "data-slot": "prompt-suggestions-label",
+                className: cn('text-start font-semibold text-foreground', 'compact' === resolvedDensity ? 'text-xs leading-4' : 'text-sm leading-5'),
+                children: text.label
+            }),
+            /*#__PURE__*/ jsx("div", {
+                "data-slot": "prompt-suggestions-list",
+                className: promptSuggestionsListVariants({
+                    orientation: resolvedOrientation
+                }),
+                children: suggestions.map((suggestion, index)=>/*#__PURE__*/ jsxs("button", {
+                        type: "button",
+                        "data-slot": "prompt-suggestion",
+                        "data-index": index,
+                        disabled: disabled,
+                        className: promptSuggestionVariants({
+                            density: resolvedDensity,
+                            orientation: resolvedOrientation
+                        }),
+                        onClick: ()=>onSelect?.(suggestion),
+                        children: [
+                            suggestion.icon,
+                            /*#__PURE__*/ jsx("span", {
+                                className: "min-w-0",
+                                children: suggestion.label
+                            })
+                        ]
+                    }, suggestion.id ?? suggestion.label))
+            })
+        ]
+    });
+});
+PromptSuggestions.displayName = 'PromptSuggestions';
+export { DEFAULT_PROMPT_SUGGESTIONS_STRINGS, PromptSuggestions, promptSuggestionVariants, promptSuggestionsListVariants };

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

@@ -39,7 +39,7 @@ const ai_assist_action_cjs_namespaceObject = require("../../field-actions/ai-ass
 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, fieldTypes = external_types_cjs_namespaceObject.FIELD_TYPE_ORDER, onFieldTypeChange, onRequiredChange, compact, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions }) {
+function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTypes = external_types_cjs_namespaceObject.FIELD_TYPE_ORDER, onFieldTypeChange, onRequiredChange, compact, disabled, isExpression, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions }) {
     const [pickerItems, optionsBySelectionId] = (0, external_react_namespaceObject.useMemo)(()=>{
         const byId = new Map();
         const toItem = (v, id)=>{
@@ -97,7 +97,8 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
                                                         type: "button",
                                                         "aria-label": strings.fieldTypeAriaLabel,
-                                                        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),
+                                                        disabled: disabled,
+                                                        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 disabled:pointer-events-none disabled:opacity-50', collapsedPaddingClass),
                                                         children: [
                                                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typeMeta.icon, {
                                                                 size: 12
@@ -155,6 +156,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                             size: "sm",
                                                             checked: !!required,
                                                             onCheckedChange: onRequiredChange,
+                                                            disabled: disabled,
                                                             className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
                                                             "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel
                                                         })
@@ -179,7 +181,8 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                                                                     type: "button",
                                                                     "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel,
-                                                                    className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
+                                                                    disabled: disabled,
+                                                                    className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
                                                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Asterisk, {
                                                                         size: 12
                                                                     })
@@ -205,6 +208,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                                 size: "sm",
                                                                 checked: !!required,
                                                                 onCheckedChange: onRequiredChange,
+                                                                disabled: disabled,
                                                                 className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
                                                                 "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel
                                                             })
@@ -220,7 +224,8 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                 children: [
                                     onGenerateWithAi && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ai_assist_action_cjs_namespaceObject.AiAssistAction, {
                                         onGenerate: onGenerateWithAi,
-                                        hint: strings.aiOutputHint(strings.aiOutputLabel(typeLabel, typeMeta.supportsExpression)),
+                                        disabled: disabled,
+                                        hint: strings.aiOutputHint(strings.aiOutputLabel(typeLabel, isExpression)),
                                         strings: {
                                             trigger: strings.aiAssistAriaLabel,
                                             tooltip: strings.aiAssistTooltip,

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { QuickFieldType, QuickFormFieldOption, QuickFormFieldStrings } from '../types';
-export declare function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTypes, onFieldTypeChange, onRequiredChange, compact, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions, }: {
+export declare function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTypes, onFieldTypeChange, onRequiredChange, compact, disabled, isExpression, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions, }: {
     label?: ReactNode;
     fieldId: string;
     fieldLabel: string;
@@ -11,6 +11,9 @@ export declare function FieldHeader({ label, fieldId, fieldLabel, required, fiel
     onFieldTypeChange?: (fieldType: QuickFieldType) => void;
     onRequiredChange?: (required: boolean) => void;
     compact?: boolean;
+    disabled: boolean;
+    /** Whether the AI output is described as an expression rather than a value. */
+    isExpression: boolean;
     showFieldActions: boolean;
     onValueChange?: (value: string) => void;
     variables: QuickFormFieldOption[];

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

@@ -11,7 +11,7 @@ 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, fieldTypes = FIELD_TYPE_ORDER, onFieldTypeChange, onRequiredChange, compact, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions }) {
+function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTypes = FIELD_TYPE_ORDER, onFieldTypeChange, onRequiredChange, compact, disabled, isExpression, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions }) {
     const [pickerItems, optionsBySelectionId] = useMemo(()=>{
         const byId = new Map();
         const toItem = (v, id)=>{
@@ -69,7 +69,8 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                     children: /*#__PURE__*/ jsxs("button", {
                                                         type: "button",
                                                         "aria-label": strings.fieldTypeAriaLabel,
-                                                        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),
+                                                        disabled: disabled,
+                                                        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(typeMeta.icon, {
                                                                 size: 12
@@ -127,6 +128,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                             size: "sm",
                                                             checked: !!required,
                                                             onCheckedChange: onRequiredChange,
+                                                            disabled: disabled,
                                                             className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
                                                             "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel
                                                         })
@@ -151,7 +153,8 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                                 children: /*#__PURE__*/ jsx("button", {
                                                                     type: "button",
                                                                     "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel,
-                                                                    className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground",
+                                                                    disabled: disabled,
+                                                                    className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
                                                                     children: /*#__PURE__*/ jsx(Asterisk, {
                                                                         size: 12
                                                                     })
@@ -177,6 +180,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                                 size: "sm",
                                                                 checked: !!required,
                                                                 onCheckedChange: onRequiredChange,
+                                                                disabled: disabled,
                                                                 className: "data-[state=checked]:bg-brand data-[state=unchecked]:bg-foreground-subtle",
                                                                 "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel
                                                             })
@@ -192,7 +196,8 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                 children: [
                                     onGenerateWithAi && /*#__PURE__*/ jsx(AiAssistAction, {
                                         onGenerate: onGenerateWithAi,
-                                        hint: strings.aiOutputHint(strings.aiOutputLabel(typeLabel, typeMeta.supportsExpression)),
+                                        disabled: disabled,
+                                        hint: strings.aiOutputHint(strings.aiOutputLabel(typeLabel, isExpression)),
                                         strings: {
                                             trigger: strings.aiAssistAriaLabel,
                                             tooltip: strings.aiAssistTooltip,

package/dist/components/ui/quick-form-field/components/lock-toggle-button.cjs

@@ -30,8 +30,8 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_input_group_cjs_namespaceObject = require("../../input-group.cjs");
 const external_tooltip_cjs_namespaceObject = require("../../tooltip.cjs");
-function LockToggleButton({ locked, onLockedChange, strings }) {
-    const interactive = !!onLockedChange;
+function LockToggleButton({ locked, onLockedChange, disabled, strings }) {
+    const interactive = !!onLockedChange && !disabled;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tooltip_cjs_namespaceObject.TooltipProvider, {
         delayDuration: 300,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_tooltip_cjs_namespaceObject.Tooltip, {

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

@@ -1,12 +1,13 @@
 import type { QuickFormFieldStrings } from '../types';
 /**
- * The lock/unlock toggle shared by both the InputGroup and plain-Input
- * layouts. Disabled (and its label adjusted) when onLockedChange isn't
- * provided, since clicking it wouldn't do anything otherwise.
+ * The lock/unlock toggle in the field's leading addon. Disabled (and its label
+ * adjusted) with the field, or when onLockedChange isn't provided, since
+ * clicking it wouldn't do anything otherwise.
  */
-export declare function LockToggleButton({ locked, onLockedChange, strings, }: {
+export declare function LockToggleButton({ locked, onLockedChange, disabled, strings, }: {
     locked: boolean;
     onLockedChange?: (locked: boolean) => void;
+    disabled?: boolean;
     /** See QuickFormFieldStrings. */
     strings: QuickFormFieldStrings;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/quick-form-field/components/lock-toggle-button.js

@@ -2,8 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { LockKeyhole, LockKeyholeOpen } from "lucide-react";
 import { InputGroupButton } from "../../input-group.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../tooltip.js";
-function LockToggleButton({ locked, onLockedChange, strings }) {
-    const interactive = !!onLockedChange;
+function LockToggleButton({ locked, onLockedChange, disabled, strings }) {
+    const interactive = !!onLockedChange && !disabled;
     return /*#__PURE__*/ jsx(TooltipProvider, {
         delayDuration: 300,
         children: /*#__PURE__*/ jsxs(Tooltip, {

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

@@ -1,3 +1,3 @@
 export { QuickFormField } from './quick-form-field';
-export type { QuickFieldType, QuickFormFieldMode, QuickFormFieldMoreActions, QuickFormFieldOption, QuickFormFieldProps, QuickFormFieldStrings, VariableInsertContext, } from './types';
+export type { QuickFieldType, QuickFormFieldControlProps, QuickFormFieldMode, QuickFormFieldMoreActions, QuickFormFieldOption, QuickFormFieldProps, QuickFormFieldStrings, VariableInsertContext, } from './types';
 export { DEFAULT_QUICK_FORM_FIELD_STRINGS, FIELD_TYPE_META, FIELD_TYPE_ORDER } from './types';