@undp/data-viz 2.1.6 → 2.1.8

package/dist/DonutChart.js

@@ -1,80 +1,80 @@
-import { c as mt, j as n, m as dt } from "./index-CHPV5EwG-Curnpaqc.js";
-import { useRef as rt, useState as tt, useEffect as pt } from "react";
-import { v as ft, j as it } from "./Typography-PxtFcnJb.js";
-import { o as gt } from "./index-BZQYSqar.js";
-import { n as ht } from "./Source-DwTHB8fn.js";
-import { i as xt } from "./index-Bwrro8-q.js";
-import { T as yt } from "./Tooltip-Dj5eVppQ.js";
+import { c as dt, j as a, m as pt } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as rt, useState as tt, isValidElement as lt, useEffect as ft } from "react";
+import { v as gt, j as it } from "./Typography-PxtFcnJb.js";
+import { o as ht } from "./index-BZQYSqar.js";
+import { n as xt } from "./Source-DwTHB8fn.js";
+import { i as yt } from "./index-Bwrro8-q.js";
+import { T as vt } from "./Tooltip-Dj5eVppQ.js";
 import { Colors as X } from "./Colors.js";
-import { n as ct } from "./numberFormattingFunction-14YCbkN2.js";
-import { D as vt } from "./DetailsModal-0Ry5nXiC.js";
-import { c as T, a as bt } from "./array-USo-Szhp.js";
-import { u as jt } from "./use-in-view-Cxa7y1TH.js";
-import { A as Mt } from "./index-BqfRwk1n.js";
+import { n as ut } from "./numberFormattingFunction-14YCbkN2.js";
+import { D as bt } from "./DetailsModal-0Ry5nXiC.js";
+import { c as T, a as jt } from "./array-USo-Szhp.js";
+import { u as Mt } from "./use-in-view-Cxa7y1TH.js";
+import { A as Nt } from "./index-BqfRwk1n.js";
 import { m as nt } from "./proxy-BxkFHwUw.js";
