@mui/x-charts 8.22.0 → 8.23.0

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

@@ -6,15 +6,7 @@ export declare const selectorChartsTooltipPointerItemIsDefined: (args_0: import(
 }) => boolean;
 export declare const selectorChartsTooltipItem: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => import("../../../../index.js").PieItemIdentifier | {
-  type: "bar";
-  seriesId: import("../../../index.js").SeriesId;
-  dataIndex: number;
-} | {
-  type: "scatter";
-  seriesId: import("../../../index.js").SeriesId;
-  dataIndex: number;
-} | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
+}) => import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
 export declare const selectorChartsTooltipItemIsDefined: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => boolean;

package/internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.js

@@ -16,7 +16,7 @@ const selectTooltip = state => state.tooltip;
 const selectorChartsTooltipPointerItem = exports.selectorChartsTooltipPointerItem = (0, _store.createSelector)(selectTooltip, tooltip => tooltip?.item ?? null);
 const selectorChartsTooltipPointerItemIsDefined = exports.selectorChartsTooltipPointerItemIsDefined = (0, _store.createSelector)(selectorChartsTooltipPointerItem, item => item !== null);
 const selectorChartsTooltipItem = exports.selectorChartsTooltipItem = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, selectorChartsTooltipPointerItem, _useChartKeyboardNavigation.selectorChartsKeyboardItem, (lastInteraction, pointerItem, keyboardItem) => lastInteraction === 'keyboard' ? keyboardItem : pointerItem ?? null);
