@launchpad-ui/menu 0.6.6-alpha.0 → 0.6.6-alpha.1

package/dist/Menu.d.ts

@@ -0,0 +1,43 @@
+import type { FocusManager } from '@react-aria/focus';
+import type { ReactElement, ReactNode } from 'react';
+declare type ControlledMenuProps<T> = {
+    children: ReactNode;
+    onSelect?: (item: T) => void;
+    /**
+     * Menus items are rendered using react-virtual for
+     * additional rendering performance.
+     */
+    enableVirtualization?: boolean;
+    /**
+     * Class name to be applied to all MenuItem and MenuItemLink components
+     * in the menu.
+     */
+    menuItemClassName?: string;
+    /**
+     * 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?: 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Sets the number out of elements rendered outside of the view window
+     * when using virtualization
+     */
+    overscan?: number;
+    /**
+     * Sets the height for each menu item when using virtualization.
+     *
+     */
+    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;
+declare type ItemVirtualizerProps<T> = Omit<ControlledMenuProps<T>, 'children'> & {
+    items: ReactElement[] | null;
+    searchElement?: ReactElement | null;
+    focusManager: FocusManager;
+};
+declare const ItemVirtualizer: <T extends string | number>(props: ItemVirtualizerProps<T>) => JSX.Element;
+export { Menu, ItemVirtualizer };
+export type { MenuProps, ItemVirtualizerProps };
+//# sourceMappingURL=Menu.d.ts.map

package/dist/Menu.d.ts.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+import type { MenuProps } from './Menu';
+import type { ComponentPropsWithRef } from 'react';
+import './styles/Menu.css';
+declare type MenuBaseProps = ComponentPropsWithRef<'div'> & {
+    isVirtual?: boolean;
+    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 };
+export type { MenuBaseProps };
+//# sourceMappingURL=MenuBase.d.ts.map

package/dist/MenuBase.d.ts.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+import type { SeparatorProps } from '@react-aria/separator';
+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, "data-test-id": testId, }: MenuDividerProps) => JSX.Element;
+export { MenuDivider };
+export type { MenuDividerProps };
+//# sourceMappingURL=MenuDivider.d.ts.map

package/dist/MenuDivider.d.ts.map

@@ -0,0 +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;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

@@ -0,0 +1,48 @@
+import type { Icon } from '@launchpad-ui/icons';
+import type { PopoverPlacement } from '@launchpad-ui/popover';
+import type { ComponentPropsWithRef, ElementType, PropsWithRef, ReactElement } from 'react';
+import { Tooltip } from '@launchpad-ui/tooltip';
+import { Link } from 'react-router-dom';
+import './styles/Menu.css';
+declare type Merge<T, U> = Omit<T, keyof U> & U;
+declare type PropsWithComponent<P, T extends ElementType> = P & {
+    component?: T;
+};
+declare type PolymorphicPropsWithRef<P, T extends ElementType> = Merge<T extends keyof JSX.IntrinsicElements ? PropsWithRef<JSX.IntrinsicElements[T]> : ComponentPropsWithRef<T>, PropsWithComponent<P, T>>;
+declare type MenuItemOwnProps = {
+    isHighlighted?: boolean;
+    icon?: typeof Icon | null;
+    disabled?: boolean;
+    nested?: boolean;
+    groupHeader?: boolean;
+    tooltip?: string | ReactElement;
+    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 & {
+    item: P;
+}) | (MenuItemOwnProps & {
+    item?: undefined;
+}), T>;
+declare const MenuItem: <P, T extends ElementType<any> = "button">({ ...props }: MenuItemProps<P, T>) => JSX.Element;
+declare type MenuItemLinkOwnProps = {
+    disabled?: boolean;
+    useHistory?: boolean;
+    newTab?: boolean;
+};
+declare type MenuItemLinkProps<P, T extends ElementType = typeof Link> = Merge<Omit<MenuItemProps<P, T>, 'component' | 'item'>, MenuItemLinkOwnProps> & ({
+    item?: undefined;
+} | {
+    item: P;
+});
+declare const MenuItemLink: <P, T extends ElementType<any> = import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>>({ to, disabled, useHistory, newTab, children, ...props }: Omit<Omit<MenuItemProps<P, T>, "item" | "component">, keyof MenuItemLinkOwnProps> & MenuItemLinkOwnProps & ({
+    item?: undefined;
+} | {
+    item: P;
+})) => JSX.Element;
+export { MenuItem, MenuItemLink };
+export type { MenuItemProps, MenuItemLinkProps };
+//# sourceMappingURL=MenuItem.d.ts.map

