@mui/x-data-grid 5.17.3 → 5.17.5

package/legacy/hooks/features/editRows/useGridCellEditing.new.js

@@ -8,6 +8,7 @@ var _excluded = ["id", "field"],
     _excluded2 = ["id", "field"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import * as React from 'react';
+import { unstable_useEventCallback as useEventCallback } from '@mui/utils';
 import { useGridApiEventHandler, useGridApiOptionHandler, GridSignature } from '../../utils/useGridApiEventHandler';
 import { GridEditModes, GridCellModes } from '../../../models/gridEditRowModel';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
@@ -189,7 +190,7 @@ export var useGridCellEditing = function useGridCellEditing(apiRef, props) {
     var isEditing = editingState[id] && editingState[id][field];
     return isEditing ? GridCellModes.Edit : GridCellModes.View;
   }, [apiRef]);
-  var updateCellModesModel = React.useCallback(function (newModel) {
+  var updateCellModesModel = useEventCallback(function (newModel) {
     var isNewModelDifferentFromProp = newModel !== props.cellModesModel;
 
     if (onCellModesModelChange && isNewModelDifferentFromProp) {
@@ -206,7 +207,7 @@ export var useGridCellEditing = function useGridCellEditing(apiRef, props) {
     setCellModesModel(newModel);
     cellModesModelRef.current = newModel;
     apiRef.current.publishEvent('cellModesModelChange', newModel);
-  }, [apiRef, onCellModesModelChange, props.cellModesModel, signature]);
+  });
   var updateFieldInCellModesModel = React.useCallback(function (id, field, newProps) {
     // We use the ref because it always contain the up-to-date value, different from the state
     // that needs a rerender to reflect the new value
@@ -260,7 +261,7 @@ export var useGridCellEditing = function useGridCellEditing(apiRef, props) {
       mode: GridCellModes.Edit
     }, other));
   }, [throwIfNotEditable, throwIfNotInMode, updateFieldInCellModesModel]);
-  var updateStateToStartCellEditMode = React.useCallback(function (params) {
+  var updateStateToStartCellEditMode = useEventCallback(function (params) {
     var id = params.id,
         field = params.field,
         deleteValue = params.deleteValue;
@@ -271,7 +272,7 @@ export var useGridCellEditing = function useGridCellEditing(apiRef, props) {
     };
     updateOrDeleteFieldState(id, field, newProps);
     apiRef.current.setCellFocus(id, field);
-  }, [apiRef, updateOrDeleteFieldState]);
+  });
   var stopCellEditMode = React.useCallback(function (params) {
     var id = params.id,
         field = params.field,
@@ -282,7 +283,7 @@ export var useGridCellEditing = function useGridCellEditing(apiRef, props) {
       mode: GridCellModes.View
     }, other));
   }, [throwIfNotInMode, updateFieldInCellModesModel]);
