@cube-dev/ui-kit 0.182.0 → 0.183.0

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _CollectionItem } from "../../CollectionItem.js";
@@ -8,8 +8,9 @@ import { StyledDivider, StyledFooter, StyledHeader, StyledMenu, StyledMenuWrappe
 import { MenuSection } from "./MenuSection.js";
 import { _MenuTrigger } from "./MenuTrigger.js";
 import { SubMenuTrigger } from "./SubMenuTrigger.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps } from "@tenphi/tasty";
-import React, { useMemo } from "react";
+import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMenu } from "react-aria";
 import { Section, useTreeState } from "react-stately";
@@ -17,7 +18,10 @@ import { useObjectRef, useSyncRef } from "@react-aria/utils";
 
 //#region src/components/actions/Menu/Menu.tsx
 function Menu(props, ref) {
-	const { header, footer, menuStyles, headerStyles, footerStyles, itemStyles, sectionStyles, sectionHeadingStyles, size = "medium", focusOnHover = false, qa, selectedKeys, defaultSelectedKeys, onSelectionChange, ...rest } = props;
+	const $ = c(25);
+	const { header, footer, menuStyles, headerStyles, footerStyles, itemStyles, sectionStyles, sectionHeadingStyles, size: t0, focusOnHover: t1, qa, selectedKeys, defaultSelectedKeys, onSelectionChange, ...rest } = props;
+	const size = t0 === void 0 ? "medium" : t0;
+	const focusOnHover = t1 === void 0 ? false : t1;
 	const domRef = useObjectRef(ref);
 	const contextProps = useMenuContext();
 	const completeProps = mergeProps$1(contextProps, rest, {
@@ -25,99 +29,150 @@ function Menu(props, ref) {
 		selectedKeys: selectedKeys ? new Set(selectedKeys) : void 0,
 		defaultSelectedKeys: defaultSelectedKeys ? new Set(defaultSelectedKeys) : void 0,
 		onSelectionChange: onSelectionChange ? (keys) => {
-			if (keys === "all") onSelectionChange(Array.from(state.collection.getKeys()).map((key) => String(key)));
-			else if (keys instanceof Set) onSelectionChange(Array.from(keys).map((key) => String(key)));
+			if (keys === "all") onSelectionChange(Array.from(state.collection.getKeys()).map(_temp));
+			else if (keys instanceof Set) onSelectionChange(Array.from(keys).map(_temp2));
 			else onSelectionChange([]);
 		} : void 0
 	});
 	const state = useTreeState(completeProps);
 	const collectionItems = [...state.collection];
-	const hasSections = collectionItems.some((item) => item.type === "section");
+	const hasSections = collectionItems.some(_temp3);
 	const { menuProps } = useMenu(completeProps, state, domRef);
-	const styles = useMemo(() => extractStyles(completeProps, CONTAINER_STYLES), [completeProps]);
-	const wrapperMods = useMemo(() => {
-		return {
+	let t2;
+	if ($[0] !== completeProps) {
+		t2 = extractStyles(completeProps, CONTAINER_STYLES);
+		$[0] = completeProps;
+		$[1] = t2;
+	} else t2 = $[1];
+	const styles = t2;
+	let t3;
+	if ($[2] !== completeProps.mods?.popover || $[3] !== footer || $[4] !== header) {
+		t3 = () => ({
 			popover: completeProps.mods?.popover,
 			footer: !!footer,
 			header: !!header
-		};
-	}, [
-		completeProps.mods?.popover,
-		footer,
-		header
-	]);
-	const menuMods = useMemo(() => {
-		return { sections: hasSections };
-	}, [hasSections]);
+		});
+		$[2] = completeProps.mods?.popover;
+		$[3] = footer;
+		$[4] = header;
+		$[5] = t3;
+	} else t3 = $[5];
+	completeProps.mods?.popover;
+	let t4;
+	if ($[6] !== t3) {
+		t4 = t3();
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	const wrapperMods = t4;
+	let t5;
+	if ($[8] !== hasSections) {
+		t5 = { sections: hasSections };
+		$[8] = hasSections;
+		$[9] = t5;
+	} else t5 = $[9];
+	const menuMods = t5;
 	useSyncRef(contextProps, domRef);
-	const renderedItems = useMemo(() => {
-		const items = [];
-		let isFirstSection = true;
-		collectionItems.forEach((item) => {
-			if (item.type === "section") {
-				if (!isFirstSection) items.push(/* @__PURE__ */ jsx(StyledDivider, {
-					role: "separator",
-					"aria-orientation": "horizontal"
-				}, `divider-${String(item.key)}`));
-				items.push(/* @__PURE__ */ jsx(MenuSection, {
-					item,
-					state,
-					styles: sectionStyles,
-					itemStyles,
-					headingStyles: sectionHeadingStyles,
-					size
-				}, item.key));
-				isFirstSection = false;
-				return;
-			}
-			let menuItem = /* @__PURE__ */ jsx(MenuItem, {
-				item,
+	const items = [];
+	let isFirstSection = true;
+	collectionItems.forEach((item_0) => {
+		if (item_0.type === "section") {
+			if (!isFirstSection) items.push(/* @__PURE__ */ jsx(StyledDivider, {
+				role: "separator",
+				"aria-orientation": "horizontal"
+			}, `divider-${String(item_0.key)}`));
+			items.push(/* @__PURE__ */ jsx(MenuSection, {
+				item: item_0,
 				state,
-				styles: itemStyles,
-				size,
-				onAction: item.onAction
-			}, item.key);
-			if (item.props?.wrapper) menuItem = item.props.wrapper(menuItem);
-			else if (item.wrapper) menuItem = item.wrapper(menuItem);
-			items.push(React.cloneElement(menuItem, { key: item.key }));
-		});
-		return items;
-	}, [
-		collectionItems,
-		state,
-		sectionStyles,
-		itemStyles,
-		sectionHeadingStyles
-	]);
+				styles: sectionStyles,
+				itemStyles,
+				headingStyles: sectionHeadingStyles,
+				size
+			}, item_0.key));
+			isFirstSection = false;
+			return;
+		}
+		let menuItem = /* @__PURE__ */ jsx(MenuItem, {
+			item: item_0,
+			state,
+			styles: itemStyles,
+			size,
+			onAction: item_0.onAction
+		}, item_0.key);
+		if (item_0.props?.wrapper) menuItem = item_0.props.wrapper(menuItem);
+		else if (item_0.wrapper) menuItem = item_0.wrapper(menuItem);
+		items.push(React.cloneElement(menuItem, { key: item_0.key }));
+	});
+	const renderedItems = items;
+	let t6;
+	if ($[10] !== completeProps) {
+		t6 = filterBaseProps(completeProps);
+		$[10] = completeProps;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== header || $[13] !== headerStyles || $[14] !== size) {
+		t7 = header ? /* @__PURE__ */ jsx(StyledHeader, {
+			"data-size": size,
+			styles: headerStyles,
+			children: header
+		}) : /* @__PURE__ */ jsx("div", { role: "presentation" });
+		$[12] = header;
+		$[13] = headerStyles;
+		$[14] = size;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== menuMods || $[17] !== menuProps || $[18] !== menuStyles || $[19] !== size) {
+		t8 = mergeProps$1({
+			styles: menuStyles,
+			"data-size": size,
+			mods: menuMods
+		}, menuProps);
+		$[16] = menuMods;
+		$[17] = menuProps;
+		$[18] = menuStyles;
+		$[19] = size;
+		$[20] = t8;
+	} else t8 = $[20];
+	let t9;
+	if ($[21] !== footer || $[22] !== footerStyles || $[23] !== size) {
+		t9 = footer ? /* @__PURE__ */ jsx(StyledFooter, {
+			"data-size": size,
+			styles: footerStyles,
+			children: footer
+		}) : /* @__PURE__ */ jsx("div", { role: "presentation" });
+		$[21] = footer;
+		$[22] = footerStyles;
+		$[23] = size;
+		$[24] = t9;
+	} else t9 = $[24];
 	return /* @__PURE__ */ jsxs(StyledMenuWrapper, {
 		qa,
 		styles,
 		mods: wrapperMods,
-		...filterBaseProps(completeProps),
+		...t6,
 		children: [
-			header ? /* @__PURE__ */ jsx(StyledHeader, {
-				"data-size": size,
-				styles: headerStyles,
-				children: header
-			}) : /* @__PURE__ */ jsx("div", { role: "presentation" }),
+			t7,
 			/* @__PURE__ */ jsx(StyledMenu, {
-				...mergeProps$1({
-					styles: menuStyles,
-					"data-size": size,
-					mods: menuMods
-				}, menuProps),
+				...t8,
 				ref: domRef,
 				role: menuProps.role ?? "menu",
 				children: renderedItems
 			}),
-			footer ? /* @__PURE__ */ jsx(StyledFooter, {
-				"data-size": size,
-				styles: footerStyles,
-				children: footer
-			}) : /* @__PURE__ */ jsx("div", { role: "presentation" })
+			t9
 		]
 	});
 }
+function _temp3(item) {
+	return item.type === "section";
+}
+function _temp2(key_0) {
+	return String(key_0);
+}
+function _temp(key) {
+	return String(key);
+}
 const _Menu = React.forwardRef(Menu);
 const Section$1 = Object.assign(Section, { displayName: "Section" });
 const __Menu = Object.assign(_Menu, {

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["mergeProps","Section","BaseSection","CollectionItem","MenuTrigger"],"sources":["../../../../src/components/actions/Menu/Menu.tsx"],"sourcesContent":["import { useObjectRef, useSyncRef } from '@react-aria/utils';\nimport { FocusStrategy, ItemProps } 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, useMemo } 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      'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'\n    > {\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    focusOnHover = false,\n    qa,\n    selectedKeys,\n    defaultSelectedKeys,\n    onSelectionChange,\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    focusOnHover,\n    selectedKeys: ariaSelectedKeys,\n    defaultSelectedKeys: ariaDefaultSelectedKeys,\n    onSelectionChange: handleSelectionChange,\n  });\n\n  // Props used for collection building.\n  const treeProps = completeProps as typeof completeProps;\n\n  const state = useTreeState(treeProps as typeof completeProps);\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 = useMemo(\n    () => extractStyles(completeProps, CONTAINER_STYLES),\n    [completeProps],\n  );\n\n  const wrapperMods = useMemo(() => {\n    return {\n      popover: completeProps.mods?.popover,\n      footer: !!footer,\n      header: !!header,\n    };\n  }, [completeProps.mods?.popover, footer, header]);\n\n  const menuMods = useMemo(() => {\n    return {\n      sections: hasSections,\n    };\n  }, [hasSections]);\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 = useMemo(() => {\n    const items: React.ReactNode[] = [];\n    let isFirstSection = true;\n\n    collectionItems.forEach((item) => {\n      if (item.type === 'section') {\n        if (!isFirstSection) {\n          items.push(\n            <StyledDivider\n              key={`divider-${String(item.key)}`}\n              role=\"separator\"\n              aria-orientation=\"horizontal\"\n            />,\n          );\n        }\n\n        items.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          onAction={item.onAction}\n        />\n      );\n\n      // Apply tooltip wrapper if tooltip property is provided\n      // if (item.props.tooltip) {\n      //   const tooltipProps =\n      //     typeof item.props.tooltip === 'string'\n      //       ? { title: item.props.tooltip }\n      //       : item.props.tooltip;\n\n      //   menuItem = (\n      //     <TooltipProvider key={item.key} placement=\"right\" {...tooltipProps}>\n      //       {menuItem}\n      //     </TooltipProvider>\n      //   );\n      // }\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      items.push(React.cloneElement(menuItem, { key: item.key }));\n    });\n\n    return items;\n  }, [collectionItems, state, sectionStyles, itemStyles, sectionHeadingStyles]);\n\n  return (\n    <StyledMenuWrapper\n      qa={qa}\n      styles={styles}\n      mods={wrapperMods}\n      {...(filterBaseProps(completeProps) as Record<string, unknown>)}\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":["useObjectRef","useSyncRef","FocusStrategy","ItemProps","BasePropsWithoutChildren","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","Styles","React","ReactElement","ReactNode","Ref","useMemo","AriaMenuProps","useMenu","Section","BaseSection","useTreeState","mergeProps","extractStyles","CollectionItem","useMenuContext","MenuItem","MenuSection","MenuTrigger","StyledDivider","StyledFooter","StyledHeader","StyledMenu","StyledMenuWrapper","SubMenuTrigger","CubeMenuProps","Omit","T","header","footer","menuStyles","headerStyles","footerStyles","styles","itemStyles","sectionStyles","sectionHeadingStyles","shouldFocusWrap","autoFocus","shouldUseVirtualFocus","size","selectedKeys","defaultSelectedKeys","onSelectionChange","keys","Menu","props","ref","$","_c","t0","focusOnHover","t1","qa","rest","undefined","domRef","contextProps","ariaSelectedKeys","Set","ariaDefaultSelectedKeys","handleSelectionChange","allKeys","Array","from","state","collection","getKeys","map","_temp","_temp2","completeProps","treeProps","collectionItems","hasSections","some","_temp3","menuProps","t2","t3","mods","popover","t4","wrapperMods","t5","sections","menuMods","items","isFirstSection","forEach","item_0","item","type","push","String","key","menuItem","onAction","wrapper","cloneElement","renderedItems","t6","t7","t8","t9","Record","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 { FocusStrategy, ItemProps } 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, useMemo } 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      'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'\n    > {\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    focusOnHover = false,\n    qa,\n    selectedKeys,\n    defaultSelectedKeys,\n    onSelectionChange,\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    focusOnHover,\n    selectedKeys: ariaSelectedKeys,\n    defaultSelectedKeys: ariaDefaultSelectedKeys,\n    onSelectionChange: handleSelectionChange,\n  });\n\n  // Props used for collection building.\n  const treeProps = completeProps as typeof completeProps;\n\n  const state = useTreeState(treeProps as typeof completeProps);\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 = useMemo(\n    () => extractStyles(completeProps, CONTAINER_STYLES),\n    [completeProps],\n  );\n\n  const wrapperMods = useMemo(() => {\n    return {\n      popover: completeProps.mods?.popover,\n      footer: !!footer,\n      header: !!header,\n    };\n  }, [completeProps.mods?.popover, footer, header]);\n\n  const menuMods = useMemo(() => {\n    return {\n      sections: hasSections,\n    };\n  }, [hasSections]);\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 = useMemo(() => {\n    const items: React.ReactNode[] = [];\n    let isFirstSection = true;\n\n    collectionItems.forEach((item) => {\n      if (item.type === 'section') {\n        if (!isFirstSection) {\n          items.push(\n            <StyledDivider\n              key={`divider-${String(item.key)}`}\n              role=\"separator\"\n              aria-orientation=\"horizontal\"\n            />,\n          );\n        }\n\n        items.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          onAction={item.onAction}\n        />\n      );\n\n      // Apply tooltip wrapper if tooltip property is provided\n      // if (item.props.tooltip) {\n      //   const tooltipProps =\n      //     typeof item.props.tooltip === 'string'\n      //       ? { title: item.props.tooltip }\n      //       : item.props.tooltip;\n\n      //   menuItem = (\n      //     <TooltipProvider key={item.key} placement=\"right\" {...tooltipProps}>\n      //       {menuItem}\n      //     </TooltipProvider>\n      //   );\n      // }\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      items.push(React.cloneElement(menuItem, { key: item.key }));\n    });\n\n    return items;\n  }, [collectionItems, state, sectionStyles, itemStyles, sectionHeadingStyles]);\n\n  return (\n    <StyledMenuWrapper\n      qa={qa}\n      styles={styles}\n      mods={wrapperMods}\n      {...(filterBaseProps(completeProps) as Record<string, unknown>)}\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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"}

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

@@ -1,10 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | 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 { useMenuContext } from "./context.js";
 import { RightIcon } from "../../../icons/RightIcon.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";
@@ -12,26 +13,59 @@ import { FocusRing, useMenuItem } from "react-aria";
 //#region src/components/actions/Menu/MenuItem.tsx
 /** @private */
 function MenuItem(props) {
+	const $ = c(34);
 	const { item, state, styles, isVirtualized, onAction, size } = props;
 	const { onClose, closeOnSelect } = useMenuContext();
 	const { rendered, key, props: itemProps } = item;
 	const submenuContext = useContext(SubmenuTriggerContext);
 	const filteredItemProps = filterCollectionItemProps(itemProps);
-	const { hotkeys, mods: itemMods, qa: itemQa } = filteredItemProps;
+	const { mods: itemMods, qa: itemQa } = filteredItemProps;
 	const isSelectable = state.selectionManager.selectionMode !== "none";
-	const isDisabledKey = state.disabledKeys.has(key) || submenuContext?.isDisabled;
+	let t0;
+	if ($[0] !== key || $[1] !== state.disabledKeys || $[2] !== submenuContext?.isDisabled) {
+		t0 = state.disabledKeys.has(key) || submenuContext?.isDisabled;
+		$[0] = key;
+		$[1] = state.disabledKeys;
+		$[2] = submenuContext?.isDisabled;
+		$[3] = t0;
+	} else t0 = $[3];
+	const isDisabledKey = t0;
 	const ref = useRef(null);
 	const elementRef = submenuContext?.triggerRef ?? ref;
-	const { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps, isFocused, isSelected, isPressed, isDisabled } = useMenuItem({
-		isSelected: state.selectionManager.isSelected(key),
-		isDisabled: isDisabledKey,
-		"aria-label": item["aria-label"],
-		key,
-		onClose: submenuContext ? void 0 : onClose,
-		closeOnSelect: submenuContext ? false : closeOnSelect,
-		isVirtualized,
-		onAction: submenuContext?.onAction || onAction
-	}, state, elementRef);
+	let t1;
+	if ($[4] !== key || $[5] !== state.selectionManager) {
+		t1 = state.selectionManager.isSelected(key);
+		$[4] = key;
+		$[5] = state.selectionManager;
+		$[6] = t1;
+	} else t1 = $[6];
+	const t2 = item["aria-label"];
+	const t3 = submenuContext ? void 0 : onClose;
+	const t4 = submenuContext ? false : closeOnSelect;
+	const t5 = submenuContext?.onAction || onAction;
+	let t6;
+	if ($[7] !== isDisabledKey || $[8] !== isVirtualized || $[9] !== key || $[10] !== t1 || $[11] !== t2 || $[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
+		t6 = {
+			isSelected: t1,
+			isDisabled: isDisabledKey,
+			"aria-label": t2,
+			key,
+			onClose: t3,
+			closeOnSelect: t4,
+			isVirtualized,
+			onAction: t5
+		};
+		$[7] = isDisabledKey;
+		$[8] = isVirtualized;
+		$[9] = key;
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	const { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps, isFocused, isSelected, isPressed, isDisabled } = useMenuItem(t6, state, elementRef);
 	const isVirtualFocused = state.selectionManager.focusedKey === key;
 	const mods = {
 		...itemMods,
@@ -42,36 +76,75 @@ function MenuItem(props) {
 		submenu: !!submenuContext,
 		menuitem: true
 	};
-	return /* @__PURE__ */ jsx(FocusRing, { children: /* @__PURE__ */ jsx(_Item, {
-		...mergeProps$1(menuItemProps, 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,
-			onKeyDown: submenuContext?.onKeyDown ? (e) => {
-				submenuContext.onKeyDown?.(e);
-				if (!e.defaultPrevented && menuItemProps.onKeyDown) menuItemProps.onKeyDown(e);
-			} : menuItemProps.onKeyDown,
-			onMouseEnter: submenuContext?.onMouseEnter || menuItemProps.onMouseEnter,
-			onMouseLeave: submenuContext?.onMouseLeave || menuItemProps.onMouseLeave
-		}),
-		ref: elementRef,
-		disableActionsFocus: true,
-		rightIcon: submenuContext ? /* @__PURE__ */ jsx(RightIcon, {}) : filteredItemProps.rightIcon,
-		defaultTooltipPlacement: "right",
-		isSelected: isSelectable ? isSelected : void 0,
-		isDisabled,
-		size: size === "small" ? "small" : "medium",
-		children: rendered
-	}) });
+	const T0 = FocusRing;
+	const T1 = _Item;
+	let t7;
+	if ($[16] !== menuItemProps || $[17] !== submenuContext) {
+		t7 = submenuContext?.onKeyDown ? (e) => {
+			submenuContext.onKeyDown?.(e);
+			if (!e.defaultPrevented && menuItemProps.onKeyDown) menuItemProps.onKeyDown(e);
+		} : menuItemProps.onKeyDown;
+		$[16] = menuItemProps;
+		$[17] = submenuContext;
+		$[18] = t7;
+	} else t7 = $[18];
+	const t8 = mergeProps$1(menuItemProps, 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,
+		onKeyDown: t7,
+		onMouseEnter: submenuContext?.onMouseEnter || menuItemProps.onMouseEnter,
+		onMouseLeave: submenuContext?.onMouseLeave || menuItemProps.onMouseLeave
+	});
+	let t9;
+	if ($[19] !== filteredItemProps || $[20] !== submenuContext) {
+		t9 = submenuContext ? /* @__PURE__ */ jsx(RightIcon, {}) : filteredItemProps.rightIcon;
+		$[19] = filteredItemProps;
+		$[20] = submenuContext;
+		$[21] = t9;
+	} else t9 = $[21];
+	const t10 = isSelectable ? isSelected : void 0;
+	const t11 = size === "small" ? "small" : "medium";
+	let t12;
+	if ($[22] !== T1 || $[23] !== elementRef || $[24] !== isDisabled || $[25] !== rendered || $[26] !== t10 || $[27] !== t11 || $[28] !== t8 || $[29] !== t9) {
+		t12 = /* @__PURE__ */ jsx(T1, {
+			...t8,
+			ref: elementRef,
+			disableActionsFocus: true,
+			rightIcon: t9,
+			defaultTooltipPlacement: "right",
+			isSelected: t10,
+			isDisabled,
+			size: t11,
+			children: rendered
+		});
+		$[22] = T1;
+		$[23] = elementRef;
+		$[24] = isDisabled;
+		$[25] = rendered;
+		$[26] = t10;
+		$[27] = t11;
+		$[28] = t8;
+		$[29] = t9;
+		$[30] = t12;
+	} else t12 = $[30];
+	let t13;
+	if ($[31] !== T0 || $[32] !== t12) {
+		t13 = /* @__PURE__ */ jsx(T0, { children: t12 });
+		$[31] = T0;
+		$[32] = t12;
+		$[33] = t13;
+	} else t13 = $[33];
+	return t13;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["Item","mergeProps"],"sources":["../../../../src/components/actions/Menu/MenuItem.tsx"],"sourcesContent":["import { 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  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 } = 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 filteredItemProps = 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      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  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(menuItemProps, 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          onKeyDown: submenuContext?.onKeyDown\n            ? (e: KeyboardEvent) => {\n                // Call submenu handler first, if it prevents default, don't call the original\n                submenuContext.onKeyDown?.(e);\n                if (!e.defaultPrevented && menuItemProps.onKeyDown) {\n                  menuItemProps.onKeyDown(e);\n                }\n              }\n            : menuItemProps.onKeyDown,\n          onMouseEnter:\n            submenuContext?.onMouseEnter || menuItemProps.onMouseEnter,\n          onMouseLeave:\n            submenuContext?.onMouseLeave || menuItemProps.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":";;;;;;;;;;;;;AA2BA,SAAgB,SAAY,OAAyB;CACnD,MAAM,EAAE,MAAM,OAAO,QAAQ,eAAe,UAAU,SAAS;CAC/D,MAAM,EAAE,SAAS,kBAAkB,gBAAgB;CACnD,MAAM,EAAE,UAAU,KAAK,OAAO,cAAc;CAG5C,MAAM,iBAAiB,WAAW,sBAAsB;CAIxD,MAAM,oBAAoB,0BAA0B,UAAU;CAG9D,MAAM,EAAE,SAAS,MAAM,UAAU,IAAI,WAAW;CAEhD,MAAM,eAAe,MAAM,iBAAiB,kBAAkB;CAC9D,MAAM,gBACJ,MAAM,aAAa,IAAI,IAAI,IAAI,gBAAgB;CAEjD,MAAM,MAAM,OAAsB,KAAK;CAGvC,MAAM,aAAc,gBAAgB,cAAc;CAElD,MAAM,EACJ,eACA,YACA,kBACA,uBACA,WACA,YACA,WACA,eACE,YACF;EACE,YAAY,MAAM,iBAAiB,WAAW,IAAI;EAClD,YAAY;EACZ,cAAc,KAAK;EACnB;EACA,SAAS,iBAAiB,SAAY;EACtC,eAAe,iBAAiB,QAAQ;EACxC;EACA,UAAU,gBAAgB,YAAY;EACvC,EACD,OACA,WACD;CAGD,MAAM,mBAAmB,MAAM,iBAAiB,eAAe;CAE/D,MAAM,OAAO;EACX,GAAG;EACH,SAAS,aAAa;EACtB,SAAS;EACT,UAAU;EACV,UAAU;EACV,SAAS,CAAC,CAAC;EACX,UAAU;EACX;AAED,QACE,oBAAC,uBACC,oBAACA;EACC,GAAIC,aAAW,eAAe,mBAAmB;GAC/C,wBAAwB;GACxB,IAAI,SAAS,SAAS,YAAY;GAClC;GACA;GACA,aAAa;GACb,IAAI;GACJ;GACA;GACA;GACA,iBAAiB,iBAAiB,SAAS;GAC3C,iBAAiB,gBAAgB;GACjC,oBAAoB,iBAAiB,OAAO;GAC5C,WAAW,gBAAgB,aACtB,MAAqB;AAEpB,mBAAe,YAAY,EAAE;AAC7B,QAAI,CAAC,EAAE,oBAAoB,cAAc,UACvC,eAAc,UAAU,EAAE;OAG9B,cAAc;GAClB,cACE,gBAAgB,gBAAgB,cAAc;GAChD,cACE,gBAAgB,gBAAgB,cAAc;GACjD,CAAC;EACF,KAAK;EACL,qBAAqB;EACrB,WAAW,iBAAiB,oBAAC,cAAY,GAAG,kBAAkB;EAC9D,yBAAwB;EACxB,YAAY,eAAe,aAAa;EAC5B;EACZ,MAAM,SAAS,UAAU,UAAU;YAElC;GACI,GACG"}
+{"version":3,"file":"MenuItem.js","names":["Key","Node","Styles","KeyboardEvent","useContext","useRef","FocusRing","useMenuItem","TreeState","RightIcon","mergeProps","filterCollectionItemProps","Item","useMenuContext","SubmenuTriggerContext","MenuSelectionType","MenuItemProps","item","T","state","styles","isVirtualized","isDisabled","onAction","key","size","MenuItem","props","$","_c","onClose","closeOnSelect","rendered","itemProps","submenuContext","filteredItemProps","mods","itemMods","qa","itemQa","isSelectable","selectionManager","selectionMode","t0","disabledKeys","has","isDisabledKey","ref","elementRef","triggerRef","t1","isSelected","t2","t3","undefined","t4","t5","t6","menuItemProps","labelProps","descriptionProps","keyboardShortcutProps","isFocused","isPressed","isVirtualFocused","focusedKey","focused","pressed","selected","disabled","submenu","menuitem","T0","T1","t7","onKeyDown","e","defaultPrevented","t8","as","isOpen","onMouseEnter","onMouseLeave","t9","rightIcon","t10","t11","t12","t13"],"sources":["../../../../src/components/actions/Menu/MenuItem.tsx"],"sourcesContent":["import { 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  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 } = 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 filteredItemProps = 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      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  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(menuItemProps, 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          onKeyDown: submenuContext?.onKeyDown\n            ? (e: KeyboardEvent) => {\n                // Call submenu handler first, if it prevents default, don't call the original\n                submenuContext.onKeyDown?.(e);\n                if (!e.defaultPrevented && menuItemProps.onKeyDown) {\n                  menuItemProps.onKeyDown(e);\n                }\n              }\n            : menuItemProps.onKeyDown,\n          onMouseEnter:\n            submenuContext?.onMouseEnter || menuItemProps.onMouseEnter,\n          onMouseLeave:\n            submenuContext?.onMouseLeave || menuItemProps.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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"}