@launchpad-ui/menu 0.8.9 → 0.8.11

package/dist/MenuSearch.d.ts

@@ -3,6 +3,7 @@ import './styles/Menu.css';
 type MenuSearchProps = {
     ariaLabel?: string;
     value?: string;
+    id?: string;
     placeholder?: string;
     onChange?(event: ChangeEvent<HTMLInputElement>): void;
     'data-test-id'?: string;

package/dist/MenuSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuSearch.d.ts","sourceRoot":"","sources":["../src/MenuSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,mBAAmB,CAAC;AAE3B,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,UAAU,8GAkBd,CAAC;AAIH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"MenuSearch.d.ts","sourceRoot":"","sources":["../src/MenuSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,mBAAmB,CAAC;AAE3B,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,UAAU,8GAyBd,CAAC;AAIH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/index.es.js

@@ -139,6 +139,7 @@ const MenuSearch = forwardRef((props, ref) => {
   const {
     ariaLabel,
     placeholder,
+    id,
     "data-test-id": testId = "menu-search",
     ...finalProps
   } = props;
@@ -149,6 +150,7 @@ const MenuSearch = forwardRef((props, ref) => {
       ref,
       className: "Menu-search-input",
       tiny: true,
+      id,
       type: "search",
       "data-test-id": testId,
       autoComplete: "off",

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/MenuBase.tsx","../src/MenuDivider.tsx","../src/MenuItem.tsx","../src/MenuItemList.tsx","../src/MenuSearch.tsx","../src/utils.ts","../src/Menu.tsx"],"sourcesContent":["import type { MenuProps } from './Menu';\nimport type { ComponentPropsWithRef } from 'react';\n\nimport { cx } from 'classix';\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuBaseProps = ComponentPropsWithRef<'div'> & {\n  isVirtual?: boolean;\n  size?: MenuProps<string>['size'];\n};\n\nconst MenuBase = forwardRef<HTMLDivElement, MenuBaseProps>(\n  ({ children, size, isVirtual, ...props }, ref) => {\n    const classes = cx('Menu', isVirtual && 'Menu--isVirtual', size && `MenuSize--${size}`);\n\n    return (\n      <div {...props} role=\"menu\" className={classes} ref={ref}>\n        {children}\n      </div>\n    );\n  }\n);\n\nMenuBase.displayName = 'MenuBase';\n\nexport { MenuBase };\nexport type { MenuBaseProps };\n","import type { SeparatorProps } from '@react-aria/separator';\nimport type { RefObject } from 'react';\n\nimport { useSeparator } from '@react-aria/separator';\n\nimport './styles/Menu.css';\n\ntype MenuDividerProps = SeparatorProps & {\n  innerRef?: RefObject<HTMLDivElement>;\n  'data-test-id'?: string;\n};\n\nconst MenuDivider = ({\n  elementType = 'div',\n  orientation,\n  innerRef,\n  'data-test-id': testId = 'menu-divider',\n}: MenuDividerProps) => {\n  const { separatorProps } = useSeparator({\n    orientation,\n    elementType,\n  });\n\n  return <div {...separatorProps} data-test-id={testId} ref={innerRef} className=\"Menu-divider\" />;\n};\n\nexport { MenuDivider };\nexport type { MenuDividerProps };\n","import type { Icon } from '@launchpad-ui/icons';\nimport type { PopoverPlacement } from '@launchpad-ui/popover';\nimport type { ComponentPropsWithRef, ElementType, PropsWithRef, ReactElement } from 'react';\n\nimport { Tooltip } from '@launchpad-ui/tooltip';\nimport { Slot } from '@radix-ui/react-slot';\nimport { FocusRing } from '@react-aria/focus';\nimport { cx } from 'classix';\nimport { Link } from 'react-router-dom';\n\nimport './styles/Menu.css';\n\n// Merge two types and get rid of overlapping definitions\ntype Merge<T, U> = Omit<T, keyof U> & U;\n\ntype PropsWithComponent<P, T extends ElementType> = P & { component?: T };\n\ntype PolymorphicPropsWithRef<P, T extends ElementType> = Merge<\n  T extends keyof JSX.IntrinsicElements\n    ? PropsWithRef<JSX.IntrinsicElements[T]>\n    : ComponentPropsWithRef<T>,\n  PropsWithComponent<P, T>\n>;\n\ntype MenuItemOwnProps = {\n  isHighlighted?: boolean;\n  icon?: typeof Icon | null;\n  disabled?: boolean;\n  nested?: boolean;\n  groupHeader?: boolean;\n  tooltip?: string | ReactElement;\n  tooltipOptions?: typeof Tooltip;\n  tooltipPlacement?: PopoverPlacement;\n  asChild?: boolean;\n  'data-test-id'?: string;\n};\n\nconst defaultElement = 'button';\n\ntype MenuItemProps<P, T extends ElementType = typeof defaultElement> = PolymorphicPropsWithRef<\n  | (MenuItemOwnProps & {\n      item: P; // Infer the type if it is included\n    })\n  | (MenuItemOwnProps & {\n      item?: undefined;\n    }),\n  T\n>;\n\nconst MenuItem = <P, T extends ElementType = typeof defaultElement>({\n  ...props\n}: MenuItemProps<P, T>) => {\n  const {\n    // TODO: remove component prop once we migrate over to asChild format\n    component,\n    children,\n    isHighlighted,\n    icon: Icon,\n    nested,\n    groupHeader,\n    item,\n    disabled,\n    className,\n    tooltip,\n    role = 'menuitem',\n    tooltipPlacement,\n    onKeyDown,\n    tooltipOptions,\n    asChild,\n    'data-test-id': testId = 'menu-item',\n    ...rest\n  } = props;\n\n  const Component: ElementType = component || (asChild ? Slot : defaultElement);\n\n  const renderedItem = (\n    <FocusRing focusRingClass=\"has-focus\">\n      <Component\n        {...rest}\n        disabled={disabled}\n        aria-disabled={disabled ? disabled : undefined}\n        className={cx(\n          'Menu-item',\n          className,\n          isHighlighted && 'is-highlighted',\n          nested && 'Menu-item--nested',\n          groupHeader && 'Menu-item--header'\n        )}\n        data-test-id={testId}\n        role={role}\n        onKeyDown={onKeyDown}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {Icon && (\n              <span className=\"Menu-item-icon\">\n                <Icon size=\"small\" />\n              </span>\n            )}\n            {children}\n          </>\n        )}\n      </Component>\n    </FocusRing>\n  );\n\n  if (tooltip) {\n    return (\n      <Tooltip\n        content={tooltip}\n        rootElementStyle={{ display: 'block' }}\n        allowBoundaryElementOverflow\n        placement={tooltipPlacement ? tooltipPlacement : 'bottom'}\n        {...(tooltipOptions || {})}\n      >\n        {renderedItem}\n      </Tooltip>\n    );\n  }\n\n  return renderedItem;\n};\n\ntype MenuItemLinkOwnProps = {\n  disabled?: boolean;\n  useHistory?: boolean;\n  newTab?: boolean;\n};\n\ntype MenuItemLinkProps<P, T extends ElementType = typeof Link> =\n  | Merge<Omit<MenuItemProps<P, T>, 'component' | 'item'>, MenuItemLinkOwnProps> &\n      (\n        | {\n            item?: undefined;\n          }\n        | {\n            item: P;\n          }\n      );\n\n// By default, this is a Link component whenever useHistory is\n// explicitly not false\n// TODO: deprecate this component\nconst MenuItemLink = <P, T extends ElementType = typeof Link>({\n  to,\n  disabled = false,\n  useHistory = true,\n  newTab = false,\n  children,\n  ...props\n}: MenuItemLinkProps<P, T>) => {\n  const finalProps = {\n    ...props,\n    disabled,\n    component: useHistory ? Link : ('a' as const),\n    [useHistory ? 'to' : 'href']: disabled ? '' : to,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n  };\n\n  // Ideally if this item is disabled, it should be a button rather\n  // than a link https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md\n\n  return <MenuItem {...finalProps}>{children}</MenuItem>;\n};\n\nexport { MenuItem, MenuItemLink };\nexport type { MenuItemProps, MenuItemLinkProps };\n","import type { ComponentPropsWithRef } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuItemListProps = Omit<ComponentPropsWithRef<'div'>, 'className'>;\n\nconst MenuItemList = forwardRef<HTMLDivElement, MenuItemListProps>(({ children, ...rest }, ref) => (\n  <div {...rest} ref={ref} data-test-id=\"menu-item-list\" className=\"Menu-item-list\">\n    {children}\n  </div>\n));\n\nMenuItemList.displayName = 'MenuItemList';\n\nexport { MenuItemList };\nexport type { MenuItemListProps };\n","import type { ChangeEvent } from 'react';\n\nimport { TextField } from '@launchpad-ui/form';\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuSearchProps = {\n  ariaLabel?: string;\n  value?: string;\n  placeholder?: string;\n  onChange?(event: ChangeEvent<HTMLInputElement>): void;\n  'data-test-id'?: string;\n};\n\nconst MenuSearch = forwardRef<HTMLInputElement, MenuSearchProps>((props, ref) => {\n  const { ariaLabel, placeholder, 'data-test-id': testId = 'menu-search', ...finalProps } = props;\n\n  return (\n    <div className=\"Menu-search\">\n      <TextField\n        {...finalProps}\n        ref={ref}\n        className=\"Menu-search-input\"\n        tiny\n        type=\"search\"\n        data-test-id={testId}\n        autoComplete=\"off\"\n        placeholder={placeholder}\n        aria-label={ariaLabel || 'Search'}\n      />\n    </div>\n  );\n});\n\nMenuSearch.displayName = 'MenuSearch';\n\nexport { MenuSearch };\nexport type { MenuSearchProps };\n","import type { EventHandler, KeyboardEvent, SyntheticEvent } from 'react';\n\nconst createItemId = (index: number, id: string) => `${id}-item-${index}`;\n\nconst getNodeForIndex = (index: number | null, menuId: string) =>\n  index === null ? index : document.getElementById(createItemId(index, menuId));\n\nconst handleKeyboardInteractions = (\n  event: KeyboardEvent,\n  keyHandlers: Partial<\n    Record<'handleUp' | 'handleDown' | 'handleEnter', (e: KeyboardEvent) => void>\n  >\n) => {\n  const ops = {\n    ArrowUp: keyHandlers.handleUp,\n    ArrowDown: keyHandlers.handleDown,\n    Enter: keyHandlers.handleEnter,\n  } as Record<string, (e: KeyboardEvent) => void | undefined>;\n\n  if (ops[event.key]) {\n    event.preventDefault();\n    ops[event.key]?.call(globalThis, event);\n  }\n};\n\nconst chainEventHandlers =\n  (...handlers: Array<EventHandler<SyntheticEvent> | undefined>) =>\n  (event: SyntheticEvent) => {\n    handlers.forEach((h) => typeof h === 'function' && h(event));\n  };\n\nexport { createItemId, getNodeForIndex, handleKeyboardInteractions, chainEventHandlers };\n","import type { MenuItemProps } from './MenuItem';\nimport type { FocusManager } from '@react-aria/focus';\nimport type { KeyboardEvent, ReactElement, ReactNode } from 'react';\n\nimport { useFocusManager } from '@react-aria/focus';\nimport { cx } from 'classix';\nimport {\n  Children,\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useVirtual } from 'react-virtual';\n\nimport { MenuBase } from './MenuBase';\nimport { MenuDivider } from './MenuDivider';\nimport { MenuItem, MenuItemLink } from './MenuItem';\nimport { MenuItemList } from './MenuItemList';\nimport { MenuSearch } from './MenuSearch';\nimport {\n  chainEventHandlers,\n  createItemId,\n  getNodeForIndex,\n  handleKeyboardInteractions,\n} from './utils';\n\ntype ControlledMenuProps<T> = {\n  children: ReactNode;\n  onSelect?: (item: T) => void;\n  /**\n   * Menus items are rendered using react-virtual for\n   * additional rendering performance.\n   */\n  enableVirtualization?: boolean;\n  /**\n   * Class name to be applied to all MenuItem and MenuItemLink components\n   * in the menu.\n   */\n  menuItemClassName?: string;\n  /**\n   * Sets the width of the menu. This is especially useful when using virtual items\n   * since the width cannot be automatically set by the widest element.\n   */\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  /**\n   * Sets the number out of elements rendered outside of the view window\n   * when using virtualization\n   */\n  overscan?: number;\n  /**\n   * Sets the height for each menu item when using virtualization.\n   *\n   */\n  itemHeight?: number;\n  'data-test-id'?: string;\n};\n\ntype MenuProps<T extends number | string> = ControlledMenuProps<T>;\n\nconst Menu = <T extends number | string>(props: MenuProps<T>) => {\n  const {\n    children,\n    menuItemClassName,\n    onSelect,\n    enableVirtualization,\n    itemHeight,\n    size,\n    overscan = 1,\n    'data-test-id': testId = 'menu',\n  } = props;\n\n  const focusManager = useFocusManager();\n\n  const handleArrowDown = useCallback(() => {\n    focusManager.focusNext({ wrap: true });\n  }, [focusManager]);\n\n  const handleArrowUp = useCallback(() => {\n    focusManager.focusPrevious({ wrap: true });\n  }, [focusManager]);\n\n  const reduceItems = useMemo(() => {\n    const childrenProps = Children.toArray(children);\n    if (enableVirtualization) {\n      // the virtualized menu has its own handlers and props\n      let searchElem = null;\n      let elements: ReactElement[] = [];\n      (childrenProps as ReactElement[]).forEach((child: ReactElement) => {\n        switch (child.type) {\n          case MenuSearch:\n            searchElem = child;\n            break;\n          case MenuItem:\n          case MenuItemLink:\n          case MenuDivider:\n            elements = elements.concat(child);\n            break;\n          default:\n            break;\n        }\n      });\n      return { items: elements, searchElement: searchElem };\n    }\n\n    return (childrenProps as ReactElement[]).reduce(\n      (\n        { items, searchElement }: { items: ReactElement[]; searchElement: null | ReactElement },\n        child\n      ) => {\n        switch (child.type) {\n          case MenuSearch:\n            return {\n              items,\n              searchElement: cloneElement(child, {\n                onKeyDown: (e: KeyboardEvent) =>\n                  handleKeyboardInteractions(e, {\n                    handleDown: handleArrowDown,\n                    handleUp: handleArrowUp,\n                  }),\n              }),\n            };\n          case MenuItem:\n          case MenuItemLink:\n            return {\n              items: items.concat(\n                child.props.disabled\n                  ? cloneElement(child, {\n                      onClick: () => undefined,\n                      onKeyDown: () => undefined,\n                      tabIndex: -1,\n                      disabled: true,\n                    })\n                  : cloneElement(child, {\n                      className: cx(child.props.className, menuItemClassName),\n                      item: child.props.item ?? items.length,\n                      // set focus on the first menu item if there is no search input, and set in the tab order\n                      onClick: chainEventHandlers(child.props.onClick, () => {\n                        onSelect?.(child.props.item ?? items.length);\n                      }),\n                      onKeyDown: (e: KeyboardEvent) =>\n                        handleKeyboardInteractions(e, {\n                          handleDown: handleArrowDown,\n                          handleUp: handleArrowUp,\n                        }),\n                    })\n              ),\n              searchElement,\n            };\n          case MenuDivider:\n            return { items: items.concat(child), searchElement };\n          default:\n            return { items, searchElement };\n        }\n      },\n      { items: [], searchElement: null }\n    );\n  }, [children, enableVirtualization, menuItemClassName, handleArrowDown, handleArrowUp, onSelect]);\n\n  if (enableVirtualization) {\n    return (\n      <MenuBase data-test-id={testId} isVirtual size={size}>\n        <ItemVirtualizer<T>\n          items={Children.toArray(reduceItems.items) as ReactElement[]}\n          searchElement={reduceItems.searchElement}\n          overscan={overscan}\n          menuItemClassName={menuItemClassName}\n          onSelect={onSelect}\n          itemHeight={itemHeight}\n          focusManager={focusManager}\n        />\n      </MenuBase>\n    );\n  }\n\n  return (\n    <MenuBase data-test-id={testId} size={size}>\n      {reduceItems.searchElement}\n      <MenuItemList role=\"presentation\">{reduceItems.items}</MenuItemList>\n    </MenuBase>\n  );\n};\n\ntype ItemVirtualizerProps<T> = Omit<ControlledMenuProps<T>, 'children'> & {\n  items: ReactElement[] | null;\n  searchElement?: ReactElement | null;\n  focusManager: FocusManager;\n};\n\nconst ItemVirtualizer = <T extends number | string>(props: ItemVirtualizerProps<T>) => {\n  const {\n    overscan,\n    searchElement,\n    itemHeight = 33,\n    menuItemClassName,\n    items: items,\n    focusManager,\n    onSelect,\n  } = props;\n\n  const menuId = useRef(`menu-ctrl-${useId()}`);\n\n  const focusedItemIndex = useRef<number | null>(null);\n  const parentRef = useRef<HTMLDivElement | null>(null);\n  const searchRef = useRef<HTMLInputElement>();\n\n  const [nextFocusValue, setNextFocusValue] = useState<number | null>(null);\n\n  const hasSearch = !!searchElement;\n\n  const lastVirtualItemIndex = items ? items.length - 1 : 0;\n\n  const rowVirtualizer = useVirtual({\n    size: items !== null ? items.length : 0,\n    parentRef,\n    estimateSize: useCallback(() => itemHeight, [itemHeight]),\n    overscan,\n  });\n\n  const focusSearchBar = useCallback(() => {\n    rowVirtualizer.scrollToIndex(0);\n    searchRef.current?.focus?.();\n  }, [rowVirtualizer]);\n\n  /**\n   * Scrolls to the menu item with the index provided and\n   * then manually focuses it using a side effect in useEffect\n   */\n  const focusMenuItem = useCallback(\n    (index: number) => {\n      rowVirtualizer.scrollToIndex(index);\n      setNextFocusValue(index);\n    },\n    [rowVirtualizer]\n  );\n\n  const handleKeyboardFocusInteraction = useCallback(\n    (direction: 'next' | 'previous') => {\n      if (focusedItemIndex.current === null || focusedItemIndex.current === undefined) {\n        return;\n      }\n      const nextIndex =\n        direction === 'next' ? focusedItemIndex.current + 1 : focusedItemIndex.current - 1;\n      const shouldWrap =\n        (direction === 'next' && focusedItemIndex.current === lastVirtualItemIndex) ||\n        (direction === 'previous' && focusedItemIndex.current === 0);\n      if (shouldWrap) {\n        // we are at the end of the list so we will\n        // scroll back to the beginning of the list\n        if (hasSearch) {\n          focusSearchBar();\n        } else {\n          // if at end, wrap to beginning, else focus last item\n          focusMenuItem(direction === 'next' ? 0 : lastVirtualItemIndex);\n        }\n        return;\n      }\n      switch (direction) {\n        case 'next':\n          rowVirtualizer.scrollToIndex(nextIndex);\n          focusManager.focusNext();\n          break;\n        case 'previous':\n          rowVirtualizer.scrollToIndex(nextIndex);\n          focusManager.focusPrevious();\n          break;\n        default:\n          break;\n      }\n    },\n    [focusManager, focusMenuItem, focusSearchBar, hasSearch, lastVirtualItemIndex, rowVirtualizer]\n  );\n\n  const getItemProps = useCallback(\n    (itemElem: ReactElement, index: number) => {\n      const childProps = itemElem.props as MenuItemProps<T>;\n      switch (itemElem.type) {\n        case MenuItem:\n        case MenuItemLink:\n          return {\n            className: cx(childProps.className, menuItemClassName),\n            // set focus on the first menu item if there is no search input, and set in the tab order\n            onKeyDown: childProps.disabled\n              ? () => undefined\n              : (e: KeyboardEvent) =>\n                  handleKeyboardFocusKeydown(e, {\n                    handleFocusBackward: handleKeyboardFocusInteraction,\n                    handleFocusForward: handleKeyboardFocusInteraction,\n                  }),\n            onFocus: chainEventHandlers(childProps.onFocus, () => {\n              focusedItemIndex.current = index;\n            }),\n            id: createItemId(index, menuId.current),\n            onBlur: chainEventHandlers(childProps.onBlur, () => {\n              focusedItemIndex.current = null;\n            }),\n            onClick: childProps.disabled\n              ? () => undefined\n              : chainEventHandlers(childProps.onClick, () => {\n                  onSelect?.(childProps.item as T);\n                }),\n          } as MenuItemProps<T>;\n        default:\n          return {};\n      }\n    },\n    [handleKeyboardFocusInteraction, menuItemClassName, onSelect]\n  );\n\n  useEffect(() => {\n    if (nextFocusValue !== null) {\n      requestAnimationFrame(() => {\n        const element = getNodeForIndex(nextFocusValue, menuId.current);\n        element?.focus();\n      });\n      setNextFocusValue(null);\n    }\n  }, [nextFocusValue]);\n\n  /**\n   * Calls handleFocusForward when the user is attempting to focus forward using\n   * tab or arrow keys. Calls handleFocusBackward when the users wants to move backward.\n   */\n  const handleKeyboardFocusKeydown = (\n    e: KeyboardEvent,\n    callbacks: Record<\n      'handleFocusForward' | 'handleFocusBackward',\n      (direction: 'next' | 'previous') => void\n    >\n  ) => {\n    const keyOps = ['Tab', 'ArrowUp', 'ArrowDown'];\n    if (keyOps.includes(e.key)) {\n      e.preventDefault();\n      e.stopPropagation();\n      if ((e.key === 'Tab' && e.shiftKey) || e.key === 'ArrowUp') {\n        callbacks.handleFocusBackward?.('previous');\n      } else if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        callbacks.handleFocusForward?.('next');\n      }\n    }\n  };\n\n  const renderSearch = useMemo(\n    () =>\n      searchElement\n        ? cloneElement(searchElement, {\n            onKeyDown: (e: KeyboardEvent) =>\n              handleKeyboardFocusKeydown(e, {\n                handleFocusBackward: () => focusMenuItem(lastVirtualItemIndex),\n                handleFocusForward: () => focusMenuItem(0),\n              }),\n            ref: searchRef,\n          })\n        : null,\n    [searchElement, lastVirtualItemIndex, focusMenuItem]\n  );\n\n  const renderItems = useMemo(\n    () =>\n      rowVirtualizer.virtualItems.map((virtualRow) => {\n        if (!items) {\n          return null;\n        }\n        const elem = items[virtualRow.index];\n        return (\n          <div\n            key={virtualRow.index}\n            ref={\n              elem.type !== MenuItem || elem.type !== MenuItemLink\n                ? virtualRow.measureRef\n                : undefined\n            }\n            role=\"presentation\"\n            className={cx('VirtualMenu-item')}\n            style={{\n              transform: `translateY(${virtualRow.start}px)`,\n            }}\n          >\n            {cloneElement(elem, getItemProps(elem, virtualRow.index))}\n          </div>\n        );\n      }),\n    [rowVirtualizer.virtualItems, items, getItemProps]\n  );\n\n  return (\n    <>\n      {renderSearch}\n      <MenuItemList ref={parentRef} role=\"presentation\">\n        <div\n          role=\"presentation\"\n          className=\"VirtualMenu-item-list\"\n          style={{\n            height: `${rowVirtualizer.totalSize}px`,\n          }}\n        >\n          {renderItems}\n        </div>\n      </MenuItemList>\n    </>\n  );\n};\n\nexport { Menu, ItemVirtualizer };\nexport type { MenuProps, ItemVirtualizerProps };\n"],"names":["MenuBase","forwardRef","children","size","isVirtual","props","ref","classes","cx","role","className","displayName","MenuDivider","elementType","orientation","innerRef","testId","separatorProps","useSeparator","defaultElement","MenuItem","component","isHighlighted","icon","Icon","nested","groupHeader","item","disabled","tooltip","tooltipPlacement","onKeyDown","tooltipOptions","asChild","rest","Component","Slot","renderedItem","FocusRing","focusRingClass","undefined","_jsxs","_Fragment","_jsx","Tooltip","content","rootElementStyle","display","allowBoundaryElementOverflow","placement","MenuItemLink","to","useHistory","newTab","finalProps","Link","rel","target","MenuItemList","MenuSearch","ariaLabel","placeholder","TextField","tiny","type","autoComplete","Menu","menuItemClassName","onSelect","enableVirtualization","itemHeight","overscan","focusManager","useFocusManager","handleArrowDown","useCallback","focusNext","wrap","handleArrowUp","focusPrevious","reduceItems","useMemo","childrenProps","Children","toArray","searchElem","elements","forEach","child","concat","items","searchElement","reduce","cloneElement","e","handleKeyboardInteractions","handleDown","handleUp","onClick","tabIndex","length","chainEventHandlers","ItemVirtualizer","menuId","useRef","useId","focusedItemIndex","parentRef","searchRef","nextFocusValue","setNextFocusValue","useState","hasSearch","lastVirtualItemIndex","rowVirtualizer","useVirtual","estimateSize","focusSearchBar","scrollToIndex","current","focus","focusMenuItem","index","handleKeyboardFocusInteraction","direction","nextIndex","shouldWrap","getItemProps","itemElem","childProps","handleKeyboardFocusKeydown","handleFocusBackward","handleFocusForward","onFocus","id","createItemId","onBlur","useEffect","requestAnimationFrame","element","getNodeForIndex","callbacks","keyOps","includes","key","preventDefault","stopPropagation","shiftKey","renderSearch","renderItems","virtualItems","map","virtualRow","elem","measureRef","style","transform","start","height","totalSize"],"mappings":";;;;;;;;;;;AAaMA,MAAAA,WAAWC,WACf,CAAC;AAAA,EAAEC;AAAAA,EAAUC;AAAAA,EAAMC;AAAAA,KAAcC;AAAM,GAAGC,QAAQ;AAChD,QAAMC,UAAUC,GAAG,QAAQJ,aAAa,mBAAmBD,QAAS,aAAYA,MAAM;AAEtF,6BACE,OAAA;AAAA,IAAA,GAASE;AAAAA,IAAOI,MAAK;AAAA,IAAOC,WAAWH;AAAAA,IAASD;AAAAA,IAASJ;AAAAA,EAAAA,CAEnD;AAEV,CAAC;AAGHF,SAASW,cAAc;ACbvB,MAAMC,cAAcA,CAAC;AAAA,EACnBC,cAAc;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACA,gBAAgBC,SAAS;AACT,MAAM;AAChB,QAAA;AAAA,IAAEC;AAAAA,MAAmBC,aAAa;AAAA,IACtCJ;AAAAA,IACAD;AAAAA,EAAAA,CACD;AAED,6BAAO,OAAA;AAAA,IAAA,GAASI;AAAAA,IAAgB,gBAAcD;AAAAA,IAAQV,KAAKS;AAAAA,IAAUL,WAAU;AAAA,EAAA,CAAiB;AAClG;ACaA,MAAMS,iBAAiB;AAYvB,MAAMC,WAAW,CAAmD;AAAA,KAC/Df;AACgB,MAAM;AACnB,QAAA;AAAA,IAEJgB;AAAAA,IACAnB;AAAAA,IACAoB;AAAAA,IACAC,MAAMC;AAAAA,IACNC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAlB;AAAAA,IACAmB;AAAAA,IACApB,OAAO;AAAA,IACPqB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,gBAAgBjB,SAAS;AAAA,OACtBkB;AAAAA,EACD7B,IAAAA;AAEE8B,QAAAA,YAAyBd,cAAcY,UAAUG,OAAOjB;AAExDkB,QAAAA,mCACHC,WAAS;AAAA,IAACC,gBAAe;AAAA,IAAWrC,8BAClCiC,WAAS;AAAA,MAAA,GACJD;AAAAA,MACJN;AAAAA,MACA,iBAAeA,WAAWA,WAAWY;AAAAA,MACrC9B,WAAWF,GACT,aACAE,WACAY,iBAAiB,kBACjBG,UAAU,qBACVC,eAAe,mBAAmB;AAAA,MAEpC,gBAAcV;AAAAA,MACdP;AAAAA,MACAsB;AAAAA,MAAqB7B,UAEpB+B,UACC/B,WAEAuC,qBAAAC,UAAA;AAAA,QAAAxC,UAAA,CACGsB,QACCmB,oBAAA,QAAA;AAAA,UAAMjC,WAAU;AAAA,UAAgBR,8BAC7BsB,MAAI;AAAA,YAACrB,MAAK;AAAA,UAAA,CAAO;AAAA,QAAG,CAAA,GAGxBD,QAAQ;AAAA,MAAA,CAAA;AAAA,IAAA,CAEZ;AAAA,EAAA,CAGN;AAED,MAAI2B,SAAS;AACX,+BACGe,SAAO;AAAA,MACNC,SAAShB;AAAAA,MACTiB,kBAAkB;AAAA,QAAEC,SAAS;AAAA,MAAQ;AAAA,MACrCC,8BAA4B;AAAA,MAC5BC,WAAWnB,mBAAmBA,mBAAmB;AAAA,MAAS,GACrDE,kBAAkB,CAAC;AAAA,MAAC9B,UAExBmC;AAAAA,IAAAA,CACO;AAAA,EAEd;AAEOA,SAAAA;AACT;AAsBA,MAAMa,eAAe,CAAyC;AAAA,EAC5DC;AAAAA,EACAvB,WAAW;AAAA,EACXwB,aAAa;AAAA,EACbC,SAAS;AAAA,EACTnD;AAAAA,KACGG;AACoB,MAAM;AAC7B,QAAMiD,aAAa;AAAA,IACjB,GAAGjD;AAAAA,IACHuB;AAAAA,IACAP,WAAW+B,aAAaG,OAAQ;AAAA,IAChC,CAACH,aAAa,OAAO,SAASxB,WAAW,KAAKuB;AAAAA,IAC9CK,KAAKH,SAAS,wBAAwBb;AAAAA,IACtCiB,QAAQJ,SAAS,WAAWb;AAAAA,EAAAA;AAM9B,6BAAQpB,UAAQ;AAAA,IAAA,GAAKkC;AAAAA,IAAUpD;AAAAA,EAAAA,CAAuB;AACxD;AC9JMwD,MAAAA,eAAezD,WAA8C,CAAC;AAAA,EAAEC;AAAAA,KAAagC;AAAK,GAAG5B,4BACzF,OAAA;AAAA,EAAA,GAAS4B;AAAAA,EAAM5B;AAAAA,EAAU,gBAAa;AAAA,EAAiBI,WAAU;AAAA,EAAgBR;AACtE,CAAA,CAEZ;AAEDwD,aAAa/C,cAAc;ACC3B,MAAMgD,aAAa1D,WAA8C,CAACI,OAAOC,QAAQ;AACzE,QAAA;AAAA,IAAEsD;AAAAA,IAAWC;AAAAA,IAAa,gBAAgB7C,SAAS;AAAA,OAAkBsC;AAAAA,EAAejD,IAAAA;AAE1F,6BACE,OAAA;AAAA,IAAKK,WAAU;AAAA,IAAaR,8BACzB4D,WAAS;AAAA,MAAA,GACJR;AAAAA,MACJhD;AAAAA,MACAI,WAAU;AAAA,MACVqD,MAAI;AAAA,MACJC,MAAK;AAAA,MACL,gBAAchD;AAAAA,MACdiD,cAAa;AAAA,MACbJ;AAAAA,MACA,cAAYD,aAAa;AAAA,IAAA,CAAS;AAAA,EAAA,CAEhC;AAEV,CAAC;AAEDD,WAAWhD,cAAc;ACjCzB,MAAM,eAAe,CAAC,OAAe,OAAe,GAAG,WAAW;AAElE,MAAM,kBAAkB,CAAC,OAAsB,WAC7C,UAAU,OAAO,QAAQ,SAAS,eAAe,aAAa,OAAO,MAAM,CAAC;AAE9E,MAAM,6BAA6B,CACjC,OACA,gBAGG;;AACH,QAAM,MAAM;AAAA,IACV,SAAS,YAAY;AAAA,IACrB,WAAW,YAAY;AAAA,IACvB,OAAO,YAAY;AAAA,EAAA;AAGjB,MAAA,IAAI,MAAM,MAAM;AAClB,UAAM,eAAe;AACrB,cAAI,MAAM,SAAV,mBAAgB,KAAK,YAAY;AAAA,EACnC;AACF;AAEA,MAAM,qBACJ,IAAI,aACJ,CAAC,UAA0B;AAChB,WAAA,QAAQ,CAAC,MAAM,OAAO,MAAM,cAAc,EAAE,KAAK,CAAC;AAC7D;ACkCIuD,MAAAA,OAAO,CAA4B7D,UAAwB;AACzD,QAAA;AAAA,IACJH;AAAAA,IACAiE;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAnE;AAAAA,IACAoE,WAAW;AAAA,IACX,gBAAgBvD,SAAS;AAAA,EACvBX,IAAAA;AAEJ,QAAMmE,eAAeC;AAEfC,QAAAA,kBAAkBC,YAAY,MAAM;AACxCH,iBAAaI,UAAU;AAAA,MAAEC,MAAM;AAAA,IAAA,CAAM;AAAA,EAAA,GACpC,CAACL,YAAY,CAAC;AAEXM,QAAAA,gBAAgBH,YAAY,MAAM;AACtCH,iBAAaO,cAAc;AAAA,MAAEF,MAAM;AAAA,IAAA,CAAM;AAAA,EAAA,GACxC,CAACL,YAAY,CAAC;AAEXQ,QAAAA,cAAcC,QAAQ,MAAM;AAC1BC,UAAAA,gBAAgBC,SAASC,QAAQlF,QAAQ;AAC/C,QAAImE,sBAAsB;AAExB,UAAIgB,aAAa;AACjB,UAAIC,WAA2B,CAAA;AAC9BJ,oBAAiCK,QAAQ,CAACC,UAAwB;AACjE,gBAAQA,MAAMxB,MAAI;AAAA,UAChB,KAAKL;AACU6B,yBAAAA;AACb;AAAA,UACF,KAAKpE;AAAAA,UACL,KAAK8B;AAAAA,UACL,KAAKtC;AACQ0E,uBAAAA,SAASG,OAAOD,KAAK;AAChC;AAAA,QAEM;AAAA,MAAA,CAEX;AACM,aAAA;AAAA,QAAEE,OAAOJ;AAAAA,QAAUK,eAAeN;AAAAA,MAAAA;AAAAA,IAC3C;AAEQH,WAAAA,cAAiCU,OACvC,CACE;AAAA,MAAEF;AAAAA,MAAOC;AAAAA,OACTH,UACG;;AACH,cAAQA,MAAMxB,MAAI;AAAA,QAChB,KAAKL;AACI,iBAAA;AAAA,YACL+B;AAAAA,YACAC,eAAeE,aAAaL,OAAO;AAAA,cACjCzD,WAAWA,CAAC+D,MACVC,2BAA2BD,GAAG;AAAA,gBAC5BE,YAAYtB;AAAAA,gBACZuB,UAAUnB;AAAAA,cAAAA,CACX;AAAA,YAAA,CACJ;AAAA,UAAA;AAAA,QAEL,KAAK1D;AAAAA,QACL,KAAK8B;AACI,iBAAA;AAAA,YACLwC,OAAOA,MAAMD,OACXD,MAAMnF,MAAMuB,WACRiE,aAAaL,OAAO;AAAA,cAClBU,SAASA,MAAM1D;AAAAA,cACfT,WAAWA,MAAMS;AAAAA,cACjB2D,UAAU;AAAA,cACVvE,UAAU;AAAA,YAAA,CACX,IACDiE,aAAaL,OAAO;AAAA,cAClB9E,WAAWF,GAAGgF,MAAMnF,MAAMK,WAAWyD,iBAAiB;AAAA,cACtDxC,OAAM6D,WAAMnF,MAAMsB,SAAZ6D,YAAoBE,MAAMU;AAAAA,cAEhCF,SAASG,mBAAmBb,MAAMnF,MAAM6F,SAAS,MAAM;;AACrD9B,sDAAWoB,MAAAA,MAAMnF,MAAMsB,SAAZ6D,OAAAA,MAAoBE,MAAMU;AAAAA,cAAM,CAC5C;AAAA,cACDrE,WAAWA,CAAC+D,MACVC,2BAA2BD,GAAG;AAAA,gBAC5BE,YAAYtB;AAAAA,gBACZuB,UAAUnB;AAAAA,cAAAA,CACX;AAAA,YAAA,CACJ,CAAC;AAAA,YAERa;AAAAA,UAAAA;AAAAA,QAEJ,KAAK/E;AACI,iBAAA;AAAA,YAAE8E,OAAOA,MAAMD,OAAOD,KAAK;AAAA,YAAGG;AAAAA,UAAAA;AAAAA,QACvC;AACS,iBAAA;AAAA,YAAED;AAAAA,YAAOC;AAAAA,UAAAA;AAAAA,MAAgB;AAAA,IAAA,GAGtC;AAAA,MAAED,OAAO,CAAE;AAAA,MAAEC,eAAe;AAAA,IAAA,CAAM;AAAA,EAAA,GAEnC,CAACzF,UAAUmE,sBAAsBF,mBAAmBO,iBAAiBI,eAAeV,QAAQ,CAAC;AAEhG,MAAIC,sBAAsB;AACxB,+BACGrE,UAAQ;AAAA,MAAC,gBAAcgB;AAAAA,MAAQZ,WAAS;AAAA,MAACD;AAAAA,MAAWD,8BAClDoG,iBAAe;AAAA,QACdZ,OAAOP,SAASC,QAAQJ,YAAYU,KAAK;AAAA,QACzCC,eAAeX,YAAYW;AAAAA,QAC3BpB;AAAAA,QACAJ;AAAAA,QACAC;AAAAA,QACAE;AAAAA,QACAE;AAAAA,MAAAA,CAA2B;AAAA,IAAA,CAEpB;AAAA,EAEf;AAEA,8BACGxE,UAAQ;AAAA,IAAC,gBAAcgB;AAAAA,IAAQb;AAAAA,IAAWD,WACxC8E,YAAYW,mCACZjC,cAAY;AAAA,MAACjD,MAAK;AAAA,MAAcP,UAAE8E,YAAYU;AAAAA,IAAAA,CAAqB,CAAA;AAAA,EAAA,CAC3D;AAEf;AAQA,MAAMY,kBAAkB,CAA4BjG,UAAmC;AAC/E,QAAA;AAAA,IACJkE;AAAAA,IACAoB;AAAAA,IACArB,aAAa;AAAA,IACbH;AAAAA,IACAuB;AAAAA,IACAlB;AAAAA,IACAJ;AAAAA,EACE/D,IAAAA;AAEJ,QAAMkG,SAASC,OAAQ,aAAYC,MAAAA,GAAS;AAEtCC,QAAAA,mBAAmBF,OAAsB,IAAI;AAC7CG,QAAAA,YAAYH,OAA8B,IAAI;AACpD,QAAMI,YAAYJ;AAElB,QAAM,CAACK,gBAAgBC,iBAAiB,IAAIC,SAAwB,IAAI;AAElEC,QAAAA,YAAY,CAAC,CAACrB;AAEpB,QAAMsB,uBAAuBvB,QAAQA,MAAMU,SAAS,IAAI;AAExD,QAAMc,iBAAiBC,WAAW;AAAA,IAChChH,MAAMuF,UAAU,OAAOA,MAAMU,SAAS;AAAA,IACtCO;AAAAA,IACAS,cAAczC,YAAY,MAAML,YAAY,CAACA,UAAU,CAAC;AAAA,IACxDC;AAAAA,EAAAA,CACD;AAEK8C,QAAAA,iBAAiB1C,YAAY,MAAM;;AACvCuC,mBAAeI,cAAc,CAAC;AAC9BV,0BAAUW,YAAVX,mBAAmBY,UAAnBZ;AAAAA,EAA4B,GAC3B,CAACM,cAAc,CAAC;AAMbO,QAAAA,gBAAgB9C,YACpB,CAAC+C,UAAkB;AACjBR,mBAAeI,cAAcI,KAAK;AAClCZ,sBAAkBY,KAAK;AAAA,EAAA,GAEzB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iCAAiChD,YACrC,CAACiD,cAAmC;AAClC,QAAIlB,iBAAiBa,YAAY,QAAQb,iBAAiBa,YAAY/E,QAAW;AAC/E;AAAA,IACF;AACA,UAAMqF,YACJD,cAAc,SAASlB,iBAAiBa,UAAU,IAAIb,iBAAiBa,UAAU;AAC7EO,UAAAA,aACHF,cAAc,UAAUlB,iBAAiBa,YAAYN,wBACrDW,cAAc,cAAclB,iBAAiBa,YAAY;AAC5D,QAAIO,YAAY;AAGd,UAAId,WAAW;AACG;MAAA,OACX;AAESY,sBAAAA,cAAc,SAAS,IAAIX,oBAAoB;AAAA,MAC/D;AACA;AAAA,IACF;AACA,YAAQW,WAAS;AAAA,MACf,KAAK;AACHV,uBAAeI,cAAcO,SAAS;AACtCrD,qBAAaI,UAAW;AACxB;AAAA,MACF,KAAK;AACHsC,uBAAeI,cAAcO,SAAS;AACtCrD,qBAAaO,cAAe;AAC5B;AAAA,IAEM;AAAA,EAAA,GAGZ,CAACP,cAAciD,eAAeJ,gBAAgBL,WAAWC,sBAAsBC,cAAc,CAAC;AAGhG,QAAMa,eAAepD,YACnB,CAACqD,UAAwBN,UAAkB;AACzC,UAAMO,aAAaD,SAAS3H;AAC5B,YAAQ2H,SAAShE,MAAI;AAAA,MACnB,KAAK5C;AAAAA,MACL,KAAK8B;AACI,eAAA;AAAA,UACLxC,WAAWF,GAAGyH,WAAWvH,WAAWyD,iBAAiB;AAAA,UAErDpC,WAAWkG,WAAWrG,WAClB,MAAMY,SACN,CAACsD,MACCoC,2BAA2BpC,GAAG;AAAA,YAC5BqC,qBAAqBR;AAAAA,YACrBS,oBAAoBT;AAAAA,UAAAA,CACrB;AAAA,UACPU,SAAShC,mBAAmB4B,WAAWI,SAAS,MAAM;AACpD3B,6BAAiBa,UAAUG;AAAAA,UAAAA,CAC5B;AAAA,UACDY,IAAIC,aAAab,OAAOnB,OAAOgB,OAAO;AAAA,UACtCiB,QAAQnC,mBAAmB4B,WAAWO,QAAQ,MAAM;AAClD9B,6BAAiBa,UAAU;AAAA,UAAA,CAC5B;AAAA,UACDrB,SAAS+B,WAAWrG,WAChB,MAAMY,SACN6D,mBAAmB4B,WAAW/B,SAAS,MAAM;AAC3C9B,iDAAW6D,WAAWtG;AAAAA,UAAU,CACjC;AAAA,QAAA;AAAA,MAET;AACE,eAAO;IAAG;AAAA,EAGhB,GAAA,CAACgG,gCAAgCxD,mBAAmBC,QAAQ,CAAC;AAG/DqE,YAAU,MAAM;AACd,QAAI5B,mBAAmB,MAAM;AAC3B6B,4BAAsB,MAAM;AAC1B,cAAMC,UAAUC,gBAAgB/B,gBAAgBN,OAAOgB,OAAO;AAC9DoB,2CAASnB;AAAAA,MAAO,CACjB;AACDV,wBAAkB,IAAI;AAAA,IACxB;AAAA,EAAA,GACC,CAACD,cAAc,CAAC;AAMbqB,QAAAA,6BAA6BA,CACjCpC,GACA+C,cAIG;;AACH,UAAMC,SAAS,CAAC,OAAO,WAAW,WAAW;AAC7C,QAAIA,OAAOC,SAASjD,EAAEkD,GAAG,GAAG;AAC1BlD,QAAEmD,eAAgB;AAClBnD,QAAEoD,gBAAiB;AACnB,UAAKpD,EAAEkD,QAAQ,SAASlD,EAAEqD,YAAarD,EAAEkD,QAAQ,WAAW;AAC1DH,wBAAUV,wBAAVU,mCAAgC;AAAA,MAAU,WACjC/C,EAAEkD,QAAQ,eAAelD,EAAEkD,QAAQ,OAAO;AACnDH,wBAAUT,uBAAVS,mCAA+B;AAAA,MACjC;AAAA,IACF;AAAA,EAAA;AAGF,QAAMO,eAAenE,QACnB,MACEU,gBACIE,aAAaF,eAAe;AAAA,IAC1B5D,WAAWA,CAAC+D,MACVoC,2BAA2BpC,GAAG;AAAA,MAC5BqC,qBAAqBA,MAAMV,cAAcR,oBAAoB;AAAA,MAC7DmB,oBAAoBA,MAAMX,cAAc,CAAC;AAAA,IAAA,CAC1C;AAAA,IACHnH,KAAKsG;AAAAA,EAAAA,CACN,IACD,MACN,CAACjB,eAAesB,sBAAsBQ,aAAa,CAAC;AAGtD,QAAM4B,cAAcpE,QAClB,MACEiC,eAAeoC,aAAaC,IAAKC,CAAe,eAAA;AAC9C,QAAI,CAAC9D,OAAO;AACH,aAAA;AAAA,IACT;AACM+D,UAAAA,OAAO/D,MAAM8D,WAAW9B;AAC9B,+BACE,OAAA;AAAA,MAEEpH,KACEmJ,KAAKzF,SAAS5C,YAAYqI,KAAKzF,SAASd,eACpCsG,WAAWE,aACXlH;AAAAA,MAEN/B,MAAK;AAAA,MACLC,WAAWF,GAAG,kBAAkB;AAAA,MAChCmJ,OAAO;AAAA,QACLC,WAAY,cAAaJ,WAAWK;AAAAA,MACtC;AAAA,MAAE3J,UAED2F,aAAa4D,MAAM1B,aAAa0B,MAAMD,WAAW9B,KAAK,CAAC;AAAA,IAAA,GAZnD8B,WAAW9B,KAAK;AAAA,EAAA,CAe1B,GACH,CAACR,eAAeoC,cAAc5D,OAAOqC,YAAY,CAAC;AAGpD,8BACErF,UAAA;AAAA,IAAAxC,UACGkJ,CAAAA,cACDzG,oBAACe,cAAY;AAAA,MAACpD,KAAKqG;AAAAA,MAAWlG,MAAK;AAAA,MAAcP,8BAC/C,OAAA;AAAA,QACEO,MAAK;AAAA,QACLC,WAAU;AAAA,QACViJ,OAAO;AAAA,UACLG,QAAS,GAAE5C,eAAe6C;AAAAA,QAC5B;AAAA,QAAE7J,UAEDmJ;AAAAA,MAAAA,CAAW;AAAA,IAAA,CAED,CAAA;AAAA,EAAA,CACd;AAEP;"}
+{"version":3,"file":"index.es.js","sources":["../src/MenuBase.tsx","../src/MenuDivider.tsx","../src/MenuItem.tsx","../src/MenuItemList.tsx","../src/MenuSearch.tsx","../src/utils.ts","../src/Menu.tsx"],"sourcesContent":["import type { MenuProps } from './Menu';\nimport type { ComponentPropsWithRef } from 'react';\n\nimport { cx } from 'classix';\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuBaseProps = ComponentPropsWithRef<'div'> & {\n  isVirtual?: boolean;\n  size?: MenuProps<string>['size'];\n};\n\nconst MenuBase = forwardRef<HTMLDivElement, MenuBaseProps>(\n  ({ children, size, isVirtual, ...props }, ref) => {\n    const classes = cx('Menu', isVirtual && 'Menu--isVirtual', size && `MenuSize--${size}`);\n\n    return (\n      <div {...props} role=\"menu\" className={classes} ref={ref}>\n        {children}\n      </div>\n    );\n  }\n);\n\nMenuBase.displayName = 'MenuBase';\n\nexport { MenuBase };\nexport type { MenuBaseProps };\n","import type { SeparatorProps } from '@react-aria/separator';\nimport type { RefObject } from 'react';\n\nimport { useSeparator } from '@react-aria/separator';\n\nimport './styles/Menu.css';\n\ntype MenuDividerProps = SeparatorProps & {\n  innerRef?: RefObject<HTMLDivElement>;\n  'data-test-id'?: string;\n};\n\nconst MenuDivider = ({\n  elementType = 'div',\n  orientation,\n  innerRef,\n  'data-test-id': testId = 'menu-divider',\n}: MenuDividerProps) => {\n  const { separatorProps } = useSeparator({\n    orientation,\n    elementType,\n  });\n\n  return <div {...separatorProps} data-test-id={testId} ref={innerRef} className=\"Menu-divider\" />;\n};\n\nexport { MenuDivider };\nexport type { MenuDividerProps };\n","import type { Icon } from '@launchpad-ui/icons';\nimport type { PopoverPlacement } from '@launchpad-ui/popover';\nimport type { ComponentPropsWithRef, ElementType, PropsWithRef, ReactElement } from 'react';\n\nimport { Tooltip } from '@launchpad-ui/tooltip';\nimport { Slot } from '@radix-ui/react-slot';\nimport { FocusRing } from '@react-aria/focus';\nimport { cx } from 'classix';\nimport { Link } from 'react-router-dom';\n\nimport './styles/Menu.css';\n\n// Merge two types and get rid of overlapping definitions\ntype Merge<T, U> = Omit<T, keyof U> & U;\n\ntype PropsWithComponent<P, T extends ElementType> = P & { component?: T };\n\ntype PolymorphicPropsWithRef<P, T extends ElementType> = Merge<\n  T extends keyof JSX.IntrinsicElements\n    ? PropsWithRef<JSX.IntrinsicElements[T]>\n    : ComponentPropsWithRef<T>,\n  PropsWithComponent<P, T>\n>;\n\ntype MenuItemOwnProps = {\n  isHighlighted?: boolean;\n  icon?: typeof Icon | null;\n  disabled?: boolean;\n  nested?: boolean;\n  groupHeader?: boolean;\n  tooltip?: string | ReactElement;\n  tooltipOptions?: typeof Tooltip;\n  tooltipPlacement?: PopoverPlacement;\n  asChild?: boolean;\n  'data-test-id'?: string;\n};\n\nconst defaultElement = 'button';\n\ntype MenuItemProps<P, T extends ElementType = typeof defaultElement> = PolymorphicPropsWithRef<\n  | (MenuItemOwnProps & {\n      item: P; // Infer the type if it is included\n    })\n  | (MenuItemOwnProps & {\n      item?: undefined;\n    }),\n  T\n>;\n\nconst MenuItem = <P, T extends ElementType = typeof defaultElement>({\n  ...props\n}: MenuItemProps<P, T>) => {\n  const {\n    // TODO: remove component prop once we migrate over to asChild format\n    component,\n    children,\n    isHighlighted,\n    icon: Icon,\n    nested,\n    groupHeader,\n    item,\n    disabled,\n    className,\n    tooltip,\n    role = 'menuitem',\n    tooltipPlacement,\n    onKeyDown,\n    tooltipOptions,\n    asChild,\n    'data-test-id': testId = 'menu-item',\n    ...rest\n  } = props;\n\n  const Component: ElementType = component || (asChild ? Slot : defaultElement);\n\n  const renderedItem = (\n    <FocusRing focusRingClass=\"has-focus\">\n      <Component\n        {...rest}\n        disabled={disabled}\n        aria-disabled={disabled ? disabled : undefined}\n        className={cx(\n          'Menu-item',\n          className,\n          isHighlighted && 'is-highlighted',\n          nested && 'Menu-item--nested',\n          groupHeader && 'Menu-item--header'\n        )}\n        data-test-id={testId}\n        role={role}\n        onKeyDown={onKeyDown}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {Icon && (\n              <span className=\"Menu-item-icon\">\n                <Icon size=\"small\" />\n              </span>\n            )}\n            {children}\n          </>\n        )}\n      </Component>\n    </FocusRing>\n  );\n\n  if (tooltip) {\n    return (\n      <Tooltip\n        content={tooltip}\n        rootElementStyle={{ display: 'block' }}\n        allowBoundaryElementOverflow\n        placement={tooltipPlacement ? tooltipPlacement : 'bottom'}\n        {...(tooltipOptions || {})}\n      >\n        {renderedItem}\n      </Tooltip>\n    );\n  }\n\n  return renderedItem;\n};\n\ntype MenuItemLinkOwnProps = {\n  disabled?: boolean;\n  useHistory?: boolean;\n  newTab?: boolean;\n};\n\ntype MenuItemLinkProps<P, T extends ElementType = typeof Link> =\n  | Merge<Omit<MenuItemProps<P, T>, 'component' | 'item'>, MenuItemLinkOwnProps> &\n      (\n        | {\n            item?: undefined;\n          }\n        | {\n            item: P;\n          }\n      );\n\n// By default, this is a Link component whenever useHistory is\n// explicitly not false\n// TODO: deprecate this component\nconst MenuItemLink = <P, T extends ElementType = typeof Link>({\n  to,\n  disabled = false,\n  useHistory = true,\n  newTab = false,\n  children,\n  ...props\n}: MenuItemLinkProps<P, T>) => {\n  const finalProps = {\n    ...props,\n    disabled,\n    component: useHistory ? Link : ('a' as const),\n    [useHistory ? 'to' : 'href']: disabled ? '' : to,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n  };\n\n  // Ideally if this item is disabled, it should be a button rather\n  // than a link https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md\n\n  return <MenuItem {...finalProps}>{children}</MenuItem>;\n};\n\nexport { MenuItem, MenuItemLink };\nexport type { MenuItemProps, MenuItemLinkProps };\n","import type { ComponentPropsWithRef } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuItemListProps = Omit<ComponentPropsWithRef<'div'>, 'className'>;\n\nconst MenuItemList = forwardRef<HTMLDivElement, MenuItemListProps>(({ children, ...rest }, ref) => (\n  <div {...rest} ref={ref} data-test-id=\"menu-item-list\" className=\"Menu-item-list\">\n    {children}\n  </div>\n));\n\nMenuItemList.displayName = 'MenuItemList';\n\nexport { MenuItemList };\nexport type { MenuItemListProps };\n","import type { ChangeEvent } from 'react';\n\nimport { TextField } from '@launchpad-ui/form';\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuSearchProps = {\n  ariaLabel?: string;\n  value?: string;\n  id?: string;\n  placeholder?: string;\n  onChange?(event: ChangeEvent<HTMLInputElement>): void;\n  'data-test-id'?: string;\n};\n\nconst MenuSearch = forwardRef<HTMLInputElement, MenuSearchProps>((props, ref) => {\n  const {\n    ariaLabel,\n    placeholder,\n    id,\n    'data-test-id': testId = 'menu-search',\n    ...finalProps\n  } = props;\n\n  return (\n    <div className=\"Menu-search\">\n      <TextField\n        {...finalProps}\n        ref={ref}\n        className=\"Menu-search-input\"\n        tiny\n        id={id}\n        type=\"search\"\n        data-test-id={testId}\n        autoComplete=\"off\"\n        placeholder={placeholder}\n        aria-label={ariaLabel || 'Search'}\n      />\n    </div>\n  );\n});\n\nMenuSearch.displayName = 'MenuSearch';\n\nexport { MenuSearch };\nexport type { MenuSearchProps };\n","import type { EventHandler, KeyboardEvent, SyntheticEvent } from 'react';\n\nconst createItemId = (index: number, id: string) => `${id}-item-${index}`;\n\nconst getNodeForIndex = (index: number | null, menuId: string) =>\n  index === null ? index : document.getElementById(createItemId(index, menuId));\n\nconst handleKeyboardInteractions = (\n  event: KeyboardEvent,\n  keyHandlers: Partial<\n    Record<'handleUp' | 'handleDown' | 'handleEnter', (e: KeyboardEvent) => void>\n  >\n) => {\n  const ops = {\n    ArrowUp: keyHandlers.handleUp,\n    ArrowDown: keyHandlers.handleDown,\n    Enter: keyHandlers.handleEnter,\n  } as Record<string, (e: KeyboardEvent) => void | undefined>;\n\n  if (ops[event.key]) {\n    event.preventDefault();\n    ops[event.key]?.call(globalThis, event);\n  }\n};\n\nconst chainEventHandlers =\n  (...handlers: Array<EventHandler<SyntheticEvent> | undefined>) =>\n  (event: SyntheticEvent) => {\n    handlers.forEach((h) => typeof h === 'function' && h(event));\n  };\n\nexport { createItemId, getNodeForIndex, handleKeyboardInteractions, chainEventHandlers };\n","import type { MenuItemProps } from './MenuItem';\nimport type { FocusManager } from '@react-aria/focus';\nimport type { KeyboardEvent, ReactElement, ReactNode } from 'react';\n\nimport { useFocusManager } from '@react-aria/focus';\nimport { cx } from 'classix';\nimport {\n  Children,\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useVirtual } from 'react-virtual';\n\nimport { MenuBase } from './MenuBase';\nimport { MenuDivider } from './MenuDivider';\nimport { MenuItem, MenuItemLink } from './MenuItem';\nimport { MenuItemList } from './MenuItemList';\nimport { MenuSearch } from './MenuSearch';\nimport {\n  chainEventHandlers,\n  createItemId,\n  getNodeForIndex,\n  handleKeyboardInteractions,\n} from './utils';\n\ntype ControlledMenuProps<T> = {\n  children: ReactNode;\n  onSelect?: (item: T) => void;\n  /**\n   * Menus items are rendered using react-virtual for\n   * additional rendering performance.\n   */\n  enableVirtualization?: boolean;\n  /**\n   * Class name to be applied to all MenuItem and MenuItemLink components\n   * in the menu.\n   */\n  menuItemClassName?: string;\n  /**\n   * Sets the width of the menu. This is especially useful when using virtual items\n   * since the width cannot be automatically set by the widest element.\n   */\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  /**\n   * Sets the number out of elements rendered outside of the view window\n   * when using virtualization\n   */\n  overscan?: number;\n  /**\n   * Sets the height for each menu item when using virtualization.\n   *\n   */\n  itemHeight?: number;\n  'data-test-id'?: string;\n};\n\ntype MenuProps<T extends number | string> = ControlledMenuProps<T>;\n\nconst Menu = <T extends number | string>(props: MenuProps<T>) => {\n  const {\n    children,\n    menuItemClassName,\n    onSelect,\n    enableVirtualization,\n    itemHeight,\n    size,\n    overscan = 1,\n    'data-test-id': testId = 'menu',\n  } = props;\n\n  const focusManager = useFocusManager();\n\n  const handleArrowDown = useCallback(() => {\n    focusManager.focusNext({ wrap: true });\n  }, [focusManager]);\n\n  const handleArrowUp = useCallback(() => {\n    focusManager.focusPrevious({ wrap: true });\n  }, [focusManager]);\n\n  const reduceItems = useMemo(() => {\n    const childrenProps = Children.toArray(children);\n    if (enableVirtualization) {\n      // the virtualized menu has its own handlers and props\n      let searchElem = null;\n      let elements: ReactElement[] = [];\n      (childrenProps as ReactElement[]).forEach((child: ReactElement) => {\n        switch (child.type) {\n          case MenuSearch:\n            searchElem = child;\n            break;\n          case MenuItem:\n          case MenuItemLink:\n          case MenuDivider:\n            elements = elements.concat(child);\n            break;\n          default:\n            break;\n        }\n      });\n      return { items: elements, searchElement: searchElem };\n    }\n\n    return (childrenProps as ReactElement[]).reduce(\n      (\n        { items, searchElement }: { items: ReactElement[]; searchElement: null | ReactElement },\n        child\n      ) => {\n        switch (child.type) {\n          case MenuSearch:\n            return {\n              items,\n              searchElement: cloneElement(child, {\n                onKeyDown: (e: KeyboardEvent) =>\n                  handleKeyboardInteractions(e, {\n                    handleDown: handleArrowDown,\n                    handleUp: handleArrowUp,\n                  }),\n              }),\n            };\n          case MenuItem:\n          case MenuItemLink:\n            return {\n              items: items.concat(\n                child.props.disabled\n                  ? cloneElement(child, {\n                      onClick: () => undefined,\n                      onKeyDown: () => undefined,\n                      tabIndex: -1,\n                      disabled: true,\n                    })\n                  : cloneElement(child, {\n                      className: cx(child.props.className, menuItemClassName),\n                      item: child.props.item ?? items.length,\n                      // set focus on the first menu item if there is no search input, and set in the tab order\n                      onClick: chainEventHandlers(child.props.onClick, () => {\n                        onSelect?.(child.props.item ?? items.length);\n                      }),\n                      onKeyDown: (e: KeyboardEvent) =>\n                        handleKeyboardInteractions(e, {\n                          handleDown: handleArrowDown,\n                          handleUp: handleArrowUp,\n                        }),\n                    })\n              ),\n              searchElement,\n            };\n          case MenuDivider:\n            return { items: items.concat(child), searchElement };\n          default:\n            return { items, searchElement };\n        }\n      },\n      { items: [], searchElement: null }\n    );\n  }, [children, enableVirtualization, menuItemClassName, handleArrowDown, handleArrowUp, onSelect]);\n\n  if (enableVirtualization) {\n    return (\n      <MenuBase data-test-id={testId} isVirtual size={size}>\n        <ItemVirtualizer<T>\n          items={Children.toArray(reduceItems.items) as ReactElement[]}\n          searchElement={reduceItems.searchElement}\n          overscan={overscan}\n          menuItemClassName={menuItemClassName}\n          onSelect={onSelect}\n          itemHeight={itemHeight}\n          focusManager={focusManager}\n        />\n      </MenuBase>\n    );\n  }\n\n  return (\n    <MenuBase data-test-id={testId} size={size}>\n      {reduceItems.searchElement}\n      <MenuItemList role=\"presentation\">{reduceItems.items}</MenuItemList>\n    </MenuBase>\n  );\n};\n\ntype ItemVirtualizerProps<T> = Omit<ControlledMenuProps<T>, 'children'> & {\n  items: ReactElement[] | null;\n  searchElement?: ReactElement | null;\n  focusManager: FocusManager;\n};\n\nconst ItemVirtualizer = <T extends number | string>(props: ItemVirtualizerProps<T>) => {\n  const {\n    overscan,\n    searchElement,\n    itemHeight = 33,\n    menuItemClassName,\n    items: items,\n    focusManager,\n    onSelect,\n  } = props;\n\n  const menuId = useRef(`menu-ctrl-${useId()}`);\n\n  const focusedItemIndex = useRef<number | null>(null);\n  const parentRef = useRef<HTMLDivElement | null>(null);\n  const searchRef = useRef<HTMLInputElement>();\n\n  const [nextFocusValue, setNextFocusValue] = useState<number | null>(null);\n\n  const hasSearch = !!searchElement;\n\n  const lastVirtualItemIndex = items ? items.length - 1 : 0;\n\n  const rowVirtualizer = useVirtual({\n    size: items !== null ? items.length : 0,\n    parentRef,\n    estimateSize: useCallback(() => itemHeight, [itemHeight]),\n    overscan,\n  });\n\n  const focusSearchBar = useCallback(() => {\n    rowVirtualizer.scrollToIndex(0);\n    searchRef.current?.focus?.();\n  }, [rowVirtualizer]);\n\n  /**\n   * Scrolls to the menu item with the index provided and\n   * then manually focuses it using a side effect in useEffect\n   */\n  const focusMenuItem = useCallback(\n    (index: number) => {\n      rowVirtualizer.scrollToIndex(index);\n      setNextFocusValue(index);\n    },\n    [rowVirtualizer]\n  );\n\n  const handleKeyboardFocusInteraction = useCallback(\n    (direction: 'next' | 'previous') => {\n      if (focusedItemIndex.current === null || focusedItemIndex.current === undefined) {\n        return;\n      }\n      const nextIndex =\n        direction === 'next' ? focusedItemIndex.current + 1 : focusedItemIndex.current - 1;\n      const shouldWrap =\n        (direction === 'next' && focusedItemIndex.current === lastVirtualItemIndex) ||\n        (direction === 'previous' && focusedItemIndex.current === 0);\n      if (shouldWrap) {\n        // we are at the end of the list so we will\n        // scroll back to the beginning of the list\n        if (hasSearch) {\n          focusSearchBar();\n        } else {\n          // if at end, wrap to beginning, else focus last item\n          focusMenuItem(direction === 'next' ? 0 : lastVirtualItemIndex);\n        }\n        return;\n      }\n      switch (direction) {\n        case 'next':\n          rowVirtualizer.scrollToIndex(nextIndex);\n          focusManager.focusNext();\n          break;\n        case 'previous':\n          rowVirtualizer.scrollToIndex(nextIndex);\n          focusManager.focusPrevious();\n          break;\n        default:\n          break;\n      }\n    },\n    [focusManager, focusMenuItem, focusSearchBar, hasSearch, lastVirtualItemIndex, rowVirtualizer]\n  );\n\n  const getItemProps = useCallback(\n    (itemElem: ReactElement, index: number) => {\n      const childProps = itemElem.props as MenuItemProps<T>;\n      switch (itemElem.type) {\n        case MenuItem:\n        case MenuItemLink:\n          return {\n            className: cx(childProps.className, menuItemClassName),\n            // set focus on the first menu item if there is no search input, and set in the tab order\n            onKeyDown: childProps.disabled\n              ? () => undefined\n              : (e: KeyboardEvent) =>\n                  handleKeyboardFocusKeydown(e, {\n                    handleFocusBackward: handleKeyboardFocusInteraction,\n                    handleFocusForward: handleKeyboardFocusInteraction,\n                  }),\n            onFocus: chainEventHandlers(childProps.onFocus, () => {\n              focusedItemIndex.current = index;\n            }),\n            id: createItemId(index, menuId.current),\n            onBlur: chainEventHandlers(childProps.onBlur, () => {\n              focusedItemIndex.current = null;\n            }),\n            onClick: childProps.disabled\n              ? () => undefined\n              : chainEventHandlers(childProps.onClick, () => {\n                  onSelect?.(childProps.item as T);\n                }),\n          } as MenuItemProps<T>;\n        default:\n          return {};\n      }\n    },\n    [handleKeyboardFocusInteraction, menuItemClassName, onSelect]\n  );\n\n  useEffect(() => {\n    if (nextFocusValue !== null) {\n      requestAnimationFrame(() => {\n        const element = getNodeForIndex(nextFocusValue, menuId.current);\n        element?.focus();\n      });\n      setNextFocusValue(null);\n    }\n  }, [nextFocusValue]);\n\n  /**\n   * Calls handleFocusForward when the user is attempting to focus forward using\n   * tab or arrow keys. Calls handleFocusBackward when the users wants to move backward.\n   */\n  const handleKeyboardFocusKeydown = (\n    e: KeyboardEvent,\n    callbacks: Record<\n      'handleFocusForward' | 'handleFocusBackward',\n      (direction: 'next' | 'previous') => void\n    >\n  ) => {\n    const keyOps = ['Tab', 'ArrowUp', 'ArrowDown'];\n    if (keyOps.includes(e.key)) {\n      e.preventDefault();\n      e.stopPropagation();\n      if ((e.key === 'Tab' && e.shiftKey) || e.key === 'ArrowUp') {\n        callbacks.handleFocusBackward?.('previous');\n      } else if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        callbacks.handleFocusForward?.('next');\n      }\n    }\n  };\n\n  const renderSearch = useMemo(\n    () =>\n      searchElement\n        ? cloneElement(searchElement, {\n            onKeyDown: (e: KeyboardEvent) =>\n              handleKeyboardFocusKeydown(e, {\n                handleFocusBackward: () => focusMenuItem(lastVirtualItemIndex),\n                handleFocusForward: () => focusMenuItem(0),\n              }),\n            ref: searchRef,\n          })\n        : null,\n    [searchElement, lastVirtualItemIndex, focusMenuItem]\n  );\n\n  const renderItems = useMemo(\n    () =>\n      rowVirtualizer.virtualItems.map((virtualRow) => {\n        if (!items) {\n          return null;\n        }\n        const elem = items[virtualRow.index];\n        return (\n          <div\n            key={virtualRow.index}\n            ref={\n              elem.type !== MenuItem || elem.type !== MenuItemLink\n                ? virtualRow.measureRef\n                : undefined\n            }\n            role=\"presentation\"\n            className={cx('VirtualMenu-item')}\n            style={{\n              transform: `translateY(${virtualRow.start}px)`,\n            }}\n          >\n            {cloneElement(elem, getItemProps(elem, virtualRow.index))}\n          </div>\n        );\n      }),\n    [rowVirtualizer.virtualItems, items, getItemProps]\n  );\n\n  return (\n    <>\n      {renderSearch}\n      <MenuItemList ref={parentRef} role=\"presentation\">\n        <div\n          role=\"presentation\"\n          className=\"VirtualMenu-item-list\"\n          style={{\n            height: `${rowVirtualizer.totalSize}px`,\n          }}\n        >\n          {renderItems}\n        </div>\n      </MenuItemList>\n    </>\n  );\n};\n\nexport { Menu, ItemVirtualizer };\nexport type { MenuProps, ItemVirtualizerProps };\n"],"names":["MenuBase","forwardRef","children","size","isVirtual","props","ref","classes","cx","role","className","displayName","MenuDivider","elementType","orientation","innerRef","testId","separatorProps","useSeparator","defaultElement","MenuItem","component","isHighlighted","icon","Icon","nested","groupHeader","item","disabled","tooltip","tooltipPlacement","onKeyDown","tooltipOptions","asChild","rest","Component","Slot","renderedItem","FocusRing","focusRingClass","undefined","_jsxs","_Fragment","_jsx","Tooltip","content","rootElementStyle","display","allowBoundaryElementOverflow","placement","MenuItemLink","to","useHistory","newTab","finalProps","Link","rel","target","MenuItemList","MenuSearch","ariaLabel","placeholder","id","TextField","tiny","type","autoComplete","Menu","menuItemClassName","onSelect","enableVirtualization","itemHeight","overscan","focusManager","useFocusManager","handleArrowDown","useCallback","focusNext","wrap","handleArrowUp","focusPrevious","reduceItems","useMemo","childrenProps","Children","toArray","searchElem","elements","forEach","child","concat","items","searchElement","reduce","cloneElement","e","handleKeyboardInteractions","handleDown","handleUp","onClick","tabIndex","length","chainEventHandlers","ItemVirtualizer","menuId","useRef","useId","focusedItemIndex","parentRef","searchRef","nextFocusValue","setNextFocusValue","useState","hasSearch","lastVirtualItemIndex","rowVirtualizer","useVirtual","estimateSize","focusSearchBar","scrollToIndex","current","focus","focusMenuItem","index","handleKeyboardFocusInteraction","direction","nextIndex","shouldWrap","getItemProps","itemElem","childProps","handleKeyboardFocusKeydown","handleFocusBackward","handleFocusForward","onFocus","createItemId","onBlur","useEffect","requestAnimationFrame","element","getNodeForIndex","callbacks","keyOps","includes","key","preventDefault","stopPropagation","shiftKey","renderSearch","renderItems","virtualItems","map","virtualRow","elem","measureRef","style","transform","start","height","totalSize"],"mappings":"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"}

package/dist/index.js

@@ -141,6 +141,7 @@ const MenuSearch = react.forwardRef((props, ref) => {
   const {
     ariaLabel,
     placeholder,
+    id,
     "data-test-id": testId = "menu-search",
     ...finalProps
   } = props;
@@ -151,6 +152,7 @@ const MenuSearch = react.forwardRef((props, ref) => {
       ref,
       className: "Menu-search-input",
       tiny: true,
+      id,
       type: "search",
       "data-test-id": testId,
       autoComplete: "off",

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/MenuBase.tsx","../src/MenuDivider.tsx","../src/MenuItem.tsx","../src/MenuItemList.tsx","../src/MenuSearch.tsx","../src/utils.ts","../src/Menu.tsx"],"sourcesContent":["import type { MenuProps } from './Menu';\nimport type { ComponentPropsWithRef } from 'react';\n\nimport { cx } from 'classix';\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuBaseProps = ComponentPropsWithRef<'div'> & {\n  isVirtual?: boolean;\n  size?: MenuProps<string>['size'];\n};\n\nconst MenuBase = forwardRef<HTMLDivElement, MenuBaseProps>(\n  ({ children, size, isVirtual, ...props }, ref) => {\n    const classes = cx('Menu', isVirtual && 'Menu--isVirtual', size && `MenuSize--${size}`);\n\n    return (\n      <div {...props} role=\"menu\" className={classes} ref={ref}>\n        {children}\n      </div>\n    );\n  }\n);\n\nMenuBase.displayName = 'MenuBase';\n\nexport { MenuBase };\nexport type { MenuBaseProps };\n","import type { SeparatorProps } from '@react-aria/separator';\nimport type { RefObject } from 'react';\n\nimport { useSeparator } from '@react-aria/separator';\n\nimport './styles/Menu.css';\n\ntype MenuDividerProps = SeparatorProps & {\n  innerRef?: RefObject<HTMLDivElement>;\n  'data-test-id'?: string;\n};\n\nconst MenuDivider = ({\n  elementType = 'div',\n  orientation,\n  innerRef,\n  'data-test-id': testId = 'menu-divider',\n}: MenuDividerProps) => {\n  const { separatorProps } = useSeparator({\n    orientation,\n    elementType,\n  });\n\n  return <div {...separatorProps} data-test-id={testId} ref={innerRef} className=\"Menu-divider\" />;\n};\n\nexport { MenuDivider };\nexport type { MenuDividerProps };\n","import type { Icon } from '@launchpad-ui/icons';\nimport type { PopoverPlacement } from '@launchpad-ui/popover';\nimport type { ComponentPropsWithRef, ElementType, PropsWithRef, ReactElement } from 'react';\n\nimport { Tooltip } from '@launchpad-ui/tooltip';\nimport { Slot } from '@radix-ui/react-slot';\nimport { FocusRing } from '@react-aria/focus';\nimport { cx } from 'classix';\nimport { Link } from 'react-router-dom';\n\nimport './styles/Menu.css';\n\n// Merge two types and get rid of overlapping definitions\ntype Merge<T, U> = Omit<T, keyof U> & U;\n\ntype PropsWithComponent<P, T extends ElementType> = P & { component?: T };\n\ntype PolymorphicPropsWithRef<P, T extends ElementType> = Merge<\n  T extends keyof JSX.IntrinsicElements\n    ? PropsWithRef<JSX.IntrinsicElements[T]>\n    : ComponentPropsWithRef<T>,\n  PropsWithComponent<P, T>\n>;\n\ntype MenuItemOwnProps = {\n  isHighlighted?: boolean;\n  icon?: typeof Icon | null;\n  disabled?: boolean;\n  nested?: boolean;\n  groupHeader?: boolean;\n  tooltip?: string | ReactElement;\n  tooltipOptions?: typeof Tooltip;\n  tooltipPlacement?: PopoverPlacement;\n  asChild?: boolean;\n  'data-test-id'?: string;\n};\n\nconst defaultElement = 'button';\n\ntype MenuItemProps<P, T extends ElementType = typeof defaultElement> = PolymorphicPropsWithRef<\n  | (MenuItemOwnProps & {\n      item: P; // Infer the type if it is included\n    })\n  | (MenuItemOwnProps & {\n      item?: undefined;\n    }),\n  T\n>;\n\nconst MenuItem = <P, T extends ElementType = typeof defaultElement>({\n  ...props\n}: MenuItemProps<P, T>) => {\n  const {\n    // TODO: remove component prop once we migrate over to asChild format\n    component,\n    children,\n    isHighlighted,\n    icon: Icon,\n    nested,\n    groupHeader,\n    item,\n    disabled,\n    className,\n    tooltip,\n    role = 'menuitem',\n    tooltipPlacement,\n    onKeyDown,\n    tooltipOptions,\n    asChild,\n    'data-test-id': testId = 'menu-item',\n    ...rest\n  } = props;\n\n  const Component: ElementType = component || (asChild ? Slot : defaultElement);\n\n  const renderedItem = (\n    <FocusRing focusRingClass=\"has-focus\">\n      <Component\n        {...rest}\n        disabled={disabled}\n        aria-disabled={disabled ? disabled : undefined}\n        className={cx(\n          'Menu-item',\n          className,\n          isHighlighted && 'is-highlighted',\n          nested && 'Menu-item--nested',\n          groupHeader && 'Menu-item--header'\n        )}\n        data-test-id={testId}\n        role={role}\n        onKeyDown={onKeyDown}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {Icon && (\n              <span className=\"Menu-item-icon\">\n                <Icon size=\"small\" />\n              </span>\n            )}\n            {children}\n          </>\n        )}\n      </Component>\n    </FocusRing>\n  );\n\n  if (tooltip) {\n    return (\n      <Tooltip\n        content={tooltip}\n        rootElementStyle={{ display: 'block' }}\n        allowBoundaryElementOverflow\n        placement={tooltipPlacement ? tooltipPlacement : 'bottom'}\n        {...(tooltipOptions || {})}\n      >\n        {renderedItem}\n      </Tooltip>\n    );\n  }\n\n  return renderedItem;\n};\n\ntype MenuItemLinkOwnProps = {\n  disabled?: boolean;\n  useHistory?: boolean;\n  newTab?: boolean;\n};\n\ntype MenuItemLinkProps<P, T extends ElementType = typeof Link> =\n  | Merge<Omit<MenuItemProps<P, T>, 'component' | 'item'>, MenuItemLinkOwnProps> &\n      (\n        | {\n            item?: undefined;\n          }\n        | {\n            item: P;\n          }\n      );\n\n// By default, this is a Link component whenever useHistory is\n// explicitly not false\n// TODO: deprecate this component\nconst MenuItemLink = <P, T extends ElementType = typeof Link>({\n  to,\n  disabled = false,\n  useHistory = true,\n  newTab = false,\n  children,\n  ...props\n}: MenuItemLinkProps<P, T>) => {\n  const finalProps = {\n    ...props,\n    disabled,\n    component: useHistory ? Link : ('a' as const),\n    [useHistory ? 'to' : 'href']: disabled ? '' : to,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n  };\n\n  // Ideally if this item is disabled, it should be a button rather\n  // than a link https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md\n\n  return <MenuItem {...finalProps}>{children}</MenuItem>;\n};\n\nexport { MenuItem, MenuItemLink };\nexport type { MenuItemProps, MenuItemLinkProps };\n","import type { ComponentPropsWithRef } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuItemListProps = Omit<ComponentPropsWithRef<'div'>, 'className'>;\n\nconst MenuItemList = forwardRef<HTMLDivElement, MenuItemListProps>(({ children, ...rest }, ref) => (\n  <div {...rest} ref={ref} data-test-id=\"menu-item-list\" className=\"Menu-item-list\">\n    {children}\n  </div>\n));\n\nMenuItemList.displayName = 'MenuItemList';\n\nexport { MenuItemList };\nexport type { MenuItemListProps };\n","import type { ChangeEvent } from 'react';\n\nimport { TextField } from '@launchpad-ui/form';\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuSearchProps = {\n  ariaLabel?: string;\n  value?: string;\n  placeholder?: string;\n  onChange?(event: ChangeEvent<HTMLInputElement>): void;\n  'data-test-id'?: string;\n};\n\nconst MenuSearch = forwardRef<HTMLInputElement, MenuSearchProps>((props, ref) => {\n  const { ariaLabel, placeholder, 'data-test-id': testId = 'menu-search', ...finalProps } = props;\n\n  return (\n    <div className=\"Menu-search\">\n      <TextField\n        {...finalProps}\n        ref={ref}\n        className=\"Menu-search-input\"\n        tiny\n        type=\"search\"\n        data-test-id={testId}\n        autoComplete=\"off\"\n        placeholder={placeholder}\n        aria-label={ariaLabel || 'Search'}\n      />\n    </div>\n  );\n});\n\nMenuSearch.displayName = 'MenuSearch';\n\nexport { MenuSearch };\nexport type { MenuSearchProps };\n","import type { EventHandler, KeyboardEvent, SyntheticEvent } from 'react';\n\nconst createItemId = (index: number, id: string) => `${id}-item-${index}`;\n\nconst getNodeForIndex = (index: number | null, menuId: string) =>\n  index === null ? index : document.getElementById(createItemId(index, menuId));\n\nconst handleKeyboardInteractions = (\n  event: KeyboardEvent,\n  keyHandlers: Partial<\n    Record<'handleUp' | 'handleDown' | 'handleEnter', (e: KeyboardEvent) => void>\n  >\n) => {\n  const ops = {\n    ArrowUp: keyHandlers.handleUp,\n    ArrowDown: keyHandlers.handleDown,\n    Enter: keyHandlers.handleEnter,\n  } as Record<string, (e: KeyboardEvent) => void | undefined>;\n\n  if (ops[event.key]) {\n    event.preventDefault();\n    ops[event.key]?.call(globalThis, event);\n  }\n};\n\nconst chainEventHandlers =\n  (...handlers: Array<EventHandler<SyntheticEvent> | undefined>) =>\n  (event: SyntheticEvent) => {\n    handlers.forEach((h) => typeof h === 'function' && h(event));\n  };\n\nexport { createItemId, getNodeForIndex, handleKeyboardInteractions, chainEventHandlers };\n","import type { MenuItemProps } from './MenuItem';\nimport type { FocusManager } from '@react-aria/focus';\nimport type { KeyboardEvent, ReactElement, ReactNode } from 'react';\n\nimport { useFocusManager } from '@react-aria/focus';\nimport { cx } from 'classix';\nimport {\n  Children,\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useVirtual } from 'react-virtual';\n\nimport { MenuBase } from './MenuBase';\nimport { MenuDivider } from './MenuDivider';\nimport { MenuItem, MenuItemLink } from './MenuItem';\nimport { MenuItemList } from './MenuItemList';\nimport { MenuSearch } from './MenuSearch';\nimport {\n  chainEventHandlers,\n  createItemId,\n  getNodeForIndex,\n  handleKeyboardInteractions,\n} from './utils';\n\ntype ControlledMenuProps<T> = {\n  children: ReactNode;\n  onSelect?: (item: T) => void;\n  /**\n   * Menus items are rendered using react-virtual for\n   * additional rendering performance.\n   */\n  enableVirtualization?: boolean;\n  /**\n   * Class name to be applied to all MenuItem and MenuItemLink components\n   * in the menu.\n   */\n  menuItemClassName?: string;\n  /**\n   * Sets the width of the menu. This is especially useful when using virtual items\n   * since the width cannot be automatically set by the widest element.\n   */\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  /**\n   * Sets the number out of elements rendered outside of the view window\n   * when using virtualization\n   */\n  overscan?: number;\n  /**\n   * Sets the height for each menu item when using virtualization.\n   *\n   */\n  itemHeight?: number;\n  'data-test-id'?: string;\n};\n\ntype MenuProps<T extends number | string> = ControlledMenuProps<T>;\n\nconst Menu = <T extends number | string>(props: MenuProps<T>) => {\n  const {\n    children,\n    menuItemClassName,\n    onSelect,\n    enableVirtualization,\n    itemHeight,\n    size,\n    overscan = 1,\n    'data-test-id': testId = 'menu',\n  } = props;\n\n  const focusManager = useFocusManager();\n\n  const handleArrowDown = useCallback(() => {\n    focusManager.focusNext({ wrap: true });\n  }, [focusManager]);\n\n  const handleArrowUp = useCallback(() => {\n    focusManager.focusPrevious({ wrap: true });\n  }, [focusManager]);\n\n  const reduceItems = useMemo(() => {\n    const childrenProps = Children.toArray(children);\n    if (enableVirtualization) {\n      // the virtualized menu has its own handlers and props\n      let searchElem = null;\n      let elements: ReactElement[] = [];\n      (childrenProps as ReactElement[]).forEach((child: ReactElement) => {\n        switch (child.type) {\n          case MenuSearch:\n            searchElem = child;\n            break;\n          case MenuItem:\n          case MenuItemLink:\n          case MenuDivider:\n            elements = elements.concat(child);\n            break;\n          default:\n            break;\n        }\n      });\n      return { items: elements, searchElement: searchElem };\n    }\n\n    return (childrenProps as ReactElement[]).reduce(\n      (\n        { items, searchElement }: { items: ReactElement[]; searchElement: null | ReactElement },\n        child\n      ) => {\n        switch (child.type) {\n          case MenuSearch:\n            return {\n              items,\n              searchElement: cloneElement(child, {\n                onKeyDown: (e: KeyboardEvent) =>\n                  handleKeyboardInteractions(e, {\n                    handleDown: handleArrowDown,\n                    handleUp: handleArrowUp,\n                  }),\n              }),\n            };\n          case MenuItem:\n          case MenuItemLink:\n            return {\n              items: items.concat(\n                child.props.disabled\n                  ? cloneElement(child, {\n                      onClick: () => undefined,\n                      onKeyDown: () => undefined,\n                      tabIndex: -1,\n                      disabled: true,\n                    })\n                  : cloneElement(child, {\n                      className: cx(child.props.className, menuItemClassName),\n                      item: child.props.item ?? items.length,\n                      // set focus on the first menu item if there is no search input, and set in the tab order\n                      onClick: chainEventHandlers(child.props.onClick, () => {\n                        onSelect?.(child.props.item ?? items.length);\n                      }),\n                      onKeyDown: (e: KeyboardEvent) =>\n                        handleKeyboardInteractions(e, {\n                          handleDown: handleArrowDown,\n                          handleUp: handleArrowUp,\n                        }),\n                    })\n              ),\n              searchElement,\n            };\n          case MenuDivider:\n            return { items: items.concat(child), searchElement };\n          default:\n            return { items, searchElement };\n        }\n      },\n      { items: [], searchElement: null }\n    );\n  }, [children, enableVirtualization, menuItemClassName, handleArrowDown, handleArrowUp, onSelect]);\n\n  if (enableVirtualization) {\n    return (\n      <MenuBase data-test-id={testId} isVirtual size={size}>\n        <ItemVirtualizer<T>\n          items={Children.toArray(reduceItems.items) as ReactElement[]}\n          searchElement={reduceItems.searchElement}\n          overscan={overscan}\n          menuItemClassName={menuItemClassName}\n          onSelect={onSelect}\n          itemHeight={itemHeight}\n          focusManager={focusManager}\n        />\n      </MenuBase>\n    );\n  }\n\n  return (\n    <MenuBase data-test-id={testId} size={size}>\n      {reduceItems.searchElement}\n      <MenuItemList role=\"presentation\">{reduceItems.items}</MenuItemList>\n    </MenuBase>\n  );\n};\n\ntype ItemVirtualizerProps<T> = Omit<ControlledMenuProps<T>, 'children'> & {\n  items: ReactElement[] | null;\n  searchElement?: ReactElement | null;\n  focusManager: FocusManager;\n};\n\nconst ItemVirtualizer = <T extends number | string>(props: ItemVirtualizerProps<T>) => {\n  const {\n    overscan,\n    searchElement,\n    itemHeight = 33,\n    menuItemClassName,\n    items: items,\n    focusManager,\n    onSelect,\n  } = props;\n\n  const menuId = useRef(`menu-ctrl-${useId()}`);\n\n  const focusedItemIndex = useRef<number | null>(null);\n  const parentRef = useRef<HTMLDivElement | null>(null);\n  const searchRef = useRef<HTMLInputElement>();\n\n  const [nextFocusValue, setNextFocusValue] = useState<number | null>(null);\n\n  const hasSearch = !!searchElement;\n\n  const lastVirtualItemIndex = items ? items.length - 1 : 0;\n\n  const rowVirtualizer = useVirtual({\n    size: items !== null ? items.length : 0,\n    parentRef,\n    estimateSize: useCallback(() => itemHeight, [itemHeight]),\n    overscan,\n  });\n\n  const focusSearchBar = useCallback(() => {\n    rowVirtualizer.scrollToIndex(0);\n    searchRef.current?.focus?.();\n  }, [rowVirtualizer]);\n\n  /**\n   * Scrolls to the menu item with the index provided and\n   * then manually focuses it using a side effect in useEffect\n   */\n  const focusMenuItem = useCallback(\n    (index: number) => {\n      rowVirtualizer.scrollToIndex(index);\n      setNextFocusValue(index);\n    },\n    [rowVirtualizer]\n  );\n\n  const handleKeyboardFocusInteraction = useCallback(\n    (direction: 'next' | 'previous') => {\n      if (focusedItemIndex.current === null || focusedItemIndex.current === undefined) {\n        return;\n      }\n      const nextIndex =\n        direction === 'next' ? focusedItemIndex.current + 1 : focusedItemIndex.current - 1;\n      const shouldWrap =\n        (direction === 'next' && focusedItemIndex.current === lastVirtualItemIndex) ||\n        (direction === 'previous' && focusedItemIndex.current === 0);\n      if (shouldWrap) {\n        // we are at the end of the list so we will\n        // scroll back to the beginning of the list\n        if (hasSearch) {\n          focusSearchBar();\n        } else {\n          // if at end, wrap to beginning, else focus last item\n          focusMenuItem(direction === 'next' ? 0 : lastVirtualItemIndex);\n        }\n        return;\n      }\n      switch (direction) {\n        case 'next':\n          rowVirtualizer.scrollToIndex(nextIndex);\n          focusManager.focusNext();\n          break;\n        case 'previous':\n          rowVirtualizer.scrollToIndex(nextIndex);\n          focusManager.focusPrevious();\n          break;\n        default:\n          break;\n      }\n    },\n    [focusManager, focusMenuItem, focusSearchBar, hasSearch, lastVirtualItemIndex, rowVirtualizer]\n  );\n\n  const getItemProps = useCallback(\n    (itemElem: ReactElement, index: number) => {\n      const childProps = itemElem.props as MenuItemProps<T>;\n      switch (itemElem.type) {\n        case MenuItem:\n        case MenuItemLink:\n          return {\n            className: cx(childProps.className, menuItemClassName),\n            // set focus on the first menu item if there is no search input, and set in the tab order\n            onKeyDown: childProps.disabled\n              ? () => undefined\n              : (e: KeyboardEvent) =>\n                  handleKeyboardFocusKeydown(e, {\n                    handleFocusBackward: handleKeyboardFocusInteraction,\n                    handleFocusForward: handleKeyboardFocusInteraction,\n                  }),\n            onFocus: chainEventHandlers(childProps.onFocus, () => {\n              focusedItemIndex.current = index;\n            }),\n            id: createItemId(index, menuId.current),\n            onBlur: chainEventHandlers(childProps.onBlur, () => {\n              focusedItemIndex.current = null;\n            }),\n            onClick: childProps.disabled\n              ? () => undefined\n              : chainEventHandlers(childProps.onClick, () => {\n                  onSelect?.(childProps.item as T);\n                }),\n          } as MenuItemProps<T>;\n        default:\n          return {};\n      }\n    },\n    [handleKeyboardFocusInteraction, menuItemClassName, onSelect]\n  );\n\n  useEffect(() => {\n    if (nextFocusValue !== null) {\n      requestAnimationFrame(() => {\n        const element = getNodeForIndex(nextFocusValue, menuId.current);\n        element?.focus();\n      });\n      setNextFocusValue(null);\n    }\n  }, [nextFocusValue]);\n\n  /**\n   * Calls handleFocusForward when the user is attempting to focus forward using\n   * tab or arrow keys. Calls handleFocusBackward when the users wants to move backward.\n   */\n  const handleKeyboardFocusKeydown = (\n    e: KeyboardEvent,\n    callbacks: Record<\n      'handleFocusForward' | 'handleFocusBackward',\n      (direction: 'next' | 'previous') => void\n    >\n  ) => {\n    const keyOps = ['Tab', 'ArrowUp', 'ArrowDown'];\n    if (keyOps.includes(e.key)) {\n      e.preventDefault();\n      e.stopPropagation();\n      if ((e.key === 'Tab' && e.shiftKey) || e.key === 'ArrowUp') {\n        callbacks.handleFocusBackward?.('previous');\n      } else if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        callbacks.handleFocusForward?.('next');\n      }\n    }\n  };\n\n  const renderSearch = useMemo(\n    () =>\n      searchElement\n        ? cloneElement(searchElement, {\n            onKeyDown: (e: KeyboardEvent) =>\n              handleKeyboardFocusKeydown(e, {\n                handleFocusBackward: () => focusMenuItem(lastVirtualItemIndex),\n                handleFocusForward: () => focusMenuItem(0),\n              }),\n            ref: searchRef,\n          })\n        : null,\n    [searchElement, lastVirtualItemIndex, focusMenuItem]\n  );\n\n  const renderItems = useMemo(\n    () =>\n      rowVirtualizer.virtualItems.map((virtualRow) => {\n        if (!items) {\n          return null;\n        }\n        const elem = items[virtualRow.index];\n        return (\n          <div\n            key={virtualRow.index}\n            ref={\n              elem.type !== MenuItem || elem.type !== MenuItemLink\n                ? virtualRow.measureRef\n                : undefined\n            }\n            role=\"presentation\"\n            className={cx('VirtualMenu-item')}\n            style={{\n              transform: `translateY(${virtualRow.start}px)`,\n            }}\n          >\n            {cloneElement(elem, getItemProps(elem, virtualRow.index))}\n          </div>\n        );\n      }),\n    [rowVirtualizer.virtualItems, items, getItemProps]\n  );\n\n  return (\n    <>\n      {renderSearch}\n      <MenuItemList ref={parentRef} role=\"presentation\">\n        <div\n          role=\"presentation\"\n          className=\"VirtualMenu-item-list\"\n          style={{\n            height: `${rowVirtualizer.totalSize}px`,\n          }}\n        >\n          {renderItems}\n        </div>\n      </MenuItemList>\n    </>\n  );\n};\n\nexport { Menu, ItemVirtualizer };\nexport type { MenuProps, ItemVirtualizerProps };\n"],"names":["MenuBase","forwardRef","children","size","isVirtual","props","ref","classes","cx","role","className","displayName","MenuDivider","elementType","orientation","innerRef","testId","separatorProps","useSeparator","defaultElement","MenuItem","component","isHighlighted","icon","Icon","nested","groupHeader","item","disabled","tooltip","tooltipPlacement","onKeyDown","tooltipOptions","asChild","rest","Component","Slot","renderedItem","FocusRing","focusRingClass","undefined","_jsxs","_Fragment","_jsx","Tooltip","content","rootElementStyle","display","allowBoundaryElementOverflow","placement","MenuItemLink","to","useHistory","newTab","finalProps","Link","rel","target","MenuItemList","MenuSearch","ariaLabel","placeholder","TextField","tiny","type","autoComplete","Menu","menuItemClassName","onSelect","enableVirtualization","itemHeight","overscan","focusManager","useFocusManager","handleArrowDown","useCallback","focusNext","wrap","handleArrowUp","focusPrevious","reduceItems","useMemo","childrenProps","Children","toArray","searchElem","elements","forEach","child","concat","items","searchElement","reduce","cloneElement","e","handleKeyboardInteractions","handleDown","handleUp","onClick","tabIndex","length","chainEventHandlers","ItemVirtualizer","menuId","useRef","useId","focusedItemIndex","parentRef","searchRef","nextFocusValue","setNextFocusValue","useState","hasSearch","lastVirtualItemIndex","rowVirtualizer","useVirtual","estimateSize","focusSearchBar","scrollToIndex","current","focus","focusMenuItem","index","handleKeyboardFocusInteraction","direction","nextIndex","shouldWrap","getItemProps","itemElem","childProps","handleKeyboardFocusKeydown","handleFocusBackward","handleFocusForward","onFocus","id","createItemId","onBlur","useEffect","requestAnimationFrame","element","getNodeForIndex","callbacks","keyOps","includes","key","preventDefault","stopPropagation","shiftKey","renderSearch","renderItems","virtualItems","map","virtualRow","elem","measureRef","style","transform","start","height","totalSize"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/MenuBase.tsx","../src/MenuDivider.tsx","../src/MenuItem.tsx","../src/MenuItemList.tsx","../src/MenuSearch.tsx","../src/utils.ts","../src/Menu.tsx"],"sourcesContent":["import type { MenuProps } from './Menu';\nimport type { ComponentPropsWithRef } from 'react';\n\nimport { cx } from 'classix';\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuBaseProps = ComponentPropsWithRef<'div'> & {\n  isVirtual?: boolean;\n  size?: MenuProps<string>['size'];\n};\n\nconst MenuBase = forwardRef<HTMLDivElement, MenuBaseProps>(\n  ({ children, size, isVirtual, ...props }, ref) => {\n    const classes = cx('Menu', isVirtual && 'Menu--isVirtual', size && `MenuSize--${size}`);\n\n    return (\n      <div {...props} role=\"menu\" className={classes} ref={ref}>\n        {children}\n      </div>\n    );\n  }\n);\n\nMenuBase.displayName = 'MenuBase';\n\nexport { MenuBase };\nexport type { MenuBaseProps };\n","import type { SeparatorProps } from '@react-aria/separator';\nimport type { RefObject } from 'react';\n\nimport { useSeparator } from '@react-aria/separator';\n\nimport './styles/Menu.css';\n\ntype MenuDividerProps = SeparatorProps & {\n  innerRef?: RefObject<HTMLDivElement>;\n  'data-test-id'?: string;\n};\n\nconst MenuDivider = ({\n  elementType = 'div',\n  orientation,\n  innerRef,\n  'data-test-id': testId = 'menu-divider',\n}: MenuDividerProps) => {\n  const { separatorProps } = useSeparator({\n    orientation,\n    elementType,\n  });\n\n  return <div {...separatorProps} data-test-id={testId} ref={innerRef} className=\"Menu-divider\" />;\n};\n\nexport { MenuDivider };\nexport type { MenuDividerProps };\n","import type { Icon } from '@launchpad-ui/icons';\nimport type { PopoverPlacement } from '@launchpad-ui/popover';\nimport type { ComponentPropsWithRef, ElementType, PropsWithRef, ReactElement } from 'react';\n\nimport { Tooltip } from '@launchpad-ui/tooltip';\nimport { Slot } from '@radix-ui/react-slot';\nimport { FocusRing } from '@react-aria/focus';\nimport { cx } from 'classix';\nimport { Link } from 'react-router-dom';\n\nimport './styles/Menu.css';\n\n// Merge two types and get rid of overlapping definitions\ntype Merge<T, U> = Omit<T, keyof U> & U;\n\ntype PropsWithComponent<P, T extends ElementType> = P & { component?: T };\n\ntype PolymorphicPropsWithRef<P, T extends ElementType> = Merge<\n  T extends keyof JSX.IntrinsicElements\n    ? PropsWithRef<JSX.IntrinsicElements[T]>\n    : ComponentPropsWithRef<T>,\n  PropsWithComponent<P, T>\n>;\n\ntype MenuItemOwnProps = {\n  isHighlighted?: boolean;\n  icon?: typeof Icon | null;\n  disabled?: boolean;\n  nested?: boolean;\n  groupHeader?: boolean;\n  tooltip?: string | ReactElement;\n  tooltipOptions?: typeof Tooltip;\n  tooltipPlacement?: PopoverPlacement;\n  asChild?: boolean;\n  'data-test-id'?: string;\n};\n\nconst defaultElement = 'button';\n\ntype MenuItemProps<P, T extends ElementType = typeof defaultElement> = PolymorphicPropsWithRef<\n  | (MenuItemOwnProps & {\n      item: P; // Infer the type if it is included\n    })\n  | (MenuItemOwnProps & {\n      item?: undefined;\n    }),\n  T\n>;\n\nconst MenuItem = <P, T extends ElementType = typeof defaultElement>({\n  ...props\n}: MenuItemProps<P, T>) => {\n  const {\n    // TODO: remove component prop once we migrate over to asChild format\n    component,\n    children,\n    isHighlighted,\n    icon: Icon,\n    nested,\n    groupHeader,\n    item,\n    disabled,\n    className,\n    tooltip,\n    role = 'menuitem',\n    tooltipPlacement,\n    onKeyDown,\n    tooltipOptions,\n    asChild,\n    'data-test-id': testId = 'menu-item',\n    ...rest\n  } = props;\n\n  const Component: ElementType = component || (asChild ? Slot : defaultElement);\n\n  const renderedItem = (\n    <FocusRing focusRingClass=\"has-focus\">\n      <Component\n        {...rest}\n        disabled={disabled}\n        aria-disabled={disabled ? disabled : undefined}\n        className={cx(\n          'Menu-item',\n          className,\n          isHighlighted && 'is-highlighted',\n          nested && 'Menu-item--nested',\n          groupHeader && 'Menu-item--header'\n        )}\n        data-test-id={testId}\n        role={role}\n        onKeyDown={onKeyDown}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {Icon && (\n              <span className=\"Menu-item-icon\">\n                <Icon size=\"small\" />\n              </span>\n            )}\n            {children}\n          </>\n        )}\n      </Component>\n    </FocusRing>\n  );\n\n  if (tooltip) {\n    return (\n      <Tooltip\n        content={tooltip}\n        rootElementStyle={{ display: 'block' }}\n        allowBoundaryElementOverflow\n        placement={tooltipPlacement ? tooltipPlacement : 'bottom'}\n        {...(tooltipOptions || {})}\n      >\n        {renderedItem}\n      </Tooltip>\n    );\n  }\n\n  return renderedItem;\n};\n\ntype MenuItemLinkOwnProps = {\n  disabled?: boolean;\n  useHistory?: boolean;\n  newTab?: boolean;\n};\n\ntype MenuItemLinkProps<P, T extends ElementType = typeof Link> =\n  | Merge<Omit<MenuItemProps<P, T>, 'component' | 'item'>, MenuItemLinkOwnProps> &\n      (\n        | {\n            item?: undefined;\n          }\n        | {\n            item: P;\n          }\n      );\n\n// By default, this is a Link component whenever useHistory is\n// explicitly not false\n// TODO: deprecate this component\nconst MenuItemLink = <P, T extends ElementType = typeof Link>({\n  to,\n  disabled = false,\n  useHistory = true,\n  newTab = false,\n  children,\n  ...props\n}: MenuItemLinkProps<P, T>) => {\n  const finalProps = {\n    ...props,\n    disabled,\n    component: useHistory ? Link : ('a' as const),\n    [useHistory ? 'to' : 'href']: disabled ? '' : to,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n  };\n\n  // Ideally if this item is disabled, it should be a button rather\n  // than a link https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md\n\n  return <MenuItem {...finalProps}>{children}</MenuItem>;\n};\n\nexport { MenuItem, MenuItemLink };\nexport type { MenuItemProps, MenuItemLinkProps };\n","import type { ComponentPropsWithRef } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuItemListProps = Omit<ComponentPropsWithRef<'div'>, 'className'>;\n\nconst MenuItemList = forwardRef<HTMLDivElement, MenuItemListProps>(({ children, ...rest }, ref) => (\n  <div {...rest} ref={ref} data-test-id=\"menu-item-list\" className=\"Menu-item-list\">\n    {children}\n  </div>\n));\n\nMenuItemList.displayName = 'MenuItemList';\n\nexport { MenuItemList };\nexport type { MenuItemListProps };\n","import type { ChangeEvent } from 'react';\n\nimport { TextField } from '@launchpad-ui/form';\nimport { forwardRef } from 'react';\n\nimport './styles/Menu.css';\n\ntype MenuSearchProps = {\n  ariaLabel?: string;\n  value?: string;\n  id?: string;\n  placeholder?: string;\n  onChange?(event: ChangeEvent<HTMLInputElement>): void;\n  'data-test-id'?: string;\n};\n\nconst MenuSearch = forwardRef<HTMLInputElement, MenuSearchProps>((props, ref) => {\n  const {\n    ariaLabel,\n    placeholder,\n    id,\n    'data-test-id': testId = 'menu-search',\n    ...finalProps\n  } = props;\n\n  return (\n    <div className=\"Menu-search\">\n      <TextField\n        {...finalProps}\n        ref={ref}\n        className=\"Menu-search-input\"\n        tiny\n        id={id}\n        type=\"search\"\n        data-test-id={testId}\n        autoComplete=\"off\"\n        placeholder={placeholder}\n        aria-label={ariaLabel || 'Search'}\n      />\n    </div>\n  );\n});\n\nMenuSearch.displayName = 'MenuSearch';\n\nexport { MenuSearch };\nexport type { MenuSearchProps };\n","import type { EventHandler, KeyboardEvent, SyntheticEvent } from 'react';\n\nconst createItemId = (index: number, id: string) => `${id}-item-${index}`;\n\nconst getNodeForIndex = (index: number | null, menuId: string) =>\n  index === null ? index : document.getElementById(createItemId(index, menuId));\n\nconst handleKeyboardInteractions = (\n  event: KeyboardEvent,\n  keyHandlers: Partial<\n    Record<'handleUp' | 'handleDown' | 'handleEnter', (e: KeyboardEvent) => void>\n  >\n) => {\n  const ops = {\n    ArrowUp: keyHandlers.handleUp,\n    ArrowDown: keyHandlers.handleDown,\n    Enter: keyHandlers.handleEnter,\n  } as Record<string, (e: KeyboardEvent) => void | undefined>;\n\n  if (ops[event.key]) {\n    event.preventDefault();\n    ops[event.key]?.call(globalThis, event);\n  }\n};\n\nconst chainEventHandlers =\n  (...handlers: Array<EventHandler<SyntheticEvent> | undefined>) =>\n  (event: SyntheticEvent) => {\n    handlers.forEach((h) => typeof h === 'function' && h(event));\n  };\n\nexport { createItemId, getNodeForIndex, handleKeyboardInteractions, chainEventHandlers };\n","import type { MenuItemProps } from './MenuItem';\nimport type { FocusManager } from '@react-aria/focus';\nimport type { KeyboardEvent, ReactElement, ReactNode } from 'react';\n\nimport { useFocusManager } from '@react-aria/focus';\nimport { cx } from 'classix';\nimport {\n  Children,\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useVirtual } from 'react-virtual';\n\nimport { MenuBase } from './MenuBase';\nimport { MenuDivider } from './MenuDivider';\nimport { MenuItem, MenuItemLink } from './MenuItem';\nimport { MenuItemList } from './MenuItemList';\nimport { MenuSearch } from './MenuSearch';\nimport {\n  chainEventHandlers,\n  createItemId,\n  getNodeForIndex,\n  handleKeyboardInteractions,\n} from './utils';\n\ntype ControlledMenuProps<T> = {\n  children: ReactNode;\n  onSelect?: (item: T) => void;\n  /**\n   * Menus items are rendered using react-virtual for\n   * additional rendering performance.\n   */\n  enableVirtualization?: boolean;\n  /**\n   * Class name to be applied to all MenuItem and MenuItemLink components\n   * in the menu.\n   */\n  menuItemClassName?: string;\n  /**\n   * Sets the width of the menu. This is especially useful when using virtual items\n   * since the width cannot be automatically set by the widest element.\n   */\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  /**\n   * Sets the number out of elements rendered outside of the view window\n   * when using virtualization\n   */\n  overscan?: number;\n  /**\n   * Sets the height for each menu item when using virtualization.\n   *\n   */\n  itemHeight?: number;\n  'data-test-id'?: string;\n};\n\ntype MenuProps<T extends number | string> = ControlledMenuProps<T>;\n\nconst Menu = <T extends number | string>(props: MenuProps<T>) => {\n  const {\n    children,\n    menuItemClassName,\n    onSelect,\n    enableVirtualization,\n    itemHeight,\n    size,\n    overscan = 1,\n    'data-test-id': testId = 'menu',\n  } = props;\n\n  const focusManager = useFocusManager();\n\n  const handleArrowDown = useCallback(() => {\n    focusManager.focusNext({ wrap: true });\n  }, [focusManager]);\n\n  const handleArrowUp = useCallback(() => {\n    focusManager.focusPrevious({ wrap: true });\n  }, [focusManager]);\n\n  const reduceItems = useMemo(() => {\n    const childrenProps = Children.toArray(children);\n    if (enableVirtualization) {\n      // the virtualized menu has its own handlers and props\n      let searchElem = null;\n      let elements: ReactElement[] = [];\n      (childrenProps as ReactElement[]).forEach((child: ReactElement) => {\n        switch (child.type) {\n          case MenuSearch:\n            searchElem = child;\n            break;\n          case MenuItem:\n          case MenuItemLink:\n          case MenuDivider:\n            elements = elements.concat(child);\n            break;\n          default:\n            break;\n        }\n      });\n      return { items: elements, searchElement: searchElem };\n    }\n\n    return (childrenProps as ReactElement[]).reduce(\n      (\n        { items, searchElement }: { items: ReactElement[]; searchElement: null | ReactElement },\n        child\n      ) => {\n        switch (child.type) {\n          case MenuSearch:\n            return {\n              items,\n              searchElement: cloneElement(child, {\n                onKeyDown: (e: KeyboardEvent) =>\n                  handleKeyboardInteractions(e, {\n                    handleDown: handleArrowDown,\n                    handleUp: handleArrowUp,\n                  }),\n              }),\n            };\n          case MenuItem:\n          case MenuItemLink:\n            return {\n              items: items.concat(\n                child.props.disabled\n                  ? cloneElement(child, {\n                      onClick: () => undefined,\n                      onKeyDown: () => undefined,\n                      tabIndex: -1,\n                      disabled: true,\n                    })\n                  : cloneElement(child, {\n                      className: cx(child.props.className, menuItemClassName),\n                      item: child.props.item ?? items.length,\n                      // set focus on the first menu item if there is no search input, and set in the tab order\n                      onClick: chainEventHandlers(child.props.onClick, () => {\n                        onSelect?.(child.props.item ?? items.length);\n                      }),\n                      onKeyDown: (e: KeyboardEvent) =>\n                        handleKeyboardInteractions(e, {\n                          handleDown: handleArrowDown,\n                          handleUp: handleArrowUp,\n                        }),\n                    })\n              ),\n              searchElement,\n            };\n          case MenuDivider:\n            return { items: items.concat(child), searchElement };\n          default:\n            return { items, searchElement };\n        }\n      },\n      { items: [], searchElement: null }\n    );\n  }, [children, enableVirtualization, menuItemClassName, handleArrowDown, handleArrowUp, onSelect]);\n\n  if (enableVirtualization) {\n    return (\n      <MenuBase data-test-id={testId} isVirtual size={size}>\n        <ItemVirtualizer<T>\n          items={Children.toArray(reduceItems.items) as ReactElement[]}\n          searchElement={reduceItems.searchElement}\n          overscan={overscan}\n          menuItemClassName={menuItemClassName}\n          onSelect={onSelect}\n          itemHeight={itemHeight}\n          focusManager={focusManager}\n        />\n      </MenuBase>\n    );\n  }\n\n  return (\n    <MenuBase data-test-id={testId} size={size}>\n      {reduceItems.searchElement}\n      <MenuItemList role=\"presentation\">{reduceItems.items}</MenuItemList>\n    </MenuBase>\n  );\n};\n\ntype ItemVirtualizerProps<T> = Omit<ControlledMenuProps<T>, 'children'> & {\n  items: ReactElement[] | null;\n  searchElement?: ReactElement | null;\n  focusManager: FocusManager;\n};\n\nconst ItemVirtualizer = <T extends number | string>(props: ItemVirtualizerProps<T>) => {\n  const {\n    overscan,\n    searchElement,\n    itemHeight = 33,\n    menuItemClassName,\n    items: items,\n    focusManager,\n    onSelect,\n  } = props;\n\n  const menuId = useRef(`menu-ctrl-${useId()}`);\n\n  const focusedItemIndex = useRef<number | null>(null);\n  const parentRef = useRef<HTMLDivElement | null>(null);\n  const searchRef = useRef<HTMLInputElement>();\n\n  const [nextFocusValue, setNextFocusValue] = useState<number | null>(null);\n\n  const hasSearch = !!searchElement;\n\n  const lastVirtualItemIndex = items ? items.length - 1 : 0;\n\n  const rowVirtualizer = useVirtual({\n    size: items !== null ? items.length : 0,\n    parentRef,\n    estimateSize: useCallback(() => itemHeight, [itemHeight]),\n    overscan,\n  });\n\n  const focusSearchBar = useCallback(() => {\n    rowVirtualizer.scrollToIndex(0);\n    searchRef.current?.focus?.();\n  }, [rowVirtualizer]);\n\n  /**\n   * Scrolls to the menu item with the index provided and\n   * then manually focuses it using a side effect in useEffect\n   */\n  const focusMenuItem = useCallback(\n    (index: number) => {\n      rowVirtualizer.scrollToIndex(index);\n      setNextFocusValue(index);\n    },\n    [rowVirtualizer]\n  );\n\n  const handleKeyboardFocusInteraction = useCallback(\n    (direction: 'next' | 'previous') => {\n      if (focusedItemIndex.current === null || focusedItemIndex.current === undefined) {\n        return;\n      }\n      const nextIndex =\n        direction === 'next' ? focusedItemIndex.current + 1 : focusedItemIndex.current - 1;\n      const shouldWrap =\n        (direction === 'next' && focusedItemIndex.current === lastVirtualItemIndex) ||\n        (direction === 'previous' && focusedItemIndex.current === 0);\n      if (shouldWrap) {\n        // we are at the end of the list so we will\n        // scroll back to the beginning of the list\n        if (hasSearch) {\n          focusSearchBar();\n        } else {\n          // if at end, wrap to beginning, else focus last item\n          focusMenuItem(direction === 'next' ? 0 : lastVirtualItemIndex);\n        }\n        return;\n      }\n      switch (direction) {\n        case 'next':\n          rowVirtualizer.scrollToIndex(nextIndex);\n          focusManager.focusNext();\n          break;\n        case 'previous':\n          rowVirtualizer.scrollToIndex(nextIndex);\n          focusManager.focusPrevious();\n          break;\n        default:\n          break;\n      }\n    },\n    [focusManager, focusMenuItem, focusSearchBar, hasSearch, lastVirtualItemIndex, rowVirtualizer]\n  );\n\n  const getItemProps = useCallback(\n    (itemElem: ReactElement, index: number) => {\n      const childProps = itemElem.props as MenuItemProps<T>;\n      switch (itemElem.type) {\n        case MenuItem:\n        case MenuItemLink:\n          return {\n            className: cx(childProps.className, menuItemClassName),\n            // set focus on the first menu item if there is no search input, and set in the tab order\n            onKeyDown: childProps.disabled\n              ? () => undefined\n              : (e: KeyboardEvent) =>\n                  handleKeyboardFocusKeydown(e, {\n                    handleFocusBackward: handleKeyboardFocusInteraction,\n                    handleFocusForward: handleKeyboardFocusInteraction,\n                  }),\n            onFocus: chainEventHandlers(childProps.onFocus, () => {\n              focusedItemIndex.current = index;\n            }),\n            id: createItemId(index, menuId.current),\n            onBlur: chainEventHandlers(childProps.onBlur, () => {\n              focusedItemIndex.current = null;\n            }),\n            onClick: childProps.disabled\n              ? () => undefined\n              : chainEventHandlers(childProps.onClick, () => {\n                  onSelect?.(childProps.item as T);\n                }),\n          } as MenuItemProps<T>;\n        default:\n          return {};\n      }\n    },\n    [handleKeyboardFocusInteraction, menuItemClassName, onSelect]\n  );\n\n  useEffect(() => {\n    if (nextFocusValue !== null) {\n      requestAnimationFrame(() => {\n        const element = getNodeForIndex(nextFocusValue, menuId.current);\n        element?.focus();\n      });\n      setNextFocusValue(null);\n    }\n  }, [nextFocusValue]);\n\n  /**\n   * Calls handleFocusForward when the user is attempting to focus forward using\n   * tab or arrow keys. Calls handleFocusBackward when the users wants to move backward.\n   */\n  const handleKeyboardFocusKeydown = (\n    e: KeyboardEvent,\n    callbacks: Record<\n      'handleFocusForward' | 'handleFocusBackward',\n      (direction: 'next' | 'previous') => void\n    >\n  ) => {\n    const keyOps = ['Tab', 'ArrowUp', 'ArrowDown'];\n    if (keyOps.includes(e.key)) {\n      e.preventDefault();\n      e.stopPropagation();\n      if ((e.key === 'Tab' && e.shiftKey) || e.key === 'ArrowUp') {\n        callbacks.handleFocusBackward?.('previous');\n      } else if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        callbacks.handleFocusForward?.('next');\n      }\n    }\n  };\n\n  const renderSearch = useMemo(\n    () =>\n      searchElement\n        ? cloneElement(searchElement, {\n            onKeyDown: (e: KeyboardEvent) =>\n              handleKeyboardFocusKeydown(e, {\n                handleFocusBackward: () => focusMenuItem(lastVirtualItemIndex),\n                handleFocusForward: () => focusMenuItem(0),\n              }),\n            ref: searchRef,\n          })\n        : null,\n    [searchElement, lastVirtualItemIndex, focusMenuItem]\n  );\n\n  const renderItems = useMemo(\n    () =>\n      rowVirtualizer.virtualItems.map((virtualRow) => {\n        if (!items) {\n          return null;\n        }\n        const elem = items[virtualRow.index];\n        return (\n          <div\n            key={virtualRow.index}\n            ref={\n              elem.type !== MenuItem || elem.type !== MenuItemLink\n                ? virtualRow.measureRef\n                : undefined\n            }\n            role=\"presentation\"\n            className={cx('VirtualMenu-item')}\n            style={{\n              transform: `translateY(${virtualRow.start}px)`,\n            }}\n          >\n            {cloneElement(elem, getItemProps(elem, virtualRow.index))}\n          </div>\n        );\n      }),\n    [rowVirtualizer.virtualItems, items, getItemProps]\n  );\n\n  return (\n    <>\n      {renderSearch}\n      <MenuItemList ref={parentRef} role=\"presentation\">\n        <div\n          role=\"presentation\"\n          className=\"VirtualMenu-item-list\"\n          style={{\n            height: `${rowVirtualizer.totalSize}px`,\n          }}\n        >\n          {renderItems}\n        </div>\n      </MenuItemList>\n    </>\n  );\n};\n\nexport { Menu, ItemVirtualizer };\nexport type { MenuProps, ItemVirtualizerProps };\n"],"names":["MenuBase","forwardRef","children","size","isVirtual","props","ref","classes","cx","role","className","displayName","MenuDivider","elementType","orientation","innerRef","testId","separatorProps","useSeparator","defaultElement","MenuItem","component","isHighlighted","icon","Icon","nested","groupHeader","item","disabled","tooltip","tooltipPlacement","onKeyDown","tooltipOptions","asChild","rest","Component","Slot","renderedItem","FocusRing","focusRingClass","undefined","_jsxs","_Fragment","_jsx","Tooltip","content","rootElementStyle","display","allowBoundaryElementOverflow","placement","MenuItemLink","to","useHistory","newTab","finalProps","Link","rel","target","MenuItemList","MenuSearch","ariaLabel","placeholder","id","TextField","tiny","type","autoComplete","Menu","menuItemClassName","onSelect","enableVirtualization","itemHeight","overscan","focusManager","useFocusManager","handleArrowDown","useCallback","focusNext","wrap","handleArrowUp","focusPrevious","reduceItems","useMemo","childrenProps","Children","toArray","searchElem","elements","forEach","child","concat","items","searchElement","reduce","cloneElement","e","handleKeyboardInteractions","handleDown","handleUp","onClick","tabIndex","length","chainEventHandlers","ItemVirtualizer","menuId","useRef","useId","focusedItemIndex","parentRef","searchRef","nextFocusValue","setNextFocusValue","useState","hasSearch","lastVirtualItemIndex","rowVirtualizer","useVirtual","estimateSize","focusSearchBar","scrollToIndex","current","focus","focusMenuItem","index","handleKeyboardFocusInteraction","direction","nextIndex","shouldWrap","getItemProps","itemElem","childProps","handleKeyboardFocusKeydown","handleFocusBackward","handleFocusForward","onFocus","createItemId","onBlur","useEffect","requestAnimationFrame","element","getNodeForIndex","callbacks","keyOps","includes","key","preventDefault","stopPropagation","shiftKey","renderSearch","renderItems","virtualItems","map","virtualRow","elem","measureRef","style","transform","start","height","totalSize"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/menu",
-  "version": "0.8.9",
+  "version": "0.8.11",
   "status": "beta",
   "publishConfig": {
     "access": "public"
@@ -32,8 +32,8 @@
     "classix": "2.1.17",
     "react-router-dom": "6.9.0",
     "react-virtual": "2.10.4",
-    "@launchpad-ui/form": "~0.8.11",
-    "@launchpad-ui/icons": "~0.8.5",
+    "@launchpad-ui/form": "~0.8.12",
+    "@launchpad-ui/icons": "~0.8.6",
     "@launchpad-ui/popover": "~0.10.1",
     "@launchpad-ui/tokens": "~0.5.6",
     "@launchpad-ui/tooltip": "~0.7.11"