[charts] Rename materialSlots internal constant (#17710)

Author: bernardobelchior

packages/x-charts-pro/src/ChartsToolbarPro/internal/ChartsToolbarZoomInButton.tsx

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ToolbarButton } from '@mui/x-charts/Toolbar';
 import { useChartContext } from '@mui/x-charts/internals';
 import { useChartsLocalization } from '@mui/x-charts/hooks';
-import { ChartsSlotsPro, materialSlots } from '../../internals/material';
+import { ChartsSlotsPro, defaultSlotsMaterial } from '../../internals/material';
 import { UseChartProZoomSignature } from '../../internals/plugins/useChartProZoom';
 
 type ChartsToolbarZoomInButtonSlots = Partial<Pick<ChartsSlotsPro, 'baseTooltip' | 'zoomInIcon'>>;
@@ -22,8 +22,8 @@ interface ChartsToolbarZoomInButtonProps {
 
 export function ChartsToolbarZoomInButton({ slots, slotProps }: ChartsToolbarZoomInButtonProps) {
   const { instance } = useChartContext<[UseChartProZoomSignature]>();
-  const ZoomInIcon = slots?.zoomInIcon ?? materialSlots.zoomInIcon;
-  const Tooltip = slots?.baseTooltip ?? materialSlots.baseTooltip;
+  const ZoomInIcon = slots?.zoomInIcon ?? defaultSlotsMaterial.zoomInIcon;
+  const Tooltip = slots?.baseTooltip ?? defaultSlotsMaterial.baseTooltip;
   const { localeText } = useChartsLocalization();
 
   return (

packages/x-charts-pro/src/ChartsToolbarPro/internal/ChartsToolbarZoomOutButton.tsx

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ToolbarButton } from '@mui/x-charts/Toolbar';
 import { useChartContext } from '@mui/x-charts/internals';
 import { useChartsLocalization } from '@mui/x-charts/hooks';
-import { ChartsSlotsPro, materialSlots } from '../../internals/material';
+import { ChartsSlotsPro, defaultSlotsMaterial } from '../../internals/material';
 import { UseChartProZoomSignature } from '../../internals/plugins/useChartProZoom';
 
 type ChartsToolbarZoomOutButtonSlots = Partial<Pick<ChartsSlotsPro, 'baseTooltip' | 'zoomOutIcon'>>;
@@ -22,8 +22,8 @@ interface ChartsToolbarZoomOutButtonProps {
 
 export function ChartsToolbarZoomOutButton({ slots, slotProps }: ChartsToolbarZoomOutButtonProps) {
   const { instance } = useChartContext<[UseChartProZoomSignature]>();
-  const ZoomOutIcon = slots?.zoomOutIcon ?? materialSlots.zoomOutIcon;
-  const Tooltip = slots?.baseTooltip ?? materialSlots.baseTooltip;
+  const ZoomOutIcon = slots?.zoomOutIcon ?? defaultSlotsMaterial.zoomOutIcon;
+  const Tooltip = slots?.baseTooltip ?? defaultSlotsMaterial.baseTooltip;
   const { localeText } = useChartsLocalization();
 
   return (

packages/x-charts-pro/src/internals/material/index.ts

@@ -1,6 +1,6 @@
 import { ChartsBaseSlots, ChartsIconSlots } from '@mui/x-charts/models';
 import Tooltip from '@mui/material/Tooltip';
-import { materialSlots as communityMaterialSlots } from '@mui/x-charts/internals';
+import { defaultSlotsMaterial as communityDefaultSlotsMaterial } from '@mui/x-charts/internals';
 import { ChartsBaseSlotsPro } from '../slots/chartsBaseSlots';
 import { ChartsZoomInIcon, ChartsZoomOutIcon } from './icons';
 import { ChartsIconSlotsPro } from '../slots/chartsIconSlots';
@@ -16,8 +16,8 @@ const iconSlots: Omit<ChartsIconSlotsPro, keyof ChartsIconSlots> = {
 
 export type ChartsSlotsPro = ChartsBaseSlotsPro & ChartsIconSlotsPro;
 
-export const materialSlots: ChartsSlotsPro = {
-  ...communityMaterialSlots,
+export const defaultSlotsMaterial: ChartsSlotsPro = {
+  ...communityDefaultSlotsMaterial,
   ...baseSlots,
   ...iconSlots,
 };

packages/x-charts/src/Toolbar/ToolbarButton.tsx

@@ -1,13 +1,13 @@
 import PropTypes from 'prop-types';
 import * as React from 'react';
-import { materialSlots } from '../internals/material';
+import { defaultSlotsMaterial } from '../internals/material';
 import { ChartBaseIconButtonProps } from '../models/slots/chartsBaseSlotProps';
 
 export interface ToolbarButtonProps extends ChartBaseIconButtonProps {}
 
 const ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButtonProps>(
   function ToolbarButton(props, ref) {
-    const IconButton = materialSlots.baseIconButton;
+    const IconButton = defaultSlotsMaterial.baseIconButton;
 
     return <IconButton ref={ref} {...props} />;
   },

packages/x-charts/src/internals/material/index.ts

@@ -10,4 +10,4 @@ const iconSlots: ChartsIconSlots = {};
 
 export type ChartsSlots = ChartsBaseSlots & ChartsIconSlots;
 
-export const materialSlots: ChartsSlots = { ...baseSlots, ...iconSlots };
+export const defaultSlotsMaterial: ChartsSlots = { ...baseSlots, ...iconSlots };