@mui/x-data-grid-premium 7.1.0 → 7.2.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.
Files changed (26) hide show
  1. package/CHANGELOG.md +261 -4
  2. package/DataGridPremium/DataGridPremium.js +2 -2
  3. package/README.md +1 -1
  4. package/esm/DataGridPremium/DataGridPremium.js +2 -2
  5. package/esm/hooks/features/aggregation/gridAggregationFunctions.js +4 -4
  6. package/esm/hooks/features/aggregation/wrapColumnWithAggregation.js +1 -6
  7. package/esm/hooks/features/cellSelection/useGridCellSelection.js +1 -1
  8. package/esm/hooks/features/clipboard/useGridClipboardImport.js +6 -2
  9. package/esm/utils/releaseInfo.js +1 -1
  10. package/hooks/features/aggregation/gridAggregationFunctions.d.ts +5 -5
  11. package/hooks/features/aggregation/gridAggregationFunctions.js +4 -4
  12. package/hooks/features/aggregation/gridAggregationInterfaces.d.ts +5 -8
  13. package/hooks/features/aggregation/wrapColumnWithAggregation.js +1 -6
  14. package/hooks/features/cellSelection/useGridCellSelection.js +1 -1
  15. package/hooks/features/clipboard/useGridClipboardImport.js +6 -2
  16. package/index.js +1 -1
  17. package/models/dataGridPremiumProps.d.ts +4 -9
  18. package/modern/DataGridPremium/DataGridPremium.js +2 -2
  19. package/modern/hooks/features/aggregation/gridAggregationFunctions.js +4 -4
  20. package/modern/hooks/features/aggregation/wrapColumnWithAggregation.js +1 -6
  21. package/modern/hooks/features/cellSelection/useGridCellSelection.js +1 -1
  22. package/modern/hooks/features/clipboard/useGridClipboardImport.js +6 -2
  23. package/modern/index.js +1 -1
  24. package/modern/utils/releaseInfo.js +1 -1
  25. package/package.json +5 -5
  26. package/utils/releaseInfo.js +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,193 @@
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.2.0
7
+
8
+ _Apr 12, 2024_
9
+
10
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
11
+
12
+ - 🎨 Make grid colors customizable through the MUI themes API
13
+ - 🌍 Improve French (fr-FR), German (de-DE), and Swedish (sv-SE) locales on the Data Grid and Pickers
14
+ - 🐞 Bugfixes
15
+ - 📚 Documentation improvements
16
+
17
+ ### Data Grid
18
+
19
+ #### `@mui/x-data-grid@7.2.0`
20
+
21
+ - [DataGrid] Add missing `api` property to `GridCallbackDetails` (#12742) @sai6855
22
+ - [DataGrid] Do not escape double quotes when copying to clipboard (#12722) @cherniavskii
23
+ - [DataGrid] Fix column vertical border (#12741) @romgrk
24
+ - [DataGrid] Fix invalid date error when filtering `date`/`dateTime` columns (#12709) @cherniavskii
25
+ - [DataGrid] Fix overflow with dynamic row height (#12683) @romgrk
26
+ - [DataGrid] Make colors customizable (#12614) @romgrk
27
+ - [l10n] Improve French (fr-FR) locale (#12755) @derek-0000
28
+ - [l10n] Improve German (de-DE) locale (#12752) @Jens-Schoen
29
+ - [l10n] Improve Swedish (sv-SE) locale (#12731) @pontusdacke
30
+
31
+ #### `@mui/x-data-grid-pro@7.2.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
32
+
33
+ Same changes as in `@mui/x-data-grid@7.2.0`.
34
+
35
+ #### `@mui/x-data-grid-premium@7.2.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
36
+
37
+ Same changes as in `@mui/x-data-grid-pro@7.2.0`, plus:
38
+
39
+ - [DataGridPremium] Fix clipboard paste not working when cell loses focus (#12724) @cherniavskii
40
+
41
+ ### Date and Time Pickers
42
+
43
+ #### `@mui/x-date-pickers@7.2.0`
44
+
45
+ - [fields] Fix field editing after closing the picker (#12675) @LukasTy
46
+ - [l10n] Improve French (fr-FR) locale (#12692) @FaroukBel
47
+ - [l10n] Improve German (de-DE) locale (#12752) @Jens-Schoen
48
+ - [l10n] Improve Swedish (sv-SE) locale (#12731) @pontusdacke
49
+ - [pickers] Fix desktop date time Pickers grid layout (#12748) @LukasTy
50
+
51
+ #### `@mui/x-date-pickers-pro@7.2.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
52
+
53
+ Same changes as in `@mui/x-date-pickers@7.2.0`, plus:
54
+
55
+ - [DateTimeRangePicker] Fix desktop toolbar style (#12760) @LukasTy
56
+
57
+ ### Charts
58
+
59
+ #### `@mui/x-charts@7.2.0`
60
+
61
+ - [charts] Fix Bar chart with empty dataset throwing an error (#12708) @JCQuintas
62
+ - [charts] Fix `tickLabelInterval` not working on `YAxis` (#12746) @JCQuintas
63
+
64
+ ### Tree View
65
+
66
+ #### `@mui/x-tree-view@7.2.0`
67
+
68
+ - [TreeView] Add a new lookup to access an item index without expansive computation (#12729) @flaviendelangle
69
+ - [TreeView] Clean up usage of term "node" in internals (#12655) @noraleonte
70
+ - [TreeView] Improve performance by removing `getNavigableChildrenIds` method (#12713) @flaviendelangle
71
+ - [TreeView] Remove `state.items.itemTree` (#12717) @flaviendelangle
72
+ - [TreeView] Remove remaining occurences of the word "node" in the codebase (#12712) @flaviendelangle
73
+ - [TreeView] Return `instance` and `publicAPI` methods from plugin and populate the main objects inside `useTreeView` (#12650) @flaviendelangle
74
+ - [TreeView] Fix behaviors when the item order changes (#12369) @flaviendelangle
75
+
76
+ ### Docs
77
+
78
+ - [docs] Add `AxisFormatter` documentation for customizing tick/tooltip value formatting (#12700) @JCQuintas
79
+ - [docs] Add file explorer example to rich tree view customization docs (#12707) @noraleonte
80
+ - [docs] Do not use import of depth 3 in the doc (#12716) @flaviendelangle
81
+ - [docs] Explain how to clip plots with composition (#12679) @alexfauquette
82
+ - [docs] Fix typo in Data Grid v7 migration page (#12720) @bfaulk96
83
+ - [docs] Fix typo in Pickers v7 migration page (#12721) @bfaulk96
84
+
85
+ ### Core
86
+
87
+ - [core] Support multiple resolved `l10n` PR packages (#12735) @LukasTy
88
+ - [core] Update Netlify release references in release README (#12687) @LukasTy
89
+ - [core] Use `describeTreeView` for icons tests (#12672) @flaviendelangle
90
+ - [core] Use `describeTreeView` in existing tests for `useTreeViewItems` (#12732) @flaviendelangle
91
+
92
+ ## 7.1.1
93
+
94
+ _Apr 5, 2024_
95
+
96
+ We'd like to offer a big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
97
+
98
+ - 🚀 Add `setItemExpansion` Tree View API method (#12595) @flaviendelangle
99
+ - 🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Spanish (es-ES) locale on the Data Grid
100
+ - 🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Ukrainian (uk-UA) locale on the Pickers
101
+ - 🐞 Bugfixes
102
+ - 📚 Documentation improvements
103
+
104
+ ### Data Grid
105
+
106
+ #### `@mui/x-data-grid@7.1.1`
107
+
108
+ - [DataGrid] Allow higher packages' props to be used in MIT (#12365) @MBilalShafi
109
+ - [DataGrid] Fix RTL mode (#12583) @romgrk
110
+ - [DataGrid] Fix `ColDefChangesGridNoSnap` demo crash (#12663) @MBilalShafi
111
+ - [DataGrid] Fix server-side filter demo not working (#12662) @MBilalShafi
112
+ - [DataGrid] Log error if `rowCount` is used with client-side pagination (#12448) @michelengelen
113
+ - [DataGrid] Remove `GridFormatterParams` completely (#12660) @romgrk
114
+ - [DataGrid] Restore main slot (#12657) @romgrk
115
+ - [l10n] Improve Persian (fa-IR) locale (#12630) @amirhosseinzf
116
+ - [l10n] Improve Portuguese (pt-BR) locale (#12618) @hugoalkimim
117
+ - [l10n] Improve Spanish (es-ES) locale (#12606) @aitor40
118
+
119
+ #### `@mui/x-data-grid-pro@7.1.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
120
+
121
+ Same changes as in `@mui/x-data-grid@7.1.1`.
122
+
123
+ #### `@mui/x-data-grid-premium@7.1.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
124
+
125
+ Same changes as in `@mui/x-data-grid-pro@7.1.1`.
126
+
127
+ ### Date and Time Pickers
128
+
129
+ #### `@mui/x-date-pickers@7.1.1`
130
+
131
+ - [fields] Fix `readOnly` behavior (#12609) @LukasTy
132
+ - [l10n] Improve Persian (fa-IR) locale (#12632) @misafari
133
+ - [l10n] Improve Portuguese (pt-BR) locale (#12613) @cnHealth
134
+ - [l10n] Improve Ukrainian (uk-UA) locale (#12627) @alexkobylansky
135
+
136
+ #### `@mui/x-date-pickers-pro@7.1.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
137
+
138
+ Same changes as in `@mui/x-date-pickers@7.1.1`, plus:
139
+
140
+ - [DateTimeRangePicker] Fix selection on same day (#12604) @LukasTy
141
+
142
+ ### Charts
143
+
144
+ #### `@mui/x-charts@7.1.1`
145
+
146
+ - [charts] Fix `tickInterval` usage for y-axis (#12592) @alexfauquette
147
+ - [charts] Fix Scatter series highlight when `id` is a `number` (#12677) @JCQuintas
148
+ - [charts] Fix TS error when using `sx` property on `ChartsTooltip` (#12659) @JCQuintas
149
+
150
+ ### Tree View
151
+
152
+ #### `@mui/x-tree-view@7.1.1`
153
+
154
+ - [TreeView] Add JSDoc to all `publicAPI` methods (#12649) @flaviendelangle
155
+ - [TreeView] Create `RichTreeViewPro` component (not released yet) (#12610) @flaviendelangle
156
+ - [TreeView] Create pro package (not released yet) (#12240) @flaviendelangle
157
+ - [TreeView] Fix typo in errors (#12623) @alissa-tung
158
+ - [TreeView] New API method: `setItemExpansion` (#12595) @flaviendelangle
159
+
160
+ ### Docs
161
+
162
+ - [docs] Add a recipe for the `checkboxSelectionVisibleOnly` prop (#12646) @michelengelen
163
+ - [docs] Explain the use of `_action: 'delete'` in `processRowUpdate` (#12670) @michelengelen
164
+ - [docs] Fix formatting and typo on migration guide @oliviertassinari
165
+ - [docs] Fix formatting in changelog @oliviertassinari
166
+ - [docs] Fix grammar in TreeView migration doc (#12615) @joshkel
167
+ - [docs] Fix missing closing props in `PieShapeNoSnap` demo (#12636) @alp-ex
168
+ - [docs] Fix type arguments in Custom Field page (#12619) @Juneezee
169
+ - [docs] Fix typo in `getItemId` prop description (#12637) @flaviendelangle
170
+ - [docs] Make the Charts `margin` usage more visible (#12591) @alexfauquette
171
+ - [docs] Match IE 11 spacing with Material UI @oliviertassinari
172
+ - [docs] Move data grid interfaces to standard API page layout (#12016) @alexfauquette
173
+ - [docs] Remove ` around @default values (#12158) @alexfauquette
174
+ - [docs] Remove `day` from the default `dayOfWeekFormatter` function params (#12644) @LukasTy
175
+ - [docs] Use `TreeItem2` for icon expansion example on `RichTreeView` (#12563) @flaviendelangle
176
+
177
+ ### Core
178
+
179
+ - [core] Add cherry-pick `master` to `v6` action (#12648) @LukasTy
180
+ - [core] Fix typo in `@mui/x-tree-view-pro/themeAugmentation` (#12674) @flaviendelangle
181
+ - [core] Introduce `describeTreeView` to run test on `SimpleTreeView` and `RichTreeView`, using `TreeItem` and `TreeItem2` + migrate expansion tests (#12428) @flaviendelangle
182
+ - [core] Limit `test-types` CI step allowed memory (#12651) @LukasTy
183
+ - [core] Remove explicit `express` package (#12602) @LukasTy
184
+ - [core] Update to new embedded translations in the docs package (#12232) @Janpot
185
+ - [core] Use PR labels to identify the package a `l10n` PR belongs to (#12639) @LukasTy
186
+ - [core] Use `describeTreeView` for selection tests (#12647) @flaviendelangle
187
+ - [docs-infra] Adjust the links to search for issues (#11995) @michelengelen
188
+ - [infra] Polish support survey experience (#12624) @oliviertassinari
189
+ - [support-infra] Replace author association with a permission check in survey action (#12068) @michelengelen
190
+ - [support-infra] Fix user permission check (#12669) @michelengelen
191
+ - [test] Fix Tree View test import (#12668) @LukasTy
192
+
6
193
  ## 7.1.0
7
194
 
8
195
  _Mar 28, 2024_
@@ -74,7 +261,7 @@ Same changes as in `@mui/x-date-pickers@7.1.0`, plus:
74
261
  - [core] Include `DateTimeRangePicker` tag in `releaseChangelog` (#12526) @LukasTy
75
262
  - [core] Upgrade monorepo (#12536) @cherniavskii
76
263
 
77
- ## v7.0.0
264
+ ## 7.0.0
78
265
 
79
266
  _Mar 22, 2024_
80
267
 
@@ -530,13 +717,13 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
530
717
 
531
718
  - 🎁 Introduce a new DOM structure for the field components that provides a better accessibility
532
719
  - 🚀 Simplify Data Grid DOM structure for improved performance (#12013) @romgrk
533
- - 🕥 The support for IE11 has been removed (#12151) @flaviendelangle
720
+ - 🕥 The support for IE 11 has been removed (#12151) @flaviendelangle
534
721
  - 🐞 Bugfixes
535
722
  - 📚 Documentation improvements
536
723
 
537
724
  ### Breaking changes
538
725
 
539
- - The support for IE11 has been removed from all MUI X packages. The `legacy` bundle that used to support old browsers like IE11 is no longer included.
726
+ - The support for IE 11 has been removed from all MUI X packages. The `legacy` bundle that used to support old browsers like IE 11 is no longer included.
540
727
 
541
728
  ### Data Grid
542
729
 
@@ -641,7 +828,7 @@ These components are no longer exported from `@mui/x-charts`:
641
828
 
642
829
  ### Tree View / `@mui/x-tree-view@7.0.0-beta.4`
643
830
 
644
- - [TreeView] Stop using custom `findIndex` to support IE11 (#12129) @flaviendelangle
831
+ - [TreeView] Stop using custom `findIndex` to support IE 11 (#12129) @flaviendelangle
645
832
 
646
833
  ### Docs
647
834
 
@@ -2871,6 +3058,76 @@ Here is an example of the renaming for the `<ChartsTooltip />` component.
2871
3058
  - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
2872
3059
  - [license] Correctly throw errors (#10924) @oliviertassinari
2873
3060
 
3061
+ ## 6.19.9
3062
+
3063
+ _Apr 5, 2024_
3064
+
3065
+ We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
3066
+
3067
+ - 🐞 Bugfixes
3068
+ - 📚 Documentation improvements
3069
+
3070
+ ### Data Grid
3071
+
3072
+ #### `@mui/x-data-grid@6.19.9`
3073
+
3074
+ - [DataGrid] Remove legacy editing API event: `rowEditCommit` (#12087) @MBilalShafi
3075
+
3076
+ #### `@mui/x-data-grid-pro@6.19.9` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3077
+
3078
+ Same changes as in `@mui/x-data-grid@6.19.9`.
3079
+
3080
+ #### `@mui/x-data-grid-premium@6.19.9` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3081
+
3082
+ Same changes as in `@mui/x-data-grid-pro@6.19.9`.
3083
+
3084
+ ### Date Pickers
3085
+
3086
+ #### `@mui/x-date-pickers@6.19.9`
3087
+
3088
+ No changes.
3089
+
3090
+ #### `@mui/x-date-pickers-pro@6.19.9` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3091
+
3092
+ - [DateRangePicker] Fix selection behavior with single input field when `readOnly` (#12605) @LukasTy
3093
+
3094
+ ### Docs
3095
+
3096
+ - [docs] Add a recipe for the `checkboxSelectionVisibleOnly` prop (#12667) @michelengelen
3097
+ - [docs] Explain the use of `_action: 'delete'` in `processRowUpdate` (#12673) @michelengelen
3098
+
3099
+ ### Core
3100
+
3101
+ - [core] Use Circle CI context (#12607) @cherniavskii
3102
+
3103
+ ## 6.19.8
3104
+
3105
+ _Mar 20, 2024_
3106
+
3107
+ We'd like to offer a big thanks to the 3 contributors who made this release possible.
3108
+
3109
+ ### Data Grid
3110
+
3111
+ #### `@mui/x-data-grid@6.19.8`
3112
+
3113
+ - [DataGrid] Fix `ElementType` usage (#12505) @cherniavskii
3114
+ - [DataGrid] Fix cell value formatting on copy (#12483) @sai6855
3115
+ - [DataGrid] Fix checkbox selection when filtering (#12485) @g1mishra
3116
+
3117
+ #### `@mui/x-data-grid-pro@6.19.8` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3118
+
3119
+ Same changes as in `@mui/x-data-grid@6.19.8`.
3120
+
3121
+ #### `@mui/x-data-grid-premium@6.19.8` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3122
+
3123
+ Same changes as in `@mui/x-data-grid-pro@6.19.8`, plus:
3124
+
3125
+ - [DataGridPremium] Add support for confirmation before clipboard paste (#12466) @cherniavskii
3126
+
3127
+ ### Docs
3128
+
3129
+ - [docs] Update links to v7 (#12495) @cherniavskii
3130
+
2874
3131
  ## 6.19.7
2875
3132
 
2876
3133
  _Mar 14, 2024_
package/DataGridPremium/DataGridPremium.js CHANGED
@@ -327,7 +327,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
327
327
  * Determines the position of an aggregated value.
328
328
  * @param {GridGroupNode} groupNode The current group.
329
329
  * @returns {GridAggregationPosition | null} Position of the aggregated value (if `null`, the group isn't aggregated).
330
- * @default `(groupNode) => groupNode == null ? 'footer' : 'inline'`
330
+ * @default (groupNode) => groupNode == null ? 'footer' : 'inline'
331
331
  */
332
332
  getAggregationPosition: _propTypes.default.func,
333
333
  /**
@@ -967,7 +967,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
967
967
  * The function is used to split the pasted text into rows and cells.
968
968
  * @param {string} text The text pasted from the clipboard.
969
969
  * @returns {string[][] | null} A 2D array of strings. The first dimension is the rows, the second dimension is the columns.
970
- * @default `(pastedText) => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split('\t')); }`
970
+ * @default (pastedText) => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split('\t')); }
971
971
  */
972
972
  splitClipboardPastedText: _propTypes.default.func,
973
973
  /**
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # MUI X Data Grid Premium
2
2
 
3
- This package is the Premium plan edition of the data grid component.
3
+ This package is the Premium plan edition of the Data Grid components.
4
4
  It's part of [MUI X](https://mui.com/x/), an open-core extension of MUI Core, with advanced components.
5
5
 
6
6
  ## Installation
package/esm/DataGridPremium/DataGridPremium.js CHANGED
@@ -320,7 +320,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
320
320
  * Determines the position of an aggregated value.
321
321
  * @param {GridGroupNode} groupNode The current group.
322
322
  * @returns {GridAggregationPosition | null} Position of the aggregated value (if `null`, the group isn't aggregated).
323
- * @default `(groupNode) => groupNode == null ? 'footer' : 'inline'`
323
+ * @default (groupNode) => groupNode == null ? 'footer' : 'inline'
324
324
  */
325
325
  getAggregationPosition: PropTypes.func,
326
326
  /**
@@ -960,7 +960,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
960
960
  * The function is used to split the pasted text into rows and cells.
961
961
  * @param {string} text The text pasted from the clipboard.
962
962
  * @returns {string[][] | null} A 2D array of strings. The first dimension is the rows, the second dimension is the columns.
963
- * @default `(pastedText) => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split('\t')); }`
963
+ * @default (pastedText) => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split('\t')); }
964
964
  */
965
965
  splitClipboardPastedText: PropTypes.func,
966
966
  /**
package/esm/hooks/features/aggregation/gridAggregationFunctions.js CHANGED
@@ -76,11 +76,11 @@ const sizeAgg = {
76
76
  }) => {
77
77
  return values.filter(value => typeof value !== 'undefined').length;
78
78
  },
79
- valueFormatter: params => {
80
- if (params.value == null || !isNumber(params.value)) {
81
- return params.value;
79
+ valueFormatter: value => {
80
+ if (value == null || !isNumber(value)) {
81
+ return value;
82
82
  }
83
- return params.value.toLocaleString();
83
+ return value.toLocaleString();
84
84
  },
85
85
  hasCellUnit: false
86
86
  };
package/esm/hooks/features/aggregation/wrapColumnWithAggregation.js CHANGED
@@ -39,12 +39,7 @@ const getAggregationValueWrappedValueFormatter = ({
39
39
  if (rowId != null) {
40
40
  const cellAggregationResult = getCellAggregationResult(rowId, column.field);
41
41
  if (cellAggregationResult != null) {
42
- return aggregationRule.aggregationFunction.valueFormatter?.({
43
- id: rowId,
44
- field: column.field,
45
- value,
46
- api: apiRef.current
47
- });
42
+ return aggregationRule.aggregationFunction.valueFormatter?.(value, row, column, apiRef);
48
43
  }
49
44
  }
50
45
  if (valueFormatter) {
package/esm/hooks/features/cellSelection/useGridCellSelection.js CHANGED
@@ -447,7 +447,7 @@ export const useGridCellSelection = (apiRef, props) => {
447
447
  cellData = serializeCellValue(cellParams, {
448
448
  delimiterCharacter: clipboardCopyCellDelimiter,
449
449
  ignoreValueFormatter,
450
- shouldAppendQuotes: true
450
+ shouldAppendQuotes: false
451
451
  });
452
452
  } else {
453
453
  cellData = '';
package/esm/hooks/features/clipboard/useGridClipboardImport.js CHANGED
@@ -156,7 +156,8 @@ function defaultPasteResolver({
156
156
  }) {
157
157
  const isSingleValuePasted = pastedData.length === 1 && pastedData[0].length === 1;
158
158
  const cellSelectionModel = apiRef.current.getCellSelectionModel();
159
- if (cellSelectionModel && apiRef.current.getSelectedCellsAsArray().length > 1) {
159
+ const selectedCellsArray = apiRef.current.getSelectedCellsAsArray();
160
+ if (cellSelectionModel && selectedCellsArray.length > 1) {
160
161
  Object.keys(cellSelectionModel).forEach((rowId, rowIndex) => {
161
162
  const rowDataArr = pastedData[isSingleValuePasted ? 0 : rowIndex];
162
163
  const hasRowData = isSingleValuePasted ? true : rowDataArr !== undefined;
@@ -207,7 +208,10 @@ function defaultPasteResolver({
207
208
  });
208
209
  return;
209
210
  }
210
- const selectedCell = gridFocusCellSelector(apiRef);
211
+ let selectedCell = gridFocusCellSelector(apiRef);
212
+ if (!selectedCell && selectedCellsArray.length === 1) {
213
+ selectedCell = selectedCellsArray[0];
214
+ }
211
215
  if (!selectedCell) {
212
216
  return;
213
217
  }
package/esm/utils/releaseInfo.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export const getReleaseInfo = () => {
3
- const releaseInfo = "MTcxMTU4MDQwMDAwMA==";
3
+ const releaseInfo = "MTcxMjg2OTIwMDAwMA==";
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
package/hooks/features/aggregation/gridAggregationFunctions.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { GridAggregationFunction } from './gridAggregationInterfaces';
2
2
  export declare const GRID_AGGREGATION_FUNCTIONS: {
3
- sum: GridAggregationFunction<unknown, number, number>;
4
- avg: GridAggregationFunction<unknown, number, number>;
5
- min: GridAggregationFunction<number | Date, number | Date, number | Date>;
6
- max: GridAggregationFunction<number | Date, number | Date, number | Date>;
7
- size: GridAggregationFunction<unknown, number, number>;
3
+ sum: GridAggregationFunction<unknown, number>;
4
+ avg: GridAggregationFunction<unknown, number>;
5
+ min: GridAggregationFunction<number | Date, number | Date>;
6
+ max: GridAggregationFunction<number | Date, number | Date>;
7
+ size: GridAggregationFunction<unknown, number>;
8
8
  };
package/hooks/features/aggregation/gridAggregationFunctions.js CHANGED
@@ -82,11 +82,11 @@ const sizeAgg = {
82
82
  }) => {
83
83
  return values.filter(value => typeof value !== 'undefined').length;
84
84
  },
85
- valueFormatter: params => {
86
- if (params.value == null || !(0, _internals.isNumber)(params.value)) {
87
- return params.value;
85
+ valueFormatter: value => {
86
+ if (value == null || !(0, _internals.isNumber)(value)) {
87
+ return value;
88
88
  }
89
- return params.value.toLocaleString();
89
+ return value.toLocaleString();
90
90
  },
91
91
  hasCellUnit: false
92
92
  };
package/hooks/features/aggregation/gridAggregationInterfaces.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { GridValueFormatterParams, GridRowId, GridRowModel, GridColDef } from '@mui/x-data-grid-pro';
1
+ import { GridRowId, GridRowModel, GridColDef, GridValueFormatter } from '@mui/x-data-grid-pro';
2
2
  export interface GridAggregationState {
3
3
  model: GridAggregationModel;
4
4
  lookup: GridAggregationLookup;
@@ -28,7 +28,7 @@ export interface GridAggregationGetCellValueParams {
28
28
  * @demos
29
29
  * - [Aggregation functions](/x/react-data-grid/aggregation/#aggregation-functions)
30
30
  */
31
- export interface GridAggregationFunction<V = any, AV = V, FAV = AV> {
31
+ export interface GridAggregationFunction<V = any, AV = V> {
32
32
  /**
33
33
  * Function that takes the current cell values and generates the aggregated value.
34
34
  * @template V, AV
@@ -39,7 +39,7 @@ export interface GridAggregationFunction<V = any, AV = V, FAV = AV> {
39
39
  /**
40
40
  * Label of the aggregation function.
41
41
  * Will be used to add a label on the footer of the grouping column when this aggregation function is the only one being used.
42
- * @default `apiRef.current.getLocaleText('aggregationFunctionLabel{capitalize(name)})`
42
+ * @default apiRef.current.getLocaleText('aggregationFunctionLabel{capitalize(name)})
43
43
  */
44
44
  label?: string;
45
45
  /**
@@ -50,15 +50,12 @@ export interface GridAggregationFunction<V = any, AV = V, FAV = AV> {
50
50
  /**
51
51
  * Function that allows to apply a formatter to the aggregated value.
52
52
  * If not defined, the grid will use the formatter of the column.
53
- * @template AV, F
54
- * @param {GridValueFormatterParams<AV>} params Object containing parameters for the formatter.
55
- * @returns {F} The formatted value.
56
53
  */
57
- valueFormatter?: (params: GridValueFormatterParams<AV>) => FAV;
54
+ valueFormatter?: GridValueFormatter;
58
55
  /**
59
56
  * Indicates if the aggregated value have the same unit as the cells used to generate it.
60
57
  * It can be used to apply a custom cell renderer only if the aggregated value has the same unit.
61
- * @default `true`
58
+ * @default true
62
59
  */
63
60
  hasCellUnit?: boolean;
64
61
  /**
package/hooks/features/aggregation/wrapColumnWithAggregation.js CHANGED
@@ -48,12 +48,7 @@ const getAggregationValueWrappedValueFormatter = ({
48
48
  if (rowId != null) {
49
49
  const cellAggregationResult = getCellAggregationResult(rowId, column.field);
50
50
  if (cellAggregationResult != null) {
51
- return aggregationRule.aggregationFunction.valueFormatter?.({
52
- id: rowId,
53
- field: column.field,
54
- value,
55
- api: apiRef.current
56
- });
51
+ return aggregationRule.aggregationFunction.valueFormatter?.(value, row, column, apiRef);
57
52
  }
58
53
  }
59
54
  if (valueFormatter) {
package/hooks/features/cellSelection/useGridCellSelection.js CHANGED
@@ -457,7 +457,7 @@ const useGridCellSelection = (apiRef, props) => {
457
457
  cellData = (0, _internals.serializeCellValue)(cellParams, {
458
458
  delimiterCharacter: clipboardCopyCellDelimiter,
459
459
  ignoreValueFormatter,
460
- shouldAppendQuotes: true
460
+ shouldAppendQuotes: false
461
461
  });
462
462
  } else {
463
463
  cellData = '';
package/hooks/features/clipboard/useGridClipboardImport.js CHANGED
@@ -165,7 +165,8 @@ function defaultPasteResolver({
165
165
  }) {
166
166
  const isSingleValuePasted = pastedData.length === 1 && pastedData[0].length === 1;
167
167
  const cellSelectionModel = apiRef.current.getCellSelectionModel();
168
- if (cellSelectionModel && apiRef.current.getSelectedCellsAsArray().length > 1) {
168
+ const selectedCellsArray = apiRef.current.getSelectedCellsAsArray();
169
+ if (cellSelectionModel && selectedCellsArray.length > 1) {
169
170
  Object.keys(cellSelectionModel).forEach((rowId, rowIndex) => {
170
171
  const rowDataArr = pastedData[isSingleValuePasted ? 0 : rowIndex];
171
172
  const hasRowData = isSingleValuePasted ? true : rowDataArr !== undefined;
@@ -216,7 +217,10 @@ function defaultPasteResolver({
216
217
  });
217
218
  return;
218
219
  }
219
- const selectedCell = (0, _xDataGrid.gridFocusCellSelector)(apiRef);
220
+ let selectedCell = (0, _xDataGrid.gridFocusCellSelector)(apiRef);
221
+ if (!selectedCell && selectedCellsArray.length === 1) {
222
+ selectedCell = selectedCellsArray[0];
223
+ }
220
224
  if (!selectedCell) {
221
225
  return;
222
226
  }
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-premium v7.1.0
2
+ * @mui/x-data-grid-premium v7.2.0
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
package/models/dataGridPremiumProps.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { GridCallbackDetails, GridValidRowModel, GridGroupNode, GridEventListener } from '@mui/x-data-grid-pro';
3
- import { GridExperimentalProFeatures, DataGridProPropsWithDefaultValue, DataGridProPropsWithoutDefaultValue, DataGridPropsWithComplexDefaultValueAfterProcessing, DataGridPropsWithComplexDefaultValueBeforeProcessing } from '@mui/x-data-grid-pro/internals';
3
+ import { GridExperimentalProFeatures, DataGridProPropsWithDefaultValue, DataGridProPropsWithoutDefaultValue, DataGridPropsWithComplexDefaultValueAfterProcessing, DataGridPropsWithComplexDefaultValueBeforeProcessing, DataGridPremiumSharedPropsWithDefaultValue } from '@mui/x-data-grid-pro/internals';
4
4
  import type { GridRowGroupingModel } from '../hooks/features/rowGrouping';
5
5
  import type { GridAggregationModel, GridAggregationFunction, GridAggregationPosition } from '../hooks/features/aggregation';
6
6
  import { GridPremiumSlotsComponent } from './gridPremiumSlotsComponent';
@@ -34,12 +34,7 @@ export type DataGridPremiumForcedPropsKey = 'signature';
34
34
  * None of the entry of this interface should be optional, they all have default values and `DataGridProps` already applies a `Partial<DataGridSimpleOptions>` for the public interface.
35
35
  * The controlled model do not have a default value at the prop processing level, so they must be defined in `DataGridOtherProps`.
36
36
  */
37
- export interface DataGridPremiumPropsWithDefaultValue<R extends GridValidRowModel = any> extends DataGridProPropsWithDefaultValue<R> {
38
- /**
39
- * If `true`, the cell selection mode is enabled.
40
- * @default false
41
- */
42
- cellSelection: boolean;
37
+ export interface DataGridPremiumPropsWithDefaultValue<R extends GridValidRowModel = any> extends DataGridProPropsWithDefaultValue<R>, DataGridPremiumSharedPropsWithDefaultValue {
43
38
  /**
44
39
  * If `true`, aggregation is disabled.
45
40
  * @default false
@@ -72,7 +67,7 @@ export interface DataGridPremiumPropsWithDefaultValue<R extends GridValidRowMode
72
67
  * Determines the position of an aggregated value.
73
68
  * @param {GridGroupNode} groupNode The current group.
74
69
  * @returns {GridAggregationPosition | null} Position of the aggregated value (if `null`, the group isn't aggregated).
75
- * @default `(groupNode) => groupNode == null ? 'footer' : 'inline'`
70
+ * @default (groupNode) => groupNode == null ? 'footer' : 'inline'
76
71
  */
77
72
  getAggregationPosition: (groupNode: GridGroupNode) => GridAggregationPosition | null;
78
73
  /**
@@ -84,7 +79,7 @@ export interface DataGridPremiumPropsWithDefaultValue<R extends GridValidRowMode
84
79
  * The function is used to split the pasted text into rows and cells.
85
80
  * @param {string} text The text pasted from the clipboard.
86
81
  * @returns {string[][] | null} A 2D array of strings. The first dimension is the rows, the second dimension is the columns.
87
- * @default `(pastedText) => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split('\t')); }`
82
+ * @default (pastedText) => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split('\t')); }
88
83
  */
89
84
  splitClipboardPastedText: (text: string) => string[][] | null;
90
85
  }
package/modern/DataGridPremium/DataGridPremium.js CHANGED
@@ -320,7 +320,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
320
320
  * Determines the position of an aggregated value.
321
321
  * @param {GridGroupNode} groupNode The current group.
322
322
  * @returns {GridAggregationPosition | null} Position of the aggregated value (if `null`, the group isn't aggregated).
323
- * @default `(groupNode) => groupNode == null ? 'footer' : 'inline'`
323
+ * @default (groupNode) => groupNode == null ? 'footer' : 'inline'
324
324
  */
325
325
  getAggregationPosition: PropTypes.func,
326
326
  /**
@@ -960,7 +960,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
960
960
  * The function is used to split the pasted text into rows and cells.
961
961
  * @param {string} text The text pasted from the clipboard.
962
962
  * @returns {string[][] | null} A 2D array of strings. The first dimension is the rows, the second dimension is the columns.
963
- * @default `(pastedText) => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split('\t')); }`
963
+ * @default (pastedText) => { const text = pastedText.replace(/\r?\n$/, ''); return text.split(/\r\n|\n|\r/).map((row) => row.split('\t')); }
964
964
  */
965
965
  splitClipboardPastedText: PropTypes.func,
966
966
  /**
package/modern/hooks/features/aggregation/gridAggregationFunctions.js CHANGED
@@ -76,11 +76,11 @@ const sizeAgg = {
76
76
  }) => {
77
77
  return values.filter(value => typeof value !== 'undefined').length;
78
78
  },
79
- valueFormatter: params => {
80
- if (params.value == null || !isNumber(params.value)) {
81
- return params.value;
79
+ valueFormatter: value => {
80
+ if (value == null || !isNumber(value)) {
81
+ return value;
82
82
  }
83
- return params.value.toLocaleString();
83
+ return value.toLocaleString();
84
84
  },
85
85
  hasCellUnit: false
86
86
  };
package/modern/hooks/features/aggregation/wrapColumnWithAggregation.js CHANGED
@@ -39,12 +39,7 @@ const getAggregationValueWrappedValueFormatter = ({
39
39
  if (rowId != null) {
40
40
  const cellAggregationResult = getCellAggregationResult(rowId, column.field);
41
41
  if (cellAggregationResult != null) {
42
- return aggregationRule.aggregationFunction.valueFormatter?.({
43
- id: rowId,
44
- field: column.field,
45
- value,
46
- api: apiRef.current
47
- });
42
+ return aggregationRule.aggregationFunction.valueFormatter?.(value, row, column, apiRef);
48
43
  }
49
44
  }
50
45
  if (valueFormatter) {
package/modern/hooks/features/cellSelection/useGridCellSelection.js CHANGED
@@ -447,7 +447,7 @@ export const useGridCellSelection = (apiRef, props) => {
447
447
  cellData = serializeCellValue(cellParams, {
448
448
  delimiterCharacter: clipboardCopyCellDelimiter,
449
449
  ignoreValueFormatter,
450
- shouldAppendQuotes: true
450
+ shouldAppendQuotes: false
451
451
  });
452
452
  } else {
453
453
  cellData = '';
package/modern/hooks/features/clipboard/useGridClipboardImport.js CHANGED
@@ -156,7 +156,8 @@ function defaultPasteResolver({
156
156
  }) {
157
157
  const isSingleValuePasted = pastedData.length === 1 && pastedData[0].length === 1;
158
158
  const cellSelectionModel = apiRef.current.getCellSelectionModel();
159
- if (cellSelectionModel && apiRef.current.getSelectedCellsAsArray().length > 1) {
159
+ const selectedCellsArray = apiRef.current.getSelectedCellsAsArray();
160
+ if (cellSelectionModel && selectedCellsArray.length > 1) {
160
161
  Object.keys(cellSelectionModel).forEach((rowId, rowIndex) => {
161
162
  const rowDataArr = pastedData[isSingleValuePasted ? 0 : rowIndex];
162
163
  const hasRowData = isSingleValuePasted ? true : rowDataArr !== undefined;
@@ -207,7 +208,10 @@ function defaultPasteResolver({
207
208
  });
208
209
  return;
209
210
  }
210
- const selectedCell = gridFocusCellSelector(apiRef);
211
+ let selectedCell = gridFocusCellSelector(apiRef);
212
+ if (!selectedCell && selectedCellsArray.length === 1) {
213
+ selectedCell = selectedCellsArray[0];
214
+ }
211
215
  if (!selectedCell) {
212
216
  return;
213
217
  }
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-premium v7.1.0
2
+ * @mui/x-data-grid-premium v7.2.0
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
package/modern/utils/releaseInfo.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export const getReleaseInfo = () => {
3
- const releaseInfo = "MTcxMTU4MDQwMDAwMA==";
3
+ const releaseInfo = "MTcxMjg2OTIwMDAwMA==";
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
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mui/x-data-grid-premium",
3
- "version": "7.1.0",
4
- "description": "The Premium plan edition of the data grid component (MUI X).",
3
+ "version": "7.2.0",
4
+ "description": "The Premium plan edition of the Data Grid Components (MUI X).",
5
5
  "author": "MUI Team",
6
6
  "main": "./index.js",
7
7
  "license": "SEE LICENSE IN LICENSE",
@@ -35,9 +35,9 @@
35
35
  "@babel/runtime": "^7.24.0",
36
36
  "@mui/system": "^5.15.14",
37
37
  "@mui/utils": "^5.15.14",
38
- "@mui/x-data-grid": "7.1.0",
39
- "@mui/x-data-grid-pro": "7.1.0",
40
- "@mui/x-license": "7.0.0",
38
+ "@mui/x-data-grid": "7.2.0",
39
+ "@mui/x-data-grid-pro": "7.2.0",
40
+ "@mui/x-license": "7.2.0",
41
41
  "@types/format-util": "^1.0.4",
42
42
  "clsx": "^2.1.0",
43
43
  "exceljs": "^4.4.0",
package/utils/releaseInfo.js CHANGED
@@ -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 = "MTcxMTU4MDQwMDAwMA==";
9
+ const releaseInfo = "MTcxMjg2OTIwMDAwMA==";
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