@mui/x-charts 9.0.0-alpha.2 → 9.0.0-alpha.4

package/SparkLineChart/SparkLineChart.mjs

@@ -9,7 +9,7 @@ import useId from '@mui/utils/useId';
 import { ChartsClipPath } from "../ChartsClipPath/index.mjs";
 import { BarPlot } from "../BarChart/index.mjs";
 import { LinePlot, AreaPlot, LineHighlightPlot } from "../LineChart/index.mjs";
-import { ChartDataProvider } from "../ChartDataProvider/index.mjs";
+import { ChartsDataProvider } from "../ChartsDataProvider/index.mjs";
 import { ChartsSurface } from "../ChartsSurface/index.mjs";
 import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from "../constants/index.mjs";
 import { ChartsTooltip } from "../ChartsTooltip/index.mjs";
@@ -103,7 +103,7 @@ const SparkLineChart = /*#__PURE__*/React.forwardRef(function SparkLineChart(pro
   }, yAxisProps, {
     position: 'none'
   })], [yAxisProps]);
-  return /*#__PURE__*/_jsxs(ChartDataProvider, {
+  return /*#__PURE__*/_jsxs(ChartsDataProvider, {
     series: series,
     width: width,
     height: height,
@@ -219,6 +219,10 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * An array of objects that can be used to populate series and axes data using their `dataKey` property.
    */
   dataset: PropTypes.arrayOf(PropTypes.object),
+  /**
+   * The description of the chart.
+   * Used to provide an accessible description for the chart.
+   */
   desc: PropTypes.string,
   /**
    * If `true`, the charts will not listen to the mouse move event.
@@ -233,10 +237,17 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    */
   disableClipping: PropTypes.bool,
   /**
-   * If true, the voronoi interaction are ignored.
+   * If true, the hit area interaction is disabled and falls back to hover events.
    */
-  disableVoronoi: PropTypes.bool,
-  enableKeyboardNavigation: PropTypes.bool,
+  disableHitArea: PropTypes.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: PropTypes.bool,
+  /**
+   * Options to enable features planned for the next major.
+   */
+  experimentalFeatures: PropTypes.object,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
    */
@@ -338,6 +349,12 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     seriesId: PropTypes.string.isRequired,
     type: PropTypes.oneOf(['radar']).isRequired
   })]),
+  /**
+   * Defines the maximum distance between a scatter point and the pointer that triggers the interaction.
+   * If set to `'item'`, the radius is the `markerSize`.
+   * If `undefined`, the radius is assumed to be infinite.
+   */
+  hitAreaRadius: PropTypes.oneOfType([PropTypes.oneOf(['item']), PropTypes.number]),
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.
@@ -466,7 +483,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: PropTypes.func,
   /**
@@ -503,6 +520,10 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   slots: PropTypes.object,
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   theme: PropTypes.oneOf(['dark', 'light']),
+  /**
+   * The title of the chart.
+   * Used to provide an accessible label for the chart.
+   */
   title: PropTypes.string,
   /**
    * The controlled axis tooltip.
@@ -550,12 +571,6 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * @default (value: number | null) => (value === null ? '' : value.toString())
    */
   valueFormatter: PropTypes.func,
-  /**
-   * Defines the maximum distance between a scatter point and the pointer that triggers the interaction.
-   * If set to `'item'`, the radius is the `markerSize`.
-   * If `undefined`, the radius is assumed to be infinite.
-   */
-  voronoiMaxRadius: PropTypes.oneOfType([PropTypes.oneOf(['item']), PropTypes.number]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
    */
@@ -569,6 +584,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     barGapRatio: PropTypes.number,
     categoryGapRatio: PropTypes.number,
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       type: PropTypes.oneOf(['ordinal']).isRequired,
@@ -627,6 +643,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       type: PropTypes.oneOf(['ordinal']).isRequired,
@@ -685,6 +702,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -730,6 +748,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -776,6 +795,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -821,6 +841,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -866,6 +887,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -915,6 +937,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -964,6 +987,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1016,6 +1040,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     barGapRatio: PropTypes.number,
     categoryGapRatio: PropTypes.number,
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       type: PropTypes.oneOf(['ordinal']).isRequired,
@@ -1073,6 +1098,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       type: PropTypes.oneOf(['ordinal']).isRequired,
@@ -1130,6 +1156,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1174,6 +1201,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1219,6 +1247,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1263,6 +1292,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1307,6 +1337,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1355,6 +1386,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -1403,6 +1435,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,
+    className: PropTypes.string,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
       max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),

package/context/ChartApi.d.mts

@@ -19,4 +19,4 @@ export type PluginsPerSeriesType = {
  * If the chart is being created using composition, the `composition` value can be used.
  * @example ChartApi<'composition'>
  */
-export type ChartApi<TSeries extends keyof PluginsPerSeriesType | undefined = undefined, TSignatures extends readonly ChartAnyPluginSignature[] = (TSeries extends keyof PluginsPerSeriesType ? PluginsPerSeriesType[TSeries] : AllPluginSignatures)> = ChartPublicAPI<TSignatures>;
+export type ChartApi<SeriesType extends keyof PluginsPerSeriesType | undefined = undefined, TSignatures extends readonly ChartAnyPluginSignature[] = (SeriesType extends keyof PluginsPerSeriesType ? PluginsPerSeriesType[SeriesType] : AllPluginSignatures)> = ChartPublicAPI<TSignatures>;

package/context/ChartApi.d.ts

@@ -19,4 +19,4 @@ export type PluginsPerSeriesType = {
  * If the chart is being created using composition, the `composition` value can be used.
  * @example ChartApi<'composition'>
  */
-export type ChartApi<TSeries extends keyof PluginsPerSeriesType | undefined = undefined, TSignatures extends readonly ChartAnyPluginSignature[] = (TSeries extends keyof PluginsPerSeriesType ? PluginsPerSeriesType[TSeries] : AllPluginSignatures)> = ChartPublicAPI<TSignatures>;
+export type ChartApi<SeriesType extends keyof PluginsPerSeriesType | undefined = undefined, TSignatures extends readonly ChartAnyPluginSignature[] = (SeriesType extends keyof PluginsPerSeriesType ? PluginsPerSeriesType[SeriesType] : AllPluginSignatures)> = ChartPublicAPI<TSignatures>;

package/context/ChartsProvider/ChartsProvider.d.mts

@@ -3,5 +3,5 @@ import type { ChartsProviderProps } from "./ChartsProvider.types.mjs";
 import { type ChartAnyPluginSignature } from "../../internals/plugins/models/index.mjs";
 import type { ChartSeriesType } from "../../models/seriesType/config.mjs";
 import type { ChartCorePluginSignatures } from "../../internals/plugins/corePlugins/index.mjs";
-declare function ChartsProvider<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = ChartCorePluginSignatures<TSeriesType>>(props: React.PropsWithChildren<ChartsProviderProps<TSeriesType, TSignatures>>): import("react/jsx-runtime").JSX.Element;
+declare function ChartsProvider<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = ChartCorePluginSignatures<SeriesType>>(props: React.PropsWithChildren<ChartsProviderProps<SeriesType, TSignatures>>): import("react/jsx-runtime").JSX.Element;
 export { ChartsProvider };

package/context/ChartsProvider/ChartsProvider.d.ts

@@ -3,5 +3,5 @@ import type { ChartsProviderProps } from "./ChartsProvider.types.js";
 import { type ChartAnyPluginSignature } from "../../internals/plugins/models/index.js";
 import type { ChartSeriesType } from "../../models/seriesType/config.js";
 import type { ChartCorePluginSignatures } from "../../internals/plugins/corePlugins/index.js";
-declare function ChartsProvider<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = ChartCorePluginSignatures<TSeriesType>>(props: React.PropsWithChildren<ChartsProviderProps<TSeriesType, TSignatures>>): import("react/jsx-runtime").JSX.Element;
+declare function ChartsProvider<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = ChartCorePluginSignatures<SeriesType>>(props: React.PropsWithChildren<ChartsProviderProps<SeriesType, TSignatures>>): import("react/jsx-runtime").JSX.Element;
 export { ChartsProvider };

package/context/ChartsProvider/ChartsProvider.types.d.mts

@@ -17,11 +17,11 @@ export type ChartsContextValue<TSignatures extends readonly ChartAnyPluginSignat
    */
   store: Store<ChartState<TSignatures, TOptionalSignatures>>;
 };
-export type ChartsPluginParams<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = UseChartBaseProps<TSignatures> & MergeSignaturesProperty<[...ChartCorePluginSignatures<TSeriesType>, ...TSignatures], 'params'>;
-export interface ChartsProviderProps<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> {
+export type ChartsPluginParams<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = UseChartBaseProps<TSignatures> & MergeSignaturesProperty<[...ChartCorePluginSignatures<SeriesType>, ...TSignatures], 'params'>;
+export interface ChartsProviderProps<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> {
   /**
    * Array of plugins used to add features to the chart.
    */
   plugins?: ConvertSignaturesIntoPlugins<TSignatures>;
-  pluginParams?: ChartsPluginParams<TSeriesType, TSignatures>;
+  pluginParams?: ChartsPluginParams<SeriesType, TSignatures>;
 }

package/context/ChartsProvider/ChartsProvider.types.d.ts

@@ -17,11 +17,11 @@ export type ChartsContextValue<TSignatures extends readonly ChartAnyPluginSignat
    */
   store: Store<ChartState<TSignatures, TOptionalSignatures>>;
 };
-export type ChartsPluginParams<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = UseChartBaseProps<TSignatures> & MergeSignaturesProperty<[...ChartCorePluginSignatures<TSeriesType>, ...TSignatures], 'params'>;
-export interface ChartsProviderProps<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> {
+export type ChartsPluginParams<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = UseChartBaseProps<TSignatures> & MergeSignaturesProperty<[...ChartCorePluginSignatures<SeriesType>, ...TSignatures], 'params'>;
+export interface ChartsProviderProps<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> {
   /**
    * Array of plugins used to add features to the chart.
    */
   plugins?: ConvertSignaturesIntoPlugins<TSignatures>;
-  pluginParams?: ChartsPluginParams<TSeriesType, TSignatures>;
+  pluginParams?: ChartsPluginParams<SeriesType, TSignatures>;
 }

package/context/useChartApiContext.d.mts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type ChartApi } from "./ChartApi.mjs";
 /**
  * The `useChartApiContext` hook provides access to the chart API.
- * This is only available when the chart is rendered within a chart or a `ChartDataProvider` component.
+ * This is only available when the chart is rendered within a chart or a `ChartsDataProvider` component.
  * If you want to access the chart API outside those components, you should use the `apiRef` prop instead.
  * @example
  * const apiRef = useChartApiContext<ChartApi<'bar'>>();

package/context/useChartApiContext.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type ChartApi } from "./ChartApi.js";
 /**
  * The `useChartApiContext` hook provides access to the chart API.
- * This is only available when the chart is rendered within a chart or a `ChartDataProvider` component.
+ * This is only available when the chart is rendered within a chart or a `ChartsDataProvider` component.
  * If you want to access the chart API outside those components, you should use the `apiRef` prop instead.
  * @example
  * const apiRef = useChartApiContext<ChartApi<'bar'>>();

package/context/useChartApiContext.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useChartApiContext = useChartApiContext;
 var React = _interopRequireWildcard(require("react"));
-var _ChartProvider = require("./ChartProvider");
+var _ChartsProvider = require("./ChartsProvider");
 /**
  * The `useChartApiContext` hook provides access to the chart API.
- * This is only available when the chart is rendered within a chart or a `ChartDataProvider` component.
+ * This is only available when the chart is rendered within a chart or a `ChartsDataProvider` component.
  * If you want to access the chart API outside those components, you should use the `apiRef` prop instead.
  * @example
  * const apiRef = useChartApiContext<ChartApi<'bar'>>();
@@ -18,7 +18,7 @@ var _ChartProvider = require("./ChartProvider");
 function useChartApiContext() {
   const {
     publicAPI
-  } = (0, _ChartProvider.useChartContext)();
+  } = (0, _ChartsProvider.useChartsContext)();
   const apiRef = React.useRef(publicAPI);
   React.useEffect(() => {
     apiRef.current = publicAPI;

package/context/useChartApiContext.mjs

@@ -1,10 +1,10 @@
 'use client';
 
 import * as React from 'react';
-import { useChartContext } from "./ChartProvider/index.mjs";
+import { useChartsContext } from "./ChartsProvider/index.mjs";
 /**
  * The `useChartApiContext` hook provides access to the chart API.
- * This is only available when the chart is rendered within a chart or a `ChartDataProvider` component.
+ * This is only available when the chart is rendered within a chart or a `ChartsDataProvider` component.
  * If you want to access the chart API outside those components, you should use the `apiRef` prop instead.
  * @example
  * const apiRef = useChartApiContext<ChartApi<'bar'>>();
@@ -12,7 +12,7 @@ import { useChartContext } from "./ChartProvider/index.mjs";
 export function useChartApiContext() {
   const {
     publicAPI
-  } = useChartContext();
+  } = useChartsContext();
   const apiRef = React.useRef(publicAPI);
   React.useEffect(() => {
     apiRef.current = publicAPI;

package/hooks/animation/useAnimatePieArcLabel.d.mts

@@ -1,16 +1,7 @@
 import type * as React from 'react';
 import type { PieArcLabelProps } from "../../PieChart/index.mjs";
-type UseAnimatePieArcLabelParams = Pick<PieArcLabelProps, 'startAngle' | 'endAngle' | 'cornerRadius' | 'paddingAngle' | 'skipAnimation'> & {
+type UseAnimatePieArcLabelParams = Pick<PieArcLabelProps, 'startAngle' | 'endAngle' | 'arcLabelRadius' | 'cornerRadius' | 'paddingAngle' | 'skipAnimation'> & {
   ref?: React.Ref<SVGTextElement>;
-  arcLabelRadius?: number;
-  /**
-   * @deprecated Use `arcLabelRadius` instead. This prop will be removed in the next major version.
-   */
-  innerRadius: PieArcLabelProps['innerRadius'];
-  /**
-   * @deprecated Use `arcLabelRadius` instead. This prop will be removed in the next major version.
-   */
-  outerRadius: PieArcLabelProps['outerRadius'];
 };
 type UseAnimatePieArcLabelReturn = {
   ref: React.Ref<SVGTextElement>;

package/hooks/animation/useAnimatePieArcLabel.d.ts

@@ -1,16 +1,7 @@
 import type * as React from 'react';
 import type { PieArcLabelProps } from "../../PieChart/index.js";
-type UseAnimatePieArcLabelParams = Pick<PieArcLabelProps, 'startAngle' | 'endAngle' | 'cornerRadius' | 'paddingAngle' | 'skipAnimation'> & {
+type UseAnimatePieArcLabelParams = Pick<PieArcLabelProps, 'startAngle' | 'endAngle' | 'arcLabelRadius' | 'cornerRadius' | 'paddingAngle' | 'skipAnimation'> & {
   ref?: React.Ref<SVGTextElement>;
-  arcLabelRadius?: number;
-  /**
-   * @deprecated Use `arcLabelRadius` instead. This prop will be removed in the next major version.
-   */
-  innerRadius: PieArcLabelProps['innerRadius'];
-  /**
-   * @deprecated Use `arcLabelRadius` instead. This prop will be removed in the next major version.
-   */
-  outerRadius: PieArcLabelProps['outerRadius'];
 };
 type UseAnimatePieArcLabelReturn = {
   ref: React.Ref<SVGTextElement>;

package/hooks/animation/useAnimatePieArcLabel.js

@@ -10,16 +10,14 @@ var _useAnimate = require("./useAnimate");
 function pieArcLabelPropsInterpolator(from, to) {
   const interpolateStartAngle = (0, _d3Interpolate.interpolateNumber)(from.startAngle, to.startAngle);
   const interpolateEndAngle = (0, _d3Interpolate.interpolateNumber)(from.endAngle, to.endAngle);
-  const interpolateInnerRadius = (0, _d3Interpolate.interpolateNumber)(from.innerRadius, to.innerRadius);
-  const interpolateOuterRadius = (0, _d3Interpolate.interpolateNumber)(from.outerRadius, to.outerRadius);
+  const interpolateArcLabelRadius = (0, _d3Interpolate.interpolateNumber)(from.arcLabelRadius, to.arcLabelRadius);
   const interpolatePaddingAngle = (0, _d3Interpolate.interpolateNumber)(from.paddingAngle, to.paddingAngle);
   const interpolateCornerRadius = (0, _d3Interpolate.interpolateNumber)(from.cornerRadius, to.cornerRadius);
   return t => {
     return {
       startAngle: interpolateStartAngle(t),
       endAngle: interpolateEndAngle(t),
-      innerRadius: interpolateInnerRadius(t),
-      outerRadius: interpolateOuterRadius(t),
+      arcLabelRadius: interpolateArcLabelRadius(t),
       paddingAngle: interpolatePaddingAngle(t),
       cornerRadius: interpolateCornerRadius(t)
     };
@@ -33,16 +31,14 @@ function useAnimatePieArcLabel(props) {
   const initialProps = {
     startAngle: (props.startAngle + props.endAngle) / 2,
     endAngle: (props.startAngle + props.endAngle) / 2,
-    innerRadius: props.arcLabelRadius ?? props.innerRadius,
-    outerRadius: props.arcLabelRadius ?? props.outerRadius,
+    arcLabelRadius: props.arcLabelRadius,
     paddingAngle: props.paddingAngle,
     cornerRadius: props.cornerRadius
   };
   return (0, _useAnimate.useAnimate)({
     startAngle: props.startAngle,
     endAngle: props.endAngle,
-    innerRadius: props.arcLabelRadius ?? props.innerRadius,
-    outerRadius: props.arcLabelRadius ?? props.outerRadius,
+    arcLabelRadius: props.arcLabelRadius,
     paddingAngle: props.paddingAngle,
     cornerRadius: props.cornerRadius
   }, {
@@ -52,8 +48,8 @@ function useAnimatePieArcLabel(props) {
         padAngle: animatedProps.paddingAngle,
         startAngle: animatedProps.startAngle,
         endAngle: animatedProps.endAngle,
-        innerRadius: animatedProps.innerRadius,
-        outerRadius: animatedProps.outerRadius
+        innerRadius: animatedProps.arcLabelRadius,
+        outerRadius: animatedProps.arcLabelRadius
       });
       return {
         x,

package/hooks/animation/useAnimatePieArcLabel.mjs

@@ -4,16 +4,14 @@ import { useAnimate } from "./useAnimate.mjs";
 function pieArcLabelPropsInterpolator(from, to) {
   const interpolateStartAngle = interpolateNumber(from.startAngle, to.startAngle);
   const interpolateEndAngle = interpolateNumber(from.endAngle, to.endAngle);
-  const interpolateInnerRadius = interpolateNumber(from.innerRadius, to.innerRadius);
-  const interpolateOuterRadius = interpolateNumber(from.outerRadius, to.outerRadius);
+  const interpolateArcLabelRadius = interpolateNumber(from.arcLabelRadius, to.arcLabelRadius);
   const interpolatePaddingAngle = interpolateNumber(from.paddingAngle, to.paddingAngle);
   const interpolateCornerRadius = interpolateNumber(from.cornerRadius, to.cornerRadius);
   return t => {
     return {
       startAngle: interpolateStartAngle(t),
       endAngle: interpolateEndAngle(t),
-      innerRadius: interpolateInnerRadius(t),
-      outerRadius: interpolateOuterRadius(t),
+      arcLabelRadius: interpolateArcLabelRadius(t),
       paddingAngle: interpolatePaddingAngle(t),
       cornerRadius: interpolateCornerRadius(t)
     };
@@ -27,16 +25,14 @@ export function useAnimatePieArcLabel(props) {
   const initialProps = {
     startAngle: (props.startAngle + props.endAngle) / 2,
     endAngle: (props.startAngle + props.endAngle) / 2,
-    innerRadius: props.arcLabelRadius ?? props.innerRadius,
-    outerRadius: props.arcLabelRadius ?? props.outerRadius,
+    arcLabelRadius: props.arcLabelRadius,
     paddingAngle: props.paddingAngle,
     cornerRadius: props.cornerRadius
   };
   return useAnimate({
     startAngle: props.startAngle,
     endAngle: props.endAngle,
-    innerRadius: props.arcLabelRadius ?? props.innerRadius,
-    outerRadius: props.arcLabelRadius ?? props.outerRadius,
+    arcLabelRadius: props.arcLabelRadius,
     paddingAngle: props.paddingAngle,
     cornerRadius: props.cornerRadius
   }, {
@@ -46,8 +42,8 @@ export function useAnimatePieArcLabel(props) {
         padAngle: animatedProps.paddingAngle,
         startAngle: animatedProps.startAngle,
         endAngle: animatedProps.endAngle,
-        innerRadius: animatedProps.innerRadius,
-        outerRadius: animatedProps.outerRadius
+        innerRadius: animatedProps.arcLabelRadius,
+        outerRadius: animatedProps.arcLabelRadius
       });
       return {
         x,

package/hooks/index.d.mts

@@ -12,8 +12,8 @@ export { type UsePieSeriesReturnValue, type UsePieSeriesContextReturnValue, useP
 export * from "./useBarSeries.mjs";
 export * from "./useLineSeries.mjs";
 export * from "./useRadarSeries.mjs";
-export * from "./useItemHighlighted.mjs";
-export * from "./useItemHighlightedGetter.mjs";
+export * from "./useItemHighlightState.mjs";
+export * from "./useItemHighlightStateGetter.mjs";
 export * from "./useLegend.mjs";
 export { useChartGradientId, useChartGradientIdObjectBound } from "./useChartGradientId.mjs";
 export * from "./animation/index.mjs";

package/hooks/index.d.ts

@@ -12,8 +12,8 @@ export { type UsePieSeriesReturnValue, type UsePieSeriesContextReturnValue, useP
 export * from "./useBarSeries.js";
 export * from "./useLineSeries.js";
 export * from "./useRadarSeries.js";
-export * from "./useItemHighlighted.js";
-export * from "./useItemHighlightedGetter.js";
+export * from "./useItemHighlightState.js";
+export * from "./useItemHighlightStateGetter.js";
 export * from "./useLegend.js";
 export { useChartGradientId, useChartGradientIdObjectBound } from "./useChartGradientId.js";
 export * from "./animation/index.js";

package/hooks/index.js

@@ -204,27 +204,27 @@ Object.keys(_useRadarSeries).forEach(function (key) {
     }
   });
 });
-var _useItemHighlighted = require("./useItemHighlighted");
-Object.keys(_useItemHighlighted).forEach(function (key) {
+var _useItemHighlightState = require("./useItemHighlightState");
+Object.keys(_useItemHighlightState).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useItemHighlighted[key]) return;
+  if (key in exports && exports[key] === _useItemHighlightState[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _useItemHighlighted[key];
+      return _useItemHighlightState[key];
     }
   });
 });
-var _useItemHighlightedGetter = require("./useItemHighlightedGetter");
-Object.keys(_useItemHighlightedGetter).forEach(function (key) {
+var _useItemHighlightStateGetter = require("./useItemHighlightStateGetter");
+Object.keys(_useItemHighlightStateGetter).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useItemHighlightedGetter[key]) return;
+  if (key in exports && exports[key] === _useItemHighlightStateGetter[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _useItemHighlightedGetter[key];
+      return _useItemHighlightStateGetter[key];
     }
   });
 });

package/hooks/index.mjs

@@ -12,8 +12,8 @@ export { usePieSeries, usePieSeriesContext } from "./usePieSeries.mjs";
 export * from "./useBarSeries.mjs";
 export * from "./useLineSeries.mjs";
 export * from "./useRadarSeries.mjs";
-export * from "./useItemHighlighted.mjs";
-export * from "./useItemHighlightedGetter.mjs";
+export * from "./useItemHighlightState.mjs";
+export * from "./useItemHighlightStateGetter.mjs";
 export * from "./useLegend.mjs";
 export { useChartGradientId, useChartGradientIdObjectBound } from "./useChartGradientId.mjs";
 export * from "./animation/index.mjs";

package/hooks/useChartRootRef.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useChartRootRef = useChartRootRef;
-var _ChartProvider = require("../context/ChartProvider");
+var _ChartsProvider = require("../context/ChartsProvider");
 /**
  * Get the ref for the root chart element.
  * @returns The root chart element ref.
@@ -13,6 +13,6 @@ var _ChartProvider = require("../context/ChartProvider");
 function useChartRootRef() {
   const {
     instance
-  } = (0, _ChartProvider.useChartContext)();
+  } = (0, _ChartsProvider.useChartsContext)();
   return instance.chartRootRef;
 }

package/hooks/useChartRootRef.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import { useChartContext } from "../context/ChartProvider/index.mjs";
+import { useChartsContext } from "../context/ChartsProvider/index.mjs";
 
 /**
  * Get the ref for the root chart element.
@@ -9,6 +9,6 @@ import { useChartContext } from "../context/ChartProvider/index.mjs";
 export function useChartRootRef() {
   const {
     instance
-  } = useChartContext();
+  } = useChartsContext();
   return instance.chartRootRef;
 }

package/hooks/useChartsLayerContainerRef.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useChartsLayerContainerRef = useChartsLayerContainerRef;
-var _ChartProvider = require("../context/ChartProvider");
+var _ChartsProvider = require("../context/ChartsProvider");
 /**
  * Get the ref for the chart surface element.
  * @returns The chart surface ref.
@@ -13,6 +13,6 @@ var _ChartProvider = require("../context/ChartProvider");
 function useChartsLayerContainerRef() {
   const {
     instance
-  } = (0, _ChartProvider.useChartContext)();
+  } = (0, _ChartsProvider.useChartsContext)();
   return instance.chartsLayerContainerRef;
 }

package/hooks/useChartsLayerContainerRef.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import { useChartContext } from "../context/ChartProvider/index.mjs";
+import { useChartsContext } from "../context/ChartsProvider/index.mjs";
 
 /**
  * Get the ref for the chart surface element.
@@ -9,6 +9,6 @@ import { useChartContext } from "../context/ChartProvider/index.mjs";
 export function useChartsLayerContainerRef() {
   const {
     instance
-  } = useChartContext();
+  } = useChartsContext();
   return instance.chartsLayerContainerRef;
 }