@mui/x-charts-pro 9.0.1 → 9.0.2

package/internals/plugins/useChartProZoom/useChartProZoom.js

@@ -70,12 +70,14 @@ const useChartProZoom = pluginData => {
     onZoomChange(newZoomData);
     if (store.state.zoom.isControlled) {
       store.set('zoom', (0, _extends2.default)({}, store.state.zoom, {
-        isInteracting: true
+        isInteracting: true,
+        activeRangeButtonKey: null
       }));
     } else {
       store.set('zoom', (0, _extends2.default)({}, store.state.zoom, {
         isInteracting: true,
-        zoomData: newZoomData
+        zoomData: newZoomData,
+        activeRangeButtonKey: null
       }));
       removeIsInteracting();
     }
@@ -139,6 +141,11 @@ const useChartProZoom = pluginData => {
   }, [setZoomDataCallback, store]);
   const zoomIn = React.useCallback(() => zoom(0.1), [zoom]);
   const zoomOut = React.useCallback(() => zoom(-0.1), [zoom]);
+  const setActiveRangeButtonKey = React.useCallback(key => {
+    store.set('zoom', (0, _extends2.default)({}, store.state.zoom, {
+      activeRangeButtonKey: key
+    }));
+  }, [store]);
   return {
     publicAPI: {
       setZoomData: setZoomDataCallback,
@@ -151,7 +158,8 @@ const useChartProZoom = pluginData => {
       setAxisZoomData,
       moveZoomRange,
       zoomIn,
-      zoomOut
+      zoomOut,
+      setActiveRangeButtonKey
     }
   };
 };
@@ -178,7 +186,8 @@ useChartProZoom.getInitialState = params => {
       zoomData: (0, _initializeZoomData.initializeZoomData)(optionsLookup, userZoomData),
       isInteracting: false,
       isControlled: zoomData !== undefined,
-      zoomInteractionConfig: (0, _initializeZoomInteractionConfig.initializeZoomInteractionConfig)(params.zoomInteractionConfig, optionsLookup)
+      zoomInteractionConfig: (0, _initializeZoomInteractionConfig.initializeZoomInteractionConfig)(params.zoomInteractionConfig, optionsLookup),
+      activeRangeButtonKey: null
     }
   };
 };

package/internals/plugins/useChartProZoom/useChartProZoom.mjs

@@ -63,12 +63,14 @@ export const useChartProZoom = pluginData => {
     onZoomChange(newZoomData);
     if (store.state.zoom.isControlled) {
       store.set('zoom', _extends({}, store.state.zoom, {
-        isInteracting: true
+        isInteracting: true,
+        activeRangeButtonKey: null
       }));
     } else {
       store.set('zoom', _extends({}, store.state.zoom, {
         isInteracting: true,
-        zoomData: newZoomData
+        zoomData: newZoomData,
+        activeRangeButtonKey: null
       }));
       removeIsInteracting();
     }
@@ -132,6 +134,11 @@ export const useChartProZoom = pluginData => {
   }, [setZoomDataCallback, store]);
   const zoomIn = React.useCallback(() => zoom(0.1), [zoom]);
   const zoomOut = React.useCallback(() => zoom(-0.1), [zoom]);
+  const setActiveRangeButtonKey = React.useCallback(key => {
+    store.set('zoom', _extends({}, store.state.zoom, {
+      activeRangeButtonKey: key
+    }));
+  }, [store]);
   return {
     publicAPI: {
       setZoomData: setZoomDataCallback,
@@ -144,7 +151,8 @@ export const useChartProZoom = pluginData => {
       setAxisZoomData,
       moveZoomRange,
       zoomIn,
-      zoomOut
+      zoomOut,
+      setActiveRangeButtonKey
     }
   };
 };
@@ -170,7 +178,8 @@ useChartProZoom.getInitialState = params => {
       zoomData: initializeZoomData(optionsLookup, userZoomData),
       isInteracting: false,
       isControlled: zoomData !== undefined,
-      zoomInteractionConfig: initializeZoomInteractionConfig(params.zoomInteractionConfig, optionsLookup)
+      zoomInteractionConfig: initializeZoomInteractionConfig(params.zoomInteractionConfig, optionsLookup),
+      activeRangeButtonKey: null
     }
   };
 };

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

@@ -13,6 +13,9 @@ export declare const selectorChartAxisZoomData: (args_0: import("@mui/x-charts/i
 export declare const selectorChartCanZoomOut: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & 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("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.mjs").UseChartProZoomState & Partial<{}> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
 }) => boolean;
+export declare const selectorChartActiveRangeButtonKey: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & 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("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.mjs").UseChartProZoomState & Partial<{}> & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+}) => string | null;
 export declare const selectorChartCanZoomIn: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & 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("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.mjs").UseChartProZoomState & Partial<{}> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
 }) => boolean;

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

@@ -13,6 +13,9 @@ export declare const selectorChartAxisZoomData: (args_0: import("@mui/x-charts/i
 export declare const selectorChartCanZoomOut: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & 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("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.js").UseChartProZoomState & Partial<{}> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
 }) => boolean;
+export declare const selectorChartActiveRangeButtonKey: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & 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("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.js").UseChartProZoomState & Partial<{}> & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+}) => string | null;
 export declare const selectorChartCanZoomIn: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & 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("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.js").UseChartProZoomState & Partial<{}> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
 }) => boolean;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorChartZoomState = exports.selectorChartZoomIsInteracting = exports.selectorChartZoomIsEnabled = exports.selectorChartCanZoomOut = exports.selectorChartCanZoomIn = exports.selectorChartAxisZoomData = void 0;
+exports.selectorChartZoomState = exports.selectorChartZoomIsInteracting = exports.selectorChartZoomIsEnabled = exports.selectorChartCanZoomOut = exports.selectorChartCanZoomIn = exports.selectorChartAxisZoomData = exports.selectorChartActiveRangeButtonKey = void 0;
 var _store = require("@mui/x-internals/store");
 var _internals = require("@mui/x-charts/internals");
 const selectorChartZoomState = state => state.zoom;
@@ -12,14 +12,15 @@ const selectorChartZoomIsInteracting = exports.selectorChartZoomIsInteracting =
 const selectorChartZoomIsEnabled = exports.selectorChartZoomIsEnabled = (0, _store.createSelector)(_internals.selectorChartZoomOptionsLookup, optionsLookup => Object.keys(optionsLookup).length > 0);
 const selectorChartAxisZoomData = exports.selectorChartAxisZoomData = (0, _store.createSelector)(_internals.selectorChartZoomMap, (zoomMap, axisId) => zoomMap?.get(axisId));
 const selectorChartCanZoomOut = exports.selectorChartCanZoomOut = (0, _store.createSelector)(selectorChartZoomState, _internals.selectorChartZoomOptionsLookup, (zoomState, zoomOptions) => {
-  return zoomState.zoomData.every(zoomData => {
+  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 selectorChartActiveRangeButtonKey = exports.selectorChartActiveRangeButtonKey = (0, _store.createSelector)(selectorChartZoomState, zoom => zoom.activeRangeButtonKey);
 const selectorChartCanZoomIn = exports.selectorChartCanZoomIn = (0, _store.createSelector)(selectorChartZoomState, _internals.selectorChartZoomOptionsLookup, (zoomState, zoomOptions) => {
-  return zoomState.zoomData.every(zoomData => {
+  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.selectors.mjs

@@ -5,14 +5,15 @@ export const selectorChartZoomIsInteracting = createSelector(selectorChartZoomSt
 export const selectorChartZoomIsEnabled = createSelector(selectorChartZoomOptionsLookup, optionsLookup => Object.keys(optionsLookup).length > 0);
 export const selectorChartAxisZoomData = createSelector(selectorChartZoomMap, (zoomMap, axisId) => zoomMap?.get(axisId));
 export const selectorChartCanZoomOut = createSelector(selectorChartZoomState, selectorChartZoomOptionsLookup, (zoomState, zoomOptions) => {
-  return zoomState.zoomData.every(zoomData => {
+  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;
   });
 });
+export const selectorChartActiveRangeButtonKey = createSelector(selectorChartZoomState, zoom => zoom.activeRangeButtonKey);
 export const selectorChartCanZoomIn = createSelector(selectorChartZoomState, selectorChartZoomOptionsLookup, (zoomState, zoomOptions) => {
-  return zoomState.zoomData.every(zoomData => {
+  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.mts

@@ -41,6 +41,11 @@ export interface UseChartProZoomState {
      * Configuration for zoom interactions.
      */
     zoomInteractionConfig: DefaultizedZoomInteractionConfig;
+    /**
+     * The key of the currently active range button, or `null` if no range button is active.
+     * Cleared when the user manually zooms or pans the chart.
+     */
+    activeRangeButtonKey: string | null;
   };
 }
 export interface UseChartProZoomPublicApi {
@@ -73,6 +78,11 @@ export interface UseChartProZoomInstance extends UseChartProZoomPublicApi {
    * Zoom out the chart.
    */
   zoomOut: () => void;
+  /**
+   * Set the active range button key. Pass `null` to clear.
+   * @param {string | null} key The key of the active range button.
+   */
+  setActiveRangeButtonKey: (key: string | null) => void;
 }
 export type UseChartProZoomSignature = ChartPluginSignature<{
   params: UseChartProZoomParameters;

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

@@ -41,6 +41,11 @@ export interface UseChartProZoomState {
      * Configuration for zoom interactions.
      */
     zoomInteractionConfig: DefaultizedZoomInteractionConfig;
+    /**
+     * The key of the currently active range button, or `null` if no range button is active.
+     * Cleared when the user manually zooms or pans the chart.
+     */
+    activeRangeButtonKey: string | null;
   };
 }
 export interface UseChartProZoomPublicApi {
@@ -73,6 +78,11 @@ export interface UseChartProZoomInstance extends UseChartProZoomPublicApi {
    * Zoom out the chart.
    */
   zoomOut: () => void;
+  /**
+   * Set the active range button key. Pass `null` to clear.
+   * @param {string | null} key The key of the active range button.
+   */
+  setActiveRangeButtonKey: (key: string | null) => void;
 }
 export type UseChartProZoomSignature = ChartPluginSignature<{
   params: UseChartProZoomParameters;

package/models/seriesType/heatmap.d.mts

@@ -1,5 +1,5 @@
 import { type DefaultizedProps } from '@mui/x-internals/types';
-import { type CommonDefaultizedProps, type CommonSeriesType, type CartesianSeriesType } from '@mui/x-charts/internals';
+import { type CommonDefaultizedProps, type CommonSeriesType, type CartesianSeriesType, type DatasetElementType } from '@mui/x-charts/internals';
 export type HeatmapValueType = readonly [number, number, number];
 export interface HeatmapSeriesType extends Omit<CommonSeriesType<HeatmapValueType, 'heatmap'>, 'color' | 'colorGetter' | 'valueFormatter'>, CartesianSeriesType {
   type: 'heatmap';
@@ -12,6 +12,14 @@ export interface HeatmapSeriesType extends Omit<CommonSeriesType<HeatmapValueTyp
    * The key used to retrieve data from the dataset.
    */
   dataKey?: string;
+  /**
+   * A function to extract and transform the value from the `dataset` item.
+   * It receives the full dataset item and should return a heatmap value.
+   * Can be used as an alternative to `dataKey`.
+   * @param {DatasetElementType<unknown>} item The full dataset item.
+   * @returns {HeatmapValueType} The transformed value.
+   */
+  valueGetter?: (item: DatasetElementType<unknown>) => HeatmapValueType;
   /**
    * The label to display on the tooltip or the legend. It can be a string or a function.
    */

package/models/seriesType/heatmap.d.ts

@@ -1,5 +1,5 @@
 import { type DefaultizedProps } from '@mui/x-internals/types';
-import { type CommonDefaultizedProps, type CommonSeriesType, type CartesianSeriesType } from '@mui/x-charts/internals';
+import { type CommonDefaultizedProps, type CommonSeriesType, type CartesianSeriesType, type DatasetElementType } from '@mui/x-charts/internals';
 export type HeatmapValueType = readonly [number, number, number];
 export interface HeatmapSeriesType extends Omit<CommonSeriesType<HeatmapValueType, 'heatmap'>, 'color' | 'colorGetter' | 'valueFormatter'>, CartesianSeriesType {
   type: 'heatmap';
@@ -12,6 +12,14 @@ export interface HeatmapSeriesType extends Omit<CommonSeriesType<HeatmapValueTyp
    * The key used to retrieve data from the dataset.
    */
   dataKey?: string;
+  /**
+   * A function to extract and transform the value from the `dataset` item.
+   * It receives the full dataset item and should return a heatmap value.
+   * Can be used as an alternative to `dataKey`.
+   * @param {DatasetElementType<unknown>} item The full dataset item.
+   * @returns {HeatmapValueType} The transformed value.
+   */
+  valueGetter?: (item: DatasetElementType<unknown>) => HeatmapValueType;
   /**
    * The label to display on the tooltip or the legend. It can be a string or a function.
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-pro",
-  "version": "9.0.1",
+  "version": "9.0.2",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Charts components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -31,11 +31,11 @@
     "@mui/utils": "9.0.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-charts": "^9.0.1",
-    "@mui/x-internal-gestures": "^9.0.0",
-    "@mui/x-license": "^9.0.0",
+    "@mui/x-charts": "^9.0.2",
+    "@mui/x-charts-vendor": "^9.0.0",
+    "@mui/x-internal-gestures": "^9.0.2",
     "@mui/x-internals": "^9.0.0",
-    "@mui/x-charts-vendor": "^9.0.0"
+    "@mui/x-license": "^9.0.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -314,6 +314,34 @@
         "default": "./ChartsOverlay/index.mjs"
       }
     },
+    "./ChartsRadialDataProvider": {
+      "import": {
+        "types": "./ChartsRadialDataProvider/index.d.mts",
+        "default": "./ChartsRadialDataProvider/index.mjs"
+      },
+      "require": {
+        "types": "./ChartsRadialDataProvider/index.d.ts",
+        "default": "./ChartsRadialDataProvider/index.js"
+      },
+      "default": {
+        "types": "./ChartsRadialDataProvider/index.d.mts",
+        "default": "./ChartsRadialDataProvider/index.mjs"
+      }
+    },
+    "./ChartsRadialGrid": {
+      "import": {
+        "types": "./ChartsRadialGrid/index.d.mts",
+        "default": "./ChartsRadialGrid/index.mjs"
+      },
+      "require": {
+        "types": "./ChartsRadialGrid/index.d.ts",
+        "default": "./ChartsRadialGrid/index.js"
+      },
+      "default": {
+        "types": "./ChartsRadialGrid/index.d.mts",
+        "default": "./ChartsRadialGrid/index.mjs"
+      }
+    },
     "./ChartsReferenceLine": {
       "import": {
         "types": "./ChartsReferenceLine/index.d.mts",