@dynatrace/strato-components 3.7.1 → 3.9.0

package/esm/charts/xy-chart/components/legend/XYLegend/XYLegend.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/legend/XYLegend/XYLegend.tsx"],
-  "sourcesContent": ["import type { ScaleOrdinal } from 'd3-scale';\nimport { useCallback, useMemo } from 'react';\n\nimport { getXYLegendActions } from './utils/getXYLegendActions.js';\nimport {\n  AREA_CHART_ICON_SHAPE,\n  BAR_CHART_ICON_SHAPE,\n  LINE_CHART_ICON_SHAPE,\n  RECT_CHART_ICON_SHAPE,\n  XYLegendIcon,\n} from './XYLegendIcon.js';\nimport { useChartLayoutLoading } from '../../../../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useChartLayoutOrientation } from '../../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { getLegendOrientation } from '../../../../core/components/chart-layout/utils/orientation.js';\nimport { ChartLegend } from '../../../../core/components/legend/categorical/ChartLegend.js';\nimport type { LegendItem } from '../../../../core/components/legend/categorical/types/legend.js';\nimport { useTooltipReducer } from '../../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { buildCategoricalItemsFromScale } from '../../../../core/utils/build-categorical-items-from-scale.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport { useXYChartColorScales } from '../../../hooks/useXYChartColorScales.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport { reduceFilterSeries } from '../../../store/reducer-filter-series.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport {\n  AREA_VARIANT,\n  type AreaSeriesWithDatapoints,\n  BAR_VARIANT,\n  type BarSeriesWithDatapoints,\n  DOT_VARIANT,\n  type DotSeriesWithDatapoints,\n  LINE_VARIANT,\n  type LineSeriesWithDatapoints,\n  RECT_VARIANT,\n  type RectSeriesWithDatapoints,\n  type SeriesToMetadata,\n  type XYChartSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { isRangeLegend } from '../../../utils/is-range-legend.js';\nimport { isRectSeries } from '../../../utils/type-guards.js';\n\nconst CHART_ICONS = {\n  [LINE_VARIANT]: LINE_CHART_ICON_SHAPE,\n  [BAR_VARIANT]: BAR_CHART_ICON_SHAPE,\n  [RECT_VARIANT]: RECT_CHART_ICON_SHAPE,\n  [AREA_VARIANT]: AREA_CHART_ICON_SHAPE,\n} as const;\n\nfunction getLegendItems(\n  series: (\n    | DotSeriesWithDatapoints\n    | LineSeriesWithDatapoints\n    | BarSeriesWithDatapoints\n    | RectSeriesWithDatapoints\n    | AreaSeriesWithDatapoints\n  )[],\n  metadata: SeriesToMetadata,\n  isMixedSeries: boolean,\n  scaleColorMap: SeriesIdToColorScale,\n  isCategoricalRectOnly: boolean,\n) {\n  return series.flatMap((series) => {\n    if (series.type === RECT_VARIANT) {\n      if (isRangeLegend(metadata, series)) {\n        return [];\n      }\n      const scale = safeGet(scaleColorMap, series.id) as ScaleOrdinal<\n        string,\n        string\n      >;\n      const overrideItems = safeGet(metadata, series).categoricalColorOverrides;\n\n      const shape = isCategoricalRectOnly ? 'circle' : CHART_ICONS[series.type];\n\n      const items = buildCategoricalItemsFromScale(\n        scale,\n        overrideItems,\n        //We need to compare exactly the same id when an action is selected\n        //In RectSeries, categories are unique per series.\n        (category: string) => `${series.id}--${category}`,\n      );\n\n      return items.map((item: LegendItem) => ({\n        ...item,\n        icon: <XYLegendIcon color={item.color.Default} shape={shape} />,\n      }));\n    } else {\n      const { name, color, shape = 'circle' } = safeGet(metadata, series);\n      const iconShape =\n        isMixedSeries && series.type !== DOT_VARIANT\n          ? CHART_ICONS[series.type]\n          : shape;\n\n      return {\n        id: series.id,\n        color,\n        name,\n        icon: <XYLegendIcon color={color.Default} shape={iconShape} />,\n      };\n    }\n  });\n}\n\ninterface XYLegendProps {\n  series: XYChartSeriesWithDatapoints[];\n  seriesToMetadata: SeriesToMetadata;\n}\n\nexport function XYLegend({ series, seriesToMetadata }: XYLegendProps) {\n  const dispatch = useTooltipReducer();\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const orientation = getLegendOrientation(layoutOrientation);\n  const setState = useSetState();\n  const isLoading = useChartLayoutLoading();\n  const scaleColorMap = useXYChartColorScales();\n\n  const { truncationMode } = useXYChartTruncationMode();\n\n  const firstSeries = series[0];\n  const isCategoricalRectOnly =\n    isRectSeries(firstSeries) &&\n    series.every(isRectSeries) &&\n    !isRangeLegend(seriesToMetadata, firstSeries);\n\n  const isMixedSeries = useMemo(() => {\n    const typeSet = new Set(series.map((s) => s.type));\n    return typeSet.size >= 2;\n  }, [series]);\n\n  const legendItems = useMemo(\n    () =>\n      getLegendItems(\n        series,\n        seriesToMetadata,\n        isMixedSeries,\n        scaleColorMap,\n        isCategoricalRectOnly,\n      ),\n    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/preserve-manual-memoization\n    [series, seriesToMetadata],\n  );\n\n  const legendActions = getXYLegendActions(series, seriesToMetadata);\n\n  const updateVisibleSeries = useCallback(\n    (visibleItems: LegendItem[]) => {\n      const visibleIds = new Set(visibleItems.map((item) => item.id));\n\n      dispatch({ type: 'RESET_TOOLTIP' })();\n      setState(reduceFilterSeries(visibleIds));\n    },\n    [setState, dispatch],\n  );\n\n  const updateHighlightedSeriesId = (legendItemId?: string) => {\n    setState((prev) => ({ ...prev, highlightedSeriesId: legendItemId }));\n  };\n\n  return (\n    <ChartLegend\n      items={legendItems}\n      orientation={orientation}\n      truncationMode={truncationMode}\n      interactionsDisabled={isLoading}\n      onSeriesAction={legendActions}\n      onHover={(legendItem) => updateHighlightedSeriesId(legendItem?.id)}\n      onClick={updateVisibleSeries}\n    />\n  );\n}\n"],
+  "sourcesContent": ["import type { ScaleOrdinal } from 'd3-scale';\nimport { useCallback, useMemo } from 'react';\n\nimport { getXYLegendActions } from './utils/getXYLegendActions.js';\nimport {\n  AREA_CHART_ICON_SHAPE,\n  BAR_CHART_ICON_SHAPE,\n  LINE_CHART_ICON_SHAPE,\n  RECT_CHART_ICON_SHAPE,\n  XYLegendIcon,\n} from './XYLegendIcon.js';\nimport { useChartLayoutLoading } from '../../../../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useChartLayoutOrientation } from '../../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { getLegendOrientation } from '../../../../core/components/chart-layout/utils/orientation.js';\nimport { ChartLegend } from '../../../../core/components/legend/categorical/ChartLegend.js';\nimport type { LegendItem } from '../../../../core/components/legend/categorical/types/legend.js';\nimport { useTooltipReducer } from '../../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { buildCategoricalItemsFromScale } from '../../../../core/utils/build-categorical-items-from-scale.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport { useXYChartColorScales } from '../../../hooks/useXYChartColorScales.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport { reduceFilterSeries } from '../../../store/reducer-filter-series.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport {\n  AREA_VARIANT,\n  type AreaSeriesWithDatapoints,\n  BAR_VARIANT,\n  type BarSeriesWithDatapoints,\n  DOT_VARIANT,\n  type DotSeriesWithDatapoints,\n  LINE_VARIANT,\n  type LineSeriesWithDatapoints,\n  RECT_VARIANT,\n  type RectSeriesWithDatapoints,\n  type SeriesToMetadata,\n  type XYChartSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { isRangeLegend } from '../../../utils/is-range-legend.js';\nimport { isRectSeries } from '../../../utils/type-guards.js';\n\nconst CHART_ICONS = {\n  [LINE_VARIANT]: LINE_CHART_ICON_SHAPE,\n  [BAR_VARIANT]: BAR_CHART_ICON_SHAPE,\n  [RECT_VARIANT]: RECT_CHART_ICON_SHAPE,\n  [AREA_VARIANT]: AREA_CHART_ICON_SHAPE,\n} as const;\n\nfunction getLegendItems(\n  series: (\n    | DotSeriesWithDatapoints\n    | LineSeriesWithDatapoints\n    | BarSeriesWithDatapoints\n    | RectSeriesWithDatapoints\n    | AreaSeriesWithDatapoints\n  )[],\n  metadata: SeriesToMetadata,\n  isMixedSeries: boolean,\n  scaleColorMap: SeriesIdToColorScale,\n  isCategoricalRectOnly: boolean,\n) {\n  return series.flatMap((series) => {\n    if (series.type === RECT_VARIANT) {\n      if (isRangeLegend(metadata, series)) {\n        return [];\n      }\n      const scale = safeGet(scaleColorMap, series.id) as ScaleOrdinal<\n        string,\n        string\n      >;\n      const overrideItems = safeGet(metadata, series).categoricalColorOverrides;\n\n      const shape = isCategoricalRectOnly ? 'circle' : CHART_ICONS[series.type];\n\n      const items = buildCategoricalItemsFromScale(\n        scale,\n        overrideItems,\n        //We need to compare exactly the same id when an action is selected\n        //In RectSeries, categories are unique per series.\n        (category: string) => `${series.id}--${category}`,\n      );\n\n      return items.map((item: LegendItem) => ({\n        ...item,\n        icon: <XYLegendIcon color={item.color.Default} shape={shape} />,\n      }));\n    } else {\n      const { name, color, shape = 'circle' } = safeGet(metadata, series);\n      const iconShape =\n        isMixedSeries && series.type !== DOT_VARIANT\n          ? CHART_ICONS[series.type]\n          : shape;\n\n      return {\n        id: series.id,\n        color,\n        name,\n        icon: <XYLegendIcon color={color.Default} shape={iconShape} />,\n      };\n    }\n  });\n}\n\ninterface XYLegendProps {\n  series: XYChartSeriesWithDatapoints[];\n  seriesToMetadata: SeriesToMetadata;\n}\n\nexport function XYLegend({ series, seriesToMetadata }: XYLegendProps) {\n  const dispatch = useTooltipReducer();\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const orientation = getLegendOrientation(layoutOrientation);\n  const setState = useSetState();\n  const isLoading = useChartLayoutLoading();\n  const scaleColorMap = useXYChartColorScales();\n\n  const { truncationMode } = useXYChartTruncationMode();\n\n  const firstSeries = series[0];\n  const isCategoricalRectOnly =\n    isRectSeries(firstSeries) &&\n    series.every(isRectSeries) &&\n    !isRangeLegend(seriesToMetadata, firstSeries);\n\n  const isMixedSeries = useMemo(() => {\n    const typeSet = new Set(series.map((s) => s.type));\n    return typeSet.size >= 2;\n  }, [series]);\n\n  const legendItems = useMemo(\n    () =>\n      getLegendItems(\n        series,\n        seriesToMetadata,\n        isMixedSeries,\n        scaleColorMap,\n        isCategoricalRectOnly,\n      ),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [series, seriesToMetadata],\n  );\n\n  const legendActions = getXYLegendActions(series, seriesToMetadata);\n\n  const updateVisibleSeries = useCallback(\n    (visibleItems: LegendItem[]) => {\n      const visibleIds = new Set(visibleItems.map((item) => item.id));\n\n      dispatch({ type: 'RESET_TOOLTIP' })();\n      setState(reduceFilterSeries(visibleIds));\n    },\n    [setState, dispatch],\n  );\n\n  const updateHighlightedSeriesId = (legendItemId?: string) => {\n    setState((prev) => ({ ...prev, highlightedSeriesId: legendItemId }));\n  };\n\n  return (\n    <ChartLegend\n      items={legendItems}\n      orientation={orientation}\n      truncationMode={truncationMode}\n      interactionsDisabled={isLoading}\n      onSeriesAction={legendActions}\n      onHover={(legendItem) => updateHighlightedSeriesId(legendItem?.id)}\n      onClick={updateVisibleSeries}\n    />\n  );\n}\n"],
   "mappings": "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",
   "names": ["series"]
 }

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.css

