@mui/x-data-grid-premium 8.22.0 → 8.22.1
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 +101 -0
- package/DataGridPremium/DataGridPremium.js +1 -1
- package/components/chartsPanel/data/GridChartsPanelDataField.js +3 -2
- package/esm/DataGridPremium/DataGridPremium.js +1 -1
- package/esm/components/chartsPanel/data/GridChartsPanelDataField.js +3 -2
- package/esm/hooks/features/cellSelection/useGridCellSelection.js +4 -1
- package/esm/index.js +1 -1
- package/hooks/features/cellSelection/useGridCellSelection.js +3 -0
- package/index.js +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,107 @@
|
|
|
5
5
|
All notable changes to this project will be documented in this file.
|
|
6
6
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
7
7
|
|
|
8
|
+
## 8.22.1
|
|
9
|
+
|
|
10
|
+
_Dec 17, 2025_
|
|
11
|
+
|
|
12
|
+
We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
|
|
13
|
+
|
|
14
|
+
- 🌎 Improve Swedish (sv-SE) locale on the Data Grid
|
|
15
|
+
- 🐞 Bugfixes
|
|
16
|
+
|
|
17
|
+
Special thanks go out to the community members for their valuable contributions:
|
|
18
|
+
@KyeongJooni, @VismaAndreasIvarsson
|
|
19
|
+
|
|
20
|
+
The following team members contributed to this release:
|
|
21
|
+
@alelthomas, @alexfauquette, @arminmeh, @bernardobelchior, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @mj12albert, @prakhargupta1, @romgrk, @siriwatknp
|
|
22
|
+
|
|
23
|
+
### Data Grid
|
|
24
|
+
|
|
25
|
+
#### `@mui/x-data-grid@8.22.1`
|
|
26
|
+
|
|
27
|
+
- [data grid] Fix column menu keyboard shortcut (#20621) @mj12albert
|
|
28
|
+
- [data grid] Fix row checkbox disabled state on first render and keep cell focusable (ARIA) (#20641) @michelengelen
|
|
29
|
+
- [data grid] Fix tree data selection bug (#20528) @michelengelen
|
|
30
|
+
- [data grid] Prevent clear cell selection on edit mode (#20544) @siriwatknp
|
|
31
|
+
- [data grid] Refactor column merge logic to prioritize defined properties only (#20640) @michelengelen
|
|
32
|
+
- [data grid] Reset row spanning on row expansion change (#20661) @siriwatknp
|
|
33
|
+
- [data grid] Resize newly added rows while resize action is happening (#20676)
|
|
34
|
+
- [l10n] Improve Swedish (sv-SE) locale (#20682) @VismaAndreasIvarsson
|
|
35
|
+
|
|
36
|
+
#### `@mui/x-data-grid-pro@8.22.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
37
|
+
|
|
38
|
+
Same changes as in `@mui/x-data-grid@8.22.1`.
|
|
39
|
+
|
|
40
|
+
#### `@mui/x-data-grid-premium@8.22.1` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
41
|
+
|
|
42
|
+
Same changes as in `@mui/x-data-grid-pro@8.22.1`, plus:
|
|
43
|
+
|
|
44
|
+
- [DataGridPremium] Import `useId()` from `@mui/utils` to maintain React 17 compatibility (#20635) @arminmeh
|
|
45
|
+
|
|
46
|
+
### Date and Time Pickers
|
|
47
|
+
|
|
48
|
+
#### `@mui/x-date-pickers@8.22.1`
|
|
49
|
+
|
|
50
|
+
- [pickers] Add minutesStep validation test (#20672) @KyeongJooni
|
|
51
|
+
- [pickers] Fix `onAccept()` returning wrong year after selecting year then month (#20639) @michelengelen
|
|
52
|
+
|
|
53
|
+
#### `@mui/x-date-pickers-pro@8.22.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
54
|
+
|
|
55
|
+
Same changes as in `@mui/x-date-pickers@8.22.1`.
|
|
56
|
+
|
|
57
|
+
### Charts
|
|
58
|
+
|
|
59
|
+
#### `@mui/x-charts@8.22.1`
|
|
60
|
+
|
|
61
|
+
- [charts] Extract `FocusedPieArc` from `PieArcPlot` (#20613) @alexfauquette
|
|
62
|
+
- [charts] Fix regression on the highlight control (#20627) @alexfauquette
|
|
63
|
+
- [charts] Refactor: `useSelector()` => `store.use()` (#20681) @romgrk
|
|
64
|
+
- [charts] Remove duplicated types (#20694) @alexfauquette
|
|
65
|
+
- [charts] Remove unused generics from bar charts (#20642) @bernardobelchior
|
|
66
|
+
- [charts] Simplify tooltip position getter for pie chart (#20625) @alexfauquette
|
|
67
|
+
|
|
68
|
+
#### `@mui/x-charts-pro@8.22.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
69
|
+
|
|
70
|
+
Same changes as in `@mui/x-charts@8.22.1`, plus:
|
|
71
|
+
|
|
72
|
+
- [charts-pro] Add heatmap performance benchmark (#20695) @bernardobelchior
|
|
73
|
+
|
|
74
|
+
#### `@mui/x-charts-premium@8.22.1` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
75
|
+
|
|
76
|
+
Same changes as in `@mui/x-charts-pro@8.22.1`, plus:
|
|
77
|
+
|
|
78
|
+
- [charts-premium] Create `BarChartPremium` (#20643) @bernardobelchior
|
|
79
|
+
|
|
80
|
+
### Tree View
|
|
81
|
+
|
|
82
|
+
#### `@mui/x-tree-view@8.22.1`
|
|
83
|
+
|
|
84
|
+
Internal changes.
|
|
85
|
+
|
|
86
|
+
#### `@mui/x-tree-view-pro@8.22.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
87
|
+
|
|
88
|
+
Same changes as in `@mui/x-tree-view@8.22.1`.
|
|
89
|
+
|
|
90
|
+
### Codemod
|
|
91
|
+
|
|
92
|
+
#### `@mui/x-codemod@8.22.1`
|
|
93
|
+
|
|
94
|
+
Internal changes.
|
|
95
|
+
|
|
96
|
+
### Docs
|
|
97
|
+
|
|
98
|
+
- [docs] Add button to GitHub source code for the Data Grid advanced demos (DX-50) (#20633) @alelthomas
|
|
99
|
+
- [docs] Remove `seriesConfig` to prevent future confusion (#20678) @alexfauquette
|
|
100
|
+
- [docs] Revise the Data Grid's API object doc for clarity and style (#20649) @mapache-salvaje
|
|
101
|
+
- [docs] Update list of charts (#20479) @prakhargupta1
|
|
102
|
+
|
|
103
|
+
### Core
|
|
104
|
+
|
|
105
|
+
- [code-infra] Regression tests improvements (#20441) @Janpot
|
|
106
|
+
- [code-infra] Test utils upgrade (#20592) @Janpot
|
|
107
|
+
- [code-infra] Try to fix the Tree View flacky tests (#20573) @JCQuintas
|
|
108
|
+
|
|
8
109
|
## 8.22.0
|
|
9
110
|
|
|
10
111
|
_Dec 11, 2025_
|
|
@@ -50,7 +50,7 @@ const configuration = {
|
|
|
50
50
|
useGridParamsOverridableMethods: _useGridParamsOverridableMethods.useGridParamsOverridableMethods
|
|
51
51
|
}
|
|
52
52
|
};
|
|
53
|
-
const releaseInfo = "
|
|
53
|
+
const releaseInfo = "MTc2NjAxNjAwMDAwMA==";
|
|
54
54
|
const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
|
|
55
55
|
packageName: "x-data-grid-premium",
|
|
56
56
|
releaseInfo: releaseInfo
|
|
@@ -10,6 +10,7 @@ exports.AggregationSelect = AggregationSelect;
|
|
|
10
10
|
exports.GridChartsPanelDataField = GridChartsPanelDataField;
|
|
11
11
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
12
12
|
var React = _interopRequireWildcard(require("react"));
|
|
13
|
+
var _useId = _interopRequireDefault(require("@mui/utils/useId"));
|
|
13
14
|
var _system = require("@mui/system");
|
|
14
15
|
var _xDataGridPro = require("@mui/x-data-grid-pro");
|
|
15
16
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
@@ -133,8 +134,8 @@ function AggregationSelect({
|
|
|
133
134
|
const rootProps = (0, _useGridRootProps.useGridRootProps)();
|
|
134
135
|
const [aggregationMenuOpen, setAggregationMenuOpen] = React.useState(false);
|
|
135
136
|
const aggregationMenuTriggerRef = React.useRef(null);
|
|
136
|
-
const aggregationMenuTriggerId =
|
|
137
|
-
const aggregationMenuId =
|
|
137
|
+
const aggregationMenuTriggerId = (0, _useId.default)();
|
|
138
|
+
const aggregationMenuId = (0, _useId.default)();
|
|
138
139
|
const apiRef = (0, _useGridApiContext.useGridApiContext)();
|
|
139
140
|
const aggregationModel = (0, _aggregation.gridAggregationModelSelector)(apiRef);
|
|
140
141
|
const pivotActive = (0, _internals.gridPivotActiveSelector)(apiRef);
|
|
@@ -43,7 +43,7 @@ const configuration = {
|
|
|
43
43
|
useGridParamsOverridableMethods
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
|
-
const releaseInfo = "
|
|
46
|
+
const releaseInfo = "MTc2NjAxNjAwMDAwMA==";
|
|
47
47
|
const watermark = /*#__PURE__*/_jsx(Watermark, {
|
|
48
48
|
packageName: "x-data-grid-premium",
|
|
49
49
|
releaseInfo: releaseInfo
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
4
|
import * as React from 'react';
|
|
5
|
+
import useId from '@mui/utils/useId';
|
|
5
6
|
import { styled } from '@mui/system';
|
|
6
7
|
import { getDataGridUtilityClass, GridMenu, useGridSelector } from '@mui/x-data-grid-pro';
|
|
7
8
|
import composeClasses from '@mui/utils/composeClasses';
|
|
@@ -125,8 +126,8 @@ export function AggregationSelect({
|
|
|
125
126
|
const rootProps = useGridRootProps();
|
|
126
127
|
const [aggregationMenuOpen, setAggregationMenuOpen] = React.useState(false);
|
|
127
128
|
const aggregationMenuTriggerRef = React.useRef(null);
|
|
128
|
-
const aggregationMenuTriggerId =
|
|
129
|
-
const aggregationMenuId =
|
|
129
|
+
const aggregationMenuTriggerId = useId();
|
|
130
|
+
const aggregationMenuId = useId();
|
|
130
131
|
const apiRef = useGridApiContext();
|
|
131
132
|
const aggregationModel = gridAggregationModelSelector(apiRef);
|
|
132
133
|
const pivotActive = gridPivotActiveSelector(apiRef);
|
|
@@ -5,7 +5,7 @@ import * as React from 'react';
|
|
|
5
5
|
import ownerDocument from '@mui/utils/ownerDocument';
|
|
6
6
|
import useEventCallback from '@mui/utils/useEventCallback';
|
|
7
7
|
import { getTotalHeaderHeight, getVisibleRows, isNavigationKey, serializeCellValue, useGridRegisterPipeProcessor } from '@mui/x-data-grid-pro/internals';
|
|
8
|
-
import { useGridEvent, useGridApiMethod, GRID_ACTIONS_COLUMN_TYPE, GRID_CHECKBOX_SELECTION_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, gridClasses, gridFocusCellSelector, GRID_REORDER_COL_DEF, gridSortedRowIdsSelector, gridDimensionsSelector } from '@mui/x-data-grid-pro';
|
|
8
|
+
import { useGridEvent, useGridApiMethod, GRID_ACTIONS_COLUMN_TYPE, GRID_CHECKBOX_SELECTION_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, gridClasses, gridFocusCellSelector, GRID_REORDER_COL_DEF, gridSortedRowIdsSelector, gridDimensionsSelector, GridCellModes } from '@mui/x-data-grid-pro';
|
|
9
9
|
import { gridCellSelectionStateSelector } from "./gridCellSelectionSelector.js";
|
|
10
10
|
export const cellSelectionStateInitializer = (state, props) => _extends({}, state, {
|
|
11
11
|
cellSelection: _extends({}, props.cellSelectionModel ?? props.initialState?.cellSelection)
|
|
@@ -313,6 +313,9 @@ export const useGridCellSelection = (apiRef, props) => {
|
|
|
313
313
|
if (!isNavigationKey(event.key) || !cellWithVirtualFocus.current) {
|
|
314
314
|
return;
|
|
315
315
|
}
|
|
316
|
+
if (event.key === ' ' && params.cellMode === GridCellModes.Edit) {
|
|
317
|
+
return;
|
|
318
|
+
}
|
|
316
319
|
if (!event.shiftKey) {
|
|
317
320
|
apiRef.current.setCellSelectionModel({});
|
|
318
321
|
return;
|
package/esm/index.js
CHANGED
|
@@ -321,6 +321,9 @@ const useGridCellSelection = (apiRef, props) => {
|
|
|
321
321
|
if (!(0, _internals.isNavigationKey)(event.key) || !cellWithVirtualFocus.current) {
|
|
322
322
|
return;
|
|
323
323
|
}
|
|
324
|
+
if (event.key === ' ' && params.cellMode === _xDataGridPro.GridCellModes.Edit) {
|
|
325
|
+
return;
|
|
326
|
+
}
|
|
324
327
|
if (!event.shiftKey) {
|
|
325
328
|
apiRef.current.setCellSelectionModel({});
|
|
326
329
|
return;
|
package/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-data-grid-premium",
|
|
3
|
-
"version": "8.22.
|
|
3
|
+
"version": "8.22.1",
|
|
4
4
|
"author": "MUI Team",
|
|
5
5
|
"description": "The Premium plan edition of the MUI X Data Grid Components.",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
"@mui/x-internal-exceljs-fork": "4.4.3",
|
|
39
39
|
"clsx": "^2.1.1",
|
|
40
40
|
"prop-types": "^15.8.1",
|
|
41
|
-
"@mui/x-data-grid": "8.22.
|
|
42
|
-
"@mui/x-data-grid-pro": "8.22.
|
|
41
|
+
"@mui/x-data-grid": "8.22.1",
|
|
42
|
+
"@mui/x-data-grid-pro": "8.22.1",
|
|
43
43
|
"@mui/x-internals": "8.22.0",
|
|
44
44
|
"@mui/x-license": "8.22.0"
|
|
45
45
|
},
|