@undp/data-viz 2.5.4 → 2.6.1

package/dist/Histogram.js

@@ -1,179 +1,2 @@
-import { c as le, j as R } from "./index-CHPV5EwG-BzibaIRc.js";
-import { w as se } from "./Spinner-B2IIKg9r.js";
-import { e as re, C as ce } from "./index-BPyj_6hG.js";
-import { TreeMapGraph as fe } from "./TreeMapGraph.js";
-import { DonutChart as he } from "./DonutChart.js";
-import { SimpleBarGraph as ue } from "./BarGraph.js";
-import { Colors as q } from "./Colors.js";
-import { b as me } from "./init-BhZylTFx.js";
-import { b as ie, d as pe } from "./linear-DNXM5Pdl.js";
-function ge(i, e) {
-  let b = 0;
-  for (let l of i)
-    l != null && (l = +l) >= l && ++b;
-  return b;
-}
-function xe(i) {
-  return i;
-}
-var de = Array.prototype, ye = de.slice;
-function oe(i) {
-  return () => i;
-}
-function Me(i, e, b) {
-  let l;
-  for (; ; ) {
-    const t = ie(i, e, b);
-    if (t === l || t === 0 || !isFinite(t))
-      return [i, e];
-    t > 0 ? (i = Math.floor(i / t) * t, e = Math.ceil(e / t) * t) : t < 0 && (i = Math.ceil(i * t) / t, e = Math.floor(e * t) / t), l = t;
-  }
-}
-function ve(i) {
-  return Math.max(1, Math.ceil(Math.log(ge(i)) / Math.LN2) + 1);
-}
-function be() {
-  var i = xe, e = re, b = ve;
-  function l(t) {
-    Array.isArray(t) || (t = Array.from(t));
-    var r, z = t.length, s, N, m = new Array(z);
-    for (r = 0; r < z; ++r)
-      m[r] = i(t[r], r, t);
-    var w = e(m), n = w[0], o = w[1], a = b(m, n, o);
-    if (!Array.isArray(a)) {
-      const d = o, y = +a;
-      if (e === re && ([n, o] = Me(n, o, y)), a = pe(n, o, y), a[0] <= n && (N = ie(n, o, y)), a[a.length - 1] >= o)
-        if (d >= o && e === re) {
-          const c = ie(n, o, y);
-          isFinite(c) && (c > 0 ? o = (Math.floor(o / c) + 1) * c : c < 0 && (o = (Math.ceil(o * -c) + 1) / -c));
-        } else
-          a.pop();
-    }
-    for (var x = a.length, f = 0, h = x; a[f] <= n; ) ++f;
-    for (; a[h - 1] > o; ) --h;
-    (f || h < x) && (a = a.slice(f, h), x = h - f);
-    var g = new Array(x + 1), M;
-    for (r = 0; r <= x; ++r)
-      M = g[r] = [], M.x0 = r > 0 ? a[r - 1] : n, M.x1 = r < x ? a[r] : o;
-    if (isFinite(N)) {
-      if (N > 0)
-        for (r = 0; r < z; ++r)
-          (s = m[r]) != null && n <= s && s <= o && g[Math.min(x, Math.floor((s - n) / N))].push(t[r]);
-      else if (N < 0) {
-        for (r = 0; r < z; ++r)
-          if ((s = m[r]) != null && n <= s && s <= o) {
-            const d = Math.floor((n - s) * N);
-            g[Math.min(x, d + (a[d] <= s))].push(t[r]);
-          }
-      }
-    } else
-      for (r = 0; r < z; ++r)
-        (s = m[r]) != null && n <= s && s <= o && g[me(a, s, 0, x)].push(t[r]);
-    return g;
-  }
-  return l.value = function(t) {
-    return arguments.length ? (i = typeof t == "function" ? t : oe(t), l) : i;
-  }, l.domain = function(t) {
-    return arguments.length ? (e = typeof t == "function" ? t : oe([t[0], t[1]]), l) : e;
-  }, l.thresholds = function(t) {
-    return arguments.length ? (b = typeof t == "function" ? t : oe(Array.isArray(t) ? ye.call(t) : t), l) : b;
-  }, l;
-}
-function Fe(i) {
-  const e = le.c(139), {
-    data: b,
-    graphTitle: l,
-    sources: t,
-    graphDescription: r,
-    barPadding: z,
-    showValues: s,
-    showTicks: N,
-    leftMargin: m,
-    rightMargin: w,
-    height: n,
-    width: o,
-    footNote: a,
-    colors: x,
-    padding: f,
-    backgroundColor: h,
-    topMargin: g,
-    bottomMargin: M,
-    showLabels: d,
-    relativeHeight: y,
-    tooltip: c,
-    onSeriesMouseOver: C,
-    refValues: J,
-    graphID: A,
-    maxValue: K,
-    onSeriesMouseClick: j,
-    graphDownload: k,
-    dataDownload: S,
-    numberOfBins: Q,
-    truncateBy: U,
-    graphType: X,
-    barGraphLayout: Y,
-    donutStrokeWidth: Z,
-    sortData: V,
-    language: D,
-    minHeight: H,
-    theme: ne,
-    maxBarThickness: _,
-    ariaLabel: $,
-    detailsOnClick: L,
-    styles: T,
-    classNames: B,
-    hideAxisLine: ae,
-    numberDisplayOptions: F
-  } = i, v = ne === void 0 ? "light" : ne, ee = ae === void 0 ? !1 : ae;
-  let E;
-  e[0] !== b || e[1] !== Q ? (E = be().thresholds(Q || 10).value(Ce)(b).map(we), e[0] = b, e[1] = Q, e[2] = E) : E = e[2];
-  const G = E;
-  if (G.length === 0) {
-    const p = `${o}px`, u = `${n}px`;
-    let O;
-    e[3] !== p || e[4] !== u ? (O = {
-      width: p,
-      height: u,
-      margin: "auto"
-    }, e[3] = p, e[4] = u, e[5] = O) : O = e[5];
-    let P;
-    e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ R.jsx("div", { className: "flex m-auto items-center justify-center p-0 leading-none text-base h-40", children: /* @__PURE__ */ R.jsx(se, {}) }), e[6] = P) : P = e[6];
-    let W;
-    return e[7] !== O ? (W = /* @__PURE__ */ R.jsx("div", { style: O, children: P }), e[7] = O, e[8] = W) : W = e[8], W;
-  }
-  if (X === "circlePacking") {
-    const p = x || q.graphMainColor;
-    let u;
-    return e[9] !== $ || e[10] !== h || e[11] !== M || e[12] !== B || e[13] !== S || e[14] !== G || e[15] !== L || e[16] !== a || e[17] !== r || e[18] !== k || e[19] !== A || e[20] !== l || e[21] !== n || e[22] !== D || e[23] !== m || e[24] !== H || e[25] !== F || e[26] !== j || e[27] !== C || e[28] !== f || e[29] !== y || e[30] !== w || e[31] !== d || e[32] !== s || e[33] !== t || e[34] !== T || e[35] !== p || e[36] !== v || e[37] !== c || e[38] !== g || e[39] !== o ? (u = /* @__PURE__ */ R.jsx(ce, { colors: p, graphTitle: l, graphDescription: r, footNote: a, width: o, height: n, sources: t, leftMargin: m, rightMargin: w, backgroundColor: h, padding: f, topMargin: g, bottomMargin: M, relativeHeight: y, showLabels: d, tooltip: c, onSeriesMouseOver: C, showColorScale: !1, showValues: s, graphID: A, onSeriesMouseClick: j, graphDownload: k, dataDownload: S, data: G, language: D, minHeight: H, theme: v, ariaLabel: $, detailsOnClick: L, styles: T, classNames: B, numberDisplayOptions: F }), e[9] = $, e[10] = h, e[11] = M, e[12] = B, e[13] = S, e[14] = G, e[15] = L, e[16] = a, e[17] = r, e[18] = k, e[19] = A, e[20] = l, e[21] = n, e[22] = D, e[23] = m, e[24] = H, e[25] = F, e[26] = j, e[27] = C, e[28] = f, e[29] = y, e[30] = w, e[31] = d, e[32] = s, e[33] = t, e[34] = T, e[35] = p, e[36] = v, e[37] = c, e[38] = g, e[39] = o, e[40] = u) : u = e[40], u;
-  }
-  if (X === "treeMap") {
-    const p = x || q.graphMainColor;
-    let u;
-    return e[41] !== $ || e[42] !== h || e[43] !== M || e[44] !== B || e[45] !== S || e[46] !== G || e[47] !== L || e[48] !== a || e[49] !== r || e[50] !== k || e[51] !== A || e[52] !== l || e[53] !== n || e[54] !== D || e[55] !== m || e[56] !== H || e[57] !== F || e[58] !== j || e[59] !== C || e[60] !== f || e[61] !== y || e[62] !== w || e[63] !== d || e[64] !== s || e[65] !== t || e[66] !== T || e[67] !== p || e[68] !== v || e[69] !== c || e[70] !== g || e[71] !== o ? (u = /* @__PURE__ */ R.jsx(fe, { colors: p, graphTitle: l, graphDescription: r, footNote: a, width: o, height: n, sources: t, leftMargin: m, rightMargin: w, backgroundColor: h, padding: f, topMargin: g, bottomMargin: M, relativeHeight: y, showLabels: d, tooltip: c, onSeriesMouseOver: C, showColorScale: !1, showValues: s, graphID: A, onSeriesMouseClick: j, graphDownload: k, dataDownload: S, data: G, language: D, minHeight: H, theme: v, ariaLabel: $, detailsOnClick: L, styles: T, classNames: B, numberDisplayOptions: F }), e[41] = $, e[42] = h, e[43] = M, e[44] = B, e[45] = S, e[46] = G, e[47] = L, e[48] = a, e[49] = r, e[50] = k, e[51] = A, e[52] = l, e[53] = n, e[54] = D, e[55] = m, e[56] = H, e[57] = F, e[58] = j, e[59] = C, e[60] = f, e[61] = y, e[62] = w, e[63] = d, e[64] = s, e[65] = t, e[66] = T, e[67] = p, e[68] = v, e[69] = c, e[70] = g, e[71] = o, e[72] = u) : u = e[72], u;
-  }
-  if (X === "donutChart") {
-    const p = x || q[v].categoricalColors.colors, u = o && n ? o < n ? o : n : o || n || void 0, O = G;
-    let P;
-    return e[73] !== $ || e[74] !== h || e[75] !== B || e[76] !== S || e[77] !== L || e[78] !== Z || e[79] !== a || e[80] !== r || e[81] !== k || e[82] !== A || e[83] !== l || e[84] !== D || e[85] !== F || e[86] !== j || e[87] !== C || e[88] !== f || e[89] !== V || e[90] !== t || e[91] !== T || e[92] !== p || e[93] !== u || e[94] !== O || e[95] !== v || e[96] !== c ? (P = /* @__PURE__ */ R.jsx(he, { colors: p, graphTitle: l, graphDescription: r, footNote: a, radius: u, sources: t, backgroundColor: h, padding: f, tooltip: c, onSeriesMouseOver: C, graphID: A, onSeriesMouseClick: j, graphDownload: k, dataDownload: S, data: O, strokeWidth: Z, showColorScale: !0, sortData: V, language: D, theme: v, ariaLabel: $, detailsOnClick: L, styles: T, classNames: B, numberDisplayOptions: F }), e[73] = $, e[74] = h, e[75] = B, e[76] = S, e[77] = L, e[78] = Z, e[79] = a, e[80] = r, e[81] = k, e[82] = A, e[83] = l, e[84] = D, e[85] = F, e[86] = j, e[87] = C, e[88] = f, e[89] = V, e[90] = t, e[91] = T, e[92] = p, e[93] = u, e[94] = O, e[95] = v, e[96] = c, e[97] = P) : P = e[97], P;
-  }
-  const te = x || q.graphMainColor;
-  let I;
-  return e[98] !== $ || e[99] !== h || e[100] !== Y || e[101] !== z || e[102] !== M || e[103] !== B || e[104] !== S || e[105] !== G || e[106] !== L || e[107] !== a || e[108] !== r || e[109] !== k || e[110] !== A || e[111] !== l || e[112] !== n || e[113] !== ee || e[114] !== D || e[115] !== m || e[116] !== _ || e[117] !== K || e[118] !== H || e[119] !== F || e[120] !== j || e[121] !== C || e[122] !== f || e[123] !== J || e[124] !== y || e[125] !== w || e[126] !== d || e[127] !== N || e[128] !== s || e[129] !== V || e[130] !== t || e[131] !== T || e[132] !== te || e[133] !== v || e[134] !== c || e[135] !== g || e[136] !== U || e[137] !== o ? (I = /* @__PURE__ */ R.jsx(ue, { colors: te, graphTitle: l, graphDescription: r, footNote: a, width: o, height: n, sources: t, leftMargin: m, rightMargin: w, backgroundColor: h, padding: f, topMargin: g, bottomMargin: M, relativeHeight: y, showLabels: d, tooltip: c, onSeriesMouseOver: C, showColorScale: !1, showValues: s, graphID: A, onSeriesMouseClick: j, graphDownload: k, dataDownload: S, data: G, barPadding: z, refValues: J, truncateBy: U, maxValue: K, showTicks: N, sortData: V, language: D, minHeight: H, theme: v, maxBarThickness: _, ariaLabel: $, orientation: Y, detailsOnClick: L, styles: T, classNames: B, hideAxisLine: ee, numberDisplayOptions: F }), e[98] = $, e[99] = h, e[100] = Y, e[101] = z, e[102] = M, e[103] = B, e[104] = S, e[105] = G, e[106] = L, e[107] = a, e[108] = r, e[109] = k, e[110] = A, e[111] = l, e[112] = n, e[113] = ee, e[114] = D, e[115] = m, e[116] = _, e[117] = K, e[118] = H, e[119] = F, e[120] = j, e[121] = C, e[122] = f, e[123] = J, e[124] = y, e[125] = w, e[126] = d, e[127] = N, e[128] = s, e[129] = V, e[130] = t, e[131] = T, e[132] = te, e[133] = v, e[134] = c, e[135] = g, e[136] = U, e[137] = o, e[138] = I) : I = e[138], I;
-}
-function we(i) {
-  return {
-    label: `${i.x0}-${i.x1}`,
-    size: i.length,
-    data: {
-      options: `${i.x0}-${i.x1}`,
-      frequency: i.length
-    }
-  };
-}
-function Ce(i) {
-  return i.value;
-}
-export {
-  Fe as Histogram
-};
-//# sourceMappingURL=Histogram.js.map
+import { t as e } from "./Histogram-B9crdM0i.js";
+export { e as Histogram };

