@mui/x-charts 8.2.0 → 8.3.0

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.ts

@@ -38,6 +38,38 @@ export declare const selectorChartZoomIsInteracting: ((state: import("../../core
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+export declare const selectorChartZoomMap: ((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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => Map<AxisId, ZoomData> | undefined) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: {
+    isInteracting: boolean;
+    zoomData: readonly ZoomData[];
+  } | undefined) => Map<AxisId, ZoomData> | undefined;
+  memoizedResultFunc: ((resultFuncArgs_0: {
+    isInteracting: boolean;
+    zoomData: readonly ZoomData[];
+  } | undefined) => Map<AxisId, ZoomData> | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => Map<AxisId, ZoomData> | undefined;
+  dependencies: [(state: ChartState<[], [UseChartCartesianAxisSignature]>) => {
+    isInteracting: boolean;
+    zoomData: readonly ZoomData[];
+  } | undefined];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  memoize: typeof import("reselect").weakMapMemoize;
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+};
 export declare const selectorChartZoomOptionsLookup: ((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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => {
@@ -179,6 +211,133 @@ export declare const selectorChartZoomOptionsLookup: ((state: import("../../core
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+export declare const selectorChartAxisZoomOptionsLookup: ((state: any, axisId: AxisId) => import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: Record<AxisId, import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions>, resultFuncArgs_1: Record<AxisId, import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions>, resultFuncArgs_2: AxisId) => import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions;
+  memoizedResultFunc: ((resultFuncArgs_0: Record<AxisId, import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions>, resultFuncArgs_1: Record<AxisId, import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions>, resultFuncArgs_2: AxisId) => import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions;
+  dependencies: [((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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
+  }) => Record<AxisId, import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions>) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: import("../../../index.js").DefaultedXAxis[] | undefined) => Record<AxisId, import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions>;
+    memoizedResultFunc: ((resultFuncArgs_0: import("../../../index.js").DefaultedXAxis[] | undefined) => Record<AxisId, import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions>) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => Record<AxisId, import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions>;
+    dependencies: [((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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+      cacheKey: import("../../models/index.js").ChartStateCacheKey;
+    }) => import("../../../index.js").DefaultedXAxis[] | undefined) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    } & {
+      resultFunc: (resultFuncArgs_0: {
+        x: import("../../../index.js").DefaultedXAxis[];
+        y: import("../../../index.js").DefaultedYAxis[];
+      } | undefined) => import("../../../index.js").DefaultedXAxis[] | undefined;
+      memoizedResultFunc: ((resultFuncArgs_0: {
+        x: import("../../../index.js").DefaultedXAxis[];
+        y: import("../../../index.js").DefaultedYAxis[];
+      } | undefined) => import("../../../index.js").DefaultedXAxis[] | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+      };
+      lastResult: () => import("../../../index.js").DefaultedXAxis[] | undefined;
+      dependencies: [(state: ChartState<[], [UseChartCartesianAxisSignature]>) => {
+        x: import("../../../index.js").DefaultedXAxis[];
+        y: import("../../../index.js").DefaultedYAxis[];
+      } | undefined];
+      recomputations: () => number;
+      resetRecomputations: () => void;
+      dependencyRecomputations: () => number;
+      resetDependencyRecomputations: () => void;
+    } & {
+      memoize: typeof import("reselect").weakMapMemoize;
+      argsMemoize: typeof import("reselect").weakMapMemoize;
+    }];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+  } & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+  }, ((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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+    cacheKey: import("../../models/index.js").ChartStateCacheKey;
+  }) => Record<AxisId, import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions>) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: import("../../../index.js").DefaultedYAxis[] | undefined) => Record<AxisId, import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions>;
+    memoizedResultFunc: ((resultFuncArgs_0: import("../../../index.js").DefaultedYAxis[] | undefined) => Record<AxisId, import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions>) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => Record<AxisId, import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions>;
+    dependencies: [((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 & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+      cacheKey: import("../../models/index.js").ChartStateCacheKey;
+    }) => import("../../../index.js").DefaultedYAxis[] | undefined) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    } & {
+      resultFunc: (resultFuncArgs_0: {
+        x: import("../../../index.js").DefaultedXAxis[];
+        y: import("../../../index.js").DefaultedYAxis[];
+      } | undefined) => import("../../../index.js").DefaultedYAxis[] | undefined;
+      memoizedResultFunc: ((resultFuncArgs_0: {
+        x: import("../../../index.js").DefaultedXAxis[];
+        y: import("../../../index.js").DefaultedYAxis[];
+      } | undefined) => import("../../../index.js").DefaultedYAxis[] | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+      };
+      lastResult: () => import("../../../index.js").DefaultedYAxis[] | undefined;
+      dependencies: [(state: ChartState<[], [UseChartCartesianAxisSignature]>) => {
+        x: import("../../../index.js").DefaultedXAxis[];
+        y: import("../../../index.js").DefaultedYAxis[];
+      } | undefined];
+      recomputations: () => number;
+      resetRecomputations: () => void;
+      dependencyRecomputations: () => number;
+      resetDependencyRecomputations: () => void;
+    } & {
+      memoize: typeof import("reselect").weakMapMemoize;
+      argsMemoize: typeof import("reselect").weakMapMemoize;
+    }];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+  } & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+  }, (state: any, axisId: AxisId) => AxisId];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  memoize: typeof import("reselect").weakMapMemoize;
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+};
 /**
  * The only interesting selectors that merge axis data and zoom if provided.
  */

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorChartZoomOptionsLookup = exports.selectorChartZoomIsInteracting = exports.selectorChartYAxis = exports.selectorChartXAxis = exports.createZoomMap = void 0;
+exports.selectorChartZoomOptionsLookup = exports.selectorChartZoomMap = exports.selectorChartZoomIsInteracting = exports.selectorChartYAxis = exports.selectorChartXAxis = exports.selectorChartAxisZoomOptionsLookup = exports.createZoomMap = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _useChartDimensions = require("../../corePlugins/useChartDimensions");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
@@ -28,10 +28,11 @@ const selectorChartZoomState = state => state.zoom;
  */
 
 const selectorChartZoomIsInteracting = exports.selectorChartZoomIsInteracting = (0, _selectors.createSelector)(selectorChartZoomState, zoom => zoom?.isInteracting);
