@mui/x-charts 9.2.0 → 9.4.0

package/ScatterChart/seriesConfig/tooltip.js

@@ -4,28 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = 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
-  };
-};
+var _getLineLikeTooltip = require("../../internals/getLineLikeTooltip");
+const tooltipGetter = params => (0, _getLineLikeTooltip.getLineLikeTooltip)(params);
 var _default = exports.default = tooltipGetter;

package/ScatterChart/seriesConfig/tooltip.mjs

@@ -1,25 +1,3 @@
-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
-  };
-};
+import { getLineLikeTooltip } from "../../internals/getLineLikeTooltip.mjs";
+const tooltipGetter = params => getLineLikeTooltip(params);
 export default tooltipGetter;

package/ScatterChart/useScatterItemPosition.d.mts

@@ -2,6 +2,10 @@ import { type DefaultizedScatterSeriesType, type ScatterItemIdentifier, type Sca
 export interface ResolvedScatterItem {
   cx: number;
   cy: number;
+  /**
+   * The resolved marker size of the scatter point, accounting for any size axis.
+   */
+  markerSize: number;
   series: DefaultizedScatterSeriesType;
   scatterPoint: ScatterValueType;
 }

package/ScatterChart/useScatterItemPosition.d.ts

@@ -2,6 +2,10 @@ import { type DefaultizedScatterSeriesType, type ScatterItemIdentifier, type Sca
 export interface ResolvedScatterItem {
   cx: number;
   cy: number;
+  /**
+   * The resolved marker size of the scatter point, accounting for any size axis.
+   */
+  markerSize: number;
   series: DefaultizedScatterSeriesType;
   scatterPoint: ScatterValueType;
 }

package/ScatterChart/useScatterItemPosition.js

@@ -1,10 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useScatterItemPosition = useScatterItemPosition;
 var _hooks = require("../hooks");
+var _useZAxis = require("../hooks/useZAxis");
+var _getMarkerSize = _interopRequireDefault(require("./seriesConfig/getMarkerSize"));
 /**
  * Resolves a scatter item identifier to its on-screen position and the owning
  * series. Shared by `FocusedScatterMark`, `HighlightedScatterMark`, and other
@@ -23,6 +26,10 @@ function useScatterItemPosition(item) {
     yAxis,
     yAxisIds
   } = (0, _hooks.useYAxes)();
+  const {
+    zAxis,
+    zAxisIds
+  } = (0, _useZAxis.useZAxes)();
   if (!item || !scatterSeries) {
     return null;
   }
@@ -38,9 +45,11 @@ function useScatterItemPosition(item) {
   const yAxisId = series.yAxisId ?? yAxisIds[0];
   const cx = (0, _hooks.getValueToPositionMapper)(xAxis[xAxisId].scale)(scatterPoint.x);
   const cy = (0, _hooks.getValueToPositionMapper)(yAxis[yAxisId].scale)(scatterPoint.y);
+  const markerSize = (0, _getMarkerSize.default)(series, zAxis[series.sizeAxisId ?? zAxisIds[0]])(item.dataIndex);
   return {
     cx,
     cy,
+    markerSize,
     series,
     scatterPoint
   };

package/ScatterChart/useScatterItemPosition.mjs

@@ -1,4 +1,6 @@
 import { getValueToPositionMapper, useScatterSeriesContext, useXAxes, useYAxes } from "../hooks/index.mjs";
+import { useZAxes } from "../hooks/useZAxis.mjs";
+import getMarkerSize from "./seriesConfig/getMarkerSize.mjs";
 /**
  * Resolves a scatter item identifier to its on-screen position and the owning
  * series. Shared by `FocusedScatterMark`, `HighlightedScatterMark`, and other
@@ -17,6 +19,10 @@ export function useScatterItemPosition(item) {
     yAxis,
     yAxisIds
   } = useYAxes();
+  const {
+    zAxis,
+    zAxisIds
+  } = useZAxes();
   if (!item || !scatterSeries) {
     return null;
   }
@@ -32,9 +38,11 @@ export function useScatterItemPosition(item) {
   const yAxisId = series.yAxisId ?? yAxisIds[0];
   const cx = getValueToPositionMapper(xAxis[xAxisId].scale)(scatterPoint.x);
   const cy = getValueToPositionMapper(yAxis[yAxisId].scale)(scatterPoint.y);
+  const markerSize = getMarkerSize(series, zAxis[series.sizeAxisId ?? zAxisIds[0]])(item.dataIndex);
   return {
     cx,
     cy,
+    markerSize,
     series,
     scatterPoint
   };

package/SparkLineChart/SparkLineChart.js

@@ -292,15 +292,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter']).isRequired
+    type: _propTypes.default.oneOf(['pie']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie']).isRequired
+    type: _propTypes.default.oneOf(['radar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radar']).isRequired
+    type: _propTypes.default.oneOf(['scatter']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
@@ -312,15 +312,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter'])
+    type: _propTypes.default.oneOf(['pie'])
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie'])
+    type: _propTypes.default.oneOf(['radar'])
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radar'])
+    type: _propTypes.default.oneOf(['scatter'])
   })]).isRequired),
   /**
    * The controlled axis highlight.
@@ -335,20 +335,16 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Used when the highlight is controlled.
    */
   highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
-    dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar']).isRequired
-  }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['line']).isRequired
+    type: _propTypes.default.oneOf(['bar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter']).isRequired
+    type: _propTypes.default.oneOf(['line']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
@@ -357,6 +353,10 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['radar']).isRequired
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['scatter']).isRequired
   })]),
   /**
    * Defines the maximum distance between a scatter point and the pointer that triggers the interaction.
@@ -401,15 +401,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter']).isRequired
+    type: _propTypes.default.oneOf(['pie']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie']).isRequired
+    type: _propTypes.default.oneOf(['radar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radar']).isRequired
+    type: _propTypes.default.oneOf(['scatter']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
@@ -421,15 +421,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter'])
+    type: _propTypes.default.oneOf(['pie'])
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie'])
+    type: _propTypes.default.oneOf(['radar'])
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radar'])
+    type: _propTypes.default.oneOf(['scatter'])
   })]).isRequired),
   /**
    * Localized text for chart components.
@@ -547,27 +547,27 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Used when the tooltip is controlled.
    */
   tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
