@dynatrace/strato-components 3.4.1 → 3.5.2

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

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

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

@@ -3,10 +3,10 @@ import { memo } from "react";
 import { useChartLayoutLoading } from "../../../core/components/chart-layout/hooks/useChartLayoutLoading.js";
 import { useChartLayoutOrientation } from "../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js";
 import { useChartLayoutSize } from "../../../core/components/chart-layout/hooks/useChartLayoutSize.js";
-import { ORIENTATION } from "../../../core/components/chart-layout/types/constants.js";
 import { getLegendOrientation } from "../../../core/components/chart-layout/utils/orientation.js";
 import { ChartLegend } from "../../../core/components/legend/categorical/ChartLegend.js";
 import { useLegendSeriesActions } from "../../../core/components/legend/categorical/hooks/useLegendSeriesActions.js";
+import { ORIENTATION } from "../../../core/constants.js";
 import { useTruncationMode } from "../../context/FormatterContext.js";
 import { usePieChartSlicesData } from "../../context/PieChartSlicesData.js";
 import { usePieHandlers } from "../../hooks/usePieHandlers.js";

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/pie/components/PieChartLegend/PieChartLegend.tsx"],
-  "sourcesContent": ["import { memo } from 'react';\n\nimport { useChartLayoutLoading } from '../../../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useChartLayoutOrientation } from '../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { useChartLayoutSize } from '../../../core/components/chart-layout/hooks/useChartLayoutSize.js';\nimport { ORIENTATION } from '../../../core/components/chart-layout/types/constants.js';\nimport { getLegendOrientation } from '../../../core/components/chart-layout/utils/orientation.js';\nimport { ChartLegend } from '../../../core/components/legend/categorical/ChartLegend.js';\nimport { useLegendSeriesActions } from '../../../core/components/legend/categorical/hooks/useLegendSeriesActions.js';\nimport { useTruncationMode } from '../../context/FormatterContext.js';\nimport { usePieChartSlicesData } from '../../context/PieChartSlicesData.js';\nimport { usePieHandlers } from '../../hooks/usePieHandlers.js';\nimport { InternalSliceData } from '../../types/internal/pie-chart.js';\n\n/**\n * ChartLegend component.\n */\nexport const PieChartLegend = memo(() => {\n  const { slices } = usePieChartSlicesData();\n  const { height, width, wrapperHeight } = useChartLayoutSize();\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const hideLegendForAspectRatio =\n    layoutOrientation === ORIENTATION.Horizontal\n      ? width < height\n      : wrapperHeight < height;\n\n  const { onLegendItemHover, onLegendItemClicked } = usePieHandlers(slices);\n\n  const legendOrientation = getLegendOrientation(layoutOrientation);\n  const truncationMode = useTruncationMode();\n  const legendActions = useLegendSeriesActions<InternalSliceData>(\n    slices,\n    (s) => s.id,\n  );\n  const isLoading = useChartLayoutLoading();\n\n  const legendItems = slices.map((slice) => ({\n    id: slice.id,\n    color: slice.color,\n    name: slice.category,\n  }));\n\n  return (\n    !hideLegendForAspectRatio && (\n      <ChartLegend\n        items={legendItems}\n        orientation={legendOrientation}\n        onHover={onLegendItemHover}\n        onClick={onLegendItemClicked}\n        onSeriesAction={legendActions}\n        truncationMode={truncationMode}\n        interactionsDisabled={isLoading}\n      />\n    )\n  );\n});\n\nPieChartLegend['displayName'] = 'PieChartLegend';\n"],
-  "mappings": "AA4CM;AA5CN,SAAS,YAAY;AAErB,SAAS,6BAA6B;AACtC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAMxB,MAAM,iBAAiB,KAAK,MAAM;AACvC,QAAM,EAAE,OAAO,IAAI,sBAAsB;AACzC,QAAM,EAAE,QAAQ,OAAO,cAAc,IAAI,mBAAmB;AAC5D,QAAM,EAAE,aAAa,kBAAkB,IAAI,0BAA0B;AACrE,QAAM,2BACJ,sBAAsB,YAAY,aAC9B,QAAQ,SACR,gBAAgB;AAEtB,QAAM,EAAE,mBAAmB,oBAAoB,IAAI,eAAe,MAAM;AAExE,QAAM,oBAAoB,qBAAqB,iBAAiB;AAChE,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,CAAC,MAAM,EAAE;AAAA,EACX;AACA,QAAM,YAAY,sBAAsB;AAExC,QAAM,cAAc,OAAO,IAAI,CAAC,WAAW;AAAA,IACzC,IAAI,MAAM;AAAA,IACV,OAAO,MAAM;AAAA,IACb,MAAM,MAAM;AAAA,EACd,EAAE;AAEF,SACE,CAAC,4BACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAa;AAAA,MACb,SAAS;AAAA,MACT,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB;AAAA,MACA,sBAAsB;AAAA;AAAA,EACxB;AAGN,CAAC;AAED,eAAe,aAAa,IAAI;",
+  "sourcesContent": ["import { memo } from 'react';\n\nimport { useChartLayoutLoading } from '../../../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useChartLayoutOrientation } from '../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { useChartLayoutSize } from '../../../core/components/chart-layout/hooks/useChartLayoutSize.js';\nimport { getLegendOrientation } from '../../../core/components/chart-layout/utils/orientation.js';\nimport { ChartLegend } from '../../../core/components/legend/categorical/ChartLegend.js';\nimport { useLegendSeriesActions } from '../../../core/components/legend/categorical/hooks/useLegendSeriesActions.js';\nimport { ORIENTATION } from '../../../core/constants.js';\nimport { useTruncationMode } from '../../context/FormatterContext.js';\nimport { usePieChartSlicesData } from '../../context/PieChartSlicesData.js';\nimport { usePieHandlers } from '../../hooks/usePieHandlers.js';\nimport { InternalSliceData } from '../../types/internal/pie-chart.js';\n\n/**\n * ChartLegend component.\n */\nexport const PieChartLegend = memo(() => {\n  const { slices } = usePieChartSlicesData();\n  const { height, width, wrapperHeight } = useChartLayoutSize();\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const hideLegendForAspectRatio =\n    layoutOrientation === ORIENTATION.Horizontal\n      ? width < height\n      : wrapperHeight < height;\n\n  const { onLegendItemHover, onLegendItemClicked } = usePieHandlers(slices);\n\n  const legendOrientation = getLegendOrientation(layoutOrientation);\n  const truncationMode = useTruncationMode();\n  const legendActions = useLegendSeriesActions<InternalSliceData>(\n    slices,\n    (s) => s.id,\n  );\n  const isLoading = useChartLayoutLoading();\n\n  const legendItems = slices.map((slice) => ({\n    id: slice.id,\n    color: slice.color,\n    name: slice.category,\n  }));\n\n  return (\n    !hideLegendForAspectRatio && (\n      <ChartLegend\n        items={legendItems}\n        orientation={legendOrientation}\n        onHover={onLegendItemHover}\n        onClick={onLegendItemClicked}\n        onSeriesAction={legendActions}\n        truncationMode={truncationMode}\n        interactionsDisabled={isLoading}\n      />\n    )\n  );\n});\n\nPieChartLegend['displayName'] = 'PieChartLegend';\n"],
+  "mappings": "AA4CM;AA5CN,SAAS,YAAY;AAErB,SAAS,6BAA6B;AACtC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B;AACvC,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAMxB,MAAM,iBAAiB,KAAK,MAAM;AACvC,QAAM,EAAE,OAAO,IAAI,sBAAsB;AACzC,QAAM,EAAE,QAAQ,OAAO,cAAc,IAAI,mBAAmB;AAC5D,QAAM,EAAE,aAAa,kBAAkB,IAAI,0BAA0B;AACrE,QAAM,2BACJ,sBAAsB,YAAY,aAC9B,QAAQ,SACR,gBAAgB;AAEtB,QAAM,EAAE,mBAAmB,oBAAoB,IAAI,eAAe,MAAM;AAExE,QAAM,oBAAoB,qBAAqB,iBAAiB;AAChE,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,CAAC,MAAM,EAAE;AAAA,EACX;AACA,QAAM,YAAY,sBAAsB;AAExC,QAAM,cAAc,OAAO,IAAI,CAAC,WAAW;AAAA,IACzC,IAAI,MAAM;AAAA,IACV,OAAO,MAAM;AAAA,IACb,MAAM,MAAM;AAAA,EACd,EAAE;AAEF,SACE,CAAC,4BACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAa;AAAA,MACb,SAAS;AAAA,MACT,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB;AAAA,MACA,sBAAsB;AAAA;AAAA,EACxB;AAGN,CAAC;AAED,eAAe,aAAa,IAAI;",
   "names": []
 }

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

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

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

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

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

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

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

