@mui/x-data-grid 7.27.1 → 7.27.2
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 +36 -0
- package/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -2
- package/index.js +1 -1
- package/locales/huHU.js +7 -8
- package/locales/ruRU.js +5 -6
- package/models/gridSortModel.d.ts +1 -1
- package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -2
- package/modern/index.js +1 -1
- package/modern/locales/huHU.js +7 -8
- package/modern/locales/ruRU.js +5 -6
- package/node/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -2
- package/node/index.js +1 -1
- package/node/locales/huHU.js +7 -8
- package/node/locales/ruRU.js +5 -6
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,42 @@
|
|
|
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.27.2
|
|
7
|
+
|
|
8
|
+
<!-- generated comparing v7.27.1..v7.x -->
|
|
9
|
+
|
|
10
|
+
_Feb 27, 2025_
|
|
11
|
+
|
|
12
|
+
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
|
|
13
|
+
|
|
14
|
+
- 🐞 Bugfixes
|
|
15
|
+
- 🌍 Improve Hungarian (hu-HU) and Russian (ru-RU) locales on the Data Grid
|
|
16
|
+
|
|
17
|
+
Special thanks go out to the community contributors who have helped make this release possible:
|
|
18
|
+
@pcorpet, @noherczeg, @denpiligrim.
|
|
19
|
+
Following are all team members who have contributed to this release:
|
|
20
|
+
@MBilalShafi, @KenanYusuf.
|
|
21
|
+
|
|
22
|
+
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
|
|
23
|
+
|
|
24
|
+
### Data Grid
|
|
25
|
+
|
|
26
|
+
#### `@mui/x-data-grid@v7.27.2`
|
|
27
|
+
|
|
28
|
+
- [DataGrid] Fix `showColumnVerticalBorder` prop (#16726) @KenanYusuf
|
|
29
|
+
- [DataGrid] Make server-side data navigation consistent (#16735) @MBilalShafi
|
|
30
|
+
- [DataGrid] Use readonly array for `GridSortModel` (#16731) @pcorpet
|
|
31
|
+
- [l10n] Improve Hungarian (hu-HU) locale (#16746) @noherczeg
|
|
32
|
+
- [l10n] Improve Russian (ru-RU) locale (#16725) @denpiligrim
|
|
33
|
+
|
|
34
|
+
#### `@mui/x-data-grid-pro@v7.27.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
35
|
+
|
|
36
|
+
Same changes as in `@mui/x-data-grid@v7.27.2`.
|
|
37
|
+
|
|
38
|
+
#### `@mui/x-data-grid-premium@v7.27.2` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
39
|
+
|
|
40
|
+
Same changes as in `@mui/x-data-grid-pro@v7.27.2`.
|
|
41
|
+
|
|
6
42
|
## 7.27.1
|
|
7
43
|
|
|
8
44
|
_Feb 25, 2025_
|
|
@@ -135,7 +135,7 @@ export const useGridColumnHeaders = props => {
|
|
|
135
135
|
const indexInSection = i;
|
|
136
136
|
const sectionLength = renderedColumns.length;
|
|
137
137
|
const showLeftBorder = shouldCellShowLeftBorder(pinnedPosition, indexInSection);
|
|
138
|
-
const showRightBorder = shouldCellShowRightBorder(pinnedPosition, indexInSection, sectionLength, rootProps.
|
|
138
|
+
const showRightBorder = shouldCellShowRightBorder(pinnedPosition, indexInSection, sectionLength, rootProps.showColumnVerticalBorder, gridHasFiller);
|
|
139
139
|
columns.push(/*#__PURE__*/_jsx(GridColumnHeaderItem, _extends({}, sortColumnLookup[colDef.field], {
|
|
140
140
|
columnMenuOpen: open,
|
|
141
141
|
filterItemsCounter: filterColumnLookup[colDef.field] && filterColumnLookup[colDef.field].length,
|
|
@@ -252,7 +252,7 @@ export const useGridColumnHeaders = props => {
|
|
|
252
252
|
pinnedPosition: pinnedPosition,
|
|
253
253
|
pinnedOffset: pinnedOffset,
|
|
254
254
|
showLeftBorder: shouldCellShowLeftBorder(pinnedPosition, indexInSection),
|
|
255
|
-
showRightBorder: shouldCellShowRightBorder(pinnedPosition, indexInSection, visibleColumnGroupHeader.length, rootProps.
|
|
255
|
+
showRightBorder: shouldCellShowRightBorder(pinnedPosition, indexInSection, visibleColumnGroupHeader.length, rootProps.showColumnVerticalBorder, gridHasFiller)
|
|
256
256
|
}, index);
|
|
257
257
|
});
|
|
258
258
|
return getFillers(params, children, leftOverflow);
|
package/index.js
CHANGED
package/locales/huHU.js
CHANGED
|
@@ -34,8 +34,7 @@ const huHUGrid = {
|
|
|
34
34
|
columnsManagementNoColumns: 'Nincsenek oszlopok',
|
|
35
35
|
columnsManagementShowHideAllText: 'Összes',
|
|
36
36
|
columnsManagementReset: 'Visszavon',
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
columnsManagementDeleteIconLabel: 'Törlés',
|
|
39
38
|
// Filter panel text
|
|
40
39
|
filterPanelAddFilter: 'Szűrő hozzáadása',
|
|
41
40
|
filterPanelRemoveAll: 'Összes törlése',
|
|
@@ -49,9 +48,9 @@ const huHUGrid = {
|
|
|
49
48
|
filterPanelInputPlaceholder: 'Érték szűrése',
|
|
50
49
|
// Filter operators text
|
|
51
50
|
filterOperatorContains: 'tartalmazza:',
|
|
52
|
-
|
|
51
|
+
filterOperatorDoesNotContain: 'nem tartalmazza',
|
|
53
52
|
filterOperatorEquals: 'egyenlő ezzel:',
|
|
54
|
-
|
|
53
|
+
filterOperatorDoesNotEqual: 'nem egyenlő',
|
|
55
54
|
filterOperatorStartsWith: 'ezzel kezdődik:',
|
|
56
55
|
filterOperatorEndsWith: 'ezzel végződik:',
|
|
57
56
|
filterOperatorIs: 'a következő:',
|
|
@@ -71,13 +70,13 @@ const huHUGrid = {
|
|
|
71
70
|
'filterOperator<=': '<=',
|
|
72
71
|
// Header filter operators text
|
|
73
72
|
headerFilterOperatorContains: 'Tartalmazza:',
|
|
74
|
-
|
|
73
|
+
headerFilterOperatorDoesNotContain: 'Nem tartalmazza',
|
|
75
74
|
headerFilterOperatorEquals: 'Egyenlő ezzel:',
|
|
76
|
-
|
|
75
|
+
headerFilterOperatorDoesNotEqual: 'Nem egyenlő',
|
|
77
76
|
headerFilterOperatorStartsWith: 'Ezzel kezdődik:',
|
|
78
77
|
headerFilterOperatorEndsWith: 'Ezzel végződik:',
|
|
79
|
-
|
|
80
|
-
|
|
78
|
+
headerFilterOperatorIs: 'Megegyezik',
|
|
79
|
+
headerFilterOperatorNot: 'Nem egyezik meg',
|
|
81
80
|
headerFilterOperatorAfter: 'Ezutáni:',
|
|
82
81
|
headerFilterOperatorOnOrAfter: 'Ekkori vagy ezutáni:',
|
|
83
82
|
headerFilterOperatorBefore: 'Ezelőtti:',
|
package/locales/ruRU.js
CHANGED
|
@@ -49,8 +49,7 @@ const ruRUGrid = {
|
|
|
49
49
|
columnsManagementNoColumns: 'Нет столбцов',
|
|
50
50
|
columnsManagementShowHideAllText: 'Показать/Скрыть Всё',
|
|
51
51
|
columnsManagementReset: 'Сбросить',
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
columnsManagementDeleteIconLabel: 'Очистить',
|
|
54
53
|
// Filter panel text
|
|
55
54
|
filterPanelAddFilter: 'Добавить фильтр',
|
|
56
55
|
filterPanelRemoveAll: 'Очистить фильтр',
|
|
@@ -64,9 +63,9 @@ const ruRUGrid = {
|
|
|
64
63
|
filterPanelInputPlaceholder: 'Значение фильтра',
|
|
65
64
|
// Filter operators text
|
|
66
65
|
filterOperatorContains: 'содержит',
|
|
67
|
-
|
|
66
|
+
filterOperatorDoesNotContain: 'не содержит',
|
|
68
67
|
filterOperatorEquals: 'равен',
|
|
69
|
-
|
|
68
|
+
filterOperatorDoesNotEqual: 'не равен',
|
|
70
69
|
filterOperatorStartsWith: 'начинается с',
|
|
71
70
|
filterOperatorEndsWith: 'заканчивается на',
|
|
72
71
|
filterOperatorIs: 'равен',
|
|
@@ -86,9 +85,9 @@ const ruRUGrid = {
|
|
|
86
85
|
'filterOperator<=': '<=',
|
|
87
86
|
// Header filter operators text
|
|
88
87
|
headerFilterOperatorContains: 'содержит',
|
|
89
|
-
|
|
88
|
+
headerFilterOperatorDoesNotContain: 'не содержит',
|
|
90
89
|
headerFilterOperatorEquals: 'равен',
|
|
91
|
-
|
|
90
|
+
headerFilterOperatorDoesNotEqual: 'не равен',
|
|
92
91
|
headerFilterOperatorStartsWith: 'начинается с',
|
|
93
92
|
headerFilterOperatorEndsWith: 'заканчивается на',
|
|
94
93
|
headerFilterOperatorIs: 'равен',
|
|
@@ -135,7 +135,7 @@ export const useGridColumnHeaders = props => {
|
|
|
135
135
|
const indexInSection = i;
|
|
136
136
|
const sectionLength = renderedColumns.length;
|
|
137
137
|
const showLeftBorder = shouldCellShowLeftBorder(pinnedPosition, indexInSection);
|
|
138
|
-
const showRightBorder = shouldCellShowRightBorder(pinnedPosition, indexInSection, sectionLength, rootProps.
|
|
138
|
+
const showRightBorder = shouldCellShowRightBorder(pinnedPosition, indexInSection, sectionLength, rootProps.showColumnVerticalBorder, gridHasFiller);
|
|
139
139
|
columns.push(/*#__PURE__*/_jsx(GridColumnHeaderItem, _extends({}, sortColumnLookup[colDef.field], {
|
|
140
140
|
columnMenuOpen: open,
|
|
141
141
|
filterItemsCounter: filterColumnLookup[colDef.field] && filterColumnLookup[colDef.field].length,
|
|
@@ -252,7 +252,7 @@ export const useGridColumnHeaders = props => {
|
|
|
252
252
|
pinnedPosition: pinnedPosition,
|
|
253
253
|
pinnedOffset: pinnedOffset,
|
|
254
254
|
showLeftBorder: shouldCellShowLeftBorder(pinnedPosition, indexInSection),
|
|
255
|
-
showRightBorder: shouldCellShowRightBorder(pinnedPosition, indexInSection, visibleColumnGroupHeader.length, rootProps.
|
|
255
|
+
showRightBorder: shouldCellShowRightBorder(pinnedPosition, indexInSection, visibleColumnGroupHeader.length, rootProps.showColumnVerticalBorder, gridHasFiller)
|
|
256
256
|
}, index);
|
|
257
257
|
});
|
|
258
258
|
return getFillers(params, children, leftOverflow);
|
package/modern/index.js
CHANGED
package/modern/locales/huHU.js
CHANGED
|
@@ -34,8 +34,7 @@ const huHUGrid = {
|
|
|
34
34
|
columnsManagementNoColumns: 'Nincsenek oszlopok',
|
|
35
35
|
columnsManagementShowHideAllText: 'Összes',
|
|
36
36
|
columnsManagementReset: 'Visszavon',
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
columnsManagementDeleteIconLabel: 'Törlés',
|
|
39
38
|
// Filter panel text
|
|
40
39
|
filterPanelAddFilter: 'Szűrő hozzáadása',
|
|
41
40
|
filterPanelRemoveAll: 'Összes törlése',
|
|
@@ -49,9 +48,9 @@ const huHUGrid = {
|
|
|
49
48
|
filterPanelInputPlaceholder: 'Érték szűrése',
|
|
50
49
|
// Filter operators text
|
|
51
50
|
filterOperatorContains: 'tartalmazza:',
|
|
52
|
-
|
|
51
|
+
filterOperatorDoesNotContain: 'nem tartalmazza',
|
|
53
52
|
filterOperatorEquals: 'egyenlő ezzel:',
|
|
54
|
-
|
|
53
|
+
filterOperatorDoesNotEqual: 'nem egyenlő',
|
|
55
54
|
filterOperatorStartsWith: 'ezzel kezdődik:',
|
|
56
55
|
filterOperatorEndsWith: 'ezzel végződik:',
|
|
57
56
|
filterOperatorIs: 'a következő:',
|
|
@@ -71,13 +70,13 @@ const huHUGrid = {
|
|
|
71
70
|
'filterOperator<=': '<=',
|
|
72
71
|
// Header filter operators text
|
|
73
72
|
headerFilterOperatorContains: 'Tartalmazza:',
|
|
74
|
-
|
|
73
|
+
headerFilterOperatorDoesNotContain: 'Nem tartalmazza',
|
|
75
74
|
headerFilterOperatorEquals: 'Egyenlő ezzel:',
|
|
76
|
-
|
|
75
|
+
headerFilterOperatorDoesNotEqual: 'Nem egyenlő',
|
|
77
76
|
headerFilterOperatorStartsWith: 'Ezzel kezdődik:',
|
|
78
77
|
headerFilterOperatorEndsWith: 'Ezzel végződik:',
|
|
79
|
-
|
|
80
|
-
|
|
78
|
+
headerFilterOperatorIs: 'Megegyezik',
|
|
79
|
+
headerFilterOperatorNot: 'Nem egyezik meg',
|
|
81
80
|
headerFilterOperatorAfter: 'Ezutáni:',
|
|
82
81
|
headerFilterOperatorOnOrAfter: 'Ekkori vagy ezutáni:',
|
|
83
82
|
headerFilterOperatorBefore: 'Ezelőtti:',
|
package/modern/locales/ruRU.js
CHANGED
|
@@ -49,8 +49,7 @@ const ruRUGrid = {
|
|
|
49
49
|
columnsManagementNoColumns: 'Нет столбцов',
|
|
50
50
|
columnsManagementShowHideAllText: 'Показать/Скрыть Всё',
|
|
51
51
|
columnsManagementReset: 'Сбросить',
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
columnsManagementDeleteIconLabel: 'Очистить',
|
|
54
53
|
// Filter panel text
|
|
55
54
|
filterPanelAddFilter: 'Добавить фильтр',
|
|
56
55
|
filterPanelRemoveAll: 'Очистить фильтр',
|
|
@@ -64,9 +63,9 @@ const ruRUGrid = {
|
|
|
64
63
|
filterPanelInputPlaceholder: 'Значение фильтра',
|
|
65
64
|
// Filter operators text
|
|
66
65
|
filterOperatorContains: 'содержит',
|
|
67
|
-
|
|
66
|
+
filterOperatorDoesNotContain: 'не содержит',
|
|
68
67
|
filterOperatorEquals: 'равен',
|
|
69
|
-
|
|
68
|
+
filterOperatorDoesNotEqual: 'не равен',
|
|
70
69
|
filterOperatorStartsWith: 'начинается с',
|
|
71
70
|
filterOperatorEndsWith: 'заканчивается на',
|
|
72
71
|
filterOperatorIs: 'равен',
|
|
@@ -86,9 +85,9 @@ const ruRUGrid = {
|
|
|
86
85
|
'filterOperator<=': '<=',
|
|
87
86
|
// Header filter operators text
|
|
88
87
|
headerFilterOperatorContains: 'содержит',
|
|
89
|
-
|
|
88
|
+
headerFilterOperatorDoesNotContain: 'не содержит',
|
|
90
89
|
headerFilterOperatorEquals: 'равен',
|
|
91
|
-
|
|
90
|
+
headerFilterOperatorDoesNotEqual: 'не равен',
|
|
92
91
|
headerFilterOperatorStartsWith: 'начинается с',
|
|
93
92
|
headerFilterOperatorEndsWith: 'заканчивается на',
|
|
94
93
|
headerFilterOperatorIs: 'равен',
|
|
@@ -143,7 +143,7 @@ const useGridColumnHeaders = props => {
|
|
|
143
143
|
const indexInSection = i;
|
|
144
144
|
const sectionLength = renderedColumns.length;
|
|
145
145
|
const showLeftBorder = (0, _cellBorderUtils.shouldCellShowLeftBorder)(pinnedPosition, indexInSection);
|
|
146
|
-
const showRightBorder = (0, _cellBorderUtils.shouldCellShowRightBorder)(pinnedPosition, indexInSection, sectionLength, rootProps.
|
|
146
|
+
const showRightBorder = (0, _cellBorderUtils.shouldCellShowRightBorder)(pinnedPosition, indexInSection, sectionLength, rootProps.showColumnVerticalBorder, gridHasFiller);
|
|
147
147
|
columns.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_GridColumnHeaderItem.GridColumnHeaderItem, (0, _extends2.default)({}, sortColumnLookup[colDef.field], {
|
|
148
148
|
columnMenuOpen: open,
|
|
149
149
|
filterItemsCounter: filterColumnLookup[colDef.field] && filterColumnLookup[colDef.field].length,
|
|
@@ -260,7 +260,7 @@ const useGridColumnHeaders = props => {
|
|
|
260
260
|
pinnedPosition: pinnedPosition,
|
|
261
261
|
pinnedOffset: pinnedOffset,
|
|
262
262
|
showLeftBorder: (0, _cellBorderUtils.shouldCellShowLeftBorder)(pinnedPosition, indexInSection),
|
|
263
|
-
showRightBorder: (0, _cellBorderUtils.shouldCellShowRightBorder)(pinnedPosition, indexInSection, visibleColumnGroupHeader.length, rootProps.
|
|
263
|
+
showRightBorder: (0, _cellBorderUtils.shouldCellShowRightBorder)(pinnedPosition, indexInSection, visibleColumnGroupHeader.length, rootProps.showColumnVerticalBorder, gridHasFiller)
|
|
264
264
|
}, index);
|
|
265
265
|
});
|
|
266
266
|
return getFillers(params, children, leftOverflow);
|
package/node/index.js
CHANGED
package/node/locales/huHU.js
CHANGED
|
@@ -40,8 +40,7 @@ const huHUGrid = {
|
|
|
40
40
|
columnsManagementNoColumns: 'Nincsenek oszlopok',
|
|
41
41
|
columnsManagementShowHideAllText: 'Összes',
|
|
42
42
|
columnsManagementReset: 'Visszavon',
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
columnsManagementDeleteIconLabel: 'Törlés',
|
|
45
44
|
// Filter panel text
|
|
46
45
|
filterPanelAddFilter: 'Szűrő hozzáadása',
|
|
47
46
|
filterPanelRemoveAll: 'Összes törlése',
|
|
@@ -55,9 +54,9 @@ const huHUGrid = {
|
|
|
55
54
|
filterPanelInputPlaceholder: 'Érték szűrése',
|
|
56
55
|
// Filter operators text
|
|
57
56
|
filterOperatorContains: 'tartalmazza:',
|
|
58
|
-
|
|
57
|
+
filterOperatorDoesNotContain: 'nem tartalmazza',
|
|
59
58
|
filterOperatorEquals: 'egyenlő ezzel:',
|
|
60
|
-
|
|
59
|
+
filterOperatorDoesNotEqual: 'nem egyenlő',
|
|
61
60
|
filterOperatorStartsWith: 'ezzel kezdődik:',
|
|
62
61
|
filterOperatorEndsWith: 'ezzel végződik:',
|
|
63
62
|
filterOperatorIs: 'a következő:',
|
|
@@ -77,13 +76,13 @@ const huHUGrid = {
|
|
|
77
76
|
'filterOperator<=': '<=',
|
|
78
77
|
// Header filter operators text
|
|
79
78
|
headerFilterOperatorContains: 'Tartalmazza:',
|
|
80
|
-
|
|
79
|
+
headerFilterOperatorDoesNotContain: 'Nem tartalmazza',
|
|
81
80
|
headerFilterOperatorEquals: 'Egyenlő ezzel:',
|
|
82
|
-
|
|
81
|
+
headerFilterOperatorDoesNotEqual: 'Nem egyenlő',
|
|
83
82
|
headerFilterOperatorStartsWith: 'Ezzel kezdődik:',
|
|
84
83
|
headerFilterOperatorEndsWith: 'Ezzel végződik:',
|
|
85
|
-
|
|
86
|
-
|
|
84
|
+
headerFilterOperatorIs: 'Megegyezik',
|
|
85
|
+
headerFilterOperatorNot: 'Nem egyezik meg',
|
|
87
86
|
headerFilterOperatorAfter: 'Ezutáni:',
|
|
88
87
|
headerFilterOperatorOnOrAfter: 'Ekkori vagy ezutáni:',
|
|
89
88
|
headerFilterOperatorBefore: 'Ezelőtti:',
|
package/node/locales/ruRU.js
CHANGED
|
@@ -55,8 +55,7 @@ const ruRUGrid = {
|
|
|
55
55
|
columnsManagementNoColumns: 'Нет столбцов',
|
|
56
56
|
columnsManagementShowHideAllText: 'Показать/Скрыть Всё',
|
|
57
57
|
columnsManagementReset: 'Сбросить',
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
columnsManagementDeleteIconLabel: 'Очистить',
|
|
60
59
|
// Filter panel text
|
|
61
60
|
filterPanelAddFilter: 'Добавить фильтр',
|
|
62
61
|
filterPanelRemoveAll: 'Очистить фильтр',
|
|
@@ -70,9 +69,9 @@ const ruRUGrid = {
|
|
|
70
69
|
filterPanelInputPlaceholder: 'Значение фильтра',
|
|
71
70
|
// Filter operators text
|
|
72
71
|
filterOperatorContains: 'содержит',
|
|
73
|
-
|
|
72
|
+
filterOperatorDoesNotContain: 'не содержит',
|
|
74
73
|
filterOperatorEquals: 'равен',
|
|
75
|
-
|
|
74
|
+
filterOperatorDoesNotEqual: 'не равен',
|
|
76
75
|
filterOperatorStartsWith: 'начинается с',
|
|
77
76
|
filterOperatorEndsWith: 'заканчивается на',
|
|
78
77
|
filterOperatorIs: 'равен',
|
|
@@ -92,9 +91,9 @@ const ruRUGrid = {
|
|
|
92
91
|
'filterOperator<=': '<=',
|
|
93
92
|
// Header filter operators text
|
|
94
93
|
headerFilterOperatorContains: 'содержит',
|
|
95
|
-
|
|
94
|
+
headerFilterOperatorDoesNotContain: 'не содержит',
|
|
96
95
|
headerFilterOperatorEquals: 'равен',
|
|
97
|
-
|
|
96
|
+
headerFilterOperatorDoesNotEqual: 'не равен',
|
|
98
97
|
headerFilterOperatorStartsWith: 'начинается с',
|
|
99
98
|
headerFilterOperatorEndsWith: 'заканчивается на',
|
|
100
99
|
headerFilterOperatorIs: 'равен',
|