@mui/x-data-grid 8.13.0 → 8.14.0

package/esm/locales/ptBR.js

@@ -3,10 +3,9 @@ const ptBRGrid = {
   // 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: 'Nenhuma coluna',
+  noColumnsOverlayManageColumns: 'Gerenciar colunas',
+  emptyPivotOverlayLabel: 'Adicionar campos às linhas, colunas e valores para criar uma tabela dinâmica',
   // Density selector toolbar button text
   toolbarDensity: 'Densidade',
   toolbarDensityLabel: 'Densidade',
@@ -21,7 +20,7 @@ const ptBRGrid = {
   toolbarFiltersLabel: 'Exibir filtros',
   toolbarFiltersTooltipHide: 'Ocultar filtros',
   toolbarFiltersTooltipShow: 'Exibir filtros',
-  toolbarFiltersTooltipActive: count => `${count} ${count !== 1 ? 'filtros' : 'filtro'} ${count !== 1 ? 'ativos' : 'ativo'}`,
+  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} filtros ativos` : `${count} filtro ativo`,
   // Quick filter toolbar field
   toolbarQuickFilterPlaceholder: 'Procurar…',
   toolbarQuickFilterLabel: 'Procurar',
@@ -33,14 +32,11 @@ const ptBRGrid = {
   toolbarExportPrint: 'Imprimir',
   toolbarExportExcel: 'Baixar como Excel',
   // Toolbar pivot button
-  // toolbarPivot: 'Pivot',
-
+  toolbarPivot: 'Pivotar',
   // Toolbar charts button
-  // toolbarCharts: 'Charts',
-
+  toolbarCharts: 'Gráficos',
   // Toolbar AI Assistant button
-  // toolbarAssistant: 'AI Assistant',
-
+  toolbarAssistant: 'Assistente de IA',
   // Columns management text
   columnsManagementSearchTitle: 'Buscar',
   columnsManagementNoColumns: 'Nenhuma coluna',
@@ -102,28 +98,26 @@ const ptBRGrid = {
   'headerFilterOperator>=': 'Maior que ou igual a',
   'headerFilterOperator<': 'Menor que',
   'headerFilterOperator<=': 'Menor que ou igual a',
-  // headerFilterClear: 'Clear filter',
-
+  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: 'Exibir colunas',
   columnMenuManageColumns: 'Gerir colunas',
   columnMenuFilter: 'Filtrar',
-  columnMenuHideColumn: 'Ocultar',
+  columnMenuHideColumn: 'Ocultar coluna',
   columnMenuUnsort: 'Desfazer ordenação',
   columnMenuSortAsc: 'Ordenar do menor para o maior',
   columnMenuSortDesc: 'Ordenar do maior para o menor',
-  // columnMenuManagePivot: 'Manage pivot',
-  // columnMenuManageCharts: 'Manage charts',
-
+  columnMenuManagePivot: 'Gerenciar pivot',
+  columnMenuManageCharts: 'Gerenciar gráficos',
   // Column header text
-  columnHeaderFiltersTooltipActive: count => `${count} ${count !== 1 ? 'filtros' : 'filtro'} ${count !== 1 ? 'ativos' : 'ativo'}`,
-  columnHeaderFiltersLabel: 'Exibir Filtros',
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} filtros ativos` : `${count} filtro ativo`,
+  columnHeaderFiltersLabel: 'Exibir filtros',
   columnHeaderSortIconLabel: 'Ordenar',
   // Rows selected footer text
   footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} linhas selecionadas` : `${count.toLocaleString()} linha selecionada`,
@@ -132,9 +126,9 @@ const ptBRGrid = {
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} de ${totalCount.toLocaleString()}`,
   // Checkbox selection text
-  checkboxSelectionHeaderName: 'Seleção',
-  checkboxSelectionSelectAllRows: 'Selecionar todas linhas',
-  checkboxSelectionUnselectAllRows: 'Deselecionar todas linhas',
+  checkboxSelectionHeaderName: 'Caixa de seleção',
+  checkboxSelectionSelectAllRows: 'Selecionar todas as linhas',
+  checkboxSelectionUnselectAllRows: 'Deselecionar todas as linhas',
   checkboxSelectionSelectRow: 'Selecionar linha',
   checkboxSelectionUnselectRow: 'Deselecionar linha',
   // Boolean cell text
