@cube-dev/ui-kit 0.0.0-canary-8531f8b → 0.0.0-canary-1b26a89

package/dist/components/actions/Menu/Menu.js

@@ -1,8 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8531f8b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1b26a89 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
-import { _CollectionItem } from "../../CollectionItem.js";
 import { useMenuContext } from "./context.js";
+import { _MenuCollectionItem, getMenuItemReactKey } from "./MenuCollectionItem.js";
 import { MenuItem } from "./MenuItem.js";
 import { StyledDivider, StyledFooter, StyledHeader, StyledMenu, StyledMenuWrapper } from "./styled.js";
 import { MenuSection } from "./MenuSection.js";
@@ -14,11 +14,11 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMenu } from "react-aria";
 import { Section, useTreeState } from "react-stately";
-import { useObjectRef, useSyncRef } from "@react-aria/utils";
+import { isFocusable, useObjectRef, useSyncRef } from "@react-aria/utils";
 
 //#region src/components/actions/Menu/Menu.tsx
 function Menu(props, ref) {
-	const $ = c(20);
+	const $ = c(14);
 	const { header, footer, menuStyles, headerStyles, footerStyles, itemStyles, sectionStyles, sectionHeadingStyles, size: t0, qa, selectedKeys, defaultSelectedKeys, onSelectionChange, onAction, ...rest } = props;
 	const size = t0 === void 0 ? "medium" : t0;
 	const domRef = useObjectRef(ref);
@@ -48,106 +48,121 @@ function Menu(props, ref) {
 	});
 	const collectionItems = [...state.collection];
 	const hasSections = collectionItems.some(_temp3);
-	const { menuProps } = useMenu(completeProps, state, domRef);
-	let t2;
-	if ($[2] !== completeProps) {
-		t2 = extractStyles(completeProps, CONTAINER_STYLES);
-		$[2] = completeProps;
-		$[3] = t2;
-	} else t2 = $[3];
-	const styles = t2;
-	let t3;
-	if ($[4] !== completeProps) {
-		t3 = filterBaseProps(completeProps);
-		$[4] = completeProps;
-		$[5] = t3;
-	} else t3 = $[5];
-	const t4 = t3;
-	let wrapperProps;
-	if ($[6] !== t4) {
-		const { id: _id, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy, "aria-describedby": _ariaDescribedBy, "aria-details": _ariaDetails, ...t5 } = t4;
-		wrapperProps = t5;
-		$[6] = t4;
-		$[7] = wrapperProps;
-	} else wrapperProps = $[7];
-	const t5 = completeProps.mods?.popover;
-	const t6 = !!footer;
-	const t7 = !!header;
-	let t8;
-	if ($[8] !== t5 || $[9] !== t6 || $[10] !== t7) {
-		t8 = {
-			popover: t5,
-			footer: t6,
-			header: t7
-		};
-		$[8] = t5;
-		$[9] = t6;
-		$[10] = t7;
-		$[11] = t8;
-	} else t8 = $[11];
-	const wrapperMods = t8;
+	const { menuProps } = useMenu({
+		...completeProps,
+		onKeyDown: void 0
+	}, state, domRef);
+	const handleInlineNavigation = (event) => {
+		const menu = event.currentTarget;
+		const item_0 = event.target.closest("[role^=\"menuitem\"]");
+		if (event.defaultPrevented || !item_0 || item_0.closest("[role=\"menu\"]") !== menu || event.altKey || event.ctrlKey || event.metaKey || event.nativeEvent.isComposing || !menu.querySelector("[data-element=\"Actions\"] [role^=\"menuitem\"]")) return;
+		const row = item_0.closest("[data-menuitem]");
+		if (item_0.closest("[data-element=\"Actions\"]") && (event.key === "PageUp" || event.key === "PageDown" || event.key.length === 1 && event.key !== " ")) {
+			row?.querySelector("[data-menu-native-primary]")?.focus();
+			return;
+		}
+		if (event.shiftKey) return;
+		const items = Array.from(menu.querySelectorAll("[role^=\"menuitem\"]")).filter((element) => element.closest("[role=\"menu\"]") === menu && !element.hasAttribute("disabled") && element.getAttribute("aria-disabled") !== "true" && isFocusable(element));
+		const index = items.indexOf(item_0);
+		if (index < 0) return;
+		let next;
+		if (event.key === "ArrowDown") next = items[index + 1] ?? (completeProps.shouldFocusWrap !== false ? items[0] : void 0);
+		else if (event.key === "ArrowUp") next = items[index - 1] ?? (completeProps.shouldFocusWrap !== false ? items.at(-1) : void 0);
+		else if (event.key === "Home") next = items[0];
+		else if (event.key === "End") next = items.at(-1);
+		else if ((event.key === "ArrowRight" || event.key === "ArrowLeft") && row && !item_0.hasAttribute("aria-haspopup")) {
+			const rowItems = items.filter((element_0) => element_0.closest("[data-menuitem]") === row);
+			const forward = event.key === (getComputedStyle(row).direction === "rtl" ? "ArrowLeft" : "ArrowRight");
+			next = rowItems[rowItems.indexOf(item_0) + (forward ? 1 : -1)];
+		}
+		if (next) {
+			event.preventDefault();
+			event.stopPropagation();
+			next.focus();
+			return true;
+		}
+	};
+	const styles = extractStyles(completeProps, CONTAINER_STYLES);
+	const { id: _id, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy, "aria-describedby": _ariaDescribedBy, "aria-details": _ariaDetails, ...wrapperProps } = filterBaseProps(completeProps);
+	const wrapperMods = {
+		popover: completeProps.mods?.popover,
+		footer: !!footer,
+		header: !!header
+	};
 	const menuMods = { sections: hasSections };
 	useSyncRef(contextProps, domRef);
 	const renderedItems = [];
 	let isFirstSection = true;
