@mui/x-charts 8.20.0 → 8.22.0

package/internals/index.js

@@ -16,16 +16,31 @@ var _exportNames = {
   useBarChartProps: true,
   useBarPlotData: true,
   useRadarChartProps: true,
+  useSkipAnimation: true,
   getCartesianAxisTriggerTooltip: true,
   getCartesianAxisIndex: true,
+  checkBarChartScaleErrors: true,
+  getBandSize: true,
   getAxisExtrema: true
 };
+Object.defineProperty(exports, "checkBarChartScaleErrors", {
+  enumerable: true,
+  get: function () {
+    return _checkBarChartScaleErrors.checkBarChartScaleErrors;
+  }
+});
 Object.defineProperty(exports, "getAxisExtrema", {
   enumerable: true,
   get: function () {
     return _getAxisExtrema.getAxisExtrema;
   }
 });
+Object.defineProperty(exports, "getBandSize", {
+  enumerable: true,
+  get: function () {
+    return _getBandSize.getBandSize;
+  }
+});
 Object.defineProperty(exports, "getCartesianAxisIndex", {
   enumerable: true,
   get: function () {
@@ -110,6 +125,12 @@ Object.defineProperty(exports, "useSeries", {
     return _useSeries.useSeries;
   }
 });
+Object.defineProperty(exports, "useSkipAnimation", {
+  enumerable: true,
+  get: function () {
+    return _useSkipAnimation.useSkipAnimation;
+  }
+});
 var _ChartsAxesGradients = require("./components/ChartsAxesGradients");
 Object.keys(_ChartsAxesGradients).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -146,6 +167,30 @@ Object.keys(_NotRendered).forEach(function (key) {
     }
   });
 });
+var _BarLabelPlot = require("../BarChart/BarLabel/BarLabelPlot");
+Object.keys(_BarLabelPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _BarLabelPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BarLabelPlot[key];
+    }
+  });
+});
+var _BarClipPath = require("../BarChart/BarClipPath");
+Object.keys(_BarClipPath).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _BarClipPath[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BarClipPath[key];
+    }
+  });
+});
 var _useSeries = require("../hooks/useSeries");
 var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
 var _useDrawingArea = require("../hooks/useDrawingArea");
@@ -194,6 +239,7 @@ Object.keys(_seriesSelectorOfType).forEach(function (key) {
     }
   });
 });
+var _useSkipAnimation = require("../hooks/useSkipAnimation");
 var _useChartId = require("./plugins/corePlugins/useChartId");
 Object.keys(_useChartId).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -278,6 +324,18 @@ Object.keys(_useChartPolarAxis).forEach(function (key) {
     }
   });
 });
+var _useChartTooltip = require("./plugins/featurePlugins/useChartTooltip");
+Object.keys(_useChartTooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartTooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartTooltip[key];
+    }
+  });
+});
 var _useChartInteraction = require("./plugins/featurePlugins/useChartInteraction");
 Object.keys(_useChartInteraction).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -448,18 +506,6 @@ Object.keys(_PieChart).forEach(function (key) {
     }
   });
 });
-var _defaultizeValueFormatter = require("./defaultizeValueFormatter");
-Object.keys(_defaultizeValueFormatter).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _defaultizeValueFormatter[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _defaultizeValueFormatter[key];
-    }
-  });
-});
 var _configInit = require("./configInit");
 Object.keys(_configInit).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -652,6 +698,8 @@ Object.keys(_findMinMax).forEach(function (key) {
     }
   });
 });
+var _checkBarChartScaleErrors = require("../BarChart/checkBarChartScaleErrors");
+var _getBandSize = require("./getBandSize");
 var _getAxisExtrema = require("./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema");
 var _ChartProvider = require("../context/ChartProvider");
 Object.keys(_ChartProvider).forEach(function (key) {

package/internals/invertScale.d.ts

@@ -1,2 +1,2 @@
-import { D3Scale } from "../models/axis.js";
+import { type D3Scale } from "../models/axis.js";
 export declare function invertScale<T>(scale: D3Scale, data: readonly T[], value: number): number | Date | T;

package/internals/invertTextAnchor.d.ts

@@ -1,2 +1,2 @@
-import { ChartsTextStyle } from "../ChartsText/index.js";
+import { type ChartsTextStyle } from "../ChartsText/index.js";
 export declare function invertTextAnchor(textAnchor: ChartsTextStyle['textAnchor']): ChartsTextStyle['textAnchor'];

package/internals/isCartesian.d.ts

@@ -1,3 +1,3 @@
-import { CartesianChartSeriesType, ChartSeriesDefaultized, ChartSeriesType } from "../models/seriesType/config.js";
+import { type CartesianChartSeriesType, type ChartSeriesDefaultized, type ChartSeriesType } from "../models/seriesType/config.js";
 export declare function isCartesianSeriesType(seriesType: string): seriesType is CartesianChartSeriesType;
 export declare function isCartesianSeries(series: ChartSeriesDefaultized<ChartSeriesType>): series is ChartSeriesDefaultized<CartesianChartSeriesType>;

package/internals/isPolar.d.ts

@@ -1,2 +1,2 @@
-import { PolarChartSeriesType } from "../models/seriesType/config.js";
+import { type PolarChartSeriesType } from "../models/seriesType/config.js";
 export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;

package/internals/material/index.d.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
-import { ChartsBaseSlots } from "../../models/slots/chartsBaseSlots.js";
-import { ChartsIconSlots } from "../../models/slots/chartsIconSlots.js";
+import { type ChartsBaseSlots } from "../../models/slots/chartsBaseSlots.js";
+import { type ChartsIconSlots } from "../../models/slots/chartsIconSlots.js";
 export type ChartsSlots = ChartsBaseSlots & ChartsIconSlots;
 export type ChartsSlotProps = { [key in keyof ChartsSlots]: React.ComponentProps<ChartsSlots[key]> };
 export declare const defaultSlotsMaterial: ChartsSlots;

package/internals/plugins/allPlugins.d.ts

@@ -1,12 +1,13 @@
-import { ChartSeriesType } from "../../models/seriesType/config.js";
-import { UseChartCartesianAxisSignature } from "./featurePlugins/useChartCartesianAxis/index.js";
-import { UseChartHighlightSignature } from "./featurePlugins/useChartHighlight/index.js";
-import { UseChartInteractionSignature } from "./featurePlugins/useChartInteraction/index.js";
-import { UseChartKeyboardNavigationSignature } from "./featurePlugins/useChartKeyboardNavigation/index.js";
-import { UseChartPolarAxisSignature } from "./featurePlugins/useChartPolarAxis/index.js";
-import { UseChartClosestPointSignature } from "./featurePlugins/useChartClosestPoint/index.js";
-import { UseChartZAxisSignature } from "./featurePlugins/useChartZAxis/index.js";
-import { UseChartBrushSignature } from "./featurePlugins/useChartBrush/index.js";
-export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
-export type DefaultPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<TSeries>, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
-export declare const DEFAULT_PLUGINS: readonly [import("./models/index.js").ChartPlugin<UseChartZAxisSignature>, import("./models/index.js").ChartPlugin<UseChartBrushSignature>, import("./models/index.js").ChartPlugin<UseChartInteractionSignature>, import("./models/index.js").ChartPlugin<UseChartCartesianAxisSignature<any>>, import("./models/index.js").ChartPlugin<UseChartHighlightSignature>, import("./models/index.js").ChartPlugin<UseChartClosestPointSignature>, import("./models/index.js").ChartPlugin<UseChartKeyboardNavigationSignature>];
+import { type ChartSeriesType } from "../../models/seriesType/config.js";
+import { type UseChartCartesianAxisSignature } from "./featurePlugins/useChartCartesianAxis/index.js";
+import { type UseChartHighlightSignature } from "./featurePlugins/useChartHighlight/index.js";
+import { type UseChartInteractionSignature } from "./featurePlugins/useChartInteraction/index.js";
+import { type UseChartKeyboardNavigationSignature } from "./featurePlugins/useChartKeyboardNavigation/index.js";
+import { type UseChartPolarAxisSignature } from "./featurePlugins/useChartPolarAxis/index.js";
+import { type UseChartClosestPointSignature } from "./featurePlugins/useChartClosestPoint/index.js";
+import { type UseChartZAxisSignature } from "./featurePlugins/useChartZAxis/index.js";
+import { type UseChartBrushSignature } from "./featurePlugins/useChartBrush/index.js";
+import { type UseChartTooltipSignature } from "./featurePlugins/useChartTooltip/index.js";
+export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
+export type DefaultPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<TSeries>, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
+export declare const DEFAULT_PLUGINS: readonly [import("./models/index.js").ChartPlugin<UseChartZAxisSignature>, import("./models/index.js").ChartPlugin<UseChartBrushSignature>, import("./models/index.js").ChartPlugin<UseChartTooltipSignature>, import("./models/index.js").ChartPlugin<UseChartInteractionSignature>, import("./models/index.js").ChartPlugin<UseChartCartesianAxisSignature<any>>, import("./models/index.js").ChartPlugin<UseChartHighlightSignature>, import("./models/index.js").ChartPlugin<UseChartClosestPointSignature>, import("./models/index.js").ChartPlugin<UseChartKeyboardNavigationSignature>];

package/internals/plugins/allPlugins.js

@@ -11,6 +11,7 @@ var _useChartKeyboardNavigation = require("./featurePlugins/useChartKeyboardNavi
 var _useChartClosestPoint = require("./featurePlugins/useChartClosestPoint");
 var _useChartZAxis = require("./featurePlugins/useChartZAxis");
 var _useChartBrush = require("./featurePlugins/useChartBrush");
+var _useChartTooltip = require("./featurePlugins/useChartTooltip");
 // This file should be removed after creating all plugins in favor of a file per chart type.
 
-const DEFAULT_PLUGINS = exports.DEFAULT_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartBrush.useChartBrush, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight, _useChartClosestPoint.useChartClosestPoint, _useChartKeyboardNavigation.useChartKeyboardNavigation];
+const DEFAULT_PLUGINS = exports.DEFAULT_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartBrush.useChartBrush, _useChartTooltip.useChartTooltip, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight, _useChartClosestPoint.useChartClosestPoint, _useChartKeyboardNavigation.useChartKeyboardNavigation];

package/internals/plugins/corePlugins/corePlugins.d.ts

@@ -1,7 +1,7 @@
 import { type UseChartAnimationSignature } from "./useChartAnimation/index.js";
 import { type UseChartDimensionsSignature } from "./useChartDimensions/index.js";
 import { type UseChartExperimentalFeaturesSignature } from "./useChartExperimentalFeature/index.js";
-import { type UseChartIdSignature, UseChartIdParameters } from "./useChartId/index.js";
+import { type UseChartIdSignature, type UseChartIdParameters } from "./useChartId/index.js";
 import { type UseChartSeriesSignature } from "./useChartSeries/index.js";
 import { type UseChartInteractionListenerSignature } from "./useChartInteractionListener/index.js";
 /**

package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
+import { type ChartPlugin } from "../../models/index.js";
 import type { UseChartAnimationSignature } from "./useChartAnimation.types.js";
 export declare const useChartAnimation: ChartPlugin<UseChartAnimationSignature>;

package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types.d.ts

@@ -1,4 +1,4 @@
-import { ChartPluginSignature } from "../../models/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
 import type { UseChartCartesianAxisSignature } from "../../featurePlugins/useChartCartesianAxis/index.js";
 export interface UseChartAnimationParameters {
   /**

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
+import { type ChartPlugin } from "../../models/index.js";
 import type { UseChartDimensionsSignature } from "./useChartDimensions.types.js";
 export declare const useChartDimensions: ChartPlugin<UseChartDimensionsSignature>;

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.d.ts

@@ -1,6 +1,6 @@
-import { ChartRootSelector } from "../../utils/selectors.js";
+import { type ChartRootSelector } from "../../utils/selectors.js";
 import type { UseChartDimensionsSignature } from "./useChartDimensions.types.js";
-import { ChartState } from "../../models/chart.js";
+import { type ChartState } from "../../models/chart.js";
 export declare const selectorChartDimensionsState: ChartRootSelector<UseChartDimensionsSignature>;
 export declare const selectorChartMargin: (state: ChartState<[UseChartDimensionsSignature]>) => import("./useChartDimensions.types.js").ChartMargin;
 export declare const selectorChartDrawingArea: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types.d.ts

@@ -1,4 +1,4 @@
-import { ChartPluginSignature } from "../../models/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
 import type { UseChartCartesianAxisSignature } from "../../featurePlugins/useChartCartesianAxis/index.js";
 export interface ChartMargin {
   /**

package/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
+import { type ChartPlugin } from "../../models/index.js";
 import type { UseChartExperimentalFeaturesSignature } from "./useChartExperimentalFeature.types.js";
 export declare const useChartExperimentalFeatures: ChartPlugin<UseChartExperimentalFeaturesSignature>;

package/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.selectors.d.ts

@@ -1,4 +1,4 @@
-import { ChartRootSelector } from "../../utils/selectors.js";
+import { type ChartRootSelector } from "../../utils/selectors.js";
 import type { UseChartExperimentalFeaturesSignature } from "./useChartExperimentalFeature.types.js";
 export declare const selectorChartExperimentalFeaturesState: ChartRootSelector<UseChartExperimentalFeaturesSignature>;
 export declare const selectorPreferStrictDomainInLineCharts: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("./useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {

package/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.d.ts

@@ -1,4 +1,4 @@
-import { ChartPluginSignature } from "../../models/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
 export interface ChartExperimentalFeatures {
   /**
    * Default domainLimit to strict for line chart x-axis.

package/internals/plugins/corePlugins/useChartId/useChartId.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartIdSignature } from "./useChartId.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartIdSignature } from "./useChartId.types.js";
 export declare const useChartId: ChartPlugin<UseChartIdSignature>;

package/internals/plugins/corePlugins/useChartId/useChartId.types.d.ts

@@ -1,4 +1,4 @@
-import { ChartPluginSignature } from "../../models/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
 export interface UseChartIdParameters {
   /**
    * This prop is used to help implement the accessibility logic.

package/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartInteractionListenerSignature } from "./useChartInteractionListener.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartInteractionListenerSignature } from "./useChartInteractionListener.types.js";
 export declare const useChartInteractionListener: ChartPlugin<UseChartInteractionListenerSignature>;

package/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.types.d.ts

@@ -1,5 +1,5 @@
-import { MoveEvent, PanEvent, PanGestureOptions, PinchEvent, PinchGestureOptions, PressEvent, TapEvent, TurnWheelEvent, type PressAndDragEvent, type PressAndDragGestureOptions, type TapAndDragEvent, type TapAndDragGestureOptions, type TapGestureOptions, type TurnWheelGestureOptions } from '@mui/x-internal-gestures/core';
-import { ChartPluginSignature } from "../../models/index.js";
+import { type MoveEvent, type PanEvent, type PanGestureOptions, type PinchEvent, type PinchGestureOptions, type PressEvent, type TapEvent, type TurnWheelEvent, type PressAndDragEvent, type PressAndDragGestureOptions, type TapAndDragEvent, type TapAndDragGestureOptions, type TapGestureOptions, type TurnWheelGestureOptions } from '@mui/x-internal-gestures/core';
+import { type ChartPluginSignature } from "../../models/index.js";
 export type ChartInteraction = 'pan' | 'panStart' | 'panEnd' | 'zoomPan' | 'zoomPanStart' | 'zoomPanEnd' | 'zoomPinch' | 'zoomPinchStart' | 'zoomPinchEnd' | 'zoomTurnWheel' | 'panTurnWheel' | 'zoomTapAndDrag' | 'zoomTapAndDragStart' | 'zoomTapAndDragEnd' | 'zoomPressAndDrag' | 'zoomPressAndDragStart' | 'zoomPressAndDragEnd' | 'move' | 'moveStart' | 'moveEnd' | 'tap' | 'quickPress' | 'quickPressEnd' | 'zoomDoubleTapReset' | 'brush' | 'brushStart' | 'brushCancel' | 'brushEnd';
 export type InteractionListenerResult = {
   cleanup: () => void;

package/internals/plugins/corePlugins/useChartSeries/index.d.ts

@@ -1,3 +1,3 @@
 export { useChartSeries } from "./useChartSeries.js";
-export type { UseChartSeriesSignature, UseChartSeriesParameters, UseChartSeriesDefaultizedParameters, ProcessedSeries } from "./useChartSeries.types.js";
+export type { UseChartSeriesSignature, UseChartSeriesParameters, UseChartSeriesDefaultizedParameters, ProcessedSeries, SeriesLayout } from "./useChartSeries.types.js";
 export * from "./useChartSeries.selectors.js";

package/internals/plugins/corePlugins/useChartSeries/processSeries.d.ts

@@ -1,7 +1,8 @@
-import { AllSeriesType } from "../../../../models/seriesType/index.js";
-import { ChartSeriesType, DatasetType } from "../../../../models/seriesType/config.js";
-import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
-import { DefaultizedSeriesGroups, ProcessedSeries } from "./useChartSeries.types.js";
+import { type ChartDrawingArea } from "../../../../hooks/useDrawingArea.js";
+import { type AllSeriesType } from "../../../../models/seriesType/index.js";
+import { type ChartSeriesType, type DatasetType } from "../../../../models/seriesType/config.js";
+import { type ChartSeriesConfig } from "../../models/seriesConfig/index.js";
+import { type DefaultizedSeriesGroups, type ProcessedSeries, type SeriesLayout } from "./useChartSeries.types.js";
 /**
  * This method groups series by type and adds defaultized values such as the ids and colors.
  * It does NOT apply the series processors - that happens in a selector.
@@ -26,4 +27,12 @@ export declare const defaultizeSeries: <TSeriesType extends ChartSeriesType>({
  * @param dataset The optional dataset
  * @returns Processed series with all transformations applied
  */
-export declare const applySeriesProcessors: <TSeriesType extends ChartSeriesType>(defaultizedSeries: DefaultizedSeriesGroups<TSeriesType>, seriesConfig: ChartSeriesConfig<TSeriesType>, dataset?: Readonly<DatasetType>) => ProcessedSeries<TSeriesType>;
+export declare const applySeriesProcessors: <TSeriesType extends ChartSeriesType>(defaultizedSeries: DefaultizedSeriesGroups<TSeriesType>, seriesConfig: ChartSeriesConfig<TSeriesType>, dataset?: Readonly<DatasetType>) => ProcessedSeries<TSeriesType>;
+/**
+ * Applies series processors with drawing area to series if defined.
+ * @param processedSeries The processed series groups
+ * @param seriesConfig The series configuration
+ * @param drawingArea The drawing area
+ * @returns Processed series with all transformations applied
+ */
+export declare const applySeriesLayout: <TSeriesType extends ChartSeriesType>(processedSeries: ProcessedSeries<TSeriesType>, seriesConfig: ChartSeriesConfig<TSeriesType>, drawingArea: ChartDrawingArea) => SeriesLayout<TSeriesType>;

package/internals/plugins/corePlugins/useChartSeries/processSeries.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultizeSeries = exports.applySeriesProcessors = void 0;
+exports.defaultizeSeries = exports.applySeriesProcessors = exports.applySeriesLayout = void 0;
 /**
  * This method groups series by type and adds defaultized values such as the ids and colors.
  * It does NOT apply the series processors - that happens in a selector.
@@ -57,4 +57,34 @@ const applySeriesProcessors = (defaultizedSeries, seriesConfig, dataset) => {
   });
   return processedSeries;
 };
-exports.applySeriesProcessors = applySeriesProcessors;
+
+/**
+ * Applies series processors with drawing area to series if defined.
+ * @param processedSeries The processed series groups
+ * @param seriesConfig The series configuration
+ * @param drawingArea The drawing area
+ * @returns Processed series with all transformations applied
+ */
+exports.applySeriesProcessors = applySeriesProcessors;
+const applySeriesLayout = (processedSeries, seriesConfig, drawingArea) => {
+  let processingDetected = false;
+  const seriesLayout = {};
+
+  // Apply processors on series type per group
+  Object.keys(processedSeries).forEach(type => {
+    const processor = seriesConfig[type]?.seriesLayout;
+    const thisSeries = processedSeries[type];
+    if (processor !== undefined && thisSeries !== undefined) {
+      const newValue = processor(thisSeries, drawingArea);
+      if (newValue && newValue !== processedSeries[type]) {
+        processingDetected = true;
+        seriesLayout[type] = newValue;
+      }
+    }
+  });
+  if (!processingDetected) {
+    return {};
+  }
+  return seriesLayout;
+};
+exports.applySeriesLayout = applySeriesLayout;

package/internals/plugins/corePlugins/useChartSeries/useChartSeries.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartSeriesSignature } from "./useChartSeries.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartSeriesSignature } from "./useChartSeries.types.js";
 export declare const useChartSeries: ChartPlugin<UseChartSeriesSignature>;

