compactTopLevelproperty to render an Object without top level "collapse" button and indentation.
- adds beforeExpandChange hook property
- adds properties for aria-label of the collapse/expand toggle
- adds style prop to stringify String values to keep escaped characters
- Officially adds support for the React 19
- Adds render for the
functionfields
- Adds separate style for the expandable elements container (
childFieldsContainer)
- Fixes margin and padding for the expandable elements (because
divelement changed to theul)
Major version upgrade.
- Dropped support of React 16 and React 17. Please use versions 1.x.x if your project uses React 16 or React 17.
- Expanding and collapsing nodes with the "space" button changed to navigation and expanding using arrow keys. Left and Right to collapse/expand, Up and Down to move to previous/next collapsable element.
- Fixed: Improves empty objects and empty arrays. Also fixes too wide space between two spans having the
punctuationclass (e.g.] ,or[ ])
- Fixed pressing the spacebar expands/collapses and "pages down" in the browser
- Fixed component didn't work with React 16 and React 17
- Fixed collapse/expand button style
- Property
shouldInitiallyExpandhas different nameshouldExpandNodein order to emphasize that it will be called every time properties change. - If you use custom styles:
pointerandexpanderare no longer used- component uses
collapseIcon,expandIcon,collapsedContentstyles in order to customize expand/collapse icon and collpased content placeholder which were previously hardcode to the▸,▾and.... Default style values use::afterpseudo-classes to set the content.
- Added BigInt rendering support
- Fixed css style for comma after primitive type value
- Added minimum a11y support
- Added React 18 to peer dependencies
- Updated dev dependencies versions
- Added storybook
- Added ability to expand arrays and nested objects by clicking on the
...part - Added
allExpandedandcollapseAllNestedexported functions which can be used for theshouldInitiallyExpandproperty - Added new separate style for the "pointer" which applied for
▸,▾and...