@mui/x-data-grid 9.9.0 → 9.10.0

package/CHANGELOG.md

@@ -1,5 +1,116 @@
 # Changelog
 
+## 9.10.0
+
+_Jul 17, 2026_
+
+We'd like to extend a big thank you to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Provide `dataIndex` in `LinePlot` and `AreaPlot` `onItemClick` for Charts
+- ⚙️ Allow opt-in `data-*` attributes on `slotProps`. [Read more](https://mui.com/x/common-concepts/custom-components/#passing-data-attributes-to-slots)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @mustafajw07
+
+The following team members contributed to this release:
+@brijeshb42, @Janpot, @JCQuintas, @LukasTy, @noraleonte
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.10.0`
+
+Internal changes.
+
+#### `@mui/x-data-grid-pro@9.10.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@9.10.0`.
+
+#### `@mui/x-data-grid-premium@9.10.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@9.10.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.10.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.10.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@9.10.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.10.0`
+
+- [charts] Provide `dataIndex` in `LinePlot` and `AreaPlot` `onItemClick` (#23144) @JCQuintas
+
+#### `@mui/x-charts-pro@9.10.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@9.10.0`.
+
+#### `@mui/x-charts-premium@9.10.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@9.10.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.10.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.10.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@9.10.0`, plus:
+
+- [tree-view] Fix pre-loaded items not caching (#23155) @noraleonte
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.6`
+
+- [scheduler] Carry custom event data through the edit dialog submit (#22874) @Anexus5919
+- [scheduler] Support array values for `CalendarEvent.resource` (#23109) @mustafajw07
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.6` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.6`.
+
+### Chat
+
+#### `@mui/x-chat@9.0.0-alpha.14`
+
+- [chat] Reuse `resolveComponentProps` from `@mui/utils` (#23095) @LukasTy
+
+#### `@mui/x-chat-headless@9.0.0-alpha.14`
+
+Internal changes.
+
+### Codemod
+
+#### `@mui/x-codemod@9.10.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix bugs on Scheduler overview page (#23147) @noraleonte
+
+### Core
+
+- [code-infra] Fix changelog dependency exclusion and l10n routing (#23112) @LukasTy
+- [code-infra] Port codebase to use `tsgo` (#22826) @brijeshb42
+- [code-infra] Reduce `release:build` concurrency to mitigate `tsgo` OOM kills (#23139) @LukasTy
+- [core] Allow opt-in `data-*` attributes on `slotProps` (#22128) @LukasTy
+
+### Miscellaneous
+
+- [core] Ignore `code-infra-renovate[bot]` commits in changelog (#23153) @Janpot
+- [website] Fix broken `ChatBox` API link (#23149) @brijeshb42
+- [test] Fix WebGL benchmark timeout on CI (#23142) @JCQuintas
+
 ## 9.9.0
 
 _Jul 9, 2026_

package/colDef/gridNumericOperators.d.mts

@@ -3,5 +3,5 @@ import type { GridFilterInputValueProps } from "../models/gridFilterInputCompone
 import type { GetApplyQuickFilterFn } from "../models/colDef/gridColDef.mjs";
 export declare const getGridNumericQuickFilterFn: GetApplyQuickFilterFn<any, number | string | null>;
 export declare const getGridNumericOperators: () => GridFilterOperator<any, number | string | null, any, GridFilterInputValueProps & {
-  type?: "number";
+  type?: 'number';
 }>[];

package/colDef/gridNumericOperators.d.ts

@@ -3,5 +3,5 @@ import type { GridFilterInputValueProps } from "../models/gridFilterInputCompone
 import type { GetApplyQuickFilterFn } from "../models/colDef/gridColDef.js";
 export declare const getGridNumericQuickFilterFn: GetApplyQuickFilterFn<any, number | string | null>;
 export declare const getGridNumericOperators: () => GridFilterOperator<any, number | string | null, any, GridFilterInputValueProps & {
-  type?: "number";
+  type?: 'number';
 }>[];

package/components/GridSkeletonLoadingOverlay.d.mts

@@ -8,7 +8,7 @@ type GridSkeletonLoadingOverlayInnerProps = React.HTMLAttributes<HTMLDivElement>
 export declare const GridSkeletonLoadingOverlayInner: React.ForwardRefExoticComponent<GridSkeletonLoadingOverlayInnerProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
   skeletonRowsCount: number;
   showFirstRowBorder?: boolean;
-  visibleColumns?: Set<GridColDef["field"]>;
+  visibleColumns?: Set<GridColDef['field']>;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const GridSkeletonLoadingOverlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement>> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/components/GridSkeletonLoadingOverlay.d.ts

@@ -8,7 +8,7 @@ type GridSkeletonLoadingOverlayInnerProps = React.HTMLAttributes<HTMLDivElement>
 export declare const GridSkeletonLoadingOverlayInner: React.ForwardRefExoticComponent<GridSkeletonLoadingOverlayInnerProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
   skeletonRowsCount: number;
   showFirstRowBorder?: boolean;
-  visibleColumns?: Set<GridColDef["field"]>;
+  visibleColumns?: Set<GridColDef['field']>;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const GridSkeletonLoadingOverlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement>> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/components/cell/GridActionsCellItem.d.mts

@@ -19,7 +19,15 @@ export type GridActionsCellItemProps = GridActionsCellItemCommonProps & (({
   closeMenu?: () => void;
   label: React.ReactNode;
 } & Omit<GridSlotProps['baseMenuItem'], 'component'>));
-declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCellItemProps> | React.ForwardRefExoticComponent<((GridActionsCellItemCommonProps & {
+declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCellItemProps> | React.ForwardRefExoticComponent<(Omit<GridActionsCellItemCommonProps & {
+  showInMenu?: false;
+  icon: React.ReactElement<any>;
+  label: string;
+} & Omit<Omit<import("../../models/gridBaseSlots.mjs").ButtonProps, "startIcon"> & {
+  label?: string;
+  color?: 'default' | 'inherit' | 'primary';
+  edge?: 'start' | 'end' | false;
+} & import("@mui/x-data-grid").BaseIconButtonPropsOverrides, "component">, "ref"> | (GridActionsCellItemCommonProps & {
   showInMenu: true;
   /**
    * If false, the menu will not close when this item is clicked.
@@ -43,13 +51,5 @@ declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCe
   selected?: boolean;
   value?: number | string | readonly string[];
   style?: React.CSSProperties;
-} & import("@mui/x-data-grid").BaseMenuItemPropsOverrides, "component">) | Omit<GridActionsCellItemCommonProps & {
-  showInMenu?: false;
-  icon: React.ReactElement<any>;
-  label: string;
-} & Omit<Omit<import("../../models/gridBaseSlots.mjs").ButtonProps, "startIcon"> & {
-  label?: string;
-  color?: "default" | "inherit" | "primary";
-  edge?: "start" | "end" | false;
-} & import("@mui/x-data-grid").BaseIconButtonPropsOverrides, "component">, "ref">) & React.RefAttributes<HTMLElement>>;
+} & import("@mui/x-data-grid").BaseMenuItemPropsOverrides, "component">)) & React.RefAttributes<HTMLElement>>;
 export { GridActionsCellItem };

package/components/cell/GridActionsCellItem.d.ts

@@ -19,7 +19,15 @@ export type GridActionsCellItemProps = GridActionsCellItemCommonProps & (({
   closeMenu?: () => void;
   label: React.ReactNode;
 } & Omit<GridSlotProps['baseMenuItem'], 'component'>));
-declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCellItemProps> | React.ForwardRefExoticComponent<((GridActionsCellItemCommonProps & {
+declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCellItemProps> | React.ForwardRefExoticComponent<(Omit<GridActionsCellItemCommonProps & {
+  showInMenu?: false;
+  icon: React.ReactElement<any>;
+  label: string;
+} & Omit<Omit<import("../../models/gridBaseSlots.js").ButtonProps, "startIcon"> & {
+  label?: string;
+  color?: 'default' | 'inherit' | 'primary';
+  edge?: 'start' | 'end' | false;
+} & import("@mui/x-data-grid").BaseIconButtonPropsOverrides, "component">, "ref"> | (GridActionsCellItemCommonProps & {
   showInMenu: true;
   /**
    * If false, the menu will not close when this item is clicked.
@@ -43,13 +51,5 @@ declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCe
   selected?: boolean;
   value?: number | string | readonly string[];
   style?: React.CSSProperties;
-} & import("@mui/x-data-grid").BaseMenuItemPropsOverrides, "component">) | Omit<GridActionsCellItemCommonProps & {
-  showInMenu?: false;
-  icon: React.ReactElement<any>;
-  label: string;
-} & Omit<Omit<import("../../models/gridBaseSlots.js").ButtonProps, "startIcon"> & {
-  label?: string;
-  color?: "default" | "inherit" | "primary";
-  edge?: "start" | "end" | false;
-} & import("@mui/x-data-grid").BaseIconButtonPropsOverrides, "component">, "ref">) & React.RefAttributes<HTMLElement>>;
+} & import("@mui/x-data-grid").BaseMenuItemPropsOverrides, "component">)) & React.RefAttributes<HTMLElement>>;
 export { GridActionsCellItem };

package/components/cell/GridBooleanCell.d.mts

@@ -5,9 +5,6 @@ interface GridBooleanCellProps extends GridRenderCellParams {
   hideDescendantCount?: boolean;
 }
 declare function GridBooleanCellRaw(props: GridBooleanCellProps): React.JSX.Element | null;
-declare namespace GridBooleanCellRaw {
-  var propTypes: any;
-}
 declare const GridBooleanCell: React.MemoExoticComponent<typeof GridBooleanCellRaw>;
 export { GridBooleanCell };
 export declare const renderBooleanCell: GridColDef['renderCell'];

package/components/cell/GridBooleanCell.d.ts

@@ -5,9 +5,6 @@ interface GridBooleanCellProps extends GridRenderCellParams {
   hideDescendantCount?: boolean;
 }
 declare function GridBooleanCellRaw(props: GridBooleanCellProps): React.JSX.Element | null;
-declare namespace GridBooleanCellRaw {
-  var propTypes: any;
-}
 declare const GridBooleanCell: React.MemoExoticComponent<typeof GridBooleanCellRaw>;
 export { GridBooleanCell };
 export declare const renderBooleanCell: GridColDef['renderCell'];

package/components/cell/GridSkeletonCell.d.mts

@@ -14,8 +14,5 @@ export interface GridSkeletonCellProps extends React.HTMLAttributes<HTMLDivEleme
   skeletonProps?: GridSlotProps['baseSkeleton'];
 }
 declare function GridSkeletonCell(props: GridSkeletonCellProps): React.JSX.Element;
-declare namespace GridSkeletonCell {
-  var propTypes: any;
-}
 declare const Memoized: typeof GridSkeletonCell;
 export { Memoized as GridSkeletonCell };

package/components/cell/GridSkeletonCell.d.ts

@@ -14,8 +14,5 @@ export interface GridSkeletonCellProps extends React.HTMLAttributes<HTMLDivEleme
   skeletonProps?: GridSlotProps['baseSkeleton'];
 }
 declare function GridSkeletonCell(props: GridSkeletonCellProps): React.JSX.Element;
-declare namespace GridSkeletonCell {
-  var propTypes: any;
-}
 declare const Memoized: typeof GridSkeletonCell;
 export { Memoized as GridSkeletonCell };

package/components/columnHeaders/GridColumnHeaderItem.d.mts

@@ -26,8 +26,5 @@ interface GridColumnHeaderItemProps {
   showRightBorder: boolean;
 }
 declare function GridColumnHeaderItem(props: GridColumnHeaderItemProps): React.JSX.Element;
-declare namespace GridColumnHeaderItem {
-  var propTypes: any;
-}
 declare const Memoized: typeof GridColumnHeaderItem;
 export { Memoized as GridColumnHeaderItem };

package/components/columnHeaders/GridColumnHeaderItem.d.ts

@@ -26,8 +26,5 @@ interface GridColumnHeaderItemProps {
   showRightBorder: boolean;
 }
 declare function GridColumnHeaderItem(props: GridColumnHeaderItemProps): React.JSX.Element;
-declare namespace GridColumnHeaderItem {
-  var propTypes: any;
-}
 declare const Memoized: typeof GridColumnHeaderItem;
 export { Memoized as GridColumnHeaderItem };

package/components/columnHeaders/GridColumnHeaderSeparator.d.mts

@@ -10,8 +10,5 @@ export interface GridColumnHeaderSeparatorProps extends React.HTMLAttributes<HTM
   side?: GridColumnHeaderSeparatorSides;
 }
 declare function GridColumnHeaderSeparatorRaw(props: GridColumnHeaderSeparatorProps): React.JSX.Element;
-declare namespace GridColumnHeaderSeparatorRaw {
-  var propTypes: any;
-}
 declare const GridColumnHeaderSeparator: React.MemoExoticComponent<typeof GridColumnHeaderSeparatorRaw>;
 export { GridColumnHeaderSeparator, GridColumnHeaderSeparatorSides };

package/components/columnHeaders/GridColumnHeaderSeparator.d.ts

@@ -10,8 +10,5 @@ export interface GridColumnHeaderSeparatorProps extends React.HTMLAttributes<HTM
   side?: GridColumnHeaderSeparatorSides;
 }
 declare function GridColumnHeaderSeparatorRaw(props: GridColumnHeaderSeparatorProps): React.JSX.Element;
-declare namespace GridColumnHeaderSeparatorRaw {
-  var propTypes: any;
-}
 declare const GridColumnHeaderSeparator: React.MemoExoticComponent<typeof GridColumnHeaderSeparatorRaw>;
 export { GridColumnHeaderSeparator, GridColumnHeaderSeparatorSides };

package/components/columnHeaders/GridColumnHeaderSortIcon.d.mts

@@ -2,8 +2,5 @@ import * as React from 'react';
 import type { GridColumnSortButtonProps } from "../GridColumnSortButton.mjs";
 export interface GridColumnHeaderSortIconProps extends GridColumnSortButtonProps {}
 declare function GridColumnHeaderSortIconRaw(props: GridColumnHeaderSortIconProps): React.JSX.Element;
-declare namespace GridColumnHeaderSortIconRaw {
-  var propTypes: any;
-}
 declare const GridColumnHeaderSortIcon: React.MemoExoticComponent<typeof GridColumnHeaderSortIconRaw>;
 export { GridColumnHeaderSortIcon };

package/components/columnHeaders/GridColumnHeaderSortIcon.d.ts

@@ -2,8 +2,5 @@ import * as React from 'react';
 import type { GridColumnSortButtonProps } from "../GridColumnSortButton.js";
 export interface GridColumnHeaderSortIconProps extends GridColumnSortButtonProps {}
 declare function GridColumnHeaderSortIconRaw(props: GridColumnHeaderSortIconProps): React.JSX.Element;
-declare namespace GridColumnHeaderSortIconRaw {
-  var propTypes: any;
-}
 declare const GridColumnHeaderSortIcon: React.MemoExoticComponent<typeof GridColumnHeaderSortIconRaw>;
 export { GridColumnHeaderSortIcon };

package/components/toolbarV8/utils.d.mts

@@ -2,4 +2,4 @@ export declare function sortByDocumentPosition(a: {
   ref: React.RefObject<HTMLButtonElement | null>;
 }, b: {
   ref: React.RefObject<HTMLButtonElement | null>;
-}): 0 | 1 | -1;
+}): -1 | 0 | 1;

package/components/toolbarV8/utils.d.ts

@@ -2,4 +2,4 @@ export declare function sortByDocumentPosition(a: {
   ref: React.RefObject<HTMLButtonElement | null>;
 }, b: {
   ref: React.RefObject<HTMLButtonElement | null>;
-}): 0 | 1 | -1;
+}): -1 | 0 | 1;