@mui/x-data-grid 6.1.0 → 6.2.0

package/hooks/features/virtualization/useGridVirtualScroller.d.ts

@@ -125,6 +125,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             breakInside?: import("csstype").Property.BreakInside | undefined;
             captionSide?: import("csstype").Property.CaptionSide | undefined;
             caretColor?: import("csstype").Property.CaretColor | undefined;
+            caretShape?: import("csstype").Property.CaretShape | undefined;
             clear?: import("csstype").Property.Clear | undefined;
             clipPath?: import("csstype").Property.ClipPath | undefined;
             color?: import("csstype").Property.Color | undefined;
@@ -139,6 +140,12 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             columnSpan?: import("csstype").Property.ColumnSpan | undefined;
             columnWidth?: import("csstype").Property.ColumnWidth<string | number> | undefined;
             contain?: import("csstype").Property.Contain | undefined;
+            containIntrinsicBlockSize?: import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined;
+            containIntrinsicHeight?: import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined;
+            containIntrinsicInlineSize?: import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined;
+            containIntrinsicWidth?: import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined;
+            containerName?: import("csstype").Property.ContainerName | undefined;
+            containerType?: import("csstype").Property.ContainerType | undefined;
             content?: import("csstype").Property.Content | undefined;
             contentVisibility?: import("csstype").Property.ContentVisibility | undefined;
             counterIncrement?: import("csstype").Property.CounterIncrement | undefined;
@@ -160,6 +167,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             fontKerning?: import("csstype").Property.FontKerning | undefined;
             fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
             fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
+            fontPalette?: import("csstype").Property.FontPalette | undefined;
             fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
             fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
             fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
@@ -170,6 +178,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | undefined;
             fontVariantCaps?: import("csstype").Property.FontVariantCaps | undefined;
             fontVariantEastAsian?: import("csstype").Property.FontVariantEastAsian | undefined;
+            fontVariantEmoji?: import("csstype").Property.FontVariantEmoji | undefined;
             fontVariantLigatures?: import("csstype").Property.FontVariantLigatures | undefined;
             fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
             fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
@@ -189,6 +198,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             hangingPunctuation?: import("csstype").Property.HangingPunctuation | undefined;
             height?: import("csstype").Property.Height<string | number> | undefined;
             hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
+            hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | undefined;
             hyphens?: import("csstype").Property.Hyphens | undefined;
             imageOrientation?: import("csstype").Property.ImageOrientation | undefined;
             imageRendering?: import("csstype").Property.ImageRendering | undefined;
@@ -196,11 +206,8 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             initialLetter?: import("csstype").Property.InitialLetter | undefined;
             inlineSize?: import("csstype").Property.InlineSize<string | number> | undefined;
             inputSecurity?: import("csstype").Property.InputSecurity | undefined;
-            inset?: import("csstype").Property.Inset<string | number> | undefined;
-            insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
             insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
             insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-            insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
             insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
             insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
             isolation?: import("csstype").Property.Isolation | undefined;
@@ -216,16 +223,15 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
             listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
             listStyleType?: import("csstype").Property.ListStyleType | undefined;
-            marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
             marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
             marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
             marginBottom?: import("csstype").Property.MarginBottom<string | number> | undefined;
-            marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
             marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
             marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
             marginLeft?: import("csstype").Property.MarginLeft<string | number> | undefined;
             marginRight?: import("csstype").Property.MarginRight<string | number> | undefined;
             marginTop?: import("csstype").Property.MarginTop<string | number> | undefined;
+            marginTrim?: import("csstype").Property.MarginTrim | undefined;
             maskBorderMode?: import("csstype").Property.MaskBorderMode | undefined;
             maskBorderOutset?: import("csstype").Property.MaskBorderOutset<string | number> | undefined;
             maskBorderRepeat?: import("csstype").Property.MaskBorderRepeat | undefined;
@@ -262,6 +268,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             offsetAnchor?: import("csstype").Property.OffsetAnchor<string | number> | undefined;
             offsetDistance?: import("csstype").Property.OffsetDistance<string | number> | undefined;
             offsetPath?: import("csstype").Property.OffsetPath | undefined;
+            offsetPosition?: import("csstype").Property.OffsetPosition<string | number> | undefined;
             offsetRotate?: import("csstype").Property.OffsetRotate | undefined;
             offsetRotation?: import("csstype").Property.OffsetRotate | undefined;
             opacity?: import("csstype").Property.Opacity | undefined;
@@ -283,23 +290,21 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | undefined;
             overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | undefined;
             overscrollBehaviorY?: import("csstype").Property.OverscrollBehaviorY | undefined;
-            paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
             paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
             paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
             paddingBottom?: import("csstype").Property.PaddingBottom<string | number> | undefined;
-            paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
             paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
             paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
             paddingLeft?: import("csstype").Property.PaddingLeft<string | number> | undefined;
             paddingRight?: import("csstype").Property.PaddingRight<string | number> | undefined;
             paddingTop?: import("csstype").Property.PaddingTop<string | number> | undefined;
+            page?: import("csstype").Property.Page | undefined;
             pageBreakAfter?: import("csstype").Property.PageBreakAfter | undefined;
             pageBreakBefore?: import("csstype").Property.PageBreakBefore | undefined;
             pageBreakInside?: import("csstype").Property.PageBreakInside | undefined;
             paintOrder?: import("csstype").Property.PaintOrder | undefined;
             perspective?: import("csstype").Property.Perspective<string | number> | undefined;
             perspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
-            placeContent?: import("csstype").Property.PlaceContent | undefined;
             pointerEvents?: import("csstype").Property.PointerEvents | undefined;
             position?: import("csstype").Property.Position | undefined;
             printColorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
@@ -313,36 +318,31 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             rubyPosition?: import("csstype").Property.RubyPosition | undefined;
             scale?: import("csstype").Property.Scale | undefined;
             scrollBehavior?: import("csstype").Property.ScrollBehavior | undefined;
-            scrollMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
-            scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number> | undefined;
             scrollMarginBlockEnd?: import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined;
             scrollMarginBlockStart?: import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined;
             scrollMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
-            scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number> | undefined;
             scrollMarginInlineEnd?: import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined;
             scrollMarginInlineStart?: import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined;
             scrollMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
             scrollMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
             scrollMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
-            scrollPadding?: import("csstype").Property.ScrollPadding<string | number> | undefined;
-            scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number> | undefined;
             scrollPaddingBlockEnd?: import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined;
             scrollPaddingBlockStart?: import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined;
             scrollPaddingBottom?: import("csstype").Property.ScrollPaddingBottom<string | number> | undefined;
-            scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number> | undefined;
             scrollPaddingInlineEnd?: import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined;
             scrollPaddingInlineStart?: import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined;
             scrollPaddingLeft?: import("csstype").Property.ScrollPaddingLeft<string | number> | undefined;
             scrollPaddingRight?: import("csstype").Property.ScrollPaddingRight<string | number> | undefined;
             scrollPaddingTop?: import("csstype").Property.ScrollPaddingTop<string | number> | undefined;
             scrollSnapAlign?: import("csstype").Property.ScrollSnapAlign | undefined;
-            scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
             scrollSnapMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
             scrollSnapMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
             scrollSnapMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
             scrollSnapMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
             scrollSnapStop?: import("csstype").Property.ScrollSnapStop | undefined;
             scrollSnapType?: import("csstype").Property.ScrollSnapType | undefined;
+            scrollTimelineAxis?: import("csstype").Property.ScrollTimelineAxis | undefined;
+            scrollTimelineName?: import("csstype").Property.ScrollTimelineName | undefined;
             scrollbarColor?: import("csstype").Property.ScrollbarColor | undefined;
             scrollbarGutter?: import("csstype").Property.ScrollbarGutter | undefined;
             scrollbarWidth?: import("csstype").Property.ScrollbarWidth | undefined;
@@ -387,6 +387,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
             userSelect?: import("csstype").Property.UserSelect | undefined;
             verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
+            viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
             visibility?: import("csstype").Property.Visibility | undefined;
             whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
             widows?: import("csstype").Property.Widows | undefined;
@@ -418,8 +419,11 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             borderStyle?: import("csstype").Property.BorderStyle | undefined;
             borderTop?: import("csstype").Property.BorderTop<string | number> | undefined;
             borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+            caret?: import("csstype").Property.Caret | undefined;
             columnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
             columns?: import("csstype").Property.Columns<string | number> | undefined;
+            containIntrinsicSize?: import("csstype").Property.ContainIntrinsicSize<string | number> | undefined;
+            container?: import("csstype").Property.Container | undefined;
             flex?: import("csstype").Property.Flex<string | number> | undefined;
             flexFlow?: import("csstype").Property.FlexFlow | undefined;
             font?: import("csstype").Property.Font | undefined;
@@ -429,9 +433,14 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             gridColumn?: import("csstype").Property.GridColumn | undefined;
             gridRow?: import("csstype").Property.GridRow | undefined;
             gridTemplate?: import("csstype").Property.GridTemplate | undefined;
+            inset?: import("csstype").Property.Inset<string | number> | undefined;
+            insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
+            insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
             lineClamp?: import("csstype").Property.LineClamp | undefined;
             listStyle?: import("csstype").Property.ListStyle | undefined;
             margin?: import("csstype").Property.Margin<string | number> | undefined;
+            marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
+            marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
             mask?: import("csstype").Property.Mask<string | number> | undefined;
             maskBorder?: import("csstype").Property.MaskBorder | undefined;
             motion?: import("csstype").Property.Offset<string | number> | undefined;
@@ -440,8 +449,19 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             overflow?: import("csstype").Property.Overflow | undefined;
             overscrollBehavior?: import("csstype").Property.OverscrollBehavior | undefined;
             padding?: import("csstype").Property.Padding<string | number> | undefined;
+            paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
+            paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
+            placeContent?: import("csstype").Property.PlaceContent | undefined;
             placeItems?: import("csstype").Property.PlaceItems | undefined;
             placeSelf?: import("csstype").Property.PlaceSelf | undefined;
+            scrollMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
+            scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number> | undefined;
+            scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number> | undefined;
+            scrollPadding?: import("csstype").Property.ScrollPadding<string | number> | undefined;
+            scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number> | undefined;
+            scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number> | undefined;
+            scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
+            scrollTimeline?: import("csstype").Property.ScrollTimeline | undefined;
             textDecoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
             textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
             transition?: import("csstype").Property.Transition<string & {}> | undefined;
@@ -455,6 +475,7 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
             MozAppearance?: import("csstype").Property.MozAppearance | undefined;
             MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
+            MozBinding?: import("csstype").Property.MozBinding | undefined;
             MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | undefined;
             MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
             MozBorderEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
@@ -735,7 +756,6 @@ export declare const useGridVirtualScroller: (props: UseGridVirtualScrollerProps
             MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
             MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
             MozBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
-            MozBinding?: import("csstype").Property.MozBinding | undefined;
             MozBorderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
             MozBorderRadiusBottomleft?: import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined;
             MozBorderRadiusBottomright?: import("csstype").Property.BorderBottomRightRadius<string | number> | undefined;

package/index.js

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

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

@@ -3,11 +3,12 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["item", "applyValue", "apiRef", "focusElementRef"];
 import * as React from 'react';
+import { unstable_useId as useId } from '@mui/utils';
 import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export function GridFilterInputBoolean(props) {
-  var _rootProps$slotProps, _baseSelectProps$nati, _rootProps$slotProps2, _rootProps$slotProps3, _rootProps$slotProps4;
+  var _rootProps$slotProps, _baseSelectProps$nati, _rootProps$slotProps2, _rootProps$slotProps3;
   var item = props.item,
     applyValue = props.applyValue,
     apiRef = props.apiRef,
@@ -18,6 +19,8 @@ export function GridFilterInputBoolean(props) {
     filterValueState = _React$useState2[0],
     setFilterValueState = _React$useState2[1];
   var rootProps = useGridRootProps();
+  var labelId = useId();
+  var selectId = useId();
   var baseSelectProps = ((_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseSelect) || {};
   var isSelectNative = (_baseSelectProps$nati = baseSelectProps.native) != null ? _baseSelectProps$nati : true;
   var baseSelectOptionProps = ((_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseSelectOption) || {};
@@ -31,34 +34,39 @@ export function GridFilterInputBoolean(props) {
   React.useEffect(function () {
     setFilterValueState(item.value || '');
   }, [item.value]);
-  return /*#__PURE__*/_jsxs(rootProps.slots.baseTextField, _extends({
-    // TODO: use baseSelect slot
-    label: apiRef.current.getLocaleText('filterPanelInputLabel'),
-    value: filterValueState,
-    onChange: onFilterChange,
-    select: true,
-    variant: "standard",
-    SelectProps: _extends({
+  var label = apiRef.current.getLocaleText('filterPanelInputLabel');
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(rootProps.slots.baseInputLabel, _extends({}, (_rootProps$slotProps3 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps3.baseInputLabel, {
+      id: labelId,
+      shrink: true,
+      variant: "standard",
+      children: label
+    })), /*#__PURE__*/_jsxs(rootProps.slots.baseSelect, _extends({
+      labelId: labelId,
+      id: selectId,
+      label: label,
+      value: filterValueState,
+      onChange: onFilterChange,
+      variant: "standard",
       native: isSelectNative,
-      displayEmpty: true
-    }, (_rootProps$slotProps3 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps3.baseSelect),
-    InputLabelProps: {
-      shrink: true
-    },
-    inputRef: focusElementRef
-  }, others, (_rootProps$slotProps4 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps4.baseTextField, {
-    children: [/*#__PURE__*/_jsx(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
-      native: isSelectNative,
-      value: "",
-      children: apiRef.current.getLocaleText('filterValueAny')
-    })), /*#__PURE__*/_jsx(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
-      native: isSelectNative,
-      value: "true",
-      children: apiRef.current.getLocaleText('filterValueTrue')
-    })), /*#__PURE__*/_jsx(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
-      native: isSelectNative,
-      value: "false",
-      children: apiRef.current.getLocaleText('filterValueFalse')
+      displayEmpty: true,
+      inputProps: {
+        ref: focusElementRef
+      }
+    }, others, baseSelectProps, {
+      children: [/*#__PURE__*/_jsx(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
+        native: isSelectNative,
+        value: "",
+        children: apiRef.current.getLocaleText('filterValueAny')
+      })), /*#__PURE__*/_jsx(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
+        native: isSelectNative,
+        value: "true",
+        children: apiRef.current.getLocaleText('filterValueTrue')
+      })), /*#__PURE__*/_jsx(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
+        native: isSelectNative,
+        value: "false",
+        children: apiRef.current.getLocaleText('filterValueFalse')
+      }))]
     }))]
-  }));
+  });
 }

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

