@uipath/apollo-wind 2.79.1 → 2.80.0

package/dist/components/ui/field-actions/insert-variable-action.cjs

@@ -30,6 +30,7 @@ __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 index_cjs_namespaceObject = require("../variable-picker/index.cjs");
 const external_lib_index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const external_collapse_cjs_namespaceObject = require("./collapse.cjs");
@@ -64,23 +65,22 @@ function InsertVariableAction({ variables = NO_VARIABLES, renderPicker, onInsert
         onSelect: (variable)=>{
             if (variable.value) onInsert?.(variable.value, variable);
         },
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
             type: "button",
+            variant: "ghost",
+            size: "3xs",
             "aria-label": text.ariaLabel,
             title: text.ariaLabel,
             disabled: inert,
-            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', external_collapse_cjs_namespaceObject.COLLAPSED_ICON_PADDING, compact && '!px-1.5'),
+            className: (0, external_lib_index_cjs_namespaceObject.cn)('gap-1', external_collapse_cjs_namespaceObject.FIELD_ACTION_CLASS),
             children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Braces, {
-                    size: 12
-                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Braces, {}),
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                     className: collapsedTextClass,
                     children: text.label
                 }),
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
-                    size: 9,
-                    className: collapsedTextClass
+                    className: (0, external_lib_index_cjs_namespaceObject.cn)('!size-2.5', collapsedTextClass)
                 })
             ]
         })

package/dist/components/ui/field-actions/insert-variable-action.js

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Braces, ChevronDown } from "lucide-react";
 import { useState } from "react";
+import { Button } from "../button.js";
 import { VariablePicker } from "../variable-picker/index.js";
 import { cn } from "../../../lib/index.js";