-const selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItemIsDefined = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, selectorChartsTooltipPointerItemIsDefined, _useChartKeyboardNavigation.selectorChartsKeyboardItemIsDefined, (lastInteraction, pointerItemIsDefined, keyboardItemIsDefined) => lastInteraction === 'keyboard' ? keyboardItemIsDefined : pointerItemIsDefined);
+const selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItemIsDefined = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, selectorChartsTooltipPointerItemIsDefined, _useChartKeyboardNavigation.selectorChartsHasFocusedItem, (lastInteraction, pointerItemIsDefined, keyboardItemIsDefined) => lastInteraction === 'keyboard' ? keyboardItemIsDefined : pointerItemIsDefined);
 const selectorChartsTooltipAxisConfig = (0, _store.createSelectorMemoized)(selectorChartsTooltipItem, _useChartCartesianAxisRendering.selectorChartXAxis, _useChartCartesianAxisRendering.selectorChartYAxis, _useChartPolarAxis.selectorChartRotationAxis, _useChartPolarAxis.selectorChartRadiusAxis, _useChartSeries.selectorChartSeriesProcessed, function selectorChartsTooltipAxisConfig(identifier, {
   axis: xAxis,
   axisIds: xAxisIds

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

@@ -1,26 +1,27 @@
 import type { ChartPluginSignature } from "../../models/index.js";
-import type { ChartItemIdentifier, ChartSeriesType } from "../../../../models/seriesType/config.js";
+import type { SeriesItemIdentifier } from "../../../../models/seriesType/index.js";
+import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
 export interface UseChartTooltipInstance {
   /**
    * Setter for the item the user is pointing at.
-   * @param {ChartItemIdentifier} newItem The identifier of the item.
+   * @param {SeriesItemIdentifier} newItem The identifier of the item.
    */
-  setTooltipItem: (newItem: ChartItemIdentifier<ChartSeriesType>) => void;
+  setTooltipItem: (newItem: SeriesItemIdentifier<ChartSeriesType>) => void;
   /**
    * Remove the item the user was pointing at.
    * - If `itemToRemove` is provided, it removes the item only if it matches the current one.
    *   Otherwise it assumes the item got already updated and does nothing.
    * - If `itemToRemove` is not provided, it removes the current item unconditionally.
-   * @param {ChartItemIdentifier} itemToRemove The identifier of the item.
+   * @param {SeriesItemIdentifier} itemToRemove The identifier of the item.
    */
-  removeTooltipItem: (itemToRemove?: ChartItemIdentifier<ChartSeriesType>) => void;
+  removeTooltipItem: (itemToRemove?: SeriesItemIdentifier<ChartSeriesType>) => void;
 }
 export interface UseChartTooltipState {
   tooltip: {
     /**
      * The item currently under the pointer.
      */
-    item: null | ChartItemIdentifier<ChartSeriesType>;
+    item: null | SeriesItemIdentifier<ChartSeriesType>;
   };
 }
 export type UseChartTooltipSignature = ChartPluginSignature<{

package/internals/plugins/models/seriesConfig/seriesConfig.types.d.ts

@@ -8,6 +8,7 @@ import { type PolarExtremumGetter } from "./polarExtremumGetter.types.js";
 import { type GetSeriesWithDefaultValues } from "./getSeriesWithDefaultValues.types.js";
 import { type TooltipItemPositionGetter } from "./tooltipItemPositionGetter.types.js";
 import { type SeriesLayoutGetter } from "./seriesLayout.types.js";
+import { type KeyboardFocusHandler } from "../../featurePlugins/useChartKeyboardNavigation/keyboardFocusHandler.types.js";
 export type ChartSeriesTypeConfig<TSeriesType extends ChartSeriesType> = {
   seriesProcessor: SeriesProcessor<TSeriesType>;
   /**
@@ -19,6 +20,7 @@ export type ChartSeriesTypeConfig<TSeriesType extends ChartSeriesType> = {
   tooltipGetter: TooltipGetter<TSeriesType>;
   tooltipItemPositionGetter?: TooltipItemPositionGetter<TSeriesType>;
   getSeriesWithDefaultValues: GetSeriesWithDefaultValues<TSeriesType>;
+  keyboardFocusHandler?: KeyboardFocusHandler<TSeriesType>;
 } & (TSeriesType extends CartesianChartSeriesType ? {
   xExtremumGetter: CartesianExtremumGetter<TSeriesType>;
   yExtremumGetter: CartesianExtremumGetter<TSeriesType>;

package/internals/plugins/models/seriesConfig/seriesProcessor.types.d.ts

@@ -1,6 +1,6 @@
 import type { ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig, DatasetType } from "../../../../models/seriesType/config.js";
 import type { SeriesId } from "../../../../models/seriesType/common.js";
-import type { StackingGroupsType } from "../../../stackSeries.js";
+import type { StackingGroupsType } from "../../../stacking/index.js";
 export type SeriesProcessorParams<TSeriesType extends ChartSeriesType> = {
   series: Record<SeriesId, ChartsSeriesConfig[TSeriesType]['seriesInput']>;
   seriesOrder: SeriesId[];

package/internals/plugins/models/seriesConfig/tooltipGetter.types.d.ts

@@ -1,4 +1,5 @@
-import type { ChartItemIdentifier, ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig } from "../../../../models/seriesType/config.js";
+import type { SeriesItemIdentifier } from "../../../../models/seriesType/index.js";
+import type { ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig } from "../../../../models/seriesType/config.js";
 import { type SeriesId } from "../../../../models/seriesType/common.js";
 import { type AxisId, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type PolarAxisDefaultized, type ComputedXAxis, type ComputedYAxis } from "../../../../models/axis.js";
 import { type ChartsLabelMarkProps } from "../../../../ChartsLabel/ChartsLabelMark.js";
@@ -7,7 +8,7 @@ export interface ItemTooltip<T extends ChartSeriesType> {
   /**
    * An object that identifies the item to display.
    */
-  identifier: ChartItemIdentifier<T>;
+  identifier: SeriesItemIdentifier<T>;
   /**
    * The color associated with the item.
    */
@@ -59,7 +60,7 @@ export type TooltipGetter<TSeriesType extends ChartSeriesType> = (params: {
   series: ChartSeriesDefaultized<TSeriesType>;
   axesConfig: TooltipGetterAxesConfig;
   getColor: ColorGetter<TSeriesType>;
-  identifier: ChartItemIdentifier<TSeriesType> | null;
+  identifier: SeriesItemIdentifier<TSeriesType> | null;
 }) => (TSeriesType extends 'radar' ? ItemTooltipWithMultipleValues<TSeriesType> : ItemTooltip<TSeriesType>) | null;
 /**
  * If `axisId` is set to undefined, the default axis will be used.

package/internals/plugins/models/seriesConfig/tooltipItemPositionGetter.types.d.ts

@@ -1,4 +1,5 @@
-import type { ChartItemIdentifier, ChartSeriesType } from "../../../../models/seriesType/config.js";
+import type { SeriesItemIdentifier } from "../../../../models/seriesType/index.js";
+import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
 import { type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type ComputedXAxis, type ComputedYAxis } from "../../../../models/axis.js";
 import { type ChartDrawingArea } from "../../../../hooks/useDrawingArea.js";
 import { type ProcessedSeries, type SeriesLayout } from "../../corePlugins/useChartSeries/index.js";
@@ -13,7 +14,7 @@ export type TooltipItemPositionGetter<TSeriesType extends ChartSeriesType> = (pa
   series: ProcessedSeries<TSeriesType>;
   axesConfig: TooltipPositionGetterAxesConfig;
   drawingArea: ChartDrawingArea;
-  identifier: ChartItemIdentifier<TSeriesType> | null;
+  identifier: SeriesItemIdentifier<TSeriesType> | null;
   seriesLayout: SeriesLayout<TSeriesType>;
   /**
    * The preferred placement of the tooltip related to the element.

package/internals/seriesHasData.d.ts

@@ -0,0 +1,4 @@
+import type { SeriesId } from "../models/seriesType/common.js";
+import type { ChartSeriesType, ChartsSeriesConfig } from "../models/seriesType/config.js";
+import type { ProcessedSeries } from "./plugins/corePlugins/useChartSeries/index.js";
+export declare function seriesHasData(series: ProcessedSeries<keyof ChartsSeriesConfig>, type: ChartSeriesType, seriesId: SeriesId): boolean;

package/internals/seriesHasData.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.seriesHasData = seriesHasData;
+function seriesHasData(series, type, seriesId) {
+  // @ts-ignore sankey is not in MIT version
+  if (type === 'sankey') {
+    return false;
+  }
+  const data = series[type]?.series[seriesId]?.data;
+  return data != null && data.length > 0;
+}

package/internals/seriesSelectorOfType.js

@@ -8,7 +8,6 @@ var _warning = require("@mui/x-internals/warning");
 var _store = require("@mui/x-internals/store");
 var _useChartSeries = require("./plugins/corePlugins/useChartSeries/useChartSeries.selectors");
 var _useStore = require("./store/useStore");
-var _useSelector = require("./store/useSelector");
 const selectorAllSeriesOfType = exports.selectorAllSeriesOfType = (0, _store.createSelector)(_useChartSeries.selectorChartSeriesProcessed, (processedSeries, seriesType) => processedSeries[seriesType]);
 const selectorSeriesOfType = exports.selectorSeriesOfType = (0, _store.createSelectorMemoized)(_useChartSeries.selectorChartSeriesProcessed, (processedSeries, seriesType, ids) => {
   if (ids === undefined || Array.isArray(ids) && ids.length === 0) {
@@ -36,11 +35,11 @@ const selectorSeriesOfType = exports.selectorSeriesOfType = (0, _store.createSel
 });
 const useAllSeriesOfType = seriesType => {
   const store = (0, _useStore.useStore)();
-  return (0, _useSelector.useSelector)(store, selectorAllSeriesOfType, seriesType);
+  return store.use(selectorAllSeriesOfType, seriesType);
 };
 exports.useAllSeriesOfType = useAllSeriesOfType;
 const useSeriesOfType = (seriesType, seriesId) => {
   const store = (0, _useStore.useStore)();
-  return (0, _useSelector.useSelector)(store, selectorSeriesOfType, seriesType, seriesId);
+  return store.use(selectorSeriesOfType, seriesType, seriesId);
 };
 exports.useSeriesOfType = useSeriesOfType;

package/internals/stacking/index.d.ts

@@ -0,0 +1 @@
+export * from "./stackSeries.js";

package/internals/stacking/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _stackSeries = require("./stackSeries");
+Object.keys(_stackSeries).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _stackSeries[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _stackSeries[key];
+    }
+  });
+});

package/internals/stacking/offset/index.d.ts

@@ -0,0 +1 @@
+export * from "./offsetDiverging.js";

package/internals/stacking/offset/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _offsetDiverging = require("./offsetDiverging");
+Object.keys(_offsetDiverging).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _offsetDiverging[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _offsetDiverging[key];
+    }
+  });
+});

package/internals/stacking/offset/offsetDiverging.d.ts

@@ -0,0 +1,8 @@
+import type { Series } from '@mui/x-charts-vendor/d3-shape';
+/**
+ * Positive values are stacked above zero, while negative values are stacked below zero.
+ *
+ * @param series A series generated by a stack generator.
+ * @param order An array of numeric indexes representing the stack order.
+ */
+export declare function offsetDiverging(series: Series<any, any>[], order: Iterable<number>): void;

package/internals/stacking/offset/offsetDiverging.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.offsetDiverging = offsetDiverging;
+// Adapted from D3.js's offsetDiverging function https://github.com/d3/d3-shape/blob/main/src/offset/diverging.js
+// Hidden series (with all zero values) affect the stacking in a different way in our implementation compared to the D3 behavior.
+// The D3 stacking keep those values at the 0 "line", which creates issues when animating between hidden and visible states.
+// In our modification, we stack them on top/below already stacked items according to the sign of their original value.
+// A hidden negative value will be placed below all the already stacked negative values
+
+/**
+ * Positive values are stacked above zero, while negative values are stacked below zero.
+ *
+ * @param series A series generated by a stack generator.
+ * @param order An array of numeric indexes representing the stack order.
+ */
+function offsetDiverging(series, order) {
+  if (series.length === 0) {
+    return;
+  }
+  const seriesCount = series.length;
+  const numericOrder = order;
+  const pointCount = series[numericOrder[0]].length;
+  for (let pointIndex = 0; pointIndex < pointCount; pointIndex += 1) {
+    let positiveSum = 0;
+    let negativeSum = 0;
+    for (let seriesIndex = 0; seriesIndex < seriesCount; seriesIndex += 1) {
+      const currentSeries = series[numericOrder[seriesIndex]];
+      const dataPoint = currentSeries[pointIndex];
+      const difference = dataPoint[1] - dataPoint[0];
+      if (difference > 0) {
+        dataPoint[0] = positiveSum;
+        positiveSum += difference;
+        dataPoint[1] = positiveSum;
+      } else if (difference < 0) {
+        dataPoint[1] = negativeSum;
+        negativeSum += difference;
+        dataPoint[0] = negativeSum;
+      } else if (dataPoint.data[currentSeries.key] > 0) {
+        dataPoint[0] = positiveSum;
+        dataPoint[1] = positiveSum;
+      } else if (dataPoint.data[currentSeries.key] < 0) {
+        dataPoint[1] = negativeSum;
+        dataPoint[0] = negativeSum;
+      } else {
+        dataPoint[0] = 0;
+        dataPoint[1] = 0;
+      }
+    }
+  }
+}

package/internals/{stackSeries.d.ts → stacking/stackSeries.d.ts}

@@ -1,6 +1,6 @@
-import { stackOrderAppearance as d3StackOrderAppearance, stackOrderAscending as d3StackOrderAscending, stackOrderDescending as d3StackOrderDescending, stackOrderInsideOut as d3StackOrderInsideOut, stackOrderNone as d3StackOrderNone, stackOrderReverse as d3StackOrderReverse, stackOffsetExpand as d3StackOffsetExpand, stackOffsetDiverging as d3StackOffsetDiverging, stackOffsetNone as d3StackOffsetNone, stackOffsetSilhouette as d3StackOffsetSilhouette, stackOffsetWiggle as d3StackOffsetWiggle, type Series } from '@mui/x-charts-vendor/d3-shape';
-import type { StackOffsetType, StackOrderType } from "../models/stacking.js";
-import { type SeriesId, type StackableSeriesType } from "../models/seriesType/common.js";
+import { stackOrderNone as d3StackOrderNone, stackOrderReverse as d3StackOrderReverse, stackOrderAppearance as d3OrderAppearance, stackOrderAscending as d3OrderAscending, stackOrderDescending as d3OrderDescending, stackOrderInsideOut as d3OrderInsideOut, stackOffsetExpand as d3StackOffsetExpand, stackOffsetNone as d3StackOffsetNone, stackOffsetSilhouette as d3StackOffsetSilhouette, stackOffsetWiggle as d3StackOffsetWiggle, type Series } from '@mui/x-charts-vendor/d3-shape';
+import type { StackOffsetType, StackOrderType } from "../../models/stacking.js";
+import { type SeriesId, type StackableSeriesType } from "../../models/seriesType/common.js";
 type FormatterParams<T> = {
   series: Record<SeriesId, T>;
   seriesOrder: SeriesId[];
@@ -18,19 +18,19 @@ export declare const StackOrder: {
   /**
    * Series order such that the earliest series (according to the maximum value) is at the bottom.
    * */
-  appearance: typeof d3StackOrderAppearance;
+  appearance: typeof d3OrderAppearance;
   /**
    *  Series order such that the smallest series (according to the sum of values) is at the bottom.
    * */
-  ascending: typeof d3StackOrderAscending;
+  ascending: typeof d3OrderAscending;
   /**
    * Series order such that the largest series (according to the sum of values) is at the bottom.
    */
-  descending: typeof d3StackOrderDescending;
+  descending: typeof d3OrderDescending;
   /**
    * Series order such that the earliest series (according to the maximum value) are on the inside and the later series are on the outside. This order is recommended for streamgraphs in conjunction with the wiggle offset. See Stacked Graphs—Geometry & Aesthetics by Byron & Wattenberg for more information.
    */
-  insideOut: typeof d3StackOrderInsideOut;
+  insideOut: typeof d3OrderInsideOut;
   /**
    * Given series order [0, 1, … n - 1] where n is the number of elements in series. Thus, the stack order is given by the key accessor.
    */
@@ -48,7 +48,7 @@ export declare const StackOffset: {
   /**
    * Positive values are stacked above zero, negative values are stacked below zero, and zero values are stacked at zero.
    * */
-  diverging: typeof d3StackOffsetDiverging;
+  diverging: (series: Series<any, any>, order: Iterable<number>) => void;
   /**
    * Applies a zero baseline.
    * */

package/internals/{stackSeries.js → stacking/stackSeries.js}

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getStackingGroups = exports.StackOrder = exports.StackOffset = void 0;
 var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _offset = require("./offset");
 const StackOrder = exports.StackOrder = {
   /**
    * Series order such that the earliest series (according to the maximum value) is at the bottom.
@@ -39,7 +40,8 @@ const StackOffset = exports.StackOffset = {
   /**
    * Positive values are stacked above zero, negative values are stacked below zero, and zero values are stacked at zero.
    * */
-  diverging: _d3Shape.stackOffsetDiverging,
+  // @ts-expect-error, d3 types are wrong, our custom function implements the correct signature
+  diverging: _offset.offsetDiverging,
   /**
    * Applies a zero baseline.
    * */

package/models/seriesType/config.d.ts

@@ -90,8 +90,6 @@ export type ChartSeriesDefaultized<T extends ChartSeriesType> = ChartsSeriesConf
   stackedData: [number, number][];
 } : ChartsSeriesConfig[T]['series'];
 export type ChartSeriesLayout<T extends ChartSeriesType> = ChartsSeriesConfig[T] extends any ? ChartsSeriesConfig[T]['seriesLayout'] : never;
-export type ChartItemIdentifier<T extends ChartSeriesType> = ChartsSeriesConfig[T]['itemIdentifier'];
-export type ChartItemIdentifierWithData<T extends ChartSeriesType> = ChartsSeriesConfig[T]['itemIdentifierWithData'];
 export type DatasetElementType<T> = {
   [key: string]: T;
 };

package/models/seriesType/index.d.ts

@@ -1,4 +1,5 @@
-import { type BarSeriesType, type DefaultizedBarSeriesType } from "./bar.js";
+import type { DefaultizedProps } from '@mui/x-internals/types';
+import type { BarSeriesType, DefaultizedBarSeriesType } from "./bar.js";
 import { type CartesianChartSeriesType, type ChartSeriesType, type ChartsSeriesConfig, type StackableChartSeriesType } from "./config.js";
 type AllSeriesType<T extends ChartSeriesType = ChartSeriesType> = ChartsSeriesConfig[T]['seriesProp'];
 /**
@@ -19,6 +20,7 @@ type DefaultizedCartesianSeriesType = DefaultizedSeriesType<CartesianChartSeries
 type StackableSeriesType = DefaultizedSeriesType<StackableChartSeriesType>;
 export type SeriesItemIdentifier<T extends ChartSeriesType = ChartSeriesType> = ChartsSeriesConfig[T]['itemIdentifier'];
 export type SeriesItemIdentifierWithData<T extends ChartSeriesType = ChartSeriesType> = ChartsSeriesConfig[T]['itemIdentifierWithData'];
+export type FocusedItemIdentifier<T extends ChartSeriesType = ChartSeriesType> = T extends 'line' ? DefaultizedProps<ChartsSeriesConfig[T]['itemIdentifier'], 'dataIndex'> : ChartsSeriesConfig[T]['itemIdentifier'];
 export { type SeriesId } from "./common.js";
 export * from "./line.js";
 export * from "./bar.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "8.22.0",
+  "version": "8.23.0",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
   "license": "MIT",
@@ -34,9 +34,9 @@
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-charts-vendor": "8.22.0",
-    "@mui/x-internals": "8.22.0",
-    "@mui/x-internal-gestures": "0.3.6"
+    "@mui/x-charts-vendor": "8.23.0",
+    "@mui/x-internals": "8.23.0",
+    "@mui/x-internal-gestures": "0.4.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/esm/internals/plugins/featurePlugins/useChartKeyboardNavigation/isFocusableSeriesType.d.ts

@@ -1,3 +0,0 @@
-import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
-import { type FocusableSeriesTypes } from "./useChartKeyboardNavigation.types.js";
-export declare function isFocusableSeriesType(type: ChartSeriesType): type is FocusableSeriesTypes;

package/esm/internals/plugins/featurePlugins/useChartKeyboardNavigation/isFocusableSeriesType.js

@@ -1,4 +0,0 @@
-const FOCUSABLE_SERIES_TYPES = new Set(['bar', 'line', 'scatter', 'pie']);
-export function isFocusableSeriesType(type) {
-  return FOCUSABLE_SERIES_TYPES.has(type);
-}

package/esm/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.helpers.d.ts

@@ -1,21 +0,0 @@
-import { type ChartSeriesType, type ChartsSeriesConfig } from "../../../../models/seriesType/config.js";
-import { type SeriesId } from "../../../../models/seriesType/common.js";
-import { type ProcessedSeries } from "../../corePlugins/useChartSeries/index.js";
-import { type FocusableSeriesTypes } from "./useChartKeyboardNavigation.types.js";
-/**
- * Returns the next series type and id that contains some data.
- * Returns `null` if no other series have data.
- */
-export declare function getNextSeriesWithData(series: ProcessedSeries<keyof ChartsSeriesConfig>, type?: FocusableSeriesTypes, seriesId?: SeriesId): {
-  type: FocusableSeriesTypes;
-  seriesId: SeriesId;
-} | null;
-/**
- * Returns the previous series type and id that contains some data.
- * Returns `null` if no other series have data.
- */
-export declare function getPreviousSeriesWithData(series: ProcessedSeries<keyof ChartsSeriesConfig>, type?: FocusableSeriesTypes, seriesId?: SeriesId): {
-  type: FocusableSeriesTypes;
-  seriesId: SeriesId;
-} | null;
-export declare function seriesHasData(series: ProcessedSeries<keyof ChartsSeriesConfig>, type: ChartSeriesType, seriesId: SeriesId): boolean | undefined;

package/esm/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.helpers.js

@@ -1,92 +0,0 @@
-import { isFocusableSeriesType } from "./isFocusableSeriesType.js";
-
-/**
- * Returns the next series type and id that contains some data.
- * Returns `null` if no other series have data.
- */
-export function getNextSeriesWithData(series, type, seriesId) {
-  const seriesType = Object.keys(series);
-  const startingTypeIndex = type !== undefined && series[type] ? seriesType.indexOf(type) : 0;
-  const currentSeriesIndex = type !== undefined && seriesId !== undefined && series[type] && series[type].series[seriesId] ? series[type].seriesOrder.indexOf(seriesId) : -1;
-  const typesAvailable = seriesType.filter(isFocusableSeriesType);
-
-  // Loop over all series types starting with the current seriesType
-  for (let typeGap = 0; typeGap < typesAvailable.length; typeGap += 1) {
-    const typeIndex = (startingTypeIndex + typeGap) % typesAvailable.length;
-    const seriesOfType = series[typesAvailable[typeIndex]];
-
-    // Edge case for the current series type: we don't loop on previous series of the same type.
-    const startingSeriesIndex = typeGap === 0 ? currentSeriesIndex + 1 : 0;
-    for (let seriesIndex = startingSeriesIndex; seriesIndex < seriesOfType.seriesOrder.length; seriesIndex += 1) {
-      if (seriesOfType.series[seriesOfType.seriesOrder[seriesIndex]].data.length > 0) {
-        return {
-          type: typesAvailable[typeIndex],
-          seriesId: seriesOfType.seriesOrder[seriesIndex]
-        };
-      }
-    }
-  }
-
-  // End looping on the initial type up to the initial series (excluded)
-  const typeIndex = startingTypeIndex;
-  const seriesOfType = series[typesAvailable[typeIndex]];
-  const endingSeriesIndex = currentSeriesIndex;
-  for (let seriesIndex = 0; seriesIndex < endingSeriesIndex; seriesIndex += 1) {
-    if (seriesOfType.series[seriesOfType.seriesOrder[seriesIndex]].data.length > 0) {
-      return {
-        type: typesAvailable[typeIndex],
-        seriesId: seriesOfType.seriesOrder[seriesIndex]
-      };
-    }
-  }
-  return null;
-}
-
-/**
- * Returns the previous series type and id that contains some data.
- * Returns `null` if no other series have data.
- */
-export function getPreviousSeriesWithData(series, type, seriesId) {
-  const seriesType = Object.keys(series);
-  const startingTypeIndex = type !== undefined && series[type] ? seriesType.indexOf(type) : 0;
-  const startingSeriesIndex = type !== undefined && seriesId !== undefined && series[type] && series[type].series[seriesId] ? series[type].seriesOrder.indexOf(seriesId) : 1;
-  const typesAvailable = seriesType.filter(isFocusableSeriesType);
-
-  // Loop over all series types starting with the current seriesType
-  for (let typeGap = 0; typeGap < typesAvailable.length; typeGap += 1) {
-    const typeIndex = (typesAvailable.length + startingTypeIndex - typeGap) % typesAvailable.length;
-    const seriesOfType = series[typesAvailable[typeIndex]];
-    const maxGap = typeGap === 0 ? startingSeriesIndex + 1 : seriesOfType.seriesOrder.length;
-    for (let seriesGap = 1; seriesGap < maxGap; seriesGap += 1) {
-      const seriesIndex = (seriesOfType.seriesOrder.length + startingSeriesIndex - seriesGap) % seriesOfType.seriesOrder.length;
-      if (seriesOfType.series[seriesOfType.seriesOrder[seriesIndex]].data.length > 0) {
-        return {
-          type: typesAvailable[typeIndex],
-          seriesId: seriesOfType.seriesOrder[seriesIndex]
-        };
-      }
-    }
-  }
-
-  // End looping on the initial type down to the initial series (excluded)
-  const typeIndex = startingTypeIndex;
-  const seriesOfType = series[typesAvailable[typeIndex]];
-  const availableSeriesIds = seriesOfType.seriesOrder;
-  for (let seriesIndex = availableSeriesIds.length - 1; seriesIndex > startingSeriesIndex; seriesIndex -= 1) {
-    if (seriesOfType.series[seriesOfType.seriesOrder[seriesIndex]].data.length > 0) {
-      return {
-        type: typesAvailable[typeIndex],
-        seriesId: seriesOfType.seriesOrder[seriesIndex]
-      };
-    }
-  }
-  return null;
-}
-export function seriesHasData(series, type, seriesId) {
-  // @ts-ignore snakey is not in MIT version
-  if (type === 'sankey') {
-    return false;
-  }
-  const data = series[type]?.series[seriesId]?.data;
-  return data && data.length > 0;
-}

package/esm/internals/store/useSelector.d.ts

@@ -1,2 +0,0 @@
-import { useStore as useInternalStore } from '@mui/x-internals/store';
-export declare const useSelector: typeof useInternalStore;

package/esm/internals/store/useSelector.js

@@ -1,2 +0,0 @@
-import { useStore as useInternalStore } from '@mui/x-internals/store';
-export const useSelector = useInternalStore;

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/isFocusableSeriesType.d.ts

@@ -1,3 +0,0 @@
-import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
-import { type FocusableSeriesTypes } from "./useChartKeyboardNavigation.types.js";
-export declare function isFocusableSeriesType(type: ChartSeriesType): type is FocusableSeriesTypes;

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/isFocusableSeriesType.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isFocusableSeriesType = isFocusableSeriesType;
-const FOCUSABLE_SERIES_TYPES = new Set(['bar', 'line', 'scatter', 'pie']);
-function isFocusableSeriesType(type) {
-  return FOCUSABLE_SERIES_TYPES.has(type);
-}

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.helpers.d.ts

@@ -1,21 +0,0 @@
-import { type ChartSeriesType, type ChartsSeriesConfig } from "../../../../models/seriesType/config.js";
-import { type SeriesId } from "../../../../models/seriesType/common.js";
-import { type ProcessedSeries } from "../../corePlugins/useChartSeries/index.js";
-import { type FocusableSeriesTypes } from "./useChartKeyboardNavigation.types.js";
-/**
- * Returns the next series type and id that contains some data.
- * Returns `null` if no other series have data.
- */
-export declare function getNextSeriesWithData(series: ProcessedSeries<keyof ChartsSeriesConfig>, type?: FocusableSeriesTypes, seriesId?: SeriesId): {
-  type: FocusableSeriesTypes;
-  seriesId: SeriesId;
-} | null;
-/**
- * Returns the previous series type and id that contains some data.
- * Returns `null` if no other series have data.
- */
-export declare function getPreviousSeriesWithData(series: ProcessedSeries<keyof ChartsSeriesConfig>, type?: FocusableSeriesTypes, seriesId?: SeriesId): {
-  type: FocusableSeriesTypes;
-  seriesId: SeriesId;
-} | null;
-export declare function seriesHasData(series: ProcessedSeries<keyof ChartsSeriesConfig>, type: ChartSeriesType, seriesId: SeriesId): boolean | undefined;