@mui/x-data-grid 5.12.1 → 5.12.2

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

@@ -20,7 +20,7 @@ import { gridRowsMetaSelector } from '../rows/gridRowsMetaSelector';
 import { getFirstNonSpannedColumnToRender } from '../columns/gridColumnsUtils'; // Uses binary search to avoid looping through all possible positions
 
 import { jsx as _jsx } from "react/jsx-runtime";
-export function getIndexFromScroll(offset, positions) {
+export function binarySearch(offset, positions) {
   var sliceStart = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var sliceEnd = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : positions.length;
 
@@ -34,8 +34,20 @@ export function getIndexFromScroll(offset, positions) {
 
   var pivot = sliceStart + Math.floor((sliceEnd - sliceStart) / 2);
   var itemOffset = positions[pivot];
-  return offset <= itemOffset ? getIndexFromScroll(offset, positions, sliceStart, pivot) : getIndexFromScroll(offset, positions, pivot + 1, sliceEnd);
+  return offset <= itemOffset ? binarySearch(offset, positions, sliceStart, pivot) : binarySearch(offset, positions, pivot + 1, sliceEnd);
 }
+
+function exponentialSearch(offset, positions, index) {
+  var interval = 1;
+
+  while (index < positions.length && positions[index] < offset) {
+    index += interval;
+    interval *= 2;
+  }
+
+  return binarySearch(offset, positions, Math.floor(index / 2), Math.min(index, positions.length));
+}
+
 export var getRenderableIndexes = function getRenderableIndexes(_ref) {
   var firstIndex = _ref.firstIndex,
       lastIndex = _ref.lastIndex,
@@ -86,6 +98,22 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       setContainerWidth = _React$useState4[1];
 
   var prevTotalWidth = React.useRef(columnsTotalWidth);
+  var getNearestIndexToRender = React.useCallback(function (offset) {
+    var lastMeasuredIndex = Math.max(0, apiRef.current.unstable_getLastMeasuredRowIndex());
+    var allRowsMeasured = lastMeasuredIndex === Infinity;
+
+    if (allRowsMeasured || rowsMeta.positions[lastMeasuredIndex] >= offset) {
+      // If all rows were measured (when no row has "auto" as height) or all rows before the offset
+      // were measured, then use a binary search because it's faster.
+      return binarySearch(offset, rowsMeta.positions);
+    } // Otherwise, use an exponential search.
+    // If rows have "auto" as height, their positions will be based on estimated heights.
+    // In this case, we can skip several steps until we find a position higher than the offset.
+    // Inspired by https://github.com/bvaughn/react-virtualized/blob/master/source/Grid/utils/CellSizeAndPositionManager.js
+
+
+    return exponentialSearch(offset, rowsMeta.positions, lastMeasuredIndex);
+  }, [apiRef, rowsMeta.positions]);
   var computeRenderContext = React.useCallback(function () {
     if (disableVirtualization) {
       return {
@@ -98,9 +126,11 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
 
     var _ref2 = scrollPosition.current,
         top = _ref2.top,
-        left = _ref2.left;
-    var firstRowIndex = Math.min(Math.max(0, apiRef.current.unstable_getLastMeasuredRowIndex()), getIndexFromScroll(top, rowsMeta.positions));
-    var lastRowIndex = rootProps.autoHeight ? firstRowIndex + currentPage.rows.length : getIndexFromScroll(top + rootRef.current.clientHeight, rowsMeta.positions);
+        left = _ref2.left; // Clamp the value because the search may return an index out of bounds.
+    // In the last index, this is not needed because Array.slice doesn't include it.
+
+    var firstRowIndex = Math.min(getNearestIndexToRender(top), rowsMeta.positions.length - 1);
+    var lastRowIndex = rootProps.autoHeight ? firstRowIndex + currentPage.rows.length : getNearestIndexToRender(top + rootRef.current.clientHeight);
     var hasRowWithAutoHeight = false;
     var firstColumnIndex = 0;
     var lastColumnIndex = columnPositions.length;
@@ -122,8 +152,8 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     }
 
     if (!hasRowWithAutoHeight) {
-      firstColumnIndex = getIndexFromScroll(left, columnPositions);
-      lastColumnIndex = getIndexFromScroll(left + containerWidth, columnPositions);
+      firstColumnIndex = binarySearch(left, columnPositions);
+      lastColumnIndex = binarySearch(left + containerWidth, columnPositions);
     }
 
     return {
@@ -132,7 +162,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       firstColumnIndex: firstColumnIndex,
       lastColumnIndex: lastColumnIndex
     };
-  }, [disableVirtualization, rowsMeta.positions, rootProps.autoHeight, rootProps.rowBuffer, currentPage.rows, columnPositions, visibleColumns.length, apiRef, containerWidth]);
+  }, [disableVirtualization, getNearestIndexToRender, rowsMeta.positions.length, rootProps.autoHeight, rootProps.rowBuffer, currentPage.rows, columnPositions, visibleColumns.length, apiRef, containerWidth]);
   React.useEffect(function () {
     if (disableVirtualization) {
       renderZoneRef.current.style.transform = "translate3d(0px, 0px, 0px)";
@@ -405,6 +435,10 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     rootStyle.overflowX = 'hidden';
   }
 
+  if (rootProps.autoHeight) {
+    rootStyle.overflowY = 'hidden';
+  }
+
   var getRenderContext = React.useCallback(function () {
     return prevRenderContext.current;
   }, []);

package/legacy/index.js

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

package/legacy/locales/arSD.js

@@ -119,6 +119,7 @@ var arSDGrid = {
     return "\u0625\u064A\u0642\u0627\u0641 \u0627\u0644\u062A\u062C\u0645\u064A\u0639 \u062D\u0633\u0628 ".concat(name);
   },
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'توسيع',
   collapseDetailPanel: 'طوي' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/legacy/locales/bgBG.js

@@ -119,6 +119,7 @@ var bgBGGrid = {
     return "\u0421\u043F\u0440\u0438 \u0433\u0440\u0443\u043F\u0438\u0440\u0430\u043D\u0435 \u043F\u043E ".concat(name);
   },
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Разгъване',
   collapseDetailPanel: 'Свиване' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/legacy/locales/csCZ.js

@@ -145,6 +145,7 @@ var csCZGrid = {
   unGroupColumn: function unGroupColumn(name) {
     return "P\u0159estat zoskupovat podle ".concat(name);
   } // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/legacy/locales/daDK.js

@@ -119,6 +119,7 @@ var daDKGrid = {
     return "Fjern grupp\xE9ring efter ".concat(name);
   },
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Udvid',
   collapseDetailPanel: 'Kollaps' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/legacy/locales/deDE.js

@@ -119,6 +119,7 @@ var deDEGrid = {
     return "Gruppierung nach ".concat(name, " aufheben");
   },
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Aufklappen',
   collapseDetailPanel: 'Zuklappen',
   // Row reordering text

package/legacy/locales/elGR.js

@@ -113,6 +113,7 @@ var elGRGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/legacy/locales/esES.js

@@ -114,6 +114,7 @@ var esESGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/legacy/locales/faIR.js

@@ -119,6 +119,7 @@ var faIRGrid = {
     return "\u0644\u063A\u0648 \u06AF\u0631\u0648\u0647\u200C\u0628\u0646\u062F\u06CC \u0628\u0631\u0627\u0633\u0627\u0633 ".concat(name);
   },
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'بازکردن پنل جزئیات',
   collapseDetailPanel: 'بستن پنل جزئیات' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/legacy/locales/fiFI.js

@@ -114,6 +114,7 @@ var fiFIGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/legacy/locales/frFR.js

@@ -118,6 +118,7 @@ var frFRGrid = {
   unGroupColumn: function unGroupColumn(name) {
     return "Arr\xEAter de grouper par ".concat(name);
   } // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/legacy/locales/heIL.js

@@ -119,6 +119,7 @@ var heILGrid = {
     return "\u05D4\u05E4\u05E1\u05E7 \u05DC\u05E7\u05D1\u05E5 \u05DC\u05E4\u05D9 ".concat(name);
   },
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'הרחב',
   collapseDetailPanel: 'כווץ',
   // Row reordering text

package/legacy/locales/huHU.js

@@ -119,6 +119,7 @@ var huHUGrid = {
     return "".concat(name, " szerinti csoportos\xEDt\xE1s t\xF6rl\xE9se");
   },
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Kibontás',
   collapseDetailPanel: 'Összecsukás' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/legacy/locales/itIT.js

@@ -118,6 +118,7 @@ var itITGrid = {
   unGroupColumn: function unGroupColumn(name) {
     return "Annulla raggruppamento per ".concat(name);
   } // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/legacy/locales/jaJP.js

@@ -119,6 +119,7 @@ var jaJPGrid = {
     return "".concat(name, "\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u89E3\u9664");
   },
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: '展開',
   collapseDetailPanel: '折りたたみ',
   // Row reordering text

package/legacy/locales/koKR.js

@@ -114,6 +114,7 @@ var koKRGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/legacy/locales/nbNO.js

@@ -119,6 +119,7 @@ var nbNOGrid = {
     return "Stopp \xE5 grupper p\xE5 ".concat(name);
   },
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Utvid',
   collapseDetailPanel: 'Kollaps',
   // Row reordering text

package/legacy/locales/nlNL.js

@@ -118,6 +118,7 @@ var nlNLGrid = {
   unGroupColumn: function unGroupColumn(name) {
     return "Stop groeperen op ".concat(name);
   } // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/legacy/locales/plPL.js

@@ -119,6 +119,7 @@ var plPLGrid = {
     return "Rozgrupuj ".concat(name);
   },
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Rozwiń',
   collapseDetailPanel: 'Zwiń' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/legacy/locales/ptBR.js

@@ -119,6 +119,7 @@ var ptBRGrid = {
     return "Parar agrupamento por ".concat(name);
   },
   // Master/detail
+  detailPanelToggle: 'Painel de detalhes',
   expandDetailPanel: 'Expandir',
   collapseDetailPanel: 'Esconder' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/legacy/locales/ruRU.js

@@ -146,6 +146,7 @@ var ruRUGrid = {
     return "\u0420\u0430\u0437\u0433\u0440\u0443\u043F\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E ".concat(name);
   },
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Развернуть',
   collapseDetailPanel: 'Свернуть' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/legacy/locales/skSK.js

@@ -145,6 +145,7 @@ var skSKGrid = {
   unGroupColumn: function unGroupColumn(name) {
     return "Presta\u0165 zoskupova\u0165 pod\u013Ea ".concat(name);
   } // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/legacy/locales/trTR.js

@@ -119,6 +119,7 @@ var trTRGrid = {
     return "".concat(name, " i\xE7in gruplamay\u0131 kald\u0131r");
   },
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Genişlet',
   collapseDetailPanel: 'Gizle' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/legacy/locales/ukUA.js

@@ -140,6 +140,7 @@ var ukUAGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/legacy/locales/viVN.js

@@ -114,6 +114,7 @@ var viVNGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/legacy/locales/zhCN.js

@@ -114,6 +114,7 @@ var zhCNGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/locales/arSD.js

@@ -107,6 +107,7 @@ const arSDGrid = {
   groupColumn: name => `تجميع حسب ${name}`,
   unGroupColumn: name => `إيقاف التجميع حسب ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'توسيع',
   collapseDetailPanel: 'طوي' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/locales/bgBG.js

@@ -107,6 +107,7 @@ const bgBGGrid = {
   groupColumn: name => `Групирай по ${name}`,
   unGroupColumn: name => `Спри групиране по ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Разгъване',
   collapseDetailPanel: 'Свиване' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/locales/csCZ.js

@@ -141,6 +141,7 @@ const csCZGrid = {
   groupingColumnHeaderName: 'Skupina',
   groupColumn: name => `Zoskupit podle ${name}`,
   unGroupColumn: name => `Přestat zoskupovat podle ${name}` // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/locales/daDK.js

@@ -107,6 +107,7 @@ const daDKGrid = {
   groupColumn: name => `Gruppér efter ${name}`,
   unGroupColumn: name => `Fjern gruppéring efter ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Udvid',
   collapseDetailPanel: 'Kollaps' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/locales/deDE.js

@@ -107,6 +107,7 @@ const deDEGrid = {
   groupColumn: name => `Gruppieren nach ${name}`,
   unGroupColumn: name => `Gruppierung nach ${name} aufheben`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Aufklappen',
   collapseDetailPanel: 'Zuklappen',
   // Row reordering text

package/locales/elGR.js

@@ -105,6 +105,7 @@ const elGRGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/locales/esES.js

@@ -106,6 +106,7 @@ const esESGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/locales/faIR.js

@@ -107,6 +107,7 @@ const faIRGrid = {
   groupColumn: name => `گروه‌بندی براساس ${name}`,
   unGroupColumn: name => `لغو گروه‌بندی براساس ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'بازکردن پنل جزئیات',
   collapseDetailPanel: 'بستن پنل جزئیات' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/locales/fiFI.js

@@ -106,6 +106,7 @@ const fiFIGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/locales/frFR.js

@@ -106,6 +106,7 @@ const frFRGrid = {
   groupingColumnHeaderName: 'Groupe',
   groupColumn: name => `Grouper par ${name}`,
   unGroupColumn: name => `Arrêter de grouper par ${name}` // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/locales/heIL.js

@@ -107,6 +107,7 @@ const heILGrid = {
   groupColumn: name => `קבץ לפי ${name}`,
   unGroupColumn: name => `הפסק לקבץ לפי ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'הרחב',
   collapseDetailPanel: 'כווץ',
   // Row reordering text

package/locales/huHU.js

@@ -107,6 +107,7 @@ const huHUGrid = {
   groupColumn: name => `Csoportosítás ${name} szerint`,
   unGroupColumn: name => `${name} szerinti csoportosítás törlése`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Kibontás',
   collapseDetailPanel: 'Összecsukás' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/locales/itIT.js

@@ -106,6 +106,7 @@ const itITGrid = {
   groupingColumnHeaderName: 'Gruppo',
   groupColumn: name => `Raggruppa per ${name}`,
   unGroupColumn: name => `Annulla raggruppamento per ${name}` // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/locales/jaJP.js

@@ -107,6 +107,7 @@ const jaJPGrid = {
   groupColumn: name => `${name}でグループ化`,
   unGroupColumn: name => `${name}のグループを解除`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: '展開',
   collapseDetailPanel: '折りたたみ',
   // Row reordering text

package/locales/koKR.js

@@ -106,6 +106,7 @@ const koKRGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/locales/nbNO.js

@@ -107,6 +107,7 @@ const nbNOGrid = {
   groupColumn: name => `Grupper på ${name}`,
   unGroupColumn: name => `Stopp å grupper på ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Utvid',
   collapseDetailPanel: 'Kollaps',
   // Row reordering text

package/locales/nlNL.js

@@ -106,6 +106,7 @@ const nlNLGrid = {
   groupingColumnHeaderName: 'Groep',
   groupColumn: name => `Groepeer op ${name}`,
   unGroupColumn: name => `Stop groeperen op ${name}` // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/locales/plPL.js

@@ -107,6 +107,7 @@ const plPLGrid = {
   groupColumn: name => `Grupuj według ${name}`,
   unGroupColumn: name => `Rozgrupuj ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Rozwiń',
   collapseDetailPanel: 'Zwiń' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/locales/ptBR.js

@@ -107,6 +107,7 @@ const ptBRGrid = {
   groupColumn: name => `Agrupar por ${name}`,
   unGroupColumn: name => `Parar agrupamento por ${name}`,
   // Master/detail
+  detailPanelToggle: 'Painel de detalhes',
   expandDetailPanel: 'Expandir',
   collapseDetailPanel: 'Esconder' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/locales/ruRU.js

@@ -140,6 +140,7 @@ const ruRUGrid = {
   groupColumn: name => `Сгруппировать по ${name}`,
   unGroupColumn: name => `Разгруппировать по ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Развернуть',
   collapseDetailPanel: 'Свернуть' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/locales/skSK.js

@@ -141,6 +141,7 @@ const skSKGrid = {
   groupingColumnHeaderName: 'Skupina',
   groupColumn: name => `Zoskupiť podľa ${name}`,
   unGroupColumn: name => `Prestať zoskupovať podľa ${name}` // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/locales/trTR.js

@@ -107,6 +107,7 @@ const trTRGrid = {
   groupColumn: name => `${name} için grupla`,
   unGroupColumn: name => `${name} için gruplamayı kaldır`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Genişlet',
   collapseDetailPanel: 'Gizle' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',

package/locales/ukUA.js

@@ -132,6 +132,7 @@ const ukUAGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/locales/viVN.js

@@ -106,6 +106,7 @@ const viVNGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/locales/zhCN.js

@@ -106,6 +106,7 @@ const zhCNGrid = {
   // groupColumn: name => `Group by ${name}`,
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
+  // detailPanelToggle: 'Detail panel toggle',
   // expandDetailPanel: 'Expand',
   // collapseDetailPanel: 'Collapse',
   // Row reordering text

package/models/api/gridLocaleTextApi.d.ts

@@ -87,6 +87,7 @@ export interface GridLocaleText {
     groupingColumnHeaderName: string;
     groupColumn: (name: string) => string;
     unGroupColumn: (name: string) => string;
+    detailPanelToggle: string;
     expandDetailPanel: string;
     collapseDetailPanel: string;
     MuiTablePagination: Omit<ComponentsPropsList['MuiTablePagination'], 'page' | 'count' | 'onChangePage' | 'rowsPerPage' | 'onPageChange'>;

package/models/colDef/gridColDef.d.ts

@@ -248,7 +248,7 @@ export interface GridActionsColDef<R extends GridValidRowModel = any, V = any, F
 }
 export declare type GridEnrichedColDef<R extends GridValidRowModel = any, V = any, F = V> = GridColDef<R, V, F> | GridActionsColDef<R, V, F>;
 export declare type GridColumns<R extends GridValidRowModel = any> = GridEnrichedColDef<R>[];
-export declare type GridColTypeDef<V = any, F = V> = Omit<GridColDef<V, any, F>, 'field'> & {
+export declare type GridColTypeDef<V = any, F = V> = Omit<GridColDef<any, V, F>, 'field'> & {
     extendType?: GridNativeColTypes;
 };
 export declare type GridStateColDef<R extends GridValidRowModel = any, V = any, F = V> = GridEnrichedColDef<R, V, F> & {

package/modern/colDef/gridCheckboxSelectionColDef.js

@@ -5,8 +5,9 @@ import { GridHeaderCheckbox } from '../components/columnSelection/GridHeaderChec
 import { selectedIdsLookupSelector } from '../hooks/features/selection/gridSelectionSelector';
 import { GRID_BOOLEAN_COL_DEF } from './gridBooleanColDef';
 import { jsx as _jsx } from "react/jsx-runtime";
+export const GRID_CHECKBOX_SELECTION_FIELD = '__check__';
 export const GRID_CHECKBOX_SELECTION_COL_DEF = _extends({}, GRID_BOOLEAN_COL_DEF, {
-  field: '__check__',
+  field: GRID_CHECKBOX_SELECTION_FIELD,
   type: 'checkboxSelection',
   width: 50,
   resizable: false,

package/modern/colDef/gridNumericColDef.js

@@ -11,7 +11,7 @@ export const GRID_NUMERIC_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   valueParser: value => value === '' ? null : Number(value),
   valueFormatter: ({
     value
-  }) => value && isNumber(value) && value.toLocaleString() || value,
+  }) => isNumber(value) ? value.toLocaleString() : value || '',
   filterOperators: getGridNumericOperators(),
   getApplyQuickFilterFn: getGridNumericQuickFilterFn
 });