Skip to content

v5.0.0

Compare
Choose a tag to compare
@flaviendelangle flaviendelangle released this 23 Nov 14:11
· 6205 commits to master since this release
2409df3

Nov 23, 2021

🎉 We are excited to introduce MUI X v5.0.0 🎉!

If you want to migrate the DataGrid or DataGridPro from v4 to v5, take a look at the migration guide.
This version is fully compatible with @mui/[email protected] and can be used with @material-ui/[email protected] with some additional steps.

A big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:

  • ⌨️ Enhance keyboard navigation when pagination is enabled
  • 👁 Better support for flex columns
  • 📚 Documentation improvements
  • 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected]

Breaking changes

  • [DataGrid] The following CSS classes were renamed to follow the internal convention:

    • MuiDataGrid-columnsContainer was renamed to MuiDataGrid-columnHeaders
    • MuiDataGrid-columnHeaderWrapper was renamed to MuiDataGrid-columnHeadersInner
    • The scroll class applied to MuiDataGrid-columnHeaderWrapper was renamed to MuiDataGrid-columnHeadersInner--scrollable
  • [DataGrid] The props.components.Checkbox and props.componentsProps.checkbox props were renamed to props.components.BaseCheckbox and props.componentsProps.baseCheckbox respectively.

    As a first step for #3066, these slots were renamed to clearly indicate that they are meant to replace a core component.

     <DataGrid
       components={{
    -    checkbox: MyCustomCheckbox,
    +    BaseCheckbox: MyCustomCheckbox,
       }}
       componentsProps={{
    -    checkbox: {},
    +    baseCheckbox: {},
       }}
     />

    Note: these changes apply to both the DataGrid and DataGridPro components.

Changes

  • [DataGrid] Block multi-rows updates in apiRef.current.updateRows on the Community plan (#3095) @flaviendelangle
  • [DataGrid] Fix filter not working after deleting the value (#3018) @m4theushw
  • [DataGrid] Fix performance regression when selecting 100k rows (#3077) @m4theushw
  • [DataGrid] Fix apiRef.current.updateRows to not share rows from other instances (#3127) @m4theushw
  • [DataGrid] Fix flex space allocation to not cause a horizontal scroll when there is enough space (#3099) @flaviendelangle
  • [DataGrid] Improve the filter panel behaviors (#3080) @flaviendelangle
  • [DataGrid] Fix keyboard navigation between column headers and rows when not on the first page (#3086) @flaviendelangle
  • [DataGrid] Fix keyboard navigation between rows when not on the first page (#3074) @flaviendelangle
  • [DataGrid] Prevents bubbling in menu header (#3000) @alexfauquette
  • [DataGrid] Remove unused rendering state and selectors (#3133) @flaviendelangle
  • [DataGrid] Rename Checkbox component and props slots to BaseCheckbox (#3142) @DanailH

Core

Docs