@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.
Files changed (118) hide show
  1. package/CHANGELOG.md +81 -0
  2. package/DataGrid/DataGrid.js +10 -1
  3. package/components/GridColumnHeaders.js +1 -1
  4. package/components/GridConfigurationContext.d.ts +2 -0
  5. package/components/GridConfigurationContext.js +5 -0
  6. package/components/GridHeaders.js +1 -1
  7. package/components/GridRow.js +6 -8
  8. package/components/GridScrollArea.js +1 -1
  9. package/components/GridSkeletonLoadingOverlay.js +1 -1
  10. package/components/cell/GridCell.js +1 -1
  11. package/components/cell/GridSkeletonCell.js +2 -2
  12. package/components/columnHeaders/GridColumnHeaderItem.js +1 -1
  13. package/components/containers/GridRootStyles.js +9 -2
  14. package/components/virtualization/GridMainContainer.js +3 -2
  15. package/components/virtualization/GridVirtualScrollerFiller.js +1 -1
  16. package/context/GridContextProvider.d.ts +3 -1
  17. package/context/GridContextProvider.js +12 -7
  18. package/hooks/core/useGridStateInitialization.js +1 -3
  19. package/hooks/features/dimensions/useGridDimensions.js +1 -1
  20. package/hooks/features/export/serializers/csvSerializer.js +4 -3
  21. package/hooks/features/filter/gridFilterSelector.d.ts +20 -7
  22. package/hooks/features/filter/gridFilterSelector.js +34 -0
  23. package/hooks/features/filter/gridFilterState.d.ts +6 -0
  24. package/hooks/features/filter/index.d.ts +2 -1
  25. package/hooks/features/filter/index.js +1 -1
  26. package/hooks/features/filter/useGridFilter.js +3 -0
  27. package/hooks/features/rowSelection/useGridRowSelection.js +4 -1
  28. package/hooks/features/rows/useGridRowAriaAttributes.d.ts +2 -0
  29. package/hooks/features/rows/useGridRowAriaAttributes.js +19 -0
  30. package/hooks/utils/useGridAriaAttributes.d.ts +2 -6
  31. package/hooks/utils/useGridAriaAttributes.js +5 -8
  32. package/hooks/utils/useGridConfiguration.d.ts +2 -0
  33. package/hooks/utils/useGridConfiguration.js +9 -0
  34. package/hooks/utils/useGridSelector.d.ts +1 -1
  35. package/hooks/utils/useGridSelector.js +1 -1
  36. package/index.js +1 -1
  37. package/internals/index.d.ts +3 -1
  38. package/internals/index.js +3 -1
  39. package/locales/viVN.js +4 -5
  40. package/models/configuration/gridConfiguration.d.ts +10 -0
  41. package/models/configuration/gridConfiguration.js +1 -0
  42. package/models/configuration/gridRowConfiguration.d.ts +12 -0
  43. package/models/configuration/gridRowConfiguration.js +1 -0
  44. package/models/gridDataSource.d.ts +2 -1
  45. package/models/gridRows.d.ts +2 -2
  46. package/models/props/DataGridProps.d.ts +1 -1
  47. package/modern/DataGrid/DataGrid.js +10 -1
  48. package/modern/components/GridColumnHeaders.js +1 -1
  49. package/modern/components/GridConfigurationContext.js +5 -0
  50. package/modern/components/GridHeaders.js +1 -1
  51. package/modern/components/GridRow.js +6 -8
  52. package/modern/components/GridScrollArea.js +1 -1
  53. package/modern/components/GridSkeletonLoadingOverlay.js +1 -1
  54. package/modern/components/cell/GridCell.js +1 -1
  55. package/modern/components/cell/GridSkeletonCell.js +2 -2
  56. package/modern/components/columnHeaders/GridColumnHeaderItem.js +1 -1
  57. package/modern/components/containers/GridRootStyles.js +9 -2
  58. package/modern/components/virtualization/GridMainContainer.js +3 -2
  59. package/modern/components/virtualization/GridVirtualScrollerFiller.js +1 -1
  60. package/modern/context/GridContextProvider.js +12 -7
  61. package/modern/hooks/core/useGridStateInitialization.js +1 -3
  62. package/modern/hooks/features/dimensions/useGridDimensions.js +1 -1
  63. package/modern/hooks/features/export/serializers/csvSerializer.js +4 -3
  64. package/modern/hooks/features/filter/gridFilterSelector.js +34 -0
  65. package/modern/hooks/features/filter/index.js +1 -1
  66. package/modern/hooks/features/filter/useGridFilter.js +3 -0
  67. package/modern/hooks/features/rowSelection/useGridRowSelection.js +4 -1
  68. package/modern/hooks/features/rows/useGridRowAriaAttributes.js +19 -0
  69. package/modern/hooks/utils/useGridAriaAttributes.js +5 -8
  70. package/modern/hooks/utils/useGridConfiguration.js +9 -0
  71. package/modern/hooks/utils/useGridSelector.js +1 -1
  72. package/modern/index.js +1 -1
  73. package/modern/internals/index.js +3 -1
  74. package/modern/locales/viVN.js +4 -5
  75. package/modern/models/configuration/gridConfiguration.js +1 -0
  76. package/modern/models/configuration/gridRowConfiguration.js +1 -0
  77. package/node/DataGrid/DataGrid.js +10 -1
  78. package/node/components/GridColumnHeaders.js +1 -1
  79. package/node/{utils/fastMemo.js → components/GridConfigurationContext.js} +4 -4
  80. package/node/components/GridHeaders.js +1 -1
  81. package/node/components/GridRow.js +6 -8
  82. package/node/components/GridScrollArea.js +1 -1
  83. package/node/components/GridSkeletonLoadingOverlay.js +1 -1
  84. package/node/components/cell/GridCell.js +1 -1
  85. package/node/components/cell/GridSkeletonCell.js +2 -2
  86. package/node/components/columnHeaders/GridColumnHeaderItem.js +1 -1
  87. package/node/components/containers/GridRootStyles.js +9 -2
  88. package/node/components/virtualization/GridMainContainer.js +3 -2
  89. package/node/components/virtualization/GridVirtualScrollerFiller.js +1 -1
  90. package/node/context/GridContextProvider.js +12 -7
  91. package/node/hooks/core/useGridStateInitialization.js +1 -3
  92. package/node/hooks/features/dimensions/useGridDimensions.js +1 -1
  93. package/node/hooks/features/export/serializers/csvSerializer.js +4 -3
  94. package/node/hooks/features/filter/gridFilterSelector.js +35 -1
  95. package/node/hooks/features/filter/index.js +97 -15
  96. package/node/hooks/features/filter/useGridFilter.js +3 -0
  97. package/node/hooks/features/rowSelection/useGridRowSelection.js +4 -1
  98. package/node/hooks/features/rows/useGridRowAriaAttributes.js +28 -0
  99. package/node/hooks/utils/useGridAriaAttributes.js +4 -7
  100. package/node/hooks/utils/useGridConfiguration.js +18 -0
  101. package/node/hooks/utils/useGridSelector.js +1 -1
  102. package/node/index.js +1 -1
  103. package/node/internals/index.js +31 -12
  104. package/node/locales/viVN.js +4 -5
  105. package/node/models/configuration/gridConfiguration.js +5 -0
  106. package/node/models/configuration/gridRowConfiguration.js +5 -0
  107. package/package.json +2 -2
  108. package/modern/utils/fastMemo.js +0 -5
  109. package/modern/utils/fastObjectShallowCompare.js +0 -28
  110. package/modern/utils/throttle.js +0 -19
  111. package/node/utils/fastObjectShallowCompare.js +0 -34
  112. package/node/utils/throttle.js +0 -25
  113. package/utils/fastMemo.d.ts +0 -1
  114. package/utils/fastMemo.js +0 -5
  115. package/utils/fastObjectShallowCompare.d.ts +0 -1
  116. package/utils/fastObjectShallowCompare.js +0 -28
  117. package/utils/throttle.d.ts +0 -4
  118. 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 totalRowCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridRowCountSelector);
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 + totalRowCount,
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
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid v7.12.1
2
+ * @mui/x-data-grid v7.13.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -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) {
@@ -36,11 +36,10 @@ const viVNGrid = {
36
36
  toolbarExportPrint: 'In',
37
37
  toolbarExportExcel: 'Xuất Excel',
38
38
  // Columns management text
39
- // columnsManagementSearchTitle: 'Search',
40
- // columnsManagementNoColumns: 'No columns',
41
- // columnsManagementShowHideAllText: 'Show/Hide All',
42
- // columnsManagementReset: 'Reset',
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ả',
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-data-grid",
3
- "version": "7.12.1",
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.12.0"
46
+ "@mui/x-internals": "7.13.0"
47
47
  },
48
48
  "peerDependencies": {
49
49
  "@emotion/react": "^11.9.0",
@@ -1,5 +0,0 @@
1
- import * as React from 'react';
2
- import { fastObjectShallowCompare } from './fastObjectShallowCompare';
3
- export function fastMemo(component) {
4
- return /*#__PURE__*/React.memo(component, fastObjectShallowCompare);
5
- }
@@ -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
- }
@@ -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
- }
@@ -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
- }
@@ -1 +0,0 @@
1
- export declare function fastMemo<T>(component: T): T;
package/utils/fastMemo.js DELETED
@@ -1,5 +0,0 @@
1
- import * as React from 'react';
2
- import { fastObjectShallowCompare } from './fastObjectShallowCompare';
3
- export function fastMemo(component) {
4
- return /*#__PURE__*/React.memo(component, fastObjectShallowCompare);
5
- }
@@ -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
- }
@@ -1,4 +0,0 @@
1
- export interface Cancelable {
2
- clear(): void;
3
- }
4
- export declare function throttle<T extends (...args: any[]) => any>(func: T, wait?: number): T & Cancelable;
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
- }