@mui/x-charts 6.18.1 → 7.0.0-alpha.1

package/ChartsLegend/ChartsLegend.d.ts

@@ -8,10 +8,10 @@ import { DefaultizedProps } from '../models/helpers';
 import { LegendParams } from '../models/seriesType/config';
 import { ChartsTextStyle } from '../internals/components/ChartsText';
 import { CardinalDirections } from '../models/layout';
-export interface ChartsLegendSlotsComponent {
+export interface ChartsLegendSlots {
     legend?: React.JSXElementConstructor<LegendRendererProps>;
 }
-export interface ChartsLegendSlotComponentProps {
+export interface ChartsLegendSlotProps {
     legend?: Partial<LegendRendererProps>;
 }
 export type ChartsLegendProps = {
@@ -34,12 +34,12 @@ export type ChartsLegendProps = {
      * Overridable component slots.
      * @default {}
      */
-    slots?: ChartsLegendSlotsComponent;
+    slots?: ChartsLegendSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: ChartsLegendSlotComponentProps;
+    slotProps?: ChartsLegendSlotProps;
 };
 type DefaultizedChartsLegendProps = DefaultizedProps<ChartsLegendProps, 'direction' | 'position'>;
 export type ChartsLegendRootOwnerState = {
@@ -88,5 +88,8 @@ export interface LegendRendererProps extends Omit<DefaultizedChartsLegendProps,
      */
     padding?: number | Partial<CardinalDirections<number>>;
 }
-export declare function ChartsLegend(inProps: ChartsLegendProps): React.JSX.Element;
-export {};
+declare function ChartsLegend(inProps: ChartsLegendProps): React.JSX.Element;
+declare namespace ChartsLegend {
+    var propTypes: any;
+}
+export { ChartsLegend };

package/ChartsLegend/ChartsLegend.js

@@ -9,6 +9,7 @@ exports.ChartsLegendRoot = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("@mui/base/utils");
 var _NoSsr = require("@mui/base/NoSsr");
 var _utils2 = require("@mui/utils");
@@ -242,6 +243,106 @@ function DefaultChartsLegend(props) {
     })
   });
 }
