|
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 | +## 4.0.0-alpha.36 |
| 7 | + |
| 8 | +_August 5, 2021_ |
| 9 | + |
| 10 | +Big thanks to the 6 contributors who made this release possible. Here are some highlights ✨: |
| 11 | + |
| 12 | +- 🚀 Polish the cell editing API (#2220) @m4theushw |
| 13 | +- ⚡️ Add `details` param to each callback option in `XGrid` (#2236) @DanailH |
| 14 | +- 💅 Work on internal optimizations and code separation (#2176, #2243, #2235, #2213) @flaviendelangle |
| 15 | +- ✨ Allow non-integer column width for flex columns (#2282) @flaviendelangle |
| 16 | +- 🐞 Fix one bug related to filtering |
| 17 | + |
| 18 | +### `@material-ui/[email protected]` / `@material-ui/[email protected]` |
| 19 | + |
| 20 | +#### Breaking changes |
| 21 | + |
| 22 | +- [DataGrid] Polish cell editing (#2220) @m4theushw |
| 23 | + |
| 24 | + - Replace `onCellModeChange` prop with `onCellEditStart` or `onCellEditStop`. |
| 25 | + - Rename `onCellEditEnter` prop to `onCellEditStart`. |
| 26 | + - Rename `onCellEditEnd` prop to `onCellEditStop`. |
| 27 | + |
| 28 | + ```diff |
| 29 | + <DataGrid |
| 30 | + - onCellEditEnter={...} |
| 31 | + - onCellEditExit={...} |
| 32 | + + onCellEditStart={...} |
| 33 | + + onCellEditStop={...} |
| 34 | + /> |
| 35 | + ``` |
| 36 | + |
| 37 | + - [XGrid] The `setEditCellProps` API call is not available anymore. |
| 38 | + Use the [controlled editing](https://material-ui.com/components/data-grid/editing/#controlled-editing) or `setEditRowsModel`. |
| 39 | + |
| 40 | + ```diff |
| 41 | + -apiRef.current.setEditCellProps({ id, field, props: { ...props, error: true } }); |
| 42 | + +apiRef.current.setEditRowsModel({ |
| 43 | + + ...oldModel, |
| 44 | + + [id]: { |
| 45 | + + ...oldModel[id], |
| 46 | + + [field]: { ...oldModel[id][field], error: true }, |
| 47 | + + }, |
| 48 | + +}); |
| 49 | + ``` |
| 50 | + |
| 51 | +- [DataGrid] Allow non-integer column width for flex columns (#2282) @flaviendelangle |
| 52 | + |
| 53 | + - The `width` property of the columns is no longer updated with the actual width of of the column. Use the new `computedWidth` property in the callbacks instead. |
| 54 | + |
| 55 | + ```diff |
| 56 | + const columns: GridColDef = [ |
| 57 | + { |
| 58 | + field: "name", |
| 59 | + width: 100, |
| 60 | + renderCell: ({ value, colDef }) => { |
| 61 | + - console.log(colDef.width!) |
| 62 | + + console.log(colDef.computedWidth) |
| 63 | + return value |
| 64 | + } |
| 65 | + ] |
| 66 | + ``` |
| 67 | + |
| 68 | +#### Changes |
| 69 | + |
| 70 | +- [DataGrid] Canonical controlled state behavior (#2208) @oliviertassinari |
| 71 | +- [DataGrid] Fix filter with extended columns (#2246) @m4theushw |
| 72 | +- [DataGrid] Remove default value of columnTypes prop (#2280) @m4theushw |
| 73 | +- [DataGrid] Add German (deDE) translation for export and isEmpty operator (#2285) @ChristopherBussick |
| 74 | +- [XGrid] Add `details` param to each callback option in `XGrid` (#2236) @DanailH |
| 75 | + |
| 76 | +### Docs |
| 77 | + |
| 78 | +- [docs] Improve slot API docs (#2219) @oliviertassinari |
| 79 | +- [docs] Document virtualization APIs in virtualization section (#2247) @ZeeshanTamboli |
| 80 | + |
| 81 | +### Core |
| 82 | + |
| 83 | +- [core] Isolate `DataGrid` and `XGrid` (#2176) @dtassone |
| 84 | +- [core] Move `GridFilterModel` in the models directory (#2243) @flaviendelangle |
| 85 | +- [core] Add new column internal `computedWidth` field (#2235) @flaviendelangle |
| 86 | +- [core] Use `rootProps` instead of `options` in the grid components except for `classes` (#2213) @flaviendelangle |
| 87 | +- [core] Fix `rebaseWhen=auto` not working (#2271) @oliviertassinari |
| 88 | +- [core] Batch small changes (#2249) @oliviertassinari |
| 89 | + |
6 | 90 | ## 4.0.0-alpha.35
|
7 | 91 |
|
8 | 92 | _July 31, 2021_
|
|
0 commit comments