@mui/x-charts 9.9.0 → 9.10.1

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex.js

@@ -8,6 +8,9 @@ exports.findVisibleDataIndex = findVisibleDataIndex;
  * Walk forward (or backward) from `startIndex` and return the first dataIndex
  * whose data point is visible. Returns `null` if every traversed index is hidden.
  *
+ * Shared-axis types (line, bar) opt out of `useCurrentSeriesMaxLength`, so `dataLength`
+ * can exceed the focused series length to focus an index with no value.
+ *
  * Series-level hidden flags are filtered upstream (see `getNonEmptySeriesArray`),
  * so only per-data-point hidden flags are relevant here. Today only Pie sets a
  * `hidden` flag on individual data items; for other series types the data

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex.mjs

@@ -2,6 +2,9 @@
  * Walk forward (or backward) from `startIndex` and return the first dataIndex
  * whose data point is visible. Returns `null` if every traversed index is hidden.
  *
+ * Shared-axis types (line, bar) opt out of `useCurrentSeriesMaxLength`, so `dataLength`
+ * can exceed the focused series length to focus an index with no value.
+ *
  * Series-level hidden flags are filtered upstream (see `getNonEmptySeriesArray`),
  * so only per-data-point hidden flags are relevant here. Today only Pie sets a
  * `hidden` flag on individual data items; for other series types the data

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisExtremum.d.mts

@@ -2,4 +2,4 @@ import type { ChartsRadialAxisProps, ScaleName, PolarAxisConfig } from "../../..
 import type { PolarChartSeriesType } from "../../../../models/seriesType/config.mjs";
 import type { ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.mjs";
 import type { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.mjs";
-export declare const getAxisExtremum: <SeriesType extends PolarChartSeriesType>(axis: PolarAxisConfig<ScaleName, any, ChartsRadialAxisProps>, axisDirection: "rotation" | "radius", seriesConfig: ChartSeriesConfig<SeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<SeriesType>) => number[];
+export declare const getAxisExtremum: <SeriesType extends PolarChartSeriesType>(axis: PolarAxisConfig<ScaleName, any, ChartsRadialAxisProps>, axisDirection: 'rotation' | 'radius', seriesConfig: ChartSeriesConfig<SeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<SeriesType>) => number[];

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisExtremum.d.ts

@@ -2,4 +2,4 @@ import type { ChartsRadialAxisProps, ScaleName, PolarAxisConfig } from "../../..
 import type { PolarChartSeriesType } from "../../../../models/seriesType/config.js";
 import type { ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.js";
 import type { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
-export declare const getAxisExtremum: <SeriesType extends PolarChartSeriesType>(axis: PolarAxisConfig<ScaleName, any, ChartsRadialAxisProps>, axisDirection: "rotation" | "radius", seriesConfig: ChartSeriesConfig<SeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<SeriesType>) => number[];
+export declare const getAxisExtremum: <SeriesType extends PolarChartSeriesType>(axis: PolarAxisConfig<ScaleName, any, ChartsRadialAxisProps>, axisDirection: 'rotation' | 'radius', seriesConfig: ChartSeriesConfig<SeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<SeriesType>) => number[];

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisTriggerTooltip.d.mts

@@ -2,4 +2,4 @@ import type { PolarChartSeriesType } from "../../../../models/seriesType/config.
 import type { ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.mjs";
 import type { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.mjs";
 import type { AxisId } from "../../../../models/axis.mjs";
-export declare const getAxisTriggerTooltip: <SeriesType extends PolarChartSeriesType>(axisDirection: "radius" | "rotation", seriesConfig: ChartSeriesConfig<SeriesType>, formattedSeries: ProcessedSeries<SeriesType>, defaultAxisId: AxisId) => Set<AxisId>;
+export declare const getAxisTriggerTooltip: <SeriesType extends PolarChartSeriesType>(axisDirection: 'radius' | 'rotation', seriesConfig: ChartSeriesConfig<SeriesType>, formattedSeries: ProcessedSeries<SeriesType>, defaultAxisId: AxisId) => Set<AxisId>;

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisTriggerTooltip.d.ts

@@ -2,4 +2,4 @@ import type { PolarChartSeriesType } from "../../../../models/seriesType/config.
 import type { ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.js";
 import type { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
 import type { AxisId } from "../../../../models/axis.js";
-export declare const getAxisTriggerTooltip: <SeriesType extends PolarChartSeriesType>(axisDirection: "radius" | "rotation", seriesConfig: ChartSeriesConfig<SeriesType>, formattedSeries: ProcessedSeries<SeriesType>, defaultAxisId: AxisId) => Set<AxisId>;
+export declare const getAxisTriggerTooltip: <SeriesType extends PolarChartSeriesType>(axisDirection: 'radius' | 'rotation', seriesConfig: ChartSeriesConfig<SeriesType>, formattedSeries: ProcessedSeries<SeriesType>, defaultAxisId: AxisId) => Set<AxisId>;

package/internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.d.mts

@@ -1,7 +1,7 @@
 import type { SeriesItemIdentifierWithType } from "../../../../models/index.mjs";
 export declare const selectorChartsTooltipPointerItem: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useChartTooltip.types.mjs").UseChartTooltipState<keyof import("../../../index.mjs").ChartsSeriesConfig>> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}) => import("../../../index.mjs").LineItemIdentifier | import("../../../index.mjs").BarItemIdentifier | import("../../../../index.mjs").ScatterItemIdentifier | import("../../../../index.mjs").PieItemIdentifier | import("../../../../index.mjs").RadarItemIdentifier | null;
+}) => import("../../../index.mjs").BarItemIdentifier | import("../../../index.mjs").LineItemIdentifier | import("../../../../index.mjs").PieItemIdentifier | import("../../../../index.mjs").RadarItemIdentifier | import("../../../../index.mjs").ScatterItemIdentifier | null;
 export declare const selectorChartsTooltipPointerItemIsDefined: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useChartTooltip.types.mjs").UseChartTooltipState<keyof import("../../../index.mjs").ChartsSeriesConfig>> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => boolean;

package/internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.d.ts

@@ -1,7 +1,7 @@
 import type { SeriesItemIdentifierWithType } from "../../../../models/index.js";
 export declare const selectorChartsTooltipPointerItem: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartTooltip.types.js").UseChartTooltipState<keyof import("../../../index.js").ChartsSeriesConfig>> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => import("../../../index.js").LineItemIdentifier | import("../../../index.js").BarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
+}) => import("../../../index.js").BarItemIdentifier | import("../../../index.js").LineItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | null;
 export declare const selectorChartsTooltipPointerItemIsDefined: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartTooltip.types.js").UseChartTooltipState<keyof import("../../../index.js").ChartsSeriesConfig>> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => boolean;

package/internals/plugins/featurePlugins/useProgressiveRendering/useProgressiveRendering.selectors.d.mts

@@ -40,6 +40,6 @@ export declare const selectorProgressiveSeriesRevealedBatches: (args_0: import("
 }, seriesId: string) => number;
 export declare const selectorShouldUseProgressiveRenderer: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}, seriesIds: readonly string[], renderer: RendererType | "svg-progressive" | undefined) => boolean;
+}, seriesIds: readonly string[], renderer: "svg-progressive" | RendererType | undefined) => boolean;
 /** Order-sensitive equality between two registered series-id sets. */
 export declare function sameSeriesIds(a: readonly SeriesId[] | undefined, b: readonly SeriesId[]): boolean;

