@mui/x-charts 8.5.1 → 8.5.3

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

@@ -1,29 +1,5 @@
-import { ChartRootSelector } from "../../utils/selectors.js";
-import { UseChartVoronoiSignature } from "./useChartVoronoi.types.js";
-export declare const selectorChartsVoronoiIsVoronoiEnabled: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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("./useChartVoronoi.types.js").UseChartVoronoiState & Partial<{}> & {
+export declare const selectorChartsVoronoiIsVoronoiEnabled: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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("./useChartVoronoi.types.js").UseChartVoronoiState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => boolean | undefined) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
 } & {
-  resultFunc: (resultFuncArgs_0: {
-    isVoronoiEnabled?: boolean;
-  }) => boolean | undefined;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    isVoronoiEnabled?: boolean;
-  }) => boolean | undefined) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean | undefined;
-  dependencies: [ChartRootSelector<UseChartVoronoiSignature>];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}, boolean | undefined, any[]>;

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

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.selectorChartsVoronoiIsVoronoiEnabled = void 0;
 var _selectors = require("../../utils/selectors");
 const selectVoronoi = state => state.voronoi;
-const selectorChartsVoronoiIsVoronoiEnabled = exports.selectorChartsVoronoiIsVoronoiEnabled = (0, _selectors.createSelector)(selectVoronoi, voronoi => voronoi?.isVoronoiEnabled);
+const selectorChartsVoronoiIsVoronoiEnabled = exports.selectorChartsVoronoiIsVoronoiEnabled = (0, _selectors.createSelector)([selectVoronoi], voronoi => voronoi?.isVoronoiEnabled);

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

@@ -1,45 +1,10 @@
-import { ChartState } from "../../models/chart.js";
-import { UseChartZAxisSignature } from "./useChartZAxis.types.js";
-export declare const selectorChartZAxis: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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("./useChartZAxis.types.js").UseChartZAxisState & Partial<{}> & {
+export declare const selectorChartZAxis: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & 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("./useChartZAxis.types.js").UseChartZAxisState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => {
+} & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}, {
   axis: {
     [axisId: string]: import("../../../index.js").ZAxisDefaultized;
   };
   axisIds: import("../../../index.js").AxisId[];
-}) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: ChartState<[UseChartZAxisSignature]>) => {
-    axis: {
-      [axisId: string]: import("../../../index.js").ZAxisDefaultized;
-    };
-    axisIds: import("../../../index.js").AxisId[];
-  };
-  memoizedResultFunc: ((resultFuncArgs_0: ChartState<[UseChartZAxisSignature]>) => {
-    axis: {
-      [axisId: string]: import("../../../index.js").ZAxisDefaultized;
-    };
-    axisIds: import("../../../index.js").AxisId[];
-  }) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => {
-    axis: {
-      [axisId: string]: import("../../../index.js").ZAxisDefaultized;
-    };
-    axisIds: import("../../../index.js").AxisId[];
-  };
-  dependencies: [(state: ChartState<[UseChartZAxisSignature]>) => ChartState<[UseChartZAxisSignature]>];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
+}, []>;

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

@@ -10,5 +10,10 @@ export type ColorGetter<TSeriesType extends ChartSeriesType> = TSeriesType exten
 /**
  * Transforms charts config to a color getter.
  * If dataIndex is not defined, it falls back to the series color.
+ * @param {DefaultizedSeriesType<TSeriesType>} series - The series configuration.
+ * @param {ComputedXAxis | undefined} xAxis - The computed x-axis configuration.
+ * @param {ComputedYAxis | undefined} yAxis - The computed y-axis configuration.
+ * @param {ZAxisDefaultized | undefined} zAxis - The defaulted z-axis configuration.
+ * @returns {ColorGetter<TSeriesType>} A function that takes a data index and returns a color string.
  */
 export type ColorProcessor<TSeriesType extends ChartSeriesType> = (series: DefaultizedSeriesType<TSeriesType>, xAxis?: ComputedXAxis, yAxis?: ComputedYAxis, zAxis?: ZAxisDefaultized) => ColorGetter<TSeriesType>;

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

@@ -62,9 +62,10 @@ export type TooltipGetter<TSeriesType extends ChartSeriesType> = (params: {
   identifier: ChartItemIdentifier<TSeriesType> | null;
 }) => (TSeriesType extends 'radar' ? ItemTooltipWithMultipleValues<TSeriesType> : ItemTooltip<TSeriesType>) | null;
 /**
- * Return an array of the axes that should trigger the tooltip.
- *
  * If `axisId` is set to undefined, the default axis will be used.
+ *
+ * @param {Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>} series A map of series ID to their series configuration.
+ * @returns {{ direction: Directions; axisId: AxisId | undefined }[]} an array of the axes that should trigger the tooltip.
  */
 export type AxisTooltipGetter<TSeriesType extends ChartSeriesType, Directions extends 'x' | 'y' | 'rotation' | 'radius' = 'x' | 'y'> = (series: Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>) => {
   direction: Directions;

package/internals/plugins/utils/selectors.d.ts

@@ -1,10 +1,22 @@
-import { CreateSelectorFunction } from 'reselect';
-import { ChartAnyPluginSignature, ChartState } from "../models/index.js";
-export type ChartRootSelector<TSignature extends ChartAnyPluginSignature> = <TSignatures extends [TSignature]>(state: ChartState<TSignatures>) => TSignature['state'][keyof TSignature['state']];
-export type ChartOptionalRootSelector<TSignature extends ChartAnyPluginSignature> = <TSignatures extends [TSignature]>(state: ChartState<[], TSignatures>) => TSignature['state'][keyof TSignature['state']] | undefined;
-export type ChartsSelector<TState, TArgs, TResult> = (state: TState, args: TArgs) => TResult;
+import { SelectorArray, Combiner, Selector, GetStateFromSelectors, GetParamsFromSelectors, CreateSelectorOptions } from 'reselect';
+import { ChartAnyPluginSignature, ChartState, ChartStateCacheKey } from "../models/index.js";
+export type ChartRootSelector<TSignature extends ChartAnyPluginSignature> = Selector<ChartState<[TSignature]>, TSignature['state'][keyof TSignature['state']]>;
+export type ChartOptionalRootSelector<TSignature extends ChartAnyPluginSignature> = Selector<ChartState<[], [TSignature]>, TSignature['state'][keyof TSignature['state']] | undefined>;
+export type ChartsSelector<Signatures extends readonly ChartAnyPluginSignature[] = [], OptionalSignatures extends readonly ChartAnyPluginSignature[] = [], Result = unknown, Args extends readonly any[] = []> = Selector<ChartState<Signatures, OptionalSignatures>, Result, Args>;
+type InterruptRecursion = NonNullable<unknown>;
+type AnyFunction = (...args: any[]) => any;
+export type Simplify<T> = T extends AnyFunction ? T : { [KeyType in keyof T]: T[KeyType] } & NonNullable<unknown>;
 /**
  * Method wrapping reselect's createSelector to provide caching for chart instances.
  *
  */
-export declare const createSelector: CreateSelectorFunction;
+export declare const createSelector: <InputSelectors extends SelectorArray<any>, Result>(...createSelectorArgs: [inputSelectors: [...InputSelectors], combiner: Combiner<InputSelectors, Result>, createSelectorOptions?: Simplify<CreateSelectorOptions<any,
+// MemoizeFunction,
+any,
+// ArgsMemoizeFunction,
+any,
+// OverrideMemoizeFunction,
+any>>]) => Selector<GetStateFromSelectors<InputSelectors> & {
+  cacheKey: ChartStateCacheKey;
+}, Result, GetParamsFromSelectors<InputSelectors> & InterruptRecursion>;
+export {};

package/internals/plugins/utils/selectors.js

@@ -18,7 +18,7 @@ const cache = new WeakMap();
  *
  */
 const createSelector = (...createSelectorArgs) => {
-  const selector = (state, selectorArgs) => {
+  const selector = (state, ...selectorArgs) => {
     const cacheKey = state.cacheKey;
 
     // If there is no cache for the current chart instance, create one.
@@ -31,13 +31,13 @@ const createSelector = (...createSelectorArgs) => {
     // If there is a cached selector, execute it.
     const cachedSelector = cacheForCurrentChartInstance.get(createSelectorArgs);
     if (cachedSelector) {
-      return cachedSelector(state, selectorArgs);
+      return cachedSelector(state, ...selectorArgs);
     }
 
     // Otherwise, create a new selector and cache it and execute it.
     const fn = reselectCreateSelector(...createSelectorArgs);
     cacheForCurrentChartInstance.set(createSelectorArgs, fn);
-    return fn(state, selectorArgs);
+    return fn(state, ...selectorArgs);
   };
   return selector;
 };

package/internals/store/useSelector.d.ts

@@ -1,4 +1,4 @@
-import { ChartAnyPluginSignature, ChartState } from "../plugins/models/index.js";
+import { ChartAnyPluginSignature } from "../plugins/models/index.js";
 import { ChartsSelector } from "../plugins/utils/selectors.js";
 import { ChartStore } from "../plugins/utils/ChartStore.js";
-export declare const useSelector: <TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[], TArgs, TValue>(store: ChartStore<TSignatures, TOptionalSignatures>, selector: ChartsSelector<ChartState<TSignatures, TOptionalSignatures>, TArgs, TValue>, args?: TArgs, equals?: (a: TValue, b: TValue) => boolean) => TValue;
+export declare const useSelector: <TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[], TArgs extends readonly any[], TResult = unknown>(store: ChartStore<TSignatures, TOptionalSignatures>, selector: ChartsSelector<TSignatures, TOptionalSignatures, TResult, TArgs>, args?: [TArgs] extends [never] ? [] : TArgs, equals?: (a: TResult, b: TResult) => boolean) => TResult;

package/internals/store/useSelector.js

@@ -4,10 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSelector = void 0;
-var _withSelector = require("use-sync-external-store/with-selector");
+var _withSelector = require("use-sync-external-store/shim/with-selector");
+/* We need to import the shim because React 17 does not support the `useSyncExternalStore` API.
+ * More info: https://github.com/mui/mui-x/issues/18303#issuecomment-2958392341 */
+
 const defaultCompare = Object.is;
-const useSelector = (store, selector, args = undefined, equals = defaultCompare) => {
-  const selectorWithArgs = state => selector(state, args);
+const useSelector = (store, selector, args = [], equals = defaultCompare) => {
+  const selectorWithArgs = state => selector(state, ...args);
   return (0, _withSelector.useSyncExternalStoreWithSelector)(store.subscribe, store.getSnapshot, store.getSnapshot, selectorWithArgs, equals);
 };
 exports.useSelector = useSelector;

package/models/axis.d.ts

@@ -272,15 +272,16 @@ export type AxisValueFormatterContext<S extends ScaleName = ScaleName> = {
    * - `'legend'` The value is displayed in the legend when using color legend.
    * - `'zoom-slider-tooltip'` The value is displayed in the zoom slider tooltip.
    */
-  location: 'legend' | 'zoom-slider-tooltip';
+  location: 'legend';
 } | {
   /**
    * Location indicates where the value will be displayed.
    * - `'tick'` The value is displayed on the axis ticks.
    * - `'tooltip'` The value is displayed in the tooltip when hovering the chart.
    * - `'legend'` The value is displayed in the legend when using color legend.
+   * - `'zoom-slider-tooltip'` The value is displayed in the zoom slider tooltip.
    */
-  location: 'tick' | 'tooltip';
+  location: 'tick' | 'tooltip' | 'zoom-slider-tooltip';
   /**
    * The d3-scale instance associated to the axis.
    */

package/models/index.d.ts

@@ -1,7 +1,7 @@
 export * from "./seriesType/index.js";
 export * from "./stacking.js";
 export * from "./slots/index.js";
-export type { AxisConfig, ChartsYAxisProps, ChartsXAxisProps, ScaleName, ContinuousScaleName, ChartsAxisData, XAxis, YAxis, RadiusAxis, RotationAxis } from "./axis.js";
+export type { AxisConfig, ChartsYAxisProps, ChartsXAxisProps, ScaleName, ContinuousScaleName, ChartsAxisData, XAxis, YAxis, RadiusAxis, RotationAxis, AxisValueFormatterContext } from "./axis.js";
 export type { PropsFromSlot } from '@mui/x-internals/slots';
 export type { Position } from "./position.js";
 export type { CurveType } from "./curve.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "8.5.1",
+  "version": "8.5.3",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
   "main": "./index.js",
@@ -29,15 +29,15 @@
     "directory": "packages/x-charts"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.4",
+    "@babel/runtime": "^7.27.6",
     "@mui/utils": "^7.1.1",
     "bezier-easing": "^2.1.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-charts-vendor": "8.5.1",
-    "@mui/x-internals": "8.5.1"
+    "@mui/x-charts-vendor": "8.5.3",
+    "@mui/x-internals": "8.5.3"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",