@dynatrace/strato-components 3.9.0 → 3.10.0

package/esm/charts/xy-chart-adoption/categorical-bar/CategoricalBarToXY.js

@@ -0,0 +1,133 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  forwardRef,
+  useCallback,
+  useImperativeHandle,
+  useRef
+} from "react";
+import { getBarSeriesAccessors } from "./bar-series-accessors.js";
+import { iterateSlots } from "./iterate-slots.js";
+import { resolveCategoricalColorSupport } from "./resolve-categorical-color-support.js";
+import { transformCategoricalBarDataToXY } from "./transformer-data-to-xy.js";
+import { formatCSV } from "./utils/format-csv.js";
+import { useBehavioralTrackingProps } from "../../../core/hooks/useBehavioralTrackingProps.js";
+import { downloadCSV } from "../../../core/utils/download.js";
+import { CSS_DOWNLOAD_FILENAME } from "../../core/constants.js";
+import { ChartType } from "../../core/types/chart-types.js";
+import { XYChart } from "../../xy-chart/XYChartRoot.js";
+const X_AXIS_ID = "x-axis";
+const Y_AXIS_ID = "y-axis";
+const CategoricalBarToXY = forwardRef((props, forwardedRef) => {
+  const {
+    data,
+    colorPalette,
+    colorPaletteMode,
+    groupMode,
+    children,
+    className,
+    style,
+    width,
+    height,
+    loading,
+    truncationMode,
+    layout,
+    "data-dtrum-mask": dataDtrumMask,
+    "data-dtrum-allow": dataDtrumAllow
+  } = props;
+  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);
+  const {
+    variant,
+    data: xyData,
+    seriesByDimension
+  } = transformCategoricalBarDataToXY(data, groupMode);
+  const {
+    colorRules: userColorRules,
+    legend,
+    emptyState,
+    errorState,
+    intents
+  } = iterateSlots(children);
+  const resolvedColorRules = resolveCategoricalColorSupport(
+    xyData,
+    colorPalette,
+    colorPaletteMode,
+    userColorRules,
+    groupMode
+  );
+  const xyRef = useRef(null);
+  const downloadDataCallback = useCallback(() => {
+    const csvString = formatCSV(data);
+    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);
+  }, [data]);
+  useImperativeHandle(
+    forwardedRef,
+    () => ({
+      get element() {
+        return xyRef.current?.element ?? null;
+      },
+      getConfig: () => JSON.stringify({ type: ChartType.CategoricalBar }),
+      downloadData: () => xyRef.current?.downloadData()
+    }),
+    []
+  );
+  const isHorizontal = layout === "horizontal";
+  const xAxisType = isHorizontal ? "numerical" : "categorical";
+  const yAxisType = isHorizontal ? "categorical" : "numerical";
+  return /* @__PURE__ */ jsxs(
+    XYChart,
+    {
+      data: [],
+      ref: xyRef,
+      width,
+      height,
+      className,
+      style,
+      colorPalette,
+      loading,
+      truncationMode,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      "data-dt-component": "CategoricalBarChart",
+      __downloadDataCallback: downloadDataCallback,
+      ...behaviorTrackingProps,
+      children: [
+        seriesByDimension ? [...seriesByDimension.entries()].map(([dim, dimData]) => /* @__PURE__ */ jsx(
+          XYChart.BarSeries,
+          {
+            variant,
+            data: dimData,
+            xAxisId: X_AXIS_ID,
+            yAxisId: Y_AXIS_ID,
+            ...getBarSeriesAccessors(isHorizontal),
+            seriesIdAccessor: "seriesId",
+            nameAccessor: "seriesName"
+          },
+          dim
+        )) : /* @__PURE__ */ jsx(
+          XYChart.BarSeries,
+          {
+            variant: "single",
+            data: xyData,
+            xAxisId: X_AXIS_ID,
+            yAxisId: Y_AXIS_ID,
+            ...getBarSeriesAccessors(isHorizontal),
+            seriesIdAccessor: "seriesId",
+            nameAccessor: "seriesName"
+          }
+        ),
+        /* @__PURE__ */ jsx(XYChart.XAxis, { id: X_AXIS_ID, type: xAxisType, position: "bottom" }),
+        /* @__PURE__ */ jsx(XYChart.YAxis, { id: Y_AXIS_ID, type: yAxisType, position: "left" }),
+        resolvedColorRules.map((rule, i) => /* @__PURE__ */ jsx(XYChart.ColorRule, { ...rule }, i)),
+        legend && /* @__PURE__ */ jsx(XYChart.Legend, { ...legend }),
+        errorState && /* @__PURE__ */ jsx(XYChart.ErrorState, { children: errorState.children }),
+        emptyState && /* @__PURE__ */ jsx(XYChart.EmptyState, { children: emptyState.children }),
+        intents.map((intent, i) => /* @__PURE__ */ jsx(XYChart.Intent, { ...intent }, i))
+      ]
+    }
+  );
+});
+CategoricalBarToXY.displayName = "CategoricalBarToXY";
+export {
+  CategoricalBarToXY
+};
+//# sourceMappingURL=CategoricalBarToXY.js.map