package/internals/plugins/featurePlugins/useProgressiveRendering/useProgressiveRendering.selectors.d.ts

@@ -40,6 +40,6 @@ export declare const selectorProgressiveSeriesRevealedBatches: (args_0: import("
 }, seriesId: string) => number;
 export declare const selectorShouldUseProgressiveRenderer: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}, seriesIds: readonly string[], renderer: RendererType | "svg-progressive" | undefined) => boolean;
+}, seriesIds: readonly string[], renderer: "svg-progressive" | RendererType | undefined) => boolean;
 /** Order-sensitive equality between two registered series-id sets. */
 export declare function sameSeriesIds(a: readonly SeriesId[] | undefined, b: readonly SeriesId[]): boolean;

package/internals/seriesSelectorOfType.d.mts

@@ -3,18 +3,18 @@ import type { SeriesId } from "../models/seriesType/common.mjs";
 import type { ProcessedSeries } from "./plugins/corePlugins/useChartSeries/index.mjs";
 export declare const selectorAllSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("./plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("./index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("./index.mjs").ChartStateCacheKey;
-}, seriesType: keyof ChartsSeriesConfig) => import("./index.mjs").SeriesProcessorResult<"line"> | import("./index.mjs").SeriesProcessorResult<"bar"> | {
-  series: Record<string, import("../index.mjs").DefaultizedScatterSeriesType>;
-  seriesOrder: SeriesId[];
-} | {
+}, seriesType: keyof ChartsSeriesConfig) => {
   series: Record<string, import("../index.mjs").DefaultizedPieSeriesType>;
   seriesOrder: SeriesId[];
 } | {
   series: Record<string, import("../index.mjs").DefaultizedRadarSeriesType>;
   seriesOrder: SeriesId[];
-} | undefined;
+} | {
+  series: Record<string, import("../index.mjs").DefaultizedScatterSeriesType>;
+  seriesOrder: SeriesId[];
+} | import("./index.mjs").SeriesProcessorResult<"bar"> | import("./index.mjs").SeriesProcessorResult<"line"> | undefined;
 export declare const selectorSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("./plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("./index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("./index.mjs").ChartStateCacheKey;
-}, seriesType: keyof ChartsSeriesConfig, ids: string | string[] | undefined) => import("../index.mjs").DefaultizedLineSeriesType | import("../index.mjs").DefaultizedBarSeriesType | import("../index.mjs").DefaultizedScatterSeriesType | import("../index.mjs").DefaultizedPieSeriesType | import("../index.mjs").DefaultizedRadarSeriesType | (import("../index.mjs").DefaultizedLineSeriesType | import("../index.mjs").DefaultizedBarSeriesType | import("../index.mjs").DefaultizedScatterSeriesType | import("../index.mjs").DefaultizedPieSeriesType | import("../index.mjs").DefaultizedRadarSeriesType | undefined)[] | undefined;
+}, seriesType: keyof ChartsSeriesConfig, ids: string | string[] | undefined) => (import("../index.mjs").DefaultizedBarSeriesType | import("../index.mjs").DefaultizedLineSeriesType | import("../index.mjs").DefaultizedPieSeriesType | import("../index.mjs").DefaultizedRadarSeriesType | import("../index.mjs").DefaultizedScatterSeriesType | undefined)[] | import("../index.mjs").DefaultizedBarSeriesType | import("../index.mjs").DefaultizedLineSeriesType | import("../index.mjs").DefaultizedPieSeriesType | import("../index.mjs").DefaultizedRadarSeriesType | import("../index.mjs").DefaultizedScatterSeriesType | undefined;
 export declare const useAllSeriesOfType: <T extends keyof ChartsSeriesConfig>(seriesType: T) => ProcessedSeries[T];
 export declare const useSeriesOfType: <T extends keyof ChartsSeriesConfig>(seriesType: T, seriesId?: SeriesId | SeriesId[]) => ChartSeriesDefaultized<T> | ChartSeriesDefaultized<T>[] | undefined;

