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

package/BarChart/BarChart.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
-import { BarPlotProps, BarPlotSlotComponentProps, BarPlotSlotsComponent } from './BarPlot';
+import { BarPlotProps, BarPlotSlotProps, BarPlotSlots } from './BarPlot';
 import { ResponsiveChartContainerProps } from '../ResponsiveChartContainer';
 import { ChartsAxisProps } from '../ChartsAxis';
 import { BarSeriesType } from '../models/seriesType/bar';
 import { MakeOptional } from '../models/helpers';
-import { ChartsTooltipProps, ChartsTooltipSlotComponentProps, ChartsTooltipSlotsComponent } from '../ChartsTooltip';
-import { ChartsLegendProps, ChartsLegendSlotsComponent, ChartsLegendSlotComponentProps } from '../ChartsLegend';
+import { ChartsTooltipProps, ChartsTooltipSlotProps, ChartsTooltipSlots } from '../ChartsTooltip';
+import { ChartsLegendProps, ChartsLegendSlots, ChartsLegendSlotProps } from '../ChartsLegend';
 import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight';
-import { ChartsAxisSlotsComponent, ChartsAxisSlotComponentProps } from '../models/axis';
-export interface BarChartSlotsComponent extends ChartsAxisSlotsComponent, BarPlotSlotsComponent, ChartsLegendSlotsComponent, ChartsTooltipSlotsComponent {
+import { ChartsAxisSlots, ChartsAxisSlotProps } from '../models/axis';
+export interface BarChartSlots extends ChartsAxisSlots, BarPlotSlots, ChartsLegendSlots, ChartsTooltipSlots {
 }
-export interface BarChartSlotComponentProps extends ChartsAxisSlotComponentProps, BarPlotSlotComponentProps, ChartsLegendSlotComponentProps, ChartsTooltipSlotComponentProps {
+export interface BarChartSlotProps extends ChartsAxisSlotProps, BarPlotSlotProps, ChartsLegendSlotProps, ChartsTooltipSlotProps {
 }
 export interface BarChartProps extends Omit<ResponsiveChartContainerProps, 'series'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Pick<BarPlotProps, 'skipAnimation'> {
     series: MakeOptional<BarSeriesType, 'type'>[];
@@ -31,12 +31,12 @@ export interface BarChartProps extends Omit<ResponsiveChartContainerProps, 'seri
      * Overridable component slots.
      * @default {}
      */
-    slots?: BarChartSlotsComponent;
+    slots?: BarChartSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: BarChartSlotComponentProps;
+    slotProps?: BarChartSlotProps;
     layout?: BarSeriesType['layout'];
 }
 /**

package/BarChart/BarPlot.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { BarElementProps } from './BarElement';
-export interface BarPlotSlotsComponent {
+export interface BarPlotSlots {
     bar?: React.JSXElementConstructor<BarElementProps>;
 }
-export interface BarPlotSlotComponentProps {
+export interface BarPlotSlotProps {
     bar?: Partial<BarElementProps>;
 }
 export interface BarPlotProps extends Pick<BarElementProps, 'slots' | 'slotProps'> {

package/CHANGELOG.md

@@ -3,6 +3,155 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.0.0-alpha.0
+
+_Nov 10, 2023_
+
+We're thrilled to announce the first alpha release of our next major version, v7.
+This release introduces a few breaking changes, paving the way for the upcoming features like Pivoting and DateTimeRangePicker.
+
+A special shoutout to thank the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 First v7 alpha release
+- ✨ Fix aggregation label not showing when `renderHeader` is used (#10961) @cherniavskii
+- 📘 Server side data source [early documentation](https://mui.com/x/react-data-grid/server-side-data/)
+- 💫 New recipes added for the data grid
+- 📈 `<ChartsReferenceLine />` component is now available
+- 🌍 Add Basque (eu) locale, improve Czech (cs-CZ) and Spanish (es-ES) locales
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### Breaking changes
+
+- The deprecated `components` and `componentsProps` props have been removed. Use `slots` and `slotProps` instead. See [components section](/x/react-data-grid/components/) for more details.
+- The print export will now only print the selected rows if there are any.
+  If there are no selected rows, it will print all rows. This makes the print export consistent with the other exports.
+  You can [customize the rows to export by using the `getRowsToExport` function](/x/react-data-grid/export/#customizing-the-rows-to-export).
+- The `getApplyFilterFnV7` in `GridFilterOperator` was renamed to `getApplyFilterFn`.
+  If you use `getApplyFilterFnV7` directly - rename it to `getApplyFilterFn`.
+- The signature of the function returned by `getApplyFilterFn` has changed for performance reasons:
+
+```diff
+ const getApplyFilterFn: GetApplyFilterFn<any, unknown> = (filterItem) => {
+   if (!filterItem.value) {
+     return null;
+   }
+   const filterRegex = new RegExp(escapeRegExp(filterItem.value), 'i');
+-  return (cellParams) => {
+-  const { value } = cellParams;
++  return (value, row, colDef, apiRef) => {
+     return value != null ? filterRegex.test(String(value)) : false;
+   };
+ }
+```
+
+- The `getApplyQuickFilterFnV7` in `GridColDef` was renamed to `getApplyQuickFilterFn`.
+  If you use `getApplyQuickFilterFnV7` directly - rename it to `getApplyQuickFilterFn`.
+- The signature of the function returned by `getApplyQuickFilterFn` has changed for performance reasons:
+
+```diff
+ const getGridStringQuickFilterFn: GetApplyQuickFilterFn<any, unknown> = (value) => {
+   if (!value) {
+     return null;
+   }
+   const filterRegex = new RegExp(escapeRegExp(value), 'i');
+-  return (cellParams) => {
+-    const { formattedValue } = cellParams;
++  return (value, row, column, apiRef) => {
++    let formattedValue = apiRef.current.getRowFormattedValue(row, column);
+     return formattedValue != null ? filterRegex.test(formattedValue.toString()) : false;
+   };
+ };
+```
+
+#### `@mui/x-data-grid@7.0.0-alpha.0`
+
+- [DataGrid] Fix for error thrown when removing skeleton rows, after sorting is applied (#10807) @benjaminbialy
+- [DataGrid] Fix: `undefined` slot value (#10937) @romgrk
+- [DataGrid] Print selected rows by default (#10846) @cherniavskii
+- [DataGrid] Remove deprecated `components` and `componentsProps` (#10911) @MBilalShafi
+- [DataGrid] Remove legacy filtering API (#10897) @cherniavskii
+- [DataGrid] Fix keyboard navigation for actions cell with disabled buttons (#10882) @michelengelen
+- [DataGrid] Added a recipe for using non-native select in filter panel (#10916) @michelengelen
+- [DataGrid] Added a recipe to style cells without impacting the aggregation cells (#10913) @michelengelen
+- [l10n] Improve Czech (cs-CZ) locale (#10949) @luborepka
+
+#### `@mui/x-data-grid-pro@7.0.0-alpha.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@7.0.0-alpha.0`, plus:
+
+- [DataGridPro] Autosize Columns - Fix headers being cut off (#10666) @gitstart
+- [DataGridPro] Add data source interface and basic documentation (#10543) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@7.0.0-alpha.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@7.0.0-alpha.0`, plus:
+
+- [DataGridPremium] Render aggregation label when `renderHeader` is used (#10936) @cherniavskii
+
+### Date Pickers
+
+#### Breaking changes
+
+- The deprecated `components` and `componentsProps` props have been removed. Use `slots` and `slotProps` instead.
+
+#### `@mui/x-date-pickers@7.0.0-alpha.0`
+
+- [pickers] Escape non tokens words (#10400) @alexfauquette
+- [fields] Fix `MultiInputTimeRangeField` section selection (#10922) @noraleonte
+- [pickers] Refine `referenceDate` behavior in views (#10863) @LukasTy
+- [pickers] Remove `components` and `componentsProps` props (#10700) @alexfauquette
+- [l10n] Add Basque (eu) locale and improve Spanish (es-ES) locale (#10819) @lajtomekadimon
+- [pickers] Add short weekdays token (#10988) @alexfauquette
+
+#### `@mui/x-date-pickers-pro@7.0.0-alpha.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@7.0.0-alpha.0`.
+
+### Charts / `@mui/x-charts@7.0.0-alpha.0`
+
+#### Breaking changes
+
+Types for `slots` and `slotProps` got renamed by removing the "Component" which is meaningless for charts.
+Unless you imported those types, to create a wrapper, you should not be impacted by this breaking change.
+
+Here is an example of the renaming for the `<ChartsTooltip />` component.
+
+```diff
+-ChartsTooltipSlotsComponent
++ChartsTooltipSlots
+
+-ChartsTooltipSlotComponentProps
++ChartsTooltipSlotProps
+```
+
+- [charts] Add `<ChartsReferenceLine />` component (#10597) (#10946) @alexfauquette
+- [charts] Improve properties JSDoc (#10931) (#10955) @alexfauquette
+- [charts] Rename `slots` and `slotProps` types (#10875) @alexfauquette
+
+### `@mui/x-codemod@7.0.0-alpha.0`
+
+- [codemod] Add `v7.0.0/preset-safe` (#10973) @LukasTy
+
+### Docs
+
+- [docs] Add `@next` tag to the installation instructions (#10963) @MBilalShafi
+- [docs] Document how to hide the legend (#10951) @alexfauquette
+- [docs] Fix typo in the migration guide (#10972) @flaviendelangle
+
+### Core
+
+- [core] Adds migration docs for charts, pickers and tree view (#10926) @michelengelen
+- [core] Bump monorepo (#10959) @LukasTy
+- [core] Changed prettier branch value to next (#10917) @michelengelen
+- [core] Fix GitHub title tag consistency @oliviertassinari
+- [core] Fixed wrong package names in migration docs (#10953) @michelengelen
+- [core] Merge `master` into `next` (#10929) @cherniavskii
+- [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
+- [license] Correctly throw errors (#10924) @oliviertassinari
+
 ## 6.18.1
 
 _Nov 9, 2023_

package/ChartsAxis/ChartsAxis.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ChartsAxisSlotComponentProps, ChartsAxisSlotsComponent, ChartsXAxisProps, ChartsYAxisProps } from '../models/axis';
+import { ChartsAxisSlotProps, ChartsAxisSlots, ChartsXAxisProps, ChartsYAxisProps } from '../models/axis';
 export interface ChartsAxisProps {
     /**
      * Indicate which axis to display the top of the charts.
@@ -29,12 +29,12 @@ export interface ChartsAxisProps {
      * Overridable component slots.
      * @default {}
      */
-    slots?: ChartsAxisSlotsComponent;
+    slots?: ChartsAxisSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: ChartsAxisSlotComponentProps;
+    slotProps?: ChartsAxisSlotProps;
 }
 /**
  * Demos:

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.