@@ -1,3 +1,3 @@
-._1lwufqz0-3-7-1 {
+._1lwufqz0-3-9-0 {
   margin: var(--dt-spacings-size-2, 2px);
 }

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.sty.js

@@ -1,5 +1,5 @@
 import "./xy-legend.css";
-var shapeIconWrapper = "_1lwufqz0-3-7-1";
+var shapeIconWrapper = "_1lwufqz0-3-9-0";
 export {
   shapeIconWrapper
 };

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/legend/XYLegend/xy-legend.css.ts"],
-  "sourcesContent": ["import './xy-legend.css';\nexport var shapeIconWrapper = '_1lwufqz0-3-7-1';"],
+  "sourcesContent": ["import './xy-legend.css';\nexport var shapeIconWrapper = '_1lwufqz0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/explore/HighlightedPointCanvas.js

@@ -3,20 +3,46 @@ import { useCanvas } from "../../../../core/components/canvas/hooks/useCanvas.js
 import { DATA_POINT_OUTER_RADIUS } from "../../../../core/components/data-point/constants.js";
 import { getStrokeColor } from "../../../../core/components/data-point/utils/data-point.js";
 import { DEFAULT_DATA_POINT_RADIUS } from "../../../../core/constants.js";
-import { drawShapeFill, drawShapeStroke } from "../utils/draw-shape.js";
+import {
+  drawPill,
+  drawShapeFill,
+  drawShapeStroke
+} from "../utils/draw-shape.js";
 const HighlightedPointCanvas = ({
-  points
+  selectionPoints,
+  hoverGroups
 }) => {
   const draw = useCallback(
     (ctx) => {
-      const strokeColor = getStrokeColor(points);
-      for (const point of points) {
-        drawShapeStroke(ctx, point, DATA_POINT_OUTER_RADIUS, strokeColor);
+      for (const group of hoverGroups) {
+        if (group.length >= 2) {
+          drawPill(ctx, group, getStrokeColor(group));
+          for (const point of group) {
+            drawShapeFill(ctx, point, DEFAULT_DATA_POINT_RADIUS);
+          }
+        } else {
+          drawShapeStroke(
+            ctx,
+            group[0],
+            DATA_POINT_OUTER_RADIUS,
+            getStrokeColor(group)
+          );
+          drawShapeFill(ctx, group[0], DEFAULT_DATA_POINT_RADIUS);
+        }
+      }
+      const selectionStrokeColor = getStrokeColor(selectionPoints);
+      for (const point of selectionPoints) {
+        drawShapeStroke(
+          ctx,
+          point,
+          DATA_POINT_OUTER_RADIUS,
+          selectionStrokeColor
+        );
         drawShapeFill(ctx, point, DEFAULT_DATA_POINT_RADIUS);
       }
       return false;
     },
-    [points]
+    [selectionPoints, hoverGroups]
   );
   useCanvas("Highlighted-DataPoints", draw);
   return null;

package/esm/charts/xy-chart/components/overlay/explore/HighlightedPointCanvas.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/explore/HighlightedPointCanvas.tsx"],
-  "sourcesContent": ["import { useCallback } from 'react';\n\nimport { useCanvas } from '../../../../core/components/canvas/hooks/useCanvas.js';\nimport { DATA_POINT_OUTER_RADIUS } from '../../../../core/components/data-point/constants.js';\nimport { getStrokeColor } from '../../../../core/components/data-point/utils/data-point.js';\nimport { DEFAULT_DATA_POINT_RADIUS } from '../../../../core/constants.js';\nimport { DataPoint } from '../../../../core/types/data-point.js';\nimport { drawShapeFill, drawShapeStroke } from '../utils/draw-shape.js';\n\ninterface HighlightedDatapointCanvasProps {\n  points: DataPoint[];\n}\n\nexport const HighlightedPointCanvas = ({\n  points,\n}: HighlightedDatapointCanvasProps) => {\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      const strokeColor = getStrokeColor(points);\n      for (const point of points) {\n        drawShapeStroke(ctx, point, DATA_POINT_OUTER_RADIUS, strokeColor);\n        drawShapeFill(ctx, point, DEFAULT_DATA_POINT_RADIUS);\n      }\n\n      return false;\n    },\n    [points],\n  );\n\n  useCanvas('Highlighted-DataPoints', draw);\n\n  return null;\n};\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,iBAAiB;AAC1B,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAE1C,SAAS,eAAe,uBAAuB;AAMxC,MAAM,yBAAyB,CAAC;AAAA,EACrC;AACF,MAAuC;AACrC,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,YAAM,cAAc,eAAe,MAAM;AACzC,iBAAW,SAAS,QAAQ;AAC1B,wBAAgB,KAAK,OAAO,yBAAyB,WAAW;AAChE,sBAAc,KAAK,OAAO,yBAAyB;AAAA,MACrD;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,YAAU,0BAA0B,IAAI;AAExC,SAAO;AACT;",
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport { useCanvas } from '../../../../core/components/canvas/hooks/useCanvas.js';\nimport { DATA_POINT_OUTER_RADIUS } from '../../../../core/components/data-point/constants.js';\nimport { getStrokeColor } from '../../../../core/components/data-point/utils/data-point.js';\nimport { DEFAULT_DATA_POINT_RADIUS } from '../../../../core/constants.js';\nimport { DataPoint } from '../../../../core/types/data-point.js';\nimport {\n  drawPill,\n  drawShapeFill,\n  drawShapeStroke,\n} from '../utils/draw-shape.js';\n\ninterface HighlightedDatapointCanvasProps {\n  selectionPoints: DataPoint[];\n  hoverGroups: DataPoint[][];\n}\n\nexport const HighlightedPointCanvas = ({\n  selectionPoints,\n  hoverGroups,\n}: HighlightedDatapointCanvasProps) => {\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      for (const group of hoverGroups) {\n        if (group.length >= 2) {\n          drawPill(ctx, group, getStrokeColor(group));\n          for (const point of group) {\n            drawShapeFill(ctx, point, DEFAULT_DATA_POINT_RADIUS);\n          }\n        } else {\n          drawShapeStroke(\n            ctx,\n            group[0],\n            DATA_POINT_OUTER_RADIUS,\n            getStrokeColor(group),\n          );\n          drawShapeFill(ctx, group[0], DEFAULT_DATA_POINT_RADIUS);\n        }\n      }\n\n      const selectionStrokeColor = getStrokeColor(selectionPoints);\n      for (const point of selectionPoints) {\n        drawShapeStroke(\n          ctx,\n          point,\n          DATA_POINT_OUTER_RADIUS,\n          selectionStrokeColor,\n        );\n        drawShapeFill(ctx, point, DEFAULT_DATA_POINT_RADIUS);\n      }\n\n      return false;\n    },\n    [selectionPoints, hoverGroups],\n  );\n\n  useCanvas('Highlighted-DataPoints', draw);\n\n  return null;\n};\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,iBAAiB;AAC1B,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAE1C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOA,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AACF,MAAuC;AACrC,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,iBAAW,SAAS,aAAa;AAC/B,YAAI,MAAM,UAAU,GAAG;AACrB,mBAAS,KAAK,OAAO,eAAe,KAAK,CAAC;AAC1C,qBAAW,SAAS,OAAO;AACzB,0BAAc,KAAK,OAAO,yBAAyB;AAAA,UACrD;AAAA,QACF,OAAO;AACL;AAAA,YACE;AAAA,YACA,MAAM,CAAC;AAAA,YACP;AAAA,YACA,eAAe,KAAK;AAAA,UACtB;AACA,wBAAc,KAAK,MAAM,CAAC,GAAG,yBAAyB;AAAA,QACxD;AAAA,MACF;AAEA,YAAM,uBAAuB,eAAe,eAAe;AAC3D,iBAAW,SAAS,iBAAiB;AACnC;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AACA,sBAAc,KAAK,OAAO,yBAAyB;AAAA,MACrD;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,iBAAiB,WAAW;AAAA,EAC/B;AAEA,YAAU,0BAA0B,IAAI;AAExC,SAAO;AACT;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.css

@@ -1,4 +1,4 @@
-._1bbe5uo0-3-7-1 {
+._1bbe5uo0-3-9-0 {
   overflow: visible;
   cursor: crosshair;
   z-index: 1;

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.sty.js

@@ -1,5 +1,5 @@
 import "./XYChartCrosshair.css";
-var crosshair = "_1bbe5uo0-3-7-1";
+var crosshair = "_1bbe5uo0-3-9-0";
 export {
   crosshair
 };

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/explore/XYChartCrosshair.css.ts"],
-  "sourcesContent": ["import './XYChartCrosshair.css';\nexport var crosshair = '_1bbe5uo0-3-7-1';"],
+  "sourcesContent": ["import './XYChartCrosshair.css';\nexport var crosshair = '_1bbe5uo0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/explore/XYChartExplore.css

@@ -1,4 +1,4 @@
-._cd1yys0-3-7-1 {
+._cd1yys0-3-9-0 {
   top: -11px;
   left: -11px;
   width: calc(100% + 22px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._cd1yys1-3-7-1 {
+._cd1yys1-3-9-0 {
   top: 0px;
   left: 0px;
   width: calc(100% + 1px);

package/esm/charts/xy-chart/components/overlay/explore/XYChartExplore.sty.js

@@ -1,7 +1,7 @@
 import "../../../../core/components/chart-grid/ChartGrid.css";
 import "./XYChartExplore.css";
-var datapointIndicatorLayout = "_cd1yys1-3-7-1 _13lzg4k0-3-7-1";
-var datapointIndicatorShiftedLayout = "_cd1yys0-3-7-1 _13lzg4k0-3-7-1";
+var datapointIndicatorLayout = "_cd1yys1-3-9-0 _13lzg4k0-3-9-0";
+var datapointIndicatorShiftedLayout = "_cd1yys0-3-9-0 _13lzg4k0-3-9-0";
 export {
   datapointIndicatorLayout,
   datapointIndicatorShiftedLayout

package/esm/charts/xy-chart/components/overlay/explore/XYChartExplore.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/explore/XYChartExplore.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartExplore.css';\nexport var datapointIndicatorLayout = '_cd1yys1-3-7-1 _13lzg4k0-3-7-1';\nexport var datapointIndicatorShiftedLayout = '_cd1yys0-3-7-1 _13lzg4k0-3-7-1';"],
+  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartExplore.css';\nexport var datapointIndicatorLayout = '_cd1yys1-3-9-0 _13lzg4k0-3-9-0';\nexport var datapointIndicatorShiftedLayout = '_cd1yys0-3-9-0 _13lzg4k0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,2BAA2B;AAC/B,IAAI,kCAAkC;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/explore/XYChartLinearPoint.js

@@ -6,12 +6,14 @@ import { Canvas } from "../../../../core/components/canvas/Canvas.js";
 import { CanvasContext } from "../../../../core/components/canvas/CanvasContext.js";
 import { useGridPlotSize } from "../../../../core/components/chart-grid/hooks/useGridPlotSize.js";
 import { POINT_OVERLAY_PADDING } from "../../../../core/components/data-point/constants.js";
+import { getGroupedDataPointsByCoordinate } from "../../../../core/utils/group-by-threshold.js";
 import { useAreaData } from "../../../hooks/useAreaData.js";
 import { useDotData } from "../../../hooks/useDotData.js";
 import { useLineData } from "../../../hooks/useLineData.js";
 import { useXYChartData } from "../../../hooks/useXYChartData.js";
 import { useXYChartLinearSelection } from "../../../hooks/useXYChartLinearSelection.js";
 import { useXYChartScales } from "../../../hooks/useXYChartScales.js";
+import { useXYChartTooltip } from "../../../hooks/useXYChartTooltip.js";
 import { useSelectState } from "../../../store/selectors.js";
 import { useTooltipMetadata } from "../hooks/useTooltipMetadata.js";
 import {
@@ -20,6 +22,7 @@ import {
 } from "../utils/get-selected-datapoints.js";
 const XYChartLinearPoint = memo(() => {
   const allLinearDatapoints = useTooltipMetadata("linear");
+  const { variant } = useXYChartTooltip();
   const selectState = useSelectState();
   const { width, height } = useGridPlotSize();
   const axisIdToScales = useXYChartScales();
@@ -69,11 +72,8 @@ const XYChartLinearPoint = memo(() => {
       datapointMetadataMap
     })
   );
-  const highlightedPoints = [
-    ...selectionPoints,
-    ...contentPoints
-  ];
-  if (!highlightedPoints.length) {
+  const hoverGroups = variant === "shared" ? getGroupedDataPointsByCoordinate(contentPoints, "y") : contentPoints.map((point) => [point]);
+  if (selectionPoints.length === 0 && hoverGroups.length === 0) {
     return null;
   }
   return /* @__PURE__ */ jsx("div", { className: datapointIndicatorShiftedLayout, children: /* @__PURE__ */ jsx(
@@ -87,7 +87,13 @@ const XYChartLinearPoint = memo(() => {
         {
           width: width + 2 * POINT_OVERLAY_PADDING,
           height: height + 2 * POINT_OVERLAY_PADDING,
-          children: /* @__PURE__ */ jsx(HighlightedPointCanvas, { points: highlightedPoints })
+          children: /* @__PURE__ */ jsx(
+            HighlightedPointCanvas,
+            {
+              selectionPoints,
+              hoverGroups
+            }
+          )
         }
       )
     }

package/esm/charts/xy-chart/components/overlay/explore/XYChartLinearPoint.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/explore/XYChartLinearPoint.tsx"],
-  "sourcesContent": ["import { memo, type MutableRefObject } from 'react';\n\nimport { HighlightedPointCanvas } from './HighlightedPointCanvas.js';\nimport { datapointIndicatorShiftedLayout } from './XYChartExplore.sty.js';\nimport { Canvas } from '../../../../core/components/canvas/Canvas.js';\nimport { CanvasContext } from '../../../../core/components/canvas/CanvasContext.js';\nimport type { CanvasShape } from '../../../../core/components/canvas/types/canvas-shape.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { POINT_OVERLAY_PADDING } from '../../../../core/components/data-point/constants.js';\nimport { useAreaData } from '../../../hooks/useAreaData.js';\nimport { useDotData } from '../../../hooks/useDotData.js';\nimport { useLineData } from '../../../hooks/useLineData.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartLinearSelection } from '../../../hooks/useXYChartLinearSelection.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { useSelectState } from '../../../store/selectors.js';\nimport { type HighlightedLinearPoint } from '../../../types/xy-chart-internals.js';\nimport { useTooltipMetadata } from '../hooks/useTooltipMetadata.js';\nimport {\n  buildContentHighlightedPoint,\n  buildSelectionHighlightedPoints,\n} from '../utils/get-selected-datapoints.js';\n\nexport const XYChartLinearPoint = memo(() => {\n  const allLinearDatapoints = useTooltipMetadata('linear');\n  const selectState = useSelectState();\n  const { width, height } = useGridPlotSize();\n  const axisIdToScales = useXYChartScales();\n  const linearSelection = useXYChartLinearSelection();\n  const { axisIdToScaleDomain } = useXYChartData();\n  const { axes, datapointMetadataMap } = useXYChartData();\n\n  const {\n    seriesToMetadata: dotSeriesMeta,\n    filteredSeriesWithDatapoints: dotSeriesWithDatapoints,\n  } = useDotData();\n  const {\n    seriesToMetadata: lineSeriesMeta,\n    filteredSeriesWithDatapoints: lineSeriesWithDatapoints,\n  } = useLineData();\n  const {\n    seriesToMetadata: areaSeriesMeta,\n    filteredSeriesWithDatapoints: areaSeriesWithDatapoints,\n  } = useAreaData();\n\n  const showContentPoint = allLinearDatapoints.length > 0;\n\n  const showPoint =\n    !showContentPoint &&\n    (!selectState || linearSelection.selectionConfigByAxisId.size === 0);\n\n  if (showPoint) {\n    return null;\n  }\n\n  const selectionPoints = buildSelectionHighlightedPoints({\n    selectState,\n    linearSelection,\n    width,\n    axisIdToScales,\n    dotSeriesWithDatapoints,\n    lineSeriesWithDatapoints,\n    areaSeriesWithDatapoints,\n    dotSeriesMeta,\n    lineSeriesMeta,\n    areaSeriesMeta,\n    axisIdToScaleDomain,\n    axes,\n    datapointMetadataMap,\n  });\n\n  const contentPoints = allLinearDatapoints.flatMap((contentState) =>\n    buildContentHighlightedPoint({\n      contentState,\n      axisIdToScales,\n      dotSeriesMeta,\n      lineSeriesMeta,\n      areaSeriesMeta,\n      axisIdToScaleDomain,\n      datapointMetadataMap,\n    }),\n  );\n\n  const highlightedPoints: HighlightedLinearPoint[] = [\n    ...selectionPoints,\n    ...contentPoints,\n  ];\n\n  if (!highlightedPoints.length) {\n    return null;\n  }\n\n  return (\n    <div className={datapointIndicatorShiftedLayout}>\n      <CanvasContext.Provider\n        value={{\n          shapeRefs: new Map<string, MutableRefObject<CanvasShape>>(),\n        }}\n      >\n        <Canvas\n          width={width + 2 * POINT_OVERLAY_PADDING}\n          height={height + 2 * POINT_OVERLAY_PADDING}\n        >\n          <HighlightedPointCanvas points={highlightedPoints} />\n        </Canvas>\n      </CanvasContext.Provider>\n    </div>\n  );\n});\n\nXYChartLinearPoint['displayName'] = 'XYChartLinearPoint';\n"],
-  "mappings": "AAuGU;AAvGV,SAAS,YAAmC;AAE5C,SAAS,8BAA8B;AACvC,SAAS,uCAAuC;AAChD,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAE9B,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAE/B,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,qBAAqB,KAAK,MAAM;AAC3C,QAAM,sBAAsB,mBAAmB,QAAQ;AACvD,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,OAAO,OAAO,IAAI,gBAAgB;AAC1C,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,kBAAkB,0BAA0B;AAClD,QAAM,EAAE,oBAAoB,IAAI,eAAe;AAC/C,QAAM,EAAE,MAAM,qBAAqB,IAAI,eAAe;AAEtD,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB,8BAA8B;AAAA,EAChC,IAAI,WAAW;AACf,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB,8BAA8B;AAAA,EAChC,IAAI,YAAY;AAChB,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB,8BAA8B;AAAA,EAChC,IAAI,YAAY;AAEhB,QAAM,mBAAmB,oBAAoB,SAAS;AAEtD,QAAM,YACJ,CAAC,qBACA,CAAC,eAAe,gBAAgB,wBAAwB,SAAS;AAEpE,MAAI,WAAW;AACb,WAAO;AAAA,EACT;AAEA,QAAM,kBAAkB,gCAAgC;AAAA,IACtD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,oBAAoB;AAAA,IAAQ,CAAC,iBACjD,6BAA6B;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,oBAA8C;AAAA,IAClD,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAEA,MAAI,CAAC,kBAAkB,QAAQ;AAC7B,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,SAAI,WAAW,iCACd;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,OAAO;AAAA,QACL,WAAW,oBAAI,IAA2C;AAAA,MAC5D;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,QAAQ,IAAI;AAAA,UACnB,QAAQ,SAAS,IAAI;AAAA,UAErB,8BAAC,0BAAuB,QAAQ,mBAAmB;AAAA;AAAA,MACrD;AAAA;AAAA,EACF,GACF;AAEJ,CAAC;AAED,mBAAmB,aAAa,IAAI;",
+  "sourcesContent": ["import { memo, type MutableRefObject } from 'react';\n\nimport { HighlightedPointCanvas } from './HighlightedPointCanvas.js';\nimport { datapointIndicatorShiftedLayout } from './XYChartExplore.sty.js';\nimport { Canvas } from '../../../../core/components/canvas/Canvas.js';\nimport { CanvasContext } from '../../../../core/components/canvas/CanvasContext.js';\nimport type { CanvasShape } from '../../../../core/components/canvas/types/canvas-shape.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { POINT_OVERLAY_PADDING } from '../../../../core/components/data-point/constants.js';\nimport { getGroupedDataPointsByCoordinate } from '../../../../core/utils/group-by-threshold.js';\nimport { useAreaData } from '../../../hooks/useAreaData.js';\nimport { useDotData } from '../../../hooks/useDotData.js';\nimport { useLineData } from '../../../hooks/useLineData.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartLinearSelection } from '../../../hooks/useXYChartLinearSelection.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { useXYChartTooltip } from '../../../hooks/useXYChartTooltip.js';\nimport { useSelectState } from '../../../store/selectors.js';\nimport { useTooltipMetadata } from '../hooks/useTooltipMetadata.js';\nimport {\n  buildContentHighlightedPoint,\n  buildSelectionHighlightedPoints,\n} from '../utils/get-selected-datapoints.js';\n\nexport const XYChartLinearPoint = memo(() => {\n  const allLinearDatapoints = useTooltipMetadata('linear');\n  const { variant } = useXYChartTooltip();\n  const selectState = useSelectState();\n  const { width, height } = useGridPlotSize();\n  const axisIdToScales = useXYChartScales();\n  const linearSelection = useXYChartLinearSelection();\n  const { axisIdToScaleDomain } = useXYChartData();\n  const { axes, datapointMetadataMap } = useXYChartData();\n\n  const {\n    seriesToMetadata: dotSeriesMeta,\n    filteredSeriesWithDatapoints: dotSeriesWithDatapoints,\n  } = useDotData();\n  const {\n    seriesToMetadata: lineSeriesMeta,\n    filteredSeriesWithDatapoints: lineSeriesWithDatapoints,\n  } = useLineData();\n  const {\n    seriesToMetadata: areaSeriesMeta,\n    filteredSeriesWithDatapoints: areaSeriesWithDatapoints,\n  } = useAreaData();\n\n  const showContentPoint = allLinearDatapoints.length > 0;\n\n  const showPoint =\n    !showContentPoint &&\n    (!selectState || linearSelection.selectionConfigByAxisId.size === 0);\n\n  if (showPoint) {\n    return null;\n  }\n\n  const selectionPoints = buildSelectionHighlightedPoints({\n    selectState,\n    linearSelection,\n    width,\n    axisIdToScales,\n    dotSeriesWithDatapoints,\n    lineSeriesWithDatapoints,\n    areaSeriesWithDatapoints,\n    dotSeriesMeta,\n    lineSeriesMeta,\n    areaSeriesMeta,\n    axisIdToScaleDomain,\n    axes,\n    datapointMetadataMap,\n  });\n\n  const contentPoints = allLinearDatapoints.flatMap((contentState) =>\n    buildContentHighlightedPoint({\n      contentState,\n      axisIdToScales,\n      dotSeriesMeta,\n      lineSeriesMeta,\n      areaSeriesMeta,\n      axisIdToScaleDomain,\n      datapointMetadataMap,\n    }),\n  );\n\n  // The lollipop pill (grouping close hover points) is a shared-tooltip\n  // feature only. In the default variant each hover point keeps its own\n  // single-circle highlight, so it is wrapped as a singleton group.\n  const hoverGroups =\n    variant === 'shared'\n      ? getGroupedDataPointsByCoordinate(contentPoints, 'y')\n      : contentPoints.map((point) => [point]);\n\n  if (selectionPoints.length === 0 && hoverGroups.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={datapointIndicatorShiftedLayout}>\n      <CanvasContext.Provider\n        value={{\n          shapeRefs: new Map<string, MutableRefObject<CanvasShape>>(),\n        }}\n      >\n        <Canvas\n          width={width + 2 * POINT_OVERLAY_PADDING}\n          height={height + 2 * POINT_OVERLAY_PADDING}\n        >\n          <HighlightedPointCanvas\n            selectionPoints={selectionPoints}\n            hoverGroups={hoverGroups}\n          />\n        </Canvas>\n      </CanvasContext.Provider>\n    </div>\n  );\n});\n\nXYChartLinearPoint['displayName'] = 'XYChartLinearPoint';\n"],
+  "mappings": "AA4GU;AA5GV,SAAS,YAAmC;AAE5C,SAAS,8BAA8B;AACvC,SAAS,uCAAuC;AAChD,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAE9B,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,wCAAwC;AACjD,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,qBAAqB,KAAK,MAAM;AAC3C,QAAM,sBAAsB,mBAAmB,QAAQ;AACvD,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,OAAO,OAAO,IAAI,gBAAgB;AAC1C,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,kBAAkB,0BAA0B;AAClD,QAAM,EAAE,oBAAoB,IAAI,eAAe;AAC/C,QAAM,EAAE,MAAM,qBAAqB,IAAI,eAAe;AAEtD,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB,8BAA8B;AAAA,EAChC,IAAI,WAAW;AACf,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB,8BAA8B;AAAA,EAChC,IAAI,YAAY;AAChB,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB,8BAA8B;AAAA,EAChC,IAAI,YAAY;AAEhB,QAAM,mBAAmB,oBAAoB,SAAS;AAEtD,QAAM,YACJ,CAAC,qBACA,CAAC,eAAe,gBAAgB,wBAAwB,SAAS;AAEpE,MAAI,WAAW;AACb,WAAO;AAAA,EACT;AAEA,QAAM,kBAAkB,gCAAgC;AAAA,IACtD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,oBAAoB;AAAA,IAAQ,CAAC,iBACjD,6BAA6B;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAKA,QAAM,cACJ,YAAY,WACR,iCAAiC,eAAe,GAAG,IACnD,cAAc,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;AAE1C,MAAI,gBAAgB,WAAW,KAAK,YAAY,WAAW,GAAG;AAC5D,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,SAAI,WAAW,iCACd;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,OAAO;AAAA,QACL,WAAW,oBAAI,IAA2C;AAAA,MAC5D;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,QAAQ,IAAI;AAAA,UACnB,QAAQ,SAAS,IAAI;AAAA,UAErB;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACF;AAEJ,CAAC;AAED,mBAAmB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/hooks/useApplyPanDelta.js

@@ -2,6 +2,7 @@ import { useTooltipActions } from "../../../../core/components/overlay-tooltip/u
 import { useSynchronizedSelection } from "../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js";
 import { getNextPanDomain } from "../../../../core/components/zoom/utils/get-next-pan-domain.js";
 import { ZOOM_CHANGE_TYPE } from "../../../../core/types/zoom.js";
+import { isSameDomain } from "../../../../core/utils/zoom.js";
 import { useXYChartData } from "../../../hooks/useXYChartData.js";
 import { useXYChartScales } from "../../../hooks/useXYChartScales.js";
 import { reducePanDomain } from "../../../store/reducer-pan.js";
@@ -36,7 +37,10 @@ const useApplyPanDelta = () => {
           allAxesHaveInfiniteZoom
         );
         nextDomain = [min, max];
-        handleZoomChange(axis, min, max, ZOOM_CHANGE_TYPE.Panning);
+        const panCurrentDomain = currentScale.domain();
+        if (!isSameDomain([min, max], panCurrentDomain)) {
+          handleZoomChange(axis, min, max, ZOOM_CHANGE_TYPE.Panning);
+        }
       }
       const currentDomain = currentScale.domain();
       newCurrentDomain.set(

package/esm/charts/xy-chart/components/overlay/hooks/useApplyPanDelta.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/hooks/useApplyPanDelta.ts"],
-  "sourcesContent": ["import { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getNextPanDomain } from '../../../../core/components/zoom/utils/get-next-pan-domain.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reducePanDomain } from '../../../store/reducer-pan.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport { type XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n  isZoomEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\n/**\n * Returns a callback which given a delta in pixels, will apply the pan interaction and update the state accordingly\n */\nexport const useApplyPanDelta = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const { reset } = useTooltipActions();\n\n  return (delta: number) => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    const allAxesHaveInfiniteZoom = axes\n      .filter((axis) => isZoomEnabledFor(axis) && isPanEnabledFor(axis))\n      .every(isInfiniteZoomEnabledFor);\n\n    for (const axis of axes) {\n      let nextDomain;\n      const currentScale = getCurrentScale(axisIdToScales, axis.id);\n      if (isPanEnabledFor(axis)) {\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n        const initialDomain = initialScale.domain();\n\n        const [min, max] = getNextPanDomain(\n          [+initialDomain[0], +initialDomain[1]],\n          currentScale as AnyNumberScale,\n          -delta,\n          false,\n          allAxesHaveInfiniteZoom,\n        );\n\n        nextDomain = [min, max];\n\n        handleZoomChange(axis, min, max, ZOOM_CHANGE_TYPE.Panning);\n      }\n\n      const currentDomain = currentScale.domain();\n\n      newCurrentDomain.set(\n        axis.id,\n        nextDomain\n          ? { min: nextDomain[0], max: nextDomain[1] }\n          : { min: +currentDomain[0], max: +currentDomain[1] },\n      );\n    }\n\n    resetSelectionState?.();\n    setState(reducePanDomain(newCurrentDomain));\n    reset();\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAK1B,MAAM,mBAAmB,MAAM;AACpC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,SAAO,CAAC,UAAkB;AACxB,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,UAAM,0BAA0B,KAC7B,OAAO,CAAC,SAAS,iBAAiB,IAAI,KAAK,gBAAgB,IAAI,CAAC,EAChE,MAAM,wBAAwB;AAEjC,eAAW,QAAQ,MAAM;AACvB,UAAI;AACJ,YAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,UAAI,gBAAgB,IAAI,GAAG;AACzB,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM,CAAC,KAAK,GAAG,IAAI;AAAA,UACjB,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC;AAAA,UACA,CAAC;AAAA,UACD;AAAA,UACA;AAAA,QACF;AAEA,qBAAa,CAAC,KAAK,GAAG;AAEtB,yBAAiB,MAAM,KAAK,KAAK,iBAAiB,OAAO;AAAA,MAC3D;AAEA,YAAM,gBAAgB,aAAa,OAAO;AAE1C,uBAAiB;AAAA,QACf,KAAK;AAAA,QACL,aACI,EAAE,KAAK,WAAW,CAAC,GAAG,KAAK,WAAW,CAAC,EAAE,IACzC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,EAAE;AAAA,MACvD;AAAA,IACF;AAEA,0BAAsB;AACtB,aAAS,gBAAgB,gBAAgB,CAAC;AAC1C,UAAM;AAAA,EACR;AACF;",
+  "sourcesContent": ["import { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getNextPanDomain } from '../../../../core/components/zoom/utils/get-next-pan-domain.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { isSameDomain } from '../../../../core/utils/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reducePanDomain } from '../../../store/reducer-pan.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport { type XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n  isZoomEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\n/**\n * Returns a callback which given a delta in pixels, will apply the pan interaction and update the state accordingly\n */\nexport const useApplyPanDelta = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const { reset } = useTooltipActions();\n\n  return (delta: number) => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    const allAxesHaveInfiniteZoom = axes\n      .filter((axis) => isZoomEnabledFor(axis) && isPanEnabledFor(axis))\n      .every(isInfiniteZoomEnabledFor);\n\n    for (const axis of axes) {\n      let nextDomain;\n      const currentScale = getCurrentScale(axisIdToScales, axis.id);\n      if (isPanEnabledFor(axis)) {\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n        const initialDomain = initialScale.domain();\n\n        const [min, max] = getNextPanDomain(\n          [+initialDomain[0], +initialDomain[1]],\n          currentScale as AnyNumberScale,\n          -delta,\n          false,\n          allAxesHaveInfiniteZoom,\n        );\n\n        nextDomain = [min, max];\n\n        const panCurrentDomain = currentScale.domain() as number[] | Date[];\n        if (!isSameDomain([min, max], panCurrentDomain)) {\n          handleZoomChange(axis, min, max, ZOOM_CHANGE_TYPE.Panning);\n        }\n      }\n\n      const currentDomain = currentScale.domain();\n\n      newCurrentDomain.set(\n        axis.id,\n        nextDomain\n          ? { min: nextDomain[0], max: nextDomain[1] }\n          : { min: +currentDomain[0], max: +currentDomain[1] },\n      );\n    }\n\n    resetSelectionState?.();\n    setState(reducePanDomain(newCurrentDomain));\n    reset();\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAK1B,MAAM,mBAAmB,MAAM;AACpC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,SAAO,CAAC,UAAkB;AACxB,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,UAAM,0BAA0B,KAC7B,OAAO,CAAC,SAAS,iBAAiB,IAAI,KAAK,gBAAgB,IAAI,CAAC,EAChE,MAAM,wBAAwB;AAEjC,eAAW,QAAQ,MAAM;AACvB,UAAI;AACJ,YAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,UAAI,gBAAgB,IAAI,GAAG;AACzB,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM,CAAC,KAAK,GAAG,IAAI;AAAA,UACjB,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC;AAAA,UACA,CAAC;AAAA,UACD;AAAA,UACA;AAAA,QACF;AAEA,qBAAa,CAAC,KAAK,GAAG;AAEtB,cAAM,mBAAmB,aAAa,OAAO;AAC7C,YAAI,CAAC,aAAa,CAAC,KAAK,GAAG,GAAG,gBAAgB,GAAG;AAC/C,2BAAiB,MAAM,KAAK,KAAK,iBAAiB,OAAO;AAAA,QAC3D;AAAA,MACF;AAEA,YAAM,gBAAgB,aAAa,OAAO;AAE1C,uBAAiB;AAAA,QACf,KAAK;AAAA,QACL,aACI,EAAE,KAAK,WAAW,CAAC,GAAG,KAAK,WAAW,CAAC,EAAE,IACzC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,EAAE;AAAA,MACvD;AAAA,IACF;AAEA,0BAAsB;AACtB,aAAS,gBAAgB,gBAAgB,CAAC;AAC1C,UAAM;AAAA,EACR;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/hooks/useApplyZoomDelta.js

@@ -1,6 +1,7 @@
 import { useTooltipActions } from "../../../../core/components/overlay-tooltip/useTooltipActions.js";
 import { useSynchronizedSelection } from "../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js";
 import { getZoomStep } from "../../../../core/components/zoom/utils/get-zoom-step.js";
+import { isSameDomain } from "../../../../core/utils/zoom.js";
 import { useXYChartData } from "../../../hooks/useXYChartData.js";
 import { useXYChartScales } from "../../../hooks/useXYChartScales.js";
 import { reduceZoomDomain } from "../../../store/reducer-zoom.js";
@@ -44,7 +45,10 @@ const useApplyZoomDelta = () => {
           axis.id,
           nextDomain ? { min: nextDomain[0].valueOf(), max: nextDomain[1].valueOf() } : void 0
         );
-        handleZoomChange(axis, nextDomain[0], nextDomain[1], type);
+        const zoomCurrentDomain = currentScale.domain();
+        if (!isSameDomain(nextDomain, zoomCurrentDomain)) {
+          handleZoomChange(axis, nextDomain[0], nextDomain[1], type);
+        }
       }
     }
     resetSelectionState?.();

package/esm/charts/xy-chart/components/overlay/hooks/useApplyZoomDelta.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/hooks/useApplyZoomDelta.ts"],
-  "sourcesContent": ["import { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getZoomStep } from '../../../../core/components/zoom/utils/get-zoom-step.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport type { ZoomChangeType } from '../../../../core/types/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reduceZoomDomain } from '../../../store/reducer-zoom.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport type { XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isZoomEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\n/**\n * Returns a callback which given a delta in pixels, will apply the zoom interaction and update the state accordingly\n */\nexport const useApplyZoomDelta = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const { reset } = useTooltipActions();\n\n  return (deltaStart: number, deltaEnd: number, type: ZoomChangeType) => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    let zoomInEnabled = false;\n    let zoomOutEnabled = false;\n\n    const allAxesHaveInfiniteZoom = axes\n      .filter(isZoomEnabledFor)\n      .every((axis) => isInfiniteZoomEnabledFor(axis));\n\n    for (const axis of axes) {\n      if (isZoomEnabledFor(axis)) {\n        const currentScale = getCurrentScale(axisIdToScales, axis.id);\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n\n        const initialDomain = initialScale.domain();\n\n        const {\n          nextDomain,\n          zoomInEnabled: inEnabled,\n          zoomOutEnabled: outEnabled,\n        } = getZoomStep(\n          currentScale as AnyNumberScale,\n          [+initialDomain[0], +initialDomain[1]],\n          allAxesHaveInfiniteZoom,\n          deltaStart,\n          deltaEnd,\n        );\n\n        zoomInEnabled ||= inEnabled;\n        zoomOutEnabled ||= outEnabled;\n\n        newCurrentDomain.set(\n          axis.id,\n          nextDomain\n            ? { min: nextDomain[0].valueOf(), max: nextDomain[1].valueOf() }\n            : undefined,\n        );\n\n        handleZoomChange(axis, nextDomain[0], nextDomain[1], type);\n      }\n    }\n    resetSelectionState?.();\n    setState(reduceZoomDomain(newCurrentDomain, zoomInEnabled, zoomOutEnabled));\n    reset();\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,mBAAmB;AAG5B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAK1B,MAAM,oBAAoB,MAAM;AACrC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,SAAO,CAAC,YAAoB,UAAkB,SAAyB;AACrE,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,QAAI,gBAAgB;AACpB,QAAI,iBAAiB;AAErB,UAAM,0BAA0B,KAC7B,OAAO,gBAAgB,EACvB,MAAM,CAAC,SAAS,yBAAyB,IAAI,CAAC;AAEjD,eAAW,QAAQ,MAAM;AACvB,UAAI,iBAAiB,IAAI,GAAG;AAC1B,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAE5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM;AAAA,UACJ;AAAA,UACA,eAAe;AAAA,UACf,gBAAgB;AAAA,QAClB,IAAI;AAAA,UACF;AAAA,UACA,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAEA,0BAAkB;AAClB,2BAAmB;AAEnB,yBAAiB;AAAA,UACf,KAAK;AAAA,UACL,aACI,EAAE,KAAK,WAAW,CAAC,EAAE,QAAQ,GAAG,KAAK,WAAW,CAAC,EAAE,QAAQ,EAAE,IAC7D;AAAA,QACN;AAEA,yBAAiB,MAAM,WAAW,CAAC,GAAG,WAAW,CAAC,GAAG,IAAI;AAAA,MAC3D;AAAA,IACF;AACA,0BAAsB;AACtB,aAAS,iBAAiB,kBAAkB,eAAe,cAAc,CAAC;AAC1E,UAAM;AAAA,EACR;AACF;",
+  "sourcesContent": ["import { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getZoomStep } from '../../../../core/components/zoom/utils/get-zoom-step.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport type { ZoomChangeType } from '../../../../core/types/zoom.js';\nimport { isSameDomain } from '../../../../core/utils/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reduceZoomDomain } from '../../../store/reducer-zoom.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport type { XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isZoomEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\n/**\n * Returns a callback which given a delta in pixels, will apply the zoom interaction and update the state accordingly\n */\nexport const useApplyZoomDelta = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const { reset } = useTooltipActions();\n\n  return (deltaStart: number, deltaEnd: number, type: ZoomChangeType) => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    let zoomInEnabled = false;\n    let zoomOutEnabled = false;\n\n    const allAxesHaveInfiniteZoom = axes\n      .filter(isZoomEnabledFor)\n      .every((axis) => isInfiniteZoomEnabledFor(axis));\n\n    for (const axis of axes) {\n      if (isZoomEnabledFor(axis)) {\n        const currentScale = getCurrentScale(axisIdToScales, axis.id);\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n\n        const initialDomain = initialScale.domain();\n\n        const {\n          nextDomain,\n          zoomInEnabled: inEnabled,\n          zoomOutEnabled: outEnabled,\n        } = getZoomStep(\n          currentScale as AnyNumberScale,\n          [+initialDomain[0], +initialDomain[1]],\n          allAxesHaveInfiniteZoom,\n          deltaStart,\n          deltaEnd,\n        );\n\n        zoomInEnabled ||= inEnabled;\n        zoomOutEnabled ||= outEnabled;\n\n        newCurrentDomain.set(\n          axis.id,\n          nextDomain\n            ? { min: nextDomain[0].valueOf(), max: nextDomain[1].valueOf() }\n            : undefined,\n        );\n\n        const zoomCurrentDomain = currentScale.domain() as (number | Date)[];\n        if (!isSameDomain(nextDomain as (number | Date)[], zoomCurrentDomain)) {\n          handleZoomChange(axis, nextDomain[0], nextDomain[1], type);\n        }\n      }\n    }\n    resetSelectionState?.();\n    setState(reduceZoomDomain(newCurrentDomain, zoomInEnabled, zoomOutEnabled));\n    reset();\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,mBAAmB;AAG5B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAK1B,MAAM,oBAAoB,MAAM;AACrC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,SAAO,CAAC,YAAoB,UAAkB,SAAyB;AACrE,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,QAAI,gBAAgB;AACpB,QAAI,iBAAiB;AAErB,UAAM,0BAA0B,KAC7B,OAAO,gBAAgB,EACvB,MAAM,CAAC,SAAS,yBAAyB,IAAI,CAAC;AAEjD,eAAW,QAAQ,MAAM;AACvB,UAAI,iBAAiB,IAAI,GAAG;AAC1B,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAE5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM;AAAA,UACJ;AAAA,UACA,eAAe;AAAA,UACf,gBAAgB;AAAA,QAClB,IAAI;AAAA,UACF;AAAA,UACA,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAEA,0BAAkB;AAClB,2BAAmB;AAEnB,yBAAiB;AAAA,UACf,KAAK;AAAA,UACL,aACI,EAAE,KAAK,WAAW,CAAC,EAAE,QAAQ,GAAG,KAAK,WAAW,CAAC,EAAE,QAAQ,EAAE,IAC7D;AAAA,QACN;AAEA,cAAM,oBAAoB,aAAa,OAAO;AAC9C,YAAI,CAAC,aAAa,YAAiC,iBAAiB,GAAG;AACrE,2BAAiB,MAAM,WAAW,CAAC,GAAG,WAAW,CAAC,GAAG,IAAI;AAAA,QAC3D;AAAA,MACF;AAAA,IACF;AACA,0BAAsB;AACtB,aAAS,iBAAiB,kBAAkB,eAAe,cAAc,CAAC;AAC1E,UAAM;AAAA,EACR;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/hooks/useOverlayEvents.js

@@ -12,6 +12,7 @@ import { useSynchronizedCrosshair } from "../../../../core/components/shared-cha
 import { useSynchronizedSelection } from "../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js";
 import { ZOOM_CHANGE_TYPE } from "../../../../core/types/zoom.js";
 import { getPercentageFromPixel } from "../../../../core/utils/get-percentage-from-pixel.js";
+import { isTouchableDevice } from "../../../../core/utils/is-touchable-device.js";
 import { useAreaData } from "../../../hooks/useAreaData.js";
 import { useBarData } from "../../../hooks/useBarData.js";
 import { useDotData } from "../../../hooks/useDotData.js";
@@ -91,6 +92,9 @@ const useOverlayEvents = () => {
   const handleHover = ({
     position
   }) => {
+    if (isTouchableDevice()) {
+      return;
+    }
     if (syncedXScale) {
       const hoveredDate = syncedXScale.invert(position.relative.x);
       disableSynchronizedCrosshair?.(false);

package/esm/charts/xy-chart/components/overlay/hooks/useOverlayEvents.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/hooks/useOverlayEvents.ts"],
-  "sourcesContent": ["import type { RefObject } from 'react';\n\nimport { useApplyPanDelta } from './useApplyPanDelta.js';\nimport { useApplyZoomDelta } from './useApplyZoomDelta.js';\nimport { useResetInteractions } from './useResetInteractions.js';\nimport { useZoomToSelection } from './useZoomToSelection.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport {\n  INTERACTION_MODE,\n  type InteractionMode,\n  type InteractionTriggers,\n  isSelectCancelled,\n  type ZoomBehavior,\n} from '../../../../core/components/interactions-overlay/types.js';\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport type {\n  _SelectionRef,\n  SelectionAreaVariant,\n} from '../../../../core/components/selection-area/types.js';\nimport { useSynchronizedCrosshair } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedCrosshair.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport type { RelativeAbsolutePosition } from '../../../../core/types/pointer-events.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { getPercentageFromPixel } from '../../../../core/utils/get-percentage-from-pixel.js';\nimport { useAreaData } from '../../../hooks/useAreaData.js';\nimport { useBarData } from '../../../hooks/useBarData.js';\nimport { useDotData } from '../../../hooks/useDotData.js';\nimport { useLineData } from '../../../hooks/useLineData.js';\nimport { useOverlayPerformance } from '../../../hooks/useOverlayPerformance.js';\nimport { useRectData } from '../../../hooks/useRectData.js';\nimport { useSyncedXScaleByPriority } from '../../../hooks/useSyncedXScaleByPriority.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartId } from '../../../hooks/useXYChartId.js';\nimport { reduceInteractionMode } from '../../../store/reduce-interaction-mode.js';\nimport {\n  reduceExploreCancelAll,\n  reduceExploreCancelHighlight,\n  reduceExploreCancelSelect,\n  reduceExplorePin,\n  reduceExploreReset,\n  reduceExploreSelect,\n  reduceExploreUnPin,\n} from '../../../store/reducer-explorer.js';\nimport {\n  useInteractionModeState,\n  useSetState,\n  useZoomState,\n} from '../../../store/selectors.js';\n\nexport const useOverlayEvents = () => {\n  const { filteredSeriesWithDatapoints: rectSeriesData } = useRectData();\n  const { filteredSeriesWithDatapoints: barSeriesData } = useBarData();\n  const { filteredSeriesWithDatapoints: dotSeriesData } = useDotData();\n  const { filteredSeriesWithDatapoints: lineSeriesData } = useLineData();\n  const { filteredSeriesWithDatapoints: areaSeriesData } = useAreaData();\n  const zoomToSelection = useZoomToSelection();\n  const setState = useSetState();\n  const mode = useInteractionModeState();\n  const applyPanDelta = useApplyPanDelta();\n  const applyReset = useResetInteractions();\n  const applyZoomDelta = useApplyZoomDelta();\n  const zoomState = useZoomState();\n  const { query } = useOverlayPerformance();\n  const { axesMetadata } = useXYChartData();\n  const chartId = useXYChartId();\n  const synchronizedCrosshair = useSynchronizedCrosshair();\n  const { width } = useGridPlotSize();\n  const {\n    updateSelectionState: updateSynchronizedSelection,\n    resetSelectionState: resetSynchronizedSelection,\n  } = useSynchronizedSelection();\n  const syncedXScale = useSyncedXScaleByPriority();\n  const { hover, pin, unpin, reset, outOfBounds } = useTooltipActions();\n  const {\n    updateHoverState: updateSynchronizedCrosshair,\n    setDisabled: disableSynchronizedCrosshair,\n  } = synchronizedCrosshair ?? {};\n\n  const getDatapoints = (position: RelativeAbsolutePosition) =>\n    query({\n      position,\n      dotSeriesData,\n      lineSeriesData,\n      areaSeriesData,\n      rectSeriesData,\n      barSeriesData,\n    });\n\n  const resetTooltip = () => {\n    setState(reduceExploreCancelHighlight);\n    reset();\n  };\n\n  const handleModeChange = (event: {\n    mode: InteractionMode;\n    keyboard: boolean;\n  }) => {\n    const canPan = axesMetadata.isPanEnabled && zoomState.zoomOutEnabled;\n    const shouldSwitchToPanMode = event.mode === 'pan' && canPan;\n    const shouldSwitchToZoomMode =\n      event.mode === 'zoom' && axesMetadata.isZoomEnabled;\n\n    if (shouldSwitchToPanMode || shouldSwitchToZoomMode) {\n      resetSynchronizedSelection?.();\n      setState(reduceInteractionMode(event.mode));\n      setState(reduceExploreReset);\n    } else if (event.mode === 'explore') {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    }\n  };\n\n  const handleHover = ({\n    position,\n  }: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => {\n    if (syncedXScale) {\n      const hoveredDate = syncedXScale.invert(position.relative.x);\n      disableSynchronizedCrosshair?.(false);\n      updateSynchronizedCrosshair?.(chartId, hoveredDate.valueOf());\n    }\n\n    const metadata = getDatapoints(position);\n\n    const payload = metadata.preferred\n      ? {\n          geometry: metadata.preferred.type,\n          header1: undefined,\n          series: [],\n          metadata,\n        }\n      : undefined;\n\n    hover(\n      { clientX: position.absolute.x, clientY: position.absolute.y },\n      payload,\n    );\n  };\n\n  const handleTogglePin = (\n    shouldPin: boolean,\n    position: RelativeAbsolutePosition | undefined,\n  ) => {\n    if (shouldPin) {\n      handlePin(position);\n      updateSynchronizedCrosshair?.(undefined);\n    } else {\n      handleUnPin(position);\n    }\n  };\n\n  const handleUnPin = (position: RelativeAbsolutePosition | undefined) => {\n    setState(reduceExploreUnPin);\n\n    if (position) {\n      const metadata = getDatapoints(position);\n\n      unpin();\n\n      if (metadata.preferred) {\n        hover(\n          { clientX: position.absolute.x, clientY: position.absolute.y },\n          {\n            geometry: metadata.preferred.type,\n            header1: undefined,\n            series: [],\n            metadata,\n          },\n        );\n      }\n    } else {\n      resetTooltip();\n    }\n  };\n\n  const handlePin = (position: RelativeAbsolutePosition | undefined) => {\n    if (!position) {\n      return;\n    }\n\n    const metadata = getDatapoints(position);\n\n    if (metadata.preferred) {\n      setState(reduceExplorePin(metadata.preferred.series.id));\n      pin(\n        { clientX: position.absolute.x, clientY: position.absolute.y },\n        {\n          geometry: metadata.preferred.type,\n          header1: undefined,\n          series: [],\n          metadata,\n        },\n      );\n    }\n  };\n\n  const handleReset = (event: {\n    triggeredBy: InteractionTriggers;\n    mousePosition?: RelativeAbsolutePosition;\n  }) => {\n    const { mousePosition: position } = event;\n    applyReset({ position });\n    disableSynchronizedCrosshair?.(false);\n    resetSynchronizedSelection?.();\n\n    if (!position) {\n      setState(reduceExploreCancelAll);\n\n      return;\n    }\n\n    setState(reduceExploreCancelAll);\n\n    const metadata = getDatapoints(position);\n\n    if (metadata.preferred) {\n      hover(\n        { clientX: position.absolute.x, clientY: position.absolute.y },\n        {\n          geometry: metadata.preferred.type,\n          header1: undefined,\n          series: [],\n          metadata,\n        },\n      );\n    } else {\n      outOfBounds();\n    }\n  };\n\n  const handleLeave = (_: { triggeredBy: InteractionTriggers }) => {\n    updateSynchronizedCrosshair?.(undefined);\n    outOfBounds();\n  };\n\n  const handlePanChange = (event: {\n    triggeredBy: InteractionTriggers;\n    delta: number;\n  }) => {\n    applyPanDelta(event.delta);\n  };\n\n  const handleSelectStart = (event: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => {\n    if (mode === 'explore') {\n      disableSynchronizedCrosshair?.(true);\n      updateSynchronizedSelection?.();\n    }\n    resetTooltip();\n  };\n\n  const handleSelectChange = (event: {\n    triggeredBy: InteractionTriggers;\n    start: RelativeAbsolutePosition;\n    end: RelativeAbsolutePosition;\n    mode: 'explore' | 'zoom';\n  }): void => {\n    const variant: SelectionAreaVariant =\n      event.mode === 'explore' ? 'select' : 'zoom';\n\n    setState(\n      reduceExploreSelect({\n        start: event.start,\n        end: event.end,\n        finished: false,\n        accessible: false,\n        variant,\n        selectionPercentage: getPercentageFromPixel(\n          [event.start, event.end],\n          width,\n        ),\n      }),\n    );\n    if (mode === 'explore' && syncedXScale) {\n      updateSynchronizedSelection?.({\n        selection: [event.start, event.end],\n        chartId,\n        scale: syncedXScale,\n      });\n    }\n  };\n\n  const handleSelectEnd = (\n    event:\n      | {\n          triggeredBy: InteractionTriggers;\n          start: RelativeAbsolutePosition;\n          end: RelativeAbsolutePosition;\n        }\n      | { cancelled: true },\n    ref: RefObject<_SelectionRef>,\n  ): void => {\n    if (isSelectCancelled(event)) {\n      setState(reduceExploreCancelSelect);\n      resetSynchronizedSelection?.();\n    } else if (mode === 'explore') {\n      setState(\n        reduceExploreSelect({\n          start: event.start,\n          end: event.end,\n          finished: true,\n          accessible: false,\n          variant: 'select',\n          selectionPercentage: getPercentageFromPixel(\n            [event.start, event.end],\n            width,\n          ),\n        }),\n      );\n      ref.current?.focus();\n      if (syncedXScale) {\n        updateSynchronizedSelection?.({\n          selection: [event.start, event.end],\n          chartId,\n          scale: syncedXScale,\n        });\n      }\n    } else {\n      // in case select is disabled and zoomX is enabled, only zoom to selection interaction is possible\n      zoomToSelection();\n    }\n  };\n\n  const handleZoomChange = (event: {\n    triggeredBy: InteractionTriggers;\n    deltaStart: number;\n    deltaEnd: number;\n    behavior: ZoomBehavior;\n  }) => {\n    const canZoomIn =\n      event.behavior === ZOOM_CHANGE_TYPE.ZoomIn && zoomState?.zoomInEnabled;\n    const canZoomOut =\n      event.behavior === ZOOM_CHANGE_TYPE.ZoomOut && zoomState.zoomOutEnabled;\n    const canZoomX = event.behavior === ZOOM_CHANGE_TYPE.ZoomX;\n\n    const canZoom = canZoomIn || canZoomOut || canZoomX;\n\n    if (canZoom && axesMetadata.isZoomEnabled) {\n      setState(reduceExploreCancelAll);\n\n      applyZoomDelta(event.deltaStart, event.deltaEnd, event.behavior);\n    }\n  };\n\n  return {\n    handleModeChange,\n    handleHover,\n    handleTogglePin,\n    handleReset,\n    handleLeave,\n    handlePanChange,\n    handleSelectChange,\n    handleSelectEnd,\n    handleZoomChange,\n    handleSelectStart,\n    resetTooltip,\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { RefObject } from 'react';\n\nimport { useApplyPanDelta } from './useApplyPanDelta.js';\nimport { useApplyZoomDelta } from './useApplyZoomDelta.js';\nimport { useResetInteractions } from './useResetInteractions.js';\nimport { useZoomToSelection } from './useZoomToSelection.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport {\n  INTERACTION_MODE,\n  type InteractionMode,\n  type InteractionTriggers,\n  isSelectCancelled,\n  type ZoomBehavior,\n} from '../../../../core/components/interactions-overlay/types.js';\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport type {\n  _SelectionRef,\n  SelectionAreaVariant,\n} from '../../../../core/components/selection-area/types.js';\nimport { useSynchronizedCrosshair } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedCrosshair.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport type { RelativeAbsolutePosition } from '../../../../core/types/pointer-events.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { getPercentageFromPixel } from '../../../../core/utils/get-percentage-from-pixel.js';\nimport { isTouchableDevice } from '../../../../core/utils/is-touchable-device.js';\nimport { useAreaData } from '../../../hooks/useAreaData.js';\nimport { useBarData } from '../../../hooks/useBarData.js';\nimport { useDotData } from '../../../hooks/useDotData.js';\nimport { useLineData } from '../../../hooks/useLineData.js';\nimport { useOverlayPerformance } from '../../../hooks/useOverlayPerformance.js';\nimport { useRectData } from '../../../hooks/useRectData.js';\nimport { useSyncedXScaleByPriority } from '../../../hooks/useSyncedXScaleByPriority.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartId } from '../../../hooks/useXYChartId.js';\nimport { reduceInteractionMode } from '../../../store/reduce-interaction-mode.js';\nimport {\n  reduceExploreCancelAll,\n  reduceExploreCancelHighlight,\n  reduceExploreCancelSelect,\n  reduceExplorePin,\n  reduceExploreReset,\n  reduceExploreSelect,\n  reduceExploreUnPin,\n} from '../../../store/reducer-explorer.js';\nimport {\n  useInteractionModeState,\n  useSetState,\n  useZoomState,\n} from '../../../store/selectors.js';\n\nexport const useOverlayEvents = () => {\n  const { filteredSeriesWithDatapoints: rectSeriesData } = useRectData();\n  const { filteredSeriesWithDatapoints: barSeriesData } = useBarData();\n  const { filteredSeriesWithDatapoints: dotSeriesData } = useDotData();\n  const { filteredSeriesWithDatapoints: lineSeriesData } = useLineData();\n  const { filteredSeriesWithDatapoints: areaSeriesData } = useAreaData();\n  const zoomToSelection = useZoomToSelection();\n  const setState = useSetState();\n  const mode = useInteractionModeState();\n  const applyPanDelta = useApplyPanDelta();\n  const applyReset = useResetInteractions();\n  const applyZoomDelta = useApplyZoomDelta();\n  const zoomState = useZoomState();\n  const { query } = useOverlayPerformance();\n  const { axesMetadata } = useXYChartData();\n  const chartId = useXYChartId();\n  const synchronizedCrosshair = useSynchronizedCrosshair();\n  const { width } = useGridPlotSize();\n  const {\n    updateSelectionState: updateSynchronizedSelection,\n    resetSelectionState: resetSynchronizedSelection,\n  } = useSynchronizedSelection();\n  const syncedXScale = useSyncedXScaleByPriority();\n  const { hover, pin, unpin, reset, outOfBounds } = useTooltipActions();\n  const {\n    updateHoverState: updateSynchronizedCrosshair,\n    setDisabled: disableSynchronizedCrosshair,\n  } = synchronizedCrosshair ?? {};\n\n  const getDatapoints = (position: RelativeAbsolutePosition) =>\n    query({\n      position,\n      dotSeriesData,\n      lineSeriesData,\n      areaSeriesData,\n      rectSeriesData,\n      barSeriesData,\n    });\n\n  const resetTooltip = () => {\n    setState(reduceExploreCancelHighlight);\n    reset();\n  };\n\n  const handleModeChange = (event: {\n    mode: InteractionMode;\n    keyboard: boolean;\n  }) => {\n    const canPan = axesMetadata.isPanEnabled && zoomState.zoomOutEnabled;\n    const shouldSwitchToPanMode = event.mode === 'pan' && canPan;\n    const shouldSwitchToZoomMode =\n      event.mode === 'zoom' && axesMetadata.isZoomEnabled;\n\n    if (shouldSwitchToPanMode || shouldSwitchToZoomMode) {\n      resetSynchronizedSelection?.();\n      setState(reduceInteractionMode(event.mode));\n      setState(reduceExploreReset);\n    } else if (event.mode === 'explore') {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    }\n  };\n\n  const handleHover = ({\n    position,\n  }: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => {\n    if (isTouchableDevice()) {\n      return;\n    }\n\n    if (syncedXScale) {\n      const hoveredDate = syncedXScale.invert(position.relative.x);\n      disableSynchronizedCrosshair?.(false);\n      updateSynchronizedCrosshair?.(chartId, hoveredDate.valueOf());\n    }\n\n    const metadata = getDatapoints(position);\n\n    const payload = metadata.preferred\n      ? {\n          geometry: metadata.preferred.type,\n          header1: undefined,\n          series: [],\n          metadata,\n        }\n      : undefined;\n\n    hover(\n      { clientX: position.absolute.x, clientY: position.absolute.y },\n      payload,\n    );\n  };\n\n  const handleTogglePin = (\n    shouldPin: boolean,\n    position: RelativeAbsolutePosition | undefined,\n  ) => {\n    if (shouldPin) {\n      handlePin(position);\n      updateSynchronizedCrosshair?.(undefined);\n    } else {\n      handleUnPin(position);\n    }\n  };\n\n  const handleUnPin = (position: RelativeAbsolutePosition | undefined) => {\n    setState(reduceExploreUnPin);\n\n    if (position) {\n      const metadata = getDatapoints(position);\n\n      unpin();\n\n      if (metadata.preferred) {\n        hover(\n          { clientX: position.absolute.x, clientY: position.absolute.y },\n          {\n            geometry: metadata.preferred.type,\n            header1: undefined,\n            series: [],\n            metadata,\n          },\n        );\n      }\n    } else {\n      resetTooltip();\n    }\n  };\n\n  const handlePin = (position: RelativeAbsolutePosition | undefined) => {\n    if (!position) {\n      return;\n    }\n\n    const metadata = getDatapoints(position);\n\n    if (metadata.preferred) {\n      setState(reduceExplorePin(metadata.preferred.series.id));\n      pin(\n        { clientX: position.absolute.x, clientY: position.absolute.y },\n        {\n          geometry: metadata.preferred.type,\n          header1: undefined,\n          series: [],\n          metadata,\n        },\n      );\n    }\n  };\n\n  const handleReset = (event: {\n    triggeredBy: InteractionTriggers;\n    mousePosition?: RelativeAbsolutePosition;\n  }) => {\n    const { mousePosition: position } = event;\n    applyReset({ position });\n    disableSynchronizedCrosshair?.(false);\n    resetSynchronizedSelection?.();\n\n    if (!position) {\n      setState(reduceExploreCancelAll);\n\n      return;\n    }\n\n    setState(reduceExploreCancelAll);\n\n    const metadata = getDatapoints(position);\n\n    if (metadata.preferred) {\n      hover(\n        { clientX: position.absolute.x, clientY: position.absolute.y },\n        {\n          geometry: metadata.preferred.type,\n          header1: undefined,\n          series: [],\n          metadata,\n        },\n      );\n    } else {\n      outOfBounds();\n    }\n  };\n\n  const handleLeave = (_: { triggeredBy: InteractionTriggers }) => {\n    updateSynchronizedCrosshair?.(undefined);\n    outOfBounds();\n  };\n\n  const handlePanChange = (event: {\n    triggeredBy: InteractionTriggers;\n    delta: number;\n  }) => {\n    applyPanDelta(event.delta);\n  };\n\n  const handleSelectStart = (event: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => {\n    if (mode === 'explore') {\n      disableSynchronizedCrosshair?.(true);\n      updateSynchronizedSelection?.();\n    }\n    resetTooltip();\n  };\n\n  const handleSelectChange = (event: {\n    triggeredBy: InteractionTriggers;\n    start: RelativeAbsolutePosition;\n    end: RelativeAbsolutePosition;\n    mode: 'explore' | 'zoom';\n  }): void => {\n    const variant: SelectionAreaVariant =\n      event.mode === 'explore' ? 'select' : 'zoom';\n\n    setState(\n      reduceExploreSelect({\n        start: event.start,\n        end: event.end,\n        finished: false,\n        accessible: false,\n        variant,\n        selectionPercentage: getPercentageFromPixel(\n          [event.start, event.end],\n          width,\n        ),\n      }),\n    );\n    if (mode === 'explore' && syncedXScale) {\n      updateSynchronizedSelection?.({\n        selection: [event.start, event.end],\n        chartId,\n        scale: syncedXScale,\n      });\n    }\n  };\n\n  const handleSelectEnd = (\n    event:\n      | {\n          triggeredBy: InteractionTriggers;\n          start: RelativeAbsolutePosition;\n          end: RelativeAbsolutePosition;\n        }\n      | { cancelled: true },\n    ref: RefObject<_SelectionRef>,\n  ): void => {\n    if (isSelectCancelled(event)) {\n      setState(reduceExploreCancelSelect);\n      resetSynchronizedSelection?.();\n    } else if (mode === 'explore') {\n      setState(\n        reduceExploreSelect({\n          start: event.start,\n          end: event.end,\n          finished: true,\n          accessible: false,\n          variant: 'select',\n          selectionPercentage: getPercentageFromPixel(\n            [event.start, event.end],\n            width,\n          ),\n        }),\n      );\n      ref.current?.focus();\n      if (syncedXScale) {\n        updateSynchronizedSelection?.({\n          selection: [event.start, event.end],\n          chartId,\n          scale: syncedXScale,\n        });\n      }\n    } else {\n      // in case select is disabled and zoomX is enabled, only zoom to selection interaction is possible\n      zoomToSelection();\n    }\n  };\n\n  const handleZoomChange = (event: {\n    triggeredBy: InteractionTriggers;\n    deltaStart: number;\n    deltaEnd: number;\n    behavior: ZoomBehavior;\n  }) => {\n    const canZoomIn =\n      event.behavior === ZOOM_CHANGE_TYPE.ZoomIn && zoomState?.zoomInEnabled;\n    const canZoomOut =\n      event.behavior === ZOOM_CHANGE_TYPE.ZoomOut && zoomState.zoomOutEnabled;\n    const canZoomX = event.behavior === ZOOM_CHANGE_TYPE.ZoomX;\n\n    const canZoom = canZoomIn || canZoomOut || canZoomX;\n\n    if (canZoom && axesMetadata.isZoomEnabled) {\n      setState(reduceExploreCancelAll);\n\n      applyZoomDelta(event.deltaStart, event.deltaEnd, event.behavior);\n    }\n  };\n\n  return {\n    handleModeChange,\n    handleHover,\n    handleTogglePin,\n    handleReset,\n    handleLeave,\n    handlePanChange,\n    handleSelectChange,\n    handleSelectEnd,\n    handleZoomChange,\n    handleSelectStart,\n    resetTooltip,\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/hooks/useResetInteractions.js

@@ -1,12 +1,13 @@
 import { useTooltipActions } from "../../../../core/components/overlay-tooltip/useTooltipActions.js";
 import { useSynchronizedSelection } from "../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js";
 import { ZOOM_CHANGE_TYPE } from "../../../../core/types/zoom.js";
+import { isSameDomain } from "../../../../core/utils/zoom.js";
 import { useXYChartData } from "../../../hooks/useXYChartData.js";
 import { useXYChartScales } from "../../../hooks/useXYChartScales.js";
 import { reduceResetInteractions } from "../../../store/reducer-reset.js";
 import { useSetState } from "../../../store/selectors.js";
 import { isZoomEnabledFor } from "../../../utils/axis-interactions.js";
-import { getInitialScale } from "../../../utils/get-scale.js";
+import { getCurrentScale, getInitialScale } from "../../../utils/get-scale.js";
 import { handleZoomChange } from "../utils/zoom-change-handler.js";
 const useResetInteractions = () => {
   const { reset } = useTooltipActions();
@@ -19,12 +20,16 @@ const useResetInteractions = () => {
       if (isZoomEnabledFor(axis)) {
         const initialScale = getInitialScale(axisIdToScales, axis.id);
         const initialDomain = initialScale.domain();
-        handleZoomChange(
-          axis,
-          initialDomain[0],
-          initialDomain[1],
-          ZOOM_CHANGE_TYPE.Reset
-        );
+        const currentScale = getCurrentScale(axisIdToScales, axis.id);
+        const currentDomain = currentScale.domain();
+        if (!isSameDomain(currentDomain, initialDomain)) {
+          handleZoomChange(
+            axis,
+            initialDomain[0],
+            initialDomain[1],
+            ZOOM_CHANGE_TYPE.Reset
+          );
+        }
       }
     }
     const allZoomablesAxesHaveInfiniteZoom = axes.filter(isZoomEnabledFor).length > 0 && axes.filter(isZoomEnabledFor).every((axis) => axis.interactions.infinite);

package/esm/charts/xy-chart/components/overlay/hooks/useResetInteractions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/hooks/useResetInteractions.ts"],
-  "sourcesContent": ["import { ReactEventHandler } from 'react';\n\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport type { RelativeAbsolutePosition } from '../../../../core/types/pointer-events.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reduceResetInteractions } from '../../../store/reducer-reset.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport { isZoomEnabledFor } from '../../../utils/axis-interactions.js';\nimport { getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\nexport const useResetInteractions = () => {\n  const { reset } = useTooltipActions();\n  const setState = useSetState();\n  const { axes } = useXYChartData();\n  const axisIdToScales = useXYChartScales();\n  const { resetSelectionState } = useSynchronizedSelection();\n\n  return (\n    event?: Partial<ReactEventHandler> & {\n      position?: RelativeAbsolutePosition;\n    },\n  ) => {\n    for (const axis of axes) {\n      if (isZoomEnabledFor(axis)) {\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n        const initialDomain = initialScale.domain() as number[] | Date[];\n\n        handleZoomChange(\n          axis,\n          initialDomain[0],\n          initialDomain[1],\n          ZOOM_CHANGE_TYPE.Reset,\n        );\n      }\n    }\n\n    const allZoomablesAxesHaveInfiniteZoom =\n      axes.filter(isZoomEnabledFor).length > 0 &&\n      axes.filter(isZoomEnabledFor).every((axis) => axis.interactions.infinite);\n\n    resetSelectionState?.();\n    reset();\n    setState(\n      reduceResetInteractions({\n        position: event?.position,\n        zoomStatus: {\n          zoomOutEnabled: allZoomablesAxesHaveInfiniteZoom,\n        },\n      }),\n    );\n  };\n};\n"],
-  "mappings": "AAEA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AAEzC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAE1B,MAAM,uBAAuB,MAAM;AACxC,QAAM,EAAE,MAAM,IAAI,kBAAkB;AACpC,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AAEzD,SAAO,CACL,UAGG;AACH,eAAW,QAAQ,MAAM;AACvB,UAAI,iBAAiB,IAAI,GAAG;AAC1B,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C;AAAA,UACE;AAAA,UACA,cAAc,CAAC;AAAA,UACf,cAAc,CAAC;AAAA,UACf,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAEA,UAAM,mCACJ,KAAK,OAAO,gBAAgB,EAAE,SAAS,KACvC,KAAK,OAAO,gBAAgB,EAAE,MAAM,CAAC,SAAS,KAAK,aAAa,QAAQ;AAE1E,0BAAsB;AACtB,UAAM;AACN;AAAA,MACE,wBAAwB;AAAA,QACtB,UAAU,OAAO;AAAA,QACjB,YAAY;AAAA,UACV,gBAAgB;AAAA,QAClB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { ReactEventHandler } from 'react';\n\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport type { RelativeAbsolutePosition } from '../../../../core/types/pointer-events.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { isSameDomain } from '../../../../core/utils/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reduceResetInteractions } from '../../../store/reducer-reset.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport { isZoomEnabledFor } from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\nexport const useResetInteractions = () => {\n  const { reset } = useTooltipActions();\n  const setState = useSetState();\n  const { axes } = useXYChartData();\n  const axisIdToScales = useXYChartScales();\n  const { resetSelectionState } = useSynchronizedSelection();\n\n  return (\n    event?: Partial<ReactEventHandler> & {\n      position?: RelativeAbsolutePosition;\n    },\n  ) => {\n    for (const axis of axes) {\n      if (isZoomEnabledFor(axis)) {\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n        const initialDomain = initialScale.domain() as number[] | Date[];\n        const currentScale = getCurrentScale(axisIdToScales, axis.id);\n        const currentDomain = currentScale.domain() as number[] | Date[];\n\n        if (!isSameDomain(currentDomain, initialDomain)) {\n          handleZoomChange(\n            axis,\n            initialDomain[0],\n            initialDomain[1],\n            ZOOM_CHANGE_TYPE.Reset,\n          );\n        }\n      }\n    }\n\n    const allZoomablesAxesHaveInfiniteZoom =\n      axes.filter(isZoomEnabledFor).length > 0 &&\n      axes.filter(isZoomEnabledFor).every((axis) => axis.interactions.infinite);\n\n    resetSelectionState?.();\n    reset();\n    setState(\n      reduceResetInteractions({\n        position: event?.position,\n        zoomStatus: {\n          zoomOutEnabled: allZoomablesAxesHaveInfiniteZoom,\n        },\n      }),\n    );\n  };\n};\n"],
+  "mappings": "AAEA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AAEzC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAE1B,MAAM,uBAAuB,MAAM;AACxC,QAAM,EAAE,MAAM,IAAI,kBAAkB;AACpC,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AAEzD,SAAO,CACL,UAGG;AACH,eAAW,QAAQ,MAAM;AACvB,UAAI,iBAAiB,IAAI,GAAG;AAC1B,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,gBAAgB,aAAa,OAAO;AAC1C,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,YAAI,CAAC,aAAa,eAAe,aAAa,GAAG;AAC/C;AAAA,YACE;AAAA,YACA,cAAc,CAAC;AAAA,YACf,cAAc,CAAC;AAAA,YACf,iBAAiB;AAAA,UACnB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,mCACJ,KAAK,OAAO,gBAAgB,EAAE,SAAS,KACvC,KAAK,OAAO,gBAAgB,EAAE,MAAM,CAAC,SAAS,KAAK,aAAa,QAAQ;AAE1E,0BAAsB;AACtB,UAAM;AACN;AAAA,MACE,wBAAwB;AAAA,QACtB,UAAU,OAAO;AAAA,QACjB,YAAY;AAAA,UACV,gBAAgB;AAAA,QAClB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
   "names": []
 }