@dynatrace/strato-components 3.12.2 → 3.13.2

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": "AAgJU,cA8BM,YA9BN;AAhJV,SAAS,KAA8C,WAAW;AAClE,SAAS,YAAY,UAAU,eAAe;AAE9C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAOP,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,gCAAgC;AACzC,SAAS,WAAW,kBAAkB;AACtC,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAM9B,MAAM,WAAW,CAAC,YAA+B,QAAQ;AAEzD,MAAM,YAAY,IAAuB,EACtC,MAAM,QAAQ,EACd,SAAS,SAAS,EAClB,KAAK,IAAI;AAEL,MAAM,eAAe;AAAA,EAC1B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,QAAQ,IAAI;AACpB,UAAM,kBAAkB,kBAAkB;AAC1C,UAAM,gBAAgB,sBAAsB;AAC5C,UAAM,gBAAgB,sBAAsB;AAC5C,UAAM,EAAE,QAAQ,MAAM,IAAI,aAAa;AACvC,UAAM,EAAE,QAAQ,cAAc,UAAU,IAAI,UAAU;AACtD,UAAM,YAAY,aAAa;AAC/B,UAAM,iBAAiB,kBAAkB;AACzC,UAAM,EAAE,WAAW,QAAQ,YAAY,YAAY,IAAI;AAAA,MACrD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,CAAC,CAAC;AAAA,IACJ;AAEA,UAAM,aAAa,cAAc,IAAI,CAAC,UAAU,MAAM,EAAE;AAExD,UAAM,OAAO,QAAQ,MAAM,UAAU,aAAa,GAAG,CAAC,aAAa,CAAC;AAEpE,UAAM,gBAAgB;AAAA,MACpB,MACE,IAAoC,EACjC,YAAY,WAAW,EACvB,YAAY,MAAM;AAAA,MACvB,CAAC,aAAa,MAAM;AAAA,IACtB;AAEA,UAAM,eAAe;AAAA,MACnB,MACE,IAAI,EACD,YAAY,WAAW,EACvB,YAAY,MAAM,EAClB,WAAW,CAAC,EACZ,SAAS,GAAG,EAAE,CAAC,CAAqB;AAAA,MACzC,CAAC,aAAa,MAAM;AAAA,IACtB;AAEA,UAAM,kBAAkB,QAAQ,MAAM;AACpC,UAAI,gBAA2C;AAE/C,aAAO,KAAK,IAAI,CAAC,WAAW;AAC1B,cAAM,QAAQ;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAEA,cAAM,QAAQ,OAAO;AACrB,cAAM,gBAAgB,CAAC,iBAAiB,kBAAkB,MAAM;AAChE,cAAM,YACJ,CAAC,gBACD,WAAW,OAAO,YAAY,SAAS,MACtC,CAAC,iBAAiB,CAAC,UAAU,OAAO,aAAa,MAClD,MAAM,OAAO;AAEf,YAAI,WAAW;AACb,0BAAgB;AAAA,QAClB;AAEA,eAAO,EAAE,QAAQ,OAAO,eAAe,UAAU;AAAA,MACnD,CAAC;AAAA,IACH,GAAG;AAAA,MACD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,sBAAsB,QAAQ,MAAM;AACxC,UAAI,CAAC,eAAe;AAClB,eAAO;AAAA,MACT;AACA,YAAM,YAAY,KAAK;AAAA,QACrB,CAAC,WAAW,OAAO,KAAK,OAAO;AAAA,MACjC;AACA,aAAO,YACH;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,IACA;AAAA,IACN,GAAG,CAAC,MAAM,eAAe,aAAa,MAAM,CAAC;AAE7C,WACE,qBAAC,SAAI,WAAW,WAAW,KAAK,cAC7B;AAAA,kBAAY,cAAc,SACzB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAGF,oBAAC,SAAI,OAAc,QAAgB,OAAO,EAAE,UAAU,UAAU,GAC9D;AAAA,QAAC;AAAA;AAAA,UACC,WACE,cAAc,KAAK,eAAe,IAC9B,aAAa,UAAU,KAAK,SAAS,MACrC;AAAA,UAEN,cAAc,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAAA,UAEvD;AAAA,wBAAY,cAAc,MACzB;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,GAAG,KAAK,IAAI,QAAQ,CAAC;AAAA,gBACrB,MAAK;AAAA;AAAA,YACP,IAEA,oBAAC,UAAK,GAAG,cAAc,MAAK,eAAc;AAAA,YAG3C,gBAAgB;AAAA,cACf,CAAC,EAAE,QAAQ,OAAO,eAAe,UAAU,MACzC,qBAAC,YACC;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAS,SAAS,OAAO,KAAK,EAAE;AAAA,oBAChC,KAAK;AAAA,oBACL,MAAM,OAAO;AAAA,oBACb,MAAM;AAAA,oBACN;AAAA;AAAA,gBACF;AAAA,gBACC,aACC;AAAA,kBAAC;AAAA;AAAA,oBACC,GAAG,MAAM;AAAA,oBACT,GAAG,MAAM;AAAA,oBACT,MAAM,MAAM;AAAA,oBACZ;AAAA;AAAA,gBACF;AAAA,mBAdW,SAAS,OAAO,KAAK,EAAE,EAgBtC;AAAA,YAEJ;AAAA,YACC,uBACC;AAAA,cAAC;AAAA;AAAA,gBACC,GAAG,oBAAoB;AAAA,gBACvB,MAAM,oBAAoB;AAAA;AAAA,YAC5B;AAAA;AAAA;AAAA,MAEJ,GACF;AAAA,OACF;AAAA,EAEJ;AACF;",
+  "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-2";
 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-2';"],
   "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": []
 }

