@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/charts/meter-bar/single-meter-bar/utils/resolve-show-threshold-indicators.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/single-meter-bar/utils/resolve-show-threshold-indicators.ts"],
-  "sourcesContent": ["import { collapseThresholdShowIndicators } from '../../shared/utils/collapse-threshold-show-indicators.js';\nimport type { MeterBarChartThresholdIndicatorPropsInternal } from '../types/meter-bar-chart-internal.js';\n\n/**\n * Resolves the effective chart-level `showThresholdIndicators` value from the\n * deprecated per-threshold `showIndicator` flags.\n *\n * The chart-level `showThresholdIndicators` prop always takes precedence and is\n * applied by the caller. This helper only kicks in as a fallback, so existing\n * configs that still rely on the per-threshold `showIndicator` flags keep\n * working without a breaking change. Returns `undefined` when no per-threshold\n * flag is set (or the values are indeterminate), signalling the caller to fall\n * back to the chart default.\n * @internal\n */\nexport function resolveShowThresholdIndicators(\n  thresholds: MeterBarChartThresholdIndicatorPropsInternal[],\n): boolean | undefined {\n  return collapseThresholdShowIndicators(\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    thresholds.map((threshold) => threshold.showIndicator),\n    '[MeterBarChart] The deprecated per-threshold `showIndicator` config has ' +\n      'mixed values and can no longer be represented per threshold. Use the ' +\n      'chart-level `showThresholdIndicators` prop to show or hide all threshold ' +\n      'indicators at once.',\n  );\n}\n"],
+  "sourcesContent": ["import { collapseThresholdShowIndicators } from '../../shared/utils/collapse-threshold-show-indicators.js';\nimport type { MeterBarChartThresholdIndicatorPropsInternal } from '../types/meter-bar-chart-internal.js';\n\n/**\n * Resolves the effective chart-level `showThresholdIndicators` value from the\n * deprecated per-threshold `showIndicator` flags.\n *\n * The chart-level `showThresholdIndicators` prop always takes precedence and is\n * applied by the caller. This helper only kicks in as a fallback, so existing\n * configs that still rely on the per-threshold `showIndicator` flags keep\n * working without a breaking change. Returns `undefined` when no per-threshold\n * flag is set (or the values are indeterminate), signalling the caller to fall\n * back to the chart default.\n * @internal\n */\nexport function resolveShowThresholdIndicators(\n  thresholds: MeterBarChartThresholdIndicatorPropsInternal[],\n): boolean | undefined {\n  return collapseThresholdShowIndicators(\n    // oxlint-disable-next-line typescript/no-deprecated\n    thresholds.map((threshold) => threshold.showIndicator),\n    '[MeterBarChart] The deprecated per-threshold `showIndicator` config has ' +\n      'mixed values and can no longer be represented per threshold. Use the ' +\n      'chart-level `showThresholdIndicators` prop to show or hide all threshold ' +\n      'indicators at once.',\n  );\n}\n"],
   "mappings": "AAAA,SAAS,uCAAuC;AAezC,SAAS,+BACd,YACqB;AACrB,SAAO;AAAA;AAAA,IAEL,WAAW,IAAI,CAAC,cAAc,UAAU,aAAa;AAAA,IACrD;AAAA,EAIF;AACF;",
   "names": []
 }

package/esm/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.css

