@dynatrace/strato-components 3.7.0 → 3.8.0

package/charts/index.d.ts

@@ -175,6 +175,7 @@ export type { ErrorStateSlotProps as ErrorStateProps } from './core/slots/chart-
 export { ChartToolbar } from './core/slots/toolbar/ChartToolbar.js';
 export type { CompactToolbarProps } from './core/slots/toolbar/CompactToolbar.tsx';
 export type { ChartMessage } from './core/types/chart-message.js';
+export type { ChartData, ChartDatapoint } from './core/types/chart-data.js';
 export type { ChartUnit } from './core/types/chart-unit.js';
 export type { ColorPalette, CustomColorPalette, ColorPaletteMode, ColorToken, AutomaticColorPalette as _AutomaticColorPalette, ThemedColorPalette as _ThemedColorPalette, ColorPaletteDefinition as _ColorPaletteDefinition, } from './core/types/color-palette.js';
 export type { DateString } from './core/types/dates.js';
@@ -202,7 +203,7 @@ export type { PanSlotProps } from './histogram/slots/Pan.js';
 export type { HistogramThresholdIndicatorProps } from './histogram/slots/ThresholdIndicator.js';
 export { HoneycombChart } from './honeycomb/HoneycombChart.js';
 export { HoneycombChartConfig } from './honeycomb/context/honeycomb-chart-config.context.js';
-export type { HoneycombChartRef, HoneycombChartProps, HoneycombLabelsDisplay, HoneycombTileData, HoneycombTileShape, HoneycombTileBaseData, HoneycombTileNumericData, HoneycombTileCategoricalData, HoneycombCategoricalProps, HoneycombChartNumericalProps, HoneycombBaseProps, } from './honeycomb/types/honeycomb.js';
+export type { HoneycombChartRef, HoneycombChartProps, HoneycombLabelsDisplay, HoneycombChartAccessorDataProps, HoneycombTileData, HoneycombTileShape, HoneycombTileBaseData, HoneycombTileNumericData, HoneycombTileCategoricalData, HoneycombCategoricalProps, HoneycombChartNumericalProps, HoneycombBaseProps, } from './honeycomb/types/honeycomb.js';
 export type { HoneycombChartProperties, HoneycombChartToolbarConfiguration, } from './honeycomb/types/honeycomb-config-properties.js';
 export type { HoneycombLegendProps } from './honeycomb/slots/HoneycombLegend.js';
 export type { HoneycombChartTooltipProps, HoneycombCustomTooltipConfig, HoneycombTooltipPayload, } from './honeycomb/types/honeycomb-internal.js';
@@ -225,7 +226,7 @@ export { PieChart } from './pie/PieChart.js';
 export { DonutChart } from './pie/DonutChart.js';
 export { DonutChartConfig, PieChartConfig, } from './pie/context/ChartConfigContext.js';
 export type { DonutChartRef, PieChartRef } from './pie/types/pie-chart-ref.js';
-export type { DonutChartData, DonutChartLegendConfig, DonutChartProps, DonutChartCustomTooltipProps, GroupConfig, InnerHandler, InnerParams, LabelTypeOptions, LabelsConfig, PieChartConfiguration, PieChartContextConfig, PieChartCustomTooltipConfig, PieChartData, PieChartLegendConfig, PieChartProps, PieChartTooltipPayload, PieChartCustomTooltipProps, SliceData, SliceUnit, ThresholdConfig, ThresholdType, thresholdTypeOptions, } from './pie/types/pie-chart.config.js';
+export type { DonutChartAccessorDataProps, DonutChartBaseProps, DonutChartData, DonutChartLegacyDataProps, DonutChartLegendConfig, DonutChartProps, DonutChartCustomTooltipProps, GroupConfig, InnerHandler, InnerParams, LabelTypeOptions, LabelsConfig, PieChartAccessorDataProps, PieChartBaseProps, PieChartConfiguration, PieChartContextConfig, PieChartCustomTooltipConfig, PieChartData, PieChartLegacyDataProps, PieChartLegendConfig, PieChartProps, PieChartTooltipPayload, PieChartCustomTooltipProps, SliceData, SliceUnit, ThresholdConfig, ThresholdType, thresholdTypeOptions, } from './pie/types/pie-chart.config.js';
 export type { PieChartSlotProps } from './pie/types/toolbar.js';
 export type { PieChartToolbarSlotProps } from './pie/types/toolbar.js';
 export type { PieChartToolbarConfig } from './pie/types/toolbar.js';
