@dynatrace/strato-components 3.5.2 → 3.7.0

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

@@ -0,0 +1,82 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useIntl } from "react-intl";
+import {
+  buildSharedTooltipHeader,
+  buildSharedTooltipRow
+} from "./sharedXYChartTooltipUtils.js";
+import { OverlayTooltip } from "../../../../core/components/overlay-tooltip/OverlayTooltip.js";
+import { useAxesFormatter } from "../../../hooks/useAxesFormatter.js";
+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 { useXYChartTruncationMode } from "../../../hooks/useXYChartTruncationMode.js";
+function SharedXYChartTooltip({
+  preferred,
+  datapoints
+}) {
+  const { seriesToMetadata, axisIdToScaleDomain, datapointMetadataMap } = useXYChartData();
+  const axisIdToFormatter = useAxesFormatter();
+  const intl = useIntl();
+  const colorScaleMap = useXYChartColorScales();
+  const { truncationMode } = useXYChartTruncationMode();
+  const formatCategory = useFormatCategory();
+  const { filteredSeriesWithDatapoints } = useBarData();
+  const ctx = {
+    seriesToMetadata,
+    axisIdToFormatter,
+    axisIdToScaleDomain,
+    datapointMetadataMap,
+    formatCategory,
+    intl,
+    colorScaleMap,
+    allBarSeries: filteredSeriesWithDatapoints
+  };
+  const { xAxisValue, xAxisDuration, label } = buildSharedTooltipHeader(
+    preferred,
+    ctx
+  );
+  const ctxRef = useRef(ctx);
+  ctxRef.current = ctx;
+  const prevDatapointsRef = useRef([]);
+  const seriesItemsRef = useRef([]);
+  if (datapoints.length !== prevDatapointsRef.current.length || datapoints.some((d, i) => d !== prevDatapointsRef.current[i])) {
+    prevDatapointsRef.current = datapoints;
+    seriesItemsRef.current = datapoints.map((result) => {
+      const row = buildSharedTooltipRow(
+        result,
+        ctxRef.current
+      );
+      return {
+        name: row.name,
+        value: row.yAxisDuration ? `${row.yAxisValue} (${row.yAxisDuration})` : row.yAxisValue,
+        color: row.color,
+        actions: row.actions
+      };
+    });
+  }
+  return /* @__PURE__ */ jsxs(OverlayTooltip, { truncation: truncationMode, children: [
+    /* @__PURE__ */ jsx(
+      OverlayTooltip.Header,
+      {
+        header1: xAxisValue,
+        duration1: xAxisDuration,
+        label
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      OverlayTooltip.Series,
+      {
+        data: seriesItemsRef.current,
+        variant: "shared",
+        activeItem: -1,
+        seriesItemTemplate: (item) => /* @__PURE__ */ jsx(OverlayTooltip.SeriesItem, { ...item })
+      }
+    )
+  ] });
+}
+export {
+  SharedXYChartTooltip
+};
+//# sourceMappingURL=SharedXYChartTooltip.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,110 @@
+import { safeGet } from "../../../../core/utils/safe-get.js";
+import { isCategorical } from "../../../types/guards.js";
+import {
+  BAR_VARIANT,
+  RECT_VARIANT
+} from "../../../types/xy-chart-internals.js";
+import { buildBarSeriesActionItem } from "../../../utils/build-series-action-item.js";
+import { getRelativeAccessor } from "../../../utils/value-representation.js";
+import { buildClosestPointTooltipBodyProps } from "../ClosestPointTooltip/closestPointTooltipBodyUtils.js";
+import { getHoveredPointTooltipBodyContent } from "../HoveredPointTooltip/hooks/getHoveredPointTooltipBodyContent.js";
+import { buildHoveredPointTooltipBodyProps } from "../HoveredPointTooltip/hoveredPointTooltipBodyUtils.js";
+import { getColor } from "../utils/get-color.js";
+import { getTooltipFormatter } from "../utils/get-tooltip-formatter.js";
+function buildTooltipBody(content, ctx) {
+  const isHoveredShape = content.type === RECT_VARIANT || content.type === BAR_VARIANT;
+  if (isHoveredShape) {
+    return buildHoveredPointTooltipBodyProps({
+      datapoint: content.datapoint,
+      series: content.series,
+      seriesToMetadata: ctx.seriesToMetadata,
+      axisIdToFormatter: ctx.axisIdToFormatter,
+      axisIdToScaleDomain: ctx.axisIdToScaleDomain,
+      datapointMetadataMap: ctx.datapointMetadataMap,
+      formatCategory: ctx.formatCategory,
+      intl: ctx.intl
+    });
+  }
+  return buildClosestPointTooltipBodyProps({
+    datapoint: content.datapoint,
+    series: content.series,
+    seriesToMetadata: ctx.seriesToMetadata,
+    axisIdToFormatter: ctx.axisIdToFormatter,
+    axisIdToScaleDomain: ctx.axisIdToScaleDomain,
+    datapointMetadataMap: ctx.datapointMetadataMap,
+    intl: ctx.intl
+  });
+}
+function buildSharedTooltipHeader(preferred, ctx) {
+  const { xAxisValue, xAxisDuration } = buildTooltipBody(preferred, ctx);
+  return {
+    xAxisValue,
+    xAxisDuration,
+    label: preferred.datapoint.x0 instanceof Date ? "" : void 0
+  };
+}
+function buildRowYAxisValue(result, metadata, ctx) {
+  const {
+    axisIdToFormatter,
+    axisIdToScaleDomain,
+    datapointMetadataMap,
+    formatCategory,
+    intl
+  } = ctx;
+  const { yAxis } = metadata;
+  const yResolvedFormatter = isCategorical(yAxis.type) ? (value) => formatCategory(yAxis, value) ?? value : getTooltipFormatter(yAxis, axisIdToFormatter, intl);
+  const datapointMetadata = datapointMetadataMap.get(result.datapoint);
+  const binDomain = datapointMetadata?.binDomain;
+  const isRelative = typeof binDomain === "number" && binDomain;
+  const yRelativeDomain = isRelative && datapointMetadata?.baseline === "x" ? { min: binDomain * -1, max: binDomain } : safeGet(axisIdToScaleDomain, yAxis.id);
+  const { y0, y1 } = result.datapoint;
+  const { text: yAxisValue, duration: yAxisDuration } = getHoveredPointTooltipBodyContent(
+    intl,
+    y0,
+    y1,
+    yResolvedFormatter,
+    getRelativeAccessor(yAxis, yRelativeDomain)
+  );
+  return { yAxisValue, yAxisDuration };
+}
+function buildSharedTooltipRow(result, ctx) {
+  const {
+    seriesToMetadata,
+    datapointMetadataMap,
+    colorScaleMap,
+    allBarSeries
+  } = ctx;
+  const metadata = safeGet(seriesToMetadata, result.series);
+  const colorOverride = result.type === RECT_VARIANT ? safeGet(datapointMetadataMap, result.datapoint).colorOverride : void 0;
+  const color = getColor(
+    result.series,
+    result.datapoint,
+    metadata,
+    colorScaleMap,
+    colorOverride
+  ) ?? "";
+  const { yAxisValue, yAxisDuration } = result.type === BAR_VARIANT || result.type === RECT_VARIANT ? buildRowYAxisValue(result, metadata, ctx) : buildTooltipBody(result, ctx);
+  let actions;
+  if (result.type === BAR_VARIANT) {
+    const metadataActions = metadata.actions;
+    if (metadataActions) {
+      const { datapoint, series } = result;
+      actions = () => {
+        const actionItem = buildBarSeriesActionItem({
+          datapoint,
+          allSeries: allBarSeries,
+          seriesToMetadata,
+          datapointMetadataMap,
+          currentSeries: series
+        });
+        return metadataActions(actionItem);
+      };
+    }
+  }
+  return { name: metadata.name, color, yAxisValue, yAxisDuration, actions };
+}
+export {
+  buildSharedTooltipHeader,
+  buildSharedTooltipRow
+};
+//# sourceMappingURL=sharedXYChartTooltipUtils.js.map

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

@@ -0,0 +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": "AAIA,SAAS,eAAe;AAGxB,SAAS,qBAAqB;AAE9B;AAAA,EACE;AAAA,EACA;AAAA,OAaK;AACP,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AACpC,SAAS,yCAAyC;AAClD,SAAS,yCAAyC;AAClD,SAAS,yCAAyC;AAClD,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AAiCpC,SAAS,iBACP,SACA,KACyB;AACzB,QAAM,iBACJ,QAAQ,SAAS,gBAAgB,QAAQ,SAAS;AAEpD,MAAI,gBAAgB;AAClB,WAAO,kCAAkC;AAAA,MACvC,WAAW,QAAQ;AAAA,MACnB,QAAQ,QAAQ;AAAA,MAChB,kBAAkB,IAAI;AAAA,MACtB,mBAAmB,IAAI;AAAA,MACvB,qBAAqB,IAAI;AAAA,MACzB,sBAAsB,IAAI;AAAA,MAC1B,gBAAgB,IAAI;AAAA,MACpB,MAAM,IAAI;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,SAAO,kCAAkC;AAAA,IACvC,WAAW,QAAQ;AAAA,IACnB,QAAQ,QAAQ;AAAA,IAChB,kBAAkB,IAAI;AAAA,IACtB,mBAAmB,IAAI;AAAA,IACvB,qBAAqB,IAAI;AAAA,IACzB,sBAAsB,IAAI;AAAA,IAC1B,MAAM,IAAI;AAAA,EACZ,CAAC;AACH;AAEO,SAAS,yBACd,WACA,KACqB;AACrB,QAAM,EAAE,YAAY,cAAc,IAAI,iBAAiB,WAAW,GAAG;AACrE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO,UAAU,UAAU,cAAc,OAAO,KAAK;AAAA,EACvD;AACF;AAKA,SAAS,mBACP,QAIA,UACA,KAC2D;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,MAAM,IAAI;AAElB,QAAM,qBAAqB,cAAc,MAAM,IAAI,IAC/C,CAAC,UAAkB,eAAe,OAAO,KAAK,KAAK,QACnD,oBAAoB,OAAO,mBAAmB,IAAI;AAEtD,QAAM,oBAAoB,qBAAqB,IAAI,OAAO,SAAS;AACnE,QAAM,YAAY,mBAAmB;AACrC,QAAM,aAAa,OAAO,cAAc,YAAY;AAIpD,QAAM,kBACJ,cAAc,mBAAmB,aAAa,MAC1C,EAAE,KAAK,YAAY,IAAI,KAAK,UAAU,IACrC,QAAQ,qBAAqB,MAAM,EAAE;AAE5C,QAAM,EAAE,IAAI,GAAG,IAAI,OAAO;AAC1B,QAAM,EAAE,MAAM,YAAY,UAAU,cAAc,IAChD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB,OAAO,eAAe;AAAA,EAC5C;AAEF,SAAO,EAAE,YAAY,cAAc;AACrC;AAEO,SAAS,sBACd,QACA,KACkB;AAClB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,WAAW,QAAQ,kBAAkB,OAAO,MAAM;AACxD,QAAM,gBACJ,OAAO,SAAS,eACZ,QAAQ,sBAAsB,OAAO,SAAS,EAAE,gBAChD;AAKN,QAAM,QACJ;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACF,KAAK;AAKP,QAAM,EAAE,YAAY,cAAc,IAChC,OAAO,SAAS,eAAe,OAAO,SAAS,eAC3C,mBAAmB,QAAQ,UAAU,GAAG,IACxC,iBAAiB,QAAQ,GAAG;AAElC,MAAI;AACJ,MAAI,OAAO,SAAS,aAAa;AAC/B,UAAM,kBAAmB,SAAyB;AAClD,QAAI,iBAAiB;AACnB,YAAM,EAAE,WAAW,OAAO,IAAI;AAC9B,gBAAU,MAAM;AACd,cAAM,aAAa,yBAAyB;AAAA,UAC1C;AAAA,UACA,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA,eAAe;AAAA,QACjB,CAAC;AACD,eAAO,gBAAgB,UAAU;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AAEA,SAAO,EAAE,MAAM,SAAS,MAAM,OAAO,YAAY,eAAe,QAAQ;AAC1E;",
+  "names": []
+}

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

