[Visualize] Coloring tooltips in Pie are not properly positioned

[alexwizp]

Closes: #116748

Summary

Steps to reproduce:

1. Create a pie chart with a visible legend.
2. Set up a legend to be on the top or bottom.
3. try to change a color by clicking on a color indicator

Screen:

Screen.Recording.2022-02-02.at.12.44.51.PM.mov

What was changed:

• EuiPopover -> EuiWrappingPopover
• Created a LegendColorPickerWrapperContext context. This context is used instead of useMemo patterrn
• useMemo for getColorPicker was removed;

Related to elastic/eui#4367

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 16d82f1
• Storybooks Preview
• Webpack Bundle Analyzer

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
expressionPie	39.3KB	39.5KB	+193.0B

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[elasticmachine]

Pinging @elastic/kibana-vis-editors @elastic/kibana-vis-editors-external (Team:VisEditors)

[mbondyra]

Hey @alexwizp what was causing the issue? Trying to spot it in the code but it's unclear to me.

Is this one outdated and can be closed? #123042

[stratoula]

Yes @mbondyra! Diana's PR can close in favor of this one. I am closing this

[mbondyra]

Tested on Chrome and Safari and works fine! I am just curious about the initial cause :)

[stratoula]

I also tested that and works fine! 🎉 Code LGTM

[nickofthyme]

This looks great @alexwizp. I slightly recall there being an issue using one or the other (EuiWrappingPopover vs EuiPopover) with keyboard accessibility and returning focus to the correct element. But if the focus works fine I'm fine with the change. @rshen91 do you recall what this issue was?

[rshen91]

Also am fine with this change thanks @nickofthyme. The EuiPopover should better handle the focus management of the color icon vs sending it back to window. Thank you for implementing this 💪🏻