diff --git a/docs/pages/x/api/data-grid/data-grid-premium.json b/docs/pages/x/api/data-grid/data-grid-premium.json index 5800b14cc52fe..9c1b3c5205669 100644 --- a/docs/pages/x/api/data-grid/data-grid-premium.json +++ b/docs/pages/x/api/data-grid/data-grid-premium.json @@ -673,7 +673,7 @@ { "name": "columnHeaders", "description": "Component responsible for rendering the column headers.", - "default": "DataGridColumnHeaders", + "default": "GridColumnHeaders", "class": "MuiDataGridPremium-columnHeaders" }, { diff --git a/docs/pages/x/api/data-grid/data-grid-pro.json b/docs/pages/x/api/data-grid/data-grid-pro.json index 5e96f8adbe84c..adac731e3a347 100644 --- a/docs/pages/x/api/data-grid/data-grid-pro.json +++ b/docs/pages/x/api/data-grid/data-grid-pro.json @@ -608,7 +608,7 @@ { "name": "columnHeaders", "description": "Component responsible for rendering the column headers.", - "default": "DataGridColumnHeaders", + "default": "GridColumnHeaders", "class": "MuiDataGridPro-columnHeaders" }, { diff --git a/docs/pages/x/api/data-grid/data-grid.json b/docs/pages/x/api/data-grid/data-grid.json index 8fad1a4c40630..b7d2b16bc7ea7 100644 --- a/docs/pages/x/api/data-grid/data-grid.json +++ b/docs/pages/x/api/data-grid/data-grid.json @@ -506,7 +506,7 @@ { "name": "columnHeaders", "description": "Component responsible for rendering the column headers.", - "default": "DataGridColumnHeaders", + "default": "GridColumnHeaders", "class": "MuiDataGrid-columnHeaders" }, { diff --git a/packages/x-data-grid-premium/src/index.ts b/packages/x-data-grid-premium/src/index.ts index 5e9f3e0c5334b..0def4c628a755 100644 --- a/packages/x-data-grid-premium/src/index.ts +++ b/packages/x-data-grid-premium/src/index.ts @@ -25,6 +25,7 @@ export * from './models'; export * from './components'; export { GridColumnHeaders } from '@mui/x-data-grid-pro'; +export type { GridColumnHeadersProps } from '@mui/x-data-grid-pro'; export type { DataGridPremiumProps, diff --git a/packages/x-data-grid-pro/src/components/GridColumnHeaders.tsx b/packages/x-data-grid-pro/src/components/GridColumnHeaders.tsx index 25305f8e2c3f3..ea0327ece85e1 100644 --- a/packages/x-data-grid-pro/src/components/GridColumnHeaders.tsx +++ b/packages/x-data-grid-pro/src/components/GridColumnHeaders.tsx @@ -9,11 +9,11 @@ const Filler = styled('div')({ backgroundColor: 'var(--DataGrid-containerBackground)', }); -interface DataGridProColumnHeadersProps +export interface GridColumnHeadersProps extends React.HTMLAttributes, UseGridColumnHeadersProps {} -const GridColumnHeaders = React.forwardRef( +const GridColumnHeaders = React.forwardRef( function GridColumnHeaders(props, ref) { const { style, diff --git a/packages/x-data-grid-pro/src/index.ts b/packages/x-data-grid-pro/src/index.ts index 3a47149e47069..e100b7283cca3 100644 --- a/packages/x-data-grid-pro/src/index.ts +++ b/packages/x-data-grid-pro/src/index.ts @@ -38,3 +38,4 @@ export { } from './components/reexports'; export { GridColumnHeaders } from './components/GridColumnHeaders'; +export type { GridColumnHeadersProps } from './components/GridColumnHeaders'; diff --git a/packages/x-data-grid/src/index.ts b/packages/x-data-grid/src/index.ts index 1414eac4e3b63..385e5a8da1e77 100644 --- a/packages/x-data-grid/src/index.ts +++ b/packages/x-data-grid/src/index.ts @@ -20,6 +20,7 @@ export type { GridToolbarExportProps } from './components/toolbar/GridToolbarExp export type { GridExportFormat, GridExportExtension } from './models/gridExport'; export { GridColumnHeaders } from './components/GridColumnHeaders'; +export type { GridColumnHeadersProps } from './components/GridColumnHeaders'; /** * Reexportable components. diff --git a/packages/x-data-grid/src/models/gridSlotsComponent.ts b/packages/x-data-grid/src/models/gridSlotsComponent.ts index e9badaecaf5d0..f08dc9dde12fc 100644 --- a/packages/x-data-grid/src/models/gridSlotsComponent.ts +++ b/packages/x-data-grid/src/models/gridSlotsComponent.ts @@ -100,7 +100,7 @@ export interface GridSlotsComponent extends GridBaseSlots, GridIconSlotsComponen columnMenu: React.JSXElementConstructor; /** * Component responsible for rendering the column headers. - * @default DataGridColumnHeaders + * @default GridColumnHeaders */ columnHeaders: React.JSXElementConstructor; /** diff --git a/scripts/x-data-grid-premium.exports.json b/scripts/x-data-grid-premium.exports.json index b3de7ed13349a..866dd835ac8a3 100644 --- a/scripts/x-data-grid-premium.exports.json +++ b/scripts/x-data-grid-premium.exports.json @@ -176,6 +176,7 @@ { "name": "GridColumnHeaderSeparatorSides", "kind": "Enum" }, { "name": "GridColumnHeaderSortIcon", "kind": "Variable" }, { "name": "GridColumnHeaderSortIconProps", "kind": "Interface" }, + { "name": "GridColumnHeadersProps", "kind": "Interface" }, { "name": "GridColumnHeaderTitle", "kind": "Function" }, { "name": "GridColumnHeaderTitleProps", "kind": "Interface" }, { "name": "GridColumnIcon", "kind": "Variable" }, diff --git a/scripts/x-data-grid-pro.exports.json b/scripts/x-data-grid-pro.exports.json index 314428c421b6a..6a7d1870c023b 100644 --- a/scripts/x-data-grid-pro.exports.json +++ b/scripts/x-data-grid-pro.exports.json @@ -151,6 +151,7 @@ { "name": "GridColumnHeaderSeparatorSides", "kind": "Enum" }, { "name": "GridColumnHeaderSortIcon", "kind": "Variable" }, { "name": "GridColumnHeaderSortIconProps", "kind": "Interface" }, + { "name": "GridColumnHeadersProps", "kind": "Interface" }, { "name": "GridColumnHeaderTitle", "kind": "Function" }, { "name": "GridColumnHeaderTitleProps", "kind": "Interface" }, { "name": "GridColumnIcon", "kind": "Variable" }, diff --git a/scripts/x-data-grid.exports.json b/scripts/x-data-grid.exports.json index 16a74ef16850e..c23d717cd34b0 100644 --- a/scripts/x-data-grid.exports.json +++ b/scripts/x-data-grid.exports.json @@ -143,6 +143,7 @@ { "name": "GridColumnHeaderSeparatorSides", "kind": "Enum" }, { "name": "GridColumnHeaderSortIcon", "kind": "Variable" }, { "name": "GridColumnHeaderSortIconProps", "kind": "Interface" }, + { "name": "GridColumnHeadersProps", "kind": "Interface" }, { "name": "GridColumnHeaderTitle", "kind": "Function" }, { "name": "GridColumnHeaderTitleProps", "kind": "Interface" }, { "name": "GridColumnIcon", "kind": "Variable" },