fix: menu: adds onclick handler back to main button when secondarybuttonprops fixing menu onchange

src/components/Menu/Menu.test.tsx

@@ -10,7 +10,7 @@ import { Button } from '../Button';
 import { IconName } from '../Icon';
 import { RadioGroup } from '../RadioButton';
 import { SelectorSize } from '../CheckBox';
-import { render, screen, waitFor } from '@testing-library/react';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 
 Enzyme.configure({ adapter: new Adapter() });
 
@@ -227,4 +227,65 @@ describe('Menu', () => {
     );
     expect(container).toMatchSnapshot();
   });
+
+  test('Menu onChange event is triggered when item is clicked', () => {
+    const handleChange = jest.fn();
+
+    const { getByText } = render(
+      <Menu
+        onChange={handleChange}
+        items={[
+          {
+            iconProps: {
+              path: IconName.mdiCalendar,
+            },
+            text: 'Date',
+            value: 'menu 0',
+            counter: '8',
+            secondaryButtonProps: {
+              iconProps: {
+                path: IconName.mdiTrashCan,
+              },
+              onClick: () => {
+                console.log('Delete clicked');
+              },
+            },
+          },
+        ]}
+      />
+    );
+
+    fireEvent.click(getByText('Date'));
+
+    expect(handleChange).toHaveBeenCalled();
+  });
+
+  test('secondaryButtonProps onClick event is triggered when secondary button is clicked', () => {
+    const handleClick = jest.fn();
+
+    const { getByRole } = render(
+      <Menu
+        items={[
+          {
+            iconProps: {
+              path: IconName.mdiCalendar,
+            },
+            text: 'Date',
+            value: 'menu 0',
+            counter: '8',
+            secondaryButtonProps: {
+              iconProps: {
+                path: IconName.mdiTrashCan,
+              },
+              onClick: handleClick,
+            },
+          },
+        ]}
+      />
+    );
+
+    fireEvent.click(getByRole('button'));
+
+    expect(handleClick).toHaveBeenCalled();
+  });
 });

src/components/Menu/MenuItem/MenuItemButton/MenuItemButton.tsx

@@ -122,6 +122,7 @@ export const MenuItemButton: FC<MenuItemButtonProps> = forwardRef(
             tabIndex={tabIndex}
             type={htmlType}
             {...rest}
+            onClick={handleOnClick}
             ref={ref}
             role={role}
           >