@mui/x-data-grid 7.12.0 → 7.13.0

package/node/components/virtualization/GridMainContainer.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _system = require("@mui/system");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
-var _useGridAriaAttributes = require("../../hooks/utils/useGridAriaAttributes");
+var _useGridConfiguration = require("../../hooks/utils/useGridConfiguration");
 var _jsxRuntime = require("react/jsx-runtime");
 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); }
 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; }
@@ -28,8 +28,9 @@ const Element = (0, _system.styled)('div', {
   overflow: 'hidden'
 });
 const GridMainContainer = exports.GridMainContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const ariaAttributes = (0, _useGridAriaAttributes.useGridAriaAttributes)();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const configuration = (0, _useGridConfiguration.useGridConfiguration)();
+  const ariaAttributes = configuration.hooks.useGridAriaAttributes();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Element, (0, _extends2.default)({
     ref: ref,
     ownerState: rootProps,

package/node/components/virtualization/GridVirtualScrollerFiller.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GridVirtualScrollerFiller = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _system = require("@mui/system");
-var _fastMemo = require("../../utils/fastMemo");
+var _fastMemo = require("@mui/x-internals/fastMemo");
 var _useGridSelector = require("../../hooks/utils/useGridSelector");
 var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
 var _dimensions = require("../../hooks/features/dimensions");

package/node/context/GridContextProvider.js

@@ -8,22 +8,27 @@ var React = _interopRequireWildcard(require("react"));
 var _GridApiContext = require("../components/GridApiContext");
 var _useGridPrivateApiContext = require("../hooks/utils/useGridPrivateApiContext");
 var _GridRootPropsContext = require("./GridRootPropsContext");
+var _GridConfigurationContext = require("../components/GridConfigurationContext");
 var _jsxRuntime = require("react/jsx-runtime");
 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); }
 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; }
 function GridContextProvider({
   privateApiRef,
+  configuration,
   props,
   children
 }) {
   const apiRef = React.useRef(privateApiRef.current.getPublicApi());
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridRootPropsContext.GridRootPropsContext.Provider, {
-    value: props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_useGridPrivateApiContext.GridPrivateApiContext.Provider, {
-      value: privateApiRef,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridApiContext.GridApiContext.Provider, {
-        value: apiRef,
-        children: children
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridConfigurationContext.GridConfigurationContext.Provider, {
+    value: configuration,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridRootPropsContext.GridRootPropsContext.Provider, {
+      value: props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_useGridPrivateApiContext.GridPrivateApiContext.Provider, {
+        value: privateApiRef,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridApiContext.GridApiContext.Provider, {
+          value: apiRef,
+          children: children
+        })
       })
     })
   });

package/node/hooks/core/useGridRefs.js

@@ -11,12 +11,14 @@ const useGridRefs = apiRef => {
   const rootElementRef = React.useRef(null);
   const mainElementRef = React.useRef(null);
   const virtualScrollerRef = React.useRef(null);
+  const columnHeadersContainerRef = React.useRef(null);
   apiRef.current.register('public', {
     rootElementRef
   });
   apiRef.current.register('private', {
     mainElementRef,
-    virtualScrollerRef
+    virtualScrollerRef,
+    columnHeadersContainerRef
   });
 };
 exports.useGridRefs = useGridRefs;

package/node/hooks/core/useGridStateInitialization.js

