@mui/x-data-grid 5.12.3 → 5.14.0

package/locales/roRO.js

@@ -0,0 +1,123 @@
+import { roRO as roROCore } from '@mui/material/locale';
+import { getGridLocalization } from '../utils/getGridLocalization';
+const roROGrid = {
+  // Root
+  noRowsLabel: 'Lipsă date',
+  noResultsOverlayLabel: 'Nu au fost găsite rezultate.',
+  errorOverlayDefaultLabel: 'A apărut o eroare neașteptată.',
+  // Density selector toolbar button text
+  toolbarDensity: 'Înălțime rând',
+  toolbarDensityLabel: 'Înălțime rând',
+  toolbarDensityCompact: 'Compact',
+  toolbarDensityStandard: 'Standard',
+  toolbarDensityComfortable: 'Lat',
+  // Columns selector toolbar button text
+  toolbarColumns: 'Coloane',
+  toolbarColumnsLabel: 'Afișează selecție coloane',
+  // Filters toolbar button text
+  toolbarFilters: 'Filtru',
+  toolbarFiltersLabel: 'Afișează filtru',
+  toolbarFiltersTooltipHide: 'Ascunde filtru',
+  toolbarFiltersTooltipShow: 'Afișează filtru',
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} filtru activ` : `${count} filtru activ`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: 'Căutare...',
+  toolbarQuickFilterLabel: 'Căutare',
+  toolbarQuickFilterDeleteIconLabel: 'Ștergere',
+  // Export selector toolbar button text
+  toolbarExport: 'Export',
+  toolbarExportLabel: 'Export',
+  toolbarExportCSV: 'Download în format CSV',
+  toolbarExportPrint: 'Printare',
+  toolbarExportExcel: 'Download în format Excel',
+  // Columns panel text
+  columnsPanelTextFieldLabel: 'Găsește coloana',
+  columnsPanelTextFieldPlaceholder: 'Titlu coloană',
+  columnsPanelDragIconLabel: 'Resortare coloană',
+  columnsPanelShowAllButton: 'Afișează tot',
+  columnsPanelHideAllButton: 'Ascunde tot',
+  // Filter panel text
+  filterPanelAddFilter: 'Adăugare filtru',
+  filterPanelDeleteIconLabel: 'Ștergere',
+  filterPanelLinkOperator: 'Operatori logici',
+  filterPanelOperators: 'Operatori',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: 'Și',
+  filterPanelOperatorOr: 'Sau',
+  filterPanelColumns: 'Coloane',
+  filterPanelInputLabel: 'Valoare',
+  filterPanelInputPlaceholder: 'Filtrare valoare',
+  // Filter operators text
+  filterOperatorContains: 'conține',
+  filterOperatorEquals: 'este egal cu',
+  filterOperatorStartsWith: 'începe cu',
+  filterOperatorEndsWith: 'se termină cu',
+  filterOperatorIs: 'este',
+  filterOperatorNot: 'nu este',
+  filterOperatorAfter: 'este după',
+  filterOperatorOnOrAfter: 'este la sau după',
+  filterOperatorBefore: 'este înainte de',
+  filterOperatorOnOrBefore: 'este la sau înainte de',
+  filterOperatorIsEmpty: 'este gol',
+  filterOperatorIsNotEmpty: 'nu este gol',
+  filterOperatorIsAnyOf: 'este una din valori',
+  // Filter values text
+  filterValueAny: 'Aleatoriu',
+  filterValueTrue: 'Da',
+  filterValueFalse: 'Nu',
+  // Column menu text
+  columnMenuLabel: 'Meniu',
+  columnMenuShowColumns: 'Afișează toate coloanele',
+  columnMenuFilter: 'Filtru',
+  columnMenuHideColumn: 'Ascunde',
+  columnMenuUnsort: 'Dezactivare sortare',
+  columnMenuSortAsc: 'Sortează crescător',
+  columnMenuSortDesc: 'Sortează descrescător',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} filtru activ` : `${count} filtru activ`,
+  columnHeaderFiltersLabel: 'Afișează filtru',
+  columnHeaderSortIconLabel: 'Sortare',
+  // Rows selected footer text
+  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} Înregistrări selectate` : `${count.toLocaleString()} Înregistrare selectată`,
+  // Total row amount footer text
+  footerTotalRows: 'Total:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} din ${totalCount.toLocaleString()}`,
+  // Checkbox selection text
+  checkboxSelectionHeaderName: 'Checkbox Selecție',
+  checkboxSelectionSelectAllRows: 'Selectare toate rândurile',
+  checkboxSelectionUnselectAllRows: 'Deselectare toate rândurile',
+  checkboxSelectionSelectRow: 'Selectare rând',
+  checkboxSelectionUnselectRow: 'Deselectare rând',
+  // Boolean cell text
+  booleanCellTrueLabel: 'Da',
+  booleanCellFalseLabel: 'Nu',
+  // Actions cell more text
+  actionsCellMore: 'Mai multe',
+  // Column pinning text
+  pinToLeft: 'Fixare în stânga',
+  pinToRight: 'Fixare în dreapta',
+  unpin: 'Anulare fixare',
+  // Tree Data
+  treeDataGroupingHeaderName: 'Grup',
+  treeDataExpand: 'Afișare copii',
+  treeDataCollapse: 'Ascundere copii',
+  // Grouping columns
+  groupingColumnHeaderName: 'Grupare',
+  groupColumn: name => `Grupare după ${name}`,
+  unGroupColumn: name => `Anulare Grupare după ${name}`,
+  // Master/detail
+  detailPanelToggle: 'Comutare panou detalii',
+  expandDetailPanel: 'Extindere',
+  collapseDetailPanel: 'Restrângere',
+  // Row reordering text
+  rowReorderingHeaderName: 'Reordonare rânduri' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
+};
+export const roRO = getGridLocalization(roROGrid, roROCore);

