@mui/x-data-grid 7.12.1 → 7.13.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 +81 -0
- package/DataGrid/DataGrid.js +10 -1
- package/components/GridColumnHeaders.js +1 -1
- package/components/GridConfigurationContext.d.ts +2 -0
- package/components/GridConfigurationContext.js +5 -0
- package/components/GridHeaders.js +1 -1
- package/components/GridRow.js +6 -8
- package/components/GridScrollArea.js +1 -1
- package/components/GridSkeletonLoadingOverlay.js +1 -1
- package/components/cell/GridCell.js +1 -1
- package/components/cell/GridSkeletonCell.js +2 -2
- package/components/columnHeaders/GridColumnHeaderItem.js +1 -1
- package/components/containers/GridRootStyles.js +9 -2
- package/components/virtualization/GridMainContainer.js +3 -2
- package/components/virtualization/GridVirtualScrollerFiller.js +1 -1
- package/context/GridContextProvider.d.ts +3 -1
- package/context/GridContextProvider.js +12 -7
- package/hooks/core/useGridStateInitialization.js +1 -3
- package/hooks/features/dimensions/useGridDimensions.js +1 -1
- package/hooks/features/export/serializers/csvSerializer.js +4 -3
- package/hooks/features/filter/gridFilterSelector.d.ts +20 -7
- package/hooks/features/filter/gridFilterSelector.js +34 -0
- package/hooks/features/filter/gridFilterState.d.ts +6 -0
- package/hooks/features/filter/index.d.ts +2 -1
- package/hooks/features/filter/index.js +1 -1
- package/hooks/features/filter/useGridFilter.js +3 -0
- package/hooks/features/rowSelection/useGridRowSelection.js +4 -1
- package/hooks/features/rows/useGridRowAriaAttributes.d.ts +2 -0
- package/hooks/features/rows/useGridRowAriaAttributes.js +19 -0
- package/hooks/utils/useGridAriaAttributes.d.ts +2 -6
- package/hooks/utils/useGridAriaAttributes.js +5 -8
- package/hooks/utils/useGridConfiguration.d.ts +2 -0
- package/hooks/utils/useGridConfiguration.js +9 -0
- package/hooks/utils/useGridSelector.d.ts +1 -1
- package/hooks/utils/useGridSelector.js +1 -1
- package/index.js +1 -1
- package/internals/index.d.ts +3 -1
- package/internals/index.js +3 -1
- package/locales/viVN.js +4 -5
- package/models/configuration/gridConfiguration.d.ts +10 -0
- package/models/configuration/gridConfiguration.js +1 -0
- package/models/configuration/gridRowConfiguration.d.ts +12 -0
- package/models/configuration/gridRowConfiguration.js +1 -0
- package/models/gridDataSource.d.ts +2 -1
- package/models/gridRows.d.ts +2 -2
- package/models/props/DataGridProps.d.ts +1 -1
- package/modern/DataGrid/DataGrid.js +10 -1
- package/modern/components/GridColumnHeaders.js +1 -1
- package/modern/components/GridConfigurationContext.js +5 -0
- package/modern/components/GridHeaders.js +1 -1
- package/modern/components/GridRow.js +6 -8
- package/modern/components/GridScrollArea.js +1 -1
- package/modern/components/GridSkeletonLoadingOverlay.js +1 -1
- package/modern/components/cell/GridCell.js +1 -1
- package/modern/components/cell/GridSkeletonCell.js +2 -2
- package/modern/components/columnHeaders/GridColumnHeaderItem.js +1 -1
- package/modern/components/containers/GridRootStyles.js +9 -2
- package/modern/components/virtualization/GridMainContainer.js +3 -2
- package/modern/components/virtualization/GridVirtualScrollerFiller.js +1 -1
- package/modern/context/GridContextProvider.js +12 -7
- package/modern/hooks/core/useGridStateInitialization.js +1 -3
- package/modern/hooks/features/dimensions/useGridDimensions.js +1 -1
- package/modern/hooks/features/export/serializers/csvSerializer.js +4 -3
- package/modern/hooks/features/filter/gridFilterSelector.js +34 -0
- package/modern/hooks/features/filter/index.js +1 -1
- package/modern/hooks/features/filter/useGridFilter.js +3 -0
- package/modern/hooks/features/rowSelection/useGridRowSelection.js +4 -1
- package/modern/hooks/features/rows/useGridRowAriaAttributes.js +19 -0
- package/modern/hooks/utils/useGridAriaAttributes.js +5 -8
- package/modern/hooks/utils/useGridConfiguration.js +9 -0
- package/modern/hooks/utils/useGridSelector.js +1 -1
- package/modern/index.js +1 -1
- package/modern/internals/index.js +3 -1
- package/modern/locales/viVN.js +4 -5
- package/modern/models/configuration/gridConfiguration.js +1 -0
- package/modern/models/configuration/gridRowConfiguration.js +1 -0
- package/node/DataGrid/DataGrid.js +10 -1
- package/node/components/GridColumnHeaders.js +1 -1
- package/node/{utils/fastMemo.js → components/GridConfigurationContext.js} +4 -4
- package/node/components/GridHeaders.js +1 -1
- package/node/components/GridRow.js +6 -8
- package/node/components/GridScrollArea.js +1 -1
- package/node/components/GridSkeletonLoadingOverlay.js +1 -1
- package/node/components/cell/GridCell.js +1 -1
- package/node/components/cell/GridSkeletonCell.js +2 -2
- package/node/components/columnHeaders/GridColumnHeaderItem.js +1 -1
- package/node/components/containers/GridRootStyles.js +9 -2
- package/node/components/virtualization/GridMainContainer.js +3 -2
- package/node/components/virtualization/GridVirtualScrollerFiller.js +1 -1
- package/node/context/GridContextProvider.js +12 -7
- package/node/hooks/core/useGridStateInitialization.js +1 -3
- package/node/hooks/features/dimensions/useGridDimensions.js +1 -1
- package/node/hooks/features/export/serializers/csvSerializer.js +4 -3
- package/node/hooks/features/filter/gridFilterSelector.js +35 -1
- package/node/hooks/features/filter/index.js +97 -15
- package/node/hooks/features/filter/useGridFilter.js +3 -0
- package/node/hooks/features/rowSelection/useGridRowSelection.js +4 -1
- package/node/hooks/features/rows/useGridRowAriaAttributes.js +28 -0
- package/node/hooks/utils/useGridAriaAttributes.js +4 -7
- package/node/hooks/utils/useGridConfiguration.js +18 -0
- package/node/hooks/utils/useGridSelector.js +1 -1
- package/node/index.js +1 -1
- package/node/internals/index.js +31 -12
- package/node/locales/viVN.js +4 -5
- package/node/models/configuration/gridConfiguration.js +5 -0
- package/node/models/configuration/gridRowConfiguration.js +5 -0
- package/package.json +2 -2
- package/modern/utils/fastMemo.js +0 -5
- package/modern/utils/fastObjectShallowCompare.js +0 -28
- package/modern/utils/throttle.js +0 -19
- package/node/utils/fastObjectShallowCompare.js +0 -34
- package/node/utils/throttle.js +0 -25
- package/utils/fastMemo.d.ts +0 -1
- package/utils/fastMemo.js +0 -5
- package/utils/fastObjectShallowCompare.d.ts +0 -1
- package/utils/fastObjectShallowCompare.js +0 -28
- package/utils/throttle.d.ts +0 -4
- package/utils/throttle.js +0 -19
|
@@ -3,25 +3,107 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
var _exportNames = {
|
|
7
|
-
getDefaultGridFilterModel: true
|
|
8
|
-
};
|
|
9
6
|
Object.defineProperty(exports, "getDefaultGridFilterModel", {
|
|
10
7
|
enumerable: true,
|
|
11
8
|
get: function () {
|
|
12
9
|
return _gridFilterState.getDefaultGridFilterModel;
|
|
13
10
|
}
|
|
14
11
|
});
|
|
12
|
+
Object.defineProperty(exports, "gridExpandedRowCountSelector", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _gridFilterSelector.gridExpandedRowCountSelector;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "gridExpandedSortedRowEntriesSelector", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _gridFilterSelector.gridExpandedSortedRowEntriesSelector;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "gridExpandedSortedRowIdsSelector", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _gridFilterSelector.gridExpandedSortedRowIdsSelector;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "gridFilterActiveItemsLookupSelector", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function () {
|
|
33
|
+
return _gridFilterSelector.gridFilterActiveItemsLookupSelector;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "gridFilterActiveItemsSelector", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () {
|
|
39
|
+
return _gridFilterSelector.gridFilterActiveItemsSelector;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "gridFilterModelSelector", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function () {
|
|
45
|
+
return _gridFilterSelector.gridFilterModelSelector;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "gridFilteredDescendantCountLookupSelector", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function () {
|
|
51
|
+
return _gridFilterSelector.gridFilteredDescendantCountLookupSelector;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "gridFilteredDescendantRowCountSelector", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function () {
|
|
57
|
+
return _gridFilterSelector.gridFilteredDescendantRowCountSelector;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "gridFilteredRowCountSelector", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function () {
|
|
63
|
+
return _gridFilterSelector.gridFilteredRowCountSelector;
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
Object.defineProperty(exports, "gridFilteredRowsLookupSelector", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function () {
|
|
69
|
+
return _gridFilterSelector.gridFilteredRowsLookupSelector;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
Object.defineProperty(exports, "gridFilteredSortedRowEntriesSelector", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
get: function () {
|
|
75
|
+
return _gridFilterSelector.gridFilteredSortedRowEntriesSelector;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(exports, "gridFilteredSortedRowIdsSelector", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function () {
|
|
81
|
+
return _gridFilterSelector.gridFilteredSortedRowIdsSelector;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(exports, "gridFilteredSortedTopLevelRowEntriesSelector", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function () {
|
|
87
|
+
return _gridFilterSelector.gridFilteredSortedTopLevelRowEntriesSelector;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "gridFilteredTopLevelRowCountSelector", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function () {
|
|
93
|
+
return _gridFilterSelector.gridFilteredTopLevelRowCountSelector;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
Object.defineProperty(exports, "gridQuickFilterValuesSelector", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function () {
|
|
99
|
+
return _gridFilterSelector.gridQuickFilterValuesSelector;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
Object.defineProperty(exports, "gridVisibleRowsLookupSelector", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function () {
|
|
105
|
+
return _gridFilterSelector.gridVisibleRowsLookupSelector;
|
|
106
|
+
}
|
|
107
|
+
});
|
|
15
108
|
var _gridFilterState = require("./gridFilterState");
|
|
16
|
-
var _gridFilterSelector = require("./gridFilterSelector");
|
|
17
|
-
Object.keys(_gridFilterSelector).forEach(function (key) {
|
|
18
|
-
if (key === "default" || key === "__esModule") return;
|
|
19
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
20
|
-
if (key in exports && exports[key] === _gridFilterSelector[key]) return;
|
|
21
|
-
Object.defineProperty(exports, key, {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function () {
|
|
24
|
-
return _gridFilterSelector[key];
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
109
|
+
var _gridFilterSelector = require("./gridFilterSelector");
|
|
@@ -32,6 +32,7 @@ const filterStateInitializer = (state, props, apiRef) => {
|
|
|
32
32
|
filter: {
|
|
33
33
|
filterModel: (0, _gridFilterUtils.sanitizeFilterModel)(filterModel, props.disableMultipleColumnsFiltering, apiRef),
|
|
34
34
|
filteredRowsLookup: {},
|
|
35
|
+
filteredChildrenCountLookup: {},
|
|
35
36
|
filteredDescendantCountLookup: {}
|
|
36
37
|
},
|
|
37
38
|
visibleRowsLookup: {}
|
|
@@ -283,6 +284,7 @@ const useGridFilter = (apiRef, props) => {
|
|
|
283
284
|
if (props.filterMode !== 'client' || !params.isRowMatchingFilters) {
|
|
284
285
|
return {
|
|
285
286
|
filteredRowsLookup: {},
|
|
287
|
+
filteredChildrenCountLookup: {},
|
|
286
288
|
filteredDescendantCountLookup: {}
|
|
287
289
|
};
|
|
288
290
|
}
|
|
@@ -311,6 +313,7 @@ const useGridFilter = (apiRef, props) => {
|
|
|
311
313
|
}
|
|
312
314
|
return {
|
|
313
315
|
filteredRowsLookup,
|
|
316
|
+
filteredChildrenCountLookup: {},
|
|
314
317
|
filteredDescendantCountLookup: {}
|
|
315
318
|
};
|
|
316
319
|
}, [apiRef, props.filterMode, getRowId, getRowsRef]);
|
|
@@ -115,6 +115,9 @@ const useGridRowSelection = (apiRef, props) => {
|
|
|
115
115
|
}, [apiRef, logger, props.rowSelection, props.signature, canHaveMultipleSelection]);
|
|
116
116
|
const isRowSelected = React.useCallback(id => (0, _gridRowSelectionSelector.gridRowSelectionStateSelector)(apiRef.current.state).includes(id), [apiRef]);
|
|
117
117
|
const isRowSelectable = React.useCallback(id => {
|
|
118
|
+
if (props.rowSelection === false) {
|
|
119
|
+
return false;
|
|
120
|
+
}
|
|
118
121
|
if (propIsRowSelectable && !propIsRowSelectable(apiRef.current.getRowParams(id))) {
|
|
119
122
|
return false;
|
|
120
123
|
}
|
|
@@ -123,7 +126,7 @@ const useGridRowSelection = (apiRef, props) => {
|
|
|
123
126
|
return false;
|
|
124
127
|
}
|
|
125
128
|
return true;
|
|
126
|
-
}, [apiRef, propIsRowSelectable]);
|
|
129
|
+
}, [apiRef, props.rowSelection, propIsRowSelectable]);
|
|
127
130
|
const getSelectedRows = React.useCallback(() => (0, _gridRowSelectionSelector.selectedGridRowsSelector)(apiRef), [apiRef]);
|
|
128
131
|
const selectRow = React.useCallback((id, isSelected = true, resetSelection = false) => {
|
|
129
132
|
if (!apiRef.current.isRowSelectable(id)) {
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useGridRowAriaAttributes = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _rowSelection = require("../rowSelection");
|
|
9
|
+
var _useGridSelector = require("../../utils/useGridSelector");
|
|
10
|
+
var _gridColumnGroupsSelector = require("../columnGrouping/gridColumnGroupsSelector");
|
|
11
|
+
var _useGridPrivateApiContext = require("../../utils/useGridPrivateApiContext");
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
+
const useGridRowAriaAttributes = () => {
|
|
15
|
+
const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
|
|
16
|
+
const selectedIdsLookup = (0, _useGridSelector.useGridSelector)(apiRef, _rowSelection.selectedIdsLookupSelector);
|
|
17
|
+
const headerGroupingMaxDepth = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnGroupsSelector.gridColumnGroupsHeaderMaxDepthSelector);
|
|
18
|
+
return React.useCallback((rowNode, index) => {
|
|
19
|
+
const ariaAttributes = {};
|
|
20
|
+
const ariaRowIndex = index + headerGroupingMaxDepth + 2; // 1 for the header row and 1 as it's 1-based
|
|
21
|
+
ariaAttributes['aria-rowindex'] = ariaRowIndex;
|
|
22
|
+
if (apiRef.current.isRowSelectable(rowNode.id)) {
|
|
23
|
+
ariaAttributes['aria-selected'] = selectedIdsLookup[rowNode.id] !== undefined;
|
|
24
|
+
}
|
|
25
|
+
return ariaAttributes;
|
|
26
|
+
}, [apiRef, selectedIdsLookup, headerGroupingMaxDepth]);
|
|
27
|
+
};
|
|
28
|
+
exports.useGridRowAriaAttributes = useGridRowAriaAttributes;
|
|
@@ -11,21 +11,18 @@ var _gridColumnGroupsSelector = require("../features/columnGrouping/gridColumnGr
|
|
|
11
11
|
var _gridRowsSelector = require("../features/rows/gridRowsSelector");
|
|
12
12
|
var _useGridPrivateApiContext = require("./useGridPrivateApiContext");
|
|
13
13
|
var _utils = require("../features/rowSelection/utils");
|
|
14
|
+
var _gridFilterSelector = require("../features/filter/gridFilterSelector");
|
|
14
15
|
const useGridAriaAttributes = () => {
|
|
15
16
|
const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
|
|
16
17
|
const rootProps = (0, _useGridRootProps.useGridRootProps)();
|
|
17
18
|
const visibleColumns = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector);
|
|
18
|
-
const
|
|
19
|
+
const accessibleRowCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridFilterSelector.gridExpandedRowCountSelector);
|
|
19
20
|
const headerGroupingMaxDepth = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnGroupsSelector.gridColumnGroupsHeaderMaxDepthSelector);
|
|
20
21
|
const pinnedRowsCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridPinnedRowsCountSelector);
|
|
21
|
-
let role = 'grid';
|
|
22
|
-
if (rootProps.treeData) {
|
|
23
|
-
role = 'treegrid';
|
|
24
|
-
}
|
|
25
22
|
return {
|
|
26
|
-
role,
|
|
23
|
+
role: 'grid',
|
|
27
24
|
'aria-colcount': visibleColumns.length,
|
|
28
|
-
'aria-rowcount': headerGroupingMaxDepth + 1 + pinnedRowsCount +
|
|
25
|
+
'aria-rowcount': headerGroupingMaxDepth + 1 + pinnedRowsCount + accessibleRowCount,
|
|
29
26
|
'aria-multiselectable': (0, _utils.isMultipleRowSelectionEnabled)(rootProps)
|
|
30
27
|
};
|
|
31
28
|
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useGridConfiguration = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _GridConfigurationContext = require("../../components/GridConfigurationContext");
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
+
const useGridConfiguration = () => {
|
|
12
|
+
const configuration = React.useContext(_GridConfigurationContext.GridConfigurationContext);
|
|
13
|
+
if (configuration === undefined) {
|
|
14
|
+
throw new Error(['MUI X: Could not find the data grid configuration context.', 'It looks like you rendered your component outside of a DataGrid, DataGridPro or DataGridPremium parent component.', 'This can also happen if you are bundling multiple versions of the data grid.'].join('\n'));
|
|
15
|
+
}
|
|
16
|
+
return configuration;
|
|
17
|
+
};
|
|
18
|
+
exports.useGridConfiguration = useGridConfiguration;
|
|
@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useGridSelector = exports.objectShallowCompare = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
|
|
8
9
|
var _useLazyRef = require("./useLazyRef");
|
|
9
10
|
var _useOnMount = require("./useOnMount");
|
|
10
11
|
var _warning = require("../../internals/utils/warning");
|
|
11
|
-
var _fastObjectShallowCompare = require("../../utils/fastObjectShallowCompare");
|
|
12
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
function isOutputSelector(selector) {
|
package/node/index.js
CHANGED
package/node/internals/index.js
CHANGED
|
@@ -33,6 +33,8 @@ var _exportNames = {
|
|
|
33
33
|
useGridFilter: true,
|
|
34
34
|
filterStateInitializer: true,
|
|
35
35
|
passFilterLogic: true,
|
|
36
|
+
gridFilteredChildrenCountLookupSelector: true,
|
|
37
|
+
gridExpandedSortedRowTreeLevelPositionLookupSelector: true,
|
|
36
38
|
isSingleSelectColDef: true,
|
|
37
39
|
useGridFocus: true,
|
|
38
40
|
focusStateInitializer: true,
|
|
@@ -46,6 +48,8 @@ var _exportNames = {
|
|
|
46
48
|
gridEditRowsStateSelector: true,
|
|
47
49
|
useGridRows: true,
|
|
48
50
|
rowsStateInitializer: true,
|
|
51
|
+
useGridAriaAttributes: true,
|
|
52
|
+
useGridRowAriaAttributes: true,
|
|
49
53
|
useGridRowsPreProcessors: true,
|
|
50
54
|
getTreeNodeDescendants: true,
|
|
51
55
|
buildRootGroup: true,
|
|
@@ -289,6 +293,18 @@ Object.defineProperty(exports, "gridEditRowsStateSelector", {
|
|
|
289
293
|
return _gridEditingSelectors.gridEditRowsStateSelector;
|
|
290
294
|
}
|
|
291
295
|
});
|
|
296
|
+
Object.defineProperty(exports, "gridExpandedSortedRowTreeLevelPositionLookupSelector", {
|
|
297
|
+
enumerable: true,
|
|
298
|
+
get: function () {
|
|
299
|
+
return _gridFilterSelector.gridExpandedSortedRowTreeLevelPositionLookupSelector;
|
|
300
|
+
}
|
|
301
|
+
});
|
|
302
|
+
Object.defineProperty(exports, "gridFilteredChildrenCountLookupSelector", {
|
|
303
|
+
enumerable: true,
|
|
304
|
+
get: function () {
|
|
305
|
+
return _gridFilterSelector.gridFilteredChildrenCountLookupSelector;
|
|
306
|
+
}
|
|
307
|
+
});
|
|
292
308
|
Object.defineProperty(exports, "gridHeaderFilteringEditFieldSelector", {
|
|
293
309
|
enumerable: true,
|
|
294
310
|
get: function () {
|
|
@@ -397,6 +413,12 @@ Object.defineProperty(exports, "unwrapPrivateAPI", {
|
|
|
397
413
|
return _useGridApiInitialization.unwrapPrivateAPI;
|
|
398
414
|
}
|
|
399
415
|
});
|
|
416
|
+
Object.defineProperty(exports, "useGridAriaAttributes", {
|
|
417
|
+
enumerable: true,
|
|
418
|
+
get: function () {
|
|
419
|
+
return _useGridAriaAttributes.useGridAriaAttributes;
|
|
420
|
+
}
|
|
421
|
+
});
|
|
400
422
|
Object.defineProperty(exports, "useGridClipboard", {
|
|
401
423
|
enumerable: true,
|
|
402
424
|
get: function () {
|
|
@@ -541,6 +563,12 @@ Object.defineProperty(exports, "useGridRegisterStrategyProcessor", {
|
|
|
541
563
|
return _strategyProcessing.useGridRegisterStrategyProcessor;
|
|
542
564
|
}
|
|
543
565
|
});
|
|
566
|
+
Object.defineProperty(exports, "useGridRowAriaAttributes", {
|
|
567
|
+
enumerable: true,
|
|
568
|
+
get: function () {
|
|
569
|
+
return _useGridRowAriaAttributes.useGridRowAriaAttributes;
|
|
570
|
+
}
|
|
571
|
+
});
|
|
544
572
|
Object.defineProperty(exports, "useGridRowSelection", {
|
|
545
573
|
enumerable: true,
|
|
546
574
|
get: function () {
|
|
@@ -665,6 +693,7 @@ var _useGridCsvExport = require("../hooks/features/export/useGridCsvExport");
|
|
|
665
693
|
var _useGridPrintExport = require("../hooks/features/export/useGridPrintExport");
|
|
666
694
|
var _useGridFilter = require("../hooks/features/filter/useGridFilter");
|
|
667
695
|
var _gridFilterUtils = require("../hooks/features/filter/gridFilterUtils");
|
|
696
|
+
var _gridFilterSelector = require("../hooks/features/filter/gridFilterSelector");
|
|
668
697
|
var _filterPanelUtils = require("../components/panel/filterPanel/filterPanelUtils");
|
|
669
698
|
var _useGridFocus = require("../hooks/features/focus/useGridFocus");
|
|
670
699
|
var _useGridKeyboardNavigation = require("../hooks/features/keyboardNavigation/useGridKeyboardNavigation");
|
|
@@ -673,6 +702,8 @@ var _useGridPreferencesPanel = require("../hooks/features/preferencesPanel/useGr
|
|
|
673
702
|
var _useGridEditing = require("../hooks/features/editing/useGridEditing");
|
|
674
703
|
var _gridEditingSelectors = require("../hooks/features/editing/gridEditingSelectors");
|
|
675
704
|
var _useGridRows = require("../hooks/features/rows/useGridRows");
|
|
705
|
+
var _useGridAriaAttributes = require("../hooks/utils/useGridAriaAttributes");
|
|
706
|
+
var _useGridRowAriaAttributes = require("../hooks/features/rows/useGridRowAriaAttributes");
|
|
676
707
|
var _useGridRowsPreProcessors = require("../hooks/features/rows/useGridRowsPreProcessors");
|
|
677
708
|
var _gridRowsUtils = require("../hooks/features/rows/gridRowsUtils");
|
|
678
709
|
var _useGridRowsMeta = require("../hooks/features/rows/useGridRowsMeta");
|
|
@@ -731,18 +762,6 @@ Object.keys(_utils2).forEach(function (key) {
|
|
|
731
762
|
}
|
|
732
763
|
});
|
|
733
764
|
});
|
|
734
|
-
var _fastMemo = require("../utils/fastMemo");
|
|
735
|
-
Object.keys(_fastMemo).forEach(function (key) {
|
|
736
|
-
if (key === "default" || key === "__esModule") return;
|
|
737
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
738
|
-
if (key in exports && exports[key] === _fastMemo[key]) return;
|
|
739
|
-
Object.defineProperty(exports, key, {
|
|
740
|
-
enumerable: true,
|
|
741
|
-
get: function () {
|
|
742
|
-
return _fastMemo[key];
|
|
743
|
-
}
|
|
744
|
-
});
|
|
745
|
-
});
|
|
746
765
|
var _exportAs = require("../utils/exportAs");
|
|
747
766
|
var _getPublicApiRef = require("../utils/getPublicApiRef");
|
|
748
767
|
Object.keys(_getPublicApiRef).forEach(function (key) {
|
package/node/locales/viVN.js
CHANGED
|
@@ -36,11 +36,10 @@ const viVNGrid = {
|
|
|
36
36
|
toolbarExportPrint: 'In',
|
|
37
37
|
toolbarExportExcel: 'Xuất Excel',
|
|
38
38
|
// Columns management text
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
39
|
+
columnsManagementSearchTitle: 'Tìm kiếm',
|
|
40
|
+
columnsManagementNoColumns: 'Không có cột',
|
|
41
|
+
columnsManagementShowHideAllText: 'Hiện/Ẩn Tất cả',
|
|
42
|
+
columnsManagementReset: 'Đặt lại',
|
|
44
43
|
// Filter panel text
|
|
45
44
|
filterPanelAddFilter: 'Thêm bộ lọc',
|
|
46
45
|
filterPanelRemoveAll: 'Xóa tất cả',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-data-grid",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.13.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",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"clsx": "^2.1.1",
|
|
44
44
|
"prop-types": "^15.8.1",
|
|
45
45
|
"reselect": "^4.1.8",
|
|
46
|
-
"@mui/x-internals": "7.
|
|
46
|
+
"@mui/x-internals": "7.13.0"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"@emotion/react": "^11.9.0",
|
package/modern/utils/fastMemo.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
const is = Object.is;
|
|
2
|
-
export function fastObjectShallowCompare(a, b) {
|
|
3
|
-
if (a === b) {
|
|
4
|
-
return true;
|
|
5
|
-
}
|
|
6
|
-
if (!(a instanceof Object) || !(b instanceof Object)) {
|
|
7
|
-
return false;
|
|
8
|
-
}
|
|
9
|
-
let aLength = 0;
|
|
10
|
-
let bLength = 0;
|
|
11
|
-
|
|
12
|
-
/* eslint-disable guard-for-in */
|
|
13
|
-
for (const key in a) {
|
|
14
|
-
aLength += 1;
|
|
15
|
-
if (!is(a[key], b[key])) {
|
|
16
|
-
return false;
|
|
17
|
-
}
|
|
18
|
-
if (!(key in b)) {
|
|
19
|
-
return false;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
/* eslint-disable-next-line @typescript-eslint/naming-convention, @typescript-eslint/no-unused-vars */
|
|
24
|
-
for (const _ in b) {
|
|
25
|
-
bLength += 1;
|
|
26
|
-
}
|
|
27
|
-
return aLength === bLength;
|
|
28
|
-
}
|
package/modern/utils/throttle.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
export function throttle(func, wait = 166) {
|
|
2
|
-
let timeout;
|
|
3
|
-
let lastArgs;
|
|
4
|
-
const later = () => {
|
|
5
|
-
timeout = undefined;
|
|
6
|
-
func(...lastArgs);
|
|
7
|
-
};
|
|
8
|
-
function throttled(...args) {
|
|
9
|
-
lastArgs = args;
|
|
10
|
-
if (timeout === undefined) {
|
|
11
|
-
timeout = setTimeout(later, wait);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
throttled.clear = () => {
|
|
15
|
-
clearTimeout(timeout);
|
|
16
|
-
timeout = undefined;
|
|
17
|
-
};
|
|
18
|
-
return throttled;
|
|
19
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.fastObjectShallowCompare = fastObjectShallowCompare;
|
|
7
|
-
const is = Object.is;
|
|
8
|
-
function fastObjectShallowCompare(a, b) {
|
|
9
|
-
if (a === b) {
|
|
10
|
-
return true;
|
|
11
|
-
}
|
|
12
|
-
if (!(a instanceof Object) || !(b instanceof Object)) {
|
|
13
|
-
return false;
|
|
14
|
-
}
|
|
15
|
-
let aLength = 0;
|
|
16
|
-
let bLength = 0;
|
|
17
|
-
|
|
18
|
-
/* eslint-disable guard-for-in */
|
|
19
|
-
for (const key in a) {
|
|
20
|
-
aLength += 1;
|
|
21
|
-
if (!is(a[key], b[key])) {
|
|
22
|
-
return false;
|
|
23
|
-
}
|
|
24
|
-
if (!(key in b)) {
|
|
25
|
-
return false;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
/* eslint-disable-next-line @typescript-eslint/naming-convention, @typescript-eslint/no-unused-vars */
|
|
30
|
-
for (const _ in b) {
|
|
31
|
-
bLength += 1;
|
|
32
|
-
}
|
|
33
|
-
return aLength === bLength;
|
|
34
|
-
}
|
package/node/utils/throttle.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.throttle = throttle;
|
|
7
|
-
function throttle(func, wait = 166) {
|
|
8
|
-
let timeout;
|
|
9
|
-
let lastArgs;
|
|
10
|
-
const later = () => {
|
|
11
|
-
timeout = undefined;
|
|
12
|
-
func(...lastArgs);
|
|
13
|
-
};
|
|
14
|
-
function throttled(...args) {
|
|
15
|
-
lastArgs = args;
|
|
16
|
-
if (timeout === undefined) {
|
|
17
|
-
timeout = setTimeout(later, wait);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
throttled.clear = () => {
|
|
21
|
-
clearTimeout(timeout);
|
|
22
|
-
timeout = undefined;
|
|
23
|
-
};
|
|
24
|
-
return throttled;
|
|
25
|
-
}
|
package/utils/fastMemo.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function fastMemo<T>(component: T): T;
|
package/utils/fastMemo.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function fastObjectShallowCompare<T extends Record<string, any> | null>(a: T, b: T): boolean;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
const is = Object.is;
|
|
2
|
-
export function fastObjectShallowCompare(a, b) {
|
|
3
|
-
if (a === b) {
|
|
4
|
-
return true;
|
|
5
|
-
}
|
|
6
|
-
if (!(a instanceof Object) || !(b instanceof Object)) {
|
|
7
|
-
return false;
|
|
8
|
-
}
|
|
9
|
-
let aLength = 0;
|
|
10
|
-
let bLength = 0;
|
|
11
|
-
|
|
12
|
-
/* eslint-disable guard-for-in */
|
|
13
|
-
for (const key in a) {
|
|
14
|
-
aLength += 1;
|
|
15
|
-
if (!is(a[key], b[key])) {
|
|
16
|
-
return false;
|
|
17
|
-
}
|
|
18
|
-
if (!(key in b)) {
|
|
19
|
-
return false;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
/* eslint-disable-next-line @typescript-eslint/naming-convention, @typescript-eslint/no-unused-vars */
|
|
24
|
-
for (const _ in b) {
|
|
25
|
-
bLength += 1;
|
|
26
|
-
}
|
|
27
|
-
return aLength === bLength;
|
|
28
|
-
}
|
package/utils/throttle.d.ts
DELETED
package/utils/throttle.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
export function throttle(func, wait = 166) {
|
|
2
|
-
let timeout;
|
|
3
|
-
let lastArgs;
|
|
4
|
-
const later = () => {
|
|
5
|
-
timeout = undefined;
|
|
6
|
-
func(...lastArgs);
|
|
7
|
-
};
|
|
8
|
-
function throttled(...args) {
|
|
9
|
-
lastArgs = args;
|
|
10
|
-
if (timeout === undefined) {
|
|
11
|
-
timeout = setTimeout(later, wait);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
throttled.clear = () => {
|
|
15
|
-
clearTimeout(timeout);
|
|
16
|
-
timeout = undefined;
|
|
17
|
-
};
|
|
18
|
-
return throttled;
|
|
19
|
-
}
|