-const selectorChartZoomMap = (0, _selectors.createSelector)(selectorChartZoomState, zoom => zoom?.zoomData && createZoomMap(zoom?.zoomData));
+const selectorChartZoomMap = exports.selectorChartZoomMap = (0, _selectors.createSelector)(selectorChartZoomState, zoom => zoom?.zoomData && createZoomMap(zoom?.zoomData));
 const selectorChartXZoomOptionsLookup = (0, _selectors.createSelector)(_useChartCartesianAxisLayout.selectorChartRawXAxis, (0, _createZoomLookup.createZoomLookup)('x'));
 const selectorChartYZoomOptionsLookup = (0, _selectors.createSelector)(_useChartCartesianAxisLayout.selectorChartRawYAxis, (0, _createZoomLookup.createZoomLookup)('y'));
 const selectorChartZoomOptionsLookup = exports.selectorChartZoomOptionsLookup = (0, _selectors.createSelector)([selectorChartXZoomOptionsLookup, selectorChartYZoomOptionsLookup], (xLookup, yLookup) => (0, _extends2.default)({}, xLookup, yLookup));
+const selectorChartAxisZoomOptionsLookup = exports.selectorChartAxisZoomOptionsLookup = (0, _selectors.createSelector)([selectorChartXZoomOptionsLookup, selectorChartYZoomOptionsLookup, (state, axisId) => axisId], (xLookup, yLookup, axisId) => xLookup[axisId] ?? yLookup[axisId]);
 const selectorChartXFilter = (0, _selectors.createSelector)([selectorChartZoomMap, selectorChartZoomOptionsLookup, _useChartSeries.selectorChartSeriesConfig, _useChartSeries.selectorChartSeriesProcessed], (zoomMap, zoomOptions, seriesConfig, formattedSeries) => zoomMap && zoomOptions && (0, _createAxisFilterMapper.createAxisFilterMapper)({
   zoomMap,
   zoomOptions,

package/internals/plugins/featurePlugins/useChartCartesianAxis/zoom.types.d.ts

@@ -67,6 +67,16 @@ export interface ZoomOptions {
    * @default 'keep'
    */
   filterMode?: ZoomFilterMode;
+  /**
+   * Configures the zoom slider. The slider is an element that shows the zoomed range and allows its manipulation.
+   */
+  slider?: ZoomSliderOptions;
+}
+export interface ZoomSliderOptions {
+  /**
+   * If `true`, the slider will be shown.
+   */
+  enabled?: boolean;
 }
 export type ZoomAxisFilters = Record<AxisId, ExtremumFilter>;
 export type GetZoomAxisFilters = (params: {

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.js

@@ -6,27 +6,42 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useChartHighlight = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _useAssertModelConsistency = require("@mui/x-internals/useAssertModelConsistency");
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 const useChartHighlight = ({
   store,
-  params,
-  models
+  params
 }) => {
+  (0, _useAssertModelConsistency.useAssertModelConsistency)({
+    warningPrefix: 'MUI X Charts',
+    componentName: 'Chart',
+    propName: 'highlightedItem',
+    controlled: params.highlightedItem,
+    defaultValue: null
+  });
   (0, _useEnhancedEffect.default)(() => {
-    store.update(prevState => (0, _extends2.default)({}, prevState, {
+    store.update(prevState => prevState.highlight.item === params.highlightedItem ? prevState : (0, _extends2.default)({}, prevState, {
       highlight: (0, _extends2.default)({}, prevState.highlight, {
-        item: models.highlightedItem.value
+        item: params.highlightedItem
       })
     }));
-  }, [store, models.highlightedItem.value]);
+  }, [store, params.highlightedItem]);
   const clearHighlight = (0, _useEventCallback.default)(() => {
     params.onHighlightChange?.(null);
-    models.highlightedItem.setControlledValue(null);
+    store.update(prev => (0, _extends2.default)({}, prev, {
+      highlight: {
+        item: null
+      }
+    }));
   });
   const setHighlight = (0, _useEventCallback.default)(newItem => {
     params.onHighlightChange?.(newItem);
-    models.highlightedItem.setControlledValue(newItem);
+    store.update(prev => (0, _extends2.default)({}, prev, {
+      highlight: {
+        item: newItem
+      }
+    }));
   });
   return {
     instance: {
@@ -36,14 +51,14 @@ const useChartHighlight = ({
   };
 };
 exports.useChartHighlight = useChartHighlight;
-useChartHighlight.models = {
-  highlightedItem: {
-    getDefaultValue: () => null
-  }
-};
+useChartHighlight.getDefaultizedParams = ({
+  params
+}) => (0, _extends2.default)({}, params, {
+  highlightedItem: params.highlightedItem ?? null
+});
 useChartHighlight.getInitialState = params => ({
   highlight: {
-    item: params.highlightedItem ?? null
+    item: params.highlightedItem
   }
 });
 useChartHighlight.params = {

package/internals/plugins/models/helpers.d.ts

@@ -2,6 +2,5 @@ import type { ChartAnyPluginSignature, ChartPlugin } from "./plugin.js";
 type IsAny<T> = 0 extends 1 & T ? true : false;
 export type OptionalIfEmpty<A extends string, B> = keyof B extends never ? Partial<Record<A, B>> : IsAny<B> extends true ? Partial<Record<A, B>> : Record<A, B>;
 export type MergeSignaturesProperty<TSignatures extends readonly any[], TProperty extends keyof ChartAnyPluginSignature> = TSignatures extends readonly [plugin: infer P, ...otherPlugin: infer R] ? P extends ChartAnyPluginSignature ? P[TProperty] & MergeSignaturesProperty<R, TProperty> : {} : {};
-export type ConvertPluginsIntoSignatures<TPlugins extends readonly ChartPlugin<ChartAnyPluginSignature>[]> = TPlugins extends readonly [plugin: infer TPlugin, ...otherPlugin: infer R] ? R extends readonly ChartPlugin<any>[] ? TPlugin extends ChartPlugin<infer TSignature> ? readonly [TSignature, ...ConvertPluginsIntoSignatures<R>] : never : never : [];
 export type ConvertSignaturesIntoPlugins<TSignatures extends readonly ChartAnyPluginSignature[]> = TSignatures extends readonly [signature: infer TSignature, ...otherSignatures: infer R] ? R extends readonly ChartAnyPluginSignature[] ? TSignature extends ChartAnyPluginSignature ? readonly [ChartPlugin<TSignature>, ...ConvertSignaturesIntoPlugins<R>] : never : never : [];
 export {};

package/internals/plugins/models/plugin.d.ts

@@ -12,11 +12,6 @@ export interface ChartPluginOptions<TSignature extends ChartAnyPluginSignature>
    * The parameters after being processed with the default values.
    */
   params: ChartUsedDefaultizedParams<TSignature>;
-  /**
-   * The store of controlled properties.
-   * If they are not controlled by the user, they will be initialized by the plugin.
-   */
-  models: ChartUsedControlModels<TSignature>;
   /**
    * The store that can be used to access the state of other plugins.
    */
@@ -38,9 +33,6 @@ export interface ChartPluginOptions<TSignature extends ChartAnyPluginSignature>
    */
   seriesConfig: ChartSeriesConfig<any>;
 }
-type ChartControlModelsInitializer<TSignature extends ChartAnyPluginSignature> = { [TControlled in keyof TSignature['models']]: {
-  getDefaultValue: (params: TSignature['defaultizedParams']) => Exclude<TSignature['defaultizedParams'][TControlled], undefined>;
-} };
 type ChartResponse<TSignature extends ChartAnyPluginSignature> = OptionalIfEmpty<'publicAPI', TSignature['publicAPI']> & OptionalIfEmpty<'instance', TSignature['instance']>;
 export type ChartPluginSignature<T extends {
   params?: {};
@@ -83,14 +75,6 @@ export type ChartPluginSignature<T extends {
   publicAPI: T extends {
     publicAPI: {};
   } ? T['publicAPI'] : {};
-  /**
-   * A helper for controlled properties.
-   * Properties defined here can be controlled by the user. If they are not controlled, they will be initialized by the plugin.
-   */
-  models: T extends {
-    defaultizedParams: {};
-    modelNames: keyof T['defaultizedParams'];
-  } ? { [TControlled in T['modelNames']]-?: ChartControlModel<Exclude<T['defaultizedParams'][TControlled], undefined>> } : {};
   /**
    * Any plugins that this plugin depends on.
    */
@@ -110,7 +94,6 @@ export type ChartAnyPluginSignature = ChartPluginSignature<{
   instance: any;
   publicAPI: any;
   state: any;
-  modelNames: any;
   dependencies: any;
   optionalDependencies: any;
 }>;
@@ -124,14 +107,6 @@ export type ChartUsedInstance<TSignature extends ChartAnyPluginSignature> = Plug
    */
   $$signature: TSignature;
 };
-export interface ChartControlModel<TValue> {
-  name: string;
-  value: TValue;
-  setControlledValue: (value: TValue | ((prevValue: TValue) => TValue)) => void;
-  isControlled: boolean;
-}
-type RemoveSetValue<Models extends Record<string, ChartControlModel<any>>> = { [K in keyof Models]: Omit<Models[K], 'setValue'> };
-export type ChartUsedControlModels<TSignature extends ChartAnyPluginSignature> = TSignature['models'] & RemoveSetValue<MergeSignaturesProperty<ChartRequiredPlugins<TSignature>, 'models'>>;
 export type ChartUsedStore<TSignature extends ChartAnyPluginSignature> = ChartStore<[TSignature, ...TSignature['dependencies']], TSignature['optionalDependencies']>;
 export type ChartPlugin<TSignature extends ChartAnyPluginSignature> = {
   /**
@@ -152,11 +127,6 @@ export type ChartPlugin<TSignature extends ChartAnyPluginSignature> = {
    * @returns {TSignature['state']} The initial state of the plugin.
    */
   getInitialState?: (params: ChartUsedDefaultizedParams<TSignature>, currentState: MergeSignaturesProperty<ChartRequiredPlugins<TSignature>, 'state'>, seriesConfig: ChartSeriesConfig<any>) => TSignature['state'];
-  /**
-   * The configuration of properties that can be controlled by the user.
-   * If they are not controlled, they will be initialized by the plugin.
-   */
-  models?: ChartControlModelsInitializer<TSignature>;
   /**
    * An object where each property used by the plugin is set to `true`.
    */

package/internals/store/useCharts.d.ts

@@ -23,4 +23,4 @@ export declare function useCharts<TSeriesType extends ChartSeriesType, TSignatur
     chartRootRef: React.RefObject<HTMLDivElement | null>;
   };
 };
-export declare function useChartApiInitialization<T>(inputApiRef: React.RefObject<T | undefined> | undefined): T;
+export declare function useChartApiInitialization<T>(inputApiRef: React.RefObject<T | undefined> | undefined): React.RefObject<T>;

package/internals/store/useCharts.js

@@ -12,7 +12,6 @@ var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _ChartStore = require("../plugins/utils/ChartStore");
 var _corePlugins = require("../plugins/corePlugins");
 var _extractPluginParamsFromProps = require("./extractPluginParamsFromProps");
-var _useChartModels = require("./useChartModels");
 let globalId = 0;
 
 /**
@@ -32,7 +31,6 @@ function useCharts(inPlugins, props, seriesConfig) {
     props
   });
   pluginParams.id = pluginParams.id ?? chartId;
-  const models = (0, _useChartModels.useChartModels)(plugins, pluginParams);
   const instanceRef = React.useRef({});
   const instance = instanceRef.current;
   const publicAPI = useChartApiInitialization(props.apiRef);
@@ -62,11 +60,10 @@ function useCharts(inPlugins, props, seriesConfig) {
       store: storeRef.current,
       svgRef: innerSvgRef,
       chartRootRef: innerChartRootRef,
-      seriesConfig,
-      models
+      seriesConfig
     });
     if (pluginResponse.publicAPI) {
-      Object.assign(publicAPI, pluginResponse.publicAPI);
+      Object.assign(publicAPI.current, pluginResponse.publicAPI);
     }
     if (pluginResponse.instance) {
       Object.assign(instance, pluginResponse.instance);
@@ -75,7 +72,7 @@ function useCharts(inPlugins, props, seriesConfig) {
   plugins.forEach(runPlugin);
   const contextValue = React.useMemo(() => ({
     store: storeRef.current,
-    publicAPI,
+    publicAPI: publicAPI.current,
     instance,
     svgRef: innerSvgRef,
     chartRootRef: innerChartRootRef
@@ -84,14 +81,16 @@ function useCharts(inPlugins, props, seriesConfig) {
     contextValue
   };
 }
+function initializeInputApiRef(inputApiRef) {
+  if (inputApiRef.current == null) {
+    inputApiRef.current = {};
+  }
+  return inputApiRef;
+}
 function useChartApiInitialization(inputApiRef) {
   const fallbackPublicApiRef = React.useRef({});
   if (inputApiRef) {
-    if (inputApiRef.current == null) {
-      // eslint-disable-next-line react-compiler/react-compiler
-      inputApiRef.current = {};
-    }
-    return inputApiRef.current;
+    return initializeInputApiRef(inputApiRef);
   }
-  return fallbackPublicApiRef.current;
+  return fallbackPublicApiRef;
 }

package/locales/enUS.d.ts

@@ -8,6 +8,8 @@ export declare const enUS: {
         localeText: {
           loading?: string | undefined;
           noData?: string | undefined;
+          zoomIn?: string | undefined;
+          zoomOut?: string | undefined;
         };
       };
     };

package/locales/enUS.js

@@ -10,7 +10,9 @@ var _getChartsLocalization = require("./utils/getChartsLocalization");
 const enUSLocaleText = exports.enUSLocaleText = {
   // Overlay
   loading: 'Loading data…',
-  noData: 'No data to display'
+  noData: 'No data to display',
+  zoomIn: 'Zoom in',
+  zoomOut: 'Zoom out'
 };
 const DEFAULT_LOCALE = exports.DEFAULT_LOCALE = enUSLocaleText;
 const enUS = exports.enUS = (0, _getChartsLocalization.getChartsLocalization)(enUSLocaleText);

package/locales/frFR.d.ts

@@ -7,6 +7,8 @@ export declare const frFR: {
         localeText: {
           loading?: string | undefined;
           noData?: string | undefined;
+          zoomIn?: string | undefined;
+          zoomOut?: string | undefined;
         };
       };
     };

package/locales/frFR.js

@@ -9,5 +9,7 @@ const frFRLocalText = exports.frFRLocalText = {
   // Overlay
   loading: 'Chargement…',
   noData: 'Pas de données'
+  // zoomIn: 'Zoom in',
+  // zoomOut: 'Zoom out',
 };
 const frFR = exports.frFR = (0, _getChartsLocalization.getChartsLocalization)(frFRLocalText);

package/locales/utils/chartsLocaleTextApi.d.ts

@@ -7,5 +7,13 @@ export interface ChartsLocaleText {
    * Title displayed in the overlay if there is no data to display.
    */
   noData: string;
+  /**
+   * Tooltip text shown when hovering over the zoom in button.
+   */
+  zoomIn: string;
+  /**
+   * Tooltip text shown when hovering over the zoom out button.
+   */
+  zoomOut: string;
 }
 export type ChartsTranslationKeys = keyof ChartsLocaleText;

package/locales/utils/getChartsLocalization.d.ts

@@ -11,6 +11,8 @@ export declare const getChartsLocalization: (chartsTranslations: Partial<ChartsL
         localeText: {
           loading?: string | undefined;
           noData?: string | undefined;
+          zoomIn?: string | undefined;
+          zoomOut?: string | undefined;
         };
       };
     };

package/models/axis.d.ts

@@ -1,6 +1,7 @@
 import type { ScaleBand, ScaleLinear, ScaleLogarithmic, ScaleOrdinal, ScalePoint, ScalePower, ScaleSequential, ScaleThreshold, ScaleTime } from '@mui/x-charts-vendor/d3-scale';
 import { SxProps } from '@mui/system/styleFunctionSx';
 import { type MakeOptional, MakeRequired } from '@mui/x-internals/types';
+import type { DefaultizedZoomOptions } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
 import { ChartsAxisClasses } from "../ChartsAxis/axisClasses.js";
 import type { TickParams } from "../hooks/useTicks.js";
 import { ChartsTextProps } from "../ChartsText/index.js";
@@ -370,7 +371,7 @@ export type PolarAxisDefaultized<S extends ScaleName = ScaleName, V = any, AxisP
    */
   triggerTooltip?: boolean;
 };
-export type ComputedAxis<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsAxisProps = ChartsXAxisProps | ChartsYAxisProps> = MakeRequired<Omit<AxisConfig<S, V, AxisProps>, 'scaleType'>, 'offset'> & AxisScaleConfig[S] & AxisScaleComputedConfig[S] & {
+export type ComputedAxis<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsAxisProps = ChartsXAxisProps | ChartsYAxisProps> = MakeRequired<Omit<DefaultedAxis<S, V, AxisProps>, 'scaleType'>, 'offset'> & AxisScaleConfig[S] & AxisScaleComputedConfig[S] & {
   /**
    * An indication of the expected number of ticks.
    */
@@ -409,12 +410,18 @@ export type XAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleNam
 export type YAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<AxisConfig<S, V, ChartsYAxisProps>, 'id'> : never;
 export type RotationAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? AxisConfig<S, V, ChartsRotationAxisProps> : never;
 export type RadiusAxis<S extends 'linear' = 'linear', V = any> = S extends 'linear' ? AxisConfig<S, V, ChartsRadiusAxisProps> : never;
+/**
+ * The axis configuration with missing values filled with default values.
+ */
+export type DefaultedAxis<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsAxisProps = ChartsXAxisProps | ChartsYAxisProps> = AxisConfig<S, V, AxisProps> & {
+  zoom: DefaultizedZoomOptions | undefined;
+};
 /**
  * The x-axis configuration with missing values filled with default values.
  */
-export type DefaultedXAxis<S extends ScaleName = ScaleName, V = any> = AxisConfig<S, V, ChartsXAxisProps>;
+export type DefaultedXAxis<S extends ScaleName = ScaleName, V = any> = DefaultedAxis<S, V, ChartsXAxisProps>;
 /**
  * The y-axis configuration with missing values filled with default values.
  */
-export type DefaultedYAxis<S extends ScaleName = ScaleName, V = any> = AxisConfig<S, V, ChartsYAxisProps>;
+export type DefaultedYAxis<S extends ScaleName = ScaleName, V = any> = DefaultedAxis<S, V, ChartsYAxisProps>;
 export {};

package/models/axis.js

@@ -29,6 +29,10 @@ function isPointScaleConfig(scaleConfig) {
  * The data format returned by onAxisClick.
  */
 
+/**
+ * The axis configuration with missing values filled with default values.
+ */
+
 /**
  * The x-axis configuration with missing values filled with default values.
  */

package/models/index.d.ts

@@ -3,4 +3,5 @@ export * from "./stacking.js";
 export type { AxisConfig, ChartsYAxisProps, ChartsXAxisProps, ScaleName, ContinuousScaleName, ChartsAxisData, XAxis, YAxis, RadiusAxis, RotationAxis } from "./axis.js";
 export type { PropsFromSlot } from '@mui/x-internals/slots';
 export type { Position } from "./position.js";
-export type { CurveType } from "./curve.js";
+export type { CurveType } from "./curve.js";
+export type { ChartBaseCommonProps, ChartBaseIconProps, ChartsIconSlots, ChartsBaseSlots } from "./slots/index.js";

package/models/slots/chartsBaseSlotProps.d.ts

@@ -0,0 +1,13 @@
+import type * as React from 'react';
+export type ChartBaseCommonProps<T = HTMLElement> = React.DOMAttributes<T> & {
+  className?: string;
+  style?: React.CSSProperties;
+  [k: `aria-${string}`]: any;
+  [k: `data-${string}`]: any;
+};
+export type ChartBaseIconProps = ChartBaseCommonProps<SVGSVGElement> & {
+  titleAccess?: string;
+};
+export type ChartBaseIconButtonProps = ChartBaseCommonProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+};

package/models/slots/chartsBaseSlotProps.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/models/slots/chartsBaseSlots.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ChartBaseIconButtonProps } from "./chartsBaseSlotProps.js";
+export interface ChartsBaseSlots {
+  baseIconButton: React.ComponentType<ChartBaseIconButtonProps>;
+}

package/models/slots/chartsBaseSlots.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/models/slots/chartsIconSlots.d.ts

@@ -0,0 +1 @@
+export interface ChartsIconSlots {}

package/models/slots/chartsIconSlots.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/models/slots/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./chartsBaseSlots.js";
+export * from "./chartsBaseSlotProps.js";
+export * from "./chartsIconSlots.js";