@mui/x-data-grid-premium 6.0.0-alpha.4 → 6.0.0-alpha.5

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 CHANGED
@@ -3,7 +3,126 @@
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
- ## v6.0.0-alpha.4
6
+ ## 6.0.0-alpha.5
7
+
8
+ _Oct 31, 2022_
9
+
10
+ We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
11
+
12
+ - ⚡ Fix memory leak during unmount of the DataGrid (#6620) @cherniavskii
13
+ - 📝 New guide for migrating pickers from v5 to v6 (#6472) @flaviendelangle
14
+ - 🎁 Allow to disable the autofocus of the search field when opening the column visibility panel (#6444) @e-cloud
15
+ - 🐞 Bugfixes
16
+
17
+ ### `@mui/x-data-grid@v6.0.0-alpha.5` / `@mui/x-data-grid-pro@v6.0.0-alpha.5` / `@mui/x-data-grid-premium@v6.0.0-alpha.5`
18
+
19
+ #### Breaking changes
20
+
21
+ - Stop exporting `gridColumnsSelector` (#6693) @m4theushw
22
+
23
+ The `gridColumnsSelector` was deprecated during v5 and is now removed from the export list.
24
+
25
+ Please consider using one of the following selectors as a replacement:
26
+
27
+ - `gridColumnFieldsSelector`, to obtain the column fields in the order they appear on the screen;
28
+ - `gridColumnLookupSelector`, to access column definitions by field;
29
+ - `gridColumnVisibilityModelSelector`, for the visibility state of each column.
30
+
31
+ #### Changes
32
+
33
+ - [DataGrid] Allow to disable autofocusing the search field in the columns panel (#6444) @e-cloud
34
+ - [DataGrid] Fix `setRows` method not persisting new rows data after `loading` prop change (#6493) @cherniavskii
35
+ - [DataGrid] Fix memory leak on grid unmount (#6620) @cherniavskii
36
+ - [DataGrid] Rename `GridColumnsState['all']` to `GridColumnsState['orderedFields']` (#6562) @DanailH
37
+ - [DataGrid] Remove `React.memo` from `GridCellCheckboxRenderer` (#6655) @mattcorner
38
+ - [DataGrid] Stop exporting `gridColumnsSelector` (#6693)
39
+ - [l10n] Improve Bulgarian (bg-BG) locale (#6578) @AtanasVA
40
+
41
+ ### `@mui/x-date-pickers@v6.0.0-alpha.5` / `@mui/x-date-pickers-pro@v6.0.0-alpha.5`
42
+
43
+ #### Breaking changes
44
+
45
+ - [pickers] Rename remaining `private` components (#6550) @LukasTy
46
+ Previously we had 4 component names with `Private` prefix in order to avoid breaking changes in v5.
47
+ These components were renamed:
48
+
49
+ - `PrivatePickersMonth` -> `MuiPickersMonth`
50
+ - `PrivatePickersSlideTransition` -> `MuiPickersSlideTransition`
51
+ - `PrivatePickersToolbarText` -> `MuiPickersToolbarText`
52
+ - `PrivatePickersYear` -> `MuiPickersYear`
53
+
54
+ Manual style overriding will need to use updated classes:
55
+
56
+ ```diff
57
+ -.PrivatePickersMonth-root {
58
+ +.MuiPickersMonth-root {
59
+
60
+ -.PrivatePickersSlideTransition-root {
61
+ +.MuiPickersSlideTransition-root {
62
+
63
+ -.PrivatePickersToolbarText-root {
64
+ +.MuiPickersToolbarText-root {
65
+
66
+ -.PrivatePickersYear-root {
67
+ +.MuiPickersYear-root {
68
+ ```
69
+
70
+ Component name changes are also reflected in `themeAugmentation`:
71
+
72
+ ```diff
73
+ const theme = createTheme({
74
+ components: {
75
+ - PrivatePickersMonth: {
76
+ + MuiPickersMonth: {
77
+ // overrides
78
+ },
79
+ - PrivatePickersSlideTransition: {
80
+ + MuiPickersSlideTransition: {
81
+ // overrides
82
+ },
83
+ - PrivatePickersToolbarText: {
84
+ + MuiPickersToolbarText: {
85
+ // overrides
86
+ },
87
+ - PrivatePickersYear: {
88
+ + MuiPickersYear: {
89
+ // overrides
90
+ },
91
+ },
92
+ });
93
+ ```
94
+
95
+ #### Changes
96
+
97
+ - [DateTimePicker] Fix toolbar time order when `theme.rtl=true` (#6636) @alexfauquette
98
+ - [pickers] Import fixes for mask editing (#6623) @alexfauquette
99
+ - [pickers] Rename remaining `private` components (#6550) @LukasTy
100
+ - [pickers] New `DesktopDatePicker` based on `DateField` (#6548) @flaviendelangle
101
+
102
+ ### Docs
103
+
104
+ - [docs] Add feedback in next doc (#6591) @alexfauquette
105
+ - [docs] Check link validity in PR (#6497) @alexfauquette
106
+ - [docs] Disable translations (#6560) @cherniavskii
107
+ - [docs] Fix typo in DataGrid demo page (#6632) @banoth-ravinder
108
+ - [docs] New page to migrate pickers from v5 to v6 (#6472) @flaviendelangle
109
+ - [docs] Remove broken welcome page (#6585) @alexfauquette
110
+ - [docs] Mark data grid column group as available (#6660) @alexfauquette
111
+ - [docs] Fix double space @oliviertassinari
112
+
113
+ ### Core
114
+
115
+ - [core] Fix duplicate CodeQL build @oliviertassinari
116
+ - [core] Fix spreading on validation page (#6624) @flaviendelangle
117
+ - [core] Small TypeScript improvements (#6575) @flaviendelangle
118
+ - [core] Upgrade monorepo (#6594) @oliviertassinari
119
+ - [core] Change reproduction position (#6621) @oliviertassinari
120
+ - [core] Fix permissions in `no-response` workflow (#6658) @cherniavskii
121
+ - [core] Remove legacy migration function (#6669) @oliviertassinari
122
+ - [license] Improve the license content (#6459) @oliviertassinari
123
+ - [test] Test Arrow up/down on every token (#6563) @alexfauquette
124
+
125
+ ## 6.0.0-alpha.4
7
126
 
8
127
  _Oct 20, 2022_
9
128
 
@@ -47,45 +166,45 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
47
166
  You can find more information about this pattern in the [MUI Base documentation](https://mui.com/base/getting-started/usage/#shared-props):
48
167
 
49
168
  ```diff
50
- // Same on all other pickers
51
- <DatePicker
169
+ // Same on all other pickers
170
+ <DatePicker
52
171
  - ToolbarComponent: MyToolbar,
53
172
  + components={{ Toolbar: MyToolbar }}
54
- />
173
+ />
55
174
  ```
56
175
 
57
176
  - The `toolbarPlaceholder` and `toolbarFormat` props have been moved to the `toolbar` components props slot:
58
177
 
59
178
  ```diff
60
- // Same on all other pickers
61
- <DatePicker
179
+ // Same on all other pickers
180
+ <DatePicker
62
181
  - toolbarPlaceholder="__"
63
182
  - toolbarFormat="DD / MM / YYYY"
64
183
  + componentsProps={{
65
184
  + toolbar: {
66
- + toolbarPlaceholder: "__",
67
- + toolbarFormat: "DD / MM / YYYY",
185
+ + toolbarPlaceholder: '__',
186
+ + toolbarFormat: 'DD / MM / YYYY',
68
187
  + }
69
188
  + }}
70
- />
189
+ />
71
190
  ```
72
191
 
73
192
  - The `toolbarTitle` prop has been moved to the localization object:
74
193
 
75
194
  ```diff
76
- // Same on all other pickers
77
- <DatePicker
195
+ // Same on all other pickers
196
+ <DatePicker
78
197
  - toolbarTitle="Title"
79
- + localeText={{ toolbarTitle: "Title" }}
80
- />
198
+ + localeText={{ toolbarTitle: 'Title' }}
199
+ />
81
200
  ```
82
201
 
83
202
  - The toolbar related translation keys have been renamed to better fit their usage:
84
203
 
85
204
  ```diff
86
- // Same on all other pickers
87
- <DatePicker
88
- localeText={{
205
+ // Same on all other pickers
206
+ <DatePicker
207
+ localeText={{
89
208
  - datePickerDefaultToolbarTitle: 'Date Picker',
90
209
  + datePickerToolbarTitle: 'Date Picker',
91
210
 
@@ -97,8 +216,8 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
97
216
 
98
217
  - dateRangePickerDefaultToolbarTitle: 'Date Range Picker',
99
218
  + dateRangePickerToolbarTitle: 'Date Range Picker',
100
- }}
101
- />
219
+ }}
220
+ />
102
221
  ```
103
222
 
104
223
  - The `onChange` / `openView` props on the toolbar have been renamed `onViewChange` / `view`
@@ -134,7 +253,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
134
253
  - [test] Add validation test on range pickers (#6504) @alexfauquette
135
254
  - [test] Remove BrowserStack (#6263) @DanailH
136
255
 
137
- ## v6.0.0-alpha.3
256
+ ## 6.0.0-alpha.3
138
257
 
139
258
  _Oct 13, 2022_
140
259
 
@@ -342,7 +461,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
342
461
  - [core] Test validation on textfield and date views (#6265) @alexfauquette
343
462
  - [test] Sync comment with monorepo @oliviertassinari
344
463
 
345
- ## v6.0.0-alpha.2
464
+ ## 6.0.0-alpha.2
346
465
 
347
466
  _Oct 7, 2022_
348
467
 
@@ -736,7 +855,7 @@ You can find more information about the new api, including how to set those tran
736
855
  - [test] Skip tests for column pinning and dynamic row height (#5997) @m4theushw
737
856
  - [website] Improve security header @oliviertassinari
738
857
 
739
- ## v5.17.4
858
+ ## 5.17.4
740
859
 
741
860
  _Sep 22, 2022_
742
861
 
package/LICENSE CHANGED
@@ -2,11 +2,10 @@ Commercial License
2
2
 
3
3
  Copyright (c) 2020 Material-UI SAS
4
4
 
5
- MUI X Premium (https://mui.com/pricing/) is commercial software.
6
- You must purchase a license and agree to the End User License Agreement
7
- (EULA: https://mui.com/r/x-license-eula) to be able to use the software.
5
+ MUI X Premium (https://mui.com/pricing/) is commercial software. You MUST agree to the
6
+ End User License Agreement (EULA: https://mui.com/r/x-license-eula) to be able to
7
+ use the software.
8
8
 
9
- Commercial licenses can be obtained at https://mui.com/r/x-get-license?scope=premium.
10
- You are free to install and try the software without a license key as long as it
11
- is not used for the development of a feature intended for production use. You can
12
- find more details under the "Evaluation (trial) licenses" section of the EULA.
9
+ This means that you either need to purchase a commercial license at
10
+ https://mui.com/r/x-get-license?scope=premium or be eligible for the Evaluation (trial)
11
+ licenses detailed at https://mui.com/r/x-license-trial.
@@ -23,7 +23,7 @@ export const useGridAggregationPreProcessors = (apiRef, props) => {
23
23
  aggregationModel: gridAggregationModelSelector(apiRef),
24
24
  aggregationFunctions: props.aggregationFunctions
25
25
  });
26
- columnsState.all.forEach(field => {
26
+ columnsState.orderedFields.forEach(field => {
27
27
  const shouldHaveAggregationValue = !!aggregationRules[field];
28
28
  const haveAggregationColumnValue = !!rulesOnLastColumnHydration[field];
29
29
  let column = columnsState.lookup[field];
@@ -50,7 +50,7 @@ export const useGridRowGroupingPreProcessors = (apiRef, props) => {
50
50
  let newColumnFields = [];
51
51
  const newColumnsLookup = {}; // We only keep the non-grouping columns
52
52
 
53
- columnsState.all.forEach(field => {
53
+ columnsState.orderedFields.forEach(field => {
54
54
  if (!isGroupingColumn(field)) {
55
55
  newColumnFields.push(field);
56
56
  newColumnsLookup[field] = columnsState.lookup[field];
@@ -69,7 +69,7 @@ export const useGridRowGroupingPreProcessors = (apiRef, props) => {
69
69
  });
70
70
  const startIndex = newColumnFields[0] === GRID_CHECKBOX_SELECTION_FIELD ? 1 : 0;
71
71
  newColumnFields = [...newColumnFields.slice(0, startIndex), ...groupingColDefs.map(colDef => colDef.field), ...newColumnFields.slice(startIndex)];
72
- columnsState.all = newColumnFields;
72
+ columnsState.orderedFields = newColumnFields;
73
73
  columnsState.lookup = newColumnsLookup;
74
74
  return columnsState;
75
75
  }, [getGroupingColDefs]);
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v6.0.0-alpha.4
1
+ /** @license MUI v6.0.0-alpha.5
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -26,7 +26,7 @@ export var useGridAggregationPreProcessors = function useGridAggregationPreProce
26
26
  aggregationModel: gridAggregationModelSelector(apiRef),
27
27
  aggregationFunctions: props.aggregationFunctions
28
28
  });
29
- columnsState.all.forEach(function (field) {
29
+ columnsState.orderedFields.forEach(function (field) {
30
30
  var shouldHaveAggregationValue = !!aggregationRules[field];
31
31
  var haveAggregationColumnValue = !!rulesOnLastColumnHydration[field];
32
32
  var column = columnsState.lookup[field];
@@ -55,7 +55,7 @@ export var useGridRowGroupingPreProcessors = function useGridRowGroupingPreProce
55
55
  var newColumnFields = [];
56
56
  var newColumnsLookup = {}; // We only keep the non-grouping columns
57
57
 
58
- columnsState.all.forEach(function (field) {
58
+ columnsState.orderedFields.forEach(function (field) {
59
59
  if (!isGroupingColumn(field)) {
60
60
  newColumnFields.push(field);
61
61
  newColumnsLookup[field] = columnsState.lookup[field];
@@ -76,7 +76,7 @@ export var useGridRowGroupingPreProcessors = function useGridRowGroupingPreProce
76
76
  newColumnFields = [].concat(_toConsumableArray(newColumnFields.slice(0, startIndex)), _toConsumableArray(groupingColDefs.map(function (colDef) {
77
77
  return colDef.field;
78
78
  })), _toConsumableArray(newColumnFields.slice(startIndex)));
79
- columnsState.all = newColumnFields;
79
+ columnsState.orderedFields = newColumnFields;
80
80
  columnsState.lookup = newColumnsLookup;
81
81
  return columnsState;
82
82
  }, [getGroupingColDefs]);
package/legacy/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v6.0.0-alpha.4
1
+ /** @license MUI v6.0.0-alpha.5
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export var getReleaseInfo = function getReleaseInfo() {
3
- var releaseInfo = "MTY2NjIxNjgwMDAwMA==";
3
+ var releaseInfo = "MTY2NzE4NTIwMDAwMA==";
4
4
 
5
5
  if (process.env.NODE_ENV !== 'production') {
6
6
  // A simple hack to set the value in the test environment (has no build step).
@@ -23,7 +23,7 @@ export const useGridAggregationPreProcessors = (apiRef, props) => {
23
23
  aggregationModel: gridAggregationModelSelector(apiRef),
24
24
  aggregationFunctions: props.aggregationFunctions
25
25
  });
26
- columnsState.all.forEach(field => {
26
+ columnsState.orderedFields.forEach(field => {
27
27
  const shouldHaveAggregationValue = !!aggregationRules[field];
28
28
  const haveAggregationColumnValue = !!rulesOnLastColumnHydration[field];
29
29
  let column = columnsState.lookup[field];
@@ -50,7 +50,7 @@ export const useGridRowGroupingPreProcessors = (apiRef, props) => {
50
50
  let newColumnFields = [];
51
51
  const newColumnsLookup = {}; // We only keep the non-grouping columns
52
52
 
53
- columnsState.all.forEach(field => {
53
+ columnsState.orderedFields.forEach(field => {
54
54
  if (!isGroupingColumn(field)) {
55
55
  newColumnFields.push(field);
56
56
  newColumnsLookup[field] = columnsState.lookup[field];
@@ -69,7 +69,7 @@ export const useGridRowGroupingPreProcessors = (apiRef, props) => {
69
69
  });
70
70
  const startIndex = newColumnFields[0] === GRID_CHECKBOX_SELECTION_FIELD ? 1 : 0;
71
71
  newColumnFields = [...newColumnFields.slice(0, startIndex), ...groupingColDefs.map(colDef => colDef.field), ...newColumnFields.slice(startIndex)];
72
- columnsState.all = newColumnFields;
72
+ columnsState.orderedFields = newColumnFields;
73
73
  columnsState.lookup = newColumnsLookup;
74
74
  return columnsState;
75
75
  }, [getGroupingColDefs]);
package/modern/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v6.0.0-alpha.4
1
+ /** @license MUI v6.0.0-alpha.5
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export const getReleaseInfo = () => {
3
- const releaseInfo = "MTY2NjIxNjgwMDAwMA==";
3
+ const releaseInfo = "MTY2NzE4NTIwMDAwMA==";
4
4
 
5
5
  if (process.env.NODE_ENV !== 'production') {
6
6
  // A simple hack to set the value in the test environment (has no build step).
@@ -45,7 +45,7 @@ const useGridAggregationPreProcessors = (apiRef, props) => {
45
45
  aggregationModel: (0, _gridAggregationSelectors.gridAggregationModelSelector)(apiRef),
46
46
  aggregationFunctions: props.aggregationFunctions
47
47
  });
48
- columnsState.all.forEach(field => {
48
+ columnsState.orderedFields.forEach(field => {
49
49
  const shouldHaveAggregationValue = !!aggregationRules[field];
50
50
  const haveAggregationColumnValue = !!rulesOnLastColumnHydration[field];
51
51
  let column = columnsState.lookup[field];
@@ -67,7 +67,7 @@ const useGridRowGroupingPreProcessors = (apiRef, props) => {
67
67
  let newColumnFields = [];
68
68
  const newColumnsLookup = {}; // We only keep the non-grouping columns
69
69
 
70
- columnsState.all.forEach(field => {
70
+ columnsState.orderedFields.forEach(field => {
71
71
  if (!(0, _gridRowGroupingUtils.isGroupingColumn)(field)) {
72
72
  newColumnFields.push(field);
73
73
  newColumnsLookup[field] = columnsState.lookup[field];
@@ -86,7 +86,7 @@ const useGridRowGroupingPreProcessors = (apiRef, props) => {
86
86
  });
87
87
  const startIndex = newColumnFields[0] === _xDataGridPro.GRID_CHECKBOX_SELECTION_FIELD ? 1 : 0;
88
88
  newColumnFields = [...newColumnFields.slice(0, startIndex), ...groupingColDefs.map(colDef => colDef.field), ...newColumnFields.slice(startIndex)];
89
- columnsState.all = newColumnFields;
89
+ columnsState.orderedFields = newColumnFields;
90
90
  columnsState.lookup = newColumnsLookup;
91
91
  return columnsState;
92
92
  }, [getGroupingColDefs]);
package/node/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v6.0.0-alpha.4
1
+ /** @license MUI v6.0.0-alpha.5
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -8,7 +8,7 @@ exports.getReleaseInfo = void 0;
8
8
  var _utils = require("@mui/utils");
9
9
 
10
10
  const getReleaseInfo = () => {
11
- const releaseInfo = "MTY2NjIxNjgwMDAwMA==";
11
+ const releaseInfo = "MTY2NzE4NTIwMDAwMA==";
12
12
 
13
13
  if (process.env.NODE_ENV !== 'production') {
14
14
  // A simple hack to set the value in the test environment (has no build step).
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-data-grid-premium",
3
- "version": "6.0.0-alpha.4",
3
+ "version": "6.0.0-alpha.5",
4
4
  "description": "The Premium plan edition of the data grid component (MUI X).",
5
5
  "author": "MUI Team",
6
6
  "main": "./node/index.js",
@@ -33,9 +33,9 @@
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.19.0",
35
35
  "@mui/utils": "^5.10.9",
36
- "@mui/x-data-grid": "6.0.0-alpha.4",
37
- "@mui/x-data-grid-pro": "6.0.0-alpha.4",
38
- "@mui/x-license-pro": "6.0.0-alpha.3",
36
+ "@mui/x-data-grid": "6.0.0-alpha.5",
37
+ "@mui/x-data-grid-pro": "6.0.0-alpha.5",
38
+ "@mui/x-license-pro": "6.0.0-alpha.5",
39
39
  "@types/format-util": "^1.0.2",
40
40
  "clsx": "^1.2.1",
41
41
  "exceljs": "^4.3.0",
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export const getReleaseInfo = () => {
3
- const releaseInfo = "MTY2NjIxNjgwMDAwMA==";
3
+ const releaseInfo = "MTY2NzE4NTIwMDAwMA==";
4
4
 
5
5
  if (process.env.NODE_ENV !== 'production') {
6
6
  // A simple hack to set the value in the test environment (has no build step).