@undp/data-viz 1.4.16 → 1.5.1

package/dist/ChoroplethMap.js

@@ -3,16 +3,17 @@ import { useState as b, useRef as ae, useEffect as pe } from "react";
 import { s as we, g as $e, x as Ne } from "./getSliderMarks-C0jptXeP.js";
 import { y as Ce } from "./Spinner-C85UF28E.js";
 import { p as Me, f as De } from "./parse-DlCRUFh_.js";
-import { u as Se } from "./index-CaAIPGZo.js";
-import { i as Oe } from "./index-27yTRcko.js";
-import { z as Ee, t as Pe, a as Ie, g as Le, b as ze, c as We, d as Te, e as Be } from "./zoom-_lqdiGoI.js";
-import { X as Ae } from "./Modal-DVVwpKhP.js";
+import { u as Se } from "./index-AqnpA7_O.js";
+import { i as Oe } from "./index-Bwrro8-q.js";
+import { z as Ee, t as Pe, g as Ie, a as Le, b as ze, c as We, d as Te } from "./zoom-DAu91HKr.js";
+import { X as Be } from "./Modal-DVVwpKhP.js";
 import { u as ke } from "./Typography-Ctgfl1J5.js";
+import { t as Ae } from "./index-qfWCwobm.js";
 import { n as Ve } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Fe } from "./Tooltip-DyM5snqx.js";
-import { s as He } from "./string2HTML-CWHGfz_d.js";
+import { T as Fe } from "./Tooltip-CVCGWyzw.js";
+import { s as He } from "./string2HTML-oFCROsus.js";
 import { c as qe } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { X as Xe, P as Ue, f as _e } from "./index-BmCqpO1B.js";
+import { X as Xe, P as _e, f as Ue } from "./index-BmCqpO1B.js";
 import { o as Ge } from "./ordinal-w9Lu4Stb.js";
 import { t as Re } from "./threshold-DFfqcDMa.js";
 import { s as be } from "./select-DKy99ogv.js";
@@ -22,9 +23,9 @@ import { A as Je } from "./index-CNvov0eg.js";
 import { GraphFooter as Ke } from "./GraphFooter.js";
 import { GraphHeader as Ze } from "./GraphHeader.js";
 import { Colors as me } from "./Colors.js";
