@undp/data-viz 1.5.2 → 1.5.4

package/dist/SankeyChart.js

@@ -1,22 +1,22 @@
 import { j as h, m as rt } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { useRef as wt, useState as Z, useEffect as _t } from "react";
-import { u as ot } from "./index-AqnpA7_O.js";
-import { s as ct } from "./index-fwdktvAS.js";
-import { s as Nt } from "./index-CeVNqhMO.js";
+import { useRef as vt, useState as Z, useEffect as Mt } from "react";
+import { s as _t } from "./index-CeVNqhMO.js";
+import { o as Nt } from "./index-DvVprvy6.js";
 import { i as Ht } from "./index-Bwrro8-q.js";
 import { X as Wt } from "./Modal-DVVwpKhP.js";
-import { u as ft } from "./Typography-Ctgfl1J5.js";
+import { u as ct } from "./Typography-Ctgfl1J5.js";
 import { n as St } from "./numberFormattingFunction-14YCbkN2.js";
 import { T as Rt } from "./Tooltip-CVCGWyzw.js";
 import { s as Gt } from "./string2HTML-oFCROsus.js";
 import { u as qt } from "./use-in-view-yS6jzJAp.js";
-import { m as mt } from "./proxy-CkpFesk1.js";
+import { m as dt } from "./proxy-CkpFesk1.js";
 import { A as Xt } from "./index-CNvov0eg.js";
 import { GraphHeader as Ft } from "./GraphHeader.js";
 import { GraphFooter as Yt } from "./GraphFooter.js";
 import { Colors as Tt } from "./Colors.js";
 import { g as Ut } from "./generateRandomString-za3IQGfQ.js";
 import { E as Zt } from "./EmptyState-DdTp-Mdn.js";
+import { u as ot } from "./uniqBy-BHy4I8PK.js";
 function Ct(e, n) {
   let i;
   if (n === void 0)
@@ -41,7 +41,7 @@ function Bt(e, n) {
   }
   return i;
 }
