@undp/data-viz 2.3.11 → 2.3.12

package/dist/HybridMap.js

@@ -6,9 +6,9 @@ import { g as Ze, N as Qe } from "./getSliderMarks-vXsR8RrR.js";
 import { w as to } from "./Spinner-CtJETd5V.js";
 import { i as Pe } from "./index-Bwrro8-q.js";
 import { i as eo, z as oo, a as ao, g as ro, b as io, c as no, d as lo, e as so, f as co } from "./index-CKpKc9DR.js";
-import { _ as Oe } from "./Typography-HicNIA61.js";
+import { _ as Oe } from "./Typography-DMVW6JnV.js";
 import { i as mo } from "./index-DCsFBfJ_.js";
-import { n as Le } from "./Source-eILIr4Ov.js";
+import { n as Le } from "./Source-Djkz-7jX.js";
 import { w as po } from "./index-DoS4bGNa-Bgab95kx.js";
 import { T as uo } from "./Tooltip-CohiIbLZ.js";
 import { X as ho, P as go, e as fo } from "./index-CZ0elhKR.js";
@@ -29,7 +29,7 @@ import { f as No } from "./fetchAndParseData-BAXhgTDM.js";
 import { a as So, G as Mo } from "./GraphContainer-DwMxWRCi.js";
 import { g as Oo } from "./getUniqValue-DsqSii6M.js";
 import { g as Io } from "./getJenks-DTCcQSDi.js";
