@mui/x-data-grid 5.17.19 → 5.17.20

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.20
+
+_Jan 19, 2023_
+
+We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Italian (it-IT) and Swedish (sv-SE) locales
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.20` / `@mui/x-data-grid-pro@v5.17.20` / `@mui/x-data-grid-premium@v5.17.20`
+
+#### Changes
+
+- [DataGrid] Fix flickering on grid scroll (#7609) @cherniavskii
+- [DataGrid] Remove tag limit from `isAnyOf` operator input (#7616) @m4theushw
+- [l10n] Improve Swedish (sv-SE) locale (#7463) @MaanTyringe
+
+### `@mui/x-date-pickers@v5.0.15` / `@mui/x-date-pickers-pro@v5.0.15`
+
+#### Changes
+
+- [pickers] Ensure `key` is passed without object spreading (#7584) @alexfauquette
+- [l10n] Improve Italian (it-IT) locale (#7547) @marikadeveloper
+
 ## 5.17.19
 
 _Jan 16, 2023_

package/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.d.ts

@@ -2,7 +2,7 @@
 import { AutocompleteProps } from '@mui/material/Autocomplete';
 import { GridFilterInputValueProps } from './GridFilterInputValueProps';
 import type { ValueOptions } from '../../../models/colDef/gridColDef';
-export interface GridFilterInputMultipleSingleSelectProps extends Omit<AutocompleteProps<ValueOptions, true, false, true>, 'options' | 'renderInput' | 'onChange' | 'value' | 'id' | 'filterOptions' | 'isOptionEqualToValue' | 'limitTags' | 'multiple' | 'color'>, GridFilterInputValueProps {
+export interface GridFilterInputMultipleSingleSelectProps extends Omit<AutocompleteProps<ValueOptions, true, false, true>, 'options' | 'renderInput' | 'onChange' | 'value' | 'id' | 'filterOptions' | 'isOptionEqualToValue' | 'multiple' | 'color'>, GridFilterInputValueProps {
     type?: 'singleSelect';
 }
 declare function GridFilterInputMultipleSingleSelect(props: GridFilterInputMultipleSingleSelectProps): JSX.Element;

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

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

package/hooks/features/virtualization/useGridVirtualScroller.js

@@ -217,13 +217,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,
@@ -236,7 +232,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/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.17.19
+/** @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/legacy/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js

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

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

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

package/legacy/hooks/features/virtualization/useGridVirtualScroller.js

@@ -240,13 +240,9 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       });
     }
   }, [apiRef, currentPage.rows, onRenderZonePositioning, renderZoneMinColumnIndex, renderZoneMaxColumnIndex, rootProps.columnBuffer, rootProps.rowBuffer]);
-  React.useLayoutEffect(function () {
-    if (renderContext) {
-      updateRenderZonePosition(renderContext);
-    }
-  }, [renderContext, updateRenderZonePosition]);
   var updateRenderContext = React.useCallback(function (nextRenderContext) {
     setRenderContext(nextRenderContext);
+    updateRenderZonePosition(nextRenderContext);
 
     var _getRenderableIndexes7 = getRenderableIndexes({
       firstIndex: nextRenderContext.firstRowIndex,
@@ -264,7 +260,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       lastRowToRender: lastRowToRender
     });
     prevRenderContext.current = nextRenderContext;
-  }, [apiRef, setRenderContext, prevRenderContext, currentPage.rows.length, rootProps.rowBuffer]);
+  }, [apiRef, setRenderContext, prevRenderContext, currentPage.rows.length, rootProps.rowBuffer, updateRenderZonePosition]);
   useEnhancedEffect(function () {
     if (containerDimensions.width == null) {
       return;

package/legacy/index.js

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

@@ -105,7 +105,7 @@ var 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',
@@ -119,17 +119,17 @@ var svSEGrid = {
     return "Sluta gruppera efter ".concat(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 var svSE = getGridLocalization(svSEGrid, svSECore);

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/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/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.19
+/** @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/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/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/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.19
+/** @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/node/locales/svSE.js

@@ -106,7 +106,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',
@@ -116,18 +116,18 @@ 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'
 };
 const svSE = (0, _getGridLocalization.getGridLocalization)(svSEGrid, _locale.svSE);
 exports.svSE = svSE;

package/package.json

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