-	collectionItems.forEach((item_0) => {
-		if (item_0.type === "section") {
+	collectionItems.forEach((item_1) => {
+		const reactKey = getMenuItemReactKey(item_1.key);
+		if (item_1.type === "section") {
 			if (!isFirstSection) renderedItems.push(/* @__PURE__ */ jsx(StyledDivider, {
 				role: "separator",
 				"aria-orientation": "horizontal"
-			}, `divider-${String(item_0.key)}`));
+			}, `divider-${reactKey}`));
 			renderedItems.push(/* @__PURE__ */ jsx(MenuSection, {
-				item: item_0,
+				item: item_1,
 				state,
 				styles: sectionStyles,
 				itemStyles,
 				headingStyles: sectionHeadingStyles,
 				size
-			}, item_0.key));
+			}, reactKey));
 			isFirstSection = false;
 			return;
 		}
 		let menuItem = /* @__PURE__ */ jsx(MenuItem, {
-			item: item_0,
+			item: item_1,
 			state,
 			styles: itemStyles,
 			size
-		}, item_0.key);
-		if (item_0.props?.wrapper) menuItem = item_0.props.wrapper(menuItem);
-		else if (item_0.wrapper) menuItem = item_0.wrapper(menuItem);
-		renderedItems.push(React.cloneElement(menuItem, { key: item_0.key }));
+		}, reactKey);
+		if (item_1.props?.wrapper) menuItem = item_1.props.wrapper(menuItem);
+		else if (item_1.wrapper) menuItem = item_1.wrapper(menuItem);
+		renderedItems.push(React.cloneElement(menuItem, { key: reactKey }));
 	});
