npm @mui/x-data-grid-pro 6.0.0-alpha.5
v6.0.0-alpha.5

latest releases: 7.18.0, 7.17.0, 7.16.0...
23 months ago

We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:

  • ⚡ Fix memory leak during unmount of the DataGrid (#6620) @cherniavskii
  • 📝 New guide for migrating pickers from v5 to v6 (#6472) @flaviendelangle
  • 🎁 Allow to disable the autofocus of the search field when opening the column visibility panel (#6444) @e-cloud
  • 🐞 Bugfixes

@mui/x-data-grid@v6.0.0-alpha.5 / @mui/x-data-grid-pro@v6.0.0-alpha.5 / @mui/x-data-grid-premium@v6.0.0-alpha.5

Breaking changes

  • Stop exporting gridColumnsSelector (#6693) @m4theushw

    The gridColumnsSelector was deprecated during v5 and is now removed from the export list.

    Please consider using one of the following selectors as a replacement:

    • gridColumnFieldsSelector, to obtain the column fields in the order they appear on the screen;
    • gridColumnLookupSelector, to access column definitions by field;
    • gridColumnVisibilityModelSelector, for the visibility state of each column.

Changes

  • [DataGrid] Allow to disable autofocusing the search field in the columns panel (#6444) @e-cloud
  • [DataGrid] Fix setRows method not persisting new rows data after loading prop change (#6493) @cherniavskii
  • [DataGrid] Fix memory leak on grid unmount (#6620) @cherniavskii
  • [DataGrid] Rename GridColumnsState['all'] to GridColumnsState['orderedFields'] (#6562) @DanailH
  • [DataGrid] Remove React.memo from GridCellCheckboxRenderer (#6655) @mattcorner
  • [DataGrid] Stop exporting gridColumnsSelector (#6693)
  • [l10n] Improve Bulgarian (bg-BG) locale (#6578) @AtanasVA

@mui/x-date-pickers@v6.0.0-alpha.5 / @mui/x-date-pickers-pro@v6.0.0-alpha.5

Breaking changes

  • [pickers] Rename remaining private components (#6550) @LukasTy
    Previously we had 4 component names with Private prefix in order to avoid breaking changes in v5.
    These components were renamed:

    • PrivatePickersMonth -> MuiPickersMonth
    • PrivatePickersSlideTransition -> MuiPickersSlideTransition
    • PrivatePickersToolbarText -> MuiPickersToolbarText
    • PrivatePickersYear -> MuiPickersYear

    Manual style overriding will need to use updated classes:

    -.PrivatePickersMonth-root {
    +.MuiPickersMonth-root {
    
    -.PrivatePickersSlideTransition-root {
    +.MuiPickersSlideTransition-root {
    
    -.PrivatePickersToolbarText-root {
    +.MuiPickersToolbarText-root {
    
    -.PrivatePickersYear-root {
    +.MuiPickersYear-root {

    Component name changes are also reflected in themeAugmentation:

     const theme = createTheme({
       components: {
    -    PrivatePickersMonth: {
    +    MuiPickersMonth: {
           // overrides
         },
    -    PrivatePickersSlideTransition: {
    +    MuiPickersSlideTransition: {
           // overrides
         },
    -    PrivatePickersToolbarText: {
    +    MuiPickersToolbarText: {
          // overrides
         },
    -    PrivatePickersYear: {
    +    MuiPickersYear: {
           // overrides
         },
       },
     });

Changes

Docs

Core

Don't miss a new x-data-grid-pro release

NewReleases is sending notifications on new releases.