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

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

@@ -1,53 +1,287 @@
-/** @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 { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
-import { filterCollectionItemProps } from "../../CollectionItem.js";
-import { _Item } from "../../content/Item/Item.js";
+import { isExternalUrl } from "../../../providers/navigation-url.js";
+import { useNavigation } from "../../../providers/use-navigation.js";
+import { parseTo } from "../use-action.js";
+import { COLLECTION_ITEM_CLICK, filterCollectionItemProps } from "../../CollectionItem.js";
 import { useMenuContext } from "./context.js";
+import { CURRENT_DOCUMENT_LINK } from "./MenuCollectionItem.js";
 import { RightIcon } from "../../../icons/RightIcon.js";
+import { ItemWithNativeLinks } from "../../content/Item/ItemWithNativeLinks.js";
 import { SubmenuTriggerContext } from "./SubmenuTriggerContext.js";
 import { c } from "react/compiler-runtime";
 import { useContext, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { FocusRing, useMenuItem } from "react-aria";
+import { ClearPressResponder } from "@react-aria/interactions";
+import { openLink, shouldClientNavigate, useGlobalListeners } from "@react-aria/utils";
 
 //#region src/components/actions/Menu/MenuItem.tsx
+function splitMenuItemProps(props, semanticId = false) {
+	const rowProps = {};
+	const semanticProps = {};
+	for (const [key, value] of Object.entries(props)) if (key.startsWith("aria-") && key !== "aria-hidden" || semanticId && key === "id" || [
+		"role",
+		"tabIndex",
+		"onFocus",
+		"onBlur",
+		"data-key",
+		"data-collection"
+	].includes(key)) semanticProps[key] = value;
+	else rowProps[key] = value;
+	return {
+		rowProps,
+		semanticProps
+	};
+}
+function primaryMenuItemProps(ariaProps, consumerProps, isLink, id, type) {
+	const props = mergeProps$1(ariaProps, consumerProps);
+	if (isLink) {
+		props.role = "menuitem";
+		props["aria-checked"] = void 0;
+	}
+	if (!("aria-labelledby" in consumerProps)) props["aria-labelledby"] = consumerProps["aria-label"] != null ? void 0 : id && type !== "header" && type !== "card" ? id : ariaProps["aria-labelledby"];
+	props["aria-hidden"] = void 0;
+	props["data-menu-native-primary"] = "";
+	return props;
+}
 /** @private */
 function MenuItem(props) {
-	const $ = c(18);
+	const $ = c(3);
+	const submenuContext = useContext(SubmenuTriggerContext);
+	let t0;
+	if ($[0] !== props || $[1] !== submenuContext) {
+		t0 = !submenuContext ? /* @__PURE__ */ jsx(MenuLinkItem, { ...props }) : /* @__PURE__ */ jsx(MenuItemContent, { ...props });
+		$[0] = props;
+		$[1] = submenuContext;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+}
+function MenuLinkItem(props) {
+	const $ = c(23);
+	const activatedLink = useRef(null);
+	const linkRef = useRef(null);
+	const { to, href, navigationOptions } = props.item.props;
+	let t0;
+	if ($[0] !== to) {
+		t0 = parseTo(to);
+		$[0] = to;
+		$[1] = t0;
+	} else t0 = $[1];
+	const { cleanTo: parsedTo, nativeRoute } = t0;
+	const isCurrentDocument = props.item.props[CURRENT_DOCUMENT_LINK];
+	const cleanTo = to != null ? parsedTo : isCurrentDocument ? "" : href;
+	let t1;
+	if ($[2] !== cleanTo) {
+		t1 = typeof cleanTo === "string" && isExternalUrl(cleanTo);
+		$[2] = cleanTo;
+		$[3] = t1;
+	} else t1 = $[3];
+	const isExternal = t1;
+	const t2 = navigationOptions?.relative;
+	let t3;
+	if ($[4] !== t2) {
+		t3 = { relative: t2 };
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	const { navigate, resolvedHref, isDefault } = useNavigation(isExternal ? "." : cleanTo || ".", t3);
+	const linkHref = isCurrentDocument || nativeRoute && cleanTo === "" ? "" : isExternal ? String(cleanTo) : resolvedHref;
+	const itemProps = props.item.props;
+	let t4;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = (element) => {
+			linkRef.current = element;
+		};
+		$[6] = t4;
+	} else t4 = $[6];
+	const onNativeLinkElement = t4;
+	let t5;
+	if ($[7] !== itemProps) {
+		t5 = (event) => {
+			activatedLink.current = event.target.closest?.("a[data-menu-native-link]") ?? linkRef.current;
+			itemProps[COLLECTION_ITEM_CLICK]?.(event);
+		};
+		$[7] = itemProps;
+		$[8] = t5;
+	} else t5 = $[8];
+	const onClick = t5;
+	let t6;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = (event_0) => {
+			const anchor = activatedLink.current;
+			if (!anchor) return;
+			openLink(anchor.cloneNode(false), event_0, false);
+		};
+		$[9] = t6;
+	} else t6 = $[9];
+	const openNative = t6;
+	let t7;
+	if ($[10] !== cleanTo || $[11] !== isCurrentDocument || $[12] !== isDefault || $[13] !== isExternal || $[14] !== nativeRoute || $[15] !== navigate || $[16] !== navigationOptions) {
+		t7 = (event_1) => {
+			const anchor_0 = activatedLink.current;
+			if (!anchor_0?.hasAttribute("href") || event_1.defaultPrevented || event_1.button !== 0) return;
+			if (shouldClientNavigate(anchor_0, event_1) && !isDefault && !isCurrentDocument && !nativeRoute && !isExternal) {
+				event_1.preventDefault();
+				if (cleanTo !== void 0) navigate(cleanTo, navigationOptions);
+			} else if (!(event_1.target instanceof Element) || !anchor_0.contains(event_1.target)) openNative(event_1);
+		};
+		$[10] = cleanTo;
+		$[11] = isCurrentDocument;
+		$[12] = isDefault;
+		$[13] = isExternal;
+		$[14] = nativeRoute;
+		$[15] = navigate;
+		$[16] = navigationOptions;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[18] !== linkHref || $[19] !== onClick || $[20] !== props || $[21] !== t7) {
+		t8 = /* @__PURE__ */ jsx(MenuItemContent, {
+			...props,
+			nativeLinkHref: linkHref,
+			onNativeLinkElement,
+			onClick,
+			onNavigate: t7
+		});
+		$[18] = linkHref;
+		$[19] = onClick;
+		$[20] = props;
+		$[21] = t7;
+		$[22] = t8;
+	} else t8 = $[22];
+	return t8;
+}
+function MenuItemContent(props) {
+	const $ = c(38);
 	const { item, state, styles, isVirtualized, onAction, size, id } = props;
 	const { onClose, closeOnSelect } = useMenuContext();
 	const { rendered, key, props: itemProps } = item;
 	const submenuContext = useContext(SubmenuTriggerContext);
-	const { id: ownId, ...filteredItemProps } = filterCollectionItemProps(itemProps);
+	const { to: _to, navigationOptions: _navigationOptions, routerOptions: _routerOptions, href: _href, target: _target, rel: _rel, download: _download, ping: _ping, referrerPolicy: _referrerPolicy, hrefLang: _hrefLang, ...filteredItemProps } = filterCollectionItemProps(itemProps);
 	const { mods: itemMods, qa: itemQa } = filteredItemProps;
 	const isSelectable = state.selectionManager.selectionMode !== "none";
-	const isDisabledKey = state.disabledKeys.has(key) || submenuContext?.isDisabled;
+	const isDisabledKey = state.selectionManager.isDisabled(key) || submenuContext?.isDisabled || filteredItemProps.isLoading && filteredItemProps.isDisabled !== false;
 	const ref = useRef(null);
-	const elementRef = submenuContext?.triggerRef ?? ref;
+	const rowRef = useRef(null);
+	const restoreFocusRef = useRef(false);
+	const elementRef = ref;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = (element) => {
+			if (!element) restoreFocusRef.current = ref.current === ref.current?.ownerDocument.activeElement;
+			ref.current = element;
+			if (element && restoreFocusRef.current) {
+				restoreFocusRef.current = false;
+				element.focus({ preventScroll: true });
+			}
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const updateSemanticElement = t0;
+	let t1;
+	if ($[1] !== itemProps || $[2] !== props.onClick || $[3] !== submenuContext) {
+		t1 = (event) => {
+			(props.onClick ?? itemProps[COLLECTION_ITEM_CLICK])?.(event);
+			submenuContext?.onAction?.();
+		};
+		$[1] = itemProps;
+		$[2] = props.onClick;
+		$[3] = submenuContext;
+		$[4] = t1;
+	} else t1 = $[4];
 	const { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps, isFocused, isSelected, isPressed, isDisabled } = useMenuItem({
-		id: id ?? ownId,
+		id: id ?? itemProps.id,
 		isSelected: state.selectionManager.isSelected(key),
 		isDisabled: isDisabledKey,
 		"aria-label": item["aria-label"],
+		"aria-haspopup": submenuContext ? "menu" : void 0,
+		"aria-expanded": submenuContext ? submenuContext.isOpen ? "true" : "false" : void 0,
 		key,
 		onClose: submenuContext ? void 0 : onClose,
 		closeOnSelect: submenuContext ? false : closeOnSelect,
 		isVirtualized,
-		onAction: submenuContext?.onAction || onAction
+		onAction,
+		onClick: t1
 	}, state, elementRef);
 	const isVirtualFocused = state.selectionManager.focusedKey === key;
-	const { onKeyDown: itemOnKeyDown, ...itemOwnProps } = menuItemProps;
-	let t0;
-	if ($[0] !== itemOnKeyDown || $[1] !== submenuContext) {
-		t0 = submenuContext?.onKeyDown ? (e) => {
+	const { onKeyDown: itemOnKeyDown, onPointerDown: itemOnPointerDown, onPointerUp: itemOnPointerUp, href: _renderedHref, target: _renderedTarget, rel: _renderedRel, download: _renderedDownload, ping: _renderedPing, referrerPolicy: _renderedPolicy, hrefLang: _renderedHrefLang, ...itemOwnProps } = menuItemProps;
+	const isLink = itemProps.href != null && !submenuContext;
+	const primaryInCell = isLink || !!filteredItemProps.actions && filteredItemProps.actions !== true;
+	const { rowProps: rowItemProps, semanticProps } = splitMenuItemProps(itemOwnProps, props.id != null);
+	const { rowProps: rowConsumerProps, semanticProps: consumerSemanticProps } = splitMenuItemProps(filteredItemProps);
+	const skippedPointerUp = useRef(null);
+	const { addGlobalListener, removeAllGlobalListeners } = useGlobalListeners();
+	const onPointerDown = (event_0) => {
+		skippedPointerUp.current = null;
+		removeAllGlobalListeners();
+		if (isLink && (event_0.ctrlKey || event_0.metaKey || event_0.altKey || event_0.shiftKey)) {
+			const pointerId = event_0.pointerId;
+			const ownerDocument = event_0.currentTarget.ownerDocument;
+			const recordSkippedUp = (up) => {
+				if (up.pointerId !== pointerId) return;
+				skippedPointerUp.current = up;
+				removeAllGlobalListeners();
+			};
+			const clearSkippedUp = (cancel) => {
+				if (cancel.pointerId !== pointerId) return;
+				skippedPointerUp.current = null;
+				removeAllGlobalListeners();
+			};
+			addGlobalListener(ownerDocument, "pointerup", recordSkippedUp, true);
+			addGlobalListener(ownerDocument, "pointercancel", clearSkippedUp, true);
+			return;
+		}
+		itemOnPointerDown?.(event_0);
+	};
+	const onPointerUp = (event_1) => {
+		if (skippedPointerUp.current === event_1.nativeEvent) {
+			skippedPointerUp.current = null;
+			return;
+		}
+		if (isLink && (event_1.ctrlKey || event_1.metaKey || event_1.altKey || event_1.shiftKey)) return;
+		itemOnPointerUp?.(event_1);
+	};
+	const onKeyDown = (e) => {
+		if (e.target.closest("[data-element=\"Actions\"]")) return;
+		if (primaryInCell && (e.key === " " || e.key === "Enter")) {
+			if (isDisabled) {
+				e.preventDefault();
+				e.stopPropagation();
+				return;
+			}
+			if (e.nativeEvent.isComposing || e.key === " " && e.repeat) {
+				e.preventDefault();
+				e.stopPropagation();
+				return;
+			}
+			if (isLink && (e.ctrlKey || e.metaKey || e.altKey || e.shiftKey)) {
+				itemOnKeyDown?.(e);
+				e.preventDefault();
+				e.stopPropagation();
+				e.currentTarget.dispatchEvent(new window.MouseEvent("click", {
+					bubbles: true,
+					cancelable: true,
+					detail: 1,
+					ctrlKey: e.ctrlKey,
+					metaKey: e.metaKey,
+					altKey: e.altKey,
+					shiftKey: e.shiftKey
+				}));
+				return;
+			}
+		}
+		if (submenuContext?.onKeyDown) {
 			submenuContext.onKeyDown?.(e);
 			if (!e.defaultPrevented) itemOnKeyDown?.(e);
-		} : itemOnKeyDown;
-		$[0] = itemOnKeyDown;
-		$[1] = submenuContext;
-		$[2] = t0;
-	} else t0 = $[2];
-	const onKeyDown = t0;
+		} else itemOnKeyDown?.(e);
+		if (primaryInCell && !isLink && !submenuContext && e.key === "Enter" && !e.repeat && !e.nativeEvent.isComposing) {
+			e.preventDefault();
+			e.stopPropagation();
+			elementRef.current?.click();
+		}
+	};
 	const mods = {
 		...itemMods,
 		focused: isFocused || isVirtualFocused,
@@ -57,67 +291,150 @@ function MenuItem(props) {
 		submenu: !!submenuContext,
 		menuitem: true
 	};
-	const T0 = FocusRing;
-	const T1 = _Item;
-	const t1 = mergeProps$1({
-		...itemOwnProps,
-		onKeyDown
-	}, filteredItemProps, {
-		"data-popover-trigger": true,
-		qa: itemQa ? itemQa : `MenuItem-${key}`,
-		mods,
-		styles,
-		"data-size": size,
-		as: "li",
-		labelProps,
-		descriptionProps,
-		keyboardShortcutProps,
-		"aria-haspopup": submenuContext ? "menu" : void 0,
-		"aria-expanded": submenuContext?.isOpen,
-		"data-has-submenu": submenuContext ? true : void 0,
-		onMouseEnter: submenuContext?.onMouseEnter,
-		onMouseLeave: submenuContext?.onMouseLeave
-	});
-	let t2;
-	if ($[3] !== filteredItemProps || $[4] !== submenuContext) {
-		t2 = submenuContext ? /* @__PURE__ */ jsx(RightIcon, {}) : filteredItemProps.rightIcon;
-		$[3] = filteredItemProps;
-		$[4] = submenuContext;
-		$[5] = t2;
-	} else t2 = $[5];
-	const t3 = isSelectable ? isSelected : void 0;
-	const t4 = size === "small" ? "small" : "medium";
+	const t2 = isLink && !isDisabled ? props.nativeLinkHref : void 0;
+	const t3 = isLink || void 0;
+	let t4;
+	if ($[5] !== isDisabled || $[6] !== menuItemProps) {
+		t4 = (event_2) => {
+			if (!isDisabled && menuItemProps.tabIndex != null) elementRef.current?.focus({ preventScroll: true });
+			event_2.preventDefault();
+		};
+		$[5] = isDisabled;
+		$[6] = menuItemProps;
+		$[7] = t4;
+	} else t4 = $[7];
 	let t5;
-	if ($[6] !== T1 || $[7] !== elementRef || $[8] !== isDisabled || $[9] !== rendered || $[10] !== t1 || $[11] !== t2 || $[12] !== t3 || $[13] !== t4) {
-		t5 = /* @__PURE__ */ jsx(T1, {
-			...t1,
-			ref: elementRef,
-			disableActionsFocus: true,
-			rightIcon: t2,
-			defaultTooltipPlacement: "right",
-			isSelected: t3,
-			isDisabled,
-			size: t4,
-			children: rendered
-		});
-		$[6] = T1;
-		$[7] = elementRef;
-		$[8] = isDisabled;
-		$[9] = rendered;
-		$[10] = t1;
-		$[11] = t2;
-		$[12] = t3;
-		$[13] = t4;
-		$[14] = t5;
-	} else t5 = $[14];
+	if ($[8] !== itemProps.download || $[9] !== itemProps.hrefLang || $[10] !== itemProps.ping || $[11] !== itemProps.referrerPolicy || $[12] !== itemProps.rel || $[13] !== itemProps.target || $[14] !== t2 || $[15] !== t3 || $[16] !== t4) {
+		t5 = {
+			href: t2,
+			target: itemProps.target,
+			rel: itemProps.rel,
+			download: itemProps.download,
+			ping: itemProps.ping,
+			referrerPolicy: itemProps.referrerPolicy,
+			hrefLang: itemProps.hrefLang,
+			tabIndex: -1,
+			"aria-hidden": t3,
+			role: "none",
+			onMouseDown: t4
+		};
+		$[8] = itemProps.download;
+		$[9] = itemProps.hrefLang;
+		$[10] = itemProps.ping;
+		$[11] = itemProps.referrerPolicy;
+		$[12] = itemProps.rel;
+		$[13] = itemProps.target;
+		$[14] = t2;
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+	} else t5 = $[17];
+	const nativeLinkProps = t5;
 	let t6;
-	if ($[15] !== T0 || $[16] !== t5) {
-		t6 = /* @__PURE__ */ jsx(T0, { children: t5 });
-		$[15] = T0;
-		$[16] = t5;
-		$[17] = t6;
-	} else t6 = $[17];
-	return t6;
+	if ($[18] !== key || $[19] !== primaryInCell || $[20] !== state.selectionManager) {
+		t6 = primaryInCell ? (e_0) => {
+			state.selectionManager.setFocused(false);
+			state.selectionManager.setFocusedKey(key);
+			e_0.stopPropagation();
+		} : void 0;
+		$[18] = key;
+		$[19] = primaryInCell;
+		$[20] = state.selectionManager;
+		$[21] = t6;
+	} else t6 = $[21];
+	const t7 = consumerSemanticProps["aria-label"];
+	const t8 = consumerSemanticProps["aria-labelledby"];
+	let t9;
+	if ($[22] !== t7 || $[23] !== t8) {
+		t9 = {
+			label: t7,
+			labelledBy: t8
+		};
+		$[22] = t7;
+		$[23] = t8;
+		$[24] = t9;
+	} else t9 = $[24];
+	let t10;
+	if ($[25] !== primaryInCell || $[26] !== props || $[27] !== updateSemanticElement) {
+		t10 = (element_0) => {
+			if (primaryInCell) updateSemanticElement(element_0);
+			props.onNativeLinkElement?.(element_0);
+		};
+		$[25] = primaryInCell;
+		$[26] = props;
+		$[27] = updateSemanticElement;
+		$[28] = t10;
+	} else t10 = $[28];
+	let t11;
+	if ($[29] !== primaryInCell || $[30] !== updateSemanticElement) {
+		t11 = (element_1) => {
+			if (!primaryInCell) updateSemanticElement(element_1);
+		};
+		$[29] = primaryInCell;
+		$[30] = updateSemanticElement;
+		$[31] = t11;
+	} else t11 = $[31];
+	let t12;
+	if ($[32] !== filteredItemProps.actions || $[33] !== primaryInCell) {
+		t12 = primaryInCell && filteredItemProps.actions && filteredItemProps.actions !== true ? /* @__PURE__ */ jsx(ClearPressResponder, { children: filteredItemProps.actions }) : filteredItemProps.actions;
+		$[32] = filteredItemProps.actions;
+		$[33] = primaryInCell;
+		$[34] = t12;
+	} else t12 = $[34];
+	let t13;
+	if ($[35] !== filteredItemProps.rightIcon || $[36] !== submenuContext) {
+		t13 = submenuContext ? /* @__PURE__ */ jsx(RightIcon, {}) : filteredItemProps.rightIcon;
+		$[35] = filteredItemProps.rightIcon;
+		$[36] = submenuContext;
+		$[37] = t13;
+	} else t13 = $[37];
+	return /* @__PURE__ */ jsx(FocusRing, { children: /* @__PURE__ */ jsx(ItemWithNativeLinks, {
+		...mergeProps$1(primaryInCell ? rowItemProps : itemOwnProps, primaryInCell ? rowConsumerProps : filteredItemProps, {
+			"data-popover-trigger": true,
+			qa: itemQa ? itemQa : `MenuItem-${key}`,
+			mods,
+			styles,
+			style: filteredItemProps.style,
+			"data-size": size,
+			as: "li",
+			onClick: isDisabled ? void 0 : props.onNavigate,
+			labelProps,
+			descriptionProps,
+			keyboardShortcutProps,
+			"data-has-submenu": submenuContext ? true : void 0,
+			onMouseEnter: submenuContext?.onMouseEnter,
+			onMouseLeave: submenuContext?.onMouseLeave
+		}),
+		onKeyDown: (event_3) => {
+			onKeyDown(event_3);
+			filteredItemProps.onKeyDown?.(event_3);
+		},
+		onPointerDown: (event_4) => {
+			onPointerDown(event_4);
+			filteredItemProps.onPointerDown?.(event_4);
+		},
+		onPointerUp: (event_5) => {
+			onPointerUp(event_5);
+			filteredItemProps.onPointerUp?.(event_5);
+		},
+		role: primaryInCell ? "none" : itemOwnProps.role,
+		ref: submenuContext?.triggerRef ?? rowRef,
+		nativeLinkProps,
+		onInlineFocus: t6,
+		nativeMenuItemProps: primaryInCell ? primaryMenuItemProps(semanticProps, consumerSemanticProps, isLink, props.id, filteredItemProps.type) : void 0,
+		nativeMenuItemShouldFocus: isFocused && menuItemProps.tabIndex != null,
+		nativeMenuItemName: t9,
+		onNativeLinkElement: t10,
+		onNativeElement: t11,
+		actions: t12,
+		disableActionsFocus: true,
+		rightIcon: t13,
+		defaultTooltipPlacement: "right",
+		isSelected: isSelectable ? isSelected : void 0,
+		isDisabled,
+		size: size === "small" ? "small" : "medium",
+		children: rendered
+	}) });
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["FocusableElement","Key","Node","Styles","KeyboardEvent","useContext","useRef","FocusRing","useMenuItem","TreeState","RightIcon","mergeProps","filterCollectionItemProps","Item","useMenuContext","SubmenuTriggerContext","MenuSelectionType","MenuItemProps","item","T","id","state","styles","isVirtualized","isDisabled","onAction","key","size","MenuItem","props","$","_c","onClose","closeOnSelect","rendered","itemProps","submenuContext","ownId","filteredItemProps","mods","itemMods","qa","itemQa","isSelectable","selectionManager","selectionMode","isDisabledKey","disabledKeys","has","ref","elementRef","triggerRef","menuItemProps","labelProps","descriptionProps","keyboardShortcutProps","isFocused","isSelected","isPressed","undefined","isVirtualFocused","focusedKey","onKeyDown","itemOnKeyDown","itemOwnProps","t0","e","defaultPrevented","focused","pressed","selected","disabled","submenu","menuitem","T0","T1","t1","as","isOpen","onMouseEnter","onMouseLeave","t2","rightIcon","t3","t4","t5","t6"],"sources":["../../../../src/components/actions/Menu/MenuItem.tsx"],"sourcesContent":["import { FocusableElement, Key, Node } from '@react-types/shared';\nimport { Styles } from '@tenphi/tasty';\nimport { KeyboardEvent, useContext, useRef } from 'react';\nimport { FocusRing, useMenuItem } from 'react-aria';\nimport { TreeState } from 'react-stately';\n\nimport { RightIcon } from '../../../icons/RightIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { filterCollectionItemProps } from '../../CollectionItem';\nimport { Item } from '../../content/Item/Item';\n\nimport { useMenuContext } from './context';\nimport { SubmenuTriggerContext } from './SubmenuTriggerContext';\n\nexport type MenuSelectionType = 'checkbox' | 'radio' | 'checkmark';\n\nexport interface MenuItemProps<T> {\n  item: Node<T>;\n  /**\n   * The item element's id. A menu whose focus stays elsewhere — `CommandMenu`\n   * keeps it in its search input — points `aria-activedescendant` at it.\n   */\n  id?: string;\n  state: TreeState<T>;\n  styles?: Styles;\n  isVirtualized?: boolean;\n  isDisabled?: boolean;\n  onAction?: (key: Key) => void;\n  size?: 'small' | 'medium' | (string & {});\n}\n\n/** @private */\nexport function MenuItem<T>(props: MenuItemProps<T>) {\n  const { item, state, styles, isVirtualized, onAction, size, id } = props;\n  const { onClose, closeOnSelect } = useMenuContext();\n  const { rendered, key, props: itemProps } = item;\n\n  // Check if this item is wrapped in a SubmenuTriggerContext\n  const submenuContext = useContext(SubmenuTriggerContext);\n\n  // Filter out service props (react-stately and parent-handled props)\n  // All remaining props are safe to pass to Item component\n  // An `id` the menu assigns wins over the item's own: the menu points\n  // `aria-activedescendant` at it. Merged instead, the item's would replace it.\n  const { id: ownId, ...filteredItemProps } =\n    filterCollectionItemProps(itemProps);\n\n  // Extract specific props that need special handling\n  const { hotkeys, mods: itemMods, qa: itemQa } = filteredItemProps;\n\n  const isSelectable = state.selectionManager.selectionMode !== 'none';\n  const isDisabledKey =\n    state.disabledKeys.has(key) || submenuContext?.isDisabled;\n\n  const ref = useRef<HTMLLIElement>(null);\n\n  // Use the triggerRef from submenu context if present\n  const elementRef = (submenuContext?.triggerRef ?? ref) as any;\n\n  const {\n    menuItemProps,\n    labelProps,\n    descriptionProps,\n    keyboardShortcutProps,\n    isFocused,\n    isSelected,\n    isPressed,\n    isDisabled,\n  } = useMenuItem(\n    {\n      id: id ?? ownId,\n      isSelected: state.selectionManager.isSelected(key),\n      isDisabled: isDisabledKey,\n      'aria-label': item['aria-label'],\n      key,\n      onClose: submenuContext ? undefined : onClose, // Don't close menu for submenu triggers\n      closeOnSelect: submenuContext ? false : closeOnSelect, // Don't close on submenu trigger selection\n      isVirtualized,\n      onAction: submenuContext?.onAction || onAction,\n    },\n    state,\n    elementRef,\n  );\n\n  // Selection indicator will be handled by Item component\n  const isVirtualFocused = state.selectionManager.focusedKey === key;\n\n  // `mergeProps` chains handlers rather than replacing them, so a handler of\n  // the item's own passed to it again runs twice. `onKeyDown` used to be: Enter\n  // and Space each click the item, so every keyboard activation fired\n  // `onAction` twice. It is taken out here and passed once.\n  const { onKeyDown: itemOnKeyDown, ...itemOwnProps } = menuItemProps;\n  const onKeyDown = submenuContext?.onKeyDown\n    ? (e: KeyboardEvent<FocusableElement>) => {\n        // The submenu goes first; a key it handles is not the item's too.\n        submenuContext.onKeyDown?.(e);\n        if (!e.defaultPrevented) itemOnKeyDown?.(e);\n      }\n    : itemOnKeyDown;\n\n  const mods = {\n    ...itemMods,\n    focused: isFocused || isVirtualFocused,\n    pressed: isPressed,\n    selected: isSelected,\n    disabled: isDisabled,\n    submenu: !!submenuContext,\n    menuitem: true,\n  };\n\n  return (\n    <FocusRing>\n      <Item\n        {...mergeProps({ ...itemOwnProps, onKeyDown }, filteredItemProps, {\n          'data-popover-trigger': true,\n          qa: itemQa ? itemQa : `MenuItem-${key}`,\n          mods,\n          styles,\n          'data-size': size,\n          as: 'li',\n          labelProps,\n          descriptionProps,\n          keyboardShortcutProps,\n          'aria-haspopup': submenuContext ? 'menu' : undefined,\n          'aria-expanded': submenuContext?.isOpen,\n          'data-has-submenu': submenuContext ? true : undefined,\n          // Chained after the item's own hover handlers.\n          onMouseEnter: submenuContext?.onMouseEnter,\n          onMouseLeave: submenuContext?.onMouseLeave,\n        })}\n        ref={elementRef}\n        disableActionsFocus={true}\n        rightIcon={submenuContext ? <RightIcon /> : filteredItemProps.rightIcon}\n        defaultTooltipPlacement=\"right\"\n        isSelected={isSelectable ? isSelected : undefined}\n        isDisabled={isDisabled}\n        size={size === 'small' ? 'small' : 'medium'}\n      >\n        {rendered}\n      </Item>\n    </FocusRing>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","names":["ClearPressResponder","openLink","shouldClientNavigate","useGlobalListeners","FocusableElement","Key","Node","Styles","AnchorHTMLAttributes","KeyboardEvent","MouseEvent","PointerEvent","useContext","useRef","FocusRing","useMenuItem","TreeState","RightIcon","isExternalUrl","useNavigation","mergeProps","COLLECTION_ITEM_CLICK","filterCollectionItemProps","ItemWithNativeLinks","parseTo","useMenuContext","CURRENT_DOCUMENT_LINK","SubmenuTriggerContext","MenuSelectionType","MenuItemProps","item","T","id","state","styles","isVirtualized","isDisabled","onAction","key","size","splitMenuItemProps","props","Record","semanticId","rowProps","semanticProps","value","Object","entries","startsWith","includes","primaryMenuItemProps","ariaProps","consumerProps","isLink","type","role","undefined","MenuItem","$","_c","submenuContext","t0","MenuLinkItem","activatedLink","linkRef","to","href","navigationOptions","cleanTo","parsedTo","nativeRoute","isCurrentDocument","t1","isExternal","t2","relative","t3","navigate","resolvedHref","isDefault","linkHref","String","itemProps","t4","Symbol","for","element","current","onNativeLinkElement","t5","event","target","Element","closest","onClick","t6","event_0","anchor","cloneNode","HTMLAnchorElement","openNative","t7","event_1","anchor_0","hasAttribute","defaultPrevented","button","preventDefault","contains","t8","MenuItemContent","onClose","closeOnSelect","rendered","_to","_navigationOptions","routerOptions","_routerOptions","_href","_target","rel","_rel","download","_download","ping","_ping","referrerPolicy","_referrerPolicy","hrefLang","_hrefLang","filteredItemProps","mods","itemMods","qa","itemQa","isSelectable","selectionManager","selectionMode","isDisabledKey","isLoading","ref","rowRef","restoreFocusRef","elementRef","ownerDocument","activeElement","focus","preventScroll","updateSemanticElement","menuItemProps","labelProps","descriptionProps","keyboardShortcutProps","isFocused","isSelected","isPressed","isOpen","isVirtualFocused","focusedKey","onKeyDown","itemOnKeyDown","onPointerDown","itemOnPointerDown","onPointerUp","itemOnPointerUp","_renderedHref","_renderedTarget","_renderedRel","_renderedDownload","_renderedPing","_renderedPolicy","_renderedHrefLang","itemOwnProps","primaryInCell","actions","rowItemProps","rowConsumerProps","consumerSemanticProps","skippedPointerUp","addGlobalListener","removeAllGlobalListeners","ctrlKey","metaKey","altKey","shiftKey","pointerId","currentTarget","recordSkippedUp","up","clearSkippedUp","cancel","nativeEvent","e","HTMLElement","stopPropagation","isComposing","repeat","dispatchEvent","window","bubbles","cancelable","detail","click","focused","pressed","selected","disabled","submenu","menuitem","nativeLinkHref","event_2","tabIndex","onMouseDown","nativeLinkProps","e_0","setFocused","setFocusedKey","t9","label","labelledBy","t10","element_0","t11","element_1","t12","t13","rightIcon","content","style","as","onNavigate","onMouseEnter","onMouseLeave","event_3","event_4","event_5","triggerRef"],"sources":["../../../../src/components/actions/Menu/MenuItem.tsx"],"sourcesContent":["import { ClearPressResponder } from '@react-aria/interactions';\nimport {\n  openLink,\n  shouldClientNavigate,\n  useGlobalListeners,\n} from '@react-aria/utils';\nimport { FocusableElement, Key, Node } from '@react-types/shared';\nimport { Styles } from '@tenphi/tasty';\nimport {\n  AnchorHTMLAttributes,\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  useContext,\n  useRef,\n} from 'react';\nimport { FocusRing, useMenuItem } from 'react-aria';\nimport { TreeState } from 'react-stately';\n\nimport { RightIcon } from '../../../icons/RightIcon';\nimport { isExternalUrl } from '../../../providers/navigation-url';\nimport { useNavigation } from '../../../providers/use-navigation';\nimport { mergeProps } from '../../../utils/react';\nimport {\n  COLLECTION_ITEM_CLICK,\n  filterCollectionItemProps,\n} from '../../CollectionItem';\nimport { ItemWithNativeLinks } from '../../content/Item/ItemWithNativeLinks';\nimport { parseTo } from '../use-action';\n\nimport { useMenuContext } from './context';\nimport { CURRENT_DOCUMENT_LINK } from './MenuCollectionItem';\nimport { SubmenuTriggerContext } from './SubmenuTriggerContext';\n\nexport type MenuSelectionType = 'checkbox' | 'radio' | 'checkmark';\n\nexport interface MenuItemProps<T> {\n  item: Node<T>;\n  /**\n   * The item element's id. A menu whose focus stays elsewhere — `CommandMenu`\n   * keeps it in its search input — points `aria-activedescendant` at it.\n   */\n  id?: string;\n  state: TreeState<T>;\n  styles?: Styles;\n  isVirtualized?: boolean;\n  isDisabled?: boolean;\n  onAction?: (key: Key) => void;\n  size?: 'small' | 'medium' | (string & {});\n}\n\n// The primary control owns accessibility; the list row keeps styling and presses.\nfunction splitMenuItemProps(props: Record<string, any>, semanticId = false) {\n  const rowProps: Record<string, any> = {};\n  const semanticProps: Record<string, any> = {};\n  for (const [key, value] of Object.entries(props)) {\n    if (\n      (key.startsWith('aria-') && key !== 'aria-hidden') ||\n      (semanticId && key === 'id') ||\n      [\n        'role',\n        'tabIndex',\n        'onFocus',\n        'onBlur',\n        'data-key',\n        'data-collection',\n      ].includes(key)\n    )\n      semanticProps[key] = value;\n    else rowProps[key] = value;\n  }\n  return { rowProps, semanticProps };\n}\n\nfunction primaryMenuItemProps(\n  ariaProps: Record<string, any>,\n  consumerProps: Record<string, any>,\n  isLink: boolean,\n  id: string | undefined,\n  type: string | undefined,\n) {\n  const props = mergeProps(ariaProps, consumerProps);\n  // Destinations cannot change the menu's checked selection.\n  if (isLink) {\n    props.role = 'menuitem';\n    props['aria-checked'] = undefined;\n  }\n  if (!('aria-labelledby' in consumerProps)) {\n    props['aria-labelledby'] =\n      consumerProps['aria-label'] != null\n        ? undefined\n        : id && type !== 'header' && type !== 'card'\n          ? id\n          : ariaProps['aria-labelledby'];\n  }\n  props['aria-hidden'] = undefined;\n  props['data-menu-native-primary'] = '';\n  return props;\n}\n\n/** @private */\nexport function MenuItem<T>(props: MenuItemProps<T>) {\n  const submenuContext = useContext(SubmenuTriggerContext);\n  return !submenuContext ? (\n    <MenuLinkItem {...props} />\n  ) : (\n    <MenuItemContent {...props} />\n  );\n}\n\nfunction MenuLinkItem<T>(props: MenuItemProps<T>) {\n  const activatedLink = useRef<HTMLAnchorElement>(null);\n  const linkRef = useRef<HTMLAnchorElement>(null);\n  const { to, href, navigationOptions } = props.item.props;\n  const { cleanTo: parsedTo, nativeRoute } = parseTo(to);\n  const isCurrentDocument = props.item.props[CURRENT_DOCUMENT_LINK];\n  const cleanTo = to != null ? parsedTo : isCurrentDocument ? '' : href;\n  const isExternal = typeof cleanTo === 'string' && isExternalUrl(cleanTo);\n  const { navigate, resolvedHref, isDefault } = useNavigation(\n    isExternal ? '.' : cleanTo || '.',\n    { relative: navigationOptions?.relative },\n  );\n  const linkHref =\n    isCurrentDocument || (nativeRoute && cleanTo === '')\n      ? ''\n      : isExternal\n        ? String(cleanTo)\n        : resolvedHref;\n  const itemProps = props.item.props;\n  const onNativeLinkElement = (element: HTMLAnchorElement | null) => {\n    linkRef.current = element;\n  };\n  const onClick = (event: MouseEvent<FocusableElement>) => {\n    const target = event.target as Element;\n    activatedLink.current =\n      target.closest?.<HTMLAnchorElement>('a[data-menu-native-link]') ??\n      linkRef.current;\n    itemProps[COLLECTION_ITEM_CLICK]?.(event);\n  };\n  const openNative = (event: MouseEvent<FocusableElement>) => {\n    const anchor = activatedLink.current;\n    if (!anchor) return;\n    openLink(anchor.cloneNode(false) as HTMLAnchorElement, event, false);\n  };\n  return (\n    <MenuItemContent\n      {...props}\n      nativeLinkHref={linkHref}\n      onNativeLinkElement={onNativeLinkElement}\n      onClick={onClick}\n      onNavigate={(event) => {\n        const anchor = activatedLink.current;\n        if (\n          !anchor?.hasAttribute('href') ||\n          event.defaultPrevented ||\n          event.button !== 0\n        )\n          return;\n        if (\n          shouldClientNavigate(anchor, event) &&\n          !isDefault &&\n          !isCurrentDocument &&\n          !nativeRoute &&\n          !isExternal\n        ) {\n          event.preventDefault();\n          if (cleanTo !== undefined) navigate(cleanTo, navigationOptions);\n        } else if (\n          !(event.target instanceof Element) ||\n          !anchor.contains(event.target)\n        ) {\n          openNative(event);\n        }\n      }}\n    />\n  );\n}\n\nfunction MenuItemContent<T>(\n  props: MenuItemProps<T> & {\n    nativeLinkHref?: string;\n    onNativeLinkElement?: (element: HTMLAnchorElement | null) => void;\n    onNavigate?: (event: MouseEvent<FocusableElement>) => void;\n    onClick?: (event: MouseEvent<FocusableElement>) => void;\n  },\n) {\n  const { item, state, styles, isVirtualized, onAction, size, id } = props;\n  const { onClose, closeOnSelect } = useMenuContext();\n  const { rendered, key, props: itemProps } = item;\n\n  // Check if this item is wrapped in a SubmenuTriggerContext\n  const submenuContext = useContext(SubmenuTriggerContext);\n\n  // Filter out service props (react-stately and parent-handled props)\n  // All remaining props are safe to pass to Item component\n  const {\n    to: _to,\n    navigationOptions: _navigationOptions,\n    routerOptions: _routerOptions,\n    href: _href,\n    target: _target,\n    rel: _rel,\n    download: _download,\n    ping: _ping,\n    referrerPolicy: _referrerPolicy,\n    hrefLang: _hrefLang,\n    ...filteredItemProps\n  } = filterCollectionItemProps(itemProps);\n\n  // Extract specific props that need special handling\n  const { hotkeys, mods: itemMods, qa: itemQa } = filteredItemProps;\n\n  const isSelectable = state.selectionManager.selectionMode !== 'none';\n  const isDisabledKey =\n    state.selectionManager.isDisabled(key) ||\n    submenuContext?.isDisabled ||\n    (filteredItemProps.isLoading && filteredItemProps.isDisabled !== false);\n\n  const ref = useRef<HTMLElement>(null);\n  const rowRef = useRef<HTMLElement>(null);\n  const restoreFocusRef = useRef(false);\n  const elementRef = ref;\n  const updateSemanticElement = (element: HTMLElement | null) => {\n    if (!element)\n      restoreFocusRef.current =\n        ref.current === ref.current?.ownerDocument.activeElement;\n    ref.current = element;\n    if (element && restoreFocusRef.current) {\n      restoreFocusRef.current = false;\n      element.focus({ preventScroll: true });\n    }\n  };\n\n  const {\n    menuItemProps,\n    labelProps,\n    descriptionProps,\n    keyboardShortcutProps,\n    isFocused,\n    isSelected,\n    isPressed,\n    isDisabled,\n  } = useMenuItem(\n    {\n      id: id ?? itemProps.id,\n      isSelected: state.selectionManager.isSelected(key),\n      isDisabled: isDisabledKey,\n      'aria-label': item['aria-label'],\n      'aria-haspopup': submenuContext ? 'menu' : undefined,\n      'aria-expanded': submenuContext\n        ? submenuContext.isOpen\n          ? 'true'\n          : 'false'\n        : undefined,\n      key,\n      onClose: submenuContext ? undefined : onClose, // Don't close menu for submenu triggers\n      closeOnSelect: submenuContext ? false : closeOnSelect, // Don't close on submenu trigger selection\n      isVirtualized,\n      onAction,\n      onClick: (event) => {\n        (props.onClick ?? itemProps[COLLECTION_ITEM_CLICK])?.(event);\n        submenuContext?.onAction?.();\n      },\n    },\n    state,\n    elementRef,\n  );\n\n  // Selection indicator will be handled by Item component\n  const isVirtualFocused = state.selectionManager.focusedKey === key;\n\n  // `mergeProps` chains handlers rather than replacing them, so a handler of\n  // the item's own passed to it again runs twice. `onKeyDown` used to be: Enter\n  // and Space each click the item, so every keyboard activation fired\n  // `onAction` twice. It is taken out here and passed once.\n  const {\n    onKeyDown: itemOnKeyDown,\n    onPointerDown: itemOnPointerDown,\n    onPointerUp: itemOnPointerUp,\n    href: _renderedHref,\n    target: _renderedTarget,\n    rel: _renderedRel,\n    download: _renderedDownload,\n    ping: _renderedPing,\n    referrerPolicy: _renderedPolicy,\n    hrefLang: _renderedHrefLang,\n    ...itemOwnProps\n  } = menuItemProps as typeof menuItemProps &\n    AnchorHTMLAttributes<HTMLAnchorElement>;\n  const isLink = itemProps.href != null && !submenuContext;\n  const primaryInCell =\n    isLink ||\n    (!!filteredItemProps.actions && filteredItemProps.actions !== true);\n  const { rowProps: rowItemProps, semanticProps } = splitMenuItemProps(\n    itemOwnProps,\n    props.id != null,\n  );\n  const { rowProps: rowConsumerProps, semanticProps: consumerSemanticProps } =\n    splitMenuItemProps(filteredItemProps);\n  const skippedPointerUp = useRef<globalThis.PointerEvent | null>(null);\n  const { addGlobalListener, removeAllGlobalListeners } = useGlobalListeners();\n  const onPointerDown = (event: PointerEvent<FocusableElement>) => {\n    skippedPointerUp.current = null;\n    removeAllGlobalListeners();\n    // A modified native gesture must not start Aria's delayed-click fallback.\n    if (\n      isLink &&\n      (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey)\n    ) {\n      const pointerId = event.pointerId;\n      const ownerDocument = event.currentTarget.ownerDocument;\n      const recordSkippedUp = (up: globalThis.PointerEvent) => {\n        if (up.pointerId !== pointerId) return;\n        skippedPointerUp.current = up;\n        removeAllGlobalListeners();\n      };\n      const clearSkippedUp = (cancel: globalThis.PointerEvent) => {\n        if (cancel.pointerId !== pointerId) return;\n        skippedPointerUp.current = null;\n        removeAllGlobalListeners();\n      };\n      addGlobalListener(ownerDocument, 'pointerup', recordSkippedUp, true);\n      addGlobalListener(ownerDocument, 'pointercancel', clearSkippedUp, true);\n      return;\n    }\n    itemOnPointerDown?.(event);\n  };\n  const onPointerUp = (event: PointerEvent<FocusableElement>) => {\n    if (skippedPointerUp.current === event.nativeEvent) {\n      skippedPointerUp.current = null;\n      return;\n    }\n    if (\n      isLink &&\n      (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey)\n    )\n      return;\n    itemOnPointerUp?.(event);\n  };\n  const onKeyDown = (e: KeyboardEvent<FocusableElement>) => {\n    // Inline controls own activation; the menu handles their row navigation.\n    if ((e.target as HTMLElement).closest('[data-element=\"Actions\"]')) return;\n    if (primaryInCell && (e.key === ' ' || e.key === 'Enter')) {\n      if (isDisabled) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      if (e.nativeEvent.isComposing || (e.key === ' ' && e.repeat)) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      if (isLink && (e.ctrlKey || e.metaKey || e.altKey || e.shiftKey)) {\n        itemOnKeyDown?.(e);\n        e.preventDefault();\n        e.stopPropagation();\n        e.currentTarget.dispatchEvent(\n          new window.MouseEvent('click', {\n            bubbles: true,\n            cancelable: true,\n            detail: 1,\n            ctrlKey: e.ctrlKey,\n            metaKey: e.metaKey,\n            altKey: e.altKey,\n            shiftKey: e.shiftKey,\n          }),\n        );\n        return;\n      }\n    }\n    if (submenuContext?.onKeyDown) {\n      // The submenu goes first; a key it handles is not the item's too.\n      submenuContext.onKeyDown?.(e);\n      if (!e.defaultPrevented) itemOnKeyDown?.(e);\n    } else itemOnKeyDown?.(e);\n    // Aria records Enter but expects an A to have native link activation.\n    if (\n      primaryInCell &&\n      !isLink &&\n      !submenuContext &&\n      e.key === 'Enter' &&\n      !e.repeat &&\n      !e.nativeEvent.isComposing\n    ) {\n      e.preventDefault();\n      e.stopPropagation();\n      elementRef.current?.click();\n    }\n  };\n\n  const mods = {\n    ...itemMods,\n    focused: isFocused || isVirtualFocused,\n    pressed: isPressed,\n    selected: isSelected,\n    disabled: isDisabled,\n    submenu: !!submenuContext,\n    menuitem: true,\n  };\n\n  const nativeLinkProps: AnchorHTMLAttributes<HTMLAnchorElement> = {\n    href: isLink && !isDisabled ? props.nativeLinkHref : undefined,\n    target: itemProps.target,\n    rel: itemProps.rel,\n    download: itemProps.download,\n    ping: itemProps.ping,\n    referrerPolicy: itemProps.referrerPolicy,\n    hrefLang: itemProps.hrefLang,\n    tabIndex: -1,\n    'aria-hidden': isLink || undefined,\n    role: 'none',\n    onMouseDown: (event) => {\n      if (!isDisabled && menuItemProps.tabIndex != null)\n        elementRef.current?.focus({ preventScroll: true });\n      event.preventDefault();\n    },\n  };\n\n  const content = (\n    <FocusRing>\n      <ItemWithNativeLinks\n        {...mergeProps(\n          primaryInCell ? rowItemProps : itemOwnProps,\n          primaryInCell ? rowConsumerProps : filteredItemProps,\n          {\n            'data-popover-trigger': true,\n            qa: itemQa ? itemQa : `MenuItem-${key}`,\n            mods,\n            styles,\n            style: filteredItemProps.style,\n            'data-size': size,\n            as: 'li',\n            onClick: isDisabled ? undefined : props.onNavigate,\n            labelProps,\n            descriptionProps,\n            keyboardShortcutProps,\n            'data-has-submenu': submenuContext ? true : undefined,\n            // Chained after the item's own hover handlers.\n            onMouseEnter: submenuContext?.onMouseEnter,\n            onMouseLeave: submenuContext?.onMouseLeave,\n          },\n        )}\n        {...{\n          onKeyDown: (event: KeyboardEvent<FocusableElement>) => {\n            onKeyDown(event);\n            filteredItemProps.onKeyDown?.(event);\n          },\n          onPointerDown: (event: PointerEvent<FocusableElement>) => {\n            onPointerDown(event);\n            filteredItemProps.onPointerDown?.(event);\n          },\n          onPointerUp: (event: PointerEvent<FocusableElement>) => {\n            onPointerUp(event);\n            filteredItemProps.onPointerUp?.(event);\n          },\n        }}\n        role={primaryInCell ? 'none' : itemOwnProps.role}\n        ref={submenuContext?.triggerRef ?? rowRef}\n        nativeLinkProps={nativeLinkProps}\n        onInlineFocus={\n          primaryInCell\n            ? (e) => {\n                state.selectionManager.setFocused(false);\n                state.selectionManager.setFocusedKey(key);\n                e.stopPropagation();\n              }\n            : undefined\n        }\n        nativeMenuItemProps={\n          primaryInCell\n            ? primaryMenuItemProps(\n                semanticProps,\n                consumerSemanticProps,\n                isLink,\n                props.id,\n                filteredItemProps.type,\n              )\n            : undefined\n        }\n        nativeMenuItemShouldFocus={isFocused && menuItemProps.tabIndex != null}\n        nativeMenuItemName={{\n          label: consumerSemanticProps['aria-label'],\n          labelledBy: consumerSemanticProps['aria-labelledby'],\n        }}\n        onNativeLinkElement={(element) => {\n          if (primaryInCell) updateSemanticElement(element);\n          props.onNativeLinkElement?.(element);\n        }}\n        onNativeElement={(element) => {\n          if (!primaryInCell) updateSemanticElement(element);\n        }}\n        actions={\n          primaryInCell &&\n          filteredItemProps.actions &&\n          filteredItemProps.actions !== true ? (\n            <ClearPressResponder>\n              {filteredItemProps.actions}\n            </ClearPressResponder>\n          ) : (\n            filteredItemProps.actions\n          )\n        }\n        disableActionsFocus={true}\n        rightIcon={submenuContext ? <RightIcon /> : filteredItemProps.rightIcon}\n        defaultTooltipPlacement=\"right\"\n        isSelected={isSelectable ? isSelected : undefined}\n        isDisabled={isDisabled}\n        size={size === 'small' ? 'small' : 'medium'}\n      >\n        {rendered}\n      </ItemWithNativeLinks>\n    </FocusRing>\n  );\n\n  return content;\n}\n"],"mappings":"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"}

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

@@ -6,11 +6,10 @@ import { Key as Key$1 } from "@react-types/shared";
 
 //#region src/components/actions/Menu/MenuSection.d.ts
 interface CubeMenuSectionProps<T> extends Omit<MenuItemProps<T>, 'id'> {
-  /** The id each item in the section gets, as `MenuItem`'s `id`. */
-  getItemId?: (key: Key$1) => string;
   itemStyles?: Styles;
   headingStyles?: Styles;
   size?: 'small' | 'medium' | (string & {});
+  itemId?: (key: Key$1) => string;
 }
 /** @private */
 declare function MenuSection<T>(props: CubeMenuSectionProps<T>): react.JSX.Element;