-var zo = "Separator", _e = "horizontal", Eo = ["horizontal", "vertical"], Be = He.forwardRef((r, t) => {
+var zo = "Separator", _e = "horizontal", Eo = ["horizontal", "vertical"], $e = He.forwardRef((r, t) => {
   const { decorative: e, orientation: b = _e, ...g } = r, n = Po(b) ? b : _e, f = e ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
   return /* @__PURE__ */ Ve.jsx(
     po.div,
@@ -41,11 +41,11 @@ var zo = "Separator", _e = "horizontal", Eo = ["horizontal", "vertical"], Be = H
     }
   );
 });
-Be.displayName = zo;
+$e.displayName = zo;
 function Po(r) {
   return Eo.includes(r);
 }
-var $e = Be;
+var Be = $e;
 const Ae = Ue.forwardRef((r, t) => {
   const e = Ge.c(14);
   let b, g, n, f;
@@ -59,9 +59,9 @@ const Ae = Ue.forwardRef((r, t) => {
   let w;
   e[5] !== b || e[6] !== u || e[7] !== k ? (w = ze(u, k, b), e[5] = b, e[6] = u, e[7] = k, e[8] = w) : w = e[8];
   let M;
-  return e[9] !== l || e[10] !== g || e[11] !== t || e[12] !== w ? (M = /* @__PURE__ */ Ve.jsx($e, { ...g, ref: t, orientation: l, className: w }), e[9] = l, e[10] = g, e[11] = t, e[12] = w, e[13] = M) : M = e[13], M;
+  return e[9] !== l || e[10] !== g || e[11] !== t || e[12] !== w ? (M = /* @__PURE__ */ Ve.jsx(Be, { ...g, ref: t, orientation: l, className: w }), e[9] = l, e[10] = g, e[11] = t, e[12] = w, e[13] = M) : M = e[13], M;
 });
-Ae.displayName = $e.displayName;
+Ae.displayName = Be.displayName;
 function Lo(r) {
   const {
     data: t,
@@ -107,12 +107,12 @@ function Lo(r) {
     rewindCoordinatesInMapData: pt
   } = r, d = Xe(() => pt ? eo(b, {
     reverse: !0
-  }) : b, [b, pt]), [s, _] = S(void 0), [Ht, Et] = S(Ot === void 0 ? !(l < 680) : !Ot), ut = Rt(null), [V, O] = S(void 0), [ot, I] = S(void 0), [Pt, D] = S(void 0), [Lt, z] = S(void 0), B = Rt(null), K = jo(B, {
+  }) : b, [b, pt]), [s, _] = S(void 0), [Ht, Et] = S(Ot === void 0 ? !(l < 680) : !Ot), ut = Rt(null), [V, O] = S(void 0), [ot, I] = S(void 0), [Pt, D] = S(void 0), [Lt, z] = S(void 0), $ = Rt(null), K = jo($, {
     once: x.once,
     amount: x.amount
-  }), at = Rt(null), $ = t.filter((o) => o.radius === void 0 || o.radius === null).length !== t.length ? xo().domain([0, ct]).range([0.25, f]).nice() : void 0, E = tt ? vo().domain(n).range(e) : bo().domain(n).range(e);
+  }), at = Rt(null), B = t.filter((o) => o.radius === void 0 || o.radius === null).length !== t.length ? xo().domain([0, ct]).range([0.25, f]).nice() : void 0, E = tt ? vo().domain(n).range(e) : bo().domain(n).range(e);
   de(() => {
-    const o = Ie(at.current), i = Ie(B.current), v = (m) => {
+    const o = Ie(at.current), i = Ie($.current), v = (m) => {
       if (X === "noZoom") return !1;
       if (X === "button") return !m.type.includes("wheel");
       const gt = m.type === "wheel", ft = m.type.startsWith("touch"), At = m.type === "mousedown" || m.type === "mousemove";
@@ -124,13 +124,13 @@ function Lo(r) {
     });
     i.call(N), ut.current = N;
   }, [y, l, X]);
-  const A = ao(d), j = mo(d), _t = (A[2] - A[0]) * 1.15, Vt = (A[3] - A[1]) * 1.15, Bt = l * 190 / 960 * 360 / _t, $t = y * 190 / 678 * 180 / Vt, F = u * Math.min(Bt, $t), Z = Q === "mercator" ? ro().rotate(J).center(k || j.geometry.coordinates).translate([l / 2, y / 2]).scale(F) : Q === "equalEarth" ? io().rotate(J).center(k || j.geometry.coordinates).translate([l / 2, y / 2]).scale(F) : Q === "naturalEarth" ? no().rotate(J).center(k || j.geometry.coordinates).translate([l / 2, y / 2]).scale(F) : Q === "orthographic" ? lo().rotate(J).center(k || j.geometry.coordinates).translate([l / 2, y / 2]).scale(F) : so().rotate(J).center(k || j.geometry.coordinates).translate([l / 2, y / 2]).scale(F), ht = co().projection(Z), rt = (o) => {
-    if (!B.current || !ut.current) return;
-    Ie(B.current).call(ut.current.scaleBy, o === "in" ? 1.2 : 1 / 1.2);
+  const A = ao(d), j = mo(d), _t = (A[2] - A[0]) * 1.15, Vt = (A[3] - A[1]) * 1.15, $t = l * 190 / 960 * 360 / _t, Bt = y * 190 / 678 * 180 / Vt, F = u * Math.min($t, Bt), Z = Q === "mercator" ? ro().rotate(J).center(k || j.geometry.coordinates).translate([l / 2, y / 2]).scale(F) : Q === "equalEarth" ? io().rotate(J).center(k || j.geometry.coordinates).translate([l / 2, y / 2]).scale(F) : Q === "naturalEarth" ? no().rotate(J).center(k || j.geometry.coordinates).translate([l / 2, y / 2]).scale(F) : Q === "orthographic" ? lo().rotate(J).center(k || j.geometry.coordinates).translate([l / 2, y / 2]).scale(F) : so().rotate(J).center(k || j.geometry.coordinates).translate([l / 2, y / 2]).scale(F), ht = co().projection(Z), rt = (o) => {
+    if (!$.current || !ut.current) return;
+    Ie($.current).call(ut.current.scaleBy, o === "in" ? 1.2 : 1 / 1.2);
   };
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ a.jsx(lt.svg, { width: `${l}px`, height: `${y}px`, viewBox: `0 0 ${l} ${y}`, ref: B, direction: "ltr", children: /* @__PURE__ */ a.jsxs("g", { ref: at, children: [
+      /* @__PURE__ */ a.jsx(lt.svg, { width: `${l}px`, height: `${y}px`, viewBox: `0 0 ${l} ${y}`, ref: $, direction: "ltr", children: /* @__PURE__ */ a.jsxs("g", { ref: at, children: [
         st.filter((o) => o.position === "before").map((o) => o.layer),
         d.features.map((o, i) => {
           if (!o.properties?.[dt]) return null;
@@ -232,7 +232,7 @@ function Lo(r) {
                   stroke: It || Y
                 },
                 whileInView: {
-                  r: $ ? $(o.radius || 0) : f,
+                  r: B ? B(o.radius || 0) : f,
                   fill: Y,
                   stroke: It || Y,
                   transition: {
@@ -250,11 +250,11 @@ function Lo(r) {
               M && o.label ? /* @__PURE__ */ a.jsx(lt.text, { variants: {
                 initial: {
                   opacity: 0,
-                  x: i * ($ ? $(o.radius || 0) : f)
+                  x: i * (B ? B(o.radius || 0) : f)
                 },
                 whileInView: {
                   opacity: 1,
-                  x: i * ($ ? $(o.radius || 0) : f),
+                  x: i * (B ? B(o.radius || 0) : f),
                   transition: {
                     duration: x.duration
                   }
@@ -406,11 +406,11 @@ function ja(r) {
     highlightedIds: D,
     mapProperty: Lt,
     dotLegendTitle: z,
-    dotBorderColor: B,
+    dotBorderColor: $,
     labelColor: K,
     projectionRotate: at,
-    rewindCoordinatesInMapData: $
-  } = r, E = b === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json" : b, A = k === void 0 ? "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." : k, j = kt === void 0 ? "threshold" : kt, _t = Ct === void 0 ? 5 : Ct, Vt = Dt === void 0 ? 0.95 : Dt, Bt = Gt === void 0 ? 0.5 : Gt, $t = qt === void 0 ? jt.light.graphNoData : qt, F = St === void 0 ? !1 : St, Z = P === void 0 ? !1 : P, ht = Mt === void 0 ? jt.light.grays["gray-500"] : Mt, rt = Q === void 0 ? !0 : Q, o = X === void 0 ? !0 : X;
+    rewindCoordinatesInMapData: B
+  } = r, E = b === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json" : b, A = k === void 0 ? "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." : k, j = kt === void 0 ? "threshold" : kt, _t = Ct === void 0 ? 5 : Ct, Vt = Dt === void 0 ? 0.95 : Dt, $t = Gt === void 0 ? 0.5 : Gt, Bt = qt === void 0 ? jt.light.graphNoData : qt, F = St === void 0 ? !1 : St, Z = P === void 0 ? !1 : P, ht = Mt === void 0 ? jt.light.grays["gray-500"] : Mt, rt = Q === void 0 ? !0 : Q, o = X === void 0 ? !0 : X;
   let i;
   t[0] !== x ? (i = x === void 0 ? [0.8, 6] : x, t[0] = x, t[1] = i) : i = t[1];
   const v = i;
@@ -432,7 +432,7 @@ function ja(r) {
   const ve = Jt, be = Lt === void 0 ? "ISO3" : Lt, we = K === void 0 ? jt.primaryColors["blue-600"] : K;
   let Kt;
   t[10] !== at ? (Kt = at === void 0 ? [0, 0] : at, t[10] = at, t[11] = Kt) : Kt = t[11];
-  const je = Kt, ke = $ === void 0 ? !0 : $, [nt, Fe] = S(0), [Ft, Te] = S(0), [W, We] = S(c.autoplay);
+  const je = Kt, ke = B === void 0 ? !0 : B, [nt, Fe] = S(0), [Ft, Te] = S(0), [W, We] = S(c.autoplay);
   let Tt;
   if (t[12] !== e || t[13] !== c.dateFormat) {
     let h;
@@ -481,7 +481,7 @@ function ja(r) {
   }, classNames: {
     title: s?.title,
     description: s?.description
-  }, graphTitle: g, graphDescription: y, width: u, graphDownload: gt ? Ee : void 0, dataDownload: ft ? e.map(Wo).filter(To).length > 0 ? e.map(Fo).filter(Ao) : e.filter($o) : null }) : null, t[40] = s?.description, t[41] = s?.title, t[42] = e, t[43] = ft, t[44] = y, t[45] = gt, t[46] = g, t[47] = d?.description, t[48] = d?.title, t[49] = u, t[50] = xt) : xt = t[50];
+  }, graphTitle: g, graphDescription: y, width: u, graphDownload: gt ? Ee : void 0, dataDownload: ft ? e.map(Wo).filter(To).length > 0 ? e.map(Fo).filter(Ao) : e.filter(Bo) : null }) : null, t[40] = s?.description, t[41] = s?.title, t[42] = e, t[43] = ft, t[44] = y, t[45] = gt, t[46] = g, t[47] = d?.description, t[48] = d?.title, t[49] = u, t[50] = xt) : xt = t[50];
   let vt;
   t[51] !== R || t[52] !== se || t[53] !== W || t[54] !== c.enabled || t[55] !== p ? (vt = c.enabled && p.length > 0 && se ? /* @__PURE__ */ a.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
     /* @__PURE__ */ a.jsx("button", { type: "button", onClick: () => {
@@ -494,10 +494,10 @@ function ja(r) {
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
   ] }) : null, t[51] = R, t[52] = se, t[53] = W, t[54] = c.enabled, t[55] = p, t[56] = vt) : vt = t[56];
   let bt;
-  t[57] !== Ut || t[58] !== q || t[59] !== j || t[60] !== s || t[61] !== I || t[62] !== n || t[63] !== ye || t[64] !== e || t[65] !== pt || t[66] !== fe || t[67] !== Wt || t[68] !== B || t[69] !== xe || t[70] !== z || t[71] !== l || t[72] !== m || t[73] !== ve || t[74] !== R || t[75] !== rt || t[76] !== we || t[77] !== ht || t[78] !== Bt || t[79] !== w || t[80] !== $t || t[81] !== he || t[82] !== be || t[83] !== yt || t[84] !== O || t[85] !== T || t[86] !== tt || t[87] !== U || t[88] !== je || t[89] !== _t || t[90] !== C || t[91] !== ue || t[92] !== ke || t[93] !== Vt || t[94] !== At || t[95] !== o || t[96] !== Z || t[97] !== d || t[98] !== Ft || t[99] !== nt || t[100] !== it || t[101] !== c.dateFormat || t[102] !== c.enabled || t[103] !== H || t[104] !== p || t[105] !== u || t[106] !== ge || t[107] !== v || t[108] !== L ? (bt = /* @__PURE__ */ a.jsx(So, { ref: De, children: nt && Ft && yt ? /* @__PURE__ */ a.jsx(Lo, { dotColor: xe, data: e.filter((h) => c.enabled ? h.date === Je(new Date(p[R]), c.dateFormat || "yyyy") : h), mapData: At ? yt : {
+  t[57] !== Ut || t[58] !== q || t[59] !== j || t[60] !== s || t[61] !== I || t[62] !== n || t[63] !== ye || t[64] !== e || t[65] !== pt || t[66] !== fe || t[67] !== Wt || t[68] !== $ || t[69] !== xe || t[70] !== z || t[71] !== l || t[72] !== m || t[73] !== ve || t[74] !== R || t[75] !== rt || t[76] !== we || t[77] !== ht || t[78] !== $t || t[79] !== w || t[80] !== Bt || t[81] !== he || t[82] !== be || t[83] !== yt || t[84] !== O || t[85] !== T || t[86] !== tt || t[87] !== U || t[88] !== je || t[89] !== _t || t[90] !== C || t[91] !== ue || t[92] !== ke || t[93] !== Vt || t[94] !== At || t[95] !== o || t[96] !== Z || t[97] !== d || t[98] !== Ft || t[99] !== nt || t[100] !== it || t[101] !== c.dateFormat || t[102] !== c.enabled || t[103] !== H || t[104] !== p || t[105] !== u || t[106] !== ge || t[107] !== v || t[108] !== L ? (bt = /* @__PURE__ */ a.jsx(So, { ref: De, children: nt && Ft && yt ? /* @__PURE__ */ a.jsx(Lo, { dotColor: xe, data: e.filter((h) => c.enabled ? `${h.date}` === Je(new Date(p[R]), c.dateFormat || "yyyy") : h), mapData: At ? yt : {
     ...yt,
-    features: yt.features.filter(Bo)
-  }, colorDomain: Wt, width: nt, height: Ft, scale: Vt, centerPoint: q, colors: n || (j === "categorical" ? jt[it].sequentialColors[`neutralColorsx0${Wt.length}`] : jt[it].sequentialColors[`neutralColorsx0${Wt.length + 1}`]), mapColorLegendTitle: w, radius: _t, categorical: j === "categorical", mapBorderWidth: Bt, mapNoDataColor: $t, mapBorderColor: ht, tooltip: H, onSeriesMouseOver: U, showLabels: Z, isWorldMap: rt, showColorScale: o, zoomScaleExtend: v, zoomTranslateExtend: L, onSeriesMouseClick: tt, highlightedDataPoints: m, resetSelectionOnDoubleClick: ue, styles: d, classNames: s, zoomInteraction: ge, detailsOnClick: pt, mapProjection: he || (rt ? "naturalEarth" : "mercator"), animate: Ut === !0 ? {
+    features: yt.features.filter($o)
+  }, colorDomain: Wt, width: nt, height: Ft, scale: Vt, centerPoint: q, colors: n || (j === "categorical" ? jt[it].sequentialColors[`neutralColorsx0${Wt.length}`] : jt[it].sequentialColors[`neutralColorsx0${Wt.length + 1}`]), mapColorLegendTitle: w, radius: _t, categorical: j === "categorical", mapBorderWidth: $t, mapNoDataColor: Bt, mapBorderColor: ht, tooltip: H, onSeriesMouseOver: U, showLabels: Z, isWorldMap: rt, showColorScale: o, zoomScaleExtend: v, zoomTranslateExtend: L, onSeriesMouseClick: tt, highlightedDataPoints: m, resetSelectionOnDoubleClick: ue, styles: d, classNames: s, zoomInteraction: ge, detailsOnClick: pt, mapProjection: he || (rt ? "naturalEarth" : "mercator"), animate: Ut === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
@@ -505,9 +505,9 @@ function ja(r) {
     duration: 0,
     once: !0,
     amount: 0
-  }, dimmedOpacity: fe, customLayers: ye, maxRadiusValue: me(O) ? Math.max(...e.map(Vo).filter(_o)) : O, collapseColorScaleByDefault: I, highlightedIds: ve, mapProperty: be, dotLegendTitle: z, dotBorderColor: B, labelColor: we, projectionRotate: je, rewindCoordinatesInMapData: ke }) : /* @__PURE__ */ a.jsx("div", { style: {
+  }, dimmedOpacity: fe, customLayers: ye, maxRadiusValue: me(O) ? Math.max(...e.map(Vo).filter(_o)) : O, collapseColorScaleByDefault: I, highlightedIds: ve, mapProperty: be, dotLegendTitle: z, dotBorderColor: $, labelColor: we, projectionRotate: je, rewindCoordinatesInMapData: ke }) : /* @__PURE__ */ a.jsx("div", { style: {
     height: `${Math.max(T, l || (C ? T ? (u || nt) * C > T ? (u || nt) * C : T : (u || nt) * C : Ft))}px`
-  }, className: "flex items-center justify-center", children: /* @__PURE__ */ a.jsx(to, { "aria-label": "Loading graph" }) }) }), t[57] = Ut, t[58] = q, t[59] = j, t[60] = s, t[61] = I, t[62] = n, t[63] = ye, t[64] = e, t[65] = pt, t[66] = fe, t[67] = Wt, t[68] = B, t[69] = xe, t[70] = z, t[71] = l, t[72] = m, t[73] = ve, t[74] = R, t[75] = rt, t[76] = we, t[77] = ht, t[78] = Bt, t[79] = w, t[80] = $t, t[81] = he, t[82] = be, t[83] = yt, t[84] = O, t[85] = T, t[86] = tt, t[87] = U, t[88] = je, t[89] = _t, t[90] = C, t[91] = ue, t[92] = ke, t[93] = Vt, t[94] = At, t[95] = o, t[96] = Z, t[97] = d, t[98] = Ft, t[99] = nt, t[100] = it, t[101] = c.dateFormat, t[102] = c.enabled, t[103] = H, t[104] = p, t[105] = u, t[106] = ge, t[107] = v, t[108] = L, t[109] = bt) : bt = t[109];
+  }, className: "flex items-center justify-center", children: /* @__PURE__ */ a.jsx(to, { "aria-label": "Loading graph" }) }) }), t[57] = Ut, t[58] = q, t[59] = j, t[60] = s, t[61] = I, t[62] = n, t[63] = ye, t[64] = e, t[65] = pt, t[66] = fe, t[67] = Wt, t[68] = $, t[69] = xe, t[70] = z, t[71] = l, t[72] = m, t[73] = ve, t[74] = R, t[75] = rt, t[76] = we, t[77] = ht, t[78] = $t, t[79] = w, t[80] = Bt, t[81] = he, t[82] = be, t[83] = yt, t[84] = O, t[85] = T, t[86] = tt, t[87] = U, t[88] = je, t[89] = _t, t[90] = C, t[91] = ue, t[92] = ke, t[93] = Vt, t[94] = At, t[95] = o, t[96] = Z, t[97] = d, t[98] = Ft, t[99] = nt, t[100] = it, t[101] = c.dateFormat, t[102] = c.enabled, t[103] = H, t[104] = p, t[105] = u, t[106] = ge, t[107] = v, t[108] = L, t[109] = bt) : bt = t[109];
   let wt;
   t[110] !== s?.footnote || t[111] !== s?.source || t[112] !== A || t[113] !== f || t[114] !== d?.footnote || t[115] !== d?.source || t[116] !== u ? (wt = f || A ? /* @__PURE__ */ a.jsx(Co, { styles: {
     footnote: d?.footnote,
@@ -530,10 +530,10 @@ function _o(r) {
 function Vo(r) {
   return r.radius;
 }
-function Bo(r) {
+function $o(r) {
   return r.properties.NAME !== "Antarctica";
 }
-function $o(r) {
+function Bo(r) {
   return r !== void 0;
 }
 function Ao(r) {