@undp/data-viz 2.6.0 → 2.6.1

package/dist/SankeyChart-Cj7ihF_-.js

@@ -0,0 +1,786 @@
+import { o as e } from "./chunk-foFoljWS.js";
+import { t } from "./jsx-runtime-C76bEyh7.js";
+import { Colors as n } from "./Colors.js";
+import { GraphFooter as r } from "./GraphFooter.js";
+import { GraphHeader as i } from "./GraphHeader.js";
+import { t as a } from "./lodash.sum-CX6zs3_n.js";
+import { t as o } from "./uniqBy-feeqYuys.js";
+import { n as s, t as c } from "./GraphContainer-DgEB1AVN.js";
+import { t as l } from "./lodash.orderby-Dn2sr3tw.js";
+import { t as u } from "./EmptyState-DBmT1Adf.js";
+import { t as d } from "./fast-deep-equal--80N92KJ.js";
+import { t as f } from "./proxy-BiRrIImK.js";
+import { t as p } from "./AnimatePresence-CE6xBsMZ.js";
+import { t as m } from "./use-in-view-CjlKdln1.js";
+import { t as h } from "./numberFormattingFunction-Cha8dhHc.js";
+import { t as g } from "./DetailsModal-DxUowfkg.js";
+import { t as ee } from "./Tooltip-Y6uTGwkF.js";
+import { t as _ } from "./generateRandomString-BaDYvqHT.js";
+import { cn as v } from "@undp/design-system-react/cn";
+import { useEffect as y, useEffectEvent as b, useRef as te, useState as x } from "react";
+import { P as S } from "@undp/design-system-react/Typography";
+//#region node_modules/d3-sankey/node_modules/d3-array/src/max.js
+function C(e, t) {
+	let n;
+	if (t === void 0) for (let t of e) t != null && (n < t || n === void 0 && t >= t) && (n = t);
+	else {
+		let r = -1;
+		for (let i of e) (i = t(i, ++r, e)) != null && (n < i || n === void 0 && i >= i) && (n = i);
+	}
+	return n;
+}
+//#endregion
+//#region node_modules/d3-sankey/node_modules/d3-array/src/min.js
+function w(e, t) {
+	let n;
+	if (t === void 0) for (let t of e) t != null && (n > t || n === void 0 && t >= t) && (n = t);
+	else {
+		let r = -1;
+		for (let i of e) (i = t(i, ++r, e)) != null && (n > i || n === void 0 && i >= i) && (n = i);
+	}
+	return n;
+}
+//#endregion
+//#region node_modules/d3-sankey/node_modules/d3-array/src/sum.js
+function T(e, t) {
+	let n = 0;
+	if (t === void 0) for (let t of e) (t = +t) && (n += t);
+	else {
+		let r = -1;
+		for (let i of e) (i = +t(i, ++r, e)) && (n += i);
+	}
+	return n;
+}
+//#endregion
+//#region node_modules/d3-sankey/src/align.js
+function E(e) {
+	return e.target.depth;
+}
+function D(e, t) {
+	return e.sourceLinks.length ? e.depth : t - 1;
+}
+function O(e) {
+	return e.targetLinks.length ? e.depth : e.sourceLinks.length ? w(e.sourceLinks, E) - 1 : 0;
+}
+//#endregion
+//#region node_modules/d3-sankey/src/constant.js
+function k(e) {
+	return function() {
+		return e;
+	};
+}
+//#endregion
+//#region node_modules/d3-sankey/src/sankey.js
+function A(e, t) {
+	return M(e.source, t.source) || e.index - t.index;
+}
+function j(e, t) {
+	return M(e.target, t.target) || e.index - t.index;
+}
+function M(e, t) {
+	return e.y0 - t.y0;
+}
+function N(e) {
+	return e.value;
+}
+function P(e) {
+	return e.index;
+}
+function ne(e) {
+	return e.nodes;
+}
+function F(e) {
+	return e.links;
+}
+function I(e, t) {
+	let n = e.get(t);
+	if (!n) throw Error("missing: " + t);
+	return n;
+}
+function L({ nodes: e }) {
+	for (let t of e) {
+		let e = t.y0, n = e;
+		for (let n of t.sourceLinks) n.y0 = e + n.width / 2, e += n.width;
+		for (let e of t.targetLinks) e.y1 = n + e.width / 2, n += e.width;
+	}
+}
+function R() {
+	let e = 0, t = 0, n = 1, r = 1, i = 24, a = 8, o, s = P, c = D, l, u, d = ne, f = F, p = 6;
+	function m() {
+		let e = {
+			nodes: d.apply(null, arguments),
+			links: f.apply(null, arguments)
+		};
+		return h(e), g(e), ee(e), _(e), b(e), L(e), e;
+	}
+	m.update = function(e) {
+		return L(e), e;
+	}, m.nodeId = function(e) {
+		return arguments.length ? (s = typeof e == "function" ? e : k(e), m) : s;
+	}, m.nodeAlign = function(e) {
+		return arguments.length ? (c = typeof e == "function" ? e : k(e), m) : c;
+	}, m.nodeSort = function(e) {
+		return arguments.length ? (l = e, m) : l;
+	}, m.nodeWidth = function(e) {
+		return arguments.length ? (i = +e, m) : i;
+	}, m.nodePadding = function(e) {
+		return arguments.length ? (a = o = +e, m) : a;
+	}, m.nodes = function(e) {
+		return arguments.length ? (d = typeof e == "function" ? e : k(e), m) : d;
+	}, m.links = function(e) {
+		return arguments.length ? (f = typeof e == "function" ? e : k(e), m) : f;
+	}, m.linkSort = function(e) {
+		return arguments.length ? (u = e, m) : u;
+	}, m.size = function(i) {
+		return arguments.length ? (e = t = 0, n = +i[0], r = +i[1], m) : [n - e, r - t];
+	}, m.extent = function(i) {
+		return arguments.length ? (e = +i[0][0], n = +i[1][0], t = +i[0][1], r = +i[1][1], m) : [[e, t], [n, r]];
+	}, m.iterations = function(e) {
+		return arguments.length ? (p = +e, m) : p;
+	};
+	function h({ nodes: e, links: t }) {
+		for (let [t, n] of e.entries()) n.index = t, n.sourceLinks = [], n.targetLinks = [];
+		let n = new Map(e.map((t, n) => [s(t, n, e), t]));
+		for (let [e, r] of t.entries()) {
+			r.index = e;
+			let { source: t, target: i } = r;
+			typeof t != "object" && (t = r.source = I(n, t)), typeof i != "object" && (i = r.target = I(n, i)), t.sourceLinks.push(r), i.targetLinks.push(r);
+		}
+		if (u != null) for (let { sourceLinks: t, targetLinks: n } of e) t.sort(u), n.sort(u);
+	}
+	function g({ nodes: e }) {
+		for (let t of e) t.value = t.fixedValue === void 0 ? Math.max(T(t.sourceLinks, N), T(t.targetLinks, N)) : t.fixedValue;
+	}
+	function ee({ nodes: e }) {
+		let t = e.length, n = new Set(e), r = /* @__PURE__ */ new Set(), i = 0;
+		for (; n.size;) {
+			for (let e of n) {
+				e.depth = i;
+				for (let { target: t } of e.sourceLinks) r.add(t);
+			}
+			if (++i > t) throw Error("circular link");
+			n = r, r = /* @__PURE__ */ new Set();
+		}
+	}
+	function _({ nodes: e }) {
+		let t = e.length, n = new Set(e), r = /* @__PURE__ */ new Set(), i = 0;
+		for (; n.size;) {
+			for (let e of n) {
+				e.height = i;
+				for (let { source: t } of e.targetLinks) r.add(t);
+			}
+			if (++i > t) throw Error("circular link");
+			n = r, r = /* @__PURE__ */ new Set();
+		}
+	}
+	function v({ nodes: t }) {
+		let r = C(t, (e) => e.depth) + 1, a = (n - e - i) / (r - 1), o = Array(r);
+		for (let n of t) {
+			let t = Math.max(0, Math.min(r - 1, Math.floor(c.call(null, n, r))));
+			n.layer = t, n.x0 = e + t * a, n.x1 = n.x0 + i, o[t] ? o[t].push(n) : o[t] = [n];
+		}
+		if (l) for (let e of o) e.sort(l);
+		return o;
+	}
+	function y(e) {
+		let n = w(e, (e) => (r - t - (e.length - 1) * o) / T(e, N));
+		for (let i of e) {
+			let e = t;
+			for (let t of i) {
+				t.y0 = e, t.y1 = e + t.value * n, e = t.y1 + o;
+				for (let e of t.sourceLinks) e.width = e.value * n;
+			}
+			e = (r - e + o) / (i.length + 1);
+			for (let t = 0; t < i.length; ++t) {
+				let n = i[t];
+				n.y0 += e * (t + 1), n.y1 += e * (t + 1);
+			}
+			z(i);
+		}
+	}
+	function b(e) {
+		let n = v(e);
+		o = Math.min(a, (r - t) / (C(n, (e) => e.length) - 1)), y(n);
+		for (let e = 0; e < p; ++e) {
+			let t = .99 ** e, r = Math.max(1 - t, (e + 1) / p);
+			x(n, t, r), te(n, t, r);
+		}
+	}
+	function te(e, t, n) {
+		for (let r = 1, i = e.length; r < i; ++r) {
+			let i = e[r];
+			for (let e of i) {
+				let n = 0, r = 0;
+				for (let { source: t, value: i } of e.targetLinks) {
+					let a = i * (e.layer - t.layer);
+					n += B(t, e) * a, r += a;
+				}
+				if (!(r > 0)) continue;
+				let i = (n / r - e.y0) * t;
+				e.y0 += i, e.y1 += i, R(e);
+			}
+			l === void 0 && i.sort(M), S(i, n);
+		}
+	}
+	function x(e, t, n) {
+		for (let r = e.length - 2; r >= 0; --r) {
+			let i = e[r];
+			for (let e of i) {
+				let n = 0, r = 0;
+				for (let { target: t, value: i } of e.sourceLinks) {
+					let a = i * (t.layer - e.layer);
+					n += V(e, t) * a, r += a;
+				}
+				if (!(r > 0)) continue;
+				let i = (n / r - e.y0) * t;
+				e.y0 += i, e.y1 += i, R(e);
+			}
+			l === void 0 && i.sort(M), S(i, n);
+		}
+	}
+	function S(e, n) {
+		let i = e.length >> 1, a = e[i];
+		O(e, a.y0 - o, i - 1, n), E(e, a.y1 + o, i + 1, n), O(e, r, e.length - 1, n), E(e, t, 0, n);
+	}
+	function E(e, t, n, r) {
+		for (; n < e.length; ++n) {
+			let i = e[n], a = (t - i.y0) * r;
+			a > 1e-6 && (i.y0 += a, i.y1 += a), t = i.y1 + o;
+		}
+	}
+	function O(e, t, n, r) {
+		for (; n >= 0; --n) {
+			let i = e[n], a = (i.y1 - t) * r;
+			a > 1e-6 && (i.y0 -= a, i.y1 -= a), t = i.y0 - o;
+		}
+	}
+	function R({ sourceLinks: e, targetLinks: t }) {
+		if (u === void 0) {
+			for (let { source: { sourceLinks: e } } of t) e.sort(j);
+			for (let { target: { targetLinks: t } } of e) t.sort(A);
+		}
+	}
+	function z(e) {
+		if (u === void 0) for (let { sourceLinks: t, targetLinks: n } of e) t.sort(j), n.sort(A);
+	}
+	function B(e, t) {
+		let n = e.y0 - (e.sourceLinks.length - 1) * o / 2;
+		for (let { target: r, width: i } of e.sourceLinks) {
+			if (r === t) break;
+			n += i + o;
+		}
+		for (let { source: r, width: i } of t.targetLinks) {
+			if (r === e) break;
+			n -= i;
+		}
+		return n;
+	}
+	function V(e, t) {
+		let n = t.y0 - (t.targetLinks.length - 1) * o / 2;
+		for (let { source: r, width: i } of t.targetLinks) {
+			if (r === e) break;
+			n += i + o;
+		}
+		for (let { target: r, width: i } of e.sourceLinks) {
+			if (r === t) break;
+			n -= i;
+		}
+		return n;
+	}
+	return m;
+}
+//#endregion
+//#region node_modules/d3-sankey/node_modules/d3-path/src/path.js
+var z = Math.PI, B = 2 * z, V = 1e-6, re = B - V;
+function H() {
+	this._x0 = this._y0 = this._x1 = this._y1 = null, this._ = "";
+}
+function ie() {
+	return new H();
+}
+H.prototype = ie.prototype = {
+	constructor: H,
+	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, n, r) {
+		this._ += "Q" + +e + "," + +t + "," + (this._x1 = +n) + "," + (this._y1 = +r);
+	},
+	bezierCurveTo: function(e, t, n, r, i, a) {
+		this._ += "C" + +e + "," + +t + "," + +n + "," + +r + "," + (this._x1 = +i) + "," + (this._y1 = +a);
+	},
+	arcTo: function(e, t, n, r, i) {
+		e = +e, t = +t, n = +n, r = +r, i = +i;
+		var a = this._x1, o = this._y1, s = n - e, c = r - t, l = a - e, u = o - t, d = l * l + u * u;
+		if (i < 0) throw Error("negative radius: " + i);
+		if (this._x1 === null) this._ += "M" + (this._x1 = e) + "," + (this._y1 = t);
+		else if (d > V) if (!(Math.abs(u * s - c * l) > V) || !i) this._ += "L" + (this._x1 = e) + "," + (this._y1 = t);
+		else {
+			var f = n - a, p = r - o, m = s * s + c * c, h = f * f + p * p, g = Math.sqrt(m), ee = Math.sqrt(d), _ = i * Math.tan((z - Math.acos((m + d - h) / (2 * g * ee))) / 2), v = _ / ee, y = _ / g;
+			Math.abs(v - 1) > V && (this._ += "L" + (e + v * l) + "," + (t + v * u)), this._ += "A" + i + "," + i + ",0,0," + +(u * f > l * p) + "," + (this._x1 = e + y * s) + "," + (this._y1 = t + y * c);
+		}
+	},
+	arc: function(e, t, n, r, i, a) {
+		e = +e, t = +t, n = +n, a = !!a;
+		var o = n * Math.cos(r), s = n * Math.sin(r), c = e + o, l = t + s, u = 1 ^ a, d = a ? r - i : i - r;
+		if (n < 0) throw Error("negative radius: " + n);
+		this._x1 === null ? this._ += "M" + c + "," + l : (Math.abs(this._x1 - c) > V || Math.abs(this._y1 - l) > V) && (this._ += "L" + c + "," + l), n && (d < 0 && (d = d % B + B), d > re ? this._ += "A" + n + "," + n + ",0,1," + u + "," + (e - o) + "," + (t - s) + "A" + n + "," + n + ",0,1," + u + "," + (this._x1 = c) + "," + (this._y1 = l) : d > V && (this._ += "A" + n + "," + n + ",0," + +(d >= z) + "," + u + "," + (this._x1 = e + n * Math.cos(i)) + "," + (this._y1 = t + n * Math.sin(i))));
+	},
+	rect: function(e, t, n, r) {
+		this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +t) + "h" + +n + "v" + +r + "h" + -n + "Z";
+	},
+	toString: function() {
+		return this._;
+	}
+};
+//#endregion
+//#region node_modules/d3-sankey/node_modules/d3-shape/src/constant.js
+function ae(e) {
+	return function() {
+		return e;
+	};
+}
+//#endregion
+//#region node_modules/d3-sankey/node_modules/d3-shape/src/point.js
+function U(e) {
+	return e[0];
+}
+function W(e) {
+	return e[1];
+}
+//#endregion
+//#region node_modules/d3-sankey/node_modules/d3-shape/src/array.js
+var G = Array.prototype.slice;
+//#endregion
+//#region node_modules/d3-sankey/node_modules/d3-shape/src/link/index.js
+function K(e) {
+	return e.source;
+}
+function q(e) {
+	return e.target;
+}
+function oe(e) {
+	var t = K, n = q, r = U, i = W, a = null;
+	function o() {
+		var o, s = G.call(arguments), c = t.apply(this, s), l = n.apply(this, s);
+		if (a ||= o = ie(), e(a, +r.apply(this, (s[0] = c, s)), +i.apply(this, s), +r.apply(this, (s[0] = l, s)), +i.apply(this, s)), o) return a = null, o + "" || null;
+	}
+	return o.source = function(e) {
+		return arguments.length ? (t = e, o) : t;
+	}, o.target = function(e) {
+		return arguments.length ? (n = e, o) : n;
+	}, o.x = function(e) {
+		return arguments.length ? (r = typeof e == "function" ? e : ae(+e), o) : r;
+	}, o.y = function(e) {
+		return arguments.length ? (i = typeof e == "function" ? e : ae(+e), o) : i;
+	}, o.context = function(e) {
+		return arguments.length ? (a = e ?? null, o) : a;
+	}, o;
+}
+function J(e, t, n, r, i) {
+	e.moveTo(t, n), e.bezierCurveTo(t = (t + r) / 2, n, t, i, r, i);
+}
+function Y() {
+	return oe(J);
+}
+//#endregion
+//#region node_modules/d3-sankey/src/sankeyLinkHorizontal.js
+function X(e) {
+	return [e.source.x1, e.y0];
+}
+function Z(e) {
+	return [e.target.x0, e.y1];
+}
+function Q() {
+	return Y().source(X).target(Z);
+}
+//#endregion
+//#region src/Components/Graphs/SankeyChart/Graph.tsx
+var se = /* @__PURE__ */ e(a(), 1), ce = /* @__PURE__ */ e(l(), 1), le = /* @__PURE__ */ e(d(), 1), $ = t();
+function ue(e) {
+	let { data: t, showLabels: n, leftMargin: r, rightMargin: i, truncateBy: a, width: o, height: s, topMargin: c, bottomMargin: l, tooltip: u, onSeriesMouseOver: d, suffix: _, prefix: y, showValues: b, onSeriesMouseClick: C, nodePadding: w, nodeWidth: T, id: E, highlightedSourceDataPoints: D, highlightedTargetDataPoints: k, defaultLinkOpacity: A, sourceTitle: j, targetTitle: M, animate: N, sortNodes: P, resetSelectionOnDoubleClick: ne, detailsOnClick: F, styles: I, classNames: L, precision: z, customLayers: B, locale: V, padZeros: re } = e, H = te(null), ie = m(H, {
+		once: N.once,
+		amount: N.amount
+	}), [ae, U] = x(void 0), [W, G] = x(void 0), [K, q] = x(void 0), [oe, J] = x(void 0), [Y, X] = x(void 0), Z = {
+		top: c,
+		bottom: l,
+		left: r,
+		right: i
+	}, se = o - Z.left - Z.right, ce = s - Z.top - Z.bottom, { nodes: ue, links: de } = (P === "mostReadable" ? R().nodeWidth(T).nodePadding(w).size([se, ce]).nodeAlign(O) : P === "none" ? R().nodeWidth(T).nodePadding(w).size([se, ce]).nodeAlign(O).nodeSort(null).linkSort(null) : R().nodeWidth(T).nodePadding(w).size([se, ce]).nodeAlign(O).nodeSort(P === "desc" ? (e, t) => (t.value || 0) - (e.value || 0) : (e, t) => (e.value || 0) - (t.value || 0)))(t), fe = Q();
+	return /* @__PURE__ */ (0, $.jsxs)($.Fragment, { children: [
+		/* @__PURE__ */ (0, $.jsxs)(f.svg, {
+			width: `${o}px`,
+			height: `${s}px`,
+			viewBox: `0 0 ${o} ${s}`,
+			style: {
+				marginLeft: "auto",
+				marginRight: "auto"
+			},
+			direction: "ltr",
+			ref: H,
+			children: [
+				j ? /* @__PURE__ */ (0, $.jsx)("text", {
+					x: Z.left,
+					y: Z.top - 10,
+					className: "text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100",
+					style: { textAnchor: "start" },
+					children: j
+				}) : null,
+				M ? /* @__PURE__ */ (0, $.jsx)("text", {
+					x: o - Z.right,
+					y: Z.top - 10,
+					className: "text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100",
+					style: { textAnchor: "end" },
+					children: M
+				}) : null,
+				/* @__PURE__ */ (0, $.jsxs)("g", {
+					transform: `translate(${Z.left},${Z.top})`,
+					children: [
+						B.filter((e) => e.position === "before").map((e) => e.layer),
+						ue.filter((e) => e.type === "source").map((e, t) => /* @__PURE__ */ (0, $.jsx)("g", {
+							onMouseEnter: () => {
+								q(e);
+							},
+							onFocus: () => {
+								q(e);
+							},
+							onMouseLeave: () => {
+								q(void 0);
+							},
+							children: /* @__PURE__ */ (0, $.jsxs)("g", {
+								transform: `translate(${e.x0},${e.y0})`,
+								children: [/* @__PURE__ */ (0, $.jsx)("rect", {
+									x: 0,
+									y: 0,
+									width: (e.x1 || 0) - (e.x0 || 0),
+									height: (e.y1 || 0) - (e.y0 || 0),
+									style: { fill: e.color }
+								}), n || b ? /* @__PURE__ */ (0, $.jsx)("foreignObject", {
+									y: 0 - w / 2,
+									x: 0 - r,
+									width: r,
+									height: (e.y1 || 0) - (e.y0 || 0) + w,
+									children: /* @__PURE__ */ (0, $.jsxs)("div", {
+										className: "flex flex-col gap-0.5 justify-center py-0 px-1.5",
+										style: {
+											height: `${(e.y1 || 0) - (e.y0 || 0) + w}px`,
+											overflow: "visible"
+										},
+										children: [n ? /* @__PURE__ */ (0, $.jsx)(S, {
+											marginBottom: b ? "3xs" : "none",
+											size: "sm",
+											leading: "none",
+											className: v("sankey-right-label text-right", L?.graphObjectValues),
+											style: {
+												hyphens: "auto",
+												color: e.color,
+												...I?.graphObjectValues
+											},
+											children: `${e.label}`.length < a ? `${e.label}` : `${`${e.label}`.substring(0, a)}...`
+										}) : null, b ? /* @__PURE__ */ (0, $.jsx)(S, {
+											marginBottom: "none",
+											size: "sm",
+											leading: "none",
+											className: v("sankey-right-value text-right font-bold", L?.graphObjectValues),
+											style: {
+												hyphens: "auto",
+												color: e.color,
+												...I?.graphObjectValues
+											},
+											children: h(e.value, void 0, z, y, _, V, re)
+										}) : null]
+									})
+								}) : null]
+							})
+						}, t)),
+						ue.filter((e) => e.type === "target").map((e, t) => /* @__PURE__ */ (0, $.jsx)("g", {
+							onMouseEnter: () => {
+								q(e);
+							},
+							onFocus: () => {
+								q(e);
+							},
+							onMouseLeave: () => {
+								q(void 0);
+							},
+							children: /* @__PURE__ */ (0, $.jsxs)("g", {
+								transform: `translate(${e.x0},${e.y0})`,
+								children: [/* @__PURE__ */ (0, $.jsx)("rect", {
+									x: 0,
+									y: 0,
+									width: (e.x1 || 0) - (e.x0 || 0),
+									height: (e.y1 || 0) - (e.y0 || 0),
+									style: { fill: e.color }
+								}), n || b ? /* @__PURE__ */ (0, $.jsx)("foreignObject", {
+									y: 0 - w / 2,
+									x: T,
+									width: i - T,
+									height: (e.y1 || 0) - (e.y0 || 0) + w,
+									children: /* @__PURE__ */ (0, $.jsxs)("div", {
+										className: "flex flex-col gap-0.5 justify-center py-0 px-1.5",
+										style: { height: `${(e.y1 || 0) - (e.y0 || 0) + w}px` },
+										children: [n ? /* @__PURE__ */ (0, $.jsx)(S, {
+											marginBottom: b ? "3xs" : "none",
+											size: "sm",
+											leading: "none",
+											className: v("sankey-left-label text-left", L?.graphObjectValues),
+											style: {
+												hyphens: "auto",
+												color: e.color,
+												...I?.graphObjectValues
+											},
+											children: `${e.label}`.length < a ? `${e.label}` : `${`${e.label}`.substring(0, a)}...`
+										}) : null, b ? /* @__PURE__ */ (0, $.jsx)(S, {
+											size: "sm",
+											leading: "none",
+											marginBottom: "none",
+											className: v("sankey-left-value text-left font-bold", L?.graphObjectValues),
+											style: {
+												hyphens: "auto",
+												color: e.color,
+												...I?.graphObjectValues
+											},
+											children: h(e.value, void 0, z, y, _, V, re)
+										}) : null]
+									})
+								}) : null]
+							})
+						}, t)),
+						/* @__PURE__ */ (0, $.jsx)("defs", { children: de.map((e, t) => /* @__PURE__ */ (0, $.jsxs)("linearGradient", {
+							id: `${E}-gradient-${t}`,
+							x1: "0%",
+							y1: "0%",
+							x2: "100%",
+							y2: "0%",
+							gradientUnits: "userSpaceOnUse",
+							children: [/* @__PURE__ */ (0, $.jsx)("stop", {
+								offset: "0%",
+								style: {
+									stopColor: e.source.color,
+									stopOpacity: 1
+								}
+							}), /* @__PURE__ */ (0, $.jsx)("stop", {
+								offset: "100%",
+								style: {
+									stopColor: e.target.color,
+									stopOpacity: 1
+								}
+							})]
+						}, t)) }),
+						/* @__PURE__ */ (0, $.jsx)("g", { children: /* @__PURE__ */ (0, $.jsx)(p, { children: de.map((e, t) => /* @__PURE__ */ (0, $.jsx)(f.g, {
+							className: "undp-viz-g-with-hover",
+							onMouseEnter: (t) => {
+								U(e.data), X(t.clientY), J(t.clientX), d?.(e);
+							},
+							onMouseMove: (t) => {
+								U(e.data), X(t.clientY), J(t.clientX);
+							},
+							onClick: () => {
+								(C || F) && ((0, le.default)(W, e.data) && ne ? (G(void 0), C?.(void 0)) : (G(e.data), C?.(e.data)));
+							},
+							onMouseLeave: () => {
+								U(void 0), J(void 0), X(void 0), d?.(void 0);
+							},
+							variants: {
+								initial: { opacity: K ? e.source.name === K.name || e.target.name === K.name ? .85 : A : (D || k) && (D?.indexOf(e.source.label) !== -1 || k?.indexOf(e.target.label) !== -1) ? .85 : A },
+								whileInView: {
+									opacity: K ? e.source.name === K.name || e.target.name === K.name ? .85 : A : (D || k) && (D?.indexOf(e.source.label) !== -1 || k?.indexOf(e.target.label) !== -1) ? .85 : A,
+									transition: { duration: N.duration }
+								}
+							},
+							initial: "initial",
+							animate: ie ? "whileInView" : "initial",
+							exit: {
+								opacity: 0,
+								transition: { duration: N.duration }
+							},
+							children: /* @__PURE__ */ (0, $.jsx)(f.path, {
+								d: fe(e) || "",
+								style: {
+									stroke: `url(#${E}-gradient-${t})`,
+									strokeWidth: e.width,
+									fill: "none"
+								},
+								exit: {
+									opacity: 0,
+									transition: { duration: N.duration }
+								},
+								variants: {
+									initial: {
+										pathLength: 0,
+										opacity: 1
+									},
+									whileInView: {
+										pathLength: 1,
+										opacity: 1,
+										transition: { duration: N.duration }
+									}
+								},
+								initial: "initial",
+								animate: ie ? "whileInView" : "initial"
+							}, `${e.source}-${e.target}`)
+						}, `${e.source}-${e.target}`)) }) }),
+						B.filter((e) => e.position === "after").map((e) => e.layer)
+					]
+				})
+			]
+		}),
+		ae && u && oe && Y ? /* @__PURE__ */ (0, $.jsx)(ee, {
+			data: ae,
+			body: u,
+			xPos: oe,
+			yPos: Y,
+			backgroundStyle: I?.tooltip,
+			className: L?.tooltip
+		}) : null,
+		F && W !== void 0 ? /* @__PURE__ */ (0, $.jsx)(g, {
+			body: F,
+			data: W,
+			setData: G,
+			className: L?.modal
+		}) : null
+	] });
+}
+//#endregion
+//#region src/Components/Graphs/SankeyChart/index.tsx
+function de(e) {
+	let { data: t, graphTitle: a, sources: l, graphDescription: d, showLabels: f = !0, leftMargin: p = 75, rightMargin: m = 75, topMargin: h = 30, bottomMargin: g = 10, truncateBy: ee = 999, height: v, width: S, footNote: C, padding: w, backgroundColor: T = !1, tooltip: E, onSeriesMouseOver: D, relativeHeight: O, showValues: k = !0, graphID: A, onSeriesMouseClick: j, graphDownload: M = !1, dataDownload: N = !1, fillContainer: P = !0, language: ne = "en", minHeight: F = 0, theme: I = "light", ariaLabel: L, sourceColors: R, targetColors: z, sourceColorDomain: B, targetColorDomain: V, nodePadding: re = 5, nodeWidth: H = 5, highlightedSourceDataPoints: ie, highlightedTargetDataPoints: ae, defaultLinkOpacity: U = .3, sourceTitle: W, targetTitle: G, sortNodes: K = "mostReadable", resetSelectionOnDoubleClick: q = !0, detailsOnClick: oe, styles: J, classNames: Y, animate: X = !1, customLayers: Z = [], numberDisplayOptions: Q } = e, [le, de] = x(0), [fe, pe] = x(0), [me, he] = x(void 0), ge = te(null), _e = te(null), ve = b((e) => {
+		he(e);
+	});
+	return y(() => {
+		let e = o(t, "source", !0).map((e) => ({
+			name: `source_${e}`,
+			type: "source",
+			label: `${e}`,
+			color: typeof R == "string" || !R ? R || n.graphMainColor : R[(B || o(t, "source", !0)).findIndex((t) => `${t}` == `${e}`) > R.length ? R.length - 1 : (B || o(t, "source", !0)).findIndex((t) => `${t}` == `${e}`)],
+			totalValue: (0, se.default)(t.filter((t) => `${t.source}` == `${e}`).map((e) => e.value))
+		})), r = K === "asc" || K === "desc" ? (0, ce.default)(e, ["totalValue"], [K]) : e, i = o(t, "target", !0).map((e) => ({
+			name: `target_${e}`,
+			type: "target",
+			label: `${e}`,
+			color: typeof z == "string" || !z ? z || n.graphMainColor : z[(V || o(t, "target", !0)).findIndex((t) => `${t}` == `${e}`) > z.length ? z.length - 1 : (V || o(t, "target", !0)).findIndex((t) => `${t}` == `${e}`)],
+			totalValue: (0, se.default)(t.filter((t) => `${t.target}` == `${e}`).map((e) => e.value))
+		})), a = K === "asc" || K === "desc" ? (0, ce.default)(i, ["totalValue"], [K]) : i, s = [...r, ...a];
+		ve({
+			nodes: s,
+			links: t.map((e) => ({
+				source: s.findIndex((t) => t.name === `source_${e.source}`),
+				target: s.findIndex((t) => t.name === `target_${e.target}`),
+				value: e.value,
+				data: { ...e }
+			}))
+		});
+	}, [
+		t,
+		K,
+		B,
+		R,
+		V,
+		z
+	]), y(() => {
+		let e = new ResizeObserver((e) => {
+			de(e[0].target.clientWidth || 620), pe(e[0].target.clientHeight || 480);
+		});
+		return ge.current && e.observe(ge.current), () => e.disconnect();
+	}, []), /* @__PURE__ */ (0, $.jsxs)(s, {
+		className: Y?.graphContainer,
+		style: J?.graphContainer,
+		id: A,
+		ref: _e,
+		"aria-label": L,
+		backgroundColor: T,
+		theme: I,
+		language: ne,
+		minHeight: F,
+		width: P ? void 0 : S,
+		height: v,
+		relativeHeight: O,
+		padding: w,
+		children: [
+			a || d || M || N ? /* @__PURE__ */ (0, $.jsx)(i, {
+				styles: {
+					title: J?.title,
+					description: J?.description
+				},
+				classNames: {
+					title: Y?.title,
+					description: Y?.description
+				},
+				graphTitle: a,
+				graphDescription: d,
+				width: S,
+				graphDownload: M ? _e : void 0,
+				dataDownload: N ? t.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? t.map((e) => e.data).filter((e) => e !== void 0) : t.filter((e) => e !== void 0) : null
+			}) : null,
+			/* @__PURE__ */ (0, $.jsxs)(c, {
+				ref: ge,
+				children: [t.length === 0 && /* @__PURE__ */ (0, $.jsx)(u, {}), le && fe && me && t.length > 0 ? /* @__PURE__ */ (0, $.jsx)(ue, {
+					data: me,
+					nodePadding: re,
+					nodeWidth: H,
+					width: P || !S || le < S ? le : S,
+					height: fe,
+					showLabels: f,
+					leftMargin: p,
+					rightMargin: m,
+					topMargin: h,
+					bottomMargin: g,
+					truncateBy: ee,
+					tooltip: E,
+					onSeriesMouseOver: D,
+					showValues: k,
+					onSeriesMouseClick: j,
+					id: _(8),
+					highlightedSourceDataPoints: ie?.map((e) => `${e}`),
+					highlightedTargetDataPoints: ae?.map((e) => `${e}`),
+					defaultLinkOpacity: U,
+					sourceTitle: W,
+					targetTitle: G,
+					sortNodes: K,
+					resetSelectionOnDoubleClick: q,
+					styles: J,
+					classNames: Y,
+					detailsOnClick: oe,
+					animate: X === !0 ? {
+						duration: .5,
+						once: !0,
+						amount: .5
+					} : X || {
+						duration: 0,
+						once: !0,
+						amount: 0
+					},
+					customLayers: Z,
+					locale: Q?.locale || "en",
+					padZeros: Q?.padZeros || !1,
+					suffix: Q?.suffix || "",
+					prefix: Q?.prefix || "",
+					precision: Q?.precision ?? 2
+				}) : null]
+			}),
+			l || C ? /* @__PURE__ */ (0, $.jsx)(r, {
+				styles: {
+					footnote: J?.footnote,
+					source: J?.source
+				},
+				classNames: {
+					footnote: Y?.footnote,
+					source: Y?.source
+				},
+				sources: l,
+				footNote: C,
+				width: S
+			}) : null
+		]
+	});
+}
+//#endregion
+export { de as t };
+
+//# sourceMappingURL=SankeyChart-Cj7ihF_-.js.map