@undp/data-viz 1.4.13 → 1.4.14

package/dist/SankeyChart.js

@@ -208,10 +208,10 @@ function kt() {
     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);
-      tt(u, c, r), K(u, c, r);
+      et(u, c, r), tt(u, c, r);
     }
   }
-  function K(t, u, s) {
+  function tt(t, u, s) {
     for (let c = 1, r = t.length; c < r; ++c) {
       const f = t[c];
       for (const m of f) {
@@ -227,7 +227,7 @@ function kt() {
       b === void 0 && f.sort(gt), B(f, s);
     }
   }
-  function tt(t, u, 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) {
@@ -245,7 +245,7 @@ function kt() {
   }
   function B(t, u) {
     const s = t.length >> 1, c = t[s];
-    et(t, c.y0 - g, s - 1, u), F(t, c.y1 + g, s + 1, u), et(t, a, t.length - 1, u), F(t, n, 0, u);
+    Q(t, c.y0 - g, s - 1, u), F(t, c.y1 + g, s + 1, u), Q(t, a, t.length - 1, u), F(t, n, 0, u);
   }
   function F(t, u, s, c) {
     for (; s < t.length; ++s) {
@@ -253,7 +253,7 @@ function kt() {
       f > 1e-6 && (r.y0 += f, r.y1 += f), u = r.y1 + g;
     }
   }
-  function et(t, u, s, c) {
+  function Q(t, u, s, c) {
     for (; s >= 0; --s) {
       const r = t[s], f = (r.y1 - u) * c;
       f > 1e-6 && (r.y0 -= f, r.y1 -= f), u = r.y0 - g;
@@ -298,7 +298,7 @@ function kt() {
   }
   return d;
 }
-var bt = Math.PI, $t = 2 * bt, J = 1e-6, ne = $t - J;
+var bt = Math.PI, $t = 2 * bt, K = 1e-6, ne = $t - K;
 function jt() {
   this._x0 = this._y0 = // start of current subpath
   this._x1 = this._y1 = null, this._ = "";
@@ -329,18 +329,18 @@ jt.prototype = It.prototype = {
     if (l < 0) throw new Error("negative radius: " + l);
     if (this._x1 === null)
       this._ += "M" + (this._x1 = e) + "," + (this._y1 = n);
-    else if ($ > J) if (!(Math.abs(k * p - v * b) > J) || !l)
+    else if ($ > K) if (!(Math.abs(k * p - v * b) > 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) > J && (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);
+      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);
     }
   },
   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;
     if (i < 0) throw new Error("negative radius: " + i);
-    this._x1 === null ? this._ += "M" + v + "," + b : (Math.abs(this._x1 - v) > J || Math.abs(this._y1 - b) > J) && (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) : $ > J && (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" + 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))));
   },
   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";
@@ -423,11 +423,11 @@ function de(e) {
     highlightedSourceDataPoints: P,
     highlightedTargetDataPoints: T,
     defaultLinkOpacity: W,
-    sourceTitle: K,
-    targetTitle: tt,
+    sourceTitle: tt,
+    targetTitle: et,
     animate: B,
     sortNodes: F,
-    resetSelectionOnDoubleClick: et,
+    resetSelectionOnDoubleClick: Q,
     detailsOnClick: D,
     styles: I,
     classNames: Y,
@@ -443,7 +443,7 @@ function de(e) {
     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)
-  ), { nodes: at, links: lt } = st(n), Q = ge();
+  ), { nodes: at, links: lt } = st(n), J = ge();
   return /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
     /* @__PURE__ */ h.jsxs(
       mt.svg,
@@ -455,24 +455,24 @@ function de(e) {
         direction: "ltr",
         ref: u,
         children: [
-          K ? /* @__PURE__ */ h.jsx(
+          tt ? /* @__PURE__ */ h.jsx(
             "text",
             {
               x: A.left,
               y: A.top - 10,
               className: "text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100",
               style: { textAnchor: "start" },
-              children: K
+              children: tt
             }
           ) : null,
-          tt ? /* @__PURE__ */ h.jsx(
+          et ? /* @__PURE__ */ h.jsx(
             "text",
             {
               x: g - A.right,
               y: A.top - 10,
               className: "text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100",
               style: { textAnchor: "end" },
-              children: tt
+              children: et
             }
           ) : null,
           /* @__PURE__ */ h.jsxs("g", { transform: `translate(${A.left},${A.top})`, children: [
@@ -684,7 +684,7 @@ function de(e) {
                 },
                 onClick: () => {
                   (S || D) && (// eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  Ht(f, o.data) && et ? (m(void 0), S?.(void 0)) : (m(o.data), S?.(o.data)));
+                  Ht(f, o.data) && Q ? (m(void 0), S?.(void 0)) : (m(o.data), S?.(o.data)));
                 },
                 onMouseLeave: () => {
                   r(void 0), E(void 0), H(void 0), $?.(void 0);
@@ -724,7 +724,7 @@ function de(e) {
                 children: /* @__PURE__ */ h.jsx(
                   mt.path,
                   {
-                    d: Q(o) || "",
+                    d: J(o) || "",
                     style: {
                       stroke: `url(#${X}-gradient-${_})`,
                       strokeWidth: o.width,
@@ -808,11 +808,11 @@ function Ve(e) {
     prefix: P = "",
     relativeHeight: T,
     showValues: W = !0,
-    graphID: K,
-    onSeriesMouseClick: tt,
+    graphID: tt,
+    onSeriesMouseClick: et,
     graphDownload: B = !1,
     dataDownload: F = !1,
-    fillContainer: et = !0,
+    fillContainer: Q = !0,
     language: D = "en",
     minHeight: I = 0,
     theme: Y = "light",
@@ -836,7 +836,7 @@ function Ve(e) {
     animate: st = !1,
     precision: at = 2,
     customLayers: lt = []
-  } = e, [Q, o] = Z(0), [_, U] = Z(0), [Lt, At] = Z(void 0), it = wt(null), Mt = wt(null);
+  } = 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}`,
@@ -876,20 +876,21 @@ function Ve(e) {
   }, [j, $]), /* @__PURE__ */ h.jsx(
     "div",
     {
-      className: `${Y || "light"} flex ${j ? "grow-0" : "grow"} ${et ? "w-full" : "w-fit"} `,
+      className: `${Y || "light"} flex ${j ? "grow-0" : "grow"} ${Q ? "w-full" : "w-fit"} `,
       dir: D === "he" || D === "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"}`,
+            Q ? "w-full" : "w-fit",
             q?.graphContainer
           ),
           style: {
             ...G?.graphContainer || {},
             ...S && S !== !0 ? { backgroundColor: S } : {}
           },
-          id: K,
+          id: tt,
           ref: Mt,
           "aria-label": nt || `${i ? `The graph shows ${i}. ` : ""}This is a sankey chart showing flow. ${l ? ` ${l}` : ""}`,
           children: /* @__PURE__ */ h.jsx(
@@ -922,16 +923,16 @@ function Ve(e) {
                     className: "flex flex-col grow justify-center gap-3 w-full leading-0",
                     ref: it,
                     "aria-label": "Graph area",
-                    children: (j || Q) && ($ || _) && Lt ? /* @__PURE__ */ h.jsx(
+                    children: (j || J) && ($ || _) && Lt ? /* @__PURE__ */ h.jsx(
                       de,
                       {
                         data: Lt,
-                        width: j || Q,
+                        width: j || J,
                         nodePadding: r,
                         nodeWidth: f,
                         height: Math.max(
                           I,
-                          $ || (T ? I ? (j || Q) * T > I ? (j || Q) * T : I : (j || Q) * T : _)
+                          $ || (T ? I ? (j || J) * T > I ? (j || J) * T : I : (j || J) * T : _)
                         ),
                         showLabels: y,
                         leftMargin: g,
@@ -944,7 +945,7 @@ function Ve(e) {
                         showValues: W,
                         suffix: X,
                         prefix: P,
-                        onSeriesMouseClick: tt,
+                        onSeriesMouseClick: et,
                         id: Ut(8),
                         highlightedSourceDataPoints: m.map((L) => `${L}`),
                         highlightedTargetDataPoints: C.map((L) => `${L}`),