mui/mui-x v5.0.0

5.0.0

on GitHub

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/material@5.X and can be used with @material-ui/core@4.x 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/x-data-grid@v5.0.0 / @mui/x-data-grid-pro@v5.0.0

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

• [core] Adapt changelog script to GitHub DOM modification (#3087) @alexfauquette
• [core] Automatically close issues that are incomplete and inactive (#3029) @oliviertassinari
• [core] Improve the typing of LicenseStatus (#3141) @Himself65
• [core] Make useGridColumnsPreProcessing generic (#3092) @m4theushw
• [core] Move column headers virtualization to hook (#3078) @m4theushw
• [core] Move virtualization logic to hook (#3079) @m4theushw
• [core] Rename directories to match new packages new names (#3088) @flaviendelangle
• [core] Replace createClientRender with new createRenderer API (#3125) @flaviendelangle
• [core] Store the event manager in a key of GridApi instead of making the whole GridApi extend it (#3069) @flaviendelangle
• [core] Update monorepo (#3139) @m4theushw
• [core] Use unstable_ prefix instead of unsafe_ for private APIs (#3090) @flaviendelangle
• [core] Use official MUI repo as monorepo (#3084) @m4theushw

Docs

• [docs] Fix broken example in the component slot example (#3123) @Himself65
• [docs] Fix inline previews (#3081) @DanailH
• [docs] Fix the client-side validation link clarity (#3100) @oliviertassinari
• [docs] Improve rowCount CSS class description (#3072) @ZeeshanTamboli
• [docs] Use core repo constants for doc internationalization (#3143) @flaviendelangle