Use action group extensions for group/submenus and create new action menu components using PF menu

[rohitkrai03]

Fixes:

• https://issues.redhat.com/browse/ODC-5749
• https://issues.redhat.com/browse/ODC-5748

Analysis / Root cause:

• The ActionGroup extension was not used to create groups and submenus in kebab.
• PF components were not being used in KebabMenu.

Solution Description:

• Added new logic in ActionLoader that uses ActionGroup extensions to create menu options with groups and submenus.
• Created new ActionMenu components that uses PF menu components. Had to use custom menu and submenu rendering logic due to PF bug with submenus.
• Added logic to sort all the actions based on insertBefore and insertAfter properties.
• ActionMenu component now supports both kebab as well as dropdown variant that can be used for different action menu scenarios.
• Migrated actions menu on the helm details page to use new extension based actions and ActionsLoader.

Screen shots / Gifs for design review:

Screen.Recording.2021-06-29.at.3.06.38.AM.mov

Unit test coverage report:

Screen.Recording.2021-06-29.at.9.58.12.PM.mov

Test setup:

• Added a dummy commit that updates the helm actions to use dummy groups and submenus. This commit is just for testing and will be deleted before merging.

Browser conformance:

• Chrome
• Firefox
• Safari
• Edge

[rohitkrai03]

/assign @christianvogt

[sahil143]

Looks Good to me.

Tested Locally and works as expected.

I only see one issue with the component is that clicking on subgroup closes the dropdown and action is not performed.

[rohitkrai03]

@sahil143 Deleted the dummy commit. The issue with sub menu clicks is because of popper rendering popper as submenus. Since there are no actual use cases for submenus right now, we'll wait for this PF fix - patternfly/patternfly-react#5789. Once the PF fix is in we can update our code to use PF Menu component directly. I think we can get this PR merged if there are no other comments because #9306 also depends on this PR.

[sahil143]

/lgtm

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: rohitkrai03, sahil143

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Details

Needs approval from an approver in each of these files:

• frontend/OWNERS [rohitkrai03]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment