@dynatrace/strato-components 3.6.0 → 3.7.0

package/esm/charts/xy-chart/utils/query-closest-quadtree.js

@@ -1,5 +1,4 @@
 import { quadtree } from "d3-quadtree";
-import { debounce } from "lodash-es";
 import {
   getLinearAccessors
 } from "./get-linear-accessors.js";
@@ -74,30 +73,6 @@ function buildQuadtrees(seriesWithDatapoints, axisIdToScales, datapointToMetadat
   }
   return seriesToTrees;
 }
-const DELAY = 300;
-const debounceMap = /* @__PURE__ */ new Map();
-function getDebouncedQuadtrees(key) {
-  let debounced = debounceMap.get(key);
-  if (!debounced) {
-    debounced = debounce(
-      (series, scales, metadata, seriesToMetadata, axisIdToScaleDomain, onDone) => onDone(
-        buildQuadtrees(
-          series,
-          scales,
-          metadata,
-          seriesToMetadata,
-          axisIdToScaleDomain
-        )
-      ),
-      DELAY
-    );
-    debounceMap.set(key, debounced);
-  }
-  return debounced;
-}
-function cancelDebouncedQuadtrees(key) {
-  debounceMap.get(key)?.cancel?.();
-}
 function distanceBetweenTwoPoints(x0, x1, y0, y1) {
   return Math.sqrt(Math.pow(x0 - x1, 2) + Math.pow(y0 - y1, 2));
 }
@@ -179,8 +154,6 @@ function buildQueryClosest(seriesIdToQuadtree, axisIdToScales, seriesToMetadata,
 export {
   buildQuadtrees,
   buildQueryClosest,
-  cancelDebouncedQuadtrees,
-  distanceBetweenTwoPoints,
-  getDebouncedQuadtrees
+  distanceBetweenTwoPoints
 };
 //# sourceMappingURL=query-closest-quadtree.js.map

package/esm/charts/xy-chart/utils/query-closest-quadtree.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/query-closest-quadtree.ts"],
-  "sourcesContent": ["import { quadtree } from 'd3-quadtree';\nimport type { Point } from 'framer-motion';\nimport { debounce, type DebouncedFunc } from 'lodash-es';\n\nimport {\n  getLinearAccessors,\n  type AnyLinearSeriesMetadata,\n} from './get-linear-accessors.js';\nimport { getCurrentScale } from './get-scale.js';\nimport { relAccessor } from './value-representation.js';\nimport { DEFAULT_DATA_POINT_RADIUS } from '../../core/constants.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type {\n  AreaSeriesQueryResult,\n  DotSeriesQueryResult,\n  LineSeriesQueryResult,\n  SeriesQuadtreeDatapoint,\n  SeriesToQuadtree,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  type AnyLinearSeries,\n  type AreaSeriesWithDatapoints,\n  type AxisIdToScaleDomain,\n  type DotSeriesWithDatapoints,\n  type LineSeriesWithDatapoints,\n  type SeriesToMetadata,\n  type MapDatapoints,\n} from '../types/xy-chart-internals.js';\n\n/**\n * Get axis accessors for a given series based on its type.\n *\n * @param series - The series to get accessors for.\n * @param metadata - Series metadata.\n * @param xScale - X scale.\n * @param yScale - Y scale.\n * @param axisIdToScaleDomain - Domain lookup keyed by axis id.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @returns Tuple of [xAccessor, yAccessor] or undefined if accessor pair not found.\n */\nfunction getAxisAccessors(\n  series: AnyLinearSeries,\n  metadata: AnyLinearSeriesMetadata,\n  xScale: ReturnType<typeof getCurrentScale>,\n  yScale: ReturnType<typeof getCurrentScale>,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointToMetadata: MapDatapoints,\n) {\n  const { xAxis, yAxis } = metadata;\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  const { xAccessor, yAccessor } = getLinearAccessors(\n    series.type,\n    metadata,\n    datapointToMetadata,\n    xRelAccessor,\n    yRelAccessor,\n  );\n\n  return [xAccessor(xScale), yAccessor(yScale)];\n}\n\n/**\n * Filter datapoints to include only those within range and not marked as gaps.\n *\n * @param points - Array of datapoints to filter.\n * @param xAxisAccessor - Function to get x value from datapoint.\n * @param yAxisAccessor - Function to get y value from datapoint.\n * @param bounds - Object containing xMin, xMax, yMin, yMax boundaries.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @returns Filtered array of datapoints.\n */\nfunction filterDatapointsInRange(\n  points: SeriesQuadtreeDatapoint[],\n  xAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  yAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  bounds: { xMin: number; xMax: number; yMin: number; yMax: number },\n  datapointToMetadata: MapDatapoints,\n): SeriesQuadtreeDatapoint[] {\n  const { xMin, xMax, yMin, yMax } = bounds;\n\n  return points.filter((point) => {\n    if (safeGet(datapointToMetadata, point).isGap) {\n      return false;\n    }\n\n    const xValue = xAxisAccessor(point);\n    const yValue = yAxisAccessor(point);\n\n    if (xValue < xMin || xValue > xMax) {\n      return false;\n    }\n\n    if (yValue < yMin || yValue > yMax) {\n      return false;\n    }\n\n    return true;\n  });\n}\n\n/**\n * Build a quadtree for a single series.\n *\n * @param series - The series to build a quadtree for.\n * @param xAxisAccessor - Function to get x value from datapoint.\n * @param yAxisAccessor - Function to get y value from datapoint.\n * @param filtered - Filtered array of datapoints.\n * @returns The constructed quadtree.\n */\nfunction buildSingleQuadtree(\n  xAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  yAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  filtered: SeriesQuadtreeDatapoint[],\n) {\n  return quadtree<SeriesQuadtreeDatapoint>()\n    .x((d) => xAxisAccessor(d))\n    .y((d) => yAxisAccessor(d))\n    .addAll(filtered);\n}\n\n/**\n * Build quadtrees for fast nearest-point queries for each linear series.\n * Filters out gap datapoints and points outside current x/y range.\n *\n * @param seriesWithDatapoints - Array of linear (dot/line/area) series.\n * @param axisIdToScales - Scale lookup keyed by axis id.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @param seriesToMetadata - Map from series to its metadata.\n * @param axisIdToScaleDomain - Domain lookup keyed by axis id.\n * @returns Map from series id to its quadtree.\n */\nexport function buildQuadtrees(\n  seriesWithDatapoints: AnyLinearSeries[],\n  axisIdToScales: AxisIdToScales,\n  datapointToMetadata: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): SeriesToQuadtree {\n  const seriesToTrees: SeriesToQuadtree = new Map();\n\n  for (const series of seriesWithDatapoints) {\n    const xScale = getCurrentScale(axisIdToScales, series.xAxisId);\n    const yScale = getCurrentScale(axisIdToScales, series.yAxisId);\n    const metadata = safeGet(seriesToMetadata, series);\n\n    const accessors = getAxisAccessors(\n      series,\n      metadata,\n      xScale,\n      yScale,\n      axisIdToScaleDomain,\n      datapointToMetadata,\n    );\n\n    const [xAxisAccessor, yAxisAccessor] = accessors;\n\n    const [xMin, xMax] = xScale.range();\n    const [yMin, yMax] = yScale.range();\n\n    const filtered = filterDatapointsInRange(\n      series.data,\n      xAxisAccessor,\n      yAxisAccessor,\n      {\n        xMin: Math.min(xMin, xMax),\n        xMax: Math.max(xMin, xMax),\n        yMin: Math.min(yMin, yMax),\n        yMax: Math.max(yMin, yMax),\n      },\n      datapointToMetadata,\n    );\n\n    const tree = buildSingleQuadtree(xAxisAccessor, yAxisAccessor, filtered);\n\n    seriesToTrees.set(series.id, tree);\n  }\n\n  return seriesToTrees;\n}\n\ntype DebouncedQuadtrees = (\n  seriesWithDatapoints: AnyLinearSeries[],\n  axisIdToScales: AxisIdToScales,\n  datapointsMetadata: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  onDone: (trees: SeriesToQuadtree) => void,\n) => void;\n\nconst DELAY = 300;\nconst debounceMap = new Map<string, DebouncedFunc<DebouncedQuadtrees>>();\n\nexport function getDebouncedQuadtrees(key: string): DebouncedQuadtrees {\n  let debounced = debounceMap.get(key);\n  if (!debounced) {\n    debounced = debounce<DebouncedQuadtrees>(\n      (\n        series,\n        scales,\n        metadata,\n        seriesToMetadata,\n        axisIdToScaleDomain,\n        onDone,\n      ) =>\n        onDone(\n          buildQuadtrees(\n            series,\n            scales,\n            metadata,\n            seriesToMetadata,\n            axisIdToScaleDomain,\n          ),\n        ),\n      DELAY,\n    );\n\n    debounceMap.set(key, debounced);\n  }\n  return debounced;\n}\n\nexport function cancelDebouncedQuadtrees(key: string) {\n  debounceMap.get(key)?.cancel?.();\n}\n\n/**\n * Euclidean distance between two (x,y) points.\n *\n * @param x0 - First point x.\n * @param x1 - Second point x.\n * @param y0 - First point y.\n * @param y1 - Second point y.\n * @returns Distance value.\n */\nexport function distanceBetweenTwoPoints(\n  x0: number,\n  x1: number,\n  y0: number,\n  y1: number,\n) {\n  return Math.sqrt(Math.pow(x0 - x1, 2) + Math.pow(y0 - y1, 2));\n}\n\n/**\n * Get axis values for a datapoint based on series type.\n *\n * @param datapoint - The datapoint to extract values from.\n * @param series - The series the datapoint belongs to.\n * @param metadata - Series metadata.\n * @param xScale - X scale.\n * @param yScale - Y scale.\n * @param axisIdToScaleDomain - Domain lookup keyed by axis id.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @returns Tuple of [xValue, yValue].\n */\nfunction getDatapointAxisValues(\n  datapoint: SeriesQuadtreeDatapoint,\n  series: AnyLinearSeries,\n  metadata: AnyLinearSeriesMetadata,\n  xScale: ReturnType<typeof getCurrentScale>,\n  yScale: ReturnType<typeof getCurrentScale>,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointToMetadata: MapDatapoints,\n): [number, number] {\n  const accessors = getAxisAccessors(\n    series,\n    metadata,\n    xScale,\n    yScale,\n    axisIdToScaleDomain,\n    datapointToMetadata,\n  );\n\n  return [accessors[0](datapoint), accessors[1](datapoint)];\n}\n\n/**\n * Find the closest datapoint in a series to a given position.\n *\n * @param series - The series to search.\n * @param tree - The quadtree for the series.\n * @param position - The position to find closest datapoint to.\n * @param metadata - Series metadata.\n * @param queryContext - Object containing scales and metadata lookups.\n * @returns Object with distance and datapoint, or undefined if not found.\n */\nfunction findClosestDatapointInSeries(\n  series: AnyLinearSeries,\n  tree: ReturnType<typeof quadtree<SeriesQuadtreeDatapoint>>,\n  position: Point,\n  metadata: AnyLinearSeriesMetadata,\n  queryContext: {\n    xScale: ReturnType<typeof getCurrentScale>;\n    yScale: ReturnType<typeof getCurrentScale>;\n    axisIdToScaleDomain: AxisIdToScaleDomain;\n    datapointToMetadata: MapDatapoints;\n  },\n):\n  | {\n      type: string;\n      distance: number;\n      datapoint: SeriesQuadtreeDatapoint;\n      series: AnyLinearSeries;\n    }\n  | undefined {\n  const datapoint = tree.find(position.x, position.y);\n  if (!datapoint) {\n    return undefined;\n  }\n\n  const [xValue, yValue] = getDatapointAxisValues(\n    datapoint,\n    series,\n    metadata,\n    queryContext.xScale,\n    queryContext.yScale,\n    queryContext.axisIdToScaleDomain,\n    queryContext.datapointToMetadata,\n  );\n\n  const distance = distanceBetweenTwoPoints(\n    position.x,\n    xValue,\n    position.y,\n    yValue,\n  );\n\n  return {\n    type: series.type,\n    distance,\n    datapoint,\n    series,\n  };\n}\n\n/**\n * Build a query function that returns the closest datapoint\n * among provided series to a given pixel position.\n * Stops early if within DEFAULT_DATA_POINT_RADIUS.\n *\n * @param seriesIdToQuadtree - Map of series id to quadtree.\n * @param axisIdToScales - Axis scale lookup.\n * @returns QueryClosest function implementation.\n */\nexport function buildQueryClosest(\n  seriesIdToQuadtree: SeriesToQuadtree,\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointToMetadata: MapDatapoints,\n) {\n  function query(\n    arrayOfSeries: DotSeriesWithDatapoints[],\n    position: Point,\n  ): DotSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: LineSeriesWithDatapoints[],\n    position: Point,\n  ): LineSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: AreaSeriesWithDatapoints[],\n    position: Point,\n  ): AreaSeriesQueryResult | undefined;\n  function query(arrayOfSeries: AnyLinearSeries[], position: Point) {\n    let best;\n\n    for (const series of arrayOfSeries) {\n      const tree = seriesIdToQuadtree.get(series.id);\n      if (!tree) {\n        continue;\n      }\n\n      const xScale = getCurrentScale(axisIdToScales, series.xAxisId);\n      const yScale = getCurrentScale(axisIdToScales, series.yAxisId);\n      const metadata = safeGet(seriesToMetadata, series);\n\n      const closest = findClosestDatapointInSeries(\n        series,\n        tree,\n        position,\n        metadata,\n        {\n          xScale,\n          yScale,\n          axisIdToScaleDomain,\n          datapointToMetadata,\n        },\n      );\n\n      if (!closest) {\n        continue;\n      }\n\n      if (!best || closest.distance < best.distance) {\n        best = closest;\n      }\n\n      if (best && best.distance <= DEFAULT_DATA_POINT_RADIUS) {\n        break;\n      }\n    }\n\n    return best;\n  }\n\n  return query;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { quadtree } from 'd3-quadtree';\nimport type { Point } from 'framer-motion';\n\nimport {\n  getLinearAccessors,\n  type AnyLinearSeriesMetadata,\n} from './get-linear-accessors.js';\nimport { getCurrentScale } from './get-scale.js';\nimport { relAccessor } from './value-representation.js';\nimport { DEFAULT_DATA_POINT_RADIUS } from '../../core/constants.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type {\n  AreaSeriesQueryResult,\n  DotSeriesQueryResult,\n  LineSeriesQueryResult,\n  SeriesQuadtreeDatapoint,\n  SeriesToQuadtree,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  type AnyLinearSeries,\n  type AreaSeriesWithDatapoints,\n  type AxisIdToScaleDomain,\n  type DotSeriesWithDatapoints,\n  type LineSeriesWithDatapoints,\n  type SeriesToMetadata,\n  type MapDatapoints,\n} from '../types/xy-chart-internals.js';\n\n/**\n * Get axis accessors for a given series based on its type.\n *\n * @param series - The series to get accessors for.\n * @param metadata - Series metadata.\n * @param xScale - X scale.\n * @param yScale - Y scale.\n * @param axisIdToScaleDomain - Domain lookup keyed by axis id.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @returns Tuple of [xAccessor, yAccessor] or undefined if accessor pair not found.\n */\nfunction getAxisAccessors(\n  series: AnyLinearSeries,\n  metadata: AnyLinearSeriesMetadata,\n  xScale: ReturnType<typeof getCurrentScale>,\n  yScale: ReturnType<typeof getCurrentScale>,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointToMetadata: MapDatapoints,\n) {\n  const { xAxis, yAxis } = metadata;\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  const { xAccessor, yAccessor } = getLinearAccessors(\n    series.type,\n    metadata,\n    datapointToMetadata,\n    xRelAccessor,\n    yRelAccessor,\n  );\n\n  return [xAccessor(xScale), yAccessor(yScale)];\n}\n\n/**\n * Filter datapoints to include only those within range and not marked as gaps.\n *\n * @param points - Array of datapoints to filter.\n * @param xAxisAccessor - Function to get x value from datapoint.\n * @param yAxisAccessor - Function to get y value from datapoint.\n * @param bounds - Object containing xMin, xMax, yMin, yMax boundaries.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @returns Filtered array of datapoints.\n */\nfunction filterDatapointsInRange(\n  points: SeriesQuadtreeDatapoint[],\n  xAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  yAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  bounds: { xMin: number; xMax: number; yMin: number; yMax: number },\n  datapointToMetadata: MapDatapoints,\n): SeriesQuadtreeDatapoint[] {\n  const { xMin, xMax, yMin, yMax } = bounds;\n\n  return points.filter((point) => {\n    if (safeGet(datapointToMetadata, point).isGap) {\n      return false;\n    }\n\n    const xValue = xAxisAccessor(point);\n    const yValue = yAxisAccessor(point);\n\n    if (xValue < xMin || xValue > xMax) {\n      return false;\n    }\n\n    if (yValue < yMin || yValue > yMax) {\n      return false;\n    }\n\n    return true;\n  });\n}\n\n/**\n * Build a quadtree for a single series.\n *\n * @param series - The series to build a quadtree for.\n * @param xAxisAccessor - Function to get x value from datapoint.\n * @param yAxisAccessor - Function to get y value from datapoint.\n * @param filtered - Filtered array of datapoints.\n * @returns The constructed quadtree.\n */\nfunction buildSingleQuadtree(\n  xAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  yAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  filtered: SeriesQuadtreeDatapoint[],\n) {\n  return quadtree<SeriesQuadtreeDatapoint>()\n    .x((d) => xAxisAccessor(d))\n    .y((d) => yAxisAccessor(d))\n    .addAll(filtered);\n}\n\n/**\n * Build quadtrees for fast nearest-point queries for each linear series.\n * Filters out gap datapoints and points outside current x/y range.\n *\n * @param seriesWithDatapoints - Array of linear (dot/line/area) series.\n * @param axisIdToScales - Scale lookup keyed by axis id.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @param seriesToMetadata - Map from series to its metadata.\n * @param axisIdToScaleDomain - Domain lookup keyed by axis id.\n * @returns Map from series id to its quadtree.\n */\nexport function buildQuadtrees(\n  seriesWithDatapoints: AnyLinearSeries[],\n  axisIdToScales: AxisIdToScales,\n  datapointToMetadata: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): SeriesToQuadtree {\n  const seriesToTrees: SeriesToQuadtree = new Map();\n\n  for (const series of seriesWithDatapoints) {\n    const xScale = getCurrentScale(axisIdToScales, series.xAxisId);\n    const yScale = getCurrentScale(axisIdToScales, series.yAxisId);\n    const metadata = safeGet(seriesToMetadata, series);\n\n    const accessors = getAxisAccessors(\n      series,\n      metadata,\n      xScale,\n      yScale,\n      axisIdToScaleDomain,\n      datapointToMetadata,\n    );\n\n    const [xAxisAccessor, yAxisAccessor] = accessors;\n\n    const [xMin, xMax] = xScale.range();\n    const [yMin, yMax] = yScale.range();\n\n    const filtered = filterDatapointsInRange(\n      series.data,\n      xAxisAccessor,\n      yAxisAccessor,\n      {\n        xMin: Math.min(xMin, xMax),\n        xMax: Math.max(xMin, xMax),\n        yMin: Math.min(yMin, yMax),\n        yMax: Math.max(yMin, yMax),\n      },\n      datapointToMetadata,\n    );\n\n    const tree = buildSingleQuadtree(xAxisAccessor, yAxisAccessor, filtered);\n\n    seriesToTrees.set(series.id, tree);\n  }\n\n  return seriesToTrees;\n}\n\n/**\n * Euclidean distance between two (x,y) points.\n *\n * @param x0 - First point x.\n * @param x1 - Second point x.\n * @param y0 - First point y.\n * @param y1 - Second point y.\n * @returns Distance value.\n */\nexport function distanceBetweenTwoPoints(\n  x0: number,\n  x1: number,\n  y0: number,\n  y1: number,\n) {\n  return Math.sqrt(Math.pow(x0 - x1, 2) + Math.pow(y0 - y1, 2));\n}\n\n/**\n * Get axis values for a datapoint based on series type.\n *\n * @param datapoint - The datapoint to extract values from.\n * @param series - The series the datapoint belongs to.\n * @param metadata - Series metadata.\n * @param xScale - X scale.\n * @param yScale - Y scale.\n * @param axisIdToScaleDomain - Domain lookup keyed by axis id.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @returns Tuple of [xValue, yValue].\n */\nfunction getDatapointAxisValues(\n  datapoint: SeriesQuadtreeDatapoint,\n  series: AnyLinearSeries,\n  metadata: AnyLinearSeriesMetadata,\n  xScale: ReturnType<typeof getCurrentScale>,\n  yScale: ReturnType<typeof getCurrentScale>,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointToMetadata: MapDatapoints,\n): [number, number] {\n  const accessors = getAxisAccessors(\n    series,\n    metadata,\n    xScale,\n    yScale,\n    axisIdToScaleDomain,\n    datapointToMetadata,\n  );\n\n  return [accessors[0](datapoint), accessors[1](datapoint)];\n}\n\n/**\n * Find the closest datapoint in a series to a given position.\n *\n * @param series - The series to search.\n * @param tree - The quadtree for the series.\n * @param position - The position to find closest datapoint to.\n * @param metadata - Series metadata.\n * @param queryContext - Object containing scales and metadata lookups.\n * @returns Object with distance and datapoint, or undefined if not found.\n */\nfunction findClosestDatapointInSeries(\n  series: AnyLinearSeries,\n  tree: ReturnType<typeof quadtree<SeriesQuadtreeDatapoint>>,\n  position: Point,\n  metadata: AnyLinearSeriesMetadata,\n  queryContext: {\n    xScale: ReturnType<typeof getCurrentScale>;\n    yScale: ReturnType<typeof getCurrentScale>;\n    axisIdToScaleDomain: AxisIdToScaleDomain;\n    datapointToMetadata: MapDatapoints;\n  },\n):\n  | {\n      type: string;\n      distance: number;\n      datapoint: SeriesQuadtreeDatapoint;\n      series: AnyLinearSeries;\n    }\n  | undefined {\n  const datapoint = tree.find(position.x, position.y);\n  if (!datapoint) {\n    return undefined;\n  }\n\n  const [xValue, yValue] = getDatapointAxisValues(\n    datapoint,\n    series,\n    metadata,\n    queryContext.xScale,\n    queryContext.yScale,\n    queryContext.axisIdToScaleDomain,\n    queryContext.datapointToMetadata,\n  );\n\n  const distance = distanceBetweenTwoPoints(\n    position.x,\n    xValue,\n    position.y,\n    yValue,\n  );\n\n  return {\n    type: series.type,\n    distance,\n    datapoint,\n    series,\n  };\n}\n\n/**\n * Build a query function that returns the closest datapoint\n * among provided series to a given pixel position.\n * Stops early if within DEFAULT_DATA_POINT_RADIUS.\n *\n * @param seriesIdToQuadtree - Map of series id to quadtree.\n * @param axisIdToScales - Axis scale lookup.\n * @returns QueryClosest function implementation.\n */\nexport function buildQueryClosest(\n  seriesIdToQuadtree: SeriesToQuadtree,\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointToMetadata: MapDatapoints,\n) {\n  function query(\n    arrayOfSeries: DotSeriesWithDatapoints[],\n    position: Point,\n  ): DotSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: LineSeriesWithDatapoints[],\n    position: Point,\n  ): LineSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: AreaSeriesWithDatapoints[],\n    position: Point,\n  ): AreaSeriesQueryResult | undefined;\n  function query(arrayOfSeries: AnyLinearSeries[], position: Point) {\n    let best;\n\n    for (const series of arrayOfSeries) {\n      const tree = seriesIdToQuadtree.get(series.id);\n      if (!tree) {\n        continue;\n      }\n\n      const xScale = getCurrentScale(axisIdToScales, series.xAxisId);\n      const yScale = getCurrentScale(axisIdToScales, series.yAxisId);\n      const metadata = safeGet(seriesToMetadata, series);\n\n      const closest = findClosestDatapointInSeries(\n        series,\n        tree,\n        position,\n        metadata,\n        {\n          xScale,\n          yScale,\n          axisIdToScaleDomain,\n          datapointToMetadata,\n        },\n      );\n\n      if (!closest) {\n        continue;\n      }\n\n      if (!best || closest.distance < best.distance) {\n        best = closest;\n      }\n\n      if (best && best.distance <= DEFAULT_DATA_POINT_RADIUS) {\n        break;\n      }\n    }\n\n    return best;\n  }\n\n  return query;\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAGzB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,iCAAiC;AAC1C,SAAS,eAAe;AA8BxB,SAAS,iBACP,QACA,UACA,QACA,QACA,qBACA,qBACA;AACA,QAAM,EAAE,OAAO,MAAM,IAAI;AACzB,QAAM,eAAe,YAAY,OAAO,mBAAmB;AAC3D,QAAM,eAAe,YAAY,OAAO,mBAAmB;AAE3D,QAAM,EAAE,WAAW,UAAU,IAAI;AAAA,IAC/B,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SAAO,CAAC,UAAU,MAAM,GAAG,UAAU,MAAM,CAAC;AAC9C;AAYA,SAAS,wBACP,QACA,eACA,eACA,QACA,qBAC2B;AAC3B,QAAM,EAAE,MAAM,MAAM,MAAM,KAAK,IAAI;AAEnC,SAAO,OAAO,OAAO,CAAC,UAAU;AAC9B,QAAI,QAAQ,qBAAqB,KAAK,EAAE,OAAO;AAC7C,aAAO;AAAA,IACT;AAEA,UAAM,SAAS,cAAc,KAAK;AAClC,UAAM,SAAS,cAAc,KAAK;AAElC,QAAI,SAAS,QAAQ,SAAS,MAAM;AAClC,aAAO;AAAA,IACT;AAEA,QAAI,SAAS,QAAQ,SAAS,MAAM;AAClC,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,CAAC;AACH;AAWA,SAAS,oBACP,eACA,eACA,UACA;AACA,SAAO,SAAkC,EACtC,EAAE,CAAC,MAAM,cAAc,CAAC,CAAC,EACzB,EAAE,CAAC,MAAM,cAAc,CAAC,CAAC,EACzB,OAAO,QAAQ;AACpB;AAaO,SAAS,eACd,sBACA,gBACA,qBACA,kBACA,qBACkB;AAClB,QAAM,gBAAkC,oBAAI,IAAI;AAEhD,aAAW,UAAU,sBAAsB;AACzC,UAAM,SAAS,gBAAgB,gBAAgB,OAAO,OAAO;AAC7D,UAAM,SAAS,gBAAgB,gBAAgB,OAAO,OAAO;AAC7D,UAAM,WAAW,QAAQ,kBAAkB,MAAM;AAEjD,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,CAAC,eAAe,aAAa,IAAI;AAEvC,UAAM,CAAC,MAAM,IAAI,IAAI,OAAO,MAAM;AAClC,UAAM,CAAC,MAAM,IAAI,IAAI,OAAO,MAAM;AAElC,UAAM,WAAW;AAAA,MACf,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,QACE,MAAM,KAAK,IAAI,MAAM,IAAI;AAAA,QACzB,MAAM,KAAK,IAAI,MAAM,IAAI;AAAA,QACzB,MAAM,KAAK,IAAI,MAAM,IAAI;AAAA,QACzB,MAAM,KAAK,IAAI,MAAM,IAAI;AAAA,MAC3B;AAAA,MACA;AAAA,IACF;AAEA,UAAM,OAAO,oBAAoB,eAAe,eAAe,QAAQ;AAEvE,kBAAc,IAAI,OAAO,IAAI,IAAI;AAAA,EACnC;AAEA,SAAO;AACT;AAWO,SAAS,yBACd,IACA,IACA,IACA,IACA;AACA,SAAO,KAAK,KAAK,KAAK,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,KAAK,IAAI,CAAC,CAAC;AAC9D;AAcA,SAAS,uBACP,WACA,QACA,UACA,QACA,QACA,qBACA,qBACkB;AAClB,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SAAO,CAAC,UAAU,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,EAAE,SAAS,CAAC;AAC1D;AAYA,SAAS,6BACP,QACA,MACA,UACA,UACA,cAaY;AACZ,QAAM,YAAY,KAAK,KAAK,SAAS,GAAG,SAAS,CAAC;AAClD,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAEA,QAAM,CAAC,QAAQ,MAAM,IAAI;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,EACf;AAEA,QAAM,WAAW;AAAA,IACf,SAAS;AAAA,IACT;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AAAA,IACL,MAAM,OAAO;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAWO,SAAS,kBACd,oBACA,gBACA,kBACA,qBACA,qBACA;AAaA,WAAS,MAAM,eAAkC,UAAiB;AAChE,QAAI;AAEJ,eAAW,UAAU,eAAe;AAClC,YAAM,OAAO,mBAAmB,IAAI,OAAO,EAAE;AAC7C,UAAI,CAAC,MAAM;AACT;AAAA,MACF;AAEA,YAAM,SAAS,gBAAgB,gBAAgB,OAAO,OAAO;AAC7D,YAAM,SAAS,gBAAgB,gBAAgB,OAAO,OAAO;AAC7D,YAAM,WAAW,QAAQ,kBAAkB,MAAM;AAEjD,YAAM,UAAU;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAEA,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,UAAI,CAAC,QAAQ,QAAQ,WAAW,KAAK,UAAU;AAC7C,eAAO;AAAA,MACT;AAEA,UAAI,QAAQ,KAAK,YAAY,2BAA2B;AACtD;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/xy-chart/utils/query-hovered.js

@@ -136,8 +136,34 @@ function buildQueryHovered(axisIdToScales, datapointMetadataMap, seriesToMetadat
   }
   return query;
 }
+function buildQueryAllHovered(axisIdToScales, datapointMetadataMap, seriesToMetadata, axisIdToScaleDomain) {
+  return (arrayOfSeries, position) => {
+    const results = [];
+    for (const series of arrayOfSeries) {
+      const datapoint = getHoveredDatapoint(
+        position,
+        series,
+        axisIdToScales,
+        datapointMetadataMap,
+        seriesToMetadata,
+        axisIdToScaleDomain
+      );
+      if (datapoint) {
+        results.push({
+          type: series.type,
+          distance: 0,
+          datapoint,
+          series
+        });
+      }
+    }
+    return results;
+  };
+}
 export {
+  buildQueryAllHovered,
   buildQueryHovered,
+  getAccessors,
   getHoveredDatapoint,
   getPixelDimensionsForDatapoint
 };

package/esm/charts/xy-chart/utils/query-hovered.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/query-hovered.ts"],
-  "sourcesContent": ["import { getCurrentScale, getDimensionScale } from './get-scale.js';\nimport { isRectDatapoint, isRectSeries } from './type-guards.js';\nimport { relAccessor } from './value-representation.js';\nimport type { Point } from '../../core/types/point.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport {\n  xAccessor as barXAccessor,\n  yAccessor as barYAccessor,\n  widthAccessor as barWidthAccessor,\n  heightAccessor as barHeightAccessor,\n} from '../components/displays/bar-accessors.js';\nimport {\n  xAccessor as rectXAccessor,\n  yAccessor as rectYAccessor,\n  widthAccessor as rectWidthAccessor,\n  heightAccessor as rectHeightAccessor,\n} from '../components/displays/rect-accessors.js';\nimport type {\n  BarSeriesQueryResult,\n  RectSeriesQueryResult,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  RECT_VARIANT,\n  type AxisIdToScaleDomain,\n  type BarSeriesWithDatapoints,\n  type RectDatapointInternal,\n  type RectSeriesWithDatapoints,\n  type SeriesToMetadata,\n  type MapDatapoints,\n} from '../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../types/xy-chart.js';\n\n/**\n * Check if a pixel position is within the defined range.\n */\nfunction isInPixelRange(\n  position: number,\n  start: number,\n  span: number,\n): boolean {\n  return position >= start && position <= start + span;\n}\n\ninterface RectAccessors {\n  xAccessor: (datapoint: RectDatapointInternal) => number;\n  yAccessor: (datapoint: RectDatapointInternal) => number;\n  widthAccessor: (datapoint: RectDatapointInternal) => number;\n  heightAccessor: (datapoint: RectDatapointInternal) => number;\n}\ninterface BarAccessors {\n  xAccessor: (datapoint: BarDatapoint) => number;\n  yAccessor: (datapoint: BarDatapoint) => number;\n  widthAccessor: (datapoint: BarDatapoint) => number;\n  heightAccessor: (datapoint: BarDatapoint) => number;\n}\n\nfunction getAccessors(\n  series: RectSeriesWithDatapoints | BarSeriesWithDatapoints,\n  axisIdToScales: AxisIdToScales,\n  datapointMetadataMap: MapDatapoints,\n  xRelAccessor?: (d: number) => number,\n  yRelAccessor?: (d: number) => number,\n) {\n  const { type, xAxisId, yAxisId } = series;\n\n  const xScale = getCurrentScale(axisIdToScales, xAxisId, type);\n  const yScale = getCurrentScale(axisIdToScales, yAxisId, type);\n\n  if (type === RECT_VARIANT) {\n    return {\n      xAccessor: rectXAccessor(xScale, xRelAccessor),\n      yAccessor: rectYAccessor(yScale, yRelAccessor),\n      widthAccessor: rectWidthAccessor(xScale, xRelAccessor),\n      heightAccessor: rectHeightAccessor(yScale, yRelAccessor),\n    };\n  }\n\n  // type === BAR_VARIANT\n  const dimensionXScale = getDimensionScale(axisIdToScales, xAxisId);\n  const dimensionYScale = getDimensionScale(axisIdToScales, yAxisId);\n  return {\n    xAccessor: barXAccessor(\n      xScale,\n      datapointMetadataMap,\n      dimensionXScale,\n      series.id,\n      xRelAccessor,\n    ),\n    yAccessor: barYAccessor(\n      yScale,\n      datapointMetadataMap,\n      dimensionYScale,\n      series.id,\n      yRelAccessor,\n    ),\n    widthAccessor: barWidthAccessor(\n      xScale,\n      datapointMetadataMap,\n      dimensionXScale,\n      xRelAccessor,\n    ),\n    heightAccessor: barHeightAccessor(\n      yScale,\n      datapointMetadataMap,\n      dimensionYScale,\n      yRelAccessor,\n    ),\n  };\n}\n\nexport const getPixelDimensionsForDatapoint = (\n  datapoint: RectDatapointInternal | BarDatapoint,\n  genAccessors: RectAccessors | BarAccessors,\n): { x: number; y: number; width: number; height: number } => {\n  if (isRectDatapoint(datapoint)) {\n    const accessors = genAccessors as RectAccessors;\n    return {\n      x: accessors.xAccessor(datapoint),\n      y: accessors.yAccessor(datapoint),\n      width: accessors.widthAccessor(datapoint),\n      height: accessors.heightAccessor(datapoint),\n    };\n  }\n  const accessors = genAccessors as BarAccessors;\n  return {\n    x: accessors.xAccessor(datapoint),\n    y: accessors.yAccessor(datapoint),\n    width: accessors.widthAccessor(datapoint),\n    height: accessors.heightAccessor(datapoint),\n  };\n};\n\n/**\n * Retrieves the datapoint that is currently being hovered over based on the given position.\n */\nexport function getHoveredDatapoint(\n  position: Point,\n  series: RectSeriesWithDatapoints | BarSeriesWithDatapoints,\n  axisIdToScales: AxisIdToScales,\n  datapointMetadataMap: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n) {\n  const data = isRectSeries(series) ? series.filteredData : series.data;\n\n  if (position.x < 0 || position.y < 0) {\n    return undefined;\n  }\n\n  const { xAxis, yAxis } = safeGet(seriesToMetadata, series);\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  const accessors = getAccessors(\n    series,\n    axisIdToScales,\n    datapointMetadataMap,\n    xRelAccessor,\n    yRelAccessor,\n  );\n\n  for (const datapoint of data) {\n    if (safeGet(datapointMetadataMap, datapoint).isGap) {\n      continue;\n    }\n\n    const { x, y, width, height } = getPixelDimensionsForDatapoint(\n      datapoint,\n      accessors,\n    );\n\n    if (\n      isInPixelRange(position.x, x, width) &&\n      isInPixelRange(position.y, y, height)\n    ) {\n      return datapoint;\n    }\n  }\n\n  return undefined;\n}\n\nexport function buildQueryHovered(\n  axisIdToScales: AxisIdToScales,\n  datapointMetadataMap: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n) {\n  function query(\n    arrayOfSeries: RectSeriesWithDatapoints[],\n    position: Point,\n  ): RectSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: BarSeriesWithDatapoints[],\n    position: Point,\n  ): BarSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: (RectSeriesWithDatapoints | BarSeriesWithDatapoints)[],\n    position: Point,\n  ) {\n    for (let i = arrayOfSeries.length - 1; i >= 0; i--) {\n      const series = arrayOfSeries[i];\n      const datapoint = getHoveredDatapoint(\n        position,\n        series,\n        axisIdToScales,\n        datapointMetadataMap,\n        seriesToMetadata,\n        axisIdToScaleDomain,\n      );\n\n      if (!datapoint) {\n        continue;\n      }\n\n      return {\n        type: series.type,\n        distance: 0,\n        datapoint,\n        series,\n      };\n    }\n    return undefined;\n  }\n  return query;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { getCurrentScale, getDimensionScale } from './get-scale.js';\nimport { isRectDatapoint, isRectSeries } from './type-guards.js';\nimport { relAccessor } from './value-representation.js';\nimport type { Point } from '../../core/types/point.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport {\n  xAccessor as barXAccessor,\n  yAccessor as barYAccessor,\n  widthAccessor as barWidthAccessor,\n  heightAccessor as barHeightAccessor,\n} from '../components/displays/bar-accessors.js';\nimport {\n  xAccessor as rectXAccessor,\n  yAccessor as rectYAccessor,\n  widthAccessor as rectWidthAccessor,\n  heightAccessor as rectHeightAccessor,\n} from '../components/displays/rect-accessors.js';\nimport type {\n  BarSeriesQueryResult,\n  RectSeriesQueryResult,\n  SeriesQueryResult,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  RECT_VARIANT,\n  type AxisIdToScaleDomain,\n  type BarSeriesWithDatapoints,\n  type RectDatapointInternal,\n  type RectSeriesWithDatapoints,\n  type SeriesToMetadata,\n  type MapDatapoints,\n} from '../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../types/xy-chart.js';\n\n/**\n * Check if a pixel position is within the defined range.\n */\nfunction isInPixelRange(\n  position: number,\n  start: number,\n  span: number,\n): boolean {\n  return position >= start && position <= start + span;\n}\n\ninterface RectAccessors {\n  xAccessor: (datapoint: RectDatapointInternal) => number;\n  yAccessor: (datapoint: RectDatapointInternal) => number;\n  widthAccessor: (datapoint: RectDatapointInternal) => number;\n  heightAccessor: (datapoint: RectDatapointInternal) => number;\n}\ninterface BarAccessors {\n  xAccessor: (datapoint: BarDatapoint) => number;\n  yAccessor: (datapoint: BarDatapoint) => number;\n  widthAccessor: (datapoint: BarDatapoint) => number;\n  heightAccessor: (datapoint: BarDatapoint) => number;\n}\n\nexport function getAccessors(\n  series: RectSeriesWithDatapoints | BarSeriesWithDatapoints,\n  axisIdToScales: AxisIdToScales,\n  datapointMetadataMap: MapDatapoints,\n  xRelAccessor?: (d: number) => number,\n  yRelAccessor?: (d: number) => number,\n) {\n  const { type, xAxisId, yAxisId } = series;\n\n  const xScale = getCurrentScale(axisIdToScales, xAxisId, type);\n  const yScale = getCurrentScale(axisIdToScales, yAxisId, type);\n\n  if (type === RECT_VARIANT) {\n    return {\n      xAccessor: rectXAccessor(xScale, xRelAccessor),\n      yAccessor: rectYAccessor(yScale, yRelAccessor),\n      widthAccessor: rectWidthAccessor(xScale, xRelAccessor),\n      heightAccessor: rectHeightAccessor(yScale, yRelAccessor),\n    };\n  }\n\n  // type === BAR_VARIANT\n  const dimensionXScale = getDimensionScale(axisIdToScales, xAxisId);\n  const dimensionYScale = getDimensionScale(axisIdToScales, yAxisId);\n  return {\n    xAccessor: barXAccessor(\n      xScale,\n      datapointMetadataMap,\n      dimensionXScale,\n      series.id,\n      xRelAccessor,\n    ),\n    yAccessor: barYAccessor(\n      yScale,\n      datapointMetadataMap,\n      dimensionYScale,\n      series.id,\n      yRelAccessor,\n    ),\n    widthAccessor: barWidthAccessor(\n      xScale,\n      datapointMetadataMap,\n      dimensionXScale,\n      xRelAccessor,\n    ),\n    heightAccessor: barHeightAccessor(\n      yScale,\n      datapointMetadataMap,\n      dimensionYScale,\n      yRelAccessor,\n    ),\n  };\n}\n\nexport const getPixelDimensionsForDatapoint = (\n  datapoint: RectDatapointInternal | BarDatapoint,\n  genAccessors: RectAccessors | BarAccessors,\n): { x: number; y: number; width: number; height: number } => {\n  if (isRectDatapoint(datapoint)) {\n    const accessors = genAccessors as RectAccessors;\n    return {\n      x: accessors.xAccessor(datapoint),\n      y: accessors.yAccessor(datapoint),\n      width: accessors.widthAccessor(datapoint),\n      height: accessors.heightAccessor(datapoint),\n    };\n  }\n  const accessors = genAccessors as BarAccessors;\n  return {\n    x: accessors.xAccessor(datapoint),\n    y: accessors.yAccessor(datapoint),\n    width: accessors.widthAccessor(datapoint),\n    height: accessors.heightAccessor(datapoint),\n  };\n};\n\n/**\n * Retrieves the datapoint that is currently being hovered over based on the given position.\n */\nexport function getHoveredDatapoint(\n  position: Point,\n  series: RectSeriesWithDatapoints | BarSeriesWithDatapoints,\n  axisIdToScales: AxisIdToScales,\n  datapointMetadataMap: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n) {\n  const data = isRectSeries(series) ? series.filteredData : series.data;\n\n  if (position.x < 0 || position.y < 0) {\n    return undefined;\n  }\n\n  const { xAxis, yAxis } = safeGet(seriesToMetadata, series);\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  const accessors = getAccessors(\n    series,\n    axisIdToScales,\n    datapointMetadataMap,\n    xRelAccessor,\n    yRelAccessor,\n  );\n\n  for (const datapoint of data) {\n    if (safeGet(datapointMetadataMap, datapoint).isGap) {\n      continue;\n    }\n\n    const { x, y, width, height } = getPixelDimensionsForDatapoint(\n      datapoint,\n      accessors,\n    );\n\n    if (\n      isInPixelRange(position.x, x, width) &&\n      isInPixelRange(position.y, y, height)\n    ) {\n      return datapoint;\n    }\n  }\n\n  return undefined;\n}\n\nexport function buildQueryHovered(\n  axisIdToScales: AxisIdToScales,\n  datapointMetadataMap: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n) {\n  function query(\n    arrayOfSeries: RectSeriesWithDatapoints[],\n    position: Point,\n  ): RectSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: BarSeriesWithDatapoints[],\n    position: Point,\n  ): BarSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: (RectSeriesWithDatapoints | BarSeriesWithDatapoints)[],\n    position: Point,\n  ) {\n    for (let i = arrayOfSeries.length - 1; i >= 0; i--) {\n      const series = arrayOfSeries[i];\n      const datapoint = getHoveredDatapoint(\n        position,\n        series,\n        axisIdToScales,\n        datapointMetadataMap,\n        seriesToMetadata,\n        axisIdToScaleDomain,\n      );\n\n      if (!datapoint) {\n        continue;\n      }\n\n      return {\n        type: series.type,\n        distance: 0,\n        datapoint,\n        series,\n      };\n    }\n    return undefined;\n  }\n  return query;\n}\n\nexport type QueryAllHovered = (\n  arrayOfSeries: (RectSeriesWithDatapoints | BarSeriesWithDatapoints)[],\n  position: Point,\n) => SeriesQueryResult[];\n\nexport function buildQueryAllHovered(\n  axisIdToScales: AxisIdToScales,\n  datapointMetadataMap: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): QueryAllHovered {\n  return (arrayOfSeries, position) => {\n    const results: SeriesQueryResult[] = [];\n\n    for (const series of arrayOfSeries) {\n      const datapoint = getHoveredDatapoint(\n        position,\n        series,\n        axisIdToScales,\n        datapointMetadataMap,\n        seriesToMetadata,\n        axisIdToScaleDomain,\n      );\n\n      if (datapoint) {\n        results.push({\n          type: series.type,\n          distance: 0,\n          datapoint,\n          series,\n        } as SeriesQueryResult);\n      }\n    }\n\n    return results;\n  };\n}\n"],
+  "mappings": "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",
   "names": ["accessors"]
 }

package/esm/charts/xy-chart/utils/query-shared.js

@@ -0,0 +1,106 @@
+import { getClusterBoundariesAtPosition } from "../../core/utils/binary-search.js";
+import { safeGet } from "../../core/utils/safe-get.js";
+function buildQueryShared(sortedEntries, queryAllHovered, getBarPixelCenter, datapointMetadataMap) {
+  return function queryShared({
+    position,
+    rectSeriesData,
+    barSeriesData
+  }) {
+    const relative = position.relative;
+    const allRectsHovered = queryAllHovered(rectSeriesData, relative);
+    if (allRectsHovered.length > 0) {
+      return {
+        preferred: allRectsHovered.at(-1),
+        datapoints: allRectsHovered
+      };
+    }
+    const allBarsHovered = queryAllHovered(
+      barSeriesData,
+      relative
+    );
+    const lastHovered = allBarsHovered.at(-1);
+    const searchX = lastHovered ? getBarPixelCenter(lastHovered.series, lastHovered.datapoint).xPixel : relative.x;
+    const clusterEntries = sortedEntries ? findClosestClusterBinary(sortedEntries.bar, searchX) : findClosestClusterLinear(
+      barSeriesData,
+      datapointMetadataMap,
+      getBarPixelCenter,
+      searchX
+    );
+    if (clusterEntries.length === 0) {
+      return { preferred: void 0, datapoints: [] };
+    }
+    if (allBarsHovered.length === 0) {
+      const cursorY = relative.y;
+      const closestEntry = clusterEntries.reduce(
+        (closest, entry) => closest === void 0 || Math.abs(entry.yPixel - cursorY) < Math.abs(closest.yPixel - cursorY) ? entry : closest,
+        void 0
+      );
+      if (closestEntry?.result) {
+        allBarsHovered.push(closestEntry.result);
+      }
+    }
+    const preferred = allBarsHovered.at(-1);
+    const allowedBoundaries = allBarsHovered.length > 0 ? new Set(
+      allBarsHovered.map(
+        (b) => `${String(b.datapoint.x0)}-${String(b.datapoint.x1)}`
+      )
+    ) : void 0;
+    const filteredEntries = clusterEntries.filter(
+      (e) => allowedBoundaries === void 0 || allowedBoundaries.has(e.boundaries)
+    );
+    const datapoints = filteredEntries.map(
+      (e) => e.result
+    );
+    return { preferred, datapoints };
+  };
+}
+function findClosestClusterBinary(sorted, searchX) {
+  if (sorted.length === 0) {
+    return [];
+  }
+  const [left, right] = getClusterBoundariesAtPosition(
+    searchX,
+    sorted,
+    (e) => e.xPixel,
+    (e) => Math.round(e.xPixel)
+  );
+  if (left === -1) {
+    return [];
+  }
+  return sorted.slice(left, right + 1);
+}
+function findClosestClusterLinear(barSeriesData, datapointMetadataMap, getBarPixelCenter, searchX) {
+  const entries = [];
+  let closestKey;
+  let closestDistance = Infinity;
+  for (const series of barSeriesData) {
+    for (const datapoint of series.data) {
+      if (safeGet(datapointMetadataMap, datapoint).isGap) {
+        continue;
+      }
+      const { xPixel, yPixel, boundaries } = getBarPixelCenter(
+        series,
+        datapoint
+      );
+      entries.push({
+        xPixel,
+        yPixel,
+        boundaries,
+        result: { type: series.type, distance: 0, datapoint, series }
+      });
+      const distance = Math.abs(xPixel - searchX);
+      if (distance < closestDistance) {
+        closestDistance = distance;
+        closestKey = Math.round(xPixel);
+      }
+    }
+  }
+  if (closestKey === void 0) {
+    return [];
+  }
+  return entries.filter((e) => Math.round(e.xPixel) === closestKey);
+}
+export {
+  buildQueryShared
+};
+//# sourceMappingURL=query-shared.js.map

package/esm/charts/xy-chart/utils/query-shared.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/utils/query-shared.ts"],
+  "sourcesContent": ["import type {\n  BarSortedEntry,\n  GetBarPixelCenter,\n  SortedEntriesPerShape,\n} from './build-sorted-entries.js';\nimport type { QueryAllHovered } from './query-hovered.js';\nimport { getClusterBoundariesAtPosition } from '../../core/utils/binary-search.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type {\n  BarSeriesQueryResult,\n  HoverQuery,\n  HoverQueryArgs,\n  HoverQueryResult,\n  SeriesQueryResult,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport type {\n  BarSeriesWithDatapoints,\n  MapDatapoints,\n} from '../types/xy-chart-internals.js';\nexport function buildQueryShared(\n  sortedEntries: SortedEntriesPerShape | undefined,\n  queryAllHovered: QueryAllHovered,\n  getBarPixelCenter: GetBarPixelCenter,\n  datapointMetadataMap: MapDatapoints,\n): HoverQuery {\n  return function queryShared({\n    position,\n    rectSeriesData,\n    barSeriesData,\n  }: HoverQueryArgs): HoverQueryResult {\n    const relative = position.relative;\n\n    const allRectsHovered = queryAllHovered(rectSeriesData, relative);\n    if (allRectsHovered.length > 0) {\n      return {\n        preferred: allRectsHovered.at(-1),\n        datapoints: allRectsHovered,\n      };\n    }\n\n    const allBarsHovered = queryAllHovered(\n      barSeriesData,\n      relative,\n    ) as BarSeriesQueryResult[];\n\n    const lastHovered = allBarsHovered.at(-1);\n    const searchX = lastHovered\n      ? getBarPixelCenter(lastHovered.series, lastHovered.datapoint).xPixel\n      : relative.x;\n\n    // The sorted-entry build is debounced and `undefined` during the\n    // first few frames of a render. Fall back to a linear scan over\n    // `barSeriesData` so the tooltip works immediately on first hover.\n    const clusterEntries = sortedEntries\n      ? findClosestClusterBinary(sortedEntries.bar, searchX)\n      : findClosestClusterLinear(\n          barSeriesData,\n          datapointMetadataMap,\n          getBarPixelCenter,\n          searchX,\n        );\n\n    if (clusterEntries.length === 0) {\n      return { preferred: undefined, datapoints: [] };\n    }\n\n    if (allBarsHovered.length === 0) {\n      const cursorY = relative.y;\n      const closestEntry = clusterEntries.reduce<BarSortedEntry | undefined>(\n        (closest, entry) =>\n          closest === undefined ||\n          Math.abs(entry.yPixel - cursorY) < Math.abs(closest.yPixel - cursorY)\n            ? entry\n            : closest,\n        undefined,\n      );\n      if (closestEntry?.result) {\n        allBarsHovered.push(closestEntry.result);\n      }\n    }\n\n    const preferred = allBarsHovered.at(-1);\n\n    const allowedBoundaries =\n      allBarsHovered.length > 0\n        ? new Set(\n            allBarsHovered.map(\n              (b) => `${String(b.datapoint.x0)}-${String(b.datapoint.x1)}`,\n            ),\n          )\n        : undefined;\n\n    const filteredEntries = clusterEntries.filter(\n      (e) =>\n        allowedBoundaries === undefined || allowedBoundaries.has(e.boundaries),\n    );\n    const datapoints: SeriesQueryResult[] = filteredEntries.map(\n      (e) => e.result,\n    );\n\n    return { preferred, datapoints };\n  };\n}\n\nfunction findClosestClusterBinary(\n  sorted: BarSortedEntry[],\n  searchX: number,\n): BarSortedEntry[] {\n  if (sorted.length === 0) {\n    return [];\n  }\n\n  const [left, right] = getClusterBoundariesAtPosition(\n    searchX,\n    sorted,\n    (e) => e.xPixel,\n    (e) => Math.round(e.xPixel),\n  );\n\n  if (left === -1) {\n    return [];\n  }\n\n  return sorted.slice(left, right + 1);\n}\n\nfunction findClosestClusterLinear(\n  barSeriesData: BarSeriesWithDatapoints[],\n  datapointMetadataMap: MapDatapoints,\n  getBarPixelCenter: GetBarPixelCenter,\n  searchX: number,\n): BarSortedEntry[] {\n  const entries: BarSortedEntry[] = [];\n  let closestKey: number | undefined;\n  let closestDistance = Infinity;\n\n  for (const series of barSeriesData) {\n    for (const datapoint of series.data) {\n      if (safeGet(datapointMetadataMap, datapoint).isGap) {\n        continue;\n      }\n\n      const { xPixel, yPixel, boundaries } = getBarPixelCenter(\n        series,\n        datapoint,\n      );\n\n      entries.push({\n        xPixel,\n        yPixel,\n        boundaries,\n        result: { type: series.type, distance: 0, datapoint, series },\n      });\n\n      const distance = Math.abs(xPixel - searchX);\n\n      if (distance < closestDistance) {\n        closestDistance = distance;\n        closestKey = Math.round(xPixel);\n      }\n    }\n  }\n\n  if (closestKey === undefined) {\n    return [];\n  }\n  return entries.filter((e) => Math.round(e.xPixel) === closestKey);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/charts/xy-chart/utils/query-single.js

@@ -0,0 +1,36 @@
+import { getPrevailingShapeType } from "../components/overlay/utils/get-prevailing-shape-type.js";
+function buildQuerySingle(queryClosest, queryHovered) {
+  return function querySingle({
+    position,
+    dotSeriesData,
+    lineSeriesData,
+    areaSeriesData,
+    rectSeriesData,
+    barSeriesData
+  }) {
+    const relative = position.relative;
+    const results = {
+      dot: queryClosest(dotSeriesData, relative),
+      line: queryClosest(lineSeriesData, relative),
+      area: queryClosest(areaSeriesData, relative),
+      rect: queryHovered(rectSeriesData, relative),
+      bar: queryHovered(barSeriesData, relative)
+    };
+    const prevailingShape = getPrevailingShapeType(
+      results.dot?.distance,
+      results.line?.distance,
+      results.area?.distance,
+      !!results.rect,
+      !!results.bar
+    );
+    if (!prevailingShape || !results[prevailingShape]) {
+      return { preferred: void 0, datapoints: [] };
+    }
+    const preferred = results[prevailingShape];
+    return { preferred, datapoints: [preferred] };
+  };
+}
+export {
+  buildQuerySingle
+};
+//# sourceMappingURL=query-single.js.map

package/esm/charts/xy-chart/utils/query-single.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/utils/query-single.ts"],
+  "sourcesContent": ["import { getPrevailingShapeType } from '../components/overlay/utils/get-prevailing-shape-type.js';\nimport type {\n  HoverQuery,\n  HoverQueryArgs,\n  HoverQueryResult,\n  QueryClosest,\n  QueryHovered,\n} from '../context/XYChartOverlayPerformance.context.js';\n\n/**\n * Build the single-datapoint hover query.\n *\n * Runs closest-point queries on continuous series (dot/line/area) and\n * hovered queries on geometric series (rect/bar), then picks the\n * prevailing shape under the cursor.\n */\nexport function buildQuerySingle(\n  queryClosest: QueryClosest,\n  queryHovered: QueryHovered,\n): HoverQuery {\n  return function querySingle({\n    position,\n    dotSeriesData,\n    lineSeriesData,\n    areaSeriesData,\n    rectSeriesData,\n    barSeriesData,\n  }: HoverQueryArgs): HoverQueryResult {\n    const relative = position.relative;\n    const results = {\n      dot: queryClosest(dotSeriesData, relative),\n      line: queryClosest(lineSeriesData, relative),\n      area: queryClosest(areaSeriesData, relative),\n      rect: queryHovered(rectSeriesData, relative),\n      bar: queryHovered(barSeriesData, relative),\n    };\n\n    const prevailingShape = getPrevailingShapeType(\n      results.dot?.distance,\n      results.line?.distance,\n      results.area?.distance,\n      !!results.rect,\n      !!results.bar,\n    );\n\n    if (!prevailingShape || !results[prevailingShape]) {\n      return { preferred: undefined, datapoints: [] };\n    }\n\n    const preferred = results[prevailingShape];\n    return { preferred, datapoints: [preferred] };\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,8BAA8B;AAgBhC,SAAS,iBACd,cACA,cACY;AACZ,SAAO,SAAS,YAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAAqC;AACnC,UAAM,WAAW,SAAS;AAC1B,UAAM,UAAU;AAAA,MACd,KAAK,aAAa,eAAe,QAAQ;AAAA,MACzC,MAAM,aAAa,gBAAgB,QAAQ;AAAA,MAC3C,MAAM,aAAa,gBAAgB,QAAQ;AAAA,MAC3C,MAAM,aAAa,gBAAgB,QAAQ;AAAA,MAC3C,KAAK,aAAa,eAAe,QAAQ;AAAA,IAC3C;AAEA,UAAM,kBAAkB;AAAA,MACtB,QAAQ,KAAK;AAAA,MACb,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,MACd,CAAC,CAAC,QAAQ;AAAA,MACV,CAAC,CAAC,QAAQ;AAAA,IACZ;AAEA,QAAI,CAAC,mBAAmB,CAAC,QAAQ,eAAe,GAAG;AACjD,aAAO,EAAE,WAAW,QAAW,YAAY,CAAC,EAAE;AAAA,IAChD;AAEA,UAAM,YAAY,QAAQ,eAAe;AACzC,WAAO,EAAE,WAAW,YAAY,CAAC,SAAS,EAAE;AAAA,EAC9C;AACF;",
+  "names": []
+}

package/esm/charts/xy-chart/utils/xy-chart-configuration.js

@@ -18,7 +18,7 @@ import {
 } from "../constants/defaults.js";
 import {
   DEFAULT_CUSTOM_TOOLTIP_CONFIG
-} from "../context/XYChartCustomTooltip.context.js";
+} from "../context/XYChartTooltip.context.js";
 import { XYAxisMapper } from "../types/axis.js";
 import {
   NUMERICAL_SCALE_TYPE
@@ -78,7 +78,8 @@ function getCustomTooltipConfiguration(slotsCustomTooltip, contextCustomTooltip)
   }
   return {
     ...DEFAULT_CUSTOM_TOOLTIP_CONFIG,
-    hidden: contextCustomTooltip?.hidden ?? DEFAULT_CUSTOM_TOOLTIP_CONFIG.hidden
+    hidden: contextCustomTooltip?.hidden ?? DEFAULT_CUSTOM_TOOLTIP_CONFIG.hidden,
+    variant: "single"
   };
 }
 const createXYChartConfiguration = (slots, contextConfig, rootProps) => {

package/esm/charts/xy-chart/utils/xy-chart-configuration.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/xy-chart-configuration.ts"],
-  "sourcesContent": ["import { isEmpty, merge } from 'lodash-es';\n\nimport { interactionsFor } from './axis-interactions.js';\nimport { doesNothing } from './defaults.js';\nimport { isXAxis } from './is-axis.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { TRUNCATION_MODE } from '../../core/constants.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { isCustomColorPalette } from '../../core/types/color-palette.js';\nimport { isColoredRangeArray } from '../../core/types/colored-range.js';\nimport { ChartTooltipConfigProps } from '../../core/types/tooltip.js';\nimport { isValidColorPalette } from '../../core/utils/is-valid-color-palette.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { isValidToolbarPlacement } from '../../core/utils/is-valid-toolbar-placement.js';\nimport { buildThresholds } from '../components/thresholds/builder.js';\nimport {\n  DEFAULT_AXIS_CONFIG,\n  defaultConfig,\n  defaultLegend,\n  defaultToolbar,\n} from '../constants/defaults.js';\nimport { XYChartAnnotationsConfigProps } from '../context/XYChartAnnotationsConfig.context.js';\nimport {\n  DEFAULT_CUSTOM_TOOLTIP_CONFIG,\n  XYChartCustomTooltipConfig,\n} from '../context/XYChartCustomTooltip.context.js';\nimport { XYAxisMapper } from '../types/axis.js';\nimport {\n  type ExportableXYChartProps,\n  type XYChartAxisInternal,\n  type XYChartInternals,\n  type XYChartSeriesBasePropsExtended,\n  type XYChartSlots,\n} from '../types/xy-chart-internals.js';\nimport type {\n  XYChartAxisProps,\n  XYChartChartLegendProps,\n  XYChartConfigProperties,\n  XYChartSelectConfig,\n  XYChartToolbarConfigProps,\n  XYChartToolbarSlotProps,\n} from '../types/xy-chart-props.js';\nimport {\n  NUMERICAL_SCALE_TYPE,\n  type XYChartColorPalette,\n} from '../types/xy-chart.js';\n\n/**\n * Builds a legend configuration based on context and slots\n * @param slotsLegend - legend slots\n * @param contextLegend - legend context\n */\nfunction getLegendConfiguration(\n  slotsLegend: XYChartChartLegendProps,\n  contextLegend: XYChartChartLegendProps | undefined,\n): XYChartChartLegendProps {\n  const legendConfig: XYChartChartLegendProps = merge(\n    {},\n    defaultLegend,\n    contextLegend,\n    slotsLegend,\n  );\n\n  legendConfig.position = isValidLegendPosition(legendConfig.position)\n    ? legendConfig.position\n    : defaultLegend.position;\n\n  return legendConfig;\n}\n\nfunction getToolbarConfiguration(\n  slotsToolbar: XYChartToolbarSlotProps,\n  contextToolbar: XYChartToolbarConfigProps | undefined,\n) {\n  const toolbarConfig = merge({}, defaultToolbar, contextToolbar, slotsToolbar);\n\n  toolbarConfig.placement = isValidToolbarPlacement(toolbarConfig.placement)\n    ? toolbarConfig.placement\n    : defaultToolbar.placement;\n\n  return toolbarConfig;\n}\n\nfunction getAxesWithSeries(\n  axisSlots: XYChartAxisInternal[],\n  series: XYChartSeriesBasePropsExtended[],\n) {\n  let axesConfig: XYChartAxisInternal[] = [];\n  const matchingIds = new Set();\n\n  axisSlots.forEach((axis) => {\n    const isAlreadyDefined = matchingIds.has(axis.id);\n\n    if (isAlreadyDefined) {\n      return;\n    }\n\n    const hasMatchingSeriesId = series.find((series) => {\n      return isXAxis(axis)\n        ? series.xAxisId === axis.id\n        : series.yAxisId === axis.id;\n    });\n\n    if (hasMatchingSeriesId) {\n      matchingIds.add(axis.id);\n      axesConfig = [...axesConfig, axis];\n    }\n  });\n\n  return axesConfig;\n}\n\n/**\n * Builds a ColorPalette configuration based on context and props\n * @param contextColorPalette - color palette context\n * @param propsColorPalette - color palette props\n */\nfunction getColorPaletteConfiguration(\n  contextColorPalette?: XYChartColorPalette,\n  propsColorPalette?: XYChartColorPalette,\n) {\n  const colorPalette = propsColorPalette ?? contextColorPalette ?? undefined;\n\n  if (!colorPalette) {\n    return undefined;\n  }\n\n  return isColoredRangeArray(colorPalette) ||\n    isCustomColorPalette(colorPalette) ||\n    isValidColorPalette(colorPalette)\n    ? colorPalette\n    : undefined;\n}\n\nexport function getTruncationModeConfiguration(\n  contextTruncationMode?: TruncationMode,\n  propsTruncationMode?: TruncationMode,\n) {\n  return propsTruncationMode ?? contextTruncationMode ?? TRUNCATION_MODE.Middle;\n}\n\nexport function getXYChartAnnotationsConfiguration(\n  slotsAnnotations?: XYChartAnnotationsConfigProps,\n  configAnnotations?: XYChartAnnotationsConfigProps,\n) {\n  if (isEmpty(slotsAnnotations) && !configAnnotations) {\n    return undefined;\n  }\n  return merge({}, configAnnotations, slotsAnnotations);\n}\n\nfunction getCustomTooltipConfiguration(\n  slotsCustomTooltip: XYChartCustomTooltipConfig | undefined,\n  contextCustomTooltip: ChartTooltipConfigProps | undefined,\n): XYChartCustomTooltipConfig {\n  if (slotsCustomTooltip !== undefined) {\n    return slotsCustomTooltip;\n  }\n  return {\n    ...DEFAULT_CUSTOM_TOOLTIP_CONFIG,\n    hidden:\n      contextCustomTooltip?.hidden ?? DEFAULT_CUSTOM_TOOLTIP_CONFIG.hidden,\n  };\n}\n\n/**\n * Creates a XY chart configuration merging the configuration\n * provided in the context config, slots, and defaults.\n * @param slots - xy chart slots\n * @param contextConfig - config pass in config context\n * @param rootProps - Config props passed in root component level\n */\nexport type XYChartConfig = Omit<\n  Required<XYChartConfigProperties>,\n  'annotations' | 'select' | 'colorPalette' | 'tooltip'\n> & {\n  annotations?: XYChartAnnotationsConfigProps;\n  select?: XYChartSelectConfig;\n  colorPalette?: XYChartColorPalette;\n  tooltip: XYChartCustomTooltipConfig;\n};\n\nexport const createXYChartConfiguration = (\n  slots: XYChartSlots,\n  contextConfig: XYChartConfigProperties,\n  rootProps: ExportableXYChartProps,\n): XYChartConfig => {\n  const colorPalette = getColorPaletteConfiguration(\n    contextConfig.colorPalette,\n    rootProps?.colorPalette,\n  );\n\n  const truncationMode = getTruncationModeConfiguration(\n    contextConfig.truncationMode,\n    rootProps?.truncationMode,\n  );\n\n  const legend = getLegendConfiguration(slots.legend, contextConfig.legend);\n  const xAxes = getAxes(slots.xAxes, contextConfig.xAxes);\n  const yAxes = getAxes(slots.yAxes, contextConfig.yAxes);\n  const toolbar = getToolbarConfiguration(slots.toolbar, contextConfig.toolbar);\n  const annotations = getXYChartAnnotationsConfiguration(\n    slots.annotations,\n    contextConfig.annotations,\n  );\n  const select = slots.select || undefined;\n  const thresholdIndicators = [\n    ...slots.thresholds,\n    ...(contextConfig.thresholdIndicators || []),\n  ];\n  const colorRules = (contextConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n  const tooltip = getCustomTooltipConfiguration(\n    slots.tooltip,\n    contextConfig.tooltip,\n  );\n\n  return {\n    colorPalette,\n    legend,\n    toolbar,\n    truncationMode,\n    xAxes,\n    yAxes,\n    thresholdIndicators,\n    annotations,\n    select,\n    colorRules,\n    tooltip,\n    customTooltip: {},\n  };\n};\n\nexport function getAxes<T extends XYChartAxisProps>(\n  slotAxes: T[],\n  contextAxes: T[] | undefined,\n): T[] {\n  const configContextAxes = contextAxes ?? [];\n  const ids = new Set<string>();\n  const axesConfig = [...slotAxes, ...configContextAxes];\n\n  return axesConfig.reduce<T[]>((acc: T[], axis: T) => {\n    if (!ids.has(axis.id)) {\n      acc.push({ ...DEFAULT_AXIS_CONFIG, ...axis });\n      ids.add(axis.id);\n    }\n\n    return acc;\n  }, []);\n}\n\nexport const deserializeConfig = (\n  serializedConfig: string,\n): XYChartConfigProperties => {\n  try {\n    return merge({}, defaultConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultConfig;\n  }\n};\n\ntype InternalConfig = {\n  xAxes: XYChartSlots['xAxes'];\n  yAxes: XYChartSlots['yAxes'];\n  thresholdIndicators: XYChartSlots['thresholds'];\n};\ntype InternalSlots = {\n  series: XYChartSlots['series'];\n};\ntype BuildInternalConfig = (\n  config: InternalConfig,\n  slots: InternalSlots,\n) => XYChartInternals;\n\nexport const buildInternalConfig: BuildInternalConfig = (config, slots) => {\n  const yAxes = config.yAxes.map((axis) => ({\n    ...axis,\n    coordinate: 'y',\n    tickLabelLayout: 'horizontal',\n    type: XYAxisMapper[axis.type],\n    interactions: { zoom: false, pan: false, infinite: false },\n    onZoomChange: doesNothing,\n    isRelative:\n      axis.type === NUMERICAL_SCALE_TYPE &&\n      axis.valueRepresentation === 'relative',\n  }));\n\n  const xAxes = config.xAxes.map((axis) => ({\n    ...axis,\n    coordinate: 'x' as const,\n    tickLabelLayout: axis.tickLabelLayout ?? 'horizontal',\n    type: XYAxisMapper[axis.type],\n    interactions: interactionsFor(axis),\n    onZoomChange: axis.onZoomChange ?? doesNothing,\n    isRelative:\n      axis.type === NUMERICAL_SCALE_TYPE &&\n      axis.valueRepresentation === 'relative',\n  }));\n\n  const axes = getAxesWithSeries(\n    [...yAxes, ...xAxes] as XYChartAxisInternal[],\n    slots.series,\n  );\n\n  const thresholds = buildThresholds(yAxes, xAxes, config.thresholdIndicators);\n\n  return { series: slots.series, axes, thresholds };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isEmpty, merge } from 'lodash-es';\n\nimport { interactionsFor } from './axis-interactions.js';\nimport { doesNothing } from './defaults.js';\nimport { isXAxis } from './is-axis.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { TRUNCATION_MODE } from '../../core/constants.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { isCustomColorPalette } from '../../core/types/color-palette.js';\nimport { isColoredRangeArray } from '../../core/types/colored-range.js';\nimport type { ChartTooltipConfigProps } from '../../core/types/tooltip.js';\nimport { isValidColorPalette } from '../../core/utils/is-valid-color-palette.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { isValidToolbarPlacement } from '../../core/utils/is-valid-toolbar-placement.js';\nimport { buildThresholds } from '../components/thresholds/builder.js';\nimport {\n  DEFAULT_AXIS_CONFIG,\n  defaultConfig,\n  defaultLegend,\n  defaultToolbar,\n} from '../constants/defaults.js';\nimport { XYChartAnnotationsConfigProps } from '../context/XYChartAnnotationsConfig.context.js';\nimport {\n  DEFAULT_CUSTOM_TOOLTIP_CONFIG,\n  XYChartTooltipConfig,\n} from '../context/XYChartTooltip.context.js';\nimport { XYAxisMapper } from '../types/axis.js';\nimport {\n  type ExportableXYChartProps,\n  type XYChartAxisInternal,\n  type XYChartInternals,\n  type XYChartSeriesBasePropsExtended,\n  type XYChartSlots,\n} from '../types/xy-chart-internals.js';\nimport type {\n  XYChartAxisProps,\n  XYChartChartLegendProps,\n  XYChartConfigProperties,\n  XYChartSelectConfig,\n  XYChartToolbarConfigProps,\n  XYChartToolbarSlotProps,\n} from '../types/xy-chart-props.js';\nimport {\n  NUMERICAL_SCALE_TYPE,\n  type XYChartColorPalette,\n} from '../types/xy-chart.js';\n\n/**\n * Builds a legend configuration based on context and slots\n * @param slotsLegend - legend slots\n * @param contextLegend - legend context\n */\nfunction getLegendConfiguration(\n  slotsLegend: XYChartChartLegendProps,\n  contextLegend: XYChartChartLegendProps | undefined,\n): XYChartChartLegendProps {\n  const legendConfig: XYChartChartLegendProps = merge(\n    {},\n    defaultLegend,\n    contextLegend,\n    slotsLegend,\n  );\n\n  legendConfig.position = isValidLegendPosition(legendConfig.position)\n    ? legendConfig.position\n    : defaultLegend.position;\n\n  return legendConfig;\n}\n\nfunction getToolbarConfiguration(\n  slotsToolbar: XYChartToolbarSlotProps,\n  contextToolbar: XYChartToolbarConfigProps | undefined,\n) {\n  const toolbarConfig = merge({}, defaultToolbar, contextToolbar, slotsToolbar);\n\n  toolbarConfig.placement = isValidToolbarPlacement(toolbarConfig.placement)\n    ? toolbarConfig.placement\n    : defaultToolbar.placement;\n\n  return toolbarConfig;\n}\n\nfunction getAxesWithSeries(\n  axisSlots: XYChartAxisInternal[],\n  series: XYChartSeriesBasePropsExtended[],\n) {\n  let axesConfig: XYChartAxisInternal[] = [];\n  const matchingIds = new Set();\n\n  axisSlots.forEach((axis) => {\n    const isAlreadyDefined = matchingIds.has(axis.id);\n\n    if (isAlreadyDefined) {\n      return;\n    }\n\n    const hasMatchingSeriesId = series.find((series) => {\n      return isXAxis(axis)\n        ? series.xAxisId === axis.id\n        : series.yAxisId === axis.id;\n    });\n\n    if (hasMatchingSeriesId) {\n      matchingIds.add(axis.id);\n      axesConfig = [...axesConfig, axis];\n    }\n  });\n\n  return axesConfig;\n}\n\n/**\n * Builds a ColorPalette configuration based on context and props\n * @param contextColorPalette - color palette context\n * @param propsColorPalette - color palette props\n */\nfunction getColorPaletteConfiguration(\n  contextColorPalette?: XYChartColorPalette,\n  propsColorPalette?: XYChartColorPalette,\n) {\n  const colorPalette = propsColorPalette ?? contextColorPalette ?? undefined;\n\n  if (!colorPalette) {\n    return undefined;\n  }\n\n  return isColoredRangeArray(colorPalette) ||\n    isCustomColorPalette(colorPalette) ||\n    isValidColorPalette(colorPalette)\n    ? colorPalette\n    : undefined;\n}\n\nexport function getTruncationModeConfiguration(\n  contextTruncationMode?: TruncationMode,\n  propsTruncationMode?: TruncationMode,\n) {\n  return propsTruncationMode ?? contextTruncationMode ?? TRUNCATION_MODE.Middle;\n}\n\nexport function getXYChartAnnotationsConfiguration(\n  slotsAnnotations?: XYChartAnnotationsConfigProps,\n  configAnnotations?: XYChartAnnotationsConfigProps,\n) {\n  if (isEmpty(slotsAnnotations) && !configAnnotations) {\n    return undefined;\n  }\n  return merge({}, configAnnotations, slotsAnnotations);\n}\n\nfunction getCustomTooltipConfiguration(\n  slotsCustomTooltip: XYChartTooltipConfig | undefined,\n  contextCustomTooltip: ChartTooltipConfigProps | undefined,\n): XYChartTooltipConfig {\n  if (slotsCustomTooltip !== undefined) {\n    return slotsCustomTooltip;\n  }\n  return {\n    ...DEFAULT_CUSTOM_TOOLTIP_CONFIG,\n    hidden:\n      contextCustomTooltip?.hidden ?? DEFAULT_CUSTOM_TOOLTIP_CONFIG.hidden,\n    variant: 'single',\n  };\n}\n\n/**\n * Creates a XY chart configuration merging the configuration\n * provided in the context config, slots, and defaults.\n * @param slots - xy chart slots\n * @param contextConfig - config pass in config context\n * @param rootProps - Config props passed in root component level\n */\nexport type XYChartConfig = Omit<\n  Required<XYChartConfigProperties>,\n  'annotations' | 'select' | 'colorPalette' | 'tooltip'\n> & {\n  annotations?: XYChartAnnotationsConfigProps;\n  select?: XYChartSelectConfig;\n  colorPalette?: XYChartColorPalette;\n  tooltip: XYChartTooltipConfig;\n};\n\nexport const createXYChartConfiguration = (\n  slots: XYChartSlots,\n  contextConfig: XYChartConfigProperties,\n  rootProps: ExportableXYChartProps,\n): XYChartConfig => {\n  const colorPalette = getColorPaletteConfiguration(\n    contextConfig.colorPalette,\n    rootProps?.colorPalette,\n  );\n\n  const truncationMode = getTruncationModeConfiguration(\n    contextConfig.truncationMode,\n    rootProps?.truncationMode,\n  );\n\n  const legend = getLegendConfiguration(slots.legend, contextConfig.legend);\n  const xAxes = getAxes(slots.xAxes, contextConfig.xAxes);\n  const yAxes = getAxes(slots.yAxes, contextConfig.yAxes);\n  const toolbar = getToolbarConfiguration(slots.toolbar, contextConfig.toolbar);\n  const annotations = getXYChartAnnotationsConfiguration(\n    slots.annotations,\n    contextConfig.annotations,\n  );\n  const select = slots.select || undefined;\n  const thresholdIndicators = [\n    ...slots.thresholds,\n    ...(contextConfig.thresholdIndicators || []),\n  ];\n  const colorRules = (contextConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n  const tooltip = getCustomTooltipConfiguration(\n    slots.tooltip,\n    contextConfig.tooltip,\n  );\n\n  return {\n    colorPalette,\n    legend,\n    toolbar,\n    truncationMode,\n    xAxes,\n    yAxes,\n    thresholdIndicators,\n    annotations,\n    select,\n    colorRules,\n    tooltip,\n    customTooltip: {},\n  };\n};\n\nexport function getAxes<T extends XYChartAxisProps>(\n  slotAxes: T[],\n  contextAxes: T[] | undefined,\n): T[] {\n  const configContextAxes = contextAxes ?? [];\n  const ids = new Set<string>();\n  const axesConfig = [...slotAxes, ...configContextAxes];\n\n  return axesConfig.reduce<T[]>((acc: T[], axis: T) => {\n    if (!ids.has(axis.id)) {\n      acc.push({ ...DEFAULT_AXIS_CONFIG, ...axis });\n      ids.add(axis.id);\n    }\n\n    return acc;\n  }, []);\n}\n\nexport const deserializeConfig = (\n  serializedConfig: string,\n): XYChartConfigProperties => {\n  try {\n    return merge({}, defaultConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultConfig;\n  }\n};\n\ntype InternalConfig = {\n  xAxes: XYChartSlots['xAxes'];\n  yAxes: XYChartSlots['yAxes'];\n  thresholdIndicators: XYChartSlots['thresholds'];\n};\ntype InternalSlots = {\n  series: XYChartSlots['series'];\n};\ntype BuildInternalConfig = (\n  config: InternalConfig,\n  slots: InternalSlots,\n) => XYChartInternals;\n\nexport const buildInternalConfig: BuildInternalConfig = (config, slots) => {\n  const yAxes = config.yAxes.map((axis) => ({\n    ...axis,\n    coordinate: 'y',\n    tickLabelLayout: 'horizontal',\n    type: XYAxisMapper[axis.type],\n    interactions: { zoom: false, pan: false, infinite: false },\n    onZoomChange: doesNothing,\n    isRelative:\n      axis.type === NUMERICAL_SCALE_TYPE &&\n      axis.valueRepresentation === 'relative',\n  }));\n\n  const xAxes = config.xAxes.map((axis) => ({\n    ...axis,\n    coordinate: 'x' as const,\n    tickLabelLayout: axis.tickLabelLayout ?? 'horizontal',\n    type: XYAxisMapper[axis.type],\n    interactions: interactionsFor(axis),\n    onZoomChange: axis.onZoomChange ?? doesNothing,\n    isRelative:\n      axis.type === NUMERICAL_SCALE_TYPE &&\n      axis.valueRepresentation === 'relative',\n  }));\n\n  const axes = getAxesWithSeries(\n    [...yAxes, ...xAxes] as XYChartAxisInternal[],\n    slots.series,\n  );\n\n  const thresholds = buildThresholds(yAxes, xAxes, config.thresholdIndicators);\n\n  return { series: slots.series, axes, thresholds };\n};\n"],
+  "mappings": "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",
   "names": ["series"]
 }

package/esm/charts/xy-chart-adoption/histogram/HistogramToXY.js

@@ -97,6 +97,7 @@ const HistogramToXY = forwardRef((props, forwardedRef) => {
   );
   const annotations = config.annotations;
   const xAxisId = "x-axis";
+  const tooltipVariant = config.tooltip.variant === "single" ? "single" : "shared";
   return /* @__PURE__ */ jsxs(
     XYChart,
     {
@@ -113,6 +114,7 @@ const HistogramToXY = forwardRef((props, forwardedRef) => {
       truncationMode: config.truncationMode,
       __downloadDataCallback: downloadDataCallback,
       children: [
+        /* @__PURE__ */ jsx(XYChart.Tooltip, { _variant: tooltipVariant }),
         errorState && /* @__PURE__ */ jsx(XYChart.ErrorState, { children: errorState }),
         emptyState && /* @__PURE__ */ jsx(XYChart.EmptyState, { children: emptyState }),
         selectActions ? /* @__PURE__ */ jsx(

package/esm/charts/xy-chart-adoption/histogram/HistogramToXY.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/histogram/HistogramToXY.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { useHistogramToXYColorRules } from './hooks/use-histogram-to-xy-color-rules.js';\nimport {\n  ANNOTATIONS_KEYS,\n  transformHistogramAnnotationsToXY,\n} from './transformer-annotations-to-xy.js';\nimport { transformHistogramDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  mapSelectedSeriesToHistogram,\n  mapSelectionDomainToHistogramDomains,\n} from './transformer-selection-to-histogram.js';\nimport { mapHistogramSeriesActionsToXY } from './transformer-series-actions-to-xy.js';\nimport { mapHistogramThresholdsToXY } from './transformer-thresholds-to-xy.js';\nimport { buildYAxisProps } from './utils/axis-props-mapping.js';\nimport { buildHistogramImperativeHandle } from './utils/build-histogram-imperative-handle.js';\nimport { buildYAxesConfigFromConfig } from './utils/build-y-axes-config.js';\nimport { defineAxisId } from './utils/define-axis-id.js';\nimport { deriveXYChartPropsFromConfig } from './utils/derive-xychart-props-from-config.js';\nimport { formatCSV } from './utils/format-csv.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport type { IndicatorsDisplay } from '../../core/components/annotations/components/indicators/types.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { useHistogramChartConfig } from '../../histogram/hooks/useHistogramChartConfig.js';\nimport type { HistogramChartProps } from '../../histogram/types/histogram-props.js';\nimport type { HistogramChartRef } from '../../histogram/types/histogram-ref.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart, XYChartAnnotations } from '../../xy-chart/XYChartRoot.js';\n\ntype AnnotationsKey = (typeof ANNOTATIONS_KEYS)[keyof typeof ANNOTATIONS_KEYS];\nconst getAnnotationField = <T,>(d: unknown, key: AnnotationsKey): T =>\n  (d as Record<string, unknown>)[key] as T;\n\nexport const HistogramToXY = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const {\n    data: propsData,\n    loading,\n    children,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n    valueRepresentation,\n    seriesActions,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  } = props;\n\n  const config = useHistogramChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n\n  const { barSeriesProps, units, seriesColors } =\n    transformHistogramDataToXYChart(propsData);\n\n  const allColorRules = useHistogramToXYColorRules({\n    data: propsData,\n    seriesColors,\n    colorRules: config.colorRules,\n  });\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const downloadDataCallback = useCallback(() => {\n    const csvString = formatCSV(propsData);\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  }, [propsData]);\n\n  const selectActions = config.select?.actions;\n  const mappedSeriesActions = useMemo(\n    () =>\n      seriesActions\n        ? mapHistogramSeriesActionsToXY(seriesActions, propsData)\n        : undefined,\n    [seriesActions, propsData],\n  );\n\n  const yAxesConfig = buildYAxesConfigFromConfig(config);\n\n  const mappedThresholds = useMemo(\n    () => mapHistogramThresholdsToXY(config.thresholds, [...units]),\n    [config.thresholds, units],\n  );\n\n  const {\n    xAxisConfig,\n    disableZoom,\n    disablePan,\n    toolbarEnabled,\n    toolbarPlacement,\n    toolbarIntents,\n    onZoomChange: effectiveOnZoomChange,\n  } = deriveXYChartPropsFromConfig(config, onZoomChange);\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildHistogramImperativeHandle(xyRef, config),\n    [config],\n  );\n\n  const annotations = config.annotations;\n  const xAxisId = 'x-axis';\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={config.colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={config.truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n    >\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) =>\n            selectActions(\n              mapSelectedSeriesToHistogram(selectedSeries),\n              mapSelectionDomainToHistogramDomains(selectionDomain),\n            )\n          }\n        />\n      ) : null}\n      {barSeriesProps.map(({ data, unit }, index) => (\n        <XYChart.BarSeries\n          key={index}\n          data={data}\n          xAxisId={xAxisId}\n          yAxisId={defineAxisId(unit)}\n          x0Accessor=\"x0\"\n          x1Accessor=\"x1\"\n          y1Accessor=\"y1\"\n          variant={\n            config.valueRepresentation === 'relative' && propsData.length === 1\n              ? 'single'\n              : 'stack'\n          }\n          seriesIdAccessor=\"seriesId\"\n          nameAccessor=\"name\"\n          actions={mappedSeriesActions}\n        />\n      ))}\n      <XYChart.XAxis\n        id={xAxisId}\n        type={xAxisConfig.scale === 'log' ? 'log' : 'numerical'}\n        position=\"bottom\"\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={config.initialZoom as [number, number]}\n        currentZoom={config.currentZoom as [number, number]}\n        onZoomChange={effectiveOnZoomChange}\n        infiniteZoom={config.infiniteZoom}\n        {...xAxisConfig}\n      />\n      {[...units].map((unit, index) => (\n        <XYChart.YAxis\n          key={defineAxisId(unit)}\n          {...buildYAxisProps(\n            index,\n            unit,\n            yAxesConfig,\n            config.valueRepresentation,\n          )}\n        />\n      ))}\n      <XYChart.Legend {...config.legend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      {mappedThresholds.map((threshold) => (\n        <XYChart.ThresholdIndicator\n          key={`${threshold.yAxisId}-${threshold.color}-${\n            threshold.label ?? ''\n          }`}\n          {...threshold}\n        />\n      ))}\n      <XYChart.Toolbar hidden={!toolbarEnabled} placement={toolbarPlacement} />\n      {toolbarIntents?.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {annotations && (\n        <XYChart.Annotations\n          data={transformHistogramAnnotationsToXY(annotations.tracks)}\n          xAxisId={xAxisId}\n          showLabels={annotations.showLabels}\n          fixedTracks={annotations.visibleTracksLimit}\n          annotationsActions={annotations.annotationsActions}\n        >\n          <XYChartAnnotations.Track\n            trackIdAccessor={ANNOTATIONS_KEYS.trackId}\n            labelAccessor={ANNOTATIONS_KEYS.trackLabel}\n            colorAccessor={ANNOTATIONS_KEYS.trackColor}\n            hidden={(d) =>\n              getAnnotationField<boolean>(d, ANNOTATIONS_KEYS.trackHidden)\n            }\n            symbol={(d) =>\n              getAnnotationField<ReactNode>(d, ANNOTATIONS_KEYS.trackSymbol)\n            }\n            indicatorsDisplay={(d) =>\n              getAnnotationField<IndicatorsDisplay>(\n                d,\n                ANNOTATIONS_KEYS.trackIndicators,\n              )\n            }\n          />\n          <XYChartAnnotations.Marker\n            startAccessor={ANNOTATIONS_KEYS.markerStart}\n            endAccessor={ANNOTATIONS_KEYS.markerEnd}\n            trackByAccessor={ANNOTATIONS_KEYS.trackId}\n            titleAccessor={ANNOTATIONS_KEYS.markerTitle}\n            descriptionAccessor={ANNOTATIONS_KEYS.markerDescription}\n            colorAccessor={ANNOTATIONS_KEYS.markerColor}\n            hidden={(d) =>\n              getAnnotationField<boolean>(d, ANNOTATIONS_KEYS.markerHidden)\n            }\n            symbol={(d) =>\n              getAnnotationField<ReactNode>(d, ANNOTATIONS_KEYS.markerSymbol)\n            }\n            indicatorsDisplay={(d) =>\n              getAnnotationField<IndicatorsDisplay>(\n                d,\n                ANNOTATIONS_KEYS.markerIndicators,\n              )\n            }\n            priority={(d) =>\n              getAnnotationField<number>(d, ANNOTATIONS_KEYS.markerPriority)\n            }\n          />\n          {annotations.tooltip?.template && (\n            <XYChartAnnotations.Tooltip hidden={annotations.tooltip.hidden}>\n              {annotations.tooltip.template}\n            </XYChartAnnotations.Tooltip>\n          )}\n        </XYChart.Annotations>\n      )}\n    </XYChart>\n  );\n});\n\n(\n  HistogramToXY as typeof HistogramToXY & {\n    displayName: string;\n  }\n).displayName = 'HistogramToXY';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  forwardRef,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { useHistogramToXYColorRules } from './hooks/use-histogram-to-xy-color-rules.js';\nimport {\n  ANNOTATIONS_KEYS,\n  transformHistogramAnnotationsToXY,\n} from './transformer-annotations-to-xy.js';\nimport { transformHistogramDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  mapSelectedSeriesToHistogram,\n  mapSelectionDomainToHistogramDomains,\n} from './transformer-selection-to-histogram.js';\nimport { mapHistogramSeriesActionsToXY } from './transformer-series-actions-to-xy.js';\nimport { mapHistogramThresholdsToXY } from './transformer-thresholds-to-xy.js';\nimport { buildYAxisProps } from './utils/axis-props-mapping.js';\nimport { buildHistogramImperativeHandle } from './utils/build-histogram-imperative-handle.js';\nimport { buildYAxesConfigFromConfig } from './utils/build-y-axes-config.js';\nimport { defineAxisId } from './utils/define-axis-id.js';\nimport { deriveXYChartPropsFromConfig } from './utils/derive-xychart-props-from-config.js';\nimport { formatCSV } from './utils/format-csv.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport type { IndicatorsDisplay } from '../../core/components/annotations/components/indicators/types.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { useHistogramChartConfig } from '../../histogram/hooks/useHistogramChartConfig.js';\nimport type { HistogramChartProps } from '../../histogram/types/histogram-props.js';\nimport type { HistogramChartRef } from '../../histogram/types/histogram-ref.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart, XYChartAnnotations } from '../../xy-chart/XYChartRoot.js';\n\ntype AnnotationsKey = (typeof ANNOTATIONS_KEYS)[keyof typeof ANNOTATIONS_KEYS];\nconst getAnnotationField = <T,>(d: unknown, key: AnnotationsKey): T =>\n  (d as Record<string, unknown>)[key] as T;\n\nexport const HistogramToXY = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const {\n    data: propsData,\n    loading,\n    children,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n    valueRepresentation,\n    seriesActions,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  } = props;\n\n  const config = useHistogramChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n\n  const { barSeriesProps, units, seriesColors } =\n    transformHistogramDataToXYChart(propsData);\n\n  const allColorRules = useHistogramToXYColorRules({\n    data: propsData,\n    seriesColors,\n    colorRules: config.colorRules,\n  });\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const downloadDataCallback = useCallback(() => {\n    const csvString = formatCSV(propsData);\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  }, [propsData]);\n\n  const selectActions = config.select?.actions;\n  const mappedSeriesActions = useMemo(\n    () =>\n      seriesActions\n        ? mapHistogramSeriesActionsToXY(seriesActions, propsData)\n        : undefined,\n    [seriesActions, propsData],\n  );\n\n  const yAxesConfig = buildYAxesConfigFromConfig(config);\n\n  const mappedThresholds = useMemo(\n    () => mapHistogramThresholdsToXY(config.thresholds, [...units]),\n    [config.thresholds, units],\n  );\n\n  const {\n    xAxisConfig,\n    disableZoom,\n    disablePan,\n    toolbarEnabled,\n    toolbarPlacement,\n    toolbarIntents,\n    onZoomChange: effectiveOnZoomChange,\n  } = deriveXYChartPropsFromConfig(config, onZoomChange);\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildHistogramImperativeHandle(xyRef, config),\n    [config],\n  );\n\n  const annotations = config.annotations;\n  const xAxisId = 'x-axis';\n  // 'grouped' is a Histogram-only variant \u2014 XYChart only knows 'single' | 'shared'\n  const tooltipVariant =\n    config.tooltip.variant === 'single' ? 'single' : 'shared';\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={config.colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={config.truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n    >\n      <XYChart.Tooltip _variant={tooltipVariant} />\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) =>\n            selectActions(\n              mapSelectedSeriesToHistogram(selectedSeries),\n              mapSelectionDomainToHistogramDomains(selectionDomain),\n            )\n          }\n        />\n      ) : null}\n      {barSeriesProps.map(({ data, unit }, index) => (\n        <XYChart.BarSeries\n          key={index}\n          data={data}\n          xAxisId={xAxisId}\n          yAxisId={defineAxisId(unit)}\n          x0Accessor=\"x0\"\n          x1Accessor=\"x1\"\n          y1Accessor=\"y1\"\n          variant={\n            config.valueRepresentation === 'relative' && propsData.length === 1\n              ? 'single'\n              : 'stack'\n          }\n          seriesIdAccessor=\"seriesId\"\n          nameAccessor=\"name\"\n          actions={mappedSeriesActions}\n        />\n      ))}\n      <XYChart.XAxis\n        id={xAxisId}\n        type={xAxisConfig.scale === 'log' ? 'log' : 'numerical'}\n        position=\"bottom\"\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={config.initialZoom as [number, number]}\n        currentZoom={config.currentZoom as [number, number]}\n        onZoomChange={effectiveOnZoomChange}\n        infiniteZoom={config.infiniteZoom}\n        {...xAxisConfig}\n      />\n      {[...units].map((unit, index) => (\n        <XYChart.YAxis\n          key={defineAxisId(unit)}\n          {...buildYAxisProps(\n            index,\n            unit,\n            yAxesConfig,\n            config.valueRepresentation,\n          )}\n        />\n      ))}\n      <XYChart.Legend {...config.legend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      {mappedThresholds.map((threshold) => (\n        <XYChart.ThresholdIndicator\n          key={`${threshold.yAxisId}-${threshold.color}-${\n            threshold.label ?? ''\n          }`}\n          {...threshold}\n        />\n      ))}\n      <XYChart.Toolbar hidden={!toolbarEnabled} placement={toolbarPlacement} />\n      {toolbarIntents?.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {annotations && (\n        <XYChart.Annotations\n          data={transformHistogramAnnotationsToXY(annotations.tracks)}\n          xAxisId={xAxisId}\n          showLabels={annotations.showLabels}\n          fixedTracks={annotations.visibleTracksLimit}\n          annotationsActions={annotations.annotationsActions}\n        >\n          <XYChartAnnotations.Track\n            trackIdAccessor={ANNOTATIONS_KEYS.trackId}\n            labelAccessor={ANNOTATIONS_KEYS.trackLabel}\n            colorAccessor={ANNOTATIONS_KEYS.trackColor}\n            hidden={(d) =>\n              getAnnotationField<boolean>(d, ANNOTATIONS_KEYS.trackHidden)\n            }\n            symbol={(d) =>\n              getAnnotationField<ReactNode>(d, ANNOTATIONS_KEYS.trackSymbol)\n            }\n            indicatorsDisplay={(d) =>\n              getAnnotationField<IndicatorsDisplay>(\n                d,\n                ANNOTATIONS_KEYS.trackIndicators,\n              )\n            }\n          />\n          <XYChartAnnotations.Marker\n            startAccessor={ANNOTATIONS_KEYS.markerStart}\n            endAccessor={ANNOTATIONS_KEYS.markerEnd}\n            trackByAccessor={ANNOTATIONS_KEYS.trackId}\n            titleAccessor={ANNOTATIONS_KEYS.markerTitle}\n            descriptionAccessor={ANNOTATIONS_KEYS.markerDescription}\n            colorAccessor={ANNOTATIONS_KEYS.markerColor}\n            hidden={(d) =>\n              getAnnotationField<boolean>(d, ANNOTATIONS_KEYS.markerHidden)\n            }\n            symbol={(d) =>\n              getAnnotationField<ReactNode>(d, ANNOTATIONS_KEYS.markerSymbol)\n            }\n            indicatorsDisplay={(d) =>\n              getAnnotationField<IndicatorsDisplay>(\n                d,\n                ANNOTATIONS_KEYS.markerIndicators,\n              )\n            }\n            priority={(d) =>\n              getAnnotationField<number>(d, ANNOTATIONS_KEYS.markerPriority)\n            }\n          />\n          {annotations.tooltip?.template && (\n            <XYChartAnnotations.Tooltip hidden={annotations.tooltip.hidden}>\n              {annotations.tooltip.template}\n            </XYChartAnnotations.Tooltip>\n          )}\n        </XYChart.Annotations>\n      )}\n    </XYChart>\n  );\n});\n\n(\n  HistogramToXY as typeof HistogramToXY & {\n    displayName: string;\n  }\n).displayName = 'HistogramToXY';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart-adoption/histogram/transformer-data-to-xy.js

@@ -4,19 +4,26 @@ function transformHistogramDataToXYChart(data) {
   const unitToData = /* @__PURE__ */ new Map();
   const unitToSeriesCount = /* @__PURE__ */ new Map();
   data.forEach((series, index) => {
-    const { bins, name, color, unit, ...extraSeriesProps } = series;
+    const { bins, name, color, unit } = series;
     if (color) {
       seriesColors.push({ name, color });
     }
-    const binData = bins.map((bin) => ({
-      ...extraSeriesProps,
-      x0: bin.from,
-      x1: bin.to,
-      y1: bin.value,
-      name,
-      seriesId: index.toString()
-    }));
-    unitToData.set(unit, [...unitToData.get(unit) ?? [], ...binData]);
+    let bucket = unitToData.get(unit);
+    if (bucket === void 0) {
+      bucket = [];
+      unitToData.set(unit, bucket);
+    }
+    const seriesId = index.toString();
+    for (let i = 0; i < bins.length; i++) {
+      const bin = bins[i];
+      bucket.push({
+        x0: bin.from,
+        x1: bin.to,
+        y1: bin.value,
+        name,
+        seriesId
+      });
+    }
     unitToSeriesCount.set(unit, (unitToSeriesCount.get(unit) ?? 0) + 1);
     units.add(unit);
   });