+process.env.NODE_ENV !== "production" ? DefaultChartsLegend.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object.isRequired,
+  /**
+   * The direction of the legend layout.
+   * The default depends on the chart.
+   */
+  direction: _propTypes.default.oneOf(['column', 'row']).isRequired,
+  drawingArea: _propTypes.default.shape({
+    bottom: _propTypes.default.number.isRequired,
+    height: _propTypes.default.number.isRequired,
+    left: _propTypes.default.number.isRequired,
+    right: _propTypes.default.number.isRequired,
+    top: _propTypes.default.number.isRequired,
+    width: _propTypes.default.number.isRequired
+  }).isRequired,
+  /**
+   * Set to true to hide the legend.
+   */
+  hidden: _propTypes.default.bool,
+  /**
+   * Space between two legend items (in px).
+   * @default 10
+   */
+  itemGap: _propTypes.default.number,
+  /**
+   * Height of the item mark (in px).
+   * @default 20
+   */
+  itemMarkHeight: _propTypes.default.number,
+  /**
+   * Width of the item mark (in px).
+   * @default 20
+   */
+  itemMarkWidth: _propTypes.default.number,
+  /**
+   * Style applied to legend labels.
+   * @default theme.typography.subtitle1
+   */
+  labelStyle: _propTypes.default.object,
+  /**
+   * Space between the mark and the label (in px).
+   * @default 5
+   */
+  markGap: _propTypes.default.number,
+  /**
+   * Legend padding (in px).
+   * Can either be a single number, or an object with top, left, bottom, right properties.
+   * @default 0
+   */
+  padding: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+    bottom: _propTypes.default.number,
+    left: _propTypes.default.number,
+    right: _propTypes.default.number,
+    top: _propTypes.default.number
+  })]),
+  position: _propTypes.default.shape({
+    horizontal: _propTypes.default.oneOf(['left', 'middle', 'right']).isRequired,
+    vertical: _propTypes.default.oneOf(['bottom', 'middle', 'top']).isRequired
+  }).isRequired,
+  series: _propTypes.default.shape({
+    bar: _propTypes.default.shape({
+      series: _propTypes.default.object.isRequired,
+      seriesOrder: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+      stackingGroups: _propTypes.default.arrayOf(_propTypes.default.shape({
+        ids: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+        stackingOffset: _propTypes.default.func.isRequired,
+        stackingOrder: _propTypes.default.func.isRequired
+      })).isRequired
+    }),
+    line: _propTypes.default.shape({
+      series: _propTypes.default.object.isRequired,
+      seriesOrder: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+      stackingGroups: _propTypes.default.arrayOf(_propTypes.default.shape({
+        ids: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+        stackingOffset: _propTypes.default.func.isRequired,
+        stackingOrder: _propTypes.default.func.isRequired
+      })).isRequired
+    }),
+    pie: _propTypes.default.shape({
+      series: _propTypes.default.object.isRequired,
+      seriesOrder: _propTypes.default.arrayOf(_propTypes.default.string).isRequired
+    }),
+    scatter: _propTypes.default.shape({
+      series: _propTypes.default.object.isRequired,
+      seriesOrder: _propTypes.default.arrayOf(_propTypes.default.string).isRequired
+    })
+  }).isRequired,
+  seriesToDisplay: _propTypes.default.arrayOf(_propTypes.default.shape({
+    color: _propTypes.default.string.isRequired,
+    id: _propTypes.default.string.isRequired,
+    label: _propTypes.default.string.isRequired
+  })).isRequired
+} : void 0;
 function ChartsLegend(inProps) {
   const props = (0, _styles.useThemeProps)({
     props: (0, _extends2.default)({}, defaultProps, inProps),
@@ -277,4 +378,38 @@ function ChartsLegend(inProps) {
     ownerState: {}
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ChartLegendRender, (0, _extends2.default)({}, chartLegendRenderProps));
-}
+}
+process.env.NODE_ENV !== "production" ? ChartsLegend.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+  /**
+   * The direction of the legend layout.
+   * The default depends on the chart.
+   */
+  direction: _propTypes.default.oneOf(['column', 'row']),
+  /**
+   * Set to true to hide the legend.
+   * @default false
+   */
+  hidden: _propTypes.default.bool,
+  position: _propTypes.default.shape({
+    horizontal: _propTypes.default.oneOf(['left', 'middle', 'right']).isRequired,
+    vertical: _propTypes.default.oneOf(['bottom', 'middle', 'top']).isRequired
+  }),
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: _propTypes.default.object
+} : void 0;

package/ChartsTooltip/ChartsTooltip.d.ts

@@ -4,12 +4,12 @@ import { TriggerOptions } from './utils';
 import { ChartsItemContentProps } from './ChartsItemTooltipContent';
 import { ChartsAxisContentProps } from './ChartsAxisTooltipContent';
 import { ChartsTooltipClasses } from './tooltipClasses';
