@mui/x-charts-pro 8.3.1 → 8.5.0

package/internals/plugins/useChartProExport/exportImage.js

@@ -13,7 +13,7 @@ var _common = require("./common");
 const getDrawDocument = async () => {
   try {
     const module = await Promise.resolve().then(() => (0, _interopRequireWildcard2.default)(require('rasterizehtml')));
-    return module.drawDocument;
+    return (module.default || module).drawDocument;
   } catch (error) {
     throw new Error(`MUI X Charts: Failed to import 'rasterizehtml' module. This dependency is mandatory when exporting a chart as an image. Make sure you have it installed as a dependency.`, {
       cause: error

package/internals/plugins/useChartProZoom/useChartProZoom.js

@@ -109,6 +109,14 @@ const useChartProZoom = ({
       });
     });
   }, [onZoomChange, store, removeIsInteracting]);
+  const setAxisZoomData = React.useCallback((axisId, zoomData) => {
+    setZoomDataCallback(prev => prev.map(prevZoom => {
+      if (prevZoom.axisId !== axisId) {
+        return prevZoom;
+      }
+      return typeof zoomData === 'function' ? zoomData(prevZoom) : zoomData;
+    }));
+  }, [setZoomDataCallback]);
   const moveZoomRange = React.useCallback((axisId, by) => {
     setZoomDataCallback(prevZoomData => {
       return prevZoomData.map(zoom => {
@@ -206,7 +214,7 @@ const useChartProZoom = ({
     const handleDown = event => {
       panningEventCacheRef.current.push(event);
       const point = (0, _internals.getSVGPoint)(element, event);
-      if (!instance.isPointInside(point)) {
+      if (!instance.isPointInside(point.x, point.y)) {
         return;
       }
       // If there is only one pointer, prevent selecting text
@@ -252,7 +260,7 @@ const useChartProZoom = ({
         return;
       }
       const point = (0, _internals.getSVGPoint)(element, event);
-      if (!instance.isPointInside(point)) {
+      if (!instance.isPointInside(point.x, point.y)) {
         return;
       }
       event.preventDefault();
@@ -374,11 +382,13 @@ const useChartProZoom = ({
   return {
     publicAPI: {
       setZoomData: setZoomDataCallback,
+      setAxisZoomData,
       zoomIn,
       zoomOut
     },
     instance: {
       setZoomData: setZoomDataCallback,
+      setAxisZoomData,
       moveZoomRange,
       zoomIn,
       zoomOut

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

@@ -252,4 +252,362 @@ export declare const selectorChartAxisZoomData: ((state: any, axisId: AxisId) =>
 } & {
   argsMemoize: typeof import("reselect").weakMapMemoize;
   memoize: typeof import("reselect").weakMapMemoize;
+};
+export declare const selectorChartCanZoomOut: ((state: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("./useChartProZoom.types.js").UseChartProZoomState & Partial<{}> & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+} & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+}) => boolean) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: {
+    isInteracting: boolean;
+    zoomData: readonly import("@mui/x-charts/internals").ZoomData[];
+    isControlled: boolean;
+  }, resultFuncArgs_1: {
+    [x: string]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+    [x: number]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+  }) => boolean;
+  memoizedResultFunc: ((resultFuncArgs_0: {
+    isInteracting: boolean;
+    zoomData: readonly import("@mui/x-charts/internals").ZoomData[];
+    isControlled: boolean;
+  }, resultFuncArgs_1: {
+    [x: string]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+    [x: number]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+  }) => boolean) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => boolean;
+  dependencies: [ChartRootSelector<UseChartProZoomSignature>, ((state: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+    cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+  }) => {
+    [x: string]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+    [x: number]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+  }) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>, resultFuncArgs_1: Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>) => {
+      [x: string]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+      [x: number]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+    };
+    memoizedResultFunc: ((resultFuncArgs_0: Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>, resultFuncArgs_1: Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>) => {
+      [x: string]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+      [x: number]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+    }) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => {
+      [x: string]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+      [x: number]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+    };
+    dependencies: [((state: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+      cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+    }) => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    } & {
+      resultFunc: (resultFuncArgs_0: import("@mui/x-charts/internals").DefaultedXAxis[] | undefined) => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>;
+      memoizedResultFunc: ((resultFuncArgs_0: import("@mui/x-charts/internals").DefaultedXAxis[] | undefined) => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+      };
+      lastResult: () => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>;
+      dependencies: [((state: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+        cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+      }) => import("@mui/x-charts/internals").DefaultedXAxis[] | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+      } & {
+        resultFunc: (resultFuncArgs_0: {
+          x: import("@mui/x-charts/internals").DefaultedXAxis[];
+          y: import("@mui/x-charts/internals").DefaultedYAxis[];
+        } | undefined) => import("@mui/x-charts/internals").DefaultedXAxis[] | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: {
+          x: import("@mui/x-charts/internals").DefaultedXAxis[];
+          y: import("@mui/x-charts/internals").DefaultedYAxis[];
+        } | undefined) => import("@mui/x-charts/internals").DefaultedXAxis[] | undefined) & {
+          clearCache: () => void;
+          resultsCount: () => number;
+          resetResultsCount: () => void;
+        };
+        lastResult: () => import("@mui/x-charts/internals").DefaultedXAxis[] | undefined;
+        dependencies: [(state: import("@mui/x-charts/internals").ChartState<[], [import("@mui/x-charts/internals").UseChartCartesianAxisSignature]>) => {
+          x: import("@mui/x-charts/internals").DefaultedXAxis[];
+          y: import("@mui/x-charts/internals").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("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+      cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+    }) => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    } & {
+      resultFunc: (resultFuncArgs_0: import("@mui/x-charts/internals").DefaultedYAxis[] | undefined) => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>;
+      memoizedResultFunc: ((resultFuncArgs_0: import("@mui/x-charts/internals").DefaultedYAxis[] | undefined) => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+      };
+      lastResult: () => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>;
+      dependencies: [((state: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+        cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+      }) => import("@mui/x-charts/internals").DefaultedYAxis[] | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+      } & {
+        resultFunc: (resultFuncArgs_0: {
+          x: import("@mui/x-charts/internals").DefaultedXAxis[];
+          y: import("@mui/x-charts/internals").DefaultedYAxis[];
+        } | undefined) => import("@mui/x-charts/internals").DefaultedYAxis[] | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: {
+          x: import("@mui/x-charts/internals").DefaultedXAxis[];
+          y: import("@mui/x-charts/internals").DefaultedYAxis[];
+        } | undefined) => import("@mui/x-charts/internals").DefaultedYAxis[] | undefined) & {
+          clearCache: () => void;
+          resultsCount: () => number;
+          resetResultsCount: () => void;
+        };
+        lastResult: () => import("@mui/x-charts/internals").DefaultedYAxis[] | undefined;
+        dependencies: [(state: import("@mui/x-charts/internals").ChartState<[], [import("@mui/x-charts/internals").UseChartCartesianAxisSignature]>) => {
+          x: import("@mui/x-charts/internals").DefaultedXAxis[];
+          y: import("@mui/x-charts/internals").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;
+    }];
+    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;
+} & {
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+  memoize: typeof import("reselect").weakMapMemoize;
+};
+export declare const selectorChartCanZoomIn: ((state: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("./useChartProZoom.types.js").UseChartProZoomState & Partial<{}> & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+} & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+}) => boolean) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: {
+    isInteracting: boolean;
+    zoomData: readonly import("@mui/x-charts/internals").ZoomData[];
+    isControlled: boolean;
+  }, resultFuncArgs_1: {
+    [x: string]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+    [x: number]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+  }) => boolean;
+  memoizedResultFunc: ((resultFuncArgs_0: {
+    isInteracting: boolean;
+    zoomData: readonly import("@mui/x-charts/internals").ZoomData[];
+    isControlled: boolean;
+  }, resultFuncArgs_1: {
+    [x: string]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+    [x: number]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+  }) => boolean) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => boolean;
+  dependencies: [ChartRootSelector<UseChartProZoomSignature>, ((state: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+    cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+  }) => {
+    [x: string]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+    [x: number]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+  }) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>, resultFuncArgs_1: Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>) => {
+      [x: string]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+      [x: number]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+    };
+    memoizedResultFunc: ((resultFuncArgs_0: Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>, resultFuncArgs_1: Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>) => {
+      [x: string]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+      [x: number]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+    }) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => {
+      [x: string]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+      [x: number]: import("@mui/x-charts/internals").DefaultizedZoomOptions;
+    };
+    dependencies: [((state: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+      cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+    }) => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    } & {
+      resultFunc: (resultFuncArgs_0: import("@mui/x-charts/internals").DefaultedXAxis[] | undefined) => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>;
+      memoizedResultFunc: ((resultFuncArgs_0: import("@mui/x-charts/internals").DefaultedXAxis[] | undefined) => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+      };
+      lastResult: () => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>;
+      dependencies: [((state: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+        cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+      }) => import("@mui/x-charts/internals").DefaultedXAxis[] | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+      } & {
+        resultFunc: (resultFuncArgs_0: {
+          x: import("@mui/x-charts/internals").DefaultedXAxis[];
+          y: import("@mui/x-charts/internals").DefaultedYAxis[];
+        } | undefined) => import("@mui/x-charts/internals").DefaultedXAxis[] | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: {
+          x: import("@mui/x-charts/internals").DefaultedXAxis[];
+          y: import("@mui/x-charts/internals").DefaultedYAxis[];
+        } | undefined) => import("@mui/x-charts/internals").DefaultedXAxis[] | undefined) & {
+          clearCache: () => void;
+          resultsCount: () => number;
+          resetResultsCount: () => void;
+        };
+        lastResult: () => import("@mui/x-charts/internals").DefaultedXAxis[] | undefined;
+        dependencies: [(state: import("@mui/x-charts/internals").ChartState<[], [import("@mui/x-charts/internals").UseChartCartesianAxisSignature]>) => {
+          x: import("@mui/x-charts/internals").DefaultedXAxis[];
+          y: import("@mui/x-charts/internals").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("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+      cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+    }) => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    } & {
+      resultFunc: (resultFuncArgs_0: import("@mui/x-charts/internals").DefaultedYAxis[] | undefined) => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>;
+      memoizedResultFunc: ((resultFuncArgs_0: import("@mui/x-charts/internals").DefaultedYAxis[] | undefined) => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+      };
+      lastResult: () => Record<AxisId, import("@mui/x-charts/internals").DefaultizedZoomOptions>;
+      dependencies: [((state: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
+        cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+      }) => import("@mui/x-charts/internals").DefaultedYAxis[] | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+      } & {
+        resultFunc: (resultFuncArgs_0: {
+          x: import("@mui/x-charts/internals").DefaultedXAxis[];
+          y: import("@mui/x-charts/internals").DefaultedYAxis[];
+        } | undefined) => import("@mui/x-charts/internals").DefaultedYAxis[] | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: {
+          x: import("@mui/x-charts/internals").DefaultedXAxis[];
+          y: import("@mui/x-charts/internals").DefaultedYAxis[];
+        } | undefined) => import("@mui/x-charts/internals").DefaultedYAxis[] | undefined) & {
+          clearCache: () => void;
+          resultsCount: () => number;
+          resetResultsCount: () => void;
+        };
+        lastResult: () => import("@mui/x-charts/internals").DefaultedYAxis[] | undefined;
+        dependencies: [(state: import("@mui/x-charts/internals").ChartState<[], [import("@mui/x-charts/internals").UseChartCartesianAxisSignature]>) => {
+          x: import("@mui/x-charts/internals").DefaultedXAxis[];
+          y: import("@mui/x-charts/internals").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;
+    }];
+    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;
+} & {
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+  memoize: typeof import("reselect").weakMapMemoize;
 };

package/internals/plugins/useChartProZoom/useChartProZoom.selectors.js

@@ -3,10 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorChartZoomState = exports.selectorChartZoomIsInteracting = exports.selectorChartZoomIsEnabled = exports.selectorChartAxisZoomData = void 0;
+exports.selectorChartZoomState = exports.selectorChartZoomIsInteracting = exports.selectorChartZoomIsEnabled = exports.selectorChartCanZoomOut = exports.selectorChartCanZoomIn = exports.selectorChartAxisZoomData = void 0;
 var _internals = require("@mui/x-charts/internals");
 const selectorChartZoomState = state => state.zoom;
 exports.selectorChartZoomState = selectorChartZoomState;
 const selectorChartZoomIsInteracting = exports.selectorChartZoomIsInteracting = (0, _internals.createSelector)(selectorChartZoomState, zoom => zoom.isInteracting);
 const selectorChartZoomIsEnabled = exports.selectorChartZoomIsEnabled = (0, _internals.createSelector)(_internals.selectorChartZoomOptionsLookup, optionsLookup => Object.keys(optionsLookup).length > 0);
-const selectorChartAxisZoomData = exports.selectorChartAxisZoomData = (0, _internals.createSelector)([_internals.selectorChartZoomMap, (state, axisId) => axisId], (zoomMap, axisId) => zoomMap?.get(axisId));
+const selectorChartAxisZoomData = exports.selectorChartAxisZoomData = (0, _internals.createSelector)([_internals.selectorChartZoomMap, (state, axisId) => axisId], (zoomMap, axisId) => zoomMap?.get(axisId));
+const selectorChartCanZoomOut = exports.selectorChartCanZoomOut = (0, _internals.createSelector)([selectorChartZoomState, _internals.selectorChartZoomOptionsLookup], (zoomState, zoomOptions) => {
+  return zoomState.zoomData.every(zoomData => {
+    const span = zoomData.end - zoomData.start;
+    const options = zoomOptions[zoomData.axisId];
+    return zoomData.start === options.minStart && zoomData.end === options.maxEnd || span === options.maxSpan;
+  });
+});
+const selectorChartCanZoomIn = exports.selectorChartCanZoomIn = (0, _internals.createSelector)([selectorChartZoomState, _internals.selectorChartZoomOptionsLookup], (zoomState, zoomOptions) => {
+  return zoomState.zoomData.every(zoomData => {
+    const span = zoomData.end - zoomData.start;
+    const options = zoomOptions[zoomData.axisId];
+    return span === options.minSpan;
+  });
+});

package/internals/plugins/useChartProZoom/useChartProZoom.types.d.ts

@@ -41,6 +41,13 @@ export interface UseChartProZoomPublicApi {
    * @returns {void}
    */
   setZoomData: (value: ZoomData[] | ((prev: ZoomData[]) => ZoomData[])) => void;
+  /**
+   * Set the zoom data for an axis.
+   * @param {AxisId} axisId The id of the axis to set the zoom data for.
+   * @param {ZoomData | ((prev: ZoomData) => ZoomData)} value  The new value. Can either be the new zoom data, or an updater function.
+   * @returns {void}
+   */
+  setAxisZoomData: (axisId: AxisId, value: ZoomData | ((prev: ZoomData) => ZoomData)) => void;
 }
 export interface UseChartProZoomInstance extends UseChartProZoomPublicApi {
   /**

package/models/index.d.ts

@@ -1,2 +1,2 @@
-export type { ZoomData } from '@mui/x-charts/internals';
+export type { ZoomData, ZoomFilterMode, ZoomOptions, ZoomSliderOptions, ZoomSliderShowTooltip } from '@mui/x-charts/internals';
 export * from "./seriesType/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-pro",
-  "version": "8.3.1",
+  "version": "8.5.0",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Charts components.",
   "main": "./index.js",
@@ -33,10 +33,10 @@
     "@mui/utils": "^7.0.2",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-internals": "8.3.1",
-    "@mui/x-charts-vendor": "8.3.1",
-    "@mui/x-license": "8.3.1",
-    "@mui/x-charts": "8.3.1"
+    "@mui/x-charts": "8.5.0",
+    "@mui/x-charts-vendor": "8.4.0",
+    "@mui/x-internals": "8.5.0",
+    "@mui/x-license": "8.5.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/ChartZoomSlider/internals/ChartAxisZoomSliderHandle.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export interface ChartZoomSliderHandleOwnerState {
-  onResize: (event: PointerEvent) => void;
-  orientation: 'horizontal' | 'vertical';
-  placement: 'start' | 'end';
-}
-export interface ChartZoomSliderHandleProps extends Pick<React.ComponentProps<'rect'>, 'x' | 'y' | 'width' | 'height' | 'rx' | 'ry'>, ChartZoomSliderHandleOwnerState {}
-/**
- * Renders the zoom slider handle, which is responsible for resizing the zoom range.
- * @internal
- */
-export declare const ChartAxisZoomSliderHandle: React.ForwardRefExoticComponent<ChartZoomSliderHandleProps & React.RefAttributes<SVGRectElement>>;

package/ChartZoomSlider/internals/ChartAxisZoomSliderHandle.js

@@ -1,92 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartAxisZoomSliderHandle = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _styles = require("@mui/material/styles");
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _rafThrottle = require("@mui/x-internals/rafThrottle");
-var _chartAxisZoomSliderHandleClasses = require("./chartAxisZoomSliderHandleClasses");
-var _jsxRuntime = require("react/jsx-runtime");
-const Rect = (0, _styles.styled)('rect')(({
-  theme
-}) => ({
-  [`&.${_chartAxisZoomSliderHandleClasses.chartAxisZoomSliderHandleClasses.root}`]: {
-    fill: theme.palette.mode === 'dark' ? (theme.vars || theme).palette.grey[300] : (theme.vars || theme).palette.common.white,
-    stroke: theme.palette.mode === 'dark' ? (theme.vars || theme).palette.grey[600] : (theme.vars || theme).palette.grey[500]
-  },
-  [`&.${_chartAxisZoomSliderHandleClasses.chartAxisZoomSliderHandleClasses.horizontal}`]: {
-    cursor: 'ew-resize'
-  },
-  [`&.${_chartAxisZoomSliderHandleClasses.chartAxisZoomSliderHandleClasses.vertical}`]: {
-    cursor: 'ns-resize'
-  }
-}));
-/**
- * Renders the zoom slider handle, which is responsible for resizing the zoom range.
- * @internal
- */
-const ChartAxisZoomSliderHandle = exports.ChartAxisZoomSliderHandle = /*#__PURE__*/React.forwardRef(function ChartPreviewHandle({
-  x,
-  y,
-  width,
-  height,
-  onResize,
-  orientation,
-  placement,
-  rx = 4,
-  ry = 4
-}, forwardedRef) {
-  const classes = (0, _chartAxisZoomSliderHandleClasses.useUtilityClasses)({
-    onResize,
-    orientation,
-    placement
-  });
-  const handleRef = React.useRef(null);
-  const ref = (0, _useForkRef.default)(handleRef, forwardedRef);
-  const onResizeEvent = (0, _useEventCallback.default)(onResize);
-  React.useEffect(() => {
-    const handle = handleRef.current;
-    if (!handle) {
-      return;
-    }
-    const onPointerMove = (0, _rafThrottle.rafThrottle)(event => {
-      onResizeEvent(event);
-    });
-    const onPointerUp = () => {
-      handle.removeEventListener('pointermove', onPointerMove);
-      handle.removeEventListener('pointerup', onPointerUp);
-    };
-    const onPointerDown = event => {
-      // Prevent text selection when dragging the handle
-      event.preventDefault();
-      event.stopPropagation();
-      handle.setPointerCapture(event.pointerId);
-      handle.addEventListener('pointerup', onPointerUp);
-      handle.addEventListener('pointermove', onPointerMove);
-    };
-    handle.addEventListener('pointerdown', onPointerDown);
-
-    // eslint-disable-next-line consistent-return
-    return () => {
-      handle.removeEventListener('pointerdown', onPointerDown);
-      onPointerMove.clear();
-    };
-  }, [onResizeEvent, orientation]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Rect, {
-    className: classes.root,
-    ref: ref,
-    x: x,
-    y: y,
-    width: width,
-    height: height,
-    rx: rx,
-    ry: ry
-  });
-});

package/ChartZoomSlider/internals/chartAxisZoomSliderHandleClasses.d.ts

@@ -1,17 +0,0 @@
-import type { ChartZoomSliderHandleOwnerState } from "./ChartAxisZoomSliderHandle.js";
-export interface ChartAxisZoomSliderHandleClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element when it is horizontal. */
-  horizontal: string;
-  /** Styles applied to the root element when it is vertical. */
-  vertical: string;
-  /** Styles applied to the root element when it is a start handle. */
-  start: string;
-  /** Styles applied to the root element when it is an end handle. */
-  end: string;
-}
-export type ChartAxisZoomSliderHandleClassKey = keyof ChartAxisZoomSliderHandleClasses;
-export declare const chartAxisZoomSliderHandleClasses: ChartAxisZoomSliderHandleClasses;
-export declare function getAxisZoomSliderHandleUtilityClass(slot: string): string;
-export declare const useUtilityClasses: (ownerState: ChartZoomSliderHandleOwnerState) => Record<"root", string>;

package/ChartsToolbarPro/internal/ChartsToolbarZoomInButton.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { ChartsSlotsPro } from "../../internals/material/index.js";
-type ChartsToolbarZoomInButtonSlots = Partial<Pick<ChartsSlotsPro, 'baseTooltip' | 'zoomInIcon'>>;
-type ChartsToolbarZoomInButtonSlotProps = { [K in keyof Required<ChartsToolbarZoomInButtonSlots>]: React.ComponentProps<Required<ChartsToolbarZoomInButtonSlots>[K]> };
-interface ChartsToolbarZoomInButtonProps {
-  slots?: ChartsToolbarZoomInButtonSlots;
-  slotProps?: ChartsToolbarZoomInButtonSlotProps;
-}
-export declare function ChartsToolbarZoomInButton({
-  slots,
-  slotProps
-}: ChartsToolbarZoomInButtonProps): React.JSX.Element;
-export {};