package/internals/seriesSelectorOfType.d.ts

@@ -3,18 +3,18 @@ import type { SeriesId } from "../models/seriesType/common.js";
 import type { ProcessedSeries } from "./plugins/corePlugins/useChartSeries/index.js";
 export declare const selectorAllSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("./plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("./index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("./index.js").ChartStateCacheKey;
-}, seriesType: keyof ChartsSeriesConfig) => import("./index.js").SeriesProcessorResult<"line"> | import("./index.js").SeriesProcessorResult<"bar"> | {
-  series: Record<string, import("../index.js").DefaultizedScatterSeriesType>;
-  seriesOrder: SeriesId[];
-} | {
+}, seriesType: keyof ChartsSeriesConfig) => {
   series: Record<string, import("../index.js").DefaultizedPieSeriesType>;
   seriesOrder: SeriesId[];
 } | {
   series: Record<string, import("../index.js").DefaultizedRadarSeriesType>;
   seriesOrder: SeriesId[];
-} | undefined;
+} | {
+  series: Record<string, import("../index.js").DefaultizedScatterSeriesType>;
+  seriesOrder: SeriesId[];
+} | import("./index.js").SeriesProcessorResult<"bar"> | import("./index.js").SeriesProcessorResult<"line"> | undefined;
 export declare const selectorSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("./plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("./index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("./index.js").ChartStateCacheKey;
-}, seriesType: keyof ChartsSeriesConfig, ids: string | string[] | undefined) => import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedScatterSeriesType | import("../index.js").DefaultizedPieSeriesType | import("../index.js").DefaultizedRadarSeriesType | (import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedScatterSeriesType | import("../index.js").DefaultizedPieSeriesType | import("../index.js").DefaultizedRadarSeriesType | undefined)[] | undefined;
+}, seriesType: keyof ChartsSeriesConfig, ids: string | string[] | undefined) => (import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedPieSeriesType | import("../index.js").DefaultizedRadarSeriesType | import("../index.js").DefaultizedScatterSeriesType | undefined)[] | import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedPieSeriesType | import("../index.js").DefaultizedRadarSeriesType | import("../index.js").DefaultizedScatterSeriesType | undefined;
 export declare const useAllSeriesOfType: <T extends keyof ChartsSeriesConfig>(seriesType: T) => ProcessedSeries[T];
 export declare const useSeriesOfType: <T extends keyof ChartsSeriesConfig>(seriesType: T, seriesId?: SeriesId | SeriesId[]) => ChartSeriesDefaultized<T> | ChartSeriesDefaultized<T>[] | undefined;

package/internals/sizeScale.d.mts

@@ -1,6 +1,6 @@
 import type { ScaleOrdinal, ScaleThreshold, ScaleSequential } from '@mui/x-charts-vendor/d3-scale';
 import type { ContinuousSizeConfig, PiecewiseSizeConfig, OrdinalSizeConfig } from "../models/sizeMapping.mjs";
-export declare function getSequentialSizeScale<Value extends number | Date>(config: ContinuousSizeConfig<Value> | PiecewiseSizeConfig<Value>): ScaleThreshold<Value, number, never> | ScaleSequential<number, never>;
+export declare function getSequentialSizeScale<Value extends number | Date>(config: ContinuousSizeConfig<Value> | PiecewiseSizeConfig<Value>): ScaleSequential<number, never> | ScaleThreshold<Value, number, never>;
 export declare function getOrdinalSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
 export declare function getSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
 export declare function getSizeScale(config: ContinuousSizeConfig | PiecewiseSizeConfig): ScaleThreshold<number | Date, number | null> | ScaleSequential<number, number | null>;

package/internals/sizeScale.d.ts

@@ -1,6 +1,6 @@
 import type { ScaleOrdinal, ScaleThreshold, ScaleSequential } from '@mui/x-charts-vendor/d3-scale';
 import type { ContinuousSizeConfig, PiecewiseSizeConfig, OrdinalSizeConfig } from "../models/sizeMapping.js";
-export declare function getSequentialSizeScale<Value extends number | Date>(config: ContinuousSizeConfig<Value> | PiecewiseSizeConfig<Value>): ScaleThreshold<Value, number, never> | ScaleSequential<number, never>;
+export declare function getSequentialSizeScale<Value extends number | Date>(config: ContinuousSizeConfig<Value> | PiecewiseSizeConfig<Value>): ScaleSequential<number, never> | ScaleThreshold<Value, number, never>;
 export declare function getOrdinalSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
 export declare function getSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
 export declare function getSizeScale(config: ContinuousSizeConfig | PiecewiseSizeConfig): ScaleThreshold<number | Date, number | null> | ScaleSequential<number, number | null>;

package/internals/sliceUntil.d.mts

@@ -1,4 +1,4 @@
-declare function sliceUntilModern(text: string, endIndex: number): string;
+declare function sliceUntilFallback(text: string, endIndex: number): string;
 /** Creates a slice of {@link text} from the start until the {@link endIndex}th grapheme (basically character). */
-export declare const sliceUntil: typeof sliceUntilModern;
+export declare const sliceUntil: typeof sliceUntilFallback;
 export {};

package/internals/sliceUntil.d.ts

@@ -1,4 +1,4 @@
-declare function sliceUntilModern(text: string, endIndex: number): string;
+declare function sliceUntilFallback(text: string, endIndex: number): string;
 /** Creates a slice of {@link text} from the start until the {@link endIndex}th grapheme (basically character). */
-export declare const sliceUntil: typeof sliceUntilModern;
+export declare const sliceUntil: typeof sliceUntilFallback;
 export {};

package/internals/snapEndAngleToFullCircle.d.mts

@@ -0,0 +1,20 @@
+/**
+ * Snaps the end angle of an arc to create a full circle when the arc spans almost, but not
+ * exactly, the full circle.
+ *
+ * When an arc spans almost the full circle (e.g., when the remaining slices of a pie are
+ * extremely small compared to the largest one), its start and end points are so close that they
+ * can round to the same path coordinates. SVG omits arcs whose end point equals their start
+ * point, which makes the quasi-full-circle arc invisible.
+ * See https://github.com/mui/mui-x/issues/14167
+ *
+ * The end angle is only snapped when the gap left by the arc is smaller than the precision of
+ * the serialized path, so the snapping is visually lossless.
+ *
+ * @param startAngle The start angle of the arc, in radians.
+ * @param endAngle The end angle of the arc, in radians.
+ * @param outerRadius The outer radius of the arc.
+ * @param padAngle The pad angle of the arc, in radians.
+ * @returns The end angle, snapped to `startAngle ± 2 * Math.PI` when applicable.
+ */
+export declare function snapEndAngleToFullCircle(startAngle: number, endAngle: number, outerRadius: number, padAngle?: number): number;

