Skip to content

Releases: mui/mui-x

v8.0.0-beta.2

28 Mar 10:22
@DanailH DanailH
v8.0.0-beta.2
275e90a
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
v8.0.0-beta.2 Pre-release
Pre-release

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

  • 🔍 Update the Data Grid quick filter to collapse when not in use
  • 🐞 Bugfixes

Special thanks go out to the community members for their valuable contributions:
@lhilgert9.
Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @flaviendelangle, @hasdfa, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @mnajdova, @romgrk.

Data Grid

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

  • [DataGrid] Fix error caused by trying to render rows that are not in the state anymore (#17057) @arminmeh
  • [DataGrid] Refactor: remove more material (#16922) @romgrk
  • [DataGrid] Update Quick Filter component to be expandable (#16862) @KenanYusuf
  • [DataGrid] Fix crash when used with @mui/styled-engine-sc (#17154) @KenanYusuf

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

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

  • [DataGridPro] Data source: Allow expanding groups with unknown children (#17144) @MBilalShafi

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

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

Date and Time Pickers

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

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

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

Charts

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

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

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

Tree View

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

Internal changes.

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

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

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

Docs

Core

Contributors

romgrk, flaviendelangle, and 10 other contributors
Loading

7.28.2

28 Mar 13:41
@DanailH DanailH
v7.28.2
f0427d6
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
7.28.2 Latest
Latest

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

  • 🐞 Bugfixes

Team members who have contributed to this release:
@flaviendelangle, @LukasTy, @arminmeh.

Data Grid

@mui/x-data-grid@7.28.2

  • [DataGrid] Fix error caused by trying to render rows that are not in the state anymore (#17117) @arminmeh

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

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

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

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

Date and Time Pickers

@mui/x-date-pickers@7.28.2

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

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

Core

  • [code-infra] Remove test_regressions step from React 18 pipeline (#17109) @LukasTy

Contributors

flaviendelangle, arminmeh, and LukasTy
Assets 2
Loading

v8.0.0-beta.1

21 Mar 13:24
@KenanYusuf KenanYusuf
v8.0.0-beta.1
6671527
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
v8.0.0-beta.1 Pre-release
Pre-release

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

  • 🐞 Bugfixes

Special thanks go out to the community members for their valuable contributions:
@jyash97.
Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @flaviendelangle, @JCQuintas, @KenanYusuf.

Data Grid

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

  • [DataGrid] Fix error caused by forwardRef to ClickAwayListener (#17049) @arminmeh
  • [DataGrid] Fix error while editing rows with custom id (#17048) @arminmeh

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

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

  • [DataGridPro] Fix header select checkbox state with checkboxSelectionVisibleOnly and paginationMode="server" (#17026) @arminmeh

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

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

  • [DataGridPremium] Update column state correctly when grouping mode is updated with one grouping column (#17069) @arminmeh

Date and Time Pickers

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

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

Same changes as in @mui/x-date-pickers@8.0.0-beta.1, plus:

Charts

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

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

Same changes as in @mui/x-charts@8.0.0-beta.1, plus:

Tree View

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

Internal changes.

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

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

Docs

Contributors

flaviendelangle, arminmeh, and 4 other contributors
Loading

v7.28.1

21 Mar 13:29
@KenanYusuf KenanYusuf
v7.28.1
714c27a
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.28.1

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

  • 🐞 Bugfixes

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

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

Data Grid

@mui/x-data-grid@7.28.1

  • [DataGrid] Fix error while editing rows with custom id (@arminmeh) (#17050)

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

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

  • [DataGridPro] Fix header select checkbox state with checkboxSelectionVisibleOnly and paginationMode="server" (@arminmeh) (#17032)

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

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

  • [DataGridPremium] Update column state correctly when grouping mode is updated with one grouping column (@arminmeh) (#17074)

Tree View

@mui/x-tree-view@7.28.1

Internal changes.

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

Same changes as in @mui/x-tree-view@7.28.1, plus:

  • [TreeView] Allow moving an item after the last children of some other item (@jyash97) (#17065)

Docs

Contributors

arminmeh, KenanYusuf, and 2 other contributors
Loading

v8.0.0-beta.0

18 Mar 16:45
@alexfauquette alexfauquette
v8.0.0-beta.0
5fd9c1e
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
v8.0.0-beta.0 Pre-release
Pre-release
MUI X v8 Beta is live

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

  • 🚀 Add Time Range Picker component
  • 🎁 Add support for @mui/material version 7 in all X packages
  • 🐞 Bugfixes
  • 🌍 Improve Chinese (zh-CN), (zh-HK), (zh-TW), Czech (cs-CZ), Korean (ko-KR) and Slovak (sk-Sk) locales on the Data Grid
  • 🌍 Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales on the Pickers

Breaking changes

  • ℹ️ The peer dependency on @mui/material has been updated to accept only v7.
    This has been done to increase the adoption rate of ESM.
    Since only v7 of @mui/material has proper ESM support, we decided to help with its adoption and fix numerous issues using X packages in environments where transpiling is not an option.

Special thanks go out to the community members for their valuable contributions:
@Blake-McCullough, @hlavacz, @k-rajat19, @layerok, @nusr, @owais635, @yelahj.
Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @DiegoAndai, @flaviendelangle, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @noraleonte, @romgrk.

Alpha release highlights

Below are the highlights of the alpha releases leading up to this beta release:

Data Grid

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

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

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

  • [DataGridPro] Fix header filters not displaying restored values (#16855) @MBilalShafi
  • [DataGridPro] Fix infinite loading not reacting when scrolling to the end (#16926) @arminmeh

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

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

  • [DataGridPremium] Fix selection propagation issues with controlled state (#16810) @MBilalShafi

Date and Time Pickers

Breaking changes

  • The useClearableField hook has been removed.
    The custom field component now receives the clearable and onClear props — Learn more.
  • The ExportedUseClearableFieldProps, UseClearableFieldSlots, UseClearableFieldSlotProps, and UseClearableFieldResponse types have been removed — Learn more.

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

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

Same changes as in @mui/x-date-pickers@8.0.0-beta.0, plus:

  • [DateRangeCalendar] Do not update the previewed day when hovering a day and the value is empty (#16892) @flaviendelangle
  • [TimeRangePicker] Shift popper between start and end input on multi input field (#16920) @LukasTy

Charts

Breaking changes

  • Tick labels in the x-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 x-axis size by increasing its height property.
    The default line-height has also been changed to 1.25, so if you aren't customizing the line height for x-axis tick labels, make sure to double check if the result is desirable.

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

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

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

Tree View

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

Internal changes.

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

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

Docs

  • [docs] Add the Time Range Picker to relevant validation demos (#16919) @LukasTy
  • [docs] Adjust Picker field lifecycle explanation (#16901) @LukasTy
  • [docs] Fix custom detail panel toggle state update (#16929) @nusr
  • [docs] Fix Pickers custom field with Autocomplete demo (#16863) ...
Read more

Contributors

romgrk, Janpot, and 19 other contributors
Loading

v7.28.0

17 Mar 17:06
@LukasTy LukasTy
v7.28.0
77e84ec
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.28.0

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

  • 🎁 Add support for @mui/material version 7 in all X packages
  • 🐞 Bugfixes
  • 🌍 Improve Chinese (zh-CN), (zh-HK), (zh-TW), Czech (cs-CZ), Korean (ko-KR) and Slovak (sk-Sk) locales on the Data Grid
  • 🌍 Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales on the Pickers

Special thanks go out to the community contributors who have helped make this release possible:
@Blake-McCullough, @hlavacz, @yelahj, @k-rajat19, @nusr.
Following are all team members who have contributed to this release:
@arminmeh, @flaviendelangle, @LukasTy, @michelengelen, @MBilalShafi.

Data Grid

@mui/x-data-grid@7.28.0

  • [DataGrid] Add click propagation and prevents default on toggleMenu click (#16909) @michelengelen
  • [DataGrid] Fix processRowUpdate() error if the row is removed before it is executed (#16904) @arminmeh
  • [DataGrid] Fix bug with adding and removing columns in active edit state (#16916) @Blake-McCullough
  • [DataGrid] Fix visual issue with pinned columns and row spanning (#16942) @MBilalShafi
  • [DataGrid] Make column header menu button aria-labels unique (#16925) @owais635
  • [DataGrid] Fix printOptions not respecting hideFooter root prop (#16915) @k-rajat19
  • [l10n] Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales (#16917 and #16887) @nusr
  • [l10n] Improve Czech (cs-CZ) and Slovak (sk-Sk) locales (#16996) @hlavacz
  • [l10n] Improve Korean (ko-KR) locale (#16998) @yelahj

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

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

  • [DataGridPro] Fix header filters not displaying restored values (#16976) @MBilalShafi
  • [DataGridPro] Fix infinite loading not reacting when scrolling to the end (#16939) @arminmeh

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

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

  • [DataGridPremium] Fix selection propagation issues with controlled state (#16995) @MBilalShafi

Date and Time Pickers

@mui/x-date-pickers@7.28.0

  • [l10n] Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales (#16997) @nusr

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

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

  • [DateRangeCalendar] Do not update the previewed day when hovering a day and the value is empty (#16892) @flaviendelangle

Charts

@mui/x-charts@7.28.0

Internal changes.

@mui/x-charts-pro@7.28.0 pro

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

Tree View

@mui/x-tree-view@7.28.0

Internal changes.

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

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

Docs

  • [docs] Fix link to the lazy loading demo for the DataGrid (#16912) @nusr

Core

Contributors

flaviendelangle, arminmeh, and 9 other contributors
Loading

v8.0.0-alpha.14

07 Mar 09:56
@michelengelen michelengelen
v8.0.0-alpha.14
3524dc5
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
v8.0.0-alpha.14 Pre-release
Pre-release

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

  • 🚀📊 New Pro Chart: It is now possible to create Funnel charts—perfect for visualizing conversions, sales pipelines and more!
    Screenshot 2025-01-31 at 12 22 31
  • 🎁 The first iteration of the radar chart is available. Features and refinements will be added in the coming weeks.
  • 🛠️ New and improved Toolbar component for the data grid
  • 🐞 Bugfixes

Special thanks go out to the community member for their valuable contributions:
@vadimka123.

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

Data Grid

Breaking changes

  • The density selector has been removed from the toolbar. It is still possible to set the density programmatically via the density prop. A density selector can be added to a custom toolbar passed to slots.toolbar. See Toolbar component—Settings menu for an example.
  • The quick filter is now shown in the toolbar by default. Use slotProps={{ toolbar: { showQuickFilter: false } }} to hide it.
  • The <GridSaveAltIcon /> icon is not exported anymore. Import SaveAlt from @mui/icons-material instead.

@mui/x-data-grid@8.0.0-alpha.14

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

Same changes as in @mui/x-data-grid@8.0.0-alpha.14.

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

Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.14.

Date and Time Pickers

Breaking changes

  • All Date Time Picker variants now use Digital Clock for time editing.
  • Stop passing invalid date to onChange when the date is partially filled — Learn more.

@mui/x-date-pickers@8.0.0-alpha.14

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

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

Charts

@mui/x-charts@8.0.0-alpha.14

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

Same changes as in @mui/x-charts@8.0.0-alpha.14, plus:

Tree View

Breaking changes

  • The selectItem method has been renamed setItemSelection:

    const { publicAPI } = useTreeItemUtils();

const handleSelectItem() {
-  publicAPI.selectItem({ event, itemId: props.itemId, shouldBeSelected: true })
+  publicAPI.setItemSelection({ event, itemId: props.itemId, shouldBeSelected: true })
}

  • The setItemExpansion method now receives a single object instead of a list of parameters:

    const { publicAPI } = useTreeItemUtils();

const handleExpandItem() {
-  publicAPI.setItemExpansion(event, props.itemId, true)
+  publicAPI.setItemExpansion({ event, itemId: props.itemId, shouldBeExpanded: true })
}

@mui/x-tree-view@8.0.0-alpha.14

@mui/x-tree-view-pro@8.0.0-alpha.14 pro

Same changes as in @mui/x-tree-view@8.0.0-alpha.14.

Docs

Core

Contributors

oliviertassinari, flaviendelangle, and 10 other contributors
Loading

v7.27.3

07 Mar 10:02
@michelengelen michelengelen
v7.27.3
4a6ffed
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.27.3

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

  • 🐞 Bugfixes

Team members who have contributed to this release:
@arminmeh, @cherniavskii, @LukasTy, @michelengelen.

Data Grid

@mui/x-data-grid@7.27.3

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

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

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

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

Date and Time Pickers

@mui/x-date-pickers@7.27.3

  • [fields] Fix Fields aria relationship with helperText (#16828) @LukasTy

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

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

Core

Contributors

arminmeh, LukasTy, and 2 other contributors
Loading

v8.0.0-alpha.13

28 Feb 16:07
@alexfauquette alexfauquette
v8.0.0-alpha.13
7746150
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
v8.0.0-alpha.13 Pre-release
Pre-release

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

  • 📊 Decouple margin and axis-size. A new API to support multiple axes (#16418) @JCQuintas
  • 🗺️ Added Bangla (bn-BD) locale
  • 🗺️ Improve Russian (ru-RU) and Hungarian (hu-HU) locale on the Data Grid

Special thanks go out to the community members for their contributions:
@denpiligrim, @lhilgert9, @noherczeg, @officialkidmax, @pcorpet.
Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @hasdfa, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @michelengelen, @MBilalShafi, @oliviertassinari, @romgrk.

Data Grid

Breaking changes

  • The slots.baseFormControl component was removed.

  • The "Reset" button in the column visibility panel now resets to the initial column visibility model. Previously it was reset to the model that was active at the time the panel was opened. The reset behavior follows these rules:

    1. If an initial columnVisibilityModel is provided, it resets to that model.
    2. If a controlled columnVisibilityModel is provided, it resets to the first model value.
    3. When the columns are updated (via the columns prop or updateColumns() API method), the reset reference point updates to the current columnVisibilityModel.

    To revert to the previous behavior, provide a custom component to the slots.columnsManagement.

  • The deprecated LicenseInfo export has been removed from the @mui/x-data-grid-pro and @mui/x-data-grid-premium packages.
    You have to import it from @mui/x-license instead:

    - import { LicenseInfo } from '@mui/x-data-grid-pro';
- import { LicenseInfo } from '@mui/x-data-grid-premium';
+ import { LicenseInfo } from '@mui/x-license';

 LicenseInfo.setLicenseKey('YOUR_LICENSE_KEY');

  • The row selection model has been changed from GridRowId[] to { type: 'include' | 'exclude'; ids: Set<GridRowId> }.
    Using Set allows for a more efficient row selection management.
    The exclude selection type allows to select all rows except the ones in the ids set.

    This change impacts the following props:

    • rowSelectionModel
    • onRowSelectionModelChange
    • initialState.rowSelectionModel
    - const [rowSelectionModel, setRowSelectionModel] = React.useState<GridRowSelectionModel>([]);
+ const [rowSelectionModel, setRowSelectionModel] = React.useState<GridRowSelectionModel>({ type: 'include', ids: new Set() });

    This change also impacts the gridRowSelectionStateSelector selector.
    For convenience, use the gridRowSelectionManagerSelector selector to handle both selection types:

    - const rowSelection = gridRowSelectionStateSelector(apiRef);
- const isRowSelected = rowSelection.includes(rowId);
+ const rowSelectionManager = gridRowSelectionManagerSelector(apiRef);
+ const isRowSelected = rowSelectionManager.has(rowId);

    There is also a createRowSelectionManager utility function that can be used to manage the row selection:

    const rowSelectionManager = createRowSelectionManager({
  type: 'include',
  ids: new Set(),
});
rowSelectionManager.select(rowId);
rowSelectionManager.unselect(rowId);
rowSelectionManager.has(rowId);

  • The selectedIdsLookupSelector selector has been removed. Use the gridRowSelectionManagerSelector or gridRowSelectionStateSelector selectors instead.

  • The selectedGridRowsSelector has been renamed to gridRowSelectionIdsSelector.

  • The selectedGridRowsCountSelector has been renamed to gridRowSelectionCountSelector.

  • The data source feature and its related props are now stable.

     <DataGridPro
-  unstable_dataSource={dataSource}
-  unstable_dataSourceCache={cache}
-  unstable_lazyLoading
-  unstable_lazyLoadingRequestThrottleMs={100}
+  dataSource={dataSource}
+  dataSourceCache={cache}
+  lazyLoading
+  lazyLoadingRequestThrottleMs={100}
 />

  • The data source API is now stable.

    - apiRef.current.unstable_dataSource.getRows()
+ apiRef.current.dataSource.getRows()

  • The signature of unstable_onDataSourceError() has been updated to support future use-cases.

     <DataGrid
-  unstable_onDataSourceError={(error: Error, params: GridGetRowsParams) => {
-    if (params.filterModel) {
-      // do something
-    }
-  }}
+  unstable_onDataSourceError={(error: GridGetRowsError | GridUpdateRowError) => {
+    if (error instanceof GridGetRowsError && error.params.filterModel) {
+      // do something
+    }
+  }}
 />

  • Fix the type of the GridSortModel to allow readonly arrays.

  • GridSortItem interface is not exported anymore.

  • The showToolbar prop is now required to display the toolbar.

    It is no longer necessary to pass GridToolbar as a slot to display the default toolbar.

     <DataGrid
+  showToolbar
-  slots={{
-    toolbar: GridToolbar,
-  }}
 />

@mui/x-data-grid@8.0.0-alpha.13

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

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

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

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

Date and Time Pickers

Breaking changes

  • The <DateRangePicker /> now uses a dialog instead of a tooltip to render their view when used with a single input range field.

@mui/x-date-pickers@8.0.0-alpha.13

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

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

Charts

Breaking changes

  • Charts array inputs are now readonly. Allowing externally defined as const to be used as a prop value of the React component.

    const xAxis = [{ position: 'bottom' }] as const
<BarChart xAxis={xAxis} />

  • Replace topAxis, rightAxis, bottomAxis and leftAxis props by the position property in the axis config.
    If you were using them to place axis, set the position property to the corresponding value 'top' | 'right' | 'bottom' | 'left'.
    If you were disabling an axis by setting it to null, set its position to 'none'.

     <LineChart
   yAxis={[
     {
       scaleType: 'linear',
+      position: 'right',
     },
   ]}
   series={[{ data: [1, 10, 30, 50, 70, 90, 100], label: 'linear' }]}
   height={400}
-  rightAxis={{}}
 />

  • Remove position prop from ChartsXAxis and ChartsYAxis.
    The position prop has been removed from the ChartsXAxis and ChartsYAxis components. Configure it directly in the axis config.

     <ChartContainer
   yAxis={[
     {
       id: 'my-axis',
+      position: 'right',
     },
   ]}
 >
-  <ChartsYAxis axisId="my-axis" position="right" />
+  <ChartsYAxis axisId="my-axis" />
 </ChartContainer>

  • Add minTickLabelGap to x-axis, which allows users to define the minimum gap, in pixels, between two tick labels. The default value is 4px. Make sure to check your charts as the spacing between tick labels might have changed.

@mui/x-charts@8.0.0-alpha.13

Read more

Contributors

noherczeg, romgrk, and 17 other contributors
Loading

v7.27.2

27 Feb 16:38
@noraleonte noraleonte
v7.27.2
695d412
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
v7.27.2

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

  • 🐞 Bugfixes
  • 🌍 Improve Hungarian (hu-HU) and Russian (ru-RU) locales on the Data Grid

Special thanks go out to the community contributors who have helped make this release possible:
@pcorpet, @noherczeg, @denpiligrim.
Following are all team members who have contributed to this release:
@MBilalShafi, @KenanYusuf.

Data Grid

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

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

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

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

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

Contributors

noherczeg, pcorpet, and 3 other contributors
Loading