@dynatrace/strato-components 3.0.1 → 3.1.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/hooks/useDotData.ts"],
-  "sourcesContent": ["import { useContext, useMemo } from 'react';\n\nimport { XYChartDataContext } from '../context/XYChartData.context.js';\nimport {\n  DOT_VARIANT,\n  type DotSeriesToMetadata,\n  type DotSeriesWithDatapoints,\n} from '../types/xy-chart-internals.js';\n\nexport interface DotDataInternal {\n  seriesWithDatapoints: DotSeriesWithDatapoints[];\n  seriesToMetadata: DotSeriesToMetadata;\n}\n\nexport const useDotData = () => {\n  const context = useContext(XYChartDataContext);\n\n  if (context === undefined) {\n    throw new Error('useDotData must be used within a XYChartDataContext');\n  }\n\n  const filteredContext = useMemo(() => {\n    return {\n      ...context,\n      seriesWithDatapoints: context.seriesWithDatapoints.filter(\n        (series) => series.type === DOT_VARIANT,\n      ),\n    };\n  }, [context]);\n\n  return filteredContext as Required<DotDataInternal>;\n};\n"],
-  "mappings": "AAAA,SAAS,YAAY,eAAe;AAEpC,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,OAGK;AAOA,MAAM,aAAa,MAAM;AAC9B,QAAM,UAAU,WAAW,kBAAkB;AAE7C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AAEA,QAAM,kBAAkB,QAAQ,MAAM;AACpC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,sBAAsB,QAAQ,qBAAqB;AAAA,QACjD,CAAC,WAAW,OAAO,SAAS;AAAA,MAC9B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACT;",
+  "sourcesContent": ["import { useContext, useMemo } from 'react';\n\nimport { XYChartDataContext } from '../context/XYChartData.context.js';\nimport {\n  DOT_VARIANT,\n  type DotSeriesToMetadata,\n  type DotSeriesWithDatapoints,\n} from '../types/xy-chart-internals.js';\n\nexport interface DotDataInternal {\n  filteredSeriesWithDatapoints: DotSeriesWithDatapoints[];\n  seriesToMetadata: DotSeriesToMetadata;\n}\n\nexport const useDotData = () => {\n  const context = useContext(XYChartDataContext);\n\n  if (context === undefined) {\n    throw new Error('useDotData must be used within a XYChartDataContext');\n  }\n\n  const filteredContext = useMemo(() => {\n    return {\n      seriesToMetadata: context.seriesToMetadata,\n      filteredSeriesWithDatapoints: context.filteredSeriesWithDatapoints.filter(\n        (series) => series.type === DOT_VARIANT,\n      ),\n    };\n  }, [context]);\n\n  return filteredContext as Required<DotDataInternal>;\n};\n"],
+  "mappings": "AAAA,SAAS,YAAY,eAAe;AAEpC,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,OAGK;AAOA,MAAM,aAAa,MAAM;AAC9B,QAAM,UAAU,WAAW,kBAAkB;AAE7C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AAEA,QAAM,kBAAkB,QAAQ,MAAM;AACpC,WAAO;AAAA,MACL,kBAAkB,QAAQ;AAAA,MAC1B,8BAA8B,QAAQ,6BAA6B;AAAA,QACjE,CAAC,WAAW,OAAO,SAAS;AAAA,MAC9B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACT;",
   "names": []
 }

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