@@ -296,10 +297,11 @@ export type { XYChartTooltipBodyProps as _XYChartTooltipBodyProps } from './xy-c
 export { XYChartTooltipBody as _XYChartTooltipBody } from './xy-chart/components/tooltip/XYChartTooltipBody/XYChartTooltipBody.js';
 export { TopList } from './top-list/TopList.js';
 export type { TopListProps } from './top-list/TopList.js';
-export type { _XYChartAdoptionProps } from './xy-chart-adoption/types/props.js';
+export type { _XYChartAdoptionProps } from './xy-chart-adoption/shared/types/props.js';
+export type { _XYChartLegacyProps } from './xy-chart-adoption/shared/types/legacy-props.js';
 export type { GanttChartConfig, GanttChartFormatter, GanttChartFormatterCurrencyOptions, GanttSegmentData, GanttAnnotationsHeaderConfig, GanttAnnotationsMarkerProps, GanttAnnotationsTrackConfig, } from './gantt-chart/types/gantt-chart.js';
 export { TreeMap } from './tree-map/TreeMap.js';
-export type { TreeMapProps, TreeMapData, TreeMapLeafNode, TreeMapRootNode, TreeMapClusterNode, LabelsDisplay, NameAccessor, TreeMapElementRef, } from './tree-map/types/treemap.js';
+export type { TreeMapProps, TreeMapBaseProps, TreeMapHierarchicalProps, TreeMapFlatProps, TreeMapData, TreeMapLeafNode, TreeMapRootNode, TreeMapClusterNode, LabelsDisplay, NameAccessor, TreeMapElementRef, } from './tree-map/types/treemap.js';
 export type { TreeMapContextConfig, TreemapChartLegendConfig, TreeMapChartToolbarConfig, TreeMapCustomTooltipConfig, TreeMapCustomTooltipProps, TreeMapTooltipPayload, } from './tree-map/types/treemap-chart.config.js';
 export { TreeMapConfig } from './tree-map/context/TreeMapConfigContext.js';
 export { useMousePosition as _useMousePosition } from './core/hooks/useMousePosition.js';

package/charts/meter-bar/shared/components/meter-bar-layout/MeterBarLayout.css

