@dynatrace/strato-components 3.0.1 → 3.1.0

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

@@ -1,4 +1,4 @@
-._bh277f0-3-0-1 {
+._bh277f0-3-1-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/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Label/Label.sty.js

@@ -1,5 +1,5 @@
 import "./Label.css";
-var labelStyle = "_bh277f0-3-0-1";
+var labelStyle = "_bh277f0-3-1-0";
 export {
   labelStyle
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/slots/Label/Label.css.ts"],
-  "sourcesContent": ["import './Label.css';\nexport var labelStyle = '_bh277f0-3-0-1';"],
+  "sourcesContent": ["import './Label.css';\nexport var labelStyle = '_bh277f0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._xxg5xc0-3-0-1 {
+._xxg5xc0-3-1-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/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Max/Max.sty.js

@@ -1,5 +1,5 @@
 import "./Max.css";
-var maxValue = "_xxg5xc0-3-0-1";
+var maxValue = "_xxg5xc0-3-1-0";
 export {
   maxValue
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/slots/Max/Max.css.ts"],
-  "sourcesContent": ["import './Max.css';\nexport var maxValue = '_xxg5xc0-3-0-1';"],
+  "sourcesContent": ["import './Max.css';\nexport var maxValue = '_xxg5xc0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._16mgjbd0-3-0-1 {
+._16mgjbd0-3-1-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/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Min/Min.sty.js

@@ -1,5 +1,5 @@
 import "./Min.css";
-var minValue = "_16mgjbd0-3-0-1";
+var minValue = "_16mgjbd0-3-1-0";
 export {
   minValue
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/slots/Min/Min.css.ts"],
-  "sourcesContent": ["import './Min.css';\nexport var minValue = '_16mgjbd0-3-0-1';"],
+  "sourcesContent": ["import './Min.css';\nexport var minValue = '_16mgjbd0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1euwfb00-3-0-1 {
+._1euwfb00-3-1-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/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Value/Value.sty.js

@@ -1,5 +1,5 @@
 import "./Value.css";
-var valueStyle = "_1euwfb00-3-0-1";
+var valueStyle = "_1euwfb00-3-1-0";
 export {
   valueStyle
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/slots/Value/Value.css.ts"],
-  "sourcesContent": ["import './Value.css';\nexport var valueStyle = '_1euwfb00-3-0-1';"],
+  "sourcesContent": ["import './Value.css';\nexport var valueStyle = '_1euwfb00-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

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

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

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

@@ -1,5 +1,5 @@
 import "./MeterBarPlot.css";
-var svgElement = "_12md1g60-3-0-1";
+var svgElement = "_12md1g60-3-1-0";
 export {
   svgElement
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/shared/components/meter-bar-plot/MeterBarPlot.css.ts"],
-  "sourcesContent": ["import './MeterBarPlot.css';\nexport var svgElement = '_12md1g60-3-0-1';"],
+  "sourcesContent": ["import './MeterBarPlot.css';\nexport var svgElement = '_12md1g60-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/meter-bar/shared/components/meter-bar-toolbar/MeterBarToolbar.css

@@ -1,4 +1,4 @@
-._1ouehdw0-3-0-1 {
+._1ouehdw0-3-1-0 {
   position: relative;
   z-index: 2;
 }

package/esm/charts/meter-bar/shared/components/meter-bar-toolbar/MeterBarToolbar.sty.js

@@ -1,5 +1,5 @@
 import "./MeterBarToolbar.css";
-var container = "_1ouehdw0-3-0-1";
+var container = "_1ouehdw0-3-1-0";
 export {
   container
 };

package/esm/charts/meter-bar/shared/components/meter-bar-toolbar/MeterBarToolbar.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/shared/components/meter-bar-toolbar/MeterBarToolbar.css.ts"],
-  "sourcesContent": ["import './MeterBarToolbar.css';\nexport var container = '_1ouehdw0-3-0-1';"],
+  "sourcesContent": ["import './MeterBarToolbar.css';\nexport var container = '_1ouehdw0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/meter-bar/shared/components/meter-bar-tooltip/MeterBarTooltipItem/MeterBarTooltipItem.css

@@ -1,4 +1,4 @@
-._r5xi4l0-3-0-1 {
+._r5xi4l0-3-1-0 {
   min-width: unset;
   border-radius: var(--dt-borders-radius-field-default, 6px);
   padding: 0 var(--dt-spacings-size-4, 4px);

package/esm/charts/meter-bar/shared/components/meter-bar-tooltip/MeterBarTooltipItem/MeterBarTooltipItem.sty.js

@@ -1,5 +1,5 @@
 import "./MeterBarTooltipItem.css";
-var valueContent = "_r5xi4l0-3-0-1";
+var valueContent = "_r5xi4l0-3-1-0";
 export {
   valueContent
 };

package/esm/charts/meter-bar/shared/components/meter-bar-tooltip/MeterBarTooltipItem/MeterBarTooltipItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-tooltip/MeterBarTooltipItem/MeterBarTooltipItem.css.ts"],
-  "sourcesContent": ["import './MeterBarTooltipItem.css';\nexport var valueContent = '_r5xi4l0-3-0-1';"],
+  "sourcesContent": ["import './MeterBarTooltipItem.css';\nexport var valueContent = '_r5xi4l0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;",
   "names": []
 }

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

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

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

@@ -1,6 +1,6 @@
 import "./element-size.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var elementSize = _7a468({ defaultClassName: "_1ckoljy0-3-0-1", variantClassNames: { size: { auto: "_1ckoljy1-3-0-1", size16: "_1ckoljy2-3-0-1", size24: "_1ckoljy3-3-0-1", size8: "_1ckoljy4-3-0-1" } }, defaultVariants: { size: "size16" }, compoundVariants: [] });
+var elementSize = _7a468({ defaultClassName: "_1ckoljy0-3-1-0", variantClassNames: { size: { auto: "_1ckoljy1-3-1-0", size16: "_1ckoljy2-3-1-0", size24: "_1ckoljy3-3-1-0", size8: "_1ckoljy4-3-1-0" } }, defaultVariants: { size: "size16" }, compoundVariants: [] });
 export {
   elementSize
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/shared/styles/element-size.css.ts"],
-  "sourcesContent": ["import './element-size.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementSize = _7a468({defaultClassName:'_1ckoljy0-3-0-1',variantClassNames:{size:{auto:'_1ckoljy1-3-0-1',size16:'_1ckoljy2-3-0-1',size24:'_1ckoljy3-3-0-1',size8:'_1ckoljy4-3-0-1'}},defaultVariants:{size:'size16'},compoundVariants:[]});"],
+  "sourcesContent": ["import './element-size.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementSize = _7a468({defaultClassName:'_1ckoljy0-3-1-0',variantClassNames:{size:{auto:'_1ckoljy1-3-1-0',size16:'_1ckoljy2-3-1-0',size24:'_1ckoljy3-3-1-0',size8:'_1ckoljy4-3-1-0'}},defaultVariants:{size:'size16'},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,MAAK,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,SAAQ,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/meter-bar/single-meter-bar/MeterBarChart.js

@@ -31,6 +31,7 @@ import { MeterBarLayout } from "../shared/components/meter-bar-layout/MeterBarLa
 import { LEGEND_VERTICAL_RATIO } from "../shared/constants.js";
 import { Toolbar } from "../shared/slots/Toolbar.js";
 import { getNumericValue } from "../shared/utils/get-numeric-value.js";
+const COMPONENT_NAME = "SingleMeterBarChart";
 const MeterBarChartRoot = forwardRef((props, forwardedRef) => {
   const {
     value,
@@ -101,6 +102,7 @@ const MeterBarChartRoot = forwardRef((props, forwardedRef) => {
           "data-dtrum-allow": dataDtrumAllow,
           "data-testid": dataTestId,
           "aria-label": METER_BAR_CHART_ARIA_LABEL,
+          "data-dt-component": COMPONENT_NAME,
           children: [
             prefixIcon && /* @__PURE__ */ jsx(MeterBarLayout.Icon, { children: prefixIcon }),
             labelSlot && /* @__PURE__ */ jsx(MeterBarLayout.Label, { children: labelSlot }),

package/esm/charts/meter-bar/single-meter-bar/MeterBarChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/meter-bar/single-meter-bar/MeterBarChart.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { MeterBarChartPlotArea } from './components/MeterBarChartPlotArea.js';\nimport { MeterBarChartThresholdLegend } from './components/MeterBarChartThresholdLegend/MeterBarChartThresholdLegend.js';\nimport { METER_BAR_CHART_ARIA_LABEL } from './constants.js';\nimport { useMeterBarChartConfig } from './hooks/useMeterBarChartConfig.js';\nimport { MeterBarChartProviders } from './providers/MeterBarChartProviders.js';\nimport { Label } from './slots/Label.js';\nimport { Max } from './slots/Max.js';\nimport { Min } from './slots/Min.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { ThresholdLegend } from './slots/ThresholdLegend.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { Value } from './slots/Value.js';\nimport type { MeterBarChartConsumerConfig } from './types/meter-bar-chart-config.js';\nimport { type MeterBarChartInternalConfig } from './types/meter-bar-chart-internal.js';\nimport { type MeterBarChartProps } from './types/meter-bar-chart.js';\nimport { buildThresholds } from './utils/build-thresholds.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../../core/styles/defaultChartValues.sty.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../core/constants.js';\nimport { ColorRuleContext } from '../../core/context/ColorRuleContext.js';\nimport { useObserveContainerSize } from '../../core/hooks/useObserveContainerSize.js';\nimport { ColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport type { ComponentWithName } from '../../core/types/component-with-name.js';\nimport { MeterBarChartFormattedValue } from '../shared/components/formatted-value/MeterBarChartFormattedValue.js';\nimport { MeterBarLayout } from '../shared/components/meter-bar-layout/MeterBarLayout.js';\nimport { LEGEND_VERTICAL_RATIO } from '../shared/constants.js';\nimport { Toolbar } from '../shared/slots/Toolbar.js';\nimport type { MeterBarChartElementRef } from '../shared/types/meter-bars.js';\nimport { getNumericValue } from '../shared/utils/get-numeric-value.js';\n\n/**\n * Single meter bar chart component */\nconst MeterBarChartRoot = forwardRef<\n  MeterBarChartElementRef,\n  PropsWithChildren<MeterBarChartProps>\n>((props, forwardedRef) => {\n  const {\n    value,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'single-meter-bar-chart-root',\n    prefixIcon,\n    valueAccessor,\n  } = props;\n\n  const config: MeterBarChartInternalConfig = useMeterBarChartConfig(props);\n  const {\n    size,\n    thresholdsIndicators,\n    min,\n    max,\n    minSlot,\n    maxSlot,\n    valueSlot,\n    labelSlot,\n    tooltip,\n    formatter,\n  } = config;\n\n  const meterBarChartRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(forwardedRef, () => {\n    let exposedRef = {} as MeterBarChartElementRef;\n\n    if (meterBarChartRef.current) {\n      const consumerConfig: MeterBarChartConsumerConfig = {\n        thresholdsIndicators,\n        size,\n        min,\n        max,\n        formatter,\n        tooltip,\n      };\n\n      exposedRef = {\n        element: meterBarChartRef.current,\n        getConfig: () =>\n          JSON.stringify({ type: ChartType.SingleMeterBar, ...consumerConfig }),\n      };\n    }\n\n    return exposedRef;\n  });\n\n  const [{ width, wrapperHeight }, containerRef] = useObserveContainerSize();\n  const ref = useMergeRefs([containerRef, meterBarChartRef]);\n  const displayValue = getNumericValue(\n    value,\n    valueAccessor ?? DEFAULT_VALUE_ACCESSOR,\n  );\n\n  const { matchingThreshold, thresholdIndicators, legendItems } =\n    buildThresholds(displayValue, min, max, width, thresholdsIndicators);\n\n  const hasLegend = thresholdsIndicators.legend && legendItems.length;\n\n  return (\n    <ColorRuleContext.Provider value={config.colorRules}>\n      <MeterBarChartProviders\n        containerWidth={width}\n        matchingThresholdColor={matchingThreshold?.color}\n        meterBarChartInternal={config}\n        meterBarChartProps={props}\n        thresholdIndicators={thresholdIndicators}\n      >\n        <MeterBarLayout\n          ref={ref}\n          size={size}\n          className={clsx(defaultChartSize, className)}\n          style={style}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          data-testid={dataTestId}\n          aria-label={METER_BAR_CHART_ARIA_LABEL}\n        >\n          {prefixIcon && (\n            <MeterBarLayout.Icon>{prefixIcon}</MeterBarLayout.Icon>\n          )}\n          {labelSlot && (\n            <MeterBarLayout.Label>{labelSlot}</MeterBarLayout.Label>\n          )}\n          {valueSlot && (\n            <MeterBarLayout.Value>\n              <MeterBarChartFormattedValue\n                value={displayValue}\n                total={max}\n                auto={valueSlot?.auto}\n              >\n                {valueSlot?.value}\n              </MeterBarChartFormattedValue>\n            </MeterBarLayout.Value>\n          )}\n          <MeterBarLayout.Chart>\n            <MeterBarChartPlotArea />\n          </MeterBarLayout.Chart>\n          {minSlot && (\n            <MeterBarLayout.Min>\n              <MeterBarChartFormattedValue value={min} auto={minSlot?.auto}>\n                {minSlot?.value}\n              </MeterBarChartFormattedValue>\n            </MeterBarLayout.Min>\n          )}\n          {maxSlot && (\n            <MeterBarLayout.Max>\n              <MeterBarChartFormattedValue value={max} auto={maxSlot?.auto}>\n                {maxSlot?.value}\n              </MeterBarChartFormattedValue>\n            </MeterBarLayout.Max>\n          )}\n          {hasLegend && (\n            <MeterBarLayout.Legend>\n              <MeterBarChartThresholdLegend\n                data={legendItems}\n                legendSize={{\n                  width,\n                  height: wrapperHeight * LEGEND_VERTICAL_RATIO,\n                }}\n              />\n            </MeterBarLayout.Legend>\n          )}\n        </MeterBarLayout>\n      </MeterBarChartProviders>\n    </ColorRuleContext.Provider>\n  );\n});\n\n(MeterBarChartRoot as ComponentWithName<typeof MeterBarChartRoot>).displayName =\n  'MeterBarChart';\n\n/**\n * The `MeterBarChart` provides a lightweight and simple visualization progress\n * toward a completion, consumption of a total, etc.  It consists of a horizontal\n * bar that gradually fills up with color or shading as it approaches the max value.\n * @public\n */\nexport const MeterBarChart = Object.assign(MeterBarChartRoot, {\n  Value,\n  Label,\n  Min,\n  Max,\n  ThresholdIndicator,\n  ThresholdLegend,\n  Tooltip,\n  ColorRule,\n  Intent,\n  Toolbar,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { MeterBarChartPlotArea } from './components/MeterBarChartPlotArea.js';\nimport { MeterBarChartThresholdLegend } from './components/MeterBarChartThresholdLegend/MeterBarChartThresholdLegend.js';\nimport { METER_BAR_CHART_ARIA_LABEL } from './constants.js';\nimport { useMeterBarChartConfig } from './hooks/useMeterBarChartConfig.js';\nimport { MeterBarChartProviders } from './providers/MeterBarChartProviders.js';\nimport { Label } from './slots/Label.js';\nimport { Max } from './slots/Max.js';\nimport { Min } from './slots/Min.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { ThresholdLegend } from './slots/ThresholdLegend.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { Value } from './slots/Value.js';\nimport type { MeterBarChartConsumerConfig } from './types/meter-bar-chart-config.js';\nimport { type MeterBarChartInternalConfig } from './types/meter-bar-chart-internal.js';\nimport { type MeterBarChartProps } from './types/meter-bar-chart.js';\nimport { buildThresholds } from './utils/build-thresholds.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../../core/styles/defaultChartValues.sty.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../core/constants.js';\nimport { ColorRuleContext } from '../../core/context/ColorRuleContext.js';\nimport { useObserveContainerSize } from '../../core/hooks/useObserveContainerSize.js';\nimport { ColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport type { ComponentWithName } from '../../core/types/component-with-name.js';\nimport { MeterBarChartFormattedValue } from '../shared/components/formatted-value/MeterBarChartFormattedValue.js';\nimport { MeterBarLayout } from '../shared/components/meter-bar-layout/MeterBarLayout.js';\nimport { LEGEND_VERTICAL_RATIO } from '../shared/constants.js';\nimport { Toolbar } from '../shared/slots/Toolbar.js';\nimport type { MeterBarChartElementRef } from '../shared/types/meter-bars.js';\nimport { getNumericValue } from '../shared/utils/get-numeric-value.js';\n\nconst COMPONENT_NAME = 'SingleMeterBarChart';\n/**\n * Single meter bar chart component */\nconst MeterBarChartRoot = forwardRef<\n  MeterBarChartElementRef,\n  PropsWithChildren<MeterBarChartProps>\n>((props, forwardedRef) => {\n  const {\n    value,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'single-meter-bar-chart-root',\n    prefixIcon,\n    valueAccessor,\n  } = props;\n\n  const config: MeterBarChartInternalConfig = useMeterBarChartConfig(props);\n  const {\n    size,\n    thresholdsIndicators,\n    min,\n    max,\n    minSlot,\n    maxSlot,\n    valueSlot,\n    labelSlot,\n    tooltip,\n    formatter,\n  } = config;\n\n  const meterBarChartRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(forwardedRef, () => {\n    let exposedRef = {} as MeterBarChartElementRef;\n\n    if (meterBarChartRef.current) {\n      const consumerConfig: MeterBarChartConsumerConfig = {\n        thresholdsIndicators,\n        size,\n        min,\n        max,\n        formatter,\n        tooltip,\n      };\n\n      exposedRef = {\n        element: meterBarChartRef.current,\n        getConfig: () =>\n          JSON.stringify({ type: ChartType.SingleMeterBar, ...consumerConfig }),\n      };\n    }\n\n    return exposedRef;\n  });\n\n  const [{ width, wrapperHeight }, containerRef] = useObserveContainerSize();\n  const ref = useMergeRefs([containerRef, meterBarChartRef]);\n  const displayValue = getNumericValue(\n    value,\n    valueAccessor ?? DEFAULT_VALUE_ACCESSOR,\n  );\n\n  const { matchingThreshold, thresholdIndicators, legendItems } =\n    buildThresholds(displayValue, min, max, width, thresholdsIndicators);\n\n  const hasLegend = thresholdsIndicators.legend && legendItems.length;\n\n  return (\n    <ColorRuleContext.Provider value={config.colorRules}>\n      <MeterBarChartProviders\n        containerWidth={width}\n        matchingThresholdColor={matchingThreshold?.color}\n        meterBarChartInternal={config}\n        meterBarChartProps={props}\n        thresholdIndicators={thresholdIndicators}\n      >\n        <MeterBarLayout\n          ref={ref}\n          size={size}\n          className={clsx(defaultChartSize, className)}\n          style={style}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          data-testid={dataTestId}\n          aria-label={METER_BAR_CHART_ARIA_LABEL}\n          data-dt-component={COMPONENT_NAME}\n        >\n          {prefixIcon && (\n            <MeterBarLayout.Icon>{prefixIcon}</MeterBarLayout.Icon>\n          )}\n          {labelSlot && (\n            <MeterBarLayout.Label>{labelSlot}</MeterBarLayout.Label>\n          )}\n          {valueSlot && (\n            <MeterBarLayout.Value>\n              <MeterBarChartFormattedValue\n                value={displayValue}\n                total={max}\n                auto={valueSlot?.auto}\n              >\n                {valueSlot?.value}\n              </MeterBarChartFormattedValue>\n            </MeterBarLayout.Value>\n          )}\n          <MeterBarLayout.Chart>\n            <MeterBarChartPlotArea />\n          </MeterBarLayout.Chart>\n          {minSlot && (\n            <MeterBarLayout.Min>\n              <MeterBarChartFormattedValue value={min} auto={minSlot?.auto}>\n                {minSlot?.value}\n              </MeterBarChartFormattedValue>\n            </MeterBarLayout.Min>\n          )}\n          {maxSlot && (\n            <MeterBarLayout.Max>\n              <MeterBarChartFormattedValue value={max} auto={maxSlot?.auto}>\n                {maxSlot?.value}\n              </MeterBarChartFormattedValue>\n            </MeterBarLayout.Max>\n          )}\n          {hasLegend && (\n            <MeterBarLayout.Legend>\n              <MeterBarChartThresholdLegend\n                data={legendItems}\n                legendSize={{\n                  width,\n                  height: wrapperHeight * LEGEND_VERTICAL_RATIO,\n                }}\n              />\n            </MeterBarLayout.Legend>\n          )}\n        </MeterBarLayout>\n      </MeterBarChartProviders>\n    </ColorRuleContext.Provider>\n  );\n});\n\n(MeterBarChartRoot as ComponentWithName<typeof MeterBarChartRoot>).displayName =\n  'MeterBarChart';\n\n/**\n * The `MeterBarChart` provides a lightweight and simple visualization progress\n * toward a completion, consumption of a total, etc.  It consists of a horizontal\n * bar that gradually fills up with color or shading as it approaches the max value.\n * @public\n */\nexport const MeterBarChart = Object.assign(MeterBarChartRoot, {\n  Value,\n  Label,\n  Min,\n  Max,\n  ThresholdIndicator,\n  ThresholdLegend,\n  Tooltip,\n  ColorRule,\n  Intent,\n  Toolbar,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartOverlay/MeterBarChartOverlay.css

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

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartOverlay/MeterBarChartOverlay.sty.js

@@ -1,5 +1,5 @@
 import "./MeterBarChartOverlay.css";
-var container = "_s444hp0-3-0-1";
+var container = "_s444hp0-3-1-0";
 export {
   container
 };

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartOverlay/MeterBarChartOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/single-meter-bar/components/MeterBarChartOverlay/MeterBarChartOverlay.css.ts"],
-  "sourcesContent": ["import './MeterBarChartOverlay.css';\nexport var container = '_s444hp0-3-0-1';"],
+  "sourcesContent": ["import './MeterBarChartOverlay.css';\nexport var container = '_s444hp0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

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

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

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

@@ -1,5 +1,5 @@
 import "./MeterBarChartThresholds.css";
-var thresholdContainer = "_1kt6hkd0-3-0-1";
+var thresholdContainer = "_1kt6hkd0-3-1-0";
 export {
   thresholdContainer
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/single-meter-bar/components/MeterBarChartThresholds/MeterBarChartThresholds.css.ts"],
-  "sourcesContent": ["import './MeterBarChartThresholds.css';\nexport var thresholdContainer = '_1kt6hkd0-3-0-1';"],
+  "sourcesContent": ["import './MeterBarChartThresholds.css';\nexport var thresholdContainer = '_1kt6hkd0-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/pie/DonutChart.js

@@ -33,6 +33,7 @@ import { EmptyStateSlot } from "../core/slots/chart-states/EmptyStateSlot.js";
 import { ErrorStateSlot } from "../core/slots/chart-states/ErrorStateSlot.js";
 import { ColorRule } from "../core/slots/ColorRule.js";
 import { ChartType } from "../core/types/chart-types.js";
+const COMPONENT_NAME = "DonutChart";
 const sanitizeToolbarIntents = (config) => {
   const toolbar = config.toolbar ? getToolbarConfigWithoutIntents(config.toolbar) : void 0;
   return {
@@ -93,6 +94,7 @@ const DonutChartRoot = forwardRef((props, forwardedRef) => {
           "data-dtrum-mask": dataDtrumMask,
           "data-dtrum-allow": dataDtrumAllow,
           "data-testid": dataTestId,
+          "data-dt-component": COMPONENT_NAME,
           "aria-label": DONUT_CHART_ARIA_LABEL
         }
       ) })

package/esm/charts/pie/DonutChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/pie/DonutChart.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { isEmpty } from 'lodash-es';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { PieChartInternal } from './components/PieChartInternal.js';\nimport {\n  CHART_VARIANT,\n  DONUT_CHART_ARIA_LABEL,\n  DONUT_CHART_DISPLAY_NAME,\n} from './constants.js';\nimport { InnerElementContext } from './context/InnerElementContext.js';\nimport { usePieChartConfig } from './hooks/usePieChartConfig.js';\nimport {\n  ChartProviders,\n  type ChartProvidersProps,\n} from './providers/ChartProviders.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 type { DonutChartRef, PieChartRef } from './types/pie-chart-ref.js';\nimport type {\n  DonutChartProps,\n  PieDonutConfig,\n} from './types/pie-chart.config.js';\nimport { buildAndDownloadCsv } from './utils/build-and-download-csv.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { getToolbarConfigWithoutIntents } from '../core/components/toolbar/utils/get-toolbar-config-without-intents.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { ChartType } from '../core/types/chart-types.js';\n\nconst sanitizeToolbarIntents = (config: PieDonutConfig): PieDonutConfig => {\n  const toolbar = config.toolbar\n    ? getToolbarConfigWithoutIntents(config.toolbar)\n    : undefined;\n\n  return {\n    ...config,\n    toolbar,\n  };\n};\n\nconst DonutChartRoot = forwardRef<\n  DonutChartRef,\n  PropsWithChildren<DonutChartProps>\n>((props, forwardedRef) => {\n  const {\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'donut-chart-root',\n  } = props;\n\n  const chartConfig = usePieChartConfig(props);\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n\n  const isDataAvailable = !isEmpty(props.data);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<PieChartRef | HTMLDivElement>([\n    forwardedRef,\n    containerRef,\n  ]);\n\n  useImperativeHandle(\n    forwardedRef,\n    (): DonutChartRef => ({\n      element: containerRef.current,\n      getConfig: () =>\n        JSON.stringify({\n          type: ChartType.Donut,\n          ...sanitizeToolbarIntents(chartConfig),\n        }),\n      downloadData: () => {\n        buildAndDownloadCsv(props.data);\n      },\n    }),\n  );\n\n  const providersProps: ChartProvidersProps = {\n    chartData: props.data,\n    chartConfig,\n  };\n\n  return (\n    <InnerElementContext.Provider\n      value={{\n        innerElement: chartConfig.innerElement,\n      }}\n    >\n      <ChartProviders {...providersProps}>\n        <PieChartInternal\n          {...props}\n          ref={rootRef}\n          variant={CHART_VARIANT.Donut}\n          isEmpty={!isDataAvailable}\n          emptyState={emptyState}\n          errorState={errorState}\n          className={clsx(defaultChartSize, className)}\n          style={style}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          data-testid={dataTestId}\n          aria-label={DONUT_CHART_ARIA_LABEL}\n        />\n      </ChartProviders>\n    </InnerElementContext.Provider>\n  );\n});\n\n(\n  DonutChartRoot as typeof DonutChartRoot & { displayName: string }\n).displayName = DONUT_CHART_DISPLAY_NAME;\n\n/**\n * The `DonutChart` is a variation of a pie chart with a circular shape and\n * a hole in the center. It divides the total amount into proportional slices,\n * each representing a category or value. The key difference is the presence of\n * the central hole, which allows placing additional information in the\n * available space.\n * @public\n */\nexport const DonutChart = Object.assign(DonutChartRoot, {\n  Legend: DonutChartLegend,\n  Grouping: DonutChartGrouping,\n  Labels: DonutChartLabels,\n  Inner: DonutChartInner,\n  Intent,\n  Toolbar,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n  DownloadCSV: DonutChartDownloadCSVSlot,\n});\n"],
-  "mappings": "AAwGQ;AAxGR,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,eAAe;AACxB,SAAS,iCAAiC;AAC1C,SAAS,YAAY,0BAA0B;AAC/C,SAAS,uBAAuB;AAChC,SAAS,UAAU,wBAAwB;AAC3C,SAAS,UAAU,wBAAwB;AAM3C,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,sCAAsC;AAC/C,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAE1B,MAAM,yBAAyB,CAAC,WAA2C;AACzE,QAAM,UAAU,OAAO,UACnB,+BAA+B,OAAO,OAAO,IAC7C;AAEJ,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEA,MAAM,iBAAiB,WAGrB,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe,aAAa;AAAA,EAC9B,IAAI;AAEJ,QAAM,cAAc,kBAAkB,KAAK;AAC3C,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,MAAM,QAAQ;AAEzE,QAAM,kBAAkB,CAAC,QAAQ,MAAM,IAAI;AAE3C,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,UAAU,aAA2C;AAAA,IACzD;AAAA,IACA;AAAA,EACF,CAAC;AAED;AAAA,IACE;AAAA,IACA,OAAsB;AAAA,MACpB,SAAS,aAAa;AAAA,MACtB,WAAW,MACT,KAAK,UAAU;AAAA,QACb,MAAM,UAAU;AAAA,QAChB,GAAG,uBAAuB,WAAW;AAAA,MACvC,CAAC;AAAA,MACH,cAAc,MAAM;AAClB,4BAAoB,MAAM,IAAI;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAEA,QAAM,iBAAsC;AAAA,IAC1C,WAAW,MAAM;AAAA,IACjB;AAAA,EACF;AAEA,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACC,OAAO;AAAA,QACL,cAAc,YAAY;AAAA,MAC5B;AAAA,MAEA,8BAAC,kBAAgB,GAAG,gBAClB;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,SAAS,cAAc;AAAA,UACvB,SAAS,CAAC;AAAA,UACV;AAAA,UACA;AAAA,UACA,WAAW,KAAK,kBAAkB,SAAS;AAAA,UAC3C;AAAA,UACA,mBAAiB;AAAA,UACjB,oBAAkB;AAAA,UAClB,eAAa;AAAA,UACb,cAAY;AAAA;AAAA,MACd,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAGC,eACA,cAAc;AAUT,MAAM,aAAa,OAAO,OAAO,gBAAgB;AAAA,EACtD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA,aAAa;AACf,CAAC;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { isEmpty } from 'lodash-es';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { PieChartInternal } from './components/PieChartInternal.js';\nimport {\n  CHART_VARIANT,\n  DONUT_CHART_ARIA_LABEL,\n  DONUT_CHART_DISPLAY_NAME,\n} from './constants.js';\nimport { InnerElementContext } from './context/InnerElementContext.js';\nimport { usePieChartConfig } from './hooks/usePieChartConfig.js';\nimport {\n  ChartProviders,\n  type ChartProvidersProps,\n} from './providers/ChartProviders.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 type { DonutChartRef, PieChartRef } from './types/pie-chart-ref.js';\nimport type {\n  DonutChartProps,\n  PieDonutConfig,\n} from './types/pie-chart.config.js';\nimport { buildAndDownloadCsv } from './utils/build-and-download-csv.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { getToolbarConfigWithoutIntents } from '../core/components/toolbar/utils/get-toolbar-config-without-intents.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { ChartType } from '../core/types/chart-types.js';\n\nconst COMPONENT_NAME = 'DonutChart';\n\nconst sanitizeToolbarIntents = (config: PieDonutConfig): PieDonutConfig => {\n  const toolbar = config.toolbar\n    ? getToolbarConfigWithoutIntents(config.toolbar)\n    : undefined;\n\n  return {\n    ...config,\n    toolbar,\n  };\n};\n\nconst DonutChartRoot = forwardRef<\n  DonutChartRef,\n  PropsWithChildren<DonutChartProps>\n>((props, forwardedRef) => {\n  const {\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'donut-chart-root',\n  } = props;\n\n  const chartConfig = usePieChartConfig(props);\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n\n  const isDataAvailable = !isEmpty(props.data);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<PieChartRef | HTMLDivElement>([\n    forwardedRef,\n    containerRef,\n  ]);\n\n  useImperativeHandle(\n    forwardedRef,\n    (): DonutChartRef => ({\n      element: containerRef.current,\n      getConfig: () =>\n        JSON.stringify({\n          type: ChartType.Donut,\n          ...sanitizeToolbarIntents(chartConfig),\n        }),\n      downloadData: () => {\n        buildAndDownloadCsv(props.data);\n      },\n    }),\n  );\n\n  const providersProps: ChartProvidersProps = {\n    chartData: props.data,\n    chartConfig,\n  };\n\n  return (\n    <InnerElementContext.Provider\n      value={{\n        innerElement: chartConfig.innerElement,\n      }}\n    >\n      <ChartProviders {...providersProps}>\n        <PieChartInternal\n          {...props}\n          ref={rootRef}\n          variant={CHART_VARIANT.Donut}\n          isEmpty={!isDataAvailable}\n          emptyState={emptyState}\n          errorState={errorState}\n          className={clsx(defaultChartSize, className)}\n          style={style}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          data-testid={dataTestId}\n          data-dt-component={COMPONENT_NAME}\n          aria-label={DONUT_CHART_ARIA_LABEL}\n        />\n      </ChartProviders>\n    </InnerElementContext.Provider>\n  );\n});\n\n(\n  DonutChartRoot as typeof DonutChartRoot & { displayName: string }\n).displayName = DONUT_CHART_DISPLAY_NAME;\n\n/**\n * The `DonutChart` is a variation of a pie chart with a circular shape and\n * a hole in the center. It divides the total amount into proportional slices,\n * each representing a category or value. The key difference is the presence of\n * the central hole, which allows placing additional information in the\n * available space.\n * @public\n */\nexport const DonutChart = Object.assign(DonutChartRoot, {\n  Legend: DonutChartLegend,\n  Grouping: DonutChartGrouping,\n  Labels: DonutChartLabels,\n  Inner: DonutChartInner,\n  Intent,\n  Toolbar,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n  DownloadCSV: DonutChartDownloadCSVSlot,\n});\n"],
+  "mappings": "AA0GQ;AA1GR,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,eAAe;AACxB,SAAS,iCAAiC;AAC1C,SAAS,YAAY,0BAA0B;AAC/C,SAAS,uBAAuB;AAChC,SAAS,UAAU,wBAAwB;AAC3C,SAAS,UAAU,wBAAwB;AAM3C,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,sCAAsC;AAC/C,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAE1B,MAAM,iBAAiB;AAEvB,MAAM,yBAAyB,CAAC,WAA2C;AACzE,QAAM,UAAU,OAAO,UACnB,+BAA+B,OAAO,OAAO,IAC7C;AAEJ,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEA,MAAM,iBAAiB,WAGrB,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe,aAAa;AAAA,EAC9B,IAAI;AAEJ,QAAM,cAAc,kBAAkB,KAAK;AAC3C,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,MAAM,QAAQ;AAEzE,QAAM,kBAAkB,CAAC,QAAQ,MAAM,IAAI;AAE3C,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,UAAU,aAA2C;AAAA,IACzD;AAAA,IACA;AAAA,EACF,CAAC;AAED;AAAA,IACE;AAAA,IACA,OAAsB;AAAA,MACpB,SAAS,aAAa;AAAA,MACtB,WAAW,MACT,KAAK,UAAU;AAAA,QACb,MAAM,UAAU;AAAA,QAChB,GAAG,uBAAuB,WAAW;AAAA,MACvC,CAAC;AAAA,MACH,cAAc,MAAM;AAClB,4BAAoB,MAAM,IAAI;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAEA,QAAM,iBAAsC;AAAA,IAC1C,WAAW,MAAM;AAAA,IACjB;AAAA,EACF;AAEA,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACC,OAAO;AAAA,QACL,cAAc,YAAY;AAAA,MAC5B;AAAA,MAEA,8BAAC,kBAAgB,GAAG,gBAClB;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,SAAS,cAAc;AAAA,UACvB,SAAS,CAAC;AAAA,UACV;AAAA,UACA;AAAA,UACA,WAAW,KAAK,kBAAkB,SAAS;AAAA,UAC3C;AAAA,UACA,mBAAiB;AAAA,UACjB,oBAAkB;AAAA,UAClB,eAAa;AAAA,UACb,qBAAmB;AAAA,UACnB,cAAY;AAAA;AAAA,MACd,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAGC,eACA,cAAc;AAUT,MAAM,aAAa,OAAO,OAAO,gBAAgB;AAAA,EACtD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA,aAAa;AACf,CAAC;",
   "names": []
 }

package/esm/charts/pie/PieChart.js

@@ -31,6 +31,7 @@ import { ColorRule } from "../core/slots/ColorRule.js";
 import { ChartType } from "../core/types/chart-types.js";
 import { Toolbar } from "./shared/slots/Toolbar.js";
 import { PieChartDownloadCSVSlot } from "./slots/PieChartDownloadCSV.js";
+const COMPONENT_NAME = "PieChart";
 const sanitizeToolbarIntents = (config) => {
   const toolbar = config.toolbar ? getToolbarConfigWithoutIntents(config.toolbar) : void 0;
   return {
@@ -84,10 +85,11 @@ const PieChartRoot = forwardRef(
         errorState,
         className: clsx(defaultChartSize, className),
         style,
-        "data-dtrum-mask": dataDtrumMask,
-        "data-dtrum-allow": dataDtrumAllow,
+        "data-dt-component": COMPONENT_NAME,
         "data-testid": dataTestId,
-        "aria-label": PIE_CHART_ARIA_LABEL
+        "aria-label": PIE_CHART_ARIA_LABEL,
+        "data-dtrum-mask": dataDtrumMask,
+        "data-dtrum-allow": dataDtrumAllow
       }
     ) });
   }

package/esm/charts/pie/PieChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/pie/PieChart.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { isEmpty } from 'lodash-es';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { PieChartInternal } from './components/PieChartInternal.js';\nimport {\n  CHART_VARIANT,\n  PIE_CHART_ARIA_LABEL,\n  PIE_CHART_DISPLAY_NAME,\n} from './constants.js';\nimport { usePieChartConfig } from './hooks/usePieChartConfig.js';\nimport {\n  ChartProviders,\n  type ChartProvidersProps,\n} from './providers/ChartProviders.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 { PieChartRef } from './types/pie-chart-ref.js';\nimport type {\n  PieChartProps,\n  PieDonutConfig,\n} from './types/pie-chart.config.js';\nimport { buildAndDownloadCsv } from './utils/build-and-download-csv.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { getToolbarConfigWithoutIntents } from '../core/components/toolbar/utils/get-toolbar-config-without-intents.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { ChartType } from '../core/types/chart-types.js';\nimport { Toolbar } from './shared/slots/Toolbar.js';\nimport { PieChartDownloadCSVSlot } from './slots/PieChartDownloadCSV.js';\n\nconst sanitizeToolbarIntents = (config: PieDonutConfig): PieDonutConfig => {\n  const toolbar = config.toolbar\n    ? getToolbarConfigWithoutIntents(config.toolbar)\n    : undefined;\n\n  return {\n    ...config,\n    toolbar,\n  };\n};\n\nconst PieChartRoot = forwardRef<PieChartRef, PropsWithChildren<PieChartProps>>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      style,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      'data-testid': dataTestId = 'pie-chart-root',\n    } = props;\n\n    const chartConfig = usePieChartConfig(props);\n\n    const { emptyState, errorState } = getChartStatesTemplates(props.children);\n\n    const isDataAvailable = !isEmpty(props.data);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const rootRef = useMergeRefs<PieChartRef | HTMLDivElement>([\n      forwardedRef,\n      containerRef,\n    ]);\n\n    useImperativeHandle(\n      forwardedRef,\n      (): PieChartRef => ({\n        element: containerRef.current,\n        getConfig: () =>\n          JSON.stringify({\n            type: ChartType.Pie,\n            ...sanitizeToolbarIntents(chartConfig),\n          }),\n        downloadData: () => {\n          buildAndDownloadCsv(props.data);\n        },\n      }),\n    );\n\n    const providersProps: ChartProvidersProps = {\n      chartData: props.data,\n      chartConfig,\n    };\n\n    return (\n      <ChartProviders {...providersProps}>\n        <PieChartInternal\n          {...props}\n          ref={rootRef}\n          height={chartConfig.height}\n          variant={CHART_VARIANT.Pie}\n          isEmpty={!isDataAvailable}\n          emptyState={emptyState}\n          errorState={errorState}\n          className={clsx(defaultChartSize, className)}\n          style={style}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          data-testid={dataTestId}\n          aria-label={PIE_CHART_ARIA_LABEL}\n        />\n      </ChartProviders>\n    );\n  },\n);\n\n(PieChartRoot as typeof PieChartRoot & { displayName: string }).displayName =\n  PIE_CHART_DISPLAY_NAME;\n\n/**\n * The `PieChart` visualizes data proportions in a circular chart.\n * It divides a circle into slices, with each slice representing a specific\n * category or value.\n * @public\n */\nexport const PieChart = Object.assign(PieChartRoot, {\n  Legend: PieChartLegend,\n  Grouping: PieChartGrouping,\n  Labels: PieChartLabels,\n  Intent,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n  Toolbar,\n  DownloadCSV: PieChartDownloadCSVSlot,\n});\n"],
-  "mappings": "AAgGQ;AAhGR,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY,wBAAwB;AAC7C,SAAS,UAAU,sBAAsB;AACzC,SAAS,UAAU,sBAAsB;AAMzC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,sCAAsC;AAC/C,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,+BAA+B;AAExC,MAAM,yBAAyB,CAAC,WAA2C;AACzE,QAAM,UAAU,OAAO,UACnB,+BAA+B,OAAO,OAAO,IAC7C;AAEJ,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEA,MAAM,eAAe;AAAA,EACnB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,eAAe,aAAa;AAAA,IAC9B,IAAI;AAEJ,UAAM,cAAc,kBAAkB,KAAK;AAE3C,UAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,MAAM,QAAQ;AAEzE,UAAM,kBAAkB,CAAC,QAAQ,MAAM,IAAI;AAE3C,UAAM,eAAe,OAAuB,IAAI;AAChD,UAAM,UAAU,aAA2C;AAAA,MACzD;AAAA,MACA;AAAA,IACF,CAAC;AAED;AAAA,MACE;AAAA,MACA,OAAoB;AAAA,QAClB,SAAS,aAAa;AAAA,QACtB,WAAW,MACT,KAAK,UAAU;AAAA,UACb,MAAM,UAAU;AAAA,UAChB,GAAG,uBAAuB,WAAW;AAAA,QACvC,CAAC;AAAA,QACH,cAAc,MAAM;AAClB,8BAAoB,MAAM,IAAI;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAEA,UAAM,iBAAsC;AAAA,MAC1C,WAAW,MAAM;AAAA,MACjB;AAAA,IACF;AAEA,WACE,oBAAC,kBAAgB,GAAG,gBAClB;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,QAAQ,YAAY;AAAA,QACpB,SAAS,cAAc;AAAA,QACvB,SAAS,CAAC;AAAA,QACV;AAAA,QACA;AAAA,QACA,WAAW,KAAK,kBAAkB,SAAS;AAAA,QAC3C;AAAA,QACA,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB,eAAa;AAAA,QACb,cAAY;AAAA;AAAA,IACd,GACF;AAAA,EAEJ;AACF;AAEC,aAA+D,cAC9D;AAQK,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,aAAa;AACf,CAAC;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { isEmpty } from 'lodash-es';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { PieChartInternal } from './components/PieChartInternal.js';\nimport {\n  CHART_VARIANT,\n  PIE_CHART_ARIA_LABEL,\n  PIE_CHART_DISPLAY_NAME,\n} from './constants.js';\nimport { usePieChartConfig } from './hooks/usePieChartConfig.js';\nimport {\n  ChartProviders,\n  type ChartProvidersProps,\n} from './providers/ChartProviders.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 { PieChartRef } from './types/pie-chart-ref.js';\nimport type {\n  PieChartProps,\n  PieDonutConfig,\n} from './types/pie-chart.config.js';\nimport { buildAndDownloadCsv } from './utils/build-and-download-csv.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { getToolbarConfigWithoutIntents } from '../core/components/toolbar/utils/get-toolbar-config-without-intents.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { ChartType } from '../core/types/chart-types.js';\nimport { Toolbar } from './shared/slots/Toolbar.js';\nimport { PieChartDownloadCSVSlot } from './slots/PieChartDownloadCSV.js';\n\nconst COMPONENT_NAME = 'PieChart';\nconst sanitizeToolbarIntents = (config: PieDonutConfig): PieDonutConfig => {\n  const toolbar = config.toolbar\n    ? getToolbarConfigWithoutIntents(config.toolbar)\n    : undefined;\n\n  return {\n    ...config,\n    toolbar,\n  };\n};\n\nconst PieChartRoot = forwardRef<PieChartRef, PropsWithChildren<PieChartProps>>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      style,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      'data-testid': dataTestId = 'pie-chart-root',\n    } = props;\n\n    const chartConfig = usePieChartConfig(props);\n\n    const { emptyState, errorState } = getChartStatesTemplates(props.children);\n\n    const isDataAvailable = !isEmpty(props.data);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const rootRef = useMergeRefs<PieChartRef | HTMLDivElement>([\n      forwardedRef,\n      containerRef,\n    ]);\n\n    useImperativeHandle(\n      forwardedRef,\n      (): PieChartRef => ({\n        element: containerRef.current,\n        getConfig: () =>\n          JSON.stringify({\n            type: ChartType.Pie,\n            ...sanitizeToolbarIntents(chartConfig),\n          }),\n        downloadData: () => {\n          buildAndDownloadCsv(props.data);\n        },\n      }),\n    );\n\n    const providersProps: ChartProvidersProps = {\n      chartData: props.data,\n      chartConfig,\n    };\n\n    return (\n      <ChartProviders {...providersProps}>\n        <PieChartInternal\n          {...props}\n          ref={rootRef}\n          height={chartConfig.height}\n          variant={CHART_VARIANT.Pie}\n          isEmpty={!isDataAvailable}\n          emptyState={emptyState}\n          errorState={errorState}\n          className={clsx(defaultChartSize, className)}\n          style={style}\n          data-dt-component={COMPONENT_NAME}\n          data-testid={dataTestId}\n          aria-label={PIE_CHART_ARIA_LABEL}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n        />\n      </ChartProviders>\n    );\n  },\n);\n\n(PieChartRoot as typeof PieChartRoot & { displayName: string }).displayName =\n  PIE_CHART_DISPLAY_NAME;\n\n/**\n * The `PieChart` visualizes data proportions in a circular chart.\n * It divides a circle into slices, with each slice representing a specific\n * category or value.\n * @public\n */\nexport const PieChart = Object.assign(PieChartRoot, {\n  Legend: PieChartLegend,\n  Grouping: PieChartGrouping,\n  Labels: PieChartLabels,\n  Intent,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n  Toolbar,\n  DownloadCSV: PieChartDownloadCSVSlot,\n});\n"],
+  "mappings": "AAiGQ;AAjGR,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY,wBAAwB;AAC7C,SAAS,UAAU,sBAAsB;AACzC,SAAS,UAAU,sBAAsB;AAMzC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,sCAAsC;AAC/C,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,+BAA+B;AAExC,MAAM,iBAAiB;AACvB,MAAM,yBAAyB,CAAC,WAA2C;AACzE,QAAM,UAAU,OAAO,UACnB,+BAA+B,OAAO,OAAO,IAC7C;AAEJ,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEA,MAAM,eAAe;AAAA,EACnB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,eAAe,aAAa;AAAA,IAC9B,IAAI;AAEJ,UAAM,cAAc,kBAAkB,KAAK;AAE3C,UAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,MAAM,QAAQ;AAEzE,UAAM,kBAAkB,CAAC,QAAQ,MAAM,IAAI;AAE3C,UAAM,eAAe,OAAuB,IAAI;AAChD,UAAM,UAAU,aAA2C;AAAA,MACzD;AAAA,MACA;AAAA,IACF,CAAC;AAED;AAAA,MACE;AAAA,MACA,OAAoB;AAAA,QAClB,SAAS,aAAa;AAAA,QACtB,WAAW,MACT,KAAK,UAAU;AAAA,UACb,MAAM,UAAU;AAAA,UAChB,GAAG,uBAAuB,WAAW;AAAA,QACvC,CAAC;AAAA,QACH,cAAc,MAAM;AAClB,8BAAoB,MAAM,IAAI;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAEA,UAAM,iBAAsC;AAAA,MAC1C,WAAW,MAAM;AAAA,MACjB;AAAA,IACF;AAEA,WACE,oBAAC,kBAAgB,GAAG,gBAClB;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,QAAQ,YAAY;AAAA,QACpB,SAAS,cAAc;AAAA,QACvB,SAAS,CAAC;AAAA,QACV;AAAA,QACA;AAAA,QACA,WAAW,KAAK,kBAAkB,SAAS;AAAA,QAC3C;AAAA,QACA,qBAAmB;AAAA,QACnB,eAAa;AAAA,QACb,cAAY;AAAA,QACZ,mBAAiB;AAAA,QACjB,oBAAkB;AAAA;AAAA,IACpB,GACF;AAAA,EAEJ;AACF;AAEC,aAA+D,cAC9D;AAQK,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,aAAa;AACf,CAAC;",
   "names": []
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -32,7 +32,8 @@ const PieChartInternal = forwardRef((props, forwardedRef) => {
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow,
     "data-testid": dataTestId,
-    "aria-label": ariaLabel
+    "aria-label": ariaLabel,
+    "data-dt-component": dataDtComponent
   } = props;
   const {
     hidden: legendHidden,
@@ -80,6 +81,7 @@ const PieChartInternal = forwardRef((props, forwardedRef) => {
       style: { padding: `0 ${DEFAULT_CONTAINER_PADDING}`, ...style },
       "data-dtrum-mask": dataDtrumMask,
       "data-dtrum-allow": dataDtrumAllow,
+      "data-dt-component": dataDtComponent,
       "data-testid": dataTestId,
       "aria-label": ariaLabel,
       children: /* @__PURE__ */ jsxs(ChartLayout.Provider, { provider: PieChartSlicesDataProvider, children: [

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/components/PieChartInternal.tsx"],
-  "sourcesContent": ["import { forwardRef, useRef, type JSX, type ReactNode } from 'react';\nimport { useIntl } from 'react-intl';\n\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 type { AriaLabel } from '../../core/types/aria-label.js';\nimport { sanitizeLegendRatio } from '../../core/utils/sanitize-legend-ratio.js';\nimport { useChartLegend } from '../context/ChartLegendContext.js';\nimport { PieChartLoadingContext } from '../context/PieChartLoadingContext.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';\nimport { PieChartLegend } from './PieChartLegend/PieChartLegend.js';\nimport { PieChartOverlays } from './PieChartOverlays/PieChartOverlays.js';\nimport { PieChartPlot } from './PieChartPlot/PieChartPlot.js';\n\ntype PieChartInternalProps = Omit<PieChartProps, 'data'> &\n  AriaLabel & {\n    variant: ChartVariant;\n    height?: string | number;\n    width?: number;\n    isEmpty?: boolean;\n    emptyState?: ReactNode;\n    errorState?: ReactNode | ((message: string) => JSX.Element);\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  } = props;\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    <PieChartLoadingContext.Provider value={loading}>\n      <ChartLayout\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-testid={dataTestId}\n        aria-label={ariaLabel}\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    </PieChartLoadingContext.Provider>\n  );\n});\n\n(\n  PieChartInternal as typeof PieChartInternal & { displayName: string }\n).displayName = 'PieChartInternal';\n"],
-  "mappings": "AA4HQ,SAGM,KAHN;AA5HR,SAAS,YAAY,cAAwC;AAC7D,SAAS,eAAe;AAExB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AAErC,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAYtB,MAAM,mBAAmB,WAG9B,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB,IAAI;AACJ,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,IAEV;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,eAAe;AAEnB,QAAM,cAAc,gBAAgB;AAEpC,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,YAAY,aAAa,CAAC,cAAc,WAAW,CAAC;AAC1D,QAAM,OAAO,QAAQ;AAErB,QAAM,YAAY,mBAAmB;AACrC,QAAM,mBACJ,UAAU,QAAQ,OAAO,CAAC,KAAK,UAAU,MAAM,MAAM,OAAO,CAAC,KAAK;AACpE,QAAM,eACJ,CAAC,WAAW,mBACR,cAAc,KAAK,cAAc,mBAAmB,cAAc,IAClE;AAEN,QAAM,gBAAuC,CAC3C,aACAA,QACAC,SACAC,QACA,8BACG;AACH,UAAM,eAAe,gBAAgB,YAAY;AAEjD,QAAI,CAAC,cAAc;AACjB,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,oBAAoBA,MAAK;AAChD,UAAM,eAAe,eAAeD,UAAS,iBAAiBA,UAAS;AACvE,QAAI,cAAcD;AAElB,QAAI,cAAc;AAChB,oBACEE,WAAU,SAASF,SAAQC,UAASD,SAAQ,iBAAiB;AAAA,IACjE;AAEA,WAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAEA,QAAM,iBAAiB,qBAAqB,SAAS;AAErD,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,SACtC;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,YAAY,SAAS;AAAA,MACrB,aAAa,UAAU;AAAA,MACvB,SAAS,WAAW;AAAA,MACpB,YAAY,UAAU,aAAa,cAAc;AAAA,MACjD;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,OAAO,EAAE,SAAS,KAAK,yBAAyB,IAAI,GAAG,MAAM;AAAA,MAC7D,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,cAAY;AAAA,MAEZ,+BAAC,YAAY,UAAZ,EAAqB,UAAU,4BAC9B;AAAA,4BAAC,YAAY,OAAZ,EACC,8BAAC,oBACC,8BAAC,gBAAc,GAAG,OAAO,KAAK,WAAW,GAC3C,GACF;AAAA,QACC,CAAC,gBACA;AAAA,UAAC,YAAY;AAAA,UAAZ;AAAA,YACC,UAAU;AAAA,YACV,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB;AAAA,YACA,UAAU;AAAA,YAEV,8BAAC,kBAAe;AAAA;AAAA,QAClB;AAAA,SAEJ;AAAA;AAAA,EACF,GACF;AAEJ,CAAC;AAGC,iBACA,cAAc;",
+  "sourcesContent": ["import { forwardRef, useRef, type JSX, type ReactNode } from 'react';\nimport { useIntl } from 'react-intl';\n\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 type { AriaLabel } from '../../core/types/aria-label.js';\nimport { sanitizeLegendRatio } from '../../core/utils/sanitize-legend-ratio.js';\nimport { useChartLegend } from '../context/ChartLegendContext.js';\nimport { PieChartLoadingContext } from '../context/PieChartLoadingContext.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';\nimport { PieChartLegend } from './PieChartLegend/PieChartLegend.js';\nimport { PieChartOverlays } from './PieChartOverlays/PieChartOverlays.js';\nimport { PieChartPlot } from './PieChartPlot/PieChartPlot.js';\n\ntype PieChartInternalProps = Omit<PieChartProps, 'data'> &\n  AriaLabel & {\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  } = props;\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    <PieChartLoadingContext.Provider value={loading}>\n      <ChartLayout\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      >\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    </PieChartLoadingContext.Provider>\n  );\n});\n\n(\n  PieChartInternal as typeof PieChartInternal & { displayName: string }\n).displayName = 'PieChartInternal';\n"],
+  "mappings": "AA+HQ,SAGM,KAHN;AA/HR,SAAS,YAAY,cAAwC;AAC7D,SAAS,eAAe;AAExB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AAErC,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAatB,MAAM,mBAAmB,WAG9B,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,qBAAqB;AAAA,EACvB,IAAI;AACJ,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,IAEV;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,eAAe;AAEnB,QAAM,cAAc,gBAAgB;AAEpC,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,YAAY,aAAa,CAAC,cAAc,WAAW,CAAC;AAC1D,QAAM,OAAO,QAAQ;AAErB,QAAM,YAAY,mBAAmB;AACrC,QAAM,mBACJ,UAAU,QAAQ,OAAO,CAAC,KAAK,UAAU,MAAM,MAAM,OAAO,CAAC,KAAK;AACpE,QAAM,eACJ,CAAC,WAAW,mBACR,cAAc,KAAK,cAAc,mBAAmB,cAAc,IAClE;AAEN,QAAM,gBAAuC,CAC3C,aACAA,QACAC,SACAC,QACA,8BACG;AACH,UAAM,eAAe,gBAAgB,YAAY;AAEjD,QAAI,CAAC,cAAc;AACjB,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,oBAAoBA,MAAK;AAChD,UAAM,eAAe,eAAeD,UAAS,iBAAiBA,UAAS;AACvE,QAAI,cAAcD;AAElB,QAAI,cAAc;AAChB,oBACEE,WAAU,SAASF,SAAQC,UAASD,SAAQ,iBAAiB;AAAA,IACjE;AAEA,WAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAEA,QAAM,iBAAiB,qBAAqB,SAAS;AAErD,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,SACtC;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,YAAY,SAAS;AAAA,MACrB,aAAa,UAAU;AAAA,MACvB,SAAS,WAAW;AAAA,MACpB,YAAY,UAAU,aAAa,cAAc;AAAA,MACjD;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,OAAO,EAAE,SAAS,KAAK,yBAAyB,IAAI,GAAG,MAAM;AAAA,MAC7D,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,qBAAmB;AAAA,MACnB,eAAa;AAAA,MACb,cAAY;AAAA,MAEZ,+BAAC,YAAY,UAAZ,EAAqB,UAAU,4BAC9B;AAAA,4BAAC,YAAY,OAAZ,EACC,8BAAC,oBACC,8BAAC,gBAAc,GAAG,OAAO,KAAK,WAAW,GAC3C,GACF;AAAA,QACC,CAAC,gBACA;AAAA,UAAC,YAAY;AAAA,UAAZ;AAAA,YACC,UAAU;AAAA,YACV,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB;AAAA,YACA,UAAU;AAAA,YAEV,8BAAC,kBAAe;AAAA;AAAA,QAClB;AAAA,SAEJ;AAAA;AAAA,EACF,GACF;AAEJ,CAAC;AAGC,iBACA,cAAc;",
   "names": ["width", "height", "ratio"]
 }

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

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

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

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