@vibe/core 3.50.1-alpha-b92cc.0 → 3.50.2

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

@@ -14,6 +14,10 @@ export interface BaseListProps<Item = Record<string, unknown>> extends React.HTM
      * The index of the highlighted item in the list.
      */
     highlightedIndex?: number;
+    /**
+     * The ARIA label for the menu.
+     */
+    menuAriaLabel?: string;
     /**
      * Function to get props for the menu container.
      */

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

@@ -2,6 +2,7 @@ import React from "react";
 import { ListGroup } from "../BaseList";
 import { VibeComponentProps } from "../../types";
 import { BaseListItemData } from "../BaseListItem";
+import { TooltipProps } from "../Tooltip/Tooltip";
 export type DropdownGroupOption<Item = Record<string, unknown>> = ListGroup<Item>[] | BaseListItemData<Item>[];
 interface MultiSelectSpecifics<Item extends BaseListItemData<Record<string, unknown>>> {
     /**
@@ -17,6 +18,10 @@ interface MultiSelectSpecifics<Item extends BaseListItemData<Record<string, unkn
      * The function to call to render the selected value on single select mode.
      */
     valueRenderer?: never;
+    /**
+     * The default selected values for multi-select.
+     */
+    defaultValue?: Item[];
 }
 interface SingleSelectSpecifics<Item extends BaseListItemData<Record<string, unknown>>> {
     /**
@@ -35,12 +40,20 @@ interface SingleSelectSpecifics<Item extends BaseListItemData<Record<string, unk
      * The function to call to render the selected value on single select mode.
      */
     valueRenderer?: (option: BaseListItemData<Item>) => React.ReactNode;
+    /**
+     * The default selected value for single-select.
+     */
+    defaultValue?: Item;
 }
 export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = VibeComponentProps & {
     /**
      * The list of options available in the list.
      */
     options: DropdownGroupOption<Item>;
+    /**
+     * Props to be passed to the Tooltip component that wraps the dropdown.
+     */
+    tooltipProps?: Partial<TooltipProps>;
     /**
      * If true, displays dividers between grouped options.
      */
@@ -97,6 +110,22 @@ export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unkno
      * The label to display above the dropdown.
      */
     label?: string;
+    /**
+     * The ARIA label for the dropdown.
+     */
+    ariaLabel?: string;
+    /**
+     * The ARIA label for the dropdown input.
+     */
+    inputAriaLabel?: string;
+    /**
+     * The ARIA label for the menu container.
+     */
+    menuAriaLabel?: string;
+    /**
+     * The current value of the input field.
+     */
+    inputValue?: string;
     /**
      * The maximum height of the dropdown menu.
      */
@@ -162,7 +191,14 @@ export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unkno
      * It receives an option and the current input value, and should return true if the option should be included, false otherwise.
      */
     filterOption?: (option: Item, inputValue: string) => boolean;
+    /**
+     * If false, selected options will be hidden from the list. Defaults to true.
+     */
+    showSelectedOptions?: boolean;
 } & (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> & {
+    dropdownRef: React.Ref<HTMLDivElement>;
+};
 export {};

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface DropdownStructureProps {
+    dropdownRef: React.Ref<HTMLDivElement>;
+    children: React.ReactNode;
+}
+declare const DropdownStructure: React.FC<DropdownStructureProps>;
+export default DropdownStructure;

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare const DropdownPopup: () => React.JSX.Element;
+export default DropdownPopup;

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { DropdownContextProps } from "../context/DropdownContext.types";
+import { BaseListItemData } from "../../BaseListItem";
+interface DropdownWrapperUIProps<Item extends BaseListItemData<Record<string, unknown>>> {
+    contextValue: DropdownContextProps<Item>;
+    dropdownRef: React.Ref<HTMLDivElement>;
+}
+declare const DropdownWrapperUI: <Item extends BaseListItemData<Record<string, unknown>>>(props: DropdownWrapperUIProps<Item>) => React.JSX.Element;
+export default DropdownWrapperUI;

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { BaseListItemData } from "../../../BaseListItem";
+declare const Menu: <Item extends BaseListItemData<Record<string, unknown>>>() => React.JSX.Element;
+export default Menu;

package/dist/components/DropdownNew/components/{MultiSelectedValues.d.ts → MultiSelectedValues/MultiSelectedValues.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import { BaseListItemData } from "../../BaseListItem";
+import { BaseListItemData } from "../../../BaseListItem";
 type MultiSelectedValuesProps<Item> = {
     selectedItems: Item[];
     onRemove: (item: Item) => void;

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Trigger: () => React.JSX.Element;
+export default Trigger;

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

@@ -0,0 +1,57 @@
+import React from "react";
+import { ListGroup } from "../../BaseList";
+import { BaseListItemData } from "../../BaseListItem";
+import { BaseDropdownProps, DropdownSizes } from "../Dropdown.types";
+import { DropdownContextProps } from "./DropdownContext.types";
+type PropGetter = (options?: any) => Record<string, any>;
+type ItemPropGetter<Item> = (options: {
+    item: Item;
+    index: number;
+}) => Record<string, any>;
+export interface DropdownContextValue<Item extends BaseListItemData<Record<string, unknown>> = any> {
+    isOpen: boolean;
+    inputValue: string | null;
+    highlightedIndex: number | null;
+    selectedItem: Item | null | undefined;
+    selectedItems: Item[];
+    filteredOptions: ListGroup<Item>[];
+    getToggleButtonProps: PropGetter;
+    getLabelProps: PropGetter;
+    getMenuProps: PropGetter;
+    getInputProps: PropGetter;
+    getItemProps: ItemPropGetter<Item>;
+    reset: () => void;
+    onClear?: () => void;
+    onOptionSelect?: (option: Item) => void;
+    onOptionRemove?: (option: Item) => void;
+    addSelectedItem?: (item: Item) => void;
+    removeSelectedItem?: (item: Item) => void;
+    setSelectedItems?: (items: Item[]) => void;
+    searchable?: boolean;
+    multi?: boolean;
+    multiline?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    size?: DropdownSizes;
+    optionRenderer?: BaseDropdownProps<Item>["optionRenderer"];
+    valueRenderer?: BaseDropdownProps<Item>["valueRenderer"];
+    noOptionsMessage?: BaseDropdownProps<Item>["noOptionsMessage"];
+    placeholder?: BaseDropdownProps<Item>["placeholder"];
+    withGroupDivider?: BaseDropdownProps<Item>["withGroupDivider"];
+    stickyGroupTitle?: BaseDropdownProps<Item>["stickyGroupTitle"];
+    maxMenuHeight?: BaseDropdownProps<Item>["maxMenuHeight"];
+    clearable?: boolean;
+    autoFocus?: boolean;
+    isFocused?: boolean;
+    inputAriaLabel?: string;
+    menuAriaLabel?: string;
+    closeMenuOnSelect?: boolean;
+    dir?: BaseDropdownProps<Item>["dir"];
+    originalOnFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    originalOnBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    originalOnKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    originalOnScroll?: (event: React.UIEvent<HTMLUListElement>) => void;
+}
+export declare const DropdownContext: React.Context<DropdownContextProps<any>>;
+export declare function useDropdownContext<Item extends BaseListItemData<Record<string, unknown>>>(): DropdownContextProps<Item>;
+export {};

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

@@ -0,0 +1,31 @@
+import { ListGroup } from "../../BaseList";
+import { BaseListItemData } from "../../BaseListItem";
+import { BaseDropdownProps } from "../Dropdown.types";
+import { TooltipProps } from "../../Tooltip/Tooltip";
+type PropGetter = (options?: any) => Record<string, any>;
+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" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "closeMenuOnSelect" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
+export interface DropdownContextProps<Item extends BaseListItemData<Record<string, unknown>> = any> extends InheritedDropdownProps<Item> {
+    isOpen: boolean;
+    inputValue: string | null;
+    highlightedIndex: number | null;
+    selectedItem?: Item | null | undefined;
+    selectedItems?: Item[];
+    filteredOptions?: ListGroup<Item>[];
+    tooltipProps?: Partial<TooltipProps>;
+    getToggleButtonProps: PropGetter;
+    getLabelProps: PropGetter;
+    getMenuProps: PropGetter;
+    getInputProps?: PropGetter;
+    getItemProps: ItemPropGetter<Item>;
+    reset: () => void;
+    contextOnClear: () => void;
+    contextOnOptionRemove?: (option: Item) => void;
+    addSelectedItem?: (item: Item) => void;
+    removeSelectedItem?: (item: Item) => void;
+    isFocused?: boolean;
+}
+export {};

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

@@ -1,6 +1,6 @@
 import { BaseListItemData } from "../../BaseListItem";
 import { DropdownGroupOption } from "../Dropdown.types";
-declare function useDropdownCombobox<T extends BaseListItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, autoFocus?: boolean, isMenuOpen?: boolean, closeMenuOnSelect?: boolean, onChange?: (option: T | T[]) => void, onInputChange?: (value: string) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => boolean): {
+declare function useDropdownCombobox<T extends BaseListItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, isMenuOpen?: boolean, autoFocus?: boolean, closeMenuOnSelect?: boolean, defaultValue?: T, inputValueProp?: string, onChange?: (option: T | T[] | null) => 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;
@@ -12,5 +12,8 @@ declare function useDropdownCombobox<T extends BaseListItemData<Record<string, u
     getItemProps: <Options_4>(options: import("downshift").UseComboboxGetItemPropsOptions<T> & Options_4) => Omit<import("downshift").Overwrite<import("downshift").UseComboboxGetItemPropsReturnValue, Options_4>, "index" | "item">;
     reset: () => void;
     filteredOptions: import("../../BaseList").ListGroup<T>[];
+    openMenu: () => void;
+    toggleMenu: () => void;
+    closeMenu: () => void;
 };
 export default useDropdownCombobox;

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

@@ -1,7 +1,7 @@
 import { BaseListItemData } from "../../BaseListItem";
 import { ListGroup } from "../../BaseList";
 import { DropdownGroupOption } from "../Dropdown.types";
-declare function useDropdownFiltering<Item extends BaseListItemData>(options: DropdownGroupOption<Item>, filterOption?: (option: Item, inputValue: string) => boolean): {
+declare function useDropdownFiltering<Item extends BaseListItemData>(options: DropdownGroupOption<Item>, filterOption?: (option: Item, inputValue: string) => boolean, showSelectedOptions?: boolean, selectedItems?: Item[]): {
     filteredOptions: ListGroup<Item>[];
     filterOptions: (inputValue: string) => void;
     setFilteredOptions: import("react").Dispatch<import("react").SetStateAction<ListGroup<Item>[]>>;

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

@@ -1,6 +1,6 @@
 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, autoFocus?: boolean, onChange?: (options: T[]) => void, onInputChange?: (value: string) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => 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[], 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): {
     isOpen: boolean;
     inputValue: string;
     highlightedIndex: number;
@@ -16,5 +16,8 @@ declare function useDropdownMultiCombobox<T extends BaseListItemData<Record<stri
     reset: () => void;
     removeSelectedItem: (item: T) => void;
     filteredOptions: import("../../BaseList").ListGroup<T>[];
+    openMenu: () => void;
+    toggleMenu: () => void;
+    closeMenu: () => void;
 };
 export default useDropdownMultiCombobox;

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

@@ -0,0 +1,22 @@
+import { DropdownGroupOption } from "../Dropdown.types";
+import { BaseListItemData } from "../../BaseListItem";
+declare function useDropdownMultiSelect<T extends BaseListItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, selectedItems: T[], setSelectedItems: (items: T[]) => void, isMenuOpen: boolean, autoFocus?: boolean, defaultValue?: T[], onChange?: (options: T[]) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, showSelectedOptions?: boolean, filterOption?: (option: T, inputValue: string) => 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">;
+    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>;
+    getLabelProps: <Options_2>(options?: import("downshift").UseSelectGetLabelPropsOptions & Options_2) => import("downshift").Overwrite<import("downshift").UseSelectGetLabelPropsReturnValue, Options_2>;
+    getMenuProps: <Options_3>(options?: import("downshift").UseSelectGetMenuPropsOptions & Options_3, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseSelectGetMenuReturnValue, Options_3>;
+    getInputProps: () => {};
+    getItemProps: <Options_4>(options: import("downshift").UseSelectGetItemPropsOptions<T> & Options_4) => Omit<import("downshift").Overwrite<import("downshift").UseSelectGetItemPropsReturnValue, Options_4>, "index" | "item">;
+    reset: () => void;
+    filteredOptions: import("../../BaseList").ListGroup<T>[];
+    openMenu: () => void;
+    toggleMenu: () => void;
+    closeMenu: () => void;
+};
+export default useDropdownMultiSelect;

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

@@ -0,0 +1,19 @@
+import { BaseListItemData } from "../../BaseListItem";
+import { DropdownGroupOption } from "../Dropdown.types";
+declare function useDropdownSelect<T extends BaseListItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, autoFocus?: boolean, isMenuOpen?: boolean, defaultValue?: T, onChange?: (option: T | T[] | null) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, showSelectedOptions?: boolean, filterOption?: (option: T, inputValue: string) => boolean): {
+    isOpen: boolean;
+    inputValue: string;
+    highlightedIndex: number;
+    selectedItem: T;
+    getToggleButtonProps: <Options>(options?: import("downshift").UseSelectGetToggleButtonPropsOptions & Options, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseSelectGetToggleButtonReturnValue, Options>;
+    getLabelProps: <Options_1>(options?: import("downshift").UseSelectGetLabelPropsOptions & Options_1) => import("downshift").Overwrite<import("downshift").UseSelectGetLabelPropsReturnValue, Options_1>;
+    getMenuProps: <Options_2>(options?: import("downshift").UseSelectGetMenuPropsOptions & Options_2, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseSelectGetMenuReturnValue, Options_2>;
+    getInputProps: () => {};
+    getItemProps: <Options_3>(options: import("downshift").UseSelectGetItemPropsOptions<T> & Options_3) => Omit<import("downshift").Overwrite<import("downshift").UseSelectGetItemPropsReturnValue, Options_3>, "index" | "item">;
+    reset: () => void;
+    filteredOptions: import("../../BaseList").ListGroup<T>[];
+    openMenu: () => void;
+    toggleMenu: () => void;
+    closeMenu: () => void;
+};
+export default useDropdownSelect;

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

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

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

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

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

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

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

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

package/dist/components/DropdownNew/utils/dropdown-modifiers.d.ts

@@ -0,0 +1,2 @@
+import { Modifier } from "react-popper";
+export declare const matchWidthModifier: Modifier<any>[];

package/dist/components/DropdownNew/utils/dropdownUtils.d.ts

@@ -1,3 +1,3 @@
 import { BaseListItemData } from "../../BaseListItem";
 import { ListGroup } from "../../BaseList";
-export declare function normalizeOptions<Item extends BaseListItemData>(options: ListGroup<Item>[] | BaseListItemData<Item>[], filter?: string, filterOption?: (option: Item, inputValue: string) => boolean): ListGroup<Item>[];
+export declare function normalizeOptions<Item extends BaseListItemData>(options: ListGroup<Item>[] | BaseListItemData<Item>[], filter?: string, filterOption?: (option: Item, inputValue: string) => boolean, showSelectedOptions?: boolean, selectedItems?: Item[]): ListGroup<Item>[];

package/dist/components/TextField/TextField.d.ts

@@ -182,7 +182,7 @@ export interface TextFieldProps extends VibeComponentProps {
      */
     dir?: "ltr" | "rtl" | "auto";
 }
-declare const _default: React.FC<TextFieldProps> & {
+declare const _default: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<unknown>> & {
     sizes: {
         readonly SMALL: "small";
         readonly MEDIUM: "medium";