fix(Menu): fix unresponsive item on tap to click * 8

Author: tenphi

src/components/pickers/Menu/Menu.tsx

@@ -94,7 +94,6 @@ function Menu<T extends object>(
               itemStyles={itemStyles}
               headingStyles={sectionHeadingStyles}
               selectionIcon={selectionIcon}
-              onAction={completeProps.onAction}
             />
           );
         }
@@ -106,7 +105,7 @@ function Menu<T extends object>(
             state={state}
             styles={itemStyles}
             selectionIcon={selectionIcon}
-            onAction={completeProps.onAction}
+            onAction={item.onAction}
           />
         );
 

src/components/pickers/Menu/MenuButton.tsx

@@ -101,6 +101,7 @@ export type MenuButtonProps = {
   isSelectable?: boolean;
   isSelected?: boolean;
   icon?: ReactElement;
+  onAction?: () => void;
 } & CubeBlockProps;
 
 const getSelectionTypeIcon = (selectionIcon?: MenuSelectionType) => {

src/components/pickers/Menu/MenuSection.tsx

@@ -16,7 +16,7 @@ export interface CubeMenuSectionProps<T> extends MenuItemProps<T> {
 
 /** @private */
 export function MenuSection<T>(props: CubeMenuSectionProps<T>) {
-  const { item, state, styles, itemStyles, headingStyles, onAction } = props;
+  const { item, state, styles, itemStyles, headingStyles } = props;
   const heading = item.rendered;
   const { itemProps, headingProps, groupProps } = useMenuSection({
     heading,
@@ -39,7 +39,8 @@ export function MenuSection<T>(props: CubeMenuSectionProps<T>) {
                 item={node}
                 styles={itemStyles}
                 state={state}
-                onAction={onAction}
+                // @ts-ignore
+                onAction={node.onAction}
               />
             );