[DataGrid] Remove the preferencesPanel slot

docs/data/migration/migration-data-grid-v6/migration-data-grid-v6.md

@@ -80,6 +80,7 @@ Below are described the steps you need to make to migrate from v6 to v7.
 ### Removed props
 
 - The deprecated props `components` and `componentsProps` have been removed. Use `slots` and `slotProps` instead. See [components section](/x/react-data-grid/components/) for more details.
+- The `slots.preferencesPanel` slot and the `slotProps.preferencesPanel` prop were removed. Use `slots.panel` and `slotProps.panel` instead.
 
 <!-- ### State access
 
@@ -156,9 +157,9 @@ Below are described the steps you need to make to migrate from v6 to v7.
 
 - -->
 
-<!-- ### Other exports
+### Other exports
 
-- -->
+- The `GridPreferencesPanel` component is not exported anymore as it wasn't meant to be used outside of the Data Grid.
 
 <!-- ### CSS classes
 

docs/pages/x/api/data-grid/data-grid-premium.json

@@ -993,12 +993,6 @@
       "description": "Panel component wrapping the filters and columns panels.",
       "default": "GridPanel"
     },
-    {
-      "class": null,
-      "name": "preferencesPanel",
-      "description": "PreferencesPanel component rendered inside the Header component.",
-      "default": "GridPreferencesPanel"
-    },
     {
       "class": null,
       "name": "quickFilterClearIcon",

docs/pages/x/api/data-grid/data-grid-pro.json

@@ -913,12 +913,6 @@
       "description": "Panel component wrapping the filters and columns panels.",
       "default": "GridPanel"
     },
-    {
-      "class": null,
-      "name": "preferencesPanel",
-      "description": "PreferencesPanel component rendered inside the Header component.",
-      "default": "GridPreferencesPanel"
-    },
     {
       "class": null,
       "name": "quickFilterClearIcon",

docs/pages/x/api/data-grid/data-grid.json

@@ -761,12 +761,6 @@
       "description": "Panel component wrapping the filters and columns panels.",
       "default": "GridPanel"
     },
