@mui/x-data-grid 5.9.0 → 5.10.0

package/legacy/locales/faIR.js

@@ -115,6 +115,8 @@ var faIRGrid = {
   },
   // Master/detail
   expandDetailPanel: 'بازکردن پنل جزئیات',
-  collapseDetailPanel: 'بستن پنل جزئیات'
+  collapseDetailPanel: 'بستن پنل جزئیات' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export var faIR = getGridLocalization(faIRGrid, faIRCore);

package/legacy/locales/fiFI.js

@@ -111,6 +111,8 @@ var fiFIGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export var fiFI = getGridLocalization(fiFIGrid, fiFICore);

package/legacy/locales/frFR.js

@@ -115,6 +115,8 @@ var frFRGrid = {
   } // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export var frFR = getGridLocalization(frFRGrid, frFRCore);

package/legacy/locales/heIL.js

@@ -115,6 +115,8 @@ var heILGrid = {
   },
   // Master/detail
   expandDetailPanel: 'הרחב',
-  collapseDetailPanel: 'כווץ'
+  collapseDetailPanel: 'כווץ' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export var heIL = getGridLocalization(heILGrid, heILCore);

package/legacy/locales/huHU.js

@@ -115,6 +115,8 @@ var huHUGrid = {
   },
   // Master/detail
   expandDetailPanel: 'Kibontás',
-  collapseDetailPanel: 'Összecsukás'
+  collapseDetailPanel: 'Összecsukás' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export var huHU = getGridLocalization(huHUGrid, huHUCore);

package/legacy/locales/itIT.js

@@ -115,6 +115,8 @@ var itITGrid = {
   } // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export var itIT = getGridLocalization(itITGrid, itITCore);

package/legacy/locales/jaJP.js

@@ -111,6 +111,8 @@ var jaJPGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export var jaJP = getGridLocalization(jaJPGrid, jaJPCore);

package/legacy/locales/koKR.js

@@ -111,6 +111,8 @@ var koKRGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export var koKR = getGridLocalization(koKRGrid, koKRCore);

package/legacy/locales/nlNL.js

@@ -115,6 +115,8 @@ var nlNLGrid = {
   } // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export var nlNL = getGridLocalization(nlNLGrid, nlNLCore);

package/legacy/locales/plPL.js

@@ -115,6 +115,8 @@ var plPLGrid = {
   },
   // Master/detail
   expandDetailPanel: 'Rozwiń',
-  collapseDetailPanel: 'Zwiń'
+  collapseDetailPanel: 'Zwiń' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export var plPL = getGridLocalization(plPLGrid, plPLCore);

package/legacy/locales/ptBR.js

@@ -115,6 +115,8 @@ var ptBRGrid = {
   },
   // Master/detail
   expandDetailPanel: 'Expandir',
-  collapseDetailPanel: 'Esconder'
+  collapseDetailPanel: 'Esconder' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export var ptBR = getGridLocalization(ptBRGrid, ptBRCore);

package/legacy/locales/ruRU.js

@@ -142,6 +142,8 @@ var ruRUGrid = {
   } // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export var ruRU = getGridLocalization(ruRUGrid, ruRUCore);

package/legacy/locales/skSK.js

@@ -142,6 +142,8 @@ var skSKGrid = {
   } // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export var skSK = getGridLocalization(skSKGrid, skSKCore);

package/legacy/locales/trTR.js

@@ -115,6 +115,8 @@ var trTRGrid = {
   },
   // Master/detail
   expandDetailPanel: 'Genişlet',
-  collapseDetailPanel: 'Gizle'
+  collapseDetailPanel: 'Gizle' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export var trTR = getGridLocalization(trTRGrid, trTRCore);

package/legacy/locales/ukUA.js

@@ -137,6 +137,8 @@ var ukUAGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export var ukUA = getGridLocalization(ukUAGrid, ukUACore);

package/legacy/locales/viVN.js

@@ -111,6 +111,8 @@ var viVNGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export var viVN = getGridLocalization(viVNGrid, viVNCore);

