UNPKG

@atlaskit/dropdown-menu

Version:

A dropdown menu displays a list of actions or options to a user.

19 lines (18 loc) 1.07 kB
import type { DropdownMenuProps } from './types'; /** * Top-layer implementation of DropdownMenu. * * Replaces the legacy `@atlaskit/popup` + `@atlaskit/portal` + `@atlaskit/layering` pipeline * with the native Popover API via `@atlaskit/top-layer`. * * What is no longer needed: * - Portal: top layer handles stacking natively * - FocusLock / react-focus-lock: popover=auto provides light dismiss * - z-index: top layer is always above everything * - FocusManager (ref registration): replaced by DOM-query-based `useArrowNavigation` * - handle-focus.tsx: replaced by `useArrowNavigation` * - Layering context: top layer nesting is handled by the browser * - Fallback placements / Popper: CSS Anchor Positioning handles positioning */ declare function DropdownMenuTopLayer({ autoFocus, children, defaultOpen, isLoading, isOpen: isOpenProp, onOpenChange, placement, shouldFitContainer, returnFocusRef, spacing, statusLabel, testId, trigger, label, interactionName, menuLabel, }: DropdownMenuProps): React.JSX.Element; export default DropdownMenuTopLayer;