@@ -10,6 +10,7 @@ import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
 import { getValueFromValueOptions, isSingleSelectColDef } from './filterPanelUtils';
 import { createElement as _createElement } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var renderSingleSelectOptions = function renderSingleSelectOptions(_ref) {
   var _ref$column = _ref.column,
     valueOptions = _ref$column.valueOptions,
@@ -33,7 +34,7 @@ var renderSingleSelectOptions = function renderSingleSelectOptions(_ref) {
   });
 };
 function GridFilterInputSingleSelect(props) {
-  var _item$value, _rootProps$slotProps, _baseSelectProps$nati, _rootProps$slotProps2, _resolvedColumn, _resolvedColumn2, _rootProps$slotProps3, _rootProps$slotProps4;
+  var _item$value, _rootProps$slotProps$, _rootProps$slotProps, _rootProps$slotProps$2, _resolvedColumn, _resolvedColumn2, _rootProps$slotProps2, _rootProps$slotProps3, _rootProps$slotProps4;
   var item = props.item,
     applyValue = props.applyValue,
     type = props.type,
@@ -47,10 +48,9 @@ function GridFilterInputSingleSelect(props) {
     filterValueState = _React$useState2[0],
     setFilterValueState = _React$useState2[1];
   var id = useId();
+  var labelId = useId();
   var rootProps = useGridRootProps();
-  var baseSelectProps = ((_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseSelect) || {};
-  var isSelectNative = (_baseSelectProps$nati = baseSelectProps.native) != null ? _baseSelectProps$nati : true;
-  var baseSelectOptionProps = ((_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseSelectOption) || {};
+  var isSelectNative = (_rootProps$slotProps$ = (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : (_rootProps$slotProps$2 = _rootProps$slotProps.baseSelect) == null ? void 0 : _rootProps$slotProps$2.native) != null ? _rootProps$slotProps$ : true;
   var resolvedColumn = null;
   if (item.field) {
     var column = apiRef.current.getColumn(item.field);
@@ -102,33 +102,37 @@ function GridFilterInputSingleSelect(props) {
   if (!isSingleSelectColDef(resolvedColumn)) {
     return null;
   }
-  return /*#__PURE__*/_jsx(rootProps.slots.baseTextField, _extends({
-    // TODO: use baseSelect slot
-    id: id,
-    label: apiRef.current.getLocaleText('filterPanelInputLabel'),
-    placeholder: apiRef.current.getLocaleText('filterPanelInputPlaceholder'),
-    value: filterValueState,
-    onChange: onFilterChange,
-    variant: "standard",
-    type: type || 'text',
-    InputLabelProps: {
-      shrink: true
-    },
-    inputRef: focusElementRef,
-    select: true,
-    SelectProps: _extends({
+  var label = apiRef.current.getLocaleText('filterPanelInputLabel');
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(rootProps.slots.baseInputLabel, _extends({}, (_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseInputLabel, {
+      id: labelId,
+      shrink: true,
+      variant: "standard",
+      children: label
+    })), /*#__PURE__*/_jsx(rootProps.slots.baseSelect, _extends({
+      id: id,
+      label: label,
+      labelId: labelId,
+      value: filterValueState,
+      onChange: onFilterChange,
+      variant: "standard",
+      type: type || 'text',
+      inputProps: {
+        ref: focusElementRef,
+        placeholder: apiRef.current.getLocaleText('filterPanelInputPlaceholder')
+      },
       native: isSelectNative
-    }, (_rootProps$slotProps3 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps3.baseSelect)
-  }, others, (_rootProps$slotProps4 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps4.baseTextField, {
-    children: renderSingleSelectOptions({
-      column: resolvedColumn,
-      OptionComponent: rootProps.slots.baseSelectOption,
-      getOptionLabel: getOptionLabel,
-      getOptionValue: getOptionValue,
-      isSelectNative: isSelectNative,
-      baseSelectOptionProps: baseSelectOptionProps
-    })
-  }));
+    }, others, (_rootProps$slotProps3 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps3.baseSelect, {
+      children: renderSingleSelectOptions({
+        column: resolvedColumn,
+        OptionComponent: rootProps.slots.baseSelectOption,
+        getOptionLabel: getOptionLabel,
+        getOptionValue: getOptionValue,
+        isSelectNative: isSelectNative,
+        baseSelectOptionProps: (_rootProps$slotProps4 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps4.baseSelectOption
+      })
+    }))]
+  });
 }
 process.env.NODE_ENV !== "production" ? GridFilterInputSingleSelect.propTypes = {
   // ----------------------------- Warning --------------------------------

package/legacy/hooks/features/rowSelection/useGridRowSelection.js

@@ -12,7 +12,7 @@ import { gridExpandedSortedRowIdsSelector } from '../filter/gridFilterSelector';
 import { GRID_CHECKBOX_SELECTION_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from '../../../colDef';
 import { GridCellModes } from '../../../models/gridEditRowModel';
 import { isKeyboardEvent, isNavigationKey } from '../../../utils/keyboardUtils';
-import { getVisibleRows, useGridVisibleRows } from '../../utils/useGridVisibleRows';
+import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '../../../constants/gridDetailPanelToggleField';
 import { gridClasses } from '../../../constants/gridClasses';
 var getSelectionModelPropValue = function getSelectionModelPropValue(selectionModelProp, prevSelectionModel) {
@@ -63,8 +63,6 @@ export var useGridRowSelection = function useGridRowSelection(apiRef, props) {
   var checkboxSelection = props.checkboxSelection,
     disableMultipleRowSelection = props.disableMultipleRowSelection,
     disableRowSelectionOnClick = props.disableRowSelectionOnClick,
-    pagination = props.pagination,
-    paginationMode = props.paginationMode,
     propIsRowSelectable = props.isRowSelectable;
   var canHaveMultipleSelection = !disableMultipleRowSelection || checkboxSelection;
   var visibleRows = useGridVisibleRows(apiRef, props);
@@ -408,30 +406,13 @@ export var useGridRowSelection = function useGridRowSelection(apiRef, props) {
     }
   }, [apiRef, isRowSelectable, isStateControlled, props.rowSelection]);
   React.useEffect(function () {
-    if (!props.rowSelection) {
+    if (!props.rowSelection || isStateControlled) {
       return;
     }
     var currentSelection = gridRowSelectionStateSelector(apiRef.current.state);
     if (!canHaveMultipleSelection && currentSelection.length > 1) {
-      var _getVisibleRows = getVisibleRows(apiRef, {
-          pagination: pagination,
-          paginationMode: paginationMode
-        }),
-        currentPageRows = _getVisibleRows.rows;
-      var currentPageRowsLookup = currentPageRows.reduce(function (acc, _ref4) {
-        var id = _ref4.id;
-        acc[id] = true;
-        return acc;
-      }, {});
-      var firstSelectableRow = currentSelection.find(function (id) {
-        var isSelectable = true;
-        if (isRowSelectable) {
-          isSelectable = isRowSelectable(id);
-        }
-        return isSelectable && currentPageRowsLookup[id]; // Check if the row is in the current page
-      });
-
-      apiRef.current.setRowSelectionModel(firstSelectableRow !== undefined ? [firstSelectableRow] : []);
+      // See https://github.com/mui/mui-x/issues/8455
+      apiRef.current.setRowSelectionModel([]);
     }
-  }, [apiRef, canHaveMultipleSelection, checkboxSelection, disableMultipleRowSelection, isRowSelectable, pagination, paginationMode, props.rowSelection]);
+  }, [apiRef, canHaveMultipleSelection, checkboxSelection, isStateControlled, props.rowSelection]);
 };

package/legacy/index.js

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

package/legacy/locales/frFR.js

@@ -123,15 +123,13 @@ var frFRGrid = {
   expandDetailPanel: 'Afficher',
   collapseDetailPanel: 'Masquer',
   // Row reordering text
-  rowReorderingHeaderName: 'Positionnement des lignes'
-
+  rowReorderingHeaderName: 'Positionnement des lignes',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Agrégation',
+  aggregationFunctionLabelSum: 'Somme',
+  aggregationFunctionLabelAvg: 'Moyenne',
+  aggregationFunctionLabelMin: 'Minimum',
+  aggregationFunctionLabelMax: 'Maximum',
+  aggregationFunctionLabelSize: "Nombre d'éléments"
 };
-
 export var frFR = getGridLocalization(frFRGrid, frFRCore);

package/legacy/locales/urPK.js

@@ -125,11 +125,11 @@ var urPKGrid = {
   // Row reordering text
   rowReorderingHeaderName: 'قطاروں کی ترتیب تبدیل کریں',
   // Aggregation
-  aggregationMenuItemHeader: 'Aggregation',
-  aggregationFunctionLabelSum: 'sum',
-  aggregationFunctionLabelAvg: 'avg',
-  aggregationFunctionLabelMin: 'min',
-  aggregationFunctionLabelMax: 'max',
-  aggregationFunctionLabelSize: 'size'
+  aggregationMenuItemHeader: 'ایگریگیشن',
+  aggregationFunctionLabelSum: 'کل',
+  aggregationFunctionLabelAvg: 'اوسط',
+  aggregationFunctionLabelMin: 'کم از کم',
+  aggregationFunctionLabelMax: 'زیادہ سے زیادہ',
+  aggregationFunctionLabelSize: 'سائز'
 };
 export var urPK = getGridLocalization(urPKGrid, urPKCore);

package/legacy/utils/utils.js

@@ -36,7 +36,7 @@ export var clamp = function clamp(value, min, max) {
 /**
  * Based on `fast-deep-equal`
  *
- *  MIT License
+ * MIT License
  *
  * Copyright (c) 2017 Evgeny Poberezkin
  *

package/locales/frFR.js

@@ -111,15 +111,13 @@ const frFRGrid = {
   expandDetailPanel: 'Afficher',
   collapseDetailPanel: 'Masquer',
   // Row reordering text
-  rowReorderingHeaderName: 'Positionnement des lignes'
-
+  rowReorderingHeaderName: 'Positionnement des lignes',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Agrégation',
+  aggregationFunctionLabelSum: 'Somme',
+  aggregationFunctionLabelAvg: 'Moyenne',
+  aggregationFunctionLabelMin: 'Minimum',
+  aggregationFunctionLabelMax: 'Maximum',
+  aggregationFunctionLabelSize: "Nombre d'éléments"
 };
-
 export const frFR = getGridLocalization(frFRGrid, frFRCore);

package/locales/urPK.js

@@ -113,11 +113,11 @@ const urPKGrid = {
   // Row reordering text
   rowReorderingHeaderName: 'قطاروں کی ترتیب تبدیل کریں',
   // Aggregation
-  aggregationMenuItemHeader: 'Aggregation',
-  aggregationFunctionLabelSum: 'sum',
-  aggregationFunctionLabelAvg: 'avg',
-  aggregationFunctionLabelMin: 'min',
-  aggregationFunctionLabelMax: 'max',
-  aggregationFunctionLabelSize: 'size'
+  aggregationMenuItemHeader: 'ایگریگیشن',
+  aggregationFunctionLabelSum: 'کل',
+  aggregationFunctionLabelAvg: 'اوسط',
+  aggregationFunctionLabelMin: 'کم از کم',
+  aggregationFunctionLabelMax: 'زیادہ سے زیادہ',
+  aggregationFunctionLabelSize: 'سائز'
 };
 export const urPK = getGridLocalization(urPKGrid, urPKCore);