@mui/x-charts 9.6.0 → 9.8.0

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

@@ -1,8 +1,8 @@
-import { type ChartPluginSignature } from "../../models/index.js";
-import { type ChartSeriesType, type DatasetType } from "../../../../models/seriesType/config.js";
-import { type ScaleName, type PolarAxisConfig, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type RadiusAxis, type RotationAxis, type ChartsAxisData } from "../../../../models/axis.js";
-import { type UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
-import { type UseChartInteractionSignature } from "../useChartInteraction/index.js";
+import type { ChartPluginSignature } from "../../models/index.js";
+import type { ChartSeriesType, DatasetType } from "../../../../models/seriesType/config.js";
+import type { ScaleName, PolarAxisConfig, ChartsRotationAxisProps, ChartsRadiusAxisProps, RadiusAxis, RotationAxis, ChartsAxisData } from "../../../../models/axis.js";
+import type { UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
+import type { UseChartInteractionSignature } from "../useChartInteraction/index.js";
 export interface UseChartPolarAxisInstance {
   /**
    * Transform (rotation, radius) to the SVG (x, y).

package/internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.d.mts

@@ -12,7 +12,7 @@ export declare const selectorChartsTooltipItemIsDefined: (args_0: import("../../
 }) => boolean;
 export declare const selectorChartsTooltipItemPosition: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.mjs").UseChartInteractionState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}, placement: "bottom" | "left" | "right" | "top") => {
+}, placement: "bottom" | "left" | "right" | "top" | undefined) => {
   x: number;
   y: number;
 } | null;

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

@@ -12,7 +12,7 @@ export declare const selectorChartsTooltipItemIsDefined: (args_0: import("../../
 }) => boolean;
 export declare const selectorChartsTooltipItemPosition: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}, placement: "bottom" | "left" | "right" | "top") => {
+}, placement: "bottom" | "left" | "right" | "top" | undefined) => {
   x: number;
   y: number;
 } | null;

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

@@ -13,19 +13,18 @@ var _useChartInteraction = require("../useChartInteraction/useChartInteraction.s
 var _useChartDimensions = require("../../corePlugins/useChartDimensions/useChartDimensions.selectors");
 var _isCartesian = require("../../../isCartesian");
 var _useChartPolarAxis = require("../useChartPolarAxis/useChartPolarAxis.selectors");
-var _useGeoProjection = require("../useGeoProjection/useGeoProjection.selectors");
 const selectTooltip = state => state.tooltip;
 const selectorChartsTooltipPointerItem = exports.selectorChartsTooltipPointerItem = (0, _store.createSelector)(selectTooltip, tooltip => tooltip?.item ?? null);
 const selectorChartsTooltipPointerItemIsDefined = exports.selectorChartsTooltipPointerItemIsDefined = (0, _store.createSelector)(selectorChartsTooltipPointerItem, item => item !== null);
 const selectorChartsTooltipItem = exports.selectorChartsTooltipItem = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, selectorChartsTooltipPointerItem, _useChartKeyboardNavigation.selectorChartsKeyboardItem, (lastInteraction, pointerItem, keyboardItem) => lastInteraction === 'keyboard' ? keyboardItem : pointerItem ?? null);
 const selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItemIsDefined = (0, _store.createSelector)(_useChartInteraction.selectorChartsLastInteraction, selectorChartsTooltipPointerItemIsDefined, _useChartKeyboardNavigation.selectorChartsHasFocusedItem, (lastInteraction, pointerItemIsDefined, keyboardItemIsDefined) => lastInteraction === 'keyboard' ? keyboardItemIsDefined : pointerItemIsDefined);
-const selectorChartsTooltipAxisConfig = (0, _store.createSelectorMemoized)(selectorChartsTooltipItem, _useChartCartesianAxisRendering.selectorChartXAxis, _useChartCartesianAxisRendering.selectorChartYAxis, _useChartPolarAxis.selectorChartRotationAxis, _useChartPolarAxis.selectorChartRadiusAxis, _useChartSeries.selectorChartSeriesProcessed, _useGeoProjection.selectorGeoTooltipPosition, function selectorChartsTooltipAxisConfig(identifier, {
+const selectorChartsTooltipAxisConfig = (0, _store.createSelectorMemoized)(selectorChartsTooltipItem, _useChartCartesianAxisRendering.selectorChartXAxis, _useChartCartesianAxisRendering.selectorChartYAxis, _useChartPolarAxis.selectorChartRotationAxis, _useChartPolarAxis.selectorChartRadiusAxis, _useChartSeries.selectorChartSeriesProcessed, function selectorChartsTooltipAxisConfig(identifier, {
   axis: xAxis,
   axisIds: xAxisIds
 }, {
   axis: yAxis,
   axisIds: yAxisIds
-}, rotationAxes, radiusAxes, series, geo) {
+}, rotationAxes, radiusAxes, series) {
   if (!identifier) {
     return {};
   }
@@ -45,9 +44,6 @@ const selectorChartsTooltipAxisConfig = (0, _store.createSelectorMemoized)(selec
   if (yAxisId !== undefined) {
     axesConfig.y = yAxis[yAxisId];
   }
-  if (geo) {
-    axesConfig.geo = geo;
-  }
   return axesConfig;
 });
 const selectorChartsTooltipItemPosition = exports.selectorChartsTooltipItemPosition = (0, _store.createSelectorMemoized)(selectorChartsTooltipItem, _useChartDimensions.selectorChartDrawingArea, _useChartSeriesConfig.selectorChartSeriesConfig, _useChartSeries.selectorChartSeriesProcessed, _useChartSeries.selectorChartSeriesLayout, selectorChartsTooltipAxisConfig, function selectorChartsTooltipItemPosition(identifier, drawingArea, seriesConfig, series, seriesLayout, axesConfig, placement) {
@@ -64,6 +60,6 @@ const selectorChartsTooltipItemPosition = exports.selectorChartsTooltipItemPosit
     drawingArea,
     axesConfig,
     identifier,
-    placement
+    placement: placement ?? 'top'
   }) ?? null;
 });

package/internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.mjs

@@ -7,19 +7,18 @@ import { selectorChartsLastInteraction } from "../useChartInteraction/useChartIn
 import { selectorChartDrawingArea } from "../../corePlugins/useChartDimensions/useChartDimensions.selectors.mjs";
 import { isCartesianSeries } from "../../../isCartesian.mjs";
 import { selectorChartRadiusAxis, selectorChartRotationAxis } from "../useChartPolarAxis/useChartPolarAxis.selectors.mjs";
-import { selectorGeoTooltipPosition } from "../useGeoProjection/useGeoProjection.selectors.mjs";
 const selectTooltip = state => state.tooltip;
 export const selectorChartsTooltipPointerItem = createSelector(selectTooltip, tooltip => tooltip?.item ?? null);
 export const selectorChartsTooltipPointerItemIsDefined = createSelector(selectorChartsTooltipPointerItem, item => item !== null);
 export const selectorChartsTooltipItem = createSelector(selectorChartsLastInteraction, selectorChartsTooltipPointerItem, selectorChartsKeyboardItem, (lastInteraction, pointerItem, keyboardItem) => lastInteraction === 'keyboard' ? keyboardItem : pointerItem ?? null);
 export const selectorChartsTooltipItemIsDefined = createSelector(selectorChartsLastInteraction, selectorChartsTooltipPointerItemIsDefined, selectorChartsHasFocusedItem, (lastInteraction, pointerItemIsDefined, keyboardItemIsDefined) => lastInteraction === 'keyboard' ? keyboardItemIsDefined : pointerItemIsDefined);
-const selectorChartsTooltipAxisConfig = createSelectorMemoized(selectorChartsTooltipItem, selectorChartXAxis, selectorChartYAxis, selectorChartRotationAxis, selectorChartRadiusAxis, selectorChartSeriesProcessed, selectorGeoTooltipPosition, function selectorChartsTooltipAxisConfig(identifier, {
+const selectorChartsTooltipAxisConfig = createSelectorMemoized(selectorChartsTooltipItem, selectorChartXAxis, selectorChartYAxis, selectorChartRotationAxis, selectorChartRadiusAxis, selectorChartSeriesProcessed, function selectorChartsTooltipAxisConfig(identifier, {
   axis: xAxis,
   axisIds: xAxisIds
 }, {
   axis: yAxis,
   axisIds: yAxisIds
-}, rotationAxes, radiusAxes, series, geo) {
+}, rotationAxes, radiusAxes, series) {
   if (!identifier) {
     return {};
   }
@@ -39,9 +38,6 @@ const selectorChartsTooltipAxisConfig = createSelectorMemoized(selectorChartsToo
   if (yAxisId !== undefined) {
     axesConfig.y = yAxis[yAxisId];
   }
-  if (geo) {
-    axesConfig.geo = geo;
-  }
   return axesConfig;
 });
 export const selectorChartsTooltipItemPosition = createSelectorMemoized(selectorChartsTooltipItem, selectorChartDrawingArea, selectorChartSeriesConfig, selectorChartSeriesProcessed, selectorChartSeriesLayout, selectorChartsTooltipAxisConfig, function selectorChartsTooltipItemPosition(identifier, drawingArea, seriesConfig, series, seriesLayout, axesConfig, placement) {
@@ -58,6 +54,6 @@ export const selectorChartsTooltipItemPosition = createSelectorMemoized(selector
     drawingArea,
     axesConfig,
     identifier,
-    placement
+    placement: placement ?? 'top'
   }) ?? null;
 });

package/internals/plugins/featurePlugins/useChartVisibilityManager/useChartVisibilityManager.d.mts

@@ -1,3 +1,3 @@
-import { type ChartPlugin } from "../../models/index.mjs";
-import { type UseChartVisibilityManagerSignature } from "./useChartVisibilityManager.types.mjs";
+import type { ChartPlugin } from "../../models/index.mjs";
+import type { UseChartVisibilityManagerSignature } from "./useChartVisibilityManager.types.mjs";
 export declare const useChartVisibilityManager: ChartPlugin<UseChartVisibilityManagerSignature<any>>;

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

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

package/internals/plugins/featurePlugins/useChartVisibilityManager/useChartVisibilityManager.types.d.mts

@@ -1,7 +1,7 @@
-import { type ChartPluginSignature } from "../../models/index.mjs";
-import { type UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.mjs";
-import { type SeriesId, type SeriesItemIdentifierWithType } from "../../../../models/index.mjs";
-import { type ChartSeriesType } from "../../../../models/seriesType/config.mjs";
+import type { ChartPluginSignature } from "../../models/index.mjs";
+import type { UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.mjs";
+import type { SeriesId, SeriesItemIdentifierWithType } from "../../../../models/index.mjs";
+import type { ChartSeriesType } from "../../../../models/seriesType/config.mjs";
 export type VisibilityIdentifier<SeriesType extends ChartSeriesType = ChartSeriesType> = Partial<SeriesItemIdentifierWithType<SeriesType>> & (SeriesItemIdentifierWithType<SeriesType> extends {
   subType?: infer U;
 } ? {

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

@@ -1,7 +1,7 @@
-import { type ChartPluginSignature } from "../../models/index.js";
-import { type UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
-import { type SeriesId, type SeriesItemIdentifierWithType } from "../../../../models/index.js";
-import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
+import type { ChartPluginSignature } from "../../models/index.js";
+import type { UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
+import type { SeriesId, SeriesItemIdentifierWithType } from "../../../../models/index.js";
+import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
 export type VisibilityIdentifier<SeriesType extends ChartSeriesType = ChartSeriesType> = Partial<SeriesItemIdentifierWithType<SeriesType>> & (SeriesItemIdentifierWithType<SeriesType> extends {
   subType?: infer U;
 } ? {

package/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.d.mts

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

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

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

package/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.types.d.mts

@@ -1,8 +1,8 @@
-import { type MakeOptional } from '@mui/x-internals/types';
-import { type ChartPluginSignature } from "../../models/index.mjs";
-import { type DatasetType } from "../../../../models/seriesType/config.mjs";
-import { type AxisId } from "../../../../models/axis.mjs";
-import { type ZAxisConfig, type ZAxisDefaultized } from "../../../../models/z-axis.mjs";
+import type { MakeOptional } from '@mui/x-internals/types';
+import type { ChartPluginSignature } from "../../models/index.mjs";
+import type { DatasetType } from "../../../../models/seriesType/config.mjs";
+import type { AxisId } from "../../../../models/axis.mjs";
+import type { ZAxisConfig, ZAxisDefaultized } from "../../../../models/z-axis.mjs";
 type DefaultizedZAxisConfig = {
   [axisId: string]: ZAxisDefaultized;
 };

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

@@ -1,8 +1,8 @@
-import { type MakeOptional } from '@mui/x-internals/types';
-import { type ChartPluginSignature } from "../../models/index.js";
-import { type DatasetType } from "../../../../models/seriesType/config.js";
-import { type AxisId } from "../../../../models/axis.js";
-import { type ZAxisConfig, type ZAxisDefaultized } from "../../../../models/z-axis.js";
+import type { MakeOptional } from '@mui/x-internals/types';
+import type { ChartPluginSignature } from "../../models/index.js";
+import type { DatasetType } from "../../../../models/seriesType/config.js";
+import type { AxisId } from "../../../../models/axis.js";
+import type { ZAxisConfig, ZAxisDefaultized } from "../../../../models/z-axis.js";
 type DefaultizedZAxisConfig = {
   [axisId: string]: ZAxisDefaultized;
 };

package/internals/plugins/featurePlugins/useGeoProjection/useGeoProjection.selectors.d.mts

@@ -1,7 +1,6 @@
-import { type ExtendedFeatureCollection, type GeoProjection, type GeoPath } from '@mui/x-charts-vendor/d3-geo';
-import type { D3NamedProjection, GeoProjectionInput, UseGeoProjectionSignature, UseGeoProjectionState } from "./useGeoProjection.types.mjs";
-import { type ChartState } from "../../models/chart.mjs";
-import { type GeoTooltipPosition } from "../../corePlugins/useChartSeriesConfig/index.mjs";
+import type { ExtendedFeatureCollection, GeoProjection, GeoPath } from '@mui/x-charts-vendor/d3-geo';
+import type { D3NamedProjection, GeoProjectionInput, GeoTooltipPosition, UseGeoProjectionSignature, UseGeoProjectionState } from "./useGeoProjection.types.mjs";
+import type { ChartState } from "../../models/chart.mjs";
 export declare const selectorChartGeoProjectionState: (state: ChartState<[], [UseGeoProjectionSignature]>) => UseGeoProjectionState["geoProjection"] | undefined;
 export declare const selectorChartGeoData: (state: ChartState<[], [UseGeoProjectionSignature]>) => ExtendedFeatureCollection | null;
 export declare const selectorChartGeoFeatureKey: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<UseGeoProjectionState> & {

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

@@ -1,7 +1,6 @@
-import { type ExtendedFeatureCollection, type GeoProjection, type GeoPath } from '@mui/x-charts-vendor/d3-geo';
-import type { D3NamedProjection, GeoProjectionInput, UseGeoProjectionSignature, UseGeoProjectionState } from "./useGeoProjection.types.js";
-import { type ChartState } from "../../models/chart.js";
-import { type GeoTooltipPosition } from "../../corePlugins/useChartSeriesConfig/index.js";
+import type { ExtendedFeatureCollection, GeoProjection, GeoPath } from '@mui/x-charts-vendor/d3-geo';
+import type { D3NamedProjection, GeoProjectionInput, GeoTooltipPosition, UseGeoProjectionSignature, UseGeoProjectionState } from "./useGeoProjection.types.js";
+import type { ChartState } from "../../models/chart.js";
 export declare const selectorChartGeoProjectionState: (state: ChartState<[], [UseGeoProjectionSignature]>) => UseGeoProjectionState["geoProjection"] | undefined;
 export declare const selectorChartGeoData: (state: ChartState<[], [UseGeoProjectionSignature]>) => ExtendedFeatureCollection | null;
 export declare const selectorChartGeoFeatureKey: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<UseGeoProjectionState> & {

package/internals/plugins/featurePlugins/useGeoProjection/useGeoProjection.types.d.mts

@@ -1,5 +1,14 @@
-import { type GeoProjection, type ExtendedFeatureCollection } from '@mui/x-charts-vendor/d3-geo';
-import { type ChartPluginSignature } from "../../models/plugin.mjs";
+import type { GeoProjection, ExtendedFeatureCollection } from '@mui/x-charts-vendor/d3-geo';
+import type { ChartPluginSignature } from "../../models/plugin.mjs";
+/**
+ * Geo data used to position a map series tooltip: the resolved projection, the
+ * feature collection, and a feature-name-to-index lookup.
+ */
+export type GeoTooltipPosition = {
+  geoData: ExtendedFeatureCollection | null;
+  projection: GeoProjection | null;
+  featureIndexesByName: ReadonlyMap<string, number[]>;
+};
 export type D3NamedProjection = 'azimuthalEqualArea' | 'azimuthalEquidistant' | 'gnomonic' | 'orthographic' | 'stereographic' | 'conicConformal' | 'conicEqualArea' | 'conicEquidistant' | 'albers' | 'albersUsa' | 'equirectangular' | 'mercator' | 'transverseMercator' | 'equalEarth' | 'naturalEarth1';
 /**
  * A d3-geo projection accepted by `useGeoProjection`.

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

@@ -1,5 +1,14 @@
-import { type GeoProjection, type ExtendedFeatureCollection } from '@mui/x-charts-vendor/d3-geo';
-import { type ChartPluginSignature } from "../../models/plugin.js";
+import type { GeoProjection, ExtendedFeatureCollection } from '@mui/x-charts-vendor/d3-geo';
+import type { ChartPluginSignature } from "../../models/plugin.js";
+/**
+ * Geo data used to position a map series tooltip: the resolved projection, the
+ * feature collection, and a feature-name-to-index lookup.
+ */
+export type GeoTooltipPosition = {
+  geoData: ExtendedFeatureCollection | null;
+  projection: GeoProjection | null;
+  featureIndexesByName: ReadonlyMap<string, number[]>;
+};
 export type D3NamedProjection = 'azimuthalEqualArea' | 'azimuthalEquidistant' | 'gnomonic' | 'orthographic' | 'stereographic' | 'conicConformal' | 'conicEqualArea' | 'conicEquidistant' | 'albers' | 'albersUsa' | 'equirectangular' | 'mercator' | 'transverseMercator' | 'equalEarth' | 'naturalEarth1';
 /**
  * A d3-geo projection accepted by `useGeoProjection`.

package/internals/plugins/featurePlugins/useProgressiveRendering/useProgressiveRendering.d.mts

@@ -1,13 +1,9 @@
-import { type ChartPlugin } from "../../models/index.mjs";
-import { type UseProgressiveRenderingSignature } from "./useProgressiveRendering.types.mjs";
+import type { ChartPlugin } from "../../models/index.mjs";
+import type { UseProgressiveRenderingSignature } from "./useProgressiveRendering.types.mjs";
 /**
- * Chart-wide progressive rendering coordinator.
- *
- * Lives on the chart store, so every renderer composed into the same chart
- * (e.g. several `ScatterPlot` instances under one `ChartsContainer`) shares
- * the same scheduler. Each renderer registers a plan via
- * `setProgressivePlan(plotId, plan)`; the plugin aggregates them, computes a
- * single per-tick budget, and ramps a global "rounds" counter — one round
- * adds one batch in every registered series at once.
+ * Chart-wide progressive rendering coordinator. Lives on the store so every
+ * renderer in the chart shares one scheduler: each registers a plan via
+ * `registerProgressivePlan`, and the plugin ramps a global "rounds" counter,
+ * one round adding a batch to every series at once.
  */
 export declare const useProgressiveRendering: ChartPlugin<UseProgressiveRenderingSignature>;

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

@@ -1,13 +1,9 @@
-import { type ChartPlugin } from "../../models/index.js";
-import { type UseProgressiveRenderingSignature } from "./useProgressiveRendering.types.js";
+import type { ChartPlugin } from "../../models/index.js";
+import type { UseProgressiveRenderingSignature } from "./useProgressiveRendering.types.js";
 /**
- * Chart-wide progressive rendering coordinator.
- *
- * Lives on the chart store, so every renderer composed into the same chart
- * (e.g. several `ScatterPlot` instances under one `ChartsContainer`) shares
- * the same scheduler. Each renderer registers a plan via
- * `setProgressivePlan(plotId, plan)`; the plugin aggregates them, computes a
- * single per-tick budget, and ramps a global "rounds" counter — one round
- * adds one batch in every registered series at once.
+ * Chart-wide progressive rendering coordinator. Lives on the store so every
+ * renderer in the chart shares one scheduler: each registers a plan via
+ * `registerProgressivePlan`, and the plugin ramps a global "rounds" counter,
+ * one round adding a batch to every series at once.
  */
 export declare const useProgressiveRendering: ChartPlugin<UseProgressiveRenderingSignature>;

package/internals/plugins/featurePlugins/useProgressiveRendering/useProgressiveRendering.js

@@ -11,34 +11,26 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useProgressiveRendering = require("./useProgressiveRendering.selectors");
+var _useChartCartesianAxis = require("../useChartCartesianAxis");
 const EMPTY_PLANS = new Map();
 
-/**
- * How many *rounds* are revealed per reveal tick once the render data is ready.
- * A round reveals one batch in every series simultaneously, so the chart looks
- * complete from the first paint rather than appearing series-by-series. Lower
- * spreads the paint over more ticks (smoother, more visibly progressive);
- * higher finishes sooner.
- */
+/** Rounds revealed per tick. One round adds a batch to every series at once. */
 const REVEAL_ROUNDS_PER_FRAME = 1;
 
-/**
- * How many animation frames are skipped between two reveal ticks. `0` reveals
- * on every frame; `1` reveals every other frame, leaving the browser an idle
- * frame for layout, paint and input handling between commits. Higher values
- * give the browser more CPU headroom at the cost of a slower paint.
- */
+/** Frames skipped between reveal ticks. `0` = every frame; higher = more headroom. */
 const REVEAL_FRAMES_SKIPPED = 0;
 
+/** Rounds kept visible during a zoom/pan interaction (first level only). */
+const INTERACTION_REVEALED_ROUNDS = 1;
+
+/** Settle delay before the reveal resumes after an interaction ends (ms). */
+const RESUME_AFTER_INTERACTION_DELAY = 200;
+
 /**
- * Chart-wide progressive rendering coordinator.
- *
- * Lives on the chart store, so every renderer composed into the same chart
- * (e.g. several `ScatterPlot` instances under one `ChartsContainer`) shares
- * the same scheduler. Each renderer registers a plan via
- * `setProgressivePlan(plotId, plan)`; the plugin aggregates them, computes a
- * single per-tick budget, and ramps a global "rounds" counter — one round
- * adds one batch in every registered series at once.
+ * Chart-wide progressive rendering coordinator. Lives on the store so every
+ * renderer in the chart shares one scheduler: each registers a plan via
+ * `registerProgressivePlan`, and the plugin ramps a global "rounds" counter,
+ * one round adding a batch to every series at once.
  */
 const useProgressiveRendering = ({
   store
@@ -69,11 +61,24 @@ const useProgressiveRendering = ({
     };
   });
   const plans = store.use(_useProgressiveRendering.selectorProgressivePlans) ?? EMPTY_PLANS;
+  const isZoomInteracting = store.use(_useChartCartesianAxis.selectorChartZoomIsInteracting);
   React.useEffect(() => {
     const startTotal = (0, _useProgressiveRendering.selectorProgressiveTotalRounds)(store.state);
     if (startTotal === 0) {
       return undefined;
     }
+
+    // While interacting, keep only the first level and pause; resets the wave
+    // so it restarts from the first level once the interaction ends.
+    if (isZoomInteracting) {
+      const target = Math.min(INTERACTION_REVEALED_ROUNDS, startTotal);
+      if ((0, _useProgressiveRendering.selectorProgressiveRevealedRounds)(store.state) !== target) {
+        store.set('progressiveRendering', (0, _extends2.default)({}, store.state.progressiveRendering, {
+          revealedRounds: target
+        }));
+      }
+      return undefined;
+    }
     if (typeof requestAnimationFrame !== 'function') {
       store.set('progressiveRendering', (0, _extends2.default)({}, store.state.progressiveRendering, {
         revealedRounds: startTotal
@@ -81,11 +86,12 @@ const useProgressiveRendering = ({
       return undefined;
     }
     let frame = 0;
+    let resumeTimeout;
     let cancelled = false;
-    // Tracked in a closure variable, not derived inside a state updater (those
-    // must be pure and StrictMode double-invokes them, which would schedule
-    // the animation-frame chain twice).
-    let revealed = 0;
+    // Resume from the rounds already revealed (keeps the first level on screen).
+    // Closure var, not a state-updater derivation: StrictMode double-invokes
+    // those, scheduling the frame chain twice.
+    let revealed = (0, _useProgressiveRendering.selectorProgressiveRevealedRounds)(store.state);
     function scheduleNext() {
       let remaining = REVEAL_FRAMES_SKIPPED;
       const tick = () => {
@@ -114,12 +120,27 @@ const useProgressiveRendering = ({
         scheduleNext();
       }
     }
-    frame = requestAnimationFrame(step);
+    if (revealed >= startTotal) {
+      return undefined;
+    }
+
+    // `revealed > 0` means resuming after an interaction: wait the settle delay.
+    // Initial paint (`revealed === 0`) starts immediately.
+    if (revealed > 0) {
+      resumeTimeout = setTimeout(() => {
+        frame = requestAnimationFrame(step);
+      }, RESUME_AFTER_INTERACTION_DELAY);
+    } else {
+      frame = requestAnimationFrame(step);
+    }
     return () => {
       cancelled = true;
       cancelAnimationFrame(frame);
+      if (resumeTimeout !== undefined) {
+        clearTimeout(resumeTimeout);
+      }
     };
-  }, [plans, store]);
+  }, [plans, isZoomInteracting, store]);
   return {
     instance: {
       registerProgressivePlan

package/internals/plugins/featurePlugins/useProgressiveRendering/useProgressiveRendering.mjs

@@ -3,35 +3,27 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { sameSeriesIds, selectorProgressivePlans, selectorProgressiveTotalRounds, selectorShouldUseProgressiveRenderer } from "./useProgressiveRendering.selectors.mjs";
+import { sameSeriesIds, selectorProgressivePlans, selectorProgressiveRevealedRounds, selectorProgressiveTotalRounds, selectorShouldUseProgressiveRenderer } from "./useProgressiveRendering.selectors.mjs";
+import { selectorChartZoomIsInteracting } from "../useChartCartesianAxis/index.mjs";
 const EMPTY_PLANS = new Map();
 
-/**
- * How many *rounds* are revealed per reveal tick once the render data is ready.
- * A round reveals one batch in every series simultaneously, so the chart looks
- * complete from the first paint rather than appearing series-by-series. Lower
- * spreads the paint over more ticks (smoother, more visibly progressive);
- * higher finishes sooner.
- */
+/** Rounds revealed per tick. One round adds a batch to every series at once. */
 const REVEAL_ROUNDS_PER_FRAME = 1;
 
-/**
- * How many animation frames are skipped between two reveal ticks. `0` reveals
- * on every frame; `1` reveals every other frame, leaving the browser an idle
- * frame for layout, paint and input handling between commits. Higher values
- * give the browser more CPU headroom at the cost of a slower paint.
- */
+/** Frames skipped between reveal ticks. `0` = every frame; higher = more headroom. */
 const REVEAL_FRAMES_SKIPPED = 0;
 
+/** Rounds kept visible during a zoom/pan interaction (first level only). */
+const INTERACTION_REVEALED_ROUNDS = 1;
+
+/** Settle delay before the reveal resumes after an interaction ends (ms). */
+const RESUME_AFTER_INTERACTION_DELAY = 200;
+
 /**
- * Chart-wide progressive rendering coordinator.
- *
- * Lives on the chart store, so every renderer composed into the same chart
- * (e.g. several `ScatterPlot` instances under one `ChartsContainer`) shares
- * the same scheduler. Each renderer registers a plan via
- * `setProgressivePlan(plotId, plan)`; the plugin aggregates them, computes a
- * single per-tick budget, and ramps a global "rounds" counter — one round
- * adds one batch in every registered series at once.
+ * Chart-wide progressive rendering coordinator. Lives on the store so every
+ * renderer in the chart shares one scheduler: each registers a plan via
+ * `registerProgressivePlan`, and the plugin ramps a global "rounds" counter,
+ * one round adding a batch to every series at once.
  */
 export const useProgressiveRendering = ({
   store
@@ -62,11 +54,24 @@ export const useProgressiveRendering = ({
     };
   });
   const plans = store.use(selectorProgressivePlans) ?? EMPTY_PLANS;
+  const isZoomInteracting = store.use(selectorChartZoomIsInteracting);
   React.useEffect(() => {
     const startTotal = selectorProgressiveTotalRounds(store.state);
     if (startTotal === 0) {
       return undefined;
     }
+
+    // While interacting, keep only the first level and pause; resets the wave
+    // so it restarts from the first level once the interaction ends.
+    if (isZoomInteracting) {
+      const target = Math.min(INTERACTION_REVEALED_ROUNDS, startTotal);
+      if (selectorProgressiveRevealedRounds(store.state) !== target) {
+        store.set('progressiveRendering', _extends({}, store.state.progressiveRendering, {
+          revealedRounds: target
+        }));
+      }
+      return undefined;
+    }
     if (typeof requestAnimationFrame !== 'function') {
       store.set('progressiveRendering', _extends({}, store.state.progressiveRendering, {
         revealedRounds: startTotal
@@ -74,11 +79,12 @@ export const useProgressiveRendering = ({
       return undefined;
     }
     let frame = 0;
+    let resumeTimeout;
     let cancelled = false;
-    // Tracked in a closure variable, not derived inside a state updater (those
-    // must be pure and StrictMode double-invokes them, which would schedule
-    // the animation-frame chain twice).
-    let revealed = 0;
+    // Resume from the rounds already revealed (keeps the first level on screen).
+    // Closure var, not a state-updater derivation: StrictMode double-invokes
+    // those, scheduling the frame chain twice.
+    let revealed = selectorProgressiveRevealedRounds(store.state);
     function scheduleNext() {
       let remaining = REVEAL_FRAMES_SKIPPED;
       const tick = () => {
@@ -107,12 +113,27 @@ export const useProgressiveRendering = ({
         scheduleNext();
       }
     }
-    frame = requestAnimationFrame(step);
+    if (revealed >= startTotal) {
+      return undefined;
+    }
+
+    // `revealed > 0` means resuming after an interaction: wait the settle delay.
+    // Initial paint (`revealed === 0`) starts immediately.
+    if (revealed > 0) {
+      resumeTimeout = setTimeout(() => {
+        frame = requestAnimationFrame(step);
+      }, RESUME_AFTER_INTERACTION_DELAY);
+    } else {
+      frame = requestAnimationFrame(step);
+    }
     return () => {
       cancelled = true;
       cancelAnimationFrame(frame);
+      if (resumeTimeout !== undefined) {
+        clearTimeout(resumeTimeout);
+      }
     };
-  }, [plans, store]);
+  }, [plans, isZoomInteracting, store]);
   return {
     instance: {
       registerProgressivePlan

package/internals/plugins/featurePlugins/useProgressiveRendering/useProgressiveRendering.selectors.d.mts

@@ -1,4 +1,4 @@
-import { type SeriesId } from "../../../../models/seriesType/common.mjs";
+import type { SeriesId } from "../../../../models/seriesType/common.mjs";
 import type { RendererType } from "../../../../ScatterChart/index.mjs";
 /** Map of registered plots → their set of series ids. */
 export declare const selectorProgressivePlans: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useProgressiveRendering.types.mjs").UseProgressiveRenderingState> & {
@@ -9,10 +9,9 @@ export declare const selectorProgressiveRevealedRounds: (args_0: import("../../c
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => number;
 /**
- * Aggregated view of every registered plan: the per-series batch counts, the
- * total number of rounds, and the per-series batch size (so every consumer
- * sizes its batches the same way). Point counts are read straight from the
- * processed series rather than carried by the registration.
+ * Aggregate of every plan: per-series batch counts, total rounds, and batch
+ * size (so every consumer sizes batches the same). Point counts read from the
+ * processed series, not the registration.
  */
 export declare const selectorProgressiveAggregate: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useProgressiveRendering.types.mjs").UseProgressiveRenderingState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
@@ -28,9 +27,13 @@ export declare const selectorProgressiveTotalRounds: (args_0: import("../../core
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => number;
 /**
- * How many of `seriesId`'s own batches are revealed so far. Capped at that
- * series' total batch count, so series with fewer batches simply stop
- * progressing while longer ones keep filling in.
+ * Revealed batch count for a series: `revealed` rounds normally, clamped to the
+ * first batch while interacting, never above `total`.
+ */
+export declare function getRevealedBatchCount(total: number, revealed: number, isInteracting: boolean | undefined): number;
+/**
+ * How many of `seriesId`'s batches are revealed, capped at its total batch
+ * count. Clamped to the first batch while interacting.
  */
 export declare const selectorProgressiveSeriesRevealedBatches: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useProgressiveRendering.types.mjs").UseProgressiveRenderingState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;