@mui/x-data-grid-pro 5.8.0 โ†’ 5.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/CHANGELOG.md +333 -66
  2. package/DataGridPro/DataGridPro.d.ts +1 -1
  3. package/DataGridPro/DataGridPro.js +51 -3
  4. package/DataGridPro/useDataGridProComponent.js +9 -4
  5. package/DataGridPro/useDataGridProProps.js +20 -5
  6. package/LICENSE +12 -0
  7. package/README.md +7 -5
  8. package/components/DataGridProColumnHeaders.js +2 -8
  9. package/components/DataGridProVirtualScroller.js +7 -7
  10. package/components/GridDetailPanelToggleCell.js +13 -2
  11. package/components/GridGroupingCriteriaCell.js +2 -2
  12. package/components/GridRowReorderCell.d.ts +5 -0
  13. package/components/GridRowReorderCell.js +72 -0
  14. package/components/GridTreeDataGroupingCell.js +15 -4
  15. package/hooks/features/columnPinning/useGridColumnPinning.js +4 -4
  16. package/hooks/features/columnReorder/useGridColumnReorder.d.ts +0 -1
  17. package/hooks/features/columnReorder/useGridColumnReorder.js +8 -9
  18. package/hooks/features/columnResize/useGridColumnResize.d.ts +0 -1
  19. package/hooks/features/columnResize/useGridColumnResize.js +31 -20
  20. package/hooks/features/detailPanel/useGridDetailPanel.js +14 -6
  21. package/hooks/features/detailPanel/useGridDetailPanelCache.js +2 -2
  22. package/hooks/features/index.d.ts +1 -1
  23. package/hooks/features/index.js +1 -1
  24. package/hooks/features/infiniteLoader/useGridInfiniteLoader.d.ts +0 -1
  25. package/hooks/features/infiniteLoader/useGridInfiniteLoader.js +4 -5
  26. package/hooks/features/rowGrouping/createGroupingColDef.d.ts +1 -1
  27. package/hooks/features/rowGrouping/gridRowGroupingInterfaces.d.ts +1 -1
  28. package/hooks/features/rowGrouping/gridRowGroupingUtils.js +4 -4
  29. package/hooks/features/rowGrouping/useGridRowGrouping.d.ts +0 -2
  30. package/hooks/features/rowGrouping/useGridRowGrouping.js +8 -12
  31. package/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js +2 -2
  32. package/hooks/features/rowReorder/gridRowReorderColDef.d.ts +2 -0
  33. package/hooks/features/rowReorder/gridRowReorderColDef.js +18 -0
  34. package/hooks/features/rowReorder/index.d.ts +1 -0
  35. package/hooks/features/rowReorder/index.js +1 -0
  36. package/hooks/features/rowReorder/useGridRowReorder.d.ts +8 -0
  37. package/hooks/features/rowReorder/useGridRowReorder.js +111 -0
  38. package/hooks/features/rowReorder/useGridRowReorderPreProcessors.d.ts +4 -0
  39. package/hooks/features/rowReorder/useGridRowReorderPreProcessors.js +51 -0
  40. package/hooks/features/treeData/useGridTreeData.d.ts +0 -3
  41. package/hooks/features/treeData/useGridTreeData.js +2 -8
  42. package/index.d.ts +6 -1
  43. package/index.js +7 -3
  44. package/internals/index.d.ts +19 -0
  45. package/internals/index.js +17 -0
  46. package/internals/package.json +6 -0
  47. package/legacy/DataGridPro/DataGridPro.js +51 -3
  48. package/legacy/DataGridPro/useDataGridProComponent.js +9 -4
  49. package/legacy/DataGridPro/useDataGridProProps.js +20 -5
  50. package/legacy/components/DataGridProColumnHeaders.js +2 -8
  51. package/legacy/components/DataGridProVirtualScroller.js +7 -7
  52. package/legacy/components/GridDetailPanelToggleCell.js +13 -2
  53. package/legacy/components/GridGroupingCriteriaCell.js +2 -2
  54. package/legacy/components/GridRowReorderCell.js +74 -0
  55. package/legacy/components/GridTreeDataGroupingCell.js +15 -4
  56. package/legacy/hooks/features/columnPinning/useGridColumnPinning.js +4 -4
  57. package/legacy/hooks/features/columnReorder/useGridColumnReorder.js +8 -9
  58. package/legacy/hooks/features/columnResize/useGridColumnResize.js +31 -20
  59. package/legacy/hooks/features/detailPanel/useGridDetailPanel.js +14 -6
  60. package/legacy/hooks/features/detailPanel/useGridDetailPanelCache.js +2 -2
  61. package/legacy/hooks/features/index.js +1 -1
  62. package/legacy/hooks/features/infiniteLoader/useGridInfiniteLoader.js +4 -5
  63. package/legacy/hooks/features/rowGrouping/gridRowGroupingUtils.js +5 -5
  64. package/legacy/hooks/features/rowGrouping/useGridRowGrouping.js +8 -12
  65. package/legacy/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js +2 -2
  66. package/legacy/hooks/features/rowReorder/gridRowReorderColDef.js +20 -0
  67. package/legacy/hooks/features/rowReorder/index.js +1 -0
  68. package/legacy/hooks/features/rowReorder/useGridRowReorder.js +115 -0
  69. package/legacy/hooks/features/rowReorder/useGridRowReorderPreProcessors.js +52 -0
  70. package/legacy/hooks/features/treeData/useGridTreeData.js +2 -8
  71. package/legacy/index.js +7 -3
  72. package/legacy/internals/index.js +17 -0
  73. package/legacy/models/gridRowOrderChangeParams.js +1 -0
  74. package/legacy/models/index.js +1 -2
  75. package/legacy/typeOverloads/index.js +1 -0
  76. package/legacy/utils/domUtils.js +30 -3
  77. package/legacy/utils/index.js +1 -0
  78. package/legacy/utils/releaseInfo.js +1 -1
  79. package/legacy/utils/tree/buildRowTree.js +11 -4
  80. package/legacy/utils/tree/index.js +1 -0
  81. package/models/dataGridProProps.d.ts +36 -24
  82. package/models/gridApiPro.d.ts +3 -2
  83. package/models/gridRowOrderChangeParams.d.ts +18 -0
  84. package/models/gridRowOrderChangeParams.js +1 -0
  85. package/models/gridStatePro.d.ts +4 -3
  86. package/models/index.d.ts +1 -2
  87. package/models/index.js +1 -2
  88. package/modern/DataGridPro/DataGridPro.js +51 -3
  89. package/modern/DataGridPro/useDataGridProComponent.js +9 -4
  90. package/modern/DataGridPro/useDataGridProProps.js +16 -3
  91. package/modern/components/DataGridProColumnHeaders.js +2 -8
  92. package/modern/components/DataGridProVirtualScroller.js +7 -7
  93. package/modern/components/GridDetailPanelToggleCell.js +13 -2
  94. package/modern/components/GridGroupingCriteriaCell.js +2 -2
  95. package/modern/components/GridRowReorderCell.js +72 -0
  96. package/modern/components/GridTreeDataGroupingCell.js +15 -4
  97. package/modern/hooks/features/columnPinning/useGridColumnPinning.js +4 -4
  98. package/modern/hooks/features/columnReorder/useGridColumnReorder.js +8 -9
  99. package/modern/hooks/features/columnResize/useGridColumnResize.js +31 -20
  100. package/modern/hooks/features/detailPanel/useGridDetailPanel.js +14 -6
  101. package/modern/hooks/features/detailPanel/useGridDetailPanelCache.js +2 -2
  102. package/modern/hooks/features/index.js +1 -1
  103. package/modern/hooks/features/infiniteLoader/useGridInfiniteLoader.js +4 -5
  104. package/modern/hooks/features/rowGrouping/gridRowGroupingUtils.js +4 -4
  105. package/modern/hooks/features/rowGrouping/useGridRowGrouping.js +8 -12
  106. package/modern/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js +2 -2
  107. package/modern/hooks/features/rowReorder/gridRowReorderColDef.js +18 -0
  108. package/modern/hooks/features/rowReorder/index.js +1 -0
  109. package/modern/hooks/features/rowReorder/useGridRowReorder.js +111 -0
  110. package/modern/hooks/features/rowReorder/useGridRowReorderPreProcessors.js +51 -0
  111. package/modern/hooks/features/treeData/useGridTreeData.js +2 -8
  112. package/modern/index.js +7 -3
  113. package/modern/internals/index.js +17 -0
  114. package/modern/models/gridRowOrderChangeParams.js +1 -0
  115. package/modern/models/index.js +1 -2
  116. package/modern/typeOverloads/index.js +1 -0
  117. package/modern/utils/domUtils.js +30 -3
  118. package/modern/utils/index.js +1 -0
  119. package/modern/utils/releaseInfo.js +1 -1
  120. package/modern/utils/tree/buildRowTree.js +9 -2
  121. package/modern/utils/tree/index.js +1 -0
  122. package/node/DataGridPro/DataGridPro.js +51 -3
  123. package/node/DataGridPro/useDataGridProComponent.js +12 -5
  124. package/node/DataGridPro/useDataGridProProps.js +21 -5
  125. package/node/components/DataGridProColumnHeaders.js +1 -7
  126. package/node/components/DataGridProVirtualScroller.js +6 -6
  127. package/node/components/GridDetailPanelToggleCell.js +13 -2
  128. package/node/components/GridGroupingCriteriaCell.js +1 -1
  129. package/node/components/GridRowReorderCell.js +92 -0
  130. package/node/components/GridTreeDataGroupingCell.js +14 -3
  131. package/node/hooks/features/columnPinning/useGridColumnPinning.js +3 -3
  132. package/node/hooks/features/columnReorder/useGridColumnReorder.js +7 -8
  133. package/node/hooks/features/columnResize/useGridColumnResize.js +30 -19
  134. package/node/hooks/features/detailPanel/useGridDetailPanel.js +13 -5
  135. package/node/hooks/features/detailPanel/useGridDetailPanelCache.js +1 -1
  136. package/node/hooks/features/index.js +4 -4
  137. package/node/hooks/features/infiniteLoader/useGridInfiniteLoader.js +3 -4
  138. package/node/hooks/features/rowGrouping/gridRowGroupingUtils.js +4 -4
  139. package/node/hooks/features/rowGrouping/useGridRowGrouping.js +7 -11
  140. package/node/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.js +4 -4
  141. package/node/hooks/features/rowReorder/gridRowReorderColDef.js +31 -0
  142. package/node/hooks/features/rowReorder/index.js +18 -0
  143. package/node/hooks/features/rowReorder/useGridRowReorder.js +126 -0
  144. package/node/hooks/features/rowReorder/useGridRowReorderPreProcessors.js +70 -0
  145. package/node/hooks/features/treeData/useGridTreeData.js +1 -6
  146. package/node/index.js +45 -3
  147. package/node/internals/index.js +193 -0
  148. package/node/models/gridRowOrderChangeParams.js +5 -0
  149. package/node/models/index.js +4 -4
  150. package/node/typeOverloads/index.js +18 -0
  151. package/node/utils/domUtils.js +30 -3
  152. package/node/utils/index.js +18 -0
  153. package/node/utils/releaseInfo.js +1 -1
  154. package/node/utils/tree/buildRowTree.js +12 -2
  155. package/node/utils/tree/index.js +13 -0
  156. package/package.json +8 -8
  157. package/typeOverloads/index.d.ts +1 -0
  158. package/typeOverloads/index.js +1 -0
  159. package/typeOverloads/modules.d.ts +41 -15
  160. package/typeOverloads/package.json +6 -0
  161. package/utils/domUtils.d.ts +2 -1
  162. package/utils/domUtils.js +30 -3
  163. package/utils/index.d.ts +1 -0
  164. package/utils/index.js +1 -0
  165. package/utils/package.json +6 -0
  166. package/utils/releaseInfo.js +1 -1
  167. package/utils/tree/buildRowTree.d.ts +1 -0
  168. package/utils/tree/buildRowTree.js +9 -2
  169. package/utils/tree/index.d.ts +1 -0
  170. package/utils/tree/index.js +1 -0
