@undp/data-viz 2.6.0 → 2.6.1

package/dist/SankeyChart.js

@@ -1,793 +1,2 @@
-import { c as ke, j as p } from "./compiler-runtime-qHgugrLy.js";
-import { useRef as ie, useState as St, useEffectEvent as $e, useEffect as ue } from "react";
-import { s as ce } from "./index-CeVNqhMO.js";
-import { o as fe } from "./index-BZQYSqar.js";
-import { i as Le } from "./index-Bwrro8-q.js";
-import { cn as qt } from "@undp/design-system-react/cn";
-import { P as Ft } from "@undp/design-system-react/Typography";
-import { n as he } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as Me } from "./Tooltip-DO56mY4b.js";
-import { D as Oe } from "./DetailsModal-k-Me_U_T.js";
-import { m as Kt } from "./proxy-D31SA_aE.js";
-import { u as Se } from "./use-in-view-Co5SmzfT.js";
-import { A as Ve } from "./index-CNUlPiEL.js";
-import { GraphHeader as Ne } from "./GraphHeader.js";
-import { GraphFooter as Ce } from "./GraphFooter.js";
-import { Colors as ge } from "./Colors.js";
-import { g as De } from "./generateRandomString-za3IQGfQ.js";
-import { E as Te } from "./EmptyState-prZ8OnEs.js";
-import { u as Ht } from "./uniqBy-BHy4I8PK.js";
-import { a as Pe, G as ze } from "./GraphContainer-DcOM2CI6.js";
-function de(e, t) {
-  let o;
-  if (t === void 0)
-    for (const s of e)
-      s != null && (o < s || o === void 0 && s >= s) && (o = s);
-  else {
-    let s = -1;
-    for (let l of e)
-      (l = t(l, ++s, e)) != null && (o < l || o === void 0 && l >= l) && (o = l);
-  }
-  return o;
-}
-function be(e, t) {
-  let o;
-  if (t === void 0)
-    for (const s of e)
-      s != null && (o > s || o === void 0 && s >= s) && (o = s);
-  else {
-    let s = -1;
-    for (let l of e)
-      (l = t(l, ++s, e)) != null && (o > l || o === void 0 && l >= l) && (o = l);
-  }
-  return o;
-}
-function te(e, t) {
-  let o = 0;
-  if (t === void 0)
-    for (let s of e)
-      (s = +s) && (o += s);
-  else {
-    let s = -1;
-    for (let l of e)
-      (l = +t(l, ++s, e)) && (o += l);
-  }
-  return o;
-}
-function Ee(e) {
-  return e.target.depth;
-}
-function Be(e, t) {
-  return e.sourceLinks.length ? e.depth : t - 1;
-}
-function ee(e) {
-  return e.targetLinks.length ? e.depth : e.sourceLinks.length ? be(e.sourceLinks, Ee) - 1 : 0;
-}
-function Xt(e) {
-  return function() {
-    return e;
-  };
-}
-function pe(e, t) {
-  return Yt(e.source, t.source) || e.index - t.index;
-}
-function me(e, t) {
-  return Yt(e.target, t.target) || e.index - t.index;
-}
-function Yt(e, t) {
-  return e.y0 - t.y0;
-}
-function ne(e) {
-  return e.value;
-}
-function Ie(e) {
-  return e.index;
-}
-function Ae(e) {
-  return e.nodes;
-}
-function He(e) {
-  return e.links;
-}
-function ye(e, t) {
-  const o = e.get(t);
-  if (!o) throw new Error("missing: " + t);
-  return o;
-}
-function xe({ nodes: e }) {
-  for (const t of e) {
-    let o = t.y0, s = o;
-    for (const l of t.sourceLinks)
-      l.y0 = o + l.width / 2, o += l.width;
-    for (const l of t.targetLinks)
-      l.y1 = s + l.width / 2, s += l.width;
-  }
-}
-function oe() {
-  let e = 0, t = 0, o = 1, s = 1, l = 24, m = 8, h, g = Ie, x = Be, w, j, L = Ae, z = He, v = 6;
-  function d() {
-    const n = { nodes: L.apply(null, arguments), links: z.apply(null, arguments) };
-    return S(n), Z(n), $(n), D(n), _(n), xe(n), n;
-  }
-  d.update = function(n) {
-    return xe(n), n;
-  }, d.nodeId = function(n) {
-    return arguments.length ? (g = typeof n == "function" ? n : Xt(n), d) : g;
-  }, d.nodeAlign = function(n) {
-    return arguments.length ? (x = typeof n == "function" ? n : Xt(n), d) : x;
-  }, d.nodeSort = function(n) {
-    return arguments.length ? (w = n, d) : w;
-  }, d.nodeWidth = function(n) {
-    return arguments.length ? (l = +n, d) : l;
-  }, d.nodePadding = function(n) {
-    return arguments.length ? (m = h = +n, d) : m;
-  }, d.nodes = function(n) {
-    return arguments.length ? (L = typeof n == "function" ? n : Xt(n), d) : L;
-  }, d.links = function(n) {
-    return arguments.length ? (z = typeof n == "function" ? n : Xt(n), d) : z;
-  }, d.linkSort = function(n) {
-    return arguments.length ? (j = n, d) : j;
-  }, d.size = function(n) {
-    return arguments.length ? (e = t = 0, o = +n[0], s = +n[1], d) : [o - e, s - t];
-  }, d.extent = function(n) {
-    return arguments.length ? (e = +n[0][0], o = +n[1][0], t = +n[0][1], s = +n[1][1], d) : [[e, t], [o, s]];
-  }, d.iterations = function(n) {
-    return arguments.length ? (v = +n, d) : v;
-  };
-  function S({ nodes: n, links: a }) {
-    for (const [u, i] of n.entries())
-      i.index = u, i.sourceLinks = [], i.targetLinks = [];
-    const r = new Map(n.map((u, i) => [g(u, i, n), u]));
-    for (const [u, i] of a.entries()) {
-      i.index = u;
-      let { source: f, target: y } = i;
-      typeof f != "object" && (f = i.source = ye(r, f)), typeof y != "object" && (y = i.target = ye(r, y)), f.sourceLinks.push(i), y.targetLinks.push(i);
-    }
-    if (j != null)
-      for (const { sourceLinks: u, targetLinks: i } of n)
-        u.sort(j), i.sort(j);
-  }
-  function Z({ nodes: n }) {
-    for (const a of n)
-      a.value = a.fixedValue === void 0 ? Math.max(te(a.sourceLinks, ne), te(a.targetLinks, ne)) : a.fixedValue;
-  }
-  function $({ nodes: n }) {
-    const a = n.length;
-    let r = new Set(n), u = /* @__PURE__ */ new Set(), i = 0;
-    for (; r.size; ) {
-      for (const f of r) {
-        f.depth = i;
-        for (const { target: y } of f.sourceLinks)
-          u.add(y);
-      }
-      if (++i > a) throw new Error("circular link");
-      r = u, u = /* @__PURE__ */ new Set();
-    }
-  }
-  function D({ nodes: n }) {
-    const a = n.length;
-    let r = new Set(n), u = /* @__PURE__ */ new Set(), i = 0;
-    for (; r.size; ) {
-      for (const f of r) {
-        f.height = i;
-        for (const { source: y } of f.targetLinks)
-          u.add(y);
-      }
-      if (++i > a) throw new Error("circular link");
-      r = u, u = /* @__PURE__ */ new Set();
-    }
-  }
-  function E({ nodes: n }) {
-    const a = de(n, (i) => i.depth) + 1, r = (o - e - l) / (a - 1), u = new Array(a);
-    for (const i of n) {
-      const f = Math.max(0, Math.min(a - 1, Math.floor(x.call(null, i, a))));
-      i.layer = f, i.x0 = e + f * r, i.x1 = i.x0 + l, u[f] ? u[f].push(i) : u[f] = [i];
-    }
-    if (w) for (const i of u)
-      i.sort(w);
-    return u;
-  }
-  function W(n) {
-    const a = be(n, (r) => (s - t - (r.length - 1) * h) / te(r, ne));
-    for (const r of n) {
-      let u = t;
-      for (const i of r) {
-        i.y0 = u, i.y1 = u + i.value * a, u = i.y1 + h;
-        for (const f of i.sourceLinks)
-          f.width = f.value * a;
-      }
-      u = (s - u + h) / (r.length + 1);
-      for (let i = 0; i < r.length; ++i) {
-        const f = r[i];
-        f.y0 += u * (i + 1), f.y1 += u * (i + 1);
-      }
-      J(r);
-    }
-  }
-  function _(n) {
-    const a = E(n);
-    h = Math.min(m, (s - t) / (de(a, (r) => r.length) - 1)), W(a);
-    for (let r = 0; r < v; ++r) {
-      const u = Math.pow(0.99, r), i = Math.max(1 - u, (r + 1) / v);
-      nt(a, u, i), R(a, u, i);
-    }
-  }
-  function R(n, a, r) {
-    for (let u = 1, i = n.length; u < i; ++u) {
-      const f = n[u];
-      for (const y of f) {
-        let q = 0, I = 0;
-        for (const { source: K, value: A } of y.targetLinks) {
-          let G = A * (y.layer - K.layer);
-          q += C(K, y) * G, I += G;
-        }
-        if (!(I > 0)) continue;
-        let P = (q / I - y.y0) * a;
-        y.y0 += P, y.y1 += P, kt(y);
-      }
-      w === void 0 && f.sort(Yt), Q(f, r);
-    }
-  }
-  function nt(n, a, r) {
-    for (let u = n.length, i = u - 2; i >= 0; --i) {
-      const f = n[i];
-      for (const y of f) {
-        let q = 0, I = 0;
-        for (const { target: K, value: A } of y.sourceLinks) {
-          let G = A * (K.layer - y.layer);
-          q += k(y, K) * G, I += G;
-        }
-        if (!(I > 0)) continue;
-        let P = (q / I - y.y0) * a;
-        y.y0 += P, y.y1 += P, kt(y);
-      }
-      w === void 0 && f.sort(Yt), Q(f, r);
-    }
-  }
-  function Q(n, a) {
-    const r = n.length >> 1, u = n[r];
-    ot(n, u.y0 - h, r - 1, a), T(n, u.y1 + h, r + 1, a), ot(n, s, n.length - 1, a), T(n, t, 0, a);
-  }
-  function T(n, a, r, u) {
-    for (; r < n.length; ++r) {
-      const i = n[r], f = (a - i.y0) * u;
-      f > 1e-6 && (i.y0 += f, i.y1 += f), a = i.y1 + h;
-    }
-  }
-  function ot(n, a, r, u) {
-    for (; r >= 0; --r) {
-      const i = n[r], f = (i.y1 - a) * u;
-      f > 1e-6 && (i.y0 -= f, i.y1 -= f), a = i.y0 - h;
-    }
-  }
-  function kt({ sourceLinks: n, targetLinks: a }) {
-    if (j === void 0) {
-      for (const { source: { sourceLinks: r } } of a)
-        r.sort(me);
-      for (const { target: { targetLinks: r } } of n)
-        r.sort(pe);
-    }
-  }
-  function J(n) {
-    if (j === void 0)
-      for (const { sourceLinks: a, targetLinks: r } of n)
-        a.sort(me), r.sort(pe);
-  }
-  function C(n, a) {
-    let r = n.y0 - (n.sourceLinks.length - 1) * h / 2;
-    for (const { target: u, width: i } of n.sourceLinks) {
-      if (u === a) break;
-      r += i + h;
-    }
-    for (const { source: u, width: i } of a.targetLinks) {
-      if (u === n) break;
-      r -= i;
-    }
-    return r;
-  }
-  function k(n, a) {
-    let r = a.y0 - (a.targetLinks.length - 1) * h / 2;
-    for (const { source: u, width: i } of a.targetLinks) {
-      if (u === n) break;
-      r += i + h;
-    }
-    for (const { target: u, width: i } of n.sourceLinks) {
-      if (u === a) break;
-      r -= i;
-    }
-    return r;
-  }
-  return d;
-}
-var re = Math.PI, se = 2 * re, Ct = 1e-6, We = se - Ct;
-function le() {
-  this._x0 = this._y0 = // start of current subpath
-  this._x1 = this._y1 = null, this._ = "";
-}
-function we() {
-  return new le();
-}
-le.prototype = we.prototype = {
-  constructor: le,
-  moveTo: function(e, t) {
-    this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +t);
-  },
-  closePath: function() {
-    this._x1 !== null && (this._x1 = this._x0, this._y1 = this._y0, this._ += "Z");
-  },
-  lineTo: function(e, t) {
-    this._ += "L" + (this._x1 = +e) + "," + (this._y1 = +t);
-  },
-  quadraticCurveTo: function(e, t, o, s) {
-    this._ += "Q" + +e + "," + +t + "," + (this._x1 = +o) + "," + (this._y1 = +s);
-  },
-  bezierCurveTo: function(e, t, o, s, l, m) {
-    this._ += "C" + +e + "," + +t + "," + +o + "," + +s + "," + (this._x1 = +l) + "," + (this._y1 = +m);
-  },
-  arcTo: function(e, t, o, s, l) {
-    e = +e, t = +t, o = +o, s = +s, l = +l;
-    var m = this._x1, h = this._y1, g = o - e, x = s - t, w = m - e, j = h - t, L = w * w + j * j;
-    if (l < 0) throw new Error("negative radius: " + l);
-    if (this._x1 === null)
-      this._ += "M" + (this._x1 = e) + "," + (this._y1 = t);
-    else if (L > Ct) if (!(Math.abs(j * g - x * w) > Ct) || !l)
-      this._ += "L" + (this._x1 = e) + "," + (this._y1 = t);
-    else {
-      var z = o - m, v = s - h, d = g * g + x * x, S = z * z + v * v, Z = Math.sqrt(d), $ = Math.sqrt(L), D = l * Math.tan((re - Math.acos((d + L - S) / (2 * Z * $))) / 2), E = D / $, W = D / Z;
-      Math.abs(E - 1) > Ct && (this._ += "L" + (e + E * w) + "," + (t + E * j)), this._ += "A" + l + "," + l + ",0,0," + +(j * z > w * v) + "," + (this._x1 = e + W * g) + "," + (this._y1 = t + W * x);
-    }
-  },
-  arc: function(e, t, o, s, l, m) {
-    e = +e, t = +t, o = +o, m = !!m;
-    var h = o * Math.cos(s), g = o * Math.sin(s), x = e + h, w = t + g, j = 1 ^ m, L = m ? s - l : l - s;
-    if (o < 0) throw new Error("negative radius: " + o);
-    this._x1 === null ? this._ += "M" + x + "," + w : (Math.abs(this._x1 - x) > Ct || Math.abs(this._y1 - w) > Ct) && (this._ += "L" + x + "," + w), o && (L < 0 && (L = L % se + se), L > We ? this._ += "A" + o + "," + o + ",0,1," + j + "," + (e - h) + "," + (t - g) + "A" + o + "," + o + ",0,1," + j + "," + (this._x1 = x) + "," + (this._y1 = w) : L > Ct && (this._ += "A" + o + "," + o + ",0," + +(L >= re) + "," + j + "," + (this._x1 = e + o * Math.cos(l)) + "," + (this._y1 = t + o * Math.sin(l))));
-  },
-  rect: function(e, t, o, s) {
-    this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +t) + "h" + +o + "v" + +s + "h" + -o + "Z";
-  },
-  toString: function() {
-    return this._;
-  }
-};
-function ve(e) {
-  return function() {
-    return e;
-  };
-}
-function Re(e) {
-  return e[0];
-}
-function Ge(e) {
-  return e[1];
-}
-var Ze = Array.prototype.slice;
-function qe(e) {
-  return e.source;
-}
-function Fe(e) {
-  return e.target;
-}
-function Xe(e) {
-  var t = qe, o = Fe, s = Re, l = Ge, m = null;
-  function h() {
-    var g, x = Ze.call(arguments), w = t.apply(this, x), j = o.apply(this, x);
-    if (m || (m = g = we()), e(m, +s.apply(this, (x[0] = w, x)), +l.apply(this, x), +s.apply(this, (x[0] = j, x)), +l.apply(this, x)), g) return m = null, g + "" || null;
-  }
-  return h.source = function(g) {
-    return arguments.length ? (t = g, h) : t;
-  }, h.target = function(g) {
-    return arguments.length ? (o = g, h) : o;
-  }, h.x = function(g) {
-    return arguments.length ? (s = typeof g == "function" ? g : ve(+g), h) : s;
-  }, h.y = function(g) {
-    return arguments.length ? (l = typeof g == "function" ? g : ve(+g), h) : l;
-  }, h.context = function(g) {
-    return arguments.length ? (m = g ?? null, h) : m;
-  }, h;
-}
-function Ye(e, t, o, s, l) {
-  e.moveTo(t, o), e.bezierCurveTo(t = (t + s) / 2, o, t, l, s, l);
-}
-function Ue() {
-  return Xe(Ye);
-}
-function _e(e) {
-  return [e.source.x1, e.y0];
-}
-function Qe(e) {
-  return [e.target.x0, e.y1];
-}
-function Je() {
-  return Ue().source(_e).target(Qe);
-}
-function Ke(e) {
-  const t = ke.c(142), {
-    data: o,
-    showLabels: s,
-    leftMargin: l,
-    rightMargin: m,
-    truncateBy: h,
-    width: g,
-    height: x,
-    topMargin: w,
-    bottomMargin: j,
-    tooltip: L,
-    onSeriesMouseOver: z,
-    suffix: v,
-    prefix: d,
-    showValues: S,
-    onSeriesMouseClick: Z,
-    nodePadding: $,
-    nodeWidth: D,
-    id: E,
-    highlightedSourceDataPoints: W,
-    highlightedTargetDataPoints: _,
-    defaultLinkOpacity: R,
-    sourceTitle: nt,
-    targetTitle: Q,
-    animate: T,
-    sortNodes: ot,
-    resetSelectionOnDoubleClick: kt,
-    detailsOnClick: J,
-    styles: C,
-    classNames: k,
-    precision: n,
-    customLayers: a,
-    locale: r,
-    padZeros: u
-  } = e, i = ie(null);
-  let f;
-  t[0] !== T.amount || t[1] !== T.once ? (f = {
-    once: T.once,
-    amount: T.amount
-  }, t[0] = T.amount, t[1] = T.once, t[2] = f) : f = t[2];
-  const y = Se(i, f), [q, I] = St(void 0), [P, K] = St(void 0), [A, G] = St(void 0), [M, V] = St(void 0), [Vt, Lt] = St(void 0);
-  let N;
-  t[3] !== j || t[4] !== l || t[5] !== m || t[6] !== w ? (N = {
-    top: w,
-    bottom: j,
-    left: l,
-    right: m
-  }, t[3] = j, t[4] = l, t[5] = m, t[6] = w, t[7] = N) : N = t[7];
-  const b = N, bt = g - b.left - b.right, wt = x - b.top - b.bottom;
-  let at, ut, ct, tt, ft, it, F, X, ht, gt, et, dt, pt, mt, O, yt;
-  if (t[8] !== T.duration || t[9] !== k?.graphObjectValues || t[10] !== a || t[11] !== o || t[12] !== R || t[13] !== J || t[14] !== wt || t[15] !== bt || t[16] !== x || t[17] !== W || t[18] !== _ || t[19] !== E || t[20] !== y || t[21] !== l || t[22] !== r || t[23] !== b.left || t[24] !== b.right || t[25] !== b.top || t[26] !== P || t[27] !== $ || t[28] !== D || t[29] !== Z || t[30] !== z || t[31] !== u || t[32] !== n || t[33] !== d || t[34] !== kt || t[35] !== m || t[36] !== A || t[37] !== s || t[38] !== S || t[39] !== ot || t[40] !== nt || t[41] !== C?.graphObjectValues || t[42] !== v || t[43] !== Q || t[44] !== h || t[45] !== g) {
-    const Tt = ot === "mostReadable" ? oe().nodeWidth(D).nodePadding($).size([bt, wt]).nodeAlign(ee) : ot === "none" ? oe().nodeWidth(D).nodePadding($).size([bt, wt]).nodeAlign(ee).nodeSort(null).linkSort(null) : oe().nodeWidth(D).nodePadding($).size([bt, wt]).nodeAlign(ee).nodeSort(ot === "desc" ? an : ln), {
-      nodes: Wt,
-      links: Pt
-    } = Tt(o), Rt = Je();
-    ut = Kt.svg, O = `${g}px`, yt = `${x}px`, ct = `0 0 ${g} ${x}`, t[62] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (tt = {
-      marginLeft: "auto",
-      marginRight: "auto"
-    }, t[62] = tt) : tt = t[62], ft = "ltr", it = i, t[63] !== b.left || t[64] !== b.top || t[65] !== nt ? (F = nt ? /* @__PURE__ */ p.jsx("text", { x: b.left, y: b.top - 10, className: "text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100", style: {
-      textAnchor: "start"
-    }, children: nt }) : null, t[63] = b.left, t[64] = b.top, t[65] = nt, t[66] = F) : F = t[66], t[67] !== b.right || t[68] !== b.top || t[69] !== Q || t[70] !== g ? (X = Q ? /* @__PURE__ */ p.jsx("text", { x: g - b.right, y: b.top - 10, className: "text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100", style: {
-      textAnchor: "end"
-    }, children: Q }) : null, t[67] = b.right, t[68] = b.top, t[69] = Q, t[70] = g, t[71] = X) : X = t[71], gt = `translate(${b.left},${b.top})`, t[72] !== a ? (et = a.filter(sn).map(rn), t[72] = a, t[73] = et) : et = t[73];
-    let jt;
-    t[74] !== k?.graphObjectValues || t[75] !== l || t[76] !== r || t[77] !== $ || t[78] !== u || t[79] !== n || t[80] !== d || t[81] !== s || t[82] !== S || t[83] !== C?.graphObjectValues || t[84] !== v || t[85] !== h ? (jt = (c, U) => /* @__PURE__ */ p.jsx("g", { onMouseEnter: () => {
-      G(c);
-    }, onMouseLeave: () => {
-      G(void 0);
-    }, children: /* @__PURE__ */ p.jsxs("g", { transform: `translate(${c.x0},${c.y0})`, children: [
-      /* @__PURE__ */ p.jsx("rect", { x: 0, y: 0, width: (c.x1 || 0) - (c.x0 || 0), height: (c.y1 || 0) - (c.y0 || 0), style: {
-        fill: c.color
-      } }),
-      s || S ? /* @__PURE__ */ p.jsx("foreignObject", { y: 0 - $ / 2, x: 0 - l, width: l, height: (c.y1 || 0) - (c.y0 || 0) + $, children: /* @__PURE__ */ p.jsxs("div", { className: "flex flex-col gap-0.5 justify-center py-0 px-1.5", style: {
-        height: `${(c.y1 || 0) - (c.y0 || 0) + $}px`,
-        overflow: "visible"
-      }, children: [
-        s ? /* @__PURE__ */ p.jsx(Ft, { marginBottom: S ? "3xs" : "none", size: "sm", leading: "none", className: qt("sankey-right-label text-right", k?.graphObjectValues), style: {
-          hyphens: "auto",
-          color: c.color,
-          ...C?.graphObjectValues
-        }, children: `${c.label}`.length < h ? `${c.label}` : `${`${c.label}`.substring(0, h)}...` }) : null,
-        S ? /* @__PURE__ */ p.jsx(Ft, { marginBottom: "none", size: "sm", leading: "none", className: qt("sankey-right-value text-right font-bold", k?.graphObjectValues), style: {
-          hyphens: "auto",
-          color: c.color,
-          ...C?.graphObjectValues
-        }, children: he(c.value, void 0, n, d, v, r, u) }) : null
-      ] }) }) : null
-    ] }) }, U), t[74] = k?.graphObjectValues, t[75] = l, t[76] = r, t[77] = $, t[78] = u, t[79] = n, t[80] = d, t[81] = s, t[82] = S, t[83] = C?.graphObjectValues, t[84] = v, t[85] = h, t[86] = jt) : jt = t[86], dt = Wt.filter(on).map(jt);
-    let Ot;
-    t[87] !== k?.graphObjectValues || t[88] !== r || t[89] !== $ || t[90] !== D || t[91] !== u || t[92] !== n || t[93] !== d || t[94] !== m || t[95] !== s || t[96] !== S || t[97] !== C?.graphObjectValues || t[98] !== v || t[99] !== h ? (Ot = (c, U) => /* @__PURE__ */ p.jsx("g", { onMouseEnter: () => {
-      G(c);
-    }, onMouseLeave: () => {
-      G(void 0);
-    }, children: /* @__PURE__ */ p.jsxs("g", { transform: `translate(${c.x0},${c.y0})`, children: [
-      /* @__PURE__ */ p.jsx("rect", { x: 0, y: 0, width: (c.x1 || 0) - (c.x0 || 0), height: (c.y1 || 0) - (c.y0 || 0), style: {
-        fill: c.color
-      } }),
-      s || S ? /* @__PURE__ */ p.jsx("foreignObject", { y: 0 - $ / 2, x: D, width: m - D, height: (c.y1 || 0) - (c.y0 || 0) + $, children: /* @__PURE__ */ p.jsxs("div", { className: "flex flex-col gap-0.5 justify-center py-0 px-1.5", style: {
-        height: `${(c.y1 || 0) - (c.y0 || 0) + $}px`
-      }, children: [
-        s ? /* @__PURE__ */ p.jsx(Ft, { marginBottom: S ? "3xs" : "none", size: "sm", leading: "none", className: qt("sankey-left-label text-left", k?.graphObjectValues), style: {
-          hyphens: "auto",
-          color: c.color,
-          ...C?.graphObjectValues
-        }, children: `${c.label}`.length < h ? `${c.label}` : `${`${c.label}`.substring(0, h)}...` }) : null,
-        S ? /* @__PURE__ */ p.jsx(Ft, { size: "sm", leading: "none", marginBottom: "none", className: qt("sankey-left-value text-left font-bold", k?.graphObjectValues), style: {
-          hyphens: "auto",
-          color: c.color,
-          ...C?.graphObjectValues
-        }, children: he(c.value, void 0, n, d, v, r, u) }) : null
-      ] }) }) : null
-    ] }) }, U), t[87] = k?.graphObjectValues, t[88] = r, t[89] = $, t[90] = D, t[91] = u, t[92] = n, t[93] = d, t[94] = m, t[95] = s, t[96] = S, t[97] = C?.graphObjectValues, t[98] = v, t[99] = h, t[100] = Ot) : Ot = t[100], pt = Wt.filter(nn).map(Ot);
-    let $t;
-    t[101] !== E ? ($t = (c, U) => /* @__PURE__ */ p.jsxs("linearGradient", { id: `${E}-gradient-${U}`, x1: "0%", y1: "0%", x2: "100%", y2: "0%", gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ p.jsx("stop", { offset: "0%", style: {
-        stopColor: c.source.color,
-        stopOpacity: 1
-      } }),
-      /* @__PURE__ */ p.jsx("stop", { offset: "100%", style: {
-        stopColor: c.target.color,
-        stopOpacity: 1
-      } })
-    ] }, U), t[101] = E, t[102] = $t) : $t = t[102], mt = /* @__PURE__ */ p.jsx("defs", { children: Pt.map($t) }), at = Ve, ht = Pt.map((c, U) => /* @__PURE__ */ p.jsx(Kt.g, { className: "undp-viz-g-with-hover", onMouseEnter: (vt) => {
-      I(c.data), Lt(vt.clientY), V(vt.clientX), z?.(c);
-    }, onMouseMove: (vt) => {
-      I(c.data), Lt(vt.clientY), V(vt.clientX);
-    }, onClick: () => {
-      (Z || J) && (Le(P, c.data) && kt ? (K(void 0), Z?.(void 0)) : (K(c.data), Z?.(c.data)));
-    }, onMouseLeave: () => {
-      I(void 0), V(void 0), Lt(void 0), z?.(void 0);
-    }, variants: {
-      initial: {
-        opacity: A ? c.source.name === A.name || c.target.name === A.name ? 0.85 : R : (W || _) && (W?.indexOf(c.source.label) !== -1 || _?.indexOf(c.target.label) !== -1) ? 0.85 : R
-      },
-      whileInView: {
-        opacity: A ? c.source.name === A.name || c.target.name === A.name ? 0.85 : R : (W || _) && (W?.indexOf(c.source.label) !== -1 || _?.indexOf(c.target.label) !== -1) ? 0.85 : R,
-        transition: {
-          duration: T.duration
-        }
-      }
-    }, initial: "initial", animate: y ? "whileInView" : "initial", exit: {
-      opacity: 0,
-      transition: {
-        duration: T.duration
-      }
-    }, children: /* @__PURE__ */ p.jsx(Kt.path, { d: Rt(c) || "", style: {
-      stroke: `url(#${E}-gradient-${U})`,
-      strokeWidth: c.width,
-      fill: "none"
-    }, exit: {
-      opacity: 0,
-      transition: {
-        duration: T.duration
-      }
-    }, variants: {
-      initial: {
-        pathLength: 0,
-        opacity: 1
-      },
-      whileInView: {
-        pathLength: 1,
-        opacity: 1,
-        transition: {
-          duration: T.duration
-        }
-      }
-    }, initial: "initial", animate: y ? "whileInView" : "initial" }, `${c.source}-${c.target}`) }, `${c.source}-${c.target}`)), t[8] = T.duration, t[9] = k?.graphObjectValues, t[10] = a, t[11] = o, t[12] = R, t[13] = J, t[14] = wt, t[15] = bt, t[16] = x, t[17] = W, t[18] = _, t[19] = E, t[20] = y, t[21] = l, t[22] = r, t[23] = b.left, t[24] = b.right, t[25] = b.top, t[26] = P, t[27] = $, t[28] = D, t[29] = Z, t[30] = z, t[31] = u, t[32] = n, t[33] = d, t[34] = kt, t[35] = m, t[36] = A, t[37] = s, t[38] = S, t[39] = ot, t[40] = nt, t[41] = C?.graphObjectValues, t[42] = v, t[43] = Q, t[44] = h, t[45] = g, t[46] = at, t[47] = ut, t[48] = ct, t[49] = tt, t[50] = ft, t[51] = it, t[52] = F, t[53] = X, t[54] = ht, t[55] = gt, t[56] = et, t[57] = dt, t[58] = pt, t[59] = mt, t[60] = O, t[61] = yt;
-  } else
-    at = t[46], ut = t[47], ct = t[48], tt = t[49], ft = t[50], it = t[51], F = t[52], X = t[53], ht = t[54], gt = t[55], et = t[56], dt = t[57], pt = t[58], mt = t[59], O = t[60], yt = t[61];
-  let rt;
-  t[103] !== at || t[104] !== ht ? (rt = /* @__PURE__ */ p.jsx("g", { children: /* @__PURE__ */ p.jsx(at, { children: ht }) }), t[103] = at, t[104] = ht, t[105] = rt) : rt = t[105];
-  let st;
-  t[106] !== a ? (st = a.filter(en).map(tn), t[106] = a, t[107] = st) : st = t[107];
-  let xt;
-  t[108] !== rt || t[109] !== st || t[110] !== gt || t[111] !== et || t[112] !== dt || t[113] !== pt || t[114] !== mt ? (xt = /* @__PURE__ */ p.jsxs("g", { transform: gt, children: [
-    et,
-    dt,
-    pt,
-    mt,
-    rt,
-    st
-  ] }), t[108] = rt, t[109] = st, t[110] = gt, t[111] = et, t[112] = dt, t[113] = pt, t[114] = mt, t[115] = xt) : xt = t[115];
-  let Y;
-  t[116] !== ut || t[117] !== ct || t[118] !== tt || t[119] !== ft || t[120] !== it || t[121] !== F || t[122] !== X || t[123] !== xt || t[124] !== O || t[125] !== yt ? (Y = /* @__PURE__ */ p.jsxs(ut, { width: O, height: yt, viewBox: ct, style: tt, direction: ft, ref: it, children: [
-    F,
-    X,
-    xt
-  ] }), t[116] = ut, t[117] = ct, t[118] = tt, t[119] = ft, t[120] = it, t[121] = F, t[122] = X, t[123] = xt, t[124] = O, t[125] = yt, t[126] = Y) : Y = t[126];
-  let Mt;
-  t[127] !== k?.tooltip || t[128] !== M || t[129] !== Vt || t[130] !== q || t[131] !== C?.tooltip || t[132] !== L ? (Mt = q && L && M && Vt ? /* @__PURE__ */ p.jsx(Me, { data: q, body: L, xPos: M, yPos: Vt, backgroundStyle: C?.tooltip, className: k?.tooltip }) : null, t[127] = k?.tooltip, t[128] = M, t[129] = Vt, t[130] = q, t[131] = C?.tooltip, t[132] = L, t[133] = Mt) : Mt = t[133];
-  let lt;
-  t[134] !== k?.modal || t[135] !== J || t[136] !== P ? (lt = J && P !== void 0 ? /* @__PURE__ */ p.jsx(Oe, { body: J, data: P, setData: K, className: k?.modal }) : null, t[134] = k?.modal, t[135] = J, t[136] = P, t[137] = lt) : lt = t[137];
-  let Dt;
-  return t[138] !== Y || t[139] !== Mt || t[140] !== lt ? (Dt = /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
-    Y,
-    Mt,
-    lt
-  ] }), t[138] = Y, t[139] = Mt, t[140] = lt, t[141] = Dt) : Dt = t[141], Dt;
-}
-function tn(e) {
-  return e.layer;
-}
-function en(e) {
-  return e.position === "after";
-}
-function nn(e) {
-  return e.type === "target";
-}
-function on(e) {
-  return e.type === "source";
-}
-function rn(e) {
-  return e.layer;
-}
-function sn(e) {
-  return e.position === "before";
-}
-function ln(e, t) {
-  return (e.value || 0) - (t.value || 0);
-}
-function an(e, t) {
-  return (t.value || 0) - (e.value || 0);
-}
-function In(e) {
-  const t = ke.c(96), {
-    data: o,
-    graphTitle: s,
-    sources: l,
-    graphDescription: m,
-    showLabels: h,
-    leftMargin: g,
-    rightMargin: x,
-    topMargin: w,
-    bottomMargin: j,
-    truncateBy: L,
-    height: z,
-    width: v,
-    footNote: d,
-    padding: S,
-    backgroundColor: Z,
-    tooltip: $,
-    onSeriesMouseOver: D,
-    relativeHeight: E,
-    showValues: W,
-    graphID: _,
-    onSeriesMouseClick: R,
-    graphDownload: nt,
-    dataDownload: Q,
-    fillContainer: T,
-    language: ot,
-    minHeight: kt,
-    theme: J,
-    ariaLabel: C,
-    sourceColors: k,
-    targetColors: n,
-    sourceColorDomain: a,
-    targetColorDomain: r,
-    nodePadding: u,
-    nodeWidth: i,
-    highlightedSourceDataPoints: f,
-    highlightedTargetDataPoints: y,
-    defaultLinkOpacity: q,
-    sourceTitle: I,
-    targetTitle: P,
-    sortNodes: K,
-    resetSelectionOnDoubleClick: A,
-    detailsOnClick: G,
-    styles: M,
-    classNames: V,
-    animate: Vt,
-    customLayers: Lt,
-    numberDisplayOptions: N
-  } = e, b = h === void 0 ? !0 : h, bt = g === void 0 ? 75 : g, wt = x === void 0 ? 75 : x, at = w === void 0 ? 30 : w, ut = j === void 0 ? 10 : j, ct = L === void 0 ? 999 : L, tt = Z === void 0 ? !1 : Z, ft = W === void 0 ? !0 : W, it = nt === void 0 ? !1 : nt, F = Q === void 0 ? !1 : Q, X = T === void 0 ? !0 : T, ht = ot === void 0 ? "en" : ot, gt = kt === void 0 ? 0 : kt, et = J === void 0 ? "light" : J, dt = u === void 0 ? 5 : u, pt = i === void 0 ? 5 : i, mt = q === void 0 ? 0.3 : q, O = K === void 0 ? "mostReadable" : K, yt = A === void 0 ? !0 : A, rt = Vt === void 0 ? !1 : Vt;
-  let st;
-  t[0] !== Lt ? (st = Lt === void 0 ? [] : Lt, t[0] = Lt, t[1] = st) : st = t[1];
-  const xt = st, [Y, Mt] = St(0), [lt, Dt] = St(0), [Tt, Wt] = St(void 0), Pt = ie(null), Rt = ie(null);
-  let jt;
-  t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (jt = (Nt) => {
-    Wt(Nt);
-  }, t[2] = jt) : jt = t[2];
-  const Ot = $e(jt);
-  let $t;
-  t[3] !== o || t[4] !== O || t[5] !== a || t[6] !== k || t[7] !== r || t[8] !== n || t[9] !== Ot ? ($t = () => {
-    const Nt = Ht(o, "source", !0).map((B) => ({
-      name: `source_${B}`,
-      type: "source",
-      label: `${B}`,
-      color: typeof k == "string" || !k ? k || ge.graphMainColor : k[(a || Ht(o, "source", !0)).findIndex((H) => `${H}` == `${B}`) > k.length ? k.length - 1 : (a || Ht(o, "source", !0)).findIndex((H) => `${H}` == `${B}`)],
-      totalValue: ce(o.filter((H) => `${H.source}` == `${B}`).map(yn))
-    })), Zt = O === "asc" || O === "desc" ? fe(Nt, ["totalValue"], [O]) : Nt, ae = Ht(o, "target", !0).map((B) => ({
-      name: `target_${B}`,
-      type: "target",
-      label: `${B}`,
-      color: typeof n == "string" || !n ? n || ge.graphMainColor : n[(r || Ht(o, "target", !0)).findIndex((H) => `${H}` == `${B}`) > n.length ? n.length - 1 : (r || Ht(o, "target", !0)).findIndex((H) => `${H}` == `${B}`)],
-      totalValue: ce(o.filter((H) => `${H.target}` == `${B}`).map(mn))
-    })), je = O === "asc" || O === "desc" ? fe(ae, ["totalValue"], [O]) : ae, Jt = [...Zt, ...je];
-    Ot({
-      nodes: Jt,
-      links: o.map((B) => ({
-        source: Jt.findIndex((H) => H.name === `source_${B.source}`),
-        target: Jt.findIndex((H) => H.name === `target_${B.target}`),
-        value: B.value,
-        data: {
-          ...B
-        }
-      }))
-    });
-  }, t[3] = o, t[4] = O, t[5] = a, t[6] = k, t[7] = r, t[8] = n, t[9] = Ot, t[10] = $t) : $t = t[10];
-  let c;
-  t[11] !== o || t[12] !== O || t[13] !== a || t[14] !== k || t[15] !== r || t[16] !== n ? (c = [o, O, a, k, r, n], t[11] = o, t[12] = O, t[13] = a, t[14] = k, t[15] = r, t[16] = n, t[17] = c) : c = t[17], ue($t, c);
-  let U, vt;
-  t[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U = () => {
-    const Nt = new ResizeObserver((Zt) => {
-      Mt(Zt[0].target.clientWidth || 620), Dt(Zt[0].target.clientHeight || 480);
-    });
-    return Pt.current && Nt.observe(Pt.current), () => Nt.disconnect();
-  }, vt = [], t[18] = U, t[19] = vt) : (U = t[18], vt = t[19]), ue(U, vt);
-  const Ut = V?.graphContainer, _t = M?.graphContainer, Qt = X ? void 0 : v;
-  let zt;
-  t[20] !== V?.description || t[21] !== V?.title || t[22] !== o || t[23] !== F || t[24] !== m || t[25] !== it || t[26] !== s || t[27] !== M?.description || t[28] !== M?.title || t[29] !== v ? (zt = s || m || it || F ? /* @__PURE__ */ p.jsx(Ne, { styles: {
-    title: M?.title,
-    description: M?.description
-  }, classNames: {
-    title: V?.title,
-    description: V?.description
-  }, graphTitle: s, graphDescription: m, width: v, graphDownload: it ? Rt : void 0, dataDownload: F ? o.map(pn).filter(dn).length > 0 ? o.map(gn).filter(hn) : o.filter(fn) : null }) : null, t[20] = V?.description, t[21] = V?.title, t[22] = o, t[23] = F, t[24] = m, t[25] = it, t[26] = s, t[27] = M?.description, t[28] = M?.title, t[29] = v, t[30] = zt) : zt = t[30];
-  let Et;
-  t[31] !== o.length ? (Et = o.length === 0 && /* @__PURE__ */ p.jsx(Te, {}), t[31] = o.length, t[32] = Et) : Et = t[32];
-  let Bt;
-  t[33] !== rt || t[34] !== ut || t[35] !== V || t[36] !== xt || t[37] !== o.length || t[38] !== mt || t[39] !== G || t[40] !== X || t[41] !== f || t[42] !== y || t[43] !== bt || t[44] !== dt || t[45] !== pt || t[46] !== N?.locale || t[47] !== N?.padZeros || t[48] !== N?.precision || t[49] !== N?.prefix || t[50] !== N?.suffix || t[51] !== R || t[52] !== D || t[53] !== yt || t[54] !== wt || t[55] !== Tt || t[56] !== b || t[57] !== ft || t[58] !== O || t[59] !== I || t[60] !== M || t[61] !== lt || t[62] !== Y || t[63] !== P || t[64] !== $ || t[65] !== at || t[66] !== ct || t[67] !== v ? (Bt = Y && lt && Tt && o.length > 0 ? /* @__PURE__ */ p.jsx(Ke, { data: Tt, nodePadding: dt, nodeWidth: pt, width: X || !v || Y < v ? Y : v, height: lt, showLabels: b, leftMargin: bt, rightMargin: wt, topMargin: at, bottomMargin: ut, truncateBy: ct, tooltip: $, onSeriesMouseOver: D, showValues: ft, onSeriesMouseClick: R, id: De(8), highlightedSourceDataPoints: f?.map(cn), highlightedTargetDataPoints: y?.map(un), defaultLinkOpacity: mt, sourceTitle: I, targetTitle: P, sortNodes: O, resetSelectionOnDoubleClick: yt, styles: M, classNames: V, detailsOnClick: G, animate: rt === !0 ? {
-    duration: 0.5,
-    once: !0,
-    amount: 0.5
-  } : rt || {
-    duration: 0,
-    once: !0,
-    amount: 0
-  }, customLayers: xt, locale: N?.locale || "en", padZeros: N?.padZeros || !1, suffix: N?.suffix || "", prefix: N?.prefix || "", precision: N?.precision ?? 2 }) : null, t[33] = rt, t[34] = ut, t[35] = V, t[36] = xt, t[37] = o.length, t[38] = mt, t[39] = G, t[40] = X, t[41] = f, t[42] = y, t[43] = bt, t[44] = dt, t[45] = pt, t[46] = N?.locale, t[47] = N?.padZeros, t[48] = N?.precision, t[49] = N?.prefix, t[50] = N?.suffix, t[51] = R, t[52] = D, t[53] = yt, t[54] = wt, t[55] = Tt, t[56] = b, t[57] = ft, t[58] = O, t[59] = I, t[60] = M, t[61] = lt, t[62] = Y, t[63] = P, t[64] = $, t[65] = at, t[66] = ct, t[67] = v, t[68] = Bt) : Bt = t[68];
-  let It;
-  t[69] !== Et || t[70] !== Bt ? (It = /* @__PURE__ */ p.jsxs(Pe, { ref: Pt, children: [
-    Et,
-    Bt
-  ] }), t[69] = Et, t[70] = Bt, t[71] = It) : It = t[71];
-  let At;
-  t[72] !== V?.footnote || t[73] !== V?.source || t[74] !== d || t[75] !== l || t[76] !== M?.footnote || t[77] !== M?.source || t[78] !== v ? (At = l || d ? /* @__PURE__ */ p.jsx(Ce, { styles: {
-    footnote: M?.footnote,
-    source: M?.source
-  }, classNames: {
-    footnote: V?.footnote,
-    source: V?.source
-  }, sources: l, footNote: d, width: v }) : null, t[72] = V?.footnote, t[73] = V?.source, t[74] = d, t[75] = l, t[76] = M?.footnote, t[77] = M?.source, t[78] = v, t[79] = At) : At = t[79];
-  let Gt;
-  return t[80] !== C || t[81] !== tt || t[82] !== _ || t[83] !== z || t[84] !== ht || t[85] !== gt || t[86] !== S || t[87] !== E || t[88] !== Ut || t[89] !== _t || t[90] !== Qt || t[91] !== zt || t[92] !== It || t[93] !== At || t[94] !== et ? (Gt = /* @__PURE__ */ p.jsxs(ze, { className: Ut, style: _t, id: _, ref: Rt, "aria-label": C, backgroundColor: tt, theme: et, language: ht, minHeight: gt, width: Qt, height: z, relativeHeight: E, padding: S, children: [
-    zt,
-    It,
-    At
-  ] }), t[80] = C, t[81] = tt, t[82] = _, t[83] = z, t[84] = ht, t[85] = gt, t[86] = S, t[87] = E, t[88] = Ut, t[89] = _t, t[90] = Qt, t[91] = zt, t[92] = It, t[93] = At, t[94] = et, t[95] = Gt) : Gt = t[95], Gt;
-}
-function un(e) {
-  return `${e}`;
-}
-function cn(e) {
-  return `${e}`;
-}
-function fn(e) {
-  return e !== void 0;
-}
-function hn(e) {
-  return e !== void 0;
-}
-function gn(e) {
-  return e.data;
-}
-function dn(e) {
-  return e !== void 0;
-}
-function pn(e) {
-  return e.data;
-}
-function mn(e) {
-  return e.value;
-}
-function yn(e) {
-  return e.value;
-}
-export {
-  In as SankeyChart
-};
-//# sourceMappingURL=SankeyChart.js.map
+import { t as e } from "./SankeyChart-Cj7ihF_-.js";
+export { e as SankeyChart };