-export interface ChartsTooltipSlotsComponent {
+export interface ChartsTooltipSlots {
     popper?: React.ElementType<PopperProps>;
     axisContent?: React.ElementType<ChartsAxisContentProps>;
     itemContent?: React.ElementType<ChartsItemContentProps>;
 }
-export interface ChartsTooltipSlotComponentProps {
+export interface ChartsTooltipSlotProps {
     popper?: Partial<PopperProps>;
     axisContent?: Partial<ChartsAxisContentProps>;
     itemContent?: Partial<ChartsItemContentProps>;
@@ -41,12 +41,12 @@ export type ChartsTooltipProps = {
      * Overridable component slots.
      * @default {}
      */
-    slots?: ChartsTooltipSlotsComponent;
+    slots?: ChartsTooltipSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: ChartsTooltipSlotComponentProps;
+    slotProps?: ChartsTooltipSlotProps;
 };
 /**
  * Demos:

package/LineChart/AreaPlot.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { AreaElementProps } from './AreaElement';
-export interface AreaPlotSlotsComponent {
+export interface AreaPlotSlots {
     area?: React.JSXElementConstructor<AreaElementProps>;
 }
-export interface AreaPlotSlotComponentProps {
+export interface AreaPlotSlotProps {
     area?: Partial<AreaElementProps>;
 }
 export interface AreaPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<AreaElementProps, 'slots' | 'slotProps'> {

package/LineChart/LineChart.d.ts

@@ -1,19 +1,19 @@
 import * as React from 'react';
-import { AreaPlotSlotComponentProps, AreaPlotSlotsComponent } from './AreaPlot';
-import { LinePlotSlotComponentProps, LinePlotSlotsComponent } from './LinePlot';
+import { AreaPlotSlotProps, AreaPlotSlots } from './AreaPlot';
+import { LinePlotSlotProps, LinePlotSlots } from './LinePlot';
 import { ResponsiveChartContainerProps } from '../ResponsiveChartContainer';
-import { MarkPlotSlotComponentProps, MarkPlotSlotsComponent } from './MarkPlot';
+import { MarkPlotSlotProps, MarkPlotSlots } from './MarkPlot';
 import { ChartsAxisProps } from '../ChartsAxis/ChartsAxis';
 import { LineSeriesType } from '../models/seriesType/line';
 import { MakeOptional } from '../models/helpers';
-import { ChartsTooltipProps, ChartsTooltipSlotComponentProps, ChartsTooltipSlotsComponent } from '../ChartsTooltip';
-import { ChartsLegendProps, ChartsLegendSlotComponentProps, ChartsLegendSlotsComponent } from '../ChartsLegend';
+import { ChartsTooltipProps, ChartsTooltipSlotProps, ChartsTooltipSlots } from '../ChartsTooltip';
+import { ChartsLegendProps, ChartsLegendSlotProps, ChartsLegendSlots } from '../ChartsLegend';
 import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight';
-import { ChartsAxisSlotComponentProps, ChartsAxisSlotsComponent } from '../models/axis';
-import { LineHighlightPlotSlotsComponent, LineHighlightPlotSlotComponentProps } from './LineHighlightPlot';
-export interface LineChartSlotsComponent extends ChartsAxisSlotsComponent, AreaPlotSlotsComponent, LinePlotSlotsComponent, MarkPlotSlotsComponent, LineHighlightPlotSlotsComponent, ChartsLegendSlotsComponent, ChartsTooltipSlotsComponent {
+import { ChartsAxisSlotProps, ChartsAxisSlots } from '../models/axis';
+import { LineHighlightPlotSlots, LineHighlightPlotSlotProps } from './LineHighlightPlot';
+export interface LineChartSlots extends ChartsAxisSlots, AreaPlotSlots, LinePlotSlots, MarkPlotSlots, LineHighlightPlotSlots, ChartsLegendSlots, ChartsTooltipSlots {
 }
-export interface LineChartSlotComponentProps extends ChartsAxisSlotComponentProps, AreaPlotSlotComponentProps, LinePlotSlotComponentProps, MarkPlotSlotComponentProps, LineHighlightPlotSlotComponentProps, ChartsLegendSlotComponentProps, ChartsTooltipSlotComponentProps {
+export interface LineChartSlotProps extends ChartsAxisSlotProps, AreaPlotSlotProps, LinePlotSlotProps, MarkPlotSlotProps, LineHighlightPlotSlotProps, ChartsLegendSlotProps, ChartsTooltipSlotProps {
 }
 export interface LineChartProps extends Omit<ResponsiveChartContainerProps, 'series'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'> {
     series: MakeOptional<LineSeriesType, 'type'>[];
@@ -38,12 +38,12 @@ export interface LineChartProps extends Omit<ResponsiveChartContainerProps, 'ser
      * Overridable component slots.
      * @default {}
      */
-    slots?: LineChartSlotsComponent;
+    slots?: LineChartSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: LineChartSlotComponentProps;
+    slotProps?: LineChartSlotProps;
 }
 /**
  * Demos:

package/LineChart/LineHighlightPlot.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { LineHighlightElementProps } from './LineHighlightElement';
-export interface LineHighlightPlotSlotsComponent {
+export interface LineHighlightPlotSlots {
     lineHighlight?: React.JSXElementConstructor<LineHighlightElementProps>;
 }
-export interface LineHighlightPlotSlotComponentProps {
+export interface LineHighlightPlotSlotProps {
     lineHighlight?: Partial<LineHighlightElementProps>;
 }
 export interface LineHighlightPlotProps extends React.SVGAttributes<SVGSVGElement> {
@@ -11,12 +11,12 @@ export interface LineHighlightPlotProps extends React.SVGAttributes<SVGSVGElemen
      * Overridable component slots.
      * @default {}
      */
-    slots?: LineHighlightPlotSlotsComponent;
+    slots?: LineHighlightPlotSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: LineHighlightPlotSlotComponentProps;
+    slotProps?: LineHighlightPlotSlotProps;
 }
 /**
  * Demos:

package/LineChart/LinePlot.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { LineElementProps } from './LineElement';
-export interface LinePlotSlotsComponent {
+export interface LinePlotSlots {
     line?: React.JSXElementConstructor<LineElementProps>;
 }
-export interface LinePlotSlotComponentProps {
+export interface LinePlotSlotProps {
     line?: Partial<LineElementProps>;
 }
 export interface LinePlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<LineElementProps, 'slots' | 'slotProps'> {

package/LineChart/MarkPlot.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { MarkElementProps } from './MarkElement';
-export interface MarkPlotSlotsComponent {
+export interface MarkPlotSlots {
     mark?: React.JSXElementConstructor<MarkElementProps>;
 }
-export interface MarkPlotSlotComponentProps {
+export interface MarkPlotSlotProps {
     mark?: Partial<MarkElementProps>;
 }
 export interface MarkPlotProps extends React.SVGAttributes<SVGSVGElement> {
@@ -11,12 +11,12 @@ export interface MarkPlotProps extends React.SVGAttributes<SVGSVGElement> {
      * Overridable component slots.
      * @default {}
      */
-    slots?: MarkPlotSlotsComponent;
+    slots?: MarkPlotSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: MarkPlotSlotComponentProps;
+    slotProps?: MarkPlotSlotProps;
 }
 /**
  * Demos:

package/PieChart/PieArcLabelPlot.d.ts

@@ -2,10 +2,10 @@ import * as React from 'react';
 import { DefaultizedPieSeriesType } from '../models/seriesType/pie';
 import { PieArcLabelProps } from './PieArcLabel';
 import { DefaultizedProps } from '../models/helpers';
-export interface PieArcLabelPlotSlotsComponent {
+export interface PieArcLabelPlotSlots {
     pieArcLabel?: React.JSXElementConstructor<PieArcLabelProps>;
 }
-export interface PieArcLabelPlotSlotComponentProps {
+export interface PieArcLabelPlotSlotProps {
     pieArcLabel?: Partial<PieArcLabelProps>;
 }
 export interface PieArcLabelPlotProps extends DefaultizedProps<Pick<DefaultizedPieSeriesType, 'data' | 'faded' | 'highlighted' | 'innerRadius' | 'outerRadius' | 'cornerRadius' | 'paddingAngle' | 'arcLabel' | 'arcLabelMinAngle' | 'id' | 'highlightScope'>, 'outerRadius'> {
@@ -13,12 +13,12 @@ export interface PieArcLabelPlotProps extends DefaultizedProps<Pick<DefaultizedP
      * Overridable component slots.
      * @default {}
      */