+    dataIndex: _propTypes.default.number.isRequired,
+    seriesId: _propTypes.default.string.isRequired
+  }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
     seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['bar']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired
-  }), _propTypes.default.shape({
-    dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['line']).isRequired
-  }), _propTypes.default.shape({
-    dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    type: _propTypes.default.oneOf(['pie']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
     seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['scatter']).isRequired
   }), _propTypes.default.shape({
-    dataIndex: _propTypes.default.number.isRequired,
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie']).isRequired
+    type: _propTypes.default.oneOf(['line']).isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,

package/SparkLineChart/SparkLineChart.mjs

@@ -285,15 +285,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter']).isRequired
+    type: PropTypes.oneOf(['pie']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie']).isRequired
+    type: PropTypes.oneOf(['radar']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar']).isRequired
+    type: PropTypes.oneOf(['scatter']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
@@ -305,15 +305,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter'])
+    type: PropTypes.oneOf(['pie'])
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie'])
+    type: PropTypes.oneOf(['radar'])
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar'])
+    type: PropTypes.oneOf(['scatter'])
   })]).isRequired),
   /**
    * The controlled axis highlight.
@@ -328,20 +328,16 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Used when the highlight is controlled.
    */
   highlightedItem: PropTypes.oneOfType([PropTypes.shape({
-    dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar']).isRequired
-  }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['line']).isRequired
+    type: PropTypes.oneOf(['bar']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter']).isRequired
+    type: PropTypes.oneOf(['line']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
@@ -350,6 +346,10 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
     type: PropTypes.oneOf(['radar']).isRequired
+  }), PropTypes.shape({
+    dataIndex: PropTypes.number,
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['scatter']).isRequired
   })]),
   /**
    * Defines the maximum distance between a scatter point and the pointer that triggers the interaction.
@@ -394,15 +394,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter']).isRequired
+    type: PropTypes.oneOf(['pie']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie']).isRequired
+    type: PropTypes.oneOf(['radar']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar']).isRequired
+    type: PropTypes.oneOf(['scatter']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
@@ -414,15 +414,15 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter'])
+    type: PropTypes.oneOf(['pie'])
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie'])
+    type: PropTypes.oneOf(['radar'])
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar'])
+    type: PropTypes.oneOf(['scatter'])
   })]).isRequired),
   /**
    * Localized text for chart components.
@@ -540,27 +540,27 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Used when the tooltip is controlled.
    */
   tooltipItem: PropTypes.oneOfType([PropTypes.shape({
+    dataIndex: PropTypes.number.isRequired,
+    seriesId: PropTypes.string.isRequired
+  }), PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
     seriesId: PropTypes.string.isRequired,
     type: PropTypes.oneOf(['bar']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired
-  }), PropTypes.shape({
-    dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['line']).isRequired
-  }), PropTypes.shape({
-    dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    type: PropTypes.oneOf(['pie']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
     seriesId: PropTypes.string.isRequired,
     type: PropTypes.oneOf(['scatter']).isRequired
   }), PropTypes.shape({
-    dataIndex: PropTypes.number.isRequired,
+    dataIndex: PropTypes.number,
+    seriesId: PropTypes.string.isRequired
+  }), PropTypes.shape({
+    dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie']).isRequired
+    type: PropTypes.oneOf(['line']).isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,

package/Toolbar/Toolbar.types.d.mts

@@ -1,15 +1,16 @@
 import type * as React from 'react';
+import type { ToolbarPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
 export interface ChartsToolbarProps {}
 export interface ChartsToolbarSlots {
   /**
    * Custom component for the toolbar.
    * @default ChartsToolbar
    */
-  toolbar?: React.ElementType<ChartsToolbarProps>;
+  toolbar?: React.ElementType<ChartsToolbarProps & ToolbarPropsOverrides>;
 }
 export interface ChartsToolbarSlotProps {
   /**
    * Props for the toolbar component.
    */
-  toolbar?: Partial<ChartsToolbarProps>;
+  toolbar?: Partial<ChartsToolbarProps> & ToolbarPropsOverrides;
 }

package/Toolbar/Toolbar.types.d.ts

@@ -1,15 +1,16 @@
 import type * as React from 'react';
+import type { ToolbarPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
 export interface ChartsToolbarProps {}
 export interface ChartsToolbarSlots {
   /**
    * Custom component for the toolbar.
    * @default ChartsToolbar
    */
-  toolbar?: React.ElementType<ChartsToolbarProps>;
+  toolbar?: React.ElementType<ChartsToolbarProps & ToolbarPropsOverrides>;
 }
 export interface ChartsToolbarSlotProps {
   /**
    * Props for the toolbar component.
    */
-  toolbar?: Partial<ChartsToolbarProps>;
+  toolbar?: Partial<ChartsToolbarProps> & ToolbarPropsOverrides;
 }

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.2.0
+ * @mui/x-charts v9.4.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.2.0
+ * @mui/x-charts v9.4.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/animation/animation.d.mts

@@ -1,4 +1,3 @@
-import BezierEasing from 'bezier-easing';
 export declare const ANIMATION_DURATION_MS = 300;
 export declare const ANIMATION_TIMING_FUNCTION = "cubic-bezier(0.66, 0, 0.34, 1)";
-export declare const ANIMATION_TIMING_FUNCTION_JS: BezierEasing.EasingFunction;
+export declare const ANIMATION_TIMING_FUNCTION_JS: import("bezier-easing").EasingFunction;

package/internals/animation/animation.d.ts

@@ -1,4 +1,3 @@
-import BezierEasing from 'bezier-easing';
 export declare const ANIMATION_DURATION_MS = 300;
 export declare const ANIMATION_TIMING_FUNCTION = "cubic-bezier(0.66, 0, 0.34, 1)";
-export declare const ANIMATION_TIMING_FUNCTION_JS: BezierEasing.EasingFunction;
+export declare const ANIMATION_TIMING_FUNCTION_JS: import("bezier-easing").EasingFunction;

package/internals/commonNextFocusItem.d.mts

@@ -16,7 +16,11 @@ compatibleSeriesTypes: Set<OutSeriesType>,
 /**
  * If true, allows cycling from the last item to the first one.
  */
-allowCycles?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+allowCycles?: boolean,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export declare function createGetPreviousIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
@@ -25,7 +29,11 @@ compatibleSeriesTypes: Set<OutSeriesType>,
 /**
  * If true, allows cycling from the last item to the first one.
  */
-allowCycles?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+allowCycles?: boolean,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export declare function createGetNextSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.

package/internals/commonNextFocusItem.d.ts

@@ -16,7 +16,11 @@ compatibleSeriesTypes: Set<OutSeriesType>,
 /**
  * If true, allows cycling from the last item to the first one.
  */
-allowCycles?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+allowCycles?: boolean,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export declare function createGetPreviousIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
@@ -25,7 +29,11 @@ compatibleSeriesTypes: Set<OutSeriesType>,
 /**
  * If true, allows cycling from the last item to the first one.
  */
-allowCycles?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+allowCycles?: boolean,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export declare function createGetNextSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.

package/internals/commonNextFocusItem.js

@@ -25,7 +25,11 @@ compatibleSeriesTypes,
 /**
  * If true, allows cycling from the last item to the first one.
  */
-allowCycles = false) {
+allowCycles = false,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength = false) {
   return function getNextIndexFocusedItem(currentItem, state) {
     const processedSeries = (0, _useChartSeries.selectorChartSeriesProcessed)(state);
     let seriesId = currentItem?.seriesId;
@@ -38,7 +42,7 @@ allowCycles = false) {
       type = nextSeries.type;
       seriesId = nextSeries.seriesId;
     }
-    const maxLength = (0, _getMaxSeriesLength.getMaxSeriesLength)(processedSeries, compatibleSeriesTypes);
+    const maxLength = useCurrentSeriesMaxLength ? processedSeries[type]?.series[seriesId]?.data.length ?? 0 : (0, _getMaxSeriesLength.getMaxSeriesLength)(processedSeries, compatibleSeriesTypes);
     let dataIndex = currentItem?.dataIndex == null ? 0 : currentItem.dataIndex + 1;
     if (allowCycles) {
       dataIndex = dataIndex % maxLength;
@@ -72,7 +76,11 @@ compatibleSeriesTypes,
 /**
  * If true, allows cycling from the last item to the first one.
  */
-allowCycles = false) {
+allowCycles = false,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength = false) {
   return function getPreviousIndexFocusedItem(currentItem, state) {
     const processedSeries = (0, _useChartSeries.selectorChartSeriesProcessed)(state);
     let seriesId = currentItem?.seriesId;
@@ -85,7 +93,7 @@ allowCycles = false) {
       type = previousSeries.type;
       seriesId = previousSeries.seriesId;
     }
-    const maxLength = (0, _getMaxSeriesLength.getMaxSeriesLength)(processedSeries, compatibleSeriesTypes);
+    const maxLength = useCurrentSeriesMaxLength ? processedSeries[type]?.series[seriesId]?.data.length ?? 0 : (0, _getMaxSeriesLength.getMaxSeriesLength)(processedSeries, compatibleSeriesTypes);
     let dataIndex = currentItem?.dataIndex == null ? maxLength - 1 : currentItem.dataIndex - 1;
     if (allowCycles) {
       dataIndex = (maxLength + dataIndex) % maxLength;

package/internals/commonNextFocusItem.mjs

@@ -16,7 +16,11 @@ compatibleSeriesTypes,
 /**
  * If true, allows cycling from the last item to the first one.
  */
-allowCycles = false) {
+allowCycles = false,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength = false) {
   return function getNextIndexFocusedItem(currentItem, state) {
     const processedSeries = selectorChartSeriesProcessed(state);
     let seriesId = currentItem?.seriesId;
@@ -29,7 +33,7 @@ allowCycles = false) {
       type = nextSeries.type;
       seriesId = nextSeries.seriesId;
     }
-    const maxLength = getMaxSeriesLength(processedSeries, compatibleSeriesTypes);
+    const maxLength = useCurrentSeriesMaxLength ? processedSeries[type]?.series[seriesId]?.data.length ?? 0 : getMaxSeriesLength(processedSeries, compatibleSeriesTypes);
     let dataIndex = currentItem?.dataIndex == null ? 0 : currentItem.dataIndex + 1;
     if (allowCycles) {
       dataIndex = dataIndex % maxLength;
@@ -63,7 +67,11 @@ compatibleSeriesTypes,
 /**
  * If true, allows cycling from the last item to the first one.
  */
-allowCycles = false) {
+allowCycles = false,
+/**
+ * If true, series max index is defined by the current series length and not all series.
+ */
+useCurrentSeriesMaxLength = false) {
   return function getPreviousIndexFocusedItem(currentItem, state) {
     const processedSeries = selectorChartSeriesProcessed(state);
     let seriesId = currentItem?.seriesId;
@@ -76,7 +84,7 @@ allowCycles = false) {
       type = previousSeries.type;
       seriesId = previousSeries.seriesId;
     }
-    const maxLength = getMaxSeriesLength(processedSeries, compatibleSeriesTypes);
+    const maxLength = useCurrentSeriesMaxLength ? processedSeries[type]?.series[seriesId]?.data.length ?? 0 : getMaxSeriesLength(processedSeries, compatibleSeriesTypes);
     let dataIndex = currentItem?.dataIndex == null ? maxLength - 1 : currentItem.dataIndex - 1;
     if (allowCycles) {
       dataIndex = (maxLength + dataIndex) % maxLength;

package/internals/components/ChartsAccessibilityProxy/ChartsAccessibilityProxy.js

@@ -92,7 +92,7 @@ function ChartsAccessibilityProxy() {
     }
   }, [message, chartId]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    role: "presentation",
+    role: "none",
     tabIndex: message ? undefined : 0,
     ref: containerRef,
     style: fullSizeLayerStyle