@@ -57,9 +57,7 @@ const useGridStateInitialization = apiRef => {
     if (!ignoreSetState) {
       // We always assign it as we mutate rows for perf reason.
       apiRef.current.state = newState;
-      if (apiRef.current.publishEvent) {
-        apiRef.current.publishEvent('stateChange', newState);
-      }
+      apiRef.current.publishEvent('stateChange', newState);
       apiRef.current.store.update(newState);
     }
     if (updatedControlStateIds.length === 1) {

package/node/hooks/features/dimensions/useGridDimensions.js

@@ -9,9 +9,9 @@ exports.useGridDimensions = useGridDimensions;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _utils = require("@mui/utils");
+var _throttle = require("@mui/x-internals/throttle");
 var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
-var _throttle = require("../../../utils/throttle");
 var _useGridLogger = require("../../utils/useGridLogger");
 var _columns = require("../columns");
 var _gridDimensionsSelectors = require("./gridDimensionsSelectors");

package/node/hooks/features/export/serializers/csvSerializer.js

@@ -8,6 +8,9 @@ exports.serializeCellValue = void 0;
 var _colDef = require("../../../../colDef");
 var _warning = require("../../../../internals/utils/warning");
 function sanitizeCellValue(value, csvOptions) {
+  if (value === null || value === undefined) {
+    return '';
+  }
   const valueStr = typeof value === 'string' ? value : `${value}`;
   if (csvOptions.shouldAppendQuotes || csvOptions.escapeFormulas) {
     const escapedValue = valueStr.replace(/"/g, '""');
@@ -59,9 +62,7 @@ class CSVRow {
     if (!this.isEmpty) {
       this.rowString += this.options.csvOptions.delimiter;
     }
-    if (value === null || value === undefined) {
-      this.rowString += '';
-    } else if (typeof this.options.sanitizeCellValue === 'function') {
+    if (typeof this.options.sanitizeCellValue === 'function') {
       this.rowString += this.options.sanitizeCellValue(value, this.options.csvOptions);
     } else {
       this.rowString += value;

package/node/hooks/features/filter/gridFilterSelector.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.gridVisibleRowsLookupSelector = exports.gridQuickFilterValuesSelector = exports.gridFilteredTopLevelRowCountSelector = exports.gridFilteredSortedTopLevelRowEntriesSelector = exports.gridFilteredSortedRowIdsSelector = exports.gridFilteredSortedRowEntriesSelector = exports.gridFilteredRowsLookupSelector = exports.gridFilteredRowCountSelector = exports.gridFilteredDescendantRowCountSelector = exports.gridFilteredDescendantCountLookupSelector = exports.gridFilterModelSelector = exports.gridFilterActiveItemsSelector = exports.gridFilterActiveItemsLookupSelector = exports.gridExpandedSortedRowIdsSelector = exports.gridExpandedSortedRowEntriesSelector = exports.gridExpandedRowCountSelector = void 0;
+exports.gridVisibleRowsLookupSelector = exports.gridQuickFilterValuesSelector = exports.gridFilteredTopLevelRowCountSelector = exports.gridFilteredSortedTopLevelRowEntriesSelector = exports.gridFilteredSortedRowIdsSelector = exports.gridFilteredSortedRowEntriesSelector = exports.gridFilteredRowsLookupSelector = exports.gridFilteredRowCountSelector = exports.gridFilteredDescendantRowCountSelector = exports.gridFilteredDescendantCountLookupSelector = exports.gridFilteredChildrenCountLookupSelector = exports.gridFilterModelSelector = exports.gridFilterActiveItemsSelector = exports.gridFilterActiveItemsLookupSelector = exports.gridExpandedSortedRowTreeLevelPositionLookupSelector = exports.gridExpandedSortedRowIdsSelector = exports.gridExpandedSortedRowEntriesSelector = exports.gridExpandedRowCountSelector = void 0;
 var _createSelector = require("../../../utils/createSelector");
 var _gridSortingSelector = require("../sorting/gridSortingSelector");
 var _gridColumnsSelector = require("../columns/gridColumnsSelector");
@@ -38,6 +38,12 @@ const gridVisibleRowsLookupSelector = state => state.visibleRowsLookup;
 exports.gridVisibleRowsLookupSelector = gridVisibleRowsLookupSelector;
 const gridFilteredRowsLookupSelector = exports.gridFilteredRowsLookupSelector = (0, _createSelector.createSelector)(gridFilterStateSelector, filterState => filterState.filteredRowsLookup);
 
+/**
+ * @category Filtering
+ * @ignore - do not document.
+ */
+const gridFilteredChildrenCountLookupSelector = exports.gridFilteredChildrenCountLookupSelector = (0, _createSelector.createSelector)(gridFilterStateSelector, filterState => filterState.filteredChildrenCountLookup);
+
 /**
  * @category Filtering
  * @ignore - do not document.
@@ -72,6 +78,34 @@ const gridFilteredSortedRowEntriesSelector = exports.gridFilteredSortedRowEntrie
  */
 const gridFilteredSortedRowIdsSelector = exports.gridFilteredSortedRowIdsSelector = (0, _createSelector.createSelectorMemoized)(gridFilteredSortedRowEntriesSelector, filteredSortedRowEntries => filteredSortedRowEntries.map(row => row.id));
 
+/**
+ * Get the ids to position in the current tree level lookup of the rows accessible after the filtering process.
+ * Does not contain the collapsed children.
+ * @category Filtering
+ * @ignore - do not document.
+ */
+const gridExpandedSortedRowTreeLevelPositionLookupSelector = exports.gridExpandedSortedRowTreeLevelPositionLookupSelector = (0, _createSelector.createSelectorMemoized)(gridExpandedSortedRowIdsSelector, _gridRowsSelector.gridRowTreeSelector, (visibleSortedRowIds, rowTree) => {
+  const depthPositionCounter = {};
+  let lastDepth = 0;
+  return visibleSortedRowIds.reduce((acc, rowId) => {
+    const rowNode = rowTree[rowId];
+    if (!depthPositionCounter[rowNode.depth]) {
+      depthPositionCounter[rowNode.depth] = 0;
+    }
+
+    // going deeper in the tree should reset the counter
+    // since it might have been used in some other branch at the same level, up in the tree
+    // going back up should keep the counter and continue where it left off
+    if (rowNode.depth > lastDepth) {
+      depthPositionCounter[rowNode.depth] = 0;
+    }
+    lastDepth = rowNode.depth;
+    depthPositionCounter[rowNode.depth] += 1;
+    acc[rowId] = depthPositionCounter[rowNode.depth];
+    return acc;
+  }, {});
+});
+
 /**
  * Get the id and the model of the top level rows accessible after the filtering process.
  * @category Filtering

package/node/hooks/features/filter/index.js

@@ -3,25 +3,107 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  getDefaultGridFilterModel: true
-};
 Object.defineProperty(exports, "getDefaultGridFilterModel", {
   enumerable: true,
   get: function () {
     return _gridFilterState.getDefaultGridFilterModel;
   }
 });
+Object.defineProperty(exports, "gridExpandedRowCountSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridExpandedRowCountSelector;
+  }
+});
+Object.defineProperty(exports, "gridExpandedSortedRowEntriesSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridExpandedSortedRowEntriesSelector;
+  }
+});
+Object.defineProperty(exports, "gridExpandedSortedRowIdsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridExpandedSortedRowIdsSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilterActiveItemsLookupSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridFilterActiveItemsLookupSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilterActiveItemsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridFilterActiveItemsSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilterModelSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridFilterModelSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilteredDescendantCountLookupSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridFilteredDescendantCountLookupSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilteredDescendantRowCountSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridFilteredDescendantRowCountSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilteredRowCountSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridFilteredRowCountSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilteredRowsLookupSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridFilteredRowsLookupSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilteredSortedRowEntriesSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridFilteredSortedRowEntriesSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilteredSortedRowIdsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridFilteredSortedRowIdsSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilteredSortedTopLevelRowEntriesSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridFilteredSortedTopLevelRowEntriesSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilteredTopLevelRowCountSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridFilteredTopLevelRowCountSelector;
+  }
+});
+Object.defineProperty(exports, "gridQuickFilterValuesSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridQuickFilterValuesSelector;
+  }
+});
+Object.defineProperty(exports, "gridVisibleRowsLookupSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridVisibleRowsLookupSelector;
+  }
+});
 var _gridFilterState = require("./gridFilterState");
-var _gridFilterSelector = require("./gridFilterSelector");
-Object.keys(_gridFilterSelector).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _gridFilterSelector[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridFilterSelector[key];
-    }
-  });
-});
+var _gridFilterSelector = require("./gridFilterSelector");

package/node/hooks/features/filter/useGridFilter.js

@@ -32,6 +32,7 @@ const filterStateInitializer = (state, props, apiRef) => {
     filter: {
       filterModel: (0, _gridFilterUtils.sanitizeFilterModel)(filterModel, props.disableMultipleColumnsFiltering, apiRef),
       filteredRowsLookup: {},
+      filteredChildrenCountLookup: {},
       filteredDescendantCountLookup: {}
     },
     visibleRowsLookup: {}
@@ -283,6 +284,7 @@ const useGridFilter = (apiRef, props) => {
     if (props.filterMode !== 'client' || !params.isRowMatchingFilters) {
       return {
         filteredRowsLookup: {},
+        filteredChildrenCountLookup: {},
         filteredDescendantCountLookup: {}
       };
     }
@@ -311,6 +313,7 @@ const useGridFilter = (apiRef, props) => {
     }
     return {
       filteredRowsLookup,
+      filteredChildrenCountLookup: {},
       filteredDescendantCountLookup: {}
     };
   }, [apiRef, props.filterMode, getRowId, getRowsRef]);

package/node/hooks/features/rowSelection/useGridRowSelection.js

@@ -115,6 +115,9 @@ const useGridRowSelection = (apiRef, props) => {
   }, [apiRef, logger, props.rowSelection, props.signature, canHaveMultipleSelection]);
   const isRowSelected = React.useCallback(id => (0, _gridRowSelectionSelector.gridRowSelectionStateSelector)(apiRef.current.state).includes(id), [apiRef]);
   const isRowSelectable = React.useCallback(id => {
+    if (props.rowSelection === false) {
+      return false;
+    }
     if (propIsRowSelectable && !propIsRowSelectable(apiRef.current.getRowParams(id))) {
       return false;
     }
@@ -123,7 +126,7 @@ const useGridRowSelection = (apiRef, props) => {
       return false;
     }
     return true;
-  }, [apiRef, propIsRowSelectable]);
+  }, [apiRef, props.rowSelection, propIsRowSelectable]);
   const getSelectedRows = React.useCallback(() => (0, _gridRowSelectionSelector.selectedGridRowsSelector)(apiRef), [apiRef]);
   const selectRow = React.useCallback((id, isSelected = true, resetSelection = false) => {
     if (!apiRef.current.isRowSelectable(id)) {
@@ -282,11 +285,10 @@ const useGridRowSelection = (apiRef, props) => {
     }
   }, [apiRef, expandMouseRowRangeSelection, canHaveMultipleSelection]);
   const handleHeaderSelectionCheckboxChange = React.useCallback(params => {
-    const shouldLimitSelectionToCurrentPage = props.checkboxSelectionVisibleOnly && props.pagination;
-    const rowsToBeSelected = shouldLimitSelectionToCurrentPage ? (0, _pagination.gridPaginatedVisibleSortedGridRowIdsSelector)(apiRef) : (0, _gridFilterSelector.gridExpandedSortedRowIdsSelector)(apiRef);
+    const rowsToBeSelected = props.pagination && props.checkboxSelectionVisibleOnly && props.paginationMode === 'client' ? (0, _pagination.gridPaginatedVisibleSortedGridRowIdsSelector)(apiRef) : (0, _gridFilterSelector.gridExpandedSortedRowIdsSelector)(apiRef);
     const filterModel = (0, _gridFilterSelector.gridFilterModelSelector)(apiRef);
     apiRef.current.selectRows(rowsToBeSelected, params.value, filterModel?.items.length > 0);
-  }, [apiRef, props.checkboxSelectionVisibleOnly, props.pagination]);
+  }, [apiRef, props.checkboxSelectionVisibleOnly, props.pagination, props.paginationMode]);
   const handleCellKeyDown = React.useCallback((params, event) => {
     // Get the most recent cell mode because it may have been changed by another listener
     if (apiRef.current.getCellMode(params.id, params.field) === _gridEditRowModel.GridCellModes.Edit) {

package/node/hooks/features/rows/useGridRowAriaAttributes.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridRowAriaAttributes = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _rowSelection = require("../rowSelection");
+var _useGridSelector = require("../../utils/useGridSelector");
+var _gridColumnGroupsSelector = require("../columnGrouping/gridColumnGroupsSelector");
+var _useGridPrivateApiContext = require("../../utils/useGridPrivateApiContext");
+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); }
+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; }
+const useGridRowAriaAttributes = () => {
+  const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
+  const selectedIdsLookup = (0, _useGridSelector.useGridSelector)(apiRef, _rowSelection.selectedIdsLookupSelector);
+  const headerGroupingMaxDepth = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnGroupsSelector.gridColumnGroupsHeaderMaxDepthSelector);
+  return React.useCallback((rowNode, index) => {
+    const ariaAttributes = {};
+    const ariaRowIndex = index + headerGroupingMaxDepth + 2; // 1 for the header row and 1 as it's 1-based
+    ariaAttributes['aria-rowindex'] = ariaRowIndex;
+    if (apiRef.current.isRowSelectable(rowNode.id)) {
+      ariaAttributes['aria-selected'] = selectedIdsLookup[rowNode.id] !== undefined;
+    }
+    return ariaAttributes;
+  }, [apiRef, selectedIdsLookup, headerGroupingMaxDepth]);
+};
+exports.useGridRowAriaAttributes = useGridRowAriaAttributes;

package/node/hooks/utils/useGridAriaAttributes.js

@@ -11,21 +11,18 @@ var _gridColumnGroupsSelector = require("../features/columnGrouping/gridColumnGr
 var _gridRowsSelector = require("../features/rows/gridRowsSelector");
 var _useGridPrivateApiContext = require("./useGridPrivateApiContext");
 var _utils = require("../features/rowSelection/utils");
+var _gridFilterSelector = require("../features/filter/gridFilterSelector");
 const useGridAriaAttributes = () => {
   const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const visibleColumns = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector);
-  const totalRowCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridRowCountSelector);
+  const accessibleRowCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridFilterSelector.gridExpandedRowCountSelector);
   const headerGroupingMaxDepth = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnGroupsSelector.gridColumnGroupsHeaderMaxDepthSelector);
   const pinnedRowsCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridPinnedRowsCountSelector);
-  let role = 'grid';
-  if (rootProps.treeData) {
-    role = 'treegrid';
-  }
   return {
-    role,
+    role: 'grid',
     'aria-colcount': visibleColumns.length,
-    'aria-rowcount': headerGroupingMaxDepth + 1 + pinnedRowsCount + totalRowCount,
+    'aria-rowcount': headerGroupingMaxDepth + 1 + pinnedRowsCount + accessibleRowCount,
     'aria-multiselectable': (0, _utils.isMultipleRowSelectionEnabled)(rootProps)
   };
 };

package/node/hooks/utils/useGridConfiguration.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridConfiguration = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _GridConfigurationContext = require("../../components/GridConfigurationContext");
+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); }
+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; }
+const useGridConfiguration = () => {
+  const configuration = React.useContext(_GridConfigurationContext.GridConfigurationContext);
+  if (configuration === undefined) {
+    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'));
+  }
+  return configuration;
+};
+exports.useGridConfiguration = useGridConfiguration;

package/node/hooks/utils/useGridSelector.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridSelector = exports.objectShallowCompare = void 0;
 var React = _interopRequireWildcard(require("react"));
+var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
 var _useLazyRef = require("./useLazyRef");
 var _useOnMount = require("./useOnMount");
 var _warning = require("../../internals/utils/warning");
-var _fastObjectShallowCompare = require("../../utils/fastObjectShallowCompare");
 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); }
 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; }
 function isOutputSelector(selector) {

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.12.0
+ * @mui/x-data-grid v7.13.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/index.js

@@ -33,6 +33,8 @@ var _exportNames = {
   useGridFilter: true,
   filterStateInitializer: true,
   passFilterLogic: true,
+  gridFilteredChildrenCountLookupSelector: true,
+  gridExpandedSortedRowTreeLevelPositionLookupSelector: true,
   isSingleSelectColDef: true,
   useGridFocus: true,
   focusStateInitializer: true,
@@ -46,6 +48,8 @@ var _exportNames = {
   gridEditRowsStateSelector: true,
   useGridRows: true,
   rowsStateInitializer: true,
+  useGridAriaAttributes: true,
+  useGridRowAriaAttributes: true,
   useGridRowsPreProcessors: true,
   getTreeNodeDescendants: true,
   buildRootGroup: true,
@@ -289,6 +293,18 @@ Object.defineProperty(exports, "gridEditRowsStateSelector", {
     return _gridEditingSelectors.gridEditRowsStateSelector;
   }
 });
+Object.defineProperty(exports, "gridExpandedSortedRowTreeLevelPositionLookupSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridExpandedSortedRowTreeLevelPositionLookupSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilteredChildrenCountLookupSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridFilterSelector.gridFilteredChildrenCountLookupSelector;
+  }
+});
 Object.defineProperty(exports, "gridHeaderFilteringEditFieldSelector", {
   enumerable: true,
   get: function () {
@@ -397,6 +413,12 @@ Object.defineProperty(exports, "unwrapPrivateAPI", {
     return _useGridApiInitialization.unwrapPrivateAPI;
   }
 });
+Object.defineProperty(exports, "useGridAriaAttributes", {
+  enumerable: true,
+  get: function () {
+    return _useGridAriaAttributes.useGridAriaAttributes;
+  }
+});
 Object.defineProperty(exports, "useGridClipboard", {
   enumerable: true,
   get: function () {
@@ -541,6 +563,12 @@ Object.defineProperty(exports, "useGridRegisterStrategyProcessor", {
     return _strategyProcessing.useGridRegisterStrategyProcessor;
   }
 });
+Object.defineProperty(exports, "useGridRowAriaAttributes", {
+  enumerable: true,
+  get: function () {
+    return _useGridRowAriaAttributes.useGridRowAriaAttributes;
+  }
+});
 Object.defineProperty(exports, "useGridRowSelection", {
   enumerable: true,
   get: function () {
@@ -665,6 +693,7 @@ var _useGridCsvExport = require("../hooks/features/export/useGridCsvExport");
 var _useGridPrintExport = require("../hooks/features/export/useGridPrintExport");
 var _useGridFilter = require("../hooks/features/filter/useGridFilter");
 var _gridFilterUtils = require("../hooks/features/filter/gridFilterUtils");
+var _gridFilterSelector = require("../hooks/features/filter/gridFilterSelector");
 var _filterPanelUtils = require("../components/panel/filterPanel/filterPanelUtils");
 var _useGridFocus = require("../hooks/features/focus/useGridFocus");
 var _useGridKeyboardNavigation = require("../hooks/features/keyboardNavigation/useGridKeyboardNavigation");
@@ -673,6 +702,8 @@ var _useGridPreferencesPanel = require("../hooks/features/preferencesPanel/useGr
 var _useGridEditing = require("../hooks/features/editing/useGridEditing");
 var _gridEditingSelectors = require("../hooks/features/editing/gridEditingSelectors");
 var _useGridRows = require("../hooks/features/rows/useGridRows");
+var _useGridAriaAttributes = require("../hooks/utils/useGridAriaAttributes");
+var _useGridRowAriaAttributes = require("../hooks/features/rows/useGridRowAriaAttributes");
 var _useGridRowsPreProcessors = require("../hooks/features/rows/useGridRowsPreProcessors");
 var _gridRowsUtils = require("../hooks/features/rows/gridRowsUtils");
 var _useGridRowsMeta = require("../hooks/features/rows/useGridRowsMeta");
@@ -731,18 +762,6 @@ Object.keys(_utils2).forEach(function (key) {
     }
   });
 });
-var _fastMemo = require("../utils/fastMemo");
-Object.keys(_fastMemo).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _fastMemo[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _fastMemo[key];
-    }
-  });
-});
 var _exportAs = require("../utils/exportAs");
 var _getPublicApiRef = require("../utils/getPublicApiRef");
 Object.keys(_getPublicApiRef).forEach(function (key) {

package/node/locales/viVN.js

@@ -36,11 +36,10 @@ const viVNGrid = {
   toolbarExportPrint: 'In',
   toolbarExportExcel: 'Xuất Excel',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-
+  columnsManagementSearchTitle: 'Tìm kiếm',
+  columnsManagementNoColumns: 'Không có cột',
+  columnsManagementShowHideAllText: 'Hiện/Ẩn Tất cả',
+  columnsManagementReset: 'Đặt lại',
   // Filter panel text
   filterPanelAddFilter: 'Thêm bộ lọc',
   filterPanelRemoveAll: 'Xóa tất cả',

package/node/models/configuration/gridConfiguration.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/models/configuration/gridRowConfiguration.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "7.12.0",
+  "version": "7.13.0",
   "description": "The Community plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -43,13 +43,23 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.8",
-    "@mui/x-internals": "7.12.0"
+    "@mui/x-internals": "7.13.0"
   },
   "peerDependencies": {
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
     "@mui/material": "^5.15.14",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
+  "peerDependenciesMeta": {
+    "@emotion/react": {
+      "optional": true
+    },
+    "@emotion/styled": {
+      "optional": true
+    }
+  },
   "engines": {
     "node": ">=14.0.0"
   },

package/modern/utils/fastMemo.js

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { fastObjectShallowCompare } from './fastObjectShallowCompare';
-export function fastMemo(component) {
-  return /*#__PURE__*/React.memo(component, fastObjectShallowCompare);
-}