-    slots?: PieArcLabelPlotSlotsComponent;
+    slots?: PieArcLabelPlotSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: PieArcLabelPlotSlotComponentProps;
+    slotProps?: PieArcLabelPlotSlotProps;
     /**
      * If `true`, animations are skiped.
      * @default false

package/PieChart/PieArcPlot.d.ts

@@ -2,10 +2,10 @@ import * as React from 'react';
 import { PieArcProps } from './PieArc';
 import { DefaultizedPieSeriesType, DefaultizedPieValueType, PieItemIdentifier } from '../models/seriesType/pie';
 import { DefaultizedProps } from '../models/helpers';
-export interface PieArcPlotSlotsComponent {
+export interface PieArcPlotSlots {
     pieArc?: React.JSXElementConstructor<PieArcProps>;
 }
-export interface PieArcPlotSlotComponentProps {
+export interface PieArcPlotSlotProps {
     pieArc?: Partial<PieArcProps>;
 }
 export interface PieArcPlotProps extends DefaultizedProps<Pick<DefaultizedPieSeriesType, 'data' | 'faded' | 'highlighted' | 'innerRadius' | 'outerRadius' | 'cornerRadius' | 'paddingAngle' | 'id' | 'highlightScope'>, 'outerRadius'> {
@@ -13,12 +13,12 @@ export interface PieArcPlotProps extends DefaultizedProps<Pick<DefaultizedPieSer
      * Overridable component slots.
      * @default {}
      */