package/dist/HybridMap-B2wu6VbK.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Icons-DXw7FqJ_.cjs`),r=require(`./CsvDownloadButton-web25aO3.cjs`),ee=require(`./ImageDownloadButton.cjs`),i=require(`./Colors.cjs`),a=require(`./GraphFooter.cjs`),te=require(`./GraphHeader.cjs`),ne=require(`./checkIfNullOrUndefined-DYvc3fz_.cjs`),o=require(`./fetchAndParseData-Dlq4UzdG.cjs`),s=require(`./getUniqValue-BItnnZEr.cjs`),c=require(`./GraphContainer-7xAPK4Tb.cjs`),l=require(`./parse-C718o4YM.cjs`),re=require(`./getSliderMarks-DCEGtxIl.cjs`),u=require(`./src-BstANsLK.cjs`),ie=require(`./ordinal-FQwO0oQx.cjs`),ae=require(`./pow-DXd5n928.cjs`),oe=require(`./threshold-BXJz-mv7.cjs`),d=require(`./fast-deep-equal-DN3ilkVq.cjs`),f=require(`./proxy-DaRMphjR.cjs`),se=require(`./AnimatePresence-CapU-Sxd.cjs`),ce=require(`./use-in-view-C4EPQfwM.cjs`),p=require(`./numberFormattingFunction-Caf5NyIo.cjs`),le=require(`./DetailsModal-CtGqGcX9.cjs`),ue=require(`./Tooltip-CO_iOj_w.cjs`),de=require(`./select-CZVfejpg.cjs`),fe=require(`./getJenks-D0stlcvY.cjs`),pe=require(`./esm-BwfGJUcL.cjs`);let me=require(`@undp/design-system-react/cn`),m=require(`react`),he=require(`@undp/design-system-react/Spinner`),h=require(`@undp/design-system-react/Typography`),ge=require(`@undp/design-system-react/Spacer`),_e=require(`@undp/design-system-react/SliderUI`),ve=require(`@undp/design-system-react/Separator`);var ye=e.a(d.t(),1),g=t.t();function be(e){let{data:t,colors:i,mapData:a,mapColorLegendTitle:te,colorDomain:o,radius:s,height:c,width:l,scale:re,centerPoint:d,tooltip:fe,showLabels:he,mapBorderWidth:_e,mapBorderColor:be,mapNoDataColor:xe,onSeriesMouseOver:_,showColorScale:Se,zoomScaleExtend:Ce,zoomTranslateExtend:we,highlightedDataPoints:Te,onSeriesMouseClick:v,resetSelectionOnDoubleClick:Ee,detailsOnClick:y,styles:De,classNames:b,mapProjection:x,zoomInteraction:S,animate:C,dimmedOpacity:w,customLayers:T,maxRadiusValue:Oe,categorical:E,dotColor:D,collapseColorScaleByDefault:O,highlightedIds:k,mapProperty:A,dotLegendTitle:ke,dotBorderColor:Ae,labelColor:je,projectionRotate:j,rewindCoordinatesInMapData:M,overlayMapData:N,overlayMapBorderColor:Me,overlayMapBorderWidth:Ne,numberDisplayOptions:P,graphDownload:Pe,dataDownload:F}=e,I=(0,m.useMemo)(()=>M?u.c(a,{reverse:!0}):a,[a,M]),Fe=(0,m.useMemo)(()=>!M||!N?N:u.c(N,{reverse:!0}),[N,M]),[L,R]=(0,m.useState)(void 0),[Ie,z]=(0,m.useState)(O===void 0?!(l<680):!O),B=(0,m.useRef)(null),[V,H]=(0,m.useState)(void 0),[Le,U]=(0,m.useState)(void 0),[Re,W]=(0,m.useState)(void 0),[G,K]=(0,m.useState)(void 0),q=(0,m.useRef)(null),J=ce.t(q,{once:C.once,amount:C.amount}),ze=(0,m.useRef)(null),Y=t.filter(e=>e.radius===void 0||e.radius===null).length===t.length?void 0:ae.t().domain([0,Oe]).range([.25,s]).nice(),Be=E?ie.t().domain(o).range(i):oe.t().domain(o).range(i);(0,m.useEffect)(()=>{let e=de.t(ze.current),t=de.t(q.current),n=u.t().scaleExtent(Ce).translateExtent(we||[[-20,-20],[l+20,c+20]]).filter(e=>{if(S===`noZoom`)return!1;if(S===`button`)return!e.type.includes(`wheel`);let t=e.type===`wheel`,n=e.type.startsWith(`touch`),r=e.type===`mousedown`||e.type===`mousemove`;return n?!0:t?S===`scroll`?!0:e.ctrlKey:r&&!e.button&&!e.ctrlKey}).on(`zoom`,({transform:t})=>{e.attr(`transform`,t)});t.call(n),B.current=n},[c,l,S]);let X=u.l(I),Z=pe.t(I),Ve=(X[2]-X[0])*1.15,He=(X[3]-X[1])*1.15,Ue=l*190/960*360/Ve,We=c*190/678*180/He,Q=re*Math.min(Ue,We),$=x===`mercator`?u.a().rotate(j).center(d||Z.geometry.coordinates).translate([l/2,c/2]).scale(Q):x===`equalEarth`?u.i().rotate(j).center(d||Z.geometry.coordinates).translate([l/2,c/2]).scale(Q):x===`naturalEarth`?u.r().rotate(j).center(d||Z.geometry.coordinates).translate([l/2,c/2]).scale(Q):x===`orthographic`?u.n().rotate(j).center(d||Z.geometry.coordinates).translate([l/2,c/2]).scale(Q):u.o().rotate(j).center(d||Z.geometry.coordinates).translate([l/2,c/2]).scale(Q),Ge=u.s().projection($),Ke=e=>{!q.current||!B.current||de.t(q.current).call(B.current.scaleBy,e===`in`?1.2:1/1.2)};return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(`div`,{className:`relative`,children:[(0,g.jsx)(f.t.svg,{width:`${l}px`,height:`${c}px`,viewBox:`0 0 ${l} ${c}`,ref:q,direction:`ltr`,children:(0,g.jsxs)(`g`,{ref:ze,children:[T.filter(e=>e.position===`before`).map(e=>e.layer),I.features.map((e,t)=>{if(!e.properties?.[A])return null;let n=Ge(e);return n?(0,g.jsx)(f.t.g,{opacity:L||k&&k.indexOf(e.properties[A])===-1?w:1,children:(0,g.jsx)(`path`,{d:n,style:{stroke:be,strokeWidth:_e,fill:xe,vectorEffect:`non-scaling-stroke`}})},t):null}),(0,g.jsxs)(se.t,{children:[t.filter(e=>e.id).map(e=>{let t=I.features.findIndex(t=>e.id===t.properties[A]);if(t===-1)return null;let n=Ge(I.features[t]);if(!n)return null;let r=ne.t(e.x)?xe:Be(e.x);return(0,g.jsx)(f.t.g,{className:`undp-map-shapes`,variants:{initial:{opacity:0},whileInView:{opacity:L?L===r&&(!k||k.indexOf(e.id)!==-1)?1:w:k&&k.indexOf(e.id)===-1?w:1,transition:{duration:C.duration}}},initial:`initial`,animate:J?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:C.duration}},onMouseEnter:t=>{U(e),K(t.clientY),W(t.clientX),_?.(e)},onMouseMove:t=>{U(e),K(t.clientY),W(t.clientX)},onMouseLeave:()=>{U(void 0),W(void 0),K(void 0),_?.(void 0)},onClick:()=>{(v||y)&&((0,ye.default)(V,e)&&Ee?(H(void 0),v?.(void 0)):(H(e),v?.(e)))},children:(0,g.jsx)(f.t.path,{d:n,variants:{initial:{fill:r,opacity:0},whileInView:{fill:r,opacity:1,transition:{duration:C.duration}}},initial:`initial`,animate:J?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:C.duration}},style:{stroke:be,strokeWidth:_e,vectorEffect:`non-scaling-stroke`}},`${e.id}`)},e.id)}),Fe?.features.map((e,t)=>{let n=Ge(e);return n?(0,g.jsx)(`g`,{children:(0,g.jsx)(`path`,{d:n,style:{stroke:Me||be,strokeWidth:Ne||_e+1,fill:`none`,pointerEvents:`none`,vectorEffect:`non-scaling-stroke`}})},t):null}),t.filter(e=>!ne.t(e.lat)&&!ne.t(e.long)).map(e=>{let t=$([e.long,e.lat])[0]>.8*l?-1:1;return(0,g.jsxs)(f.t.g,{className:`undp-map-dots`,variants:{initial:{opacity:0},whileInView:{opacity:Te&&Te.indexOf(e.label||``)===-1?w:1,transition:{duration:C.duration}}},initial:`initial`,animate:J?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:C.duration}},onMouseEnter:t=>{U(e),K(t.clientY),W(t.clientX),_?.(e)},onMouseMove:t=>{U(e),K(t.clientY),W(t.clientX)},onMouseLeave:()=>{U(void 0),W(void 0),K(void 0),_?.(void 0)},onClick:()=>{(v||y)&&((0,ye.default)(V,e)&&Ee?(H(void 0),v?.(void 0)):(H(e),v?.(e)))},transform:`translate(${$([e.long,e.lat])[0]},${$([e.long,e.lat])[1]})`,children:[(0,g.jsx)(f.t.circle,{cx:0,cy:0,variants:{initial:{r:0,fill:D,stroke:Ae||D},whileInView:{r:Y?Y(e.radius||0):s,fill:D,stroke:Ae||D,transition:{duration:C.duration}}},initial:`initial`,animate:J?`whileInView`:`initial`,exit:{r:0,transition:{duration:C.duration}},style:{fillOpacity:.8,vectorEffect:`non-scaling-stroke`}}),he&&e.label?(0,g.jsx)(f.t.text,{variants:{initial:{opacity:0,x:t*(Y?Y(e.radius||0):s)},whileInView:{opacity:1,x:t*(Y?Y(e.radius||0):s),transition:{duration:C.duration}}},initial:`initial`,animate:J?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:C.duration}},y:0,className:(0,me.cn)(`text-sm`,b?.graphObjectValues),style:{textAnchor:t===-1?`end`:`start`,fill:je||`#000`,vectorEffect:`non-scaling-stroke`,...De?.graphObjectValues||{}},dx:t*4,dy:5,children:e.label}):null]},e.label||`${e.lat}-${e.long}`)})]}),T.filter(e=>e.position===`after`).map(e=>e.layer)]})}),Se===!1?null:(0,g.jsx)(`div`,{className:(0,me.cn)(`absolute left-4 bottom-4 map-color-legend`,b?.colorLegend),children:Ie?(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(`button`,{type:`button`,className:`color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]`,onClick:()=>{z(!1)},children:(0,g.jsx)(n.m,{})}),(0,g.jsxs)(`div`,{className:`color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]`,style:{width:E||o.length<2?void 0:`340px`},children:[ke&&ke!==``?(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,g.jsx)(`div`,{className:`w-3 h-3 rounded-full`,style:{backgroundColor:D}}),(0,g.jsx)(h.P,{size:`xs`,marginBottom:`none`,className:`p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300`,style:{display:`-webkit-box`,WebkitLineClamp:`1`,WebkitBoxOrient:`vertical`},children:ke})]}),(0,g.jsx)(ge.Spacer,{size:`xl`}),(0,g.jsx)(ve.Separator,{}),(0,g.jsx)(ge.Spacer,{size:`xl`})]}):null,te&&te!==``?(0,g.jsx)(h.P,{size:`xs`,marginBottom:`xs`,className:`p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300`,style:{display:`-webkit-box`,WebkitLineClamp:`1`,WebkitBoxOrient:`vertical`},children:te}):null,!E&&o.length>1?(0,g.jsx)(`svg`,{width:`100%`,viewBox:`0 0 320 30`,direction:`ltr`,children:(0,g.jsxs)(`g`,{children:[o.map((e,t)=>(0,g.jsxs)(`g`,{onMouseOver:()=>{R(i[t])},onFocus:()=>{R(i[t])},onMouseLeave:()=>{R(void 0)},className:`cursor-pointer`,children:[(0,g.jsx)(`rect`,{x:t*320/i.length+1,y:1,width:320/i.length-2,height:8,className:L===i[t]?`stroke-primary-gray-700 dark:stroke-primary-gray-300`:``,style:{fill:i[t],...L===i[t]?{}:{stroke:i[t]}}}),(0,g.jsx)(`text`,{x:(t+1)*320/i.length,y:25,className:`fill-primary-gray-700 dark:fill-primary-gray-300 text-xs`,style:{textAnchor:`middle`},children:p.t(e,void 0,P?.precision??2,void 0,void 0,P?.locale||`en`,P?.padZeros||!1)})]},t)),(0,g.jsx)(`g`,{children:(0,g.jsx)(`rect`,{onMouseOver:()=>{R(i[o.length])},onFocus:()=>{R(i[o.length])},onMouseLeave:()=>{R(void 0)},x:o.length*320/i.length+1,y:1,width:320/i.length-2,height:8,className:`cursor-pointer ${L===i[o.length]?`stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300`:``}`,style:{fill:i[o.length],...L===i[o.length]?{}:{stroke:i[o.length]}}})})]})}):E?(0,g.jsx)(`div`,{className:`flex flex-col gap-3`,children:o.map((e,t)=>(0,g.jsxs)(`div`,{className:`flex gap-2 items-center`,onMouseOver:()=>{R(i[t%i.length])},onFocus:()=>{R(i[t%i.length])},onMouseLeave:()=>{R(void 0)},children:[(0,g.jsx)(`div`,{className:`w-2 h-2 rounded-full`,style:{backgroundColor:i[t%i.length]}}),(0,g.jsx)(h.P,{size:`sm`,marginBottom:`none`,leading:`none`,children:e})]},t))}):(0,g.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,g.jsxs)(`div`,{className:`flex gap-2 items-center`,onMouseOver:()=>{R(i[0])},onFocus:()=>{R(i[0])},onMouseLeave:()=>{R(void 0)},children:[(0,g.jsx)(`div`,{className:`w-2 h-2 rounded-full`,style:{backgroundColor:i[0]}}),(0,g.jsx)(h.P,{size:`sm`,marginBottom:`none`,leading:`none`,children:`<= ${p.t(o[0],`NA`,P?.precision??2,void 0,void 0,P?.locale||`en`,P?.padZeros||!1)}`})]}),(0,g.jsxs)(`div`,{className:`flex gap-2 items-center`,onMouseOver:()=>{R(i[1])},onFocus:()=>{R(i[1])},onMouseLeave:()=>{R(void 0)},children:[(0,g.jsx)(`div`,{className:`w-2 h-2 rounded-full`,style:{backgroundColor:i[1]}}),(0,g.jsx)(h.P,{size:`sm`,marginBottom:`none`,leading:`none`,children:`> ${p.t(o[0],`NA`,P?.precision??2,void 0,void 0,P?.locale||`en`,P?.padZeros||!1)}`})]})]})]})]}):(0,g.jsx)(`button`,{type:`button`,className:`p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button`,onClick:()=>{z(!0)},children:(0,g.jsx)(n.i,{})})}),S===`button`&&(0,g.jsxs)(`div`,{className:`absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons`,children:[(0,g.jsx)(`button`,{type:`button`,onClick:()=>Ke(`in`),className:`leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100`,children:`+`}),(0,g.jsx)(`button`,{type:`button`,onClick:()=>Ke(`out`),className:`leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100`,children:`–`})]}),(Pe||F)&&(0,g.jsxs)(`div`,{className:`absolute right-4 top-4 flex flex-col image-download-button gap-2`,children:[Pe&&(0,g.jsx)(ee.ImageDownloadButton,{nodeID:Pe,buttonSmall:!0,className:`p-1`}),F&&F.length>0&&(0,g.jsx)(r.t,{csvData:F,buttonSmall:!0,headers:Object.keys(F[0]).map(e=>({label:e,key:e})),className:`p-1`})]})]}),y&&V!==void 0?(0,g.jsx)(le.t,{body:y,data:V,setData:H,className:b?.modal}):null,Le&&fe&&Re&&G?(0,g.jsx)(ue.t,{data:Le,body:fe,xPos:Re,yPos:G,backgroundStyle:De?.tooltip,className:b?.tooltip}):null]})}function xe(e){let{data:t,mapData:r=`https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json`,graphTitle:ee,colors:u,sources:ie,graphDescription:ae,height:oe,width:d,footNote:f=`The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.`,mapColorLegendTitle:se,colorDomain:ce,choroplethScaleType:p=`threshold`,radius:le=5,scale:ue=.95,centerPoint:de,padding:pe,mapBorderWidth:me=.5,mapNoDataColor:h=i.Colors.light.graphNoData,backgroundColor:ge=!1,showLabels:ve=!1,mapBorderColor:ye=i.Colors.light.grays[`gray-500`],tooltip:xe,relativeHeight:_,onSeriesMouseOver:Se,isWorldMap:Ce=!0,showColorScale:we=!0,zoomScaleExtend:Te=[.8,6],zoomTranslateExtend:v,graphID:Ee,highlightedDataPoints:y,onSeriesMouseClick:De,graphDownload:b=!1,dataDownload:x=!1,showAntarctica:S=!1,language:C=`en`,minHeight:w=0,theme:T=`light`,ariaLabel:Oe,resetSelectionOnDoubleClick:E=!0,detailsOnClick:D,styles:O,classNames:k,mapProjection:A=`naturalEarth`,zoomInteraction:ke=`button`,animate:Ae=!1,dimmedOpacity:je=.3,customLayers:j=[],maxRadiusValue:M,timeline:N={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},collapseColorScaleByDefault:Me,dotColor:Ne=i.Colors.primaryColors[`blue-600`],highlightedIds:P,mapProperty:Pe=`ISO3`,dotLegendTitle:F,dotBorderColor:I,labelColor:Fe=i.Colors.primaryColors[`blue-600`],projectionRotate:L=[0,0],rewindCoordinatesInMapData:R=!0,numberDisplayOptions:Ie,mapOverlay:z}=e,[B,V]=(0,m.useState)(0),[H,Le]=(0,m.useState)(0),[U,Re]=(0,m.useState)(N.autoplay),W=(0,m.useMemo)(()=>{let e=[...new Set(t.filter(e=>e.date).map(e=>l.t(`${e.date}`,N.dateFormat||`yyyy`,new Date).getTime()))];return e.sort((e,t)=>e-t),e},[t,N.dateFormat]),[G,K]=(0,m.useState)(N.autoplay?0:W.length-1),[q,J]=(0,m.useState)(void 0),[ze,Y]=(0,m.useState)(void 0),Be=(0,m.useRef)(null),X=(0,m.useRef)(null),Z=ce||(p===`categorical`?s.t(t,`x`):fe.t(t.map(e=>e.x),u?.length||4));(0,m.useEffect)(()=>{let e=new ResizeObserver(e=>{V(e[0].target.clientWidth||620),Le(e[0].target.clientHeight||480)});return Be.current&&e.observe(Be.current),()=>e.disconnect()},[]);let Ve=(0,m.useEffectEvent)(e=>{J(e)}),He=(0,m.useEffectEvent)(e=>{Y(e)});(0,m.useEffect)(()=>{typeof r==`string`?o.r(r).then(e=>{Ve(e)}):Ve(r)},[r]),(0,m.useEffect)(()=>{z?.mapData||He(void 0),typeof z?.mapData==`string`?o.r(z?.mapData).then(e=>{He(e)}):He(z?.mapData)},[z?.mapData]),(0,m.useEffect)(()=>{let e=setInterval(()=>{K(e=>e<W.length-1?e+1:0)},(N.speed||2)*1e3);return U||clearInterval(e),()=>clearInterval(e)},[W,U,N.speed]);let Ue=re.t(W,G,N.showOnlyActiveDate,N.dateFormat||`yyyy`);return(0,g.jsxs)(c.n,{className:k?.graphContainer,style:O?.graphContainer,id:Ee,ref:X,"aria-label":Oe,backgroundColor:ge,theme:T,language:C,minHeight:w,width:d,height:oe,relativeHeight:_,padding:pe,children:[ee||ae?(0,g.jsx)(te.GraphHeader,{styles:{title:O?.title,description:O?.description},classNames:{title:k?.title,description:k?.description},graphTitle:ee,graphDescription:ae,width:d}):null,N.enabled&&W.length>0&&Ue?(0,g.jsxs)(`div`,{className:`flex gap-6 items-center`,dir:`ltr`,children:[(0,g.jsx)(`button`,{type:`button`,onClick:()=>{Re(!U)},className:`p-0 border-0 cursor-pointer bg-transparent`,"aria-label":U?`Click to pause animation`:`Click to play animation`,children:U?(0,g.jsx)(n.l,{}):(0,g.jsx)(n.u,{})}),(0,g.jsx)(_e.SliderUI,{min:W[0],max:W[W.length-1],marks:Ue,step:null,defaultValue:W[W.length-1],value:W[G],onChangeComplete:e=>{K(W.indexOf(e))},onChange:e=>{K(W.indexOf(e))},"aria-label":`Time slider. Use arrow keys to adjust selected time period.`})]}):null,(0,g.jsx)(c.t,{ref:Be,children:B&&H&&q?(0,g.jsx)(be,{dotColor:Ne,data:t.filter(e=>N.enabled?`${e.date}`===l.n(new Date(W[G]),N.dateFormat||`yyyy`):e),mapData:S?q:{...q,features:q.features.filter(e=>e.properties?.NAME!==`Antarctica`)},overlayMapData:ze,overlayMapBorderColor:z?.mapBorderColor,overlayMapBorderWidth:z?.mapBorderWidth,colorDomain:Z,width:B,height:H,scale:ue,centerPoint:de,colors:u||(p===`categorical`?i.Colors[T].sequentialColors[`neutralColorsx0${Z.length}`]:i.Colors[T].sequentialColors[`neutralColorsx0${Z.length+1}`]),mapColorLegendTitle:se,radius:le,categorical:p===`categorical`,mapBorderWidth:me,mapNoDataColor:h,mapBorderColor:ye,tooltip:xe,onSeriesMouseOver:Se,showLabels:ve,isWorldMap:Ce,showColorScale:we,zoomScaleExtend:Te,zoomTranslateExtend:v,onSeriesMouseClick:De,highlightedDataPoints:y,resetSelectionOnDoubleClick:E,styles:O,classNames:k,zoomInteraction:ke,detailsOnClick:D,mapProjection:A||(Ce?`naturalEarth`:`mercator`),animate:Ae===!0?{duration:.5,once:!0,amount:.5}:Ae||{duration:0,once:!0,amount:0},dimmedOpacity:je,customLayers:j,maxRadiusValue:ne.t(M)?Math.max(...t.map(e=>e.radius).filter(e=>e!=null)):M,collapseColorScaleByDefault:Me,highlightedIds:P,mapProperty:Pe,dotLegendTitle:F,dotBorderColor:I,labelColor:Fe,projectionRotate:L,rewindCoordinatesInMapData:R,numberDisplayOptions:Ie,graphDownload:b?X:void 0,dataDownload:x?t.map(e=>e.data).filter(e=>e!==void 0).length>0?t.map(e=>e.data).filter(e=>e!==void 0):t.filter(e=>e!==void 0):null}):(0,g.jsx)(`div`,{style:{height:`${Math.max(w,oe||(_?w?(d||B)*_>w?(d||B)*_:w:(d||B)*_:H))}px`},className:`flex items-center justify-center`,children:(0,g.jsx)(he.Spinner,{"aria-label":`Loading graph`})})}),ie||f?(0,g.jsx)(a.GraphFooter,{styles:{footnote:O?.footnote,source:O?.source},classNames:{footnote:k?.footnote,source:k?.source},sources:ie,footNote:f,width:d}):null]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return xe}});
+//# sourceMappingURL=HybridMap-B2wu6VbK.cjs.map