-import { GraphFooter as Nt } from "./GraphFooter.js";
-import { GraphHeader as Ct } from "./GraphHeader.js";
-import { E as Dt } from "./EmptyState-C7ZXkZWd.js";
-import { G as kt, a as At } from "./GraphContainer-CRqzdKu2.js";
-const wt = Math.PI, at = 2 * wt;
-function Ot(s, t) {
-  return t < s ? -1 : t > s ? 1 : t >= s ? 0 : NaN;
+import { GraphFooter as Ct } from "./GraphFooter.js";
+import { GraphHeader as Dt } from "./GraphHeader.js";
+import { E as kt } from "./EmptyState-C7ZXkZWd.js";
+import { G as wt, a as At } from "./GraphContainer-CRqzdKu2.js";
+const Ot = Math.PI, at = 2 * Ot;
+function St(c, t) {
+  return t < c ? -1 : t > c ? 1 : t >= c ? 0 : NaN;
 }
-function Pt(s) {
-  return s;
+function zt(c) {
+  return c;
 }
-function St() {
-  var s = Pt, t = Ot, o = null, c = T(0), a = T(at), p = T(0);
+function Pt() {
+  var c = zt, t = St, o = null, l = T(0), n = T(at), p = T(0);
   function r(e) {
-    var l, x = (e = bt(e)).length, f, O, m = 0, g = new Array(x), b = new Array(x), y = +c.apply(this, arguments), P = Math.min(at, Math.max(-at, a.apply(this, arguments) - y)), d, I = Math.min(Math.abs(P) / x, p.apply(this, arguments)), G = I * (P < 0 ? -1 : 1), h;
-    for (l = 0; l < x; ++l)
-      (h = b[g[l] = l] = +s(e[l], l, e)) > 0 && (m += h);
-    for (t != null ? g.sort(function(C, S) {
-      return t(b[C], b[S]);
-    }) : o != null && g.sort(function(C, S) {
-      return o(e[C], e[S]);
-    }), l = 0, O = m ? (P - x * G) / m : 0; l < x; ++l, y = d)
-      f = g[l], h = b[f], d = y + (h > 0 ? h * O : 0) + G, b[f] = {
+    var s, x = (e = jt(e)).length, f, O, m = 0, g = new Array(x), b = new Array(x), y = +l.apply(this, arguments), S = Math.min(at, Math.max(-at, n.apply(this, arguments) - y)), d, E = Math.min(Math.abs(S) / x, p.apply(this, arguments)), G = E * (S < 0 ? -1 : 1), h;
+    for (s = 0; s < x; ++s)
+      (h = b[g[s] = s] = +c(e[s], s, e)) > 0 && (m += h);
+    for (t != null ? g.sort(function(C, z) {
+      return t(b[C], b[z]);
+    }) : o != null && g.sort(function(C, z) {
+      return o(e[C], e[z]);
+    }), s = 0, O = m ? (S - x * G) / m : 0; s < x; ++s, y = d)
+      f = g[s], h = b[f], d = y + (h > 0 ? h * O : 0) + G, b[f] = {
         data: e[f],
-        index: l,
+        index: s,
         value: h,
         startAngle: y,
         endAngle: d,
-        padAngle: I
+        padAngle: E
       };
     return b;
   }
   return r.value = function(e) {
-    return arguments.length ? (s = typeof e == "function" ? e : T(+e), r) : s;
+    return arguments.length ? (c = typeof e == "function" ? e : T(+e), r) : c;
   }, r.sortValues = function(e) {
     return arguments.length ? (t = e, o = null, r) : t;
   }, r.sort = function(e) {
     return arguments.length ? (o = e, t = null, r) : o;
   }, r.startAngle = function(e) {
-    return arguments.length ? (c = typeof e == "function" ? e : T(+e), r) : c;
+    return arguments.length ? (l = typeof e == "function" ? e : T(+e), r) : l;
   }, r.endAngle = function(e) {
-    return arguments.length ? (a = typeof e == "function" ? e : T(+e), r) : a;
+    return arguments.length ? (n = typeof e == "function" ? e : T(+e), r) : n;
   }, r.padAngle = function(e) {
     return arguments.length ? (p = typeof e == "function" ? e : T(+e), r) : p;
   }, r;
 }
-const lt = (s, t, o, c) => ({
-  x: s + o * Math.cos(c),
-  y: t + o * Math.sin(c)
+const st = (c, t, o, l) => ({
+  x: c + o * Math.cos(l),
+  y: t + o * Math.sin(l)
 });
-function st(s, t, o, c, a) {
-  const p = lt(s, t, o, c), r = lt(s, t, o, a === 2 * Math.PI ? 1.9999999999 * Math.PI : a), e = a - c <= Math.PI ? "0" : "1";
+function ct(c, t, o, l, n) {
+  const p = st(c, t, o, l), r = st(c, t, o, Math.abs(n - l) === 2 * Math.PI ? 0.999999 * n : n), e = n - l <= Math.PI ? "0" : "1";
   return ["M", p.x, p.y, "A", o, o, 0, e, 1, r.x, r.y].join(" ");
 }
-function zt(s) {
-  const t = mt.c(59), {
+function Et(c) {
+  const t = dt.c(59), {
     mainText: o,
-    data: c,
-    radius: a,
+    data: l,
+    radius: n,
     colors: p,
     subNote: r,
     strokeWidth: e,
-    tooltip: l,
+    tooltip: s,
     onSeriesMouseOver: x,
     onSeriesMouseClick: f,
     colorDomain: O,
@@ -82,35 +82,35 @@ function zt(s) {
     detailsOnClick: g,
     styles: b,
     classNames: y,
-    precision: P,
+    precision: S,
     animate: d,
-    trackColor: I
-  } = s, G = rt(null);
+    trackColor: E
+  } = c, G = rt(null);
   let h;
   t[0] !== d.amount || t[1] !== d.once ? (h = {
     once: d.once,
     amount: d.amount
   }, t[0] = d.amount, t[1] = d.once, t[2] = h) : h = t[2];
-  const C = jt(G, h), S = St().sort(null).startAngle(0).value(It), [v, Y] = tt(void 0), [j, M] = tt(void 0), [$, R] = tt(void 0), [B, q] = tt(void 0), J = nt, K = `${a * 2}px`, Q = `${a * 2}px`, D = `0 0 ${a * 2} ${a * 2}`, E = "ltr", et = "mx-auto", F = nt, U = `translate(${a} ${a})`;
-  let z;
-  t[3] !== c || t[4] !== o || t[5] !== P || t[6] !== a || t[7] !== e || t[8] !== r ? (z = o || r ? /* @__PURE__ */ n.jsx("foreignObject", { y: 0 - (a - e), x: 0 - (a - e), width: 2 * (a - e), height: 2 * (a - e), children: /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4", children: [
-    o ? /* @__PURE__ */ n.jsx(ft, { marginBottom: "none", className: "donut-main-text text-primary-gray-700 dark:text-primary-gray-100 leading-none text-center", children: typeof o == "string" ? o : c.findIndex((u) => u.label === o.label) !== -1 ? ct(c[c.findIndex((u) => u.label === o.label)].size, "NA", P, o.prefix, o.suffix) : "NA" }) : null,
-    r ? /* @__PURE__ */ n.jsx(it, { marginBottom: "none", size: "base", leading: "none", className: "donut-sub-note text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold", children: r }) : typeof o == "string" || !o ? null : /* @__PURE__ */ n.jsx(it, { size: "base", marginBottom: "none", leading: "none", className: "donut-label text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold", children: o.label })
-  ] }) }) : null, t[3] = c, t[4] = o, t[5] = P, t[6] = a, t[7] = e, t[8] = r, t[9] = z) : z = t[9];
-  const Z = a - e / 2;
+  const C = Mt(G, h), z = Pt().sort(null).startAngle(0).value(It), [v, Y] = tt(void 0), [j, M] = tt(void 0), [V, q] = tt(void 0), [$, R] = tt(void 0), J = nt, K = `${n * 2}px`, Q = `${n * 2}px`, D = `0 0 ${n * 2} ${n * 2}`, I = "ltr", et = "mx-auto", B = nt, U = `translate(${n} ${n})`;
+  let P;
+  t[3] !== l || t[4] !== o || t[5] !== S || t[6] !== n || t[7] !== e || t[8] !== r ? (P = o || r ? /* @__PURE__ */ a.jsx("foreignObject", { y: 0 - (n - e), x: 0 - (n - e), width: 2 * (n - e), height: 2 * (n - e), children: /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4", children: [
+    o ? lt(o) ? o : /* @__PURE__ */ a.jsx(gt, { marginBottom: "none", className: "donut-main-text text-primary-gray-700 dark:text-primary-gray-100 leading-none text-center", children: typeof o == "string" ? o : l.findIndex((u) => u.label === o.label) !== -1 ? ut(l[l.findIndex((u) => u.label === o.label)].size, "NA", S, o.prefix, o.suffix) : "NA" }) : null,
+    r ? /* @__PURE__ */ a.jsx(it, { marginBottom: "none", size: "base", leading: "none", className: "donut-sub-note text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold", children: r }) : typeof o == "string" || !o || lt(o) ? null : /* @__PURE__ */ a.jsx(it, { size: "base", marginBottom: "none", leading: "none", className: "donut-label text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold", children: o.label })
+  ] }) }) : null, t[3] = l, t[4] = o, t[5] = S, t[6] = n, t[7] = e, t[8] = r, t[9] = P) : P = t[9];
+  const Z = n - e / 2;
   let k;
-  t[10] !== e || t[11] !== Z || t[12] !== I ? (k = /* @__PURE__ */ n.jsx("circle", { cx: 0, cy: 0, r: Z, fill: "none", stroke: I, strokeWidth: e }), t[10] = e, t[11] = Z, t[12] = I, t[13] = k) : k = t[13];
-  const V = Mt;
-  let A;
-  t[14] !== d.duration || t[15] !== O || t[16] !== p || t[17] !== g || t[18] !== C || t[19] !== j || t[20] !== v || t[21] !== f || t[22] !== x || t[23] !== a || t[24] !== m || t[25] !== M || t[26] !== e ? (A = (u, ut) => /* @__PURE__ */ n.jsx(nt.path, { variants: {
+  t[10] !== e || t[11] !== Z || t[12] !== E ? (k = /* @__PURE__ */ a.jsx("circle", { cx: 0, cy: 0, r: Z, fill: "none", stroke: E, strokeWidth: e }), t[10] = e, t[11] = Z, t[12] = E, t[13] = k) : k = t[13];
+  const F = Nt;
+  let w;
+  t[14] !== d.duration || t[15] !== O || t[16] !== p || t[17] !== g || t[18] !== C || t[19] !== j || t[20] !== v || t[21] !== f || t[22] !== x || t[23] !== n || t[24] !== m || t[25] !== M || t[26] !== e ? (w = (u, mt) => /* @__PURE__ */ a.jsx(nt.path, { variants: {
     initial: {
       pathLength: 0,
-      d: st(0, 0, a - e / 2, u.startAngle - Math.PI / 2, u.endAngle - Math.PI / 2),
+      d: ct(0, 0, n - e / 2, u.startAngle - Math.PI / 2, u.endAngle - Math.PI / 2),
       opacity: v ? v.label === u.data.label ? 1 : 0.3 : 1
     },
     whileInView: {
       pathLength: 1,
-      d: st(0, 0, a - e / 2, u.startAngle - Math.PI / 2, u.endAngle - Math.PI / 2),
+      d: ct(0, 0, n - e / 2, u.startAngle - Math.PI / 2, u.endAngle - Math.PI / 2),
       opacity: v ? v.label === u.data.label ? 1 : 0.3 : 1,
       transition: {
         duration: d.duration
@@ -126,49 +126,49 @@ function zt(s) {
     strokeWidth: e,
     fill: "none"
   }, onMouseEnter: (_) => {
-    Y(u.data), q(_.clientY), R(_.clientX), x?.(u);
+    Y(u.data), R(_.clientY), q(_.clientX), x?.(u);
   }, onClick: () => {
-    (f || g) && (xt(j, u.data) && m ? (M(void 0), f?.(void 0)) : (M(u.data), f && f(u.data)));
+    (f || g) && (yt(j, u.data) && m ? (M(void 0), f?.(void 0)) : (M(u.data), f && f(u.data)));
   }, onMouseMove: (_) => {
-    Y(u.data), q(_.clientY), R(_.clientX);
+    Y(u.data), R(_.clientY), q(_.clientX);
   }, onMouseLeave: () => {
-    Y(void 0), R(void 0), q(void 0), x?.(void 0);
-  } }, ut), t[14] = d.duration, t[15] = O, t[16] = p, t[17] = g, t[18] = C, t[19] = j, t[20] = v, t[21] = f, t[22] = x, t[23] = a, t[24] = m, t[25] = M, t[26] = e, t[27] = A) : A = t[27];
-  const i = S(c).map(A);
+    Y(void 0), q(void 0), R(void 0), x?.(void 0);
+  } }, mt), t[14] = d.duration, t[15] = O, t[16] = p, t[17] = g, t[18] = C, t[19] = j, t[20] = v, t[21] = f, t[22] = x, t[23] = n, t[24] = m, t[25] = M, t[26] = e, t[27] = w) : w = t[27];
+  const i = z(l).map(w);
   let N;
-  t[28] !== V || t[29] !== i ? (N = /* @__PURE__ */ n.jsx(V, { children: i }), t[28] = V, t[29] = i, t[30] = N) : N = t[30];
-  let w;
-  t[31] !== k || t[32] !== N || t[33] !== F.g || t[34] !== U || t[35] !== z ? (w = /* @__PURE__ */ n.jsxs(F.g, { transform: U, children: [
-    z,
+  t[28] !== F || t[29] !== i ? (N = /* @__PURE__ */ a.jsx(F, { children: i }), t[28] = F, t[29] = i, t[30] = N) : N = t[30];
+  let A;
+  t[31] !== k || t[32] !== N || t[33] !== B.g || t[34] !== U || t[35] !== P ? (A = /* @__PURE__ */ a.jsxs(B.g, { transform: U, children: [
+    P,
     k,
     N
-  ] }), t[31] = k, t[32] = N, t[33] = F.g, t[34] = U, t[35] = z, t[36] = w) : w = t[36];
+  ] }), t[31] = k, t[32] = N, t[33] = B.g, t[34] = U, t[35] = P, t[36] = A) : A = t[36];
   let L;
-  t[37] !== J.svg || t[38] !== w || t[39] !== K || t[40] !== Q || t[41] !== D ? (L = /* @__PURE__ */ n.jsx(J.svg, { ref: G, width: K, height: Q, viewBox: D, direction: E, className: et, children: w }), t[37] = J.svg, t[38] = w, t[39] = K, t[40] = Q, t[41] = D, t[42] = L) : L = t[42];
+  t[37] !== J.svg || t[38] !== A || t[39] !== K || t[40] !== Q || t[41] !== D ? (L = /* @__PURE__ */ a.jsx(J.svg, { ref: G, width: K, height: Q, viewBox: D, direction: I, className: et, children: A }), t[37] = J.svg, t[38] = A, t[39] = K, t[40] = Q, t[41] = D, t[42] = L) : L = t[42];
   let W;
-  t[43] !== y?.tooltip || t[44] !== $ || t[45] !== B || t[46] !== v || t[47] !== b?.tooltip || t[48] !== l ? (W = v && l && $ && B ? /* @__PURE__ */ n.jsx(yt, { data: v, body: l, xPos: $, yPos: B, backgroundStyle: b?.tooltip, className: y?.tooltip }) : null, t[43] = y?.tooltip, t[44] = $, t[45] = B, t[46] = v, t[47] = b?.tooltip, t[48] = l, t[49] = W) : W = t[49];
+  t[43] !== y?.tooltip || t[44] !== V || t[45] !== $ || t[46] !== v || t[47] !== b?.tooltip || t[48] !== s ? (W = v && s && V && $ ? /* @__PURE__ */ a.jsx(vt, { data: v, body: s, xPos: V, yPos: $, backgroundStyle: b?.tooltip, className: y?.tooltip }) : null, t[43] = y?.tooltip, t[44] = V, t[45] = $, t[46] = v, t[47] = b?.tooltip, t[48] = s, t[49] = W) : W = t[49];
   let H;
-  t[50] !== y?.modal || t[51] !== g || t[52] !== j || t[53] !== M ? (H = g && j !== void 0 ? /* @__PURE__ */ n.jsx(vt, { body: g, data: j, setData: M, className: y?.modal }) : null, t[50] = y?.modal, t[51] = g, t[52] = j, t[53] = M, t[54] = H) : H = t[54];
+  t[50] !== y?.modal || t[51] !== g || t[52] !== j || t[53] !== M ? (H = g && j !== void 0 ? /* @__PURE__ */ a.jsx(bt, { body: g, data: j, setData: M, className: y?.modal }) : null, t[50] = y?.modal, t[51] = g, t[52] = j, t[53] = M, t[54] = H) : H = t[54];
   let ot;
-  return t[55] !== L || t[56] !== W || t[57] !== H ? (ot = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  return t[55] !== L || t[56] !== W || t[57] !== H ? (ot = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     L,
     W,
     H
   ] }), t[55] = L, t[56] = W, t[57] = H, t[58] = ot) : ot = t[58], ot;
 }
-function It(s) {
-  return s.size;
+function It(c) {
+  return c.size;
 }
-function Zt(s) {
+function _t(c) {
   const {
     mainText: t,
     graphTitle: o,
-    colors: c = X.light.categoricalColors.colors,
-    suffix: a = "",
+    colors: l = X.light.categoricalColors.colors,
+    suffix: n = "",
     sources: p,
     prefix: r = "",
     strokeWidth: e = 50,
-    graphDescription: l,
+    graphDescription: s,
     subNote: x,
     footNote: f,
     radius: O,
@@ -176,85 +176,85 @@ function Zt(s) {
     showColorScale: g = !0,
     padding: b,
     backgroundColor: y = !1,
-    tooltip: P,
+    tooltip: S,
     onSeriesMouseOver: d,
-    graphID: I,
+    graphID: E,
     onSeriesMouseClick: G,
     graphDownload: h = !1,
     dataDownload: C = !1,
-    colorDomain: S,
+    colorDomain: z,
     sortData: v,
     language: Y = "en",
     theme: j = "light",
     width: M,
-    height: $,
-    minHeight: R = 0,
-    relativeHeight: B,
-    ariaLabel: q,
+    height: V,
+    minHeight: q = 0,
+    relativeHeight: $,
+    ariaLabel: R,
     resetSelectionOnDoubleClick: J = !0,
     colorScaleMaxWidth: K,
     detailsOnClick: Q,
     styles: D,
-    classNames: E,
+    classNames: I,
     precision: et = 2,
-    animate: F = !1,
+    animate: B = !1,
     trackColor: U = X.light.grays["gray-200"]
-  } = s, [z, Z] = tt(0), k = rt(null), V = rt(null);
-  pt(() => {
+  } = c, [P, Z] = tt(0), k = rt(null), F = rt(null);
+  ft(() => {
     const i = new ResizeObserver((N) => {
       Z((Math.min(N[0].target.clientWidth || 620, N[0].target.clientHeight || 480) || 420) / 2);
     });
     return k.current && i.observe(k.current), () => i.disconnect();
   }, []);
-  const A = v ? gt(m, ["size"], [v]) : m;
-  return /* @__PURE__ */ n.jsxs(kt, { className: E?.graphContainer, style: D?.graphContainer, id: I, ref: V, "aria-label": q, backgroundColor: y, theme: j, language: Y, minHeight: R, width: M, height: $, relativeHeight: B, padding: b, children: [
-    o || l || h || C ? /* @__PURE__ */ n.jsx(Ct, { styles: {
+  const w = v ? ht(m, ["size"], [v]) : m;
+  return /* @__PURE__ */ a.jsxs(wt, { className: I?.graphContainer, style: D?.graphContainer, id: E, ref: F, "aria-label": R, backgroundColor: y, theme: j, language: Y, minHeight: q, width: M, height: V, relativeHeight: $, padding: b, children: [
+    o || s || h || C ? /* @__PURE__ */ a.jsx(Dt, { styles: {
       title: D?.title,
       description: D?.description
     }, classNames: {
-      title: E?.title,
-      description: E?.description
-    }, graphTitle: o, graphDescription: l, width: M, graphDownload: h ? V : void 0, dataDownload: C ? m.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? m.map((i) => i.data).filter((i) => i !== void 0) : m.filter((i) => i !== void 0) : null }) : null,
-    g && m.length > 0 ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx("div", { className: dt("leading-0 flex mb-0 ml-auto mr-auto justify-center gap-x-3 gap-y-0 flex-wrap", E?.colorLegend), style: {
+      title: I?.title,
+      description: I?.description
+    }, graphTitle: o, graphDescription: s, width: M, graphDownload: h ? F : void 0, dataDownload: C ? m.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? m.map((i) => i.data).filter((i) => i !== void 0) : m.filter((i) => i !== void 0) : null }) : null,
+    g && m.length > 0 ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      /* @__PURE__ */ a.jsx("div", { className: pt("leading-0 flex mb-0 ml-auto mr-auto justify-center gap-x-3 gap-y-0 flex-wrap", I?.colorLegend), style: {
         maxWidth: K
-      }, "aria-label": "Color legend", children: A.map((i, N) => /* @__PURE__ */ n.jsxs("div", { className: "flex gap-2 items-center pb-3", children: [
-        /* @__PURE__ */ n.jsx("div", { className: "w-3 h-3 rounded-full", style: {
-          backgroundColor: (S || A.map((w) => w.label)).indexOf(i.label) !== -1 ? (c || X[j].categoricalColors.colors)[(S || A.map((w) => w.label)).indexOf(i.label) % (c || X[j].categoricalColors.colors).length] : X.gray
+      }, "aria-label": "Color legend", children: w.map((i, N) => /* @__PURE__ */ a.jsxs("div", { className: "flex gap-2 items-center pb-3", children: [
+        /* @__PURE__ */ a.jsx("div", { className: "w-3 h-3 rounded-full", style: {
+          backgroundColor: (z || w.map((A) => A.label)).indexOf(i.label) !== -1 ? (l || X[j].categoricalColors.colors)[(z || w.map((A) => A.label)).indexOf(i.label) % (l || X[j].categoricalColors.colors).length] : X.gray
         } }),
-        /* @__PURE__ */ n.jsxs(it, { marginBottom: "none", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: [
+        /* @__PURE__ */ a.jsxs(it, { marginBottom: "none", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: [
           i.label,
           ":",
           " ",
-          /* @__PURE__ */ n.jsx("span", { className: "font-bold", style: {
+          /* @__PURE__ */ a.jsx("span", { className: "font-bold", style: {
             fontSize: "inherit"
-          }, children: ct(i.size, "NA", et, r, a) })
+          }, children: ut(i.size, "NA", et, r, n) })
         ] })
       ] }, N)) }),
-      /* @__PURE__ */ n.jsx(ht, { size: "lg" })
+      /* @__PURE__ */ a.jsx(xt, { size: "lg" })
     ] }) : null,
-    /* @__PURE__ */ n.jsxs(At, { ref: k, children: [
-      m.length === 0 && /* @__PURE__ */ n.jsx(Dt, {}),
-      z && m.length > 0 ? /* @__PURE__ */ n.jsx(zt, { mainText: t, data: A, colors: c, radius: O || z, subNote: x, strokeWidth: e, tooltip: P, colorDomain: S || A.map((i) => i.label), onSeriesMouseOver: d, onSeriesMouseClick: G, resetSelectionOnDoubleClick: J, styles: D, detailsOnClick: Q, precision: et, animate: F === !0 ? {
+    /* @__PURE__ */ a.jsxs(At, { ref: k, children: [
+      m.length === 0 && /* @__PURE__ */ a.jsx(kt, {}),
+      P && m.length > 0 ? /* @__PURE__ */ a.jsx(Et, { mainText: t, data: w, colors: l, radius: O || P, subNote: x, strokeWidth: e, tooltip: S, colorDomain: z || w.map((i) => i.label), onSeriesMouseOver: d, onSeriesMouseClick: G, resetSelectionOnDoubleClick: J, styles: D, detailsOnClick: Q, precision: et, animate: B === !0 ? {
         duration: 0.5,
         once: !0,
         amount: 0.5
-      } : F || {
+      } : B || {
         duration: 0,
         once: !0,
         amount: 0
       }, trackColor: U }) : null
     ] }),
-    p || f ? /* @__PURE__ */ n.jsx(Nt, { styles: {
+    p || f ? /* @__PURE__ */ a.jsx(Ct, { styles: {
       footnote: D?.footnote,
       source: D?.source
     }, classNames: {
-      footnote: E?.footnote,
-      source: E?.source
+      footnote: I?.footnote,
+      source: I?.source
     }, sources: p, footNote: f, width: M }) : null
   ] });
 }
 export {
-  Zt as DonutChart
+  _t as DonutChart
 };
 //# sourceMappingURL=DonutChart.js.map

package/dist/DonutChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.js","sources":["../node_modules/d3-shape/src/math.js","../node_modules/d3-shape/src/descending.js","../node_modules/d3-shape/src/identity.js","../node_modules/d3-shape/src/pie.js","../src/Utils/getArc.ts","../src/Components/Graphs/DonutChart/Graph.tsx","../src/Components/Graphs/DonutChart/index.tsx"],"sourcesContent":["export const abs = Math.abs;\nexport const atan2 = Math.atan2;\nexport const cos = Math.cos;\nexport const max = Math.max;\nexport const min = Math.min;\nexport const sin = Math.sin;\nexport const sqrt = Math.sqrt;\n\nexport const epsilon = 1e-12;\nexport const pi = Math.PI;\nexport const halfPi = pi / 2;\nexport const tau = 2 * pi;\n\nexport function acos(x) {\n  return x > 1 ? 0 : x < -1 ? pi : Math.acos(x);\n}\n\nexport function asin(x) {\n  return x >= 1 ? halfPi : x <= -1 ? -halfPi : Math.asin(x);\n}\n","export default function(a, b) {\n  return b < a ? -1 : b > a ? 1 : b >= a ? 0 : NaN;\n}\n","export default function(d) {\n  return d;\n}\n","import array from \"./array.js\";\nimport constant from \"./constant.js\";\nimport descending from \"./descending.js\";\nimport identity from \"./identity.js\";\nimport {tau} from \"./math.js\";\n\nexport default function() {\n  var value = identity,\n      sortValues = descending,\n      sort = null,\n      startAngle = constant(0),\n      endAngle = constant(tau),\n      padAngle = constant(0);\n\n  function pie(data) {\n    var i,\n        n = (data = array(data)).length,\n        j,\n        k,\n        sum = 0,\n        index = new Array(n),\n        arcs = new Array(n),\n        a0 = +startAngle.apply(this, arguments),\n        da = Math.min(tau, Math.max(-tau, endAngle.apply(this, arguments) - a0)),\n        a1,\n        p = Math.min(Math.abs(da) / n, padAngle.apply(this, arguments)),\n        pa = p * (da < 0 ? -1 : 1),\n        v;\n\n    for (i = 0; i < n; ++i) {\n      if ((v = arcs[index[i] = i] = +value(data[i], i, data)) > 0) {\n        sum += v;\n      }\n    }\n\n    // Optionally sort the arcs by previously-computed values or by data.\n    if (sortValues != null) index.sort(function(i, j) { return sortValues(arcs[i], arcs[j]); });\n    else if (sort != null) index.sort(function(i, j) { return sort(data[i], data[j]); });\n\n    // Compute the arcs! They are stored in the original data's order.\n    for (i = 0, k = sum ? (da - n * pa) / sum : 0; i < n; ++i, a0 = a1) {\n      j = index[i], v = arcs[j], a1 = a0 + (v > 0 ? v * k : 0) + pa, arcs[j] = {\n        data: data[j],\n        index: i,\n        value: v,\n        startAngle: a0,\n        endAngle: a1,\n        padAngle: p\n      };\n    }\n\n    return arcs;\n  }\n\n  pie.value = function(_) {\n    return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(+_), pie) : value;\n  };\n\n  pie.sortValues = function(_) {\n    return arguments.length ? (sortValues = _, sort = null, pie) : sortValues;\n  };\n\n  pie.sort = function(_) {\n    return arguments.length ? (sort = _, sortValues = null, pie) : sort;\n  };\n\n  pie.startAngle = function(_) {\n    return arguments.length ? (startAngle = typeof _ === \"function\" ? _ : constant(+_), pie) : startAngle;\n  };\n\n  pie.endAngle = function(_) {\n    return arguments.length ? (endAngle = typeof _ === \"function\" ? _ : constant(+_), pie) : endAngle;\n  };\n\n  pie.padAngle = function(_) {\n    return arguments.length ? (padAngle = typeof _ === \"function\" ? _ : constant(+_), pie) : padAngle;\n  };\n\n  return pie;\n}\n","const polarToCartesian = (\r\n  centerX: number,\r\n  centerY: number,\r\n  radius: number,\r\n  angleInRadians: number,\r\n) => {\r\n  return {\r\n    x: centerX + radius * Math.cos(angleInRadians),\r\n    y: centerY + radius * Math.sin(angleInRadians),\r\n  };\r\n};\r\n\r\nexport function getArc(\r\n  x: number,\r\n  y: number,\r\n  radius: number,\r\n  startAngleInRadians: number,\r\n  endAngleInRadians: number,\r\n) {\r\n  const start = polarToCartesian(x, y, radius, startAngleInRadians);\r\n  const end = polarToCartesian(\r\n    x,\r\n    y,\r\n    radius,\r\n    endAngleInRadians === 2 * Math.PI ? 1.9999999999 * Math.PI : endAngleInRadians,\r\n  );\r\n  const largeArcFlag = endAngleInRadians - startAngleInRadians <= Math.PI ? '0' : '1';\r\n  const d = ['M', start.x, start.y, 'A', radius, radius, 0, largeArcFlag, 1, end.x, end.y].join(\r\n    ' ',\r\n  );\r\n  return d;\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport isEqual from 'fast-deep-equal';\r\nimport { pie } from 'd3-shape';\r\nimport { useRef, useState } from 'react';\r\nimport { H2, P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport { AnimateDataType, ClassNameObject, DonutChartDataType, StyleObject } from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\nimport { getArc } from '@/Utils/getArc';\r\n\r\ninterface Props {\r\n  mainText?: string | { label: string; suffix?: string; prefix?: string };\r\n  radius: number;\r\n  colors: string[];\r\n  subNote?: string;\r\n  strokeWidth: number;\r\n  data: DonutChartDataType[];\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  colorDomain: string[];\r\n  resetSelectionOnDoubleClick: boolean;\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  precision: number;\r\n  animate: AnimateDataType;\r\n  trackColor: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    mainText,\r\n    data,\r\n    radius,\r\n    colors,\r\n    subNote,\r\n    strokeWidth,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    onSeriesMouseClick,\r\n    colorDomain,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    precision,\r\n    animate,\r\n    trackColor,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const pieData = pie()\r\n    .sort(null)\r\n    .startAngle(0)\r\n    .value((d: any) => d.size);\r\n\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${radius * 2}px`}\r\n        height={`${radius * 2}px`}\r\n        viewBox={`0 0 ${radius * 2} ${radius * 2}`}\r\n        direction='ltr'\r\n        className='mx-auto'\r\n      >\r\n        <motion.g transform={`translate(${radius} ${radius})`}>\r\n          {mainText || subNote ? (\r\n            <foreignObject\r\n              y={0 - (radius - strokeWidth)}\r\n              x={0 - (radius - strokeWidth)}\r\n              width={2 * (radius - strokeWidth)}\r\n              height={2 * (radius - strokeWidth)}\r\n            >\r\n              <div className='flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4'>\r\n                {mainText ? (\r\n                  <H2\r\n                    marginBottom='none'\r\n                    className='donut-main-text text-primary-gray-700 dark:text-primary-gray-100 leading-none text-center'\r\n                  >\r\n                    {typeof mainText === 'string'\r\n                      ? mainText\r\n                      : data.findIndex(d => d.label === mainText.label) !== -1\r\n                        ? numberFormattingFunction(\r\n                            data[data.findIndex(d => d.label === mainText.label)].size,\r\n                            'NA',\r\n                            precision,\r\n                            mainText.prefix,\r\n                            mainText.suffix,\r\n                          )\r\n                        : 'NA'}\r\n                  </H2>\r\n                ) : null}\r\n                {subNote ? (\r\n                  <P\r\n                    marginBottom='none'\r\n                    size='base'\r\n                    leading='none'\r\n                    className='donut-sub-note text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold'\r\n                  >\r\n                    {subNote}\r\n                  </P>\r\n                ) : typeof mainText === 'string' || !mainText ? null : (\r\n                  <P\r\n                    size='base'\r\n                    marginBottom='none'\r\n                    leading='none'\r\n                    className='donut-label text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold'\r\n                  >\r\n                    {mainText.label}\r\n                  </P>\r\n                )}\r\n              </div>\r\n            </foreignObject>\r\n          ) : null}\r\n          <circle\r\n            cx={0}\r\n            cy={0}\r\n            r={radius - strokeWidth / 2}\r\n            fill='none'\r\n            stroke={trackColor}\r\n            strokeWidth={strokeWidth}\r\n          />\r\n          <AnimatePresence>\r\n            {pieData(data as any).map((d, i) => (\r\n              <motion.path\r\n                key={i}\r\n                variants={{\r\n                  initial: {\r\n                    pathLength: 0,\r\n                    d: getArc(\r\n                      0,\r\n                      0,\r\n                      radius - strokeWidth / 2,\r\n                      d.startAngle - Math.PI / 2,\r\n                      d.endAngle - Math.PI / 2,\r\n                    ),\r\n                    opacity: mouseOverData\r\n                      ? mouseOverData.label === (d.data as any).label\r\n                        ? 1\r\n                        : 0.3\r\n                      : 1,\r\n                  },\r\n                  whileInView: {\r\n                    pathLength: 1,\r\n                    d: getArc(\r\n                      0,\r\n                      0,\r\n                      radius - strokeWidth / 2,\r\n                      d.startAngle - Math.PI / 2,\r\n                      d.endAngle - Math.PI / 2,\r\n                    ),\r\n                    opacity: mouseOverData\r\n                      ? mouseOverData.label === (d.data as any).label\r\n                        ? 1\r\n                        : 0.3\r\n                      : 1,\r\n                    transition: { duration: animate.duration },\r\n                  },\r\n                }}\r\n                initial='initial'\r\n                animate={isInView ? 'whileInView' : 'initial'}\r\n                exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                style={{\r\n                  stroke:\r\n                    colorDomain.indexOf((d.data as any).label) !== -1\r\n                      ? colors[colorDomain.indexOf((d.data as any).label) % colors.length]\r\n                      : Colors.gray,\r\n                  strokeWidth,\r\n                  fill: 'none',\r\n                }}\r\n                onMouseEnter={event => {\r\n                  setMouseOverData(d.data);\r\n                  setEventY(event.clientY);\r\n                  setEventX(event.clientX);\r\n                  onSeriesMouseOver?.(d);\r\n                }}\r\n                onClick={() => {\r\n                  if (onSeriesMouseClick || detailsOnClick) {\r\n                    if (isEqual(mouseClickData, d.data) && resetSelectionOnDoubleClick) {\r\n                      setMouseClickData(undefined);\r\n                      onSeriesMouseClick?.(undefined);\r\n                    } else {\r\n                      setMouseClickData(d.data);\r\n                      if (onSeriesMouseClick) onSeriesMouseClick(d.data);\r\n                    }\r\n                  }\r\n                }}\r\n                onMouseMove={event => {\r\n                  setMouseOverData(d.data);\r\n                  setEventY(event.clientY);\r\n                  setEventX(event.clientX);\r\n                }}\r\n                onMouseLeave={() => {\r\n                  setMouseOverData(undefined);\r\n                  setEventX(undefined);\r\n                  setEventY(undefined);\r\n                  onSeriesMouseOver?.(undefined);\r\n                }}\r\n              />\r\n            ))}\r\n          </AnimatePresence>\r\n        </motion.g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <DetailsModal\r\n          body={detailsOnClick}\r\n          data={mouseClickData}\r\n          setData={setMouseClickData}\r\n          className={classNames?.modal}\r\n        />\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useEffect, useRef, useState } from 'react';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport orderBy from 'lodash.orderby';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  DonutChartDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: DonutChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Array of colors for each segment */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Radius of the donut chart */\r\n  radius?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Max width of the color scale as a css property */\r\n  colorScaleMaxWidth?: string;\r\n  /** Stroke width of the arcs and circle of the donut  */\r\n  strokeWidth?: number;\r\n  /** Sorting order for data. This is overwritten by labelOrder prop */\r\n  sortData?: 'asc' | 'desc';\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Large text at the center of the donut chart. If the type is an object then the text is the value in the data for the label mentioned in the object */\r\n  mainText?: string | { label: string; suffix?: string; prefix?: string };\r\n  /** Small text at the center of the donut chart */\r\n  subNote?: string;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Track color (i.e. the color of the donut chart's background) of the donut chart */\r\n  trackColor?: string;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function DonutChart(props: Props) {\r\n  const {\r\n    mainText,\r\n    graphTitle,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    strokeWidth = 50,\r\n    graphDescription,\r\n    subNote,\r\n    footNote,\r\n    radius,\r\n    data,\r\n    showColorScale = true,\r\n    padding,\r\n    backgroundColor = false,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    graphID,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    colorDomain,\r\n    sortData,\r\n    language = 'en',\r\n    theme = 'light',\r\n    width,\r\n    height,\r\n    minHeight = 0,\r\n    relativeHeight,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    colorScaleMaxWidth,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    precision = 2,\r\n    animate = false,\r\n    trackColor = Colors.light.grays['gray-200'],\r\n  } = props;\r\n\r\n  const [graphRadius, setGraphRadius] = useState(0);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setGraphRadius(\r\n        (Math.min(\r\n          ...[entries[0].target.clientWidth || 620, entries[0].target.clientHeight || 480],\r\n        ) || 420) / 2,\r\n      );\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n\r\n  const sortedData = sortData ? orderBy(data, ['size'], [sortData]) : data;\r\n\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {showColorScale && data.length > 0 ? (\r\n        <>\r\n          <div\r\n            className={cn(\r\n              'leading-0 flex mb-0 ml-auto mr-auto justify-center gap-x-3 gap-y-0 flex-wrap',\r\n              classNames?.colorLegend,\r\n            )}\r\n            style={{ maxWidth: colorScaleMaxWidth }}\r\n            aria-label='Color legend'\r\n          >\r\n            {sortedData.map((d, i) => (\r\n              <div className='flex gap-2 items-center pb-3' key={i}>\r\n                <div\r\n                  className='w-3 h-3 rounded-full'\r\n                  style={{\r\n                    backgroundColor:\r\n                      (colorDomain || sortedData.map(el => el.label)).indexOf(d.label) !== -1\r\n                        ? (colors || Colors[theme].categoricalColors.colors)[\r\n                            (colorDomain || sortedData.map(el => el.label)).indexOf(d.label) %\r\n                              (colors || Colors[theme].categoricalColors.colors).length\r\n                          ]\r\n                        : Colors.gray,\r\n                  }}\r\n                />\r\n                <P\r\n                  marginBottom='none'\r\n                  size='sm'\r\n                  className='text-primary-gray-700 dark:text-primary-gray-100'\r\n                >\r\n                  {d.label}:{' '}\r\n                  <span className='font-bold' style={{ fontSize: 'inherit' }}>\r\n                    {numberFormattingFunction(d.size, 'NA', precision, prefix, suffix)}\r\n                  </span>\r\n                </P>\r\n              </div>\r\n            ))}\r\n          </div>\r\n          <Spacer size='lg' />\r\n        </>\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {data.length === 0 && <EmptyState />}\r\n        {graphRadius && data.length > 0 ? (\r\n          <Graph\r\n            mainText={mainText}\r\n            data={sortedData}\r\n            colors={colors}\r\n            radius={radius || graphRadius}\r\n            subNote={subNote}\r\n            strokeWidth={strokeWidth}\r\n            tooltip={tooltip}\r\n            colorDomain={colorDomain || sortedData.map(d => d.label)}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n            styles={styles}\r\n            detailsOnClick={detailsOnClick}\r\n            precision={precision}\r\n            animate={\r\n              animate === true\r\n                ? { duration: 0.5, once: true, amount: 0.5 }\r\n                : animate || { duration: 0, once: true, amount: 0 }\r\n            }\r\n            trackColor={trackColor}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["pi","tau","descending","a","b","identity","d","pie","value","sortValues","sort","startAngle","constant","endAngle","padAngle","data","i","n","array","j","k","sum","index","arcs","a0","da","a1","p","pa","v","_","polarToCartesian","centerX","centerY","radius","angleInRadians","x","Math","cos","y","sin","getArc","startAngleInRadians","endAngleInRadians","start","end","PI","largeArcFlag","join","Graph","props","$","_c","mainText","colors","subNote","strokeWidth","tooltip","onSeriesMouseOver","onSeriesMouseClick","colorDomain","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","precision","animate","trackColor","svgRef","useRef","t0","amount","once","isInView","useInView","pieData","_temp","mouseOverData","setMouseOverData","useState","undefined","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","t1","motion","t2","t3","t4","t5","t6","t7","t8","t9","jsx","jsxs","H2","findIndex","d_1","label","numberFormattingFunction","d_0","size","prefix","suffix","P","t10","t11","T0","AnimatePresence","t12","duration","d_2","initial","pathLength","opacity","whileInView","transition","stroke","indexOf","length","Colors","gray","fill","event","clientY","clientX","isEqual","event_0","t13","map","t14","t15","g","t16","svg","t17","Tooltip","t18","modal","DetailsModal","t19","Fragment","DonutChart","graphTitle","light","categoricalColors","sources","graphDescription","footNote","showColorScale","padding","backgroundColor","graphID","graphDownload","dataDownload","sortData","language","theme","width","height","minHeight","relativeHeight","ariaLabel","colorScaleMaxWidth","grays","graphRadius","setGraphRadius","graphDiv","graphParentDiv","useEffect","resizeObserver","ResizeObserver","entries","min","target","clientWidth","clientHeight","current","observe","disconnect","sortedData","orderBy","GraphContainer","graphContainer","GraphHeader","title","description","filter","cn","colorLegend","maxWidth","el","fontSize","Spacer","GraphArea","EmptyState","GraphFooter","footnote","source"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
+{"version":3,"file":"DonutChart.js","sources":["../node_modules/d3-shape/src/math.js","../node_modules/d3-shape/src/descending.js","../node_modules/d3-shape/src/identity.js","../node_modules/d3-shape/src/pie.js","../src/Utils/getArc.ts","../src/Components/Graphs/DonutChart/Graph.tsx","../src/Components/Graphs/DonutChart/index.tsx"],"sourcesContent":["export const abs = Math.abs;\nexport const atan2 = Math.atan2;\nexport const cos = Math.cos;\nexport const max = Math.max;\nexport const min = Math.min;\nexport const sin = Math.sin;\nexport const sqrt = Math.sqrt;\n\nexport const epsilon = 1e-12;\nexport const pi = Math.PI;\nexport const halfPi = pi / 2;\nexport const tau = 2 * pi;\n\nexport function acos(x) {\n  return x > 1 ? 0 : x < -1 ? pi : Math.acos(x);\n}\n\nexport function asin(x) {\n  return x >= 1 ? halfPi : x <= -1 ? -halfPi : Math.asin(x);\n}\n","export default function(a, b) {\n  return b < a ? -1 : b > a ? 1 : b >= a ? 0 : NaN;\n}\n","export default function(d) {\n  return d;\n}\n","import array from \"./array.js\";\nimport constant from \"./constant.js\";\nimport descending from \"./descending.js\";\nimport identity from \"./identity.js\";\nimport {tau} from \"./math.js\";\n\nexport default function() {\n  var value = identity,\n      sortValues = descending,\n      sort = null,\n      startAngle = constant(0),\n      endAngle = constant(tau),\n      padAngle = constant(0);\n\n  function pie(data) {\n    var i,\n        n = (data = array(data)).length,\n        j,\n        k,\n        sum = 0,\n        index = new Array(n),\n        arcs = new Array(n),\n        a0 = +startAngle.apply(this, arguments),\n        da = Math.min(tau, Math.max(-tau, endAngle.apply(this, arguments) - a0)),\n        a1,\n        p = Math.min(Math.abs(da) / n, padAngle.apply(this, arguments)),\n        pa = p * (da < 0 ? -1 : 1),\n        v;\n\n    for (i = 0; i < n; ++i) {\n      if ((v = arcs[index[i] = i] = +value(data[i], i, data)) > 0) {\n        sum += v;\n      }\n    }\n\n    // Optionally sort the arcs by previously-computed values or by data.\n    if (sortValues != null) index.sort(function(i, j) { return sortValues(arcs[i], arcs[j]); });\n    else if (sort != null) index.sort(function(i, j) { return sort(data[i], data[j]); });\n\n    // Compute the arcs! They are stored in the original data's order.\n    for (i = 0, k = sum ? (da - n * pa) / sum : 0; i < n; ++i, a0 = a1) {\n      j = index[i], v = arcs[j], a1 = a0 + (v > 0 ? v * k : 0) + pa, arcs[j] = {\n        data: data[j],\n        index: i,\n        value: v,\n        startAngle: a0,\n        endAngle: a1,\n        padAngle: p\n      };\n    }\n\n    return arcs;\n  }\n\n  pie.value = function(_) {\n    return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(+_), pie) : value;\n  };\n\n  pie.sortValues = function(_) {\n    return arguments.length ? (sortValues = _, sort = null, pie) : sortValues;\n  };\n\n  pie.sort = function(_) {\n    return arguments.length ? (sort = _, sortValues = null, pie) : sort;\n  };\n\n  pie.startAngle = function(_) {\n    return arguments.length ? (startAngle = typeof _ === \"function\" ? _ : constant(+_), pie) : startAngle;\n  };\n\n  pie.endAngle = function(_) {\n    return arguments.length ? (endAngle = typeof _ === \"function\" ? _ : constant(+_), pie) : endAngle;\n  };\n\n  pie.padAngle = function(_) {\n    return arguments.length ? (padAngle = typeof _ === \"function\" ? _ : constant(+_), pie) : padAngle;\n  };\n\n  return pie;\n}\n","const polarToCartesian = (\r\n  centerX: number,\r\n  centerY: number,\r\n  radius: number,\r\n  angleInRadians: number,\r\n) => {\r\n  return {\r\n    x: centerX + radius * Math.cos(angleInRadians),\r\n    y: centerY + radius * Math.sin(angleInRadians),\r\n  };\r\n};\r\n\r\nexport function getArc(\r\n  x: number,\r\n  y: number,\r\n  radius: number,\r\n  startAngleInRadians: number,\r\n  endAngleInRadians: number,\r\n) {\r\n  const start = polarToCartesian(x, y, radius, startAngleInRadians);\r\n  const end = polarToCartesian(\r\n    x,\r\n    y,\r\n    radius,\r\n    Math.abs(endAngleInRadians - startAngleInRadians) === 2 * Math.PI\r\n      ? 0.999999 * endAngleInRadians\r\n      : endAngleInRadians,\r\n  );\r\n  const largeArcFlag = endAngleInRadians - startAngleInRadians <= Math.PI ? '0' : '1';\r\n  const d = ['M', start.x, start.y, 'A', radius, radius, 0, largeArcFlag, 1, end.x, end.y].join(\r\n    ' ',\r\n  );\r\n  return d;\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport isEqual from 'fast-deep-equal';\r\nimport { pie } from 'd3-shape';\r\nimport { isValidElement, ReactElement, useRef, useState } from 'react';\r\nimport { H2, P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport { AnimateDataType, ClassNameObject, DonutChartDataType, StyleObject } from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\nimport { getArc } from '@/Utils/getArc';\r\n\r\ninterface Props {\r\n  mainText?: string | { label: string; suffix?: string; prefix?: string } | ReactElement;\r\n  radius: number;\r\n  colors: string[];\r\n  subNote?: string;\r\n  strokeWidth: number;\r\n  data: DonutChartDataType[];\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  colorDomain: string[];\r\n  resetSelectionOnDoubleClick: boolean;\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  precision: number;\r\n  animate: AnimateDataType;\r\n  trackColor: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    mainText,\r\n    data,\r\n    radius,\r\n    colors,\r\n    subNote,\r\n    strokeWidth,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    onSeriesMouseClick,\r\n    colorDomain,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    precision,\r\n    animate,\r\n    trackColor,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const pieData = pie()\r\n    .sort(null)\r\n    .startAngle(0)\r\n    .value((d: any) => d.size);\r\n\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${radius * 2}px`}\r\n        height={`${radius * 2}px`}\r\n        viewBox={`0 0 ${radius * 2} ${radius * 2}`}\r\n        direction='ltr'\r\n        className='mx-auto'\r\n      >\r\n        <motion.g transform={`translate(${radius} ${radius})`}>\r\n          {mainText || subNote ? (\r\n            <foreignObject\r\n              y={0 - (radius - strokeWidth)}\r\n              x={0 - (radius - strokeWidth)}\r\n              width={2 * (radius - strokeWidth)}\r\n              height={2 * (radius - strokeWidth)}\r\n            >\r\n              <div className='flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4'>\r\n                {mainText ? (\r\n                  isValidElement(mainText) ? (\r\n                    mainText\r\n                  ) : (\r\n                    <H2\r\n                      marginBottom='none'\r\n                      className='donut-main-text text-primary-gray-700 dark:text-primary-gray-100 leading-none text-center'\r\n                    >\r\n                      {typeof mainText === 'string'\r\n                        ? mainText\r\n                        : data.findIndex(d => d.label === mainText.label) !== -1\r\n                          ? numberFormattingFunction(\r\n                              data[data.findIndex(d => d.label === mainText.label)].size,\r\n                              'NA',\r\n                              precision,\r\n                              mainText.prefix,\r\n                              mainText.suffix,\r\n                            )\r\n                          : 'NA'}\r\n                    </H2>\r\n                  )\r\n                ) : null}\r\n                {subNote ? (\r\n                  <P\r\n                    marginBottom='none'\r\n                    size='base'\r\n                    leading='none'\r\n                    className='donut-sub-note text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold'\r\n                  >\r\n                    {subNote}\r\n                  </P>\r\n                ) : typeof mainText === 'string' || !mainText || isValidElement(mainText) ? null : (\r\n                  <P\r\n                    size='base'\r\n                    marginBottom='none'\r\n                    leading='none'\r\n                    className='donut-label text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold'\r\n                  >\r\n                    {mainText.label}\r\n                  </P>\r\n                )}\r\n              </div>\r\n            </foreignObject>\r\n          ) : null}\r\n          <circle\r\n            cx={0}\r\n            cy={0}\r\n            r={radius - strokeWidth / 2}\r\n            fill='none'\r\n            stroke={trackColor}\r\n            strokeWidth={strokeWidth}\r\n          />\r\n          <AnimatePresence>\r\n            {pieData(data as any).map((d, i) => (\r\n              <motion.path\r\n                key={i}\r\n                variants={{\r\n                  initial: {\r\n                    pathLength: 0,\r\n                    d: getArc(\r\n                      0,\r\n                      0,\r\n                      radius - strokeWidth / 2,\r\n                      d.startAngle - Math.PI / 2,\r\n                      d.endAngle - Math.PI / 2,\r\n                    ),\r\n                    opacity: mouseOverData\r\n                      ? mouseOverData.label === (d.data as any).label\r\n                        ? 1\r\n                        : 0.3\r\n                      : 1,\r\n                  },\r\n                  whileInView: {\r\n                    pathLength: 1,\r\n                    d: getArc(\r\n                      0,\r\n                      0,\r\n                      radius - strokeWidth / 2,\r\n                      d.startAngle - Math.PI / 2,\r\n                      d.endAngle - Math.PI / 2,\r\n                    ),\r\n                    opacity: mouseOverData\r\n                      ? mouseOverData.label === (d.data as any).label\r\n                        ? 1\r\n                        : 0.3\r\n                      : 1,\r\n                    transition: { duration: animate.duration },\r\n                  },\r\n                }}\r\n                initial='initial'\r\n                animate={isInView ? 'whileInView' : 'initial'}\r\n                exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                style={{\r\n                  stroke:\r\n                    colorDomain.indexOf((d.data as any).label) !== -1\r\n                      ? colors[colorDomain.indexOf((d.data as any).label) % colors.length]\r\n                      : Colors.gray,\r\n                  strokeWidth,\r\n                  fill: 'none',\r\n                }}\r\n                onMouseEnter={event => {\r\n                  setMouseOverData(d.data);\r\n                  setEventY(event.clientY);\r\n                  setEventX(event.clientX);\r\n                  onSeriesMouseOver?.(d);\r\n                }}\r\n                onClick={() => {\r\n                  if (onSeriesMouseClick || detailsOnClick) {\r\n                    if (isEqual(mouseClickData, d.data) && resetSelectionOnDoubleClick) {\r\n                      setMouseClickData(undefined);\r\n                      onSeriesMouseClick?.(undefined);\r\n                    } else {\r\n                      setMouseClickData(d.data);\r\n                      if (onSeriesMouseClick) onSeriesMouseClick(d.data);\r\n                    }\r\n                  }\r\n                }}\r\n                onMouseMove={event => {\r\n                  setMouseOverData(d.data);\r\n                  setEventY(event.clientY);\r\n                  setEventX(event.clientX);\r\n                }}\r\n                onMouseLeave={() => {\r\n                  setMouseOverData(undefined);\r\n                  setEventX(undefined);\r\n                  setEventY(undefined);\r\n                  onSeriesMouseOver?.(undefined);\r\n                }}\r\n              />\r\n            ))}\r\n          </AnimatePresence>\r\n        </motion.g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <DetailsModal\r\n          body={detailsOnClick}\r\n          data={mouseClickData}\r\n          setData={setMouseClickData}\r\n          className={classNames?.modal}\r\n        />\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { ReactElement, useEffect, useRef, useState } from 'react';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport orderBy from 'lodash.orderby';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  DonutChartDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: DonutChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Array of colors for each segment */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Radius of the donut chart */\r\n  radius?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Max width of the color scale as a css property */\r\n  colorScaleMaxWidth?: string;\r\n  /** Stroke width of the arcs and circle of the donut  */\r\n  strokeWidth?: number;\r\n  /** Sorting order for data. This is overwritten by labelOrder prop */\r\n  sortData?: 'asc' | 'desc';\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Large text at the center of the donut chart. If the type is an object then the text is the value in the data for the label mentioned in the object */\r\n  mainText?: string | { label: string; suffix?: string; prefix?: string } | ReactElement;\r\n  /** Small text at the center of the donut chart */\r\n  subNote?: string;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Track color (i.e. the color of the donut chart's background) of the donut chart */\r\n  trackColor?: string;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function DonutChart(props: Props) {\r\n  const {\r\n    mainText,\r\n    graphTitle,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    strokeWidth = 50,\r\n    graphDescription,\r\n    subNote,\r\n    footNote,\r\n    radius,\r\n    data,\r\n    showColorScale = true,\r\n    padding,\r\n    backgroundColor = false,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    graphID,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    colorDomain,\r\n    sortData,\r\n    language = 'en',\r\n    theme = 'light',\r\n    width,\r\n    height,\r\n    minHeight = 0,\r\n    relativeHeight,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    colorScaleMaxWidth,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    precision = 2,\r\n    animate = false,\r\n    trackColor = Colors.light.grays['gray-200'],\r\n  } = props;\r\n\r\n  const [graphRadius, setGraphRadius] = useState(0);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setGraphRadius(\r\n        (Math.min(\r\n          ...[entries[0].target.clientWidth || 620, entries[0].target.clientHeight || 480],\r\n        ) || 420) / 2,\r\n      );\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n\r\n  const sortedData = sortData ? orderBy(data, ['size'], [sortData]) : data;\r\n\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {showColorScale && data.length > 0 ? (\r\n        <>\r\n          <div\r\n            className={cn(\r\n              'leading-0 flex mb-0 ml-auto mr-auto justify-center gap-x-3 gap-y-0 flex-wrap',\r\n              classNames?.colorLegend,\r\n            )}\r\n            style={{ maxWidth: colorScaleMaxWidth }}\r\n            aria-label='Color legend'\r\n          >\r\n            {sortedData.map((d, i) => (\r\n              <div className='flex gap-2 items-center pb-3' key={i}>\r\n                <div\r\n                  className='w-3 h-3 rounded-full'\r\n                  style={{\r\n                    backgroundColor:\r\n                      (colorDomain || sortedData.map(el => el.label)).indexOf(d.label) !== -1\r\n                        ? (colors || Colors[theme].categoricalColors.colors)[\r\n                            (colorDomain || sortedData.map(el => el.label)).indexOf(d.label) %\r\n                              (colors || Colors[theme].categoricalColors.colors).length\r\n                          ]\r\n                        : Colors.gray,\r\n                  }}\r\n                />\r\n                <P\r\n                  marginBottom='none'\r\n                  size='sm'\r\n                  className='text-primary-gray-700 dark:text-primary-gray-100'\r\n                >\r\n                  {d.label}:{' '}\r\n                  <span className='font-bold' style={{ fontSize: 'inherit' }}>\r\n                    {numberFormattingFunction(d.size, 'NA', precision, prefix, suffix)}\r\n                  </span>\r\n                </P>\r\n              </div>\r\n            ))}\r\n          </div>\r\n          <Spacer size='lg' />\r\n        </>\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {data.length === 0 && <EmptyState />}\r\n        {graphRadius && data.length > 0 ? (\r\n          <Graph\r\n            mainText={mainText}\r\n            data={sortedData}\r\n            colors={colors}\r\n            radius={radius || graphRadius}\r\n            subNote={subNote}\r\n            strokeWidth={strokeWidth}\r\n            tooltip={tooltip}\r\n            colorDomain={colorDomain || sortedData.map(d => d.label)}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n            styles={styles}\r\n            detailsOnClick={detailsOnClick}\r\n            precision={precision}\r\n            animate={\r\n              animate === true\r\n                ? { duration: 0.5, once: true, amount: 0.5 }\r\n                : animate || { duration: 0, once: true, amount: 0 }\r\n            }\r\n            trackColor={trackColor}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["pi","tau","descending","a","b","identity","d","pie","value","sortValues","sort","startAngle","constant","endAngle","padAngle","data","i","n","array","j","k","sum","index","arcs","a0","da","a1","p","pa","v","_","polarToCartesian","centerX","centerY","radius","angleInRadians","x","Math","cos","y","sin","getArc","startAngleInRadians","endAngleInRadians","start","end","abs","PI","largeArcFlag","join","Graph","props","$","_c","mainText","colors","subNote","strokeWidth","tooltip","onSeriesMouseOver","onSeriesMouseClick","colorDomain","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","precision","animate","trackColor","svgRef","useRef","t0","amount","once","isInView","useInView","pieData","_temp","mouseOverData","setMouseOverData","useState","undefined","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","t1","motion","t2","t3","t4","t5","t6","t7","t8","t9","jsx","jsxs","isValidElement","H2","findIndex","d_1","label","numberFormattingFunction","d_0","size","prefix","suffix","P","t10","t11","T0","AnimatePresence","t12","duration","d_2","initial","pathLength","opacity","whileInView","transition","stroke","indexOf","length","Colors","gray","fill","event","clientY","clientX","isEqual","event_0","t13","map","t14","t15","g","t16","svg","t17","Tooltip","t18","modal","DetailsModal","t19","Fragment","DonutChart","graphTitle","light","categoricalColors","sources","graphDescription","footNote","showColorScale","padding","backgroundColor","graphID","graphDownload","dataDownload","sortData","language","theme","width","height","minHeight","relativeHeight","ariaLabel","colorScaleMaxWidth","grays","graphRadius","setGraphRadius","graphDiv","graphParentDiv","useEffect","resizeObserver","ResizeObserver","entries","min","target","clientWidth","clientHeight","current","observe","disconnect","sortedData","orderBy","GraphContainer","graphContainer","GraphHeader","title","description","filter","cn","colorLegend","maxWidth","el","fontSize","Spacer","GraphArea","EmptyState","GraphFooter","footnote","source"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}