@dynatrace/strato-components 3.8.0 → 3.9.1

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": "AAoFc;AAnFd,SAAS,aAAa,eAAe;AAErC,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AACtC,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAE5B,SAAS,yBAAyB;AAClC,SAAS,sCAAsC;AAC/C,SAAS,eAAe;AAExB,SAAS,6BAA6B;AACtC,SAAS,gCAAgC;AACzC,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA;AAAA,OAIK;AACP,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAE7B,MAAM,cAAc;AAAA,EAClB,CAAC,YAAY,GAAG;AAAA,EAChB,CAAC,WAAW,GAAG;AAAA,EACf,CAAC,YAAY,GAAG;AAAA,EAChB,CAAC,YAAY,GAAG;AAClB;AAEA,SAAS,eACP,QAOA,UACA,eACA,eACA,uBACA;AACA,SAAO,OAAO,QAAQ,CAACA,YAAW;AAChC,QAAIA,QAAO,SAAS,cAAc;AAChC,UAAI,cAAc,UAAUA,OAAM,GAAG;AACnC,eAAO,CAAC;AAAA,MACV;AACA,YAAM,QAAQ,QAAQ,eAAeA,QAAO,EAAE;AAI9C,YAAM,gBAAgB,QAAQ,UAAUA,OAAM,EAAE;AAEhD,YAAM,QAAQ,wBAAwB,WAAW,YAAYA,QAAO,IAAI;AAExE,YAAM,QAAQ;AAAA,QACZ;AAAA,QACA;AAAA;AAAA;AAAA,QAGA,CAAC,aAAqB,GAAGA,QAAO,EAAE,KAAK,QAAQ;AAAA,MACjD;AAEA,aAAO,MAAM,IAAI,CAAC,UAAsB;AAAA,QACtC,GAAG;AAAA,QACH,MAAM,oBAAC,gBAAa,OAAO,KAAK,MAAM,SAAS,OAAc;AAAA,MAC/D,EAAE;AAAA,IACJ,OAAO;AACL,YAAM,EAAE,MAAM,OAAO,QAAQ,SAAS,IAAI,QAAQ,UAAUA,OAAM;AAClE,YAAM,YACJ,iBAAiBA,QAAO,SAAS,cAC7B,YAAYA,QAAO,IAAI,IACvB;AAEN,aAAO;AAAA,QACL,IAAIA,QAAO;AAAA,QACX;AAAA,QACA;AAAA,QACA,MAAM,oBAAC,gBAAa,OAAO,MAAM,SAAS,OAAO,WAAW;AAAA,MAC9D;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAOO,SAAS,SAAS,EAAE,QAAQ,iBAAiB,GAAkB;AACpE,QAAM,WAAW,kBAAkB;AACnC,QAAM,EAAE,aAAa,kBAAkB,IAAI,0BAA0B;AACrE,QAAM,cAAc,qBAAqB,iBAAiB;AAC1D,QAAM,WAAW,YAAY;AAC7B,QAAM,YAAY,sBAAsB;AACxC,QAAM,gBAAgB,sBAAsB;AAE5C,QAAM,EAAE,eAAe,IAAI,yBAAyB;AAEpD,QAAM,cAAc,OAAO,CAAC;AAC5B,QAAM,wBACJ,aAAa,WAAW,KACxB,OAAO,MAAM,YAAY,KACzB,CAAC,cAAc,kBAAkB,WAAW;AAE9C,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,UAAU,IAAI,IAAI,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACjD,WAAO,QAAQ,QAAQ;AAAA,EACzB,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA;AAAA,IAEF,CAAC,QAAQ,gBAAgB;AAAA,EAC3B;AAEA,QAAM,gBAAgB,mBAAmB,QAAQ,gBAAgB;AAEjE,QAAM,sBAAsB;AAAA,IAC1B,CAAC,iBAA+B;AAC9B,YAAM,aAAa,IAAI,IAAI,aAAa,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AAE9D,eAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AACpC,eAAS,mBAAmB,UAAU,CAAC;AAAA,IACzC;AAAA,IACA,CAAC,UAAU,QAAQ;AAAA,EACrB;AAEA,QAAM,4BAA4B,CAAC,iBAA0B;AAC3D,aAAS,CAAC,UAAU,EAAE,GAAG,MAAM,qBAAqB,aAAa,EAAE;AAAA,EACrE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,MAChB,SAAS,CAAC,eAAe,0BAA0B,YAAY,EAAE;AAAA,MACjE,SAAS;AAAA;AAAA,EACX;AAEJ;",
   "names": ["series"]
 }

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