package/esm/charts/xy-chart-adoption/categorical-bar/CategoricalBarToXY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/categorical-bar/CategoricalBarToXY.tsx"],
+  "sourcesContent": ["import {\n  forwardRef,\n  type PropsWithChildren,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { getBarSeriesAccessors } from './bar-series-accessors.js';\nimport { iterateSlots } from './iterate-slots.js';\nimport { resolveCategoricalColorSupport } from './resolve-categorical-color-support.js';\nimport { transformCategoricalBarDataToXY } from './transformer-data-to-xy.js';\nimport { formatCSV } from './utils/format-csv.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport type {\n  CategoricalBarChartProps,\n  CategoricalBarChartRef,\n} from '../../categorical-bar/types/categorical-bar-chart.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\n\nconst X_AXIS_ID = 'x-axis';\nconst Y_AXIS_ID = 'y-axis';\n\nexport const CategoricalBarToXY = forwardRef<\n  CategoricalBarChartRef,\n  PropsWithChildren<CategoricalBarChartProps>\n>((props, forwardedRef) => {\n  const {\n    data,\n    colorPalette,\n    colorPaletteMode,\n    groupMode,\n    children,\n    className,\n    style,\n    width,\n    height,\n    loading,\n    truncationMode,\n    layout,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const {\n    variant,\n    data: xyData,\n    seriesByDimension,\n  } = transformCategoricalBarDataToXY(data, groupMode);\n  const {\n    colorRules: userColorRules,\n    legend,\n    emptyState,\n    errorState,\n    intents,\n  } = iterateSlots(children);\n  const resolvedColorRules = resolveCategoricalColorSupport(\n    xyData,\n    colorPalette,\n    colorPaletteMode,\n    userColorRules,\n    groupMode,\n  );\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  const downloadDataCallback = useCallback(() => {\n    const csvString = formatCSV(data);\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  }, [data]);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => ({\n      get element() {\n        return xyRef.current?.element ?? null;\n      },\n      getConfig: () => JSON.stringify({ type: ChartType.CategoricalBar }),\n      downloadData: () => xyRef.current?.downloadData(),\n    }),\n    [],\n  );\n  const isHorizontal = layout === 'horizontal';\n  const xAxisType = isHorizontal ? 'numerical' : 'categorical';\n  const yAxisType = isHorizontal ? 'categorical' : 'numerical';\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      width={width}\n      height={height}\n      className={className}\n      style={style}\n      colorPalette={colorPalette}\n      loading={loading}\n      truncationMode={truncationMode}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-dt-component=\"CategoricalBarChart\"\n      __downloadDataCallback={downloadDataCallback}\n      {...behaviorTrackingProps}\n    >\n      {seriesByDimension ? (\n        [...seriesByDimension.entries()].map(([dim, dimData]) => (\n          <XYChart.BarSeries\n            key={dim}\n            variant={variant}\n            data={dimData}\n            xAxisId={X_AXIS_ID}\n            yAxisId={Y_AXIS_ID}\n            {...getBarSeriesAccessors(isHorizontal)}\n            seriesIdAccessor=\"seriesId\"\n            nameAccessor=\"seriesName\"\n          />\n        ))\n      ) : (\n        <XYChart.BarSeries\n          variant=\"single\"\n          data={xyData}\n          xAxisId={X_AXIS_ID}\n          yAxisId={Y_AXIS_ID}\n          {...getBarSeriesAccessors(isHorizontal)}\n          seriesIdAccessor=\"seriesId\"\n          nameAccessor=\"seriesName\"\n        />\n      )}\n      <XYChart.XAxis id={X_AXIS_ID} type={xAxisType} position=\"bottom\" />\n      <XYChart.YAxis id={Y_AXIS_ID} type={yAxisType} position=\"left\" />\n      {resolvedColorRules.map((rule, i) => (\n        <XYChart.ColorRule key={i} {...rule} />\n      ))}\n      {legend && <XYChart.Legend {...legend} />}\n      {errorState && (\n        <XYChart.ErrorState>{errorState.children}</XYChart.ErrorState>\n      )}\n      {emptyState && (\n        <XYChart.EmptyState>{emptyState.children}</XYChart.EmptyState>\n      )}\n      {intents.map((intent, i) => (\n        <XYChart.Intent key={i} {...intent} />\n      ))}\n    </XYChart>\n  );\n});\n\n(\n  CategoricalBarToXY as typeof CategoricalBarToXY & { displayName: string }\n).displayName = 'CategoricalBarToXY';\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/categorical-bar/bar-series-accessors.js

@@ -0,0 +1,5 @@
+const getBarSeriesAccessors = (isHorizontal) => isHorizontal ? { y0Accessor: "category", x1Accessor: "value" } : { x0Accessor: "category", y1Accessor: "value" };
+export {
+  getBarSeriesAccessors
+};
+//# sourceMappingURL=bar-series-accessors.js.map

package/esm/charts/xy-chart-adoption/categorical-bar/bar-series-accessors.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/categorical-bar/bar-series-accessors.ts"],
+  "sourcesContent": ["export const getBarSeriesAccessors = (isHorizontal: boolean) =>\n  isHorizontal\n    ? { y0Accessor: 'category' as const, x1Accessor: 'value' as const }\n    : { x0Accessor: 'category' as const, y1Accessor: 'value' as const };\n"],
+  "mappings": "AAAO,MAAM,wBAAwB,CAAC,iBACpC,eACI,EAAE,YAAY,YAAqB,YAAY,QAAiB,IAChE,EAAE,YAAY,YAAqB,YAAY,QAAiB;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/categorical-bar/iterate-slots.js

@@ -0,0 +1,32 @@
+import { Children } from "react";
+import { Intent } from "../../../core/slots/Intent/Intent.js";
+import { isSlot } from "../../../core/utils/is-slot.js";
+import { Legend } from "../../categorical-bar/slots/Legend.js";
+import { EmptyStateSlot } from "../../core/slots/chart-states/EmptyStateSlot.js";
+import { ErrorStateSlot } from "../../core/slots/chart-states/ErrorStateSlot.js";
+import { ColorRule, isValidColorRule } from "../../core/slots/ColorRule.js";
+function iterateSlots(children) {
+  const colorRules = [];
+  const intents = [];
+  let legend;
+  let emptyState;
+  let errorState;
+  Children.forEach(children, (child) => {
+    if (isSlot(child, ColorRule) && isValidColorRule(child.props)) {
+      colorRules.push(child.props);
+    } else if (isSlot(child, Legend)) {
+      legend = child.props;
+    } else if (isSlot(child, EmptyStateSlot)) {
+      emptyState = child.props;
+    } else if (isSlot(child, ErrorStateSlot)) {
+      errorState = child.props;
+    } else if (isSlot(child, Intent)) {
+      intents.push(child.props);
+    }
+  });
+  return { colorRules, legend, emptyState, errorState, intents };
+}
+export {
+  iterateSlots
+};
+//# sourceMappingURL=iterate-slots.js.map

package/esm/charts/xy-chart-adoption/categorical-bar/iterate-slots.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/categorical-bar/iterate-slots.ts"],
+  "sourcesContent": ["import { Children, type ReactNode } from 'react';\n\nimport { Intent, type IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { Legend } from '../../categorical-bar/slots/Legend.js';\nimport type { EmptyStateSlotProps } from '../../core/slots/chart-states/EmptyStateSlot.js';\nimport { EmptyStateSlot } from '../../core/slots/chart-states/EmptyStateSlot.js';\nimport type { ErrorStateSlotProps } from '../../core/slots/chart-states/ErrorStateSlot.js';\nimport { ErrorStateSlot } from '../../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport type { ColorRuleProps } from '../../core/types/color-rule.js';\nimport type { LegendProps } from '../../core/types/legend.js';\n\nexport type CategoricalSlotsConfig = {\n  colorRules: ColorRuleProps[];\n  legend: LegendProps | undefined;\n  emptyState: EmptyStateSlotProps | undefined;\n  errorState: ErrorStateSlotProps | undefined;\n  intents: IntentProps[];\n};\n\nexport function iterateSlots(children: ReactNode): CategoricalSlotsConfig {\n  const colorRules: ColorRuleProps[] = [];\n  const intents: IntentProps[] = [];\n  let legend: LegendProps | undefined;\n  let emptyState: EmptyStateSlotProps | undefined;\n  let errorState: ErrorStateSlotProps | undefined;\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, ColorRule) && isValidColorRule(child.props)) {\n      colorRules.push(child.props);\n    } else if (isSlot(child, Legend)) {\n      legend = child.props;\n    } else if (isSlot(child, EmptyStateSlot)) {\n      emptyState = child.props;\n    } else if (isSlot(child, ErrorStateSlot)) {\n      errorState = child.props;\n    } else if (isSlot(child, Intent)) {\n      intents.push(child.props);\n    }\n  });\n\n  return { colorRules, legend, emptyState, errorState, intents };\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgC;AAEzC,SAAS,cAAgC;AACzC,SAAS,cAAc;AACvB,SAAS,cAAc;AAEvB,SAAS,sBAAsB;AAE/B,SAAS,sBAAsB;AAC/B,SAAS,WAAW,wBAAwB;AAYrC,SAAS,aAAa,UAA6C;AACxE,QAAM,aAA+B,CAAC;AACtC,QAAM,UAAyB,CAAC;AAChC,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,SAAS,KAAK,iBAAiB,MAAM,KAAK,GAAG;AAC7D,iBAAW,KAAK,MAAM,KAAK;AAAA,IAC7B,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,eAAS,MAAM;AAAA,IACjB,WAAW,OAAO,OAAO,cAAc,GAAG;AACxC,mBAAa,MAAM;AAAA,IACrB,WAAW,OAAO,OAAO,cAAc,GAAG;AACxC,mBAAa,MAAM;AAAA,IACrB,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,cAAQ,KAAK,MAAM,KAAK;AAAA,IAC1B;AAAA,EACF,CAAC;AAED,SAAO,EAAE,YAAY,QAAQ,YAAY,YAAY,QAAQ;AAC/D;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/categorical-bar/resolve-categorical-color-support.js

@@ -0,0 +1,74 @@
+import { getColorPalette } from "../../core/utils/get-color-palette.js";
+import { buildValidator, VALUE_MATCHERS } from "../../core/utils/validators.js";
+const CATEGORICAL_DEFAULT_VALUE_ACCESSOR = "seriesName";
+function resolveCategoricalColorSupport(xyData, colorPalette = "categorical", colorPaletteMode = "single-color", userColorRules, groupMode) {
+  const effectiveColorPaletteMode = groupMode !== void 0 ? "multi-color" : colorPaletteMode;
+  if (effectiveColorPaletteMode !== "single-color" && userColorRules.length === 0) {
+    return [];
+  }
+  const uniqueSeriesIds = [...new Set(xyData.map((d) => String(d.seriesId)))];
+  const syntheticRules = buildSingleColorRules(
+    uniqueSeriesIds,
+    colorPalette,
+    effectiveColorPaletteMode
+  );
+  if (userColorRules.length === 0) {
+    return syntheticRules;
+  }
+  return [
+    ...syntheticRules,
+    ...resolveUserColorRules(uniqueSeriesIds, userColorRules)
+  ];
+}
+function buildSingleColorRules(uniqueSeriesIds, colorPalette, colorPaletteMode) {
+  if (colorPaletteMode !== "single-color" || uniqueSeriesIds.length === 0) {
+    return [];
+  }
+  let firstColor;
+  try {
+    firstColor = getColorPalette("", 0, colorPalette, "single-color").Default;
+  } catch {
+    return [];
+  }
+  return uniqueSeriesIds.map((seriesId) => ({
+    comparator: "equals",
+    matchValue: seriesId,
+    valueAccessor: CATEGORICAL_DEFAULT_VALUE_ACCESSOR,
+    color: firstColor
+  }));
+}
+function resolveUserColorRules(uniqueSeriesIds, colorRules) {
+  const isValid = buildValidator(VALUE_MATCHERS);
+  const resolved = [];
+  for (const rule of colorRules) {
+    if (!rule.colorPalette) {
+      resolved.push(rule);
+      continue;
+    }
+    let paletteIndex = 0;
+    for (const seriesId of uniqueSeriesIds) {
+      if (isValid(seriesId, rule.comparator, rule.matchValue)) {
+        try {
+          const colorToken = getColorPalette(
+            seriesId,
+            paletteIndex,
+            rule.colorPalette
+          );
+          resolved.push({
+            comparator: "equals",
+            matchValue: seriesId,
+            valueAccessor: CATEGORICAL_DEFAULT_VALUE_ACCESSOR,
+            color: colorToken.Default
+          });
+        } catch {
+        }
+        paletteIndex++;
+      }
+    }
+  }
+  return resolved;
+}
+export {
+  resolveCategoricalColorSupport
+};
+//# sourceMappingURL=resolve-categorical-color-support.js.map

package/esm/charts/xy-chart-adoption/categorical-bar/resolve-categorical-color-support.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/categorical-bar/resolve-categorical-color-support.ts"],
+  "sourcesContent": ["import { GroupMode } from '../../categorical-bar/types/categorical-bar-chart.js';\nimport type {\n  ColorPalette,\n  ColorPaletteMode,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport type {\n  ColorRuleProps,\n  MatchValue,\n} from '../../core/types/color-rule.js';\nimport { getColorPalette } from '../../core/utils/get-color-palette.js';\nimport { buildValidator, VALUE_MATCHERS } from '../../core/utils/validators.js';\nimport type { XYChartData } from '../../xy-chart/types/xy-chart.js';\n\nconst CATEGORICAL_DEFAULT_VALUE_ACCESSOR = 'seriesName';\n\n/**\n * Resolves colorPalette + colorPaletteMode into XYChart-compatible ColorRuleProps[].\n *\n * For 'single-color' mode every unique seriesId is pinned to the first color in\n * the palette so all bars share the same color. For 'multi-color' mode no\n * synthetic rules are added \u2014 XYChart's buildCategoricalColorScale applies\n * sequential palette colors naturally.\n *\n * colorPaletteMode only has an effect for single-series charts. For multi-series\n * charts (grouped/stacked groupMode), each series always receives a distinct\n * palette color \u2014 colorPaletteMode is not forwarded for those variants.\n *\n * User-provided ColorRules are pre-resolved here:\n * - Rules with a direct `color` are passed through unchanged.\n * - Rules with `colorPalette` are expanded into one per-seriesId `equals` rule\n *   with a resolved color, incrementing the palette index per matching series.\n *   This ensures multi-dim charts assign distinct palette colors to each matching\n *   series rather than all resolving to index 0 (AC6).\n *\n * Synthetic single-color rules come first; user rules come last so they take\n * priority (useColorRule reverses the rule list before applying).\n */\nexport function resolveCategoricalColorSupport(\n  xyData: XYChartData[],\n  colorPalette: ColorPalette | CustomColorPalette = 'categorical',\n  colorPaletteMode: ColorPaletteMode = 'single-color',\n  userColorRules: ColorRuleProps[],\n  groupMode?: GroupMode,\n): ColorRuleProps[] {\n  const effectiveColorPaletteMode =\n    groupMode !== undefined ? 'multi-color' : colorPaletteMode;\n  if (\n    effectiveColorPaletteMode !== 'single-color' &&\n    userColorRules.length === 0\n  ) {\n    return [];\n  }\n\n  const uniqueSeriesIds = [...new Set(xyData.map((d) => String(d.seriesId)))];\n  const syntheticRules = buildSingleColorRules(\n    uniqueSeriesIds,\n    colorPalette,\n    effectiveColorPaletteMode,\n  );\n\n  if (userColorRules.length === 0) {\n    return syntheticRules;\n  }\n\n  return [\n    ...syntheticRules,\n    ...resolveUserColorRules(uniqueSeriesIds, userColorRules),\n  ];\n}\n\nfunction buildSingleColorRules(\n  uniqueSeriesIds: string[],\n  colorPalette: ColorPalette | CustomColorPalette,\n  colorPaletteMode: ColorPaletteMode,\n): ColorRuleProps[] {\n  if (colorPaletteMode !== 'single-color' || uniqueSeriesIds.length === 0) {\n    return [];\n  }\n\n  let firstColor: string;\n  try {\n    firstColor = getColorPalette('', 0, colorPalette, 'single-color').Default;\n  } catch {\n    return [];\n  }\n\n  return uniqueSeriesIds.map((seriesId) => ({\n    comparator: 'equals' as const,\n    matchValue: seriesId,\n    valueAccessor: CATEGORICAL_DEFAULT_VALUE_ACCESSOR,\n    color: firstColor,\n  }));\n}\n\nfunction resolveUserColorRules(\n  uniqueSeriesIds: string[],\n  colorRules: ColorRuleProps[],\n): ColorRuleProps[] {\n  const isValid = buildValidator(VALUE_MATCHERS);\n  const resolved: ColorRuleProps[] = [];\n\n  for (const rule of colorRules) {\n    if (!rule.colorPalette) {\n      resolved.push(rule);\n      continue;\n    }\n\n    let paletteIndex = 0;\n    for (const seriesId of uniqueSeriesIds) {\n      if (isValid(seriesId as MatchValue, rule.comparator, rule.matchValue)) {\n        try {\n          const colorToken = getColorPalette(\n            seriesId,\n            paletteIndex,\n            rule.colorPalette,\n          );\n          resolved.push({\n            comparator: 'equals' as const,\n            matchValue: seriesId,\n            valueAccessor: CATEGORICAL_DEFAULT_VALUE_ACCESSOR,\n            color: colorToken.Default,\n          });\n        } catch {\n          // Invalid palette name \u2014 skip this rule for this series\n        }\n        paletteIndex++;\n      }\n    }\n  }\n\n  return resolved;\n}\n"],
+  "mappings": "AAUA,SAAS,uBAAuB;AAChC,SAAS,gBAAgB,sBAAsB;AAG/C,MAAM,qCAAqC;AAwBpC,SAAS,+BACd,QACA,eAAkD,eAClD,mBAAqC,gBACrC,gBACA,WACkB;AAClB,QAAM,4BACJ,cAAc,SAAY,gBAAgB;AAC5C,MACE,8BAA8B,kBAC9B,eAAe,WAAW,GAC1B;AACA,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,kBAAkB,CAAC,GAAG,IAAI,IAAI,OAAO,IAAI,CAAC,MAAM,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC1E,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,eAAe,WAAW,GAAG;AAC/B,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,sBAAsB,iBAAiB,cAAc;AAAA,EAC1D;AACF;AAEA,SAAS,sBACP,iBACA,cACA,kBACkB;AAClB,MAAI,qBAAqB,kBAAkB,gBAAgB,WAAW,GAAG;AACvE,WAAO,CAAC;AAAA,EACV;AAEA,MAAI;AACJ,MAAI;AACF,iBAAa,gBAAgB,IAAI,GAAG,cAAc,cAAc,EAAE;AAAA,EACpE,QAAQ;AACN,WAAO,CAAC;AAAA,EACV;AAEA,SAAO,gBAAgB,IAAI,CAAC,cAAc;AAAA,IACxC,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,OAAO;AAAA,EACT,EAAE;AACJ;AAEA,SAAS,sBACP,iBACA,YACkB;AAClB,QAAM,UAAU,eAAe,cAAc;AAC7C,QAAM,WAA6B,CAAC;AAEpC,aAAW,QAAQ,YAAY;AAC7B,QAAI,CAAC,KAAK,cAAc;AACtB,eAAS,KAAK,IAAI;AAClB;AAAA,IACF;AAEA,QAAI,eAAe;AACnB,eAAW,YAAY,iBAAiB;AACtC,UAAI,QAAQ,UAAwB,KAAK,YAAY,KAAK,UAAU,GAAG;AACrE,YAAI;AACF,gBAAM,aAAa;AAAA,YACjB;AAAA,YACA;AAAA,YACA,KAAK;AAAA,UACP;AACA,mBAAS,KAAK;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,OAAO,WAAW;AAAA,UACpB,CAAC;AAAA,QACH,QAAQ;AAAA,QAER;AACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

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

@@ -1,11 +1,13 @@
-function transformCategoricalBarDataToXY(data) {
+function transformCategoricalBarDataToXY(data, groupMode) {
   const unit = data[0]?.unit;
-  const result = [];
+  const flat = [];
+  let isMultiDim = false;
   for (const entry of data) {
     const { category, value, unit: _unit, ...extraProps } = entry;
     if (typeof value === "object" && value !== null) {
+      isMultiDim = true;
       for (const [dimensionKey, dimensionValue] of Object.entries(value)) {
-        result.push({
+        flat.push({
           ...extraProps,
           category,
           value: dimensionValue,
@@ -14,7 +16,7 @@ function transformCategoricalBarDataToXY(data) {
         });
       }
     } else {
-      result.push({
+      flat.push({
         ...extraProps,
         category,
         value,
@@ -23,7 +25,21 @@ function transformCategoricalBarDataToXY(data) {
       });
     }
   }
-  return { data: result, unit };
+  if (!isMultiDim) {
+    return { variant: "single", data: flat, seriesByDimension: null, unit };
+  }
+  const variant = groupMode === "grouped" ? "group" : "stack";
+  const seriesByDimension = /* @__PURE__ */ new Map();
+  for (const row of flat) {
+    const dim = row.seriesId;
+    const existing = seriesByDimension.get(dim);
+    if (existing !== void 0) {
+      existing.push(row);
+    } else {
+      seriesByDimension.set(dim, [row]);
+    }
+  }
+  return { variant, data: flat, seriesByDimension, unit };
 }
 export {
   transformCategoricalBarDataToXY

package/esm/charts/xy-chart-adoption/categorical-bar/transformer-data-to-xy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/categorical-bar/transformer-data-to-xy.ts"],
-  "sourcesContent": ["import type { CategoricalBarChartData } from '../../categorical-bar/types/categorical-bar-chart.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { XYChartData } from '../../xy-chart/types/xy-chart.js';\n\ninterface TransformCategoricalBarDataResult {\n  data: XYChartData[];\n  unit: ChartUnit | undefined;\n}\n\nexport function transformCategoricalBarDataToXY(\n  data: CategoricalBarChartData[],\n): TransformCategoricalBarDataResult {\n  const unit = data[0]?.unit as ChartUnit | undefined;\n  const result: XYChartData[] = [];\n\n  for (const entry of data) {\n    const { category, value, unit: _unit, ...extraProps } = entry;\n    if (typeof value === 'object' && value !== null) {\n      for (const [dimensionKey, dimensionValue] of Object.entries(value)) {\n        result.push({\n          ...extraProps,\n          category,\n          value: dimensionValue,\n          seriesId: dimensionKey,\n          seriesName: dimensionKey,\n        });\n      }\n    } else {\n      result.push({\n        ...extraProps,\n        category,\n        value,\n        seriesId: category,\n        seriesName: category,\n      });\n    }\n  }\n\n  return { data: result, unit };\n}\n"],
-  "mappings": "AASO,SAAS,gCACd,MACmC;AACnC,QAAM,OAAO,KAAK,CAAC,GAAG;AACtB,QAAM,SAAwB,CAAC;AAE/B,aAAW,SAAS,MAAM;AACxB,UAAM,EAAE,UAAU,OAAO,MAAM,OAAO,GAAG,WAAW,IAAI;AACxD,QAAI,OAAO,UAAU,YAAY,UAAU,MAAM;AAC/C,iBAAW,CAAC,cAAc,cAAc,KAAK,OAAO,QAAQ,KAAK,GAAG;AAClE,eAAO,KAAK;AAAA,UACV,GAAG;AAAA,UACH;AAAA,UACA,OAAO;AAAA,UACP,UAAU;AAAA,UACV,YAAY;AAAA,QACd,CAAC;AAAA,MACH;AAAA,IACF,OAAO;AACL,aAAO,KAAK;AAAA,QACV,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,YAAY;AAAA,MACd,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO,EAAE,MAAM,QAAQ,KAAK;AAC9B;",
+  "sourcesContent": ["import type {\n  GroupMode,\n  CategoricalBarChartData,\n} from '../../categorical-bar/types/categorical-bar-chart.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { XYChartData } from '../../xy-chart/types/xy-chart.js';\n\nexport interface TransformCategoricalBarDataResult {\n  variant: 'single' | 'stack' | 'group';\n  /** Flat array of all data rows \u2014 used for color rule resolution. */\n  data: XYChartData[];\n  /**\n   * Data grouped by dimension key. Non-null only for multi-dimension data;\n   * null for single-dimension data where a single BarSeries covers everything.\n   */\n  seriesByDimension: Map<string, XYChartData[]> | null;\n  unit: ChartUnit | undefined;\n}\n\nexport function transformCategoricalBarDataToXY(\n  data: CategoricalBarChartData[],\n  groupMode?: GroupMode,\n): TransformCategoricalBarDataResult {\n  const unit = data[0]?.unit as ChartUnit | undefined;\n  const flat: XYChartData[] = [];\n  let isMultiDim = false;\n\n  for (const entry of data) {\n    const { category, value, unit: _unit, ...extraProps } = entry;\n    if (typeof value === 'object' && value !== null) {\n      isMultiDim = true;\n      for (const [dimensionKey, dimensionValue] of Object.entries(value)) {\n        flat.push({\n          ...extraProps,\n          category,\n          value: dimensionValue,\n          seriesId: dimensionKey,\n          seriesName: dimensionKey,\n        });\n      }\n    } else {\n      flat.push({\n        ...extraProps,\n        category,\n        value,\n        seriesId: category,\n        seriesName: category,\n      });\n    }\n  }\n\n  if (!isMultiDim) {\n    return { variant: 'single', data: flat, seriesByDimension: null, unit };\n  }\n\n  const variant = groupMode === 'grouped' ? 'group' : 'stack';\n  const seriesByDimension = new Map<string, XYChartData[]>();\n  for (const row of flat) {\n    const dim = row.seriesId as string;\n    const existing = seriesByDimension.get(dim);\n    if (existing !== undefined) {\n      existing.push(row);\n    } else {\n      seriesByDimension.set(dim, [row]);\n    }\n  }\n\n  return { variant, data: flat, seriesByDimension, unit };\n}\n"],
+  "mappings": "AAmBO,SAAS,gCACd,MACA,WACmC;AACnC,QAAM,OAAO,KAAK,CAAC,GAAG;AACtB,QAAM,OAAsB,CAAC;AAC7B,MAAI,aAAa;AAEjB,aAAW,SAAS,MAAM;AACxB,UAAM,EAAE,UAAU,OAAO,MAAM,OAAO,GAAG,WAAW,IAAI;AACxD,QAAI,OAAO,UAAU,YAAY,UAAU,MAAM;AAC/C,mBAAa;AACb,iBAAW,CAAC,cAAc,cAAc,KAAK,OAAO,QAAQ,KAAK,GAAG;AAClE,aAAK,KAAK;AAAA,UACR,GAAG;AAAA,UACH;AAAA,UACA,OAAO;AAAA,UACP,UAAU;AAAA,UACV,YAAY;AAAA,QACd,CAAC;AAAA,MACH;AAAA,IACF,OAAO;AACL,WAAK,KAAK;AAAA,QACR,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,YAAY;AAAA,MACd,CAAC;AAAA,IACH;AAAA,EACF;AAEA,MAAI,CAAC,YAAY;AACf,WAAO,EAAE,SAAS,UAAU,MAAM,MAAM,mBAAmB,MAAM,KAAK;AAAA,EACxE;AAEA,QAAM,UAAU,cAAc,YAAY,UAAU;AACpD,QAAM,oBAAoB,oBAAI,IAA2B;AACzD,aAAW,OAAO,MAAM;AACtB,UAAM,MAAM,IAAI;AAChB,UAAM,WAAW,kBAAkB,IAAI,GAAG;AAC1C,QAAI,aAAa,QAAW;AAC1B,eAAS,KAAK,GAAG;AAAA,IACnB,OAAO;AACL,wBAAkB,IAAI,KAAK,CAAC,GAAG,CAAC;AAAA,IAClC;AAAA,EACF;AAEA,SAAO,EAAE,SAAS,MAAM,MAAM,mBAAmB,KAAK;AACxD;",
   "names": []
 }

package/esm/charts/xy-chart-adoption/categorical-bar/utils/format-csv.js

@@ -0,0 +1,32 @@
+import { escapeForCSV } from "../../../../core/utils/download.js";
+function formatCSV(categories) {
+  const isSingleDimension = typeof categories[0].value === "number";
+  let csv = "";
+  let columns = ["category", "value"];
+  if (!isSingleDimension) {
+    columns = ["category", "key", "value"];
+  }
+  for (const category of categories) {
+    if (isSingleDimension) {
+      const sanitizedCategory = escapeForCSV(category.category);
+      csv += `${sanitizedCategory},${category.value},
+`;
+    } else {
+      for (const [dimensionName, dimensionValue] of Object.entries(
+        category.value
+      )) {
+        const sanitizedCategory = escapeForCSV(category.category);
+        const sanitizedName = escapeForCSV(dimensionName);
+        csv += `${sanitizedCategory},${sanitizedName},${dimensionValue},
+`;
+      }
+    }
+  }
+  csv = `${columns.join(",")}
+${csv}`;
+  return csv;
+}
+export {
+  formatCSV
+};
+//# sourceMappingURL=format-csv.js.map

package/esm/charts/xy-chart-adoption/categorical-bar/utils/format-csv.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/categorical-bar/utils/format-csv.ts"],
+  "sourcesContent": ["import { escapeForCSV } from '../../../../core/utils/download.js';\nimport type { CategoricalBarChartData } from '../../../categorical-bar/types/categorical-bar-chart.js';\n\nexport function formatCSV(categories: CategoricalBarChartData[]) {\n  const isSingleDimension = typeof categories[0].value === 'number';\n  let csv = '';\n  let columns = ['category', 'value'];\n  if (!isSingleDimension) {\n    columns = ['category', 'key', 'value'];\n  }\n\n  for (const category of categories) {\n    if (isSingleDimension) {\n      const sanitizedCategory = escapeForCSV(category.category);\n      csv += `${sanitizedCategory},${category.value},\\n`;\n    } else {\n      for (const [dimensionName, dimensionValue] of Object.entries(\n        category.value,\n      )) {\n        const sanitizedCategory = escapeForCSV(category.category);\n        const sanitizedName = escapeForCSV(dimensionName);\n        csv += `${sanitizedCategory},${sanitizedName},${dimensionValue},\\n`;\n      }\n    }\n  }\n\n  csv = `${columns.join(',')}\\n${csv}`;\n\n  return csv;\n}\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAGtB,SAAS,UAAU,YAAuC;AAC/D,QAAM,oBAAoB,OAAO,WAAW,CAAC,EAAE,UAAU;AACzD,MAAI,MAAM;AACV,MAAI,UAAU,CAAC,YAAY,OAAO;AAClC,MAAI,CAAC,mBAAmB;AACtB,cAAU,CAAC,YAAY,OAAO,OAAO;AAAA,EACvC;AAEA,aAAW,YAAY,YAAY;AACjC,QAAI,mBAAmB;AACrB,YAAM,oBAAoB,aAAa,SAAS,QAAQ;AACxD,aAAO,GAAG,iBAAiB,IAAI,SAAS,KAAK;AAAA;AAAA,IAC/C,OAAO;AACL,iBAAW,CAAC,eAAe,cAAc,KAAK,OAAO;AAAA,QACnD,SAAS;AAAA,MACX,GAAG;AACD,cAAM,oBAAoB,aAAa,SAAS,QAAQ;AACxD,cAAM,gBAAgB,aAAa,aAAa;AAChD,eAAO,GAAG,iBAAiB,IAAI,aAAa,IAAI,cAAc;AAAA;AAAA,MAChE;AAAA,IACF;AAAA,EACF;AAEA,QAAM,GAAG,QAAQ,KAAK,GAAG,CAAC;AAAA,EAAK,GAAG;AAElC,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/shared/utils/render-xy-annotations.js

@@ -27,6 +27,7 @@ const renderXYAnnotations = (data, xAxisId, config) => /* @__PURE__ */ jsxs(
     showLabels: config.showLabels,
     fixedTracks: config.visibleTracksLimit,
     annotationsActions: config.annotationsActions,
+    textOverflow: config.textOverflow,
     children: [
       /* @__PURE__ */ jsx(
         XYChartAnnotations.Track,

package/esm/charts/xy-chart-adoption/shared/utils/render-xy-annotations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart-adoption/shared/utils/render-xy-annotations.tsx"],
-  "sourcesContent": ["import { type ReactNode } from 'react';\n\nimport type { IndicatorsDisplay } from '../../../core/components/annotations/components/indicators/types.js';\nimport type { AnnotationsTooltipConfig } from '../../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport type { AnnotationsActionsHandler } from '../../../core/components/annotations/types/annotations.js';\nimport type { XYChartData } from '../../../xy-chart/types/xy-chart.js';\nimport { XYChart, XYChartAnnotations } from '../../../xy-chart/XYChartRoot.js';\n\nexport const ANNOTATIONS_KEYS = {\n  trackId: '__annotationsTrackId',\n  trackLabel: '__annotationsTrackLabel',\n  trackColor: '__annotationsTrackColor',\n  trackHidden: '__annotationsTrackHidden',\n  trackSymbol: '__annotationsTrackSymbol',\n  trackIndicators: '__annotationsTrackIndicators',\n  markerStart: '__annotationsMarkerStart',\n  markerEnd: '__annotationsMarkerEnd',\n  markerTitle: '__annotationsMarkerTitle',\n  markerDescription: '__annotationsMarkerDescription',\n  markerColor: '__annotationsMarkerColor',\n  markerSymbolColor: '__annotationsMarkerSymbolColor',\n  markerHidden: '__annotationsMarkerHidden',\n  markerSymbol: '__annotationsMarkerSymbol',\n  markerIndicators: '__annotationsMarkerIndicators',\n  markerPriority: '__annotationsMarkerPriority',\n} as const;\n\ntype AnnotationsKey = (typeof ANNOTATIONS_KEYS)[keyof typeof ANNOTATIONS_KEYS];\n\nconst getAnnotationField = <T,>(d: unknown, key: AnnotationsKey): T =>\n  (d as Record<string, unknown>)[key] as T;\n\nexport type XYAnnotationsConfig = {\n  showLabels?: boolean;\n  visibleTracksLimit?: number;\n  annotationsActions?: AnnotationsActionsHandler;\n  tooltip?: AnnotationsTooltipConfig;\n};\n\nexport const renderXYAnnotations = (\n  data: XYChartData[],\n  xAxisId: string,\n  config: XYAnnotationsConfig,\n) => (\n  <XYChart.Annotations\n    data={data}\n    xAxisId={xAxisId}\n    showLabels={config.showLabels}\n    fixedTracks={config.visibleTracksLimit}\n    annotationsActions={config.annotationsActions}\n  >\n    <XYChartAnnotations.Track\n      trackIdAccessor={ANNOTATIONS_KEYS.trackId}\n      labelAccessor={ANNOTATIONS_KEYS.trackLabel}\n      colorAccessor={ANNOTATIONS_KEYS.trackColor}\n      hidden={(d) =>\n        getAnnotationField<boolean>(d, ANNOTATIONS_KEYS.trackHidden)\n      }\n      symbol={(d) =>\n        getAnnotationField<ReactNode>(d, ANNOTATIONS_KEYS.trackSymbol)\n      }\n      indicatorsDisplay={(d) =>\n        getAnnotationField<IndicatorsDisplay>(\n          d,\n          ANNOTATIONS_KEYS.trackIndicators,\n        )\n      }\n    />\n    <XYChartAnnotations.Marker\n      startAccessor={ANNOTATIONS_KEYS.markerStart}\n      endAccessor={ANNOTATIONS_KEYS.markerEnd}\n      trackByAccessor={ANNOTATIONS_KEYS.trackId}\n      titleAccessor={ANNOTATIONS_KEYS.markerTitle}\n      descriptionAccessor={ANNOTATIONS_KEYS.markerDescription}\n      colorAccessor={ANNOTATIONS_KEYS.markerColor}\n      symbolColorAccessor={ANNOTATIONS_KEYS.markerSymbolColor}\n      hidden={(d) =>\n        getAnnotationField<boolean>(d, ANNOTATIONS_KEYS.markerHidden)\n      }\n      symbol={(d) =>\n        getAnnotationField<ReactNode>(d, ANNOTATIONS_KEYS.markerSymbol)\n      }\n      indicatorsDisplay={(d) =>\n        getAnnotationField<IndicatorsDisplay>(\n          d,\n          ANNOTATIONS_KEYS.markerIndicators,\n        )\n      }\n      priority={(d) =>\n        getAnnotationField<number>(d, ANNOTATIONS_KEYS.markerPriority)\n      }\n    />\n    {config.tooltip?.template && (\n      <XYChartAnnotations.Tooltip hidden={config.tooltip.hidden}>\n        {config.tooltip.template}\n      </XYChartAnnotations.Tooltip>\n    )}\n  </XYChart.Annotations>\n);\n"],
-  "mappings": "AA4CE,SAOE,KAPF;AAtCF,SAAS,SAAS,0BAA0B;AAErC,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,gBAAgB;AAClB;AAIA,MAAM,qBAAqB,CAAK,GAAY,QACzC,EAA8B,GAAG;AAS7B,MAAM,sBAAsB,CACjC,MACA,SACA,WAEA;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACC;AAAA,IACA;AAAA,IACA,YAAY,OAAO;AAAA,IACnB,aAAa,OAAO;AAAA,IACpB,oBAAoB,OAAO;AAAA,IAE3B;AAAA;AAAA,QAAC,mBAAmB;AAAA,QAAnB;AAAA,UACC,iBAAiB,iBAAiB;AAAA,UAClC,eAAe,iBAAiB;AAAA,UAChC,eAAe,iBAAiB;AAAA,UAChC,QAAQ,CAAC,MACP,mBAA4B,GAAG,iBAAiB,WAAW;AAAA,UAE7D,QAAQ,CAAC,MACP,mBAA8B,GAAG,iBAAiB,WAAW;AAAA,UAE/D,mBAAmB,CAAC,MAClB;AAAA,YACE;AAAA,YACA,iBAAiB;AAAA,UACnB;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,QAAC,mBAAmB;AAAA,QAAnB;AAAA,UACC,eAAe,iBAAiB;AAAA,UAChC,aAAa,iBAAiB;AAAA,UAC9B,iBAAiB,iBAAiB;AAAA,UAClC,eAAe,iBAAiB;AAAA,UAChC,qBAAqB,iBAAiB;AAAA,UACtC,eAAe,iBAAiB;AAAA,UAChC,qBAAqB,iBAAiB;AAAA,UACtC,QAAQ,CAAC,MACP,mBAA4B,GAAG,iBAAiB,YAAY;AAAA,UAE9D,QAAQ,CAAC,MACP,mBAA8B,GAAG,iBAAiB,YAAY;AAAA,UAEhE,mBAAmB,CAAC,MAClB;AAAA,YACE;AAAA,YACA,iBAAiB;AAAA,UACnB;AAAA,UAEF,UAAU,CAAC,MACT,mBAA2B,GAAG,iBAAiB,cAAc;AAAA;AAAA,MAEjE;AAAA,MACC,OAAO,SAAS,YACf,oBAAC,mBAAmB,SAAnB,EAA2B,QAAQ,OAAO,QAAQ,QAChD,iBAAO,QAAQ,UAClB;AAAA;AAAA;AAEJ;",
+  "sourcesContent": ["import { type ReactNode } from 'react';\n\nimport type { IndicatorsDisplay } from '../../../core/components/annotations/components/indicators/types.js';\nimport type { AnnotationsTooltipConfig } from '../../../core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\nimport type { AnnotationsActionsHandler } from '../../../core/components/annotations/types/annotations.js';\nimport type { TextOverflowOptions } from '../../../core/components/annotations/types/marker.js';\nimport type { XYChartData } from '../../../xy-chart/types/xy-chart.js';\nimport { XYChart, XYChartAnnotations } from '../../../xy-chart/XYChartRoot.js';\n\nexport const ANNOTATIONS_KEYS = {\n  trackId: '__annotationsTrackId',\n  trackLabel: '__annotationsTrackLabel',\n  trackColor: '__annotationsTrackColor',\n  trackHidden: '__annotationsTrackHidden',\n  trackSymbol: '__annotationsTrackSymbol',\n  trackIndicators: '__annotationsTrackIndicators',\n  markerStart: '__annotationsMarkerStart',\n  markerEnd: '__annotationsMarkerEnd',\n  markerTitle: '__annotationsMarkerTitle',\n  markerDescription: '__annotationsMarkerDescription',\n  markerColor: '__annotationsMarkerColor',\n  markerSymbolColor: '__annotationsMarkerSymbolColor',\n  markerHidden: '__annotationsMarkerHidden',\n  markerSymbol: '__annotationsMarkerSymbol',\n  markerIndicators: '__annotationsMarkerIndicators',\n  markerPriority: '__annotationsMarkerPriority',\n} as const;\n\ntype AnnotationsKey = (typeof ANNOTATIONS_KEYS)[keyof typeof ANNOTATIONS_KEYS];\n\nconst getAnnotationField = <T,>(d: unknown, key: AnnotationsKey): T =>\n  (d as Record<string, unknown>)[key] as T;\n\nexport type XYAnnotationsConfig = {\n  showLabels?: boolean;\n  visibleTracksLimit?: number;\n  annotationsActions?: AnnotationsActionsHandler;\n  tooltip?: AnnotationsTooltipConfig;\n  textOverflow?: TextOverflowOptions;\n};\n\nexport const renderXYAnnotations = (\n  data: XYChartData[],\n  xAxisId: string,\n  config: XYAnnotationsConfig,\n) => (\n  <XYChart.Annotations\n    data={data}\n    xAxisId={xAxisId}\n    showLabels={config.showLabels}\n    fixedTracks={config.visibleTracksLimit}\n    annotationsActions={config.annotationsActions}\n    textOverflow={config.textOverflow}\n  >\n    <XYChartAnnotations.Track\n      trackIdAccessor={ANNOTATIONS_KEYS.trackId}\n      labelAccessor={ANNOTATIONS_KEYS.trackLabel}\n      colorAccessor={ANNOTATIONS_KEYS.trackColor}\n      hidden={(d) =>\n        getAnnotationField<boolean>(d, ANNOTATIONS_KEYS.trackHidden)\n      }\n      symbol={(d) =>\n        getAnnotationField<ReactNode>(d, ANNOTATIONS_KEYS.trackSymbol)\n      }\n      indicatorsDisplay={(d) =>\n        getAnnotationField<IndicatorsDisplay>(\n          d,\n          ANNOTATIONS_KEYS.trackIndicators,\n        )\n      }\n    />\n    <XYChartAnnotations.Marker\n      startAccessor={ANNOTATIONS_KEYS.markerStart}\n      endAccessor={ANNOTATIONS_KEYS.markerEnd}\n      trackByAccessor={ANNOTATIONS_KEYS.trackId}\n      titleAccessor={ANNOTATIONS_KEYS.markerTitle}\n      descriptionAccessor={ANNOTATIONS_KEYS.markerDescription}\n      colorAccessor={ANNOTATIONS_KEYS.markerColor}\n      symbolColorAccessor={ANNOTATIONS_KEYS.markerSymbolColor}\n      hidden={(d) =>\n        getAnnotationField<boolean>(d, ANNOTATIONS_KEYS.markerHidden)\n      }\n      symbol={(d) =>\n        getAnnotationField<ReactNode>(d, ANNOTATIONS_KEYS.markerSymbol)\n      }\n      indicatorsDisplay={(d) =>\n        getAnnotationField<IndicatorsDisplay>(\n          d,\n          ANNOTATIONS_KEYS.markerIndicators,\n        )\n      }\n      priority={(d) =>\n        getAnnotationField<number>(d, ANNOTATIONS_KEYS.markerPriority)\n      }\n    />\n    {config.tooltip?.template && (\n      <XYChartAnnotations.Tooltip hidden={config.tooltip.hidden}>\n        {config.tooltip.template}\n      </XYChartAnnotations.Tooltip>\n    )}\n  </XYChart.Annotations>\n);\n"],
+  "mappings": "AA8CE,SAQE,KARF;AAvCF,SAAS,SAAS,0BAA0B;AAErC,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,gBAAgB;AAClB;AAIA,MAAM,qBAAqB,CAAK,GAAY,QACzC,EAA8B,GAAG;AAU7B,MAAM,sBAAsB,CACjC,MACA,SACA,WAEA;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACC;AAAA,IACA;AAAA,IACA,YAAY,OAAO;AAAA,IACnB,aAAa,OAAO;AAAA,IACpB,oBAAoB,OAAO;AAAA,IAC3B,cAAc,OAAO;AAAA,IAErB;AAAA;AAAA,QAAC,mBAAmB;AAAA,QAAnB;AAAA,UACC,iBAAiB,iBAAiB;AAAA,UAClC,eAAe,iBAAiB;AAAA,UAChC,eAAe,iBAAiB;AAAA,UAChC,QAAQ,CAAC,MACP,mBAA4B,GAAG,iBAAiB,WAAW;AAAA,UAE7D,QAAQ,CAAC,MACP,mBAA8B,GAAG,iBAAiB,WAAW;AAAA,UAE/D,mBAAmB,CAAC,MAClB;AAAA,YACE;AAAA,YACA,iBAAiB;AAAA,UACnB;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,QAAC,mBAAmB;AAAA,QAAnB;AAAA,UACC,eAAe,iBAAiB;AAAA,UAChC,aAAa,iBAAiB;AAAA,UAC9B,iBAAiB,iBAAiB;AAAA,UAClC,eAAe,iBAAiB;AAAA,UAChC,qBAAqB,iBAAiB;AAAA,UACtC,eAAe,iBAAiB;AAAA,UAChC,qBAAqB,iBAAiB;AAAA,UACtC,QAAQ,CAAC,MACP,mBAA4B,GAAG,iBAAiB,YAAY;AAAA,UAE9D,QAAQ,CAAC,MACP,mBAA8B,GAAG,iBAAiB,YAAY;AAAA,UAEhE,mBAAmB,CAAC,MAClB;AAAA,YACE;AAAA,YACA,iBAAiB;AAAA,UACnB;AAAA,UAEF,UAAU,CAAC,MACT,mBAA2B,GAAG,iBAAiB,cAAc;AAAA;AAAA,MAEjE;AAAA,MACC,OAAO,SAAS,YACf,oBAAC,mBAAmB,SAAnB,EAA2B,QAAQ,OAAO,QAAQ,QAChD,iBAAO,QAAQ,UAClB;AAAA;AAAA;AAEJ;",
   "names": []
 }

package/esm/charts/xy-chart-adoption/timeseries/TimeseriesToXY.js

@@ -36,6 +36,7 @@ import {
 } from "./utils/render-series.js";
 import { resolveGapPolicy } from "./utils/resolve-gap-policy.js";
 import { mapTimeseriesToXYThresholds } from "./utils/transformer-thresholds-to-xy.js";
+import { useBehavioralTrackingProps } from "../../../core/hooks/useBehavioralTrackingProps.js";
 import { downloadCSV } from "../../../core/utils/download.js";
 import { getChartStatesTemplates } from "../../core/components/chart-states/utils/get-chart-states-template.js";
 import { CSS_DOWNLOAD_FILENAME } from "../../core/constants.js";
@@ -65,6 +66,7 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
     gapPolicy,
     pointsDisplay
   } = props;
+  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);
   const config = useTimeseriesChartConfig(children, {
     colorPalette,
     truncationMode,
@@ -181,6 +183,8 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
       "data-dtrum-allow": dataDtrumAllow,
       truncationMode: config.truncationMode,
       __downloadDataCallback: downloadDataCallback,
+      "data-dt-component": "TimeseriesChart",
+      ...behaviorTrackingProps,
       children: [
         /* @__PURE__ */ jsx(
           XYChart.Tooltip,

package/esm/charts/xy-chart-adoption/timeseries/TimeseriesToXY.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/TimeseriesToXY.tsx"],
-  "sourcesContent": ["import { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { useTimeseriesChartConfig } from './hooks/use-timeseries-chart-config.js';\nimport { iterateSlots } from './iterate-slots.js';\nimport {\n  mapSelectedSeriesToTimeseries,\n  mapSelectionDomainToTimeseries,\n} from './map-select-actions.js';\nimport {\n  mapBandSeriesActionsToXY,\n  mapSeriesActionsToXY,\n} from './map-series-actions.js';\nimport { resolveValueRepresentation } from './resolve-value-representation.js';\nimport { transformTimeseriesAnnotationsToXY } from './transformer-annotations-to-xy.js';\nimport { transformTimeseriesDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  type ChartVariantInternal,\n  DEFAULT_VARIANT,\n  type TimeseriesChartProps,\n  type TimeseriesChartRef,\n} from './types/timeseries.js';\nimport { buildBuckets } from './utils/build-buckets.js';\nimport { buildTimeseriesImperativeHandle } from './utils/build-timeseries-imperative-handle.js';\nimport { deriveXYChartPropsFromConfig } from './utils/derive-xychart-props-from-config.js';\nimport { formatCSV } from './utils/download/format-csv.js';\nimport {\n  mapXAxisSlot,\n  mapYAxisSlots,\n  mapYAxisSlotToProps,\n} from './utils/map-axis-slots.js';\nimport { resolveTimeseriesColorRules } from './utils/map-timeseries-to-xy-color-rules.js';\nimport {\n  defineAxisId,\n  renderAreaSeries,\n  renderBandSeries,\n  renderBarSeries,\n  renderLineSeries,\n  xAxisId,\n} from './utils/render-series.js';\nimport { resolveGapPolicy } from './utils/resolve-gap-policy.js';\nimport { mapTimeseriesToXYThresholds } from './utils/transformer-thresholds-to-xy.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\nimport { renderXYAnnotations } from '../shared/utils/render-xy-annotations.js';\n\nexport const TimeseriesToXY = forwardRef<\n  TimeseriesChartRef,\n  TimeseriesChartProps\n>((props, forwardedRef) => {\n  const {\n    data = [],\n    variant = DEFAULT_VARIANT,\n    children,\n    loading,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    seriesActions,\n    gapPolicy,\n    pointsDisplay,\n  } = props;\n\n  const config = useTimeseriesChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    gapPolicy,\n    pointsDisplay,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n\n  const { line, bar, area, band, shapePriority, deprecatedToolbar } =\n    iterateSlots(children);\n\n  const resolvedValueRepresentation = resolveValueRepresentation(\n    config.valueRepresentation,\n    ...line.map((s) => s.valueRepresentation),\n    ...area.map((s) => s.valueRepresentation),\n    ...bar.map((s) => s.valueRepresentation),\n  );\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const {\n    buckets,\n    lineAreaBarData,\n    bandData,\n    allSeriesData,\n    gapPolicies,\n    order,\n  } = buildBuckets(\n    data,\n    variant,\n    { line, area, bar, band, shapePriority },\n    config.pointsDisplay,\n  );\n\n  const result = transformTimeseriesDataToXYChart(buckets, order);\n  const effectiveGapPolicy = resolveGapPolicy(gapPolicies, config.gapPolicy);\n\n  const allColorRules = resolveTimeseriesColorRules(\n    allSeriesData,\n    config.colorRules,\n  );\n\n  const xAxisConfig = mapXAxisSlot(config.xAxis);\n\n  const { configuredAxes, renderedUnits } = mapYAxisSlots(\n    config.yAxis.left,\n    config.yAxis.right,\n    [...result.units],\n  );\n\n  const yAxesConfig = renderedUnits.map((unit, index) => ({\n    unit,\n    axisId: defineAxisId(unit),\n    ...mapYAxisSlotToProps(index, configuredAxes[index]),\n  }));\n\n  const flatThresholds = config.thresholds\n    ? [...(config.thresholds.left ?? []), ...(config.thresholds.right ?? [])]\n    : [];\n  const mappedThresholds = mapTimeseriesToXYThresholds(\n    flatThresholds,\n    yAxesConfig,\n  );\n\n  const mappedSeriesActions = seriesActions\n    ? mapSeriesActionsToXY(seriesActions, lineAreaBarData)\n    : undefined;\n\n  const mappedBandActions = seriesActions\n    ? mapBandSeriesActionsToXY(seriesActions, bandData)\n    : undefined;\n\n  const seriesForShape = (shape: ChartVariantInternal) => {\n    switch (shape) {\n      case 'line':\n        return result.line.map((s) =>\n          renderLineSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'area':\n        return result.area.map((s) =>\n          renderAreaSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'bar':\n        return result.bar.map((s) =>\n          renderBarSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'band':\n        return result.band.map((s) =>\n          renderBandSeries(s, { actions: mappedBandActions }),\n        );\n    }\n  };\n\n  const {\n    disableZoom,\n    disablePan,\n    toolbarEnabled,\n    toolbarPlacement,\n    toolbarIntents,\n    onZoomChange: effectiveOnZoomChange,\n  } = deriveXYChartPropsFromConfig(config, onZoomChange);\n\n  const selectActions = config.select?.actions;\n  const tooltipVariant =\n    config.tooltip.variant === 'single' ? 'single' : 'shared';\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildTimeseriesImperativeHandle(xyRef, config),\n    [config],\n  );\n\n  const downloadDataCallback = () => {\n    const csvString = formatCSV({\n      line: buckets.line.map((s) => s.data),\n      area: buckets.area.map((s) => s.data),\n      bar: buckets.bar.map((s) => s.data),\n      band: bandData,\n    });\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  };\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={config.colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={config.truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n    >\n      <XYChart.Tooltip\n        _variant={tooltipVariant}\n        _seriesDisplayMode={config.tooltip.seriesDisplayMode}\n      />\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {order.flatMap(seriesForShape)}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) => {\n            const hasNoDataInSelection = selectionDomain.length === 0;\n            if (hasNoDataInSelection) {\n              return;\n            }\n            return selectActions(\n              mapSelectedSeriesToTimeseries(selectedSeries, allSeriesData),\n              mapSelectionDomainToTimeseries(selectionDomain),\n            );\n          }}\n        />\n      ) : null}\n      <XYChart.XAxis\n        id={xAxisId}\n        type=\"time\"\n        position=\"bottom\"\n        min={xAxisConfig.min}\n        max={xAxisConfig.max}\n        label={xAxisConfig.label}\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={\n          config.initialZoom as [Date, Date] | [number, number] | undefined\n        }\n        currentZoom={\n          config.currentZoom as [Date, Date] | [number, number] | undefined\n        }\n        onZoomChange={effectiveOnZoomChange}\n        infiniteZoom={config.infiniteZoom}\n        gapPolicy={effectiveGapPolicy}\n      />\n      {yAxesConfig.map(({ unit, axisId, ...axisProps }) => (\n        <XYChart.YAxis\n          key={axisId}\n          id={axisId}\n          unit={unit}\n          {...axisProps}\n          valueRepresentation={resolvedValueRepresentation}\n        />\n      ))}\n      <XYChart.Legend {...config.legend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      <XYChart.Toolbar\n        hidden={!toolbarEnabled}\n        placement={toolbarPlacement}\n        {...extractBehaviorTrackingProps(config.toolbar ?? {})}\n      />\n      {/* TODO: Remove after deprecating ChartToolbar (APPDEV-15613) */}\n      {deprecatedToolbar.enabled && (\n        <XYChart.Toolbar placement={deprecatedToolbar.placement} />\n      )}\n      {toolbarIntents?.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {config.annotations &&\n        renderXYAnnotations(\n          transformTimeseriesAnnotationsToXY(config.annotations.tracks),\n          xAxisId,\n          config.annotations,\n        )}\n      {mappedThresholds.map((threshold, index) => (\n        <XYChart.ThresholdIndicator key={index} {...threshold} />\n      ))}\n    </XYChart>\n  );\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { useTimeseriesChartConfig } from './hooks/use-timeseries-chart-config.js';\nimport { iterateSlots } from './iterate-slots.js';\nimport {\n  mapSelectedSeriesToTimeseries,\n  mapSelectionDomainToTimeseries,\n} from './map-select-actions.js';\nimport {\n  mapBandSeriesActionsToXY,\n  mapSeriesActionsToXY,\n} from './map-series-actions.js';\nimport { resolveValueRepresentation } from './resolve-value-representation.js';\nimport { transformTimeseriesAnnotationsToXY } from './transformer-annotations-to-xy.js';\nimport { transformTimeseriesDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  type ChartVariantInternal,\n  DEFAULT_VARIANT,\n  type TimeseriesChartProps,\n  type TimeseriesChartRef,\n} from './types/timeseries.js';\nimport { buildBuckets } from './utils/build-buckets.js';\nimport { buildTimeseriesImperativeHandle } from './utils/build-timeseries-imperative-handle.js';\nimport { deriveXYChartPropsFromConfig } from './utils/derive-xychart-props-from-config.js';\nimport { formatCSV } from './utils/download/format-csv.js';\nimport {\n  mapXAxisSlot,\n  mapYAxisSlots,\n  mapYAxisSlotToProps,\n} from './utils/map-axis-slots.js';\nimport { resolveTimeseriesColorRules } from './utils/map-timeseries-to-xy-color-rules.js';\nimport {\n  defineAxisId,\n  renderAreaSeries,\n  renderBandSeries,\n  renderBarSeries,\n  renderLineSeries,\n  xAxisId,\n} from './utils/render-series.js';\nimport { resolveGapPolicy } from './utils/resolve-gap-policy.js';\nimport { mapTimeseriesToXYThresholds } from './utils/transformer-thresholds-to-xy.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\nimport { renderXYAnnotations } from '../shared/utils/render-xy-annotations.js';\n\nexport const TimeseriesToXY = forwardRef<\n  TimeseriesChartRef,\n  TimeseriesChartProps\n>((props, forwardedRef) => {\n  const {\n    data = [],\n    variant = DEFAULT_VARIANT,\n    children,\n    loading,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    seriesActions,\n    gapPolicy,\n    pointsDisplay,\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useTimeseriesChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    gapPolicy,\n    pointsDisplay,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n\n  const { line, bar, area, band, shapePriority, deprecatedToolbar } =\n    iterateSlots(children);\n\n  const resolvedValueRepresentation = resolveValueRepresentation(\n    config.valueRepresentation,\n    ...line.map((s) => s.valueRepresentation),\n    ...area.map((s) => s.valueRepresentation),\n    ...bar.map((s) => s.valueRepresentation),\n  );\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const {\n    buckets,\n    lineAreaBarData,\n    bandData,\n    allSeriesData,\n    gapPolicies,\n    order,\n  } = buildBuckets(\n    data,\n    variant,\n    { line, area, bar, band, shapePriority },\n    config.pointsDisplay,\n  );\n\n  const result = transformTimeseriesDataToXYChart(buckets, order);\n  const effectiveGapPolicy = resolveGapPolicy(gapPolicies, config.gapPolicy);\n\n  const allColorRules = resolveTimeseriesColorRules(\n    allSeriesData,\n    config.colorRules,\n  );\n\n  const xAxisConfig = mapXAxisSlot(config.xAxis);\n\n  const { configuredAxes, renderedUnits } = mapYAxisSlots(\n    config.yAxis.left,\n    config.yAxis.right,\n    [...result.units],\n  );\n\n  const yAxesConfig = renderedUnits.map((unit, index) => ({\n    unit,\n    axisId: defineAxisId(unit),\n    ...mapYAxisSlotToProps(index, configuredAxes[index]),\n  }));\n\n  const flatThresholds = config.thresholds\n    ? [...(config.thresholds.left ?? []), ...(config.thresholds.right ?? [])]\n    : [];\n  const mappedThresholds = mapTimeseriesToXYThresholds(\n    flatThresholds,\n    yAxesConfig,\n  );\n\n  const mappedSeriesActions = seriesActions\n    ? mapSeriesActionsToXY(seriesActions, lineAreaBarData)\n    : undefined;\n\n  const mappedBandActions = seriesActions\n    ? mapBandSeriesActionsToXY(seriesActions, bandData)\n    : undefined;\n\n  const seriesForShape = (shape: ChartVariantInternal) => {\n    switch (shape) {\n      case 'line':\n        return result.line.map((s) =>\n          renderLineSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'area':\n        return result.area.map((s) =>\n          renderAreaSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'bar':\n        return result.bar.map((s) =>\n          renderBarSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'band':\n        return result.band.map((s) =>\n          renderBandSeries(s, { actions: mappedBandActions }),\n        );\n    }\n  };\n\n  const {\n    disableZoom,\n    disablePan,\n    toolbarEnabled,\n    toolbarPlacement,\n    toolbarIntents,\n    onZoomChange: effectiveOnZoomChange,\n  } = deriveXYChartPropsFromConfig(config, onZoomChange);\n\n  const selectActions = config.select?.actions;\n  const tooltipVariant =\n    config.tooltip.variant === 'single' ? 'single' : 'shared';\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildTimeseriesImperativeHandle(xyRef, config),\n    [config],\n  );\n\n  const downloadDataCallback = () => {\n    const csvString = formatCSV({\n      line: buckets.line.map((s) => s.data),\n      area: buckets.area.map((s) => s.data),\n      bar: buckets.bar.map((s) => s.data),\n      band: bandData,\n    });\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  };\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={config.colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={config.truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n      data-dt-component=\"TimeseriesChart\"\n      {...behaviorTrackingProps}\n    >\n      <XYChart.Tooltip\n        _variant={tooltipVariant}\n        _seriesDisplayMode={config.tooltip.seriesDisplayMode}\n      />\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {order.flatMap(seriesForShape)}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) => {\n            const hasNoDataInSelection = selectionDomain.length === 0;\n            if (hasNoDataInSelection) {\n              return;\n            }\n            return selectActions(\n              mapSelectedSeriesToTimeseries(selectedSeries, allSeriesData),\n              mapSelectionDomainToTimeseries(selectionDomain),\n            );\n          }}\n        />\n      ) : null}\n      <XYChart.XAxis\n        id={xAxisId}\n        type=\"time\"\n        position=\"bottom\"\n        min={xAxisConfig.min}\n        max={xAxisConfig.max}\n        label={xAxisConfig.label}\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={\n          config.initialZoom as [Date, Date] | [number, number] | undefined\n        }\n        currentZoom={\n          config.currentZoom as [Date, Date] | [number, number] | undefined\n        }\n        onZoomChange={effectiveOnZoomChange}\n        infiniteZoom={config.infiniteZoom}\n        gapPolicy={effectiveGapPolicy}\n      />\n      {yAxesConfig.map(({ unit, axisId, ...axisProps }) => (\n        <XYChart.YAxis\n          key={axisId}\n          id={axisId}\n          unit={unit}\n          {...axisProps}\n          valueRepresentation={resolvedValueRepresentation}\n        />\n      ))}\n      <XYChart.Legend {...config.legend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      <XYChart.Toolbar\n        hidden={!toolbarEnabled}\n        placement={toolbarPlacement}\n        {...extractBehaviorTrackingProps(config.toolbar ?? {})}\n      />\n      {/* TODO: Remove after deprecating ChartToolbar (APPDEV-15613) */}\n      {deprecatedToolbar.enabled && (\n        <XYChart.Toolbar placement={deprecatedToolbar.placement} />\n      )}\n      {toolbarIntents?.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {config.annotations &&\n        renderXYAnnotations(\n          transformTimeseriesAnnotationsToXY(config.annotations.tracks),\n          xAxisId,\n          config.annotations,\n        )}\n      {mappedThresholds.map((threshold, index) => (\n        <XYChart.ThresholdIndicator key={index} {...threshold} />\n      ))}\n    </XYChart>\n  );\n});\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,4 +1,5 @@
 import { isEmpty, isUndefined, merge } from "lodash-es";
+import { mergeAnnotationsConfig } from "../../../core/components/annotations/utils/merge-annotations-config.js";
 import { isValidPointsDisplay } from "../../../core/components/canvas/utils/is-valid-points-display.js";
 import {
   DEFAULT_INFINITE_ZOOM,
@@ -90,6 +91,9 @@ function getTooltipConfiguration(contextTooltip, slotsTooltip) {
 function getXAxisConfiguration(contextXAxis, slotsXAxis) {
   return merge({}, contextXAxis, slotsXAxis);
 }
+function getAnnotationsConfiguration(contextAnnotations, slotsAnnotations) {
+  return mergeAnnotationsConfig(contextAnnotations, slotsAnnotations);
+}
 function getThresholdsConfiguration(contextThresholds = [], slotsThresholds = []) {
   const allThresholds = contextThresholds.concat(slotsThresholds).map((threshold) => ({
     ...threshold,
@@ -237,7 +241,10 @@ function createTimeseriesConfiguration(slots, contextConfig, timeseriesChartConf
     toolbar,
     xAxis,
     yAxis,
-    annotations: slots.annotations,
+    annotations: getAnnotationsConfiguration(
+      contextConfig.annotations,
+      slots.annotations
+    ),
     truncationMode,
     thresholds,
     interactions,
@@ -249,7 +256,7 @@ function createTimeseriesConfiguration(slots, contextConfig, timeseriesChartConf
     colorRules
   };
 }
-const dateFormat = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}Z$/;
+const dateFormat = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/;
 function reviver(key, value) {
   if (typeof value === "string" && dateFormat.test(value)) {
     return new Date(value);
@@ -270,6 +277,7 @@ function deserializeConfig(serializedConfig) {
 export {
   createTimeseriesConfiguration,
   deserializeConfig,
+  getAnnotationsConfiguration,
   getColorPaletteConfiguration,
   getCurrentZoomConfiguration,
   getGapPolicyConfiguration,