@dynatrace/strato-components 3.7.1 → 3.9.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/SharedXYChartTooltip/SharedXYChartTooltip.tsx"],
-  "sourcesContent": ["import { useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  buildSharedTooltipHeader,\n  buildSharedTooltipRow,\n} from './sharedXYChartTooltipUtils.js';\nimport { OverlayTooltip } from '../../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { SeriesItemProps } from '../../../../core/components/overlay-tooltip/types/series.js';\nimport type { SeriesQueryResult } from '../../../context/XYChartOverlayPerformance.context.js';\nimport { useAxesFormatter } from '../../../hooks/useAxesFormatter.js';\nimport { useBarData } from '../../../hooks/useBarData.js';\nimport { useFormatCategory } from '../../../hooks/useFormatCategory.js';\nimport { useXYChartColorScales } from '../../../hooks/useXYChartColorScales.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport type { TooltipContent } from '../../../types/state.js';\n\nexport function SharedXYChartTooltip({\n  preferred,\n  datapoints,\n}: Readonly<{\n  preferred: TooltipContent;\n  datapoints: SeriesQueryResult[];\n}>) {\n  const { seriesToMetadata, axisIdToScaleDomain, datapointMetadataMap } =\n    useXYChartData();\n  const axisIdToFormatter = useAxesFormatter();\n  const intl = useIntl();\n  const colorScaleMap = useXYChartColorScales();\n  const { truncationMode } = useXYChartTruncationMode();\n  const formatCategory = useFormatCategory();\n  const { filteredSeriesWithDatapoints } = useBarData();\n\n  const ctx = {\n    seriesToMetadata,\n    axisIdToFormatter,\n    axisIdToScaleDomain,\n    datapointMetadataMap,\n    formatCategory,\n    intl,\n    colorScaleMap,\n    allBarSeries: filteredSeriesWithDatapoints,\n  };\n\n  const { xAxisValue, xAxisDuration, label } = buildSharedTooltipHeader(\n    preferred,\n    ctx,\n  );\n\n  const ctxRef = useRef(ctx);\n  ctxRef.current = ctx;\n\n  const prevDatapointsRef = useRef<SeriesQueryResult[]>([]);\n  const seriesItemsRef = useRef<SeriesItemProps[]>([]);\n\n  if (\n    datapoints.length !== prevDatapointsRef.current.length ||\n    datapoints.some((d, i) => d !== prevDatapointsRef.current[i])\n  ) {\n    prevDatapointsRef.current = datapoints;\n    seriesItemsRef.current = datapoints.map((result) => {\n      const row = buildSharedTooltipRow(\n        result as TooltipContent,\n        ctxRef.current,\n      );\n      return {\n        name: row.name,\n        value: row.yAxisDuration\n          ? `${row.yAxisValue} (${row.yAxisDuration})`\n          : row.yAxisValue,\n        color: row.color,\n        actions: row.actions,\n      };\n    });\n  }\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={seriesItemsRef.current}\n        variant=\"shared\"\n        activeItem={-1}\n        seriesItemTemplate={(item) => <OverlayTooltip.SeriesItem {...item} />}\n      />\n    </OverlayTooltip>\n  );\n}\n"],
-  "mappings": "AA8EI,SACE,KADF;AA9EJ,SAAS,cAAc;AACvB,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAG/B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AAGlC,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,GAGI;AACF,QAAM,EAAE,kBAAkB,qBAAqB,qBAAqB,IAClE,eAAe;AACjB,QAAM,oBAAoB,iBAAiB;AAC3C,QAAM,OAAO,QAAQ;AACrB,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,EAAE,eAAe,IAAI,yBAAyB;AACpD,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,EAAE,6BAA6B,IAAI,WAAW;AAEpD,QAAM,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,EAChB;AAEA,QAAM,EAAE,YAAY,eAAe,MAAM,IAAI;AAAA,IAC3C;AAAA,IACA;AAAA,EACF;AAEA,QAAM,SAAS,OAAO,GAAG;AACzB,SAAO,UAAU;AAEjB,QAAM,oBAAoB,OAA4B,CAAC,CAAC;AACxD,QAAM,iBAAiB,OAA0B,CAAC,CAAC;AAEnD,MACE,WAAW,WAAW,kBAAkB,QAAQ,UAChD,WAAW,KAAK,CAAC,GAAG,MAAM,MAAM,kBAAkB,QAAQ,CAAC,CAAC,GAC5D;AACA,sBAAkB,UAAU;AAC5B,mBAAe,UAAU,WAAW,IAAI,CAAC,WAAW;AAClD,YAAM,MAAM;AAAA,QACV;AAAA,QACA,OAAO;AAAA,MACT;AACA,aAAO;AAAA,QACL,MAAM,IAAI;AAAA,QACV,OAAO,IAAI,gBACP,GAAG,IAAI,UAAU,KAAK,IAAI,aAAa,MACvC,IAAI;AAAA,QACR,OAAO,IAAI;AAAA,QACX,SAAS,IAAI;AAAA,MACf;AAAA,IACF,CAAC;AAAA,EACH;AAEA,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,MAAM,eAAe;AAAA,QACrB,SAAQ;AAAA,QACR,YAAY;AAAA,QACZ,oBAAoB,CAAC,SAAS,oBAAC,eAAe,YAAf,EAA2B,GAAG,MAAM;AAAA;AAAA,IACrE;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport {\n  buildSharedTooltipHeader,\n  buildSharedTooltipRow,\n} from './sharedXYChartTooltipUtils.js';\nimport { OverlayTooltip } from '../../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { SeriesDisplayMode } from '../../../../core/types/tooltip.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesQueryResult } from '../../../context/XYChartOverlayPerformance.context.js';\nimport { useAxesFormatter } from '../../../hooks/useAxesFormatter.js';\nimport { useBarData } from '../../../hooks/useBarData.js';\nimport { useFormatCategory } from '../../../hooks/useFormatCategory.js';\nimport { useXYChartColorScales } from '../../../hooks/useXYChartColorScales.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartTooltip } from '../../../hooks/useXYChartTooltip.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport type { TooltipContent } from '../../../types/state.js';\n\ntype SharedTooltipCtx = Parameters<typeof buildSharedTooltipRow>[1];\n\ntype LazySharedRow = {\n  name: string | string[];\n  nameSegments: string[] | undefined;\n  result: SeriesQueryResult;\n};\n\nfunction LazySharedTooltipRow({\n  raw,\n  ctx,\n  seriesDisplayMode,\n}: {\n  readonly raw: LazySharedRow;\n  readonly ctx: SharedTooltipCtx;\n  readonly seriesDisplayMode: SeriesDisplayMode | undefined;\n}) {\n  const row = buildSharedTooltipRow(raw.result as TooltipContent, ctx);\n  const value = row.yAxisDuration\n    ? `${row.yAxisValue} (${row.yAxisDuration})`\n    : row.yAxisValue;\n\n  const isMultiLine =\n    row.nameSegments !== undefined && seriesDisplayMode === 'multi-line';\n  const displayName: string | string[] = isMultiLine\n    ? (row.nameSegments as string[])\n    : row.name;\n\n  return (\n    <OverlayTooltip.SeriesItem\n      name={displayName}\n      multiLine={isMultiLine}\n      value={value}\n      color={row.color}\n      actions={row.actions}\n    />\n  );\n}\n\nexport function SharedXYChartTooltip({\n  preferred,\n  datapoints,\n}: Readonly<{\n  preferred: TooltipContent;\n  datapoints: SeriesQueryResult[];\n}>) {\n  const { seriesToMetadata, axisIdToScaleDomain, datapointMetadataMap } =\n    useXYChartData();\n  const axisIdToFormatter = useAxesFormatter();\n  const intl = useIntl();\n  const colorScaleMap = useXYChartColorScales();\n  const { truncationMode } = useXYChartTruncationMode();\n  const formatCategory = useFormatCategory();\n  const { filteredSeriesWithDatapoints } = useBarData();\n  const { seriesDisplayMode } = useXYChartTooltip();\n\n  const ctx = {\n    seriesToMetadata,\n    axisIdToFormatter,\n    axisIdToScaleDomain,\n    datapointMetadataMap,\n    formatCategory,\n    intl,\n    colorScaleMap,\n    allBarSeries: filteredSeriesWithDatapoints,\n  };\n\n  const { xAxisValue, xAxisDuration, label } = buildSharedTooltipHeader(\n    preferred,\n    ctx,\n  );\n\n  const rows: LazySharedRow[] = datapoints.map((result) => {\n    const metadata = safeGet(seriesToMetadata, result.series);\n    const row = buildSharedTooltipRow(result as TooltipContent, ctx);\n\n    const isMultiLine =\n      row.nameSegments !== undefined && seriesDisplayMode === 'multi-line';\n    return {\n      name: isMultiLine ? row.nameSegments : metadata.name,\n      nameSegments: row.nameSegments,\n      result,\n    };\n  });\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={rows}\n        variant=\"shared\"\n        activeItem={-1}\n        seriesItemTemplate={(item) => (\n          <LazySharedTooltipRow\n            raw={item}\n            ctx={ctx}\n            seriesDisplayMode={seriesDisplayMode}\n          />\n        )}\n      />\n    </OverlayTooltip>\n  );\n}\n"],
+  "mappings": "AAgDI,cAyDA,YAzDA;AAhDJ,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAE/B,SAAS,eAAe;AAExB,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AAWzC,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,MAAM,sBAAsB,IAAI,QAA0B,GAAG;AACnE,QAAM,QAAQ,IAAI,gBACd,GAAG,IAAI,UAAU,KAAK,IAAI,aAAa,MACvC,IAAI;AAER,QAAM,cACJ,IAAI,iBAAiB,UAAa,sBAAsB;AAC1D,QAAM,cAAiC,cAClC,IAAI,eACL,IAAI;AAER,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,MAAM;AAAA,MACN,WAAW;AAAA,MACX;AAAA,MACA,OAAO,IAAI;AAAA,MACX,SAAS,IAAI;AAAA;AAAA,EACf;AAEJ;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,GAGI;AACF,QAAM,EAAE,kBAAkB,qBAAqB,qBAAqB,IAClE,eAAe;AACjB,QAAM,oBAAoB,iBAAiB;AAC3C,QAAM,OAAO,QAAQ;AACrB,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,EAAE,eAAe,IAAI,yBAAyB;AACpD,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,EAAE,6BAA6B,IAAI,WAAW;AACpD,QAAM,EAAE,kBAAkB,IAAI,kBAAkB;AAEhD,QAAM,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,EAChB;AAEA,QAAM,EAAE,YAAY,eAAe,MAAM,IAAI;AAAA,IAC3C;AAAA,IACA;AAAA,EACF;AAEA,QAAM,OAAwB,WAAW,IAAI,CAAC,WAAW;AACvD,UAAM,WAAW,QAAQ,kBAAkB,OAAO,MAAM;AACxD,UAAM,MAAM,sBAAsB,QAA0B,GAAG;AAE/D,UAAM,cACJ,IAAI,iBAAiB,UAAa,sBAAsB;AAC1D,WAAO;AAAA,MACL,MAAM,cAAc,IAAI,eAAe,SAAS;AAAA,MAChD,cAAc,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,EACF,CAAC;AAED,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,MAAM;AAAA,QACN,SAAQ;AAAA,QACR,YAAY;AAAA,QACZ,oBAAoB,CAAC,SACnB;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;",
   "names": []
 }

package/esm/charts/xy-chart/components/tooltip/SharedXYChartTooltip/sharedXYChartTooltipUtils.js

@@ -75,7 +75,7 @@ function buildSharedTooltipRow(result, ctx) {
     allBarSeries
   } = ctx;
   const metadata = safeGet(seriesToMetadata, result.series);
-  const colorOverride = result.type === RECT_VARIANT ? safeGet(datapointMetadataMap, result.datapoint).colorOverride : void 0;
+  const colorOverride = result.type === RECT_VARIANT || result.type === BAR_VARIANT ? safeGet(datapointMetadataMap, result.datapoint).colorOverride : void 0;
   const color = getColor(
     result.series,
     result.datapoint,
@@ -101,7 +101,14 @@ function buildSharedTooltipRow(result, ctx) {
       };
     }
   }
