@mui/x-data-grid 5.17.18 → 5.17.19

package/CHANGELOG.md

@@ -3,6 +3,31 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.19
+
+_Jan 16, 2023_
+
+We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Spanish (es-ES) and add Belarusian (be-BY) and Urdu (ur-PK) locales
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.19` / `@mui/x-data-grid-pro@v5.17.19` / `@mui/x-data-grid-premium@v5.17.19`
+
+#### Changes
+
+- [DataGrid] Improve print support (#7407) @cherniavskii
+- [DataGrid] Improve Spanish (es-ES) locale (#7438) @Anderssxn
+- [DataGridPremium] Fix Excel export not working with date strings (#7478) @cherniavskii
+- [DataGridPro] Fix missing column headers border with top-pinned rows (#7399) @cherniavskii
+
+### `@mui/x-date-pickers@v5.0.14` / `@mui/x-date-pickers-pro@v5.0.14`
+
+#### Changes
+
+- [pickers] Add Belarusian (be-BY) locale (#7450) @volhalink
+- [pickers] Add Urdu (ur-PK) locale (#7449) @MBilalShafi
+
 ## 5.17.18
 
 _Jan 5, 2023_

package/components/columnHeaders/GridColumnHeaders.js

@@ -35,6 +35,7 @@ const GridColumnHeadersRoot = styled('div', {
     overflow: 'hidden',
     display: 'flex',
     alignItems: 'center',
+    boxSizing: 'border-box',
     borderBottom: `1px solid ${borderColor}`,
     borderTopLeftRadius: theme.shape.borderRadius,
     borderTopRightRadius: theme.shape.borderRadius

package/hooks/features/export/useGridPrintExport.js

@@ -13,6 +13,14 @@ import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 import { GridPrintExportMenuItem } from '../../../components/toolbar/GridToolbarExport';
 import { jsx as _jsx } from "react/jsx-runtime";
 
+function raf() {
+  return new Promise(resolve => {
+    requestAnimationFrame(() => {
+      resolve();
+    });
+  });
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -30,6 +38,7 @@ export const useGridPrintExport = (apiRef, props) => {
   // the new state needs to be in place before the grid can be sized correctly
 
   const updateGridColumnsForPrint = React.useCallback((fields, allColumns) => new Promise(resolve => {
+    // TODO remove unused Promise
     if (!fields && !allColumns) {
       resolve();
       return;
@@ -49,12 +58,10 @@ export const useGridPrintExport = (apiRef, props) => {
     });
     apiRef.current.setColumnVisibilityModel(newColumnVisibilityModel);
     resolve();
-  }), [apiRef]);
+  }), [apiRef]); // TODO move outside of this scope and remove React.useCallback
+
   const buildPrintWindow = React.useCallback(title => {
     const iframeEl = document.createElement('iframe');
-    iframeEl.id = 'grid-print-window'; // Without this 'onload' event won't fire in some browsers
-
-    iframeEl.src = window.location.href;
     iframeEl.style.position = 'absolute';
     iframeEl.style.width = '0px';
     iframeEl.style.height = '0px';
@@ -62,18 +69,15 @@ export const useGridPrintExport = (apiRef, props) => {
     return iframeEl;
   }, []);
   const handlePrintWindowLoad = React.useCallback((printWindow, options) => {
-    var _printWindow$contentW, _querySelector, _querySelector2;
+    var _querySelector, _querySelector2;
 
     const normalizeOptions = _extends({
       copyStyles: true,
       hideToolbar: false,
       hideFooter: false
-    }, options); // Some agents, such as IE11 and Enzyme (as of 2 Jun 2020) continuously call the
-    // `onload` callback. This ensures that it is only called once.
+    }, options);
 
-
-    printWindow.onload = null;
-    const printDoc = printWindow.contentDocument || ((_printWindow$contentW = printWindow.contentWindow) == null ? void 0 : _printWindow$contentW.document);
+    const printDoc = printWindow.contentDocument;
 
     if (!printDoc) {
       return;
@@ -113,10 +117,12 @@ export const useGridPrintExport = (apiRef, props) => {
     } // Expand container height to accommodate all rows
 
 
-    gridClone.style.height = `${rowsMeta.currentPageTotalHeight + totalHeaderHeight + gridToolbarElementHeight + gridFooterElementHeight}px`; // Remove all loaded elements from the current host
+    gridClone.style.height = `${rowsMeta.currentPageTotalHeight + totalHeaderHeight + gridToolbarElementHeight + gridFooterElementHeight}px`; // printDoc.body.appendChild(gridClone); should be enough but a clone isolation bug in Safari
+    // prevents us to do it
 
-    printDoc.body.innerHTML = '';
-    printDoc.body.appendChild(gridClone);
+    const container = document.createElement('div');
+    container.appendChild(gridClone);
+    printDoc.body.innerHTML = container.innerHTML;
     const defaultPageStyle = typeof normalizeOptions.pageStyle === 'function' ? normalizeOptions.pageStyle() : normalizeOptions.pageStyle;
 
     if (typeof defaultPageStyle === 'string') {
@@ -210,17 +216,25 @@ export const useGridPrintExport = (apiRef, props) => {
 
     await updateGridColumnsForPrint(options == null ? void 0 : options.fields, options == null ? void 0 : options.allColumns);
     apiRef.current.unstable_disableVirtualization();
+    await raf(); // wait for the state changes to take action
+
     const printWindow = buildPrintWindow(options == null ? void 0 : options.fileName);
-    doc.current.body.appendChild(printWindow);
 
     if (process.env.NODE_ENV === 'test') {
-      // In test env, run the all pipeline without waiting for loading
+      doc.current.body.appendChild(printWindow); // In test env, run the all pipeline without waiting for loading
+
       handlePrintWindowLoad(printWindow, options);
       handlePrintWindowAfterPrint(printWindow);
     } else {
-      printWindow.onload = () => handlePrintWindowLoad(printWindow, options);
+      printWindow.onload = () => {
+        handlePrintWindowLoad(printWindow, options);
+
+        printWindow.contentWindow.onafterprint = () => {
+          handlePrintWindowAfterPrint(printWindow);
+        };
+      };
 
-      printWindow.contentWindow.onafterprint = () => handlePrintWindowAfterPrint(printWindow);
+      doc.current.body.appendChild(printWindow);
     }
   }, [props, logger, apiRef, buildPrintWindow, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
   const printExportApi = {

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.17.18
+/** @license MUI X v5.17.19
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/internals/index.d.ts

@@ -54,7 +54,7 @@ export { getColumnsToExport, defaultGetRowsToExport } from '../hooks/features/ex
 export { createSelector, unstable_resetCreateSelectorCache } from '../utils/createSelector';
 export { findParentElementFromClassName } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';
-export { clamp, isDeepEqual, isNumber, isFunction } from '../utils/utils';
+export { clamp, isDeepEqual, isNumber, isFunction, isObject } from '../utils/utils';
 export { buildWarning } from '../utils/warning';
 export { exportAs } from '../utils/exportAs';
 export type { GridApiCommunity } from '../models/api/gridApiCommunity';

package/internals/index.js

@@ -45,6 +45,6 @@ export { getColumnsToExport, defaultGetRowsToExport } from '../hooks/features/ex
 export { createSelector, unstable_resetCreateSelectorCache } from '../utils/createSelector';
 export { findParentElementFromClassName } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';
-export { clamp, isDeepEqual, isNumber, isFunction } from '../utils/utils';
+export { clamp, isDeepEqual, isNumber, isFunction, isObject } from '../utils/utils';
 export { buildWarning } from '../utils/warning';
 export { exportAs } from '../utils/exportAs';

package/legacy/components/columnHeaders/GridColumnHeaders.js

@@ -34,6 +34,7 @@ var GridColumnHeadersRoot = styled('div', {
     overflow: 'hidden',
     display: 'flex',
     alignItems: 'center',
+    boxSizing: 'border-box',
     borderBottom: "1px solid ".concat(borderColor),
     borderTopLeftRadius: theme.shape.borderRadius,
     borderTopRightRadius: theme.shape.borderRadius

package/legacy/hooks/features/export/useGridPrintExport.js

@@ -16,6 +16,14 @@ import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 import { GridPrintExportMenuItem } from '../../../components/toolbar/GridToolbarExport';
 import { jsx as _jsx } from "react/jsx-runtime";
 
+function raf() {
+  return new Promise(function (resolve) {
+    requestAnimationFrame(function () {
+      resolve();
+    });
+  });
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -34,6 +42,7 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
 
   var updateGridColumnsForPrint = React.useCallback(function (fields, allColumns) {
     return new Promise(function (resolve) {
+      // TODO remove unused Promise
       if (!fields && !allColumns) {
         resolve();
         return;
@@ -56,12 +65,10 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
       apiRef.current.setColumnVisibilityModel(newColumnVisibilityModel);
       resolve();
     });
-  }, [apiRef]);
+  }, [apiRef]); // TODO move outside of this scope and remove React.useCallback
+
   var buildPrintWindow = React.useCallback(function (title) {
     var iframeEl = document.createElement('iframe');
-    iframeEl.id = 'grid-print-window'; // Without this 'onload' event won't fire in some browsers
-
-    iframeEl.src = window.location.href;
     iframeEl.style.position = 'absolute';
     iframeEl.style.width = '0px';
     iframeEl.style.height = '0px';
@@ -69,18 +76,15 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
     return iframeEl;
   }, []);
   var handlePrintWindowLoad = React.useCallback(function (printWindow, options) {
-    var _printWindow$contentW, _querySelector, _querySelector2;
+    var _querySelector, _querySelector2;
 
     var normalizeOptions = _extends({
       copyStyles: true,
       hideToolbar: false,
       hideFooter: false
-    }, options); // Some agents, such as IE11 and Enzyme (as of 2 Jun 2020) continuously call the
-    // `onload` callback. This ensures that it is only called once.
+    }, options);
 
-
-    printWindow.onload = null;
-    var printDoc = printWindow.contentDocument || ((_printWindow$contentW = printWindow.contentWindow) == null ? void 0 : _printWindow$contentW.document);
+    var printDoc = printWindow.contentDocument;
 
     if (!printDoc) {
       return;
@@ -120,10 +124,12 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
     } // Expand container height to accommodate all rows
 
 
-    gridClone.style.height = "".concat(rowsMeta.currentPageTotalHeight + totalHeaderHeight + gridToolbarElementHeight + gridFooterElementHeight, "px"); // Remove all loaded elements from the current host
+    gridClone.style.height = "".concat(rowsMeta.currentPageTotalHeight + totalHeaderHeight + gridToolbarElementHeight + gridFooterElementHeight, "px"); // printDoc.body.appendChild(gridClone); should be enough but a clone isolation bug in Safari
+    // prevents us to do it
 
-    printDoc.body.innerHTML = '';
-    printDoc.body.appendChild(gridClone);
+    var container = document.createElement('div');
+    container.appendChild(gridClone);
+    printDoc.body.innerHTML = container.innerHTML;
     var defaultPageStyle = typeof normalizeOptions.pageStyle === 'function' ? normalizeOptions.pageStyle() : normalizeOptions.pageStyle;
 
     if (typeof defaultPageStyle === 'string') {
@@ -232,24 +238,31 @@ export var useGridPrintExport = function useGridPrintExport(apiRef, props) {
 
             case 8:
               apiRef.current.unstable_disableVirtualization();
+              _context.next = 11;
+              return raf();
+
+            case 11:
+              // wait for the state changes to take action
               printWindow = buildPrintWindow(options == null ? void 0 : options.fileName);
-              doc.current.body.appendChild(printWindow);
 
               if (process.env.NODE_ENV === 'test') {
-                // In test env, run the all pipeline without waiting for loading
+                doc.current.body.appendChild(printWindow); // In test env, run the all pipeline without waiting for loading
+
                 handlePrintWindowLoad(printWindow, options);
                 handlePrintWindowAfterPrint(printWindow);
               } else {
                 printWindow.onload = function () {
-                  return handlePrintWindowLoad(printWindow, options);
-                };
+                  handlePrintWindowLoad(printWindow, options);
 
-                printWindow.contentWindow.onafterprint = function () {
-                  return handlePrintWindowAfterPrint(printWindow);
+                  printWindow.contentWindow.onafterprint = function () {
+                    handlePrintWindowAfterPrint(printWindow);
+                  };
                 };
+
+                doc.current.body.appendChild(printWindow);
               }
 
-            case 12:
+            case 13:
             case "end":
               return _context.stop();
           }

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.17.18
+/** @license MUI X v5.17.19
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/internals/index.js

@@ -45,6 +45,6 @@ export { getColumnsToExport, defaultGetRowsToExport } from '../hooks/features/ex
 export { createSelector, unstable_resetCreateSelectorCache } from '../utils/createSelector';
 export { findParentElementFromClassName } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';
-export { clamp, isDeepEqual, isNumber, isFunction } from '../utils/utils';
+export { clamp, isDeepEqual, isNumber, isFunction, isObject } from '../utils/utils';
 export { buildWarning } from '../utils/warning';
 export { exportAs } from '../utils/exportAs';

package/legacy/locales/esES.js

@@ -3,7 +3,7 @@ import { getGridLocalization } from '../utils/getGridLocalization';
 var esESGrid = {
   // Root
   noRowsLabel: 'Sin filas',
-  // noResultsOverlayLabel: 'No results found.',
+  noResultsOverlayLabel: 'Resultados no encontrados',
   errorOverlayDefaultLabel: 'Ha ocurrido un error.',
   // Density selector toolbar button text
   toolbarDensity: 'Densidad',
@@ -23,15 +23,15 @@ var esESGrid = {
     return count > 1 ? "".concat(count, " filtros activos") : "".concat(count, " filtro activo");
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Buscar…',
+  toolbarQuickFilterLabel: 'Buscar',
+  toolbarQuickFilterDeleteIconLabel: 'Limpiar',
   // Export selector toolbar button text
   toolbarExport: 'Exportar',
   toolbarExportLabel: 'Exportar',
   toolbarExportCSV: 'Descargar como CSV',
-  // toolbarExportPrint: 'Print',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportPrint: 'Imprimir',
+  toolbarExportExcel: 'Descargar como Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Columna de búsqueda',
   columnsPanelTextFieldPlaceholder: 'Título de columna',
@@ -41,7 +41,7 @@ var esESGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Agregar filtro',
   filterPanelDeleteIconLabel: 'Borrar',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Operador lógico',
   filterPanelOperators: 'Operadores',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'Y',
@@ -62,11 +62,11 @@ var esESGrid = {
   filterOperatorOnOrBefore: 'es en o anterior',
   filterOperatorIsEmpty: 'está vacío',
   filterOperatorIsNotEmpty: 'no esta vacío',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'es cualquiera de',
   // Filter values text
-  // filterValueAny: 'any',
-  // filterValueTrue: 'true',
-  // filterValueFalse: 'false',
+  filterValueAny: 'cualquiera',
+  filterValueTrue: 'verdadero',
+  filterValueFalse: 'falso',
   // Column menu text
   columnMenuLabel: 'Menú',
   columnMenuShowColumns: 'Mostrar columnas',
@@ -92,19 +92,20 @@ var esESGrid = {
     return "".concat(visibleCount.toLocaleString(), " de ").concat(totalCount.toLocaleString());
   },
   // Checkbox selection text
-  // checkboxSelectionHeaderName: 'Checkbox selection',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionHeaderName: 'Seleccionar casilla',
+  checkboxSelectionSelectAllRows: 'Seleccionar todas las filas',
+  checkboxSelectionUnselectAllRows: 'Deseleccionar todas las filas',
+  checkboxSelectionSelectRow: 'Seleccionar fila',
+  checkboxSelectionUnselectRow: 'Deseleccionar fila',
   // Boolean cell text
-  // booleanCellTrueLabel: 'yes',
-  // booleanCellFalseLabel: 'no',
+  booleanCellTrueLabel: 'si',
+  booleanCellFalseLabel: 'no',
   // Actions cell more text
-  actionsCellMore: 'más' // Column pinning text
-  // pinToLeft: 'Pin to left',
-  // pinToRight: 'Pin to right',
-  // unpin: 'Unpin',
+  actionsCellMore: 'más',
+  // Column pinning text
+  pinToLeft: 'Anclar a la izquierda',
+  pinToRight: 'Anclar a la derecha',
+  unpin: 'Desanclar',
   // Tree Data
   // treeDataGroupingHeaderName: 'Group',
   // treeDataExpand: 'see children',
@@ -115,17 +116,16 @@ var esESGrid = {
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
   // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  expandDetailPanel: 'Expandir',
+  collapseDetailPanel: 'reducirse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
   // Aggregation
   // aggregationMenuItemHeader: 'Aggregation',
   // aggregationFunctionLabelSum: 'sum',
   // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max' // aggregationFunctionLabelSize: 'size',
 
 };
 export var esES = getGridLocalization(esESGrid, esESCore);

package/legacy/utils/utils.js

@@ -6,7 +6,7 @@ export function isFunction(value) {
   return typeof value === 'function';
 }
 export function isObject(value) {
-  return _typeof(value) === 'object';
+  return _typeof(value) === 'object' && value !== null;
 }
 export function localStorageAvailable() {
   try {

package/locales/esES.js

@@ -3,7 +3,7 @@ import { getGridLocalization } from '../utils/getGridLocalization';
 const esESGrid = {
   // Root
   noRowsLabel: 'Sin filas',
-  // noResultsOverlayLabel: 'No results found.',
+  noResultsOverlayLabel: 'Resultados no encontrados',
   errorOverlayDefaultLabel: 'Ha ocurrido un error.',
   // Density selector toolbar button text
   toolbarDensity: 'Densidad',
@@ -21,15 +21,15 @@ const esESGrid = {
   toolbarFiltersTooltipShow: 'Mostrar filtros',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} filtros activos` : `${count} filtro activo`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Buscar…',