package/esm/charts/pie/utils/build-slices.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/build-slices.ts"],
-  "sourcesContent": ["import { type Unit } from '@dynatrace-sdk/units';\n\nimport {\n  CustomColorPalette,\n  ColorPalette,\n} from '../../core/types/color-palette.js';\nimport { getColorPalette } from '../../core/utils/get-color-palette.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\nimport { SliceData } from '../types/pie-chart.config.js';\nimport { getSlicePercentage } from '../utils/plot-data.utils.js';\n\nconst DEFAULT_COLOR_PALETTE = 'categorical';\n\n/**\n * Builds the slices and their configurations for the pie and donut chart.\n * @param data - Data received from the dataSet.\n * @param colorPalette - Color to apply to the slices.\n * @returns An array of internal slices.\n */\nexport const buildSlices = (\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  data: SliceData[],\n  colorPalette?: ColorPalette | CustomColorPalette,\n  unit?: string | Unit,\n): InternalSliceData[] => {\n  const totalAbsoluteValueSum = Object.values(data).reduce(\n    (total, { value }) => total + Math.abs(value),\n    0,\n  );\n\n  return data.map((slice, index) => {\n    const assignedPaletteColor = getColorPalette(\n      slice.category,\n      index,\n      colorPalette ?? DEFAULT_COLOR_PALETTE,\n    );\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const priorityColor = slice.color && { Default: slice.color };\n\n    return {\n      ...slice,\n      id: `${slice.category}-${index}`,\n      relativeValue: getSlicePercentage(slice.value, totalAbsoluteValueSum),\n      color: priorityColor || assignedPaletteColor,\n      _priorityColor: priorityColor || undefined,\n      unit,\n    };\n  });\n};\n"],
+  "sourcesContent": ["import { type Unit } from '@dynatrace-sdk/units';\n\nimport {\n  CustomColorPalette,\n  ColorPalette,\n} from '../../core/types/color-palette.js';\nimport { getColorPalette } from '../../core/utils/get-color-palette.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\nimport { SliceData } from '../types/pie-chart.config.js';\nimport { getSlicePercentage } from '../utils/plot-data.utils.js';\n\nconst DEFAULT_COLOR_PALETTE = 'categorical';\n\n/**\n * Builds the slices and their configurations for the pie and donut chart.\n * @param data - Data received from the dataSet.\n * @param colorPalette - Color to apply to the slices.\n * @returns An array of internal slices.\n */\nexport const buildSlices = (\n  // oxlint-disable-next-line typescript/no-deprecated\n  data: SliceData[],\n  colorPalette?: ColorPalette | CustomColorPalette,\n  unit?: string | Unit,\n): InternalSliceData[] => {\n  const totalAbsoluteValueSum = Object.values(data).reduce(\n    (total, { value }) => total + Math.abs(value),\n    0,\n  );\n\n  return data.map((slice, index) => {\n    const assignedPaletteColor = getColorPalette(\n      slice.category,\n      index,\n      colorPalette ?? DEFAULT_COLOR_PALETTE,\n    );\n    // oxlint-disable-next-line typescript/no-deprecated\n    const priorityColor = slice.color && { Default: slice.color };\n\n    return {\n      ...slice,\n      id: `${slice.category}-${index}`,\n      relativeValue: getSlicePercentage(slice.value, totalAbsoluteValueSum),\n      color: priorityColor || assignedPaletteColor,\n      _priorityColor: priorityColor || undefined,\n      unit,\n    };\n  });\n};\n"],
   "mappings": "AAMA,SAAS,uBAAuB;AAGhC,SAAS,0BAA0B;AAEnC,MAAM,wBAAwB;AAQvB,MAAM,cAAc,CAEzB,MACA,cACA,SACwB;AACxB,QAAM,wBAAwB,OAAO,OAAO,IAAI,EAAE;AAAA,IAChD,CAAC,OAAO,EAAE,MAAM,MAAM,QAAQ,KAAK,IAAI,KAAK;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,KAAK,IAAI,CAAC,OAAO,UAAU;AAChC,UAAM,uBAAuB;AAAA,MAC3B,MAAM;AAAA,MACN;AAAA,MACA,gBAAgB;AAAA,IAClB;AAEA,UAAM,gBAAgB,MAAM,SAAS,EAAE,SAAS,MAAM,MAAM;AAE5D,WAAO;AAAA,MACL,GAAG;AAAA,MACH,IAAI,GAAG,MAAM,QAAQ,IAAI,KAAK;AAAA,MAC9B,eAAe,mBAAmB,MAAM,OAAO,qBAAqB;AAAA,MACpE,OAAO,iBAAiB;AAAA,MACxB,gBAAgB,iBAAiB;AAAA,MACjC;AAAA,IACF;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/esm/charts/pie/utils/format-csv.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/format-csv.ts"],
-  "sourcesContent": ["import { escapeForCSV } from '../../../core/utils/download.js';\nimport { PieChartData } from '../types/pie-chart.config.js';\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function formatCsv(rawData: PieChartData) {\n  const csvRows: string[] = ['category, value, unit'];\n  const escapedUnit = escapeForCSV(rawData.unit);\n\n  for (const slice of rawData.slices) {\n    const sanitizedValue = escapeForCSV(slice.value);\n\n    const sanitizedCategory = escapeForCSV(slice.category);\n\n    const csvRow = [sanitizedCategory, sanitizedValue, escapedUnit].join(',');\n    csvRows.push(csvRow);\n  }\n\n  return csvRows.join('\\r\\n');\n}\n"],
+  "sourcesContent": ["import { escapeForCSV } from '../../../core/utils/download.js';\nimport { PieChartData } from '../types/pie-chart.config.js';\n\n// oxlint-disable-next-line typescript/no-deprecated\nexport function formatCsv(rawData: PieChartData) {\n  const csvRows: string[] = ['category, value, unit'];\n  const escapedUnit = escapeForCSV(rawData.unit);\n\n  for (const slice of rawData.slices) {\n    const sanitizedValue = escapeForCSV(slice.value);\n\n    const sanitizedCategory = escapeForCSV(slice.category);\n\n    const csvRow = [sanitizedCategory, sanitizedValue, escapedUnit].join(',');\n    csvRows.push(csvRow);\n  }\n\n  return csvRows.join('\\r\\n');\n}\n"],
   "mappings": "AAAA,SAAS,oBAAoB;AAItB,SAAS,UAAU,SAAuB;AAC/C,QAAM,UAAoB,CAAC,uBAAuB;AAClD,QAAM,cAAc,aAAa,QAAQ,IAAI;AAE7C,aAAW,SAAS,QAAQ,QAAQ;AAClC,UAAM,iBAAiB,aAAa,MAAM,KAAK;AAE/C,UAAM,oBAAoB,aAAa,MAAM,QAAQ;AAErD,UAAM,SAAS,CAAC,mBAAmB,gBAAgB,WAAW,EAAE,KAAK,GAAG;AACxE,YAAQ,KAAK,MAAM;AAAA,EACrB;AAEA,SAAO,QAAQ,KAAK,MAAM;AAC5B;",
   "names": []
 }

package/esm/charts/pie/utils/iterate-slots.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/iterate-slots.ts"],
-  "sourcesContent": ["import { Children, type ReactNode } from 'react';\n\nimport { Intent, IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport type { ChartToolbarConfig } from '../../core/types/toolbar.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport { Toolbar } from '../shared/slots/Toolbar.js';\nimport { DonutChartDownloadCSVSlot } from '../slots/DonutChartDownloadCSV.js';\nimport { Grouping as DonutChartGrouping } from '../slots/DonutChartGrouping.js';\nimport { DonutChartInner } from '../slots/DonutChartInner.js';\nimport { Labels as DonutChartLabels } from '../slots/DonutChartLabels.js';\nimport { Legend as DonutChartLegend } from '../slots/DonutChartLegend.js';\nimport { Tooltip as DonutChartTooltipSlot } from '../slots/DonutChartTooltip.js';\nimport { PieChartDownloadCSVSlot } from '../slots/PieChartDownloadCSV.js';\nimport { Grouping as PieChartGrouping } from '../slots/PieChartGrouping.js';\nimport { Labels as PieChartLabels } from '../slots/PieChartLabels.js';\nimport { Legend as PieChartLegend } from '../slots/PieChartLegend.js';\nimport { Tooltip as PieChartTooltipSlot } from '../slots/PieChartTooltip.js';\nimport type { PieChartSlots } from '../types/pie-chart.config.js';\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (children: ReactNode): ChartToolbarConfig => {\n  let slots = {} as ChartToolbarConfig;\n\n  Children.forEach(children, (childInteractions) => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (isSlot(childInteractions, DownloadData)) {\n      slots = { ...slots, downloadData: { enabled: true } };\n    }\n  });\n\n  return slots;\n};\n\n/**\n * Iterate over the slotted children to merge the configuration.\n * @param children - Slotted children to iterate\n * @returns Merged config as PieChartSlots\n */\nexport function iterateSlots(children: ReactNode): PieChartSlots {\n  let slots: PieChartSlots = {\n    labels: {},\n    grouping: {},\n    legend: {},\n    toolbar: undefined,\n    innerElement: undefined,\n    colorRules: [],\n    tooltip: undefined,\n  };\n\n  let intents: IntentProps[] | undefined;\n\n  Children.map(children, (child) => {\n    if (isSlot(child, DonutChartLabels) || isSlot(child, PieChartLabels)) {\n      slots = { ...slots, labels: child.props };\n    } else if (\n      isSlot(child, PieChartGrouping) ||\n      isSlot(child, DonutChartGrouping)\n    ) {\n      slots = { ...slots, grouping: child.props };\n    } else if (\n      isSlot(child, PieChartLegend) ||\n      isSlot(child, DonutChartLegend)\n    ) {\n      slots = { ...slots, legend: child.props };\n    } else if (isSlot(child, Toolbar)) {\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          ...sanitizeProps(child.props),\n          ...extractBehaviorTrackingProps(child.props),\n        },\n      };\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      const { children, ...toolbarProps } = child.props;\n\n      const toolbarSlots = iterateChartToolbarSlots(children);\n\n      const toolbar = { ...toolbarProps, ...toolbarSlots };\n      slots = { ...slots, toolbar };\n    } else if (\n      isSlot(child, DonutChartDownloadCSVSlot) ||\n      isSlot(child, PieChartDownloadCSVSlot)\n    ) {\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          downloadData: { enabled: true },\n        },\n      };\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, DonutChartInner)) {\n      const inner = child.props.children;\n      slots = { ...slots, innerElement: inner };\n    } else if (isSlot(child, ColorRule)) {\n      isValidColorRule(child.props) && slots.colorRules.push(child.props);\n    } else if (\n      isSlot(child, PieChartTooltipSlot) ||\n      isSlot(child, DonutChartTooltipSlot)\n    ) {\n      slots = {\n        ...slots,\n        tooltip: {\n          hidden: child.props.hidden ?? false,\n          template: child.props.children,\n        },\n      };\n    }\n  });\n\n  if (intents?.length) {\n    slots = {\n      ...slots,\n      toolbar: {\n        ...slots.toolbar,\n        intents,\n      },\n    };\n  }\n\n  return slots;\n}\n"],
+  "sourcesContent": ["import { Children, type ReactNode } from 'react';\n\nimport { Intent, IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport type { ChartToolbarConfig } from '../../core/types/toolbar.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport { Toolbar } from '../shared/slots/Toolbar.js';\nimport { DonutChartDownloadCSVSlot } from '../slots/DonutChartDownloadCSV.js';\nimport { Grouping as DonutChartGrouping } from '../slots/DonutChartGrouping.js';\nimport { DonutChartInner } from '../slots/DonutChartInner.js';\nimport { Labels as DonutChartLabels } from '../slots/DonutChartLabels.js';\nimport { Legend as DonutChartLegend } from '../slots/DonutChartLegend.js';\nimport { Tooltip as DonutChartTooltipSlot } from '../slots/DonutChartTooltip.js';\nimport { PieChartDownloadCSVSlot } from '../slots/PieChartDownloadCSV.js';\nimport { Grouping as PieChartGrouping } from '../slots/PieChartGrouping.js';\nimport { Labels as PieChartLabels } from '../slots/PieChartLabels.js';\nimport { Legend as PieChartLegend } from '../slots/PieChartLegend.js';\nimport { Tooltip as PieChartTooltipSlot } from '../slots/PieChartTooltip.js';\nimport type { PieChartSlots } from '../types/pie-chart.config.js';\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (children: ReactNode): ChartToolbarConfig => {\n  let slots = {} as ChartToolbarConfig;\n\n  Children.forEach(children, (childInteractions) => {\n    // oxlint-disable-next-line typescript/no-deprecated\n    if (isSlot(childInteractions, DownloadData)) {\n      slots = { ...slots, downloadData: { enabled: true } };\n    }\n  });\n\n  return slots;\n};\n\n/**\n * Iterate over the slotted children to merge the configuration.\n * @param children - Slotted children to iterate\n * @returns Merged config as PieChartSlots\n */\nexport function iterateSlots(children: ReactNode): PieChartSlots {\n  let slots: PieChartSlots = {\n    labels: {},\n    grouping: {},\n    legend: {},\n    toolbar: undefined,\n    innerElement: undefined,\n    colorRules: [],\n    tooltip: undefined,\n  };\n\n  let intents: IntentProps[] | undefined;\n\n  Children.map(children, (child) => {\n    if (isSlot(child, DonutChartLabels) || isSlot(child, PieChartLabels)) {\n      slots = { ...slots, labels: child.props };\n    } else if (\n      isSlot(child, PieChartGrouping) ||\n      isSlot(child, DonutChartGrouping)\n    ) {\n      slots = { ...slots, grouping: child.props };\n    } else if (\n      isSlot(child, PieChartLegend) ||\n      isSlot(child, DonutChartLegend)\n    ) {\n      slots = { ...slots, legend: child.props };\n    } else if (isSlot(child, Toolbar)) {\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          ...sanitizeProps(child.props),\n          ...extractBehaviorTrackingProps(child.props),\n        },\n      };\n      // oxlint-disable-next-line typescript/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      const { children, ...toolbarProps } = child.props;\n\n      const toolbarSlots = iterateChartToolbarSlots(children);\n\n      const toolbar = { ...toolbarProps, ...toolbarSlots };\n      slots = { ...slots, toolbar };\n    } else if (\n      isSlot(child, DonutChartDownloadCSVSlot) ||\n      isSlot(child, PieChartDownloadCSVSlot)\n    ) {\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          downloadData: { enabled: true },\n        },\n      };\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, DonutChartInner)) {\n      const inner = child.props.children;\n      slots = { ...slots, innerElement: inner };\n    } else if (isSlot(child, ColorRule)) {\n      isValidColorRule(child.props) && slots.colorRules.push(child.props);\n    } else if (\n      isSlot(child, PieChartTooltipSlot) ||\n      isSlot(child, DonutChartTooltipSlot)\n    ) {\n      slots = {\n        ...slots,\n        tooltip: {\n          hidden: child.props.hidden ?? false,\n          template: child.props.children,\n        },\n      };\n    }\n  });\n\n  if (intents?.length) {\n    slots = {\n      ...slots,\n      toolbar: {\n        ...slots.toolbar,\n        intents,\n      },\n    };\n  }\n\n  return slots;\n}\n"],
   "mappings": "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",
   "names": ["children"]
 }

