@economic/taco 2.57.0-charts.12 → 2.57.0-charts.13

package/dist/taco.cjs

@@ -8035,7 +8035,7 @@ const defaultLocalisationTexts = {
   }
 };
 const defaultLocalizationContext = {
-  locale: "en-GB",
+  locale: "da-DK",
   texts: defaultLocalisationTexts,
   formatting: {
     date: "dd.mm.yy"
@@ -82996,7 +82996,10 @@ function useChart(children, options) {
   const [activeIndex, setActiveIndex] = React.useState();
   const [hiddenItems, toggleItem] = useChartDataHiddenState();
   const localization = useLocalization();
-  const defaultFormatter2 = (value) => new Intl.NumberFormat(localization.locale).format(value);
+  const defaultFormatter2 = (value) => new Intl.NumberFormat(localization.locale, { minimumFractionDigits: 2, trailingZeroDisplay: "stripIfInteger" }).format(
+    value
+  );
+  const globalFormatter = (options == null ? void 0 : options.formatter) ?? defaultFormatter2;
   const { items, shapes } = React.useMemo(() => {
     const items2 = React.Children.toArray(children).filter((child) => React.isValidElement(child)).map((child) => {
       const dataKey = child.props.dataKey ?? child.props.label;
@@ -83004,7 +83007,7 @@ function useChart(children, options) {
         ...child.props,
         dataKey,
         color: getThemeColor(child.props.color, "blue-300"),
-        formatter: child.props.formatter ?? (options == null ? void 0 : options.formatter) ?? defaultFormatter2,
+        formatter: child.props.formatter ?? globalFormatter,
         isHidden: !!hiddenItems[dataKey],
         unit: child.props.unit ?? (options == null ? void 0 : options.unit)
       };
@@ -83031,7 +83034,7 @@ function useChart(children, options) {
     });
     return { items: items2, shapes: shapes2 };
   }, [children, hiddenItems]);
-  return { items, shapes, activeIndex, setActiveIndex, toggleItem };
+  return { items, shapes, activeIndex, setActiveIndex, globalFormatter, toggleItem };
 }
 function useChartDataHiddenState() {
   const [state, setState] = React.useState({});
@@ -83222,7 +83225,7 @@ BarChart.Bar = Bar;
 const PIE_ACTIVE_WIDTH = 10;
 const PIE_ACTIVE_WIDTH_OFFSET = 2;
 function usePieChart(children, options) {
-  const { items, shapes, activeIndex, setActiveIndex, toggleItem } = useChart(children, options);
+  const { items, shapes, activeIndex, setActiveIndex, globalFormatter, toggleItem } = useChart(children, options);
   const [radius, _setRadius] = React.useState(0);
   function setRadius(width) {
     _setRadius((width - 2 * (PIE_ACTIVE_WIDTH + PIE_ACTIVE_WIDTH_OFFSET)) / 2);
@@ -83243,7 +83246,7 @@ function usePieChart(children, options) {
     labelLine: false,
     outerRadius: radius
   };
-  return { pieProps, radius, setRadius, items, activeIndex, setActiveIndex, toggleItem, shapes };
+  return { pieProps, radius, setRadius, items, activeIndex, setActiveIndex, globalFormatter, toggleItem, shapes };
 }
 const PIE_CHART_HOVER = 10;
 const PIE_CHART_HOVER_OFFSET = 2;
@@ -83262,15 +83265,18 @@ function ActiveShape$1(props) {
 const DONUT_WIDTH$1 = 20;
 function DonutChart(props) {
   const { children, formatter, showLegend = false, showTotal = false, tooltipTitle, unit: unit2, ...attributes } = props;
-  const { pieProps, radius, setRadius, items, activeIndex, setActiveIndex, toggleItem } = usePieChart(children, {
-    formatter,
-    unit: unit2
-  });
+  const { pieProps, radius, setRadius, items, activeIndex, setActiveIndex, globalFormatter, toggleItem } = usePieChart(
+    children,
+    {
+      formatter,
+      unit: unit2
+    }
+  );
   const className = clsx("aspect-square", attributes.className);
   return /* @__PURE__ */ React.createElement("div", { className: "relative", "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartWrapper, { ...attributes, className, "data-taco": "chart-donut", onSetWidth: setRadius }, /* @__PURE__ */ React.createElement(PieChart$1, null, /* @__PURE__ */ React.createElement(Tooltip$1, { content: /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipTitle }) }), /* @__PURE__ */ React.createElement(Pie, { ...pieProps, innerRadius: radius - DONUT_WIDTH$1 }))), showTotal ? /* @__PURE__ */ React.createElement(
     Total,
     {
-      formatter,
+      formatter: globalFormatter,
       items,
       unit: unit2,
       style: { top: radius + DONUT_WIDTH$1 / 2, width: radius + DONUT_WIDTH$1 * 2 }
@@ -83283,10 +83289,9 @@ function Segment$2(_) {
 DonutChart.Segment = Segment$2;
 function Total(props) {
   const { formatter, items, unit: unit2, ...attributes } = props;
-  const localization = useLocalization();
   const total = React.useMemo(() => {
     const total2 = items.filter((item) => !item.isHidden).reduce((acc, curr) => acc + curr.value, 0);
-    return (formatter == null ? void 0 : formatter(total2)) ?? new Intl.NumberFormat(localization.locale).format(total2);
+    return formatter(total2);
   }, [items]);
   return /* @__PURE__ */ React.createElement(
     "div",