@gooddata/sdk-ui-kit 10.28.0-alpha.4 → 10.28.0-alpha.41

package/esm/sdk-ui-kit.d.ts

@@ -13,6 +13,7 @@
 
 import { AccessGranularPermission } from '@gooddata/sdk-model';
 import { ColorFormats } from 'tinycolor2';
+import { CompletionSource } from '@codemirror/autocomplete';
 import { Component } from 'react';
 import { CSSProperties } from 'react';
 import { DebouncedFunc } from 'lodash';
@@ -25,6 +26,7 @@ import { IAnalyticalBackend } from '@gooddata/sdk-backend-spi';
 import { IAuditableUsers } from '@gooddata/sdk-model';
 import { IColorPalette } from '@gooddata/sdk-model';
 import { IColorPaletteDefinition } from '@gooddata/sdk-model';
+import { IContextStore } from '@gooddata/sdk-ui';
 import { IExecutionConfig } from '@gooddata/sdk-model';
 import { IFilter } from '@gooddata/sdk-model';
 import { ILocale } from '@gooddata/sdk-ui';
@@ -560,15 +562,51 @@ export declare function DefaultUiListboxInteractiveItemComponent<T>({ item, isFo
 export declare function DefaultUiListboxStaticItemComponent<T>({ item, }: UiListboxStaticItemProps<T>): React_2.ReactNode;
 
 /**
+ * Container for rendering custom content in menu.
  * @internal
  */
-export declare function DefaultUiMenuInteractiveItemComponent<T extends IUiMenuItemData = object>({ item, isFocused, onSelect, }: UiMenuInteractiveItemProps<T>): React_2.ReactNode;
+export declare const DefaultUiMenuContent: React_2.MemoExoticComponent<(<T extends IUiMenuItemData = object>({ item }: {
+    item: IUiMenuContentItem<T>;
+}) => React_2.ReactElement)>;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiMenuContentItem<T extends IUiMenuItemData = object>({ item, isFocused, onSelect, }: IUiMenuContentItemProps<T>): React_2.ReactNode;
+
+/**
+ * Default component for rendering content menu items.
+ * @internal
+ */
+export declare const DefaultUiMenuContentItemWrapper: React_2.MemoExoticComponent<(<T extends IUiMenuItemData = object>({ item }: IUiMenuContentItemWrapperProps<T>) => React_2.ReactElement)>;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiMenuGroupItem<T extends IUiMenuItemData = object>({ item, }: IUiMenuGroupItemProps<T>): React_2.ReactNode;
+
+/**
+ * Renders the submenu header when in a submenu.
+ * If not in a submenu, returns null.
+ * @internal
+ */
+export declare const DefaultUiMenuHeader: React_2.FC;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiMenuInteractiveItem<T extends IUiMenuItemData = object>({ item, isFocused, onSelect, }: IUiMenuInteractiveItemProps<T>): React_2.ReactNode;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiMenuInteractiveItemWrapper<T extends IUiMenuItemData = object>({ item, }: IUiMenuInteractiveItemWrapperProps<T>): React_2.ReactNode;
 
 /**
  * By default just renders the data.
  * @internal
  */
-export declare const DefaultUiMenuStaticItemComponent: React_2.MemoExoticComponent<(<T extends IUiMenuItemData = object>({ item }: UiMenuStaticItemProps<T>) => React_2.ReactElement)>;
+export declare const DefaultUiMenuStaticItem: React_2.MemoExoticComponent<(<T extends IUiMenuItemData = object>({ item }: IUiMenuStaticItemProps<T>) => React_2.ReactElement)>;
 
 /**
  * @internal
@@ -620,6 +658,11 @@ export declare const Dialog: React_2.NamedExoticComponent<IDialogProps>;
  */
 export declare const DialogBase: React_2.NamedExoticComponent<IDialogBaseProps>;
 
+/**
+ * @internal
+ */
+export declare const DialogCloseButton: React_2.FC<IDialogCloseButtonProps>;
+
 /**
  * @internal
  */
@@ -746,6 +789,18 @@ export declare const FilterLabel: React_2.FC<WithIntlProps<IFilterLabelProps & W
     WrappedComponent: React_2.ComponentType<IFilterLabelProps & WrappedComponentProps>;
 };
 
+/**
+ * Finds an interactive menu item that matches the predicate.
+ * @internal
+ */
+export declare const findInteractiveItem: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], predicate: (item: IUiMenuInteractiveItem<T>) => boolean) => IUiMenuInteractiveItem<T>;
+
+/**
+ * Recursively finds an item in the menu tree that matches the predicate.
+ * @internal
+ */
+export declare const findItem: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], predicate: (item: IUiMenuItem<T>) => boolean) => IUiMenuItem<T>;
+
 /**
  * @internal
  */