package/esm/charts/pie/utils/normalize-pie-data.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/normalize-pie-data.ts"],
-  "sourcesContent": ["import { accessValue } from '../../../core/utils/accessors/access-value.js';\nimport type { ChartData } from '../../core/types/chart-data.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { PieChartData, SliceData } from '../types/pie-chart.config.js';\n\n/**\n * Input accepted by {@link normalizePieData}: either the unified `ChartData`\n * format (paired with `labelAccessor`/`valueAccessor` and a root-level `unit`)\n * or the legacy `PieChartData` shape.\n * @internal\n */\nexport interface NormalizePieDataInput {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  data: ChartData | PieChartData;\n  labelAccessor?: string;\n  valueAccessor?: string;\n  unit?: ChartUnit;\n}\n\n/**\n * Normalizes the public PieChart/DonutChart data props into the internal\n * `PieChartData` (`{ slices, unit }`) shape consumed by the rendering pipeline.\n *\n * When `labelAccessor`/`valueAccessor` are provided, the data is treated as the\n * unified `ChartData` array and each datapoint is mapped to a slice by resolving\n * the accessor strings (dot-notation supported). Otherwise the legacy\n * `PieChartData` is returned unchanged.\n *\n * @param input - the data-related PieChart/DonutChart props\n * @returns the internal `PieChartData` shape\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function normalizePieData(input: NormalizePieDataInput): PieChartData {\n  const { data, labelAccessor, valueAccessor, unit } = input;\n\n  if (labelAccessor && valueAccessor) {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const slices: SliceData[] = (data as ChartData).map((datapoint) => {\n      const color = accessValue<string>(datapoint, 'color');\n      return {\n        category: String(accessValue<string>(datapoint, labelAccessor) ?? ''),\n        value: Number(accessValue<number>(datapoint, valueAccessor) ?? 0),\n        ...(typeof color === 'string' ? { color } : {}),\n      };\n    });\n\n    return { slices, unit };\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  return data as PieChartData;\n}\n"],
+  "sourcesContent": ["import { accessValue } from '../../../core/utils/accessors/access-value.js';\nimport type { ChartData } from '../../core/types/chart-data.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { PieChartData, SliceData } from '../types/pie-chart.config.js';\n\n/**\n * Input accepted by {@link normalizePieData}: either the unified `ChartData`\n * format (paired with `labelAccessor`/`valueAccessor` and a root-level `unit`)\n * or the legacy `PieChartData` shape.\n * @internal\n */\nexport interface NormalizePieDataInput {\n  // oxlint-disable-next-line typescript/no-deprecated\n  data: ChartData | PieChartData;\n  labelAccessor?: string;\n  valueAccessor?: string;\n  unit?: ChartUnit;\n}\n\n/**\n * Normalizes the public PieChart/DonutChart data props into the internal\n * `PieChartData` (`{ slices, unit }`) shape consumed by the rendering pipeline.\n *\n * When `labelAccessor`/`valueAccessor` are provided, the data is treated as the\n * unified `ChartData` array and each datapoint is mapped to a slice by resolving\n * the accessor strings (dot-notation supported). Otherwise the legacy\n * `PieChartData` is returned unchanged.\n *\n * @param input - the data-related PieChart/DonutChart props\n * @returns the internal `PieChartData` shape\n * @internal\n */\n// oxlint-disable-next-line typescript/no-deprecated\nexport function normalizePieData(input: NormalizePieDataInput): PieChartData {\n  const { data, labelAccessor, valueAccessor, unit } = input;\n\n  if (labelAccessor && valueAccessor) {\n    // oxlint-disable-next-line typescript/no-deprecated\n    const slices: SliceData[] = (data as ChartData).map((datapoint) => {\n      const color = accessValue<string>(datapoint, 'color');\n      return {\n        category: String(accessValue<string>(datapoint, labelAccessor) ?? ''),\n        value: Number(accessValue<number>(datapoint, valueAccessor) ?? 0),\n        ...(typeof color === 'string' ? { color } : {}),\n      };\n    });\n\n    return { slices, unit };\n  }\n\n  // oxlint-disable-next-line typescript/no-deprecated\n  return data as PieChartData;\n}\n"],
   "mappings": "AAAA,SAAS,mBAAmB;AAiCrB,SAAS,iBAAiB,OAA4C;AAC3E,QAAM,EAAE,MAAM,eAAe,eAAe,KAAK,IAAI;AAErD,MAAI,iBAAiB,eAAe;AAElC,UAAM,SAAuB,KAAmB,IAAI,CAAC,cAAc;AACjE,YAAM,QAAQ,YAAoB,WAAW,OAAO;AACpD,aAAO;AAAA,QACL,UAAU,OAAO,YAAoB,WAAW,aAAa,KAAK,EAAE;AAAA,QACpE,OAAO,OAAO,YAAoB,WAAW,aAAa,KAAK,CAAC;AAAA,QAChE,GAAI,OAAO,UAAU,WAAW,EAAE,MAAM,IAAI,CAAC;AAAA,MAC/C;AAAA,IACF,CAAC;AAED,WAAO,EAAE,QAAQ,KAAK;AAAA,EACxB;AAGA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/pie/utils/pie-config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/pie-config.ts"],
