Fix 3296 by adjusting buttons location for the array field toolbar #4859
+3,499
−2,290
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Reasons for making this change
Fixed #3296 by updating
ArrayFieldItemTemplatePropsto adddisplayLabelandhasDescriptionand using them in the themes to adjust buttons location@rjsf/utils, updatedArrayFieldItemTemplatePropsto adddisplayLabelandhasDescriptionflags@rjsf/core, updatedArrayFieldto compute and passdisplayLabelandhasDescriptionflagsArrayFieldItemTemplateto usedisplayLabelandhasDescriptionto adjust buttons locationStringFieldwas not using thetitlepassed to it as found inmantinetheme@rjsf/antd, updatedArrayFieldItemTemplateandArrayFieldTemplateto adjust sizes and buttons location usingdisplayLabelandhasDescription@rjsf/chakra-ui, updated snapshots due toStringFieldfix@rjsf/daisyui, updatedArrayFieldItemTemplateto adjust buttons location usingdisplayLabelandhasDescriptionWrapIfAdditionalTemplateandBaseInputTemplateto make the inputs full widthFieldTemplateto render thedescriptionwhich was missing in the theme@rjsf/fluentui-rc, updatedArrayFieldItemTemplateto adjust buttons location usingdisplayLabelWrapIfAdditionalTemplateto addflexGrowto allow the array item fields to grow properly for non-container elements@rjsf/mantine, updatedutils.tsto addlabelto the cleanup fields to filter it from theuiOptionsBaseInputTemplateto displaydescriptionwhich was missing in the themeArrayFieldTitleTemplateto support theoptionalData@rjsf/mui, updatedArrayFieldItemTemplateto adjust buttons location usingdisplayLabelandhasDescription@rjsf/primereact, updatedArrayFieldItemTemplateto adjust buttons location usingdisplayLabel@rjsf/react-bootstrap, updatedArrayFieldItemTemplateto adjust buttons location usingdisplayLabelandhasDescriptionArrayFieldTemplateto improve it's responsiveness in relation to theArrayFieldItemTemplatechanges@rjsf/semantic-ui, updatedArrayFieldItemTemplateto adjust buttons location usingdisplayLabelandhasDescription@rjsf/shadcn, updatedArrayFieldItemTemplateto adjust buttons location usingdisplayLabelandhasDescriptionArrayFieldTemplateto addjustify-endto theAddButtonrenderinguiSchema.mdin the docs to document the newenableMarkdownInHelpflag from previous PRCHANGELOG.mdaccordinglyChecklist
npx nx run-many --target=build --exclude=@rjsf/docs && npm run test:updateto update snapshots, if needed.Antd:
antd.mov
Chakra-ui:
chakra.mov
core:
default.mov
daisyui:
daisy.mov
fluentui:
fluent.mov
mantine:
mantine.mov
mui:
mui.mov
primereact:
primereact.mov
react-bootstrap:
reactbootstrap.mov
semantic-ui:
semantic.mov
shadcn:
Uploading shadcn.mov…