@gisce/react-ooui 1.1.36 → 1.1.37-rc.1

package/dist/react-ooui.es.js

@@ -18780,11 +18780,15 @@ function CommonIndicator({
   icon: s,
   suffix: u
 }) {
-  let l = r * fontGrowFactor < minFontSize ? minFontSize : r * fontGrowFactor, c = n ? `${a}/${n}` : `${a}`;
-  u && (c += " " + u);
-  let d = getTextWidth(c, `bold ${Math.floor(l * 1.03)}px sans-serif`);
-  s && (d = d * 2), d >= t * 0.85 && (l = t * 0.85 / d * l);
-  const f = s && iconMapper(s);
+  let l = r * fontGrowFactor < minFontSize ? minFontSize : r * fontGrowFactor;
+  const c = a == null ? void 0 : a.toLocaleString("es-ES", {
+    useGrouping: !0
+  });
+  let d = n ? `${c}/${n}` : `${c}`;
+  u && (d += " " + u);
+  let f = getTextWidth(d, `bold ${Math.floor(l * 1.03)}px sans-serif`);
+  s && (f = f * 2), f >= t * 0.85 && (l = t * 0.85 / f * l);
+  const p = s && iconMapper(s);
   return /* @__PURE__ */ jsx("div", {
     ref: e,
     style: {
@@ -18801,11 +18805,11 @@ function CommonIndicator({
         margin: 0,
         color: o
       },
-      children: [f && /* @__PURE__ */ jsx(f, {
+      children: [p && /* @__PURE__ */ jsx(p, {
         style: {
           fontSize: l * 0.7
         }
-      }), f ? ` ${c}` : c]
+      }), p ? ` ${d}` : d]
     })
   });
 }
@@ -18821,13 +18825,21 @@ function PercentageIndicator({
   suffix: l
 }) {
   const c = t * 0.65;
-  let d = c * fontGrowFactor < minFontSize ? minFontSize : c * fontGrowFactor, f = a ? `${o}/${a}` : `${o}`;
-  l && (f += " " + l);
-  const p = `${n}%`;
-  let h = getTextWidth(p, `bold ${Math.floor(d * 1.03)}px sans-serif`);
-  u && (h = h * 1.5);
-  const m = u && iconMapper(u);
-  return (h >= r * 0.85 || d * 2 < c) && (d = r * 0.85 / h * d), /* @__PURE__ */ jsx("div", {
+  let d = c * fontGrowFactor < minFontSize ? minFontSize : c * fontGrowFactor;
+  const f = o == null ? void 0 : o.toLocaleString("es-ES", {
+    useGrouping: !0
+  });
+  let p = a ? `${f}/${a == null ? void 0 : a.toLocaleString("es-ES", {
+    useGrouping: !0
+  })}` : `${f}`;
+  l && (p += " " + l);
+  const h = `${n == null ? void 0 : n.toLocaleString("es-ES", {
+    useGrouping: !0
+  })}%`;
+  let m = getTextWidth(h, `bold ${Math.floor(d * 1.03)}px sans-serif`);
+  u && (m = m * 1.5);
+  const y = u && iconMapper(u);
+  return (m >= r * 0.85 || d * 2 < c) && (d = r * 0.85 / m * d), /* @__PURE__ */ jsx("div", {
     ref: e,
     style: {
       width: "100%",
@@ -18841,8 +18853,8 @@ function PercentageIndicator({
     },
     children: /* @__PURE__ */ jsxs(Row, {
       align: "middle",
-      children: [m && /* @__PURE__ */ jsx(Col, {
-        children: /* @__PURE__ */ jsx(m, {
+      children: [y && /* @__PURE__ */ jsx(Col, {
+        children: /* @__PURE__ */ jsx(y, {
           style: {
             fontSize: d * 1,
             color: s,
@@ -18856,7 +18868,7 @@ function PercentageIndicator({
             margin: 0,
             color: s
           },
-          children: m ? ` ${n}%` : `${n}%`
+          children: y ? ` ${n}%` : `${n}%`
         }), /* @__PURE__ */ jsx(Title$2, {
           style: {
             fontSize: d * 0.4,
@@ -18864,13 +18876,18 @@ function PercentageIndicator({
             color: s,
             textAlign: "center"
           },
-          children: f
+          children: p
         })]
       })]
     })
   });
 }
-const DefaultGraphOptions = {
+const formatter = (e) => (t) => {
+  const r = t.value.toLocaleString("es-ES", {
+    useGrouping: !0
+  });
+  return { name: e === "pie" ? t.x : t.type, value: r };
+}, DefaultGraphOptions = {
   default: {
     padding: "auto",
     xAxis: {
@@ -18879,6 +18896,9 @@ const DefaultGraphOptions = {
     legend: {
       maxWidthRatio: 0.5,
       maxItemWidth: 1e3
+    },
+    tooltip: {
+      formatter: formatter("default")
     }
   },
   pie: {
@@ -18897,6 +18917,9 @@ const DefaultGraphOptions = {
       maxWidthRatio: 0.5,
       maxItemWidth: 1e3
     },
+    tooltip: {
+      formatter: formatter("pie")
+    },
     interactions: [
       {
         type: "element-active"
@@ -18909,6 +18932,9 @@ const DefaultGraphOptions = {
       maxWidthRatio: 0.5,
       maxItemWidth: 1e3
     },
+    tooltip: {
+      formatter: formatter("barGrouped")
+    },
     label: {
       position: "middle",
       layout: [