@@ -812,11 +867,6 @@ export declare const GD_COLOR_STATE_HOVER = "#94a1ad";
  */
 export declare const GD_COLOR_WHITE = "#fff";
 
-/**
- * @internal
- */
-export declare function generateHeaderAccountMenuItems(workspacePermissions: IWorkspacePermissions, uiSettings: IUiSettings, workspaceId?: string, showOnlyLogoutItem?: boolean, featureFlags?: ISettings): IHeaderMenuItem[];
-
 /**
  * @internal
  */
@@ -842,6 +892,17 @@ export declare function generateHeaderStaticHelpMenuItems(documentationUrl?: str
  */
 export declare function generateSupportUrl(projectId?: string, sessionId?: string, userEmail?: string, url?: string): string;
 
+/**
+ * Gets the closest focusable sibling item in the specified direction.
+ * @internal
+ */
+export declare const getClosestFocusableSibling: <T extends IUiMenuItemData = object>(args: {
+    items: IUiMenuItem<T>[];
+    isItemFocusable: (item: IUiMenuItem<T>) => boolean;
+    itemId?: string;
+    direction: "forward" | "backward";
+}) => IUiMenuItem<T>;
+
 /**
  * This function transforms a color palette into an array of max ten colors which is used
  * to render the color palette in styling picker.
@@ -881,7 +942,7 @@ export declare const getDefaultEmbedTypeOptions: (embedType: EmbedType) => Embed
  * @param element - the element to get the focusable elements from
  * @returns an object containing the focusable elements, the first focusable element, and the last focusable element
  */
-export declare const getFocusableElements: (element?: HTMLElement) => {
+export declare const getFocusableElements: (element?: HTMLElement | null) => {
     focusableElements: NodeListOf<HTMLElement>;
     firstElement: HTMLElement;
     lastElement: HTMLElement;
@@ -897,6 +958,36 @@ export declare const getGranteeItemTestId: (grantee: GranteeItem, prefix?: "opti
  */
 export declare const getHeightWithUnitsForEmbedCode: (codeOption: EmbedOptionsType) => string | number;
 
+/**
+ * Gets an interactive menu item by its ID.
+ * @internal
+ */
+export declare const getInteractiveItem: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], itemId: string) => IUiMenuInteractiveItem<T>;
+
+/**
+ * Gets a menu item by its ID.
+ * @internal
+ */
+export declare const getItem: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], itemId: string) => IUiMenuItem<T>;
+
+/**
+ * Gets the interactive parent of a menu item.
+ * @internal
+ */
+export declare const getItemInteractiveParent: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], itemId: string) => IUiMenuInteractiveItem<T>;
+
+/**
+ * Gets all items under a specific interactive parent item.
+ * @internal
+ */
+export declare const getItemsByInteractiveParent: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], parentId?: string) => IUiMenuItem<T>[];
+
+/**
+ * Gets all next sibling items of a menu item with wraparound.
+ * @internal
+ */
+export declare const getNextSiblings: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], itemId: string) => IUiMenuItem<T>[];
+
 /**
  * @internal
  */
@@ -929,11 +1020,28 @@ export declare type GetPositionedSelfRegion = {
     alignPoint: IAlignPoint;
 };
 
