WB-558 Upgrade to the most recent version of Styleguidist

[jandrade]

Internal

• Upgraded React Storybook to its latest version (9.1.11).
• Updated code examples to match with RS requirements for this new version: Each example needed to import (require) all of its dependencies used in each snippet/block.

Test Plan

1. Open https://deploy-preview-447--wonder-blocks.netlify.com/
2. Check that all the examples are being rendered.

NOTE:

• Added modules using require instead of import because this will be done in a separate ticket: WB-559.
• In order to make import works correctly, we will need to update utils/gen-snapshot-tests.js to change the way we are parsing all the examples.

[jeresig]

Deploy preview for wonder-blocks ready!

Built with commit 0a525d7

https://deploy-preview-447--wonder-blocks.netlify.com

[codecov]

Codecov Report

Merging #447 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master     #447   +/-   ##
=======================================
  Coverage   94.85%   94.85%           
=======================================
  Files         112      112           
  Lines        1633     1633           
  Branches      325      325           
=======================================
  Hits         1549     1549           
  Misses         79       79           
  Partials        5        5

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 4cadfc8...f5d841b. Read the comment docs.

[codecov]

Codecov Report

Merging #447 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master     #447   +/-   ##
=======================================
  Coverage   94.85%   94.85%           
=======================================
  Files         112      112           
  Lines        1633     1633           
  Branches      325      325           
=======================================
  Hits         1549     1549           
  Misses         79       79           
  Partials        5        5

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update eb0703e...0a525d7. Read the comment docs.

[jeresig]

Looks like we have to be more explicit with our imports now, which seems like a good thing! Thank you for upgrading us!

[kevinbarabash]

LGTM. I like that all requires are now explicit. Is this a storybook or styleguidist requirement?

Good call deferring moving to imports.

[kevinbarabash]

I wonder how many of the security alerts will go away with this upgrade.

[jandrade]

That was a Styleguidist requirement.

And now all the security alerts are gone 🎉