Add render and store props to the menu item component

WordPress · Oct 25, 2024 · edac41f · edac41f
1 parent a887654
commit edac41f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/components/src/dropdown-menu-v2/item.tsx b/packages/components/src/dropdown-menu-v2/item.tsx
@@ -16,7 +16,7 @@ export const DropdownMenuItem = forwardRef<
 	HTMLDivElement,
 	WordPressComponentProps< DropdownMenuItemProps, 'div', false >
 >( function DropdownMenuItem(
-	{ prefix, suffix, children, onBlur, hideOnClick = true, ...props },
+	{ prefix, suffix, children, onBlur, hideOnClick = true, store, ...props },
 	ref
 ) {
 	// TODO: Remove when https://github.com/ariakit/ariakit/issues/4083 is fixed
@@ -28,14 +28,17 @@ export const DropdownMenuItem = forwardRef<
 			'DropdownMenu.Item can only be rendered inside a DropdownMenu component'
 		);
 	}
+
+	const computedStore = store ?? dropdownMenuContext.store;
+
 	return (
 		<Styled.DropdownMenuItem
 			ref={ ref }
 			{ ...props }
 			{ ...focusVisibleFixProps }
 			accessibleWhenDisabled
 			hideOnClick={ hideOnClick }
-			store={ dropdownMenuContext?.store }
+			store={ computedStore }
 		>
 			<Styled.ItemPrefixWrapper>{ prefix }</Styled.ItemPrefixWrapper>
 

diff --git a/packages/components/src/dropdown-menu-v2/types.ts b/packages/components/src/dropdown-menu-v2/types.ts
@@ -117,6 +117,12 @@ export interface DropdownMenuItemProps {
 	 * Determines if the element is disabled.
 	 */
 	disabled?: boolean;
+
+	render?: Ariakit.MenuItemProps[ 'render' ];
+	/**
+	 * @ignore
+	 */
+	store?: Ariakit.MenuItemProps[ 'store' ];
 }
 
 export interface DropdownMenuCheckboxItemProps