docs: fix sb source and actions

[nickofthyme]

Details

Storybook created an unintentional breaking change between 5.x and 6.3 that broke @storybook/addon-storysource when exporting stories from a central file, a non-typical approach. Upgrading storybook in #1231 broke the source tab that many consumers of @elastic/charts rely on. This pr fixes the story source (somewhat -- only shows exported value and not full file as before) and adds back the missing @storybook/addon-actions.

Changes

Related to source fix:

• All story files under storybook/stories/**/*.tsx are renamed with the .story.tsx extension.
• Other minor changes are explained in v6 source-loader / addon-storysource not working, when default and named export of stories are defined in two different files storybookjs/storybook#12199 (comment).

⚠️ No story code was changed, only renaming!

Unrelated to source fix:

• Upgrade storybook to 6.3.7. An issue with globals was limiting this but it now fixed.
• Added back missing @storybook/addon-actions addon in main.js
• Remove all unnecessary selectedPanel overrides in favor of global. Set to source in development and knobs otherwise.

Demo of working source

Screen.Recording.2021-08-31.at.02.13.15.PM.mp4

[markov00]

Looks good to me, tested locally
I see also another fix thanks to this upgrade: the initial rendering of storybook now shows the story (If I'm not wrong previously the initial render shows just the white almond background without a chart)

[nickofthyme]

Looks good to me, tested locally
I see also another fix thanks to this upgrade: the initial rendering of storybook now shows the story (If I'm not wrong previously the initial render shows just the white almond background without a chart)

I wasn't sure if that was due to old bookmarked links but glad it fixes that! 🎉

[nickofthyme]

🎉 This PR is included in version 35.0.0 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