package/CHANGELOG.md CHANGED
@@ -3,38 +3,305 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## v5.11.0
7
+
8
+ _May 13, 2022_
9
+
10
+ We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights โœจ:
11
+
12
+ - ๐Ÿš€ Premium plan release
13
+
14
+ Weโ€™re happy to announce that the Premium plan is [finally out](https://mui.com/blog/premium-plan-release/)!
15
+ With it, MUI X officially steps up to the next level, supporting the most advanced use cases for UI components.
16
+
17
+ This plan is available through the new `@mui/x-data-grid-premium` package, which contains the row grouping and the Excel export features.
18
+
19
+ If you were already using the row grouping feature, you can upgrade by [installing](https://mui.com/x/react-data-grid/getting-started/#installation) `@mui/x-data-grid-premium` and replace `DataGridPro` with `DataGridPremium`, as follows.
20
+ Note that the experimental flag is not required anymore to use the row grouping.
21
+
22
+ ```diff
23
+ -import { DataGridPro } from '@mui/x-data-grid-pro';
24
+ +import { DataGridPremium } from '@mui/x-data-grid-premium';
25
+
26
+ -<DataGridPro experimentalFeatures={{ rowGrouping: true }} />
27
+ +<DataGridPremium />
28
+ ```
29
+
30
+ For more information about the revised pricing model please have a look at the [blog post](https://mui.com/blog/premium-plan-release/#the-new-licensing-model).
31
+
32
+ - ๐Ÿ‘” Add Excel export
33
+
34
+ - ๐Ÿ”Ž Quick filtering
35
+
36
+ You can now add a quick filtering search bar to your grid.
37
+ To do so, either pass `showQuickFilter` prop to the `<GridToolbar />` or use the `<GridToolbarQuickFilter />` component in your custom toolbar.
38
+
39
+ More information about how to customize the filtering logic is in the [documentation](https://mui.com/x/react-data-grid/filtering/#quick-filter)
40
+
41
+ ![image](https://user-images.githubusercontent.com/13808724/167700105-5a5acc7c-5463-4871-8514-3d09e2f365ae.png)
42
+
43
+ - ๐Ÿž Bugs fixes
44
+
45
+ ### `@mui/x-data-grid@v5.11.0` / `@mui/x-data-grid-pro@v5.11.0` / `@mui/x-data-grid-premium@v5.11.0`
46
+
47
+ #### Breaking changes
48
+
49
+ - Moving row grouping to premium package
50
+
51
+ The use of `rowGrouping` in the `@mui/x-data-grid-pro` package is deprecated. The experimental flag will be removed in an upcoming release.
52
+
53
+ #### Changes
54
+
55
+ - [DataGrid] Add TypeScript support to the `sx` prop in inner components (#4743) @lindapaiste
56
+ - [DataGrid] Add props to control cell mode (#4210) @m4theushw
57
+ - [DataGrid] Add quick filtering engine (#4317) @alexfauquette
58
+ - [DataGrid] Check focus validity whenever the rows in state changes (#4683) @flaviendelangle
59
+ - [DataGrid] Fix infinite scroll when dragging column header cell over row cell (#4735) @DjoSmer
60
+ - [DataGrid] Fix scroll jump when using keyboard navigation (#4515) @cherniavskii
61
+ - [DataGrid] Improve sorting accessibility (#4379) @cherniavskii
62
+ - [DataGrid] New `getRowGroupChildren` API method (#4304) @flaviendelangle
63
+ - [DataGrid] Publish `preferencePanelClose` event only once when clicking on another panel button (#4810) @flaviendelangle
64
+ - [DataGrid] Update focused action if the currently focused one is removed (#4694) @m4theushw
65
+ - [DataGrid] Add `onChange` callback to edit components (#4621) @m4theushw
66
+ - [DataGrid] Add `keepNonExistentRowsSelected` prop (#4786) @willsoto
67
+ - [DataGrid] Prevent crash if row is removed with click (#4831) @m4theushw
68
+ - [DataGridPro] Fix detail panel not taking full width (#4610) @cherniavskii
69
+ - [DataGridPremium] Add Excel export (#3981) @alexfauquette
70
+ - [DataGridPremium] Bootstrap `@mui/x-data-grid-premium` (#4223) @flaviendelangle
71
+ - [DataGridPremium] Fix Excel date serialization when row grouping is enabled (#4774) @cherniavskii
72
+ - [l10n] Improve German (de-DE) locale (#4748) @sebastianfrey
73
+ - [l10n] Improve German (de-DE) locale (#4668) @izu-co
74
+
75
+ ### `@mui/x-date-pickers@5.0.0-alpha.3` / `@mui/x-date-pickers-pro@5.0.0-alpha.3`
76
+
77
+ #### Breaking changes
78
+
79
+ - Rework the auto-closing behavior of the pickers.
80
+
81
+ The `disableCloseOnSelect` prop has been replaced by a new `closeOnSelect` prop which has the opposite behavior.
82
+ The default behavior remains the same (close after the last step on desktop but not on mobile).
83
+
84
+ ```diff
85
+ // If you don't want to close after the last step
86
+ -<DatePicker disableCloseOnSelect={false} />
87
+ +<DatePicker closeOnSelect />
88
+
89
+ // If you want to close after the last step
90
+ -<DatePicker disableCloseOnSelect />
91
+ +<DatePicker closeOnSelect={false} />
92
+ ```
93
+
94
+ #### Changes
95
+
96
+ - [DatePicker] Ignore <kbd>Escape</kbd> when the picker is already closed (#4770) @mikewolfd
97
+ - [DatePicker] Make month year order changeable in header (#4695) @gky360
98
+ - [DateRangePicker] Open view on click, <kbd>Enter</kbd> or <kbd>Space</kbd> instead of focus (#4747) @alexfauquette
99
+ - [DateRangePicker] Refactor tests (#4745) @flaviendelangle
100
+ - [DateRangePicker] Remove `orientation` prop (#4665) @m4theushw
101
+ - [DateTimePicker] `Toolbar` should be visible by default on mobile (#4833) @flaviendelangle
102
+ - [MonthPicker] New prop `shouldDisableMonth` (#4708) @someone635
103
+ - [TimePicker] Disable and invalidate date with minutes not matching `minutesStep` (#4726) @flaviendelangle
104
+ - [TimePicker] Don't merge with previous value when new value is not valid (#4847) @flaviendelangle
105
+ - [TimePicker] Refactor `isTimeDisabled` method (#4688) @flaviendelangle
106
+ - [pickers] Add details in invalid mask error (#4501) @alexfauquette
107
+ - [pickers] Add explicit interfaces for components slots and components slots props (#4589) @flaviendelangle
108
+ - [pickers] Add missing `peerDependencies` for `yarn pnp` users (#4763) @nate-summercook
109
+ - [pickers] Add overrides to `PickersArrowSwitcher` (#4672) @m4theushw
110
+ - [pickers] Clean component interfaces and remove non-implemented props (#4758) @flaviendelangle
111
+ - [pickers] Do not apply the current time when no date provided in `DayPicker` (#4649) @flaviendelangle
112
+ - [pickers] Document and refacto the value manager (#4701) @flaviendelangle
113
+ - [pickers] Drop `allowSameDateSelection` prop (#4808) @flaviendelangle
114
+ - [pickers] Enable mask by default when using `ampm=true` (#4731) @alexfauquette
115
+ - [pickers] Fix `disabled` and `readOnly` behavior on calendar and clock (#4645) @alexfauquette
116
+ - [pickers] Invalid character does not delete last digit (#4839) @alexfauquette
117
+ - [pickers] Rename prop `date` into `parsedValue` when it can contain a range (#4736) @flaviendelangle
118
+ - [pickers] Rework `TDate`, `TInputDate`, `TValue` and `TInputValue` generics (#4617) @flaviendelangle
119
+ - [pickers] Rework the date lifecycle in `usePickerState` (#4408) @flaviendelangle
120
+
121
+ ### Docs
122
+
123
+ - [docs] Add `scopePathNames` property to column page (#4811) @flaviendelangle
124
+ - [docs] Add label to each demo (#4667) @m4theushw
125
+ - [docs] Correctly capitalize <kbd>Ctrl</kbd> (#4707) @oliviertassinari
126
+ - [docs] Fix documentation on `ampm` prop (#4846) @alexfauquette
127
+ - [docs] Generate the event documentation from `GridEventLookup` (#4725) @flaviendelangle
128
+ - [docs] Keep columns section expanded when switching between pages (#4816) @cherniavskii
129
+ - [docs] Move `useKeepGroupingColumnsHidden` on `@mui/x-data-grid-premium` (#4319) @flaviendelangle
130
+ - [docs] Remove legacy pages for old URLs (#4575) @m4theushw
131
+ - [docs] Remove remaining pages in `docs/pages/api-docs` folder (#4709) @m4theushw
132
+ - [docs] SEO fixes (#4711) @oliviertassinari
133
+ - [docs] Set type number to movie column year (#4753) @flaviendelangle
134
+ - [docs] Simplify server examples (#4186) @alexfauquette
135
+ - [docs] Small typo (#4670) @flaviendelangle
136
+ - [docs] Split the 'Columns' page (#4600) @flaviendelangle
137
+ - [docs] Stop using `GridEvents` enum in documentation (#4699) @flaviendelangle
138
+ - [docs] Update mono repo to get copy code block (#4691) @siriwatknp
139
+ - [docs] Update the feature table in the Getting Started page of the data grid (#4619) @flaviendelangle
140
+ - [docs] Add demo for Premium (#4750) @m4theushw
141
+
142
+ ### Core
143
+
144
+ - [core] Check if `process` is available (#4193) @m4theushw
145
+ - [core] Fix naming collision (#4853) @alexfauquette
146
+ - [core] Prevent out-of-memory when type-checking in CI (#4697) @flaviendelangle
147
+ - [core] Remove `rowsCache` from state (#4480) @m4theushw
148
+ - [core] Rework `DayPicker` api (#4783) @flaviendelangle
149
+ - [core] Update `x-license-pro` license to handle premium package (#4315) @DanailH
150
+ - [core] Update monorepo & version (#4789) @oliviertassinari
151
+ - [core] Update monorepo (#4772) @flaviendelangle
152
+ - [core] Stop using `GridEvents` enum (#4698, #4696, #4685) @flaviendelangle
153
+ - [core] Update monorepo (#4854) @cherniavskii
154
+ - [license] Allow to limit some packages to a specific license plan (#4651) @flaviendelangle
155
+ - [test] Fix path to detect `DataGrid` tests (#4752) @m4theushw
156
+ - [test] Reset cleanup tracking on Karma tests (#4679) @m4theushw
157
+ - [test] Restore `sinon` sandbox after each `karma` test (#4689) @m4theushw
158
+
159
+ ## v5.10.0
160
+
161
+ _Apr 25, 2022_
162
+
163
+ We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights โœจ:
164
+
165
+ - ๐ŸŽ Introduce [Row reorder](https://mui.com/x/react-data-grid/rows/#row-reorder) (#4034) @DanailH
166
+
167
+ <img src="https://user-images.githubusercontent.com/5858539/165091263-23472fbb-a989-44b8-849a-d2185adfe13b.gif" width="800">
168
+
169
+ - ๐Ÿž Bug fixes
170
+
171
+ ### `@mui/x-data-grid@v5.10.0` / `@mui/x-data-grid-pro@v5.10.0`
172
+
173
+ - [DataGrid] Don't close column menu when updating rows (#4498) @m4theushw
174
+ - [DataGridPro] Introduce row reorder (#4034) @DanailH
175
+
176
+ ### `@mui/x-date-pickers@5.0.0-alpha.2` / `@mui/x-date-pickers-pro@5.0.0-alpha.2`
177
+
178
+ - [pickers] Pass `PaperProps` to `DesktopWrapper` component (#4584) @alexfauquette
179
+ - [TimePicker] Fix bug when time picker clear value (#4582) @alexfauquette
180
+ - [DateRangePicker] Fix missing `clearable` and `clearText` props (#4511) @zigang93
181
+
182
+ ### Docs
183
+
184
+ - [docs] Add plan in the nav bar for pro-only and premium-only pages (#4591) @flaviendelangle
185
+ - [docs] Clarify where to install the license (#4452) @oliviertassinari
186
+ - [docs] Fix CodeSandbox links for demo with pickers (#4570) @alexfauquette
187
+ - [docs] Include date-fns dependency when opening demos in CodeSandbox (#4508) @m4theushw
188
+ - [docs] Split the 'Group & Pivot' page (#4441) @flaviendelangle
189
+
190
+ ### Core
191
+
192
+ - [core] Fix the README of the X packages (#4590) @flaviendelangle
193
+ - [test] Fix test to not depend on screen resolution (#4587) @m4theushw
194
+
195
+ ## v5.9.0
196
+
197
+ _Apr 14, 2022_
198
+
199
+ We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights โœจ:
200
+
201
+ - โšก Update peer dependencies to support React 18 (#4332) @m4theushw
202
+
203
+ Now the data grid and pickers components support the concurrent mode.
204
+
205
+ - ๐ŸŽ Add support for [Column spanning](https://mui.com/x/react-data-grid/column-spanning/) (#4020) @cherniavskii
206
+
207
+ <img src="https://user-images.githubusercontent.com/13808724/162926746-93bcb180-3c9d-4eb9-afc7-c3908a5c6406.png" width="788">
208
+
209
+ - ๐Ÿ“š New standalone documentation for MUI X (#4313) @siriwatknp
210
+
211
+ Each MUI product now has its own documentation.
212
+ More information on our [blog post](https://mui.com/blog/docs-restructure-2022/).
213
+
214
+ - ๐ŸŒ Add Hungarian (hu-HU) locale (#4458) @x22tri
215
+
216
+ - ๐Ÿž Bug fixes
217
+
218
+ ### `@mui/x-data-grid@v5.9.0` / `@mui/x-data-grid-pro@v5.9.0`
219
+
220
+ - [DataGrid] Add indexes relative to the filtered rows and the current page to the `getRowClassName` and `getRowSpacing` props (#3882) @flaviendelangle
221
+ - [DataGrid] Add React 18 to peer dependencies (#4332) @m4theushw
222
+ - [DataGrid] Add support for column spanning (#4020) @cherniavskii
223
+ - [DataGrid] Apply filtering before sorting (#4359) @flaviendelangle
224
+ - [DataGrid] Enable using non-native Select in filter panel (#4361) @kyeongsoosoo
225
+ - [DataGrid] Fix `api` prop leaking to DOM (#4384) @m4theushw
226
+ - [DataGrid] Fix column dimensions import/export with flex and resizing (#4311) @flaviendelangle
227
+ - [DataGrid] Fix focus after stopping row edit mode with pagination enabled (#4326) @m4theushw
228
+ - [DataGrid] Fix inconsistent overlay when changing the `loading` prop (#4334) @m4theushw
229
+ - [DataGrid] Fix scrollbar grabbing issue in Safari (#4405) @cherniavskii
230
+ - [DataGrid] `GridCellParams.formattedValue` should be nullable (#4376) @flaviendelangle
231
+ - [DataGrid] Improve accessibility of the `actions` column (#4325) @m4theushw
232
+ - [DataGrid] Pass updated row to edit components (#4392) @m4theushw
233
+ - [DataGrid] Prevent column header scroll (#4280) @m4theushw
234
+ - [DataGridPro] Fix toggling detail panel using keyboard (#4409) @cherniavskii
235
+ - [l10n] Add Hungarian (hu-HU) locale (#4458) @x22tri
236
+
237
+ ### `@mui/x-date-pickers@5.0.0-alpha.1` / `@mui/x-date-pickers-pro@5.0.0-alpha.1`
238
+
239
+ - [ClockPicker] Should call `shouldDisableTime` with the hours with meridiem (#4404) @flaviendelangle
240
+ - [MonthPicker] Clicking on a `PickersMonth` button should not trigger the form submit (#4402) @flaviendelangle
241
+ - [TimePicker] Do not update date when updating input in `TimePicker` (#4398) @flaviendelangle
242
+ - [pickers] Add react-dom to pickers peer deps to satisfy react-transition-group (#4411) @CarsonF
243
+ - [pickers] Add `TDate` generic to `CalendarOrClockPicker` component (#4465) @flaviendelangle
244
+ - [pickers] Fix default props behavior on all pickers (#4451) @flaviendelangle
245
+ - [pickers] Export `MuiPickersAdapterContext` (#4367) @flaviendelangle
246
+
247
+ ### Docs
248
+
249
+ - [docs] Avoid redirections (#4365) @oliviertassinari
250
+ - [docs] Fix docs about date adapter (#4386) @alexfauquette
251
+ - [docs] Fix small external links issue (#4436) @oliviertassinari
252
+ - [docs] Fix some links to date picker docs (#4362) @oliviertassinari
253
+ - [docs] Fix wrong URL (#4415) @siriwatknp
254
+ - [docs] Go live with the new URLs (#4313) @siriwatknp
255
+ - [docs] Update the product names to be in sync @oliviertassinari
256
+
257
+ ### Core
258
+
259
+ - [core] Add technical doc for pipe processing and family processing (#4322) @flaviendelangle
260
+ - [core] Don't upgrade CircleCI node (#4457) @m4theushw
261
+ - [core] Fix flaky e2e-website tests in CI (#4136) @cherniavskii
262
+ - [core] Fix license file copying during build (#4462) @flaviendelangle
263
+ - [core] Fix links on v5.8.0 (#4464) @oliviertassinari
264
+ - [core] Fix npm page description mistake (#4364) @oliviertassinari
265
+ - [core] Fix typos and JSDoc (#4406) @flaviendelangle
266
+ - [core] Move away for the event system to trigger pipe processings (#4378) @flaviendelangle
267
+ - [core] Small fixes TS on pickers (#4461) @flaviendelangle
268
+ - [core] Unify tests (#4368) @flaviendelangle
269
+ - [core] Enforce `noImplicitAny` in `docs` folder (#4412) @cherniavskii
270
+
6
271
  ## 5.8.0
7
- <!-- generated comparing v5.7.0..master -->
272
+
8
273
  _Apr 4, 2022_
9
274
 
10
275
  We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights โœจ:
11
276
 
12
277
  - ๐Ÿš€ Expose new methods to save and restore the grid state (#4028) @flaviendelangle
13
278
 
14
- 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)
279
+ The different methods to save and restore the data-grid state are now [documented](https://mui.com/x/react-data-grid/state/#save-and-restore-the-state).
15
280
 
16
281
  - โŒš๏ธ Move date and time picker components from the lab (#3451) @flaviendelangle
17
282
 
18
- Date and time picker components have been moved to the MUI-X repo.
283
+ Date and time picker components have been moved to the MUI X repository.
19
284
  They are now accessible in their own packages: `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
20
- 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)
285
+ For more information, you can read the [blog article](https://mui.com/blog/lab-date-pickers-to-mui-x/) and the [migration guide](https://mui.com/x/react-date-pickers/migration-lab/).
21
286
 
22
287
  - ๐Ÿ“ Add `onProcessRowUpdateError` prop to simplify error management in edit mode (#4267) @m4theushw
23
288
  - โœจ Add generic typing to `GridColDef` and derived interfaces (#4064) @flaviendelangle
24
289
 
25
290
  You can now strongly type all the objects related to the row and the cell values.
26
291
  Here is an example, you can find out more in the description of #4064.
27
-
292
+
28
293
  ```tsx
29
294
  const rows: Movie[] = [];
30
295
 
31
296
  return (
32
- <DataGrid
297
+ <DataGrid
33
298
  rows={rows}
34
- columns={[{
35
- // typeof params.row => Movie (R)
36
- valueGetter: params => params.row.year,
37
- }]}
299
+ columns={[
300
+ {
301
+ // typeof params.row => Movie (R)
302
+ valueGetter: (params) => params.row.year,
303
+ },
304
+ ]}
38
305
  />
39
306
  );
40
307
  ```
@@ -94,7 +361,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
94
361
  โš  Users relying on the old API (legacy) don't need to worry as it will continue to work until v6.
95
362
 
96
363
  The new API also features brand new documentation with more useful demos and guides explaining how to create custom edit components.
97
- Visit the new [documentation](https://mui.com/components/data-grid/editing/) for more information.
364
+ Visit the new [documentation](https://mui.com/x/react-data-grid/editing/) for more information.
98
365
 
99
366
  - ๐Ÿ“š Documentation improvements
100
367
  - ๐Ÿž Bug and typo fixes
@@ -159,7 +426,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
159
426
  <DataGrid getRowSpacing={() => ({ top: 10, bottom: 10 })} />
160
427
  ```
161
428
 
162
- Check the [documentation](https://mui.com/components/data-grid/rows/#row-spacing) for more information.
429
+ Check the [documentation](https://mui.com/x/react-data-grid/rows/#row-spacing) for more information.
163
430
 
164
431
  ### `@mui/x-data-grid@v5.6.1` / `@mui/x-data-grid-pro@v5.6.1`
165
432
 
@@ -226,7 +493,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
226
493
  -const filterableFields = filterableGridColumnsIdsSelector(apiRef);
227
494
  +const lookup = gridFilterableColumnLookupSelector(apiRef);
228
495
  +const filterableFields = gridColumnFieldsSelector(apiRef).filter(field => lookup[field]);
229
-
496
+
230
497
  -const visibleColumnsNumber = visibleGridColumnsLengthSelector(apiRef);
231
498
  +const visibleColumnsNumber = gridVisibleColumnDefinitionsSelector(apiRef).length;
232
499
 
@@ -322,7 +589,7 @@ A big thanks to the 6 contributors who made this release possible. Here are some
322
589
  />
323
590
  ```
324
591
 
325
- Check the [documentation](https://mui.com/components/data-grid/filtering/#customize-the-filter-panel-content) to see all available props.
592
+ Check the [documentation](https://mui.com/x/react-data-grid/filtering/#customize-the-filter-panel-content) to see all available props.
326
593
 
327
594
  - ๐Ÿ“š Documentation improvements
328
595
  - ๐Ÿž Bugfixes
@@ -361,7 +628,7 @@ _Feb 3, 2022_
361
628
 
362
629
  A big thanks to the 10 contributors who made this release possible. Here are some highlights โœจ:
363
630
 
364
- - ๐ŸŽ Add support for [master/detail](https://mui.com/components/data-grid/group-pivot/#master-detail) (#3387) @m4theushw
631
+ - ๐ŸŽ Add support for [master/detail](https://mui.com/x/react-data-grid/group-pivot/#master-detail) (#3387) @m4theushw
365
632
 
366
633
  <img src="https://user-images.githubusercontent.com/42154031/152379354-47120aac-2b37-4a90-b311-64b4522283b9.gif" width="814">
367
634
 
@@ -413,7 +680,7 @@ _Jan 28, 2022_
413
680
 
414
681
  A big thanks to the 9 contributors who made this release possible. Here are some highlights โœจ:
415
682
 
416
- - ๐Ÿšฃ Introduce [variable row height](https://mui.com/components/data-grid/rows/#variable-row-height) (#438) @DanailH
683
+ - ๐Ÿšฃ Introduce [variable row height](https://mui.com/x/react-data-grid/rows/#variable-row-height) (#438) @DanailH
417
684
 
418
685
  Allows for setting a row-specific height.
419
686
  By default, all rows have the same height, but now you can set the height on a per-row basis.
@@ -422,7 +689,7 @@ A big thanks to the 9 contributors who made this release possible. Here are some
422
689
  <DataGrid getRowHeight={({ id }: GridRowHeightParams) => (id % 2 === 0 ? 100 : null)} />
423
690
  ```
424
691
 
425
- - ๐ŸŽ Add new CSV export option: [`getRowsToExport`](https://mui.com/components/data-grid/export/#custom-exported-content) (#3687) @flaviendelangle
692
+ - ๐ŸŽ Add new CSV export option: [`getRowsToExport`](https://mui.com/x/react-data-grid/export/#custom-exported-content) (#3687) @flaviendelangle
426
693
  - ๐Ÿ“š Documentation improvements
427
694
  - ๐Ÿž Bugfixes
428
695
 
@@ -504,7 +771,7 @@ A big thanks to the 9 contributors who made this release possible. Here are some
504
771
  />
505
772
  ```
506
773
 
507
- 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).
774
+ For more details see the [introduction blog post](https://mui.com/blog/introducing-the-row-grouping-feature/) and [documentation](https://mui.com/x/react-data-grid/group-pivot/#row-grouping).
508
775
 
509
776
  - โšก Add `is any of` filter operator (#2874) @alexfauquette
510
777
 
@@ -527,7 +794,7 @@ A big thanks to the 9 contributors who made this release possible. Here are some
527
794
 
528
795
  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
529
796
 
530
- For more information check the documentation [documentation](https://mui.com/api/data-grid/data-grid/#slots).
797
+ For more information check the documentation [documentation](https://mui.com/x/api/data-grid/data-grid/#slots).
531
798
 
532
799
  - ๐Ÿ”ฅ Allow to pass `csvOptions` and `printOptions` to `toolbar` component prop (#3623) @flaviendelangle
533
800
 
@@ -558,7 +825,7 @@ A big thanks to the 9 contributors who made this release possible. Here are some
558
825
  />
559
826
  ```
560
827
 
561
- See the [documentation](https://mui.com/components/data-grid/columns/#column-visibility) for more details.
828
+ See the [documentation](https://mui.com/x/react-data-grid/column-visibility/) for more details.
562
829
 
563
830
  The `hide` property from `GridColDef` still works but has been deprecated.
564
831
 
@@ -606,7 +873,7 @@ A big thanks to the 9 contributors who made this release possible. Here are some
606
873
  - [core] Add language to markdown code block (#3651) @m4theushw
607
874
  - [core] Add typing to the pre-processors methods (#3595) @flaviendelangle
608
875
  - [core] Don't bump peer dependency ranges on dependency updates (#3646) @oliviertassinari
609
- - [core] Rename more instances of Material-UI to MUI (#3525) @oliviertassinari
876
+ - [core] Rename more instances of Material UI to MUI (#3525) @oliviertassinari
610
877
  - [core] Renovate should not try to update node (#3645) @oliviertassinari
611
878
  - [core] Report performance test results on each PR (#3551) @m4theushw
612
879
  - [core] Update monorepo (#3653) @m4theushw
@@ -714,7 +981,7 @@ A big thanks to the 5 contributors who made this release possible. Here are some
714
981
 
715
982
  ### `@mui/x-data-grid@v5.2.0` / `@mui/x-data-grid-pro@v5.2.0`
716
983
 
717
- - ๐Ÿš€ Introduce the [column pinning](https://mui.com/components/data-grid/columns/#column-pinning) feature (#2946) @m4theushw
984
+ - ๐Ÿš€ Introduce the [column pinning](https://mui.com/x/react-data-grid/column-pinning/) feature (#2946) @m4theushw
718
985
 
719
986
  <img src="https://user-images.githubusercontent.com/42154031/145425635-b6314fbe-2f1e-4b73-908f-33ee1fda20c7.gif" width="964" height="657">
720
987
 
@@ -794,7 +1061,7 @@ A big thanks to the 11 contributors who made this release possible. Here are som
794
1061
 
795
1062
  ### `@mui/x-data-grid@v5.1.0` / `@mui/x-data-grid-pro@v5.1.0`
796
1063
 
797
- - ๐Ÿš€ Introduce the [tree data](https://mui.com/components/data-grid/group-pivot/#tree-data) feature (#2725) @flaviendelangle
1064
+ - ๐Ÿš€ Introduce the [tree data](https://mui.com/x/react-data-grid/group-pivot/#tree-data) feature (#2725) @flaviendelangle
798
1065
 
799
1066
  <img src="https://user-images.githubusercontent.com/42154031/144259216-fc4f90ac-4d8b-4253-bc95-009204349a4c.gif" width="854" height="453" />
800
1067
 
@@ -939,8 +1206,8 @@ _Nov 23, 2021_
939
1206
 
940
1207
  ๐ŸŽ‰ We are excited to introduce [MUI X v5.0.0](https://mui.com/blog/mui-x-v5/) ๐ŸŽ‰!
941
1208
 
942
- 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/).
943
- 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).
1209
+ If you want to migrate the DataGrid or DataGridPro from v4 to v5, take a look at the [migration guide](https://mui.com/x/react-data-grid/migration-v4/).
1210
+ 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/x/react-data-grid/migration-v4/#using-mui-x-v5-with-mui-core-v4).
944
1211
 
945
1212
  A big thanks to the 7 contributors who made this release possible. Here are some highlights โœจ:
946
1213
 
@@ -1341,7 +1608,7 @@ A big thanks to the 7 contributors who made this release possible. Here are some
1341
1608
 
1342
1609
  - ๐ŸŽ Add the ability to print the grid (#2519) @DanailH
1343
1610
 
1344
- 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.
1611
+ This new feature adds a button to the toolbar to generate a printer-friendly layout. Check the [documentation](https://mui.com/x/react-data-grid/export/#print) about it.
1345
1612
 
1346
1613
  - ๐Ÿ’ก Enhance internal code structure
1347
1614
  - โœจ New slots for `row` and `cell` (#2753) @m4theushw
@@ -1366,7 +1633,7 @@ A big thanks to the 7 contributors who made this release possible. Here are some
1366
1633
  - `onRowEnter`
1367
1634
  - `onRowLeave`
1368
1635
 
1369
- For more information, check [this page](https://mui.com/components/data-grid/components/#row). Example:
1636
+ For more information, check [this page](https://mui.com/x/react-data-grid/components/#row). Example:
1370
1637
 
1371
1638
  ```diff
1372
1639
  -<DataGrid onRowOver={handleRowOver} />;
@@ -1668,7 +1935,7 @@ A big thanks to the 9 contributors who made this release possible. Here are some
1668
1935
  - ๐Ÿ“š Migrate to the new documentation infrastructure and design (#2441) (@DanailH, @m4theushw)
1669
1936
  - ๐ŸŽ Add `actions` column type (#2385) @m4theushw
1670
1937
 
1671
- See the documentation for [more details](https://mui.com/components/data-grid/columns/#column-types).
1938
+ See the documentation for [more details](https://mui.com/x/react-data-grid/column-definition/#column-types).
1672
1939
 
1673
1940
  - ๐Ÿ‘ Allow to disable virtualization with the `disableVirtualization` prop (#2326) @m4theushw
1674
1941
  - ๐Ÿš€ Introduce the new `isRowSelected` api method (#2523) @flaviendelangle
@@ -1786,14 +2053,14 @@ _Aug 27, 2021_
1786
2053
 
1787
2054
  ๐ŸŽ‰ This is the first stable release of the data grid component ๐ŸŽ‰!
1788
2055
 
1789
- 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.
2056
+ 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/x/react-data-grid/editing/#row-editing) feature, many bug fixes, and polishing of the documentation, we believe the component is ready for a stable release.
1790
2057
 
1791
2058
  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).
1792
2059
  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.
1793
2060
 
1794
2061
  A big thanks to the 6 contributors who made this release possible. Here are some highlights โœจ:
1795
2062
 
1796
- - ๐Ÿš€ Introduce the [row editing](https://mui.com/components/data-grid/editing/#row-editing) feature (#2098) @m4theushw
2063
+ - ๐Ÿš€ Introduce the [row editing](https://mui.com/x/react-data-grid/editing/#row-editing) feature (#2098) @m4theushw
1797
2064
 
1798
2065
  <img src="https://user-images.githubusercontent.com/3165635/130665023-3c0730ab-502e-4da1-8bc1-d572427ad2d6.gif" width="851" height="382" />
1799
2066
 
@@ -1804,7 +2071,7 @@ A big thanks to the 6 contributors who made this release possible. Here are some
1804
2071
 
1805
2072
  - โœจ Rename the `@material-ui` npm scope to `@mui` (#2341) @oliviertassinari
1806
2073
 
1807
- 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/.
2074
+ 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/.
1808
2075
 
1809
2076
  - ๐Ÿ’ก The `api` property was removed from the callback params. To access the API, use the `DataGridPro` (#2312) @DanailH
1810
2077
 
@@ -1962,7 +2229,7 @@ Big thanks to the 6 contributors who made this release possible. Here are some h
1962
2229
  ```
1963
2230
 
1964
2231
  - [XGrid] The `setEditCellProps` API call is not available anymore.
1965
- Use the [controlled editing](https://mui.com/components/data-grid/editing/#controlled-editing) or `setEditRowsModel`.
2232
+ Use the [controlled editing](https://mui.com/x/react-data-grid/editing/#controlled-editing) or `setEditRowsModel`.
1966
2233
 
1967
2234
  ```diff
1968
2235
  -apiRef.current.setEditCellProps({ id, field, props: { ...props, error: true } });
@@ -2048,7 +2315,7 @@ Big thanks to the 8 contributors who made this release possible. Here are some h
2048
2315
 
2049
2316
  - [DataGrid] Improve controllable pagination (#2099) @flaviendelangle
2050
2317
 
2051
- - 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).
2318
+ - 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/x/react-data-grid/pagination/#page-size).
2052
2319
  - Change the controllable API signature:
2053
2320
 
2054
2321
  ```diff
@@ -2290,11 +2557,11 @@ _July 1, 2021_
2290
2557
  Big thanks to the 6 contributors who made this release possible. Here are some highlights โœจ:
2291
2558
 
2292
2559
  - ๐Ÿž As a focus of Q2, we have kept fixing bugs
2293
- - ๐Ÿ’… End users are now allowed to copy the selected rows to the clipboard with <kbd>CTRL</kbd> + <kbd>c</kbd> (#1929) @m4theushw
2560
+ - ๐Ÿ’… End users are now allowed to copy the selected rows to the clipboard with <kbd>Ctrl</kbd> + <kbd>c</kbd> (#1929) @m4theushw
2294
2561
  - ๐Ÿ› We have fixed the `Select all` checkbox. When triggered, it should only select the filtered rows (#1879) @ZeeshanTamboli
2295
2562
  - โšก๏ธ We have added a new `singleSelect` column type (#1956) @DanailH
2296
2563
 
2297
- 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).
2564
+ 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/x/react-data-grid/column-definition/#column-types).
2298
2565
 
2299
2566
  ```jsx
2300
2567
  <DataGrid
@@ -2380,7 +2647,7 @@ Big thanks to the 10 contributors who made this release possible. Here are some
2380
2647
  - โšก๏ธ Components that use portals, like `Select` and `Autocomplete`, can now be used in the cell editing (#1772) @m4theushw
2381
2648
  - ๐Ÿ“ƒ Apply the `valueFormatter` to the CSV exporting (#1922) @DanailH
2382
2649
  - ๐Ÿ’… Rename CSS classes to match the convention of the core components (#1872) @DanailH
2383
- - ๐ŸŒŽ Isolate translations from Material-UI Core and Material-UI X (#1913) @DanailH
2650
+ - ๐ŸŒŽ Isolate translations from MUI Core and MUI X (#1913) @DanailH
2384
2651
  - ๐Ÿš€ Improve performance when finding column indexes and updating rows (#1903, #1923) @Janpot @N2D4
2385
2652
  - ๐Ÿž Bugfixes
2386
2653
 
@@ -2389,7 +2656,7 @@ Big thanks to the 10 contributors who made this release possible. Here are some
2389
2656
  #### Breaking changes
2390
2657
 
2391
2658
  - [DataGrid] The `onEditCellChangeCommitted` prop won't be called with an event when committing changes by clicking outside the cell (#1910) @m4theushw
2392
- - [DataGrid] Translation for Material-UI Core components are no longer included in the Material-UI X translation (#1913) @DanailH
2659
+ - [DataGrid] Translation for MUI Core components are no longer included in the MUI X translation (#1913) @DanailH
2393
2660
 
2394
2661
  ```diff
2395
2662
  import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
@@ -2464,7 +2731,7 @@ Big thanks to the 10 contributors who made this release possible. Here are some
2464
2731
  - [DataGrid] Improve Brazilian Portuguese (pt-BR) locale (#1861) @aline-matos
2465
2732
  - [DataGrid] Improve type of the blur event (#1918) @oliviertassinari
2466
2733
  - [DataGrid] Improve updateRows performance (#1923) @N2D4
2467
- - [DataGrid] Include Material-UI core component localizations in `localeText` (#1913) @DanailH
2734
+ - [DataGrid] Include MUI Core component localizations in `localeText` (#1913) @DanailH
2468
2735
  - [DataGrid] Make the CSV export respect the `valueFormatter` (#1922) @DanailH
2469
2736
  - [DataGrid] Remove `disableClickEventBubbling` (#1910) @m4theushw
2470
2737
  - [DataGrid] Rename CSS classes according to new convention (#1872) @DanailH
@@ -2490,9 +2757,9 @@ _June 9, 2021_
2490
2757
  Big thanks to the 6 contributors who made this release possible. Here are some highlights โœจ:
2491
2758
 
2492
2759
  - ๐Ÿ’… Allow to customize GridToolbarExport's CSV export (#1695) @michallukowski
2493
- - ๐Ÿ› Allow to deselect rows with <kbd>CTRL</kbd> + click (#1813) @ZeeshanTamboli
2760
+ - ๐Ÿ› Allow to deselect rows with <kbd>Ctrl</kbd> + click (#1813) @ZeeshanTamboli
2494
2761
  - โšก๏ธ Refactor scroll size detector (#1703) @dtassone
2495
- - ๐Ÿ“– Add [documentation](https://mui.com/api/data-grid/) for interfaces and events (#1529) @m4theushw
2762
+ - ๐Ÿ“– Add [documentation](https://mui.com/x/api/data-grid/) for interfaces and events (#1529) @m4theushw
2496
2763
  - ๐Ÿž Bugfixes
2497
2764
 
2498
2765
  ### @material-ui/x-grid@v4.0.0-alpha.31 / @material-ui/data-grid@v4.0.0-alpha.31
@@ -2517,7 +2784,7 @@ Big thanks to the 6 contributors who made this release possible. Here are some h
2517
2784
 
2518
2785
  - [DataGrid] Add `valueParser` to parse values entered by the user (#1785) @m4theushw
2519
2786
  - [DataGrid] Allow to customize GridToolbarExport's CSV export (#1695) @michallukowski
2520
- - [DataGrid] Allow to deselect rows with <kbd>CTRL</kbd> + click (#1813) @ZeeshanTamboli
2787
+ - [DataGrid] Allow to deselect rows with <kbd>Ctrl</kbd> + click (#1813) @ZeeshanTamboli
2521
2788
  - [DataGrid] Improve general architecture to better isolate hooks (#1720) @dtassone
2522
2789
  - [DataGrid] Fix cell height after changing grid density (#1819) @DanailH
2523
2790
  - [DataGrid] Fix fluid columns width when available `viewportWidth` < 0 (#1816) @DanailH
@@ -2650,7 +2917,7 @@ Big thanks to the 8 contributors who made this release possible. Here are some h
2650
2917
 
2651
2918
  - [core] Batch updates of storybook (#1751) @oliviertassinari
2652
2919
  - [core] Help support different documents (#1754) @oliviertassinari
2653
- - [core] Upgrade Material-UI core v5 to latest version (#1763) @ZeeshanTamboli
2920
+ - [core] Upgrade MUI Core v5 to latest version (#1763) @ZeeshanTamboli
2654
2921
  - [test] Reduce flakiness (#1753) @oliviertassinari
2655
2922
  - [test] Remove skip on Edge (#1708) @m4theushw
2656
2923
 
@@ -2664,7 +2931,7 @@ Big thanks to the 11 contributors who made this release possible. Here are some
2664
2931
  - ๐Ÿ’… Add `columnHeader`, `row` and `cell` to the `classes` prop (#1660) @DanailH
2665
2932
  - โœ… Add the `isRowSelectable` prop to disable selection on certain rows (#1659) @m4theushw
2666
2933
 
2667
- See the documentation for [more details](https://mui.com/components/data-grid/selection/#disable-selection-on-certain-rows).
2934
+ See the documentation for [more details](https://mui.com/x/react-data-grid/selection/#disable-selection-on-certain-rows).
2668
2935
 
2669
2936
  - โšก๏ธ Add new icon slot to be displayed when the column is unsorted (#1415) @m4theushw
2670
2937
  - โš™ Improve consistency of the API to prepare for the first beta release
@@ -2736,7 +3003,7 @@ Big thanks to the 11 contributors who made this release possible. Here are some
2736
3003
  - [DataGrid] Add `isRowSelectable` prop (#1659) @m4theushw
2737
3004
  - [DataGrid] Add sort icon for when column is unsorted (#1415) @m4theushw
2738
3005
  - [DataGrid] Fix `id` and `aria-labelledby` attributes on the column menu (#1460) @m4theushw
2739
- - [DataGrid] Fix broken checkbox in Material-UI v5 (#1587) @ZeeshanTamboli
3006
+ - [DataGrid] Fix broken checkbox in Material UI v5 (#1587) @ZeeshanTamboli
2740
3007
  - [DataGrid] Fix CSS classes prefix (#1693) @m4theushw
2741
3008
  - [DataGrid] Fix German (de-DE) locale (#1624) @klinge27
2742
3009
  - [DataGrid] Fix filter with object as value and value getter (#1665) @dtassone
@@ -2912,7 +3179,7 @@ Big thanks to the 7 contributors who made this release possible. Here are some h
2912
3179
 
2913
3180
  - ๐Ÿ’„ Release the cell editing feature (#1287) @dtassone
2914
3181
 
2915
- 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.
3182
+ This is the first release of the Cell editing feature. You can find the documentation [following this link](https://mui.com/x/react-data-grid/editing/#cell-editing). We have spent the last three months working on it.
2916
3183
 
2917
3184
  ![cell edit](https://user-images.githubusercontent.com/3165635/115632215-87994700-a307-11eb-91d9-9f5537df0911.gif)
2918
3185
 
@@ -3039,7 +3306,7 @@ Big thanks to the 8 contributors who made this release possible. Here are some h
3039
3306
  - [DataGrid] Rename `useGridBaseComponentProps` hook to `useGridSlotComponentProps` (#1252) @DanailH
3040
3307
  - [DataGrid] Rename modules (#1292) @DanailH
3041
3308
  - [DataGrid] Rename all events related to column reordering, e.g. `GRID_COL_REORDER_START` -> `GRID_COLUMN_REORDER_START` (#1299) @m4theushw
3042
- - [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
3309
+ - [DataGrid] Methods `onColItemDragStart`, `onColHeaderDragOver`, `onColItemDragOver`, `onColItemDragEnter` removed from the grid API. Prefer listening to [column reordering events](https://mui.com/x/react-data-grid/column-ordering/) (#1299) @m4theushw
3043
3310
  - [DataGrid] Calling `apiRef.current.getColumnHeaderParams` returns a `GridColumnHeaderParams` instead of `GridColParams` (#1299) @m4theushw
3044
3311
  - [DataGrid] Events that follow the pattern `GRID_COLUMN_HEADER_xxx` will be called with a `GridColumnHeaderParams` instead of `GridColParams` (#1299) @m4theushw
3045
3312
  - [DataGrid] The `renderHeader` will be called with a `GridColumnHeaderParams` instead of `GridColParams` (#1299) @m4theushw
@@ -3065,7 +3332,7 @@ Big thanks to the 7 contributors who made this release possible. Here are some h
3065
3332
  - ๐ŸŽ Add `onRowsScrollEnd` to support infinite loading (#1199) @DanailH
3066
3333
  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.
3067
3334
 
3068
- See the documentation for [more details](https://mui.com/components/data-grid/rows/#infinite-loading).
3335
+ See the documentation for [more details](https://mui.com/x/react-data-grid/rows/#infinite-loading).
3069
3336
 
3070
3337
  - ๐Ÿ•น Provide the ability to sort by multiple columns using Shift+click (#1203) @dtassone
3071
3338
  - ๐Ÿ‡ต๐Ÿ‡ฑ Added pl-PL locale (#1117) @LarsKumbier
@@ -3137,7 +3404,7 @@ Big thanks to the 7 contributors who made this release possible. Here are some h
3137
3404
  - ๐ŸŽ Add support for CSV export (#1030) @DanailH.
3138
3405
  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.
3139
3406
 
3140
- See the documentation for [more details](https://mui.com/components/data-grid/export/#csv-export).
3407
+ See the documentation for [more details](https://mui.com/x/react-data-grid/export/#csv-export).
3141
3408
 
3142
3409
  - ๐ŸŒ Improve the support for custom locales (#1096, #1079, #1109, #1077)
3143
3410
  - โ™ฟ๏ธ Fix a couple of accessibility issues with the popups (#1105, #1102)
@@ -3146,8 +3413,8 @@ Big thanks to the 7 contributors who made this release possible. Here are some h
3146
3413
 
3147
3414
  #### Breaking changes
3148
3415
 
3149
- - [DataGrid] Prefix all public API to fit into the global Material-UI namespace (#1069) @DanailH
3150
- 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.
3416
+ - [DataGrid] Prefix all public API to fit into the global Material UI namespace (#1069) @DanailH
3417
+ 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.
3151
3418
 
3152
3419
  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).
3153
3420
 
@@ -3188,9 +3455,9 @@ _Feb 17, 2021_
3188
3455
  Big thanks to the 4 contributors who made this release possible. Here are some highlights โœจ:
3189
3456
 
3190
3457
  - ๐Ÿ“ Add support for default locales (#983) @DanailH
3191
- 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.
3458
+ We have built the infrastructure to support around 100 [default locales](https://mui.com/x/react-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.
3192
3459
  - ๐ŸŽ Add new `selectionModel` prop (#986) @dtassone
3193
- 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).
3460
+ The prop can be used to control the selected rows in the data grid. [See the docs](https://mui.com/x/react-data-grid/selection/#controlled-selection).
3194
3461
  - ๐Ÿ’… Add support for default props from theme (#1019) @DanailH
3195
3462
  - ๐Ÿ™Œ Fix scrollbar size on windows (#1061) @dtassone
3196
3463
  - ๐Ÿ› Polish existing features, fix 9 issues.
@@ -3229,7 +3496,7 @@ Big thanks to the 4 contributors who made this release possible. Here are some h
3229
3496
  ```
3230
3497
 
3231
3498
  - [DataGrid] Change page index base, from 1 to 0. (#1021) @dtassone
3232
- 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.
3499
+ 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.
3233
3500
 
3234
3501
  ```diff
3235
3502
  -const [page, setPage] = React.useState(1);
@@ -3319,9 +3586,9 @@ _Jan 26, 2021_
3319
3586
 
3320
3587
  Big thanks to the 5 contributors who made this release possible. Here are some highlights โœจ:
3321
3588
 
3322
- - ๐ŸŽ Add support for Material-UI v5-alpha (#855) @DanailH.
3323
- 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.
3324
- - ๐Ÿ’… Update the customization API to be closer to Material-UI v5.
3589
+ - ๐ŸŽ Add support for Material UI v5-alpha (#855) @DanailH.
3590
+ 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.
3591
+ - ๐Ÿ’… Update the customization API to be closer to Material UI v5.
3325
3592
  The data grid accepts two props: `components` and `componentsProps`.
3326
3593
  The first prop allows to swapping specific components used in slots the grid, like the checkboxes.
3327
3594
  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.
@@ -3334,9 +3601,9 @@ Big thanks to the 5 contributors who made this release possible. Here are some h
3334
3601
 
3335
3602
  #### Breaking changes
3336
3603
 
3337
- - [DataGrid] Implement customization pattern of Material-UI v5 (#851, #879) @dtassone
3604
+ - [DataGrid] Implement customization pattern of Material UI v5 (#851, #879) @dtassone
3338
3605
 
3339
- - Capitalize the keys of the `components` prop. This change aims to bring consistency with the customization pattern of Material-UI v5:
3606
+ - Capitalize the keys of the `components` prop. This change aims to bring consistency with the customization pattern of Material UI v5:
3340
3607
 
3341
3608
  ```diff
3342
3609
  <DataGrid
@@ -3347,7 +3614,7 @@ Big thanks to the 5 contributors who made this release possible. Here are some h
3347
3614
  />
3348
3615
  ```
3349
3616
 
3350
- - 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:
3617
+ - 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:
3351
3618
 
3352
3619
  ```diff
3353
3620
  <DataGrid
@@ -3383,7 +3650,7 @@ Big thanks to the 5 contributors who made this release possible. Here are some h
3383
3650
  #### Changes
3384
3651
 
3385
3652
  - [DataGrid] Add customisation on panels (#890) @dtassone
3386
- - [DataGrid] Add support for Material-UI v5-alpha (#855) @DanailH
3653
+ - [DataGrid] Add support for Material UI v5-alpha (#855) @DanailH
3387
3654
  - [DataGrid] Fix footer count not shown on small screen (#899) @mnajdova
3388
3655
  - [DataGrid] Fix column selector crash when hiding columns (#875) @DanailH
3389
3656
  - [DataGrid] Fix <kbd>Shift</kbd> + <kbd>Space</kbd> keyboard regression to select row (#897) @dtassone
@@ -3407,7 +3674,7 @@ _Jan 14, 2021_
3407
3674
  Big thanks to the 4 contributors who made this release possible. Here are some highlights โœจ:
3408
3675
 
3409
3676
  - ๐ŸŽ› Add support for Column selector (#837) @DanailH @dtassone.
3410
- The feature can be triggered from the toolbar or the column menu. Check [the documentation](https://mui.com/components/data-grid/columns/#column-selector).
3677
+ The feature can be triggered from the toolbar or the column menu. Check [the documentation](https://mui.com/x/react-data-grid/column-definition/#column-selector).
3411
3678
 
3412
3679
  ![column selector](https://user-images.githubusercontent.com/3165635/104791267-6ff77300-579a-11eb-9338-11a8fde83258.gif)
3413
3680
 
@@ -3462,11 +3729,11 @@ Big thanks to the 5 contributors who made this release possible. Here are some h
3462
3729
  - ๐ŸŒŽ Add support for internationalization (#718) @DanailH
3463
3730
 
3464
3731
  You can use the `localeText` prop to provide custom wordings in the data grid.
3465
- Check the documentation for [a demo](https://mui.com/components/data-grid/localization/#translation-keys).
3732
+ Check the documentation for [a demo](https://mui.com/x/react-data-grid/localization/#translation-keys).
3466
3733
 
3467
3734
  - ๐Ÿ“š Start documenting the filtering feature ๐Ÿงช (#754) @dtassone
3468
3735
 
3469
- 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.
3736
+ The work in progress filtering feature and documentation can be found following [this link](https://mui.com/x/react-data-grid/filtering/). Early feedback are welcome.
3470
3737
 
3471
3738
  ### @material-ui/x-grid@v4.0.0-alpha.14 / @material-ui/data-grid@v4.0.0-alpha.14
3472
3739
 
@@ -3522,7 +3789,7 @@ _Dec 9, 2020_
3522
3789
 
3523
3790
  Big thanks to the 6 contributors who made this release possible. Here are some highlights โœจ:
3524
3791
 
3525
- - ๐Ÿ” Add a new data grid [density selector](https://mui.com/components/data-grid/rendering/#density) feature (#606) @DanailH.
3792
+ - ๐Ÿ” Add a new data grid [density selector](https://mui.com/x/react-data-grid/rendering/#density) feature (#606) @DanailH.
3526
3793
  - ๐Ÿ’„ A first iteration on the data grid's toolbar.
3527
3794
  - ๐Ÿงช Continue the iteration on the data grid filtering feature, soon to be released @dtassone.
3528
3795
 
@@ -3609,7 +3876,7 @@ Big thanks to the 8 contributors who made this release possible. Here are some h
3609
3876
  - [core] Remove gitHead (#669) @oliviertassinari
3610
3877
  - [core] Remove react-select (#658) @dependabot-preview
3611
3878
  - [core] Replace Storybook knobs for args (#601) @tooppaaa
3612
- - [core] Update to Material-UI v4.11.1 (#636) @oliviertassinari
3879
+ - [core] Update to Material UI v4.11.1 (#636) @oliviertassinari
3613
3880
 
3614
3881
  ## [4.0.0-alpha.10](https://github.com/mui/mui-x/compare/v4.0.0-alpha.9...v4.0.0-alpha.10)
3615
3882
 
@@ -3746,7 +4013,7 @@ _Sep 17, 2020_
3746
4013
 
3747
4014
  This is the first public alpha release of the component after 6 months of development since the initial commit (March 15th 2020).
3748
4015
  `@material-ui/data-grid` is licensed under MIT while `@material-ui/x-grid` is licensed under a commercial license.
3749
- You can find the documentation at this address: https://mui.com/components/data-grid/.
4016
+ You can find the documentation at this address: https://mui.com/x/react-data-grid/.
3750
4017
 
3751
4018
  ### @material-ui/x-grid@v4.0.0-alpha.1 / @material-ui/data-grid@v4.0.0-alpha.1
3752
4019