github mui/mui-x v8.0.0-beta.3
on GitHub

pre-releaseone day ago

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

  • 🚫 Removed react-spring as a dependency of @mui/x-charts
  • 📦 Data Grid list view feature is now stable
  • 💫 Support title in Data Grid
  • 📚 Documentation improvements
  • 🐞 Bugfixes

Team members who have contributed to this release:
@bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @noraleonte, @romgrk, @alexfauquette.

Data Grid

Breaking changes

  • The list view feature and its related props are now stable.

    The unstable_listColumn prop has been renamed to listViewColumn.

    The GridListColDef type has been renamed to GridListViewColDef. 

    -const listViewColDef: GridListColDef = {
+const listViewColDef: GridListViewColDef = {
   field: 'listColumn',
   renderCell: ListViewCell,
 };

 <DataGridPro
-  unstable_listView
-  unstable_listColumn={listViewColDef}
+  listView
+  listViewColumn={listViewColDef}
 />

  • The useGridApiEventHandler() hook has been renamed to useGridEvent().

  • The useGridApiOptionHandler() hook has been renamed to useGridEventPriority().

@mui/x-data-grid@8.0.0-beta.3

@mui/x-data-grid-pro@8.0.0-beta.3 pro

Same changes as in @mui/x-data-grid@8.0.0-beta.3, plus:

@mui/x-data-grid-premium@8.0.0-beta.3 premium

Same changes as in @mui/x-data-grid-pro@8.0.0-beta.3.

Date and Time Pickers

@mui/x-date-pickers@8.0.0-beta.3

@mui/x-date-pickers-pro@8.0.0-beta.3 pro

Same changes as in @mui/x-date-pickers@8.0.0-beta.3.

Charts

Breaking changes

  • Removed react-spring as a dependency of @mui/x-charts.
    A consequence of this change is that the props of some slots have been changed because the SpringValue wrapper has been removed. The affected slots and props are:

    • the type of the x, y, width and height props of the bar slot are now number;
    • the type of startAngle, endAngle, innerRadius, outerRadius, arcLabelRadius, cornerRadius and paddingAngle props of pieArc and pieArcLabel slot are now number.

    Additionally, the pieArc slot now receives a skipAnimation prop to configure whether animations should be enabled or disabled.

  • Tick labels in the y-axis of cartesian charts will now have an ellipsis applied to prevent overflow.
    If your tick labels are being clipped sooner than you would like, you can increase the y-axis size by increasing its width property.

  • The tooltip DOM structure is modified to improve accessibility. If you relied on it to apply some style or run tests, you might be impacted by this modification.

    • The axis tooltip displays a table per axis with the axis value in a caption.
    • Cells containing the series label and the color mark got merged in a th cell.

@mui/x-charts@8.0.0-beta.3

@mui/x-charts-pro@8.0.0-beta.3 pro

Same changes as in @mui/x-charts@8.0.0-beta.3.

Tree View

@mui/x-tree-view@8.0.0-beta.3

Internal changes.

@mui/x-tree-view-pro@8.0.0-beta.3 pro

Same changes as in @mui/x-tree-view@8.0.0-beta.3.

@mui/x-codemod@8.0.0-beta.3

Docs

Core

Check out latest releases or
releases around mui/mui-x v8.0.0-beta.3

Don't miss a new mui-x release

NewReleases is sending notifications on new releases.

Get notifications