TREEVIEW APARTMENTS FULL
TREEVIEW APARTMENTS CODE

While react-editable-json-tree weighs the least and offers all the capabilities that we need, react-json-view offers the option of a few nice UX bonuses (copy to clipboard, show key datatype, collapse strings after a certain length, and fancier styling) that could be worth the extra bundle weight. (My opinion is that this is a lot more complicated than what we need for a knob. searching, filtering, export to file etc) for the JSON property.

TREEVIEW APARTMENTS FULL

jsoneditor-react if we aren't concerned about bundle weight and want to have full tree power (e.g.react-json-view if we want a fancier theming capabilities with a bit more weight, and fancier styling on the various additional buttons (copy to clipboard, add more keys, etc).react-editable-json-tree if we just want something simple and reusable without a theme.This is why I think any of these could work, on a Goldilocks-style small/medium/large scale, depending on Storybook's goals / adding 3rd-party dependencies policy. jsoneditor-react, weighs 226 KB gzipped (the react wrapper alone's stats are misleading since this the heaviest part of the dependency comes from the jsoneditor package itself, active project and last updated 6 days ago (September 2020).react-editable-json-tree, weighs 18.6 KB gzipped, last updated May 2019.react-json-view:, weighs 36 KB gzipped, last updated August 2018.Short of reusing the Cosmos TreeView directly, I came down to three final options for standalone trees that could be plugged into Editable Trees react-treebeard here is in the storybook ecosystem already, but it doesn't seem to lend itself to editable text fields.Note the README happens to point to other peer read-only tree viewer projects in the NPM ecosystem. react-json-tree here is extracted from Redux Devtools, but it doesn't seem to have a clear 'onChange' prop that I can hook into, despite the fact that redux devtools features an editable JSON tree.Example GIF from the cosmos tree editor: I took a look at the ecosystem of react tree viewer components, and ruled out these two options that seemed focus on read-only views of trees data structures Read-only trees.

TREEVIEW APARTMENTS CODE

I can help with testing, or possibly implementation with some pointers about what region of code to modify, assuming that this new control is something that matches Storybook's goals.ДЄdd any other context or screenshots about the feature request here.

Instead of implementing something custom, using an existing JsonEditor componentДЄre you able to assist to bring the feature to reality?.

Pretty-printing the JSON string prior to putting it into the textbox so it isn't all squashed onto 1 line.

Custom editable TreeView component sourceДЄ clear and concise description of any alternative solutions or features you've considered.

Any extra controls (expand/collapse, filter, search, etc) are nice-to-have but non critical.

A control that formats my JSON/object properties in a way that respects indentation/level of depth in the object tree.

(It doesn't need to replace the existing text option, it would just be good to have 1 more choice).ДЄ clear and concise description of what you want to happen.

I'd like to have a more organized way to navigate my JSON properties as an option.

I have some object properties that are long/nested/hard to read when displayed as unformatted text using the current 'textbox' in storybook.

Is your feature request related to a problem? Please describeДЄ clear and concise description of what the problem is.

Treeview apartments