-    slots?: PieArcPlotSlotsComponent;
+    slots?: PieArcPlotSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: PieArcPlotSlotComponentProps;
+    slotProps?: PieArcPlotSlotProps;
     /**
      * Callback fired when a pie item is clicked.
      * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.

package/PieChart/PieChart.d.ts

@@ -3,15 +3,15 @@ import { ResponsiveChartContainerProps } from '../ResponsiveChartContainer';
 import { ChartsAxisProps } from '../ChartsAxis/ChartsAxis';
 import { PieSeriesType } from '../models/seriesType';
 import { MakeOptional } from '../models/helpers';
-import { ChartsTooltipProps, ChartsTooltipSlotComponentProps, ChartsTooltipSlotsComponent } from '../ChartsTooltip';
-import { ChartsLegendProps, ChartsLegendSlotComponentProps, ChartsLegendSlotsComponent } from '../ChartsLegend';
+import { ChartsTooltipProps, ChartsTooltipSlotProps, ChartsTooltipSlots } from '../ChartsTooltip';
+import { ChartsLegendProps, ChartsLegendSlotProps, ChartsLegendSlots } from '../ChartsLegend';
 import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight';
-import { PiePlotProps, PiePlotSlotComponentProps, PiePlotSlotsComponent } from './PiePlot';
+import { PiePlotProps, PiePlotSlotProps, PiePlotSlots } from './PiePlot';
 import { PieValueType } from '../models/seriesType/pie';
-import { ChartsAxisSlotsComponent, ChartsAxisSlotComponentProps } from '../models/axis';
-export interface PieChartSlotsComponent extends ChartsAxisSlotsComponent, PiePlotSlotsComponent, ChartsLegendSlotsComponent, ChartsTooltipSlotsComponent {
+import { ChartsAxisSlots, ChartsAxisSlotProps } from '../models/axis';
+export interface PieChartSlots extends ChartsAxisSlots, PiePlotSlots, ChartsLegendSlots, ChartsTooltipSlots {
 }
-export interface PieChartSlotComponentProps extends ChartsAxisSlotComponentProps, PiePlotSlotComponentProps, ChartsLegendSlotComponentProps, ChartsTooltipSlotComponentProps {
+export interface PieChartSlotProps extends ChartsAxisSlotProps, PiePlotSlotProps, ChartsLegendSlotProps, ChartsTooltipSlotProps {
 }
 export interface PieChartProps extends Omit<ResponsiveChartContainerProps, 'series'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Pick<PiePlotProps, 'skipAnimation'> {
     series: MakeOptional<PieSeriesType<MakeOptional<PieValueType, 'id'>>, 'type'>[];
@@ -22,12 +22,12 @@ export interface PieChartProps extends Omit<ResponsiveChartContainerProps, 'seri
      */
     legend?: ChartsLegendProps;
     onClick?: PiePlotProps['onClick'];