@@ -1,3 +1,3 @@
-._1cob19w0-3-12-2 {
+._1cob19w0-3-13-0 {
   position: absolute;
 }

package/esm/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.sty.js

@@ -1,5 +1,5 @@
 import "./InnerContainer.css";
-var container = "_1cob19w0-3-12-2";
+var container = "_1cob19w0-3-13-0";
 export {
   container
 };

package/esm/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.css.ts"],
-  "sourcesContent": ["import './InnerContainer.css';\nexport var container = '_1cob19w0-3-12-2';"],
+  "sourcesContent": ["import './InnerContainer.css';\nexport var container = '_1cob19w0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.css

@@ -1,3 +1,3 @@
-._1gn0gqx0-3-12-2 {
+._1gn0gqx0-3-13-0 {
   overflow: hidden;
 }

package/esm/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.sty.js

@@ -1,5 +1,5 @@
 import "./InnerDonut.css";
-var container = "_1gn0gqx0-3-12-2";
+var container = "_1gn0gqx0-3-13-0";
 export {
   container
 };

package/esm/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.css.ts"],
-  "sourcesContent": ["import './InnerDonut.css';\nexport var container = '_1gn0gqx0-3-12-2';"],
+  "sourcesContent": ["import './InnerDonut.css';\nexport var container = '_1gn0gqx0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/pie/components/PieChartInternal.js

@@ -48,7 +48,7 @@ const PieChartInternal = forwardRef((props, forwardedRef) => {
   const {
     hidden: legendHidden,
     position: legendPosition,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     ratio,
     initialRatio,
     onRatioChange

package/esm/charts/pie/components/PieChartInternal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/components/PieChartInternal.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  useRef,\n  type AriaRole,\n  type JSX,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { PieChartLegend } from './PieChartLegend/PieChartLegend.js';\nimport { PieChartOverlays } from './PieChartOverlays/PieChartOverlays.js';\nimport { PieChartPlot } from './PieChartPlot/PieChartPlot.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport type { AriaLabelingProps } from '../../../core/types/a11y-props.js';\nimport { ChartLayout } from '../../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { OverrideRatioFunction } from '../../core/components/chart-layout/types/chart-layout.js';\nimport { OverlayProvider } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ORIENTATION } from '../../core/constants.js';\nimport { sanitizeLegendRatio } from '../../core/utils/sanitize-legend-ratio.js';\nimport { useChartLegend } from '../context/ChartLegendContext.js';\nimport { usePieChartRawData } from '../context/PieChartRawDataContext.js';\nimport { PIE_CHART_MESSAGES } from '../messages.js';\nimport { PieChartSlicesDataProvider } from '../providers/PieChartSlicesDataProvider.js';\nimport {\n  DEFAULT_CONTAINER_PADDING,\n  DEFAULT_SIZE,\n  PIE_CATEGORICAL_LEGEND_SIZES,\n} from '../types/default.js';\nimport type { ChartVariant } from '../types/internal/pie-chart.js';\nimport { PieChartProps } from '../types/pie-chart.config.js';\n\ntype PieChartInternalProps = Omit<PieChartProps, 'data'> &\n  AriaLabelingProps & {\n    role?: AriaRole;\n    variant: ChartVariant;\n    height?: string | number;\n    width?: string | number;\n    isEmpty?: boolean;\n    emptyState?: ReactNode;\n    errorState?: ReactNode | ((message: string) => JSX.Element);\n    'data-dt-component': string;\n  };\n\nexport const PieChartInternal = forwardRef<\n  HTMLDivElement,\n  PieChartInternalProps\n>((props, forwardedRef) => {\n  const {\n    height,\n    width,\n    isEmpty,\n    emptyState,\n    errorState,\n    loading = false,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n    'data-dt-component': dataDtComponent,\n    role,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const {\n    hidden: legendHidden,\n    position: legendPosition,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n  } = useChartLegend();\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const plotAreaRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs([forwardedRef, plotAreaRef]);\n  const intl = useIntl();\n\n  const chartData = usePieChartRawData();\n  const isInvalidDataset =\n    chartData.slices?.reduce((acc, slice) => acc + slice.value, 0) <= 0;\n  const invalidState =\n    !isEmpty && isInvalidDataset\n      ? emptyState ?? intl.formatMessage(PIE_CHART_MESSAGES.invalidDataset)\n      : emptyState;\n\n  const overrideRatio: OverrideRatioFunction = (\n    orientation,\n    width,\n    height,\n    ratio,\n    legendContainerDimensions,\n  ) => {\n    const isHorizontal = orientation === ORIENTATION.Horizontal;\n\n    if (!isHorizontal) {\n      return legendContainerDimensions;\n    }\n\n    const sanitizedRatio = sanitizeLegendRatio(ratio);\n    const legendHeight = isHorizontal ? height : sanitizedRatio * height * 0.01;\n    let legendWidth = width;\n\n    if (isHorizontal) {\n      legendWidth =\n        ratio === 'auto' ? width - height : width * sanitizedRatio * 0.01;\n    }\n\n    return {\n      width: legendWidth,\n      height: legendHeight,\n    };\n  };\n\n  const chartLayoutRef = useAutoLegendRefresh(chartData);\n\n  return (\n    <OverlayProvider>\n      <TooltipProvider>\n        <ChartLayout\n          {...behavioralTrackingProps}\n          ref={chartLayoutRef}\n          chartWidth={width ?? '100%'}\n          chartHeight={height ?? DEFAULT_SIZE}\n          isEmpty={isEmpty || isInvalidDataset}\n          emptyState={isEmpty ? emptyState : emptyState ?? invalidState}\n          errorState={errorState}\n          showLoader={loading}\n          className={className}\n          style={{ padding: `0 ${DEFAULT_CONTAINER_PADDING}`, ...style }}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          data-dt-component={dataDtComponent}\n          data-testid={dataTestId}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          aria-details={ariaDetails}\n          role={role}\n        >\n          <ChartLayout.Provider provider={PieChartSlicesDataProvider}>\n            <ChartLayout.Graph>\n              <PieChartOverlays>\n                <PieChartPlot {...props} ref={mergedRef} />\n              </PieChartOverlays>\n            </ChartLayout.Graph>\n            {!legendHidden && (\n              <ChartLayout.Legend\n                position={legendPosition}\n                initialRatio={legendRatio}\n                ratioBoundaries={PIE_CATEGORICAL_LEGEND_SIZES}\n                overrideRatio={overrideRatio}\n                onResize={onRatioChange}\n              >\n                <PieChartLegend />\n              </ChartLayout.Legend>\n            )}\n          </ChartLayout.Provider>\n        </ChartLayout>\n      </TooltipProvider>\n    </OverlayProvider>\n  );\n});\n\n(\n  PieChartInternal as typeof PieChartInternal & { displayName: string }\n).displayName = 'PieChartInternal';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  forwardRef,\n  useRef,\n  type AriaRole,\n  type JSX,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { PieChartLegend } from './PieChartLegend/PieChartLegend.js';\nimport { PieChartOverlays } from './PieChartOverlays/PieChartOverlays.js';\nimport { PieChartPlot } from './PieChartPlot/PieChartPlot.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport type { AriaLabelingProps } from '../../../core/types/a11y-props.js';\nimport { ChartLayout } from '../../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { OverrideRatioFunction } from '../../core/components/chart-layout/types/chart-layout.js';\nimport { OverlayProvider } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ORIENTATION } from '../../core/constants.js';\nimport { sanitizeLegendRatio } from '../../core/utils/sanitize-legend-ratio.js';\nimport { useChartLegend } from '../context/ChartLegendContext.js';\nimport { usePieChartRawData } from '../context/PieChartRawDataContext.js';\nimport { PIE_CHART_MESSAGES } from '../messages.js';\nimport { PieChartSlicesDataProvider } from '../providers/PieChartSlicesDataProvider.js';\nimport {\n  DEFAULT_CONTAINER_PADDING,\n  DEFAULT_SIZE,\n  PIE_CATEGORICAL_LEGEND_SIZES,\n} from '../types/default.js';\nimport type { ChartVariant } from '../types/internal/pie-chart.js';\nimport { PieChartProps } from '../types/pie-chart.config.js';\n\ntype PieChartInternalProps = Omit<PieChartProps, 'data'> &\n  AriaLabelingProps & {\n    role?: AriaRole;\n    variant: ChartVariant;\n    height?: string | number;\n    width?: string | number;\n    isEmpty?: boolean;\n    emptyState?: ReactNode;\n    errorState?: ReactNode | ((message: string) => JSX.Element);\n    'data-dt-component': string;\n  };\n\nexport const PieChartInternal = forwardRef<\n  HTMLDivElement,\n  PieChartInternalProps\n>((props, forwardedRef) => {\n  const {\n    height,\n    width,\n    isEmpty,\n    emptyState,\n    errorState,\n    loading = false,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n    'data-dt-component': dataDtComponent,\n    role,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const {\n    hidden: legendHidden,\n    position: legendPosition,\n    // oxlint-disable-next-line typescript/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n  } = useChartLegend();\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const plotAreaRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs([forwardedRef, plotAreaRef]);\n  const intl = useIntl();\n\n  const chartData = usePieChartRawData();\n  const isInvalidDataset =\n    chartData.slices?.reduce((acc, slice) => acc + slice.value, 0) <= 0;\n  const invalidState =\n    !isEmpty && isInvalidDataset\n      ? (emptyState ?? intl.formatMessage(PIE_CHART_MESSAGES.invalidDataset))\n      : emptyState;\n\n  const overrideRatio: OverrideRatioFunction = (\n    orientation,\n    width,\n    height,\n    ratio,\n    legendContainerDimensions,\n  ) => {\n    const isHorizontal = orientation === ORIENTATION.Horizontal;\n\n    if (!isHorizontal) {\n      return legendContainerDimensions;\n    }\n\n    const sanitizedRatio = sanitizeLegendRatio(ratio);\n    const legendHeight = isHorizontal ? height : sanitizedRatio * height * 0.01;\n    let legendWidth = width;\n\n    if (isHorizontal) {\n      legendWidth =\n        ratio === 'auto' ? width - height : width * sanitizedRatio * 0.01;\n    }\n\n    return {\n      width: legendWidth,\n      height: legendHeight,\n    };\n  };\n\n  const chartLayoutRef = useAutoLegendRefresh(chartData);\n\n  return (\n    <OverlayProvider>\n      <TooltipProvider>\n        <ChartLayout\n          {...behavioralTrackingProps}\n          ref={chartLayoutRef}\n          chartWidth={width ?? '100%'}\n          chartHeight={height ?? DEFAULT_SIZE}\n          isEmpty={isEmpty || isInvalidDataset}\n          emptyState={isEmpty ? emptyState : (emptyState ?? invalidState)}\n          errorState={errorState}\n          showLoader={loading}\n          className={className}\n          style={{ padding: `0 ${DEFAULT_CONTAINER_PADDING}`, ...style }}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          data-dt-component={dataDtComponent}\n          data-testid={dataTestId}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          aria-details={ariaDetails}\n          role={role}\n        >\n          <ChartLayout.Provider provider={PieChartSlicesDataProvider}>\n            <ChartLayout.Graph>\n              <PieChartOverlays>\n                <PieChartPlot {...props} ref={mergedRef} />\n              </PieChartOverlays>\n            </ChartLayout.Graph>\n            {!legendHidden && (\n              <ChartLayout.Legend\n                position={legendPosition}\n                initialRatio={legendRatio}\n                ratioBoundaries={PIE_CATEGORICAL_LEGEND_SIZES}\n                overrideRatio={overrideRatio}\n                onResize={onRatioChange}\n              >\n                <PieChartLegend />\n              </ChartLayout.Legend>\n            )}\n          </ChartLayout.Provider>\n        </ChartLayout>\n      </TooltipProvider>\n    </OverlayProvider>\n  );\n});\n\n(\n  PieChartInternal as typeof PieChartInternal & { displayName: string }\n).displayName = 'PieChartInternal';\n"],
+  "mappings": "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",
   "names": ["width", "height", "ratio"]
 }

package/esm/charts/pie/components/PieChartOverlays/PieChartOverlays.css

@@ -1,4 +1,4 @@
-._jxp4cr0-3-12-2 {
+._jxp4cr0-3-13-0 {
   position: relative;
   height: 100%;
   z-index: 1;

package/esm/charts/pie/components/PieChartOverlays/PieChartOverlays.sty.js

@@ -1,5 +1,5 @@
 import "./PieChartOverlays.css";
-var container = "_jxp4cr0-3-12-2";
+var container = "_jxp4cr0-3-13-0";
 export {
   container
 };

package/esm/charts/pie/components/PieChartOverlays/PieChartOverlays.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/pie/components/PieChartOverlays/PieChartOverlays.css.ts"],
-  "sourcesContent": ["import './PieChartOverlays.css';\nexport var container = '_jxp4cr0-3-12-2';"],
+  "sourcesContent": ["import './PieChartOverlays.css';\nexport var container = '_jxp4cr0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.css

@@ -1,3 +1,3 @@
-._1iotdmn0-3-12-2 {
+._1iotdmn0-3-13-0 {
   position: relative;
 }

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.js

@@ -108,54 +108,63 @@ const PieChartPlot = forwardRef(
           visibleIds
         }
       ),
-      /* @__PURE__ */ jsx("svg", { width, height, style: { overflow: "visible" }, children: /* @__PURE__ */ jsxs(
-        "g",
+      /* @__PURE__ */ jsx(
+        "svg",
         {
-          transform: topCenter !== 0 || leftCenter !== 0 ? `translate(${leftCenter}, ${topCenter})` : void 0,
-          onMouseLeave: dispatchReducer({ type: "SET_OUT_BOUNDS" }),
-          children: [
-            variant === CHART_VARIANT.Pie ? /* @__PURE__ */ jsx(
-              "circle",
-              {
-                cx: "0",
-                cy: "0",
-                r: Math.max(radius, 0),
-                fill: "transparent"
-              }
-            ) : /* @__PURE__ */ jsx("path", { d: donutOverlay, fill: "transparent" }),
-            sliceRenderData.map(
-              ({ pieArc, label, isHighlighted, showLabel }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  PieChartSlice,
+          width,
+          height,
+          style: { overflow: "visible" },
+          "data-dt-chart-svg": true,
+          children: /* @__PURE__ */ jsxs(
+            "g",
+            {
+              transform: topCenter !== 0 || leftCenter !== 0 ? `translate(${leftCenter}, ${topCenter})` : void 0,
+              onMouseLeave: dispatchReducer({ type: "SET_OUT_BOUNDS" }),
+              children: [
+                variant === CHART_VARIANT.Pie ? /* @__PURE__ */ jsx(
+                  "circle",
                   {
-                    sliceId: `slice-${pieArc.data.id}`,
-                    arc: pieArc,
-                    data: pieArc.data,
-                    path: pathGenerator,
-                    isHighlighted
+                    cx: "0",
+                    cy: "0",
+                    r: Math.max(radius, 0),
+                    fill: "transparent"
                   }
+                ) : /* @__PURE__ */ jsx("path", { d: donutOverlay, fill: "transparent" }),
+                sliceRenderData.map(
+                  ({ pieArc, label, isHighlighted, showLabel }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(
+                      PieChartSlice,
+                      {
+                        sliceId: `slice-${pieArc.data.id}`,
+                        arc: pieArc,
+                        data: pieArc.data,
+                        path: pathGenerator,
+                        isHighlighted
+                      }
+                    ),
+                    showLabel && /* @__PURE__ */ jsx(
+                      PieChartLabel,
+                      {
+                        x: label.textX,
+                        y: label.textY,
+                        text: label.text,
+                        isHighlighted
+                      }
+                    )
+                  ] }, `slice-${pieArc.data.id}`)
                 ),
-                showLabel && /* @__PURE__ */ jsx(
-                  PieChartLabel,
+                subpixelSliceMarker && /* @__PURE__ */ jsx(
+                  "path",
                   {
-                    x: label.textX,
-                    y: label.textY,
-                    text: label.text,
-                    isHighlighted
+                    d: subpixelSliceMarker.path,
+                    fill: subpixelSliceMarker.color
                   }
                 )
-              ] }, `slice-${pieArc.data.id}`)
-            ),
-            subpixelSliceMarker && /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: subpixelSliceMarker.path,
-                fill: subpixelSliceMarker.color
-              }
-            )
-          ]
+              ]
+            }
+          )
         }
-      ) })
+      )
     ] });
   }
 );

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/pie/components/PieChartPlot/PieChartPlot.tsx"],
-  "sourcesContent": ["import { arc, type DefaultArcObject, type PieArcDatum, pie } from 'd3-shape';\nimport { forwardRef, Fragment, useMemo } from 'react';\n\nimport { container } from './PieChartPlot.sty.js';\nimport { useGraphSize } from '../../../core/components/chart-layout/hooks/useGraphSize.js';\nimport { useTooltipReducer } from '../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport {\n  CHART_VARIANT,\n  PAD_ANGLE,\n  SUBPIXEL_SLICES_ID,\n} from '../../constants.js';\nimport {\n  useFormatter,\n  useTruncationMode,\n} from '../../context/FormatterContext.js';\nimport { useLabels } from '../../context/LabelsContext.js';\nimport {\n  useHighlightedIdState,\n  useVisibleSlicesState,\n} from '../../hooks/store/selectors.js';\nimport {\n  type ChartVariant,\n  type InternalLabel,\n  InternalSliceData,\n} from '../../types/internal/pie-chart.js';\nimport { PieChartProps } from '../../types/pie-chart.config.js';\nimport { buildChartSizes } from '../../utils/build-chart-sizes.js';\nimport { buildLabel } from '../../utils/build-label.js';\nimport { buildSubpixelSliceMarker } from '../../utils/build-subpixel-slice-marker.js';\nimport { collision, isInBounds } from '../../utils/label-collisions.js';\nimport { InnerWrapper } from '../InnerWrapper/InnerWrapper.js';\nimport { PieChartLabel } from '../PieChartLabel.js';\nimport { PieChartSlice } from '../PieChartSlice.js';\n\ntype PieChartPlotProps = Omit<PieChartProps, 'data'> & {\n  variant: ChartVariant;\n};\n\nconst getValue = (pieData: InternalSliceData) => pieData.relativeValue;\n\nconst pieLayout = pie<InternalSliceData>()\n  .value(getValue)\n  .padAngle(PAD_ANGLE)\n  .sort(null);\n\nexport const PieChartPlot = forwardRef<HTMLDivElement, PieChartPlotProps>(\n  (props, forwardedRef) => {\n    const { variant } = props;\n    const dispatchReducer = useTooltipReducer();\n    const visibleSlices = useVisibleSlicesState();\n    const highlightedId = useHighlightedIdState();\n    const { height, width } = useGraphSize();\n    const { hidden: hiddenLabels, valueType } = useLabels();\n    const formatter = useFormatter();\n    const truncationMode = useTruncationMode();\n    const { topCenter, radius, leftCenter, innerRadius } = buildChartSizes(\n      height,\n      width,\n      variant,\n      visibleSlices,\n      !!hiddenLabels,\n    );\n\n    const visibleIds = visibleSlices.map((slice) => slice.id);\n\n    const arcs = useMemo(() => pieLayout(visibleSlices), [visibleSlices]);\n\n    const pathGenerator = useMemo(\n      () =>\n        arc<PieArcDatum<InternalSliceData>>()\n          .innerRadius(innerRadius)\n          .outerRadius(radius),\n      [innerRadius, radius],\n    );\n\n    const donutOverlay = useMemo(\n      () =>\n        arc()\n          .innerRadius(innerRadius)\n          .outerRadius(radius)\n          .startAngle(0)\n          .endAngle(360)({} as DefaultArcObject),\n      [innerRadius, radius],\n    ) as string | undefined;\n\n    const sliceRenderData = useMemo(() => {\n      let previousLabel: InternalLabel | undefined = undefined;\n\n      return arcs.map((pieArc) => {\n        const label = buildLabel(\n          pieArc,\n          pathGenerator,\n          valueType,\n          formatter,\n          truncationMode,\n          leftCenter,\n        );\n\n        const slice = pieArc.data;\n        const isHighlighted = !highlightedId || highlightedId === slice.id;\n        const showLabel =\n          !hiddenLabels &&\n          isInBounds(label, leftCenter, topCenter) &&\n          (!previousLabel || !collision(label, previousLabel)) &&\n          slice.id !== SUBPIXEL_SLICES_ID;\n\n        if (showLabel) {\n          previousLabel = label;\n        }\n\n        return { pieArc, label, isHighlighted, showLabel };\n      });\n    }, [\n      arcs,\n      pathGenerator,\n      valueType,\n      formatter,\n      truncationMode,\n      leftCenter,\n      highlightedId,\n      hiddenLabels,\n      topCenter,\n    ]);\n\n    const subpixelSliceMarker = useMemo(() => {\n      if (!highlightedId) {\n        return undefined;\n      }\n      const bucketArc = arcs.find(\n        (pieArc) => pieArc.data.id === SUBPIXEL_SLICES_ID,\n      );\n      return bucketArc\n        ? buildSubpixelSliceMarker(\n            bucketArc,\n            highlightedId,\n            innerRadius,\n            radius,\n          )\n        : undefined;\n    }, [arcs, highlightedId, innerRadius, radius]);\n\n    return (\n      <div className={container} ref={forwardedRef}>\n        {variant === CHART_VARIANT.Donut && (\n          <InnerWrapper\n            width={width}\n            height={height}\n            innerRadius={innerRadius}\n            visibleIds={visibleIds}\n          />\n        )}\n\n        <svg width={width} height={height} style={{ overflow: 'visible' }}>\n          <g\n            transform={\n              topCenter !== 0 || leftCenter !== 0\n                ? `translate(${leftCenter}, ${topCenter})`\n                : undefined\n            }\n            onMouseLeave={dispatchReducer({ type: 'SET_OUT_BOUNDS' })}\n          >\n            {variant === CHART_VARIANT.Pie ? (\n              <circle\n                cx=\"0\"\n                cy=\"0\"\n                r={Math.max(radius, 0)}\n                fill=\"transparent\"\n              />\n            ) : (\n              <path d={donutOverlay} fill=\"transparent\" />\n            )}\n\n            {sliceRenderData.map(\n              ({ pieArc, label, isHighlighted, showLabel }) => (\n                <Fragment key={`slice-${pieArc.data.id}`}>\n                  <PieChartSlice\n                    sliceId={`slice-${pieArc.data.id}`}\n                    arc={pieArc}\n                    data={pieArc.data}\n                    path={pathGenerator}\n                    isHighlighted={isHighlighted}\n                  />\n                  {showLabel && (\n                    <PieChartLabel\n                      x={label.textX}\n                      y={label.textY}\n                      text={label.text}\n                      isHighlighted={isHighlighted}\n                    />\n                  )}\n                </Fragment>\n              ),\n            )}\n            {subpixelSliceMarker && (\n              <path\n                d={subpixelSliceMarker.path}\n                fill={subpixelSliceMarker.color}\n              />\n            )}\n          </g>\n        </svg>\n      </div>\n    );\n  },\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { arc, type DefaultArcObject, type PieArcDatum, pie } from 'd3-shape';\nimport { forwardRef, Fragment, useMemo } from 'react';\n\nimport { container } from './PieChartPlot.sty.js';\nimport { useGraphSize } from '../../../core/components/chart-layout/hooks/useGraphSize.js';\nimport { useTooltipReducer } from '../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport {\n  CHART_VARIANT,\n  PAD_ANGLE,\n  SUBPIXEL_SLICES_ID,\n} from '../../constants.js';\nimport {\n  useFormatter,\n  useTruncationMode,\n} from '../../context/FormatterContext.js';\nimport { useLabels } from '../../context/LabelsContext.js';\nimport {\n  useHighlightedIdState,\n  useVisibleSlicesState,\n} from '../../hooks/store/selectors.js';\nimport {\n  type ChartVariant,\n  type InternalLabel,\n  InternalSliceData,\n} from '../../types/internal/pie-chart.js';\nimport { PieChartProps } from '../../types/pie-chart.config.js';\nimport { buildChartSizes } from '../../utils/build-chart-sizes.js';\nimport { buildLabel } from '../../utils/build-label.js';\nimport { buildSubpixelSliceMarker } from '../../utils/build-subpixel-slice-marker.js';\nimport { collision, isInBounds } from '../../utils/label-collisions.js';\nimport { InnerWrapper } from '../InnerWrapper/InnerWrapper.js';\nimport { PieChartLabel } from '../PieChartLabel.js';\nimport { PieChartSlice } from '../PieChartSlice.js';\n\ntype PieChartPlotProps = Omit<PieChartProps, 'data'> & {\n  variant: ChartVariant;\n};\n\nconst getValue = (pieData: InternalSliceData) => pieData.relativeValue;\n\nconst pieLayout = pie<InternalSliceData>()\n  .value(getValue)\n  .padAngle(PAD_ANGLE)\n  .sort(null);\n\nexport const PieChartPlot = forwardRef<HTMLDivElement, PieChartPlotProps>(\n  (props, forwardedRef) => {\n    const { variant } = props;\n    const dispatchReducer = useTooltipReducer();\n    const visibleSlices = useVisibleSlicesState();\n    const highlightedId = useHighlightedIdState();\n    const { height, width } = useGraphSize();\n    const { hidden: hiddenLabels, valueType } = useLabels();\n    const formatter = useFormatter();\n    const truncationMode = useTruncationMode();\n    const { topCenter, radius, leftCenter, innerRadius } = buildChartSizes(\n      height,\n      width,\n      variant,\n      visibleSlices,\n      !!hiddenLabels,\n    );\n\n    const visibleIds = visibleSlices.map((slice) => slice.id);\n\n    const arcs = useMemo(() => pieLayout(visibleSlices), [visibleSlices]);\n\n    const pathGenerator = useMemo(\n      () =>\n        arc<PieArcDatum<InternalSliceData>>()\n          .innerRadius(innerRadius)\n          .outerRadius(radius),\n      [innerRadius, radius],\n    );\n\n    const donutOverlay = useMemo(\n      () =>\n        arc()\n          .innerRadius(innerRadius)\n          .outerRadius(radius)\n          .startAngle(0)\n          .endAngle(360)({} as DefaultArcObject),\n      [innerRadius, radius],\n    ) as string | undefined;\n\n    const sliceRenderData = useMemo(() => {\n      let previousLabel: InternalLabel | undefined = undefined;\n\n      return arcs.map((pieArc) => {\n        const label = buildLabel(\n          pieArc,\n          pathGenerator,\n          valueType,\n          formatter,\n          truncationMode,\n          leftCenter,\n        );\n\n        const slice = pieArc.data;\n        const isHighlighted = !highlightedId || highlightedId === slice.id;\n        const showLabel =\n          !hiddenLabels &&\n          isInBounds(label, leftCenter, topCenter) &&\n          (!previousLabel || !collision(label, previousLabel)) &&\n          slice.id !== SUBPIXEL_SLICES_ID;\n\n        if (showLabel) {\n          previousLabel = label;\n        }\n\n        return { pieArc, label, isHighlighted, showLabel };\n      });\n    }, [\n      arcs,\n      pathGenerator,\n      valueType,\n      formatter,\n      truncationMode,\n      leftCenter,\n      highlightedId,\n      hiddenLabels,\n      topCenter,\n    ]);\n\n    const subpixelSliceMarker = useMemo(() => {\n      if (!highlightedId) {\n        return undefined;\n      }\n      const bucketArc = arcs.find(\n        (pieArc) => pieArc.data.id === SUBPIXEL_SLICES_ID,\n      );\n      return bucketArc\n        ? buildSubpixelSliceMarker(\n            bucketArc,\n            highlightedId,\n            innerRadius,\n            radius,\n          )\n        : undefined;\n    }, [arcs, highlightedId, innerRadius, radius]);\n\n    return (\n      <div className={container} ref={forwardedRef}>\n        {variant === CHART_VARIANT.Donut && (\n          <InnerWrapper\n            width={width}\n            height={height}\n            innerRadius={innerRadius}\n            visibleIds={visibleIds}\n          />\n        )}\n\n        <svg\n          width={width}\n          height={height}\n          style={{ overflow: 'visible' }}\n          data-dt-chart-svg\n        >\n          <g\n            transform={\n              topCenter !== 0 || leftCenter !== 0\n                ? `translate(${leftCenter}, ${topCenter})`\n                : undefined\n            }\n            onMouseLeave={dispatchReducer({ type: 'SET_OUT_BOUNDS' })}\n          >\n            {variant === CHART_VARIANT.Pie ? (\n              <circle\n                cx=\"0\"\n                cy=\"0\"\n                r={Math.max(radius, 0)}\n                fill=\"transparent\"\n              />\n            ) : (\n              <path d={donutOverlay} fill=\"transparent\" />\n            )}\n\n            {sliceRenderData.map(\n              ({ pieArc, label, isHighlighted, showLabel }) => (\n                <Fragment key={`slice-${pieArc.data.id}`}>\n                  <PieChartSlice\n                    sliceId={`slice-${pieArc.data.id}`}\n                    arc={pieArc}\n                    data={pieArc.data}\n                    path={pathGenerator}\n                    isHighlighted={isHighlighted}\n                  />\n                  {showLabel && (\n                    <PieChartLabel\n                      x={label.textX}\n                      y={label.textY}\n                      text={label.text}\n                      isHighlighted={isHighlighted}\n                    />\n                  )}\n                </Fragment>\n              ),\n            )}\n            {subpixelSliceMarker && (\n              <path\n                d={subpixelSliceMarker.path}\n                fill={subpixelSliceMarker.color}\n              />\n            )}\n          </g>\n        </svg>\n      </div>\n    );\n  },\n);\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.sty.js

@@ -1,5 +1,5 @@
 import "./PieChartPlot.css";
-var container = "_1iotdmn0-3-12-2";
+var container = "_1iotdmn0-3-13-0";
 export {
   container
 };

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/pie/components/PieChartPlot/PieChartPlot.css.ts"],
-  "sourcesContent": ["import './PieChartPlot.css';\nexport var container = '_1iotdmn0-3-12-2';"],
+  "sourcesContent": ["import './PieChartPlot.css';\nexport var container = '_1iotdmn0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/pie/context/PieChartRawDataContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/context/PieChartRawDataContext.ts"],
-  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nimport { PieChartData } from '../types/pie-chart.config.js';\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type PieRawDataContext = PieChartData;\n\nexport const PieChartRawDataContext = createContext<PieRawDataContext>({\n  slices: [],\n});\n\nexport const usePieChartRawData = () => useContext(PieChartRawDataContext);\n"],
+  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nimport { PieChartData } from '../types/pie-chart.config.js';\n\n// oxlint-disable-next-line typescript/no-deprecated\nexport type PieRawDataContext = PieChartData;\n\nexport const PieChartRawDataContext = createContext<PieRawDataContext>({\n  slices: [],\n});\n\nexport const usePieChartRawData = () => useContext(PieChartRawDataContext);\n"],
   "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAOnC,MAAM,yBAAyB,cAAiC;AAAA,EACrE,QAAQ,CAAC;AACX,CAAC;AAEM,MAAM,qBAAqB,MAAM,WAAW,sBAAsB;",
   "names": []
 }

package/esm/charts/pie/providers/ChartProviders.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/providers/ChartProviders.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren, type ReactElement } from 'react';\n\nimport { StoreProvider } from './StoreProvider.js';\nimport { ChartSeriesActionContext } from '../../core/components/series-action/ChartSeriesActionContext.js';\nimport { ChartLegendContext } from '../context/ChartLegendContext.js';\nimport { FormatterContext } from '../context/FormatterContext.js';\nimport { LabelsContext } from '../context/LabelsContext.js';\nimport { PieChartConfigContext } from '../context/PieChartConfigContext.js';\nimport { PieChartRawDataContext } from '../context/PieChartRawDataContext.js';\nimport {\n  PieChartTooltipContext,\n  DEFAULT_TOOLTIP_CONFIG,\n} from '../context/PieChartTooltipContext.js';\nimport { ToolbarContext } from '../context/ToolbarContext.js';\nimport type {\n  PieChartData,\n  PieDonutConfig,\n} from '../types/pie-chart.config.js';\n\nexport interface ChartProvidersProps extends PropsWithChildren {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  chartData: PieChartData;\n  chartConfig: PieDonutConfig;\n}\n\nexport const ChartProviders = (props: ChartProvidersProps) => {\n  const { chartConfig, chartData, children } = props;\n\n  return (\n    <ChartSeriesActionContext.Provider\n      value={{\n        // We need a cast here as the provider expects unknown and the\n        // react context will not be able to carry the generic anyways.\n        chartSeriesActions: chartConfig.seriesActions as (\n          series: unknown,\n        ) => ReactElement<PropsWithChildren>,\n      }}\n    >\n      <PieChartRawDataContext.Provider value={chartData}>\n        <PieChartConfigContext.Provider value={chartConfig}>\n          <PieChartTooltipContext.Provider\n            value={chartConfig.tooltip ?? DEFAULT_TOOLTIP_CONFIG}\n          >\n            <LabelsContext.Provider\n              value={{\n                hidden: chartConfig.labels?.hidden,\n                valueType: chartConfig.labels?.valueType,\n              }}\n            >\n              <FormatterContext.Provider\n                value={{\n                  formatter: chartConfig.formatter,\n                  truncationMode: chartConfig.truncationMode,\n                }}\n              >\n                <ChartLegendContext.Provider value={chartConfig.legend}>\n                  <ToolbarContext.Provider value={chartConfig.toolbar}>\n                    <StoreProvider>{children}</StoreProvider>\n                  </ToolbarContext.Provider>\n                </ChartLegendContext.Provider>\n              </FormatterContext.Provider>\n            </LabelsContext.Provider>\n          </PieChartTooltipContext.Provider>\n        </PieChartConfigContext.Provider>\n      </PieChartRawDataContext.Provider>\n    </ChartSeriesActionContext.Provider>\n  );\n};\n"],
+  "sourcesContent": ["import { type PropsWithChildren, type ReactElement } from 'react';\n\nimport { StoreProvider } from './StoreProvider.js';\nimport { ChartSeriesActionContext } from '../../core/components/series-action/ChartSeriesActionContext.js';\nimport { ChartLegendContext } from '../context/ChartLegendContext.js';\nimport { FormatterContext } from '../context/FormatterContext.js';\nimport { LabelsContext } from '../context/LabelsContext.js';\nimport { PieChartConfigContext } from '../context/PieChartConfigContext.js';\nimport { PieChartRawDataContext } from '../context/PieChartRawDataContext.js';\nimport {\n  PieChartTooltipContext,\n  DEFAULT_TOOLTIP_CONFIG,\n} from '../context/PieChartTooltipContext.js';\nimport { ToolbarContext } from '../context/ToolbarContext.js';\nimport type {\n  PieChartData,\n  PieDonutConfig,\n} from '../types/pie-chart.config.js';\n\nexport interface ChartProvidersProps extends PropsWithChildren {\n  // oxlint-disable-next-line typescript/no-deprecated\n  chartData: PieChartData;\n  chartConfig: PieDonutConfig;\n}\n\nexport const ChartProviders = (props: ChartProvidersProps) => {\n  const { chartConfig, chartData, children } = props;\n\n  return (\n    <ChartSeriesActionContext.Provider\n      value={{\n        // We need a cast here as the provider expects unknown and the\n        // react context will not be able to carry the generic anyways.\n        chartSeriesActions: chartConfig.seriesActions as (\n          series: unknown,\n        ) => ReactElement<PropsWithChildren>,\n      }}\n    >\n      <PieChartRawDataContext.Provider value={chartData}>\n        <PieChartConfigContext.Provider value={chartConfig}>\n          <PieChartTooltipContext.Provider\n            value={chartConfig.tooltip ?? DEFAULT_TOOLTIP_CONFIG}\n          >\n            <LabelsContext.Provider\n              value={{\n                hidden: chartConfig.labels?.hidden,\n                valueType: chartConfig.labels?.valueType,\n              }}\n            >\n              <FormatterContext.Provider\n                value={{\n                  formatter: chartConfig.formatter,\n                  truncationMode: chartConfig.truncationMode,\n                }}\n              >\n                <ChartLegendContext.Provider value={chartConfig.legend}>\n                  <ToolbarContext.Provider value={chartConfig.toolbar}>\n                    <StoreProvider>{children}</StoreProvider>\n                  </ToolbarContext.Provider>\n                </ChartLegendContext.Provider>\n              </FormatterContext.Provider>\n            </LabelsContext.Provider>\n          </PieChartTooltipContext.Provider>\n        </PieChartConfigContext.Provider>\n      </PieChartRawDataContext.Provider>\n    </ChartSeriesActionContext.Provider>\n  );\n};\n"],
   "mappings": "AAyDoB;AAvDpB,SAAS,qBAAqB;AAC9B,SAAS,gCAAgC;AACzC,SAAS,0BAA0B;AACnC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AACvC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAYxB,MAAM,iBAAiB,CAAC,UAA+B;AAC5D,QAAM,EAAE,aAAa,WAAW,SAAS,IAAI;AAE7C,SACE;AAAA,IAAC,yBAAyB;AAAA,IAAzB;AAAA,MACC,OAAO;AAAA;AAAA;AAAA,QAGL,oBAAoB,YAAY;AAAA,MAGlC;AAAA,MAEA,8BAAC,uBAAuB,UAAvB,EAAgC,OAAO,WACtC,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,aACrC;AAAA,QAAC,uBAAuB;AAAA,QAAvB;AAAA,UACC,OAAO,YAAY,WAAW;AAAA,UAE9B;AAAA,YAAC,cAAc;AAAA,YAAd;AAAA,cACC,OAAO;AAAA,gBACL,QAAQ,YAAY,QAAQ;AAAA,gBAC5B,WAAW,YAAY,QAAQ;AAAA,cACjC;AAAA,cAEA;AAAA,gBAAC,iBAAiB;AAAA,gBAAjB;AAAA,kBACC,OAAO;AAAA,oBACL,WAAW,YAAY;AAAA,oBACvB,gBAAgB,YAAY;AAAA,kBAC9B;AAAA,kBAEA,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,YAAY,QAC9C,8BAAC,eAAe,UAAf,EAAwB,OAAO,YAAY,SAC1C,8BAAC,iBAAe,UAAS,GAC3B,GACF;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA;AAAA,MACF,GACF,GACF;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/esm/charts/pie/providers/PieChartSlicesDataProvider.js

@@ -15,9 +15,13 @@ const PieChartSlicesDataProvider = ({ children }) => {
   const setHighlightedIdState = useSetHighlightedIdState();
   const setVisibleSlicesState = useSetVisibleSlicesState();
   const isDataAvailable = !isEmpty(chartData);
+  const groupingKey = useMemo(
+    () => JSON.stringify(chartConfig.grouping ?? defaultGrouping),
+    [chartConfig.grouping]
+  );
   const reRenderDependencies = [
     chartConfig.colorPalette,
-    chartConfig.grouping,
+    groupingKey,
     chartData?.slices,
     chartData?.unit,
     isDataAvailable

package/esm/charts/pie/providers/PieChartSlicesDataProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/providers/PieChartSlicesDataProvider.tsx"],
-  "sourcesContent": ["import { isEmpty } from 'lodash-es';\nimport { useEffect, useMemo, type PropsWithChildren } from 'react';\n\nimport { buildColorRule } from '../../core/color-rule/builder.js';\nimport { usePieChartConfig } from '../context/PieChartConfigContext.js';\nimport { usePieChartRawData } from '../context/PieChartRawDataContext.js';\nimport { PieChartSlicesDataContext } from '../context/PieChartSlicesData.js';\nimport { defaultGrouping } from '../defaults.js';\nimport { useSetHighlightedIdState } from '../hooks/store/use-set-highlighted-ids-state.js';\nimport { useSetVisibleSlicesState } from '../hooks/store/use-set-visible-slices-state.js';\nimport type { InternalSliceData } from '../types/internal/pie-chart.js';\nimport { buildGroupThreshold } from '../utils/build-group-threshold.js';\n\nexport const PieChartSlicesDataProvider = ({ children }: PropsWithChildren) => {\n  const chartData = usePieChartRawData();\n  const chartConfig = usePieChartConfig();\n\n  const setHighlightedIdState = useSetHighlightedIdState();\n  const setVisibleSlicesState = useSetVisibleSlicesState();\n\n  const isDataAvailable = !isEmpty(chartData);\n\n  const reRenderDependencies = [\n    chartConfig.colorPalette,\n    chartConfig.grouping,\n    chartData?.slices,\n    chartData?.unit,\n    isDataAvailable,\n  ];\n\n  const slices = useMemo(\n    () =>\n      isDataAvailable\n        ? buildGroupThreshold(\n            chartData?.slices,\n            chartConfig.grouping ?? defaultGrouping,\n            chartConfig.colorPalette,\n            chartData?.unit,\n          )\n        : [],\n    reRenderDependencies,\n  );\n\n  const { slicesWithColorRule } = useMemo(() => {\n    const colorRule = buildColorRule(chartConfig.colorRules || [])(\n      slices,\n      'pieOrDonut',\n    );\n\n    return slices.reduce(\n      (acc, slice) => {\n        const colorFromRule = colorRule.for(slice);\n\n        acc.slicesWithColorRule.push({\n          ...slice,\n          color: slice._priorityColor ?? colorFromRule ?? slice.color,\n        });\n        return acc;\n      },\n      {\n        slicesWithColorRule: [] as InternalSliceData[],\n      },\n    );\n  }, reRenderDependencies);\n\n  useEffect(() => {\n    setHighlightedIdState(undefined);\n    setVisibleSlicesState(slicesWithColorRule);\n  }, reRenderDependencies);\n\n  const ctxValue = useMemo(\n    () => ({\n      slices: slicesWithColorRule,\n    }),\n    [slicesWithColorRule],\n  );\n  return (\n    <PieChartSlicesDataContext.Provider value={ctxValue}>\n      {children}\n    </PieChartSlicesDataContext.Provider>\n  );\n};\n"],
-  "mappings": "AA6EI;AA7EJ,SAAS,eAAe;AACxB,SAAS,WAAW,eAAuC;AAE3D,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AACnC,SAAS,iCAAiC;AAC1C,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AAEzC,SAAS,2BAA2B;AAE7B,MAAM,6BAA6B,CAAC,EAAE,SAAS,MAAyB;AAC7E,QAAM,YAAY,mBAAmB;AACrC,QAAM,cAAc,kBAAkB;AAEtC,QAAM,wBAAwB,yBAAyB;AACvD,QAAM,wBAAwB,yBAAyB;AAEvD,QAAM,kBAAkB,CAAC,QAAQ,SAAS;AAE1C,QAAM,uBAAuB;AAAA,IAC3B,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX;AAAA,EACF;AAEA,QAAM,SAAS;AAAA,IACb,MACE,kBACI;AAAA,MACE,WAAW;AAAA,MACX,YAAY,YAAY;AAAA,MACxB,YAAY;AAAA,MACZ,WAAW;AAAA,IACb,IACA,CAAC;AAAA,IACP;AAAA,EACF;AAEA,QAAM,EAAE,oBAAoB,IAAI,QAAQ,MAAM;AAC5C,UAAM,YAAY,eAAe,YAAY,cAAc,CAAC,CAAC;AAAA,MAC3D;AAAA,MACA;AAAA,IACF;AAEA,WAAO,OAAO;AAAA,MACZ,CAAC,KAAK,UAAU;AACd,cAAM,gBAAgB,UAAU,IAAI,KAAK;AAEzC,YAAI,oBAAoB,KAAK;AAAA,UAC3B,GAAG;AAAA,UACH,OAAO,MAAM,kBAAkB,iBAAiB,MAAM;AAAA,QACxD,CAAC;AACD,eAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,qBAAqB,CAAC;AAAA,MACxB;AAAA,IACF;AAAA,EACF,GAAG,oBAAoB;AAEvB,YAAU,MAAM;AACd,0BAAsB,MAAS;AAC/B,0BAAsB,mBAAmB;AAAA,EAC3C,GAAG,oBAAoB;AAEvB,QAAM,WAAW;AAAA,IACf,OAAO;AAAA,MACL,QAAQ;AAAA,IACV;AAAA,IACA,CAAC,mBAAmB;AAAA,EACtB;AACA,SACE,oBAAC,0BAA0B,UAA1B,EAAmC,OAAO,UACxC,UACH;AAEJ;",
+  "sourcesContent": ["import { isEmpty } from 'lodash-es';\nimport { useEffect, useMemo, type PropsWithChildren } from 'react';\n\nimport { buildColorRule } from '../../core/color-rule/builder.js';\nimport { usePieChartConfig } from '../context/PieChartConfigContext.js';\nimport { usePieChartRawData } from '../context/PieChartRawDataContext.js';\nimport { PieChartSlicesDataContext } from '../context/PieChartSlicesData.js';\nimport { defaultGrouping } from '../defaults.js';\nimport { useSetHighlightedIdState } from '../hooks/store/use-set-highlighted-ids-state.js';\nimport { useSetVisibleSlicesState } from '../hooks/store/use-set-visible-slices-state.js';\nimport type { InternalSliceData } from '../types/internal/pie-chart.js';\nimport { buildGroupThreshold } from '../utils/build-group-threshold.js';\n\nexport const PieChartSlicesDataProvider = ({ children }: PropsWithChildren) => {\n  const chartData = usePieChartRawData();\n  const chartConfig = usePieChartConfig();\n\n  const setHighlightedIdState = useSetHighlightedIdState();\n  const setVisibleSlicesState = useSetVisibleSlicesState();\n\n  const isDataAvailable = !isEmpty(chartData);\n\n  const groupingKey = useMemo(\n    () => JSON.stringify(chartConfig.grouping ?? defaultGrouping),\n    [chartConfig.grouping],\n  );\n\n  const reRenderDependencies = [\n    chartConfig.colorPalette,\n    groupingKey,\n    chartData?.slices,\n    chartData?.unit,\n    isDataAvailable,\n  ];\n\n  const slices = useMemo(\n    () =>\n      isDataAvailable\n        ? buildGroupThreshold(\n            chartData?.slices,\n            chartConfig.grouping ?? defaultGrouping,\n            chartConfig.colorPalette,\n            chartData?.unit,\n          )\n        : [],\n    reRenderDependencies,\n  );\n\n  const { slicesWithColorRule } = useMemo(() => {\n    const colorRule = buildColorRule(chartConfig.colorRules || [])(\n      slices,\n      'pieOrDonut',\n    );\n\n    return slices.reduce(\n      (acc, slice) => {\n        const colorFromRule = colorRule.for(slice);\n\n        acc.slicesWithColorRule.push({\n          ...slice,\n          color: slice._priorityColor ?? colorFromRule ?? slice.color,\n        });\n        return acc;\n      },\n      {\n        slicesWithColorRule: [] as InternalSliceData[],\n      },\n    );\n  }, reRenderDependencies);\n\n  useEffect(() => {\n    setHighlightedIdState(undefined);\n    setVisibleSlicesState(slicesWithColorRule);\n  }, reRenderDependencies);\n\n  const ctxValue = useMemo(\n    () => ({\n      slices: slicesWithColorRule,\n    }),\n    [slicesWithColorRule],\n  );\n  return (\n    <PieChartSlicesDataContext.Provider value={ctxValue}>\n      {children}\n    </PieChartSlicesDataContext.Provider>\n  );\n};\n"],
+  "mappings": "AAkFI;AAlFJ,SAAS,eAAe;AACxB,SAAS,WAAW,eAAuC;AAE3D,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AACnC,SAAS,iCAAiC;AAC1C,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AAEzC,SAAS,2BAA2B;AAE7B,MAAM,6BAA6B,CAAC,EAAE,SAAS,MAAyB;AAC7E,QAAM,YAAY,mBAAmB;AACrC,QAAM,cAAc,kBAAkB;AAEtC,QAAM,wBAAwB,yBAAyB;AACvD,QAAM,wBAAwB,yBAAyB;AAEvD,QAAM,kBAAkB,CAAC,QAAQ,SAAS;AAE1C,QAAM,cAAc;AAAA,IAClB,MAAM,KAAK,UAAU,YAAY,YAAY,eAAe;AAAA,IAC5D,CAAC,YAAY,QAAQ;AAAA,EACvB;AAEA,QAAM,uBAAuB;AAAA,IAC3B,YAAY;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX;AAAA,EACF;AAEA,QAAM,SAAS;AAAA,IACb,MACE,kBACI;AAAA,MACE,WAAW;AAAA,MACX,YAAY,YAAY;AAAA,MACxB,YAAY;AAAA,MACZ,WAAW;AAAA,IACb,IACA,CAAC;AAAA,IACP;AAAA,EACF;AAEA,QAAM,EAAE,oBAAoB,IAAI,QAAQ,MAAM;AAC5C,UAAM,YAAY,eAAe,YAAY,cAAc,CAAC,CAAC;AAAA,MAC3D;AAAA,MACA;AAAA,IACF;AAEA,WAAO,OAAO;AAAA,MACZ,CAAC,KAAK,UAAU;AACd,cAAM,gBAAgB,UAAU,IAAI,KAAK;AAEzC,YAAI,oBAAoB,KAAK;AAAA,UAC3B,GAAG;AAAA,UACH,OAAO,MAAM,kBAAkB,iBAAiB,MAAM;AAAA,QACxD,CAAC;AACD,eAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,qBAAqB,CAAC;AAAA,MACxB;AAAA,IACF;AAAA,EACF,GAAG,oBAAoB;AAEvB,YAAU,MAAM;AACd,0BAAsB,MAAS;AAC/B,0BAAsB,mBAAmB;AAAA,EAC3C,GAAG,oBAAoB;AAEvB,QAAM,WAAW;AAAA,IACf,OAAO;AAAA,MACL,QAAQ;AAAA,IACV;AAAA,IACA,CAAC,mBAAmB;AAAA,EACtB;AACA,SACE,oBAAC,0BAA0B,UAA1B,EAAmC,OAAO,UACxC,UACH;AAEJ;",
   "names": []
 }

package/esm/charts/pie/providers/StoreProvider.js

@@ -5,7 +5,7 @@ import { PieChartStateContext } from "../context/PieChartStateContext.js";
 import { initialState } from "../types/state.js";
 const StoreProvider = ({ children }) => {
   const storeRef = useRef(null);
-  storeRef.current = createStore({
+  storeRef.current ??= createStore({
     ...initialState
   });
   return /* @__PURE__ */ jsx(PieChartStateContext.Provider, { value: storeRef.current, children });

package/esm/charts/pie/providers/StoreProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/providers/StoreProvider.tsx"],
-  "sourcesContent": ["import { type ReactNode, useRef } from 'react';\n\nimport { type Store, createStore } from '../../../core/store/store.js';\nimport { PieChartStateContext } from '../context/PieChartStateContext.js';\nimport { initialState, type PieChartState } from '../types/state.js';\n\nexport const StoreProvider = ({ children }: { children: ReactNode }) => {\n  const storeRef = useRef<Store<PieChartState> | null>(null);\n\n  storeRef.current = createStore({\n    ...initialState,\n  });\n\n  return (\n    <PieChartStateContext.Provider value={storeRef.current}>\n      {children}\n    </PieChartStateContext.Provider>\n  );\n};\n"],
-  "mappings": "AAcI;AAdJ,SAAyB,cAAc;AAEvC,SAAqB,mBAAmB;AACxC,SAAS,4BAA4B;AACrC,SAAS,oBAAwC;AAE1C,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAA+B;AACtE,QAAM,WAAW,OAAoC,IAAI;AAEzD,WAAS,UAAU,YAAY;AAAA,IAC7B,GAAG;AAAA,EACL,CAAC;AAED,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,SAAS,SAC5C,UACH;AAEJ;",
+  "sourcesContent": ["import { type ReactNode, useRef } from 'react';\n\nimport { type Store, createStore } from '../../../core/store/store.js';\nimport { PieChartStateContext } from '../context/PieChartStateContext.js';\nimport { initialState, type PieChartState } from '../types/state.js';\n\nexport const StoreProvider = ({ children }: { children: ReactNode }) => {\n  const storeRef = useRef<Store<PieChartState> | null>(null);\n\n  storeRef.current ??= createStore({\n    ...initialState,\n  });\n\n  return (\n    <PieChartStateContext.Provider value={storeRef.current}>\n      {children}\n    </PieChartStateContext.Provider>\n  );\n};\n"],
+  "mappings": "AAcI;AAdJ,SAAyB,cAAc;AAEvC,SAAqB,mBAAmB;AACxC,SAAS,4BAA4B;AACrC,SAAS,oBAAwC;AAE1C,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAA+B;AACtE,QAAM,WAAW,OAAoC,IAAI;AAEzD,WAAS,YAAY,YAAY;AAAA,IAC/B,GAAG;AAAA,EACL,CAAC;AAED,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,SAAS,SAC5C,UACH;AAEJ;",
   "names": []
 }

package/esm/charts/pie/slots/DonutChartInner.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/slots/DonutChartInner.tsx"],
-  "sourcesContent": ["import { type ReactNode } from 'react';\n\nimport { replaceSlashedZero } from '../../core/typographyStyles.sty.js';\nimport { InnerHandler } from '../types/pie-chart.config.js';\n\n/**\n * Total value slot component for donut chart.\n */\nexport const DonutChartInner = ({\n  children,\n}: {\n  children: InnerHandler | ReactNode;\n  // TODO: Strict mode\n  // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment\n  //@ts-ignore Strict mode transition - needs to be investigated\n}) => <div className={replaceSlashedZero}>({children})</div>;\n\nDonutChartInner['displayName'] = 'DonutChart.Inner';\n"],
-  "mappings": "AAeM;AAbN,SAAS,0BAA0B;AAM5B,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AACF,MAKM,qBAAC,SAAI,WAAW,oBAAoB;AAAA;AAAA,EAAE;AAAA,EAAS;AAAA,GAAC;AAEtD,gBAAgB,aAAa,IAAI;",
+  "sourcesContent": ["import { type ReactNode } from 'react';\n\nimport { replaceSlashedZero } from '../../core/typographyStyles.sty.js';\nimport { InnerHandler } from '../types/pie-chart.config.js';\n\n/**\n * Total value slot component for donut chart.\n */\nexport const DonutChartInner = ({\n  children,\n}: {\n  children: InnerHandler | ReactNode;\n  // TODO: Strict mode\n  //@ts-expect-error: Strict mode transition \u2014 `InnerHandler` in the `children` union is a function type that TypeScript doesn't accept as a valid JSX child\n}) => <div className={replaceSlashedZero}>({children})</div>;\n\nDonutChartInner['displayName'] = 'DonutChart.Inner';\n"],
+  "mappings": "AAcM;AAZN,SAAS,0BAA0B;AAM5B,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AACF,MAIM,qBAAC,SAAI,WAAW,oBAAoB;AAAA;AAAA,EAAE;AAAA,EAAS;AAAA,GAAC;AAEtD,gBAAgB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/pie/types/pie-chart.config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/types/pie-chart.config.ts"],
-  "sourcesContent": ["import { type ReactNode } from 'react';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport {\n  PieChartInternalToolbarConfig,\n  PieChartToolbarConfig,\n} from './toolbar.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../core/types/data-props.js';\nimport type { MaskingProps } from '../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../core/types/styling-props.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { ChartData } from '../../core/types/chart-data.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport type { ColorRuleProps } from '../../core/types/color-rule.js';\nimport type { Formatter } from '../../core/types/formatter.js';\nimport type { LegendProps } from '../../core/types/legend.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\n/**\n * Unit for pie/donut chart slices.\n * @public\n * @deprecated use string or Unit type instead\n */\nexport type SliceUnit = string;\n\n/**\n * Legacy data format for a single pie/donut slice.\n * @public\n * @deprecated Use the unified `ChartData` (`ChartDatapoint[]`) format together\n * with `labelAccessor`/`valueAccessor` instead. This interface will be removed\n * in a future release.\n */\nexport interface SliceData {\n  /** The category of the slice*/\n  category: string;\n  /** The value of the slice */\n  value: number;\n  /**\n   * The color of the slice. Overrides the color assigned from the color palette.\n   *\n   * @deprecated This key will be removed in a future release. Use ColorRule slot instead.\n   */\n  color?: string;\n}\n\n/**\n * Legacy data format for PieChart slices.\n * @public\n * @deprecated Use the unified `ChartData` (`ChartDatapoint[]`) format together\n * with `labelAccessor`/`valueAccessor` and the root-level `unit` prop instead.\n * This interface will be removed in a future release.\n */\nexport interface PieChartData {\n  /** Slice data array */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  slices: SliceData[];\n  /** The unit of the slices */\n  unit?: string | Unit;\n}\n\n/**\n * Properties shared by both the unified `ChartData` and the legacy\n * `PieChartData` variants of {@link PieChartProps}.\n * @public\n */\nexport interface PieChartBaseProps\n  extends StylingProps,\n    MaskingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  /**\n   * The width of the chart. A number or a string with accepted CSS units is expected.\n   * @defaultValue 100%\n   */\n  width?: number | string;\n  /** The height of the chart. If a number is passed, it will be treated as px.\n   * @defaultValue 300px.\n   */\n  height?: number | string;\n  /**\n   * Set of Color palette to be used in charts.\n   * @defaultValue 'categorical'.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /**\n   * Custom Formatter for the chart\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /**\n   * Truncation mode to use (start, middle, end)\n   * Applied to all the parts that truncate text.\n   * @defaultValue 'middle'\n   */\n  truncationMode?: TruncationMode;\n  /** Exposed callback to display series actions for a slice  */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  /** Show the loading indicator when truly.\n   * @defaultValue false\n   */\n  loading?: boolean;\n}\n\n/**\n * PieChart props using the unified `ChartData` format. The slice label and\n * value are resolved from each datapoint through `labelAccessor` and\n * `valueAccessor` (dot-notation is supported, e.g. `\"metrics.value\"`).\n * @public\n */\nexport interface PieChartAccessorDataProps extends PieChartBaseProps {\n  /**\n   * Categorical data of the chart in the unified `ChartData` format.\n   */\n  data: ChartData;\n  /** Accessor describing the field that holds the slice label/category. */\n  labelAccessor: string;\n  /** Accessor describing the field that holds the slice value. */\n  valueAccessor: string;\n  /** The unit of the slices. */\n  unit?: ChartUnit;\n}\n\n/**\n * PieChart props using the legacy `PieChartData` format.\n * @public\n * @deprecated Use the unified `ChartData` format with\n * `labelAccessor`/`valueAccessor` instead (see {@link PieChartAccessorDataProps}).\n */\nexport interface PieChartLegacyDataProps extends PieChartBaseProps {\n  /** Categorical data of the chart.*/\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  data: PieChartData;\n  /** Not available in the legacy data format. Use `PieChartAccessorDataProps` with the unified `ChartData` format. */\n  labelAccessor?: never;\n  /** Not available in the legacy data format. Use `PieChartAccessorDataProps` with the unified `ChartData` format. */\n  valueAccessor?: never;\n  /** Not available in the legacy data format. Set the unit via `PieChartData.unit` instead. */\n  unit?: never;\n}\n\n/**\n * Props for the PieChart component.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type PieChartProps = PieChartAccessorDataProps | PieChartLegacyDataProps;\n\n/**\n * Configuration for the PieChart context, allowing shared config across multiple charts via {@link PieChartConfig}.\n * @public\n */\nexport interface PieChartContextConfig {\n  /**\n   * Set of Color palette to be used in charts.\n   * @defaultValue 'categorical'.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /**\n   * Config for the labels of the pie chart slices.\n   */\n  labels?: LabelsConfig;\n  /**\n   * Group configuration for the pie chart.\n   * Aggregates multiple slices into a group (matches threshold config).\n   */\n  grouping?: GroupConfig;\n  /**\n   * Legend configuration for the pie chart\n   */\n  legend?: PieChartLegendConfig;\n  /**\n   * Custom Formatter for the chart\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /**\n   * Truncation mode to use (start, middle, end)\n   * Applied to all the parts that truncate text.\n   * @defaultValue 'middle'\n   */\n  truncationMode?: TruncationMode;\n  /**\n   * Toolbar configuration\n   */\n  toolbar?: PieChartToolbarConfig;\n  /**\n   * Tooltip configuration\n   */\n  tooltip?: PieChartCustomTooltipConfig;\n  /** Callback to display series actions for a slice */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  colorRules?: ColorRuleProps[];\n}\n\n/**\n * @internal\n */\nexport type DonutChartContextConfig = PieChartContextConfig;\n\n/**\n * Full configuration for the PieChart component, extending {@link PieChartContextConfig} with chart dimensions.\n * @public\n */\nexport interface PieChartConfiguration extends PieChartContextConfig {\n  /** The height of the chart. If a number is passed, it will be treated as px.\n   * @defaultValue 300px.\n   */\n  height?: number | string;\n}\n\n/**\n * @internal\n */\nexport type DonutChartConfiguration = PieChartConfiguration;\n\n// Config type holding all the required config used in the pie chart. Considers that the defaults have already been applied.\n/**\n * @internal\n */\nexport type RequiredPieChartConfiguration = Required<\n  Omit<\n    PieChartConfiguration,\n    'toolbar' | 'seriesActions' | 'colorRules' | 'tooltip'\n  >\n> & {\n  toolbar?: PieChartInternalToolbarConfig;\n  tooltip?: PieChartCustomTooltipConfig;\n  innerElement?: InnerHandler | ReactNode;\n  colorRules?: ColorRuleProps[];\n};\n\n/**\n * @internal\n */\nexport type RequiredDonutChartConfiguration = RequiredPieChartConfiguration;\n\n/**\n * Tooltip configuration for the pie chart\n * @public\n */\nexport type PieChartCustomTooltipConfig = {\n  hidden?: boolean;\n  template?: PieChartCustomTooltipProps['children'];\n};\n\n/**\n * @internal\n */\nexport type NotRequiredPieChartConfiguration = {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n};\n\n/**\n * @internal\n */\nexport type NotRequiredDonutChartConfiguration =\n  NotRequiredPieChartConfiguration;\n\n/**\n * @internal\n */\nexport type PieDonutConfig = (\n  | RequiredPieChartConfiguration\n  | RequiredDonutChartConfiguration\n) &\n  (NotRequiredPieChartConfiguration | NotRequiredDonutChartConfiguration);\n\n/**\n * @public\n */\nexport type LabelTypeOptions = 'absolute' | 'relative';\n/**\n * @public\n */\nexport interface LabelsConfig {\n  /**\n   * Hides the slice labels.\n   * @defaultValue false (all the labels are displayed).\n   */\n  hidden?: boolean;\n  /**\n   * Display the label with a relative or absolute value.\n   * @defaultValue 'relative'\n   */\n  valueType?: LabelTypeOptions;\n}\n\n/**\n * @public\n */\nexport const thresholdTypeOptions = [\n  'absolute',\n  'relative',\n  'number-of-slices',\n] as const;\n/**\n * @public\n */\nexport type ThresholdType = (typeof thresholdTypeOptions)[number];\n\n/**\n * @public\n */\nexport interface ThresholdConfig {\n  /**\n   * Type of the grouping threshold. Can be \"relative\", \"absolute\" or \"number-of-slices\".\n   * @defaultValue 'relative'.\n   */\n  type: ThresholdType;\n  /**\n   * Value of the group threshold.\n   * Default is dynamically calculated depending on the chart size for relative and absolute. 10 in case of number-of-slices.\n   */\n  value: number;\n}\n\n/**\n * @public\n */\nexport interface GroupConfig {\n  /**\n   * Name of the group.\n   * @defaultValue 'Other'.\n   */\n  name?: string;\n  /**\n   * The threshold for the group.\n   */\n  threshold: ThresholdConfig;\n}\n\n/**\n * Legend configuration for the PieChart component.\n * @public\n */\nexport type PieChartLegendConfig = LegendProps;\n\n/**\n * Legacy data format for the DonutChart component.\n * @public\n * @deprecated Use the unified `ChartData` (`ChartDatapoint[]`) format together\n * with `labelAccessor`/`valueAccessor` and the root-level `unit` prop instead.\n * This type will be removed in a future release.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type DonutChartData = PieChartData;\n\n/**\n * Properties shared by both the unified `ChartData` and the legacy\n * `DonutChartData` variants of {@link DonutChartProps}.\n * @public\n */\nexport type DonutChartBaseProps = PieChartBaseProps;\n\n/**\n * DonutChart props using the unified `ChartData` format. The slice label and\n * value are resolved from each datapoint through `labelAccessor` and\n * `valueAccessor` (dot-notation is supported, e.g. `\"metrics.value\"`).\n * @public\n */\nexport interface DonutChartAccessorDataProps extends DonutChartBaseProps {\n  /**\n   * Categorical data of the chart in the unified `ChartData` format.\n   */\n  data: ChartData;\n  /** Accessor describing the field that holds the slice label/category. */\n  labelAccessor: string;\n  /** Accessor describing the field that holds the slice value. */\n  valueAccessor: string;\n  /** The unit of the slices. */\n  unit?: ChartUnit;\n}\n\n/**\n * DonutChart props using the legacy `DonutChartData` format.\n * @public\n * @deprecated Use the unified `ChartData` (`ChartDatapoint[]`) format together\n * with `labelAccessor`/`valueAccessor` and the root-level `unit` prop instead.\n * This interface will be removed in a future release.\n */\nexport interface DonutChartLegacyDataProps extends DonutChartBaseProps {\n  /** Categorical data of the chart. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  data: DonutChartData;\n  /** Not available in the legacy data format. Use `DonutChartAccessorDataProps` with the unified `ChartData` format. */\n  labelAccessor?: never;\n  /** Not available in the legacy data format. Use `DonutChartAccessorDataProps` with the unified `ChartData` format. */\n  valueAccessor?: never;\n  /** Not available in the legacy data format. Set the unit via `DonutChartData.unit` instead. */\n  unit?: never;\n}\n\n/**\n * Props for the DonutChart component.\n * @public\n */\nexport type DonutChartProps =\n  | DonutChartAccessorDataProps\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  | DonutChartLegacyDataProps;\n\n/**\n * Legend configuration for the DonutChart component.\n * @public\n */\nexport type DonutChartLegendConfig = PieChartLegendConfig;\n\n/**\n * Data provided to the custom tooltip render function for PieChart and DonutChart.\n * @public\n */\nexport type PieChartTooltipPayload = {\n  /** The slice category name */\n  category: string;\n  /** Formatted absolute value */\n  value: string | number;\n  /** Relative value in percent (e.g. 24.5 for 24.5%) */\n  percentage: number;\n  /** Slice color (hex string) */\n  color: string;\n};\n\n/**\n * Props for a custom tooltip rendered inside the PieChart.\n * @public\n */\nexport type PieChartCustomTooltipProps = {\n  hidden?: boolean;\n  symbolAlignment?: 'left' | 'right';\n  children?: (payload: PieChartTooltipPayload) => ReactNode;\n};\n\n/**\n * Props for a custom tooltip rendered inside the DonutChart.\n * @public\n */\nexport type DonutChartCustomTooltipProps = PieChartCustomTooltipProps;\n\n// TODO: ADES-3843 Split this type into two different ones, PieChartSlots and DonutChartSlots\n/**\n * @internal\n */\nexport interface PieChartSlots {\n  labels: Partial<LabelsConfig>;\n  grouping: Partial<GroupConfig>;\n  legend: Partial<PieChartLegendConfig>;\n  toolbar: Partial<PieChartToolbarConfig> | undefined;\n  innerElement?: InnerHandler | ReactNode;\n  colorRules: ColorRuleProps[];\n  tooltip?: PieChartCustomTooltipConfig;\n}\n\n/**\n * @internal\n */\nexport type DonutChartSlots = PieChartSlots;\n\n/**\n * @public\n */\nexport type InnerHandler = (value: InnerParams) => ReactNode;\n\n/**\n * @public\n */\nexport type InnerParams = {\n  absoluteValue: number;\n  relativeValue: number;\n  dimensions: { width: number; height: number };\n};\n"],
-  "mappings": "AA4SO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;",
+  "sourcesContent": ["import { type ReactNode } from 'react';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport {\n  PieChartInternalToolbarConfig,\n  PieChartToolbarConfig,\n} from './toolbar.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../core/types/data-props.js';\nimport type { MaskingProps } from '../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../core/types/styling-props.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { ChartData } from '../../core/types/chart-data.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport type { ColorRuleProps } from '../../core/types/color-rule.js';\nimport type { Formatter } from '../../core/types/formatter.js';\nimport type { LegendProps } from '../../core/types/legend.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\n/**\n * Unit for pie/donut chart slices.\n * @public\n * @deprecated use string or Unit type instead\n */\nexport type SliceUnit = string;\n\n/**\n * Legacy data format for a single pie/donut slice.\n * @public\n * @deprecated Use the unified `ChartData` (`ChartDatapoint[]`) format together\n * with `labelAccessor`/`valueAccessor` instead. This interface will be removed\n * in a future release.\n */\nexport interface SliceData {\n  /** The category of the slice*/\n  category: string;\n  /** The value of the slice */\n  value: number;\n  /**\n   * The color of the slice. Overrides the color assigned from the color palette.\n   *\n   * @deprecated This key will be removed in a future release. Use ColorRule slot instead.\n   */\n  color?: string;\n}\n\n/**\n * Legacy data format for PieChart slices.\n * @public\n * @deprecated Use the unified `ChartData` (`ChartDatapoint[]`) format together\n * with `labelAccessor`/`valueAccessor` and the root-level `unit` prop instead.\n * This interface will be removed in a future release.\n */\nexport interface PieChartData {\n  /** Slice data array */\n  // oxlint-disable-next-line typescript/no-deprecated\n  slices: SliceData[];\n  /** The unit of the slices */\n  unit?: string | Unit;\n}\n\n/**\n * Properties shared by both the unified `ChartData` and the legacy\n * `PieChartData` variants of {@link PieChartProps}.\n * @public\n */\nexport interface PieChartBaseProps\n  extends StylingProps, MaskingProps, DataTestId, BehaviorTrackingProps {\n  /**\n   * The width of the chart. A number or a string with accepted CSS units is expected.\n   * @defaultValue 100%\n   */\n  width?: number | string;\n  /** The height of the chart. If a number is passed, it will be treated as px.\n   * @defaultValue 300px.\n   */\n  height?: number | string;\n  /**\n   * Set of Color palette to be used in charts.\n   * @defaultValue 'categorical'.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /**\n   * Custom Formatter for the chart\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /**\n   * Truncation mode to use (start, middle, end)\n   * Applied to all the parts that truncate text.\n   * @defaultValue 'middle'\n   */\n  truncationMode?: TruncationMode;\n  /** Exposed callback to display series actions for a slice  */\n  // oxlint-disable-next-line typescript/no-deprecated\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  /** Show the loading indicator when truly.\n   * @defaultValue false\n   */\n  loading?: boolean;\n}\n\n/**\n * PieChart props using the unified `ChartData` format. The slice label and\n * value are resolved from each datapoint through `labelAccessor` and\n * `valueAccessor` (dot-notation is supported, e.g. `\"metrics.value\"`).\n * @public\n */\nexport interface PieChartAccessorDataProps extends PieChartBaseProps {\n  /**\n   * Categorical data of the chart in the unified `ChartData` format.\n   */\n  data: ChartData;\n  /** Accessor describing the field that holds the slice label/category. */\n  labelAccessor: string;\n  /** Accessor describing the field that holds the slice value. */\n  valueAccessor: string;\n  /** The unit of the slices. */\n  unit?: ChartUnit;\n}\n\n/**\n * PieChart props using the legacy `PieChartData` format.\n * @public\n * @deprecated Use the unified `ChartData` format with\n * `labelAccessor`/`valueAccessor` instead (see {@link PieChartAccessorDataProps}).\n */\nexport interface PieChartLegacyDataProps extends PieChartBaseProps {\n  /** Categorical data of the chart.*/\n  // oxlint-disable-next-line typescript/no-deprecated\n  data: PieChartData;\n  /** Not available in the legacy data format. Use `PieChartAccessorDataProps` with the unified `ChartData` format. */\n  labelAccessor?: never;\n  /** Not available in the legacy data format. Use `PieChartAccessorDataProps` with the unified `ChartData` format. */\n  valueAccessor?: never;\n  /** Not available in the legacy data format. Set the unit via `PieChartData.unit` instead. */\n  unit?: never;\n}\n\n/**\n * Props for the PieChart component.\n * @public\n */\n// oxlint-disable-next-line typescript/no-deprecated\nexport type PieChartProps = PieChartAccessorDataProps | PieChartLegacyDataProps;\n\n/**\n * Configuration for the PieChart context, allowing shared config across multiple charts via {@link PieChartConfig}.\n * @public\n */\nexport interface PieChartContextConfig {\n  /**\n   * Set of Color palette to be used in charts.\n   * @defaultValue 'categorical'.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /**\n   * Config for the labels of the pie chart slices.\n   */\n  labels?: LabelsConfig;\n  /**\n   * Group configuration for the pie chart.\n   * Aggregates multiple slices into a group (matches threshold config).\n   */\n  grouping?: GroupConfig;\n  /**\n   * Legend configuration for the pie chart\n   */\n  legend?: PieChartLegendConfig;\n  /**\n   * Custom Formatter for the chart\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /**\n   * Truncation mode to use (start, middle, end)\n   * Applied to all the parts that truncate text.\n   * @defaultValue 'middle'\n   */\n  truncationMode?: TruncationMode;\n  /**\n   * Toolbar configuration\n   */\n  toolbar?: PieChartToolbarConfig;\n  /**\n   * Tooltip configuration\n   */\n  tooltip?: PieChartCustomTooltipConfig;\n  /** Callback to display series actions for a slice */\n  // oxlint-disable-next-line typescript/no-deprecated\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  colorRules?: ColorRuleProps[];\n}\n\n/**\n * @internal\n */\nexport type DonutChartContextConfig = PieChartContextConfig;\n\n/**\n * Full configuration for the PieChart component, extending {@link PieChartContextConfig} with chart dimensions.\n * @public\n */\nexport interface PieChartConfiguration extends PieChartContextConfig {\n  /** The height of the chart. If a number is passed, it will be treated as px.\n   * @defaultValue 300px.\n   */\n  height?: number | string;\n}\n\n/**\n * @internal\n */\nexport type DonutChartConfiguration = PieChartConfiguration;\n\n// Config type holding all the required config used in the pie chart. Considers that the defaults have already been applied.\n/**\n * @internal\n */\nexport type RequiredPieChartConfiguration = Required<\n  Omit<\n    PieChartConfiguration,\n    'toolbar' | 'seriesActions' | 'colorRules' | 'tooltip'\n  >\n> & {\n  toolbar?: PieChartInternalToolbarConfig;\n  tooltip?: PieChartCustomTooltipConfig;\n  innerElement?: InnerHandler | ReactNode;\n  colorRules?: ColorRuleProps[];\n};\n\n/**\n * @internal\n */\nexport type RequiredDonutChartConfiguration = RequiredPieChartConfiguration;\n\n/**\n * Tooltip configuration for the pie chart\n * @public\n */\nexport type PieChartCustomTooltipConfig = {\n  hidden?: boolean;\n  template?: PieChartCustomTooltipProps['children'];\n};\n\n/**\n * @internal\n */\nexport type NotRequiredPieChartConfiguration = {\n  // oxlint-disable-next-line typescript/no-deprecated\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n};\n\n/**\n * @internal\n */\nexport type NotRequiredDonutChartConfiguration =\n  NotRequiredPieChartConfiguration;\n\n/**\n * @internal\n */\nexport type PieDonutConfig = (\n  | RequiredPieChartConfiguration\n  | RequiredDonutChartConfiguration\n) &\n  (NotRequiredPieChartConfiguration | NotRequiredDonutChartConfiguration);\n\n/**\n * @public\n */\nexport type LabelTypeOptions = 'absolute' | 'relative';\n/**\n * @public\n */\nexport interface LabelsConfig {\n  /**\n   * Hides the slice labels.\n   * @defaultValue false (all the labels are displayed).\n   */\n  hidden?: boolean;\n  /**\n   * Display the label with a relative or absolute value.\n   * @defaultValue 'relative'\n   */\n  valueType?: LabelTypeOptions;\n}\n\n/**\n * @public\n */\nexport const thresholdTypeOptions = [\n  'absolute',\n  'relative',\n  'number-of-slices',\n] as const;\n/**\n * @public\n */\nexport type ThresholdType = (typeof thresholdTypeOptions)[number];\n\n/**\n * @public\n */\nexport interface ThresholdConfig {\n  /**\n   * Type of the grouping threshold. Can be \"relative\", \"absolute\" or \"number-of-slices\".\n   * @defaultValue 'relative'.\n   */\n  type: ThresholdType;\n  /**\n   * Value of the group threshold.\n   * Default is dynamically calculated depending on the chart size for relative and absolute. 10 in case of number-of-slices.\n   */\n  value: number;\n}\n\n/**\n * @public\n */\nexport interface GroupConfig {\n  /**\n   * Name of the group.\n   * @defaultValue 'Other'.\n   */\n  name?: string;\n  /**\n   * The threshold for the group.\n   */\n  threshold: ThresholdConfig;\n}\n\n/**\n * Legend configuration for the PieChart component.\n * @public\n */\nexport type PieChartLegendConfig = LegendProps;\n\n/**\n * Legacy data format for the DonutChart component.\n * @public\n * @deprecated Use the unified `ChartData` (`ChartDatapoint[]`) format together\n * with `labelAccessor`/`valueAccessor` and the root-level `unit` prop instead.\n * This type will be removed in a future release.\n */\n// oxlint-disable-next-line typescript/no-deprecated\nexport type DonutChartData = PieChartData;\n\n/**\n * Properties shared by both the unified `ChartData` and the legacy\n * `DonutChartData` variants of {@link DonutChartProps}.\n * @public\n */\nexport type DonutChartBaseProps = PieChartBaseProps;\n\n/**\n * DonutChart props using the unified `ChartData` format. The slice label and\n * value are resolved from each datapoint through `labelAccessor` and\n * `valueAccessor` (dot-notation is supported, e.g. `\"metrics.value\"`).\n * @public\n */\nexport interface DonutChartAccessorDataProps extends DonutChartBaseProps {\n  /**\n   * Categorical data of the chart in the unified `ChartData` format.\n   */\n  data: ChartData;\n  /** Accessor describing the field that holds the slice label/category. */\n  labelAccessor: string;\n  /** Accessor describing the field that holds the slice value. */\n  valueAccessor: string;\n  /** The unit of the slices. */\n  unit?: ChartUnit;\n}\n\n/**\n * DonutChart props using the legacy `DonutChartData` format.\n * @public\n * @deprecated Use the unified `ChartData` (`ChartDatapoint[]`) format together\n * with `labelAccessor`/`valueAccessor` and the root-level `unit` prop instead.\n * This interface will be removed in a future release.\n */\nexport interface DonutChartLegacyDataProps extends DonutChartBaseProps {\n  /** Categorical data of the chart. */\n  // oxlint-disable-next-line typescript/no-deprecated\n  data: DonutChartData;\n  /** Not available in the legacy data format. Use `DonutChartAccessorDataProps` with the unified `ChartData` format. */\n  labelAccessor?: never;\n  /** Not available in the legacy data format. Use `DonutChartAccessorDataProps` with the unified `ChartData` format. */\n  valueAccessor?: never;\n  /** Not available in the legacy data format. Set the unit via `DonutChartData.unit` instead. */\n  unit?: never;\n}\n\n/**\n * Props for the DonutChart component.\n * @public\n */\nexport type DonutChartProps =\n  | DonutChartAccessorDataProps\n  // oxlint-disable-next-line typescript/no-deprecated\n  | DonutChartLegacyDataProps;\n\n/**\n * Legend configuration for the DonutChart component.\n * @public\n */\nexport type DonutChartLegendConfig = PieChartLegendConfig;\n\n/**\n * Data provided to the custom tooltip render function for PieChart and DonutChart.\n * @public\n */\nexport type PieChartTooltipPayload = {\n  /** The slice category name */\n  category: string;\n  /** Formatted absolute value */\n  value: string | number;\n  /** Relative value in percent (e.g. 24.5 for 24.5%) */\n  percentage: number;\n  /** Slice color (hex string) */\n  color: string;\n};\n\n/**\n * Props for a custom tooltip rendered inside the PieChart.\n * @public\n */\nexport type PieChartCustomTooltipProps = {\n  hidden?: boolean;\n  symbolAlignment?: 'left' | 'right';\n  children?: (payload: PieChartTooltipPayload) => ReactNode;\n};\n\n/**\n * Props for a custom tooltip rendered inside the DonutChart.\n * @public\n */\nexport type DonutChartCustomTooltipProps = PieChartCustomTooltipProps;\n\n// TODO: ADES-3843 Split this type into two different ones, PieChartSlots and DonutChartSlots\n/**\n * @internal\n */\nexport interface PieChartSlots {\n  labels: Partial<LabelsConfig>;\n  grouping: Partial<GroupConfig>;\n  legend: Partial<PieChartLegendConfig>;\n  toolbar: Partial<PieChartToolbarConfig> | undefined;\n  innerElement?: InnerHandler | ReactNode;\n  colorRules: ColorRuleProps[];\n  tooltip?: PieChartCustomTooltipConfig;\n}\n\n/**\n * @internal\n */\nexport type DonutChartSlots = PieChartSlots;\n\n/**\n * @public\n */\nexport type InnerHandler = (value: InnerParams) => ReactNode;\n\n/**\n * @public\n */\nexport type InnerParams = {\n  absoluteValue: number;\n  relativeValue: number;\n  dimensions: { width: number; height: number };\n};\n"],
+  "mappings": "AAySO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;",
   "names": []
 }

package/esm/charts/pie/utils/build-and-download-csv.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/build-and-download-csv.ts"],
-  "sourcesContent": ["import { formatCsv } from './format-csv.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { DonutChartData, PieChartData } from '../types/pie-chart.config.js';\n\nexport const buildAndDownloadCsv = (\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  chartData: PieChartData | DonutChartData,\n) => {\n  const csvString = formatCsv(chartData);\n  downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n};\n"],
+  "sourcesContent": ["import { formatCsv } from './format-csv.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { DonutChartData, PieChartData } from '../types/pie-chart.config.js';\n\nexport const buildAndDownloadCsv = (\n  // oxlint-disable-next-line typescript/no-deprecated\n  chartData: PieChartData | DonutChartData,\n) => {\n  const csvString = formatCsv(chartData);\n  downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n};\n"],
   "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AAG/B,MAAM,sBAAsB,CAEjC,cACG;AACH,QAAM,YAAY,UAAU,SAAS;AACrC,cAAY,WAAW,qBAAqB;AAC9C;",
   "names": []
 }

package/esm/charts/pie/utils/build-group-threshold.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/build-group-threshold.ts"],
-  "sourcesContent": ["import { partition } from 'lodash-es';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport { buildSlices } from './build-slices.js';\nimport {\n  CustomColorPalette,\n  ColorPalette,\n} from '../../core/types/color-palette.js';\nimport { THRESHOLD_TYPE } from '../types/default.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\nimport {\n  ThresholdConfig,\n  SliceData,\n  GroupConfig,\n} from '../types/pie-chart.config.js';\n\n/**\n * Group the data depending on which threshold the user has selected\n * @param data - Data received from the dataSet\n * @param grouping - Received grouping config\n * @param colorPalette - Palette to apply to the slices.\n * @param unit - Unit of the data.\n */\nexport function buildGroupThreshold(\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  data: SliceData[],\n  grouping?: GroupConfig,\n  colorPalette?: ColorPalette | CustomColorPalette,\n  unit?: string | Unit,\n): InternalSliceData[] {\n  const internalSlicesData = buildSlices(data, colorPalette, unit);\n\n  const threshold = grouping?.threshold;\n\n  if (threshold?.type === THRESHOLD_TYPE.NUMBER_OF_SLICES) {\n    return calculateNumberOfSlicesGrouping(\n      internalSlicesData,\n      threshold,\n      grouping?.name,\n    );\n  }\n\n  if (threshold?.type === THRESHOLD_TYPE.RELATIVE) {\n    return calculateRelativeGrouping(\n      internalSlicesData,\n      threshold,\n      grouping?.name,\n    );\n  }\n\n  if (threshold?.type === THRESHOLD_TYPE.ABSOLUTE) {\n    return calculateAbsoluteGrouping(\n      internalSlicesData,\n      threshold,\n      grouping?.name,\n    );\n  }\n\n  return internalSlicesData;\n}\n\n/**\n * Calculates the groups depending on the number of the slices.\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param threshold - Indicates the way to group the slices.\n * @param groupingName - Name for the group.\n * @returns An array of an internal slices.\n */\nfunction calculateNumberOfSlicesGrouping(\n  data: InternalSliceData[],\n  threshold: ThresholdConfig,\n  groupingName?: string,\n): InternalSliceData[] {\n  const slicesWithValue = data.filter((slice) => slice.value);\n  const slicesToMerge = slicesWithValue.slice(threshold.value - 1);\n  const remainingSlices = slicesWithValue.slice(0, threshold.value - 1);\n\n  if (threshold.value === 0) {\n    return [...slicesToMerge, ...remainingSlices];\n  }\n\n  return generateGroup(slicesToMerge, remainingSlices, groupingName);\n}\n\n/**\n * Calculates the relative value using the threshold value and groups the slices.\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param threshold - Indicates the way to group the slices.\n * @param groupingName - Name for the group.\n * @returns An array of an internal slices.\n */\nfunction calculateRelativeGrouping(\n  data: InternalSliceData[],\n  threshold: ThresholdConfig,\n  groupingName?: string,\n): InternalSliceData[] {\n  const slicesWithValue = data.filter((slice) => slice.value);\n\n  const [slicesToMerge, remainingSlices] = partition(\n    slicesWithValue,\n    (slice) => slice.relativeValue < threshold.value,\n  );\n\n  return generateGroup(slicesToMerge, remainingSlices, groupingName);\n}\n\n/**\n * Calculates the absolute value using the threshold value and groups the slices.\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param threshold - Indicates the way to group the slices.\n * @param groupingName - Name for the group.\n * @returns An array of an internal slices.\n */\nfunction calculateAbsoluteGrouping(\n  data: InternalSliceData[],\n  threshold: ThresholdConfig,\n  groupingName: string | undefined,\n): InternalSliceData[] {\n  const slicesWithValue = data.filter((slice) => slice.value);\n\n  const [slicesToMerge, remainingSlices] = partition(\n    slicesWithValue,\n    (slice) => slice.value < threshold.value,\n  );\n\n  return generateGroup(slicesToMerge, remainingSlices, groupingName);\n}\n\n/**\n * Organize the data in different groups and recalculates colors\n * @param slicesToMerge - slices to merge into the Other category\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param groupingName - Name of the group\n * @returns An array of an internal slices.\n */\nfunction generateGroup(\n  slicesToMerge: InternalSliceData[],\n  data: InternalSliceData[],\n  groupingName?: string,\n): InternalSliceData[] {\n  const isWithoutGrouping = !slicesToMerge.length || slicesToMerge.length === 1;\n\n  if (isWithoutGrouping) {\n    return [...data, ...slicesToMerge];\n  }\n\n  // Returns the numerical value of the id of the first slice that is going to be merge\n  const groupIndexValue = slicesToMerge[0].id.split('-')[1];\n\n  const groupId = groupingName\n    ? groupingName + '-' + groupIndexValue\n    : 'other-' + groupIndexValue;\n\n  const mergedSlice = slicesToMerge.reduce(\n    (acc, curr) => ({\n      ...acc,\n      ...curr,\n      category: groupingName ?? 'Other',\n      value: acc.value + curr.value,\n      relativeValue: acc.relativeValue + curr.relativeValue,\n      color: slicesToMerge[0].color,\n      id: groupId,\n    }),\n    {\n      value: 0,\n      relativeValue: 0,\n    } as InternalSliceData,\n  );\n\n  return [...data, mergedSlice];\n}\n"],
+  "sourcesContent": ["import { partition } from 'lodash-es';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport { buildSlices } from './build-slices.js';\nimport {\n  CustomColorPalette,\n  ColorPalette,\n} from '../../core/types/color-palette.js';\nimport { THRESHOLD_TYPE } from '../types/default.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\nimport {\n  ThresholdConfig,\n  SliceData,\n  GroupConfig,\n} from '../types/pie-chart.config.js';\n\n/**\n * Group the data depending on which threshold the user has selected\n * @param data - Data received from the dataSet\n * @param grouping - Received grouping config\n * @param colorPalette - Palette to apply to the slices.\n * @param unit - Unit of the data.\n */\nexport function buildGroupThreshold(\n  // oxlint-disable-next-line typescript/no-deprecated\n  data: SliceData[],\n  grouping?: GroupConfig,\n  colorPalette?: ColorPalette | CustomColorPalette,\n  unit?: string | Unit,\n): InternalSliceData[] {\n  const internalSlicesData = buildSlices(data, colorPalette, unit);\n\n  const threshold = grouping?.threshold;\n\n  if (threshold?.type === THRESHOLD_TYPE.NUMBER_OF_SLICES) {\n    return calculateNumberOfSlicesGrouping(\n      internalSlicesData,\n      threshold,\n      grouping?.name,\n    );\n  }\n\n  if (threshold?.type === THRESHOLD_TYPE.RELATIVE) {\n    return calculateRelativeGrouping(\n      internalSlicesData,\n      threshold,\n      grouping?.name,\n    );\n  }\n\n  if (threshold?.type === THRESHOLD_TYPE.ABSOLUTE) {\n    return calculateAbsoluteGrouping(\n      internalSlicesData,\n      threshold,\n      grouping?.name,\n    );\n  }\n\n  return internalSlicesData;\n}\n\n/**\n * Calculates the groups depending on the number of the slices.\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param threshold - Indicates the way to group the slices.\n * @param groupingName - Name for the group.\n * @returns An array of an internal slices.\n */\nfunction calculateNumberOfSlicesGrouping(\n  data: InternalSliceData[],\n  threshold: ThresholdConfig,\n  groupingName?: string,\n): InternalSliceData[] {\n  const slicesWithValue = data.filter((slice) => slice.value);\n  const slicesToMerge = slicesWithValue.slice(threshold.value - 1);\n  const remainingSlices = slicesWithValue.slice(0, threshold.value - 1);\n\n  if (threshold.value === 0) {\n    return [...slicesToMerge, ...remainingSlices];\n  }\n\n  return generateGroup(slicesToMerge, remainingSlices, groupingName);\n}\n\n/**\n * Calculates the relative value using the threshold value and groups the slices.\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param threshold - Indicates the way to group the slices.\n * @param groupingName - Name for the group.\n * @returns An array of an internal slices.\n */\nfunction calculateRelativeGrouping(\n  data: InternalSliceData[],\n  threshold: ThresholdConfig,\n  groupingName?: string,\n): InternalSliceData[] {\n  const slicesWithValue = data.filter((slice) => slice.value);\n\n  const [slicesToMerge, remainingSlices] = partition(\n    slicesWithValue,\n    (slice) => slice.relativeValue < threshold.value,\n  );\n\n  return generateGroup(slicesToMerge, remainingSlices, groupingName);\n}\n\n/**\n * Calculates the absolute value using the threshold value and groups the slices.\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param threshold - Indicates the way to group the slices.\n * @param groupingName - Name for the group.\n * @returns An array of an internal slices.\n */\nfunction calculateAbsoluteGrouping(\n  data: InternalSliceData[],\n  threshold: ThresholdConfig,\n  groupingName: string | undefined,\n): InternalSliceData[] {\n  const slicesWithValue = data.filter((slice) => slice.value);\n\n  const [slicesToMerge, remainingSlices] = partition(\n    slicesWithValue,\n    (slice) => slice.value < threshold.value,\n  );\n\n  return generateGroup(slicesToMerge, remainingSlices, groupingName);\n}\n\n/**\n * Organize the data in different groups and recalculates colors\n * @param slicesToMerge - slices to merge into the Other category\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param groupingName - Name of the group\n * @returns An array of an internal slices.\n */\nfunction generateGroup(\n  slicesToMerge: InternalSliceData[],\n  data: InternalSliceData[],\n  groupingName?: string,\n): InternalSliceData[] {\n  const isWithoutGrouping = !slicesToMerge.length || slicesToMerge.length === 1;\n\n  if (isWithoutGrouping) {\n    return [...data, ...slicesToMerge];\n  }\n\n  // Returns the numerical value of the id of the first slice that is going to be merge\n  const groupIndexValue = slicesToMerge[0].id.split('-')[1];\n\n  const groupId = groupingName\n    ? groupingName + '-' + groupIndexValue\n    : 'other-' + groupIndexValue;\n\n  const mergedSlice = slicesToMerge.reduce(\n    (acc, curr) => ({\n      ...acc,\n      ...curr,\n      category: groupingName ?? 'Other',\n      value: acc.value + curr.value,\n      relativeValue: acc.relativeValue + curr.relativeValue,\n      color: slicesToMerge[0].color,\n      id: groupId,\n    }),\n    {\n      value: 0,\n      relativeValue: 0,\n    } as InternalSliceData,\n  );\n\n  return [...data, mergedSlice];\n}\n"],
   "mappings": "AAAA,SAAS,iBAAiB;AAI1B,SAAS,mBAAmB;AAK5B,SAAS,sBAAsB;AAexB,SAAS,oBAEd,MACA,UACA,cACA,MACqB;AACrB,QAAM,qBAAqB,YAAY,MAAM,cAAc,IAAI;AAE/D,QAAM,YAAY,UAAU;AAE5B,MAAI,WAAW,SAAS,eAAe,kBAAkB;AACvD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,MAAI,WAAW,SAAS,eAAe,UAAU;AAC/C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,MAAI,WAAW,SAAS,eAAe,UAAU;AAC/C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,SAAO;AACT;AASA,SAAS,gCACP,MACA,WACA,cACqB;AACrB,QAAM,kBAAkB,KAAK,OAAO,CAAC,UAAU,MAAM,KAAK;AAC1D,QAAM,gBAAgB,gBAAgB,MAAM,UAAU,QAAQ,CAAC;AAC/D,QAAM,kBAAkB,gBAAgB,MAAM,GAAG,UAAU,QAAQ,CAAC;AAEpE,MAAI,UAAU,UAAU,GAAG;AACzB,WAAO,CAAC,GAAG,eAAe,GAAG,eAAe;AAAA,EAC9C;AAEA,SAAO,cAAc,eAAe,iBAAiB,YAAY;AACnE;AASA,SAAS,0BACP,MACA,WACA,cACqB;AACrB,QAAM,kBAAkB,KAAK,OAAO,CAAC,UAAU,MAAM,KAAK;AAE1D,QAAM,CAAC,eAAe,eAAe,IAAI;AAAA,IACvC;AAAA,IACA,CAAC,UAAU,MAAM,gBAAgB,UAAU;AAAA,EAC7C;AAEA,SAAO,cAAc,eAAe,iBAAiB,YAAY;AACnE;AASA,SAAS,0BACP,MACA,WACA,cACqB;AACrB,QAAM,kBAAkB,KAAK,OAAO,CAAC,UAAU,MAAM,KAAK;AAE1D,QAAM,CAAC,eAAe,eAAe,IAAI;AAAA,IACvC;AAAA,IACA,CAAC,UAAU,MAAM,QAAQ,UAAU;AAAA,EACrC;AAEA,SAAO,cAAc,eAAe,iBAAiB,YAAY;AACnE;AASA,SAAS,cACP,eACA,MACA,cACqB;AACrB,QAAM,oBAAoB,CAAC,cAAc,UAAU,cAAc,WAAW;AAE5E,MAAI,mBAAmB;AACrB,WAAO,CAAC,GAAG,MAAM,GAAG,aAAa;AAAA,EACnC;AAGA,QAAM,kBAAkB,cAAc,CAAC,EAAE,GAAG,MAAM,GAAG,EAAE,CAAC;AAExD,QAAM,UAAU,eACZ,eAAe,MAAM,kBACrB,WAAW;AAEf,QAAM,cAAc,cAAc;AAAA,IAChC,CAAC,KAAK,UAAU;AAAA,MACd,GAAG;AAAA,MACH,GAAG;AAAA,MACH,UAAU,gBAAgB;AAAA,MAC1B,OAAO,IAAI,QAAQ,KAAK;AAAA,MACxB,eAAe,IAAI,gBAAgB,KAAK;AAAA,MACxC,OAAO,cAAc,CAAC,EAAE;AAAA,MACxB,IAAI;AAAA,IACN;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,eAAe;AAAA,IACjB;AAAA,EACF;AAEA,SAAO,CAAC,GAAG,MAAM,WAAW;AAC9B;",
   "names": []
 }