Skip to content

Conversation

@heath-freenome
Copy link
Member

Reasons for making this change

Fixed #3296 by updating ArrayFieldItemTemplateProps to add displayLabel and hasDescription and using them in the themes to adjust buttons location

  • In @rjsf/utils, updated ArrayFieldItemTemplateProps to add displayLabel and hasDescription flags
  • In @rjsf/core, updated ArrayField to compute and pass displayLabel and hasDescription flags
    • Updated ArrayFieldItemTemplate to use displayLabel and hasDescription to adjust buttons location
    • Also fixed bug where StringField was not using the title passed to it as found in mantine theme
  • In @rjsf/antd, updated ArrayFieldItemTemplate and ArrayFieldTemplate to adjust sizes and buttons location using displayLabel and hasDescription
  • In @rjsf/chakra-ui, updated snapshots due to StringField fix
  • In @rjsf/daisyui, updated ArrayFieldItemTemplate to adjust buttons location using displayLabel and hasDescription
    • Also updated WrapIfAdditionalTemplate and BaseInputTemplate to make the inputs full width
    • Also updated FieldTemplate to render the description which was missing in the theme
  • In @rjsf/fluentui-rc, updated ArrayFieldItemTemplate to adjust buttons location using displayLabel
    • Also updated WrapIfAdditionalTemplate to add flexGrow to allow the array item fields to grow properly for non-container elements
  • In @rjsf/mantine, updated utils.ts to add label to the cleanup fields to filter it from the uiOptions
    • Also updated BaseInputTemplate to display description which was missing in the theme
    • Also updated ArrayFieldTitleTemplate to support the optionalData
  • In @rjsf/mui, updated ArrayFieldItemTemplate to adjust buttons location using displayLabel and hasDescription
  • In @rjsf/primereact, updated ArrayFieldItemTemplate to adjust buttons location using displayLabel
  • In @rjsf/react-bootstrap, updated ArrayFieldItemTemplate to adjust buttons location using displayLabel and hasDescription
    • Also, updated ArrayFieldTemplate to improve it's responsiveness in relation to the ArrayFieldItemTemplate changes
  • In @rjsf/semantic-ui, updated ArrayFieldItemTemplate to adjust buttons location using displayLabel and hasDescription
  • In @rjsf/shadcn, updated ArrayFieldItemTemplate to adjust buttons location using displayLabel and hasDescription
    • Also updated ArrayFieldTemplate to add justify-end to the AddButton rendering
  • Updated all snapshots due to above changes
  • Updated uiSchema.md in the docs to document the new enableMarkdownInHelp flag from previous PR
  • Updated the CHANGELOG.md accordingly

Checklist

  • I'm updating documentation
  • I'm adding or updating code
    • I've added and/or updated tests. I've run npx nx run-many --target=build --exclude=@rjsf/docs && npm run test:update to update snapshots, if needed.
    • I've updated docs if needed
    • I've updated the changelog with a description of the PR
  • I'm adding a new feature
    • I've updated the playground with an example use of the feature

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…

heath-freenome and others added 3 commits November 10, 2025 14:55
Fixed rjsf-team#3296 by updating `ArrayFieldItemTemplateProps` to add `displayLabel` and `hasDescription` and using them in the themes to adjust buttons location
- In `@rjsf/utils`, updated `ArrayFieldItemTemplateProps` to add `displayLabel` and `hasDescription` flags
- In `@rjsf/core`, updated `ArrayField` to compute and pass `displayLabel` and `hasDescription` flags
  - Updated `ArrayFieldItemTemplate` to use `displayLabel` and `hasDescription` to adjust buttons location
  - Also fixed bug where `StringField` was not using the `title` passed to it as found in `mantine` theme
- In `@rjsf/antd`, updated `ArrayFieldItemTemplate` and `ArrayFieldTemplate` to adjust sizes and buttons location using `displayLabel` and `hasDescription`
- In `@rjsf/chakra-ui`, updated snapshots due to `StringField` fix
- In `@rjsf/daisyui`, updated `ArrayFieldItemTemplate` to adjust buttons location using `displayLabel` and `hasDescription`
  - Also updated `WrapIfAdditionalTemplate` and `BaseInputTemplate` to make the inputs full width
  - Also updated `FieldTemplate` to render the `description` which was missing in the theme
- In `@rjsf/fluentui-rc`, updated `ArrayFieldItemTemplate` to adjust buttons location using `displayLabel`
  - Also updated `WrapIfAdditionalTemplate` to add `flexGrow` to allow the array item fields to grow properly for non-container elements
- In `@rjsf/mantine`, updated `utils.ts` to add `label` to the cleanup fields to filter it from the `uiOptions`
  - Also updated `BaseInputTemplate` to display `description` which was missing in the theme
  - Also updated `ArrayFieldTitleTemplate` to support the `optionalData`
- In `@rjsf/mui`, updated `ArrayFieldItemTemplate` to adjust buttons location using `displayLabel` and `hasDescription`
- In `@rjsf/primereact`, updated `ArrayFieldItemTemplate` to adjust buttons location using `displayLabel`
- In `@rjsf/react-bootstrap`, updated `ArrayFieldItemTemplate` to adjust buttons location using `displayLabel` and `hasDescription`
  - Also, updated `ArrayFieldTemplate` to improve it's responsiveness in relation to the `ArrayFieldItemTemplate` changes
- In `@rjsf/semantic-ui`, updated `ArrayFieldItemTemplate` to adjust buttons location using `displayLabel` and `hasDescription`
- In `@rjsf/shadcn`, updated `ArrayFieldItemTemplate` to adjust buttons location using `displayLabel` and `hasDescription`
  - Also updated `ArrayFieldTemplate` to add `justify-end` to the `AddButton` rendering
- Updated all snapshots due to above changes
- Updated `uiSchema.md` in the docs to document the new `enableMarkdownInHelp` flag from previous PR
- Updated the `CHANGELOG.md` accordingly
@heath-freenome heath-freenome merged commit 6435b33 into rjsf-team:main Nov 10, 2025
5 checks passed
@heath-freenome heath-freenome deleted the fix-3296 branch November 10, 2025 23:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Miss aligned array buttons for most themes

2 participants