package/internals/snapEndAngleToFullCircle.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Snaps the end angle of an arc to create a full circle when the arc spans almost, but not
+ * exactly, the full circle.
+ *
+ * When an arc spans almost the full circle (e.g., when the remaining slices of a pie are
+ * extremely small compared to the largest one), its start and end points are so close that they
+ * can round to the same path coordinates. SVG omits arcs whose end point equals their start
+ * point, which makes the quasi-full-circle arc invisible.
+ * See https://github.com/mui/mui-x/issues/14167
+ *
+ * The end angle is only snapped when the gap left by the arc is smaller than the precision of
+ * the serialized path, so the snapping is visually lossless.
+ *
+ * @param startAngle The start angle of the arc, in radians.
+ * @param endAngle The end angle of the arc, in radians.
+ * @param outerRadius The outer radius of the arc.
+ * @param padAngle The pad angle of the arc, in radians.
+ * @returns The end angle, snapped to `startAngle ± 2 * Math.PI` when applicable.
+ */
+export declare function snapEndAngleToFullCircle(startAngle: number, endAngle: number, outerRadius: number, padAngle?: number): number;

package/internals/snapEndAngleToFullCircle.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.snapEndAngleToFullCircle = snapEndAngleToFullCircle;
+const TAU = 2 * Math.PI;
+
+/* `d3-shape` serializes paths with a precision of 3 digits, i.e., a resolution of 1e-3. */
+const PATH_PRECISION = 1e-3;
+/* If the distance between the start and end points of an arc is at least twice the path
+ * precision, at least one of their coordinates is guaranteed to round to a different value. */
+const MIN_DISTINCT_CHORD_LENGTH = 2 * PATH_PRECISION;
+
+/**
+ * Snaps the end angle of an arc to create a full circle when the arc spans almost, but not
+ * exactly, the full circle.
+ *
+ * When an arc spans almost the full circle (e.g., when the remaining slices of a pie are
+ * extremely small compared to the largest one), its start and end points are so close that they
+ * can round to the same path coordinates. SVG omits arcs whose end point equals their start
+ * point, which makes the quasi-full-circle arc invisible.
+ * See https://github.com/mui/mui-x/issues/14167
+ *
+ * The end angle is only snapped when the gap left by the arc is smaller than the precision of
+ * the serialized path, so the snapping is visually lossless.
+ *
+ * @param startAngle The start angle of the arc, in radians.
+ * @param endAngle The end angle of the arc, in radians.
+ * @param outerRadius The outer radius of the arc.
+ * @param padAngle The pad angle of the arc, in radians.
+ * @returns The end angle, snapped to `startAngle ± 2 * Math.PI` when applicable.
+ */
+function snapEndAngleToFullCircle(startAngle, endAngle, outerRadius, padAngle = 0) {
+  const sweep = Math.abs(endAngle - startAngle);
+  if (sweep === 0 || sweep >= TAU) {
+    return endAngle;
+  }
+
+  // Chord between the start and end points of the arc, once the padding is applied.
+  // For such small angles, the chord length is approximately `radius * angle`.
+  const gapChordLength = (TAU - sweep + Math.abs(padAngle)) * outerRadius;
+  if (gapChordLength >= MIN_DISTINCT_CHORD_LENGTH) {
+    return endAngle;
+  }
+  return startAngle + Math.sign(endAngle - startAngle) * TAU;
+}

package/internals/snapEndAngleToFullCircle.mjs

@@ -0,0 +1,41 @@
+const TAU = 2 * Math.PI;
+
+/* `d3-shape` serializes paths with a precision of 3 digits, i.e., a resolution of 1e-3. */
+const PATH_PRECISION = 1e-3;
+/* If the distance between the start and end points of an arc is at least twice the path
+ * precision, at least one of their coordinates is guaranteed to round to a different value. */
+const MIN_DISTINCT_CHORD_LENGTH = 2 * PATH_PRECISION;
+
+/**
+ * Snaps the end angle of an arc to create a full circle when the arc spans almost, but not
+ * exactly, the full circle.
+ *
+ * When an arc spans almost the full circle (e.g., when the remaining slices of a pie are
+ * extremely small compared to the largest one), its start and end points are so close that they
+ * can round to the same path coordinates. SVG omits arcs whose end point equals their start
+ * point, which makes the quasi-full-circle arc invisible.
+ * See https://github.com/mui/mui-x/issues/14167
+ *
+ * The end angle is only snapped when the gap left by the arc is smaller than the precision of
+ * the serialized path, so the snapping is visually lossless.
+ *
+ * @param startAngle The start angle of the arc, in radians.
+ * @param endAngle The end angle of the arc, in radians.
+ * @param outerRadius The outer radius of the arc.
+ * @param padAngle The pad angle of the arc, in radians.
+ * @returns The end angle, snapped to `startAngle ± 2 * Math.PI` when applicable.
+ */
+export function snapEndAngleToFullCircle(startAngle, endAngle, outerRadius, padAngle = 0) {
+  const sweep = Math.abs(endAngle - startAngle);
+  if (sweep === 0 || sweep >= TAU) {
+    return endAngle;
+  }
+
+  // Chord between the start and end points of the arc, once the padding is applied.
+  // For such small angles, the chord length is approximately `radius * angle`.
+  const gapChordLength = (TAU - sweep + Math.abs(padAngle)) * outerRadius;
+  if (gapChordLength >= MIN_DISTINCT_CHORD_LENGTH) {
+    return endAngle;
+  }
+  return startAngle + Math.sign(endAngle - startAngle) * TAU;
+}

package/models/axis.d.mts

@@ -2,6 +2,7 @@ import type * as React from 'react';
 import type { ScaleBand, ScaleLinear, ScaleLogarithmic, ScaleOrdinal, ScalePoint, ScalePower, ScaleSequential, ScaleThreshold, ScaleTime, ScaleSymLog, NumberValue } from '@mui/x-charts-vendor/d3-scale';
 import type { SxProps } from '@mui/system/styleFunctionSx';
 import type { HasProperty, MakeOptional, MakeRequired } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { DatasetElementType } from "./seriesType/config.mjs";
 import type { DefaultizedZoomOptions } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.mjs";
 import type { ChartsAxisClasses } from "../ChartsAxis/axisClasses.mjs";
@@ -57,10 +58,10 @@ export interface ChartsAxisSlots {
   yAxis?: React.JSXElementConstructor<ChartsYAxisProps & YAxisPropsOverrides>;
 }
 export interface ChartsAxisSlotProps {
-  axisLine?: Partial<React.SVGAttributes<SVGPathElement>> & AxisLinePropsOverrides;
-  axisTick?: Partial<React.SVGAttributes<SVGPathElement>> & AxisTickPropsOverrides;
-  axisTickLabel?: Partial<ChartsTextProps> & AxisTickLabelPropsOverrides;
-  axisLabel?: Partial<ChartsTextProps> & AxisLabelPropsOverrides;
+  axisLine?: WithDataAttributes<Partial<React.SVGAttributes<SVGPathElement>> & AxisLinePropsOverrides>;
+  axisTick?: WithDataAttributes<Partial<React.SVGAttributes<SVGPathElement>> & AxisTickPropsOverrides>;
+  axisTickLabel?: WithDataAttributes<Partial<ChartsTextProps> & AxisTickLabelPropsOverrides>;
+  axisLabel?: WithDataAttributes<Partial<ChartsTextProps> & AxisLabelPropsOverrides>;
   xAxis?: Partial<ChartsXAxisProps> & XAxisPropsOverrides;
   yAxis?: Partial<ChartsYAxisProps> & YAxisPropsOverrides;
 }

package/models/axis.d.ts

@@ -2,6 +2,7 @@ import type * as React from 'react';
 import type { ScaleBand, ScaleLinear, ScaleLogarithmic, ScaleOrdinal, ScalePoint, ScalePower, ScaleSequential, ScaleThreshold, ScaleTime, ScaleSymLog, NumberValue } from '@mui/x-charts-vendor/d3-scale';
 import type { SxProps } from '@mui/system/styleFunctionSx';
 import type { HasProperty, MakeOptional, MakeRequired } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { DatasetElementType } from "./seriesType/config.js";
 import type { DefaultizedZoomOptions } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
 import type { ChartsAxisClasses } from "../ChartsAxis/axisClasses.js";
@@ -57,10 +58,10 @@ export interface ChartsAxisSlots {
   yAxis?: React.JSXElementConstructor<ChartsYAxisProps & YAxisPropsOverrides>;
 }
 export interface ChartsAxisSlotProps {
-  axisLine?: Partial<React.SVGAttributes<SVGPathElement>> & AxisLinePropsOverrides;
-  axisTick?: Partial<React.SVGAttributes<SVGPathElement>> & AxisTickPropsOverrides;
-  axisTickLabel?: Partial<ChartsTextProps> & AxisTickLabelPropsOverrides;
-  axisLabel?: Partial<ChartsTextProps> & AxisLabelPropsOverrides;
+  axisLine?: WithDataAttributes<Partial<React.SVGAttributes<SVGPathElement>> & AxisLinePropsOverrides>;
+  axisTick?: WithDataAttributes<Partial<React.SVGAttributes<SVGPathElement>> & AxisTickPropsOverrides>;
+  axisTickLabel?: WithDataAttributes<Partial<ChartsTextProps> & AxisTickLabelPropsOverrides>;
+  axisLabel?: WithDataAttributes<Partial<ChartsTextProps> & AxisLabelPropsOverrides>;
   xAxis?: Partial<ChartsXAxisProps> & XAxisPropsOverrides;
   yAxis?: Partial<ChartsYAxisProps> & YAxisPropsOverrides;
 }

package/models/seriesType/config.d.mts

@@ -1,6 +1,6 @@
 import type { DefaultizedProps, MakeOptional, MakeRequired } from '@mui/x-internals/types';
 import type { ScatterSeriesType, DefaultizedScatterSeriesType, ScatterItemIdentifier, ScatterValueType } from "./scatter.mjs";
-import type { LineSeriesType, DefaultizedLineSeriesType, LineItemIdentifier } from "./line.mjs";
+import type { LineSeriesType, DefaultizedLineSeriesType, LineItemIdentifier, LineItemClickIdentifier } from "./line.mjs";
 import type { BarItemIdentifier, BarSeriesType, DefaultizedBarSeriesType } from "./bar.mjs";
 import type { PieSeriesType, DefaultizedPieSeriesType, PieItemIdentifier, PieValueType, PieSeriesLayout } from "./pie.mjs";
 import type { DefaultizedRadarSeriesType, RadarItemIdentifier, RadarSeriesType } from "./radar.mjs";
