@undp/data-viz 2.5.4 → 2.6.0

package/dist/TreeMapGraph.js

@@ -1,21 +1,22 @@
-import { c as Gt, j as b, m as Tt } from "./index-CHPV5EwG-BzibaIRc.js";
+import { c as Gt, j as b } from "./compiler-runtime-qHgugrLy.js";
 import { useRef as St, useState as it, useEffect as Ft } from "react";
-import { _ as zt } from "./Typography-BO0gQDIT.js";
-import { T as Xt } from "./Tooltip-3EYDVa3w.js";
+import { P as Tt } from "@undp/design-system-react/Typography";
+import { cn as zt } from "@undp/design-system-react/cn";
+import { T as Xt } from "./Tooltip-DO56mY4b.js";
 import { n as Yt } from "./numberFormattingFunction-BUUV_luR.js";
 import { g as Vt } from "./getTextColorBasedOnBgColor-CDY808zi.js";
 import { Colors as Q } from "./Colors.js";
-import { D as Kt } from "./DetailsModal-GqEbGHY2.js";
-import { m as Dt } from "./proxy-BsxtcZKa.js";
-import { u as Ut } from "./use-in-view-KOXq5Kmc.js";
-import { A as Jt } from "./index-Cv_5q6Rb.js";
+import { D as Kt } from "./DetailsModal-k-Me_U_T.js";
+import { m as Dt } from "./proxy-D31SA_aE.js";
+import { u as Ut } from "./use-in-view-Co5SmzfT.js";
+import { A as Jt } from "./index-CNUlPiEL.js";
 import { c as Qt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
 import { GraphFooter as _t } from "./GraphFooter.js";
 import { GraphHeader as te } from "./GraphHeader.js";
 import { ColorLegendWithMouseOver as ee } from "./ColorLegendWithMouseOver.js";
-import { E as ne } from "./EmptyState-CaxXCkiN.js";
+import { E as ne } from "./EmptyState-prZ8OnEs.js";
 import { u as Rt } from "./uniqBy-BHy4I8PK.js";
-import { a as ie, G as oe } from "./GraphContainer-B8ZqOzKI.js";
+import { a as ie, G as oe } from "./GraphContainer-DcOM2CI6.js";
 function re(e) {
   var t = 0, n = e.children, o = n && n.length;
   if (!o) t = 1;
@@ -175,7 +176,7 @@ function je(e, t, n, o, r) {
   for (var a = e.children, l, u = -1, g = a.length, y = e.value && (o - t) / e.value; ++u < g; )
     l = a[u], l.y0 = n, l.y1 = r, l.x0 = t, l.x1 = t += l.value * y;
 }
-var De = { depth: -1 }, Ht = {}, Nt = {};
+var De = { depth: -1 }, Pt = {}, Nt = {};
 function ke(e) {
   return e.id;
 }
@@ -187,17 +188,17 @@ function Ve() {
   function o(r) {
     var a = Array.from(r), l = e, u = t, g, y, s, m, i, f, d, v, h = /* @__PURE__ */ new Map();
     if (n != null) {
-      const p = a.map((M, x) => Be(n(M, x, r))), D = p.map(Pt), k = new Set(p).add("");
+      const p = a.map((M, x) => Be(n(M, x, r))), D = p.map(Ht), k = new Set(p).add("");
       for (const M of D)
-        k.has(M) || (k.add(M), p.push(M), D.push(Pt(M)), a.push(Nt));
+        k.has(M) || (k.add(M), p.push(M), D.push(Ht(M)), a.push(Nt));
       l = (M, x) => p[x], u = (M, x) => D[x];
     }
     for (s = 0, g = a.length; s < g; ++s)
-      y = a[s], f = a[s] = new bt(y), (d = l(y, s, r)) != null && (d += "") && (v = f.id = d, h.set(v, h.has(v) ? Ht : f)), (d = u(y, s, r)) != null && (d += "") && (f.parent = d);
+      y = a[s], f = a[s] = new bt(y), (d = l(y, s, r)) != null && (d += "") && (v = f.id = d, h.set(v, h.has(v) ? Pt : f)), (d = u(y, s, r)) != null && (d += "") && (f.parent = d);
     for (s = 0; s < g; ++s)
       if (f = a[s], d = f.parent) {
         if (i = h.get(d), !i) throw new Error("missing: " + d);
-        if (i === Ht) throw new Error("ambiguous: " + d);
+        if (i === Pt) throw new Error("ambiguous: " + d);
         i.children ? i.children.push(f) : i.children = [f], f.parent = i;
       } else {
         if (m) throw new Error("multiple roots");
@@ -228,7 +229,7 @@ function Be(e) {
   let t = e.length;
   return $t(e, t - 1) && !$t(e, t - 2) && (e = e.slice(0, -1)), e[0] === "/" ? e : `/${e}`;
 }
-function Pt(e) {
+function Ht(e) {
   let t = e.length;
   if (t < 2) return "";
   for (; --t > 1 && !$t(e, t); ) ;
@@ -348,7 +349,7 @@ function Le(e) {
     right: g
   }, t[3] = s, t[4] = r, t[5] = g, t[6] = y, t[7] = J) : J = t[7];
   const N = J, et = a - N.left - N.right, nt = l - N.top - N.bottom;
-  let R, H, P, G, A, E, S, W, q;
+  let R, P, H, G, A, E, S, W, q;
   if (t[8] !== j.duration || t[9] !== B?.graphObjectValues || t[10] !== u || t[11] !== o || t[12] !== n || t[13] !== x || t[14] !== X || t[15] !== nt || t[16] !== et || t[17] !== l || t[18] !== D || t[19] !== K || t[20] !== I || t[21] !== rt || t[22] !== N.left || t[23] !== N.top || t[24] !== $ || t[25] !== k || t[26] !== f || t[27] !== at || t[28] !== ot || t[29] !== p || t[30] !== M || t[31] !== d || t[32] !== m || t[33] !== v || t[34] !== z?.graphObjectValues || t[35] !== h || t[36] !== a) {
     const ut = [{
       id: "root",
@@ -358,7 +359,7 @@ function Le(e) {
     }, ...n.map(Ze)], Mt = Ve().id(qe).parentId(We)(ut);
     Mt.sum(Ge);
     const yt = Ee().size([et, nt]).padding(2)(Mt);
-    H = Dt.svg, A = `${a}px`, E = `${l}px`, S = `0 0 ${a} ${l}`, W = "ltr", q = vt, G = `translate(${N.left},${N.top})`, R = Jt, P = yt.children?.map((c) => /* @__PURE__ */ b.jsxs(Dt.g, { className: "undp-viz-g-with-hover", variants: {
+    P = Dt.svg, A = `${a}px`, E = `${l}px`, S = `0 0 ${a} ${l}`, W = "ltr", q = vt, G = `translate(${N.left},${N.top})`, R = Jt, H = yt.children?.map((c) => /* @__PURE__ */ b.jsxs(Dt.g, { className: "undp-viz-g-with-hover", variants: {
       initial: {
         opacity: 0,
         x: c.x0,
@@ -397,12 +398,12 @@ function Le(e) {
         initial: {
           width: 0,
           height: 0,
-          fill: n.filter(Pe).length === 0 ? o[0] : c.data.data.color ? o[u.indexOf(c.data.data.color)] : Q.gray
+          fill: n.filter(He).length === 0 ? o[0] : c.data.data.color ? o[u.indexOf(c.data.data.color)] : Q.gray
         },
         whileInView: {
           width: c.x1 - c.x0,
           height: c.y1 - c.y0,
-          fill: n.filter(He).length === 0 ? o[0] : c.data.data.color ? o[u.indexOf(c.data.data.color)] : Q.gray,
+          fill: n.filter(Pe).length === 0 ? o[0] : c.data.data.color ? o[u.indexOf(c.data.data.color)] : Q.gray,
           transition: {
             duration: j.duration
           }
@@ -426,7 +427,7 @@ function Le(e) {
       }, children: /* @__PURE__ */ b.jsx("foreignObject", { y: 0, x: 0, width: c.x1 - c.x0, height: c.y1 - c.y0, children: /* @__PURE__ */ b.jsxs("div", { className: "flex flex-col gap-0.5 p-2 w-full", style: {
         color: Vt(n.filter(Re).length === 0 ? o[0] : c.data.data.color ? o[u.indexOf(c.data.data.color)] : Q.gray)
       }, children: [
-        m ? /* @__PURE__ */ b.jsx(zt, { marginBottom: "none", size: "sm", leading: "none", className: Tt("w-full treemap-label", I === "ar" || I === "he" ? "text-right" : "text-left", B?.graphObjectValues), style: {
+        m ? /* @__PURE__ */ b.jsx(Tt, { marginBottom: "none", size: "sm", leading: "none", className: zt("w-full treemap-label", I === "ar" || I === "he" ? "text-right" : "text-left", B?.graphObjectValues), style: {
           WebkitLineClamp: c.y1 - c.y0 > 50 ? c.y1 - c.y0 > 100 ? c.y1 - c.y0 > 150 ? void 0 : 3 : 2 : 1,
           display: "-webkit-box",
           WebkitBoxOrient: "vertical",
@@ -434,20 +435,20 @@ function Le(e) {
           color: Vt(n.filter(ze).length === 0 ? o[0] : c.data.data.color ? o[u.indexOf(c.data.data.color)] : Q.gray),
           ...z?.graphObjectValues || {}
         }, children: c.data.id }) : null,
-        v ? /* @__PURE__ */ b.jsx(zt, { marginBottom: "none", size: "sm", leading: "none", className: Tt("w-full font-bold treemap-value", I === "ar" || I === "he" ? "text-right" : "text-left", B?.graphObjectValues), style: {
+        v ? /* @__PURE__ */ b.jsx(Tt, { marginBottom: "none", size: "sm", leading: "none", className: zt("w-full font-bold treemap-value", I === "ar" || I === "he" ? "text-right" : "text-left", B?.graphObjectValues), style: {
           color: Vt(n.filter(Te).length === 0 ? o[0] : c.data.data.color ? o[u.indexOf(c.data.data.color)] : Q.gray),
           ...z?.graphObjectValues || {}
         }, children: Yt(c.data.value, void 0, ot, p, h, rt, at) }) : null
       ] }) }) }) : null
-    ] }, c.data.id)), t[8] = j.duration, t[9] = B?.graphObjectValues, t[10] = u, t[11] = o, t[12] = n, t[13] = x, t[14] = X, t[15] = nt, t[16] = et, t[17] = l, t[18] = D, t[19] = K, t[20] = I, t[21] = rt, t[22] = N.left, t[23] = N.top, t[24] = $, t[25] = k, t[26] = f, t[27] = at, t[28] = ot, t[29] = p, t[30] = M, t[31] = d, t[32] = m, t[33] = v, t[34] = z?.graphObjectValues, t[35] = h, t[36] = a, t[37] = R, t[38] = H, t[39] = P, t[40] = G, t[41] = A, t[42] = E, t[43] = S, t[44] = W, t[45] = q;
+    ] }, c.data.id)), t[8] = j.duration, t[9] = B?.graphObjectValues, t[10] = u, t[11] = o, t[12] = n, t[13] = x, t[14] = X, t[15] = nt, t[16] = et, t[17] = l, t[18] = D, t[19] = K, t[20] = I, t[21] = rt, t[22] = N.left, t[23] = N.top, t[24] = $, t[25] = k, t[26] = f, t[27] = at, t[28] = ot, t[29] = p, t[30] = M, t[31] = d, t[32] = m, t[33] = v, t[34] = z?.graphObjectValues, t[35] = h, t[36] = a, t[37] = R, t[38] = P, t[39] = H, t[40] = G, t[41] = A, t[42] = E, t[43] = S, t[44] = W, t[45] = q;
   } else
-    R = t[37], H = t[38], P = t[39], G = t[40], A = t[41], E = t[42], S = t[43], W = t[44], q = t[45];
+    R = t[37], P = t[38], H = t[39], G = t[40], A = t[41], E = t[42], S = t[43], W = t[44], q = t[45];
   let V;
-  t[46] !== R || t[47] !== P ? (V = /* @__PURE__ */ b.jsx(R, { children: P }), t[46] = R, t[47] = P, t[48] = V) : V = t[48];
+  t[46] !== R || t[47] !== H ? (V = /* @__PURE__ */ b.jsx(R, { children: H }), t[46] = R, t[47] = H, t[48] = V) : V = t[48];
   let Z;
   t[49] !== G || t[50] !== V ? (Z = /* @__PURE__ */ b.jsx("g", { transform: G, children: V }), t[49] = G, t[50] = V, t[51] = Z) : Z = t[51];
   let L;
-  t[52] !== H || t[53] !== Z || t[54] !== A || t[55] !== E || t[56] !== S || t[57] !== W || t[58] !== q ? (L = /* @__PURE__ */ b.jsx(H, { width: A, height: E, viewBox: S, direction: W, ref: q, children: Z }), t[52] = H, t[53] = Z, t[54] = A, t[55] = E, t[56] = S, t[57] = W, t[58] = q, t[59] = L) : L = t[59];
+  t[52] !== P || t[53] !== Z || t[54] !== A || t[55] !== E || t[56] !== S || t[57] !== W || t[58] !== q ? (L = /* @__PURE__ */ b.jsx(P, { width: A, height: E, viewBox: S, direction: W, ref: q, children: Z }), t[52] = P, t[53] = Z, t[54] = A, t[55] = E, t[56] = S, t[57] = W, t[58] = q, t[59] = L) : L = t[59];
   let F;
   t[60] !== B?.tooltip || t[61] !== w || t[62] !== tt || t[63] !== U || t[64] !== z?.tooltip || t[65] !== i ? (F = U && i && w && tt ? /* @__PURE__ */ b.jsx(Xt, { data: U, body: i, xPos: w, yPos: tt, backgroundStyle: z?.tooltip, className: B?.tooltip }) : null, t[60] = B?.tooltip, t[61] = w, t[62] = tt, t[63] = U, t[64] = z?.tooltip, t[65] = i, t[66] = F) : F = t[66];
   let T;
@@ -468,10 +469,10 @@ function ze(e) {
 function Re(e) {
   return e.color;
 }
-function He(e) {
+function Pe(e) {
   return e.color;
 }
-function Pe(e) {
+function He(e) {
   return e.color;
 }
 function Ge(e) {
@@ -491,7 +492,7 @@ function Ze(e) {
     data: e
   };
 }
-function xn(e) {
+function bn(e) {
   const t = Gt.c(83), {
     data: n,
     graphTitle: o,
@@ -532,7 +533,7 @@ function xn(e) {
     animate: st,
     dimmedOpacity: tt,
     numberDisplayOptions: C
-  } = e, J = u === void 0 ? 0 : u, N = g === void 0 ? 0 : g, et = y === void 0 ? 0 : y, nt = s === void 0 ? 0 : s, R = p === void 0 ? !1 : p, H = D === void 0 ? !0 : D, P = I === void 0 ? !0 : I, G = z === void 0 ? !0 : z, A = ot === void 0 ? !1 : ot, E = rt === void 0 ? !1 : rt, S = at === void 0 ? "en" : at, W = vt === void 0 ? !0 : vt, q = _ === void 0 ? 0 : _, V = K === void 0 ? "light" : K, Z = lt === void 0 ? !0 : lt, L = st === void 0 ? !1 : st, F = tt === void 0 ? 0.3 : tt, [T, ct] = it(0), [ut, Mt] = it(0), [yt, c] = it(void 0), Y = St(null), At = St(null);
+  } = e, J = u === void 0 ? 0 : u, N = g === void 0 ? 0 : g, et = y === void 0 ? 0 : y, nt = s === void 0 ? 0 : s, R = p === void 0 ? !1 : p, P = D === void 0 ? !0 : D, H = I === void 0 ? !0 : I, G = z === void 0 ? !0 : z, A = ot === void 0 ? !1 : ot, E = rt === void 0 ? !1 : rt, S = at === void 0 ? "en" : at, W = vt === void 0 ? !0 : vt, q = _ === void 0 ? 0 : _, V = K === void 0 ? "light" : K, Z = lt === void 0 ? !0 : lt, L = st === void 0 ? !1 : st, F = tt === void 0 ? 0.3 : tt, [T, ct] = it(0), [ut, Mt] = it(0), [yt, c] = it(void 0), Y = St(null), At = St(null);
   let Ot, Ct;
   t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Ot = () => {
     const Et = new ResizeObserver((Lt) => {
@@ -550,11 +551,11 @@ function xn(e) {
     description: w?.description
   }, graphTitle: o, graphDescription: l, width: i, graphDownload: A ? At : void 0, dataDownload: E ? n.map(tn).filter(_e).length > 0 ? n.map(Qe).filter(Je) : n.filter(Ue) : null }) : null, t[2] = w?.description, t[3] = w?.title, t[4] = n, t[5] = E, t[6] = l, t[7] = A, t[8] = o, t[9] = O?.description, t[10] = O?.title, t[11] = i, t[12] = ft) : ft = t[12];
   let dt;
-  t[13] !== w?.colorLegend || t[14] !== d || t[15] !== v || t[16] !== r || t[17] !== n || t[18] !== P || t[19] !== W || t[20] !== V || t[21] !== i ? (dt = P && n.filter(Ke).length !== 0 && n.length > 0 ? /* @__PURE__ */ b.jsx(ee, { width: i, colorLegendTitle: v, colors: r || Q[V].categoricalColors.colors, colorDomain: d || Rt(n, "color", !0), setSelectedColor: c, showNAColor: W, className: w?.colorLegend }) : null, t[13] = w?.colorLegend, t[14] = d, t[15] = v, t[16] = r, t[17] = n, t[18] = P, t[19] = W, t[20] = V, t[21] = i, t[22] = dt) : dt = t[22];
+  t[13] !== w?.colorLegend || t[14] !== d || t[15] !== v || t[16] !== r || t[17] !== n || t[18] !== H || t[19] !== W || t[20] !== V || t[21] !== i ? (dt = H && n.filter(Ke).length !== 0 && n.length > 0 ? /* @__PURE__ */ b.jsx(ee, { width: i, colorLegendTitle: v, colors: r || Q[V].categoricalColors.colors, colorDomain: d || Rt(n, "color", !0), setSelectedColor: c, showNAColor: W, className: w?.colorLegend }) : null, t[13] = w?.colorLegend, t[14] = d, t[15] = v, t[16] = r, t[17] = n, t[18] = H, t[19] = W, t[20] = V, t[21] = i, t[22] = dt) : dt = t[22];
   let ht;
   t[23] !== n.length ? (ht = n.length === 0 && /* @__PURE__ */ b.jsx(ne, {}), t[23] = n.length, t[24] = ht) : ht = t[24];
   let pt;
-  t[25] !== L || t[26] !== nt || t[27] !== w || t[28] !== d || t[29] !== r || t[30] !== n || t[31] !== $ || t[32] !== F || t[33] !== j || t[34] !== S || t[35] !== J || t[36] !== C?.locale || t[37] !== C?.padZeros || t[38] !== C?.precision || t[39] !== C?.prefix || t[40] !== C?.suffix || t[41] !== X || t[42] !== x || t[43] !== Z || t[44] !== N || t[45] !== yt || t[46] !== H || t[47] !== G || t[48] !== O || t[49] !== ut || t[50] !== T || t[51] !== V || t[52] !== M || t[53] !== et ? (pt = T && ut && n.length > 0 ? /* @__PURE__ */ b.jsx(Le, { data: n.filter(Ye), colors: n.filter(Xe).length === 0 ? r ? [r] : [Q.primaryColors["blue-600"]] : r || Q[V].categoricalColors.colors, colorDomain: n.filter(Fe).length === 0 ? [] : d || Rt(n, "color", !0), width: T, height: ut, leftMargin: J, rightMargin: N, topMargin: et, bottomMargin: nt, showLabels: H, showValues: G, selectedColor: yt, tooltip: M, onSeriesMouseOver: x, onSeriesMouseClick: X, highlightedDataPoints: j, resetSelectionOnDoubleClick: Z, detailsOnClick: $, styles: O, classNames: w, language: S, animate: L === !0 ? {
+  t[25] !== L || t[26] !== nt || t[27] !== w || t[28] !== d || t[29] !== r || t[30] !== n || t[31] !== $ || t[32] !== F || t[33] !== j || t[34] !== S || t[35] !== J || t[36] !== C?.locale || t[37] !== C?.padZeros || t[38] !== C?.precision || t[39] !== C?.prefix || t[40] !== C?.suffix || t[41] !== X || t[42] !== x || t[43] !== Z || t[44] !== N || t[45] !== yt || t[46] !== P || t[47] !== G || t[48] !== O || t[49] !== ut || t[50] !== T || t[51] !== V || t[52] !== M || t[53] !== et ? (pt = T && ut && n.length > 0 ? /* @__PURE__ */ b.jsx(Le, { data: n.filter(Ye), colors: n.filter(Xe).length === 0 ? r ? [r] : [Q.primaryColors["blue-600"]] : r || Q[V].categoricalColors.colors, colorDomain: n.filter(Fe).length === 0 ? [] : d || Rt(n, "color", !0), width: T, height: ut, leftMargin: J, rightMargin: N, topMargin: et, bottomMargin: nt, showLabels: P, showValues: G, selectedColor: yt, tooltip: M, onSeriesMouseOver: x, onSeriesMouseClick: X, highlightedDataPoints: j, resetSelectionOnDoubleClick: Z, detailsOnClick: $, styles: O, classNames: w, language: S, animate: L === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
@@ -562,7 +563,7 @@ function xn(e) {
     duration: 0,
     once: !0,
     amount: 0
-  }, dimmedOpacity: F, locale: C?.locale || "en", padZeros: C?.padZeros || !1, suffix: C?.suffix || "", prefix: C?.prefix || "", precision: C?.precision ?? 2 }) : null, t[25] = L, t[26] = nt, t[27] = w, t[28] = d, t[29] = r, t[30] = n, t[31] = $, t[32] = F, t[33] = j, t[34] = S, t[35] = J, t[36] = C?.locale, t[37] = C?.padZeros, t[38] = C?.precision, t[39] = C?.prefix, t[40] = C?.suffix, t[41] = X, t[42] = x, t[43] = Z, t[44] = N, t[45] = yt, t[46] = H, t[47] = G, t[48] = O, t[49] = ut, t[50] = T, t[51] = V, t[52] = M, t[53] = et, t[54] = pt) : pt = t[54];
+  }, dimmedOpacity: F, locale: C?.locale || "en", padZeros: C?.padZeros || !1, suffix: C?.suffix || "", prefix: C?.prefix || "", precision: C?.precision ?? 2 }) : null, t[25] = L, t[26] = nt, t[27] = w, t[28] = d, t[29] = r, t[30] = n, t[31] = $, t[32] = F, t[33] = j, t[34] = S, t[35] = J, t[36] = C?.locale, t[37] = C?.padZeros, t[38] = C?.precision, t[39] = C?.prefix, t[40] = C?.suffix, t[41] = X, t[42] = x, t[43] = Z, t[44] = N, t[45] = yt, t[46] = P, t[47] = G, t[48] = O, t[49] = ut, t[50] = T, t[51] = V, t[52] = M, t[53] = et, t[54] = pt) : pt = t[54];
   let gt;
   t[55] !== ht || t[56] !== pt ? (gt = /* @__PURE__ */ b.jsxs(ie, { ref: Y, children: [
     ht,
@@ -612,6 +613,6 @@ function tn(e) {
   return e.data;
 }
 export {
-  xn as TreeMapGraph
+  bn as TreeMapGraph
 };
 //# sourceMappingURL=TreeMapGraph.js.map