@@ -0,0 +1,66 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useIntl } from "react-intl";
+import { buildHoveredPointTooltipBodyProps } from "./HoveredPointTooltip/hoveredPointTooltipBodyUtils.js";
+import { buildHoveredPointTooltipHeaderProps } from "./HoveredPointTooltip/hoveredPointTooltipHeaderUtils.js";
+import { OverlayTooltip } from "../../../core/components/overlay-tooltip/OverlayTooltip.js";
+import { useLegendHidden } from "../../context/XYChartLegendHidden.context.js";
+import { useAxesFormatter } from "../../hooks/useAxesFormatter.js";
+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 { useXYChartTruncationMode } from "../../hooks/useXYChartTruncationMode.js";
+function TopListTooltip({
+  datapoint,
+  series,
+  seriesToMetadata
+}) {
+  const legendHidden = useLegendHidden();
+  const { truncationMode } = useXYChartTruncationMode();
+  const { axisIdToScaleDomain, datapointMetadataMap } = useXYChartData();
+  const colorScaleMap = useXYChartColorScales();
+  const axisIdToFormatter = useAxesFormatter();
+  const formatCategory = useFormatCategory();
+  const { filteredSeriesWithDatapoints } = useBarData();
+  const intl = useIntl();
+  const { name, color, actions } = buildHoveredPointTooltipHeaderProps({
+    datapoint,
+    series,
+    seriesToMetadata,
+    seriesWithDatapoints: filteredSeriesWithDatapoints,
+    datapointMetadataMap,
+    colorScaleMap
+  });
+  const { xAxisValue, yAxisDuration } = buildHoveredPointTooltipBodyProps({
+    datapoint,
+    series,
+    seriesToMetadata,
+    axisIdToFormatter,
+    axisIdToScaleDomain,
+    datapointMetadataMap,
+    formatCategory,
+    intl
+  });
+  const topListLabel = datapoint.label ?? "";
+  const duration = yAxisDuration ? ` (${yAxisDuration})` : "";
+  const valueText = `${xAxisValue}${duration}`;
+  const data = [
+    { name: legendHidden ? topListLabel : name, value: valueText, color }
+  ];
+  return /* @__PURE__ */ jsxs(OverlayTooltip, { truncation: truncationMode, children: [
+    !legendHidden && /* @__PURE__ */ jsx(OverlayTooltip.Header, { header1: topListLabel }),
+    /* @__PURE__ */ jsx(
+      OverlayTooltip.Series,
+      {
+        data,
+        variant: "shared",
+        activeItem: -1,
+        seriesItemTemplate: (item) => /* @__PURE__ */ jsx(OverlayTooltip.SeriesItem, { ...item, actions })
+      }
+    )
+  ] });
+}
+export {
+  TopListTooltip
+};
+//# sourceMappingURL=TopListTooltip.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { SharedXYChartTooltip } from "./SharedXYChartTooltip/SharedXYChartTooltip.js";
 import { XYChartTooltipContent } from "./XYChartTooltipContent.js";
 import {
   useSelector,
@@ -13,7 +14,11 @@ const XYChartOverlayTooltip = () => {
   if (isTooltipDataEmpty(data)) {
     return null;
   }
-  return /* @__PURE__ */ jsx(XYChartTooltipContent, { content: data.metadata });
+  const { preferred, datapoints } = data.metadata;
+  if (datapoints.length > 1) {
+    return /* @__PURE__ */ jsx(SharedXYChartTooltip, { preferred, datapoints });
+  }
+  return /* @__PURE__ */ jsx(XYChartTooltipContent, { content: preferred });
 };
 XYChartOverlayTooltip["displayName"] = "XYChartOverlayTooltip";
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/tooltip/XYChartOverlayTooltip.tsx"],
-  "sourcesContent": ["import { XYChartTooltipContent } from './XYChartTooltipContent.js';\nimport {\n  useSelector,\n  useTooltipSnapshot,\n} from '../../../core/components/overlay-tooltip/selectors.js';\nimport { isTooltipDataEmpty } from '../../../core/components/overlay-tooltip/utils.js';\nimport type { TooltipContent } from '../../types/state.js';\n\nexport const XYChartOverlayTooltip = () => {\n  useSelector(\n    ({ pinned, relativeX, relativeY }) => `${pinned}-${relativeX}-${relativeY}`,\n  );\n  const { data } = useTooltipSnapshot();\n\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return <XYChartTooltipContent content={data.metadata as TooltipContent} />;\n};\n\nXYChartOverlayTooltip['displayName'] = 'XYChartOverlayTooltip';\n"],
-  "mappings": "AAkBS;AAlBT,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AAG5B,MAAM,wBAAwB,MAAM;AACzC;AAAA,IACE,CAAC,EAAE,QAAQ,WAAW,UAAU,MAAM,GAAG,MAAM,IAAI,SAAS,IAAI,SAAS;AAAA,EAC3E;AACA,QAAM,EAAE,KAAK,IAAI,mBAAmB;AAEpC,MAAI,mBAAmB,IAAI,GAAG;AAC5B,WAAO;AAAA,EACT;AAEA,SAAO,oBAAC,yBAAsB,SAAS,KAAK,UAA4B;AAC1E;AAEA,sBAAsB,aAAa,IAAI;",
+  "sourcesContent": ["import { SharedXYChartTooltip } from './SharedXYChartTooltip/SharedXYChartTooltip.js';\nimport { XYChartTooltipContent } from './XYChartTooltipContent.js';\nimport {\n  useSelector,\n  useTooltipSnapshot,\n} from '../../../core/components/overlay-tooltip/selectors.js';\nimport { isTooltipDataEmpty } from '../../../core/components/overlay-tooltip/utils.js';\nimport type { XYChartTooltipMetadata } from '../../types/state.js';\n\nexport const XYChartOverlayTooltip = () => {\n  useSelector(\n    ({ pinned, relativeX, relativeY }) => `${pinned}-${relativeX}-${relativeY}`,\n  );\n  const { data } = useTooltipSnapshot();\n\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  const { preferred, datapoints } = data.metadata as XYChartTooltipMetadata;\n\n  if (datapoints.length > 1) {\n    return (\n      <SharedXYChartTooltip preferred={preferred} datapoints={datapoints} />\n    );\n  }\n\n  return <XYChartTooltipContent content={preferred} />;\n};\n\nXYChartOverlayTooltip['displayName'] = 'XYChartOverlayTooltip';\n"],
+  "mappings": "AAuBM;AAvBN,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AAG5B,MAAM,wBAAwB,MAAM;AACzC;AAAA,IACE,CAAC,EAAE,QAAQ,WAAW,UAAU,MAAM,GAAG,MAAM,IAAI,SAAS,IAAI,SAAS;AAAA,EAC3E;AACA,QAAM,EAAE,KAAK,IAAI,mBAAmB;AAEpC,MAAI,mBAAmB,IAAI,GAAG;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,WAAW,WAAW,IAAI,KAAK;AAEvC,MAAI,WAAW,SAAS,GAAG;AACzB,WACE,oBAAC,wBAAqB,WAAsB,YAAwB;AAAA,EAExE;AAEA,SAAO,oBAAC,yBAAsB,SAAS,WAAW;AACpD;AAEA,sBAAsB,aAAa,IAAI;",
   "names": []
 }

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

@@ -10,8 +10,8 @@ import { OverlayTooltip } from "../../../core/components/overlay-tooltip/Overlay
 import { safeGet } from "../../../core/utils/safe-get.js";
 import { useAxesFormatter } from "../../hooks/useAxesFormatter.js";
 import { useXYChartColorScales } from "../../hooks/useXYChartColorScales.js";
-import { useXYChartCustomTooltip } from "../../hooks/useXYChartCustomTooltip.js";
 import { useXYChartData } from "../../hooks/useXYChartData.js";
+import { useXYChartTooltip } from "../../hooks/useXYChartTooltip.js";
 import {
   AREA_VARIANT,
   BAR_VARIANT,
@@ -22,7 +22,7 @@ import {
 const XYChartTooltipContent = ({
   content
 }) => {
-  const customTooltip = useXYChartCustomTooltip();
+  const customTooltip = useXYChartTooltip();
   const axisIdToFormatter = useAxesFormatter();
   const intl = useIntl();
   const colorScaleMap = useXYChartColorScales();

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 { useXYChartCustomTooltip } from '../../hooks/useXYChartCustomTooltip.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.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 = useXYChartCustomTooltip();\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,+BAA+B;AACxC,SAAS,sBAAsB;AAE/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,MAEM;AACJ,QAAM,gBAAgB,wBAAwB;AAC9C,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 (\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;",
   "names": []
 }

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

@@ -1,23 +1,23 @@
-._1u58xor0-3-5-2 {
+._1u58xor0-3-7-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-5-2 {
+._1u58xor1-3-7-0 {
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1u58xor1-3-5-2::after {
+._1u58xor1-3-7-0::after {
   content: " ";
   white-space: pre;
 }
-._1u58xor2-3-5-2 {
+._1u58xor2-3-7-0 {
   flex: 0 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }
-._1u58xor3-3-5-2 {
+._1u58xor3-3-7-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-5-2";
-var axisValue = "_1u58xor2-3-5-2";
-var duration = "_1u58xor3-3-5-2";
-var wrapper = "_1u58xor0-3-5-2";
+var axisName = "_1u58xor1-3-7-0";
+var axisValue = "_1u58xor2-3-7-0";
+var duration = "_1u58xor3-3-7-0";
+var wrapper = "_1u58xor0-3-7-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-5-2';\nexport var axisValue = '_1u58xor2-3-5-2';\nexport var duration = '_1u58xor3-3-5-2';\nexport var wrapper = '_1u58xor0-3-5-2';"],
+  "sourcesContent": ["import './tooltip-styles.css';\nexport var axisName = '_1u58xor1-3-7-0';\nexport var axisValue = '_1u58xor2-3-7-0';\nexport var duration = '_1u58xor3-3-7-0';\nexport var wrapper = '_1u58xor0-3-7-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

@@ -53,11 +53,13 @@ const ANNOTATIONS_PADDING_BOTTOM = 6;
 const DISPLAY_UNITS_LIMIT = 3;
 const DEFAULT_POINTS_DISPLAY = "auto";
 const RECT_STROKE_WIDTH = 1;
+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";
 export {
   ANNOTATIONS_PADDING_BOTTOM,
+  BAR_STROKE_WIDTH,
   DEFAULT_AXIS_CONFIG,
   DEFAULT_CHART_HEIGHT,
   DEFAULT_COLOR_PALETTE,

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 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,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/** 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;",
   "names": []
 }

package/esm/charts/xy-chart/context/XYChartLegendHidden.context.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from "react";
+const XYChartLegendHiddenContext = createContext(false);
+XYChartLegendHiddenContext["displayName"] = "XYChartLegendHiddenContext";
+const useLegendHidden = () => useContext(XYChartLegendHiddenContext);
+export {
+  XYChartLegendHiddenContext,
+  useLegendHidden
+};
+//# sourceMappingURL=XYChartLegendHidden.context.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/context/XYChartLegendHidden.context.ts"],
+  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nexport const XYChartLegendHiddenContext = createContext<boolean>(false);\n\nXYChartLegendHiddenContext['displayName'] = 'XYChartLegendHiddenContext';\n\nexport const useLegendHidden = () => useContext(XYChartLegendHiddenContext);\n"],
+  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAEnC,MAAM,6BAA6B,cAAuB,KAAK;AAEtE,2BAA2B,aAAa,IAAI;AAErC,MAAM,kBAAkB,MAAM,WAAW,0BAA0B;",
+  "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 {\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 interface XYChartOverlayPerformance {\n  queryClosest: QueryClosest;\n  queryHovered: QueryHovered;\n}\n\nexport const XYChartOverlayPerformanceContext = createContext<\n  XYChartOverlayPerformance | undefined\n>(undefined);\n\nXYChartOverlayPerformanceContext['displayName'] =\n  'XYChartOverlayPerformanceContext';\n"],
-  "mappings": "AACA,SAAS,qBAAqB;AAkGvB,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 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;",
   "names": []
 }

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

@@ -0,0 +1,11 @@
+import { createContext } from "react";
+import { DEFAULT_CUSTOM_TOOLTIP_CONFIG } from "../../core/constants.js";
+const XYChartTooltipContext = createContext({
+  ...DEFAULT_CUSTOM_TOOLTIP_CONFIG,
+  variant: "single"
+});
+export {
+  DEFAULT_CUSTOM_TOOLTIP_CONFIG,
+  XYChartTooltipContext
+};
+//# sourceMappingURL=XYChartTooltip.context.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,28 @@
+import { debounce } from "lodash-es";
+import { useEffect, useRef, useState } from "react";
+const BUILD_DEBOUNCE_DELAY = 300;
+function useBuildStrategy(build) {
+  const [state, setState] = useState(void 0);
+  const debouncedRef = useRef(
+    null
+  );
+  if (!debouncedRef.current) {
+    debouncedRef.current = debounce(
+      (run) => setState(run()),
+      BUILD_DEBOUNCE_DELAY
+    );
+  }
+  useEffect(() => {
+    const debounced = debouncedRef.current;
+    debounced?.(build);
+    return () => {
+      debounced?.cancel();
+      setState(void 0);
+    };
+  }, [build]);
+  return state;
+}
+export {
+  useBuildStrategy
+};
+//# sourceMappingURL=useBuildStrategy.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/hooks/useBuildStrategy.ts"],
+  "sourcesContent": ["import { debounce, type DebouncedFunc } from 'lodash-es';\nimport { useEffect, useRef, useState } from 'react';\n\nconst BUILD_DEBOUNCE_DELAY = 300;\n\n/**\n * Schedule a debounced computation and expose its result. The caller\n * supplies a memoized `build` callback; the hook re-runs it whenever the\n * reference changes and discards stale results in the meantime.\n *\n * Generic over the return type so the provider can swap between\n * strategies (quadtree, sorted entries, \u2026) by branching inside the\n * callback rather than gating two parallel hooks with a flag.\n */\nexport function useBuildStrategy<T>(build: () => T): T | undefined {\n  const [state, setState] = useState<T | undefined>(undefined);\n  const debouncedRef = useRef<DebouncedFunc<(run: () => T) => void> | null>(\n    null,\n  );\n\n  if (!debouncedRef.current) {\n    debouncedRef.current = debounce<(run: () => T) => void>(\n      (run) => setState(run()),\n      BUILD_DEBOUNCE_DELAY,\n    );\n  }\n\n  useEffect(() => {\n    const debounced = debouncedRef.current;\n    debounced?.(build);\n    return () => {\n      debounced?.cancel();\n      setState(undefined);\n    };\n  }, [build]);\n\n  return state;\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAoC;AAC7C,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,MAAM,uBAAuB;AAWtB,SAAS,iBAAoB,OAA+B;AACjE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,MAAS;AAC3D,QAAM,eAAe;AAAA,IACnB;AAAA,EACF;AAEA,MAAI,CAAC,aAAa,SAAS;AACzB,iBAAa,UAAU;AAAA,MACrB,CAAC,QAAQ,SAAS,IAAI,CAAC;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AAEA,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,gBAAY,KAAK;AACjB,WAAO,MAAM;AACX,iBAAW,OAAO;AAClB,eAAS,MAAS;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACT;",
+  "names": []
+}