@mui/x-data-grid 5.0.0-beta.0 โ 5.0.0-beta.4
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.
- package/CHANGELOG.md +350 -31
- package/LICENSE +1 -1
- package/README.md +2 -2
- package/data-grid.d.ts +360 -499
- package/index-cjs.js +2 -3
- package/index-esm.js +2 -3
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,11 +3,332 @@
|
|
|
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
|
+
## 5.0.0-beta.4
|
|
7
|
+
|
|
8
|
+
_Oct 14, 2021_
|
|
9
|
+
|
|
10
|
+
A big thanks to the 7 contributors who made this release possible. Here are some highlights โจ:
|
|
11
|
+
|
|
12
|
+
- ๐ Add the ability to print the grid (#2519) @DanailH
|
|
13
|
+
|
|
14
|
+
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.
|
|
15
|
+
|
|
16
|
+
- ๐ก Enhance internal code structure
|
|
17
|
+
- โจ New slots for `row` and `cell` (#2753) @m4theushw
|
|
18
|
+
- ๐ Documentation improvements
|
|
19
|
+
- ๐ Bugfixes
|
|
20
|
+
|
|
21
|
+
### `@mui/x-data-grid@v5.0.0-beta.4` / `@mui/x-data-grid-pro@v5.0.0-beta.4`
|
|
22
|
+
|
|
23
|
+
#### Breaking changes
|
|
24
|
+
|
|
25
|
+
- [DataGrid] Remove unused event listeners and redundant DOM attributes on `GridCell` and `GridRow` (#2810) @m4theushw
|
|
26
|
+
|
|
27
|
+
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.
|
|
28
|
+
|
|
29
|
+
- `onCellBlur`
|
|
30
|
+
- `onCellOver`
|
|
31
|
+
- `onCellOut`
|
|
32
|
+
- `onCellEnter`
|
|
33
|
+
- `onCellLeave`
|
|
34
|
+
- `onRowOver`
|
|
35
|
+
- `onRowOut`
|
|
36
|
+
- `onRowEnter`
|
|
37
|
+
- `onRowLeave`
|
|
38
|
+
|
|
39
|
+
For more information, check [this page](https://mui.com/components/data-grid/components/#row). Example:
|
|
40
|
+
|
|
41
|
+
```diff
|
|
42
|
+
-<DataGrid onRowOver={handleRowOver} />;
|
|
43
|
+
+<DataGrid
|
|
44
|
+
+ componentsProps={{
|
|
45
|
+
+ row: { onMouseOver: handleRowOver },
|
|
46
|
+
+ }}
|
|
47
|
+
+/>;
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
The `data-rowindex` and `data-rowselected` attributes were removed from the cell element. Equivalent attributes can be found in the row element.
|
|
51
|
+
|
|
52
|
+
The `data-editable` attribute was removed from the cell element. Use the `.MuiDataGrid-cell--editable` CSS class.
|
|
53
|
+
|
|
54
|
+
The `data-mode` attribute was removed from the cell element. Use the `.MuiDataGrid-cell--editing` CSS class.
|
|
55
|
+
|
|
56
|
+
- [DataGrid] The `state.filter` and `state.visibleRows` were merged into a single `state.filter` sub-state (#2782) @flaviendelangle
|
|
57
|
+
|
|
58
|
+
To still access this information, use `state.filter` or the selectors as below:
|
|
59
|
+
|
|
60
|
+
```diff
|
|
61
|
+
-const filterModel = state.filter
|
|
62
|
+
-const filterModel = gridFilterStateSelector(state)
|
|
63
|
+
+const filterModel = state.filter.filterModel
|
|
64
|
+
+const filterModel = gridFilterModelSelector(state) // preferred method
|
|
65
|
+
|
|
66
|
+
-const visibleRowsLookup = state.visibleRows.visibleRowsLookup
|
|
67
|
+
-const visibleRowsLookup = visibleGridRowsStateSelector(state).visibleRowsLookup
|
|
68
|
+
+const visibleRowsLookup = state.filter.visibleRowsLookup
|
|
69
|
+
+const visibleRowsLookup = gridVisibleRowsLookupSelector(state).visibleRowsLookup // preferred method
|
|
70
|
+
|
|
71
|
+
-const visibleRows = state.visibleRows.visibleRows
|
|
72
|
+
+const visibleRows = state.filter.visibleRows
|
|
73
|
+
+const visibleRows = gridVisibleRowsLookupSelector(state).visibleRows // preferred method
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
- [DataGrid] The CSS classes constants are not exported anymore. Use `gridClasses` instead. (#2788) @flaviendelangle
|
|
77
|
+
|
|
78
|
+
```diff
|
|
79
|
+
-const columnHeaderClass = GRID_COLUMN_HEADER_CSS_CLASS
|
|
80
|
+
+const columnHeaderClass = gridClasses.columnHeader
|
|
81
|
+
|
|
82
|
+
-const rowClass = GRID_ROW_CSS_CLASS
|
|
83
|
+
+const rowClass = gridClasses.row
|
|
84
|
+
|
|
85
|
+
-const cellClass = GRID_CELL_CSS_CLASS
|
|
86
|
+
+const cellClass = gridClasses.cell
|
|
87
|
+
|
|
88
|
+
-const columnSeparatorClass = GRID_COLUMN_HEADER_SEPARATOR_RESIZABLE_CSS_CLASS
|
|
89
|
+
+const columnSeparatorClass = gridClasses['columnSeparator--resizable']
|
|
90
|
+
|
|
91
|
+
-const columnHeaderTitleClass = GRID_COLUMN_HEADER_TITLE_CSS_CLASS
|
|
92
|
+
+const columnHeaderTitleClass = gridClasses.columnHeaderTitle
|
|
93
|
+
|
|
94
|
+
-const columnHeaderDropZoneClass = GRID_COLUMN_HEADER_DROP_ZONE_CSS_CLASS
|
|
95
|
+
+const columnHeaderDropZoneClass = gridClasses.columnHeaderDropZone
|
|
96
|
+
|
|
97
|
+
-const columnHeaderDraggingClass = GRID_COLUMN_HEADER_DRAGGING_CSS_CLASS
|
|
98
|
+
+const columnHeaderDraggingClass = gridClasses["columnHeader--dragging"]
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
- [DataGrid] Rename `gridCheckboxSelectionColDef` to `GRID_CHECKBOX_SELECTION_COL_DEF` (#2793) @flaviendelangle
|
|
102
|
+
|
|
103
|
+
```diff
|
|
104
|
+
- gridCheckboxSelectionColDef
|
|
105
|
+
+ GRID_CHECKBOX_SELECTION_COL_DEF
|
|
106
|
+
```
|
|
107
|
+
|
|
108
|
+
- [DataGrid] The constants referring to the column types were removed (#2791) @flaviendelangle
|
|
109
|
+
Replace them as below:
|
|
110
|
+
|
|
111
|
+
```diff
|
|
112
|
+
-const isColumnString = column.type === GRID_STRING_COLUMN_TYPE;
|
|
113
|
+
+const isColumnString = col.type === 'string';
|
|
114
|
+
|
|
115
|
+
-const isColumnNumber = col.type === GRID_NUMBER_COLUMN_TYPE;
|
|
116
|
+
+const isColumnNumber = col.type === 'number';
|
|
117
|
+
|
|
118
|
+
-const isColumnDate = col.type === GRID_DATE_COLUMN_TYPE;
|
|
119
|
+
+const isColumnDate = col.type === 'date';
|
|
120
|
+
|
|
121
|
+
-const isColumnDateTime = col.type === GRID_DATETIME_COLUMN_TYPE;
|
|
122
|
+
+const isColumnDateTime = col.type === 'dateTime';
|
|
123
|
+
|
|
124
|
+
-const isColumnBoolean = col.type === GRID_BOOLEAN_COLUMN_TYPE;
|
|
125
|
+
+const isColumnBoolean = col.type === 'boolean';
|
|
126
|
+
```
|
|
127
|
+
|
|
128
|
+
- [DataGrid] The state initializers were removed (#2782) @flaviendelangle
|
|
129
|
+
|
|
130
|
+
Use `getDefaultGridFilterModel` instead of `getInitialGridFilterState`:
|
|
131
|
+
|
|
132
|
+
```diff
|
|
133
|
+
-const [filterModel, setFilterModel] = React.useState(getInitialGridFilterState);
|
|
134
|
+
+const [filterModel, setFilterModel] = React.useState(getDefaultGridFilterModel);
|
|
135
|
+
```
|
|
136
|
+
|
|
137
|
+
For the other methods, you can hardcode the value you want to apply:
|
|
138
|
+
|
|
139
|
+
```diff
|
|
140
|
+
-const [sortModel, setSortModel] = React.useState(() => getInitialGridSortingState().sortModel);
|
|
141
|
+
+const [sortModel, setSortModel] React.useState([]);
|
|
142
|
+
|
|
143
|
+
-getInitialGridColumnReorderState
|
|
144
|
+
-getInitialGridColumnResizeState
|
|
145
|
+
-getInitialGridColumnsState
|
|
146
|
+
-getInitialGridRenderingState
|
|
147
|
+
-getInitialGridRowState
|
|
148
|
+
-getInitialGridState
|
|
149
|
+
-getInitialVisibleGridRowsState
|
|
150
|
+
-getInitialGridState
|
|
151
|
+
```
|
|
152
|
+
|
|
153
|
+
#### Changes
|
|
154
|
+
|
|
155
|
+
- [DataGrid] Add `row` and `cell` component slots (#2753) @m4theushw
|
|
156
|
+
- [DataGrid] Rename `gridCheckboxSelectionColDef` to `GRID_CHECKBOX_SELECTION_COL_DEF` (#2793) @flaviendelangle
|
|
157
|
+
- [DataGrid] Clean hook folder structure and stop exporting internal hooks (#2789) @flaviendelangle
|
|
158
|
+
- [DataGrid] Add support for Print export (#2519) @DanailH
|
|
159
|
+
- [DataGrid] Remove internal localization and column type constant exports (#2791) @flaviendelangle
|
|
160
|
+
- [DataGrid] Remove `GridRowCells` component (#2811) @m4theushw
|
|
161
|
+
- [DataGrid] Remove class constants exports (#2788) @flaviendelangle
|
|
162
|
+
- [DataGrid] Remove unused event listeners on `GridCell` and `GridRow` (#2810) @m4theushw
|
|
163
|
+
- [DataGrid] Fix the header selection checkbox to work with `prop.checkboxSelectionVisibleOnly` (#2781) @flaviendelangle
|
|
164
|
+
|
|
165
|
+
### Docs
|
|
166
|
+
|
|
167
|
+
- [docs] Add link to installation page (#2778) @MostafaKMilly
|
|
168
|
+
- [docs] Add redirect from docs home page to `DataGrid` home page (#2737) @flaviendelangle
|
|
169
|
+
- [docs] Fix JSX closing tag in `getActions` example (#2847) @dstarner
|
|
170
|
+
- [docs] Fix pagination in Ant Design demo (#2787) @ZeeshanTamboli
|
|
171
|
+
- [docs] Update the `page` prop docs (#2812) @m4theushw
|
|
172
|
+
|
|
173
|
+
### Core
|
|
174
|
+
|
|
175
|
+
- [core] Update hooks to initialize their state synchronously (#2782) @flaviendelangle
|
|
176
|
+
- [core] Fix rollup external warnings (#2736) @eps1lon
|
|
177
|
+
|
|
178
|
+
## 5.0.0-beta.3
|
|
179
|
+
|
|
180
|
+
_Oct 7, 2021_
|
|
181
|
+
|
|
182
|
+
A big thanks to the 9 contributors who made this release possible. Here are some highlights โจ:
|
|
183
|
+
|
|
184
|
+
- ๐ Add Persian (faIR) locale (#2712) @devlifeX
|
|
185
|
+
- ๐ Allow to select range of rows with Shift + click (#2456) @flaviendelangle
|
|
186
|
+
- ๐ Allow to throttle the row updates with the `throttleRowsMs` prop on `DataGridPro` and remove the default 100ms row update delay (#2561) @flaviendelangle
|
|
187
|
+
- ๐ก Enhance internal code structure
|
|
188
|
+
- ๐ Documentation improvements
|
|
189
|
+
- ๐ Bugfixes
|
|
190
|
+
|
|
191
|
+
### `@mui/x-data-grid@v5.0.0-beta.3` / `@mui/x-data-grid-pro@v5.0.0-beta.3`
|
|
192
|
+
|
|
193
|
+
#### Breaking changes
|
|
194
|
+
|
|
195
|
+
- [DataGrid] Rename some selectors and interfaces to follow the codebase naming conventions (#2723) @flaviendelangle
|
|
196
|
+
|
|
197
|
+
The following selectors were renamed:
|
|
198
|
+
|
|
199
|
+
```diff
|
|
200
|
+
-const filterModel = filterGridStateSelector(state);
|
|
201
|
+
+const filterModel = gridFilterModelSelector(state);
|
|
202
|
+
```
|
|
203
|
+
|
|
204
|
+
```diff
|
|
205
|
+
-const density: GridGridDensity = densitySelector(state);
|
|
206
|
+
+const density: GridDensityState = gridDensitySelector(state);
|
|
207
|
+
```
|
|
208
|
+
|
|
209
|
+
```diff
|
|
210
|
+
-const rendering: InternalRenderingState = gridRenderingSelector(state);
|
|
211
|
+
+const rendering: GridRenderingState = gridRenderingSelector(state);
|
|
212
|
+
```
|
|
213
|
+
|
|
214
|
+
#### Changes
|
|
215
|
+
|
|
216
|
+
- [DataGrid] Add Persian (faIR) locale (#2712) @devlifeX
|
|
217
|
+
- [DataGrid] Allow to select range of rows using Shift + click (#2456) @flaviendelangle
|
|
218
|
+
- [DataGrid] Fix numeric column filter to not run when value is empty (#2780) @m4theushw
|
|
219
|
+
- [DataGrid] Export `singleSelect` operators (#2666) @jeremyalan
|
|
220
|
+
- [DataGrid] Fix Italian localization (#2717) @destegabry
|
|
221
|
+
- [DataGrid] Fix `undefined` in filter panel (#2715) @DanailH
|
|
222
|
+
- [DataGrid] Fix the fade-out transition of the `GridMenu` (#2734) @flaviendelangle
|
|
223
|
+
- [DataGrid] Pass row `id` to `valueFormatter` (#2738) @m4theushw
|
|
224
|
+
- [DataGrid] Fix `onSortModelChange` to not be called during initialization (#2724) @flaviendelangle
|
|
225
|
+
- [DataGridPro] Stop drag event propagation (#2802) @DanailH
|
|
226
|
+
- [DataGridPro] Fix keyboard navigation to work with filtered rows (#2800) @flaviendelangle
|
|
227
|
+
|
|
228
|
+
### Docs
|
|
229
|
+
|
|
230
|
+
- [docs] Add missing fonts (#2745) @m4theushw
|
|
231
|
+
- [docs] Add page for scrolling API (#2634) @m4theushw
|
|
232
|
+
- [docs] Add type to `onChange` event argument (#2669) @jayariglesias
|
|
233
|
+
- [docs] Add explanation about the `id` usage in multiple filters in DataGridPro (#2783) @ZeeshanTamboli
|
|
234
|
+
- [docs] Fix demo throwing error (#2719) @m4theushw
|
|
235
|
+
- [docs] Fix index and improve playground page (#2755) @oliviertassinari
|
|
236
|
+
|
|
237
|
+
### Core
|
|
238
|
+
|
|
239
|
+
- [core] Add benchmark script (#2683) @m4theushw
|
|
240
|
+
- [core] Clean error messages prefix (#2676) @flaviendelangle
|
|
241
|
+
- [core] Do not regenerate columns of `useDemoData` on each render (#2747) @flaviendelangle
|
|
242
|
+
- [core] Don't run benchmark on cached files (#2786) @m4theushw
|
|
243
|
+
- [core] Drop localization v4 format (#2792) @flaviendelangle
|
|
244
|
+
- [core] Remove useless state update in `useGridColumnMenu` (#2722) @flaviendelangle
|
|
245
|
+
- [core] Remove v4 conditional code (#2575) @flaviendelangle
|
|
246
|
+
- [core] Rework `useGridRows` high frequency update (#2561) @flaviendelangle
|
|
247
|
+
- [core] Set up `eps1lon/actions-label-merge-conflict` action (#2751) @m4theushw
|
|
248
|
+
- [core] Stop using selectors for Pro features on React components (#2716) @flaviendelangle
|
|
249
|
+
|
|
250
|
+
## 5.0.0-beta.2
|
|
251
|
+
|
|
252
|
+
_Sep 24, 2021_
|
|
253
|
+
|
|
254
|
+
A big thanks to the 5 contributors who made this release possible. Here are some highlights โจ:
|
|
255
|
+
|
|
256
|
+
- ๐ป๐ณ Add Vietnamese (viVN) locale (#2668) @tuananh281098
|
|
257
|
+
- ๐ต๐ฑ Improve Polish (plPL) locale (#2632) @michallukowski
|
|
258
|
+
- โก๏ธ Apply the `valueFormatter` to the `singleSelect` column type (#2581) @DanailH
|
|
259
|
+
|
|
260
|
+
### `@mui/x-data-grid@v5.0.0-beta.2` / `@mui/x-data-grid-pro@v5.0.0-beta.2`
|
|
261
|
+
|
|
262
|
+
#### Breaking changes
|
|
263
|
+
|
|
264
|
+
- [DataGrid] The params passed to the `valueFormatter` were changed. (#2581) @DanailH
|
|
265
|
+
|
|
266
|
+
Use the `api` to get the missing params.
|
|
267
|
+
The `GridValueFormatterParams` interface has the following signature now:
|
|
268
|
+
|
|
269
|
+
```diff
|
|
270
|
+
-export type GridValueFormatterParams = Omit<GridRenderCellParams, 'formattedValue' | 'isEditable'>;
|
|
271
|
+
+export interface GridValueFormatterParams {
|
|
272
|
+
+ /**
|
|
273
|
+
+ * The column field of the cell that triggered the event
|
|
274
|
+
+ */
|
|
275
|
+
+ field: string;
|
|
276
|
+
+ /**
|
|
277
|
+
+ * The cell value, but if the column has valueGetter, use getValue.
|
|
278
|
+
+ */
|
|
279
|
+
+ value: GridCellValue;
|
|
280
|
+
+ /**
|
|
281
|
+
+ * GridApi that let you manipulate the grid.
|
|
282
|
+
+ */
|
|
283
|
+
+ api: any;
|
|
284
|
+
+}
|
|
285
|
+
```
|
|
286
|
+
|
|
287
|
+
#### Changes
|
|
288
|
+
|
|
289
|
+
- [DataGrid] Add Vietnamese (viVN) locale (#2668) @tuananh281098
|
|
290
|
+
- [DataGrid] Apply the `valueFormatter` to `singleSelect` select options (#2581) @DanailH
|
|
291
|
+
- [DataGrid] Free up column header space when icons are not visible (#2606) @DanailH
|
|
292
|
+
- [DataGrid] Improve Polish (plPL) locale (#2632) @michallukowski
|
|
293
|
+
|
|
294
|
+
### Docs
|
|
295
|
+
|
|
296
|
+
- [docs] Add section for controlled selection and server-side pagination (#2602) @DanailH
|
|
297
|
+
- [docs] Fix Algolia search (#2655) @oliviertassinari
|
|
298
|
+
- [docs] Improve the seach results relevance (#2656) @oliviertassinari
|
|
299
|
+
- [docs] Update installation instructions (#2663) @m4theushw
|
|
300
|
+
|
|
301
|
+
### Core
|
|
302
|
+
|
|
303
|
+
- [core] Upgrade JSS plugins to 10.8.0 (#2667) @m4theushw
|
|
304
|
+
|
|
305
|
+
## 5.0.0-beta.1
|
|
306
|
+
|
|
307
|
+
_Sep 17, 2021_
|
|
308
|
+
|
|
309
|
+
A big thanks to the 3 contributors who made this release possible.
|
|
310
|
+
|
|
311
|
+
### `@mui/x-data-grid@v5.0.0-beta.1` / `@mui/x-data-grid-pro@v5.0.0-beta.1`
|
|
312
|
+
|
|
313
|
+
This is a hotfix to fix an important regression with `v5.0.0-beta.0`.
|
|
314
|
+
|
|
315
|
+
### Docs
|
|
316
|
+
|
|
317
|
+
- [docs] Explain how to use theme augmentation (#2582) @ZeeshanTamboli
|
|
318
|
+
- [docs] Fix formatting (#2626) @m4theushw
|
|
319
|
+
- [docs] Include packages from next tag (#2628) @m4theushw
|
|
320
|
+
|
|
321
|
+
### Core
|
|
322
|
+
|
|
323
|
+
- [core] Copy bin folder when building the libraries (#2627) @flaviendelangle
|
|
324
|
+
- [core] Remove prop-types during build (#2586) @m4theushw
|
|
325
|
+
|
|
6
326
|
## 5.0.0-beta.0
|
|
7
327
|
|
|
8
|
-
_Sep
|
|
328
|
+
_Sep 17, 2021_
|
|
9
329
|
|
|
10
|
-
๐ This is the first release with support for the new MUI v5 ๐!
|
|
330
|
+
๐ This is the first release with support for the new MUI v5 ๐!
|
|
331
|
+
In the next releases, we will be working to bring all the cool features from MUI v5 to the advanced components.
|
|
11
332
|
|
|
12
333
|
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.
|
|
13
334
|
|
|
@@ -40,7 +361,6 @@ A big thanks to the 9 contributors who made this release possible. Here are some
|
|
|
40
361
|
|
|
41
362
|
- [DataGridPro] The third argument in `apiRef.current.selectRow` is now inverted to keep consistency with other selection APIs. (#2523) @flaviendelangle
|
|
42
363
|
|
|
43
|
-
|
|
44
364
|
```diff
|
|
45
365
|
-selectRow: (id: GridRowId, isSelected?: boolean, allowMultiple?: boolean = false) => void;
|
|
46
366
|
+selectRow: (id: GridRowId, isSelected?: boolean, resetSelection?: boolean = false) => void;
|
|
@@ -51,20 +371,17 @@ A big thanks to the 9 contributors who made this release possible. Here are some
|
|
|
51
371
|
```diff
|
|
52
372
|
-const { options } = useGridSlotComponentProps();
|
|
53
373
|
+const rootProps = useGridRootProps();
|
|
54
|
-
```
|
|
55
|
-
- [DataGrid] The module augmentation is not enabled by default. This change was done to prevent conflicts with projects using `DataGrid` and `DataGridPro` together.
|
|
374
|
+
```
|
|
56
375
|
|
|
57
|
-
|
|
58
|
-
- [DataGrid] The module augmentation is not enabled by default. This change was done to prevent conflicts with projects using `DataGrid` and `DataGridPro` together.
|
|
376
|
+
- [DataGrid] The module augmentation is not enabled by default. This change was done to prevent conflicts with projects using `DataGrid` and `DataGridPro` together.
|
|
59
377
|
|
|
60
378
|
In order to still be able to do overrides at the theme level, add the following imports to your project:
|
|
61
379
|
|
|
62
380
|
```diff
|
|
63
381
|
+import type {} from '@mui/x-data-grid/themeAugmentation';
|
|
64
382
|
+import type {} from '@mui/x-data-grid-pro/themeAugmentation';
|
|
65
|
-
```
|
|
66
|
-
|
|
67
|
-
+import type {} from '@mui/x-data-grid-pro/themeAugmentation';
|
|
383
|
+
```
|
|
384
|
+
|
|
68
385
|
#### Changes
|
|
69
386
|
|
|
70
387
|
- [DataGridPro] Only apply `checkboxSelectionVisibleOnly` when pagination is enabled (#2443) @flaviendelangle
|
|
@@ -130,7 +447,7 @@ A big thanks to the 9 contributors who made this release possible. Here are some
|
|
|
130
447
|
- [core] Update `.browserslistrc` file (#2384) @DanailH
|
|
131
448
|
- [core] Update monorepo version and copy assets (#2603) @m4theushw
|
|
132
449
|
- [core] Update outdated hook requirements (#2526) @flaviendelangle
|
|
133
|
-
- [test] Clean selection tests
|
|
450
|
+
- [test] Clean selection tests (#2457) @flaviendelangle
|
|
134
451
|
- [test] Disable browserstack for PRs (#2531) @flaviendelangle
|
|
135
452
|
|
|
136
453
|
## 4.0.0
|
|
@@ -139,14 +456,14 @@ _Aug 27, 2021_
|
|
|
139
456
|
|
|
140
457
|
๐ This is the first stable release of the data grid component ๐!
|
|
141
458
|
|
|
142
|
-
We have been iterating on the component for [18 months](https://github.com/mui-org/material-ui-x/commit/705cb0f387b5f3aa056bf40c4183a2342b317447). With the
|
|
459
|
+
We have been iterating on the component for [18 months](https://github.com/mui-org/material-ui-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.
|
|
143
460
|
|
|
144
461
|
The MUI X v4.0.0 release supports [MUI Core](https://github.com/mui-org/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).
|
|
145
462
|
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.
|
|
146
463
|
|
|
147
464
|
A big thanks to the 6 contributors who made this release possible. Here are some highlights โจ:
|
|
148
465
|
|
|
149
|
-
- ๐ Introduce the [row editing](https://
|
|
466
|
+
- ๐ Introduce the [row editing](https://mui.com/components/data-grid/editing/#row-editing) feature (#2098) @m4theushw
|
|
150
467
|
|
|
151
468
|
<img src="https://user-images.githubusercontent.com/3165635/130665023-3c0730ab-502e-4da1-8bc1-d572427ad2d6.gif" width="851" height="382" />
|
|
152
469
|
|
|
@@ -154,9 +471,11 @@ A big thanks to the 6 contributors who made this release possible. Here are some
|
|
|
154
471
|
|
|
155
472
|
This should help clarify the products vs. plans separation. [MUI X](https://github.com/mui-org/material-ui-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.
|
|
156
473
|
The Pro suffix should help make it clear what's MIT and what's not.
|
|
474
|
+
|
|
157
475
|
- โจ Rename the `@material-ui` npm scope to `@mui` (#2341) @oliviertassinari
|
|
158
476
|
|
|
159
477
|
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/.
|
|
478
|
+
|
|
160
479
|
- ๐ก The `api` property was removed from the callback params. To access the API, use the `DataGridPro` (#2312) @DanailH
|
|
161
480
|
|
|
162
481
|
### `@mui/x-data-grid@v4.0.0` / `@mui/x-data-grid-pro@v4.0.0`
|
|
@@ -313,7 +632,7 @@ Big thanks to the 6 contributors who made this release possible. Here are some h
|
|
|
313
632
|
```
|
|
314
633
|
|
|
315
634
|
- [XGrid] The `setEditCellProps` API call is not available anymore.
|
|
316
|
-
Use the [controlled editing](https://
|
|
635
|
+
Use the [controlled editing](https://mui.com/components/data-grid/editing/#controlled-editing) or `setEditRowsModel`.
|
|
317
636
|
|
|
318
637
|
```diff
|
|
319
638
|
-apiRef.current.setEditCellProps({ id, field, props: { ...props, error: true } });
|
|
@@ -398,7 +717,7 @@ Big thanks to the 8 contributors who made this release possible. Here are some h
|
|
|
398
717
|
|
|
399
718
|
- [DataGrid] Improve controllable pagination (#2099) @flaviendelangle
|
|
400
719
|
|
|
401
|
-
- The `pageSize` is now a controlled prop. If you set a value, you also need to handle updates with onPageSizeChange. See [the documentation](https://
|
|
720
|
+
- 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).
|
|
402
721
|
- Change the controllable API signature:
|
|
403
722
|
|
|
404
723
|
```diff
|
|
@@ -599,7 +918,7 @@ Big thanks to the 11 contributors who made this release possible. Here are some
|
|
|
599
918
|
- [XGrid] Only show column sorting in the grid toolbar when experimental features enabled (#2091) @flaviendelangle
|
|
600
919
|
- [XGrid] Prevent headers from scrolling during reordering (#2154) @m4theushw
|
|
601
920
|
|
|
602
|
-
|
|
921
|
+
### Docs
|
|
603
922
|
|
|
604
923
|
- [docs] Add new cursor-based pagination paragraph (#1991) @flaviendelangle
|
|
605
924
|
- [docs] Better explain what happens in the future (#2036) @oliviertassinari
|
|
@@ -607,7 +926,7 @@ Big thanks to the 11 contributors who made this release possible. Here are some
|
|
|
607
926
|
- [docs] Fix small typos in the documentation (#2169) @BrandonOldenhof
|
|
608
927
|
- [docs] Fix typo in README (#2150) @studyhog
|
|
609
928
|
|
|
610
|
-
|
|
929
|
+
### Core
|
|
611
930
|
|
|
612
931
|
- [core] Add @material-ui/lab and @material-ui/icons as peer dependencies (#2012) @m4theushw
|
|
613
932
|
- [core] Add additional test case for `onSelectionModelChange` (#1966) @DanailH
|
|
@@ -644,7 +963,7 @@ Big thanks to the 6 contributors who made this release possible. Here are some h
|
|
|
644
963
|
- ๐ We have fixed the `Select all` checkbox. When triggered, it should only select the filtered rows (#1879) @ZeeshanTamboli
|
|
645
964
|
- โก๏ธ We have added a new `singleSelect` column type (#1956) @DanailH
|
|
646
965
|
|
|
647
|
-
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://
|
|
966
|
+
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).
|
|
648
967
|
|
|
649
968
|
```jsx
|
|
650
969
|
<DataGrid
|
|
@@ -842,7 +1161,7 @@ Big thanks to the 6 contributors who made this release possible. Here are some h
|
|
|
842
1161
|
- ๐
Allow to customize GridToolbarExport's CSV export (#1695) @michallukowski
|
|
843
1162
|
- ๐ Allow to deselect rows with <kbd>CTRL</kbd> + click (#1813) @ZeeshanTamboli
|
|
844
1163
|
- โก๏ธ Refactor scroll size detector (#1703) @dtassone
|
|
845
|
-
- ๐ Add [documentation](https://
|
|
1164
|
+
- ๐ Add [documentation](https://mui.com/api/data-grid/) for interfaces and events (#1529) @m4theushw
|
|
846
1165
|
- ๐ Bugfixes
|
|
847
1166
|
|
|
848
1167
|
### @material-ui/x-grid@v4.0.0-alpha.31 / @material-ui/data-grid@v4.0.0-alpha.31
|
|
@@ -1014,7 +1333,7 @@ Big thanks to the 11 contributors who made this release possible. Here are some
|
|
|
1014
1333
|
- ๐
Add `columnHeader`, `row` and `cell` to the `classes` prop (#1660) @DanailH
|
|
1015
1334
|
- โ
Add the `isRowSelectable` prop to disable selection on certain rows (#1659) @m4theushw
|
|
1016
1335
|
|
|
1017
|
-
See the documentation for [more details](https://
|
|
1336
|
+
See the documentation for [more details](https://mui.com/components/data-grid/selection/#disable-selection-on-certain-rows).
|
|
1018
1337
|
|
|
1019
1338
|
- โก๏ธ Add new icon slot to be displayed when the column is unsorted (#1415) @m4theushw
|
|
1020
1339
|
- โ Improve consistency of the API to prepare for the first beta release
|
|
@@ -1262,7 +1581,7 @@ Big thanks to the 7 contributors who made this release possible. Here are some h
|
|
|
1262
1581
|
|
|
1263
1582
|
- ๐ Release the cell editing feature (#1287) @dtassone
|
|
1264
1583
|
|
|
1265
|
-
This is the first release of the Cell editing feature. You can find the documentation [following this link](https://
|
|
1584
|
+
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.
|
|
1266
1585
|
|
|
1267
1586
|
|
|
1268
1587
|
|
|
@@ -1389,7 +1708,7 @@ Big thanks to the 8 contributors who made this release possible. Here are some h
|
|
|
1389
1708
|
- [DataGrid] Rename `useGridBaseComponentProps` hook to `useGridSlotComponentProps` (#1252) @DanailH
|
|
1390
1709
|
- [DataGrid] Rename modules (#1292) @DanailH
|
|
1391
1710
|
- [DataGrid] Rename all events related to column reordering, e.g. `GRID_COL_REORDER_START` -> `GRID_COLUMN_REORDER_START` (#1299) @m4theushw
|
|
1392
|
-
- [DataGrid] Methods `onColItemDragStart`, `onColHeaderDragOver`, `onColItemDragOver`, `onColItemDragEnter` removed from the grid API. Prefer listening to [column reordering events](https://
|
|
1711
|
+
- [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
|
|
1393
1712
|
- [DataGrid] Calling `apiRef.current.getColumnHeaderParams` returns a `GridColumnHeaderParams` instead of `GridColParams` (#1299) @m4theushw
|
|
1394
1713
|
- [DataGrid] Events that follow the pattern `GRID_COLUMN_HEADER_xxx` will be called with a `GridColumnHeaderParams` instead of `GridColParams` (#1299) @m4theushw
|
|
1395
1714
|
- [DataGrid] The `renderHeader` will be called with a `GridColumnHeaderParams` instead of `GridColParams` (#1299) @m4theushw
|
|
@@ -1415,7 +1734,7 @@ Big thanks to the 7 contributors who made this release possible. Here are some h
|
|
|
1415
1734
|
- ๐ Add `onRowsScrollEnd` to support infinite loading (#1199) @DanailH
|
|
1416
1735
|
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.
|
|
1417
1736
|
|
|
1418
|
-
See the documentation for [more details](https://
|
|
1737
|
+
See the documentation for [more details](https://mui.com/components/data-grid/rows/#infinite-loading).
|
|
1419
1738
|
|
|
1420
1739
|
- ๐น Provide the ability to sort by multiple columns using Shift+click (#1203) @dtassone
|
|
1421
1740
|
- ๐ต๐ฑ Added plPL locale (#1117) @LarsKumbier
|
|
@@ -1487,7 +1806,7 @@ Big thanks to the 7 contributors who made this release possible. Here are some h
|
|
|
1487
1806
|
- ๐ Add support for CSV export (#1030) @DanailH.
|
|
1488
1807
|
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.
|
|
1489
1808
|
|
|
1490
|
-
See the documentation for [more details](https://
|
|
1809
|
+
See the documentation for [more details](https://mui.com/components/data-grid/export/#csv-export).
|
|
1491
1810
|
|
|
1492
1811
|
- ๐ Improve the support for custom locales (#1096, #1079, #1109, #1077)
|
|
1493
1812
|
- โฟ๏ธ Fix a couple of accessibility issues with the popups (#1105, #1102)
|
|
@@ -1538,9 +1857,9 @@ _Feb 17, 2021_
|
|
|
1538
1857
|
Big thanks to the 4 contributors who made this release possible. Here are some highlights โจ:
|
|
1539
1858
|
|
|
1540
1859
|
- ๐ Add support for default locales (#983) @DanailH
|
|
1541
|
-
We have built the infrastructure to support around 100 [default locales](https://
|
|
1860
|
+
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.
|
|
1542
1861
|
- ๐ Add new `selectionModel` prop (#986) @dtassone
|
|
1543
|
-
The prop can be used to control the selected rows in the data grid. [See the docs](https://
|
|
1862
|
+
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).
|
|
1544
1863
|
- ๐
Add support for default props from theme (#1019) @DanailH
|
|
1545
1864
|
- ๐ Fix scrollbar size on windows (#1061) @dtassone
|
|
1546
1865
|
- ๐ Polish existing features, fix 9 issues.
|
|
@@ -1757,7 +2076,7 @@ Big thanks to the 5 contributors who made this release possible. Here are some h
|
|
|
1757
2076
|
Big thanks to the 4 contributors who made this release possible. Here are some highlights โจ:
|
|
1758
2077
|
|
|
1759
2078
|
- ๐ Add support for Column selector (#837) @DanailH @dtassone.
|
|
1760
|
-
The feature can be triggered from the toolbar or the column menu. Check [the documentation](https://
|
|
2079
|
+
The feature can be triggered from the toolbar or the column menu. Check [the documentation](https://mui.com/components/data-grid/columns/#column-selector).
|
|
1761
2080
|
|
|
1762
2081
|
|
|
1763
2082
|
|
|
@@ -1812,11 +2131,11 @@ Big thanks to the 5 contributors who made this release possible. Here are some h
|
|
|
1812
2131
|
- ๐ Add support for internationalization (#718) @DanailH
|
|
1813
2132
|
|
|
1814
2133
|
You can use the `localeText` prop to provide custom wordings in the data grid.
|
|
1815
|
-
Check the documentation for [a demo](https://
|
|
2134
|
+
Check the documentation for [a demo](https://mui.com/components/data-grid/localization/#translation-keys).
|
|
1816
2135
|
|
|
1817
2136
|
- ๐ Start documenting the filtering feature ๐งช (#754) @dtassone
|
|
1818
2137
|
|
|
1819
|
-
The work in progress filtering feature and documentation can be found following [this link](https://
|
|
2138
|
+
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.
|
|
1820
2139
|
|
|
1821
2140
|
### @material-ui/x-grid@v4.0.0-alpha.14 / @material-ui/data-grid@v4.0.0-alpha.14
|
|
1822
2141
|
|
|
@@ -1872,7 +2191,7 @@ Big thanks to the 4 contributors who made this release possible. Here are some h
|
|
|
1872
2191
|
|
|
1873
2192
|
Big thanks to the 6 contributors who made this release possible. Here are some highlights โจ:
|
|
1874
2193
|
|
|
1875
|
-
- ๐ Add a new data grid [density selector](https://
|
|
2194
|
+
- ๐ Add a new data grid [density selector](https://mui.com/components/data-grid/rendering/#density) feature (#606) @DanailH.
|
|
1876
2195
|
- ๐ A first iteration on the data grid's toolbar.
|
|
1877
2196
|
- ๐งช Continue the iteration on the data grid filtering feature, soon to be released @dtassone.
|
|
1878
2197
|
|
|
@@ -2096,7 +2415,7 @@ Big thanks to the 8 contributors who made this release possible. Here are some h
|
|
|
2096
2415
|
|
|
2097
2416
|
This is the first public alpha release of the component after 6 months of development since the initial commit (March 15th 2020).
|
|
2098
2417
|
`@material-ui/data-grid` is licensed under MIT while `@material-ui/x-grid` is licensed under a commercial license.
|
|
2099
|
-
You can find the documentation at this address: https://
|
|
2418
|
+
You can find the documentation at this address: https://mui.com/components/data-grid/.
|
|
2100
2419
|
|
|
2101
2420
|
### @material-ui/x-grid@v4.0.0-alpha.1 / @material-ui/data-grid@v4.0.0-alpha.1
|
|
2102
2421
|
|
package/LICENSE
CHANGED
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# @mui/x-data-grid
|
|
2
2
|
|
|
3
3
|
This package is the community edition of the data grid component.
|
|
4
|
-
It's part of
|
|
4
|
+
It's part of MUI X, an open core extension of MUI, with advanced components.
|
|
5
5
|
|
|
6
6
|
## Installation
|
|
7
7
|
|
|
@@ -27,4 +27,4 @@ This component has three peer dependencies that you will need to install as well
|
|
|
27
27
|
|
|
28
28
|
## Documentation
|
|
29
29
|
|
|
30
|
-
[The documentation](https://
|
|
30
|
+
[The documentation](https://mui.com/components/data-grid/)
|