@mui/x-data-grid 7.22.2 → 8.0.0-alpha.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.
- package/CHANGELOG.md +142 -155
- package/README.md +2 -2
- package/components/GridDetailPanels.js +0 -1
- package/components/GridPinnedRows.js +0 -1
- package/components/GridRow.d.ts +2 -2
- package/components/GridRow.js +3 -28
- package/components/base/GridOverlays.js +10 -8
- package/components/cell/GridActionsCell.js +1 -2
- package/components/cell/GridActionsCellItem.js +1 -2
- package/components/cell/GridCell.d.ts +41 -3
- package/components/cell/GridCell.js +1 -9
- package/components/cell/GridEditInputCell.js +0 -67
- package/components/containers/GridRootStyles.js +1 -0
- package/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js +1 -2
- package/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.js +1 -2
- package/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.js +1 -2
- package/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +3 -4
- package/components/panel/GridPanel.d.ts +1 -1
- package/components/toolbar/GridToolbar.d.ts +2 -2
- package/components/toolbar/GridToolbar.js +12 -4
- package/components/toolbar/GridToolbarColumnsButton.js +1 -1
- package/components/toolbar/GridToolbarDensitySelector.js +2 -4
- package/components/toolbar/GridToolbarExport.d.ts +2 -2
- package/components/toolbar/GridToolbarExport.js +9 -6
- package/components/toolbar/GridToolbarExportContainer.js +1 -2
- package/components/toolbar/index.d.ts +1 -1
- package/hooks/features/columnResize/useGridColumnResize.js +4 -2
- package/hooks/features/export/useGridCsvExport.js +1 -1
- package/hooks/features/export/useGridPrintExport.js +1 -1
- package/hooks/features/pagination/useGridPaginationModel.js +2 -2
- package/hooks/features/rows/gridRowsUtils.d.ts +1 -1
- package/hooks/features/rows/gridRowsUtils.js +1 -5
- package/hooks/features/virtualization/useGridVirtualScroller.js +4 -4
- package/hooks/utils/useGridSelector.d.ts +3 -2
- package/hooks/utils/useGridSelector.js +27 -2
- package/index.d.ts +0 -1
- package/index.js +1 -1
- package/locales/plPL.js +25 -28
- package/locales/trTR.js +2 -2
- package/material/index.js +4 -0
- package/models/gridSlotsComponent.d.ts +10 -0
- package/models/gridSlotsComponentsProps.d.ts +8 -0
- package/models/props/DataGridProps.d.ts +1 -1
- package/modern/components/GridDetailPanels.js +0 -1
- package/modern/components/GridPinnedRows.js +0 -1
- package/modern/components/GridRow.js +3 -28
- package/modern/components/base/GridOverlays.js +10 -8
- package/modern/components/cell/GridActionsCell.js +1 -2
- package/modern/components/cell/GridActionsCellItem.js +1 -2
- package/modern/components/cell/GridCell.js +1 -9
- package/modern/components/cell/GridEditInputCell.js +0 -67
- package/modern/components/containers/GridRootStyles.js +1 -0
- package/modern/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js +1 -2
- package/modern/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.js +1 -2
- package/modern/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.js +1 -2
- package/modern/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +3 -4
- package/modern/components/toolbar/GridToolbar.js +12 -4
- package/modern/components/toolbar/GridToolbarColumnsButton.js +1 -1
- package/modern/components/toolbar/GridToolbarDensitySelector.js +2 -4
- package/modern/components/toolbar/GridToolbarExport.js +9 -6
- package/modern/components/toolbar/GridToolbarExportContainer.js +1 -2
- package/modern/hooks/features/columnResize/useGridColumnResize.js +4 -2
- package/modern/hooks/features/export/useGridCsvExport.js +1 -1
- package/modern/hooks/features/export/useGridPrintExport.js +1 -1
- package/modern/hooks/features/pagination/useGridPaginationModel.js +2 -2
- package/modern/hooks/features/rows/gridRowsUtils.js +1 -5
- package/modern/hooks/features/virtualization/useGridVirtualScroller.js +4 -4
- package/modern/hooks/utils/useGridSelector.js +27 -2
- package/modern/index.js +1 -1
- package/modern/locales/plPL.js +25 -28
- package/modern/locales/trTR.js +2 -2
- package/modern/material/index.js +4 -0
- package/modern/utils/createSelector.js +11 -1
- package/modern/utils/utils.js +1 -3
- package/node/components/GridDetailPanels.js +0 -1
- package/node/components/GridPinnedRows.js +0 -1
- package/node/components/GridRow.js +3 -28
- package/node/components/base/GridOverlays.js +10 -8
- package/node/components/cell/GridActionsCell.js +1 -2
- package/node/components/cell/GridActionsCellItem.js +1 -2
- package/node/components/cell/GridCell.js +1 -9
- package/node/components/cell/GridEditInputCell.js +0 -67
- package/node/components/containers/GridRootStyles.js +1 -0
- package/node/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js +1 -2
- package/node/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.js +1 -2
- package/node/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.js +1 -2
- package/node/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +3 -4
- package/node/components/toolbar/GridToolbar.js +12 -4
- package/node/components/toolbar/GridToolbarColumnsButton.js +3 -3
- package/node/components/toolbar/GridToolbarDensitySelector.js +2 -4
- package/node/components/toolbar/GridToolbarExport.js +9 -6
- package/node/components/toolbar/GridToolbarExportContainer.js +1 -2
- package/node/hooks/features/columnResize/useGridColumnResize.js +4 -2
- package/node/hooks/features/export/useGridCsvExport.js +2 -2
- package/node/hooks/features/export/useGridPrintExport.js +2 -2
- package/node/hooks/features/pagination/useGridPaginationModel.js +2 -2
- package/node/hooks/features/rows/gridRowsUtils.js +2 -8
- package/node/hooks/features/virtualization/useGridVirtualScroller.js +4 -4
- package/node/hooks/utils/useGridSelector.js +29 -3
- package/node/index.js +1 -1
- package/node/locales/plPL.js +25 -28
- package/node/locales/trTR.js +2 -2
- package/node/material/index.js +4 -0
- package/node/utils/createSelector.js +11 -1
- package/node/utils/utils.js +1 -3
- package/package.json +3 -3
- package/utils/createSelector.d.ts +1 -1
- package/utils/createSelector.js +11 -1
- package/utils/utils.js +1 -3
package/node/locales/plPL.js
CHANGED
|
@@ -36,11 +36,10 @@ const plPLGrid = {
|
|
|
36
36
|
toolbarExportPrint: 'Drukuj',
|
|
37
37
|
toolbarExportExcel: 'Pobierz jako plik Excel',
|
|
38
38
|
// Columns management text
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
39
|
+
columnsManagementSearchTitle: 'Szukaj',
|
|
40
|
+
columnsManagementNoColumns: 'Brak kolumn',
|
|
41
|
+
columnsManagementShowHideAllText: 'Wyświetl/Ukryj wszystkie',
|
|
42
|
+
columnsManagementReset: 'Resetuj',
|
|
44
43
|
// Filter panel text
|
|
45
44
|
filterPanelAddFilter: 'Dodaj filtr',
|
|
46
45
|
filterPanelRemoveAll: 'Usuń wszystkie',
|
|
@@ -54,9 +53,9 @@ const plPLGrid = {
|
|
|
54
53
|
filterPanelInputPlaceholder: 'Filtrowana wartość',
|
|
55
54
|
// Filter operators text
|
|
56
55
|
filterOperatorContains: 'zawiera',
|
|
57
|
-
|
|
56
|
+
filterOperatorDoesNotContain: 'nie zawiera',
|
|
58
57
|
filterOperatorEquals: 'równa się',
|
|
59
|
-
|
|
58
|
+
filterOperatorDoesNotEqual: 'nie równa się',
|
|
60
59
|
filterOperatorStartsWith: 'zaczyna się od',
|
|
61
60
|
filterOperatorEndsWith: 'kończy się na',
|
|
62
61
|
filterOperatorIs: 'równa się',
|
|
@@ -77,27 +76,26 @@ const plPLGrid = {
|
|
|
77
76
|
|
|
78
77
|
// Header filter operators text
|
|
79
78
|
headerFilterOperatorContains: 'Zawiera',
|
|
80
|
-
|
|
79
|
+
headerFilterOperatorDoesNotContain: 'Nie zawiera',
|
|
81
80
|
headerFilterOperatorEquals: 'Równa się',
|
|
82
|
-
|
|
81
|
+
headerFilterOperatorDoesNotEqual: 'Nie równa się',
|
|
83
82
|
headerFilterOperatorStartsWith: 'Zaczyna się od',
|
|
84
83
|
headerFilterOperatorEndsWith: 'Kończy się na',
|
|
85
|
-
|
|
84
|
+
headerFilterOperatorIs: 'Jest',
|
|
86
85
|
headerFilterOperatorNot: 'Niepuste',
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
86
|
+
headerFilterOperatorAfter: 'Jest po',
|
|
87
|
+
headerFilterOperatorOnOrAfter: 'Jest w lub po',
|
|
88
|
+
headerFilterOperatorBefore: 'Jest przed',
|
|
89
|
+
headerFilterOperatorOnOrBefore: 'Jest w lub przed',
|
|
90
|
+
headerFilterOperatorIsEmpty: 'Jest pusty',
|
|
91
|
+
headerFilterOperatorIsNotEmpty: 'Nie jest pusty',
|
|
92
|
+
headerFilterOperatorIsAnyOf: 'Is any of',
|
|
93
|
+
'headerFilterOperator=': 'Równa się',
|
|
94
|
+
'headerFilterOperator!=': 'Nie równa się',
|
|
95
|
+
'headerFilterOperator>': 'Większy niż',
|
|
96
|
+
'headerFilterOperator>=': 'Większy lub równy',
|
|
97
|
+
'headerFilterOperator<': 'Mniejszy niż',
|
|
98
|
+
'headerFilterOperator<=': 'Mniejszy lub równe',
|
|
101
99
|
// Filter values text
|
|
102
100
|
filterValueAny: 'dowolny',
|
|
103
101
|
filterValueTrue: 'prawda',
|
|
@@ -145,14 +143,13 @@ const plPLGrid = {
|
|
|
145
143
|
groupColumn: name => `Grupuj według ${name}`,
|
|
146
144
|
unGroupColumn: name => `Rozgrupuj ${name}`,
|
|
147
145
|
// Master/detail
|
|
148
|
-
|
|
146
|
+
detailPanelToggle: 'Szczegóły',
|
|
149
147
|
expandDetailPanel: 'Rozwiń',
|
|
150
148
|
collapseDetailPanel: 'Zwiń',
|
|
151
149
|
// Row reordering text
|
|
152
|
-
rowReorderingHeaderName: 'Porządkowanie wierszy'
|
|
153
|
-
|
|
150
|
+
rowReorderingHeaderName: 'Porządkowanie wierszy',
|
|
154
151
|
// Aggregation
|
|
155
|
-
|
|
152
|
+
aggregationMenuItemHeader: 'Agregacja'
|
|
156
153
|
// aggregationFunctionLabelSum: 'sum',
|
|
157
154
|
// aggregationFunctionLabelAvg: 'avg',
|
|
158
155
|
// aggregationFunctionLabelMin: 'min',
|
package/node/locales/trTR.js
CHANGED
|
@@ -75,9 +75,9 @@ const trTRGrid = {
|
|
|
75
75
|
'filterOperator<=': '<=',
|
|
76
76
|
// Header filter operators text
|
|
77
77
|
headerFilterOperatorContains: 'Şunu içerir',
|
|
78
|
-
|
|
78
|
+
headerFilterOperatorDoesNotContain: 'İçermez',
|
|
79
79
|
headerFilterOperatorEquals: 'Şuna eşittir',
|
|
80
|
-
|
|
80
|
+
headerFilterOperatorDoesNotEqual: 'Eşit değildir',
|
|
81
81
|
headerFilterOperatorStartsWith: 'Şununla başlar',
|
|
82
82
|
headerFilterOperatorEndsWith: 'Şununla biter',
|
|
83
83
|
headerFilterOperatorIs: 'Eşittir',
|
package/node/material/index.js
CHANGED
|
@@ -9,6 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
|
|
10
10
|
var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
|
|
11
11
|
var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
|
|
12
|
+
var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
|
|
13
|
+
var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
|
|
12
14
|
var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
|
|
13
15
|
var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
|
|
14
16
|
var _Select = _interopRequireDefault(require("@mui/material/Select"));
|
|
@@ -63,6 +65,8 @@ const materialSlots = (0, _extends2.default)({}, iconSlots, {
|
|
|
63
65
|
baseBadge: _Badge.default,
|
|
64
66
|
baseCheckbox: _Checkbox.default,
|
|
65
67
|
baseDivider: _Divider.default,
|
|
68
|
+
baseMenuList: _MenuList.default,
|
|
69
|
+
baseMenuItem: _MenuItem.default,
|
|
66
70
|
baseTextField: _TextField.default,
|
|
67
71
|
baseFormControl: _FormControl.default,
|
|
68
72
|
baseSelect: _Select.default,
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.createSelectorV8 = exports.createSelectorMemoizedV8 = exports.createSelectorMemoized = exports.createSelector = void 0;
|
|
7
7
|
var _reselect = require("reselect");
|
|
8
8
|
var _warning = require("@mui/x-internals/warning");
|
|
9
|
+
var _useGridSelector = require("../hooks/utils/useGridSelector");
|
|
9
10
|
const reselectCreateSelector = (0, _reselect.createSelectorCreator)({
|
|
10
11
|
memoize: _reselect.lruMemoize,
|
|
11
12
|
memoizeOptions: {
|
|
@@ -223,11 +224,20 @@ const createSelectorMemoizedV8 = (...args) => {
|
|
|
223
224
|
const cacheArgs = cacheArgsInit ?? new Map();
|
|
224
225
|
const cacheFn = cacheArgs?.get(args);
|
|
225
226
|
if (cacheArgs && cacheFn) {
|
|
227
|
+
if (!(0, _useGridSelector.argsEqual)(cacheFn.selectorArgs, selectorArgs)) {
|
|
228
|
+
const reselectArgs = selectorArgs !== undefined ? [...args.slice(0, args.length - 1), () => selectorArgs, args[args.length - 1]] : args;
|
|
229
|
+
const fn = reselectCreateSelector(...reselectArgs);
|
|
230
|
+
fn.selectorArgs = selectorArgs;
|
|
231
|
+
cacheArgs.set(args, fn);
|
|
232
|
+
return fn(state, selectorArgs, cacheKey);
|
|
233
|
+
}
|
|
226
234
|
// We pass the cache key because the called selector might have as
|
|
227
235
|
// dependency another selector created with this `createSelector`.
|
|
228
236
|
return cacheFn(state, selectorArgs, cacheKey);
|
|
229
237
|
}
|
|
230
|
-
const
|
|
238
|
+
const reselectArgs = selectorArgs !== undefined ? [...args.slice(0, args.length - 1), () => selectorArgs, args[args.length - 1]] : args;
|
|
239
|
+
const fn = reselectCreateSelector(...reselectArgs);
|
|
240
|
+
fn.selectorArgs = selectorArgs;
|
|
231
241
|
if (!cacheArgsInit) {
|
|
232
242
|
cache.set(cacheKey, cacheArgs);
|
|
233
243
|
}
|
package/node/utils/utils.js
CHANGED
|
@@ -208,11 +208,9 @@ function deepClone(obj) {
|
|
|
208
208
|
return JSON.parse(JSON.stringify(obj));
|
|
209
209
|
}
|
|
210
210
|
|
|
211
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
212
211
|
/**
|
|
213
212
|
* Mark a value as used so eslint doesn't complain. Use this instead
|
|
214
213
|
* of a `eslint-disable-next-line react-hooks/exhaustive-deps` because
|
|
215
214
|
* that hint disables checks on all values instead of just one.
|
|
216
215
|
*/
|
|
217
|
-
function eslintUseValue(_) {}
|
|
218
|
-
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
216
|
+
function eslintUseValue(_) {}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-data-grid",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "8.0.0-alpha.0",
|
|
4
4
|
"description": "The Community plan edition of the Data Grid components (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./node/index.js",
|
|
@@ -37,12 +37,12 @@
|
|
|
37
37
|
"directory": "packages/x-data-grid"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@babel/runtime": "^7.
|
|
40
|
+
"@babel/runtime": "^7.26.0",
|
|
41
41
|
"@mui/utils": "^5.16.6 || ^6.0.0",
|
|
42
42
|
"clsx": "^2.1.1",
|
|
43
43
|
"prop-types": "^15.8.1",
|
|
44
44
|
"reselect": "^5.1.1",
|
|
45
|
-
"@mui/x-internals": "
|
|
45
|
+
"@mui/x-internals": "8.0.0-alpha.0"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"@emotion/react": "^11.9.0",
|
|
@@ -13,7 +13,7 @@ export interface OutputSelectorV8<State, Args, Result> {
|
|
|
13
13
|
(apiRef: React.MutableRefObject<{
|
|
14
14
|
state: State;
|
|
15
15
|
instanceId: GridCoreApi['instanceId'];
|
|
16
|
-
}>, args
|
|
16
|
+
}>, args?: Args): Result;
|
|
17
17
|
(state: State, instanceId: GridCoreApi['instanceId']): Result;
|
|
18
18
|
acceptsApiRef: boolean;
|
|
19
19
|
}
|
package/utils/createSelector.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { lruMemoize, createSelectorCreator } from 'reselect';
|
|
2
2
|
import { warnOnce } from '@mui/x-internals/warning';
|
|
3
|
+
import { argsEqual } from "../hooks/utils/useGridSelector.js";
|
|
3
4
|
const reselectCreateSelector = createSelectorCreator({
|
|
4
5
|
memoize: lruMemoize,
|
|
5
6
|
memoizeOptions: {
|
|
@@ -214,11 +215,20 @@ export const createSelectorMemoizedV8 = (...args) => {
|
|
|
214
215
|
const cacheArgs = cacheArgsInit ?? new Map();
|
|
215
216
|
const cacheFn = cacheArgs?.get(args);
|
|
216
217
|
if (cacheArgs && cacheFn) {
|
|
218
|
+
if (!argsEqual(cacheFn.selectorArgs, selectorArgs)) {
|
|
219
|
+
const reselectArgs = selectorArgs !== undefined ? [...args.slice(0, args.length - 1), () => selectorArgs, args[args.length - 1]] : args;
|
|
220
|
+
const fn = reselectCreateSelector(...reselectArgs);
|
|
221
|
+
fn.selectorArgs = selectorArgs;
|
|
222
|
+
cacheArgs.set(args, fn);
|
|
223
|
+
return fn(state, selectorArgs, cacheKey);
|
|
224
|
+
}
|
|
217
225
|
// We pass the cache key because the called selector might have as
|
|
218
226
|
// dependency another selector created with this `createSelector`.
|
|
219
227
|
return cacheFn(state, selectorArgs, cacheKey);
|
|
220
228
|
}
|
|
221
|
-
const
|
|
229
|
+
const reselectArgs = selectorArgs !== undefined ? [...args.slice(0, args.length - 1), () => selectorArgs, args[args.length - 1]] : args;
|
|
230
|
+
const fn = reselectCreateSelector(...reselectArgs);
|
|
231
|
+
fn.selectorArgs = selectorArgs;
|
|
222
232
|
if (!cacheArgsInit) {
|
|
223
233
|
cache.set(cacheKey, cacheArgs);
|
|
224
234
|
}
|
package/utils/utils.js
CHANGED
|
@@ -191,11 +191,9 @@ export function deepClone(obj) {
|
|
|
191
191
|
return JSON.parse(JSON.stringify(obj));
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
195
194
|
/**
|
|
196
195
|
* Mark a value as used so eslint doesn't complain. Use this instead
|
|
197
196
|
* of a `eslint-disable-next-line react-hooks/exhaustive-deps` because
|
|
198
197
|
* that hint disables checks on all values instead of just one.
|
|
199
198
|
*/
|
|
200
|
-
export function eslintUseValue(_) {}
|
|
201
|
-
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
199
|
+
export function eslintUseValue(_) {}
|