@mui/x-data-grid 7.12.1 → 7.14.0

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)) {

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

@@ -61,7 +61,8 @@ function useGridParamsApi(apiRef) {
       tabIndex: cellTabIndex && cellTabIndex.field === field && cellTabIndex.id === id ? 0 : -1,
       value,
       formattedValue: value,
-      isEditable: false
+      isEditable: false,
+      api: {}
     };
     if (colDef && colDef.valueFormatter) {
       params.formattedValue = colDef.valueFormatter(value, row, colDef, apiRef);

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

@@ -3,23 +3,32 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useGridSelector = exports.objectShallowCompare = void 0;
+exports.useGridSelectorV8 = 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) {
   return selector.acceptsApiRef;
 }
+// TODO v8: Remove this function
 function applySelector(apiRef, selector) {
   if (isOutputSelector(selector)) {
     return selector(apiRef);
   }
   return selector(apiRef.current.state);
 }
+
+// TODO v8: Rename this function to `applySelector`
+function applySelectorV8(apiRef, selector, args, instanceId) {
+  if (isOutputSelector(selector)) {
+    return selector(apiRef, args);
+  }
+  return selector(apiRef.current.state, instanceId);
+}
 const defaultCompare = Object.is;
 const objectShallowCompare = exports.objectShallowCompare = _fastObjectShallowCompare.fastObjectShallowCompare;
 const createRefs = () => ({
@@ -27,6 +36,8 @@ const createRefs = () => ({
   equals: null,
   selector: null
 });
+
+// TODO v8: Remove this function
 const useGridSelector = (apiRef, selector, equals = defaultCompare) => {
   if (process.env.NODE_ENV !== 'production') {
     if (!apiRef.current.state) {
@@ -52,4 +63,32 @@ const useGridSelector = (apiRef, selector, equals = defaultCompare) => {
   });
   return state;
 };
-exports.useGridSelector = useGridSelector;
+
+// TODO v8: Rename this function to `useGridSelector`
+exports.useGridSelector = useGridSelector;
+const useGridSelectorV8 = (apiRef, selector, args = undefined, equals = defaultCompare) => {
+  if (process.env.NODE_ENV !== 'production') {
+    if (!apiRef.current.state) {
+      (0, _warning.warnOnce)(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
+    }
+  }
+  const refs = (0, _useLazyRef.useLazyRef)(createRefs);
+  const didInit = refs.current.selector !== null;
+  const [state, setState] = React.useState(
+  // We don't use an initialization function to avoid allocations
+  didInit ? null : applySelectorV8(apiRef, selector, args, apiRef.current.instanceId));
+  refs.current.state = state;
+  refs.current.equals = equals;
+  refs.current.selector = selector;
+  (0, _useOnMount.useOnMount)(() => {
+    return apiRef.current.store.subscribe(() => {
+      const newState = applySelectorV8(apiRef, refs.current.selector, args, apiRef.current.instanceId);
+      if (!refs.current.equals(refs.current.state, newState)) {
+        refs.current.state = newState;
+        setState(newState);
+      }
+    });
+  });
+  return state;
+};
+exports.useGridSelectorV8 = useGridSelectorV8;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.12.1
+ * @mui/x-data-grid v7.14.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,
@@ -81,7 +85,10 @@ var _exportNames = {
   getColumnsToExport: true,
   defaultGetRowsToExport: true,
   createSelector: true,
+  createSelectorV8: true,
   createSelectorMemoized: true,
+  createSelectorMemoizedV8: true,
+  useGridSelectorV8: true,
   findParentElementFromClassName: true,
   getActiveElement: true,
   isEventTargetInPortal: true,
@@ -193,6 +200,18 @@ Object.defineProperty(exports, "createSelectorMemoized", {
     return _createSelector.createSelectorMemoized;
   }
 });
+Object.defineProperty(exports, "createSelectorMemoizedV8", {
+  enumerable: true,
+  get: function () {
+    return _createSelector.createSelectorMemoizedV8;
+  }
+});
+Object.defineProperty(exports, "createSelectorV8", {
+  enumerable: true,
+  get: function () {
+    return _createSelector.createSelectorV8;
+  }
+});
 Object.defineProperty(exports, "defaultGetRowsToExport", {
   enumerable: true,
   get: function () {
@@ -289,6 +308,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 +428,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 +578,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 () {
@@ -577,6 +620,12 @@ Object.defineProperty(exports, "useGridScroll", {
     return _useGridScroll.useGridScroll;
   }
 });
+Object.defineProperty(exports, "useGridSelectorV8", {
+  enumerable: true,
+  get: function () {
+    return _useGridSelector.useGridSelectorV8;
+  }
+});
 Object.defineProperty(exports, "useGridSorting", {
   enumerable: true,
   get: function () {
@@ -665,6 +714,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 +723,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");
@@ -717,6 +769,7 @@ Object.keys(_createControllablePromise).forEach(function (key) {
   });
 });
 var _createSelector = require("../utils/createSelector");
+var _useGridSelector = require("../hooks/utils/useGridSelector");
 var _domUtils = require("../utils/domUtils");
 var _keyboardUtils = require("../utils/keyboardUtils");
 var _utils2 = require("../utils/utils");
@@ -731,18 +784,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/csCZ.js

@@ -44,11 +44,10 @@ const csCZGrid = {
   toolbarExportPrint: 'Vytisknout',
   toolbarExportExcel: 'Stáhnout jako Excel',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-
+  columnsManagementSearchTitle: 'Hledat sloupce',
+  columnsManagementNoColumns: 'Žádné sloupce',
+  columnsManagementShowHideAllText: 'Zobrazit/skrýt vše',
+  columnsManagementReset: 'Resetovat',
   // Filter panel text
   filterPanelAddFilter: 'Přidat filtr',
   filterPanelRemoveAll: 'Odstranit vše',

package/node/locales/heIL.js

@@ -36,11 +36,10 @@ const heILGrid = {
   toolbarExportPrint: 'הדפסה',
   toolbarExportExcel: 'ייצוא ל- Excel',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-
+  columnsManagementSearchTitle: 'חיפוש',
+  columnsManagementNoColumns: 'אין עמודות',
+  columnsManagementShowHideAllText: 'הצג/הסתר הכל',
+  columnsManagementReset: 'אתחול',
   // Filter panel text
   filterPanelAddFilter: 'הוסף מסנן',
   filterPanelRemoveAll: 'מחק הכל',

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/node/utils/createSelector.js

@@ -3,9 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createSelectorMemoized = exports.createSelector = void 0;
+exports.createSelectorV8 = exports.createSelectorMemoizedV8 = exports.createSelectorMemoized = exports.createSelector = void 0;
 var _reselect = require("reselect");
 var _warning = require("../internals/utils/warning");
+// TODO v8: Remove this type
+
+// TODO v8: Rename this type to `OutputSelector`
+
+// TODO v8: Remove this type
+
+// TODO v8: Rename this type to `SelectorArgs`
+
+// TODO v8: Remove this type
+
+// TODO v8: Rename this type to `CreateSelectorFunction`
+
 const cache = new WeakMap();
 function checkIsAPIRef(value) {
   return 'current' in value && 'instanceId' in value.current;
@@ -13,6 +25,8 @@ function checkIsAPIRef(value) {
 const DEFAULT_INSTANCE_ID = {
   id: 'default'
 };
+
+// TODO v8: Remove this function
 const createSelector = (a, b, c, d, e, f, ...other) => {
   if (other.length > 0) {
     throw new Error('Unsupported number of selectors');
@@ -77,7 +91,76 @@ const createSelector = (a, b, c, d, e, f, ...other) => {
   selector.acceptsApiRef = true;
   return selector;
 };
+
+// TODO v8: Rename this function to `createSelector`
 exports.createSelector = createSelector;
+const createSelectorV8 = (a, b, c, d, e, f, ...other) => {
+  if (other.length > 0) {
+    throw new Error('Unsupported number of selectors');
+  }
+  let selector;
+  if (a && b && c && d && e && f) {
+    selector = (stateOrApiRef, args, instanceIdParam) => {
+      const isAPIRef = checkIsAPIRef(stateOrApiRef);
+      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
+      const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
+      const va = a(state, args, instanceId);
+      const vb = b(state, args, instanceId);
+      const vc = c(state, args, instanceId);
+      const vd = d(state, args, instanceId);
+      const ve = e(state, args, instanceId);
+      return f(va, vb, vc, vd, ve, args);
+    };
+  } else if (a && b && c && d && e) {
+    selector = (stateOrApiRef, args, instanceIdParam) => {
+      const isAPIRef = checkIsAPIRef(stateOrApiRef);
+      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
+      const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
+      const va = a(state, args, instanceId);
+      const vb = b(state, args, instanceId);
+      const vc = c(state, args, instanceId);
+      const vd = d(state, args, instanceId);
+      return e(va, vb, vc, vd, args);
+    };
+  } else if (a && b && c && d) {
+    selector = (stateOrApiRef, args, instanceIdParam) => {
+      const isAPIRef = checkIsAPIRef(stateOrApiRef);
+      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
+      const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
+      const va = a(state, args, instanceId);
+      const vb = b(state, args, instanceId);
+      const vc = c(state, args, instanceId);
+      return d(va, vb, vc, args);
+    };
+  } else if (a && b && c) {
+    selector = (stateOrApiRef, args, instanceIdParam) => {
+      const isAPIRef = checkIsAPIRef(stateOrApiRef);
+      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
+      const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
+      const va = a(state, args, instanceId);
+      const vb = b(state, args, instanceId);
+      return c(va, vb, args);
+    };
+  } else if (a && b) {
+    selector = (stateOrApiRef, args, instanceIdParam) => {
+      const isAPIRef = checkIsAPIRef(stateOrApiRef);
+      const instanceId = instanceIdParam ?? (isAPIRef ? stateOrApiRef.current.instanceId : DEFAULT_INSTANCE_ID);
+      const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
+      const va = a(state, args, instanceId);
+      return b(va, args);
+    };
+  } else {
+    throw new Error('Missing arguments');
+  }
+
+  // We use this property to detect if the selector was created with createSelector
+  // or it's only a simple function the receives the state and returns part of it.
+  selector.acceptsApiRef = true;
+  return selector;
+};
+
+// TODO v8: Remove this function
+exports.createSelectorV8 = createSelectorV8;
 const createSelectorMemoized = (...args) => {
   const selector = (stateOrApiRef, instanceId) => {
     const isAPIRef = checkIsAPIRef(stateOrApiRef);
@@ -109,4 +192,38 @@ const createSelectorMemoized = (...args) => {
   selector.acceptsApiRef = true;
   return selector;
 };
-exports.createSelectorMemoized = createSelectorMemoized;
+
+// TODO v8: Rename this function to `createSelectorMemoized`
+exports.createSelectorMemoized = createSelectorMemoized;
+const createSelectorMemoizedV8 = (...args) => {
+  const selector = (stateOrApiRef, selectorArgs, instanceId) => {
+    const isAPIRef = checkIsAPIRef(stateOrApiRef);
+    const cacheKey = isAPIRef ? stateOrApiRef.current.instanceId : instanceId ?? DEFAULT_INSTANCE_ID;
+    const state = isAPIRef ? stateOrApiRef.current.state : stateOrApiRef;
+    if (process.env.NODE_ENV !== 'production') {
+      if (cacheKey.id === 'default') {
+        (0, _warning.warnOnce)(['MUI X: A selector was called without passing the instance ID, which may impact the performance of the grid.', 'To fix, call it with `apiRef`, for example `mySelector(apiRef)`, or pass the instance ID explicitly, for example `mySelector(state, apiRef.current.instanceId)`.']);
+      }
+    }
+    const cacheArgsInit = cache.get(cacheKey);
+    const cacheArgs = cacheArgsInit ?? new Map();
+    const cacheFn = cacheArgs?.get(args);
+    if (cacheArgs && cacheFn) {
+      // We pass the cache key because the called selector might have as
+      // dependency another selector created with this `createSelector`.
+      return cacheFn(state, selectorArgs, cacheKey);
+    }
+    const fn = (0, _reselect.createSelector)(...args);
+    if (!cacheArgsInit) {
+      cache.set(cacheKey, cacheArgs);
+    }
+    cacheArgs.set(args, fn);
+    return fn(state, selectorArgs, cacheKey);
+  };
+
+  // We use this property to detect if the selector was created with createSelector
+  // or it's only a simple function the receives the state and returns part of it.
+  selector.acceptsApiRef = true;
+  return selector;
+};
+exports.createSelectorMemoizedV8 = createSelectorMemoizedV8;

package/node/utils/keyboardUtils.js

@@ -3,21 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isNavigationKey = exports.isMultipleKey = exports.isKeyboardEvent = exports.isHideMenuKey = exports.isEscapeKey = exports.isCellExitEditModeKeys = exports.isCellEnterEditModeKeys = exports.isCellEditCommitKeys = exports.GRID_MULTIPLE_SELECTION_KEYS = exports.GRID_CELL_EXIT_EDIT_MODE_KEYS = exports.GRID_CELL_EDIT_COMMIT_KEYS = void 0;
+exports.isNavigationKey = exports.isMultipleKey = exports.isKeyboardEvent = exports.isHideMenuKey = exports.isCellExitEditModeKeys = exports.isCellEnterEditModeKeys = exports.isCellEditCommitKeys = exports.GRID_MULTIPLE_SELECTION_KEYS = exports.GRID_CELL_EXIT_EDIT_MODE_KEYS = exports.GRID_CELL_EDIT_COMMIT_KEYS = void 0;
 exports.isPasteShortcut = isPasteShortcut;
 exports.isPrintableKey = isPrintableKey;
-exports.isTabKey = void 0;
-/**
- * @deprecated there is no meaninfuly logic abstracted, use event.key directly.
- */
-const isEscapeKey = key => key === 'Escape';
-
-/**
- * @deprecated there is no meaninfuly logic abstracted, use event.key directly.
- */
-exports.isEscapeKey = isEscapeKey;
-const isTabKey = key => key === 'Tab';
-
 // Non printable keys have a name, for example "ArrowRight", see the whole list:
 // https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
 // So event.key.length === 1 is often enough.
@@ -25,7 +13,6 @@ const isTabKey = key => key === 'Tab';
 // However, we also need to ignore shortcuts, for example: select all:
 // - Windows: Ctrl+A, event.ctrlKey is true
 // - macOS: ⌘ Command+A, event.metaKey is true
-exports.isTabKey = isTabKey;
 function isPrintableKey(event) {
   return event.key.length === 1 && !event.ctrlKey && !event.metaKey;
 }
@@ -44,7 +31,7 @@ const isNavigationKey = key => key.indexOf('Arrow') === 0 || key.indexOf('Page')
 exports.isNavigationKey = isNavigationKey;
 const isKeyboardEvent = event => !!event.key;
 exports.isKeyboardEvent = isKeyboardEvent;
-const isHideMenuKey = key => isTabKey(key) || isEscapeKey(key);
+const isHideMenuKey = key => key === 'Tab' || key === 'Escape';
 
 // In theory, on macOS, ctrl + v doesn't trigger a paste, so the function should return false.
 // However, maybe it's overkill to fix, so let's be lazy.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "7.12.1",
+  "version": "7.14.0",
   "description": "The Community plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -38,12 +38,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.25.0",
-    "@mui/system": "^5.16.5",
-    "@mui/utils": "^5.16.5",
+    "@mui/system": "^5.16.7",
+    "@mui/utils": "^5.16.6",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.8",
-    "@mui/x-internals": "7.12.0"
+    "@mui/x-internals": "7.14.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",