@undp/data-viz 1.4.13 → 1.4.14

package/dist/DonutChart.js

@@ -1,7 +1,7 @@
 import { j as c, m as xe } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { useState as V, useRef as fe, useEffect as ye } from "react";
+import { useState as V, useRef as ge, useEffect as ye } from "react";
 import { s as se } from "./index-DxagiOHo.js";
-import { f as ve, u as ge } from "./Typography-Ctgfl1J5.js";
+import { f as ve, u as fe } from "./Typography-Ctgfl1J5.js";
 import { i as be } from "./index-27yTRcko.js";
 import { X as je } from "./Modal-DVVwpKhP.js";
 import { T as we } from "./Tooltip-DyM5snqx.js";
@@ -34,14 +34,14 @@ function ze(a) {
 function He(a) {
   return a && a.padAngle;
 }
-function We(a, s, v, g, C, w, f, e) {
-  var m = v - a, i = g - s, n = f - C, M = e - w, t = M * m - n * i;
+function We(a, s, v, f, C, w, g, e) {
+  var m = v - a, i = f - s, n = g - C, M = e - w, t = M * m - n * i;
   if (!(t * t < H))
     return t = (n * (s - w) - M * (a - C)) / t, [a + t * m, s + t * i];
 }
-function oe(a, s, v, g, C, w, f) {
-  var e = a - v, m = s - g, i = (f ? w : -w) / ne(e * e + m * m), n = i * m, M = -i * e, t = a + n, l = s + M, y = v + n, h = g + M, O = (t + y) / 2, u = (l + h) / 2, N = y - t, b = h - l, j = N * N + b * b, $ = C - w, D = t * h - y * l, z = (b < 0 ? -1 : 1) * ne(ke(0, $ * $ * j - D * D)), k = (D * b - N * z) / j, d = (-D * N - b * z) / j, R = (D * b + N * z) / j, A = (-D * N + b * z) / j, p = k - O, r = d - u, o = R - O, E = A - u;
-  return p * p + r * r > o * o + E * E && (k = R, d = A), {
+function oe(a, s, v, f, C, w, g) {
+  var e = a - v, m = s - f, i = (g ? w : -w) / ne(e * e + m * m), n = i * m, M = -i * e, t = a + n, l = s + M, y = v + n, p = f + M, O = (t + y) / 2, u = (l + p) / 2, N = y - t, b = p - l, j = N * N + b * b, $ = C - w, D = t * p - y * l, z = (b < 0 ? -1 : 1) * ne(ke(0, $ * $ * j - D * D)), k = (D * b - N * z) / j, d = (-D * N - b * z) / j, R = (D * b + N * z) / j, A = (-D * N + b * z) / j, h = k - O, r = d - u, o = R - O, E = A - u;
+  return h * h + r * r > o * o + E * E && (k = R, d = A), {
     cx: k,
     cy: d,
     x01: -n,
@@ -51,17 +51,17 @@ function oe(a, s, v, g, C, w, f) {
   };
 }
 function Ee() {
-  var a = Te, s = Oe, v = S(0), g = null, C = Se, w = ze, f = He, e = null, m = Ae(i);
+  var a = Te, s = Oe, v = S(0), f = null, C = Se, w = ze, g = He, e = null, m = Ae(i);
   function i() {
-    var n, M, t = +a.apply(this, arguments), l = +s.apply(this, arguments), y = C.apply(this, arguments) - ce, h = w.apply(this, arguments) - ce, O = me(h - y), u = h > y;
+    var n, M, t = +a.apply(this, arguments), l = +s.apply(this, arguments), y = C.apply(this, arguments) - ce, p = w.apply(this, arguments) - ce, O = me(p - y), u = p > y;
     if (e || (e = n = m()), l < t && (M = l, l = t, t = M), !(l > H)) e.moveTo(0, 0);
     else if (O > le - H)
-      e.moveTo(l * q(y), l * F(y)), e.arc(0, 0, l, y, h, !u), t > H && (e.moveTo(t * q(h), t * F(h)), e.arc(0, 0, t, h, y, u));
+      e.moveTo(l * q(y), l * F(y)), e.arc(0, 0, l, y, p, !u), t > H && (e.moveTo(t * q(p), t * F(p)), e.arc(0, 0, t, p, y, u));
     else {
-      var N = y, b = h, j = y, $ = h, D = O, z = O, k = f.apply(this, arguments) / 2, d = k > H && (g ? +g.apply(this, arguments) : ne(t * t + l * l)), R = de(me(l - t) / 2, +v.apply(this, arguments)), A = R, p = R, r, o;
+      var N = y, b = p, j = y, $ = p, D = O, z = O, k = g.apply(this, arguments) / 2, d = k > H && (f ? +f.apply(this, arguments) : ne(t * t + l * l)), R = de(me(l - t) / 2, +v.apply(this, arguments)), A = R, h = R, r, o;
       if (d > H) {
         var E = he(d / t * F(k)), J = he(d / l * F(k));
-        (D -= E * 2) > H ? (E *= u ? 1 : -1, j += E, $ -= E) : (D = 0, j = $ = (y + h) / 2), (z -= J * 2) > H ? (J *= u ? 1 : -1, N += J, b -= J) : (z = 0, N = b = (y + h) / 2);
+        (D -= E * 2) > H ? (E *= u ? 1 : -1, j += E, $ -= E) : (D = 0, j = $ = (y + p) / 2), (z -= J * 2) > H ? (J *= u ? 1 : -1, N += J, b -= J) : (z = 0, N = b = (y + p) / 2);
       }
       var X = l * q(N), G = l * F(N), K = t * q($), P = t * F($);
       if (R > H) {
@@ -69,11 +69,11 @@ function Ee() {
         if (O < ie)
           if (W = We(X, G, Q, U, I, L, K, P)) {
             var Z = X - W[0], te = G - W[1], _ = I - W[0], B = L - W[1], re = 1 / F(Re((Z * _ + te * B) / (ne(Z * Z + te * te) * ne(_ * _ + B * B))) / 2), Y = ne(W[0] * W[0] + W[1] * W[1]);
-            A = de(R, (t - Y) / (re - 1)), p = de(R, (l - Y) / (re + 1));
+            A = de(R, (t - Y) / (re - 1)), h = de(R, (l - Y) / (re + 1));
           } else
-            A = p = 0;
+            A = h = 0;
       }
-      z > H ? p > H ? (r = oe(Q, U, X, G, l, p, u), o = oe(I, L, K, P, l, p, u), e.moveTo(r.cx + r.x01, r.cy + r.y01), p < R ? e.arc(r.cx, r.cy, p, T(r.y01, r.x01), T(o.y01, o.x01), !u) : (e.arc(r.cx, r.cy, p, T(r.y01, r.x01), T(r.y11, r.x11), !u), e.arc(0, 0, l, T(r.cy + r.y11, r.cx + r.x11), T(o.cy + o.y11, o.cx + o.x11), !u), e.arc(o.cx, o.cy, p, T(o.y11, o.x11), T(o.y01, o.x01), !u))) : (e.moveTo(X, G), e.arc(0, 0, l, N, b, !u)) : e.moveTo(X, G), !(t > H) || !(D > H) ? e.lineTo(K, P) : A > H ? (r = oe(K, P, I, L, t, -A, u), o = oe(X, G, Q, U, t, -A, u), e.lineTo(r.cx + r.x01, r.cy + r.y01), A < R ? e.arc(r.cx, r.cy, A, T(r.y01, r.x01), T(o.y01, o.x01), !u) : (e.arc(r.cx, r.cy, A, T(r.y01, r.x01), T(r.y11, r.x11), !u), e.arc(0, 0, t, T(r.cy + r.y11, r.cx + r.x11), T(o.cy + o.y11, o.cx + o.x11), u), e.arc(o.cx, o.cy, A, T(o.y11, o.x11), T(o.y01, o.x01), !u))) : e.arc(0, 0, t, $, j, u);
+      z > H ? h > H ? (r = oe(Q, U, X, G, l, h, u), o = oe(I, L, K, P, l, h, u), e.moveTo(r.cx + r.x01, r.cy + r.y01), h < R ? e.arc(r.cx, r.cy, h, T(r.y01, r.x01), T(o.y01, o.x01), !u) : (e.arc(r.cx, r.cy, h, T(r.y01, r.x01), T(r.y11, r.x11), !u), e.arc(0, 0, l, T(r.cy + r.y11, r.cx + r.x11), T(o.cy + o.y11, o.cx + o.x11), !u), e.arc(o.cx, o.cy, h, T(o.y11, o.x11), T(o.y01, o.x01), !u))) : (e.moveTo(X, G), e.arc(0, 0, l, N, b, !u)) : e.moveTo(X, G), !(t > H) || !(D > H) ? e.lineTo(K, P) : A > H ? (r = oe(K, P, I, L, t, -A, u), o = oe(X, G, Q, U, t, -A, u), e.lineTo(r.cx + r.x01, r.cy + r.y01), A < R ? e.arc(r.cx, r.cy, A, T(r.y01, r.x01), T(o.y01, o.x01), !u) : (e.arc(r.cx, r.cy, A, T(r.y01, r.x01), T(r.y11, r.x11), !u), e.arc(0, 0, t, T(r.cy + r.y11, r.cx + r.x11), T(o.cy + o.y11, o.cx + o.x11), u), e.arc(o.cx, o.cy, A, T(o.y11, o.x11), T(o.y01, o.x01), !u))) : e.arc(0, 0, t, $, j, u);
     }
     if (e.closePath(), n) return e = null, n + "" || null;
   }
@@ -87,13 +87,13 @@ function Ee() {
   }, i.cornerRadius = function(n) {
     return arguments.length ? (v = typeof n == "function" ? n : S(+n), i) : v;
   }, i.padRadius = function(n) {
-    return arguments.length ? (g = n == null ? null : typeof n == "function" ? n : S(+n), i) : g;
+    return arguments.length ? (f = n == null ? null : typeof n == "function" ? n : S(+n), i) : f;
   }, i.startAngle = function(n) {
     return arguments.length ? (C = typeof n == "function" ? n : S(+n), i) : C;
   }, i.endAngle = function(n) {
     return arguments.length ? (w = typeof n == "function" ? n : S(+n), i) : w;
   }, i.padAngle = function(n) {
-    return arguments.length ? (f = typeof n == "function" ? n : S(+n), i) : f;
+    return arguments.length ? (g = typeof n == "function" ? n : S(+n), i) : g;
   }, i.context = function(n) {
     return arguments.length ? (e = n ?? null, i) : e;
   }, i;
@@ -105,48 +105,48 @@ function Be(a) {
   return a;
 }
 function Ie() {
-  var a = Be, s = Pe, v = null, g = S(0), C = S(le), w = S(0);
-  function f(e) {
-    var m, i = (e = Ne(e)).length, n, M, t = 0, l = new Array(i), y = new Array(i), h = +g.apply(this, arguments), O = Math.min(le, Math.max(-le, C.apply(this, arguments) - h)), u, N = Math.min(Math.abs(O) / i, w.apply(this, arguments)), b = N * (O < 0 ? -1 : 1), j;
+  var a = Be, s = Pe, v = null, f = S(0), C = S(le), w = S(0);
+  function g(e) {
+    var m, i = (e = Ne(e)).length, n, M, t = 0, l = new Array(i), y = new Array(i), p = +f.apply(this, arguments), O = Math.min(le, Math.max(-le, C.apply(this, arguments) - p)), u, N = Math.min(Math.abs(O) / i, w.apply(this, arguments)), b = N * (O < 0 ? -1 : 1), j;
     for (m = 0; m < i; ++m)
       (j = y[l[m] = m] = +a(e[m], m, e)) > 0 && (t += j);
     for (s != null ? l.sort(function($, D) {
       return s(y[$], y[D]);
     }) : v != null && l.sort(function($, D) {
       return v(e[$], e[D]);
-    }), m = 0, M = t ? (O - i * b) / t : 0; m < i; ++m, h = u)
-      n = l[m], j = y[n], u = h + (j > 0 ? j * M : 0) + b, y[n] = {
+    }), m = 0, M = t ? (O - i * b) / t : 0; m < i; ++m, p = u)
+      n = l[m], j = y[n], u = p + (j > 0 ? j * M : 0) + b, y[n] = {
         data: e[n],
         index: m,
         value: j,
-        startAngle: h,
+        startAngle: p,
         endAngle: u,
         padAngle: N
       };
     return y;
   }
-  return f.value = function(e) {
-    return arguments.length ? (a = typeof e == "function" ? e : S(+e), f) : a;
-  }, f.sortValues = function(e) {
-    return arguments.length ? (s = e, v = null, f) : s;
-  }, f.sort = function(e) {
-    return arguments.length ? (v = e, s = null, f) : v;
-  }, f.startAngle = function(e) {
-    return arguments.length ? (g = typeof e == "function" ? e : S(+e), f) : g;
-  }, f.endAngle = function(e) {
-    return arguments.length ? (C = typeof e == "function" ? e : S(+e), f) : C;
-  }, f.padAngle = function(e) {
-    return arguments.length ? (w = typeof e == "function" ? e : S(+e), f) : w;
-  }, f;
+  return g.value = function(e) {
+    return arguments.length ? (a = typeof e == "function" ? e : S(+e), g) : a;
+  }, g.sortValues = function(e) {
+    return arguments.length ? (s = e, v = null, g) : s;
+  }, g.sort = function(e) {
+    return arguments.length ? (v = e, s = null, g) : v;
+  }, g.startAngle = function(e) {
+    return arguments.length ? (f = typeof e == "function" ? e : S(+e), g) : f;
+  }, g.endAngle = function(e) {
+    return arguments.length ? (C = typeof e == "function" ? e : S(+e), g) : C;
+  }, g.padAngle = function(e) {
+    return arguments.length ? (w = typeof e == "function" ? e : S(+e), g) : w;
+  }, g;
 }
 function Fe(a) {
   const {
     mainText: s,
     data: v,
-    radius: g,
+    radius: f,
     colors: C,
     subNote: w,
-    strokeWidth: f,
+    strokeWidth: g,
     tooltip: e,
     onSeriesMouseOver: m,
     onSeriesMouseClick: i,
@@ -155,24 +155,24 @@ function Fe(a) {
     detailsOnClick: t,
     styles: l,
     classNames: y,
-    precision: h
+    precision: p
   } = a, O = Ie().sort(null).startAngle(0).value((d) => d.size), [u, N] = V(void 0), [b, j] = V(void 0), [$, D] = V(void 0), [z, k] = V(void 0);
   return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
     /* @__PURE__ */ c.jsx(
       "svg",
       {
-        width: `${g * 2}px`,
-        height: `${g * 2}px`,
-        viewBox: `0 0 ${g * 2} ${g * 2}`,
+        width: `${f * 2}px`,
+        height: `${f * 2}px`,
+        viewBox: `0 0 ${f * 2} ${f * 2}`,
         direction: "ltr",
-        children: /* @__PURE__ */ c.jsxs("g", { transform: `translate(${g} ${g})`, children: [
+        children: /* @__PURE__ */ c.jsxs("g", { transform: `translate(${f} ${f})`, children: [
           s || w ? /* @__PURE__ */ c.jsx(
             "foreignObject",
             {
-              y: 0 - (g - f),
-              x: 0 - (g - f),
-              width: 2 * (g - f),
-              height: 2 * (g - f),
+              y: 0 - (f - g),
+              x: 0 - (f - g),
+              width: 2 * (f - g),
+              height: 2 * (f - g),
               children: /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4", children: [
                 s ? /* @__PURE__ */ c.jsx(
                   ve,
@@ -182,14 +182,14 @@ function Fe(a) {
                     children: typeof s == "string" ? s : v.findIndex((d) => d.label === s.label) !== -1 ? pe(
                       v[v.findIndex((d) => d.label === s.label)].size,
                       "NA",
-                      h,
+                      p,
                       s.prefix,
                       s.suffix
                     ) : "NA"
                   }
                 ) : null,
                 w ? /* @__PURE__ */ c.jsx(
-                  ge,
+                  fe,
                   {
                     marginBottom: "none",
                     size: "base",
@@ -198,7 +198,7 @@ function Fe(a) {
                     children: w
                   }
                 ) : typeof s == "string" || !s ? null : /* @__PURE__ */ c.jsx(
-                  ge,
+                  fe,
                   {
                     size: "base",
                     marginBottom: "none",
@@ -214,8 +214,8 @@ function Fe(a) {
             "path",
             {
               d: Ee()({
-                innerRadius: g - f,
-                outerRadius: g,
+                innerRadius: f - g,
+                outerRadius: f,
                 startAngle: d.startAngle,
                 endAngle: d.endAngle
               }),
@@ -275,10 +275,10 @@ function tn(a) {
   const {
     mainText: s,
     graphTitle: v,
-    colors: g = ae.light.categoricalColors.colors,
+    colors: f = ae.light.categoricalColors.colors,
     suffix: C = "",
     sources: w,
-    prefix: f = "",
+    prefix: g = "",
     strokeWidth: e = 50,
     graphDescription: m,
     subNote: i,
@@ -287,7 +287,7 @@ function tn(a) {
     data: t,
     showColorScale: l = !0,
     padding: y,
-    backgroundColor: h = !1,
+    backgroundColor: p = !1,
     tooltip: O,
     onSeriesMouseOver: u,
     graphID: N,
@@ -300,7 +300,7 @@ function tn(a) {
     sortData: d,
     language: R = "en",
     theme: A = "light",
-    width: p,
+    width: h,
     height: r,
     minHeight: o = 0,
     relativeHeight: E,
@@ -311,37 +311,38 @@ function tn(a) {
     styles: P,
     classNames: I,
     precision: L = 2
-  } = a, [Q, U] = V(0), [W, Z] = V(0), [te, _] = V(0), B = fe(null), re = fe(null);
+  } = a, [Q, U] = V(0), [W, Z] = V(0), [te, _] = V(0), B = ge(null), re = ge(null);
   ye(() => {
     const x = new ResizeObserver((ee) => {
-      Z(p || ee[0].target.clientWidth || 420), _(r || ee[0].target.clientHeight || 420), U(
+      Z(h || ee[0].target.clientWidth || 420), _(r || ee[0].target.clientHeight || 420), U(
         (Math.min(
-          p || ee[0].target.clientWidth || 620,
+          h || ee[0].target.clientWidth || 620,
           r || ee[0].target.clientHeight || 480
         ) || 420) / 2
       );
     });
     return B.current && (_(B.current.clientHeight || 420), Z(B.current.clientWidth || 420), U(
       (Math.min(B.current.clientWidth, B.current.clientHeight) || 420) / 2
-    ), (!p || !M) && x.observe(B.current)), () => x.disconnect();
-  }, [p, r, M]);
+    ), (!h || !M) && x.observe(B.current)), () => x.disconnect();
+  }, [h, r, M]);
   const Y = d === "asc" ? se(t, (x) => x.size) : d === "desc" ? se(t, (x) => x.size).reverse() : t;
   return /* @__PURE__ */ c.jsx(
     "div",
     {
-      className: `${A || "light"} flex  ${p ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${A || "light"} flex  ${h ? "w-fit grow-0" : "w-full grow"}`,
       dir: R === "he" || R === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ c.jsx(
         "div",
         {
           className: xe(
-            `${h ? h === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${R || "en"}`,
+            `${p ? p === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${R || "en"}`,
+            h ? "w-fit" : "w-full",
             I?.graphContainer
           ),
           style: {
             ...P?.graphContainer || {},
             minHeight: "inherit",
-            ...h && h !== !0 ? { backgroundColor: h } : {}
+            ...p && p !== !0 ? { backgroundColor: p } : {}
           },
           id: N,
           ref: re,
@@ -350,7 +351,7 @@ function tn(a) {
             "div",
             {
               className: "flex grow",
-              style: { padding: h ? y || "1rem" : y || 0 },
+              style: { padding: p ? y || "1rem" : y || 0 },
               children: /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col gap-2 w-full grow justify-between", children: [
                 v || m || D || z ? /* @__PURE__ */ c.jsx(
                   Ce,
@@ -365,7 +366,7 @@ function tn(a) {
                     },
                     graphTitle: v,
                     graphDescription: m,
-                    width: p,
+                    width: h,
                     graphDownload: D ? re.current : void 0,
                     dataDownload: z ? t.map((x) => x.data).filter((x) => x !== void 0).length > 0 ? t.map((x) => x.data).filter((x) => x !== void 0) : t.filter((x) => x !== void 0) : null
                   }
@@ -375,7 +376,7 @@ function tn(a) {
                   {
                     className: "flex grow flex-col justify-center items-stretch gap-8 flex-wrap",
                     style: {
-                      width: p ? `${p}px` : "100%",
+                      width: h ? `${h}px` : "100%",
                       padding: `${j}px 0 ${$}px 0`
                     },
                     children: t.length === 0 ? /* @__PURE__ */ c.jsx($e, {}) : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
@@ -392,14 +393,14 @@ function tn(a) {
                                 style: {
                                   backgroundColor: (k || Y.map((ue) => ue.label)).indexOf(
                                     x.label
-                                  ) !== -1 ? (g || ae[A].categoricalColors.colors)[(k || Y.map((ue) => ue.label)).indexOf(
+                                  ) !== -1 ? (f || ae[A].categoricalColors.colors)[(k || Y.map((ue) => ue.label)).indexOf(
                                     x.label
-                                  ) % (g || ae[A].categoricalColors.colors).length] : ae.gray
+                                  ) % (f || ae[A].categoricalColors.colors).length] : ae.gray
                                 }
                               }
                             ),
                             /* @__PURE__ */ c.jsxs(
-                              ge,
+                              fe,
                               {
                                 marginBottom: "none",
                                 size: "sm",
@@ -408,7 +409,7 @@ function tn(a) {
                                   x.label,
                                   ":",
                                   " ",
-                                  /* @__PURE__ */ c.jsx("span", { className: "font-bold", style: { fontSize: "inherit" }, children: pe(x.size, "NA", L, f, C) })
+                                  /* @__PURE__ */ c.jsx("span", { className: "font-bold", style: { fontSize: "inherit" }, children: pe(x.size, "NA", L, g, C) })
                                 ]
                               }
                             )
@@ -418,12 +419,12 @@ function tn(a) {
                       /* @__PURE__ */ c.jsx(
                         "div",
                         {
-                          className: `flex ${p ? "grow-0" : "grow"} items-center justify-center leading-0`,
+                          className: `flex ${h ? "grow-0" : "grow"} items-center justify-center leading-0`,
                           style: {
-                            width: p ? `${p}px` : "100%",
+                            width: h ? `${h}px` : "100%",
                             height: r ? `${Math.max(
                               o,
-                              r || (E ? o ? (p || W) * E > o ? (p || W) * E : o : (p || W) * E : te)
+                              r || (E ? o ? (h || W) * E > o ? (h || W) * E : o : (h || W) * E : te)
                             )}px` : "auto"
                           },
                           ref: B,
@@ -433,7 +434,7 @@ function tn(a) {
                             {
                               mainText: s,
                               data: d === "asc" ? se(t, (x) => x.size) : d === "desc" ? se(t, (x) => x.size).reverse() : t,
-                              colors: g,
+                              colors: f,
                               radius: M || Q,
                               subNote: i,
                               strokeWidth: e,
@@ -462,7 +463,7 @@ function tn(a) {
                     },
                     sources: w,
                     footNote: n,
-                    width: p
+                    width: h
                   }
                 ) : /* @__PURE__ */ c.jsx("div", {})
               ] })