#CX-12187 : Allow hover hover behavior to toggle menu overlay.

[vikcool2pr]

Description

Menu-overlay component allows toggling overlay on click by trigger element. Same behavior is implemented with hovering trigger element with this implementation.

Related Issue

Motivation and Context

How Has This Been Tested?

Screenshots:

Before (If applicable):

After:

Types of changes

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to change)
• [ ] Documentation update
• [ ] Code style update (formatting, local variables)
• [ ] Refactoring (no functional changes, no api changes)
• [ ] Build related changes
• [ ] CI related changes
• [ ] Other... Please describe:

Checklist:

• [ ] My code follows the code style of this project.
• [ ] My change requires a change to the documentation.
• [ ] I have updated the documentation accordingly.
• [ ] I have read the CONTRIBUTING document.
• [ ] I have added tests to cover my changes.
• [x] All new and existing tests passed.

[codecov[bot]]

Codecov Report

All modified lines are covered by tests :white_check_mark:

Comparison is base (7373100) 94.39% compared to head (c57788e) 93.96%.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## master #1491 +/- ## ========================================== - Coverage 94.39% 93.96% -0.44% ========================================== Files 134 134 Lines 18926 18957 +31 Branches 2893 2886 -7 ========================================== - Hits 17865 17812 -53 - Misses 1061 1145 +84 ``` | [Files](https://app.codecov.io/gh/momentum-design/momentum-ui/pull/1491?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=momentum-design) | Coverage Δ | | |---|---|---| | [...ponents/src/components/menu-overlay/MenuOverlay.ts](https://app.codecov.io/gh/momentum-design/momentum-ui/pull/1491?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=momentum-design#diff-d2ViLWNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvbWVudS1vdmVybGF5L01lbnVPdmVybGF5LnRz) | `96.66% <100.00%> (+0.26%)` | :arrow_up: | ... and [10 files with indirect coverage changes](https://app.codecov.io/gh/momentum-design/momentum-ui/pull/1491/indirect-changes?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=momentum-design)

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.