@mui/x-data-grid-pro - npm Package Versions

The filter panel no longer uses the native version of the Select component for all components.
The getOptionValue and getOptionLabel props were removed from the following components:
- GridEditSingleSelectCell
- GridFilterInputSingleSelect
- GridFilterInputMultipleSingleSelect
Use the getOptionValue and getOptionLabel properties on the singleSelect column definition instead:
```
const column: GridColDef = {
  type: 'singleSelect',
  field: 'country',
  valueOptions: [
    { code: 'BR', name: 'Brazil' },
    { code: 'FR', name: 'France' },
  ],
  getOptionValue: (value: any) => value.code,
  getOptionLabel: (value: any) => value.name,
};
```
The filterModel now supports Date objects as values for date and dateTime column types. The filterModel still accepts strings as values for date and dateTime column types, but all updates to the filterModel coming from the UI (for example filter panel) will set the value as a Date object.

6.18.6

Diff

romgrk

published 6.18.6 • 5 months ago

Changelog

Source

6.18.6

Dec 22, 2023

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

🌍 Improve Russian (ru-RU) locale (#11429) @wensiet
🐞 Bugfixes

Data Grid

7.0.0-alpha.5

Diff

mbilalshafi

published 7.0.0-alpha.5 • 5 months ago

Changelog

Source

Charts / `@mui/x-charts@7.0.0-alpha.5`

[charts] Allow percentage values for pie chart center and radius (#11464) @alexfauquette
[charts] Improve dataset typing (#11372) @alexfauquette
[charts] Make error message more explicit (#11457) @alexfauquette
[charts] Make the helper ChartsText component public (#11370) @alexfauquette

Docs

[docs] Document false default values for boolean props (#11477) @cherniavskii
[docs] Improve Pickers name prop examples (#11422) @LukasTy
[docs] Limit date-fns package to v2 in codesandbox (#11463) @LukasTy

Core

[core] Add missing breaking changes to changelog (#11420) @MBilalShafi
[core] Cherry pick follow up (#11469) @LukasTy
[core] Fix cherry-pick action (#11446) @LukasTy
[core] Fix security regressions in cherry-pick-next-to-master.yml (#11482) @MBilalShafi
[test] Reload the page if its blank and there are no links to the remaining tests (#11466) @cherniavskii

6.18.5

Diff

mbilalshafi

published 6.18.5 • 5 months ago

Changelog

Source

6.18.5

Dec 14, 2023

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

🌍 Improve Swedish (sv-SE) and Urdu (ur-PK) locales on the Data Grid
🐞 Bugfixes

Data Grid

7.0.0-alpha.4

Diff

cherniavskii

published 7.0.0-alpha.4 • 6 months ago

Changelog

Source

7.0.0-alpha.4

Dec 8, 2023

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

🚀 The scatter charts now use voronoi to trigger items

Users needed to hover the item to highlight the scatter item or show the tooltip. Now they can interact with data by triggering the closest element. See the docs page for more info.
📚 Add Pickers FAQ page
🎉 The Data Grid Header filters feature is now stable
🌍 Improve Danish (da-DK) locale on Data Grid
🐞 Bugfixes

Data Grid

Breaking changes

The header filters feature is now stable. unstable_ prefix is removed from prop headerFilters and related exports. See migration docs for more details.

The GridColDef['type'] has been narrowed down to only accept the built-in column types. TypeScript users need to use the GridColDef interface when defining columns:

// 🛑 `type` is inferred as `string` and is too wide
const columns = [{ type: 'number', field: 'id' }];
<DataGrid columns={columns} />;

// ✅ `type` is `'number'`
const columns: GridColDef[] = [{ type: 'number', field: 'id' }];
<DataGrid columns={columns} />;

// ✅ Alternalively, `as const` can be used to narrow down the type
const columns = [{ type: 'number' as const, field: 'id' }];
<DataGrid columns={columns} />;

6.18.4

Diff

cherniavskii

published 6.18.4 • 6 months ago

Changelog

Source

Charts / `@mui/x-charts@6.18.4`

[charts] Allow percentage values for pie chart center and radius (#11464) @alexfauquette
[charts] Make error message more explicit (#11457) @alexfauquette
[charts] Make the helper ChartsText component public (#11370) @alexfauquette
[charts] Improve dataset typing (#11372) @alexfauquette
[charts] Fix size overflow (#11385) @alexfauquette

Docs

[docs] Document false default values for boolean props (#11489) @cherniavskii
[docs] Improve Pickers name prop examples (#11442) @LukasTy
[docs] Limit date-fns package to v2 in codesandbox (#11478) @LukasTy
[test] Reload the page if its blank and there are no links to the remaining tests (#11471) @cherniavskii

7.0.0-alpha.3

Diff

danailh

published 7.0.0-alpha.3 • 6 months ago

Changelog

Source

7.0.0-alpha.3

Dec 4, 2023

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

🚀 Support localized start of the week on pickers' AdapterLuxon

When using Luxon 3.4.4 or higher, the start of the week will be defined by the date locale (e.g.: Sunday for en-US, Monday for fr-FR).
📈 Fix a lot of Charts package issues
🎉 The Data Grid features Cell selection and Clipboard paste are now stable
🌍 Improve Bulgarian (bg-BG) locale on Data Grid
🐞 Bugfixes
📚 Documentation improvements

Data Grid

Breaking changes

The clipboard paste feature is now enabled by default. The flag clipboardPaste is no longer needed to be passed to the experimentalFeatures prop.
The clipboard related exports ignoreValueFormatterDuringExport and splitClipboardPastedText are no longer prefixed with unstable_.
The deprecated constants SUBMIT_FILTER_STROKE_TIME and SUBMIT_FILTER_DATE_STROKE_TIME have been removed from the DataGrid exports. Use the filterDebounceMs prop to customize filter debounce time.
The slots.preferencesPanel slot and the slotProps.preferencesPanel prop were removed. Use slots.panel and slotProps.panel instead.
The GridPreferencesPanel component is not exported anymore as it wasn't meant to be used outside of the Data Grid.
The unstable_ prefix has been removed from the cell selection props listed below.

| Old name | New name | | :------------------------------------ | :--------------------------- | | unstable_cellSelection | cellSelection | | unstable_cellSelectionModel | cellSelectionModel | | unstable_onCellSelectionModelChange | onCellSelectionModelChange |
The unstable_ prefix has been removed from the cell selection API methods listed below.

| Old name | New name | | :--------------------------------- | :------------------------ | | unstable_getCellSelectionModel | getCellSelectionModel | | unstable_getSelectedCellsAsArray | getSelectedCellsAsArray | | unstable_isCellSelected | isCellSelected | | unstable_selectCellRange | selectCellRange | | unstable_setCellSelectionModel | setCellSelectionModel |
The Quick Filter now ignores hidden columns by default. See including hidden columns section for more details.