@mui/x-data-grid-generator 5.14.0 → 5.15.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.
- package/CHANGELOG.md +62 -5
- package/columns/commodities.columns.js +1 -1
- package/columns/employees.columns.js +4 -4
- package/hooks/useMovieData.js +1 -1
- package/index.js +1 -1
- package/legacy/columns/commodities.columns.js +1 -1
- package/legacy/columns/employees.columns.js +4 -4
- package/legacy/hooks/useMovieData.js +1 -1
- package/legacy/index.js +1 -1
- package/modern/columns/commodities.columns.js +1 -1
- package/modern/columns/employees.columns.js +4 -4
- package/modern/hooks/useMovieData.js +1 -1
- package/modern/index.js +1 -1
- package/node/columns/commodities.columns.js +1 -1
- package/node/columns/employees.columns.js +4 -4
- package/node/hooks/useMovieData.js +1 -1
- package/node/index.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,63 @@
|
|
|
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.15.0
|
|
7
|
+
|
|
8
|
+
_Jul 29, 2022_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- 🎁 Introduce aggregation (#5592) @flaviendelangle
|
|
13
|
+
|
|
14
|
+
Premium users can now aggregate data in the grid.
|
|
15
|
+
Extract information like sum, average, count, and others with a couple of clicks.
|
|
16
|
+
|
|
17
|
+
https://user-images.githubusercontent.com/45398769/181581503-77cc412e-9d9e-4de1-8bc3-c3bccc54cdaa.mp4
|
|
18
|
+
|
|
19
|
+
To enable this feature, add `experimentalFeatures={{ aggregation: true }}`.
|
|
20
|
+
Aggregation functions are customizable and they combine well with row grouping.
|
|
21
|
+
See the [documentation](https://mui.com/x/react-data-grid/aggregation/) to explore everything it has to offer.
|
|
22
|
+
|
|
23
|
+
- 🚀 Introduce row pinning (#4863) @cherniavskii
|
|
24
|
+
|
|
25
|
+
Pro users can now pin rows on top or bottom of the grid.
|
|
26
|
+
|
|
27
|
+
https://user-images.githubusercontent.com/45398769/181581493-56c733a3-6dd5-4546-bf8d-3f2dff72b14a.mp4
|
|
28
|
+
|
|
29
|
+
To do so, enable the feature with `experimentalFeatures={{ rowPinning: true }}` and provide the pinned rows data to the `pinnedRows` prop.
|
|
30
|
+
For more details, see the [documentation](https://mui.com/x/react-data-grid/row-pinning/).
|
|
31
|
+
|
|
32
|
+
- 🌍 Add simplified Chinese (zh-CN) locale to pickers (#5584) @gamecss
|
|
33
|
+
- 📚 Documentation improvements
|
|
34
|
+
|
|
35
|
+
### `@mui/x-data-grid@v5.15.0` / `@mui/x-data-grid-pro@v5.15.0` / `@mui/x-data-grid-premium@v5.15.0`
|
|
36
|
+
|
|
37
|
+
#### Changes
|
|
38
|
+
|
|
39
|
+
- [DataGrid] Add prop to keep modifications while processing props (#5309) @m4theushw
|
|
40
|
+
- [DataGrid] Fix container width change on React 18 (#5566) @m4theushw
|
|
41
|
+
- [DataGrid] Fix ellipsis style convention (#5587) @oliviertassinari
|
|
42
|
+
- [DataGridPro] Implement row pinning (#4863) @cherniavskii
|
|
43
|
+
- [DataGridPremium] Make aggregation public (#5592) @cherniavskii
|
|
44
|
+
- [l10n] Improve simplified Chinese (zh-CN) locale (#5584) @gamecss
|
|
45
|
+
|
|
46
|
+
### `@mui/x-date-pickers@v5.0.0-beta.3` / `@mui/x-date-picker-pro@5.0.0-beta.3`
|
|
47
|
+
|
|
48
|
+
#### Changes
|
|
49
|
+
|
|
50
|
+
- [l10n] Add simplified Chinese (zh-CN) locale (#5584) @gamecss
|
|
51
|
+
|
|
52
|
+
### Docs
|
|
53
|
+
|
|
54
|
+
- [docs] Split docs page about rows (#5195) @flaviendelangle
|
|
55
|
+
- [docs] Add warning clarifications (#5399) @alexfauquette
|
|
56
|
+
- [docs] Correct slot CSS classes for Pro and Premium components (#5452) @alexfauquette
|
|
57
|
+
- [docs] Fix internal link to `valueParser` (#5450) @alexfauquette
|
|
58
|
+
|
|
59
|
+
### Core
|
|
60
|
+
|
|
61
|
+
- [core] Upgrade monorepo (#5560) @m4theushw
|
|
62
|
+
|
|
6
63
|
## 5.14.0
|
|
7
64
|
|
|
8
65
|
_Jul 21, 2022_
|
|
@@ -306,7 +363,7 @@ _May 31, 2022_
|
|
|
306
363
|
|
|
307
364
|
We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
|
|
308
365
|
|
|
309
|
-
- 🎁 Introduce support for [dynamic row height](https://mui.com/x/react-data-grid/
|
|
366
|
+
- 🎁 Introduce support for [dynamic row height](https://mui.com/x/react-data-grid/row-height/#dynamic-row-height) (#4859) @m4theushw
|
|
310
367
|
|
|
311
368
|
<img src="https://user-images.githubusercontent.com/42154031/171183167-718d7bcd-ec0f-459e-97fe-0f650abb4a99.gif" width="800">
|
|
312
369
|
|
|
@@ -623,7 +680,7 @@ _Apr 25, 2022_
|
|
|
623
680
|
|
|
624
681
|
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
|
|
625
682
|
|
|
626
|
-
- 🎁 Introduce [Row reorder](https://mui.com/x/react-data-grid/
|
|
683
|
+
- 🎁 Introduce [Row reorder](https://mui.com/x/react-data-grid/row-ordering/) (#4034) @DanailH
|
|
627
684
|
|
|
628
685
|
<img src="https://user-images.githubusercontent.com/5858539/165091263-23472fbb-a989-44b8-849a-d2185adfe13b.gif" width="800">
|
|
629
686
|
|
|
@@ -887,7 +944,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
|
|
|
887
944
|
<DataGrid getRowSpacing={() => ({ top: 10, bottom: 10 })} />
|
|
888
945
|
```
|
|
889
946
|
|
|
890
|
-
Check the [documentation](https://mui.com/x/react-data-grid/
|
|
947
|
+
Check the [documentation](https://mui.com/x/react-data-grid/row-height/#row-spacing) for more information.
|
|
891
948
|
|
|
892
949
|
### `@mui/x-data-grid@v5.6.1` / `@mui/x-data-grid-pro@v5.6.1`
|
|
893
950
|
|
|
@@ -1141,7 +1198,7 @@ _Jan 28, 2022_
|
|
|
1141
1198
|
|
|
1142
1199
|
A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
|
|
1143
1200
|
|
|
1144
|
-
- 🚣 Introduce [variable row height](https://mui.com/x/react-data-grid/
|
|
1201
|
+
- 🚣 Introduce [variable row height](https://mui.com/x/react-data-grid/row-height/#variable-row-height) (#438) @DanailH
|
|
1145
1202
|
|
|
1146
1203
|
Allows for setting a row-specific height.
|
|
1147
1204
|
By default, all rows have the same height, but now you can set the height on a per-row basis.
|
|
@@ -3793,7 +3850,7 @@ Big thanks to the 7 contributors who made this release possible. Here are some h
|
|
|
3793
3850
|
- 🎁 Add `onRowsScrollEnd` to support infinite loading (#1199) @DanailH
|
|
3794
3851
|
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.
|
|
3795
3852
|
|
|
3796
|
-
See the documentation for [more details](https://mui.com/x/react-data-grid/
|
|
3853
|
+
See the documentation for [more details](https://mui.com/x/react-data-grid/row-updates/#infinite-loading).
|
|
3797
3854
|
|
|
3798
3855
|
- 🕹 Provide the ability to sort by multiple columns using Shift+click (#1203) @dtassone
|
|
3799
3856
|
- 🇵🇱 Added pl-PL locale (#1117) @LarsKumbier
|
|
@@ -44,7 +44,7 @@ export const getCommodityColumns = (editable = false) => [{
|
|
|
44
44
|
generateData: generateFilledQuantity,
|
|
45
45
|
renderCell: renderProgress,
|
|
46
46
|
renderEditCell: renderEditProgress,
|
|
47
|
-
|
|
47
|
+
availableAggregationFunctions: ['min', 'max', 'avg', 'size'],
|
|
48
48
|
type: 'number',
|
|
49
49
|
width: 120,
|
|
50
50
|
editable
|
|
@@ -18,7 +18,7 @@ export const getEmployeeColumns = () => [{
|
|
|
18
18
|
sortable: false,
|
|
19
19
|
filterable: false,
|
|
20
20
|
groupable: false,
|
|
21
|
-
|
|
21
|
+
aggregable: false,
|
|
22
22
|
disableExport: true
|
|
23
23
|
}, {
|
|
24
24
|
field: 'name',
|
|
@@ -28,7 +28,7 @@ export const getEmployeeColumns = () => [{
|
|
|
28
28
|
width: 120,
|
|
29
29
|
editable: true,
|
|
30
30
|
groupable: false,
|
|
31
|
-
|
|
31
|
+
aggregable: false
|
|
32
32
|
}, {
|
|
33
33
|
field: 'website',
|
|
34
34
|
headerName: 'Website',
|
|
@@ -37,7 +37,7 @@ export const getEmployeeColumns = () => [{
|
|
|
37
37
|
width: 160,
|
|
38
38
|
editable: true,
|
|
39
39
|
groupable: false,
|
|
40
|
-
|
|
40
|
+
aggregable: false
|
|
41
41
|
}, {
|
|
42
42
|
field: 'rating',
|
|
43
43
|
headerName: 'Rating',
|
|
@@ -47,7 +47,7 @@ export const getEmployeeColumns = () => [{
|
|
|
47
47
|
width: 180,
|
|
48
48
|
type: 'number',
|
|
49
49
|
editable: true,
|
|
50
|
-
|
|
50
|
+
availableAggregationFunctions: ['avg', 'min', 'max', 'size']
|
|
51
51
|
}, {
|
|
52
52
|
field: 'email',
|
|
53
53
|
headerName: 'Email',
|
package/hooks/useMovieData.js
CHANGED
|
@@ -36,7 +36,7 @@ const COLUMNS = [{
|
|
|
36
36
|
field: 'year',
|
|
37
37
|
headerName: 'Year',
|
|
38
38
|
type: 'number',
|
|
39
|
-
|
|
39
|
+
availableAggregationFunctions: ['max', 'min']
|
|
40
40
|
}, {
|
|
41
41
|
field: 'cinematicUniverse',
|
|
42
42
|
headerName: 'Cinematic Universe',
|
package/index.js
CHANGED
|
@@ -48,7 +48,7 @@ export var getCommodityColumns = function getCommodityColumns() {
|
|
|
48
48
|
generateData: generateFilledQuantity,
|
|
49
49
|
renderCell: renderProgress,
|
|
50
50
|
renderEditCell: renderEditProgress,
|
|
51
|
-
|
|
51
|
+
availableAggregationFunctions: ['min', 'max', 'avg', 'size'],
|
|
52
52
|
type: 'number',
|
|
53
53
|
width: 120,
|
|
54
54
|
editable: editable
|
|
@@ -21,7 +21,7 @@ export var getEmployeeColumns = function getEmployeeColumns() {
|
|
|
21
21
|
sortable: false,
|
|
22
22
|
filterable: false,
|
|
23
23
|
groupable: false,
|
|
24
|
-
|
|
24
|
+
aggregable: false,
|
|
25
25
|
disableExport: true
|
|
26
26
|
}, {
|
|
27
27
|
field: 'name',
|
|
@@ -31,7 +31,7 @@ export var getEmployeeColumns = function getEmployeeColumns() {
|
|
|
31
31
|
width: 120,
|
|
32
32
|
editable: true,
|
|
33
33
|
groupable: false,
|
|
34
|
-
|
|
34
|
+
aggregable: false
|
|
35
35
|
}, {
|
|
36
36
|
field: 'website',
|
|
37
37
|
headerName: 'Website',
|
|
@@ -40,7 +40,7 @@ export var getEmployeeColumns = function getEmployeeColumns() {
|
|
|
40
40
|
width: 160,
|
|
41
41
|
editable: true,
|
|
42
42
|
groupable: false,
|
|
43
|
-
|
|
43
|
+
aggregable: false
|
|
44
44
|
}, {
|
|
45
45
|
field: 'rating',
|
|
46
46
|
headerName: 'Rating',
|
|
@@ -50,7 +50,7 @@ export var getEmployeeColumns = function getEmployeeColumns() {
|
|
|
50
50
|
width: 180,
|
|
51
51
|
type: 'number',
|
|
52
52
|
editable: true,
|
|
53
|
-
|
|
53
|
+
availableAggregationFunctions: ['avg', 'min', 'max', 'size']
|
|
54
54
|
}, {
|
|
55
55
|
field: 'email',
|
|
56
56
|
headerName: 'Email',
|
package/legacy/index.js
CHANGED
|
@@ -44,7 +44,7 @@ export const getCommodityColumns = (editable = false) => [{
|
|
|
44
44
|
generateData: generateFilledQuantity,
|
|
45
45
|
renderCell: renderProgress,
|
|
46
46
|
renderEditCell: renderEditProgress,
|
|
47
|
-
|
|
47
|
+
availableAggregationFunctions: ['min', 'max', 'avg', 'size'],
|
|
48
48
|
type: 'number',
|
|
49
49
|
width: 120,
|
|
50
50
|
editable
|
|
@@ -18,7 +18,7 @@ export const getEmployeeColumns = () => [{
|
|
|
18
18
|
sortable: false,
|
|
19
19
|
filterable: false,
|
|
20
20
|
groupable: false,
|
|
21
|
-
|
|
21
|
+
aggregable: false,
|
|
22
22
|
disableExport: true
|
|
23
23
|
}, {
|
|
24
24
|
field: 'name',
|
|
@@ -28,7 +28,7 @@ export const getEmployeeColumns = () => [{
|
|
|
28
28
|
width: 120,
|
|
29
29
|
editable: true,
|
|
30
30
|
groupable: false,
|
|
31
|
-
|
|
31
|
+
aggregable: false
|
|
32
32
|
}, {
|
|
33
33
|
field: 'website',
|
|
34
34
|
headerName: 'Website',
|
|
@@ -37,7 +37,7 @@ export const getEmployeeColumns = () => [{
|
|
|
37
37
|
width: 160,
|
|
38
38
|
editable: true,
|
|
39
39
|
groupable: false,
|
|
40
|
-
|
|
40
|
+
aggregable: false
|
|
41
41
|
}, {
|
|
42
42
|
field: 'rating',
|
|
43
43
|
headerName: 'Rating',
|
|
@@ -47,7 +47,7 @@ export const getEmployeeColumns = () => [{
|
|
|
47
47
|
width: 180,
|
|
48
48
|
type: 'number',
|
|
49
49
|
editable: true,
|
|
50
|
-
|
|
50
|
+
availableAggregationFunctions: ['avg', 'min', 'max', 'size']
|
|
51
51
|
}, {
|
|
52
52
|
field: 'email',
|
|
53
53
|
headerName: 'Email',
|
|
@@ -36,7 +36,7 @@ const COLUMNS = [{
|
|
|
36
36
|
field: 'year',
|
|
37
37
|
headerName: 'Year',
|
|
38
38
|
type: 'number',
|
|
39
|
-
|
|
39
|
+
availableAggregationFunctions: ['max', 'min']
|
|
40
40
|
}, {
|
|
41
41
|
field: 'cinematicUniverse',
|
|
42
42
|
headerName: 'Cinematic Universe',
|
package/modern/index.js
CHANGED
|
@@ -55,7 +55,7 @@ const getCommodityColumns = (editable = false) => [{
|
|
|
55
55
|
generateData: _services.generateFilledQuantity,
|
|
56
56
|
renderCell: _renderer.renderProgress,
|
|
57
57
|
renderEditCell: _renderer.renderEditProgress,
|
|
58
|
-
|
|
58
|
+
availableAggregationFunctions: ['min', 'max', 'avg', 'size'],
|
|
59
59
|
type: 'number',
|
|
60
60
|
width: 120,
|
|
61
61
|
editable
|
|
@@ -29,7 +29,7 @@ const getEmployeeColumns = () => [{
|
|
|
29
29
|
sortable: false,
|
|
30
30
|
filterable: false,
|
|
31
31
|
groupable: false,
|
|
32
|
-
|
|
32
|
+
aggregable: false,
|
|
33
33
|
disableExport: true
|
|
34
34
|
}, {
|
|
35
35
|
field: 'name',
|
|
@@ -39,7 +39,7 @@ const getEmployeeColumns = () => [{
|
|
|
39
39
|
width: 120,
|
|
40
40
|
editable: true,
|
|
41
41
|
groupable: false,
|
|
42
|
-
|
|
42
|
+
aggregable: false
|
|
43
43
|
}, {
|
|
44
44
|
field: 'website',
|
|
45
45
|
headerName: 'Website',
|
|
@@ -48,7 +48,7 @@ const getEmployeeColumns = () => [{
|
|
|
48
48
|
width: 160,
|
|
49
49
|
editable: true,
|
|
50
50
|
groupable: false,
|
|
51
|
-
|
|
51
|
+
aggregable: false
|
|
52
52
|
}, {
|
|
53
53
|
field: 'rating',
|
|
54
54
|
headerName: 'Rating',
|
|
@@ -58,7 +58,7 @@ const getEmployeeColumns = () => [{
|
|
|
58
58
|
width: 180,
|
|
59
59
|
type: 'number',
|
|
60
60
|
editable: true,
|
|
61
|
-
|
|
61
|
+
availableAggregationFunctions: ['avg', 'min', 'max', 'size']
|
|
62
62
|
}, {
|
|
63
63
|
field: 'email',
|
|
64
64
|
headerName: 'Email',
|
|
@@ -42,7 +42,7 @@ const COLUMNS = [{
|
|
|
42
42
|
field: 'year',
|
|
43
43
|
headerName: 'Year',
|
|
44
44
|
type: 'number',
|
|
45
|
-
|
|
45
|
+
availableAggregationFunctions: ['max', 'min']
|
|
46
46
|
}, {
|
|
47
47
|
field: 'cinematicUniverse',
|
|
48
48
|
headerName: 'Cinematic Universe',
|
package/node/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-data-grid-generator",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.15.0",
|
|
4
4
|
"description": "Generate fake data for demo purposes only.",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./node/index.js",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.18.6",
|
|
23
23
|
"@mui/base": "^5.0.0-alpha.80",
|
|
24
|
-
"@mui/x-data-grid-premium": "5.
|
|
24
|
+
"@mui/x-data-grid-premium": "5.15.0",
|
|
25
25
|
"chance": "^1.1.8",
|
|
26
26
|
"clsx": "^1.2.1",
|
|
27
27
|
"lru-cache": "^7.13.1"
|