@dynatrace/strato-components 3.2.1 → 3.3.1

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

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

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

@@ -1,10 +1,17 @@
 import { jsx } from "react/jsx-runtime";
+import { useIntl } from "react-intl";
 import { AreaSeriesTooltip } from "./AreaSeriesTooltip.js";
 import { BarSeriesTooltip } from "./BarSeriesTooltip.js";
 import { DotSeriesTooltip } from "./DotSeriesTooltip.js";
 import { LineSeriesTooltip } from "./LineSeriesTooltip.js";
 import { RectSeriesTooltip } from "./RectSeriesTooltip.js";
-import { useContentState } from "../../store/selectors.js";
+import { getCustomTooltipPayload } from "./utils/get-custom-tooltip-payload.js";
+import { OverlayTooltip } from "../../../core/components/overlay-tooltip/OverlayTooltip.js";
+import { safeGet } from "../../../core/utils/safe-get.js";
+import { useAxesFormatter } from "../../hooks/useAxesFormatter.js";
+import { useXYChartColorScales } from "../../hooks/useXYChartColorScales.js";
+import { useXYChartCustomTooltip } from "../../hooks/useXYChartCustomTooltip.js";
+import { useXYChartData } from "../../hooks/useXYChartData.js";
 import {
   AREA_VARIANT,
   BAR_VARIANT,
@@ -12,8 +19,32 @@ import {
   LINE_VARIANT,
   RECT_VARIANT
 } from "../../types/xy-chart-internals.js";
-const XYChartTooltipContent = () => {
-  const content = useContentState();
+const XYChartTooltipContent = ({
+  content
+}) => {
+  const customTooltip = useXYChartCustomTooltip();
+  const axisIdToFormatter = useAxesFormatter();
+  const intl = useIntl();
+  const colorScaleMap = useXYChartColorScales();
+  const { seriesToMetadata } = useXYChartData();
+  const { datapointMetadataMap } = useXYChartData();
+  if (customTooltip?.children) {
+    const customTooltipPayload = getCustomTooltipPayload(
+      content,
+      safeGet(seriesToMetadata, content.series),
+      axisIdToFormatter,
+      intl,
+      colorScaleMap,
+      safeGet(datapointMetadataMap, content.datapoint).colorOverride
+    );
+    const customTooltipContent = customTooltip.children?.(customTooltipPayload);
+    if (customTooltipContent === null) {
+      return null;
+    }
+    if (customTooltipContent) {
+      return /* @__PURE__ */ jsx(OverlayTooltip, { legacyTemplate: customTooltipContent });
+    }
+  }
   switch (content.type) {
     case RECT_VARIANT:
       return /* @__PURE__ */ jsx(

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

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

package/esm/charts/xy-chart/components/tooltip/XYChartTooltipTemplate/XYChartTooltipTemplate.css

@@ -1,4 +1,4 @@
-._fnoz5j0-3-2-1 {
+._fnoz5j0-3-3-1 {
   min-width: 225px;
   max-width: 300px;
 }

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

@@ -1,5 +1,5 @@
 import "./XYChartTooltipTemplate.css";
-var body = "_fnoz5j0-3-2-1";
+var body = "_fnoz5j0-3-3-1";
 export {
   body
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/tooltip/XYChartTooltipTemplate/XYChartTooltipTemplate.css.ts"],
-  "sourcesContent": ["import './XYChartTooltipTemplate.css';\nexport var body = '_fnoz5j0-3-2-1';"],
+  "sourcesContent": ["import './XYChartTooltipTemplate.css';\nexport var body = '_fnoz5j0-3-3-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;",
   "names": []
 }

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

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

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

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

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

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

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

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

package/esm/charts/xy-chart/layout/XYChartHighlightedCanvasLayout.js

@@ -1,17 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { XYChartGenericCanvasLayout } from "./XYChartGenericCanvasLayout.js";
+import { useSelector } from "../../core/components/overlay-tooltip/selectors.js";
 import { applyOpacityToCanvas } from "../../core/utils/apply-opacity-to-canvas.js";
 import { useXYChartData } from "../hooks/useXYChartData.js";
-import {
-  usePinnedState,
-  useXYChartHighlightedSeriesIdsState
-} from "../store/selectors.js";
+import { useXYChartHighlightedSeriesIdsState } from "../store/selectors.js";
 import { getHighlightedSeries } from "../utils/get-highlighted-series.js";
 const XYChartHighlightedCanvasLayout = ({
   handleOpacity
 }) => {
   const highlightedSeriesId = useXYChartHighlightedSeriesIdsState();
-  const pinned = usePinnedState();
+  const pinned = useSelector(({ pinned: pinned2 }) => pinned2);
   const { filteredSeriesWithDatapoints } = useXYChartData();
   handleOpacity(applyOpacityToCanvas(highlightedSeriesId));
   const highlightedSeries = getHighlightedSeries(

package/esm/charts/xy-chart/layout/XYChartHighlightedCanvasLayout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/layout/XYChartHighlightedCanvasLayout.tsx"],
-  "sourcesContent": ["import { XYChartGenericCanvasLayout } from './XYChartGenericCanvasLayout.js';\nimport { applyOpacityToCanvas } from '../../core/utils/apply-opacity-to-canvas.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport {\n  usePinnedState,\n  useXYChartHighlightedSeriesIdsState,\n} from '../store/selectors.js';\nimport type { RectDatapointInternal } from '../types/xy-chart-internals.js';\nimport { getHighlightedSeries } from '../utils/get-highlighted-series.js';\n\ninterface XYChartHighlightedCanvasLayoutProps {\n  handleOpacity: (val: string) => void;\n}\n\nexport const XYChartHighlightedCanvasLayout = ({\n  handleOpacity,\n}: XYChartHighlightedCanvasLayoutProps) => {\n  const highlightedSeriesId = useXYChartHighlightedSeriesIdsState();\n  const pinned = usePinnedState();\n  const { filteredSeriesWithDatapoints } = useXYChartData();\n\n  handleOpacity(applyOpacityToCanvas(highlightedSeriesId));\n\n  const highlightedSeries = getHighlightedSeries(\n    filteredSeriesWithDatapoints,\n    highlightedSeriesId,\n  );\n\n  if (!highlightedSeriesId || !highlightedSeries) {\n    return null;\n  }\n\n  const isRectCategoryHighlighted =\n    highlightedSeries.type === 'rect' && !pinned;\n\n  // We can't use there series.id for comparison, because its creating performance issues.\n  // We don't want to apply data filter when series.id doesn't have category (data.value) in id (when pinning datapoint)\n  const rectDatapointFilter = isRectCategoryHighlighted\n    ? (data: RectDatapointInternal) =>\n        typeof data.value === 'string' &&\n        highlightedSeriesId.includes(data.value)\n    : undefined;\n\n  return (\n    <XYChartGenericCanvasLayout\n      seriesWithDatapoints={[highlightedSeries]}\n      rectFilterCallback={rectDatapointFilter}\n    />\n  );\n};\n"],
-  "mappings": "AA4CI;AA5CJ,SAAS,kCAAkC;AAC3C,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,4BAA4B;AAM9B,MAAM,iCAAiC,CAAC;AAAA,EAC7C;AACF,MAA2C;AACzC,QAAM,sBAAsB,oCAAoC;AAChE,QAAM,SAAS,eAAe;AAC9B,QAAM,EAAE,6BAA6B,IAAI,eAAe;AAExD,gBAAc,qBAAqB,mBAAmB,CAAC;AAEvD,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AAEA,MAAI,CAAC,uBAAuB,CAAC,mBAAmB;AAC9C,WAAO;AAAA,EACT;AAEA,QAAM,4BACJ,kBAAkB,SAAS,UAAU,CAAC;AAIxC,QAAM,sBAAsB,4BACxB,CAAC,SACC,OAAO,KAAK,UAAU,YACtB,oBAAoB,SAAS,KAAK,KAAK,IACzC;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,CAAC,iBAAiB;AAAA,MACxC,oBAAoB;AAAA;AAAA,EACtB;AAEJ;",
-  "names": []
+  "sourcesContent": ["import { XYChartGenericCanvasLayout } from './XYChartGenericCanvasLayout.js';\nimport { useSelector } from '../../core/components/overlay-tooltip/selectors.js';\nimport { applyOpacityToCanvas } from '../../core/utils/apply-opacity-to-canvas.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { useXYChartHighlightedSeriesIdsState } from '../store/selectors.js';\nimport type { RectDatapointInternal } from '../types/xy-chart-internals.js';\nimport { getHighlightedSeries } from '../utils/get-highlighted-series.js';\n\ninterface XYChartHighlightedCanvasLayoutProps {\n  handleOpacity: (val: string) => void;\n}\n\nexport const XYChartHighlightedCanvasLayout = ({\n  handleOpacity,\n}: XYChartHighlightedCanvasLayoutProps) => {\n  const highlightedSeriesId = useXYChartHighlightedSeriesIdsState();\n  const pinned = useSelector(({ pinned }) => pinned);\n  const { filteredSeriesWithDatapoints } = useXYChartData();\n\n  handleOpacity(applyOpacityToCanvas(highlightedSeriesId));\n\n  const highlightedSeries = getHighlightedSeries(\n    filteredSeriesWithDatapoints,\n    highlightedSeriesId,\n  );\n\n  if (!highlightedSeriesId || !highlightedSeries) {\n    return null;\n  }\n\n  const isRectCategoryHighlighted =\n    highlightedSeries.type === 'rect' && !pinned;\n\n  // We can't use there series.id for comparison, because its creating performance issues.\n  // We don't want to apply data filter when series.id doesn't have category (data.value) in id (when pinning datapoint)\n  const rectDatapointFilter = isRectCategoryHighlighted\n    ? (data: RectDatapointInternal) =>\n        typeof data.value === 'string' &&\n        highlightedSeriesId.includes(data.value)\n    : undefined;\n\n  return (\n    <XYChartGenericCanvasLayout\n      seriesWithDatapoints={[highlightedSeries]}\n      rectFilterCallback={rectDatapointFilter}\n    />\n  );\n};\n"],
+  "mappings": "AA0CI;AA1CJ,SAAS,kCAAkC;AAC3C,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,2CAA2C;AAEpD,SAAS,4BAA4B;AAM9B,MAAM,iCAAiC,CAAC;AAAA,EAC7C;AACF,MAA2C;AACzC,QAAM,sBAAsB,oCAAoC;AAChE,QAAM,SAAS,YAAY,CAAC,EAAE,QAAAA,QAAO,MAAMA,OAAM;AACjD,QAAM,EAAE,6BAA6B,IAAI,eAAe;AAExD,gBAAc,qBAAqB,mBAAmB,CAAC;AAEvD,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AAEA,MAAI,CAAC,uBAAuB,CAAC,mBAAmB;AAC9C,WAAO;AAAA,EACT;AAEA,QAAM,4BACJ,kBAAkB,SAAS,UAAU,CAAC;AAIxC,QAAM,sBAAsB,4BACxB,CAAC,SACC,OAAO,KAAK,UAAU,YACtB,oBAAoB,SAAS,KAAK,KAAK,IACzC;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,CAAC,iBAAiB;AAAA,MACxC,oBAAoB;AAAA;AAAA,EACtB;AAEJ;",
+  "names": ["pinned"]
 }

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

@@ -1,10 +1,10 @@
-._1ru1qe70-3-2-1 {
+._1ru1qe70-3-3-1 {
   pointer-events: none;
   width: 100%;
   height: 100%;
   z-index: 1;
 }
-._1ru1qe71-3-2-1 {
+._1ru1qe71-3-3-1 {
   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-2-1 _13lzg4k0-3-2-1 _1ru1qe70-3-2-1";
-var rectangleCanvasPlot = "_13lzg4k0-3-2-1 _1ru1qe70-3-2-1";
+var datapointCanvasPlot = "_1ru1qe71-3-3-1 _13lzg4k0-3-3-1 _1ru1qe70-3-3-1";
+var rectangleCanvasPlot = "_13lzg4k0-3-3-1 _1ru1qe70-3-3-1";
 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-2-1 _13lzg4k0-3-2-1 _1ru1qe70-3-2-1';\nexport var rectangleCanvasPlot = '_13lzg4k0-3-2-1 _1ru1qe70-3-2-1';"],
+  "sourcesContent": ["import '../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartLayout.css';\nexport var datapointCanvasPlot = '_1ru1qe71-3-3-1 _13lzg4k0-3-3-1 _1ru1qe70-3-3-1';\nexport var rectangleCanvasPlot = '_13lzg4k0-3-3-1 _1ru1qe70-3-3-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;AAC1B,IAAI,sBAAsB;",
   "names": []
 }

package/esm/charts/xy-chart/processing-strategies/strategies/area-series.js

@@ -39,7 +39,10 @@ class AreaSeriesStrategy extends SeriesBaseStrategy {
     return isAreaSeries(seriesProps);
   }
   getSeriesId(datum, seriesProps) {
-    return getDatumValue(datum, seriesProps.seriesIdAccessor);
+    return getDatumValue(
+      datum,
+      seriesProps.seriesIdAccessor
+    )?.toString();
   }
   createSeries(seriesId, seriesProps, xAxis, yAxis) {
     return {

package/esm/charts/xy-chart/processing-strategies/strategies/area-series.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/area-series.ts"],
-  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { GappableSeriesHelper } from './gappable-series.js';\nimport { StackableSeriesHelper } from './stackable-series.js';\nimport type { Orientation } from '../../../core/components/canvas/types/canvas-shape.js';\nimport { isValidPointsDisplay } from '../../../core/components/canvas/utils/is-valid-points-display.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { DEFAULT_POINTS_DISPLAY } from '../../constants/defaults.js';\nimport type {\n  AnyDatapoint,\n  AreaSeriesWithDatapoints,\n  AxisId,\n  DatapointMetadata,\n  SeriesId,\n  XYChartAreaSeriesInternal,\n  XYChartAreaVariant,\n  XYChartAxisInternal,\n  XYChartOrientation,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport type {\n  AreaDatapoint,\n  XYChartColorPalette,\n  XYChartData,\n} from '../../types/xy-chart.js';\nimport { isAreaSeries } from '../../utils/type-guards.js';\nimport type {\n  AreaSeriesConstructor,\n  ControlFlowCommand,\n  MutableProcessingContext,\n} from '../types/processing-types.js';\nimport { getAreaDatapoints } from '../utils/access-datapoint/get-area-datapoints.js';\nimport {\n  getChartAreaVariant,\n  getChartOrientation,\n  getDatumValue,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getCalculatedLinearPointForArea } from '../utils/cast-data/get-calculated-linear-point.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\nimport { isAreaSeriesStacked } from '../utils/stacking/is-area-series-stacked.js';\nimport {\n  getBaselineCoordinate,\n  getCombinedAxesOrientationKey,\n  isStackable,\n} from '../utils/stacking/stack-datapoints.js';\n\nexport class AreaSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  private readonly stackHelper: StackableSeriesHelper;\n  private readonly gapHelper: GappableSeriesHelper<AreaDatapoint>;\n  /**\n   * This is needed for special cases such as isolated points in value representation in area charts.\n   */\n  public readonly combinedAxesOrientationKeyToSeriesCount: Map<string, number>;\n  /** This set contains series Id that has been preprocessed at least once */\n  private readonly preprocessedSeriesIds: Set<SeriesId>;\n\n  constructor(initializer: AreaSeriesConstructor) {\n    super(initializer);\n    this.stackHelper = new StackableSeriesHelper();\n    this.gapHelper = new GappableSeriesHelper();\n    this.combinedAxesOrientationKeyToSeriesCount = new Map();\n    this.preprocessedSeriesIds = new Set();\n  }\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartAreaSeriesInternal {\n    return isAreaSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n  ): string {\n    return getDatumValue(datum, seriesProps.seriesIdAccessor) as string;\n  }\n\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor, curve } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined, {\n      seriesNameAccessor,\n      datum,\n    });\n\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      seriesName,\n      seriesIndex,\n    );\n\n    // Determine orientation based on accessors\n    const chartOrientation = getChartOrientation(seriesProps);\n    const orientation: Orientation =\n      chartOrientation === 'horizontal' ? 'horizontal' : 'vertical';\n\n    const variant = getChartAreaVariant(\n      chartOrientation as XYChartOrientation,\n      seriesProps,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      ...color,\n      name: seriesName,\n      orientation,\n      curve,\n      variant,\n      pointsDisplay:\n        seriesProps.pointsDisplay &&\n        isValidPointsDisplay(seriesProps.pointsDisplay)\n          ? seriesProps.pointsDisplay\n          : DEFAULT_POINTS_DISPLAY,\n      actions: seriesProps.actions,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: AreaDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    chartOrientation?: XYChartOrientation,\n    variant?: XYChartAreaVariant,\n  ) {\n    return getCalculatedLinearPointForArea(\n      datapoint,\n      xAxis,\n      yAxis,\n      chartOrientation,\n      variant,\n    );\n  }\n\n  protected preprocessImpl(\n    data: XYChartData[],\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand {\n    const chartOrientation = getChartOrientation(seriesProps);\n    if (chartOrientation === undefined || chartOrientation === 'both') {\n      return;\n    }\n\n    const areaVariant = getChartAreaVariant(chartOrientation, seriesProps);\n\n    // Band areas don't stack, so skip preprocessing\n    if (areaVariant === 'band') {\n      return;\n    }\n\n    const canStack = isStackable('stack', chartOrientation, xAxis, yAxis);\n\n    if (!canStack) {\n      return;\n    }\n\n    const filteredSeriesIds = context?.filteredSeriesIds;\n\n    for (const datum of data) {\n      const datapoint = this.getDatapoint(datum, seriesProps, xAxis, yAxis);\n\n      const variant = getChartAreaVariant(chartOrientation, seriesProps);\n\n      if (datapoint) {\n        const seriesId = this.getSeriesId(datum, seriesProps);\n\n        const isSeriesVisible =\n          filteredSeriesIds === undefined || filteredSeriesIds.has(seriesId);\n\n        if (!isSeriesVisible) {\n          continue;\n        }\n\n        this.registerSeriesCountOnPreprocessing(\n          seriesId,\n          xAxis.id,\n          yAxis.id,\n          chartOrientation,\n        );\n\n        const preCalcPoint = this.getCalculationPoint(\n          datapoint,\n          xAxis,\n          yAxis,\n          chartOrientation,\n          variant,\n        );\n\n        this.stackHelper.processStackDomain(\n          preCalcPoint,\n          chartOrientation,\n          xAxis,\n          yAxis,\n        );\n      }\n    }\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: AreaDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n    const isSeriesVisible =\n      context.filteredSeriesIds === undefined ||\n      context.filteredSeriesIds.has(seriesId);\n\n    const chartOrientation = getChartOrientation(seriesProps);\n\n    if (!chartOrientation) {\n      return 'continue';\n    }\n\n    const variant = getChartAreaVariant(chartOrientation, seriesProps);\n\n    // doing this first cause we want to stack the start/end (middle) and the center when are the same\n    const preCalcPoint = this.getCalculationPoint(\n      datapoint,\n      xAxis,\n      yAxis,\n      chartOrientation,\n      variant,\n    );\n\n    let calcDatapoint: AnyDatapoint;\n    let datapointMetadata: DatapointMetadata;\n    let shouldContinue: boolean;\n\n    if (isSeriesVisible) {\n      ({ calcDatapoint, datapointMetadata, shouldContinue } =\n        this.handleStacking(\n          preCalcPoint,\n          xAxis,\n          yAxis,\n          chartOrientation,\n          variant,\n        ));\n    } else {\n      calcDatapoint = preCalcPoint;\n      datapointMetadata = {\n        isGap: false,\n        baseline: getBaselineCoordinate(chartOrientation),\n      };\n      shouldContinue = false;\n    }\n\n    if (shouldContinue) {\n      return 'continue';\n    }\n\n    let currentSeries: AreaSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(seriesId, seriesProps, xAxis, yAxis);\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n      );\n\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: isSeriesVisible,\n        isStacked:\n          chartOrientation !== 'both' &&\n          isAreaSeriesStacked(\n            getCombinedAxesOrientationKey(xAxis.id, yAxis.id, chartOrientation),\n            this.combinedAxesOrientationKeyToSeriesCount,\n            variant,\n          ),\n      });\n    }\n\n    const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);\n\n    if (isSeriesVisible) {\n      const gappedDatapoint = this.gapHelper.handleGapDetection(\n        datapoint,\n        currentSeries,\n        xAxis,\n        yAxis,\n      );\n\n      if (gappedDatapoint) {\n        this.registerDatapoint(\n          gappedDatapoint,\n          { isGap: true },\n          currentSeries,\n          context,\n        );\n      }\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    if (isSeriesVisible) {\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n        color: currentSeriesMetadata?.color,\n      });\n\n      this.updateAxisDomains(\n        calcDatapoint,\n        xAxis,\n        yAxis,\n        context.axisIdToScaleDomain,\n      );\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    //TODO: add color in APPDEV-15003\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getAreaDatapoints(datum, seriesProps, xAxis, yAxis);\n  }\n\n  private handleStacking(\n    datapoint: AreaDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    chartOrientation: XYChartOrientation,\n    areaVariant: XYChartAreaVariant,\n  ) {\n    if (areaVariant === 'band') {\n      return {\n        calcDatapoint: datapoint,\n        datapointMetadata: {\n          isGap: false,\n          baseline: getBaselineCoordinate(chartOrientation),\n        },\n        shouldContinue: false,\n      };\n    }\n\n    let calcDatapoint: AnyDatapoint | undefined;\n    let shouldContinue = false;\n    let datapointMetadata: DatapointMetadata = {\n      isGap: false,\n      baseline: getBaselineCoordinate(chartOrientation),\n    };\n\n    const canStack = isStackable('stack', chartOrientation, xAxis, yAxis);\n\n    if (canStack) {\n      ({ calcDatapoint, datapointMetadata, shouldContinue } =\n        this.stackHelper.processStackedDatapoint(\n          datapoint,\n          chartOrientation as 'vertical' | 'horizontal',\n          xAxis,\n          yAxis,\n          datapointMetadata,\n        ));\n    }\n\n    return {\n      calcDatapoint: calcDatapoint ?? datapoint,\n      datapointMetadata,\n      shouldContinue,\n    };\n  }\n\n  private registerSeriesCountForAxisCombination(\n    xAxisId: AxisId,\n    yAxisId: AxisId,\n    chartOrientation: Orientation,\n  ) {\n    const axesCombinationKey = getCombinedAxesOrientationKey(\n      xAxisId,\n      yAxisId,\n      chartOrientation,\n    );\n    const count =\n      this.combinedAxesOrientationKeyToSeriesCount.get(axesCombinationKey) ?? 0;\n    this.combinedAxesOrientationKeyToSeriesCount.set(\n      axesCombinationKey,\n      count + 1,\n    );\n  }\n\n  private registerSeriesCountOnPreprocessing(\n    seriesId: SeriesId,\n    xAxisId: string,\n    yAxisId: string,\n    chartOrientation: Orientation,\n  ) {\n    if (!this.preprocessedSeriesIds.has(seriesId)) {\n      this.registerSeriesCountForAxisCombination(\n        xAxisId,\n        yAxisId,\n        chartOrientation,\n      );\n      this.preprocessedSeriesIds.add(seriesId);\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { GappableSeriesHelper } from './gappable-series.js';\nimport { StackableSeriesHelper } from './stackable-series.js';\nimport type { Orientation } from '../../../core/components/canvas/types/canvas-shape.js';\nimport { isValidPointsDisplay } from '../../../core/components/canvas/utils/is-valid-points-display.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport { DEFAULT_POINTS_DISPLAY } from '../../constants/defaults.js';\nimport type {\n  AnyDatapoint,\n  AreaSeriesWithDatapoints,\n  AxisId,\n  DatapointMetadata,\n  SeriesId,\n  XYChartAreaSeriesInternal,\n  XYChartAreaVariant,\n  XYChartAxisInternal,\n  XYChartOrientation,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport type {\n  AreaDatapoint,\n  XYChartColorPalette,\n  XYChartData,\n} from '../../types/xy-chart.js';\nimport { isAreaSeries } from '../../utils/type-guards.js';\nimport type {\n  AreaSeriesConstructor,\n  ControlFlowCommand,\n  MutableProcessingContext,\n} from '../types/processing-types.js';\nimport { getAreaDatapoints } from '../utils/access-datapoint/get-area-datapoints.js';\nimport {\n  getChartAreaVariant,\n  getChartOrientation,\n  getDatumValue,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getCalculatedLinearPointForArea } from '../utils/cast-data/get-calculated-linear-point.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\nimport { isAreaSeriesStacked } from '../utils/stacking/is-area-series-stacked.js';\nimport {\n  getBaselineCoordinate,\n  getCombinedAxesOrientationKey,\n  isStackable,\n} from '../utils/stacking/stack-datapoints.js';\n\nexport class AreaSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  private readonly stackHelper: StackableSeriesHelper;\n  private readonly gapHelper: GappableSeriesHelper<AreaDatapoint>;\n  /**\n   * This is needed for special cases such as isolated points in value representation in area charts.\n   */\n  public readonly combinedAxesOrientationKeyToSeriesCount: Map<string, number>;\n  /** This set contains series Id that has been preprocessed at least once */\n  private readonly preprocessedSeriesIds: Set<SeriesId>;\n\n  constructor(initializer: AreaSeriesConstructor) {\n    super(initializer);\n    this.stackHelper = new StackableSeriesHelper();\n    this.gapHelper = new GappableSeriesHelper();\n    this.combinedAxesOrientationKeyToSeriesCount = new Map();\n    this.preprocessedSeriesIds = new Set();\n  }\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartAreaSeriesInternal {\n    return isAreaSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n  ): string {\n    return getDatumValue(\n      datum,\n      seriesProps.seriesIdAccessor,\n    )?.toString() as string;\n  }\n\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor, curve } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined, {\n      seriesNameAccessor,\n      datum,\n    });\n\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      seriesName,\n      seriesIndex,\n    );\n\n    // Determine orientation based on accessors\n    const chartOrientation = getChartOrientation(seriesProps);\n    const orientation: Orientation =\n      chartOrientation === 'horizontal' ? 'horizontal' : 'vertical';\n\n    const variant = getChartAreaVariant(\n      chartOrientation as XYChartOrientation,\n      seriesProps,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      ...color,\n      name: seriesName,\n      orientation,\n      curve,\n      variant,\n      pointsDisplay:\n        seriesProps.pointsDisplay &&\n        isValidPointsDisplay(seriesProps.pointsDisplay)\n          ? seriesProps.pointsDisplay\n          : DEFAULT_POINTS_DISPLAY,\n      actions: seriesProps.actions,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: AreaDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    chartOrientation?: XYChartOrientation,\n    variant?: XYChartAreaVariant,\n  ) {\n    return getCalculatedLinearPointForArea(\n      datapoint,\n      xAxis,\n      yAxis,\n      chartOrientation,\n      variant,\n    );\n  }\n\n  protected preprocessImpl(\n    data: XYChartData[],\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand {\n    const chartOrientation = getChartOrientation(seriesProps);\n    if (chartOrientation === undefined || chartOrientation === 'both') {\n      return;\n    }\n\n    const areaVariant = getChartAreaVariant(chartOrientation, seriesProps);\n\n    // Band areas don't stack, so skip preprocessing\n    if (areaVariant === 'band') {\n      return;\n    }\n\n    const canStack = isStackable('stack', chartOrientation, xAxis, yAxis);\n\n    if (!canStack) {\n      return;\n    }\n\n    const filteredSeriesIds = context?.filteredSeriesIds;\n\n    for (const datum of data) {\n      const datapoint = this.getDatapoint(datum, seriesProps, xAxis, yAxis);\n\n      const variant = getChartAreaVariant(chartOrientation, seriesProps);\n\n      if (datapoint) {\n        const seriesId = this.getSeriesId(datum, seriesProps);\n\n        const isSeriesVisible =\n          filteredSeriesIds === undefined || filteredSeriesIds.has(seriesId);\n\n        if (!isSeriesVisible) {\n          continue;\n        }\n\n        this.registerSeriesCountOnPreprocessing(\n          seriesId,\n          xAxis.id,\n          yAxis.id,\n          chartOrientation,\n        );\n\n        const preCalcPoint = this.getCalculationPoint(\n          datapoint,\n          xAxis,\n          yAxis,\n          chartOrientation,\n          variant,\n        );\n\n        this.stackHelper.processStackDomain(\n          preCalcPoint,\n          chartOrientation,\n          xAxis,\n          yAxis,\n        );\n      }\n    }\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: AreaDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n    const isSeriesVisible =\n      context.filteredSeriesIds === undefined ||\n      context.filteredSeriesIds.has(seriesId);\n\n    const chartOrientation = getChartOrientation(seriesProps);\n\n    if (!chartOrientation) {\n      return 'continue';\n    }\n\n    const variant = getChartAreaVariant(chartOrientation, seriesProps);\n\n    // doing this first cause we want to stack the start/end (middle) and the center when are the same\n    const preCalcPoint = this.getCalculationPoint(\n      datapoint,\n      xAxis,\n      yAxis,\n      chartOrientation,\n      variant,\n    );\n\n    let calcDatapoint: AnyDatapoint;\n    let datapointMetadata: DatapointMetadata;\n    let shouldContinue: boolean;\n\n    if (isSeriesVisible) {\n      ({ calcDatapoint, datapointMetadata, shouldContinue } =\n        this.handleStacking(\n          preCalcPoint,\n          xAxis,\n          yAxis,\n          chartOrientation,\n          variant,\n        ));\n    } else {\n      calcDatapoint = preCalcPoint;\n      datapointMetadata = {\n        isGap: false,\n        baseline: getBaselineCoordinate(chartOrientation),\n      };\n      shouldContinue = false;\n    }\n\n    if (shouldContinue) {\n      return 'continue';\n    }\n\n    let currentSeries: AreaSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(seriesId, seriesProps, xAxis, yAxis);\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n      );\n\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: isSeriesVisible,\n        isStacked:\n          chartOrientation !== 'both' &&\n          isAreaSeriesStacked(\n            getCombinedAxesOrientationKey(xAxis.id, yAxis.id, chartOrientation),\n            this.combinedAxesOrientationKeyToSeriesCount,\n            variant,\n          ),\n      });\n    }\n\n    const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);\n\n    if (isSeriesVisible) {\n      const gappedDatapoint = this.gapHelper.handleGapDetection(\n        datapoint,\n        currentSeries,\n        xAxis,\n        yAxis,\n      );\n\n      if (gappedDatapoint) {\n        this.registerDatapoint(\n          gappedDatapoint,\n          { isGap: true },\n          currentSeries,\n          context,\n        );\n      }\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    if (isSeriesVisible) {\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n        color: currentSeriesMetadata?.color,\n      });\n\n      this.updateAxisDomains(\n        calcDatapoint,\n        xAxis,\n        yAxis,\n        context.axisIdToScaleDomain,\n      );\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    //TODO: add color in APPDEV-15003\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartAreaSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getAreaDatapoints(datum, seriesProps, xAxis, yAxis);\n  }\n\n  private handleStacking(\n    datapoint: AreaDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    chartOrientation: XYChartOrientation,\n    areaVariant: XYChartAreaVariant,\n  ) {\n    if (areaVariant === 'band') {\n      return {\n        calcDatapoint: datapoint,\n        datapointMetadata: {\n          isGap: false,\n          baseline: getBaselineCoordinate(chartOrientation),\n        },\n        shouldContinue: false,\n      };\n    }\n\n    let calcDatapoint: AnyDatapoint | undefined;\n    let shouldContinue = false;\n    let datapointMetadata: DatapointMetadata = {\n      isGap: false,\n      baseline: getBaselineCoordinate(chartOrientation),\n    };\n\n    const canStack = isStackable('stack', chartOrientation, xAxis, yAxis);\n\n    if (canStack) {\n      ({ calcDatapoint, datapointMetadata, shouldContinue } =\n        this.stackHelper.processStackedDatapoint(\n          datapoint,\n          chartOrientation as 'vertical' | 'horizontal',\n          xAxis,\n          yAxis,\n          datapointMetadata,\n        ));\n    }\n\n    return {\n      calcDatapoint: calcDatapoint ?? datapoint,\n      datapointMetadata,\n      shouldContinue,\n    };\n  }\n\n  private registerSeriesCountForAxisCombination(\n    xAxisId: AxisId,\n    yAxisId: AxisId,\n    chartOrientation: Orientation,\n  ) {\n    const axesCombinationKey = getCombinedAxesOrientationKey(\n      xAxisId,\n      yAxisId,\n      chartOrientation,\n    );\n    const count =\n      this.combinedAxesOrientationKeyToSeriesCount.get(axesCombinationKey) ?? 0;\n    this.combinedAxesOrientationKeyToSeriesCount.set(\n      axesCombinationKey,\n      count + 1,\n    );\n  }\n\n  private registerSeriesCountOnPreprocessing(\n    seriesId: SeriesId,\n    xAxisId: string,\n    yAxisId: string,\n    chartOrientation: Orientation,\n  ) {\n    if (!this.preprocessedSeriesIds.has(seriesId)) {\n      this.registerSeriesCountForAxisCombination(\n        xAxisId,\n        yAxisId,\n        chartOrientation,\n      );\n      this.preprocessedSeriesIds.add(seriesId);\n    }\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/processing-strategies/strategies/bar-series.js

@@ -32,7 +32,10 @@ class BarSeriesStrategy extends SeriesBaseStrategy {
     return isBarSeries(seriesProps);
   }
   getSeriesId(datum, seriesProps) {
-    return getDatumValue(datum, seriesProps.seriesIdAccessor);
+    return getDatumValue(
+      datum,
+      seriesProps.seriesIdAccessor
+    )?.toString();
   }
   createSeries(seriesId, seriesProps, xAxis, yAxis) {
     return {

package/esm/charts/xy-chart/processing-strategies/strategies/bar-series.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/bar-series.ts"],
-  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { GroupableSeriesHelper } from './groupable-series.js';\nimport { StackableSeriesHelper } from './stackable-series.js';\nimport type { XYChartSelectionRectangleMetadata } from '../../hooks/useSortRectangleDatapoints.js';\nimport type {\n  BarSeriesWithDatapoints,\n  DatapointMetadata,\n  XYChartAxisInternal,\n  XYChartBarSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport {\n  BAR_VARIANT_SINGLE,\n  type BarDatapoint,\n  type BarSeriesVariant,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isBarSeries } from '../../utils/type-guards.js';\nimport type {\n  BarSeriesConstructor,\n  ControlFlowCommand,\n  MutableProcessingContext,\n} from '../types/processing-types.js';\nimport { getBarDatapoint } from '../utils/access-datapoint/get-bar-datapoints.js';\nimport {\n  getChartOrientation,\n  getDatumValue,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\nimport { getBarSeriesVariant } from '../utils/grouping/get-variant.js';\nimport { isGrouping } from '../utils/grouping/group-bar-datapoints.js';\nimport {\n  getBaselineCoordinate,\n  isStackable,\n} from '../utils/stacking/stack-datapoints.js';\n\nexport class BarSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionRectangleMetadata> {\n  private readonly stackHelper: StackableSeriesHelper;\n  private readonly groupHelper: GroupableSeriesHelper;\n\n  constructor(initializer: BarSeriesConstructor) {\n    super(initializer);\n    this.stackHelper = new StackableSeriesHelper();\n    this.groupHelper = new GroupableSeriesHelper();\n  }\n\n  get axisIdToDimension() {\n    return this.groupHelper.axisIdToDimension;\n  }\n\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartBarSeriesInternal {\n    return isBarSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n  ): string {\n    return getDatumValue(datum, seriesProps.seriesIdAccessor) as string;\n  }\n\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n    variant?: BarSeriesVariant,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined, {\n      seriesNameAccessor,\n      datum,\n    });\n\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      seriesName,\n      seriesIndex,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      ...color,\n      name: seriesName,\n      variant: variant ?? BAR_VARIANT_SINGLE,\n      actions: seriesProps.actions,\n      chartOrientation: getChartOrientation(seriesProps),\n    };\n  }\n\n  private handleStackingAndGrouping(\n    datapoint: BarDatapoint,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    chartOrientation: 'vertical' | 'horizontal' | 'both',\n    seriesId: string,\n    isSeriesVisible: boolean,\n  ): {\n    calcDatapoint: BarDatapoint;\n    datapointMetadata: DatapointMetadata;\n    shouldContinue: boolean;\n    variant: BarSeriesVariant;\n  } {\n    let shouldContinue = false;\n    let datapointMetadata: DatapointMetadata = {\n      isGap: false,\n      baseline: getBaselineCoordinate(chartOrientation),\n    };\n\n    const canStack = isStackable(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    const canGroup = isGrouping(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    let calcDatapoint: BarDatapoint | undefined;\n\n    if (!isSeriesVisible) {\n      return {\n        calcDatapoint: calcDatapoint ?? datapoint,\n        datapointMetadata,\n        shouldContinue,\n        variant: getBarSeriesVariant(canStack, canGroup),\n      };\n    }\n\n    if (canStack) {\n      ({ calcDatapoint, datapointMetadata, shouldContinue } =\n        this.stackHelper.processStackedDatapoint(\n          datapoint,\n          chartOrientation as 'vertical' | 'horizontal',\n          xAxis,\n          yAxis,\n          datapointMetadata,\n        ));\n    }\n\n    if (canGroup) {\n      ({ datapointMetadata } = this.groupHelper.processGroupDatapoint(\n        datapoint,\n        chartOrientation as 'vertical' | 'horizontal',\n        xAxis,\n        yAxis,\n        seriesId,\n        datapointMetadata,\n      ));\n    }\n\n    return {\n      calcDatapoint: calcDatapoint ?? datapoint,\n      datapointMetadata,\n      shouldContinue,\n      variant: getBarSeriesVariant(canStack, canGroup),\n    };\n  }\n\n  protected preprocessImpl(\n    data: XYChartData[],\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand {\n    const chartOrientation = getChartOrientation(seriesProps);\n    if (chartOrientation === undefined || chartOrientation === 'both') {\n      return;\n    }\n\n    const canStack = isStackable(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    const canGroup = isGrouping(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    if (!canStack && !canGroup) {\n      return;\n    }\n\n    const filteredSeriesIds = context?.filteredSeriesIds;\n\n    for (const datum of data) {\n      const datapoint = this.getDatapoint(datum, seriesProps, xAxis, yAxis);\n\n      if (datapoint) {\n        const seriesId = this.getSeriesId(datum, seriesProps);\n        const isSeriesVisible =\n          filteredSeriesIds === undefined || filteredSeriesIds.has(seriesId);\n\n        if (!isSeriesVisible) {\n          continue;\n        }\n\n        if (canStack) {\n          this.stackHelper.processStackDomain(\n            datapoint,\n            chartOrientation,\n            xAxis,\n            yAxis,\n          );\n        }\n\n        if (canGroup) {\n          this.groupHelper.processGroupDomain(\n            datapoint,\n            chartOrientation,\n            xAxis,\n            yAxis,\n          );\n        }\n      }\n    }\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: BarDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n\n    const chartOrientation = getChartOrientation(seriesProps);\n    if (chartOrientation === undefined) {\n      return 'continue';\n    }\n\n    const isSeriesVisible =\n      context.filteredSeriesIds === undefined ||\n      context.filteredSeriesIds.has(seriesId);\n\n    const { calcDatapoint, datapointMetadata, shouldContinue, variant } =\n      this.handleStackingAndGrouping(\n        datapoint,\n        seriesProps,\n        xAxis,\n        yAxis,\n        chartOrientation,\n        seriesId,\n        isSeriesVisible,\n      );\n\n    if (shouldContinue) {\n      return 'continue';\n    }\n\n    let currentSeries: BarSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(seriesId, seriesProps, xAxis, yAxis);\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n        variant,\n      );\n\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: isSeriesVisible,\n      });\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    if (isSeriesVisible) {\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n      });\n\n      this.updateAxisDomains(\n        calcDatapoint,\n        xAxis,\n        yAxis,\n        context.axisIdToScaleDomain,\n      );\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getBarDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AAStC;AAAA,EACE;AAAA,OAKK;AACP,SAAS,mBAAmB;AAM5B,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,0BAA0B,mBAAsD;AAAA,EAC1E;AAAA,EACA;AAAA,EAEjB,YAAY,aAAmC;AAC7C,UAAM,WAAW;AACjB,SAAK,cAAc,IAAI,sBAAsB;AAC7C,SAAK,cAAc,IAAI,sBAAsB;AAAA,EAC/C;AAAA,EAEA,IAAI,oBAAoB;AACtB,WAAO,KAAK,YAAY;AAAA,EAC1B;AAAA,EAEA,UACE,aACyC;AACzC,WAAO,YAAY,WAAW;AAAA,EAChC;AAAA,EAEU,YACR,OACA,aACQ;AACR,WAAO,cAAc,OAAO,YAAY,gBAAgB;AAAA,EAC1D;AAAA,EAEU,aACR,UACA,aACA,OACA,OACA;AACA,WAAO;AAAA,MACL,IAAI;AAAA,MACJ,MAAM,YAAY;AAAA,MAClB,MAAM,CAAC;AAAA,MACP,SAAS,MAAM;AAAA,MACf,SAAS,MAAM;AAAA,IACjB;AAAA,EACF;AAAA,EAEU,qBACR,OACA,aACA,OACA,OACA,UACA,SACA,SACA;AACA,UAAM,EAAE,MAAM,cAAc,IAAI;AAChC,UAAM,EAAE,cAAc,mBAAmB,IAAI;AAE7C,UAAM,cAAc,KAAK,uBAAuB,UAAU,aAAa;AACvE,UAAM,aAAa,KAAK,cAAc,MAAM,aAAa,QAAW;AAAA,MAClE;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,QAAQ,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,IACF;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH,MAAM;AAAA,MACN,SAAS,WAAW;AAAA,MACpB,SAAS,YAAY;AAAA,MACrB,kBAAkB,oBAAoB,WAAW;AAAA,IACnD;AAAA,EACF;AAAA,EAEQ,0BACN,WACA,aACA,OACA,OACA,kBACA,UACA,iBAMA;AACA,QAAI,iBAAiB;AACrB,QAAI,oBAAuC;AAAA,MACzC,OAAO;AAAA,MACP,UAAU,sBAAsB,gBAAgB;AAAA,IAClD;AAEA,UAAM,WAAW;AAAA,MACf,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,WAAW;AAAA,MACf,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI;AAEJ,QAAI,CAAC,iBAAiB;AACpB,aAAO;AAAA,QACL,eAAe,iBAAiB;AAAA,QAChC;AAAA,QACA;AAAA,QACA,SAAS,oBAAoB,UAAU,QAAQ;AAAA,MACjD;AAAA,IACF;AAEA,QAAI,UAAU;AACZ,OAAC,EAAE,eAAe,mBAAmB,eAAe,IAClD,KAAK,YAAY;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACJ;AAEA,QAAI,UAAU;AACZ,OAAC,EAAE,kBAAkB,IAAI,KAAK,YAAY;AAAA,QACxC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,eAAe,iBAAiB;AAAA,MAChC;AAAA,MACA;AAAA,MACA,SAAS,oBAAoB,UAAU,QAAQ;AAAA,IACjD;AAAA,EACF;AAAA,EAEU,eACR,MACA,aACA,OACA,OACA,SACoB;AACpB,UAAM,mBAAmB,oBAAoB,WAAW;AACxD,QAAI,qBAAqB,UAAa,qBAAqB,QAAQ;AACjE;AAAA,IACF;AAEA,UAAM,WAAW;AAAA,MACf,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,WAAW;AAAA,MACf,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,CAAC,YAAY,CAAC,UAAU;AAC1B;AAAA,IACF;AAEA,UAAM,oBAAoB,SAAS;AAEnC,eAAW,SAAS,MAAM;AACxB,YAAM,YAAY,KAAK,aAAa,OAAO,aAAa,OAAO,KAAK;AAEpE,UAAI,WAAW;AACb,cAAM,WAAW,KAAK,YAAY,OAAO,WAAW;AACpD,cAAM,kBACJ,sBAAsB,UAAa,kBAAkB,IAAI,QAAQ;AAEnE,YAAI,CAAC,iBAAiB;AACpB;AAAA,QACF;AAEA,YAAI,UAAU;AACZ,eAAK,YAAY;AAAA,YACf;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAEA,YAAI,UAAU;AACZ,eAAK,YAAY;AAAA,YACf;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEU,YACR,OACA,aACA,OACA,OACA,WACA,SACA;AACA,UAAM,EAAE,WAAW,iBAAiB,IAAI;AAExC,UAAM,WAAW,KAAK,YAAY,OAAO,WAAW;AAEpD,UAAM,mBAAmB,oBAAoB,WAAW;AACxD,QAAI,qBAAqB,QAAW;AAClC,aAAO;AAAA,IACT;AAEA,UAAM,kBACJ,QAAQ,sBAAsB,UAC9B,QAAQ,kBAAkB,IAAI,QAAQ;AAExC,UAAM,EAAE,eAAe,mBAAmB,gBAAgB,QAAQ,IAChE,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEF,QAAI,gBAAgB;AAClB,aAAO;AAAA,IACT;AAEA,QAAI,gBACF,UAAU,IAAI,QAAQ;AAExB,QAAI,CAAC,eAAe;AAClB,sBAAgB,KAAK,aAAa,UAAU,aAAa,OAAO,KAAK;AAErE,WAAK,eAAe,eAAe,UAAU,OAAO;AAEpD,YAAM,WAAW,KAAK;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,uBAAiB,IAAI,eAAe;AAAA,QAClC,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AAAA,IACH;AAEA,SAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,iBAAiB;AACnB,WAAK,SAAS;AAAA,QACZ,QAAQ;AAAA,QACR;AAAA,MACF,CAAC;AAED,WAAK;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SACE,OACA,aACA,oBACA,YACA,aACA;AACA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,aACE,OACA,aACA,OACA,OACA;AACA,WAAO,gBAAgB,OAAO,aAAa,OAAO,KAAK;AAAA,EACzD;AACF;",
+  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { GroupableSeriesHelper } from './groupable-series.js';\nimport { StackableSeriesHelper } from './stackable-series.js';\nimport type { XYChartSelectionRectangleMetadata } from '../../hooks/useSortRectangleDatapoints.js';\nimport type {\n  BarSeriesWithDatapoints,\n  DatapointMetadata,\n  XYChartAxisInternal,\n  XYChartBarSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport {\n  BAR_VARIANT_SINGLE,\n  type BarDatapoint,\n  type BarSeriesVariant,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isBarSeries } from '../../utils/type-guards.js';\nimport type {\n  BarSeriesConstructor,\n  ControlFlowCommand,\n  MutableProcessingContext,\n} from '../types/processing-types.js';\nimport { getBarDatapoint } from '../utils/access-datapoint/get-bar-datapoints.js';\nimport {\n  getChartOrientation,\n  getDatumValue,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\nimport { getBarSeriesVariant } from '../utils/grouping/get-variant.js';\nimport { isGrouping } from '../utils/grouping/group-bar-datapoints.js';\nimport {\n  getBaselineCoordinate,\n  isStackable,\n} from '../utils/stacking/stack-datapoints.js';\n\nexport class BarSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionRectangleMetadata> {\n  private readonly stackHelper: StackableSeriesHelper;\n  private readonly groupHelper: GroupableSeriesHelper;\n\n  constructor(initializer: BarSeriesConstructor) {\n    super(initializer);\n    this.stackHelper = new StackableSeriesHelper();\n    this.groupHelper = new GroupableSeriesHelper();\n  }\n\n  get axisIdToDimension() {\n    return this.groupHelper.axisIdToDimension;\n  }\n\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartBarSeriesInternal {\n    return isBarSeries(seriesProps);\n  }\n\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n  ): string {\n    return getDatumValue(\n      datum,\n      seriesProps.seriesIdAccessor,\n    )?.toString() as string;\n  }\n\n  protected createSeries(\n    seriesId: string,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return {\n      id: seriesId,\n      type: seriesProps.type,\n      data: [],\n      xAxisId: xAxis.id,\n      yAxisId: yAxis.id,\n    };\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n    variant?: BarSeriesVariant,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(intl, seriesIndex, undefined, {\n      seriesNameAccessor,\n      datum,\n    });\n\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      seriesName,\n      seriesIndex,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      ...color,\n      name: seriesName,\n      variant: variant ?? BAR_VARIANT_SINGLE,\n      actions: seriesProps.actions,\n      chartOrientation: getChartOrientation(seriesProps),\n    };\n  }\n\n  private handleStackingAndGrouping(\n    datapoint: BarDatapoint,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    chartOrientation: 'vertical' | 'horizontal' | 'both',\n    seriesId: string,\n    isSeriesVisible: boolean,\n  ): {\n    calcDatapoint: BarDatapoint;\n    datapointMetadata: DatapointMetadata;\n    shouldContinue: boolean;\n    variant: BarSeriesVariant;\n  } {\n    let shouldContinue = false;\n    let datapointMetadata: DatapointMetadata = {\n      isGap: false,\n      baseline: getBaselineCoordinate(chartOrientation),\n    };\n\n    const canStack = isStackable(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    const canGroup = isGrouping(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    let calcDatapoint: BarDatapoint | undefined;\n\n    if (!isSeriesVisible) {\n      return {\n        calcDatapoint: calcDatapoint ?? datapoint,\n        datapointMetadata,\n        shouldContinue,\n        variant: getBarSeriesVariant(canStack, canGroup),\n      };\n    }\n\n    if (canStack) {\n      ({ calcDatapoint, datapointMetadata, shouldContinue } =\n        this.stackHelper.processStackedDatapoint(\n          datapoint,\n          chartOrientation as 'vertical' | 'horizontal',\n          xAxis,\n          yAxis,\n          datapointMetadata,\n        ));\n    }\n\n    if (canGroup) {\n      ({ datapointMetadata } = this.groupHelper.processGroupDatapoint(\n        datapoint,\n        chartOrientation as 'vertical' | 'horizontal',\n        xAxis,\n        yAxis,\n        seriesId,\n        datapointMetadata,\n      ));\n    }\n\n    return {\n      calcDatapoint: calcDatapoint ?? datapoint,\n      datapointMetadata,\n      shouldContinue,\n      variant: getBarSeriesVariant(canStack, canGroup),\n    };\n  }\n\n  protected preprocessImpl(\n    data: XYChartData[],\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    context: MutableProcessingContext,\n  ): ControlFlowCommand {\n    const chartOrientation = getChartOrientation(seriesProps);\n    if (chartOrientation === undefined || chartOrientation === 'both') {\n      return;\n    }\n\n    const canStack = isStackable(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    const canGroup = isGrouping(\n      seriesProps.variant,\n      chartOrientation,\n      xAxis,\n      yAxis,\n    );\n\n    if (!canStack && !canGroup) {\n      return;\n    }\n\n    const filteredSeriesIds = context?.filteredSeriesIds;\n\n    for (const datum of data) {\n      const datapoint = this.getDatapoint(datum, seriesProps, xAxis, yAxis);\n\n      if (datapoint) {\n        const seriesId = this.getSeriesId(datum, seriesProps);\n        const isSeriesVisible =\n          filteredSeriesIds === undefined || filteredSeriesIds.has(seriesId);\n\n        if (!isSeriesVisible) {\n          continue;\n        }\n\n        if (canStack) {\n          this.stackHelper.processStackDomain(\n            datapoint,\n            chartOrientation,\n            xAxis,\n            yAxis,\n          );\n        }\n\n        if (canGroup) {\n          this.groupHelper.processGroupDomain(\n            datapoint,\n            chartOrientation,\n            xAxis,\n            yAxis,\n          );\n        }\n      }\n    }\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: BarDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n\n    const chartOrientation = getChartOrientation(seriesProps);\n    if (chartOrientation === undefined) {\n      return 'continue';\n    }\n\n    const isSeriesVisible =\n      context.filteredSeriesIds === undefined ||\n      context.filteredSeriesIds.has(seriesId);\n\n    const { calcDatapoint, datapointMetadata, shouldContinue, variant } =\n      this.handleStackingAndGrouping(\n        datapoint,\n        seriesProps,\n        xAxis,\n        yAxis,\n        chartOrientation,\n        seriesId,\n        isSeriesVisible,\n      );\n\n    if (shouldContinue) {\n      return 'continue';\n    }\n\n    let currentSeries: BarSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(seriesId, seriesProps, xAxis, yAxis);\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n        variant,\n      );\n\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: isSeriesVisible,\n      });\n    }\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    if (isSeriesVisible) {\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n      });\n\n      this.updateAxisDomains(\n        calcDatapoint,\n        xAxis,\n        yAxis,\n        context.axisIdToScaleDomain,\n      );\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartBarSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getBarDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/processing-strategies/strategies/dot-series.js

@@ -16,7 +16,7 @@ class DotSeriesStrategy extends SeriesBaseStrategy {
     const seriesIdAccessor = getDatumValue(
       datum,
       seriesProps.seriesIdAccessor
-    );
+    )?.toString();
     return seriesIdAccessor ?? seriesProps.id;
   }
   createSeriesMetadata(datum, seriesProps, xAxis, yAxis, seriesId, context) {

package/esm/charts/xy-chart/processing-strategies/strategies/dot-series.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/processing-strategies/strategies/dot-series.ts"],
-  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport type {\n  DatapointMetadata,\n  DotSeriesWithDatapoints,\n  XYChartAxisInternal,\n  XYChartDotSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport {\n  type DotDatapoint,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isDotSeries } from '../../utils/type-guards.js';\nimport type { MutableProcessingContext } from '../types/processing-types.js';\nimport {\n  getDatumValue,\n  getDotDatapoint,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getCalculatedLinearPoint } from '../utils/cast-data/get-calculated-linear-point.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\n\nexport class DotSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartDotSeriesInternal {\n    return isDotSeries(seriesProps);\n  }\n\n  // can this method be un base?\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n  ): string {\n    const seriesIdAccessor = getDatumValue(\n      datum,\n      seriesProps.seriesIdAccessor,\n    ) as string;\n    return seriesIdAccessor ?? seriesProps.id;\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(\n      intl,\n      seriesIndex,\n      // APPDEV-15290 - Adjust after removing name prop from series\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      seriesProps.name,\n      {\n        seriesNameAccessor,\n        datum,\n      },\n    );\n\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      seriesName,\n      seriesIndex,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      actions: seriesProps.actions,\n      ...color,\n      name: seriesName,\n      shape: seriesProps.shape,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: DotDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getCalculatedLinearPoint(datapoint, xAxis, yAxis);\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: DotDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n    const isSeriesVisible =\n      context.filteredSeriesIds === undefined ||\n      context.filteredSeriesIds.has(seriesId);\n\n    let currentSeries: DotSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(\n        seriesId,\n        seriesProps,\n        xAxis,\n        yAxis,\n      ) as DotSeriesWithDatapoints;\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n      );\n\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: isSeriesVisible,\n      });\n    }\n\n    const datapointMetadata: DatapointMetadata = { isGap: false };\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    if (isSeriesVisible) {\n      const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);\n\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n        color: currentSeriesMetadata?.color,\n      });\n\n      const calcPoint = this.getCalculationPoint(datapoint, xAxis, yAxis);\n\n      this.updateAxisDomains(\n        calcPoint,\n        xAxis,\n        yAxis,\n        context.axisIdToScaleDomain,\n      );\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getDotDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,eAAe;AAcxB,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;AAExB,MAAM,0BAA0B,mBAAmD;AAAA,EACxF,UACE,aACyC;AACzC,WAAO,YAAY,WAAW;AAAA,EAChC;AAAA;AAAA,EAGU,YACR,OACA,aACQ;AACR,UAAM,mBAAmB;AAAA,MACvB;AAAA,MACA,YAAY;AAAA,IACd;AACA,WAAO,oBAAoB,YAAY;AAAA,EACzC;AAAA,EAEU,qBACR,OACA,aACA,OACA,OACA,UACA,SACA;AACA,UAAM,EAAE,MAAM,cAAc,IAAI;AAChC,UAAM,EAAE,cAAc,mBAAmB,IAAI;AAE7C,UAAM,cAAc,KAAK,uBAAuB,UAAU,aAAa;AACvE,UAAM,aAAa,KAAK;AAAA,MACtB;AAAA,MACA;AAAA;AAAA;AAAA,MAGA,YAAY;AAAA,MACZ;AAAA,QACE;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,QAAQ,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,IACF;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,YAAY;AAAA,MACrB,GAAG;AAAA,MACH,MAAM;AAAA,MACN,OAAO,YAAY;AAAA,IACrB;AAAA,EACF;AAAA,EAEU,oBACR,WACA,OACA,OACA;AACA,WAAO,yBAAyB,WAAW,OAAO,KAAK;AAAA,EACzD;AAAA,EAEU,YACR,OACA,aACA,OACA,OACA,WACA,SACA;AACA,UAAM,EAAE,WAAW,iBAAiB,IAAI;AAExC,UAAM,WAAW,KAAK,YAAY,OAAO,WAAW;AACpD,UAAM,kBACJ,QAAQ,sBAAsB,UAC9B,QAAQ,kBAAkB,IAAI,QAAQ;AAExC,QAAI,gBACF,UAAU,IAAI,QAAQ;AAExB,QAAI,CAAC,eAAe;AAClB,sBAAgB,KAAK;AAAA,QACnB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,WAAK,eAAe,eAAe,UAAU,OAAO;AAEpD,YAAM,WAAW,KAAK;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,uBAAiB,IAAI,eAAe;AAAA,QAClC,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AAAA,IACH;AAEA,UAAM,oBAAuC,EAAE,OAAO,MAAM;AAE5D,SAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,iBAAiB;AACnB,YAAM,wBAAwB,QAAQ,kBAAkB,aAAa;AAErE,WAAK,SAAS;AAAA,QACZ,QAAQ;AAAA,QACR;AAAA,QACA,OAAO,uBAAuB;AAAA,MAChC,CAAC;AAED,YAAM,YAAY,KAAK,oBAAoB,WAAW,OAAO,KAAK;AAElE,WAAK;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SACE,OACA,aACA,oBACA,YACA,aACA;AACA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,aACE,OACA,aACA,OACA,OACA;AACA,WAAO,gBAAgB,OAAO,aAAa,OAAO,KAAK;AAAA,EACzD;AACF;",
+  "sourcesContent": ["import { SeriesBaseStrategy } from './base-series.js';\nimport { safeGet } from '../../../core/utils/safe-get.js';\nimport type {\n  DatapointMetadata,\n  DotSeriesWithDatapoints,\n  XYChartAxisInternal,\n  XYChartDotSeriesInternal,\n  XYChartVariantsInternal,\n} from '../../types/xy-chart-internals.js';\nimport type { XYChartSelectionLinearMetadata } from '../../types/xy-chart-selection.js';\nimport {\n  type DotDatapoint,\n  type XYChartColorPalette,\n  type XYChartData,\n} from '../../types/xy-chart.js';\nimport { isDotSeries } from '../../utils/type-guards.js';\nimport type { MutableProcessingContext } from '../types/processing-types.js';\nimport {\n  getDatumValue,\n  getDotDatapoint,\n} from '../utils/access-datapoint/get-datapoints.js';\nimport { getCalculatedLinearPoint } from '../utils/cast-data/get-calculated-linear-point.js';\nimport { getLinearColor } from '../utils/coloring/get-linear-color-palette.js';\n\nexport class DotSeriesStrategy extends SeriesBaseStrategy<XYChartSelectionLinearMetadata> {\n  canHandle(\n    seriesProps: XYChartVariantsInternal,\n  ): seriesProps is XYChartDotSeriesInternal {\n    return isDotSeries(seriesProps);\n  }\n\n  // can this method be un base?\n  protected getSeriesId(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n  ): string {\n    const seriesIdAccessor = getDatumValue(\n      datum,\n      seriesProps.seriesIdAccessor,\n    )?.toString() as string;\n    return seriesIdAccessor ?? seriesProps.id;\n  }\n\n  protected createSeriesMetadata(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    seriesId: string,\n    context: MutableProcessingContext,\n  ) {\n    const { intl, seriesIndexes } = context;\n    const { nameAccessor: seriesNameAccessor } = seriesProps;\n\n    const seriesIndex = this.getOrCreateSeriesIndex(seriesId, seriesIndexes);\n    const seriesName = this.getSeriesName(\n      intl,\n      seriesIndex,\n      // APPDEV-15290 - Adjust after removing name prop from series\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      seriesProps.name,\n      {\n        seriesNameAccessor,\n        datum,\n      },\n    );\n\n    const color = this.getColor(\n      datum,\n      seriesProps,\n      context.colorPalette,\n      seriesName,\n      seriesIndex,\n    );\n\n    return {\n      xAxis,\n      yAxis,\n      actions: seriesProps.actions,\n      ...color,\n      name: seriesName,\n      shape: seriesProps.shape,\n    };\n  }\n\n  protected getCalculationPoint(\n    datapoint: DotDatapoint,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getCalculatedLinearPoint(datapoint, xAxis, yAxis);\n  }\n\n  protected processImpl(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n    datapoint: DotDatapoint,\n    context: MutableProcessingContext,\n  ) {\n    const { seriesMap, seriesToMetadata } = context;\n\n    const seriesId = this.getSeriesId(datum, seriesProps);\n    const isSeriesVisible =\n      context.filteredSeriesIds === undefined ||\n      context.filteredSeriesIds.has(seriesId);\n\n    let currentSeries: DotSeriesWithDatapoints | undefined =\n      seriesMap.get(seriesId);\n\n    if (!currentSeries) {\n      currentSeries = this.createSeries(\n        seriesId,\n        seriesProps,\n        xAxis,\n        yAxis,\n      ) as DotSeriesWithDatapoints;\n\n      this.registerSeries(currentSeries, seriesId, context);\n\n      const metadata = this.createSeriesMetadata(\n        datum,\n        seriesProps,\n        xAxis,\n        yAxis,\n        seriesId,\n        context,\n      );\n\n      seriesToMetadata.set(currentSeries, {\n        ...metadata,\n        isVisible: isSeriesVisible,\n      });\n    }\n\n    const datapointMetadata: DatapointMetadata = { isGap: false };\n\n    this.registerDatapoint(\n      datapoint,\n      datapointMetadata,\n      currentSeries,\n      context,\n    );\n\n    if (isSeriesVisible) {\n      const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);\n\n      this.addValue({\n        series: currentSeries,\n        datapoint,\n        color: currentSeriesMetadata?.color,\n      });\n\n      const calcPoint = this.getCalculationPoint(datapoint, xAxis, yAxis);\n\n      this.updateAxisDomains(\n        calcPoint,\n        xAxis,\n        yAxis,\n        context.axisIdToScaleDomain,\n      );\n    }\n  }\n\n  getColor(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    configColorPalette: XYChartColorPalette | undefined,\n    seriesName: string,\n    seriesIndex: number,\n  ) {\n    return getLinearColor(\n      datum,\n      seriesProps,\n      configColorPalette,\n      seriesName,\n      seriesIndex,\n    );\n  }\n\n  getDatapoint(\n    datum: XYChartData,\n    seriesProps: XYChartDotSeriesInternal,\n    xAxis: XYChartAxisInternal,\n    yAxis: XYChartAxisInternal,\n  ) {\n    return getDotDatapoint(datum, seriesProps, xAxis, yAxis);\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,eAAe;AAcxB,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;AAExB,MAAM,0BAA0B,mBAAmD;AAAA,EACxF,UACE,aACyC;AACzC,WAAO,YAAY,WAAW;AAAA,EAChC;AAAA;AAAA,EAGU,YACR,OACA,aACQ;AACR,UAAM,mBAAmB;AAAA,MACvB;AAAA,MACA,YAAY;AAAA,IACd,GAAG,SAAS;AACZ,WAAO,oBAAoB,YAAY;AAAA,EACzC;AAAA,EAEU,qBACR,OACA,aACA,OACA,OACA,UACA,SACA;AACA,UAAM,EAAE,MAAM,cAAc,IAAI;AAChC,UAAM,EAAE,cAAc,mBAAmB,IAAI;AAE7C,UAAM,cAAc,KAAK,uBAAuB,UAAU,aAAa;AACvE,UAAM,aAAa,KAAK;AAAA,MACtB;AAAA,MACA;AAAA;AAAA;AAAA,MAGA,YAAY;AAAA,MACZ;AAAA,QACE;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,QAAQ,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,IACF;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,YAAY;AAAA,MACrB,GAAG;AAAA,MACH,MAAM;AAAA,MACN,OAAO,YAAY;AAAA,IACrB;AAAA,EACF;AAAA,EAEU,oBACR,WACA,OACA,OACA;AACA,WAAO,yBAAyB,WAAW,OAAO,KAAK;AAAA,EACzD;AAAA,EAEU,YACR,OACA,aACA,OACA,OACA,WACA,SACA;AACA,UAAM,EAAE,WAAW,iBAAiB,IAAI;AAExC,UAAM,WAAW,KAAK,YAAY,OAAO,WAAW;AACpD,UAAM,kBACJ,QAAQ,sBAAsB,UAC9B,QAAQ,kBAAkB,IAAI,QAAQ;AAExC,QAAI,gBACF,UAAU,IAAI,QAAQ;AAExB,QAAI,CAAC,eAAe;AAClB,sBAAgB,KAAK;AAAA,QACnB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,WAAK,eAAe,eAAe,UAAU,OAAO;AAEpD,YAAM,WAAW,KAAK;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,uBAAiB,IAAI,eAAe;AAAA,QAClC,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AAAA,IACH;AAEA,UAAM,oBAAuC,EAAE,OAAO,MAAM;AAE5D,SAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,iBAAiB;AACnB,YAAM,wBAAwB,QAAQ,kBAAkB,aAAa;AAErE,WAAK,SAAS;AAAA,QACZ,QAAQ;AAAA,QACR;AAAA,QACA,OAAO,uBAAuB;AAAA,MAChC,CAAC;AAED,YAAM,YAAY,KAAK,oBAAoB,WAAW,OAAO,KAAK;AAElE,WAAK;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SACE,OACA,aACA,oBACA,YACA,aACA;AACA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,aACE,OACA,aACA,OACA,OACA;AACA,WAAO,gBAAgB,OAAO,aAAa,OAAO,KAAK;AAAA,EACzD;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/processing-strategies/strategies/line-series.js

@@ -20,7 +20,10 @@ class LineSeriesStrategy extends SeriesBaseStrategy {
     return isLineSeries(seriesProps);
   }
   getSeriesId(datum, seriesProps) {
-    return getDatumValue(datum, seriesProps.seriesIdAccessor);
+    return getDatumValue(
+      datum,
+      seriesProps.seriesIdAccessor
+    )?.toString();
   }
   createSeriesMetadata(datum, seriesProps, xAxis, yAxis, seriesId, context) {
     const { intl, seriesIndexes } = context;