@@ -10,8 +10,8 @@ const useLineData = () => {
   }
   const filteredContext = useMemo(() => {
     return {
-      ...context,
-      seriesWithDatapoints: context.seriesWithDatapoints.filter(
+      seriesToMetadata: context.seriesToMetadata,
+      filteredSeriesWithDatapoints: context.filteredSeriesWithDatapoints.filter(
         (series) => series.type === LINE_VARIANT
       )
     };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/hooks/useLineData.ts"],
-  "sourcesContent": ["import { useContext, useMemo } from 'react';\n\nimport { XYChartDataContext } from '../context/XYChartData.context.js';\nimport {\n  LINE_VARIANT,\n  type LineSeriesToMetadata,\n  type LineSeriesWithDatapoints,\n} from '../types/xy-chart-internals.js';\n\nexport interface LineDataInternal {\n  seriesWithDatapoints: LineSeriesWithDatapoints[];\n  seriesToMetadata: LineSeriesToMetadata;\n}\n\nexport const useLineData = () => {\n  const context = useContext(XYChartDataContext);\n\n  if (context === undefined) {\n    throw new Error('useLineData must be used within a XYChartDataContext');\n  }\n\n  const filteredContext = useMemo(() => {\n    return {\n      ...context,\n\n      seriesWithDatapoints: context.seriesWithDatapoints.filter(\n        (series) => series.type === LINE_VARIANT,\n      ),\n    };\n  }, [context]);\n\n  return filteredContext as LineDataInternal;\n};\n"],
-  "mappings": "AAAA,SAAS,YAAY,eAAe;AAEpC,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,OAGK;AAOA,MAAM,cAAc,MAAM;AAC/B,QAAM,UAAU,WAAW,kBAAkB;AAE7C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AAEA,QAAM,kBAAkB,QAAQ,MAAM;AACpC,WAAO;AAAA,MACL,GAAG;AAAA,MAEH,sBAAsB,QAAQ,qBAAqB;AAAA,QACjD,CAAC,WAAW,OAAO,SAAS;AAAA,MAC9B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACT;",
+  "sourcesContent": ["import { useContext, useMemo } from 'react';\n\nimport { XYChartDataContext } from '../context/XYChartData.context.js';\nimport {\n  LINE_VARIANT,\n  type LineSeriesToMetadata,\n  type LineSeriesWithDatapoints,\n} from '../types/xy-chart-internals.js';\n\nexport interface LineDataInternal {\n  filteredSeriesWithDatapoints: LineSeriesWithDatapoints[];\n  seriesToMetadata: LineSeriesToMetadata;\n}\n\nexport const useLineData = () => {\n  const context = useContext(XYChartDataContext);\n\n  if (context === undefined) {\n    throw new Error('useLineData must be used within a XYChartDataContext');\n  }\n\n  const filteredContext = useMemo(() => {\n    return {\n      seriesToMetadata: context.seriesToMetadata,\n      filteredSeriesWithDatapoints: context.filteredSeriesWithDatapoints.filter(\n        (series) => series.type === LINE_VARIANT,\n      ),\n    };\n  }, [context]);\n\n  return filteredContext as LineDataInternal;\n};\n"],
+  "mappings": "AAAA,SAAS,YAAY,eAAe;AAEpC,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,OAGK;AAOA,MAAM,cAAc,MAAM;AAC/B,QAAM,UAAU,WAAW,kBAAkB;AAE7C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AAEA,QAAM,kBAAkB,QAAQ,MAAM;AACpC,WAAO;AAAA,MACL,kBAAkB,QAAQ;AAAA,MAC1B,8BAA8B,QAAQ,6BAA6B;AAAA,QACjE,CAAC,WAAW,OAAO,SAAS;AAAA,MAC9B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACT;",
   "names": []
 }

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

@@ -15,8 +15,11 @@ const useRectData = () => {
   }
   const mergedContext = useMemo(() => {
     return {
-      ...context,
+      seriesIdToValueScaleDomain: context.seriesIdToValueScaleDomain,
       seriesToMetadata: genContext.seriesToMetadata,
+      filteredSeriesWithDatapoints: genContext.filteredSeriesWithDatapoints.filter(
+        (series) => series.type === RECT_VARIANT
+      ),
       seriesWithDatapoints: genContext.seriesWithDatapoints.filter(
         (series) => series.type === RECT_VARIANT
       )

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/hooks/useRectData.ts"],
-  "sourcesContent": ["import { useContext, useMemo } from 'react';\n\nimport { XYChartDataContext } from '../context/XYChartData.context.js';\nimport { XYChartRectDataContext } from '../context/XYChartRectData.context.js';\nimport {\n  RECT_VARIANT,\n  type RectSeriesIdToValueScaleDomain,\n  type RectSeriesToMetadata,\n  type RectSeriesWithDatapoints,\n} from '../types/xy-chart-internals.js';\n\nexport interface RectDataInternal {\n  seriesWithDatapoints: RectSeriesWithDatapoints[];\n  seriesToMetadata: RectSeriesToMetadata;\n  seriesIdToValueScaleDomain?: RectSeriesIdToValueScaleDomain;\n}\n\nexport const useRectData = () => {\n  const context = useContext(XYChartRectDataContext);\n  const genContext = useContext(XYChartDataContext);\n\n  if (context === undefined) {\n    throw new Error('useRectData must be used within a XYChartRectDataContext');\n  }\n  if (genContext === undefined) {\n    throw new Error('useXYChartData must be used within a XYChartDataContext');\n  }\n\n  const mergedContext = useMemo(() => {\n    return {\n      ...context,\n      seriesToMetadata: genContext.seriesToMetadata,\n      seriesWithDatapoints: genContext.seriesWithDatapoints.filter(\n        (series) => series.type === RECT_VARIANT,\n      ),\n    };\n  }, [genContext, context]);\n\n  return mergedContext as Required<RectDataInternal>;\n};\n"],
-  "mappings": "AAAA,SAAS,YAAY,eAAe;AAEpC,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC;AAAA,EACE;AAAA,OAIK;AAQA,MAAM,cAAc,MAAM;AAC/B,QAAM,UAAU,WAAW,sBAAsB;AACjD,QAAM,aAAa,WAAW,kBAAkB;AAEhD,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,0DAA0D;AAAA,EAC5E;AACA,MAAI,eAAe,QAAW;AAC5B,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAC3E;AAEA,QAAM,gBAAgB,QAAQ,MAAM;AAClC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,kBAAkB,WAAW;AAAA,MAC7B,sBAAsB,WAAW,qBAAqB;AAAA,QACpD,CAAC,WAAW,OAAO,SAAS;AAAA,MAC9B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,YAAY,OAAO,CAAC;AAExB,SAAO;AACT;",
+  "sourcesContent": ["import { useContext, useMemo } from 'react';\n\nimport { XYChartDataContext } from '../context/XYChartData.context.js';\nimport { XYChartRectDataContext } from '../context/XYChartRectData.context.js';\nimport {\n  RECT_VARIANT,\n  type RectSeriesIdToValueScaleDomain,\n  type RectSeriesToMetadata,\n  type RectSeriesWithDatapoints,\n} from '../types/xy-chart-internals.js';\n\nexport interface RectDataInternal {\n  seriesToMetadata: RectSeriesToMetadata;\n  seriesIdToValueScaleDomain?: RectSeriesIdToValueScaleDomain;\n  filteredSeriesWithDatapoints: RectSeriesWithDatapoints[];\n  seriesWithDatapoints: RectSeriesWithDatapoints[];\n}\n\nexport const useRectData = () => {\n  const context = useContext(XYChartRectDataContext);\n  const genContext = useContext(XYChartDataContext);\n\n  if (context === undefined) {\n    throw new Error('useRectData must be used within a XYChartRectDataContext');\n  }\n  if (genContext === undefined) {\n    throw new Error('useXYChartData must be used within a XYChartDataContext');\n  }\n\n  const mergedContext = useMemo(() => {\n    return {\n      seriesIdToValueScaleDomain: context.seriesIdToValueScaleDomain,\n      seriesToMetadata: genContext.seriesToMetadata,\n      filteredSeriesWithDatapoints:\n        genContext.filteredSeriesWithDatapoints.filter(\n          (series) => series.type === RECT_VARIANT,\n        ),\n      seriesWithDatapoints: genContext.seriesWithDatapoints.filter(\n        (series) => series.type === RECT_VARIANT,\n      ),\n    };\n  }, [genContext, context]);\n\n  return mergedContext as Required<RectDataInternal>;\n};\n"],
+  "mappings": "AAAA,SAAS,YAAY,eAAe;AAEpC,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC;AAAA,EACE;AAAA,OAIK;AASA,MAAM,cAAc,MAAM;AAC/B,QAAM,UAAU,WAAW,sBAAsB;AACjD,QAAM,aAAa,WAAW,kBAAkB;AAEhD,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,0DAA0D;AAAA,EAC5E;AACA,MAAI,eAAe,QAAW;AAC5B,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAC3E;AAEA,QAAM,gBAAgB,QAAQ,MAAM;AAClC,WAAO;AAAA,MACL,4BAA4B,QAAQ;AAAA,MACpC,kBAAkB,WAAW;AAAA,MAC7B,8BACE,WAAW,6BAA6B;AAAA,QACtC,CAAC,WAAW,OAAO,SAAS;AAAA,MAC9B;AAAA,MACF,sBAAsB,WAAW,qBAAqB;AAAA,QACpD,CAAC,WAAW,OAAO,SAAS;AAAA,MAC9B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,YAAY,OAAO,CAAC;AAExB,SAAO;AACT;",
   "names": []
 }

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

@@ -13,23 +13,23 @@ import {
 const useShouldShowGrid = () => {
   const shapes = [
     {
-      series: useRectData().seriesWithDatapoints,
+      series: useRectData().filteredSeriesWithDatapoints,
       variant: RECT_VARIANT
     },
     {
-      series: useDotData().seriesWithDatapoints,
+      series: useDotData().filteredSeriesWithDatapoints,
       variant: DOT_VARIANT
     },
     {
-      series: useLineData().seriesWithDatapoints,
+      series: useLineData().filteredSeriesWithDatapoints,
       variant: LINE_VARIANT
     },
     {
-      series: useBarData().seriesWithDatapoints,
+      series: useBarData().filteredSeriesWithDatapoints,
       variant: BAR_VARIANT
     },
     {
-      series: useAreaData().seriesWithDatapoints,
+      series: useAreaData().filteredSeriesWithDatapoints,
       variant: AREA_VARIANT
     }
   ].reduce((acc, current) => {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/hooks/useShouldShowGrid.ts"],
-  "sourcesContent": ["import { useAreaData } from './useAreaData.js';\nimport { useBarData } from './useBarData.js';\nimport { useDotData } from './useDotData.js';\nimport { useLineData } from './useLineData.js';\nimport { useRectData } from './useRectData.js';\nimport {\n  DOT_VARIANT,\n  RECT_VARIANT,\n  LINE_VARIANT,\n  BAR_VARIANT,\n  AREA_VARIANT,\n} from '../types/xy-chart-internals.js';\n\ntype Variants = [\n  typeof DOT_VARIANT,\n  typeof RECT_VARIANT,\n  typeof LINE_VARIANT,\n  typeof BAR_VARIANT,\n  typeof AREA_VARIANT,\n];\n\nexport const useShouldShowGrid = () => {\n  const shapes = (\n    [\n      {\n        series: useRectData().seriesWithDatapoints,\n        variant: RECT_VARIANT,\n      },\n      {\n        series: useDotData().seriesWithDatapoints,\n        variant: DOT_VARIANT,\n      },\n      {\n        series: useLineData().seriesWithDatapoints,\n        variant: LINE_VARIANT,\n      },\n      {\n        series: useBarData().seriesWithDatapoints,\n        variant: BAR_VARIANT,\n      },\n      {\n        series: useAreaData().seriesWithDatapoints,\n        variant: AREA_VARIANT,\n      },\n    ] as const\n  ).reduce((acc, current) => {\n    if (current.series[0]?.data.length) {\n      acc.push(current.variant);\n    }\n\n    return acc;\n  }, [] as Partial<Variants>);\n\n  return {\n    shouldShowGrid: () => !!shapes.length && !shapes.includes(RECT_VARIANT),\n    shapes,\n  };\n};\n"],
+  "sourcesContent": ["import { useAreaData } from './useAreaData.js';\nimport { useBarData } from './useBarData.js';\nimport { useDotData } from './useDotData.js';\nimport { useLineData } from './useLineData.js';\nimport { useRectData } from './useRectData.js';\nimport {\n  DOT_VARIANT,\n  RECT_VARIANT,\n  LINE_VARIANT,\n  BAR_VARIANT,\n  AREA_VARIANT,\n} from '../types/xy-chart-internals.js';\n\ntype Variants = [\n  typeof DOT_VARIANT,\n  typeof RECT_VARIANT,\n  typeof LINE_VARIANT,\n  typeof BAR_VARIANT,\n  typeof AREA_VARIANT,\n];\n\nexport const useShouldShowGrid = () => {\n  const shapes = (\n    [\n      {\n        series: useRectData().filteredSeriesWithDatapoints,\n        variant: RECT_VARIANT,\n      },\n      {\n        series: useDotData().filteredSeriesWithDatapoints,\n        variant: DOT_VARIANT,\n      },\n      {\n        series: useLineData().filteredSeriesWithDatapoints,\n        variant: LINE_VARIANT,\n      },\n      {\n        series: useBarData().filteredSeriesWithDatapoints,\n        variant: BAR_VARIANT,\n      },\n      {\n        series: useAreaData().filteredSeriesWithDatapoints,\n        variant: AREA_VARIANT,\n      },\n    ] as const\n  ).reduce((acc, current) => {\n    if (current.series[0]?.data.length) {\n      acc.push(current.variant);\n    }\n\n    return acc;\n  }, [] as Partial<Variants>);\n\n  return {\n    shouldShowGrid: () => !!shapes.length && !shapes.includes(RECT_VARIANT),\n    shapes,\n  };\n};\n"],
   "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAUA,MAAM,oBAAoB,MAAM;AACrC,QAAM,SACJ;AAAA,IACE;AAAA,MACE,QAAQ,YAAY,EAAE;AAAA,MACtB,SAAS;AAAA,IACX;AAAA,IACA;AAAA,MACE,QAAQ,WAAW,EAAE;AAAA,MACrB,SAAS;AAAA,IACX;AAAA,IACA;AAAA,MACE,QAAQ,YAAY,EAAE;AAAA,MACtB,SAAS;AAAA,IACX;AAAA,IACA;AAAA,MACE,QAAQ,WAAW,EAAE;AAAA,MACrB,SAAS;AAAA,IACX;AAAA,IACA;AAAA,MACE,QAAQ,YAAY,EAAE;AAAA,MACtB,SAAS;AAAA,IACX;AAAA,EACF,EACA,OAAO,CAAC,KAAK,YAAY;AACzB,QAAI,QAAQ,OAAO,CAAC,GAAG,KAAK,QAAQ;AAClC,UAAI,KAAK,QAAQ,OAAO;AAAA,IAC1B;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,CAAsB;AAE1B,SAAO;AAAA,IACL,gBAAgB,MAAM,CAAC,CAAC,OAAO,UAAU,CAAC,OAAO,SAAS,YAAY;AAAA,IACtE;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -1,5 +1,4 @@
 import { isUndefined } from "lodash-es";
-import { useMemo, useRef } from "react";
 import { isBandScale } from "../../core/utils/detect-scale.js";
 import { scaleBandInvert } from "../../core/utils/scale.js";
 import { getBandCenteredPoint } from "../utils/get-band-centered-point.js";
@@ -10,20 +9,41 @@ const initialAxisSelectConfig = {
   uniqueXValuesWithDatapoints: /* @__PURE__ */ new Set(),
   datapointsPerXAxisValue: /* @__PURE__ */ new Map()
 };
-const getPointValue = (point) => {
-  if (typeof point.datapoint.x0 === "string") {
-    return point.datapoint.x0;
-  } else {
-    return point.datapoint.x0 instanceof Date ? getCenterDate(point.datapoint.x0, point.datapoint.x1) : point.datapoint.x0;
+const getPointValue = (point, datapointMetadataMap) => {
+  const xValue = point.datapoint.x0 ?? point.datapoint.x1;
+  if (xValue === void 0) {
+    return void 0;
   }
+  if (typeof xValue === "string") {
+    return xValue;
+  }
+  if (xValue instanceof Date) {
+    const x1 = point.datapoint.x1;
+    return x1 instanceof Date ? getCenterDate(xValue, x1) : xValue;
+  }
+  if (typeof xValue === "number") {
+    const metadata = datapointMetadataMap.get(point.datapoint);
+    if (metadata?.baseline === "y" && typeof metadata.accumulator === "number") {
+      return xValue + metadata.accumulator;
+    }
+  }
+  return xValue;
+};
+const getPointValues = (point, datapointMetadataMap) => {
+  const primaryValue = getPointValue(point, datapointMetadataMap);
+  if (isUndefined(primaryValue)) {
+    return [];
+  }
+  const { x0, x1 } = point.datapoint;
+  if (typeof x0 === "number" && typeof x1 === "number" && x0 !== x1) {
+    return [x0, x1];
+  }
+  return [primaryValue];
 };
-const useSortLinearDatapoints = (seriesVariantsProps) => {
-  const axisSelectConfig = useRef(/* @__PURE__ */ new Map());
-  useMemo(() => {
-    axisSelectConfig.current.clear();
-  }, [seriesVariantsProps]);
+const useSortLinearDatapoints = (seriesVariantsProps, datapointMetadataMap) => {
+  const axisSelectConfig = /* @__PURE__ */ new Map();
   const getSortedValuesByAxisId = (axisId) => {
-    const selectConfig = axisSelectConfig.current.get(axisId);
+    const selectConfig = axisSelectConfig.get(axisId);
     if (selectConfig) {
       const { uniqueXValuesWithDatapoints } = selectConfig;
       return Array.from(uniqueXValuesWithDatapoints).sort((a, b) => {
@@ -39,24 +59,26 @@ const useSortLinearDatapoints = (seriesVariantsProps) => {
     return [];
   };
   const handleAddValue = (point) => {
-    if (isUndefined(point.datapoint.x0)) {
+    const values = getPointValues(point, datapointMetadataMap);
+    if (values.length === 0) {
       return;
     }
-    const value = getPointValue(point);
     const axisId = point.series.xAxisId;
-    if (!axisSelectConfig.current.has(axisId)) {
-      axisSelectConfig.current.set(axisId, {
+    if (!axisSelectConfig.has(axisId)) {
+      axisSelectConfig.set(axisId, {
         uniqueXValuesWithDatapoints: /* @__PURE__ */ new Set(),
         datapointsPerXAxisValue: /* @__PURE__ */ new Map()
       });
     }
-    const { uniqueXValuesWithDatapoints, datapointsPerXAxisValue } = axisSelectConfig.current.get(axisId) ?? initialAxisSelectConfig;
-    if (!uniqueXValuesWithDatapoints.has(value)) {
-      uniqueXValuesWithDatapoints.add(value);
-      datapointsPerXAxisValue.set(value, []);
+    const { uniqueXValuesWithDatapoints, datapointsPerXAxisValue } = axisSelectConfig.get(axisId) ?? initialAxisSelectConfig;
+    for (const value of values) {
+      if (!uniqueXValuesWithDatapoints.has(value)) {
+        uniqueXValuesWithDatapoints.add(value);
+        datapointsPerXAxisValue.set(value, []);
+      }
+      const existingPointsInXPosition = datapointsPerXAxisValue.get(value) ?? [];
+      existingPointsInXPosition.push(point);
     }
-    const existingPointsInXPosition = datapointsPerXAxisValue.get(value) ?? [];
-    existingPointsInXPosition.push(point);
   };
   const handleSearchNumericRange = (start, end, axisId) => {
     const sortedValues = getSortedValuesByAxisId(axisId);
@@ -79,23 +101,32 @@ const useSortLinearDatapoints = (seriesVariantsProps) => {
     return categoriesCoordinates.filter((xValue) => xValue >= start && xValue <= end).map((xValue) => scaleBandInvert(scale)(xValue));
   };
   const handleGetPoints = (axisId, range, callback, pointsByRange = []) => {
-    const selectConfig = axisSelectConfig.current.get(axisId);
+    const selectConfig = axisSelectConfig.get(axisId);
     if (!selectConfig) {
       return pointsByRange;
     }
     const { datapointsPerXAxisValue } = selectConfig;
+    const addMappedPoints = (mappedPoint) => {
+      if (!mappedPoint) {
+        return;
+      }
+      if (Array.isArray(mappedPoint)) {
+        pointsByRange.push(...mappedPoint);
+      } else {
+        pointsByRange.push(mappedPoint);
+      }
+    };
+    const mapPointsForValue = (points) => {
+      for (const point of points) {
+        addMappedPoints(callback(point));
+      }
+    };
     for (const value of range) {
       const points = datapointsPerXAxisValue.get(value);
-      if (points) {
-        for (const point of points) {
-          const mappedPoint = callback(
-            point
-          );
-          if (mappedPoint) {
-            pointsByRange.push(mappedPoint);
-          }
-        }
+      if (!points?.length) {
+        continue;
       }
+      mapPointsForValue(points);
     }
     return pointsByRange;
   };
@@ -115,7 +146,7 @@ const useSortLinearDatapoints = (seriesVariantsProps) => {
     }
     const axesIdsArray = typeof axesIds === "string" ? [axesIds] : axesIds;
     axesIdsArray.forEach((axisId) => {
-      if (axisSelectConfig.current.has(axisId)) {
+      if (axisSelectConfig.has(axisId)) {
         const scale = getCurrentScale(axisIdToScales, axisId);
         if (isBandScale(scale)) {
           axesCurrentSelection[axisId] = handleGetPointsByCategories(
@@ -147,7 +178,7 @@ const useSortLinearDatapoints = (seriesVariantsProps) => {
     return { axesCurrentSelection, highlightedDatapoints };
   };
   return {
-    getCurrentSelectConfig: () => axisSelectConfig.current,
+    getCurrentSelectConfig: () => axisSelectConfig,
     addValue: (point) => handleAddValue(point),
     searchAllAxisDatapoints
   };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/hooks/useSortLinearDatapoints.ts"],
-  "sourcesContent": ["import { ScaleBand } from 'd3-scale';\nimport { isUndefined } from 'lodash-es';\nimport { useMemo, useRef } from 'react';\n\nimport { DataPoint } from '../../core/types/data-point.js';\nimport type { MinMax } from '../../core/types/min-max.js';\nimport { isBandScale } from '../../core/utils/detect-scale.js';\nimport { scaleBandInvert } from '../../core/utils/scale.js';\nimport type { XYChartLinearSelectionContextValue } from '../context/XYChartLinearSelection.context.js';\nimport { type XYChartVariantsInternal } from '../types/xy-chart-internals.js';\nimport type {\n  AxisSelectConfig,\n  XYChartSelectionLinearMetadata,\n} from '../types/xy-chart-selection.js';\nimport { XYAccessorDataTypes } from '../types/xy-chart.js';\nimport { getBandCenteredPoint } from '../utils/get-band-centered-point.js';\nimport { getCenterDate } from '../utils/get-center-date.js';\nimport { getCurrentScale } from '../utils/get-scale.js';\nimport { toAbsolute } from '../utils/value-representation.js';\n\nconst initialAxisSelectConfig: AxisSelectConfig = {\n  uniqueXValuesWithDatapoints: new Set<XYAccessorDataTypes>(),\n  datapointsPerXAxisValue: new Map<\n    XYAccessorDataTypes,\n    XYChartSelectionLinearMetadata[]\n  >(),\n};\n\nconst getPointValue = (point: XYChartSelectionLinearMetadata) => {\n  if (typeof point.datapoint.x0 === 'string') {\n    return point.datapoint.x0;\n  } else {\n    return point.datapoint.x0 instanceof Date\n      ? getCenterDate(point.datapoint.x0, point.datapoint.x1)\n      : point.datapoint.x0;\n  }\n};\n\ntype SerializeDatapoint = Parameters<\n  XYChartLinearSelectionContextValue['searchAllAxisDatapoints']\n>[2];\n\nexport const useSortLinearDatapoints = (\n  seriesVariantsProps: XYChartVariantsInternal[],\n) => {\n  const axisSelectConfig = useRef<Map<string, AxisSelectConfig>>(new Map());\n\n  useMemo(() => {\n    axisSelectConfig.current.clear();\n  }, [seriesVariantsProps]);\n\n  const getSortedValuesByAxisId = (axisId: string) => {\n    const selectConfig = axisSelectConfig.current.get(axisId);\n    if (selectConfig) {\n      const { uniqueXValuesWithDatapoints } = selectConfig;\n      return Array.from(uniqueXValuesWithDatapoints).sort((a, b) => {\n        if (a instanceof Date && b instanceof Date) {\n          return a.getTime() - b.getTime();\n        }\n        if (typeof a === 'number' && typeof b === 'number') {\n          return a - b;\n        }\n        return 0;\n      });\n    }\n    return [];\n  };\n\n  const handleAddValue = (point: XYChartSelectionLinearMetadata) => {\n    if (isUndefined(point.datapoint.x0)) {\n      return;\n    }\n\n    const value = getPointValue(point);\n    const axisId = point.series.xAxisId;\n\n    if (!axisSelectConfig.current.has(axisId)) {\n      axisSelectConfig.current.set(axisId, {\n        uniqueXValuesWithDatapoints: new Set<XYAccessorDataTypes>(),\n        datapointsPerXAxisValue: new Map<\n          XYAccessorDataTypes,\n          XYChartSelectionLinearMetadata[]\n        >(),\n      });\n    }\n\n    const { uniqueXValuesWithDatapoints, datapointsPerXAxisValue } =\n      axisSelectConfig.current.get(axisId) ?? initialAxisSelectConfig;\n\n    if (!uniqueXValuesWithDatapoints.has(value)) {\n      uniqueXValuesWithDatapoints.add(value);\n      datapointsPerXAxisValue.set(value, []);\n    }\n\n    const existingPointsInXPosition = datapointsPerXAxisValue.get(value) ?? [];\n    existingPointsInXPosition.push(point);\n  };\n\n  const handleSearchNumericRange = (\n    start: Omit<XYAccessorDataTypes, 'string'>,\n    end: Omit<XYAccessorDataTypes, 'string'>,\n    axisId: string,\n  ) => {\n    const sortedValues = getSortedValuesByAxisId(axisId);\n    const [min, max] = start <= end ? [start, end] : [end, start];\n    const startIndex = sortedValues.findIndex(\n      (value) => value >= min && value <= max,\n    );\n    if (startIndex === -1) {\n      return [];\n    }\n    const endIndex = sortedValues.findIndex((value) => value > max);\n    const lastElement = endIndex === -1 ? sortedValues.length : endIndex;\n    return sortedValues.slice(startIndex, lastElement);\n  };\n\n  const handleSearchCategoricalRange = (\n    start: number,\n    end: number,\n    scale: ScaleBand<string>,\n  ) => {\n    const domainValues = scale.domain();\n    const categoriesCoordinates = domainValues.map((d) =>\n      getBandCenteredPoint(scale, d),\n    );\n\n    return categoriesCoordinates\n      .filter((xValue) => xValue >= start && xValue <= end)\n      .map((xValue) => scaleBandInvert(scale)(xValue));\n  };\n\n  const handleGetPoints = (\n    axisId: string,\n    range: XYAccessorDataTypes[],\n    callback: SerializeDatapoint,\n    pointsByRange: DataPoint[] = [],\n  ) => {\n    const selectConfig = axisSelectConfig.current.get(axisId);\n    if (!selectConfig) {\n      return pointsByRange;\n    }\n\n    const { datapointsPerXAxisValue } = selectConfig;\n    for (const value of range) {\n      const points = datapointsPerXAxisValue.get(value);\n      if (points) {\n        for (const point of points) {\n          const mappedPoint = callback(\n            point as unknown as XYChartSelectionLinearMetadata,\n          );\n          if (mappedPoint) {\n            pointsByRange.push(mappedPoint);\n          }\n        }\n      }\n    }\n    return pointsByRange;\n  };\n\n  const handleGetPointsByCategories = (\n    start: number,\n    end: number,\n    callback: SerializeDatapoint,\n    axisId: string,\n    scale: ScaleBand<string>,\n    pointsByRange: DataPoint[] = [],\n  ) => {\n    const range = handleSearchCategoricalRange(start, end, scale);\n    return handleGetPoints(axisId, range, callback, pointsByRange);\n  };\n\n  const handleGetPointsByNumericalRange = (\n    start: number | Date,\n    end: number | Date,\n    callback: SerializeDatapoint,\n    axisId: string,\n    pointsByRange: DataPoint[] = [],\n  ) => {\n    const range = handleSearchNumericRange(start, end, axisId);\n    return handleGetPoints(axisId, range, callback, pointsByRange);\n  };\n\n  const searchAllAxisDatapoints: XYChartLinearSelectionContextValue['searchAllAxisDatapoints'] =\n    (\n      start,\n      end,\n      callback,\n      axesIds,\n      axisIdToScales,\n      axisIdToScaleDomain,\n      axisIDToIsRelative,\n    ) => {\n      const axesCurrentSelection: Record<string, DataPoint[]> = {};\n      const highlightedDatapoints: DataPoint[] = [];\n      if (!axisIdToScales) {\n        return { axesCurrentSelection, highlightedDatapoints };\n      }\n      const axesIdsArray = typeof axesIds === 'string' ? [axesIds] : axesIds;\n      axesIdsArray.forEach((axisId) => {\n        if (axisSelectConfig.current.has(axisId)) {\n          const scale = getCurrentScale(axisIdToScales, axisId);\n          if (isBandScale(scale)) {\n            axesCurrentSelection[axisId] = handleGetPointsByCategories(\n              start,\n              end,\n              callback,\n              axisId,\n              scale,\n              highlightedDatapoints,\n            );\n          } else {\n            let startDomain = scale.invert(start);\n            let endDomain = scale.invert(end);\n            if (axisIDToIsRelative.get(axisId)) {\n              const domain = axisIdToScaleDomain.get(axisId) as MinMax;\n              startDomain = toAbsolute(startDomain as number, domain);\n              endDomain = toAbsolute(endDomain as number, domain);\n            }\n            axesCurrentSelection[axisId] = handleGetPointsByNumericalRange(\n              startDomain,\n              endDomain,\n              callback,\n              axisId,\n              highlightedDatapoints,\n            );\n          }\n        }\n      });\n      return { axesCurrentSelection, highlightedDatapoints };\n    };\n\n  return {\n    getCurrentSelectConfig: () => axisSelectConfig.current,\n    addValue: (point: XYChartSelectionLinearMetadata) => handleAddValue(point),\n    searchAllAxisDatapoints,\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ScaleBand } from 'd3-scale';\nimport { isUndefined } from 'lodash-es';\n\nimport { DataPoint } from '../../core/types/data-point.js';\nimport type { MinMax } from '../../core/types/min-max.js';\nimport { isBandScale } from '../../core/utils/detect-scale.js';\nimport { scaleBandInvert } from '../../core/utils/scale.js';\nimport type { XYChartLinearSelectionContextValue } from '../context/XYChartLinearSelection.context.js';\nimport {\n  type MapDatapoints,\n  type XYChartVariantsInternal,\n} from '../types/xy-chart-internals.js';\nimport type {\n  AxisSelectConfig,\n  XYChartSelectionLinearMetadata,\n} from '../types/xy-chart-selection.js';\nimport { XYAccessorDataTypes } from '../types/xy-chart.js';\nimport { getBandCenteredPoint } from '../utils/get-band-centered-point.js';\nimport { getCenterDate } from '../utils/get-center-date.js';\nimport { getCurrentScale } from '../utils/get-scale.js';\nimport { toAbsolute } from '../utils/value-representation.js';\n\nconst initialAxisSelectConfig: AxisSelectConfig = {\n  uniqueXValuesWithDatapoints: new Set<XYAccessorDataTypes>(),\n  datapointsPerXAxisValue: new Map<\n    XYAccessorDataTypes,\n    XYChartSelectionLinearMetadata[]\n  >(),\n};\n\nconst getPointValue = (\n  point: XYChartSelectionLinearMetadata,\n  datapointMetadataMap: MapDatapoints,\n) => {\n  const xValue = point.datapoint.x0 ?? point.datapoint.x1;\n\n  if (xValue === undefined) {\n    return undefined;\n  }\n\n  if (typeof xValue === 'string') {\n    return xValue;\n  }\n\n  if (xValue instanceof Date) {\n    const x1 = point.datapoint.x1;\n    return x1 instanceof Date ? getCenterDate(xValue, x1) : xValue;\n  }\n\n  if (typeof xValue === 'number') {\n    const metadata = datapointMetadataMap.get(point.datapoint);\n    if (\n      metadata?.baseline === 'y' &&\n      typeof metadata.accumulator === 'number'\n    ) {\n      return xValue + metadata.accumulator;\n    }\n  }\n\n  return xValue;\n};\n\nconst getPointValues = (\n  point: XYChartSelectionLinearMetadata,\n  datapointMetadataMap: MapDatapoints,\n): XYAccessorDataTypes[] => {\n  const primaryValue = getPointValue(point, datapointMetadataMap);\n  if (isUndefined(primaryValue)) {\n    return [];\n  }\n\n  const { x0, x1 } = point.datapoint;\n\n  if (typeof x0 === 'number' && typeof x1 === 'number' && x0 !== x1) {\n    return [x0, x1];\n  }\n\n  return [primaryValue];\n};\n\ntype SerializeDatapoint = Parameters<\n  XYChartLinearSelectionContextValue['searchAllAxisDatapoints']\n>[2];\n\nexport const useSortLinearDatapoints = (\n  seriesVariantsProps: XYChartVariantsInternal[],\n  datapointMetadataMap: MapDatapoints,\n) => {\n  const axisSelectConfig = new Map<string, AxisSelectConfig>();\n\n  const getSortedValuesByAxisId = (axisId: string) => {\n    const selectConfig = axisSelectConfig.get(axisId);\n    if (selectConfig) {\n      const { uniqueXValuesWithDatapoints } = selectConfig;\n      return Array.from(uniqueXValuesWithDatapoints).sort((a, b) => {\n        if (a instanceof Date && b instanceof Date) {\n          return a.getTime() - b.getTime();\n        }\n        if (typeof a === 'number' && typeof b === 'number') {\n          return a - b;\n        }\n        return 0;\n      });\n    }\n    return [];\n  };\n\n  const handleAddValue = (point: XYChartSelectionLinearMetadata) => {\n    const values = getPointValues(point, datapointMetadataMap);\n    if (values.length === 0) {\n      return;\n    }\n\n    const axisId = point.series.xAxisId;\n\n    if (!axisSelectConfig.has(axisId)) {\n      axisSelectConfig.set(axisId, {\n        uniqueXValuesWithDatapoints: new Set<XYAccessorDataTypes>(),\n        datapointsPerXAxisValue: new Map<\n          XYAccessorDataTypes,\n          XYChartSelectionLinearMetadata[]\n        >(),\n      });\n    }\n\n    const { uniqueXValuesWithDatapoints, datapointsPerXAxisValue } =\n      axisSelectConfig.get(axisId) ?? initialAxisSelectConfig;\n\n    for (const value of values) {\n      if (!uniqueXValuesWithDatapoints.has(value)) {\n        uniqueXValuesWithDatapoints.add(value);\n        datapointsPerXAxisValue.set(value, []);\n      }\n\n      const existingPointsInXPosition =\n        datapointsPerXAxisValue.get(value) ?? [];\n      existingPointsInXPosition.push(point);\n    }\n  };\n\n  const handleSearchNumericRange = (\n    start: Omit<XYAccessorDataTypes, 'string'>,\n    end: Omit<XYAccessorDataTypes, 'string'>,\n    axisId: string,\n  ) => {\n    const sortedValues = getSortedValuesByAxisId(axisId);\n    const [min, max] = start <= end ? [start, end] : [end, start];\n    const startIndex = sortedValues.findIndex(\n      (value) => value >= min && value <= max,\n    );\n    if (startIndex === -1) {\n      return [];\n    }\n    const endIndex = sortedValues.findIndex((value) => value > max);\n    const lastElement = endIndex === -1 ? sortedValues.length : endIndex;\n    return sortedValues.slice(startIndex, lastElement);\n  };\n\n  const handleSearchCategoricalRange = (\n    start: number,\n    end: number,\n    scale: ScaleBand<string>,\n  ) => {\n    const domainValues = scale.domain();\n    const categoriesCoordinates = domainValues.map((d) =>\n      getBandCenteredPoint(scale, d),\n    );\n\n    return categoriesCoordinates\n      .filter((xValue) => xValue >= start && xValue <= end)\n      .map((xValue) => scaleBandInvert(scale)(xValue));\n  };\n\n  const handleGetPoints = (\n    axisId: string,\n    range: XYAccessorDataTypes[],\n    callback: SerializeDatapoint,\n    pointsByRange: DataPoint[] = [],\n  ) => {\n    const selectConfig = axisSelectConfig.get(axisId);\n    if (!selectConfig) {\n      return pointsByRange;\n    }\n\n    const { datapointsPerXAxisValue } = selectConfig;\n\n    const addMappedPoints = (mappedPoint: DataPoint | DataPoint[] | null) => {\n      if (!mappedPoint) {\n        return;\n      }\n      if (Array.isArray(mappedPoint)) {\n        pointsByRange.push(...mappedPoint);\n      } else {\n        pointsByRange.push(mappedPoint);\n      }\n    };\n\n    const mapPointsForValue = (points: XYChartSelectionLinearMetadata[]) => {\n      for (const point of points) {\n        addMappedPoints(callback(point));\n      }\n    };\n\n    for (const value of range) {\n      const points = datapointsPerXAxisValue.get(value);\n      if (!points?.length) {\n        continue;\n      }\n      mapPointsForValue(points);\n    }\n    return pointsByRange;\n  };\n\n  const handleGetPointsByCategories = (\n    start: number,\n    end: number,\n    callback: SerializeDatapoint,\n    axisId: string,\n    scale: ScaleBand<string>,\n    pointsByRange: DataPoint[] = [],\n  ) => {\n    const range = handleSearchCategoricalRange(start, end, scale);\n    return handleGetPoints(axisId, range, callback, pointsByRange);\n  };\n\n  const handleGetPointsByNumericalRange = (\n    start: number | Date,\n    end: number | Date,\n    callback: SerializeDatapoint,\n    axisId: string,\n    pointsByRange: DataPoint[] = [],\n  ) => {\n    const range = handleSearchNumericRange(start, end, axisId);\n    return handleGetPoints(axisId, range, callback, pointsByRange);\n  };\n\n  const searchAllAxisDatapoints: XYChartLinearSelectionContextValue['searchAllAxisDatapoints'] =\n    (\n      start,\n      end,\n      callback,\n      axesIds,\n      axisIdToScales,\n      axisIdToScaleDomain,\n      axisIDToIsRelative,\n    ) => {\n      const axesCurrentSelection: Record<string, DataPoint[]> = {};\n      const highlightedDatapoints: DataPoint[] = [];\n      if (!axisIdToScales) {\n        return { axesCurrentSelection, highlightedDatapoints };\n      }\n      const axesIdsArray = typeof axesIds === 'string' ? [axesIds] : axesIds;\n      axesIdsArray.forEach((axisId) => {\n        if (axisSelectConfig.has(axisId)) {\n          const scale = getCurrentScale(axisIdToScales, axisId);\n          if (isBandScale(scale)) {\n            axesCurrentSelection[axisId] = handleGetPointsByCategories(\n              start,\n              end,\n              callback,\n              axisId,\n              scale,\n              highlightedDatapoints,\n            );\n          } else {\n            let startDomain = scale.invert(start);\n            let endDomain = scale.invert(end);\n            if (axisIDToIsRelative.get(axisId)) {\n              const domain = axisIdToScaleDomain.get(axisId) as MinMax;\n              startDomain = toAbsolute(startDomain as number, domain);\n              endDomain = toAbsolute(endDomain as number, domain);\n            }\n            axesCurrentSelection[axisId] = handleGetPointsByNumericalRange(\n              startDomain,\n              endDomain,\n              callback,\n              axisId,\n              highlightedDatapoints,\n            );\n          }\n        }\n      });\n      return { axesCurrentSelection, highlightedDatapoints };\n    };\n\n  return {\n    getCurrentSelectConfig: () => axisSelectConfig,\n    addValue: (point: XYChartSelectionLinearMetadata) => handleAddValue(point),\n    searchAllAxisDatapoints,\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,5 +1,4 @@
 import { isNumber, isUndefined } from "lodash-es";
-import { useMemo, useRef } from "react";
 import { isBandScale } from "../../core/utils/detect-scale.js";
 import { isRectangleSelected } from "../components/overlay/utils/is-rectangle-selected.js";
 import { getCurrentScale } from "../utils/get-scale.js";
@@ -35,12 +34,7 @@ const applySerialization = (range, columnsMap, callback, rectsByRange) => {
   }
 };
 const useSortRectangleDatapoints = (seriesVariantsProps) => {
-  const rectAxisSelectConfig = useRef(
-    /* @__PURE__ */ new Map()
-  );
-  useMemo(() => {
-    rectAxisSelectConfig.current.clear();
-  }, [seriesVariantsProps]);
+  const rectAxisSelectConfig = /* @__PURE__ */ new Map();
   function updateBoundariesForAxis(boundaries, axisName, v0, v1) {
     if (typeof v0 === "string" || typeof v1 === "string") {
       return;
@@ -82,15 +76,15 @@ const useSortRectangleDatapoints = (seriesVariantsProps) => {
     const primaryV1 = isVerticalBar ? x1 : isHorizontalBar ? y1 : x1;
     const secondaryV0 = isVerticalBar ? y0 : isHorizontalBar ? x0 : y0;
     const secondaryV1 = isVerticalBar ? y1 : isHorizontalBar ? x1 : y1;
-    if (!rectAxisSelectConfig.current.has(primaryAxisId)) {
-      rectAxisSelectConfig.current.set(primaryAxisId, {
+    if (!rectAxisSelectConfig.has(primaryAxisId)) {
+      rectAxisSelectConfig.set(primaryAxisId, {
         uniqueColumns: /* @__PURE__ */ new Set(),
         uniqueRows: /* @__PURE__ */ new Set(),
         columnsMap: /* @__PURE__ */ new Map(),
         boundaries: {}
       });
     }
-    const axisConfig = rectAxisSelectConfig.current.get(primaryAxisId) ?? {
+    const axisConfig = rectAxisSelectConfig.get(primaryAxisId) ?? {
       uniqueColumns: /* @__PURE__ */ new Set(),
       uniqueRows: /* @__PURE__ */ new Set(),
       columnsMap: /* @__PURE__ */ new Map(),
@@ -132,7 +126,7 @@ const useSortRectangleDatapoints = (seriesVariantsProps) => {
     axisConfig.columnsMap.set(hashedKey, rectsInRange);
   };
   const getAxisSortedValues = (axisId) => {
-    const sortedData = rectAxisSelectConfig.current.get(axisId);
+    const sortedData = rectAxisSelectConfig.get(axisId);
     if (sortedData) {
       const { uniqueColumns, uniqueRows, columnsMap } = sortedData;
       const sortedColumns = sortRangeKeys(Array.from(uniqueColumns));
@@ -145,7 +139,7 @@ const useSortRectangleDatapoints = (seriesVariantsProps) => {
     }
     return void 0;
   };
-  const getAxisValues = (axisId) => rectAxisSelectConfig.current.get(axisId);
+  const getAxisValues = (axisId) => rectAxisSelectConfig.get(axisId);
   const handleSearchRange = (start, end, sortedColumns) => {
     const sX = start instanceof Date ? start.getTime() : Number(start);
     const eX = end instanceof Date ? end.getTime() : Number(end);
@@ -244,7 +238,7 @@ const useSortRectangleDatapoints = (seriesVariantsProps) => {
     }
     const axesIdsArray = typeof axesIds === "string" ? [axesIds] : axesIds;
     axesIdsArray.forEach((axisId) => {
-      if (rectAxisSelectConfig.current.has(axisId)) {
+      if (rectAxisSelectConfig.has(axisId)) {
         const currentScale = getCurrentScale(axisIdToScales, axisId);
         if (isBandScale(currentScale)) {
           const rectsByRange = handleGetRectanglesByCategoricalRange(
@@ -257,7 +251,7 @@ const useSortRectangleDatapoints = (seriesVariantsProps) => {
             highlightedDatapoints.push(rect);
           }
         } else {
-          const axisConfig = rectAxisSelectConfig.current.get(axisId);
+          const axisConfig = rectAxisSelectConfig.get(axisId);
           if (axisConfig && isHorizontalBarConfiguration(axisConfig)) {
             const horizontalBarResults = handleGetRectanglesByNumericalRangeForHorizontalBar(
               start,
@@ -292,7 +286,7 @@ const useSortRectangleDatapoints = (seriesVariantsProps) => {
   };
   return {
     addValue: handleAddValue,
-    getCurrentSelectConfig: () => rectAxisSelectConfig.current,
+    getCurrentSelectConfig: () => rectAxisSelectConfig,
     searchAllAxisDatapoints
   };
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/hooks/useSortRectangleDatapoints.ts"],
-  "sourcesContent": ["import { isNumber, isUndefined } from 'lodash-es';\nimport { useMemo, useRef } from 'react';\n\nimport type { MinMax } from '../../core/types/min-max.js';\nimport { isBandScale } from '../../core/utils/detect-scale.js';\nimport type { RectanglePoint } from '../components/overlay/explore/types.js';\nimport { isRectangleSelected } from '../components/overlay/utils/is-rectangle-selected.js';\nimport { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  RectDatapointInternal,\n  RectSeriesWithDatapoints,\n  type AxisIdToScaleDomain,\n  type BarSeriesWithDatapoints,\n  type XYChartVariantsInternal,\n} from '../types/xy-chart-internals.js';\nimport { XYAccessorDataTypes, type BarDatapoint } from '../types/xy-chart.js';\nimport { getCurrentScale } from '../utils/get-scale.js';\nimport { toAbsolute } from '../utils/value-representation.js';\n\nexport interface XYChartSelectionRectangleMetadata {\n  series: RectSeriesWithDatapoints | BarSeriesWithDatapoints;\n  datapoint: RectDatapointInternal | BarDatapoint;\n}\n\nconst toNumber = (value: number | Date) =>\n  typeof value === 'number' ? value : value.getTime();\n\nconst parseValue = (value: XYAccessorDataTypes) => {\n  if (typeof value === 'number' || typeof value === 'string') {\n    return value;\n  }\n  return value.getTime();\n};\n\nconst hashColumnKey = (x0: XYAccessorDataTypes, x1?: XYAccessorDataTypes) =>\n  x1 && x0 < x1\n    ? `${parseValue(x0)}_${parseValue(x1 ?? x0)}`\n    : `${parseValue(x1 ?? x0)}_${parseValue(x0)}`;\n\nconst sortRangeKeys = (keys: string[]) =>\n  keys.toSorted((a, b) => {\n    const [a0] = a.split('_');\n    const [b0] = b.split('_');\n    if (!isNaN(parseInt(a0)) && !isNaN(parseInt(b0))) {\n      return parseInt(a0) - parseInt(b0);\n    }\n    return 0;\n  });\n\nexport const isValidNumeric = (v?: XYAccessorDataTypes) =>\n  v !== undefined && typeof v !== 'string';\n\nexport interface RectangleBoundaries<T extends XYAccessorDataTypes> {\n  [id: string]: {\n    min: T;\n    max: T;\n  };\n}\n\nexport interface RectAxisSelectConfig {\n  uniqueColumns: Set<string>;\n  uniqueRows: Set<string>;\n  columnsMap: Map<string, XYChartSelectionRectangleMetadata[]>;\n  boundaries: RectangleBoundaries<XYAccessorDataTypes>;\n}\n\nconst applySerialization = (\n  range: string[],\n  columnsMap: Map<string, XYChartSelectionRectangleMetadata[]>,\n  callback: (point: XYChartSelectionRectangleMetadata) => RectanglePoint,\n  rectsByRange: RectanglePoint[],\n) => {\n  for (const columnKey of range) {\n    const rectsInColumn = columnsMap.get(columnKey);\n    if (rectsInColumn) {\n      for (const rect of rectsInColumn) {\n        const mapped = callback(rect);\n        if (mapped) {\n          rectsByRange.push(mapped);\n        }\n      }\n    }\n  }\n};\n\nexport const useSortRectangleDatapoints = (\n  seriesVariantsProps: XYChartVariantsInternal[],\n) => {\n  const rectAxisSelectConfig = useRef<Map<string, RectAxisSelectConfig>>(\n    new Map(),\n  );\n\n  useMemo(() => {\n    rectAxisSelectConfig.current.clear();\n  }, [seriesVariantsProps]);\n\n  function updateBoundariesForAxis<T extends XYAccessorDataTypes>(\n    boundaries: RectangleBoundaries<XYAccessorDataTypes>,\n    axisName: string,\n    v0: T,\n    v1?: T,\n  ) {\n    if (typeof v0 === 'string' || typeof v1 === 'string') {\n      return;\n    }\n    if (isValidNumeric(v0) && isValidNumeric(v1)) {\n      const v0Num = toNumber(v0);\n      const v1Num = toNumber(v1);\n      if (\n        boundaries[axisName] &&\n        isNumber(boundaries[axisName].min) &&\n        isNumber(boundaries[axisName].max)\n      ) {\n        boundaries[axisName].min = Math.min(\n          toNumber(boundaries[axisName].min),\n          v0Num,\n          v1Num,\n        );\n        boundaries[axisName].max = Math.max(\n          toNumber(boundaries[axisName].max),\n          v0Num,\n          v1Num,\n        );\n      } else {\n        boundaries[axisName] = {\n          min: Math.min(v0Num, v1Num),\n          max: Math.max(v0Num, v1Num),\n        };\n      }\n    }\n  }\n\n  const handleAddValue = (rect: XYChartSelectionRectangleMetadata) => {\n    const { x0, x1, y0, y1 } = rect.datapoint;\n    const xAxisId = rect.series.xAxisId;\n    const yAxisId = rect.series.yAxisId;\n\n    if (\n      isUndefined(x0) &&\n      isUndefined(x1) &&\n      isUndefined(y0) &&\n      isUndefined(y1)\n    ) {\n      return;\n    }\n\n    const isVerticalBar =\n      typeof x0 === 'string' || (typeof y0 !== 'string' && !isUndefined(x0));\n    const isHorizontalBar =\n      typeof y0 === 'string' ||\n      (typeof x0 !== 'string' && isUndefined(x0) && !isUndefined(y0));\n\n    const primaryAxisId = isVerticalBar\n      ? xAxisId\n      : isHorizontalBar\n      ? yAxisId\n      : xAxisId;\n    const secondaryAxisId = isVerticalBar\n      ? yAxisId\n      : isHorizontalBar\n      ? xAxisId\n      : yAxisId;\n    const primaryV0 = isVerticalBar ? x0 : isHorizontalBar ? y0 : x0;\n    const primaryV1 = isVerticalBar ? x1 : isHorizontalBar ? y1 : x1;\n    const secondaryV0 = isVerticalBar ? y0 : isHorizontalBar ? x0 : y0;\n    const secondaryV1 = isVerticalBar ? y1 : isHorizontalBar ? x1 : y1;\n\n    if (!rectAxisSelectConfig.current.has(primaryAxisId)) {\n      rectAxisSelectConfig.current.set(primaryAxisId, {\n        uniqueColumns: new Set<string>(),\n        uniqueRows: new Set<string>(),\n        columnsMap: new Map<string, XYChartSelectionRectangleMetadata[]>(),\n        boundaries: {},\n      });\n    }\n    const axisConfig = rectAxisSelectConfig.current.get(primaryAxisId) ?? {\n      uniqueColumns: new Set<string>(),\n      uniqueRows: new Set<string>(),\n      columnsMap: new Map<string, XYChartSelectionRectangleMetadata[]>(),\n      boundaries: {},\n    };\n\n    let hashedKey;\n    if (typeof primaryV0 === 'string' || typeof primaryV1 === 'string') {\n      hashedKey = primaryV0 as string;\n    } else if (primaryV0 !== undefined) {\n      hashedKey = hashColumnKey(primaryV0, primaryV1);\n      if (secondaryV0 !== undefined) {\n        updateBoundariesForAxis(\n          axisConfig.boundaries,\n          secondaryAxisId,\n          secondaryV0,\n          secondaryV1,\n        );\n        const rowKey = hashColumnKey(secondaryV0, secondaryV1);\n        axisConfig.uniqueRows.add(rowKey);\n      }\n    }\n    if (isValidNumeric(primaryV0) && primaryV0 !== undefined) {\n      updateBoundariesForAxis(\n        axisConfig.boundaries,\n        primaryAxisId,\n        primaryV0,\n        primaryV1,\n      );\n    }\n    if (!hashedKey) {\n      return;\n    }\n\n    if (!axisConfig.uniqueColumns.has(hashedKey)) {\n      axisConfig.uniqueColumns.add(hashedKey);\n      axisConfig.columnsMap.set(hashedKey, []);\n    }\n\n    const rectsInRange = axisConfig.columnsMap.get(hashedKey) || [];\n    rectsInRange.push(rect);\n    axisConfig.columnsMap.set(hashedKey, rectsInRange);\n  };\n\n  const getAxisSortedValues = (axisId: string) => {\n    const sortedData = rectAxisSelectConfig.current.get(axisId);\n    if (sortedData) {\n      const { uniqueColumns, uniqueRows, columnsMap } = sortedData;\n\n      const sortedColumns = sortRangeKeys(Array.from(uniqueColumns));\n      const sortedRows = sortRangeKeys(Array.from(uniqueRows));\n\n      return {\n        sortedColumns,\n        columnsMap,\n        sortedRows,\n      };\n    }\n    return undefined;\n  };\n\n  const getAxisValues = (axisId: string) =>\n    rectAxisSelectConfig.current.get(axisId);\n\n  const handleSearchRange = (\n    start: XYAccessorDataTypes,\n    end: XYAccessorDataTypes,\n    sortedColumns: string[],\n  ) => {\n    const sX = start instanceof Date ? start.getTime() : Number(start);\n    const eX = end instanceof Date ? end.getTime() : Number(end);\n    const [min, max] = sX <= eX ? [sX, eX] : [eX, sX];\n    return sortedColumns.filter((key) => {\n      const [x0Str, x1Str] = key.split('_');\n      const colX0 = Number(x0Str);\n      const colX1 = Number(x1Str);\n      const isInRange = isRectangleSelected({\n        x: {\n          rectangleStart: colX0,\n          rectangleEnd: colX1,\n          selectionStart: min,\n          selectionEnd: max,\n        },\n      });\n      return isInRange;\n    });\n  };\n\n  const handleGetRectanglesByNumericalRangeForHorizontalBar = (\n    start: number,\n    end: number,\n    axisConfig: RectAxisSelectConfig,\n    callback: (point: XYChartSelectionRectangleMetadata) => RectanglePoint,\n  ) => {\n    const rectsByRange: RectanglePoint[] = [];\n    const [selectionStart, selectionEnd] =\n      start < end ? [start, end] : [end, start];\n\n    for (const rectsInColumn of axisConfig.columnsMap.values()) {\n      for (const rect of rectsInColumn) {\n        const rectanglePoint = callback(rect);\n        if (!rectanglePoint) {\n          continue;\n        }\n\n        const barStart = rectanglePoint.x;\n        const barEnd = rectanglePoint.x + rectanglePoint.width;\n        const isInRange = isRectangleSelected({\n          x: {\n            rectangleStart: barStart,\n            rectangleEnd: barEnd,\n            selectionStart,\n            selectionEnd,\n          },\n        });\n        if (isInRange) {\n          rectsByRange.push(rectanglePoint);\n        }\n      }\n    }\n\n    return rectsByRange;\n  };\n\n  const handleGetRectanglesByNumericalRangeForVerticalBar = (\n    start: XYAccessorDataTypes,\n    end: XYAccessorDataTypes,\n    callback: (point: XYChartSelectionRectangleMetadata) => RectanglePoint,\n    axisId: string,\n  ) => {\n    const sortedValuesByAxis = getAxisSortedValues(axisId);\n    const rectsByRange: RectanglePoint[] = [];\n\n    if (sortedValuesByAxis) {\n      const { sortedColumns, columnsMap } = sortedValuesByAxis;\n      const range = handleSearchRange(start, end, sortedColumns);\n      applySerialization(range, columnsMap, callback, rectsByRange);\n    }\n\n    return rectsByRange;\n  };\n\n  const handleGetRectanglesByCategoricalRange = (\n    start: number,\n    end: number,\n    axisId: string,\n    callback: (point: XYChartSelectionRectangleMetadata) => RectanglePoint,\n  ) => {\n    const categoricalValues = getAxisValues(axisId);\n    const rectsByRange: RectanglePoint[] = [];\n    if (categoricalValues) {\n      const { columnsMap } = categoricalValues;\n      const [selectionStart, selectionEnd] =\n        start < end ? [start, end] : [end, start];\n\n      for (const [, rectsInColumn] of columnsMap) {\n        for (const rect of rectsInColumn) {\n          const rectanglePoint = callback(rect);\n          const barStart = rectanglePoint.x;\n          const barEnd = rectanglePoint.x + rectanglePoint.width;\n          const isInRange = isRectangleSelected({\n            x: {\n              rectangleStart: barStart,\n              rectangleEnd: barEnd,\n              selectionStart,\n              selectionEnd,\n            },\n          });\n          if (isInRange) {\n            rectsByRange.push(rectanglePoint);\n          }\n        }\n      }\n    }\n\n    return rectsByRange;\n  };\n\n  const isHorizontalBarConfiguration = (\n    axisConfig: RectAxisSelectConfig,\n  ): boolean => {\n    if (axisConfig.columnsMap.size === 0) {\n      return false;\n    }\n\n    const firstColumn = Array.from(axisConfig.columnsMap.values())[0];\n    const firstDatapoint = firstColumn?.[0]?.datapoint;\n\n    return firstDatapoint && isUndefined(firstDatapoint.x0);\n  };\n\n  const searchAllAxisDatapoints = (\n    start: number,\n    end: number,\n    callback: (point: XYChartSelectionRectangleMetadata) => RectanglePoint,\n    axesIds: string | string[],\n    axisIdToScales: AxisIdToScales,\n    axisIdToScaleDomain: AxisIdToScaleDomain,\n    axisIDToIsRelative: Map<string, boolean>,\n  ) => {\n    const axesCurrentSelection: Record<string, RectanglePoint[]> = {};\n    const highlightedDatapoints: RectanglePoint[] = [];\n\n    if (!axisIdToScales) {\n      return { axesCurrentSelection, highlightedDatapoints };\n    }\n\n    const axesIdsArray = typeof axesIds === 'string' ? [axesIds] : axesIds;\n\n    axesIdsArray.forEach((axisId) => {\n      if (rectAxisSelectConfig.current.has(axisId)) {\n        const currentScale = getCurrentScale(axisIdToScales, axisId);\n        if (isBandScale(currentScale)) {\n          const rectsByRange = handleGetRectanglesByCategoricalRange(\n            start,\n            end,\n            axisId,\n            callback,\n          );\n\n          for (const rect of rectsByRange) {\n            highlightedDatapoints.push(rect);\n          }\n        } else {\n          const axisConfig = rectAxisSelectConfig.current.get(axisId);\n\n          if (axisConfig && isHorizontalBarConfiguration(axisConfig)) {\n            const horizontalBarResults =\n              handleGetRectanglesByNumericalRangeForHorizontalBar(\n                start,\n                end,\n                axisConfig,\n                callback,\n              );\n            highlightedDatapoints.push(...horizontalBarResults);\n\n            return;\n          }\n\n          let startDomain = currentScale.invert(start);\n          let endDomain = currentScale.invert(Math.ceil(end));\n          if (axisIDToIsRelative.get(axisId)) {\n            const domain = axisIdToScaleDomain.get(axisId) as MinMax;\n            startDomain = toAbsolute(startDomain as number, domain);\n            endDomain = toAbsolute(endDomain as number, domain);\n          }\n          const seriesHighlightedDatapoints =\n            handleGetRectanglesByNumericalRangeForVerticalBar(\n              startDomain,\n              endDomain,\n              callback,\n              axisId,\n            );\n\n          for (const datapoint of seriesHighlightedDatapoints) {\n            highlightedDatapoints.push(datapoint);\n          }\n          axesCurrentSelection[axisId] = seriesHighlightedDatapoints;\n        }\n      }\n    });\n\n    return { axesCurrentSelection, highlightedDatapoints };\n  };\n\n  return {\n    addValue: handleAddValue,\n    getCurrentSelectConfig: () => rectAxisSelectConfig.current,\n    searchAllAxisDatapoints,\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isNumber, isUndefined } from 'lodash-es';\n\nimport type { MinMax } from '../../core/types/min-max.js';\nimport { isBandScale } from '../../core/utils/detect-scale.js';\nimport type { RectanglePoint } from '../components/overlay/explore/types.js';\nimport { isRectangleSelected } from '../components/overlay/utils/is-rectangle-selected.js';\nimport { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  RectDatapointInternal,\n  RectSeriesWithDatapoints,\n  type AxisIdToScaleDomain,\n  type BarSeriesWithDatapoints,\n  type XYChartVariantsInternal,\n} from '../types/xy-chart-internals.js';\nimport { XYAccessorDataTypes, type BarDatapoint } from '../types/xy-chart.js';\nimport { getCurrentScale } from '../utils/get-scale.js';\nimport { toAbsolute } from '../utils/value-representation.js';\n\nexport interface XYChartSelectionRectangleMetadata {\n  series: RectSeriesWithDatapoints | BarSeriesWithDatapoints;\n  datapoint: RectDatapointInternal | BarDatapoint;\n}\n\nconst toNumber = (value: number | Date) =>\n  typeof value === 'number' ? value : value.getTime();\n\nconst parseValue = (value: XYAccessorDataTypes) => {\n  if (typeof value === 'number' || typeof value === 'string') {\n    return value;\n  }\n  return value.getTime();\n};\n\nconst hashColumnKey = (x0: XYAccessorDataTypes, x1?: XYAccessorDataTypes) =>\n  x1 && x0 < x1\n    ? `${parseValue(x0)}_${parseValue(x1 ?? x0)}`\n    : `${parseValue(x1 ?? x0)}_${parseValue(x0)}`;\n\nconst sortRangeKeys = (keys: string[]) =>\n  keys.toSorted((a, b) => {\n    const [a0] = a.split('_');\n    const [b0] = b.split('_');\n    if (!isNaN(parseInt(a0)) && !isNaN(parseInt(b0))) {\n      return parseInt(a0) - parseInt(b0);\n    }\n    return 0;\n  });\n\nexport const isValidNumeric = (v?: XYAccessorDataTypes) =>\n  v !== undefined && typeof v !== 'string';\n\nexport interface RectangleBoundaries<T extends XYAccessorDataTypes> {\n  [id: string]: {\n    min: T;\n    max: T;\n  };\n}\n\nexport interface RectAxisSelectConfig {\n  uniqueColumns: Set<string>;\n  uniqueRows: Set<string>;\n  columnsMap: Map<string, XYChartSelectionRectangleMetadata[]>;\n  boundaries: RectangleBoundaries<XYAccessorDataTypes>;\n}\n\nconst applySerialization = (\n  range: string[],\n  columnsMap: Map<string, XYChartSelectionRectangleMetadata[]>,\n  callback: (point: XYChartSelectionRectangleMetadata) => RectanglePoint,\n  rectsByRange: RectanglePoint[],\n) => {\n  for (const columnKey of range) {\n    const rectsInColumn = columnsMap.get(columnKey);\n    if (rectsInColumn) {\n      for (const rect of rectsInColumn) {\n        const mapped = callback(rect);\n        if (mapped) {\n          rectsByRange.push(mapped);\n        }\n      }\n    }\n  }\n};\n\nexport const useSortRectangleDatapoints = (\n  seriesVariantsProps: XYChartVariantsInternal[],\n) => {\n  const rectAxisSelectConfig = new Map<string, RectAxisSelectConfig>();\n\n  function updateBoundariesForAxis<T extends XYAccessorDataTypes>(\n    boundaries: RectangleBoundaries<XYAccessorDataTypes>,\n    axisName: string,\n    v0: T,\n    v1?: T,\n  ) {\n    if (typeof v0 === 'string' || typeof v1 === 'string') {\n      return;\n    }\n    if (isValidNumeric(v0) && isValidNumeric(v1)) {\n      const v0Num = toNumber(v0);\n      const v1Num = toNumber(v1);\n      if (\n        boundaries[axisName] &&\n        isNumber(boundaries[axisName].min) &&\n        isNumber(boundaries[axisName].max)\n      ) {\n        boundaries[axisName].min = Math.min(\n          toNumber(boundaries[axisName].min),\n          v0Num,\n          v1Num,\n        );\n        boundaries[axisName].max = Math.max(\n          toNumber(boundaries[axisName].max),\n          v0Num,\n          v1Num,\n        );\n      } else {\n        boundaries[axisName] = {\n          min: Math.min(v0Num, v1Num),\n          max: Math.max(v0Num, v1Num),\n        };\n      }\n    }\n  }\n\n  const handleAddValue = (rect: XYChartSelectionRectangleMetadata) => {\n    const { x0, x1, y0, y1 } = rect.datapoint;\n    const xAxisId = rect.series.xAxisId;\n    const yAxisId = rect.series.yAxisId;\n\n    if (\n      isUndefined(x0) &&\n      isUndefined(x1) &&\n      isUndefined(y0) &&\n      isUndefined(y1)\n    ) {\n      return;\n    }\n\n    const isVerticalBar =\n      typeof x0 === 'string' || (typeof y0 !== 'string' && !isUndefined(x0));\n    const isHorizontalBar =\n      typeof y0 === 'string' ||\n      (typeof x0 !== 'string' && isUndefined(x0) && !isUndefined(y0));\n\n    const primaryAxisId = isVerticalBar\n      ? xAxisId\n      : isHorizontalBar\n      ? yAxisId\n      : xAxisId;\n    const secondaryAxisId = isVerticalBar\n      ? yAxisId\n      : isHorizontalBar\n      ? xAxisId\n      : yAxisId;\n    const primaryV0 = isVerticalBar ? x0 : isHorizontalBar ? y0 : x0;\n    const primaryV1 = isVerticalBar ? x1 : isHorizontalBar ? y1 : x1;\n    const secondaryV0 = isVerticalBar ? y0 : isHorizontalBar ? x0 : y0;\n    const secondaryV1 = isVerticalBar ? y1 : isHorizontalBar ? x1 : y1;\n\n    if (!rectAxisSelectConfig.has(primaryAxisId)) {\n      rectAxisSelectConfig.set(primaryAxisId, {\n        uniqueColumns: new Set<string>(),\n        uniqueRows: new Set<string>(),\n        columnsMap: new Map<string, XYChartSelectionRectangleMetadata[]>(),\n        boundaries: {},\n      });\n    }\n    const axisConfig = rectAxisSelectConfig.get(primaryAxisId) ?? {\n      uniqueColumns: new Set<string>(),\n      uniqueRows: new Set<string>(),\n      columnsMap: new Map<string, XYChartSelectionRectangleMetadata[]>(),\n      boundaries: {},\n    };\n\n    let hashedKey;\n    if (typeof primaryV0 === 'string' || typeof primaryV1 === 'string') {\n      hashedKey = primaryV0 as string;\n    } else if (primaryV0 !== undefined) {\n      hashedKey = hashColumnKey(primaryV0, primaryV1);\n      if (secondaryV0 !== undefined) {\n        updateBoundariesForAxis(\n          axisConfig.boundaries,\n          secondaryAxisId,\n          secondaryV0,\n          secondaryV1,\n        );\n        const rowKey = hashColumnKey(secondaryV0, secondaryV1);\n        axisConfig.uniqueRows.add(rowKey);\n      }\n    }\n    if (isValidNumeric(primaryV0) && primaryV0 !== undefined) {\n      updateBoundariesForAxis(\n        axisConfig.boundaries,\n        primaryAxisId,\n        primaryV0,\n        primaryV1,\n      );\n    }\n    if (!hashedKey) {\n      return;\n    }\n\n    if (!axisConfig.uniqueColumns.has(hashedKey)) {\n      axisConfig.uniqueColumns.add(hashedKey);\n      axisConfig.columnsMap.set(hashedKey, []);\n    }\n\n    const rectsInRange = axisConfig.columnsMap.get(hashedKey) || [];\n    rectsInRange.push(rect);\n    axisConfig.columnsMap.set(hashedKey, rectsInRange);\n  };\n\n  const getAxisSortedValues = (axisId: string) => {\n    const sortedData = rectAxisSelectConfig.get(axisId);\n    if (sortedData) {\n      const { uniqueColumns, uniqueRows, columnsMap } = sortedData;\n\n      const sortedColumns = sortRangeKeys(Array.from(uniqueColumns));\n      const sortedRows = sortRangeKeys(Array.from(uniqueRows));\n\n      return {\n        sortedColumns,\n        columnsMap,\n        sortedRows,\n      };\n    }\n    return undefined;\n  };\n\n  const getAxisValues = (axisId: string) => rectAxisSelectConfig.get(axisId);\n\n  const handleSearchRange = (\n    start: XYAccessorDataTypes,\n    end: XYAccessorDataTypes,\n    sortedColumns: string[],\n  ) => {\n    const sX = start instanceof Date ? start.getTime() : Number(start);\n    const eX = end instanceof Date ? end.getTime() : Number(end);\n    const [min, max] = sX <= eX ? [sX, eX] : [eX, sX];\n    return sortedColumns.filter((key) => {\n      const [x0Str, x1Str] = key.split('_');\n      const colX0 = Number(x0Str);\n      const colX1 = Number(x1Str);\n      const isInRange = isRectangleSelected({\n        x: {\n          rectangleStart: colX0,\n          rectangleEnd: colX1,\n          selectionStart: min,\n          selectionEnd: max,\n        },\n      });\n      return isInRange;\n    });\n  };\n\n  const handleGetRectanglesByNumericalRangeForHorizontalBar = (\n    start: number,\n    end: number,\n    axisConfig: RectAxisSelectConfig,\n    callback: (point: XYChartSelectionRectangleMetadata) => RectanglePoint,\n  ) => {\n    const rectsByRange: RectanglePoint[] = [];\n    const [selectionStart, selectionEnd] =\n      start < end ? [start, end] : [end, start];\n\n    for (const rectsInColumn of axisConfig.columnsMap.values()) {\n      for (const rect of rectsInColumn) {\n        const rectanglePoint = callback(rect);\n        if (!rectanglePoint) {\n          continue;\n        }\n\n        const barStart = rectanglePoint.x;\n        const barEnd = rectanglePoint.x + rectanglePoint.width;\n        const isInRange = isRectangleSelected({\n          x: {\n            rectangleStart: barStart,\n            rectangleEnd: barEnd,\n            selectionStart,\n            selectionEnd,\n          },\n        });\n        if (isInRange) {\n          rectsByRange.push(rectanglePoint);\n        }\n      }\n    }\n\n    return rectsByRange;\n  };\n\n  const handleGetRectanglesByNumericalRangeForVerticalBar = (\n    start: XYAccessorDataTypes,\n    end: XYAccessorDataTypes,\n    callback: (point: XYChartSelectionRectangleMetadata) => RectanglePoint,\n    axisId: string,\n  ) => {\n    const sortedValuesByAxis = getAxisSortedValues(axisId);\n    const rectsByRange: RectanglePoint[] = [];\n\n    if (sortedValuesByAxis) {\n      const { sortedColumns, columnsMap } = sortedValuesByAxis;\n      const range = handleSearchRange(start, end, sortedColumns);\n      applySerialization(range, columnsMap, callback, rectsByRange);\n    }\n\n    return rectsByRange;\n  };\n\n  const handleGetRectanglesByCategoricalRange = (\n    start: number,\n    end: number,\n    axisId: string,\n    callback: (point: XYChartSelectionRectangleMetadata) => RectanglePoint,\n  ) => {\n    const categoricalValues = getAxisValues(axisId);\n    const rectsByRange: RectanglePoint[] = [];\n    if (categoricalValues) {\n      const { columnsMap } = categoricalValues;\n      const [selectionStart, selectionEnd] =\n        start < end ? [start, end] : [end, start];\n\n      for (const [, rectsInColumn] of columnsMap) {\n        for (const rect of rectsInColumn) {\n          const rectanglePoint = callback(rect);\n          const barStart = rectanglePoint.x;\n          const barEnd = rectanglePoint.x + rectanglePoint.width;\n          const isInRange = isRectangleSelected({\n            x: {\n              rectangleStart: barStart,\n              rectangleEnd: barEnd,\n              selectionStart,\n              selectionEnd,\n            },\n          });\n          if (isInRange) {\n            rectsByRange.push(rectanglePoint);\n          }\n        }\n      }\n    }\n\n    return rectsByRange;\n  };\n\n  const isHorizontalBarConfiguration = (\n    axisConfig: RectAxisSelectConfig,\n  ): boolean => {\n    if (axisConfig.columnsMap.size === 0) {\n      return false;\n    }\n\n    const firstColumn = Array.from(axisConfig.columnsMap.values())[0];\n    const firstDatapoint = firstColumn?.[0]?.datapoint;\n\n    return firstDatapoint && isUndefined(firstDatapoint.x0);\n  };\n\n  const searchAllAxisDatapoints = (\n    start: number,\n    end: number,\n    callback: (point: XYChartSelectionRectangleMetadata) => RectanglePoint,\n    axesIds: string | string[],\n    axisIdToScales: AxisIdToScales,\n    axisIdToScaleDomain: AxisIdToScaleDomain,\n    axisIDToIsRelative: Map<string, boolean>,\n  ) => {\n    const axesCurrentSelection: Record<string, RectanglePoint[]> = {};\n    const highlightedDatapoints: RectanglePoint[] = [];\n\n    if (!axisIdToScales) {\n      return { axesCurrentSelection, highlightedDatapoints };\n    }\n\n    const axesIdsArray = typeof axesIds === 'string' ? [axesIds] : axesIds;\n\n    axesIdsArray.forEach((axisId) => {\n      if (rectAxisSelectConfig.has(axisId)) {\n        const currentScale = getCurrentScale(axisIdToScales, axisId);\n        if (isBandScale(currentScale)) {\n          const rectsByRange = handleGetRectanglesByCategoricalRange(\n            start,\n            end,\n            axisId,\n            callback,\n          );\n\n          for (const rect of rectsByRange) {\n            highlightedDatapoints.push(rect);\n          }\n        } else {\n          const axisConfig = rectAxisSelectConfig.get(axisId);\n\n          if (axisConfig && isHorizontalBarConfiguration(axisConfig)) {\n            const horizontalBarResults =\n              handleGetRectanglesByNumericalRangeForHorizontalBar(\n                start,\n                end,\n                axisConfig,\n                callback,\n              );\n            highlightedDatapoints.push(...horizontalBarResults);\n\n            return;\n          }\n\n          let startDomain = currentScale.invert(start);\n          let endDomain = currentScale.invert(Math.ceil(end));\n          if (axisIDToIsRelative.get(axisId)) {\n            const domain = axisIdToScaleDomain.get(axisId) as MinMax;\n            startDomain = toAbsolute(startDomain as number, domain);\n            endDomain = toAbsolute(endDomain as number, domain);\n          }\n          const seriesHighlightedDatapoints =\n            handleGetRectanglesByNumericalRangeForVerticalBar(\n              startDomain,\n              endDomain,\n              callback,\n              axisId,\n            );\n\n          for (const datapoint of seriesHighlightedDatapoints) {\n            highlightedDatapoints.push(datapoint);\n          }\n          axesCurrentSelection[axisId] = seriesHighlightedDatapoints;\n        }\n      }\n    });\n\n    return { axesCurrentSelection, highlightedDatapoints };\n  };\n\n  return {\n    addValue: handleAddValue,\n    getCurrentSelectConfig: () => rectAxisSelectConfig,\n    searchAllAxisDatapoints,\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -11,6 +11,7 @@ import { BarSeriesStrategy } from "../processing-strategies/strategies/bar-serie
 import { DotSeriesStrategy } from "../processing-strategies/strategies/dot-series.js";
 import { LineSeriesStrategy } from "../processing-strategies/strategies/line-series.js";
 import { RectSeriesStrategy } from "../processing-strategies/strategies/rect-series.js";
+import { useFilteredSeriesIdsState } from "../store/selectors.js";
 import {
   isInfiniteZoomEnabledFor,
   isPanEnabledFor,
@@ -28,7 +29,7 @@ function useXYChartDataProvider(seriesVariantsProps, data) {
     addValue,
     getCurrentSelectConfig: getCurrentShapeSelectConfig,
     searchAllAxisDatapoints: searchAllAxisShapeDatapoints
-  } = useSortLinearDatapoints(seriesVariantsProps);
+  } = useSortLinearDatapoints(seriesVariantsProps, datapointMetadataMap);
   const {
     addValue: addRectangleValue,
     searchAllAxisDatapoints: searchAllAxisRectangleDatapoints,
@@ -59,6 +60,7 @@ function useXYChartDataProvider(seriesVariantsProps, data) {
     barSeriesStrategy,
     areaSeriesStrategy
   ];
+  const filteredSeriesIds = useFilteredSeriesIdsState();
   const mutableContext = {
     seriesMap,
     seriesWithDatapoints,
@@ -67,7 +69,8 @@ function useXYChartDataProvider(seriesVariantsProps, data) {
     seriesIndexes,
     intl,
     colorPalette,
-    datapointMetadataMap
+    datapointMetadataMap,
+    filteredSeriesIds
   };
   for (const { data: data2, series } of dataWithSeries.filter(
     ({ series: series2 }) => series2.length
@@ -75,7 +78,7 @@ function useXYChartDataProvider(seriesVariantsProps, data) {
     for (const { seriesProps, xAxis, yAxis } of series) {
       const strategy = getStrategyFactory(strategies, seriesProps);
       if (strategy?.preprocess) {
-        strategy.preprocess(data2, seriesProps, xAxis, yAxis);
+        strategy.preprocess(data2, seriesProps, xAxis, yAxis, mutableContext);
       }
     }
     for (const datum of data2) {
@@ -122,6 +125,16 @@ function useXYChartDataProvider(seriesVariantsProps, data) {
     linearSelectionContextValue,
     rectSelectionContextValue,
     seriesWithDatapoints,
+    filteredSeriesWithDatapoints: seriesWithDatapoints.filter((series) => {
+      if (series.type === "rect") {
+        series.filteredData = series.data.filter(
+          (datapoint) => {
+            return datapointMetadataMap.get(datapoint)?.isVisible !== false;
+          }
+        );
+      }
+      return seriesToMetadata.get(series)?.isVisible !== false;
+    }),
     seriesToMetadata,
     axisIdToDimension: barSeriesStrategy.axisIdToDimension
   };