package/dist/MenuItem.d.ts.map

@@ -0,0 +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;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/MenuItemList.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithRef } from 'react';
+import './styles/Menu.css';
+declare type MenuItemListProps = Omit<ComponentPropsWithRef<'div'>, 'className'>;
+declare const MenuItemList: import("react").ForwardRefExoticComponent<Pick<MenuItemListProps, "key" | "id" | "color" | "translate" | "hidden" | "slot" | "style" | "title" | "dir" | "accessKey" | "draggable" | "lang" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;
+export { MenuItemList };
+export type { MenuItemListProps };
+//# sourceMappingURL=MenuItemList.d.ts.map

package/dist/MenuItemList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemList.d.ts","sourceRoot":"","sources":["../src/MenuItemList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,mBAAmB,CAAC;AAE3B,aAAK,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC;AAEzE,QAAA,MAAM,YAAY,4lJAIhB,CAAC;AAIH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/MenuSearch.d.ts

@@ -0,0 +1,13 @@
+import type { ChangeEvent } from 'react';
+import './styles/Menu.css';
+declare type MenuSearchProps = {
+    ariaLabel?: string;
+    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 };
+export type { MenuSearchProps };
+//# sourceMappingURL=MenuSearch.d.ts.map

package/dist/MenuSearch.d.ts.map

@@ -0,0 +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;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

@@ -0,0 +1,13 @@
+export type { MenuBaseProps } from './MenuBase';
+export type { MenuDividerProps } from './MenuDivider';
+export type { MenuItemProps, MenuItemLinkProps } from './MenuItem';
+export type { MenuItemListProps } from './MenuItemList';
+export type { MenuSearchProps } from './MenuSearch';
+export type { MenuProps } from './Menu';
+export { MenuBase } from './MenuBase';
+export { MenuDivider } from './MenuDivider';
+export { MenuItem, MenuItemLink } from './MenuItem';
+export { MenuItemList } from './MenuItemList';
+export { MenuSearch } from './MenuSearch';
+export { Menu } from './Menu';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +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"}

package/dist/index.es.js

