@mui/x-charts 9.2.0 → 9.4.0

package/internals/components/ChartsAccessibilityProxy/ChartsAccessibilityProxy.mjs

@@ -88,7 +88,7 @@ export function ChartsAccessibilityProxy() {
     }
   }, [message, chartId]);
   return /*#__PURE__*/_jsx("div", {
-    role: "presentation",
+    role: "none",
     tabIndex: message ? undefined : 0,
     ref: containerRef,
     style: fullSizeLayerStyle

package/internals/createCommonKeyboardFocusHandler.d.mts

@@ -2,7 +2,7 @@ import type { ChartSeriesType } from "../models/seriesType/config.mjs";
 /**
  * Create a keyboard focus handler for common use cases where focused item are defined by the series is and data index.
  */
-export declare function createCommonKeyboardFocusHandler<SeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, TInputSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = SeriesType>(outSeriesTypes: Set<SeriesType>, allowCycles?: boolean): (event: KeyboardEvent) => ((currentItem: import("../index.mjs").FocusedItemIdentifier<TInputSeriesType> | null, state: {
+export declare function createCommonKeyboardFocusHandler<SeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, TInputSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = SeriesType>(outSeriesTypes: Set<SeriesType>, allowCycles?: boolean, useCurrentSeriesMaxLength?: boolean): (event: KeyboardEvent) => ((currentItem: import("../index.mjs").FocusedItemIdentifier<TInputSeriesType> | null, state: {
   series: {
     defaultizedSeries: import("./plugins/corePlugins/useChartSeries/useChartSeries.types.mjs").DefaultizedSeriesGroups<TInputSeriesType>;
     idToType: import("./index.mjs").SeriesIdToType;

package/internals/createCommonKeyboardFocusHandler.d.ts

@@ -2,7 +2,7 @@ import type { ChartSeriesType } from "../models/seriesType/config.js";
 /**
  * Create a keyboard focus handler for common use cases where focused item are defined by the series is and data index.
  */
-export declare function createCommonKeyboardFocusHandler<SeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, TInputSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = SeriesType>(outSeriesTypes: Set<SeriesType>, allowCycles?: boolean): (event: KeyboardEvent) => ((currentItem: import("../index.js").FocusedItemIdentifier<TInputSeriesType> | null, state: {
+export declare function createCommonKeyboardFocusHandler<SeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, TInputSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = SeriesType>(outSeriesTypes: Set<SeriesType>, allowCycles?: boolean, useCurrentSeriesMaxLength?: boolean): (event: KeyboardEvent) => ((currentItem: import("../index.js").FocusedItemIdentifier<TInputSeriesType> | null, state: {
   series: {
     defaultizedSeries: import("./plugins/corePlugins/useChartSeries/useChartSeries.types.js").DefaultizedSeriesGroups<TInputSeriesType>;
     idToType: import("./index.js").SeriesIdToType;

package/internals/createCommonKeyboardFocusHandler.js

@@ -8,13 +8,13 @@ var _commonNextFocusItem = require("./commonNextFocusItem");
 /**
  * Create a keyboard focus handler for common use cases where focused item are defined by the series is and data index.
  */
-function createCommonKeyboardFocusHandler(outSeriesTypes, allowCycles) {
+function createCommonKeyboardFocusHandler(outSeriesTypes, allowCycles, useCurrentSeriesMaxLength) {
   const keyboardFocusHandler = event => {
     switch (event.key) {
       case 'ArrowRight':
-        return (0, _commonNextFocusItem.createGetNextIndexFocusedItem)(outSeriesTypes, allowCycles);
+        return (0, _commonNextFocusItem.createGetNextIndexFocusedItem)(outSeriesTypes, allowCycles, useCurrentSeriesMaxLength);
       case 'ArrowLeft':
-        return (0, _commonNextFocusItem.createGetPreviousIndexFocusedItem)(outSeriesTypes, allowCycles);
+        return (0, _commonNextFocusItem.createGetPreviousIndexFocusedItem)(outSeriesTypes, allowCycles, useCurrentSeriesMaxLength);
       case 'ArrowDown':
         return (0, _commonNextFocusItem.createGetPreviousSeriesFocusedItem)(outSeriesTypes);
       case 'ArrowUp':

package/internals/createCommonKeyboardFocusHandler.mjs

@@ -3,13 +3,13 @@ import { createGetNextIndexFocusedItem, createGetPreviousIndexFocusedItem, creat
 /**
  * Create a keyboard focus handler for common use cases where focused item are defined by the series is and data index.
  */
-export function createCommonKeyboardFocusHandler(outSeriesTypes, allowCycles) {
+export function createCommonKeyboardFocusHandler(outSeriesTypes, allowCycles, useCurrentSeriesMaxLength) {
   const keyboardFocusHandler = event => {
     switch (event.key) {
       case 'ArrowRight':
-        return createGetNextIndexFocusedItem(outSeriesTypes, allowCycles);
+        return createGetNextIndexFocusedItem(outSeriesTypes, allowCycles, useCurrentSeriesMaxLength);
       case 'ArrowLeft':
-        return createGetPreviousIndexFocusedItem(outSeriesTypes, allowCycles);
+        return createGetPreviousIndexFocusedItem(outSeriesTypes, allowCycles, useCurrentSeriesMaxLength);
       case 'ArrowDown':
         return createGetPreviousSeriesFocusedItem(outSeriesTypes);
       case 'ArrowUp':

package/internals/getLineLikeTooltip.d.mts

@@ -0,0 +1,9 @@
+import type { ChartSeriesType } from "../models/seriesType/config.mjs";
+import type { TooltipGetterParams, TooltipGetterResult } from "./plugins/corePlugins/useChartSeriesConfig/index.mjs";
+type LineLikeTooltipChartType = Extract<ChartSeriesType, 'line' | 'radialLine' | 'bar' | 'radialBar' | 'scatter'>;
+export interface LineLikeTooltipOptions {
+  skipNullValues?: boolean;
+  includeMarkShape?: boolean;
+}
+export declare function getLineLikeTooltip<SeriesType extends LineLikeTooltipChartType>(params: TooltipGetterParams<SeriesType>, options?: LineLikeTooltipOptions): TooltipGetterResult<SeriesType>;
+export {};

package/internals/getLineLikeTooltip.d.ts

@@ -0,0 +1,9 @@
+import type { ChartSeriesType } from "../models/seriesType/config.js";
+import type { TooltipGetterParams, TooltipGetterResult } from "./plugins/corePlugins/useChartSeriesConfig/index.js";
+type LineLikeTooltipChartType = Extract<ChartSeriesType, 'line' | 'radialLine' | 'bar' | 'radialBar' | 'scatter'>;
+export interface LineLikeTooltipOptions {
+  skipNullValues?: boolean;
+  includeMarkShape?: boolean;
+}
+export declare function getLineLikeTooltip<SeriesType extends LineLikeTooltipChartType>(params: TooltipGetterParams<SeriesType>, options?: LineLikeTooltipOptions): TooltipGetterResult<SeriesType>;
+export {};

package/internals/getLineLikeTooltip.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLineLikeTooltip = getLineLikeTooltip;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _getLabel = require("./getLabel");
+function getLineLikeTooltip(params, options = {}) {
+  const {
+    series,
+    getColor,
+    identifier
+  } = params;
+  if (!identifier || identifier.dataIndex === undefined) {
+    return null;
+  }
+  const label = (0, _getLabel.getLabel)(series.label, 'tooltip');
+  const value = series.data[identifier.dataIndex];
+  if (options.skipNullValues && value == null) {
+    return null;
+  }
+  const formattedValue = series.valueFormatter(value, {
+    dataIndex: identifier.dataIndex
+  });
+  const result = (0, _extends2.default)({
+    identifier,
+    color: getColor(identifier.dataIndex),
+    label,
+    value,
+    formattedValue,
+    markType: series.labelMarkType
+  }, options.includeMarkShape && 'showMark' in series && {
+    markShape: series.showMark ? series.shape : undefined
+  });
+  return result;
+}

package/internals/getLineLikeTooltip.mjs

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { getLabel } from "./getLabel.mjs";
+export function getLineLikeTooltip(params, options = {}) {
+  const {
+    series,
+    getColor,
+    identifier
+  } = params;
+  if (!identifier || identifier.dataIndex === undefined) {
+    return null;
+  }
+  const label = getLabel(series.label, 'tooltip');
+  const value = series.data[identifier.dataIndex];
+  if (options.skipNullValues && value == null) {
+    return null;
+  }
+  const formattedValue = series.valueFormatter(value, {
+    dataIndex: identifier.dataIndex
+  });
+  const result = _extends({
+    identifier,
+    color: getColor(identifier.dataIndex),
+    label,
+    value,
+    formattedValue,
+    markType: series.labelMarkType
+  }, options.includeMarkShape && 'showMark' in series && {
+    markShape: series.showMark ? series.shape : undefined
+  });
+  return result;
+}

package/internals/incompleteDatasetKeysError.d.mts

@@ -0,0 +1 @@
+export declare function incompleteDatasetKeysError(seriesType: string, seriesId: string, missingKeys: string[]): void;

package/internals/incompleteDatasetKeysError.d.ts

@@ -0,0 +1 @@
+export declare function incompleteDatasetKeysError(seriesType: string, seriesId: string, missingKeys: string[]): void;

package/internals/incompleteDatasetKeysError.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.incompleteDatasetKeysError = incompleteDatasetKeysError;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
+function incompleteDatasetKeysError(seriesType, seriesId, missingKeys) {
+  throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: ${seriesType} series with id="${seriesId}" has incomplete datasetKeys.` + `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.` : (0, _formatErrorMessage2.default)(279, seriesType, seriesId, missingKeys.map(key => `"${key}"`).join(', ')));
+}

package/internals/incompleteDatasetKeysError.mjs

@@ -0,0 +1,4 @@
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
+export function incompleteDatasetKeysError(seriesType, seriesId, missingKeys) {
+  throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: ${seriesType} series with id="${seriesId}" has incomplete datasetKeys.` + `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.` : _formatErrorMessage(279, seriesType, seriesId, missingKeys.map(key => `"${key}"`).join(', ')));
+}

package/internals/index.d.mts

@@ -65,6 +65,8 @@ export * from "./consumeSlots.mjs";
 export * from "./consumeThemeProps.mjs";
 export * from "./defaultizeMargin.mjs";
 export * from "./colorScale.mjs";
+export * from "./sizeScale.mjs";
+export * from "./incompleteDatasetKeysError.mjs";
 export * from "./ticks.mjs";
 export * from "./dateHelpers.mjs";
 export * from "./invertScale.mjs";
@@ -73,6 +75,9 @@ export * from "./findMinMax.mjs";
 export * from "./commonNextFocusItem.mjs";
 export { createCommonKeyboardFocusHandler } from "./createCommonKeyboardFocusHandler.mjs";
 export { getSeriesColorFn } from "./getSeriesColorFn.mjs";
+export { resolveColorProcessor } from "./resolveColorProcessor.mjs";
+export { processLineLikeSeries } from "./processLineLikeSeries.mjs";
+export { getLineLikeTooltip } from "./getLineLikeTooltip.mjs";
 export { checkBarChartScaleErrors } from "../BarChart/checkBarChartScaleErrors.mjs";
 export { getBandSize } from "./getBandSize.mjs";
 export * from "./plugins/utils/defaultSeriesConfig.mjs";

package/internals/index.d.ts

@@ -65,6 +65,8 @@ export * from "./consumeSlots.js";
 export * from "./consumeThemeProps.js";
 export * from "./defaultizeMargin.js";
 export * from "./colorScale.js";
+export * from "./sizeScale.js";
+export * from "./incompleteDatasetKeysError.js";
 export * from "./ticks.js";
 export * from "./dateHelpers.js";
 export * from "./invertScale.js";
@@ -73,6 +75,9 @@ export * from "./findMinMax.js";
 export * from "./commonNextFocusItem.js";
 export { createCommonKeyboardFocusHandler } from "./createCommonKeyboardFocusHandler.js";
 export { getSeriesColorFn } from "./getSeriesColorFn.js";
+export { resolveColorProcessor } from "./resolveColorProcessor.js";
+export { processLineLikeSeries } from "./processLineLikeSeries.js";
+export { getLineLikeTooltip } from "./getLineLikeTooltip.js";
 export { checkBarChartScaleErrors } from "../BarChart/checkBarChartScaleErrors.js";
 export { getBandSize } from "./getBandSize.js";
 export * from "./plugins/utils/defaultSeriesConfig.js";

package/internals/index.js

@@ -24,6 +24,9 @@ var _exportNames = {
   getRotationAxisIndex: true,
   createCommonKeyboardFocusHandler: true,
   getSeriesColorFn: true,
+  resolveColorProcessor: true,
+  processLineLikeSeries: true,
+  getLineLikeTooltip: true,
   checkBarChartScaleErrors: true,
   getBandSize: true,
   EPSILON: true,
@@ -93,6 +96,12 @@ Object.defineProperty(exports, "getLineItemAtPosition", {
     return _getItemAtPosition.default;
   }
 });
+Object.defineProperty(exports, "getLineLikeTooltip", {
+  enumerable: true,
+  get: function () {
+    return _getLineLikeTooltip.getLineLikeTooltip;
+  }
+});
 Object.defineProperty(exports, "getRotationAxisIndex", {
   enumerable: true,
   get: function () {
@@ -111,6 +120,18 @@ Object.defineProperty(exports, "processBarDataForPlot", {
     return _useBarPlotData.processBarDataForPlot;
   }
 });
+Object.defineProperty(exports, "processLineLikeSeries", {
+  enumerable: true,
+  get: function () {
+    return _processLineLikeSeries.processLineLikeSeries;
+  }
+});
+Object.defineProperty(exports, "resolveColorProcessor", {
+  enumerable: true,
+  get: function () {
+    return _resolveColorProcessor.resolveColorProcessor;
+  }
+});
 Object.defineProperty(exports, "scatterSeriesConfig", {
   enumerable: true,
   get: function () {
@@ -811,6 +832,30 @@ Object.keys(_colorScale).forEach(function (key) {
     }
   });
 });
+var _sizeScale = require("./sizeScale");
+Object.keys(_sizeScale).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _sizeScale[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _sizeScale[key];
+    }
+  });
+});
+var _incompleteDatasetKeysError = require("./incompleteDatasetKeysError");
+Object.keys(_incompleteDatasetKeysError).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _incompleteDatasetKeysError[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _incompleteDatasetKeysError[key];
+    }
+  });
+});
 var _ticks = require("./ticks");
 Object.keys(_ticks).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -885,6 +930,9 @@ Object.keys(_commonNextFocusItem).forEach(function (key) {
 });
 var _createCommonKeyboardFocusHandler = require("./createCommonKeyboardFocusHandler");
 var _getSeriesColorFn = require("./getSeriesColorFn");
+var _resolveColorProcessor = require("./resolveColorProcessor");
+var _processLineLikeSeries = require("./processLineLikeSeries");
+var _getLineLikeTooltip = require("./getLineLikeTooltip");
 var _checkBarChartScaleErrors = require("../BarChart/checkBarChartScaleErrors");
 var _getBandSize = require("./getBandSize");
 var _defaultSeriesConfig = require("./plugins/utils/defaultSeriesConfig");

package/internals/index.mjs

@@ -73,6 +73,8 @@ export * from "./consumeSlots.mjs";
 export * from "./consumeThemeProps.mjs";
 export * from "./defaultizeMargin.mjs";
 export * from "./colorScale.mjs";
+export * from "./sizeScale.mjs";
+export * from "./incompleteDatasetKeysError.mjs";
 export * from "./ticks.mjs";
 export * from "./dateHelpers.mjs";
 export * from "./invertScale.mjs";
@@ -81,6 +83,9 @@ export * from "./findMinMax.mjs";
 export * from "./commonNextFocusItem.mjs";
 export { createCommonKeyboardFocusHandler } from "./createCommonKeyboardFocusHandler.mjs";
 export { getSeriesColorFn } from "./getSeriesColorFn.mjs";
+export { resolveColorProcessor } from "./resolveColorProcessor.mjs";
+export { processLineLikeSeries } from "./processLineLikeSeries.mjs";
+export { getLineLikeTooltip } from "./getLineLikeTooltip.mjs";
 export { checkBarChartScaleErrors } from "../BarChart/checkBarChartScaleErrors.mjs";
 export { getBandSize } from "./getBandSize.mjs";
 export * from "./plugins/utils/defaultSeriesConfig.mjs";

package/internals/plugins/corePlugins/useChartSeriesConfig/types/tooltipGetter.types.d.mts

@@ -55,12 +55,14 @@ export interface TooltipGetterAxesConfig {
   rotation?: PolarAxisDefaultized<any, any, ChartsRotationAxisProps>;
   radius?: PolarAxisDefaultized<any, any, ChartsRadiusAxisProps>;
 }
-export type TooltipGetter<SeriesType extends ChartSeriesType> = (params: {
+export interface TooltipGetterParams<SeriesType extends ChartSeriesType> {
   series: ChartSeriesDefaultized<SeriesType>;
   axesConfig: TooltipGetterAxesConfig;
   getColor: ColorGetter<SeriesType>;
   identifier: SeriesItemIdentifierWithType<SeriesType> | null;
-}) => (SeriesType extends 'radar' ? ItemTooltipWithMultipleValues<SeriesType> : ItemTooltip<SeriesType>) | null;
+}
+export type TooltipGetterResult<SeriesType extends ChartSeriesType> = (SeriesType extends 'radar' ? ItemTooltipWithMultipleValues<SeriesType> : ItemTooltip<SeriesType>) | null;
+export type TooltipGetter<SeriesType extends ChartSeriesType> = (params: TooltipGetterParams<SeriesType>) => TooltipGetterResult<SeriesType>;
 /**
  * If `axisId` is set to undefined, the default axis will be used.
  *

package/internals/plugins/corePlugins/useChartSeriesConfig/types/tooltipGetter.types.d.ts

@@ -55,12 +55,14 @@ export interface TooltipGetterAxesConfig {
   rotation?: PolarAxisDefaultized<any, any, ChartsRotationAxisProps>;
   radius?: PolarAxisDefaultized<any, any, ChartsRadiusAxisProps>;
 }
-export type TooltipGetter<SeriesType extends ChartSeriesType> = (params: {
+export interface TooltipGetterParams<SeriesType extends ChartSeriesType> {
   series: ChartSeriesDefaultized<SeriesType>;
   axesConfig: TooltipGetterAxesConfig;
   getColor: ColorGetter<SeriesType>;
   identifier: SeriesItemIdentifierWithType<SeriesType> | null;
-}) => (SeriesType extends 'radar' ? ItemTooltipWithMultipleValues<SeriesType> : ItemTooltip<SeriesType>) | null;
+}
+export type TooltipGetterResult<SeriesType extends ChartSeriesType> = (SeriesType extends 'radar' ? ItemTooltipWithMultipleValues<SeriesType> : ItemTooltip<SeriesType>) | null;
+export type TooltipGetter<SeriesType extends ChartSeriesType> = (params: TooltipGetterParams<SeriesType>) => TooltipGetterResult<SeriesType>;
 /**
  * If `axisId` is set to undefined, the default axis will be used.
  *

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

@@ -10,9 +10,10 @@ const createZoomLookup = axisDirection => (axes = []) => axes.reduce((acc, v) =>
   const {
     zoom,
     id: axisId,
-    reverse
+    reverse,
+    scaleType
   } = v;
-  const defaultizedZoom = (0, _defaultizeZoom.defaultizeZoom)(zoom, axisId, axisDirection, reverse);
+  const defaultizedZoom = (0, _defaultizeZoom.defaultizeZoom)(zoom, axisId, axisDirection, (0, _defaultizeZoom.getEffectiveZoomReverse)(axisDirection, scaleType, reverse));
   if (defaultizedZoom) {
     acc[axisId] = defaultizedZoom;
   }

package/internals/plugins/featurePlugins/useChartCartesianAxis/createZoomLookup.mjs

@@ -1,12 +1,13 @@
-import { defaultizeZoom } from "./defaultizeZoom.mjs";
+import { defaultizeZoom, getEffectiveZoomReverse } from "./defaultizeZoom.mjs";
 export const createZoomLookup = axisDirection => (axes = []) => axes.reduce((acc, v) => {
   // @ts-ignore
   const {
     zoom,
     id: axisId,
-    reverse
+    reverse,
+    scaleType
   } = v;
-  const defaultizedZoom = defaultizeZoom(zoom, axisId, axisDirection, reverse);
+  const defaultizedZoom = defaultizeZoom(zoom, axisId, axisDirection, getEffectiveZoomReverse(axisDirection, scaleType, reverse));
   if (defaultizedZoom) {
     acc[axisId] = defaultizedZoom;
   }

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

@@ -35,7 +35,7 @@ function defaultizeXAxis(inAxes, dataset, axesGap) {
       id,
       position,
       height,
-      zoom: (0, _defaultizeZoom.defaultizeZoom)(axisConfig.zoom, id, 'x', axisConfig.reverse)
+      zoom: (0, _defaultizeZoom.defaultizeZoom)(axisConfig.zoom, id, 'x', (0, _defaultizeZoom.getEffectiveZoomReverse)('x', axisConfig.scaleType, axisConfig.reverse))
     });
 
     // Increment the offset for the next axis
@@ -87,7 +87,7 @@ function defaultizeYAxis(inAxes, dataset, axesGap) {
       id,
       position,
       width,
-      zoom: (0, _defaultizeZoom.defaultizeZoom)(axisConfig.zoom, id, 'y', axisConfig.reverse)
+      zoom: (0, _defaultizeZoom.defaultizeZoom)(axisConfig.zoom, id, 'y', (0, _defaultizeZoom.getEffectiveZoomReverse)('y', axisConfig.scaleType, axisConfig.reverse))
     });
 
     // Increment the offset for the next axis

package/internals/plugins/featurePlugins/useChartCartesianAxis/defaultizeAxis.mjs

@@ -1,6 +1,6 @@
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { defaultizeZoom } from "./defaultizeZoom.mjs";
+import { defaultizeZoom, getEffectiveZoomReverse } from "./defaultizeZoom.mjs";
 import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY, DEFAULT_AXIS_SIZE_HEIGHT, DEFAULT_AXIS_SIZE_WIDTH, AXIS_LABEL_DEFAULT_HEIGHT } from "../../../../constants/index.mjs";
 export function defaultizeXAxis(inAxes, dataset, axesGap) {
   const offsets = {
@@ -27,7 +27,7 @@ export function defaultizeXAxis(inAxes, dataset, axesGap) {
       id,
       position,
       height,
-      zoom: defaultizeZoom(axisConfig.zoom, id, 'x', axisConfig.reverse)
+      zoom: defaultizeZoom(axisConfig.zoom, id, 'x', getEffectiveZoomReverse('x', axisConfig.scaleType, axisConfig.reverse))
     });
 
     // Increment the offset for the next axis
@@ -79,7 +79,7 @@ export function defaultizeYAxis(inAxes, dataset, axesGap) {
       id,
       position,
       width,
-      zoom: defaultizeZoom(axisConfig.zoom, id, 'y', axisConfig.reverse)
+      zoom: defaultizeZoom(axisConfig.zoom, id, 'y', getEffectiveZoomReverse('y', axisConfig.scaleType, axisConfig.reverse))
     });
 
     // Increment the offset for the next axis

package/internals/plugins/featurePlugins/useChartCartesianAxis/defaultizeZoom.d.mts

@@ -1,6 +1,15 @@
-import { type AxisId } from "../../../../models/axis.mjs";
+import { type AxisId, type ScaleName } from "../../../../models/axis.mjs";
 import { type DefaultizedZoomOptions } from "./useChartCartesianAxis.types.mjs";
 import { type ZoomOptions } from "./zoom.types.mjs";
+/**
+ * Ordinal Y axes (band/point) render with `domain[0]` at the top of the chart
+ * (see the `range.reverse()` applied in `selectorChartYScales`), which is the
+ * opposite of the cartesian convention assumed by the zoom/pan math.
+ *
+ * Returns the `reverse` flag the zoom handlers should use so that pan/wheel
+ * gestures follow the visual direction of the axis.
+ */
+export declare const getEffectiveZoomReverse: (axisDirection: "x" | "y", scaleType: ScaleName | undefined, reverse: boolean | undefined) => boolean;
 export declare const defaultZoomOptions: {
   minStart: number;
   maxEnd: number;

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

@@ -1,6 +1,15 @@
-import { type AxisId } from "../../../../models/axis.js";
+import { type AxisId, type ScaleName } from "../../../../models/axis.js";
 import { type DefaultizedZoomOptions } from "./useChartCartesianAxis.types.js";
 import { type ZoomOptions } from "./zoom.types.js";
+/**
+ * Ordinal Y axes (band/point) render with `domain[0]` at the top of the chart
+ * (see the `range.reverse()` applied in `selectorChartYScales`), which is the
+ * opposite of the cartesian convention assumed by the zoom/pan math.
+ *
+ * Returns the `reverse` flag the zoom handlers should use so that pan/wheel
+ * gestures follow the visual direction of the axis.
+ */
+export declare const getEffectiveZoomReverse: (axisDirection: "x" | "y", scaleType: ScaleName | undefined, reverse: boolean | undefined) => boolean;
 export declare const defaultZoomOptions: {
   minStart: number;
   maxEnd: number;

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

@@ -4,9 +4,26 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultizeZoom = exports.defaultZoomOptions = void 0;
+exports.getEffectiveZoomReverse = exports.defaultizeZoom = exports.defaultZoomOptions = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _constants = require("../../../constants");
+/**
+ * Ordinal Y axes (band/point) render with `domain[0]` at the top of the chart
+ * (see the `range.reverse()` applied in `selectorChartYScales`), which is the
+ * opposite of the cartesian convention assumed by the zoom/pan math.
+ *
+ * Returns the `reverse` flag the zoom handlers should use so that pan/wheel
+ * gestures follow the visual direction of the axis.
+ */
+const getEffectiveZoomReverse = (axisDirection, scaleType, reverse) => {
+  const resolvedReverse = reverse ?? false;
+  const isOrdinal = scaleType === 'band' || scaleType === 'point';
+  if (axisDirection === 'y' && isOrdinal) {
+    return !resolvedReverse;
+  }
+  return resolvedReverse;
+};
+exports.getEffectiveZoomReverse = getEffectiveZoomReverse;
 const defaultZoomOptions = exports.defaultZoomOptions = {
   minStart: 0,
   maxEnd: 100,

package/internals/plugins/featurePlugins/useChartCartesianAxis/defaultizeZoom.mjs

@@ -1,5 +1,21 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { DEFAULT_ZOOM_SLIDER_PREVIEW_SIZE, DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP, DEFAULT_ZOOM_SLIDER_SIZE } from "../../../constants.mjs";
+/**
+ * Ordinal Y axes (band/point) render with `domain[0]` at the top of the chart
+ * (see the `range.reverse()` applied in `selectorChartYScales`), which is the
+ * opposite of the cartesian convention assumed by the zoom/pan math.
+ *
+ * Returns the `reverse` flag the zoom handlers should use so that pan/wheel
+ * gestures follow the visual direction of the axis.
+ */
+export const getEffectiveZoomReverse = (axisDirection, scaleType, reverse) => {
+  const resolvedReverse = reverse ?? false;
+  const isOrdinal = scaleType === 'band' || scaleType === 'point';
+  if (axisDirection === 'y' && isOrdinal) {
+    return !resolvedReverse;
+  }
+  return resolvedReverse;
+};
 export const defaultZoomOptions = {
   minStart: 0,
   maxEnd: 100,

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

@@ -164,6 +164,7 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
     min: NumberValue;
     max: NumberValue;
   });
+  domainSeries?: "all" | "visible";
   ignoreTooltip?: boolean;
 } & Omit<Partial<import("../../../index.mjs").ChartsYAxisProps>, "axisId"> & Partial<Omit<{
   scaleType: "linear";
@@ -223,7 +224,14 @@ export declare const selectorChartDefaultXAxisId: (args_0: import("../../corePlu
 export declare const selectorChartDefaultYAxisId: (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("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => AxisId;
-export declare const selectorChartSeriesEmptyFlatbushMap: () => Map<string, Flatbush>;
-export declare const selectorChartSeriesFlatbushMap: (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<{}> & {
+export type ScatterFlatbushEntry = {
+  flatbush: Flatbush;
+  /** Per-point marker radius, in pixels. */
+  getItemRadius: number | ((dataIndex: number) => number);
+  /** Largest radius across all points in this series, in pixels. */
+  maxItemRadius: number;
+};
+export declare const selectorChartSeriesEmptyFlatbushMap: () => Map<string, ScatterFlatbushEntry>;
+export declare const selectorChartSeriesFlatbushMap: (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 & import("../useChartZAxis/index.mjs").UseChartZAxisState & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}) => Map<string, Flatbush>;
+}) => Map<string, ScatterFlatbushEntry>;

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

@@ -164,6 +164,7 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
     min: NumberValue;
     max: NumberValue;
   });
+  domainSeries?: "all" | "visible";
   ignoreTooltip?: boolean;
 } & Omit<Partial<import("../../../index.js").ChartsYAxisProps>, "axisId"> & Partial<Omit<{
   scaleType: "linear";
@@ -223,7 +224,14 @@ export declare const selectorChartDefaultXAxisId: (args_0: import("../../corePlu
 export declare const selectorChartDefaultYAxisId: (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("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => AxisId;
-export declare const selectorChartSeriesEmptyFlatbushMap: () => Map<string, Flatbush>;
-export declare const selectorChartSeriesFlatbushMap: (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<{}> & {
+export type ScatterFlatbushEntry = {
+  flatbush: Flatbush;
+  /** Per-point marker radius, in pixels. */
+  getItemRadius: number | ((dataIndex: number) => number);
+  /** Largest radius across all points in this series, in pixels. */
+  maxItemRadius: number;
+};
+export declare const selectorChartSeriesEmptyFlatbushMap: () => Map<string, ScatterFlatbushEntry>;
+export declare const selectorChartSeriesFlatbushMap: (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 & import("../useChartZAxis/index.js").UseChartZAxisState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => Map<string, Flatbush>;
+}) => Map<string, ScatterFlatbushEntry>;