@altinn/altinn-components 0.54.2 → 0.55.0

package/dist/types/lib/components/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { Color, Size, Theme } from '..';
 export type SvgElement = React.ComponentType<React.SVGProps<SVGSVGElement>>;
 export type IconSize = Size | undefined;
@@ -6,6 +6,7 @@ export type IconColor = Color;
 export type IconTheme = Theme;
 export interface IconProps {
     svgElement?: SvgElement | undefined | null | string;
+    children?: ReactNode;
     iconUrl?: string;
     altText?: string;
     loading?: boolean;
@@ -16,4 +17,4 @@ export interface IconProps {
     style?: CSSProperties;
 }
 export declare const isIconProps: (icon: unknown) => icon is IconProps;
-export declare const Icon: ({ loading, altText, svgElement: SvgElement, size, color, theme, iconUrl, className, style, }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ loading, altText, svgElement: SvgElement, size, color, iconUrl, className, style, children, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Icon/index.d.ts

@@ -2,4 +2,3 @@ export * from './Icon';
 export * from './CheckboxIcon';
 export * from './RadioIcon';
 export * from './ProgressIcon';
-export * from './IconOrAvatar';

package/dist/types/lib/components/Item/ItemControls.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface ItemControlsProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const ItemControls: ({ className, children }: ItemControlsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/components/Item/ItemLabel.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { HeadingProps } from '../Typography';
+export interface MenuItemLabelProps {
+    className?: string;
+    label?: string;
+    loading?: boolean;
+    highlightWords?: string[];
+    title?: ReactNode | string;
+    titleProps?: HeadingProps;
+    description?: ReactNode | string;
+    descriptionProps?: HeadingProps;
+    children?: ReactNode;
+}
+export declare const ItemLabel: ({ className, title, titleProps, description, descriptionProps, highlightWords, loading, children, }: MenuItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Item/ItemMedia.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { AvatarGroupProps, AvatarProps, SvgElement } from '..';
+export interface ItemMediaProps {
+    className?: string;
+    loading?: boolean;
+    icon?: SvgElement | AvatarProps | AvatarGroupProps | ReactNode;
+    children?: ReactNode;
+}
+export declare const ItemMedia: ({ className, loading, icon, children }: ItemMediaProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/Item/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ItemMedia';
+export * from './ItemLabel';
+export * from './ItemControls';

package/dist/types/lib/components/Menu/Menu.d.ts

@@ -1,10 +1,7 @@
-import { MenuVariant } from './MenuBase';
-import { MenuItemColor } from './MenuItemBase';
 import { MenuItemsProps } from './MenuItems';
 export interface MenuProps extends MenuItemsProps {
-    color?: MenuItemColor;
-    variant?: MenuVariant;
-    isVirtualized?: boolean;
-    keyboardEvents?: boolean;
+    searchable?: boolean;
+    virtualized?: boolean;
+    id?: string;
 }
-export declare const Menu: ({ color, variant, defaultItemColor, defaultItemVariant, defaultItemSize, defaultIconTheme, groups, items, search, isVirtualized, keyboardEvents, scrollRefStyles, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ searchable, search, items, groups, variant, size, level, maxLevels, virtualized, keyboardEvents, scrollRefStyles, onActiveItemIdChange, a11yMode, open, scrollToTopOnOpen, id, }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/Menu.stories.d.ts

@@ -1,17 +1,77 @@
 import { StoryObj } from '@storybook/react-vite';
+import { MenuItemProps } from './';
 declare const meta: {
     title: string;
-    component: ({ color, variant, defaultItemColor, defaultItemVariant, defaultItemSize, defaultIconTheme, groups, items, search, isVirtualized, keyboardEvents, scrollRefStyles, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ searchable, search, items, groups, variant, size, level, maxLevels, virtualized, keyboardEvents, scrollRefStyles, onActiveItemIdChange, a11yMode, open, scrollToTopOnOpen, id, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
-    args: {};
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
+        searchable?: boolean | undefined;
+        virtualized?: boolean | undefined;
+        id?: string | undefined;
+        level?: number | undefined;
+        maxLevels?: number | undefined;
+        expanded?: boolean | undefined;
+        a11yMode?: "menu" | "combobox" | undefined;
+        open?: boolean | undefined;
+        scrollToTopOnOpen?: boolean | undefined;
+        autoActivateFirstItem?: boolean | undefined;
+        announceNoResults?: boolean | undefined;
+        search?: import('./MenuListSearch').MenuListSearchProps | undefined;
+        items: MenuItemProps[];
+        groups?: import('./MenuItems').MenuItemGroups | undefined;
+        size?: import('./MenuItem').MenuItemSize | undefined;
+        variant?: import('./MenuItem').MenuItemVariant | undefined;
+        color?: import('..').Color | undefined;
+        as?: React.ElementType | undefined;
+        keyboardEvents?: boolean | undefined;
+        onSelect?: (() => void) | undefined;
+        scrollRefStyles?: React.CSSProperties | undefined;
+        onActiveItemIdChange?: ((id: string | undefined) => void) | undefined;
+    }>, { args }: import('storybook/internal/csf').StoryContext<import('@storybook/react-vite').ReactRenderer, {
+        searchable?: boolean | undefined;
+        virtualized?: boolean | undefined;
+        id?: string | undefined;
+        level?: number | undefined;
+        maxLevels?: number | undefined;
+        expanded?: boolean | undefined;
+        a11yMode?: "menu" | "combobox" | undefined;
+        open?: boolean | undefined;
+        scrollToTopOnOpen?: boolean | undefined;
+        autoActivateFirstItem?: boolean | undefined;
+        announceNoResults?: boolean | undefined;
+        search?: import('./MenuListSearch').MenuListSearchProps | undefined;
+        items: MenuItemProps[];
+        groups?: import('./MenuItems').MenuItemGroups | undefined;
+        size?: import('./MenuItem').MenuItemSize | undefined;
+        variant?: import('./MenuItem').MenuItemVariant | undefined;
+        color?: import('..').Color | undefined;
+        as?: React.ElementType | undefined;
+        keyboardEvents?: boolean | undefined;
+        onSelect?: (() => void) | undefined;
+        scrollRefStyles?: React.CSSProperties | undefined;
+        onActiveItemIdChange?: ((id: string | undefined) => void) | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+    args: {
+        variant: "default";
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const MediumSize: Story;
+export declare const LargeSize: Story;
+export declare const CustomLabel: Story;
 export declare const CreatingHiearchy: Story;
-export declare const AddingBadges: Story;
 export declare const NestingItems: Story;
-export declare const AccountRelationships: Story;
+export declare const GlobalMenu: Story;
+export declare const GlobalMenuAccount: Story;
 export declare const PersonMenu: Story;
 export declare const InboxMenu: Story;
 export declare const CompanyMenu: Story;
+export declare const InboxContextMenu: Story;
+export declare const AccountMenu: Story;
+export declare const SearchableAccountMenu: Story;
+export declare const AddFilterMenu: Story;
+export declare const StatusFilterOptions: Story;
+export declare const TimeFilterOptions: Story;
+export declare const NestedMenuItems: Story;

package/dist/types/lib/components/Menu/MenuItem.d.ts

@@ -1,27 +1,59 @@
-import { ReactElement, ReactNode } from 'react';
-import { BadgeProps, MenuItemBaseProps, MenuItemIconProps, MenuItemLabelProps } from '../';
-export interface MenuItemProps extends MenuItemBaseProps {
+import { AriaAttributes, ElementType, KeyboardEventHandler, MouseEventHandler, ReactElement, ReactNode } from 'react';
+import { AvatarGroupProps, AvatarProps, Color, IconProps, SvgElement } from '..';
+import { BadgeProps } from '../Badge';
+export type MenuItemSize = 'sm' | 'md' | 'lg';
+export type MenuItemColor = Color;
+export type MenuItemVariant = 'default' | 'tinted';
+export type MenuItemRole = 'menuItem' | 'radio' | 'checkbox' | string;
+export interface MenuItemProps extends AriaAttributes {
     id?: string;
-    type?: string;
-    groupId?: string | number;
-    loading?: boolean;
-    collapsible?: boolean;
+    groupId?: string;
+    role?: MenuItemRole;
+    as?: ElementType;
+    /** Size, default is sm */
+    size?: MenuItemSize;
+    /** Variant, default is undefined */
+    variant?: MenuItemVariant;
+    /** Color, default is undefined */
+    color?: MenuItemColor;
+    /** Icon: SvgElement or AvatarProps or AvatarGroupProps */
+    icon?: IconProps | SvgElement | AvatarProps | AvatarGroupProps;
+    /** Title */
+    title?: string;
+    /** Description */
+    description?: string;
+    /** Custom label */
+    label?: ReactNode | (() => ReactElement);
+    /** Optional badge */
+    badge?: BadgeProps;
+    /** Optional controls */
+    controls?: ReactNode;
+    /** Optional count */
+    count?: number;
+    searchWords?: string[];
+    highlightWords?: string[];
+    /** items = child elements */
+    items?: MenuItemProps[];
+    tabIndex?: number;
     expanded?: boolean;
-    selected?: boolean;
+    hidden?: boolean;
     disabled?: boolean;
-    title?: MenuItemLabelProps['title'];
-    description?: MenuItemLabelProps['description'];
-    highlightWords?: MenuItemLabelProps['highlightWords'];
-    icon?: MenuItemIconProps['icon'];
-    iconTheme?: MenuItemIconProps['theme'];
-    iconBadge?: MenuItemIconProps['badge'];
-    badge?: BadgeProps | ReactNode | undefined;
-    /** Custom controls */
-    controls?: ReactNode;
-    linkIcon?: boolean;
+    selected?: boolean;
+    active?: boolean;
     className?: string;
-    label?: ReactNode | (() => ReactElement);
-    items?: MenuItemProps[];
+    /** linkIcon */
+    linkIcon?: boolean;
+    /** link or button */
+    href?: string;
+    onClick?: () => void;
+    onKeyPress?: KeyboardEventHandler;
+    onMouseEnter?: MouseEventHandler;
+    /** radio or checkbox */
+    name?: string;
+    value?: string | number;
+    checked?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /** data-testid */
     'data-testid'?: string;
 }
-export declare const MenuItem: ({ as, size, color, variant, collapsible, expanded, icon, iconTheme, iconBadge, title, description, highlightWords, badge, controls, loading, linkIcon, label, ariaLabel, ...rest }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ id, groupId, role, as, href, onClick, onChange, onKeyPress, onMouseEnter, size, variant, color, name, value, checked, icon, label, badge, controls, title, description, highlightWords, count, linkIcon, disabled, selected, active, tabIndex, className, "data-testid": dataTestId, ...attributes }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuItems.d.ts

@@ -1,28 +1,35 @@
-import { ElementType } from 'react';
-import { IconTheme, MenuItemColor, MenuItemProps, MenuItemSize, MenuItemVariant } from '../';
-import { MenuSearchProps } from './MenuSearch';
+import { CSSProperties, ElementType } from 'react';
+import { MenuItemProps } from '../';
+import { MenuListSearchProps } from './MenuListSearch.tsx';
 export interface MenuGroupProps {
     title?: string;
+    hidden?: boolean;
     divider?: boolean;
-    defaultItemSize?: MenuItemSize;
-    defaultItemColor?: MenuItemColor;
-    defaultItemVariant?: MenuItemVariant;
-    defaultIconTheme?: IconTheme;
+    size?: MenuItemProps['size'];
+    variant?: MenuItemProps['variant'];
+    color?: MenuItemProps['color'];
 }
 export type MenuItemGroups = Record<string, MenuGroupProps>;
 export interface MenuItemsProps {
+    id?: string;
     level?: number;
+    maxLevels?: number;
     expanded?: boolean;
-    search?: MenuSearchProps;
+    a11yMode?: 'menu' | 'combobox';
+    open?: boolean;
+    scrollToTopOnOpen?: boolean;
+    autoActivateFirstItem?: boolean;
+    announceNoResults?: boolean;
+    search?: MenuListSearchProps;
     items: MenuItemProps[];
     groups?: MenuItemGroups;
-    defaultItemSize?: MenuItemSize;
-    defaultItemColor?: MenuItemColor;
-    defaultItemVariant?: MenuItemVariant;
-    defaultIconTheme?: IconTheme;
+    size?: MenuItemProps['size'];
+    variant?: MenuItemProps['variant'];
+    color?: MenuItemProps['color'];
     as?: ElementType;
     keyboardEvents?: boolean;
     onSelect?: () => void;
-    scrollRefStyles?: React.CSSProperties;
+    scrollRefStyles?: CSSProperties;
+    onActiveItemIdChange?: (id: string | undefined) => void;
 }
-export declare const MenuItems: ({ level, expanded, search, items, groups, defaultItemSize, defaultItemColor, defaultItemVariant, defaultIconTheme, as, keyboardEvents, onSelect, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItems: ({ level, maxLevels, expanded, a11yMode, open, scrollToTopOnOpen, autoActivateFirstItem, announceNoResults, search, items, groups, size, id, color, variant, scrollRefStyles, keyboardEvents, onSelect, onActiveItemIdChange, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/Menu/MenuList.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties, ElementType, MouseEventHandler, ReactNode } from 'react';
+import { MenuItemProps } from './MenuItem.tsx';
+import { MenuListRole } from './types.ts';
+export interface MenuListProps {
+    id?: string;
+    ref?: React.Ref<HTMLUListElement>;
+    as?: ElementType;
+    variant?: MenuItemProps['variant'];
+    color?: MenuItemProps['color'];
+    role?: MenuListRole;
+    expanded?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    tabIndex?: number;
+    children?: ReactNode;
+    onMouseEnter?: MouseEventHandler;
+    onMouseLeave?: MouseEventHandler;
+    onBlurCapture?: React.FocusEventHandler<HTMLElement>;
+    onScroll?: React.UIEventHandler<HTMLUListElement>;
+}
+export declare const MenuList: ({ ref, id, as, role, variant, color, className, style, tabIndex, children, onMouseEnter, onMouseLeave, onBlurCapture, onScroll, }: MenuListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuListDivider.d.ts

@@ -0,0 +1,6 @@
+export interface MenuListDividerProps {
+    ref?: React.Ref<HTMLLIElement>;
+    style?: React.CSSProperties;
+    index?: number;
+}
+export declare const MenuListDivider: ({ ref, style, index }: MenuListDividerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuListGroup.d.ts

@@ -0,0 +1,8 @@
+export interface MenuListGroupProps {
+    ref?: React.Ref<HTMLLIElement>;
+    hidden?: boolean;
+    index?: number;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export declare const MenuListGroup: ({ ref, hidden, index, style, children }: MenuListGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuListHeading.d.ts

@@ -0,0 +1,8 @@
+export interface MenuListHeadingProps {
+    ref?: React.Ref<HTMLLIElement>;
+    title: string;
+    level: number;
+    index?: number;
+    style?: React.CSSProperties;
+}
+export declare const MenuListHeading: ({ ref, title, level, index, style }: MenuListHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuListItem.d.ts

@@ -0,0 +1,9 @@
+import { ElementType } from 'react';
+export interface MenuListItemProps extends React.ComponentProps<'li'> {
+    as?: ElementType;
+    expanded?: boolean;
+    index?: number;
+    disabled?: boolean;
+    ref?: React.Ref<HTMLLIElement>;
+}
+export declare const MenuListItem: ({ ref, as, role, className, children, style, index, disabled, onMouseEnter, onMouseLeave, "aria-checked": ariaChecked, }: MenuListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuListSearch.d.ts

@@ -0,0 +1,15 @@
+import { ChangeEventHandler } from 'react';
+export interface MenuListSearchProps extends React.ComponentProps<'input'> {
+    style?: React.CSSProperties;
+    index?: number;
+    placeholder?: string;
+    name: string;
+    clearButtonAltText?: string;
+    value?: string;
+    onChange?: ChangeEventHandler;
+    onClear?: () => void;
+    onNavigate?: () => void;
+    combobox?: boolean;
+    listId?: string;
+}
+export declare const MenuListSearch: ({ style, index, name, value, placeholder, clearButtonAltText, onChange, onClear, onNavigate, combobox, listId, "aria-activedescendant": activeDescendantId, onKeyDown, onInput, onFocus, ...props }: MenuListSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuListSearch.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react-vite';
+import { MenuListSearchProps } from './MenuListSearch.tsx';
+declare const meta: {
+    title: string;
+    component: ({ style, index, name, value, placeholder, clearButtonAltText, onChange, onClear, onNavigate, combobox, listId, "aria-activedescendant": activeDescendantId, onKeyDown, onInput, onFocus, ...props }: MenuListSearchProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        name: string;
+        placeholder: string;
+        onClear: () => void;
+        onChange: () => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithState: (args: MenuListSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuOption.d.ts

@@ -1,20 +1,9 @@
-import { MenuItemProps } from '..';
-import { MenuItemBaseProps, MenuItemSize } from './MenuItemBase';
+import { MenuItemProps } from './MenuItem';
 export type MenuOptionType = 'checkbox' | 'radio';
-export interface MenuOptionProps extends MenuItemBaseProps {
-    value: string | number;
-    label: string;
-    icon?: MenuItemProps['icon'];
-    title?: MenuItemProps['title'];
-    description?: MenuItemProps['description'];
-    groupId?: string;
-    size?: MenuItemSize;
+export interface MenuOptionProps extends MenuItemProps {
     name?: string;
-    count?: number;
-    checked?: boolean;
-    disabled?: boolean;
     type?: MenuOptionType;
-    hidden?: boolean;
-    role?: string;
+    value: string | number;
+    checked?: boolean;
 }
-export declare const MenuOption: ({ size, type, name, active, value, label, title, description, icon, count, checked, disabled, onMouseEnter, onClick, role, ...rest }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuOption: ({ name, type, value, checked, ...rest }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/TabMenu.d.ts

@@ -0,0 +1,8 @@
+import { MenuItemProps } from '.';
+export interface TabMenuProps {
+    id?: string;
+    items?: MenuItemProps[];
+    variant?: MenuItemProps['variant'];
+    size?: MenuItemProps['size'];
+}
+export declare const TabMenu: ({ items, variant, size }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/VirtualizedMenu.stories.d.ts

@@ -0,0 +1,22 @@
+export interface RawDataItem {
+    id: string;
+    groupId: string;
+    name: string;
+    orgNumber?: string;
+    birthdate?: string;
+    parentId?: string;
+}
+declare const meta: {
+    title: string;
+    component: ({ searchable, search, items, groups, variant, size, level, maxLevels, virtualized, keyboardEvents, scrollRefStyles, onActiveItemIdChange, a11yMode, open, scrollToTopOnOpen, id, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        variant: "default";
+    };
+};
+export default meta;
+export declare const NotVirtualized: () => import("react/jsx-runtime").JSX.Element;
+export declare const Virtualized: () => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarVirtualizedMenu: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/VirtualizedMenuItems.d.ts

@@ -0,0 +1,2 @@
+import { MenuItemsProps } from './MenuItems';
+export declare const VirtualizedMenuItems: (props: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/aria.d.ts

@@ -0,0 +1 @@
+export declare function pickAriaProps(obj: Record<string, unknown>): Record<string, unknown>;

package/dist/types/lib/components/Menu/example.hooks.d.ts

@@ -0,0 +1,24 @@
+import { AvatarProps } from '../Avatar';
+import { MenuProps } from './';
+export declare const useRandomMenuItems: (limit?: number) => {
+    items: ({
+        searchWords: string[];
+        title: string;
+        description: string;
+        icon: AvatarProps;
+        id: string;
+        groupId?: string;
+        name: string;
+        orgNumber?: string;
+        birthdate?: string;
+        parentId?: string;
+    } | {
+        id: string;
+        groupId: string;
+        title: string;
+        description: string;
+        searchWords: string[];
+        icon: AvatarProps;
+    })[];
+    groups: MenuProps["groups"];
+};

package/dist/types/lib/components/Menu/index.d.ts

@@ -1,11 +1,12 @@
-export * from './MenuItemBase';
-export * from './MenuItemLabel';
-export * from './MenuItemIcon';
+export * from './Menu';
 export * from './MenuItem';
-export * from './MenuInputField';
-export * from './MenuOption';
-export * from './MenuSearch';
-export * from './MenuHeader';
 export * from './MenuItems';
-export * from './MenuBase';
-export * from './Menu';
+export * from './MenuList';
+export * from './MenuListItem';
+export * from './MenuListGroup';
+export * from './MenuListDivider';
+export * from './MenuListHeading';
+export * from './MenuListSearch';
+export * from './MenuOption';
+export * from './TabMenu';
+export * from './VirtualizedMenuItems';

package/dist/types/lib/components/Menu/types.d.ts

@@ -0,0 +1 @@
+export type MenuListRole = 'presentation' | 'group' | 'list' | 'listbox';

package/dist/types/lib/components/Menu/useDropdownMenuController.d.ts

@@ -0,0 +1,27 @@
+type UseDropdownMenuControllerOptions = {
+    id?: string;
+    focusPanelOnOpen?: boolean;
+    returnFocusOnClose?: boolean;
+};
+export declare function useDropdownMenuController(options?: UseDropdownMenuControllerOptions): {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    openMenu: () => void;
+    closeMenu: () => void;
+    toggleMenu: () => void;
+    menuId: string;
+    activeDescendantId: string | undefined;
+    setActiveDescendantId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    triggerRef: React.RefObject<HTMLElement | null>;
+    panelRef: React.RefObject<HTMLElement | null>;
+    dropdownA11yProps: {
+        menuId: string;
+        activeDescendantId: string | undefined;
+        panelRef: React.RefObject<HTMLElement | null>;
+    };
+    menuA11yProps: {
+        id: string;
+        onActiveItemIdChange: React.Dispatch<React.SetStateAction<string | undefined>>;
+    };
+};
+export {};