Skip to content

Releases: mui/mui-x

v8.0.0-alpha.5

19 Dec 13:56
@KenanYusuf KenanYusuf
v8.0.0-alpha.5
878a538
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v8.0.0-alpha.5 Pre-release
Pre-release

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

  • 🌍 Improve Korean (ko-KR) locale on the Data Grid
  • 🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible:
@good-jinu, @k-rajat19.
Following are all team members who have contributed to this release:
@alexfauquette, @cherniavskii, @flaviendelangle, @KenanYusuf, @LukasTy, @MBilalShafi, @romgrk.

Data Grid

Breaking changes

  • Passing additional props (like data-*, aria-*) directly on the Data Grid component is no longer supported. To pass the props, use slotProps.

    • For .root element, use slotProps.root.
    • For .main element (the one with role="grid"), use slotProps.main.

  • detailPanelExpandedRowIds and onDetailPanelExpandedRowIdsChange props use a Set instead of an array:

    -detailPanelExpandedRowIds?: GridRowId[];
+detailPanelExpandedRowIds?: Set<GridRowId>;

-onDetailPanelExpandedRowIdsChange?: (ids: GridRowId[], details: GridCallbackDetails) => void;
+onDetailPanelExpandedRowIdsChange?: (ids: Set<GridRowId>, details: GridCallbackDetails) => void;

  • apiRef.current.getExpandedDetailPanels and apiRef.current.setExpandedDetailPanels methods receive and return a Set instead of an array.

  • gridDetailPanelExpandedRowIdsSelector returns a Set instead of an array.

  • gridDetailPanelExpandedRowsHeightCacheSelector was removed.

@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].

Date and Time Pickers

Breaking changes

  • The <PickersMonth /> component has been moved inside the Month Calendar component — Learn more.

  • The <PickersYear /> component has been moved inside the Year Calendar component — Learn more.

@mui/[email protected]

  • [pickers] Add verification to disable skipped hours in spring forward DST (#15849) @flaviendelangle
  • [pickers] Remove PickersMonth and PickersYear from the theme and remove the div wrapping each button (#15806) @flaviendelangle
  • [pickers] Use the new ownerState object on the <PickersTextField /> component (#15863) @flaviendelangle

@mui/[email protected] pro

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

Charts

@mui/[email protected]

@mui/[email protected] pro

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

Tree View

@mui/[email protected]

No changes since @mui/[email protected].

@mui/[email protected] pro

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

Core

  • [code-infra] Remove @mui/material-nextjs dependency (#15925) @LukasTy

Contributors

romgrk, flaviendelangle, and 7 other contributors
Assets 2
Loading

v7.23.3

19 Dec 13:36
@KenanYusuf KenanYusuf
v7.23.3
8d49b7f
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.23.3 Latest
Latest

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

  • 🌍 Improve Korean (ko-KR) locale on the Data Grid
  • 🐞 Bugfixes

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

Data Grid

@mui/[email protected]

@mui/[email protected] pro

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

@mui/[email protected] premium

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

Date and Time Pickers

@mui/[email protected]

@mui/[email protected] pro

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

Contributors

flaviendelangle, arminmeh, and 4 other contributors
Assets 2
Loading

v8.0.0-alpha.4

13 Dec 10:36
@LukasTy LukasTy
v8.0.0-alpha.4
374b96d
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v8.0.0-alpha.4 Pre-release
Pre-release

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

  • 🌍 Improve Romanian locale on the Data Grid and Pickers
  • 📚 Documentation improvements
  • 🐞 Bugfixes

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

Data Grid

Breaking changes

  • The selectors signature has been updated due to the support of arguments in the selectors. Pass undefined as arguments if the selector doesn't use any arguments.

    -mySelector(state, instanceId)
+mySelector(state, arguments, instanceId)

  • The useGridSelector signature has been updated due to the introduction of arguments parameter in the selectors. Pass undefined as arguments if the selector doesn't use any arguments.

    -const output = useGridSelector(apiRef, selector, equals)
+const output = useGridSelector(apiRef, selector, arguments, equals)

  • The default variant for text fields and selects in the filter panel has been changed to outlined.

  • The "row spanning" feature is now stable.

     <DataGrid
-  unstable_rowSpanning
+  rowSpanning
 />

  • Selected row is now deselected when clicked again.

@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:

  • [DataGridPremium] Fix group column ignoring valueOptions for singleSelect column type (#15739) @arminmeh

Date and Time Pickers

@mui/[email protected]

@mui/[email protected] pro

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

Charts

Breaking changes

  • The default styling of the charts tooltip has been updated.

@mui/[email protected]

@mui/[email protected] pro

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

Tree View

@mui/[email protected]

No changes, releasing to keep the versions in sync.

@mui/[email protected] pro

Releasing to benefit from license package fix (#15814).

Docs

Core

  • [code-infra] Add Charts sandbox generation (#15830) @JCQuintas
  • [code-infra] Remove redundant @type/react-test-renderer dep (#15766) @LukasTy
  • [license] Use console.log for the error message on Codesandbox to avoid rendering error (#15814) @arminmeh

Contributors

oliviertassinari, flaviendelangle, and 10 other contributors
Assets 2
Loading

v7.23.2

12 Dec 16:21
@LukasTy LukasTy
v7.23.2
3548ca8
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.23.2

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

  • 🌍 Improve Romanian and Turkish locales on the Data Grid
  • 🌍 Improve Romanian locale on the Pickers
  • 📚 Documentation improvements
  • 🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible:
@ihsanberkozcan, @k-rajat19, @lhilgert9, @nusr, @rares985.

Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy.

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:

  • [DataGridPremium] Fix group column ignoring valueOptions for singleSelect column type (#15754) @arminmeh

Date and Time Pickers

@mui/[email protected]

@mui/[email protected] pro

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

Charts

@mui/[email protected]

@mui/[email protected] pro

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

@mui/[email protected]

No changes, releasing to keep the versions in sync.

@mui/[email protected] pro

Releasing to benefit from license package fix (#15818).

Docs

  • [docs] Fix typo in charts axis documentation (#15746) @JCQuintas
  • [docs] Improve Pickers accessible DOM structure description (#15752) @LukasTy
  • [docs] Use updateRows method for list view demos (#15824) @KenanYusuf
  • [docs] Use date library version from package dev dependencies for sandboxes (#15767) @LukasTy

Core

  • [core] Add @mui/x-tree-view-pro to releaseChangelog (#15747) @flaviendelangle
  • [license] Use console.log for the error message on Codesandbox to avoid rendering error (#15818) @arminmeh

Contributors

flaviendelangle, arminmeh, and 9 other contributors
Assets 2
Loading

v8.0.0-alpha.3

05 Dec 15:37
@michelengelen michelengelen
v8.0.0-alpha.3
4db3e01
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v8.0.0-alpha.3 Pre-release
Pre-release

Dec 5, 2024

We'd like to offer a big thanks to the 9 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:
@ihsanberkozcan, @k-rajat19, @perezShaked.
Following are all team members who have contributed to this release:
@arminmeh, @cherniavskii, @flaviendelangle, @JCQuintas, @MBilalShafi, @noraleonte.

Data Grid

Breaking changes

  • The "Select all" checkbox is now checked when all the selectable rows are selected, ignoring rows that are not selectable because of the isRowSelectable prop.
  • The rowPositionsDebounceMs prop was removed.
  • The gridRowsDataRowIdToIdLookupSelector selector was removed. Use the gridRowsLookupSelector selector in combination with the getRowId() API method instead. 
    -const idToIdLookup = gridRowsDataRowIdToIdLookupSelector(apiRef);
-const rowId = idToIdLookup[id]
+const rowsLookup = gridRowsLookupSelector(apiRef);
+const rowId = apiRef.current.getRowId(rowsLookup[id])
  • The Grid is now more aligned with the WAI-ARIA authoring practices and sets the role attribute to treegrid if the Data Grid is used with row grouping feature.

@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 onOpen() and onClose() methods of the usePickerContext() hook have been replaced with a single setOpen method — Learn more.

@mui/[email protected]

  • [pickers] Replace the onOpen() and onClose() methods of usePickerContext() with a single setOpen() method. (#15701) @flaviendelangle

@mui/[email protected] pro

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

Charts

@mui/[email protected]

@mui/[email protected] pro

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

Tree View

@mui/[email protected]

No changes since @mui/[email protected].

@mui/[email protected] pro

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

Docs

Core

Contributors

flaviendelangle, arminmeh, and 7 other contributors
Assets 2
Loading

v7.23.1

05 Dec 15:29
@michelengelen michelengelen
v7.23.1
56d39bb
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.23.1

7.23.1

Dec 5, 2024

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

  • 🌍 Improve German locale on the Data Grid component
  • 🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible:
@lhilgert9.

Following are all team members who have contributed to this release:
@arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy and @MBilalShafi.

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].

Date and Time Pickers

@mui/[email protected]

@mui/[email protected] pro

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

Charts

@mui/[email protected]

@mui/[email protected] pro

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

Docs

Core

Contributors

flaviendelangle, LukasTy, and 6 other contributors
Assets 2
Loading

v8.0.0-alpha.2

29 Nov 15:35
@flaviendelangle flaviendelangle
v8.0.0-alpha.2
52de1ec
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
v8.0.0-alpha.2 Pre-release
Pre-release

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]

@mui/[email protected] pro

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] premium

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]

@mui/[email protected] pro

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]

@mui/[email protected] pro

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

Tree View

@mui/[email protected]

@mui/[email protected]

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

Docs

Core

Contributors

oliviertassinari, flaviendelangle, and 15 other contributors
Assets 2
Loading

v7.23.0

29 Nov 13:39
@flaviendelangle flaviendelangle
v7.23.0
e38e018
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
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]

@mui/[email protected] pro

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] premium

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

Date and Time Pickers

@mui/[email protected]

@mui/[email protected] pro

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

Charts

@mui/[email protected]

@mui/[email protected] pro

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

Tree View

@mui/[email protected]

@mui/[email protected] pro

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

Docs

Core

Contributors

oliviertassinari, flaviendelangle, and 14 other contributors
Assets 2
Loading

v8.0.0-alpha.1

22 Nov 16:18
@alexfauquette alexfauquette
v8.0.0-alpha.1
7914aa5
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
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/[email protected]

@mui/[email protected] pro

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

@mui/[email protected] premium

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

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]

@mui/[email protected] pro

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]

@mui/[email protected] pro

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]

Docs

Core

Contributors

oliviertassinari, flaviendelangle, and 14 other contributors
Assets 2
Loading

v7.22.3

22 Nov 09:10
@alexfauquette alexfauquette
v7.22.3
98fd3d5
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
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]

@mui/[email protected] pro

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

@mui/[email protected] premium

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

Date and Time Pickers

@mui/[email protected]

@mui/[email protected] pro

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] pro

Docs

Contributors

flaviendelangle, LukasTy, and 13 other contributors
Assets 2
Loading