diff --git a/CHANGELOG.md b/CHANGELOG.md index 9b3e7f542c..1d868eef63 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -17,6 +17,10 @@ should change the heading of the (upcoming) version to include a major version b --> # 6.0.0-beta.17 +## @rjsf/chakra-ui + +- Updated `ObjectFieldTemplate` to always generate the "Add" button when `canExpand()` is true, fixing [#4772](https://github.com/rjsf-team/react-jsonschema-form/issues/4772) + ## @rjsf/core - Updated `ObjectField` to remove the `name` from the path passed to `onChange()` callback in `handleAddClick()` and `onDropPropertyClick()`, fixing [#4763](https://github.com/rjsf-team/react-jsonschema-form/issues/4763) diff --git a/packages/chakra-ui/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx b/packages/chakra-ui/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx index 44b897639b..d1d7c1419f 100644 --- a/packages/chakra-ui/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx +++ b/packages/chakra-ui/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx @@ -64,29 +64,27 @@ export default function ObjectFieldTemplate< registry={registry} /> )} - {properties.length > 0 && ( - - {properties.map((element, index) => - element.hidden ? ( - element.content - ) : ( - {element.content} - ), - )} - {canExpand(schema, uiSchema, formData) && ( - - (idSchema, 'add')} - className='rjsf-object-property-expand' - onClick={onAddClick(schema)} - disabled={disabled || readonly} - uiSchema={uiSchema} - registry={registry} - /> - - )} - - )} + + {properties.map((element, index) => + element.hidden ? ( + element.content + ) : ( + {element.content} + ), + )} + {canExpand(schema, uiSchema, formData) && ( + + (idSchema, 'add')} + className='rjsf-object-property-expand' + onClick={onAddClick(schema)} + disabled={disabled || readonly} + uiSchema={uiSchema} + registry={registry} + /> + + )} + ); }