v8.0.0-alpha.2

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

• 👨🏽‍💻 Improve resize performance on the Data Gird.
• <ChartDataProvider /> and <ChartsSurface /> components are now fully divided — Learn more.
• Users can create their own HTML components using chart data — Learn more.
• 🌍 Improve Spanish, Portuguese, Chinese locales on the Data Grid component.
• 🌍 Improve Dutch locale on the Date and Time Pickers components.
• 🐞 Bugfixes
• 📚 Documentation improvements

Special thanks go out to the community contributors who have helped make this release possible:
@dloeda, @headironc, @jedesroches, @k-rajat19, @lauri865, @mathzdev, @nphmuller, @zinoroman.
Following are all team members who have contributed to this release:
@arminmeh, @alexfauquette, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @oliviertassinari.

Data Grid

Breaking changes

• The <GridOverlays /> component is not exported anymore.
• The indeterminateCheckboxAction prop has been removed. Clicking on an indeterminate checkbox "selects" the unselected descendants.
• The apiRef.current.resize() method was removed.
• The default value of the rowSelectionPropagation prop has been changed to { parents: true, descendants: true } which means that the selection will be propagated to the parents and descendants by default.
  To revert to the previous behavior, pass rowSelectionPropagation as { parents: false, descendants: false }.
• If estimatedRowCount is used, the text provided to the Table Pagination component from the Material UI library is updated and requires additional translations. Check the example at the end of Index-based pagination section.

@mui/[email protected]

