Skip to content

v8.0.0-alpha.0

Pre-release
Pre-release
Compare
Choose a tag to compare
@JCQuintas JCQuintas released this 14 Nov 15:01
· 133 commits to master since this release
3c3e7de
MUI X v8 Alpha is live

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

  • 🔁 Support automatic parents and children selection for the Rich Tree View components.
  • 🌍 Improve Greek (el-GR) locale on the Date and Time Pickers components
  • 🌍 Improve Polish (pl-PL) locale on the Data Grid component
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Special thanks go out to the community contributors who have helped make this release possible:
@belkocik, @GeorgiosDrivas, @k-rajat19, @kalyan90, @DungTiger, @fxnoob, @GuillaumeMeheut

Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy,
@MBilalShafi, @michelengelen, @noraleonte, @oliviertassinari, @romgrk, @samuelsycamore, @joserodolfofreitas.

Data Grid

@mui/[email protected]

@mui/[email protected] pro

Same changes as in @mui/[email protected], plus:

@mui/[email protected] premium

Same changes as in @mui/[email protected], plus:

Date and Time Pickers

Breaking changes

  • The default DOM structure of the field has changed Learn more.

    • Before version v8.x, the fields' DOM structure consisted of an <input />, which held the whole value for the component, but unfortunately presents a few limitations in terms of accessibility when managing multiple section values.
    • Starting with version v8.x, all the field and picker components come with a new DOM structure that allows the field component to set aria attributes on individual sections, providing a far better experience with screen readers.
  • Some translation keys no longer require utils and the date object as parameters, but only the formatted value as a string. The keys affected by this changes are: clockLabelText, openDatePickerDialogue and openTimePickerDialogueLearn more.

  • The following types are no longer exported by @mui/x-date-pickers and @mui/x-date-pickers-proLearn more.

    • UseDateFieldComponentProps
    • UseTimeFieldComponentProps
    • UseDateTimeFieldComponentProps
    • BaseSingleInputFieldProps
    • BaseMultiInputFieldProps
    • BasePickersTextFieldProps
  • The TDate generic has been removed from all the types, interfaces, and variables of the @mui/x-date-pickers and @mui/x-date-pickers-pro packages — Learn more.

  • Renamed usePickersTranslations and usePickersContext hooks to have a coherent Picker prefix instead of PickersLearn more.

  • The LicenseInfo object is no longer exported from the @mui/x-date-pickers-pro package — Learn more.

@mui/[email protected]

@mui/[email protected] pro

Same changes as in @mui/[email protected].

Charts

Breaking changes

  • The legend prop got removed. To pass props to the legend, use slotProps={{ legend: { ... } }} instead. This can be automatically done with the codemod as long as the legend prop does not come from a destructured object — Learn more.

  • The slots.legend does not receive the drawingArea prop. You can still access your custom legend with the useDrawingArea() hook if your custom legend needs it.

  • Removed or renamed multiple props from Series — Learn more.

    • The highlighted and faded properties of highlightScope were deprecated in favor of highlight and fade.
      The deprecated ones are now removed.
    • The xAxisKey, yAxisKey, and zAxisKey properties got deprecated in favor of xAxisId, yAxisId, and zAxisId.
  • The Pie Chart lost all props and renderer linked to axes because pie chart does not need cartesian axes. If you used it, you can still add them back with composition. Please consider opening an issue to share your use case with us — Learn more.

@mui/[email protected]

@mui/[email protected] pro

Same changes as in @mui/[email protected].

Tree View

Breaking changes

  • The ContentComponent or ContentProps props of the <TreeItem /> component have been removed in favor of the new slots, slotProps props and of the useTreeItem hook — Learn more.

  • The onClick and onMouseDown callbacks of the Tree Item component are now passed to the root element instead of the content — Learn more.

  • Rename the <TreeItem2 /> component (and related utils) — Learn more.

  • The <TreeView /> component has been renamed <SimpleTreeView /> which has exactly the same API — Learn more.

  • The indentation of nested Tree Items is now applied on the content of the element — Learn more.

@mui/[email protected]

Docs

Core