@mui/x-data-grid 8.24.0 → 8.26.0

package/esm/locales/deDE.js

@@ -12,6 +12,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/esm/locales/elGR.js

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

package/esm/locales/esES.js

@@ -12,6 +12,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/esm/locales/faIR.js

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

package/esm/locales/fiFI.js

@@ -13,6 +13,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/esm/locales/frFR.js

@@ -13,6 +13,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/esm/locales/heIL.js

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

package/esm/locales/hrHR.js

@@ -13,6 +13,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/esm/locales/huHU.js

@@ -13,6 +13,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/esm/locales/hyAM.js

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

package/esm/locales/idID.js

@@ -12,6 +12,9 @@ export const 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/esm/locales/isIS.js

@@ -13,6 +13,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/esm/locales/itIT.js

@@ -12,6 +12,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/esm/locales/jaJP.js

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

package/esm/locales/koKR.js

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

package/esm/locales/nbNO.js

@@ -13,6 +13,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/esm/locales/nlNL.js

@@ -13,6 +13,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/esm/locales/nnNO.js

@@ -12,6 +12,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/esm/locales/plPL.js

@@ -13,6 +13,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/esm/locales/ptBR.js

@@ -12,6 +12,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/esm/locales/ptPT.js

@@ -12,6 +12,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/esm/locales/roRO.js

@@ -13,6 +13,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/esm/locales/ruRU.js

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

package/esm/locales/skSK.js

@@ -13,6 +13,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/esm/locales/svSE.js

@@ -13,6 +13,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/esm/locales/trTR.js

@@ -13,6 +13,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/esm/locales/ukUA.js

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

package/esm/locales/urPK.js

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

package/esm/locales/viVN.js

@@ -13,6 +13,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/esm/locales/zhCN.js

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

package/esm/locales/zhHK.js

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

package/esm/locales/zhTW.js

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

package/esm/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/esm/material/icons/index.js

@@ -27,6 +27,12 @@ export const GridMenuIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
 export const GridCheckCircleIcon = createSvgIcon(/*#__PURE__*/_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');
+export const GridUndoIcon = createSvgIcon(/*#__PURE__*/_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');
+export const GridRedoIcon = createSvgIcon(/*#__PURE__*/_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');
 export const GridColumnIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M14.67 5v14H9.33V5zm1 14H21V5h-5.33zm-7.34 0V5H3v14z"
 }), 'ColumnIcon');

package/esm/material/index.js

@@ -64,7 +64,7 @@ import MUITab from '@mui/material/Tab';
 import MUIToggleButton from '@mui/material/ToggleButton';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import useId from '@mui/utils/useId';
-import { GridAddIcon, GridArrowDownwardIcon, GridArrowUpwardIcon, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridDragIcon, GridExpandMoreIcon, GridFilterAltIcon, GridFilterListIcon, GridKeyboardArrowRight, GridMoreVertIcon, GridRemoveIcon, GridSearchIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridLoadIcon, GridDeleteForeverIcon, GridDownloadIcon } from "./icons/index.js";
+import { GridAddIcon, GridArrowDownwardIcon, GridArrowUpwardIcon, GridCheckIcon, GridCloseIcon, GridUndoIcon, GridRedoIcon, GridColumnIcon, GridDragIcon, GridExpandMoreIcon, GridFilterAltIcon, GridFilterListIcon, GridKeyboardArrowRight, GridMoreVertIcon, GridRemoveIcon, GridSearchIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridLoadIcon, GridDeleteForeverIcon, GridDownloadIcon } from "./icons/index.js";
 import { GridColumnUnsortedIcon } from "../components/GridColumnUnsortedIcon.js";
 import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
 import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