+/**
+ * Gets all previous sibling items of a menu item with wraparound.
+ * @internal
+ */
+export declare const getPreviousSiblings: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], itemId: string) => IUiMenuItem<T>[];
+
 /**
  * @internal
  */
 export declare function getRecommendedDateDataset<T extends IDateDataset>(items: T[]): T;
 
+/**
+ * @internal
+ */
+export declare const getSelectedMenuId: <T extends IUiMenuItemData = object, M = object>(context: IUiMenuContext<T, M>) => string | undefined;
+
+/**
+ * Gets all sibling items of a menu item.
+ * @internal
+ */
+export declare const getSiblingItems: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], itemId: string) => IUiMenuItem<T>[];
+
 /**
  * @internal
  */
@@ -1399,6 +1507,7 @@ export declare interface IButtonAccessibilityConfig extends IAccessibilityConfig
  */
 export declare interface IButtonProps {
     id?: string;
+    dataId?: string;
     className?: string;
     disabled?: boolean;
     tabIndex?: number;
@@ -1789,7 +1898,9 @@ export declare interface IDialogBaseProps {
 /**
  * @internal
  */
-export declare type IDialogCloseButtonProps = Pick<IDialogBaseProps, "onClose" | "accessibilityConfig">;
+export declare type IDialogCloseButtonProps = Pick<IDialogBaseProps, "onClose" | "accessibilityConfig"> & {
+    className?: string;
+};
 
 /**
  * @internal
@@ -1940,6 +2051,7 @@ export declare interface IDropdownButtonRenderProps {
     toggleDropdown: (desiredState?: boolean | unknown) => void;
     ariaAttributes: {
         role: "button" | string;
+        "data-popupId": string;
     } & Pick<React_2.AriaAttributes, "aria-haspopup" | "aria-expanded" | "aria-controls">;
 }
 
@@ -2326,6 +2438,14 @@ export declare interface IGranularGranteeUser extends IGranteeBase {
     inheritedPermissions: AccessGranularPermission[];
 }
 
+/**
+ * @internal
+ */
+export declare interface IHandleActionOptions {
+    shouldPreventDefault?: boolean;
+    shouldStopPropagation?: boolean;
+}
+
 /**
  * @internal
  */
@@ -3235,6 +3355,11 @@ export declare interface IMetadataListProps {
     list?: IMetadataObjectBase[];
 }
 
+/**
+ * @internal
+ */
+export declare type IModifier = React_2.ModifierKey | `${typeof modifierNegator}${React_2.ModifierKey}`;
+
 /**
  * @internal
  */
@@ -3712,6 +3837,7 @@ export declare interface IRecurrenceFormProps {
     showInheritValue?: boolean;
     isWhiteLabeled?: boolean;
     onRecurrenceDropdownOpen?: () => void;
+    closeDropdownsOnParentScroll?: boolean;
 }
 
 /**
@@ -3735,6 +3861,7 @@ export declare interface IRecurrenceProps {
     showTimezoneInOccurrence?: boolean;
     isWhiteLabeled?: boolean;
     onRecurrenceDropdownOpen?: () => void;
+    closeOnParentScroll?: boolean;
 }
 
 /**
@@ -3904,6 +4031,13 @@ export declare interface IScrollGradientProps {
  */
 export declare const isDateDatasetHeader: (obj: unknown) => obj is IDateDatasetHeader;
 
+/**
+ * @internal
+ * @param element - the element to test for focusability
+ * @returns whether or not the supplied element is focusable
+ */
+export declare const isElementFocusable: (element?: HTMLElement | null) => boolean;
+
 /**
  * @internal
  */
@@ -4296,15 +4430,16 @@ export declare interface ISubMenuProps extends IMenuStateConfig, Partial<IMenuPo
  */
 export declare interface ISyntaxHighlightingInputProps {
     value: string;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+    placeholder?: string;
+    extensions?: Extension[];
     onChange: (value: string) => void;
     onApi?: (view: EditorView | null) => void;
     onCursor?: (from: number, to: number) => void;
     onKeyDown?: (event: KeyboardEvent, view: EditorView) => boolean;
-    placeholder?: string;
-    label?: string;
-    extensions?: Extension[];
-    className?: string;
-    disabled?: boolean;
+    onCompletion?: CompletionSource;
 }
 
 /**
@@ -4385,6 +4520,7 @@ export declare interface ITimepickerOwnProps {
     skipNormalizeTime?: boolean;
     timeAnchor?: number;
     timeFormat?: string;
+    closeOnParentScroll?: boolean;
 }
 
 /**
@@ -4459,21 +4595,63 @@ export declare interface IUiListboxStaticItem<T> {
 /**
  * @internal
  */
-export declare interface IUiMenuContext<T extends IUiMenuItemData = object> extends IUiMenuPluggableComponents<T> {
+export declare type IUiMenuContentItem<T extends IUiMenuItemData = object> = {
+    type: "content";
+    id: string;
+    stringTitle: string;
+    isDisabled?: boolean;
+    showComponentOnly?: boolean;
+    data: T["content"];
+    Component: React_2.ComponentType<{
+        onBack: () => void;
+        onClose: () => void;
+    }>;
+};
+
+/**
+ * @internal
+ */
+export declare interface IUiMenuContentItemProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuContentItem<T>;
+    isFocused: boolean;
+    onSelect: () => void;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiMenuContentItemWrapperProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuContentItem<T>;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiMenuContentProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuContentItem<T>;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiMenuContext<T extends IUiMenuItemData = object, M = object> extends IUiMenuPluggableComponents<T> {
     items: IUiMenuItem<T>[];
-    focusedItem: IUiMenuInteractiveItem<T> | undefined;
-    onSelect: (item: IUiMenuInteractiveItem<T> | undefined) => void;
+    focusedItem: IUiMenuFocusableItem<T> | undefined;
+    shownCustomContentItemId?: string;
+    setShownCustomContentItemId: React_2.Dispatch<React_2.SetStateAction<string | undefined>>;
+    onSelect: (item: IUiMenuFocusableItem<T> | undefined) => void;
     onClose?: () => void;
     setFocusedId: React_2.Dispatch<React_2.SetStateAction<string | undefined>>;
     isItemFocusable: (item: IUiMenuItem<T>) => boolean;
     controlType: IUiMenuControlType;
     setControlType: React_2.Dispatch<React_2.SetStateAction<IUiMenuControlType>>;
     scrollToView: (element: HTMLElement | null) => void;
-    makeItemId: (item: IUiMenuItem<T>) => string;
+    makeItemId: (item: IUiMenuItem<T>) => string | undefined;
     itemClassName?: ((item: IUiMenuItem<T>) => string | undefined) | string;
-    ItemComponent: React_2.ComponentType<UiMenuItemProps<T>>;
+    ItemComponent: React_2.ComponentType<IUiMenuItemProps<T>>;
     menuComponentRef: React_2.RefObject<HTMLElement>;
     itemsContainerRef: React_2.RefObject<HTMLElement>;
+    menuCtxData?: M;
 }
 
 /**
@@ -4481,6 +4659,11 @@ export declare interface IUiMenuContext<T extends IUiMenuItemData = object> exte
  */
 export declare type IUiMenuControlType = "keyboard" | "mouse" | "unknown";
 
+/**
+ * @internal
+ */
+export declare type IUiMenuFocusableItem<T extends IUiMenuItemData = object> = IUiMenuInteractiveItem<T> | IUiMenuContentItem<T>;
+
 /**
  * @internal
  */
@@ -4492,6 +4675,13 @@ export declare type IUiMenuGroupItem<T extends IUiMenuItemData = object> = {
     subItems: IUiMenuItem<T>[];
 };
 
+/**
+ * @internal
+ */
+export declare interface IUiMenuGroupItemProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuGroupItem<T>;
+}
+
 /**
  * @internal
  */
@@ -4507,7 +4697,23 @@ export declare type IUiMenuInteractiveItem<T extends IUiMenuItemData = object> =
 /**
  * @internal
  */
-export declare type IUiMenuItem<T extends IUiMenuItemData = object> = IUiMenuStaticItem<T> | IUiMenuInteractiveItem<T> | IUiMenuGroupItem<T>;
+export declare interface IUiMenuInteractiveItemProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuInteractiveItem<T>;
+    isFocused: boolean;
+    onSelect: () => void;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiMenuInteractiveItemWrapperProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuInteractiveItem<T>;
+}
+
+/**
+ * @internal
+ */
+export declare type IUiMenuItem<T extends IUiMenuItemData = object> = IUiMenuStaticItem<T> | IUiMenuInteractiveItem<T> | IUiMenuGroupItem<T> | IUiMenuContentItem<T>;
 
 /**
  * @internal
@@ -4516,15 +4722,25 @@ export declare type IUiMenuItemData = {
     [type in IUiMenuItem<any>["type"]]?: unknown;
 };
 
+/**
+ * @internal
+ */
+export declare interface IUiMenuItemProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuItem<T>;
+}
+
 /**
  * @internal
  */
 export declare interface IUiMenuPluggableComponents<T extends IUiMenuItemData = object> {
-    InteractiveItemComponent: React_2.ComponentType<UiMenuInteractiveItemProps<T>>;
-    InteractiveItemWrapperComponent: React_2.ComponentType<UiMenuInteractiveItemWrapperProps<T>>;
-    GroupItemComponent: React_2.ComponentType<UiMenuGroupItemProps<T>>;
-    StaticItemComponent: React_2.ComponentType<UiMenuStaticItemProps<T>>;
-    MenuHeaderComponent: React_2.ComponentType;
+    InteractiveItem: React_2.ComponentType<IUiMenuInteractiveItemProps<T>>;
+    InteractiveItemWrapper: React_2.ComponentType<IUiMenuInteractiveItemWrapperProps<T>>;
+    GroupItem: React_2.ComponentType<IUiMenuGroupItemProps<T>>;
+    StaticItem: React_2.ComponentType<IUiMenuStaticItemProps<T>>;
+    ContentItemWrapper: React_2.ComponentType<IUiMenuContentItemWrapperProps<T>>;
+    ContentItem: React_2.ComponentType<IUiMenuContentItemProps<T>>;
+    Content: React_2.ComponentType<IUiMenuContentProps<T>>;
+    MenuHeader: React_2.ComponentType;
 }
 
 /**
@@ -4536,6 +4752,13 @@ export declare type IUiMenuStaticItem<T extends IUiMenuItemData = object> = {
     data: T["static"];
 };
 
+/**
+ * @internal
+ */
+export declare interface IUiMenuStaticItemProps<T extends IUiMenuItemData = object> {
+    item: IUiMenuStaticItem<T>;
+}
+
 /**
  * @internal
  */