-import { COLLAPSED_HIDDEN, COLLAPSED_ICON_PADDING } from "./collapse.js";
+import { COLLAPSED_HIDDEN, FIELD_ACTION_CLASS } from "./collapse.js";
 const NO_VARIABLES = [];
 const DEFAULT_INSERT_VARIABLE_ACTION_STRINGS = {
     label: 'Insert',
@@ -35,23 +36,22 @@ function InsertVariableAction({ variables = NO_VARIABLES, renderPicker, onInsert
         onSelect: (variable)=>{
             if (variable.value) onInsert?.(variable.value, variable);
         },
-        children: /*#__PURE__*/ jsxs("button", {
+        children: /*#__PURE__*/ jsxs(Button, {
             type: "button",
+            variant: "ghost",
+            size: "3xs",
             "aria-label": text.ariaLabel,
             title: text.ariaLabel,
             disabled: inert,
-            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', COLLAPSED_ICON_PADDING, compact && '!px-1.5'),
+            className: cn('gap-1', FIELD_ACTION_CLASS),
             children: [
-                /*#__PURE__*/ jsx(Braces, {
-                    size: 12
-                }),
+                /*#__PURE__*/ jsx(Braces, {}),
                 /*#__PURE__*/ jsx("span", {
                     className: collapsedTextClass,
                     children: text.label
                 }),
                 /*#__PURE__*/ jsx(ChevronDown, {
-                    size: 9,
-                    className: collapsedTextClass
+                    className: cn('!size-2.5', collapsedTextClass)
                 })
             ]
         })

package/dist/components/ui/field-addons/field-menu.cjs

@@ -67,7 +67,7 @@ function ValueModeMenuItem({ icon: Icon, label, description, active, disabled, o
         ]
     });
 }
-function FieldMenu({ mode, onSelect, modes, extraModes, actions, checked, modesDisabled, disabled, expectedType, literalDescription, triggerLabel: triggerLabelOverride, strings }) {
+function FieldMenu({ mode, onSelect, modes, extraModes, actions, checked, modesDisabled, disabled, expectedType, literalDescription, triggerLabel: triggerLabelOverride, strings, onCloseAutoFocus }) {
     const text = {
         ...external_value_mode_strings_cjs_namespaceObject.DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -103,6 +103,7 @@ function FieldMenu({ mode, onSelect, modes, extraModes, actions, checked, modesD
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
                 align: "end",
                 className: "w-56",
+                onCloseAutoFocus: onCloseAutoFocus,
                 children: [
                     !modesDisabled && resolvedModes.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ValueModeMenuItem, {
                             icon: item.icon,

package/dist/components/ui/field-addons/field-menu.d.ts

@@ -35,6 +35,11 @@ interface FieldMenuBaseProps<Id extends string> {
     triggerLabel?: string;
     /** Overrides for any subset of the English strings. */
     strings?: Partial<ValueModeStrings>;
+    /**
+     * Called as the menu closes, before it returns focus to its trigger. Call `preventDefault` to keep
+     * focus elsewhere, such as on the field's control after a mode is chosen.
+     */
+    onCloseAutoFocus?: (event: Event) => void;
 }
 /**
  * `modes` may be omitted when `Id` is the built-in modes, or one of them as `mode="literal"` infers,
@@ -68,5 +73,5 @@ export declare function ValueModeMenuItem({ icon: Icon, label, description, acti
  * shows the current mode's icon and is named by its title; with the modes hidden it is the field's
  * overflow menu.
  */
-export declare function FieldMenu<Id extends string = ValueMode>({ mode, onSelect, modes, extraModes, actions, checked, modesDisabled, disabled, expectedType, literalDescription, triggerLabel: triggerLabelOverride, strings, }: FieldMenuProps<Id>): import("react/jsx-runtime").JSX.Element;
+export declare function FieldMenu<Id extends string = ValueMode>({ mode, onSelect, modes, extraModes, actions, checked, modesDisabled, disabled, expectedType, literalDescription, triggerLabel: triggerLabelOverride, strings, onCloseAutoFocus, }: FieldMenuProps<Id>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ui/field-addons/field-menu.js

@@ -38,7 +38,7 @@ function ValueModeMenuItem({ icon: Icon, label, description, active, disabled, o
         ]
     });
 }
-function FieldMenu({ mode, onSelect, modes, extraModes, actions, checked, modesDisabled, disabled, expectedType, literalDescription, triggerLabel: triggerLabelOverride, strings }) {
+function FieldMenu({ mode, onSelect, modes, extraModes, actions, checked, modesDisabled, disabled, expectedType, literalDescription, triggerLabel: triggerLabelOverride, strings, onCloseAutoFocus }) {
     const text = {
         ...DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -74,6 +74,7 @@ function FieldMenu({ mode, onSelect, modes, extraModes, actions, checked, modesD
             /*#__PURE__*/ jsxs(DropdownMenuContent, {
                 align: "end",
                 className: "w-56",
+                onCloseAutoFocus: onCloseAutoFocus,
                 children: [
                     !modesDisabled && resolvedModes.map((item)=>/*#__PURE__*/ jsx(ValueModeMenuItem, {
                             icon: item.icon,

package/dist/components/ui/field-addons/value-mode-switch-dialog.cjs

@@ -29,7 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_alert_dialog_cjs_namespaceObject = require("../alert-dialog.cjs");
 const external_value_mode_strings_cjs_namespaceObject = require("./value-mode-strings.cjs");
-function ValueModeSwitchDialog({ open, onConfirm, onCancel, title, description, confirmLabel, strings }) {
+function ValueModeSwitchDialog({ open, onConfirm, onCancel, title, description, confirmLabel, strings, onCloseAutoFocus }) {
     const text = {
         ...external_value_mode_strings_cjs_namespaceObject.DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -38,6 +38,7 @@ function ValueModeSwitchDialog({ open, onConfirm, onCancel, title, description,
         open: open,
         onOpenChange: (next)=>!next && onCancel(),
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_alert_dialog_cjs_namespaceObject.AlertDialogContent, {
+            onCloseAutoFocus: onCloseAutoFocus,
             children: [
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_alert_dialog_cjs_namespaceObject.AlertDialogHeader, {
                     children: [

package/dist/components/ui/field-addons/value-mode-switch-dialog.d.ts

@@ -11,6 +11,11 @@ export interface ValueModeSwitchDialogProps {
     confirmLabel?: string;
     /** Overrides for any subset of the English strings. */
     strings?: Partial<ValueModeStrings>;
+    /**
+     * Called as the dialog closes, before it returns focus to where it opened from. Call
+     * `preventDefault` to keep focus elsewhere, such as on the control of the mode just switched to.
+     */
+    onCloseAutoFocus?: (event: Event) => void;
 }
 /** Confirms a mode switch that would lose the field's current value. */
-export declare function ValueModeSwitchDialog({ open, onConfirm, onCancel, title, description, confirmLabel, strings, }: ValueModeSwitchDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function ValueModeSwitchDialog({ open, onConfirm, onCancel, title, description, confirmLabel, strings, onCloseAutoFocus, }: ValueModeSwitchDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/field-addons/value-mode-switch-dialog.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../alert-dialog.js";
 import { DEFAULT_VALUE_MODE_STRINGS } from "./value-mode-strings.js";
-function ValueModeSwitchDialog({ open, onConfirm, onCancel, title, description, confirmLabel, strings }) {
+function ValueModeSwitchDialog({ open, onConfirm, onCancel, title, description, confirmLabel, strings, onCloseAutoFocus }) {
     const text = {
         ...DEFAULT_VALUE_MODE_STRINGS,
         ...strings
@@ -10,6 +10,7 @@ function ValueModeSwitchDialog({ open, onConfirm, onCancel, title, description,
         open: open,
         onOpenChange: (next)=>!next && onCancel(),
         children: /*#__PURE__*/ jsxs(AlertDialogContent, {
+            onCloseAutoFocus: onCloseAutoFocus,
             children: [
                 /*#__PURE__*/ jsxs(AlertDialogHeader, {
                     children: [