@@ -1,3 +1,3 @@
-._1iotdmn0-3-4-1 {
+._1iotdmn0-3-5-2 {
   position: relative;
 }

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

@@ -1,5 +1,5 @@
 import "./PieChartPlot.css";
-var container = "_1iotdmn0-3-4-1";
+var container = "_1iotdmn0-3-5-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-4-1';"],
+  "sourcesContent": ["import './PieChartPlot.css';\nexport var container = '_1iotdmn0-3-5-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

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

@@ -4,7 +4,9 @@ import { useSelector as useOverlayTooltipSelector } from "../../../core/componen
 import { isTooltipDataEmpty } from "../../../core/components/overlay-tooltip/utils.js";
 import { useTooltipSeriesActions } from "../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js";
 import { useVisibleSlicesState } from "../../hooks/store/selectors.js";
+import { usePieChartTooltip } from "../../hooks/usePieChartTooltip.js";
 const PieChartTooltip = () => {
+  const customTooltip = usePieChartTooltip();
   const overlayTooltipPinned = useOverlayTooltipSelector(
     (state) => state.pinned
   );
@@ -14,12 +16,21 @@ const PieChartTooltip = () => {
     visibleSlices,
     (slice) => slice.id
   );
-  if (isTooltipDataEmpty(overlayData)) {
+  if (customTooltip?.hidden || isTooltipDataEmpty(overlayData)) {
     return null;
   }
   const metadata = overlayData.metadata;
   const currentSeries = overlayData.series[0];
   const fallbackSeriesId = typeof currentSeries.name === "string" ? currentSeries.name : "";
+  if (customTooltip?.template) {
+    const payload = {
+      category: typeof currentSeries.name === "string" ? currentSeries.name : "",
+      value: currentSeries.value,
+      percentage: currentSeries.relativeValue,
+      color: currentSeries.color
+    };
+    return /* @__PURE__ */ jsx(OverlayTooltip, { legacyTemplate: customTooltip.template(payload) });
+  }
   const tooltipItem = currentSeries ? {
     id: metadata?.sliceId ?? fallbackSeriesId,
     name: currentSeries.name,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/pie/components/PieChartTooltip/PieChartTooltip.tsx"],
-  "sourcesContent": ["import { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport { useSelector as useOverlayTooltipSelector } from '../../../core/components/overlay-tooltip/selectors.js';\nimport { isTooltipDataEmpty } from '../../../core/components/overlay-tooltip/utils.js';\nimport { useTooltipSeriesActions } from '../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport { type TooltipItem } from '../../../core/types/tooltip.js';\nimport { useVisibleSlicesState } from '../../hooks/store/selectors.js';\nimport type { InternalSliceData } from '../../types/internal/pie-chart.js';\n\nexport const PieChartTooltip = () => {\n  const overlayTooltipPinned = useOverlayTooltipSelector(\n    (state) => state.pinned,\n  );\n  const overlayData = useOverlayTooltipSelector((state) => state.data);\n  const visibleSlices = useVisibleSlicesState();\n\n  const seriesActions = useTooltipSeriesActions<InternalSliceData>(\n    visibleSlices,\n    (slice) => slice.id,\n  );\n\n  if (isTooltipDataEmpty(overlayData)) {\n    return null;\n  }\n\n  const metadata = overlayData.metadata as { sliceId?: string } | undefined;\n  const currentSeries = overlayData.series[0];\n  const fallbackSeriesId =\n    typeof currentSeries.name === 'string' ? currentSeries.name : '';\n\n  const tooltipItem: TooltipItem | undefined = currentSeries\n    ? {\n        id: metadata?.sliceId ?? fallbackSeriesId,\n        name: currentSeries.name,\n        color: { Default: currentSeries.color },\n        values: [\n          currentSeries.value?.toString() || '',\n          currentSeries.relativeValue?.toString() || '',\n        ] as string[],\n      }\n    : undefined;\n\n  const actions = (\n    overlayTooltipPinned && tooltipItem\n      ? () => seriesActions(tooltipItem)\n      : undefined\n  ) as (() => SeriesActionsTemplate) | undefined;\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.SeriesItem\n        name={currentSeries.name}\n        value={currentSeries.value as string | number}\n        color={currentSeries.color}\n        relativeValue={currentSeries.relativeValue}\n        relativeValueUnit={currentSeries.relativeValueUnit}\n        actions={actions}\n      />\n    </OverlayTooltip>\n  );\n};\n"],
-  "mappings": "AAkDM;AAlDN,SAAS,sBAAsB;AAC/B,SAAS,eAAe,iCAAiC;AACzD,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AAGxC,SAAS,6BAA6B;AAG/B,MAAM,kBAAkB,MAAM;AACnC,QAAM,uBAAuB;AAAA,IAC3B,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,cAAc,0BAA0B,CAAC,UAAU,MAAM,IAAI;AACnE,QAAM,gBAAgB,sBAAsB;AAE5C,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,MAAI,mBAAmB,WAAW,GAAG;AACnC,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,YAAY;AAC7B,QAAM,gBAAgB,YAAY,OAAO,CAAC;AAC1C,QAAM,mBACJ,OAAO,cAAc,SAAS,WAAW,cAAc,OAAO;AAEhE,QAAM,cAAuC,gBACzC;AAAA,IACE,IAAI,UAAU,WAAW;AAAA,IACzB,MAAM,cAAc;AAAA,IACpB,OAAO,EAAE,SAAS,cAAc,MAAM;AAAA,IACtC,QAAQ;AAAA,MACN,cAAc,OAAO,SAAS,KAAK;AAAA,MACnC,cAAc,eAAe,SAAS,KAAK;AAAA,IAC7C;AAAA,EACF,IACA;AAEJ,QAAM,UACJ,wBAAwB,cACpB,MAAM,cAAc,WAAW,IAC/B;AAGN,SACE,oBAAC,kBACC;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,MAAM,cAAc;AAAA,MACpB,OAAO,cAAc;AAAA,MACrB,OAAO,cAAc;AAAA,MACrB,eAAe,cAAc;AAAA,MAC7B,mBAAmB,cAAc;AAAA,MACjC;AAAA;AAAA,EACF,GACF;AAEJ;",
+  "sourcesContent": ["import { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport { useSelector as useOverlayTooltipSelector } from '../../../core/components/overlay-tooltip/selectors.js';\nimport { isTooltipDataEmpty } from '../../../core/components/overlay-tooltip/utils.js';\nimport { useTooltipSeriesActions } from '../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport { type TooltipItem } from '../../../core/types/tooltip.js';\nimport { useVisibleSlicesState } from '../../hooks/store/selectors.js';\nimport { usePieChartTooltip } from '../../hooks/usePieChartTooltip.js';\nimport type { InternalSliceData } from '../../types/internal/pie-chart.js';\nimport type { PieChartTooltipPayload } from '../../types/pie-chart.config.js';\n\nexport const PieChartTooltip = () => {\n  const customTooltip = usePieChartTooltip();\n  const overlayTooltipPinned = useOverlayTooltipSelector(\n    (state) => state.pinned,\n  );\n  const overlayData = useOverlayTooltipSelector((state) => state.data);\n  const visibleSlices = useVisibleSlicesState();\n\n  const seriesActions = useTooltipSeriesActions<InternalSliceData>(\n    visibleSlices,\n    (slice) => slice.id,\n  );\n\n  if (customTooltip?.hidden || isTooltipDataEmpty(overlayData)) {\n    return null;\n  }\n\n  const metadata = overlayData.metadata as { sliceId?: string } | undefined;\n  const currentSeries = overlayData.series[0];\n  const fallbackSeriesId =\n    typeof currentSeries.name === 'string' ? currentSeries.name : '';\n\n  if (customTooltip?.template) {\n    const payload: PieChartTooltipPayload = {\n      category:\n        typeof currentSeries.name === 'string' ? currentSeries.name : '',\n      value: currentSeries.value as string | number,\n      percentage: currentSeries.relativeValue as number,\n      color: currentSeries.color,\n    };\n\n    return <OverlayTooltip legacyTemplate={customTooltip.template(payload)} />;\n  }\n\n  const tooltipItem: TooltipItem | undefined = currentSeries\n    ? {\n        id: metadata?.sliceId ?? fallbackSeriesId,\n        name: currentSeries.name,\n        color: { Default: currentSeries.color },\n        values: [\n          currentSeries.value?.toString() || '',\n          currentSeries.relativeValue?.toString() || '',\n        ] as string[],\n      }\n    : undefined;\n\n  const actions = (\n    overlayTooltipPinned && tooltipItem\n      ? () => seriesActions(tooltipItem)\n      : undefined\n  ) as (() => SeriesActionsTemplate) | undefined;\n\n  return (\n    <OverlayTooltip>\n      <OverlayTooltip.SeriesItem\n        name={currentSeries.name}\n        value={currentSeries.value as string | number}\n        color={currentSeries.color}\n        relativeValue={currentSeries.relativeValue}\n        relativeValueUnit={currentSeries.relativeValueUnit}\n        actions={actions}\n      />\n    </OverlayTooltip>\n  );\n};\n"],
+  "mappings": "AA0CW;AA1CX,SAAS,sBAAsB;AAC/B,SAAS,eAAe,iCAAiC;AACzD,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AAGxC,SAAS,6BAA6B;AACtC,SAAS,0BAA0B;AAI5B,MAAM,kBAAkB,MAAM;AACnC,QAAM,gBAAgB,mBAAmB;AACzC,QAAM,uBAAuB;AAAA,IAC3B,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,cAAc,0BAA0B,CAAC,UAAU,MAAM,IAAI;AACnE,QAAM,gBAAgB,sBAAsB;AAE5C,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,MAAI,eAAe,UAAU,mBAAmB,WAAW,GAAG;AAC5D,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,YAAY;AAC7B,QAAM,gBAAgB,YAAY,OAAO,CAAC;AAC1C,QAAM,mBACJ,OAAO,cAAc,SAAS,WAAW,cAAc,OAAO;AAEhE,MAAI,eAAe,UAAU;AAC3B,UAAM,UAAkC;AAAA,MACtC,UACE,OAAO,cAAc,SAAS,WAAW,cAAc,OAAO;AAAA,MAChE,OAAO,cAAc;AAAA,MACrB,YAAY,cAAc;AAAA,MAC1B,OAAO,cAAc;AAAA,IACvB;AAEA,WAAO,oBAAC,kBAAe,gBAAgB,cAAc,SAAS,OAAO,GAAG;AAAA,EAC1E;AAEA,QAAM,cAAuC,gBACzC;AAAA,IACE,IAAI,UAAU,WAAW;AAAA,IACzB,MAAM,cAAc;AAAA,IACpB,OAAO,EAAE,SAAS,cAAc,MAAM;AAAA,IACtC,QAAQ;AAAA,MACN,cAAc,OAAO,SAAS,KAAK;AAAA,MACnC,cAAc,eAAe,SAAS,KAAK;AAAA,IAC7C;AAAA,EACF,IACA;AAEJ,QAAM,UACJ,wBAAwB,cACpB,MAAM,cAAc,WAAW,IAC/B;AAGN,SACE,oBAAC,kBACC;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,MAAM,cAAc;AAAA,MACpB,OAAO,cAAc;AAAA,MACrB,OAAO,cAAc;AAAA,MACrB,eAAe,cAAc;AAAA,MAC7B,mBAAmB,cAAc;AAAA,MACjC;AAAA;AAAA,EACF,GACF;AAEJ;",
   "names": []
 }

package/esm/charts/pie/{contexts → context}/PieChartOverlayRefContext.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/charts/pie/contexts/PieChartOverlayRefContext.ts"],
+  "sources": ["../../../../../src/charts/pie/context/PieChartOverlayRefContext.ts"],
   "sourcesContent": ["import { createContext, type RefObject } from 'react';\n\nexport const PieChartOverlayRefContext = createContext<\n  RefObject<HTMLElement | null> | undefined\n>(undefined);\n"],
   "mappings": "AAAA,SAAS,qBAAqC;AAEvC,MAAM,4BAA4B,cAEvC,MAAS;",
   "names": []

package/esm/charts/pie/context/PieChartTooltipContext.js

@@ -0,0 +1,10 @@
+import { createContext } from "react";
+const DEFAULT_TOOLTIP_CONFIG = {
+  hidden: false
+};
+const PieChartTooltipContext = createContext(DEFAULT_TOOLTIP_CONFIG);
+export {
+  DEFAULT_TOOLTIP_CONFIG,
+  PieChartTooltipContext
+};
+//# sourceMappingURL=PieChartTooltipContext.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/pie/context/PieChartTooltipContext.ts"],
+  "sourcesContent": ["import { createContext } from 'react';\n\nimport { PieChartCustomTooltipConfig } from '../types/pie-chart.config.js';\n\nexport const DEFAULT_TOOLTIP_CONFIG: PieChartCustomTooltipConfig = {\n  hidden: false,\n};\n\nexport const PieChartTooltipContext =\n  createContext<PieChartCustomTooltipConfig>(DEFAULT_TOOLTIP_CONFIG);\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAIvB,MAAM,yBAAsD;AAAA,EACjE,QAAQ;AACV;AAEO,MAAM,yBACX,cAA2C,sBAAsB;",
+  "names": []
+}

package/esm/charts/pie/hooks/usePieChartTooltip.js

@@ -0,0 +1,7 @@
+import { useContext } from "react";
+import { PieChartTooltipContext } from "../context/PieChartTooltipContext.js";
+const usePieChartTooltip = () => useContext(PieChartTooltipContext);
+export {
+  usePieChartTooltip
+};
+//# sourceMappingURL=usePieChartTooltip.js.map

package/esm/charts/pie/hooks/usePieChartTooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/pie/hooks/usePieChartTooltip.tsx"],
+  "sourcesContent": ["import { useContext } from 'react';\n\nimport { PieChartTooltipContext } from '../context/PieChartTooltipContext.js';\n\nexport const usePieChartTooltip = () => useContext(PieChartTooltipContext);\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,8BAA8B;AAEhC,MAAM,qBAAqB,MAAM,WAAW,sBAAsB;",
+  "names": []
+}

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

@@ -6,6 +6,10 @@ import { FormatterContext } from "../context/FormatterContext.js";
 import { LabelsContext } from "../context/LabelsContext.js";
 import { PieChartConfigContext } from "../context/PieChartConfigContext.js";
 import { PieChartRawDataContext } from "../context/PieChartRawDataContext.js";
+import {
+  PieChartTooltipContext,
+  DEFAULT_TOOLTIP_CONFIG
+} from "../context/PieChartTooltipContext.js";
 import { ToolbarContext } from "../context/ToolbarContext.js";
 const ChartProviders = (props) => {
   const { chartConfig, chartData, children } = props;
@@ -18,20 +22,26 @@ const ChartProviders = (props) => {
         chartSeriesActions: chartConfig.seriesActions
       },
       children: /* @__PURE__ */ jsx(PieChartRawDataContext.Provider, { value: chartData, children: /* @__PURE__ */ jsx(PieChartConfigContext.Provider, { value: chartConfig, children: /* @__PURE__ */ jsx(
-        LabelsContext.Provider,
+        PieChartTooltipContext.Provider,
         {
-          value: {
-            hidden: chartConfig.labels?.hidden,
-            valueType: chartConfig.labels?.valueType
-          },
+          value: chartConfig.tooltip ?? DEFAULT_TOOLTIP_CONFIG,
           children: /* @__PURE__ */ jsx(
-            FormatterContext.Provider,
+            LabelsContext.Provider,
             {
               value: {
-                formatter: chartConfig.formatter,
-                truncationMode: chartConfig.truncationMode
+                hidden: chartConfig.labels?.hidden,
+                valueType: chartConfig.labels?.valueType
               },
-              children: /* @__PURE__ */ jsx(ChartLegendContext.Provider, { value: chartConfig.legend, children: /* @__PURE__ */ jsx(ToolbarContext.Provider, { value: chartConfig.toolbar, children: /* @__PURE__ */ jsx(StoreProvider, { children }) }) })
+              children: /* @__PURE__ */ jsx(
+                FormatterContext.Provider,
+                {
+                  value: {
+                    formatter: chartConfig.formatter,
+                    truncationMode: chartConfig.truncationMode
+                  },
+                  children: /* @__PURE__ */ jsx(ChartLegendContext.Provider, { value: chartConfig.legend, children: /* @__PURE__ */ jsx(ToolbarContext.Provider, { value: chartConfig.toolbar, children: /* @__PURE__ */ jsx(StoreProvider, { children }) }) })
+                }
+              )
             }
           )
         }

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 { 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  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          <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        </PieChartConfigContext.Provider>\n      </PieChartRawDataContext.Provider>\n    </ChartSeriesActionContext.Provider>\n  );\n};\n"],
-  "mappings": "AAiDkB;AA/ClB,SAAS,qBAAqB;AAC9B,SAAS,gCAAgC;AACzC,SAAS,0BAA0B;AACnC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAWxB,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,cAAc;AAAA,QAAd;AAAA,UACC,OAAO;AAAA,YACL,QAAQ,YAAY,QAAQ;AAAA,YAC5B,WAAW,YAAY,QAAQ;AAAA,UACjC;AAAA,UAEA;AAAA,YAAC,iBAAiB;AAAA,YAAjB;AAAA,cACC,OAAO;AAAA,gBACL,WAAW,YAAY;AAAA,gBACvB,gBAAgB,YAAY;AAAA,cAC9B;AAAA,cAEA,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,YAAY,QAC9C,8BAAC,eAAe,UAAf,EAAwB,OAAO,YAAY,SAC1C,8BAAC,iBAAe,UAAS,GAC3B,GACF;AAAA;AAAA,UACF;AAAA;AAAA,MACF,GACF,GACF;AAAA;AAAA,EACF;AAEJ;",
+  "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  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": "AAwDoB;AAtDpB,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;AAWxB,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/slots/DonutChartTooltip.js

@@ -0,0 +1,6 @@
+const Tooltip = (props) => null;
+Tooltip["displayName"] = "DonutChart.Tooltip";
+export {
+  Tooltip
+};
+//# sourceMappingURL=DonutChartTooltip.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/pie/slots/DonutChartTooltip.tsx"],
+  "sourcesContent": ["import type { DonutChartCustomTooltipProps } from '../types/pie-chart.config.js';\n\n/**\n * Tooltip slot component.\n */\nexport const Tooltip = (props: DonutChartCustomTooltipProps) => null;\n\nTooltip['displayName'] = 'DonutChart.Tooltip';\n"],
+  "mappings": "AAKO,MAAM,UAAU,CAAC,UAAwC;AAEhE,QAAQ,aAAa,IAAI;",
+  "names": []
+}

package/esm/charts/pie/slots/PieChartTooltip.js

@@ -0,0 +1,6 @@
+const Tooltip = (props) => null;
+Tooltip["displayName"] = "PieChart.Tooltip";
+export {
+  Tooltip
+};
+//# sourceMappingURL=PieChartTooltip.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/pie/slots/PieChartTooltip.tsx"],
+  "sourcesContent": ["import type { PieChartCustomTooltipProps } from '../types/pie-chart.config.js';\n\n/**\n * Tooltip slot component.\n */\nexport const Tooltip = (props: PieChartCustomTooltipProps) => null;\n\nTooltip['displayName'] = 'PieChart.Tooltip';\n"],
+  "mappings": "AAKO,MAAM,UAAU,CAAC,UAAsC;AAE9D,QAAQ,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 {\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/**\n * @public\n * @deprecated use string or Unit type instead\n */\nexport type SliceUnit = string;\n\n/**\n * @public\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 * @public\n */\nexport interface PieChartData {\n  /** Slice data array */\n  slices: SliceData[];\n  /** The unit of the slices */\n  unit?: string | Unit;\n}\n\n/**\n * @public\n */\nexport interface PieChartProps\n  extends StylingProps,\n    MaskingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  /**\n   * Categorical data of the chart.\n   */\n  data: PieChartData;\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  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  /** Show the loading indicator when truly.\n   * @defaultValue false\n   */\n  loading?: boolean;\n}\n\n/**\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  /** Callback to display series actions for a slice */\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  colorRules?: ColorRuleProps[];\n}\n\n/**\n * @internal\n */\nexport type DonutChartContextConfig = PieChartContextConfig;\n\n/**\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<PieChartConfiguration, 'toolbar' | 'seriesActions' | 'colorRules'>\n> & {\n  toolbar?: PieChartInternalToolbarConfig;\n  innerElement?: InnerHandler | ReactNode;\n  colorRules?: ColorRuleProps[];\n};\n\n/**\n * @internal\n */\nexport type RequiredDonutChartConfiguration = RequiredPieChartConfiguration;\n\n/**\n * @internal\n */\nexport type NotRequiredPieChartConfiguration = {\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 * @public\n */\nexport type PieChartLegendConfig = LegendProps;\n\n/**\n * @public\n */\nexport type DonutChartData = PieChartData;\n\n/**\n * @public\n */\nexport interface DonutChartProps\n  extends StylingProps,\n    MaskingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  /**\n   * Categorical data of the chart.\n   */\n  data: DonutChartData;\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  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  /** Show the loading indicator when truly.\n   * @defaultValue false\n   */\n  loading?: boolean;\n}\n\n/**\n * @public\n */\nexport type DonutChartLegendConfig = PieChartLegendConfig;\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}\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": "AAiOO,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 {\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 * @public\n * @deprecated use string or Unit type instead\n */\nexport type SliceUnit = string;\n\n/**\n * @public\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 * @public\n */\nexport interface PieChartData {\n  /** Slice data array */\n  slices: SliceData[];\n  /** The unit of the slices */\n  unit?: string | Unit;\n}\n\n/**\n * @public\n */\nexport interface PieChartProps\n  extends StylingProps,\n    MaskingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  /**\n   * Categorical data of the chart.\n   */\n  data: PieChartData;\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  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  /** Show the loading indicator when truly.\n   * @defaultValue false\n   */\n  loading?: boolean;\n}\n\n/**\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  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  colorRules?: ColorRuleProps[];\n}\n\n/**\n * @internal\n */\nexport type DonutChartContextConfig = PieChartContextConfig;\n\n/**\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  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 * @public\n */\nexport type PieChartLegendConfig = LegendProps;\n\n/**\n * @public\n */\nexport type DonutChartData = PieChartData;\n\n/**\n * @public\n */\nexport interface DonutChartProps\n  extends StylingProps,\n    MaskingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  /**\n   * Categorical data of the chart.\n   */\n  data: DonutChartData;\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  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  /** Show the loading indicator when truly.\n   * @defaultValue false\n   */\n  loading?: boolean;\n}\n\n/**\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 * @public\n */\nexport type PieChartCustomTooltipProps = {\n  hidden?: boolean;\n  symbolAlignment?: 'left' | 'right';\n  children?: (payload: PieChartTooltipPayload) => ReactNode;\n};\n\n/**\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": "AAiPO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;",
   "names": []
 }

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

@@ -12,10 +12,12 @@ import { Grouping as DonutChartGrouping } from "../slots/DonutChartGrouping.js";
 import { DonutChartInner } from "../slots/DonutChartInner.js";
 import { Labels as DonutChartLabels } from "../slots/DonutChartLabels.js";
 import { Legend as DonutChartLegend } from "../slots/DonutChartLegend.js";
+import { Tooltip as DonutChartTooltipSlot } from "../slots/DonutChartTooltip.js";
 import { PieChartDownloadCSVSlot } from "../slots/PieChartDownloadCSV.js";
 import { Grouping as PieChartGrouping } from "../slots/PieChartGrouping.js";
 import { Labels as PieChartLabels } from "../slots/PieChartLabels.js";
 import { Legend as PieChartLegend } from "../slots/PieChartLegend.js";
+import { Tooltip as PieChartTooltipSlot } from "../slots/PieChartTooltip.js";
 const iterateChartToolbarSlots = (children) => {
   let slots = {};
   Children.forEach(children, (childInteractions) => {
@@ -32,7 +34,8 @@ function iterateSlots(children) {
     legend: {},
     toolbar: void 0,
     innerElement: void 0,
-    colorRules: []
+    colorRules: [],
+    tooltip: void 0
   };
   let intents;
   Children.map(children, (child) => {
@@ -71,6 +74,14 @@ function iterateSlots(children) {
       slots = { ...slots, innerElement: inner };
     } else if (isSlot(child, ColorRule)) {
       isValidColorRule(child.props) && slots.colorRules.push(child.props);
+    } else if (isSlot(child, PieChartTooltipSlot) || isSlot(child, DonutChartTooltipSlot)) {
+      slots = {
+        ...slots,
+        tooltip: {
+          hidden: child.props.hidden ?? false,
+          template: child.props.children
+        }
+      };
     }
   });
   if (intents?.length) {

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 { 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 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  };\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    }\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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",
+  "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"],
+  "mappings": "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",
   "names": ["children"]
 }

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

@@ -75,7 +75,8 @@ function buildPieChartConfig(props, contextConfig, slots) {
     toolbar,
     innerElement: slots.innerElement,
     seriesActions,
-    colorRules
+    colorRules,
+    tooltip: slots.tooltip ?? contextConfig.tooltip
   };
 }
 function deserializeConfig(serializedConfig) {

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  const formatter =\n    props.formatter ??\n    contextConfig.formatter ??\n    (defaultUnitFormatter(props.data.unit, 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  };\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;AAExE,QAAM,YACJ,MAAM,aACN,cAAc,aACb,qBAAqB,MAAM,KAAK,MAAM,CAAC;AAE1C,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,EACF;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;",
+  "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  const formatter =\n    props.formatter ??\n    contextConfig.formatter ??\n    (defaultUnitFormatter(props.data.unit, 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;AAExE,QAAM,YACJ,MAAM,aACN,cAAc,aACb,qBAAqB,MAAM,KAAK,MAAM,CAAC;AAE1C,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/single-value/SingleValue.css

@@ -1,4 +1,4 @@
-._1sfgzlg0-3-4-1 {
+._1sfgzlg0-3-5-2 {
   height: inherit;
   width: inherit;
 }

package/esm/charts/single-value/SingleValue.sty.js

@@ -1,5 +1,5 @@
 import "./SingleValue.css";
-var container = "_1sfgzlg0-3-4-1";
+var container = "_1sfgzlg0-3-5-2";
 export {
   container
 };

package/esm/charts/single-value/SingleValue.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/single-value/SingleValue.css.ts"],
-  "sourcesContent": ["import './SingleValue.css';\nexport var container = '_1sfgzlg0-3-4-1';"],
+  "sourcesContent": ["import './SingleValue.css';\nexport var container = '_1sfgzlg0-3-5-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/single-value-grid/SingleValueGrid.css

@@ -1,7 +1,7 @@
-._1mx9zjb0-3-4-1 {
+._1mx9zjb0-3-5-2 {
   height: 100%;
   width: 100%;
 }
-._1mx9zjb0-3-4-1 > div {
+._1mx9zjb0-3-5-2 > div {
   overflow: hidden;
 }

package/esm/charts/single-value-grid/SingleValueGrid.sty.js

@@ -1,5 +1,5 @@
 import "./SingleValueGrid.css";
-var gridRows = "_1mx9zjb0-3-4-1";
+var gridRows = "_1mx9zjb0-3-5-2";
 export {
   gridRows
 };