@mui/x-data-grid 8.22.1 → 8.23.0

package/hooks/features/rowSelection/useGridRowSelection.js

@@ -27,6 +27,7 @@ var _constants = require("../../../internals/constants");
 var _gridClasses = require("../../../constants/gridClasses");
 var _domUtils = require("../../../utils/domUtils");
 var _utils = require("./utils");
+var _utils2 = require("../../../utils/utils");
 var _gridRowSelectionManager = require("../../../models/gridRowSelectionManager");
 var _pagination = require("../pagination");
 const emptyModel = {
@@ -46,11 +47,6 @@ const rowSelectionStateInitializer = (state, props) => (0, _extends2.default)({}
 exports.rowSelectionStateInitializer = rowSelectionStateInitializer;
 const useGridRowSelection = (apiRef, props) => {
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridSelection');
-  const runIfRowSelectionIsEnabled = React.useCallback(callback => (...args) => {
-    if (props.rowSelection) {
-      callback(...args);
-    }
-  }, [props.rowSelection]);
   const isNestedData = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridRowMaximumTreeDepthSelector) > 1;
   const applyAutoSelection = props.signature !== _signature.GridSignature.DataGrid && (props.rowSelectionPropagation?.parents || props.rowSelectionPropagation?.descendants) && isNestedData;
   const propRowSelectionModel = React.useMemo(() => {
@@ -129,6 +125,12 @@ const useGridRowSelection = (apiRef, props) => {
     if (props.rowSelection === false) {
       return false;
     }
+
+    // If `keepNonExistentRowsSelected` is true, we might run in a case where row selectability is checked for a row that does not exist.
+    // Since that row was previously selected (otherwise it would not be checked at this point), we return true.
+    if (props.keepNonExistentRowsSelected && !apiRef.current.getRow(id)) {
+      return true;
+    }
     if (propIsRowSelectable && !propIsRowSelectable(apiRef.current.getRowParams(id))) {
       return false;
     }
@@ -137,7 +139,7 @@ const useGridRowSelection = (apiRef, props) => {
       return false;
     }
     return true;
-  }, [apiRef, props.rowSelection, propIsRowSelectable]);
+  }, [apiRef, props.rowSelection, props.keepNonExistentRowsSelected, propIsRowSelectable]);
   const getSelectedRows = React.useCallback(() => (0, _gridRowSelectionSelector.gridRowSelectionIdsSelector)(apiRef), [apiRef]);
   const selectRow = React.useCallback((id, isSelected = true, resetSelection = false) => {
     if (!apiRef.current.isRowSelectable(id)) {
@@ -311,7 +313,7 @@ const useGridRowSelection = (apiRef, props) => {
    * EVENTS
    */
   const isFirstRender = React.useRef(true);
-  const removeOutdatedSelection = React.useCallback((sortModelUpdated = false) => {
+  const removeOutdatedSelection = React.useCallback(() => {
     if (isFirstRender.current) {
       return;
     }
@@ -365,7 +367,7 @@ const useGridRowSelection = (apiRef, props) => {
     const shouldReapplyPropagation = isNestedData && props.rowSelectionPropagation?.parents && (newSelectionModel.ids.size > 0 ||
     // In case of exclude selection, newSelectionModel.ids.size === 0 means all rows are selected
     newSelectionModel.type === 'exclude');
-    if (hasChanged || shouldReapplyPropagation && !sortModelUpdated) {
+    if (hasChanged || shouldReapplyPropagation) {
       if (shouldReapplyPropagation) {
         if (newSelectionModel.type === 'exclude') {
           const unfilteredSelectedRowIds = getRowsToBeSelected();
@@ -548,12 +550,12 @@ const useGridRowSelection = (apiRef, props) => {
     }
     apiRef.current.setRowSelectionModel(propRowSelectionModel);
   });
-  (0, _useGridEvent.useGridEvent)(apiRef, 'filteredRowsSet', runIfRowSelectionIsEnabled(() => removeOutdatedSelection()));
-  (0, _useGridEvent.useGridEvent)(apiRef, 'rowClick', runIfRowSelectionIsEnabled(handleRowClick));
-  (0, _useGridEvent.useGridEvent)(apiRef, 'rowSelectionCheckboxChange', runIfRowSelectionIsEnabled(handleRowSelectionCheckboxChange));
+  (0, _useGridEvent.useGridEvent)(apiRef, 'filteredRowsSet', (0, _utils2.runIf)(props.rowSelection, removeOutdatedSelection));
+  (0, _useGridEvent.useGridEvent)(apiRef, 'rowClick', (0, _utils2.runIf)(props.rowSelection, handleRowClick));
+  (0, _useGridEvent.useGridEvent)(apiRef, 'rowSelectionCheckboxChange', (0, _utils2.runIf)(props.rowSelection, handleRowSelectionCheckboxChange));
   (0, _useGridEvent.useGridEvent)(apiRef, 'headerSelectionCheckboxChange', handleHeaderSelectionCheckboxChange);
-  (0, _useGridEvent.useGridEvent)(apiRef, 'cellMouseDown', runIfRowSelectionIsEnabled(preventSelectionOnShift));
-  (0, _useGridEvent.useGridEvent)(apiRef, 'cellKeyDown', runIfRowSelectionIsEnabled(handleCellKeyDown));
+  (0, _useGridEvent.useGridEvent)(apiRef, 'cellMouseDown', (0, _utils2.runIf)(props.rowSelection, preventSelectionOnShift));
+  (0, _useGridEvent.useGridEvent)(apiRef, 'cellKeyDown', (0, _utils2.runIf)(props.rowSelection, handleCellKeyDown));
 
   /*
    * EFFECTS
@@ -596,8 +598,8 @@ const useGridRowSelection = (apiRef, props) => {
     }
   }, [apiRef, canHaveMultipleSelection, checkboxSelection, isStateControlled, props.rowSelection]);
   React.useEffect(() => {
-    runIfRowSelectionIsEnabled(removeOutdatedSelection);
-  }, [removeOutdatedSelection, runIfRowSelectionIsEnabled]);
+    (0, _utils2.runIf)(props.rowSelection, removeOutdatedSelection);
+  }, [props.rowSelection, removeOutdatedSelection]);
   React.useEffect(() => {
     if (isFirstRender.current) {
       isFirstRender.current = false;

package/hooks/features/rowSelection/utils.js

@@ -47,7 +47,7 @@ const checkboxPropsSelector = exports.checkboxPropsSelector = (0, _createSelecto
     columns
   };
   let isSelectable = true;
-  if (typeof isRowSelectable === 'function') {
+  if (typeof isRowSelectable === 'function' && rowsLookup[groupId]) {
     isSelectable = isRowSelectable(rowParams);
   }
   if (!groupNode || groupNode.type !== 'group' || rowSelectionManager.has(groupId)) {
@@ -76,7 +76,7 @@ const checkboxPropsSelector = exports.checkboxPropsSelector = (0, _createSelecto
       row: rowsLookup[itemToTraverseId],
       columns
     };
-    const rowIsSelectable = typeof isRowSelectable === 'function' ? isRowSelectable(descendantRowParams) : true;
+    const rowIsSelectable = typeof isRowSelectable === 'function' && rowsLookup[itemToTraverseId] ? isRowSelectable(descendantRowParams) : true;
 
     // Only consider selectable rows when determining parent selection state
     if (rowIsSelectable) {

package/index.js

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

package/internals/index.d.ts

@@ -8,6 +8,7 @@ export { GridHeaders } from "../components/GridHeaders.js";
 export { GridToolbar, GridToolbarDivider } from "../components/toolbarV8/GridToolbar.js";
 export type { GridToolbarProps } from "../components/toolbarV8/GridToolbar.js";
 export { GridColumnSortButton } from "../components/GridColumnSortButton.js";
+export { GridFooterCell } from "../components/cell/GridFooterCell.js";
 export { GridBaseColumnHeaders } from "../components/columnHeaders/GridBaseColumnHeaders.js";
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
 export * from "../constants/signature.js";
@@ -88,6 +89,7 @@ export { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js
 export type { GridStateInitializer } from "../hooks/utils/useGridInitializeState.js";
 export type * as BaseSlots from "../models/gridBaseSlots.js";
 export type * from "../models/props/DataGridProps.js";
+export type { GridAggregationPosition, GridAggregationCellMeta } from "../models/gridAggregation.js";
 export type { GridDataSourceApiBase, GridDataSourceApi, GridDataSourceBaseOptions, GridDataSourceFetchRowsParams } from "../hooks/features/dataSource/models.js";
 export { DataSourceRowsUpdateStrategy } from "../hooks/features/dataSource/utils.js";
 export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataSourceBase.js";

package/internals/index.js

@@ -11,6 +11,7 @@ var _exportNames = {
   GridToolbar: true,
   GridToolbarDivider: true,
   GridColumnSortButton: true,
+  GridFooterCell: true,
   GridBaseColumnHeaders: true,
   DATA_GRID_DEFAULT_SLOTS_COMPONENTS: true,
   vars: true,
@@ -169,6 +170,12 @@ Object.defineProperty(exports, "GridColumnSortButton", {
     return _GridColumnSortButton.GridColumnSortButton;
   }
 });
+Object.defineProperty(exports, "GridFooterCell", {
+  enumerable: true,
+  get: function () {
+    return _GridFooterCell.GridFooterCell;
+  }
+});
 Object.defineProperty(exports, "GridHeaders", {
   enumerable: true,
   get: function () {
@@ -865,6 +872,7 @@ var _GridVirtualScrollerRenderZone = require("../components/virtualization/GridV
 var _GridHeaders = require("../components/GridHeaders");
 var _GridToolbar = require("../components/toolbarV8/GridToolbar");
 var _GridColumnSortButton = require("../components/GridColumnSortButton");
+var _GridFooterCell = require("../components/cell/GridFooterCell");
 var _GridBaseColumnHeaders = require("../components/columnHeaders/GridBaseColumnHeaders");
 var _defaultGridSlotsComponents = require("../constants/defaultGridSlotsComponents");
 var _signature = require("../constants/signature");

package/locales/ptPT.d.ts

@@ -1 +1,2 @@
-export declare const ptPT: import("../internals/index.js").Localization;
+import { Localization } from "../utils/getGridLocalization.js";
+export declare const ptPT: Localization;

package/locales/ptPT.js

@@ -9,10 +9,9 @@ const ptPTGrid = {
   // Root
   noRowsLabel: 'Nenhuma linha',
   noResultsOverlayLabel: 'Nenhum resultado encontrado.',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
-  // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
-
+  noColumnsOverlayLabel: 'Sem colunas',
+  noColumnsOverlayManageColumns: 'Gerir colunas',
+  emptyPivotOverlayLabel: 'Adicione campos às linhas, colunas e valores para criar uma tabela dinâmica',
   // Density selector toolbar button text
   toolbarDensity: 'Densidade',
   toolbarDensityLabel: 'Densidade',
@@ -39,14 +38,11 @@ const ptPTGrid = {
   toolbarExportPrint: 'Imprimir',
   toolbarExportExcel: 'Descarregar como Excel',
   // Toolbar pivot button
-  // toolbarPivot: 'Pivot',
-
+  toolbarPivot: 'Pivot',
   // Toolbar charts button
-  // toolbarCharts: 'Charts',
-
+  toolbarCharts: 'Gráficos',
   // Toolbar AI Assistant button
-  // toolbarAssistant: 'AI Assistant',
-
+  toolbarAssistant: 'Assistente de IA',
   // Columns management text
   columnsManagementSearchTitle: 'Procurar',
   columnsManagementNoColumns: 'Sem colunas',
@@ -105,18 +101,17 @@ const ptPTGrid = {
   'headerFilterOperator=': 'É igual a',
   'headerFilterOperator!=': 'Não é igual',
   'headerFilterOperator>': 'Maior que',
-  'headerFilterOperator>=': 'Melhor que ou igual a',
+  'headerFilterOperator>=': 'Maior que ou igual a',
   'headerFilterOperator<': 'Menor que',
-  'headerFilterOperator<=': 'Menos que ou igual a',
-  // headerFilterClear: 'Clear filter',
-
+  'headerFilterOperator<=': 'Menor que ou igual a',
+  headerFilterClear: 'Limpar filtro',
   // Filter values text
   filterValueAny: 'qualquer',
   filterValueTrue: 'verdadeiro',
   filterValueFalse: 'falso',
   // Column menu text
   columnMenuLabel: 'Menu',
-  // columnMenuAriaLabel: (columnName: string) => `${columnName} column menu`,
+  columnMenuAriaLabel: columnName => `Menu da coluna ${columnName}`,
   columnMenuShowColumns: 'Mostrar colunas',
   columnMenuManageColumns: 'Gerir colunas',
   columnMenuFilter: 'Filtro',
@@ -124,9 +119,8 @@ const ptPTGrid = {
   columnMenuUnsort: 'Desclassificar',
   columnMenuSortAsc: 'Classificar por ordem crescente',
   columnMenuSortDesc: 'Classificar por ordem decrescente',
-  // columnMenuManagePivot: 'Manage pivot',
-  // columnMenuManageCharts: 'Manage charts',
-
+  columnMenuManagePivot: 'Gerir pivot',
+  columnMenuManageCharts: 'Gerir gráficos',
   // Column header text
   columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} filtros ativos` : `${count} filtro ativo`,
   columnHeaderFiltersLabel: 'Mostrar filtros',
@@ -166,18 +160,18 @@ const ptPTGrid = {
   collapseDetailPanel: 'Colapsar',
   // Pagination
   paginationRowsPerPage: 'Linhas por página:',
-  // paginationDisplayedRows: ({
-  //   from,
-  //   to,
-  //   count,
-  //   estimated
-  // }) => {
-  //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-  //   }
-  //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
-  // },
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    if (!estimated) {
+      return `${from}–${to} de ${count !== -1 ? count : `mais do que ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `cerca de ${estimated}` : `mais do que ${to}`;
+    return `${from}–${to} de ${count !== -1 ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'Primeira página';
@@ -195,114 +189,109 @@ const ptPTGrid = {
   rowReorderingHeaderName: 'Reordenação de linhas',
   // Aggregation
   aggregationMenuItemHeader: 'Agregação',
-  // aggregationFunctionLabelNone: 'none',
+  aggregationFunctionLabelNone: 'nenhuma',
   aggregationFunctionLabelSum: 'soma',
   aggregationFunctionLabelAvg: 'média',
   aggregationFunctionLabelMin: 'min',
   aggregationFunctionLabelMax: 'máx.',
   aggregationFunctionLabelSize: 'tamanho',
   // Pivot panel
-  // pivotToggleLabel: 'Pivot',
-  // pivotRows: 'Rows',
-  // pivotColumns: 'Columns',
-  // pivotValues: 'Values',
-  // pivotCloseButton: 'Close pivot settings',
-  // pivotSearchButton: 'Search fields',
-  // pivotSearchControlPlaceholder: 'Search fields',
-  // pivotSearchControlLabel: 'Search fields',
-  // pivotSearchControlClear: 'Clear search',
-  // pivotNoFields: 'No fields',
-  // pivotMenuMoveUp: 'Move up',
-  // pivotMenuMoveDown: 'Move down',
-  // pivotMenuMoveToTop: 'Move to top',
-  // pivotMenuMoveToBottom: 'Move to bottom',
-  // pivotMenuRows: 'Rows',
-  // pivotMenuColumns: 'Columns',
-  // pivotMenuValues: 'Values',
-  // pivotMenuOptions: 'Field options',
-  // pivotMenuAddToRows: 'Add to Rows',
-  // pivotMenuAddToColumns: 'Add to Columns',
-  // pivotMenuAddToValues: 'Add to Values',
-  // pivotMenuRemove: 'Remove',
-  // pivotDragToRows: 'Drag here to create rows',
-  // pivotDragToColumns: 'Drag here to create columns',
-  // pivotDragToValues: 'Drag here to create values',
-  // pivotYearColumnHeaderName: '(Year)',
-  // pivotQuarterColumnHeaderName: '(Quarter)',
-
+  pivotToggleLabel: 'Pivot',
+  pivotRows: 'Linhas',
+  pivotColumns: 'Colunas',
+  pivotValues: 'Valores',
+  pivotCloseButton: 'Fechar configurações de pivot',
+  pivotSearchButton: 'Pesquisar campos',
+  pivotSearchControlPlaceholder: 'Pesquisar campos',
+  pivotSearchControlLabel: 'Pesquisar campos',
+  pivotSearchControlClear: 'Limpar pesquisa',
+  pivotNoFields: 'Nenhum campo',
+  pivotMenuMoveUp: 'Mover para cima',
+  pivotMenuMoveDown: 'Mover para baixo',
+  pivotMenuMoveToTop: 'Mover para o topo',
+  pivotMenuMoveToBottom: 'Mover para o fundo',
+  pivotMenuRows: 'Linhas',
+  pivotMenuColumns: 'Colunas',
+  pivotMenuValues: 'Valores',
+  pivotMenuOptions: 'Opções do campo',
+  pivotMenuAddToRows: 'Adicionar às Linhas',
+  pivotMenuAddToColumns: 'Adicionar às Colunas',
+  pivotMenuAddToValues: 'Adicionar aos Valores',
+  pivotMenuRemove: 'Remover',
+  pivotDragToRows: 'Arraste para aqui para criar linhas',
+  pivotDragToColumns: 'Arraste para aqui para criar colunas',
+  pivotDragToValues: 'Arraste para aqui para criar valores',
+  pivotYearColumnHeaderName: '(Ano)',
+  pivotQuarterColumnHeaderName: '(Trimestre)',
   // Charts configuration panel
-  // chartsNoCharts: 'There are no charts available',
-  // chartsChartNotSelected: 'Select a chart type to configure its options',
-  // chartsTabChart: 'Chart',
-  // chartsTabFields: 'Fields',
-  // chartsTabCustomize: 'Customize',
-  // chartsCloseButton: 'Close charts configuration',
-  // chartsSyncButtonLabel: 'Sync chart',
-  // chartsSearchPlaceholder: 'Search fields',
-  // chartsSearchLabel: 'Search fields',
-  // chartsSearchClear: 'Clear search',
-  // chartsNoFields: 'No fields',
-  // chartsFieldBlocked: 'This field cannot be added to any section',
-  // chartsCategories: 'Categories',
-  // chartsSeries: 'Series',
-  // chartsMenuAddToDimensions: (dimensionLabel: string) => `Add to ${dimensionLabel}`,
-  // chartsMenuAddToValues: (valuesLabel: string) => `Add to ${valuesLabel}`,
-  // chartsMenuMoveUp: 'Move up',
-  // chartsMenuMoveDown: 'Move down',
-  // chartsMenuMoveToTop: 'Move to top',
-  // chartsMenuMoveToBottom: 'Move to bottom',
-  // chartsMenuOptions: 'Field options',
-  // chartsMenuRemove: 'Remove',
-  // chartsDragToDimensions: (dimensionLabel: string) => `Drag here to use column as ${dimensionLabel}`,
-  // chartsDragToValues: (valuesLabel: string) => `Drag here to use column as ${valuesLabel}`,
-
+  chartsNoCharts: 'Não há gráficos disponíveis',
+  chartsChartNotSelected: 'Selecione um tipo de gráfico para configurar as suas opções',
+  chartsTabChart: 'Gráfico',
+  chartsTabFields: 'Campos',
+  chartsTabCustomize: 'Personalizar',
+  chartsCloseButton: 'Fechar configuração de gráficos',
+  chartsSyncButtonLabel: 'Sincronizar gráfico',
+  chartsSearchPlaceholder: 'Pesquisar campos',
+  chartsSearchLabel: 'Pesquisar campos',
+  chartsSearchClear: 'Limpar pesquisa',
+  chartsNoFields: 'Nenhum campo',
+  chartsFieldBlocked: 'Este campo não pode ser adicionado a nenhuma secção',
+  chartsCategories: 'Categorias',
+  chartsSeries: 'Séries',
+  chartsMenuAddToDimensions: dimensionLabel => `Adicionar a ${dimensionLabel}`,
+  chartsMenuAddToValues: valuesLabel => `Adicionar a ${valuesLabel}`,
+  chartsMenuMoveUp: 'Mover para cima',
+  chartsMenuMoveDown: 'Mover para baixo',
+  chartsMenuMoveToTop: 'Mover para o topo',
+  chartsMenuMoveToBottom: 'Mover para o fundo',
+  chartsMenuOptions: 'Opções do campo',
+  chartsMenuRemove: 'Remover',
+  chartsDragToDimensions: dimensionLabel => `Arraste para aqui para usar a coluna como ${dimensionLabel}`,
+  chartsDragToValues: valuesLabel => `Arraste para aqui para usar a coluna como ${valuesLabel}`,
   // AI Assistant panel
-  // aiAssistantPanelTitle: 'AI Assistant',
-  // aiAssistantPanelClose: 'Close AI Assistant',
-  // aiAssistantPanelNewConversation: 'New conversation',
-  // aiAssistantPanelConversationHistory: 'Conversation history',
-  // aiAssistantPanelEmptyConversation: 'No prompt history',
-  // aiAssistantSuggestions: 'Suggestions',
-
+  aiAssistantPanelTitle: 'Assistente de IA',
+  aiAssistantPanelClose: 'Fechar Assistente de IA',
+  aiAssistantPanelNewConversation: 'Nova conversa',
+  aiAssistantPanelConversationHistory: 'Histórico de conversas',
+  aiAssistantPanelEmptyConversation: 'Nenhum histórico de prompts',
+  aiAssistantSuggestions: 'Sugestões',
   // Prompt field
   promptFieldLabel: 'Prompt',
-  promptFieldPlaceholder: 'Digite um prompt…',
-  promptFieldPlaceholderWithRecording: 'Digite ou grave um prompt…',
-  promptFieldPlaceholderListening: 'Ouvindo o prompt…',
-  // promptFieldSpeechRecognitionNotSupported: 'Speech recognition is not supported in this browser',
+  promptFieldPlaceholder: 'Digite um prompt',
+  promptFieldPlaceholderWithRecording: 'Digite ou grave um prompt',
+  promptFieldPlaceholderListening: 'Ouvindo o prompt',
+  promptFieldSpeechRecognitionNotSupported: 'Reconhecimento de voz não é suportado neste navegador',
   promptFieldSend: 'Enviar',
   promptFieldRecord: 'Gravar',
-  promptFieldStopRecording: 'Parar gravação'
-
+  promptFieldStopRecording: 'Parar gravação',
   // Prompt
-  // promptRerun: 'Run again',
-  // promptProcessing: 'Processing…',
-  // promptAppliedChanges: 'Applied changes',
-
+  promptRerun: 'Executar novamente',
+  promptProcessing: 'Processando…',
+  promptAppliedChanges: 'Alterações aplicadas',
   // Prompt changes
-  // promptChangeGroupDescription: (column: string) => `Group by ${column}`,
-  // promptChangeAggregationLabel: (column: string, aggregation: string) => `${column} (${aggregation})`,
-  // promptChangeAggregationDescription: (column: string, aggregation: string) => `Aggregate ${column} (${aggregation})`,
-  // promptChangeFilterLabel: (column: string, operator: string, value: string) => {
-  //   if (operator === 'is any of') {
-  //     return `${column} is any of: ${value}`;
-  //   }
-  //   return `${column} ${operator} ${value}`;
-  // },
-  // promptChangeFilterDescription: (column: string, operator: string, value: string) => {
-  //   if (operator === 'is any of') {
-  //     return `Filter where ${column} is any of: ${value}`;
-  //   }
-  //   return `Filter where ${column} ${operator} ${value}`;
-  // },
-  // promptChangeSortDescription: (column: string, direction: string) => `Sort by ${column} (${direction})`,
-  // promptChangePivotEnableLabel: 'Pivot',
-  // promptChangePivotEnableDescription: 'Enable pivot',
-  // promptChangePivotColumnsLabel: (count: number) => `Columns (${count})`,
-  // promptChangePivotColumnsDescription: (column: string, direction: string) => `${column}${direction ? ` (${direction})` : ''}`,
-  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
-  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
-  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
-  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
+  promptChangeGroupDescription: column => `Agrupar por ${column}`,
+  promptChangeAggregationLabel: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeAggregationDescription: (column, aggregation) => `Agregar ${column} (${aggregation})`,
+  promptChangeFilterLabel: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `${column} é um de: ${value}`;
+    }
+    return `${column} ${operator} ${value}`;
+  },
+  promptChangeFilterDescription: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `Filtrar onde ${column} é um de: ${value}`;
+    }
+    return `Filtrar onde ${column} ${operator} ${value}`;
+  },
+  promptChangeSortDescription: (column, direction) => `Ordenar por ${column} (${direction})`,
+  promptChangePivotEnableLabel: 'Pivot',
+  promptChangePivotEnableDescription: 'Ativar pivot',
+  promptChangePivotColumnsLabel: count => `Colunas (${count})`,
+  promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ''}`,
+  promptChangePivotRowsLabel: count => `Linhas (${count})`,
+  promptChangePivotValuesLabel: count => `Valores (${count})`,
+  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeChartsLabel: (dimensionsCount, valuesCount) => `Dimensões (${dimensionsCount}), Valores (${valuesCount})`
 };
 const ptPT = exports.ptPT = (0, _getGridLocalization.getGridLocalization)(ptPTGrid);

package/models/gridAggregation.d.ts

@@ -0,0 +1,18 @@
+export type GridAggregationPosition = 'inline' | 'footer';
+export interface GridAggregationCellMeta {
+  /**
+   * If `true`, the current aggregated value has the same unit as the value of the other cells of this row.
+   * For instance, "min" / "max" aggregation have the same unit as the other cells.
+   * If `false`, the current aggregated value has another unit or not unit.
+   * For instance, "size" aggregation has no unit.
+   */
+  hasCellUnit: boolean;
+  /**
+   * Name of the aggregation function currently applied on this cell.
+   */
+  aggregationFunctionName: string;
+  /**
+   * Position of the aggregated value.
+   */
+  position: GridAggregationPosition;
+}

package/models/gridAggregation.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.22.1",
+  "version": "8.23.0",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",
@@ -42,8 +42,8 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-internals": "8.22.0",
-    "@mui/x-virtualizer": "0.2.13"
+    "@mui/x-internals": "8.23.0",
+    "@mui/x-virtualizer": "0.3.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/utils/domUtils.d.ts

@@ -26,4 +26,5 @@ export declare function findRightPinnedCellsBeforeCol(api: GridPrivateApiCommuni
 export declare function findLeftPinnedHeadersAfterCol(api: GridPrivateApiCommunity, col: HTMLElement, isRtl: boolean): HTMLElement[];
 export declare function findRightPinnedHeadersBeforeCol(api: GridPrivateApiCommunity, col: HTMLElement, isRtl: boolean): HTMLElement[];
 export declare function findGridHeader(api: GridPrivateApiCommunity, field: string): Element | null;
+export declare function findGridHeaderFilter(api: GridPrivateApiCommunity, field: string): Element | null;
 export declare function findGridCells(api: GridPrivateApiCommunity, field: string): Element[];

package/utils/domUtils.js

@@ -8,6 +8,7 @@ exports.findGridCellElementsFromCol = findGridCellElementsFromCol;
 exports.findGridCells = findGridCells;
 exports.findGridElement = findGridElement;
 exports.findGridHeader = findGridHeader;
+exports.findGridHeaderFilter = findGridHeaderFilter;
 exports.findGroupHeaderElementsFromField = findGroupHeaderElementsFromField;
 exports.findHeaderElementFromField = findHeaderElementFromField;
 exports.findLeftPinnedCellsAfterCol = findLeftPinnedCellsAfterCol;
@@ -212,6 +213,10 @@ function findGridHeader(api, field) {
   const headers = api.columnHeadersContainerRef.current;
   return headers.querySelector(`:scope > div > [data-field="${escapeOperandAttributeSelector(field)}"][role="columnheader"]`);
 }
+function findGridHeaderFilter(api, field) {
+  const headers = api.columnHeadersContainerRef.current;
+  return headers.querySelector(`:scope > .${_gridClasses.gridClasses.headerFilterRow} > [data-field="${escapeOperandAttributeSelector(field)}"]`);
+}
 function findGridCells(api, field) {
   const container = api.virtualScrollerRef.current;
   return Array.from(container.querySelectorAll(`:scope > div > div > div > [data-field="${escapeOperandAttributeSelector(field)}"][role="gridcell"]`));

package/utils/utils.d.ts

@@ -27,4 +27,4 @@ export declare function deepClone(obj: Record<string, any>): any;
  * that hint disables checks on all values instead of just one.
  */
 export declare function eslintUseValue(_: any): void;
-export declare const runIf: (condition: boolean, fn: Function) => (params: unknown) => void;
+export declare const runIf: (condition: boolean, fn: Function) => (...params: unknown[]) => void;

package/utils/utils.js

@@ -92,9 +92,9 @@ function deepClone(obj) {
  * that hint disables checks on all values instead of just one.
  */
 function eslintUseValue(_) {}
-const runIf = (condition, fn) => params => {
+const runIf = (condition, fn) => (...params) => {
   if (condition) {
-    fn(params);
+    fn(...params);
   }
 };
 exports.runIf = runIf;