@@ -0,0 +1,452 @@
+import './style.css';
+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 { Tooltip } from "@launchpad-ui/tooltip";
+import { Slot } from "@radix-ui/react-slot";
+import { FocusRing, useFocusManager } from "@react-aria/focus";
+import { Link } from "react-router-dom";
+import { TextField } from "@launchpad-ui/form";
+import { useVirtual } from "react-virtual";
+const Menu$1 = "";
+const MenuBase = forwardRef(({
+  children,
+  size,
+  isVirtual,
+  ...props
+}, ref) => {
+  const classes = cx("Menu", isVirtual && "Menu--isVirtual", size && `MenuSize--${size}`);
+  return /* @__PURE__ */ jsx("div", {
+    ...props,
+    role: "menu",
+    className: classes,
+    ref,
+    children
+  });
+});
+MenuBase.displayName = "MenuBase";
+const MenuDivider = ({
+  elementType = "div",
+  orientation,
+  innerRef,
+  "data-test-id": testId = "menu-divider"
+}) => {
+  const {
+    separatorProps
+  } = useSeparator({
+    orientation,
+    elementType
+  });
+  return /* @__PURE__ */ jsx("div", {
+    ...separatorProps,
+    "data-test-id": testId,
+    ref: innerRef,
+    className: "Menu-divider"
+  });
+};
+const defaultElement = "button";
+const MenuItem = ({
+  ...props
+}) => {
+  const {
+    component,
+    children,
+    isHighlighted,
+    icon: Icon,
+    nested,
+    groupHeader,
+    item,
+    disabled,
+    className,
+    tooltip,
+    role = "menuitem",
+    tooltipPlacement,
+    onKeyDown,
+    tooltipOptions,
+    asChild,
+    "data-test-id": testId = "menu-item",
+    ...rest
+  } = props;
+  const Component = component || (asChild ? Slot : defaultElement);
+  const renderedItem = /* @__PURE__ */ jsx(FocusRing, {
+    focusRingClass: "has-focus",
+    children: /* @__PURE__ */ jsx(Component, {
+      ...rest,
+      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: "small"
+          })
+        }), children]
+      })
+    })
+  });
+  if (tooltip) {
+    return /* @__PURE__ */ jsx(Tooltip, {
+      content: tooltip,
+      rootElementStyle: {
+        display: "block"
+      },
+      allowBoundaryElementOverflow: true,
+      placement: tooltipPlacement ? tooltipPlacement : "bottom",
+      ...tooltipOptions || {},
+      children: renderedItem
+    });
+  }
+  return renderedItem;
+};
+const MenuItemLink = ({
+  to,
+  disabled = false,
+  useHistory = true,
+  newTab = false,
+  children,
+  ...props
+}) => {
+  const finalProps = {
+    ...props,
+    disabled,
+    component: useHistory ? Link : "a",
+    [useHistory ? "to" : "href"]: disabled ? "" : to,
+    rel: newTab ? "noopener noreferrer" : void 0,
+    target: newTab ? "_blank" : void 0
+  };
+  return /* @__PURE__ */ jsx(MenuItem, {
+    ...finalProps,
+    children
+  });
+};
+const MenuItemList = forwardRef(({
+  children,
+  ...rest
+}, ref) => /* @__PURE__ */ jsx("div", {
+  ...rest,
+  ref,
+  "data-test-id": "menu-item-list",
+  className: "Menu-item-list",
+  children
+}));
+MenuItemList.displayName = "MenuItemList";
+const MenuSearch = forwardRef((props, ref) => {
+  const {
+    ariaLabel,
+    placeholder,
+    "data-test-id": testId = "menu-search",
+    ...finalProps
+  } = props;
+  return /* @__PURE__ */ jsx("div", {
+    className: "Menu-search",
+    children: /* @__PURE__ */ jsx(TextField, {
+      ...finalProps,
+      ref,
+      className: "Menu-search-input",
+      tiny: true,
+      type: "search",
+      "data-test-id": testId,
+      autoComplete: "off",
+      placeholder,
+      "aria-label": ariaLabel || "Search"
+    })
+  });
+});
+MenuSearch.displayName = "MenuSearch";
+const createItemId = (index, id) => `${id}-item-${index}`;
+const getNodeForIndex = (index, menuId) => index === null ? index : document.getElementById(createItemId(index, menuId));
+const handleKeyboardInteractions = (event, keyHandlers) => {
+  var _a;
+  const ops = {
+    ArrowUp: keyHandlers.handleUp,
+    ArrowDown: keyHandlers.handleDown,
+    Enter: keyHandlers.handleEnter
+  };
+  if (ops[event.key]) {
+    event.preventDefault();
+    (_a = ops[event.key]) == null ? void 0 : _a.call(globalThis, event);
+  }
+};
+const chainEventHandlers = (...handlers) => (event) => {
+  handlers.forEach((h) => typeof h === "function" && h(event));
+};
+const Menu = (props) => {
+  const {
+    children,
+    menuItemClassName,
+    onSelect,
+    enableVirtualization,
+    itemHeight,
+    size,
+    overscan = 1,
+    "data-test-id": testId = "menu"
+  } = props;
+  const focusManager = useFocusManager();
+  const handleArrowDown = useCallback(() => {
+    focusManager.focusNext({
+      wrap: true
+    });
+  }, [focusManager]);
+  const handleArrowUp = useCallback(() => {
+    focusManager.focusPrevious({
+      wrap: true
+    });
+  }, [focusManager]);
+  const reduceItems = useMemo(() => {
+    const childrenProps = Children.toArray(children);
+    if (enableVirtualization) {
+      let searchElem = null;
+      let elements = [];
+      childrenProps.forEach((child) => {
+        switch (child.type) {
+          case MenuSearch:
+            searchElem = child;
+            break;
+          case MenuItem:
+          case MenuItemLink:
+          case MenuDivider:
+            elements = elements.concat(child);
+            break;
+        }
+      });
+      return {
+        items: elements,
+        searchElement: searchElem
+      };
+    }
+    return childrenProps.reduce(({
+      items,
+      searchElement
+    }, child) => {
+      var _a;
+      switch (child.type) {
+        case MenuSearch:
+          return {
+            items,
+            searchElement: cloneElement(child, {
+              onKeyDown: (e) => handleKeyboardInteractions(e, {
+                handleDown: handleArrowDown,
+                handleUp: handleArrowUp
+              })
+            })
+          };
+        case MenuItem:
+        case MenuItemLink:
+          return {
+            items: items.concat(child.props.disabled ? cloneElement(child, {
+              onClick: () => void 0,
+              onKeyDown: () => void 0,
+              tabIndex: -1,
+              disabled: true
+            }) : cloneElement(child, {
+              className: cx(child.props.className, menuItemClassName),
+              item: (_a = child.props.item) != null ? _a : items.length,
+              onClick: chainEventHandlers(child.props.onClick, () => {
+                var _a2;
+                onSelect == null ? void 0 : onSelect((_a2 = child.props.item) != null ? _a2 : items.length);
+              }),
+              onKeyDown: (e) => handleKeyboardInteractions(e, {
+                handleDown: handleArrowDown,
+                handleUp: handleArrowUp
+              })
+            })),
+            searchElement
+          };
+        case MenuDivider:
+          return {
+            items: items.concat(child),
+            searchElement
+          };
+        default:
+          return {
+            items,
+            searchElement
+          };
+      }
+    }, {
+      items: [],
+      searchElement: null
+    });
+  }, [children, enableVirtualization, menuItemClassName, handleArrowDown, handleArrowUp, onSelect]);
+  if (enableVirtualization) {
+    return /* @__PURE__ */ jsx(MenuBase, {
+      "data-test-id": testId,
+      isVirtual: true,
+      size,
+      children: /* @__PURE__ */ jsx(ItemVirtualizer, {
+        items: Children.toArray(reduceItems.items),
+        searchElement: reduceItems.searchElement,
+        overscan,
+        menuItemClassName,
+        onSelect,
+        itemHeight,
+        focusManager
+      })
+    });
+  }
+  return /* @__PURE__ */ jsxs(MenuBase, {
+    "data-test-id": testId,
+    size,
+    children: [reduceItems.searchElement, /* @__PURE__ */ jsx(MenuItemList, {
+      role: "presentation",
+      children: reduceItems.items
+    })]
+  });
+};
+const ItemVirtualizer = (props) => {
+  const {
+    overscan,
+    searchElement,
+    itemHeight = 33,
+    menuItemClassName,
+    items,
+    focusManager,
+    onSelect
+  } = props;
+  const menuId = useRef(`menu-ctrl-${useId()}`);
+  const focusedItemIndex = useRef(null);
+  const parentRef = useRef(null);
+  const searchRef = useRef();
+  const [nextFocusValue, setNextFocusValue] = useState(null);
+  const hasSearch = !!searchElement;
+  const lastVirtualItemIndex = items ? items.length - 1 : 0;
+  const rowVirtualizer = useVirtual({
+    size: items !== null ? items.length : 0,
+    parentRef,
+    estimateSize: useCallback(() => itemHeight, [itemHeight]),
+    overscan
+  });
+  const focusSearchBar = useCallback(() => {
+    var _a, _b;
+    rowVirtualizer.scrollToIndex(0);
+    (_b = (_a = searchRef.current) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+  }, [rowVirtualizer]);
+  const focusMenuItem = useCallback((index) => {
+    rowVirtualizer.scrollToIndex(index);
+    setNextFocusValue(index);
+  }, [rowVirtualizer]);
+  const handleKeyboardFocusInteraction = useCallback((direction) => {
+    if (focusedItemIndex.current === null || focusedItemIndex.current === void 0) {
+      return;
+    }
+    const nextIndex = direction === "next" ? focusedItemIndex.current + 1 : focusedItemIndex.current - 1;
+    const shouldWrap = direction === "next" && focusedItemIndex.current === lastVirtualItemIndex || direction === "previous" && focusedItemIndex.current === 0;
+    if (shouldWrap) {
+      if (hasSearch) {
+        focusSearchBar();
+      } else {
+        focusMenuItem(direction === "next" ? 0 : lastVirtualItemIndex);
+      }
+      return;
+    }
+    switch (direction) {
+      case "next":
+        rowVirtualizer.scrollToIndex(nextIndex);
+        focusManager.focusNext();
+        break;
+      case "previous":
+        rowVirtualizer.scrollToIndex(nextIndex);
+        focusManager.focusPrevious();
+        break;
+    }
+  }, [focusManager, focusMenuItem, focusSearchBar, hasSearch, lastVirtualItemIndex, rowVirtualizer]);
+  const getItemProps = useCallback((itemElem, index) => {
+    const childProps = itemElem.props;
+    switch (itemElem.type) {
+      case MenuItem:
+      case MenuItemLink:
+        return {
+          className: cx(childProps.className, menuItemClassName),
+          onKeyDown: childProps.disabled ? () => void 0 : (e) => handleKeyboardFocusKeydown(e, {
+            handleFocusBackward: handleKeyboardFocusInteraction,
+            handleFocusForward: handleKeyboardFocusInteraction
+          }),
+          onFocus: chainEventHandlers(childProps.onFocus, () => {
+            focusedItemIndex.current = index;
+          }),
+          id: createItemId(index, menuId.current),
+          onBlur: chainEventHandlers(childProps.onBlur, () => {
+            focusedItemIndex.current = null;
+          }),
+          onClick: childProps.disabled ? () => void 0 : chainEventHandlers(childProps.onClick, () => {
+            onSelect == null ? void 0 : onSelect(childProps.item);
+          })
+        };
+      default:
+        return {};
+    }
+  }, [handleKeyboardFocusInteraction, menuItemClassName, onSelect]);
+  useEffect(() => {
+    if (nextFocusValue !== null) {
+      requestAnimationFrame(() => {
+        const element = getNodeForIndex(nextFocusValue, menuId.current);
+        element == null ? void 0 : element.focus();
+      });
+      setNextFocusValue(null);
+    }
+  }, [nextFocusValue]);
+  const handleKeyboardFocusKeydown = (e, callbacks) => {
+    var _a, _b;
+    const keyOps = ["Tab", "ArrowUp", "ArrowDown"];
+    if (keyOps.includes(e.key)) {
+      e.preventDefault();
+      e.stopPropagation();
+      if (e.key === "Tab" && e.shiftKey || e.key === "ArrowUp") {
+        (_a = callbacks.handleFocusBackward) == null ? void 0 : _a.call(callbacks, "previous");
+      } else if (e.key === "ArrowDown" || e.key === "Tab") {
+        (_b = callbacks.handleFocusForward) == null ? void 0 : _b.call(callbacks, "next");
+      }
+    }
+  };
+  const renderSearch = useMemo(() => searchElement ? cloneElement(searchElement, {
+    onKeyDown: (e) => handleKeyboardFocusKeydown(e, {
+      handleFocusBackward: () => focusMenuItem(lastVirtualItemIndex),
+      handleFocusForward: () => focusMenuItem(0)
+    }),
+    ref: searchRef
+  }) : null, [searchElement, lastVirtualItemIndex, focusMenuItem]);
+  const renderItems = useMemo(() => rowVirtualizer.virtualItems.map((virtualRow) => {
+    if (!items) {
+      return null;
+    }
+    const elem = items[virtualRow.index];
+    return /* @__PURE__ */ jsx("div", {
+      ref: elem.type !== MenuItem || elem.type !== MenuItemLink ? virtualRow.measureRef : void 0,
+      role: "presentation",
+      className: cx("VirtualMenu-item"),
+      style: {
+        transform: `translateY(${virtualRow.start}px)`
+      },
+      children: cloneElement(elem, getItemProps(elem, virtualRow.index))
+    }, virtualRow.index);
+  }), [rowVirtualizer.virtualItems, items, getItemProps]);
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [renderSearch, /* @__PURE__ */ jsx(MenuItemList, {
+      ref: parentRef,
+      role: "presentation",
+      children: /* @__PURE__ */ jsx("div", {
+        role: "presentation",
+        className: "VirtualMenu-item-list",
+        style: {
+          height: `${rowVirtualizer.totalSize}px`
+        },
+        children: renderItems
+      })
+    })]
+  });
+};
+export {
+  Menu,
+  MenuBase,
+  MenuDivider,
+  MenuItem,
+  MenuItemLink,
+  MenuItemList,
+  MenuSearch
+};
+//# sourceMappingURL=index.es.js.map