-function yt(e, n) {
+function pt(e, n) {
   let i = 0;
   if (n === void 0)
     for (let a of e)
@@ -59,24 +59,24 @@ function Qt(e) {
 function Jt(e, n) {
   return e.sourceLinks.length ? e.depth : n - 1;
 }
-function xt(e) {
+function mt(e) {
   return e.targetLinks.length ? e.depth : e.sourceLinks.length ? Bt(e.sourceLinks, Qt) - 1 : 0;
 }
-function ht(e) {
+function ft(e) {
   return function() {
     return e;
   };
 }
 function Ot(e, n) {
-  return gt(e.source, n.source) || e.index - n.index;
+  return ht(e.source, n.source) || e.index - n.index;
 }
 function Dt(e, n) {
-  return gt(e.target, n.target) || e.index - n.index;
+  return ht(e.target, n.target) || e.index - n.index;
 }
-function gt(e, n) {
+function ht(e, n) {
   return e.y0 - n.y0;
 }
-function vt(e) {
+function yt(e) {
   return e.value;
 }
 function Kt(e) {
@@ -102,38 +102,38 @@ function zt({ nodes: e }) {
       l.y1 = a + l.width / 2, a += l.width;
   }
 }
-function kt() {
-  let e = 0, n = 0, i = 1, a = 1, l = 24, y = 8, g, p = Kt, v = Jt, b, k, $ = te, j = ee, N = 6;
+function xt() {
+  let e = 0, n = 0, i = 1, a = 1, l = 24, y = 8, g, p = Kt, x = Jt, k, v, w = te, b = ee, S = 6;
   function d() {
-    const t = { nodes: $.apply(null, arguments), links: j.apply(null, arguments) };
-    return S(t), M(t), z(t), X(t), W(t), zt(t), t;
+    const t = { nodes: w.apply(null, arguments), links: b.apply(null, arguments) };
+    return T(t), L(t), z(t), X(t), W(t), zt(t), t;
   }
   d.update = function(t) {
     return zt(t), t;
   }, d.nodeId = function(t) {
-    return arguments.length ? (p = typeof t == "function" ? t : ht(t), d) : p;
+    return arguments.length ? (p = typeof t == "function" ? t : ft(t), d) : p;
   }, d.nodeAlign = function(t) {
-    return arguments.length ? (v = typeof t == "function" ? t : ht(t), d) : v;
+    return arguments.length ? (x = typeof t == "function" ? t : ft(t), d) : x;
   }, d.nodeSort = function(t) {
-    return arguments.length ? (b = t, d) : b;
+    return arguments.length ? (k = t, d) : k;
   }, d.nodeWidth = function(t) {
     return arguments.length ? (l = +t, d) : l;
   }, d.nodePadding = function(t) {
     return arguments.length ? (y = g = +t, d) : y;
   }, d.nodes = function(t) {
-    return arguments.length ? ($ = typeof t == "function" ? t : ht(t), d) : $;
+    return arguments.length ? (w = typeof t == "function" ? t : ft(t), d) : w;
   }, d.links = function(t) {
-    return arguments.length ? (j = typeof t == "function" ? t : ht(t), d) : j;
+    return arguments.length ? (b = typeof t == "function" ? t : ft(t), d) : b;
   }, d.linkSort = function(t) {
-    return arguments.length ? (k = t, d) : k;
+    return arguments.length ? (v = t, d) : v;
   }, d.size = function(t) {
     return arguments.length ? (e = n = 0, i = +t[0], a = +t[1], d) : [i - e, a - n];
   }, d.extent = function(t) {
     return arguments.length ? (e = +t[0][0], i = +t[1][0], n = +t[0][1], a = +t[1][1], d) : [[e, n], [i, a]];
   }, d.iterations = function(t) {
-    return arguments.length ? (N = +t, d) : N;
+    return arguments.length ? (S = +t, d) : S;
   };
-  function S({ nodes: t, links: u }) {
+  function T({ nodes: t, links: u }) {
     for (const [c, r] of t.entries())
       r.index = c, r.sourceLinks = [], r.targetLinks = [];
     const s = new Map(t.map((c, r) => [p(c, r, t), c]));
@@ -142,13 +142,13 @@ function kt() {
       let { source: f, target: m } = r;
       typeof f != "object" && (f = r.source = Vt(s, f)), typeof m != "object" && (m = r.target = Vt(s, m)), f.sourceLinks.push(r), m.targetLinks.push(r);
     }
-    if (k != null)
+    if (v != null)
       for (const { sourceLinks: c, targetLinks: r } of t)
-        c.sort(k), r.sort(k);
+        c.sort(v), r.sort(v);
   }
-  function M({ nodes: t }) {
+  function L({ nodes: t }) {
     for (const u of t)
-      u.value = u.fixedValue === void 0 ? Math.max(yt(u.sourceLinks, vt), yt(u.targetLinks, vt)) : u.fixedValue;
+      u.value = u.fixedValue === void 0 ? Math.max(pt(u.sourceLinks, yt), pt(u.targetLinks, yt)) : u.fixedValue;
   }
   function z({ nodes: t }) {
     const u = t.length;
@@ -179,15 +179,15 @@ function kt() {
   function P({ nodes: t }) {
     const u = Ct(t, (r) => r.depth) + 1, s = (i - e - l) / (u - 1), c = new Array(u);
     for (const r of t) {
-      const f = Math.max(0, Math.min(u - 1, Math.floor(v.call(null, r, u))));
+      const f = Math.max(0, Math.min(u - 1, Math.floor(x.call(null, r, u))));
       r.layer = f, r.x0 = e + f * s, r.x1 = r.x0 + l, c[f] ? c[f].push(r) : c[f] = [r];
     }
-    if (b) for (const r of c)
-      r.sort(b);
+    if (k) for (const r of c)
+      r.sort(k);
     return c;
   }
-  function T(t) {
-    const u = Bt(t, (s) => (a - n - (s.length - 1) * g) / yt(s, vt));
+  function C(t) {
+    const u = Bt(t, (s) => (a - n - (s.length - 1) * g) / pt(s, yt));
     for (const s of t) {
       let c = n;
       for (const r of s) {
@@ -205,9 +205,9 @@ function kt() {
   }
   function W(t) {
     const u = P(t);
-    g = Math.min(y, (a - n) / (Ct(u, (s) => s.length) - 1)), T(u);
-    for (let s = 0; s < N; ++s) {
-      const c = Math.pow(0.99, s), r = Math.max(1 - c, (s + 1) / N);
+    g = Math.min(y, (a - n) / (Ct(u, (s) => s.length) - 1)), C(u);
+    for (let s = 0; s < S; ++s) {
+      const c = Math.pow(0.99, s), r = Math.max(1 - c, (s + 1) / S);
       et(u, c, r), tt(u, c, r);
     }
   }
@@ -215,32 +215,32 @@ function kt() {
     for (let c = 1, r = t.length; c < r; ++c) {
       const f = t[c];
       for (const m of f) {
-        let C = 0, O = 0;
-        for (const { source: E, value: V } of m.targetLinks) {
-          let H = V * (m.layer - E.layer);
-          C += Y(E, m) * H, O += H;
+        let O = 0, D = 0;
+        for (const { source: E, value: _ } of m.targetLinks) {
+          let H = _ * (m.layer - E.layer);
+          O += Y(E, m) * H, D += H;
         }
-        if (!(O > 0)) continue;
-        let R = (C / O - m.y0) * u;
-        m.y0 += R, m.y1 += R, D(m);
+        if (!(D > 0)) continue;
+        let R = (O / D - m.y0) * u;
+        m.y0 += R, m.y1 += R, V(m);
       }
-      b === void 0 && f.sort(gt), B(f, s);
+      k === void 0 && f.sort(ht), B(f, s);
     }
   }
   function et(t, u, s) {
     for (let c = t.length, r = c - 2; r >= 0; --r) {
       const f = t[r];
       for (const m of f) {
-        let C = 0, O = 0;
-        for (const { target: E, value: V } of m.sourceLinks) {
-          let H = V * (E.layer - m.layer);
-          C += nt(m, E) * H, O += H;
+        let O = 0, D = 0;
+        for (const { target: E, value: _ } of m.sourceLinks) {
+          let H = _ * (E.layer - m.layer);
+          O += nt(m, E) * H, D += H;
         }
-        if (!(O > 0)) continue;
-        let R = (C / O - m.y0) * u;
-        m.y0 += R, m.y1 += R, D(m);
+        if (!(D > 0)) continue;
+        let R = (O / D - m.y0) * u;
+        m.y0 += R, m.y1 += R, V(m);
       }
-      b === void 0 && f.sort(gt), B(f, s);
+      k === void 0 && f.sort(ht), B(f, s);
     }
   }
   function B(t, u) {
@@ -259,8 +259,8 @@ function kt() {
       f > 1e-6 && (r.y0 -= f, r.y1 -= f), u = r.y0 - g;
     }
   }
-  function D({ sourceLinks: t, targetLinks: u }) {
-    if (k === void 0) {
+  function V({ sourceLinks: t, targetLinks: u }) {
+    if (v === void 0) {
       for (const { source: { sourceLinks: s } } of u)
         s.sort(Dt);
       for (const { target: { targetLinks: s } } of t)
@@ -268,7 +268,7 @@ function kt() {
     }
   }
   function I(t) {
-    if (k === void 0)
+    if (v === void 0)
       for (const { sourceLinks: u, targetLinks: s } of t)
         u.sort(Dt), s.sort(Ot);
   }
@@ -298,16 +298,16 @@ function kt() {
   }
   return d;
 }
-var bt = Math.PI, $t = 2 * bt, K = 1e-6, ne = $t - K;
-function jt() {
+var kt = Math.PI, wt = 2 * kt, K = 1e-6, ne = wt - K;
+function bt() {
   this._x0 = this._y0 = // start of current subpath
   this._x1 = this._y1 = null, this._ = "";
 }
 function It() {
-  return new jt();
+  return new bt();
 }
-jt.prototype = It.prototype = {
-  constructor: jt,
+bt.prototype = It.prototype = {
+  constructor: bt,
   moveTo: function(e, n) {
     this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +n);
   },
@@ -325,22 +325,22 @@ jt.prototype = It.prototype = {
   },
   arcTo: function(e, n, i, a, l) {
     e = +e, n = +n, i = +i, a = +a, l = +l;
-    var y = this._x1, g = this._y1, p = i - e, v = a - n, b = y - e, k = g - n, $ = b * b + k * k;
+    var y = this._x1, g = this._y1, p = i - e, x = a - n, k = y - e, v = g - n, w = k * k + v * v;
     if (l < 0) throw new Error("negative radius: " + l);
     if (this._x1 === null)
       this._ += "M" + (this._x1 = e) + "," + (this._y1 = n);
-    else if ($ > K) if (!(Math.abs(k * p - v * b) > K) || !l)
+    else if (w > K) if (!(Math.abs(v * p - x * k) > K) || !l)
       this._ += "L" + (this._x1 = e) + "," + (this._y1 = n);
     else {
-      var j = i - y, N = a - g, d = p * p + v * v, S = j * j + N * N, M = Math.sqrt(d), z = Math.sqrt($), X = l * Math.tan((bt - Math.acos((d + $ - S) / (2 * M * z))) / 2), P = X / z, T = X / M;
-      Math.abs(P - 1) > K && (this._ += "L" + (e + P * b) + "," + (n + P * k)), this._ += "A" + l + "," + l + ",0,0," + +(k * j > b * N) + "," + (this._x1 = e + T * p) + "," + (this._y1 = n + T * v);
+      var b = i - y, S = a - g, d = p * p + x * x, T = b * b + S * S, L = Math.sqrt(d), z = Math.sqrt(w), X = l * Math.tan((kt - Math.acos((d + w - T) / (2 * L * z))) / 2), P = X / z, C = X / L;
+      Math.abs(P - 1) > K && (this._ += "L" + (e + P * k) + "," + (n + P * v)), this._ += "A" + l + "," + l + ",0,0," + +(v * b > k * S) + "," + (this._x1 = e + C * p) + "," + (this._y1 = n + C * x);
     }
   },
   arc: function(e, n, i, a, l, y) {
     e = +e, n = +n, i = +i, y = !!y;
-    var g = i * Math.cos(a), p = i * Math.sin(a), v = e + g, b = n + p, k = 1 ^ y, $ = y ? a - l : l - a;
+    var g = i * Math.cos(a), p = i * Math.sin(a), x = e + g, k = n + p, v = 1 ^ y, w = y ? a - l : l - a;
     if (i < 0) throw new Error("negative radius: " + i);
-    this._x1 === null ? this._ += "M" + v + "," + b : (Math.abs(this._x1 - v) > K || Math.abs(this._y1 - b) > K) && (this._ += "L" + v + "," + b), i && ($ < 0 && ($ = $ % $t + $t), $ > ne ? this._ += "A" + i + "," + i + ",0,1," + k + "," + (e - g) + "," + (n - p) + "A" + i + "," + i + ",0,1," + k + "," + (this._x1 = v) + "," + (this._y1 = b) : $ > K && (this._ += "A" + i + "," + i + ",0," + +($ >= bt) + "," + k + "," + (this._x1 = e + i * Math.cos(l)) + "," + (this._y1 = n + i * Math.sin(l))));
+    this._x1 === null ? this._ += "M" + x + "," + k : (Math.abs(this._x1 - x) > K || Math.abs(this._y1 - k) > K) && (this._ += "L" + x + "," + k), i && (w < 0 && (w = w % wt + wt), w > ne ? this._ += "A" + i + "," + i + ",0,1," + v + "," + (e - g) + "," + (n - p) + "A" + i + "," + i + ",0,1," + v + "," + (this._x1 = x) + "," + (this._y1 = k) : w > K && (this._ += "A" + i + "," + i + ",0," + +(w >= kt) + "," + v + "," + (this._x1 = e + i * Math.cos(l)) + "," + (this._y1 = n + i * Math.sin(l))));
   },
   rect: function(e, n, i, a) {
     this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +n) + "h" + +i + "v" + +a + "h" + -i + "Z";
@@ -370,8 +370,8 @@ function ae(e) {
 function le(e) {
   var n = se, i = ae, a = oe, l = ie, y = null;
   function g() {
-    var p, v = re.call(arguments), b = n.apply(this, v), k = i.apply(this, v);
-    if (y || (y = p = It()), e(y, +a.apply(this, (v[0] = b, v)), +l.apply(this, v), +a.apply(this, (v[0] = k, v)), +l.apply(this, v)), p) return y = null, p + "" || null;
+    var p, x = re.call(arguments), k = n.apply(this, x), v = i.apply(this, x);
+    if (y || (y = p = It()), e(y, +a.apply(this, (x[0] = k, x)), +l.apply(this, x), +a.apply(this, (x[0] = v, x)), +l.apply(this, x)), p) return y = null, p + "" || null;
   }
   return g.source = function(p) {
     return arguments.length ? (n = p, g) : n;
@@ -409,44 +409,44 @@ function de(e) {
     truncateBy: y,
     width: g,
     height: p,
-    topMargin: v,
-    bottomMargin: b,
-    tooltip: k,
-    onSeriesMouseOver: $,
-    suffix: j,
-    prefix: N,
+    topMargin: x,
+    bottomMargin: k,
+    tooltip: v,
+    onSeriesMouseOver: w,
+    suffix: b,
+    prefix: S,
     showValues: d,
-    onSeriesMouseClick: S,
-    nodePadding: M,
+    onSeriesMouseClick: T,
+    nodePadding: L,
     nodeWidth: z,
     id: X,
     highlightedSourceDataPoints: P,
-    highlightedTargetDataPoints: T,
+    highlightedTargetDataPoints: C,
     defaultLinkOpacity: W,
     sourceTitle: tt,
     targetTitle: et,
     animate: B,
     sortNodes: F,
     resetSelectionOnDoubleClick: Q,
-    detailsOnClick: D,
+    detailsOnClick: V,
     styles: I,
     classNames: Y,
     precision: nt,
     customLayers: t
-  } = e, u = wt(null), s = qt(u, {
+  } = e, u = vt(null), s = qt(u, {
     once: B.once,
     amount: B.amount
-  }), [c, r] = Z(void 0), [f, m] = Z(void 0), [C, O] = Z(void 0), [R, E] = Z(void 0), [V, H] = Z(void 0), A = {
-    top: v,
-    bottom: b,
+  }), [c, r] = Z(void 0), [f, m] = Z(void 0), [O, D] = Z(void 0), [R, E] = Z(void 0), [_, H] = Z(void 0), A = {
+    top: x,
+    bottom: k,
     left: a,
     right: l
-  }, G = g - A.left - A.right, q = p - A.top - A.bottom, st = F === "mostReadable" ? kt().nodeWidth(z).nodePadding(M).size([G, q]).nodeAlign(xt) : F === "none" ? kt().nodeWidth(z).nodePadding(M).size([G, q]).nodeAlign(xt).nodeSort(() => null).linkSort(() => null) : kt().nodeWidth(z).nodePadding(M).size([G, q]).nodeAlign(xt).nodeSort(
-    F === "desc" ? (o, _) => (_.value || 0) - (o.value || 0) : (o, _) => (o.value || 0) - (_.value || 0)
+  }, G = g - A.left - A.right, q = p - A.top - A.bottom, st = F === "mostReadable" ? xt().nodeWidth(z).nodePadding(L).size([G, q]).nodeAlign(mt) : F === "none" ? xt().nodeWidth(z).nodePadding(L).size([G, q]).nodeAlign(mt).nodeSort(() => null).linkSort(() => null) : xt().nodeWidth(z).nodePadding(L).size([G, q]).nodeAlign(mt).nodeSort(
+    F === "desc" ? (o, N) => (N.value || 0) - (o.value || 0) : (o, N) => (o.value || 0) - (N.value || 0)
   ), { nodes: at, links: lt } = st(n), J = ge();
   return /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
     /* @__PURE__ */ h.jsxs(
-      mt.svg,
+      dt.svg,
       {
         width: `${g}px`,
         height: `${p}px`,
@@ -477,14 +477,14 @@ function de(e) {
           ) : null,
           /* @__PURE__ */ h.jsxs("g", { transform: `translate(${A.left},${A.top})`, children: [
             t.filter((o) => o.position === "before").map((o) => o.layer),
-            at.filter((o) => o.type === "source").map((o, _) => /* @__PURE__ */ h.jsx(
+            at.filter((o) => o.type === "source").map((o, N) => /* @__PURE__ */ h.jsx(
               "g",
               {
                 onMouseEnter: () => {
-                  O(o);
+                  D(o);
                 },
                 onMouseLeave: () => {
-                  O(void 0);
+                  D(void 0);
                 },
                 children: /* @__PURE__ */ h.jsxs("g", { transform: `translate(${o.x0},${o.y0})`, children: [
                   /* @__PURE__ */ h.jsx(
@@ -500,21 +500,21 @@ function de(e) {
                   i || d ? /* @__PURE__ */ h.jsx(
                     "foreignObject",
                     {
-                      y: 0 - M / 2,
+                      y: 0 - L / 2,
                       x: 0 - a,
                       width: a,
-                      height: (o.y1 || 0) - (o.y0 || 0) + M,
+                      height: (o.y1 || 0) - (o.y0 || 0) + L,
                       children: /* @__PURE__ */ h.jsxs(
                         "div",
                         {
                           className: "flex flex-col gap-0.5 justify-center py-0 px-1.5",
                           style: {
-                            height: `${(o.y1 || 0) - (o.y0 || 0) + M}px`,
+                            height: `${(o.y1 || 0) - (o.y0 || 0) + L}px`,
                             overflow: "visible"
                           },
                           children: [
                             i ? /* @__PURE__ */ h.jsx(
-                              ft,
+                              ct,
                               {
                                 marginBottom: d ? "3xs" : "none",
                                 size: "sm",
@@ -532,7 +532,7 @@ function de(e) {
                               }
                             ) : null,
                             d ? /* @__PURE__ */ h.jsx(
-                              ft,
+                              ct,
                               {
                                 marginBottom: "none",
                                 size: "sm",
@@ -546,7 +546,7 @@ function de(e) {
                                   color: o.color,
                                   ...I?.graphObjectValues
                                 },
-                                children: St(o.value, "NA", nt, N, j)
+                                children: St(o.value, "NA", nt, S, b)
                               }
                             ) : null
                           ]
@@ -556,16 +556,16 @@ function de(e) {
                   ) : null
                 ] })
               },
-              _
+              N
             )),
-            at.filter((o) => o.type === "target").map((o, _) => /* @__PURE__ */ h.jsx(
+            at.filter((o) => o.type === "target").map((o, N) => /* @__PURE__ */ h.jsx(
               "g",
               {
                 onMouseEnter: () => {
-                  O(o);
+                  D(o);
                 },
                 onMouseLeave: () => {
-                  O(void 0);
+                  D(void 0);
                 },
                 children: /* @__PURE__ */ h.jsxs("g", { transform: `translate(${o.x0},${o.y0})`, children: [
                   /* @__PURE__ */ h.jsx(
@@ -581,20 +581,20 @@ function de(e) {
                   i || d ? /* @__PURE__ */ h.jsx(
                     "foreignObject",
                     {
-                      y: 0 - M / 2,
+                      y: 0 - L / 2,
                       x: z,
                       width: l - z,
-                      height: (o.y1 || 0) - (o.y0 || 0) + M,
+                      height: (o.y1 || 0) - (o.y0 || 0) + L,
                       children: /* @__PURE__ */ h.jsxs(
                         "div",
                         {
                           className: "flex flex-col gap-0.5 justify-center py-0 px-1.5",
                           style: {
-                            height: `${(o.y1 || 0) - (o.y0 || 0) + M}px`
+                            height: `${(o.y1 || 0) - (o.y0 || 0) + L}px`
                           },
                           children: [
                             i ? /* @__PURE__ */ h.jsx(
-                              ft,
+                              ct,
                               {
                                 marginBottom: d ? "3xs" : "none",
                                 size: "sm",
@@ -612,7 +612,7 @@ function de(e) {
                               }
                             ) : null,
                             d ? /* @__PURE__ */ h.jsx(
-                              ft,
+                              ct,
                               {
                                 size: "sm",
                                 leading: "none",
@@ -626,7 +626,7 @@ function de(e) {
                                   color: o.color,
                                   ...I?.graphObjectValues
                                 },
-                                children: St(o.value, "NA", nt, N, j)
+                                children: St(o.value, "NA", nt, S, b)
                               }
                             ) : null
                           ]
@@ -636,12 +636,12 @@ function de(e) {
                   ) : null
                 ] })
               },
-              _
+              N
             )),
-            /* @__PURE__ */ h.jsx("defs", { children: lt.map((o, _) => /* @__PURE__ */ h.jsxs(
+            /* @__PURE__ */ h.jsx("defs", { children: lt.map((o, N) => /* @__PURE__ */ h.jsxs(
               "linearGradient",
               {
-                id: `${X}-gradient-${_}`,
+                id: `${X}-gradient-${N}`,
                 x1: "0%",
                 y1: "0%",
                 x2: "100%",
@@ -670,48 +670,48 @@ function de(e) {
                   )
                 ]
               },
-              _
+              N
             )) }),
-            /* @__PURE__ */ h.jsx("g", { children: /* @__PURE__ */ h.jsx(Xt, { children: lt.map((o, _) => /* @__PURE__ */ h.jsx(
-              mt.g,
+            /* @__PURE__ */ h.jsx("g", { children: /* @__PURE__ */ h.jsx(Xt, { children: lt.map((o, N) => /* @__PURE__ */ h.jsx(
+              dt.g,
               {
                 className: "undp-viz-g-with-hover",
                 onMouseEnter: (U) => {
-                  r(o.data), H(U.clientY), E(U.clientX), $?.(o);
+                  r(o.data), H(U.clientY), E(U.clientX), w?.(o);
                 },
                 onMouseMove: (U) => {
                   r(o.data), H(U.clientY), E(U.clientX);
                 },
                 onClick: () => {
-                  (S || D) && (// eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  Ht(f, o.data) && Q ? (m(void 0), S?.(void 0)) : (m(o.data), S?.(o.data)));
+                  (T || V) && (// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  Ht(f, o.data) && Q ? (m(void 0), T?.(void 0)) : (m(o.data), T?.(o.data)));
                 },
                 onMouseLeave: () => {
-                  r(void 0), E(void 0), H(void 0), $?.(void 0);
+                  r(void 0), E(void 0), H(void 0), w?.(void 0);
                 },
                 variants: {
                   initial: {
-                    opacity: C ? (
+                    opacity: O ? (
                       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                      o.source.name === C.name || // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                      o.target.name === C.name ? 0.85 : W
-                    ) : (P.length !== 0 || T.length !== 0) && (P.indexOf(
+                      o.source.name === O.name || // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.target.name === O.name ? 0.85 : W
+                    ) : (P.length !== 0 || C.length !== 0) && (P.indexOf(
                       // eslint-disable-next-line @typescript-eslint/no-explicit-any
                       o.source.label
-                    ) !== -1 || T.indexOf(
+                    ) !== -1 || C.indexOf(
                       // eslint-disable-next-line @typescript-eslint/no-explicit-any
                       o.target.label
                     ) !== -1) ? 0.85 : W
                   },
                   whileInView: {
-                    opacity: C ? (
+                    opacity: O ? (
                       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                      o.source.name === C.name || // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                      o.target.name === C.name ? 0.85 : W
-                    ) : (P.length !== 0 || T.length !== 0) && (P.indexOf(
+                      o.source.name === O.name || // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.target.name === O.name ? 0.85 : W
+                    ) : (P.length !== 0 || C.length !== 0) && (P.indexOf(
                       // eslint-disable-next-line @typescript-eslint/no-explicit-any
                       o.source.label
-                    ) !== -1 || T.indexOf(
+                    ) !== -1 || C.indexOf(
                       // eslint-disable-next-line @typescript-eslint/no-explicit-any
                       o.target.label
                     ) !== -1) ? 0.85 : W,
@@ -722,11 +722,11 @@ function de(e) {
                 animate: s ? "whileInView" : "initial",
                 exit: { opacity: 0, transition: { duration: B.duration } },
                 children: /* @__PURE__ */ h.jsx(
-                  mt.path,
+                  dt.path,
                   {
                     d: J(o) || "",
                     style: {
-                      stroke: `url(#${X}-gradient-${_})`,
+                      stroke: `url(#${X}-gradient-${N})`,
                       strokeWidth: o.width,
                       fill: "none"
                     },
@@ -755,18 +755,18 @@ function de(e) {
         ]
       }
     ),
-    c && k && R && V ? /* @__PURE__ */ h.jsx(
+    c && v && R && _ ? /* @__PURE__ */ h.jsx(
       Rt,
       {
         data: c,
-        body: k,
+        body: v,
         xPos: R,
-        yPos: V,
+        yPos: _,
         backgroundStyle: I?.tooltip,
         className: Y?.tooltip
       }
     ) : null,
-    D && f !== void 0 ? /* @__PURE__ */ h.jsx(
+    V && f !== void 0 ? /* @__PURE__ */ h.jsx(
       Wt,
       {
         open: f !== void 0,
@@ -777,8 +777,8 @@ function de(e) {
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof D == "string" ? { __html: Gt(D, f) } : void 0,
-            children: typeof D == "function" ? D(f) : null
+            dangerouslySetInnerHTML: typeof V == "string" ? { __html: Gt(V, f) } : void 0,
+            children: typeof V == "function" ? V(f) : null
           }
         )
       }
@@ -794,26 +794,26 @@ function Ve(e) {
     showLabels: y = !0,
     leftMargin: g = 75,
     rightMargin: p = 75,
-    topMargin: v = 30,
-    bottomMargin: b = 10,
-    truncateBy: k = 999,
-    height: $,
-    width: j,
-    footNote: N,
+    topMargin: x = 30,
+    bottomMargin: k = 10,
+    truncateBy: v = 999,
+    height: w,
+    width: b,
+    footNote: S,
     padding: d,
-    backgroundColor: S,
-    tooltip: M,
+    backgroundColor: T,
+    tooltip: L,
     onSeriesMouseOver: z,
     suffix: X = "",
     prefix: P = "",
-    relativeHeight: T,
+    relativeHeight: C,
     showValues: W = !0,
     graphID: tt,
     onSeriesMouseClick: et,
     graphDownload: B = !1,
     dataDownload: F = !1,
     fillContainer: Q = !0,
-    language: D = "en",
+    language: V = "en",
     minHeight: I = 0,
     theme: Y = "light",
     ariaLabel: nt,
@@ -824,11 +824,11 @@ function Ve(e) {
     nodePadding: r = 5,
     nodeWidth: f = 5,
     highlightedSourceDataPoints: m = [],
-    highlightedTargetDataPoints: C = [],
-    defaultLinkOpacity: O = 0.3,
+    highlightedTargetDataPoints: O = [],
+    defaultLinkOpacity: D = 0.3,
     sourceTitle: R,
     targetTitle: E,
-    sortNodes: V = "mostReadable",
+    sortNodes: _ = "mostReadable",
     resetSelectionOnDoubleClick: H = !0,
     detailsOnClick: A,
     styles: G,
@@ -836,68 +836,68 @@ function Ve(e) {
     animate: st = !1,
     precision: at = 2,
     customLayers: lt = []
-  } = e, [J, o] = Z(0), [_, U] = Z(0), [Lt, At] = Z(void 0), it = wt(null), Mt = wt(null);
-  return _t(() => {
-    const L = ot(n, "source").map((w) => ({
-      name: `source_${w.source}`,
+  } = e, [J, o] = Z(0), [N, U] = Z(0), [jt, At] = Z(void 0), it = vt(null), $t = vt(null);
+  return Mt(() => {
+    const j = ot(n, "source", !0).map((M) => ({
+      name: `source_${M}`,
       type: "source",
-      label: `${w.source}`,
-      color: typeof t == "string" || !t ? t || Tt.graphMainColor : t[(s || ot(n, "source").map((x) => `${x.source}`)).findIndex(
-        (x) => `${x}` == `${w.source}`
-      ) > t.length ? t.length - 1 : (s || ot(n, "source").map((x) => `${x.source}`)).findIndex(
-        (x) => `${x}` == `${w.source}`
+      label: `${M}`,
+      color: typeof t == "string" || !t ? t || Tt.graphMainColor : t[(s || ot(n, "source", !0)).findIndex(
+        ($) => `${$}` == `${M}`
+      ) > t.length ? t.length - 1 : (s || ot(n, "source", !0)).findIndex(
+        ($) => `${$}` == `${M}`
       )],
-      totalValue: Nt(n.filter((x) => `${x.source}` == `${w.source}`).map((x) => x.value))
-    })), ut = V === "asc" ? ct(L, (w) => w.totalValue) : V === "desc" ? ct(L, (w) => w.totalValue).reverse() : L, dt = ot(n, "target").map((w) => ({
-      name: `target_${w.target}`,
+      totalValue: _t(n.filter(($) => `${$.source}` == `${M}`).map(($) => $.value))
+    })), ut = _ === "asc" || _ === "desc" ? Nt(j, ["totalValue"], [_]) : j, Lt = ot(n, "target", !0).map((M) => ({
+      name: `target_${M}`,
       type: "target",
-      label: `${w.target}`,
-      color: typeof u == "string" || !u ? u || Tt.graphMainColor : u[(c || ot(n, "target").map((x) => `${x.target}`)).findIndex(
-        (x) => `${x}` == `${w.target}`
-      ) > u.length ? u.length - 1 : (c || ot(n, "target").map((x) => `${x.target}`)).findIndex(
-        (x) => `${x}` == `${w.target}`
+      label: `${M}`,
+      color: typeof u == "string" || !u ? u || Tt.graphMainColor : u[(c || ot(n, "target", !0)).findIndex(
+        ($) => `${$}` == `${M}`
+      ) > u.length ? u.length - 1 : (c || ot(n, "target", !0)).findIndex(
+        ($) => `${$}` == `${M}`
       )],
-      totalValue: Nt(n.filter((x) => `${x.target}` == `${w.target}`).map((x) => x.value))
-    })), Et = V === "asc" ? ct(dt, (w) => w.totalValue) : V === "desc" ? ct(dt, (w) => w.totalValue).reverse() : dt, pt = [...ut, ...Et];
+      totalValue: _t(n.filter(($) => `${$.target}` == `${M}`).map(($) => $.value))
+    })), Et = _ === "asc" || _ === "desc" ? Nt(Lt, ["totalValue"], [_]) : Lt, gt = [...ut, ...Et];
     At({
-      nodes: pt,
-      links: n.map((w) => ({
-        source: pt.findIndex((x) => x.name === `source_${w.source}`),
-        target: pt.findIndex((x) => x.name === `target_${w.target}`),
-        value: w.value,
-        data: { ...w }
+      nodes: gt,
+      links: n.map((M) => ({
+        source: gt.findIndex(($) => $.name === `source_${M.source}`),
+        target: gt.findIndex(($) => $.name === `target_${M.target}`),
+        value: M.value,
+        data: { ...M }
       }))
     });
-  }, [n, V, s, t, c, u]), _t(() => {
-    const L = new ResizeObserver((ut) => {
-      o(j || ut[0].target.clientWidth || 620), U($ || ut[0].target.clientHeight || 480);
+  }, [n, _, s, t, c, u]), Mt(() => {
+    const j = new ResizeObserver((ut) => {
+      o(b || ut[0].target.clientWidth || 620), U(w || ut[0].target.clientHeight || 480);
     });
-    return it.current && (U(it.current.clientHeight || 480), o(it.current.clientWidth || 620), j || L.observe(it.current)), () => L.disconnect();
-  }, [j, $]), /* @__PURE__ */ h.jsx(
+    return it.current && (U(it.current.clientHeight || 480), o(it.current.clientWidth || 620), b || j.observe(it.current)), () => j.disconnect();
+  }, [b, w]), /* @__PURE__ */ h.jsx(
     "div",
     {
-      className: `${Y || "light"} flex ${j ? "grow-0" : "grow"} ${Q ? "w-full" : "w-fit"} `,
-      dir: D === "he" || D === "ar" ? "rtl" : void 0,
+      className: `${Y || "light"} flex ${b ? "grow-0" : "grow"} ${Q ? "w-full" : "w-fit"} `,
+      dir: V === "he" || V === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ h.jsx(
         "div",
         {
           className: rt(
-            `${S ? S === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${D || "en"}`,
+            `${T ? T === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${V || "en"}`,
             Q ? "w-full" : "w-fit",
             q?.graphContainer
           ),
           style: {
             ...G?.graphContainer || {},
-            ...S && S !== !0 ? { backgroundColor: S } : {}
+            ...T && T !== !0 ? { backgroundColor: T } : {}
           },
           id: tt,
-          ref: Mt,
+          ref: $t,
           "aria-label": nt || `${i ? `The graph shows ${i}. ` : ""}This is a sankey chart showing flow. ${l ? ` ${l}` : ""}`,
           children: /* @__PURE__ */ h.jsx(
             "div",
             {
               className: "flex grow",
-              style: { padding: S ? d || "1rem" : d || 0 },
+              style: { padding: T ? d || "1rem" : d || 0 },
               children: /* @__PURE__ */ h.jsxs("div", { className: "flex flex-col gap-4 w-full grow justify-between", children: [
                 i || l || B || F ? /* @__PURE__ */ h.jsx(
                   Ft,
@@ -912,9 +912,9 @@ function Ve(e) {
                     },
                     graphTitle: i,
                     graphDescription: l,
-                    width: j,
-                    graphDownload: B ? Mt.current : void 0,
-                    dataDownload: F ? n.map((L) => L.data).filter((L) => L !== void 0).length > 0 ? n.map((L) => L.data).filter((L) => L !== void 0) : n.filter((L) => L !== void 0) : null
+                    width: b,
+                    graphDownload: B ? $t.current : void 0,
+                    dataDownload: F ? n.map((j) => j.data).filter((j) => j !== void 0).length > 0 ? n.map((j) => j.data).filter((j) => j !== void 0) : n.filter((j) => j !== void 0) : null
                   }
                 ) : null,
                 /* @__PURE__ */ h.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ h.jsx(Zt, {}) : /* @__PURE__ */ h.jsx(
@@ -923,36 +923,36 @@ function Ve(e) {
                     className: "flex flex-col grow justify-center gap-3 w-full leading-0",
                     ref: it,
                     "aria-label": "Graph area",
-                    children: (j || J) && ($ || _) && Lt ? /* @__PURE__ */ h.jsx(
+                    children: (b || J) && (w || N) && jt ? /* @__PURE__ */ h.jsx(
                       de,
                       {
-                        data: Lt,
-                        width: j || J,
+                        data: jt,
+                        width: b || J,
                         nodePadding: r,
                         nodeWidth: f,
                         height: Math.max(
                           I,
-                          $ || (T ? I ? (j || J) * T > I ? (j || J) * T : I : (j || J) * T : _)
+                          w || (C ? I ? (b || J) * C > I ? (b || J) * C : I : (b || J) * C : N)
                         ),
                         showLabels: y,
                         leftMargin: g,
                         rightMargin: p,
-                        topMargin: v,
-                        bottomMargin: b,
-                        truncateBy: k,
-                        tooltip: M,
+                        topMargin: x,
+                        bottomMargin: k,
+                        truncateBy: v,
+                        tooltip: L,
                         onSeriesMouseOver: z,
                         showValues: W,
                         suffix: X,
                         prefix: P,
                         onSeriesMouseClick: et,
                         id: Ut(8),
-                        highlightedSourceDataPoints: m.map((L) => `${L}`),
-                        highlightedTargetDataPoints: C.map((L) => `${L}`),
-                        defaultLinkOpacity: O,
+                        highlightedSourceDataPoints: m.map((j) => `${j}`),
+                        highlightedTargetDataPoints: O.map((j) => `${j}`),
+                        defaultLinkOpacity: D,
                         sourceTitle: R,
                         targetTitle: E,
-                        sortNodes: V,
+                        sortNodes: _,
                         resetSelectionOnDoubleClick: H,
                         styles: G,
                         classNames: q,
@@ -964,7 +964,7 @@ function Ve(e) {
                     ) : null
                   }
                 ) }),
-                a || N ? /* @__PURE__ */ h.jsx(
+                a || S ? /* @__PURE__ */ h.jsx(
                   Yt,
                   {
                     styles: { footnote: G?.footnote, source: G?.source },
@@ -973,8 +973,8 @@ function Ve(e) {
                       source: q?.source
                     },
                     sources: a,
-                    footNote: N,
-                    width: j
+                    footNote: S,
+                    width: b
                   }
                 ) : null
               ] })