Fix react-vis overrides

[markov00]

Fix #1121
On the current implementation we copied the existing react-vis style into EUI.
We also overridden few classes.
Since react-vis is also used on APM, I've scoped all the react-vis class behind a container class.
BTW this is a workaround until the new version of the EUIChart is ready.

[sorenlouv]

Thanks for doing this! 🙏

[jasonrhodes]

FWIW @markov00, in the <XYPlot> component you should be able to pass it a className prop which will append your custom class alongside .rv-xy-plot, if you like.

[cchaos]

👍 @markov00 Thanks for jumping on this fix!

[cchaos]

I think this is a fine way to do it (albeit, for now) since this container already exists and you don't need to then create classnames for each individual plot.

[cchaos]

Oh and don't forget a changelog entry and double check your tests, I see the latest build errored.

[markov00]

@cchaos sure, It's a bit strange why the test fails, when I ran the tests I've also got some other snapshot updated like switch.test.js.snap icon.test.js.snap and I've pushed also them. But on CI it reject this changes. Maybe a different version of some node modules. I've to check and push it again.

@cchaos I can also change this to enable composition of external classnames together with the one on eui

@jasonrhodes yes sure, the big problem with react-vis is that not every component has the possibility to pass a class, some of them have already some style applied that override your class so we preferred to import their scss files and change them directly.