-  "sourcesContent": ["import { isUndefined, merge } from 'lodash-es';\nimport type { PropsWithChildren } from 'react';\n\nimport { DEFAULT_TRUNCATION_MODE } from '../../core/constants.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport {\n  ColorPalette,\n  CustomColorPalette,\n  isCustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { Formatter } from '../../core/types/formatter.js';\nimport { ChartToolbarProps } from '../../core/types/toolbar.js';\nimport { defaultUnitFormatter } from '../../core/utils/defaultUnitFormatter.js';\nimport { isValidColorPalette } from '../../core/utils/is-valid-color-palette.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { THRESHOLD_TYPE_OPTION } from '../constants.js';\nimport { defaultConfig } from '../types/default.js';\nimport {\n  DonutChartSlots,\n  GroupConfig,\n  PieChartContextConfig,\n  PieChartLegendConfig,\n  PieChartProps,\n  PieChartSlots,\n  PieDonutConfig,\n} from '../types/pie-chart.config.js';\nimport { PieChartToolbarConfig } from '../types/toolbar.js';\nimport { isValidThresholdType } from '../utils/is-valid-threshold-type.js';\n\n/**\n * Builds a ColorPalette configuration based on context and props\n * @param contextColorPalette - color palette context\n * @param propsColorPalette - color palette props\n */\nexport function getColorPaletteConfiguration(\n  contextColorPalette?: ColorPalette | CustomColorPalette,\n  propsColorPalette?: ColorPalette | CustomColorPalette,\n): ColorPalette | CustomColorPalette {\n  const colorPalette =\n    propsColorPalette ?? contextColorPalette ?? defaultConfig.colorPalette;\n\n  return isCustomColorPalette(colorPalette) || isValidColorPalette(colorPalette)\n    ? colorPalette\n    : defaultConfig.colorPalette;\n}\n\n/**\n * Builds a GroupConfig based on context and slots\n *\n * @param contextGrouping - grouping config in context\n * @param slotsGrouping - grouping config in slots\n */\nexport function getGroupingConfiguration(\n  contextGrouping?: GroupConfig,\n  slotsGrouping?: Partial<GroupConfig>,\n): GroupConfig {\n  let grouping = merge(\n    {},\n    defaultConfig.grouping,\n    contextGrouping,\n    slotsGrouping,\n  );\n\n  grouping = {\n    ...grouping,\n    threshold: {\n      ...grouping.threshold,\n      type: isValidThresholdType(grouping.threshold.type)\n        ? grouping.threshold.type\n        : THRESHOLD_TYPE_OPTION.Relative,\n    },\n  };\n\n  return grouping;\n}\n\n/**\n * Builds a LegendConfiguration configuration based on context and props\n *\n * @param contextLegendConfig - legend config context\n * @param slotsLegendConfig - legend config props\n */\nexport function getLegendConfiguration(\n  contextLegendConfig?: PieChartLegendConfig,\n  slotsLegendConfig?: PieChartLegendConfig,\n): PieChartLegendConfig {\n  let legend = merge(\n    {},\n    defaultConfig.legend,\n    contextLegendConfig,\n    slotsLegendConfig,\n  );\n\n  const position =\n    legend.position && isValidLegendPosition(legend.position)\n      ? legend.position\n      : defaultConfig.legend.position;\n\n  legend = {\n    ...legend,\n    position,\n  };\n\n  return legend;\n}\n\nconst validateToolbarContextConfig = (\n  contextConfig: PieChartToolbarConfig | undefined,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n) => !isUndefined(contextConfig) && contextConfig.downloadData?.enabled;\n\nconst getToolbarConfiguration = (\n  contextConfig?: PieChartToolbarConfig | undefined,\n  slots?: Partial<ChartToolbarProps> | undefined,\n) => {\n  const hasValidToolbarConfig =\n    validateToolbarContextConfig(contextConfig) || !isUndefined(slots);\n\n  return hasValidToolbarConfig ? merge({}, contextConfig, slots) : undefined;\n};\n\n/**\n * Build pie chart configuration.\n *\n * @param props - config from props\n * @param contextConfig - config from context\n * @param slots - config from components slots\n * @returns RequiredPieChartConfiguration\n */\nexport function buildPieChartConfig(\n  props: PropsWithChildren<PieChartProps>,\n  contextConfig: PieChartContextConfig,\n  slots: PieChartSlots | DonutChartSlots,\n): PieDonutConfig {\n  const colorPalette = getColorPaletteConfiguration(\n    contextConfig.colorPalette,\n    props.colorPalette,\n  );\n\n  const grouping = getGroupingConfiguration(\n    contextConfig.grouping,\n    slots.grouping,\n  );\n\n  const legend = getLegendConfiguration(contextConfig.legend, slots.legend);\n\n  // The unit lives at the root in the unified `ChartData` format (where\n  // `props.data` is an array) and nested in the data object in the legacy format.\n  const resolvedUnit = Array.isArray(props.data) ? props.unit : props.data.unit;\n\n  const formatter =\n    props.formatter ??\n    contextConfig.formatter ??\n    (defaultUnitFormatter(resolvedUnit, 0) as Formatter);\n\n  const truncationMode =\n    props.truncationMode ??\n    contextConfig.truncationMode ??\n    DEFAULT_TRUNCATION_MODE;\n\n  const toolbar = getToolbarConfiguration(contextConfig.toolbar, slots.toolbar);\n\n  const seriesActions =\n    props.seriesActions ?? contextConfig.seriesActions ?? undefined;\n\n  const colorRules = (contextConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n\n  return {\n    height: props.height ?? defaultConfig.height,\n    colorPalette,\n    labels: merge({}, defaultConfig.labels, contextConfig.labels, slots.labels),\n    grouping,\n    legend,\n    formatter,\n    truncationMode,\n    toolbar,\n    innerElement: slots.innerElement,\n    seriesActions,\n    colorRules,\n    tooltip: slots.tooltip ?? contextConfig.tooltip,\n  };\n}\n\n/**\n * Get chart configuration merging the default one with the stringify json config.\n * In case there is a conflict property, default would prevail.\n * In case there is any parse error. It will return an empty config.\n *\n * @param serializedConfig - stringify json config\n * @returns - PieChartConfiguration\n */\nexport function deserializeConfig(\n  serializedConfig: string,\n): PieChartContextConfig {\n  try {\n    return merge({}, defaultConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultConfig;\n  }\n}\n"],
+  "sourcesContent": ["import { isUndefined, merge } from 'lodash-es';\nimport type { PropsWithChildren } from 'react';\n\nimport { DEFAULT_TRUNCATION_MODE } from '../../core/constants.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport {\n  ColorPalette,\n  CustomColorPalette,\n  isCustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { Formatter } from '../../core/types/formatter.js';\nimport { ChartToolbarProps } from '../../core/types/toolbar.js';\nimport { defaultUnitFormatter } from '../../core/utils/defaultUnitFormatter.js';\nimport { isValidColorPalette } from '../../core/utils/is-valid-color-palette.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { THRESHOLD_TYPE_OPTION } from '../constants.js';\nimport { defaultConfig } from '../types/default.js';\nimport {\n  DonutChartSlots,\n  GroupConfig,\n  PieChartContextConfig,\n  PieChartLegendConfig,\n  PieChartProps,\n  PieChartSlots,\n  PieDonutConfig,\n} from '../types/pie-chart.config.js';\nimport { PieChartToolbarConfig } from '../types/toolbar.js';\nimport { isValidThresholdType } from '../utils/is-valid-threshold-type.js';\n\n/**\n * Builds a ColorPalette configuration based on context and props\n * @param contextColorPalette - color palette context\n * @param propsColorPalette - color palette props\n */\nexport function getColorPaletteConfiguration(\n  contextColorPalette?: ColorPalette | CustomColorPalette,\n  propsColorPalette?: ColorPalette | CustomColorPalette,\n): ColorPalette | CustomColorPalette {\n  const colorPalette =\n    propsColorPalette ?? contextColorPalette ?? defaultConfig.colorPalette;\n\n  return isCustomColorPalette(colorPalette) || isValidColorPalette(colorPalette)\n    ? colorPalette\n    : defaultConfig.colorPalette;\n}\n\n/**\n * Builds a GroupConfig based on context and slots\n *\n * @param contextGrouping - grouping config in context\n * @param slotsGrouping - grouping config in slots\n */\nexport function getGroupingConfiguration(\n  contextGrouping?: GroupConfig,\n  slotsGrouping?: Partial<GroupConfig>,\n): GroupConfig {\n  let grouping = merge(\n    {},\n    defaultConfig.grouping,\n    contextGrouping,\n    slotsGrouping,\n  );\n\n  grouping = {\n    ...grouping,\n    threshold: {\n      ...grouping.threshold,\n      type: isValidThresholdType(grouping.threshold.type)\n        ? grouping.threshold.type\n        : THRESHOLD_TYPE_OPTION.Relative,\n    },\n  };\n\n  return grouping;\n}\n\n/**\n * Builds a LegendConfiguration configuration based on context and props\n *\n * @param contextLegendConfig - legend config context\n * @param slotsLegendConfig - legend config props\n */\nexport function getLegendConfiguration(\n  contextLegendConfig?: PieChartLegendConfig,\n  slotsLegendConfig?: PieChartLegendConfig,\n): PieChartLegendConfig {\n  let legend = merge(\n    {},\n    defaultConfig.legend,\n    contextLegendConfig,\n    slotsLegendConfig,\n  );\n\n  const position =\n    legend.position && isValidLegendPosition(legend.position)\n      ? legend.position\n      : defaultConfig.legend.position;\n\n  legend = {\n    ...legend,\n    position,\n  };\n\n  return legend;\n}\n\nconst validateToolbarContextConfig = (\n  contextConfig: PieChartToolbarConfig | undefined,\n  // oxlint-disable-next-line typescript/no-deprecated\n) => !isUndefined(contextConfig) && contextConfig.downloadData?.enabled;\n\nconst getToolbarConfiguration = (\n  contextConfig?: PieChartToolbarConfig | undefined,\n  slots?: Partial<ChartToolbarProps> | undefined,\n) => {\n  const hasValidToolbarConfig =\n    validateToolbarContextConfig(contextConfig) || !isUndefined(slots);\n\n  return hasValidToolbarConfig ? merge({}, contextConfig, slots) : undefined;\n};\n\n/**\n * Build pie chart configuration.\n *\n * @param props - config from props\n * @param contextConfig - config from context\n * @param slots - config from components slots\n * @returns RequiredPieChartConfiguration\n */\nexport function buildPieChartConfig(\n  props: PropsWithChildren<PieChartProps>,\n  contextConfig: PieChartContextConfig,\n  slots: PieChartSlots | DonutChartSlots,\n): PieDonutConfig {\n  const colorPalette = getColorPaletteConfiguration(\n    contextConfig.colorPalette,\n    props.colorPalette,\n  );\n\n  const grouping = getGroupingConfiguration(\n    contextConfig.grouping,\n    slots.grouping,\n  );\n\n  const legend = getLegendConfiguration(contextConfig.legend, slots.legend);\n\n  // The unit lives at the root in the unified `ChartData` format (where\n  // `props.data` is an array) and nested in the data object in the legacy format.\n  const resolvedUnit = Array.isArray(props.data) ? props.unit : props.data.unit;\n\n  const formatter =\n    props.formatter ??\n    contextConfig.formatter ??\n    (defaultUnitFormatter(resolvedUnit, 0) as Formatter);\n\n  const truncationMode =\n    props.truncationMode ??\n    contextConfig.truncationMode ??\n    DEFAULT_TRUNCATION_MODE;\n\n  const toolbar = getToolbarConfiguration(contextConfig.toolbar, slots.toolbar);\n\n  const seriesActions =\n    props.seriesActions ?? contextConfig.seriesActions ?? undefined;\n\n  const colorRules = (contextConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n\n  return {\n    height: props.height ?? defaultConfig.height,\n    colorPalette,\n    labels: merge({}, defaultConfig.labels, contextConfig.labels, slots.labels),\n    grouping,\n    legend,\n    formatter,\n    truncationMode,\n    toolbar,\n    innerElement: slots.innerElement,\n    seriesActions,\n    colorRules,\n    tooltip: slots.tooltip ?? contextConfig.tooltip,\n  };\n}\n\n/**\n * Get chart configuration merging the default one with the stringify json config.\n * In case there is a conflict property, default would prevail.\n * In case there is any parse error. It will return an empty config.\n *\n * @param serializedConfig - stringify json config\n * @returns - PieChartConfiguration\n */\nexport function deserializeConfig(\n  serializedConfig: string,\n): PieChartContextConfig {\n  try {\n    return merge({}, defaultConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultConfig;\n  }\n}\n"],
   "mappings": "AAAA,SAAS,aAAa,aAAa;AAGnC,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AACjC;AAAA,EAGE;AAAA,OACK;AAGP,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAW9B,SAAS,4BAA4B;AAO9B,SAAS,6BACd,qBACA,mBACmC;AACnC,QAAM,eACJ,qBAAqB,uBAAuB,cAAc;AAE5D,SAAO,qBAAqB,YAAY,KAAK,oBAAoB,YAAY,IACzE,eACA,cAAc;AACpB;AAQO,SAAS,yBACd,iBACA,eACa;AACb,MAAI,WAAW;AAAA,IACb,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,aAAW;AAAA,IACT,GAAG;AAAA,IACH,WAAW;AAAA,MACT,GAAG,SAAS;AAAA,MACZ,MAAM,qBAAqB,SAAS,UAAU,IAAI,IAC9C,SAAS,UAAU,OACnB,sBAAsB;AAAA,IAC5B;AAAA,EACF;AAEA,SAAO;AACT;AAQO,SAAS,uBACd,qBACA,mBACsB;AACtB,MAAI,SAAS;AAAA,IACX,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WACJ,OAAO,YAAY,sBAAsB,OAAO,QAAQ,IACpD,OAAO,WACP,cAAc,OAAO;AAE3B,WAAS;AAAA,IACP,GAAG;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAEA,MAAM,+BAA+B,CACnC,kBAEG,CAAC,YAAY,aAAa,KAAK,cAAc,cAAc;AAEhE,MAAM,0BAA0B,CAC9B,eACA,UACG;AACH,QAAM,wBACJ,6BAA6B,aAAa,KAAK,CAAC,YAAY,KAAK;AAEnE,SAAO,wBAAwB,MAAM,CAAC,GAAG,eAAe,KAAK,IAAI;AACnE;AAUO,SAAS,oBACd,OACA,eACA,OACgB;AAChB,QAAM,eAAe;AAAA,IACnB,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AAEA,QAAM,WAAW;AAAA,IACf,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AAEA,QAAM,SAAS,uBAAuB,cAAc,QAAQ,MAAM,MAAM;AAIxE,QAAM,eAAe,MAAM,QAAQ,MAAM,IAAI,IAAI,MAAM,OAAO,MAAM,KAAK;AAEzE,QAAM,YACJ,MAAM,aACN,cAAc,aACb,qBAAqB,cAAc,CAAC;AAEvC,QAAM,iBACJ,MAAM,kBACN,cAAc,kBACd;AAEF,QAAM,UAAU,wBAAwB,cAAc,SAAS,MAAM,OAAO;AAE5E,QAAM,gBACJ,MAAM,iBAAiB,cAAc,iBAAiB;AAExD,QAAM,cAAc,cAAc,cAAc,CAAC,GAC9C,OAAO,gBAAgB,EACvB,OAAO,MAAM,cAAc,CAAC,CAAC;AAEhC,SAAO;AAAA,IACL,QAAQ,MAAM,UAAU,cAAc;AAAA,IACtC;AAAA,IACA,QAAQ,MAAM,CAAC,GAAG,cAAc,QAAQ,cAAc,QAAQ,MAAM,MAAM;AAAA,IAC1E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA,SAAS,MAAM,WAAW,cAAc;AAAA,EAC1C;AACF;AAUO,SAAS,kBACd,kBACuB;AACvB,MAAI;AACF,WAAO,MAAM,CAAC,GAAG,eAAe,KAAK,MAAM,gBAAgB,CAAC;AAAA,EAC9D,QAAQ;AACN,WAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/esm/charts/sankey-chart/SankeyChart.css

