@mui/x-charts 8.22.1 → 8.23.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/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.1",
+  "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/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;

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

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getNextSeriesWithData = getNextSeriesWithData;
-exports.getPreviousSeriesWithData = getPreviousSeriesWithData;
-exports.seriesHasData = seriesHasData;
-var _isFocusableSeriesType = require("./isFocusableSeriesType");
-/**
- * Returns the next series type and id that contains some data.
- * Returns `null` if no other series have data.
- */
-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.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.
- */
-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.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;
-}
-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;
-}