chore: state updates for menu

Author: tugcekucukoglu

.gitignore

@@ -30,6 +30,7 @@ dist
 .report
 .agents
 docs/plans
+docs/superpowers
 CLAUDE.md
 
 # debug

apps/showcase/demo/headless/contextmenu/basic-demo.tsx

@@ -22,9 +22,9 @@ export default function BasicDemo() {
     const portal = usePortal();
 
     usePositioner({
-        anchor: contextmenu.popover?.state.anchorElement,
-        content: contextmenu.popover?.state.positionerElement,
-        arrow: contextmenu.popover?.state.arrowElement,
+        anchor: contextmenu.state.anchorElement,
+        content: contextmenu.state.positionerElement,
+        arrow: contextmenu.state.arrowElement,
         sideOffset: 8,
         flip: true,
         shift: true,
@@ -33,8 +33,8 @@ export default function BasicDemo() {
     });
 
     usePositioner({
-        anchor: viewSub.menusub?.popover?.state.anchorElement,
-        content: viewSub.menusub?.popover?.state.positionerElement,
+        anchor: viewSub.menusub?.state.anchorElement,
+        content: viewSub.menusub?.state.positionerElement,
         sideOffset: 0,
         flip: true,
         shift: true,

packages/@primereact/headless/src/menu/sub/useMenuSub.ts

@@ -19,7 +19,11 @@ export const useMenuSub = withHeadless({
         }, []);
 
         const state = {
-            open: !!popover.state.open
+            open: !!popover.state.open,
+            anchorElement: popover.state.anchorElement,
+            positionerElement: popover.state.positionerElement,
+            popupElement: popover.state.popupElement,
+            arrowElement: popover.state.arrowElement
         };
 
         const toggle = () => {

packages/@primereact/headless/src/menu/useMenu.ts

@@ -42,7 +42,11 @@ export const useMenu = withHeadless({
         const state = {
             open: !!popover.state.open,
             focused: focusedState,
-            focusedOptionId
+            focusedOptionId,
+            anchorElement: popover.state.anchorElement,
+            positionerElement: popover.state.positionerElement,
+            popupElement: popover.state.popupElement,
+            arrowElement: popover.state.arrowElement
         };
 
         const getItemId = React.useCallback(
@@ -607,9 +611,7 @@ export const useMenu = withHeadless({
 
                 if (!element) return;
 
-                const level = getItemLevel(element);
-
-                onItemClick(event, props.composite ? false : level !== 0, !!popover.state.open);
+                onItemClick(event, false, !!popover.state.open);
             }
 
             event.preventDefault();