@undp/data-viz 2.5.3 → 2.6.0

package/dist/UnitChart.js

@@ -1,17 +1,17 @@
-import { c as Pt, j as r } from "./index-CHPV5EwG-BzibaIRc.js";
+import { c as Rt, j as r } from "./compiler-runtime-qHgugrLy.js";
 import { useRef as Ct } from "react";
-import { s as Rt } from "./index-CeVNqhMO.js";
-import { _ as Bt, E as Ot } from "./Typography-BO0gQDIT.js";
+import { s as Bt } from "./index-CeVNqhMO.js";
+import { P as Et, H2 as Ot } from "@undp/design-system-react/Typography";
 import { GraphFooter as qt } from "./GraphFooter.js";
 import { GraphHeader as Ut } from "./GraphHeader.js";
 import { Colors as Jt } from "./Colors.js";
 import { n as Kt } from "./numberFormattingFunction-BUUV_luR.js";
-import { G as Qt, a as Xt } from "./GraphContainer-B8ZqOzKI.js";
-import { m as Yt } from "./proxy-BsxtcZKa.js";
-import { u as _t } from "./use-in-view-KOXq5Kmc.js";
-import { A as te } from "./index-Cv_5q6Rb.js";
+import { G as Qt, a as Xt } from "./GraphContainer-DcOM2CI6.js";
+import { m as Yt } from "./proxy-D31SA_aE.js";
+import { u as _t } from "./use-in-view-Co5SmzfT.js";
+import { A as te } from "./index-CNUlPiEL.js";
 function we(l) {
-  const t = Pt.c(137), {
+  const t = Rt.c(137), {
     data: a,
     size: jt,
     graphTitle: w,
@@ -25,9 +25,9 @@ function we(l) {
     padding: ft,
     backgroundColor: zt,
     graphID: mt,
-    graphDownload: St,
-    language: $t,
-    showColorScale: Ht,
+    graphDownload: Ht,
+    language: St,
+    showColorScale: $t,
     showStrokeForWhiteDots: Lt,
     note: C,
     dataDownload: Mt,
@@ -42,7 +42,7 @@ function we(l) {
     animate: Gt,
     naLabel: It,
     numberDisplayOptions: o
-  } = l, Y = jt === void 0 ? 200 : jt, j = kt === void 0 ? Jt.light.categoricalColors.colors : kt, _ = Dt === void 0 ? 100 : Dt, Zt = bt === void 0 ? 3 : bt, v = Nt === void 0 ? 10 : Nt, ht = zt === void 0 ? !1 : zt, k = St === void 0 ? !1 : St, gt = $t === void 0 ? "en" : $t, tt = Ht === void 0 ? !0 : Ht, et = Lt === void 0 ? !0 : Lt, ot = Mt === void 0 ? !1 : Mt, xt = Vt === void 0 ? "light" : Vt, c = Ft === void 0 ? 0 : Ft, lt = Gt === void 0 ? !1 : Gt, it = It === void 0 ? "NA" : It, Tt = Ct(null);
+  } = l, Y = jt === void 0 ? 200 : jt, j = kt === void 0 ? Jt.light.categoricalColors.colors : kt, _ = Dt === void 0 ? 100 : Dt, Wt = bt === void 0 ? 3 : bt, v = Nt === void 0 ? 10 : Nt, ht = zt === void 0 ? !1 : zt, k = Ht === void 0 ? !1 : Ht, gt = St === void 0 ? "en" : St, tt = $t === void 0 ? !0 : $t, et = Lt === void 0 ? !0 : Lt, ot = Mt === void 0 ? !1 : Mt, xt = Vt === void 0 ? "light" : Vt, c = Ft === void 0 ? 0 : Ft, lt = Gt === void 0 ? !1 : Gt, it = It === void 0 ? "NA" : It, Pt = Ct(null);
   let nt;
   t[0] !== lt ? (nt = lt === !0 ? {
     duration: 0.5,
@@ -59,28 +59,28 @@ function we(l) {
     once: f.once,
     amount: f.amount
   }, t[2] = f.amount, t[3] = f.once, t[4] = st) : st = t[4];
-  const vt = _t(Tt, st);
+  const vt = _t(Pt, st);
   let ct;
-  t[5] !== a ? (ct = Rt(a.map(le)), t[5] = a, t[6] = ct) : ct = t[6];
-  const wt = ct, Wt = Ct(null), At = Ct(null), d = Y / v, D = (d - Zt * 2) / 2;
+  t[5] !== a ? (ct = Bt(a.map(le)), t[5] = a, t[6] = ct) : ct = t[6];
+  const wt = ct, Tt = Ct(null), Zt = Ct(null), d = Y / v, D = (d - Wt * 2) / 2;
   if (D <= 0)
     return console.error("The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0."), null;
-  let b, N, z, S, $, H, L, M, V, F, G, I, T, W, Z, A, E, P, R, B, O, q, u, h, g, U;
+  let b, N, z, H, S, $, L, M, V, F, G, I, P, T, W, Z, A, R, B, E, O, q, u, h, g, U;
   if (t[7] !== f.duration || t[8] !== ut || t[9] !== ht || t[10] !== n?.description || t[11] !== n?.graphContainer || t[12] !== n?.title || t[13] !== j || t[14] !== a || t[15] !== ot || t[16] !== y || t[17] !== k || t[18] !== mt || t[19] !== w || t[20] !== d || t[21] !== v || t[22] !== x || t[23] !== vt || t[24] !== gt || t[25] !== c || t[26] !== it || t[27] !== C || t[28] !== o?.locale || t[29] !== o?.padZeros || t[30] !== o?.precision || t[31] !== o?.prefix || t[32] !== o?.suffix || t[33] !== ft || t[34] !== D || t[35] !== s || t[36] !== tt || t[37] !== et || t[38] !== Y || t[39] !== i?.description || t[40] !== i?.graphContainer || t[41] !== i?.title || t[42] !== xt || t[43] !== _ || t[44] !== wt || t[45] !== e) {
     const yt = [];
     a.forEach((p, m) => {
-      const Et = Math.round(p.value / wt * _);
-      for (let pt = 0; pt < Et; pt = pt + 1, pt)
+      const At = Math.round(p.value / wt * _);
+      for (let pt = 0; pt < At; pt = pt + 1, pt)
         yt.push({
           color: j[m]
         });
-    }), z = Qt, F = n?.graphContainer, G = i?.graphContainer, I = mt, T = Wt, W = ut, Z = ht, A = xt, E = gt, P = c, R = e, B = x, O = s, q = ft, t[72] !== n?.description || t[73] !== n?.title || t[74] !== a || t[75] !== ot || t[76] !== y || t[77] !== k || t[78] !== w || t[79] !== i?.description || t[80] !== i?.title || t[81] !== e ? (u = w || y || k ? /* @__PURE__ */ r.jsx(Ut, { styles: {
+    }), z = Qt, F = n?.graphContainer, G = i?.graphContainer, I = mt, P = Tt, T = ut, W = ht, Z = xt, A = gt, R = c, B = e, E = x, O = s, q = ft, t[72] !== n?.description || t[73] !== n?.title || t[74] !== a || t[75] !== ot || t[76] !== y || t[77] !== k || t[78] !== w || t[79] !== i?.description || t[80] !== i?.title || t[81] !== e ? (u = w || y || k ? /* @__PURE__ */ r.jsx(Ut, { styles: {
       title: i?.title,
       description: i?.description
     }, classNames: {
       title: n?.title,
       description: n?.description
-    }, graphTitle: w, graphDescription: y, width: e, graphDownload: k ? Wt : void 0, dataDownload: ot ? a.map(ae).filter(re).length > 0 ? a.map(ie).filter(oe) : a.filter(ee) : null }) : null, t[72] = n?.description, t[73] = n?.title, t[74] = a, t[75] = ot, t[76] = y, t[77] = k, t[78] = w, t[79] = i?.description, t[80] = i?.title, t[81] = e, t[82] = u) : u = t[82], t[83] !== C || t[84] !== e ? (h = C ? /* @__PURE__ */ r.jsx(Ot, { marginBottom: "2xs", className: "text-primary-gray-700 dark:text-primary-gray-100 font-bold", style: {
+    }, graphTitle: w, graphDescription: y, width: e, graphDownload: k ? Tt : void 0, dataDownload: ot ? a.map(ae).filter(re).length > 0 ? a.map(ie).filter(oe) : a.filter(ee) : null }) : null, t[72] = n?.description, t[73] = n?.title, t[74] = a, t[75] = ot, t[76] = y, t[77] = k, t[78] = w, t[79] = i?.description, t[80] = i?.title, t[81] = e, t[82] = u) : u = t[82], t[83] !== C || t[84] !== e ? (h = C ? /* @__PURE__ */ r.jsx(Ot, { marginBottom: "2xs", className: "text-primary-gray-700 dark:text-primary-gray-100 font-bold", style: {
       width: e ? `${e}px` : "100%"
     }, children: C }) : null, t[83] = C, t[84] = e, t[85] = h) : h = t[85], t[86] !== j || t[87] !== a || t[88] !== it || t[89] !== o?.locale || t[90] !== o?.padZeros || t[91] !== o?.precision || t[92] !== o?.prefix || t[93] !== o?.suffix || t[94] !== tt || t[95] !== e ? (g = tt ? /* @__PURE__ */ r.jsx("div", { className: "mb-4 leading-0", style: {
       width: e ? `${e}px` : "100%"
@@ -88,13 +88,13 @@ function we(l) {
       /* @__PURE__ */ r.jsx("div", { className: "w-3 h-3 rounded-full", style: {
         backgroundColor: j[m]
       } }),
-      /* @__PURE__ */ r.jsxs(Bt, { marginBottom: "none", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: [
+      /* @__PURE__ */ r.jsxs(Et, { marginBottom: "none", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: [
         p.label,
         ":",
         " ",
         /* @__PURE__ */ r.jsx("span", { className: "font-bold", children: Kt(p.value, it, o?.precision ?? 2, o?.prefix, o?.suffix, o?.locale || "en", o?.padZeros || !1) })
       ] })
-    ] }, m)) }) }) : null, t[86] = j, t[87] = a, t[88] = it, t[89] = o?.locale, t[90] = o?.padZeros, t[91] = o?.precision, t[92] = o?.prefix, t[93] = o?.suffix, t[94] = tt, t[95] = e, t[96] = g) : g = t[96], N = Xt, V = At, S = `${e || Y}px`, $ = `${Math.max(c, x ? s && e ? c ? e * s > c ? e * s : c : e * s : x : Math.floor((_ - 1) / v) * d + d / 2 + D + 5)}px`, H = Tt, L = "ltr", M = `0 0 ${e || Y} ${Math.max(c, x ? s && e ? c ? e * s > c ? e * s : c : e * s : x : Math.floor((_ - 1) / v) * d + d / 2 + D + 5)}`, b = te, U = /* @__PURE__ */ r.jsx("g", { children: yt.map((p, m) => /* @__PURE__ */ r.jsx(Yt.circle, { style: {
+    ] }, m)) }) }) : null, t[86] = j, t[87] = a, t[88] = it, t[89] = o?.locale, t[90] = o?.padZeros, t[91] = o?.precision, t[92] = o?.prefix, t[93] = o?.suffix, t[94] = tt, t[95] = e, t[96] = g) : g = t[96], N = Xt, V = Zt, H = `${e || Y}px`, S = `${Math.max(c, x ? s && e ? c ? e * s > c ? e * s : c : e * s : x : Math.floor((_ - 1) / v) * d + d / 2 + D + 5)}px`, $ = Pt, L = "ltr", M = `0 0 ${e || Y} ${Math.max(c, x ? s && e ? c ? e * s > c ? e * s : c : e * s : x : Math.floor((_ - 1) / v) * d + d / 2 + D + 5)}`, b = te, U = /* @__PURE__ */ r.jsx("g", { children: yt.map((p, m) => /* @__PURE__ */ r.jsx(Yt.circle, { style: {
       strokeWidth: 1
     }, variants: {
       initial: {
@@ -119,13 +119,13 @@ function we(l) {
           delay: f.duration / yt.length * m
         }
       }
-    }, initial: "initial", animate: vt ? "whileInView" : "initial", className: (p.color.toLowerCase() === "#fff" || p.color.toLowerCase() === "#ffffff" || p.color.toLowerCase() === "white") && et ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "", r: D }, m)) }), t[7] = f.duration, t[8] = ut, t[9] = ht, t[10] = n?.description, t[11] = n?.graphContainer, t[12] = n?.title, t[13] = j, t[14] = a, t[15] = ot, t[16] = y, t[17] = k, t[18] = mt, t[19] = w, t[20] = d, t[21] = v, t[22] = x, t[23] = vt, t[24] = gt, t[25] = c, t[26] = it, t[27] = C, t[28] = o?.locale, t[29] = o?.padZeros, t[30] = o?.precision, t[31] = o?.prefix, t[32] = o?.suffix, t[33] = ft, t[34] = D, t[35] = s, t[36] = tt, t[37] = et, t[38] = Y, t[39] = i?.description, t[40] = i?.graphContainer, t[41] = i?.title, t[42] = xt, t[43] = _, t[44] = wt, t[45] = e, t[46] = b, t[47] = N, t[48] = z, t[49] = S, t[50] = $, t[51] = H, t[52] = L, t[53] = M, t[54] = V, t[55] = F, t[56] = G, t[57] = I, t[58] = T, t[59] = W, t[60] = Z, t[61] = A, t[62] = E, t[63] = P, t[64] = R, t[65] = B, t[66] = O, t[67] = q, t[68] = u, t[69] = h, t[70] = g, t[71] = U;
+    }, initial: "initial", animate: vt ? "whileInView" : "initial", className: (p.color.toLowerCase() === "#fff" || p.color.toLowerCase() === "#ffffff" || p.color.toLowerCase() === "white") && et ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "", r: D }, m)) }), t[7] = f.duration, t[8] = ut, t[9] = ht, t[10] = n?.description, t[11] = n?.graphContainer, t[12] = n?.title, t[13] = j, t[14] = a, t[15] = ot, t[16] = y, t[17] = k, t[18] = mt, t[19] = w, t[20] = d, t[21] = v, t[22] = x, t[23] = vt, t[24] = gt, t[25] = c, t[26] = it, t[27] = C, t[28] = o?.locale, t[29] = o?.padZeros, t[30] = o?.precision, t[31] = o?.prefix, t[32] = o?.suffix, t[33] = ft, t[34] = D, t[35] = s, t[36] = tt, t[37] = et, t[38] = Y, t[39] = i?.description, t[40] = i?.graphContainer, t[41] = i?.title, t[42] = xt, t[43] = _, t[44] = wt, t[45] = e, t[46] = b, t[47] = N, t[48] = z, t[49] = H, t[50] = S, t[51] = $, t[52] = L, t[53] = M, t[54] = V, t[55] = F, t[56] = G, t[57] = I, t[58] = P, t[59] = T, t[60] = W, t[61] = Z, t[62] = A, t[63] = R, t[64] = B, t[65] = E, t[66] = O, t[67] = q, t[68] = u, t[69] = h, t[70] = g, t[71] = U;
   } else
-    b = t[46], N = t[47], z = t[48], S = t[49], $ = t[50], H = t[51], L = t[52], M = t[53], V = t[54], F = t[55], G = t[56], I = t[57], T = t[58], W = t[59], Z = t[60], A = t[61], E = t[62], P = t[63], R = t[64], B = t[65], O = t[66], q = t[67], u = t[68], h = t[69], g = t[70], U = t[71];
+    b = t[46], N = t[47], z = t[48], H = t[49], S = t[50], $ = t[51], L = t[52], M = t[53], V = t[54], F = t[55], G = t[56], I = t[57], P = t[58], T = t[59], W = t[60], Z = t[61], A = t[62], R = t[63], B = t[64], E = t[65], O = t[66], q = t[67], u = t[68], h = t[69], g = t[70], U = t[71];
   let J;
   t[97] !== b || t[98] !== U ? (J = /* @__PURE__ */ r.jsx(b, { children: U }), t[97] = b, t[98] = U, t[99] = J) : J = t[99];
   let K;
-  t[100] !== S || t[101] !== $ || t[102] !== H || t[103] !== L || t[104] !== M || t[105] !== J ? (K = /* @__PURE__ */ r.jsx("svg", { width: S, height: $, ref: H, direction: L, viewBox: M, children: J }), t[100] = S, t[101] = $, t[102] = H, t[103] = L, t[104] = M, t[105] = J, t[106] = K) : K = t[106];
+  t[100] !== H || t[101] !== S || t[102] !== $ || t[103] !== L || t[104] !== M || t[105] !== J ? (K = /* @__PURE__ */ r.jsx("svg", { width: H, height: S, ref: $, direction: L, viewBox: M, children: J }), t[100] = H, t[101] = S, t[102] = $, t[103] = L, t[104] = M, t[105] = J, t[106] = K) : K = t[106];
   let Q;
   t[107] !== N || t[108] !== V || t[109] !== K ? (Q = /* @__PURE__ */ r.jsx(N, { ref: V, children: K }), t[107] = N, t[108] = V, t[109] = K, t[110] = Q) : Q = t[110];
   let X;
@@ -134,13 +134,13 @@ function we(l) {
     source: i?.source
   }, sources: rt, footNote: at, width: e }) : null, t[111] = at, t[112] = rt, t[113] = i?.footnote, t[114] = i?.source, t[115] = e, t[116] = X) : X = t[116];
   let dt;
-  return t[117] !== z || t[118] !== F || t[119] !== G || t[120] !== I || t[121] !== T || t[122] !== W || t[123] !== Z || t[124] !== A || t[125] !== E || t[126] !== P || t[127] !== R || t[128] !== B || t[129] !== O || t[130] !== q || t[131] !== u || t[132] !== h || t[133] !== g || t[134] !== Q || t[135] !== X ? (dt = /* @__PURE__ */ r.jsxs(z, { className: F, style: G, id: I, ref: T, "aria-label": W, backgroundColor: Z, theme: A, language: E, minHeight: P, width: R, height: B, relativeHeight: O, padding: q, children: [
+  return t[117] !== z || t[118] !== F || t[119] !== G || t[120] !== I || t[121] !== P || t[122] !== T || t[123] !== W || t[124] !== Z || t[125] !== A || t[126] !== R || t[127] !== B || t[128] !== E || t[129] !== O || t[130] !== q || t[131] !== u || t[132] !== h || t[133] !== g || t[134] !== Q || t[135] !== X ? (dt = /* @__PURE__ */ r.jsxs(z, { className: F, style: G, id: I, ref: P, "aria-label": T, backgroundColor: W, theme: Z, language: A, minHeight: R, width: B, height: E, relativeHeight: O, padding: q, children: [
     u,
     h,
     g,
     Q,
     X
-  ] }), t[117] = z, t[118] = F, t[119] = G, t[120] = I, t[121] = T, t[122] = W, t[123] = Z, t[124] = A, t[125] = E, t[126] = P, t[127] = R, t[128] = B, t[129] = O, t[130] = q, t[131] = u, t[132] = h, t[133] = g, t[134] = Q, t[135] = X, t[136] = dt) : dt = t[136], dt;
+  ] }), t[117] = z, t[118] = F, t[119] = G, t[120] = I, t[121] = P, t[122] = T, t[123] = W, t[124] = Z, t[125] = A, t[126] = R, t[127] = B, t[128] = E, t[129] = O, t[130] = q, t[131] = u, t[132] = h, t[133] = g, t[134] = Q, t[135] = X, t[136] = dt) : dt = t[136], dt;
 }
 function ee(l) {
   return l !== void 0;

package/dist/WaterfallChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CHPV5EwG-D4pAp7u0.cjs"),k=require("react"),ee=require("./index-DQA8q5sC.cjs"),Kt=require("./numberFormattingFunction-u2iNHL_c.cjs"),ie=require("./Tooltip-C9F3uYG0.cjs"),St=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),vt=require("./Colors.cjs"),oe=require("./AxisTitle-DP_evhbe.cjs"),ne=require("./Axis-BTaS9oPQ.cjs"),se=require("./ReferenceLine-CpU4G01Y.cjs"),re=require("./YTicksAndGridLines-sT3zdCs6.cjs"),le=require("./XAxesLabels-C03jHniq.cjs"),ae=require("./DetailsModal-Du8Fr1QD.cjs"),Dt=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),ce=require("./linear-CgUCbw9F.cjs"),ue=require("./band-VYfcZeJ2.cjs"),Zt=require("./proxy-CqH8m8IQ.cjs"),de=require("./use-in-view-dnRv_qqF.cjs"),xe=require("./index-FXfr51ZM.cjs"),me=require("./ColorLegendWithMouseOver.cjs"),fe=require("./EmptyState-CFmiFPHz.cjs"),Qt=require("./GraphContainer-Cul9b74X.cjs"),he=require("./GraphFooter.cjs"),pe=require("./GraphHeader.cjs"),_t=require("./uniqBy-O05lp2S5.cjs");function ge(i){let t=0,o=0,C=0;for(const p of i)t+=p||0,t>o&&(o=t),t<C&&(C=t);return{max:o,min:C}}function be(i){const t=n.compilerRuntimeExports.c(46),{leftMargin:o,rightMargin:C,topMargin:p,bottomMargin:et,data:g,width:yt,height:Ct,barColor:b,suffix:wt,prefix:it,barPadding:m,showLabels:jt,showValues:W,showTicks:Ot,colorDomain:L,truncateBy:Et,tooltip:ot,onSeriesMouseOver:Mt,refValues:At,selectedColor:F,maxValue:Rt,minValue:Vt,highlightedDataPoints:H,onSeriesMouseClick:nt,labelOrder:y,maxBarThickness:kt,minBarThickness:It,detailsOnClick:q,barAxisTitle:U,noOfTicks:zt,styles:f,classNames:d,dimmedOpacity:$,animate:u,precision:Lt,customLayers:B,naLabel:Ut,hideAxisLine:Yt,locale:st,padZeros:Y}=i,w=o===void 0?20:o,rt=C===void 0?20:C,lt=p===void 0?20:p,at=et===void 0?25:et,Pt=k.useRef(null);let a;t[0]!==u.amount||t[1]!==u.once?(a={once:u.once,amount:u.amount},t[0]=u.amount,t[1]=u.once,t[2]=a):a=t[2];const r=de.useInView(Pt,a),Tt=U?w+30:w;let ct;t[3]!==at||t[4]!==rt||t[5]!==Tt||t[6]!==lt?(ct={top:lt,bottom:at,left:Tt,right:rt},t[3]=at,t[4]=rt,t[5]=Tt,t[6]=lt,t[7]=ct):ct=t[7];const v=ct,{max:Nt,min:Xt}=ge(g.map(Te)),Gt=St.checkIfNullOrUndefined(Rt)?Nt:Rt,l=St.checkIfNullOrUndefined(Vt)?Xt:Vt,[X,ut]=k.useState(void 0),[D,S]=k.useState(void 0),[Z,dt]=k.useState(void 0),[J,K]=k.useState(void 0),j=yt-v.left-v.right,T=Ct-v.top-v.bottom;let Q;if(t[8]!==g||t[9]!==y){const e=new Set,R=g.map((G,te)=>{const Jt=y?`${G.label}`:`${te}`;return e.add(Jt),{...G,id:Jt}}),c=y?y.filter(G=>!e.has(G)):[];Q=[...R,...c.map(Le)],t[8]=g,t[9]=y,t[10]=Q}else Q=t[10];const _=Q;let h;t[11]!==_||t[12]!==y?(h=y??_.map(ke),t[11]=_,t[12]=y,t[13]=h):h=t[13];const xt=h,s=ce.linear().domain([l,Gt]).range([T,0]).nice(),x=ue.band().domain(xt).range([0,It?Math.max(j,It*xt.length):kt?Math.min(j,kt*xt.length):j]).paddingInner(m),qt=s.ticks(zt);let V=0;const Wt=_.map(e=>{const R=V;return V=V+(e.size||0),{...e,start:R,end:V}}),mt=d?.xAxis?.axis,ft=d?.yAxis?.labels;let I;t[14]!==ft||t[15]!==mt?(I={axis:mt,label:ft},t[14]=ft,t[15]=mt,t[16]=I):I=t[16];const Ft=f?.xAxis?.axis,tt=f?.yAxis?.labels;let $t;t[17]!==Ft||t[18]!==tt?($t={axis:Ft,label:tt},t[17]=Ft,t[18]=tt,t[19]=$t):$t=t[19];const ht=0-w-15,Ht=T/2,pt=f?.yAxis?.title,Bt=d?.yAxis?.title;let z;t[20]!==U||t[21]!==ht||t[22]!==Ht||t[23]!==pt||t[24]!==Bt?(z=n.jsxRuntimeExports.jsx(oe.AxisTitle,{x:ht,y:Ht,style:pt,className:Bt,text:U,rotate90:!0}),t[20]=U,t[21]=ht,t[22]=Ht,t[23]=pt,t[24]=Bt,t[25]=z):z=t[25];let P;t[26]!==B?(P=B.filter(Me).map(Ee),t[26]=B,t[27]=P):P=t[27];const gt=xe.AnimatePresence,bt=Wt.map((e,R)=>St.checkIfNullOrUndefined(x(e.id))?null:n.jsxRuntimeExports.jsxs(Zt.motion.g,{className:"undp-viz-g-with-hover",initial:"initial",animate:r?"whileInView":"initial",variants:{initial:{opacity:F?e.color&&b[L.indexOf(e.color)]===F?1:$:H?H.indexOf(e.label)!==-1?.85:$:.85},whileInView:{opacity:F?e.color&&b[L.indexOf(e.color)]===F?1:$:H?H.indexOf(e.label)!==-1?.85:$:.85,transition:{duration:u.duration}}},exit:{opacity:0,transition:{duration:u.duration}},onMouseEnter:c=>{ut(e),K(c.clientY),dt(c.clientX),Mt?.(e)},onClick:()=>{(nt||q)&&(ee.isEqual(D,e)?(S(void 0),nt?.(void 0)):(S(e),nt?.(e)))},onMouseMove:c=>{ut(e),K(c.clientY),dt(c.clientX)},onMouseLeave:()=>{ut(void 0),dt(void 0),K(void 0),Mt?.(void 0)},children:[e.size?n.jsxRuntimeExports.jsx(Zt.motion.rect,{width:x.bandwidth(),initial:"initial",animate:r?"whileInView":"initial",variants:{initial:{height:0,x:x(`${e.id}`),y:s(e.start),fill:g.filter(Oe).length===0?b[0]:e.color?b[L.indexOf(e.color)]:vt.Colors.gray},whileInView:{height:Math.abs(s(e.start)-s(e.end)),y:s(Math.max(e.start,e.end)),x:x(`${e.id}`),fill:g.filter(je).length===0?b[0]:e.color?b[L.indexOf(e.color)]:vt.Colors.gray,transition:{duration:u.duration}}},exit:{height:0,y:s(e.start),transition:{duration:u.duration}}}):null,jt?n.jsxRuntimeExports.jsx(le.XAxesLabels,{value:`${e.label}`.length<Et?`${e.label}`:`${`${e.label}`.substring(0,Et)}...`,y:s(0)+5,x:x(`${e.id}`),width:x.bandwidth(),height:v.bottom,style:f?.xAxis?.labels,className:d?.xAxis?.labels,alignment:"top",animate:u,isInView:r}):null,W&&Math.abs(s(e.start)-s(e.end))>16?n.jsxRuntimeExports.jsx(Zt.motion.text,{style:{textAnchor:"middle",...f?.graphObjectValues||{}},className:n.mo("graph-value text-sm",d?.graphObjectValues),dy:"0.33em",variants:{initial:{x:x(`${e.id}`)+x.bandwidth()/2,y:(s(e.start)+s(e.end))/2,opacity:0,fill:g.filter(we).length===0?Dt.getTextColorBasedOnBgColor(b[0]):e.color?Dt.getTextColorBasedOnBgColor(b[L.indexOf(e.color)]):Dt.getTextColorBasedOnBgColor(vt.Colors.gray)},whileInView:{x:x(`${e.id}`)+x.bandwidth()/2,y:(s(e.start)+s(e.end))/2,fill:g.filter(Ce).length===0?Dt.getTextColorBasedOnBgColor(b[0]):e.color?Dt.getTextColorBasedOnBgColor(b[L.indexOf(e.color)]):Dt.getTextColorBasedOnBgColor(vt.Colors.gray),opacity:1,transition:{duration:u.duration}}},initial:"initial",animate:r?"whileInView":"initial",exit:{opacity:0,transition:{duration:u.duration}},children:Kt.numberFormattingFunction(e.size?Math.abs(e.size):e.size,Ut,Lt,it,wt,st,Y)}):null]},e.label)),N=At?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:At.map((e,R)=>n.jsxRuntimeExports.jsx(se.RefLineY,{text:e.text,color:e.color,y:s(e.value),x1:0-w,x2:j+v.right,classNames:e.classNames,styles:e.styles,animate:u,isInView:r},R))}):null;let O;t[28]!==gt||t[29]!==bt||t[30]!==N?(O=n.jsxRuntimeExports.jsxs(gt,{children:[bt,N]}),t[28]=gt,t[29]=bt,t[30]=N,t[31]=O):O=t[31];let E;t[32]!==B?(E=B.filter(ye).map(ve),t[32]=B,t[33]=E):E=t[33];let M;t[34]!==d?.tooltip||t[35]!==Z||t[36]!==J||t[37]!==X||t[38]!==f?.tooltip||t[39]!==ot?(M=X&&ot&&Z&&J?n.jsxRuntimeExports.jsx(ie.Tooltip,{data:X,body:ot,xPos:Z,yPos:J,backgroundStyle:f?.tooltip,className:d?.tooltip}):null,t[34]=d?.tooltip,t[35]=Z,t[36]=J,t[37]=X,t[38]=f?.tooltip,t[39]=ot,t[40]=M):M=t[40];let A;return t[41]!==d?.modal||t[42]!==q||t[43]!==D||t[44]!==S?(A=q&&D!==void 0?n.jsxRuntimeExports.jsx(ae.DetailsModal,{body:q,data:D,setData:S,className:d?.modal}):null,t[41]=d?.modal,t[42]=q,t[43]=D,t[44]=S,t[45]=A):A=t[45],n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Zt.motion.svg,{ref:Pt,width:`${yt}px`,height:`${Ct}px`,viewBox:`0 0 ${yt} ${Ct}`,direction:"ltr",children:n.jsxRuntimeExports.jsxs("g",{transform:`translate(${v.left},${v.top})`,children:[n.jsxRuntimeExports.jsx(ne.Axis,{y1:s(l<0?0:l),y2:s(l<0?0:l),x1:0-w,x2:j+v.right,hideAxisLine:Yt,label:Ot?Kt.numberFormattingFunction(l<0?0:l,void 0,Lt,it,wt,st,Y):void 0,labelPos:{x:0-w,dx:0,dy:Gt<0?"1em":-5,y:s(l<0?0:l)},classNames:I,styles:$t}),Ot?n.jsxRuntimeExports.jsx(re.YTicksAndGridLines,{values:qt.filter(Re),y:qt.filter(Ae).map(e=>s(e)),x1:0-w,x2:j+v.right,styles:{gridLines:f?.yAxis?.gridLines,labels:f?.yAxis?.labels},classNames:{gridLines:d?.yAxis?.gridLines,labels:d?.yAxis?.labels},suffix:wt,prefix:it,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:Lt,locale:st,padZeros:Y}):null,z,P,O,E]})}),M,A]})}function ve(i){return i.layer}function ye(i){return i.position==="after"}function Ce(i){return i.color}function we(i){return i.color}function je(i){return i.color}function Oe(i){return i.color}function Ee(i){return i.layer}function Me(i){return i.position==="before"}function Ae(i){return i!==0}function Re(i){return i!==0}function ke(i){return`${i.id}`}function Le(i){return{id:i,label:i,color:null,size:null}}function Te(i){return i.size}function Ne(i){const t=n.compilerRuntimeExports.c(101),{data:o,graphTitle:C,colors:p,sources:et,graphDescription:g,barPadding:yt,showValues:Ct,showTicks:b,truncateBy:wt,height:it,width:m,footNote:jt,colorDomain:W,colorLegendTitle:Ot,highlightedDataPoints:L,padding:Et,backgroundColor:ot,topMargin:Mt,bottomMargin:At,leftMargin:F,rightMargin:Rt,showLabels:Vt,relativeHeight:H,tooltip:nt,onSeriesMouseOver:y,refValues:kt,showColorScale:It,graphID:q,maxValue:U,minValue:zt,onSeriesMouseClick:f,graphDownload:d,dataDownload:$,labelOrder:u,language:Lt,showNAColor:B,minHeight:Ut,theme:Yt,maxBarThickness:st,maxNumberOfBars:Y,minBarThickness:w,ariaLabel:rt,detailsOnClick:lt,barAxisTitle:at,noOfTicks:Pt,styles:a,classNames:r,filterNA:Tt,animate:ct,dimmedOpacity:v,customLayers:Nt,naLabel:Xt,hideAxisLine:Gt,numberDisplayOptions:l}=i,X=yt===void 0?.25:yt,ut=Ct===void 0?!0:Ct,D=b===void 0?!0:b,S=wt===void 0?999:wt,Z=ot===void 0?!1:ot,dt=Vt===void 0?!0:Vt,J=It===void 0?!0:It,K=d===void 0?!1:d,j=$===void 0?!1:$,T=Lt===void 0?"en":Lt,Q=B===void 0?!0:B,_=Ut===void 0?0:Ut,h=Yt===void 0?"light":Yt,xt=Pt===void 0?5:Pt,s=Tt===void 0?!0:Tt,x=ct===void 0?!1:ct,qt=v===void 0?.3:v;let V;t[0]!==Nt?(V=Nt===void 0?[]:Nt,t[0]=Nt,t[1]=V):V=t[1];const Wt=V,mt=Xt===void 0?"NA":Xt,ft=Gt===void 0?!1:Gt,[I,Ft]=k.useState(0),[tt,$t]=k.useState(0),[ht,Ht]=k.useState(void 0),pt=k.useRef(null),Bt=k.useRef(null);let z,P;t[2]===Symbol.for("react.memo_cache_sentinel")?(z=()=>{const c=new ResizeObserver(G=>{Ft(G[0].target.clientWidth||620),$t(G[0].target.clientHeight||480)});return pt.current&&c.observe(pt.current),()=>c.disconnect()},P=[],t[2]=z,t[3]=P):(z=t[2],P=t[3]),k.useEffect(z,P);const gt=r?.graphContainer,bt=a?.graphContainer;let N;t[4]!==r?.description||t[5]!==r?.title||t[6]!==o||t[7]!==j||t[8]!==g||t[9]!==K||t[10]!==C||t[11]!==a?.description||t[12]!==a?.title||t[13]!==m?(N=C||g||K||j?n.jsxRuntimeExports.jsx(pe.GraphHeader,{styles:{title:a?.title,description:a?.description},classNames:{title:r?.title,description:r?.description},graphTitle:C,graphDescription:g,width:m,graphDownload:K?Bt:void 0,dataDownload:j?o.map(ze).filter(Ie).length>0?o.map(Ve).filter(Se):o.filter(De):null}):null,t[4]=r?.description,t[5]=r?.title,t[6]=o,t[7]=j,t[8]=g,t[9]=K,t[10]=C,t[11]=a?.description,t[12]=a?.title,t[13]=m,t[14]=N):N=t[14];let O;t[15]!==r?.colorLegend||t[16]!==W||t[17]!==Ot||t[18]!==p||t[19]!==o||t[20]!==J||t[21]!==Q||t[22]!==h||t[23]!==m?(O=J&&o.filter(Be).length!==0&&o.length>0?n.jsxRuntimeExports.jsx(me.ColorLegendWithMouseOver,{width:m,colorLegendTitle:Ot,colors:p||vt.Colors[h].categoricalColors.colors,colorDomain:W||_t.uniqBy(o,"color",!0),setSelectedColor:Ht,showNAColor:Q,className:r?.colorLegend}):null,t[15]=r?.colorLegend,t[16]=W,t[17]=Ot,t[18]=p,t[19]=o,t[20]=J,t[21]=Q,t[22]=h,t[23]=m,t[24]=O):O=t[24];let E;t[25]!==o||t[26]!==s?(E=o.filter(c=>s?!St.checkIfNullOrUndefined(c.size):c).length===0&&n.jsxRuntimeExports.jsx(fe.EmptyState,{}),t[25]=o,t[26]=s,t[27]=E):E=t[27];let M;t[28]!==x||t[29]!==at||t[30]!==X||t[31]!==At||t[32]!==r||t[33]!==W||t[34]!==p||t[35]!==Wt||t[36]!==o||t[37]!==lt||t[38]!==qt||t[39]!==s||t[40]!==ft||t[41]!==L||t[42]!==u||t[43]!==T||t[44]!==F||t[45]!==st||t[46]!==Y||t[47]!==U||t[48]!==w||t[49]!==zt||t[50]!==mt||t[51]!==xt||t[52]!==l?.locale||t[53]!==l?.padZeros||t[54]!==l?.precision||t[55]!==l?.prefix||t[56]!==l?.suffix||t[57]!==f||t[58]!==y||t[59]!==kt||t[60]!==Rt||t[61]!==ht||t[62]!==dt||t[63]!==D||t[64]!==ut||t[65]!==a||t[66]!==tt||t[67]!==I||t[68]!==h||t[69]!==nt||t[70]!==Mt||t[71]!==S?(M=I&&tt&&o.filter(c=>s?!St.checkIfNullOrUndefined(c.size):c).length>0?n.jsxRuntimeExports.jsx(be,{hideAxisLine:ft,data:o.filter(c=>s?!St.checkIfNullOrUndefined(c.size):c).filter((c,G)=>Y?G<Y:!0),barColor:o.filter($e).length===0?p?[p]:[vt.Colors.primaryColors["blue-600"]]:p||vt.Colors[h].categoricalColors.colors,colorDomain:o.filter(qe).length===0?[]:W||_t.uniqBy(o,"color",!0),selectedColor:ht,width:I,height:tt,barPadding:X,showValues:ut,showTicks:D,leftMargin:F,rightMargin:Rt,topMargin:Mt,bottomMargin:At,truncateBy:S,showLabels:dt,tooltip:nt,onSeriesMouseOver:y,refValues:kt,maxValue:U,minValue:zt,highlightedDataPoints:L,onSeriesMouseClick:f,labelOrder:u,rtl:T==="he"||T==="ar",maxBarThickness:st,minBarThickness:w,detailsOnClick:lt,barAxisTitle:at,noOfTicks:xt,classNames:r,styles:a,animate:x===!0?{duration:.5,once:!0,amount:.5}:x||{duration:0,once:!0,amount:0},dimmedOpacity:qt,customLayers:Wt,naLabel:mt,locale:l?.locale||"en",padZeros:l?.padZeros||!1,suffix:l?.suffix||"",prefix:l?.prefix||"",precision:l?.precision??2}):null,t[28]=x,t[29]=at,t[30]=X,t[31]=At,t[32]=r,t[33]=W,t[34]=p,t[35]=Wt,t[36]=o,t[37]=lt,t[38]=qt,t[39]=s,t[40]=ft,t[41]=L,t[42]=u,t[43]=T,t[44]=F,t[45]=st,t[46]=Y,t[47]=U,t[48]=w,t[49]=zt,t[50]=mt,t[51]=xt,t[52]=l?.locale,t[53]=l?.padZeros,t[54]=l?.precision,t[55]=l?.prefix,t[56]=l?.suffix,t[57]=f,t[58]=y,t[59]=kt,t[60]=Rt,t[61]=ht,t[62]=dt,t[63]=D,t[64]=ut,t[65]=a,t[66]=tt,t[67]=I,t[68]=h,t[69]=nt,t[70]=Mt,t[71]=S,t[72]=M):M=t[72];let A;t[73]!==E||t[74]!==M?(A=n.jsxRuntimeExports.jsxs(Qt.GraphArea,{ref:pt,children:[E,M]}),t[73]=E,t[74]=M,t[75]=A):A=t[75];let e;t[76]!==r?.footnote||t[77]!==r?.source||t[78]!==jt||t[79]!==et||t[80]!==a?.footnote||t[81]!==a?.source||t[82]!==m?(e=et||jt?n.jsxRuntimeExports.jsx(he.GraphFooter,{sources:et,footNote:jt,width:m,styles:{footnote:a?.footnote,source:a?.source},classNames:{footnote:r?.footnote,source:r?.source}}):null,t[76]=r?.footnote,t[77]=r?.source,t[78]=jt,t[79]=et,t[80]=a?.footnote,t[81]=a?.source,t[82]=m,t[83]=e):e=t[83];let R;return t[84]!==rt||t[85]!==Z||t[86]!==q||t[87]!==it||t[88]!==T||t[89]!==_||t[90]!==Et||t[91]!==H||t[92]!==gt||t[93]!==bt||t[94]!==N||t[95]!==O||t[96]!==A||t[97]!==e||t[98]!==h||t[99]!==m?(R=n.jsxRuntimeExports.jsxs(Qt.GraphContainer,{className:gt,style:bt,id:q,ref:Bt,"aria-label":rt,backgroundColor:Z,theme:h,language:T,minHeight:_,width:m,height:it,relativeHeight:H,padding:Et,children:[N,O,A,e]}),t[84]=rt,t[85]=Z,t[86]=q,t[87]=it,t[88]=T,t[89]=_,t[90]=Et,t[91]=H,t[92]=gt,t[93]=bt,t[94]=N,t[95]=O,t[96]=A,t[97]=e,t[98]=h,t[99]=m,t[100]=R):R=t[100],R}function qe(i){return i.color}function $e(i){return i.color}function Be(i){return i.color}function De(i){return i!==void 0}function Se(i){return i!==void 0}function Ve(i){return i.data}function Ie(i){return i!==void 0}function ze(i){return i.data}exports.WaterfallChart=Ne;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./compiler-runtime-oPPev21o.cjs"),k=require("react"),ee=require("./index-DQA8q5sC.cjs"),ie=require("@undp/design-system-react/cn"),Kt=require("./numberFormattingFunction-u2iNHL_c.cjs"),oe=require("./Tooltip-DwUFLDrj.cjs"),St=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),vt=require("./Colors.cjs"),ne=require("./AxisTitle-CyFFbdNU.cjs"),se=require("./Axis-DY7jsk1Y.cjs"),re=require("./ReferenceLine-CxITVT1K.cjs"),le=require("./YTicksAndGridLines-C7glLI5b.cjs"),ae=require("./XAxesLabels-0ROJnigy.cjs"),ce=require("./DetailsModal-BmjtLqrZ.cjs"),Dt=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),ue=require("./linear-CgUCbw9F.cjs"),de=require("./band-VYfcZeJ2.cjs"),Zt=require("./proxy-QMeVVqam.cjs"),me=require("./use-in-view-DjR_gqJP.cjs"),xe=require("./index-5BQWR1Z8.cjs"),fe=require("./ColorLegendWithMouseOver.cjs"),he=require("./EmptyState-BoaUUuo6.cjs"),Qt=require("./GraphContainer-gaG9TSy4.cjs"),pe=require("./GraphFooter.cjs"),ge=require("./GraphHeader.cjs"),_t=require("./uniqBy-O05lp2S5.cjs");function be(i){let t=0,o=0,C=0;for(const p of i)t+=p||0,t>o&&(o=t),t<C&&(C=t);return{max:o,min:C}}function ve(i){const t=s.compilerRuntimeExports.c(46),{leftMargin:o,rightMargin:C,topMargin:p,bottomMargin:et,data:g,width:yt,height:Ct,barColor:b,suffix:wt,prefix:it,barPadding:x,showLabels:jt,showValues:G,showTicks:Ot,colorDomain:L,truncateBy:Rt,tooltip:ot,onSeriesMouseOver:Et,refValues:Mt,selectedColor:F,maxValue:At,minValue:It,highlightedDataPoints:H,onSeriesMouseClick:nt,labelOrder:y,maxBarThickness:kt,minBarThickness:Vt,detailsOnClick:N,barAxisTitle:U,noOfTicks:zt,styles:f,classNames:d,dimmedOpacity:$,animate:u,precision:Lt,customLayers:B,naLabel:Ut,hideAxisLine:Yt,locale:st,padZeros:Y}=i,w=o===void 0?20:o,rt=C===void 0?20:C,lt=p===void 0?20:p,at=et===void 0?25:et,Pt=k.useRef(null);let a;t[0]!==u.amount||t[1]!==u.once?(a={once:u.once,amount:u.amount},t[0]=u.amount,t[1]=u.once,t[2]=a):a=t[2];const r=me.useInView(Pt,a),Tt=U?w+30:w;let ct;t[3]!==at||t[4]!==rt||t[5]!==Tt||t[6]!==lt?(ct={top:lt,bottom:at,left:Tt,right:rt},t[3]=at,t[4]=rt,t[5]=Tt,t[6]=lt,t[7]=ct):ct=t[7];const v=ct,{max:qt,min:Xt}=be(g.map(qe)),Wt=St.checkIfNullOrUndefined(At)?qt:At,l=St.checkIfNullOrUndefined(It)?Xt:It,[X,ut]=k.useState(void 0),[D,S]=k.useState(void 0),[Z,dt]=k.useState(void 0),[J,K]=k.useState(void 0),j=yt-v.left-v.right,T=Ct-v.top-v.bottom;let Q;if(t[8]!==g||t[9]!==y){const e=new Set,A=g.map((W,te)=>{const Jt=y?`${W.label}`:`${te}`;return e.add(Jt),{...W,id:Jt}}),c=y?y.filter(W=>!e.has(W)):[];Q=[...A,...c.map(Te)],t[8]=g,t[9]=y,t[10]=Q}else Q=t[10];const _=Q;let h;t[11]!==_||t[12]!==y?(h=y??_.map(Le),t[11]=_,t[12]=y,t[13]=h):h=t[13];const mt=h,n=ue.linear().domain([l,Wt]).range([T,0]).nice(),m=de.band().domain(mt).range([0,Vt?Math.max(j,Vt*mt.length):kt?Math.min(j,kt*mt.length):j]).paddingInner(x),Nt=n.ticks(zt);let I=0;const Gt=_.map(e=>{const A=I;return I=I+(e.size||0),{...e,start:A,end:I}}),xt=d?.xAxis?.axis,ft=d?.yAxis?.labels;let V;t[14]!==ft||t[15]!==xt?(V={axis:xt,label:ft},t[14]=ft,t[15]=xt,t[16]=V):V=t[16];const Ft=f?.xAxis?.axis,tt=f?.yAxis?.labels;let $t;t[17]!==Ft||t[18]!==tt?($t={axis:Ft,label:tt},t[17]=Ft,t[18]=tt,t[19]=$t):$t=t[19];const ht=0-w-15,Ht=T/2,pt=f?.yAxis?.title,Bt=d?.yAxis?.title;let z;t[20]!==U||t[21]!==ht||t[22]!==Ht||t[23]!==pt||t[24]!==Bt?(z=s.jsxRuntimeExports.jsx(ne.AxisTitle,{x:ht,y:Ht,style:pt,className:Bt,text:U,rotate90:!0}),t[20]=U,t[21]=ht,t[22]=Ht,t[23]=pt,t[24]=Bt,t[25]=z):z=t[25];let P;t[26]!==B?(P=B.filter(Me).map(Ee),t[26]=B,t[27]=P):P=t[27];const gt=xe.AnimatePresence,bt=Gt.map((e,A)=>St.checkIfNullOrUndefined(m(e.id))?null:s.jsxRuntimeExports.jsxs(Zt.motion.g,{className:"undp-viz-g-with-hover",initial:"initial",animate:r?"whileInView":"initial",variants:{initial:{opacity:F?e.color&&b[L.indexOf(e.color)]===F?1:$:H?H.indexOf(e.label)!==-1?.85:$:.85},whileInView:{opacity:F?e.color&&b[L.indexOf(e.color)]===F?1:$:H?H.indexOf(e.label)!==-1?.85:$:.85,transition:{duration:u.duration}}},exit:{opacity:0,transition:{duration:u.duration}},onMouseEnter:c=>{ut(e),K(c.clientY),dt(c.clientX),Et?.(e)},onClick:()=>{(nt||N)&&(ee.isEqual(D,e)?(S(void 0),nt?.(void 0)):(S(e),nt?.(e)))},onMouseMove:c=>{ut(e),K(c.clientY),dt(c.clientX)},onMouseLeave:()=>{ut(void 0),dt(void 0),K(void 0),Et?.(void 0)},children:[e.size?s.jsxRuntimeExports.jsx(Zt.motion.rect,{width:m.bandwidth(),initial:"initial",animate:r?"whileInView":"initial",variants:{initial:{height:0,x:m(`${e.id}`),y:n(e.start),fill:g.filter(Re).length===0?b[0]:e.color?b[L.indexOf(e.color)]:vt.Colors.gray},whileInView:{height:Math.abs(n(e.start)-n(e.end)),y:n(Math.max(e.start,e.end)),x:m(`${e.id}`),fill:g.filter(Oe).length===0?b[0]:e.color?b[L.indexOf(e.color)]:vt.Colors.gray,transition:{duration:u.duration}}},exit:{height:0,y:n(e.start),transition:{duration:u.duration}}}):null,jt?s.jsxRuntimeExports.jsx(ae.XAxesLabels,{value:`${e.label}`.length<Rt?`${e.label}`:`${`${e.label}`.substring(0,Rt)}...`,y:n(0)+5,x:m(`${e.id}`),width:m.bandwidth(),height:v.bottom,style:f?.xAxis?.labels,className:d?.xAxis?.labels,alignment:"top",animate:u,isInView:r}):null,G&&Math.abs(n(e.start)-n(e.end))>16?s.jsxRuntimeExports.jsx(Zt.motion.text,{style:{textAnchor:"middle",...f?.graphObjectValues||{}},className:ie.cn("graph-value text-sm",d?.graphObjectValues),dy:"0.33em",variants:{initial:{x:m(`${e.id}`)+m.bandwidth()/2,y:(n(e.start)+n(e.end))/2,opacity:0,fill:g.filter(je).length===0?Dt.getTextColorBasedOnBgColor(b[0]):e.color?Dt.getTextColorBasedOnBgColor(b[L.indexOf(e.color)]):Dt.getTextColorBasedOnBgColor(vt.Colors.gray)},whileInView:{x:m(`${e.id}`)+m.bandwidth()/2,y:(n(e.start)+n(e.end))/2,fill:g.filter(we).length===0?Dt.getTextColorBasedOnBgColor(b[0]):e.color?Dt.getTextColorBasedOnBgColor(b[L.indexOf(e.color)]):Dt.getTextColorBasedOnBgColor(vt.Colors.gray),opacity:1,transition:{duration:u.duration}}},initial:"initial",animate:r?"whileInView":"initial",exit:{opacity:0,transition:{duration:u.duration}},children:Kt.numberFormattingFunction(e.size?Math.abs(e.size):e.size,Ut,Lt,it,wt,st,Y)}):null]},e.label)),q=Mt?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:Mt.map((e,A)=>s.jsxRuntimeExports.jsx(re.RefLineY,{text:e.text,color:e.color,y:n(e.value),x1:0-w,x2:j+v.right,classNames:e.classNames,styles:e.styles,animate:u,isInView:r},A))}):null;let O;t[28]!==gt||t[29]!==bt||t[30]!==q?(O=s.jsxRuntimeExports.jsxs(gt,{children:[bt,q]}),t[28]=gt,t[29]=bt,t[30]=q,t[31]=O):O=t[31];let R;t[32]!==B?(R=B.filter(Ce).map(ye),t[32]=B,t[33]=R):R=t[33];let E;t[34]!==d?.tooltip||t[35]!==Z||t[36]!==J||t[37]!==X||t[38]!==f?.tooltip||t[39]!==ot?(E=X&&ot&&Z&&J?s.jsxRuntimeExports.jsx(oe.Tooltip,{data:X,body:ot,xPos:Z,yPos:J,backgroundStyle:f?.tooltip,className:d?.tooltip}):null,t[34]=d?.tooltip,t[35]=Z,t[36]=J,t[37]=X,t[38]=f?.tooltip,t[39]=ot,t[40]=E):E=t[40];let M;return t[41]!==d?.modal||t[42]!==N||t[43]!==D||t[44]!==S?(M=N&&D!==void 0?s.jsxRuntimeExports.jsx(ce.DetailsModal,{body:N,data:D,setData:S,className:d?.modal}):null,t[41]=d?.modal,t[42]=N,t[43]=D,t[44]=S,t[45]=M):M=t[45],s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(Zt.motion.svg,{ref:Pt,width:`${yt}px`,height:`${Ct}px`,viewBox:`0 0 ${yt} ${Ct}`,direction:"ltr",children:s.jsxRuntimeExports.jsxs("g",{transform:`translate(${v.left},${v.top})`,children:[s.jsxRuntimeExports.jsx(se.Axis,{y1:n(l<0?0:l),y2:n(l<0?0:l),x1:0-w,x2:j+v.right,hideAxisLine:Yt,label:Ot?Kt.numberFormattingFunction(l<0?0:l,void 0,Lt,it,wt,st,Y):void 0,labelPos:{x:0-w,dx:0,dy:Wt<0?"1em":-5,y:n(l<0?0:l)},classNames:V,styles:$t}),Ot?s.jsxRuntimeExports.jsx(le.YTicksAndGridLines,{values:Nt.filter(ke),y:Nt.filter(Ae).map(e=>n(e)),x1:0-w,x2:j+v.right,styles:{gridLines:f?.yAxis?.gridLines,labels:f?.yAxis?.labels},classNames:{gridLines:d?.yAxis?.gridLines,labels:d?.yAxis?.labels},suffix:wt,prefix:it,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:Lt,locale:st,padZeros:Y}):null,z,P,O,R]})}),E,M]})}function ye(i){return i.layer}function Ce(i){return i.position==="after"}function we(i){return i.color}function je(i){return i.color}function Oe(i){return i.color}function Re(i){return i.color}function Ee(i){return i.layer}function Me(i){return i.position==="before"}function Ae(i){return i!==0}function ke(i){return i!==0}function Le(i){return`${i.id}`}function Te(i){return{id:i,label:i,color:null,size:null}}function qe(i){return i.size}function Ne(i){const t=s.compilerRuntimeExports.c(101),{data:o,graphTitle:C,colors:p,sources:et,graphDescription:g,barPadding:yt,showValues:Ct,showTicks:b,truncateBy:wt,height:it,width:x,footNote:jt,colorDomain:G,colorLegendTitle:Ot,highlightedDataPoints:L,padding:Rt,backgroundColor:ot,topMargin:Et,bottomMargin:Mt,leftMargin:F,rightMargin:At,showLabels:It,relativeHeight:H,tooltip:nt,onSeriesMouseOver:y,refValues:kt,showColorScale:Vt,graphID:N,maxValue:U,minValue:zt,onSeriesMouseClick:f,graphDownload:d,dataDownload:$,labelOrder:u,language:Lt,showNAColor:B,minHeight:Ut,theme:Yt,maxBarThickness:st,maxNumberOfBars:Y,minBarThickness:w,ariaLabel:rt,detailsOnClick:lt,barAxisTitle:at,noOfTicks:Pt,styles:a,classNames:r,filterNA:Tt,animate:ct,dimmedOpacity:v,customLayers:qt,naLabel:Xt,hideAxisLine:Wt,numberDisplayOptions:l}=i,X=yt===void 0?.25:yt,ut=Ct===void 0?!0:Ct,D=b===void 0?!0:b,S=wt===void 0?999:wt,Z=ot===void 0?!1:ot,dt=It===void 0?!0:It,J=Vt===void 0?!0:Vt,K=d===void 0?!1:d,j=$===void 0?!1:$,T=Lt===void 0?"en":Lt,Q=B===void 0?!0:B,_=Ut===void 0?0:Ut,h=Yt===void 0?"light":Yt,mt=Pt===void 0?5:Pt,n=Tt===void 0?!0:Tt,m=ct===void 0?!1:ct,Nt=v===void 0?.3:v;let I;t[0]!==qt?(I=qt===void 0?[]:qt,t[0]=qt,t[1]=I):I=t[1];const Gt=I,xt=Xt===void 0?"NA":Xt,ft=Wt===void 0?!1:Wt,[V,Ft]=k.useState(0),[tt,$t]=k.useState(0),[ht,Ht]=k.useState(void 0),pt=k.useRef(null),Bt=k.useRef(null);let z,P;t[2]===Symbol.for("react.memo_cache_sentinel")?(z=()=>{const c=new ResizeObserver(W=>{Ft(W[0].target.clientWidth||620),$t(W[0].target.clientHeight||480)});return pt.current&&c.observe(pt.current),()=>c.disconnect()},P=[],t[2]=z,t[3]=P):(z=t[2],P=t[3]),k.useEffect(z,P);const gt=r?.graphContainer,bt=a?.graphContainer;let q;t[4]!==r?.description||t[5]!==r?.title||t[6]!==o||t[7]!==j||t[8]!==g||t[9]!==K||t[10]!==C||t[11]!==a?.description||t[12]!==a?.title||t[13]!==x?(q=C||g||K||j?s.jsxRuntimeExports.jsx(ge.GraphHeader,{styles:{title:a?.title,description:a?.description},classNames:{title:r?.title,description:r?.description},graphTitle:C,graphDescription:g,width:x,graphDownload:K?Bt:void 0,dataDownload:j?o.map(Pe).filter(ze).length>0?o.map(Ve).filter(Ie):o.filter(Se):null}):null,t[4]=r?.description,t[5]=r?.title,t[6]=o,t[7]=j,t[8]=g,t[9]=K,t[10]=C,t[11]=a?.description,t[12]=a?.title,t[13]=x,t[14]=q):q=t[14];let O;t[15]!==r?.colorLegend||t[16]!==G||t[17]!==Ot||t[18]!==p||t[19]!==o||t[20]!==J||t[21]!==Q||t[22]!==h||t[23]!==x?(O=J&&o.filter(De).length!==0&&o.length>0?s.jsxRuntimeExports.jsx(fe.ColorLegendWithMouseOver,{width:x,colorLegendTitle:Ot,colors:p||vt.Colors[h].categoricalColors.colors,colorDomain:G||_t.uniqBy(o,"color",!0),setSelectedColor:Ht,showNAColor:Q,className:r?.colorLegend}):null,t[15]=r?.colorLegend,t[16]=G,t[17]=Ot,t[18]=p,t[19]=o,t[20]=J,t[21]=Q,t[22]=h,t[23]=x,t[24]=O):O=t[24];let R;t[25]!==o||t[26]!==n?(R=o.filter(c=>n?!St.checkIfNullOrUndefined(c.size):c).length===0&&s.jsxRuntimeExports.jsx(he.EmptyState,{}),t[25]=o,t[26]=n,t[27]=R):R=t[27];let E;t[28]!==m||t[29]!==at||t[30]!==X||t[31]!==Mt||t[32]!==r||t[33]!==G||t[34]!==p||t[35]!==Gt||t[36]!==o||t[37]!==lt||t[38]!==Nt||t[39]!==n||t[40]!==ft||t[41]!==L||t[42]!==u||t[43]!==T||t[44]!==F||t[45]!==st||t[46]!==Y||t[47]!==U||t[48]!==w||t[49]!==zt||t[50]!==xt||t[51]!==mt||t[52]!==l?.locale||t[53]!==l?.padZeros||t[54]!==l?.precision||t[55]!==l?.prefix||t[56]!==l?.suffix||t[57]!==f||t[58]!==y||t[59]!==kt||t[60]!==At||t[61]!==ht||t[62]!==dt||t[63]!==D||t[64]!==ut||t[65]!==a||t[66]!==tt||t[67]!==V||t[68]!==h||t[69]!==nt||t[70]!==Et||t[71]!==S?(E=V&&tt&&o.filter(c=>n?!St.checkIfNullOrUndefined(c.size):c).length>0?s.jsxRuntimeExports.jsx(ve,{hideAxisLine:ft,data:o.filter(c=>n?!St.checkIfNullOrUndefined(c.size):c).filter((c,W)=>Y?W<Y:!0),barColor:o.filter(Be).length===0?p?[p]:[vt.Colors.primaryColors["blue-600"]]:p||vt.Colors[h].categoricalColors.colors,colorDomain:o.filter($e).length===0?[]:G||_t.uniqBy(o,"color",!0),selectedColor:ht,width:V,height:tt,barPadding:X,showValues:ut,showTicks:D,leftMargin:F,rightMargin:At,topMargin:Et,bottomMargin:Mt,truncateBy:S,showLabels:dt,tooltip:nt,onSeriesMouseOver:y,refValues:kt,maxValue:U,minValue:zt,highlightedDataPoints:L,onSeriesMouseClick:f,labelOrder:u,rtl:T==="he"||T==="ar",maxBarThickness:st,minBarThickness:w,detailsOnClick:lt,barAxisTitle:at,noOfTicks:mt,classNames:r,styles:a,animate:m===!0?{duration:.5,once:!0,amount:.5}:m||{duration:0,once:!0,amount:0},dimmedOpacity:Nt,customLayers:Gt,naLabel:xt,locale:l?.locale||"en",padZeros:l?.padZeros||!1,suffix:l?.suffix||"",prefix:l?.prefix||"",precision:l?.precision??2}):null,t[28]=m,t[29]=at,t[30]=X,t[31]=Mt,t[32]=r,t[33]=G,t[34]=p,t[35]=Gt,t[36]=o,t[37]=lt,t[38]=Nt,t[39]=n,t[40]=ft,t[41]=L,t[42]=u,t[43]=T,t[44]=F,t[45]=st,t[46]=Y,t[47]=U,t[48]=w,t[49]=zt,t[50]=xt,t[51]=mt,t[52]=l?.locale,t[53]=l?.padZeros,t[54]=l?.precision,t[55]=l?.prefix,t[56]=l?.suffix,t[57]=f,t[58]=y,t[59]=kt,t[60]=At,t[61]=ht,t[62]=dt,t[63]=D,t[64]=ut,t[65]=a,t[66]=tt,t[67]=V,t[68]=h,t[69]=nt,t[70]=Et,t[71]=S,t[72]=E):E=t[72];let M;t[73]!==R||t[74]!==E?(M=s.jsxRuntimeExports.jsxs(Qt.GraphArea,{ref:pt,children:[R,E]}),t[73]=R,t[74]=E,t[75]=M):M=t[75];let e;t[76]!==r?.footnote||t[77]!==r?.source||t[78]!==jt||t[79]!==et||t[80]!==a?.footnote||t[81]!==a?.source||t[82]!==x?(e=et||jt?s.jsxRuntimeExports.jsx(pe.GraphFooter,{sources:et,footNote:jt,width:x,styles:{footnote:a?.footnote,source:a?.source},classNames:{footnote:r?.footnote,source:r?.source}}):null,t[76]=r?.footnote,t[77]=r?.source,t[78]=jt,t[79]=et,t[80]=a?.footnote,t[81]=a?.source,t[82]=x,t[83]=e):e=t[83];let A;return t[84]!==rt||t[85]!==Z||t[86]!==N||t[87]!==it||t[88]!==T||t[89]!==_||t[90]!==Rt||t[91]!==H||t[92]!==gt||t[93]!==bt||t[94]!==q||t[95]!==O||t[96]!==M||t[97]!==e||t[98]!==h||t[99]!==x?(A=s.jsxRuntimeExports.jsxs(Qt.GraphContainer,{className:gt,style:bt,id:N,ref:Bt,"aria-label":rt,backgroundColor:Z,theme:h,language:T,minHeight:_,width:x,height:it,relativeHeight:H,padding:Rt,children:[q,O,M,e]}),t[84]=rt,t[85]=Z,t[86]=N,t[87]=it,t[88]=T,t[89]=_,t[90]=Rt,t[91]=H,t[92]=gt,t[93]=bt,t[94]=q,t[95]=O,t[96]=M,t[97]=e,t[98]=h,t[99]=x,t[100]=A):A=t[100],A}function $e(i){return i.color}function Be(i){return i.color}function De(i){return i.color}function Se(i){return i!==void 0}function Ie(i){return i!==void 0}function Ve(i){return i.data}function ze(i){return i!==void 0}function Pe(i){return i.data}exports.WaterfallChart=Ne;
 //# sourceMappingURL=WaterfallChart.cjs.map

package/dist/WaterfallChart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WaterfallChart.cjs","sources":["../src/Components/Graphs/WaterfallChart/Graph.tsx","../src/Components/Graphs/WaterfallChart/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\r\nimport { useMemo, useRef, useState } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n  WaterfallChartDataType,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\n\r\ninterface Props {\r\n  data: WaterfallChartDataType[];\r\n  barColor: string[];\r\n  colorDomain: string[];\r\n  suffix: string;\r\n  prefix: string;\r\n  barPadding: number;\r\n  showValues: boolean;\r\n  showTicks: boolean;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  showLabels: boolean;\r\n  truncateBy: number;\r\n  width: number;\r\n  height: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  selectedColor?: string;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  highlightedDataPoints?: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  labelOrder?: string[];\r\n  rtl: boolean;\r\n  maxBarThickness?: number;\r\n  minBarThickness?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  naLabel: string;\r\n  hideAxisLine: boolean;\r\n  locale: string;\r\n  padZeros: boolean;\r\n}\r\nfunction getWaterfallExtent(values: (number | null | undefined)[]) {\r\n  let cumulative = 0;\r\n  let max = 0;\r\n  let min = 0;\r\n\r\n  for (const v of values) {\r\n    cumulative += v || 0;\r\n    if (cumulative > max) max = cumulative;\r\n    if (cumulative < min) min = cumulative;\r\n  }\r\n\r\n  return {\r\n    max,\r\n    min,\r\n  };\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    leftMargin = 20,\r\n    rightMargin = 20,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    data,\r\n    width,\r\n    height,\r\n    barColor,\r\n    suffix,\r\n    prefix,\r\n    barPadding,\r\n    showLabels,\r\n    showValues,\r\n    showTicks,\r\n    colorDomain,\r\n    truncateBy,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    selectedColor,\r\n    maxValue,\r\n    minValue,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    minBarThickness,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    dimmedOpacity,\r\n    animate,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\r\n    hideAxisLine,\r\n    locale,\r\n    padZeros,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: barAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\r\n  };\r\n\r\n  const { max, min } = getWaterfallExtent(data.map(d => d.size));\r\n\r\n  const maxVal = !checkIfNullOrUndefined(maxValue) ? (maxValue as number) : max;\r\n  const minVal = !checkIfNullOrUndefined(minValue) ? (minValue as number) : min;\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = useMemo(() => {\r\n    const idSet = new Set<string>();\r\n\r\n    const dataWithIdWithoutMissingIds = data.map((d, i) => {\r\n      const id = labelOrder ? `${d.label}` : `${i}`;\r\n      idSet.add(id);\r\n      return { ...d, id };\r\n    });\r\n\r\n    const missingIds = labelOrder ? labelOrder.filter(id => !idSet.has(id)) : [];\r\n\r\n    return [\r\n      ...dataWithIdWithoutMissingIds,\r\n      ...missingIds.map(id => ({\r\n        id,\r\n        label: id,\r\n        color: null,\r\n        size: null,\r\n      })),\r\n    ];\r\n  }, [data, labelOrder]);\r\n\r\n  const barOrder = useMemo(() => {\r\n    return labelOrder ?? dataWithId.map(d => `${d.id}`);\r\n  }, [labelOrder, dataWithId]);\r\n\r\n  const y = scaleLinear().domain([minVal, maxVal]).range([graphHeight, 0]).nice();\r\n\r\n  const x = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      minBarThickness\r\n        ? Math.max(graphWidth, minBarThickness * barOrder.length)\r\n        : maxBarThickness\r\n          ? Math.min(graphWidth, maxBarThickness * barOrder.length)\r\n          : graphWidth,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const yTicks = y.ticks(noOfTicks);\r\n  let running = 0;\r\n\r\n  const waterfallData = dataWithId.map(d => {\r\n    const start = running;\r\n    running += d.size || 0;\r\n    return {\r\n      ...d,\r\n      start,\r\n      end: running,\r\n    };\r\n  });\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <Axis\r\n            y1={y(minVal < 0 ? 0 : minVal)}\r\n            y2={y(minVal < 0 ? 0 : minVal)}\r\n            x1={0 - leftMargin}\r\n            x2={graphWidth + margin.right}\r\n            hideAxisLine={hideAxisLine}\r\n            label={\r\n              showTicks\r\n                ? numberFormattingFunction(\r\n                    minVal < 0 ? 0 : minVal,\r\n                    undefined,\r\n                    precision,\r\n                    prefix,\r\n                    suffix,\r\n                    locale,\r\n                    padZeros,\r\n                  )\r\n                : undefined\r\n            }\r\n            labelPos={{\r\n              x: 0 - leftMargin,\r\n              dx: 0,\r\n              dy: maxVal < 0 ? '1em' : -5,\r\n              y: y(minVal < 0 ? 0 : minVal),\r\n            }}\r\n            classNames={{\r\n              axis: classNames?.xAxis?.axis,\r\n              label: classNames?.yAxis?.labels,\r\n            }}\r\n            styles={{ axis: styles?.xAxis?.axis, label: styles?.yAxis?.labels }}\r\n          />\r\n          {showTicks ? (\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='vertical'\r\n              precision={precision}\r\n              locale={locale}\r\n              padZeros={padZeros}\r\n            />\r\n          ) : null}\r\n          <AxisTitle\r\n            x={0 - leftMargin - 15}\r\n            y={graphHeight / 2}\r\n            style={styles?.yAxis?.title}\r\n            className={classNames?.yAxis?.title}\r\n            text={barAxisTitle}\r\n            rotate90\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {waterfallData.map((d, _i) =>\r\n              !checkIfNullOrUndefined(x(d.id)) ? (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                      transition: { duration: animate.duration },\r\n                    },\r\n                  }}\r\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                  onMouseEnter={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                    onSeriesMouseOver?.(d);\r\n                  }}\r\n                  onClick={() => {\r\n                    if (onSeriesMouseClick || detailsOnClick) {\r\n                      if (isEqual(mouseClickData, d)) {\r\n                        setMouseClickData(undefined);\r\n                        onSeriesMouseClick?.(undefined);\r\n                      } else {\r\n                        setMouseClickData(d);\r\n                        onSeriesMouseClick?.(d);\r\n                      }\r\n                    }\r\n                  }}\r\n                  onMouseMove={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                  }}\r\n                  onMouseLeave={() => {\r\n                    setMouseOverData(undefined);\r\n                    setEventX(undefined);\r\n                    setEventY(undefined);\r\n                    onSeriesMouseOver?.(undefined);\r\n                  }}\r\n                >\r\n                  {d.size ? (\r\n                    <motion.rect\r\n                      width={x.bandwidth()}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      variants={{\r\n                        initial: {\r\n                          height: 0,\r\n                          x: x(`${d.id}`),\r\n                          y: y(d.start),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          height: Math.abs(y(d.start) - y(d.end)),\r\n                          y: y(Math.max(d.start, d.end)),\r\n                          x: x(`${d.id}`),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      exit={{\r\n                        height: 0,\r\n                        y: y(d.start),\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    />\r\n                  ) : null}\r\n                  {showLabels ? (\r\n                    <XAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={y(0) + 5}\r\n                      x={x(`${d.id}`) as number}\r\n                      width={x.bandwidth()}\r\n                      height={margin.bottom}\r\n                      style={styles?.xAxis?.labels}\r\n                      className={classNames?.xAxis?.labels}\r\n                      alignment='top'\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                  {showValues && Math.abs(y(d.start) - y(d.end)) > 16 ? (\r\n                    <motion.text\r\n                      style={{\r\n                        textAnchor: 'middle',\r\n                        ...(styles?.graphObjectValues || {}),\r\n                      }}\r\n                      className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                      dy='0.33em'\r\n                      variants={{\r\n                        initial: {\r\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\r\n                          y: (y(d.start) + y(d.end)) / 2,\r\n                          opacity: 0,\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? getTextColorBasedOnBgColor(barColor[0])\r\n                              : !d.color\r\n                                ? getTextColorBasedOnBgColor(Colors.gray)\r\n                                : getTextColorBasedOnBgColor(\r\n                                    barColor[colorDomain.indexOf(d.color)],\r\n                                  ),\r\n                        },\r\n                        whileInView: {\r\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\r\n                          y: (y(d.start) + y(d.end)) / 2,\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? getTextColorBasedOnBgColor(barColor[0])\r\n                              : !d.color\r\n                                ? getTextColorBasedOnBgColor(Colors.gray)\r\n                                : getTextColorBasedOnBgColor(\r\n                                    barColor[colorDomain.indexOf(d.color)],\r\n                                  ),\r\n                          opacity: 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{\r\n                        opacity: 0,\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    >\r\n                      {numberFormattingFunction(\r\n                        d.size ? Math.abs(d.size) : d.size,\r\n                        naLabel,\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                        locale,\r\n                        padZeros,\r\n                      )}\r\n                    </motion.text>\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            {refValues ? (\r\n              <>\r\n                {refValues.map((el, i) => (\r\n                  <RefLineY\r\n                    key={i}\r\n                    text={el.text}\r\n                    color={el.color}\r\n                    y={y(el.value as number)}\r\n                    x1={0 - leftMargin}\r\n                    x2={graphWidth + margin.right}\r\n                    classNames={el.classNames}\r\n                    styles={el.styles}\r\n                    animate={animate}\r\n                    isInView={isInView}\r\n                  />\r\n                ))}\r\n              </>\r\n            ) : null}\r\n          </AnimatePresence>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n        </g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <DetailsModal\r\n          body={detailsOnClick}\r\n          data={mouseClickData}\r\n          setData={setMouseClickData}\r\n          className={classNames?.modal}\r\n        />\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { GraphContainer, GraphArea } from '@/Components/Elements/GraphContainer';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  ReferenceDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  WaterfallChartDataType,\r\n  NumberFormatOptions,\r\n} from '@/Types';\r\nimport { checkIfNullOrUndefined } from '@/Utils';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: WaterfallChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Color or array of colors for bars */\r\n  colors?: string | string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n  /** Padding between bars */\r\n  barPadding?: number;\r\n  /** Maximum thickness of bars */\r\n  maxBarThickness?: number;\r\n  /** Minimum thickness of bars */\r\n  minBarThickness?: number;\r\n  /** Maximum number of bars shown in the graph */\r\n  maxNumberOfBars?: number;\r\n\r\n  // Values and Ticks\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n  /** Truncate labels by specified length */\r\n  truncateBy?: number;\r\n  /** Reference values for comparison */\r\n  refValues?: ReferenceDataType[];\r\n  /** Number of ticks on the axis */\r\n  noOfTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Custom order for labels */\r\n  labelOrder?: string[];\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Toggle visibility of axis ticks */\r\n  showTicks?: boolean;\r\n  /** Toggle visibility of axis line for the  main axis */\r\n  hideAxisLine?: boolean;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\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 */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Title for the bar axis */\r\n  barAxisTitle?: string;\r\n  /** Toggles if data point which are undefined or has value null are filtered out.  */\r\n  filterNA?: boolean;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\r\n  numberDisplayOptions?: NumberFormatOptions;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\r\n  // Interactions and Callbacks\r\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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function WaterfallChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showValues = true,\r\n    showTicks = true,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    highlightedDataPoints,\r\n    padding,\r\n    backgroundColor = false,\r\n    topMargin,\r\n    bottomMargin,\r\n    leftMargin,\r\n    rightMargin,\r\n    showLabels = true,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    showColorScale = true,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    labelOrder,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    maxBarThickness,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    customLayers = [],\r\n    naLabel = 'NA',\r\n    hideAxisLine = false,\r\n    numberDisplayOptions,\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {showColorScale && data.filter(el => el.color).length !== 0 && data.length > 0 ? (\r\n        <ColorLegendWithMouseOver\r\n          width={width}\r\n          colorLegendTitle={colorLegendTitle}\r\n          colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\r\n          colorDomain={colorDomain || (uniqBy(data, 'color', true) as (string | number)[])}\r\n          setSelectedColor={setSelectedColor}\r\n          showNAColor={showNAColor}\r\n          className={classNames?.colorLegend}\r\n        />\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {data.filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)).length === 0 && (\r\n          <EmptyState />\r\n        )}\r\n        {svgWidth &&\r\n        svgHeight &&\r\n        data.filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)).length > 0 ? (\r\n          <Graph\r\n            hideAxisLine={hideAxisLine}\r\n            data={data\r\n              .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d))\r\n              .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))}\r\n            barColor={\r\n              data.filter(el => el.color).length === 0\r\n                ? colors\r\n                  ? [colors as string]\r\n                  : [Colors.primaryColors['blue-600']]\r\n                : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n            }\r\n            colorDomain={\r\n              data.filter(el => el.color).length === 0\r\n                ? []\r\n                : colorDomain || (uniqBy(data, 'color', true) as string[])\r\n            }\r\n            selectedColor={selectedColor}\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            barPadding={barPadding}\r\n            showValues={showValues}\r\n            showTicks={showTicks}\r\n            leftMargin={leftMargin}\r\n            rightMargin={rightMargin}\r\n            topMargin={topMargin}\r\n            bottomMargin={bottomMargin}\r\n            truncateBy={truncateBy}\r\n            showLabels={showLabels}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            refValues={refValues}\r\n            maxValue={maxValue}\r\n            minValue={minValue}\r\n            highlightedDataPoints={highlightedDataPoints}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            labelOrder={labelOrder}\r\n            rtl={language === 'he' || language === 'ar'}\r\n            maxBarThickness={maxBarThickness}\r\n            minBarThickness={minBarThickness}\r\n            detailsOnClick={detailsOnClick}\r\n            barAxisTitle={barAxisTitle}\r\n            noOfTicks={noOfTicks}\r\n            classNames={classNames}\r\n            styles={styles}\r\n            animate={\r\n              animate === true\r\n                ? { duration: 0.5, once: true, amount: 0.5 }\r\n                : animate || { duration: 0, once: true, amount: 0 }\r\n            }\r\n            dimmedOpacity={dimmedOpacity}\r\n            customLayers={customLayers}\r\n            naLabel={naLabel}\r\n            locale={numberDisplayOptions?.locale || 'en'}\r\n            padZeros={numberDisplayOptions?.padZeros || false}\r\n            suffix={numberDisplayOptions?.suffix || ''}\r\n            prefix={numberDisplayOptions?.prefix || ''}\r\n            precision={numberDisplayOptions?.precision ?? 2}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["getWaterfallExtent","values","cumulative","max","min","v","Graph","props","$","_c","leftMargin","t0","rightMargin","t1","topMargin","t2","bottomMargin","t3","data","width","height","barColor","suffix","prefix","barPadding","showLabels","showValues","showTicks","colorDomain","truncateBy","tooltip","onSeriesMouseOver","refValues","selectedColor","maxValue","minValue","highlightedDataPoints","onSeriesMouseClick","labelOrder","maxBarThickness","minBarThickness","detailsOnClick","barAxisTitle","noOfTicks","styles","classNames","dimmedOpacity","animate","precision","customLayers","naLabel","hideAxisLine","locale","padZeros","undefined","svgRef","useRef","t4","amount","once","isInView","useInView","t5","t6","top","bottom","left","right","margin","map","_temp","maxVal","checkIfNullOrUndefined","minVal","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","graphWidth","graphHeight","t7","idSet","Set","dataWithIdWithoutMissingIds","d_0","i","id","d","label","add","missingIds","filter","id_0","has","_temp2","dataWithId","t8","_temp3","barOrder","y","scaleLinear","domain","range","nice","x","scaleBand","Math","length","paddingInner","yTicks","ticks","running","waterfallData","d_2","start","size","end","t9","xAxis","axis","t10","yAxis","labels","t11","t12","t13","t14","t15","t16","t17","title","t18","t19","AxisTitle","t20","_temp6","_temp7","T0","AnimatePresence","t21","d_8","_i","jsxs","motion","initial","opacity","color","indexOf","whileInView","transition","duration","event","clientY","clientX","isEqual","event_0","jsx","bandwidth","fill","_temp8","Colors","gray","abs","_temp9","XAxesLabels","substring","textAnchor","graphObjectValues","cn","_temp0","getTextColorBasedOnBgColor","_temp1","numberFormattingFunction","t22","Fragment","el_3","i_0","RefLineY","el","text","value","t23","t24","_temp10","_temp11","t25","Tooltip","t26","modal","DetailsModal","Axis","dx","dy","YTicksAndGridLines","_temp4","_temp5","d_5","gridLines","d_10","layer","d_9","position","el_2","el_1","el_0","d_7","d_6","d_4","d_3","d_1","id_1","WaterfallChart","graphTitle","colors","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","language","showNAColor","minHeight","theme","maxNumberOfBars","ariaLabel","filterNA","numberDisplayOptions","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","graphContainer","description","GraphHeader","colorLegend","ColorLegendWithMouseOver","categoricalColors","uniqBy","t27","EmptyState","t28","_d","primaryColors","t29","GraphArea","t30","footnote","source","GraphFooter","t31","GraphContainer"],"mappings":"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"}
+{"version":3,"file":"WaterfallChart.cjs","sources":["../src/Components/Graphs/WaterfallChart/Graph.tsx","../src/Components/Graphs/WaterfallChart/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\r\nimport { useMemo, useRef, useState } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n  WaterfallChartDataType,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\n\r\ninterface Props {\r\n  data: WaterfallChartDataType[];\r\n  barColor: string[];\r\n  colorDomain: string[];\r\n  suffix: string;\r\n  prefix: string;\r\n  barPadding: number;\r\n  showValues: boolean;\r\n  showTicks: boolean;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  showLabels: boolean;\r\n  truncateBy: number;\r\n  width: number;\r\n  height: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  selectedColor?: string;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  highlightedDataPoints?: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  labelOrder?: string[];\r\n  rtl: boolean;\r\n  maxBarThickness?: number;\r\n  minBarThickness?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  naLabel: string;\r\n  hideAxisLine: boolean;\r\n  locale: string;\r\n  padZeros: boolean;\r\n}\r\nfunction getWaterfallExtent(values: (number | null | undefined)[]) {\r\n  let cumulative = 0;\r\n  let max = 0;\r\n  let min = 0;\r\n\r\n  for (const v of values) {\r\n    cumulative += v || 0;\r\n    if (cumulative > max) max = cumulative;\r\n    if (cumulative < min) min = cumulative;\r\n  }\r\n\r\n  return {\r\n    max,\r\n    min,\r\n  };\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    leftMargin = 20,\r\n    rightMargin = 20,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    data,\r\n    width,\r\n    height,\r\n    barColor,\r\n    suffix,\r\n    prefix,\r\n    barPadding,\r\n    showLabels,\r\n    showValues,\r\n    showTicks,\r\n    colorDomain,\r\n    truncateBy,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    selectedColor,\r\n    maxValue,\r\n    minValue,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    minBarThickness,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    dimmedOpacity,\r\n    animate,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\r\n    hideAxisLine,\r\n    locale,\r\n    padZeros,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: barAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\r\n  };\r\n\r\n  const { max, min } = getWaterfallExtent(data.map(d => d.size));\r\n\r\n  const maxVal = !checkIfNullOrUndefined(maxValue) ? (maxValue as number) : max;\r\n  const minVal = !checkIfNullOrUndefined(minValue) ? (minValue as number) : min;\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = useMemo(() => {\r\n    const idSet = new Set<string>();\r\n\r\n    const dataWithIdWithoutMissingIds = data.map((d, i) => {\r\n      const id = labelOrder ? `${d.label}` : `${i}`;\r\n      idSet.add(id);\r\n      return { ...d, id };\r\n    });\r\n\r\n    const missingIds = labelOrder ? labelOrder.filter(id => !idSet.has(id)) : [];\r\n\r\n    return [\r\n      ...dataWithIdWithoutMissingIds,\r\n      ...missingIds.map(id => ({\r\n        id,\r\n        label: id,\r\n        color: null,\r\n        size: null,\r\n      })),\r\n    ];\r\n  }, [data, labelOrder]);\r\n\r\n  const barOrder = useMemo(() => {\r\n    return labelOrder ?? dataWithId.map(d => `${d.id}`);\r\n  }, [labelOrder, dataWithId]);\r\n\r\n  const y = scaleLinear().domain([minVal, maxVal]).range([graphHeight, 0]).nice();\r\n\r\n  const x = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      minBarThickness\r\n        ? Math.max(graphWidth, minBarThickness * barOrder.length)\r\n        : maxBarThickness\r\n          ? Math.min(graphWidth, maxBarThickness * barOrder.length)\r\n          : graphWidth,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const yTicks = y.ticks(noOfTicks);\r\n  let running = 0;\r\n\r\n  const waterfallData = dataWithId.map(d => {\r\n    const start = running;\r\n    running += d.size || 0;\r\n    return {\r\n      ...d,\r\n      start,\r\n      end: running,\r\n    };\r\n  });\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <Axis\r\n            y1={y(minVal < 0 ? 0 : minVal)}\r\n            y2={y(minVal < 0 ? 0 : minVal)}\r\n            x1={0 - leftMargin}\r\n            x2={graphWidth + margin.right}\r\n            hideAxisLine={hideAxisLine}\r\n            label={\r\n              showTicks\r\n                ? numberFormattingFunction(\r\n                    minVal < 0 ? 0 : minVal,\r\n                    undefined,\r\n                    precision,\r\n                    prefix,\r\n                    suffix,\r\n                    locale,\r\n                    padZeros,\r\n                  )\r\n                : undefined\r\n            }\r\n            labelPos={{\r\n              x: 0 - leftMargin,\r\n              dx: 0,\r\n              dy: maxVal < 0 ? '1em' : -5,\r\n              y: y(minVal < 0 ? 0 : minVal),\r\n            }}\r\n            classNames={{\r\n              axis: classNames?.xAxis?.axis,\r\n              label: classNames?.yAxis?.labels,\r\n            }}\r\n            styles={{ axis: styles?.xAxis?.axis, label: styles?.yAxis?.labels }}\r\n          />\r\n          {showTicks ? (\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='vertical'\r\n              precision={precision}\r\n              locale={locale}\r\n              padZeros={padZeros}\r\n            />\r\n          ) : null}\r\n          <AxisTitle\r\n            x={0 - leftMargin - 15}\r\n            y={graphHeight / 2}\r\n            style={styles?.yAxis?.title}\r\n            className={classNames?.yAxis?.title}\r\n            text={barAxisTitle}\r\n            rotate90\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {waterfallData.map((d, _i) =>\r\n              !checkIfNullOrUndefined(x(d.id)) ? (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                      transition: { duration: animate.duration },\r\n                    },\r\n                  }}\r\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                  onMouseEnter={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                    onSeriesMouseOver?.(d);\r\n                  }}\r\n                  onClick={() => {\r\n                    if (onSeriesMouseClick || detailsOnClick) {\r\n                      if (isEqual(mouseClickData, d)) {\r\n                        setMouseClickData(undefined);\r\n                        onSeriesMouseClick?.(undefined);\r\n                      } else {\r\n                        setMouseClickData(d);\r\n                        onSeriesMouseClick?.(d);\r\n                      }\r\n                    }\r\n                  }}\r\n                  onMouseMove={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                  }}\r\n                  onMouseLeave={() => {\r\n                    setMouseOverData(undefined);\r\n                    setEventX(undefined);\r\n                    setEventY(undefined);\r\n                    onSeriesMouseOver?.(undefined);\r\n                  }}\r\n                >\r\n                  {d.size ? (\r\n                    <motion.rect\r\n                      width={x.bandwidth()}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      variants={{\r\n                        initial: {\r\n                          height: 0,\r\n                          x: x(`${d.id}`),\r\n                          y: y(d.start),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          height: Math.abs(y(d.start) - y(d.end)),\r\n                          y: y(Math.max(d.start, d.end)),\r\n                          x: x(`${d.id}`),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      exit={{\r\n                        height: 0,\r\n                        y: y(d.start),\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    />\r\n                  ) : null}\r\n                  {showLabels ? (\r\n                    <XAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={y(0) + 5}\r\n                      x={x(`${d.id}`) as number}\r\n                      width={x.bandwidth()}\r\n                      height={margin.bottom}\r\n                      style={styles?.xAxis?.labels}\r\n                      className={classNames?.xAxis?.labels}\r\n                      alignment='top'\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                  {showValues && Math.abs(y(d.start) - y(d.end)) > 16 ? (\r\n                    <motion.text\r\n                      style={{\r\n                        textAnchor: 'middle',\r\n                        ...(styles?.graphObjectValues || {}),\r\n                      }}\r\n                      className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                      dy='0.33em'\r\n                      variants={{\r\n                        initial: {\r\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\r\n                          y: (y(d.start) + y(d.end)) / 2,\r\n                          opacity: 0,\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? getTextColorBasedOnBgColor(barColor[0])\r\n                              : !d.color\r\n                                ? getTextColorBasedOnBgColor(Colors.gray)\r\n                                : getTextColorBasedOnBgColor(\r\n                                    barColor[colorDomain.indexOf(d.color)],\r\n                                  ),\r\n                        },\r\n                        whileInView: {\r\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\r\n                          y: (y(d.start) + y(d.end)) / 2,\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? getTextColorBasedOnBgColor(barColor[0])\r\n                              : !d.color\r\n                                ? getTextColorBasedOnBgColor(Colors.gray)\r\n                                : getTextColorBasedOnBgColor(\r\n                                    barColor[colorDomain.indexOf(d.color)],\r\n                                  ),\r\n                          opacity: 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{\r\n                        opacity: 0,\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    >\r\n                      {numberFormattingFunction(\r\n                        d.size ? Math.abs(d.size) : d.size,\r\n                        naLabel,\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                        locale,\r\n                        padZeros,\r\n                      )}\r\n                    </motion.text>\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            {refValues ? (\r\n              <>\r\n                {refValues.map((el, i) => (\r\n                  <RefLineY\r\n                    key={i}\r\n                    text={el.text}\r\n                    color={el.color}\r\n                    y={y(el.value as number)}\r\n                    x1={0 - leftMargin}\r\n                    x2={graphWidth + margin.right}\r\n                    classNames={el.classNames}\r\n                    styles={el.styles}\r\n                    animate={animate}\r\n                    isInView={isInView}\r\n                  />\r\n                ))}\r\n              </>\r\n            ) : null}\r\n          </AnimatePresence>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n        </g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <DetailsModal\r\n          body={detailsOnClick}\r\n          data={mouseClickData}\r\n          setData={setMouseClickData}\r\n          className={classNames?.modal}\r\n        />\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { GraphContainer, GraphArea } from '@/Components/Elements/GraphContainer';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  ReferenceDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  WaterfallChartDataType,\r\n  NumberFormatOptions,\r\n} from '@/Types';\r\nimport { checkIfNullOrUndefined } from '@/Utils';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: WaterfallChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Color or array of colors for bars */\r\n  colors?: string | string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n  /** Padding between bars */\r\n  barPadding?: number;\r\n  /** Maximum thickness of bars */\r\n  maxBarThickness?: number;\r\n  /** Minimum thickness of bars */\r\n  minBarThickness?: number;\r\n  /** Maximum number of bars shown in the graph */\r\n  maxNumberOfBars?: number;\r\n\r\n  // Values and Ticks\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n  /** Truncate labels by specified length */\r\n  truncateBy?: number;\r\n  /** Reference values for comparison */\r\n  refValues?: ReferenceDataType[];\r\n  /** Number of ticks on the axis */\r\n  noOfTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Custom order for labels */\r\n  labelOrder?: string[];\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Toggle visibility of axis ticks */\r\n  showTicks?: boolean;\r\n  /** Toggle visibility of axis line for the  main axis */\r\n  hideAxisLine?: boolean;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\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 */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Title for the bar axis */\r\n  barAxisTitle?: string;\r\n  /** Toggles if data point which are undefined or has value null are filtered out.  */\r\n  filterNA?: boolean;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\r\n  numberDisplayOptions?: NumberFormatOptions;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\r\n  // Interactions and Callbacks\r\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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function WaterfallChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showValues = true,\r\n    showTicks = true,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    highlightedDataPoints,\r\n    padding,\r\n    backgroundColor = false,\r\n    topMargin,\r\n    bottomMargin,\r\n    leftMargin,\r\n    rightMargin,\r\n    showLabels = true,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    showColorScale = true,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    labelOrder,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    maxBarThickness,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    customLayers = [],\r\n    naLabel = 'NA',\r\n    hideAxisLine = false,\r\n    numberDisplayOptions,\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {showColorScale && data.filter(el => el.color).length !== 0 && data.length > 0 ? (\r\n        <ColorLegendWithMouseOver\r\n          width={width}\r\n          colorLegendTitle={colorLegendTitle}\r\n          colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\r\n          colorDomain={colorDomain || (uniqBy(data, 'color', true) as (string | number)[])}\r\n          setSelectedColor={setSelectedColor}\r\n          showNAColor={showNAColor}\r\n          className={classNames?.colorLegend}\r\n        />\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {data.filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)).length === 0 && (\r\n          <EmptyState />\r\n        )}\r\n        {svgWidth &&\r\n        svgHeight &&\r\n        data.filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)).length > 0 ? (\r\n          <Graph\r\n            hideAxisLine={hideAxisLine}\r\n            data={data\r\n              .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d))\r\n              .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))}\r\n            barColor={\r\n              data.filter(el => el.color).length === 0\r\n                ? colors\r\n                  ? [colors as string]\r\n                  : [Colors.primaryColors['blue-600']]\r\n                : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n            }\r\n            colorDomain={\r\n              data.filter(el => el.color).length === 0\r\n                ? []\r\n                : colorDomain || (uniqBy(data, 'color', true) as string[])\r\n            }\r\n            selectedColor={selectedColor}\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            barPadding={barPadding}\r\n            showValues={showValues}\r\n            showTicks={showTicks}\r\n            leftMargin={leftMargin}\r\n            rightMargin={rightMargin}\r\n            topMargin={topMargin}\r\n            bottomMargin={bottomMargin}\r\n            truncateBy={truncateBy}\r\n            showLabels={showLabels}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            refValues={refValues}\r\n            maxValue={maxValue}\r\n            minValue={minValue}\r\n            highlightedDataPoints={highlightedDataPoints}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            labelOrder={labelOrder}\r\n            rtl={language === 'he' || language === 'ar'}\r\n            maxBarThickness={maxBarThickness}\r\n            minBarThickness={minBarThickness}\r\n            detailsOnClick={detailsOnClick}\r\n            barAxisTitle={barAxisTitle}\r\n            noOfTicks={noOfTicks}\r\n            classNames={classNames}\r\n            styles={styles}\r\n            animate={\r\n              animate === true\r\n                ? { duration: 0.5, once: true, amount: 0.5 }\r\n                : animate || { duration: 0, once: true, amount: 0 }\r\n            }\r\n            dimmedOpacity={dimmedOpacity}\r\n            customLayers={customLayers}\r\n            naLabel={naLabel}\r\n            locale={numberDisplayOptions?.locale || 'en'}\r\n            padZeros={numberDisplayOptions?.padZeros || false}\r\n            suffix={numberDisplayOptions?.suffix || ''}\r\n            prefix={numberDisplayOptions?.prefix || ''}\r\n            precision={numberDisplayOptions?.precision ?? 2}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["getWaterfallExtent","values","cumulative","max","min","v","Graph","props","$","_c","leftMargin","t0","rightMargin","t1","topMargin","t2","bottomMargin","t3","data","width","height","barColor","suffix","prefix","barPadding","showLabels","showValues","showTicks","colorDomain","truncateBy","tooltip","onSeriesMouseOver","refValues","selectedColor","maxValue","minValue","highlightedDataPoints","onSeriesMouseClick","labelOrder","maxBarThickness","minBarThickness","detailsOnClick","barAxisTitle","noOfTicks","styles","classNames","dimmedOpacity","animate","precision","customLayers","naLabel","hideAxisLine","locale","padZeros","undefined","svgRef","useRef","t4","amount","once","isInView","useInView","t5","t6","top","bottom","left","right","margin","map","_temp","maxVal","checkIfNullOrUndefined","minVal","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","graphWidth","graphHeight","t7","idSet","Set","dataWithIdWithoutMissingIds","d_0","i","id","d","label","add","missingIds","filter","id_0","has","_temp2","dataWithId","t8","_temp3","barOrder","y","scaleLinear","domain","range","nice","x","scaleBand","Math","length","paddingInner","yTicks","ticks","running","waterfallData","d_2","start","size","end","t9","xAxis","axis","t10","yAxis","labels","t11","t12","t13","t14","t15","t16","t17","title","t18","t19","AxisTitle","t20","_temp6","_temp7","T0","AnimatePresence","t21","d_8","_i","jsxs","motion","initial","opacity","color","indexOf","whileInView","transition","duration","event","clientY","clientX","isEqual","event_0","jsx","bandwidth","fill","_temp8","Colors","gray","abs","_temp9","XAxesLabels","substring","textAnchor","graphObjectValues","cn","_temp0","getTextColorBasedOnBgColor","_temp1","numberFormattingFunction","t22","Fragment","el_3","i_0","RefLineY","el","text","value","t23","t24","_temp10","_temp11","t25","Tooltip","t26","modal","DetailsModal","Axis","dx","dy","YTicksAndGridLines","_temp4","_temp5","d_5","gridLines","d_10","layer","d_9","position","el_2","el_1","el_0","d_7","d_6","d_4","d_3","d_1","id_1","WaterfallChart","graphTitle","colors","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","language","showNAColor","minHeight","theme","maxNumberOfBars","ariaLabel","filterNA","numberDisplayOptions","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","graphContainer","description","GraphHeader","colorLegend","ColorLegendWithMouseOver","categoricalColors","uniqBy","t27","EmptyState","t28","_d","primaryColors","t29","GraphArea","t30","footnote","source","GraphFooter","t31","GraphContainer"],"mappings":"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"}

package/dist/WaterfallChart.js

@@ -1,25 +1,26 @@
-import { c as te, j as a, m as ie } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useRef as Jt, useState as vt, useEffect as oe } from "react";
-import { i as ne } from "./index-Bwrro8-q.js";
+import { c as te, j as a } from "./compiler-runtime-qHgugrLy.js";
+import { useRef as Jt, useState as vt, useEffect as ie } from "react";
+import { i as oe } from "./index-Bwrro8-q.js";
+import { cn as ne } from "@undp/design-system-react/cn";
 import { n as Qt } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as se } from "./Tooltip-3EYDVa3w.js";
+import { T as se } from "./Tooltip-DO56mY4b.js";
 import { c as Bt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
 import { Colors as bt } from "./Colors.js";
-import { A as re } from "./AxisTitle-CyLCqpW6.js";
-import { A as ae } from "./Axis-CNZYWzH0.js";
-import { a as le } from "./ReferenceLine-D41VuUhE.js";
-import { Y as ce } from "./YTicksAndGridLines-BbujwxOB.js";
-import { X as me } from "./XAxesLabels-B9gkjUiC.js";
-import { D as ue } from "./DetailsModal-GqEbGHY2.js";
+import { A as re } from "./AxisTitle-B9F80_Z0.js";
+import { A as ae } from "./Axis-RRx-0Rlw.js";
+import { a as le } from "./ReferenceLine-NF4g3Reh.js";
+import { Y as ce } from "./YTicksAndGridLines-wtuAKNeT.js";
+import { X as me } from "./XAxesLabels-CPZX3OJN.js";
+import { D as ue } from "./DetailsModal-k-Me_U_T.js";
 import { g as zt } from "./getTextColorBasedOnBgColor-CDY808zi.js";
 import { a as fe } from "./linear-DNXM5Pdl.js";
 import { b as de } from "./band-DYty33LD.js";
-import { m as Ut } from "./proxy-BsxtcZKa.js";
-import { u as pe } from "./use-in-view-KOXq5Kmc.js";
-import { A as he } from "./index-Cv_5q6Rb.js";
+import { m as Ut } from "./proxy-D31SA_aE.js";
+import { u as pe } from "./use-in-view-Co5SmzfT.js";
+import { A as he } from "./index-CNUlPiEL.js";
 import { ColorLegendWithMouseOver as ge } from "./ColorLegendWithMouseOver.js";
-import { E as xe } from "./EmptyState-CaxXCkiN.js";
-import { a as ve, G as be } from "./GraphContainer-B8ZqOzKI.js";
+import { E as xe } from "./EmptyState-prZ8OnEs.js";
+import { a as ve, G as be } from "./GraphContainer-DcOM2CI6.js";
 import { GraphFooter as ye } from "./GraphFooter.js";
 import { GraphHeader as we } from "./GraphHeader.js";
 import { u as _t } from "./uniqBy-BHy4I8PK.js";
@@ -151,7 +152,7 @@ function Oe(i) {
   }, onMouseEnter: (c) => {
     ct(e), J(c.clientY), mt(c.clientX), $t?.(e);
   }, onClick: () => {
-    (ot || T) && (ne(S, e) ? (z(void 0), ot?.(void 0)) : (z(e), ot?.(e)));
+    (ot || T) && (oe(S, e) ? (z(void 0), ot?.(void 0)) : (z(e), ot?.(e)));
   }, onMouseMove: (c) => {
     ct(e), J(c.clientY), mt(c.clientX);
   }, onMouseLeave: () => {
@@ -184,7 +185,7 @@ function Oe(i) {
     H && Math.abs(n(e.start) - n(e.end)) > 16 ? /* @__PURE__ */ a.jsx(Ut.text, { style: {
       textAnchor: "middle",
       ...p?.graphObjectValues || {}
-    }, className: ie("graph-value text-sm", u?.graphObjectValues), dy: "0.33em", variants: {
+    }, className: ne("graph-value text-sm", u?.graphObjectValues), dy: "0.33em", variants: {
       initial: {
         x: f(`${e.id}`) + f.bandwidth() / 2,
         y: (n(e.start) + n(e.end)) / 2,
@@ -285,7 +286,7 @@ function Se(i) {
 function ze(i) {
   return i.size;
 }
-function gi(i) {
+function xi(i) {
   const t = te.c(101), {
     data: o,
     graphTitle: w,
@@ -351,7 +352,7 @@ function gi(i) {
       Rt(G[0].target.clientWidth || 620), It(G[0].target.clientHeight || 480);
     });
     return ht.current && c.observe(ht.current), () => c.disconnect();
-  }, W = [], t[2] = E, t[3] = W) : (E = t[2], W = t[3]), oe(E, W);
+  }, W = [], t[2] = E, t[3] = W) : (E = t[2], W = t[3]), ie(E, W);
   const gt = s?.graphContainer, xt = l?.graphContainer;
   let N;
   t[4] !== s?.description || t[5] !== s?.title || t[6] !== o || t[7] !== O || t[8] !== x || t[9] !== J || t[10] !== w || t[11] !== l?.description || t[12] !== l?.title || t[13] !== d ? (N = w || x || J || O ? /* @__PURE__ */ a.jsx(we, { styles: {
@@ -421,6 +422,6 @@ function Re(i) {
   return i.data;
 }
 export {
-  gi as WaterfallChart
+  xi as WaterfallChart
 };
 //# sourceMappingURL=WaterfallChart.js.map