-  var updateStateToStopCellEditMode = React.useCallback( /*#__PURE__*/function () {
+  var updateStateToStopCellEditMode = useEventCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(params) {
       var id, field, ignoreModifications, _params$cellToFocusAf, cellToFocusAfter, finishCellEditMode, editingState, _editingState$id$fiel, error, isProcessingProps, rowUpdate, handleError, row;
 
@@ -334,7 +335,11 @@ export var useGridCellEditing = function useGridCellEditing(apiRef, props) {
 
               if (processRowUpdate) {
                 handleError = function handleError(errorThrown) {
-                  prevCellModesModel.current[id][field].mode = GridCellModes.Edit;
+                  prevCellModesModel.current[id][field].mode = GridCellModes.Edit; // Revert the mode in the cellModesModel prop back to "edit"
+
+                  updateFieldInCellModesModel(id, field, {
+                    mode: GridCellModes.Edit
+                  });
 
                   if (onProcessRowUpdateError) {
                     onProcessRowUpdateError(errorThrown);
@@ -368,7 +373,7 @@ export var useGridCellEditing = function useGridCellEditing(apiRef, props) {
     return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }(), [apiRef, onProcessRowUpdateError, processRowUpdate, throwIfNotInMode, updateFieldInCellModesModel, updateOrDeleteFieldState]);
+  }());
   var setCellEditingEditCellValue = React.useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(params) {
       var _editingState$id, _editingState$id$fiel2;

package/legacy/hooks/features/editRows/useGridRowEditing.new.js

@@ -6,6 +6,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["id"],
     _excluded2 = ["id"];
 import * as React from 'react';
+import { unstable_useEventCallback as useEventCallback } from '@mui/utils';
 import { useGridApiEventHandler, useGridApiOptionHandler, GridSignature } from '../../utils/useGridApiEventHandler';
 import { GridEditModes, GridRowModes } from '../../../models/gridEditRowModel';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
@@ -256,7 +257,7 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
     var isEditing = editingState[id] && Object.keys(editingState[id]).length > 0;
     return isEditing ? GridRowModes.Edit : GridRowModes.View;
   }, [apiRef, props.editMode]);
-  var updateRowModesModel = React.useCallback(function (newModel) {
+  var updateRowModesModel = useEventCallback(function (newModel) {
     var isNewModelDifferentFromProp = newModel !== props.rowModesModel;
 
     if (onRowModesModelChange && isNewModelDifferentFromProp) {
@@ -273,7 +274,7 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
     setRowModesModel(newModel);
     rowModesModelRef.current = newModel;
     apiRef.current.publishEvent('rowModesModelChange', newModel);
-  }, [apiRef, onRowModesModelChange, props.rowModesModel, signature]);
+  });
   var updateRowInRowModesModel = React.useCallback(function (id, newProps) {
     var newModel = _extends({}, rowModesModelRef.current);
 
@@ -330,7 +331,7 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
       mode: GridRowModes.Edit
     }, other));
   }, [throwIfNotInMode, updateRowInRowModesModel]);
-  var updateStateToStartRowEditMode = React.useCallback(function (params) {
+  var updateStateToStartRowEditMode = useEventCallback(function (params) {
     var id = params.id,
         fieldToFocus = params.fieldToFocus,
         deleteValue = params.deleteValue;
@@ -355,7 +356,7 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
     if (fieldToFocus) {
       apiRef.current.setCellFocus(id, fieldToFocus);
     }
-  }, [apiRef, updateOrDeleteRowState]);
+  });
   var stopRowEditMode = React.useCallback(function (params) {
     var id = params.id,
         other = _objectWithoutProperties(params, _excluded2);
@@ -365,7 +366,7 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
       mode: GridRowModes.View
     }, other));
   }, [throwIfNotInMode, updateRowInRowModesModel]);