-  return { name: metadata.name, color, yAxisValue, yAxisDuration, actions };
+  return {
+    name: metadata.name,
+    nameSegments: metadata.nameSegments,
+    color,
+    yAxisValue,
+    yAxisDuration,
+    actions
+  };
 }
 export {
   buildSharedTooltipHeader,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/SharedXYChartTooltip/sharedXYChartTooltipUtils.ts"],
-  "sourcesContent": ["import type { IntlShape } from 'react-intl';\n\nimport type { MinMax } from '../../../../core/types/min-max.js';\nimport type { SeriesActionsTemplate } from '../../../../core/types/series-actions-template.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport type { FormatCategory } from '../../../hooks/useFormatCategory.js';\nimport { isCategorical } from '../../../types/guards.js';\nimport type { TooltipContent } from '../../../types/state.js';\nimport {\n  BAR_VARIANT,\n  RECT_VARIANT,\n  type AxisIdToFormatter,\n  type AxisIdToScaleDomain,\n  type BarMetadata,\n  type BarSeriesToMetadata,\n  type BarSeriesWithDatapoints,\n  type BaseMetadata,\n  type DotMetadata,\n  type LineMetadata,\n  type MapDatapoints,\n  type RectMetadata,\n  type RectSeriesToMetadata,\n  type SeriesToMetadata,\n} from '../../../types/xy-chart-internals.js';\nimport { buildBarSeriesActionItem } from '../../../utils/build-series-action-item.js';\nimport { getRelativeAccessor } from '../../../utils/value-representation.js';\nimport { buildClosestPointTooltipBodyProps } from '../ClosestPointTooltip/closestPointTooltipBodyUtils.js';\nimport { getHoveredPointTooltipBodyContent } from '../HoveredPointTooltip/hooks/getHoveredPointTooltipBodyContent.js';\nimport { buildHoveredPointTooltipBodyProps } from '../HoveredPointTooltip/hoveredPointTooltipBodyUtils.js';\nimport { getColor } from '../utils/get-color.js';\nimport { getTooltipFormatter } from '../utils/get-tooltip-formatter.js';\nimport type { XYChartTooltipBodyProps } from '../XYChartTooltipBody/XYChartTooltipBody.js';\n\ntype SharedTooltipContext = {\n  seriesToMetadata: SeriesToMetadata;\n  axisIdToFormatter: AxisIdToFormatter;\n  axisIdToScaleDomain: AxisIdToScaleDomain;\n  datapointMetadataMap: MapDatapoints;\n  formatCategory: FormatCategory;\n  intl: IntlShape;\n  allBarSeries: BarSeriesWithDatapoints[];\n};\n\nexport type SharedTooltipRow = {\n  name: string;\n  color: string;\n  yAxisValue: string;\n  yAxisDuration: string | undefined;\n  actions?: () => SeriesActionsTemplate;\n};\n\nexport type SharedTooltipHeader = {\n  xAxisValue: string;\n  xAxisDuration: string | undefined;\n  label: string | undefined;\n};\n\n/**\n * Bar/Rect have explicit hovered geometry, so they format via the\n * hovered-point helper. Dot/Line/Area pick the closest sample under\n * the cursor and format via the closest-point helper. Both helpers\n * return the same `XYChartTooltipBodyProps` shape.\n */\nfunction buildTooltipBody(\n  content: TooltipContent,\n  ctx: SharedTooltipContext,\n): XYChartTooltipBodyProps {\n  const isHoveredShape =\n    content.type === RECT_VARIANT || content.type === BAR_VARIANT;\n\n  if (isHoveredShape) {\n    return buildHoveredPointTooltipBodyProps({\n      datapoint: content.datapoint,\n      series: content.series,\n      seriesToMetadata: ctx.seriesToMetadata as unknown as RectSeriesToMetadata,\n      axisIdToFormatter: ctx.axisIdToFormatter,\n      axisIdToScaleDomain: ctx.axisIdToScaleDomain,\n      datapointMetadataMap: ctx.datapointMetadataMap,\n      formatCategory: ctx.formatCategory,\n      intl: ctx.intl,\n    });\n  }\n\n  return buildClosestPointTooltipBodyProps({\n    datapoint: content.datapoint,\n    series: content.series,\n    seriesToMetadata: ctx.seriesToMetadata as never,\n    axisIdToFormatter: ctx.axisIdToFormatter,\n    axisIdToScaleDomain: ctx.axisIdToScaleDomain,\n    datapointMetadataMap: ctx.datapointMetadataMap,\n    intl: ctx.intl,\n  });\n}\n\nexport function buildSharedTooltipHeader(\n  preferred: TooltipContent,\n  ctx: SharedTooltipContext,\n): SharedTooltipHeader {\n  const { xAxisValue, xAxisDuration } = buildTooltipBody(preferred, ctx);\n  return {\n    xAxisValue,\n    xAxisDuration,\n    label: preferred.datapoint.x0 instanceof Date ? '' : undefined,\n  };\n}\n\n// Computes only the y-axis formatted value for a BAR/RECT row, reusing the\n// already-retrieved metadata to avoid a second seriesToMetadata lookup and\n// skipping x-axis formatting that is unused in shared tooltip rows.\nfunction buildRowYAxisValue(\n  result: Extract<\n    TooltipContent,\n    { type: typeof BAR_VARIANT | typeof RECT_VARIANT }\n  >,\n  metadata: BaseMetadata,\n  ctx: SharedTooltipContext,\n): { yAxisValue: string; yAxisDuration: string | undefined } {\n  const {\n    axisIdToFormatter,\n    axisIdToScaleDomain,\n    datapointMetadataMap,\n    formatCategory,\n    intl,\n  } = ctx;\n  const { yAxis } = metadata;\n\n  const yResolvedFormatter = isCategorical(yAxis.type)\n    ? (value: string) => formatCategory(yAxis, value) ?? value\n    : getTooltipFormatter(yAxis, axisIdToFormatter, intl);\n\n  const datapointMetadata = datapointMetadataMap.get(result.datapoint);\n  const binDomain = datapointMetadata?.binDomain;\n  const isRelative = typeof binDomain === 'number' && binDomain;\n\n  // Mirrors the `xDomain` variable in buildHoveredPointTooltipBodyProps \u2014\n  // confusingly named there, it is the domain fed into the y-axis relative accessor.\n  const yRelativeDomain: MinMax =\n    isRelative && datapointMetadata?.baseline === 'x'\n      ? { min: binDomain * -1, max: binDomain }\n      : (safeGet(axisIdToScaleDomain, yAxis.id) as MinMax);\n\n  const { y0, y1 } = result.datapoint;\n  const { text: yAxisValue, duration: yAxisDuration } =\n    getHoveredPointTooltipBodyContent(\n      intl,\n      y0,\n      y1,\n      yResolvedFormatter,\n      getRelativeAccessor(yAxis, yRelativeDomain),\n    );\n\n  return { yAxisValue, yAxisDuration };\n}\n\nexport function buildSharedTooltipRow(\n  result: TooltipContent,\n  ctx: SharedTooltipContext & { colorScaleMap: SeriesIdToColorScale },\n): SharedTooltipRow {\n  const {\n    seriesToMetadata,\n    datapointMetadataMap,\n    colorScaleMap,\n    allBarSeries,\n  } = ctx;\n  const metadata = safeGet(seriesToMetadata, result.series);\n  const colorOverride =\n    result.type === RECT_VARIANT\n      ? safeGet(datapointMetadataMap, result.datapoint).colorOverride\n      : undefined;\n\n  // `getColor` returns the rect color from the color scale when applicable\n  // and otherwise falls back to `metadata.color.Default`. The cast is safe\n  // at runtime: `AreaMetadata` is structurally compatible.\n  const color =\n    getColor(\n      result.series,\n      result.datapoint,\n      metadata as RectMetadata | BarMetadata | DotMetadata | LineMetadata,\n      colorScaleMap,\n      colorOverride,\n    ) ?? '';\n\n  // BAR/RECT: use the already-retrieved metadata and skip x-axis formatting,\n  // which is unused in rows. Other shapes fall back to buildTooltipBody\n  // (unreachable in the shared tooltip variant but kept for safety).\n  const { yAxisValue, yAxisDuration } =\n    result.type === BAR_VARIANT || result.type === RECT_VARIANT\n      ? buildRowYAxisValue(result, metadata, ctx)\n      : buildTooltipBody(result, ctx);\n\n  let actions: (() => SeriesActionsTemplate) | undefined;\n  if (result.type === BAR_VARIANT) {\n    const metadataActions = (metadata as BarMetadata).actions;\n    if (metadataActions) {\n      const { datapoint, series } = result;\n      actions = () => {\n        const actionItem = buildBarSeriesActionItem({\n          datapoint,\n          allSeries: allBarSeries,\n          seriesToMetadata: seriesToMetadata as unknown as BarSeriesToMetadata,\n          datapointMetadataMap,\n          currentSeries: series,\n        });\n        return metadataActions(actionItem);\n      };\n    }\n  }\n\n  return { name: metadata.name, color, yAxisValue, yAxisDuration, actions };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { IntlShape } from 'react-intl';\n\nimport type { MinMax } from '../../../../core/types/min-max.js';\nimport type { SeriesActionsTemplate } from '../../../../core/types/series-actions-template.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport type { FormatCategory } from '../../../hooks/useFormatCategory.js';\nimport { isCategorical } from '../../../types/guards.js';\nimport type { TooltipContent } from '../../../types/state.js';\nimport {\n  BAR_VARIANT,\n  RECT_VARIANT,\n  type AxisIdToFormatter,\n  type AxisIdToScaleDomain,\n  type BarMetadata,\n  type BarSeriesToMetadata,\n  type BarSeriesWithDatapoints,\n  type BaseMetadata,\n  type DotMetadata,\n  type LineMetadata,\n  type MapDatapoints,\n  type RectMetadata,\n  type RectSeriesToMetadata,\n  type SeriesToMetadata,\n} from '../../../types/xy-chart-internals.js';\nimport { buildBarSeriesActionItem } from '../../../utils/build-series-action-item.js';\nimport { getRelativeAccessor } from '../../../utils/value-representation.js';\nimport { buildClosestPointTooltipBodyProps } from '../ClosestPointTooltip/closestPointTooltipBodyUtils.js';\nimport { getHoveredPointTooltipBodyContent } from '../HoveredPointTooltip/hooks/getHoveredPointTooltipBodyContent.js';\nimport { buildHoveredPointTooltipBodyProps } from '../HoveredPointTooltip/hoveredPointTooltipBodyUtils.js';\nimport { getColor } from '../utils/get-color.js';\nimport { getTooltipFormatter } from '../utils/get-tooltip-formatter.js';\nimport type { XYChartTooltipBodyProps } from '../XYChartTooltipBody/XYChartTooltipBody.js';\n\ntype SharedTooltipContext = {\n  seriesToMetadata: SeriesToMetadata;\n  axisIdToFormatter: AxisIdToFormatter;\n  axisIdToScaleDomain: AxisIdToScaleDomain;\n  datapointMetadataMap: MapDatapoints;\n  formatCategory: FormatCategory;\n  intl: IntlShape;\n  allBarSeries: BarSeriesWithDatapoints[];\n};\n\nexport type SharedTooltipRow = {\n  name: string;\n  nameSegments?: string[];\n  color: string;\n  yAxisValue: string;\n  yAxisDuration: string | undefined;\n  actions?: () => SeriesActionsTemplate;\n};\n\nexport type SharedTooltipHeader = {\n  xAxisValue: string;\n  xAxisDuration: string | undefined;\n  label: string | undefined;\n};\n\n/**\n * Bar/Rect have explicit hovered geometry, so they format via the\n * hovered-point helper. Dot/Line/Area pick the closest sample under\n * the cursor and format via the closest-point helper. Both helpers\n * return the same `XYChartTooltipBodyProps` shape.\n */\nfunction buildTooltipBody(\n  content: TooltipContent,\n  ctx: SharedTooltipContext,\n): XYChartTooltipBodyProps {\n  const isHoveredShape =\n    content.type === RECT_VARIANT || content.type === BAR_VARIANT;\n\n  if (isHoveredShape) {\n    return buildHoveredPointTooltipBodyProps({\n      datapoint: content.datapoint,\n      series: content.series,\n      seriesToMetadata: ctx.seriesToMetadata as unknown as RectSeriesToMetadata,\n      axisIdToFormatter: ctx.axisIdToFormatter,\n      axisIdToScaleDomain: ctx.axisIdToScaleDomain,\n      datapointMetadataMap: ctx.datapointMetadataMap,\n      formatCategory: ctx.formatCategory,\n      intl: ctx.intl,\n    });\n  }\n\n  return buildClosestPointTooltipBodyProps({\n    datapoint: content.datapoint,\n    series: content.series,\n    seriesToMetadata: ctx.seriesToMetadata as never,\n    axisIdToFormatter: ctx.axisIdToFormatter,\n    axisIdToScaleDomain: ctx.axisIdToScaleDomain,\n    datapointMetadataMap: ctx.datapointMetadataMap,\n    intl: ctx.intl,\n  });\n}\n\nexport function buildSharedTooltipHeader(\n  preferred: TooltipContent,\n  ctx: SharedTooltipContext,\n): SharedTooltipHeader {\n  const { xAxisValue, xAxisDuration } = buildTooltipBody(preferred, ctx);\n  return {\n    xAxisValue,\n    xAxisDuration,\n    label: preferred.datapoint.x0 instanceof Date ? '' : undefined,\n  };\n}\n\n// Computes only the y-axis formatted value for a BAR/RECT row, reusing the\n// already-retrieved metadata to avoid a second seriesToMetadata lookup and\n// skipping x-axis formatting that is unused in shared tooltip rows.\nfunction buildRowYAxisValue(\n  result: Extract<\n    TooltipContent,\n    { type: typeof BAR_VARIANT | typeof RECT_VARIANT }\n  >,\n  metadata: BaseMetadata,\n  ctx: SharedTooltipContext,\n): { yAxisValue: string; yAxisDuration: string | undefined } {\n  const {\n    axisIdToFormatter,\n    axisIdToScaleDomain,\n    datapointMetadataMap,\n    formatCategory,\n    intl,\n  } = ctx;\n  const { yAxis } = metadata;\n\n  const yResolvedFormatter = isCategorical(yAxis.type)\n    ? (value: string) => formatCategory(yAxis, value) ?? value\n    : getTooltipFormatter(yAxis, axisIdToFormatter, intl);\n\n  const datapointMetadata = datapointMetadataMap.get(result.datapoint);\n  const binDomain = datapointMetadata?.binDomain;\n  const isRelative = typeof binDomain === 'number' && binDomain;\n\n  // Mirrors the `xDomain` variable in buildHoveredPointTooltipBodyProps \u2014\n  // confusingly named there, it is the domain fed into the y-axis relative accessor.\n  const yRelativeDomain: MinMax =\n    isRelative && datapointMetadata?.baseline === 'x'\n      ? { min: binDomain * -1, max: binDomain }\n      : (safeGet(axisIdToScaleDomain, yAxis.id) as MinMax);\n\n  const { y0, y1 } = result.datapoint;\n  const { text: yAxisValue, duration: yAxisDuration } =\n    getHoveredPointTooltipBodyContent(\n      intl,\n      y0,\n      y1,\n      yResolvedFormatter,\n      getRelativeAccessor(yAxis, yRelativeDomain),\n    );\n\n  return { yAxisValue, yAxisDuration };\n}\n\nexport function buildSharedTooltipRow(\n  result: TooltipContent,\n  ctx: SharedTooltipContext & { colorScaleMap: SeriesIdToColorScale },\n): SharedTooltipRow {\n  const {\n    seriesToMetadata,\n    datapointMetadataMap,\n    colorScaleMap,\n    allBarSeries,\n  } = ctx;\n  const metadata = safeGet(seriesToMetadata, result.series);\n  const colorOverride =\n    result.type === RECT_VARIANT || result.type === BAR_VARIANT\n      ? safeGet(datapointMetadataMap, result.datapoint).colorOverride\n      : undefined;\n\n  // `getColor` returns the rect color from the color scale when applicable\n  // and otherwise falls back to `metadata.color.Default`. The cast is safe\n  // at runtime: `AreaMetadata` is structurally compatible.\n  const color =\n    getColor(\n      result.series,\n      result.datapoint,\n      metadata as RectMetadata | BarMetadata | DotMetadata | LineMetadata,\n      colorScaleMap,\n      colorOverride,\n    ) ?? '';\n\n  // BAR/RECT: use the already-retrieved metadata and skip x-axis formatting,\n  // which is unused in rows. Other shapes fall back to buildTooltipBody\n  // (unreachable in the shared tooltip variant but kept for safety).\n  const { yAxisValue, yAxisDuration } =\n    result.type === BAR_VARIANT || result.type === RECT_VARIANT\n      ? buildRowYAxisValue(result, metadata, ctx)\n      : buildTooltipBody(result, ctx);\n\n  let actions: (() => SeriesActionsTemplate) | undefined;\n  if (result.type === BAR_VARIANT) {\n    const metadataActions = (metadata as BarMetadata).actions;\n    if (metadataActions) {\n      const { datapoint, series } = result;\n      actions = () => {\n        const actionItem = buildBarSeriesActionItem({\n          datapoint,\n          allSeries: allBarSeries,\n          seriesToMetadata: seriesToMetadata as unknown as BarSeriesToMetadata,\n          datapointMetadataMap,\n          currentSeries: series,\n        });\n        return metadataActions(actionItem);\n      };\n    }\n  }\n\n  return {\n    name: metadata.name,\n    nameSegments: metadata.nameSegments,\n    color,\n    yAxisValue,\n    yAxisDuration,\n    actions,\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -48,7 +48,7 @@ function TopListTooltip({
     { name: legendHidden ? topListLabel : name, value: valueText, color }
   ];
   return /* @__PURE__ */ jsxs(OverlayTooltip, { truncation: truncationMode, children: [
-    !legendHidden && /* @__PURE__ */ jsx(OverlayTooltip.Header, { header1: topListLabel }),
+    !legendHidden && /* @__PURE__ */ jsx(OverlayTooltip.Header, { header1: topListLabel, label: "" }),
     /* @__PURE__ */ jsx(
       OverlayTooltip.Series,
       {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/tooltip/TopListTooltip.tsx"],
-  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { buildHoveredPointTooltipBodyProps } from './HoveredPointTooltip/hoveredPointTooltipBodyUtils.js';\nimport { buildHoveredPointTooltipHeaderProps } from './HoveredPointTooltip/hoveredPointTooltipHeaderUtils.js';\nimport { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { SeriesItemProps } from '../../../core/components/overlay-tooltip/types/series.js';\nimport { useLegendHidden } from '../../context/XYChartLegendHidden.context.js';\nimport { useAxesFormatter } from '../../hooks/useAxesFormatter.js';\nimport { useBarData } from '../../hooks/useBarData.js';\nimport { useFormatCategory } from '../../hooks/useFormatCategory.js';\nimport { useXYChartColorScales } from '../../hooks/useXYChartColorScales.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartTruncationMode } from '../../hooks/useXYChartTruncationMode.js';\nimport type {\n  BarSeriesToMetadata,\n  BarSeriesWithDatapoints,\n} from '../../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../../types/xy-chart.js';\n\nexport function TopListTooltip({\n  datapoint,\n  series,\n  seriesToMetadata,\n}: Readonly<{\n  datapoint: BarDatapoint;\n  series: BarSeriesWithDatapoints;\n  seriesToMetadata: BarSeriesToMetadata;\n}>) {\n  const legendHidden = useLegendHidden();\n  const { truncationMode } = useXYChartTruncationMode();\n  const { axisIdToScaleDomain, datapointMetadataMap } = useXYChartData();\n  const colorScaleMap = useXYChartColorScales();\n  const axisIdToFormatter = useAxesFormatter();\n  const formatCategory = useFormatCategory();\n  const { filteredSeriesWithDatapoints } = useBarData();\n  const intl = useIntl();\n\n  const { name, color, actions } = buildHoveredPointTooltipHeaderProps({\n    datapoint,\n    series,\n    seriesToMetadata,\n    seriesWithDatapoints: filteredSeriesWithDatapoints,\n    datapointMetadataMap,\n    colorScaleMap,\n  });\n\n  const { xAxisValue, yAxisDuration } = buildHoveredPointTooltipBodyProps({\n    datapoint,\n    series,\n    seriesToMetadata,\n    axisIdToFormatter,\n    axisIdToScaleDomain,\n    datapointMetadataMap,\n    formatCategory,\n    intl,\n  });\n\n  const topListLabel = datapoint.label ?? '';\n  const duration = yAxisDuration ? ` (${yAxisDuration})` : '';\n  const valueText = `${xAxisValue}${duration}`;\n  const data: SeriesItemProps[] = [\n    { name: legendHidden ? topListLabel : name, value: valueText, color },\n  ];\n\n  return (\n    <OverlayTooltip truncation={truncationMode}>\n      {!legendHidden && <OverlayTooltip.Header header1={topListLabel} />}\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": "AAiEI,SACoB,KADpB;AAjEJ,SAAS,eAAe;AAExB,SAAS,yCAAyC;AAClD,SAAS,2CAA2C;AACpD,SAAS,sBAAsB;AAE/B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AAOlC,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAII;AACF,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,eAAe,IAAI,yBAAyB;AACpD,QAAM,EAAE,qBAAqB,qBAAqB,IAAI,eAAe;AACrE,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,oBAAoB,iBAAiB;AAC3C,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,EAAE,6BAA6B,IAAI,WAAW;AACpD,QAAM,OAAO,QAAQ;AAErB,QAAM,EAAE,MAAM,OAAO,QAAQ,IAAI,oCAAoC;AAAA,IACnE;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,YAAY,cAAc,IAAI,kCAAkC;AAAA,IACtE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,eAAe,UAAU,SAAS;AACxC,QAAM,WAAW,gBAAgB,KAAK,aAAa,MAAM;AACzD,QAAM,YAAY,GAAG,UAAU,GAAG,QAAQ;AAC1C,QAAM,OAA0B;AAAA,IAC9B,EAAE,MAAM,eAAe,eAAe,MAAM,OAAO,WAAW,MAAM;AAAA,EACtE;AAEA,SACE,qBAAC,kBAAe,YAAY,gBACzB;AAAA,KAAC,gBAAgB,oBAAC,eAAe,QAAf,EAAsB,SAAS,cAAc;AAAA,IAChE;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 { buildHoveredPointTooltipBodyProps } from './HoveredPointTooltip/hoveredPointTooltipBodyUtils.js';\nimport { buildHoveredPointTooltipHeaderProps } from './HoveredPointTooltip/hoveredPointTooltipHeaderUtils.js';\nimport { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { SeriesItemProps } from '../../../core/components/overlay-tooltip/types/series.js';\nimport { useLegendHidden } from '../../context/XYChartLegendHidden.context.js';\nimport { useAxesFormatter } from '../../hooks/useAxesFormatter.js';\nimport { useBarData } from '../../hooks/useBarData.js';\nimport { useFormatCategory } from '../../hooks/useFormatCategory.js';\nimport { useXYChartColorScales } from '../../hooks/useXYChartColorScales.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartTruncationMode } from '../../hooks/useXYChartTruncationMode.js';\nimport type {\n  BarSeriesToMetadata,\n  BarSeriesWithDatapoints,\n} from '../../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../../types/xy-chart.js';\n\nexport function TopListTooltip({\n  datapoint,\n  series,\n  seriesToMetadata,\n}: Readonly<{\n  datapoint: BarDatapoint;\n  series: BarSeriesWithDatapoints;\n  seriesToMetadata: BarSeriesToMetadata;\n}>) {\n  const legendHidden = useLegendHidden();\n  const { truncationMode } = useXYChartTruncationMode();\n  const { axisIdToScaleDomain, datapointMetadataMap } = useXYChartData();\n  const colorScaleMap = useXYChartColorScales();\n  const axisIdToFormatter = useAxesFormatter();\n  const formatCategory = useFormatCategory();\n  const { filteredSeriesWithDatapoints } = useBarData();\n  const intl = useIntl();\n\n  const { name, color, actions } = buildHoveredPointTooltipHeaderProps({\n    datapoint,\n    series,\n    seriesToMetadata,\n    seriesWithDatapoints: filteredSeriesWithDatapoints,\n    datapointMetadataMap,\n    colorScaleMap,\n  });\n\n  const { xAxisValue, yAxisDuration } = buildHoveredPointTooltipBodyProps({\n    datapoint,\n    series,\n    seriesToMetadata,\n    axisIdToFormatter,\n    axisIdToScaleDomain,\n    datapointMetadataMap,\n    formatCategory,\n    intl,\n  });\n\n  const topListLabel = datapoint.label ?? '';\n  const duration = yAxisDuration ? ` (${yAxisDuration})` : '';\n  const valueText = `${xAxisValue}${duration}`;\n  const data: SeriesItemProps[] = [\n    { name: legendHidden ? topListLabel : name, value: valueText, color },\n  ];\n\n  return (\n    <OverlayTooltip truncation={truncationMode}>\n      {!legendHidden && (\n        <OverlayTooltip.Header header1={topListLabel} 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": "AAiEI,SAEI,KAFJ;AAjEJ,SAAS,eAAe;AAExB,SAAS,yCAAyC;AAClD,SAAS,2CAA2C;AACpD,SAAS,sBAAsB;AAE/B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AAOlC,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAII;AACF,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,eAAe,IAAI,yBAAyB;AACpD,QAAM,EAAE,qBAAqB,qBAAqB,IAAI,eAAe;AACrE,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,oBAAoB,iBAAiB;AAC3C,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,EAAE,6BAA6B,IAAI,WAAW;AACpD,QAAM,OAAO,QAAQ;AAErB,QAAM,EAAE,MAAM,OAAO,QAAQ,IAAI,oCAAoC;AAAA,IACnE;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,YAAY,cAAc,IAAI,kCAAkC;AAAA,IACtE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,eAAe,UAAU,SAAS;AACxC,QAAM,WAAW,gBAAgB,KAAK,aAAa,MAAM;AACzD,QAAM,YAAY,GAAG,UAAU,GAAG,QAAQ;AAC1C,QAAM,OAA0B;AAAA,IAC9B,EAAE,MAAM,eAAe,eAAe,MAAM,OAAO,WAAW,MAAM;AAAA,EACtE;AAEA,SACE,qBAAC,kBAAe,YAAY,gBACzB;AAAA,KAAC,gBACA,oBAAC,eAAe,QAAf,EAAsB,SAAS,cAAc,OAAM,IAAG;AAAA,IAEzD;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/XYChartTooltipContent.js

@@ -45,7 +45,7 @@ const XYChartTooltipContent = ({
       return null;
     }
     if (customTooltipContent) {
-      return /* @__PURE__ */ jsx(OverlayTooltip, { legacyTemplate: customTooltipContent });
+      return /* @__PURE__ */ jsx(OverlayTooltip, { template: customTooltipContent });
     }
   }
   switch (content.type) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/tooltip/XYChartTooltipContent.tsx"],
-  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { AreaSeriesTooltip } from './AreaSeriesTooltip.js';\nimport { BarSeriesTooltip } from './BarSeriesTooltip.js';\nimport { DotSeriesTooltip } from './DotSeriesTooltip.js';\nimport { LineSeriesTooltip } from './LineSeriesTooltip.js';\nimport { RectSeriesTooltip } from './RectSeriesTooltip.js';\nimport { getCustomTooltipPayload } from './utils/get-custom-tooltip-payload.js';\nimport { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { useAxesFormatter } from '../../hooks/useAxesFormatter.js';\nimport { useXYChartColorScales } from '../../hooks/useXYChartColorScales.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartTooltip } from '../../hooks/useXYChartTooltip.js';\nimport type { TooltipContent } from '../../types/state.js';\nimport {\n  AREA_VARIANT,\n  BAR_VARIANT,\n  DOT_VARIANT,\n  LINE_VARIANT,\n  RECT_VARIANT,\n} from '../../types/xy-chart-internals.js';\n\nexport const XYChartTooltipContent = ({\n  content,\n}: {\n  content: TooltipContent;\n}) => {\n  const customTooltip = useXYChartTooltip();\n  const axisIdToFormatter = useAxesFormatter();\n  const intl = useIntl();\n  const colorScaleMap = useXYChartColorScales();\n  const { seriesToMetadata } = useXYChartData();\n  const { datapointMetadataMap } = useXYChartData();\n\n  if (customTooltip?.hidden) {\n    return null;\n  }\n\n  if (customTooltip?.template) {\n    const customTooltipPayload = getCustomTooltipPayload(\n      content,\n      safeGet(seriesToMetadata, content.series),\n      axisIdToFormatter,\n      intl,\n      colorScaleMap,\n      safeGet(datapointMetadataMap, content.datapoint).colorOverride,\n    );\n\n    const customTooltipContent = customTooltip.template?.(customTooltipPayload);\n\n    if (customTooltipContent === null) {\n      return null;\n    }\n\n    if (customTooltipContent) {\n      return (\n        <OverlayTooltip legacyTemplate={customTooltipContent}></OverlayTooltip>\n      );\n    }\n  }\n\n  switch (content.type) {\n    case RECT_VARIANT:\n      return (\n        <RectSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case BAR_VARIANT:\n      return (\n        <BarSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case DOT_VARIANT:\n      return (\n        <DotSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case LINE_VARIANT:\n      return (\n        <LineSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case AREA_VARIANT:\n      return (\n        <AreaSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n\n    default:\n      return null;\n  }\n};\n"],
-  "mappings": "AAyDQ;AAzDR,SAAS,eAAe;AAExB,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAElC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,MAEM;AACJ,QAAM,gBAAgB,kBAAkB;AACxC,QAAM,oBAAoB,iBAAiB;AAC3C,QAAM,OAAO,QAAQ;AACrB,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,EAAE,iBAAiB,IAAI,eAAe;AAC5C,QAAM,EAAE,qBAAqB,IAAI,eAAe;AAEhD,MAAI,eAAe,QAAQ;AACzB,WAAO;AAAA,EACT;AAEA,MAAI,eAAe,UAAU;AAC3B,UAAM,uBAAuB;AAAA,MAC3B;AAAA,MACA,QAAQ,kBAAkB,QAAQ,MAAM;AAAA,MACxC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,sBAAsB,QAAQ,SAAS,EAAE;AAAA,IACnD;AAEA,UAAM,uBAAuB,cAAc,WAAW,oBAAoB;AAE1E,QAAI,yBAAyB,MAAM;AACjC,aAAO;AAAA,IACT;AAEA,QAAI,sBAAsB;AACxB,aACE,oBAAC,kBAAe,gBAAgB,sBAAsB;AAAA,IAE1D;AAAA,EACF;AAEA,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAGJ;AACE,aAAO;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { AreaSeriesTooltip } from './AreaSeriesTooltip.js';\nimport { BarSeriesTooltip } from './BarSeriesTooltip.js';\nimport { DotSeriesTooltip } from './DotSeriesTooltip.js';\nimport { LineSeriesTooltip } from './LineSeriesTooltip.js';\nimport { RectSeriesTooltip } from './RectSeriesTooltip.js';\nimport { getCustomTooltipPayload } from './utils/get-custom-tooltip-payload.js';\nimport { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { useAxesFormatter } from '../../hooks/useAxesFormatter.js';\nimport { useXYChartColorScales } from '../../hooks/useXYChartColorScales.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartTooltip } from '../../hooks/useXYChartTooltip.js';\nimport type { TooltipContent } from '../../types/state.js';\nimport {\n  AREA_VARIANT,\n  BAR_VARIANT,\n  DOT_VARIANT,\n  LINE_VARIANT,\n  RECT_VARIANT,\n} from '../../types/xy-chart-internals.js';\n\nexport const XYChartTooltipContent = ({\n  content,\n}: {\n  content: TooltipContent;\n}) => {\n  const customTooltip = useXYChartTooltip();\n  const axisIdToFormatter = useAxesFormatter();\n  const intl = useIntl();\n  const colorScaleMap = useXYChartColorScales();\n  const { seriesToMetadata } = useXYChartData();\n  const { datapointMetadataMap } = useXYChartData();\n\n  if (customTooltip?.hidden) {\n    return null;\n  }\n\n  if (customTooltip?.template) {\n    const customTooltipPayload = getCustomTooltipPayload(\n      content,\n      safeGet(seriesToMetadata, content.series),\n      axisIdToFormatter,\n      intl,\n      colorScaleMap,\n      safeGet(datapointMetadataMap, content.datapoint).colorOverride,\n    );\n\n    const customTooltipContent = customTooltip.template?.(customTooltipPayload);\n\n    if (customTooltipContent === null) {\n      return null;\n    }\n\n    if (customTooltipContent) {\n      return <OverlayTooltip template={customTooltipContent}></OverlayTooltip>;\n    }\n  }\n\n  switch (content.type) {\n    case RECT_VARIANT:\n      return (\n        <RectSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case BAR_VARIANT:\n      return (\n        <BarSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case DOT_VARIANT:\n      return (\n        <DotSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case LINE_VARIANT:\n      return (\n        <LineSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n    case AREA_VARIANT:\n      return (\n        <AreaSeriesTooltip\n          datapoint={content.datapoint}\n          series={content.series}\n        />\n      );\n\n    default:\n      return null;\n  }\n};\n"],
+  "mappings": "AAwDa;AAxDb,SAAS,eAAe;AAExB,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAElC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,MAEM;AACJ,QAAM,gBAAgB,kBAAkB;AACxC,QAAM,oBAAoB,iBAAiB;AAC3C,QAAM,OAAO,QAAQ;AACrB,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,EAAE,iBAAiB,IAAI,eAAe;AAC5C,QAAM,EAAE,qBAAqB,IAAI,eAAe;AAEhD,MAAI,eAAe,QAAQ;AACzB,WAAO;AAAA,EACT;AAEA,MAAI,eAAe,UAAU;AAC3B,UAAM,uBAAuB;AAAA,MAC3B;AAAA,MACA,QAAQ,kBAAkB,QAAQ,MAAM;AAAA,MACxC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,sBAAsB,QAAQ,SAAS,EAAE;AAAA,IACnD;AAEA,UAAM,uBAAuB,cAAc,WAAW,oBAAoB;AAE1E,QAAI,yBAAyB,MAAM;AACjC,aAAO;AAAA,IACT;AAEA,QAAI,sBAAsB;AACxB,aAAO,oBAAC,kBAAe,UAAU,sBAAsB;AAAA,IACzD;AAAA,EACF;AAEA,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,QAAQ;AAAA,UACnB,QAAQ,QAAQ;AAAA;AAAA,MAClB;AAAA,IAGJ;AACE,aAAO;AAAA,EACX;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/components/tooltip/utils/get-cached-separator.js

@@ -0,0 +1,15 @@
+import { XYCHART_MESSAGES } from "../../../messages/messages.js";
+const separatorCache = /* @__PURE__ */ new WeakMap();
+function getCachedSeparator(intl) {
+  const cached = separatorCache.get(intl);
+  if (cached !== void 0) {
+    return cached;
+  }
+  const resolved = intl.formatMessage(XYCHART_MESSAGES.separatorDash);
+  separatorCache.set(intl, resolved);
+  return resolved;
+}
+export {
+  getCachedSeparator
+};
+//# sourceMappingURL=get-cached-separator.js.map

package/esm/charts/xy-chart/components/tooltip/utils/get-cached-separator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/utils/get-cached-separator.ts"],
+  "sourcesContent": ["import type { IntlShape } from 'react-intl';\n\nimport { XYCHART_MESSAGES } from '../../../messages/messages.js';\n\nconst separatorCache = new WeakMap<IntlShape, string>();\n\n/**\n * Resolves the static `separatorDash` message via `intl.formatMessage`\n * the first time it is requested for a given `intl` instance, and\n * returns the cached string on every subsequent call.\n *\n * In shared-tooltip mode this helper is hit O(rows) times per\n * mouse-move render; the underlying `formatMessage` call walks\n * formatjs's `deepMergeFormatsAndSetTimeZone` path, which dominated\n * the recorded profile when invoked uncached.\n */\nexport function getCachedSeparator(intl: IntlShape): string {\n  const cached = separatorCache.get(intl);\n  if (cached !== undefined) {\n    return cached;\n  }\n  const resolved = intl.formatMessage(XYCHART_MESSAGES.separatorDash);\n  separatorCache.set(intl, resolved);\n  return resolved;\n}\n"],
+  "mappings": "AAEA,SAAS,wBAAwB;AAEjC,MAAM,iBAAiB,oBAAI,QAA2B;AAY/C,SAAS,mBAAmB,MAAyB;AAC1D,QAAM,SAAS,eAAe,IAAI,IAAI;AACtC,MAAI,WAAW,QAAW;AACxB,WAAO;AAAA,EACT;AACA,QAAM,WAAW,KAAK,cAAc,iBAAiB,aAAa;AAClE,iBAAe,IAAI,MAAM,QAAQ;AACjC,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/xy-chart/components/tooltip/utils/get-color.js

@@ -1,11 +1,14 @@
 import { safeGet } from "../../../../core/utils/safe-get.js";
 import { getColorFromScaleAndData } from "../../../utils/coloring/get-color-from-scale-and-data.js";
-import { isRectSeries } from "../../../utils/type-guards.js";
+import { isBarSeries, isRectSeries } from "../../../utils/type-guards.js";
 const getColor = (series, datapoint, metadata, colorScaleMap, colorOverride) => {
   if (isRectSeries(series)) {
     const colorScale = safeGet(colorScaleMap, series.id);
     return typeof datapoint.value === "string" || typeof datapoint.value === "number" ? getColorFromScaleAndData(colorScale, datapoint.value, colorOverride) : "";
   }
+  if (isBarSeries(series)) {
+    return colorOverride ?? metadata.color.Default;
+  }
   return metadata.color.Default;
 };
 export {

package/esm/charts/xy-chart/components/tooltip/utils/get-color.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/utils/get-color.ts"],
-  "sourcesContent": ["import { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport type {\n  BarMetadata,\n  DotMetadata,\n  LineMetadata,\n  RectDatapointInternal,\n  RectMetadata,\n  XYChartSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  BarDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n} from '../../../types/xy-chart.js';\nimport { getColorFromScaleAndData } from '../../../utils/coloring/get-color-from-scale-and-data.js';\nimport { isRectSeries } from '../../../utils/type-guards.js';\n\nexport const getColor = (\n  series: XYChartSeriesWithDatapoints,\n  datapoint:\n    | DotDatapoint\n    | LineDatapoint\n    | RectDatapointInternal\n    | BarDatapoint\n    | AreaDatapoint,\n  metadata: DotMetadata | RectMetadata | LineMetadata | BarMetadata,\n  colorScaleMap: SeriesIdToColorScale,\n  colorOverride?: string,\n) => {\n  if (isRectSeries(series)) {\n    const colorScale = safeGet(colorScaleMap, series.id);\n\n    return typeof datapoint.value === 'string' ||\n      typeof datapoint.value === 'number'\n      ? getColorFromScaleAndData(colorScale, datapoint.value, colorOverride)\n      : '';\n  }\n\n  return (metadata as DotMetadata | LineMetadata | BarMetadata).color.Default;\n};\n"],
-  "mappings": "AAAA,SAAS,eAAe;AAgBxB,SAAS,gCAAgC;AACzC,SAAS,oBAAoB;AAEtB,MAAM,WAAW,CACtB,QACA,WAMA,UACA,eACA,kBACG;AACH,MAAI,aAAa,MAAM,GAAG;AACxB,UAAM,aAAa,QAAQ,eAAe,OAAO,EAAE;AAEnD,WAAO,OAAO,UAAU,UAAU,YAChC,OAAO,UAAU,UAAU,WACzB,yBAAyB,YAAY,UAAU,OAAO,aAAa,IACnE;AAAA,EACN;AAEA,SAAQ,SAAsD,MAAM;AACtE;",
+  "sourcesContent": ["import { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport type {\n  BarMetadata,\n  DotMetadata,\n  LineMetadata,\n  RectDatapointInternal,\n  RectMetadata,\n  XYChartSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  BarDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n} from '../../../types/xy-chart.js';\nimport { getColorFromScaleAndData } from '../../../utils/coloring/get-color-from-scale-and-data.js';\nimport { isBarSeries, isRectSeries } from '../../../utils/type-guards.js';\n\nexport const getColor = (\n  series: XYChartSeriesWithDatapoints,\n  datapoint:\n    | DotDatapoint\n    | LineDatapoint\n    | RectDatapointInternal\n    | BarDatapoint\n    | AreaDatapoint,\n  metadata: DotMetadata | RectMetadata | LineMetadata | BarMetadata,\n  colorScaleMap: SeriesIdToColorScale,\n  colorOverride?: string,\n) => {\n  if (isRectSeries(series)) {\n    const colorScale = safeGet(colorScaleMap, series.id);\n\n    return typeof datapoint.value === 'string' ||\n      typeof datapoint.value === 'number'\n      ? getColorFromScaleAndData(colorScale, datapoint.value, colorOverride)\n      : '';\n  }\n\n  if (isBarSeries(series)) {\n    return colorOverride ?? (metadata as BarMetadata).color.Default;\n  }\n\n  return (metadata as DotMetadata | LineMetadata).color.Default;\n};\n"],
+  "mappings": "AAAA,SAAS,eAAe;AAgBxB,SAAS,gCAAgC;AACzC,SAAS,aAAa,oBAAoB;AAEnC,MAAM,WAAW,CACtB,QACA,WAMA,UACA,eACA,kBACG;AACH,MAAI,aAAa,MAAM,GAAG;AACxB,UAAM,aAAa,QAAQ,eAAe,OAAO,EAAE;AAEnD,WAAO,OAAO,UAAU,UAAU,YAChC,OAAO,UAAU,UAAU,WACzB,yBAAyB,YAAY,UAAU,OAAO,aAAa,IACnE;AAAA,EACN;AAEA,MAAI,YAAY,MAAM,GAAG;AACvB,WAAO,iBAAkB,SAAyB,MAAM;AAAA,EAC1D;AAEA,SAAQ,SAAwC,MAAM;AACxD;",
   "names": []
 }

package/esm/charts/xy-chart/components/tooltip/utils/get-tooltip-formatter.js

@@ -1,9 +1,9 @@
 import { formatTimeframeToParts } from "@dynatrace-sdk/units";
+import { getCachedSeparator } from "./get-cached-separator.js";
 import { safeGet } from "../../../../core/utils/safe-get.js";
 import { XYCHART_MESSAGES } from "../../../messages/messages.js";
 import { TIME_SCALE_TYPE } from "../../../types/xy-chart.js";
 function getTooltipFormatter(axisConfig, axisIdToFormatter, intl) {
-  const separator = intl.formatMessage(XYCHART_MESSAGES.separatorDash);
   const getFormatter = () => safeGet(axisIdToFormatter, axisConfig.id);
   const formatTimeValue = (from, to) => {
     if (to) {
@@ -25,7 +25,9 @@ function getTooltipFormatter(axisConfig, axisIdToFormatter, intl) {
     return (from, to) => {
       const formatter = getFormatter();
       if (to) {
-        return `${formatter(from)} ${separator} ${formatter(to)}`;
+        return `${formatter(from)} ${getCachedSeparator(intl)} ${formatter(
+          to
+        )}`;
       }
       return formatter(from);
     };

package/esm/charts/xy-chart/components/tooltip/utils/get-tooltip-formatter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/utils/get-tooltip-formatter.ts"],
-  "sourcesContent": ["import type { IntlShape } from 'react-intl';\n\nimport { formatTimeframeToParts } from '@dynatrace-sdk/units';\n\nimport type {\n  DateTimeFormatter,\n  FormatterWithPrecision,\n  TimeFrameFormatter,\n} from '../../../../core/types/formatter.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport { XYCHART_MESSAGES } from '../../../messages/messages.js';\nimport type {\n  AxisIdToFormatter,\n  XYChartAxisInternal,\n} from '../../../types/xy-chart-internals.js';\nimport { TIME_SCALE_TYPE } from '../../../types/xy-chart.js';\n\nexport type TooltipFormatter = FormatterWithPrecision | TimeFrameFormatter;\n\nexport function getTooltipFormatter(\n  axisConfig: Pick<XYChartAxisInternal, 'id' | 'type' | 'formatter'>,\n  axisIdToFormatter: AxisIdToFormatter,\n  intl: IntlShape,\n): TooltipFormatter {\n  const separator = intl.formatMessage(XYCHART_MESSAGES.separatorDash);\n  const getFormatter = () => safeGet(axisIdToFormatter, axisConfig.id);\n\n  const formatTimeValue = (from: Date, to?: Date) => {\n    if (to) {\n      const timeframeParts = formatTimeframeToParts(\n        from,\n        to,\n        intl,\n        true,\n        XYCHART_MESSAGES.separatorDash,\n      );\n      return typeof timeframeParts === 'string'\n        ? timeframeParts\n        : timeframeParts.join(' ');\n    }\n    return formatTimeframeToParts(from, from, intl)[0];\n  };\n\n  if (axisConfig.type === TIME_SCALE_TYPE) {\n    //Default Formatter\n    if (!axisConfig.formatter) {\n      return formatTimeValue;\n    }\n    //Custom Formatter\n    return (from: Date, to?: Date) => {\n      const formatter = getFormatter() as DateTimeFormatter;\n      if (to) {\n        return `${formatter(from)} ${separator} ${formatter(to)}`;\n      }\n      return formatter(from);\n    };\n  }\n  //Any non-time formatter\n  return getFormatter();\n}\n"],
-  "mappings": "AAEA,SAAS,8BAA8B;AAOvC,SAAS,eAAe;AACxB,SAAS,wBAAwB;AAKjC,SAAS,uBAAuB;AAIzB,SAAS,oBACd,YACA,mBACA,MACkB;AAClB,QAAM,YAAY,KAAK,cAAc,iBAAiB,aAAa;AACnE,QAAM,eAAe,MAAM,QAAQ,mBAAmB,WAAW,EAAE;AAEnE,QAAM,kBAAkB,CAAC,MAAY,OAAc;AACjD,QAAI,IAAI;AACN,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,MACnB;AACA,aAAO,OAAO,mBAAmB,WAC7B,iBACA,eAAe,KAAK,GAAG;AAAA,IAC7B;AACA,WAAO,uBAAuB,MAAM,MAAM,IAAI,EAAE,CAAC;AAAA,EACnD;AAEA,MAAI,WAAW,SAAS,iBAAiB;AAEvC,QAAI,CAAC,WAAW,WAAW;AACzB,aAAO;AAAA,IACT;AAEA,WAAO,CAAC,MAAY,OAAc;AAChC,YAAM,YAAY,aAAa;AAC/B,UAAI,IAAI;AACN,eAAO,GAAG,UAAU,IAAI,CAAC,IAAI,SAAS,IAAI,UAAU,EAAE,CAAC;AAAA,MACzD;AACA,aAAO,UAAU,IAAI;AAAA,IACvB;AAAA,EACF;AAEA,SAAO,aAAa;AACtB;",
+  "sourcesContent": ["import type { IntlShape } from 'react-intl';\n\nimport { formatTimeframeToParts } from '@dynatrace-sdk/units';\n\nimport { getCachedSeparator } from './get-cached-separator.js';\nimport type {\n  DateTimeFormatter,\n  FormatterWithPrecision,\n  TimeFrameFormatter,\n} from '../../../../core/types/formatter.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport { XYCHART_MESSAGES } from '../../../messages/messages.js';\nimport type {\n  AxisIdToFormatter,\n  XYChartAxisInternal,\n} from '../../../types/xy-chart-internals.js';\nimport { TIME_SCALE_TYPE } from '../../../types/xy-chart.js';\n\nexport type TooltipFormatter = FormatterWithPrecision | TimeFrameFormatter;\n\nexport function getTooltipFormatter(\n  axisConfig: Pick<XYChartAxisInternal, 'id' | 'type' | 'formatter'>,\n  axisIdToFormatter: AxisIdToFormatter,\n  intl: IntlShape,\n): TooltipFormatter {\n  const getFormatter = () => safeGet(axisIdToFormatter, axisConfig.id);\n\n  const formatTimeValue = (from: Date, to?: Date) => {\n    if (to) {\n      const timeframeParts = formatTimeframeToParts(\n        from,\n        to,\n        intl,\n        true,\n        XYCHART_MESSAGES.separatorDash,\n      );\n      return typeof timeframeParts === 'string'\n        ? timeframeParts\n        : timeframeParts.join(' ');\n    }\n    return formatTimeframeToParts(from, from, intl)[0];\n  };\n\n  if (axisConfig.type === TIME_SCALE_TYPE) {\n    //Default Formatter\n    if (!axisConfig.formatter) {\n      return formatTimeValue;\n    }\n    //Custom Formatter\n    return (from: Date, to?: Date) => {\n      const formatter = getFormatter() as DateTimeFormatter;\n      if (to) {\n        return `${formatter(from)} ${getCachedSeparator(intl)} ${formatter(\n          to,\n        )}`;\n      }\n      return formatter(from);\n    };\n  }\n  //Any non-time formatter\n  return getFormatter();\n}\n"],
+  "mappings": "AAEA,SAAS,8BAA8B;AAEvC,SAAS,0BAA0B;AAMnC,SAAS,eAAe;AACxB,SAAS,wBAAwB;AAKjC,SAAS,uBAAuB;AAIzB,SAAS,oBACd,YACA,mBACA,MACkB;AAClB,QAAM,eAAe,MAAM,QAAQ,mBAAmB,WAAW,EAAE;AAEnE,QAAM,kBAAkB,CAAC,MAAY,OAAc;AACjD,QAAI,IAAI;AACN,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,MACnB;AACA,aAAO,OAAO,mBAAmB,WAC7B,iBACA,eAAe,KAAK,GAAG;AAAA,IAC7B;AACA,WAAO,uBAAuB,MAAM,MAAM,IAAI,EAAE,CAAC;AAAA,EACnD;AAEA,MAAI,WAAW,SAAS,iBAAiB;AAEvC,QAAI,CAAC,WAAW,WAAW;AACzB,aAAO;AAAA,IACT;AAEA,WAAO,CAAC,MAAY,OAAc;AAChC,YAAM,YAAY,aAAa;AAC/B,UAAI,IAAI;AACN,eAAO,GAAG,UAAU,IAAI,CAAC,IAAI,mBAAmB,IAAI,CAAC,IAAI;AAAA,UACvD;AAAA,QACF,CAAC;AAAA,MACH;AACA,aAAO,UAAU,IAAI;AAAA,IACvB;AAAA,EACF;AAEA,SAAO,aAAa;AACtB;",
   "names": []
 }

package/esm/charts/xy-chart/components/tooltip/utils/tooltip-styles.css

@@ -1,23 +1,23 @@
-._1u58xor0-3-7-1 {
+._1u58xor0-3-9-0 {
   display: flex;
   flex-wrap: wrap;
   overflow-wrap: anywhere;
   margin-left: var(--dt-spacings-size-4, 4px);
   margin-right: var(--dt-spacings-size-4, 4px);
 }
-._1u58xor1-3-7-1 {
+._1u58xor1-3-9-0 {
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1u58xor1-3-7-1::after {
+._1u58xor1-3-9-0::after {
   content: " ";
   white-space: pre;
 }
-._1u58xor2-3-7-1 {
+._1u58xor2-3-9-0 {
   flex: 0 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }
-._1u58xor3-3-7-1 {
+._1u58xor3-3-9-0 {
   flex: 1 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }

package/esm/charts/xy-chart/components/tooltip/utils/tooltip-styles.sty.js

@@ -1,8 +1,8 @@
 import "./tooltip-styles.css";
-var axisName = "_1u58xor1-3-7-1";
-var axisValue = "_1u58xor2-3-7-1";
-var duration = "_1u58xor3-3-7-1";
-var wrapper = "_1u58xor0-3-7-1";
+var axisName = "_1u58xor1-3-9-0";
+var axisValue = "_1u58xor2-3-9-0";
+var duration = "_1u58xor3-3-9-0";
+var wrapper = "_1u58xor0-3-9-0";
 export {
   axisName,
   axisValue,

package/esm/charts/xy-chart/components/tooltip/utils/tooltip-styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/utils/tooltip-styles.css.ts"],
-  "sourcesContent": ["import './tooltip-styles.css';\nexport var axisName = '_1u58xor1-3-7-1';\nexport var axisValue = '_1u58xor2-3-7-1';\nexport var duration = '_1u58xor3-3-7-1';\nexport var wrapper = '_1u58xor0-3-7-1';"],
+  "sourcesContent": ["import './tooltip-styles.css';\nexport var axisName = '_1u58xor1-3-9-0';\nexport var axisValue = '_1u58xor2-3-9-0';\nexport var duration = '_1u58xor3-3-9-0';\nexport var wrapper = '_1u58xor0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/xy-chart/constants/defaults.js

@@ -49,7 +49,6 @@ const defaultConfig = {
   colorRules: []
 };
 const XY_CHART_ARIA_LABEL = "XY Chart";
-const ANNOTATIONS_PADDING_BOTTOM = 6;
 const DISPLAY_UNITS_LIMIT = 3;
 const DEFAULT_POINTS_DISPLAY = "auto";
 const RECT_STROKE_WIDTH = 1;
@@ -57,8 +56,8 @@ const BAR_STROKE_WIDTH = 5;
 const XY_CHART_BOTTOM_AXIS_LABEL = "Bottom axis";
 const XY_CHART_TOP_AXIS_LABEL = "Top axis";
 const DISPLAY_NAME = "XYChart";
+const MIN_LABELED_BAR_SIZE = 25;
 export {
-  ANNOTATIONS_PADDING_BOTTOM,
   BAR_STROKE_WIDTH,
   DEFAULT_AXIS_CONFIG,
   DEFAULT_CHART_HEIGHT,
@@ -69,6 +68,7 @@ export {
   DEFAULT_POINTS_DISPLAY,
   DISPLAY_NAME,
   DISPLAY_UNITS_LIMIT,
+  MIN_LABELED_BAR_SIZE,
   RECT_STROKE_WIDTH,
   XY_CHART_ARIA_LABEL,
   XY_CHART_BOTTOM_AXIS_LABEL,

package/esm/charts/xy-chart/constants/defaults.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/constants/defaults.ts"],
-  "sourcesContent": ["import { initialSelectionState } from '../../core/components/annotations/providers/AnnotationsDataInitialState.js';\nimport type { PointsDisplay } from '../../core/components/canvas/types/canvas-shape.js';\nimport { TRUNCATION_MODE } from '../../core/components/legend/range/constants.js';\nimport { defaultRatio } from '../../core/constants.js';\nimport type { XYChartState } from '../types/state.js';\nimport {\n  XYChartAxisProps,\n  XYChartChartLegendProps,\n  XYChartConfigProperties,\n  XYChartNumericalAxisProps,\n  XYChartToolbarConfigProps,\n} from '../types/xy-chart-props.js';\n\nexport const DEFAULT_CHART_HEIGHT = 300;\n\nexport const DEFAULT_COLOR_PALETTE = 'categorical';\nexport const DEFAULT_COLOR_PALETTE_RECT = 'blue';\n\nexport const DEFAULT_LOADING_STATE = false;\n\ntype XYChartAxisDefaults = Pick<XYChartAxisProps, 'hidden' | 'reversed'> &\n  Pick<XYChartNumericalAxisProps, 'min' | 'max'>;\n\nexport const DEFAULT_AXIS_CONFIG: XYChartAxisDefaults = {\n  hidden: false,\n  min: 'auto',\n  max: 'auto',\n  reversed: false,\n};\n\nexport const DEFAULT_LEGEND_RANGE_FORMATTER = {\n  maximumFractionDigits: 1,\n};\n\nexport const initialState: XYChartState = {\n  zoom: {\n    zoomInEnabled: true,\n    zoomOutEnabled: false,\n  },\n  currentDomain: undefined,\n  select: undefined,\n  interactionMode: 'explore',\n  thresholds: { hoveredThresholdId: undefined },\n  highlightedSeriesId: undefined,\n  filteredSeriesIds: undefined,\n  annotations: initialSelectionState,\n};\n\nexport const defaultLegend: XYChartChartLegendProps = {\n  hidden: false,\n  position: 'auto',\n  ratio: defaultRatio,\n} as const;\n\nexport const defaultToolbar: XYChartToolbarConfigProps = {\n  hidden: false,\n  placement: 'top-right',\n  collapsed: false,\n  draggable: true,\n} as const;\n\nexport const defaultConfig: XYChartConfigProperties = {\n  legend: defaultLegend,\n  toolbar: defaultToolbar,\n  colorPalette: undefined,\n  truncationMode: TRUNCATION_MODE.Middle,\n  thresholdIndicators: [],\n  yAxes: [],\n  xAxes: [],\n  colorRules: [],\n};\n\nexport const XY_CHART_ARIA_LABEL = 'XY Chart';\n/** Annotations bottom padding in pixels */\nexport const ANNOTATIONS_PADDING_BOTTOM = 6;\n\nexport const DISPLAY_UNITS_LIMIT = 3;\n\nexport const DEFAULT_POINTS_DISPLAY = 'auto' as PointsDisplay;\n\nexport const RECT_STROKE_WIDTH = 1;\n\nexport const BAR_STROKE_WIDTH = 5;\n\nexport const XY_CHART_BOTTOM_AXIS_LABEL = 'Bottom axis';\n\nexport const XY_CHART_TOP_AXIS_LABEL = 'Top axis';\n\nexport const DISPLAY_NAME = 'XYChart';\n"],
-  "mappings": "AAAA,SAAS,6BAA6B;AAEtC,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAUtB,MAAM,uBAAuB;AAE7B,MAAM,wBAAwB;AAC9B,MAAM,6BAA6B;AAEnC,MAAM,wBAAwB;AAK9B,MAAM,sBAA2C;AAAA,EACtD,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,KAAK;AAAA,EACL,UAAU;AACZ;AAEO,MAAM,iCAAiC;AAAA,EAC5C,uBAAuB;AACzB;AAEO,MAAM,eAA6B;AAAA,EACxC,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,gBAAgB;AAAA,EAClB;AAAA,EACA,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,YAAY,EAAE,oBAAoB,OAAU;AAAA,EAC5C,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,aAAa;AACf;AAEO,MAAM,gBAAyC;AAAA,EACpD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,iBAA4C;AAAA,EACvD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;AAEO,MAAM,gBAAyC;AAAA,EACpD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,cAAc;AAAA,EACd,gBAAgB,gBAAgB;AAAA,EAChC,qBAAqB,CAAC;AAAA,EACtB,OAAO,CAAC;AAAA,EACR,OAAO,CAAC;AAAA,EACR,YAAY,CAAC;AACf;AAEO,MAAM,sBAAsB;AAE5B,MAAM,6BAA6B;AAEnC,MAAM,sBAAsB;AAE5B,MAAM,yBAAyB;AAE/B,MAAM,oBAAoB;AAE1B,MAAM,mBAAmB;AAEzB,MAAM,6BAA6B;AAEnC,MAAM,0BAA0B;AAEhC,MAAM,eAAe;",
+  "sourcesContent": ["import { initialSelectionState } from '../../core/components/annotations/providers/AnnotationsDataInitialState.js';\nimport type { PointsDisplay } from '../../core/components/canvas/types/canvas-shape.js';\nimport { TRUNCATION_MODE } from '../../core/components/legend/range/constants.js';\nimport { defaultRatio } from '../../core/constants.js';\nimport type { XYChartState } from '../types/state.js';\nimport {\n  XYChartAxisProps,\n  XYChartChartLegendProps,\n  XYChartConfigProperties,\n  XYChartNumericalAxisProps,\n  XYChartToolbarConfigProps,\n} from '../types/xy-chart-props.js';\n\nexport const DEFAULT_CHART_HEIGHT = 300;\n\nexport const DEFAULT_COLOR_PALETTE = 'categorical';\nexport const DEFAULT_COLOR_PALETTE_RECT = 'blue';\n\nexport const DEFAULT_LOADING_STATE = false;\n\ntype XYChartAxisDefaults = Pick<XYChartAxisProps, 'hidden' | 'reversed'> &\n  Pick<XYChartNumericalAxisProps, 'min' | 'max'>;\n\nexport const DEFAULT_AXIS_CONFIG: XYChartAxisDefaults = {\n  hidden: false,\n  min: 'auto',\n  max: 'auto',\n  reversed: false,\n};\n\nexport const DEFAULT_LEGEND_RANGE_FORMATTER = {\n  maximumFractionDigits: 1,\n};\n\nexport const initialState: XYChartState = {\n  zoom: {\n    zoomInEnabled: true,\n    zoomOutEnabled: false,\n  },\n  currentDomain: undefined,\n  select: undefined,\n  interactionMode: 'explore',\n  thresholds: { hoveredThresholdId: undefined },\n  highlightedSeriesId: undefined,\n  filteredSeriesIds: undefined,\n  annotations: initialSelectionState,\n};\n\nexport const defaultLegend: XYChartChartLegendProps = {\n  hidden: false,\n  position: 'auto',\n  ratio: defaultRatio,\n} as const;\n\nexport const defaultToolbar: XYChartToolbarConfigProps = {\n  hidden: false,\n  placement: 'top-right',\n  collapsed: false,\n  draggable: true,\n} as const;\n\nexport const defaultConfig: XYChartConfigProperties = {\n  legend: defaultLegend,\n  toolbar: defaultToolbar,\n  colorPalette: undefined,\n  truncationMode: TRUNCATION_MODE.Middle,\n  thresholdIndicators: [],\n  yAxes: [],\n  xAxes: [],\n  colorRules: [],\n};\n\nexport const XY_CHART_ARIA_LABEL = 'XY Chart';\n\nexport const DISPLAY_UNITS_LIMIT = 3;\n\nexport const DEFAULT_POINTS_DISPLAY = 'auto' as PointsDisplay;\n\nexport const RECT_STROKE_WIDTH = 1;\n\nexport const BAR_STROKE_WIDTH = 5;\n\nexport const XY_CHART_BOTTOM_AXIS_LABEL = 'Bottom axis';\n\nexport const XY_CHART_TOP_AXIS_LABEL = 'Top axis';\n\nexport const DISPLAY_NAME = 'XYChart';\n\nexport const MIN_LABELED_BAR_SIZE = 25;\n"],
+  "mappings": "AAAA,SAAS,6BAA6B;AAEtC,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAUtB,MAAM,uBAAuB;AAE7B,MAAM,wBAAwB;AAC9B,MAAM,6BAA6B;AAEnC,MAAM,wBAAwB;AAK9B,MAAM,sBAA2C;AAAA,EACtD,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,KAAK;AAAA,EACL,UAAU;AACZ;AAEO,MAAM,iCAAiC;AAAA,EAC5C,uBAAuB;AACzB;AAEO,MAAM,eAA6B;AAAA,EACxC,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,gBAAgB;AAAA,EAClB;AAAA,EACA,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,YAAY,EAAE,oBAAoB,OAAU;AAAA,EAC5C,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,aAAa;AACf;AAEO,MAAM,gBAAyC;AAAA,EACpD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,iBAA4C;AAAA,EACvD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;AAEO,MAAM,gBAAyC;AAAA,EACpD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,cAAc;AAAA,EACd,gBAAgB,gBAAgB;AAAA,EAChC,qBAAqB,CAAC;AAAA,EACtB,OAAO,CAAC;AAAA,EACR,OAAO,CAAC;AAAA,EACR,YAAY,CAAC;AACf;AAEO,MAAM,sBAAsB;AAE5B,MAAM,sBAAsB;AAE5B,MAAM,yBAAyB;AAE/B,MAAM,oBAAoB;AAE1B,MAAM,mBAAmB;AAEzB,MAAM,6BAA6B;AAEnC,MAAM,0BAA0B;AAEhC,MAAM,eAAe;AAErB,MAAM,uBAAuB;",
   "names": []
 }

package/esm/charts/xy-chart/context/XYChartOverlayPerformance.context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/context/XYChartOverlayPerformance.context.ts"],
-  "sourcesContent": ["import type { Quadtree } from 'd3-quadtree';\nimport { createContext } from 'react';\n\nimport type { Point } from '../../core/types/point.js';\nimport type { RelativeAbsolutePosition } from '../../core/types/pointer-events.js';\nimport type {\n  AREA_VARIANT,\n  SeriesId,\n  AreaSeriesWithDatapoints,\n  DotSeriesWithDatapoints,\n  LineSeriesWithDatapoints,\n  RECT_VARIANT,\n  RectSeriesWithDatapoints,\n  RectDatapointInternal,\n  BarSeriesWithDatapoints,\n  BAR_VARIANT,\n} from '../types/xy-chart-internals.js';\nimport { DOT_VARIANT, LINE_VARIANT } from '../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  BarDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n} from '../types/xy-chart.js';\n\nexport type SeriesQuadtreeDatapoint =\n  | DotDatapoint\n  | LineDatapoint\n  | AreaDatapoint;\n\nexport type SeriesToQuadtree = Map<SeriesId, Quadtree<SeriesQuadtreeDatapoint>>;\n\nexport type DotSeriesQueryResult = {\n  type: typeof DOT_VARIANT;\n  distance: number;\n  datapoint: DotDatapoint;\n  series: DotSeriesWithDatapoints;\n};\n\nexport type LineSeriesQueryResult = {\n  type: typeof LINE_VARIANT;\n  distance: number;\n  datapoint: LineDatapoint;\n  series: LineSeriesWithDatapoints;\n};\n\nexport type RectSeriesQueryResult = {\n  type: typeof RECT_VARIANT;\n  distance: number;\n  datapoint: RectDatapointInternal;\n  series: RectSeriesWithDatapoints;\n};\n\nexport type BarSeriesQueryResult = {\n  type: typeof BAR_VARIANT;\n  distance: number;\n  datapoint: BarDatapoint;\n  series: BarSeriesWithDatapoints;\n};\n\nexport type AreaSeriesQueryResult = {\n  type: typeof AREA_VARIANT;\n  distance: number;\n  datapoint: AreaDatapoint;\n  series: AreaSeriesWithDatapoints;\n};\n\nexport type SeriesQueryResult =\n  | DotSeriesQueryResult\n  | LineSeriesQueryResult\n  | AreaSeriesQueryResult\n  | RectSeriesQueryResult\n  | BarSeriesQueryResult;\n\nexport type QueryClosest = {\n  (series: DotSeriesWithDatapoints[], position: Point):\n    | DotSeriesQueryResult\n    | undefined;\n  (series: LineSeriesWithDatapoints[], position: Point):\n    | LineSeriesQueryResult\n    | undefined;\n  (series: AreaSeriesWithDatapoints[], position: Point):\n    | AreaSeriesQueryResult\n    | undefined;\n};\n\nexport type QueryHovered = {\n  (series: RectSeriesWithDatapoints[], position: Point):\n    | RectSeriesQueryResult\n    | undefined;\n  (series: BarSeriesWithDatapoints[], position: Point):\n    | BarSeriesQueryResult\n    | undefined;\n};\n\nexport type HoverQueryArgs = {\n  position: RelativeAbsolutePosition;\n  dotSeriesData: DotSeriesWithDatapoints[];\n  lineSeriesData: LineSeriesWithDatapoints[];\n  areaSeriesData: AreaSeriesWithDatapoints[];\n  rectSeriesData: RectSeriesWithDatapoints[];\n  barSeriesData: BarSeriesWithDatapoints[];\n};\n\nexport type HoverQueryResult = {\n  preferred: SeriesQueryResult | undefined;\n  datapoints: SeriesQueryResult[];\n};\n\nexport type HoverQuery = (args: HoverQueryArgs) => HoverQueryResult;\n\nexport interface XYChartOverlayPerformance {\n  /**\n   * Resolves the datapoint(s) under the cursor. The provider picks the\n   * concrete strategy (single vs. shared-tooltip) based on the chart's\n   * tooltip variant; consumers always call this same function.\n   */\n  query: HoverQuery;\n}\n\nexport const XYChartOverlayPerformanceContext = createContext<\n  XYChartOverlayPerformance | undefined\n>(undefined);\n\nXYChartOverlayPerformanceContext['displayName'] =\n  'XYChartOverlayPerformanceContext';\n"],
-  "mappings": "AACA,SAAS,qBAAqB;AAuHvB,MAAM,mCAAmC,cAE9C,MAAS;AAEX,iCAAiC,aAAa,IAC5C;",
+  "sourcesContent": ["import type { Quadtree } from 'd3-quadtree';\nimport { createContext } from 'react';\n\nimport type { Point } from '../../core/types/point.js';\nimport type { RelativeAbsolutePosition } from '../../core/types/pointer-events.js';\nimport type {\n  AREA_VARIANT,\n  SeriesId,\n  AreaSeriesWithDatapoints,\n  DotSeriesWithDatapoints,\n  LineSeriesWithDatapoints,\n  RECT_VARIANT,\n  RectSeriesWithDatapoints,\n  RectDatapointInternal,\n  BarSeriesWithDatapoints,\n  BAR_VARIANT,\n} from '../types/xy-chart-internals.js';\nimport { DOT_VARIANT, LINE_VARIANT } from '../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  BarDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n} from '../types/xy-chart.js';\n\nexport type SeriesQuadtreeDatapoint =\n  | DotDatapoint\n  | LineDatapoint\n  | AreaDatapoint;\n\nexport type SeriesToQuadtree = Map<SeriesId, Quadtree<SeriesQuadtreeDatapoint>>;\n\nexport type HoverGridDatapoint = RectDatapointInternal | BarDatapoint;\n\nexport interface HoverGridEntry<D extends HoverGridDatapoint> {\n  datapoint: D;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface HoverGrid<D extends HoverGridDatapoint> {\n  cells: HoverGridEntry<D>[][];\n  cellSize: number;\n  originX: number;\n  originY: number;\n  cols: number;\n  rows: number;\n}\n\nexport type SeriesToHoverGrid = Map<SeriesId, HoverGrid<HoverGridDatapoint>>;\n\nexport type DotSeriesQueryResult = {\n  type: typeof DOT_VARIANT;\n  distance: number;\n  datapoint: DotDatapoint;\n  series: DotSeriesWithDatapoints;\n};\n\nexport type LineSeriesQueryResult = {\n  type: typeof LINE_VARIANT;\n  distance: number;\n  datapoint: LineDatapoint;\n  series: LineSeriesWithDatapoints;\n};\n\nexport type RectSeriesQueryResult = {\n  type: typeof RECT_VARIANT;\n  distance: number;\n  datapoint: RectDatapointInternal;\n  series: RectSeriesWithDatapoints;\n};\n\nexport type BarSeriesQueryResult = {\n  type: typeof BAR_VARIANT;\n  distance: number;\n  datapoint: BarDatapoint;\n  series: BarSeriesWithDatapoints;\n};\n\nexport type AreaSeriesQueryResult = {\n  type: typeof AREA_VARIANT;\n  distance: number;\n  datapoint: AreaDatapoint;\n  series: AreaSeriesWithDatapoints;\n};\n\nexport type SeriesQueryResult =\n  | DotSeriesQueryResult\n  | LineSeriesQueryResult\n  | AreaSeriesQueryResult\n  | RectSeriesQueryResult\n  | BarSeriesQueryResult;\n\nexport type QueryClosest = {\n  (series: DotSeriesWithDatapoints[], position: Point):\n    | DotSeriesQueryResult\n    | undefined;\n  (series: LineSeriesWithDatapoints[], position: Point):\n    | LineSeriesQueryResult\n    | undefined;\n  (series: AreaSeriesWithDatapoints[], position: Point):\n    | AreaSeriesQueryResult\n    | undefined;\n};\n\nexport type QueryHovered = {\n  (series: RectSeriesWithDatapoints[], position: Point):\n    | RectSeriesQueryResult\n    | undefined;\n  (series: BarSeriesWithDatapoints[], position: Point):\n    | BarSeriesQueryResult\n    | undefined;\n};\n\nexport type HoverQueryArgs = {\n  position: RelativeAbsolutePosition;\n  dotSeriesData: DotSeriesWithDatapoints[];\n  lineSeriesData: LineSeriesWithDatapoints[];\n  areaSeriesData: AreaSeriesWithDatapoints[];\n  rectSeriesData: RectSeriesWithDatapoints[];\n  barSeriesData: BarSeriesWithDatapoints[];\n};\n\nexport type HoverQueryResult = {\n  preferred: SeriesQueryResult | undefined;\n  datapoints: SeriesQueryResult[];\n};\n\nexport type HoverQuery = (args: HoverQueryArgs) => HoverQueryResult;\n\nexport interface XYChartOverlayPerformance {\n  /**\n   * Resolves the datapoint(s) under the cursor. The provider picks the\n   * concrete strategy (single vs. shared-tooltip) based on the chart's\n   * tooltip variant; consumers always call this same function.\n   */\n  query: HoverQuery;\n}\n\nexport const XYChartOverlayPerformanceContext = createContext<\n  XYChartOverlayPerformance | undefined\n>(undefined);\n\nXYChartOverlayPerformanceContext['displayName'] =\n  'XYChartOverlayPerformanceContext';\n"],
+  "mappings": "AACA,SAAS,qBAAqB;AA4IvB,MAAM,mCAAmC,cAE9C,MAAS;AAEX,iCAAiC,aAAa,IAC5C;",
   "names": []
 }

package/esm/charts/xy-chart/context/XYChartTooltip.context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/context/XYChartTooltip.context.ts"],
-  "sourcesContent": ["import { createContext, type ReactNode } from 'react';\n\nimport { DEFAULT_CUSTOM_TOOLTIP_CONFIG } from '../../core/constants.js';\nimport type { ChartTooltipConfig } from '../../core/types/tooltip.js';\nimport type { _XYChartTooltipVariant } from '../types/xy-chart-props.js';\nimport { XYChartTooltipPayload } from '../types/xy-chart.js';\n\nexport interface XYChartTooltipConfig extends ChartTooltipConfig {\n  template?: (tooltipPayload: XYChartTooltipPayload) => ReactNode;\n  variant: _XYChartTooltipVariant;\n}\n\nexport { DEFAULT_CUSTOM_TOOLTIP_CONFIG };\n\nexport const XYChartTooltipContext = createContext<XYChartTooltipConfig>({\n  ...DEFAULT_CUSTOM_TOOLTIP_CONFIG,\n  variant: 'single',\n});\n"],
-  "mappings": "AAAA,SAAS,qBAAqC;AAE9C,SAAS,qCAAqC;AAYvC,MAAM,wBAAwB,cAAoC;AAAA,EACvE,GAAG;AAAA,EACH,SAAS;AACX,CAAC;",
+  "sourcesContent": ["import { createContext, type ReactNode } from 'react';\n\nimport { DEFAULT_CUSTOM_TOOLTIP_CONFIG } from '../../core/constants.js';\nimport type {\n  ChartTooltipConfig,\n  SeriesDisplayMode,\n} from '../../core/types/tooltip.js';\nimport type { _XYChartTooltipVariant } from '../types/xy-chart-props.js';\nimport { XYChartTooltipPayload } from '../types/xy-chart.js';\n\nexport interface XYChartTooltipConfig extends ChartTooltipConfig {\n  template?: (tooltipPayload: XYChartTooltipPayload) => ReactNode;\n  variant: _XYChartTooltipVariant;\n  seriesDisplayMode?: SeriesDisplayMode;\n}\n\nexport { DEFAULT_CUSTOM_TOOLTIP_CONFIG };\n\nexport const XYChartTooltipContext = createContext<XYChartTooltipConfig>({\n  ...DEFAULT_CUSTOM_TOOLTIP_CONFIG,\n  variant: 'single',\n});\n"],
+  "mappings": "AAAA,SAAS,qBAAqC;AAE9C,SAAS,qCAAqC;AAgBvC,MAAM,wBAAwB,cAAoC;AAAA,EACvE,GAAG;AAAA,EACH,SAAS;AACX,CAAC;",
   "names": []
 }

package/esm/charts/xy-chart/hooks/useBuildHoverGrid.js

@@ -0,0 +1,38 @@
+import { useCallback } from "react";
+import { useBarData } from "./useBarData.js";
+import { useBuildStrategy } from "./useBuildStrategy.js";
+import { useRectData } from "./useRectData.js";
+import { useXYChartData } from "./useXYChartData.js";
+import { useXYChartScales } from "./useXYChartScales.js";
+import { buildHoverGrids } from "../utils/query-hovered-grid.js";
+function useBuildHoverGrid() {
+  const { filteredSeriesWithDatapoints: rectSeriesData } = useRectData();
+  const { filteredSeriesWithDatapoints: barSeriesData } = useBarData();
+  const axisIdToScales = useXYChartScales();
+  const { datapointMetadataMap, axisIdToScaleDomain, seriesToMetadata } = useXYChartData();
+  const build = useCallback(() => {
+    const series = [
+      ...rectSeriesData,
+      ...barSeriesData
+    ];
+    return buildHoverGrids(
+      series,
+      axisIdToScales,
+      datapointMetadataMap,
+      seriesToMetadata,
+      axisIdToScaleDomain
+    );
+  }, [
+    rectSeriesData,
+    barSeriesData,
+    axisIdToScales,
+    datapointMetadataMap,
+    seriesToMetadata,
+    axisIdToScaleDomain
+  ]);
+  return useBuildStrategy(build);
+}
+export {
+  useBuildHoverGrid
+};
+//# sourceMappingURL=useBuildHoverGrid.js.map

package/esm/charts/xy-chart/hooks/useBuildHoverGrid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/hooks/useBuildHoverGrid.ts"],
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport { useBarData } from './useBarData.js';\nimport { useBuildStrategy } from './useBuildStrategy.js';\nimport { useRectData } from './useRectData.js';\nimport { useXYChartData } from './useXYChartData.js';\nimport { useXYChartScales } from './useXYChartScales.js';\nimport type { SeriesToHoverGrid } from '../context/XYChartOverlayPerformance.context.js';\nimport type {\n  BarSeriesWithDatapoints,\n  RectSeriesWithDatapoints,\n} from '../types/xy-chart-internals.js';\nimport { buildHoverGrids } from '../utils/query-hovered-grid.js';\n\n/**\n * Build per-series hover grids for rect and bar series on a debounced\n * schedule (via `useBuildStrategy`). Returns `undefined` while the\n * grid is being (re)built; callers should fall back to the linear\n * `buildQueryHovered` / `buildQueryAllHovered` path in that window.\n *\n * Both tooltip variants (single and shared) consume this grid via\n * `buildQueryHoveredFromGrid` and `buildQueryAllHoveredFromGrid`\n * respectively.\n */\nexport function useBuildHoverGrid(): SeriesToHoverGrid | undefined {\n  const { filteredSeriesWithDatapoints: rectSeriesData } = useRectData();\n  const { filteredSeriesWithDatapoints: barSeriesData } = useBarData();\n  const axisIdToScales = useXYChartScales();\n  const { datapointMetadataMap, axisIdToScaleDomain, seriesToMetadata } =\n    useXYChartData();\n\n  const build = useCallback(() => {\n    const series: (RectSeriesWithDatapoints | BarSeriesWithDatapoints)[] = [\n      ...rectSeriesData,\n      ...barSeriesData,\n    ];\n    return buildHoverGrids(\n      series,\n      axisIdToScales,\n      datapointMetadataMap,\n      seriesToMetadata,\n      axisIdToScaleDomain,\n    );\n  }, [\n    rectSeriesData,\n    barSeriesData,\n    axisIdToScales,\n    datapointMetadataMap,\n    seriesToMetadata,\n    axisIdToScaleDomain,\n  ]);\n\n  return useBuildStrategy<SeriesToHoverGrid>(build);\n}\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AAMjC,SAAS,uBAAuB;AAYzB,SAAS,oBAAmD;AACjE,QAAM,EAAE,8BAA8B,eAAe,IAAI,YAAY;AACrE,QAAM,EAAE,8BAA8B,cAAc,IAAI,WAAW;AACnE,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,sBAAsB,qBAAqB,iBAAiB,IAClE,eAAe;AAEjB,QAAM,QAAQ,YAAY,MAAM;AAC9B,UAAM,SAAiE;AAAA,MACrE,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AACA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,iBAAoC,KAAK;AAClD;",
+  "names": []
+}

package/esm/charts/xy-chart/hooks/useBuildOverlayStrategy.js

@@ -0,0 +1,88 @@
+import { useCallback, useMemo } from "react";
+import { useAreaData } from "./useAreaData.js";
+import { useBarData } from "./useBarData.js";
+import { useBuildStrategy } from "./useBuildStrategy.js";
+import { useDotData } from "./useDotData.js";
+import { useLineData } from "./useLineData.js";
+import { useXYChartData } from "./useXYChartData.js";
+import { useXYChartScales } from "./useXYChartScales.js";
+import { useXYChartTooltip } from "./useXYChartTooltip.js";
+import {
+  buildGetBarPixelCenter,
+  buildGetLinearSeriesPixelCenter,
+  buildSortedEntries
+} from "../utils/build-sorted-entries.js";
+import { buildQuadtrees } from "../utils/query-closest-quadtree.js";
+function useBuildOverlayStrategy() {
+  const axisIdToScales = useXYChartScales();
+  const { datapointMetadataMap, axisIdToScaleDomain, seriesToMetadata } = useXYChartData();
+  const { variant } = useXYChartTooltip();
+  const isSharedVariant = variant === "shared";
+  const { filteredSeriesWithDatapoints: barSeriesData } = useBarData();
+  const { filteredSeriesWithDatapoints: dotSeriesData } = useDotData();
+  const { filteredSeriesWithDatapoints: lineSeriesData } = useLineData();
+  const { filteredSeriesWithDatapoints: areaSeriesData } = useAreaData();
+  const getBarPixelCenter = useMemo(
+    () => buildGetBarPixelCenter(
+      axisIdToScales,
+      seriesToMetadata,
+      axisIdToScaleDomain,
+      datapointMetadataMap
+    ),
+    [
+      axisIdToScales,
+      seriesToMetadata,
+      axisIdToScaleDomain,
+      datapointMetadataMap
+    ]
+  );
+  const getLinearSeriesPixelCenter = useMemo(
+    () => buildGetLinearSeriesPixelCenter(
+      axisIdToScales,
+      seriesToMetadata,
+      axisIdToScaleDomain,
+      datapointMetadataMap
+    ),
+    [
+      axisIdToScales,
+      seriesToMetadata,
+      axisIdToScaleDomain,
+      datapointMetadataMap
+    ]
+  );
+  const build = useCallback(
+    () => isSharedVariant ? buildSortedEntries(
+      barSeriesData,
+      lineSeriesData,
+      areaSeriesData,
+      datapointMetadataMap,
+      getBarPixelCenter,
+      getLinearSeriesPixelCenter
+    ) : buildQuadtrees(
+      [...dotSeriesData, ...lineSeriesData, ...areaSeriesData],
+      axisIdToScales,
+      datapointMetadataMap,
+      seriesToMetadata,
+      axisIdToScaleDomain
+    ),
+    [
+      isSharedVariant,
+      barSeriesData,
+      lineSeriesData,
+      areaSeriesData,
+      datapointMetadataMap,
+      getBarPixelCenter,
+      getLinearSeriesPixelCenter,
+      dotSeriesData,
+      axisIdToScales,
+      seriesToMetadata,
+      axisIdToScaleDomain
+    ]
+  );
+  const buildResult = useBuildStrategy(build);
+  return { buildResult, getBarPixelCenter, getLinearSeriesPixelCenter };
+}
+export {
+  useBuildOverlayStrategy
+};
+//# sourceMappingURL=useBuildOverlayStrategy.js.map