@@ -1,3 +1,3 @@
-._1lwufqz0-3-8-0 {
+._1lwufqz0-3-9-1 {
   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-8-0";
+var shapeIconWrapper = "_1lwufqz0-3-9-1";
 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-8-0';"],
+  "sourcesContent": ["import './xy-legend.css';\nexport var shapeIconWrapper = '_1lwufqz0-3-9-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1bbe5uo0-3-8-0 {
+._1bbe5uo0-3-9-1 {
   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-8-0";
+var crosshair = "_1bbe5uo0-3-9-1";
 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-8-0';"],
+  "sourcesContent": ["import './XYChartCrosshair.css';\nexport var crosshair = '_1bbe5uo0-3-9-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._cd1yys0-3-8-0 {
+._cd1yys0-3-9-1 {
   top: -11px;
   left: -11px;
   width: calc(100% + 22px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._cd1yys1-3-8-0 {
+._cd1yys1-3-9-1 {
   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-8-0 _13lzg4k0-3-8-0";
-var datapointIndicatorShiftedLayout = "_cd1yys0-3-8-0 _13lzg4k0-3-8-0";
+var datapointIndicatorLayout = "_cd1yys1-3-9-1 _13lzg4k0-3-9-1";
+var datapointIndicatorShiftedLayout = "_cd1yys0-3-9-1 _13lzg4k0-3-9-1";
 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-8-0 _13lzg4k0-3-8-0';\nexport var datapointIndicatorShiftedLayout = '_cd1yys0-3-8-0 _13lzg4k0-3-8-0';"],
+  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartExplore.css';\nexport var datapointIndicatorLayout = '_cd1yys1-3-9-1 _13lzg4k0-3-9-1';\nexport var datapointIndicatorShiftedLayout = '_cd1yys0-3-9-1 _13lzg4k0-3-9-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,2BAA2B;AAC/B,IAAI,kCAAkC;",
   "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/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": []
 }

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

@@ -1,6 +1,7 @@
 import { useSynchronizedSelection } from "../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js";
 import { getZoomStep } from "../../../../core/components/zoom/utils/get-zoom-step.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 { reduceZoomDomain } from "../../../store/reducer-zoom.js";
@@ -47,12 +48,15 @@ const useZoomToSelection = () => {
           axis.id,
           nextDomain ? { min: nextDomain[0].valueOf(), max: nextDomain[1].valueOf() } : void 0
         );
-        handleZoomChange(
-          axis,
-          nextDomain[0],
-          nextDomain[1],
-          ZOOM_CHANGE_TYPE.ZoomX
-        );
+        const selectionCurrentDomain = currentScale.domain();
+        if (!isSameDomain(nextDomain, selectionCurrentDomain)) {
+          handleZoomChange(
+            axis,
+            nextDomain[0],
+            nextDomain[1],
+            ZOOM_CHANGE_TYPE.ZoomX
+          );
+        }
       }
     }
     resetSelectionState?.();

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/hooks/useZoomToSelection.ts"],
-  "sourcesContent": ["import { 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 { ZOOM_CHANGE_TYPE } 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 { useSelectState, 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\nexport const useZoomToSelection = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const select = useSelectState();\n  const { resetSelectionState } = useSynchronizedSelection();\n\n  let zoomInEnabled = false;\n  let zoomOutEnabled = false;\n\n  return () => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    if (!select) {\n      return;\n    }\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() as number[] | Date[];\n\n        const {\n          nextDomain,\n          zoomInEnabled: inEnabled,\n          zoomOutEnabled: outEnabled,\n        } = getZoomStep(\n          currentScale as AnyNumberScale,\n          [+initialDomain[0], +initialDomain[1]],\n          isInfiniteZoomEnabledFor(axis),\n          select.start.relative.x,\n          select.end.relative.x,\n          'zoom-x',\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(\n          axis,\n          nextDomain[0],\n          nextDomain[1],\n          ZOOM_CHANGE_TYPE.ZoomX,\n        );\n      }\n    }\n    resetSelectionState?.();\n    setState(reduceZoomDomain(newCurrentDomain, zoomInEnabled, zoomOutEnabled));\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,gCAAgC;AACzC,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,gBAAgB,mBAAmB;AAE5C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAE1B,MAAM,qBAAqB,MAAM;AACtC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,SAAS,eAAe;AAC9B,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AAEzD,MAAI,gBAAgB;AACpB,MAAI,iBAAiB;AAErB,SAAO,MAAM;AACX,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AAEA,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,yBAAyB,IAAI;AAAA,UAC7B,OAAO,MAAM,SAAS;AAAA,UACtB,OAAO,IAAI,SAAS;AAAA,UACpB;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;AAAA,UACE;AAAA,UACA,WAAW,CAAC;AAAA,UACZ,WAAW,CAAC;AAAA,UACZ,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AACA,0BAAsB;AACtB,aAAS,iBAAiB,kBAAkB,eAAe,cAAc,CAAC;AAAA,EAC5E;AACF;",
+  "sourcesContent": ["import { 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 { 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 { reduceZoomDomain } from '../../../store/reducer-zoom.js';\nimport { useSelectState, 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\nexport const useZoomToSelection = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const select = useSelectState();\n  const { resetSelectionState } = useSynchronizedSelection();\n\n  let zoomInEnabled = false;\n  let zoomOutEnabled = false;\n\n  return () => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    if (!select) {\n      return;\n    }\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() as number[] | Date[];\n\n        const {\n          nextDomain,\n          zoomInEnabled: inEnabled,\n          zoomOutEnabled: outEnabled,\n        } = getZoomStep(\n          currentScale as AnyNumberScale,\n          [+initialDomain[0], +initialDomain[1]],\n          isInfiniteZoomEnabledFor(axis),\n          select.start.relative.x,\n          select.end.relative.x,\n          'zoom-x',\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 selectionCurrentDomain = currentScale.domain() as (\n          | number\n          | Date\n        )[];\n        if (\n          !isSameDomain(nextDomain as (number | Date)[], selectionCurrentDomain)\n        ) {\n          handleZoomChange(\n            axis,\n            nextDomain[0],\n            nextDomain[1],\n            ZOOM_CHANGE_TYPE.ZoomX,\n          );\n        }\n      }\n    }\n    resetSelectionState?.();\n    setState(reduceZoomDomain(newCurrentDomain, zoomInEnabled, zoomOutEnabled));\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,gCAAgC;AACzC,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,gBAAgB,mBAAmB;AAE5C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAE1B,MAAM,qBAAqB,MAAM;AACtC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,SAAS,eAAe;AAC9B,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AAEzD,MAAI,gBAAgB;AACpB,MAAI,iBAAiB;AAErB,SAAO,MAAM;AACX,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AAEA,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,yBAAyB,IAAI;AAAA,UAC7B,OAAO,MAAM,SAAS;AAAA,UACtB,OAAO,IAAI,SAAS;AAAA,UACpB;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,yBAAyB,aAAa,OAAO;AAInD,YACE,CAAC,aAAa,YAAiC,sBAAsB,GACrE;AACA;AAAA,YACE;AAAA,YACA,WAAW,CAAC;AAAA,YACZ,WAAW,CAAC;AAAA,YACZ,iBAAiB;AAAA,UACnB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,0BAAsB;AACtB,aAAS,iBAAiB,kBAAkB,eAAe,cAAc,CAAC;AAAA,EAC5E;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/components/thresholds/XYChartThresholdIndicators.css

@@ -1,3 +1,3 @@
-._1mfu0sw0-3-8-0 {
+._1mfu0sw0-3-9-1 {
   z-index: 2;
 }

package/esm/charts/xy-chart/components/thresholds/XYChartThresholdIndicators.sty.js

@@ -1,6 +1,6 @@
 import "../../../core/components/chart-grid/ChartGrid.css";
 import "./XYChartThresholdIndicators.css";
-var thresholdPlot = "_1mfu0sw0-3-8-0 _13lzg4k0-3-8-0";
+var thresholdPlot = "_1mfu0sw0-3-9-1 _13lzg4k0-3-9-1";
 export {
   thresholdPlot
 };

package/esm/charts/xy-chart/components/thresholds/XYChartThresholdIndicators.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/thresholds/XYChartThresholdIndicators.css.ts"],
-  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartThresholdIndicators.css';\nexport var thresholdPlot = '_1mfu0sw0-3-8-0 _13lzg4k0-3-8-0';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartThresholdIndicators.css';\nexport var thresholdPlot = '_1mfu0sw0-3-9-1 _13lzg4k0-3-9-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/xy-chart/components/toolbar/XYChartToolbar.js

@@ -65,7 +65,6 @@ const XYChartToolbar = ({
   return !hidden ? /* @__PURE__ */ jsxs(
     ChartToolbarRenderer,
     {
-      visible: false,
       visibleWhenMouseInBounds: true,
       handlerRef,
       placement: placement ?? defaultToolbar.placement,

package/esm/charts/xy-chart/components/toolbar/XYChartToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/toolbar/XYChartToolbar.tsx"],
-  "sourcesContent": ["import type { MouseEvent as ReactMouseEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DownloadDataButton } from './DownloadDataButton.js';\nimport { ExploreButton } from './ExploreButton.js';\nimport { PanButton } from './PanButton.js';\nimport { ResetButton } from './ResetButton.js';\nimport { ZoomInOutButtons } from './ZoomInOutButtons.js';\nimport { ZoomModeButton } from './ZoomModeButton.js';\nimport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { ChartToolbarRendererProps } from '../../../core/components/toolbar/types.js';\nimport { getMenuTriggerDisplayMode } from '../../../core/components/toolbar/utils/get-menu-trigger-display-mode.js';\nimport { getMenuTriggerIcon } from '../../../core/components/toolbar/utils/get-menu-trigger-icon.js';\nimport { ChartOverlaysElevation } from '../../../core/constants.js';\nimport type { ToolbarPlacement } from '../../../core/types/toolbar.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { defaultToolbar } from '../../constants/defaults.js';\nimport { useDownload } from '../../hooks/useDownload.js';\nimport { useToolbar } from '../../hooks/useToolbar.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartSelectionAreaRef } from '../../hooks/useXYChartSelectionAreaRef.js';\nimport { XYCHART_MESSAGES } from '../../messages/messages.js';\nimport { useInteractionModeState } from '../../store/selectors.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\ntype XYChartToolbarProps = {\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  onMouseLeave?: (react?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const XYChartToolbar = ({\n  onMouseEnter,\n  onMouseLeave,\n  handlerRef,\n}: XYChartToolbarProps) => {\n  const toolbarContext = useToolbar();\n  const { collapsed, placement, hidden, intents } = toolbarContext;\n  const { downloadDataCallback } = useDownload();\n  const interactionMode = useInteractionModeState();\n  const { axesMetadata } = useXYChartData();\n  const intl = useIntl();\n  const selectionAreaRef = useXYChartSelectionAreaRef();\n\n  const isZoomEnabled = axesMetadata.isZoomEnabled;\n  const isPanEnabled = axesMetadata.isPanEnabled;\n  const exploreBtnPlace = isZoomEnabled || isPanEnabled ? 'menu' : 'auto';\n  const isDownloadEnabled = true;\n\n  const initialA11yState = getA11yToolbarConfig({\n    zoom: { enabled: isZoomEnabled },\n    pan: { enabled: isPanEnabled },\n    download: { enabled: isDownloadEnabled },\n    intent: !!intents,\n  });\n\n  const menuIcon = getMenuTriggerIcon(interactionMode, isZoomEnabled);\n\n  const menuLabel =\n    !isPanEnabled && !isZoomEnabled\n      ? intl.formatMessage(XYCHART_MESSAGES.zoomModeExplore)\n      : undefined;\n\n  const menuDisplayMode = getMenuTriggerDisplayMode({\n    isPanEnabled,\n    isZoomEnabled,\n    isDownloadEnabled,\n  });\n\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n\n  const handleDownloadDataToolbar = () => {\n    buildAndDownloadCsv(\n      seriesWithDatapoints,\n      seriesToMetadata,\n      datapointMetadataMap,\n      downloadDataCallback,\n    );\n  };\n\n  const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;\n  const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;\n\n  const onClose = () =>\n    selectionAreaRef ? selectionAreaRef.current?.focus() : undefined;\n\n  const behaviorTrackingProps = _useBehavioralTrackingProps(toolbarContext)[0];\n\n  return !hidden ? (\n    <ChartToolbarRenderer\n      visible={false}\n      visibleWhenMouseInBounds\n      handlerRef={handlerRef}\n      placement={placement ?? (defaultToolbar.placement as ToolbarPlacement)}\n      draggable={true}\n      collapsed={collapsed}\n      initialA11yState={initialA11yState}\n      zIndex={ChartOverlaysElevation.toolbar}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      menuIcon={menuIcon}\n      menuTriggerLabel={menuLabel}\n      menuDisplayMode={menuDisplayMode}\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      onClose={onClose}\n      {...behaviorTrackingProps}\n    >\n      <>\n        <ExploreButton placement={exploreBtnPlace} />\n        {isZoomEnabled && <ZoomModeButton />}\n        {isPanEnabled && <PanButton />}\n      </>\n      {isZoomEnabled && <ZoomInOutButtons />}\n      {isZoomEnabled && <ResetButton />}\n      {showDefaultToolbarDownloadButton && <DownloadDataButton />}\n    </ChartToolbarRenderer>\n  ) : null;\n};\n\nXYChartToolbar['displayName'] = 'XYChartToolbar';\n"],
-  "mappings": "AA+GM,mBACE,KADF;AA9GN,SAAS,eAAe;AAExB,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B,mCAAmC;AAC1E,SAAS,4BAA4B;AAErC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AAEvC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,kCAAkC;AAC3C,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AAQ7B,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACzB,QAAM,iBAAiB,WAAW;AAClC,QAAM,EAAE,WAAW,WAAW,QAAQ,QAAQ,IAAI;AAClD,QAAM,EAAE,qBAAqB,IAAI,YAAY;AAC7C,QAAM,kBAAkB,wBAAwB;AAChD,QAAM,EAAE,aAAa,IAAI,eAAe;AACxC,QAAM,OAAO,QAAQ;AACrB,QAAM,mBAAmB,2BAA2B;AAEpD,QAAM,gBAAgB,aAAa;AACnC,QAAM,eAAe,aAAa;AAClC,QAAM,kBAAkB,iBAAiB,eAAe,SAAS;AACjE,QAAM,oBAAoB;AAE1B,QAAM,mBAAmB,qBAAqB;AAAA,IAC5C,MAAM,EAAE,SAAS,cAAc;AAAA,IAC/B,KAAK,EAAE,SAAS,aAAa;AAAA,IAC7B,UAAU,EAAE,SAAS,kBAAkB;AAAA,IACvC,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC;AAED,QAAM,WAAW,mBAAmB,iBAAiB,aAAa;AAElE,QAAM,YACJ,CAAC,gBAAgB,CAAC,gBACd,KAAK,cAAc,iBAAiB,eAAe,IACnD;AAEN,QAAM,kBAAkB,0BAA0B;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,sBAAsB,sBAAsB,iBAAiB,IACnE,eAAe;AAEjB,QAAM,4BAA4B,MAAM;AACtC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,mCAAmC,qBAAqB,CAAC;AAC/D,QAAM,wBAAwB,qBAAqB,CAAC,CAAC,SAAS;AAE9D,QAAM,UAAU,MACd,mBAAmB,iBAAiB,SAAS,MAAM,IAAI;AAEzD,QAAM,wBAAwB,4BAA4B,cAAc,EAAE,CAAC;AAE3E,SAAO,CAAC,SACN;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,0BAAwB;AAAA,MACxB;AAAA,MACA,WAAW,aAAc,eAAe;AAAA,MACxC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,QAAQ,uBAAuB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,yCACE;AAAA,8BAAC,iBAAc,WAAW,iBAAiB;AAAA,UAC1C,iBAAiB,oBAAC,kBAAe;AAAA,UACjC,gBAAgB,oBAAC,aAAU;AAAA,WAC9B;AAAA,QACC,iBAAiB,oBAAC,oBAAiB;AAAA,QACnC,iBAAiB,oBAAC,eAAY;AAAA,QAC9B,oCAAoC,oBAAC,sBAAmB;AAAA;AAAA;AAAA,EAC3D,IACE;AACN;AAEA,eAAe,aAAa,IAAI;",
+  "sourcesContent": ["import type { MouseEvent as ReactMouseEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { DownloadDataButton } from './DownloadDataButton.js';\nimport { ExploreButton } from './ExploreButton.js';\nimport { PanButton } from './PanButton.js';\nimport { ResetButton } from './ResetButton.js';\nimport { ZoomInOutButtons } from './ZoomInOutButtons.js';\nimport { ZoomModeButton } from './ZoomModeButton.js';\nimport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport type { ChartToolbarRendererProps } from '../../../core/components/toolbar/types.js';\nimport { getMenuTriggerDisplayMode } from '../../../core/components/toolbar/utils/get-menu-trigger-display-mode.js';\nimport { getMenuTriggerIcon } from '../../../core/components/toolbar/utils/get-menu-trigger-icon.js';\nimport { ChartOverlaysElevation } from '../../../core/constants.js';\nimport type { ToolbarPlacement } from '../../../core/types/toolbar.js';\nimport { getA11yToolbarConfig } from '../../../core/utils/zoom.js';\nimport { defaultToolbar } from '../../constants/defaults.js';\nimport { useDownload } from '../../hooks/useDownload.js';\nimport { useToolbar } from '../../hooks/useToolbar.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartSelectionAreaRef } from '../../hooks/useXYChartSelectionAreaRef.js';\nimport { XYCHART_MESSAGES } from '../../messages/messages.js';\nimport { useInteractionModeState } from '../../store/selectors.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\ntype XYChartToolbarProps = {\n  onMouseEnter?: (event?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  onMouseLeave?: (react?: ReactMouseEvent<HTMLDivElement, MouseEvent>) => void;\n  handlerRef?: ChartToolbarRendererProps['handlerRef'];\n};\n\nexport const XYChartToolbar = ({\n  onMouseEnter,\n  onMouseLeave,\n  handlerRef,\n}: XYChartToolbarProps) => {\n  const toolbarContext = useToolbar();\n  const { collapsed, placement, hidden, intents } = toolbarContext;\n  const { downloadDataCallback } = useDownload();\n  const interactionMode = useInteractionModeState();\n  const { axesMetadata } = useXYChartData();\n  const intl = useIntl();\n  const selectionAreaRef = useXYChartSelectionAreaRef();\n\n  const isZoomEnabled = axesMetadata.isZoomEnabled;\n  const isPanEnabled = axesMetadata.isPanEnabled;\n  const exploreBtnPlace = isZoomEnabled || isPanEnabled ? 'menu' : 'auto';\n  const isDownloadEnabled = true;\n\n  const initialA11yState = getA11yToolbarConfig({\n    zoom: { enabled: isZoomEnabled },\n    pan: { enabled: isPanEnabled },\n    download: { enabled: isDownloadEnabled },\n    intent: !!intents,\n  });\n\n  const menuIcon = getMenuTriggerIcon(interactionMode, isZoomEnabled);\n\n  const menuLabel =\n    !isPanEnabled && !isZoomEnabled\n      ? intl.formatMessage(XYCHART_MESSAGES.zoomModeExplore)\n      : undefined;\n\n  const menuDisplayMode = getMenuTriggerDisplayMode({\n    isPanEnabled,\n    isZoomEnabled,\n    isDownloadEnabled,\n  });\n\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n\n  const handleDownloadDataToolbar = () => {\n    buildAndDownloadCsv(\n      seriesWithDatapoints,\n      seriesToMetadata,\n      datapointMetadataMap,\n      downloadDataCallback,\n    );\n  };\n\n  const showDefaultToolbarDownloadButton = isDownloadEnabled && !intents;\n  const showMenuToolbarButton = isDownloadEnabled && !!intents?.length;\n\n  const onClose = () =>\n    selectionAreaRef ? selectionAreaRef.current?.focus() : undefined;\n\n  const behaviorTrackingProps = _useBehavioralTrackingProps(toolbarContext)[0];\n\n  return !hidden ? (\n    <ChartToolbarRenderer\n      visibleWhenMouseInBounds\n      handlerRef={handlerRef}\n      placement={placement ?? (defaultToolbar.placement as ToolbarPlacement)}\n      draggable={true}\n      collapsed={collapsed}\n      initialA11yState={initialA11yState}\n      zIndex={ChartOverlaysElevation.toolbar}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      menuIcon={menuIcon}\n      menuTriggerLabel={menuLabel}\n      menuDisplayMode={menuDisplayMode}\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      onClose={onClose}\n      {...behaviorTrackingProps}\n    >\n      <>\n        <ExploreButton placement={exploreBtnPlace} />\n        {isZoomEnabled && <ZoomModeButton />}\n        {isPanEnabled && <PanButton />}\n      </>\n      {isZoomEnabled && <ZoomInOutButtons />}\n      {isZoomEnabled && <ResetButton />}\n      {showDefaultToolbarDownloadButton && <DownloadDataButton />}\n    </ChartToolbarRenderer>\n  ) : null;\n};\n\nXYChartToolbar['displayName'] = 'XYChartToolbar';\n"],
+  "mappings": "AA8GM,mBACE,KADF;AA7GN,SAAS,eAAe;AAExB,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B,mCAAmC;AAC1E,SAAS,4BAA4B;AAErC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AAEvC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,kCAAkC;AAC3C,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AAQ7B,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACzB,QAAM,iBAAiB,WAAW;AAClC,QAAM,EAAE,WAAW,WAAW,QAAQ,QAAQ,IAAI;AAClD,QAAM,EAAE,qBAAqB,IAAI,YAAY;AAC7C,QAAM,kBAAkB,wBAAwB;AAChD,QAAM,EAAE,aAAa,IAAI,eAAe;AACxC,QAAM,OAAO,QAAQ;AACrB,QAAM,mBAAmB,2BAA2B;AAEpD,QAAM,gBAAgB,aAAa;AACnC,QAAM,eAAe,aAAa;AAClC,QAAM,kBAAkB,iBAAiB,eAAe,SAAS;AACjE,QAAM,oBAAoB;AAE1B,QAAM,mBAAmB,qBAAqB;AAAA,IAC5C,MAAM,EAAE,SAAS,cAAc;AAAA,IAC/B,KAAK,EAAE,SAAS,aAAa;AAAA,IAC7B,UAAU,EAAE,SAAS,kBAAkB;AAAA,IACvC,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC;AAED,QAAM,WAAW,mBAAmB,iBAAiB,aAAa;AAElE,QAAM,YACJ,CAAC,gBAAgB,CAAC,gBACd,KAAK,cAAc,iBAAiB,eAAe,IACnD;AAEN,QAAM,kBAAkB,0BAA0B;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,sBAAsB,sBAAsB,iBAAiB,IACnE,eAAe;AAEjB,QAAM,4BAA4B,MAAM;AACtC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,mCAAmC,qBAAqB,CAAC;AAC/D,QAAM,wBAAwB,qBAAqB,CAAC,CAAC,SAAS;AAE9D,QAAM,UAAU,MACd,mBAAmB,iBAAiB,SAAS,MAAM,IAAI;AAEzD,QAAM,wBAAwB,4BAA4B,cAAc,EAAE,CAAC;AAE3E,SAAO,CAAC,SACN;AAAA,IAAC;AAAA;AAAA,MACC,0BAAwB;AAAA,MACxB;AAAA,MACA,WAAW,aAAc,eAAe;AAAA,MACxC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,QAAQ,uBAAuB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,yCACE;AAAA,8BAAC,iBAAc,WAAW,iBAAiB;AAAA,UAC1C,iBAAiB,oBAAC,kBAAe;AAAA,UACjC,gBAAgB,oBAAC,aAAU;AAAA,WAC9B;AAAA,QACC,iBAAiB,oBAAC,oBAAiB;AAAA,QACnC,iBAAiB,oBAAC,eAAY;AAAA,QAC9B,oCAAoC,oBAAC,sBAAmB;AAAA;AAAA;AAAA,EAC3D,IACE;AACN;AAEA,eAAe,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/xy-chart/components/tooltip/ClosestPointTooltip/ClosestPointTooltip.js

@@ -6,6 +6,7 @@ import { OverlayTooltip } from "../../../../core/components/overlay-tooltip/Over
 import { useAreaData } from "../../../hooks/useAreaData.js";
 import { useAxesFormatter } from "../../../hooks/useAxesFormatter.js";
 import { useXYChartData } from "../../../hooks/useXYChartData.js";
+import { useXYChartTooltip } from "../../../hooks/useXYChartTooltip.js";
 import { useXYChartTruncationMode } from "../../../hooks/useXYChartTruncationMode.js";
 function ClosestPointTooltip({
   datapoint,
@@ -17,7 +18,8 @@ function ClosestPointTooltip({
   const intl = useIntl();
   const { filteredSeriesWithDatapoints } = useAreaData();
   const { truncationMode } = useXYChartTruncationMode();
-  const { name, color, actions, shape } = buildClosestPointTooltipHeaderProps({
+  const { seriesDisplayMode } = useXYChartTooltip();
+  const { name, nameSegments, color, actions, shape } = buildClosestPointTooltipHeaderProps({
     datapoint,
     series,
     seriesToMetadata,
@@ -33,12 +35,15 @@ function ClosestPointTooltip({
     datapointMetadataMap,
     intl
   });
+  const isMultiLine = nameSegments !== void 0 && seriesDisplayMode === "multi-line";
+  const displayName = isMultiLine ? nameSegments : name;
   const data = [
     {
-      name,
+      name: displayName,
       value: `${yAxisValue} ${yAxisDuration ? `(${yAxisDuration})` : ""}`,
       color,
-      shape
+      shape,
+      multiLine: isMultiLine
     }
   ];
   const label = datapoint.x0 instanceof Date ? "" : void 0;

package/esm/charts/xy-chart/components/tooltip/ClosestPointTooltip/ClosestPointTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/ClosestPointTooltip/ClosestPointTooltip.tsx"],
-  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { buildClosestPointTooltipBodyProps } from './closestPointTooltipBodyUtils.js';\nimport { buildClosestPointTooltipHeaderProps } from './closestPointTooltipHeaderUtils.js';\nimport { OverlayTooltip } from '../../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { SeriesItemProps } from '../../../../core/components/overlay-tooltip/types/series.js';\nimport { useAreaData } from '../../../hooks/useAreaData.js';\nimport { useAxesFormatter } from '../../../hooks/useAxesFormatter.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport type {\n  ClosestDatapoint,\n  ClosestSeries,\n  ClosestSeriesToMetadata,\n} from '../../../utils/type-guards.js';\n\nexport function ClosestPointTooltip<T extends ClosestSeries>({\n  datapoint,\n  series,\n  seriesToMetadata,\n}: Readonly<{\n  datapoint: ClosestDatapoint<T>;\n  series: T;\n  seriesToMetadata: ClosestSeriesToMetadata<T>;\n}>) {\n  const axisIdToFormatter = useAxesFormatter();\n  const { axisIdToScaleDomain, datapointMetadataMap } = useXYChartData();\n  const intl = useIntl();\n  const { filteredSeriesWithDatapoints } = useAreaData();\n  const { truncationMode } = useXYChartTruncationMode();\n\n  const { name, color, actions, shape } = buildClosestPointTooltipHeaderProps({\n    datapoint,\n    series,\n    seriesToMetadata,\n    seriesWithDatapoints: filteredSeriesWithDatapoints,\n    datapointMetadataMap,\n  });\n  const { xAxisValue, yAxisValue, xAxisDuration, yAxisDuration } =\n    buildClosestPointTooltipBodyProps({\n      datapoint,\n      series,\n      seriesToMetadata,\n      axisIdToFormatter,\n      axisIdToScaleDomain,\n      datapointMetadataMap,\n      intl,\n    });\n  const data: SeriesItemProps[] = [\n    {\n      name: name,\n      value: `${yAxisValue} ${yAxisDuration ? `(${yAxisDuration})` : ''}`,\n      color,\n      shape,\n    },\n  ];\n  const label = datapoint.x0 instanceof Date ? '' : undefined;\n\n  return (\n    <OverlayTooltip truncation={truncationMode}>\n      <OverlayTooltip.Header\n        header1={xAxisValue}\n        duration1={xAxisDuration}\n        label={label}\n      />\n      <OverlayTooltip.Series\n        data={data}\n        variant=\"shared\"\n        activeItem={-1}\n        seriesItemTemplate={(item) => (\n          <OverlayTooltip.SeriesItem {...item} actions={actions} />\n        )}\n      />\n    </OverlayTooltip>\n  );\n}\n"],
-  "mappings": "AA2DI,SACE,KADF;AA3DJ,SAAS,eAAe;AAExB,SAAS,yCAAyC;AAClD,SAAS,2CAA2C;AACpD,SAAS,sBAAsB;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AAOlC,SAAS,oBAA6C;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AACF,GAII;AACF,QAAM,oBAAoB,iBAAiB;AAC3C,QAAM,EAAE,qBAAqB,qBAAqB,IAAI,eAAe;AACrE,QAAM,OAAO,QAAQ;AACrB,QAAM,EAAE,6BAA6B,IAAI,YAAY;AACrD,QAAM,EAAE,eAAe,IAAI,yBAAyB;AAEpD,QAAM,EAAE,MAAM,OAAO,SAAS,MAAM,IAAI,oCAAoC;AAAA,IAC1E;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB;AAAA,EACF,CAAC;AACD,QAAM,EAAE,YAAY,YAAY,eAAe,cAAc,IAC3D,kCAAkC;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH,QAAM,OAA0B;AAAA,IAC9B;AAAA,MACE;AAAA,MACA,OAAO,GAAG,UAAU,IAAI,gBAAgB,IAAI,aAAa,MAAM,EAAE;AAAA,MACjE;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,QAAM,QAAQ,UAAU,cAAc,OAAO,KAAK;AAElD,SACE,qBAAC,kBAAe,YAAY,gBAC1B;AAAA;AAAA,MAAC,eAAe;AAAA,MAAf;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,QACX;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC,eAAe;AAAA,MAAf;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,YAAY;AAAA,QACZ,oBAAoB,CAAC,SACnB,oBAAC,eAAe,YAAf,EAA2B,GAAG,MAAM,SAAkB;AAAA;AAAA,IAE3D;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { buildClosestPointTooltipBodyProps } from './closestPointTooltipBodyUtils.js';\nimport { buildClosestPointTooltipHeaderProps } from './closestPointTooltipHeaderUtils.js';\nimport { OverlayTooltip } from '../../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { SeriesItemProps } from '../../../../core/components/overlay-tooltip/types/series.js';\nimport { useAreaData } from '../../../hooks/useAreaData.js';\nimport { useAxesFormatter } from '../../../hooks/useAxesFormatter.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartTooltip } from '../../../hooks/useXYChartTooltip.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport type {\n  ClosestDatapoint,\n  ClosestSeries,\n  ClosestSeriesToMetadata,\n} from '../../../utils/type-guards.js';\n\nexport function ClosestPointTooltip<T extends ClosestSeries>({\n  datapoint,\n  series,\n  seriesToMetadata,\n}: Readonly<{\n  datapoint: ClosestDatapoint<T>;\n  series: T;\n  seriesToMetadata: ClosestSeriesToMetadata<T>;\n}>) {\n  const axisIdToFormatter = useAxesFormatter();\n  const { axisIdToScaleDomain, datapointMetadataMap } = useXYChartData();\n  const intl = useIntl();\n  const { filteredSeriesWithDatapoints } = useAreaData();\n  const { truncationMode } = useXYChartTruncationMode();\n  const { seriesDisplayMode } = useXYChartTooltip();\n\n  const { name, nameSegments, color, actions, shape } =\n    buildClosestPointTooltipHeaderProps({\n      datapoint,\n      series,\n      seriesToMetadata,\n      seriesWithDatapoints: filteredSeriesWithDatapoints,\n      datapointMetadataMap,\n    });\n  const { xAxisValue, yAxisValue, xAxisDuration, yAxisDuration } =\n    buildClosestPointTooltipBodyProps({\n      datapoint,\n      series,\n      seriesToMetadata,\n      axisIdToFormatter,\n      axisIdToScaleDomain,\n      datapointMetadataMap,\n      intl,\n    });\n\n  const isMultiLine =\n    nameSegments !== undefined && seriesDisplayMode === 'multi-line';\n  const displayName: string | string[] = isMultiLine ? nameSegments : name;\n\n  const data: SeriesItemProps[] = [\n    {\n      name: displayName,\n      value: `${yAxisValue} ${yAxisDuration ? `(${yAxisDuration})` : ''}`,\n      color,\n      shape,\n      multiLine: isMultiLine,\n    },\n  ];\n  const label = datapoint.x0 instanceof Date ? '' : undefined;\n\n  return (\n    <OverlayTooltip truncation={truncationMode}>\n      <OverlayTooltip.Header\n        header1={xAxisValue}\n        duration1={xAxisDuration}\n        label={label}\n      />\n      <OverlayTooltip.Series\n        data={data}\n        variant=\"shared\"\n        activeItem={-1}\n        seriesItemTemplate={(item) => (\n          <OverlayTooltip.SeriesItem {...item} actions={actions} />\n        )}\n      />\n    </OverlayTooltip>\n  );\n}\n"],
+  "mappings": "AAoEI,SACE,KADF;AApEJ,SAAS,eAAe;AAExB,SAAS,yCAAyC;AAClD,SAAS,2CAA2C;AACpD,SAAS,sBAAsB;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AAOlC,SAAS,oBAA6C;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AACF,GAII;AACF,QAAM,oBAAoB,iBAAiB;AAC3C,QAAM,EAAE,qBAAqB,qBAAqB,IAAI,eAAe;AACrE,QAAM,OAAO,QAAQ;AACrB,QAAM,EAAE,6BAA6B,IAAI,YAAY;AACrD,QAAM,EAAE,eAAe,IAAI,yBAAyB;AACpD,QAAM,EAAE,kBAAkB,IAAI,kBAAkB;AAEhD,QAAM,EAAE,MAAM,cAAc,OAAO,SAAS,MAAM,IAChD,oCAAoC;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB;AAAA,EACF,CAAC;AACH,QAAM,EAAE,YAAY,YAAY,eAAe,cAAc,IAC3D,kCAAkC;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAEH,QAAM,cACJ,iBAAiB,UAAa,sBAAsB;AACtD,QAAM,cAAiC,cAAc,eAAe;AAEpE,QAAM,OAA0B;AAAA,IAC9B;AAAA,MACE,MAAM;AAAA,MACN,OAAO,GAAG,UAAU,IAAI,gBAAgB,IAAI,aAAa,MAAM,EAAE;AAAA,MACjE;AAAA,MACA;AAAA,MACA,WAAW;AAAA,IACb;AAAA,EACF;AACA,QAAM,QAAQ,UAAU,cAAc,OAAO,KAAK;AAElD,SACE,qBAAC,kBAAe,YAAY,gBAC1B;AAAA;AAAA,MAAC,eAAe;AAAA,MAAf;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,QACX;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC,eAAe;AAAA,MAAf;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,YAAY;AAAA,QACZ,oBAAoB,CAAC,SACnB,oBAAC,eAAe,YAAf,EAA2B,GAAG,MAAM,SAAkB;AAAA;AAAA,IAE3D;AAAA,KACF;AAEJ;",
   "names": []
 }

package/esm/charts/xy-chart/components/tooltip/ClosestPointTooltip/closestPointTooltipHeaderUtils.js

@@ -16,7 +16,7 @@ const buildClosestPointTooltipHeaderProps = ({
     datapoint,
     metadata
   };
-  const { name = "", color = { Default: "blue" } } = metadata;
+  const { name = "", color = { Default: "blue" }, nameSegments } = metadata;
   const shape = "shape" in metadata ? metadata.shape : void 0;
   let actions = void 0;
   if (isAreaTooltipContext(enrichedDatapoint)) {
@@ -41,6 +41,7 @@ const buildClosestPointTooltipHeaderProps = ({
   return {
     color: color.Default,
     name,
+    nameSegments,
     actions,
     shape
   };

package/esm/charts/xy-chart/components/tooltip/ClosestPointTooltip/closestPointTooltipHeaderUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/ClosestPointTooltip/closestPointTooltipHeaderUtils.ts"],
-  "sourcesContent": ["import type { SeriesActionsTemplate } from '../../../../core/types/series-actions-template.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type {\n  AreaSeriesToMetadata,\n  AreaSeriesWithDatapoints,\n  MapDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { buildAreaSeriesActionItem } from '../../../utils/build-series-action-item.js';\nimport {\n  isAreaTooltipContext,\n  type ClosestDatapoint,\n  type ClosestSeries,\n  type ClosestSeriesToMetadata,\n  type TooltipContextClosestPoints,\n} from '../../../utils/type-guards.js';\n\nexport interface BuildClosestPointTooltipHeaderPropsArgs<\n  T extends ClosestSeries,\n  K extends ClosestDatapoint<T>,\n> {\n  datapoint: K;\n  series: T;\n  seriesToMetadata: ClosestSeriesToMetadata<T>;\n  seriesWithDatapoints: AreaSeriesWithDatapoints[];\n  datapointMetadataMap: MapDatapoints;\n}\n\nexport const buildClosestPointTooltipHeaderProps = <\n  T extends ClosestSeries,\n  K extends ClosestDatapoint<T>,\n>({\n  datapoint,\n  series,\n  seriesToMetadata,\n  seriesWithDatapoints,\n  datapointMetadataMap,\n}: BuildClosestPointTooltipHeaderPropsArgs<T, K>) => {\n  const metadata = safeGet(seriesToMetadata, series);\n\n  const enrichedDatapoint: TooltipContextClosestPoints = {\n    series,\n    datapoint,\n    metadata,\n  };\n\n  const { name = '', color = { Default: 'blue' } } = metadata;\n\n  const shape = 'shape' in metadata ? metadata.shape : undefined;\n\n  let actions: (() => SeriesActionsTemplate) | undefined = undefined;\n\n  if (isAreaTooltipContext(enrichedDatapoint)) {\n    const { actions: seriesActions } = enrichedDatapoint.metadata;\n    actions = seriesActions\n      ? () => {\n          const actionItem = buildAreaSeriesActionItem({\n            datapoint: enrichedDatapoint.datapoint,\n            allSeries: seriesWithDatapoints,\n            seriesToMetadata:\n              seriesToMetadata as unknown as AreaSeriesToMetadata,\n            datapointMetadataMap,\n            currentSeries: enrichedDatapoint.series,\n          });\n          return seriesActions(actionItem);\n        }\n      : undefined;\n  } else {\n    const { actions: seriesActions } = enrichedDatapoint.metadata;\n    actions = () =>\n      (\n        seriesActions as (\n          datapoint: K & { name: string },\n        ) => SeriesActionsTemplate\n      )?.({\n        ...datapoint,\n        name,\n      });\n  }\n\n  return {\n    color: color.Default,\n    name,\n    actions,\n    shape,\n  };\n};\n"],
-  "mappings": "AACA,SAAS,eAAe;AAMxB,SAAS,iCAAiC;AAC1C;AAAA,EACE;AAAA,OAKK;AAaA,MAAM,sCAAsC,CAGjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqD;AACnD,QAAM,WAAW,QAAQ,kBAAkB,MAAM;AAEjD,QAAM,oBAAiD;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,EAAE,OAAO,IAAI,QAAQ,EAAE,SAAS,OAAO,EAAE,IAAI;AAEnD,QAAM,QAAQ,WAAW,WAAW,SAAS,QAAQ;AAErD,MAAI,UAAqD;AAEzD,MAAI,qBAAqB,iBAAiB,GAAG;AAC3C,UAAM,EAAE,SAAS,cAAc,IAAI,kBAAkB;AACrD,cAAU,gBACN,MAAM;AACJ,YAAM,aAAa,0BAA0B;AAAA,QAC3C,WAAW,kBAAkB;AAAA,QAC7B,WAAW;AAAA,QACX;AAAA,QAEA;AAAA,QACA,eAAe,kBAAkB;AAAA,MACnC,CAAC;AACD,aAAO,cAAc,UAAU;AAAA,IACjC,IACA;AAAA,EACN,OAAO;AACL,UAAM,EAAE,SAAS,cAAc,IAAI,kBAAkB;AACrD,cAAU,MAEN,gBAGE;AAAA,MACF,GAAG;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACL;AAEA,SAAO;AAAA,IACL,OAAO,MAAM;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { SeriesActionsTemplate } from '../../../../core/types/series-actions-template.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type {\n  AreaSeriesToMetadata,\n  AreaSeriesWithDatapoints,\n  MapDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { buildAreaSeriesActionItem } from '../../../utils/build-series-action-item.js';\nimport {\n  isAreaTooltipContext,\n  type ClosestDatapoint,\n  type ClosestSeries,\n  type ClosestSeriesToMetadata,\n  type TooltipContextClosestPoints,\n} from '../../../utils/type-guards.js';\n\nexport interface BuildClosestPointTooltipHeaderPropsArgs<\n  T extends ClosestSeries,\n  K extends ClosestDatapoint<T>,\n> {\n  datapoint: K;\n  series: T;\n  seriesToMetadata: ClosestSeriesToMetadata<T>;\n  seriesWithDatapoints: AreaSeriesWithDatapoints[];\n  datapointMetadataMap: MapDatapoints;\n}\n\nexport const buildClosestPointTooltipHeaderProps = <\n  T extends ClosestSeries,\n  K extends ClosestDatapoint<T>,\n>({\n  datapoint,\n  series,\n  seriesToMetadata,\n  seriesWithDatapoints,\n  datapointMetadataMap,\n}: BuildClosestPointTooltipHeaderPropsArgs<T, K>) => {\n  const metadata = safeGet(seriesToMetadata, series);\n\n  const enrichedDatapoint: TooltipContextClosestPoints = {\n    series,\n    datapoint,\n    metadata,\n  };\n\n  const { name = '', color = { Default: 'blue' }, nameSegments } = metadata;\n\n  const shape = 'shape' in metadata ? metadata.shape : undefined;\n\n  let actions: (() => SeriesActionsTemplate) | undefined = undefined;\n\n  if (isAreaTooltipContext(enrichedDatapoint)) {\n    const { actions: seriesActions } = enrichedDatapoint.metadata;\n    actions = seriesActions\n      ? () => {\n          const actionItem = buildAreaSeriesActionItem({\n            datapoint: enrichedDatapoint.datapoint,\n            allSeries: seriesWithDatapoints,\n            seriesToMetadata:\n              seriesToMetadata as unknown as AreaSeriesToMetadata,\n            datapointMetadataMap,\n            currentSeries: enrichedDatapoint.series,\n          });\n          return seriesActions(actionItem);\n        }\n      : undefined;\n  } else {\n    const { actions: seriesActions } = enrichedDatapoint.metadata;\n    actions = () =>\n      (\n        seriesActions as (\n          datapoint: K & { name: string },\n        ) => SeriesActionsTemplate\n      )?.({\n        ...datapoint,\n        name,\n      });\n  }\n\n  return {\n    color: color.Default,\n    name,\n    nameSegments,\n    actions,\n    shape,\n  };\n};\n"],
+  "mappings": "AACA,SAAS,eAAe;AAMxB,SAAS,iCAAiC;AAC1C;AAAA,EACE;AAAA,OAKK;AAaA,MAAM,sCAAsC,CAGjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqD;AACnD,QAAM,WAAW,QAAQ,kBAAkB,MAAM;AAEjD,QAAM,oBAAiD;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,EAAE,OAAO,IAAI,QAAQ,EAAE,SAAS,OAAO,GAAG,aAAa,IAAI;AAEjE,QAAM,QAAQ,WAAW,WAAW,SAAS,QAAQ;AAErD,MAAI,UAAqD;AAEzD,MAAI,qBAAqB,iBAAiB,GAAG;AAC3C,UAAM,EAAE,SAAS,cAAc,IAAI,kBAAkB;AACrD,cAAU,gBACN,MAAM;AACJ,YAAM,aAAa,0BAA0B;AAAA,QAC3C,WAAW,kBAAkB;AAAA,QAC7B,WAAW;AAAA,QACX;AAAA,QAEA;AAAA,QACA,eAAe,kBAAkB;AAAA,MACnC,CAAC;AACD,aAAO,cAAc,UAAU;AAAA,IACjC,IACA;AAAA,EACN,OAAO;AACL,UAAM,EAAE,SAAS,cAAc,IAAI,kBAAkB;AACrD,cAAU,MAEN,gBAGE;AAAA,MACF,GAAG;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACL;AAEA,SAAO;AAAA,IACL,OAAO,MAAM;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/components/tooltip/HoveredPointTooltip/HoveredPointTooltip.js

@@ -8,6 +8,7 @@ import { useBarData } from "../../../hooks/useBarData.js";
 import { useFormatCategory } from "../../../hooks/useFormatCategory.js";
 import { useXYChartColorScales } from "../../../hooks/useXYChartColorScales.js";
 import { useXYChartData } from "../../../hooks/useXYChartData.js";
+import { useXYChartTooltip } from "../../../hooks/useXYChartTooltip.js";
 import { useXYChartTruncationMode } from "../../../hooks/useXYChartTruncationMode.js";
 function HoveredPointTooltip({
   datapoint,
@@ -21,7 +22,8 @@ function HoveredPointTooltip({
   const axisIdToFormatter = useAxesFormatter();
   const formatCategory = useFormatCategory();
   const intl = useIntl();
-  const { name, value, color, actions } = buildHoveredPointTooltipHeaderProps({
+  const { seriesDisplayMode } = useXYChartTooltip();
+  const { name, nameSegments, value, color, actions } = buildHoveredPointTooltipHeaderProps({
     datapoint,
     series,
     seriesToMetadata,
@@ -40,12 +42,15 @@ function HoveredPointTooltip({
     intl
   });
   const isRect = series.type === "rect";
+  const isMultiLine = !isRect && nameSegments !== void 0 && seriesDisplayMode === "multi-line";
+  const displayName = isMultiLine ? nameSegments : name;
   const yText = `${yAxisValue} ${yAxisDuration ? `(${yAxisDuration})` : ""}`;
   const data = [
     {
-      name: isRect ? yText : name,
+      name: isRect ? yText : displayName,
       value: isRect ? value : yText,
-      color
+      color,
+      multiLine: isMultiLine
     }
   ];
   const label = datapoint.x0 instanceof Date ? "" : void 0;