@undp/data-viz 2.5.4 → 2.6.1

package/dist/MultiLineAltChart-CZGWeSsV.js

@@ -0,0 +1,532 @@
+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 "./checkIfNullOrUndefined-C5gqSAtF.js";
+import { t as o } from "./uniqBy-feeqYuys.js";
+import { n as s, t as c } from "./GraphContainer-DgEB1AVN.js";
+import { n as ee, t as l } from "./parse-5MWhaq6h.js";
+import { t as u } from "./lodash.orderby-Dn2sr3tw.js";
+import { ColorLegendWithMouseOver as te } from "./ColorLegendWithMouseOver.js";
+import { t as ne } from "./EmptyState-DBmT1Adf.js";
+import { a as d, n as re } from "./init-CT6uqW57.js";
+import { t as ie } from "./linear-BkosG4OK.js";
+import { t as f } from "./time-BSWvT9ln.js";
+import { t as p } from "./proxy-BiRrIImK.js";
+import { t as ae } from "./use-in-view-CjlKdln1.js";
+import { t as oe } from "./Axis-B3ai1eeP.js";
+import { t as se } from "./AxisTitle-DqJw_G-f.js";
+import { t as ce } from "./numberFormattingFunction-Cha8dhHc.js";
+import { t as le } from "./XTicksAndGridLines-B2XZgwzW.js";
+import { t as ue } from "./YTicksAndGridLines-CVTzNJYP.js";
+import { n as de } from "./ReferenceLine-C8owKJx1.js";
+import { t as fe } from "./Tooltip-Y6uTGwkF.js";
+import { i as pe, t as me } from "./line-6wslDyQb.js";
+import { i as he, n as ge, r as _e, t as ve } from "./step-Bxl4gFpO.js";
+import { t as ye } from "./getNoOfTicks-Bz_9Xmc6.js";
+import { t as be } from "./select-0Z0HV7nm.js";
+import { t as xe } from "./pointer-CoEekBJE.js";
+import { n as Se, r as Ce, t as we } from "./getLineEndPoint-BkKmq-KI.js";
+import { t as Te } from "./HighlightArea-BljOOgRP.js";
+import { t as Ee } from "./delaunay-ZuH6I4Fh.js";
+import { cn as m } from "@undp/design-system-react/cn";
+import { useEffect as De, useRef as h, useState as g } from "react";
+//#region node_modules/d3-array/src/permute.js
+function _(e, t) {
+	return Array.from(t, (t) => e[t]);
+}
+//#endregion
+//#region node_modules/d3-array/src/sort.js
+function v(e, ...t) {
+	if (typeof e[Symbol.iterator] != "function") throw TypeError("values is not iterable");
+	e = Array.from(e);
+	let [n] = t;
+	if (n && n.length !== 2 || t.length > 1) {
+		let r = Uint32Array.from(e, (e, t) => t);
+		return t.length > 1 ? (t = t.map((t) => e.map(t)), r.sort((e, n) => {
+			for (let r of t) {
+				let t = b(r[e], r[n]);
+				if (t) return t;
+			}
+		})) : (n = e.map(n), r.sort((e, t) => b(n[e], n[t]))), _(e, r);
+	}
+	return e.sort(y(n));
+}
+function y(e = d) {
+	if (e === d) return b;
+	if (typeof e != "function") throw TypeError("compare is not a function");
+	return (t, n) => {
+		let r = e(t, n);
+		return r || r === 0 ? r : (e(n, n) === 0) - (e(t, t) === 0);
+	};
+}
+function b(e, t) {
+	return (e == null || !(e >= e)) - (t == null || !(t >= t)) || (e < t ? -1 : +(e > t));
+}
+//#endregion
+//#region src/Components/Graphs/LineCharts/MultiLineAltChart/Graph.tsx
+var Oe = /* @__PURE__ */ e(u(), 1), x = t();
+function ke(e) {
+	let { data: t, width: r, height: i, lineColors: s, dateFormat: c, noOfXTicks: u, rightMargin: te, topMargin: ne, bottomMargin: ye, suffix: _, prefix: y, leftMargin: b, tooltip: ke, onSeriesMouseOver: S, refValues: Ae, highlightAreaSettings: je, minValue: C, maxValue: w, highlightedLines: T, animate: E, rtl: Me, strokeWidth: D, showDots: Ne, annotations: O, customHighlightAreaSettings: k, yAxisTitle: Pe, noOfYTicks: Fe, minDate: Ie, maxDate: Le, curveType: A, styles: j, colorDomain: M, selectedColor: N, classNames: P, showLabels: Re, dimmedOpacity: F, precision: I, naLabel: L, customLayers: ze, showHighlightedLinesLabels: Be, showDateOnHover: Ve, locale: R, padZeros: z } = e, He = h(null), B = ae(He, {
+		once: E.once,
+		amount: E.amount
+	}), [V, Ue] = g(!1);
+	De(() => {
+		if (B && !V) {
+			let e = setTimeout(() => {
+				Ue(!0);
+			}, (E.duration + .5) * 1e3);
+			return () => clearTimeout(e);
+		}
+	}, [
+		B,
+		V,
+		E.duration
+	]);
+	let We = A === "linear" ? pe : A === "step" ? _e : A === "stepAfter" ? ve : A === "stepBefore" ? ge : he, H = (0, Oe.default)(t.map((e) => ({
+		...e,
+		date: l(`${e.date}`, c, /* @__PURE__ */ new Date())
+	})), ["date"], ["asc"]).filter((e) => !a(e.y)), Ge = o(H, "label", !0), Ke = v(o(t, "date", !0).map((e) => l(`${e}`, c, /* @__PURE__ */ new Date())), (e, t) => d(e, t)), [U, W] = g(void 0), [qe, G] = g(void 0), [Je, K] = g(void 0), q = {
+		top: ne,
+		bottom: ye,
+		left: Pe ? b + 30 : b,
+		right: te
+	}, Ye = h(null), Xe = Ge.map((e) => (0, Oe.default)(H.filter((t) => t.label === e), ["date"], ["asc"])), Ze = je.map((e) => ({
+		...e,
+		coordinates: [e.coordinates[0] === null ? null : l(`${e.coordinates[0]}`, c, /* @__PURE__ */ new Date()), e.coordinates[1] === null ? null : l(`${e.coordinates[1]}`, c, /* @__PURE__ */ new Date())]
+	})), Qe = k.map((e) => ({
+		...e,
+		coordinates: e.coordinates.map((e, t) => t % 2 == 0 ? l(`${e}`, c, /* @__PURE__ */ new Date()) : e)
+	})), J = r - q.left - q.right, Y = i - q.top - q.bottom, $e = Ie ? l(`${Ie}`, c, /* @__PURE__ */ new Date()) : Ke[0], et = Le ? l(`${Le}`, c, /* @__PURE__ */ new Date()) : Ke[Ke.length - 1], X = a(C) ? Math.min(...H.map((e) => e.y).filter((e) => !a(e))) ? Math.min(...H.map((e) => e.y).filter((e) => !a(e))) > 0 ? 0 : Math.min(...H.map((e) => e.y).filter((e) => !a(e))) : 0 : C, tt = Math.max(...H.map((e) => e.y).filter((e) => !a(e))) ? Math.max(...H.map((e) => e.y).filter((e) => !a(e))) : 0, Z = f().domain([$e, et]).range([0, J]), Q = ie().domain([a(C) ? X : C, a(w) ? tt > 0 ? tt : 0 : w]).range([Y, 0]).nice(), nt = Ee.from(H.filter((e) => !a(e.date) && !a(e.y)), (e) => Z(e.date), (e) => Q(e.y)).voronoi([
+		0,
+		0,
+		J < 0 ? 0 : J,
+		Y < 0 ? 0 : Y
+	]), $ = me().x((e) => Z(e.date)).y((e) => Q(e.y)).curve(We), rt = Q.ticks(Fe), it = Z.ticks(u);
+	return De(() => {
+		be(Ye.current).on("mousemove", (e) => {
+			let t = H[re(H.map((e) => e.date), Z.invert(xe(e)[0]), 0)];
+			W(t || H[H.length - 1]), K(e.clientY), G(e.clientX), S?.(t || H[H.length - 1]);
+		}).on("mouseout", () => {
+			W(void 0), G(void 0), K(void 0);
+		}), S?.(void 0);
+	}, [
+		Z,
+		H,
+		S
+	]), /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsx)(p.svg, {
+		width: `${r}px`,
+		height: `${i}px`,
+		viewBox: `0 0 ${r} ${i}`,
+		direction: "ltr",
+		ref: He,
+		children: /* @__PURE__ */ (0, x.jsxs)("g", {
+			transform: `translate(${q.left},${q.top})`,
+			children: [
+				/* @__PURE__ */ (0, x.jsx)(Te, {
+					areaSettings: Ze,
+					width: J,
+					height: Y,
+					scale: Z,
+					animate: E,
+					isInView: B
+				}),
+				/* @__PURE__ */ (0, x.jsx)(Se, {
+					areaSettings: Qe,
+					scaleX: Z,
+					scaleY: Q,
+					animate: E,
+					isInView: B
+				}),
+				/* @__PURE__ */ (0, x.jsxs)("g", { children: [
+					/* @__PURE__ */ (0, x.jsx)(ue, {
+						values: rt.filter((e) => e !== 0),
+						y: rt.filter((e) => e !== 0).map((e) => Q(e)),
+						x1: 0 - b,
+						x2: J + q.right,
+						styles: {
+							gridLines: j?.yAxis?.gridLines,
+							labels: j?.yAxis?.labels
+						},
+						classNames: {
+							gridLines: P?.yAxis?.gridLines,
+							labels: P?.yAxis?.labels
+						},
+						suffix: _,
+						prefix: y,
+						labelType: "secondary",
+						showGridLines: !0,
+						labelPos: "vertical",
+						precision: I,
+						locale: R,
+						padZeros: z
+					}),
+					/* @__PURE__ */ (0, x.jsx)(oe, {
+						y1: Q(X < 0 ? 0 : X),
+						y2: Q(X < 0 ? 0 : X),
+						x1: 0 - b,
+						x2: J + q.right,
+						label: ce(X < 0 ? 0 : X, void 0, I, y, _, R, z),
+						labelPos: {
+							x: 0 - b,
+							y: Q(X < 0 ? 0 : X),
+							dx: 0,
+							dy: tt < 0 ? "1em" : -5
+						},
+						classNames: {
+							axis: P?.xAxis?.axis,
+							label: P?.yAxis?.labels
+						},
+						styles: {
+							axis: j?.xAxis?.axis,
+							label: j?.yAxis?.labels
+						}
+					}),
+					/* @__PURE__ */ (0, x.jsx)(se, {
+						x: 0 - b - 15,
+						y: Y / 2,
+						style: j?.yAxis?.title,
+						className: P?.yAxis?.title,
+						text: Pe,
+						rotate90: !0
+					})
+				] }),
+				/* @__PURE__ */ (0, x.jsx)("g", { children: /* @__PURE__ */ (0, x.jsx)(le, {
+					values: it.map((e) => ee(e, c)),
+					x: it.map((e) => Z(e)),
+					y1: 0,
+					y2: Y,
+					styles: {
+						gridLines: j?.xAxis?.gridLines,
+						labels: j?.xAxis?.labels
+					},
+					classNames: {
+						gridLines: m("opacity-0", P?.xAxis?.gridLines),
+						labels: m("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs", P?.xAxis?.labels)
+					},
+					suffix: _,
+					prefix: y,
+					labelType: "primary",
+					showGridLines: !0,
+					precision: I,
+					locale: R,
+					padZeros: z
+				}) }),
+				ze.filter((e) => e.position === "before").map((e) => e.layer),
+				/* @__PURE__ */ (0, x.jsxs)(p.g, { children: [Xe.map((e) => /* @__PURE__ */ (0, x.jsxs)(p.g, {
+					exit: {
+						opacity: 0,
+						transition: { duration: E.duration }
+					},
+					variants: {
+						initial: { opacity: U ? e[0].label === U.label ? 1 : F : N ? e[0].color && s[M.indexOf(e[0].color)] === N ? 1 : F : T && T.indexOf(e[0].label) === -1 ? F : 1 },
+						whileInView: {
+							opacity: U ? e[0].label === U.label ? 1 : F : N ? e[0].color && s[M.indexOf(e[0].color)] === N ? 1 : F : T && T.indexOf(e[0].label) === -1 ? F : 1,
+							transition: { duration: E.duration }
+						}
+					},
+					initial: "initial",
+					animate: B ? "whileInView" : "initial",
+					children: [
+						/* @__PURE__ */ (0, x.jsx)(p.path, {
+							d: $(e.filter((e) => !a(e.y))) || "",
+							style: {
+								fill: "none",
+								strokeWidth: U ? e[0].label === U.label ? D + Math.max(2, .5 * D) : D : T ? T.indexOf(e[0].label) === -1 ? D : D + Math.max(2, .5 * D) : D
+							},
+							exit: {
+								opacity: 0,
+								transition: { duration: E.duration }
+							},
+							variants: {
+								initial: {
+									pathLength: 0,
+									d: $(e.filter((e) => !a(e.y))) || "",
+									opacity: 1,
+									stroke: t.filter((e) => e.color).length === 0 ? s[0] : e[0].color ? s[M.indexOf(e[0].color)] : n.gray
+								},
+								whileInView: {
+									pathLength: 1,
+									d: $(e.filter((e) => !a(e.y))) || "",
+									opacity: 1,
+									stroke: t.filter((e) => e.color).length === 0 ? s[0] : e[0].color ? s[M.indexOf(e[0].color)] : n.gray,
+									transition: { duration: E.duration }
+								}
+							},
+							initial: "initial",
+							animate: B ? "whileInView" : "initial"
+						}),
+						e.map((r, i) => /* @__PURE__ */ (0, x.jsx)(p.g, { children: !a(r.y) && Ne ? /* @__PURE__ */ (0, x.jsx)(p.circle, {
+							r: J / e.length < 5 ? 0 : J / e.length < 20 ? 2 : 4,
+							exit: {
+								opacity: 0,
+								transition: { duration: E.duration }
+							},
+							variants: {
+								initial: {
+									opacity: 0,
+									fill: t.filter((e) => e.color).length === 0 ? s[0] : e[0].color ? s[M.indexOf(e[0].color)] : n.gray,
+									cx: Z(r.date),
+									cy: Q(r.y)
+								},
+								whileInView: {
+									opacity: 1,
+									fill: t.filter((e) => e.color).length === 0 ? s[0] : e[0].color ? s[M.indexOf(e[0].color)] : n.gray,
+									transition: {
+										duration: V ? E.duration : .5,
+										delay: V ? 0 : E.duration
+									},
+									cx: Z(r.date),
+									cy: Q(r.y)
+								}
+							},
+							initial: "initial",
+							animate: B ? "whileInView" : "initial"
+						}) : null }, `${r.label}_${i}`)),
+						((T || []).indexOf(e[0].label) !== -1 && Be || U?.label === e[0].label) && Re ? /* @__PURE__ */ (0, x.jsx)(p.text, {
+							className: "text-sm font-bold",
+							dx: 5,
+							dy: 4,
+							exit: {
+								opacity: 0,
+								transition: { duration: E.duration }
+							},
+							variants: {
+								initial: {
+									opacity: 0,
+									fill: t.filter((e) => e.color).length === 0 ? s[0] : e[0].color ? s[M.indexOf(e[0].color)] : n.gray,
+									x: Z(e[e.length - 1].date),
+									y: Q(e[e.length - 1].y)
+								},
+								whileInView: {
+									opacity: 1,
+									fill: t.filter((e) => e.color).length === 0 ? s[0] : e[0].color ? s[M.indexOf(e[0].color)] : n.gray,
+									x: Z(e[e.length - 1].date),
+									y: Q(e[e.length - 1].y),
+									transition: {
+										duration: V ? E.duration : .5,
+										delay: V ? 0 : E.duration
+									}
+								}
+							},
+							initial: "initial",
+							animate: B ? "whileInView" : "initial",
+							children: e[0].label
+						}) : null
+					]
+				}, e[0].label)), U ? /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsx)("text", {
+					y: Q(U.y) - 8,
+					x: Z(U.date),
+					className: m("graph-value text-sm font-bold", P?.graphObjectValues),
+					style: {
+						fill: t.filter((e) => e.color).length === 0 ? s[0] : U.color ? s[M.indexOf(U.color)] : n.gray,
+						textAnchor: "middle",
+						...j?.graphObjectValues || {}
+					},
+					children: ce(U.y, L, I, y, _, R, z)
+				}), Ve && /* @__PURE__ */ (0, x.jsx)("text", {
+					y: Q(U.y) + 20,
+					x: Z(U.date),
+					className: m("graph-value text-sm fill-primary-gray-500 dark:fill-primary-gray-400", P?.graphObjectValues),
+					style: {
+						textAnchor: "middle",
+						...j?.graphObjectValues || {}
+					},
+					children: ee(new Date(U.date), c || "yyyy")
+				})] }) : null] }),
+				H.filter((e) => !a(e.y)).map((e, t) => /* @__PURE__ */ (0, x.jsx)("g", { children: /* @__PURE__ */ (0, x.jsx)("path", {
+					d: nt.renderCell(H.findIndex((t) => t.label === e.label && t.date === e.date)),
+					opacity: 0,
+					onMouseEnter: (t) => {
+						W(e), K(t.clientY), G(t.clientX), S?.(e);
+					},
+					onMouseMove: (t) => {
+						W(e), K(t.clientY), G(t.clientX);
+					},
+					onMouseLeave: () => {
+						W(void 0), G(void 0), K(void 0), S?.(void 0);
+					}
+				}) }, t)),
+				Ae?.map((e) => /* @__PURE__ */ (0, x.jsx)(de, {
+					text: e.text,
+					color: e.color,
+					y: Q(e.value),
+					x1: 0 - b,
+					x2: J + q.right,
+					classNames: e.classNames,
+					styles: e.styles,
+					animate: E,
+					isInView: B
+				}, e.text)),
+				/* @__PURE__ */ (0, x.jsx)("g", { children: O.map((e) => {
+					let t = we({
+						x: e.xCoordinate ? Z(l(`${e.xCoordinate}`, c, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+						y: e.yCoordinate ? Q(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
+					}, {
+						x: e.xCoordinate ? Z(l(`${e.xCoordinate}`, c, /* @__PURE__ */ new Date())) : 0,
+						y: e.yCoordinate ? Q(e.yCoordinate) : 0
+					}, a(e.connectorRadius) ? 3.5 : e.connectorRadius), n = e.showConnector ? {
+						y1: t.y,
+						x1: t.x,
+						y2: e.yCoordinate ? Q(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
+						x2: e.xCoordinate ? Z(l(`${e.xCoordinate}`, c, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+						cy: e.yCoordinate ? Q(e.yCoordinate) : 0,
+						cx: e.xCoordinate ? Z(l(`${e.xCoordinate}`, c, /* @__PURE__ */ new Date())) : 0,
+						circleRadius: a(e.connectorRadius) ? 3.5 : e.connectorRadius,
+						strokeWidth: e.showConnector === !0 ? 2 : Math.min(e.showConnector || 0, 1)
+					} : void 0, r = {
+						y: e.yCoordinate ? Q(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
+						x: Me ? 0 : e.xCoordinate ? Z(l(`${e.xCoordinate}`, c, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+						width: Me ? e.xCoordinate ? Z(l(`${e.xCoordinate}`, c, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : J + q.right - (e.xCoordinate ? Z(l(`${e.xCoordinate}`, c, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
+						maxWidth: e.maxWidth,
+						fontWeight: e.fontWeight,
+						align: e.align
+					};
+					return /* @__PURE__ */ (0, x.jsx)(Ce, {
+						color: e.color,
+						connectorsSettings: n,
+						labelSettings: r,
+						text: e.text,
+						classNames: e.classNames,
+						styles: e.styles,
+						animate: E,
+						isInView: B
+					}, e.text);
+				}) }),
+				ze.filter((e) => e.position === "after").map((e) => e.layer)
+			]
+		})
+	}), U && ke && qe && Je ? /* @__PURE__ */ (0, x.jsx)(fe, {
+		data: U,
+		body: ke,
+		xPos: qe,
+		yPos: Je,
+		backgroundStyle: j?.tooltip,
+		className: P?.tooltip
+	}) : null] });
+}
+//#endregion
+//#region src/Components/Graphs/LineCharts/MultiLineAltChart/index.tsx
+function S(e) {
+	let { data: t, graphTitle: a, showNAColor: ee = !0, colors: l, colorDomain: u, sources: d, graphDescription: re, height: ie, width: f, footNote: p, noOfXTicks: ae = 10, dateFormat: oe = "yyyy", padding: se, backgroundColor: ce = !1, leftMargin: le = 30, rightMargin: ue = 50, topMargin: de = 20, bottomMargin: fe = 25, showColorScale: pe = !0, tooltip: me, relativeHeight: he, onSeriesMouseOver: ge, showLabels: _e = !0, showHighlightedLinesLabels: ve = !1, refValues: be = [], highlightAreaSettings: xe = [], graphID: Se, minValue: Ce, maxValue: we, highlightedLines: Te, graphDownload: Ee = !1, dataDownload: m = !1, animate: _ = !1, language: v = "en", colorLegendTitle: y, minHeight: b = 0, strokeWidth: Oe = 2, showDots: S = !0, annotations: Ae = [], customHighlightAreaSettings: je = [], theme: C = "light", ariaLabel: w, yAxisTitle: T, noOfYTicks: E = 5, minDate: Me, maxDate: D, curveType: Ne = "curve", styles: O, classNames: k, dimmedOpacity: Pe = .3, customLayers: Fe = [], naLabel: Ie = "NA", showDateOnHover: Le = !1, numberDisplayOptions: A } = e, [j, M] = g(0), [N, P] = g(0), [Re, F] = g(void 0), I = h(null), L = h(null);
+	return De(() => {
+		let e = new ResizeObserver((e) => {
+			M(e[0].target.clientWidth || 620), P(e[0].target.clientHeight || 480);
+		});
+		return I.current && e.observe(I.current), () => e.disconnect();
+	}, []), /* @__PURE__ */ (0, x.jsxs)(s, {
+		className: k?.graphContainer,
+		style: O?.graphContainer,
+		id: Se,
+		ref: L,
+		"aria-label": w,
+		backgroundColor: ce,
+		theme: C,
+		language: v,
+		minHeight: b,
+		width: f,
+		height: ie,
+		relativeHeight: he,
+		padding: se,
+		children: [
+			a || re || Ee || m ? /* @__PURE__ */ (0, x.jsx)(i, {
+				styles: {
+					title: O?.title,
+					description: O?.description
+				},
+				classNames: {
+					title: k?.title,
+					description: k?.description
+				},
+				graphTitle: a,
+				graphDescription: re,
+				width: f,
+				graphDownload: Ee ? L : void 0,
+				dataDownload: m ? 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,
+			pe && t.filter((e) => e.color).length !== 0 && t.length > 0 ? /* @__PURE__ */ (0, x.jsx)(te, {
+				width: f,
+				colorLegendTitle: y,
+				colors: l || n[C].categoricalColors.colors,
+				colorDomain: u || o(t, "color", !0),
+				setSelectedColor: F,
+				showNAColor: ee,
+				className: k?.colorLegend
+			}) : null,
+			/* @__PURE__ */ (0, x.jsxs)(c, {
+				ref: I,
+				children: [t.length === 0 && /* @__PURE__ */ (0, x.jsx)(ne, {}), j && N && t.length > 0 ? /* @__PURE__ */ (0, x.jsx)(ke, {
+					data: t,
+					lineColors: t.filter((e) => e.color).length === 0 ? l ? [l] : [n.primaryColors["blue-600"]] : l || n[C].categoricalColors.colors,
+					width: j,
+					height: N,
+					dateFormat: oe,
+					noOfXTicks: ae ?? ye(j),
+					leftMargin: le,
+					rightMargin: ue,
+					topMargin: de,
+					bottomMargin: fe,
+					tooltip: me,
+					onSeriesMouseOver: ge,
+					highlightAreaSettings: xe,
+					refValues: be,
+					minValue: Ce,
+					maxValue: we,
+					highlightedLines: Te,
+					showHighlightedLinesLabels: ve,
+					animate: _ === !0 ? {
+						duration: .5,
+						once: !0,
+						amount: .5
+					} : _ || {
+						duration: 0,
+						once: !0,
+						amount: 0
+					},
+					rtl: v === "he" || v === "ar",
+					strokeWidth: Oe,
+					showDots: S,
+					annotations: Ae,
+					customHighlightAreaSettings: je,
+					yAxisTitle: T,
+					noOfYTicks: E,
+					minDate: Me,
+					maxDate: D,
+					curveType: Ne,
+					styles: O,
+					classNames: k,
+					selectedColor: Re,
+					showLabels: _e,
+					colorDomain: t.filter((e) => e.color).length === 0 ? [] : u || o(t, "color", !0),
+					dimmedOpacity: Pe,
+					customLayers: Fe,
+					naLabel: Ie,
+					showDateOnHover: Le,
+					locale: A?.locale || "en",
+					padZeros: A?.padZeros || !1,
+					suffix: A?.suffix || "",
+					prefix: A?.prefix || "",
+					precision: A?.precision ?? 2
+				}) : null]
+			}),
+			d || p ? /* @__PURE__ */ (0, x.jsx)(r, {
+				styles: {
+					footnote: O?.footnote,
+					source: O?.source
+				},
+				classNames: {
+					footnote: k?.footnote,
+					source: k?.source
+				},
+				sources: d,
+				footNote: p,
+				width: f
+			}) : null
+		]
+	});
+}
+//#endregion
+export { S as t };
+
+//# sourceMappingURL=MultiLineAltChart-CZGWeSsV.js.map

package/dist/MultiLineAltChart-CZGWeSsV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLineAltChart-CZGWeSsV.js","names":[],"sources":["../node_modules/d3-array/src/permute.js","../node_modules/d3-array/src/sort.js","../src/Components/Graphs/LineCharts/MultiLineAltChart/Graph.tsx","../src/Components/Graphs/LineCharts/MultiLineAltChart/index.tsx"],"sourcesContent":["export default function permute(source, keys) {\n  return Array.from(keys, key => source[key]);\n}\n","import ascending from \"./ascending.js\";\nimport permute from \"./permute.js\";\n\nexport default function sort(values, ...F) {\n  if (typeof values[Symbol.iterator] !== \"function\") throw new TypeError(\"values is not iterable\");\n  values = Array.from(values);\n  let [f] = F;\n  if ((f && f.length !== 2) || F.length > 1) {\n    const index = Uint32Array.from(values, (d, i) => i);\n    if (F.length > 1) {\n      F = F.map(f => values.map(f));\n      index.sort((i, j) => {\n        for (const f of F) {\n          const c = ascendingDefined(f[i], f[j]);\n          if (c) return c;\n        }\n      });\n    } else {\n      f = values.map(f);\n      index.sort((i, j) => ascendingDefined(f[i], f[j]));\n    }\n    return permute(values, index);\n  }\n  return values.sort(compareDefined(f));\n}\n\nexport function compareDefined(compare = ascending) {\n  if (compare === ascending) return ascendingDefined;\n  if (typeof compare !== \"function\") throw new TypeError(\"compare is not a function\");\n  return (a, b) => {\n    const x = compare(a, b);\n    if (x || x === 0) return x;\n    return (compare(b, b) === 0) - (compare(a, a) === 0);\n  };\n}\n\nexport function ascendingDefined(a, b) {\n  return (a == null || !(a >= a)) - (b == null || !(b >= b)) || (a < b ? -1 : a > b ? 1 : 0);\n}\n","import { cn } from '@undp/design-system-react/cn';\nimport { ascending, bisectCenter, sort } from 'd3-array';\nimport { Delaunay } from 'd3-delaunay';\nimport { scaleLinear, scaleTime } from 'd3-scale';\nimport { pointer, select } from 'd3-selection';\nimport {\n  curveLinear,\n  curveMonotoneX,\n  curveStep,\n  curveStepAfter,\n  curveStepBefore,\n  line,\n} from 'd3-shape';\nimport { format } from 'date-fns/format';\nimport { parse } from 'date-fns/parse';\nimport orderBy from 'lodash.orderby';\nimport { motion, useInView } from 'motion/react';\nimport { useEffect, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { Annotation } from '@/Components/Elements/Annotations';\nimport { Axis } from '@/Components/Elements/Axes/Axis';\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\nimport { HighlightArea } from '@/Components/Elements/HighlightArea';\nimport { CustomArea } from '@/Components/Elements/HighlightArea/customArea';\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport type {\n  AnimateDataType,\n  AnnotationSettingsDataType,\n  ClassNameObject,\n  CurveTypes,\n  CustomHighlightAreaSettingsDataType,\n  CustomLayerDataType,\n  HighlightAreaSettingsDataType,\n  MultiLineAltChartDataType,\n  ReferenceDataType,\n  StyleObject,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { getLineEndPoint } from '@/Utils/getLineEndPoint';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\nimport { uniqBy } from '@/Utils/uniqBy';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: MultiLineAltChartDataType[];\n  lineColors: string[];\n  width: number;\n  height: number;\n  dateFormat: string;\n  noOfXTicks: number;\n  topMargin: number;\n  bottomMargin: number;\n  leftMargin: number;\n  rightMargin: number;\n  suffix: string;\n  prefix: string;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  highlightAreaSettings: HighlightAreaSettingsDataType[];\n  refValues: ReferenceDataType[];\n  maxValue?: number;\n  minValue?: number;\n  highlightedLines?: (string | number)[];\n  animate: AnimateDataType;\n  rtl: boolean;\n  strokeWidth: number;\n  showLabels: boolean;\n  showDots: boolean;\n  annotations: AnnotationSettingsDataType[];\n  customHighlightAreaSettings: CustomHighlightAreaSettingsDataType[];\n  yAxisTitle?: string;\n  noOfYTicks: number;\n  minDate?: string | number;\n  maxDate?: string | number;\n  colorDomain: (string | number)[];\n  curveType: CurveTypes;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  selectedColor?: string;\n  dimmedOpacity: number;\n  precision: number;\n  customLayers: CustomLayerDataType[];\n  naLabel: string;\n  showHighlightedLinesLabels: boolean;\n  showDateOnHover: boolean;\n  locale: string;\n  padZeros: boolean;\n}\n\ninterface FormattedDataType {\n  y: number;\n  date: Date;\n  label: number | string;\n}\n\nexport function Graph(props: Props) {\n  const {\n    data,\n    width,\n    height,\n    lineColors,\n    dateFormat,\n    noOfXTicks,\n    rightMargin,\n    topMargin,\n    bottomMargin,\n    suffix,\n    prefix,\n    leftMargin,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    highlightAreaSettings,\n    minValue,\n    maxValue,\n    highlightedLines,\n    animate,\n    rtl,\n    strokeWidth,\n    showDots,\n    annotations,\n    customHighlightAreaSettings,\n    yAxisTitle,\n    noOfYTicks,\n    minDate,\n    maxDate,\n    curveType,\n    styles,\n    colorDomain,\n    selectedColor,\n    classNames,\n    showLabels,\n    dimmedOpacity,\n    precision,\n    naLabel,\n    customLayers,\n    showHighlightedLinesLabels,\n    showDateOnHover,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  const [hasAnimatedOnce, setHasAnimatedOnce] = useState(false);\n\n  useEffect(() => {\n    if (isInView && !hasAnimatedOnce) {\n      const timeout = setTimeout(\n        () => {\n          setHasAnimatedOnce(true);\n        },\n        (animate.duration + 0.5) * 1000,\n      );\n      return () => clearTimeout(timeout);\n    }\n  }, [isInView, hasAnimatedOnce, animate.duration]);\n  const curve =\n    curveType === 'linear'\n      ? curveLinear\n      : curveType === 'step'\n        ? curveStep\n        : curveType === 'stepAfter'\n          ? curveStepAfter\n          : curveType === 'stepBefore'\n            ? curveStepBefore\n            : curveMonotoneX;\n  const dataFormatted = orderBy(\n    data.map((d) => ({\n      ...d,\n      date: parse(`${d.date}`, dateFormat, new Date()),\n    })),\n    ['date'],\n    ['asc'],\n  ).filter((d) => !checkIfNullOrUndefined(d.y));\n  const labels = uniqBy(dataFormatted, 'label', true) as (string | number)[];\n  const dates = sort(\n    uniqBy(data, 'date', true).map((d) => parse(`${d}`, dateFormat, new Date())),\n    (a, b) => ascending(a, b),\n  );\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const margin = {\n    top: topMargin,\n    bottom: bottomMargin,\n    left: yAxisTitle ? leftMargin + 30 : leftMargin,\n    right: rightMargin,\n  };\n  const MouseoverRectRef = useRef(null);\n  const lineArray = labels.map((d) =>\n    orderBy(\n      dataFormatted.filter((el) => el.label === d),\n      ['date'],\n      ['asc'],\n    ),\n  );\n  const highlightAreaSettingsFormatted = highlightAreaSettings.map((d) => ({\n    ...d,\n    coordinates: [\n      d.coordinates[0] === null ? null : parse(`${d.coordinates[0]}`, dateFormat, new Date()),\n      d.coordinates[1] === null ? null : parse(`${d.coordinates[1]}`, dateFormat, new Date()),\n    ],\n  }));\n  const customHighlightAreaSettingsFormatted = customHighlightAreaSettings.map((d) => ({\n    ...d,\n    coordinates: d.coordinates.map((el, j) =>\n      j % 2 === 0 ? parse(`${el}`, dateFormat, new Date()) : (el as number),\n    ),\n  }));\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n  const minYear = minDate ? parse(`${minDate}`, dateFormat, new Date()) : dates[0];\n  const maxYear = maxDate ? parse(`${maxDate}`, dateFormat, new Date()) : dates[dates.length - 1];\n  const minParam: number = checkIfNullOrUndefined(minValue)\n    ? Math.min(\n        ...(dataFormatted.map((d) => d.y).filter((d) => !checkIfNullOrUndefined(d)) as number[]),\n      )\n      ? (Math.min(\n          ...(dataFormatted.map((d) => d.y).filter((d) => !checkIfNullOrUndefined(d)) as number[]),\n        ) as number) > 0\n        ? 0\n        : (Math.min(\n            ...(dataFormatted\n              .map((d) => d.y)\n              .filter((d) => !checkIfNullOrUndefined(d)) as number[]),\n          ) as number)\n      : 0\n    : (minValue as number);\n  const maxParam: number = (Math.max(\n    ...(dataFormatted.map((d) => d.y).filter((d) => !checkIfNullOrUndefined(d)) as number[]),\n  ) as number)\n    ? (Math.max(\n        ...(dataFormatted.map((d) => d.y).filter((d) => !checkIfNullOrUndefined(d)) as number[]),\n      ) as number)\n    : 0;\n\n  const x = scaleTime().domain([minYear, maxYear]).range([0, graphWidth]);\n  const y = scaleLinear()\n    .domain([\n      checkIfNullOrUndefined(minValue) ? minParam : (minValue as number),\n      checkIfNullOrUndefined(maxValue) ? (maxParam > 0 ? maxParam : 0) : (maxValue as number),\n    ])\n    .range([graphHeight, 0])\n    .nice();\n\n  const voronoiDiagram = Delaunay.from(\n    dataFormatted.filter((d) => !checkIfNullOrUndefined(d.date) && !checkIfNullOrUndefined(d.y)),\n    (d) => x(d.date),\n    (d) => y(d.y as number),\n  ).voronoi([0, 0, graphWidth < 0 ? 0 : graphWidth, graphHeight < 0 ? 0 : graphHeight]);\n  const lineShape = line<FormattedDataType>()\n    .x((d) => x(d.date))\n    .y((d) => y(d.y))\n    .curve(curve);\n  const yTicks = y.ticks(noOfYTicks);\n  const xTicks = x.ticks(noOfXTicks);\n  useEffect(() => {\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    const mousemove = (event: any) => {\n      const selectedData =\n        dataFormatted[\n          bisectCenter(\n            dataFormatted.map((d) => d.date),\n            x.invert(pointer(event)[0]),\n            0,\n          )\n        ];\n      setMouseOverData(selectedData || dataFormatted[dataFormatted.length - 1]);\n      setEventY(event.clientY);\n      setEventX(event.clientX);\n      onSeriesMouseOver?.(selectedData || dataFormatted[dataFormatted.length - 1]);\n    };\n    const mouseout = () => {\n      setMouseOverData(undefined);\n      setEventX(undefined);\n      setEventY(undefined);\n    };\n    select(MouseoverRectRef.current).on('mousemove', mousemove).on('mouseout', mouseout);\n    onSeriesMouseOver?.(undefined);\n  }, [x, dataFormatted, onSeriesMouseOver]);\n\n  return (\n    <>\n      <motion.svg\n        width={`${width}px`}\n        height={`${height}px`}\n        viewBox={`0 0 ${width} ${height}`}\n        direction='ltr'\n        ref={svgRef}\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          <HighlightArea\n            areaSettings={highlightAreaSettingsFormatted}\n            width={graphWidth}\n            height={graphHeight}\n            scale={x}\n            animate={animate}\n            isInView={isInView}\n          />\n          <CustomArea\n            areaSettings={customHighlightAreaSettingsFormatted}\n            scaleX={x}\n            scaleY={y}\n            animate={animate}\n            isInView={isInView}\n          />\n          <g>\n            <YTicksAndGridLines\n              values={yTicks.filter((d) => d !== 0)}\n              y={yTicks.filter((d) => d !== 0).map((d) => y(d))}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              styles={{\n                gridLines: styles?.yAxis?.gridLines,\n                labels: styles?.yAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.yAxis?.gridLines,\n                labels: classNames?.yAxis?.labels,\n              }}\n              suffix={suffix}\n              prefix={prefix}\n              labelType='secondary'\n              showGridLines\n              labelPos='vertical'\n              precision={precision}\n              locale={locale}\n              padZeros={padZeros}\n            />\n            <Axis\n              y1={y(minParam < 0 ? 0 : minParam)}\n              y2={y(minParam < 0 ? 0 : minParam)}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              label={numberFormattingFunction(\n                minParam < 0 ? 0 : minParam,\n                undefined,\n                precision,\n                prefix,\n                suffix,\n                locale,\n                padZeros,\n              )}\n              labelPos={{\n                x: 0 - leftMargin,\n                y: y(minParam < 0 ? 0 : minParam),\n                dx: 0,\n                dy: maxParam < 0 ? '1em' : -5,\n              }}\n              classNames={{\n                axis: classNames?.xAxis?.axis,\n                label: classNames?.yAxis?.labels,\n              }}\n              styles={{\n                axis: styles?.xAxis?.axis,\n                label: styles?.yAxis?.labels,\n              }}\n            />\n            <AxisTitle\n              x={0 - leftMargin - 15}\n              y={graphHeight / 2}\n              style={styles?.yAxis?.title}\n              className={classNames?.yAxis?.title}\n              text={yAxisTitle}\n              rotate90\n            />\n          </g>\n          <g>\n            <XTicksAndGridLines\n              values={xTicks.map((d) => format(d, dateFormat))}\n              x={xTicks.map((d) => x(d))}\n              y1={0}\n              y2={graphHeight}\n              styles={{\n                gridLines: styles?.xAxis?.gridLines,\n                labels: styles?.xAxis?.labels,\n              }}\n              classNames={{\n                gridLines: cn('opacity-0', classNames?.xAxis?.gridLines),\n                labels: cn(\n                  'fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs',\n                  classNames?.xAxis?.labels,\n                ),\n              }}\n              suffix={suffix}\n              prefix={prefix}\n              labelType='primary'\n              showGridLines\n              precision={precision}\n              locale={locale}\n              padZeros={padZeros}\n            />\n          </g>\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <motion.g>\n            {lineArray.map((d) => (\n              <motion.g\n                key={d[0].label}\n                exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                variants={{\n                  initial: {\n                    opacity: mouseOverData\n                      ? d[0].label === mouseOverData.label\n                        ? 1\n                        : dimmedOpacity\n                      : selectedColor\n                        ? d[0].color\n                          ? lineColors[colorDomain.indexOf(d[0].color)] === selectedColor\n                            ? 1\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : highlightedLines\n                          ? highlightedLines.indexOf(d[0].label) !== -1\n                            ? 1\n                            : dimmedOpacity\n                          : 1,\n                  },\n                  whileInView: {\n                    opacity: mouseOverData\n                      ? d[0].label === mouseOverData.label\n                        ? 1\n                        : dimmedOpacity\n                      : selectedColor\n                        ? d[0].color\n                          ? lineColors[colorDomain.indexOf(d[0].color)] === selectedColor\n                            ? 1\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : highlightedLines\n                          ? highlightedLines.indexOf(d[0].label) !== -1\n                            ? 1\n                            : dimmedOpacity\n                          : 1,\n                    transition: { duration: animate.duration },\n                  },\n                }}\n                initial='initial'\n                animate={isInView ? 'whileInView' : 'initial'}\n              >\n                <motion.path\n                  d={\n                    lineShape(\n                      d.filter((el): el is FormattedDataType => !checkIfNullOrUndefined(el.y)),\n                    ) || ''\n                  }\n                  style={{\n                    fill: 'none',\n                    strokeWidth: mouseOverData\n                      ? d[0].label === mouseOverData.label\n                        ? strokeWidth + Math.max(2, 0.5 * strokeWidth)\n                        : strokeWidth\n                      : highlightedLines\n                        ? highlightedLines.indexOf(d[0].label) !== -1\n                          ? strokeWidth + Math.max(2, 0.5 * strokeWidth)\n                          : strokeWidth\n                        : strokeWidth,\n                  }}\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                  variants={{\n                    initial: {\n                      pathLength: 0,\n                      d:\n                        lineShape(\n                          d.filter((el): el is FormattedDataType => !checkIfNullOrUndefined(el.y)),\n                        ) || '',\n                      opacity: 1,\n                      stroke:\n                        data.filter((el) => el.color).length === 0\n                          ? lineColors[0]\n                          : !d[0].color\n                            ? Colors.gray\n                            : lineColors[colorDomain.indexOf(d[0].color)],\n                    },\n                    whileInView: {\n                      pathLength: 1,\n                      d:\n                        lineShape(\n                          d.filter((el): el is FormattedDataType => !checkIfNullOrUndefined(el.y)),\n                        ) || '',\n                      opacity: 1,\n                      stroke:\n                        data.filter((el) => el.color).length === 0\n                          ? lineColors[0]\n                          : !d[0].color\n                            ? Colors.gray\n                            : lineColors[colorDomain.indexOf(d[0].color)],\n                      transition: { duration: animate.duration },\n                    },\n                  }}\n                  initial='initial'\n                  animate={isInView ? 'whileInView' : 'initial'}\n                />\n                {d.map((el, j) => (\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  <motion.g key={`${el.label}_${j}`}>\n                    {!checkIfNullOrUndefined(el.y) && showDots ? (\n                      <motion.circle\n                        r={graphWidth / d.length < 5 ? 0 : graphWidth / d.length < 20 ? 2 : 4}\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                        variants={{\n                          initial: {\n                            opacity: 0,\n                            fill:\n                              data.filter((el) => el.color).length === 0\n                                ? lineColors[0]\n                                : !d[0].color\n                                  ? Colors.gray\n                                  : lineColors[colorDomain.indexOf(d[0].color)],\n                            cx: x(el.date),\n                            cy: y(el.y as number),\n                          },\n                          whileInView: {\n                            opacity: 1,\n                            fill:\n                              data.filter((el) => el.color).length === 0\n                                ? lineColors[0]\n                                : !d[0].color\n                                  ? Colors.gray\n                                  : lineColors[colorDomain.indexOf(d[0].color)],\n                            transition: {\n                              duration: hasAnimatedOnce ? animate.duration : 0.5,\n                              delay: hasAnimatedOnce ? 0 : animate.duration,\n                            },\n                            cx: x(el.date),\n                            cy: y(el.y as number),\n                          },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                      />\n                    ) : null}\n                  </motion.g>\n                ))}\n                {(((highlightedLines || []).indexOf(d[0].label) !== -1 &&\n                  showHighlightedLinesLabels) ||\n                  mouseOverData?.label === d[0].label) &&\n                showLabels ? (\n                  <motion.text\n                    className='text-sm font-bold'\n                    dx={5}\n                    dy={4}\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                    variants={{\n                      initial: {\n                        opacity: 0,\n                        fill:\n                          data.filter((el) => el.color).length === 0\n                            ? lineColors[0]\n                            : !d[0].color\n                              ? Colors.gray\n                              : lineColors[colorDomain.indexOf(d[0].color)],\n                        x: x(d[d.length - 1].date),\n                        y: y(d[d.length - 1].y as number),\n                      },\n                      whileInView: {\n                        opacity: 1,\n                        fill:\n                          data.filter((el) => el.color).length === 0\n                            ? lineColors[0]\n                            : !d[0].color\n                              ? Colors.gray\n                              : lineColors[colorDomain.indexOf(d[0].color)],\n                        x: x(d[d.length - 1].date),\n                        y: y(d[d.length - 1].y as number),\n                        transition: {\n                          duration: hasAnimatedOnce ? animate.duration : 0.5,\n                          delay: hasAnimatedOnce ? 0 : animate.duration,\n                        },\n                      },\n                    }}\n                    initial='initial'\n                    animate={isInView ? 'whileInView' : 'initial'}\n                  >\n                    {d[0].label}\n                  </motion.text>\n                ) : null}\n              </motion.g>\n            ))}\n            {mouseOverData ? (\n              <>\n                <text\n                  y={y(mouseOverData.y) - 8}\n                  x={x(mouseOverData.date)}\n                  className={cn('graph-value text-sm font-bold', classNames?.graphObjectValues)}\n                  style={{\n                    fill:\n                      data.filter((el) => el.color).length === 0\n                        ? lineColors[0]\n                        : !mouseOverData.color\n                          ? Colors.gray\n                          : lineColors[colorDomain.indexOf(mouseOverData.color)],\n                    textAnchor: 'middle',\n                    ...(styles?.graphObjectValues || {}),\n                  }}\n                >\n                  {numberFormattingFunction(\n                    mouseOverData.y,\n                    naLabel,\n                    precision,\n                    prefix,\n                    suffix,\n                    locale,\n                    padZeros,\n                  )}\n                </text>\n                {showDateOnHover && (\n                  <text\n                    y={y(mouseOverData.y) + 20}\n                    x={x(mouseOverData.date)}\n                    className={cn(\n                      'graph-value text-sm fill-primary-gray-500 dark:fill-primary-gray-400',\n                      classNames?.graphObjectValues,\n                    )}\n                    style={{\n                      textAnchor: 'middle',\n                      ...(styles?.graphObjectValues || {}),\n                    }}\n                  >\n                    {format(new Date(mouseOverData.date), dateFormat || 'yyyy')}\n                  </text>\n                )}\n              </>\n            ) : null}\n          </motion.g>\n          {dataFormatted\n            .filter((d) => !checkIfNullOrUndefined(d.y))\n            .map((d, i) => {\n              return (\n                // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                <g key={i}>\n                  {/* biome-ignore lint/a11y/noStaticElementInteractions: interaction for graph */}\n                  <path\n                    d={voronoiDiagram.renderCell(\n                      dataFormatted.findIndex((el) => el.label === d.label && el.date === d.date),\n                    )}\n                    opacity={0}\n                    onMouseEnter={(event) => {\n                      setMouseOverData(d);\n                      setEventY(event.clientY);\n                      setEventX(event.clientX);\n                      onSeriesMouseOver?.(d);\n                    }}\n                    onMouseMove={(event) => {\n                      setMouseOverData(d);\n                      setEventY(event.clientY);\n                      setEventX(event.clientX);\n                    }}\n                    onMouseLeave={() => {\n                      setMouseOverData(undefined);\n                      setEventX(undefined);\n                      setEventY(undefined);\n                      onSeriesMouseOver?.(undefined);\n                    }}\n                  />\n                </g>\n              );\n            })}\n          {refValues?.map((el) => (\n            <RefLineY\n              key={el.text}\n              text={el.text}\n              color={el.color}\n              y={y(el.value as number)}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              classNames={el.classNames}\n              styles={el.styles}\n              animate={animate}\n              isInView={isInView}\n            />\n          ))}\n          <g>\n            {annotations.map((d) => {\n              const endPoints = getLineEndPoint(\n                {\n                  x: d.xCoordinate\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                    : 0 + (d.xOffset || 0),\n                  y: d.yCoordinate\n                    ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\n                    : 0 + (d.yOffset || 0) - 8,\n                },\n                {\n                  x: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\n                  y: d.yCoordinate ? y(d.yCoordinate as number) : 0,\n                },\n                checkIfNullOrUndefined(d.connectorRadius) ? 3.5 : (d.connectorRadius as number),\n              );\n              const connectorSettings = d.showConnector\n                ? {\n                    y1: endPoints.y,\n                    x1: endPoints.x,\n                    y2: d.yCoordinate\n                      ? y(d.yCoordinate as number) + (d.yOffset || 0)\n                      : 0 + (d.yOffset || 0),\n                    x2: d.xCoordinate\n                      ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0),\n                    cy: d.yCoordinate ? y(d.yCoordinate as number) : 0,\n                    cx: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\n                    circleRadius: checkIfNullOrUndefined(d.connectorRadius)\n                      ? 3.5\n                      : (d.connectorRadius as number),\n                    strokeWidth: d.showConnector === true ? 2 : Math.min(d.showConnector || 0, 1),\n                  }\n                : undefined;\n              const labelSettings = {\n                y: d.yCoordinate\n                  ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\n                  : 0 + (d.yOffset || 0) - 8,\n                x: rtl\n                  ? 0\n                  : d.xCoordinate\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                    : 0 + (d.xOffset || 0),\n                width: rtl\n                  ? d.xCoordinate\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                    : 0 + (d.xOffset || 0)\n                  : graphWidth +\n                    margin.right -\n                    (d.xCoordinate\n                      ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0)),\n                maxWidth: d.maxWidth,\n                fontWeight: d.fontWeight,\n                align: d.align,\n              };\n              return (\n                <Annotation\n                  key={d.text}\n                  color={d.color}\n                  connectorsSettings={connectorSettings}\n                  labelSettings={labelSettings}\n                  text={d.text}\n                  classNames={d.classNames}\n                  styles={d.styles}\n                  animate={animate}\n                  isInView={isInView}\n                />\n              );\n            })}\n          </g>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\nimport { EmptyState } from '@/Components/Elements/EmptyState';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  AnimateDataType,\n  AnnotationSettingsDataType,\n  ClassNameObject,\n  CurveTypes,\n  CustomHighlightAreaSettingsDataType,\n  CustomLayerDataType,\n  HighlightAreaSettingsDataType,\n  Languages,\n  MultiLineAltChartDataType,\n  NumberFormatOptions,\n  ReferenceDataType,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { getNoOfTicks } from '@/Utils/getNoOfTicks';\nimport { uniqBy } from '@/Utils/uniqBy';\nimport { Graph } from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: MultiLineAltChartDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Color or array of colors for lines */\n  colors?: string | string[];\n  /** Domain of colors for the graph */\n  colorDomain?: (string | number)[];\n  /** Toggle the visibility of labels of the lines when highlighted or mouse hovered */\n  showLabels?: boolean;\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n\n  // Values and Ticks\n  /** Maximum value for the chart */\n  maxValue?: number;\n  /** Minimum value for the chart */\n  minValue?: number;\n  /** Reference values for comparison */\n  refValues?: ReferenceDataType[];\n  /** Maximum value of the date for the chart */\n  maxDate?: string | number;\n  /** Minimum value of the date for the chart */\n  minDate?: string | number;\n  /** No. of ticks on the x-axis  */\n  noOfXTicks?: number;\n  /** No. of ticks on the y-axis  */\n  noOfYTicks?: number;\n\n  // Graph Parameters\n  /** Toggle visibility of dots on the line */\n  showDots?: boolean;\n  /** Stroke width of the line */\n  strokeWidth?: number;\n  /** Toggle the initial animation of the line. If the type is number then it uses the number as the time in seconds for animation. */\n  animate?: boolean | AnimateDataType;\n  /** Format of the date in the data object. Available formats can be found [here](https://date-fns.org/docs/format)  */\n  dateFormat?: string;\n  /** Title for the Y-axis */\n  yAxisTitle?: string;\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\n  showColorScale?: boolean;\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\n  showNAColor?: boolean;\n  /** Toggle visibility of year labels on hover. */\n  showDateOnHover?: boolean;\n  /** Defines how “NA” values should be displayed/labelled in the graph */\n  naLabel?: string;\n  /** Data points to highlight. Use the label value from data to highlight the data point */\n  highlightedLines?: (string | number)[];\n  /** Defines if the labels should be shown for highlighted lines. */\n  showHighlightedLinesLabels?: boolean;\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\n  /** Annotations on the chart */\n  annotations?: AnnotationSettingsDataType[];\n  /** Highlighted area(square) on the chart  */\n  highlightAreaSettings?: HighlightAreaSettingsDataType[];\n  /** Highlighted area(custom shape) on the chart  */\n  customHighlightAreaSettings?: CustomHighlightAreaSettingsDataType[];\n  /** Curve type for the line */\n  curveType?: CurveTypes;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function MultiLineAltChart(props: Props) {\n  const {\n    data,\n    graphTitle,\n    showNAColor = true,\n    colors,\n    colorDomain,\n    sources,\n    graphDescription,\n    height,\n    width,\n    footNote,\n    noOfXTicks = 10,\n    dateFormat = 'yyyy',\n    padding,\n    backgroundColor = false,\n    leftMargin = 30,\n    rightMargin = 50,\n    topMargin = 20,\n    bottomMargin = 25,\n    showColorScale = true,\n    tooltip,\n    relativeHeight,\n    onSeriesMouseOver,\n    showLabels = true,\n    showHighlightedLinesLabels = false,\n    refValues = [],\n    highlightAreaSettings = [],\n    graphID,\n    minValue,\n    maxValue,\n    highlightedLines,\n    graphDownload = false,\n    dataDownload = false,\n    animate = false,\n    language = 'en',\n    colorLegendTitle,\n    minHeight = 0,\n    strokeWidth = 2,\n    showDots = true,\n    annotations = [],\n    customHighlightAreaSettings = [],\n    theme = 'light',\n    ariaLabel,\n    yAxisTitle,\n    noOfYTicks = 5,\n    minDate,\n    maxDate,\n    curveType = 'curve',\n    styles,\n    classNames,\n    dimmedOpacity = 0.3,\n    customLayers = [],\n    naLabel = 'NA',\n    showDateOnHover = false,\n    numberDisplayOptions,\n  } = props;\n\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      {showColorScale && data.filter((el) => el.color).length !== 0 && data.length > 0 ? (\n        <ColorLegendWithMouseOver\n          width={width}\n          colorLegendTitle={colorLegendTitle}\n          colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\n          colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\n          setSelectedColor={setSelectedColor}\n          showNAColor={showNAColor}\n          className={classNames?.colorLegend}\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {data.length === 0 && <EmptyState />}\n        {svgWidth && svgHeight && data.length > 0 ? (\n          <Graph\n            data={data}\n            lineColors={\n              data.filter((el) => el.color).length === 0\n                ? colors\n                  ? [colors as string]\n                  : [Colors.primaryColors['blue-600']]\n                : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\n            }\n            width={svgWidth}\n            height={svgHeight}\n            dateFormat={dateFormat}\n            noOfXTicks={noOfXTicks ?? getNoOfTicks(svgWidth)}\n            leftMargin={leftMargin}\n            rightMargin={rightMargin}\n            topMargin={topMargin}\n            bottomMargin={bottomMargin}\n            tooltip={tooltip}\n            onSeriesMouseOver={onSeriesMouseOver}\n            highlightAreaSettings={highlightAreaSettings}\n            refValues={refValues}\n            minValue={minValue}\n            maxValue={maxValue}\n            highlightedLines={highlightedLines}\n            showHighlightedLinesLabels={showHighlightedLinesLabels}\n            animate={\n              animate === true\n                ? { duration: 0.5, once: true, amount: 0.5 }\n                : animate || { duration: 0, once: true, amount: 0 }\n            }\n            rtl={language === 'he' || language === 'ar'}\n            strokeWidth={strokeWidth}\n            showDots={showDots}\n            annotations={annotations}\n            customHighlightAreaSettings={customHighlightAreaSettings}\n            yAxisTitle={yAxisTitle}\n            noOfYTicks={noOfYTicks}\n            minDate={minDate}\n            maxDate={maxDate}\n            curveType={curveType}\n            styles={styles}\n            classNames={classNames}\n            selectedColor={selectedColor}\n            showLabels={showLabels}\n            colorDomain={\n              data.filter((el) => el.color).length === 0\n                ? []\n                : colorDomain || (uniqBy(data, 'color', true) as string[])\n            }\n            dimmedOpacity={dimmedOpacity}\n            customLayers={customLayers}\n            naLabel={naLabel}\n            showDateOnHover={showDateOnHover}\n            locale={numberDisplayOptions?.locale || 'en'}\n            padZeros={numberDisplayOptions?.padZeros || false}\n            suffix={numberDisplayOptions?.suffix || ''}\n            prefix={numberDisplayOptions?.prefix || ''}\n            precision={numberDisplayOptions?.precision ?? 2}\n          />\n        ) : null}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"x_google_ignoreList":[0,1],"mappings":"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"}