@@ -1,68 +1,68 @@
-._1m3udw10-3-7-0 {
+._1m3udw10-3-8-0 {
   display: flex;
   justify-content: center;
   grid-area: value;
   align-self: self-end;
   justify-self: end;
 }
-._1m3udw11-3-7-0 {
+._1m3udw11-3-8-0 {
   margin-bottom: var(--dt-spacings-size-2, 2px);
   align-items: center;
   height: 20px;
 }
-._1m3udw12-3-7-0 {
+._1m3udw12-3-8-0 {
   margin-bottom: var(--dt-spacings-size-4, 4px);
   align-items: end;
   height: 100%;
 }
-._1m3udw13-3-7-0 {
+._1m3udw13-3-8-0 {
   min-width: 0;
   transition: margin-right var(--dt-animations-move-duration-fast, 150ms) var(--dt-animations-move-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._1m3udw14-3-7-0 {
+._1m3udw14-3-8-0 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   transition: all var(--dt-animations-move-duration-fast, 150ms) var(--dt-animations-move-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._1m3udw15-3-7-0 {
+._1m3udw15-3-8-0 {
   margin-top: var(--dt-spacings-size-4, 4px);
   grid-area: min;
   align-self: center;
 }
-._1m3udw16-3-7-0 {
+._1m3udw16-3-8-0 {
   margin-top: var(--dt-spacings-size-4, 4px);
   grid-area: max;
   align-self: center;
   justify-self: end;
 }
-._1m3udw17-3-7-0 {
+._1m3udw17-3-8-0 {
   grid-area: legend;
   margin: var(--dt-spacings-size-4, 4px) 0 var(--dt-spacings-size-4, 4px);
 }
-._1m3udw18-3-7-0 {
+._1m3udw18-3-8-0 {
   gap: var(--dt-spacings-size-4, 4px);
   margin-bottom: var(--dt-spacings-size-2, 2px);
   grid-area: label;
 }
-._1m3udw19-3-7-0 {
+._1m3udw19-3-8-0 {
   grid-area: chart;
 }
-._1m3udw1a-3-7-0 {
+._1m3udw1a-3-8-0 {
   width: 100%;
 }
-._1m3udw1b-3-7-0 {
+._1m3udw1b-3-8-0 {
   height: 100%;
 }
-._1m3udw1c-3-7-0 {
+._1m3udw1c-3-8-0 {
   height: fit-content;
 }
-._1m3udw1d-3-7-0 {
+._1m3udw1d-3-8-0 {
   position: relative;
   display: block;
   cursor: default;
   user-select: none;
 }
-._1m3udw1e-3-7-0 {
+._1m3udw1e-3-8-0 {
   overflow: hidden;
 }

package/charts/meter-bar/shared/components/meter-bar-layout/MeterBarLayout.sty.js

@@ -31,13 +31,13 @@ __export(MeterBarLayout_css_exports, {
 module.exports = __toCommonJS(MeterBarLayout_css_exports);
 var import_MeterBarLayout_css_ts_vanilla = require("./MeterBarLayout.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var chartContainer = "_1m3udw19-3-7-0";
-var container = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1m3udw1a-3-7-0", variantClassNames: { autoSize: { true: "_1m3udw1b-3-7-0", false: "_1m3udw1c-3-7-0" }, showLoading: { true: "_1m3udw1d-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
-var containerWrapper = "_1m3udw1e-3-7-0";
-var labelContainer = "_1m3udw18-3-7-0";
-var legendContainer = "_1m3udw17-3-7-0";
-var maxContainer = "_1m3udw16-3-7-0";
-var minContainer = "_1m3udw15-3-7-0";
-var toolbarAnimatedContainer = "_1m3udw14-3-7-0";
-var valueAnimatedContainer = "_1m3udw13-3-7-0";
-var valueContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1m3udw10-3-7-0", variantClassNames: { inline: { true: "_1m3udw11-3-7-0", false: "_1m3udw12-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var chartContainer = "_1m3udw19-3-8-0";
+var container = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1m3udw1a-3-8-0", variantClassNames: { autoSize: { true: "_1m3udw1b-3-8-0", false: "_1m3udw1c-3-8-0" }, showLoading: { true: "_1m3udw1d-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var containerWrapper = "_1m3udw1e-3-8-0";
+var labelContainer = "_1m3udw18-3-8-0";
+var legendContainer = "_1m3udw17-3-8-0";
+var maxContainer = "_1m3udw16-3-8-0";
+var minContainer = "_1m3udw15-3-8-0";
+var toolbarAnimatedContainer = "_1m3udw14-3-8-0";
+var valueAnimatedContainer = "_1m3udw13-3-8-0";
+var valueContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1m3udw10-3-8-0", variantClassNames: { inline: { true: "_1m3udw11-3-8-0", false: "_1m3udw12-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Icon/Icon.css

@@ -1,9 +1,9 @@
-._18riimf0-3-7-0 {
+._18riimf0-3-8-0 {
   width: 20px;
   height: 20px;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._18riimf0-3-7-0 > svg {
+._18riimf0-3-8-0 > svg {
   width: 100%;
   height: 100%;
 }

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Icon/Icon.sty.js

@@ -21,4 +21,4 @@ __export(Icon_css_exports, {
 });
 module.exports = __toCommonJS(Icon_css_exports);
 var import_Icon_css_ts_vanilla = require("./Icon.css");
-var container = "_18riimf0-3-7-0";
+var container = "_18riimf0-3-8-0";

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Label/Label.css

@@ -1,4 +1,4 @@
-._bh277f0-3-7-0 {
+._bh277f0-3-8-0 {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Label/Label.sty.js

@@ -21,4 +21,4 @@ __export(Label_css_exports, {
 });
 module.exports = __toCommonJS(Label_css_exports);
 var import_Label_css_ts_vanilla = require("./Label.css");
-var labelStyle = "_bh277f0-3-7-0";
+var labelStyle = "_bh277f0-3-8-0";

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Max/Max.css

@@ -1,4 +1,4 @@
-._xxg5xc0-3-7-0 {
+._xxg5xc0-3-8-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Max/Max.sty.js

@@ -21,4 +21,4 @@ __export(Max_css_exports, {
 });
 module.exports = __toCommonJS(Max_css_exports);
 var import_Max_css_ts_vanilla = require("./Max.css");
-var maxValue = "_xxg5xc0-3-7-0";
+var maxValue = "_xxg5xc0-3-8-0";

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Min/Min.css

@@ -1,4 +1,4 @@
-._16mgjbd0-3-7-0 {
+._16mgjbd0-3-8-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Min/Min.sty.js

@@ -21,4 +21,4 @@ __export(Min_css_exports, {
 });
 module.exports = __toCommonJS(Min_css_exports);
 var import_Min_css_ts_vanilla = require("./Min.css");
-var minValue = "_16mgjbd0-3-7-0";
+var minValue = "_16mgjbd0-3-8-0";

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Value/Value.css

@@ -1,4 +1,4 @@
-._1euwfb00-3-7-0 {
+._1euwfb00-3-8-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   font-weight: var(--dt-typography-text-small-default-weight, 400);

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Value/Value.sty.js

@@ -21,4 +21,4 @@ __export(Value_css_exports, {
 });
 module.exports = __toCommonJS(Value_css_exports);
 var import_Value_css_ts_vanilla = require("./Value.css");
-var valueStyle = "_1euwfb00-3-7-0";
+var valueStyle = "_1euwfb00-3-8-0";

package/charts/meter-bar/shared/components/meter-bar-plot/MeterBarPlot.css

@@ -1,4 +1,4 @@
-._12md1g60-3-7-0 {
+._12md1g60-3-8-0 {
   background-color: var(--dt-colors-theme-neutral-40, #dadbe4);
   width: 100%;
   display: block;

package/charts/meter-bar/shared/components/meter-bar-plot/MeterBarPlot.sty.js

@@ -21,4 +21,4 @@ __export(MeterBarPlot_css_exports, {
 });
 module.exports = __toCommonJS(MeterBarPlot_css_exports);
 var import_MeterBarPlot_css_ts_vanilla = require("./MeterBarPlot.css");
-var svgElement = "_12md1g60-3-7-0";
+var svgElement = "_12md1g60-3-8-0";

package/charts/meter-bar/shared/styles/element-size.css

@@ -1,12 +1,12 @@
-._1ckoljy1-3-7-0 {
+._1ckoljy1-3-8-0 {
   height: 100%;
 }
-._1ckoljy2-3-7-0 {
+._1ckoljy2-3-8-0 {
   height: 16px;
 }
-._1ckoljy3-3-7-0 {
+._1ckoljy3-3-8-0 {
   height: 24px;
 }
-._1ckoljy4-3-7-0 {
+._1ckoljy4-3-8-0 {
   height: 8px;
 }

package/charts/meter-bar/shared/styles/element-size.sty.js

@@ -22,4 +22,4 @@ __export(element_size_css_exports, {
 module.exports = __toCommonJS(element_size_css_exports);
 var import_element_size_css_ts_vanilla = require("./element-size.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var elementSize = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ckoljy0-3-7-0", variantClassNames: { size: { auto: "_1ckoljy1-3-7-0", size16: "_1ckoljy2-3-7-0", size24: "_1ckoljy3-3-7-0", size8: "_1ckoljy4-3-7-0" } }, defaultVariants: { size: "size16" }, compoundVariants: [] });
+var elementSize = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ckoljy0-3-8-0", variantClassNames: { size: { auto: "_1ckoljy1-3-8-0", size16: "_1ckoljy2-3-8-0", size24: "_1ckoljy3-3-8-0", size8: "_1ckoljy4-3-8-0" } }, defaultVariants: { size: "size16" }, compoundVariants: [] });

package/charts/meter-bar/shared/styles.css

@@ -1,4 +1,4 @@
-._16sdwow0-3-7-0 {
+._16sdwow0-3-8-0 {
   position: relative;
   z-index: 1;
 }

package/charts/meter-bar/shared/styles.sty.js

@@ -23,4 +23,4 @@ __export(styles_css_exports, {
 module.exports = __toCommonJS(styles_css_exports);
 var import_styles_css_ts_vanilla = require("./styles.css");
 var consumerLoadingStyle = { position: "absolute", top: 0, width: "100%", height: "100%", zIndex: 1, pointerEvents: "none", backgroundColor: "var(--dt-colors-background-base-default, #f9f9fa)", opacity: 0.4 };
-var container = "_16sdwow0-3-7-0";
+var container = "_16sdwow0-3-8-0";

package/charts/meter-bar/single-meter-bar/components/MeterBarChartThresholds/MeterBarChartThresholds.css

@@ -1,4 +1,4 @@
-._1kt6hkd0-3-7-0 {
+._1kt6hkd0-3-8-0 {
   width: 100%;
   position: absolute;
   top: -4px;

package/charts/meter-bar/single-meter-bar/components/MeterBarChartThresholds/MeterBarChartThresholds.sty.js

@@ -21,4 +21,4 @@ __export(MeterBarChartThresholds_css_exports, {
 });
 module.exports = __toCommonJS(MeterBarChartThresholds_css_exports);
 var import_MeterBarChartThresholds_css_ts_vanilla = require("./MeterBarChartThresholds.css");
-var thresholdContainer = "_1kt6hkd0-3-7-0";
+var thresholdContainer = "_1kt6hkd0-3-8-0";

package/charts/pie/DonutChart.d.ts

@@ -1,3 +1,4 @@
+import { type PropsWithChildren } from 'react';
 import type { PieChartRef } from './types/pie-chart-ref.js';
 import type { DonutChartProps } from './types/pie-chart.config.js';
 /**
@@ -8,9 +9,7 @@ import type { DonutChartProps } from './types/pie-chart.config.js';
  * available space.
  * @public
  */
-export declare const DonutChart: ((props: DonutChartProps & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<PieChartRef>) => import("react").ReactElement | null) & {
+export declare const DonutChart: ((props: PropsWithChildren<DonutChartProps> & import("react").RefAttributes<PieChartRef>) => import("react").ReactElement | null) & {
     Legend: {
         (props: import("./types/pie-chart.config.js").DonutChartLegendConfig): null;
         displayName: string;

package/charts/pie/DonutChart.js

@@ -32,11 +32,11 @@ __export(DonutChart_exports, {
 module.exports = __toCommonJS(DonutChart_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
-var import_lodash_es = require("lodash");
 var import_react = require("react");
 var import_PieChartInternal = require("./components/PieChartInternal.js");
 var import_constants = require("./constants.js");
 var import_InnerElementContext = require("./context/InnerElementContext.js");
+var import_useNormalizedPieData = require("./hooks/useNormalizedPieData.js");
 var import_usePieChartConfig = require("./hooks/usePieChartConfig.js");
 var import_ChartProviders = require("./providers/ChartProviders.js");
 var import_Toolbar = require("./shared/slots/Toolbar.js");
@@ -47,23 +47,16 @@ var import_DonutChartLabels = require("./slots/DonutChartLabels.js");
 var import_DonutChartLegend = require("./slots/DonutChartLegend.js");
 var import_DonutChartTooltip = require("./slots/DonutChartTooltip.js");
 var import_build_and_download_csv = require("./utils/build-and-download-csv.js");
+var import_sanitize_toolbar_intents = require("./utils/sanitize-toolbar-intents.js");
 var import_useMergeRefs = require("../../core/hooks/useMergeRefs.js");
 var import_Intent = require("../../core/slots/Intent/Intent.js");
 var import_defaultChartValues_css = require("../../core/styles/defaultChartValues.sty.js");
 var import_get_chart_states_template = require("../core/components/chart-states/utils/get-chart-states-template.js");
-var import_get_toolbar_config_without_intents = require("../core/components/toolbar/utils/get-toolbar-config-without-intents.js");
 var import_EmptyStateSlot = require("../core/slots/chart-states/EmptyStateSlot.js");
 var import_ErrorStateSlot = require("../core/slots/chart-states/ErrorStateSlot.js");
 var import_ColorRule = require("../core/slots/ColorRule.js");
 var import_chart_types = require("../core/types/chart-types.js");
 const COMPONENT_NAME = "DonutChart";
-const sanitizeToolbarIntents = (config) => {
-  const toolbar = config.toolbar ? (0, import_get_toolbar_config_without_intents.getToolbarConfigWithoutIntents)(config.toolbar) : void 0;
-  return {
-    ...config,
-    toolbar
-  };
-};
 const DonutChartRoot = (0, import_react.forwardRef)((props, forwardedRef) => {
   const {
     className,
@@ -74,7 +67,7 @@ const DonutChartRoot = (0, import_react.forwardRef)((props, forwardedRef) => {
   } = props;
   const chartConfig = (0, import_usePieChartConfig.usePieChartConfig)(props);
   const { emptyState, errorState } = (0, import_get_chart_states_template.getChartStatesTemplates)(props.children);
-  const isDataAvailable = !(0, import_lodash_es.isEmpty)(props.data);
+  const { normalizedData, isDataAvailable } = (0, import_useNormalizedPieData.useNormalizedPieData)(props);
   const containerRef = (0, import_react.useRef)(null);
   const rootRef = (0, import_useMergeRefs.useMergeRefs)([
     forwardedRef,
@@ -86,15 +79,15 @@ const DonutChartRoot = (0, import_react.forwardRef)((props, forwardedRef) => {
       element: containerRef.current,
       getConfig: () => JSON.stringify({
         type: import_chart_types.ChartType.Donut,
-        ...sanitizeToolbarIntents(chartConfig)
+        ...(0, import_sanitize_toolbar_intents.sanitizeToolbarIntents)(chartConfig)
       }),
       downloadData: () => {
-        (0, import_build_and_download_csv.buildAndDownloadCsv)(props.data);
+        (0, import_build_and_download_csv.buildAndDownloadCsv)(normalizedData);
       }
     })
   );
   const providersProps = {
-    chartData: props.data,
+    chartData: normalizedData,
     chartConfig
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/charts/pie/PieChart.d.ts

@@ -1,3 +1,4 @@
+import { type PropsWithChildren } from 'react';
 import type { PieChartRef } from './types/pie-chart-ref.js';
 import type { PieChartProps } from './types/pie-chart.config.js';
 /**
@@ -6,9 +7,7 @@ import type { PieChartProps } from './types/pie-chart.config.js';
  * category or value.
  * @public
  */
-export declare const PieChart: ((props: PieChartProps & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<PieChartRef>) => import("react").ReactElement | null) & {
+export declare const PieChart: ((props: PropsWithChildren<PieChartProps> & import("react").RefAttributes<PieChartRef>) => import("react").ReactElement | null) & {
     Legend: {
         (props: import("./types/pie-chart.config.js").PieChartLegendConfig): null;
         displayName: string;

package/charts/pie/PieChart.js

@@ -32,36 +32,29 @@ __export(PieChart_exports, {
 module.exports = __toCommonJS(PieChart_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
-var import_lodash_es = require("lodash");
 var import_react = require("react");
 var import_PieChartInternal = require("./components/PieChartInternal.js");
 var import_constants = require("./constants.js");
+var import_useNormalizedPieData = require("./hooks/useNormalizedPieData.js");
 var import_usePieChartConfig = require("./hooks/usePieChartConfig.js");
 var import_ChartProviders = require("./providers/ChartProviders.js");
+var import_Toolbar = require("./shared/slots/Toolbar.js");
+var import_PieChartDownloadCSV = require("./slots/PieChartDownloadCSV.js");
 var import_PieChartGrouping = require("./slots/PieChartGrouping.js");
 var import_PieChartLabels = require("./slots/PieChartLabels.js");
 var import_PieChartLegend = require("./slots/PieChartLegend.js");
 var import_PieChartTooltip = require("./slots/PieChartTooltip.js");
 var import_build_and_download_csv = require("./utils/build-and-download-csv.js");
+var import_sanitize_toolbar_intents = require("./utils/sanitize-toolbar-intents.js");
 var import_useMergeRefs = require("../../core/hooks/useMergeRefs.js");
 var import_Intent = require("../../core/slots/Intent/Intent.js");
 var import_defaultChartValues_css = require("../../core/styles/defaultChartValues.sty.js");
 var import_get_chart_states_template = require("../core/components/chart-states/utils/get-chart-states-template.js");
-var import_get_toolbar_config_without_intents = require("../core/components/toolbar/utils/get-toolbar-config-without-intents.js");
 var import_EmptyStateSlot = require("../core/slots/chart-states/EmptyStateSlot.js");
 var import_ErrorStateSlot = require("../core/slots/chart-states/ErrorStateSlot.js");
 var import_ColorRule = require("../core/slots/ColorRule.js");
 var import_chart_types = require("../core/types/chart-types.js");
-var import_Toolbar = require("./shared/slots/Toolbar.js");
-var import_PieChartDownloadCSV = require("./slots/PieChartDownloadCSV.js");
 const COMPONENT_NAME = "PieChart";
-const sanitizeToolbarIntents = (config) => {
-  const toolbar = config.toolbar ? (0, import_get_toolbar_config_without_intents.getToolbarConfigWithoutIntents)(config.toolbar) : void 0;
-  return {
-    ...config,
-    toolbar
-  };
-};
 const PieChartRoot = (0, import_react.forwardRef)(
   (props, forwardedRef) => {
     const {
@@ -73,7 +66,7 @@ const PieChartRoot = (0, import_react.forwardRef)(
     } = props;
     const chartConfig = (0, import_usePieChartConfig.usePieChartConfig)(props);
     const { emptyState, errorState } = (0, import_get_chart_states_template.getChartStatesTemplates)(props.children);
-    const isDataAvailable = !(0, import_lodash_es.isEmpty)(props.data);
+    const { normalizedData, isDataAvailable } = (0, import_useNormalizedPieData.useNormalizedPieData)(props);
     const containerRef = (0, import_react.useRef)(null);
     const rootRef = (0, import_useMergeRefs.useMergeRefs)([
       forwardedRef,
@@ -85,15 +78,15 @@ const PieChartRoot = (0, import_react.forwardRef)(
         element: containerRef.current,
         getConfig: () => JSON.stringify({
           type: import_chart_types.ChartType.Pie,
-          ...sanitizeToolbarIntents(chartConfig)
+          ...(0, import_sanitize_toolbar_intents.sanitizeToolbarIntents)(chartConfig)
         }),
         downloadData: () => {
-          (0, import_build_and_download_csv.buildAndDownloadCsv)(props.data);
+          (0, import_build_and_download_csv.buildAndDownloadCsv)(normalizedData);
         }
       })
     );
     const providersProps = {
-      chartData: props.data,
+      chartData: normalizedData,
       chartConfig
     };
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartProviders.ChartProviders, { ...providersProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

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

@@ -1,3 +1,3 @@
-._1cob19w0-3-7-0 {
+._1cob19w0-3-8-0 {
   position: absolute;
 }

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

@@ -21,4 +21,4 @@ __export(InnerContainer_css_exports, {
 });
 module.exports = __toCommonJS(InnerContainer_css_exports);
 var import_InnerContainer_css_ts_vanilla = require("./InnerContainer.css");
-var container = "_1cob19w0-3-7-0";
+var container = "_1cob19w0-3-8-0";

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

@@ -1,3 +1,3 @@
-._1gn0gqx0-3-7-0 {
+._1gn0gqx0-3-8-0 {
   overflow: hidden;
 }

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

@@ -21,4 +21,4 @@ __export(InnerDonut_css_exports, {
 });
 module.exports = __toCommonJS(InnerDonut_css_exports);
 var import_InnerDonut_css_ts_vanilla = require("./InnerDonut.css");
-var container = "_1gn0gqx0-3-7-0";
+var container = "_1gn0gqx0-3-8-0";

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

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

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

@@ -33,7 +33,7 @@ var import_PieChartTooltip = require("../PieChartTooltip/PieChartTooltip.js");
 const PieChartOverlays = ({ children }) => {
   const overlay = (0, import_OverlayContext.useOverlay)();
   const loading = (0, import_useChartLayoutLoading.useChartLayoutLoading)();
-  const { onMouseEnterHandler, onMouseLeaveHandler } = (0, import_useOverlayHandlers.useOverlayHandlers)();
+  const { onPointerEnterHandler, onPointerLeaveHandler } = (0, import_useOverlayHandlers.useOverlayHandlers)();
   const toolbarConfig = (0, import_ToolbarContext.useToolbarConfig)();
   const toolbarEnabled = (0, import_is_toolbar_enabled.isToolbarEnabled)(toolbarConfig);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -44,8 +44,8 @@ const PieChartOverlays = ({ children }) => {
       justifyContent: "center",
       alignItems: "center",
       className: import_PieChartOverlays_css.container,
-      onMouseEnter: loading ? void 0 : onMouseEnterHandler,
-      onMouseLeave: loading ? void 0 : onMouseLeaveHandler,
+      onPointerEnter: loading ? void 0 : onPointerEnterHandler,
+      onPointerLeave: loading ? void 0 : onPointerLeaveHandler,
       children: [
         !loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PieChartTooltip.PieChartTooltip, {}),
         !loading && toolbarEnabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PieChartToolbar.PieChartToolbar, {}),

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

@@ -21,4 +21,4 @@ __export(PieChartOverlays_css_exports, {
 });
 module.exports = __toCommonJS(PieChartOverlays_css_exports);
 var import_PieChartOverlays_css_ts_vanilla = require("./PieChartOverlays.css");
-var container = "_jxp4cr0-3-7-0";
+var container = "_jxp4cr0-3-8-0";

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

@@ -1,3 +1,3 @@
-._1iotdmn0-3-7-0 {
+._1iotdmn0-3-8-0 {
   position: relative;
 }