@mui/x-data-grid-premium 7.0.0-alpha.5 → 7.0.0-alpha.7

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,6 +3,236 @@
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
+ ## 7.0.0-alpha.7
7
+
8
+ _Jan 5, 2024_
9
+
10
+ We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
11
+
12
+ - 🎁 New component to create a Tree View from a structured data source:
13
+
14
+ You can now directly pass your data to the `RichTreeView` component instead of manually converting it into JSX `TreeItem` components:
15
+
16
+ ```tsx
17
+ const ITEMS = [
18
+ {
19
+ id: 'node-1',
20
+ label: 'Node 1',
21
+ children: [
22
+ { id: 'node-1-1', label: Node 1.1' },
23
+ { id: 'node-1-2', label: Node 1.2' },
24
+ ],
25
+ },
26
+ {
27
+ id: 'node-2',
28
+ label: 'Node 2',
29
+ },
30
+ ];
31
+
32
+ <RichTreeView
33
+ items={MUI_X_PRODUCTS}
34
+ defaultCollapseIcon={<ExpandMoreIcon />}
35
+ defaultExpandIcon={<ChevronRightIcon />}
36
+ />
37
+ ```
38
+
39
+ - 🌍 Improve Czech (cs-CZ) locale on the Data Grid
40
+ - 🐞 Bugfixes
41
+
42
+ ### Data Grid
43
+
44
+ #### `@mui/x-data-grid@7.0.0-alpha.7`
45
+
46
+ - [DataGrid] Don't evaluate `hasEval` when `disableEval` is set (#11516) @reihwald
47
+ - [DataGrid] follow warning message guideline for `autoPageSize` and `autoHeight` (#11585) @Sboonny
48
+ - [DataGrid] Replace `eval` with `new Function` (#11557) @oliviertassinari
49
+ - [DataGrid] Warn devs when `autoPageSize` is used with `autoHeight` (#11554) @Sboonny
50
+ - [l10n] Improve Czech (cs-CZ) locale (#11526) @fdebef
51
+
52
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.7` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
53
+
54
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.7`.
55
+
56
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.7` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
57
+
58
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.7`.
59
+
60
+ ### Date Pickers
61
+
62
+ #### `@mui/x-date-pickers@7.0.0-alpha.7`
63
+
64
+ - [pickers] Fix views management (#11419) @LukasTy
65
+
66
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.7` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
67
+
68
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.7`.
69
+
70
+ ### Charts / `@mui/x-charts@7.0.0-alpha.7`
71
+
72
+ - [charts] Add `arcLabelRadius` property (#11487) @alexfauquette
73
+ - [charts] Fix `null` in line chart using dataset (#11550) @alexfauquette
74
+
75
+ ### Tree View
76
+
77
+ #### Breaking changes
78
+
79
+ - The expansion props have been renamed to better describe their behaviors:
80
+
81
+ | Old name | New name |
82
+ | :---------------- | :---------------------- |
83
+ | `onNodeToggle` | `onExpandedNodesChange` |
84
+ | `expanded` | `expandedNodes` |
85
+ | `defaultExpanded` | `defaultExpandedNodes` |
86
+
87
+ ```diff
88
+ <TreeView
89
+ - onNodeToggle={handleExpansionChange}
90
+ + onExpandedNodesChange={handleExpansionChange}
91
+
92
+ - expanded={expandedNodes}
93
+ + expandedNodes={expandedNodes}
94
+
95
+ - defaultExpanded={defaultExpandedNodes}
96
+ + defaultExpandedNodes={defaultExpandedNodes}
97
+ />
98
+ ```
99
+
100
+ - The selection props have been renamed to better describe their behaviors:
101
+
102
+ | Old name | New name |
103
+ | :---------------- | :---------------------- |
104
+ | `onNodeSelect` | `onSelectedNodesChange` |
105
+ | `selected` | `selectedNodes` |
106
+ | `defaultSelected` | `defaultSelectedNodes` |
107
+
108
+ ```diff
109
+ <TreeView
110
+ - onNodeSelect={handleSelectionChange}
111
+ + onSelectedNodesChange={handleSelectionChange}
112
+
113
+ - selected={selectedNodes}
114
+ + selectedNodes={selectedNodes}
115
+
116
+ - defaultSelected={defaultSelectedNodes}
117
+ + defaultSelectedNodes={defaultSelectedNodes}
118
+ />
119
+ ```
120
+
121
+ #### `@mui/x-tree-view@7.0.0-alpha.7`
122
+
123
+ - [TreeView] Improve the expansion API (#11476) @flaviendelangle
124
+ - [TreeView] Improve the selection API (#11560) @flaviendelangle
125
+ - [TreeView] Introduce the `items` prop (#11059) @flaviendelangle
126
+
127
+ ### Docs
128
+
129
+ - [docs] Add example for TreeView `onNodeExpansionToggle` prop (#11547) @flaviendelangle
130
+ - [docs] Clarify Pickers usage with Luxon (#11545) @LukasTy
131
+ - [docs] Complete transition to next branch (#11521) @oliviertassinari
132
+ - [docs] Fix 404 links in the docs @oliviertassinari
133
+ - [docs] Fix over page fetching @oliviertassinari
134
+ - [docs] Lint `next.config.js` (#11514) @oliviertassinari
135
+
136
+ ### Core
137
+
138
+ - [core] Fix release changelog (#11496) @romgrk
139
+ - [core] Fix use of ::before & ::after (#11515) @oliviertassinari
140
+ - [core] Localize the issue template to MUI X (#11511) @oliviertassinari
141
+ - [core] Regen api files (#11542) @flaviendelangle
142
+ - [core] Remove issue emoji @oliviertassinari
143
+ - [core] Sync the release instructions with MUI Core @oliviertassinari
144
+ - [core] Yaml format match most common convention @oliviertassinari
145
+
146
+ ## 7.0.0-alpha.6
147
+
148
+ _Dec 22, 2023_
149
+
150
+ We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
151
+
152
+ - 🎁 Data Grid now supports `Date` objects in the `filterModel`
153
+ - 🌍 Improve Russian (ru-RU) locale on the Data Grid
154
+ - 🐞 Bugfixes
155
+
156
+ ### Data Grid
157
+
158
+ #### Breaking changes
159
+
160
+ - The filter panel no longer uses the native version of the [`Select`](https://mui.com/material-ui/react-select/) component for all components.
161
+ - The `getOptionValue` and `getOptionLabel` props were removed from the following components:
162
+
163
+ - `GridEditSingleSelectCell`
164
+ - `GridFilterInputSingleSelect`
165
+ - `GridFilterInputMultipleSingleSelect`
166
+
167
+ Use the `getOptionValue` and `getOptionLabel` properties on the `singleSelect` column definition instead:
168
+
169
+ ```tsx
170
+ const column: GridColDef = {
171
+ type: 'singleSelect',
172
+ field: 'country',
173
+ valueOptions: [
174
+ { code: 'BR', name: 'Brazil' },
175
+ { code: 'FR', name: 'France' },
176
+ ],
177
+ getOptionValue: (value: any) => value.code,
178
+ getOptionLabel: (value: any) => value.name,
179
+ };
180
+ ```
181
+ - The `filterModel` now supports `Date` objects as values for `date` and `dateTime` column types.
182
+ The `filterModel` still accepts strings as values for `date` and `dateTime` column types,
183
+ but all updates to the `filterModel` coming from the UI (e.g. filter panel) will set the value as a `Date` object.
184
+
185
+ #### `@mui/x-data-grid@7.0.0-alpha.6`
186
+
187
+ - [DataGrid] Fix typos in the JSDoc (#11451) @flaviendelangle
188
+ - [DataGrid] Make `checkboxSelection` respect the `disableMultipleRowSelection` prop (#11448) @cherniavskii
189
+ - [DataGrid] Support `Date` objects in filter model (#7069) @cherniavskii
190
+ - [DataGrid] Use non-native `Select`s by default (#11330) @cherniavskii
191
+ - [l10n] Improve Russian (ru-RU) locale (#11441) @wensiet
192
+
193
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.6` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
194
+
195
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.6`.
196
+
197
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.6` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
198
+
199
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.6`.
200
+
201
+ ### Date Pickers
202
+
203
+ #### `@mui/x-date-pickers@7.0.0-alpha.6`
204
+
205
+ - [fields] Adjust `PickersInput` sizing styles (#11392) @noraleonte
206
+ - [fields] Fix section pasting (#11447) @LukasTy
207
+ - [pickers] Add `PickersTextField` `standard` and `filled` variants (#11250) @noraleonte
208
+ - [pickers] Cleanup error messages in `PickersSectionList` (#11449) @flaviendelangle
209
+ - [pickers] Create new component `PickersSectionList` (#11352) @flaviendelangle
210
+
211
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.6` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
212
+
213
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.6`.
214
+
215
+ ### Charts / `@mui/x-charts@7.0.0-alpha.5`
216
+
217
+ - [charts] Allow percentage values for pie chart center and radius (#11464) @alexfauquette
218
+ - [charts] Improve dataset typing (#11372) @alexfauquette
219
+ - [charts] Make error message more explicit (#11457) @alexfauquette
220
+ - [charts] Make the helper `ChartsText` component public (#11370) @alexfauquette
221
+
222
+ ### Docs
223
+
224
+ - [docs] Document `false` default values for boolean props (#11477) @cherniavskii
225
+ - [docs] Improve Pickers `name` prop examples (#11422) @LukasTy
226
+ - [docs] Limit `date-fns` package to v2 in codesandbox (#11463) @LukasTy
227
+
228
+ ### Core
229
+
230
+ - [core] Add missing breaking changes to changelog (#11420) @MBilalShafi
231
+ - [core] Cherry pick follow up (#11469) @LukasTy
232
+ - [core] Fix `cherry-pick` action (#11446) @LukasTy
233
+ - [core] Fix security regressions in cherry-pick-next-to-master.yml (#11482) @MBilalShafi
234
+ - [test] Reload the page if its blank and there are no links to the remaining tests (#11466) @cherniavskii
235
+
6
236
  ## 7.0.0-alpha.5
7
237
 
8
238
  _Dec 14, 2023_
@@ -43,12 +273,93 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.5`.
43
273
  - The slot interfaces got renamed to match with `@mui/base` naming.
44
274
  The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsProps` with `SlotProps`.
45
275
 
46
- ```diff
47
- - DateCalendarSlotsComponent
48
- + DateCalendarSlots
49
- - DateCalendarSlotsComponentsProps
50
- + DateCalendarSlotProps
51
- ```
276
+ ```diff
277
+ - DateCalendarSlotsComponent
278
+ + DateCalendarSlots
279
+ - DateCalendarSlotsComponentsProps
280
+ + DateCalendarSlotProps
281
+ ```
282
+
283
+ - Move `inputRef` inside the props passed to the field hooks
284
+
285
+ The field hooks now only receive the props instead of an object containing both the props and the `inputRef`.
286
+
287
+ ```diff
288
+ - const { inputRef, ...otherProps } = props
289
+ - const fieldResponse = useDateField({ props: otherProps, inputRef });
290
+ + const fieldResponse = useDateField(props);
291
+ ```
292
+
293
+ If you are using a multi input range field hook, the same applies to `startInputRef` and `endInputRef` params
294
+
295
+ ```diff
296
+ - const { inputRef: startInputRef, ...otherStartTextFieldProps } = startTextFieldProps
297
+ - const { inputRef: endInputRef, ...otherEndTextFieldProps } = endTextFieldProps
298
+
299
+ const fieldResponse = useMultiInputDateRangeField({
300
+ sharedProps,
301
+ - startTextFieldProps: otherStartTextFieldProps,
302
+ - endTextFieldProps: otherEndTextFieldProps,
303
+ - startInputRef
304
+ - endInputRef,
305
+ + startTextFieldProps,
306
+ + endTextFieldProps
307
+ });
308
+ ```
309
+
310
+ - Rename the ref returned by the field hooks to `inputRef`
311
+
312
+ When used with the v6 TextField approach (where the input is an `<input />` HTML element), the field hooks return a ref that needs to be passed to the `<input />` element.
313
+ This ref was previously named `ref` and has been renamed `inputRef` for extra clarity.
314
+
315
+ ```diff
316
+ const fieldResponse = useDateField(props);
317
+
318
+ - return <input ref={fieldResponse.ref} />
319
+ + return <input ref={fieldResponse.inputRef} />
320
+ ```
321
+
322
+ If you are using a multi input range field hook, the same applies to the ref in the `startDate` and `endDate` objects
323
+
324
+ ```diff
325
+ const fieldResponse = useDateField(props);
326
+
327
+ return (
328
+ <div>
329
+ - <input ref={fieldResponse.startDate.ref} />
330
+ + <input ref={fieldResponse.startDate.inputRef} />
331
+ <span>–</span>
332
+ - <input ref={fieldResponse.endDate.ref} />
333
+ + <input ref={fieldResponse.endDate.inputRef} />
334
+ </div>
335
+ )
336
+ ```
337
+
338
+ - Restructure the API of `useClearableField`
339
+
340
+ The `useClearableField` hook API has been simplified to now take a `props` parameter instead of a `fieldProps`, `InputProps`, `clearable`, `onClear`, `slots` and `slotProps` parameters.
341
+
342
+ You should now be able to directly pass the returned value from your field hook (e.g: `useDateField`) to `useClearableField`
343
+
344
+ ```diff
345
+ const fieldResponse = useDateField(props);
346
+
347
+ - const { InputProps, onClear, clearable, slots, slotProps, ...otherFieldProps } = fieldResponse
348
+ - const { InputProps: ProcessedInputProps, fieldProps: processedFieldProps } = useClearableField({
349
+ - fieldProps: otherFieldProps,
350
+ - InputProps,
351
+ - clearable,
352
+ - onClear,
353
+ - slots,
354
+ - slotProps,
355
+ - });
356
+ -
357
+ - return <MyCustomTextField {...processedFieldProps} InputProps={ProcessedInputProps} />
358
+
359
+ + const processedFieldProps = useClearableField(fieldResponse);
360
+ +
361
+ + return <MyCustomTextField {...processedFieldProps} />
362
+ ```
52
363
 
53
364
  #### `@mui/x-date-pickers@7.0.0-alpha.5`
54
365
 
@@ -1029,6 +1340,97 @@ Here is an example of the renaming for the `<ChartsTooltip />` component.
1029
1340
  - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
1030
1341
  - [license] Correctly throw errors (#10924) @oliviertassinari
1031
1342
 
1343
+ ## 6.18.7
1344
+
1345
+ _Jan 5, 2024_
1346
+
1347
+ We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
1348
+
1349
+ - 🌍 Improve Czech (cs-CZ) locale on Data Grid (#11429) @wensiet
1350
+ - 🐞 Bugfixes
1351
+
1352
+ ### Data Grid
1353
+
1354
+ #### `@mui/x-data-grid@6.18.7`
1355
+
1356
+ - [DataGrid] Don't evaluate `hasEval` when `disableEval` is set (#11553) @reihwald
1357
+ - [l10n] Update Czech (cs-CZ) locale (#11498) @fdebef
1358
+
1359
+ #### `@mui/x-data-grid-pro@6.18.7` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1360
+
1361
+ Same changes as in `@mui/x-data-grid@6.18.7`.
1362
+
1363
+ #### `@mui/x-data-grid-premium@6.18.7` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1364
+
1365
+ Same changes as in `@mui/x-data-grid-pro@6.18.7`.
1366
+
1367
+ ### Date Pickers
1368
+
1369
+ #### `@mui/x-date-pickers@6.18.7`
1370
+
1371
+ - [pickers] Fix views management (@LukasTy) (#11572)
1372
+
1373
+ #### `@mui/x-date-pickers-pro@6.18.7` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1374
+
1375
+ Same changes as in `@mui/x-date-pickers@6.18.7`.
1376
+
1377
+ ### Charts / `@mui/x-charts@6.18.7`
1378
+
1379
+ - [charts] Fix `null` in line chart using dataset (@alexfauquette) (#11561)
1380
+
1381
+ ### Docs
1382
+
1383
+ - [docs] Clarify Pickers usage with Luxon (#11566) @LukasTy
1384
+
1385
+ ## 6.18.6
1386
+
1387
+ _Dec 22, 2023_
1388
+
1389
+ We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
1390
+
1391
+ - 🌍 Improve Russian (ru-RU) locale (#11429) @wensiet
1392
+ - 🐞 Bugfixes
1393
+
1394
+ ### Data Grid
1395
+
1396
+ #### `@mui/x-data-grid@6.18.6`
1397
+
1398
+ - [DataGrid] Fix typos in the JSDoc (#11475) @flaviendelangle
1399
+ - [l10n] Improve Russian (ru-RU) locale (#11429) @wensiet
1400
+
1401
+ #### `@mui/x-data-grid-pro@6.18.6` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1402
+
1403
+ Same changes as in `@mui/x-data-grid@6.18.6`.
1404
+
1405
+ #### `@mui/x-data-grid-premium@6.18.6` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1406
+
1407
+ Same changes as in `@mui/x-data-grid-pro@6.18.6`.
1408
+
1409
+ ### Date Pickers
1410
+
1411
+ #### `@mui/x-date-pickers@6.18.6`
1412
+
1413
+ - [fields] Fix section pasting (#11467) @LukasTy
1414
+
1415
+ #### `@mui/x-date-pickers-pro@6.18.6` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1416
+
1417
+ Same changes as in `@mui/x-date-pickers@6.18.6`.
1418
+
1419
+ ### Charts / `@mui/x-charts@6.18.4`
1420
+
1421
+ - [charts] Allow percentage values for pie chart center and radius (#11464) @alexfauquette
1422
+ - [charts] Make error message more explicit (#11457) @alexfauquette
1423
+ - [charts] Make the helper `ChartsText` component public (#11370) @alexfauquette
1424
+ - [charts] Improve dataset typing (#11372) @alexfauquette
1425
+ - [charts] Fix size overflow (#11385) @alexfauquette
1426
+
1427
+ ### Docs
1428
+
1429
+ - [docs] Document false default values for boolean props (#11489) @cherniavskii
1430
+ - [docs] Improve Pickers `name` prop examples (#11442) @LukasTy
1431
+ - [docs] Limit `date-fns` package to v2 in codesandbox (#11478) @LukasTy
1432
+ - [test] Reload the page if its blank and there are no links to the remaining tests (#11471) @cherniavskii
1433
+
1032
1434
  ## 6.18.5
1033
1435
 
1034
1436
  _Dec 14, 2023_
@@ -74,15 +74,15 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
74
74
  current: PropTypes.object.isRequired
75
75
  }),
76
76
  /**
77
- * The label of the grid.
77
+ * The label of the Data Grid.
78
78
  */
79
79
  'aria-label': PropTypes.string,
80
80
  /**
81
- * The id of the element containing a label for the grid.
81
+ * The id of the element containing a label for the Data Grid.
82
82
  */
83
83
  'aria-labelledby': PropTypes.string,
84
84
  /**
85
- * If `true`, the grid height is dynamic and follow the number of rows in the grid.
85
+ * If `true`, the Data Grid height is dynamic and follow the number of rows in the Data Grid.
86
86
  * @default false
87
87
  */
88
88
  autoHeight: PropTypes.bool,
@@ -90,7 +90,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
90
90
  * If `true`, the pageSize is calculated according to the container size and the max number of rows to avoid rendering a vertical scroll bar.
91
91
  * @default false
92
92
  */
93
- autoPageSize: PropTypes.bool,
93
+ autoPageSize: chainPropTypes(PropTypes.bool, props => {
94
+ if (props.autoHeight && props.autoPageSize) {
95
+ return new Error(['MUI: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You can not use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n'));
96
+ }
97
+ return null;
98
+ }),
94
99
  /**
95
100
  * If `true`, columns are autosized after the datagrid is mounted.
96
101
  * @default false
@@ -120,7 +125,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
120
125
  */
121
126
  cellSelectionModel: PropTypes.object,
122
127
  /**
123
- * If `true`, the grid get a first column with a checkbox that allows to select rows.
128
+ * If `true`, the Data Grid will display an extra column with checkboxes for selecting rows.
124
129
  * @default false
125
130
  */
126
131
  checkboxSelection: PropTypes.bool,
@@ -151,7 +156,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
151
156
  columnBuffer: PropTypes.number,
152
157
  columnGroupingModel: PropTypes.arrayOf(PropTypes.object),
153
158
  /**
154
- * Sets the height in pixel of the column headers in the grid.
159
+ * Sets the height in pixel of the column headers in the Data Grid.
155
160
  * @default 56
156
161
  */
157
162
  columnHeaderHeight: PropTypes.number,
@@ -165,8 +170,8 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
165
170
  */
166
171
  columnThreshold: PropTypes.number,
167
172
  /**
168
- * Set the column visibility model of the grid.
169
- * If defined, the grid will ignore the `hide` property in [[GridColDef]].
173
+ * Set the column visibility model of the Data Grid.
174
+ * If defined, the Data Grid will ignore the `hide` property in [[GridColDef]].
170
175
  */
171
176
  columnVisibilityModel: PropTypes.object,
172
177
  /**
@@ -176,7 +181,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
176
181
  */
177
182
  defaultGroupingExpansionDepth: PropTypes.number,
178
183
  /**
179
- * Set the density of the grid.
184
+ * Set the density of the Data Grid.
180
185
  * @default "standard"
181
186
  */
182
187
  density: PropTypes.oneOf(['comfortable', 'compact', 'standard']),
@@ -247,7 +252,6 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
247
252
  /**
248
253
  * If `true`, `eval()` is not used for performance optimization.
249
254
  * @default false
250
- * @ignore - do not document
251
255
  */
252
256
  disableEval: PropTypes.bool,
253
257
  /**
@@ -261,8 +265,9 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
261
265
  */
262
266
  disableMultipleColumnsSorting: PropTypes.bool,
263
267
  /**
264
- * If `true`, multiple selection using the Ctrl or CMD key is disabled.
265
- * @default false
268
+ * If `true`, multiple selection using the Ctrl/CMD or Shift key is disabled.
269
+ * The MIT DataGrid will ignore this prop, unless `checkboxSelection` is enabled.
270
+ * @default false (`!props.checkboxSelection` for MIT Data Grid)
266
271
  */
267
272
  disableMultipleRowSelection: PropTypes.bool,
268
273
  /**
@@ -312,7 +317,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
312
317
  return null;
313
318
  }),
314
319
  /**
315
- * Set the filter model of the grid.
320
+ * Set the filter model of the Data Grid.
316
321
  */
317
322
  filterModel: PropTypes.shape({
318
323
  items: PropTypes.arrayOf(PropTypes.shape({
@@ -327,7 +332,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
327
332
  quickFilterValues: PropTypes.array
328
333
  }),
329
334
  /**
330
- * Forwarded props for the grid root element.
335
+ * Forwarded props for the Data Grid root element.
331
336
  * @ignore - do not document.
332
337
  */
333
338
  forwardedProps: PropTypes.object,
@@ -438,7 +443,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
438
443
  */
439
444
  ignoreDiacritics: PropTypes.bool,
440
445
  /**
441
- * If `true`, the grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
446
+ * If `true`, the Data Grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
442
447
  * If an object is provided, you can choose to ignore the `valueFormatter` for CSV export or clipboard export.
443
448
  * @default false
444
449
  */
@@ -489,7 +494,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
489
494
  */
490
495
  loading: PropTypes.bool,
491
496
  /**
492
- * Set the locale text of the grid.
497
+ * Set the locale text of the Data Grid.
493
498
  * You can find all the translation keys supported in [the source](https://github.com/mui/mui-x/blob/HEAD/packages/grid/x-data-grid/src/constants/localeTextConstants.ts) in the GitHub repository.
494
499
  */
495
500
  localeText: PropTypes.object,
@@ -715,7 +720,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
715
720
  */
716
721
  onProcessRowUpdateError: PropTypes.func,
717
722
  /**
718
- * Callback fired when the grid is resized.
723
+ * Callback fired when the Data Grid is resized.
719
724
  * @param {ElementSize} containerSize With all properties from [[ElementSize]].
720
725
  * @param {MuiEvent<{}>} event The event object.
721
726
  * @param {GridCallbackDetails} details Additional details for this callback.
@@ -793,7 +798,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
793
798
  */
794
799
  onSortModelChange: PropTypes.func,
795
800
  /**
796
- * Callback fired when the state of the grid is updated.
801
+ * Callback fired when the state of the Data Grid is updated.
797
802
  * @param {GridState} state The new state.
798
803
  * @param {MuiEvent<{}>} event The event object.
799
804
  * @param {GridCallbackDetails} details Additional details for this callback.
@@ -870,7 +875,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
870
875
  */
871
876
  rowGroupingModel: PropTypes.arrayOf(PropTypes.string),
872
877
  /**
873
- * Sets the height in pixel of a row in the grid.
878
+ * Sets the height in pixel of a row in the Data Grid.
874
879
  * @default 52
875
880
  */
876
881
  rowHeight: PropTypes.number,
@@ -900,7 +905,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
900
905
  */
901
906
  rowSelection: PropTypes.bool,
902
907
  /**
903
- * Sets the row selection model of the grid.
908
+ * Sets the row selection model of the Data Grid.
904
909
  */
905
910
  rowSelectionModel: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired), PropTypes.number, PropTypes.string]),
906
911
  /**
@@ -921,7 +926,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
921
926
  */
922
927
  rowThreshold: PropTypes.number,
923
928
  /**
924
- * Override the height/width of the grid inner scrollbar.
929
+ * Override the height/width of the Data Grid inner scrollbar.
925
930
  */
926
931
  scrollbarSize: PropTypes.number,
927
932
  /**
@@ -960,7 +965,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
960
965
  */
961
966
  sortingOrder: PropTypes.arrayOf(PropTypes.oneOf(['asc', 'desc'])),
962
967
  /**
963
- * Set the sort model of the grid.
968
+ * Set the sort model of the Data Grid.
964
969
  */
965
970
  sortModel: PropTypes.arrayOf(PropTypes.shape({
966
971
  field: PropTypes.string.isRequired,
@@ -978,7 +983,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
978
983
  */
979
984
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
980
985
  /**
981
- * If positive, the Grid will throttle updates coming from `apiRef.current.updateRows` and `apiRef.current.setRows`.
986
+ * If positive, the Data Grid will throttle updates coming from `apiRef.current.updateRows` and `apiRef.current.setRows`.
982
987
  * It can be useful if you have a high update rate but do not want to do heavy work like filtering / sorting or rendering on each individual update.
983
988
  * @default 0
984
989
  */
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-premium v7.0.0-alpha.5
2
+ * @mui/x-data-grid-premium v7.0.0-alpha.7
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
@@ -74,15 +74,15 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
74
74
  current: PropTypes.object.isRequired
75
75
  }),
76
76
  /**
77
- * The label of the grid.
77
+ * The label of the Data Grid.
78
78
  */
79
79
  'aria-label': PropTypes.string,
80
80
  /**
81
- * The id of the element containing a label for the grid.
81
+ * The id of the element containing a label for the Data Grid.
82
82
  */
83
83
  'aria-labelledby': PropTypes.string,
84
84
  /**
85
- * If `true`, the grid height is dynamic and follow the number of rows in the grid.
85
+ * If `true`, the Data Grid height is dynamic and follow the number of rows in the Data Grid.
86
86
  * @default false
87
87
  */
88
88
  autoHeight: PropTypes.bool,
@@ -90,7 +90,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
90
90
  * If `true`, the pageSize is calculated according to the container size and the max number of rows to avoid rendering a vertical scroll bar.
91
91
  * @default false
92
92
  */
93
- autoPageSize: PropTypes.bool,
93
+ autoPageSize: chainPropTypes(PropTypes.bool, function (props) {
94
+ if (props.autoHeight && props.autoPageSize) {
95
+ return new Error(['MUI: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You can not use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n'));
96
+ }
97
+ return null;
98
+ }),
94
99
  /**
95
100
  * If `true`, columns are autosized after the datagrid is mounted.
96
101
  * @default false
@@ -120,7 +125,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
120
125
  */
121
126
  cellSelectionModel: PropTypes.object,
122
127
  /**
123
- * If `true`, the grid get a first column with a checkbox that allows to select rows.
128
+ * If `true`, the Data Grid will display an extra column with checkboxes for selecting rows.
124
129
  * @default false
125
130
  */
126
131
  checkboxSelection: PropTypes.bool,
@@ -151,7 +156,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
151
156
  columnBuffer: PropTypes.number,
152
157
  columnGroupingModel: PropTypes.arrayOf(PropTypes.object),
153
158
  /**
154
- * Sets the height in pixel of the column headers in the grid.
159
+ * Sets the height in pixel of the column headers in the Data Grid.
155
160
  * @default 56
156
161
  */
157
162
  columnHeaderHeight: PropTypes.number,
@@ -165,8 +170,8 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
165
170
  */
166
171
  columnThreshold: PropTypes.number,
167
172
  /**
168
- * Set the column visibility model of the grid.
169
- * If defined, the grid will ignore the `hide` property in [[GridColDef]].
173
+ * Set the column visibility model of the Data Grid.
174
+ * If defined, the Data Grid will ignore the `hide` property in [[GridColDef]].
170
175
  */
171
176
  columnVisibilityModel: PropTypes.object,
172
177
  /**
@@ -176,7 +181,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
176
181
  */
177
182
  defaultGroupingExpansionDepth: PropTypes.number,
178
183
  /**
179
- * Set the density of the grid.
184
+ * Set the density of the Data Grid.
180
185
  * @default "standard"
181
186
  */
182
187
  density: PropTypes.oneOf(['comfortable', 'compact', 'standard']),
@@ -247,7 +252,6 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
247
252
  /**
248
253
  * If `true`, `eval()` is not used for performance optimization.
249
254
  * @default false
250
- * @ignore - do not document
251
255
  */
252
256
  disableEval: PropTypes.bool,
253
257
  /**
@@ -261,8 +265,9 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
261
265
  */
262
266
  disableMultipleColumnsSorting: PropTypes.bool,
263
267
  /**
264
- * If `true`, multiple selection using the Ctrl or CMD key is disabled.
265
- * @default false
268
+ * If `true`, multiple selection using the Ctrl/CMD or Shift key is disabled.
269
+ * The MIT DataGrid will ignore this prop, unless `checkboxSelection` is enabled.
270
+ * @default false (`!props.checkboxSelection` for MIT Data Grid)
266
271
  */
267
272
  disableMultipleRowSelection: PropTypes.bool,
268
273
  /**
@@ -312,7 +317,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
312
317
  return null;
313
318
  }),
314
319
  /**
315
- * Set the filter model of the grid.
320
+ * Set the filter model of the Data Grid.
316
321
  */
317
322
  filterModel: PropTypes.shape({
318
323
  items: PropTypes.arrayOf(PropTypes.shape({
@@ -327,7 +332,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
327
332
  quickFilterValues: PropTypes.array
328
333
  }),
329
334
  /**
330
- * Forwarded props for the grid root element.
335
+ * Forwarded props for the Data Grid root element.
331
336
  * @ignore - do not document.
332
337
  */
333
338
  forwardedProps: PropTypes.object,
@@ -438,7 +443,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
438
443
  */
439
444
  ignoreDiacritics: PropTypes.bool,
440
445
  /**
441
- * If `true`, the grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
446
+ * If `true`, the Data Grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
442
447
  * If an object is provided, you can choose to ignore the `valueFormatter` for CSV export or clipboard export.
443
448
  * @default false
444
449
  */
@@ -489,7 +494,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
489
494
  */
490
495
  loading: PropTypes.bool,
491
496
  /**
492
- * Set the locale text of the grid.
497
+ * Set the locale text of the Data Grid.
493
498
  * You can find all the translation keys supported in [the source](https://github.com/mui/mui-x/blob/HEAD/packages/grid/x-data-grid/src/constants/localeTextConstants.ts) in the GitHub repository.
494
499
  */
495
500
  localeText: PropTypes.object,
@@ -715,7 +720,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
715
720
  */
716
721
  onProcessRowUpdateError: PropTypes.func,
717
722
  /**
718
- * Callback fired when the grid is resized.
723
+ * Callback fired when the Data Grid is resized.
719
724
  * @param {ElementSize} containerSize With all properties from [[ElementSize]].
720
725
  * @param {MuiEvent<{}>} event The event object.
721
726
  * @param {GridCallbackDetails} details Additional details for this callback.
@@ -793,7 +798,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
793
798
  */
794
799
  onSortModelChange: PropTypes.func,
795
800
  /**
796
- * Callback fired when the state of the grid is updated.
801
+ * Callback fired when the state of the Data Grid is updated.
797
802
  * @param {GridState} state The new state.
798
803
  * @param {MuiEvent<{}>} event The event object.
799
804
  * @param {GridCallbackDetails} details Additional details for this callback.
@@ -870,7 +875,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
870
875
  */
871
876
  rowGroupingModel: PropTypes.arrayOf(PropTypes.string),
872
877
  /**
873
- * Sets the height in pixel of a row in the grid.
878
+ * Sets the height in pixel of a row in the Data Grid.
874
879
  * @default 52
875
880
  */
876
881
  rowHeight: PropTypes.number,
@@ -900,7 +905,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
900
905
  */
901
906
  rowSelection: PropTypes.bool,
902
907
  /**
903
- * Sets the row selection model of the grid.
908
+ * Sets the row selection model of the Data Grid.
904
909
  */
905
910
  rowSelectionModel: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired), PropTypes.number, PropTypes.string]),
906
911
  /**
@@ -921,7 +926,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
921
926
  */
922
927
  rowThreshold: PropTypes.number,
923
928
  /**
924
- * Override the height/width of the grid inner scrollbar.
929
+ * Override the height/width of the Data Grid inner scrollbar.
925
930
  */
926
931
  scrollbarSize: PropTypes.number,
927
932
  /**
@@ -960,7 +965,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
960
965
  */
961
966
  sortingOrder: PropTypes.arrayOf(PropTypes.oneOf(['asc', 'desc'])),
962
967
  /**
963
- * Set the sort model of the grid.
968
+ * Set the sort model of the Data Grid.
964
969
  */
965
970
  sortModel: PropTypes.arrayOf(PropTypes.shape({
966
971
  field: PropTypes.string.isRequired,
@@ -978,7 +983,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
978
983
  */
979
984
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
980
985
  /**
981
- * If positive, the Grid will throttle updates coming from `apiRef.current.updateRows` and `apiRef.current.setRows`.
986
+ * If positive, the Data Grid will throttle updates coming from `apiRef.current.updateRows` and `apiRef.current.setRows`.
982
987
  * It can be useful if you have a high update rate but do not want to do heavy work like filtering / sorting or rendering on each individual update.
983
988
  * @default 0
984
989
  */
package/legacy/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-premium v7.0.0-alpha.5
2
+ * @mui/x-data-grid-premium v7.0.0-alpha.7
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export var getReleaseInfo = function getReleaseInfo() {
3
- var releaseInfo = "MTcwMjQ5NDAwMDAwMA==";
3
+ var releaseInfo = "MTcwNDQwOTIwMDAwMA==";
4
4
  if (process.env.NODE_ENV !== 'production') {
5
5
  // A simple hack to set the value in the test environment (has no build step).
6
6
  // eslint-disable-next-line no-useless-concat
@@ -74,15 +74,15 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
74
74
  current: PropTypes.object.isRequired
75
75
  }),
76
76
  /**
77
- * The label of the grid.
77
+ * The label of the Data Grid.
78
78
  */
79
79
  'aria-label': PropTypes.string,
80
80
  /**
81
- * The id of the element containing a label for the grid.
81
+ * The id of the element containing a label for the Data Grid.
82
82
  */
83
83
  'aria-labelledby': PropTypes.string,
84
84
  /**
85
- * If `true`, the grid height is dynamic and follow the number of rows in the grid.
85
+ * If `true`, the Data Grid height is dynamic and follow the number of rows in the Data Grid.
86
86
  * @default false
87
87
  */
88
88
  autoHeight: PropTypes.bool,
@@ -90,7 +90,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
90
90
  * If `true`, the pageSize is calculated according to the container size and the max number of rows to avoid rendering a vertical scroll bar.
91
91
  * @default false
92
92
  */
93
- autoPageSize: PropTypes.bool,
93
+ autoPageSize: chainPropTypes(PropTypes.bool, props => {
94
+ if (props.autoHeight && props.autoPageSize) {
95
+ return new Error(['MUI: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You can not use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n'));
96
+ }
97
+ return null;
98
+ }),
94
99
  /**
95
100
  * If `true`, columns are autosized after the datagrid is mounted.
96
101
  * @default false
@@ -120,7 +125,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
120
125
  */
121
126
  cellSelectionModel: PropTypes.object,
122
127
  /**
123
- * If `true`, the grid get a first column with a checkbox that allows to select rows.
128
+ * If `true`, the Data Grid will display an extra column with checkboxes for selecting rows.
124
129
  * @default false
125
130
  */
126
131
  checkboxSelection: PropTypes.bool,
@@ -151,7 +156,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
151
156
  columnBuffer: PropTypes.number,
152
157
  columnGroupingModel: PropTypes.arrayOf(PropTypes.object),
153
158
  /**
154
- * Sets the height in pixel of the column headers in the grid.
159
+ * Sets the height in pixel of the column headers in the Data Grid.
155
160
  * @default 56
156
161
  */
157
162
  columnHeaderHeight: PropTypes.number,
@@ -165,8 +170,8 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
165
170
  */
166
171
  columnThreshold: PropTypes.number,
167
172
  /**
168
- * Set the column visibility model of the grid.
169
- * If defined, the grid will ignore the `hide` property in [[GridColDef]].
173
+ * Set the column visibility model of the Data Grid.
174
+ * If defined, the Data Grid will ignore the `hide` property in [[GridColDef]].
170
175
  */
171
176
  columnVisibilityModel: PropTypes.object,
172
177
  /**
@@ -176,7 +181,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
176
181
  */
177
182
  defaultGroupingExpansionDepth: PropTypes.number,
178
183
  /**
179
- * Set the density of the grid.
184
+ * Set the density of the Data Grid.
180
185
  * @default "standard"
181
186
  */
182
187
  density: PropTypes.oneOf(['comfortable', 'compact', 'standard']),
@@ -247,7 +252,6 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
247
252
  /**
248
253
  * If `true`, `eval()` is not used for performance optimization.
249
254
  * @default false
250
- * @ignore - do not document
251
255
  */
252
256
  disableEval: PropTypes.bool,
253
257
  /**
@@ -261,8 +265,9 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
261
265
  */
262
266
  disableMultipleColumnsSorting: PropTypes.bool,
263
267
  /**
264
- * If `true`, multiple selection using the Ctrl or CMD key is disabled.
265
- * @default false
268
+ * If `true`, multiple selection using the Ctrl/CMD or Shift key is disabled.
269
+ * The MIT DataGrid will ignore this prop, unless `checkboxSelection` is enabled.
270
+ * @default false (`!props.checkboxSelection` for MIT Data Grid)
266
271
  */
267
272
  disableMultipleRowSelection: PropTypes.bool,
268
273
  /**
@@ -312,7 +317,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
312
317
  return null;
313
318
  }),
314
319
  /**
315
- * Set the filter model of the grid.
320
+ * Set the filter model of the Data Grid.
316
321
  */
317
322
  filterModel: PropTypes.shape({
318
323
  items: PropTypes.arrayOf(PropTypes.shape({
@@ -327,7 +332,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
327
332
  quickFilterValues: PropTypes.array
328
333
  }),
329
334
  /**
330
- * Forwarded props for the grid root element.
335
+ * Forwarded props for the Data Grid root element.
331
336
  * @ignore - do not document.
332
337
  */
333
338
  forwardedProps: PropTypes.object,
@@ -438,7 +443,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
438
443
  */
439
444
  ignoreDiacritics: PropTypes.bool,
440
445
  /**
441
- * If `true`, the grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
446
+ * If `true`, the Data Grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
442
447
  * If an object is provided, you can choose to ignore the `valueFormatter` for CSV export or clipboard export.
443
448
  * @default false
444
449
  */
@@ -489,7 +494,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
489
494
  */
490
495
  loading: PropTypes.bool,
491
496
  /**
492
- * Set the locale text of the grid.
497
+ * Set the locale text of the Data Grid.
493
498
  * You can find all the translation keys supported in [the source](https://github.com/mui/mui-x/blob/HEAD/packages/grid/x-data-grid/src/constants/localeTextConstants.ts) in the GitHub repository.
494
499
  */
495
500
  localeText: PropTypes.object,
@@ -715,7 +720,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
715
720
  */
716
721
  onProcessRowUpdateError: PropTypes.func,
717
722
  /**
718
- * Callback fired when the grid is resized.
723
+ * Callback fired when the Data Grid is resized.
719
724
  * @param {ElementSize} containerSize With all properties from [[ElementSize]].
720
725
  * @param {MuiEvent<{}>} event The event object.
721
726
  * @param {GridCallbackDetails} details Additional details for this callback.
@@ -793,7 +798,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
793
798
  */
794
799
  onSortModelChange: PropTypes.func,
795
800
  /**
796
- * Callback fired when the state of the grid is updated.
801
+ * Callback fired when the state of the Data Grid is updated.
797
802
  * @param {GridState} state The new state.
798
803
  * @param {MuiEvent<{}>} event The event object.
799
804
  * @param {GridCallbackDetails} details Additional details for this callback.
@@ -870,7 +875,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
870
875
  */
871
876
  rowGroupingModel: PropTypes.arrayOf(PropTypes.string),
872
877
  /**
873
- * Sets the height in pixel of a row in the grid.
878
+ * Sets the height in pixel of a row in the Data Grid.
874
879
  * @default 52
875
880
  */
876
881
  rowHeight: PropTypes.number,
@@ -900,7 +905,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
900
905
  */
901
906
  rowSelection: PropTypes.bool,
902
907
  /**
903
- * Sets the row selection model of the grid.
908
+ * Sets the row selection model of the Data Grid.
904
909
  */
905
910
  rowSelectionModel: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired), PropTypes.number, PropTypes.string]),
906
911
  /**
@@ -921,7 +926,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
921
926
  */
922
927
  rowThreshold: PropTypes.number,
923
928
  /**
924
- * Override the height/width of the grid inner scrollbar.
929
+ * Override the height/width of the Data Grid inner scrollbar.
925
930
  */
926
931
  scrollbarSize: PropTypes.number,
927
932
  /**
@@ -960,7 +965,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
960
965
  */
961
966
  sortingOrder: PropTypes.arrayOf(PropTypes.oneOf(['asc', 'desc'])),
962
967
  /**
963
- * Set the sort model of the grid.
968
+ * Set the sort model of the Data Grid.
964
969
  */
965
970
  sortModel: PropTypes.arrayOf(PropTypes.shape({
966
971
  field: PropTypes.string.isRequired,
@@ -978,7 +983,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
978
983
  */
979
984
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
980
985
  /**
981
- * If positive, the Grid will throttle updates coming from `apiRef.current.updateRows` and `apiRef.current.setRows`.
986
+ * If positive, the Data Grid will throttle updates coming from `apiRef.current.updateRows` and `apiRef.current.setRows`.
982
987
  * It can be useful if you have a high update rate but do not want to do heavy work like filtering / sorting or rendering on each individual update.
983
988
  * @default 0
984
989
  */
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-premium v7.0.0-alpha.5
2
+ * @mui/x-data-grid-premium v7.0.0-alpha.7
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export const getReleaseInfo = () => {
3
- const releaseInfo = "MTcwMjQ5NDAwMDAwMA==";
3
+ const releaseInfo = "MTcwNDQwOTIwMDAwMA==";
4
4
  if (process.env.NODE_ENV !== 'production') {
5
5
  // A simple hack to set the value in the test environment (has no build step).
6
6
  // eslint-disable-next-line no-useless-concat
@@ -82,15 +82,15 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
82
82
  current: _propTypes.default.object.isRequired
83
83
  }),
84
84
  /**
85
- * The label of the grid.
85
+ * The label of the Data Grid.
86
86
  */
87
87
  'aria-label': _propTypes.default.string,
88
88
  /**
89
- * The id of the element containing a label for the grid.
89
+ * The id of the element containing a label for the Data Grid.
90
90
  */
91
91
  'aria-labelledby': _propTypes.default.string,
92
92
  /**
93
- * If `true`, the grid height is dynamic and follow the number of rows in the grid.
93
+ * If `true`, the Data Grid height is dynamic and follow the number of rows in the Data Grid.
94
94
  * @default false
95
95
  */
96
96
  autoHeight: _propTypes.default.bool,
@@ -98,7 +98,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
98
98
  * If `true`, the pageSize is calculated according to the container size and the max number of rows to avoid rendering a vertical scroll bar.
99
99
  * @default false
100
100
  */
101
- autoPageSize: _propTypes.default.bool,
101
+ autoPageSize: (0, _utils.chainPropTypes)(_propTypes.default.bool, props => {
102
+ if (props.autoHeight && props.autoPageSize) {
103
+ return new Error(['MUI: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You can not use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n'));
104
+ }
105
+ return null;
106
+ }),
102
107
  /**
103
108
  * If `true`, columns are autosized after the datagrid is mounted.
104
109
  * @default false
@@ -128,7 +133,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
128
133
  */
129
134
  cellSelectionModel: _propTypes.default.object,
130
135
  /**
131
- * If `true`, the grid get a first column with a checkbox that allows to select rows.
136
+ * If `true`, the Data Grid will display an extra column with checkboxes for selecting rows.
132
137
  * @default false
133
138
  */
134
139
  checkboxSelection: _propTypes.default.bool,
@@ -159,7 +164,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
159
164
  columnBuffer: _propTypes.default.number,
160
165
  columnGroupingModel: _propTypes.default.arrayOf(_propTypes.default.object),
161
166
  /**
162
- * Sets the height in pixel of the column headers in the grid.
167
+ * Sets the height in pixel of the column headers in the Data Grid.
163
168
  * @default 56
164
169
  */
165
170
  columnHeaderHeight: _propTypes.default.number,
@@ -173,8 +178,8 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
173
178
  */
174
179
  columnThreshold: _propTypes.default.number,
175
180
  /**
176
- * Set the column visibility model of the grid.
177
- * If defined, the grid will ignore the `hide` property in [[GridColDef]].
181
+ * Set the column visibility model of the Data Grid.
182
+ * If defined, the Data Grid will ignore the `hide` property in [[GridColDef]].
178
183
  */
179
184
  columnVisibilityModel: _propTypes.default.object,
180
185
  /**
@@ -184,7 +189,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
184
189
  */
185
190
  defaultGroupingExpansionDepth: _propTypes.default.number,
186
191
  /**
187
- * Set the density of the grid.
192
+ * Set the density of the Data Grid.
188
193
  * @default "standard"
189
194
  */
190
195
  density: _propTypes.default.oneOf(['comfortable', 'compact', 'standard']),
@@ -255,7 +260,6 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
255
260
  /**
256
261
  * If `true`, `eval()` is not used for performance optimization.
257
262
  * @default false
258
- * @ignore - do not document
259
263
  */
260
264
  disableEval: _propTypes.default.bool,
261
265
  /**
@@ -269,8 +273,9 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
269
273
  */
270
274
  disableMultipleColumnsSorting: _propTypes.default.bool,
271
275
  /**
272
- * If `true`, multiple selection using the Ctrl or CMD key is disabled.
273
- * @default false
276
+ * If `true`, multiple selection using the Ctrl/CMD or Shift key is disabled.
277
+ * The MIT DataGrid will ignore this prop, unless `checkboxSelection` is enabled.
278
+ * @default false (`!props.checkboxSelection` for MIT Data Grid)
274
279
  */
275
280
  disableMultipleRowSelection: _propTypes.default.bool,
276
281
  /**
@@ -320,7 +325,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
320
325
  return null;
321
326
  }),
322
327
  /**
323
- * Set the filter model of the grid.
328
+ * Set the filter model of the Data Grid.
324
329
  */
325
330
  filterModel: _propTypes.default.shape({
326
331
  items: _propTypes.default.arrayOf(_propTypes.default.shape({
@@ -335,7 +340,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
335
340
  quickFilterValues: _propTypes.default.array
336
341
  }),
337
342
  /**
338
- * Forwarded props for the grid root element.
343
+ * Forwarded props for the Data Grid root element.
339
344
  * @ignore - do not document.
340
345
  */
341
346
  forwardedProps: _propTypes.default.object,
@@ -446,7 +451,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
446
451
  */
447
452
  ignoreDiacritics: _propTypes.default.bool,
448
453
  /**
449
- * If `true`, the grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
454
+ * If `true`, the Data Grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
450
455
  * If an object is provided, you can choose to ignore the `valueFormatter` for CSV export or clipboard export.
451
456
  * @default false
452
457
  */
@@ -497,7 +502,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
497
502
  */
498
503
  loading: _propTypes.default.bool,
499
504
  /**
500
- * Set the locale text of the grid.
505
+ * Set the locale text of the Data Grid.
501
506
  * You can find all the translation keys supported in [the source](https://github.com/mui/mui-x/blob/HEAD/packages/grid/x-data-grid/src/constants/localeTextConstants.ts) in the GitHub repository.
502
507
  */
503
508
  localeText: _propTypes.default.object,
@@ -723,7 +728,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
723
728
  */
724
729
  onProcessRowUpdateError: _propTypes.default.func,
725
730
  /**
726
- * Callback fired when the grid is resized.
731
+ * Callback fired when the Data Grid is resized.
727
732
  * @param {ElementSize} containerSize With all properties from [[ElementSize]].
728
733
  * @param {MuiEvent<{}>} event The event object.
729
734
  * @param {GridCallbackDetails} details Additional details for this callback.
@@ -801,7 +806,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
801
806
  */
802
807
  onSortModelChange: _propTypes.default.func,
803
808
  /**
804
- * Callback fired when the state of the grid is updated.
809
+ * Callback fired when the state of the Data Grid is updated.
805
810
  * @param {GridState} state The new state.
806
811
  * @param {MuiEvent<{}>} event The event object.
807
812
  * @param {GridCallbackDetails} details Additional details for this callback.
@@ -878,7 +883,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
878
883
  */
879
884
  rowGroupingModel: _propTypes.default.arrayOf(_propTypes.default.string),
880
885
  /**
881
- * Sets the height in pixel of a row in the grid.
886
+ * Sets the height in pixel of a row in the Data Grid.
882
887
  * @default 52
883
888
  */
884
889
  rowHeight: _propTypes.default.number,
@@ -908,7 +913,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
908
913
  */
909
914
  rowSelection: _propTypes.default.bool,
910
915
  /**
911
- * Sets the row selection model of the grid.
916
+ * Sets the row selection model of the Data Grid.
912
917
  */
913
918
  rowSelectionModel: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired), _propTypes.default.number, _propTypes.default.string]),
914
919
  /**
@@ -929,7 +934,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
929
934
  */
930
935
  rowThreshold: _propTypes.default.number,
931
936
  /**
932
- * Override the height/width of the grid inner scrollbar.
937
+ * Override the height/width of the Data Grid inner scrollbar.
933
938
  */
934
939
  scrollbarSize: _propTypes.default.number,
935
940
  /**
@@ -968,7 +973,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
968
973
  */
969
974
  sortingOrder: _propTypes.default.arrayOf(_propTypes.default.oneOf(['asc', 'desc'])),
970
975
  /**
971
- * Set the sort model of the grid.
976
+ * Set the sort model of the Data Grid.
972
977
  */
973
978
  sortModel: _propTypes.default.arrayOf(_propTypes.default.shape({
974
979
  field: _propTypes.default.string.isRequired,
@@ -986,7 +991,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
986
991
  */
987
992
  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
988
993
  /**
989
- * If positive, the Grid will throttle updates coming from `apiRef.current.updateRows` and `apiRef.current.setRows`.
994
+ * If positive, the Data Grid will throttle updates coming from `apiRef.current.updateRows` and `apiRef.current.setRows`.
990
995
  * It can be useful if you have a high update rate but do not want to do heavy work like filtering / sorting or rendering on each individual update.
991
996
  * @default 0
992
997
  */
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-premium v7.0.0-alpha.5
2
+ * @mui/x-data-grid-premium v7.0.0-alpha.7
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.getReleaseInfo = void 0;
7
7
  var _utils = require("@mui/utils");
8
8
  const getReleaseInfo = () => {
9
- const releaseInfo = "MTcwMjQ5NDAwMDAwMA==";
9
+ const releaseInfo = "MTcwNDQwOTIwMDAwMA==";
10
10
  if (process.env.NODE_ENV !== 'production') {
11
11
  // A simple hack to set the value in the test environment (has no build step).
12
12
  // eslint-disable-next-line no-useless-concat
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-data-grid-premium",
3
- "version": "7.0.0-alpha.5",
3
+ "version": "7.0.0-alpha.7",
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",
@@ -32,11 +32,11 @@
32
32
  "directory": "packages/grid/x-data-grid-premium"
33
33
  },
34
34
  "dependencies": {
35
- "@babel/runtime": "^7.23.5",
36
- "@mui/system": "^5.14.20",
37
- "@mui/utils": "^5.14.20",
38
- "@mui/x-data-grid": "7.0.0-alpha.5",
39
- "@mui/x-data-grid-pro": "7.0.0-alpha.5",
35
+ "@babel/runtime": "^7.23.7",
36
+ "@mui/system": "^5.15.2",
37
+ "@mui/utils": "^5.15.2",
38
+ "@mui/x-data-grid": "7.0.0-alpha.7",
39
+ "@mui/x-data-grid-pro": "7.0.0-alpha.7",
40
40
  "@mui/x-license-pro": "7.0.0-alpha.1",
41
41
  "@types/format-util": "^1.0.4",
42
42
  "clsx": "^2.0.0",
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export const getReleaseInfo = () => {
3
- const releaseInfo = "MTcwMjQ5NDAwMDAwMA==";
3
+ const releaseInfo = "MTcwNDQwOTIwMDAwMA==";
4
4
  if (process.env.NODE_ENV !== 'production') {
5
5
  // A simple hack to set the value in the test environment (has no build step).
6
6
  // eslint-disable-next-line no-useless-concat