-    slots?: PieChartSlotsComponent;
+    slots?: PieChartSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: PieChartSlotComponentProps;
+    slotProps?: PieChartSlotProps;
 }
 /**
  * Demos:

package/PieChart/PiePlot.d.ts

@@ -1,21 +1,21 @@
 import * as React from 'react';
-import { PieArcPlotProps, PieArcPlotSlotComponentProps, PieArcPlotSlotsComponent } from './PieArcPlot';
-import { PieArcLabelPlotSlotsComponent, PieArcLabelPlotSlotComponentProps } from './PieArcLabelPlot';
-export interface PiePlotSlotsComponent extends PieArcPlotSlotsComponent, PieArcLabelPlotSlotsComponent {
+import { PieArcPlotProps, PieArcPlotSlotProps, PieArcPlotSlots } from './PieArcPlot';
+import { PieArcLabelPlotSlots, PieArcLabelPlotSlotProps } from './PieArcLabelPlot';
+export interface PiePlotSlots extends PieArcPlotSlots, PieArcLabelPlotSlots {
 }
-export interface PiePlotSlotComponentProps extends PieArcPlotSlotComponentProps, PieArcLabelPlotSlotComponentProps {
+export interface PiePlotSlotProps extends PieArcPlotSlotProps, PieArcLabelPlotSlotProps {
 }
 export interface PiePlotProps extends Pick<PieArcPlotProps, 'skipAnimation' | 'onClick'> {
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: PiePlotSlotsComponent;
+    slots?: PiePlotSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: PiePlotSlotComponentProps;
+    slotProps?: PiePlotSlotProps;
 }
 /**
  * Demos:

package/ScatterChart/ScatterChart.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
-import { ScatterPlotSlotComponentProps, ScatterPlotSlotsComponent } from './ScatterPlot';
+import { ScatterPlotSlotProps, ScatterPlotSlots } from './ScatterPlot';
 import { ResponsiveChartContainerProps } from '../ResponsiveChartContainer';
 import { ChartsAxisProps } from '../ChartsAxis';
 import { ScatterSeriesType } from '../models/seriesType/scatter';
 import { MakeOptional } from '../models/helpers';
-import { ChartsTooltipProps, ChartsTooltipSlotComponentProps, ChartsTooltipSlotsComponent } from '../ChartsTooltip';
-import { ChartsLegendProps, ChartsLegendSlotComponentProps, ChartsLegendSlotsComponent } from '../ChartsLegend';
+import { ChartsTooltipProps, ChartsTooltipSlotProps, ChartsTooltipSlots } from '../ChartsTooltip';
+import { ChartsLegendProps, ChartsLegendSlotProps, ChartsLegendSlots } from '../ChartsLegend';
 import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight';
-import { ChartsAxisSlotsComponent, ChartsAxisSlotComponentProps } from '../models/axis';
-export interface ScatterChartSlotsComponent extends ChartsAxisSlotsComponent, ScatterPlotSlotsComponent, ChartsLegendSlotsComponent, ChartsTooltipSlotsComponent {
+import { ChartsAxisSlots, ChartsAxisSlotProps } from '../models/axis';
+export interface ScatterChartSlots extends ChartsAxisSlots, ScatterPlotSlots, ChartsLegendSlots, ChartsTooltipSlots {
 }
-export interface ScatterChartSlotComponentProps extends ChartsAxisSlotComponentProps, ScatterPlotSlotComponentProps, ChartsLegendSlotComponentProps, ChartsTooltipSlotComponentProps {
+export interface ScatterChartSlotProps extends ChartsAxisSlotProps, ScatterPlotSlotProps, ChartsLegendSlotProps, ChartsTooltipSlotProps {
 }
 export interface ScatterChartProps extends Omit<ResponsiveChartContainerProps, 'series'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'> {
     series: MakeOptional<ScatterSeriesType, 'type'>[];
@@ -24,12 +24,12 @@ export interface ScatterChartProps extends Omit<ResponsiveChartContainerProps, '
      * Overridable component slots.
      * @default {}
      */
-    slots?: ScatterChartSlotsComponent;
+    slots?: ScatterChartSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: ScatterChartSlotComponentProps;
+    slotProps?: ScatterChartSlotProps;
 }
 /**
  * Demos:

package/ScatterChart/ScatterPlot.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { ScatterProps } from './Scatter';
-export interface ScatterPlotSlotsComponent {
+export interface ScatterPlotSlots {
     scatter?: React.JSXElementConstructor<ScatterProps>;
 }
-export interface ScatterPlotSlotComponentProps {
+export interface ScatterPlotSlotProps {
     scatter?: Partial<ScatterProps>;
 }
 export interface ScatterPlotProps {
@@ -11,12 +11,12 @@ export interface ScatterPlotProps {
      * Overridable component slots.
      * @default {}
      */
-    slots?: ScatterPlotSlotsComponent;
+    slots?: ScatterPlotSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: ScatterPlotSlotComponentProps;
+    slotProps?: ScatterPlotSlotProps;
 }
 /**
  * Demos:

package/SparkLineChart/SparkLineChart.d.ts

@@ -1,18 +1,18 @@
 import * as React from 'react';
 import { ResponsiveChartContainerProps } from '../ResponsiveChartContainer';
-import { ChartsTooltipProps, ChartsTooltipSlotComponentProps, ChartsTooltipSlotsComponent } from '../ChartsTooltip';
+import { ChartsTooltipProps, ChartsTooltipSlotProps, ChartsTooltipSlots } from '../ChartsTooltip';
 import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight';
 import { AxisConfig } from '../models/axis';
 import { MakeOptional } from '../models/helpers';
 import { LineSeriesType } from '../models/seriesType/line';
-import { AreaPlotSlotsComponent, AreaPlotSlotComponentProps } from '../LineChart/AreaPlot';
-import { LinePlotSlotsComponent, LinePlotSlotComponentProps } from '../LineChart/LinePlot';
-import { MarkPlotSlotsComponent, MarkPlotSlotComponentProps } from '../LineChart/MarkPlot';
-import { LineHighlightPlotSlotsComponent, LineHighlightPlotSlotComponentProps } from '../LineChart/LineHighlightPlot';
-import { BarPlotSlotsComponent, BarPlotSlotComponentProps } from '../BarChart/BarPlot';
-export interface SparkLineChartSlotsComponent extends AreaPlotSlotsComponent, LinePlotSlotsComponent, MarkPlotSlotsComponent, LineHighlightPlotSlotsComponent, BarPlotSlotsComponent, ChartsTooltipSlotsComponent {
+import { AreaPlotSlots, AreaPlotSlotProps } from '../LineChart/AreaPlot';
+import { LinePlotSlots, LinePlotSlotProps } from '../LineChart/LinePlot';
+import { MarkPlotSlots, MarkPlotSlotProps } from '../LineChart/MarkPlot';
+import { LineHighlightPlotSlots, LineHighlightPlotSlotProps } from '../LineChart/LineHighlightPlot';
+import { BarPlotSlots, BarPlotSlotProps } from '../BarChart/BarPlot';
+export interface SparkLineChartSlots extends AreaPlotSlots, LinePlotSlots, MarkPlotSlots, LineHighlightPlotSlots, BarPlotSlots, ChartsTooltipSlots {
 }
-export interface SparkLineChartSlotComponentProps extends AreaPlotSlotComponentProps, LinePlotSlotComponentProps, MarkPlotSlotComponentProps, LineHighlightPlotSlotComponentProps, BarPlotSlotComponentProps, ChartsTooltipSlotComponentProps {
+export interface SparkLineChartSlotProps extends AreaPlotSlotProps, LinePlotSlotProps, MarkPlotSlotProps, LineHighlightPlotSlotProps, BarPlotSlotProps, ChartsTooltipSlotProps {
 }
 export interface SparkLineChartProps extends Omit<ResponsiveChartContainerProps, 'series' | 'xAxis' | 'yAxis'> {
     /**
@@ -63,12 +63,12 @@ export interface SparkLineChartProps extends Omit<ResponsiveChartContainerProps,
      * Overridable component slots.
      * @default {}
      */
-    slots?: SparkLineChartSlotsComponent;
+    slots?: SparkLineChartSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: SparkLineChartSlotComponentProps;
+    slotProps?: SparkLineChartSlotProps;
 }
 /**
  * Demos: