WP-Builder: provide Storybook stories for @jsonforms/example

[bangank36]

Summary

I can't found the hosted version of the example package, and it worth provide a dedicated Storybook page for @jsonforms

• To display all the schema example in example packages plus the selection between renderers
• To render the kitchensink for gutenberg renderer for demostrating this project

Questions

• Can we generate the Stories on the sidebar dynamically?
• If not, should we create a script to iterate over examples and generate .mdx dynamically?
• Similar concern
• developer from wix

• I think just by supporting similar method like storiesOf ladle could be used for such cases or alternative solution that would support generating bunch of stories in a file based on some data structure.

Follow up tasks

With the initial stories has been merged, we need to improve the stories as below

• Improve the stories generator
  • Use promises for the file reader
  • Use proper JS template instead of txt file
• Update the main story to introduce about jsonforms and the renderers
• Create github actions to auto generate the examples files ?
• Export the story config into separate file and import to stories
  • Remove Controls since it is long, maybe provide the description for the args
• Create different stories for renderers, so far Primary is used for Mui, we should change the name accordingly

Reference

• Similar Storybook has been introduced on Comitted Design Sytem
• Formik Storybook addon
• Mechanism of naming on Storybook

[bangank36]

Relevant PR has been merged