@mui/x-charts 9.2.0 → 9.4.0

package/LineChart/seriesConfig/extremums.js

@@ -38,12 +38,16 @@ const getExtremumY = params => {
     getFilters
   } = params;
   return Object.keys(series).filter(seriesId => {
+    if (axis.domainSeries === 'visible' && series[seriesId].hidden) {
+      return false;
+    }
     const yAxisId = series[seriesId].yAxisId;
     return yAxisId === axis.id || isDefaultAxis && yAxisId === undefined;
   }).reduce((acc, seriesId) => {
     const {
       area,
       stackedData,
+      visibleStackedData,
       data
     } = series[seriesId];
     const isArea = area !== undefined;
@@ -56,7 +60,7 @@ const getExtremumY = params => {
 
     // Since this series is not used to display an area, we do not consider the base (the d[0]).
     const getValues = isArea && axis.scaleType !== 'log' && typeof series[seriesId].baseline !== 'string' ? d => d : d => [d[1], d[1]];
-    const seriesExtremums = getSeriesExtremums(getValues, data, stackedData, filter);
+    const seriesExtremums = getSeriesExtremums(getValues, data, axis.domainSeries === 'visible' ? visibleStackedData : stackedData, filter);
     const [seriesMin, seriesMax] = seriesExtremums;
     return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
   }, [Infinity, -Infinity]);

package/LineChart/seriesConfig/extremums.mjs

@@ -31,12 +31,16 @@ export const getExtremumY = params => {
     getFilters
   } = params;
   return Object.keys(series).filter(seriesId => {
+    if (axis.domainSeries === 'visible' && series[seriesId].hidden) {
+      return false;
+    }
     const yAxisId = series[seriesId].yAxisId;
     return yAxisId === axis.id || isDefaultAxis && yAxisId === undefined;
   }).reduce((acc, seriesId) => {
     const {
       area,
       stackedData,
+      visibleStackedData,
       data
     } = series[seriesId];
     const isArea = area !== undefined;
@@ -49,7 +53,7 @@ export const getExtremumY = params => {
 
     // Since this series is not used to display an area, we do not consider the base (the d[0]).
     const getValues = isArea && axis.scaleType !== 'log' && typeof series[seriesId].baseline !== 'string' ? d => d : d => [d[1], d[1]];
-    const seriesExtremums = getSeriesExtremums(getValues, data, stackedData, filter);
+    const seriesExtremums = getSeriesExtremums(getValues, data, axis.domainSeries === 'visible' ? visibleStackedData : stackedData, filter);
     const [seriesMin, seriesMax] = seriesExtremums;
     return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
   }, [Infinity, -Infinity]);

package/LineChart/seriesConfig/getColor.js

@@ -4,58 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _getSeriesColorFn = require("../../internals/getSeriesColorFn");
-const getColor = (series, xAxis, yAxis) => {
-  const yColorScale = yAxis?.colorScale;
-  const xColorScale = xAxis?.colorScale;
-  const getSeriesColor = (0, _getSeriesColorFn.getSeriesColorFn)(series);
-  if (yColorScale) {
-    return dataIndex => {
-      if (dataIndex === undefined) {
-        return series.color;
-      }
-      const value = series.data[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : yColorScale(value);
-      if (color === null) {
-        return getSeriesColor({
-          value,
-          dataIndex
-        });
-      }
-      return color;
-    };
-  }
-  if (xColorScale) {
-    return dataIndex => {
-      if (dataIndex === undefined) {
-        return series.color;
-      }
-      const value = xAxis.data?.[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : xColorScale(value);
-      if (color === null) {
-        return getSeriesColor({
-          value,
-          dataIndex
-        });
-      }
-      return color;
-    };
-  }
-  return dataIndex => {
-    if (dataIndex === undefined) {
-      return series.color;
-    }
-    const value = series.data[dataIndex];
-    return getSeriesColor({
-      value,
-      dataIndex
-    });
-  };
-};
+var _resolveColorProcessor = require("../../internals/resolveColorProcessor");
+const getColor = (series, xAxis, yAxis) => (0, _resolveColorProcessor.resolveColorProcessor)({
+  series,
+  valueColorScale: yAxis?.colorScale,
+  categoryColorScale: xAxis?.colorScale,
+  categoryValues: xAxis?.data
+});
 var _default = exports.default = getColor;

package/LineChart/seriesConfig/getColor.mjs

@@ -1,55 +1,8 @@
-import { getSeriesColorFn } from "../../internals/getSeriesColorFn.mjs";
-const getColor = (series, xAxis, yAxis) => {
-  const yColorScale = yAxis?.colorScale;
-  const xColorScale = xAxis?.colorScale;
-  const getSeriesColor = getSeriesColorFn(series);
-  if (yColorScale) {
-    return dataIndex => {
-      if (dataIndex === undefined) {
-        return series.color;
-      }
-      const value = series.data[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : yColorScale(value);
-      if (color === null) {
-        return getSeriesColor({
-          value,
-          dataIndex
-        });
-      }
-      return color;
-    };
-  }
-  if (xColorScale) {
-    return dataIndex => {
-      if (dataIndex === undefined) {
-        return series.color;
-      }
-      const value = xAxis.data?.[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : xColorScale(value);
-      if (color === null) {
-        return getSeriesColor({
-          value,
-          dataIndex
-        });
-      }
-      return color;
-    };
-  }
-  return dataIndex => {
-    if (dataIndex === undefined) {
-      return series.color;
-    }
-    const value = series.data[dataIndex];
-    return getSeriesColor({
-      value,
-      dataIndex
-    });
-  };
-};
+import { resolveColorProcessor } from "../../internals/resolveColorProcessor.mjs";
+const getColor = (series, xAxis, yAxis) => resolveColorProcessor({
+  series,
+  valueColorScale: yAxis?.colorScale,
+  categoryColorScale: xAxis?.colorScale,
+  categoryValues: xAxis?.data
+});
 export default getColor;

package/LineChart/seriesConfig/seriesProcessor.d.mts

@@ -1,5 +1,3 @@
-import { type DatasetType } from "../../models/seriesType/config.mjs";
-import type { SeriesProcessorParams, SeriesProcessorResult } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
-import type { IsItemVisibleFunction } from "../../internals/plugins/featurePlugins/useChartVisibilityManager/index.mjs";
-declare function seriesProcessor(params: SeriesProcessorParams<'line'>, dataset?: Readonly<DatasetType>, isItemVisible?: IsItemVisibleFunction): SeriesProcessorResult<'line'>;
+import type { SeriesProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+declare const seriesProcessor: SeriesProcessor<'line'>;
 export default seriesProcessor;

package/LineChart/seriesConfig/seriesProcessor.d.ts

@@ -1,5 +1,3 @@
-import { type DatasetType } from "../../models/seriesType/config.js";
-import type { SeriesProcessorParams, SeriesProcessorResult } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
-import type { IsItemVisibleFunction } from "../../internals/plugins/featurePlugins/useChartVisibilityManager/index.js";
-declare function seriesProcessor(params: SeriesProcessorParams<'line'>, dataset?: Readonly<DatasetType>, isItemVisible?: IsItemVisibleFunction): SeriesProcessorResult<'line'>;
+import type { SeriesProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
+declare const seriesProcessor: SeriesProcessor<'line'>;
 export default seriesProcessor;

package/LineChart/seriesConfig/seriesProcessor.js

@@ -1,146 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-var _warning = require("@mui/x-internals/warning");
-var _stacking = require("../../internals/stacking");
-const defaultShapes = ['circle', 'square', 'diamond', 'cross', 'star', 'triangle', 'wye'];
-const lineValueFormatter = v => v == null ? '' : v.toLocaleString();
-function seriesProcessor(params, dataset, isItemVisible) {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  const stackingGroups = (0, _stacking.getStackingGroups)((0, _extends2.default)({}, params, {
-    defaultStrategy: {
-      stackOffset: 'none'
-    }
-  }));
-  const idToIndex = new Map();
-  // Create a data set with format adapted to d3
-  const d3Dataset = dataset ?? [];
-  seriesOrder.forEach((id, seriesIndex) => {
-    idToIndex.set(id, seriesIndex);
-    const data = series[id].data;
-    if (data !== undefined) {
-      data.forEach((value, dataIndex) => {
-        if (d3Dataset.length <= dataIndex) {
-          d3Dataset.push({
-            [id]: value
-          });
-        } else {
-          d3Dataset[dataIndex][id] = value;
-        }
-      });
-    } else if (series[id].valueGetter && dataset) {
-      // When valueGetter is used without dataKey, populate d3Dataset with the series id as key
-      dataset.forEach((entry, dataIndex) => {
-        const value = series[id].valueGetter(entry);
-        if (d3Dataset.length <= dataIndex) {
-          d3Dataset.push({
-            [id]: value
-          });
-        } else {
-          d3Dataset[dataIndex][id] = value;
-        }
-      });
-    } else if (dataset === undefined && process.env.NODE_ENV !== 'production') {
-      // TODO: fix mui/no-guarded-throw
-      // eslint-disable-next-line mui/no-guarded-throw
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Line series with id="${id}" has no data. ` + 'The chart cannot render this series without data. ' + 'Provide a data property to the series or use the dataset prop.' : (0, _formatErrorMessage2.default)(27, id));
-    }
-    if (process.env.NODE_ENV !== 'production') {
-      if (!data && dataset) {
-        const dataKey = series[id].dataKey;
-        if (!dataKey && !series[id].valueGetter) {
-          // TODO: fix mui/no-guarded-throw
-          // eslint-disable-next-line mui/no-guarded-throw
-          throw new Error(`MUI X Charts: Line series with id="${id}" has no data, no dataKey, and no valueGetter. ` + 'When using the dataset prop, each series must have a dataKey or valueGetter to identify which dataset values to use. ' + 'Add a dataKey or valueGetter property to the series configuration.');
-        }
-        if (dataKey) {
-          dataset.forEach((entry, index) => {
-            const value = entry[dataKey];
-            if (value != null && typeof value !== 'number') {
-              (0, _warning.warnOnce)(`MUI X Charts: your dataset key "${dataKey}" is used for plotting lines, but the dataset contains the non-null non-numerical element "${value}" at index ${index}.
-Line plots only support numeric and null values.`);
-            }
-          });
-        }
-      }
-    }
-  });
-  const completedSeries = {};
-  stackingGroups.forEach(stackingGroup => {
-    const {
-      ids,
-      stackingOffset,
-      stackingOrder
-    } = stackingGroup;
-    const keys = ids.map(id => {
-      // Use dataKey if needed and available
-      const dataKey = series[id].dataKey;
-      return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
-    });
-    const stackedData = (0, _d3Shape.stack)().keys(keys).value((d, key) => d[key] ?? 0) // defaultize null value to 0
-    .order(stackingOrder).offset(stackingOffset)(d3Dataset);
-    const idOrder = stackedData.map(s => s.index);
-    const fixedOrder = () => idOrder;
-
-    // Compute visible stacked data
-    const visibleStackedData = (0, _d3Shape.stack)().keys(keys).value((d, key) => {
-      const keyIndex = keys.indexOf(key);
-      const seriesId = ids[keyIndex];
-      if (!isItemVisible?.({
-        type: 'line',
-        seriesId
-      })) {
-        // For hidden series, return 0 so they don't contribute to the stack
-        return 0;
-      }
-      return d[key] ?? 0;
-    }).order(fixedOrder).offset(stackingOffset)(d3Dataset);
-    ids.forEach((id, index) => {
-      const {
-        dataKey,
-        valueGetter
-      } = series[id];
-      let data;
-      if (valueGetter) {
-        data = dataset.map(d => valueGetter(d));
-      } else if (dataKey) {
-        data = dataset.map(d => {
-          const value = d[dataKey];
-          return typeof value === 'number' ? value : null;
-        });
-      } else {
-        data = series[id].data;
-      }
-      const hidden = !isItemVisible?.({
-        type: 'line',
-        seriesId: id
-      });
-      completedSeries[id] = (0, _extends2.default)({
-        labelMarkType: 'line+mark'
-      }, series[id], {
-        shape: series[id].shape ?? defaultShapes[(idToIndex.get(id) ?? 0) % defaultShapes.length],
-        data,
-        valueFormatter: series[id].valueFormatter ?? lineValueFormatter,
-        hidden,
-        stackedData: stackedData[index],
-        visibleStackedData: visibleStackedData[index]
-      });
-    });
-  });
-  return {
-    seriesOrder,
-    stackingGroups,
-    series: completedSeries
-  };
-}
+var _processLineLikeSeries = require("../../internals/processLineLikeSeries");
+const seriesProcessor = (params, dataset, isItemVisible) => (0, _processLineLikeSeries.processLineLikeSeries)(params, dataset, isItemVisible, 'line');
 var _default = exports.default = seriesProcessor;

package/LineChart/seriesConfig/seriesProcessor.mjs

@@ -1,139 +1,3 @@
-import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { stack as d3Stack } from '@mui/x-charts-vendor/d3-shape';
-import { warnOnce } from '@mui/x-internals/warning';
-import { getStackingGroups } from "../../internals/stacking/index.mjs";
-const defaultShapes = ['circle', 'square', 'diamond', 'cross', 'star', 'triangle', 'wye'];
-const lineValueFormatter = v => v == null ? '' : v.toLocaleString();
-function seriesProcessor(params, dataset, isItemVisible) {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  const stackingGroups = getStackingGroups(_extends({}, params, {
-    defaultStrategy: {
-      stackOffset: 'none'
-    }
-  }));
-  const idToIndex = new Map();
-  // Create a data set with format adapted to d3
-  const d3Dataset = dataset ?? [];
-  seriesOrder.forEach((id, seriesIndex) => {
-    idToIndex.set(id, seriesIndex);
-    const data = series[id].data;
-    if (data !== undefined) {
-      data.forEach((value, dataIndex) => {
-        if (d3Dataset.length <= dataIndex) {
-          d3Dataset.push({
-            [id]: value
-          });
-        } else {
-          d3Dataset[dataIndex][id] = value;
-        }
-      });
-    } else if (series[id].valueGetter && dataset) {
-      // When valueGetter is used without dataKey, populate d3Dataset with the series id as key
-      dataset.forEach((entry, dataIndex) => {
-        const value = series[id].valueGetter(entry);
-        if (d3Dataset.length <= dataIndex) {
-          d3Dataset.push({
-            [id]: value
-          });
-        } else {
-          d3Dataset[dataIndex][id] = value;
-        }
-      });
-    } else if (dataset === undefined && process.env.NODE_ENV !== 'production') {
-      // TODO: fix mui/no-guarded-throw
-      // eslint-disable-next-line mui/no-guarded-throw
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Line series with id="${id}" has no data. ` + 'The chart cannot render this series without data. ' + 'Provide a data property to the series or use the dataset prop.' : _formatErrorMessage(27, id));
-    }
-    if (process.env.NODE_ENV !== 'production') {
-      if (!data && dataset) {
-        const dataKey = series[id].dataKey;
-        if (!dataKey && !series[id].valueGetter) {
-          // TODO: fix mui/no-guarded-throw
-          // eslint-disable-next-line mui/no-guarded-throw
-          throw new Error(`MUI X Charts: Line series with id="${id}" has no data, no dataKey, and no valueGetter. ` + 'When using the dataset prop, each series must have a dataKey or valueGetter to identify which dataset values to use. ' + 'Add a dataKey or valueGetter property to the series configuration.');
-        }
-        if (dataKey) {
-          dataset.forEach((entry, index) => {
-            const value = entry[dataKey];
-            if (value != null && typeof value !== 'number') {
-              warnOnce(`MUI X Charts: your dataset key "${dataKey}" is used for plotting lines, but the dataset contains the non-null non-numerical element "${value}" at index ${index}.
-Line plots only support numeric and null values.`);
-            }
-          });
-        }
-      }
-    }
-  });
-  const completedSeries = {};
-  stackingGroups.forEach(stackingGroup => {
-    const {
-      ids,
-      stackingOffset,
-      stackingOrder
-    } = stackingGroup;
-    const keys = ids.map(id => {
-      // Use dataKey if needed and available
-      const dataKey = series[id].dataKey;
-      return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
-    });
-    const stackedData = d3Stack().keys(keys).value((d, key) => d[key] ?? 0) // defaultize null value to 0
-    .order(stackingOrder).offset(stackingOffset)(d3Dataset);
-    const idOrder = stackedData.map(s => s.index);
-    const fixedOrder = () => idOrder;
-
-    // Compute visible stacked data
-    const visibleStackedData = d3Stack().keys(keys).value((d, key) => {
-      const keyIndex = keys.indexOf(key);
-      const seriesId = ids[keyIndex];
-      if (!isItemVisible?.({
-        type: 'line',
-        seriesId
-      })) {
-        // For hidden series, return 0 so they don't contribute to the stack
-        return 0;
-      }
-      return d[key] ?? 0;
-    }).order(fixedOrder).offset(stackingOffset)(d3Dataset);
-    ids.forEach((id, index) => {
-      const {
-        dataKey,
-        valueGetter
-      } = series[id];
-      let data;
-      if (valueGetter) {
-        data = dataset.map(d => valueGetter(d));
-      } else if (dataKey) {
-        data = dataset.map(d => {
-          const value = d[dataKey];
-          return typeof value === 'number' ? value : null;
-        });
-      } else {
-        data = series[id].data;
-      }
-      const hidden = !isItemVisible?.({
-        type: 'line',
-        seriesId: id
-      });
-      completedSeries[id] = _extends({
-        labelMarkType: 'line+mark'
-      }, series[id], {
-        shape: series[id].shape ?? defaultShapes[(idToIndex.get(id) ?? 0) % defaultShapes.length],
-        data,
-        valueFormatter: series[id].valueFormatter ?? lineValueFormatter,
-        hidden,
-        stackedData: stackedData[index],
-        visibleStackedData: visibleStackedData[index]
-      });
-    });
-  });
-  return {
-    seriesOrder,
-    stackingGroups,
-    series: completedSeries
-  };
-}
+import { processLineLikeSeries } from "../../internals/processLineLikeSeries.mjs";
+const seriesProcessor = (params, dataset, isItemVisible) => processLineLikeSeries(params, dataset, isItemVisible, 'line');
 export default seriesProcessor;

package/LineChart/seriesConfig/tooltip.js

@@ -4,31 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.axisTooltipGetter = void 0;
-var _getLabel = require("../../internals/getLabel");
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = (0, _getLabel.getLabel)(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType,
-    markShape: series.showMark ? series.shape : undefined
-  };
-};
+var _getLineLikeTooltip = require("../../internals/getLineLikeTooltip");
+const tooltipGetter = params => (0, _getLineLikeTooltip.getLineLikeTooltip)(params, {
+  includeMarkShape: true
+});
 const axisTooltipGetter = series => {
   return Object.values(series).map(s => ({
     direction: 'x',

package/LineChart/seriesConfig/tooltip.mjs

@@ -1,28 +1,7 @@
-import { getLabel } from "../../internals/getLabel.mjs";
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = getLabel(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType,
-    markShape: series.showMark ? series.shape : undefined
-  };
-};
+import { getLineLikeTooltip } from "../../internals/getLineLikeTooltip.mjs";
+const tooltipGetter = params => getLineLikeTooltip(params, {
+  includeMarkShape: true
+});
 export const axisTooltipGetter = series => {
   return Object.values(series).map(s => ({
     direction: 'x',

package/LineChart/useMarkPlotData.js

@@ -42,7 +42,9 @@ function useMarkPlotData(xAxes, yAxes) {
           shape = 'circle',
           hidden
         } = series[seriesId];
-        if (!showMark) {
+
+        // `'start'` and `'end'` marks are rendered by the `LineHighlightPlot` using the highlight element.
+        if (!showMark || showMark === 'start' || showMark === 'end') {
           continue;
         }
         if (!(xAxisId in xAxes) || !(yAxisId in yAxes)) {

package/LineChart/useMarkPlotData.mjs

@@ -34,7 +34,9 @@ export function useMarkPlotData(xAxes, yAxes) {
           shape = 'circle',
           hidden
         } = series[seriesId];
-        if (!showMark) {
+
+        // `'start'` and `'end'` marks are rendered by the `LineHighlightPlot` using the highlight element.
+        if (!showMark || showMark === 'start' || showMark === 'end') {
           continue;
         }
         if (!(xAxisId in xAxes) || !(yAxisId in yAxes)) {

package/PieChart/PieArcLabelPlot.d.mts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { type ComputedPieRadius, type DefaultizedPieSeriesType } from "../models/seriesType/pie.mjs";
 import { type PieArcLabelProps } from "./PieArcLabel.mjs";
+import type { PieArcLabelPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
 export interface PieArcLabelPlotSlots {
-  pieArcLabel?: React.JSXElementConstructor<PieArcLabelProps>;
+  pieArcLabel?: React.JSXElementConstructor<PieArcLabelProps & PieArcLabelPropsOverrides>;
 }
 export interface PieArcLabelPlotSlotProps {
-  pieArcLabel?: Partial<PieArcLabelProps>;
+  pieArcLabel?: Partial<PieArcLabelProps> & PieArcLabelPropsOverrides;
 }
 export interface PieArcLabelPlotProps extends Pick<DefaultizedPieSeriesType, 'data' | 'faded' | 'highlighted' | 'cornerRadius' | 'paddingAngle' | 'arcLabel' | 'arcLabelMinAngle'>, ComputedPieRadius {
   /**

package/PieChart/PieArcLabelPlot.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { type ComputedPieRadius, type DefaultizedPieSeriesType } from "../models/seriesType/pie.js";
 import { type PieArcLabelProps } from "./PieArcLabel.js";
+import type { PieArcLabelPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
 export interface PieArcLabelPlotSlots {
-  pieArcLabel?: React.JSXElementConstructor<PieArcLabelProps>;
+  pieArcLabel?: React.JSXElementConstructor<PieArcLabelProps & PieArcLabelPropsOverrides>;
 }
 export interface PieArcLabelPlotSlotProps {
-  pieArcLabel?: Partial<PieArcLabelProps>;
+  pieArcLabel?: Partial<PieArcLabelProps> & PieArcLabelPropsOverrides;
 }
 export interface PieArcLabelPlotProps extends Pick<DefaultizedPieSeriesType, 'data' | 'faded' | 'highlighted' | 'cornerRadius' | 'paddingAngle' | 'arcLabel' | 'arcLabelMinAngle'>, ComputedPieRadius {
   /**

package/PieChart/PieArcPlot.d.mts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { type PieArcProps } from "./PieArc.mjs";
 import { type ComputedPieRadius, type DefaultizedPieSeriesType, type DefaultizedPieValueType, type PieItemIdentifier } from "../models/seriesType/pie.mjs";
+import type { PieArcPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
 export interface PieArcPlotSlots {
-  pieArc?: React.JSXElementConstructor<PieArcProps>;
+  pieArc?: React.JSXElementConstructor<PieArcProps & PieArcPropsOverrides>;
 }
 export interface PieArcPlotSlotProps {
-  pieArc?: Partial<PieArcProps>;
+  pieArc?: Partial<PieArcProps> & PieArcPropsOverrides;
 }
 export interface PieArcPlotProps extends Pick<DefaultizedPieSeriesType, 'data' | 'faded' | 'highlighted' | 'cornerRadius' | 'paddingAngle'>, ComputedPieRadius {
   /**

package/PieChart/PieArcPlot.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { type PieArcProps } from "./PieArc.js";
 import { type ComputedPieRadius, type DefaultizedPieSeriesType, type DefaultizedPieValueType, type PieItemIdentifier } from "../models/seriesType/pie.js";
+import type { PieArcPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
 export interface PieArcPlotSlots {
-  pieArc?: React.JSXElementConstructor<PieArcProps>;
+  pieArc?: React.JSXElementConstructor<PieArcProps & PieArcPropsOverrides>;
 }
 export interface PieArcPlotSlotProps {
-  pieArc?: Partial<PieArcProps>;
+  pieArc?: Partial<PieArcProps> & PieArcPropsOverrides;
 }
 export interface PieArcPlotProps extends Pick<DefaultizedPieSeriesType, 'data' | 'faded' | 'highlighted' | 'cornerRadius' | 'paddingAngle'>, ComputedPieRadius {
   /**