@mui/x-data-grid 8.16.0 → 8.17.0

package/CHANGELOG.md

@@ -5,6 +5,113 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.17.0
+
+_Nov 5, 2025_
+
+We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- Add `colorGetter` prop to cartesian charts series
+
+  <img width="400" alt="Image" src="https://github.com/user-attachments/assets/d8b1263f-794e-4939-b17e-87350fdd1746" />
+
+- 🌎 Add Catalan (ca-ES) locale on the Data Grid
+- 🌎 Add Norwegian Bokmål (nb-NO) locale on the Charts
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@frncesc, @Methuselah96, @samuelwalk, @htollefsen
+
+The following team members contributed to this release:
+@alexfauquette, @bernardobelchior, @flaviendelangle, @Janpot, @JCQuintas, @mnajdova, @rita-codes, @arminmeh, @brijeshb42
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.17.0`
+
+- [DataGrid] Stop event propagation on data grid action buttons (GridActionsCellItem) (#19513) @Copilot
+- [DataGrid] Update cell editable state if `editable` prop is updated in the column definition (#20147) @arminmeh
+- [DataGrid] Wait for external model updates before resetting pagination after sort/filter (#20162) @arminmeh
+- [l10n] Add Catalan (ca-ES) locale (#20154) @frncesc
+- [l10n] Improve Arabic (ar-SD) locale (#20185) @samuelwalk
+
+#### `@mui/x-data-grid-pro@8.17.0` [![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.17.0`.
+
+#### `@mui/x-data-grid-premium@8.17.0` [![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.17.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.17.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.17.0` [![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.17.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.17.0`
+
+- [charts] Add `barLabel` to bar series. Deprecate `barLabel` in `BarPlot`. (#20184) @bernardobelchior
+- [charts] Add series color callback (#20084) @bernardobelchior
+- [charts] Expose `ChartsSurface` classes (#20180) @bernardobelchior
+- [charts] Fix chart cut off when inside `overflow: scroll` container (#20182) @bernardobelchior
+- [charts] Fix tick label overflow on multiple axes and series demo (#20152) @bernardobelchior
+- [charts] Organize series config (#20155) @bernardobelchior
+- [charts] Use selectors from `@mui/x-internals` (#20052) @alexfauquette
+- [charts] Use store from `@mui/x-internals` (#20121) @alexfauquette
+- [charts] Add `useDataset` hook (#20205) @JCQuintas
+- [l10n] Add Norwegian Bokmål (nb-NO) locale (#20197) @htollefsen
+
+#### `@mui/x-charts-pro@8.17.0` [![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.17.0`, plus:
+
+- [charts-pro] Fix zoom pan issue when controlled (#20163) @JCQuintas
+
+#### `@mui/x-charts-premium@8.17.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@8.17.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.17.0`
+
+- [tree view] Accept read only arrays in `expandedItems` prop (#20181) @Methuselah96
+- [tree view] Use `aria-checked` instead of `aria-selected` on items (#19851) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.17.0` [![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.17.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.17.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix focus issues in the action column demo (#20178) @arminmeh
+- [docs] Remove hidden Tree View headless page (#20119) @flaviendelangle
+- [docs] Fix some external redirects (#20211) @Janpot
+
+### Core
+
+- [code-infra] Fix cci job timeout due to buffered test output (#20193) @Janpot
+- [code-infra] Fix publish workflow (#20140) @bernardobelchior
+- [code-infra] Increase JSDOM test parallelism (#20179) @Janpot
+- [code-infra] Remove React import requirement for jsx (#20144) @brijeshb42
+- [code-infra] Replace `getInitialProps` with `getStaticProps` (#20192) @Janpot
+- [code-infra] git-ignore next-env.d.ts (#20177) @Janpot
+- [code-infra] Stabilize screenshot testing (#19868) @Janpot
+
 ## 8.16.0
 
 _Oct 29, 2025_
@@ -39,7 +146,7 @@ Same changes as in `@mui/x-data-grid@8.16.0`, plus:
 Same changes as in `@mui/x-data-grid-pro@8.16.0`, plus:
 
 - [DataGridPremium] Export and restore chart integration state (#20079) @arminmeh
-- [DataGridPremium] Fix grouping column `valueFormatter()` crash  (#20070) @sai6855
+- [DataGridPremium] Fix grouping column `valueFormatter()` crash (#20070) @sai6855
 - [DataGridPremium] Refetch aggregation data after row update with server-side aggregation (#20039) @arminmeh
 
 ### Date and Time Pickers

package/colDef/gridCheckboxSelectionColDef.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GRID_CHECKBOX_SELECTION_FIELD = exports.GRID_CHECKBOX_SELECTION_COL_DEF = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _GridCellCheckboxRenderer = require("../components/columnSelection/GridCellCheckboxRenderer");
 var _GridHeaderCheckbox = require("../components/columnSelection/GridHeaderCheckbox");
 var _gridBooleanColDef = require("./gridBooleanColDef");

package/components/GridColumnSortButton.d.ts

@@ -9,7 +9,7 @@ export type GridColumnSortButtonProps = GridSlotProps['baseIconButton'] & {
   disabled?: boolean;
   onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 };
-declare function GridColumnSortButton(props: GridColumnSortButtonProps): React.JSX.Element | null;
+declare function GridColumnSortButton(props: GridColumnSortButtonProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnSortButton {
   var propTypes: any;
 }

package/components/GridFooter.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridFooterContainerProps } from "./containers/GridFooterContainer.js";
-declare const GridFooter: React.ForwardRefExoticComponent<GridFooterContainerProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const GridFooter: import("react").ForwardRefExoticComponent<GridFooterContainerProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { GridFooter };

package/components/GridFooter.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridFooter = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _useGridSelector = require("../hooks/utils/useGridSelector");

package/components/GridHeader.d.ts

@@ -1,2 +1 @@
-import * as React from 'react';
-export declare function GridHeader(): React.JSX.Element;
+export declare function GridHeader(): import("react/jsx-runtime").JSX.Element;

package/components/GridHeaders.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
-declare function GridHeaders(): React.JSX.Element;
+declare function GridHeaders(): import("react/jsx-runtime").JSX.Element;
 declare const MemoizedGridHeaders: typeof GridHeaders;
 export { MemoizedGridHeaders as GridHeaders };

package/components/GridHeaders.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridHeaders = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _fastMemo = require("@mui/x-internals/fastMemo");
 var _useGridPrivateApiContext = require("../hooks/utils/useGridPrivateApiContext");
 var _useGridSelector = require("../hooks/utils/useGridSelector");

package/components/GridNoColumnsOverlay.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridOverlayProps } from "./containers/GridOverlay.js";
-declare const GridNoColumnsOverlay: React.ForwardRefExoticComponent<GridOverlayProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const GridNoColumnsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { GridNoColumnsOverlay };

package/components/GridNoColumnsOverlay.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridNoColumnsOverlay = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _useGridRootProps = require("../hooks/utils/useGridRootProps");

package/components/GridNoResultsOverlay.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
 import { GridOverlayProps } from "./containers/GridOverlay.js";
-export declare const GridNoResultsOverlay: React.ForwardRefExoticComponent<GridOverlayProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+export declare const GridNoResultsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/components/GridNoResultsOverlay.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridNoResultsOverlay = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _useGridApiContext = require("../hooks/utils/useGridApiContext");
 var _GridOverlay = require("./containers/GridOverlay");

package/components/GridNoRowsOverlay.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridOverlayProps } from "./containers/GridOverlay.js";
-declare const GridNoRowsOverlay: React.ForwardRefExoticComponent<GridOverlayProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const GridNoRowsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { GridNoRowsOverlay };

package/components/GridNoRowsOverlay.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridNoRowsOverlay = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _useGridApiContext = require("../hooks/utils/useGridApiContext");

package/components/GridPagination.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
-declare function GridPagination(): React.JSX.Element;
+declare function GridPagination(): import("react/jsx-runtime").JSX.Element;
 declare namespace GridPagination {
   var propTypes: any;
 }

package/components/GridScrollArea.d.ts

@@ -1,10 +1,9 @@
-import * as React from 'react';
 import { RefObject } from '@mui/x-internals/types';
 import { GridScrollParams } from "../models/params/gridScrollParams.js";
 interface ScrollAreaProps {
   scrollDirection: 'left' | 'right' | 'up' | 'down';
   scrollPosition: RefObject<GridScrollParams>;
 }
-declare function GridScrollAreaWrapper(props: ScrollAreaProps): React.JSX.Element | null;
+declare function GridScrollAreaWrapper(props: ScrollAreaProps): import("react/jsx-runtime").JSX.Element | null;
 export declare const GridScrollArea: typeof GridScrollAreaWrapper;
 export {};

package/components/GridScrollShadows.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 interface GridScrollShadowsProps {
   position: 'vertical' | 'horizontal';
 }
-declare function GridScrollShadows(props: GridScrollShadowsProps): React.JSX.Element;
+declare function GridScrollShadows(props: GridScrollShadowsProps): import("react/jsx-runtime").JSX.Element;
 export { GridScrollShadows };

package/components/GridScrollbarFillerCell.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 declare function GridScrollbarFillerCell({
   pinnedRight
 }: {
   pinnedRight?: boolean;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export { GridScrollbarFillerCell };

package/components/GridScrollbarFillerCell.js

@@ -1,12 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridScrollbarFillerCell = GridScrollbarFillerCell;
-var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _constants = require("../constants");
 var _jsxRuntime = require("react/jsx-runtime");

package/components/base/GridFooterPlaceholder.d.ts

@@ -1,2 +1 @@
-import * as React from 'react';
-export declare function GridFooterPlaceholder(): React.JSX.Element | null;
+export declare function GridFooterPlaceholder(): import("react/jsx-runtime").JSX.Element | null;

package/components/base/GridFooterPlaceholder.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridFooterPlaceholder = GridFooterPlaceholder;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
 function GridFooterPlaceholder() {

package/components/base/GridOverlays.d.ts

@@ -4,7 +4,7 @@ interface GridOverlaysProps {
   overlayType: GridOverlayType;
   loadingOverlayVariant: GridLoadingOverlayVariant | null;
 }
-export declare function GridOverlayWrapper(props: React.PropsWithChildren<GridOverlaysProps>): React.JSX.Element;
+export declare function GridOverlayWrapper(props: React.PropsWithChildren<GridOverlaysProps>): import("react/jsx-runtime").JSX.Element;
 export declare namespace GridOverlayWrapper {
   var propTypes: any;
 }

package/components/cell/GridActionsCell.d.ts

@@ -1,13 +1,12 @@
-import * as React from 'react';
 import { GridRenderCellParams } from "../../models/params/gridCellParams.js";
 import { GridMenuProps } from "../menu/GridMenu.js";
 interface GridActionsCellProps extends Omit<GridRenderCellParams, 'api'> {
   api?: GridRenderCellParams['api'];
   position?: GridMenuProps['position'];
 }
-declare function GridActionsCell(props: GridActionsCellProps): React.JSX.Element;
+declare function GridActionsCell(props: GridActionsCellProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridActionsCell {
   var propTypes: any;
 }
 export { GridActionsCell };
-export declare const renderActionsCell: (params: GridRenderCellParams) => React.JSX.Element;
+export declare const renderActionsCell: (params: GridRenderCellParams) => import("react/jsx-runtime").JSX.Element;

package/components/cell/GridActionsCell.js

@@ -112,6 +112,8 @@ function GridActionsCell(props) {
     touchRippleRefs.current[index] = instance;
   };
   const handleButtonClick = (index, onClick) => event => {
+    event.stopPropagation();
+    event.preventDefault();
     setFocusedButtonIndex(index);
     ignoreCallToFocus.current = true;
     if (onClick) {

package/components/cell/GridActionsCellItem.js

@@ -9,7 +9,6 @@ exports.GridActionsCellItem = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -25,6 +24,8 @@ const GridActionsCellItem = exports.GridActionsCellItem = (0, _forwardRef.forwar
       } = props,
       other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
     const handleClick = event => {
+      event.stopPropagation();
+      event.preventDefault();
       onClick?.(event);
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseIconButton, (0, _extends2.default)({
@@ -49,6 +50,8 @@ const GridActionsCellItem = exports.GridActionsCellItem = (0, _forwardRef.forwar
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
   const handleClick = event => {
+    event.stopPropagation();
+    event.preventDefault();
     onClick?.(event);
     if (closeMenuOnClick) {
       closeMenu?.();
@@ -62,20 +65,4 @@ const GridActionsCellItem = exports.GridActionsCellItem = (0, _forwardRef.forwar
     children: label
   }));
 });
-if (process.env.NODE_ENV !== "production") GridActionsCellItem.displayName = "GridActionsCellItem";
-process.env.NODE_ENV !== "production" ? GridActionsCellItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  className: _propTypes.default.string,
-  /**
-   * from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component
-   */
-  component: _propTypes.default.elementType,
-  disabled: _propTypes.default.bool,
-  icon: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.element, _propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.string, _propTypes.default.bool]),
-  label: _propTypes.default.node,
-  showInMenu: _propTypes.default.bool,
-  style: _propTypes.default.object
-} : void 0;
+if (process.env.NODE_ENV !== "production") GridActionsCellItem.displayName = "GridActionsCellItem";

package/components/cell/GridBooleanCell.d.ts

@@ -4,7 +4,7 @@ import type { GridRenderCellParams } from "../../models/params/gridCellParams.js
 interface GridBooleanCellProps extends GridRenderCellParams {
   hideDescendantCount?: boolean;
 }
-declare function GridBooleanCellRaw(props: GridBooleanCellProps): React.JSX.Element | null;
+declare function GridBooleanCellRaw(props: GridBooleanCellProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridBooleanCellRaw {
   var propTypes: any;
 }

package/components/cell/GridCell.js

@@ -122,7 +122,14 @@ const GridCell = (0, _forwardRef.forwardRef)(function GridCell(props, ref) {
     formattedValue: forcedFormattedValue
   });
   cellParams.api = apiRef.current;
-  cellParams.isEditable = (0, _useGridSelector.useGridSelector)(apiRef, () => apiRef.current.isCellEditable(cellParams));
+
+  // Subscribe to changes of the `isCellEditable` API result to ensure cells re-render.
+  // We don't use the result.
+  // Subscription will trigger a new call of `getCellParamsForRow` above which will recompute the correct value of `isEditable`.
+  // This is to ensure both of the following cases work:
+  // - https://github.com/mui/mui-x/issues/19732
+  // - https://github.com/mui/mui-x/issues/20143
+  (0, _useGridSelector.useGridSelector)(apiRef, () => apiRef.current.isCellEditable(cellParams));
   const isSelected = (0, _useGridSelector.useGridSelector)(apiRef, () => apiRef.current.unstable_applyPipeProcessors('isCellSelected', false, {
     id: rowId,
     field

package/components/cell/GridEditBooleanCell.d.ts

@@ -9,9 +9,9 @@ export interface GridEditBooleanCellProps extends GridRenderEditCellParams, Omit
    */
   onValueChange?: (event: React.ChangeEvent<HTMLInputElement>, newValue: boolean) => Promise<void> | void;
 }
-declare function GridEditBooleanCell(props: GridEditBooleanCellProps): React.JSX.Element;
+declare function GridEditBooleanCell(props: GridEditBooleanCellProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridEditBooleanCell {
   var propTypes: any;
 }
 export { GridEditBooleanCell };
-export declare const renderEditBooleanCell: (params: GridEditBooleanCellProps) => React.JSX.Element;
+export declare const renderEditBooleanCell: (params: GridEditBooleanCellProps) => import("react/jsx-runtime").JSX.Element;

package/components/cell/GridEditDateCell.d.ts

@@ -13,9 +13,9 @@ export interface GridEditDateCellProps extends GridRenderEditCellParams {
     root?: Partial<GridSlotProps['baseInput']>;
   };
 }
-declare function GridEditDateCell(props: GridEditDateCellProps): React.JSX.Element;
+declare function GridEditDateCell(props: GridEditDateCellProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridEditDateCell {
   var propTypes: any;
 }
 export { GridEditDateCell };
-export declare const renderEditDateCell: (params: GridRenderEditCellParams) => React.JSX.Element;
+export declare const renderEditDateCell: (params: GridRenderEditCellParams) => import("react/jsx-runtime").JSX.Element;

package/components/cell/GridEditInputCell.d.ts

@@ -16,4 +16,4 @@ export interface GridEditInputCellProps extends GridRenderEditCellParams {
 }
 declare const GridEditInputCell: React.ForwardRefExoticComponent<GridEditInputCellProps> | React.ForwardRefExoticComponent<Omit<GridEditInputCellProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { GridEditInputCell };
-export declare const renderEditInputCell: (params: GridEditInputCellProps) => React.JSX.Element;
+export declare const renderEditInputCell: (params: GridEditInputCellProps) => import("react/jsx-runtime").JSX.Element;

package/components/cell/GridEditInputCell.js

@@ -10,7 +10,6 @@ exports.renderEditInputCell = exports.GridEditInputCell = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _styles = require("@mui/material/styles");
@@ -108,73 +107,6 @@ const GridEditInputCell = exports.GridEditInputCell = (0, _forwardRef.forwardRef
   }));
 });
 if (process.env.NODE_ENV !== "production") GridEditInputCell.displayName = "GridEditInputCell";
-process.env.NODE_ENV !== "production" ? GridEditInputCell.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * GridApi that let you manipulate the grid.
-   */
-  api: _propTypes.default.object.isRequired,
-  /**
-   * The mode of the cell.
-   */
-  cellMode: _propTypes.default.oneOf(['edit', 'view']).isRequired,
-  changeReason: _propTypes.default.oneOf(['debouncedSetEditCellValue', 'setEditCellValue']),
-  /**
-   * The column of the row that the current cell belongs to.
-   */
-  colDef: _propTypes.default.object.isRequired,
-  debounceMs: _propTypes.default.number,
-  /**
-   * The column field of the cell that triggered the event.
-   */
-  field: _propTypes.default.string.isRequired,
-  /**
-   * The cell value formatted with the column valueFormatter.
-   */
-  formattedValue: _propTypes.default.any,
-  /**
-   * If true, the cell is the active element.
-   */
-  hasFocus: _propTypes.default.bool.isRequired,
-  /**
-   * The grid row id.
-   */
-  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
-  /**
-   * If true, the cell is editable.
-   */
-  isEditable: _propTypes.default.bool,
-  isProcessingProps: _propTypes.default.bool,
-  isValidating: _propTypes.default.bool,
-  /**
-   * Callback called when the value is changed by the user.
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * @param {Date | null} newValue The value that is going to be passed to `apiRef.current.setEditCellValue`.
-   * @returns {Promise<void> | void} A promise to be awaited before calling `apiRef.current.setEditCellValue`
-   */
-  onValueChange: _propTypes.default.func,
-  /**
-   * The row model of the row that the current cell belongs to.
-   */
-  row: _propTypes.default.any.isRequired,
-  /**
-   * The node of the row that the current cell belongs to.
-   */
-  rowNode: _propTypes.default.object.isRequired,
-  slotProps: _propTypes.default.object,
-  /**
-   * the tabIndex value.
-   */
-  tabIndex: _propTypes.default.oneOf([-1, 0]).isRequired,
-  /**
-   * The cell value.
-   * If the column has `valueGetter`, use `params.row` to directly access the fields.
-   */
-  value: _propTypes.default.any
-} : void 0;
 const renderEditInputCell = params => /*#__PURE__*/(0, _jsxRuntime.jsx)(GridEditInputCell, (0, _extends2.default)({}, params));
 exports.renderEditInputCell = renderEditInputCell;
 if (process.env.NODE_ENV !== "production") renderEditInputCell.displayName = "renderEditInputCell";

package/components/cell/GridEditSingleSelectCell.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import type { GridSlotProps } from "../../models/gridSlotsComponentsProps.js";
 import { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
 export interface GridEditSingleSelectCellProps extends GridRenderEditCellParams {
@@ -14,9 +13,9 @@ export interface GridEditSingleSelectCellProps extends GridRenderEditCellParams
    */
   initialOpen?: boolean;
 }
-declare function GridEditSingleSelectCell(props: GridEditSingleSelectCellProps): React.JSX.Element | null;
+declare function GridEditSingleSelectCell(props: GridEditSingleSelectCellProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridEditSingleSelectCell {
   var propTypes: any;
 }
 export { GridEditSingleSelectCell };
-export declare const renderEditSingleSelectCell: (params: GridEditSingleSelectCellProps) => React.JSX.Element;
+export declare const renderEditSingleSelectCell: (params: GridEditSingleSelectCellProps) => import("react/jsx-runtime").JSX.Element;

package/components/cell/GridSkeletonCell.d.ts

@@ -12,7 +12,7 @@ export interface GridSkeletonCellProps extends React.HTMLAttributes<HTMLDivEleme
    */
   empty?: boolean;
 }
-declare function GridSkeletonCell(props: GridSkeletonCellProps): React.JSX.Element;
+declare function GridSkeletonCell(props: GridSkeletonCellProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridSkeletonCell {
   var propTypes: any;
 }

package/components/columnHeaders/ColumnHeaderMenuIcon.d.ts

@@ -7,4 +7,4 @@ export interface ColumnHeaderMenuIconProps {
   open: boolean;
   iconButtonRef: React.RefObject<HTMLButtonElement | null>;
 }
-export declare const ColumnHeaderMenuIcon: React.MemoExoticComponent<(props: ColumnHeaderMenuIconProps) => React.JSX.Element>;
+export declare const ColumnHeaderMenuIcon: React.MemoExoticComponent<(props: ColumnHeaderMenuIconProps) => import("react/jsx-runtime").JSX.Element>;

package/components/columnHeaders/GridColumnGroupHeader.d.ts

@@ -17,5 +17,5 @@ interface GridColumnGroupHeaderProps {
   pinnedPosition: PinnedColumnPosition | undefined;
   pinnedOffset?: number;
 }
-declare function GridColumnGroupHeader(props: GridColumnGroupHeaderProps): React.JSX.Element;
+declare function GridColumnGroupHeader(props: GridColumnGroupHeaderProps): import("react/jsx-runtime").JSX.Element;
 export { GridColumnGroupHeader };

package/components/columnHeaders/GridColumnHeaderFilterIconButton.d.ts

@@ -5,7 +5,7 @@ export interface ColumnHeaderFilterIconButtonProps {
   counter?: number;
   onClick?: (params: GridColumnHeaderParams, event: React.MouseEvent<HTMLButtonElement>) => void;
 }
-declare function GridColumnHeaderFilterIconButtonWrapped(props: ColumnHeaderFilterIconButtonProps): React.JSX.Element | null;
+declare function GridColumnHeaderFilterIconButtonWrapped(props: ColumnHeaderFilterIconButtonProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnHeaderFilterIconButtonWrapped {
   var propTypes: any;
 }