package/internals/plugins/corePlugins/useChartSeries/useChartSeries.js

@@ -1,14 +1,13 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useChartSeries = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
+var _useEffectAfterFirstRender = require("@mui/x-internals/useEffectAfterFirstRender");
 var _colorPalettes = require("../../../../colorPalettes");
 var _processSeries = require("./processSeries");
 const useChartSeries = ({
@@ -25,12 +24,7 @@ const useChartSeries = ({
 
   // The effect do not track any value defined synchronously during the 1st render by hooks called after `useChartSeries`
   // As a consequence, the state generated by the 1st run of this useEffect will always be equal to the initialization one
-  const isFirstRender = React.useRef(true);
-  React.useEffect(() => {
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
+  (0, _useEffectAfterFirstRender.useEffectAfterFirstRender)(() => {
     store.set('series', (0, _extends2.default)({}, store.state.series, {
       defaultizedSeries: (0, _processSeries.defaultizeSeries)({
         series,

package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts

@@ -1,5 +1,5 @@
-import { ChartRootSelector } from "../../utils/selectors.js";
-import { UseChartSeriesSignature } from "./useChartSeries.types.js";
+import { type ChartRootSelector } from "../../utils/selectors.js";
+import { type UseChartSeriesSignature } from "./useChartSeries.types.js";
 export declare const selectorChartSeriesState: ChartRootSelector<UseChartSeriesSignature>;
 export declare const selectorChartDefaultizedSeries: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
@@ -21,4 +21,12 @@ export declare const selectorChartDataset: (args_0: import("../useChartId/useCha
  */
 export declare const selectorChartSeriesProcessed: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => import("./useChartSeries.types.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+}) => import("./useChartSeries.types.js").ProcessedSeries<keyof import("../../../index.js").ChartsSeriesConfig>;
+/**
+ * Get the processed series after applying series processors.
+ * This selector computes the processed series on-demand from the defaultized series.
+ * @returns {ProcessedSeries} The processed series.
+ */
+export declare const selectorChartSeriesLayout: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => import("./useChartSeries.types.js").SeriesLayout<keyof import("../../../index.js").ChartsSeriesConfig>;

package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorChartSeriesState = exports.selectorChartSeriesProcessed = exports.selectorChartSeriesConfig = exports.selectorChartDefaultizedSeries = exports.selectorChartDataset = void 0;
+exports.selectorChartSeriesState = exports.selectorChartSeriesProcessed = exports.selectorChartSeriesLayout = exports.selectorChartSeriesConfig = exports.selectorChartDefaultizedSeries = exports.selectorChartDataset = void 0;
 var _store = require("@mui/x-internals/store");
 var _processSeries = require("./processSeries");
+var _useChartDimensions = require("../useChartDimensions/useChartDimensions.selectors");
 const selectorChartSeriesState = state => state.series;
 exports.selectorChartSeriesState = selectorChartSeriesState;
 const selectorChartDefaultizedSeries = exports.selectorChartDefaultizedSeries = (0, _store.createSelector)(selectorChartSeriesState, seriesState => seriesState.defaultizedSeries);
@@ -24,4 +25,13 @@ const selectorChartDataset = exports.selectorChartDataset = (0, _store.createSel
  */
 const selectorChartSeriesProcessed = exports.selectorChartSeriesProcessed = (0, _store.createSelectorMemoized)(selectorChartDefaultizedSeries, selectorChartSeriesConfig, selectorChartDataset, function selectorChartSeriesProcessed(defaultizedSeries, seriesConfig, dataset) {
   return (0, _processSeries.applySeriesProcessors)(defaultizedSeries, seriesConfig, dataset);
+});
+
+/**
+ * Get the processed series after applying series processors.
+ * This selector computes the processed series on-demand from the defaultized series.
+ * @returns {ProcessedSeries} The processed series.
+ */
+const selectorChartSeriesLayout = exports.selectorChartSeriesLayout = (0, _store.createSelectorMemoized)(selectorChartSeriesProcessed, selectorChartSeriesConfig, _useChartDimensions.selectorChartDrawingArea, function selectorChartSeriesLayout(processedSeries, seriesConfig, drawingArea) {
+  return (0, _processSeries.applySeriesLayout)(processedSeries, seriesConfig, drawingArea);
 });

package/internals/plugins/corePlugins/useChartSeries/useChartSeries.types.d.ts

@@ -1,8 +1,8 @@
-import { AllSeriesType } from "../../../../models/seriesType/index.js";
-import { ChartsColorPalette } from "../../../../colorPalettes/index.js";
-import { ChartPluginSignature, ChartSeriesConfig } from "../../models/index.js";
-import { ChartSeriesType, DatasetType } from "../../../../models/seriesType/config.js";
-import { SeriesProcessorParams, SeriesProcessorResult } from "../../models/seriesConfig/seriesProcessor.types.js";
+import { type AllSeriesType } from "../../../../models/seriesType/index.js";
+import { type ChartsColorPalette } from "../../../../colorPalettes/index.js";
+import { type ChartPluginSignature, type ChartSeriesConfig, type SeriesLayoutGetterResult } from "../../models/index.js";
+import { type ChartSeriesType, type DatasetType } from "../../../../models/seriesType/config.js";
+import { type SeriesProcessorParams, type SeriesProcessorResult } from "../../models/seriesConfig/seriesProcessor.types.js";
 export interface UseChartSeriesParameters<T extends ChartSeriesType = ChartSeriesType> {
   /**
    * An array of objects that can be used to populate series and axes data using their `dataKey` property.
@@ -36,6 +36,7 @@ export type UseChartSeriesDefaultizedParameters<T extends ChartSeriesType = Char
   theme: 'light' | 'dark';
 };
 export type ProcessedSeries<TSeriesTypes extends ChartSeriesType = ChartSeriesType> = { [type in TSeriesTypes]?: SeriesProcessorResult<type> };
+export type SeriesLayout<TSeriesTypes extends ChartSeriesType = ChartSeriesType> = { [type in TSeriesTypes]?: SeriesLayoutGetterResult<type> };
 export type DefaultizedSeriesGroups<TSeriesTypes extends ChartSeriesType = ChartSeriesType> = { [type in TSeriesTypes]?: SeriesProcessorParams<type> };
 export interface UseChartSeriesState<T extends ChartSeriesType = ChartSeriesType> {
   series: {

package/internals/plugins/corePlugins/useChartSeries/useColorProcessor.d.ts

@@ -1,5 +1,5 @@
-import { ChartSeriesType } from "../../../../models/seriesType/config.js";
-import { ColorProcessor } from "../../models/seriesConfig/index.js";
+import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
+import { type ColorProcessor } from "../../models/seriesConfig/index.js";
 export type ColorProcessorsConfig<T extends ChartSeriesType> = { [Key in T]?: ColorProcessor<Key> };
 export declare function useColorProcessor<T extends ChartSeriesType>(seriesType: T): ColorProcessor<T>;
 export declare function useColorProcessor(): ColorProcessorsConfig<ChartSeriesType>;

package/internals/plugins/featurePlugins/useChartBrush/useChartBrush.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartBrushSignature } from "./useChartBrush.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartBrushSignature } from "./useChartBrush.types.js";
 export declare const useChartBrush: ChartPlugin<UseChartBrushSignature>;

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

@@ -15,7 +15,7 @@ const selectorBrushStartX = exports.selectorBrushStartX = (0, _store.createSelec
 const selectorBrushStartY = exports.selectorBrushStartY = (0, _store.createSelector)(selectorBrush, brush => brush?.start?.y ?? null);
 const selectorBrushCurrentX = exports.selectorBrushCurrentX = (0, _store.createSelector)(selectorBrush, brush => brush?.current?.x ?? null);
 const selectorBrushCurrentY = exports.selectorBrushCurrentY = (0, _store.createSelector)(selectorBrush, brush => brush?.current?.y ?? null);
-const selectorBrushState = exports.selectorBrushState = (0, _store.createSelector)(selectorBrushStartX, selectorBrushStartY, selectorBrushCurrentX, selectorBrushCurrentY, (startX, startY, currentX, currentY) => {
+const selectorBrushState = exports.selectorBrushState = (0, _store.createSelectorMemoized)(selectorBrushStartX, selectorBrushStartY, selectorBrushCurrentX, selectorBrushCurrentY, (startX, startY, currentX, currentY) => {
   if (startX === null || startY === null || currentX === null || currentY === null) {
     return null;
   }

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

@@ -1,4 +1,4 @@
-import { ChartPluginSignature } from "../../models/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
 export type Point = {
   x: number;
   y: number;

package/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.d.ts

@@ -1,11 +1,11 @@
-import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { ChartsXAxisProps, ChartsAxisProps, ChartsYAxisProps, AxisId, DefaultedXAxis, DefaultedYAxis, D3Scale } from "../../../../models/axis.js";
-import { ChartSeriesType } from "../../../../models/seriesType/config.js";
+import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import { type ChartsXAxisProps, type ChartsAxisProps, type ChartsYAxisProps, type AxisId, type DefaultedXAxis, type DefaultedYAxis, type D3Scale } from "../../../../models/axis.js";
+import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
 import type { ChartDrawingArea } from "../../../../hooks/index.js";
-import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
-import { ComputedAxisConfig } from "./useChartCartesianAxis.types.js";
-import { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
-import { ZoomData } from "./zoom.types.js";
+import { type ChartSeriesConfig } from "../../models/seriesConfig/index.js";
+import { type ComputedAxisConfig } from "./useChartCartesianAxis.types.js";
+import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
+import { type ZoomData } from "./zoom.types.js";
 export type ComputeResult<T extends ChartsAxisProps> = {
   axis: ComputedAxisConfig<T>;
   axisIds: AxisId[];

package/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.js

@@ -46,7 +46,9 @@ function computeAxisValue({
     const zoom = zoomMap?.get(axis.id);
     const zoomRange = zoom ? [zoom.start, zoom.end] : [0, 100];
     const range = getRange(drawingArea, axisDirection, axis.reverse ?? false);
+    const rawTickNumber = domains[axis.id].tickNumber;
     const triggerTooltip = !axis.ignoreTooltip && axisIdsTriggeringTooltip.has(axis.id);
+    const tickNumber = (0, _ticks.scaleTickNumberByRange)(rawTickNumber, zoomRange);
     const data = axis.data ?? [];
     if ((0, _scaleGuards.isOrdinalScale)(scale)) {
       // Reverse range because ordinal scales are presented from top to bottom on y-axis
@@ -63,7 +65,7 @@ function computeAxisValue({
         }, axis, {
           data,
           scale,
-          tickNumber: axis.data.length,
+          tickNumber,
           colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
             values: axis.data
           }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
@@ -77,7 +79,7 @@ function computeAxisValue({
         }, axis, {
           data,
           scale,
-          tickNumber: axis.data.length,
+          tickNumber,
           colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
             values: axis.data
           }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
@@ -93,10 +95,8 @@ function computeAxisValue({
       // Could be merged with the two previous "if conditions" but then TS does not get that `axis.scaleType` can't be `band` or `point`.
       return;
     }
-    const rawTickNumber = domains[axis.id].tickNumber;
     const continuousAxis = axis;
     const scaleType = continuousAxis.scaleType ?? 'linear';
-    const tickNumber = (0, _ticks.scaleTickNumberByRange)(rawTickNumber, zoomRange);
     completeAxis[axis.id] = (0, _extends2.default)({
       offset: 0,
       height: 0,

package/internals/plugins/featurePlugins/useChartCartesianAxis/createAxisFilterMapper.d.ts

@@ -1,7 +1,7 @@
-import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { AxisConfig } from "../../../../models/index.js";
-import { ExtremumFilter } from "./useChartCartesianAxis.types.js";
-import { GetZoomAxisFilters, ZoomAxisFilters } from "./zoom.types.js";
+import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import { type AxisConfig } from "../../../../models/index.js";
+import { type ExtremumFilter } from "./useChartCartesianAxis.types.js";
+import { type GetZoomAxisFilters, type ZoomAxisFilters } from "./zoom.types.js";
 export declare function createDiscreteScaleGetAxisFilter(axisData: AxisConfig['data'], zoomStart: number, zoomEnd: number, direction: 'x' | 'y'): ExtremumFilter;
 export declare function createContinuousScaleGetAxisFilter(domain: readonly NumberValue[], zoomStart: number, zoomEnd: number, direction: 'x' | 'y', axisData: AxisConfig['data']): ExtremumFilter;
 export declare const createGetAxisFilters: (filters: ZoomAxisFilters) => GetZoomAxisFilters;