package/legacy/locales/zhCN.js

@@ -111,6 +111,8 @@ var zhCNGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export var zhCN = getGridLocalization(zhCNGrid, zhCNCore);

package/legacy/models/events/gridEvents.js

@@ -29,6 +29,9 @@ var GridEvents;
   GridEvents["rowMouseEnter"] = "rowMouseEnter";
   GridEvents["rowMouseLeave"] = "rowMouseLeave";
   GridEvents["editRowsModelChange"] = "editRowsModelChange";
+  GridEvents["rowDragStart"] = "rowDragStart";
+  GridEvents["rowDragOver"] = "rowDragOver";
+  GridEvents["rowDragEnd"] = "rowDragEnd";
   GridEvents["columnHeaderBlur"] = "columnHeaderBlur";
   GridEvents["columnHeaderFocus"] = "columnHeaderFocus";
   GridEvents["columnHeaderNavigationKeyDown"] = "columnHeaderNavigationKeyDown";
@@ -57,6 +60,7 @@ var GridEvents;
   GridEvents["columnResizeStart"] = "columnResizeStart";
   GridEvents["columnResizeStop"] = "columnResizeStop";
   GridEvents["columnOrderChange"] = "columnOrderChange";
+  GridEvents["rowOrderChange"] = "rowOrderChange";
   GridEvents["rowsSet"] = "rowsSet";
   GridEvents["rowExpansionChange"] = "rowExpansionChange";
   GridEvents["sortedRowsSet"] = "sortedRowsSet";
@@ -72,6 +76,8 @@ var GridEvents;
   GridEvents["stateChange"] = "stateChange";
   GridEvents["columnVisibilityChange"] = "columnVisibilityChange";
   GridEvents["virtualScrollerContentSizeChange"] = "virtualScrollerContentSizeChange";
+  GridEvents["virtualScrollerWheel"] = "virtualScrollerWheel";
+  GridEvents["virtualScrollerTouchMove"] = "virtualScrollerTouchMove";
   GridEvents["preferencePanelClose"] = "preferencePanelClose";
   GridEvents["preferencePanelOpen"] = "preferencePanelOpen";
 })(GridEvents || (GridEvents = {}));

package/locales/arSD.js

