@mui/x-data-grid 5.17.18 → 5.17.20

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/locales/svSE.js

@@ -97,7 +97,7 @@ const svSEGrid = {
   // Column pinning text
   pinToLeft: 'Fäst till vänster',
   pinToRight: 'Fäst till höger',
-  unpin: 'Ta bort fäste',
+  unpin: 'Ta bort fästning',
   // Tree Data
   treeDataGroupingHeaderName: 'Grupp',
   treeDataExpand: 'visa underordnade',
@@ -107,17 +107,17 @@ const svSEGrid = {
   groupColumn: name => `Gruppera efter ${name}`,
   unGroupColumn: name => `Sluta gruppera efter ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'Växla detaljpanel',
   expandDetailPanel: 'Expandera',
   collapseDetailPanel: 'Kollapsa',
   // Row reordering text
-  rowReorderingHeaderName: 'Ordna om rader' // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  rowReorderingHeaderName: 'Ordna om rader',
+  // Aggregation
+  aggregationMenuItemHeader: 'Aggregering',
+  aggregationFunctionLabelSum: 'sum',
+  aggregationFunctionLabelAvg: 'medel',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max',
+  aggregationFunctionLabelSize: 'antal'
 };
 export const svSE = getGridLocalization(svSEGrid, svSECore);

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/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js

@@ -105,7 +105,6 @@ function GridFilterInputMultipleSingleSelect(props) {
   }, [applyValue, item]);
   return /*#__PURE__*/_jsx(Autocomplete, _extends({
     multiple: true,
-    limitTags: 1,
     options: resolvedValueOptions,
     isOptionEqualToValue: isOptionEqualToValue,
     filterOptions: filter,

package/modern/components/panel/filterPanel/GridFilterInputMultipleValue.js

@@ -47,7 +47,6 @@ function GridFilterInputMultipleValue(props) {
   return /*#__PURE__*/_jsx(Autocomplete, _extends({
     multiple: true,
     freeSolo: true,
-    limitTags: 1,
     options: [],
     filterOptions: (options, params) => {
       const {

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/hooks/features/virtualization/useGridVirtualScroller.js

@@ -213,13 +213,9 @@ export const useGridVirtualScroller = props => {
       });
     }
   }, [apiRef, currentPage.rows, onRenderZonePositioning, renderZoneMinColumnIndex, renderZoneMaxColumnIndex, rootProps.columnBuffer, rootProps.rowBuffer]);
-  React.useLayoutEffect(() => {
-    if (renderContext) {
-      updateRenderZonePosition(renderContext);
-    }
-  }, [renderContext, updateRenderZonePosition]);
   const updateRenderContext = React.useCallback(nextRenderContext => {
     setRenderContext(nextRenderContext);
+    updateRenderZonePosition(nextRenderContext);
     const [firstRowToRender, lastRowToRender] = getRenderableIndexes({
       firstIndex: nextRenderContext.firstRowIndex,
       lastIndex: nextRenderContext.lastRowIndex,
@@ -232,7 +228,7 @@ export const useGridVirtualScroller = props => {
       lastRowToRender
     });
     prevRenderContext.current = nextRenderContext;
-  }, [apiRef, setRenderContext, prevRenderContext, currentPage.rows.length, rootProps.rowBuffer]);
+  }, [apiRef, setRenderContext, prevRenderContext, currentPage.rows.length, rootProps.rowBuffer, updateRenderZonePosition]);
   useEnhancedEffect(() => {
     if (containerDimensions.width == null) {
       return;

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.17.18
+/** @license MUI X v5.17.20
  *
  * 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/locales/svSE.js

@@ -97,7 +97,7 @@ const svSEGrid = {
   // Column pinning text
   pinToLeft: 'Fäst till vänster',
   pinToRight: 'Fäst till höger',
-  unpin: 'Ta bort fäste',
+  unpin: 'Ta bort fästning',
   // Tree Data
   treeDataGroupingHeaderName: 'Grupp',
   treeDataExpand: 'visa underordnade',
@@ -107,17 +107,17 @@ const svSEGrid = {
   groupColumn: name => `Gruppera efter ${name}`,
   unGroupColumn: name => `Sluta gruppera efter ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
+  detailPanelToggle: 'Växla detaljpanel',
   expandDetailPanel: 'Expandera',
   collapseDetailPanel: 'Kollapsa',
   // Row reordering text
-  rowReorderingHeaderName: 'Ordna om rader' // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
-
+  rowReorderingHeaderName: 'Ordna om rader',
+  // Aggregation
+  aggregationMenuItemHeader: 'Aggregering',
+  aggregationFunctionLabelSum: 'sum',
+  aggregationFunctionLabelAvg: 'medel',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max',
+  aggregationFunctionLabelSize: 'antal'
 };
 export const svSE = getGridLocalization(svSEGrid, svSECore);

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/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js

@@ -127,7 +127,6 @@ function GridFilterInputMultipleSingleSelect(props) {
   }, [applyValue, item]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autocomplete.default, (0, _extends2.default)({
     multiple: true,
-    limitTags: 1,
     options: resolvedValueOptions,
     isOptionEqualToValue: isOptionEqualToValue,
     filterOptions: filter,

package/node/components/panel/filterPanel/GridFilterInputMultipleValue.js

@@ -70,7 +70,6 @@ function GridFilterInputMultipleValue(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autocomplete.default, (0, _extends2.default)({
     multiple: true,
     freeSolo: true,
-    limitTags: 1,
     options: [],
     filterOptions: (options, params) => {
       const {

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/hooks/features/virtualization/useGridVirtualScroller.js

@@ -254,13 +254,9 @@ const useGridVirtualScroller = props => {
       });
     }
   }, [apiRef, currentPage.rows, onRenderZonePositioning, renderZoneMinColumnIndex, renderZoneMaxColumnIndex, rootProps.columnBuffer, rootProps.rowBuffer]);
-  React.useLayoutEffect(() => {
-    if (renderContext) {
-      updateRenderZonePosition(renderContext);
-    }
-  }, [renderContext, updateRenderZonePosition]);
   const updateRenderContext = React.useCallback(nextRenderContext => {
     setRenderContext(nextRenderContext);
+    updateRenderZonePosition(nextRenderContext);
     const [firstRowToRender, lastRowToRender] = getRenderableIndexes({
       firstIndex: nextRenderContext.firstRowIndex,
       lastIndex: nextRenderContext.lastRowIndex,
@@ -273,7 +269,7 @@ const useGridVirtualScroller = props => {
       lastRowToRender
     });
     prevRenderContext.current = nextRenderContext;
-  }, [apiRef, setRenderContext, prevRenderContext, currentPage.rows.length, rootProps.rowBuffer]);
+  }, [apiRef, setRenderContext, prevRenderContext, currentPage.rows.length, rootProps.rowBuffer, updateRenderZonePosition]);
   (0, _utils.unstable_useEnhancedEffect)(() => {
     if (containerDimensions.width == null) {
       return;

package/node/index.js

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