-	let t9;
-	if ($[12] !== header || $[13] !== headerStyles || $[14] !== size) {
-		t9 = header ? /* @__PURE__ */ jsx(StyledHeader, {
+	let t2;
+	if ($[2] !== header || $[3] !== headerStyles || $[4] !== size) {
+		t2 = header ? /* @__PURE__ */ jsx(StyledHeader, {
 			"data-size": size,
 			styles: headerStyles,
 			children: header
 		}) : /* @__PURE__ */ jsx("div", { role: "presentation" });
-		$[12] = header;
-		$[13] = headerStyles;
-		$[14] = size;
-		$[15] = t9;
-	} else t9 = $[15];
-	let t10;
-	if ($[16] !== footer || $[17] !== footerStyles || $[18] !== size) {
-		t10 = footer ? /* @__PURE__ */ jsx(StyledFooter, {
+		$[2] = header;
+		$[3] = headerStyles;
+		$[4] = size;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== completeProps || $[7] !== handleInlineNavigation || $[8] !== menuProps) {
+		t3 = (event_0) => {
+			completeProps.onKeyDown?.(event_0);
+			if (!event_0.defaultPrevented && !handleInlineNavigation(event_0)) menuProps.onKeyDown?.(event_0);
+		};
+		$[6] = completeProps;
+		$[7] = handleInlineNavigation;
+		$[8] = menuProps;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== footer || $[11] !== footerStyles || $[12] !== size) {
+		t4 = footer ? /* @__PURE__ */ jsx(StyledFooter, {
 			"data-size": size,
 			styles: footerStyles,
 			children: footer
 		}) : /* @__PURE__ */ jsx("div", { role: "presentation" });
-		$[16] = footer;
-		$[17] = footerStyles;
-		$[18] = size;
-		$[19] = t10;
-	} else t10 = $[19];
+		$[10] = footer;
+		$[11] = footerStyles;
+		$[12] = size;
+		$[13] = t4;
+	} else t4 = $[13];
 	return /* @__PURE__ */ jsxs(StyledMenuWrapper, {
 		qa,
 		styles,
 		mods: wrapperMods,
 		...wrapperProps,
 		children: [
-			t9,
+			t2,
 			/* @__PURE__ */ jsx(StyledMenu, {
 				...mergeProps$1({
 					styles: menuStyles,
@@ -155,10 +170,11 @@ function Menu(props, ref) {
 					mods: menuMods
 				}, menuProps),
 				ref: domRef,
+				onKeyDown: t3,
 				role: menuProps.role ?? "menu",
 				children: renderedItems
 			}),
-			t10
+			t4
 		]
 	});
 }
@@ -174,7 +190,7 @@ function _temp(key) {
 const _Menu = React.forwardRef(Menu);
 const Section$1 = Object.assign(Section, { displayName: "Section" });
 const __Menu = Object.assign(_Menu, {
-	Item: _CollectionItem,
+	Item: _MenuCollectionItem,
 	Section: Section$1,
 	SubMenuTrigger,
 	Trigger: _MenuTrigger,

package/dist/components/actions/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["useObjectRef","useSyncRef","CollectionChildren","FocusStrategy","ItemProps","Key","BasePropsWithoutChildren","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","Styles","React","ReactElement","ReactNode","Ref","AriaMenuProps","useMenu","Section","BaseSection","useTreeState","mergeProps","extractStyles","CollectionItem","useMenuContext","MenuItem","MenuSection","MenuTrigger","StyledDivider","StyledFooter","StyledHeader","StyledMenu","StyledMenuWrapper","SubMenuTrigger","CubeMenuProps","Omit","T","children","onAction","key","header","footer","menuStyles","headerStyles","footerStyles","styles","itemStyles","sectionStyles","sectionHeadingStyles","shouldFocusWrap","autoFocus","shouldUseVirtualFocus","size","selectedKeys","defaultSelectedKeys","onSelectionChange","keys","Menu","props","ref","$","_c","t0","qa","rest","undefined","domRef","contextProps","ariaSelectedKeys","Set","ariaDefaultSelectedKeys","handleSelectionChange","allKeys","Array","from","state","collection","getKeys","map","_temp","_temp2","t1","key_1","completeProps","collectionItems","hasSections","some","_temp3","menuProps","t2","t3","t4","Record","wrapperProps","id","_id","_ariaLabel","_ariaLabelledBy","_ariaDescribedBy","_ariaDetails","t5","mods","popover","t6","t7","t8","wrapperMods","menuMods","sections","renderedItems","isFirstSection","forEach","item_0","item","type","push","String","menuItem","wrapper","cloneElement","t9","t10","role","key_0","_Menu","forwardRef","RefAttributes","HTMLUListElement","SectionComponent","Object","assign","displayName","__MenuComponent","Item","Trigger","__Menu"],"sources":["../../../../src/components/actions/Menu/Menu.tsx"],"sourcesContent":["import { useObjectRef, useSyncRef } from '@react-aria/utils';\nimport {\n  CollectionChildren,\n  FocusStrategy,\n  ItemProps,\n  Key,\n} from '@react-types/shared';\nimport {\n  BasePropsWithoutChildren,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  Styles,\n} from '@tenphi/tasty';\nimport React, { ReactElement, ReactNode, Ref } from 'react';\nimport { AriaMenuProps, useMenu } from 'react-aria';\nimport { Section as BaseSection, useTreeState } from 'react-stately';\n\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { CollectionItem } from '../../CollectionItem';\n\nimport { useMenuContext } from './context';\nimport { MenuItem } from './MenuItem';\nimport { MenuSection } from './MenuSection';\nimport { MenuTrigger } from './MenuTrigger';\nimport {\n  StyledDivider,\n  StyledFooter,\n  StyledHeader,\n  StyledMenu,\n  StyledMenuWrapper,\n} from './styled';\nimport { SubMenuTrigger } from './SubMenuTrigger';\n\nexport interface CubeMenuProps<T>\n  extends BasePropsWithoutChildren,\n    ContainerStyleProps,\n    Omit<\n      AriaMenuProps<T>,\n      | 'children'\n      | 'onAction'\n      | 'selectedKeys'\n      | 'defaultSelectedKeys'\n      | 'onSelectionChange'\n    > {\n  children?: ReactNode | CollectionChildren<T>;\n  onAction?: (key: Key) => void;\n  // @deprecated\n  header?: ReactNode;\n  footer?: ReactNode;\n  menuStyles?: Styles;\n  headerStyles?: Styles;\n  footerStyles?: Styles;\n  styles?: Styles;\n  itemStyles?: Styles;\n  sectionStyles?: Styles;\n  sectionHeadingStyles?: Styles;\n  /**\n   * Whether keyboard navigation should wrap around when reaching the start/end of the collection.\n   * This directly maps to the `shouldFocusWrap` option supported by React-Aria's `useMenu` hook.\n   */\n  shouldFocusWrap?: boolean;\n\n  /**\n   * Whether the menu should automatically receive focus when it mounts.\n   * This directly maps to the `autoFocus` option supported by React-Aria's `useMenu` hook.\n   */\n  autoFocus?: boolean | FocusStrategy;\n  shouldUseVirtualFocus?: boolean;\n\n  /** Size of the menu items */\n  size?: 'medium' | 'large' | (string & {});\n\n  /** Currently selected keys (controlled) */\n  selectedKeys?: string[];\n  /** Initially selected keys (uncontrolled) */\n  defaultSelectedKeys?: string[];\n  /** Handler for selection changes */\n  onSelectionChange?: (keys: string[]) => void;\n}\n\nfunction Menu<T extends object>(\n  props: CubeMenuProps<T>,\n  ref: Ref<HTMLUListElement>,\n) {\n  const {\n    header,\n    footer,\n    menuStyles,\n    headerStyles,\n    footerStyles,\n    itemStyles,\n    sectionStyles,\n    sectionHeadingStyles,\n    size = 'medium',\n    qa,\n    selectedKeys,\n    defaultSelectedKeys,\n    onSelectionChange,\n    onAction,\n    ...rest\n  } = props;\n  const domRef = useObjectRef(ref);\n  const contextProps = useMenuContext();\n\n  // Convert string[] to Set<Key> for React Aria compatibility\n  const ariaSelectedKeys = selectedKeys ? new Set(selectedKeys) : undefined;\n  const ariaDefaultSelectedKeys = defaultSelectedKeys\n    ? new Set(defaultSelectedKeys)\n    : undefined;\n\n  const handleSelectionChange = onSelectionChange\n    ? (keys: any) => {\n        if (keys === 'all') {\n          // Handle 'all' selection case - collect all available keys\n          const allKeys = Array.from(state.collection.getKeys()).map(\n            (key: any) => String(key),\n          );\n          onSelectionChange(allKeys);\n        } else if (keys instanceof Set) {\n          onSelectionChange(Array.from(keys).map((key) => String(key)));\n        } else {\n          onSelectionChange([]);\n        }\n      }\n    : undefined;\n\n  const completeProps = mergeProps(contextProps, rest, {\n    onAction: onAction ? (key: Key) => onAction(key) : undefined,\n    selectedKeys: ariaSelectedKeys,\n    defaultSelectedKeys: ariaDefaultSelectedKeys,\n    onSelectionChange: handleSelectionChange,\n  });\n\n  // Props used for collection building.\n  const state = useTreeState({\n    ...completeProps,\n    children: completeProps.children as CollectionChildren<T>,\n  });\n  const collectionItems = [...state.collection];\n  const hasSections = collectionItems.some((item) => item.type === 'section');\n\n  const { menuProps } = useMenu(completeProps, state, domRef);\n  const styles = extractStyles(completeProps, CONTAINER_STYLES);\n\n  // `useMenu` already put the id and the name on the `menu` list. Repeated on\n  // the wrapper, the id is a duplicate — a trigger's `aria-controls` finds the\n  // wrapper first — and the name labels a plain `div`.\n  const {\n    id: _id,\n    'aria-label': _ariaLabel,\n    'aria-labelledby': _ariaLabelledBy,\n    'aria-describedby': _ariaDescribedBy,\n    'aria-details': _ariaDetails,\n    ...wrapperProps\n  } = filterBaseProps(completeProps) as Record<string, unknown>;\n\n  const wrapperMods = {\n    popover: completeProps.mods?.popover,\n    footer: !!footer,\n    header: !!header,\n  };\n\n  const menuMods = {\n    sections: hasSections,\n  };\n\n  // Sync the ref stored in the context object with the menu's DOM ref.\n  // `useSyncRef` from @react-aria/utils expects the context object as the\n  // first argument to keep it up-to-date, and a ref object as the second.\n  useSyncRef(contextProps, domRef);\n\n  const renderedItems: React.ReactNode[] = [];\n  let isFirstSection = true;\n\n  collectionItems.forEach((item) => {\n    if (item.type === 'section') {\n      if (!isFirstSection) {\n        renderedItems.push(\n          <StyledDivider\n            key={`divider-${String(item.key)}`}\n            role=\"separator\"\n            aria-orientation=\"horizontal\"\n          />,\n        );\n      }\n\n      renderedItems.push(\n        <MenuSection\n          key={item.key}\n          item={item}\n          state={state}\n          styles={sectionStyles}\n          itemStyles={itemStyles}\n          headingStyles={sectionHeadingStyles}\n          size={size}\n        />,\n      );\n\n      isFirstSection = false;\n      return;\n    }\n\n    let menuItem = (\n      <MenuItem\n        key={item.key}\n        item={item}\n        state={state}\n        styles={itemStyles}\n        size={size}\n      />\n    );\n\n    // `MenuItem` renders the item's `tooltip` itself — wrapping it in a\n    // second provider makes the two tooltips close each other.\n\n    // Apply custom wrapper if provided\n    if (item.props?.wrapper) {\n      menuItem = item.props.wrapper(menuItem);\n    } else if ((item as any).wrapper) {\n      // Handle wrapper from collection nodes (e.g., SubMenuTrigger)\n      menuItem = (item as any).wrapper(menuItem);\n    }\n\n    // Ensure every child has a stable key, even if the wrapper component didn't set one.\n    renderedItems.push(React.cloneElement(menuItem, { key: item.key }));\n  });\n\n  return (\n    <StyledMenuWrapper\n      qa={qa}\n      styles={styles}\n      mods={wrapperMods}\n      {...wrapperProps}\n    >\n      {header ? (\n        <StyledHeader data-size={size} styles={headerStyles}>\n          {header}\n        </StyledHeader>\n      ) : (\n        <div role=\"presentation\" />\n      )}\n      <StyledMenu\n        {...mergeProps(\n          {\n            styles: menuStyles,\n            'data-size': size,\n            mods: menuMods,\n          },\n          menuProps,\n        )}\n        ref={domRef}\n        role={menuProps.role ?? 'menu'}\n      >\n        {renderedItems}\n      </StyledMenu>\n      {footer ? (\n        <StyledFooter data-size={size} styles={footerStyles}>\n          {footer}\n        </StyledFooter>\n      ) : (\n        <div role=\"presentation\" />\n      )}\n    </StyledMenuWrapper>\n  );\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nconst _Menu = React.forwardRef(Menu) as <T>(\n  props: CubeMenuProps<T> & React.RefAttributes<HTMLUListElement>,\n) => ReactElement;\n\ntype SectionComponent = typeof BaseSection;\n\nconst Section = Object.assign(BaseSection, {\n  displayName: 'Section',\n}) as SectionComponent;\n\ntype __MenuComponent = typeof _Menu & {\n  Item: typeof CollectionItem;\n  Section: typeof Section;\n  SubMenuTrigger: typeof SubMenuTrigger;\n  Trigger: typeof MenuTrigger;\n};\n\nconst __Menu = Object.assign(_Menu as __MenuComponent, {\n  Item: CollectionItem,\n  Section,\n  SubMenuTrigger,\n  Trigger: MenuTrigger,\n  displayName: 'Menu',\n});\n\n__Menu.displayName = 'Menu';\n\nexport { __Menu as Menu };\n"],"mappings":"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"}
+{"version":3,"file":"Menu.js","names":["isFocusable","useObjectRef","useSyncRef","CollectionChildren","FocusStrategy","ItemProps","Key","BasePropsWithoutChildren","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","Styles","React","KeyboardEvent","ReactElement","ReactNode","Ref","AriaMenuProps","useMenu","Section","BaseSection","useTreeState","mergeProps","extractStyles","useMenuContext","getMenuItemReactKey","MenuCollectionItem","MenuItem","MenuSection","MenuTrigger","StyledDivider","StyledFooter","StyledHeader","StyledMenu","StyledMenuWrapper","SubMenuTrigger","CubeMenuProps","Omit","T","children","onAction","key","header","footer","menuStyles","headerStyles","footerStyles","styles","itemStyles","sectionStyles","sectionHeadingStyles","shouldFocusWrap","autoFocus","shouldUseVirtualFocus","size","selectedKeys","defaultSelectedKeys","onSelectionChange","keys","Menu","props","ref","$","_c","t0","qa","rest","undefined","domRef","contextProps","ariaSelectedKeys","Set","ariaDefaultSelectedKeys","handleSelectionChange","allKeys","Array","from","state","collection","getKeys","map","_temp","_temp2","t1","key_1","completeProps","collectionItems","hasSections","some","_temp3","menuProps","onKeyDown","handleInlineNavigation","event","menu","currentTarget","item_0","target","HTMLElement","closest","defaultPrevented","item","altKey","ctrlKey","metaKey","nativeEvent","isComposing","querySelector","row","length","focus","shiftKey","items","querySelectorAll","filter","element","hasAttribute","getAttribute","index","indexOf","next","at","rowItems","element_0","forward","getComputedStyle","direction","preventDefault","stopPropagation","id","_id","_ariaLabel","_ariaLabelledBy","_ariaDescribedBy","_ariaDetails","wrapperProps","Record","wrapperMods","popover","mods","menuMods","sections","renderedItems","isFirstSection","forEach","item_1","reactKey","type","push","menuItem","wrapper","cloneElement","t2","t3","event_0","t4","role","key_0","String","_Menu","forwardRef","RefAttributes","HTMLUListElement","SectionComponent","Object","assign","displayName","__MenuComponent","Item","Trigger","__Menu"],"sources":["../../../../src/components/actions/Menu/Menu.tsx"],"sourcesContent":["import { isFocusable, useObjectRef, useSyncRef } from '@react-aria/utils';\nimport {\n  CollectionChildren,\n  FocusStrategy,\n  ItemProps,\n  Key,\n} from '@react-types/shared';\nimport {\n  BasePropsWithoutChildren,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  Styles,\n} from '@tenphi/tasty';\nimport React, { KeyboardEvent, ReactElement, ReactNode, Ref } from 'react';\nimport { AriaMenuProps, useMenu } from 'react-aria';\nimport { Section as BaseSection, useTreeState } from 'react-stately';\n\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { useMenuContext } from './context';\nimport { getMenuItemReactKey, MenuCollectionItem } from './MenuCollectionItem';\nimport { MenuItem } from './MenuItem';\nimport { MenuSection } from './MenuSection';\nimport { MenuTrigger } from './MenuTrigger';\nimport {\n  StyledDivider,\n  StyledFooter,\n  StyledHeader,\n  StyledMenu,\n  StyledMenuWrapper,\n} from './styled';\nimport { SubMenuTrigger } from './SubMenuTrigger';\n\nexport interface CubeMenuProps<T>\n  extends BasePropsWithoutChildren,\n    ContainerStyleProps,\n    Omit<\n      AriaMenuProps<T>,\n      | 'children'\n      | 'onAction'\n      | 'selectedKeys'\n      | 'defaultSelectedKeys'\n      | 'onSelectionChange'\n    > {\n  children?: ReactNode | CollectionChildren<T>;\n  onAction?: (key: Key) => void;\n  // @deprecated\n  header?: ReactNode;\n  footer?: ReactNode;\n  menuStyles?: Styles;\n  headerStyles?: Styles;\n  footerStyles?: Styles;\n  styles?: Styles;\n  itemStyles?: Styles;\n  sectionStyles?: Styles;\n  sectionHeadingStyles?: Styles;\n  /**\n   * Whether keyboard navigation should wrap around when reaching the start/end of the collection.\n   * This directly maps to the `shouldFocusWrap` option supported by React-Aria's `useMenu` hook.\n   */\n  shouldFocusWrap?: boolean;\n\n  /**\n   * Whether the menu should automatically receive focus when it mounts.\n   * This directly maps to the `autoFocus` option supported by React-Aria's `useMenu` hook.\n   */\n  autoFocus?: boolean | FocusStrategy;\n  shouldUseVirtualFocus?: boolean;\n\n  /** Size of the menu items */\n  size?: 'medium' | 'large' | (string & {});\n\n  /** Currently selected keys (controlled) */\n  selectedKeys?: string[];\n  /** Initially selected keys (uncontrolled) */\n  defaultSelectedKeys?: string[];\n  /** Handler for selection changes */\n  onSelectionChange?: (keys: string[]) => void;\n}\n\nfunction Menu<T extends object>(\n  props: CubeMenuProps<T>,\n  ref: Ref<HTMLUListElement>,\n) {\n  const {\n    header,\n    footer,\n    menuStyles,\n    headerStyles,\n    footerStyles,\n    itemStyles,\n    sectionStyles,\n    sectionHeadingStyles,\n    size = 'medium',\n    qa,\n    selectedKeys,\n    defaultSelectedKeys,\n    onSelectionChange,\n    onAction,\n    ...rest\n  } = props;\n  const domRef = useObjectRef(ref);\n  const contextProps = useMenuContext();\n\n  // Convert string[] to Set<Key> for React Aria compatibility\n  const ariaSelectedKeys = selectedKeys ? new Set(selectedKeys) : undefined;\n  const ariaDefaultSelectedKeys = defaultSelectedKeys\n    ? new Set(defaultSelectedKeys)\n    : undefined;\n\n  const handleSelectionChange = onSelectionChange\n    ? (keys: any) => {\n        if (keys === 'all') {\n          // Handle 'all' selection case - collect all available keys\n          const allKeys = Array.from(state.collection.getKeys()).map(\n            (key: any) => String(key),\n          );\n          onSelectionChange(allKeys);\n        } else if (keys instanceof Set) {\n          onSelectionChange(Array.from(keys).map((key) => String(key)));\n        } else {\n          onSelectionChange([]);\n        }\n      }\n    : undefined;\n\n  const completeProps = mergeProps(contextProps, rest, {\n    onAction: onAction ? (key: Key) => onAction(key) : undefined,\n    selectedKeys: ariaSelectedKeys,\n    defaultSelectedKeys: ariaDefaultSelectedKeys,\n    onSelectionChange: handleSelectionChange,\n  });\n\n  // Props used for collection building.\n  const state = useTreeState({\n    ...completeProps,\n    children: completeProps.children as CollectionChildren<T>,\n  });\n  const collectionItems = [...state.collection];\n  const hasSections = collectionItems.some((item) => item.type === 'section');\n\n  const { menuProps } = useMenu(\n    { ...completeProps, onKeyDown: undefined },\n    state,\n    domRef,\n  );\n  const handleInlineNavigation = (event: KeyboardEvent<HTMLUListElement>) => {\n    const menu = event.currentTarget;\n    const item = (event.target as HTMLElement).closest<HTMLElement>(\n      '[role^=\"menuitem\"]',\n    );\n    if (\n      event.defaultPrevented ||\n      !item ||\n      item.closest('[role=\"menu\"]') !== menu ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.metaKey ||\n      event.nativeEvent.isComposing ||\n      !menu.querySelector('[data-element=\"Actions\"] [role^=\"menuitem\"]')\n    )\n      return;\n    const row = item.closest<HTMLElement>('[data-menuitem]');\n    // Search and page navigation remain owned by the Aria collection of rows.\n    if (\n      item.closest('[data-element=\"Actions\"]') &&\n      (event.key === 'PageUp' ||\n        event.key === 'PageDown' ||\n        (event.key.length === 1 && event.key !== ' '))\n    ) {\n      row?.querySelector<HTMLElement>('[data-menu-native-primary]')?.focus();\n      return;\n    }\n    if (event.shiftKey) return;\n    const items = Array.from(\n      menu.querySelectorAll<HTMLElement>('[role^=\"menuitem\"]'),\n    ).filter(\n      (element) =>\n        element.closest('[role=\"menu\"]') === menu &&\n        !element.hasAttribute('disabled') &&\n        element.getAttribute('aria-disabled') !== 'true' &&\n        isFocusable(element),\n    );\n    const index = items.indexOf(item);\n    if (index < 0) return;\n    let next: HTMLElement | undefined;\n    if (event.key === 'ArrowDown')\n      next =\n        items[index + 1] ??\n        (completeProps.shouldFocusWrap !== false ? items[0] : undefined);\n    else if (event.key === 'ArrowUp')\n      next =\n        items[index - 1] ??\n        (completeProps.shouldFocusWrap !== false ? items.at(-1) : undefined);\n    else if (event.key === 'Home') next = items[0];\n    else if (event.key === 'End') next = items.at(-1);\n    else if (\n      (event.key === 'ArrowRight' || event.key === 'ArrowLeft') &&\n      row &&\n      !item.hasAttribute('aria-haspopup')\n    ) {\n      const rowItems = items.filter(\n        (element) => element.closest('[data-menuitem]') === row,\n      );\n      const forward =\n        event.key ===\n        (getComputedStyle(row).direction === 'rtl'\n          ? 'ArrowLeft'\n          : 'ArrowRight');\n      next = rowItems[rowItems.indexOf(item) + (forward ? 1 : -1)];\n    }\n    if (next) {\n      event.preventDefault();\n      event.stopPropagation();\n      next.focus();\n      return true;\n    }\n  };\n  const styles = extractStyles(completeProps, CONTAINER_STYLES);\n\n  // `useMenu` already put the id and the name on the `menu` list. Repeated on\n  // the wrapper, the id is a duplicate — a trigger's `aria-controls` finds the\n  // wrapper first — and the name labels a plain `div`.\n  const {\n    id: _id,\n    'aria-label': _ariaLabel,\n    'aria-labelledby': _ariaLabelledBy,\n    'aria-describedby': _ariaDescribedBy,\n    'aria-details': _ariaDetails,\n    ...wrapperProps\n  } = filterBaseProps(completeProps) as Record<string, unknown>;\n\n  const wrapperMods = {\n    popover: completeProps.mods?.popover,\n    footer: !!footer,\n    header: !!header,\n  };\n\n  const menuMods = {\n    sections: hasSections,\n  };\n\n  // Sync the ref stored in the context object with the menu's DOM ref.\n  // `useSyncRef` from @react-aria/utils expects the context object as the\n  // first argument to keep it up-to-date, and a ref object as the second.\n  useSyncRef(contextProps, domRef);\n\n  const renderedItems: React.ReactNode[] = [];\n  let isFirstSection = true;\n\n  collectionItems.forEach((item) => {\n    const reactKey = getMenuItemReactKey(item.key);\n    if (item.type === 'section') {\n      if (!isFirstSection) {\n        renderedItems.push(\n          <StyledDivider\n            key={`divider-${reactKey}`}\n            role=\"separator\"\n            aria-orientation=\"horizontal\"\n          />,\n        );\n      }\n\n      renderedItems.push(\n        <MenuSection\n          key={reactKey}\n          item={item}\n          state={state}\n          styles={sectionStyles}\n          itemStyles={itemStyles}\n          headingStyles={sectionHeadingStyles}\n          size={size}\n        />,\n      );\n\n      isFirstSection = false;\n      return;\n    }\n\n    let menuItem = (\n      <MenuItem\n        key={reactKey}\n        item={item}\n        state={state}\n        styles={itemStyles}\n        size={size}\n      />\n    );\n\n    // `MenuItem` renders the item's `tooltip` itself — wrapping it in a\n    // second provider makes the two tooltips close each other.\n\n    // Apply custom wrapper if provided\n    if (item.props?.wrapper) {\n      menuItem = item.props.wrapper(menuItem);\n    } else if ((item as any).wrapper) {\n      // Handle wrapper from collection nodes (e.g., SubMenuTrigger)\n      menuItem = (item as any).wrapper(menuItem);\n    }\n\n    // Ensure every child has a stable key, even if the wrapper component didn't set one.\n    renderedItems.push(React.cloneElement(menuItem, { key: reactKey }));\n  });\n\n  return (\n    <StyledMenuWrapper\n      qa={qa}\n      styles={styles}\n      mods={wrapperMods}\n      {...wrapperProps}\n    >\n      {header ? (\n        <StyledHeader data-size={size} styles={headerStyles}>\n          {header}\n        </StyledHeader>\n      ) : (\n        <div role=\"presentation\" />\n      )}\n      <StyledMenu\n        {...mergeProps(\n          {\n            styles: menuStyles,\n            'data-size': size,\n            mods: menuMods,\n          },\n          menuProps,\n        )}\n        ref={domRef}\n        onKeyDown={(event) => {\n          completeProps.onKeyDown?.(event);\n          if (!event.defaultPrevented && !handleInlineNavigation(event))\n            menuProps.onKeyDown?.(event);\n        }}\n        role={menuProps.role ?? 'menu'}\n      >\n        {renderedItems}\n      </StyledMenu>\n      {footer ? (\n        <StyledFooter data-size={size} styles={footerStyles}>\n          {footer}\n        </StyledFooter>\n      ) : (\n        <div role=\"presentation\" />\n      )}\n    </StyledMenuWrapper>\n  );\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nconst _Menu = React.forwardRef(Menu) as <T>(\n  props: CubeMenuProps<T> & React.RefAttributes<HTMLUListElement>,\n) => ReactElement;\n\ntype SectionComponent = typeof BaseSection;\n\nconst Section = Object.assign(BaseSection, {\n  displayName: 'Section',\n}) as SectionComponent;\n\ntype __MenuComponent = typeof _Menu & {\n  Item: typeof MenuCollectionItem;\n  Section: typeof Section;\n  SubMenuTrigger: typeof SubMenuTrigger;\n  Trigger: typeof MenuTrigger;\n};\n\nconst __Menu = Object.assign(_Menu as __MenuComponent, {\n  Item: MenuCollectionItem,\n  Section,\n  SubMenuTrigger,\n  Trigger: MenuTrigger,\n  displayName: 'Menu',\n});\n\n__Menu.displayName = 'Menu';\n\nexport { __Menu as Menu };\n"],"mappings":"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"}

package/dist/components/actions/Menu/MenuCollectionItem.d.ts

@@ -0,0 +1,18 @@
+
+import { NavigateOptions, To } from "../../../providers/navigation.types.js";
+import { CubeCollectionItemBaseProps, _CollectionItem } from "../../CollectionItem.js";
+import { ReactElement } from "react";
+import { Key as Key$1, LinkDOMProps } from "@react-types/shared";
+
+//#region src/components/actions/Menu/MenuCollectionItem.d.ts
+interface CubeMenuItemProps<T> extends CubeCollectionItemBaseProps<T>, LinkDOMProps {
+  /** Application destination. Takes precedence over href. */
+  to?: To;
+  navigationOptions?: NavigateOptions;
+  [key: string]: any;
+}
+declare function MenuCollectionItem<T>(_props: CubeMenuItemProps<T>): ReactElement | null;
+declare const _MenuCollectionItem: typeof MenuCollectionItem & Pick<typeof _CollectionItem, 'Action' | 'Badge'>;
+//#endregion
+export { CubeMenuItemProps, _MenuCollectionItem };
+//# sourceMappingURL=MenuCollectionItem.d.ts.map

package/dist/components/actions/Menu/MenuCollectionItem.js

@@ -0,0 +1,36 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1b26a89 | Cube Dev Team */
+import { parseTo } from "../use-action.js";
+import { COLLECTION_ITEM_CLICK, _CollectionItem } from "../../CollectionItem.js";
+import { Item } from "react-stately";
+
+//#region src/components/actions/Menu/MenuCollectionItem.tsx
+const CURRENT_DOCUMENT_LINK = Symbol("Menu.Item current document");
+function getMenuItemReactKey(key) {
+	return `${typeof key}:${String(key)}`;
+}
+function MenuCollectionItem(_props) {
+	return null;
+}
+const _MenuCollectionItem = Object.assign(MenuCollectionItem, {
+	Action: _CollectionItem.Action,
+	Badge: _CollectionItem.Badge,
+	getCollectionNode(props, context) {
+		const { newTab } = parseTo(props.to);
+		const isCurrentDocument = props.to == null && props.href === "";
+		const isLink = props.to !== "" && (props.to != null || props.href != null);
+		return Item.getCollectionNode({
+			...props,
+			isDisabled: props.isDisabled ?? (props.isLoading ? true : void 0),
+			href: props.to === "" ? void 0 : props.to != null ? "." : isCurrentDocument ? "." : props.href,
+			[CURRENT_DOCUMENT_LINK]: isCurrentDocument,
+			onClick: isLink ? void 0 : props.onClick,
+			[COLLECTION_ITEM_CLICK]: isLink ? props.onClick : void 0,
+			target: newTab ? "_blank" : props.target,
+			rel: newTab ? props.rel ?? "noopener noreferrer" : props.rel
+		}, context);
+	}
+});
+
+//#endregion
+export { CURRENT_DOCUMENT_LINK, _MenuCollectionItem, getMenuItemReactKey };
+//# sourceMappingURL=MenuCollectionItem.js.map

package/dist/components/actions/Menu/MenuCollectionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuCollectionItem.js","names":["ReactElement","Item","NavigateOptions","To","COLLECTION_ITEM_CLICK","CollectionItem","CubeCollectionItemBaseProps","parseTo","Key","LinkDOMProps","CubeMenuItemProps","T","to","navigationOptions","key","CURRENT_DOCUMENT_LINK","Symbol","getMenuItemReactKey","String","MenuCollectionItem","_props","_MenuCollectionItem","Pick","Object","assign","Action","Badge","getCollectionNode","props","context","newTab","isCurrentDocument","href","isLink","isDisabled","isLoading","undefined","onClick","target","rel"],"sources":["../../../../src/components/actions/Menu/MenuCollectionItem.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport { Item } from 'react-stately';\n\nimport { NavigateOptions, To } from '../../../providers/navigation.types';\nimport {\n  COLLECTION_ITEM_CLICK,\n  CollectionItem,\n  CubeCollectionItemBaseProps,\n} from '../../CollectionItem';\nimport { parseTo } from '../use-action';\n\nimport type { Key, LinkDOMProps } from '@react-types/shared';\n\nexport interface CubeMenuItemProps<T>\n  extends CubeCollectionItemBaseProps<T>,\n    LinkDOMProps {\n  /** Application destination. Takes precedence over href. */\n  to?: To;\n  navigationOptions?: NavigateOptions;\n  [key: string]: any;\n}\n\n// Aria recognizes links by a truthy collection href; preserve the native empty URL.\nexport const CURRENT_DOCUMENT_LINK = Symbol('Menu.Item current document');\n\nexport function getMenuItemReactKey(key: Key): string {\n  return `${typeof key}:${String(key)}`;\n}\n\nfunction MenuCollectionItem<T>(\n  _props: CubeMenuItemProps<T>,\n): ReactElement | null {\n  return null;\n}\n\nconst _MenuCollectionItem: typeof MenuCollectionItem &\n  Pick<typeof CollectionItem, 'Action' | 'Badge'> = Object.assign(\n  MenuCollectionItem,\n  {\n    Action: CollectionItem.Action,\n    Badge: CollectionItem.Badge,\n    getCollectionNode<T>(props: CubeMenuItemProps<T>, context: unknown) {\n      const { newTab } = parseTo(props.to);\n      const isCurrentDocument = props.to == null && props.href === '';\n      const isLink =\n        props.to !== '' && (props.to != null || props.href != null);\n\n      // A private href marks links for Aria; the row resolves the actual `to`.\n      return (Item as any).getCollectionNode(\n        {\n          ...props,\n          isDisabled: props.isDisabled ?? (props.isLoading ? true : undefined),\n          href:\n            props.to === ''\n              ? undefined\n              : props.to != null\n                ? '.'\n                : isCurrentDocument\n                  ? '.'\n                  : props.href,\n          [CURRENT_DOCUMENT_LINK]: isCurrentDocument,\n          // Selectable items also consume collection onClick; let Menu own it once.\n          onClick: isLink ? undefined : props.onClick,\n          [COLLECTION_ITEM_CLICK]: isLink ? props.onClick : undefined,\n          target: newTab ? '_blank' : props.target,\n          rel: newTab ? props.rel ?? 'noopener noreferrer' : props.rel,\n        },\n        context,\n      );\n    },\n  },\n);\n\nexport { _MenuCollectionItem as MenuCollectionItem };\n"],"mappings":";;;;;;AAuBA,MAAae,wBAAwBC,OAAO,6BAA6B;AAEzE,SAAgBC,oBAAoBH,KAAkB;AACpD,QAAO,GAAG,OAAOA,IAAG,GAAII,OAAOJ,IAAI;;AAGrC,SAASK,mBACPC,QACqB;AACrB,QAAO;;AAGT,MAAMC,sBAC8CE,OAAOC,OACzDL,oBACA;CACEM,QAAQpB,gBAAeoB;CACvBC,OAAOrB,gBAAeqB;CACtBC,kBAAqBC,OAA6BC,SAAkB;EAClE,MAAM,EAAEC,WAAWvB,QAAQqB,MAAMhB,GAAG;EACpC,MAAMmB,oBAAoBH,MAAMhB,MAAM,QAAQgB,MAAMI,SAAS;EAC7D,MAAMC,SACJL,MAAMhB,OAAO,OAAOgB,MAAMhB,MAAM,QAAQgB,MAAMI,QAAQ;AAGxD,SAAQ/B,KAAa0B,kBACnB;GACE,GAAGC;GACHM,YAAYN,MAAMM,eAAeN,MAAMO,YAAY,OAAOC;GAC1DJ,MACEJ,MAAMhB,OAAO,KACTwB,SACAR,MAAMhB,MAAM,OACV,MACAmB,oBACE,MACAH,MAAMI;IACfjB,wBAAwBgB;GAEzBM,SAASJ,SAASG,SAAYR,MAAMS;IACnCjC,wBAAwB6B,SAASL,MAAMS,UAAUD;GAClDE,QAAQR,SAAS,WAAWF,MAAMU;GAClCC,KAAKT,SAASF,MAAMW,OAAO,wBAAwBX,MAAMW;GAC1D,EACDV,QACD;;CAGP,CAAC"}