@@ -773,6 +773,8 @@ const iconSlots = {
   columnMenuIcon: GridTripleDotsVerticalIcon,
   openFilterButtonIcon: GridFilterListIcon,
   filterPanelDeleteIcon: GridCloseIcon,
+  undoIcon: GridUndoIcon,
+  redoIcon: GridRedoIcon,
   columnFilteredIcon: GridFilterAltIcon,
   columnSelectorIcon: GridColumnIcon,
   columnUnsortedIcon: GridColumnUnsortedIcon,

package/esm/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/esm/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/esm/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/esm/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;

package/esm/utils/keyboardUtils.js

@@ -27,4 +27,10 @@ export function isPasteShortcut(event) {
 // Checks if the keyboard event corresponds to the copy shortcut (CTRL+C or CMD+C) across different localization keyboards.
 export function isCopyShortcut(event) {
   return (event.ctrlKey || event.metaKey) && String.fromCharCode(event.keyCode) === 'C' && !event.shiftKey && !event.altKey;
+}
+export function isUndoShortcut(event) {
+  return (event.ctrlKey || event.metaKey) && String.fromCharCode(event.keyCode) === 'Z' && !event.shiftKey && !event.altKey;
+}
+export function isRedoShortcut(event) {
+  return (event.ctrlKey || event.metaKey) && (String.fromCharCode(event.keyCode) === 'Z' && event.shiftKey || String.fromCharCode(event.keyCode) === 'Y' && !event.shiftKey) && !event.altKey;
 }

package/hooks/core/pipeProcessing/useGridPipeProcessing.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/core/strategyProcessing/useGridStrategyProcessing.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/core/useGridProps.js

@@ -15,7 +15,8 @@ const propsStateInitializer = (state, props) => {
       listView: props.listView,
       getRowId: props.getRowId,
       isCellEditable: props.isCellEditable,
-      isRowSelectable: props.isRowSelectable
+      isRowSelectable: props.isRowSelectable,
+      dataSource: props.dataSource
     }
   });
 };
@@ -32,9 +33,10 @@ const useGridProps = (apiRef, props) => {
         listView: props.listView,
         getRowId: props.getRowId,
         isCellEditable: props.isCellEditable,
-        isRowSelectable: props.isRowSelectable
+        isRowSelectable: props.isRowSelectable,
+        dataSource: props.dataSource
       }
     }));
-  }, [apiRef, props.listView, props.getRowId, props.isCellEditable, props.isRowSelectable]);
+  }, [apiRef, props.listView, props.getRowId, props.isCellEditable, props.isRowSelectable, props.dataSource]);
 };
 exports.useGridProps = useGridProps;

package/hooks/core/useGridRefs.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/hooks/core/useGridStateInitialization.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/columnMenu/useGridColumnMenu.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/focus/useGridFocus.js

@@ -18,6 +18,7 @@ var _useGridLogger = require("../../utils/useGridLogger");
 var _useGridEvent = require("../../utils/useGridEvent");
 var _keyboardUtils = require("../../../utils/keyboardUtils");
 var _gridFocusStateSelector = require("./gridFocusStateSelector");
+var _doesSupportPreventScroll = require("../../../utils/doesSupportPreventScroll");
 var _gridColumnsSelector = require("../columns/gridColumnsSelector");
 var _useGridVisibleRows = require("../../utils/useGridVisibleRows");
 var _utils = require("../../../utils/utils");
@@ -58,6 +59,29 @@ const useGridFocus = (apiRef, props) => {
   const setCellFocus = React.useCallback((id, field) => {
     const focusedCell = (0, _gridFocusStateSelector.gridFocusCellSelector)(apiRef);
     if (focusedCell?.id === id && focusedCell?.field === field) {
+      /**
+       * Check if the state matches the actual DOM focus. They can get out of sync after `updateRows()` remounts the cell.
+       */
+      if (apiRef.current.getCellMode(id, field) !== 'view') {
+        return;
+      }
+      const cellElement = apiRef.current.getCellElement(id, field);
+      if (!cellElement) {
+        return;
+      }
+      const doc = (0, _ownerDocument.default)(apiRef.current.rootElementRef.current);
+      if (cellElement.contains(doc.activeElement)) {
+        return;
+      }
+      if ((0, _doesSupportPreventScroll.doesSupportPreventScroll)()) {
+        cellElement.focus({
+          preventScroll: true
+        });
+      } else {
+        const scrollPosition = apiRef.current.getScrollPosition();
+        cellElement.focus();
+        apiRef.current.scroll(scrollPosition);
+      }
       return;
     }
     apiRef.current.setState(state => {
@@ -232,7 +256,7 @@ const useGridFocus = (apiRef, props) => {
     apiRef.current.setCellFocus(id, field);
   }, [apiRef]);
   const handleCellKeyDown = React.useCallback((params, event) => {
-    if (event.key === 'Enter' || event.key === 'Tab' || event.key === 'Shift' || (0, _keyboardUtils.isNavigationKey)(event.key)) {
+    if ((0, _keyboardUtils.isPasteShortcut)(event) || event.key === 'Enter' || event.key === 'Tab' || event.key === 'Shift' || (0, _keyboardUtils.isNavigationKey)(event.key)) {
       return;
     }
     apiRef.current.setCellFocus(params.id, params.field);

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/hooks/utils/useGridApiContext.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/hooks/utils/useGridApiMethod.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/hooks/utils/useGridApiRef.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/hooks/utils/useGridConfiguration.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/hooks/utils/useGridInitializeState.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {