Apologies in advance for the large PR - if it's too much I can take some time to try and break it out into 2 or 3 PRs just LMK.
remove some dom complexity that seemed unnecessary
a couple of new "real world" examples in the storybook (box file and github issue)... please note that ~2200 of the added lines come from just this
a lot of the diff also comes from snapshot updates
new tree UI to better visualize nesting, and some polish on indentation / vertical alignment of a variety of cases
new path crumbs to help the consumer understand where a given property lives in the schema when the schema is large or deeply nested
some small optimizations to cleanup spacing around validations
"show more" button if a description has more than one paragraph
new option: renderRootTreeLines
new option: disableCrumbs
new option: maxHeight
Tree "guidelines" + crumbs:
Small adjustments to the validations layout, including a fix such that long validations (like the long example in the first row) do not push the "custom row addon" off the page. Note how in the first image, the checkbox on the right side is pushed outside of the JSV container.
closes https://github.com/stoplightio/platform-internal/issues/9189
Apologies in advance for the large PR - if it's too much I can take some time to try and break it out into 2 or 3 PRs just LMK.
renderRootTreeLines
disableCrumbs
maxHeight
Tree "guidelines" + crumbs:
Small adjustments to the validations layout, including a fix such that long validations (like the long example in the first row) do not push the "custom row addon" off the page. Note how in the first image, the checkbox on the right side is pushed outside of the JSV container.
Before
After
Dark mode still works nicely: