@dynatrace/strato-components 3.7.1 → 3.8.0

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/hooks/useBuildOverlayStrategy.ts"],
+  "sourcesContent": ["import { useCallback, useMemo } from 'react';\n\nimport { useAreaData } from './useAreaData.js';\nimport { useBarData } from './useBarData.js';\nimport { useBuildStrategy } from './useBuildStrategy.js';\nimport { useDotData } from './useDotData.js';\nimport { useLineData } from './useLineData.js';\nimport { useXYChartData } from './useXYChartData.js';\nimport { useXYChartScales } from './useXYChartScales.js';\nimport { useXYChartTooltip } from './useXYChartTooltip.js';\nimport type { SeriesToQuadtree } from '../context/XYChartOverlayPerformance.context.js';\nimport {\n  buildGetBarPixelCenter,\n  buildGetLinearSeriesPixelCenter,\n  buildSortedEntries,\n  type GetBarPixelCenter,\n  type GetLinearSeriesPixelCenter,\n  type SortedEntriesPerShape,\n} from '../utils/build-sorted-entries.js';\nimport { buildQuadtrees } from '../utils/query-closest-quadtree.js';\n\ntype OverlayBuildResult = SortedEntriesPerShape | SeriesToQuadtree;\n\nexport type UseBuildOverlayStrategyResult = {\n  buildResult: OverlayBuildResult | undefined;\n  getBarPixelCenter: GetBarPixelCenter;\n  getLinearSeriesPixelCenter: GetLinearSeriesPixelCenter;\n};\n\n/**\n * Builds the overlay query structure on a debounced schedule (via\n * `useBuildStrategy`). Chooses between sorted entries (shared tooltip) and\n * quadtrees (single tooltip) based on the active variant, and exposes the\n * stable `getBarPixelCenter` accessor needed by both query builders.\n */\nexport function useBuildOverlayStrategy(): UseBuildOverlayStrategyResult {\n  const axisIdToScales = useXYChartScales();\n  const { datapointMetadataMap, axisIdToScaleDomain, seriesToMetadata } =\n    useXYChartData();\n  const { variant } = useXYChartTooltip();\n  const isSharedVariant = variant === 'shared';\n\n  const { filteredSeriesWithDatapoints: barSeriesData } = useBarData();\n  const { filteredSeriesWithDatapoints: dotSeriesData } = useDotData();\n  const { filteredSeriesWithDatapoints: lineSeriesData } = useLineData();\n  const { filteredSeriesWithDatapoints: areaSeriesData } = useAreaData();\n\n  const getBarPixelCenter = useMemo(\n    () =>\n      buildGetBarPixelCenter(\n        axisIdToScales,\n        seriesToMetadata,\n        axisIdToScaleDomain,\n        datapointMetadataMap,\n      ),\n    [\n      axisIdToScales,\n      seriesToMetadata,\n      axisIdToScaleDomain,\n      datapointMetadataMap,\n    ],\n  );\n\n  const getLinearSeriesPixelCenter = useMemo(\n    () =>\n      buildGetLinearSeriesPixelCenter(\n        axisIdToScales,\n        seriesToMetadata,\n        axisIdToScaleDomain,\n        datapointMetadataMap,\n      ),\n    [\n      axisIdToScales,\n      seriesToMetadata,\n      axisIdToScaleDomain,\n      datapointMetadataMap,\n    ],\n  );\n\n  const build = useCallback(\n    () =>\n      isSharedVariant\n        ? buildSortedEntries(\n            barSeriesData,\n            lineSeriesData,\n            areaSeriesData,\n            datapointMetadataMap,\n            getBarPixelCenter,\n            getLinearSeriesPixelCenter,\n          )\n        : buildQuadtrees(\n            [...dotSeriesData, ...lineSeriesData, ...areaSeriesData],\n            axisIdToScales,\n            datapointMetadataMap,\n            seriesToMetadata,\n            axisIdToScaleDomain,\n          ),\n    [\n      isSharedVariant,\n      barSeriesData,\n      lineSeriesData,\n      areaSeriesData,\n      datapointMetadataMap,\n      getBarPixelCenter,\n      getLinearSeriesPixelCenter,\n      dotSeriesData,\n      axisIdToScales,\n      seriesToMetadata,\n      axisIdToScaleDomain,\n    ],\n  );\n\n  const buildResult = useBuildStrategy<OverlayBuildResult>(build);\n\n  return { buildResult, getBarPixelCenter, getLinearSeriesPixelCenter };\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa,eAAe;AAErC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAElC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP,SAAS,sBAAsB;AAgBxB,SAAS,0BAAyD;AACvE,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,sBAAsB,qBAAqB,iBAAiB,IAClE,eAAe;AACjB,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,kBAAkB,YAAY;AAEpC,QAAM,EAAE,8BAA8B,cAAc,IAAI,WAAW;AACnE,QAAM,EAAE,8BAA8B,cAAc,IAAI,WAAW;AACnE,QAAM,EAAE,8BAA8B,eAAe,IAAI,YAAY;AACrE,QAAM,EAAE,8BAA8B,eAAe,IAAI,YAAY;AAErE,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,6BAA6B;AAAA,IACjC,MACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,QAAQ;AAAA,IACZ,MACE,kBACI;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IACA;AAAA,MACE,CAAC,GAAG,eAAe,GAAG,gBAAgB,GAAG,cAAc;AAAA,MACvD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACN;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAc,iBAAqC,KAAK;AAE9D,SAAO,EAAE,aAAa,mBAAmB,2BAA2B;AACtE;",
+  "names": []
+}

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

@@ -95,9 +95,7 @@ function useXYChartDataProvider(seriesVariantsProps, data) {
       perAxis.set(raw, datum);
     }
   };
-  for (const { data: data2, series } of dataWithSeries.filter(
-    ({ series: series2 }) => series2.length
-  )) {
+  const groupsWithStrategies = dataWithSeries.filter(({ series }) => series.length).map(({ data: data2, series }) => {
     const seriesWithStrategy = series.map((entry) => ({
       ...entry,
       strategy: getStrategyFactory(strategies, entry.seriesProps)
@@ -109,11 +107,20 @@ function useXYChartDataProvider(seriesVariantsProps, data) {
         break;
       }
     }
+    return { data: data2, seriesWithStrategy, hasCategoricalAxis };
+  });
+  for (const { data: data2, seriesWithStrategy } of groupsWithStrategies) {
     for (const { seriesProps, xAxis, yAxis, strategy } of seriesWithStrategy) {
       if (strategy?.preprocess) {
         strategy.preprocess(data2, seriesProps, xAxis, yAxis, mutableContext);
       }
     }
+  }
+  for (const {
+    data: data2,
+    seriesWithStrategy,
+    hasCategoricalAxis
+  } of groupsWithStrategies) {
     for (const datum of data2) {
       for (const {
         seriesProps,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/hooks/useXYChartDataProvider.ts"],
-  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { useAxesConfig } from './useAxesConfig.js';\nimport { useColorPalette } from './useColorPalette.js';\nimport { useSortLinearDatapoints } from './useSortLinearDatapoints.js';\nimport { useSortRectangleDatapoints } from './useSortRectangleDatapoints.js';\nimport {\n  type ConcreteStrategy,\n  getStrategyFactory,\n} from '../processing-strategies/factory/factory.js';\nimport { AreaSeriesStrategy } from '../processing-strategies/strategies/area-series.js';\nimport { BarSeriesStrategy } from '../processing-strategies/strategies/bar-series.js';\nimport { DotSeriesStrategy } from '../processing-strategies/strategies/dot-series.js';\nimport { LineSeriesStrategy } from '../processing-strategies/strategies/line-series.js';\nimport { RectSeriesStrategy } from '../processing-strategies/strategies/rect-series.js';\nimport type { MutableProcessingContext } from '../processing-strategies/types/processing-types.js';\nimport { getDatumValue } from '../processing-strategies/utils/access-datapoint/get-datapoints.js';\nimport { useFilteredSeriesIdsState } from '../store/selectors.js';\nimport { isCategorical } from '../types/guards.js';\nimport type {\n  AxisIdToScaleDomain,\n  MapDatapoints,\n  RectDatapointInternal,\n  SeriesToMetadata,\n  XYChartAxisInternal,\n  XYChartSeriesWithDatapoints,\n  XYChartVariantsInternal,\n} from '../types/xy-chart-internals.js';\nimport type { XYChartData } from '../types/xy-chart.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n  isZoomEnabledFor,\n} from '../utils/axis-interactions.js';\nimport { combineDataWithCorrespondingSeries } from '../utils/combine-data-with-corresponding-series.js';\nimport { combineSeriesWithAxes } from '../utils/combine-series-with-axes.js';\n\n/**\n * A hook to process chart data and configure axes for an XY chart.\n *\n * @param seriesVariantsProps - The array of series variant properties.\n * @param data - The array of chart data.\n * @returns - An object containing axes, series with data points, rect data points to metadata mapping, axis ID to scale domain mapping, and series ID to value scale domain mapping.\n * @returns axes - The array of valid axes configurations.\n * @returns seriesWithDatapoints - The array of series with data points.\n * @returns rectSeriesToMetadata - A mapping of rect series to their metadata.\n * @returns axisIdToScaleDomain - A mapping of axis IDs to their scale domains.\n * @returns seriesIdToValueScaleDomain - A mapping of series IDs to their value scale domains.\n */\nexport function useXYChartDataProvider(\n  seriesVariantsProps: XYChartVariantsInternal[],\n  data: XYChartData[],\n) {\n  const axes = useAxesConfig();\n  const colorPalette = useColorPalette();\n  const intl = useIntl();\n\n  const axisIdToScaleDomain: AxisIdToScaleDomain = new Map();\n  const axisWithSeries: Set<string> = new Set();\n  const datapointMetadataMap: MapDatapoints = new Map();\n  const axisIdToCategoryDatum = new Map<string, Map<string, XYChartData>>();\n\n  const {\n    addValue,\n    getCurrentSelectConfig: getCurrentShapeSelectConfig,\n    searchAllAxisDatapoints: searchAllAxisShapeDatapoints,\n  } = useSortLinearDatapoints(seriesVariantsProps, datapointMetadataMap);\n  const {\n    addValue: addRectangleValue,\n    searchAllAxisDatapoints: searchAllAxisRectangleDatapoints,\n    getCurrentSelectConfig: getCurrentRectangleSelectConfig,\n  } = useSortRectangleDatapoints(seriesVariantsProps);\n\n  const seriesWithAxes = combineSeriesWithAxes(seriesVariantsProps, axes);\n  const dataWithSeries = combineDataWithCorrespondingSeries(\n    data,\n    seriesWithAxes,\n  );\n\n  const seriesWithDatapoints: Array<XYChartSeriesWithDatapoints> = [];\n  const seriesToMetadata: SeriesToMetadata = new Map();\n\n  const seriesMap = new Map();\n\n  const seriesIndexes: string[] = [];\n\n  const rectSeriesStrategy = new RectSeriesStrategy({\n    addValue: addRectangleValue,\n  });\n  const dotSeriesStrategy = new DotSeriesStrategy({ addValue });\n  const lineSeriesStrategy = new LineSeriesStrategy({ addValue });\n  const barSeriesStrategy = new BarSeriesStrategy({\n    addValue: addRectangleValue,\n  });\n  const areaSeriesStrategy = new AreaSeriesStrategy({ addValue });\n  const strategies: ConcreteStrategy[] = [\n    rectSeriesStrategy,\n    dotSeriesStrategy,\n    lineSeriesStrategy,\n    barSeriesStrategy,\n    areaSeriesStrategy,\n  ];\n\n  const filteredSeriesIds = useFilteredSeriesIdsState();\n\n  const mutableContext: MutableProcessingContext = {\n    seriesMap,\n    seriesWithDatapoints,\n    seriesToMetadata,\n    axisIdToScaleDomain,\n    seriesIndexes,\n    intl,\n    colorPalette,\n    datapointMetadataMap,\n    filteredSeriesIds,\n    axisWithSeries,\n  };\n\n  const captureCategoryDatum = (\n    axis: XYChartAxisInternal,\n    accessor: string | undefined,\n    datum: XYChartData,\n  ) => {\n    if (!isCategorical(axis.type) || !accessor) {\n      return;\n    }\n\n    const rawValue = getDatumValue(datum, accessor);\n    if (typeof rawValue !== 'string' && typeof rawValue !== 'number') {\n      return;\n    }\n    const raw = String(rawValue);\n\n    let perAxis = axisIdToCategoryDatum.get(axis.id);\n    if (!perAxis) {\n      perAxis = new Map<string, XYChartData>();\n      axisIdToCategoryDatum.set(axis.id, perAxis);\n    }\n    if (!perAxis.has(raw)) {\n      perAxis.set(raw, datum);\n    }\n  };\n\n  for (const { data, series } of dataWithSeries.filter(\n    ({ series }) => series.length,\n  )) {\n    const seriesWithStrategy = series.map((entry) => ({\n      ...entry,\n      strategy: getStrategyFactory(strategies, entry.seriesProps),\n    }));\n\n    let hasCategoricalAxis = false;\n    for (const { xAxis, yAxis } of seriesWithStrategy) {\n      if (isCategorical(xAxis.type) || isCategorical(yAxis.type)) {\n        hasCategoricalAxis = true;\n        break;\n      }\n    }\n\n    for (const { seriesProps, xAxis, yAxis, strategy } of seriesWithStrategy) {\n      if (strategy?.preprocess) {\n        strategy.preprocess(data, seriesProps, xAxis, yAxis, mutableContext);\n      }\n    }\n    for (const datum of data) {\n      for (const {\n        seriesProps,\n        xAxis,\n        yAxis,\n        strategy,\n      } of seriesWithStrategy) {\n        if (strategy) {\n          const processResult = strategy.process(\n            datum,\n            seriesProps,\n            xAxis,\n            yAxis,\n            mutableContext,\n          );\n\n          if (processResult === 'continue') {\n            continue;\n          }\n        } else {\n          throw new Error(\n            `No strategy found to process series with id: ${seriesProps.id}`,\n          );\n        }\n\n        if (hasCategoricalAxis) {\n          captureCategoryDatum(xAxis, seriesProps.x0Accessor, datum);\n          captureCategoryDatum(yAxis, seriesProps.y0Accessor, datum);\n        }\n      }\n    }\n  }\n\n  const validAxes = axes.filter(\n    (axis) => axisIdToScaleDomain.has(axis.id) && axisWithSeries.has(axis.id),\n  );\n  const linearSelectionContextValue = {\n    selectionConfigByAxisId: getCurrentShapeSelectConfig(),\n    searchAllAxisDatapoints: searchAllAxisShapeDatapoints,\n  };\n  const rectSelectionContextValue = {\n    selectionConfigByAxisId: getCurrentRectangleSelectConfig(),\n    searchAllAxisDatapoints: searchAllAxisRectangleDatapoints,\n  };\n  return {\n    axesMetadata: {\n      isZoomEnabled: !!validAxes.find(isZoomEnabledFor),\n      isPanEnabled: !!validAxes.find(isPanEnabledFor),\n      isInfinite: !!validAxes.find(isInfiniteZoomEnabledFor),\n    },\n    axes: validAxes,\n    axisIdToScaleDomain,\n    axisIdToCategoryDatum,\n    seriesIdToValueScaleDomain: rectSeriesStrategy.seriesIdToValueScaleDomain,\n    datapointMetadataMap,\n    linearSelectionContextValue,\n    rectSelectionContextValue,\n    seriesWithDatapoints,\n    filteredSeriesWithDatapoints: seriesWithDatapoints.filter((series) => {\n      if (series.type === 'rect') {\n        series.filteredData = series.data.filter(\n          (datapoint: RectDatapointInternal) => {\n            return datapointMetadataMap.get(datapoint)?.isVisible !== false;\n          },\n        );\n      }\n\n      return seriesToMetadata.get(series)?.isVisible !== false;\n    }),\n    seriesToMetadata,\n    axisIdToDimension: barSeriesStrategy.axisIdToDimension,\n  };\n}\n"],
-  "mappings": "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",
-  "names": ["data", "series"]
+  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { useAxesConfig } from './useAxesConfig.js';\nimport { useColorPalette } from './useColorPalette.js';\nimport { useSortLinearDatapoints } from './useSortLinearDatapoints.js';\nimport { useSortRectangleDatapoints } from './useSortRectangleDatapoints.js';\nimport {\n  type ConcreteStrategy,\n  getStrategyFactory,\n} from '../processing-strategies/factory/factory.js';\nimport { AreaSeriesStrategy } from '../processing-strategies/strategies/area-series.js';\nimport { BarSeriesStrategy } from '../processing-strategies/strategies/bar-series.js';\nimport { DotSeriesStrategy } from '../processing-strategies/strategies/dot-series.js';\nimport { LineSeriesStrategy } from '../processing-strategies/strategies/line-series.js';\nimport { RectSeriesStrategy } from '../processing-strategies/strategies/rect-series.js';\nimport type { MutableProcessingContext } from '../processing-strategies/types/processing-types.js';\nimport { getDatumValue } from '../processing-strategies/utils/access-datapoint/get-datapoints.js';\nimport { useFilteredSeriesIdsState } from '../store/selectors.js';\nimport { isCategorical } from '../types/guards.js';\nimport type {\n  AxisIdToScaleDomain,\n  MapDatapoints,\n  RectDatapointInternal,\n  SeriesToMetadata,\n  XYChartAxisInternal,\n  XYChartSeriesWithDatapoints,\n  XYChartVariantsInternal,\n} from '../types/xy-chart-internals.js';\nimport type { XYChartData } from '../types/xy-chart.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n  isZoomEnabledFor,\n} from '../utils/axis-interactions.js';\nimport { combineDataWithCorrespondingSeries } from '../utils/combine-data-with-corresponding-series.js';\nimport { combineSeriesWithAxes } from '../utils/combine-series-with-axes.js';\n\n/**\n * A hook to process chart data and configure axes for an XY chart.\n *\n * @param seriesVariantsProps - The array of series variant properties.\n * @param data - The array of chart data.\n * @returns - An object containing axes, series with data points, rect data points to metadata mapping, axis ID to scale domain mapping, and series ID to value scale domain mapping.\n * @returns axes - The array of valid axes configurations.\n * @returns seriesWithDatapoints - The array of series with data points.\n * @returns rectSeriesToMetadata - A mapping of rect series to their metadata.\n * @returns axisIdToScaleDomain - A mapping of axis IDs to their scale domains.\n * @returns seriesIdToValueScaleDomain - A mapping of series IDs to their value scale domains.\n */\nexport function useXYChartDataProvider(\n  seriesVariantsProps: XYChartVariantsInternal[],\n  data: XYChartData[],\n) {\n  const axes = useAxesConfig();\n  const colorPalette = useColorPalette();\n  const intl = useIntl();\n\n  const axisIdToScaleDomain: AxisIdToScaleDomain = new Map();\n  const axisWithSeries: Set<string> = new Set();\n  const datapointMetadataMap: MapDatapoints = new Map();\n  const axisIdToCategoryDatum = new Map<string, Map<string, XYChartData>>();\n\n  const {\n    addValue,\n    getCurrentSelectConfig: getCurrentShapeSelectConfig,\n    searchAllAxisDatapoints: searchAllAxisShapeDatapoints,\n  } = useSortLinearDatapoints(seriesVariantsProps, datapointMetadataMap);\n  const {\n    addValue: addRectangleValue,\n    searchAllAxisDatapoints: searchAllAxisRectangleDatapoints,\n    getCurrentSelectConfig: getCurrentRectangleSelectConfig,\n  } = useSortRectangleDatapoints(seriesVariantsProps);\n\n  const seriesWithAxes = combineSeriesWithAxes(seriesVariantsProps, axes);\n  const dataWithSeries = combineDataWithCorrespondingSeries(\n    data,\n    seriesWithAxes,\n  );\n\n  const seriesWithDatapoints: Array<XYChartSeriesWithDatapoints> = [];\n  const seriesToMetadata: SeriesToMetadata = new Map();\n\n  const seriesMap = new Map();\n\n  const seriesIndexes: string[] = [];\n\n  const rectSeriesStrategy = new RectSeriesStrategy({\n    addValue: addRectangleValue,\n  });\n  const dotSeriesStrategy = new DotSeriesStrategy({ addValue });\n  const lineSeriesStrategy = new LineSeriesStrategy({ addValue });\n  const barSeriesStrategy = new BarSeriesStrategy({\n    addValue: addRectangleValue,\n  });\n  const areaSeriesStrategy = new AreaSeriesStrategy({ addValue });\n  const strategies: ConcreteStrategy[] = [\n    rectSeriesStrategy,\n    dotSeriesStrategy,\n    lineSeriesStrategy,\n    barSeriesStrategy,\n    areaSeriesStrategy,\n  ];\n\n  const filteredSeriesIds = useFilteredSeriesIdsState();\n\n  const mutableContext: MutableProcessingContext = {\n    seriesMap,\n    seriesWithDatapoints,\n    seriesToMetadata,\n    axisIdToScaleDomain,\n    seriesIndexes,\n    intl,\n    colorPalette,\n    datapointMetadataMap,\n    filteredSeriesIds,\n    axisWithSeries,\n  };\n\n  const captureCategoryDatum = (\n    axis: XYChartAxisInternal,\n    accessor: string | undefined,\n    datum: XYChartData,\n  ) => {\n    if (!isCategorical(axis.type) || !accessor) {\n      return;\n    }\n\n    const rawValue = getDatumValue(datum, accessor);\n    if (typeof rawValue !== 'string' && typeof rawValue !== 'number') {\n      return;\n    }\n    const raw = String(rawValue);\n\n    let perAxis = axisIdToCategoryDatum.get(axis.id);\n    if (!perAxis) {\n      perAxis = new Map<string, XYChartData>();\n      axisIdToCategoryDatum.set(axis.id, perAxis);\n    }\n    if (!perAxis.has(raw)) {\n      perAxis.set(raw, datum);\n    }\n  };\n\n  const groupsWithStrategies = dataWithSeries\n    .filter(({ series }) => series.length)\n    .map(({ data, series }) => {\n      const seriesWithStrategy = series.map((entry) => ({\n        ...entry,\n        strategy: getStrategyFactory(strategies, entry.seriesProps),\n      }));\n\n      let hasCategoricalAxis = false;\n      for (const { xAxis, yAxis } of seriesWithStrategy) {\n        if (isCategorical(xAxis.type) || isCategorical(yAxis.type)) {\n          hasCategoricalAxis = true;\n          break;\n        }\n      }\n\n      return { data, seriesWithStrategy, hasCategoricalAxis };\n    });\n\n  for (const { data, seriesWithStrategy } of groupsWithStrategies) {\n    for (const { seriesProps, xAxis, yAxis, strategy } of seriesWithStrategy) {\n      if (strategy?.preprocess) {\n        strategy.preprocess(data, seriesProps, xAxis, yAxis, mutableContext);\n      }\n    }\n  }\n\n  for (const {\n    data,\n    seriesWithStrategy,\n    hasCategoricalAxis,\n  } of groupsWithStrategies) {\n    for (const datum of data) {\n      for (const {\n        seriesProps,\n        xAxis,\n        yAxis,\n        strategy,\n      } of seriesWithStrategy) {\n        if (strategy) {\n          const processResult = strategy.process(\n            datum,\n            seriesProps,\n            xAxis,\n            yAxis,\n            mutableContext,\n          );\n\n          if (processResult === 'continue') {\n            continue;\n          }\n        } else {\n          throw new Error(\n            `No strategy found to process series with id: ${seriesProps.id}`,\n          );\n        }\n\n        if (hasCategoricalAxis) {\n          captureCategoryDatum(xAxis, seriesProps.x0Accessor, datum);\n          captureCategoryDatum(yAxis, seriesProps.y0Accessor, datum);\n        }\n      }\n    }\n  }\n\n  const validAxes = axes.filter(\n    (axis) => axisIdToScaleDomain.has(axis.id) && axisWithSeries.has(axis.id),\n  );\n  const linearSelectionContextValue = {\n    selectionConfigByAxisId: getCurrentShapeSelectConfig(),\n    searchAllAxisDatapoints: searchAllAxisShapeDatapoints,\n  };\n  const rectSelectionContextValue = {\n    selectionConfigByAxisId: getCurrentRectangleSelectConfig(),\n    searchAllAxisDatapoints: searchAllAxisRectangleDatapoints,\n  };\n  return {\n    axesMetadata: {\n      isZoomEnabled: !!validAxes.find(isZoomEnabledFor),\n      isPanEnabled: !!validAxes.find(isPanEnabledFor),\n      isInfinite: !!validAxes.find(isInfiniteZoomEnabledFor),\n    },\n    axes: validAxes,\n    axisIdToScaleDomain,\n    axisIdToCategoryDatum,\n    seriesIdToValueScaleDomain: rectSeriesStrategy.seriesIdToValueScaleDomain,\n    datapointMetadataMap,\n    linearSelectionContextValue,\n    rectSelectionContextValue,\n    seriesWithDatapoints,\n    filteredSeriesWithDatapoints: seriesWithDatapoints.filter((series) => {\n      if (series.type === 'rect') {\n        series.filteredData = series.data.filter(\n          (datapoint: RectDatapointInternal) => {\n            return datapointMetadataMap.get(datapoint)?.isVisible !== false;\n          },\n        );\n      }\n\n      return seriesToMetadata.get(series)?.isVisible !== false;\n    }),\n    seriesToMetadata,\n    axisIdToDimension: barSeriesStrategy.axisIdToDimension,\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe;AAExB,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,kCAAkC;AAC3C;AAAA,EAEE;AAAA,OACK;AACP,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AAEnC,SAAS,qBAAqB;AAC9B,SAAS,iCAAiC;AAC1C,SAAS,qBAAqB;AAW9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,0CAA0C;AACnD,SAAS,6BAA6B;AAc/B,SAAS,uBACd,qBACA,MACA;AACA,QAAM,OAAO,cAAc;AAC3B,QAAM,eAAe,gBAAgB;AACrC,QAAM,OAAO,QAAQ;AAErB,QAAM,sBAA2C,oBAAI,IAAI;AACzD,QAAM,iBAA8B,oBAAI,IAAI;AAC5C,QAAM,uBAAsC,oBAAI,IAAI;AACpD,QAAM,wBAAwB,oBAAI,IAAsC;AAExE,QAAM;AAAA,IACJ;AAAA,IACA,wBAAwB;AAAA,IACxB,yBAAyB;AAAA,EAC3B,IAAI,wBAAwB,qBAAqB,oBAAoB;AACrE,QAAM;AAAA,IACJ,UAAU;AAAA,IACV,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,EAC1B,IAAI,2BAA2B,mBAAmB;AAElD,QAAM,iBAAiB,sBAAsB,qBAAqB,IAAI;AACtE,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,uBAA2D,CAAC;AAClE,QAAM,mBAAqC,oBAAI,IAAI;AAEnD,QAAM,YAAY,oBAAI,IAAI;AAE1B,QAAM,gBAA0B,CAAC;AAEjC,QAAM,qBAAqB,IAAI,mBAAmB;AAAA,IAChD,UAAU;AAAA,EACZ,CAAC;AACD,QAAM,oBAAoB,IAAI,kBAAkB,EAAE,SAAS,CAAC;AAC5D,QAAM,qBAAqB,IAAI,mBAAmB,EAAE,SAAS,CAAC;AAC9D,QAAM,oBAAoB,IAAI,kBAAkB;AAAA,IAC9C,UAAU;AAAA,EACZ,CAAC;AACD,QAAM,qBAAqB,IAAI,mBAAmB,EAAE,SAAS,CAAC;AAC9D,QAAM,aAAiC;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,oBAAoB,0BAA0B;AAEpD,QAAM,iBAA2C;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,uBAAuB,CAC3B,MACA,UACA,UACG;AACH,QAAI,CAAC,cAAc,KAAK,IAAI,KAAK,CAAC,UAAU;AAC1C;AAAA,IACF;AAEA,UAAM,WAAW,cAAc,OAAO,QAAQ;AAC9C,QAAI,OAAO,aAAa,YAAY,OAAO,aAAa,UAAU;AAChE;AAAA,IACF;AACA,UAAM,MAAM,OAAO,QAAQ;AAE3B,QAAI,UAAU,sBAAsB,IAAI,KAAK,EAAE;AAC/C,QAAI,CAAC,SAAS;AACZ,gBAAU,oBAAI,IAAyB;AACvC,4BAAsB,IAAI,KAAK,IAAI,OAAO;AAAA,IAC5C;AACA,QAAI,CAAC,QAAQ,IAAI,GAAG,GAAG;AACrB,cAAQ,IAAI,KAAK,KAAK;AAAA,IACxB;AAAA,EACF;AAEA,QAAM,uBAAuB,eAC1B,OAAO,CAAC,EAAE,OAAO,MAAM,OAAO,MAAM,EACpC,IAAI,CAAC,EAAE,MAAAA,OAAM,OAAO,MAAM;AACzB,UAAM,qBAAqB,OAAO,IAAI,CAAC,WAAW;AAAA,MAChD,GAAG;AAAA,MACH,UAAU,mBAAmB,YAAY,MAAM,WAAW;AAAA,IAC5D,EAAE;AAEF,QAAI,qBAAqB;AACzB,eAAW,EAAE,OAAO,MAAM,KAAK,oBAAoB;AACjD,UAAI,cAAc,MAAM,IAAI,KAAK,cAAc,MAAM,IAAI,GAAG;AAC1D,6BAAqB;AACrB;AAAA,MACF;AAAA,IACF;AAEA,WAAO,EAAE,MAAAA,OAAM,oBAAoB,mBAAmB;AAAA,EACxD,CAAC;AAEH,aAAW,EAAE,MAAAA,OAAM,mBAAmB,KAAK,sBAAsB;AAC/D,eAAW,EAAE,aAAa,OAAO,OAAO,SAAS,KAAK,oBAAoB;AACxE,UAAI,UAAU,YAAY;AACxB,iBAAS,WAAWA,OAAM,aAAa,OAAO,OAAO,cAAc;AAAA,MACrE;AAAA,IACF;AAAA,EACF;AAEA,aAAW;AAAA,IACT,MAAAA;AAAA,IACA;AAAA,IACA;AAAA,EACF,KAAK,sBAAsB;AACzB,eAAW,SAASA,OAAM;AACxB,iBAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,KAAK,oBAAoB;AACvB,YAAI,UAAU;AACZ,gBAAM,gBAAgB,SAAS;AAAA,YAC7B;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAEA,cAAI,kBAAkB,YAAY;AAChC;AAAA,UACF;AAAA,QACF,OAAO;AACL,gBAAM,IAAI;AAAA,YACR,gDAAgD,YAAY,EAAE;AAAA,UAChE;AAAA,QACF;AAEA,YAAI,oBAAoB;AACtB,+BAAqB,OAAO,YAAY,YAAY,KAAK;AACzD,+BAAqB,OAAO,YAAY,YAAY,KAAK;AAAA,QAC3D;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,YAAY,KAAK;AAAA,IACrB,CAAC,SAAS,oBAAoB,IAAI,KAAK,EAAE,KAAK,eAAe,IAAI,KAAK,EAAE;AAAA,EAC1E;AACA,QAAM,8BAA8B;AAAA,IAClC,yBAAyB,4BAA4B;AAAA,IACrD,yBAAyB;AAAA,EAC3B;AACA,QAAM,4BAA4B;AAAA,IAChC,yBAAyB,gCAAgC;AAAA,IACzD,yBAAyB;AAAA,EAC3B;AACA,SAAO;AAAA,IACL,cAAc;AAAA,MACZ,eAAe,CAAC,CAAC,UAAU,KAAK,gBAAgB;AAAA,MAChD,cAAc,CAAC,CAAC,UAAU,KAAK,eAAe;AAAA,MAC9C,YAAY,CAAC,CAAC,UAAU,KAAK,wBAAwB;AAAA,IACvD;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,4BAA4B,mBAAmB;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,8BAA8B,qBAAqB,OAAO,CAAC,WAAW;AACpE,UAAI,OAAO,SAAS,QAAQ;AAC1B,eAAO,eAAe,OAAO,KAAK;AAAA,UAChC,CAAC,cAAqC;AACpC,mBAAO,qBAAqB,IAAI,SAAS,GAAG,cAAc;AAAA,UAC5D;AAAA,QACF;AAAA,MACF;AAEA,aAAO,iBAAiB,IAAI,MAAM,GAAG,cAAc;AAAA,IACrD,CAAC;AAAA,IACD;AAAA,IACA,mBAAmB,kBAAkB;AAAA,EACvC;AACF;",
+  "names": ["data"]
 }

package/esm/charts/xy-chart/layout/XYChartLayout.css

@@ -1,10 +1,10 @@
-._1ru1qe70-3-7-1 {
+._1ru1qe70-3-8-0 {
   pointer-events: none;
   width: 100%;
   height: 100%;
   z-index: 1;
 }
-._1ru1qe71-3-7-1 {
+._1ru1qe71-3-8-0 {
   top: -5.5px;
   left: -5.5px;
   width: calc(100% + 11px);

package/esm/charts/xy-chart/layout/XYChartLayout.sty.js

@@ -1,7 +1,7 @@
 import "../../core/components/chart-grid/ChartGrid.css";
 import "./XYChartLayout.css";
-var datapointCanvasPlot = "_1ru1qe71-3-7-1 _13lzg4k0-3-7-1 _1ru1qe70-3-7-1";
-var rectangleCanvasPlot = "_13lzg4k0-3-7-1 _1ru1qe70-3-7-1";
+var datapointCanvasPlot = "_1ru1qe71-3-8-0 _13lzg4k0-3-8-0 _1ru1qe70-3-8-0";
+var rectangleCanvasPlot = "_13lzg4k0-3-8-0 _1ru1qe70-3-8-0";
 export {
   datapointCanvasPlot,
   rectangleCanvasPlot

package/esm/charts/xy-chart/layout/XYChartLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/layout/XYChartLayout.css.ts"],
-  "sourcesContent": ["import '../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartLayout.css';\nexport var datapointCanvasPlot = '_1ru1qe71-3-7-1 _13lzg4k0-3-7-1 _1ru1qe70-3-7-1';\nexport var rectangleCanvasPlot = '_13lzg4k0-3-7-1 _1ru1qe70-3-7-1';"],
+  "sourcesContent": ["import '../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartLayout.css';\nexport var datapointCanvasPlot = '_1ru1qe71-3-8-0 _13lzg4k0-3-8-0 _1ru1qe70-3-8-0';\nexport var rectangleCanvasPlot = '_13lzg4k0-3-8-0 _1ru1qe70-3-8-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;AAC1B,IAAI,sBAAsB;",
   "names": []
 }

package/esm/charts/xy-chart/providers/XYChartAnnotationsShownIndicatorsProvider.js

@@ -7,16 +7,14 @@ const XYChartAnnotationsShownIndicatorsProvider = ({
   children
 }) => {
   const { alwaysVisible, selectable } = useXYChartAnnotationsIndicators();
-  const { hoveredGroup } = useAnnotationsState();
+  const { data } = useAnnotationsState();
   const shownIndicators = useMemo(() => {
-    if (hoveredGroup && selectable.has(hoveredGroup)) {
-      const hoveredIndicator = selectable.get(hoveredGroup);
-      if (hoveredIndicator) {
-        return [hoveredIndicator, ...alwaysVisible];
-      }
-    }
-    return alwaysVisible;
-  }, [hoveredGroup, alwaysVisible, selectable]);
+    const hoveredIndicators = data?.flatMap(({ key }) => {
+      const indicator = selectable.get(key);
+      return indicator ? [indicator] : [];
+    }) ?? [];
+    return [...hoveredIndicators, ...alwaysVisible];
+  }, [data, alwaysVisible, selectable]);
   return /* @__PURE__ */ jsx(XYChartAnnotationsShownIndicatorsContext.Provider, { value: shownIndicators, children });
 };
 export {

package/esm/charts/xy-chart/providers/XYChartAnnotationsShownIndicatorsProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/providers/XYChartAnnotationsShownIndicatorsProvider.tsx"],
-  "sourcesContent": ["import { PropsWithChildren, useMemo } from 'react';\n\nimport { XYChartAnnotationsShownIndicatorsContext } from '../context/XYChartAnnotationsShownIndicators.context.js';\nimport { useXYChartAnnotationsIndicators } from '../hooks/useXYChartAnnotationsIndicators.js';\nimport { useAnnotationsState } from '../store/selectors.js';\n\nexport const XYChartAnnotationsShownIndicatorsProvider = ({\n  children,\n}: PropsWithChildren) => {\n  const { alwaysVisible, selectable } = useXYChartAnnotationsIndicators();\n  const { hoveredGroup } = useAnnotationsState();\n\n  const shownIndicators = useMemo(() => {\n    if (hoveredGroup && selectable.has(hoveredGroup)) {\n      const hoveredIndicator = selectable.get(hoveredGroup);\n      if (hoveredIndicator) {\n        return [hoveredIndicator, ...alwaysVisible];\n      }\n    }\n    return alwaysVisible;\n  }, [hoveredGroup, alwaysVisible, selectable]);\n\n  return (\n    <XYChartAnnotationsShownIndicatorsContext.Provider value={shownIndicators}>\n      {children}\n    </XYChartAnnotationsShownIndicatorsContext.Provider>\n  );\n};\n"],
-  "mappings": "AAuBI;AAvBJ,SAA4B,eAAe;AAE3C,SAAS,gDAAgD;AACzD,SAAS,uCAAuC;AAChD,SAAS,2BAA2B;AAE7B,MAAM,4CAA4C,CAAC;AAAA,EACxD;AACF,MAAyB;AACvB,QAAM,EAAE,eAAe,WAAW,IAAI,gCAAgC;AACtE,QAAM,EAAE,aAAa,IAAI,oBAAoB;AAE7C,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,gBAAgB,WAAW,IAAI,YAAY,GAAG;AAChD,YAAM,mBAAmB,WAAW,IAAI,YAAY;AACpD,UAAI,kBAAkB;AACpB,eAAO,CAAC,kBAAkB,GAAG,aAAa;AAAA,MAC5C;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,eAAe,UAAU,CAAC;AAE5C,SACE,oBAAC,yCAAyC,UAAzC,EAAkD,OAAO,iBACvD,UACH;AAEJ;",
+  "sourcesContent": ["import { PropsWithChildren, useMemo } from 'react';\n\nimport { XYChartAnnotationsShownIndicatorsContext } from '../context/XYChartAnnotationsShownIndicators.context.js';\nimport { useXYChartAnnotationsIndicators } from '../hooks/useXYChartAnnotationsIndicators.js';\nimport { useAnnotationsState } from '../store/selectors.js';\n\nexport const XYChartAnnotationsShownIndicatorsProvider = ({\n  children,\n}: PropsWithChildren) => {\n  const { alwaysVisible, selectable } = useXYChartAnnotationsIndicators();\n  const { data } = useAnnotationsState();\n\n  const shownIndicators = useMemo(() => {\n    const hoveredIndicators =\n      data?.flatMap(({ key }) => {\n        const indicator = selectable.get(key);\n        return indicator ? [indicator] : [];\n      }) ?? [];\n\n    return [...hoveredIndicators, ...alwaysVisible];\n  }, [data, alwaysVisible, selectable]);\n\n  return (\n    <XYChartAnnotationsShownIndicatorsContext.Provider value={shownIndicators}>\n      {children}\n    </XYChartAnnotationsShownIndicatorsContext.Provider>\n  );\n};\n"],
+  "mappings": "AAuBI;AAvBJ,SAA4B,eAAe;AAE3C,SAAS,gDAAgD;AACzD,SAAS,uCAAuC;AAChD,SAAS,2BAA2B;AAE7B,MAAM,4CAA4C,CAAC;AAAA,EACxD;AACF,MAAyB;AACvB,QAAM,EAAE,eAAe,WAAW,IAAI,gCAAgC;AACtE,QAAM,EAAE,KAAK,IAAI,oBAAoB;AAErC,QAAM,kBAAkB,QAAQ,MAAM;AACpC,UAAM,oBACJ,MAAM,QAAQ,CAAC,EAAE,IAAI,MAAM;AACzB,YAAM,YAAY,WAAW,IAAI,GAAG;AACpC,aAAO,YAAY,CAAC,SAAS,IAAI,CAAC;AAAA,IACpC,CAAC,KAAK,CAAC;AAET,WAAO,CAAC,GAAG,mBAAmB,GAAG,aAAa;AAAA,EAChD,GAAG,CAAC,MAAM,eAAe,UAAU,CAAC;AAEpC,SACE,oBAAC,yCAAyC,UAAzC,EAAkD,OAAO,iBACvD,UACH;AAEJ;",
   "names": []
 }

package/esm/charts/xy-chart/providers/XYChartAxesTicksProvider.js

@@ -15,6 +15,7 @@ import {
 import { useVisibleAxesConfig } from "../hooks/useVisibleAxesConfig.js";
 import { useVisibleAxesScales } from "../hooks/useVisibleAxesScales.js";
 import { isCategorical } from "../types/guards.js";
+import { filterOutOfRangeTicks } from "../utils/filter-out-of-range-ticks.js";
 import {
   computeNiceUnitTicks,
   shouldUseNiceUnitTicks
@@ -69,13 +70,17 @@ function XYChartAxesTicksProvider({
     topScale,
     formatCategory
   ) : void 0;
-  const topTicks = getTicksForAxis(
-    topConfig,
-    horizontalNumTicks,
+  const topTicks = filterOutOfRangeTicks(
+    getTicksForAxis(
+      topConfig,
+      horizontalNumTicks,
+      topScale,
+      topFormatter,
+      width,
+      "horizontal"
+    ),
     topScale,
-    topFormatter,
-    width,
-    "horizontal"
+    width
   );
   const bottomScale = scales.bottom;
   const bottomConfig = config.bottom;
@@ -86,13 +91,17 @@ function XYChartAxesTicksProvider({
     bottomScale,
     formatCategory
   ) : void 0;
-  const bottomTicks = getTicksForAxis(
-    bottomConfig,
-    horizontalNumTicks,
+  const bottomTicks = filterOutOfRangeTicks(
+    getTicksForAxis(
+      bottomConfig,
+      horizontalNumTicks,
+      bottomScale,
+      bottomFormatter,
+      width,
+      "horizontal"
+    ),
     bottomScale,
-    bottomFormatter,
-    width,
-    "horizontal"
+    width
   );
   const leftScale = scales.left;
   const leftConfig = config.left;
@@ -103,13 +112,17 @@ function XYChartAxesTicksProvider({
     leftScale,
     formatCategory
   ) : void 0;
-  const leftTicks = getTicksForAxis(
-    leftConfig,
-    verticalNumTicks,
+  const leftTicks = filterOutOfRangeTicks(
+    getTicksForAxis(
+      leftConfig,
+      verticalNumTicks,
+      leftScale,
+      leftFormatter,
+      height,
+      "vertical"
+    ),
     leftScale,
-    leftFormatter,
-    height,
-    "vertical"
+    height
   );
   const rightScale = scales.right;
   const rightConfig = config.right;
@@ -120,13 +133,17 @@ function XYChartAxesTicksProvider({
     rightScale,
     formatCategory
   ) : void 0;
-  const rightTicks = getTicksForAxis(
-    rightConfig,
-    verticalNumTicks,
+  const rightTicks = filterOutOfRangeTicks(
+    getTicksForAxis(
+      rightConfig,
+      verticalNumTicks,
+      rightScale,
+      rightFormatter,
+      height,
+      "vertical"
+    ),
     rightScale,
-    rightFormatter,
-    height,
-    "vertical"
+    height
   );
   return /* @__PURE__ */ jsx(
     XYChartAxesTicksContext.Provider,

package/esm/charts/xy-chart/providers/XYChartAxesTicksProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/providers/XYChartAxesTicksProvider.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { units } from '@dynatrace-sdk/units';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport type {\n  FormatterWithPrecision,\n  StringFormatter,\n} from '../../core/types/formatter.js';\nimport type { TickAxis } from '../../core/utils/formatter-by-ticks.js';\nimport { getFormatterByTicks } from '../../core/utils/formatter-by-ticks.js';\nimport type { ContinuousScale } from '../../core/utils/has-horizontal-label-collision.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport {\n  getHorizontalNumTicks,\n  getVerticalNumTicks,\n} from '../../core/utils/ticks.js';\nimport { XYChartAxesTicksContext } from '../context/axes/XYChartAxesTicks.context.js';\nimport { useAxesFormatter } from '../hooks/useAxesFormatter.js';\nimport {\n  type FormatCategory,\n  useFormatCategory,\n} from '../hooks/useFormatCategory.js';\nimport { useVisibleAxesConfig } from '../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../hooks/useVisibleAxesScales.js';\nimport { isCategorical } from '../types/guards.js';\nimport type {\n  AnyXYChartScale,\n  AxisIdToFormatter,\n  XYChartAxisInternal,\n} from '../types/xy-chart-internals.js';\nimport {\n  computeNiceUnitTicks,\n  shouldUseNiceUnitTicks,\n} from '../utils/generate-nice-unit-ticks.js';\nimport { getTicksFormattedByConfig } from '../utils/get-ticks-formatted-by-config.js';\n\nfunction getFormatter(\n  numTicks: number,\n  axisIdToFormatter: AxisIdToFormatter,\n  config: XYChartAxisInternal,\n  scale: AnyXYChartScale | undefined,\n  formatCategory: FormatCategory,\n) {\n  if (isCategorical(config.type)) {\n    const stringFormatter: StringFormatter = (raw) =>\n      formatCategory(config, raw) ?? raw;\n    return stringFormatter;\n  }\n  return config?.isRelative\n    ? getFormatterByTicks(numTicks, scale, units.percentage.percent)\n    : safeGet(axisIdToFormatter, config.id);\n}\n\n/**\n * @internal\n * Resolves the tick data for a single axis. Uses nice unit ticks when the axis\n * is linear with a unit-converting formatter; otherwise falls back to the\n * standard formatted-ticks path.\n */\nexport function getTicksForAxis(\n  config: XYChartAxisInternal | undefined,\n  numTicks: number,\n  scale: AnyXYChartScale | undefined,\n  formatter: ReturnType<typeof getFormatter> | undefined,\n  availableSize: number,\n  orientation: 'horizontal' | 'vertical',\n): TickAxis {\n  if (\n    config &&\n    !('categories' in config) &&\n    shouldUseNiceUnitTicks(config) &&\n    scale !== undefined &&\n    formatter !== undefined\n  ) {\n    const domain = scale.domain() as [number, number];\n    const niceTicks = computeNiceUnitTicks(\n      domain,\n      config.formatter,\n      availableSize,\n      orientation,\n      formatter as FormatterWithPrecision,\n      scale as ContinuousScale,\n    );\n\n    if (niceTicks !== null) {\n      return niceTicks;\n    }\n  }\n\n  return getTicksFormattedByConfig(\n    config,\n    numTicks,\n    scale,\n    formatter,\n    orientation === 'horizontal' ? availableSize : undefined,\n  );\n}\n\nexport function XYChartAxesTicksProvider({\n  children,\n}: Readonly<PropsWithChildren>) {\n  const { width, height } = useGridPlotSize();\n  const axisIdToFormatter: AxisIdToFormatter = useAxesFormatter();\n  const config = useVisibleAxesConfig();\n  const scales = useVisibleAxesScales();\n  const horizontalNumTicks = getHorizontalNumTicks(width);\n  const verticalNumTicks = getVerticalNumTicks(height);\n  const formatCategory = useFormatCategory();\n\n  const topScale = scales.top;\n  const topConfig = config.top;\n\n  const topFormatter = topConfig\n    ? getFormatter(\n        horizontalNumTicks,\n        axisIdToFormatter,\n        topConfig,\n        topScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const topTicks = getTicksForAxis(\n    topConfig,\n    horizontalNumTicks,\n    topScale,\n    topFormatter,\n    width,\n    'horizontal',\n  );\n\n  const bottomScale = scales.bottom;\n  const bottomConfig = config.bottom;\n\n  const bottomFormatter = bottomConfig\n    ? getFormatter(\n        horizontalNumTicks,\n        axisIdToFormatter,\n        bottomConfig,\n        bottomScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const bottomTicks = getTicksForAxis(\n    bottomConfig,\n    horizontalNumTicks,\n    bottomScale,\n    bottomFormatter,\n    width,\n    'horizontal',\n  );\n\n  const leftScale = scales.left;\n  const leftConfig = config.left;\n\n  const leftFormatter = leftConfig\n    ? getFormatter(\n        verticalNumTicks,\n        axisIdToFormatter,\n        leftConfig,\n        leftScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const leftTicks = getTicksForAxis(\n    leftConfig,\n    verticalNumTicks,\n    leftScale,\n    leftFormatter,\n    height,\n    'vertical',\n  );\n\n  const rightScale = scales.right;\n  const rightConfig = config.right;\n\n  const rightFormatter = rightConfig\n    ? getFormatter(\n        verticalNumTicks,\n        axisIdToFormatter,\n        rightConfig,\n        rightScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const rightTicks = getTicksForAxis(\n    rightConfig,\n    verticalNumTicks,\n    rightScale,\n    rightFormatter,\n    height,\n    'vertical',\n  );\n\n  return (\n    <XYChartAxesTicksContext.Provider\n      value={{ topTicks, bottomTicks, leftTicks, rightTicks }}\n    >\n      {children}\n    </XYChartAxesTicksContext.Provider>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { units } from '@dynatrace-sdk/units';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport type {\n  FormatterWithPrecision,\n  StringFormatter,\n} from '../../core/types/formatter.js';\nimport type { TickAxis } from '../../core/utils/formatter-by-ticks.js';\nimport { getFormatterByTicks } from '../../core/utils/formatter-by-ticks.js';\nimport type { ContinuousScale } from '../../core/utils/has-horizontal-label-collision.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport {\n  getHorizontalNumTicks,\n  getVerticalNumTicks,\n} from '../../core/utils/ticks.js';\nimport { XYChartAxesTicksContext } from '../context/axes/XYChartAxesTicks.context.js';\nimport { useAxesFormatter } from '../hooks/useAxesFormatter.js';\nimport {\n  type FormatCategory,\n  useFormatCategory,\n} from '../hooks/useFormatCategory.js';\nimport { useVisibleAxesConfig } from '../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../hooks/useVisibleAxesScales.js';\nimport { isCategorical } from '../types/guards.js';\nimport type {\n  AnyXYChartScale,\n  AxisIdToFormatter,\n  XYChartAxisInternal,\n} from '../types/xy-chart-internals.js';\nimport { filterOutOfRangeTicks } from '../utils/filter-out-of-range-ticks.js';\nimport {\n  computeNiceUnitTicks,\n  shouldUseNiceUnitTicks,\n} from '../utils/generate-nice-unit-ticks.js';\nimport { getTicksFormattedByConfig } from '../utils/get-ticks-formatted-by-config.js';\n\nfunction getFormatter(\n  numTicks: number,\n  axisIdToFormatter: AxisIdToFormatter,\n  config: XYChartAxisInternal,\n  scale: AnyXYChartScale | undefined,\n  formatCategory: FormatCategory,\n) {\n  if (isCategorical(config.type)) {\n    const stringFormatter: StringFormatter = (raw) =>\n      formatCategory(config, raw) ?? raw;\n    return stringFormatter;\n  }\n  return config?.isRelative\n    ? getFormatterByTicks(numTicks, scale, units.percentage.percent)\n    : safeGet(axisIdToFormatter, config.id);\n}\n\n/**\n * @internal\n * Resolves the tick data for a single axis. Uses nice unit ticks when the axis\n * is linear with a unit-converting formatter; otherwise falls back to the\n * standard formatted-ticks path.\n */\nexport function getTicksForAxis(\n  config: XYChartAxisInternal | undefined,\n  numTicks: number,\n  scale: AnyXYChartScale | undefined,\n  formatter: ReturnType<typeof getFormatter> | undefined,\n  availableSize: number,\n  orientation: 'horizontal' | 'vertical',\n): TickAxis {\n  if (\n    config &&\n    !('categories' in config) &&\n    shouldUseNiceUnitTicks(config) &&\n    scale !== undefined &&\n    formatter !== undefined\n  ) {\n    const domain = scale.domain() as [number, number];\n    const niceTicks = computeNiceUnitTicks(\n      domain,\n      config.formatter,\n      availableSize,\n      orientation,\n      formatter as FormatterWithPrecision,\n      scale as ContinuousScale,\n    );\n\n    if (niceTicks !== null) {\n      return niceTicks;\n    }\n  }\n\n  return getTicksFormattedByConfig(\n    config,\n    numTicks,\n    scale,\n    formatter,\n    orientation === 'horizontal' ? availableSize : undefined,\n  );\n}\n\nexport function XYChartAxesTicksProvider({\n  children,\n}: Readonly<PropsWithChildren>) {\n  const { width, height } = useGridPlotSize();\n  const axisIdToFormatter: AxisIdToFormatter = useAxesFormatter();\n  const config = useVisibleAxesConfig();\n  const scales = useVisibleAxesScales();\n  const horizontalNumTicks = getHorizontalNumTicks(width);\n  const verticalNumTicks = getVerticalNumTicks(height);\n  const formatCategory = useFormatCategory();\n\n  const topScale = scales.top;\n  const topConfig = config.top;\n\n  const topFormatter = topConfig\n    ? getFormatter(\n        horizontalNumTicks,\n        axisIdToFormatter,\n        topConfig,\n        topScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const topTicks = filterOutOfRangeTicks(\n    getTicksForAxis(\n      topConfig,\n      horizontalNumTicks,\n      topScale,\n      topFormatter,\n      width,\n      'horizontal',\n    ),\n    topScale,\n    width,\n  );\n\n  const bottomScale = scales.bottom;\n  const bottomConfig = config.bottom;\n\n  const bottomFormatter = bottomConfig\n    ? getFormatter(\n        horizontalNumTicks,\n        axisIdToFormatter,\n        bottomConfig,\n        bottomScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const bottomTicks = filterOutOfRangeTicks(\n    getTicksForAxis(\n      bottomConfig,\n      horizontalNumTicks,\n      bottomScale,\n      bottomFormatter,\n      width,\n      'horizontal',\n    ),\n    bottomScale,\n    width,\n  );\n\n  const leftScale = scales.left;\n  const leftConfig = config.left;\n\n  const leftFormatter = leftConfig\n    ? getFormatter(\n        verticalNumTicks,\n        axisIdToFormatter,\n        leftConfig,\n        leftScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const leftTicks = filterOutOfRangeTicks(\n    getTicksForAxis(\n      leftConfig,\n      verticalNumTicks,\n      leftScale,\n      leftFormatter,\n      height,\n      'vertical',\n    ),\n    leftScale,\n    height,\n  );\n\n  const rightScale = scales.right;\n  const rightConfig = config.right;\n\n  const rightFormatter = rightConfig\n    ? getFormatter(\n        verticalNumTicks,\n        axisIdToFormatter,\n        rightConfig,\n        rightScale,\n        formatCategory,\n      )\n    : undefined;\n\n  const rightTicks = filterOutOfRangeTicks(\n    getTicksForAxis(\n      rightConfig,\n      verticalNumTicks,\n      rightScale,\n      rightFormatter,\n      height,\n      'vertical',\n    ),\n    rightScale,\n    height,\n  );\n\n  return (\n    <XYChartAxesTicksContext.Provider\n      value={{ topTicks, bottomTicks, leftTicks, rightTicks }}\n    >\n      {children}\n    </XYChartAxesTicksContext.Provider>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }