@vibe/core 3.54.3-alpha-aef80.0 → 3.55.0

package/dist/components/BaseListItem/BaseListItem.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BaseListItemProps } from "./BaseListItem.types";
 declare const _default: <Item extends Record<string, unknown>>(props: BaseListItemProps<Item> & {
-    ref?: React.Ref<HTMLLIElement>;
+    ref?: React.Ref<HTMLElement>;
 }) => React.ReactElement;
 export default _default;

package/dist/components/BaseListItem/BaseListItem.types.d.ts

@@ -3,7 +3,11 @@ import { SubIcon, VibeComponentProps } from "../../types";
 import { TooltipProps } from "../Tooltip";
 import { BaseListDirection, BaseListSizes } from "../BaseList/BaseList.types";
 import { ChipsProps } from "../Chips";
-export interface BaseListItemProps<Item extends Record<string, unknown>> extends React.LiHTMLAttributes<HTMLLIElement>, VibeComponentProps {
+export interface BaseListItemProps<Item extends Record<string, unknown>> extends Omit<React.HTMLAttributes<HTMLElement>, "role">, VibeComponentProps {
+    /**
+     * The HTML element to render. Defaults to "li".
+     */
+    component?: keyof JSX.IntrinsicElements;
     /**
      * The Size of the list item.
      */

package/dist/components/DropdownNew/Dropdown.types.d.ts

@@ -26,6 +26,10 @@ interface MultiSelectSpecifics<Item extends BaseListItemData<Record<string, unkn
      * The controlled selected values for multi-select.
      */
     value?: Item[];
+    /**
+     * Callback fired when the selected values change in multi-select mode.
+     */
+    onChange?: (options: BaseListItemData<Item>[]) => void;
 }
 interface SingleSelectSpecifics<Item extends BaseListItemData<Record<string, unknown>>> {
     /**
@@ -52,6 +56,10 @@ interface SingleSelectSpecifics<Item extends BaseListItemData<Record<string, unk
      * The controlled selected value for single-select.
      */
     value?: Item;
+    /**
+     * Callback fired when the selected value changes in single-select mode.
+     */
+    onChange?: (option: BaseListItemData<Item>) => void;
 }
 export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = VibeComponentProps & {
     /**
@@ -167,10 +175,6 @@ export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unkno
      * Callback fired when the dropdown loses focus.
      */
     onBlur?: () => void;
-    /**
-     * Callback fired when the selected value changes.
-     */
-    onChange?: (option: BaseListItemData<Item> | BaseListItemData<Item>[]) => void;
     /**
      * Callback fired when the clear button is clicked.
      */
@@ -212,10 +216,17 @@ export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unkno
      * If false, selected options will be hidden from the list. Defaults to true.
      */
     showSelectedOptions?: boolean;
+    /**
+     * The class name to be applied to the menu wrapper.
+     */
+    menuWrapperClassName?: string;
 } & (MultiSelectSpecifics<Item> | SingleSelectSpecifics<Item>);
 export type DropdownSizes = "small" | "medium" | "large";
 export type DropdownDirection = "ltr" | "rtl" | "auto";
-export type DropdownControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = BaseDropdownProps<Item> & {
+export type DropdownMultiControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof MultiSelectSpecifics<Item>> & MultiSelectSpecifics<Item> & {
+    dropdownRef: React.Ref<HTMLDivElement>;
+};
+export type DropdownSingleControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof SingleSelectSpecifics<Item>> & SingleSelectSpecifics<Item> & {
     dropdownRef: React.Ref<HTMLDivElement>;
 };
 export {};

package/dist/components/DropdownNew/context/DropdownContext.d.ts

@@ -22,6 +22,7 @@ export interface DropdownContextValue<Item extends BaseListItemData<Record<strin
     getItemProps: ItemPropGetter<Item>;
     getDropdownProps?: PropGetter;
     reset: () => void;
+    toggleMenu: () => void;
     onClear?: () => void;
     onOptionSelect?: (option: Item) => void;
     onOptionRemove?: (option: Item) => void;

package/dist/components/DropdownNew/context/DropdownContext.types.d.ts

@@ -7,8 +7,9 @@ type ItemPropGetter<Item> = (options: {
     item: Item;
     index: number;
 }) => Record<string, any>;
-type InheritedDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "ariaLabel" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "closeMenuOnSelect" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
+type InheritedDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "ariaLabel" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
 export interface DropdownContextProps<Item extends BaseListItemData<Record<string, unknown>> = any> extends InheritedDropdownProps<Item> {
+    label?: string;
     isOpen: boolean;
     inputValue: string | null;
     highlightedIndex: number | null;
@@ -23,6 +24,7 @@ export interface DropdownContextProps<Item extends BaseListItemData<Record<strin
     getItemProps: ItemPropGetter<Item>;
     getDropdownProps?: PropGetter;
     reset: () => void;
+    toggleMenu: () => void;
     contextOnClear: () => void;
     contextOnOptionRemove?: (option: Item) => void;
     addSelectedItem?: (item: Item) => void;

package/dist/components/DropdownNew/hooks/useDropdownFiltering.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseListItemData } from "../../BaseListItem";
 import { ListGroup } from "../../BaseList";
 import { DropdownGroupOption } from "../Dropdown.types";

package/dist/components/DropdownNew/hooks/useDropdownMultiCombobox.d.ts

@@ -1,11 +1,11 @@
 import { DropdownGroupOption } from "../Dropdown.types";
 import { BaseListItemData } from "../../BaseListItem";
-declare function useDropdownMultiCombobox<T extends BaseListItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, selectedItems: T[], setSelectedItems: (items: T[]) => void, isMenuOpen: boolean, autoFocus?: boolean, defaultValue?: T[], value?: T[], inputValueProp?: string, onChange?: (options: T[] | T) => void, onInputChange?: (value: string) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => boolean, showSelectedOptions?: boolean): {
+declare function useDropdownMultiCombobox<T extends BaseListItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, selectedItems: T[], setSelectedItems: (items: T[]) => void, isMenuOpen: boolean, autoFocus?: boolean, defaultValue?: T[], value?: T[], inputValueProp?: string, onChange?: (options: T[]) => void, onInputChange?: (value: string) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => boolean, showSelectedOptions?: boolean): {
     isOpen: boolean;
     inputValue: string;
     highlightedIndex: number;
     selectedItems: T[];
-    getSelectedItemProps: <Options>(options: import("downshift").UseMultipleSelectionGetSelectedItemPropsOptions<T> & Options) => Omit<import("downshift").Overwrite<import("downshift").UseMultipleSelectionGetSelectedItemReturnValue, Options>, "index" | "selectedItem">;
+    getSelectedItemProps: <Options>(options: import("downshift").UseMultipleSelectionGetSelectedItemPropsOptions<T> & Options) => Omit<import("downshift").Overwrite<import("downshift").UseMultipleSelectionGetSelectedItemReturnValue, Options>, "selectedItem" | "index">;
     getDropdownProps: <Options_1>(options?: import("downshift").UseMultipleSelectionGetDropdownPropsOptions & Options_1, extraOptions?: import("downshift").GetPropsCommonOptions) => Omit<import("downshift").Overwrite<import("downshift").UseMultipleSelectionGetDropdownReturnValue, Options_1>, "preventKeyAction">;
     addSelectedItem: (item: T) => void;
     getToggleButtonProps: <Options_2>(options?: import("downshift").UseComboboxGetToggleButtonPropsOptions & Options_2) => import("downshift").Overwrite<import("downshift").UseComboboxGetToggleButtonPropsReturnValue, Options_2>;

package/dist/components/DropdownNew/hooks/useDropdownMultiSelect.d.ts

@@ -5,7 +5,7 @@ declare function useDropdownMultiSelect<T extends BaseListItemData<Record<string
     inputValue: string;
     highlightedIndex: number;
     selectedItems: T[];
-    getSelectedItemProps: <Options>(options: import("downshift").UseMultipleSelectionGetSelectedItemPropsOptions<T> & Options) => Omit<import("downshift").Overwrite<import("downshift").UseMultipleSelectionGetSelectedItemReturnValue, Options>, "index" | "selectedItem">;
+    getSelectedItemProps: <Options>(options: import("downshift").UseMultipleSelectionGetSelectedItemPropsOptions<T> & Options) => Omit<import("downshift").Overwrite<import("downshift").UseMultipleSelectionGetSelectedItemReturnValue, Options>, "selectedItem" | "index">;
     addSelectedItem: (item: T) => void;
     removeSelectedItem: (item: T) => void;
     getToggleButtonProps: <Options_1>(options?: import("downshift").UseSelectGetToggleButtonPropsOptions & Options_1, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseSelectGetToggleButtonReturnValue, Options_1>;

package/dist/components/DropdownNew/index.d.ts

@@ -1,2 +1,2 @@
-export { default as DropdownNew } from "./Dropdown";
+export { default as Dropdown } from "./Dropdown";
 export * from "./Dropdown.types";

package/dist/components/DropdownNew/modes/DropdownComboboxController.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DropdownControllerProps } from "../Dropdown.types";
+import { DropdownSingleControllerProps } from "../Dropdown.types";
 import { BaseListItemData } from "../../BaseListItem";
-declare const DropdownComboboxController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownControllerProps<Item>) => React.JSX.Element;
+declare const DropdownComboboxController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownSingleControllerProps<Item>) => React.JSX.Element;
 export default DropdownComboboxController;