@@ -1,15 +1,15 @@
-._s3m3d0-3-12-2 {
+._s3m3d0-3-13-2 {
   position: relative;
   width: 100%;
   height: 100%;
 }
-._s3m3d1-3-12-2 {
+._s3m3d1-3-13-2 {
   display: grid;
   grid-template-columns: minmax(0, auto) minmax(60%, 1fr) minmax(0, auto);
   width: 100%;
   height: 100%;
 }
-._s3m3d2-3-12-2 {
+._s3m3d2-3-13-2 {
   position: relative;
   overflow: hidden;
 }

package/esm/charts/sankey-chart/SankeyChart.sty.js

@@ -1,7 +1,7 @@
 import "./SankeyChart.css";
-var graphAreaCell = "_s3m3d2-3-12-2";
-var graphAreaContainer = "_s3m3d1-3-12-2";
-var graphAreaWrapper = "_s3m3d0-3-12-2";
+var graphAreaCell = "_s3m3d2-3-13-2";
+var graphAreaContainer = "_s3m3d1-3-13-2";
+var graphAreaWrapper = "_s3m3d0-3-13-2";
 export {
   graphAreaCell,
   graphAreaContainer,

package/esm/charts/sankey-chart/SankeyChart.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/sankey-chart/SankeyChart.css.ts"],
-  "sourcesContent": ["import './SankeyChart.css';\nexport var graphAreaCell = '_s3m3d2-3-12-2';\nexport var graphAreaContainer = '_s3m3d1-3-12-2';\nexport var graphAreaWrapper = '_s3m3d0-3-12-2';"],
+  "sourcesContent": ["import './SankeyChart.css';\nexport var graphAreaCell = '_s3m3d2-3-13-2';\nexport var graphAreaContainer = '_s3m3d1-3-13-2';\nexport var graphAreaWrapper = '_s3m3d0-3-13-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;AACzB,IAAI,mBAAmB;",
   "names": []
 }

package/esm/charts/sankey-chart/SankeyChartRoot.js

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { DEFAULT_TRUNCATION_MODE, DISPLAY_NAME } from "./constants.js";
 import { SankeyConfigProvider } from "./providers/SankeyConfigProvider.js";
 import { SankeyDataProvider } from "./providers/SankeyDataProvider.js";
+import { SankeyFormatterProvider } from "./providers/SankeyFormatterProvider.js";
 import { SankeyChartLayout } from "./SankeyChart.js";
 import { Nodes } from "./slots/Nodes.js";
 import { iterateSlots } from "./utils/iterate-slots.js";
@@ -22,10 +23,12 @@ const SankeyChartRoot = (props) => {
     loading = false,
     truncationMode = DEFAULT_TRUNCATION_MODE,
     colorPalette = "categorical",
+    formatter,
+    unit,
     children
   } = props;
   const { nodes: nodesConfig } = iterateSlots(children);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(SankeyFormatterProvider, { formatter, unit, children: /* @__PURE__ */ jsx(
     SankeyConfigProvider,
     {
       nodesConfig,
@@ -54,7 +57,7 @@ const SankeyChartRoot = (props) => {
         }
       )
     }
-  );
+  ) });
 };
 SankeyChartRoot.displayName = DISPLAY_NAME;
 const SankeyChart = Object.assign(SankeyChartRoot, {

package/esm/charts/sankey-chart/SankeyChartRoot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/sankey-chart/SankeyChartRoot.tsx"],
-  "sourcesContent": ["import { DEFAULT_TRUNCATION_MODE, DISPLAY_NAME } from './constants.js';\nimport { SankeyConfigProvider } from './providers/SankeyConfigProvider.js';\nimport { SankeyDataProvider } from './providers/SankeyDataProvider.js';\nimport { SankeyChartLayout } from './SankeyChart.js';\nimport { Nodes } from './slots/Nodes.js';\nimport type { SankeyChartProps } from './types/sankey-props.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\n\n/**\n * @internal\n */\nexport const SankeyChartRoot = (props: SankeyChartProps) => {\n  const {\n    data,\n    sourceAccessor,\n    targetAccessor,\n    valueAccessor,\n    nodes,\n    nodeIdAccessor,\n    nodeLabelAccessor,\n    columnAccessor,\n    width,\n    height,\n    loading = false,\n    truncationMode = DEFAULT_TRUNCATION_MODE,\n    colorPalette = 'categorical',\n    children,\n  } = props;\n\n  const { nodes: nodesConfig } = iterateSlots(children);\n\n  return (\n    <SankeyConfigProvider\n      nodesConfig={nodesConfig}\n      truncationMode={truncationMode}\n      colorPalette={colorPalette}\n    >\n      <SankeyDataProvider\n        data={data}\n        sourceAccessor={sourceAccessor}\n        targetAccessor={targetAccessor}\n        valueAccessor={valueAccessor}\n        nodes={nodes}\n        nodeIdAccessor={nodeIdAccessor}\n        nodeLabelAccessor={nodeLabelAccessor}\n        columnAccessor={columnAccessor}\n      >\n        <SankeyChartLayout\n          chartWidth={width}\n          chartHeight={height}\n          showLoader={loading}\n        >\n          {children}\n        </SankeyChartLayout>\n      </SankeyDataProvider>\n    </SankeyConfigProvider>\n  );\n};\n\n(\n  SankeyChartRoot as typeof SankeyChartRoot & { displayName: string }\n).displayName = DISPLAY_NAME;\n\n/**\n * The `SankeyChart` visualizes directed flows between nodes across stages.\n * @internal\n */\nexport const SankeyChart = Object.assign(SankeyChartRoot, {\n  Nodes,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n});\n\n(SankeyChart as typeof SankeyChart & { displayName: string }).displayName =\n  'SankeyChart';\n"],
-  "mappings": "AAiDQ;AAjDR,SAAS,yBAAyB,oBAAoB;AACtD,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,aAAa;AAEtB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAKxB,MAAM,kBAAkB,CAAC,UAA4B;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,OAAO,YAAY,IAAI,aAAa,QAAQ;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,YAAY;AAAA,cAEX;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAGE,gBACA,cAAc;AAMT,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AACd,CAAC;AAEA,YAA6D,cAC5D;",
+  "sourcesContent": ["import { DEFAULT_TRUNCATION_MODE, DISPLAY_NAME } from './constants.js';\nimport { SankeyConfigProvider } from './providers/SankeyConfigProvider.js';\nimport { SankeyDataProvider } from './providers/SankeyDataProvider.js';\nimport { SankeyFormatterProvider } from './providers/SankeyFormatterProvider.js';\nimport { SankeyChartLayout } from './SankeyChart.js';\nimport { Nodes } from './slots/Nodes.js';\nimport type { SankeyChartProps } from './types/sankey-props.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\n\n/**\n * @internal\n */\nexport const SankeyChartRoot = (props: SankeyChartProps) => {\n  const {\n    data,\n    sourceAccessor,\n    targetAccessor,\n    valueAccessor,\n    nodes,\n    nodeIdAccessor,\n    nodeLabelAccessor,\n    columnAccessor,\n    width,\n    height,\n    loading = false,\n    truncationMode = DEFAULT_TRUNCATION_MODE,\n    colorPalette = 'categorical',\n    formatter,\n    unit,\n    children,\n  } = props;\n\n  const { nodes: nodesConfig } = iterateSlots(children);\n\n  return (\n    <SankeyFormatterProvider formatter={formatter} unit={unit}>\n    <SankeyConfigProvider\n      nodesConfig={nodesConfig}\n      truncationMode={truncationMode}\n      colorPalette={colorPalette}\n    >\n      <SankeyDataProvider\n        data={data}\n        sourceAccessor={sourceAccessor}\n        targetAccessor={targetAccessor}\n        valueAccessor={valueAccessor}\n        nodes={nodes}\n        nodeIdAccessor={nodeIdAccessor}\n        nodeLabelAccessor={nodeLabelAccessor}\n        columnAccessor={columnAccessor}\n      >\n        <SankeyChartLayout\n          chartWidth={width}\n          chartHeight={height}\n          showLoader={loading}\n        >\n          {children}\n        </SankeyChartLayout>\n      </SankeyDataProvider>\n    </SankeyConfigProvider>\n    </SankeyFormatterProvider>\n  );\n};\n\n(\n  SankeyChartRoot as typeof SankeyChartRoot & { displayName: string }\n).displayName = DISPLAY_NAME;\n\n/**\n * The `SankeyChart` visualizes directed flows between nodes across stages.\n * @internal\n */\nexport const SankeyChart = Object.assign(SankeyChartRoot, {\n  Nodes,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n});\n\n(SankeyChart as typeof SankeyChart & { displayName: string }).displayName =\n  'SankeyChart';\n"],
+  "mappings": "AAqDQ;AArDR,SAAS,yBAAyB,oBAAoB;AACtD,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AACxC,SAAS,yBAAyB;AAClC,SAAS,aAAa;AAEtB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAKxB,MAAM,kBAAkB,CAAC,UAA4B;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,OAAO,YAAY,IAAI,aAAa,QAAQ;AAEpD,SACE,oBAAC,2BAAwB,WAAsB,MAC/C;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,YAAY;AAAA,cAEX;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACA;AAEJ;AAGE,gBACA,cAAc;AAMT,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AACd,CAAC;AAEA,YAA6D,cAC5D;",
   "names": []
 }

package/esm/charts/sankey-chart/components/SankeyCanvas.css

@@ -1,4 +1,10 @@
-._1hfx9ue0-3-12-2 {
+._1hfx9ue0-3-13-2 {
   position: absolute;
   inset: 0;
+}
+._1hfx9ue1-3-13-2 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
 }