@@ -4760,19 +4983,40 @@ export declare const LocaleSetting: React_2.VFC<ILocaleSettingProps>;
 /**
  * @internal
  */
-export declare const makeMenuKeyboardNavigation: <T extends KeyboardEvent | KeyboardEvent_2<Element> = KeyboardEvent_2<Element>>({ onFocusPrevious, onFocusNext, onFocusFirst, onFocusLast, onEnterLevel, onLeaveLevel, onSelect, onClose, onUnhandledKeyDown, shouldPreventDefault, shouldStopPropagation, }: {
+export declare const makeKeyboardNavigation: <ActionKeysMap extends {
+    [action: string]: {
+        code: string | string[];
+        modifiers?: IModifier[];
+    }[];
+}>(actionKeysMap: ActionKeysMap) => <T extends KeyboardEvent | React_2.KeyboardEvent<Element> = React_2.KeyboardEvent<Element>>(handlers: { [action in keyof ActionKeysMap | "onUnhandledKeyDown"]?: (event: T) => void; }, options?: IHandleActionOptions) => (event: T) => void;
+
+/**
+ * @internal
+ */
+export declare const makeLinearKeyboardNavigation: <T extends KeyboardEvent | React_2.KeyboardEvent<Element> = React_2.KeyboardEvent<Element>>(handlers: {
+    onSelect?: (event: T) => void;
+    onClose?: (event: T) => void;
+    onFocusPrevious?: (event: T) => void;
     onFocusNext?: (event: T) => void;
+    onFocusFirst?: (event: T) => void;
+    onFocusLast?: (event: T) => void;
+    onUnhandledKeyDown?: (event: T) => void;
+}, options?: IHandleActionOptions) => (event: T) => void;
+
+/**
+ * @internal
+ */
+export declare const makeMenuKeyboardNavigation: <T extends KeyboardEvent | React_2.KeyboardEvent<Element> = React_2.KeyboardEvent<Element>>(handlers: {
+    onSelect?: (event: T) => void;
+    onClose?: (event: T) => void;
     onFocusPrevious?: (event: T) => void;
+    onFocusNext?: (event: T) => void;
     onFocusFirst?: (event: T) => void;
     onFocusLast?: (event: T) => void;
     onEnterLevel?: (event: T) => void;
     onLeaveLevel?: (event: T) => void;
-    onSelect?: (event: T) => void;
-    onClose?: (event: T) => void;
     onUnhandledKeyDown?: (event: T) => void;
-    shouldPreventDefault?: boolean;
-    shouldStopPropagation?: boolean;
-}) => (event: T) => void;
+}, options?: IHandleActionOptions) => (event: T) => void;
 
 /**
  * @internal
@@ -4828,6 +5072,11 @@ export declare const META_DATA_TIMEZONE = "Europe/Prague";
  */
 export declare const MetadataList: React_2.FC<IMetadataListProps>;
 
+/**
+ * @internal
+ */
+export declare const modifierNegator: "!";
+
 /**
  * @internal
  */
@@ -5265,6 +5514,11 @@ export declare type SizeMedium = "medium";
  */
 export declare type SizeSmall = "small";
 
+/**
+ * @internal
+ */
+export declare type SizeXSmall = "xsmall";
+
 /**
  * @internal
  */
@@ -5496,6 +5750,11 @@ export declare type TStylingEditorDialogFooterProps = {
  */
 export declare type TUTMContent = "main_menu_help_documentation" | "main_menu_help_university" | "main_menu_help_community" | "main_menu_help_support" | "main_menu_help_ticket" | "main_menu_help_slack";
 
+/**
+ * @internal
+ */
+export declare const typedUiMenuContextStore: <T extends IUiMenuItemData = object, M = object>() => IContextStore<IUiMenuContext<T, M>>;
+
 /**
  * @internal
  */
@@ -5531,7 +5790,7 @@ export declare interface UiButtonProps {
 /**
  * @internal
  */
-export declare const UiChip: ({ label, tag, isDeletable, isActive, isLocked, iconBefore, onClick, onDelete, accessibilityConfig, }: UiChipProps) => React_2.JSX.Element;
+export declare const UiChip: ({ label, tag, isDeletable, isActive, isLocked, iconBefore, onClick, onDelete, onDeleteKeyDown, accessibilityConfig, }: UiChipProps) => React_2.JSX.Element;
 
 /**
  * @internal
@@ -5545,6 +5804,7 @@ export declare interface UiChipProps {
     iconBefore?: IconType;
     onClick?: () => void;
     onDelete?: () => void;
+    onDeleteKeyDown?: (event: React_2.KeyboardEvent<HTMLButtonElement>) => void;
     accessibilityConfig?: IUiChipAccessibilityConfig;
 }
 
@@ -5598,7 +5858,7 @@ export declare const UiIconButton: React_2.ForwardRefExoticComponent<UiIconButto
 export declare interface UiIconButtonProps {
     icon: IconType;
     label: string;
-    size?: SizeSmall | SizeMedium | SizeLarge;
+    size?: SizeXSmall | SizeSmall | SizeMedium | SizeLarge;
     variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger;
     isDisabled?: boolean;
     onClick?: (e: React_2.MouseEvent<HTMLButtonElement>) => void;
@@ -5670,47 +5930,18 @@ export declare interface UiListboxStaticItemProps<T> {
  *
  * @internal
  */
-export declare function UiMenu<T extends IUiMenuItemData = object>(props: UiMenuProps<T>): React_2.ReactNode;
+export declare function UiMenu<T extends IUiMenuItemData = object, M extends object = object>(props: UiMenuProps<T, M>): React_2.ReactNode;
 
 /**
  * @internal
  */
-export declare interface UiMenuGroupItemProps<T extends IUiMenuItemData = object> {
-    item: IUiMenuGroupItem<T>;
-}
-
-/**
- * @internal
- */
-export declare interface UiMenuInteractiveItemProps<T extends IUiMenuItemData = object> {
-    item: IUiMenuInteractiveItem<T>;
-    isFocused: boolean;
-    onSelect: () => void;
-}
-
-/**
- * @internal
- */
-export declare interface UiMenuInteractiveItemWrapperProps<T extends IUiMenuItemData = object> {
-    item: IUiMenuInteractiveItem<T>;
-}
-
-/**
- * @internal
- */
-export declare interface UiMenuItemProps<T extends IUiMenuItemData = object> {
-    item: IUiMenuItem<T>;
-}
-
-/**
- * @internal
- */
-export declare interface UiMenuProps<T extends IUiMenuItemData = object> extends Partial<IUiMenuPluggableComponents<T>> {
+export declare interface UiMenuProps<T extends IUiMenuItemData = object, M = object> extends Partial<IUiMenuPluggableComponents<T>> {
     items: IUiMenuItem<T>[];
-    className?: string;
+    className?: ((context: IUiMenuContext<T>) => string | undefined) | string;
     itemClassName?: ((item: IUiMenuItem<T>) => string | undefined) | string;
     maxWidth?: number;
     onSelect?: (item: IUiMenuInteractiveItem<T>) => void;
+    onLevelChange?: (level: number, item?: IUiMenuContentItem<T> | IUiMenuInteractiveItem<T>) => void;
     onClose?: () => void;
     onUnhandledKeyDown?: (event: React_2.KeyboardEvent, context: IUiMenuContext<T>) => void;
     shouldKeyboardActionPreventDefault?: boolean;
@@ -5718,13 +5949,7 @@ export declare interface UiMenuProps<T extends IUiMenuItemData = object> extends
     shouldCloseOnSelect?: boolean;
     isDisabledFocusable?: boolean;
     ariaAttributes: Omit<IDropdownBodyRenderProps["ariaAttributes"], "role">;
-}
-
-/**
- * @internal
- */
-export declare interface UiMenuStaticItemProps<T extends IUiMenuItemData = object> {
-    item: IUiMenuStaticItem<T>;
+    menuCtxData?: M;
 }
 
 /**
@@ -5801,6 +6026,19 @@ export declare type UnitsType = "px" | "%" | "rem" | "em";
  */
 export declare const unrelatedHeader: IDateDatasetHeader;
 
+/**
+ * Unwraps items from group containers into a flat array.
+ * @internal
+ */
+export declare function unwrapGroupItems<T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[]): IUiMenuItem<T>[];
+
+/**
+ * Focuses the element when it mounts.
+ *
+ * @internal
+ */
+export declare const useAutofocusOnMount: (timeout?: number) => (node: HTMLElement | null) => void;
+
 /**
  * A helper hook to provide not just state/setState pair but also a debounced version of the state.
  * @internal

package/esm/syntaxHighlightingInput/SyntaxHighlightingInput.d.ts

@@ -1,20 +1,22 @@
 import React from "react";
 import { EditorView } from "@codemirror/view";
 import { Extension } from "@codemirror/state";
+import { CompletionSource } from "@codemirror/autocomplete";
 /**
  * @internal
  */
 export interface ISyntaxHighlightingInputProps {
     value: string;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+    placeholder?: string;
+    extensions?: Extension[];
     onChange: (value: string) => void;
     onApi?: (view: EditorView | null) => void;
     onCursor?: (from: number, to: number) => void;
     onKeyDown?: (event: KeyboardEvent, view: EditorView) => boolean;
-    placeholder?: string;
-    label?: string;
-    extensions?: Extension[];
-    className?: string;
-    disabled?: boolean;
+    onCompletion?: CompletionSource;
 }
 /**
  * @internal