-import { f as Qe } from "./fetchAndParseData-4gsYTy6_.js";
-import { g as et } from "./getUniqValue-BtUENB2H.js";
-import { g as tt } from "./getJenks-VhM3GIoC.js";
+import { f as Qe } from "./fetchAndParseData-DBOl1Icl.js";
+import { g as et } from "./getUniqValue-CttuU_wn.js";
+import { g as tt } from "./getJenks-DW96UYNE.js";
 import { c as rt } from "./init-BhZylTFx.js";
 function at(he) {
   const {
@@ -47,21 +48,21 @@ function at(he) {
     zoomScaleExtend: ue,
     zoomTranslateExtend: I,
     highlightedIds: H,
-    onSeriesMouseClick: y,
+    onSeriesMouseClick: f,
     mapProperty: q,
-    resetSelectionOnDoubleClick: ye,
+    resetSelectionOnDoubleClick: fe,
     detailsOnClick: C,
-    styles: fe,
+    styles: ye,
     classNames: xe,
     mapProjection: X,
     zoomInteraction: B,
     animate: j,
-    dimmedOpacity: U,
+    dimmedOpacity: _,
     customLayers: ne
-  } = he, [w, M] = b(void 0), J = ae(null), [K, v] = b(!(s < 680)), [D, Z] = b(void 0), [_, Q] = b(void 0), [S, $] = b(void 0), [se, ee] = b(void 0), L = ae(null), te = Ye(L, {
+  } = he, [w, M] = b(void 0), J = ae(null), [K, v] = b(!(s < 680)), [D, Z] = b(void 0), [U, Q] = b(void 0), [S, $] = b(void 0), [se, ee] = b(void 0), L = ae(null), te = Ye(L, {
     once: j.once,
     amount: j.amount
-  }), le = ae(null), f = E ? Ge().domain(g).range(c) : Re().domain(g).range(c);
+  }), le = ae(null), y = E ? Ge().domain(g).range(c) : Re().domain(g).range(c);
   pe(() => {
     const r = be(le.current), l = be(L.current), m = (o) => {
       if (B === "noZoom") return !1;
@@ -78,7 +79,7 @@ function at(he) {
     });
     l.call(i), J.current = i;
   }, [h, s, B]);
-  const u = Pe(x), z = Ie(x), re = u[2] - u[0], ce = u[3] - u[1], A = s * 190 / 960 * 360 / re, ve = h * 190 / 678 * 180 / ce, d = oe * Math.min(A, ve), N = X === "mercator" ? Le().rotate([0, 0]).center(T || z.geometry.coordinates).translate([s / 2, h / 2]).scale(d) : X === "equalEarth" ? ze().rotate([0, 0]).center(T || z.geometry.coordinates).translate([s / 2, h / 2]).scale(d) : X === "naturalEarth" ? We().rotate([0, 0]).center(T || z.geometry.coordinates).translate([s / 2, h / 2]).scale(d) : X === "orthographic" ? Te().rotate([0, 0]).center(T || z.geometry.coordinates).translate([s / 2, h / 2]).scale(d) : Be().rotate([0, 0]).center(T || z.geometry.coordinates).translate([s / 2, h / 2]).scale(d), G = (r) => {
+  const u = Pe(x), z = Ae(x), re = u[2] - u[0], ce = u[3] - u[1], A = s * 190 / 960 * 360 / re, ve = h * 190 / 678 * 180 / ce, d = oe * Math.min(A, ve), N = X === "mercator" ? Ie().rotate([0, 0]).center(T || z.geometry.coordinates).translate([s / 2, h / 2]).scale(d) : X === "equalEarth" ? Le().rotate([0, 0]).center(T || z.geometry.coordinates).translate([s / 2, h / 2]).scale(d) : X === "naturalEarth" ? ze().rotate([0, 0]).center(T || z.geometry.coordinates).translate([s / 2, h / 2]).scale(d) : X === "orthographic" ? We().rotate([0, 0]).center(T || z.geometry.coordinates).translate([s / 2, h / 2]).scale(d) : Te().rotate([0, 0]).center(T || z.geometry.coordinates).translate([s / 2, h / 2]).scale(d), G = (r) => {
     if (!L.current || !J.current) return;
     be(L.current).call(J.current.scaleBy, r === "in" ? 1.2 : 1 / 1.2);
   };
@@ -98,7 +99,7 @@ function at(he) {
             x.features.map((r, l) => k.findIndex((i) => i.id === r.properties[q]) !== -1 ? null : /* @__PURE__ */ t.jsx(
               "g",
               {
-                opacity: w ? U : H.length !== 0 ? H.indexOf(r.properties[q]) !== -1 ? 1 : U : 1,
+                opacity: w ? _ : H.length !== 0 ? H.indexOf(r.properties[q]) !== -1 ? 1 : _ : 1,
                 children: r.geometry.type === "MultiPolygon" ? (
                   // eslint-disable-next-line @typescript-eslint/no-explicit-any
                   r.geometry.coordinates.map((i, o) => {
@@ -152,7 +153,7 @@ function at(he) {
                 (i) => r.id === i.properties[q]
               ), m = qe(r.x) ? R : (
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                f(r.x)
+                y(r.x)
               );
               return /* @__PURE__ */ t.jsx(
                 de.g,
@@ -160,7 +161,7 @@ function at(he) {
                   variants: {
                     initial: { opacity: 0 },
                     whileInView: {
-                      opacity: w ? w === m ? 1 : U : H.length !== 0 ? H.indexOf(r.id) !== -1 ? 1 : U : 1,
+                      opacity: w ? w === m ? 1 : _ : H.length !== 0 ? H.indexOf(r.id) !== -1 ? 1 : _ : 1,
                       transition: { duration: j.duration }
                     }
                   },
@@ -177,7 +178,7 @@ function at(he) {
                     Q(void 0), $(void 0), ee(void 0), Y?.(void 0);
                   },
                   onClick: () => {
-                    (y || C) && (Oe(D, r) && ye ? (Z(void 0), y?.(void 0)) : (Z(r), y?.(r)));
+                    (f || C) && (Oe(D, r) && fe ? (Z(void 0), f?.(void 0)) : (Z(r), f?.(r)));
                   },
                   children: l === -1 ? null : x.features[l].geometry.type === "MultiPolygon" ? x.features[l].geometry.coordinates.map(
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -247,9 +248,9 @@ function at(he) {
                 r.id
               );
             }) }),
-            _ ? x.features.filter(
+            U ? x.features.filter(
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              (r) => r.properties[q] === _.id
+              (r) => r.properties[q] === U.id
             ).map((r, l) => /* @__PURE__ */ t.jsx("g", { children: r.geometry.type === "MultiPolygon" ? (
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
               r.geometry.coordinates.map((m, i) => {
@@ -463,7 +464,7 @@ function at(he) {
       ] })
     ] }),
     C && D !== void 0 ? /* @__PURE__ */ t.jsx(
-      Ae,
+      Be,
       {
         open: D !== void 0,
         onClose: () => {
@@ -479,20 +480,20 @@ function at(he) {
         )
       }
     ) : null,
-    _ && ie && S && se ? /* @__PURE__ */ t.jsx(
+    U && ie && S && se ? /* @__PURE__ */ t.jsx(
       Fe,
       {
-        data: _,
+        data: U,
         body: ie,
         xPos: S,
         yPos: se,
-        backgroundStyle: fe?.tooltip,
+        backgroundStyle: ye?.tooltip,
         className: xe?.tooltip
       }
     ) : null
   ] });
 }
-function Pt(he) {
+function It(he) {
   const {
     data: k,
     mapData: g = "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json",
@@ -513,16 +514,16 @@ function Pt(he) {
     mapNoDataColor: ue = me.light.graphNoData,
     backgroundColor: I = !1,
     mapBorderColor: H = me.light.grays["gray-500"],
-    relativeHeight: y,
+    relativeHeight: f,
     tooltip: q,
-    onSeriesMouseOver: ye,
+    onSeriesMouseOver: fe,
     isWorldMap: C = !0,
-    showColorScale: fe = !0,
+    showColorScale: ye = !0,
     zoomScaleExtend: xe = [0.8, 6],
     zoomTranslateExtend: X,
     graphID: B,
     highlightedIds: j = [],
-    onSeriesMouseClick: U,
+    onSeriesMouseClick: _,
     mapProperty: ne = "ISO3",
     graphDownload: w = !1,
     dataDownload: M = !1,
@@ -531,7 +532,7 @@ function Pt(he) {
     minHeight: v = 0,
     theme: D = "light",
     ariaLabel: Z,
-    resetSelectionOnDoubleClick: _ = !0,
+    resetSelectionOnDoubleClick: U = !0,
     detailsOnClick: Q,
     styles: S,
     classNames: $,
@@ -540,14 +541,14 @@ function Pt(he) {
     animate: L = !1,
     dimmedOpacity: te = 0.3,
     customLayers: le = [],
-    timeline: f = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
-  } = he, [u, z] = b(0), [re, ce] = b(0), [A, ve] = b(f.autoplay), d = we(
+    timeline: y = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
+  } = he, [u, z] = b(0), [re, ce] = b(0), [A, ve] = b(y.autoplay), d = we(
     Se(
       k.filter((e) => e.date !== void 0 && e.date !== null),
       (e) => e.date
-    ).map((e) => Me(`${e.date}`, f.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    ).map((e) => Me(`${e.date}`, y.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
     (e, a) => rt(e, a)
-  ), [N, G] = b(f.autoplay ? 0 : d.length - 1), [r, l] = b(void 0), m = ae(null), i = ae(null);
+  ), [N, G] = b(y.autoplay ? 0 : d.length - 1), [r, l] = b(void 0), m = ae(null), i = ae(null);
   pe(() => {
     const e = new ResizeObserver((a) => {
       z(s || a[0].target.clientWidth || 760), ce(h || a[0].target.clientHeight || 480);
@@ -567,15 +568,15 @@ function Pt(he) {
       () => {
         G((a) => a < d.length - 1 ? a + 1 : 0);
       },
-      (f.speed || 2) * 1e3
+      (y.speed || 2) * 1e3
     );
     return A || clearInterval(e), () => clearInterval(e);
-  }, [d, A, f.speed]);
+  }, [d, A, y.speed]);
   const n = $e(
     d,
     N,
-    f.showOnlyActiveDate,
-    f.dateFormat || "yyyy"
+    y.showOnlyActiveDate,
+    y.dateFormat || "yyyy"
   );
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -621,7 +622,7 @@ function Pt(he) {
                     dataDownload: M ? k.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? k.map((e) => e.data).filter((e) => e !== void 0) : k.filter((e) => e !== void 0) : null
                   }
                 ) : null,
-                f.enabled && d.length > 0 && n ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                y.enabled && d.length > 0 && n ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
                   /* @__PURE__ */ t.jsx(
                     "button",
                     {
@@ -631,7 +632,7 @@ function Pt(he) {
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
                       "aria-label": A ? "Click to pause animation" : "Click to play animation",
-                      children: A ? /* @__PURE__ */ t.jsx(Ue, {}) : /* @__PURE__ */ t.jsx(_e, {})
+                      children: A ? /* @__PURE__ */ t.jsx(_e, {}) : /* @__PURE__ */ t.jsx(Ue, {})
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
@@ -663,7 +664,7 @@ function Pt(he) {
                       at,
                       {
                         data: k.filter(
-                          (e) => f.enabled ? e.date === De(new Date(d[N]), f.dateFormat || "yyyy") : e
+                          (e) => y.enabled ? e.date === De(new Date(d[N]), y.dateFormat || "yyyy") : e
                         ),
                         mapData: J ? r : {
                           ...r,
@@ -676,7 +677,7 @@ function Pt(he) {
                         width: s || u,
                         height: Math.max(
                           v,
-                          h || (y ? v ? (s || u) * y > v ? (s || u) * y : v : (s || u) * y : re)
+                          h || (f ? v ? (s || u) * f > v ? (s || u) * f : v : (s || u) * f : re)
                         ),
                         scale: F,
                         centerPoint: R,
@@ -687,15 +688,15 @@ function Pt(he) {
                         categorical: P === "categorical",
                         mapBorderColor: H,
                         tooltip: q,
-                        onSeriesMouseOver: ye,
+                        onSeriesMouseOver: fe,
                         isWorldMap: C,
-                        showColorScale: fe,
+                        showColorScale: ye,
                         zoomScaleExtend: xe,
                         zoomTranslateExtend: X,
-                        onSeriesMouseClick: U,
+                        onSeriesMouseClick: _,
                         mapProperty: ne,
                         highlightedIds: j,
-                        resetSelectionOnDoubleClick: _,
+                        resetSelectionOnDoubleClick: U,
                         styles: S,
                         classNames: $,
                         detailsOnClick: Q,
@@ -711,7 +712,7 @@ function Pt(he) {
                         style: {
                           height: `${Math.max(
                             v,
-                            h || (y ? v ? (s || u) * y > v ? (s || u) * y : v : (s || u) * y : re)
+                            h || (f ? v ? (s || u) * f > v ? (s || u) * f : v : (s || u) * f : re)
                           )}px`
                         },
                         className: "flex items-center justify-center",
@@ -742,6 +743,6 @@ function Pt(he) {
   );
 }
 export {
-  Pt as ChoroplethMap
+  It as ChoroplethMap
 };
 //# sourceMappingURL=ChoroplethMap.js.map