@launchpad-ui/menu 0.5.7 → 0.6.1

package/dist/Menu.d.ts

@@ -1,4 +1,3 @@
-import type { MenuSize } from './types';
 import type { FocusManager } from '@react-aria/focus';
 import type { ReactElement, ReactNode } from 'react';
 declare type ControlledMenuProps<T> = {
@@ -18,7 +17,7 @@ declare type ControlledMenuProps<T> = {
      * Sets the width of the menu. This is especially useful when using virtual items
      * since the width cannot be automatically set by the widest element.
      */
-    size?: MenuSize;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
     /**
      * Sets the number out of elements rendered outside of the view window
      * when using virtualization
@@ -29,6 +28,7 @@ declare type ControlledMenuProps<T> = {
      *
      */
     itemHeight?: number;
+    'data-test-id'?: string;
 };
 declare type MenuProps<T extends number | string> = ControlledMenuProps<T>;
 declare const Menu: <T extends string | number>(props: MenuProps<T>) => JSX.Element;

package/dist/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA4BpE,aAAK,mBAAmB,CAAC,CAAC,IAAI;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,aAAK,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAEnE,QAAA,MAAM,IAAI,iEAwHT,CAAC;AAEF,aAAK,oBAAoB,CAAC,CAAC,IAAI,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG;IACxE,KAAK,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,eAAe,4EAoNpB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA4BpE,aAAK,mBAAmB,CAAC,CAAC,IAAI;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,aAAK,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAEnE,QAAA,MAAM,IAAI,iEAyHT,CAAC;AAEF,aAAK,oBAAoB,CAAC,CAAC,IAAI,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG;IACxE,KAAK,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,eAAe,4EAoNpB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/MenuBase.d.ts

@@ -1,9 +1,9 @@
-import type { MenuSize } from './types';
+import type { MenuProps } from './Menu';
 import type { ComponentPropsWithRef } from 'react';
 import './styles/Menu.css';
 declare type MenuBaseProps = ComponentPropsWithRef<'div'> & {
     isVirtual?: boolean;
-    size?: MenuSize;
+    size?: MenuProps<string>['size'];
 };
 declare const MenuBase: import("react").ForwardRefExoticComponent<Pick<MenuBaseProps, "key" | "size" | keyof import("react").HTMLAttributes<HTMLDivElement> | "isVirtual"> & import("react").RefAttributes<HTMLDivElement>>;
 export { MenuBase };

package/dist/MenuBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBase.d.ts","sourceRoot":"","sources":["../src/MenuBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAKnD,OAAO,mBAAmB,CAAC;AAE3B,aAAK,aAAa,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,QAAQ,qMAUb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"MenuBase.d.ts","sourceRoot":"","sources":["../src/MenuBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAKnD,OAAO,mBAAmB,CAAC;AAE3B,aAAK,aAAa,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,QAAQ,qMAUb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/MenuDivider.d.ts

@@ -3,8 +3,9 @@ import type { RefObject } from 'react';
 import './styles/Menu.css';
 declare type MenuDividerProps = SeparatorProps & {
     innerRef?: RefObject<HTMLDivElement>;
+    'data-test-id'?: string;
 };
-declare const MenuDivider: ({ elementType, orientation, innerRef }: MenuDividerProps) => JSX.Element;
+declare const MenuDivider: ({ elementType, orientation, innerRef, "data-test-id": testId, }: MenuDividerProps) => JSX.Element;
 export { MenuDivider };
 export type { MenuDividerProps };
 //# sourceMappingURL=MenuDivider.d.ts.map

package/dist/MenuDivider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../src/MenuDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,mBAAmB,CAAC;AAE3B,aAAK,gBAAgB,GAAG,cAAc,GAAG;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,WAAW,2CAAoD,gBAAgB,gBAOpF,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../src/MenuDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,mBAAmB,CAAC;AAE3B,aAAK,gBAAgB,GAAG,cAAc,GAAG;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,WAAW,oEAKd,gBAAgB,gBAOlB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/MenuItem.d.ts

@@ -19,6 +19,7 @@ declare type MenuItemOwnProps = {
     tooltipOptions?: typeof Tooltip;
     tooltipPlacement?: PopoverPlacement;
     asChild?: boolean;
+    'data-test-id'?: string;
 };
 declare const defaultElement = "button";
 declare type MenuItemProps<P, T extends ElementType = typeof defaultElement> = PolymorphicPropsWithRef<(MenuItemOwnProps & {

package/dist/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../src/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG5F,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAIhD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,mBAAmB,CAAC;AAG3B,aAAK,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAExC,aAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC;AAE1E,aAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,KAAK,CAC5D,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACjC,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,GACtC,qBAAqB,CAAC,CAAC,CAAC,EAC5B,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CACzB,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,cAAc,WAAW,CAAC;AAEhC,aAAK,aAAa,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,GAAG,OAAO,cAAc,IAAI,uBAAuB,CAC1F,CAAC,gBAAgB,GAAG;IAClB,IAAI,EAAE,CAAC,CAAC;CACT,CAAC,GACF,CAAC,gBAAgB,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC,EACJ,CAAC,CACF,CAAC;AAEF,QAAA,MAAM,QAAQ,8FAwEb,CAAC;AAEF,aAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,aAAK,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,GAAG,OAAO,IAAI,IACzD,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC,EAAE,oBAAoB,CAAC,GAC1E,CACI;IACE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,GACD;IACE,IAAI,EAAE,CAAC,CAAC;CACT,CACJ,CAAC;AAKR,QAAA,MAAM,YAAY;WAVC,SAAS;;;kBA+B3B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AAClC,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../src/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAIhD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,mBAAmB,CAAC;AAG3B,aAAK,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAExC,aAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC;AAE1E,aAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,KAAK,CAC5D,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACjC,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,GACtC,qBAAqB,CAAC,CAAC,CAAC,EAC5B,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CACzB,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,cAAc,WAAW,CAAC;AAEhC,aAAK,aAAa,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,GAAG,OAAO,cAAc,IAAI,uBAAuB,CAC1F,CAAC,gBAAgB,GAAG;IAClB,IAAI,EAAE,CAAC,CAAC;CACT,CAAC,GACF,CAAC,gBAAgB,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC,EACJ,CAAC,CACF,CAAC;AAEF,QAAA,MAAM,QAAQ,8FA0Eb,CAAC;AAEF,aAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,aAAK,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,GAAG,OAAO,IAAI,IACzD,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC,EAAE,oBAAoB,CAAC,GAC1E,CACI;IACE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,GACD;IACE,IAAI,EAAE,CAAC,CAAC;CACT,CACJ,CAAC;AAKR,QAAA,MAAM,YAAY;WAVC,SAAS;;;kBA+B3B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AAClC,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/MenuSearch.d.ts

@@ -5,6 +5,7 @@ declare type MenuSearchProps = {
     value?: string;
     placeholder?: string;
     onChange?(event: ChangeEvent<HTMLInputElement>): void;
+    'data-test-id'?: string;
 };
 declare const MenuSearch: import("react").ForwardRefExoticComponent<MenuSearchProps & import("react").RefAttributes<HTMLInputElement>>;
 export { MenuSearch };

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,aAAK,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;CACvD,CAAC;AAEF,QAAA,MAAM,UAAU,8GAiBd,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,aAAK,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"}

package/dist/index.d.ts

@@ -10,5 +10,4 @@ export { MenuItem, MenuItemLink } from './MenuItem';
 export { MenuItemList } from './MenuItemList';
 export { MenuSearch } from './MenuSearch';
 export { Menu } from './Menu';
-export { MenuSize } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACnE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACnE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/index.es.js

@@ -3,7 +3,6 @@ import { cx } from "classix";
 import { forwardRef, useCallback, useMemo, Children, cloneElement, useRef, useId, useState, useEffect } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useSeparator } from "@react-aria/separator";
-import { IconSize } from "@launchpad-ui/icons";
 import { Tooltip } from "@launchpad-ui/tooltip";
 import { Slot } from "@radix-ui/react-slot";
 import { FocusRing, useFocusManager } from "@react-aria/focus";
@@ -30,7 +29,8 @@ MenuBase.displayName = "MenuBase";
 const MenuDivider = ({
   elementType = "div",
   orientation,
-  innerRef
+  innerRef,
+  "data-test-id": testId = "menu-divider"
 }) => {
   const {
     separatorProps
@@ -40,6 +40,7 @@ const MenuDivider = ({
   });
   return /* @__PURE__ */ jsx("div", {
     ...separatorProps,
+    "data-test-id": testId,
     ref: innerRef,
     className: "Menu-divider"
   });
@@ -64,6 +65,7 @@ const MenuItem = ({
     onKeyDown,
     tooltipOptions,
     asChild,
+    "data-test-id": testId = "menu-item",
     ...rest
   } = props;
   const Component = component || (asChild ? Slot : defaultElement);
@@ -74,13 +76,14 @@ const MenuItem = ({
       disabled,
       "aria-disabled": disabled ? disabled : void 0,
       className: cx("Menu-item", className, isHighlighted && "is-highlighted", nested && "Menu-item--nested", groupHeader && "Menu-item--header"),
+      "data-test-id": testId,
       role,
       onKeyDown,
       children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, {
         children: [Icon && /* @__PURE__ */ jsx("span", {
           className: "Menu-item-icon",
           children: /* @__PURE__ */ jsx(Icon, {
-            size: IconSize.SMALL
+            size: "small"
           })
         }), children]
       })
@@ -136,6 +139,7 @@ const MenuSearch = forwardRef((props, ref) => {
   const {
     ariaLabel,
     placeholder,
+    "data-test-id": testId = "menu-search",
     ...finalProps
   } = props;
   return /* @__PURE__ */ jsx("div", {
@@ -146,6 +150,7 @@ const MenuSearch = forwardRef((props, ref) => {
       className: "Menu-search-input",
       tiny: true,
       type: "search",
+      "data-test-id": testId,
       autoComplete: "off",
       placeholder,
       "aria-label": ariaLabel || "Search"
@@ -178,7 +183,8 @@ const Menu = (props) => {
     enableVirtualization,
     itemHeight,
     size,
-    overscan = 1
+    overscan = 1,
+    "data-test-id": testId = "menu"
   } = props;
   const focusManager = useFocusManager();
   const handleArrowDown = useCallback(() => {
@@ -269,6 +275,7 @@ const Menu = (props) => {
   }, [children, enableVirtualization, menuItemClassName, handleArrowDown, handleArrowUp, onSelect]);
   if (enableVirtualization) {
     return /* @__PURE__ */ jsx(MenuBase, {
+      "data-test-id": testId,
       isVirtual: true,
       size,
       children: /* @__PURE__ */ jsx(ItemVirtualizer, {
@@ -283,6 +290,7 @@ const Menu = (props) => {
     });
   }
   return /* @__PURE__ */ jsxs(MenuBase, {
+    "data-test-id": testId,
     size,
     children: [reduceItems.searchElement, /* @__PURE__ */ jsx(MenuItemList, {
       role: "presentation",
@@ -432,13 +440,6 @@ const ItemVirtualizer = (props) => {
     })]
   });
 };
-var MenuSize = /* @__PURE__ */ ((MenuSize2) => {
-  MenuSize2["SMALL"] = "sm";
-  MenuSize2["MEDIUM"] = "md";
-  MenuSize2["LARGE"] = "lg";
-  MenuSize2["EXTRA_LARGE"] = "xl";
-  return MenuSize2;
-})(MenuSize || {});
 export {
   Menu,
   MenuBase,
@@ -446,7 +447,6 @@ export {
   MenuItem,
   MenuItemLink,
   MenuItemList,
-  MenuSearch,
-  MenuSize
+  MenuSearch
 };
 //# sourceMappingURL=index.es.js.map

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","../src/types.ts"],"sourcesContent":["import type { MenuSize } from './types';\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?: MenuSize;\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};\n\nconst MenuDivider = ({ elementType = 'div', orientation, innerRef }: MenuDividerProps) => {\n  const { separatorProps } = useSeparator({\n    orientation,\n    elementType,\n  });\n\n  return <div {...separatorProps} 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 { IconSize } from '@launchpad-ui/icons';\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};\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    ...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        role={role}\n        onKeyDown={onKeyDown}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {Icon && (\n              <span className=\"Menu-item-icon\">\n                <Icon size={IconSize.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};\n\nconst MenuSearch = forwardRef<HTMLInputElement, MenuSearchProps>((props, ref) => {\n  const { ariaLabel, placeholder, ...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        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 { MenuSize } from './types';\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?: MenuSize;\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};\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  } = 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 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 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","enum MenuSize {\n  SMALL = 'sm',\n  MEDIUM = 'md',\n  LARGE = 'lg',\n  EXTRA_LARGE = 'xl',\n}\n\nexport { MenuSize };\n"],"names":["MenuBase","forwardRef","children","size","isVirtual","props","ref","classes","cx","displayName","MenuDivider","elementType","orientation","innerRef","separatorProps","useSeparator","defaultElement","MenuItem","component","isHighlighted","icon","Icon","nested","groupHeader","item","disabled","className","tooltip","role","tooltipPlacement","onKeyDown","tooltipOptions","asChild","rest","Component","Slot","renderedItem","undefined","_jsxs","_Fragment","_jsx","IconSize","SMALL","display","MenuItemLink","to","useHistory","newTab","finalProps","Link","rel","target","MenuItemList","MenuSearch","ariaLabel","placeholder","Menu","menuItemClassName","onSelect","enableVirtualization","itemHeight","overscan","focusManager","useFocusManager","handleArrowDown","useCallback","focusNext","wrap","handleArrowUp","focusPrevious","reduceItems","useMemo","childrenProps","Children","toArray","searchElem","elements","forEach","child","type","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","transform","start","height","totalSize","MenuSize"],"mappings":"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"}
+{"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","displayName","MenuDivider","elementType","orientation","innerRef","testId","separatorProps","useSeparator","defaultElement","MenuItem","component","isHighlighted","icon","Icon","nested","groupHeader","item","disabled","className","tooltip","role","tooltipPlacement","onKeyDown","tooltipOptions","asChild","rest","Component","Slot","renderedItem","undefined","_jsxs","_Fragment","_jsx","display","MenuItemLink","to","useHistory","newTab","finalProps","Link","rel","target","MenuItemList","MenuSearch","ariaLabel","placeholder","Menu","menuItemClassName","onSelect","enableVirtualization","itemHeight","overscan","focusManager","useFocusManager","handleArrowDown","useCallback","focusNext","wrap","handleArrowUp","focusPrevious","reduceItems","useMemo","childrenProps","Children","toArray","searchElem","elements","forEach","child","type","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","transform","start","height","totalSize"],"mappings":"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"}

package/dist/index.js

@@ -5,7 +5,6 @@ const classix = require("classix");
 const react = require("react");
 const jsxRuntime = require("react/jsx-runtime");
 const separator = require("@react-aria/separator");
-const icons = require("@launchpad-ui/icons");
 const tooltip = require("@launchpad-ui/tooltip");
 const reactSlot = require("@radix-ui/react-slot");
 const focus = require("@react-aria/focus");
@@ -32,7 +31,8 @@ MenuBase.displayName = "MenuBase";
 const MenuDivider = ({
   elementType = "div",
   orientation,
-  innerRef
+  innerRef,
+  "data-test-id": testId = "menu-divider"
 }) => {
   const {
     separatorProps
@@ -42,6 +42,7 @@ const MenuDivider = ({
   });
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
     ...separatorProps,
+    "data-test-id": testId,
     ref: innerRef,
     className: "Menu-divider"
   });
@@ -66,6 +67,7 @@ const MenuItem = ({
     onKeyDown,
     tooltipOptions,
     asChild,
+    "data-test-id": testId = "menu-item",
     ...rest
   } = props;
   const Component = component || (asChild ? reactSlot.Slot : defaultElement);
@@ -76,13 +78,14 @@ const MenuItem = ({
       disabled,
       "aria-disabled": disabled ? disabled : void 0,
       className: classix.cx("Menu-item", className, isHighlighted && "is-highlighted", nested && "Menu-item--nested", groupHeader && "Menu-item--header"),
+      "data-test-id": testId,
       role,
       onKeyDown,
       children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [Icon && /* @__PURE__ */ jsxRuntime.jsx("span", {
           className: "Menu-item-icon",
           children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {
-            size: icons.IconSize.SMALL
+            size: "small"
           })
         }), children]
       })
@@ -138,6 +141,7 @@ const MenuSearch = react.forwardRef((props, ref) => {
   const {
     ariaLabel,
     placeholder,
+    "data-test-id": testId = "menu-search",
     ...finalProps
   } = props;
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
@@ -148,6 +152,7 @@ const MenuSearch = react.forwardRef((props, ref) => {
       className: "Menu-search-input",
       tiny: true,
       type: "search",
+      "data-test-id": testId,
       autoComplete: "off",
       placeholder,
       "aria-label": ariaLabel || "Search"
@@ -180,7 +185,8 @@ const Menu = (props) => {
     enableVirtualization,
     itemHeight,
     size,
-    overscan = 1
+    overscan = 1,
+    "data-test-id": testId = "menu"
   } = props;
   const focusManager = focus.useFocusManager();
   const handleArrowDown = react.useCallback(() => {
@@ -271,6 +277,7 @@ const Menu = (props) => {
   }, [children, enableVirtualization, menuItemClassName, handleArrowDown, handleArrowUp, onSelect]);
   if (enableVirtualization) {
     return /* @__PURE__ */ jsxRuntime.jsx(MenuBase, {
+      "data-test-id": testId,
       isVirtual: true,
       size,
       children: /* @__PURE__ */ jsxRuntime.jsx(ItemVirtualizer, {
@@ -285,6 +292,7 @@ const Menu = (props) => {
     });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(MenuBase, {
+    "data-test-id": testId,
     size,
     children: [reduceItems.searchElement, /* @__PURE__ */ jsxRuntime.jsx(MenuItemList, {
       role: "presentation",
@@ -434,13 +442,6 @@ const ItemVirtualizer = (props) => {
     })]
   });
 };
-var MenuSize = /* @__PURE__ */ ((MenuSize2) => {
-  MenuSize2["SMALL"] = "sm";
-  MenuSize2["MEDIUM"] = "md";
-  MenuSize2["LARGE"] = "lg";
-  MenuSize2["EXTRA_LARGE"] = "xl";
-  return MenuSize2;
-})(MenuSize || {});
 exports.Menu = Menu;
 exports.MenuBase = MenuBase;
 exports.MenuDivider = MenuDivider;
@@ -448,5 +449,4 @@ exports.MenuItem = MenuItem;
 exports.MenuItemLink = MenuItemLink;
 exports.MenuItemList = MenuItemList;
 exports.MenuSearch = MenuSearch;
-exports.MenuSize = MenuSize;
 //# sourceMappingURL=index.js.map

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","../src/types.ts"],"sourcesContent":["import type { MenuSize } from './types';\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?: MenuSize;\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};\n\nconst MenuDivider = ({ elementType = 'div', orientation, innerRef }: MenuDividerProps) => {\n  const { separatorProps } = useSeparator({\n    orientation,\n    elementType,\n  });\n\n  return <div {...separatorProps} 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 { IconSize } from '@launchpad-ui/icons';\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};\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    ...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        role={role}\n        onKeyDown={onKeyDown}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {Icon && (\n              <span className=\"Menu-item-icon\">\n                <Icon size={IconSize.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};\n\nconst MenuSearch = forwardRef<HTMLInputElement, MenuSearchProps>((props, ref) => {\n  const { ariaLabel, placeholder, ...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        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 { MenuSize } from './types';\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?: MenuSize;\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};\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  } = 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 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 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","enum MenuSize {\n  SMALL = 'sm',\n  MEDIUM = 'md',\n  LARGE = 'lg',\n  EXTRA_LARGE = 'xl',\n}\n\nexport { MenuSize };\n"],"names":["MenuBase","forwardRef","children","size","isVirtual","props","ref","classes","cx","displayName","MenuDivider","elementType","orientation","innerRef","separatorProps","useSeparator","defaultElement","MenuItem","component","isHighlighted","icon","Icon","nested","groupHeader","item","disabled","className","tooltip","role","tooltipPlacement","onKeyDown","tooltipOptions","asChild","rest","Component","Slot","renderedItem","FocusRing","undefined","_jsxs","_Fragment","_jsx","IconSize","SMALL","Tooltip","display","MenuItemLink","to","useHistory","newTab","finalProps","Link","rel","target","MenuItemList","MenuSearch","ariaLabel","placeholder","TextField","Menu","menuItemClassName","onSelect","enableVirtualization","itemHeight","overscan","focusManager","useFocusManager","handleArrowDown","useCallback","focusNext","wrap","handleArrowUp","focusPrevious","reduceItems","useMemo","childrenProps","Children","toArray","searchElem","elements","forEach","child","type","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","transform","start","height","totalSize","MenuSize"],"mappings":";;;;;;;;;;;;;;AAaMA,MAAAA,WAAWC,iBACf,CAAC;AAAA,EAAEC;AAAAA,EAAUC;AAAAA,EAAMC;AAAAA,KAAcC;AAAhC,GAAyCC,QAAQ;AAChD,QAAMC,UAAUC,QAAAA,GAAG,QAAQJ,aAAa,mBAAmBD,QAAS,aAAYA,MAA9D;AAElB;OACWE;AAAAA,IAAO,MAAK;AAAA,IAAO,WAAWE;AAAAA,IAAS;AAAA,IAAhD;AAAA,EAAA,CADF;AAKD,CATwB;AAY3BP,SAASS,cAAc;ACdvB,MAAMC,cAAc,CAAC;AAAA,EAAEC,cAAc;AAAA,EAAOC;AAAAA,EAAaC;AAApC,MAAqE;AAClF,QAAA;AAAA,IAAEC;AAAAA,MAAmBC,uBAAa;AAAA,IACtCH;AAAAA,IACAD;AAAAA,EAAAA,CAFqC;AAKvC;OAAgBG;AAAAA,IAAgB,KAAKD;AAAAA,IAAU,WAAU;AAAA,EAAA,CAAzD;AACD;ACmBD,MAAMG,iBAAiB;AAYvB,MAAMC,WAAW,CAAmD;AAAA,KAC/DZ;AAD+D,MAEzC;AACnB,QAAA;AAAA,IAEJa;AAAAA,IACAhB;AAAAA,IACAiB;AAAAA,IACAC,MAAMC;AAAAA,IACNC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IAAAA,SACAC;AAAAA,IACAC,OAAO;AAAA,IACPC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,OACGC;AAAAA,EACD5B,IAAAA;AAEE6B,QAAAA,YAAyBhB,cAAcc,UAAUG,UAAOnB,OAAAA;AAExDoB,QAAAA,8CACHC,iBAAD;AAAA,IAAW,gBAAe;AAAA,IAA1B,yCACG,WAAD;AAAA,MAAA,GACMJ;AAAAA,MACJ;AAAA,MACA,iBAAeR,WAAWA,WAAWa;AAAAA,MACrC,WAAW9B,QAAAA,GACT,aACAkB,WACAP,iBAAiB,kBACjBG,UAAU,qBACVC,eAAe,mBALJ;AAAA,MAOb;AAAA,MACA;AAAA,MAZF,UAcGS,UACC9B,WAEAqC,2BAAAA,KAAAC,WAAAA,UAAA;AAAA,QAAA,UAAA,CACGnB,QACCoB,2BAAA,IAAA,QAAA;AAAA,UAAM,WAAU;AAAA,UAAhB,yCACG,MAAD;AAAA,YAAM,MAAMC,MAASC,SAAAA;AAAAA,UAAAA,CAArB;AAAA,QADF,CAAA,GAIDzC,QANH;AAAA,MAAA,CAAA;AAAA,IAAA,CAjBJ;AAAA,EAAA,CAFJ;AAgCA,MAAIyB,WAAS;AACX,0CACGiB,QAAAA,SAAD;AAAA,MACE,SAASjB;AAAAA,MACT,kBAAkB;AAAA,QAAEkB,SAAS;AAAA,MAAX;AAAA,MAClB,8BAHF;AAAA,MAIE,WAAWhB,mBAAmBA,mBAAmB;AAAA,MAJnD,GAKOE,kBAAkB,CALzB;AAAA,MAAA,UAOGK;AAAAA,IAAAA,CARL;AAAA,EAWD;AAEMA,SAAAA;AACR;AAsBD,MAAMU,eAAe,CAAyC;AAAA,EAC5DC;AAAAA,EACAtB,WAAW;AAAA,EACXuB,aAAa;AAAA,EACbC,SAAS;AAAA,EACT/C;AAAAA,KACGG;AANyD,MAO/B;AAC7B,QAAM6C,aAAa;AAAA,IACjB,GAAG7C;AAAAA,IACHoB;AAAAA,IACAP,WAAW8B,aAAaG,eAAAA,OAAQ;AAAA,IAChC,CAACH,aAAa,OAAO,SAASvB,WAAW,KAAKsB;AAAAA,IAC9CK,KAAKH,SAAS,wBAAwBX;AAAAA,IACtCe,QAAQJ,SAAS,WAAWX;AAAAA,EAAAA;AAM9B,wCAAQ,UAAD;AAAA,IAAA,GAAcY;AAAAA,IAAd;AAAA,EAAA,CAAP;AACD;AC5JKI,MAAAA,eAAerD,iBAA8C,CAAC;AAAA,EAAEC;AAAAA,KAAa+B;AAAf,GAAuB3B,uCACzF,OAAA;AAAA,EAAA,GAAS2B;AAAAA,EAAM;AAAA,EAAU,gBAAa;AAAA,EAAiB,WAAU;AAAA,EAAjE;AAAA,CAAA,CAD6B;AAM/BqB,aAAa7C,cAAc;ACA3B,MAAM8C,aAAatD,MAAAA,WAA8C,CAACI,OAAOC,QAAQ;AACzE,QAAA;AAAA,IAAEkD;AAAAA,IAAWC;AAAAA,OAAgBP;AAAAA,EAAe7C,IAAAA;AAElD,wCACE,OAAA;AAAA,IAAK,WAAU;AAAA,IAAf,yCACGqD,gBAAD;AAAA,MAAA,GACMR;AAAAA,MACJ;AAAA,MACA,WAAU;AAAA,MACV,MAJF;AAAA,MAKE,MAAK;AAAA,MACL,cAAa;AAAA,MACb;AAAA,MACA,cAAYM,aAAa;AAAA,IAAA,CAR3B;AAAA,EAAA,CAFJ;AAcD,CAjB4B;AAmB7BD,WAAW9C,cAAc;AC/BzB,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;ACkCIkD,MAAAA,OAAO,CAA4BtD,UAAwB;AACzD,QAAA;AAAA,IACJH;AAAAA,IACA0D;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA5D;AAAAA,IACA6D,WAAW;AAAA,EACT3D,IAAAA;AAEJ,QAAM4D,eAAeC,MAAAA;AAEfC,QAAAA,kBAAkBC,MAAAA,YAAY,MAAM;AACxCH,iBAAaI,UAAU;AAAA,MAAEC,MAAM;AAAA,IAAA,CAA/B;AAAA,EAAA,GACC,CAACL,YAAD,CAFgC;AAI7BM,QAAAA,gBAAgBH,MAAAA,YAAY,MAAM;AACtCH,iBAAaO,cAAc;AAAA,MAAEF,MAAM;AAAA,IAAA,CAAnC;AAAA,EAAA,GACC,CAACL,YAAD,CAF8B;AAI3BQ,QAAAA,cAAcC,MAAAA,QAAQ,MAAM;AAC1BC,UAAAA,gBAAgBC,MAAAA,SAASC,QAAQ3E,QAAjB;AACtB,QAAI4D,sBAAsB;AAExB,UAAIgB,aAAa;AACjB,UAAIC,WAA2B,CAAA;AAC9BJ,oBAAiCK,QAAQ,CAACC,UAAwB;AACjE,gBAAQA,MAAMC;AAAAA,eACP3B;AACU0B,yBAAAA;AACb;AAAA,eACGhE;AAAAA,eACA6B;AAAAA,eACApC;AACQqE,uBAAAA,SAASI,OAAOF,KAAhB;AACX;AAAA;AAAA,MAEA,CAXN;AAcO,aAAA;AAAA,QAAEG,OAAOL;AAAAA,QAAUM,eAAeP;AAAAA,MAAAA;AAAAA,IAC1C;AAEOH,WAAAA,cAAiCW,OACvC,CACE;AAAA,MAAEF;AAAAA,MAAOC;AAAAA,OACTJ,UACG;;AACH,cAAQA,MAAMC;AAAAA,aACP3B;AACI,iBAAA;AAAA,YACL6B;AAAAA,YACAC,eAAeE,mBAAaN,OAAO;AAAA,cACjCnD,WAAW,CAAC0D,MACVC,2BAA2BD,GAAG;AAAA,gBAC5BE,YAAYvB;AAAAA,gBACZwB,UAAUpB;AAAAA,cAAAA,CAFc;AAAA,YAAA,CAFH;AAAA,UAAA;AAAA,aAQ1BtD;AAAAA,aACA6B;AACI,iBAAA;AAAA,YACLsC,OAAOA,MAAMD,OACXF,MAAM5E,MAAMoB,WACR8D,mBAAaN,OAAO;AAAA,cAClBW,SAAS,MAAMtD;AAAAA,cACfR,WAAW,MAAMQ;AAAAA,cACjBuD,UAAU;AAAA,cACVpE,UAAU;AAAA,YAAA,CAJA,IAMZ8D,MAAAA,aAAaN,OAAO;AAAA,cAClBvD,WAAWlB,QAAAA,GAAGyE,MAAM5E,MAAMqB,WAAWkC,iBAAxB;AAAA,cACbpC,OAAMyD,WAAM5E,MAAMmB,SAAZyD,YAAoBG,MAAMU;AAAAA,cAEhCF,SAASG,mBAAmBd,MAAM5E,MAAMuF,SAAS,MAAM;;AACrD/B,sDAAWoB,MAAAA,MAAM5E,MAAMmB,SAAZyD,OAAAA,MAAoBG,MAAMU;AAAAA,cAA7B,CADiB;AAAA,cAG3BhE,WAAW,CAAC0D,MACVC,2BAA2BD,GAAG;AAAA,gBAC5BE,YAAYvB;AAAAA,gBACZwB,UAAUpB;AAAAA,cAAAA,CAFc;AAAA,YAAA,CARlB,CARX;AAAA,YAsBPc;AAAAA,UAAAA;AAAAA,aAEC3E;AACI,iBAAA;AAAA,YAAE0E,OAAOA,MAAMD,OAAOF,KAAb;AAAA,YAAqBI;AAAAA,UAAAA;AAAAA;AAE9B,iBAAA;AAAA,YAAED;AAAAA,YAAOC;AAAAA,UAAAA;AAAAA;AAAAA,IAAT,GAGb;AAAA,MAAED,OAAO,CAAT;AAAA,MAAaC,eAAe;AAAA,IAAA,CAlDvB;AAAA,EAAA,GAoDN,CAACnF,UAAU4D,sBAAsBF,mBAAmBO,iBAAiBI,eAAeV,QAApF,CA3EwB;AA6E3B,MAAIC,sBAAsB;AACxB,0CACG,UAAD;AAAA,MAAU,WAAV;AAAA,MAAoB;AAAA,MAApB,yCACG,iBAAD;AAAA,QACE,OAAOc,MAAAA,SAASC,QAAQJ,YAAYW,KAA7B;AAAA,QACP,eAAeX,YAAYY;AAAAA,QAC3B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CAPF;AAAA,IAAA,CAFJ;AAAA,EAaD;AAED,yCACG,UAAD;AAAA,IAAU;AAAA,IAAV,UAAA,CACGZ,YAAYY,8CACZ,cAAD;AAAA,MAAc,MAAK;AAAA,MAAnB,UAAmCZ,YAAYW;AAAAA,IAAAA,CAFjD,CAAA;AAAA,EAAA,CADF;AAMD;AAQD,MAAMY,kBAAkB,CAA4B3F,UAAmC;AAC/E,QAAA;AAAA,IACJ2D;AAAAA,IACAqB;AAAAA,IACAtB,aAAa;AAAA,IACbH;AAAAA,IACAwB;AAAAA,IACAnB;AAAAA,IACAJ;AAAAA,EACExD,IAAAA;AAEJ,QAAM4F,SAASC,MAAAA,OAAQ,aAAYC,MAAAA,MAAAA,GAAd;AAEfC,QAAAA,mBAAmBF,aAAsB,IAAhB;AACzBG,QAAAA,YAAYH,aAA8B,IAAxB;AACxB,QAAMI,YAAYJ,MAAAA;AAElB,QAAM,CAACK,gBAAgBC,iBAAjB,IAAsCC,eAAwB,IAAhB;AAE9CC,QAAAA,YAAY,CAAC,CAACrB;AAEpB,QAAMsB,uBAAuBvB,QAAQA,MAAMU,SAAS,IAAI;AAExD,QAAMc,iBAAiBC,aAAAA,WAAW;AAAA,IAChC1G,MAAMiF,UAAU,OAAOA,MAAMU,SAAS;AAAA,IACtCO;AAAAA,IACAS,cAAc1C,MAAAA,YAAY,MAAML,YAAY,CAACA,UAAD,CAAnB;AAAA,IACzBC;AAAAA,EAAAA,CAJ+B;AAO3B+C,QAAAA,iBAAiB3C,MAAAA,YAAY,MAAM;;AACvCwC,mBAAeI,cAAc,CAA7B;AACAV,0BAAUW,YAAVX,mBAAmBY,UAAnBZ;AAAAA,EAAA,GACC,CAACM,cAAD,CAH+B;AAS5BO,QAAAA,gBAAgB/C,kBACpB,CAACgD,UAAkB;AACjBR,mBAAeI,cAAcI,KAA7B;AACAZ,sBAAkBY,KAAD;AAAA,EAAA,GAEnB,CAACR,cAAD,CAL+B;AAQ3BS,QAAAA,iCAAiCjD,kBACrC,CAACkD,cAAmC;AAClC,QAAIlB,iBAAiBa,YAAY,QAAQb,iBAAiBa,YAAY3E,QAAW;AAC/E;AAAA,IACD;AACD,UAAMiF,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;AACC;MAAA,OACT;AAESY,sBAAAA,cAAc,SAAS,IAAIX,oBAA5B;AAAA,MACd;AACD;AAAA,IACD;AACOW,YAAAA;AAAAA,WACD;AACHV,uBAAeI,cAAcO,SAA7B;AACAtD,qBAAaI,UAAb;AACA;AAAA,WACG;AACHuC,uBAAeI,cAAcO,SAA7B;AACAtD,qBAAaO,cAAb;AACA;AAAA;AAAA,EAEA,GAGN,CAACP,cAAckD,eAAeJ,gBAAgBL,WAAWC,sBAAsBC,cAA/E,CAlCgD;AAqClD,QAAMa,eAAerD,MAAAA,YACnB,CAACsD,UAAwBN,UAAkB;AACzC,UAAMO,aAAaD,SAASrH;AAC5B,YAAQqH,SAASxC;AAAAA,WACVjE;AAAAA,WACA6B;AACI,eAAA;AAAA,UACLpB,WAAWlB,QAAAA,GAAGmH,WAAWjG,WAAWkC,iBAAvB;AAAA,UAEb9B,WAAW6F,WAAWlG,WAClB,MAAMa,SACN,CAACkD,MACCoC,2BAA2BpC,GAAG;AAAA,YAC5BqC,qBAAqBR;AAAAA,YACrBS,oBAAoBT;AAAAA,UAAAA,CAFI;AAAA,UAIhCU,SAAShC,mBAAmB4B,WAAWI,SAAS,MAAM;AACpD3B,6BAAiBa,UAAUG;AAAAA,UAAAA,CADF;AAAA,UAG3BY,IAAIC,aAAab,OAAOnB,OAAOgB,OAAf;AAAA,UAChBiB,QAAQnC,mBAAmB4B,WAAWO,QAAQ,MAAM;AAClD9B,6BAAiBa,UAAU;AAAA,UAAA,CADH;AAAA,UAG1BrB,SAAS+B,WAAWlG,WAChB,MAAMa,SACNyD,mBAAmB4B,WAAW/B,SAAS,MAAM;AAC3C/B,iDAAW8D,WAAWnG;AAAAA,UAAtB,CADgB;AAAA,QAAA;AAAA;AAKxB,eAAO;;EAGb,GAAA,CAAC6F,gCAAgCzD,mBAAmBC,QAApD,CAjC8B;AAoChCsE,QAAAA,UAAU,MAAM;AACd,QAAI5B,mBAAmB,MAAM;AAC3B6B,4BAAsB,MAAM;AAC1B,cAAMC,UAAUC,gBAAgB/B,gBAAgBN,OAAOgB,OAAxB;AAC/BoB,2CAASnB;AAAAA,MAAT,CAFmB;AAIrBV,wBAAkB,IAAD;AAAA,IAClB;AAAA,EAAA,GACA,CAACD,cAAD,CARM;AAcHqB,QAAAA,6BAA6B,CACjCpC,GACA+C,cAIG;;AACH,UAAMC,SAAS,CAAC,OAAO,WAAW,WAAnB;AACf,QAAIA,OAAOC,SAASjD,EAAEkD,GAAlB,GAAwB;AAC1BlD,QAAEmD,eAAF;AACAnD,QAAEoD,gBAAF;AACA,UAAKpD,EAAEkD,QAAQ,SAASlD,EAAEqD,YAAarD,EAAEkD,QAAQ,WAAW;AAC1DH,wBAAUV,wBAAVU,mCAAgC;AAAA,MAAhC,WACS/C,EAAEkD,QAAQ,eAAelD,EAAEkD,QAAQ,OAAO;AACnDH,wBAAUT,uBAAVS,mCAA+B;AAAA,MAChC;AAAA,IACF;AAAA,EAAA;AAGH,QAAMO,eAAepE,MAAAA,QACnB,MACEW,gBACIE,MAAAA,aAAaF,eAAe;AAAA,IAC1BvD,WAAW,CAAC0D,MACVoC,2BAA2BpC,GAAG;AAAA,MAC5BqC,qBAAqB,MAAMV,cAAcR,oBAAD;AAAA,MACxCmB,oBAAoB,MAAMX,cAAc,CAAD;AAAA,IAAA,CAFf;AAAA,IAI5B7G,KAAKgG;AAAAA,EAAAA,CANK,IAQZ,MACN,CAACjB,eAAesB,sBAAsBQ,aAAtC,CAZ0B;AAe5B,QAAM4B,cAAcrE,MAAAA,QAClB,MACEkC,eAAeoC,aAAaC,IAAKC,CAAe,eAAA;AAC9C,QAAI,CAAC9D,OAAO;AACH,aAAA;AAAA,IACR;AACK+D,UAAAA,OAAO/D,MAAM8D,WAAW9B;AAC9B,0CACE,OAAA;AAAA,MAEE,KACE+B,KAAKjE,SAASjE,YAAYkI,KAAKjE,SAASpC,eACpCoG,WAAWE,aACX9G;AAAAA,MAEN,MAAK;AAAA,MACL,WAAW9B,WAAG,kBAAD;AAAA,MACb,OAAO;AAAA,QACL6I,WAAY,cAAaH,WAAWI;AAAAA,MAD/B;AAAA,MATT,UAaG/D,MAAa4D,aAAAA,MAAM1B,aAAa0B,MAAMD,WAAW9B,KAAlB,CAAnB;AAAA,IAAA,GAZR8B,WAAW9B,KADlB;AAAA,EAAA,CANJ,GAuBF,CAACR,eAAeoC,cAAc5D,OAAOqC,YAArC,CAzByB;AA4B3B,yCACEjF,WAAAA,UAAA;AAAA,IAAA,UACGsG,CAAAA,cACDrG,2BAAA,IAAC,cAAD;AAAA,MAAc,KAAK4D;AAAAA,MAAW,MAAK;AAAA,MAAnC,yCACE,OAAA;AAAA,QACE,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAO;AAAA,UACLkD,QAAS,GAAE3C,eAAe4C;AAAAA,QADrB;AAAA,QAHT,UAOGT;AAAAA,MAAAA,CAPH;AAAA,IAAA,CAHJ,CAAA;AAAA,EAAA,CADF;AAgBD;ACnZI,IAAA,6BAAAU,cAAL;AACEA,YAAA,WAAQ;AACRA,YAAA,YAAS;AACTA,YAAA,WAAQ;AACRA,YAAA,iBAAc;AAJXA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;;;;;;;;;"}
+{"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","displayName","MenuDivider","elementType","orientation","innerRef","testId","separatorProps","useSeparator","defaultElement","MenuItem","component","isHighlighted","icon","Icon","nested","groupHeader","item","disabled","className","tooltip","role","tooltipPlacement","onKeyDown","tooltipOptions","asChild","rest","Component","Slot","renderedItem","FocusRing","undefined","_jsxs","_Fragment","_jsx","Tooltip","display","MenuItemLink","to","useHistory","newTab","finalProps","Link","rel","target","MenuItemList","MenuSearch","ariaLabel","placeholder","TextField","Menu","menuItemClassName","onSelect","enableVirtualization","itemHeight","overscan","focusManager","useFocusManager","handleArrowDown","useCallback","focusNext","wrap","handleArrowUp","focusPrevious","reduceItems","useMemo","childrenProps","Children","toArray","searchElem","elements","forEach","child","type","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","transform","start","height","totalSize"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/menu",
-  "version": "0.5.7",
+  "version": "0.6.1",
   "status": "beta",
   "publishConfig": {
     "access": "public"
@@ -26,11 +26,11 @@
   },
   "source": "src/index.ts",
   "dependencies": {
-    "@launchpad-ui/form": "~0.5.0",
-    "@launchpad-ui/icons": "~0.4.0",
-    "@launchpad-ui/popover": "~0.7.6",
+    "@launchpad-ui/form": "~0.6.1",
+    "@launchpad-ui/icons": "~0.5.1",
+    "@launchpad-ui/popover": "~0.8.1",
     "@launchpad-ui/tokens": "~0.1.5",
-    "@launchpad-ui/tooltip": "~0.5.6",
+    "@launchpad-ui/tooltip": "~0.6.1",
     "@radix-ui/react-slot": "^1.0.0",
     "@react-aria/focus": "^3.8.0",
     "@react-aria/separator": "^3.2.0",

package/dist/types.d.ts

@@ -1,8 +0,0 @@
-declare enum MenuSize {
-    SMALL = "sm",
-    MEDIUM = "md",
-    LARGE = "lg",
-    EXTRA_LARGE = "xl"
-}
-export { MenuSize };
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,aAAK,QAAQ;IACX,KAAK,OAAO;IACZ,MAAM,OAAO;IACb,KAAK,OAAO;IACZ,WAAW,OAAO;CACnB;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}