@@ -60,7 +60,7 @@ export interface ChartsSeriesConfig {
     seriesLayout: {};
     seriesProp: LineSeriesType;
     itemIdentifier: LineItemIdentifier;
-    itemIdentifierWithData: LineItemIdentifier;
+    itemIdentifierWithData: LineItemClickIdentifier;
     valueType: number | null;
     canBeStacked: true;
     axisType: 'cartesian';

package/models/seriesType/config.d.ts

@@ -1,6 +1,6 @@
 import type { DefaultizedProps, MakeOptional, MakeRequired } from '@mui/x-internals/types';
 import type { ScatterSeriesType, DefaultizedScatterSeriesType, ScatterItemIdentifier, ScatterValueType } from "./scatter.js";
-import type { LineSeriesType, DefaultizedLineSeriesType, LineItemIdentifier } from "./line.js";
+import type { LineSeriesType, DefaultizedLineSeriesType, LineItemIdentifier, LineItemClickIdentifier } from "./line.js";
 import type { BarItemIdentifier, BarSeriesType, DefaultizedBarSeriesType } from "./bar.js";
 import type { PieSeriesType, DefaultizedPieSeriesType, PieItemIdentifier, PieValueType, PieSeriesLayout } from "./pie.js";
 import type { DefaultizedRadarSeriesType, RadarItemIdentifier, RadarSeriesType } from "./radar.js";
@@ -60,7 +60,7 @@ export interface ChartsSeriesConfig {
     seriesLayout: {};
     seriesProp: LineSeriesType;
     itemIdentifier: LineItemIdentifier;
-    itemIdentifierWithData: LineItemIdentifier;
+    itemIdentifierWithData: LineItemClickIdentifier;
     valueType: number | null;
     canBeStacked: true;
     axisType: 'cartesian';

package/models/seriesType/index.d.mts

@@ -13,7 +13,7 @@ export type HighlightItemIdentifierWithType<SeriesType extends ChartSeriesType>
 export type FocusedItemIdentifier<SeriesType extends ChartSeriesType = ChartSeriesType> = SeriesType extends 'line' | 'radar' | 'radialLine' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'dataIndex'> : SeriesType extends 'heatmap' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'xIndex' | 'yIndex'> : ChartsSeriesConfig[SeriesType]['itemIdentifier'];
 export { type SeriesId } from "./common.mjs";
 export type { CartesianChartSeriesType, StackableChartSeriesType } from "./config.mjs";
-export type { ShowMarkParams, MarkShape, LineSeriesType, LineItemIdentifier, DefaultizedLineSeriesType } from "./line.mjs";
+export type { ShowMarkParams, MarkShape, LineSeriesType, LineItemIdentifier, LineItemClickIdentifier, DefaultizedLineSeriesType } from "./line.mjs";
 export type { BarValueType, BarSeriesType, BarItemIdentifier, DefaultizedBarSeriesType } from "./bar.mjs";
 export * from "./scatter.mjs";
 export * from "./pie.mjs";

package/models/seriesType/index.d.ts

@@ -13,7 +13,7 @@ export type HighlightItemIdentifierWithType<SeriesType extends ChartSeriesType>
 export type FocusedItemIdentifier<SeriesType extends ChartSeriesType = ChartSeriesType> = SeriesType extends 'line' | 'radar' | 'radialLine' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'dataIndex'> : SeriesType extends 'heatmap' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'xIndex' | 'yIndex'> : ChartsSeriesConfig[SeriesType]['itemIdentifier'];
 export { type SeriesId } from "./common.js";
 export type { CartesianChartSeriesType, StackableChartSeriesType } from "./config.js";
-export type { ShowMarkParams, MarkShape, LineSeriesType, LineItemIdentifier, DefaultizedLineSeriesType } from "./line.js";
+export type { ShowMarkParams, MarkShape, LineSeriesType, LineItemIdentifier, LineItemClickIdentifier, DefaultizedLineSeriesType } from "./line.js";
 export type { BarValueType, BarSeriesType, BarItemIdentifier, DefaultizedBarSeriesType } from "./bar.js";
 export * from "./scatter.js";
 export * from "./pie.js";

package/models/seriesType/line.d.mts

@@ -118,10 +118,23 @@ export type LineItemIdentifier = {
   type: 'line';
   seriesId: SeriesId;
   /**
-   * `dataIndex` can be `undefined` if the mouse is over the area and not a specific item.
+   * The index of the data point closest to the pointer along the x-axis.
+   * `dataIndex` can be `undefined` if the pointer position cannot be associated with a data point.
    */
   dataIndex?: number;
 };
+/**
+ * An object that identifies a single line together with the data point the interaction targets.
+ * Used for item interactions that always resolve a data point, like `onItemClick`.
+ */
+export type LineItemClickIdentifier = {
+  type: 'line';
+  seriesId: SeriesId;
+  /**
+   * The index of the data point closest to the pointer along the x-axis.
+   */
+  dataIndex: number;
+};
 export interface DefaultizedLineSeriesType extends DefaultizedProps<LineSeriesType, CommonDefaultizedProps | 'color'> {
   hidden: boolean;
 }

package/models/seriesType/line.d.ts

@@ -118,10 +118,23 @@ export type LineItemIdentifier = {
   type: 'line';
   seriesId: SeriesId;
   /**
-   * `dataIndex` can be `undefined` if the mouse is over the area and not a specific item.
+   * The index of the data point closest to the pointer along the x-axis.
+   * `dataIndex` can be `undefined` if the pointer position cannot be associated with a data point.
    */
   dataIndex?: number;
 };
+/**
+ * An object that identifies a single line together with the data point the interaction targets.
+ * Used for item interactions that always resolve a data point, like `onItemClick`.
+ */
+export type LineItemClickIdentifier = {
+  type: 'line';
+  seriesId: SeriesId;
+  /**
+   * The index of the data point closest to the pointer along the x-axis.
+   */
+  dataIndex: number;
+};
 export interface DefaultizedLineSeriesType extends DefaultizedProps<LineSeriesType, CommonDefaultizedProps | 'color'> {
   hidden: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "9.9.0",
+  "version": "9.10.1",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
   "license": "MIT",
@@ -34,8 +34,8 @@
     "prop-types": "^15.8.1",
     "reselect": "^5.2.0",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-internal-gestures": "^9.9.0",
-    "@mui/x-internals": "^9.9.0",
+    "@mui/x-internals": "^9.10.1",
+    "@mui/x-internal-gestures": "^9.10.0",
     "@mui/x-charts-vendor": "^9.4.0"
   },
   "peerDependencies": {