@@ -103,6 +103,8 @@ const arSDGrid = {
   unGroupColumn: name => `إيقاف التجميع حسب ${name}`,
   // Master/detail
   expandDetailPanel: 'توسيع',
-  collapseDetailPanel: 'طوي'
+  collapseDetailPanel: 'طوي' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const arSD = getGridLocalization(arSDGrid, arSDCore);

package/locales/bgBG.js

@@ -103,6 +103,8 @@ const bgBGGrid = {
   unGroupColumn: name => `Спри групиране по ${name}`,
   // Master/detail
   expandDetailPanel: 'Разгъване',
-  collapseDetailPanel: 'Свиване'
+  collapseDetailPanel: 'Свиване' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const bgBG = getGridLocalization(bgBGGrid, bgBGCore);

package/locales/csCZ.js

@@ -138,6 +138,8 @@ const csCZGrid = {
   unGroupColumn: name => `Přestat zoskupovat podle ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const csCZ = getGridLocalization(csCZGrid, csCZCore);

package/locales/daDK.js

@@ -103,6 +103,8 @@ const daDKGrid = {
   unGroupColumn: name => `Fjern gruppéring efter ${name}`,
   // Master/detail
   expandDetailPanel: 'Udvid',
-  collapseDetailPanel: 'Kollaps'
+  collapseDetailPanel: 'Kollaps' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const daDK = getGridLocalization(daDKGrid, daDKCore);

package/locales/deDE.js

@@ -103,6 +103,8 @@ const deDEGrid = {
   unGroupColumn: name => `Gruppierung nach ${name} aufheben`,
   // Master/detail
   expandDetailPanel: 'Aufklappen',
-  collapseDetailPanel: 'Zuklappen'
+  collapseDetailPanel: 'Zuklappen' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const deDE = getGridLocalization(deDEGrid, deDECore);

package/locales/elGR.js

@@ -102,6 +102,8 @@ const elGRGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const elGR = getGridLocalization(elGRGrid);

package/locales/esES.js

@@ -103,6 +103,8 @@ const esESGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const esES = getGridLocalization(esESGrid, esESCore);

package/locales/faIR.js

@@ -103,6 +103,8 @@ const faIRGrid = {
   unGroupColumn: name => `لغو گروه‌بندی براساس ${name}`,
   // Master/detail
   expandDetailPanel: 'بازکردن پنل جزئیات',
-  collapseDetailPanel: 'بستن پنل جزئیات'
+  collapseDetailPanel: 'بستن پنل جزئیات' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const faIR = getGridLocalization(faIRGrid, faIRCore);

package/locales/fiFI.js

@@ -103,6 +103,8 @@ const fiFIGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const fiFI = getGridLocalization(fiFIGrid, fiFICore);

package/locales/frFR.js

@@ -103,6 +103,8 @@ const frFRGrid = {
   unGroupColumn: name => `Arrêter de grouper par ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const frFR = getGridLocalization(frFRGrid, frFRCore);

package/locales/heIL.js

@@ -103,6 +103,8 @@ const heILGrid = {
   unGroupColumn: name => `הפסק לקבץ לפי ${name}`,
   // Master/detail
   expandDetailPanel: 'הרחב',
-  collapseDetailPanel: 'כווץ'
+  collapseDetailPanel: 'כווץ' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const heIL = getGridLocalization(heILGrid, heILCore);

package/locales/huHU.js

@@ -103,6 +103,8 @@ const huHUGrid = {
   unGroupColumn: name => `${name} szerinti csoportosítás törlése`,
   // Master/detail
   expandDetailPanel: 'Kibontás',
-  collapseDetailPanel: 'Összecsukás'
+  collapseDetailPanel: 'Összecsukás' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const huHU = getGridLocalization(huHUGrid, huHUCore);

package/locales/itIT.js

@@ -103,6 +103,8 @@ const itITGrid = {
   unGroupColumn: name => `Annulla raggruppamento per ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const itIT = getGridLocalization(itITGrid, itITCore);

package/locales/jaJP.js

@@ -103,6 +103,8 @@ const jaJPGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const jaJP = getGridLocalization(jaJPGrid, jaJPCore);

package/locales/koKR.js

@@ -103,6 +103,8 @@ const koKRGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const koKR = getGridLocalization(koKRGrid, koKRCore);

package/locales/nlNL.js

@@ -103,6 +103,8 @@ const nlNLGrid = {
   unGroupColumn: name => `Stop groeperen op ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const nlNL = getGridLocalization(nlNLGrid, nlNLCore);

package/locales/plPL.js

@@ -103,6 +103,8 @@ const plPLGrid = {
   unGroupColumn: name => `Rozgrupuj ${name}`,
   // Master/detail
   expandDetailPanel: 'Rozwiń',
-  collapseDetailPanel: 'Zwiń'
+  collapseDetailPanel: 'Zwiń' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const plPL = getGridLocalization(plPLGrid, plPLCore);

package/locales/ptBR.js

@@ -103,6 +103,8 @@ const ptBRGrid = {
   unGroupColumn: name => `Parar agrupamento por ${name}`,
   // Master/detail
   expandDetailPanel: 'Expandir',
-  collapseDetailPanel: 'Esconder'
+  collapseDetailPanel: 'Esconder' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const ptBR = getGridLocalization(ptBRGrid, ptBRCore);

package/locales/ruRU.js

@@ -136,6 +136,8 @@ const ruRUGrid = {
   unGroupColumn: name => `Разгруппировать по ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const ruRU = getGridLocalization(ruRUGrid, ruRUCore);

package/locales/skSK.js

@@ -138,6 +138,8 @@ const skSKGrid = {
   unGroupColumn: name => `Prestať zoskupovať podľa ${name}` // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const skSK = getGridLocalization(skSKGrid, skSKCore);

package/locales/trTR.js

@@ -103,6 +103,8 @@ const trTRGrid = {
   unGroupColumn: name => `${name} için gruplamayı kaldır`,
   // Master/detail
   expandDetailPanel: 'Genişlet',
-  collapseDetailPanel: 'Gizle'
+  collapseDetailPanel: 'Gizle' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 export const trTR = getGridLocalization(trTRGrid, trTRCore);

package/locales/ukUA.js

@@ -129,6 +129,8 @@ const ukUAGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const ukUA = getGridLocalization(ukUAGrid, ukUACore);

package/locales/viVN.js

@@ -103,6 +103,8 @@ const viVNGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const viVN = getGridLocalization(viVNGrid, viVNCore);

package/locales/zhCN.js

@@ -103,6 +103,8 @@ const zhCNGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 export const zhCN = getGridLocalization(zhCNGrid, zhCNCore);

package/models/api/gridLocaleTextApi.d.ts

@@ -86,6 +86,7 @@ export interface GridLocaleText {
     expandDetailPanel: string;
     collapseDetailPanel: string;
     MuiTablePagination: Omit<ComponentsPropsList['MuiTablePagination'], 'page' | 'count' | 'onChangePage' | 'rowsPerPage' | 'onPageChange'>;
+    rowReorderingHeaderName: string;
 }
 export declare type GridTranslationKeys = keyof GridLocaleText;
 /**

package/models/api/gridRowApi.d.ts

@@ -23,6 +23,12 @@ export interface GridRowApi {
      * @param {GridRowModel[]} rows The new rows.
      */
     setRows: (rows: GridRowModel[]) => void;
+    /**
+     * Moves a row from its original position to the position given by `targetIndex`.
+     * @param {GridRowId} rowId The row id
+     * @param {number} targetIndex The new position (0-based).
+     */
+    setRowIndex: (rowId: GridRowId, targetIndex: number) => void;
     /**
      * Allows to updates, insert and delete rows in a single call.
      * @param {GridRowModelUpdate[]} updates An array of rows with an `action` specifying what to do.

package/models/events/gridEventLookup.d.ts

@@ -29,6 +29,18 @@ export interface GridRowEventLookup {
         params: GridRowParams;
         event: React.MouseEvent<HTMLElement>;
     };
+    rowDragStart: {
+        params: GridRowParams;
+        event: React.DragEvent<HTMLElement>;
+    };
+    rowDragOver: {
+        params: GridRowParams;
+        event: React.DragEvent<HTMLElement>;
+    };
+    rowDragEnd: {
+        params: GridRowParams;
+        event: React.DragEvent<HTMLElement>;
+    };
 }
 export interface GridColumnHeaderEventLookup {
     columnHeaderClick: {
@@ -249,6 +261,14 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
         event: React.UIEvent | MuiBaseEvent;
     };
     virtualScrollerContentSizeChange: {};
+    virtualScrollerWheel: {
+        params: {};
+        event: React.WheelEvent;
+    };
+    virtualScrollerTouchMove: {
+        params: {};
+        event: React.TouchEvent;
+    };
     headerSelectionCheckboxChange: {
         params: GridHeaderSelectionCheckboxParams;
     };

package/models/events/gridEvents.d.ts

@@ -118,6 +118,22 @@ declare enum GridEvents {
      * Fired when the row editing model changes.
      */
     editRowsModelChange = "editRowsModelChange",
+    /**
+     * Fired when the user starts dragging a row. It's mapped to the `dragstart` DOM event.
+     * @ignore - do not document.
+     */
+    rowDragStart = "rowDragStart",
+    /**
+     * Fired while an element or text selection is dragged over the row.
+     * It's mapped to the `dragover` DOM event.
+     * @ignore - do not document.
+     */
+    rowDragOver = "rowDragOver",
+    /**
+     * Fired when the dragging of a row ends.
+     * @ignore - do not document.
+     */
+    rowDragEnd = "rowDragEnd",
     /**
      * Fired when a column header loses focus.
      * @ignore - do not document.
@@ -244,6 +260,10 @@ declare enum GridEvents {
      * Fired when the user ends reordering a column.
      */
     columnOrderChange = "columnOrderChange",
+    /**
+     * Fired when the user ends reordering a row.
+     */
+    rowOrderChange = "rowOrderChange",
     /**
      * Fired when the rows are updated.
      * @ignore - do not document.
@@ -316,6 +336,18 @@ declare enum GridEvents {
      * @ignore - do not document.
      */
     virtualScrollerContentSizeChange = "virtualScrollerContentSizeChange",
+    /**
+     * Fired when the content is scrolled by the mouse wheel.
+     * It's attached to the "mousewheel" event.
+     * @ignore - do not document.
+     */
+    virtualScrollerWheel = "virtualScrollerWheel",
+    /**
+     * Fired when the content is moved using a touch device.
+     * It's attached to the "touchmove" event.
+     * @ignore - do not document.
+     */
+    virtualScrollerTouchMove = "virtualScrollerTouchMove",
     /**
      * Fired when the preferences panel is closed.
      */

package/models/events/gridEvents.js

@@ -29,6 +29,9 @@ var GridEvents;
   GridEvents["rowMouseEnter"] = "rowMouseEnter";
   GridEvents["rowMouseLeave"] = "rowMouseLeave";
   GridEvents["editRowsModelChange"] = "editRowsModelChange";
+  GridEvents["rowDragStart"] = "rowDragStart";
+  GridEvents["rowDragOver"] = "rowDragOver";
+  GridEvents["rowDragEnd"] = "rowDragEnd";
   GridEvents["columnHeaderBlur"] = "columnHeaderBlur";
   GridEvents["columnHeaderFocus"] = "columnHeaderFocus";
   GridEvents["columnHeaderNavigationKeyDown"] = "columnHeaderNavigationKeyDown";
@@ -57,6 +60,7 @@ var GridEvents;
   GridEvents["columnResizeStart"] = "columnResizeStart";
   GridEvents["columnResizeStop"] = "columnResizeStop";
   GridEvents["columnOrderChange"] = "columnOrderChange";
+  GridEvents["rowOrderChange"] = "rowOrderChange";
   GridEvents["rowsSet"] = "rowsSet";
   GridEvents["rowExpansionChange"] = "rowExpansionChange";
   GridEvents["sortedRowsSet"] = "sortedRowsSet";
@@ -72,6 +76,8 @@ var GridEvents;
   GridEvents["stateChange"] = "stateChange";
   GridEvents["columnVisibilityChange"] = "columnVisibilityChange";
   GridEvents["virtualScrollerContentSizeChange"] = "virtualScrollerContentSizeChange";
+  GridEvents["virtualScrollerWheel"] = "virtualScrollerWheel";
+  GridEvents["virtualScrollerTouchMove"] = "virtualScrollerTouchMove";
   GridEvents["preferencePanelClose"] = "preferencePanelClose";
   GridEvents["preferencePanelOpen"] = "preferencePanelOpen";
 })(GridEvents || (GridEvents = {}));

package/models/gridIconSlotsComponent.d.ts

@@ -114,4 +114,9 @@ export interface GridIconSlotsComponent {
      * @default GridCloseIcon
      */
     FilterPanelDeleteIcon: React.JSXElementConstructor<any>;
+    /**
+     * Icon displayed on the `reorder` column type to reorder a row.
+     * @default GridDragIcon
+     */
+    RowReorderIcon: React.JSXElementConstructor<any>;
 }

package/modern/components/GridRow.js

@@ -134,6 +134,11 @@ function GridRow(props) {
 
       if (field === GRID_DETAIL_PANEL_TOGGLE_FIELD) {
         return;
+      } // User reorders a row
+
+
+      if (field === '__reorder__') {
+        return;
       } // User is editing a cell