package/dist/HybridMap-B2wu6VbK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HybridMap-B2wu6VbK.cjs","names":[],"sources":["../src/Components/Graphs/Maps/HybridMap/Graph.tsx","../src/Components/Graphs/Maps/HybridMap/index.tsx"],"sourcesContent":["import bbox from '@turf/bbox';\nimport centerOfMass from '@turf/center-of-mass';\nimport rewind from '@turf/rewind';\nimport { cn } from '@undp/design-system-react/cn';\nimport { Separator } from '@undp/design-system-react/Separator';\nimport { Spacer } from '@undp/design-system-react/Spacer';\nimport { P } from '@undp/design-system-react/Typography';\nimport {\n  geoAlbersUsa,\n  geoEqualEarth,\n  geoMercator,\n  geoNaturalEarth1,\n  geoOrthographic,\n  geoPath,\n} from 'd3-geo';\nimport { scaleOrdinal, scaleSqrt, scaleThreshold } from 'd3-scale';\nimport { select } from 'd3-selection';\nimport { type D3ZoomEvent, type ZoomBehavior, zoom } from 'd3-zoom';\nimport isEqual from 'fast-deep-equal';\nimport type { FeatureCollection } from 'geojson';\nimport { AnimatePresence, motion, useInView } from 'motion/react';\nimport { type RefObject, useEffect, useMemo, useRef, useState } from 'react';\nimport { CsvDownloadButton } from '@/Components/Actions/CsvDownloadButton';\nimport { ImageDownloadButton } from '@/Components/Actions/ImageDownloadButton';\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport { ExpandIcon, X } from '@/Components/Icons';\nimport type {\n  AnimateDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  HybridMapDataType,\n  MapProjectionTypes,\n  NumberFormatOptions,\n  StyleObject,\n  ZoomInteractionTypes,\n} from '@/Types';\nimport { checkIfNullOrUndefined, numberFormattingFunction } from '@/Utils';\n\ninterface Props {\n  data: HybridMapDataType[];\n  mapData: FeatureCollection;\n  colorDomain: (string | number)[];\n  width: number;\n  height: number;\n  scale: number;\n  centerPoint?: [number, number];\n  colors: string[];\n  mapColorLegendTitle?: string;\n  categorical: boolean;\n  radius: number;\n  mapBorderWidth: number;\n  mapNoDataColor: string;\n  showLabels: boolean;\n  mapBorderColor: string;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  isWorldMap: boolean;\n  showColorScale: boolean;\n  zoomScaleExtend: [number, number];\n  zoomTranslateExtend?: [[number, number], [number, number]];\n  highlightedDataPoints?: (string | number)[];\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  resetSelectionOnDoubleClick: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  zoomInteraction: ZoomInteractionTypes;\n  mapProjection: MapProjectionTypes;\n  animate: AnimateDataType;\n  dimmedOpacity: number;\n  customLayers: CustomLayerDataType[];\n  maxRadiusValue: number;\n  collapseColorScaleByDefault?: boolean;\n  dotColor: string;\n  highlightedIds?: string[];\n  mapProperty: string;\n  dotLegendTitle?: string;\n  dotBorderColor?: string;\n  labelColor: string;\n  projectionRotate: [number, number] | [number, number, number];\n  rewindCoordinatesInMapData: boolean;\n  overlayMapData?: FeatureCollection;\n  overlayMapBorderColor?: string;\n  overlayMapBorderWidth?: number;\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\n  graphDownload?: RefObject<HTMLDivElement | null>;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  dataDownload: any;\n}\n\nexport function Graph(props: Props) {\n  const {\n    data,\n    colors,\n    mapData,\n    mapColorLegendTitle,\n    colorDomain,\n    radius,\n    height,\n    width,\n    scale,\n    centerPoint,\n    tooltip,\n    showLabels,\n    mapBorderWidth,\n    mapBorderColor,\n    mapNoDataColor,\n    onSeriesMouseOver,\n    showColorScale,\n    zoomScaleExtend,\n    zoomTranslateExtend,\n    highlightedDataPoints,\n    onSeriesMouseClick,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    styles,\n    classNames,\n    mapProjection,\n    zoomInteraction,\n    animate,\n    dimmedOpacity,\n    customLayers,\n    maxRadiusValue,\n    categorical,\n    dotColor,\n    collapseColorScaleByDefault,\n    highlightedIds,\n    mapProperty,\n    dotLegendTitle,\n    dotBorderColor,\n    labelColor,\n    projectionRotate,\n    rewindCoordinatesInMapData,\n    overlayMapData,\n    overlayMapBorderColor,\n    overlayMapBorderWidth,\n    numberDisplayOptions,\n    graphDownload,\n    dataDownload,\n  } = props;\n  const formattedMapData = useMemo(() => {\n    if (!rewindCoordinatesInMapData) return mapData;\n\n    return rewind(mapData, { reverse: true }) as FeatureCollection;\n  }, [mapData, rewindCoordinatesInMapData]);\n  const formattedOverlayMapData = useMemo(() => {\n    if (!rewindCoordinatesInMapData || !overlayMapData) return overlayMapData;\n\n    return rewind(overlayMapData, { reverse: true }) as FeatureCollection;\n  }, [overlayMapData, rewindCoordinatesInMapData]);\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\n\n  const [showLegend, setShowLegend] = useState(\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\n  );\n  const zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> | null>(null);\n\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const mapSvg = useRef<SVGSVGElement>(null);\n  const isInView = useInView(mapSvg, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  const mapG = useRef<SVGGElement>(null);\n  const radiusScale =\n    data.filter((d) => d.radius === undefined || d.radius === null).length !== data.length\n      ? scaleSqrt().domain([0, maxRadiusValue]).range([0.25, radius]).nice()\n      : undefined;\n\n  const colorScale = categorical\n    ? scaleOrdinal<number | string, string>().domain(colorDomain).range(colors)\n    : scaleThreshold<number, string>()\n        .domain(colorDomain as number[])\n        .range(colors);\n  useEffect(() => {\n    const mapGSelect = select(mapG.current);\n    const mapSvgSelect = select(mapSvg.current);\n    const zoomFilter = (e: D3ZoomEvent<SVGSVGElement, unknown>['sourceEvent']) => {\n      if (zoomInteraction === 'noZoom') return false;\n      if (zoomInteraction === 'button') return !e.type.includes('wheel');\n      const isWheel = e.type === 'wheel';\n      const isTouch = e.type.startsWith('touch');\n      const isDrag = e.type === 'mousedown' || e.type === 'mousemove';\n\n      if (isTouch) return true;\n      if (isWheel) {\n        if (zoomInteraction === 'scroll') return true;\n        return e.ctrlKey;\n      }\n      return isDrag && !e.button && !e.ctrlKey;\n    };\n    const zoomBehavior = zoom<SVGSVGElement, unknown>()\n      .scaleExtent(zoomScaleExtend)\n      .translateExtent(\n        zoomTranslateExtend || [\n          [-20, -20],\n          [width + 20, height + 20],\n        ],\n      )\n      .filter(zoomFilter)\n      .on('zoom', ({ transform }) => {\n        mapGSelect.attr('transform', transform);\n      });\n\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    mapSvgSelect.call(zoomBehavior as any);\n\n    zoomRef.current = zoomBehavior;\n  }, [height, width, zoomInteraction]);\n\n  const bounds = bbox(formattedMapData);\n\n  const center = centerOfMass(formattedMapData);\n  const lonDiff = (bounds[2] - bounds[0]) * 1.15;\n  const latDiff = (bounds[3] - bounds[1]) * 1.15;\n  const scaleX = (((width * 190) / 960) * 360) / lonDiff;\n  const scaleY = (((height * 190) / 678) * 180) / latDiff;\n  const scaleVar = scale * Math.min(scaleX, scaleY);\n\n  const projection =\n    mapProjection === 'mercator'\n      ? geoMercator()\n          .rotate(projectionRotate)\n          .center(centerPoint || (center.geometry.coordinates as [number, number]))\n          .translate([width / 2, height / 2])\n          .scale(scaleVar)\n      : mapProjection === 'equalEarth'\n        ? geoEqualEarth()\n            .rotate(projectionRotate)\n            .center(centerPoint || (center.geometry.coordinates as [number, number]))\n            .translate([width / 2, height / 2])\n            .scale(scaleVar)\n        : mapProjection === 'naturalEarth'\n          ? geoNaturalEarth1()\n              .rotate(projectionRotate)\n              .center(centerPoint || (center.geometry.coordinates as [number, number]))\n              .translate([width / 2, height / 2])\n              .scale(scaleVar)\n          : mapProjection === 'orthographic'\n            ? geoOrthographic()\n                .rotate(projectionRotate)\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\n                .translate([width / 2, height / 2])\n                .scale(scaleVar)\n            : geoAlbersUsa()\n                .rotate(projectionRotate)\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\n                .translate([width / 2, height / 2])\n                .scale(scaleVar);\n  const pathGenerator = geoPath().projection(projection);\n  const handleZoom = (direction: 'in' | 'out') => {\n    if (!mapSvg.current || !zoomRef.current) return;\n    const svg = select(mapSvg.current);\n    svg.call(zoomRef.current.scaleBy, direction === 'in' ? 1.2 : 1 / 1.2);\n  };\n  return (\n    <>\n      <div className='relative'>\n        <motion.svg\n          width={`${width}px`}\n          height={`${height}px`}\n          viewBox={`0 0 ${width} ${height}`}\n          ref={mapSvg}\n          direction='ltr'\n        >\n          <g ref={mapG}>\n            {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n            {formattedMapData.features.map((d, i: number) => {\n              if (!d.properties?.[mapProperty]) return null;\n              const path = pathGenerator(d);\n              if (!path) return null;\n              return (\n                <motion.g\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  key={i}\n                  opacity={\n                    selectedColor\n                      ? dimmedOpacity\n                      : highlightedIds\n                        ? highlightedIds.indexOf(d.properties[mapProperty]) !== -1\n                          ? 1\n                          : dimmedOpacity\n                        : 1\n                  }\n                >\n                  <path\n                    d={path}\n                    style={{\n                      stroke: mapBorderColor,\n                      strokeWidth: mapBorderWidth,\n                      fill: mapNoDataColor,\n                      vectorEffect: 'non-scaling-stroke',\n                    }}\n                  />\n                </motion.g>\n              );\n            })}\n            <AnimatePresence>\n              {data\n                .filter((d) => d.id)\n                .map((d) => {\n                  const index = formattedMapData.features.findIndex(\n                    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                    (el: any) => d.id === el.properties[mapProperty],\n                  );\n                  if (index === -1) return null;\n                  const path = pathGenerator(formattedMapData.features[index]);\n                  if (!path) return null;\n                  const color = !checkIfNullOrUndefined(d.x)\n                    ? // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                      colorScale(d.x as any)\n                    : mapNoDataColor;\n                  return (\n                    <motion.g\n                      key={d.id}\n                      className='undp-map-shapes'\n                      variants={{\n                        initial: { opacity: 0 },\n                        whileInView: {\n                          opacity: selectedColor\n                            ? selectedColor === color\n                              ? !highlightedIds || highlightedIds.indexOf(d.id as string) !== -1\n                                ? 1\n                                : dimmedOpacity\n                              : dimmedOpacity\n                            : highlightedIds\n                              ? highlightedIds.indexOf(d.id as string) !== -1\n                                ? 1\n                                : dimmedOpacity\n                              : 1,\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                      onMouseEnter={(event) => {\n                        setMouseOverData(d);\n                        setEventY(event.clientY);\n                        setEventX(event.clientX);\n                        onSeriesMouseOver?.(d);\n                      }}\n                      onMouseMove={(event) => {\n                        setMouseOverData(d);\n                        setEventY(event.clientY);\n                        setEventX(event.clientX);\n                      }}\n                      onMouseLeave={() => {\n                        setMouseOverData(undefined);\n                        setEventX(undefined);\n                        setEventY(undefined);\n                        onSeriesMouseOver?.(undefined);\n                      }}\n                      onClick={() => {\n                        if (onSeriesMouseClick || detailsOnClick) {\n                          if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                            setMouseClickData(undefined);\n                            onSeriesMouseClick?.(undefined);\n                          } else {\n                            setMouseClickData(d);\n                            onSeriesMouseClick?.(d);\n                          }\n                        }\n                      }}\n                    >\n                      <motion.path\n                        key={`${d.id}`}\n                        d={path}\n                        variants={{\n                          initial: { fill: color, opacity: 0 },\n                          whileInView: {\n                            fill: color,\n                            opacity: 1,\n                            transition: { duration: animate.duration },\n                          },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                        exit={{\n                          opacity: 0,\n                          transition: { duration: animate.duration },\n                        }}\n                        style={{\n                          stroke: mapBorderColor,\n                          strokeWidth: mapBorderWidth,\n                          vectorEffect: 'non-scaling-stroke',\n                        }}\n                      />\n                    </motion.g>\n                  );\n                })}\n              {formattedOverlayMapData?.features.map((d, i: number) => {\n                const path = pathGenerator(d);\n                if (!path) return null;\n                return (\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  <g key={i}>\n                    <path\n                      d={path}\n                      style={{\n                        stroke: overlayMapBorderColor || mapBorderColor,\n                        strokeWidth: overlayMapBorderWidth || mapBorderWidth + 1,\n                        fill: 'none',\n                        pointerEvents: 'none',\n                        vectorEffect: 'non-scaling-stroke',\n                      }}\n                    />\n                  </g>\n                );\n              })}\n              {data\n                .filter((d) => !checkIfNullOrUndefined(d.lat) && !checkIfNullOrUndefined(d.long))\n                .map((d) => {\n                  const labelPosMultiplier =\n                    (projection([d.long as number, d.lat as number]) as [number, number])[0] >\n                    0.8 * width\n                      ? -1\n                      : 1;\n                  return (\n                    <motion.g\n                      className='undp-map-dots'\n                      key={d.label || `${d.lat}-${d.long}`}\n                      variants={{\n                        initial: { opacity: 0 },\n                        whileInView: {\n                          opacity: highlightedDataPoints\n                            ? highlightedDataPoints.indexOf(d.label || '') !== -1\n                              ? 1\n                              : dimmedOpacity\n                            : 1,\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                      onMouseEnter={(event) => {\n                        setMouseOverData(d);\n                        setEventY(event.clientY);\n                        setEventX(event.clientX);\n                        onSeriesMouseOver?.(d);\n                      }}\n                      onMouseMove={(event) => {\n                        setMouseOverData(d);\n                        setEventY(event.clientY);\n                        setEventX(event.clientX);\n                      }}\n                      onMouseLeave={() => {\n                        setMouseOverData(undefined);\n                        setEventX(undefined);\n                        setEventY(undefined);\n                        onSeriesMouseOver?.(undefined);\n                      }}\n                      onClick={() => {\n                        if (onSeriesMouseClick || detailsOnClick) {\n                          if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                            setMouseClickData(undefined);\n                            onSeriesMouseClick?.(undefined);\n                          } else {\n                            setMouseClickData(d);\n                            onSeriesMouseClick?.(d);\n                          }\n                        }\n                      }}\n                      transform={`translate(${\n                        (projection([d.long as number, d.lat as number]) as [number, number])[0]\n                      },${(projection([d.long as number, d.lat as number]) as [number, number])[1]})`}\n                    >\n                      <motion.circle\n                        cx={0}\n                        cy={0}\n                        variants={{\n                          initial: {\n                            r: 0,\n                            fill: dotColor,\n                            stroke: dotBorderColor || dotColor,\n                          },\n                          whileInView: {\n                            r: !radiusScale ? radius : radiusScale(d.radius || 0),\n                            fill: dotColor,\n                            stroke: dotBorderColor || dotColor,\n                            transition: { duration: animate.duration },\n                          },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                        exit={{ r: 0, transition: { duration: animate.duration } }}\n                        style={{\n                          fillOpacity: 0.8,\n                          vectorEffect: 'non-scaling-stroke',\n                        }}\n                      />\n                      {showLabels && d.label ? (\n                        <motion.text\n                          variants={{\n                            initial: {\n                              opacity: 0,\n                              x:\n                                labelPosMultiplier *\n                                (!radiusScale ? radius : radiusScale(d.radius || 0)),\n                            },\n                            whileInView: {\n                              opacity: 1,\n                              x:\n                                labelPosMultiplier *\n                                (!radiusScale ? radius : radiusScale(d.radius || 0)),\n                              transition: { duration: animate.duration },\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                          y={0}\n                          className={cn('text-sm', classNames?.graphObjectValues)}\n                          style={{\n                            textAnchor: labelPosMultiplier === -1 ? 'end' : 'start',\n                            fill: labelColor || '#000',\n                            vectorEffect: 'non-scaling-stroke',\n                            ...(styles?.graphObjectValues || {}),\n                          }}\n                          dx={labelPosMultiplier * 4}\n                          dy={5}\n                        >\n                          {d.label}\n                        </motion.text>\n                      ) : null}\n                    </motion.g>\n                  );\n                })}\n            </AnimatePresence>\n            {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n          </g>\n        </motion.svg>\n        {showColorScale === false ? null : (\n          <div className={cn('absolute left-4 bottom-4 map-color-legend', classNames?.colorLegend)}>\n            {showLegend ? (\n              <>\n                <button\n                  type='button'\n                  className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\n                  onClick={() => {\n                    setShowLegend(false);\n                  }}\n                >\n                  <X />\n                </button>\n                <div\n                  className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\n                  style={{\n                    width: categorical || colorDomain.length < 2 ? undefined : '340px',\n                  }}\n                >\n                  {dotLegendTitle && dotLegendTitle !== '' ? (\n                    <>\n                      <div className='flex items-center gap-2'>\n                        <div\n                          className='w-3 h-3 rounded-full'\n                          style={{ backgroundColor: dotColor }}\n                        />\n                        <P\n                          size='xs'\n                          marginBottom='none'\n                          className='p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300'\n                          style={{\n                            display: '-webkit-box',\n                            WebkitLineClamp: '1',\n                            WebkitBoxOrient: 'vertical',\n                          }}\n                        >\n                          {dotLegendTitle}\n                        </P>\n                      </div>\n                      <Spacer size='xl' />\n                      <Separator />\n                      <Spacer size='xl' />\n                    </>\n                  ) : null}\n                  {mapColorLegendTitle && mapColorLegendTitle !== '' ? (\n                    <P\n                      size='xs'\n                      marginBottom='xs'\n                      className='p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300'\n                      style={{\n                        display: '-webkit-box',\n                        WebkitLineClamp: '1',\n                        WebkitBoxOrient: 'vertical',\n                      }}\n                    >\n                      {mapColorLegendTitle}\n                    </P>\n                  ) : null}\n                  {!categorical && colorDomain.length > 1 ? (\n                    <svg width='100%' viewBox='0 0 320 30' direction='ltr'>\n                      <g>\n                        {colorDomain.map((d, i) => (\n                          // biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend\n                          <g\n                            // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                            key={i}\n                            onMouseOver={() => {\n                              setSelectedColor(colors[i]);\n                            }}\n                            onFocus={() => {\n                              setSelectedColor(colors[i]);\n                            }}\n                            onMouseLeave={() => {\n                              setSelectedColor(undefined);\n                            }}\n                            className='cursor-pointer'\n                          >\n                            <rect\n                              x={(i * 320) / colors.length + 1}\n                              y={1}\n                              width={320 / colors.length - 2}\n                              height={8}\n                              className={\n                                selectedColor === colors[i]\n                                  ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300'\n                                  : ''\n                              }\n                              style={{\n                                fill: colors[i],\n                                ...(selectedColor === colors[i] ? {} : { stroke: colors[i] }),\n                              }}\n                            />\n                            <text\n                              x={((i + 1) * 320) / colors.length}\n                              y={25}\n                              className='fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\n                              style={{ textAnchor: 'middle' }}\n                            >\n                              {numberFormattingFunction(\n                                d as number,\n                                undefined,\n                                numberDisplayOptions?.precision ?? 2,\n                                undefined,\n                                undefined,\n                                numberDisplayOptions?.locale || 'en',\n                                numberDisplayOptions?.padZeros || false,\n                              )}\n                            </text>\n                          </g>\n                        ))}\n                        <g>\n                          {/* biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend */}\n                          <rect\n                            onMouseOver={() => {\n                              setSelectedColor(colors[colorDomain.length]);\n                            }}\n                            onFocus={() => {\n                              setSelectedColor(colors[colorDomain.length]);\n                            }}\n                            onMouseLeave={() => {\n                              setSelectedColor(undefined);\n                            }}\n                            x={(colorDomain.length * 320) / colors.length + 1}\n                            y={1}\n                            width={320 / colors.length - 2}\n                            height={8}\n                            className={`cursor-pointer ${\n                              selectedColor === colors[colorDomain.length]\n                                ? 'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300'\n                                : ''\n                            }`}\n                            style={{\n                              fill: colors[colorDomain.length],\n                              ...(selectedColor === colors[colorDomain.length]\n                                ? {}\n                                : { stroke: colors[colorDomain.length] }),\n                            }}\n                          />\n                        </g>\n                      </g>\n                    </svg>\n                  ) : categorical ? (\n                    <div className='flex flex-col gap-3'>\n                      {colorDomain.map((d, i) => (\n                        // biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend\n                        <div\n                          // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                          key={i}\n                          className='flex gap-2 items-center'\n                          onMouseOver={() => {\n                            setSelectedColor(colors[i % colors.length]);\n                          }}\n                          onFocus={() => {\n                            setSelectedColor(colors[i % colors.length]);\n                          }}\n                          onMouseLeave={() => {\n                            setSelectedColor(undefined);\n                          }}\n                        >\n                          <div\n                            className='w-2 h-2 rounded-full'\n                            style={{ backgroundColor: colors[i % colors.length] }}\n                          />\n                          <P size='sm' marginBottom='none' leading='none'>\n                            {d}\n                          </P>\n                        </div>\n                      ))}\n                    </div>\n                  ) : (\n                    <div className='flex flex-col gap-3'>\n                      {/* biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend */}\n                      <div\n                        className='flex gap-2 items-center'\n                        onMouseOver={() => {\n                          setSelectedColor(colors[0]);\n                        }}\n                        onFocus={() => {\n                          setSelectedColor(colors[0]);\n                        }}\n                        onMouseLeave={() => {\n                          setSelectedColor(undefined);\n                        }}\n                      >\n                        <div\n                          className='w-2 h-2 rounded-full'\n                          style={{ backgroundColor: colors[0] }}\n                        />\n                        <P size='sm' marginBottom='none' leading='none'>\n                          {`<= ${numberFormattingFunction(\n                            colorDomain[0] as number,\n                            'NA',\n                            numberDisplayOptions?.precision ?? 2,\n                            undefined,\n                            undefined,\n                            numberDisplayOptions?.locale || 'en',\n                            numberDisplayOptions?.padZeros || false,\n                          )}`}\n                        </P>\n                      </div>\n                      {/* biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend */}\n                      <div\n                        className='flex gap-2 items-center'\n                        onMouseOver={() => {\n                          setSelectedColor(colors[1]);\n                        }}\n                        onFocus={() => {\n                          setSelectedColor(colors[1]);\n                        }}\n                        onMouseLeave={() => {\n                          setSelectedColor(undefined);\n                        }}\n                      >\n                        <div\n                          className='w-2 h-2 rounded-full'\n                          style={{ backgroundColor: colors[1] }}\n                        />\n                        <P size='sm' marginBottom='none' leading='none'>\n                          {`> ${numberFormattingFunction(\n                            colorDomain[0] as number,\n                            'NA',\n                            numberDisplayOptions?.precision ?? 2,\n                            undefined,\n                            undefined,\n                            numberDisplayOptions?.locale || 'en',\n                            numberDisplayOptions?.padZeros || false,\n                          )}`}\n                        </P>\n                      </div>\n                    </div>\n                  )}\n                </div>\n              </>\n            ) : (\n              <button\n                type='button'\n                className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\n                onClick={() => {\n                  setShowLegend(true);\n                }}\n              >\n                <ExpandIcon />\n              </button>\n            )}\n          </div>\n        )}\n        {zoomInteraction === 'button' && (\n          <div className='absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons'>\n            <button\n              type='button'\n              onClick={() => handleZoom('in')}\n              className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\n            >\n              +\n            </button>\n            <button\n              type='button'\n              onClick={() => handleZoom('out')}\n              className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\n            >\n              –\n            </button>\n          </div>\n        )}\n        {(graphDownload || dataDownload) && (\n          <div className='absolute right-4 top-4 flex flex-col image-download-button gap-2'>\n            {graphDownload && (\n              <ImageDownloadButton nodeID={graphDownload} buttonSmall className='p-1' />\n            )}\n            {dataDownload && dataDownload.length > 0 && (\n              <CsvDownloadButton\n                csvData={dataDownload}\n                buttonSmall\n                headers={Object.keys(dataDownload[0]).map((d) => ({\n                  label: d,\n                  key: d,\n                }))}\n                className='p-1'\n              />\n            )}\n          </div>\n        )}\n      </div>\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { SliderUI } from '@undp/design-system-react/SliderUI';\nimport { Spinner } from '@undp/design-system-react/Spinner';\nimport { format } from 'date-fns/format';\nimport { parse } from 'date-fns/parse';\nimport type { FeatureCollection } from 'geojson';\nimport { useEffect, useEffectEvent, useMemo, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport { Pause, Play } from '@/Components/Icons';\nimport type {\n  AnimateDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  HybridMapDataType,\n  Languages,\n  MapOverlayDataType,\n  MapProjectionTypes,\n  NumberFormatOptions,\n  ScaleDataType,\n  SourcesDataType,\n  StyleObject,\n  TimelineDataType,\n  ZoomInteractionTypes,\n} from '@/Types';\nimport { getJenks, getUniqValue } from '@/Utils';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\nimport { Graph } from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects for dot density map*/\n  data: HybridMapDataType[];\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Color or array of colors for the circle */\n  colors?: string[];\n  /** Domain of colors for the graph for the choropleth map */\n  colorDomain?: number[] | string[];\n  /** Title for the legend for the dot density scale */\n  dotLegendTitle?: string;\n  /** Title for the color legend for the color scale */\n  mapColorLegendTitle?: string;\n  /** Color for the areas where data is no available */\n  mapNoDataColor?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n\n  // Graph Parameters\n  /** Maximum radius of the circle */\n  radius?: number;\n  /** Map data as an object in geoJson format or a url for geoJson */\n  mapData?: FeatureCollection | string;\n  /** Detail if any other map needs to be overlayed over the main map */\n  mapOverlay?: MapOverlayDataType;\n  /** Defines if the coordinates in the map data should be rewinded or not. Try to change this is the visualization shows countries as holes instead of shapes. */\n  rewindCoordinatesInMapData?: boolean;\n  /** Scaling factor for the map. Multiplies the scale number to scale. */\n  scale?: number;\n  /** Center point of the map */\n  centerPoint?: [number, number];\n  /** Controls the rotation of the map projection, in degrees, applied before rendering. Useful for shifting the antimeridian to focus the map on different regions */\n  projectionRotate?: [number, number] | [number, number, number];\n  /** Defines the zoom mode for the map */\n  zoomInteraction?: ZoomInteractionTypes;\n  /** Stroke width of the regions in the map */\n  mapBorderWidth?: number;\n  /** Stroke color of the regions in the map */\n  mapBorderColor?: string;\n  /** Color of the dots in the dot density map */\n  dotColor?: string;\n  /** Border color of the dots in the dot density map */\n  dotBorderColor?: string;\n  /** Color of the labels */\n  labelColor?: string;\n  /** Toggle if the map is a world map */\n  isWorldMap?: boolean;\n  /** Scale for the colors of the choropleth map */\n  choroplethScaleType?: Exclude<ScaleDataType, 'linear'>;\n  /** Map projection type */\n  mapProjection?: MapProjectionTypes;\n  /** Extend of the allowed zoom in the map */\n  zoomScaleExtend?: [number, number];\n  /** Extend of the allowed panning in the map */\n  zoomTranslateExtend?: [[number, number], [number, number]];\n  /** Toggle visibility of labels */\n  showLabels?: boolean;\n  /** Maximum value mapped to the radius chart */\n  maxRadiusValue?: number;\n  /** Countries or regions to be highlighted */\n  highlightedIds?: string[];\n  /** Data points to highlight. Use the label value from data to highlight the data point */\n  highlightedDataPoints?: (string | number)[];\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\n  /** Toggles if the graph animates in when loaded.  */\n  animate?: boolean | AnimateDataType;\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\n  showColorScale?: boolean;\n  /** Toggle if color scale is collapsed by default. */\n  collapseColorScaleByDefault?: boolean;\n  /** Toggles the visibility of Antarctica in the default map. Only applicable for the default map. */\n  showAntarctica?: boolean;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Property in the property object in mapData geoJson object is used to match to the id in the data object */\n  mapProperty?: string;\n  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\n  timeline?: TimelineDataType;\n  /** Configuration options for controlling number formatting, localization, precision, and zero padding. */\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\n  resetSelectionOnDoubleClick?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** 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 */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function HybridMap(props: Props) {\n  const {\n    data,\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json',\n    graphTitle,\n    colors,\n    sources,\n    graphDescription,\n    height,\n    width,\n    footNote = 'The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.',\n    mapColorLegendTitle,\n    colorDomain,\n    choroplethScaleType = 'threshold',\n    radius = 5,\n    scale = 0.95,\n    centerPoint,\n    padding,\n    mapBorderWidth = 0.5,\n    mapNoDataColor = Colors.light.graphNoData,\n    backgroundColor = false,\n    showLabels = false,\n    mapBorderColor = Colors.light.grays['gray-500'],\n    tooltip,\n    relativeHeight,\n    onSeriesMouseOver,\n    isWorldMap = true,\n    showColorScale = true,\n    zoomScaleExtend = [0.8, 6],\n    zoomTranslateExtend,\n    graphID,\n    highlightedDataPoints,\n    onSeriesMouseClick,\n    graphDownload = false,\n    dataDownload = false,\n    showAntarctica = false,\n    language = 'en',\n    minHeight = 0,\n    theme = 'light',\n    ariaLabel,\n    resetSelectionOnDoubleClick = true,\n    detailsOnClick,\n    styles,\n    classNames,\n    mapProjection = 'naturalEarth',\n    zoomInteraction = 'button',\n    animate = false,\n    dimmedOpacity = 0.3,\n    customLayers = [],\n    maxRadiusValue,\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\n    collapseColorScaleByDefault,\n    dotColor = Colors.primaryColors['blue-600'],\n    highlightedIds,\n    mapProperty = 'ISO3',\n    dotLegendTitle,\n    dotBorderColor,\n    labelColor = Colors.primaryColors['blue-600'],\n    projectionRotate = [0, 0],\n    rewindCoordinatesInMapData = true,\n    numberDisplayOptions,\n    mapOverlay,\n  } = props;\n\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [play, setPlay] = useState(timeline.autoplay);\n  const uniqDatesSorted = useMemo(() => {\n    const dates = [\n      ...new Set(\n        data\n          .filter((d) => d.date)\n          .map((d) => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\n      ),\n    ];\n    dates.sort((a, b) => a - b);\n    return dates;\n  }, [data, timeline.dateFormat]);\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\n\n  const [mapShape, setMapShape] = useState<FeatureCollection | undefined>(undefined);\n  const [overlayMapShape, setOverlayMapShape] = useState<FeatureCollection | undefined>(undefined);\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  const domain =\n    colorDomain ||\n    (choroplethScaleType === 'categorical'\n      ? getUniqValue(data, 'x')\n      : getJenks(\n          data.map((d) => d.x as number | null | undefined),\n          colors?.length || 4,\n        ));\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  const onUpdateShape = useEffectEvent((shape: FeatureCollection) => {\n    setMapShape(shape);\n  });\n\n  const onUpdateOverlayMapShape = useEffectEvent((shape: FeatureCollection | undefined) => {\n    setOverlayMapShape(shape);\n  });\n  useEffect(() => {\n    if (typeof mapData === 'string') {\n      const fetchData = fetchAndParseJSON(mapData);\n      fetchData.then((d) => {\n        onUpdateShape(d as FeatureCollection);\n      });\n    } else {\n      onUpdateShape(mapData);\n    }\n  }, [mapData]);\n  useEffect(() => {\n    if (!mapOverlay?.mapData) onUpdateOverlayMapShape(undefined);\n    if (typeof mapOverlay?.mapData === 'string') {\n      const fetchData = fetchAndParseJSON(mapOverlay?.mapData);\n      fetchData.then((d) => {\n        onUpdateOverlayMapShape(d as FeatureCollection);\n      });\n    } else {\n      onUpdateOverlayMapShape(mapOverlay?.mapData);\n    }\n  }, [mapOverlay?.mapData]);\n\n  useEffect(() => {\n    const interval = setInterval(\n      () => {\n        setIndex((i) => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\n      },\n      (timeline.speed || 2) * 1000,\n    );\n    if (!play) clearInterval(interval);\n    return () => clearInterval(interval);\n  }, [uniqDatesSorted, play, timeline.speed]);\n\n  const markObj = getSliderMarks(\n    uniqDatesSorted,\n    index,\n    timeline.showOnlyActiveDate,\n    timeline.dateFormat || 'yyyy',\n  );\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n        />\n      ) : null}\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\n        <div className='flex gap-6 items-center' dir='ltr'>\n          <button\n            type='button'\n            onClick={() => {\n              setPlay(!play);\n            }}\n            className='p-0 border-0 cursor-pointer bg-transparent'\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\n          >\n            {play ? <Pause /> : <Play />}\n          </button>\n          <SliderUI\n            min={uniqDatesSorted[0]}\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            marks={markObj}\n            step={null}\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            value={uniqDatesSorted[index]}\n            onChangeComplete={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            onChange={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\n          />\n        </div>\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {svgWidth && svgHeight && mapShape ? (\n          <Graph\n            dotColor={dotColor}\n            data={data.filter((d) =>\n              timeline.enabled\n                ? `${d.date}` ===\n                  format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\n                : d,\n            )}\n            mapData={\n              showAntarctica\n                ? mapShape\n                : {\n                    ...mapShape,\n                    features: mapShape.features.filter(\n                      (el) => el.properties?.NAME !== 'Antarctica',\n                    ),\n                  }\n            }\n            overlayMapData={overlayMapShape}\n            overlayMapBorderColor={mapOverlay?.mapBorderColor}\n            overlayMapBorderWidth={mapOverlay?.mapBorderWidth}\n            colorDomain={domain}\n            width={svgWidth}\n            height={svgHeight}\n            scale={scale}\n            centerPoint={centerPoint}\n            colors={\n              colors ||\n              (choroplethScaleType === 'categorical'\n                ? Colors[theme].sequentialColors[\n                    `neutralColorsx0${domain.length as 4 | 5 | 6 | 7 | 8 | 9}`\n                  ]\n                : Colors[theme].sequentialColors[\n                    `neutralColorsx0${(domain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\n                  ])\n            }\n            mapColorLegendTitle={mapColorLegendTitle}\n            radius={radius}\n            categorical={choroplethScaleType === 'categorical'}\n            mapBorderWidth={mapBorderWidth}\n            mapNoDataColor={mapNoDataColor}\n            mapBorderColor={mapBorderColor}\n            tooltip={tooltip}\n            onSeriesMouseOver={onSeriesMouseOver}\n            showLabels={showLabels}\n            isWorldMap={isWorldMap}\n            showColorScale={showColorScale}\n            zoomScaleExtend={zoomScaleExtend}\n            zoomTranslateExtend={zoomTranslateExtend}\n            onSeriesMouseClick={onSeriesMouseClick}\n            highlightedDataPoints={highlightedDataPoints}\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n            styles={styles}\n            classNames={classNames}\n            zoomInteraction={zoomInteraction}\n            detailsOnClick={detailsOnClick}\n            mapProjection={mapProjection || (isWorldMap ? 'naturalEarth' : 'mercator')}\n            animate={\n              animate === true\n                ? { duration: 0.5, once: true, amount: 0.5 }\n                : animate || { duration: 0, once: true, amount: 0 }\n            }\n            dimmedOpacity={dimmedOpacity}\n            customLayers={customLayers}\n            maxRadiusValue={\n              !checkIfNullOrUndefined(maxRadiusValue)\n                ? (maxRadiusValue as number)\n                : Math.max(\n                    ...data.map((d) => d.radius).filter((d) => d !== undefined && d !== null),\n                  )\n            }\n            collapseColorScaleByDefault={collapseColorScaleByDefault}\n            highlightedIds={highlightedIds}\n            mapProperty={mapProperty}\n            dotLegendTitle={dotLegendTitle}\n            dotBorderColor={dotBorderColor}\n            labelColor={labelColor}\n            projectionRotate={projectionRotate}\n            rewindCoordinatesInMapData={rewindCoordinatesInMapData}\n            numberDisplayOptions={numberDisplayOptions}\n            graphDownload={graphDownload ? graphParentDiv : undefined}\n            dataDownload={\n              dataDownload\n                ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                  ? data.map((d) => d.data).filter((d) => d !== undefined)\n                  : data.filter((d) => d !== undefined)\n                : null\n            }\n          />\n        ) : (\n          <div\n            style={{\n              height: `${Math.max(\n                minHeight,\n                height ||\n                  (relativeHeight\n                    ? minHeight\n                      ? (width || svgWidth) * relativeHeight > minHeight\n                        ? (width || svgWidth) * relativeHeight\n                        : minHeight\n                      : (width || svgWidth) * relativeHeight\n                    : svgHeight),\n              )}px`,\n            }}\n            className='flex items-center justify-center'\n          >\n            <Spinner aria-label='Loading graph' />\n          </div>\n        )}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"mappings":"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"}