feat(ContextMenu): Intelligently position context menu

[m7kvqbe1]

Related issue

Closes #2465

Overview

Intelligently position the ContextMenu based on the available screen real-estate.

Link to preview

https://6214cbcefa42c7b48aad1817--optimistic-williams-bf676e.netlify.app

Reason

Remove the need for the consumer to be explicit about the positioning of the menu.

Work carried out

• Rename useHideShow hook isOpen param to initialIsOpen
• Improve the behaviour of the useClickMenu hook and leverage useFloatingElement

[jpveooys]

Works well from testing 👍

There's a build error in the smoke test fyi.

Also, I'm not sure about initialIsOpen in all of these cases – some of them try to react to the prop changing as well I think (there's a useEffect in useOpenClose).

[jpveooys]

I still have this question:

Also, I'm not sure about initialIsOpen in all of these cases – some of them try to react to the prop changing as well I think (there's a useEffect in useOpenClose).

Otherwise looks good 👍

[m7kvqbe1]

Dropped the initialIsOpen change as the useEffect hook means it's in most cases reacting to the prop change.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
9 Code Smells

88.5% Coverage
0.0% Duplication