@vibe/core 3.78.0 → 3.80.0

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

@@ -62,7 +62,26 @@ interface SingleSelectSpecifics<Item extends BaseListItemData<Record<string, unk
      */
     onChange?: (option: Item) => void;
 }
-export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = VibeComponentProps & {
+type BoxModeConstraint = {
+    /**
+     * If true, the dropdown is searchable.
+     */
+    searchable?: false;
+    /**
+     * If true, the dropdown menu is displayed inline without a popup/dialog.
+     */
+    boxMode?: false;
+} | {
+    /**
+     * If true, the dropdown is searchable.
+     */
+    searchable: true;
+    /**
+     * If true, the dropdown menu is displayed inline without a popup/dialog.
+     */
+    boxMode?: boolean;
+};
+export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = VibeComponentProps & BoxModeConstraint & {
     /**
      * The list of options available in the list.
      */
@@ -88,9 +107,9 @@ export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unkno
      */
     dir?: DropdownDirection;
     /**
-     * If true, the dropdown is searchable.
+     * If true, the dropdown has no visible border by default, but shows border on hover, focus, and active states.
      */
-    searchable?: boolean;
+    borderless?: boolean;
     /**
      * The function to call to render an option.
      */
@@ -232,10 +251,10 @@ export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unkno
 } & (MultiSelectSpecifics<Item> | SingleSelectSpecifics<Item>);
 export type DropdownSizes = "small" | "medium" | "large";
 export type DropdownDirection = "ltr" | "rtl" | "auto";
-export type DropdownMultiControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof MultiSelectSpecifics<Item>> & MultiSelectSpecifics<Item> & {
+export type DropdownMultiControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof MultiSelectSpecifics<Item> | keyof BoxModeConstraint> & BoxModeConstraint & MultiSelectSpecifics<Item> & {
     dropdownRef: React.Ref<HTMLDivElement>;
 };
-export type DropdownSingleControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof SingleSelectSpecifics<Item>> & SingleSelectSpecifics<Item> & {
+export type DropdownSingleControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof SingleSelectSpecifics<Item> | keyof BoxModeConstraint> & BoxModeConstraint & SingleSelectSpecifics<Item> & {
     dropdownRef: React.Ref<HTMLDivElement>;
 };
 export {};

package/dist/components/next/Dropdown/components/DropdownBoxMode/DropdownBoxMode.d.ts

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

package/dist/components/next/Dropdown/components/Menu/MenuList.d.ts

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

package/dist/components/next/Dropdown/context/DropdownContext.types.d.ts

@@ -7,7 +7,7 @@ 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" | "clearAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "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" | "clearAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "boxMode" | "borderless" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
 export interface DropdownContextProps<Item extends BaseListItemData<Record<string, unknown>> = any> extends InheritedDropdownProps<Item> {
     label?: string;
     isOpen: boolean;

package/dist/hooks/index.d.ts

@@ -16,7 +16,6 @@ export { default as useActiveDescendantListFocus } from "./useActiveDescendantLi
 export { default as useMediaQuery } from "./useMediaQuery";
 export { default as useVibeMediaQuery } from "./useVibeMediaQuery";
 export { default as useListenFocusTriggers } from "./useListenFocusTriggers";
-export { default as useClickableProps } from "./useClickableProps/useClickableProps";
 export { default as useSwitch } from "./useSwitch";
 export { default as useElementsOverflowingIndex } from "./useElementsOverflowingIndex";
 export { default as useWizard } from "./useWizard/useWizard";