-  var updateStateToStopRowEditMode = React.useCallback(function (params) {
+  var updateStateToStopRowEditMode = useEventCallback(function (params) {
     var id = params.id,
         ignoreModifications = params.ignoreModifications,
         focusedField = params.field,
@@ -415,7 +416,11 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
 
     if (processRowUpdate) {
       var handleError = function handleError(errorThrown) {
-        prevRowModesModel.current[id].mode = GridRowModes.Edit;
+        prevRowModesModel.current[id].mode = GridRowModes.Edit; // Revert the mode in the rowModesModel prop back to "edit"
+
+        updateRowInRowModesModel(id, {
+          mode: GridRowModes.Edit
+        });
 
         if (onProcessRowUpdateError) {
           onProcessRowUpdateError(errorThrown);
@@ -436,7 +441,7 @@ export var useGridRowEditing = function useGridRowEditing(apiRef, props) {
       apiRef.current.updateRows([rowUpdate]);
       finishRowEditMode();
     }
-  }, [apiRef, onProcessRowUpdateError, processRowUpdate, updateOrDeleteRowState, updateRowInRowModesModel]);
+  });
   var setRowEditingEditCellValue = React.useCallback(function (params) {
     var id = params.id,
         field = params.field,

package/legacy/hooks/features/focus/useGridFocus.js

@@ -30,6 +30,14 @@ export var focusStateInitializer = function focusStateInitializer(state) {
 export var useGridFocus = function useGridFocus(apiRef, props) {
   var logger = useGridLogger(apiRef, 'useGridFocus');
   var lastClickedCell = React.useRef(null);
+  var publishCellFocusOut = React.useCallback(function (cell, event) {
+    if (cell) {
+      // The row might have been deleted
+      if (apiRef.current.getRow(cell.id)) {
+        apiRef.current.publishEvent('cellFocusOut', apiRef.current.getCellParams(cell.id, cell.field), event);
+      }
+    }
+  }, [apiRef]);
   var setCellFocus = React.useCallback(function (id, field) {
     var focusedCell = gridFocusCellSelector(apiRef);
 
@@ -65,19 +73,15 @@ export var useGridFocus = function useGridFocus(apiRef, props) {
     if (focusedCell) {
       // There's a focused cell but another cell was clicked
       // Publishes an event to notify that the focus was lost
-      apiRef.current.publishEvent('cellFocusOut', apiRef.current.getCellParams(focusedCell.id, focusedCell.field));
+      publishCellFocusOut(focusedCell, {});
     }
 
     apiRef.current.publishEvent('cellFocusIn', apiRef.current.getCellParams(id, field));
-  }, [apiRef, logger]);
+  }, [apiRef, logger, publishCellFocusOut]);
   var setColumnHeaderFocus = React.useCallback(function (field) {
     var event = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var cell = gridFocusCellSelector(apiRef);
-
-    if (cell) {
-      apiRef.current.publishEvent('cellFocusOut', apiRef.current.getCellParams(cell.id, cell.field), event);
-    }
-
+    publishCellFocusOut(cell, event);
     apiRef.current.setState(function (state) {
       logger.debug("Focusing on column header with colIndex=".concat(field));
       return _extends({}, state, {
@@ -96,7 +100,7 @@ export var useGridFocus = function useGridFocus(apiRef, props) {
       });
     });
     apiRef.current.forceUpdate();
-  }, [apiRef, logger]);
+  }, [apiRef, logger, publishCellFocusOut]);
   var moveFocusToRelativeCell = React.useCallback(function (id, field, direction) {
     var columnIndexToFocus = apiRef.current.getColumnIndex(field);
     var rowIndexToFocus = apiRef.current.getRowIndexRelativeToVisibleRows(id);
@@ -206,11 +210,6 @@ export var useGridFocus = function useGridFocus(apiRef, props) {
 
     if (cellElement != null && cellElement.contains(event.target)) {
       return;
-    } // The row might have been deleted during the click
-
-
-    if (!apiRef.current.getRow(focusedCell.id)) {
-      return;
     }
 
     if (cellParams) {
@@ -227,9 +226,9 @@ export var useGridFocus = function useGridFocus(apiRef, props) {
       apiRef.current.forceUpdate(); // There's a focused cell but another element (not a cell) was clicked
       // Publishes an event to notify that the focus was lost
 
-      apiRef.current.publishEvent('cellFocusOut', apiRef.current.getCellParams(focusedCell.id, focusedCell.field), event);
+      publishCellFocusOut(focusedCell, event);
     }
-  }, [apiRef]);
+  }, [apiRef, publishCellFocusOut]);
   var handleCellModeChange = React.useCallback(function (params) {
     if (params.cellMode === 'view') {
       return;

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

@@ -104,16 +104,16 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     var _currentPage$range, _currentPage$range2;
 
     var lastMeasuredIndexRelativeToAllRows = apiRef.current.unstable_getLastMeasuredRowIndex();
-    var lastMeasuredIndexRelativeToCurrentPage = lastMeasuredIndexRelativeToAllRows - (((_currentPage$range = currentPage.range) == null ? void 0 : _currentPage$range.firstRowIndex) || 0);
-    var lastMeasuredIndex = Math.max(0, lastMeasuredIndexRelativeToCurrentPage);
-    var allRowsMeasured = lastMeasuredIndex === Infinity;
+    var allRowsMeasured = lastMeasuredIndexRelativeToAllRows === Infinity;
 
-    if ((_currentPage$range2 = currentPage.range) != null && _currentPage$range2.lastRowIndex && !allRowsMeasured) {
+    if ((_currentPage$range = currentPage.range) != null && _currentPage$range.lastRowIndex && !allRowsMeasured) {
       // Check if all rows in this page are already measured
-      allRowsMeasured = lastMeasuredIndex >= currentPage.range.lastRowIndex;
+      allRowsMeasured = lastMeasuredIndexRelativeToAllRows >= currentPage.range.lastRowIndex;
     }
 
-    if (allRowsMeasured || rowsMeta.positions[lastMeasuredIndex] >= offset) {
+    var lastMeasuredIndexRelativeToCurrentPage = clamp(lastMeasuredIndexRelativeToAllRows - (((_currentPage$range2 = currentPage.range) == null ? void 0 : _currentPage$range2.firstRowIndex) || 0), 0, rowsMeta.positions.length);
+
+    if (allRowsMeasured || rowsMeta.positions[lastMeasuredIndexRelativeToCurrentPage] >= 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);
@@ -123,7 +123,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
     // Inspired by https://github.com/bvaughn/react-virtualized/blob/master/source/Grid/utils/CellSizeAndPositionManager.js
 
 
-    return exponentialSearch(offset, rowsMeta.positions, lastMeasuredIndex);
+    return exponentialSearch(offset, rowsMeta.positions, lastMeasuredIndexRelativeToCurrentPage);
   }, [apiRef, (_currentPage$range3 = currentPage.range) == null ? void 0 : _currentPage$range3.firstRowIndex, (_currentPage$range4 = currentPage.range) == null ? void 0 : _currentPage$range4.lastRowIndex, rowsMeta.positions]);
   var computeRenderContext = React.useCallback(function () {
     if (disableVirtualization) {

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.3
+/** @license MUI v5.17.5
  *
  * 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/faIR.js

@@ -23,15 +23,15 @@ var faIRGrid = {
     return count !== 1 ? "".concat(count, " \u0641\u06CC\u0644\u062A\u0631\u0647\u0627\u06CC \u0641\u0639\u0627\u0644") : "".concat(count, " \u0641\u06CC\u0644\u062A\u0631 \u0641\u0639\u0627\u0644");
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'جستجو...',
+  toolbarQuickFilterLabel: 'جستجو',
+  toolbarQuickFilterDeleteIconLabel: 'حذف',
   // Export selector toolbar button text
   toolbarExport: 'خروجی',
   toolbarExportLabel: 'خروجی',
   toolbarExportCSV: 'دانلود به صورت CSV',
   toolbarExportPrint: 'چاپ',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'دانلود به صورت اکسل',
   // Columns panel text
   columnsPanelTextFieldLabel: 'پیداکردن ستون',
   columnsPanelTextFieldPlaceholder: 'عنوان ستون',
@@ -119,17 +119,17 @@ 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',
+  detailPanelToggle: 'پنل جزئیات',
   expandDetailPanel: 'بازکردن پنل جزئیات',
-  collapseDetailPanel: 'بستن پنل جزئیات' // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  collapseDetailPanel: 'بستن پنل جزئیات',
+  // Row reordering text
+  rowReorderingHeaderName: 'ترتیب مجدد سطر',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  aggregationMenuItemHeader: 'تجمیع',
+  aggregationFunctionLabelSum: 'جمع',
+  aggregationFunctionLabelAvg: 'میانگین',
+  aggregationFunctionLabelMin: 'حداقل',
+  aggregationFunctionLabelMax: 'حداکثر',
+  aggregationFunctionLabelSize: 'اندازه'
 };
 export var faIR = getGridLocalization(faIRGrid, faIRCore);

package/legacy/locales/fiFI.js

@@ -6,7 +6,7 @@ var fiFIGrid = {
   noResultsOverlayLabel: 'Ei tuloksia.',
   errorOverlayDefaultLabel: 'Tapahtui virhe.',
   // Density selector toolbar button text
-  toolbarDensity: 'Density',
+  toolbarDensity: 'Tiiveys',
   toolbarDensityLabel: 'Tiiveys',
   toolbarDensityCompact: 'Kompakti',
   toolbarDensityStandard: 'Vakio',
@@ -23,15 +23,15 @@ var fiFIGrid = {
     return count !== 1 ? "".concat(count, " aktiivista suodatinta") : "".concat(count, " aktiivinen suodatin");
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Hae…',
+  toolbarQuickFilterLabel: 'Hae',
+  toolbarQuickFilterDeleteIconLabel: 'Tyhjennä',
   // Export selector toolbar button text
-  toolbarExport: 'Export',
-  toolbarExportLabel: 'Export',
+  toolbarExport: 'Vie',
+  toolbarExportLabel: 'Vie',
   toolbarExportCSV: 'Lataa CSV-muodossa',
   toolbarExportPrint: 'Tulosta',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Lataa Excel-muodossa',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Etsi sarake',
   columnsPanelTextFieldPlaceholder: 'Sarakkeen otsikko',
@@ -41,7 +41,7 @@ var fiFIGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Lisää suodatin',
   filterPanelDeleteIconLabel: 'Poista',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Logiikkaoperaattori',
   filterPanelOperators: 'Operaattorit',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'Ja',
@@ -62,7 +62,7 @@ var fiFIGrid = {
   filterOperatorOnOrBefore: 'on sama tai ennen',
   filterOperatorIsEmpty: 'on tyhjä',
   filterOperatorIsNotEmpty: 'ei ole tyhjä',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'mikä tahansa seuraavista',
   // Filter values text
   filterValueAny: 'mikä tahansa',
   filterValueTrue: 'tosi',
@@ -93,10 +93,10 @@ var fiFIGrid = {
   },
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Valintaruutu',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Valitse kaikki rivit',
+  checkboxSelectionUnselectAllRows: 'Poista kaikkien rivien valinta',
+  checkboxSelectionSelectRow: 'Valitse rivi',
+  checkboxSelectionUnselectRow: 'Poista rivin valinta',
   // Boolean cell text
   booleanCellTrueLabel: 'tosi',
   booleanCellFalseLabel: 'epätosi',
@@ -109,23 +109,27 @@ var fiFIGrid = {
   // Tree Data
   treeDataGroupingHeaderName: 'Ryhmä',
   treeDataExpand: 'Laajenna',
-  treeDataCollapse: 'Supista' // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
+  treeDataCollapse: 'Supista',
+  // Grouping columns
+  groupingColumnHeaderName: 'Ryhmä',
+  groupColumn: function groupColumn(name) {
+    return "Ryhmittelyperuste ".concat(name);
+  },
+  unGroupColumn: function unGroupColumn(name) {
+    return "Poista ryhmittelyperuste ".concat(name);
+  },
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  detailPanelToggle: 'Yksityiskohtapaneelin vaihto',
+  expandDetailPanel: 'Laajenna',
+  collapseDetailPanel: 'Tiivistä',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: 'Rivien uudelleenjärjestely',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  aggregationMenuItemHeader: 'Koostaminen',
+  aggregationFunctionLabelSum: 'summa',
+  aggregationFunctionLabelAvg: 'ka.',
+  aggregationFunctionLabelMin: 'min.',
+  aggregationFunctionLabelMax: 'maks.',
+  aggregationFunctionLabelSize: 'koko'
 };
 export var fiFI = getGridLocalization(fiFIGrid, fiFICore);

package/legacy/locales/plPL.js

@@ -23,15 +23,15 @@ var plPLGrid = {
     return "Liczba aktywnych filtr\xF3w: ".concat(count);
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Wyszukaj…',
+  toolbarQuickFilterLabel: 'Szukaj',
+  toolbarQuickFilterDeleteIconLabel: 'Wyczyść',
   // Export selector toolbar button text
   toolbarExport: 'Eksportuj',
   toolbarExportLabel: 'Eksportuj',
   toolbarExportCSV: 'Pobierz jako plik CSV',
   toolbarExportPrint: 'Drukuj',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Pobierz jako plik Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Znajdź kolumnę',
   columnsPanelTextFieldPlaceholder: 'Tytuł kolumny',
@@ -121,9 +121,9 @@ var plPLGrid = {
   // Master/detail
   // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Rozwiń',
-  collapseDetailPanel: 'Zwiń' // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-  // Aggregation
+  collapseDetailPanel: 'Zwiń',
+  // Row reordering text
+  rowReorderingHeaderName: 'Porządkowanie wierszy' // Aggregation
   // aggregationMenuItemHeader: 'Aggregation',
   // aggregationFunctionLabelSum: 'sum',
   // aggregationFunctionLabelAvg: 'avg',

package/locales/faIR.js

@@ -21,15 +21,15 @@ const faIRGrid = {
   toolbarFiltersTooltipShow: 'نمایش فیلترها',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} فیلترهای فعال` : `${count} فیلتر فعال`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'جستجو...',
+  toolbarQuickFilterLabel: 'جستجو',
+  toolbarQuickFilterDeleteIconLabel: 'حذف',
   // Export selector toolbar button text
   toolbarExport: 'خروجی',
   toolbarExportLabel: 'خروجی',
   toolbarExportCSV: 'دانلود به صورت CSV',
   toolbarExportPrint: 'چاپ',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'دانلود به صورت اکسل',
   // Columns panel text
   columnsPanelTextFieldLabel: 'پیداکردن ستون',
   columnsPanelTextFieldPlaceholder: 'عنوان ستون',
@@ -107,17 +107,17 @@ const faIRGrid = {
   groupColumn: name => `گروه‌بندی براساس ${name}`,
   unGroupColumn: name => `لغو گروه‌بندی براساس ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'پنل جزئیات',
   expandDetailPanel: 'بازکردن پنل جزئیات',
-  collapseDetailPanel: 'بستن پنل جزئیات' // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  collapseDetailPanel: 'بستن پنل جزئیات',
+  // Row reordering text
+  rowReorderingHeaderName: 'ترتیب مجدد سطر',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  aggregationMenuItemHeader: 'تجمیع',
+  aggregationFunctionLabelSum: 'جمع',
+  aggregationFunctionLabelAvg: 'میانگین',
+  aggregationFunctionLabelMin: 'حداقل',
+  aggregationFunctionLabelMax: 'حداکثر',
+  aggregationFunctionLabelSize: 'اندازه'
 };
 export const faIR = getGridLocalization(faIRGrid, faIRCore);

package/locales/fiFI.js

@@ -6,7 +6,7 @@ const fiFIGrid = {
   noResultsOverlayLabel: 'Ei tuloksia.',
   errorOverlayDefaultLabel: 'Tapahtui virhe.',
   // Density selector toolbar button text
-  toolbarDensity: 'Density',
+  toolbarDensity: 'Tiiveys',
   toolbarDensityLabel: 'Tiiveys',
   toolbarDensityCompact: 'Kompakti',
   toolbarDensityStandard: 'Vakio',
@@ -21,15 +21,15 @@ const fiFIGrid = {
   toolbarFiltersTooltipShow: 'Näytä suodattimet',
   toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktiivista suodatinta` : `${count} aktiivinen suodatin`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Hae…',
+  toolbarQuickFilterLabel: 'Hae',
+  toolbarQuickFilterDeleteIconLabel: 'Tyhjennä',
   // Export selector toolbar button text
-  toolbarExport: 'Export',
-  toolbarExportLabel: 'Export',
+  toolbarExport: 'Vie',
+  toolbarExportLabel: 'Vie',
   toolbarExportCSV: 'Lataa CSV-muodossa',
   toolbarExportPrint: 'Tulosta',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Lataa Excel-muodossa',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Etsi sarake',
   columnsPanelTextFieldPlaceholder: 'Sarakkeen otsikko',
@@ -39,7 +39,7 @@ const fiFIGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Lisää suodatin',
   filterPanelDeleteIconLabel: 'Poista',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Logiikkaoperaattori',
   filterPanelOperators: 'Operaattorit',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'Ja',
@@ -60,7 +60,7 @@ const fiFIGrid = {
   filterOperatorOnOrBefore: 'on sama tai ennen',
   filterOperatorIsEmpty: 'on tyhjä',
   filterOperatorIsNotEmpty: 'ei ole tyhjä',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'mikä tahansa seuraavista',
   // Filter values text
   filterValueAny: 'mikä tahansa',
   filterValueTrue: 'tosi',
@@ -85,10 +85,10 @@ const fiFIGrid = {
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} / ${totalCount.toLocaleString()}`,
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Valintaruutu',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Valitse kaikki rivit',
+  checkboxSelectionUnselectAllRows: 'Poista kaikkien rivien valinta',
+  checkboxSelectionSelectRow: 'Valitse rivi',
+  checkboxSelectionUnselectRow: 'Poista rivin valinta',
   // Boolean cell text
   booleanCellTrueLabel: 'tosi',
   booleanCellFalseLabel: 'epätosi',
@@ -101,23 +101,23 @@ const fiFIGrid = {
   // Tree Data
   treeDataGroupingHeaderName: 'Ryhmä',
   treeDataExpand: 'Laajenna',
-  treeDataCollapse: 'Supista' // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
+  treeDataCollapse: 'Supista',
+  // Grouping columns
+  groupingColumnHeaderName: 'Ryhmä',
+  groupColumn: name => `Ryhmittelyperuste ${name}`,
+  unGroupColumn: name => `Poista ryhmittelyperuste ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  detailPanelToggle: 'Yksityiskohtapaneelin vaihto',
+  expandDetailPanel: 'Laajenna',
+  collapseDetailPanel: 'Tiivistä',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: 'Rivien uudelleenjärjestely',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  aggregationMenuItemHeader: 'Koostaminen',
+  aggregationFunctionLabelSum: 'summa',
+  aggregationFunctionLabelAvg: 'ka.',
+  aggregationFunctionLabelMin: 'min.',
+  aggregationFunctionLabelMax: 'maks.',
+  aggregationFunctionLabelSize: 'koko'
 };
 export const fiFI = getGridLocalization(fiFIGrid, fiFICore);

package/locales/plPL.js

@@ -21,15 +21,15 @@ const plPLGrid = {
   toolbarFiltersTooltipShow: 'Pokaż filtry',
   toolbarFiltersTooltipActive: count => `Liczba aktywnych filtrów: ${count}`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Wyszukaj…',
+  toolbarQuickFilterLabel: 'Szukaj',
+  toolbarQuickFilterDeleteIconLabel: 'Wyczyść',
   // Export selector toolbar button text
   toolbarExport: 'Eksportuj',
   toolbarExportLabel: 'Eksportuj',
   toolbarExportCSV: 'Pobierz jako plik CSV',
   toolbarExportPrint: 'Drukuj',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Pobierz jako plik Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Znajdź kolumnę',
   columnsPanelTextFieldPlaceholder: 'Tytuł kolumny',
@@ -109,9 +109,9 @@ const plPLGrid = {
   // Master/detail
   // detailPanelToggle: 'Detail panel toggle',
   expandDetailPanel: 'Rozwiń',
-  collapseDetailPanel: 'Zwiń' // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-  // Aggregation
+  collapseDetailPanel: 'Zwiń',
+  // Row reordering text
+  rowReorderingHeaderName: 'Porządkowanie wierszy' // Aggregation
   // aggregationMenuItemHeader: 'Aggregation',
   // aggregationFunctionLabelSum: 'sum',
   // aggregationFunctionLabelAvg: 'avg',

package/modern/components/GridPagination.js

@@ -47,8 +47,7 @@ export const GridPagination = /*#__PURE__*/React.forwardRef(function GridPaginat
   }
 
   return /*#__PURE__*/_jsx(GridPaginationRoot, _extends({
-    ref: ref // @ts-ignore
-    ,
+    ref: ref,
     component: "div",
     count: paginationState.rowCount,
     page: paginationState.page <= lastPage ? paginationState.page : lastPage,