package/locales/ruRU.js

@@ -144,6 +144,13 @@ const ruRUGrid = {
   expandDetailPanel: 'Развернуть',
   collapseDetailPanel: 'Свернуть' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const ruRU = getGridLocalization(ruRUGrid, ruRUCore);

package/locales/skSK.js

@@ -31,15 +31,15 @@ const skSKGrid = {
     return `${count} ${pluralForm}`;
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search...',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Vyhľadať...',
+  toolbarQuickFilterLabel: 'Vyhľadať',
+  toolbarQuickFilterDeleteIconLabel: 'Vymazať',
   // Export selector toolbar button text
   toolbarExport: 'Export',
   toolbarExportLabel: 'Export',
   toolbarExportCSV: 'Stiahnuť ako CSV',
   toolbarExportPrint: 'Vytlačiť',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportExcel: 'Stiahnuť ako Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Nájsť stĺpec',
   columnsPanelTextFieldPlaceholder: 'Názov stĺpca',
@@ -49,7 +49,7 @@ const skSKGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Pridať filter',
   filterPanelDeleteIconLabel: 'Odstrániť',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Logický operátor',
   filterPanelOperators: 'Operátory',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'A',
@@ -70,7 +70,7 @@ const skSKGrid = {
   filterOperatorOnOrBefore: 'je na alebo skôr',
   filterOperatorIsEmpty: 'je prázdny',
   filterOperatorIsNotEmpty: 'nie je prázdny',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'je jeden z',
   // Filter values text
   filterValueAny: 'akýkoľvek',
   filterValueTrue: 'áno',
@@ -120,10 +120,10 @@ const skSKGrid = {
   },
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Výber riadku',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Vybrať všetky riadky',
+  checkboxSelectionUnselectAllRows: 'Zrušiť výber všetkých riadkov',
+  checkboxSelectionSelectRow: 'Vyber riadok',
+  checkboxSelectionUnselectRow: 'Zruš výber riadku',
   // Boolean cell text
   booleanCellTrueLabel: 'áno',
   booleanCellFalseLabel: 'nie',
@@ -140,12 +140,19 @@ const skSKGrid = {
   // Grouping columns
   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',
+  unGroupColumn: name => `Prestať zoskupovať podľa ${name}`,
+  // Master/detail
+  detailPanelToggle: 'Prepnúť detail panelu',
+  expandDetailPanel: 'Rozbaliť',
+  collapseDetailPanel: 'Zbaliť',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
+  rowReorderingHeaderName: 'Preusporiadávanie riadkov' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const skSK = getGridLocalization(skSKGrid, skSKCore);

package/locales/svSE.js

@@ -111,6 +111,13 @@ const svSEGrid = {
   expandDetailPanel: 'Expandera',
   collapseDetailPanel: 'Kollapsa',
   // Row reordering text
-  rowReorderingHeaderName: 'Ordna om rader'
+  rowReorderingHeaderName: 'Ordna om rader' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
 };
 export const svSE = getGridLocalization(svSEGrid, svSECore);

package/locales/trTR.js

@@ -111,6 +111,13 @@ const trTRGrid = {
   expandDetailPanel: 'Genişlet',
   collapseDetailPanel: 'Gizle' // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const trTR = getGridLocalization(trTRGrid, trTRCore);

package/locales/ukUA.js

@@ -137,6 +137,13 @@ const ukUAGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const ukUA = getGridLocalization(ukUAGrid, ukUACore);

package/locales/viVN.js

@@ -111,6 +111,13 @@ const viVNGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const viVN = getGridLocalization(viVNGrid, viVNCore);

package/locales/zhCN.js

@@ -111,6 +111,13 @@ const zhCNGrid = {
   // collapseDetailPanel: 'Collapse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
+  // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
 
 };
 export const zhCN = getGridLocalization(zhCNGrid, zhCNCore);

package/locales/zhTW.d.ts

@@ -0,0 +1,2 @@
+import { Localization } from '../utils/getGridLocalization';
+export declare const zhTW: Localization;

package/locales/zhTW.js

@@ -0,0 +1,123 @@
+import { zhTW as zhTWCore } from '@mui/material/locale';
+import { getGridLocalization } from '../utils/getGridLocalization';
+const zhTWGrid = {
+  // Root
+  noRowsLabel: '沒有資料',
+  noResultsOverlayLabel: '沒有結果',
+  errorOverlayDefaultLabel: '發生錯誤',
+  // 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} 個篩選器`,
+  // Quick filter toolbar field
+  toolbarQuickFilterPlaceholder: '搜尋...',
+  toolbarQuickFilterLabel: '搜尋',
+  toolbarQuickFilterDeleteIconLabel: '清除',
+  // Export selector toolbar button text
+  toolbarExport: '匯出',
+  toolbarExportLabel: '匯出',
+  toolbarExportCSV: '匯出 CSV',
+  toolbarExportPrint: '列印',
+  toolbarExportExcel: '匯出 Excel',
+  // Columns panel text
+  columnsPanelTextFieldLabel: '欄位搜尋',
+  columnsPanelTextFieldPlaceholder: '欄位名稱',
+  columnsPanelDragIconLabel: '排序欄位',
+  columnsPanelShowAllButton: '顯示所有',
+  columnsPanelHideAllButton: '隱藏所有',
+  // Filter panel text
+  filterPanelAddFilter: '增加篩選器',
+  filterPanelDeleteIconLabel: '刪除',
+  filterPanelLinkOperator: '邏輯運算子',
+  filterPanelOperators: '運算子',
+  // TODO v6: rename to filterPanelOperator
+  filterPanelOperatorAnd: '且',
+  filterPanelOperatorOr: '或',
+  filterPanelColumns: '欄位',
+  filterPanelInputLabel: '值',
+  filterPanelInputPlaceholder: '篩選值',
+  // Filter operators text
+  filterOperatorContains: '包含',
+  filterOperatorEquals: '等於',
+  filterOperatorStartsWith: '以...開頭',
+  filterOperatorEndsWith: '以...結束',
+  filterOperatorIs: '為',
+  filterOperatorNot: '不為',
+  filterOperatorAfter: '...之後',
+  filterOperatorOnOrAfter: '...(含)之後',
+  filterOperatorBefore: '...之前',
+  filterOperatorOnOrBefore: '...(含)之前',
+  filterOperatorIsEmpty: '為空',
+  filterOperatorIsNotEmpty: '不為空',
+  filterOperatorIsAnyOf: '是其中之一',
+  // Filter values text
+  filterValueAny: '任何值',
+  filterValueTrue: '真',
+  filterValueFalse: '假',
+  // Column menu text
+  columnMenuLabel: '選單',
+  columnMenuShowColumns: '顯示欄位',
+  columnMenuFilter: '篩選器',
+  columnMenuHideColumn: '隱藏',
+  columnMenuUnsort: '預設排序',
+  columnMenuSortAsc: '升序',
+  columnMenuSortDesc: '降序',
+  // Column header text
+  columnHeaderFiltersTooltipActive: count => `${count} 個篩選器`,
+  columnHeaderFiltersLabel: '顯示篩選器',
+  columnHeaderSortIconLabel: '排序',
+  // Rows selected footer text
+  footerRowSelected: count => `已選取 ${count.toLocaleString()} 個`,
+  // Total row amount footer text
+  footerTotalRows: '總數:',
+  // Total visible row amount footer text
+  footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} / ${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: '查看子項目',
+  treeDataCollapse: '隱藏子項目',
+  // Grouping columns
+  groupingColumnHeaderName: '群組',
+  groupColumn: name => `以 ${name} 分組`,
+  unGroupColumn: name => `取消以 ${name} 分組`,
+  // Master/detail
+  detailPanelToggle: '切換顯示詳細資訊',
+  expandDetailPanel: '展開',
+  collapseDetailPanel: '摺疊',
+  // Row reordering text
+  rowReorderingHeaderName: '排序' // Aggregation
+  // aggregationMenuItemHeader: 'Aggregation',
+  // aggregationFunctionLabelSum: 'sum',
+  // aggregationFunctionLabelAvg: 'avg',
+  // aggregationFunctionLabelMin: 'min',
+  // aggregationFunctionLabelMax: 'max',
+  // aggregationFunctionLabelSize: 'size',
+
+};
+export const zhTW = getGridLocalization(zhTWGrid, zhTWCore);

package/models/api/gridColumnSpanning.d.ts

@@ -1,3 +1,4 @@
+import { GridStateColDef } from '../colDef';
 import { GridColumnIndex, GridCellColSpanInfo } from '../gridColumnSpanning';
 import { GridRowId } from '../gridRows';
 /**
@@ -24,5 +25,6 @@ export interface GridColumnSpanningApi {
         rowId: GridRowId;
         minFirstColumn: number;
         maxLastColumn: number;
+        columns: GridStateColDef[];
     }) => void;
 }

package/models/api/gridLocaleTextApi.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ComponentsPropsList } from '@mui/material/styles';
 /**
  * Set the types of the texts in the grid.
@@ -90,8 +90,14 @@ export interface GridLocaleText {
     detailPanelToggle: string;
     expandDetailPanel: string;
     collapseDetailPanel: string;
-    MuiTablePagination: Omit<ComponentsPropsList['MuiTablePagination'], 'page' | 'count' | 'onChangePage' | 'rowsPerPage' | 'onPageChange'>;
     rowReorderingHeaderName: string;
+    aggregationMenuItemHeader: string;
+    aggregationFunctionLabelSum: string;
+    aggregationFunctionLabelAvg: string;
+    aggregationFunctionLabelMin: string;
+    aggregationFunctionLabelMax: string;
+    aggregationFunctionLabelSize: string;
+    MuiTablePagination: Omit<ComponentsPropsList['MuiTablePagination'], 'page' | 'count' | 'onChangePage' | 'rowsPerPage' | 'onPageChange'>;
 }
 export declare type GridTranslationKeys = keyof GridLocaleText;
 /**

package/models/api/gridSelectionApi.d.ts

@@ -35,6 +35,12 @@ export interface GridSelectionApi {
      * @returns {boolean} A boolean indicating if the row is selected.
      */
     isRowSelected: (id: GridRowId) => boolean;
+    /**
+     * Determines if a row can be selected or not.
+     * @param {GridRowId} id The id of the row.
+     * @returns {boolean} A boolean indicating if the row can be selected.
+     */
+    isRowSelectable: (id: GridRowId) => boolean;
     /**
      * Returns an array of the selected rows.
      * @returns {Map<GridRowId, GridRowModel>} A `Map` with the selected rows.

package/models/events/gridEvents.d.ts

@@ -53,6 +53,7 @@ declare enum GridEvents {
     pageChange = "pageChange",
     pageSizeChange = "pageSizeChange",
     rowGroupingModelChange = "rowGroupingModelChange",
+    aggregationModelChange = "aggregationModelChange",
     rowsScroll = "rowsScroll",
     rowsScrollEnd = "rowsScrollEnd",
     columnSeparatorMouseDown = "columnSeparatorMouseDown",

package/models/events/gridEvents.js

@@ -54,6 +54,7 @@ var GridEvents;
   GridEvents["pageChange"] = "pageChange";
   GridEvents["pageSizeChange"] = "pageSizeChange";
   GridEvents["rowGroupingModelChange"] = "rowGroupingModelChange";
+  GridEvents["aggregationModelChange"] = "aggregationModelChange";
   GridEvents["rowsScroll"] = "rowsScroll";
   GridEvents["rowsScrollEnd"] = "rowsScrollEnd";
   GridEvents["columnSeparatorMouseDown"] = "columnSeparatorMouseDown";

package/models/gridFilterOperator.d.ts

@@ -35,4 +35,10 @@ export interface GridFilterOperator<R extends GridValidRowModel = any, V = any,
      * The props to pass to the input component in the filter panel for this filter operator.
      */
     InputComponentProps?: Record<string, any>;
+    /**
+     * If `false`, filter operator doesn't require user-entered value to work.
+     * Usually should be set to `false` for filter operators that don't have `InputComponent` (for example `isEmpty`)
+     * @default true
+     */
+    requiresFilterValue?: boolean;
 }

package/models/gridRows.d.ts

@@ -25,6 +25,10 @@ export interface GridRowTreeNodeConfig {
      * @default []
      */
     children?: GridRowId[];
+    /**
+     * The id of the footer
+     */
+    footerId?: GridRowId | null;
     /**
      * The row id of the parent (null if this row is a top level row).
      */
@@ -41,7 +45,7 @@ export interface GridRowTreeNodeConfig {
     /**
      * The key used to group the children of this row.
      */
-    groupingKey: GridKeyValue;
+    groupingKey: GridKeyValue | null;
     /**
      * The field used to group the children of this row.
      * Is `null` if no field has been used to group the children of this row.
@@ -52,6 +56,11 @@ export interface GridRowTreeNodeConfig {
      * @default false
      */
     isAutoGenerated?: boolean;
+    /**
+     * Position of the row among its sibling.
+     * @default 'body'
+     */
+    position?: 'body' | 'footer';
 }
 /**
  * The grid rows total height and row positions.

package/models/params/gridCellParams.d.ts

@@ -142,7 +142,7 @@ export interface GridValueFormatterParams<V = any> {
 /**
  * Object passed as parameter in the column [[GridColDef]] edit cell props change callback.
  */
-export interface GridPreProcessEditCellProps {
+export interface GridPreProcessEditCellProps<V = any, R extends GridValidRowModel = any> {
     /**
      * The grid row id.
      */
@@ -150,11 +150,11 @@ export interface GridPreProcessEditCellProps {
     /**
      * The row that is being edited.
      */
-    row: GridRowModel;
+    row: GridRowModel<R>;
     /**
      * The edit cell props.
      */
-    props: GridEditCellProps;
+    props: GridEditCellProps<V>;
     /**
      * Whether the new value is different from the stored value or not.
      */
@@ -163,5 +163,5 @@ export interface GridPreProcessEditCellProps {
      * Object containing the props of the other fields.
      * Only available for row editing and when using the new editing API.
      */
-    otherFieldsProps?: Record<string, GridEditCellProps>;
+    otherFieldsProps?: Record<string, GridEditCellProps<V>>;
 }

package/modern/DataGrid/DataGrid.js

@@ -86,7 +86,7 @@ DataGridRaw.propTypes = {
   columns: chainPropTypes(PropTypes.array.isRequired, props => {
     // @ts-ignore because otherwise `build:api` doesn't work
     if (props.columns && props.columns.some(column => column.resizable)) {
-      return new Error([`MUI: \`column.resizable = true\` is not a valid prop.`, 'Column resizing is not available in the MIT version.', '', 'You need to upgrade to the DataGridPro component to unlock this feature.'].join('\n'));
+      return new Error([`MUI: \`column.resizable = true\` is not a valid prop.`, 'Column resizing is not available in the MIT version.', '', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
     }
 
     return null;
@@ -656,14 +656,14 @@ DataGridRaw.propTypes = {
    */
   pageSize: chainPropTypes(PropTypes.number, props => {
     if (props.pageSize && props.pageSize > MAX_PAGE_SIZE) {
-      return new Error([`MUI: \`<DataGrid pageSize={${props.pageSize}} />\` is not a valid prop.`, `Only page size below ${MAX_PAGE_SIZE} is available in the MIT version.`, '', 'You need to upgrade to the DataGridPro component to unlock this feature.'].join('\n'));
+      return new Error([`MUI: \`<DataGrid pageSize={${props.pageSize}} />\` is not a valid prop.`, `Only page size below ${MAX_PAGE_SIZE} is available in the MIT version.`, '', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
     }
 
     return null;
   }),
   pagination: props => {
     if (props.pagination === false) {
-      return new Error(['MUI: `<DataGrid pagination={false} />` is not a valid prop.', 'Infinite scrolling is not available in the MIT version.', '', 'You need to upgrade to the DataGridPro component to disable the pagination.'].join('\n'));
+      return new Error(['MUI: `<DataGrid pagination={false} />` is not a valid prop.', 'Infinite scrolling is not available in the MIT version.', '', 'You need to upgrade to DataGridPro or DataGridPremium component to disable the pagination.'].join('\n'));
     }
 
     return null;
@@ -743,7 +743,7 @@ DataGridRaw.propTypes = {
    */
   selectionModel: chainPropTypes(PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]), props => {
     if (!props.checkboxSelection && Array.isArray(props.selectionModel) && props.selectionModel.length > 1) {
-      return new Error([`MUI: \`<DataGrid selectionModel={${JSON.stringify(props.selectionModel)}} />\` is not a valid prop.`, 'selectionModel can only be of 1 item in DataGrid.', '', 'You need to upgrade to the DataGridPro component to unlock multiple selection.'].join('\n'));
+      return new Error([`MUI: \`<DataGrid selectionModel={${JSON.stringify(props.selectionModel)}} />\` is not a valid prop.`, 'selectionModel can only be of 1 item in DataGrid.', '', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock multiple selection.'].join('\n'));
     }
 
     return null;

package/modern/DataGrid/useDataGridComponent.js

@@ -58,7 +58,7 @@ export const useDataGridComponent = props => {
   const useGridEditing = props.experimentalFeatures?.newEditingApi ? useGridEditing_new : useGridEditing_old;
   useGridEditing(apiRef, props);
   useGridFocus(apiRef, props);
-  useGridPreferencesPanel(apiRef);
+  useGridPreferencesPanel(apiRef, props);
   useGridFilter(apiRef, props);
   useGridSorting(apiRef, props);
   useGridDensity(apiRef, props);

package/modern/colDef/gridActionsColDef.js

@@ -5,6 +5,8 @@ export const GRID_ACTIONS_COLUMN_TYPE = 'actions';
 export const GRID_ACTIONS_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   sortable: false,
   filterable: false,
+  // @ts-ignore
+  aggregable: false,
   width: 100,
   align: 'center',
   headerAlign: 'center',

package/modern/colDef/gridBooleanColDef.js

@@ -21,5 +21,7 @@ export const GRID_BOOLEAN_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   sortComparator: gridNumberComparator,
   valueFormatter: gridBooleanFormatter,
   filterOperators: getGridBooleanOperators(),
-  getApplyQuickFilterFn: undefined
+  getApplyQuickFilterFn: undefined,
+  // @ts-ignore
+  aggregable: false
 });

package/modern/colDef/gridCheckboxSelectionColDef.js

@@ -13,6 +13,8 @@ export const GRID_CHECKBOX_SELECTION_COL_DEF = _extends({}, GRID_BOOLEAN_COL_DEF
   resizable: false,
   sortable: false,
   filterable: false,
+  // @ts-ignore
+  aggregable: false,
   disableColumnMenu: true,
   disableReorder: true,
   disableExport: true,

package/modern/colDef/gridDateOperators.js

@@ -91,7 +91,8 @@ export const getGridDateOperators = showTime => [{
     }) => {
       return value == null;
     };
-  }
+  },
+  requiresFilterValue: false
 }, {
   value: 'isNotEmpty',
   getApplyFilterFn: () => {
@@ -100,5 +101,6 @@ export const getGridDateOperators = showTime => [{
     }) => {
       return value != null;
     };
-  }
+  },
+  requiresFilterValue: false
 }];