@mui/x-data-grid 8.11.2 → 8.11.3

package/CHANGELOG.md

@@ -5,6 +5,92 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.11.3
+
+_Sep 16, 2025_
+
+We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to the community members for their valuable contributions:
+@sai6855
+
+The following are all team members who have contributed to this release:
+@alexfauquette, @bernardobelchior, @brijeshb42, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @LukasTy, @rita-codes, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.11.3`
+
+- [DataGrid] Fix numeric font size not being applied (#19552) @cherniavskii
+- [DataGrid] Improve `operator` types to display literal values (#19529) @siriwatknp
+
+#### `@mui/x-data-grid-pro@8.11.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+
+Same changes as in `@mui/x-data-grid@8.11.3`.
+
+#### `@mui/x-data-grid-premium@8.11.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan")
+
+Same changes as in `@mui/x-data-grid-pro@8.11.3`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.11.3`
+
+- [pickers] Refactor `slots` and `slotProps` propagation strategy (#18867) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.11.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+
+Same changes as in `@mui/x-date-pickers@8.11.3`.
+
+### Charts
+
+#### `@mui/x-charts@8.11.3`
+
+- [charts] Add `inline-` piecewise legend options (#19382) @JCQuintas
+- [charts] Add bar gradient example (#19174) @bernardobelchior
+- [charts] Ignore empty tick labels in label overlap computation (#19547) @alexfauquette
+- [charts] Rename `isBandScale` to `isDiscreteScale` (#19514) @bernardobelchior
+- [charts] Fix legend position affecting toolbar's position (#19257) @sai6855
+
+#### `@mui/x-charts-pro@8.11.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+
+Same changes as in `@mui/x-charts@8.11.3`, plus:
+
+- [charts-pro] Add chart title and caption to export demo (#19524) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@8.11.3`
+
+- [tree view] Stop looping through all items to publish the `removeItem` event (#19500) @flaviendelangle
+- [tree view] Support flat DOM structure (#19350) @flaviendelangle
+- [tree view] Update cursor styles for disabled TreeItem (#19548) @sai6855
+
+#### `@mui/x-tree-view-pro@8.11.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+
+Same changes as in `@mui/x-tree-view@8.11.3`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.11.3`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add styling row group recipe (#19349) @siriwatknp
+- [docs] Group demos data into the dataset folder (#19549) @alexfauquette
+- [docs] Add `shiny` bar chart example at the top  (#19416) @JCQuintas
+
+### Core
+
+- [code-infra] Axios update (#19577) @Janpot
+- [code-infra] Remove usage of copy-files command from code-infra (#19518) @brijeshb42
+- [internal] Fix naming to match convention @oliviertassinari
+
 ## 8.11.2
 
 _Sep 10, 2025_

package/components/GridShadowScrollArea.js

@@ -86,8 +86,8 @@ const GridShadowScrollArea = exports.GridShadowScrollArea = (0, _forwardRef.forw
   const {
       children
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ShadowScrollArea, (0, _extends2.default)({}, rest, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ShadowScrollArea, (0, _extends2.default)({}, other, {
     ref: ref,
     children: children
   }));

package/components/GridSkeletonLoadingOverlay.js

@@ -70,7 +70,7 @@ const GridSkeletonLoadingOverlayInner = exports.GridSkeletonLoadingOverlayInner
       visibleColumns,
       showFirstRowBorder
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const allVisibleColumns = (0, _hooks.useGridSelector)(apiRef, _hooks.gridVisibleColumnDefinitionsSelector);
   const columns = React.useMemo(() => allVisibleColumns.slice(0, inViewportCount), [allVisibleColumns, inViewportCount]);
   const pinnedColumns = (0, _hooks.useGridSelector)(apiRef, _hooks.gridVisiblePinnedColumnDefinitionsSelector);
@@ -189,7 +189,7 @@ const GridSkeletonLoadingOverlayInner = exports.GridSkeletonLoadingOverlayInner
   (0, _hooks.useGridEvent)(apiRef, 'columnResize', handleColumnResize);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(SkeletonOverlay, (0, _extends2.default)({
     className: classes.root
-  }, rest, {
+  }, other, {
     ref: handleRef,
     children: children
   }));

package/components/panel/filterPanel/GridFilterInputBoolean.js

@@ -28,7 +28,7 @@ function GridFilterInputBoolean(props) {
       tabIndex,
       slotProps
     } = props,
-    others = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const [filterValueState, setFilterValueState] = React.useState(sanitizeFilterItemValue(item.value));
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const labelId = (0, _useId.default)();
@@ -63,7 +63,7 @@ function GridFilterInputBoolean(props) {
           tabIndex
         }, rootSlotProps?.htmlInput)
       }
-    }, baseSelectProps, others, slotProps?.root, {
+    }, baseSelectProps, other, slotProps?.root, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseSelectOption, (0, _extends2.default)({}, baseSelectOptionProps, {
         native: isSelectNative,
         value: "",

package/components/panel/filterPanel/GridFilterInputSingleSelect.js

@@ -50,7 +50,7 @@ function GridFilterInputSingleSelect(props) {
       headerFilterMenu,
       slotProps
     } = props,
-    others = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const filterValue = item.value ?? '';
   const id = (0, _useId.default)();
   const labelId = (0, _useId.default)();
@@ -92,7 +92,7 @@ function GridFilterInputSingleSelect(props) {
         }, slotProps?.root.slotProps?.htmlInput)
       },
       native: isSelectNative
-    }, rootProps.slotProps?.baseSelect, others, slotProps?.root, {
+    }, rootProps.slotProps?.baseSelect, other, slotProps?.root, {
       children: renderSingleSelectOptions({
         column: resolvedColumn,
         OptionComponent: rootProps.slots.baseSelectOption,

package/components/panel/filterPanel/GridFilterInputValue.js

@@ -29,7 +29,7 @@ function GridFilterInputValue(props) {
       clearButton,
       headerFilterMenu
     } = props,
-    others = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const textFieldProps = slotProps?.root;
   const filterTimeout = (0, _useTimeout.useTimeout)();
   const [filterValueState, setFilterValueState] = React.useState(sanitizeFilterItemValue(item.value));
@@ -76,7 +76,7 @@ function GridFilterInputValue(props) {
         }, textFieldProps?.slotProps?.htmlInput)
       }),
       inputRef: focusElementRef
-    }, rootProps.slotProps?.baseTextField, others, textFieldProps)), headerFilterMenu, clearButton]
+    }, rootProps.slotProps?.baseTextField, other, textFieldProps)), headerFilterMenu, clearButton]
   });
 }
 function sanitizeFilterItemValue(value) {

package/components/quickFilter/QuickFilterControl.js

@@ -126,6 +126,6 @@ process.env.NODE_ENV !== "production" ? QuickFilterControl.propTypes = {
   slotProps: _propTypes.default.object,
   style: _propTypes.default.object,
   tabIndex: _propTypes.default.number,
-  type: _propTypes.default.oneOfType([_propTypes.default.oneOf(['button', 'checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'hidden', 'image', 'month', 'number', 'password', 'radio', 'range', 'reset', 'search', 'submit', 'tel', 'text', 'time', 'url', 'week']), _propTypes.default.object]),
+  type: _propTypes.default.string,
   value: _propTypes.default.string
 } : void 0;

package/esm/components/GridShadowScrollArea.js

@@ -78,8 +78,8 @@ const GridShadowScrollArea = forwardRef(function GridShadowScrollArea(props, ref
   const {
       children
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/_jsx(ShadowScrollArea, _extends({}, rest, {
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  return /*#__PURE__*/_jsx(ShadowScrollArea, _extends({}, other, {
     ref: ref,
     children: children
   }));

package/esm/components/GridSkeletonLoadingOverlay.js

@@ -62,7 +62,7 @@ export const GridSkeletonLoadingOverlayInner = forwardRef(function GridSkeletonL
       visibleColumns,
       showFirstRowBorder
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const allVisibleColumns = useGridSelector(apiRef, gridVisibleColumnDefinitionsSelector);
   const columns = React.useMemo(() => allVisibleColumns.slice(0, inViewportCount), [allVisibleColumns, inViewportCount]);
   const pinnedColumns = useGridSelector(apiRef, gridVisiblePinnedColumnDefinitionsSelector);
@@ -181,7 +181,7 @@ export const GridSkeletonLoadingOverlayInner = forwardRef(function GridSkeletonL
   useGridEvent(apiRef, 'columnResize', handleColumnResize);
   return /*#__PURE__*/_jsx(SkeletonOverlay, _extends({
     className: classes.root
-  }, rest, {
+  }, other, {
     ref: handleRef,
     children: children
   }));

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

@@ -20,7 +20,7 @@ function GridFilterInputBoolean(props) {
       tabIndex,
       slotProps
     } = props,
-    others = _objectWithoutPropertiesLoose(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const [filterValueState, setFilterValueState] = React.useState(sanitizeFilterItemValue(item.value));
   const rootProps = useGridRootProps();
   const labelId = useId();
@@ -55,7 +55,7 @@ function GridFilterInputBoolean(props) {
           tabIndex
         }, rootSlotProps?.htmlInput)
       }
-    }, baseSelectProps, others, slotProps?.root, {
+    }, baseSelectProps, other, slotProps?.root, {
       children: [/*#__PURE__*/_jsx(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
         native: isSelectNative,
         value: "",

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

@@ -42,7 +42,7 @@ function GridFilterInputSingleSelect(props) {
       headerFilterMenu,
       slotProps
     } = props,
-    others = _objectWithoutPropertiesLoose(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const filterValue = item.value ?? '';
   const id = useId();
   const labelId = useId();
@@ -84,7 +84,7 @@ function GridFilterInputSingleSelect(props) {
         }, slotProps?.root.slotProps?.htmlInput)
       },
       native: isSelectNative
-    }, rootProps.slotProps?.baseSelect, others, slotProps?.root, {
+    }, rootProps.slotProps?.baseSelect, other, slotProps?.root, {
       children: renderSingleSelectOptions({
         column: resolvedColumn,
         OptionComponent: rootProps.slots.baseSelectOption,

package/esm/components/panel/filterPanel/GridFilterInputValue.js

@@ -22,7 +22,7 @@ function GridFilterInputValue(props) {
       clearButton,
       headerFilterMenu
     } = props,
-    others = _objectWithoutPropertiesLoose(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const textFieldProps = slotProps?.root;
   const filterTimeout = useTimeout();
   const [filterValueState, setFilterValueState] = React.useState(sanitizeFilterItemValue(item.value));
@@ -69,7 +69,7 @@ function GridFilterInputValue(props) {
         }, textFieldProps?.slotProps?.htmlInput)
       }),
       inputRef: focusElementRef
-    }, rootProps.slotProps?.baseTextField, others, textFieldProps)), headerFilterMenu, clearButton]
+    }, rootProps.slotProps?.baseTextField, other, textFieldProps)), headerFilterMenu, clearButton]
   });
 }
 function sanitizeFilterItemValue(value) {

package/esm/components/quickFilter/QuickFilterControl.js

@@ -118,7 +118,7 @@ process.env.NODE_ENV !== "production" ? QuickFilterControl.propTypes = {
   slotProps: PropTypes.object,
   style: PropTypes.object,
   tabIndex: PropTypes.number,
-  type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'hidden', 'image', 'month', 'number', 'password', 'radio', 'range', 'reset', 'search', 'submit', 'tel', 'text', 'time', 'url', 'week']), PropTypes.object]),
+  type: PropTypes.string,
   value: PropTypes.string
 } : void 0;
 export { QuickFilterControl };

package/esm/hooks/features/rows/gridRowsSelector.d.ts

@@ -13,12 +13,18 @@ export declare const gridTopLevelRowCountSelector: (args_0: import("react").RefO
 export declare const gridRowsLookupSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>) => import("@mui/x-data-grid").GridRowIdToModelLookup<import("@mui/x-data-grid").GridValidRowModel>;
+/**
+ * @category Rows
+ */
 export declare const gridRowSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>, id: GridRowId) => import("@mui/x-data-grid").GridValidRowModel;
 export declare const gridRowTreeSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>) => import("@mui/x-data-grid").GridRowTreeConfig;
+/**
+ * @category Rows
+ */
 export declare const gridRowNodeSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>, rowId: GridRowId) => import("@mui/x-data-grid").GridTreeNode;

package/esm/hooks/features/rows/gridRowsSelector.js

@@ -6,8 +6,16 @@ export const gridTopLevelRowCountSelector = createSelector(gridRowsStateSelector
 
 // TODO rows v6: Rename
 export const gridRowsLookupSelector = createSelector(gridRowsStateSelector, rows => rows.dataRowIdToModelLookup);
+
+/**
+ * @category Rows
+ */
 export const gridRowSelector = createSelector(gridRowsLookupSelector, (rows, id) => rows[id]);
 export const gridRowTreeSelector = createSelector(gridRowsStateSelector, rows => rows.tree);
+
+/**
+ * @category Rows
+ */
 export const gridRowNodeSelector = createSelector(gridRowTreeSelector, (rowTree, rowId) => rowTree[rowId]);
 export const gridRowGroupsToFetchSelector = createSelector(gridRowsStateSelector, rows => rows.groupsToFetch);
 export const gridRowGroupingNameSelector = createSelector(gridRowsStateSelector, rows => rows.groupingName);

package/esm/hooks/features/rows/index.d.ts

@@ -1,5 +1,5 @@
 export * from "./gridRowsMetaSelector.js";
 export * from "./gridRowsMetaState.js";
-export { gridRowCountSelector, gridRowsLoadingSelector, gridTopLevelRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridRowMaximumTreeDepthSelector, gridDataRowIdsSelector, gridRowNodeSelector } from "./gridRowsSelector.js";
+export { gridRowCountSelector, gridRowsLoadingSelector, gridTopLevelRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridRowMaximumTreeDepthSelector, gridDataRowIdsSelector, gridRowNodeSelector, gridRowSelector } from "./gridRowsSelector.js";
 export type { GridRowsState, GridRowIdToModelLookup } from "./gridRowsInterfaces.js";
 export { GRID_ROOT_GROUP_ID, checkGridRowIdIsValid, isAutogeneratedRow } from "./gridRowsUtils.js";

package/esm/hooks/features/rows/index.js

@@ -1,4 +1,4 @@
 export * from "./gridRowsMetaSelector.js";
 export * from "./gridRowsMetaState.js";
-export { gridRowCountSelector, gridRowsLoadingSelector, gridTopLevelRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridRowMaximumTreeDepthSelector, gridDataRowIdsSelector, gridRowNodeSelector } from "./gridRowsSelector.js";
+export { gridRowCountSelector, gridRowsLoadingSelector, gridTopLevelRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridRowMaximumTreeDepthSelector, gridDataRowIdsSelector, gridRowNodeSelector, gridRowSelector } from "./gridRowsSelector.js";
 export { GRID_ROOT_GROUP_ID, checkGridRowIdIsValid, isAutogeneratedRow } from "./gridRowsUtils.js";

package/esm/index.js

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

package/esm/material/index.js

@@ -134,7 +134,7 @@ const BaseSelect = forwardRef(function BaseSelect(props, ref) {
       style,
       fullWidth
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const menuProps = {
     PaperProps: {
       onKeyDown
@@ -162,7 +162,7 @@ const BaseSelect = forwardRef(function BaseSelect(props, ref) {
       displayEmpty: true,
       onChange: onChange,
       variant: "outlined"
-    }, rest, {
+    }, other, {
       notched: true,
       inputProps: slotProps?.htmlInput,
       onOpen: onOpen,
@@ -194,7 +194,7 @@ const BasePagination = forwardRef(function BasePagination(props, ref) {
       material,
       disabled
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded2);
+    other = _objectWithoutPropertiesLoose(props, _excluded2);
   const computedProps = React.useMemo(() => {
     if (!disabled) {
       return undefined;
@@ -223,7 +223,7 @@ const BasePagination = forwardRef(function BasePagination(props, ref) {
       estimated: estimatedRowCount
     })),
     getItemAriaLabel: apiRef.current.getLocaleText('paginationItemAriaLabel')
-  }, computedProps, rest, material, {
+  }, computedProps, other, material, {
     ref: ref
   }));
 });
@@ -232,8 +232,8 @@ const BaseBadge = forwardRef(function BaseBadge(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded3);
-  return /*#__PURE__*/_jsx(MUIBadge, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded3);
+  return /*#__PURE__*/_jsx(MUIBadge, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -287,8 +287,8 @@ const BaseCircularProgress = forwardRef(function BaseCircularProgress(props, ref
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded5);
-  return /*#__PURE__*/_jsx(MUICircularProgress, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded5);
+  return /*#__PURE__*/_jsx(MUICircularProgress, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -297,8 +297,8 @@ const BaseDivider = forwardRef(function BaseDivider(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded6);
-  return /*#__PURE__*/_jsx(MUIDivider, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded6);
+  return /*#__PURE__*/_jsx(MUIDivider, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -307,8 +307,8 @@ const BaseLinearProgress = forwardRef(function BaseLinearProgress(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded7);
-  return /*#__PURE__*/_jsx(MUILinearProgress, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded7);
+  return /*#__PURE__*/_jsx(MUILinearProgress, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -317,8 +317,8 @@ const BaseButton = forwardRef(function BaseButton(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded8);
-  return /*#__PURE__*/_jsx(MUIButton, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded8);
+  return /*#__PURE__*/_jsx(MUIButton, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -327,8 +327,8 @@ const BaseChip = forwardRef(function BaseChip(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded9);
-  return /*#__PURE__*/_jsx(MUIChip, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded9);
+  return /*#__PURE__*/_jsx(MUIChip, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -337,8 +337,8 @@ const BaseIconButton = forwardRef(function BaseIconButton(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded0);
-  return /*#__PURE__*/_jsx(MUIIconButton, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded0);
+  return /*#__PURE__*/_jsx(MUIIconButton, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -347,8 +347,8 @@ const BaseTooltip = forwardRef(function BaseTooltip(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded1);
-  return /*#__PURE__*/_jsx(MUITooltip, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded1);
+  return /*#__PURE__*/_jsx(MUITooltip, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -357,8 +357,8 @@ const BaseSkeleton = forwardRef(function BaseSkeleton(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded10);
-  return /*#__PURE__*/_jsx(MUISkeleton, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded10);
+  return /*#__PURE__*/_jsx(MUISkeleton, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -369,16 +369,16 @@ const BaseSwitch = forwardRef(function BaseSwitch(props, ref) {
       label,
       className
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded11);
+    other = _objectWithoutPropertiesLoose(props, _excluded11);
   if (!label) {
-    return /*#__PURE__*/_jsx(MUISwitch, _extends({}, rest, material, {
+    return /*#__PURE__*/_jsx(MUISwitch, _extends({}, other, material, {
       className: className,
       ref: ref
     }));
   }
   return /*#__PURE__*/_jsx(FormControlLabel, {
     className: className,
-    control: /*#__PURE__*/_jsx(MUISwitch, _extends({}, rest, material, {
+    control: /*#__PURE__*/_jsx(MUISwitch, _extends({}, other, material, {
       ref: ref
     })),
     label: label
@@ -389,8 +389,8 @@ const BaseMenuList = forwardRef(function BaseMenuList(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded12);
-  return /*#__PURE__*/_jsx(MUIMenuList, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded12);
+  return /*#__PURE__*/_jsx(MUIMenuList, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -422,10 +422,10 @@ function BaseTextField(props) {
       slotProps,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded14);
+    other = _objectWithoutPropertiesLoose(props, _excluded14);
   return /*#__PURE__*/_jsx(MUITextField, _extends({
     variant: "outlined"
-  }, rest, material, {
+  }, other, material, {
     inputProps: slotProps?.htmlInput,
     InputProps: transformInputProps(slotProps?.input),
     InputLabelProps: _extends({
@@ -449,7 +449,7 @@ function BaseAutocomplete(props) {
       slotProps,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded15);
+    other = _objectWithoutPropertiesLoose(props, _excluded15);
   return /*#__PURE__*/_jsx(MUIAutocomplete, _extends({
     id: id,
     multiple: multiple,
@@ -490,7 +490,7 @@ function BaseAutocomplete(props) {
         }, InputLabelProps)
       }, slotProps?.textField, rootProps.slotProps?.baseTextField));
     }
-  }, rest, material));
+  }, other, material));
 }
 function BaseInput(props) {
   return /*#__PURE__*/_jsx(MUIInputBase, _extends({}, transformInputProps(props)));
@@ -503,8 +503,8 @@ function transformInputProps(props, wrapAdornments = true) {
       slotProps,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded18);
-  const result = rest;
+    other = _objectWithoutPropertiesLoose(props, _excluded18);
+  const result = other;
   if (wrapAdornments) {
     if (result.startAdornment) {
       result.startAdornment = /*#__PURE__*/_jsx(InputAdornment, {
@@ -552,7 +552,7 @@ function BasePopper(props) {
       placement,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded19);
+    other = _objectWithoutPropertiesLoose(props, _excluded19);
   const modifiers = React.useMemo(() => {
     const result = [{
       name: 'preventOverflow',
@@ -614,7 +614,7 @@ function BasePopper(props) {
     transition: transition,
     placement: placement,
     modifiers: modifiers
-  }, rest, material, {
+  }, other, material, {
     children: content
   }));
 }

package/esm/material/variables.js

@@ -97,7 +97,8 @@ function formatFont(font) {
   if (!font) {
     return undefined;
   }
-  return `${font.fontWeight} ${font.fontSize} / ${font.lineHeight} ${font.fontFamily}`;
+  const fontSize = typeof font.fontSize === 'number' ? `${font.fontSize}px` : font.fontSize;
+  return `${font.fontWeight} ${fontSize} / ${font.lineHeight} ${font.fontFamily}`;
 }
 
 /**

package/esm/models/gridFilterItem.d.ts

@@ -1,3 +1,4 @@
+import { GridBaseColDef } from "./colDef/gridColDef.js";
 /**
  * Filter item definition interface.
  * @demos
@@ -12,7 +13,7 @@ export interface GridFilterItem {
   /**
    * The column from which we want to filter the rows.
    */
-  field: string;
+  field: GridBaseColDef['field'];
   /**
    * The filtering value.
    * The operator filtering function will decide for each row if the row values is correct compared to this value.
@@ -20,8 +21,9 @@ export interface GridFilterItem {
   value?: any;
   /**
    * The name of the operator we want to apply.
+   * A custom operator is supported by providing any string value.
    */
-  operator: string;
+  operator: 'contains' | 'doesNotContain' | 'equals' | 'doesNotEqual' | 'startsWith' | 'endsWith' | '=' | '!=' | '>' | '>=' | '<' | '<=' | 'is' | 'not' | 'after' | 'onOrAfter' | 'before' | 'onOrBefore' | 'isEmpty' | 'isNotEmpty' | 'isAnyOf' | (string & {});
 }
 declare enum GridLogicOperator {
   And = "and",

package/esm/models/gridFilterOperator.d.ts

@@ -25,7 +25,7 @@ export interface GridFilterOperator<R extends GridValidRowModel = any, V = any,
    * The name of the filter operator.
    * It will be matched with the `operator` property of the filter items.
    */
-  value: string;
+  value: GridFilterItem['operator'];
   /**
    * The callback that generates a filtering function for a given filter item and column.
    * This function can return `null` to skip filtering for this item and column.

package/hooks/features/rows/gridRowsSelector.d.ts

@@ -13,12 +13,18 @@ export declare const gridTopLevelRowCountSelector: (args_0: import("react").RefO
 export declare const gridRowsLookupSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>) => import("@mui/x-data-grid").GridRowIdToModelLookup<import("@mui/x-data-grid").GridValidRowModel>;
+/**
+ * @category Rows
+ */
 export declare const gridRowSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>, id: GridRowId) => import("@mui/x-data-grid").GridValidRowModel;
 export declare const gridRowTreeSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>) => import("@mui/x-data-grid").GridRowTreeConfig;
+/**
+ * @category Rows
+ */
 export declare const gridRowNodeSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>, rowId: GridRowId) => import("@mui/x-data-grid").GridTreeNode;

package/hooks/features/rows/gridRowsSelector.js

@@ -12,8 +12,16 @@ const gridTopLevelRowCountSelector = exports.gridTopLevelRowCountSelector = (0,
 
 // TODO rows v6: Rename
 const gridRowsLookupSelector = exports.gridRowsLookupSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.dataRowIdToModelLookup);
+
+/**
+ * @category Rows
+ */
 const gridRowSelector = exports.gridRowSelector = (0, _createSelector.createSelector)(gridRowsLookupSelector, (rows, id) => rows[id]);
 const gridRowTreeSelector = exports.gridRowTreeSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.tree);
+
+/**
+ * @category Rows
+ */
 const gridRowNodeSelector = exports.gridRowNodeSelector = (0, _createSelector.createSelector)(gridRowTreeSelector, (rowTree, rowId) => rowTree[rowId]);
 const gridRowGroupsToFetchSelector = exports.gridRowGroupsToFetchSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.groupsToFetch);
 const gridRowGroupingNameSelector = exports.gridRowGroupingNameSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.groupingName);

package/hooks/features/rows/index.d.ts

@@ -1,5 +1,5 @@
 export * from "./gridRowsMetaSelector.js";
 export * from "./gridRowsMetaState.js";
-export { gridRowCountSelector, gridRowsLoadingSelector, gridTopLevelRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridRowMaximumTreeDepthSelector, gridDataRowIdsSelector, gridRowNodeSelector } from "./gridRowsSelector.js";
+export { gridRowCountSelector, gridRowsLoadingSelector, gridTopLevelRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridRowMaximumTreeDepthSelector, gridDataRowIdsSelector, gridRowNodeSelector, gridRowSelector } from "./gridRowsSelector.js";
 export type { GridRowsState, GridRowIdToModelLookup } from "./gridRowsInterfaces.js";
 export { GRID_ROOT_GROUP_ID, checkGridRowIdIsValid, isAutogeneratedRow } from "./gridRowsUtils.js";

package/hooks/features/rows/index.js

@@ -14,6 +14,7 @@ var _exportNames = {
   gridRowMaximumTreeDepthSelector: true,
   gridDataRowIdsSelector: true,
   gridRowNodeSelector: true,
+  gridRowSelector: true,
   GRID_ROOT_GROUP_ID: true,
   checkGridRowIdIsValid: true,
   isAutogeneratedRow: true
@@ -60,6 +61,12 @@ Object.defineProperty(exports, "gridRowNodeSelector", {
     return _gridRowsSelector.gridRowNodeSelector;
   }
 });
+Object.defineProperty(exports, "gridRowSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridRowsSelector.gridRowSelector;
+  }
+});
 Object.defineProperty(exports, "gridRowTreeDepthsSelector", {
   enumerable: true,
   get: function () {

package/index.js

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

package/material/index.js

@@ -147,7 +147,7 @@ const BaseSelect = (0, _forwardRef.forwardRef)(function BaseSelect(props, ref) {
       style,
       fullWidth
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const menuProps = {
     PaperProps: {
       onKeyDown
@@ -175,7 +175,7 @@ const BaseSelect = (0, _forwardRef.forwardRef)(function BaseSelect(props, ref) {
       displayEmpty: true,
       onChange: onChange,
       variant: "outlined"
-    }, rest, {
+    }, other, {
       notched: true,
       inputProps: slotProps?.htmlInput,
       onOpen: onOpen,
@@ -207,7 +207,7 @@ const BasePagination = (0, _forwardRef.forwardRef)(function BasePagination(props
       material,
       disabled
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
   const computedProps = React.useMemo(() => {
     if (!disabled) {
       return undefined;
@@ -236,7 +236,7 @@ const BasePagination = (0, _forwardRef.forwardRef)(function BasePagination(props
       estimated: estimatedRowCount
     })),
     getItemAriaLabel: apiRef.current.getLocaleText('paginationItemAriaLabel')
-  }, computedProps, rest, material, {
+  }, computedProps, other, material, {
     ref: ref
   }));
 });
@@ -245,8 +245,8 @@ const BaseBadge = (0, _forwardRef.forwardRef)(function BaseBadge(props, ref) {
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded3);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded3);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -300,8 +300,8 @@ const BaseCircularProgress = (0, _forwardRef.forwardRef)(function BaseCircularPr
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded5);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded5);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -310,8 +310,8 @@ const BaseDivider = (0, _forwardRef.forwardRef)(function BaseDivider(props, ref)
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded6);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded6);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -320,8 +320,8 @@ const BaseLinearProgress = (0, _forwardRef.forwardRef)(function BaseLinearProgre
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded7);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinearProgress.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded7);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinearProgress.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -330,8 +330,8 @@ const BaseButton = (0, _forwardRef.forwardRef)(function BaseButton(props, ref) {
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded8);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded8);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -340,8 +340,8 @@ const BaseChip = (0, _forwardRef.forwardRef)(function BaseChip(props, ref) {
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded9);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded9);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -350,8 +350,8 @@ const BaseIconButton = (0, _forwardRef.forwardRef)(function BaseIconButton(props
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded0);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded0);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -360,8 +360,8 @@ const BaseTooltip = (0, _forwardRef.forwardRef)(function BaseTooltip(props, ref)
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded1);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded1);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -370,8 +370,8 @@ const BaseSkeleton = (0, _forwardRef.forwardRef)(function BaseSkeleton(props, re
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded10);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded10);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -382,16 +382,16 @@ const BaseSwitch = (0, _forwardRef.forwardRef)(function BaseSwitch(props, ref) {
       label,
       className
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded11);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded11);
   if (!label) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _extends2.default)({}, rest, material, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _extends2.default)({}, other, material, {
       className: className,
       ref: ref
     }));
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormControlLabel, {
     className: className,
-    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _extends2.default)({}, rest, material, {
+    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _extends2.default)({}, other, material, {
       ref: ref
     })),
     label: label
@@ -402,8 +402,8 @@ const BaseMenuList = (0, _forwardRef.forwardRef)(function BaseMenuList(props, re
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded12);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuList.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded12);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuList.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -435,10 +435,10 @@ function BaseTextField(props) {
       slotProps,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded14);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded14);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, (0, _extends2.default)({
     variant: "outlined"
-  }, rest, material, {
+  }, other, material, {
     inputProps: slotProps?.htmlInput,
     InputProps: transformInputProps(slotProps?.input),
     InputLabelProps: (0, _extends2.default)({
@@ -462,7 +462,7 @@ function BaseAutocomplete(props) {
       slotProps,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded15);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded15);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autocomplete.default, (0, _extends2.default)({
     id: id,
     multiple: multiple,
@@ -503,7 +503,7 @@ function BaseAutocomplete(props) {
         }, InputLabelProps)
       }, slotProps?.textField, rootProps.slotProps?.baseTextField));
     }
-  }, rest, material));
+  }, other, material));
 }
 function BaseInput(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({}, transformInputProps(props)));
@@ -516,8 +516,8 @@ function transformInputProps(props, wrapAdornments = true) {
       slotProps,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded18);
-  const result = rest;
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded18);
+  const result = other;
   if (wrapAdornments) {
     if (result.startAdornment) {
       result.startAdornment = /*#__PURE__*/(0, _jsxRuntime.jsx)(InputAdornment, {
@@ -565,7 +565,7 @@ function BasePopper(props) {
       placement,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded19);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded19);
   const modifiers = React.useMemo(() => {
     const result = [{
       name: 'preventOverflow',
@@ -627,7 +627,7 @@ function BasePopper(props) {
     transition: transition,
     placement: placement,
     modifiers: modifiers
-  }, rest, material, {
+  }, other, material, {
     children: content
   }));
 }

package/material/variables.js

@@ -103,7 +103,8 @@ function formatFont(font) {
   if (!font) {
     return undefined;
   }
-  return `${font.fontWeight} ${font.fontSize} / ${font.lineHeight} ${font.fontFamily}`;
+  const fontSize = typeof font.fontSize === 'number' ? `${font.fontSize}px` : font.fontSize;
+  return `${font.fontWeight} ${fontSize} / ${font.lineHeight} ${font.fontFamily}`;
 }
 
 /**

package/models/gridFilterItem.d.ts

@@ -1,3 +1,4 @@
+import { GridBaseColDef } from "./colDef/gridColDef.js";
 /**
  * Filter item definition interface.
  * @demos
@@ -12,7 +13,7 @@ export interface GridFilterItem {
   /**
    * The column from which we want to filter the rows.
    */
-  field: string;
+  field: GridBaseColDef['field'];
   /**
    * The filtering value.
    * The operator filtering function will decide for each row if the row values is correct compared to this value.
@@ -20,8 +21,9 @@ export interface GridFilterItem {
   value?: any;
   /**
    * The name of the operator we want to apply.
+   * A custom operator is supported by providing any string value.
    */
-  operator: string;
+  operator: 'contains' | 'doesNotContain' | 'equals' | 'doesNotEqual' | 'startsWith' | 'endsWith' | '=' | '!=' | '>' | '>=' | '<' | '<=' | 'is' | 'not' | 'after' | 'onOrAfter' | 'before' | 'onOrBefore' | 'isEmpty' | 'isNotEmpty' | 'isAnyOf' | (string & {});
 }
 declare enum GridLogicOperator {
   And = "and",

package/models/gridFilterOperator.d.ts

@@ -25,7 +25,7 @@ export interface GridFilterOperator<R extends GridValidRowModel = any, V = any,
    * The name of the filter operator.
    * It will be matched with the `operator` property of the filter items.
    */
-  value: string;
+  value: GridFilterItem['operator'];
   /**
    * The callback that generates a filtering function for a given filter item and column.
    * This function can return `null` to skip filtering for this item and column.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.11.2",
+  "version": "8.11.3",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",
@@ -42,8 +42,8 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-internals": "8.11.2",
-    "@mui/x-virtualizer": "0.1.6"
+    "@mui/x-internals": "8.11.3",
+    "@mui/x-virtualizer": "0.1.7"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",