-    {
-      "class": null,
-      "name": "preferencesPanel",
-      "description": "PreferencesPanel component rendered inside the Header component.",
-      "default": "GridPreferencesPanel"
-    },
     {
       "class": null,
       "name": "quickFilterClearIcon",

docs/translations/api-docs/data-grid/data-grid-premium.json

@@ -1570,7 +1570,6 @@
     "openFilterButtonIcon": "Icon displayed on the open filter button present in the toolbar by default.",
     "pagination": "Pagination component rendered in the grid footer by default.",
     "panel": "Panel component wrapping the filters and columns panels.",
-    "preferencesPanel": "PreferencesPanel component rendered inside the Header component.",
     "quickFilterClearIcon": "Icon displayed on the quick filter reset input.",
     "quickFilterIcon": "Icon displayed on the quick filter input.",
     "row": "Component rendered for each row.",

docs/translations/api-docs/data-grid/data-grid-pro.json

@@ -1465,7 +1465,6 @@
     "openFilterButtonIcon": "Icon displayed on the open filter button present in the toolbar by default.",
     "pagination": "Pagination component rendered in the grid footer by default.",
     "panel": "Panel component wrapping the filters and columns panels.",
-    "preferencesPanel": "PreferencesPanel component rendered inside the Header component.",
     "quickFilterClearIcon": "Icon displayed on the quick filter reset input.",
     "quickFilterIcon": "Icon displayed on the quick filter input.",
     "row": "Component rendered for each row.",

docs/translations/api-docs/data-grid/data-grid.json

@@ -1246,7 +1246,6 @@
     "openFilterButtonIcon": "Icon displayed on the open filter button present in the toolbar by default.",
     "pagination": "Pagination component rendered in the grid footer by default.",
     "panel": "Panel component wrapping the filters and columns panels.",
-    "preferencesPanel": "PreferencesPanel component rendered inside the Header component.",
     "quickFilterClearIcon": "Icon displayed on the quick filter reset input.",
     "quickFilterIcon": "Icon displayed on the quick filter input.",
     "row": "Component rendered for each row.",

packages/grid/x-data-grid/src/components/GridHeader.tsx

@@ -1,12 +1,13 @@
 import * as React from 'react';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';
+import { GridPreferencesPanel } from './panel/GridPreferencesPanel';
 
 export function GridHeader() {
   const rootProps = useGridRootProps();
 
   return (
     <React.Fragment>
-      <rootProps.slots.preferencesPanel {...rootProps.slotProps?.preferencesPanel} />
+      <GridPreferencesPanel />
       {rootProps.slots.toolbar && <rootProps.slots.toolbar {...rootProps.slotProps?.toolbar} />}
     </React.Fragment>
   );

packages/grid/x-data-grid/src/components/panel/index.ts

@@ -4,5 +4,4 @@ export * from './GridPanelContent';
 export * from './GridPanelFooter';
 export * from './GridPanelHeader';
 export * from './GridPanelWrapper';
-export * from './GridPreferencesPanel';
 export * from './filterPanel';

packages/grid/x-data-grid/src/constants/defaultGridSlotsComponents.ts

@@ -8,7 +8,6 @@ import {
   GridNoRowsOverlay,
   GridPagination,
   GridPanel,
-  GridPreferencesPanel,
   GridRow,
   GridColumnHeaderFilterIconButton,
   GridRowCount,
@@ -31,7 +30,6 @@ export const DATA_GRID_DEFAULT_SLOTS_COMPONENTS: GridSlotsComponent = {
   footer: GridFooter,
   footerRowCount: GridRowCount,
   toolbar: null,
-  preferencesPanel: GridPreferencesPanel,
   loadingOverlay: GridLoadingOverlay,
   noResultsOverlay: GridNoResultsOverlay,
   noRowsOverlay: GridNoRowsOverlay,

packages/grid/x-data-grid/src/models/gridSlotsComponent.ts

@@ -118,11 +118,6 @@ export interface GridSlotsComponent extends GridBaseSlots, GridIconSlotsComponen
    * @default null
    */
   toolbar: React.JSXElementConstructor<any> | null;
-  /**
-   * PreferencesPanel component rendered inside the Header component.
-   * @default GridPreferencesPanel
-   */
-  preferencesPanel: React.JSXElementConstructor<any>;
   /**
    * Loading overlay component rendered when the grid is in a loading state.
    * @default GridLoadingOverlay

packages/grid/x-data-grid/src/models/gridSlotsComponentsProps.ts

@@ -49,7 +49,6 @@ export interface LoadingOverlayPropsOverrides {}
 export interface NoResultsOverlayPropsOverrides {}
 export interface NoRowsOverlayPropsOverrides {}
 export interface PanelPropsOverrides {}
-export interface PreferencesPanelPropsOverrides {}
 export interface RowPropsOverrides {}
 
 type SlotProps<Props, Overrides> = Partial<Props & Overrides>;
@@ -88,10 +87,6 @@ export interface GridSlotsComponentsProps {
   noRowsOverlay?: SlotProps<GridOverlayProps, NoRowsOverlayPropsOverrides>;
   pagination?: SlotProps<TablePaginationProps, PaginationPropsOverrides>;
   panel?: SlotProps<GridPanelProps, PanelPropsOverrides>;
-  preferencesPanel?: SlotProps<
-    React.HTMLAttributes<HTMLDivElement>,
-    PreferencesPanelPropsOverrides
-  >;
   row?: SlotProps<GridRowProps, RowPropsOverrides>;
   toolbar?: SlotProps<GridToolbarProps, ToolbarPropsOverrides>;
 }

scripts/x-data-grid-premium.exports.json

@@ -423,7 +423,6 @@
   { "name": "GridPreferencePanelState", "kind": "Interface" },
   { "name": "gridPreferencePanelStateSelector", "kind": "Variable" },
   { "name": "GridPreferencePanelsValue", "kind": "Enum" },
-  { "name": "GridPreferencesPanel", "kind": "Variable" },
   { "name": "GridPreferencesPanelApi", "kind": "Interface" },
   { "name": "GridPremiumIconSlotsComponent", "kind": "Interface" },
   { "name": "GridPremiumSlotsComponent", "kind": "Interface" },
@@ -606,7 +605,6 @@
   { "name": "PaginationPropsOverrides", "kind": "Interface" },
   { "name": "PanelPropsOverrides", "kind": "Interface" },
   { "name": "plPL", "kind": "Variable" },
-  { "name": "PreferencesPanelPropsOverrides", "kind": "Interface" },
   { "name": "ptBR", "kind": "Variable" },
   { "name": "renderActionsCell", "kind": "Variable" },
   { "name": "renderBooleanCell", "kind": "Variable" },

scripts/x-data-grid-pro.exports.json

@@ -387,7 +387,6 @@
   { "name": "GridPreferencePanelState", "kind": "Interface" },
   { "name": "gridPreferencePanelStateSelector", "kind": "Variable" },
   { "name": "GridPreferencePanelsValue", "kind": "Enum" },
-  { "name": "GridPreferencesPanel", "kind": "Variable" },
   { "name": "GridPreferencesPanelApi", "kind": "Interface" },
   { "name": "GridPreProcessEditCellProps", "kind": "Interface" },
   { "name": "GridPrintExportApi", "kind": "Interface" },
@@ -559,7 +558,6 @@
   { "name": "PaginationPropsOverrides", "kind": "Interface" },
   { "name": "PanelPropsOverrides", "kind": "Interface" },
   { "name": "plPL", "kind": "Variable" },
-  { "name": "PreferencesPanelPropsOverrides", "kind": "Interface" },
   { "name": "ptBR", "kind": "Variable" },
   { "name": "renderActionsCell", "kind": "Variable" },
   { "name": "renderBooleanCell", "kind": "Variable" },

scripts/x-data-grid.exports.json

@@ -348,7 +348,6 @@
   { "name": "GridPreferencePanelState", "kind": "Interface" },
   { "name": "gridPreferencePanelStateSelector", "kind": "Variable" },
   { "name": "GridPreferencePanelsValue", "kind": "Enum" },
-  { "name": "GridPreferencesPanel", "kind": "Variable" },
   { "name": "GridPreferencesPanelApi", "kind": "Interface" },
   { "name": "GridPreProcessEditCellProps", "kind": "Interface" },
   { "name": "GridPrintExportApi", "kind": "Interface" },
@@ -508,7 +507,6 @@
   { "name": "PaginationPropsOverrides", "kind": "Interface" },
   { "name": "PanelPropsOverrides", "kind": "Interface" },
   { "name": "plPL", "kind": "Variable" },
-  { "name": "PreferencesPanelPropsOverrides", "kind": "Interface" },
   { "name": "ptBR", "kind": "Variable" },
   { "name": "renderActionsCell", "kind": "Variable" },
   { "name": "renderBooleanCell", "kind": "Variable" },