Skip to content

Releases: mui/mui-x

v7.23.0

29 Nov 13:39
e38e018
Compare
Choose a tag to compare

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

  • ✨ Support for a new display mode on the Data Grid with the List View feature, offering an extremely flexible way to render datasets and enabling developers to adapt how data is displayed across different screen sizes.

    list-view-feature.mp4
  • ⚛️ React 19 support

  • 📚 Documentation improvements

  • 🌍 Improve Spanish, Portuguese, Chinese locales on the Data Grid component.

  • 🌍 Improve Dutch locale on the Date and Time Picker components.

  • 🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible:
@dloeda, @headironc, @mathzdev, @nphmuller, @lhilgert9, @lauri865.
Following are all team members who have contributed to this release:
@oliviertassinari, @arminmeh, @KenanYusuf, @flaviendelangle, @MBilalShafi.

Data Grid

@mui/x-data-grid@v7.23.0

@mui/x-data-grid-pro@v7.23.0 pro

Same changes as in @mui/x-data-grid@v7.23.0, plus:

  • [DataGridPro] Fix header filtering with boolean column type (#15640) @k-rajat19
  • [DataGridPro] Fix pagination state not updating if the data source response has no rows (#15643) @zinoroman
  • [DataGridPro] Fix selection propagation issue on initialization (#15593) @MBilalShafi

@mui/x-data-grid-premium@v7.23.0 premium

Same changes as in @mui/x-data-grid-pro@v7.23.0.

Date and Time Pickers

@mui/x-date-pickers@v7.23.0

@mui/x-date-pickers-pro@v7.23.0 pro

Same changes as in @mui/x-date-pickers@v7.23.0.

Charts

@mui/x-charts@v7.23.0

@mui/x-charts-pro@v7.23.0 pro

Same changes as in @mui/x-charts@v7.23.0.

Tree View

@mui/x-tree-view@v7.23.0

@mui/x-tree-view-pro@7.23.0 pro

Same changes as in @mui/x-tree-view@7.23.0.

Docs

Core

v8.0.0-alpha.1

22 Nov 16:18
7914aa5
Compare
Choose a tag to compare
v8.0.0-alpha.1 Pre-release
Pre-release

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

  • 🔧 Refactor Tooltip customisation for charts — Learn more.
  • ⚛️ React 19 support
  • 🌍 Improve Chinese, Spanish, and Swedish locale on the Data Grid component
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Breaking change

Special thanks go out to the community contributors who have helped make this release possible:
@CarlosLopezLg, @headironc, @hendrikpeilke, @k-rajat19, @lhilgert9, @viktormelin.
Following are all team members who have contributed to this release:
@alexfauquette, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @oliviertassinari, @KenanYusuf, @arminmeh.

Data Grid

@mui/x-data-grid@v8.0.0-alpha.1

@mui/x-data-grid-pro@v8.0.0-alpha.1 pro

Same changes as in @mui/x-data-grid@v8.0.0-alpha.1.

@mui/x-data-grid-premium@v8.0.0-alpha.1 premium

Same changes as in @mui/x-data-grid-pro@v8.0.0-alpha.1, plus:

Date and Time Pickers

Breaking change

  • The FieldValueType type has been renamed to PickerValueTypeLearn more.
  • The toolbar and layout slots no longer receive the disabled and readOnly props — Learn more.

@mui/x-date-pickers@v8.0.0-alpha.1

@mui/x-date-pickers-pro@v8.0.0-alpha.1 pro

Same changes as in @mui/x-date-pickers@v8.0.0-alpha.1, plus:

  • [DateTimeRangePicker] Use time in referenceDate when selecting date (#15429) @LukasTy

Charts

Breaking change

  • The DX of the Tooltip customization has been refactored

    • The tooltip prop has been removed in favor of slotProps.tooltip for consistency.
    • The popper, axisContent, and itemContent slots have been removed in favor of the tooltip slot which overrides the entire tooltip.
      • To override the tooltip content, use the useItemTooltip or useAxisTooltip hook to get the data, and wrap your component in ChartsTooltipContainer to follow the pointer position.
      • To override the tooltip placement, use the ChartsItemTooltipContent or ChartsItemTooltipContent to get default data and place them in your custom tooltip.
  • The library now uses the SVG filter attribute instead of d3-color for color manipulation.

    • This modification impacts the LinePlot, AreaPlot, and BarPlot components.
      If you've customized the fill of those elements, you might need to override it by using the CSS filter.
    • The theme.styleOverride is removed for MuiLineElement, MuiAreaElement, and MuiBarElement to improve performance.
      You can still target those elements by using the MuiLinePlot, MuiAreaPlot, and MuiBarPlot and target the appropriate classes lineElementClasses.root, areaElementClasses.root, barElementClasses.root
  • Removed the resolveSizeBeforeRender prop from all chart components — Learn more.

  • Removed width and height props from the ChartsSurface component.

  • Removed the viewport prop from all charts.

@mui/x-charts@v8.0.0-alpha.1

@mui/x-charts-pro@v8.0.0-alpha.1 pro

Same changes as in @mui/x-charts@v8.0.0-alpha.1.

Tree View

Breaking changes

  • The Tree Item component can no longer use publicAPI methods in the render because they are now memoized — Learn more.

@mui/x-tree-view@v8.0.0-alpha.1

Docs

Core

v7.22.3

22 Nov 09:10
98fd3d5
Compare
Choose a tag to compare

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

  • 📊 Charts Pro get stable. The zoom and Heatmap are now stable.
  • 🌍 Improve Chinese, Spanish, Swedish, and Turkish locales on the Data Grid
  • 🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible:
@CarlosLopezLg, @headironc, @viktormelin, @qerkules, @DungTiger, @hendrikpeilke, @k-rajat19.
Following are all team members who have contributed to this release:
@alexfauquette, @LukasTy, @MBilalShafi, @flaviendelangle.

Data Grid

@mui/x-data-grid@7.22.3

@mui/x-data-grid-pro@7.22.3 pro

Same changes as in @mui/x-data-grid@7.22.3.

@mui/x-data-grid-premium@7.22.3 premium

Same changes as in @mui/x-data-grid-pro@7.22.3.

Date and Time Pickers

@mui/x-date-pickers@7.22.3

@mui/x-date-pickers-pro@7.22.3 pro

Same changes as in @mui/x-date-pickers@7.22.3, plus:

  • [DateTimeRangePicker] Use time in referenceDate when selecting date (#15431) @LukasTy

Charts

@mui/x-charts@7.22.3

No changes since @mui/x-charts@7.22.2.

@mui/x-charts-pro@7.22.3 pro

Docs

v8.0.0-alpha.0

14 Nov 15:01
3c3e7de
Compare
Choose a tag to compare
v8.0.0-alpha.0 Pre-release
Pre-release
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/x-data-grid@8.0.0-alpha.0

@mui/x-data-grid-pro@8.0.0-alpha.0 pro

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

@mui/x-data-grid-premium@8.0.0-alpha.0 premium

Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.0, 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/x-date-pickers@8.0.0-alpha.0

@mui/x-date-pickers-pro@8.0.0-alpha.0 pro

Same changes as in @mui/x-date-pickers@8.0.0-alpha.0.

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/x-charts@8.0.0-alpha.0

@mui/x-charts-pro@8.0.0-alpha.0 pro

Same changes as in @mui/x-charts@8.0.0-alpha.0.

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/x-tree-view@8.0.0-alpha.0

  • [TreeView] Always apply the indentation on the item content instead of its parent's group (#15089) @f...
Read more

v7.22.2

08 Nov 11:40
3553def
Compare
Choose a tag to compare

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

  • 👨🏽‍💻 API enhancements
  • 🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible:
@clins1994, @GuillaumeMeheut, @k-rajat19.
Following are all team members who have contributed to this release:
@LukasTy, @MBilalShafi, @KenanYusuf, @arminmeh.

Upcoming alpha

Keep an eye out for the MUI⠀X v8.0.0-aplha.0 release soon. It will follow a weekly release schedule as always until it is stable.

Data Grid

@mui/x-data-grid@7.22.2

@mui/x-data-grid-pro@7.22.2 pro

Same changes as in @mui/x-data-grid@7.22.2, plus:

  • [DataGridPro] Apply default properties if they are not passed in a reorder column (#15320) @k-rajat19
  • [DataGridPro] Toggle row expansion with Enter key in Tree data (#15313) @k-rajat19

@mui/x-data-grid-premium@7.22.2 premium

Same changes as in @mui/x-data-grid-pro@7.22.2, plus:

  • [DataGridPremium] Fix incorrect rows selection count when selection propagation is enabled with row grouping (#15222) @arminmeh

Date and Time Pickers

@mui/x-date-pickers@7.22.2

@mui/x-date-pickers-pro@7.22.2 pro

Same changes as in @mui/x-date-pickers@7.22.2.

Charts

@mui/x-charts@7.22.2

@mui/x-charts-pro@7.0.0-beta.7 pro

Same changes as in @mui/x-charts@7.22.2.

v7.22.1

01 Nov 05:51
3ea4248
Compare
Choose a tag to compare

Nov 1, 2024

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

  • 🐞 Bugfixes
  • 📚 Documentation improvements
  • 🌍 Improve Polish (pl-PL) locale on the Date Pickers

Special thanks go out to the community contributors who have helped make this release possible:
@wojtkolos, @dpak-maurya, @k-rajat19.
Following are all team members who have contributed to this release:
@LukasTy, @arminmeh, @MBilalShafi, @KenanYusuf, @flaviendelangle.

Data Grid

@mui/x-data-grid@7.22.1

@mui/x-data-grid-pro@7.22.1 pro

Same changes as in @mui/x-data-grid@7.22.1, plus:

@mui/x-data-grid-premium@7.22.1 premium

  • [DataGridPremium] Keep focus on the grouping cell on space bar press #15155 @k-rajat19

Date and Time Pickers

@mui/x-date-pickers@7.22.1

@mui/x-date-pickers-pro@7.22.1 pro

Same changes as in @mui/x-date-pickers@7.22.1.

Tree View

@mui/x-tree-view@7.22.1

  • [TreeView] Export TreeItem2DragAndDropOverlay and TreeItem2LabelInput from the root of each package (#15208) @flaviendelangle
  • [TreeView] Fix drag and drop color usage (#15149) @LukasTy

@mui/x-tree-view-pro@7.22.1 pro

Same changes as in @mui/x-tree-view@7.22.1.

Docs

  • [docs] Add section explaining how to keep the selection while filtering in Data grid docs (#15199) @arminmeh

v7.22.0

25 Oct 15:33
70b178c
Compare
Choose a tag to compare

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

Special thanks go out to the community contributors who have helped make this release possible:
@clins1994, @GITPHLAP, @k-rajat19, @kalyan90, @merotosc, @yash49.
Following are all team members who have contributed to this release:
@cherniavskii, @flaviendelangle, @LukasTy, @MBilalShafi, @romgrk.

Data Grid

@mui/x-data-grid@7.22.0

  • [DataGrid] Fix GridPanelAnchor positioning (#15022) @k-rajat19
  • [DataGrid] Fix ugly prop-types for the pageStyle prop of the GridPrintExportMenuItem component (#15015) @flaviendelangle
  • [DataGrid] Fix value type in filter model for number and boolean column type (#14733) @k-rajat19
  • [DataGrid] Focus next row when the focused row is deleted (#15067) @cherniavskii
  • [DataGrid] Remove some usages of <Box /> and <Badge /> (#15013) @romgrk
  • [DataGrid] Fix number of rows to display for page size options with negative value (#14890) @kalyan90
  • [l10n] Improve Portuguese (pt-BR) locale (#15021) @k-rajat19

@mui/x-data-grid-pro@7.22.0 pro

Same changes as in @mui/x-data-grid@7.22.0, plus:

@mui/x-data-grid-premium@7.22.0 premium

Same changes as in @mui/x-data-grid-pro@7.22.0, plus:

Date and Time Pickers

@mui/x-date-pickers@7.22.0

  • [pickers] Fix DateCalendar timezone management (#15119) @LukasTy
  • [pickers] Fix DigitalClock time options on a DST switch day (#15092) @LukasTy

@mui/x-date-pickers-pro@7.22.0 pro

Same changes as in @mui/x-date-pickers@7.22.0.

Charts

@mui/x-charts@7.22.0

  • [charts] Export data type in onAxisClick(_, data) callback (#15038) @clins1994

@mui/x-charts-pro@7.0.0-beta.6 pro

Same changes as in @mui/x-charts@7.22.0.

Tree View

@mui/x-tree-view@7.22.0

Docs

Core

v7.21.0

17 Oct 16:16
c54b77c
Compare
Choose a tag to compare

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

Special thanks go out to the community contributors who have helped make this release possible:
@k-rajat19, @kalyan90, @rotembarsela, @wangkailang.
Following are all team members who have contributed to this release:
@arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @arminmeh, @romgrk, @KenanYusuf, @oliviertassinari, @samuelsycamore.

Data Grid

@mui/x-data-grid@7.21.0

  • [DataGrid] Fix onRowSelectionModelChange firing unnecessarily on initial render (#14909) @MBilalShafi
  • [DataGrid] Fix onRowSelectionModelChange not being called after row is removed (#14972) @arminmeh
  • [DataGrid] Fix pagination scrollbar issue on small zoom (#14911) @cherniavskii
  • [DataGrid] Fix scroll jumping (#14929) @romgrk
  • [DataGrid] Fix excessive white space at the end of the Data Grid (#14864) @kalyan90

@mui/x-data-grid-pro@7.21.0 pro

Same changes as in @mui/x-data-grid@7.21.0, plus:

@mui/x-data-grid-premium@7.21.0 premium

Same changes as in @mui/x-data-grid-pro@7.21.0.

Date and Time Pickers

@mui/x-date-pickers@7.21.0

@mui/x-date-pickers-pro@7.21.0 pro

Same changes as in @mui/x-date-pickers@7.21.0.

Charts

@mui/x-charts@7.21.0

  • [charts] Allow dataset to be used with the Scatter Chart (#14915) @JCQuintas
  • [charts] Ensure reduce motion preference disables animation on page load (#14417) @JCQuintas

@mui/x-charts-pro@7.0.0-beta.5 pro

Same changes as in @mui/x-charts@7.21.0.

Tree View

@mui/x-tree-view@7.21.0

@mui/x-codemod@7.21.0

Docs

Core

v7.20.0

11 Oct 09:38
d114e96
Compare
Choose a tag to compare

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

  • 📚 Updated "What's new" page giving more detailed overview of the latest new features and other highlights
  • 📚 New collapsible column groups demo for the Data Grid component
  • 📚 New Tree Item Customization documentation to learn how to use the new APIs to create custom Tree Items. The old APIs (props.ContentComponent and props.ContentProps) have been deprecated and will be removed in the new major version of the Tree View component.
  • 🌍 Improve Japanese (ja-JP) locale on the Data Grid component
  • 🐞 Bugfixes
  • 📚 Other documentation improvements

Special thanks go out to the community contributors who have helped make this release possible:
@k-rajat19, @kalyan90, @uma-neko, @vfbiby.
Following are all team members who have contributed to this release: @alelthomas, @arminmeh, @arthurbalduini,
@cherniavskii, @flaviendelangle, @JCQuintas, @MBilalShafi, @noraleonte, @oliviertassinari, @samuelsycamore, @siriwatknp.

Data Grid

@mui/x-data-grid@7.20.0

@mui/x-data-grid-pro@7.20.0 pro

Same changes as in @mui/x-data-grid@7.20.0, plus:

@mui/x-data-grid-premium@7.20.0 premium

Same changes as in @mui/x-data-grid-pro@7.20.0.

Date and Time Pickers

@mui/x-date-pickers@7.20.0

  • [pickers] Add PageUp and PageDown support for time components (#14812) @arthurbalduini
  • [pickers] Fix regression on PickerValidDate (#14896) @flaviendelangle
  • [pickers] Move the DateFieldInPickerProps interface to the DatePicker folder and rename it DatePickerFieldProps (same for time and date time) (#14828) @flaviendelangle

@mui/x-date-pickers-pro@7.20.0 pro

Same changes as in @mui/x-date-pickers@7.20.0.

Charts

@mui/x-charts@7.20.0

No changes since @mui/x-charts@v7.19.0.

@mui/x-charts-pro@7.0.0-beta.4 pro

Same changes as in @mui/x-charts@7.20.0.

Tree View

@mui/x-tree-view@7.20.0

Docs

Core

v7.19.0

04 Oct 19:31
5260148
Compare
Choose a tag to compare

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

  • 🔁 Automatic parents and children selection for Data Grid "tree data" and "row grouping" features
  • 💫 Support minHeight and maxHeight on flex parent container for the Data Grid component
  • 🎁 Export publicAPI from the useTreeItem2Utils hook for the Tree View
  • 🌍 Improve Bulgarian (bg-BG), Croatian (hr-HR), French (fr-FR), German (de-DE), Japanese (ja-JP) and Vietnamese (vi-VN) locales and add Portuguese (pt-PT) locale on the Data Grid component
  • 🌏 Improve Czech (cs-CZ) and Portuguese (pt-BR) locales and add Bulgarian (bg-BG), Croatian (hr-HR) and Portuguese (pt-PT) locales on the Pickers components
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Special thanks go out to our community contributors who have helped make this release possible:
@AWAIS97, @chucamphong, @GMchris, @JakubSveda, @k-rajat19, @k725, @lhilgert9, @ruiaraujo012, @Sanderand, @thomasmoon, @vallereaugabriel.
Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @arthurbalduini, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @KenanYusuf, @MBilalShafi, @michelengelen, @noraleonte, @oliviertassinari, @romgrk, @sai6855, @samuelsycamore.

Data Grid

@mui/x-data-grid@7.19.0

@mui/x-data-grid-pro@7.19.0 pro

Same changes as in @mui/x-data-grid@7.19.0, plus:

  • [DataGridPro] Fix dragging styles removal in column reorder (#14680) @k-rajat19
  • [DataGridPro] Fix row pre-processing running with a stale data source (#14810) @MBilalShafi
  • [DataGridPro] Fix onRowsScrollEnd not firing on very fast scrolling (#14171) @arminmeh

@mui/x-data-grid-premium@7.19.0 premium

Same changes as in @mui/x-data-grid-pro@7.19.0, plus:

Date and Time Pickers

@mui/x-date-pickers@7.19.0

@mui/x-date-pickers-pro@7.19.0 pro

Same changes as in @mui/x-date-pickers@7.19.0.

Charts

@mui/x-charts@7.19.0

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

Same changes as in @mui/x-charts@7.19.0.

Tree View

@mui/x-tree-view@7.19.0

Docs

Core