240 KiB
Change Log
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
5.17.25
Feb 23, 2023
We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.25 / @mui/x-data-grid-pro@v5.17.25 / @mui/x-data-grid-premium@v5.17.25
Changes
- [DataGrid] Fix
ownerStatebeingundefinedin theme style overrides (#7757) @lolaignatova
@mui/x-date-pickers@v5.0.20 / @mui/x-date-pickers-pro@v5.0.20
Changes
- [DateTimePicker] Ensure toolbar
viewTypeis correctly updated (#7942) @LukasTy
5.17.24
Feb 16, 2023
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Add Hungarian (hu-HU) locale
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.24 / @mui/x-data-grid-pro@v5.17.24 / @mui/x-data-grid-premium@v5.17.24
Changes
- [DataGrid] Allow to pass props to the
TrapFocusinside the panel wrapper (#7897) @Vivek-Prajapatii - [DataGrid] Avoid unnecessary rerenders after
updateRows(#7945) @cherniavskii - [DataGridPro] Change cursor when dragging a column (#7878) @sai6855
- [DataGridPremium] Fix
leafFieldto have correct focus value (#7959) @MBilalShafi
@mui/x-date-pickers@v5.0.19 / @mui/x-date-pickers-pro@v5.0.19
Changes
- [l10n] Add Hungarian (hu-HU) locale (#7796) @noherczeg
5.17.23
Feb 9, 2023
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Improve Brazilian Portuguese (pt-BR) locale
- 🎉 Add banner and callouts to inform about MUI X v6 beta
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.23 / @mui/x-data-grid-pro@v5.17.23 / @mui/x-data-grid-premium@v5.17.23
Changes
- [DataGrid] Allow to customize the value displayed in the filter button tooltip (#7816) @ithrforu
- [DataGrid] Fix
getCellElementmethod not working with pinned columns (#7844) @yaredtsy - [DataGrid] Fix stale rows issue in
unstable_replaceRows(#7694) @MBilalShafi - [l10n] Improve Brazilian Portuguese (pt-BR) locale (#7850) @ed-ateixeira
@mui/x-date-pickers@v_5.0.18 / @mui/x-date-pickers-pro@v_5.0.18
Changes
- [pickers] Update pickers when new value has a distinct timezone (#7853) @alexfauquette
Docs
- [docs] Add messages in v5 doc to inform people about v6 (#7838) @flaviendelangle
- [docs] Fix 301 link @oliviertassinari
Core
- [core] Upgrade monorepo (#7849) @cherniavskii
v5.17.22
Feb 2, 2023
We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Add Urdu (ur-PK) locale
- 🌍 Improve French (fr-FR) and Italian (it-IT) locales
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.22 / @mui/x-data-grid-pro@v5.17.22 / @mui/x-data-grid-premium@v5.17.22
Changes
- [DataGrid] Fix an error when deleting pinned row using the buttons in the
actionscolumn (#7767) @cherniavskii - [DataGrid] Fix print preview regression in Chrome browser (#7405) @cherniavskii
- [l10n] Add Urdu (ur-PK) locale (#7778) @MBilalShafi
- [l10n] Improve French (fr-FR) locale (#7795) @Vivek-Prajapatii
@mui/x-date-pickers@v5.0.17 / @mui/x-date-pickers-pro@v5.0.17
Changes
- [TimePicker] Add missing
themeAugmentationentry (#7732) @LukasTy - [l10n] Improve Italian (it-IT) locale (#7761) @simonecervini
v5.17.21
Jan 27, 2023
We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Add Belarusian (be-BY), Czech (cs-CZ), and Russian (ru-RU) locales
- 🌍 Improve Slovak (sk-SK), Japanese (ja-JP), Vietnamese (vi-VN), and Spanish (es-ES) locales
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.21 / @mui/x-data-grid-pro@v5.17.21 / @mui/x-data-grid-premium@v5.17.21
Changes
- [DataGrid] Add
titleattribute to cells (#7695) @thupi - [DataGrid] Fix grid state not being updated after print preview is closed (#7680) @cherniavskii
- [DataGrid] Fix non-hideable columns visibility toggling (#7716) @cherniavskii
- [DataGrid] Fix scrolling on resize for data grids inside shadow root (#7722) @cherniavskii
- [DataGridPremium] Create aggregation footer row with
isAutoGenerated: true(#7681) @m4theushw - [l10n] Add Belarusian (be-BY) locale (#7718) @volhalink
- [l10n] Add Slovak (sk-SK) translation for aggregation functions (#7690) @msidlo
- [l10n] Add missing core locales for
MuiTablePagination(#7719) @MBilalShafi - [l10n] Improve Japanese (ja-JP) locale (#7627) @makoto14
- [l10n] Improve Vietnamese (vi-VN) locale (#7601) @SpacerZ
@mui/x-date-pickers@v5.0.16 / @mui/x-date-pickers-pro@v5.0.16
Changes
- [pickers] Add missing components to
themeAugmentation(#7677) @LukasTy - [l10n] Add Czech (cs-CZ) locale (#7666) @OndrejHj04
- [l10n] Add Russian (ru-RU) locale (#7708) @rstmzh
- [l10n] Improve Spanish (es-ES) locale (#7614) @WiXSL
Docs
- [docs] Add info callout about available component
slots(#7723) @Vivek-Prajapatii
5.17.20
Jan 19, 2023
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Improve Italian (it-IT) and Swedish (sv-SE) locales
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.20 / @mui/x-data-grid-pro@v5.17.20 / @mui/x-data-grid-premium@v5.17.20
Changes
- [DataGrid] Fix flickering on grid scroll (#7609) @cherniavskii
- [DataGrid] Remove tag limit from
isAnyOfoperator input (#7616) @m4theushw - [l10n] Improve Swedish (sv-SE) locale (#7463) @MaanTyringe
@mui/x-date-pickers@v5.0.15 / @mui/x-date-pickers-pro@v5.0.15
Changes
- [pickers] Ensure
keyis passed without object spreading (#7584) @alexfauquette - [l10n] Improve Italian (it-IT) locale (#7547) @marikadeveloper
5.17.19
Jan 16, 2023
We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Improve Spanish (es-ES) and add Belarusian (be-BY) and Urdu (ur-PK) locales
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.19 / @mui/x-data-grid-pro@v5.17.19 / @mui/x-data-grid-premium@v5.17.19
Changes
- [DataGrid] Improve print support (#7407) @cherniavskii
- [DataGrid] Improve Spanish (es-ES) locale (#7438) @Anderssxn
- [DataGridPremium] Fix Excel export not working with date strings (#7478) @cherniavskii
- [DataGridPro] Fix missing column headers border with top-pinned rows (#7399) @cherniavskii
@mui/x-date-pickers@v5.0.14 / @mui/x-date-pickers-pro@v5.0.14
Changes
- [pickers] Add Belarusian (be-BY) locale (#7450) @volhalink
- [pickers] Add Urdu (ur-PK) locale (#7449) @MBilalShafi
5.17.18
Jan 5, 2023
We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.18 / @mui/x-data-grid-pro@v5.17.18 / @mui/x-data-grid-premium@v5.17.18
Changes
- [DataGrid] Fix rows not rendering properly after height change (#7376) @cherniavskii
- [DataGrid] Fix selected text in cell input not being copied in Firefox (#7330) @cherniavskii
- [DataGridPremium] Export row grouping column menu components (#7308) @cherniavskii
@mui/x-date-pickers@v5.0.13 / @mui/x-date-pickers-pro@v5.0.13
Changes
- [pickers] Fix the product license reference name (#7367)
Docs
- [docs] Redirect translated pages (#7370) @cherniavskii
Core
- [core] Fix release date (#7314) @DanailH
- [core] Fix the product license reference name (#7367) @oliviertassinari
- [core] Upgrade monorepo (#7344) @cherniavskii
5.17.17
Dec 24, 2022
We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Improve Russian (ru-RU) and Korean (ko-KR) locales
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.17 / @mui/x-data-grid-pro@v5.17.17 / @mui/x-data-grid-premium@v5.17.17
Changes
- [DataGrid] Update Russian (ru-RU) locale (#7291) @VeceluXa
- [DataGridPro] Use row ID as
keyof the detail panels (#7311) @m4theushw - [DataGridPremium] Fix
exceljsimport with parcel (#7285) @alexfauquette
@mui/x-date-pickers@v5.0.12 / @mui/x-date-pickers-pro@v5.0.12
Changes
- [pickers] Improve Korean (ko-KR) locale (#7283) @hanbin9775
5.17.16
Dec 16, 2022
We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.16 / @mui/x-data-grid-pro@v5.17.16 / @mui/x-data-grid-premium@v5.17.16
Changes
- [DataGrid] Display sort column menu items as per
sortingOrderprop (#7125) @hanbin9775 - [DataGrid] Fix flickering on mount (#7155) @cherniavskii
- [DataGridPremium] Use separate cache for aggregation columns pre-processor (#7174) @m4theushw
@mui/x-date-pickers@v5.0.11 / @mui/x-date-pickers-pro@v5.0.11
Changes
- [DateTimePicker] Update export pattern (#7172) @kealjones-wk
Docs
- [docs] Document aggregation selectors (#7151) @cherniavskii
5.17.15
Dec 8, 2022
We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
- ✨ Fix lazy-loading not working in
DataGridPremium(#7130) @m4theushw - 🐞 Bugfixes
@mui/x-data-grid@v5.17.15 / @mui/x-data-grid-pro@v5.17.15 / @mui/x-data-grid-premium@v5.17.15
Changes
- [DataGridPremium] Add support for lazy-loading (#7130) @m4theushw
- [DataGridPremium] Pass
groupIdto the aggregation function (#7143) @m4theushw
@mui/x-date-pickers@v5.0.10 / @mui/x-date-pickers-pro@v5.0.10
Changes
- [pickers] Initialize date without time when selecting year or month (#7136) @LukasTy
Docs
- [docs] Fix the nested import on the api pages (#7134) @flaviendelangle
- [docs] Keep track of the localization completion (#7099) @alexfauquette
- [docs] Update localization doc to use existing locale (#7104) @LukasTy
5.17.14
Dec 1, 2022
We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Improve Ukrainian (uk-UA) locale (#7035) @rettoua
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.14 / @mui/x-data-grid-pro@v5.17.14 / @mui/x-data-grid-premium@v5.17.14
Changes
- [DataGrid] Fix row selection when clicking blank cell (#7056) @yami03
- [DataGridPremium] Update cache before hydrating columns (#7043) @m4theushw
- [l10n] Improve Ukrainian (uk-UA) locale (#7035) @rettoua
5.17.13
Nov 24, 2022
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- 🚀 Fix support of the pickers to Shadow DOM (#6971) @flaviendelangle
- 💅 Improve DataGrid theme augmentation (#6980) @iigrik
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.13 / @mui/x-data-grid-pro@v5.17.13 / @mui/x-data-grid-premium@v5.17.13
Changes
- [DataGrid] Fix
ErrorOverlaynot receiving defined input props (#6885) @banoth-ravinder - [DataGrid] Improve typing for
styleOverrides(#6980) @iigrik - [DataGridPro] Fix lazy-loaded rows not working with
updateRowsAPI method (#6875) @cherniavskii - [l10n] Fix translation of
filterOperatorBeforein Arabic (ar-SD) locale (#6917) @HassanGhazy
@mui/x-date-pickers@v5.0.9 / @mui/x-date-pickers-pro@v5.0.9
Changes
- [pickers] Fix usage with Shadow DOM (#6971) @flaviendelangle
Docs
- [docs] Add new "Expired package version" error type (#6937) @oliviertassinari
- [docs] Enforce values for installation options in Date / Time pickers Getting Started page (#6896) @01zulfi
- [docs] Fix live edit @oliviertassinari
- [docs] Upgrade to Next 13 (#6911) @cherniavskii
Core
- [core] Upgrade monorepo (#6906) @cherniavskii
- [core] Upgrade node to v14.21 (#6939) @piwysocki
5.17.12
Nov 17, 2022
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Improve Finnish (fi-FI) locale (#6859) @RainoPikkarainen
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.12 / @mui/x-data-grid-pro@v5.17.12 / @mui/x-data-grid-premium@v5.17.12
Changes
- [DataGrid] Fix conflict with the latest version of
@types/react(#6883) @vizv - [DataGridPremium] Support aggregating data from multiple row fields (#6844) @cherniavskii
- [DataGridPro] Fix detail panel not working with
getRowSpacingprop (#6858) @cherniavskii - [l10n] Improve Finnish (fi-FI) locale (#6859) @RainoPikkarainen
Docs
- [docs] Clarify DataGrid Row Pinning docs (#6891) @cherniavskii
Core
- [core] Upgrade monorepo (#6864) @m4theushw
- [license] Polish error messages (#6881) @oliviertassinari
5.17.11
Nov 10, 2022
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.11 / @mui/x-data-grid-pro@v5.17.11 / @mui/x-data-grid-premium@v5.17.11
Changes
- [DataGrid] Fix for cell focus preventing scroll when virtualization enabled (#6622) @yaredtsy
- [DataGridPro] Opt-out for column jump back on re-order (#6697) @gavbrennan
@mui/x-date-pickers@v5.0.8 / @mui/x-date-pickers-pro@v5.0.8
Changes
- [pickers] Fix pickers toolbar styling (#6793) @LukasTy
Docs
- [docs] Fix link to localization page (#6766) @alexfauquette
Core
- [license] Add new license status 'Out of scope' (#6774) @oliviertassinari
5.17.10
Nov 4, 2022
We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Add Ukrainian (uk-UA) locale to pickers (#6661) @Dufran
@mui/x-data-grid@v5.17.10 / @mui/x-data-grid-pro@v5.17.10 / @mui/x-data-grid-premium@v5.17.10
Changes
- [DataGrid] Remove
React.memofromGridCellCheckboxRenderer(#6688) @mattcorner
@mui/x-date-pickers@v5.0.7 / @mui/x-date-pickers-pro@v5.0.7
Changes
- [DateRangePicker] Fix input focused style and mobile behaviour (#6645) (#6714) @LukasTy
- [pickers] Add Ukrainian (uk-UA) locale on the date picker (#6661) @Dufran
Docs
- [docs] Mark data grid column group available (#6659) @alexfauquette
5.17.9
Oct 28, 2022
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
- ⚡ Fix memory leak during unmount of the DataGrid (#6579) @cherniavskii
- 🎁 Allow to disable the autofocus of the search field when opening the column visibility panel (#6630) @e-cloud
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.9 / @mui/x-data-grid-pro@v5.17.9 / @mui/x-data-grid-premium@v5.17.9
Changes
- [DataGrid] Allow to disable autofocusing the search field in the columns panel (#6630) @e-cloud
- [DataGrid] Fix
setRowsmethod not persisting new rows data afterloadingprop change (#6637) @cherniavskii - [DataGrid] Fix memory leak on grid unmount (#6579) @cherniavskii
- [l10n] Improve Bulgarian (bg-BG) locale (#6635) @AtanasVA
@mui/x-date-pickers@v5.0.6 / @mui/x-date-pickers-pro@v5.0.6
Changes
- [pickers] Ignore milliseconds in mask logic (#6618) @alexfauquette
- [pickers] Update input when
inputFormatis modified (#6617) @alexfauquette
Docs
- [docs] Add token to redirect feedbacks on slack (#6592) @alexfauquette
- [docs] Disable translations (#6639) @cherniavskii
- [docs] Fix code edit for when v6 will be stable (#6600) @oliviertassinari
- [docs] Fix typo in DataGrid demo page (#6632) (#6634) @LukasTy
Core
- [core] Upgrade monorepo (#6570) @cherniavskii
5.17.8
Oct 20, 2022
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🐞 Bugfixes
- 🌍 Improve Turkish (tr-TR) locale on the data grid and pickers (#6573) @ramazansancar
@mui/x-data-grid@v5.17.8 / @mui/x-data-grid-pro@v5.17.8 / @mui/x-data-grid-premium@v5.17.8
Changes
- [DataGrid] Add
searchPredicateprop toGridColumnsPanelcomponent (#6572) @cherniavskii - [DataGrid] Fix grid not updating state on
rowCountprop change (#6474) @cherniavskii - [DataGridPro] Fix row order being reset after updating the row (#6544) @cherniavskii
- [l10n] Improve Turkish (tr-TR) locale on the data grid and pickers (#6542) (#6573) @ramazansancar
@mui/x-date-pickers@v5.0.5 / @mui/x-date-pickers-pro@v5.0.5
Changes
- [CalendarPicker] Don't move to closest enabled date when
props.datecontains a disabled date (#6537) @flaviendelangle - [DateRangePicker] Fix calendar day outside of month layout shifting on hover (pick #6448) (#6538) @alexfauquette
- [pickers] Fix typescript issues (#6510) @flaviendelangle
Docs
- [docs] Fix 301 link to the sx prop page @oliviertassinari
5.17.7
Oct 13, 2022
We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.7 / @mui/x-data-grid-pro@v5.17.7 / @mui/x-data-grid-premium@v5.17.7
Changes
- [DataGrid] Fix error when using column grouping with all columns hidden (#6425) @alexfauquette
- [DataGrid] Fix start edit mode with printable character in React 18 (#6478) @m4theushw
5.17.6
Oct 6, 2022
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Add Japanese (ja-JP) locale to pickers (#6365) @sho918
- 🎁 Improve support for theme augmentation in the DataGrid (#6406) @cherniavskii
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.6 / @mui/x-data-grid-pro@v5.17.6 / @mui/x-data-grid-premium@v5.17.6
Changes
- [DataGrid] Add missing
valueOptions(#6400) @DanailH - [DataGrid] Don't start edit mode when pressing Shift + Space (#6380) @m4theushw
- [DataGrid] Pass generics to the components in the theme augmentation (#6406) @cherniavskii
@mui/x-date-pickers@v5.0.4 / @mui/x-date-pickers-pro@v5.0.4
Changes
- [l10n] Add Japanese (ja-JP) locale to pickers (#6365) (#6382) @sho918
- [pickers] Prevent
CalendarPickergetting focus whenautoFocus=false(#6304) (#6362) @alexfauquette - [pickers] Fix git repository location @oliviertassinari
Docs
- [docs] Fix customized day rendering demo style (#6342) @Ambrish-git
5.17.5
Sep 29, 2022
We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
- 🎁 Add theme augmentation module to DataGridPremium (#6316) @cherniavskii
- 👀 Fix blank space when changing page with dynamic row height (#6320) @m4theushw
- 📚 Improve controlled editing demo to make easier to reuse it (#6306) @cherniavskii
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.5 / @mui/x-data-grid-pro@v5.17.5 / @mui/x-data-grid-premium@v5.17.5
Changes
- [DataGrid] Fix
GridPaginationprops typing (#6295) @cherniavskii - [DataGrid] Fix
GridRownot forwardingrefto the root element (#6303) @cherniavskii - [DataGrid] Fix
undefinedvalue being showed in filter button tooltip text (#6271) @cherniavskii - [DataGrid] Fix blank space when changing page with dynamic row height (#6320) @m4theushw
- [DataGrid] Revert cell/row mode if
processRowUpdatefails (#6319) @m4theushw - [DataGridPremium] Add missing
themeAugmentationmodule (#6316) @cherniavskii
Docs
- [docs] Pass model change callbacks in controlled grid editing demos (#6306) @cherniavskii
Core
- [core] Reduce the amount of updated screenshots reported by Argos (#6310) @cherniavskii
5.17.4
Sep 22, 2022
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Add Finnish (fi-FI) locale to the pickers (#6230) @PetroSilenius
- 🌍 Add Persian (fa-IR) locale to the pickers (#6181) @fakhamatia
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.4 / @mui/x-data-grid-pro@v5.17.4 / @mui/x-data-grid-premium@v5.17.4
Changes
- [DataGrid] Do not publish
cellFocusOutevent if the row was removed (#6251) @cherniavskii - [DataGrid] Improve Polish (pl-PL) locale on the data grid (#6245) @grzegorz-bach
@mui/x-date-pickers@v5.0.3 / @mui/x-date-pickers-pro@v5.0.3
Changes
- [pickers] Add Finnish (fi-FI) locale to pickers (#6219) (#6230) @PetroSilenius
- [pickers] Add Persian (fa-IR) locale to the pickers (#6181) @fakhamatia
- [pickers] Fix usage with Typescript 4.8 (#6229) @flaviendelangle
- [YearPicker] Scroll to the current year even with
autoFocus=false(#6224) @alexfauquette
Docs
- [docs] Fix 301 link (#6239) @oliviertassinari
Core
- [core] Use the official repository for
@mui/monorepoinstead of a fork (#6189) @oliviertassinari
5.17.3
Sep 16, 2022
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
- 📝 Fix lost characters when typing into fields in the DataGrid (#5646) @m4theushw
- 🌏 New locale and improvements for pickers
- 🎁 Improve support to theme augmentation for pickers
@mui/x-data-grid@v5.17.3 / @mui/x-data-grid-pro@v5.17.3 / @mui/x-data-grid-premium@v5.17.3
Changes
- [DataGrid] Only update input with value prop if debounce is off (#5646) @m4theushw
@mui/x-date-pickers@v5.0.2 / @mui/x-date-pickers-pro@v5.0.2
Changes
- [pickers] Add Icelandic (is-IS) locale (#6137) @elvatli
- [pickers] Fix
@mui/x-date-pickerstheme augmentation and style overriding (#6156) @LukasTy - [pickers] Fix
@mui/x-date-pickers-protheme augmentation (#6096) @LukasTy - [pickers] Improve German (de-DE) locale (#6138) @alexfauquette
Docs
- [docs] Improve main demo to show new functionalities (#5292) @joserodolfofreitas
Core
- [core] Update to typescript 4.8.3 (#6136) @flaviendelangle
- [core] Update RFC template (#6100) @bytasv
5.17.2
Sep 9, 2022
This release will the last regular release for our v5 packages.
From now on, we'll be focusing on developing MUI X v6.
You can check the roadmap for more details on what's coming next.
And if you'd like to help, please consider volunteering to give us a user interview. We'd love to know more about your use cases, pain points and expectations for the future.
The v5 packages will only get new versions to patch critical bug fixes.
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
- 📃 Add support for column grouping when exporting to Excel (#5895) @alexfauquette
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.2 / @mui/x-data-grid-pro@v5.17.2 / @mui/x-data-grid-premium@v5.17.2
Changes
- [DataGrid] Revert mode if cell/row couldn't be saved due to validation error (#5897) @m4theushw
- [DataGridPremium] Export column grouping in Excel (#5895) @alexfauquette
@mui/x-date-pickers@v5.0.1 / @mui/x-date-pickers-pro@v5.0.1
Changes
- [DateTimePicker] Remove circular import (#6087) @flaviendelangle
- [pickers] Add
sxprop to the equality check ofPickersDay(#6030) @TheUnlocked - [pickers] Add warning when
openTois invalid based on availableviews(#6042) @LukasTy - [pickers] Allow keyboard navigation to ignore disabled date for left / right arrow (#6082) @alexfauquette
- [pickers] Fix mobile picker not opening on label click (#6074) @LukasTy
Docs
- [docs] Add Recipes section
Core
- [core] Add
yarn release:tagscript (#5169) @DanailH - [core] Upgrade monorepo (#6072) @m4theushw
5.17.1
Sep 5, 2022
We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
- 🐞 Bugfixes
@mui/x-data-grid@v5.17.1 / @mui/x-data-grid-pro@v5.17.1 / @mui/x-data-grid-premium@v5.17.1
Changes
- [DataGrid] Fix cells being focused on mouseUp (#5980) @cherniavskii
- [DataGrid] Fix focused cell if column is spanned and new editing API is used (#5962) @m4theushw
- [DataGridPro] Fix import in lazy-loading causing a bundling error (#6031) @flaviendelangle
5.17.0
Sep 2, 2022
🎉 We are excited to finally introduce a stable release (v5.0.0) for the @mui/x-date-pickers and @mui/x-date-pickers-pro packages!
If you are still using picker components from the lab, take a look at the migration guide.
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
-
🎁 Implement Lazy loading (#5214) @DanailH
Pro users now can try the experimental lazy loading feature. In a few steps, you can load your data on demand, as the rows are displayed.
To enable this feature, add
experimentalFeatures={{ lazyLoading: true }}. Lazy Loading requires a few other settings. See the documentation to explore the example in detail. -
🚀 Improve
pickersfocus management (#5820) @alexfauquette -
🎉 Enable disabling
dayon date range picker depending onposition(#5773) @alexfauquette -
✨ Various improvements
-
📚 Documentation improvements
-
🐞 Bugfixes
@mui/x-data-grid@v5.17.0 / @mui/x-data-grid-pro@v5.17.0 / @mui/x-data-grid-premium@v5.17.0
Changes
- [DataGrid] Add
sortprop to columns panel slot (#5888) @gavbrennan - [DataGrid] Do not throw if
fieldToFocuscannot be found (#5871) @cherniavskii - [DataGrid] Support
getRowIdin thereplaceRowsmethod (#5988) @flaviendelangle - [DataGridPro] Add class name to row with open detail panel (#5924) @m4theushw
- [DataGridPro] Fix crash when using
pinnedRows+getRowClassNameprops androws=[](#5851) @cherniavskii - [DataGridPro] Fix filtering with inactive filter items (#5993) @alexfauquette
- [DataGridPro] Implement Lazy loading (#5214) @DanailH
- [DataGridPro] Support pinned columns and dynamic row height (#5782) @m4theushw
- [DataGridPremium] Add state initializer for column groups (#5963) @alexfauquette
- [DataGridPremium] Update grouping when
groupingValueGetterchanges (#5919) @flaviendelangle - [DataGridPremium] Use the aggregated value on tree data real groups (#5953) @flaviendelangle
@mui/x-date-pickers@v5.0.0 / @mui/x-date-pickers-pro@v5.0.0
Changes
- [DatePicker] Improve focus management (#5820) @alexfauquette
- [DateRangePicker] Enable disabling
daydepending onposition(#5773) @alexfauquette - [DateTimePicker] Create a new
tabscomponent slot (#5972) @LukasTy - [pickers] Do not forward validation props to the DOM on field components (#5971) @flaviendelangle
- [pickers] Do not hardcode
date-fnselements in field components (#5975) @flaviendelangle - [pickers] Do not require
date-fnsin@mui/x-date-pickers-pro(#5941) @flaviendelangle - [pickers] Fix mobile picker not opening on label click (#5651) @LukasTy
- [pickers] Improve DOM event management on
useField(#5901) @flaviendelangle - [pickers] Include
communitypackagethemeAugmentationinpropackage types (#5969) @LukasTy - [pickers] Rename
DateRangeFieldintoSingleInputDateRangeField(#5961) @flaviendelangle - [pickers] Support
isSameErroron field components (#5984) @flaviendelangle
Docs
- [docs] Add
descriptionanddefaultto pickers slots (#5893) @alexfauquette - [docs] Fix typo (#5945) @wettopa
- [docs] Fix typo
onYearPickertoonYearChange(#5954) @alexfauquette - [docs] Update
GridCellParams'svaluedescription (#5849) @cherniavskii - [docs] Update
README.mdto match Introduction section of the docs (#5754) @samuelsycamore
Core
- [core] Fix typo (#5990) @flaviendelangle
- [core] Remove old babel resolve rule (#5939) @oliviertassinari
- [core] Remove outdated TODO (#5956) @flaviendelangle
- [core] Upgrade monorepo (#5960) @cherniavskii
- [core] Fix statics (#5986) @DanailH
- [core] Remove unused dependencies (#5937) @oliviertassinari
- [license] Remove CLI (#5757) @flaviendelangle
- [test] Fix time zone sensitive test (#5955) @LukasTy
- [test] Use
userEvent.mousePressinstead offireClickEvent(#5920) @cherniavskii
5.16.0
Aug 25, 2022
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
-
🎁 Introduce column grouping for data grid (#5133) @alexfauquette
You can now group columns using the
columnGroupingModelprop. This lets you to display more structured data.
To enable this feature, add
experimentalFeatures={{ columnGrouping: true }}. The grouping header can be fully customized. See the documentation to explore everything it has to offer. -
🐞 Bugfixes
-
🌏 New locales for pickers thanks to @tesseractjh and @drastus
@mui/x-data-grid@v5.16.0 / @mui/x-data-grid-pro@v5.16.0 / @mui/x-data-grid-premium@v5.16.0
Changes
- [DataGrid] Implement column grouping (#5133) @alexfauquette
- [DataGrid] Handle
disableVirtualizationprop change (#5889) @cherniavskii - [DataGrid] Improve
GridRowModeltyping (#5734) @cherniavskii - [DataGrid] Update deprecation note for
GridColDefhideproperty (#5886) @cherniavskii
@mui/x-date-pickers@v5.0.0-beta.7 / @mui/x-date-pickers-pro@v5.0.0-beta.7
Changes
- [DatePicker] Fix to pass down
classNameprop provided on DatePicker torenderInput(#5471) @CruseCtrl - [DatePicker] Improve
a11ysupport (#5809) @LukasTy - [pickers] Add
PaperContentcomponent slot (#5801) @LukasTy - [pickers] Add a breaking change section in the migration guide (#5805) @alexfauquette
- [pickers] Add new translations to
localeText(#5143) @alexfauquette - [pickers] Document components slots (#4657) @flaviendelangle
- [pickers] Add new unstable field components (#5504) @flaviendelangle
- [pickers] Fallback to default
minDate/maxDatewhennullvalue is passed (#5397) @flaviendelangle - [l10n] Add Korean (ko-KR) locale (#5854) @tesseractjh
- [l10n] Add Polish (pl-PL) locale (#5833) @drastus
Docs
- [docs] Fix typo in
migration from lab(#5277) @chuckwired - [docs] Use
dayjsinstead ofdate-fnsin doc examples (#5481) @flaviendelangle
Core
- [core] Clarify the scope of the license key used for tests and documentation (#5824) @oliviertassinari
- [core] Fix Typescript error on field hooks (#5892) @flaviendelangle
- [core] Memoize
columnsinuseDemoDatahook (#5848) @cherniavskii - [core] Remove Firefox from the BrowserStack list (#5874) @DanailH
- [core] Small changes to the release script (#5840) @m4theushw
5.15.3
Aug 18, 2022
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
- 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@v5.15.3 / @mui/x-data-grid-pro@v5.15.3 / @mui/x-data-grid-premium@v5.15.3
Changes
- [DataGrid] Fix Enter causing Select to re-open when commiting value (#5756) @m4theushw
- [DataGrid] Fix
GridOverlaysbypassing pointer events (#5674) @philjones88
@mui/x-date-pickers@v5.0.0-beta.6 / @mui/x-date-picker-pro@v5.0.0-beta.6
Changes
- [DatePicker] Support click on day outside of current month (#5768) @alexfauquette
- [pickers] Extend
PickersActionBarPropswithDialogActionProps(#5798) @LukasTy
Docs
- [docs] Fix API anchor link scroll top (#5795) @oliviertassinari
- [docs] Fix contradiction in the free trial clause (#5732) @oliviertassinari
- [docs] Fix default value of the DataGrid
logLevelprop to false (#5784) @HwangTaehyun - [docs] Fix typo on the row height page (#5772) @flaviendelangle
- [docs] Improve "upgrading plans" documentation. (#5683) @joserodolfofreitas
- [docs] Link the license docs before pricing (#5726) @oliviertassinari
- [docs] Update packages README files (#5835) @cherniavskii
- [docs] Use
InputBasefor pickers inputs (#5597) @cherniavskii
Core
- [core] Upgrade monorepo (#5771, #5797) @cherniavskii
- [core] Various TS improvements (#5556) @flaviendelangle
- [license] Give more context in the missing license (#5731) @oliviertassinari
- [license] Only log an error type once (#5730) @oliviertassinari
- [test] Increase timeout to take print screenshot (#5799) @m4theushw
5.15.2
Aug 11, 2022
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- ✨ Improve quick filtering with row grouping (#5701) @alexfauquette
- 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@v5.15.2 / @mui/x-data-grid-pro@v5.15.2 / @mui/x-data-grid-premium@v5.15.2
Changes
- [DataGrid] Catch errors if rows freezing is not supported (#5711) @cherniavskii
- [DataGrid] Preserve cell mode when entering edit mode while commiting (#5686) @m4theushw
- [DataGridPremium] Let quick filter search in row grouping children (#5701) @alexfauquette
@mui/x-date-pickers@v5.0.0-beta.5 / @mui/x-date-picker-pro@5.0.0-beta.5
Changes
- [pickers] Add
react-domto peerDependencies (#5752) @cherniavskii - [TimePicker] Set clock focus outline to
none(#5758) @LukasTy - [pickers] Fix theme augmentation with TypeScript (#5596) @alexfauquette
- [pickers] Reset input value when locale is modified (#5310) @alexfauquette
- [pickers] Support
disableHighlightTodayonMonthPickerandYearPicker(#5562) @flaviendelangle - [pickers] Fallback to desktop mode when
matchMediais unavailable (#5684) @LukasTy - [pickers] Trigger
onChangewhen clearing or acceptingInvalid date(#5740) @LukasTy
Docs
- [docs] Add RFC GH issue template (#5739) @bytasv
- [docs] Add description to the
GridExportStateParamspage (#5654) @oliviertassinari - [docs] Improve the Events page (#5413) @flaviendelangle
- [docs] Use new editing API in the introduction demos (#5728) @oliviertassinari
Core
- [core] Remove duplicated
FUNDING.ymlfile (#5656) @oliviertassinari - [core] Remove outdated Next.js options (#5727) @oliviertassinari
- [core] Update tooling to run with React 18 (#4155) @m4theushw
- [test] Fix failing dynamic row height tests on Edge (#5707) @m4theushw
5.15.1
Aug 4, 2022
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
- 📚 New page presenting the
apiRef(#5273) @flaviendelangle - ✨ Better keyboard support for start editing cells (#5511) @oliviertassinari
- 🌍 Improvements to different locales
- 🐞 Bugfixes
@mui/x-data-grid@v5.15.1 / @mui/x-data-grid-pro@v5.15.1 / @mui/x-data-grid-premium@v5.15.1
Changes
- [DataGrid] Improve start edit UX (#5511) @oliviertassinari
- [DataGrid] Add
initialOpenprop toGridEditSingleSelectCellto allow overriding initial open state (#5645) @shapaaa - [DataGrid] Forward
refto root element inGridEditInputCell(#5631) @Zenoo - [DataGrid] Toggle open state when clicking on buttons in the
GridToolbar(#5503) @cherniavskii - [DataGrid] Improve German (de-DE) locale (#5586) @sebastianfrey
- [DataGrid] Improve Korean (ko-KR) locale (#5668) @Einere
- [DataGrid] Complete Italian (it-IT) locale (#5487) @mamodev
@mui/x-date-pickers@v5.0.0-beta.4 / @mui/x-date-picker-pro@5.0.0-beta.4
Changes
- [DatePicker] Customize day formatter in the calendar (#5373) @alexfauquette
Docs
- [docs] New location for the legal content (#5595) @oliviertassinari
- [docs] Update description of
maxDateTimeprop (#5639) @jurecuhalev - [docs] Add missing
date-fnsdependency when opening Codesandbox demo (#5692) @cherniavskii
Core
- [core] Drop usage of
GRID_EXPERIMENTAL_ENABLEDenv variable (#5669) @ar7casper - [core] Isolate asset loading under /x/ (#5594) @oliviertassinari
- [core] Upgrade node to v14 (#4999) @cherniavskii
5.15.0
Jul 29, 2022
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
-
🎁 Introduce aggregation (#5592) @flaviendelangle
Premium users can now aggregate data in the grid. Extract information like sum, average, count, and others with a couple of clicks.
To enable this feature, add
experimentalFeatures={{ aggregation: true }}. Aggregation functions are customizable and they combine well with row grouping. See the documentation to explore everything it has to offer. -
🚀 Introduce row pinning (#4863) @cherniavskii
Pro users can now pin rows on top or bottom of the grid.
To do so, enable the feature with
experimentalFeatures={{ rowPinning: true }}and provide the pinned rows data to thepinnedRowsprop. For more details, see the documentation. -
🌍 Add simplified Chinese (zh-CN) locale to pickers (#5584) @gamecss
-
📚 Documentation improvements
@mui/x-data-grid@v5.15.0 / @mui/x-data-grid-pro@v5.15.0 / @mui/x-data-grid-premium@v5.15.0
Changes
- [DataGrid] Add prop to keep modifications while processing props (#5309) @m4theushw
- [DataGrid] Fix container width change on React 18 (#5566) @m4theushw
- [DataGrid] Fix ellipsis style convention (#5587) @oliviertassinari
- [DataGridPro] Implement row pinning (#4863) @cherniavskii
- [DataGridPremium] Make aggregation public (#5592) @cherniavskii
- [l10n] Improve simplified Chinese (zh-CN) locale (#5584) @gamecss
@mui/x-date-pickers@v5.0.0-beta.3 / @mui/x-date-picker-pro@5.0.0-beta.3
Changes
- [l10n] Add simplified Chinese (zh-CN) locale (#5584) @gamecss
Docs
- [docs] Split docs page about rows (#5195) @flaviendelangle
- [docs] Add warning clarifications (#5399) @alexfauquette
- [docs] Correct slot CSS classes for Pro and Premium components (#5452) @alexfauquette
- [docs] Fix internal link to
valueParser(#5450) @alexfauquette
Core
- [core] Upgrade monorepo (#5560) @m4theushw
5.14.0
Jul 21, 2022
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
- 🧪 Export
GridBooleanCellcomponent from data grid (#5537) @cliedeman - ⚙️ Improve accessibility of the Export menu (#5486) @nogalpaulina
- 🌍 Improvements to different locales
- 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@5.14.0 / @mui/x-data-grid-pro@5.14.0 / @mui/x-data-grid-premium@5.14.0
Changes
- [DataGrid] Add generics to
GridPreProcessEditCellProps(#5510) @YunosukeY - [DataGrid] Avoid inconsistent state export (#5390) @flaviendelangle
- [DataGrid] Export
GridBooleanCellcomponent (#5537) @cliedeman - [DataGrid] Fix
date/dateTimeedit input font size to match view mode (#5304) @cherniavskii - [DataGrid] Fix loading overlay position (#5558) @DanailH
- [DataGrid] Improve accessibility of the Export menu in the toolbar (#5486) @nogalpaulina
- [DataGridPremium] Implement Aggregation - not publicly released (#4208) @flaviendelangle
- [DataGridPremium] Fix crash when exporting all columns to Excel (#5425) @cherniavskii
- [l10n] Add Traditional Chinese (zh-TW) locale (#5498) @happyincent
@mui/x-date-pickers@v5.0.0-beta.2 / @mui/x-date-picker-pro@5.0.0-beta.2
Changes
- [l10n] Add Norwegian (nb-NO) locale (#5475) @elkebab
Docs
- [docs] New page presenting the
apiRef(#5273) @flaviendelangle - [docs] Remove blank line @oliviertassinari
Core
- [core] Add missing comments on zh-TW translation (#5559) @flaviendelangle
- [core] Polish on the bug issue template (#5525) @oliviertassinari
- [test] Add more tests related to
isPrintableKey(#5458) @mnajdova
5.13.1
Jul 15, 2022
We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
- ✏️ Enter edit mode when pasting in a cell with Ctrl+V (Cmd+V on macOS) (#5405) @alexfauquette
- 🌍 Many improvements to the locales
- 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@v5.13.1 / @mui/x-data-grid-pro@v5.13.1 / @mui/x-data-grid-premium@v5.13.1
Changes
- [DataGrid] Fix blank space when using dynamic row height with pagination (#5315) @m4theushw
- [DataGrid] Start editing with uppercase letter and Ctrl+V (#5405) @alexfauquette
- [DataGrid] Fix some filters being removed from filter model on filter panel open (#5403) @cherniavskii
- [DataGridPro] Improve pinned column headers accessibility (#5370) @cherniavskii
- [l10n] Improve Dutch (nl-NL) locale (#5464) @developenguin
- [l10n] Improve French (fr-FR) locale (#3211) (#5420) @Zenoo
- [l10n] Improve German (de-DE) locale (#5448) @sebastianfrey
- [l10n] Improve Brazilian Portuguese (pt-BR) locale (#5394) @andrepxa
- [l10n] Improve Romanian (ro-RO) locale (#5449) @rolule
@mui/x-date-pickers@v5.0.0-beta.1 / @mui/x-date-picker-pro@5.0.0-beta.1
Changes
- [pickers] Add Italian (it-IT) locale (#5467) @felixh10r
- [pickers] Add Spanish (es-ES) locale (#5468) @felixh10r
- [pickers] Improve French (fr-FR) locale (#5446) @Zenoo
- [pickers] Improve German (de-DE) locale (#5447) @sebastianfrey
Docs
- [docs] Fix typo in the sorting page (#5431) @JosephMarinier
- [docs] Fix description for "Striped rows" example (#5432) @lindapaiste
- [docs] Make a clear difference between the license and license key (#5316) @oliviertassinari
- [docs] Update pickers README files (#5456) @cherniavskii
- [docs] Clarify the scope of support for MUI X (#5423) @joserodolfofreitas
Core
- [core] Add technical support link to _redirects (#5428) @joserodolfofreitas
- [core] Improve GitHub bug reproduction template (#5067) @joserodolfofreitas
- [core] Include playground pages in tsconfig (#5367) @cherniavskii
- [core] Sort keys like in material-ui @oliviertassinari
- [test] Wait for flags to load on regression tests (#5473) @m4theushw
5.13.0
Jul 7, 2022
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
-
🎁
@mui/x-date-pickersand@mui/x-date-pickers-proare now in beta! -
✨ Allow detail panel's height to match its content (#5163) @m4theushw
<DataGridPro getDetailPanelHeight={() => 'auto'} /> -
🌍 Add Romanian (ro-RO) locale on the data grid (#5345) @rolule
-
📚 Documentation improvements
-
🐞 Bugfixes
@mui/x-data-grid@v5.13.0 / @mui/x-data-grid-pro@v5.13.0 / @mui/x-data-grid-premium@v5.13.0
Changes
- [DataGrid] Allows to customize variant of value input in filter panel (#4826) @alexfauquette
- [DataGrid] Add Romanian (ro-RO) locale (#5345) @rolule
- [DataGrid] Export Norwegian (nb-NO) locale (#5407) @cherniavskii
- [DataGrid] Fix broken "start editing" integration with Japanese (#5414) @mnajdova
- [DataGrid] Fix "stop editing" integration with IME e.g. Japanese (#5257) @Gumichocopengin8
- [DataGrid] Fix dimensions computation with
autoHeightand scroll x (#5401) @flaviendelangle - [DataGrid] Improve Slovak (sk-SK) locale (#5332) @msidlo
- [DataGrid] Mention Premium plan in error messages and docs warnings (#5328) @cherniavskii
- [DataGrid] Remove trailing spaces in filter input (#5279) @alexfauquette
- [DataGridPro] Allow to infer detail panel height from content (#5163) @m4theushw
- [DataGridPro] Fix the depth of nodes when switching from a non-flat tree to a flat tree (#5362) @flaviendelangle
@mui/x-date-pickers@v5.0.0-beta.0 / @mui/x-date-picker-pro@5.0.0-beta.0
Changes
- [DateRangePicker] Fix keyboard selection (#5265) @alexfauquette
- [DayPicker] Remove empty space at the bottom of the day view (#5073) @flaviendelangle
- [pickers] Add missing type dependencies (#5331) @Methuselah96
- [pickers] Pass the generics to the components in the theme augmentation (#5199) @toruticas
Docs
- [docs] Explain how to use hooks inside a cell renderer (#5158) @flaviendelangle
- [docs] Fix server-side pagination demo (#5361) @cherniavskii
- [docs] Fix typo in the quick filter docs (#5313) @alexfauquette
- [docs] Improve the "Getting started" page (#5293) @alexfauquette
- [docs] New page for the pickers action bar customization (#5267) @flaviendelangle
- [docs] Revise and split up "Overview" page into "Introduction" (#4692) @samuelsycamore
- [docs] Use
useKeepGroupedColumnsHiddrenfrom the grid package on remaining demo (#5382) @flaviendelangle
v5.12.3
Jun 23, 2022
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Add Swedish (sv-SE) locale on the data grid and the pickers (#5210) @mrxdst
- 🌍 Add Dutch (nl-NL) locale on the pickers (#5237) @DDukers
- 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@v5.12.3 / @mui/x-data-grid-pro@v5.12.3 / @mui/x-data-grid-premium@v5.12.3
Changes
- [DataGrid] Do not hide non-hideable column when pressing Hide All button (#5298) @flaviendelangle
- [DataGrid] Do not regenerate the row tree when the
loadingprop changes (#5213) @flaviendelangle - [DataGrid] Fix the default filter operator fallback on state initialization (#5266) @flaviendelangle
- [DataGrid] Stop using the deprecated
apiprop in the grid components (#5205) @flaviendelangle - [DataGrid] Add Swedish (sv-SE) locale (#5210) @mrxdst
- [DataGridPremium] Fix detail panel on
DataGridPremium(#5264) @flaviendelangle - [DataGridPremium] Fix Excel import with Remix / Vite (#5207) @alexfauquette
- [DataGridPremium] Fix error with quick filter and grouping rows (#5238) @alexfauquette
@mui/x-date-pickers@v5.0.0-alpha.7 / @mui/x-date-pickers-pro@v5.0.0-alpha.7
Changes
- [pickers] Export adapters from both
@mui/x-date-pickersand@mui/x-date-pickers-pro(#5204) @flaviendelangle - [pickers] Add Dutch (nl-NL) locale (#5237) @DDukers
Docs
- [docs] Add
DataGridPremiumto all API sections (#5196) @flaviendelangle - [docs] Add plan badge next to event name in the Events page (#5200) @flaviendelangle
- [docs] Add section for theme augmentation in the picker docs (#5276) @flaviendelangle
- [docs] Add waiting for upvote section for row group panel (#5271) @flaviendelangle
- [docs] Disable ad on main demo page (#5301) @joserodolfofreitas
- [docs] Fix typo in the
DateRangePickerdocumentation (#5259) @flaviendelangle
Core
- [core] Allow having multiple playgrounds (#5288) @alexfauquette
- [core] Improve typing of
GridFilterInputMultipleSingleSelect(#5206) @flaviendelangle - [core] Remove arbitrary new lines (#5245) @oliviertassinari
- [core] Remove dead logic (#5282) @oliviertassinari
- [test] Fix
inputFormatwhen testing with different date adapters (#5291) @cherniavskii - [test] Fix date assertion in Safari 13 (#5221) @m4theushw
- [test] Throw if date adapter is not found (#5289) @cherniavskii
- [test] Use mock for
ResizeObserver(#5215) @m4theushw
v5.12.2
Jun 16, 2022
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- 🚀 Performance improvement for dynamic row height (#5135) @m4theushw
- 🕒 Add demo of how to use the data grid with date pickers (#5053) @cherniavskii
- 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@v5.12.2 / @mui/x-data-grid-pro@v5.12.2 / @mui/x-data-grid-premium@v5.12.2
Changes
- [DataGrid] Fix for cosmetic bug on column filter badge (#5170) @simbahandiane
- [DataGrid] Hide vertical scrollbar if
autoHeightis enabled (#5164) @m4theushw - [DataGrid] Use exponential search to render non-measured rows (#5135) @m4theushw
- [DataGridPro] Fix label of the detail panel toggle column (#5191) @m4theushw
- [DataGridPro] Refresh detail panel caches when props change (#5110) @m4theushw
Docs
- [docs] Add example with custom checkbox column (#5161) @flaviendelangle
- [docs] Batch small changes (#5177) @oliviertassinari
- [docs] Fix demo currency format (#5034) @oliviertassinari
- [docs] Fix outdated license description to match the EULA (#5219) @joserodolfofreitas
- [docs] Fix redundant headers (#5104) @oliviertassinari
- [docs] Fix some capitalization to match the guidelines (#5105) @oliviertassinari
- [docs] Improve the
getRowIddoc section (#5156) @flaviendelangle - [docs] Instruction to deal with invalid license message (#5074) @joserodolfofreitas
- [docs] Use redirection in the code (#5114) @oliviertassinari
- [docs] Add demo of how to use the data grid with date pickers (#5053) @cherniavskii
Core
- [core] Improve inline code rendering within the details tag (#5166) @Harmouch101
- [core] Remove unused props from plugin typing (#5185) @flaviendelangle
- [core] Use the scrollbar size from
useGridDimensionsonDataGridProColumnHeaders(#5201) @flaviendelangle - [core] Fix
GridColTypeDeftype (#5167) @cherniavskii - [core] Fix
GridColTypeDefusage in demo (#5197) @cherniavskii - [test] Add
waitForbefore asserting height (#5203) @m4theushw
v5.12.1
Jun 9, 2022
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
- 🎁 Add
reasontoonFilterModelChange(#4938) @m4theushw - 🔎 Control quick filter input value via model prop (#5013) @alexfauquette
- 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@v5.12.1 / @mui/x-data-grid-pro@v5.12.1 / @mui/x-data-grid-premium@v5.12.1
Changes
- [DataGrid] Add
reasontoonFilterModelChange(#4938) @m4theushw - [DataGrid] Restore focus after dismissing the column menu (#5027) @m4theushw
- [DataGrid] Update quick filter input when model is modified (#5013) @alexfauquette
- [DataGrid] Fix implicit dependency on react-dom (#5121) @oliviertassinari
- [DataGrid] Support
getRowIdin row reordering (#5093) @flaviendelangle - [DataGridPro] Fix column resizing in RTL mode (#4989) @cherniavskii
- [DataGridPro] Fix column resizing on touchscreen (#5056) @cherniavskii
- [l10n] Update Japanese (ja-JP) locale (#5122) @hikotq
- [l10n] Update Russian (ru-RU) locale (#5069) @Artboomy
@mui/x-date-pickers@v5.0.0-alpha.6 / @mui/x-date-pickers-pro@v5.0.0-alpha.6
Changes
- [pickers] Fix usage of
maxDate/minDate/disableFutureanddisablePast(#5081) @flaviendelangle - [pickers] Infer mask from
inputFormat(#5060) @alexfauquette - [pickers] Manage input value without using the focus (#4486) @alexfauquette
- [pickers] Use new localization for doc examples (#5097) @flaviendelangle
- [pickers] Fix
shouldDisableDatein range pickers (#5123) @flaviendelangle - [l10n] Add Brazilian Portuguese (pt-BR) locale (#5100) @jardelnovaes
- [l10n] Use
localTextfor remaining texts (#4986) @alexfauquette
Docs
- [docs] Implement the focus management on data grid demo links (#5070) @alexfauquette
- [docs] Fix
301link to render cell (#5106) @oliviertassinari - [docs] Fix broken anchor link @oliviertassinari
- [docs] Improve movie dataset (#5142) @flaviendelangle
- [docs] Move all localization documentation in a unique page (#5072) @alexfauquette
- [docs] Section for overwriting core components i18n keys (#4998) @DanailH
- [docs] Small grammar and format fixes for Dynamic Row Height section (#5098) @samuelsycamore
Core
- [core] Allows to run tests with different date adapters (#5055) @alexfauquette
- [core] Prettify the l10n issue (#4928) @alexfauquette
- [core] Set correct
apiReftype in row reorder pre processors #5125 @DanailH - [core] Stop using
GridEventsin technical doc (#5157) @flaviendelangle - [core] Upgrade monorepo (#5101) @oliviertassinari
- [test] Fix dynamic row height test failing on Chrome (#5147) @m4theushw
- [test] Remove delay on server demo for regression tests (#5131) @alexfauquette
v5.12.0
May 31, 2022
We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
-
🎁 Introduce support for dynamic row height (#4859) @m4theushw
-
⚠️ Remove deprecated row grouping feature from
@mui/x-data-grid-proRow grouping is available through the
@mui/x-data-grid-premiumpackage - see Premium plan release blogpost. -
🐞 Bug fixes and improvements
@mui/x-data-grid@v5.12.0 / @mui/x-data-grid-pro@v5.12.0 / @mui/x-data-grid-premium@v5.12.0
Changes
- [DataGrid] Support dynamic row height (#4859) @m4theushw
- [DataGrid] Add
onMenuOpenandonMenuCloseprops (#4825) @DanailH - [DataGrid] Add generics to
GridActionsColDefto matchGridColDef(#4982) @subvertallchris - [DataGrid] Disable drag event handlers when row or column reorder are disabled (#4857) @DanailH
- [DataGrid] Allow other attempts to stop edit mode if the first failed (#5016) @m4theushw
- [DataGrid] Better reflect the dependency on Material UI (#4795) @oliviertassinari
- [DataGrid] Add an id to the filter item created when opening the filter panel (#5014) @flaviendelangle
- [DataGrid] Use column visibility model on Hide All / Show All when enabled (#5050) @flaviendelangle
- [DataGridPro] Unpin columns back to original position (#4512) @m4theushw
- [DataGridPro] Remove experimental row grouping from Pro plan (#4949) @flaviendelangle
- [DataGridPro] Allow to scroll detail panel content if it overflows the panel (#4979) @cherniavskii
- [DataGridPro] Do not call
setRowIndexwhen dragging a column over a row (#4987) @flaviendelangle - [l10n] Add Norwegian (Bokmål) (nb-NO) locale (#5001) @spiftire
- [l10n] Add Turkish (tr-TR) locale (#5026) @Rassilion
@mui/x-date-pickers@v5.0.0-alpha.5 / @mui/x-date-pickers-pro@v5.0.0-alpha.5
Breaking changes
-
[pickers] Restructure props in
MonthPicker/YearPickerandDayPicker(#4814) @flaviendelangleThe props of
MonthPicker/YearPickerandDayPickerhave been reworked to make them more consistent for a standalone usage (#4814) @flaviendelangleMonthPicker: The prop
onMonthChangehas been removed, you can useonChangeinstead since every change is a month changeYearPicker: The prop
onYearChangehas been removed, you can useonChangeinstead since every change is a year changeDayPicker: The prop
isDateDisabledhas been removed, you can now use the same validation props as for the other components (maxDate,minDate,shouldDisableDate,disableFutureanddisablePast)
Changes
- [pickers] Add German (de-DE) translations (#4974) @felixh10r
- [pickers] Support action bar on static pickers and improve typing (#5015) @flaviendelangle
Docs
- [docs] Add docs sections / pages for upcoming features on pickers (#4603) @flaviendelangle
- [docs] Add docs for filter panel components (#4919) @m4theushw
- [docs] Explain how to manage focus with
renderCell(#4254) @alexfauquette - [docs] Fix broken links to GitHub source (#5003) @Edwardveb
- [docs] Fix navigation links (#4956) @oliviertassinari
- [docs] Fix typo on rows docs (#4952) @jamesRadicl
- [docs] New WAI-ARIA guidelines location (#4957) @oliviertassinari
- [docs] Add "Slots" section to the right nav in the API pages (#4993) @DanailH
- [docs] Fix docs feedback widget not working (#4905) @cherniavskii
- [docs] Replace custom notes and warning with callouts (#5008) @flaviendelangle
Core
- [core] Avoid Order ID to refer to GitHub issues/PRs (#5005) @oliviertassinari
- [core] Improve the workflow for incomplete issues (#5012) @mnajdova
- [core] Remove dead code on row grouping tree creation (#4945) @flaviendelangle
- [core] Use new cache api for the row grouping last model tracking (#4980) @flaviendelangle
- [core] Ensure that PRs have atleast 1 label (#5011) @DanailH
- [core] Fix trailing-space @oliviertassinari
- [core] Stop Renovate PR updates when PR is on hold (#5020) @cherniavskii
- [license] Remove support for UTF-8 (#4893) @oliviertassinari
- [license] Tweak error messages (#4907) @mbrookes
- [test] Skip Safari and Firefox on broken tests (#4994) @alexfauquette
- [test] Make argos screenshots stable (#5061) @m4theushw
v5.11.1
May 20, 2022
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
-
🌍 Support localization on the date and time picker components (#4517) @alexfauquette
Texts can be translated in the pickers components, similar to what can be done in the data grid component. Check the documentation for more information.
-
📃 Add support for column spanning when exporting to Excel (#4830) @cherniavskii
-
🐞 Bugs fixes
@mui/x-data-grid@v5.11.1 / @mui/x-data-grid-pro@v5.11.1 / @mui/x-data-grid-premium@v5.11.1
Changes
- [DataGrid] Add a CSS class corresponding to current density (#4858) @m4theushw
- [DataGrid] Execute the pipe-processors in their initialization order (#4913) @flaviendelangle
- [DataGrid] Fix rendering of the no rows overlay when the
loadingprop is changed (#4910) @m4theushw - [DataGridPremium] Add
exceljsto the dependencies (#4939) @alexfauquette - [DataGridPremium] Support column spanning in the Excel export (#4830) @cherniavskii
- [l10n] Improve Russian (ru-RU) locale (#4864) @arvkonstantin
@mui/x-date-pickers@v5.0.0-alpha.4 / @mui/x-date-pickers-pro@v5.0.0-alpha.4
Breaking changes
-
The props related to the action bar buttons have been removed (
clearable,showTodayButton,cancelText,okText)To decide which button must be displayed and in which order, you can now use the
actionsprop of theactionBarcomponent slot props.<DatePicker componentsProps={{ actionBar: { // The actions will be the same between desktop and mobile actions: ['clear'], // The actions will be different between desktop and mobile actions: (variant) => (variant === 'desktop' ? [] : ['clear']), }, }} />The build-in
ActionBarcomponent supports 4 different actions:'clear','cancel','accept', and'today'. By default, the pickers will render the cancel and accept button on mobile and no action on desktop.If you need other actions, you can provide your own component to the
ActionBarcomponent slot<DatePicker components={{ ActionBar: CustomActionBar }} />
Changes
- [DatePicker] Fix keyboard accessibility for first and last year (#4807) @alexfauquette
- [pickers] Add component slot for action bar (#4778) @alexfauquette
- [pickers] Add l10n support (#4517) @alexfauquette
- [pickers] Close Popper when pressing Esc inside a modal (#4499) @alexfauquette
- [pickers] Support class slots on toolbar components (#4855) @flaviendelangle
- [TimePicker] Fix time validation when current date is
null(#4867) @flaviendelangle
Docs
- [docs] Add 301 redirect for columns page (#4940) @alexfauquette
- [docs] Avoid confusion with license key installation (#4891) @oliviertassinari
- [docs] Complete the instructions for pickers installation in readme (#4852) @alexfauquette
- [docs] Disable ads on paid-only pages (#4842) @flaviendelangle
- [docs] Don't redirect to localized doc on deploy preview (#4818) @m4theushw
- [docs] Limit
LICENSEfile to 80 char per line (#4873) @oliviertassinari - [docs] Typo on OrderId @oliviertassinari
- [docs] Update feature comparison table (#4918) @cherniavskii
Core
- [core] Add new script to generate tree data rows from file tree (#4902) @flaviendelangle
- [core] Fix code style (#4874) @oliviertassinari
- [core] Fix React 18 peer dependency (#4908) @oliviertassinari
- [core] Fix link to the LICENSE file (#4875) @oliviertassinari
- [core] Fix transitive babel dependency (#4793) @oliviertassinari
- [core] New pipe processing
rowHydration(#4896) @flaviendelangle - [core] Remove dead code for the docs (#4791) @oliviertassinari
- [core] Run
yarn prettier@oliviertassinari - [core] Polishes on
CHANGELOG.md(#4876) @oliviertassinari - [core] Simplify rows cache management (#4933) @flaviendelangle
- [core] Use internal icons for quick filter (#4912) @alexfauquette
v5.11.0
May 13, 2022
We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
-
🚀 Premium plan release. We're happy to announce that the Premium plan is finally out! With it, MUI X officially steps up to the next level, supporting the most advanced use cases for UI components.
This plan is available through the new
@mui/x-data-grid-premiumpackage, which contains the row grouping and the Excel export features.If you were already using the row grouping feature, you can upgrade by installing
@mui/x-data-grid-premiumand replaceDataGridProwithDataGridPremium, as follows. Note that the experimental flag is not required anymore to use the row grouping.-import { DataGridPro } from '@mui/x-data-grid-pro'; +import { DataGridPremium } from '@mui/x-data-grid-premium'; -<DataGridPro experimentalFeatures={{ rowGrouping: true }} /> +<DataGridPremium />For more information about the revised pricing model please have a look at the blog post.
-
👔 Excel export. You can find this new Premium feature at: https://mui.com/x/react-data-grid/export/#excel-export.
-
🔎 Quick filtering. You can now add a quick filtering search bar to your grid. To do so, either pass
showQuickFilterprop to the<GridToolbar />or use the<GridToolbarQuickFilter />component in your custom toolbar. More information about how to customize the filtering logic is in the documentation.
-
🐞 Bugs fixes
@mui/x-data-grid@v5.11.0 / @mui/x-data-grid-pro@v5.11.0 / @mui/x-data-grid-premium@v5.11.0
Breaking changes
-
Move row grouping to the premium package (#4223) @flaviendelangle
The use of
rowGroupingin the@mui/x-data-grid-propackage is deprecated. The experimental flag will be removed in an upcoming release.
Changes
- [DataGrid] Add TypeScript support to the
sxprop in inner components (#4743) @lindapaiste - [DataGrid] Add props to control cell mode (#4210) @m4theushw
- [DataGrid] Add quick filtering engine (#4317) @alexfauquette
- [DataGrid] Check focus validity whenever the rows in state changes (#4683) @flaviendelangle
- [DataGrid] Fix infinite scroll when dragging column header cell over row cell (#4735) @DjoSmer
- [DataGrid] Fix scroll jump when using keyboard navigation (#4515) @cherniavskii
- [DataGrid] Improve sorting accessibility (#4379) @cherniavskii
- [DataGrid] New
getRowGroupChildrenAPI method (#4304) @flaviendelangle - [DataGrid] Publish
preferencePanelCloseevent only once when clicking on another panel button (#4810) @flaviendelangle - [DataGrid] Update focused action if the currently focused one is removed (#4694) @m4theushw
- [DataGrid] Add
onChangecallback to edit components (#4621) @m4theushw - [DataGrid] Add
keepNonExistentRowsSelectedprop (#4786) @willsoto - [DataGrid] Prevent crash if row is removed with click (#4831) @m4theushw
- [DataGridPro] Fix detail panel not taking full width (#4610) @cherniavskii
- [DataGridPremium] Add Excel export (#3981) @alexfauquette
- [DataGridPremium] Bootstrap
@mui/x-data-grid-premium(#4223) @flaviendelangle - [DataGridPremium] Fix Excel date serialization when row grouping is enabled (#4774) @cherniavskii
- [l10n] Improve German (de-DE) locale (#4748) @sebastianfrey
- [l10n] Improve German (de-DE) locale (#4668) @izu-co
@mui/x-date-pickers@v5.0.0-alpha.3 / @mui/x-date-pickers-pro@v5.0.0-alpha.3
Breaking changes
-
Rework the auto-closing behavior of the pickers (#4408) @flaviendelangle
The
disableCloseOnSelectprop has been replaced by a newcloseOnSelectprop which has the opposite behavior. The default behavior remains the same (close after the last step on desktop but not on mobile).// If you don't want to close after the last step -<DatePicker disableCloseOnSelect={false} /> +<DatePicker closeOnSelect /> // If you want to close after the last step -<DatePicker disableCloseOnSelect /> +<DatePicker closeOnSelect={false} />
Changes
- [DatePicker] Ignore Escape when the picker is already closed (#4770) @mikewolfd
- [DatePicker] Make month year order changeable in header (#4695) @gky360
- [DateRangePicker] Open view on click, Enter or Space instead of focus (#4747) @alexfauquette
- [DateRangePicker] Refactor tests (#4745) @flaviendelangle
- [DateRangePicker] Remove
orientationprop (#4665) @m4theushw - [DateTimePicker]
Toolbarshould be visible by default on mobile (#4833) @flaviendelangle - [MonthPicker] New prop
shouldDisableMonth(#4708) @someone635 - [TimePicker] Disable and invalidate date with minutes not matching
minutesStep(#4726) @flaviendelangle - [TimePicker] Don't merge with previous value when new value is not valid (#4847) @flaviendelangle
- [TimePicker] Refactor
isTimeDisabledmethod (#4688) @flaviendelangle - [pickers] Add details in invalid mask error (#4501) @alexfauquette
- [pickers] Add explicit interfaces for components slots and components slots props (#4589) @flaviendelangle
- [pickers] Add missing
peerDependenciesforyarn pnpusers (#4763) @nate-summercook - [pickers] Add overrides to
PickersArrowSwitcher(#4672) @m4theushw - [pickers] Clean component interfaces and remove non-implemented props (#4758) @flaviendelangle
- [pickers] Do not apply the current time when no date provided in
DayPicker(#4649) @flaviendelangle - [pickers] Document and refacto the value manager (#4701) @flaviendelangle
- [pickers] Drop
allowSameDateSelectionprop (#4808) @flaviendelangle - [pickers] Enable mask by default when using
ampm=true(#4731) @alexfauquette - [pickers] Fix
disabledandreadOnlybehavior on calendar and clock (#4645) @alexfauquette - [pickers] Invalid character does not delete last digit (#4839) @alexfauquette
- [pickers] Rename prop
dateintoparsedValuewhen it can contain a range (#4736) @flaviendelangle - [pickers] Rework
TDate,TInputDate,TValueandTInputValuegenerics (#4617) @flaviendelangle - [pickers] Rework the date lifecycle in
usePickerState(#4408) @flaviendelangle
Docs
- [docs] Add
scopePathNamesproperty to column page (#4811) @flaviendelangle - [docs] Add label to each demo (#4667) @m4theushw
- [docs] Correctly capitalize Ctrl (#4707) @oliviertassinari
- [docs] Fix documentation on
ampmprop (#4846) @alexfauquette - [docs] Generate the event documentation from
GridEventLookup(#4725) @flaviendelangle - [docs] Keep columns section expanded when switching between pages (#4816) @cherniavskii
- [docs] Move
useKeepGroupingColumnsHiddenon@mui/x-data-grid-premium(#4319) @flaviendelangle - [docs] Remove legacy pages for old URLs (#4575) @m4theushw
- [docs] Remove remaining pages in
docs/pages/api-docsfolder (#4709) @m4theushw - [docs] SEO fixes (#4711) @oliviertassinari
- [docs] Set type number to movie column year (#4753) @flaviendelangle
- [docs] Simplify server examples (#4186) @alexfauquette
- [docs] Small typo (#4670) @flaviendelangle
- [docs] Split the 'Columns' page (#4600) @flaviendelangle
- [docs] Stop using
GridEventsenum in documentation (#4699) @flaviendelangle - [docs] Update mono repo to get copy code block (#4691) @siriwatknp
- [docs] Update the feature table in the Getting Started page of the data grid (#4619) @flaviendelangle
- [docs] Add demo for Premium (#4750) @m4theushw
Core
- [core] Check if
processis available (#4193) @m4theushw - [core] Fix naming collision (#4853) @alexfauquette
- [core] Prevent out-of-memory when type-checking in CI (#4697) @flaviendelangle
- [core] Remove
rowsCachefrom state (#4480) @m4theushw - [core] Rework
DayPickerapi (#4783) @flaviendelangle - [core] Update
x-license-prolicense to handle premium package (#4315) @DanailH - [core] Update monorepo & version (#4789) @oliviertassinari
- [core] Update monorepo (#4772) @flaviendelangle
- [core] Stop using
GridEventsenum (#4698, #4696, #4685) @flaviendelangle - [core] Update monorepo (#4854) @cherniavskii
- [license] Allow to limit some packages to a specific license plan (#4651) @flaviendelangle
- [test] Fix path to detect
DataGridtests (#4752) @m4theushw - [test] Reset cleanup tracking on Karma tests (#4679) @m4theushw
- [test] Restore
sinonsandbox after eachkarmatest (#4689) @m4theushw
v5.10.0
Apr 25, 2022
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
-
🎁 Introduce Row reorder (#4034) @DanailH
-
🐞 Bug fixes
@mui/x-data-grid@v5.10.0 / @mui/x-data-grid-pro@v5.10.0
- [DataGrid] Don't close column menu when updating rows (#4498) @m4theushw
- [DataGridPro] Introduce row reorder (#4034) @DanailH
@mui/x-date-pickers@v5.0.0-alpha.2 / @mui/x-date-pickers-pro@v5.0.0-alpha.2
- [pickers] Pass
PaperPropstoDesktopWrappercomponent (#4584) @alexfauquette - [TimePicker] Fix bug when time picker clear value (#4582) @alexfauquette
- [DateRangePicker] Fix missing
clearableandclearTextprops (#4511) @zigang93
Docs
- [docs] Add plan in the nav bar for pro-only and premium-only pages (#4591) @flaviendelangle
- [docs] Clarify where to install the license (#4452) @oliviertassinari
- [docs] Fix CodeSandbox links for demo with pickers (#4570) @alexfauquette
- [docs] Include date-fns dependency when opening demos in CodeSandbox (#4508) @m4theushw
- [docs] Split the 'Group & Pivot' page (#4441) @flaviendelangle
Core
- [core] Fix the README of the X packages (#4590) @flaviendelangle
- [test] Fix test to not depend on screen resolution (#4587) @m4theushw
v5.9.0
Apr 14, 2022
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
-
⚡ Update peer dependencies to support React 18 (#4332) @m4theushw
Now the data grid and pickers components support the concurrent mode.
-
🎁 Add support for Column spanning (#4020) @cherniavskii
-
📚 New standalone documentation for MUI X (#4313) @siriwatknp
Each MUI product now has its own documentation. More information on our blog post.
-
🌍 Add Hungarian (hu-HU) locale (#4458) @x22tri
-
🐞 Bug fixes
@mui/x-data-grid@v5.9.0 / @mui/x-data-grid-pro@v5.9.0
- [DataGrid] Add indexes relative to the filtered rows and the current page to the
getRowClassNameandgetRowSpacingprops (#3882) @flaviendelangle - [DataGrid] Add React 18 to peer dependencies (#4332) @m4theushw
- [DataGrid] Add support for column spanning (#4020) @cherniavskii
- [DataGrid] Apply filtering before sorting (#4359) @flaviendelangle
- [DataGrid] Enable using non-native Select in filter panel (#4361) @kyeongsoosoo
- [DataGrid] Fix
apiprop leaking to DOM (#4384) @m4theushw - [DataGrid] Fix column dimensions import/export with flex and resizing (#4311) @flaviendelangle
- [DataGrid] Fix focus after stopping row edit mode with pagination enabled (#4326) @m4theushw
- [DataGrid] Fix inconsistent overlay when changing the
loadingprop (#4334) @m4theushw - [DataGrid] Fix scrollbar grabbing issue in Safari (#4405) @cherniavskii
- [DataGrid]
GridCellParams.formattedValueshould be nullable (#4376) @flaviendelangle - [DataGrid] Improve accessibility of the
actionscolumn (#4325) @m4theushw - [DataGrid] Pass updated row to edit components (#4392) @m4theushw
- [DataGrid] Prevent column header scroll (#4280) @m4theushw
- [DataGridPro] Fix toggling detail panel using keyboard (#4409) @cherniavskii
- [l10n] Add Hungarian (hu-HU) locale (#4458) @x22tri
@mui/x-date-pickers@v5.0.0-alpha.1 / @mui/x-date-pickers-pro@v5.0.0-alpha.1
- [ClockPicker] Should call
shouldDisableTimewith the hours with meridiem (#4404) @flaviendelangle - [MonthPicker] Clicking on a
PickersMonthbutton should not trigger the form submit (#4402) @flaviendelangle - [TimePicker] Do not update date when updating input in
TimePicker(#4398) @flaviendelangle - [pickers] Add react-dom to pickers peer deps to satisfy react-transition-group (#4411) @CarsonF
- [pickers] Add
TDategeneric toCalendarOrClockPickercomponent (#4465) @flaviendelangle - [pickers] Fix default props behavior on all pickers (#4451) @flaviendelangle
- [pickers] Export
MuiPickersAdapterContext(#4367) @flaviendelangle
Docs
- [docs] Avoid redirections (#4365) @oliviertassinari
- [docs] Fix docs about date adapter (#4386) @alexfauquette
- [docs] Fix small external links issue (#4436) @oliviertassinari
- [docs] Fix some links to date picker docs (#4362) @oliviertassinari
- [docs] Fix wrong URL (#4415) @siriwatknp
- [docs] Go live with the new URLs (#4313) @siriwatknp
- [docs] Update the product names to be in sync @oliviertassinari
Core
- [core] Add technical doc for pipe processing and family processing (#4322) @flaviendelangle
- [core] Don't upgrade CircleCI node (#4457) @m4theushw
- [core] Fix flaky e2e-website tests in CI (#4136) @cherniavskii
- [core] Fix license file copying during build (#4462) @flaviendelangle
- [core] Fix links on v5.8.0 (#4464) @oliviertassinari
- [core] Fix npm page description mistake (#4364) @oliviertassinari
- [core] Fix typos and JSDoc (#4406) @flaviendelangle
- [core] Move away for the event system to trigger pipe processings (#4378) @flaviendelangle
- [core] Small fixes TS on pickers (#4461) @flaviendelangle
- [core] Unify tests (#4368) @flaviendelangle
- [core] Enforce
noImplicitAnyindocsfolder (#4412) @cherniavskii
5.8.0
Apr 4, 2022
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
-
🚀 Expose new methods to save and restore the grid state (#4028) @flaviendelangle
The different methods to save and restore the data-grid state are now documented.
-
⌚️ Move date and time picker components from the lab (#3451) @flaviendelangle
Date and time picker components have been moved to the MUI X repository. They are now accessible in their own packages:
@mui/x-date-pickersand@mui/x-date-pickers-pro. For more information, you can read the blog article and the migration guide. -
📝 Add
onProcessRowUpdateErrorprop to simplify error management in edit mode (#4267) @m4theushw -
✨ Add generic typing to
GridColDefand derived interfaces (#4064) @flaviendelangleYou can now strongly type all the objects related to the row and the cell values. Here is an example, you can find out more in the description of #4064.
const rows: Movie[] = []; return ( <DataGrid rows={rows} columns={[ { // typeof params.row => Movie (R) valueGetter: (params) => params.row.year, }, ]} /> );
@mui/x-data-grid@v5.8.0 / @mui/x-data-grid-pro@v5.8.0
Changes
- [DataGrid] Add
onProcessRowUpdateErrorprop (#4267) @m4theushw - [DataGrid] Add generic typing to
GridColDefand derived interfaces (#4064) @flaviendelangle - [DataGrid] Add missing classes on
gridClassesandgridPanelClasses(#4273) @flaviendelangle - [DataGrid] Add
onPreferencePanelClose/onPreferencePanelOpenprops (#4265) @kyeongsoosoo - [DataGrid] Add slot for filter icon button (#4276) @m4theushw
- [DataGrid] Add the documentation of the portable state (#4028) @flaviendelangle
- [DataGrid] Allow to use keyboard navigation even with no rows (#4302) @alexfauquette
- [DataGrid] Fix inconsistency in the border of the last column (#4224) @alexfauquette
- [DataGrid] Fix overlay blocking scrollbar when rows is empty (#4281) @m4theushw
- [DataGrid] Improve selection with keyboard (#4157) @flaviendelangle
- [DataGrid] Scroll to the top of the page when changing page (#4272) @flaviendelangle
- [l10n] Improve Danish (da-DK) locale (#4271) @simplenotezy
@mui/x-date-pickers@v5.0.0-alpha.0 / @mui/x-date-pickers-pro@v5.0.0-alpha.0
Changes
- [DatePicker] Import date-picker components from the lab (#3451) @flaviendelangle
Docs
- [docs] Create an home page for "Advanced Components" (#4298) @flaviendelangle
- [docs] Update installation docs (#4259) @cherniavskii
- [docs] New page for the migration of date and time pickers from the lab (#4327) @flaviendelangle
Core
- [core] Fix typo in issue template @oliviertassinari
- [core] Move last variables outside of the models folder (#4303) @flaviendelangle
- [core] Remove dead code (#4283) @oliviertassinari
- [core] Rename the "pre-processing" concept "pipe-processing" (#4261) @flaviendelangle
- [core] Reuse previous state when updating the columns prop (#4229) @m4theushw
- [core] Fix Argos flakyness for pickers tests (#4312) @flaviendelangle
5.7.0
Mar 24, 2022
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
-
✏ Add a new editing API with better support for server-side persistence and validation (#3963, #4060) @m4theushw
The new API is stable, but to avoid any breaking changes or conflicts with the old API, you must add the following flag to access it:
<DataGrid experimentalFeatures={{ newEditingApi: true }} />⚠ Users relying on the old API (legacy) don't need to worry as it will continue to work until v6.
The new API also features brand new documentation with more useful demos and guides explaining how to create custom edit components. Visit the new documentation for more information.
-
📚 Documentation improvements
-
🐞 Bug and typo fixes
@mui/x-data-grid@v5.7.0 / @mui/x-data-grid-pro@v5.7.0
Changes
- [DataGrid] Add column order and dimensions to the portable state (#3816) @flaviendelangle
- [DataGrid] Add new editing API (#3963) @m4theushw
- [DataGrid] Allow to customize
ColumnsPanelwithcomponentsPropsprop (#4207) @alexfauquette - [DataGrid] Do not unselect row when Shift + click on the last selected row of a range (#4196) @flaviendelangle
- [DataGrid] Fix
showCellRightBordernot working in the last row (#4140) @cherniavskii - [DataGrid] Fix error overlay not visible when
autoHeightis enabled (#4110) @cherniavskii - [DataGrid] Fix white blank when scrolling (#4158) @alexfauquette
- [DataGrid] Adjust type of the
descriptionprop inGridColumnHeaderTitle(#4247) @baahrens - [DataGrid] Fix focus after stopping row edit mode (#4252) @m4theushw
- [DataGridPro] Fix pinned columns edge overflow with custom
borderRadius(#4188) @socramm9 - [DataGridPro] Fix tab switching order with pinned columns and
editMode="row"(#4198) @cherniavskii - [l10n] Improve Persian (fa-IR) locale (#4227) @SaeedZhiany
- [l10n] Improve Polish (pl-PL) locale (#4153) @pbmchc
- [l10n] Improve Arabic (ar-SD) locale (#4212) @shadigaafar
- [l10n] Improve Korean (ko-KR) locale (#4245) @kyeongsoosoo
Docs
- [docs] Clean demo (#4073) @alexfauquette
- [docs] Delete restore state demos (#4220) @flaviendelangle
- [docs] Document Print export
X-Frame-Optionslimitation (#4222) @DanailH - [docs] Add docs for the new editing API (#4060) @m4theushw
- [docs] Explain how to use
printOptions.pageStyle(#4138) @alexfauquette - [docs] Fix 301 links (#4165) @oliviertassinari
- [docs] Fix 404 API links (#4164) @oliviertassinari
- [docs] Fix broken anchor links (#4162) @alexfauquette
- [docs] Remove useless
apiReffrom demos (#4221) @flaviendelangle - [docs] Sync the headers with core (#4195) @oliviertassinari
Core
- [core] Add CLI to decode license key (#4126) @flaviendelangle
- [core] Fix Lerna package change detection (#4202) @oliviertassinari
- [core] Implement strategy pattern for pre-processors (#4030) @flaviendelangle
- [core] Keep same reference to the column visibility model if no column has changed (#4154) @m4theushw
- [core] Prepare
@mui/x-license-profor date pickers (#4123) @flaviendelangle - [core] Remove datagen from
@mui/x-data-grid-generatorbundle (#4163) @m4theushw - [core] Remove lodash
isDeepEqual(#4159) @flaviendelangle - [core] Use a pipe processor for
GridPreferencePanelchildren (#4216) @flaviendelangle - [core] Add markdown documentation for contributors (#3447) @alexfauquette
- [test] Add regression test for
showCellRightBorder(#4191) @cherniavskii - [test] Mock
getComputedStyleto speed up unit tests (#4142) @m4theushw - [test] Upgrade CircleCI convenience image (#4143) @m4theushw
5.6.1
Mar 10, 2022
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
-
✨ Allow to add margins or borders between rows (#3848) @m4theushw
<DataGrid getRowSpacing={() => ({ top: 10, bottom: 10 })} />Check the documentation for more information.
@mui/x-data-grid@v5.6.1 / @mui/x-data-grid-pro@v5.6.1
Changes
- [DataGrid] Display column's filter icon if a filter is applied (#4120) @DanailH
- [DataGrid] Do not loop through rows to compute top level rows count when the tree is flat (#4081) @flaviendelangle
- [DataGrid] Rename API method (#4148) @m4theushw
- [DataGrid] Support extending built-in column types (#4114) @cherniavskii
- [DataGridPro] Re-export the components removed by mistake during bundle split (#4134) @flaviendelangle
Docs
- [docs] Fix links to prevent duplicate search result (#4130) @siriwatknp
- [docs] Fix outdated links to
localeTextConstants.ts(#4080) @patilvishal755 - [docs] Neglect e2e tests related to search (#4118) @siriwatknp
- [docs] Use regex instead of specific url in e2e-website-tests (#4121) @siriwatknp
Core
- [core] Enforce
noImplicitAny(#4084) @cherniavskii - [core] Improve the Pro support issue template (#4082) @oliviertassinari
- [core] Initialize remaining states before feature hooks (#4036) @m4theushw
- [core] Merge
pageandpageSizestate initializer into a singlepaginationstate initializer (#4087) @flaviendelangle - [core] Prepare
yarn docs:api:buildscripts for multi packages support (#4111) @flaviendelangle - [core] Upgrade
@mui/monorepo(#4149) @cherniavskii - [core] Use
buildWarningandwrapWithWarningOnCallfor deprecated methods and wrong usages (#4056) @flaviendelangle - [test] Make focus state out-of-sync warning opt-in (#4129) @m4theushw
- [test] Only test custom input keyboard event in edit mode (#4075) @alexfauquette
5.6.0
Mar 4, 2022
We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
-
📦 Use the same bundling scripts as those in the material-ui repository (#3965) @flaviendelangle
The code structure and the bundling strategy have been modified to provide better isolation between components. The bundle size is slightly reduced, but with tree shaking, the doors are open for significant gains in the future. 🏋 We predict that such modifications could potentially impact edge cases. If you encounter problems with your build, please open an issue. These issues will have high priority as part of our risk mitigation strategy.
-
🧼 Clean and document the column selectors (#4010) @flaviendelangle
Column selectors have been renamed to improve clarity. The old names have been deprecated and will be removed in v6. Here are the new names and the modifications needed to get the same information with the new selectors.
Old name New name allGridColumnsFieldsSelectorgridColumnFieldsSelectorallGridColumnsSelectorgridColumnDefinitionsSelectorvisibleGridColumnsSelectorgridVisibleColumnDefinitionsSelectorfilterableGridColumnsSelectorgridFilterableColumnDefinitionsSelector-const { all, lookup, columnVisibilityModel } = gridColumnsSelector(apiRef) +const all = gridColumnFieldsSelector(apiRef) +const lookup = gridColumnLookupSelector(apiRef) +const columnVisibilityModel = gridColumnVisibilityModelSelector(apiRef) -const filterableFields = filterableGridColumnsIdsSelector(apiRef); +const lookup = gridFilterableColumnLookupSelector(apiRef); +const filterableFields = gridColumnFieldsSelector(apiRef).filter(field => lookup[field]); -const visibleColumnsNumber = visibleGridColumnsLengthSelector(apiRef); +const visibleColumnsNumber = gridVisibleColumnDefinitionsSelector(apiRef).length; -const { totalWidth, positions } = gridColumnsMetaSelector(apiRef); +const totalWidth = gridColumnsTotalWidthSelector(apiRef); +const positions = gridColumnPositionsSelector(apiRef); -
📚 Documentation improvements
-
🐞 Bug and typo fixes
@mui/x-data-grid@v5.6.0 / @mui/x-data-grid-pro@v5.6.0
Changes
- [DataGrid] Add slot for filter panel delete icon (#4069) @Hameezr
- [DataGrid] Add specific label for
linkOperator(#3915) @alexfauquette - [DataGrid] Allow for truncated and multiline content in grid cells (#3955) @DanailH
- [DataGrid] Allow to navigate between cells with keyboard once inside an
actionscolumn (#3375) @m4theushw - [DataGrid] Fix desynchronization between rows and header when sorting (#4058) @alexfauquette
- [DataGrid] Clean and document the columns selector (#4010) @flaviendelangle
- [DataGrid] Deprecate and stop typing the api params of
GridCellParams/GridValueGetterParamsand affiliated (#4089) @ flaviendelangle - [DataGrid] Differentiate the Pro and Community versions of
GridState,GridApiandGridApiRef(#3648) @flaviendelangle - [DataGrid] Fix column selection for print export (#3917) @alexfauquette
- [DataGrid] Fix horizontal scroll not working on empty grid (#3821) @cherniavskii
- [DataGrid] Fix input element in custom header (#3624) @alexfauquette
- [DataGrid] Improve
singleSelectfilter performance (#3956) @cherniavskii - [DataGrid] Improve custom overlay slots positioning (#3832) @cherniavskii
- [DataGrid] Improve
fleximplementation match the W3C standard (#4006) @cherniavskii - [DataGrid] Improve the invalid
sortModelandfilterModelwarnings (#3671) @flaviendelangle - [DataGrid] Memoize
Poppermodifiers passed to panel (#3975) @m4theushw - [DataGrid] Prevent focus while
Popperis not fully positioned (#4067) @m4theushw - [DataGrid] Remove
GridCell'sborderBottomwhen it is the last row (#3519) @DanailH - [DataGrid] Remove padding from the header title (#3691) @valenfv
- [DataGrid] Reuse previous
rowNodewhen building tree and the newrowNodeis equal to the previous one (#3961) @flaviendelangle - [DataGrid] Remove last filter item when no value to clean and close the filter panel (#3910) @alexfauquette
- [DataGrid] Send warning when the
rowCountis not provided while using server pagination (#3902) @alexfauquette - [DataGrid] Stop checkbox ripple on blur (#3835) @m4theushw
- [DataGrid] Stop calling
onRowClickwhen clicking in cells with interactive elements (#3929) @m4theushw - [DataGrid] Use only
headerNamewhen available to search column (#3959) @pkratz - [DataGrid] Use the bundling scripts as the packages published by the https://github.com/mui/material-ui repository (#3965) @flaviendelangle
- [DataGridPro] Add
unstable_setRowHeightmethod toapiRef(#3751) @cherniavskii - [DataGridPro] Always export the
pageSizeandpagewhen it has been initialized or is being controlled (#3908) @flaviendelangle - [DataGridPro] Disable export for detail panel column (#4057) @gustavhagland
- [DataGridPremium] Support
valueFormatteron the grouping column (#4022) @flaviendelangle - [l10n] Improve Bulgarian (bg-BG) locale (#3949) @DanailH
- [l10n] Improve German (de-DE) locale (#4077) @sebastianfrey
- [l10n] Improve Hebrew (he-IL) locale (#3930) @ColdAtNight
Docs
- [docs] Add example of custom operator based on built-in ones (#3911) @flaviendelangle
- [docs] Add missing words in the filtering page (#4079) @flaviendelangle
- [docs] Avoid crash in demos using row grouping and custom formatted cells (#4065) @m4theushw
- [docs] Fix
CommodityandEmployeeCSV export of thecountrycolumn (#3912) @DanailH - [docs] Fix links to the GitHub repository (#4005) @oliviertassinari
- [docs] Fix typo (#3923) @oliviertassinari
- [docs] Fix typo (#4016) @MathisBurger
- [docs] Fix typo in client-side validation example (#4066) @krallj
- [docs] Remove useless hide id column (#4021) @alexfauquette
Core
- [core] Allows to add custom export item (#3891) @alexfauquette
- [core] Remove the
_modules_folder (#3953) @flaviendelangle - [core] Fix typo in
useGridScroll.ts(#3973) @HexM7 - [core] Fix typos, improve wordings and other various fixes (#4062) @flaviendelangle
- [core] Initialize states before feature hooks (#3896) @m4theushw
- [code] Make
@mui/x-data-grid-proimport shared code from@mui/x-data-grid(#3688) @flaviendelangle - [core] Migrate
@mui/x-license-proto the new bundling strategy (#3738) @flaviendelangle - [core] Reduce usage of
useGridSelectorinside feature hooks (#3978) @flaviendelangle - [core] Retry l10n CI if 502 returned (#3977) @alexfauquette
- [core] Update release instructions (#3920) @cherniavskii
- [core] Use international locale format (#3921) @oliviertassinari
- [core] Fix license generating script (#4055) @Janpot
- [test] Add screenshot of the filter panel (#4072) @alexfauquette
- [test] Reduce memory usage to run unit tests (#4031) @m4theushw
- [test] Skip test on Firefox (#3926) @m4theushw
5.5.1
Feb 10, 2022
A big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
-
🎛 Add props to customize the behavior of the filter panel (#3497) @alexfauquette
<DataGrid componentsProps={{ filterPanel: { columnsSort: 'asc' }, }} />Check the documentation to see all available props.
-
📚 Documentation improvements
-
🐞 Bugfixes
@mui/x-data-grid@v5.5.1 / @mui/x-data-grid-pro@v5.5.1
- [DataGrid] Add
debounceMsoption tosetEditCellValuemethod (#3825) @m4theushw - [DataGrid] Allow to translate
checkboxSelectionlabels (#3846) @m4theushw - [DataGrid] Customize the filter panel with props (#3497) @alexfauquette
- [DataGrid] Fix filtering of string columns for
value = 0(#3843) @flaviendelangle - [DataGrid] Fix focus when
blurevent rerenders the grid (#3718) @alexfauquette - [DataGridPro] Add clear error when the tree data has duplicated paths (#3840) @flaviendelangle
- [DataGridPro] Avoid imports from
@mui/base(#3903) @cherniavskii - [DataGridPro] Register column pinning after selection (#3887) @m4theushw
- [l10n] Improve Turkish (tr-TR) locale (#3842) @atillaaliyev
Docs
- [docs] Update v5 migration docs (#3847) @oliviertassinari
- [docs] Fix sorting feature link (#3877) @alexfauquette
- [docs] Migrate content to the new location (#3730) @siriwatknp
- [docs] Unify multi-filtering introduction with the multi-sorting introduction (#3766) @flaviendelangle
- [docs] Move row grouping to Premium plan (#3827) @alexfauquette
- [docs] Reorganize export docs to prepare Excel export doc (#3822) @alexfauquette
Core
- [core] Add hook
useGridPaginationto callonGridPageandonGridPageSize(#3880) @flaviendelangle - [core] Fix docs deploy script (#3874) @oliviertassinari
- [core] Move the git repository to a new location (#3872) @oliviertassinari
- [test] Add
codecov(#3873) @oliviertassinari
5.5.0
Feb 3, 2022
A big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
-
🎁 Add support for master/detail (#3387) @m4theushw
-
🌍 Add Danish (da-DK) locale (#3800) @kasperfilstrup
-
📚 Documentation improvements
-
🐞 Bugfixes
@mui/x-data-grid@v5.5.0 / @mui/x-data-grid-pro@v5.5.0
Changes
- [DataGrid] Add methods to import and export the state (#3593) @flaviendelangle
- [DataGrid] Fix PageUp jumping directly to the column header skipping the first row (#3761) @cherniavskii
- [DataGrid] Throw an error if incorrect column type is used (#3757) @DanailH
- [DataGridPro] Add support for master/detail (#3387) @m4theushw
- [l10n] Add Danish (da-DK) locale (#3800) @kasperfilstrup
- [l10n] Improve Dutch (nl-NL) locale (#3724) @MatthijsKok
- [l10n] Improve Hebrew (he-IL) locale (#3775) @ColdAtNight
- [l10n] Improve Russian (ru-RU) locale (#3818) @Leniorko
Docs
- [docs] Add default value for
Rowslot (#3807) @cherniavskii - [docs] Extend full width (#3815) @m4theushw
- [docs] Fix country column sorting not working (#3740) @cherniavskii
- [docs] Fix custom render cell when row is auto generated (#3810) @alexfauquette
- [docs] Fix flag layout shift (#3773) @oliviertassinari
- [docs] Mention row
idrequirement and documentgetRowIdprop (#3765) @cherniavskii - [docs] Refresh the license key documentation (#3529) @oliviertassinari
Core
- [core] Clean
filtering.DataGrid.test.tsx(#3768) @flaviendelangle - [core] Improve GitHub label workflows (#3680) @DanailH
- [core] Isolate selectors called without
useGridSelector(#3774) @m4theushw - [core] Prepare infra for pickers migration (#3714) @flaviendelangle
- [core] Remove none code related instructions from git (#3794) @oliviertassinari
- [core] Remove remaining usages of
@mui/styles(#3769) @m4theushw - [core] Remove Stylelint (#3811) @m4theushw
- [core] Split cell / row editing into different hooks (#3219) @m4theushw
- [core] Stop using an enum for
GridPreProcessingGroup(#3798) @flaviendelangle - [core] Fix failing tests (#3817) @cherniavskii
- [code] Fix
docs:apisilent crash (#3808) @cherniavskii - [test] Increase timeout for Firefox (#3813) @m4theushw
5.4.0
Jan 28, 2022
A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
-
🚣 Introduce variable row height (#438) @DanailH
Allows for setting a row-specific height. By default, all rows have the same height, but now you can set the height on a per-row basis.
<DataGrid getRowHeight={({ id }: GridRowHeightParams) => (id % 2 === 0 ? 100 : null)} /> -
🎁 Add new CSV export option:
getRowsToExport(#3687) @flaviendelangle -
📚 Documentation improvements
-
🐞 Bugfixes
@mui/x-data-grid@v5.4.0 / @mui/x-data-grid-pro@v5.4.0
Changes
- [DataGrid] Add l10n support for
is any of(#3746) @alexfauquette - [DataGrid] Add new CSV
getRowsToExportoption (#3687) @flaviendelangle - [DataGrid] Clean params of
onCellEditCommit(#3693) @valenfv - [DataGrid] Create a new lookup with all the filtered rows, collapsed or not (#3736) @flaviendelangle
- [DataGrid] Fix Alt+c being ignored on some systems (#3660) @cherniavskii
- [DataGrid] Fix
isRowSelectablewhenpaginationMode='server'(#3647) @flaviendelangle - [DataGrid] Fix browser keyboard shortcuts not working when header cell is focused (#3692) @valenfv
- [DataGrid] Fix focus on checkbox cells (#3501) @alexfauquette
- [DataGrid] Only update the visibility status of the updated columns when calling
apiRef.current.updateRows(#3735) @flaviendelangle - [DataGrid] Prevent commit if
preProcessEditCellPropsresolves with an error (#3612) @m4theushw - [DataGrid] Update selected rows when turning off
checkboxSelection(#3684) @m4theushw - [DataGrid] Variable row height (#3218) @DanailH
- [DataGridPro] Call
useGridColumnPinningbeforeuseGridColumns(#3676) @flaviendelangle - [DataGridPro] Fix grid cell losing focus when scrolling with keyboard (#3667) @cherniavskii
- [DataGridPro] Fix missing
styleOverrideson pinned columns (#3733) @alexfauquette - [DataGridPro] Remove function overloading for
useGridApiRef(#3666) @flaviendelangle - [l10n] Improve French (fr-FR) locale (#3739) @flaviendelangle
- [l10n] Improve Italian (it-IT) locale (#3744) @destegabry
Docs
- [docs] Fix broken code example on the localization page (#3742) @flaviendelangle
- [docs] Fix typo in column visibility example (#3734) @flaviendelangle
- [docs] Fix typo on
columnVisibilityModel(#3723) @alexfauquette - [docs] Improve sorting documentation page (#3564) @flaviendelangle
- [docs] Improve
v5.3.0release notes (#3722) @cherniavskii - [docs] Prepare scripts and E2E tests for migration (#3515) @siriwatknp
- [docs] Clarify what is the professional support (#3530) @oliviertassinari
Core
- [core] Add ESLint rule to force default export equals to filename in documentation (#3674) @alexfauquette
- [core] Fix
l10nscript not updatingcs-CZlocale (#3748) @cherniavskii - [core] Generate CHANGELOG from GitHub API (#3313) @alexfauquette
- [core] Isolate selectors from different grid instances (#3663) @m4theushw
- [test] Improve test detection (#3728) @m4theushw
- [test] Include module augmentation for Chai custom matchers (#3754) @m4theushw
- [test] Remove a useless
async(#3675) @alexfauquette - [test] Remove remaining
@ts-expect-error(#3762) @m4theushw - [test] Skip test on Firefox (#3752) @m4theushw
- [test] Wait for flags to load before creating snapshots (#3726) @m4theushw
- [test] Warn when focusing cells without syncing the state (#3486) @m4theushw
5.3.0
Jan 21, 2022
A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
-
🎁 Allow to group rows based on column value (#3277) @flaviendelangle
⚠️ This feature is temporarily available on the Pro plan until the release of the Premium plan.
To avoid future regression for users of the Pro plan, the feature needs to be explicitly activated using the rowGrouping experimental feature flag.
// To fully control <DataGridPro rowGroupingModel={rowGroupingModel} onRowGroupingModel={newModel => setRowGroupingModel(newModel)} experimentalFeatures={{ rowGrouping: true }} /> // To initialize without controlling <DataGridPro initialState={{ rowGrouping: { model: rowGroupingModel, }, }} experimentalFeatures={{ rowGrouping: true }} />For more details see the introduction blog post and documentation.
-
⚡ Add
is any offilter operator (#2874) @alexfauquetteThe new filter operator
is any ofallows the user to provide multiple values. It opens access to complex filtering pattern mixingANDandORlogic connectors, such asstatus is any of filled or rejected, and currency is any of EUR or USD.
-
✨ Introduce a
maxWidthproperty inGridColDef(#3550) @flaviendelangleYou can now limit the width of the flex columns and the resizable columns with the new
maxWidthproperty onGridColDef.const columns: GridColDef[] = [ { field: 'director', flex: 1, maxWidth: 200 }, // will take the free space up to 200px and will not be resizable above 200px { field: 'year', maxWidth: 150 }, // will not be resizable above 150px ]; -
🚀 Add component slots for a subset of used
@mui/materialcomponents (#3490) @DanailHTo make the grid more flexible we added component slots for base
@mui/materialcomponents that we use. Those component slots are prefixed withBaseto differentiate them from the other grid specific componentsFor more information check the documentation documentation.
-
🔥 Allow to pass
csvOptionsandprintOptionstotoolbarcomponent prop (#3623) @flaviendelangleconst CustomDataGrid = (props: DataGridProps) => { return ( <DataGrid {...props} componentsProps={{ toolbar: { csvOptions: { delimiter: ';' } } }} /> ); }; -
🙈 Add controlled behavior for the visible columns (#3554) @flaviendelangle
// To fully control <DataGrid columnVisibilityModel={columnVisibilityModel} onColumnVisilibilityModelChange={newModel => setColumnVisibilityModel(newModel)} /> // To initialize without controlling <DataGrid initialState={{ columns: { columnVisibilityModel } }} />See the documentation for more details.
The
hideproperty fromGridColDefstill works but has been deprecated. -
📚 Documentation improvements
-
🐞 Bugfixes
@mui/x-data-grid@v5.3.0 / @mui/x-data-grid-pro@v5.3.0
Changes
- [DataGrid] Add component slots for a subset of used
@mui/materialcomponents (#3490) @DanailH - [DataGrid] Add controlled behavior for the visible columns (#3554) @flaviendelangle
- [DataGrid] Add debounce to text input (#3617) @m4theushw
- [DataGrid] Add
is any offilter operator (#2874) @alexfauquette - [DataGrid] Allow to pass
csvOptionsandprintOptionstoGridToolbar(#3623) @flaviendelangle - [DataGrid] Disable
Hidebutton if there's only one visible column (#3607) @cherniavskii - [DataGrid] Fix line break characters breaking CSV rows (#3590) @cherniavskii
- [DataGrid] Fix potential memory leak warning (#3558) @m4theushw
- [DataGrid] Introduce a
maxWidthproperty inGridColDef(#3550) @flaviendelangle - [DataGrid] Make row editing work with
preProcessEditCellProps(#3562) @flaviendelangle - [DataGridPro] Export the column pinning selector (#3594) @flaviendelangle
- [DataGridPro] Keep row children expansion when updating the rows (#3604) @flaviendelangle
- [DataGridPro] Keep tree data grouping column width when regenerating the columns (#3603) @flaviendelangle
- [DataGridPremium] Allow to group rows based on column value (#3277) @flaviendelangle
- [l10n] Improve Finnish (fi-FI) locale (#3621) @MijMa
- [l10n] Improve Ukrainian (uk-UA) locale (#3586) @Neonin
- [l10n] Improve Czech (cs-CZ) and Slovak (sk-SK) locale (#3678) @Haaxor1689
Docs
- [docs] Add doc example for tree data children lazy loading (#3657) @flaviendelangle
- [docs] Fix typo exchanging
falseandtrueon columns hiding section (#3561) @alexfauquette - [docs] Improve filtering documentation page (#3437) @flaviendelangle
- [docs] Include header badges as in the other components (#3606) @oliviertassinari
- [docs] Lint markdown in the CI (#3504) @oliviertassinari
- [docs] Make inputs to extend full height of the cell (#3567) @m4theushw
- [docs] Add documentation page about the grid state (#3431) @flaviendelangle
- [docs] Replace
@mui/stylesinx-data-grid-generator(#3560) @m4theushw - [docs] Update usage of prop/property naming (#3649) @cherniavskii
Core
- [core] Log the output of the script (#3527) @oliviertassinari
- [core] Add ESLint rule to prevent direct state access (#3521) @m4theushw
- [core] Add language to markdown code block (#3651) @m4theushw
- [core] Add typing to the pre-processors methods (#3595) @flaviendelangle
- [core] Don't bump peer dependency ranges on dependency updates (#3646) @oliviertassinari
- [core] Rename more instances of Material UI to MUI (#3525) @oliviertassinari
- [core] Renovate should not try to update node (#3645) @oliviertassinari
- [core] Report performance test results on each PR (#3551) @m4theushw
- [core] Update monorepo (#3653) @m4theushw
- [core] Update
l10nissue with a single command line (#3588) @alexfauquette - [test] Wait for promise to resolve before expect (#3597) @m4theushw
- [test] Split cell/row editing tests (#3618) @m4theushw
- [test] Skip tests on Safari (#3679) @m4theushw
5.2.2
Jan 6, 2022
A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
- 🎁 Add
hideableoption toGridColDef(#3433) @m4theushw - ⚡ Add support for column-based
sortingOrderwith the newsortingOrderoption inGridColDef(#3449) @Quppa - ✨ Allow to initialize the
pageandpageSizewithout controlling them with theinitialStateprop (#3495) @flaviendelangle - 🙈 Allow to precisely control which children rows to expand with the new
isGroupExpandedByDefaultprop (#3444) @flaviendelangle - 🌍 Add Finnish (fi-FI) locale (#3485) @kurkle
- 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@v5.2.2 / @mui/x-data-grid-pro@v5.2.2
Changes
- [DataGrid] Add
hideableoption to GridColDef (#3433) @alexfauquette - [DataGrid] Add
sortingOrderto GridColDef (#3449) @Quppa - [DataGrid] Add the page and pageSize to the initialState prop (#3495) @flaviendelangle
- [DataGrid] Avoid re-render when pressing key inside already focused cell (#3484) @m4theushw
- [DataGrid] Close other actions menus when opening a new one (#3492) @m4theushw
- [DataGrid] Deprecate
getValueparam from the cell and row params (#3369) @flaviendelangle - [DataGrid] Fix value parsing in date input (#3307) @alexfauquette
- [DataGrid] Fix can't enter 0 on numeric column (#3491) @m4theushw
- [DataGrid] Fix scrolling bug when an action is focused (#3483) @alexfauquette
- [DataGrid] Remove
line-heightfromGridCell(#3446) @DanailH - [DataGridPro] Block edition for auto-generated rows (#3547) @flaviendelangle
- [DataGridPro] Expose the field of the tree data grouping column as a constant (#3549) @flaviendelangle
- [DataGridPro] Fix resizing of right pinned columns (#3502) @m4theushw
- [DataGridPro] Add new prop
isGroupExpandedByDefault(#3444) @flaviendelangle - [l10n] Add Finnish (fi-FI) locale (#3485) @kurkle
- [l10n] Improve French (fr-FR) locale (#3494) @Zenoo
- [l10n] Improve Italian (it-IT) locale (#3452) @destegabry
- [l10n] Improve Vietnamese (vi-VN) locale (#3493) @hckhanh
Docs
- [docs] Generate imports dynamically from the packages export list (#3488) @flaviendelangle
- [docs] Make demos compatible with
preProcessEditCellProps(#3453) @m4theushw
Core
- [test] Add test for row checkbox toggling using the Space key (#3262) @alexfauquette
- [core] Increase CI efficiency (#3441) @oliviertassinari
- [core] Refactor sorting comparator (#3390) @flaviendelangle
- [core] Update dependency on the core (#3526) @oliviertassinari
- [core] Update tweet example in release readme (#3481) @DanailH
5.2.1
Dec 17, 2021
A big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
- 🖨️ Improve the print export to break the pages correctly (#3302) @flaviendelangle
- 🎁 Add
pinnableoption toGridColDef(#3425) @m4theushw - 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@v5.2.1 / @mui/x-data-grid-pro@v5.2.1
Changes
- [DataGridPro] Add
pinnableoption (#3425) @m4theushw - [DataGridPro] Avoid filtering columns if no column is pinned (#3438) @m4theushw
- [DataGrid] Avoid page break inside a row in the Print Export (#3302) @flaviendelangle
- [DataGrid] Fix
GridEditDateCellto handleeditRowsModelcorrectly (#3267) @alexfauquette - [DataGrid] Refactor keyboard/click event management (#3275) @alexfauquette
- [DataGrid] Fire change event when the state changes, instead of when the prop changes (#3388) @flaviendelangle
- [DataGrid] Unsubscribe event listeners registered in uncommitted renders (#3310) @m4theushw
- [DataGrid] Rework state update methods and deprecate
useGridApianduseGridState(#3325) @flaviendelangle - [l10n] Improve German (de-DE) locale (#3430) @sebastianfrey
- [l10n] Improve Hebrew (he-IL) locale (#3445) @ColdAtNight
- [l10n] Improve Dutch (nl-NL) locale (#3429) @jaapjr
Docs
- [docs] Improve pagination documentation page (#3424) @flaviendelangle
- [docs] Include @mui/x-data-grid as dependency in the CodeSandbox (#3396) @m4theushw
- [docs] Stop using TypeDoc to generate the API documentation (#3320) @flaviendelangle
- [docs] Remove column pinning from "Upcoming features" (#3443) @alexfauquette
Core
- [core] Add sections to some of the feature hooks (#3391) @flaviendelangle
- [core] Generate exports snapshot for both
x-data-gridandx-data-grid-propackages (#3427) @flaviendelangle - [core] Remove 'x-data-grid' folder from DataGridPro bundle (#3394) @m4theushw
- [core] Add link to OpenCollective (#3392) @oliviertassinari
5.2.0
Dec 9, 2021
A big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
@mui/x-data-grid@v5.2.0 / @mui/x-data-grid-pro@v5.2.0
-
🚀 Introduce the column pinning feature (#2946) @m4theushw
-
🔥 Add ability to disable export options (#3270) @alexfauquette
You can disable either export options by setting
disableToolbarButtontotrue.<GridToolbarExport csvOptions={{ disableToolbarButton: true }} /><GridToolbarExport printOptions={{ disableToolbarButton: true }} /> -
🙈 Add a new option to hide the amount of descendant on the grouping cells of the Tree Data (#3368) @flaviendelangle
<DataGridPro treeData rows={rows} columns={columns} groupingColDef={{ hideDescendantCount }} /> -
⚠️ Deprecate the
getValueparam for thevalueGettercallback (#3314) @flaviendelangleInstead, you can access directly the row in the params
-valueGetter: (params) => `${params.getValue(params.id, 'firstName') || ''} ${params.getValue(params.id, 'lastName') || ''}` +valueGetter: (params) => `${params.row.firstName || ''} ${params.row.lastName || ''}` -
📚 Documentation improvements
-
🐞 Bugfixes
Changes
- [DataGridPro] Add column pinning (#2946) @m4theushw
- [DataGridPro] Add
hideDescendantCountoption to Tree Data (#3368) @flaviendelangle - [DataGridPro] Do not expand row children with Shift + Space (#3380) @flaviendelangle
- [DataGridPro] Pass a list of
fieldsto the callback version ofgroupingColDef(#3316) @flaviendelangle - [DataGrid] Deprecate the
getValueparam for thevalueGettercallback (#3314) @flaviendelangle - [DataGrid] Add ability to disable export options (#3270) @alexfauquette
- [DataGrid] Filter value are conserved when possible (#3198) @alexfauquette
- [DataGrid] Fix
DatePickerbug by limiting years to 4 digits (#3222) @alexfauquette - [DataGrid] Fix column menu position when closing (#3289) @m4theushw
- [DataGrid] Fix to not crash when a sort item uses a non-existing column (#3224) @flaviendelangle
- [DataGrid] Type the
apiparam in callback interfaces (#3315) @flaviendelangle
Docs
- [docs] Always use auto-generated
apiRefdocumentation (#3266) @flaviendelangle - [docs] Avoid 301 links (#3329) @oliviertassinari
- [docs] Disable the ad when not MIT (#3334) @oliviertassinari
- [docs] Fix 404 link to Zendesk @oliviertassinari
- [docs] Fix dead link on the overview page (#3326) @flaviendelangle
- [docs] Fix double MUI in the title (#3332) @oliviertassinari
- [docs] Fix duplicate "the" (#3365) @noam-honig
- [docs] Update branch to deploy docs (#3321) @m4theushw
Core
- [core] Add funding field (#3331) @oliviertassinari
- [core] Fix missing LICENSE file (#3330) @oliviertassinari
- [core] Fix release month in CHANGELOG (#3367) @m4theushw
- [core] Fix
yarn prettierscript (#3292) @oliviertassinari - [core] Improve tests for Tree Data (#3366) @flaviendelangle
- [core] Never import directly from the
__modules__folder in thex-data-grid-generatorpackage (#3379) @flaviendelangle - [core] Transition to a new Stack Overflow tag (#3308) @oliviertassinari
- [core] Update monorepo (#3370) @flaviendelangle
- [core] Use pre-processors for sorting and filtering (#3318) @flaviendelangle
- [test] Replace
useFakeTimers(#3323) @m4theushw
5.1.0
Dec 2, 2021
A big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
@mui/x-data-grid@v5.1.0 / @mui/x-data-grid-pro@v5.1.0
-
🚀 Introduce the tree data feature (#2725) @flaviendelangle
-
💅 Add support for
sxprop in the DataGrid and DataGridPro (#3281) @m4theushw -
🔦 Improve focus management in the filter panel (#3004) @alexfauquette
-
🎁 Add strict typing to the event publisher and listener (#3022) (@flaviendelangle)
The
apiRef.current.subscribeEvent,apiRef.current.publishEventanduseGridApiEventHandlerare now fully typed and gives you the correct arguments based on the event you are listening to or emitting.const handleRowClick: GridEventListener<'rowClick'> = ( params, // has type `GridRowParams` event, // has type `MuiEvent<React.MouseEvent<HTMLElement>> details, // has type `GridCallbackDetails ) => { /* ... */ }; // with string event name apiRef.current.subscribeEvent('rowClick', handleRowClick); useGridApiEventHandler(apiRef, 'rowClick', handleRowClick); // or with enum event name apiRef.current.subscribeEvent(GridEvents.rowClick, handleRowClick); useGridApiEventHandler(apiRef, GridEvents.rowClick, handleRowClick); -
🌎 Translation updates for many locales
If you are using DataGrid or DataGridPro in another language, check this issue to discover which translations are missing.
-
📚 Documentation improvements
-
🐞 Bugfixes
Changes
- [DataGridPro] Add tree data (#2725) @flaviendelangle
- [DataGridPro] Remove the callback version of the
groupigColDefprop (#3317) @flaviendelangle - [DataGridPro] Improve license file (#3278) @oliviertassinari
- [DataGridPro] Add types for event publishers and listeners (#3022) @flaviendelangle
- [DataGrid] Add support for
sxprop (#3281) @m4theushw - [DataGrid] Do not debounce the initial resizing of the grid (#3213) @flaviendelangle
- [DataGrid] Fix usage of dynamic columns (#3204) @flaviendelangle
- [DataGrid] Move focus when selecting option with Enter in the
singleSelect(#3220) @m4theushw - [DataGrid] Focus on the last value input when a filter is added or removed (#3004) @alexfauquette
- [DataGrid] Prepare the tree structure for grouping sorting / filtering (#3301) @flaviendelangle
- [DataGrid] Rework keyboard navigation (#3193) @flaviendelangle
- [DataGrid] Set minimum dimensions to
GridOverlaywhen no row is provided (#3261) @flaviendelangle - [DataGrid] Improve German (de-DE) locale (#3271, #3230, #3293) @sebastianfrey
- [DataGrid] Improve Hebrew (he-IL) locale (#3294) @ColdAtNight
- [DataGrid] Improve Russian (ru-RU) locale (#3290, #3288) @Alim-El
- [DataGrid] Improve Korean (ko-KR) locale (#3232, #3273) @zzossig
- [DataGrid] Improve Greek (el-GR) locale (#3169) @clytras
Core
- [core] Add script to sync translation files (#3201) @m4theushw
- [core] Create dedicated
InputComponentforsingleSelectanddatecolumns #3227 @alexfauquette - [core] Fix
EventManagerto not run listeners removed after registration #3206 @flaviendelangle - [core] Group Renovate updates (#3263) @flaviendelangle
- [core] Reflect the change of default branch (#3235) @oliviertassinari
- [core] Replace @mui/core with @mui/base (#3217) @m4theushw
- [core] Split docs generation script (#3189) @flaviendelangle
- [core] Update monorepo (#3303) @m4theushw
- [test] Improve testing of the keyboard navigation (#3187) @flaviendelangle
- [test] Force effect to run on location change (#3283) @m4theushw
- [core] Rework columns state management (#3264) @flaviendelangle
Docs
- [docs] Improve demo to allow to experiment with
autoHeight(#3216) @alexfauquette - [docs] Fix broken images (#3300) @oliviertassinari
- [docs] Fix the wrong release date (#3269) @DanailH
- [docs] Fix typo in CHANGELOG.md (#3214) @gjoseph
- [docs] Improve plan icon placement (#3298) @oliviertassinari
- [docs] Improve rows documentation (#3209) @flaviendelangle
- [docs] Include row pinning (#3191) @oliviertassinari
- [docs] Fix presentation of key combinations (#3297) @oliviertassinari
- [docs] Replace @mui/styles on demos (#3274) @m4theushw
- [docs] Add demos using cell/row editing with server-side persistence (#3124) @flaviendelangle
- [docs] Use relative links (#3299) @oliviertassinari
5.0.1
Nov 23, 2021
A big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
-
🎁 New API to validate the editing values (#3006) @m4theushw
You can now use the
preProcessEditCellPropskey inGridColDefto synchronously or asynchronously validate the values committed.const columns: GridColDef[] = [ { field: 'firstName', preProcessEditCellProps: (params: GridEditCellPropsChangeParams) => { const hasError = params.props.value.length < 3; return { ...params.props, error: hasError }; }, }, { field: 'email', preProcessEditCellProps: async (params: GridEditCellPropsChangeParams) => { const userWithEmail = await fetchUserByEmail(params.value); const hasError = !!userWithEmail; return { ...params.props, error: hasError }; }, }, ]; -
✨ New method
getRootDimensionsto access the size of the grid (#3007) @flaviendelangleIt contains the size of the viewport (which is the scrollable container containing the rows and columns) considering scrollbars or not.
const dimensions = apiRef.current.getRootDimensions();
@mui/x-data-grid@v5.0.1 / @mui/x-data-grid-pro@v5.0.1
- [DataGrid] New API to validate the editing values (#3006) @m4theushw
- [DataGrid] Use color-scheme to set dark mode on native components (#3146) @alexfauquette
- [DataGrid] Fix the
@mui/x-data-gridtype entrypoint (#3196) @flaviendelangle
Docs
- [docs] Move sentence about disabling multi rows selection (#3167) @alexfauquette
Core
- [core] Drop
useGridContainerProps(#3007) @flaviendelangle - [core] Move
getRowIdFromRowIndexandgetRowIndexto the sorting API (#3126) @flaviendelangle - [core] Polish v5 CHANGELOG (#3194) @oliviertassinari
- [core] Remove the
index.tsof the export hooks (#3165) @flaviendelangle - [core] Set the correct release date for v5.0.0 in the CHANGELOG.md (#3192) @flaviendelangle
5.0.0
Nov 23, 2021
🎉 We are excited to introduce MUI X v5.0.0 🎉!
If you want to migrate the DataGrid or DataGridPro from v4 to v5, take a look at the migration guide.
This version is fully compatible with @mui/material@5.X and can be used with @material-ui/core@4.x with some additional steps.
A big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- ⌨️ Enhance keyboard navigation when pagination is enabled
- 👁 Better support for flex columns
- 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@v5.0.0 / @mui/x-data-grid-pro@v5.0.0
Breaking changes
-
[DataGrid] The following CSS classes were renamed to follow the internal convention:
MuiDataGrid-columnsContainerwas renamed toMuiDataGrid-columnHeadersMuiDataGrid-columnHeaderWrapperwas renamed toMuiDataGrid-columnHeadersInner- The
scrollclass applied toMuiDataGrid-columnHeaderWrapperwas renamed toMuiDataGrid-columnHeadersInner--scrollable
-
[DataGrid] The
props.components.Checkboxandprops.componentsProps.checkboxprops were renamed toprops.components.BaseCheckboxandprops.componentsProps.baseCheckboxrespectively.As a first step for #3066, these slots were renamed to clearly indicate that they are meant to replace a core component.
<DataGrid components={{ - checkbox: MyCustomCheckbox, + BaseCheckbox: MyCustomCheckbox, }} componentsProps={{ - checkbox: {}, + baseCheckbox: {}, }} />Note: these changes apply to both the
DataGridandDataGridProcomponents.
Changes
- [DataGrid] Block multi-rows updates in
apiRef.current.updateRowson the Community plan (#3095) @flaviendelangle - [DataGrid] Fix filter not working after deleting the value (#3018) @m4theushw
- [DataGrid] Fix performance regression when selecting 100k rows (#3077) @m4theushw
- [DataGrid] Fix
apiRef.current.updateRowsto not share rows from other instances (#3127) @m4theushw - [DataGrid] Fix flex space allocation to not cause a horizontal scroll when there is enough space (#3099) @flaviendelangle
- [DataGrid] Improve the filter panel behaviors (#3080) @flaviendelangle
- [DataGrid] Fix keyboard navigation between column headers and rows when not on the first page (#3086) @flaviendelangle
- [DataGrid] Fix keyboard navigation between rows when not on the first page (#3074) @flaviendelangle
- [DataGrid] Prevents bubbling in menu header (#3000) @alexfauquette
- [DataGrid] Remove unused rendering state and selectors (#3133) @flaviendelangle
- [DataGrid] Rename
Checkboxcomponent and props slots toBaseCheckbox(#3142) @DanailH
Core
- [core] Adapt changelog script to GitHub DOM modification (#3087) @alexfauquette
- [core] Automatically close issues that are incomplete and inactive (#3029) @oliviertassinari
- [core] Improve the typing of
LicenseStatus(#3141) @Himself65 - [core] Make
useGridColumnsPreProcessinggeneric (#3092) @m4theushw - [core] Move column headers virtualization to hook (#3078) @m4theushw
- [core] Move virtualization logic to hook (#3079) @m4theushw
- [core] Rename directories to match new packages new names (#3088) @flaviendelangle
- [core] Replace
createClientRenderwith newcreateRendererAPI (#3125) @flaviendelangle - [core] Store the event manager in a key of
GridApiinstead of making the wholeGridApiextend it (#3069) @flaviendelangle - [core] Update monorepo (#3139) @m4theushw
- [core] Use
unstable_prefix instead ofunsafe_for private APIs (#3090) @flaviendelangle - [core] Use official MUI repo as monorepo (#3084) @m4theushw
Docs
- [docs] Fix broken example in the component slot example (#3123) @Himself65
- [docs] Fix inline previews (#3081) @DanailH
- [docs] Fix the client-side validation link clarity (#3100) @oliviertassinari
- [docs] Improve
rowCountCSS class description (#3072) @ZeeshanTamboli - [docs] Use core repo constants for doc internationalization (#3143) @flaviendelangle
5.0.0-beta.7
Nov 4, 2021
- 💅 Reduce styles specificity to make simpler to override (#3012) @DanailH
- 🌍 Add Hebrew (he-IL) locale (#3028) @ColdAtNight
- 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@v5.0.0-beta.7 / @mui/x-data-grid-pro@v5.0.0-beta.7
Breaking changes
-
[core] Prefix selectors from
useGridContainerPropswithunsafe(#3002) @flaviendelangleThe dimension API is being temporarily made private to allow to clean it in future minor releases. The current approach causes useless re-renders. If you relay on any of these selectors, open an issue explaining the use case so that will be taken into account when refactoring them.
The following selectors were prefixed by
unstable_. Use the provided alternatives.gridContainerSizesSelectorwas renamed tounstable_gridContainerSizesSelectorgridViewportSizesSelectorwas renamed tounstable_gridViewportSizesSelectorgridScrollBarSizeSelectorwas renamed tounstable_gridScrollBarSizeSelector
The following selectors were removed. You can hard-code their logic in your application if you really need them.
gridDataContainerSizesSelector
const dataContainerSizes = gridContainerSizesSelector(state)?.dataContainerSizes ?? null;gridDataContainerHeightSelector
const dataContainerHeight = gridContainerSizesSelector(state)?.dataContainerSizes.height ?? null;The selector
gridViewportSizeStateSelectorwas a duplicate and has been removed, you can use the selectorunstable_gridViewportSizesSelectorinstead.
Changes
- [DataGrid] Add Hebrew (he-IL) locale (#3028) @ColdAtNight
- [DataGrid] Move virtualization logic to hook (#3079) @m4theushw
- [DataGrid] Revert year change in the MIT license (#3059) @oliviertassinari
- [DataGrid] Fix filtering of nullish numeric cells (#3070) @flaviendelangle
- [DataGrid] Improve performance when selecting 100k rows (#3077) @m4theushw
- [DataGrid] Fix
GridEditDateCellto handle timezone correctly (#2918) @flaviendelangle - [DataGrid] Fix keyboard navigation on page > 0 (#3074) @flaviendelangle
- [DataGrid] Prevents bubbling in menu header (#3000) @alexfauquette
- [DataGrid] Fix wrong params provided to
cellModeChangewhensetCellModeis called (#3025) @flaviendelangle
Core
- [core] Adapt
useDemoDatafor Tree Data (#2978) @flaviendelangle - [core] Group update of MUI Core (#3055) @oliviertassinari
- [core] Ignore
*.tsbuildinfofiles (#3068) @m4theushw - [core] Implement tree-based row management (#2996) @flaviendelangle
- [core] Invert Codesandbox examples on README (#3073) @flaviendelangle
- [core] Prefix selectors from
useGridContainerPropswithunsafe(#3002) @flaviendelangle - [core] Reduce
setGridStateandapplyFilterscall when updatingfilterModel(#3023) @flaviendelangle - [core] Reduce styles complexity (#3012) @DanailH
- [core] Upgrade monorepo (#3067) @m4theushw
- [core] Use official MUI repo as monorepo (#3084) @m4theushw
- [test] Retry each expect until success (#3027) @m4theushw
- [core] Adapt changelog script to new GitHub DOM (#3087) @alexfauquette
Docs
- [docs] Explain how to use
valueGetterto transform type (#3003) @alexfauquette - [docs] Fix the outdated demo of the docs (#3058) @oliviertassinari
- [docs] Fix inline previews #3081) @DanailH
5.0.0-beta.6
Oct 29, 2021
A big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- ✨ Allow
valueOptionsfromGridColDefto accept a function (#2850) @alexfauquette - 💅 Prefix undocumented
apiRefmethods withunsafe_(#2985) @flaviendelangle - 👁 Unify filtering, sorting, and rows selectors names (#2942) @flaviendelangle
- 💡 Support style overrides added in the theme (#2995) @DanailH
- 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@v5.0.0-beta.6 / @mui/x-data-grid-pro@v5.0.0-beta.6
Breaking changes
-
[DataGridPro] The following methods from
apiRefwere renamed. Use the provided alternatives. (#2870) @flaviendelangleapiRef.current.applyFilterswas renamed toapiRef.current.unsafe_applyFiltersapiRef.current.applyFilterLinkOperatorwas renamed toapiRef.current.setFilterLinkOperatorapiRef.current.upsertFilterwas renamed toapiRef.current.upsertFilterItemapiRef.current.deleteFilterwas renamed toapiRef.current.deleteFilterItem
-
[DataGridPro] The
apiRef.current.applyFiltermethod was removed. (#2870) @flaviendelangle You should never have to call it directly since the filters are already applied when thefilterModelprop changes. To manually apply the filters, useapiRef.current.unsafe_applyFilters.-apiRef.current.applyFilter +apiRef.current.unsafe_applyFilters -
[DataGridPro] Rename filtering, sorting, and rows selectors to match the naming convention (#2942) @flaviendelangle
unorderedGridRowIdsSelectorwas renamed togridRowIdsSelectorsortingGridStateSelectorwas renamed togridSortingStateSelectorsortedGridRowIdsSelectorwas renamed togridSortedRowIdsSelectorvisibleSortedGridRowIdsSelectorwas renamed togridVisibleSortedRowIdsSelectorvisibleGridRowCountSelectorwas renamed togridVisibleRowCountSelectorfilterGridColumnLookupSelectorwas renamed togridFilterActiveItemsSelector
-
[DataGridPro] The
sortedGridRowsSelectorwas renamed togridSortedRowEntriesSelector(#2942) @flaviendelangleThe return value was also changed as below:
-sortedGridRowsSelector: (state: GridState) => Map<GridRowId, GridRowModel> -const map = sortedGridRowsSelector(state); +gridSortedRowEntriesSelector: (state: GridState) => GridRowEntry[] +const map = new Map(gridSortedRowEntriesSelector(state).map(row => [row.id, row.model])); -
[DataGridPro] The
visibleSortedGridRowsSelectorwas replaced withgridVisibleSortedRowEntriesSelector(#2942) @flaviendelangleThe return value was also changed as below:
-visibleSortedGridRowsSelector: (state: GridState) => Map<GridRowId, GridRowModel>; -const map = visibleSortedGridRowsSelector(state); +gridVisibleSortedRowEntriesSelector: (state: GridState) => GridRowEntry[] +const map = new Map(gridVisibleSortedRowEntriesSelector(state).map(row => [row.id, row.model])); -
[DataGridPro] The
visibleSortedGridRowsAsArraySelectorwas replaced withgridVisibleSortedRowEntriesSelector(#2942) @flaviendelangleThe return value was also changed as below:
-visibleSortedGridRowsAsArraySelector: (state: GridState) => [GridRowId, GridRowData][]; +gridVisibleSortedRowEntriesSelector: (state: GridState) => GridRowEntry[] -
[DataGridPro] The
filterGridItemsCounterSelectorselector was removed. (#2942) @flaviendelangle UsegridFilterActiveItemsSelectoras replacement.-const filterCount = filterGridItemsCounterSelector(state); +const filterCount = gridFilterActiveItemsSelector(state).length; -
[DataGridPro] The
unorderedGridRowModelsSelectorselector was removed. (#2942) @flaviendelangle UseapiRef.current.getRowModelsorgridRowIdsSelectorandgridRowsLookupSelector.
Changes
- [DataGrid] Allow
valueOptionsto accept a function (#2850) @alexfauquette - [DataGrid] Add
overridesResolver(#2995) @DanailH - [DataGrid] Unify filtering, sorting, and rows selectors names (#2942) @flaviendelangle
- [DataGridPro] Prefix undocumented
apiRefmethods withunsafe_(#2985) @flaviendelangle
Docs
- [docs] Explain how to use MUI X v5 with MUI Core v4 (#2846) @m4theushw
- [docs] Generate docs for components (#2465) @m4theushw
- [docs] Improve
scrollEndThresholdAPI docs (#3001) @ZeeshanTamboli - [docs] Fix CodeSandbox and feature request templates (#2986) @flaviendelangle
Core
- [core] Add step for announcing the releases on Twitter (#2997) @DanailH
- [core] Apply all filters to a row before moving to the next one (#2870) @flaviendelangle
- [core] Change monorepo repository URL (#2983) @m4theushw
- [core] Clean Storybook examples (#2805) @flaviendelangle
- [core] Generate list of all grid exports (#2801) @flaviendelangle
- [core] Improve typing of
buildApi.ts(#2922) @flaviendelangle - [core] Add additional test for
checkboxSelectiontoggling (#2979) @flaviendelangle - [test] Fix flaky visual regression test (#2981) @m4theushw
5.0.0-beta.5
Oct 22, 2021
A big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 💅 Remove dependency on
@mui/stylesand use the same styling solution from MUI Core (#2784) @DanailH - ✨ Add support for generics in
GridRowParams,GridCellParamsandGridRenderCellParams(#2436) @ZeeshanTamboli - 👁 Rework the virtualization engine (#2673) @m4theushw
- 💡 Enhance internal code structure
- 🐞 Bugfixes
@mui/x-data-grid@v5.0.0-beta.5 / @mui/x-data-grid-pro@v5.0.0-beta.5
Breaking changes
-
The
DataGridandDataGridProno longer depends on@mui/styles. Usestyledto provide custom styling. (#2784) @DanailH-import { createTheme } from '@mui/material/styles'; -import { makeStyles } from '@mui/styles'; +import { styled } from '@mui/material/styles';The following CSS classes were renamed:
.MuiDataGrid-gridMenuListwas renamed to.MuiDataGrid-menuList.MuiGridToolbarContainer-rootwas renamed to.MuiDataGrid-toolbarContainer.MuiGridMenu-rootwas renamed to.MuiDataGrid-menu.MuiDataGridColumnsPanel-rootwas renamed to.MuiDataGrid-columnsPanel.MuiGridPanel-rootwas renamed to.MuiDataGrid-panel.MuiGridPanelContent-rootwas renamed to.MuiDataGrid-panelContent.MuiGridPanelFooter-rootwas renamed to.MuiDataGrid-panelFooter.MuiDataGridPanelHeader-rootwas renamed to.MuiDataGrid-panelHeader.MuiGridPanelWrapper-rootwas renamed to.MuiDataGrid-panelWrapper.MuiGridFilterForm-rootwas renamed to.MuiDataGrid-filterForm.MuiGridToolbarFilterButton-rootwas renamed to.MuiDataGrid-toolbarFilterList
-
[DataGrid] The CSS classes
.MuiDataGrid-windowand.MuiDataGrid-windowContainerwere removed (#2673) @m4theushwThe following CSS classes were renamed:
.MuiDataGrid-viewportwas renamed to.MuiDataGrid-virtualScroller.MuiDataGrid-dataContainerwas renamed to.MuiDataGrid-virtualScrollerContent.MuiDataGrid-renderingZonewas renamed to.MuiDataGrid-virtualScrollerRenderZone
-
[DataGrid] Remove the
useGridSlotComponentPropshook and replace it as below: (#2856) @flaviendelangle-const { apiRef, state, rootElement } = useGridSlotComponentProps(); +const apiRef = useGridApiContext(); +const [state] = useGridState(apiRef); +const rootElement = apiRef.current.rootElementRef; -
[DataGrid] Remove the
stateprop and use theinitialStateprop (#2848) @flaviendelangleNote that
initialStateonly allows thepreferencePanel,filter.filterModelandsort.sortModelkeys. To fully control the state, use the feature's model prop and change callback (e.g.filterModelandonFilterModelChange).<DataGrid - state={{ + initialState={{ preferencePanel: { open: true, openedPanelValue: GridPreferencePanelsValue.filters, }, }} /> -
[DataGridPro] Remove the
onViewportRowsChangeprop and theviewportRowsChangeevent (#2673) @m4theushwA listener on the
rowsScrollevent, as shown below, can be used to replace the prop:const apiRef = useGridApiRef(); const prevRenderContext = React.useRef(null); React.useEffect(() => { return apiRef.current.subscribeEvent('rowsScroll', ({ renderContext }) => { if ( !prevRenderContext.current || renderContext.firstRowIdx !== prevRenderContext.current.firstRowIndex || renderContext.lastRowIdx !== prevRenderContext.current.lastRowIndex ) { prevRenderContext.current = renderContext; const params = { firstRowIndex: renderContext.firstRowIndex, lastRowIndex: renderContext.lastRowIndex, }; } }); }, [apiRef]); <DataGridPro apiRef={apiRef} />;
Changes
- [DataGrid] Add
valueSetter(#2876) @m4theushw - [DataGrid] Add support for generic types in
GridRowParams,GridCellParams,GridRenderCellParams(#2436) @ZeeshanTamboli - [DataGrid] Fix
actionscolumn type to not select the row when clicking on an item (#2862) @m4theushw - [DataGrid] Fix column headers misalignment when the render context changes (#2937) @m4theushw
- [DataGrid] Rework virtualization (#2673) @m4theushw
- [DataGrid] Remove
@mui/stylesdependency (#2784) @DanailH - [DataGrid] Remove
useGridSlotComponentProps(#2856) @flaviendelangle - [DataGrid] Replace
prop.statewithprop.initialState(#2848) @flaviendelangle - [DataGrid] Use true content height to dispatch
rowsScrollEnd(#2938) @m4theushw - [DataGrid] Fix the typing of
GridToolbarFilterButton(#2841) @alexfauquette
Docs
- [docs] Improve the README for releases (#2908) @flaviendelangle
- [docs] Re-add Pro icon (#2928) @m4theushw
- [docs] Fix to not commit changes when clicking outside the cell (#2906) @ZeeshanTamboli
- [docs] Update link to Quick Filter issue (#2909) @m4theushw
Core
- [core] Small fixes on the Components page (#2877) @flaviendelangle
- [core] Make each feature hook responsible for its column pre-processing (#2839) @flaviendelangle
- [core] Add
useGridRowGroupsPreProcessinginternal hook (#2840) @flaviendelangle - [core] Register events async if not registered (#2916) @m4theushw
- [core] Remove
material-ui-utils.ts(#2872) @DanailH - [core] Remove outdated hooks requirements (#2939) @flaviendelangle
- [core] Remove test event (#2912) @m4theushw
- [core] Remove unused
GridSlotComponentPropsinterface (#2911) @flaviendelangle - [core] Rename 'UNSTABLE*' prefix to 'unstable*' (#2931) @flaviendelangle
- [core] Replace usage of
GridRowDatawithGridRowModel(#2936) @flaviendelangle - [core] Revert hardcoded typings (#2907) @DanailH
- [core] Simplify the CSV export (#2941) @flaviendelangle
- [core] Update monorepo version (#2927) @m4theushw
- [test] Take screenshot of the print export (#2881) @m4theushw
5.0.0-beta.4
Oct 14, 2021
A big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
-
🎁 Add the ability to print the grid (#2519) @DanailH
This new feature adds a button to the toolbar to generate a printer-friendly layout. Check the documentation about it.
-
💡 Enhance internal code structure
-
✨ New slots for
rowandcell(#2753) @m4theushw -
📚 Documentation improvements
-
🐞 Bugfixes
@mui/x-data-grid@v5.0.0-beta.4 / @mui/x-data-grid-pro@v5.0.0-beta.4
Breaking changes
-
[DataGrid] Remove unused event listeners and redundant DOM attributes on
GridCellandGridRow(#2810) @m4theushwThe following props were removed. If you depend on them, use
componentsProps.rowandcomponentsProps.cellto pass custom props to the row or cell.onCellBluronCellOveronCellOutonCellEnteronCellLeaveonRowOveronRowOutonRowEnteronRowLeave
For more information, check this page. Example:
-<DataGrid onRowOver={handleRowOver} />; +<DataGrid + componentsProps={{ + row: { onMouseOver: handleRowOver }, + }} +/>;The
data-rowindexanddata-rowselectedattributes were removed from the cell element. Equivalent attributes can be found in the row element.The
data-editableattribute was removed from the cell element. Use the.MuiDataGrid-cell--editableCSS class.The
data-modeattribute was removed from the cell element. Use the.MuiDataGrid-cell--editingCSS class. -
[DataGrid] The
state.filterandstate.visibleRowswere merged into a singlestate.filtersub-state (#2782) @flaviendelangleTo still access this information, use
state.filteror the selectors as below:-const filterModel = state.filter -const filterModel = gridFilterStateSelector(state) +const filterModel = state.filter.filterModel +const filterModel = gridFilterModelSelector(state) // preferred method -const visibleRowsLookup = state.visibleRows.visibleRowsLookup -const visibleRowsLookup = visibleGridRowsStateSelector(state).visibleRowsLookup +const visibleRowsLookup = state.filter.visibleRowsLookup +const visibleRowsLookup = gridVisibleRowsLookupSelector(state).visibleRowsLookup // preferred method -const visibleRows = state.visibleRows.visibleRows +const visibleRows = state.filter.visibleRows +const visibleRows = gridVisibleRowsLookupSelector(state).visibleRows // preferred method -
[DataGrid] The CSS classes constants are not exported anymore. Use
gridClassesinstead. (#2788) @flaviendelangle-const columnHeaderClass = GRID_COLUMN_HEADER_CSS_CLASS +const columnHeaderClass = gridClasses.columnHeader -const rowClass = GRID_ROW_CSS_CLASS +const rowClass = gridClasses.row -const cellClass = GRID_CELL_CSS_CLASS +const cellClass = gridClasses.cell -const columnSeparatorClass = GRID_COLUMN_HEADER_SEPARATOR_RESIZABLE_CSS_CLASS +const columnSeparatorClass = gridClasses['columnSeparator--resizable'] -const columnHeaderTitleClass = GRID_COLUMN_HEADER_TITLE_CSS_CLASS +const columnHeaderTitleClass = gridClasses.columnHeaderTitle -const columnHeaderDropZoneClass = GRID_COLUMN_HEADER_DROP_ZONE_CSS_CLASS +const columnHeaderDropZoneClass = gridClasses.columnHeaderDropZone -const columnHeaderDraggingClass = GRID_COLUMN_HEADER_DRAGGING_CSS_CLASS +const columnHeaderDraggingClass = gridClasses["columnHeader--dragging"] -
[DataGrid] Rename
gridCheckboxSelectionColDeftoGRID_CHECKBOX_SELECTION_COL_DEF(#2793) @flaviendelangle- gridCheckboxSelectionColDef + GRID_CHECKBOX_SELECTION_COL_DEF -
[DataGrid] The constants referring to the column types were removed (#2791) @flaviendelangle Replace them as below:
-const isColumnString = column.type === GRID_STRING_COLUMN_TYPE; +const isColumnString = col.type === 'string'; -const isColumnNumber = col.type === GRID_NUMBER_COLUMN_TYPE; +const isColumnNumber = col.type === 'number'; -const isColumnDate = col.type === GRID_DATE_COLUMN_TYPE; +const isColumnDate = col.type === 'date'; -const isColumnDateTime = col.type === GRID_DATETIME_COLUMN_TYPE; +const isColumnDateTime = col.type === 'dateTime'; -const isColumnBoolean = col.type === GRID_BOOLEAN_COLUMN_TYPE; +const isColumnBoolean = col.type === 'boolean'; -
[DataGrid] The state initializers were removed (#2782) @flaviendelangle
Use
getDefaultGridFilterModelinstead ofgetInitialGridFilterState:-const [filterModel, setFilterModel] = React.useState(getInitialGridFilterState); +const [filterModel, setFilterModel] = React.useState(getDefaultGridFilterModel);For the other methods, you can hardcode the value you want to apply:
-const [sortModel, setSortModel] = React.useState(() => getInitialGridSortingState().sortModel); +const [sortModel, setSortModel] React.useState([]); -getInitialGridColumnReorderState -getInitialGridColumnResizeState -getInitialGridColumnsState -getInitialGridRenderingState -getInitialGridRowState -getInitialGridState -getInitialVisibleGridRowsState -getInitialGridState
Changes
- [DataGrid] Add
rowandcellcomponent slots (#2753) @m4theushw - [DataGrid] Rename
gridCheckboxSelectionColDeftoGRID_CHECKBOX_SELECTION_COL_DEF(#2793) @flaviendelangle - [DataGrid] Clean hook folder structure and stop exporting internal hooks (#2789) @flaviendelangle
- [DataGrid] Add support for Print export (#2519) @DanailH
- [DataGrid] Remove internal localization and column type constant exports (#2791) @flaviendelangle
- [DataGrid] Remove
GridRowCellscomponent (#2811) @m4theushw - [DataGrid] Remove class constants exports (#2788) @flaviendelangle
- [DataGrid] Remove unused event listeners on
GridCellandGridRow(#2810) @m4theushw - [DataGrid] Fix the header selection checkbox to work with
prop.checkboxSelectionVisibleOnly(#2781) @flaviendelangle
Docs
- [docs] Add link to installation page (#2778) @MostafaKMilly
- [docs] Add redirect from docs home page to
DataGridhome page (#2737) @flaviendelangle - [docs] Fix JSX closing tag in
getActionsexample (#2847) @dstarner - [docs] Fix pagination in Ant Design demo (#2787) @ZeeshanTamboli
- [docs] Update the
pageprop docs (#2812) @m4theushw
Core
- [core] Update hooks to initialize their state synchronously (#2782) @flaviendelangle
- [core] Fix rollup external warnings (#2736) @eps1lon
5.0.0-beta.3
Oct 7, 2021
A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
- 🌎 Add Persian (fa-IR) locale (#2712) @devlifeX
- 🎁 Allow to select range of rows with Shift + click (#2456) @flaviendelangle
- 🚀 Allow to throttle the row updates with the
throttleRowsMsprop onDataGridProand remove the default 100ms row update delay (#2561) @flaviendelangle - 💡 Enhance internal code structure
- 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@v5.0.0-beta.3 / @mui/x-data-grid-pro@v5.0.0-beta.3
Breaking changes
-
[DataGrid] Rename some selectors and interfaces to follow the codebase naming conventions (#2723) @flaviendelangle
The following selectors were renamed:
-const filterModel = filterGridStateSelector(state); +const filterModel = gridFilterModelSelector(state);-const density: GridGridDensity = densitySelector(state); +const density: GridDensityState = gridDensitySelector(state);-const rendering: InternalRenderingState = gridRenderingSelector(state); +const rendering: GridRenderingState = gridRenderingSelector(state);
Changes
- [DataGrid] Add Persian (fa-IR) locale (#2712) @devlifeX
- [DataGrid] Allow to select range of rows using Shift + click (#2456) @flaviendelangle
- [DataGrid] Fix numeric column filter to not run when value is empty (#2780) @m4theushw
- [DataGrid] Export
singleSelectoperators (#2666) @jeremyalan - [DataGrid] Fix Italian localization (#2717) @destegabry
- [DataGrid] Fix
undefinedin filter panel (#2715) @DanailH - [DataGrid] Fix the fade-out transition of the
GridMenu(#2734) @flaviendelangle - [DataGrid] Pass row
idtovalueFormatter(#2738) @m4theushw - [DataGrid] Fix
onSortModelChangeto not be called during initialization (#2724) @flaviendelangle - [DataGridPro] Stop drag event propagation (#2802) @DanailH
- [DataGridPro] Fix keyboard navigation to work with filtered rows (#2800) @flaviendelangle
Docs
- [docs] Add missing fonts (#2745) @m4theushw
- [docs] Add page for scrolling API (#2634) @m4theushw
- [docs] Add type to
onChangeevent argument (#2669) @jayariglesias - [docs] Add explanation about the
idusage in multiple filters in DataGridPro (#2783) @ZeeshanTamboli - [docs] Fix demo throwing error (#2719) @m4theushw
- [docs] Fix index and improve playground page (#2755) @oliviertassinari
Core
- [core] Add benchmark script (#2683) @m4theushw
- [core] Clean error messages prefix (#2676) @flaviendelangle
- [core] Do not regenerate columns of
useDemoDataon each render (#2747) @flaviendelangle - [core] Don't run benchmark on cached files (#2786) @m4theushw
- [core] Drop localization v4 format (#2792) @flaviendelangle
- [core] Remove useless state update in
useGridColumnMenu(#2722) @flaviendelangle - [core] Remove v4 conditional code (#2575) @flaviendelangle
- [core] Rework
useGridRowshigh frequency update (#2561) @flaviendelangle - [core] Set up
eps1lon/actions-label-merge-conflictaction (#2751) @m4theushw - [core] Stop using selectors for Pro features on React components (#2716) @flaviendelangle
5.0.0-beta.2
Sep 24, 2021
A big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🇻🇳 Add Vietnamese (vi-VN) locale (#2668) @tuananh281098
- 🇵🇱 Improve Polish (pl-PL) locale (#2632) @michallukowski
- ⚡️ Apply the
valueFormatterto thesingleSelectcolumn type (#2581) @DanailH
@mui/x-data-grid@v5.0.0-beta.2 / @mui/x-data-grid-pro@v5.0.0-beta.2
Breaking changes
-
[DataGrid] The params passed to the
valueFormatterwere changed. (#2581) @DanailHUse the
apito get the missing params. TheGridValueFormatterParamsinterface has the following signature now:-export type GridValueFormatterParams = Omit<GridRenderCellParams, 'formattedValue' | 'isEditable'>; +export interface GridValueFormatterParams { + /** + * The column field of the cell that triggered the event + */ + field: string; + /** + * The cell value, but if the column has valueGetter, use getValue. + */ + value: GridCellValue; + /** + * GridApi that let you manipulate the grid. + */ + api: any; +}
Changes
- [DataGrid] Add Vietnamese (vi-VN) locale (#2668) @tuananh281098
- [DataGrid] Apply the
valueFormattertosingleSelectselect options (#2581) @DanailH - [DataGrid] Free up column header space when icons are not visible (#2606) @DanailH
- [DataGrid] Improve Polish (pl-PL) locale (#2632) @michallukowski
Docs
- [docs] Add section for controlled selection and server-side pagination (#2602) @DanailH
- [docs] Fix Algolia search (#2655) @oliviertassinari
- [docs] Improve the seach results relevance (#2656) @oliviertassinari
- [docs] Update installation instructions (#2663) @m4theushw
Core
- [core] Upgrade JSS plugins to 10.8.0 (#2667) @m4theushw
5.0.0-beta.1
Sep 17, 2021
A big thanks to the 3 contributors who made this release possible.
@mui/x-data-grid@v5.0.0-beta.1 / @mui/x-data-grid-pro@v5.0.0-beta.1
This is a hotfix to fix an important regression with v5.0.0-beta.0.
Docs
- [docs] Explain how to use theme augmentation (#2582) @ZeeshanTamboli
- [docs] Fix formatting (#2626) @m4theushw
- [docs] Include packages from next tag (#2628) @m4theushw
Core
- [core] Copy bin folder when building the libraries (#2627) @flaviendelangle
- [core] Remove prop-types during build (#2586) @m4theushw
5.0.0-beta.0
Sep 17, 2021
🎉 This is the first release with support for the new MUI v5 🎉! In the next releases, we will be working to bring all the cool features from MUI v5 to the advanced components.
This beta version of MUI X drops support for MUI v4. We encourage everyone to upgrade to MUI v5 to be able to continue to get all the upcoming features and fixes of MUI X. New versions of MUI X v4, containing only fixes, will still be released, but in a slower pace.
A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
-
⚡ Migrate to the new
@mui/materialand@mui/stylespackages and drop support for@material-ui/core(#2515, #2571, #2620) @m4theushw -
📚 Migrate to the new documentation infrastructure and design (#2441) (@DanailH, @m4theushw)
-
🎁 Add
actionscolumn type (#2385) @m4theushwSee the documentation for more details.
-
👁 Allow to disable virtualization with the
disableVirtualizationprop (#2326) @m4theushw -
🚀 Introduce the new
isRowSelectedapi method (#2523) @flaviendelangle -
🕹️ Show page size controls on smaller resolutions (#2461) @michaldudak
-
🌎 Add Simplified Chinese (zhCN) localization (#2431) @wlf100220
-
🌎 Add Korean (koKR) localization (#2446) @zzossig
-
📚 Migrate to the new documentation infrastructure and design (#2441) (@DanailH, @m4theushw)
-
🐞 Bugfixes
@mui/x-data-grid@v5.0.0-beta.0 / @mui/x-data-grid-pro@v5.0.0-beta.0
Breaking changes
-
[DataGridPro] Remove
apiRef.current.getStatemethod.-const state = apiRef.current.getState(); +const state = apiRef.current.state -
[DataGridPro] The third argument in
apiRef.current.selectRowis now inverted to keep consistency with other selection APIs. (#2523) @flaviendelangle-selectRow: (id: GridRowId, isSelected?: boolean, allowMultiple?: boolean = false) => void; +selectRow: (id: GridRowId, isSelected?: boolean, resetSelection?: boolean = false) => void; -
[DataGrid] Remove the
optionsprop from the return ofuseGridSlotComponentProps.-const { options } = useGridSlotComponentProps(); +const rootProps = useGridRootProps(); -
[DataGrid] The module augmentation is not enabled by default. This change was done to prevent conflicts with projects using
DataGridandDataGridProtogether.In order to still be able to do overrides at the theme level, add the following imports to your project:
+import type {} from '@mui/x-data-grid/themeAugmentation'; +import type {} from '@mui/x-data-grid-pro/themeAugmentation';
Changes
- [DataGridPro] Only apply
checkboxSelectionVisibleOnlywhen pagination is enabled (#2443) @flaviendelangle - [DataGridPro] Remove
apiRef.current.getStatemethod (#2579) @flaviendelangle - [DataGrid] Add
disableVirtualizationprop (#2326) @m4theushw - [DataGrid] Add missing exports from param models (#2448) @flaviendelangle
- [DataGrid] Add missing keys to the
classesprop (#2458) @m4theushw - [DataGrid] Add
actionscolumn type (#2385) @m4theushw - [DataGrid] Add zhCN localization (#2431) @wlf100220
- [DataGrid] Add koKR localization (#2446) @zzossig
- [DataGrid] Clean the selection public API (#2523) @flaviendelangle
- [DataGrid] Do not call
useGridColumnResizeanduseGridInfiniteLoader(#2580) @flaviendelangle - [DataGrid] Do not show right border of last column header when its cells don't have it (#2444) @flaviendelangle
- [DataGrid] Don't consider unselectable rows when
selectionModelis used (#2464) @m4theushw - [DataGrid] Drop v4 support (#2515) @m4theushw
- [DataGrid] Export
useGridRootProps(#2621) @flaviendelangle - [DataGrid] Fire
columnOrderChangeevent after state update (#2451) @flaviendelangle - [DataGrid] Fix TypeScript type error for toolbar components (#2393) @ZeeshanTamboli
- [DataGrid] Fix navigation between column headers with rows filtered (#2440) @m4theushw
- [DataGrid] Force
scrollEndThresholdto undefined (#2574) @flaviendelangle - [DataGrid] Improve ja-JP localization (#2502) @daikiojm
- [DataGrid] Make
hideFooterRowCountprop available only for DataGridPro (#2564) @ZeeshanTamboli - [DataGrid] Fix a bug where pressing Escape was not closing the
GridColumnHeaderMenu(#2463) @DanailH - [DataGrid] Prevent scroll when selecting rows (#2558) @m4theushw
- [DataGrid] Reduce specificity of
GridToolbarContainerstyles (#2462) @michaldudak - [DataGrid] Remove import to
@material-ui/icons(#2576) @m4theushw - [DataGrid] Show page size controls on smaller resolutions (#2461) @michaldudak
- [DataGrid] Vertically align column header icons (#2555) @oliviertassinari
- [DataGrid] Fix numeric filter operators not handling '0' correctly (#2528) @flaviendelangle
Docs
- [docs] Clarify confusion between licenses (#2525) @oliviertassinari
- [docs] Fix JSDoc comments (#2452) @m4theushw
- [docs] Fix event argument in onXXX props (#2391) @m4theushw
- [docs] Improve SEO ranking (#2467) @oliviertassinari
- [docs] Replace 'paging' with 'pagination' (#2459) @michaldudak
- [docs] Use same infrastructure from v5 (#2441) @DanailH
Core
- [core] Add typing to the details argument (#2512) @flaviendelangle
- [core] Allow to create one logger per Grid instance (#2529) @flaviendelangle
- [core] Clean
GridSimpleOptionsinterface (#2578) @flaviendelangle - [core] Fix PR detection mechanism for upstream PRs @oliviertassinari
- [core] Generate propTypes (#2395) @m4theushw
- [core] Improve the feedback loop from developers (#2468) @oliviertassinari
- [core] List the requirement of each hook (#2319) @flaviendelangle
- [core] Only create one
GridEventEmitterper Grid (#2504) @flaviendelangle - [core] Only run Prettier on files different from
nextinstead ofmaster(#2566) @flaviendelangle - [core] Polish issue template (#2503) @oliviertassinari
- [core] Prepare
x-grid-data-generatorfor noImplicitAny (#2505) @flaviendelangle - [core] Provide theme augmentation as separate module (#2520) @m4theushw
- [core] Publish
GridEvents.rowsSetwhen the rows state is modified afterprops.rowsis updated (#2530) @flaviendelangle - [core] Remove
state.isScrolling(#2337) @m4theushw - [core] Remove useless apiRef optional chaining or non-null assertions (#2455) @flaviendelangle
- [core] Replace remaining
@material-uiusages (#2577) @m4theushw - [core] Replace the options with direct prop reads (#2433) @flaviendelangle
- [core] Skip update on initial render (#2344) @oliviertassinari
- [core] Small changes (#2607, #2511) @flaviendelangle
- [core] Support for
@muipackages (#2571) @m4theushw - [core] Synchronously subscribe to events in
useGridApiEventHandler(#2557) @flaviendelangle - [core] Update
.browserslistrcfile (#2384) @DanailH - [core] Update monorepo version and copy assets (#2603) @m4theushw
- [core] Update outdated hook requirements (#2526) @flaviendelangle
- [test] Clean selection tests (#2457) @flaviendelangle
- [test] Disable browserstack for PRs (#2531) @flaviendelangle
4.0.0
Aug 27, 2021
🎉 This is the first stable release of the data grid component 🎉!
We have been iterating on the component for 18 months. With the introduction of the row edit feature, many bug fixes, and polishing of the documentation, we believe the component is ready for a stable release.
The MUI X v4.0.0 release supports MUI Core v4 and has partial support for v5-beta. With the soon-to-be-released v5 version of the core components, we are moving ongoing work to the v5 release line (Core and X). The support for existing projects on MUI v4 won't be a priority going forward. We encourage you to migrate to MUI Core v5-beta and soon MUI X v5-beta. We don't patch, fix, or alter older versions. Using MUI Core v4 with MUI X v5 might lead to extra bundle size and configuration.
A big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
-
🚀 Introduce the row editing feature (#2098) @m4theushw
-
⚡️ Rename the
XGridcomponent toDataGridPro(#2382) @m4theushwThis should help clarify the products vs. plans separation. MUI X is a product line on its own. It contains MIT and Commercial software. Removing X from the name of the paid components should help remove a possible confusion: the MIT version of X is meant to be valuable enough for developers to use it, without feeling that it's crippled compared to other OSS alternatives. The Pro suffix should help make it clear what's MIT and what's not.
-
✨ Rename the
@material-uinpm scope to@mui(#2341) @oliviertassinariThis is part of the ongoing rebranding of the project and company. Material UI is our current official name, however, we are going to change it. It's too long to write, read, and pronounce; and it is too closely associated with Material Design. In the near future, the whole project/company is moving to MUI and https://mui.com/.
-
💡 The
apiproperty was removed from the callback params. To access the API, use theDataGridPro(#2312) @DanailH
@mui/x-data-grid@v4.0.0 / @mui/x-data-grid-pro@v4.0.0
Breaking changes
-
[DataGrid] Move packages to
@muiscope and renameXGridtoDataGridPro(#2341, #2382) @m4theushw @oliviertassinari You can find in the above highlight section why we are making these name changes. You can migrate following these steps:-import { DataGrid } from '@material-ui/data-grid'; +import { DataGrid } from '@mui/x-data-grid';-import { XGrid } from '@material-ui/x-grid'; -<XGrid /> +import { DataGridPro } from '@mui/x-data-grid-pro'; +<DataGridPro /> -
[DataGrid] The
apiproperty was removed from the callback params (#2312) @DanailH To access the API, use theDataGridProand get it from the newdetailsparam.<DataGridPro - onColumnResize={(params, event) => console.log(params.api)} + onColumnResize={(params, event, details) => console.log(details.api)} /> -
[DataGrid] Remove unused row CSS classes (#2327) @ZeeshanTamboli The CSS classes
.Mui-oddand.Mui-evenwere removed from the row.
Changes
- [DataGrid] Add
gridClassesAPI instead of hard coded classes (#2320) @m4theushw - [DataGrid] Add row editing feature (#2098) @m4theushw
- [DataGrid] Add TypeScript module augmentation for the theme (#2307) @ZeeshanTamboli
- [DataGrid] Fix
box-sizing: border-boxleak (#2330) @m4theushw - [DataGrid] Fix keyboard navigation header regression (#2342) @oliviertassinari
- [DataGrid] Fix keyboard navigation on filtered rows (#2336) @m4theushw
Docs
- [docs] Add
Row & Cell editingin features list (#2396) @ZeeshanTamboli - [docs] Add redirect from
XGridtoDataGridPro(#2389) @m4theushw - [docs] Fix
onCellEditCommitparam type (#2390) @ArthurPedroti - [docs] Fix docs for
onEditRowsModelChangeprop (#2394) @ZeeshanTamboli - [docs] Fix docs links and pagination sentence (#2381) @ZeeshanTamboli
- [docs] Update the icons for the new branding (#2339) @oliviertassinari
Core
- [core] Keep prop-types in the same file (#2345) @oliviertassinari
- [core] Reduce
optionsinternal usage (#2318) @flaviendelangle - [core] Remove
DataGridPropTypes(#2432) @flaviendelangle - [core] Remove private API from the export (#2299) @oliviertassinari
- [core] Remove usages of
options.scrollbarSize(#2317) @flaviendelangle - [core] Simplify
useGridColumnshook (#2343) @oliviertassinari - [core] Update
doesSupportTouchActionNoneimplementation (#2378) @DanailH - [core] Upgrade dependency with the monorepo (#2377) @oliviertassinari
- [test] Use
.not.to.equalin favour ofto.not.equal(#2340) @oliviertassinari
4.0.0-alpha.37
Aug 12, 2021
Big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- 🔎 Add the "is empty" and "is not empty" filter operators to date and number columns (#2274) @flaviendelangle
- ⚡️ Only support @material-ui/core 4.12.0 or higher (#2281) @DanailH
- 🐞 Fix a regression to not require @material-ui/x-license when using the DataGrid (#2295) @oliviertassinari
- 👁️ Add
onViewportRowsChangeprop forXGridonly (#2038) @DanailH - 📃 Translate booleans when exporting rows to CSV (#2296) @m4theushw
- 🌎 Add Sudanese Arabic (ar-SD) locale (#2269) @YassinHussein
This is the last alpha release. We are moving to beta in the next release, next week.
@material-ui/data-grid@v4.0.0-alpha.37 / @material-ui/x-grid@v4.0.0-alpha.37
Breaking changes
-
[DataGrid] Drop support for @material-ui/core below v4.12.0 (#2281) @DanailH
-
[XGrid] Replace event constants with the
GridEventsenum (#2279) @flaviendelangle-import { GRID_CELL_EDIT_START } from '@material-ui/x-grid'; -apiRef.current.subscribeEvent(GRID_CELL_EDIT_START, (params, event) => { ... }); +import { GridEvents } from '@material-ui/x-grid'; +apiRef.current.subscribeEvent(GridEvents.cellEditStart, (params, event) => { ... });
Changes
- [DataGrid] Add @material-ui/styles as peer dependency (#2288) @m4theushw
- [DataGrid] Add Sudanese Arabic (ar-SD) locale (#2269) @YassinHussein
- [DataGrid] Add "is empty" and "is not empty" filter operators to date and number columns (#2274) @flaviendelangle
- [DataGrid] Avoid crash if
valueOptionsis missing in theGridColDefwhen usingsingleSelect(#2276) @DanailH - [DataGrid] Remove the use of the
autoFocusattribute (#2239) @m4theushw - [DataGrid] Drop support for @material-ui/core below 4.12.0 (#2281) @DanailH
- [DataGrid] Fix when
renderCellreturns false-ish values (#2242) @siriwatknp - [DataGrid] Group events into a single enum (#2279) @flaviendelangle
- [DataGrid] Improve error message if using multiple versions of data grid (#2311) @ZeeshanTamboli
- [DataGrid] Make resized column not flexible (#2308) @flaviendelangle
- [DataGrid] Merge
useGridVirtualColumnsintouseGridVirtualRows(#2314) @m4theushw - [DataGrid] Remove dependency on x-license (#2295) @oliviertassinari
- [DataGrid] Translate booleans when exporting to CSV (#2296) @m4theushw
- [XGrid] Add
onViewportRowsChangeprop (#2038) @DanailH
Docs
- [docs] Fix page size warnings (#2301) @oliviertassinari
- [docs] Sort events alphabetically (#2278) @flaviendelangle
Core
- [core] Assert that
event.defaultMuiPreventedis called (#2302) @oliviertassinari - [core] Reduce options usage in feature hooks (#2275, #2284) @flaviendelangle
- [core] Remove use of
getState(#2300) @oliviertassinari - [core] Try
rangeStrategy: bump@oliviertassinari - [core] Use type inference in selectors (#2244) @flaviendelangle
- [core] Improve type coverage of
colDef(#2188) @flaviendelangle
4.0.0-alpha.36
August 5, 2021
Big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
- 🚀 Polish the cell editing API (#2220) @m4theushw
- ⚡️ Add
detailsparam to each callback option inXGrid(#2236) @DanailH - 💅 Work on internal optimizations and code separation (#2176, #2243, #2235, #2213) @flaviendelangle
- ✨ Allow non-integer column width for flex columns (#2282) @flaviendelangle
- 🐞 Fix one bug related to filtering
@material-ui/data-grid@v4.0.0-alpha.36 / @material-ui/x-grid@v4.0.0-alpha.36
Breaking changes
-
[DataGrid] Polish cell editing (#2220) @m4theushw
- Replace
onCellModeChangeprop withonCellEditStartoronCellEditStop. - Rename
onCellEditEnterprop toonCellEditStart. - Rename
onCellEditEndprop toonCellEditStop.
<DataGrid - onCellEditEnter={...} - onCellEditExit={...} + onCellEditStart={...} + onCellEditStop={...} />- [XGrid] The
setEditCellPropsAPI call is not available anymore. Use the controlled editing orsetEditRowsModel.
-apiRef.current.setEditCellProps({ id, field, props: { ...props, error: true } }); +apiRef.current.setEditRowsModel({ + ...oldModel, + [id]: { + ...oldModel[id], + [field]: { ...oldModel[id][field], error: true }, + }, +}); - Replace
-
[DataGrid] Allow non-integer column width for flex columns (#2282) @flaviendelangle
- The
widthproperty of the columns is no longer updated with the actual width of of the column. Use the newcomputedWidthproperty in the callbacks instead.
const columns: GridColDef = [ { field: "name", width: 100, renderCell: ({ value, colDef }) => { - console.log(colDef.width!) + console.log(colDef.computedWidth) return value } ] - The
Changes
- [DataGrid] Canonical controlled state behavior (#2208) @oliviertassinari
- [DataGrid] Fix filter with extended columns (#2246) @m4theushw
- [DataGrid] Remove default value of columnTypes prop (#2280) @m4theushw
- [DataGrid] Add German (de-DE) translation for export and isEmpty operator (#2285) @ChristopherBussick
- [XGrid] Add
detailsparam to each callback option inXGrid(#2236) @DanailH
Docs
- [docs] Improve slot API docs (#2219) @oliviertassinari
- [docs] Document virtualization APIs in virtualization section (#2247) @ZeeshanTamboli
Core
- [core] Isolate
DataGridandXGrid(#2176) @dtassone - [core] Move
GridFilterModelin the models directory (#2243) @flaviendelangle - [core] Add new column internal
computedWidthfield (#2235) @flaviendelangle - [core] Use
rootPropsinstead ofoptionsin the grid components except forclasses(#2213) @flaviendelangle - [core] Fix
rebaseWhen=autonot working (#2271) @oliviertassinari - [core] Batch small changes (#2249) @oliviertassinari
4.0.0-alpha.35
July 31, 2021
Big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
- ⚛️ Complete the idiomatic support of controllable props (#2143, #2099) @m4theushw, @flaviendelangle
- ✨ Improve support of @material-ui/core@v5 (#2224, #2240) @oliviertassinari, @siriwatknp
- 🐛 Fix 7 bugs and regressions
@material-ui/data-grid@v4.0.0-alpha.35 / @material-ui/x-grid@v4.0.0-alpha.35
Breaking changes
-
[DataGrid] Improve controllable cell edit (#2143) @m4theushw
-
The
onEditCellChangeprop was renamed toonEditCellPropsChange. -
The
onEditCellChangeCommittedprop was renamed toonCellEditCommit. -
The
onEditRowModelChangeprop was removed. Use the newonEditRowsModelChangeprop.-onEditRowModelChange?: (params: GridEditRowModelParams) +onEditRowsModelChange?: (editRowsModel: GridEditRowsModel)
-
-
[XGrid] Improve controllable cell edit (#2143) @m4theushw
- The
cellEditPropsChangeevent was renamed toeditCellPropsChange. - The
cellEditPropsChangeCommittedevent was renamed tocellEditCommit. - The
cellValueChangeevent was removed. Listen tocellEditCommitto detect when the value is committed. - The
editRowModelChangeevent was renamed toeditRowsModelChange.
- The
-
[DataGrid] Improve controllable pagination (#2099) @flaviendelangle
-
The
pageSizeis now a controlled prop. If you set a value, you also need to handle updates with onPageSizeChange. See the documentation. -
Change the controllable API signature:
// Signature -onPageChange?: (params: GridPageChangeParams) => void; +onPageChange?: (page: number) => void; // Usage -<DataGrid onPageChange={(params: GridPageChangeParams) => setPage(params.page)} /> +<DataGrid onPageChange={(page: number) => setPage(page)} />// Signature -onPageSizeChange?: (params: GridPageChangeParams) => void; +onPageSizeChange?: (pageSize: number) => void; // Usage -<DataGrid onPageSizeChange={(params: GridPageChangeParams) => setPageSize(params.pageSize)} /> +<DataGrid onPageSizeChange={(pageSize: number) => setPageSize(pageSize)} />
-
Changes
- [DataGrid] Fix
Controlled selectionconsole error (#2197) @ZeeshanTamboli - [DataGrid] Fix
disableMultipleColumnsFilteringconsole warning @ZeeshanTamboli - [DataGrid] Fix CSV export when selected row id is number (#2232) @flaviendelangle
- [DataGrid] Fix horizontal scroll when no rows (#2159) @m4theushw
- [DataGrid] Fix id passed to setEditCellValue (#2215) @m4theushw
- [DataGrid] Fix missing value in onCellEditCommit (#2214) @m4theushw
- [DataGrid] Fix prop-type warning with v5 (#2224) @oliviertassinari
- [DataGrid] Fix support for singleSelect with numeric values (#2112) @m4theushw
- [DataGrid] Improve translations to the Turkish locale (#2203) @cihanyakar
- [DataGrid] Use event.defaultMuiPrevented to prevent the default behavior (#2179) @m4theushw
- [DataGrid] Warn when pageSize is not present in rowsPerPageOptions (#2014) @flaviendelangle
- [XGrid] Fix v5 filter select display (#2240) @siriwatknp
Docs
- [docs] Add missing API docs (#2167) @ZeeshanTamboli
- [docs] Describe how to export custom rendered cells (#2194) @m4theushw
- [docs] Generate api doc for the GridExportCSVOptions interface (#2102) @flaviendelangle
- [docs] Handle generics in api doc generation (#2210) @flaviendelangle
Core
- [core] Don't export the internal utils (#2233) @flaviendelangle
- [core] Receive patch and minor dependency updates (#2221) @flaviendelangle
- [test] Add tests for column resizing (#2211) @flaviendelangle
- [test] Fix singleSelect tests (#2200) @m4theushw
- [test] Sync Karma config (#2191) @m4theushw
- [test] Test support for theme translations (#2229) @m4theushw
4.0.0-alpha.34
July 21, 2021
Big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
- 🚀 Fix @material-ui/core v4.12.1 support (#2108) @DanailH
- 🐞 Add "is empty" and "is not empty" operators (#1997) @m4theushw
- 💅 Improve the editing API (#1955) @m4theushw
- 🐛 We have improved the scroll keyboard (#2162) @oliviertassinari
- ⚡️ Add control state for selection model, filter model, and sort model @dtassone
- 💡 Add quick filter demo in the docs @dtassone
@material-ui/x-grid@v4.0.0-alpha.34 / @material-ui/data-grid@v4.0.0-alpha.34
Breaking changes
-
[DataGrid] Fix scrollToIndexes behavior (#2162) @oliviertassinari
Remove public
apiRef.current.isColumnVisibleInWindow()as it servers private use cases.-apiRef.current.isColumnVisibleInWindow() -
[DataGrid] Remove stateId argument from GridApi getState method (#2141) @flaviendelangle
-const filterState = apiRef.current.getState('filter'); +const filterState = apiRef.current.state.filter; -
[DataGrid] Improve controllable sorting (#2095) @dtassone
Normalize the controlled prop signature:
<DataGrid - onSortModelChange={(params: GridSortModelParams) => setSortModel(params.model)} + onSortModelChange={(model: GridSortModel) => setSortModel(model)} /> -
[DataGrid] Improve controllable filter (#1909) @dtassone
Normalize the controlled prop signature:
<DataGrid - onFilterModelChange={(params: GridFilterModelParams) => setFilterModel(params.model)} + onFilterModelChange={(model: GridFilterModel) => setFilterModel(model)} /> -
[DataGrid] Improve the editing API (#1955) @m4theushw
-
The
propskey in the first argument ofcommitCellChangewas removed to promote the use of the value already stored in the state. To update the value in the state, callsetEditCellPropsbefore.-apiRef.current.commitCellChange({ id: 1, field: 'name', props: { value: 'Ana' } }); +apiRef.current.setEditCellProps({ id: 1, field: 'name', props: { value: 'Ana' } }); +apiRef.current.commitCellChange({ id: 1, field: 'name' }); -
Calling
commitCellChangein a cell in view mode will throw an error. Make sure to first enter the edit mode.+apiRef.current.setCellMode(1, 'name', 'edit'); apiRef.current.commitCellChange({ id: 1, field: 'name' }); -
The
setCellValuewas removed from the API. UsecommitCellChangeorupdateRowsin place.-apiRef.current.setCellValue({ id: 1, field: 'name', value: 'Ana' }); +apiRef.current.updateRows([{ id: 1, name: 'Ana' }]);or
-apiRef.current.setCellValue({ id: 1, field: 'name', value: 'Ana' }); +apiRef.current.setCellMode(1, 'name', 'edit'); +apiRef.current.setEditCellProps({ id: 1, field: 'name', props: { value: 'Ana' } }); +apiRef.current.commitCellChange({ id: 1, field: 'name' }); -
The
getEditCellPropswas removed becausegetEditCellPropsParamsoffers the same functionality.-const props = apiRef.current.getEditCellProps(1, 'name'); +const { props } = apiRef.current.getEditCellPropsParams(1, 'name');Note: This method will now throw an error if the cell is in view mode.
-
-
[DataGrid] Implement useControlState hook, and add control state on selectionModel (#1823) @dtassone
Normalize the controlled prop signature:
<DataGrid - onSelectionModelChange={(params: GridSelectionModelChangeParams) => setSelectionModel(params.model)} + onSelectionModelChange={(model: GridSelectionModel) => setSelectionModel(model)} />Replace
onRowSelectedwith the existing API:<DataGrid - onRowSelected={(params: GridRowSelectedParams) => } + onSelectionModelChange={(model: GridSelectionModel) => } />
Changes
- [DataGrid] Use find instead of filter (#2015) @DanailH
- [DataGrid] Add "is empty" and "is not empty" operators (#1997) @m4theushw
- [DataGrid] Add
minWidthtoGridColDef(#2101) @DanailH - [DataGrid] Add missing localeText types (#2118) @oliviertassinari
- [DataGrid] Add missing translations to French (fr-FR) locale (#2082) @flaviendelangle
- [DataGrid] Add quick filter demo (#2149) @dtassone
- [DataGrid] Allow passing styles and Popper props to GridPanel (#1994) @sebastianfrey
- [DataGrid] Allow to customize the columns exported as CSV (#2008) @flaviendelangle
- [DataGrid] Emit
pageSizeChangewhen autoPageSize is set and the grid size changes (#1986) @flaviendelangle - [DataGrid] Fix crash when id has a single-quote (#2033) @rbrishabh
- [DataGrid] Fix localeText type (#2117) @oliviertassinari
- [DataGrid] Fix manual entry in date fields (#2051) @m4theushw
- [DataGrid] Fix scrollToIndexes offscreen column (#1964) @m4theushw
- [DataGrid] Fix support for
@material-ui/core@4.12(#2108) @DanailH - [DataGrid] Improve GridToolbarXXX props flexibility (#2157) @tifosiblack
- [DataGrid] Make GridToolbarXXX props overridable (#2084) @tifosiblack
- [DataGrid] Remove 'hide: true' from a column should correctly resize the others column (#2034) @flaviendelangle
- [DataGrid] Remove focus on cell when its row is removed from the data (#1995) @flaviendelangle
- [DataGrid] Remove unused
editModeprop (#2173) @ZeeshanTamboli - [DataGrid] Support style prop (#2116) @oliviertassinari
- [DataGrid] Use Intl.Collator for string comparison (#2155) @m4theushw
- [DataGrid] Update apiRef.current.getRow to signal that it can return a null value (#2010) @flaviendelangle
- [XGrid] Add ability to disable reorder on some columns (#2085) @flaviendelangle
- [XGrid] Close column header menu when resizing column (#1989) @flaviendelangle
- [XGrid] Fix column resize on touch devices (#2089) @m4theushw
- [XGrid] Only show column sorting in the grid toolbar when experimental features enabled (#2091) @flaviendelangle
- [XGrid] Prevent headers from scrolling during reordering (#2154) @m4theushw
Docs
- [docs] Add new cursor-based pagination paragraph (#1991) @flaviendelangle
- [docs] Better explain what happens in the future (#2036) @oliviertassinari
- [docs] Fix broken env (#2160) @oliviertassinari
- [docs] Fix small typos in the documentation (#2169) @BrandonOldenhof
- [docs] Fix typo in README (#2150) @studyhog
Core
- [core] Add @material-ui/lab and @material-ui/icons as peer dependencies (#2012) @m4theushw
- [core] Add additional test case for
onSelectionModelChange(#1966) @DanailH - [core] Add support bot (#2097) @oliviertassinari
- [core] Configure Renovate and remove Dependabot (#2075) @flaviendelangle
- [core] Copy getClasses from the core (removed in v5) (#2140) @flaviendelangle
- [core] Correctly test column visibility switch impact on column width (#2130) @flaviendelangle
- [core] Fix missing git source in packages (#2092) @msftenhanceprovenance
- [core] Fix typo errors (#2100) @flaviendelangle
- [core] No need to pin dependencies (#2094) @oliviertassinari
- [core] Remove dead code (#2088) @oliviertassinari
- [core] Remove implicit :scope (#2115) @oliviertassinari
- [core] Remove styled-components (#2060) @m4theushw
- [core] Remove unused event 'cellFocusChange' (#1996) @flaviendelangle
- [core] Renovate : Group storybook updates (#2086) @flaviendelangle
- [core] Replace fade with muiStyleAlpha (#2171) @m4theushw
- [core] Support
docs:apiscript in Windows OS (#2166) @ZeeshanTamboli - [core] Upgrade dependencies (#2114) @oliviertassinari
- [core] Use getColumnHeaderCell in tests (#2093) @flaviendelangle
- [core] Use props instead of options for event handler (#2139) @flaviendelangle
- [test] Allow tests to run for up to 5 instead of 4 minutes (#2152) @oliviertassinari
- [test] Increase Browserstack worker timeout from 2.5 to 4 minutes (#2040) @flaviendelangle
- [test] Remove orphan async @oliviertassinari
- [test] Test the validation before saving a value (#2087) @m4theushw
4.0.0-alpha.33
July 1, 2021
Big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
-
🐞 As a focus of Q2, we have kept fixing bugs
-
💅 End users are now allowed to copy the selected rows to the clipboard with Ctrl + c (#1929) @m4theushw
-
🐛 We have fixed the
Select allcheckbox. When triggered, it should only select the filtered rows (#1879) @ZeeshanTamboli -
⚡️ We have added a new
singleSelectcolumn type (#1956) @DanailHUsing the column
type: 'singleSelect'defaults toSelectcomponent when the cell is ineditmode. You can find the documentation following this link.<DataGrid columns={[ { field: 'country', type: 'singleSelect', valueOptions: ['France', 'Netherlands', 'Brazil'], editable: true, }, ]} rows={[ { id: 0, country: 'France' }, { id: 1, country: 'Netherlands' }, { id: 2, country: 'Brazil' }, ]} />
@material-ui/x-grid@v4.0.0-alpha.33 / @material-ui/data-grid@v4.0.0-alpha.33
Breaking changes
-
[DataGrid] Rename
onColumnResizeCommittedtoonColumnWidthChange(#1967) @m4theushw-<DataGrid onColumnResizeCommitted={...} /> +<DataGrid onColumnWidthChange={...} /> -
[DataGrid] Make GRID_ROWS_CLEAR private (#1925) @oliviertassinari
The
rowsClearedevent was always triggered alongsiderowsSet. You can listen to the latter event only. -
[DataGrid] Fix events naming (#1862) @m4theushw
The following
XGridevents were renamed:columnHeaderNavigationKeydowntocolumnHeaderNavigationKeyDowncolumnResizeCommittedtocolumnWidthChangerowsUpdatedtorowsUpdatecolumnsUpdatedtocolumnsChange
The following
XGridDOM events were removed:focusoutkeydownkeyup
Changes
- [DataGrid] Add fallback for pagination translations (#2006) @m4theushw
- [DataGrid] Add single select column type (#1956) @DanailH
- [DataGrid] Allow to copy the selected rows to the clipboard (#1929) @m4theushw
- [DataGrid] Improve the logic of
scrollToIndexes(#1969) @oliviertassinari - [DataGrid] Fix deferred rendering race condition (#1807) @dtassone
- [DataGrid] Fix double-click issue (#1919) @oliviertassinari
- [DataGrid] Fix number edit cell output (#1959) @oliviertassinari
- [DataGrid] Fix offscreen row when calling
scrollToIndexes(#1949) @oliviertassinari - [DataGrid] Ignore drag events when disableColumnReorder is true (#1952) @m4theushw
- [DataGrid]
Select allcheckbox click should select only filtered rows (#1879) @ZeeshanTamboli - [XGrid] Add option to select only visible rows on the current page (#1998) @DanailH
Docs
- [docs] Align docs with EULA (source of truth) (#1963) @oliviertassinari
- [docs] Fix changing Dataset not working (#1965) @m4theushw
- [docs] Fix description of union types (#2003) @m4theushw
Core
- [core] Polish filtering internals (#1760) @ZeeshanTamboli
- [core] Upgrade actions-cool/issues-helper (#1962) @oliviertassinari
- [core] Name variables according to enUS instead of enGB (#1988) @flaviendelangle
- [test] Test vertical scrollbar (#1932) @oliviertassinari
4.0.0-alpha.32
June 18, 2021
Big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
- ⚡️ Components that use portals, like
SelectandAutocomplete, can now be used in the cell editing (#1772) @m4theushw - 📃 Apply the
valueFormatterto the CSV exporting (#1922) @DanailH - 💅 Rename CSS classes to match the convention of the core components (#1872) @DanailH
- 🌎 Isolate translations from MUI Core and MUI X (#1913) @DanailH
- 🚀 Improve performance when finding column indexes and updating rows (#1903, #1923) @Janpot @N2D4
- 🐞 Bugfixes
@material-ui/x-grid@v4.0.0-alpha.32 / @material-ui/data-grid@v4.0.0-alpha.32
Breaking changes
-
[DataGrid] The
onEditCellChangeCommittedprop won't be called with an event when committing changes by clicking outside the cell (#1910) @m4theushw -
[DataGrid] Translation for MUI Core components are no longer included in the MUI X translation (#1913) @DanailH
import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles'; import { DataGrid, bgBG } from '@material-ui/data-grid'; +import { bgBG as coreBgBG } from '@material-ui/core/locale'; const theme = createMuiTheme( { // ... }, bgBG, + coreBgBG, ); -
[DataGrid] The
disableClickEventBubblingprop was removed (#1910) @m4theushwThe same outcome can be obtained by using the React synthetic event, calling
event.stopPropagation():-<DataGrid disableClickEventBubbling /> +<DataGrid onCellClick={(event) => event.stopPropagation()} /> -
[DataGrid] Rename CSS classes according to new convention (#1872) @DanailH
The main grid components:
.data-containerwas removed.MuiDataGrid-columnHeaderSortablewas renamed to.MuiDataGrid-columnHeader--sortable.MuiDataGrid-columnHeaderCenterwas renamed to.MuiDataGrid-columnHeader--alignCenter.MuiDataGrid-columnHeaderRightwas renamed to.MuiDataGrid-columnHeader--alignRight.MuiDataGrid-columnHeader-draggablewas renamed to.MuiDataGrid-columnHeaderDraggableContainer.MuiDataGrid-columnHeaderSortablewas renamed to.MuiDataGrid-columnHeader--sortable.MuiDataGrid-columnHeaderMovingwas renamed to.MuiDataGrid-columnHeader--moving.MuiDataGrid-columnHeaderSortedwas renamed to.MuiDataGrid-columnHeader--sorted.MuiDataGrid-columnHeaderNumericwas renamed to.MuiDataGrid-columnHeader--numeric.MuiDataGrid-columnHeader-dropZonewas renamed to.MuiDataGrid-columnHeaderDropZone.MuiDataGrid-columnSeparatorResizablewas renamed to.MuiDataGrid-columnSeparator--resizable.MuiDataGrid-cellWithRendererwas renamed to.MuiDataGrid-cell--withRenderer.MuiDataGrid-cellLeftwas renamed to.MuiDataGrid-cell--textLeft.MuiDataGrid-cellRightwas renamed to.MuiDataGrid-cell--textRight.MuiDataGrid-cellCenterwas renamed to.MuiDataGrid-cell--textCenter.MuiDataGrid-cellEditingwas renamed to.MuiDataGrid-cell--editing.MuiDataGrid-cellEditablewas renamed to.MuiDataGrid-cell--editable.MuiDataGrid-editCellBooleanwas renamed to.MuiDataGrid-editBooleanCell.MuiDataGrid-editCellInputBasewas renamed to.MuiDataGrid-editInputCell.MuiDataGrid-scrollArea-leftwas renamed to.MuiDataGrid-scrollArea--left.MuiDataGrid-scrollArea-rightwas renamed to.MuiDataGrid-scrollArea--right
The standalone components:
.MuiDataGridMenu-*was renamed to.MuiGridMenu-*.MuiDataGridPanel-*was renamed to.MuiGridPanel-*.MuiDataGridPanelContent-*was renamed to.MuiGridPanelContent-*.MuiDataGridPanelFooter-*was renamed to.MuiGridPanelFooter-*.MuiDataGridPanelWrapper-*was renamed to.MuiGridPanelWrapper-*.MuiDataGridFilterForm-*was renamed to.MuiGridFilterForm-*.MuiDataGridToolbarFilterButton-*was renamed to.MuiGridToolbarFilterButton-*.MuiDataGrid-footerwas renamed to.MuiDataGrid-footerContainer.MuiDataGrid-toolbarwas renamed to.MuiDataGrid-toolbarContainer
Changes
- [DataGrid] Add
aria-labeltoGridToolbarExport(#1869) @rbrishabh - [DataGrid] Add support for edit components that use portal (#1772) @m4theushw
- [DataGrid] Add
useGridApiContexthook to access theGridApiContext(#1877) @m4theushw - [DataGrid] Allow to set the delimiter in
GridExportCsvOptions(#1859) @michallukowski - [DataGrid] Escape regular expression characters in filters (#1899) @ZeeshanTamboli
- [DataGrid] Fix support for
getRowIdon cell editing (#1917) @m4theushw - [DataGrid] Fix typo in French (fr-FR) locale (#1874) @julien-guillon
- [DataGrid] Improve Brazilian Portuguese (pt-BR) locale (#1861) @aline-matos
- [DataGrid] Improve type of the blur event (#1918) @oliviertassinari
- [DataGrid] Improve updateRows performance (#1923) @N2D4
- [DataGrid] Include MUI Core component localizations in
localeText(#1913) @DanailH - [DataGrid] Make the CSV export respect the
valueFormatter(#1922) @DanailH - [DataGrid] Remove
disableClickEventBubbling(#1910) @m4theushw - [DataGrid] Rename CSS classes according to new convention (#1872) @DanailH
- [DataGrid] Use binary search to find column indexes in virtualization (#1903) @Janpot
Docs
- [docs] Fix 404 links (#1880) @oliviertassinari
- [docs] Fix prop-type warning (#1916) @oliviertassinari
- [docs] Make cells editable in demos (#1817) @m4theushw
- [docs] Polish
disableDensitySelectordescription (#1884) @oliviertassinari
Core
- [core] Batch small changes (#1901) @oliviertassinari
- [core] Remove dead logic (#1900) @oliviertassinari
- [test] Fix tests (#1928) @m4theushw
4.0.0-alpha.31
June 9, 2021
Big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
- 💅 Allow to customize GridToolbarExport's CSV export (#1695) @michallukowski
- 🐛 Allow to deselect rows with Ctrl + click (#1813) @ZeeshanTamboli
- ⚡️ Refactor scroll size detector (#1703) @dtassone
- 📖 Add documentation for interfaces and events (#1529) @m4theushw
- 🐞 Bugfixes
@material-ui/x-grid@v4.0.0-alpha.31 / @material-ui/data-grid@v4.0.0-alpha.31
Breaking changes
-
[DataGrid] Improve
headerClassNametype (#1778) @DanailHcellClassNameandheaderClassNameno longer accept array of strings.-cellClassName?: string | string[] | (params: GridCellParams) => string; +cellClassName?: string | (params: GridCellParams) => string;-headerClassName?: string | string[]; +headerClassName?: string | (params: GridColumnHeaderParams) => string;
Changes
- [DataGrid] Add
valueParserto parse values entered by the user (#1785) @m4theushw - [DataGrid] Allow to customize GridToolbarExport's CSV export (#1695) @michallukowski
- [DataGrid] Allow to deselect rows with Ctrl + click (#1813) @ZeeshanTamboli
- [DataGrid] Improve general architecture to better isolate hooks (#1720) @dtassone
- [DataGrid] Fix cell height after changing grid density (#1819) @DanailH
- [DataGrid] Fix fluid columns width when available
viewportWidth< 0 (#1816) @DanailH - [DataGrid] Fix force reflow on scroll start and end (#1829) @dtassone
- [DataGrid] Refactor scroll size detector (#1703) @dtassone
- [XGrid] Display the number of filtered rows in the footer (#1830) @m4theushw
Docs
- [docs] Add docs for
disableDensitySelectoroption (#1856) @DanailH - [docs] Automatically generate API docs (#1529) @m4theushw
Core
- [core] Batch small changes (#1848) @oliviertassinari
- [core] Add
yarn docs:api@oliviertassinari - [test] Improve pagination tests (#1827) @m4theushw
4.0.0-alpha.30
May 31, 2021
Big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
- 💅 Add
getCellClassNameprop (#1687) @m4theushw - 🐛 Fix a regression in the controlled pagination (#1729) @ZeeshanTamboli
- ⚡️ Remove
cellClassRulesfromGridColDef(#1716) @m4theushw - 🇨🇿 Add cs-CZ locale (#1765) @Haaxor1689
- 🐞 Bugfixes
@material-ui/x-grid@v4.0.0-alpha.30 / @material-ui/data-grid@v4.0.0-alpha.30
Breaking changes
-
[DataGrid] Rename toolbar components for consistency (#1724) @DanailH
Prefix all the toolbar-related components with
GridToolbar.-.MuiDataGridFilterToolbarButton-list +.MuiDataGridToolbarFilterButton-list-<GridColumnsToolbarButton /> +<GridToolbarColumnsButton />-<GridFilterToolbarButton /> +<GridToolbarFilterButton />-<GridDensitySelector /> +<GridToolbarDensitySelector /> -
[DataGrid] Remove
cellClassRulesfromGridColDef(#1716) @m4theushwThe
GridCellClassParamstype is not exported anymore. Replace it withGridCellParams.-import { GridCellClassParams} from '@material-ui/data-grid'; +import { GridCellParams } from '@material-ui/data-grid'; -cellClassName: (params: GridCellClassParams) => +cellClassName: (params: GridCellParams) =>The
cellClassRulesinGridColDefwas removed because it's redundant. The same functionality can be obtained usingcellClassNameand theclsxutility:+import clsx from 'clsx'; { field: 'age', width: 150, - cellClassRules: { - negative: params => params.value < 0, - positive: params => params.value > 0, - }, + cellClassName: params => clsx({ + negative: params.value < 0, + positive: params.value > 0, + }), } -
[DataGrid] Fix
onPageChangedoesn't update thepagewhen a pagination button is clicked (#1719) @ZeeshanTamboliFix naming of
pageChangeandpageSizeChangeevents variables. The correct event variable name should be prefixed withGRID_and converted to UPPER_CASE.-import { GRID_PAGESIZE_CHANGED, GRID_PAGE_CHANGED } from '@material-ui/data-grid'; +import { GRID_PAGESIZE_CHANGE, GRID_PAGE_CHANGE } from '@material-ui/data-grid'; -
[XGrid] The
getEditCellValueParamsmethod was removed from theapiRef(#1767) @m4theushwThe
getEditCellValueParamsmethod was almost a straightforward alias ofgetEditCellPropsParams.-const { value } = apiRef.current.getEditCellValueParams(id, field); +const { props: { value } } = apiRef.current.getEditCellPropsParams(id, field);
Changes
- [DataGrid] Add
getCellClassNameprop (#1687) @m4theushw - [DataGrid] Add customizable
aria-label,aria-labelledbyfield (#1764) @ZeeshanTamboli - [DataGrid] Add Czech (cs-CZ) locale and fix plural rules in Slovak (sk-SK) locale (#1765) @Haaxor1689
- [DataGrid] Fix cell accessibility aria-colindex (#1669) @ZeeshanTamboli
- [DataGrid] Fix changing rows per page size (#1729) @ZeeshanTamboli
- [DataGrid] Fix date operators not working with date-time values (#1722) @m4theushw
- [DataGrid] Fix
rowCountprop updates (#1697) @dtassone - [DataGrid] Improve German (de-DE) translation of "errorOverlayDefaultLabel" (#1718) @sebastianfrey
- [DataGrid] Fix accessibility of the filter panel textboxes (#1727) @m4theushw
- [XGrid] Fix
onFilterModelChangenot firing (#1706) @dtassone
Docs
- [docs] Fix outdated description of
GridRowParams.getValue(#1731) @visshaljagtap - [docs] Fix 404 link (#1752) @oliviertassinari
- [docs] Improve Custom edit component demo (#1750) @oliviertassinari
- [docs] Remove redundant customizable pagination section (#1774) @ZeeshanTamboli
- [docs] Improve
GridApidescriptions (#1767) @m4theushw
Core
- [core] Batch updates of storybook (#1751) @oliviertassinari
- [core] Help support different documents (#1754) @oliviertassinari
- [core] Upgrade MUI Core v5 to latest version (#1763) @ZeeshanTamboli
- [test] Reduce flakiness (#1753) @oliviertassinari
- [test] Remove skip on Edge (#1708) @m4theushw
4.0.0-alpha.29
May 19, 2021
Big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
-
🚀 Performance increased when filtering, sorting, and rendering (#1513) @dtassone
-
💅 Add
columnHeader,rowandcellto theclassesprop (#1660) @DanailH -
✅ Add the
isRowSelectableprop to disable selection on certain rows (#1659) @m4theushwSee the documentation for more details.
-
⚡️ Add new icon slot to be displayed when the column is unsorted (#1415) @m4theushw
-
⚙ Improve consistency of the API to prepare for the first beta release
-
🐞 Bugfixes
@material-ui/x-grid@v4.0.0-alpha.29 / @material-ui/data-grid@v4.0.0-alpha.29
Breaking changes
-
[DataGrid] Remove the properties
element,rowIndex, andcolIndexfrom allparamsarguments (#1513) @dtassoneYou can use the following
apiRefmethods to replace some of them:-params.rowIndex -params.colIndex +apiRef.current.getRowIndex(params.id) +apiRef.current.getColumnIndex(params.field) -
[DataGrid] Calling
params.getValuenow requires the id to be passed (#1513) @dtassone-params.getValue(field) +params.getValue(params.id, field) -
[DataGrid] Rename CSS classes (#1660) @DanailH
MuiDataGrid-colCellWrappertoMuiDataGrid-columnHeaderWrapperMuiDataGrid-colCelltoMuiDataGrid-columnHeaderMuiDataGrid-colCellCheckboxtoMuiDataGrid-columnHeaderCheckboxMuiDataGrid-colCellSortabletoMuiDataGrid-columnHeaderSortableMuiDataGrid-colCellCentertoMuiDataGrid-columnHeaderCenterMuiDataGrid-colCellLefttoMuiDataGrid-columnHeaderLeftMuiDataGrid-colCellRighttoMuiDataGrid-columnHeaderRight
-
[XGrid] Calling
setCellFocusnow requires the id and field to be passed (#1513) @dtassone-apiRef.current.setCellFocus: (indexes: GridCellIndexCoordinates) => void; +apiRef.current.setCellFocus: (id: GridRowId, field: string) => void; -
[XGrid] Rename
apiRefmethods (#1513) @dtassoneChanges on
apiRef.current:-apiRef.current.getRowIndexFromId: (id: GridRowId) => number; +apiRef.current.getRowIndex: (id: GridRowId) => number; -
[XGrid] Rename
apiRefmethods (#1667) @m4theushwChanges on
apiRef.current:-apiRef.current.getColumnFromField: (field: string) => GridColDef; -apiRef.current.getRowFromId: (id: GridRowId) => GridRowModel; +apiRef.current.getColumn: (field: string) => GridColDef; +apiRef.current.getRow: (id: GridRowId) => GridRowModel;
Changes
- [DataGrid] Add Slovak (sk-SK) locale (#1634) @martinvysnovsky
- [DataGrid] Add
columnHeader,rowandcellin addition torootin classes prop (#1660) @DanailH - [DataGrid] Add
isRowSelectableprop (#1659) @m4theushw - [DataGrid] Add sort icon for when column is unsorted (#1415) @m4theushw
- [DataGrid] Fix
idandaria-labelledbyattributes on the column menu (#1460) @m4theushw - [DataGrid] Fix broken checkbox in Material UI v5 (#1587) @ZeeshanTamboli
- [DataGrid] Fix CSS classes prefix (#1693) @m4theushw
- [DataGrid] Fix German (de-DE) locale (#1624) @klinge27
- [DataGrid] Fix filter with object as value and value getter (#1665) @dtassone
- [DataGrid] Fix incorrect date selection (#1652) @aTmb405
- [DataGrid] Fix overflow of maximum page (#1583) @oliviertassinari
- [DataGrid] Fix typo in Italian (it-IT) locale (#1635) @profcav
- [DataGrid] Improve performance of width resizing (#1686) @dtassone
- [DataGrid] Make rows immutable for better developer experience (#1661) @ZeeshanTamboli
- [DataGrid] Pass state values as props (#1628) @m4theushw
- [DataGrid] Improve performance with filtering, sorting, and rendering (#1513) @dtassone
- [XGrid] Fix checkbox column resizing (#1682) @elyesbenabdelkader
Docs
- [docs] Add description for all events (#1572) @m4theushw
- [docs] Add missing CSS rules (#1694) @ZeeshanTamboli
- [docs] Add missing descriptions in
GridFilterApi(#1620) @m4theushw - [docs] Clean demos components (#1681) @oliviertassinari
- [docs] Fix docs demo (#1691) @dtassone
- [docs] Improve Filtering page (#1671) @m4theushw
- [docs] Improve the data grid components page (#1382) @dtassone
- [docs] Refine the descriptions to be clearer (#1589) @oliviertassinari
- [docs] Reshuffle columns and rows styling sections (#1622) @DanailH
Core
- [core] Fix dependabot config (#1619) @oliviertassinari
- [core] Remove
makeStylesdependency on@material-ui/core/styles(#1627) @mnajdova - [core] Remove
withStylesdependency on@material-ui/core/styles(#1690) @mnajdova - [core] Replace
classnamesutility withclsxdependency (#1586) @ZeeshanTamboli - [core] Reuse
colIndexalready computed (#1666) @oliviertassinari - [test] Add constraints on cell render (#1662) @oliviertassinari
- [test] Catch broken demos (#1692) @oliviertassinari
4.0.0-alpha.28
May 10, 2021
Big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🇹🇷 Add tr-TR locale (#1446) @simsek97
- 🎁 Add support for checkbox component slot (#1528) @ZeeshanTamboli
- ⚡️ Add
onColumnVisibilityChangeprop (#1578) @DanailH - 🐞 Bugfixes
@material-ui/x-grid@v4.0.0-alpha.28 / @material-ui/data-grid@v4.0.0-alpha.28
Breaking changes
-
[XGrid] Rename apiRef
toggleColumnmethod for consistency (#1578) @DanailH-apiRef.current.toggleColumn: (field: string, forceHide?: boolean) => void; +apiRef.current.setColumnVisibility: (field: string, isVisible: boolean) => void; -
[XGrid] Fix event typo (#1574) @DanailH
-import { GRID_COLUMN_RESIZE_COMMITED } from '@material-ui/x-grid'; +import { GRID_COLUMN_RESIZE_COMMITTED } from '@material-ui/x-grid';
Changes
- [DataGrid] Add Turkish (tr-TR) locale (#1526) @simsek97
- [DataGrid] Add
onColumnVisibilityChangeprop (#1578) @DanailH - [DataGrid] Fix date input crash (#1570) @dtassone
- [DataGrid] Fix resulted filter data shows blank screen during pagination (#1571) @ZeeshanTamboli
- [DataGrid] Support Checkbox component slot (#1528) @ZeeshanTamboli
- [DataGrid] Fix column cell and row cell focus style (#1575) @DanailH
Docs
- [docs] Fix Feature comparison 404 links (#1525) @ZeeshanTamboli
- [docs] Fix focus isn't set on the text box in
Edit using external buttondemo (#1515) @ZeeshanTamboli - [docs] Fix typo of
onColumnResizeCommittedprop (#1563) @ZeeshanTamboli - [docs] Header convention for controllable prop (#1531) @oliviertassinari
- [docs] Fix errors in the docs (#1585) @oliviertassinari
Core
- [core] Add security policy (#1588) @oliviertassinari
- [core] Improve
GridApitype structure (#1566) @oliviertassinari - [core] Simplify component type (#1552) @oliviertassinari
- [core] Update monorepo (#1530) @oliviertassinari
- [core] Increase timeout on jsdom (#1532) @oliviertassinari
4.0.0-alpha.27
Apr 30, 2021
Big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
- 🎁 Add getRowClassName prop (#1448) @m4theushw
- ⚡️ Drop support for Node v10 (#1499) @ZeeshanTamboli
- ♿ Make checkbox focusable (#1421) @dtassone
- 🇮🇹 Add it-IT locale (#1446) @profcav
- 🇷🇺 Add ru-RU locale (#1449) @Lukin
- 🐞 Bugfixes
@material-ui/x-grid@v4.0.0-alpha.27 / @material-ui/data-grid@v4.0.0-alpha.27
Breaking changes
-
[core] Drop support for Node v10 (#1499) @ZeeshanTamboli
-
[XGrid] Remove
onActionAPIs (#1453) @DanailHThese event handlers on the apiRef were duplicating with the react props and the event subscribe API. Changes on
apiRef.current:-onFilterModelChange -onPageChange -onPageSizeChange -onResize -onUnmount -onRowSelected -onSelectionModelChange -onSortModelChange -onStateChangeNote: These methods are available as React props.
-
[XGrid] Refactor useGridColumnResize (#1380) @DanailH
Changes on
apiRef.current:-startResizeOnMouseDown +setColumnWidth
Changes
- [DataGrid] Add Italian (it-IT) locale (#1446) @profcav
- [DataGrid] Add Russian (ru-RU) locale (#1449) @Lukin
- [DataGrid] Add getRowClassName prop (#1448) @m4theushw
- [DataGrid] Add support for
classesprop (#1450) @ZeeshanTamboli - [DataGrid] Allow to customize the overlay when there're no filtered rows (#1445) @m4theushw
- [DataGrid] Correct quantities pl-PL (#1487) @Chriserus
- [DataGrid] Fix autoPageSize with small dataset (#1505) @dtassone
- [DataGrid] Fix delete key for uneditable cells (#1497) @dtassone
- [DataGrid] Fix invalid translation key (#1504) @DanailH
- [DataGrid] Forward props for all Toolbar and Footer components (#1456) @DanailH
- [DataGrid] Improve support of core v5 (#1458) @oliviertassinari
- [DataGrid] Fix multiple focus behaviors (#1421) @dtassone
Docs
- [docs] Add missing filterModel prop in /api/ (#1518) @imsuvesh
- [docs] Better document how to disable row selection (#1510) @ZeeshanTamboli
- [docs] Fix data grid feature comparison (#1516) @imsuvesh
- [docs] Fix typos (#1447) @ZeeshanTamboli
- [docs] No ads for commercial license (#1489) @oliviertassinari
Core
- [core] Label our packages as side effect free (#1466) @oliviertassinari
- [core] Reduce work in data grid (#1520) @oliviertassinari
- [core] Remove React.FC (#1436) @ZeeshanTamboli
- [license] No need to test the location (#1488) @oliviertassinari
- [test] Improve test coverage of roving tabindex (#1459) @oliviertassinari
- [test] Remove jest (#1467) @dependabot-preview
- [test] Run more tests in jsdom (#1361) @oliviertassinari
4.0.0-alpha.26
Apr 22, 2021
Big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
-
💄 Release the cell editing feature (#1287) @dtassone
This is the first release of the Cell editing feature. You can find the documentation following this link. We have spent the last three months working on it.
-
🐞 A focus on bug fixes and documentation improvements
@material-ui/x-grid@v4.0.0-alpha.26 / @material-ui/data-grid@v4.0.0-alpha.26
- [DataGrid] Add support for Editable cells (#1287) @dtassone
- [DataGrid] Add Ukrainian (uk-UA) locale (#1418) @Neonin
- [DataGrid] Fix 'Hide' menu item with
disableColumnSelector(#1429) @ZeeshanTamboli - [DataGrid] Fix reset of virtualPage (#1451) @dtassone
- [DataGrid] Fix support for falsy value from valueFormatter (#1425) @zj9495
- [DataGrid] Fix support for numeric ids in selection (#1404) @m4theushw
- [XGrid] Fix multi-sorting when focus is not in the grid root (#1422) @m4theushw
Docs
- [docs] Add Shift key as option to enable multi-sorting (#1423) @m4theushw
- [docs] Fix x-grid-data-generator dependencies (#1433) @ZeeshanTamboli
- [docs] Improve PropType to cover required props (#1419) @ZeeshanTamboli
- [docs] Remove duplicate rendering page (#1375) @dtassone
Core
-
[core] Setup e2e tests (#1443) @DanailH
This infrastructure relies on Playwright to control Chrome with the end-to-end API. It differentiates from our current end-to-end tests by running outside of the browser (Karma runs inside). It's slower and doesn't have a great DX, but it allows to test things like the Tab behavior.
4.0.0-alpha.25
Apr 14, 2021
Big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🎁 Add boolean column type @m4theushw
- ⚡️ Update to React 17 (#1331) @m4theushw
- ♿ Make column header cells focusable (#1289), and fix roving tabindex (#1327) @DanailH
- 🐛 Ignore event from portal in cells (#1324) @oliviertassinari
- 🐞 Bugfixes
@material-ui/x-grid@v4.0.0-alpha.25 / @material-ui/data-grid@v4.0.0-alpha.25
Breaking changes
-
[DataGrid] Add support for custom row ids without cloning (#1377) @m4theushw This change has involved the following refactorings.
- Changes on
apiRef.current.
- Changes on
- getRowModels: () => GridRowModel[];
+ getRowModels: () => Map<GridRowId, GridRowModel>;
- getVisibleRowModels: () => GridRowModel[];
+ getVisibleRowModels: () => Map<GridRowId, GridRowModel>;
- getSelectedRows: () => GridRowModel[];
+ getSelectedRows: () => Map<GridRowId, GridRowModel>;
- Changes on
GridFilterModelParams.
export interface GridFilterModelParams {
/**
* The full set of rows.
*/
- rows: GridRowModel[];
+ rows: Map<GridRowId, GridRowModel>;
/**
* The set of currently visible rows.
*/
- visibleRows: GridRowModel[];
+ visibleRows: Map<GridRowId, GridRowModel>;
}
- [DataGrid] Upgrade mininum supported version of React to 17.0.0 (#1410) @m4theushw
Changes
- [DataGrid] Add boolean column type (#1321) @m4theushw
- [DataGrid] Add missing filter tooltip translations (#1367) @DanailH
- [DataGrid] Fix autoPageSize (#1366) @dtassone
- [DataGrid] Fix performance issue when sorting columns (#1368) @dtassone
- [DataGrid] Fix printable keys to match ag (#1409) @dtassone
- [DataGrid] Ignore event from portal in cells (#1324) @oliviertassinari
- [DataGrid] Make "Checkbox selection" translatable (#1379) @m4theushw
- [DataGrid] Make column header cells focusable (#1289) @DanailH
- [DataGrid] Remove use of row.id when id prop is available (#1371) @m4theushw
- [DataGrid] Make GridMainContainer tabbable (#1327) @DanailH
- [XGrid] Support column reordering inside the whole grid (#1250) @m4theushw
Docs
- [docs] Fix anchor links on the /data-grid/filtering/ page (#1398) @oliviertassinari
- [docs] Move Column definition to Columns page (#1373) @dtassone
- [docs] Move density to accessibility page (#1374) @dtassone
- [Docs] Fix GitHub references in API docs (#1411) @SaskiaKeil
Core
- [core] Update to React 17 (#1331) @m4theushw
- [core] Variable convention (#1397) @oliviertassinari
- [license] Use a global storage rather than a module singleton (#1384) @oliviertassinari
4.0.0-alpha.24
Apr 2, 2021
Big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
- 🇬🇷 Add el-GR locale (#1275) @clytras
- 🇪🇸 Add es-ES locale (#1286) @WiXSL
- 🇯🇵 Add ja-JP locale (#1283) @seed-of-apricot
- 🇳🇱 Add nl-NL locale (#1273) @wimdetroyer
- 🐞 Bugfixes
@material-ui/x-grid@v4.0.0-alpha.24 / @material-ui/data-grid@v4.0.0-alpha.24
Breaking Changes
- [DataGrid] All slot components no longer get access to
GridBaseComponentPropsthrough the props. To use theGridBaseComponentPropscall theuseGridSlotComponentPropshook. (#1252) @DanailH - [DataGrid] Type
GridSlotsComponentchanged (#1252) @DanailH - [DataGrid] Rename
GridBaseComponentPropstype toGridSlotComponentProps(#1252) @DanailH - [DataGrid] Rename
useGridBaseComponentPropshook touseGridSlotComponentProps(#1252) @DanailH - [DataGrid] Rename modules (#1292) @DanailH
- [DataGrid] Rename all events related to column reordering, e.g.
GRID_COL_REORDER_START->GRID_COLUMN_REORDER_START(#1299) @m4theushw - [DataGrid] Methods
onColItemDragStart,onColHeaderDragOver,onColItemDragOver,onColItemDragEnterremoved from the grid API. Prefer listening to column reordering events (#1299) @m4theushw - [DataGrid] Calling
apiRef.current.getColumnHeaderParamsreturns aGridColumnHeaderParamsinstead ofGridColParams(#1299) @m4theushw - [DataGrid] Events that follow the pattern
GRID_COLUMN_HEADER_xxxwill be called with aGridColumnHeaderParamsinstead ofGridColParams(#1299) @m4theushw - [DataGrid] The
renderHeaderwill be called with aGridColumnHeaderParamsinstead ofGridColParams(#1299) @m4theushw - [DataGrid] The
apiRef.current.moveColumnwas renamed toapiRef.current.setColumnIndex(#1299) @m4theushw
Changes
- [DataGrid] Fix loader flag from useDemoData hook (#1279) @DanailH
- [DataGrid] Fix page shift after toggling column (#1284) @m4theushw
- [DataGrid] Fix rendering issues (#1319, #1253) @dtassone
- [DataGrid] Refactor edit events to allow stop propagation (#1304) @dtassone
Core
- [core] Batch small changes (#1310) @oliviertassinari
4.0.0-alpha.23
Mar 22, 2021
Big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
-
🎁 Add
onRowsScrollEndto support infinite loading (#1199) @DanailH This is an XGrid feature. Provides the ability to tap into theonRowsScrollEndwhich is called when the scroll reaches the bottom of the grid viewport allowing developers to load additional data. It can be used with a combination ofscrollBottomThresholdto control the area in which theonRowsScrollEndis called.See the documentation for more details.
-
🕹 Provide the ability to sort by multiple columns using Shift+click (#1203) @dtassone
-
🇵🇱 Added pl-PL locale (#1117) @LarsKumbier
-
⚡️ Edit cell accessibility (#1205) @dtassone
-
🐞 Bugfixes
@material-ui/x-grid@v4.0.0-alpha.23 / @material-ui/data-grid@v4.0.0-alpha.23
- [DataGrid] Add pl-PL locale (#1274) @michallukowski
- [DataGrid] Add onRowsScrollEnd to support infinite loading (#1199) @DanailH
- [DataGrid] Edit Cell Navigation (#1205) @dtassone
- [DataGrid] Fix Popper z-index (#1240) @m4theushw
- [DataGrid] Provide the ability to sort by multiple columns using Shift+click (#1203) @dtassone
Docs
- [docs] Lazy generate fake data (#1170) @oliviertassinari
- [docs] Fix linking to sorting component in data-grid overview page (#1237) @SaskiaKeil
- [docs] Fix typos (#1198) @cthogg
Core
- [core] Improve the handling of events (rm capture, add event, add new props) (#1158) @dtassone
- [core] Reinforce that columns are definitions (#1210) @oliviertassinari
- [core] Batch small changes (#1209) @oliviertassinari
- [core] No top-level imports (#1257) @oliviertassinari
- [core] Remove dead code (#1259) @oliviertassinari
4.0.0-alpha.22
Mar 9, 2021
Big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
- 🎁 Implement base foundation for editing a cell (#1025) @dtassone. This is the foundation on which the feature will be built. Currently, the newly added methods aren't yet ready for being used. This feature will be available in the coming weeks.
- 🇩🇪 Added de-DE locale (#1117) @LarsKumbier
- 📜 Fix scrollbar related issue (#1146) @dtassone
- 🐛 Handle commas in cell values when doing CSV export (#1154) @DanailH
@material-ui/x-grid@v4.0.0-alpha.22 / @material-ui/data-grid@v4.0.0-alpha.22
- [DataGrid] Add de-DE locale (#1117) @LarsKumbier
- [DataGrid] Fix scrollbar on autopageSize (#1146) @dtassone
- [DataGrid] Fix handling of special chars when doing CSV export (#1154) @DanailH
- [DataGrid] Implement base foundation for editing a cell (#1025) @dtassone
- [DataGrid] Improve edit cell UI (#1168) @oliviertassinari
Docs
- [docs] Add demo page (#1147) @DanailH
- [docs] Fix typo in localization.md (#1155) @michael-martin-al
- [docs] Improve the desciption of the individual packages (#1139) @oliviertassinari
- [docs] Fix rendering docs to solve custom pagination issue (#1159) @consDev
Core
- [core] Add build in eslintignore (#1171) @dtassone
- [core] Increase timeout for XGrid demo (#1150) @oliviertassinari
- [core] Output warnings in the rendered components (#1153) @oliviertassinari
- [core] Update to the HEAD of the monorepo (#1138) @oliviertassinari
4.0.0-alpha.21
Feb 27, 2021
Big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
-
🎁 Add support for CSV export (#1030) @DanailH. This is the first iteration of the feature. You can either render the
GridToolbarExportcomponent in the toolbar or use the apiRefexportDataAsCsv/getDataAsCsvmethods.See the documentation for more details.
-
🌏 Improve the support for custom locales (#1096, #1079, #1109, #1077)
-
♿️ Fix a couple of accessibility issues with the popups (#1105, #1102)
@material-ui/x-grid@v4.0.0-alpha.21 / @material-ui/data-grid@v4.0.0-alpha.21
Breaking changes
-
[DataGrid] Prefix all public API to fit into the global Material UI namespace (#1069) @DanailH This change gets the data grid one step closer to a stable release. It allows the data grid to fit into the global namespace of Material UI. All the exported modules should have a unique name. It allows the search features, in Google, in the docs, and in the codebase to work effectively and efficiently.
For the mirgration, prefixing a broken import with "grid" is often enough. In the case it's not working, head to the pull request's description. It details all the changes.
Changes
- [DataGrid] Add fr-FR locale (#1079) @oliviertassinari
- [DataGrid] Add missing TablePagination localizations (#1109) @DanailH
- [DataGrid] Add pt-BR locale (#1077) @erikian
- [DataGrid] Fix checked checkbox when empty rows (#1068) @bigandy
- [DataGrid] Fix issue with visible rows state (#1113) @dtassone
- [DataGrid] Fix last row (#1071) @dtassone
- [DataGrid] Fix menu accessible (#1105) @DanailH
- [DataGrid] Fix missing translation filterOperatorAfter key (#1096) @DanailH
- [DataGrid] Fix preferences panel accessibility (#1102) @DanailH
- [DataGrid] Implement CSV export (#1030) @DanailH
Docs
- [docs] Add expand cell renderer demo (#1070) @dtassone
- [docs] Clarify align is separate from headerAlign (#1074) @alexdanilowicz
- [docs] Clarify product split (#1080) @oliviertassinari
Core
- [core] Fix storybook pagination stories (#1099) @dtassone
- [core] Pin playwright image to known working version (#1110) @oliviertassinari
- [test] Add visual regression tests (#1081) @oliviertassinari
- [test] Avoid Rate Limit Exceeded (#1059) @oliviertassinari
- [test] Fix containers size for screenshots (#1111) @oliviertassinari
- [test] Fix visual regression flakiness (#1115) @oliviertassinari
- [test] Improve BrowserStack configuration (#1100) @oliviertassinari
- [test] Speed-up rebuild in Karma (#1064) @oliviertassinari
4.0.0-alpha.20
Feb 17, 2021
Big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
- 📍 Add support for default locales (#983) @DanailH We have built the infrastructure to support around 100 default locales. If you have localized the data grid in your application. Please do consider contributing new translations back to Material UI by opening a pull request.
- 🎁 Add new
selectionModelprop (#986) @dtassone The prop can be used to control the selected rows in the data grid. See the docs. - 💅 Add support for default props from theme (#1019) @DanailH
- 🙌 Fix scrollbar size on windows (#1061) @dtassone
- 🐛 Polish existing features, fix 9 issues.
@material-ui/x-grid@v4.0.0-alpha.20 / @material-ui/data-grid@v4.0.0-alpha.20
Breaking changes
-
[DataGrid] Remove
sortDirectionfrom column definitions. Consolidate around fewer ways of doing the same thing. (#1015) @dtassone-columns[1] = { ...columns[1], sortDirection: 'asc' }; return ( <div> - <DataGrid rows={rows} columns={columns} /> + <DataGrid rows={rows} columns={columns} sortModel={[{ field: columns[1].field, sort: 'asc' }]} /> </div> -
[DataGrid] Rename the
onSelectionChangeprop toonSelectionModelChangefor consistency. (#986) @dtassone-<DataGrid onSelectionChange={selectionChangeHandler} /> +<DataGrid onSelectionModelChange={onSelectionModelChangeHandler} /> -
[DataGrid] Remove
showToolbarprop (#948) @DanailH-import { DataGrid } from '@material-ui/data-grid'; +import { DataGrid, GridToolbar } from '@material-ui/data-grid'; -<DataGrid showToolbar /> +<DataGrid components={{ Toolbar: GridToolbar }} /> -
[DataGrid] Change page index base, from 1 to 0. (#1021) @dtassone This change is done for consistency with
TablePaginationand JavaScript arrays that are 0-based. Material UI still uses a 1-base page for thePaginationcomponent that matches the URL's query.-const [page, setPage] = React.useState(1); +const [page, setPage] = React.useState(0); return ( <div className="grid-container"> <DataGrid rows={rows} columns={columns} page={page} /> </div>
Changes
- [DataGrid] Add bg-BG locale (#983) @DanailH
- [DataGrid] Add last of the missing translations (#1033) @DanailH
- [DataGrid] Add support for default props from theme (#1019) @DanailH
- [DataGrid] Fix controllable filters and select all rows with filters (#1020) @dtassone
- [DataGrid] Fix onPageChange and onPageSizeChange event trigger (#1034) @dtassone
- [DataGrid] Fix process is not defined (EXPERIMENTAL_ENABLED) (#1027) @leontastic
- [DataGrid] Fix scrollbar size on windows (#1061) @dtassone
- [DataGrid] Fix warning with v5 (#1038) @oliviertassinari
- [DataGrid] Resolve the api ref at the same time as any other ref (#990) @oliviertassinari
- [DataGrid] Use the disableDensitySelector to disable the DensitySelector (#1031) @DanailH
- [DataGrid] Fix passing [] or undefined in sortModel prop (#1035) @dtassone
- [XGrid] Fix server-side multi filters (#1029) @dtassone
Docs
- [docs] Add code snippet for localization docs in the data grid (#1024) @DanailH
- [docs] Fix usage of the wrong type (#1062) @oliviertassinari
- [docs] Reduce fears around license upfront @oliviertassinari
- [docs] Update streaming docs (#1013) @dtassone
Core
- [core] Batch small changes (#991) @oliviertassinari
- [core] Save/restore actual yarn cache folder (#1039) @oliviertassinari
- [test] Increase yarn timeout (#1023) @oliviertassinari
- [test] Link CircleCI URL in BS (#1060) @oliviertassinari
4.0.0-alpha.19
Feb 5, 2021
Big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🎁 Add getRowId prop (#972) @dtassone
- 🚀 Add streaming delete row api (#980) @dtassone
- 💅 Fix autoHeight (#940) @oliviertassinari
- 🙌 Enable the data grid to work under strict mode (#933) @dtassone
- ⚡️ Add component slots for toolbar and preference panel (#971) @DanailH
- 🐛 Polish existing features, fix 9 issues.
@material-ui/x-grid@v4.0.0-alpha.19 / @material-ui/data-grid@v4.0.0-alpha.19
- [DataGrid] Add component slots for toolbar and preference panel (#971) @DanailH
- [DataGrid] Add getRowId prop (#972) @dtassone
- [DataGrid] Add streaming delete row api (#980) @dtassone
- [DataGrid] Fix autoHeight (#940) @oliviertassinari
- [DataGrid] Fix column reorder instability (#950) @dtassone
- [DataGrid] Fix footer visual regression (#932) @dtassone
- [DataGrid] Fix strict mode issue with apiRef (#933) @dtassone
- [DataGrid] Work on the accessibility of the column menu (#900) @zj9495
- [DataGrid] Fix timing guarentee (#981) @oliviertassinari
- [DataGrid] Fix unstable footer height (#937) @oliviertassinari
- [DataGrid] Fix usage of the prop-types API (#955) @oliviertassinari
- [DataGrid] Fix duplicate aria-label (#953) @oliviertassinari
docs
- [docs] Add sorting page in datagrid docs (#931) @dtassone
- [docs] Api page update with component slots (#969) @dtassone
- [docs] Catch leaks ahread of time (#979) @oliviertassinari
- [docs] Fix immutability with filter operator demos (#975) @dtassone
- [docs] Improve docs of DataGrid about filter operators (#973) @SaskiaKeil
- [docs] Improve the docs for the filtering feature (#945) @dtassone
core
- [core] Add 'Order id 💳' section in issues (#952) @oliviertassinari
- [core] Improve prop-types handling (#978) @oliviertassinari
- [core] Investigate bundle size (#954) @oliviertassinari
4.0.0-alpha.18
Jan 26, 2021
Big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
-
🎁 Add support for Material UI v5-alpha (#855) @DanailH. The data grid supports Material UI v4 and v5. We aim to retain the support for v4 as long as v5 hasn't reached the beta phase.
-
💅 Update the customization API to be closer to Material UI v5. The data grid accepts two props:
componentsandcomponentsProps. The first prop allows to swapping specific components used in slots the grid, like the checkboxes. The second one allows providing extra props to each slot. It avoids the need for using the React context to access information from outside the data grid.See the RFC for more details.
-
🐛 Polish existing features, fix 3 issues.
@material-ui/x-grid@v4.0.0-alpha.18 / @material-ui/data-grid@v4.0.0-alpha.18
Breaking changes
-
[DataGrid] Implement customization pattern of Material UI v5 (#851, #879) @dtassone
- Capitalize the keys of the
componentsprop. This change aims to bring consistency with the customization pattern of Material UI v5:
<DataGrid components={{ - noRowsOverlay: CustomNoRowsOverlay, + NoRowOverlay: CustomNoRowsOverlay, }} />- Move all the icon components overrides in the
componentsprop. And added the suffix 'Icon' on each icon component. This change aims to bring consistency with the customization pattern of Material UI v5:
<DataGrid - icons: {{ - ColumnSortedAscending: SortedAscending, - }}, + components={{ + ColumnSortedAscendingIcon: SortedAscending, + }} />- Change the props provided to the component of the
componentsprop. Expose the whole state instead of an arbitrary set of props:
-function CustomPagination(props: ComponentProps) { - const { pagination, api } = props; +function CustomPagination(props: BaseComponentProps) { + const { state, api } = props; return ( <Pagination - page={pagination.page} - count={pagination.pageCount} + page={state.pagination.page} + count={state.pagination.pageCount} // ... <DataGrid components={{ Pagination: CustomPagination }} /> - Capitalize the keys of the
Changes
- [DataGrid] Add customisation on panels (#890) @dtassone
- [DataGrid] Add support for Material UI v5-alpha (#855) @DanailH
- [DataGrid] Fix footer count not shown on small screen (#899) @mnajdova
- [DataGrid] Fix column selector crash when hiding columns (#875) @DanailH
- [DataGrid] Fix Shift + Space keyboard regression to select row (#897) @dtassone
docs
- [docs] Fix imports for x-grid-data-generator (#887) @DanailH
- [docs] Skip download of playwright for docs @oliviertassinari
- [CHANGELOG] Polish @oliviertassinari
core
- [core] Automation for duplicate issues (#878) @oliviertassinari
- [core] Replace commander with yargs (#872) @dependabot-preview
- [core] Update monorepo (#884) @oliviertassinari
4.0.0-alpha.17
Jan 14, 2021
Big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
-
🎛 Add support for Column selector (#837) @DanailH @dtassone. The feature can be triggered from the toolbar or the column menu. Check the documentation.
-
🐛 A focus on fixing regressions from previous releases refactoring and bugs.
@material-ui/x-grid@v4.0.0-alpha.17 / @material-ui/data-grid@v4.0.0-alpha.17
- [DataGrid] Fix
onPageChangefiring too often (#838) @dtassone - [DataGrid] Fix behavior of the
hideFooterprop (#846) @dtassone - [DataGrid] Fix the display logic for "error messages" (#843) @dtassone
- [DataGrid] Fix wrong initial sort order (#841) @dtassone
- [DataGrid] Remove tslib dependency from packages (#832) @oliviertassinari
Docs
- [docs] Add docs for data grid column selector (#837) @DanailH
- [docs] Clarify feature split between Pro and Premium (#779) @oliviertassinari
Core
- [core] Add tests for Column selector feature (#845) @DanailH
4.0.0-alpha.15
Jan 7, 2021
Big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
- 🔗 Update peer dependencies for React 17 (#814) @DanailH
- 🐛 Fix keyboard event collisions inside DataGrid cells (#794) @DanailH
@material-ui/x-grid@v4.0.0-alpha.15 / @material-ui/data-grid@v4.0.0-alpha.15
- [DataGrid] Fix keyboard event collisions (#794) @DanailH
Docs
- [docs] Add documentation for the column menu (#815) @DanailH
Core
- [core] Update peer dependencies for React 17 (#814) @DanailH
- [core] Batch small changes (#800) @oliviertassinari
- [CHANGELOG] Use the format of the main repository @oliviertassinari
4.0.0-alpha.14
Dec 31, 2020
Big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
-
🌎 Add support for internationalization (#718) @DanailH
You can use the
localeTextprop to provide custom wordings in the data grid. Check the documentation for a demo. -
📚 Start documenting the filtering feature 🧪 (#754) @dtassone
The work in progress filtering feature and documentation can be found following this link. Early feedback are welcome.
@material-ui/x-grid@v4.0.0-alpha.14 / @material-ui/data-grid@v4.0.0-alpha.14
- [DataGrid] Convert remaining text to use locale text API (#791) @DanailH
- [DataGrid] Fix column width calculation after data changes (#756) @DanailH
- [DataGrid] Setup internationalization (#718) @DanailH
- [DataGrid] getValueError in valueGetter if incorrect field is supplied (#755) @ZeeshanTamboli
- [XGrid] Fix support for custom class name generators (#793) @DanailH
Docs
- [docs] Polish docs (#778) @oliviertassinari
- [docs] Start documentation for the data grid filter features (#754) @dtassone
- [docs] Sync with docs to fix images (#776) @oliviertassinari
Core
- [test] We don't need to wait 100ms (#773) @oliviertassinari
- [core] Remove useless clone (#757) @oliviertassinari
4.0.0-alpha.13
Dec 16, 2020
Big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
- 🐛 Fix bugs from recently released features.
- 🧪 Continue the iteration on the data grid filtering feature, soon to be released @dtassone.
@material-ui/x-grid@v4.0.0-alpha.13 / @material-ui/data-grid@v4.0.0-alpha.13
- [DataGrid] Fix density prop when toolbar is hidden (#717) @DanailH
- [DataGrid] Fix row cells leaking CSS 'text-align' from parent (#728) @ZeeshanTamboli
- [DataGrid] Add 'nonce' prop to allow inline style if user has CSP (#724) @ZeeshanTamboli
Docs
- [docs] Add missing props to DataGrid and XGrid api pages (#721) @DanailH
- [docs] Fix wrong link anchor @oliviertassinari
- [docs] Proxy production version @oliviertassinari
Core
- [security] Bump ini from 1.3.5 to 1.3.7 (#719) @dependabot-preview
- [core] Update monorepository (#725) @oliviertassinari
- [test] Polish refactor (#723) @oliviertassinari
- [test] Split data grid tests in multiple files (#722) @dtassone
- [test] Add tests for DataGrid filtering feature (#715) @dtassone
4.0.0-alpha.12
Dec 9, 2020
Big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
- 🔍 Add a new data grid density selector feature (#606) @DanailH.
- 💄 A first iteration on the data grid's toolbar.
- 🧪 Continue the iteration on the data grid filtering feature, soon to be released @dtassone.
@material-ui/x-grid@v4.0.0-alpha.12 / @material-ui/data-grid@v4.0.0-alpha.12
Changes
- [DataGrid] Add Density selector (#606) @DanailH
- [DataGrid] Fix swallowing of keyboard events (#673) @DanailH
- [DataGrid] Fix collision with react-virtualized on detectElementResize (#678) @tifosiblack
- [DataGrid] Fix component name, rm context, refact gridComponent (#707) @dtassone
- [DataGrid] Fix infinite loop with multiple grid, and fix performance (#679) @dtassone
- [DataGrid] Fix keyboard navigation in column picker (#674) @oliviertassinari
- [DataGrid] Fix server-side sorting (#704) @akandels
- [DataGrid] Improve the DX of popups (#686) @oliviertassinari
- [DataGrid] Refactor cols (#682) @dtassone
- [DataGrid] Rename hideToolbar prop to showToolbar (#706) @DanailH
- [DataGrid] Prepare server filters (#649) @dtassone
- [DataGrid] Fix display of selected rows in footer (#676) @oliviertassinari
Docs
- [docs] Enable codesandbox preview in PRs (#613) @oliviertassinari
Core
- [core] Batch small changes (#683) @oliviertassinari
- [test] Add regression test (#705) @oliviertassinari
- [test] Allow running all the tests in strict mode (#684) @oliviertassinari
4.0.0-alpha.11
Dec 2, 2020
Big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
- 🐛 Fix bugs from recently released features.
- 🧪 Iterate on the upcoming filtering feature under an undocumented prop.
@material-ui/x-grid@v4.0.0-alpha.11 / @material-ui/data-grid@v4.0.0-alpha.11
Breaking changes
-
[XGrid] Rows refactoring, flatten RowModel, remove RowData (#668) @dtassone
These changes simplify the API and avoid confusion between
RowDataandRowModel. Now we only have RowModel which is a flat object containing an id and the row data. It is the same object as the items of therowsprop array.The API to change update the rows using apiRef has changed:
-apiRef.current.updateRowData() +apiRef.current.updateRows()-apiRef.current.setRowModels() +apiRef.current.setRows()apiRef.current.updateRowModelshas been removed, please useapiRef.current.updateRows.
Changes
- [DataGrid] Fix server-side pagination (#639) @dtassone
- [DataGrid] Fix flex columns not taking into account "checkboxSelection" prop @DanailH
- [DataGrid] First iteration on filtering, basic support (#411) @dtassone
- [DataGrid] Improve filters (#635) @dtassone
- [DataGrid] Fix filters on rendering new rows (#642) @dtassone
- [DataGrid] Fix filters flex-shrink (#664) @oliviertassinari
Docs
- [docs] Data grid depends on side effects (#666) @oliviertassinari
- [docs] Clarify the purpose of x-grid-data-generator (#634) @Elius94
- [docs] Data grid is in the lab (#612) @oliviertassinari
- [docs] Fix Demo app, downgrade webpack-cli, known issue in latest version (#647) @dtassone
- [docs] Fix typo in columns.md @stojy
- [docs] Reduce confusion on /export page (#646) @SerdarMustafa1
Core
- [core] Introduce a feature toggle (#637) @oliviertassinari
- [core] Remove gitHead (#669) @oliviertassinari
- [core] Remove react-select (#658) @dependabot-preview
- [core] Replace Storybook knobs for args (#601) @tooppaaa
- [core] Update to Material UI v4.11.1 (#636) @oliviertassinari
4.0.0-alpha.10
Nov 20, 2020
@material-ui/x-grid@v4.0.0-alpha.10 / @material-ui/data-grid@v4.0.0-alpha.10
- [DataGrid] Add fluid columns width support (#566) @DanailH
- [DataGrid] Default toolbar setup (#574) @DanailH
- [DataGrid] Fix autoHeight computation for custom headers and footers (#597) @DanailH
- [DataGrid] Fix type definitions (#596) @tooppaaa
- [DataGrid] Reset sortedRows state on prop change (#599) @dtassone
Docs
- [docs] Update feature comparison table for Column reorder @DanailH
Core
- [core] Prepare work for a future public state api (#533) @dtassone
- [core] Fix yarn prettier write @oliviertassinari
- [test] Share karma setup (#576) @oliviertassinari
4.0.0-alpha.9
Nov 9, 2020
@material-ui/x-grid@v4.0.0-alpha.9 / @material-ui/data-grid@v4.0.0-alpha.9
- [DataGrid] Fix keyboard with multiple grids (#562) @dtassone
- [DataGrid] Add touch support on column resize (#537) @DanailH
- [DataGrid] Refactor containerSizes in smaller state (#544) @dtassone
- [DataGrid] Fix display of row count and selected rows on mobile (#508) @oliviertassinari
- [DataGrid] Apply review from #412 (#515) @oliviertassinari
- [DataGrid] Avoid paint step (#531) @oliviertassinari
- [DataGrid] Refactor rendering, remove rafUpdate (#532) @dtassone
- [DataGrid] Add missing reselect dependency (#534) @dtassone
- [DataGrid] Raf Timer stored in apiRef (#506) @dtassone
- [DataGrid] Fix webpack v5 support (#449) @oliviertassinari
- [DataGrid] Rework columnReorder to work with the new state management (#505) @DanailH
- [DataGrid] Fix performance issues (#501) @dtassone
- [DataGrid] Refactor columns scrolling (#500) @dtassone
- [DataGrid] Replace require with import (#455) @oliviertassinari
- [DataGrid] Restore regression test (#503) @oliviertassinari
- [DataGrid] Refactor state (#412) @dtassone
Docs
- [docs] Fix links to GitHub (#538) @oliviertassinari
- [docs] Add more information to readme (#539) @An-prog-hub
- [docs] Fix the Netlify proxy for localization of X (#536) @oliviertassinari
- [docs] Add deploy script command @oliviertassinari
Core
- [core] Batch small changes (#546) @oliviertassinari
- [core] Improve types (#448) @oliviertassinari
- [core] Run prettier (#482) @oliviertassinari
- [core] Disable generation of changelogs @oliviertassinari
- [test] Karma should fail if errors are thrown (#543) @oliviertassinari
4.0.0-alpha.8
Oct 23, 2020
@material-ui/x-grid@v4.0.0-alpha.8 / @material-ui/data-grid@v4.0.0-alpha.8
- [DataGrid] Fix header row tabIndex (#478) @DanailH
- [DataGrid] Reduce dependency on lodash, save 1kB gzipped (#450) @oliviertassinari The DataGrid goes from 28.2 kB gzipped down to 27.3 kB gzipped.
- [XGrid] Second iteration on resizing logic (#436) @oliviertassinari Fix 8 bugs with the resizing.
Core
- [core] Remove usage of LESS (#467) @dependabot-preview
- [core] Update to the latest version of the main repo (#456) @oliviertassinari
4.0.0-alpha.7
Oct 19, 2020
@material-ui/x-grid@v4.0.0-alpha.7 / @material-ui/data-grid@v4.0.0-alpha.7
- [DataGrid] Add column reorder support (#165) @DanailH
- [DataGrid] Fix iOS issue when scrolling left (#439) @DanailH
- [DataGrid] Improve sizing logic (#350) @oliviertassinari
- [DataGrid] Improve warning and docs for layouting (#405) @RobertAron
Docs
- [docs] Remove id columns (#355) @oliviertassinari
- [docs] Swap words to better match users' query (#354) @oliviertassinari
Core
- [storybook] Fix warning and improve perf (#407) @dtassone
- [core] Batch small changes (#403) @oliviertassinari
- [core] Fix yarn warning (#421) @oliviertassinari
- [core] Hoist duplicated dependencies (#341) @oliviertassinari
- [core] Remove dead code (#454) @oliviertassinari
- [core] Remove dead-code (#353) @oliviertassinari
- [core] Sync supported browser with v5 (#453) @oliviertassinari
- [test] Add end-to-end test missing id (#356) @oliviertassinari
- [test] Add missing types linting for x-grid (#357) @oliviertassinari
- [test] Run the karma tests in browserstack (#316) @oliviertassinari
4.0.0-alpha.6
Sep 25, 2020
@material-ui/x-grid@v4.0.0-alpha.6 / @material-ui/data-grid@v4.0.0-alpha.6
- [DataGrid] Throw if rows id is missing (#349) @dtassone
- [DataGrid] Fix valueGetter sorting (#348) @dtassone
- [DataGrid] Fix typings and packages assets (#339) @dtassone
- [DataGrid] Add npm keywords (#304) @oliviertassinari
Docs
- [docs] Avoid double borders (#340) @oliviertassinari
- [docs] Fix layout jump issue (#338) @oliviertassinari
- [docs] Fix short description warning (#302) @oliviertassinari
4.0.0-alpha.2
Sep 18, 2020
- [DataGrid] Fix wrongly exported types (#298) @dtassone
4.0.0-alpha.1
Sep 17, 2020
This is the first public alpha release of the component after 6 months of development since the initial commit (March 15th 2020).
@material-ui/data-grid is licensed under MIT while @material-ui/x-grid is licensed under a commercial license.
You can find the documentation at this address: https://mui.com/x/react-data-grid/.
@material-ui/x-grid@v4.0.0-alpha.1 / @material-ui/data-grid@v4.0.0-alpha.1
- [DataGrid] Add api pages for data-grid and x-grid (#289) @dtassone
- [DataGrid] Add dark mode scrollbar (#282) @dtassone
- [DataGrid] Better explain the limits of MIT vs commercial (#225) @oliviertassinari
- [DataGrid] First v4 alpha version (#291) @dtassone
- [DataGrid] Fix CSS footer spacing (#268) @oliviertassinari
- [DataGrid] Fix checkbox selection issue (#285) @dtassone
- [DataGrid] Fix disableMultipleSelection (#286) @dtassone
- [DataGrid] Fix issue #254, focus cell fully visible (#256) @dtassone
- [DataGrid] Fix issues with path and import (#259) @dtassone
- [DataGrid] Fix setPage not working (#284) @dtassone
- [DataGrid] Move column resizing to XGrid only (#257) @dtassone
- [DataGrid] Remove apiRef in DataGrid, a XGrid only feature (#290) @dtassone
- [DataGrid] Replace style-components with @material-ui/styles (#168) @dtassone
Docs
- [docs] Add issue templates (#222) @oliviertassinari
- [docs] Add more context on the ⚡️ icons (#265) @oliviertassinari
- [docs] Add pricing links (#266) @oliviertassinari
- [docs] Add Rendering section (#267) @oliviertassinari
- [docs] Add Resources section (#264) @oliviertassinari
- [docs] Apply review from Matt @oliviertassinari
- [docs] Continue the migration of the demos (#232) @oliviertassinari
- [docs] Disable ads on Enterprise features (#263) @oliviertassinari
- [docs] Improve documentation (#287) @oliviertassinari
- [docs] Matt review (#234) @oliviertassinari
- [docs] Migrate Getting Started section (#255) @oliviertassinari
- [docs] Migrate Selection pages (#248) @oliviertassinari
- [docs] Migrate more pages (#243) @oliviertassinari
- [docs] Migrate sorting (#233) @oliviertassinari
- [docs] Migration of the paginaton (#224) @oliviertassinari
- [docs] Polish the first experience (#261) @oliviertassinari
- [docs] Remove blank lines @tags @oliviertassinari

