@mui/x-data-grid 8.25.0 → 8.26.0

package/hooks/features/scroll/useGridScroll.js

@@ -62,7 +62,7 @@ const useGridScroll = (apiRef, props) => {
     }
     logger.debug(`Scrolling to cell at row ${params.rowIndex}, col: ${params.colIndex} `);
     let scrollCoordinates = {};
-    if (params.colIndex !== undefined) {
+    if (params.colIndex !== undefined && visibleColumns[params.colIndex]) {
       const columnPositions = (0, _gridColumnsSelector.gridColumnPositionsSelector)(apiRef);
       let cellWidth;
       if (typeof params.rowIndex !== 'undefined') {
@@ -79,7 +79,7 @@ const useGridScroll = (apiRef, props) => {
       // When using RTL, `scrollLeft` becomes negative, so we must ensure that we only compare values.
       scrollCoordinates.left = scrollIntoView({
         containerSize: dimensions.viewportOuterSize.width,
-        scrollPosition: Math.abs(virtualScrollerRef.current.scrollLeft),
+        scrollPosition: Math.abs(virtualScrollerRef.current?.scrollLeft ?? 0),
         elementSize: cellWidth,
         elementOffset: columnPositions[params.colIndex]
       });
@@ -92,7 +92,7 @@ const useGridScroll = (apiRef, props) => {
       const targetOffsetHeight = rowsMeta.positions[elementIndex + 1] ? rowsMeta.positions[elementIndex + 1] - rowsMeta.positions[elementIndex] : rowsMeta.currentPageTotalHeight - rowsMeta.positions[elementIndex];
       scrollCoordinates.top = scrollIntoView({
         containerSize: dimensions.viewportInnerSize.height,
-        scrollPosition: virtualScrollerRef.current.scrollTop,
+        scrollPosition: virtualScrollerRef.current?.scrollTop ?? 0,
         elementSize: targetOffsetHeight,
         elementOffset: rowsMeta.positions[elementIndex]
       });

package/index.js

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

package/internals/index.d.ts

@@ -102,7 +102,7 @@ export { NotRendered } from "../utils/assert.js";
 export { createSelector, createRootSelector, createSelectorMemoized } from "../utils/createSelector.js";
 export { gridRowGroupsToFetchSelector } from "../hooks/features/rows/gridRowsSelector.js";
 export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from "../utils/domUtils.js";
-export { isNavigationKey, isPasteShortcut, isCopyShortcut } from "../utils/keyboardUtils.js";
+export { isNavigationKey, isPasteShortcut, isCopyShortcut, isUndoShortcut, isRedoShortcut } from "../utils/keyboardUtils.js";
 export * from "../utils/utils.js";
 export { exportAs } from "../utils/exportAs.js";
 export * from "../utils/getPublicApiRef.js";

package/internals/index.js

@@ -121,6 +121,8 @@ var _exportNames = {
   isNavigationKey: true,
   isPasteShortcut: true,
   isCopyShortcut: true,
+  isUndoShortcut: true,
+  isRedoShortcut: true,
   exportAs: true,
   useGridPrivateApiContext: true,
   serializeCellValue: true,
@@ -512,12 +514,24 @@ Object.defineProperty(exports, "isPasteShortcut", {
     return _keyboardUtils.isPasteShortcut;
   }
 });
+Object.defineProperty(exports, "isRedoShortcut", {
+  enumerable: true,
+  get: function () {
+    return _keyboardUtils.isRedoShortcut;
+  }
+});
 Object.defineProperty(exports, "isSingleSelectColDef", {
   enumerable: true,
   get: function () {
     return _filterPanelUtils.isSingleSelectColDef;
   }
 });
+Object.defineProperty(exports, "isUndoShortcut", {
+  enumerable: true,
+  get: function () {
+    return _keyboardUtils.isUndoShortcut;
+  }
+});
 Object.defineProperty(exports, "listViewStateInitializer", {
   enumerable: true,
   get: function () {

package/locales/arSD.js

@@ -19,6 +19,9 @@ const arSDGrid = {
   toolbarDensityCompact: 'مضغوط',
   toolbarDensityStandard: 'قياسي',
   toolbarDensityComfortable: 'مريح',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'تراجع',
+  toolbarRedo: 'إعادة',
   // Columns selector toolbar button text
   toolbarColumns: 'الأعمدة',
   toolbarColumnsLabel: 'حدد أعمدة',

package/locales/beBY.js

@@ -29,6 +29,9 @@ const beBYGrid = {
   toolbarDensityCompact: 'Кампактны',
   toolbarDensityStandard: 'Стандартны',
   toolbarDensityComfortable: 'Камфортны',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Адмяніць',
+  toolbarRedo: 'Паўтарыць',
   // Columns selector toolbar button text
   toolbarColumns: 'Слупкі',
   toolbarColumnsLabel: 'Выберыце слупкі',

package/locales/bgBG.js

@@ -19,6 +19,9 @@ const bgBGGrid = {
   toolbarDensityCompact: 'Компактна',
   toolbarDensityStandard: 'Стандартна',
   toolbarDensityComfortable: 'Комфортна',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Отмяна',
+  toolbarRedo: 'Повтори',
   // Columns selector toolbar button text
   toolbarColumns: 'Колони',
   toolbarColumnsLabel: 'Покажи селектора на колони',

package/locales/bnBD.js

@@ -19,6 +19,9 @@ const bnBDGrid = {
   toolbarDensityCompact: 'সংকুচিত',
   toolbarDensityStandard: 'মানক',
   toolbarDensityComfortable: 'স্বাচ্ছন্দ্যদায়ক',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'পূর্বাবস্থায় ফেরান',
+  toolbarRedo: 'পুনরায় করুন',
   // Columns selector toolbar button text
   toolbarColumns: 'কলাম',
   toolbarColumnsLabel: 'কলাম নির্বাচন করুন',

package/locales/caES.js

@@ -18,6 +18,9 @@ const caESGrid = {
   toolbarDensityCompact: 'Compacta',
   toolbarDensityStandard: 'Estàndard',
   toolbarDensityComfortable: 'Còmoda',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Desfés',
+  toolbarRedo: 'Refés',
   // Columns selector toolbar button text
   toolbarColumns: 'Columnes',
   toolbarColumnsLabel: 'Selecciona columnes',

package/locales/csCZ.js

@@ -19,6 +19,9 @@ const csCZGrid = {
   toolbarDensityCompact: 'Kompaktní',
   toolbarDensityStandard: 'Standartní',
   toolbarDensityComfortable: 'Komfortní',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Zpět',
+  toolbarRedo: 'Znovu',
   // Columns selector toolbar button text
   toolbarColumns: 'Sloupce',
   toolbarColumnsLabel: 'Vybrat sloupec',

package/locales/daDK.js

@@ -19,6 +19,9 @@ const daDKGrid = {
   toolbarDensityCompact: 'Kompakt',
   toolbarDensityStandard: 'Standard',
   toolbarDensityComfortable: 'Luftig',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Fortryd',
+  toolbarRedo: 'Gentag',
   // Columns selector toolbar button text
   toolbarColumns: 'Kolonner',
   toolbarColumnsLabel: 'Vælg kolonner',

package/locales/deDE.js

@@ -18,6 +18,9 @@ const deDEGrid = {
   toolbarDensityCompact: 'Kompakt',
   toolbarDensityStandard: 'Standard',
   toolbarDensityComfortable: 'Breit',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Rückgängig',
+  toolbarRedo: 'Wiederholen',
   // Columns selector toolbar button text
   toolbarColumns: 'Spalten',
   toolbarColumnsLabel: 'Zeige Spaltenauswahl',

package/locales/elGR.js

@@ -19,6 +19,9 @@ const elGRGrid = {
   toolbarDensityCompact: 'Συμπαγής',
   toolbarDensityStandard: 'Προκαθορισμένο',
   toolbarDensityComfortable: 'Πλατύ',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Αναίρεση',
+  toolbarRedo: 'Επανάληψη',
   // Columns selector toolbar button text
   toolbarColumns: 'Στήλες',
   toolbarColumnsLabel: 'Επιλέξτε στήλες',

package/locales/esES.js

@@ -18,6 +18,9 @@ const esESGrid = {
   toolbarDensityCompact: 'Compacta',
   toolbarDensityStandard: 'Estándar',
   toolbarDensityComfortable: 'Cómoda',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Deshacer',
+  toolbarRedo: 'Rehacer',
   // Columns selector toolbar button text
   toolbarColumns: 'Columnas',
   toolbarColumnsLabel: 'Seleccionar columnas',

package/locales/faIR.js

@@ -19,6 +19,9 @@ const faIRGrid = {
   toolbarDensityCompact: 'فشرده',
   toolbarDensityStandard: 'استاندارد',
   toolbarDensityComfortable: 'راحت',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'واگرد',
+  toolbarRedo: 'ازنو',
   // Columns selector toolbar button text
   toolbarColumns: 'ستون‌ها',
   toolbarColumnsLabel: 'ستون‌ها را انتخاب کنید',

package/locales/fiFI.js

@@ -19,6 +19,9 @@ const fiFIGrid = {
   toolbarDensityCompact: 'Kompakti',
   toolbarDensityStandard: 'Vakio',
   toolbarDensityComfortable: 'Mukava',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Kumoa',
+  toolbarRedo: 'Tee uudelleen',
   // Columns selector toolbar button text
   toolbarColumns: 'Sarakkeet',
   toolbarColumnsLabel: 'Valitse sarakkeet',

package/locales/frFR.js

@@ -19,6 +19,9 @@ const frFRGrid = {
   toolbarDensityCompact: 'Compacte',
   toolbarDensityStandard: 'Standard',
   toolbarDensityComfortable: 'Confortable',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Annuler',
+  toolbarRedo: 'Rétablir',
   // Columns selector toolbar button text
   toolbarColumns: 'Colonnes',
   toolbarColumnsLabel: 'Choisir les colonnes',

package/locales/heIL.js

@@ -19,6 +19,9 @@ const heILGrid = {
   toolbarDensityCompact: 'דחוסה',
   toolbarDensityStandard: 'רגילה',
   toolbarDensityComfortable: 'אוורירית',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'בטל',
+  toolbarRedo: 'בצע שוב',
   // Columns selector toolbar button text
   toolbarColumns: 'עמודות',
   toolbarColumnsLabel: 'בחר עמודות',

package/locales/hrHR.js

@@ -19,6 +19,9 @@ const hrHRGrid = {
   toolbarDensityCompact: 'Kompaktno',
   toolbarDensityStandard: 'Standardno',
   toolbarDensityComfortable: 'Udobno',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Poništi',
+  toolbarRedo: 'Ponovi',
   // Columns selector toolbar button text
   toolbarColumns: 'Stupci',
   toolbarColumnsLabel: 'Odaberite stupce',

package/locales/huHU.js

@@ -19,6 +19,9 @@ const huHUGrid = {
   toolbarDensityCompact: 'Kompakt',
   toolbarDensityStandard: 'Normál',
   toolbarDensityComfortable: 'Kényelmes',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Visszavonás',
+  toolbarRedo: 'Újra',
   // Columns selector toolbar button text
   toolbarColumns: 'Oszlopok',
   toolbarColumnsLabel: 'Oszlopok kiválasztása',

package/locales/hyAM.js

@@ -19,6 +19,9 @@ const hyAMGrid = {
   toolbarDensityCompact: 'Կոմպակտ',
   toolbarDensityStandard: 'Ստանդարտ',
   toolbarDensityComfortable: 'Հարմարավետ',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Հետսարկել',
+  toolbarRedo: 'Կրկնվել',
   // Columns selector toolbar button text
   toolbarColumns: 'Սյունակներ',
   toolbarColumnsLabel: 'Ընտրել սյունակներ',

package/locales/idID.js

@@ -18,6 +18,9 @@ const idIDGrid = exports.idIDGrid = {
   toolbarDensityCompact: 'Ringkas',
   toolbarDensityStandard: 'Standar',
   toolbarDensityComfortable: 'Nyaman',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Urungkan',
+  toolbarRedo: 'Ulangi',
   // Columns selector toolbar button text
   toolbarColumns: 'Kolom',
   toolbarColumnsLabel: 'Pilih kolom',

package/locales/isIS.js

@@ -19,6 +19,9 @@ const isISGrid = {
   toolbarDensityCompact: 'Þétt',
   toolbarDensityStandard: 'Staðlað',
   toolbarDensityComfortable: 'Rúmlegt',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Afturkalla',
+  toolbarRedo: 'Endurgera',
   // Columns selector toolbar button text
   toolbarColumns: 'Dálkar',
   toolbarColumnsLabel: 'Veldu dálka',

package/locales/itIT.js

@@ -18,6 +18,9 @@ const itITGrid = {
   toolbarDensityCompact: 'Compatta',
   toolbarDensityStandard: 'Standard',
   toolbarDensityComfortable: 'Comoda',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Annulla',
+  toolbarRedo: 'Ripeti',
   // Columns selector toolbar button text
   toolbarColumns: 'Colonne',
   toolbarColumnsLabel: 'Seleziona le colonne',

package/locales/jaJP.js

@@ -19,6 +19,9 @@ const jaJPGrid = {
   toolbarDensityCompact: 'コンパクト',
   toolbarDensityStandard: '標準',
   toolbarDensityComfortable: '広め',
+  // Undo/redo toolbar button text
+  toolbarUndo: '元に戻す',
+  toolbarRedo: 'やり直す',
   // Columns selector toolbar button text
   toolbarColumns: '列一覧',
   toolbarColumnsLabel: '列選択',

package/locales/koKR.js

@@ -18,6 +18,9 @@ const koKRGrid = {
   toolbarDensityCompact: '좁게',
   toolbarDensityStandard: '기본',
   toolbarDensityComfortable: '넓게',
+  // Undo/redo toolbar button text
+  toolbarUndo: '실행 취소',
+  toolbarRedo: '다시 실행',
   // Columns selector toolbar button text
   toolbarColumns: '열 목록',
   toolbarColumnsLabel: '열 선택',

package/locales/nbNO.js

@@ -19,6 +19,9 @@ const nbNOGrid = {
   toolbarDensityCompact: 'Kompakt',
   toolbarDensityStandard: 'Standard',
   toolbarDensityComfortable: 'Komfortabelt',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Angre',
+  toolbarRedo: 'Gjør om',
   // Columns selector toolbar button text
   toolbarColumns: 'Kolonner',
   toolbarColumnsLabel: 'Velg kolonner',

package/locales/nlNL.js

@@ -19,6 +19,9 @@ const nlNLGrid = {
   toolbarDensityCompact: 'Compact',
   toolbarDensityStandard: 'Normaal',
   toolbarDensityComfortable: 'Breed',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Ongedaan maken',
+  toolbarRedo: 'Opnieuw',
   // Columns selector toolbar button text
   toolbarColumns: 'Kolommen',
   toolbarColumnsLabel: 'Kies kolommen',

package/locales/nnNO.js

@@ -18,6 +18,9 @@ const nnNOGrid = {
   toolbarDensityCompact: 'Kompakt',
   toolbarDensityStandard: 'Standard',
   toolbarDensityComfortable: 'Komfortabelt',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Angre',
+  toolbarRedo: 'Gjer om',
   // Columns selector toolbar button text
   toolbarColumns: 'Kolonner',
   toolbarColumnsLabel: 'Vel kolonner',

package/locales/plPL.js

@@ -19,6 +19,9 @@ const plPLGrid = {
   toolbarDensityCompact: 'Kompakt',
   toolbarDensityStandard: 'Standard',
   toolbarDensityComfortable: 'Komfort',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Cofnij',
+  toolbarRedo: 'Ponów',
   // Columns selector toolbar button text
   toolbarColumns: 'Kolumny',
   toolbarColumnsLabel: 'Zaznacz kolumny',

package/locales/ptBR.js

@@ -18,6 +18,9 @@ const ptBRGrid = {
   toolbarDensityCompact: 'Compacto',
   toolbarDensityStandard: 'Padrão',
   toolbarDensityComfortable: 'Confortável',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Desfazer',
+  toolbarRedo: 'Refazer',
   // Columns selector toolbar button text
   toolbarColumns: 'Colunas',
   toolbarColumnsLabel: 'Exibir seletor de colunas',

package/locales/ptPT.js

@@ -18,6 +18,9 @@ const ptPTGrid = {
   toolbarDensityCompact: 'Compacto',
   toolbarDensityStandard: 'Padrão',
   toolbarDensityComfortable: 'Confortável',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Anular',
+  toolbarRedo: 'Refazer',
   // Columns selector toolbar button text
   toolbarColumns: 'Colunas',
   toolbarColumnsLabel: 'Selecione colunas',

package/locales/roRO.js

@@ -19,6 +19,9 @@ const roROGrid = {
   toolbarDensityCompact: 'Compact',
   toolbarDensityStandard: 'Standard',
   toolbarDensityComfortable: 'Lat',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Anulează',
+  toolbarRedo: 'Refă',
   // Columns selector toolbar button text
   toolbarColumns: 'Coloane',
   toolbarColumnsLabel: 'Afișează selecție coloane',

package/locales/ruRU.js

@@ -30,6 +30,9 @@ const ruRUGrid = {
   toolbarDensityCompact: 'Компактная',
   toolbarDensityStandard: 'Стандартная',
   toolbarDensityComfortable: 'Комфортная',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Отменить',
+  toolbarRedo: 'Повторить',
   // Columns selector toolbar button text
   toolbarColumns: 'Столбцы',
   toolbarColumnsLabel: 'Выделите столбцы',

package/locales/skSK.js

@@ -19,6 +19,9 @@ const skSKGrid = {
   toolbarDensityCompact: 'Kompaktná',
   toolbarDensityStandard: 'Štandartná',
   toolbarDensityComfortable: 'Komfortná',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Späť',
+  toolbarRedo: 'Znova',
   // Columns selector toolbar button text
   toolbarColumns: 'Stĺpce',
   toolbarColumnsLabel: 'Vybrať stĺpce',

package/locales/svSE.js

@@ -19,6 +19,9 @@ const svSEGrid = {
   toolbarDensityCompact: 'Kompakt',
   toolbarDensityStandard: 'Standard',
   toolbarDensityComfortable: 'Luftig',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Ångra',
+  toolbarRedo: 'Gör om',
   // Columns selector toolbar button text
   toolbarColumns: 'Kolumner',
   toolbarColumnsLabel: 'Välj kolumner',

package/locales/trTR.js

@@ -19,6 +19,9 @@ const trTRGrid = {
   toolbarDensityCompact: 'Sıkı',
   toolbarDensityStandard: 'Standart',
   toolbarDensityComfortable: 'Rahat',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Geri al',
+  toolbarRedo: 'Yinele',
   // Columns selector toolbar button text
   toolbarColumns: 'Sütunlar',
   toolbarColumnsLabel: 'Sütun seç',

package/locales/ukUA.js

@@ -30,6 +30,9 @@ const ukUAGrid = {
   toolbarDensityCompact: 'Компактний',
   toolbarDensityStandard: 'Стандартний',
   toolbarDensityComfortable: 'Комфортний',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Скасувати',
+  toolbarRedo: 'Повторити',
   // Columns selector toolbar button text
   toolbarColumns: 'Стовпці',
   toolbarColumnsLabel: 'Виділіть стовпці',

package/locales/urPK.js

@@ -19,6 +19,9 @@ const urPKGrid = {
   toolbarDensityCompact: 'تنگ',
   toolbarDensityStandard: 'درمیانہ',
   toolbarDensityComfortable: 'مناسب',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'واپس',
+  toolbarRedo: 'دوبارہ',
   // Columns selector toolbar button text
   toolbarColumns: 'کالمز',
   toolbarColumnsLabel: 'کالمز کو منتخب کریں',

package/locales/viVN.js

@@ -19,6 +19,9 @@ const viVNGrid = {
   toolbarDensityCompact: 'Trung bình',
   toolbarDensityStandard: 'Tiêu chuẩn',
   toolbarDensityComfortable: 'Rộng',
+  // Undo/redo toolbar button text
+  toolbarUndo: 'Hoàn tác',
+  toolbarRedo: 'Làm lại',
   // Columns selector toolbar button text
   toolbarColumns: 'Cột',
   toolbarColumnsLabel: 'Chọn cột',

package/locales/zhCN.js

@@ -19,6 +19,9 @@ const zhCNGrid = {
   toolbarDensityCompact: '紧密',
   toolbarDensityStandard: '标准',
   toolbarDensityComfortable: '稀疏',
+  // Undo/redo toolbar button text
+  toolbarUndo: '撤销',
+  toolbarRedo: '重做',
   // Columns selector toolbar button text
   toolbarColumns: '列',
   toolbarColumnsLabel: '选择列',

package/locales/zhHK.js

@@ -19,6 +19,9 @@ const zhHKGrid = {
   toolbarDensityCompact: '袖珍的',
   toolbarDensityStandard: '標準',
   toolbarDensityComfortable: '舒服的',
+  // Undo/redo toolbar button text
+  toolbarUndo: '復原',
+  toolbarRedo: '重做',
   // Columns selector toolbar button text
   toolbarColumns: '列',
   toolbarColumnsLabel: '選擇列',

package/locales/zhTW.js

@@ -19,6 +19,9 @@ const zhTWGrid = {
   toolbarDensityCompact: '緊湊',
   toolbarDensityStandard: '標準',
   toolbarDensityComfortable: '舒適',
+  // Undo/redo toolbar button text
+  toolbarUndo: '復原',
+  toolbarRedo: '重做',
   // Columns selector toolbar button text
   toolbarColumns: '欄位',
   toolbarColumnsLabel: '選擇欄位',

package/material/icons/index.d.ts

@@ -7,6 +7,8 @@ export declare const GridFilterAltIcon: (props: import("@mui/x-data-grid").GridB
 export declare const GridSearchIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridMenuIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridCheckCircleIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridUndoIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
+export declare const GridRedoIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridColumnIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridSeparatorIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridViewHeadlineIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;

package/material/icons/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridVisibilityOffIcon = exports.GridViewStreamIcon = exports.GridViewHeadlineIcon = exports.GridViewColumnIcon = exports.GridTripleDotsVerticalIcon = exports.GridTableRowsIcon = exports.GridSeparatorIcon = exports.GridSearchIcon = exports.GridRemoveIcon = exports.GridMoreVertIcon = exports.GridMenuIcon = exports.GridLoadIcon = exports.GridKeyboardArrowRight = exports.GridFilterListIcon = exports.GridFilterAltIcon = exports.GridExpandMoreIcon = exports.GridDragIcon = exports.GridDownloadIcon = exports.GridDeleteIcon = exports.GridDeleteForeverIcon = exports.GridColumnIcon = exports.GridCloseIcon = exports.GridClearIcon = exports.GridCheckIcon = exports.GridCheckCircleIcon = exports.GridArrowUpwardIcon = exports.GridArrowDownwardIcon = exports.GridAddIcon = void 0;
+exports.GridVisibilityOffIcon = exports.GridViewStreamIcon = exports.GridViewHeadlineIcon = exports.GridViewColumnIcon = exports.GridUndoIcon = exports.GridTripleDotsVerticalIcon = exports.GridTableRowsIcon = exports.GridSeparatorIcon = exports.GridSearchIcon = exports.GridRemoveIcon = exports.GridRedoIcon = exports.GridMoreVertIcon = exports.GridMenuIcon = exports.GridLoadIcon = exports.GridKeyboardArrowRight = exports.GridFilterListIcon = exports.GridFilterAltIcon = exports.GridExpandMoreIcon = exports.GridDragIcon = exports.GridDownloadIcon = exports.GridDeleteIcon = exports.GridDeleteForeverIcon = exports.GridColumnIcon = exports.GridCloseIcon = exports.GridClearIcon = exports.GridCheckIcon = exports.GridCheckCircleIcon = exports.GridArrowUpwardIcon = exports.GridArrowDownwardIcon = exports.GridAddIcon = void 0;
 var _createSvgIcon = require("./createSvgIcon");
 var _jsxRuntime = require("react/jsx-runtime");
 const GridArrowUpwardIcon = exports.GridArrowUpwardIcon = (0, _createSvgIcon.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
@@ -33,6 +33,12 @@ const GridMenuIcon = exports.GridMenuIcon = (0, _createSvgIcon.createSvgIcon)(/*
 const GridCheckCircleIcon = exports.GridCheckCircleIcon = (0, _createSvgIcon.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
 }), 'CheckCircle');
+const GridUndoIcon = exports.GridUndoIcon = (0, _createSvgIcon.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8"
+}), 'Undo');
+const GridRedoIcon = exports.GridRedoIcon = (0, _createSvgIcon.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  d: "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7z"
+}), 'Redo');
 const GridColumnIcon = exports.GridColumnIcon = (0, _createSvgIcon.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
   d: "M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z"
 }), 'ColumnIcon');

package/material/index.js

@@ -786,6 +786,8 @@ const iconSlots = {
   columnMenuIcon: _icons.GridTripleDotsVerticalIcon,
   openFilterButtonIcon: _icons.GridFilterListIcon,
   filterPanelDeleteIcon: _icons.GridCloseIcon,
+  undoIcon: _icons.GridUndoIcon,
+  redoIcon: _icons.GridRedoIcon,
   columnFilteredIcon: _icons.GridFilterAltIcon,
   columnSelectorIcon: _icons.GridColumnIcon,
   columnUnsortedIcon: _GridColumnUnsortedIcon.GridColumnUnsortedIcon,

package/models/api/gridLocaleTextApi.d.ts

@@ -14,6 +14,8 @@ export interface GridLocaleText {
   toolbarDensityCompact: string;
   toolbarDensityStandard: string;
   toolbarDensityComfortable: string;
+  toolbarUndo: React.ReactNode;
+  toolbarRedo: React.ReactNode;
   toolbarColumns: React.ReactNode;
   toolbarColumnsLabel: string;
   toolbarFilters: React.ReactNode;

package/models/gridIconSlotsComponent.d.ts

@@ -15,6 +15,16 @@ export interface GridIconSlotsComponent {
    * @default GridCloseIcon
    */
   booleanCellFalseIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon displayed on the undo button in the toolbar.
+   * @default GridUndoIcon
+   */
+  undoIcon: React.JSXElementConstructor<IconProps>;
+  /**
+   * Icon displayed on the redo button in the toolbar.
+   * @default GridRedoIcon
+   */
+  redoIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the side of the column header title to display the filter input component.
    * @default GridTripleDotsVerticalIcon

package/models/gridStateCommunity.d.ts

@@ -13,7 +13,7 @@ import type { GridRowReorderState } from "../hooks/features/rowReorder/gridRowRe
  * Some props are passed on the state to enable grid selectors to select
  * and react to them.
  */
-export type GridStateProps = Pick<DataGridProcessedProps, 'getRowId' | 'listView' | 'isCellEditable' | 'isRowSelectable'>;
+export type GridStateProps = Pick<DataGridProcessedProps, 'getRowId' | 'listView' | 'isCellEditable' | 'isRowSelectable' | 'dataSource'>;
 /**
  * The state of Data Grid.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.25.0",
+  "version": "8.26.0",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",
@@ -42,8 +42,8 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-internals": "8.25.0",
-    "@mui/x-virtualizer": "0.3.2"
+    "@mui/x-virtualizer": "0.3.3",
+    "@mui/x-internals": "8.26.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/utils/keyboardUtils.d.ts

@@ -4,4 +4,6 @@ export declare const isNavigationKey: (key: string) => boolean;
 export declare const isKeyboardEvent: (event: any) => event is React.KeyboardEvent<HTMLElement>;
 export declare const isHideMenuKey: (key: React.KeyboardEvent["key"]) => key is "Tab" | "Escape";
 export declare function isPasteShortcut(event: React.KeyboardEvent): boolean;
-export declare function isCopyShortcut(event: KeyboardEvent): boolean;
+export declare function isCopyShortcut(event: KeyboardEvent): boolean;
+export declare function isUndoShortcut(event: React.KeyboardEvent): boolean;
+export declare function isRedoShortcut(event: React.KeyboardEvent): boolean;