+  toolbarQuickFilterLabel: 'Buscar',
+  toolbarQuickFilterDeleteIconLabel: 'Limpiar',
   // Export selector toolbar button text
   toolbarExport: 'Exportar',
   toolbarExportLabel: 'Exportar',
   toolbarExportCSV: 'Descargar como CSV',
-  // toolbarExportPrint: 'Print',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportPrint: 'Imprimir',
+  toolbarExportExcel: 'Descargar como Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Columna de búsqueda',
   columnsPanelTextFieldPlaceholder: 'Título de columna',
@@ -39,7 +39,7 @@ const esESGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Agregar filtro',
   filterPanelDeleteIconLabel: 'Borrar',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Operador lógico',
   filterPanelOperators: 'Operadores',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'Y',
@@ -60,11 +60,11 @@ const esESGrid = {
   filterOperatorOnOrBefore: 'es en o anterior',
   filterOperatorIsEmpty: 'está vacío',
   filterOperatorIsNotEmpty: 'no esta vacío',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'es cualquiera de',
   // Filter values text
-  // filterValueAny: 'any',
-  // filterValueTrue: 'true',
-  // filterValueFalse: 'false',
+  filterValueAny: 'cualquiera',
+  filterValueTrue: 'verdadero',
+  filterValueFalse: 'falso',
   // Column menu text
   columnMenuLabel: 'Menú',
   columnMenuShowColumns: 'Mostrar columnas',
@@ -84,19 +84,20 @@ const esESGrid = {
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} de ${totalCount.toLocaleString()}`,
   // Checkbox selection text
-  // checkboxSelectionHeaderName: 'Checkbox selection',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionHeaderName: 'Seleccionar casilla',
+  checkboxSelectionSelectAllRows: 'Seleccionar todas las filas',
+  checkboxSelectionUnselectAllRows: 'Deseleccionar todas las filas',
+  checkboxSelectionSelectRow: 'Seleccionar fila',
+  checkboxSelectionUnselectRow: 'Deseleccionar fila',
   // Boolean cell text
-  // booleanCellTrueLabel: 'yes',
-  // booleanCellFalseLabel: 'no',
+  booleanCellTrueLabel: 'si',
+  booleanCellFalseLabel: 'no',
   // Actions cell more text
-  actionsCellMore: 'más' // Column pinning text
-  // pinToLeft: 'Pin to left',
-  // pinToRight: 'Pin to right',
-  // unpin: 'Unpin',
+  actionsCellMore: 'más',
+  // Column pinning text
+  pinToLeft: 'Anclar a la izquierda',
+  pinToRight: 'Anclar a la derecha',
+  unpin: 'Desanclar',
   // Tree Data
   // treeDataGroupingHeaderName: 'Group',
   // treeDataExpand: 'see children',
@@ -107,17 +108,16 @@ const esESGrid = {
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
   // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  expandDetailPanel: 'Expandir',
+  collapseDetailPanel: 'reducirse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
   // Aggregation
   // aggregationMenuItemHeader: 'Aggregation',
   // aggregationFunctionLabelSum: 'sum',
   // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max' // aggregationFunctionLabelSize: 'size',
 
 };
 export const esES = getGridLocalization(esESGrid, esESCore);

package/models/api/gridParamsApi.d.ts

@@ -24,7 +24,7 @@ export interface GridParamsApi {
      * @param {string} field The column field.
      * @returns {GridCellParams} The cell params.
      */
-    getCellParams: <V = any, R extends GridValidRowModel = any, F = V>(id: GridRowId, field: string) => GridCellParams<V, R, F>;
+    getCellParams: <V = unknown, R extends GridValidRowModel = any, F = V>(id: GridRowId, field: string) => GridCellParams<V, R, F>;
     /**
      * Gets the [[GridRowParams]] object that is passed as argument in events.
      * @param {GridRowId} id The id of the row.

package/modern/components/columnHeaders/GridColumnHeaders.js

@@ -35,6 +35,7 @@ const GridColumnHeadersRoot = styled('div', {
     overflow: 'hidden',
     display: 'flex',
     alignItems: 'center',
+    boxSizing: 'border-box',
     borderBottom: `1px solid ${borderColor}`,
     borderTopLeftRadius: theme.shape.borderRadius,
     borderTopRightRadius: theme.shape.borderRadius

package/modern/hooks/features/export/useGridPrintExport.js

@@ -13,6 +13,14 @@ import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 import { GridPrintExportMenuItem } from '../../../components/toolbar/GridToolbarExport';
 import { jsx as _jsx } from "react/jsx-runtime";
 
+function raf() {
+  return new Promise(resolve => {
+    requestAnimationFrame(() => {
+      resolve();
+    });
+  });
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -30,6 +38,7 @@ export const useGridPrintExport = (apiRef, props) => {
   // the new state needs to be in place before the grid can be sized correctly
 
   const updateGridColumnsForPrint = React.useCallback((fields, allColumns) => new Promise(resolve => {
+    // TODO remove unused Promise
     if (!fields && !allColumns) {
       resolve();
       return;
@@ -49,12 +58,10 @@ export const useGridPrintExport = (apiRef, props) => {
     });
     apiRef.current.setColumnVisibilityModel(newColumnVisibilityModel);
     resolve();
-  }), [apiRef]);
+  }), [apiRef]); // TODO move outside of this scope and remove React.useCallback
+
   const buildPrintWindow = React.useCallback(title => {
     const iframeEl = document.createElement('iframe');
-    iframeEl.id = 'grid-print-window'; // Without this 'onload' event won't fire in some browsers
-
-    iframeEl.src = window.location.href;
     iframeEl.style.position = 'absolute';
     iframeEl.style.width = '0px';
     iframeEl.style.height = '0px';
@@ -66,12 +73,9 @@ export const useGridPrintExport = (apiRef, props) => {
       copyStyles: true,
       hideToolbar: false,
       hideFooter: false
-    }, options); // Some agents, such as IE11 and Enzyme (as of 2 Jun 2020) continuously call the
-    // `onload` callback. This ensures that it is only called once.
+    }, options);
 
-
-    printWindow.onload = null;
-    const printDoc = printWindow.contentDocument || printWindow.contentWindow?.document;
+    const printDoc = printWindow.contentDocument;
 
     if (!printDoc) {
       return;
@@ -107,10 +111,12 @@ export const useGridPrintExport = (apiRef, props) => {
     } // Expand container height to accommodate all rows
 
 
-    gridClone.style.height = `${rowsMeta.currentPageTotalHeight + totalHeaderHeight + gridToolbarElementHeight + gridFooterElementHeight}px`; // Remove all loaded elements from the current host
+    gridClone.style.height = `${rowsMeta.currentPageTotalHeight + totalHeaderHeight + gridToolbarElementHeight + gridFooterElementHeight}px`; // printDoc.body.appendChild(gridClone); should be enough but a clone isolation bug in Safari
+    // prevents us to do it
 
-    printDoc.body.innerHTML = '';
-    printDoc.body.appendChild(gridClone);
+    const container = document.createElement('div');
+    container.appendChild(gridClone);
+    printDoc.body.innerHTML = container.innerHTML;
     const defaultPageStyle = typeof normalizeOptions.pageStyle === 'function' ? normalizeOptions.pageStyle() : normalizeOptions.pageStyle;
 
     if (typeof defaultPageStyle === 'string') {
@@ -202,17 +208,25 @@ export const useGridPrintExport = (apiRef, props) => {
 
     await updateGridColumnsForPrint(options?.fields, options?.allColumns);
     apiRef.current.unstable_disableVirtualization();
+    await raf(); // wait for the state changes to take action
+
     const printWindow = buildPrintWindow(options?.fileName);
-    doc.current.body.appendChild(printWindow);
 
     if (process.env.NODE_ENV === 'test') {
-      // In test env, run the all pipeline without waiting for loading
+      doc.current.body.appendChild(printWindow); // In test env, run the all pipeline without waiting for loading
+
       handlePrintWindowLoad(printWindow, options);
       handlePrintWindowAfterPrint(printWindow);
     } else {
-      printWindow.onload = () => handlePrintWindowLoad(printWindow, options);
+      printWindow.onload = () => {
+        handlePrintWindowLoad(printWindow, options);
+
+        printWindow.contentWindow.onafterprint = () => {
+          handlePrintWindowAfterPrint(printWindow);
+        };
+      };
 
-      printWindow.contentWindow.onafterprint = () => handlePrintWindowAfterPrint(printWindow);
+      doc.current.body.appendChild(printWindow);
     }
   }, [props, logger, apiRef, buildPrintWindow, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
   const printExportApi = {

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.17.18
+/** @license MUI X v5.17.19
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/internals/index.js

@@ -45,6 +45,6 @@ export { getColumnsToExport, defaultGetRowsToExport } from '../hooks/features/ex
 export { createSelector, unstable_resetCreateSelectorCache } from '../utils/createSelector';
 export { findParentElementFromClassName } from '../utils/domUtils';
 export { isNavigationKey } from '../utils/keyboardUtils';
-export { clamp, isDeepEqual, isNumber, isFunction } from '../utils/utils';
+export { clamp, isDeepEqual, isNumber, isFunction, isObject } from '../utils/utils';
 export { buildWarning } from '../utils/warning';
 export { exportAs } from '../utils/exportAs';

package/modern/locales/esES.js

@@ -3,7 +3,7 @@ import { getGridLocalization } from '../utils/getGridLocalization';
 const esESGrid = {
   // Root
   noRowsLabel: 'Sin filas',
-  // noResultsOverlayLabel: 'No results found.',
+  noResultsOverlayLabel: 'Resultados no encontrados',
   errorOverlayDefaultLabel: 'Ha ocurrido un error.',
   // Density selector toolbar button text
   toolbarDensity: 'Densidad',
@@ -21,15 +21,15 @@ const esESGrid = {
   toolbarFiltersTooltipShow: 'Mostrar filtros',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} filtros activos` : `${count} filtro activo`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Buscar…',
+  toolbarQuickFilterLabel: 'Buscar',
+  toolbarQuickFilterDeleteIconLabel: 'Limpiar',
   // Export selector toolbar button text
   toolbarExport: 'Exportar',
   toolbarExportLabel: 'Exportar',
   toolbarExportCSV: 'Descargar como CSV',
-  // toolbarExportPrint: 'Print',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportPrint: 'Imprimir',
+  toolbarExportExcel: 'Descargar como Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Columna de búsqueda',
   columnsPanelTextFieldPlaceholder: 'Título de columna',
@@ -39,7 +39,7 @@ const esESGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Agregar filtro',
   filterPanelDeleteIconLabel: 'Borrar',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Operador lógico',
   filterPanelOperators: 'Operadores',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'Y',
@@ -60,11 +60,11 @@ const esESGrid = {
   filterOperatorOnOrBefore: 'es en o anterior',
   filterOperatorIsEmpty: 'está vacío',
   filterOperatorIsNotEmpty: 'no esta vacío',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'es cualquiera de',
   // Filter values text
-  // filterValueAny: 'any',
-  // filterValueTrue: 'true',
-  // filterValueFalse: 'false',
+  filterValueAny: 'cualquiera',
+  filterValueTrue: 'verdadero',
+  filterValueFalse: 'falso',
   // Column menu text
   columnMenuLabel: 'Menú',
   columnMenuShowColumns: 'Mostrar columnas',
@@ -84,19 +84,20 @@ const esESGrid = {
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} de ${totalCount.toLocaleString()}`,
   // Checkbox selection text
-  // checkboxSelectionHeaderName: 'Checkbox selection',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionHeaderName: 'Seleccionar casilla',
+  checkboxSelectionSelectAllRows: 'Seleccionar todas las filas',
+  checkboxSelectionUnselectAllRows: 'Deseleccionar todas las filas',
+  checkboxSelectionSelectRow: 'Seleccionar fila',
+  checkboxSelectionUnselectRow: 'Deseleccionar fila',
   // Boolean cell text
-  // booleanCellTrueLabel: 'yes',
-  // booleanCellFalseLabel: 'no',
+  booleanCellTrueLabel: 'si',
+  booleanCellFalseLabel: 'no',
   // Actions cell more text
-  actionsCellMore: 'más' // Column pinning text
-  // pinToLeft: 'Pin to left',
-  // pinToRight: 'Pin to right',
-  // unpin: 'Unpin',
+  actionsCellMore: 'más',
+  // Column pinning text
+  pinToLeft: 'Anclar a la izquierda',
+  pinToRight: 'Anclar a la derecha',
+  unpin: 'Desanclar',
   // Tree Data
   // treeDataGroupingHeaderName: 'Group',
   // treeDataExpand: 'see children',
@@ -107,17 +108,16 @@ const esESGrid = {
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
   // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  expandDetailPanel: 'Expandir',
+  collapseDetailPanel: 'reducirse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
   // Aggregation
   // aggregationMenuItemHeader: 'Aggregation',
   // aggregationFunctionLabelSum: 'sum',
   // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max' // aggregationFunctionLabelSize: 'size',
 
 };
 export const esES = getGridLocalization(esESGrid, esESCore);

package/modern/utils/utils.js

@@ -5,7 +5,7 @@ export function isFunction(value) {
   return typeof value === 'function';
 }
 export function isObject(value) {
-  return typeof value === 'object';
+  return typeof value === 'object' && value !== null;
 }
 export function localStorageAvailable() {
   try {

package/node/components/columnHeaders/GridColumnHeaders.js

@@ -57,6 +57,7 @@ const GridColumnHeadersRoot = (0, _styles.styled)('div', {
     overflow: 'hidden',
     display: 'flex',
     alignItems: 'center',
+    boxSizing: 'border-box',
     borderBottom: `1px solid ${borderColor}`,
     borderTopLeftRadius: theme.shape.borderRadius,
     borderTopRightRadius: theme.shape.borderRadius

package/node/hooks/features/export/useGridPrintExport.js

@@ -39,6 +39,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function raf() {
+  return new Promise(resolve => {
+    requestAnimationFrame(() => {
+      resolve();
+    });
+  });
+}
+
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)
@@ -56,6 +64,7 @@ const useGridPrintExport = (apiRef, props) => {
   // the new state needs to be in place before the grid can be sized correctly
 
   const updateGridColumnsForPrint = React.useCallback((fields, allColumns) => new Promise(resolve => {
+    // TODO remove unused Promise
     if (!fields && !allColumns) {
       resolve();
       return;
@@ -75,12 +84,10 @@ const useGridPrintExport = (apiRef, props) => {
     });
     apiRef.current.setColumnVisibilityModel(newColumnVisibilityModel);
     resolve();
-  }), [apiRef]);
+  }), [apiRef]); // TODO move outside of this scope and remove React.useCallback
+
   const buildPrintWindow = React.useCallback(title => {
     const iframeEl = document.createElement('iframe');
-    iframeEl.id = 'grid-print-window'; // Without this 'onload' event won't fire in some browsers
-
-    iframeEl.src = window.location.href;
     iframeEl.style.position = 'absolute';
     iframeEl.style.width = '0px';
     iframeEl.style.height = '0px';
@@ -88,17 +95,14 @@ const useGridPrintExport = (apiRef, props) => {
     return iframeEl;
   }, []);
   const handlePrintWindowLoad = React.useCallback((printWindow, options) => {
-    var _printWindow$contentW, _querySelector, _querySelector2;
+    var _querySelector, _querySelector2;
 
     const normalizeOptions = (0, _extends2.default)({
       copyStyles: true,
       hideToolbar: false,
       hideFooter: false
-    }, options); // Some agents, such as IE11 and Enzyme (as of 2 Jun 2020) continuously call the
-    // `onload` callback. This ensures that it is only called once.
-
-    printWindow.onload = null;
-    const printDoc = printWindow.contentDocument || ((_printWindow$contentW = printWindow.contentWindow) == null ? void 0 : _printWindow$contentW.document);
+    }, options);
+    const printDoc = printWindow.contentDocument;
 
     if (!printDoc) {
       return;
@@ -138,10 +142,12 @@ const useGridPrintExport = (apiRef, props) => {
     } // Expand container height to accommodate all rows
 
 
-    gridClone.style.height = `${rowsMeta.currentPageTotalHeight + totalHeaderHeight + gridToolbarElementHeight + gridFooterElementHeight}px`; // Remove all loaded elements from the current host
+    gridClone.style.height = `${rowsMeta.currentPageTotalHeight + totalHeaderHeight + gridToolbarElementHeight + gridFooterElementHeight}px`; // printDoc.body.appendChild(gridClone); should be enough but a clone isolation bug in Safari
+    // prevents us to do it
 
-    printDoc.body.innerHTML = '';
-    printDoc.body.appendChild(gridClone);
+    const container = document.createElement('div');
+    container.appendChild(gridClone);
+    printDoc.body.innerHTML = container.innerHTML;
     const defaultPageStyle = typeof normalizeOptions.pageStyle === 'function' ? normalizeOptions.pageStyle() : normalizeOptions.pageStyle;
 
     if (typeof defaultPageStyle === 'string') {
@@ -235,17 +241,25 @@ const useGridPrintExport = (apiRef, props) => {
 
     await updateGridColumnsForPrint(options == null ? void 0 : options.fields, options == null ? void 0 : options.allColumns);
     apiRef.current.unstable_disableVirtualization();
+    await raf(); // wait for the state changes to take action
+
     const printWindow = buildPrintWindow(options == null ? void 0 : options.fileName);
-    doc.current.body.appendChild(printWindow);
 
     if (process.env.NODE_ENV === 'test') {
-      // In test env, run the all pipeline without waiting for loading
+      doc.current.body.appendChild(printWindow); // In test env, run the all pipeline without waiting for loading
+
       handlePrintWindowLoad(printWindow, options);
       handlePrintWindowAfterPrint(printWindow);
     } else {
-      printWindow.onload = () => handlePrintWindowLoad(printWindow, options);
+      printWindow.onload = () => {
+        handlePrintWindowLoad(printWindow, options);
+
+        printWindow.contentWindow.onafterprint = () => {
+          handlePrintWindowAfterPrint(printWindow);
+        };
+      };
 
-      printWindow.contentWindow.onafterprint = () => handlePrintWindowAfterPrint(printWindow);
+      doc.current.body.appendChild(printWindow);
     }
   }, [props, logger, apiRef, buildPrintWindow, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
   const printExportApi = {

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.17.18
+/** @license MUI X v5.17.19
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/internals/index.js

@@ -183,6 +183,12 @@ Object.defineProperty(exports, "isNumber", {
     return _utils2.isNumber;
   }
 });
+Object.defineProperty(exports, "isObject", {
+  enumerable: true,
+  get: function () {
+    return _utils2.isObject;
+  }
+});
 Object.defineProperty(exports, "paginationStateInitializer", {
   enumerable: true,
   get: function () {

package/node/locales/esES.js

@@ -12,7 +12,7 @@ var _getGridLocalization = require("../utils/getGridLocalization");
 const esESGrid = {
   // Root
   noRowsLabel: 'Sin filas',
-  // noResultsOverlayLabel: 'No results found.',
+  noResultsOverlayLabel: 'Resultados no encontrados',
   errorOverlayDefaultLabel: 'Ha ocurrido un error.',
   // Density selector toolbar button text
   toolbarDensity: 'Densidad',
@@ -30,15 +30,15 @@ const esESGrid = {
   toolbarFiltersTooltipShow: 'Mostrar filtros',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} filtros activos` : `${count} filtro activo`,
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
+  toolbarQuickFilterPlaceholder: 'Buscar…',
+  toolbarQuickFilterLabel: 'Buscar',
+  toolbarQuickFilterDeleteIconLabel: 'Limpiar',
   // Export selector toolbar button text
   toolbarExport: 'Exportar',
   toolbarExportLabel: 'Exportar',
   toolbarExportCSV: 'Descargar como CSV',
-  // toolbarExportPrint: 'Print',
-  // toolbarExportExcel: 'Download as Excel',
+  toolbarExportPrint: 'Imprimir',
+  toolbarExportExcel: 'Descargar como Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Columna de búsqueda',
   columnsPanelTextFieldPlaceholder: 'Título de columna',
@@ -48,7 +48,7 @@ const esESGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Agregar filtro',
   filterPanelDeleteIconLabel: 'Borrar',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Operador lógico',
   filterPanelOperators: 'Operadores',
   // TODO v6: rename to filterPanelOperator
   filterPanelOperatorAnd: 'Y',
@@ -69,11 +69,11 @@ const esESGrid = {
   filterOperatorOnOrBefore: 'es en o anterior',
   filterOperatorIsEmpty: 'está vacío',
   filterOperatorIsNotEmpty: 'no esta vacío',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsAnyOf: 'es cualquiera de',
   // Filter values text
-  // filterValueAny: 'any',
-  // filterValueTrue: 'true',
-  // filterValueFalse: 'false',
+  filterValueAny: 'cualquiera',
+  filterValueTrue: 'verdadero',
+  filterValueFalse: 'falso',
   // Column menu text
   columnMenuLabel: 'Menú',
   columnMenuShowColumns: 'Mostrar columnas',
@@ -93,19 +93,20 @@ const esESGrid = {
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} de ${totalCount.toLocaleString()}`,
   // Checkbox selection text
-  // checkboxSelectionHeaderName: 'Checkbox selection',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionHeaderName: 'Seleccionar casilla',
+  checkboxSelectionSelectAllRows: 'Seleccionar todas las filas',
+  checkboxSelectionUnselectAllRows: 'Deseleccionar todas las filas',
+  checkboxSelectionSelectRow: 'Seleccionar fila',
+  checkboxSelectionUnselectRow: 'Deseleccionar fila',
   // Boolean cell text
-  // booleanCellTrueLabel: 'yes',
-  // booleanCellFalseLabel: 'no',
+  booleanCellTrueLabel: 'si',
+  booleanCellFalseLabel: 'no',
   // Actions cell more text
-  actionsCellMore: 'más' // Column pinning text
-  // pinToLeft: 'Pin to left',
-  // pinToRight: 'Pin to right',
-  // unpin: 'Unpin',
+  actionsCellMore: 'más',
+  // Column pinning text
+  pinToLeft: 'Anclar a la izquierda',
+  pinToRight: 'Anclar a la derecha',
+  unpin: 'Desanclar',
   // Tree Data
   // treeDataGroupingHeaderName: 'Group',
   // treeDataExpand: 'see children',
@@ -116,17 +117,16 @@ const esESGrid = {
   // unGroupColumn: name => `Stop grouping by ${name}`,
   // Master/detail
   // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
+  expandDetailPanel: 'Expandir',
+  collapseDetailPanel: 'reducirse',
   // Row reordering text
   // rowReorderingHeaderName: 'Row reordering',
   // Aggregation
   // aggregationMenuItemHeader: 'Aggregation',
   // aggregationFunctionLabelSum: 'sum',
   // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max' // aggregationFunctionLabelSize: 'size',
 
 };
 const esES = (0, _getGridLocalization.getGridLocalization)(esESGrid, _locale.esES);

package/node/utils/utils.js

@@ -22,7 +22,7 @@ function isFunction(value) {
 }
 
 function isObject(value) {
-  return typeof value === 'object';
+  return typeof value === 'object' && value !== null;
 }
 
 function localStorageAvailable() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "5.17.18",
+  "version": "5.17.19",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",

package/utils/utils.d.ts

@@ -1,6 +1,6 @@
 export declare function isNumber(value: any): value is number;
 export declare function isFunction(value: any): value is Function;
-export declare function isObject(value: any): value is Record<string, any>;
+export declare function isObject<TObject = Record<PropertyKey, any>>(value: unknown): value is TObject;
 export declare function localStorageAvailable(): boolean;
 export declare function escapeRegExp(value: string): string;
 /**

package/utils/utils.js

@@ -5,7 +5,7 @@ export function isFunction(value) {
   return typeof value === 'function';
 }
 export function isObject(value) {
-  return typeof value === 'object';
+  return typeof value === 'object' && value !== null;
 }
 export function localStorageAvailable() {
   try {