@gisce/react-ooui 1.2.0-rc.43 → 1.2.0-rc.45

package/dist/react-ooui.es.js

@@ -20580,11 +20580,15 @@ function CommonIndicator({
   icon: u,
   suffix: c
 }) {
-  let d = a * fontGrowFactor < minFontSize ? minFontSize : a * fontGrowFactor, f = o ? `${s}/${o}` : `${s}`;
-  c && (f += " " + c);
-  let p = getTextWidth(f, `bold ${Math.floor(d * 1.03)}px sans-serif`);
-  u && (p = p * 2), p >= r * 0.85 && (d = r * 0.85 / p * d);
-  const h = u && iconMapper(u);
+  let d = a * fontGrowFactor < minFontSize ? minFontSize : a * fontGrowFactor;
+  const f = s == null ? void 0 : s.toLocaleString("es-ES", {
+    useGrouping: !0
+  });
+  let p = o ? `${f}/${o}` : `${f}`;
+  c && (p += " " + c);
+  let h = getTextWidth(p, `bold ${Math.floor(d * 1.03)}px sans-serif`);
+  u && (h = h * 2), h >= r * 0.85 && (d = r * 0.85 / h * d);
+  const m = u && iconMapper(u);
   return /* @__PURE__ */ jsx("div", {
     ref: e,
     style: {
@@ -20601,11 +20605,11 @@ function CommonIndicator({
         margin: 0,
         color: l
       },
-      children: [h && /* @__PURE__ */ jsx(h, {
+      children: [m && /* @__PURE__ */ jsx(m, {
         style: {
           fontSize: d * 0.7
         }
-      }), h ? ` ${f}` : f]
+      }), m ? ` ${p}` : p]
     })
   });
 }
@@ -20621,13 +20625,21 @@ function PercentageIndicator({
   suffix: d
 }) {
   const f = r * 0.65;
-  let p = f * fontGrowFactor < minFontSize ? minFontSize : f * fontGrowFactor, h = s ? `${l}/${s}` : `${l}`;
-  d && (h += " " + d);
-  const m = `${o}%`;
-  let g = getTextWidth(m, `bold ${Math.floor(p * 1.03)}px sans-serif`);
-  c && (g = g * 1.5);
-  const v = c && iconMapper(c);
-  return (g >= a * 0.85 || p * 2 < f) && (p = a * 0.85 / g * p), /* @__PURE__ */ jsx("div", {
+  let p = f * fontGrowFactor < minFontSize ? minFontSize : f * fontGrowFactor;
+  const h = l == null ? void 0 : l.toLocaleString("es-ES", {
+    useGrouping: !0
+  });
+  let m = s ? `${h}/${s == null ? void 0 : s.toLocaleString("es-ES", {
+    useGrouping: !0
+  })}` : `${h}`;
+  d && (m += " " + d);
+  const g = `${o == null ? void 0 : o.toLocaleString("es-ES", {
+    useGrouping: !0
+  })}%`;
+  let v = getTextWidth(g, `bold ${Math.floor(p * 1.03)}px sans-serif`);
+  c && (v = v * 1.5);
+  const C = c && iconMapper(c);
+  return (v >= a * 0.85 || p * 2 < f) && (p = a * 0.85 / v * p), /* @__PURE__ */ jsx("div", {
     ref: e,
     style: {
       width: "100%",
@@ -20641,8 +20653,8 @@ function PercentageIndicator({
     },
     children: /* @__PURE__ */ jsxs(Row, {
       align: "middle",
-      children: [v && /* @__PURE__ */ jsx(Col, {
-        children: /* @__PURE__ */ jsx(v, {
+      children: [C && /* @__PURE__ */ jsx(Col, {
+        children: /* @__PURE__ */ jsx(C, {
           style: {
             fontSize: p * 1,
             color: u,
@@ -20656,7 +20668,7 @@ function PercentageIndicator({
             margin: 0,
             color: u
           },
-          children: v ? ` ${o}%` : `${o}%`
+          children: C ? ` ${o}%` : `${o}%`
         }), /* @__PURE__ */ jsx(Title$2, {
           style: {
             fontSize: p * 0.4,
@@ -20664,13 +20676,18 @@ function PercentageIndicator({
             color: u,
             textAlign: "center"
           },
-          children: h
+          children: m
         })]
       })]
     })
   });
 }
-const DefaultGraphOptions = {
+const formatter = (e) => (r) => {
+  const a = r.value.toLocaleString("es-ES", {
+    useGrouping: !0
+  });
+  return { name: e === "pie" ? r.x : r.type, value: a };
+}, DefaultGraphOptions = {
   default: {
     padding: "auto",
     xAxis: {
@@ -20679,6 +20696,9 @@ const DefaultGraphOptions = {
     legend: {
       maxWidthRatio: 0.5,
       maxItemWidth: 1e3
+    },
+    tooltip: {
+      formatter: formatter("default")
     }
   },
   pie: {
@@ -20697,6 +20717,9 @@ const DefaultGraphOptions = {
       maxWidthRatio: 0.5,
       maxItemWidth: 1e3
     },
+    tooltip: {
+      formatter: formatter("pie")
+    },
     interactions: [
       {
         type: "element-active"
@@ -20709,6 +20732,9 @@ const DefaultGraphOptions = {
       maxWidthRatio: 0.5,
       maxItemWidth: 1e3
     },
+    tooltip: {
+      formatter: formatter("barGrouped")
+    },
     label: {
       position: "middle",
       layout: [