@mui/x-data-grid 5.9.0 → 5.10.0

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

@@ -255,12 +255,31 @@ const useGridRows = (apiRef, props) => {
 
     return (_gridRowTreeSelector$ = (0, _gridRowsSelector.gridRowTreeSelector)(apiRef)[id]) != null ? _gridRowTreeSelector$ : null;
   }, [apiRef]);
+  const setRowIndex = React.useCallback((rowId, targetIndex) => {
+    const allRows = (0, _gridRowsSelector.gridRowIdsSelector)(apiRef);
+    const oldIndex = allRows.findIndex(row => row === rowId);
+
+    if (oldIndex === targetIndex) {
+      return;
+    }
+
+    logger.debug(`Moving row ${rowId} to index ${targetIndex}`);
+    const updatedRows = [...allRows];
+    updatedRows.splice(targetIndex, 0, updatedRows.splice(oldIndex, 1)[0]);
+    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
+      rows: (0, _extends2.default)({}, state.rows, {
+        ids: updatedRows
+      })
+    }));
+    apiRef.current.applySorting();
+  }, [apiRef, logger]);
   const rowApi = {
     getRow,
     getRowModels,
     getRowsCount,
     getAllRowIds,
     setRows,
+    setRowIndex,
     updateRows,
     setRowChildrenExpansion,
     getRowNode,

package/node/hooks/features/virtualization/useGridVirtualScroller.js

@@ -253,6 +253,14 @@ const useGridVirtualScroller = props => {
     }
   };
 
