@lumx/vue 4.12.0 → 4.12.1-next.0

package/components/combobox/ComboboxButton.d.ts

@@ -7,10 +7,6 @@ export type ComboboxButtonProps = VueToJSXProps<UIProps, 'label'> & {
     value?: string;
     /** Controls how the label/value is displayed. @default 'show-selection' */
     labelDisplayMode?: ComboboxButtonLabelDisplayMode;
-    /** Called when an option is selected. */
-    onSelect?: (option: {
-        value: string;
-    }) => void;
 };
 /**
  * Combobox.Button component - Button trigger for select-only combobox mode.
@@ -31,10 +27,6 @@ declare const ComboboxButton: import('vue').DefineSetupFnComponent<ComboboxButto
     value?: string;
     /** Controls how the label/value is displayed. @default 'show-selection' */
     labelDisplayMode?: ComboboxButtonLabelDisplayMode;
-    /** Called when an option is selected. */
-    onSelect?: (option: {
-        value: string;
-    }) => void;
 } & {
     onSelect?: ((option: {
         value: string;

package/components/combobox/ComboboxInput.d.ts

@@ -1,4 +1,4 @@
-import { COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxInput';
+import { ComboboxInputProps as UIProps, ComboboxInputPropsToOverride, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxInput';
 import { VueToJSXProps } from '../../utils/VueToJSX';
 import { TextFieldProps } from '../text-field/TextField';
 import { IconButtonProps } from '../button/IconButton';
@@ -6,35 +6,14 @@ import { IconButtonProps } from '../button/IconButton';
  * Props for Combobox.Input component.
  * Note: role, aria-autocomplete, aria-controls, aria-expanded are set internally and cannot be overridden.
  */
-export type ComboboxInputProps = VueToJSXProps<TextFieldProps, 'inputRef' | 'textFieldRef'> & {
+export interface ComboboxInputProps extends TextFieldProps, VueToJSXProps<UIProps, ComboboxInputPropsToOverride> {
     /**
      * Props for the toggle button.
      * When provided, a chevron button will be rendered in the text field's afterElement
      * to toggle the listbox visibility.
      */
     toggleButtonProps?: Pick<IconButtonProps, 'label'> & Partial<Omit<IconButtonProps, 'label'>>;
-    /** Called when an option is selected. */
-    onSelect?: (option: {
-        value: string;
-    }) => void;
-    /**
-     * Controls how the combobox filters options as the user types.
-     *
-     * - `'auto'` (default) — Options are automatically filtered client-side.
-     * - `'manual'` — Filtering is the consumer's responsibility.
-     * - `'off'` — Like `'manual'`, but the input is rendered as `readOnly`
-     *   and `openOnFocus` defaults to `true`.
-     */
-    filter?: 'auto' | 'manual' | 'off';
-    /**
-     * When true, the combobox opens automatically when the input receives focus.
-     * When false (default, unless `filter` is `'off'`), the combobox only opens
-     * on click, typing, or keyboard navigation.
-     *
-     * @default false (true when filter is 'off')
-     */
-    openOnFocus?: boolean;
-};
+}
 /**
  * Combobox.Input component - wraps TextField with combobox ARIA attributes.
  *
@@ -49,37 +28,7 @@ declare const ComboboxInput: import('vue').DefineSetupFnComponent<ComboboxInputP
     focus: (_event?: FocusEvent) => true;
     blur: (_event?: FocusEvent) => true;
     clear: (_event?: MouseEvent) => true;
-}, {}, Omit<TextFieldProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "inputRef" | "textFieldRef"> & {
-    class?: string;
-} & {
-    /**
-     * Props for the toggle button.
-     * When provided, a chevron button will be rendered in the text field's afterElement
-     * to toggle the listbox visibility.
-     */
-    toggleButtonProps?: Pick<IconButtonProps, "label"> & Partial<Omit<IconButtonProps, "label">>;
-    /** Called when an option is selected. */
-    onSelect?: (option: {
-        value: string;
-    }) => void;
-    /**
-     * Controls how the combobox filters options as the user types.
-     *
-     * - `'auto'` (default) — Options are automatically filtered client-side.
-     * - `'manual'` — Filtering is the consumer's responsibility.
-     * - `'off'` — Like `'manual'`, but the input is rendered as `readOnly`
-     *   and `openOnFocus` defaults to `true`.
-     */
-    filter?: "auto" | "manual" | "off";
-    /**
-     * When true, the combobox opens automatically when the input receives focus.
-     * When false (default, unless `filter` is `'off'`), the combobox only opens
-     * on click, typing, or keyboard navigation.
-     *
-     * @default false (true when filter is 'off')
-     */
-    openOnFocus?: boolean;
-} & {
+}, {}, ComboboxInputProps & {
     onSelect?: ((option: {
         value: string;
     }) => any) | undefined;

package/components/combobox/index.d.ts

@@ -33,9 +33,6 @@ export declare const Combobox: {
         label: string;
         value?: string;
         labelDisplayMode?: import('@lumx/core/js/components/Combobox/ComboboxButton').ComboboxButtonLabelDisplayMode;
-        onSelect?: (option: {
-            value: string;
-        }) => void;
     } & {
         onSelect?: ((option: {
             value: string;
@@ -50,16 +47,7 @@ export declare const Combobox: {
         focus: (_event?: FocusEvent) => true;
         blur: (_event?: FocusEvent) => true;
         clear: (_event?: MouseEvent) => true;
-    }, {}, Omit<import('../text-field').TextFieldProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "inputRef" | "textFieldRef"> & {
-        class?: string;
-    } & {
-        toggleButtonProps?: Pick<import('../button').IconButtonProps, "label"> & Partial<Omit<import('../button').IconButtonProps, "label">>;
-        onSelect?: (option: {
-            value: string;
-        }) => void;
-        filter?: "auto" | "manual" | "off";
-        openOnFocus?: boolean;
-    } & {
+    }, {}, import('./ComboboxInput').ComboboxInputProps & {
         onSelect?: ((option: {
             value: string;
         }) => any) | undefined;