@mui/x-data-grid-pro 5.13.0 → 5.13.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 +50 -0
- package/components/DataGridProColumnHeaders.js +14 -7
- package/index.js +1 -1
- package/legacy/components/DataGridProColumnHeaders.js +14 -7
- package/legacy/index.js +1 -1
- package/legacy/utils/releaseInfo.js +1 -1
- package/modern/components/DataGridProColumnHeaders.js +14 -7
- package/modern/index.js +1 -1
- package/modern/utils/releaseInfo.js +1 -1
- package/node/components/DataGridProColumnHeaders.js +14 -7
- package/node/index.js +1 -1
- package/node/utils/releaseInfo.js +1 -1
- package/package.json +4 -4
- package/utils/releaseInfo.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,56 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 5.13.1
|
|
7
|
+
|
|
8
|
+
_Jul 15, 2022_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- ✏️ Enter edit mode when pasting in a cell with Ctrl+V (Cmd+V on macOS) (#5405) @alexfauquette
|
|
13
|
+
- 🌍 Many improvements to the locales
|
|
14
|
+
- 📚 Documentation improvements
|
|
15
|
+
- 🐞 Bugfixes
|
|
16
|
+
|
|
17
|
+
### `@mui/x-data-grid@v5.13.1` / `@mui/x-data-grid-pro@v5.13.1` / `@mui/x-data-grid-premium@v5.13.1`
|
|
18
|
+
|
|
19
|
+
#### Changes
|
|
20
|
+
|
|
21
|
+
- [DataGrid] Fix blank space when using dynamic row height with pagination (#5315) @m4theushw
|
|
22
|
+
- [DataGrid] Start editing with uppercase letter and Ctrl+V (#5405) @alexfauquette
|
|
23
|
+
- [DataGrid] Fix some filters being removed from filter model on filter panel open (#5403) @cherniavskii
|
|
24
|
+
- [DataGridPro] Improve pinned column headers accessibility (#5370) @cherniavskii
|
|
25
|
+
- [l10n] Improve Dutch (nl-NL) locale (#5464) @developenguin
|
|
26
|
+
- [l10n] Improve French (fr-FR) locale (#3211) (#5420) @Zenoo
|
|
27
|
+
- [l10n] Improve German (de-DE) locale (#5448) @sebastianfrey
|
|
28
|
+
- [l10n] Improve Brazilian Portuguese (pt-BR) locale (#5394) @andrepxa
|
|
29
|
+
- [l10n] Improve Romanian (ro-RO) locale (#5449) @rolule
|
|
30
|
+
|
|
31
|
+
### `@mui/x-date-pickers@v5.0.0-beta.1` / `@mui/x-date-picker-pro@5.0.0-beta.1`
|
|
32
|
+
|
|
33
|
+
#### Changes
|
|
34
|
+
|
|
35
|
+
- [pickers] Add Italian (it-IT) locale (#5467) @felixh10r
|
|
36
|
+
- [pickers] Add Spanish (es-ES) locale (#5468) @felixh10r
|
|
37
|
+
- [pickers] Improve French (fr-FR) locale (#5446) @Zenoo
|
|
38
|
+
- [pickers] Improve German (de-DE) locale (#5447) @sebastianfrey
|
|
39
|
+
|
|
40
|
+
### Docs
|
|
41
|
+
|
|
42
|
+
- [docs] Fix typo in the sorting page (#5431) @JosephMarinier
|
|
43
|
+
- [docs] Fix description for "Striped rows" example (#5432) @lindapaiste
|
|
44
|
+
- [docs] Make a clear difference between the license and license key (#5316) @oliviertassinari
|
|
45
|
+
- [docs] Update pickers README files (#5456) @cherniavskii
|
|
46
|
+
- [docs] Clarify the scope of support for MUI X (#5423) @joserodolfofreitas
|
|
47
|
+
|
|
48
|
+
### Core
|
|
49
|
+
|
|
50
|
+
- [core] Add technical support link to \_redirects (#5428) @joserodolfofreitas
|
|
51
|
+
- [core] Improve GitHub bug reproduction template (#5067) @joserodolfofreitas
|
|
52
|
+
- [core] Include playground pages in tsconfig (#5367) @cherniavskii
|
|
53
|
+
- [core] Sort keys like in material-ui @oliviertassinari
|
|
54
|
+
- [test] Wait for flags to load on regression tests (#5473) @m4theushw
|
|
55
|
+
|
|
6
56
|
## 5.13.0
|
|
7
57
|
|
|
8
58
|
_Jul 7, 2022_
|
|
@@ -117,15 +117,21 @@ export const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function D
|
|
|
117
117
|
firstColumnIndex: visibleColumnFields.length - rightPinnedColumns.length,
|
|
118
118
|
lastColumnIndex: visibleColumnFields.length
|
|
119
119
|
}) : null;
|
|
120
|
+
const innerProps = getInnerProps();
|
|
121
|
+
const pinnedColumnHeadersProps = {
|
|
122
|
+
role: innerProps.role,
|
|
123
|
+
'aria-rowindex': innerProps['aria-rowindex']
|
|
124
|
+
};
|
|
120
125
|
return /*#__PURE__*/_jsxs(GridColumnHeaders, _extends({
|
|
121
126
|
ref: ref,
|
|
122
127
|
className: className
|
|
123
128
|
}, getRootProps(other), {
|
|
124
|
-
children: [leftRenderContext && /*#__PURE__*/_jsx(GridColumnHeadersPinnedColumnHeaders, {
|
|
129
|
+
children: [leftRenderContext && /*#__PURE__*/_jsx(GridColumnHeadersPinnedColumnHeaders, _extends({
|
|
125
130
|
className: classes.leftPinnedColumns,
|
|
126
131
|
ownerState: {
|
|
127
132
|
side: GridPinnedPosition.left
|
|
128
|
-
}
|
|
133
|
+
}
|
|
134
|
+
}, pinnedColumnHeadersProps, {
|
|
129
135
|
children: getColumns({
|
|
130
136
|
renderContext: leftRenderContext,
|
|
131
137
|
minFirstColumn: leftRenderContext.firstColumnIndex,
|
|
@@ -133,22 +139,23 @@ export const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function D
|
|
|
133
139
|
}, {
|
|
134
140
|
disableReorder: true
|
|
135
141
|
})
|
|
136
|
-
}), /*#__PURE__*/_jsx(GridColumnHeadersInner, _extends({
|
|
142
|
+
})), /*#__PURE__*/_jsx(GridColumnHeadersInner, _extends({
|
|
137
143
|
isDragging: isDragging
|
|
138
|
-
},
|
|
144
|
+
}, innerProps, {
|
|
139
145
|
children: getColumns({
|
|
140
146
|
renderContext,
|
|
141
147
|
minFirstColumn: leftPinnedColumns.length,
|
|
142
148
|
maxLastColumn: visibleColumnFields.length - rightPinnedColumns.length
|
|
143
149
|
})
|
|
144
|
-
})), rightRenderContext && /*#__PURE__*/_jsx(GridColumnHeadersPinnedColumnHeaders, {
|
|
150
|
+
})), rightRenderContext && /*#__PURE__*/_jsx(GridColumnHeadersPinnedColumnHeaders, _extends({
|
|
145
151
|
ownerState: {
|
|
146
152
|
side: GridPinnedPosition.right
|
|
147
153
|
},
|
|
148
154
|
className: classes.rightPinnedColumns,
|
|
149
155
|
style: {
|
|
150
156
|
paddingRight: scrollbarSize
|
|
151
|
-
}
|
|
157
|
+
}
|
|
158
|
+
}, pinnedColumnHeadersProps, {
|
|
152
159
|
children: getColumns({
|
|
153
160
|
renderContext: rightRenderContext,
|
|
154
161
|
minFirstColumn: rightRenderContext.firstColumnIndex,
|
|
@@ -157,6 +164,6 @@ export const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function D
|
|
|
157
164
|
disableReorder: true,
|
|
158
165
|
separatorSide: GridColumnHeaderSeparatorSides.Left
|
|
159
166
|
})
|
|
160
|
-
})]
|
|
167
|
+
}))]
|
|
161
168
|
}));
|
|
162
169
|
});
|
package/index.js
CHANGED
|
@@ -125,15 +125,21 @@ export var DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function Dat
|
|
|
125
125
|
firstColumnIndex: visibleColumnFields.length - rightPinnedColumns.length,
|
|
126
126
|
lastColumnIndex: visibleColumnFields.length
|
|
127
127
|
}) : null;
|
|
128
|
+
var innerProps = getInnerProps();
|
|
129
|
+
var pinnedColumnHeadersProps = {
|
|
130
|
+
role: innerProps.role,
|
|
131
|
+
'aria-rowindex': innerProps['aria-rowindex']
|
|
132
|
+
};
|
|
128
133
|
return /*#__PURE__*/_jsxs(GridColumnHeaders, _extends({
|
|
129
134
|
ref: ref,
|
|
130
135
|
className: className
|
|
131
136
|
}, getRootProps(other), {
|
|
132
|
-
children: [leftRenderContext && /*#__PURE__*/_jsx(GridColumnHeadersPinnedColumnHeaders, {
|
|
137
|
+
children: [leftRenderContext && /*#__PURE__*/_jsx(GridColumnHeadersPinnedColumnHeaders, _extends({
|
|
133
138
|
className: classes.leftPinnedColumns,
|
|
134
139
|
ownerState: {
|
|
135
140
|
side: GridPinnedPosition.left
|
|
136
|
-
}
|
|
141
|
+
}
|
|
142
|
+
}, pinnedColumnHeadersProps, {
|
|
137
143
|
children: getColumns({
|
|
138
144
|
renderContext: leftRenderContext,
|
|
139
145
|
minFirstColumn: leftRenderContext.firstColumnIndex,
|
|
@@ -141,22 +147,23 @@ export var DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function Dat
|
|
|
141
147
|
}, {
|
|
142
148
|
disableReorder: true
|
|
143
149
|
})
|
|
144
|
-
}), /*#__PURE__*/_jsx(GridColumnHeadersInner, _extends({
|
|
150
|
+
})), /*#__PURE__*/_jsx(GridColumnHeadersInner, _extends({
|
|
145
151
|
isDragging: isDragging
|
|
146
|
-
},
|
|
152
|
+
}, innerProps, {
|
|
147
153
|
children: getColumns({
|
|
148
154
|
renderContext: renderContext,
|
|
149
155
|
minFirstColumn: leftPinnedColumns.length,
|
|
150
156
|
maxLastColumn: visibleColumnFields.length - rightPinnedColumns.length
|
|
151
157
|
})
|
|
152
|
-
})), rightRenderContext && /*#__PURE__*/_jsx(GridColumnHeadersPinnedColumnHeaders, {
|
|
158
|
+
})), rightRenderContext && /*#__PURE__*/_jsx(GridColumnHeadersPinnedColumnHeaders, _extends({
|
|
153
159
|
ownerState: {
|
|
154
160
|
side: GridPinnedPosition.right
|
|
155
161
|
},
|
|
156
162
|
className: classes.rightPinnedColumns,
|
|
157
163
|
style: {
|
|
158
164
|
paddingRight: scrollbarSize
|
|
159
|
-
}
|
|
165
|
+
}
|
|
166
|
+
}, pinnedColumnHeadersProps, {
|
|
160
167
|
children: getColumns({
|
|
161
168
|
renderContext: rightRenderContext,
|
|
162
169
|
minFirstColumn: rightRenderContext.firstColumnIndex,
|
|
@@ -165,6 +172,6 @@ export var DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function Dat
|
|
|
165
172
|
disableReorder: true,
|
|
166
173
|
separatorSide: GridColumnHeaderSeparatorSides.Left
|
|
167
174
|
})
|
|
168
|
-
})]
|
|
175
|
+
}))]
|
|
169
176
|
}));
|
|
170
177
|
});
|
package/legacy/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export var getReleaseInfo = function getReleaseInfo() {
|
|
3
|
-
var releaseInfo = "
|
|
3
|
+
var releaseInfo = "MTY1Nzg1NDAwMDAwMA==";
|
|
4
4
|
|
|
5
5
|
if (process.env.NODE_ENV !== 'production') {
|
|
6
6
|
// A simple hack to set the value in the test environment (has no build step).
|
|
@@ -117,15 +117,21 @@ export const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function D
|
|
|
117
117
|
firstColumnIndex: visibleColumnFields.length - rightPinnedColumns.length,
|
|
118
118
|
lastColumnIndex: visibleColumnFields.length
|
|
119
119
|
}) : null;
|
|
120
|
+
const innerProps = getInnerProps();
|
|
121
|
+
const pinnedColumnHeadersProps = {
|
|
122
|
+
role: innerProps.role,
|
|
123
|
+
'aria-rowindex': innerProps['aria-rowindex']
|
|
124
|
+
};
|
|
120
125
|
return /*#__PURE__*/_jsxs(GridColumnHeaders, _extends({
|
|
121
126
|
ref: ref,
|
|
122
127
|
className: className
|
|
123
128
|
}, getRootProps(other), {
|
|
124
|
-
children: [leftRenderContext && /*#__PURE__*/_jsx(GridColumnHeadersPinnedColumnHeaders, {
|
|
129
|
+
children: [leftRenderContext && /*#__PURE__*/_jsx(GridColumnHeadersPinnedColumnHeaders, _extends({
|
|
125
130
|
className: classes.leftPinnedColumns,
|
|
126
131
|
ownerState: {
|
|
127
132
|
side: GridPinnedPosition.left
|
|
128
|
-
}
|
|
133
|
+
}
|
|
134
|
+
}, pinnedColumnHeadersProps, {
|
|
129
135
|
children: getColumns({
|
|
130
136
|
renderContext: leftRenderContext,
|
|
131
137
|
minFirstColumn: leftRenderContext.firstColumnIndex,
|
|
@@ -133,22 +139,23 @@ export const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function D
|
|
|
133
139
|
}, {
|
|
134
140
|
disableReorder: true
|
|
135
141
|
})
|
|
136
|
-
}), /*#__PURE__*/_jsx(GridColumnHeadersInner, _extends({
|
|
142
|
+
})), /*#__PURE__*/_jsx(GridColumnHeadersInner, _extends({
|
|
137
143
|
isDragging: isDragging
|
|
138
|
-
},
|
|
144
|
+
}, innerProps, {
|
|
139
145
|
children: getColumns({
|
|
140
146
|
renderContext,
|
|
141
147
|
minFirstColumn: leftPinnedColumns.length,
|
|
142
148
|
maxLastColumn: visibleColumnFields.length - rightPinnedColumns.length
|
|
143
149
|
})
|
|
144
|
-
})), rightRenderContext && /*#__PURE__*/_jsx(GridColumnHeadersPinnedColumnHeaders, {
|
|
150
|
+
})), rightRenderContext && /*#__PURE__*/_jsx(GridColumnHeadersPinnedColumnHeaders, _extends({
|
|
145
151
|
ownerState: {
|
|
146
152
|
side: GridPinnedPosition.right
|
|
147
153
|
},
|
|
148
154
|
className: classes.rightPinnedColumns,
|
|
149
155
|
style: {
|
|
150
156
|
paddingRight: scrollbarSize
|
|
151
|
-
}
|
|
157
|
+
}
|
|
158
|
+
}, pinnedColumnHeadersProps, {
|
|
152
159
|
children: getColumns({
|
|
153
160
|
renderContext: rightRenderContext,
|
|
154
161
|
minFirstColumn: rightRenderContext.firstColumnIndex,
|
|
@@ -157,6 +164,6 @@ export const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function D
|
|
|
157
164
|
disableReorder: true,
|
|
158
165
|
separatorSide: GridColumnHeaderSeparatorSides.Left
|
|
159
166
|
})
|
|
160
|
-
})]
|
|
167
|
+
}))]
|
|
161
168
|
}));
|
|
162
169
|
});
|
package/modern/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTY1Nzg1NDAwMDAwMA==";
|
|
4
4
|
|
|
5
5
|
if (process.env.NODE_ENV !== 'production') {
|
|
6
6
|
// A simple hack to set the value in the test environment (has no build step).
|
|
@@ -141,15 +141,21 @@ const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function DataGrid
|
|
|
141
141
|
firstColumnIndex: visibleColumnFields.length - rightPinnedColumns.length,
|
|
142
142
|
lastColumnIndex: visibleColumnFields.length
|
|
143
143
|
}) : null;
|
|
144
|
+
const innerProps = getInnerProps();
|
|
145
|
+
const pinnedColumnHeadersProps = {
|
|
146
|
+
role: innerProps.role,
|
|
147
|
+
'aria-rowindex': innerProps['aria-rowindex']
|
|
148
|
+
};
|
|
144
149
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.GridColumnHeaders, (0, _extends2.default)({
|
|
145
150
|
ref: ref,
|
|
146
151
|
className: className
|
|
147
152
|
}, getRootProps(other), {
|
|
148
|
-
children: [leftRenderContext && /*#__PURE__*/(0, _jsxRuntime.jsx)(GridColumnHeadersPinnedColumnHeaders, {
|
|
153
|
+
children: [leftRenderContext && /*#__PURE__*/(0, _jsxRuntime.jsx)(GridColumnHeadersPinnedColumnHeaders, (0, _extends2.default)({
|
|
149
154
|
className: classes.leftPinnedColumns,
|
|
150
155
|
ownerState: {
|
|
151
156
|
side: _columnPinning.GridPinnedPosition.left
|
|
152
|
-
}
|
|
157
|
+
}
|
|
158
|
+
}, pinnedColumnHeadersProps, {
|
|
153
159
|
children: getColumns({
|
|
154
160
|
renderContext: leftRenderContext,
|
|
155
161
|
minFirstColumn: leftRenderContext.firstColumnIndex,
|
|
@@ -157,22 +163,23 @@ const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function DataGrid
|
|
|
157
163
|
}, {
|
|
158
164
|
disableReorder: true
|
|
159
165
|
})
|
|
160
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.GridColumnHeadersInner, (0, _extends2.default)({
|
|
166
|
+
})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.GridColumnHeadersInner, (0, _extends2.default)({
|
|
161
167
|
isDragging: isDragging
|
|
162
|
-
},
|
|
168
|
+
}, innerProps, {
|
|
163
169
|
children: getColumns({
|
|
164
170
|
renderContext,
|
|
165
171
|
minFirstColumn: leftPinnedColumns.length,
|
|
166
172
|
maxLastColumn: visibleColumnFields.length - rightPinnedColumns.length
|
|
167
173
|
})
|
|
168
|
-
})), rightRenderContext && /*#__PURE__*/(0, _jsxRuntime.jsx)(GridColumnHeadersPinnedColumnHeaders, {
|
|
174
|
+
})), rightRenderContext && /*#__PURE__*/(0, _jsxRuntime.jsx)(GridColumnHeadersPinnedColumnHeaders, (0, _extends2.default)({
|
|
169
175
|
ownerState: {
|
|
170
176
|
side: _columnPinning.GridPinnedPosition.right
|
|
171
177
|
},
|
|
172
178
|
className: classes.rightPinnedColumns,
|
|
173
179
|
style: {
|
|
174
180
|
paddingRight: scrollbarSize
|
|
175
|
-
}
|
|
181
|
+
}
|
|
182
|
+
}, pinnedColumnHeadersProps, {
|
|
176
183
|
children: getColumns({
|
|
177
184
|
renderContext: rightRenderContext,
|
|
178
185
|
minFirstColumn: rightRenderContext.firstColumnIndex,
|
|
@@ -181,7 +188,7 @@ const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function DataGrid
|
|
|
181
188
|
disableReorder: true,
|
|
182
189
|
separatorSide: _xDataGrid.GridColumnHeaderSeparatorSides.Left
|
|
183
190
|
})
|
|
184
|
-
})]
|
|
191
|
+
}))]
|
|
185
192
|
}));
|
|
186
193
|
});
|
|
187
194
|
exports.DataGridProColumnHeaders = DataGridProColumnHeaders;
|
package/node/index.js
CHANGED
|
@@ -8,7 +8,7 @@ exports.getReleaseInfo = void 0;
|
|
|
8
8
|
var _utils = require("@mui/utils");
|
|
9
9
|
|
|
10
10
|
const getReleaseInfo = () => {
|
|
11
|
-
const releaseInfo = "
|
|
11
|
+
const releaseInfo = "MTY1Nzg1NDAwMDAwMA==";
|
|
12
12
|
|
|
13
13
|
if (process.env.NODE_ENV !== 'production') {
|
|
14
14
|
// A simple hack to set the value in the test environment (has no build step).
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-data-grid-pro",
|
|
3
|
-
"version": "5.13.
|
|
3
|
+
"version": "5.13.1",
|
|
4
4
|
"description": "The Pro plan edition of the data grid component (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./node/index.js",
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
"directory": "packages/grid/x-data-grid-pro"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@babel/runtime": "^7.
|
|
34
|
+
"@babel/runtime": "^7.18.6",
|
|
35
35
|
"@mui/utils": "^5.4.1",
|
|
36
|
-
"@mui/x-data-grid": "5.13.
|
|
37
|
-
"@mui/x-license-pro": "5.
|
|
36
|
+
"@mui/x-data-grid": "5.13.1",
|
|
37
|
+
"@mui/x-license-pro": "5.13.1",
|
|
38
38
|
"@types/format-util": "^1.0.2",
|
|
39
39
|
"clsx": "^1.2.1",
|
|
40
40
|
"prop-types": "^15.8.1",
|
package/utils/releaseInfo.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTY1Nzg1NDAwMDAwMA==";
|
|
4
4
|
|
|
5
5
|
if (process.env.NODE_ENV !== 'production') {
|
|
6
6
|
// A simple hack to set the value in the test environment (has no build step).
|