@mui/x-date-pickers-pro 5.0.0-alpha.0

package/CHANGELOG.md

@@ -0,0 +1,3785 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 5.8.0
+<!-- generated comparing v5.7.0..master -->
+_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](mui.com/components/data-grid/state/#save-and-restore-the-state)
+
+- ⌚️ Move date and time picker components from the lab (#3451) @flaviendelangle
+
+  Date and time picker components have been moved to the MUI-X repo.
+  They are now accessible in their own packages: `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
+  For more information, you can read the [blog article](https://mui.com/blog/lab-pickers-to-mui-x) and the [migration guide](https://mui.com/x/react-date-pickers/migration-lab)
+
+- 📝 Add `onProcessRowUpdateError` prop to simplify error management in edit mode (#4267) @m4theushw
+- ✨ Add generic typing to `GridColDef` and derived interfaces (#4064) @flaviendelangle
+
+  You 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.
+  
+  ```tsx
+  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 `onProcessRowUpdateError` prop (#4267) @m4theushw
+- [DataGrid] Add generic typing to `GridColDef` and derived interfaces (#4064) @flaviendelangle
+- [DataGrid] Add missing classes on `gridClasses` and `gridPanelClasses` (#4273) @flaviendelangle
+- [DataGrid] Add `onPreferencePanelClose`/`onPreferencePanelOpen` props (#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:
+
+  ```tsx
+  <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](https://mui.com/components/data-grid/editing/) 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 `ColumnsPanel` with `componentsProps` prop (#4207) @alexfauquette
+- [DataGrid] Do not unselect row when <kbd>Shift</kbd> + click on the last selected row of a range (#4196) @flaviendelangle
+- [DataGrid] Fix `showCellRightBorder` not working in the last row (#4140) @cherniavskii
+- [DataGrid] Fix error overlay not visible when `autoHeight` is enabled (#4110) @cherniavskii
+- [DataGrid] Fix white blank when scrolling (#4158) @alexfauquette
+- [DataGrid] Adjust type of the `description` prop in `GridColumnHeaderTitle` (#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-Options` limitation (#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 `apiRef` from 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-pro` for date pickers (#4123) @flaviendelangle
+- [core] Remove datagen from `@mui/x-data-grid-generator` bundle (#4163) @m4theushw
+- [core] Remove lodash `isDeepEqual` (#4159) @flaviendelangle
+- [core] Use a pipe processor for `GridPreferencePanel` children (#4216) @flaviendelangle
+- [core] Add markdown documentation for contributors (#3447) @alexfauquette
+- [test] Add regression test for `showCellRightBorder` (#4191) @cherniavskii
+- [test] Mock `getComputedStyle` to 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
+
+  ```tsx
+  <DataGrid getRowSpacing={() => ({ top: 10, bottom: 10 })} />
+  ```
+
+  Check the [documentation](https://mui.com/components/data-grid/rows/#row-spacing) 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 `page` and `pageSize` state initializer into a single `pagination` state initializer (#4087) @flaviendelangle
+- [core] Prepare `yarn docs:api:build` scripts for multi packages support (#4111) @flaviendelangle
+- [core] Upgrade `@mui/monorepo` (#4149) @cherniavskii
+- [core] Use `buildWarning` and `wrapWithWarningOnCall` for 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](https://github.com/mui/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                                  |
+  | ------------------------------- | ----------------------------------------- |
+  | `allGridColumnsFieldsSelector`  | `gridColumnFieldsSelector`                |
+  | `allGridColumnsSelector`        | `gridColumnDefinitionsSelector`           |
+  | `visibleGridColumnsSelector`    | `gridVisibleColumnDefinitionsSelector`    |
+  | `filterableGridColumnsSelector` | `gridFilterableColumnDefinitionsSelector` |
+
+  ```diff
+  -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 `actions` column (#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`/`GridValueGetterParams` and affiliated (#4089) @ flaviendelangle
+- [DataGrid] Differentiate the Pro and Community versions of `GridState`, `GridApi` and `GridApiRef` (#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 `singleSelect` filter performance (#3956) @cherniavskii
+- [DataGrid] Improve custom overlay slots positioning (#3832) @cherniavskii
+- [DataGrid] Improve `flex` implementation match the W3C standard (#4006) @cherniavskii
+- [DataGrid] Improve the invalid `sortModel` and `filterModel` warnings (#3671) @flaviendelangle
+- [DataGrid] Memoize `Popper` modifiers passed to panel (#3975) @m4theushw
+- [DataGrid] Prevent focus while `Popper` is not fully positioned (#4067) @m4theushw
+- [DataGrid] Remove `GridCell`'s `borderBottom` when it is the last row (#3519) @DanailH
+- [DataGrid] Remove padding from the header title (#3691) @valenfv
+- [DataGrid] Reuse previous `rowNode` when building tree and the new `rowNode` is 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 `rowCount` is not provided while using server pagination (#3902) @alexfauquette
+- [DataGrid] Stop checkbox ripple on blur (#3835) @m4theushw
+- [DataGrid] Stop calling `onRowClick` when clicking in cells with interactive elements (#3929) @m4theushw
+- [DataGrid] Use only `headerName` when available to search column (#3959) @pkratz
+- [DataGrid] Use the bundling scripts as the packages published by the [https://github.com/mui/material-ui](material-ui) repository (#3965) @flaviendelangle
+- [DataGridPro] Add `unstable_setRowHeight` method to `apiRef` (#3751) @cherniavskii
+- [DataGridPro] Always export the `pageSize` and `page` when it has been initialized or is being controlled (#3908) @flaviendelangle
+- [DataGridPro] Disable export for detail panel column (#4057) @gustavhagland
+- [DataGridPremium] Support `valueFormatter` on 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 `Commodity` and `Employee` CSV export of the `country` column (#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-pro` import shared code from `@mui/x-data-grid` (#3688) @flaviendelangle
+- [core] Migrate `@mui/x-license-pro` to the new bundling strategy (#3738) @flaviendelangle
+- [core] Reduce usage of `useGridSelector` inside 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
+
+  ```tsx
+  <DataGrid
+    componentsProps={{
+      filterPanel: { columnsSort: 'asc' },
+    }}
+  />
+  ```
+
+  Check the [documentation](https://mui.com/components/data-grid/filtering/#customize-the-filter-panel-content) 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 `debounceMs` option to `setEditCellValue` method (#3825) @m4theushw
+- [DataGrid] Allow to translate `checkboxSelection` labels (#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 `blur` event 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 `useGridPagination` to call `onGridPage` and `onGridPageSize` (#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](https://mui.com/components/data-grid/group-pivot/#master-detail) (#3387) @m4theushw
+
+  <img src="https://user-images.githubusercontent.com/42154031/152379354-47120aac-2b37-4a90-b311-64b4522283b9.gif" width="814">
+
+- 🌍 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 <kbd>PageUp</kbd> 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 `Row` slot (#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 `id` requirement and document `getRowId` prop (#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:api` silent 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](https://mui.com/components/data-grid/rows/#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.
+
+  ```tsx
+  <DataGrid getRowHeight={({ id }: GridRowHeightParams) => (id % 2 === 0 ? 100 : null)} />
+  ```
+
+- 🎁 Add new CSV export option: [`getRowsToExport`](https://mui.com/components/data-grid/export/#custom-exported-content) (#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 `getRowsToExport` option (#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 `isRowSelectable` when `paginationMode='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 `preProcessEditCellProps` resolves with an error (#3612) @m4theushw
+- [DataGrid] Update selected rows when turning off `checkboxSelection` (#3684) @m4theushw
+- [DataGrid] Variable row height (#3218) @DanailH
+- [DataGridPro] Call `useGridColumnPinning` before `useGridColumns` (#3676) @flaviendelangle
+- [DataGridPro] Fix grid cell losing focus when scrolling with keyboard (#3667) @cherniavskii
+- [DataGridPro] Fix missing `styleOverrides` on 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.0` release 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 `l10n` script not updating `cs-CZ` locale (#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.
+
+  ```tsx
+  // 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](https://mui.com/blog/introducing-the-row-grouping-feature/) and [documentation](https://mui.com/components/data-grid/group-pivot/#row-grouping).
+
+- ⚡ Add `is any of` filter operator (#2874) @alexfauquette
+
+  The new filter operator `is any of` allows the user to provide multiple values. It opens access to complex filtering pattern mixing `AND` and `OR` logic connectors, such as `status is any of filled or rejected, and currency is any of EUR or USD`.
+
+  <img src="https://user-images.githubusercontent.com/45398769/150486348-996a938f-db24-426f-bfe3-c06337f71807.gif" width="770">
+
+- ✨ Introduce a `maxWidth` property in `GridColDef` (#3550) @flaviendelangle
+
+  You can now limit the width of the flex columns and the resizable columns with the new `maxWidth` property on `GridColDef`.
+
+  ```tsx
+  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/material` components (#3490) @DanailH
+
+  To make the grid more flexible we added component slots for base `@mui/material` components that we use. Those component slots are prefixed with `Base` to differentiate them from the other grid specific components
+
+  For more information check the documentation [documentation](https://mui.com/api/data-grid/data-grid/#slots).
+
+- 🔥 Allow to pass `csvOptions` and `printOptions` to `toolbar` component prop (#3623) @flaviendelangle
+
+  ```tsx
+  const CustomDataGrid = (props: DataGridProps) => {
+    return (
+      <DataGrid {...props} componentsProps={{ toolbar: { csvOptions: { delimiter: ';' } } }} />
+    );
+  };
+  ```
+
+- 🙈 Add controlled behavior for the visible columns (#3554) @flaviendelangle
+
+  ```tsx
+  // To fully control
+  <DataGrid
+    columnVisibilityModel={columnVisibilityModel}
+    onColumnVisilibilityModelChange={newModel => setColumnVisibilityModel(newModel)}
+  />
+
+  // To initialize without controlling
+  <DataGrid
+    initialState={{
+      columns: {
+        columnVisibilityModel
+      }
+    }}
+  />
+  ```
+
+  See the [documentation](https://mui.com/components/data-grid/columns/#column-visibility) for more details.
+
+  The `hide` property from `GridColDef` still 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/material` components (#3490) @DanailH
+- [DataGrid] Add controlled behavior for the visible columns (#3554) @flaviendelangle
+- [DataGrid] Add debounce to text input (#3617) @m4theushw
+- [DataGrid] Add `is any of` filter operator (#2874) @alexfauquette
+- [DataGrid] Allow to pass `csvOptions` and `printOptions` to `GridToolbar` (#3623) @flaviendelangle
+- [DataGrid] Disable `Hide` button 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 `maxWidth` property in `GridColDef` (#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 `false` and `true` on 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/styles` in `x-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 `l10n` issue 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 `hideable` option to `GridColDef` (#3433) @m4theushw
+- ⚡ Add support for column-based `sortingOrder` with the new `sortingOrder` option in `GridColDef` (#3449) @Quppa
+- ✨ Allow to initialize the `page` and `pageSize` without controlling them with the `initialState` prop (#3495) @flaviendelangle
+- 🙈 Allow to precisely control which children rows to expand with the new `isGroupExpandedByDefault` prop (#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 `hideable` option to GridColDef (#3433) @alexfauquette
+- [DataGrid] Add `sortingOrder` to 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 `getValue` param 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-height` from `GridCell` (#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 `pinnable` option to `GridColDef` (#3425) @m4theushw
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.2.1` / `@mui/x-data-grid-pro@v5.2.1`
+
+#### Changes
+
+- [DataGridPro] Add `pinnable` option (#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 `GridEditDateCell` to handle `editRowsModel` correctly (#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 `useGridApi` and `useGridState` (#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-grid` and `x-data-grid-pro` packages (#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](https://mui.com/components/data-grid/columns/#column-pinning) feature (#2946) @m4theushw
+
+  <img src="https://user-images.githubusercontent.com/42154031/145425635-b6314fbe-2f1e-4b73-908f-33ee1fda20c7.gif" width="964" height="657">
+
+- 🔥 Add ability to disable export options (#3270) @alexfauquette
+
+  You can disable either export options by setting `disableToolbarButton` to `true`.
+
+  ```tsx
+  <GridToolbarExport csvOptions={{ disableToolbarButton: true }} />
+  ```
+
+  ```tsx
+  <GridToolbarExport printOptions={{ disableToolbarButton: true }} />
+  ```
+
+- 🙈 Add a new option to hide the amount of descendant on the grouping cells of the Tree Data (#3368) @flaviendelangle
+
+  ```tsx
+  <DataGridPro treeData rows={rows} columns={columns} groupingColDef={{ hideDescendantCount }} />
+  ```
+
+- ⚠️ Deprecate the `getValue` param for the `valueGetter` callback (#3314) @flaviendelangle
+
+  Instead, you can access directly the row in the params
+
+  ```diff
+  -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 `hideDescendantCount` option to Tree Data (#3368) @flaviendelangle
+- [DataGridPro] Do not expand row children with <kbd>Shift</kbd> + Space (#3380) @flaviendelangle
+- [DataGridPro] Pass a list of `fields` to the callback version of `groupingColDef` (#3316) @flaviendelangle
+- [DataGrid] Deprecate the `getValue` param for the `valueGetter` callback (#3314) @flaviendelangle
+- [DataGrid] Add ability to disable export options (#3270) @alexfauquette
+- [DataGrid] Filter value are conserved when possible (#3198) @alexfauquette
+- [DataGrid] Fix `DatePicker` bug 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 `api` param in callback interfaces (#3315) @flaviendelangle
+
+### Docs
+
+- [docs] Always use auto-generated `apiRef` documentation (#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 prettier` script (#3292) @oliviertassinari
+- [core] Improve tests for Tree Data (#3366) @flaviendelangle
+- [core] Never import directly from the `__modules__` folder in the `x-data-grid-generator` package (#3379) @flaviendelangle
+- [core] Transition to a new StackOverflow 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](https://mui.com/components/data-grid/group-pivot/#tree-data) feature (#2725) @flaviendelangle
+
+  <img src="https://user-images.githubusercontent.com/42154031/144259216-fc4f90ac-4d8b-4253-bc95-009204349a4c.gif" width="854" height="453" />
+
+- 💅 Add support for `sx` prop 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.publishEvent` and `useGridApiEventHandler` are now fully typed and gives you the correct arguments based on the event you are listening to or emitting.
+
+  ```ts
+  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](https://github.com/mui/mui-x/issues/3211) to discover which translations are missing.
+
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+#### Changes
+
+- [DataGridPro] Add tree data (#2725) @flaviendelangle
+- [DataGridPro] Remove the callback version of the `groupigColDef` prop (#3317) @flaviendelangle
+- [DataGridPro] Improve license file (#3278) @oliviertassinari
+- [DataGridPro] Add types for event publishers and listeners (#3022) @flaviendelangle
+- [DataGrid] Add support for `sx` prop (#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 <kbd>Enter</kbd> 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 `GridOverlay` when 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 `InputComponent` for `singleSelect` and `date` columns #3227 @alexfauquette
+- [core] Fix `EventManager` to 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 `preProcessEditCellProps` key in `GridColDef` to synchronously or asynchronously validate the values committed.
+
+  ```ts
+  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 `getRootDimensions` to access the size of the grid (#3007) @flaviendelangle
+
+  It contains the size of the viewport (which is the scrollable container containing the rows and columns) considering scrollbars or not.
+
+  ```ts
+  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-grid` type entrypoint (#3196) @flaviendelangle
+
+### Docs
+
+- [docs] Move sentence about disabling multi rows selection (#3167) @alexfauquette
+
+### Core
+
+- [core] Drop `useGridContainerProps` (#3007) @flaviendelangle
+- [core] Move `getRowIdFromRowIndex` and `getRowIndex` to the sorting API (#3126) @flaviendelangle
+- [core] Polish v5 CHANGELOG (#3194) @oliviertassinari
+- [core] Remove the `index.ts` of 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](https://mui.com/blog/mui-x-v5/) 🎉!
+
+If you want to migrate the DataGrid or DataGridPro from v4 to v5, take a look at the [migration guide](https://mui.com/components/data-grid/migration-v4/).
+This version is fully compatible with `@mui/material@5.X` and can be used with `@material-ui/core@4.x` with some [additional steps](https://mui.com/components/data-grid/migration-v4/#using-mui-x-v5-with-mui-core-v4).
+
+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-columnsContainer` was renamed to `MuiDataGrid-columnHeaders`
+  - `MuiDataGrid-columnHeaderWrapper` was renamed to `MuiDataGrid-columnHeadersInner`
+  - The `scroll` class applied to `MuiDataGrid-columnHeaderWrapper` was renamed to `MuiDataGrid-columnHeadersInner--scrollable`
+
+- [DataGrid] The `props.components.Checkbox` and `props.componentsProps.checkbox` props were renamed to `props.components.BaseCheckbox` and `props.componentsProps.baseCheckbox` respectively.
+
+  As a first step for [#3066](https://github.com/mui/mui-x/issues/3066), these slots were renamed to clearly indicate that they are meant to replace a core component.
+
+  ```diff
+   <DataGrid
+     components={{
+  -    checkbox: MyCustomCheckbox,
+  +    BaseCheckbox: MyCustomCheckbox,
+     }}
+     componentsProps={{
+  -    checkbox: {},
+  +    baseCheckbox: {},
+     }}
+   />
+  ```
+
+  **Note**: these changes apply to both the `DataGrid` and `DataGridPro` components.
+
+#### Changes
+
+- [DataGrid] Block multi-rows updates in `apiRef.current.updateRows` on 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.updateRows` to 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 `Checkbox` component and props slots to `BaseCheckbox` (#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 `useGridColumnsPreProcessing` generic (#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 `createClientRender` with new `createRenderer` API (#3125) @flaviendelangle
+- [core] Store the event manager in a key of `GridApi` instead of making the whole `GridApi` extend it (#3069) @flaviendelangle
+- [core] Update monorepo (#3139) @m4theushw
+- [core] Use `unstable_` prefix instead of `unsafe_` 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 `rowCount` CSS 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 `useGridContainerProps` with `unsafe` (#3002) @flaviendelangle
+
+  The 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.
+
+  1. `gridContainerSizesSelector` was renamed to `unstable_gridContainerSizesSelector`
+  2. `gridViewportSizesSelector` was renamed to `unstable_gridViewportSizesSelector`
+  3. `gridScrollBarSizeSelector` was renamed to `unstable_gridScrollBarSizeSelector`
+
+  The following selectors were removed. You can hard-code their logic in your application if you really need them.
+
+  1. `gridDataContainerSizesSelector`
+
+  ```ts
+  const dataContainerSizes = gridContainerSizesSelector(state)?.dataContainerSizes ?? null;
+  ```
+
+  2. `gridDataContainerHeightSelector`
+
+  ```ts
+  const dataContainerHeight = gridContainerSizesSelector(state)?.dataContainerSizes.height ?? null;
+  ```
+
+  The selector `gridViewportSizeStateSelector` was a duplicate and has been removed, you can use the selector `unstable_gridViewportSizesSelector` instead.
+
+#### 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 `GridEditDateCell` to 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 `cellModeChange` when `setCellMode` is called (#3025) @flaviendelangle
+
+### Core
+
+- [core] Adapt `useDemoData` for Tree Data (#2978) @flaviendelangle
+- [core] Group update of MUI Core (#3055) @oliviertassinari
+- [core] Ignore `*.tsbuildinfo` files (#3068) @m4theushw
+- [core] Implement tree-based row management (#2996) @flaviendelangle
+- [core] Invert Codesandbox examples on README (#3073) @flaviendelangle
+- [core] Prefix selectors from `useGridContainerProps` with `unsafe` (#3002) @flaviendelangle
+- [core] Reduce `setGridState` and `applyFilters` call when updating `filterModel` (#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 `valueGetter` to 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 `valueOptions` from `GridColDef` to accept a function (#2850) @alexfauquette
+- 💅 Prefix undocumented `apiRef` methods with `unsafe_` (#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 `apiRef` were renamed. Use the provided alternatives. (#2870) @flaviendelangle
+
+  1. `apiRef.current.applyFilters` was renamed to `apiRef.current.unsafe_applyFilters`
+  2. `apiRef.current.applyFilterLinkOperator` was renamed to `apiRef.current.setFilterLinkOperator`
+  3. `apiRef.current.upsertFilter` was renamed to `apiRef.current.upsertFilterItem`
+  4. `apiRef.current.deleteFilter` was renamed to `apiRef.current.deleteFilterItem`
+
+- [DataGridPro] The `apiRef.current.applyFilter` method was removed. (#2870) @flaviendelangle
+  You should never have to call it directly since the filters are already applied when the `filterModel` prop changes.
+  To manually apply the filters, use `apiRef.current.unsafe_applyFilters`.
+
+  ```diff
+  -apiRef.current.applyFilter
+  +apiRef.current.unsafe_applyFilters
+  ```
+
+- [DataGridPro] Rename filtering, sorting, and rows selectors to match the naming convention (#2942) @flaviendelangle
+
+  1. `unorderedGridRowIdsSelector` was renamed to `gridRowIdsSelector`
+  2. `sortingGridStateSelector` was renamed to `gridSortingStateSelector`
+  3. `sortedGridRowIdsSelector` was renamed to `gridSortedRowIdsSelector`
+  4. `visibleSortedGridRowIdsSelector` was renamed to `gridVisibleSortedRowIdsSelector`
+  5. `visibleGridRowCountSelector` was renamed to `gridVisibleRowCountSelector`
+  6. `filterGridColumnLookupSelector` was renamed to `gridFilterActiveItemsSelector`
+
+- [DataGridPro] The `sortedGridRowsSelector` was renamed to `gridSortedRowEntriesSelector` (#2942) @flaviendelangle
+
+  The return value was also changed as below:
+
+  ```diff
+  -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 `visibleSortedGridRowsSelector` was replaced with `gridVisibleSortedRowEntriesSelector` (#2942) @flaviendelangle
+
+  The return value was also changed as below:
+
+  ```diff
+  -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 `visibleSortedGridRowsAsArraySelector` was replaced with `gridVisibleSortedRowEntriesSelector` (#2942) @flaviendelangle
+
+  The return value was also changed as below:
+
+  ```diff
+  -visibleSortedGridRowsAsArraySelector: (state: GridState) => [GridRowId, GridRowData][];
+  +gridVisibleSortedRowEntriesSelector: (state: GridState) => GridRowEntry[]
+  ```
+
+- [DataGridPro] The `filterGridItemsCounterSelector` selector was removed. (#2942) @flaviendelangle
+  Use `gridFilterActiveItemsSelector` as replacement.
+
+  ```diff
+  -const filterCount = filterGridItemsCounterSelector(state);
+  +const filterCount = gridFilterActiveItemsSelector(state).length;
+  ```
+
+- [DataGridPro] The `unorderedGridRowModelsSelector` selector was removed. (#2942) @flaviendelangle
+  Use `apiRef.current.getRowModels` or `gridRowIdsSelector` and `gridRowsLookupSelector`.
+
+#### Changes
+
+- [DataGrid] Allow `valueOptions` to accept a function (#2850) @alexfauquette
+- [DataGrid] Add `overridesResolver` (#2995) @DanailH
+- [DataGrid] Unify filtering, sorting, and rows selectors names (#2942) @flaviendelangle
+- [DataGridPro] Prefix undocumented `apiRef` methods with `unsafe_` (#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 `scrollEndThreshold` API 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 `checkboxSelection` toggling (#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/styles` and use the same styling solution from MUI Core (#2784) @DanailH
+- ✨ Add support for generics in `GridRowParams`, `GridCellParams` and `GridRenderCellParams` (#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 `DataGrid` and `DataGridPro` no longer depends on `@mui/styles`. Use `styled` to provide custom styling. (#2784) @DanailH
+
+  ```diff
+  -import { createTheme } from '@mui/material/styles';
+  -import { makeStyles } from '@mui/styles';
+  +import { styled } from '@mui/material/styles';
+  ```
+
+  The following CSS classes were renamed:
+
+  - `.MuiDataGrid-gridMenuList` was renamed to `.MuiDataGrid-menuList`
+  - `.MuiGridToolbarContainer-root` was renamed to `.MuiDataGrid-toolbarContainer`
+  - `.MuiGridMenu-root` was renamed to `.MuiDataGrid-menu`
+  - `.MuiDataGridColumnsPanel-root` was renamed to `.MuiDataGrid-columnsPanel`
+  - `.MuiGridPanel-root` was renamed to `.MuiDataGrid-panel`
+  - `.MuiGridPanelContent-root` was renamed to `.MuiDataGrid-panelContent`
+  - `.MuiGridPanelFooter-root` was renamed to `.MuiDataGrid-panelFooter`
+  - `.MuiDataGridPanelHeader-root` was renamed to `.MuiDataGrid-panelHeader`
+  - `.MuiGridPanelWrapper-root` was renamed to `.MuiDataGrid-panelWrapper`
+  - `.MuiGridFilterForm-root` was renamed to `.MuiDataGrid-filterForm`
+  - `.MuiGridToolbarFilterButton-root` was renamed to `.MuiDataGrid-toolbarFilterList`
+
+- [DataGrid] The CSS classes `.MuiDataGrid-window` and `.MuiDataGrid-windowContainer` were removed (#2673) @m4theushw
+
+  The following CSS classes were renamed:
+
+  - `.MuiDataGrid-viewport` was renamed to `.MuiDataGrid-virtualScroller`
+  - `.MuiDataGrid-dataContainer` was renamed to `.MuiDataGrid-virtualScrollerContent`
+  - `.MuiDataGrid-renderingZone` was renamed to `.MuiDataGrid-virtualScrollerRenderZone`
+
+- [DataGrid] Remove the `useGridSlotComponentProps` hook and replace it as below: (#2856) @flaviendelangle
+
+  ```diff
+  -const { apiRef, state, rootElement } = useGridSlotComponentProps();
+  +const apiRef = useGridApiContext();
+  +const [state] = useGridState(apiRef);
+  +const rootElement = apiRef.current.rootElementRef;
+  ```
+
+- [DataGrid] Remove the `state` prop and use the `initialState` prop (#2848) @flaviendelangle
+
+  Note that `initialState` only allows the `preferencePanel`, `filter.filterModel` and `sort.sortModel` keys.
+  To fully control the state, use the feature's model prop and change callback (e.g. `filterModel` and `onFilterModelChange`).
+
+  ```diff
+  <DataGrid
+  -  state={{
+  +  initialState={{
+      preferencePanel: {
+        open: true,
+        openedPanelValue: GridPreferencePanelsValue.filters,
+      },
+    }}
+  />
+  ```
+
+- [DataGridPro] Remove the `onViewportRowsChange` prop and the `viewportRowsChange` event (#2673) @m4theushw
+
+  A listener on the `rowsScroll` event, as shown below, can be used to replace the prop:
+
+  ```tsx
+  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 `actions` column 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/styles` dependency (#2784) @DanailH
+- [DataGrid] Remove `useGridSlotComponentProps` (#2856) @flaviendelangle
+- [DataGrid] Replace `prop.state` with `prop.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 `useGridRowGroupsPreProcessing` internal 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 `GridSlotComponentProps` interface (#2911) @flaviendelangle
+- [core] Rename 'UNSTABLE*' prefix to 'unstable*' (#2931) @flaviendelangle
+- [core] Replace usage of `GridRowData` with `GridRowModel` (#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](https://mui.com/components/data-grid/export/#print) about it.
+
+- 💡 Enhance internal code structure
+- ✨ New slots for `row` and `cell` (#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 `GridCell` and `GridRow` (#2810) @m4theushw
+
+  The following props were removed. If you depend on them, use `componentsProps.row` and `componentsProps.cell` to pass custom props to the row or cell.
+
+  - `onCellBlur`
+  - `onCellOver`
+  - `onCellOut`
+  - `onCellEnter`
+  - `onCellLeave`
+  - `onRowOver`
+  - `onRowOut`
+  - `onRowEnter`
+  - `onRowLeave`
+
+  For more information, check [this page](https://mui.com/components/data-grid/components/#row). Example:
+
+  ```diff
+  -<DataGrid onRowOver={handleRowOver} />;
+  +<DataGrid
+  +  componentsProps={{
+  +    row: { onMouseOver: handleRowOver },
+  +  }}
+  +/>;
+  ```
+
+  The `data-rowindex` and `data-rowselected` attributes were removed from the cell element. Equivalent attributes can be found in the row element.
+
+  The `data-editable` attribute was removed from the cell element. Use the `.MuiDataGrid-cell--editable` CSS class.
+
+  The `data-mode` attribute was removed from the cell element. Use the `.MuiDataGrid-cell--editing` CSS class.
+
+- [DataGrid] The `state.filter` and `state.visibleRows` were merged into a single `state.filter` sub-state (#2782) @flaviendelangle
+
+  To still access this information, use `state.filter` or the selectors as below:
+
+  ```diff
+  -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 `gridClasses` instead. (#2788) @flaviendelangle
+
+  ```diff
+  -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 `gridCheckboxSelectionColDef` to `GRID_CHECKBOX_SELECTION_COL_DEF` (#2793) @flaviendelangle
+
+  ```diff
+  - gridCheckboxSelectionColDef
+  + GRID_CHECKBOX_SELECTION_COL_DEF
+  ```
+
+- [DataGrid] The constants referring to the column types were removed (#2791) @flaviendelangle
+  Replace them as below:
+
+  ```diff
+  -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 `getDefaultGridFilterModel` instead of `getInitialGridFilterState`:
+
+  ```diff
+  -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:
+
+  ```diff
+  -const [sortModel, setSortModel] = React.useState(() => getInitialGridSortingState().sortModel);
+  +const [sortModel, setSortModel] React.useState([]);
+
+  -getInitialGridColumnReorderState
+  -getInitialGridColumnResizeState
+  -getInitialGridColumnsState
+  -getInitialGridRenderingState
+  -getInitialGridRowState
+  -getInitialGridState
+  -getInitialVisibleGridRowsState
+  -getInitialGridState
+  ```
+
+#### Changes
+
+- [DataGrid] Add `row` and `cell` component slots (#2753) @m4theushw
+- [DataGrid] Rename `gridCheckboxSelectionColDef` to `GRID_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 `GridRowCells` component (#2811) @m4theushw
+- [DataGrid] Remove class constants exports (#2788) @flaviendelangle
+- [DataGrid] Remove unused event listeners on `GridCell` and `GridRow` (#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 `DataGrid` home page (#2737) @flaviendelangle
+- [docs] Fix JSX closing tag in `getActions` example (#2847) @dstarner
+- [docs] Fix pagination in Ant Design demo (#2787) @ZeeshanTamboli
+- [docs] Update the `page` prop 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 `throttleRowsMs` prop on `DataGridPro` and 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:
+
+  ```diff
+  -const filterModel = filterGridStateSelector(state);
+  +const filterModel = gridFilterModelSelector(state);
+  ```
+
+  ```diff
+  -const density: GridGridDensity = densitySelector(state);
+  +const density: GridDensityState = gridDensitySelector(state);
+  ```
+
+  ```diff
+  -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 `singleSelect` operators (#2666) @jeremyalan
+- [DataGrid] Fix Italian localization (#2717) @destegabry
+- [DataGrid] Fix `undefined` in filter panel (#2715) @DanailH
+- [DataGrid] Fix the fade-out transition of the `GridMenu` (#2734) @flaviendelangle
+- [DataGrid] Pass row `id` to `valueFormatter` (#2738) @m4theushw
+- [DataGrid] Fix `onSortModelChange` to 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 `onChange` event argument (#2669) @jayariglesias
+- [docs] Add explanation about the `id` usage 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 `useDemoData` on 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 `useGridRows` high frequency update (#2561) @flaviendelangle
+- [core] Set up `eps1lon/actions-label-merge-conflict` action (#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 `valueFormatter` to the `singleSelect` column 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 `valueFormatter` were changed. (#2581) @DanailH
+
+  Use the `api` to get the missing params.
+  The `GridValueFormatterParams` interface has the following signature now:
+
+  ```diff
+  -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 `valueFormatter` to `singleSelect` select 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/material` and `@mui/styles` packages and drop support for `@material-ui/core` (#2515, #2571, #2620) @m4theushw
+- 📚 Migrate to the new documentation infrastructure and design (#2441) (@DanailH, @m4theushw)
+- 🎁 Add `actions` column type (#2385) @m4theushw
+
+  See the documentation for [more details](https://mui.com/components/data-grid/columns/#column-types).
+
+- 👁 Allow to disable virtualization with the `disableVirtualization` prop (#2326) @m4theushw
+- 🚀 Introduce the new `isRowSelected` api 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.getState` method.
+
+  ```diff
+  -const state = apiRef.current.getState();
+  +const state = apiRef.current.state
+  ```
+
+- [DataGridPro] The third argument in `apiRef.current.selectRow` is now inverted to keep consistency with other selection APIs. (#2523) @flaviendelangle
+
+  ```diff
+  -selectRow: (id: GridRowId, isSelected?: boolean, allowMultiple?: boolean = false) => void;
+  +selectRow: (id: GridRowId, isSelected?: boolean, resetSelection?: boolean = false) => void;
+  ```
+
+- [DataGrid] Remove the `options` prop from the return of `useGridSlotComponentProps`.
+
+  ```diff
+  -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 `DataGrid` and `DataGridPro` together.
+
+  In order to still be able to do overrides at the theme level, add the following imports to your project:
+
+  ```diff
+  +import type {} from '@mui/x-data-grid/themeAugmentation';
+  +import type {} from '@mui/x-data-grid-pro/themeAugmentation';
+  ```
+
+#### Changes
+
+- [DataGridPro] Only apply `checkboxSelectionVisibleOnly` when pagination is enabled (#2443) @flaviendelangle
+- [DataGridPro] Remove `apiRef.current.getState` method (#2579) @flaviendelangle
+- [DataGrid] Add `disableVirtualization` prop (#2326) @m4theushw
+- [DataGrid] Add missing exports from param models (#2448) @flaviendelangle
+- [DataGrid] Add missing keys to the `classes` prop (#2458) @m4theushw
+- [DataGrid] Add `actions` column 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 `useGridColumnResize` and `useGridInfiniteLoader` (#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 `selectionModel` is used (#2464) @m4theushw
+- [DataGrid] Drop v4 support (#2515) @m4theushw
+- [DataGrid] Export `useGridRootProps` (#2621) @flaviendelangle
+- [DataGrid] Fire `columnOrderChange` event 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 `scrollEndThreshold` to undefined (#2574) @flaviendelangle
+- [DataGrid] Improve ja-JP localization (#2502) @daikiojm
+- [DataGrid] Make `hideFooterRowCount` prop available only for DataGridPro (#2564) @ZeeshanTamboli
+- [DataGrid] Fix a bug where pressing <kbd>Escape</kbd> was not closing the `GridColumnHeaderMenu` (#2463) @DanailH
+- [DataGrid] Prevent scroll when selecting rows (#2558) @m4theushw
+- [DataGrid] Reduce specificity of `GridToolbarContainer` styles (#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 `GridSimpleOptions` interface (#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 `GridEventEmitter` per Grid (#2504) @flaviendelangle
+- [core] Only run Prettier on files different from `next` instead of `master` (#2566) @flaviendelangle
+- [core] Polish issue template (#2503) @oliviertassinari
+- [core] Prepare `x-grid-data-generator` for noImplicitAny (#2505) @flaviendelangle
+- [core] Provide theme augmentation as separate module (#2520) @m4theushw
+- [core] Publish `GridEvents.rowsSet` when the rows state is modified after `props.rows` is 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-ui` usages (#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 `@mui` packages (#2571) @m4theushw
+- [core] Synchronously subscribe to events in `useGridApiEventHandler` (#2557) @flaviendelangle
+- [core] Update `.browserslistrc` file (#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](https://github.com/mui/mui-x/commit/705cb0f387b5f3aa056bf40c4183a2342b317447). With the introduction of the [row edit](https://mui.com/components/data-grid/editing/#row-editing) 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](https://github.com/mui/material-ui) 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](https://mui.com/components/data-grid/editing/#row-editing) feature (#2098) @m4theushw
+
+  <img src="https://user-images.githubusercontent.com/3165635/130665023-3c0730ab-502e-4da1-8bc1-d572427ad2d6.gif" width="851" height="382" />
+
+- ⚡️ Rename the `XGrid` component to `DataGridPro` (#2382) @m4theushw
+
+  This should help clarify the products vs. plans separation. [MUI X](https://github.com/mui/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-ui` npm scope to `@mui` (#2341) @oliviertassinari
+
+  This 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 `api` property was removed from the callback params. To access the API, use the `DataGridPro` (#2312) @DanailH
+
+### `@mui/x-data-grid@v4.0.0` / `@mui/x-data-grid-pro@v4.0.0`
+
+#### Breaking changes
+
+- [DataGrid] Move packages to `@mui` scope and rename `XGrid` to `DataGridPro` (#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:
+
+  ```diff
+  -import { DataGrid } from '@material-ui/data-grid';
+  +import { DataGrid } from '@mui/x-data-grid';
+  ```
+
+  ```diff
+  -import { XGrid } from '@material-ui/x-grid';
+  -<XGrid />
+  +import { DataGridPro } from '@mui/x-data-grid-pro';
+  +<DataGridPro />
+  ```
+
+- [DataGrid] The `api` property was removed from the callback params (#2312) @DanailH
+  To access the API, use the `DataGridPro` and get it from the new `details` param.
+
+  ```diff
+   <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-odd` and `.Mui-even` were removed from the row.
+
+#### Changes
+
+- [DataGrid] Add `gridClasses` API 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-box` leak (#2330) @m4theushw
+- [DataGrid] Fix keyboard navigation header regression (#2342) @oliviertassinari
+- [DataGrid] Fix keyboard navigation on filtered rows (#2336) @m4theushw
+
+### Docs
+
+- [docs] Add `Row & Cell editing` in features list (#2396) @ZeeshanTamboli
+- [docs] Add redirect from `XGrid` to `DataGridPro` (#2389) @m4theushw
+- [docs] Fix `onCellEditCommit` param type (#2390) @ArthurPedroti
+- [docs] Fix docs for `onEditRowsModelChange` prop (#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 `options` internal 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 `useGridColumns` hook (#2343) @oliviertassinari
+- [core] Update `doesSupportTouchActionNone` implementation (#2378) @DanailH
+- [core] Upgrade dependency with the monorepo (#2377) @oliviertassinari
+- [test] Use `.not.to.equal` in favour of `to.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 `onViewportRowsChange` prop for `XGrid` only (#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 `GridEvents` enum (#2279) @flaviendelangle
+
+  ```diff
+  -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 `valueOptions` is missing in the `GridColDef` when using `singleSelect` (#2276) @DanailH
+- [DataGrid] Remove the use of the `autoFocus` attribute (#2239) @m4theushw
+- [DataGrid] Drop support for @material-ui/core below 4.12.0 (#2281) @DanailH
+- [DataGrid] Fix when `renderCell` returns 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 `useGridVirtualColumns` into `useGridVirtualRows` (#2314) @m4theushw
+- [DataGrid] Remove dependency on x-license (#2295) @oliviertassinari
+- [DataGrid] Translate booleans when exporting to CSV (#2296) @m4theushw
+- [XGrid] Add `onViewportRowsChange` prop (#2038) @DanailH
+
+### Docs
+
+- [docs] Fix page size warnings (#2301) @oliviertassinari
+- [docs] Sort events alphabetically (#2278) @flaviendelangle
+
+### Core
+
+- [core] Assert that `event.defaultMuiPrevented` is 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 `details` param to each callback option in `XGrid` (#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 `onCellModeChange` prop with `onCellEditStart` or `onCellEditStop`.
+  - Rename `onCellEditEnter` prop to `onCellEditStart`.
+  - Rename `onCellEditEnd` prop to `onCellEditStop`.
+
+  ```diff
+   <DataGrid
+  -  onCellEditEnter={...}
+  -  onCellEditExit={...}
+  +  onCellEditStart={...}
+  +  onCellEditStop={...}
+   />
+  ```
+
+  - [XGrid] The `setEditCellProps` API call is not available anymore.
+    Use the [controlled editing](https://mui.com/components/data-grid/editing/#controlled-editing) or `setEditRowsModel`.
+
+  ```diff
+  -apiRef.current.setEditCellProps({ id, field, props: { ...props, error: true } });
+  +apiRef.current.setEditRowsModel({
+  +  ...oldModel,
+  +  [id]: {
+  +    ...oldModel[id],
+  +    [field]: { ...oldModel[id][field], error: true },
+  +  },
+  +});
+  ```
+
+- [DataGrid] Allow non-integer column width for flex columns (#2282) @flaviendelangle
+
+  - The `width` property of the columns is no longer updated with the actual width of of the column. Use the new `computedWidth` property in the callbacks instead.
+
+  ```diff
+  const columns: GridColDef = [
+    {
+    field: "name",
+    width: 100,
+    renderCell: ({ value, colDef }) => {
+    - console.log(colDef.width!)
+    + console.log(colDef.computedWidth)
+      return value
+    }
+  ]
+  ```
+
+#### 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 `details` param to each callback option in `XGrid` (#2236) @DanailH
+
+### Docs
+
+- [docs] Improve slot API docs (#2219) @oliviertassinari
+- [docs] Document virtualization APIs in virtualization section (#2247) @ZeeshanTamboli
+
+### Core
+
+- [core] Isolate `DataGrid` and `XGrid` (#2176) @dtassone
+- [core] Move `GridFilterModel` in the models directory (#2243) @flaviendelangle
+- [core] Add new column internal `computedWidth` field (#2235) @flaviendelangle
+- [core] Use `rootProps` instead of `options` in the grid components except for `classes` (#2213) @flaviendelangle
+- [core] Fix `rebaseWhen=auto` not 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 `onEditCellChange` prop was renamed to `onEditCellPropsChange`.
+  - The `onEditCellChangeCommitted` prop was renamed to `onCellEditCommit`.
+  - The `onEditRowModelChange` prop was removed. Use the new `onEditRowsModelChange` prop.
+
+    ```diff
+    -onEditRowModelChange?: (params: GridEditRowModelParams)
+    +onEditRowsModelChange?: (editRowsModel: GridEditRowsModel)
+    ```
+
+- [XGrid] Improve controllable cell edit (#2143) @m4theushw
+
+  - The `cellEditPropsChange` event was renamed to `editCellPropsChange`.
+  - The `cellEditPropsChangeCommitted` event was renamed to `cellEditCommit`.
+  - The `cellValueChange` event was removed. Listen to `cellEditCommit` to detect when the value is committed.
+  - The `editRowModelChange` event was renamed to `editRowsModelChange`.
+
+- [DataGrid] Improve controllable pagination (#2099) @flaviendelangle
+
+  - The `pageSize` is now a controlled prop. If you set a value, you also need to handle updates with onPageSizeChange. See [the documentation](https://mui.com/components/data-grid/pagination/#page-size).
+  - Change the controllable API signature:
+
+    ```diff
+    // Signature
+    -onPageChange?: (params: GridPageChangeParams) => void;
+    +onPageChange?: (page: number) => void;
+
+    // Usage
+    -<DataGrid onPageChange={(params: GridPageChangeParams) => setPage(params.page)} />
+    +<DataGrid onPageChange={(page: number) => setPage(page)} />
+    ```
+
+    ```diff
+    // 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 selection` console error (#2197) @ZeeshanTamboli
+- [DataGrid] Fix `disableMultipleColumnsFiltering` console 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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.33...v4.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.
+
+  ```diff
+  -apiRef.current.isColumnVisibleInWindow()
+  ```
+
+- [DataGrid] Remove stateId argument from GridApi getState method (#2141) @flaviendelangle
+
+  ```diff
+  -const filterState = apiRef.current.getState('filter');
+  +const filterState = apiRef.current.state.filter;
+  ```
+
+- [DataGrid] Improve controllable sorting (#2095) @dtassone
+
+  Normalize the controlled prop signature:
+
+  ```diff
+   <DataGrid
+  -  onSortModelChange={(params: GridSortModelParams) => setSortModel(params.model)}
+  +  onSortModelChange={(model: GridSortModel) => setSortModel(model)}
+   />
+  ```
+
+- [DataGrid] Improve controllable filter (#1909) @dtassone
+
+  Normalize the controlled prop signature:
+
+  ```diff
+   <DataGrid
+  -  onFilterModelChange={(params: GridFilterModelParams) => setFilterModel(params.model)}
+  +  onFilterModelChange={(model: GridFilterModel) => setFilterModel(model)}
+   />
+  ```
+
+- [DataGrid] Improve the editing API (#1955) @m4theushw
+
+  - The `props` key in the first argument of `commitCellChange` was removed to promote the use of the value already stored in the state.
+    To update the value in the state, call `setEditCellProps` before.
+
+    ```diff
+    -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 `commitCellChange` in a cell in view mode will throw an error. Make sure to first enter the edit mode.
+
+    ```diff
+    +apiRef.current.setCellMode(1, 'name', 'edit');
+    apiRef.current.commitCellChange({ id: 1, field: 'name' });
+    ```
+
+  - The `setCellValue` was removed from the API. Use `commitCellChange` or `updateRows` in place.
+
+    ```diff
+    -apiRef.current.setCellValue({ id: 1, field: 'name', value: 'Ana' });
+    +apiRef.current.updateRows([{ id: 1, name: 'Ana' }]);
+    ```
+
+    or
+
+    ```diff
+    -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 `getEditCellProps` was removed because `getEditCellPropsParams` offers the same functionality.
+
+    ```diff
+    -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:
+
+  ```diff
+   <DataGrid
+  -  onSelectionModelChange={(params: GridSelectionModelChangeParams) => setSelectionModel(params.model)}
+  +  onSelectionModelChange={(model: GridSelectionModel) => setSelectionModel(model)}
+   />
+  ```
+
+  Replace `onRowSelected` with the existing API:
+
+  ```diff
+   <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 `minWidth` to `GridColDef` (#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 `pageSizeChange` when 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 `editMode` prop (#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:api` script 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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.32...v4.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 <kbd>CTRL</kbd> + <kbd>c</kbd> (#1929) @m4theushw
+- 🐛 We have fixed the `Select all` checkbox. When triggered, it should only select the filtered rows (#1879) @ZeeshanTamboli
+- ⚡️ We have added a new `singleSelect` column type (#1956) @DanailH
+
+  Using the column `type: 'singleSelect'` defaults to `Select` component when the cell is in `edit` mode. You can find the documentation [following this link](https://mui.com/components/data-grid/columns/#column-types).
+
+  ```jsx
+  <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 `onColumnResizeCommitted` to `onColumnWidthChange` (#1967) @m4theushw
+
+  ```diff
+  -<DataGrid onColumnResizeCommitted={...} />
+  +<DataGrid onColumnWidthChange={...} />
+  ```
+
+- [DataGrid] Make GRID_ROWS_CLEAR private (#1925) @oliviertassinari
+
+  The `rowsCleared` event was always triggered alongside `rowsSet`. You can listen to the latter event only.
+
+- [DataGrid] Fix events naming (#1862) @m4theushw
+
+  The following `XGrid` events were renamed:
+
+  - `columnHeaderNavigationKeydown` to `columnHeaderNavigationKeyDown`
+  - `columnResizeCommitted` to `columnWidthChange`
+  - `rowsUpdated` to `rowsUpdate`
+  - `columnsUpdated` to `columnsChange`
+
+  The following `XGrid` DOM events were removed:
+
+  - `focusout`
+  - `keydown`
+  - `keyup`
+
+#### 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 all` checkbox 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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.31...v4.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 `Select` and `Autocomplete`, can now be used in the cell editing (#1772) @m4theushw
+- 📃 Apply the `valueFormatter` to the CSV exporting (#1922) @DanailH
+- 💅 Rename CSS classes to match the convention of the core components (#1872) @DanailH
+- 🌎 Isolate translations from Material-UI Core and Material-UI 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 `onEditCellChangeCommitted` prop won't be called with an event when committing changes by clicking outside the cell (#1910) @m4theushw
+- [DataGrid] Translation for Material-UI Core components are no longer included in the Material-UI X translation (#1913) @DanailH
+
+  ```diff
+   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 `disableClickEventBubbling` prop was removed (#1910) @m4theushw
+
+  The same outcome can be obtained by using the React synthetic event, calling `event.stopPropagation()`:
+
+  ```diff
+  -<DataGrid disableClickEventBubbling />
+  +<DataGrid onCellClick={(event) => event.stopPropagation()} />
+  ```
+
+- [DataGrid] Rename CSS classes according to new convention (#1872) @DanailH
+
+  The main grid components:
+
+  - `.data-container` was removed
+  - `.MuiDataGrid-columnHeaderSortable` was renamed to `.MuiDataGrid-columnHeader--sortable`
+  - `.MuiDataGrid-columnHeaderCenter` was renamed to `.MuiDataGrid-columnHeader--alignCenter`
+  - `.MuiDataGrid-columnHeaderRight` was renamed to `.MuiDataGrid-columnHeader--alignRight`
+  - `.MuiDataGrid-columnHeader-draggable` was renamed to `.MuiDataGrid-columnHeaderDraggableContainer`
+  - `.MuiDataGrid-columnHeaderSortable` was renamed to `.MuiDataGrid-columnHeader--sortable`
+  - `.MuiDataGrid-columnHeaderMoving` was renamed to `.MuiDataGrid-columnHeader--moving`
+  - `.MuiDataGrid-columnHeaderSorted` was renamed to `.MuiDataGrid-columnHeader--sorted`
+  - `.MuiDataGrid-columnHeaderNumeric` was renamed to `.MuiDataGrid-columnHeader--numeric`
+  - `.MuiDataGrid-columnHeader-dropZone` was renamed to `.MuiDataGrid-columnHeaderDropZone`
+  - `.MuiDataGrid-columnSeparatorResizable` was renamed to `.MuiDataGrid-columnSeparator--resizable`
+  - `.MuiDataGrid-cellWithRenderer` was renamed to `.MuiDataGrid-cell--withRenderer`
+  - `.MuiDataGrid-cellLeft` was renamed to `.MuiDataGrid-cell--textLeft`
+  - `.MuiDataGrid-cellRight` was renamed to `.MuiDataGrid-cell--textRight`
+  - `.MuiDataGrid-cellCenter` was renamed to `.MuiDataGrid-cell--textCenter`
+  - `.MuiDataGrid-cellEditing` was renamed to `.MuiDataGrid-cell--editing`
+  - `.MuiDataGrid-cellEditable` was renamed to `.MuiDataGrid-cell--editable`
+  - `.MuiDataGrid-editCellBoolean` was renamed to `.MuiDataGrid-editBooleanCell`
+  - `.MuiDataGrid-editCellInputBase` was renamed to `.MuiDataGrid-editInputCell`
+  - `.MuiDataGrid-scrollArea-left` was renamed to `.MuiDataGrid-scrollArea--left`
+  - `.MuiDataGrid-scrollArea-right` was 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-footer` was renamed to `.MuiDataGrid-footerContainer`
+  - `.MuiDataGrid-toolbar` was renamed to `.MuiDataGrid-toolbarContainer`
+
+#### Changes
+
+- [DataGrid] Add `aria-label` to `GridToolbarExport` (#1869) @rbrishabh
+- [DataGrid] Add support for edit components that use portal (#1772) @m4theushw
+- [DataGrid] Add `useGridApiContext` hook to access the `GridApiContext` (#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 `getRowId` on 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 Material-UI 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 `disableDensitySelector` description (#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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.30...v4.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 <kbd>CTRL</kbd> + click (#1813) @ZeeshanTamboli
+- ⚡️ Refactor scroll size detector (#1703) @dtassone
+- 📖 Add [documentation](https://mui.com/api/data-grid/) 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 `headerClassName` type (#1778) @DanailH
+
+  `cellClassName` and `headerClassName` no longer accept array of strings.
+
+  ```diff
+  -cellClassName?: string | string[] | (params: GridCellParams) => string;
+  +cellClassName?: string | (params: GridCellParams) => string;
+  ```
+
+  ```diff
+  -headerClassName?: string | string[];
+  +headerClassName?: string | (params: GridColumnHeaderParams) => string;
+  ```
+
+#### Changes
+
+- [DataGrid] Add `valueParser` to parse values entered by the user (#1785) @m4theushw
+- [DataGrid] Allow to customize GridToolbarExport's CSV export (#1695) @michallukowski
+- [DataGrid] Allow to deselect rows with <kbd>CTRL</kbd> + 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 `disableDensitySelector` option (#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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.29...v4.0.0-alpha.30)
+
+_May 31, 2021_
+
+Big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
+
+- 💅 Add `getCellClassName` prop (#1687) @m4theushw
+- 🐛 Fix a regression in the controlled pagination (#1729) @ZeeshanTamboli
+- ⚡️ Remove `cellClassRules` from `GridColDef` (#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`.
+
+  ```diff
+  -.MuiDataGridFilterToolbarButton-list
+  +.MuiDataGridToolbarFilterButton-list
+  ```
+
+  ```diff
+  -<GridColumnsToolbarButton />
+  +<GridToolbarColumnsButton />
+  ```
+
+  ```diff
+  -<GridFilterToolbarButton />
+  +<GridToolbarFilterButton />
+  ```
+
+  ```diff
+  -<GridDensitySelector />
+  +<GridToolbarDensitySelector />
+  ```
+
+- [DataGrid] Remove `cellClassRules` from `GridColDef` (#1716) @m4theushw
+
+  The `GridCellClassParams` type is not exported anymore. Replace it with `GridCellParams`.
+
+  ```diff
+  -import { GridCellClassParams} from '@material-ui/data-grid';
+  +import { GridCellParams } from '@material-ui/data-grid';
+
+  -cellClassName: (params: GridCellClassParams) =>
+  +cellClassName: (params: GridCellParams) =>
+  ```
+
+  The `cellClassRules` in `GridColDef` was removed because it's redundant. The same functionality can be obtained using `cellClassName` and the [`clsx`](https://www.npmjs.com/package/clsx) utility:
+
+  ```diff
+  +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 `onPageChange` doesn't update the `page` when a pagination button is clicked (#1719) @ZeeshanTamboli
+
+  Fix naming of `pageChange` and `pageSizeChange` events variables. The correct event variable name should be prefixed with `GRID_` and converted to UPPER_CASE.
+
+  ```diff
+  -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 `getEditCellValueParams` method was removed from the `apiRef` (#1767) @m4theushw
+
+  The `getEditCellValueParams` method was almost a straightforward alias of `getEditCellPropsParams`.
+
+  ```diff
+  -const { value } = apiRef.current.getEditCellValueParams(id, field);
+  +const { props: { value } } = apiRef.current.getEditCellPropsParams(id, field);
+  ```
+
+#### Changes
+
+- [DataGrid] Add `getCellClassName` prop (#1687) @m4theushw
+- [DataGrid] Add customizable `aria-label`, `aria-labelledby` field (#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 `rowCount` prop 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 `onFilterModelChange` not 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 `GridApi` descriptions (#1767) @m4theushw
+
+### Core
+
+- [core] Batch updates of storybook (#1751) @oliviertassinari
+- [core] Help support different documents (#1754) @oliviertassinari
+- [core] Upgrade Material-UI core v5 to latest version (#1763) @ZeeshanTamboli
+- [test] Reduce flakiness (#1753) @oliviertassinari
+- [test] Remove skip on Edge (#1708) @m4theushw
+
+## [4.0.0-alpha.29](https://github.com/mui/mui-x/compare/v4.0.0-alpha.28...v4.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`, `row` and `cell` to the `classes` prop (#1660) @DanailH
+- ✅ Add the `isRowSelectable` prop to disable selection on certain rows (#1659) @m4theushw
+
+  See the documentation for [more details](https://mui.com/components/data-grid/selection/#disable-selection-on-certain-rows).
+
+- ⚡️ 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`, and `colIndex` from all `params` arguments (#1513) @dtassone
+
+  You can use the following `apiRef` methods to replace some of them:
+
+  ```diff
+  -params.rowIndex
+  -params.colIndex
+  +apiRef.current.getRowIndex(params.id)
+  +apiRef.current.getColumnIndex(params.field)
+  ```
+
+- [DataGrid] Calling `params.getValue` now requires the id to be passed (#1513) @dtassone
+
+  ```diff
+  -params.getValue(field)
+  +params.getValue(params.id, field)
+  ```
+
+- [DataGrid] Rename CSS classes (#1660) @DanailH
+
+  1. `MuiDataGrid-colCellWrapper` to `MuiDataGrid-columnHeaderWrapper`
+  2. `MuiDataGrid-colCell` to `MuiDataGrid-columnHeader`
+  3. `MuiDataGrid-colCellCheckbox` to `MuiDataGrid-columnHeaderCheckbox`
+  4. `MuiDataGrid-colCellSortable` to `MuiDataGrid-columnHeaderSortable`
+  5. `MuiDataGrid-colCellCenter` to `MuiDataGrid-columnHeaderCenter`
+  6. `MuiDataGrid-colCellLeft` to `MuiDataGrid-columnHeaderLeft`
+  7. `MuiDataGrid-colCellRight` to `MuiDataGrid-columnHeaderRight`
+
+- [XGrid] Calling `setCellFocus` now requires the id and field to be passed (#1513) @dtassone
+
+  ```diff
+  -apiRef.current.setCellFocus: (indexes: GridCellIndexCoordinates) => void;
+  +apiRef.current.setCellFocus: (id: GridRowId, field: string) => void;
+  ```
+
+- [XGrid] Rename `apiRef` methods (#1513) @dtassone
+
+  Changes on `apiRef.current`:
+
+  ```diff
+  -apiRef.current.getRowIndexFromId: (id: GridRowId) => number;
+  +apiRef.current.getRowIndex: (id: GridRowId) => number;
+  ```
+
+- [XGrid] Rename `apiRef` methods (#1667) @m4theushw
+
+  Changes on `apiRef.current`:
+
+  ```diff
+  -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`, `row` and `cell` in addition to `root` in classes prop (#1660) @DanailH
+- [DataGrid] Add `isRowSelectable` prop (#1659) @m4theushw
+- [DataGrid] Add sort icon for when column is unsorted (#1415) @m4theushw
+- [DataGrid] Fix `id` and `aria-labelledby` attributes 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 `makeStyles` dependency on `@material-ui/core/styles` (#1627) @mnajdova
+- [core] Remove `withStyles` dependency on `@material-ui/core/styles` (#1690) @mnajdova
+- [core] Replace `classnames` utility with `clsx` dependency (#1586) @ZeeshanTamboli
+- [core] Reuse `colIndex` already computed (#1666) @oliviertassinari
+- [test] Add constraints on cell render (#1662) @oliviertassinari
+- [test] Catch broken demos (#1692) @oliviertassinari
+
+## [4.0.0-alpha.28](https://github.com/mui/mui-x/compare/v4.0.0-alpha.27...v4.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 `onColumnVisibilityChange` prop (#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 `toggleColumn` method for consistency (#1578) @DanailH
+
+  ```diff
+  -apiRef.current.toggleColumn: (field: string, forceHide?: boolean) => void;
+  +apiRef.current.setColumnVisibility: (field: string, isVisible: boolean) => void;
+  ```
+
+- [XGrid] Fix event typo (#1574) @DanailH
+
+  ```diff
+  -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 `onColumnVisibilityChange` prop (#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 button` demo (#1515) @ZeeshanTamboli
+- [docs] Fix typo of `onColumnResizeCommitted` prop (#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 `GridApi` type 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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.26...v4.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 `onAction` APIs (#1453) @DanailH
+
+  These event handlers on the apiRef were duplicating with the react props
+  and the event subscribe API. Changes on `apiRef.current`:
+
+  ```diff
+  -onFilterModelChange
+  -onPageChange
+  -onPageSizeChange
+  -onResize
+  -onUnmount
+  -onRowSelected
+  -onSelectionModelChange
+  -onSortModelChange
+  -onStateChange
+  ```
+
+  Note: These methods are available as React props.
+
+- [XGrid] Refactor useGridColumnResize (#1380) @DanailH
+
+  Changes on `apiRef.current`:
+
+  ```diff
+  -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 `classes` prop (#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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.25...v4.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](https://mui.com/components/data-grid/editing/#cell-editing). We have spent the last three months working on it.
+
+  ![cell edit](https://user-images.githubusercontent.com/3165635/115632215-87994700-a307-11eb-91d9-9f5537df0911.gif)
+
+- 🐞 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 <kbd>Tab</kbd> behavior.
+
+## [4.0.0-alpha.25](https://github.com/mui/mui-x/compare/v4.0.0-alpha.24...v4.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`.
+
+```diff
+-  getRowModels: () => GridRowModel[];
++  getRowModels: () => Map<GridRowId, GridRowModel>;
+-  getVisibleRowModels: () => GridRowModel[];
++  getVisibleRowModels: () => Map<GridRowId, GridRowModel>;
+-  getSelectedRows: () => GridRowModel[];
++  getSelectedRows: () => Map<GridRowId, GridRowModel>;
+```
+
+- Changes on `GridFilterModelParams`.
+
+```diff
+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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.23...v4.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 `GridBaseComponentProps` through the props. To use the `GridBaseComponentProps` call the `useGridSlotComponentProps` hook. (#1252) @DanailH
+- [DataGrid] Type `GridSlotsComponent` changed (#1252) @DanailH
+- [DataGrid] Rename `GridBaseComponentProps` type to `GridSlotComponentProps` (#1252) @DanailH
+- [DataGrid] Rename `useGridBaseComponentProps` hook to `useGridSlotComponentProps` (#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`, `onColItemDragEnter` removed from the grid API. Prefer listening to [column reordering events](https://mui.com/components/data-grid/columns/#column-reorder) (#1299) @m4theushw
+- [DataGrid] Calling `apiRef.current.getColumnHeaderParams` returns a `GridColumnHeaderParams` instead of `GridColParams` (#1299) @m4theushw
+- [DataGrid] Events that follow the pattern `GRID_COLUMN_HEADER_xxx` will be called with a `GridColumnHeaderParams` instead of `GridColParams` (#1299) @m4theushw
+- [DataGrid] The `renderHeader` will be called with a `GridColumnHeaderParams` instead of `GridColParams` (#1299) @m4theushw
+- [DataGrid] The `apiRef.current.moveColumn` was renamed to `apiRef.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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.22...v4.0.0-alpha.23)
+
+_Mar 22, 2021_
+
+Big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Add `onRowsScrollEnd` to support infinite loading (#1199) @DanailH
+  This is an XGrid feature. Provides the ability to tap into the `onRowsScrollEnd` which 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 of `scrollBottomThreshold` to control the area in which the `onRowsScrollEnd` is called.
+
+  See the documentation for [more details](https://mui.com/components/data-grid/rows/#infinite-loading).
+
+- 🕹 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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.21...v4.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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.20...v4.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 `GridToolbarExport` component in the toolbar or use the apiRef `exportDataAsCsv`/`getDataAsCsv` methods.
+
+  See the documentation for [more details](https://mui.com/components/data-grid/export/#csv-export).
+
+- 🌏 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](https://github.com/mui/mui-x/pull/1069).
+
+#### 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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.19...v4.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](https://mui.com/components/data-grid/localization/#supported-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 `selectionModel` prop (#986) @dtassone
+  The prop can be used to control the selected rows in the data grid. [See the docs](https://mui.com/components/data-grid/selection/#controlled-selection).
+- 💅 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 `sortDirection` from column definitions. Consolidate around fewer ways of doing the same thing. (#1015) @dtassone
+
+  ```diff
+  -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 `onSelectionChange` prop to `onSelectionModelChange` for consistency. (#986) @dtassone
+
+  ```diff
+  -<DataGrid onSelectionChange={selectionChangeHandler} />
+  +<DataGrid onSelectionModelChange={onSelectionModelChangeHandler} />
+  ```
+
+- [DataGrid] Remove `showToolbar` prop (#948) @DanailH
+
+  ```diff
+  -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 `TablePagination` and JavaScript arrays that are 0-based. Material-UI still uses a 1-base page for the `Pagination` component that matches the URL's query.
+
+  ```diff
+  -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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.18...v4.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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.17...v4.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: `components` and `componentsProps`.
+  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](https://github.com/mui/material-ui/issues/21453) 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 `components` prop. This change aims to bring consistency with the customization pattern of Material-UI v5:
+
+  ```diff
+  <DataGrid
+    components={{
+  -   noRowsOverlay: CustomNoRowsOverlay,
+  +   NoRowOverlay: CustomNoRowsOverlay,
+    }}
+  />
+  ```
+
+  - Move all the icon components overrides in the `components` prop. And added the suffix 'Icon' on each icon component. This change aims to bring consistency with the customization pattern of Material-UI v5:
+
+  ```diff
+  <DataGrid
+  - icons: {{
+  -   ColumnSortedAscending: SortedAscending,
+  - }},
+  + components={{
+  +   ColumnSortedAscendingIcon: SortedAscending,
+  + }}
+  />
+  ```
+
+  - Change the props provided to the component of the `components` prop. Expose the whole state instead of an arbitrary set of props:
+
+  ```diff
+  -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 }} />
+  ```
+
+#### 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 <kbd>Shift</kbd> + <kbd>Space</kbd> 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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.15...v4.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](https://mui.com/components/data-grid/columns/#column-selector).
+
+  ![column selector](https://user-images.githubusercontent.com/3165635/104791267-6ff77300-579a-11eb-9338-11a8fde83258.gif)
+
+- 🐛 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 `onPageChange` firing too often (#838) @dtassone
+- [DataGrid] Fix behavior of the `hideFooter` prop (#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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.14...v4.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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.13...v4.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 `localeText` prop to provide custom wordings in the data grid.
+  Check the documentation for [a demo](https://mui.com/components/data-grid/localization/#translation-keys).
+
+- 📚 Start documenting the filtering feature 🧪 (#754) @dtassone
+
+  The work in progress filtering feature and documentation can be found following [this link](https://mui.com/components/data-grid/filtering/). 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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.12...v4.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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.11...v4.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](https://mui.com/components/data-grid/rendering/#density) 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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.10...v4.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 `RowData` and `RowModel`.
+  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 the `rows` prop array.
+
+  The API to change update the rows using apiRef has changed:
+
+  ```diff
+  -apiRef.current.updateRowData()
+  +apiRef.current.updateRows()
+  ```
+
+  ```diff
+  -apiRef.current.setRowModels()
+  +apiRef.current.setRows()
+  ```
+
+  `apiRef.current.updateRowModels` has been removed, please use `apiRef.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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.9...v4.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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.8...v4.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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.7...v4.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](https://bundlephobia.com/result?p=@material-ui/data-grid@4.0.0-alpha.7) gzipped down to [27.3 kB](https://bundlephobia.com/result?p=@material-ui/data-grid@4.0.0-alpha.8) 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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.6...v4.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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.2...v4.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](https://github.com/mui/mui-x/compare/v4.0.0-alpha.1...v4.0.0-alpha.2)
+
+_Sep 18, 2020_
+
+- [DataGrid] Fix wrongly exported types (#298) @dtassone
+
+## [4.0.0-alpha.1](https://github.com/mui/mui-x/compare/v0.1.67...v4.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/components/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