@dynatrace/strato-components 3.10.4 → 3.11.0

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

@@ -1,22 +1,32 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { merge } from "lodash-es";
 import {
   forwardRef,
   useCallback,
   useImperativeHandle,
+  useMemo,
   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 { mapCategoricalSeriesActionsToXY } from "./transformer-series-actions-to-xy.js";
 import { formatCSV } from "./utils/format-csv.js";
+import {
+  mapCategoryAxisToXAxis,
+  mapValueAxisToYAxis
+} from "./utils/map-axes-to-xy.js";
 import { useBehavioralTrackingProps } from "../../../core/hooks/useBehavioralTrackingProps.js";
 import { downloadCSV } from "../../../core/utils/download.js";
+import { defaultConfig } from "../../categorical-bar/types/defaults.js";
 import { CSS_DOWNLOAD_FILENAME } from "../../core/constants.js";
 import { ChartType } from "../../core/types/chart-types.js";
+import { getUnitAsString } from "../../core/utils/get-unit-as-string.js";
 import { XYChart } from "../../xy-chart/XYChartRoot.js";
-const X_AXIS_ID = "x-axis";
-const Y_AXIS_ID = "y-axis";
+const CATEGORY_AXIS_ID = "x-axis";
+const Y_NUMERICAL_AXIS_ID = "y-axis-default";
+const toNumericalAxisId = (unit) => `y-axis-${getUnitAsString(unit)}`;
 const CategoricalBarToXY = forwardRef((props, forwardedRef) => {
   const {
     data,
@@ -30,34 +40,52 @@ const CategoricalBarToXY = forwardRef((props, forwardedRef) => {
     height,
     loading,
     truncationMode,
+    seriesActions,
     layout,
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow
   } = props;
+  const xyRef = useRef(null);
+  const mappedSeriesActions = useMemo(
+    () => seriesActions ? mapCategoricalSeriesActionsToXY(seriesActions, data) : void 0,
+    [seriesActions, data]
+  );
   const [behaviorTrackingProps] = useBehavioralTrackingProps(props);
   const {
     variant,
     data: xyData,
-    seriesByDimension
+    seriesByDimension,
+    unitPerSeries
   } = transformCategoricalBarDataToXY(data, groupMode);
   const {
     colorRules: userColorRules,
+    categoryAxis: slotCategoryAxis,
+    valueAxis: slotValueAxis,
     legend,
     emptyState,
     errorState,
-    intents
+    intents,
+    toolbar,
+    tooltip
   } = iterateSlots(children);
+  const resolvedTooltipVariant = tooltip?.variant === "single" ? "single" : "shared";
   const resolvedColorRules = resolveCategoricalColorSupport(
+    data,
     xyData,
     colorPalette,
     colorPaletteMode,
     userColorRules,
     groupMode
   );
-  const xyRef = useRef(null);
+  const resolvedCategoryAxis = merge(
+    {},
+    defaultConfig.categoryAxis,
+    slotCategoryAxis
+  );
+  const resolvedValueAxis = merge({}, defaultConfig.valueAxis, slotValueAxis);
   const downloadDataCallback = useCallback(() => {
-    const csvString = formatCSV(data);
-    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);
+    const csv = formatCSV(data);
+    downloadCSV(csv, CSS_DOWNLOAD_FILENAME);
   }, [data]);
   useImperativeHandle(
     forwardedRef,
@@ -71,13 +99,38 @@ const CategoricalBarToXY = forwardRef((props, forwardedRef) => {
     []
   );
   const isHorizontal = layout === "horizontal";
-  const xAxisType = isHorizontal ? "numerical" : "categorical";
-  const yAxisType = isHorizontal ? "categorical" : "numerical";
+  const barSeriesAccessors = getBarSeriesAccessors(isHorizontal);
+  const xAxisProps = mapCategoryAxisToXAxis(resolvedCategoryAxis);
+  const yAxisProps = mapValueAxisToYAxis(resolvedValueAxis);
+  const dimToAxisId = /* @__PURE__ */ new Map();
+  const numericalAxisGroups = /* @__PURE__ */ new Map();
+  if (seriesByDimension !== null) {
+    for (const [dim] of seriesByDimension) {
+      const unit = unitPerSeries.get(dim);
+      const axisId = unit !== void 0 ? toNumericalAxisId(unit) : Y_NUMERICAL_AXIS_ID;
+      dimToAxisId.set(dim, axisId);
+      if (!numericalAxisGroups.has(axisId)) {
+        numericalAxisGroups.set(axisId, { data: [], unit });
+      }
+    }
+  } else {
+    for (const dataPoint of xyData) {
+      const unit = unitPerSeries.get(String(dataPoint.seriesId));
+      const axisId = unit !== void 0 ? toNumericalAxisId(unit) : Y_NUMERICAL_AXIS_ID;
+      let group = numericalAxisGroups.get(axisId);
+      if (group === void 0) {
+        group = { data: [], unit };
+        numericalAxisGroups.set(axisId, group);
+      }
+      group.data.push(dataPoint);
+    }
+  }
+  const numericalAxisEntries = [...numericalAxisGroups.entries()];
   return /* @__PURE__ */ jsxs(
     XYChart,
     {
-      data: [],
       ref: xyRef,
+      data: [],
       width,
       height,
       className,
@@ -91,34 +144,79 @@ const CategoricalBarToXY = forwardRef((props, forwardedRef) => {
       __downloadDataCallback: downloadDataCallback,
       ...behaviorTrackingProps,
       children: [
-        seriesByDimension ? [...seriesByDimension.entries()].map(([dim, dimData]) => /* @__PURE__ */ jsx(
+        seriesByDimension !== null ? [...seriesByDimension.entries()].map(([dim, dimData]) => {
+          const axisId = dimToAxisId.get(dim) ?? Y_NUMERICAL_AXIS_ID;
+          return /* @__PURE__ */ jsx(
+            XYChart.BarSeries,
+            {
+              variant,
+              data: dimData,
+              xAxisId: isHorizontal ? axisId : CATEGORY_AXIS_ID,
+              yAxisId: isHorizontal ? CATEGORY_AXIS_ID : axisId,
+              ...barSeriesAccessors,
+              seriesIdAccessor: "seriesId",
+              nameAccessor: "seriesName",
+              actions: mappedSeriesActions
+            },
+            dim
+          );
+        }) : numericalAxisEntries.map(([axisId, { data: seriesData }]) => /* @__PURE__ */ jsx(
           XYChart.BarSeries,
           {
             variant,
-            data: dimData,
-            xAxisId: X_AXIS_ID,
-            yAxisId: Y_AXIS_ID,
-            ...getBarSeriesAccessors(isHorizontal),
+            data: seriesData,
+            xAxisId: isHorizontal ? axisId : CATEGORY_AXIS_ID,
+            yAxisId: isHorizontal ? CATEGORY_AXIS_ID : axisId,
+            ...barSeriesAccessors,
             seriesIdAccessor: "seriesId",
-            nameAccessor: "seriesName"
+            nameAccessor: "seriesName",
+            actions: mappedSeriesActions
           },
-          dim
-        )) : /* @__PURE__ */ jsx(
-          XYChart.BarSeries,
+          axisId
+        )),
+        isHorizontal ? numericalAxisEntries.map(([axisId, { unit }]) => /* @__PURE__ */ jsx(
+          XYChart.XAxis,
           {
-            variant: "single",
-            data: xyData,
-            xAxisId: X_AXIS_ID,
-            yAxisId: Y_AXIS_ID,
-            ...getBarSeriesAccessors(isHorizontal),
-            seriesIdAccessor: "seriesId",
-            nameAccessor: "seriesName"
+            id: axisId,
+            ...yAxisProps,
+            position: "bottom",
+            unit
+          },
+          axisId
+        )) : numericalAxisEntries.map(([axisId, { unit }]) => /* @__PURE__ */ jsx(
+          XYChart.YAxis,
+          {
+            id: axisId,
+            position: "left",
+            unit,
+            ...yAxisProps
+          },
+          axisId
+        )),
+        isHorizontal ? /* @__PURE__ */ jsx(
+          XYChart.YAxis,
+          {
+            id: CATEGORY_AXIS_ID,
+            type: "categorical",
+            position: "left",
+            label: xAxisProps.label,
+            tickLabelMaxSize: xAxisProps.tickLabelMaxSize
+          }
+        ) : /* @__PURE__ */ jsx(
+          XYChart.XAxis,
+          {
+            id: CATEGORY_AXIS_ID,
+            type: "categorical",
+            position: "bottom",
+            ...xAxisProps,
+            disableZoom: true,
+            disablePan: true
           }
         ),
-        /* @__PURE__ */ jsx(XYChart.XAxis, { id: X_AXIS_ID, type: xAxisType, position: "bottom" }),
-        /* @__PURE__ */ jsx(XYChart.YAxis, { id: Y_AXIS_ID, type: yAxisType, position: "left" }),
+        /* @__PURE__ */ jsx(XYChart.Tooltip, { _variant: resolvedTooltipVariant }),
         resolvedColorRules.map((rule, i) => /* @__PURE__ */ jsx(XYChart.ColorRule, { ...rule }, i)),
         legend && /* @__PURE__ */ jsx(XYChart.Legend, { ...legend }),
+        /* @__PURE__ */ jsx(XYChart.Toolbar, { ...toolbar ?? {} }),
         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))

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

@@ -1,7 +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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",
+  "sourcesContent": ["import { merge } from 'lodash-es';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\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 { mapCategoricalSeriesActionsToXY } from './transformer-series-actions-to-xy.js';\nimport { formatCSV } from './utils/format-csv.js';\nimport {\n  mapCategoryAxisToXAxis,\n  mapValueAxisToYAxis,\n} from './utils/map-axes-to-xy.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 { defaultConfig } from '../../categorical-bar/types/defaults.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport { getUnitAsString } from '../../core/utils/get-unit-as-string.js';\nimport type { XYChartData, XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\n\nconst CATEGORY_AXIS_ID = 'x-axis';\nconst Y_NUMERICAL_AXIS_ID = 'y-axis-default';\n\nconst toNumericalAxisId = (unit: ChartUnit): string =>\n  `y-axis-${getUnitAsString(unit)}`;\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    seriesActions,\n    layout,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n\n  const xyRef = useRef<XYChartRef | null>(null);\n\n  const mappedSeriesActions = useMemo(\n    () =>\n      seriesActions\n        ? mapCategoricalSeriesActionsToXY(seriesActions, data)\n        : undefined,\n    [seriesActions, data],\n  );\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const {\n    variant,\n    data: xyData,\n    seriesByDimension,\n    unitPerSeries,\n  } = transformCategoricalBarDataToXY(data, groupMode);\n\n  const {\n    colorRules: userColorRules,\n    categoryAxis: slotCategoryAxis,\n    valueAxis: slotValueAxis,\n    legend,\n    emptyState,\n    errorState,\n    intents,\n    toolbar,\n    tooltip,\n  } = iterateSlots(children);\n\n  const resolvedTooltipVariant =\n    tooltip?.variant === 'single' ? 'single' : 'shared';\n\n  const resolvedColorRules = resolveCategoricalColorSupport(\n    data,\n    xyData,\n    colorPalette,\n    colorPaletteMode,\n    userColorRules,\n    groupMode,\n  );\n\n  const resolvedCategoryAxis = merge(\n    {},\n    defaultConfig.categoryAxis,\n    slotCategoryAxis,\n  );\n  const resolvedValueAxis = merge({}, defaultConfig.valueAxis, slotValueAxis);\n\n  const downloadDataCallback = useCallback(() => {\n    const csv = formatCSV(data);\n    downloadCSV(csv, 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\n  const isHorizontal = layout === 'horizontal';\n  const barSeriesAccessors = getBarSeriesAccessors(isHorizontal);\n  const xAxisProps = mapCategoryAxisToXAxis(resolvedCategoryAxis);\n  const yAxisProps = mapValueAxisToYAxis(resolvedValueAxis);\n\n  // Build unique numerical axis groups.\n  // For multi-dim data, each dimension maps to its unit's axis (data lives in seriesByDimension).\n  // For scalar data, each data point is bucketed into its unit's axis group.\n  const dimToAxisId = new Map<string, string>();\n  const numericalAxisGroups = new Map<\n    string,\n    { data: XYChartData[]; unit: ChartUnit | undefined }\n  >();\n\n  if (seriesByDimension !== null) {\n    for (const [dim] of seriesByDimension) {\n      const unit = unitPerSeries.get(dim);\n      const axisId =\n        unit !== undefined ? toNumericalAxisId(unit) : Y_NUMERICAL_AXIS_ID;\n      dimToAxisId.set(dim, axisId);\n      if (!numericalAxisGroups.has(axisId)) {\n        numericalAxisGroups.set(axisId, { data: [], unit });\n      }\n    }\n  } else {\n    for (const dataPoint of xyData) {\n      const unit = unitPerSeries.get(String(dataPoint.seriesId));\n      const axisId =\n        unit !== undefined ? toNumericalAxisId(unit) : Y_NUMERICAL_AXIS_ID;\n      let group = numericalAxisGroups.get(axisId);\n      if (group === undefined) {\n        group = { data: [], unit };\n        numericalAxisGroups.set(axisId, group);\n      }\n      group.data.push(dataPoint);\n    }\n  }\n\n  const numericalAxisEntries = [...numericalAxisGroups.entries()];\n\n  return (\n    <XYChart\n      ref={xyRef}\n      data={[]}\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 !== null\n        ? [...seriesByDimension.entries()].map(([dim, dimData]) => {\n            const axisId = dimToAxisId.get(dim) ?? Y_NUMERICAL_AXIS_ID;\n            return (\n              <XYChart.BarSeries\n                key={dim}\n                variant={variant}\n                data={dimData}\n                xAxisId={isHorizontal ? axisId : CATEGORY_AXIS_ID}\n                yAxisId={isHorizontal ? CATEGORY_AXIS_ID : axisId}\n                {...barSeriesAccessors}\n                seriesIdAccessor=\"seriesId\"\n                nameAccessor=\"seriesName\"\n                actions={mappedSeriesActions}\n              />\n            );\n          })\n        : numericalAxisEntries.map(([axisId, { data: seriesData }]) => (\n            <XYChart.BarSeries\n              key={axisId}\n              variant={variant}\n              data={seriesData}\n              xAxisId={isHorizontal ? axisId : CATEGORY_AXIS_ID}\n              yAxisId={isHorizontal ? CATEGORY_AXIS_ID : axisId}\n              {...barSeriesAccessors}\n              seriesIdAccessor=\"seriesId\"\n              nameAccessor=\"seriesName\"\n              actions={mappedSeriesActions}\n            />\n          ))}\n      {isHorizontal\n        ? numericalAxisEntries.map(([axisId, { unit }]) => (\n            <XYChart.XAxis\n              key={axisId}\n              id={axisId}\n              {...yAxisProps}\n              position=\"bottom\"\n              unit={unit}\n            />\n          ))\n        : numericalAxisEntries.map(([axisId, { unit }]) => (\n            <XYChart.YAxis\n              key={axisId}\n              id={axisId}\n              position=\"left\"\n              unit={unit}\n              {...yAxisProps}\n            />\n          ))}\n      {isHorizontal ? (\n        <XYChart.YAxis\n          id={CATEGORY_AXIS_ID}\n          type=\"categorical\"\n          position=\"left\"\n          label={xAxisProps.label}\n          tickLabelMaxSize={xAxisProps.tickLabelMaxSize}\n        />\n      ) : (\n        <XYChart.XAxis\n          id={CATEGORY_AXIS_ID}\n          type=\"categorical\"\n          position=\"bottom\"\n          {...xAxisProps}\n          disableZoom\n          disablePan\n        />\n      )}\n      <XYChart.Tooltip _variant={resolvedTooltipVariant} />\n      {resolvedColorRules.map((rule, i) => (\n        <XYChart.ColorRule key={i} {...rule} />\n      ))}\n      {legend && <XYChart.Legend {...legend} />}\n      <XYChart.Toolbar {...(toolbar ?? {})} />\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/iterate-slots.js

@@ -1,16 +1,28 @@
 import { Children } from "react";
 import { Intent } from "../../../core/slots/Intent/Intent.js";
 import { isSlot } from "../../../core/utils/is-slot.js";
+import { CategoryAxis } from "../../categorical-bar/slots/CategoryAxis.js";
 import { Legend } from "../../categorical-bar/slots/Legend.js";
+import { CategoricalBarChartToolbarSlot } from "../../categorical-bar/slots/Toolbar.js";
+import { Tooltip } from "../../categorical-bar/slots/Tooltip.js";
+import { ValueAxis } from "../../categorical-bar/slots/ValueAxis.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";
+import { ChartToolbar } from "../../core/slots/toolbar/ChartToolbar.js";
+import { sanitizeProps } from "../../core/slots/toolbar/CompactToolbar.js";
+import { DownloadData } from "../../core/slots/toolbar/DownloadData.js";
+import { extractBehaviorTrackingProps } from "../../core/utils/extract-behavior-tracking-props.js";
 function iterateSlots(children) {
   const colorRules = [];
   const intents = [];
   let legend;
   let emptyState;
   let errorState;
+  let categoryAxis = {};
+  let valueAxis = {};
+  let toolbar;
+  let tooltip;
   Children.forEach(children, (child) => {
     if (isSlot(child, ColorRule) && isValidColorRule(child.props)) {
       colorRules.push(child.props);
@@ -22,9 +34,45 @@ function iterateSlots(children) {
       errorState = child.props;
     } else if (isSlot(child, Intent)) {
       intents.push(child.props);
+    } else if (isSlot(child, CategoryAxis)) {
+      categoryAxis = child.props;
+    } else if (isSlot(child, ValueAxis)) {
+      valueAxis = child.props;
+    } else if (isSlot(child, Tooltip)) {
+      tooltip = child.props;
+    } else if (isSlot(child, CategoricalBarChartToolbarSlot)) {
+      toolbar = {
+        ...sanitizeProps(child.props),
+        ...extractBehaviorTrackingProps(child.props)
+      };
+    } else if (isSlot(child, ChartToolbar)) {
+      const { children: children2, ...toolbarProps } = child.props;
+      let toolbarChildren = {};
+      Children.forEach(children2, (toolbarChild) => {
+        if (isSlot(toolbarChild, DownloadData)) {
+          toolbarChildren = {
+            ...toolbarChildren,
+            downloadData: { enabled: true }
+          };
+        }
+      });
+      toolbar = {
+        ...toolbarProps,
+        ...toolbarChildren
+      };
     }
   });
-  return { colorRules, legend, emptyState, errorState, intents };
+  return {
+    colorRules,
+    legend,
+    emptyState,
+    errorState,
+    intents,
+    categoryAxis,
+    valueAxis,
+    toolbar,
+    tooltip
+  };
 }
 export {
   iterateSlots

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

@@ -1,7 +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": []
+  "sourcesContent": ["import { Children, type ReactNode } from 'react';\n\nimport { Intent, type IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { CategoryAxis } from '../../categorical-bar/slots/CategoryAxis.js';\nimport { Legend } from '../../categorical-bar/slots/Legend.js';\nimport { CategoricalBarChartToolbarSlot } from '../../categorical-bar/slots/Toolbar.js';\nimport { Tooltip } from '../../categorical-bar/slots/Tooltip.js';\nimport { ValueAxis } from '../../categorical-bar/slots/ValueAxis.js';\nimport type {\n  CategoricalBarChartCategoryAxisProps,\n  CategoricalBarChartTooltipProps,\n  CategoricalBarChartValueAxisProps,\n} from '../../categorical-bar/types/categorical-bar-chart.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 { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport type { ColorRuleProps } from '../../core/types/color-rule.js';\nimport type { LegendProps } from '../../core/types/legend.js';\nimport type { ToolbarPlacement } from '../../core/types/toolbar.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\n\nexport type CategoricalToolbarConfig = BehaviorTrackingProps & {\n  hidden?: boolean;\n  placement?: ToolbarPlacement;\n};\n\nexport type CategoricalSlotsConfig = {\n  colorRules: ColorRuleProps[];\n  legend: LegendProps | undefined;\n  emptyState: EmptyStateSlotProps | undefined;\n  errorState: ErrorStateSlotProps | undefined;\n  intents: IntentProps[];\n  categoryAxis: CategoricalBarChartCategoryAxisProps;\n  valueAxis: CategoricalBarChartValueAxisProps;\n  toolbar: CategoricalToolbarConfig | undefined;\n  tooltip: CategoricalBarChartTooltipProps | undefined;\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  let categoryAxis: CategoricalBarChartCategoryAxisProps = {};\n  let valueAxis: CategoricalBarChartValueAxisProps = {};\n  let toolbar: CategoricalToolbarConfig | undefined;\n  let tooltip: CategoricalBarChartTooltipProps | 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    } else if (isSlot(child, CategoryAxis)) {\n      categoryAxis = child.props;\n    } else if (isSlot(child, ValueAxis)) {\n      valueAxis = child.props;\n    } else if (isSlot(child, Tooltip)) {\n      tooltip = child.props;\n    } else if (isSlot(child, CategoricalBarChartToolbarSlot)) {\n      toolbar = {\n        ...sanitizeProps(child.props),\n        ...extractBehaviorTrackingProps(child.props),\n      };\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      // TODO: Remove deprecated component support (APPDEV-15613)\n      const { children, ...toolbarProps } = child.props;\n      let toolbarChildren = {};\n\n      Children.forEach(children, (toolbarChild) => {\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        if (isSlot(toolbarChild, DownloadData)) {\n          toolbarChildren = {\n            ...toolbarChildren,\n            downloadData: { enabled: true },\n          };\n        }\n      });\n\n      toolbar = {\n        ...toolbarProps,\n        ...toolbarChildren,\n      };\n    }\n  });\n\n  return {\n    colorRules,\n    legend,\n    emptyState,\n    errorState,\n    intents,\n    categoryAxis,\n    valueAxis,\n    toolbar,\n    tooltip,\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgC;AAEzC,SAAS,cAAgC;AAEzC,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,sCAAsC;AAC/C,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAO1B,SAAS,sBAAsB;AAE/B,SAAS,sBAAsB;AAC/B,SAAS,WAAW,wBAAwB;AAC5C,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAI7B,SAAS,oCAAoC;AAmBtC,SAAS,aAAa,UAA6C;AACxE,QAAM,aAA+B,CAAC;AACtC,QAAM,UAAyB,CAAC;AAChC,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,eAAqD,CAAC;AAC1D,MAAI,YAA+C,CAAC;AACpD,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,WAAW,OAAO,OAAO,YAAY,GAAG;AACtC,qBAAe,MAAM;AAAA,IACvB,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,kBAAY,MAAM;AAAA,IACpB,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,gBAAU,MAAM;AAAA,IAClB,WAAW,OAAO,OAAO,8BAA8B,GAAG;AACxD,gBAAU;AAAA,QACR,GAAG,cAAc,MAAM,KAAK;AAAA,QAC5B,GAAG,6BAA6B,MAAM,KAAK;AAAA,MAC7C;AAAA,IAEF,WAAW,OAAO,OAAO,YAAY,GAAG;AAEtC,YAAM,EAAE,UAAAA,WAAU,GAAG,aAAa,IAAI,MAAM;AAC5C,UAAI,kBAAkB,CAAC;AAEvB,eAAS,QAAQA,WAAU,CAAC,iBAAiB;AAE3C,YAAI,OAAO,cAAc,YAAY,GAAG;AACtC,4BAAkB;AAAA,YAChB,GAAG;AAAA,YACH,cAAc,EAAE,SAAS,KAAK;AAAA,UAChC;AAAA,QACF;AAAA,MACF,CAAC;AAED,gBAAU;AAAA,QACR,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": ["children"]
 }

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

@@ -1,8 +1,9 @@
+import { isMultiDimensional } from "./transformer-data-to-xy.js";
 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;
+function resolveCategoricalColorSupport(data, xyData, colorPalette = "categorical", colorPaletteMode = "single-color", userColorRules, groupMode) {
+  const effectiveColorPaletteMode = groupMode !== void 0 || isMultiDimensional(data) ? "multi-color" : colorPaletteMode;
   if (effectiveColorPaletteMode !== "single-color" && userColorRules.length === 0) {
     return [];
   }

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

@@ -1,7 +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;",
+  "sourcesContent": ["import { isMultiDimensional } from './transformer-data-to-xy.js';\nimport type {\n  CategoricalBarChartData,\n  GroupMode,\n} 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, single-dimension charts.\n * For multi-series charts (grouped/stacked groupMode) and for multi-dimension data,\n * each series always receives a distinct palette color \u2014 colorPaletteMode is not\n * forwarded for those variants, matching the legacy chart's behavior.\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  data: CategoricalBarChartData[],\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 || isMultiDimensional(data)\n      ? 'multi-color'\n      : 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": "AAAA,SAAS,0BAA0B;AAcnC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB,sBAAsB;AAG/C,MAAM,qCAAqC;AAyBpC,SAAS,+BACd,MACA,QACA,eAAkD,eAClD,mBAAqC,gBACrC,gBACA,WACkB;AAClB,QAAM,4BACJ,cAAc,UAAa,mBAAmB,IAAI,IAC9C,gBACA;AACN,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,12 +1,23 @@
+function isMultiDimensional(data) {
+  for (const entry of data) {
+    if (typeof entry.value === "object" && entry.value !== null) {
+      return true;
+    }
+  }
+  return false;
+}
 function transformCategoricalBarDataToXY(data, groupMode) {
-  const unit = data[0]?.unit;
+  const unitPerSeries = /* @__PURE__ */ new Map();
   const flat = [];
-  let isMultiDim = false;
+  const isMultiDim = isMultiDimensional(data);
   for (const entry of data) {
-    const { category, value, unit: _unit, ...extraProps } = entry;
+    const { category, value, unit: entryUnit, ...extraProps } = entry;
+    const chartUnit = entryUnit;
     if (typeof value === "object" && value !== null) {
-      isMultiDim = true;
       for (const [dimensionKey, dimensionValue] of Object.entries(value)) {
+        if (!unitPerSeries.has(dimensionKey)) {
+          unitPerSeries.set(dimensionKey, chartUnit);
+        }
         flat.push({
           ...extraProps,
           category,
@@ -16,6 +27,9 @@ function transformCategoricalBarDataToXY(data, groupMode) {
         });
       }
     } else {
+      if (!unitPerSeries.has(category)) {
+        unitPerSeries.set(category, chartUnit);
+      }
       flat.push({
         ...extraProps,
         category,
@@ -26,7 +40,12 @@ function transformCategoricalBarDataToXY(data, groupMode) {
     }
   }
   if (!isMultiDim) {
-    return { variant: "single", data: flat, seriesByDimension: null, unit };
+    return {
+      variant: "single",
+      data: flat,
+      seriesByDimension: null,
+      unitPerSeries
+    };
   }
   const variant = groupMode === "grouped" ? "group" : "stack";
   const seriesByDimension = /* @__PURE__ */ new Map();
@@ -39,9 +58,10 @@ function transformCategoricalBarDataToXY(data, groupMode) {
       seriesByDimension.set(dim, [row]);
     }
   }
-  return { variant, data: flat, seriesByDimension, unit };
+  return { variant, data: flat, seriesByDimension, unitPerSeries };
 }
 export {
+  isMultiDimensional,
   transformCategoricalBarDataToXY
 };
 //# sourceMappingURL=transformer-data-to-xy.js.map

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 {\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;",
+  "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 per series ID (dimension key for multi-dim, category for scalar). */\n  unitPerSeries: Map<string, ChartUnit | undefined>;\n}\n\n/**\n * True when any entry in the data has an object `value`, meaning the chart has\n * more than one dimension per category. The legacy chart uses this signal to\n * force multi-color palette rendering regardless of `colorPaletteMode`.\n */\nexport function isMultiDimensional(data: CategoricalBarChartData[]): boolean {\n  for (const entry of data) {\n    if (typeof entry.value === 'object' && entry.value !== null) {\n      return true;\n    }\n  }\n  return false;\n}\n\nexport function transformCategoricalBarDataToXY(\n  data: CategoricalBarChartData[],\n  groupMode?: GroupMode,\n): TransformCategoricalBarDataResult {\n  const unitPerSeries = new Map<string, ChartUnit | undefined>();\n  const flat: XYChartData[] = [];\n  const isMultiDim = isMultiDimensional(data);\n\n  for (const entry of data) {\n    const { category, value, unit: entryUnit, ...extraProps } = entry;\n    const chartUnit = entryUnit as ChartUnit | undefined;\n\n    if (typeof value === 'object' && value !== null) {\n      for (const [dimensionKey, dimensionValue] of Object.entries(value)) {\n        if (!unitPerSeries.has(dimensionKey)) {\n          unitPerSeries.set(dimensionKey, chartUnit);\n        }\n        flat.push({\n          ...extraProps,\n          category,\n          value: dimensionValue,\n          seriesId: dimensionKey,\n          seriesName: dimensionKey,\n        });\n      }\n    } else {\n      if (!unitPerSeries.has(category)) {\n        unitPerSeries.set(category, chartUnit);\n      }\n      flat.push({\n        ...extraProps,\n        category,\n        value,\n        seriesId: category,\n        seriesName: category,\n      });\n    }\n  }\n\n  if (!isMultiDim) {\n    return {\n      variant: 'single',\n      data: flat,\n      seriesByDimension: null,\n      unitPerSeries,\n    };\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, unitPerSeries };\n}\n"],
+  "mappings": "AAyBO,SAAS,mBAAmB,MAA0C;AAC3E,aAAW,SAAS,MAAM;AACxB,QAAI,OAAO,MAAM,UAAU,YAAY,MAAM,UAAU,MAAM;AAC3D,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,gCACd,MACA,WACmC;AACnC,QAAM,gBAAgB,oBAAI,IAAmC;AAC7D,QAAM,OAAsB,CAAC;AAC7B,QAAM,aAAa,mBAAmB,IAAI;AAE1C,aAAW,SAAS,MAAM;AACxB,UAAM,EAAE,UAAU,OAAO,MAAM,WAAW,GAAG,WAAW,IAAI;AAC5D,UAAM,YAAY;AAElB,QAAI,OAAO,UAAU,YAAY,UAAU,MAAM;AAC/C,iBAAW,CAAC,cAAc,cAAc,KAAK,OAAO,QAAQ,KAAK,GAAG;AAClE,YAAI,CAAC,cAAc,IAAI,YAAY,GAAG;AACpC,wBAAc,IAAI,cAAc,SAAS;AAAA,QAC3C;AACA,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,UAAI,CAAC,cAAc,IAAI,QAAQ,GAAG;AAChC,sBAAc,IAAI,UAAU,SAAS;AAAA,MACvC;AACA,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;AAAA,MACL,SAAS;AAAA,MACT,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;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,cAAc;AACjE;",
   "names": []
 }

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

@@ -0,0 +1,26 @@
+import { isNil } from "lodash-es";
+function mapCategoricalSeriesActionsToXY(seriesActions, originalData) {
+  return (datapoint) => {
+    const category = datapoint.category ?? (typeof datapoint.datapoint.x0 === "string" ? datapoint.datapoint.x0 : void 0) ?? (typeof datapoint.datapoint.y0 === "string" ? datapoint.datapoint.y0 : void 0);
+    const originalEntry = originalData.find(
+      (entry) => entry.category === category
+    );
+    const {
+      category: _cat,
+      value,
+      unit: _unit,
+      ...extraProps
+    } = originalEntry ?? {};
+    const dimensionValue = !isNil(value) && typeof value === "object" ? value[datapoint.name] : typeof value === "number" ? value : void 0;
+    return seriesActions({
+      name: datapoint.name,
+      category,
+      value: dimensionValue,
+      ...extraProps
+    });
+  };
+}
+export {
+  mapCategoricalSeriesActionsToXY
+};
+//# sourceMappingURL=transformer-series-actions-to-xy.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/categorical-bar/transformer-series-actions-to-xy.ts"],
+  "sourcesContent": ["import { isNil } from 'lodash-es';\n\nimport type {\n  CategoricalBarChartData,\n  CategoricalBarChartProps,\n} from '../../categorical-bar/types/categorical-bar-chart.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport type {\n  XYChartBarSeries,\n  XYChartBarSeriesActionItem,\n} from '../../xy-chart/types/xy-chart.js';\n\nexport function mapCategoricalSeriesActionsToXY(\n  seriesActions: NonNullable<CategoricalBarChartProps['seriesActions']>,\n  originalData: CategoricalBarChartData[],\n): (\n  datapoint: XYChartBarSeriesActionItem,\n  series?: XYChartBarSeries,\n) => SeriesActionsTemplate {\n  return (datapoint: XYChartBarSeriesActionItem): SeriesActionsTemplate => {\n    const category =\n      datapoint.category ??\n      (typeof datapoint.datapoint.x0 === 'string'\n        ? datapoint.datapoint.x0\n        : undefined) ??\n      (typeof datapoint.datapoint.y0 === 'string'\n        ? datapoint.datapoint.y0\n        : undefined);\n\n    const originalEntry = originalData.find(\n      (entry) => entry.category === category,\n    );\n\n    const {\n      category: _cat,\n      value,\n      unit: _unit,\n      ...extraProps\n    } = originalEntry ?? ({} as CategoricalBarChartData);\n\n    const dimensionValue =\n      !isNil(value) && typeof value === 'object'\n        ? (value as Record<string, number>)[datapoint.name]\n        : typeof value === 'number'\n        ? value\n        : undefined;\n\n    return seriesActions({\n      name: datapoint.name,\n      category,\n      value: dimensionValue,\n      ...extraProps,\n    } as Record<string, unknown>);\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AAYf,SAAS,gCACd,eACA,cAIyB;AACzB,SAAO,CAAC,cAAiE;AACvE,UAAM,WACJ,UAAU,aACT,OAAO,UAAU,UAAU,OAAO,WAC/B,UAAU,UAAU,KACpB,YACH,OAAO,UAAU,UAAU,OAAO,WAC/B,UAAU,UAAU,KACpB;AAEN,UAAM,gBAAgB,aAAa;AAAA,MACjC,CAAC,UAAU,MAAM,aAAa;AAAA,IAChC;AAEA,UAAM;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,MAAM;AAAA,MACN,GAAG;AAAA,IACL,IAAI,iBAAkB,CAAC;AAEvB,UAAM,iBACJ,CAAC,MAAM,KAAK,KAAK,OAAO,UAAU,WAC7B,MAAiC,UAAU,IAAI,IAChD,OAAO,UAAU,WACjB,QACA;AAEN,WAAO,cAAc;AAAA,MACnB,MAAM,UAAU;AAAA,MAChB;AAAA,MACA,OAAO;AAAA,MACP,GAAG;AAAA,IACL,CAA4B;AAAA,EAC9B;AACF;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/categorical-bar/utils/map-axes-to-xy.js

@@ -0,0 +1,23 @@
+function mapCategoryAxisToXAxis(config) {
+  return {
+    label: config.label,
+    tickLabelLayout: config.tickLabelLayout,
+    ...config.maxSize !== void 0 && { tickLabelMaxSize: config.maxSize }
+  };
+}
+function mapValueAxisToYAxis(config) {
+  return {
+    type: config.scale === "log" ? "log" : "numerical",
+    label: config.label,
+    min: config.min ?? "auto",
+    max: config.max ?? "auto",
+    formatter: config.formatter,
+    disableZoom: true,
+    disablePan: true
+  };
+}
+export {
+  mapCategoryAxisToXAxis,
+  mapValueAxisToYAxis
+};
+//# sourceMappingURL=map-axes-to-xy.js.map

package/esm/charts/xy-chart-adoption/categorical-bar/utils/map-axes-to-xy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/categorical-bar/utils/map-axes-to-xy.ts"],
+  "sourcesContent": ["import type {\n  XYChartNumericalAxisProps,\n  XYChartXAxisProps,\n} from '../../../xy-chart/types/xy-chart-props.js';\nimport type { CategoricalSlotsConfig } from '../iterate-slots.js';\n\nexport function mapCategoryAxisToXAxis(\n  config: CategoricalSlotsConfig['categoryAxis'],\n): {\n  label?: string;\n  tickLabelLayout?: XYChartXAxisProps['tickLabelLayout'];\n  tickLabelMaxSize?: number;\n} {\n  return {\n    label: config.label,\n    tickLabelLayout: config.tickLabelLayout,\n    ...(config.maxSize !== undefined && { tickLabelMaxSize: config.maxSize }),\n  };\n}\n\nexport function mapValueAxisToYAxis(\n  config: CategoricalSlotsConfig['valueAxis'],\n): {\n  type: 'numerical' | 'log';\n  label?: string;\n  min?: number | 'auto';\n  max?: number | 'auto';\n  formatter?: XYChartNumericalAxisProps['formatter'];\n  disableZoom?: boolean;\n  disablePan?: boolean;\n} {\n  // We need to force auto for min and max as there's bug in XYChart. This is a temporary workaround until this bug is solved APPDEV-19012.\n  return {\n    type: config.scale === 'log' ? 'log' : 'numerical',\n    label: config.label,\n    min: config.min ?? 'auto',\n    max: config.max ?? 'auto',\n    formatter: config.formatter,\n    disableZoom: true,\n    disablePan: true,\n  };\n}\n"],
+  "mappings": "AAMO,SAAS,uBACd,QAKA;AACA,SAAO;AAAA,IACL,OAAO,OAAO;AAAA,IACd,iBAAiB,OAAO;AAAA,IACxB,GAAI,OAAO,YAAY,UAAa,EAAE,kBAAkB,OAAO,QAAQ;AAAA,EACzE;AACF;AAEO,SAAS,oBACd,QASA;AAEA,SAAO;AAAA,IACL,MAAM,OAAO,UAAU,QAAQ,QAAQ;AAAA,IACvC,OAAO,OAAO;AAAA,IACd,KAAK,OAAO,OAAO;AAAA,IACnB,KAAK,OAAO,OAAO;AAAA,IACnB,WAAW,OAAO;AAAA,IAClB,aAAa;AAAA,IACb,YAAY;AAAA,EACd;AACF;",
+  "names": []
+}