@mui/x-data-grid 7.26.0 → 7.27.1

package/modern/hooks/features/pagination/useGridPaginationModel.js

@@ -1,7 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import { gridFilterModelSelector, gridFilterActiveItemsSelector } from "../filter/gridFilterSelector.js";
 import { gridDensityFactorSelector } from "../density/index.js";
 import { useGridLogger, useGridSelector, useGridApiMethod, useGridApiEventHandler } from "../../utils/index.js";
+import { isDeepEqual, runIf } from "../../../utils/utils.js";
 import { useGridRegisterPipeProcessor } from "../../core/pipeProcessing/index.js";
 import { gridPageCountSelector, gridPaginationModelSelector } from "./gridPaginationSelector.js";
 import { getPageCount, defaultPageSize, throwIfPageSizeExceedsTheLimit, getDefaultGridPaginationModel, getValidPage } from "./gridPaginationUtils.js";
@@ -14,7 +16,7 @@ export const getDerivedPaginationModel = (paginationState, signature, pagination
   if (paginationModelProp && (paginationModelProp?.page !== paginationModel.page || paginationModelProp?.pageSize !== paginationModel.pageSize)) {
     paginationModel = paginationModelProp;
   }
-  const validPage = getValidPage(paginationModel.page, pageCount);
+  const validPage = pageSize === -1 ? 0 : getValidPage(paginationModel.page, pageCount);
   if (validPage !== paginationModel.page) {
     paginationModel = _extends({}, paginationModel, {
       page: validPage
@@ -31,6 +33,7 @@ export const getDerivedPaginationModel = (paginationState, signature, pagination
 export const useGridPaginationModel = (apiRef, props) => {
   const logger = useGridLogger(apiRef, 'useGridPaginationModel');
   const densityFactor = useGridSelector(apiRef, gridDensityFactorSelector);
+  const previousFilterModel = React.useRef(gridFilterModelSelector(apiRef));
   const rowHeight = Math.floor(props.rowHeight * densityFactor);
   apiRef.current.registerControlState({
     stateId: 'paginationModel',
@@ -143,14 +146,55 @@ export const useGridPaginationModel = (apiRef, props) => {
       return;
     }
     const paginationModel = gridPaginationModelSelector(apiRef);
+    if (paginationModel.page === 0) {
+      return;
+    }
     const pageCount = gridPageCountSelector(apiRef);
     if (paginationModel.page > pageCount - 1) {
       apiRef.current.setPage(Math.max(0, pageCount - 1));
     }
   }, [apiRef]);
+
+  /**
+   * Goes to the first row of the grid
+   */
+  const navigateToStart = React.useCallback(() => {
+    const paginationModel = gridPaginationModelSelector(apiRef);
+    if (paginationModel.page !== 0) {
+      apiRef.current.setPage(0);
+    }
+
+    // If the page was not changed it might be needed to scroll to the top
+    const scrollPosition = apiRef.current.getScrollPosition();
+    if (scrollPosition.top !== 0) {
+      apiRef.current.scroll({
+        top: 0
+      });
+    }
+  }, [apiRef]);
+
+  /**
+   * Resets the page only if the active items or quick filter has changed from the last time.
+   * This is to avoid resetting the page when the filter model is changed
+   * because of and update of the operator from an item that does not have the value
+   * or reseting when the filter panel is just opened
+   */
+  const handleFilterModelChange = React.useCallback(filterModel => {
+    const currentActiveFilters = _extends({}, filterModel, {
+      // replace items with the active items
+      items: gridFilterActiveItemsSelector(apiRef)
+    });
+    if (isDeepEqual(currentActiveFilters, previousFilterModel.current)) {
+      return;
+    }
+    previousFilterModel.current = currentActiveFilters;
+    navigateToStart();
+  }, [apiRef, navigateToStart]);
   useGridApiEventHandler(apiRef, 'viewportInnerSizeChange', handleUpdateAutoPageSize);
   useGridApiEventHandler(apiRef, 'paginationModelChange', handlePaginationModelChange);
   useGridApiEventHandler(apiRef, 'rowCountChange', handleRowCountChange);
+  useGridApiEventHandler(apiRef, 'sortModelChange', runIf(props.resetPageOnSortFilter, navigateToStart));
+  useGridApiEventHandler(apiRef, 'filterModelChange', runIf(props.resetPageOnSortFilter, handleFilterModelChange));
 
   /**
    * EFFECTS

package/modern/hooks/features/rowSelection/useGridRowSelection.js

@@ -114,7 +114,7 @@ export const useGridRowSelection = (apiRef, props) => {
     if (propIsRowSelectable && !propIsRowSelectable(apiRef.current.getRowParams(id))) {
       return false;
     }
-    const rowNode = apiRef.current.getRowNode(id);
+    const rowNode = gridRowTreeSelector(apiRef)[id];
     if (rowNode?.type === 'footer' || rowNode?.type === 'pinnedRow') {
       return false;
     }
@@ -338,7 +338,7 @@ export const useGridRowSelection = (apiRef, props) => {
         return;
       }
     }
-    const rowNode = apiRef.current.getRowNode(params.id);
+    const rowNode = gridRowTreeSelector(apiRef)[params.id];
     if (rowNode.type === 'pinnedRow') {
       return;
     }

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

@@ -4,6 +4,7 @@ import useLazyRef from '@mui/utils/useLazyRef';
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
 import { useGridLogger } from "../../utils/useGridLogger.js";
 import { gridRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridDataRowIdsSelector, gridRowsDataRowIdToIdLookupSelector, gridRowMaximumTreeDepthSelector, gridRowGroupsToFetchSelector } from "./gridRowsSelector.js";
+import { gridRowIdSelector } from "../../core/gridPropsSelectors.js";
 import { useTimeout } from "../../utils/useTimeout.js";
 import { GridSignature, useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
 import { getVisibleRows } from "../../utils/useGridVisibleRows.js";
@@ -55,16 +56,7 @@ export const useGridRows = (apiRef, props) => {
     }
     return null;
   }, [apiRef]);
-  const getRowIdProp = props.getRowId;
-  const getRowId = React.useCallback(row => {
-    if (GRID_ID_AUTOGENERATED in row) {
-      return row[GRID_ID_AUTOGENERATED];
-    }
-    if (getRowIdProp) {
-      return getRowIdProp(row);
-    }
-    return row.id;
-  }, [getRowIdProp]);
+  const getRowId = React.useCallback(row => gridRowIdSelector(apiRef.current.state, row), [apiRef]);
   const throttledRowsChange = React.useCallback(({
     cache,
     throttle

package/modern/hooks/features/sorting/gridSortingUtils.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { warnOnce } from '@mui/x-internals/warning';
+import { gridRowTreeSelector } from "../rows/gridRowsSelector.js";
 export const sanitizeSortModel = (model, disableMultipleColumnsSorting) => {
   if (disableMultipleColumnsSorting && model.length > 1) {
     if (process.env.NODE_ENV !== 'production') {
@@ -39,7 +40,7 @@ const parseSortItem = (sortItem, apiRef) => {
   const getSortCellParams = id => ({
     id,
     field: column.field,
-    rowNode: apiRef.current.getRowNode(id),
+    rowNode: gridRowTreeSelector(apiRef)[id],
     value: apiRef.current.getCellValue(id, column.field),
     api: apiRef.current
   });

package/modern/hooks/utils/useGridNativeEventListener.js

@@ -1,27 +1,17 @@
-import * as React from 'react';
-import { isFunction } from "../../utils/utils.js";
 import { useGridLogger } from "./useGridLogger.js";
+import { useGridApiOptionHandler } from "./useGridApiEventHandler.js";
 export const useGridNativeEventListener = (apiRef, ref, eventName, handler, options) => {
   const logger = useGridLogger(apiRef, 'useNativeEventListener');
-  const [added, setAdded] = React.useState(false);
-  const handlerRef = React.useRef(handler);
-  const targetElement = isFunction(ref) ? ref() : ref?.current ?? null;
-  const wrapHandler = React.useCallback(event => {
-    return handlerRef.current && handlerRef.current(event);
-  }, []);
-  React.useEffect(() => {
-    handlerRef.current = handler;
-  }, [handler]);
-  React.useEffect(() => {
-    if (targetElement && eventName && !added) {
-      logger.debug(`Binding native ${eventName} event`);
-      targetElement.addEventListener(eventName, wrapHandler, options);
-      setAdded(true);
-      const unsubscribe = () => {
-        logger.debug(`Clearing native ${eventName} event`);
-        targetElement.removeEventListener(eventName, wrapHandler, options);
-      };
-      apiRef.current.subscribeEvent('unmount', unsubscribe);
+  useGridApiOptionHandler(apiRef, 'rootMount', () => {
+    const targetElement = typeof ref === 'function' ? ref() : ref.current;
+    if (!targetElement || !eventName || !handler) {
+      return undefined;
     }
-  }, [targetElement, wrapHandler, eventName, added, logger, options, apiRef]);
+    logger.debug(`Binding native ${eventName} event`);
+    targetElement.addEventListener(eventName, handler, options);
+    return () => {
+      logger.debug(`Clearing native ${eventName} event`);
+      targetElement.removeEventListener(eventName, handler, options);
+    };
+  });
 };

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.26.0
+ * @mui/x-data-grid v7.27.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/index.js

@@ -4,6 +4,7 @@ export { GridVirtualScrollerRenderZone } from "../components/virtualization/Grid
 export { GridHeaders } from "../components/GridHeaders.js";
 export { GridBaseColumnHeaders } from "../components/columnHeaders/GridBaseColumnHeaders.js";
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
+export { propsStateInitializer } from "../hooks/core/useGridProps.js";
 export { getGridFilter } from "../components/panel/filterPanel/GridFilterPanel.js";
 export { useGridRegisterPipeProcessor } from "../hooks/core/pipeProcessing/index.js";
 export { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from "../hooks/core/strategyProcessing/index.js";

package/modern/locales/bnBD.js

@@ -0,0 +1,154 @@
+import { bnBD as bnBDCore } from '@mui/material/locale';
+import { getGridLocalization } from "../utils/getGridLocalization.js";
+const bnBDGrid = {
+  // Root
+  noRowsLabel: 'কোনো সারি নেই',
+  noResultsOverlayLabel: 'কোনো ফলাফল পাওয়া যায়নি।',
+  // Density selector toolbar button text
+  toolbarDensity: 'ঘনত্ব',
+  toolbarDensityLabel: 'ঘনত্ব',
+  toolbarDensityCompact: 'সংকুচিত',
+  toolbarDensityStandard: 'মানক',
+  toolbarDensityComfortable: 'স্বাচ্ছন্দ্যদায়ক',
+  // Columns selector toolbar button text
+  toolbarColumns: 'কলাম',
+  toolbarColumnsLabel: 'কলাম নির্বাচন করুন',
+  // Filters toolbar button text
+  toolbarFilters: 'ফিল্টার',
+  toolbarFiltersLabel: 'ফিল্টার দেখান',
+  toolbarFiltersTooltipHide: 'ফিল্টার লুকান',
+  toolbarFiltersTooltipShow: 'ফিল্টার দেখান',
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} টি সক্রিয় ফিল্টার` : `${count} টি সক্রিয় ফিল্টার`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'অনুসন্ধান করুন…',
+  toolbarQuickFilterLabel: 'অনুসন্ধান',
+  toolbarQuickFilterDeleteIconLabel: 'পরিষ্কার করুন',
+  // Export selector toolbar button text
+  toolbarExport: 'এক্সপোর্ট',
+  toolbarExportLabel: 'এক্সপোর্ট',
+  toolbarExportCSV: 'CSV হিসাবে ডাউনলোড করুন',
+  toolbarExportPrint: 'প্রিন্ট করুন',
+  toolbarExportExcel: 'Excel হিসাবে ডাউনলোড করুন',
+  // Columns management text
+  columnsManagementSearchTitle: 'অনুসন্ধান',
+  columnsManagementNoColumns: 'কোনো কলাম নেই',
+  columnsManagementShowHideAllText: 'সব দেখান/লুকান',
+  columnsManagementReset: 'রিসেট',
+  columnsManagementDeleteIconLabel: 'পরিষ্কার',
+  // Filter panel text
+  filterPanelAddFilter: 'ফিল্টার যোগ করুন',
+  filterPanelRemoveAll: 'সব সরান',
+  filterPanelDeleteIconLabel: 'মুছুন',
+  filterPanelLogicOperator: 'লজিক অপারেটর',
+  filterPanelOperator: 'অপারেটর',
+  filterPanelOperatorAnd: 'এবং',
+  filterPanelOperatorOr: 'অথবা',
+  filterPanelColumns: 'কলাম',
+  filterPanelInputLabel: 'মান',
+  filterPanelInputPlaceholder: 'ফিল্টার মান',
+  // Filter operators text
+  filterOperatorContains: 'অন্তর্ভুক্ত',
+  filterOperatorDoesNotContain: 'অন্তর্ভুক্ত নয়',
+  filterOperatorEquals: 'সমান',
+  filterOperatorDoesNotEqual: 'সমান নয়',
+  filterOperatorStartsWith: 'দিয়ে শুরু হয়',
+  filterOperatorEndsWith: 'দিয়ে শেষ হয়',
+  filterOperatorIs: 'হচ্ছে',
+  filterOperatorNot: 'হচ্ছে না',
+  filterOperatorAfter: 'পরবর্তী',
+  filterOperatorOnOrAfter: 'এই তারিখ বা পরবর্তী',
+  filterOperatorBefore: 'পূর্ববর্তী',
+  filterOperatorOnOrBefore: 'এই তারিখ বা পূর্ববর্তী',
+  filterOperatorIsEmpty: 'খালি',
+  filterOperatorIsNotEmpty: 'খালি নয়',
+  filterOperatorIsAnyOf: 'এর যেকোনো একটি',
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
+  // Header filter operators text
+  headerFilterOperatorContains: 'অন্তর্ভুক্ত',
+  headerFilterOperatorDoesNotContain: 'অন্তর্ভুক্ত নয়',
+  headerFilterOperatorEquals: 'সমান',
+  headerFilterOperatorDoesNotEqual: 'সমান নয়',
+  headerFilterOperatorStartsWith: 'দিয়ে শুরু হয়',
+  headerFilterOperatorEndsWith: 'দিয়ে শেষ হয়',
+  headerFilterOperatorIs: 'হচ্ছে',
+  headerFilterOperatorNot: 'হচ্ছে না',
+  headerFilterOperatorAfter: 'পরবর্তী',
+  headerFilterOperatorOnOrAfter: 'এই তারিখ বা পরবর্তী',
+  headerFilterOperatorBefore: 'পূর্ববর্তী',
+  headerFilterOperatorOnOrBefore: 'এই তারিখ বা পূর্ববর্তী',
+  headerFilterOperatorIsEmpty: 'খালি',
+  headerFilterOperatorIsNotEmpty: 'খালি নয়',
+  headerFilterOperatorIsAnyOf: 'এর যেকোনো একটি',
+  'headerFilterOperator=': 'সমান',
+  'headerFilterOperator!=': 'সমান নয়',
+  'headerFilterOperator>': 'বড়',
+  'headerFilterOperator>=': 'বড় বা সমান',
+  'headerFilterOperator<': 'ছোট',
+  'headerFilterOperator<=': 'ছোট বা সমান',
+  // Filter values text
+  filterValueAny: 'যেকোনো',
+  filterValueTrue: 'সত্য',
+  filterValueFalse: 'মিথ্যা',
+  // Column menu text
+  columnMenuLabel: 'মেনু',
+  columnMenuShowColumns: 'কলাম দেখান',
+  columnMenuManageColumns: 'কলাম পরিচালনা করুন',
+  columnMenuFilter: 'ফিল্টার',
+  columnMenuHideColumn: 'কলাম লুকান',
+  columnMenuUnsort: 'সাজানো বাতিল করুন',
+  columnMenuSortAsc: 'ASC অনুযায়ী সাজান',
+  columnMenuSortDesc: 'DESC অনুযায়ী সাজান',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} টি সক্রিয় ফিল্টার` : `${count} টি সক্রিয় ফিল্টার`,
+  columnHeaderFiltersLabel: 'ফিল্টার দেখান',
+  columnHeaderSortIconLabel: 'সাজান',
+  // Rows selected footer text
+  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} টি সারি নির্বাচিত` : `${count.toLocaleString()} টি সারি নির্বাচিত`,
+  // Total row amount footer text
+  footerTotalRows: 'মোট সারি:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} of ${totalCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'চেকবক্স নির্বাচন',
+  checkboxSelectionSelectAllRows: 'সব সারি নির্বাচন করুন',
+  checkboxSelectionUnselectAllRows: 'সব সারি নির্বাচন বাতিল করুন',
+  checkboxSelectionSelectRow: 'সারি নির্বাচন করুন',
+  checkboxSelectionUnselectRow: 'সারি নির্বাচন বাতিল করুন',
+  // Boolean cell text
+  booleanCellTrueLabel: 'হ্যাঁ',
+  booleanCellFalseLabel: 'না',
+  // Actions cell more text
+  actionsCellMore: 'আরও',
+  // Column pinning text
+  pinToLeft: 'বাঁ দিকে পিন করুন',
+  pinToRight: 'ডান দিকে পিন করুন',
+  unpin: 'আনপিন করুন',
+  // Tree Data
+  treeDataGroupingHeaderName: 'গ্রুপ',
+  // treeDataExpand: 'see children',
+  // treeDataCollapse: 'hide children',
+
+  // Grouping columns
+  groupingColumnHeaderName: 'গ্রুপ',
+  groupColumn: name => `${name} অনুসারে গ্রুপ করুন`,
+  unGroupColumn: name => `${name} অনুসারে গ্রুপ বন্ধ করুন`,
+  // Master/detail
+  detailPanelToggle: 'বিস্তারিত প্যানেল টগল করুন',
+  expandDetailPanel: 'সম্প্রসারিত করুন',
+  collapseDetailPanel: 'সংকুচিত করুন',
+  // Row reordering text
+  rowReorderingHeaderName: 'সারি পুনর্বিন্যাস',
+  // Aggregation
+  aggregationMenuItemHeader: 'সংকলন',
+  aggregationFunctionLabelSum: 'যোগফল',
+  aggregationFunctionLabelAvg: 'গড়',
+  aggregationFunctionLabelMin: 'সর্বনিম্ন',
+  aggregationFunctionLabelMax: 'সর্বোচ্চ',
+  aggregationFunctionLabelSize: 'মাপ'
+};
+export const bnBD = getGridLocalization(bnBDGrid, bnBDCore);

package/modern/locales/index.js

@@ -2,6 +2,7 @@
 export * from "./arSD.js";
 export * from "./beBY.js";
 export * from "./bgBG.js";
+export * from "./bnBD.js";
 export * from "./csCZ.js";
 export * from "./daDK.js";
 export * from "./deDE.js";

package/modern/locales/plPL.js

@@ -30,12 +30,11 @@ const plPLGrid = {
   toolbarExportPrint: 'Drukuj',
   toolbarExportExcel: 'Pobierz jako plik Excel',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-  // columnsManagementDeleteIconLabel: 'Clear',
-
+  columnsManagementSearchTitle: 'Szukaj',
+  columnsManagementNoColumns: 'Brak kolumn',
+  columnsManagementShowHideAllText: 'Wyświetl/Ukryj wszystkie',
+  columnsManagementReset: 'Resetuj',
+  columnsManagementDeleteIconLabel: 'Wyczyść',
   // Filter panel text
   filterPanelAddFilter: 'Dodaj filtr',
   filterPanelRemoveAll: 'Usuń wszystkie',
@@ -63,13 +62,12 @@ const plPLGrid = {
   filterOperatorIsEmpty: 'jest pusty',
   filterOperatorIsNotEmpty: 'nie jest pusty',
   filterOperatorIsAnyOf: 'jest jednym z',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  'filterOperator=': 'równa się',
+  'filterOperator!=': 'nie równa się',
+  'filterOperator>': 'większy niż',
+  'filterOperator>=': 'większy lub równy',
+  'filterOperator<': 'mniejszy niż',
+  'filterOperator<=': 'mniejszy lub równy',
   // Header filter operators text
   headerFilterOperatorContains: 'Zawiera',
   // headerFilterOperatorDoesNotContain: 'Does not contain',
@@ -79,20 +77,19 @@ const plPLGrid = {
   headerFilterOperatorEndsWith: 'Kończy się na',
   // headerFilterOperatorIs: 'Is',
   headerFilterOperatorNot: 'Niepuste',
-  // headerFilterOperatorAfter: 'Is after',
-  // headerFilterOperatorOnOrAfter: 'Is on or after',
-  // headerFilterOperatorBefore: 'Is before',
-  // headerFilterOperatorOnOrBefore: 'Is on or before',
-  // headerFilterOperatorIsEmpty: 'Is empty',
-  // headerFilterOperatorIsNotEmpty: 'Is not empty',
-  // headerFilterOperatorIsAnyOf: 'Is any of',
-  // 'headerFilterOperator=': 'Equals',
-  // 'headerFilterOperator!=': 'Not equals',
-  // 'headerFilterOperator>': 'Greater than',
-  // 'headerFilterOperator>=': 'Greater than or equal to',
-  // 'headerFilterOperator<': 'Less than',
-  // 'headerFilterOperator<=': 'Less than or equal to',
-
+  headerFilterOperatorAfter: 'Jest po',
+  headerFilterOperatorOnOrAfter: 'Jest w lub po',
+  headerFilterOperatorBefore: 'Jest przed',
+  headerFilterOperatorOnOrBefore: 'Jest w lub przed',
+  headerFilterOperatorIsEmpty: 'Jest pusty',
+  headerFilterOperatorIsNotEmpty: 'Nie jest pusty',
+  headerFilterOperatorIsAnyOf: 'Is any of',
+  'headerFilterOperator=': 'Równa się',
+  'headerFilterOperator!=': 'Nie równa się',
+  'headerFilterOperator>': 'Większy niż',
+  'headerFilterOperator>=': 'Większy lub równy',
+  'headerFilterOperator<': 'Mniejszy niż',
+  'headerFilterOperator<=': 'Mniejszy lub równy',
   // Filter values text
   filterValueAny: 'dowolny',
   filterValueTrue: 'prawda',
@@ -144,14 +141,13 @@ const plPLGrid = {
   expandDetailPanel: 'Rozwiń',
   collapseDetailPanel: 'Zwiń',
   // Row reordering text
-  rowReorderingHeaderName: 'Porządkowanie wierszy'
-
+  rowReorderingHeaderName: 'Porządkowanie wierszy',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Agregacja',
+  aggregationFunctionLabelSum: 'suma',
+  aggregationFunctionLabelAvg: 'średnia',
+  aggregationFunctionLabelMin: 'minimum',
+  aggregationFunctionLabelMax: 'maximum',
+  aggregationFunctionLabelSize: 'rozmiar'
 };
 export const plPL = getGridLocalization(plPLGrid, plPLCore);

package/modern/locales/ukUA.js

@@ -45,12 +45,11 @@ const ukUAGrid = {
   toolbarExportPrint: 'Друк',
   toolbarExportExcel: 'Завантажити у форматі Excel',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-  // columnsManagementDeleteIconLabel: 'Clear',
-
+  columnsManagementSearchTitle: 'Пошук',
+  columnsManagementNoColumns: 'Немає стовпців',
+  columnsManagementShowHideAllText: 'Показати/Приховати всі',
+  columnsManagementReset: 'Скинути',
+  columnsManagementDeleteIconLabel: 'Очистити',
   // Filter panel text
   filterPanelAddFilter: 'Додати фільтр',
   filterPanelRemoveAll: 'Видалити всі',
@@ -64,9 +63,9 @@ const ukUAGrid = {
   filterPanelInputPlaceholder: 'Значення фільтра',
   // Filter operators text
   filterOperatorContains: 'містить',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'не містить',
   filterOperatorEquals: 'дорівнює',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'не дорівнює',
   filterOperatorStartsWith: 'починається з',
   filterOperatorEndsWith: 'закінчується на',
   filterOperatorIs: 'дорівнює',
@@ -86,9 +85,9 @@ const ukUAGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: 'Містить',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'Не містить',
   headerFilterOperatorEquals: 'Дорівнює',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'Не дорівнює',
   headerFilterOperatorStartsWith: 'Починається з',
   headerFilterOperatorEndsWith: 'Закінчується на',
   headerFilterOperatorIs: 'Дорівнює',

package/node/DataGrid/DataGrid.js

@@ -289,6 +289,8 @@ DataGridRaw.propTypes = {
   getRowHeight: _propTypes.default.func,
   /**
    * Return the id of a given [[GridRowModel]].
+   * Ensure the reference of this prop is stable to avoid performance implications.
+   * It could be done by either defining the prop outside of the component or by memoizing it.
    */
   getRowId: _propTypes.default.func,
   /**
@@ -668,6 +670,12 @@ DataGridRaw.propTypes = {
    * @returns {Promise<R> | R} The final values to update the row.
    */
   processRowUpdate: _propTypes.default.func,
+  /**
+   * If `true`, the page is set to 0 after each sorting or filtering.
+   * This prop will be removed in the next major version and resetting the page will become the default behavior.
+   * @default false
+   */
+  resetPageOnSortFilter: _propTypes.default.bool,
   /**
    * The milliseconds throttle delay for resizing the grid.
    * @default 60

package/node/DataGrid/useDataGridComponent.js

@@ -35,6 +35,7 @@ var _virtualization = require("../hooks/features/virtualization");
 var _useGridColumnResize = require("../hooks/features/columnResize/useGridColumnResize");
 var _useGridRowSpanning = require("../hooks/features/rows/useGridRowSpanning");
 var _useGridListView = require("../hooks/features/listView/useGridListView");
+var _useGridProps = require("../hooks/core/useGridProps");
 const useDataGridComponent = (inputApiRef, props) => {
   const apiRef = (0, _useGridInitialization.useGridInitialization)(inputApiRef, props);
 
@@ -47,10 +48,11 @@ const useDataGridComponent = (inputApiRef, props) => {
   /**
    * Register all state initializers here.
    */
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridProps.propsStateInitializer, apiRef, props);
   (0, _useGridInitializeState.useGridInitializeState)(_useGridRowSelection.rowSelectionStateInitializer, apiRef, props);
   (0, _useGridInitializeState.useGridInitializeState)(_useGridColumns.columnsStateInitializer, apiRef, props);
-  (0, _useGridInitializeState.useGridInitializeState)(_useGridPagination.paginationStateInitializer, apiRef, props);
   (0, _useGridInitializeState.useGridInitializeState)(_useGridRows.rowsStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridPagination.paginationStateInitializer, apiRef, props);
   (0, _useGridInitializeState.useGridInitializeState)(_useGridEditing.editingStateInitializer, apiRef, props);
   (0, _useGridInitializeState.useGridInitializeState)(_useGridFocus.focusStateInitializer, apiRef, props);
   (0, _useGridInitializeState.useGridInitializeState)(_useGridSorting.sortingStateInitializer, apiRef, props);

package/node/colDef/gridCheckboxSelectionColDef.js

@@ -12,6 +12,7 @@ var _GridCellCheckboxRenderer = require("../components/columnSelection/GridCellC
 var _GridHeaderCheckbox = require("../components/columnSelection/GridHeaderCheckbox");
 var _gridRowSelectionSelector = require("../hooks/features/rowSelection/gridRowSelectionSelector");
 var _gridBooleanColDef = require("./gridBooleanColDef");
+var _gridPropsSelectors = require("../hooks/core/gridPropsSelectors");
 var _jsxRuntime = require("react/jsx-runtime");
 const GRID_CHECKBOX_SELECTION_FIELD = exports.GRID_CHECKBOX_SELECTION_FIELD = '__check__';
 const GRID_CHECKBOX_SELECTION_COL_DEF = exports.GRID_CHECKBOX_SELECTION_COL_DEF = (0, _extends2.default)({}, _gridBooleanColDef.GRID_BOOLEAN_COL_DEF, {
@@ -30,7 +31,7 @@ const GRID_CHECKBOX_SELECTION_COL_DEF = exports.GRID_CHECKBOX_SELECTION_COL_DEF
   display: 'flex',
   valueGetter: (value, row, column, apiRef) => {
     const selectionLookup = (0, _gridRowSelectionSelector.selectedIdsLookupSelector)(apiRef);
-    const rowId = apiRef.current.getRowId(row);
+    const rowId = (0, _gridPropsSelectors.gridRowIdSelector)(apiRef.current.state, row);
     return selectionLookup[rowId] !== undefined;
   },
   renderHeader: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridHeaderCheckbox.GridHeaderCheckbox, (0, _extends2.default)({}, params)),

package/node/colDef/gridDateColDef.js

@@ -10,6 +10,7 @@ var _gridSortingUtils = require("../hooks/features/sorting/gridSortingUtils");
 var _gridDateOperators = require("./gridDateOperators");
 var _gridStringColDef = require("./gridStringColDef");
 var _GridEditDateCell = require("../components/cell/GridEditDateCell");
+var _gridPropsSelectors = require("../hooks/core/gridPropsSelectors");
 function throwIfNotDateObject({
   value,
   columnType,
@@ -24,7 +25,7 @@ const gridDateFormatter = (value, row, column, apiRef) => {
   if (!value) {
     return '';
   }
-  const rowId = apiRef.current.getRowId(row);
+  const rowId = (0, _gridPropsSelectors.gridRowIdSelector)(apiRef.current.state, row);
   throwIfNotDateObject({
     value,
     columnType: 'date',
@@ -38,7 +39,7 @@ const gridDateTimeFormatter = (value, row, column, apiRef) => {
   if (!value) {
     return '';
   }
-  const rowId = apiRef.current.getRowId(row);
+  const rowId = (0, _gridPropsSelectors.gridRowIdSelector)(apiRef.current.state, row);
   throwIfNotDateObject({
     value,
     columnType: 'dateTime',

package/node/colDef/gridSingleSelectColDef.js

@@ -11,6 +11,7 @@ var _GridEditSingleSelectCell = require("../components/cell/GridEditSingleSelect
 var _gridSingleSelectOperators = require("./gridSingleSelectOperators");
 var _filterPanelUtils = require("../components/panel/filterPanel/filterPanelUtils");
 var _utils = require("../utils/utils");
+var _gridPropsSelectors = require("../hooks/core/gridPropsSelectors");
 const isArrayOfObjects = options => {
   return typeof options[0] === 'object';
 };
@@ -25,8 +26,7 @@ const GRID_SINGLE_SELECT_COL_DEF = exports.GRID_SINGLE_SELECT_COL_DEF = (0, _ext
   getOptionLabel: defaultGetOptionLabel,
   getOptionValue: defaultGetOptionValue,
   valueFormatter(value, row, colDef, apiRef) {
-    // const { id, field, value, api } = params;
-    const rowId = apiRef.current.getRowId(row);
+    const rowId = (0, _gridPropsSelectors.gridRowIdSelector)(apiRef.current.state, row);
     if (!(0, _filterPanelUtils.isSingleSelectColDef)(colDef)) {
       return '';
     }

package/node/constants/dataGridPropsDefaultValues.js

@@ -50,6 +50,7 @@ const DATA_GRID_PROPS_DEFAULT_VALUES = exports.DATA_GRID_PROPS_DEFAULT_VALUES =
   pageSizeOptions: [25, 50, 100],
   pagination: false,
   paginationMode: 'client',
+  resetPageOnSortFilter: false,
   resizeThrottleMs: 60,
   rowBufferPx: 150,
   rowHeight: 52,

package/node/hooks/core/gridPropsSelectors.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridRowIdSelector = void 0;
+var _gridRowsUtils = require("../features/rows/gridRowsUtils");
+/**
+ * Get the row id for a given row
+ * @param state - The grid state
+ * @param {GridRowModel} row - The row to get the id for
+ * @returns {GridRowId} The row id
+ */
+const gridRowIdSelector = (state, row) => {
+  if (_gridRowsUtils.GRID_ID_AUTOGENERATED in row) {
+    return row[_gridRowsUtils.GRID_ID_AUTOGENERATED];
+  }
+  return state.props.getRowId ? state.props.getRowId(row) : row.id;
+};
+exports.gridRowIdSelector = gridRowIdSelector;