• [DataGrid] Change test dom check from /jsdom/ to /jsdom|HappyDOM/. (#15634) @jedesroches
• [DataGrid] Clear timers on unmount (#15620) @cherniavskii
• [DataGrid] Fix order of spread props on toolbar items (#15556) @KenanYusuf
• [DataGrid] Improve resize performance (#15549) @lauri865
• [DataGrid] Make estimation label more accurate (#15632) @arminmeh
• [DataGrid] Remove <GridOverlays /> export (#15573) @k-rajat19
• [DataGrid] Remove indeterminateCheckboxAction prop (#15522) @MBilalShafi
• [DataGrid] Remove try/catch from <GridCell /> due to performance issues (#15616) @lauri865
• [DataGrid] Remove unused resize method (#15599) @cherniavskii
• [DataGrid] Support column virtualization with dynamic row height (#15541) @cherniavskii
• [DataGrid] Update the default value for rowSelectionPropagation (#15523) @MBilalShafi
• [l10n] Improve Chinese (zh-CN) locale (#15570) @headironc
• [l10n] Improve Portuguese (pt-PT) locale (#15561) @mathzdev

@mui/[email protected]

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

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

@mui/[email protected]

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

Date and Time Pickers

Breaking changes

• The props received by the layout and the toolbar slots have been reworked — Learn more.

• The TSection generic of the FieldRef type has been replaced with the TValue generic — Learn more.

@mui/[email protected]

• [l10n] Improve Dutch (nl-NL) locale (#15564) @nphmuller
• [pickers] Fix DST issue with America/Asuncion timezone and AdapterMoment (#15552) @flaviendelangle
• [pickers] Improve validation internals (#15419) @flaviendelangle
• [pickers] Remove TSection and strictly type TValue (#15434) @flaviendelangle
• [pickers] Remove orientation, isLandscape, isRtl, wrapperVariant and disabled props from PickersLayout (#15494) @flaviendelangle
• [pickers] Use the new ownerState in <PickersCalendarHeader />, <PickersArrowSwitcher /> and <DayCalendarSkeleton /> (#15499) @flaviendelangle
• [pickers] Use the new ownerState object in all the field components (#15510) @flaviendelangle

@mui/[email protected]

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

Charts

Breaking changes

• Charts Container don't have a <div /> wrapping them anymore. All props are now passed to the root <svg /> instead of the <div />.

@mui/[email protected]

• [charts] Allow the creation of custom HTML components using charts data (#15511) @JCQuintas
• [charts] Flatten imports from @mui/utils and @mui/system (#15603) @alexfauquette
• [charts] Introduce the plugin system (#15513) @alexfauquette
• [charts] Prevent invalid releasePointerCapture (#15602) @alexfauquette
• [charts] Fix custom Tooltip demos (#15631) @alexfauquette

@mui/[email protected]

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

Tree View

@mui/[email protected]

• [TreeView] Flatten import from @mui/utils and @mui/system (#15604) @alexfauquette

@mui/[email protected]

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

Docs

• [docs] Fix 404 links (#15575) @oliviertassinari
• [docs] Fix bash comments (#15571) @oliviertassinari
• [docs] Fix Pickers theme augmentation example (#15672) @LukasTy
• [docs] Replace use of "e.g." with "for example" (#15572) @oliviertassinari
• [docs] Update stale new and preview tags in v8 docs (#15547) @JCQuintas
• [docs] Fix layout shift image on Tree View docs (#15626) @oliviertassinari
• [docs] Fix anchorEl API page for charts (#15625) @oliviertassinari
• [docs] Add documentation for the list view feature (#15344) @KenanYusuf

Core

• [core] Follow () function convention for docs @oliviertassinari
• [core] Remove dead translation key (#15566) @oliviertassinari
• [code-infra] Auto-merge @types/node bumps (#15591) @LukasTy

v7.23.0

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/[email protected]

• [DataGrid] React 19 support (#15557) @arminmeh
• [DataGrid] Change test dom check from /jsdom/ to /jsdom|HappyDOM/. (#15642) @jedesroches
• [DataGrid] Fix last separator not being hidden when grid is scrollable (#15551) @KenanYusuf
• [DataGrid] Fix order of spread props on toolbar items (#15556) @KenanYusuf
• [DataGrid] Fix row-spanning in combination with column-pinning (#15460) @lhilgert9
• [DataGrid] Improve resize performance (#15592) @lauri865
• [DataGrid] Support column virtualization with dynamic row height (#15567) @cherniavskii
• [DataGrid] Improve GridCell performance (#15621) @lauri865
• [l10n] Improve Chinese (zh-CN) locale (#15570) @headironc
• [l10n] Improve Portuguese (pt-PT) locale (#15561) @mathzdev

@mui/[email protected]

Same changes as in @mui/[email protected], 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/[email protected]

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

Date and Time Pickers

@mui/[email protected]

• [pickers] React 19 support (#15557) @arminmeh
• [pickers] Fix DST issue with America/Asuncion timezone and AdapterMoment (#15653) @flaviendelangle
• [pickers] Use props.referenceDate timezone when props.value and props.defaultValue are not defined (#15544) @flaviendelangle
• [l10n] Improve Dutch (nl-NL) locale (#15564) @nphmuller

@mui/[email protected]

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

Charts

@mui/[email protected]

• [charts] React 19 support (#15557) @arminmeh
• [charts] Prevent invalid releasePointerCapture (#15609) @alexfauquette

@mui/[email protected]

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

Tree View

@mui/[email protected]

• [TreeView] React 19 support (#15557) @arminmeh

@mui/[email protected]

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

Docs

• [docs] Add data caching to lazy loaded detail panel demo (#15555) @cherniavskii
• [docs] Remove selectors section from list view docs (#15639) @KenanYusuf
• [docs] Add documentation for the list view feature (#15344) @KenanYusuf

Core

• [core] Update @mui/monorepo (#15574) @oliviertassinari

v8.0.0-alpha.1

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/[email protected]

• [DataGrid] React 19 support (#15342) @arminmeh
• [DataGrid] Add prop to override search input props in GridColumnsManagement (#15347) @k-rajat19
• [DataGrid] Add test coverage for issues fixed in #15184 (#15282) @MBilalShafi
• [DataGrid] Change default loading overlay variants (#15504) @KenanYusuf
• [DataGrid] Fix last separator not being hidden when grid is scrollable (#15543) @KenanYusuf
• [DataGrid] Fix right column group header border with virtualization (#15470) @hendrikpeilke
• [DataGrid] Fix row-spanning in combination with column-pinning (#15368) @lhilgert9
• [l10n] Improve Chinese (zh-CN) locale (#15365) @headironc
• [l10n] Improve Spanish (es-ES) locale (#15369) @CarlosLopezLg
• [l10n] Improve Swedish (sv-SE) locale (#15371) @viktormelin

@mui/[email protected]

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

@mui/[email protected]

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

• [DataGridPremium] Prompt input control (#15401) @arminmeh

Date and Time Pickers

Breaking change

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

@mui/[email protected]

• [fields] Fix focus management with new DOM structure (#15475) @flaviendelangle
• [pickers] React 19 support (#15342) @arminmeh
• [pickers] Add new properties to PickerOwnerState and PickerContextValue (#15415) @flaviendelangle
• [pickers] Always use props.value when it changes (#15490) @flaviendelangle
• [pickers] Ensure internal value timezone is updated (#15435) @LukasTy
• [pickers] Fix unused code in <PickersToolbar /> component (#15515) @LukasTy
• [pickers] Remove FieldValueType in favor of PickerValueType (#15259) @arthurbalduini
• [pickers] Remove the form props from the layout and the toolbar slots (#15492) @flaviendelangle
• [pickers] Use props.referenceDate timezone when props.value and props.defaultValue are not defined (#15532) @flaviendelangle
• [TimePicker] Prevent mouse events after touchend event (#15346) @arthurbalduini

@mui/[email protected]

Same changes as in @mui/[email protected], 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/[email protected]

• [charts] React 19 support (#15342) @arminmeh
• [charts] Decouple <ChartDataProvider /> and <ChartsSurface /> (#15375) @JCQuintas
• [charts] Fix Scatter Chart tooltip wrong defaults (#15537) @JCQuintas
• [charts] Fix key generation for the <ChartsGrid /> component (#15463) @alexfauquette
• [charts] Improve <SvgRefProvider /> to split the received ref (#15424) @JCQuintas
• [charts] Move interaction state in store (#15426) @alexfauquette
• [charts] Refactor Tooltip customisation (#15154) @alexfauquette
• [charts] Remove intrinsic size requirement (#15471) @JCQuintas
• [charts] Replace d3-color with CSS filter for highlight (#15084) @alexfauquette
• [charts] Split <DrawingProvider /> into <DrawingAreaProvider /> and <SvgRefProvider /> (#15417) @JCQuintas

@mui/[email protected]

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

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/[email protected]

• [TreeView] React 19 support (#15342) @arminmeh
• [TreeView] Do not re-render every Tree Item when the Rich Tree View re-renders (introduce selectors) (#14210) @flaviendelangle
• [TreeView] Remove treeId from the item context (#15542) @flaviendelangle
• [TreeView] Remove state mutation in moveItemInTree() (#15539) @flaviendelangle
• [TreeItem] Correct the typing of slotProps.groupTransition (#15534) @flaviendelangle

Docs

• [docs] Fix some migration typos (#15422) @LukasTy
• [docs] Fix typo in migration guide (#15508) @flaviendelangle
• [docs] Fix 301 redirection in docs @oliviertassinari
• [docs] Polish Server-side data section (#15330) @oliviertassinari
• [docs] Use loading state in the demos (#15512) @cherniavskii

Core

• [core] Keep OpenSSF badge up-to-date @oliviertassinari
• [code-infra] Add 'DensitySelectorGrid' to time-sensitive argos tests (#15425) @JCQuintas
• [code-infra] Add documentation to internal types (#15540) @JCQuintas
• [code-infra] Prevent relative imports across packages (#15437) @JCQuintas
• [code-infra] Update renovate config to merge action pins (#15462) @LukasTy
• [docs-infra] Fix version tooltip (#15468) @alexfauquette
• [docs-infra] Transpile .ts demo files (#15345) @KenanYusuf
• [infra] Remove cherry-pick issue write permission (#15456) @oliviertassinari

v7.22.3

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/[email protected]

• [DataGrid] Add prop to override search input props in GridColumnsManagement (#15476) @k-rajat19
• [DataGrid] Add test coverage for issues fixed in #15184 @MBilalShafi
• [DataGrid] Fix memoized selectors with arguments (#15336) @MBilalShafi
• [DataGrid] Fix right column group header border with virtualization (#15503) @hendrikpeilke
• [DataGrid] Pass reason to onPaginationModelChange (#15402) @DungTiger
• [DataGrid] Set default overlay height in flex parent layout (#15535) @cherniavskii
• [l10n] Improve Chinese (zh-CN) locale (#15365) @headironc
• [l10n] Improve Spanish (es-ES) locale (#15369) @CarlosLopezLg
• [l10n] Improve Swedish (sv-SE) locale (#15371) @viktormelin
• [l10n] Improve Turkish (tr-TR) locale (#15414) @qerkules

@mui/[email protected]

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

@mui/[email protected]

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

Date and Time Pickers

@mui/[email protected]

• [pickers] Always use props.value when it changes (#15500) @flaviendelangle
• [pickers] Ensure internal value timezone is updated (#15491) @LukasTy
• [pickers] Fix DateTimeRangePicker error when using format without time (#15341) @fxnoob
• [pickers] Fix unused code in PickersToolbar component (#15525) @LukasTy

@mui/[email protected]

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

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

Charts

@mui/[email protected]

No changes since @mui/[email protected].

@mui/[email protected]

• [charts-pro] Fix missing typeOverload (#15400) @alexfauquette

Docs

• [docs] Add PickersPopper component to customization playground (#15397) @LukasTy

• [docs] Add next version links (#15423) @LukasTy

• [docs] Use the loading state in the demos (#15538) @cherniavskii

• [code-infra] Tentative fix for Argos flaky screenshot tests (#15399) @JCQuintas

• [docs-infra] Transpile .ts demo files (#15421) @KenanYusuf

• [core] Clarify release version bump strategy (#15536) @cherniavskii

v8.0.0-alpha.0

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]

• [DataGrid] Fix grid overlay aligment with scroll for rtl (#15072) @kalyan90
• [DataGrid] Fix resizing right pinned column (#15107) @KenanYusuf
• [DataGrid] Pass the reason to the onPaginationModelChange callback (#13959) @DungTiger
• [DataGrid] Set default overlay height in flex parent layout (#15202) @cherniavskii
• [DataGrid] Refactor baseMenuList and baseMenuItem (#15049) @romgrk
• [DataGrid] Remove more material imports (#15063) @romgrk
• [l10n] Improve Polish (pl-PL) locale (#15227) @belkocik

@mui/[email protected]

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

• [DataGridPro] Fix column pinning layout (#14966) @cherniavskii

@mui/[email protected]

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

• [DataGridPremium] Server-side data source with row grouping (#13826) @MBilalShafi

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 openTimePickerDialogue — Learn more.

• The following types are no longer exported by @mui/x-date-pickers and @mui/x-date-pickers-pro — Learn 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 Pickers — Learn more.

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

@mui/[email protected]

• [fields] Enable the new field DOM structure by default (#14651) @flaviendelangle
• [fields] Remove UseDateFieldComponentProps and equivalent interfaces (#15053) @flaviendelangle
• [fields] Remove clear button from the tab sequence (#14616) @k-rajat19
• [l10n] Improve Greek (el-GR) locale (#15250) @GeorgiosDrivas
• [pickers] Clean definition of validation props (#15198) @flaviendelangle
• [pickers] Clean the new ownerState object (#15056) @flaviendelangle
• [pickers] Correctly type the ownerState of the field and actionBar slots when resolved in a picker component (#15162) @flaviendelangle
• [pickers] Fix DateCalendar timezone management (#12321) @LukasTy
• [pickers] Fix DateTimeRangePicker error when using format without time (#14917) @fxnoob
• [pickers] Fix DigitalClock time options on a DST switch day (#10793) @LukasTy
• [pickers] Remove TDate generics in favor of PickerValidDate direct usage (#15001) @flaviendelangle
• [pickers] Remove utils and value params from translations (#14986) @arthurbalduini
• [pickers] Remove plural in "Pickers" on recently introduced APIs (#15297) @flaviendelangle
• [pickers] Remove the re-export from @mui/x-license (#14487) @k-rajat19
• [pickers] Strictly type the props a picker passes to its field, and migrate all the custom field demos accordingly (#15197) @flaviendelangle
• [pickers] Unify JSDoc for all the disabled and readOnly props (#15304) @flaviendelangle
• [pickers] Use the new ownerState in DateCalendar, DateRangeCalendar, MonthCalendar and YearCalendar (#15171) @flaviendelangle
• [pickers] Use the new ownerState in usePickersLayout and useXXXPicker (#14994) @flaviendelangle

@mui/[email protected]

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]

• [charts] Introduce hideLegend prop (#15277) @alexfauquette
• [charts] Filter items outside the drawing area for performance (#14281) @alexfauquette
• [charts] Fix log scale with null data (#15337) @alexfauquette
• [charts] Fix tooltip follow mouse (#15189) @alexfauquette
• [charts] Remove xAxisKey, yAxisKey, and zAxisKey series keys (#15192) @alexfauquette
• [charts] Remove axis from the pie chart (#15187) @alexfauquette
• [charts] Remove deprecated legend props (#15081) @alexfauquette
• [charts] Remove deprecated highlight properties (#15191) @alexfauquette
• [charts] Update Popper position outside of React (#15003) @alexfauquette
• [charts] Improve the performance of the getSymbol method (#15233) @romgrk

@mui/[email protected]

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]

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

v7.22.2

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/[email protected]

• [DataGrid] Fix null reference error in GridVirtualScrollbar (#15289) @MBilalShafi
• [DataGrid] Fix filtering with boolean column type (#15257) @k-rajat19
• [DataGrid] Improve row selection propagation trigger (#15274) @MBilalShafi
• [DataGrid] Preprocess edit cell props on backspace/delete (#15223) @KenanYusuf
• [DataGrid] Add a recipe to persist column width and order (#15309) @MBilalShafi

@mui/[email protected]

Same changes as in @mui/[email protected], 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/[email protected]

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

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

Date and Time Pickers

@mui/[email protected]

• [pickers] Add support for [email protected] (#15248) @LukasTy

@mui/[email protected]

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

Charts

@mui/[email protected]

• [charts] Allow SeriesValueFormatter to return null value (#15295) @clins1994
• [charts] Allow configuring the domainLimit for each axis. (#15325) @GuillaumeMeheut

@mui/[email protected]

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

v7.22.1

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/[email protected]

• [DataGrid] Fix right column group header border (#15152) @KenanYusuf
• [DataGrid] Fix scroll jump when holding down arrow keys (#15167) @arminmeh
• [DataGrid] Move rowGroupingModelChange handler to respective hook (#15127) @MBilalShafi
• [DataGrid] Prevent error when deleting the last row (#15153) @dpak-maurya
• [DataGrid] Fix overlay height in autoHeight mode (#15205) @cherniavskii

@mui/[email protected]

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

• [DataGridPro] Add list view tests (#15166) @KenanYusuf

@mui/[email protected]

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

Date and Time Pickers

@mui/[email protected]

• [l10n] Improve Polish (pl-PL) locale (#15177) @wojtkolos

@mui/[email protected]

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

Tree View

@mui/[email protected]

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

@mui/[email protected]

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

Docs

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

v7.22.0

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

• 🛰 Introduce server-side support for Data Grid row grouping
• 🐞 Bugfixes
• 📚 Documentation improvements
• 🌍 Improve Portuguese (pt-BR) locale on the Data Grid component

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/[email protected]

• [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/[email protected]

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

• [DataGridPro] Fix column pinning layout (#15073) @cherniavskii

@mui/[email protected]

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

• [DataGridPremium] Server-side data source with row grouping (#15109) @MBilalShafi

Date and Time Pickers

@mui/[email protected]

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

@mui/[email protected]

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

Charts

@mui/[email protected]

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

@mui/[email protected]

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

Tree View

@mui/[email protected]

• [TreeView] Make the cancellable event types public (#14992) @flaviendelangle

Docs

• [docs] Fix typo in Tree View docs (#15047) @yash49

Core

• [core] Adjust cherry-pick GH actions (#15101) @LukasTy
• [core] Update prettier target branch (#15100) @MBilalShafi
• [core] Update some default-branch-switch instances for v7.x (#15085) @MBilalShafi
• [test] Revert to using fireEvent instead of userEvent (#14927) @LukasTy

v7.21.0

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

• 💫 Added dataset prop support for the Scatter Chart component
• 🐞 Bugfixes
• 📚 Documentation improvements

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/[email protected]

• [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/[email protected]

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

• [DataGridPro] Fix indeterminate checkbox state for server-side data (#14956) @MBilalShafi
• [DataGridPro] Fix scrolling performance when rowHeight={undefined} (#14983) @cherniavskii
• [DataGridPro] List view (#14393) @KenanYusuf @cherniavskii

@mui/[email protected]

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

Date and Time Pickers

@mui/[email protected]

• [pickers] Cleanup PageUp and PageDown event handlers on time components (#14928) @arthurbalduini
• [pickers] Create the new picker's ownerState object (#14889) @flaviendelangle
• [pickers] Fix PickerValidDate usage in the Date Range Picker Toolbar (#14925) @flaviendelangle

@mui/[email protected]

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

Charts

@mui/[email protected]

• [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/[email protected]

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

Tree View

@mui/[email protected]

• [TreeView] Fix alpha usage with CSS variables (#14969) @wangkailang
• [TreeView] Fix usage of the aria-selected attribute (#14991) @flaviendelangle
• [TreeView] Fix hydration error (#15002) @flaviendelangle

@mui/[email protected]

• [codemod] Add a new utility to rename imports (#14919) @flaviendelangle

Docs

• [docs] Add recipe showing how to toggle detail panels on row click (#14666) @k-rajat19
• [docs] Fix broken link to the validation section in the Data grid component (#14973) @arminmeh
• [docs] Update v5 migration codesandbox @oliviertassinari
• [docs] Enforce component style rules for the Tree View (#14963) @samuelsycamore

Core

• [core] Fix shortcut with localization keyboard (#14220) @rotembarsela
• [core] Fix docs deploy command (#14920) @arminmeh
• [code-infra] Prepare some tests to work in vitest/playwright (#14926) @JCQuintas
• [test] Fix AdapterDayjs coverage calculation (#14957) @LukasTy
• [test] Fix split infinitive API convention use @oliviertassinari

v7.20.0

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/[email protected]

• [DataGrid] Add onColumnHeaderContextMenu event (#14734) @vfbiby
• [DataGrid] Avoid row spanning computation of outdated rows (#14902) @MBilalShafi
• [DataGrid] Fix scrollbar position not being updated after scrollToIndexes (#14888) @arminmeh
• [DataGrid] Pass rowId param to processRowUpdate (#14821) @k-rajat19
• [l10n] Improve Japanese (ja-JP) locale (#14870) @uma-neko

@mui/[email protected]

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

• [DataGridPro] Fix wording on the rowSelectionPropagation JSDoc and doc section (#14907) @flaviendelangle

@mui/[email protected]

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

Date and Time Pickers

@mui/[email protected]

• [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/[email protected]

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

Charts

@mui/[email protected]

No changes since @mui/[email protected].

@mui/[email protected]

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

Tree View

@mui/[email protected]

• [TreeItem] Deprecate the ContentComponent and ContentProps props (#14908) @flaviendelangle
• [TreeView] Rework how items are being rendered in Rich Tree View components (#14749) @flaviendelangle

Docs

• [docs] Update "What's new" page (#14858) @cherniavskii
• [docs] Add collapsible column groups demo (#14818) @cherniavskii
• [docs] Add custom columns panel demo (#14825) @cherniavskii
• [docs] Capitalize all instances of "Data Grid" (#14884) @samuelsycamore
• [docs] Divide charts tooltip and highlighting pages (#14824) @JCQuintas
• [docs] Document the TreeItem2 component and the useTreeItem2 hook (#14551) @noraleonte
• [docs] Fix column pinning for "Disable detail panel content scroll" section (#14854 and #14885) @kalyan90
• [docs] Fix detail panel demo not working well with pinned columns (#14883) @cherniavskii
• [docs] New recipe of a read-only field (#14606) @flaviendelangle
• [docs] Change demo name example (#14822) @alelthomas

Core

• [core] Support @mui/utils v6 (#14867) @siriwatknp
• [code-infra] Remove deprecated data-mui-test in favour of data-testid (#14882) @JCQuintas
• [code-infra] Update renovate config and add a vitest group (#14856) @JCQuintas
• [test] Replace waitFor() with act() (#14851) @oliviertassinari
• [test] Restore "pnpm tc" CLI (#14852) @oliviertassinari