+  const handleWheel = event => {
+    apiRef.current.publishEvent(_events.GridEvents.virtualScrollerWheel, {}, event);
+  };
+
+  const handleTouchMove = event => {
+    apiRef.current.publishEvent(_events.GridEvents.virtualScrollerTouchMove, {}, event);
+  };
+
   const getRows = (params = {
     renderContext
   }) => {
@@ -402,6 +410,8 @@ const useGridVirtualScroller = props => {
       return (0, _extends2.default)({
         ref: handleRef,
         onScroll: handleScroll,
+        onWheel: handleWheel,
+        onTouchMove: handleTouchMove,
         style: (0, _extends2.default)({}, style, rootStyle)
       }, other);
     },

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.9.0
+/** @license MUI v5.10.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/locales/arSD.js

@@ -112,7 +112,9 @@ const arSDGrid = {
   unGroupColumn: name => `إيقاف التجميع حسب ${name}`,
   // Master/detail
   expandDetailPanel: 'توسيع',
-  collapseDetailPanel: 'طوي'
+  collapseDetailPanel: 'طوي' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 const arSD = (0, _getGridLocalization.getGridLocalization)(arSDGrid, _locale.arSD);
 exports.arSD = arSD;

package/node/locales/bgBG.js

@@ -112,7 +112,9 @@ const bgBGGrid = {
   unGroupColumn: name => `Спри групиране по ${name}`,
   // Master/detail
   expandDetailPanel: 'Разгъване',
-  collapseDetailPanel: 'Свиване'
+  collapseDetailPanel: 'Свиване' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 const bgBG = (0, _getGridLocalization.getGridLocalization)(bgBGGrid, _locale.bgBG);
 exports.bgBG = bgBG;

package/node/locales/csCZ.js

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

package/node/locales/daDK.js

@@ -112,7 +112,9 @@ const daDKGrid = {
   unGroupColumn: name => `Fjern gruppéring efter ${name}`,
   // Master/detail
   expandDetailPanel: 'Udvid',
-  collapseDetailPanel: 'Kollaps'
+  collapseDetailPanel: 'Kollaps' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 const daDK = (0, _getGridLocalization.getGridLocalization)(daDKGrid, _locale.daDK);
 exports.daDK = daDK;

package/node/locales/deDE.js

@@ -112,7 +112,9 @@ const deDEGrid = {
   unGroupColumn: name => `Gruppierung nach ${name} aufheben`,
   // Master/detail
   expandDetailPanel: 'Aufklappen',
-  collapseDetailPanel: 'Zuklappen'
+  collapseDetailPanel: 'Zuklappen' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 const deDE = (0, _getGridLocalization.getGridLocalization)(deDEGrid, _locale.deDE);
 exports.deDE = deDE;

package/node/locales/elGR.js

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

package/node/locales/esES.js

@@ -112,6 +112,8 @@ const esESGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 const esES = (0, _getGridLocalization.getGridLocalization)(esESGrid, _locale.esES);

package/node/locales/faIR.js

@@ -112,7 +112,9 @@ const faIRGrid = {
   unGroupColumn: name => `لغو گروه‌بندی براساس ${name}`,
   // Master/detail
   expandDetailPanel: 'بازکردن پنل جزئیات',
-  collapseDetailPanel: 'بستن پنل جزئیات'
+  collapseDetailPanel: 'بستن پنل جزئیات' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 const faIR = (0, _getGridLocalization.getGridLocalization)(faIRGrid, _locale.faIR);
 exports.faIR = faIR;

package/node/locales/fiFI.js

@@ -112,6 +112,8 @@ const fiFIGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 const fiFI = (0, _getGridLocalization.getGridLocalization)(fiFIGrid, _locale.fiFI);

package/node/locales/frFR.js

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

package/node/locales/heIL.js

@@ -112,7 +112,9 @@ const heILGrid = {
   unGroupColumn: name => `הפסק לקבץ לפי ${name}`,
   // Master/detail
   expandDetailPanel: 'הרחב',
-  collapseDetailPanel: 'כווץ'
+  collapseDetailPanel: 'כווץ' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 const heIL = (0, _getGridLocalization.getGridLocalization)(heILGrid, _locale.heIL);
 exports.heIL = heIL;

package/node/locales/huHU.js

@@ -112,7 +112,9 @@ 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',
+
 };
 const huHU = (0, _getGridLocalization.getGridLocalization)(huHUGrid, _locale.huHU);
 exports.huHU = huHU;

package/node/locales/itIT.js

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

package/node/locales/jaJP.js

@@ -112,6 +112,8 @@ const jaJPGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 const jaJP = (0, _getGridLocalization.getGridLocalization)(jaJPGrid, _locale.jaJP);

package/node/locales/koKR.js

@@ -112,6 +112,8 @@ const koKRGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 const koKR = (0, _getGridLocalization.getGridLocalization)(koKRGrid, _locale.koKR);

package/node/locales/nlNL.js

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

package/node/locales/plPL.js

@@ -112,7 +112,9 @@ const plPLGrid = {
   unGroupColumn: name => `Rozgrupuj ${name}`,
   // Master/detail
   expandDetailPanel: 'Rozwiń',
-  collapseDetailPanel: 'Zwiń'
+  collapseDetailPanel: 'Zwiń' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 const plPL = (0, _getGridLocalization.getGridLocalization)(plPLGrid, _locale.plPL);
 exports.plPL = plPL;

package/node/locales/ptBR.js

@@ -112,7 +112,9 @@ const ptBRGrid = {
   unGroupColumn: name => `Parar agrupamento por ${name}`,
   // Master/detail
   expandDetailPanel: 'Expandir',
-  collapseDetailPanel: 'Esconder'
+  collapseDetailPanel: 'Esconder' // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
+
 };
 const ptBR = (0, _getGridLocalization.getGridLocalization)(ptBRGrid, _locale.ptBR);
 exports.ptBR = ptBR;

package/node/locales/ruRU.js

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

package/node/locales/skSK.js

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

package/node/locales/trTR.js

@@ -112,7 +112,9 @@ 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',
+
 };
 const trTR = (0, _getGridLocalization.getGridLocalization)(trTRGrid, _locale.trTR);
 exports.trTR = trTR;

package/node/locales/ukUA.js

@@ -137,6 +137,8 @@ const ukUAGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 const ukUA = (0, _getGridLocalization.getGridLocalization)(ukUAGrid, _locale.ukUA);

package/node/locales/viVN.js

@@ -112,6 +112,8 @@ const viVNGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 const viVN = (0, _getGridLocalization.getGridLocalization)(viVNGrid, _locale.viVN);

package/node/locales/zhCN.js

@@ -112,6 +112,8 @@ const zhCNGrid = {
   // Master/detail
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
+  // Row reordering text
+  // rowReorderingHeaderName: 'Row reordering',
 
 };
 const zhCN = (0, _getGridLocalization.getGridLocalization)(zhCNGrid, _locale.zhCN);

package/node/models/events/gridEvents.js

@@ -36,6 +36,9 @@ exports.GridEvents = 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";
@@ -64,6 +67,7 @@ exports.GridEvents = GridEvents;
   GridEvents["columnResizeStart"] = "columnResizeStart";
   GridEvents["columnResizeStop"] = "columnResizeStop";
   GridEvents["columnOrderChange"] = "columnOrderChange";
+  GridEvents["rowOrderChange"] = "rowOrderChange";
   GridEvents["rowsSet"] = "rowsSet";
   GridEvents["rowExpansionChange"] = "rowExpansionChange";
   GridEvents["sortedRowsSet"] = "sortedRowsSet";
@@ -79,6 +83,8 @@ exports.GridEvents = GridEvents;
   GridEvents["stateChange"] = "stateChange";
   GridEvents["columnVisibilityChange"] = "columnVisibilityChange";
   GridEvents["virtualScrollerContentSizeChange"] = "virtualScrollerContentSizeChange";
+  GridEvents["virtualScrollerWheel"] = "virtualScrollerWheel";
+  GridEvents["virtualScrollerTouchMove"] = "virtualScrollerTouchMove";
   GridEvents["preferencePanelClose"] = "preferencePanelClose";
   GridEvents["preferencePanelOpen"] = "preferencePanelOpen";
 })(GridEvents || (exports.GridEvents = GridEvents = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "5.9.0",
+  "version": "5.10.0",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,7 +35,7 @@
     "directory": "packages/grid/x-data-grid"
   },
   "dependencies": {
-    "@mui/utils": "^5.6.0",
+    "@mui/utils": "^5.6.1",
     "clsx": "^1.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.5"