package/dist/components/DropdownNew/modes/DropdownMultiComboboxController.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DropdownControllerProps } from "../Dropdown.types";
+import { DropdownMultiControllerProps } from "../Dropdown.types";
 import { BaseListItemData } from "../../BaseListItem";
-declare const DropdownMultiComboboxController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownControllerProps<Item>) => React.JSX.Element;
+declare const DropdownMultiComboboxController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownMultiControllerProps<Item>) => React.JSX.Element;
 export default DropdownMultiComboboxController;

package/dist/components/DropdownNew/modes/DropdownMultiSelectController.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DropdownControllerProps } from "../Dropdown.types";
+import { DropdownMultiControllerProps } from "../Dropdown.types";
 import { BaseListItemData } from "../../BaseListItem";
-declare const DropdownMultiSelectController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownControllerProps<Item>) => React.JSX.Element;
+declare const DropdownMultiSelectController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownMultiControllerProps<Item>) => React.JSX.Element;
 export default DropdownMultiSelectController;

package/dist/components/DropdownNew/modes/DropdownSelectController.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DropdownControllerProps } from "../Dropdown.types";
+import { DropdownSingleControllerProps } from "../Dropdown.types";
 import { BaseListItemData } from "../../BaseListItem";
-declare const DropdownSelectController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownControllerProps<Item>) => React.JSX.Element;
+declare const DropdownSelectController: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownSingleControllerProps<Item>) => React.JSX.Element;
 export default DropdownSelectController;

package/dist/components/Toast/Toast.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement, JSX } from "react";
+import React, { ReactElement } from "react";
 import { IconSubComponentProps } from "../Icon/Icon";
 import { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from "./ToastConstants";
 import { ToastType, ToastAction } from "./Toast.types";

package/dist/components/next.d.ts

@@ -1 +1,2 @@
 export * from "./Modal";
+export * from "./DropdownNew";