@@ -149,7 +143,7 @@ const ptBRGrid = {
   // Tree Data
   treeDataGroupingHeaderName: 'Grupo',
   treeDataExpand: 'mostrar filhos',
-  treeDataCollapse: 'esconder filhos',
+  treeDataCollapse: 'ocultar filhos',
   // Grouping columns
   groupingColumnHeaderName: 'Grupo',
   groupColumn: name => `Agrupar por ${name}`,
@@ -157,21 +151,21 @@ const ptBRGrid = {
   // Master/detail
   detailPanelToggle: 'Painel de detalhes',
   expandDetailPanel: 'Expandir',
-  collapseDetailPanel: 'Esconder',
+  collapseDetailPanel: 'Recolher',
   // 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 de ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `cerca de ${estimated}` : `mais de ${to}`;
+    return `${from}–${to} de ${count !== -1 ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'Ir para a primeira página';
@@ -189,113 +183,108 @@ const ptBRGrid = {
   rowReorderingHeaderName: 'Reorganizar linhas',
   // Aggregation
   aggregationMenuItemHeader: 'Agrupar',
-  // aggregationFunctionLabelNone: 'none',
+  aggregationFunctionLabelNone: 'nenhum',
   aggregationFunctionLabelSum: 'soma',
   aggregationFunctionLabelAvg: 'média',
   aggregationFunctionLabelMin: 'mín',
   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 a parte inferior',
+  pivotMenuRows: 'Linhas',
+  pivotMenuColumns: 'Colunas',
+  pivotMenuValues: 'Valores',
+  pivotMenuOptions: 'Opções de campo',
+  pivotMenuAddToRows: 'Adicionar às Linhas',
+  pivotMenuAddToColumns: 'Adicionar às Colunas',
+  pivotMenuAddToValues: 'Adicionar aos Valores',
+  pivotMenuRemove: 'Remover',
+  pivotDragToRows: 'Arraste aqui para criar linhas',
+  pivotDragToColumns: 'Arraste aqui para criar colunas',
+  pivotDragToValues: 'Arraste 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 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 seçã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 a parte inferior',
+  chartsMenuOptions: 'Opções de campo',
+  chartsMenuRemove: 'Remover',
+  chartsDragToDimensions: dimensionLabel => `Arraste aqui para usar a coluna como ${dimensionLabel}`,
+  chartsDragToValues: valuesLabel => `Arraste 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: 'Sem 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',
+  promptFieldSpeechRecognitionNotSupported: 'O reconhecimento de fala 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})`,
+  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 destes: ${value}`;
+    }
+    return `${column} ${operator} ${value}`;
+  },
+  promptChangeFilterDescription: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `Filtrar onde ${column} é um destes: ${value}`;
+    }
+    return `Filtrar onde ${column} ${operator} ${value}`;
+  },
+  promptChangeSortDescription: (column, direction) => `Classificar por ${column} (${direction})`,
+  promptChangePivotEnableLabel: 'Pivotar',
+  promptChangePivotEnableDescription: 'Ativar pivotar',
+  promptChangePivotColumnsLabel: count => `Colunas (${count})`,
+  promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ''}`,
+  promptChangePivotRowsLabel: count => `Linhas (${count})`,
+  promptChangePivotValuesLabel: count => `Valores (${count})`,
+  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
 };
 export const ptBR = getGridLocalization(ptBRGrid);

package/hooks/features/columnGrouping/gridColumnGroupsUtils.d.ts

@@ -1,9 +1,10 @@
-import { GridColumnGroupingModel, GridColumnGroup } from "../../../models/gridColumnGrouping.js";
+import { GridColumnGroupingModel, GridColumnNode, GridColumnGroup } from "../../../models/gridColumnGrouping.js";
 import { GridColDef } from "../../../models/colDef/index.js";
-import { GridGroupingStructure } from "./gridColumnGroupsInterfaces.js";
+import { GridColumnGroupLookup, GridGroupingStructure } from "./gridColumnGroupsInterfaces.js";
 type UnwrappedGroupingModel = {
   [key: GridColDef['field']]: GridColumnGroup['groupId'][];
 };
+export declare const createGroupLookup: (columnGroupingModel: GridColumnNode[]) => GridColumnGroupLookup;
 /**
  * This is a function that provide for each column the array of its parents.
  * Parents are ordered from the root to the leaf.

package/hooks/features/columnGrouping/gridColumnGroupsUtils.js

@@ -1,11 +1,47 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unwrapGroupingColumnModel = exports.getColumnGroupsHeaderStructure = void 0;
+exports.unwrapGroupingColumnModel = exports.getColumnGroupsHeaderStructure = exports.createGroupLookup = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _gridColumnGrouping = require("../../../models/gridColumnGrouping");
+const _excluded = ["groupId", "children"];
+const createGroupLookup = columnGroupingModel => {
+  const groupLookup = {};
+  for (let i = 0; i < columnGroupingModel.length; i += 1) {
+    const node = columnGroupingModel[i];
+    if ((0, _gridColumnGrouping.isLeaf)(node)) {
+      continue;
+    }
+    const {
+        groupId,
+        children
+      } = node,
+      other = (0, _objectWithoutPropertiesLoose2.default)(node, _excluded);
+    if (!groupId) {
+      throw new Error('MUI X: An element of the columnGroupingModel does not have either `field` or `groupId`.');
+    }
+    if (process.env.NODE_ENV !== 'production' && !children) {
+      console.warn(`MUI X: group groupId=${groupId} has no children.`);
+    }
+    const groupParam = (0, _extends2.default)({}, other, {
+      groupId
+    });
+    const subTreeLookup = createGroupLookup(children);
+    if (subTreeLookup[groupId] !== undefined || groupLookup[groupId] !== undefined) {
+      throw new Error(`MUI X: The groupId ${groupId} is used multiple times in the columnGroupingModel.`);
+    }
+    Object.assign(groupLookup, subTreeLookup);
+    groupLookup[groupId] = groupParam;
+  }
+  return groupLookup;
+};
+
 // This is the recurrence function that help writing `unwrapGroupingColumnModel()`
+exports.createGroupLookup = createGroupLookup;
 const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedGroupingModelToComplete) => {
   if ((0, _gridColumnGrouping.isLeaf)(columnGroupNode)) {
     if (unwrappedGroupingModelToComplete[columnGroupNode.field] !== undefined) {

package/hooks/features/columnGrouping/useGridColumnGrouping.js

@@ -1,52 +1,19 @@
 "use strict";
 'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useGridColumnGrouping = exports.columnGroupsStateInitializer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _gridColumnGrouping = require("../../../models/gridColumnGrouping");
 var _gridColumnGroupsSelector = require("./gridColumnGroupsSelector");
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
 var _gridColumnGroupsUtils = require("./gridColumnGroupsUtils");
 var _useGridEvent = require("../../utils/useGridEvent");
 var _columns = require("../columns");
-const _excluded = ["groupId", "children"];
-const createGroupLookup = columnGroupingModel => {
-  const groupLookup = {};
-  for (let i = 0; i < columnGroupingModel.length; i += 1) {
-    const node = columnGroupingModel[i];
-    if ((0, _gridColumnGrouping.isLeaf)(node)) {
-      continue;
-    }
-    const {
-        groupId,
-        children
-      } = node,
-      other = (0, _objectWithoutPropertiesLoose2.default)(node, _excluded);
-    if (!groupId) {
-      throw new Error('MUI X: An element of the columnGroupingModel does not have either `field` or `groupId`.');
-    }
-    if (process.env.NODE_ENV !== 'production' && !children) {
-      console.warn(`MUI X: group groupId=${groupId} has no children.`);
-    }
-    const groupParam = (0, _extends2.default)({}, other, {
-      groupId
-    });
-    const subTreeLookup = createGroupLookup(children);
-    if (subTreeLookup[groupId] !== undefined || groupLookup[groupId] !== undefined) {
-      throw new Error(`MUI X: The groupId ${groupId} is used multiple times in the columnGroupingModel.`);
-    }
-    Object.assign(groupLookup, subTreeLookup);
-    groupLookup[groupId] = groupParam;
-  }
-  return groupLookup;
-};
 const columnGroupsStateInitializer = (state, props, apiRef) => {
   apiRef.current.caches.columnGrouping = {
     lastColumnGroupingModel: props.columnGroupingModel
@@ -56,7 +23,7 @@ const columnGroupsStateInitializer = (state, props, apiRef) => {
   }
   const columnFields = (0, _columns.gridColumnFieldsSelector)(apiRef);
   const visibleColumnFields = (0, _columns.gridVisibleColumnFieldsSelector)(apiRef);
-  const groupLookup = createGroupLookup(props.columnGroupingModel ?? []);
+  const groupLookup = (0, _gridColumnGroupsUtils.createGroupLookup)(props.columnGroupingModel ?? []);
   const unwrappedGroupingModel = (0, _gridColumnGroupsUtils.unwrapGroupingColumnModel)(props.columnGroupingModel ?? []);
   const columnGroupsHeaderStructure = (0, _gridColumnGroupsUtils.getColumnGroupsHeaderStructure)(columnFields, unwrappedGroupingModel, apiRef.current.state.pinnedColumns ?? {});
   const maxDepth = visibleColumnFields.length === 0 ? 0 : Math.max(...visibleColumnFields.map(field => unwrappedGroupingModel[field]?.length ?? 0));
@@ -111,7 +78,7 @@ const useGridColumnGrouping = (apiRef, props) => {
     const pinnedColumns = apiRef.current.getPinnedColumns?.() ?? {};
     const columnFields = (0, _columns.gridColumnFieldsSelector)(apiRef);
     const visibleColumnFields = (0, _columns.gridVisibleColumnFieldsSelector)(apiRef);
-    const groupLookup = createGroupLookup(columnGroupingModel ?? []);
+    const groupLookup = (0, _gridColumnGroupsUtils.createGroupLookup)(columnGroupingModel ?? []);
     const unwrappedGroupingModel = (0, _gridColumnGroupsUtils.unwrapGroupingColumnModel)(columnGroupingModel ?? []);
     const columnGroupsHeaderStructure = (0, _gridColumnGroupsUtils.getColumnGroupsHeaderStructure)(columnFields, unwrappedGroupingModel, pinnedColumns);
     const maxDepth = visibleColumnFields.length === 0 ? 0 : Math.max(...visibleColumnFields.map(field => unwrappedGroupingModel[field]?.length ?? 0));

package/hooks/features/dataSource/useGridDataSourceBase.js

@@ -39,7 +39,10 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
   const setStrategyAvailability = React.useCallback(() => {
     apiRef.current.setStrategyAvailability(_strategyProcessing.GridStrategyGroup.DataSource, _utils2.DataSourceRowsUpdateStrategy.Default, props.dataSource ? () => true : () => false);
   }, [apiRef, props.dataSource]);
-  const [defaultRowsUpdateStrategyActive, setDefaultRowsUpdateStrategyActive] = React.useState(false);
+  const [currentStrategy, setCurrentStrategy] = React.useState(apiRef.current.getActiveStrategy(_strategyProcessing.GridStrategyGroup.DataSource));
+  const defaultRowsUpdateStrategyActive = React.useMemo(() => {
+    return currentStrategy === _utils2.DataSourceRowsUpdateStrategy.Default;
+  }, [currentStrategy]);
   const paginationModel = (0, _useGridSelector.useGridSelector)(apiRef, _gridPaginationSelector.gridPaginationModelSelector);
   const lastRequestId = React.useRef(0);
   const onDataSourceErrorProp = props.onDataSourceError;
@@ -117,7 +120,7 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
     }
   }, [cacheChunkManager, cache, apiRef, defaultRowsUpdateStrategyActive, props.dataSource?.getRows, onDataSourceErrorProp, options, props.signature]);
   const handleStrategyActivityChange = React.useCallback(() => {
-    setDefaultRowsUpdateStrategyActive(apiRef.current.getActiveStrategy(_strategyProcessing.GridStrategyGroup.DataSource) === _utils2.DataSourceRowsUpdateStrategy.Default);
+    setCurrentStrategy(apiRef.current.getActiveStrategy(_strategyProcessing.GridStrategyGroup.DataSource));
   }, [apiRef]);
   const handleDataUpdate = React.useCallback(params => {
     if ('error' in params) {
@@ -190,8 +193,7 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
   React.useEffect(() => {
     // Return early if the proper strategy isn't set yet
     // Context: https://github.com/mui/mui-x/issues/19650
-    const strategy = apiRef.current.getActiveStrategy(_strategyProcessing.GridStrategyGroup.DataSource);
-    if (strategy !== _utils2.DataSourceRowsUpdateStrategy.Default && strategy !== _utils2.DataSourceRowsUpdateStrategy.LazyLoading) {
+    if (currentStrategy !== _utils2.DataSourceRowsUpdateStrategy.Default && currentStrategy !== _utils2.DataSourceRowsUpdateStrategy.LazyLoading) {
       return undefined;
     }
     if (props.dataSource) {
@@ -202,7 +204,7 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
       // ignore the current request on unmount
       lastRequestId.current += 1;
     };
-  }, [apiRef, props.dataSource]);
+  }, [apiRef, props.dataSource, currentStrategy]);
   return {
     api: {
       public: dataSourceApi

package/hooks/features/dataSource/utils.js

@@ -66,10 +66,8 @@ class CacheChunkManager {
     if (responses.length === 1) {
       return responses[0];
     }
-    return responses.reduce((acc, response) => ({
-      rows: [...acc.rows, ...response.rows],
-      rowCount: response.rowCount,
-      pageInfo: response.pageInfo
+    return responses.reduce((acc, response) => (0, _extends2.default)({}, response, {
+      rows: [...acc.rows, ...response.rows]
     }), {
       rows: [],
       rowCount: 0,

package/hooks/features/rows/useGridRows.js

@@ -113,7 +113,7 @@ const useGridRows = (apiRef, props, configuration) => {
    */
   const setRows = React.useCallback(rows => {
     logger.debug(`Updating all rows, new length ${rows.length}`);
-    if ((0, _pivoting.gridPivotActiveSelector)(apiRef)) {
+    if (!props.dataSource && (0, _pivoting.gridPivotActiveSelector)(apiRef)) {
       apiRef.current.updateNonPivotRows(rows, false);
       return;
     }
@@ -129,12 +129,12 @@ const useGridRows = (apiRef, props, configuration) => {
       cache,
       throttle: true
     });
-  }, [logger, props.getRowId, props.loading, props.rowCount, throttledRowsChange, apiRef]);
+  }, [logger, props.getRowId, props.dataSource, props.loading, props.rowCount, throttledRowsChange, apiRef]);
   const updateRows = React.useCallback(updates => {
     if (props.signature === _signature.GridSignature.DataGrid && updates.length > 1) {
       throw new Error(['MUI X: You cannot update several rows at once in `apiRef.current.updateRows` on the DataGrid.', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
     }
-    if ((0, _pivoting.gridPivotActiveSelector)(apiRef)) {
+    if (!props.dataSource && (0, _pivoting.gridPivotActiveSelector)(apiRef)) {
       apiRef.current.updateNonPivotRows(updates);
       return;
     }
@@ -148,7 +148,7 @@ const useGridRows = (apiRef, props, configuration) => {
       cache,
       throttle: true
     });
-  }, [props.signature, props.getRowId, throttledRowsChange, apiRef]);
+  }, [props.signature, props.dataSource, props.getRowId, throttledRowsChange, apiRef]);
   const updateNestedRows = React.useCallback((updates, groupKeys) => {
     const nonPinnedRowsUpdates = (0, _gridRowsUtils.computeRowsUpdates)(apiRef, updates, props.getRowId);
     const cache = (0, _gridRowsUtils.updateCacheWithNewRows)({

package/index.js

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