@undp/data-viz 1.5.1 → 1.5.3

package/dist/DotDensityMap.js

@@ -1,27 +1,28 @@
-import { j as r, m as ke } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { j as r, m as je } from "./index-CHPV5EwG-BPSP-7Jg.js";
 import { useState as g, useRef as Y, useEffect as pe } from "react";
-import { u as be } from "./index-AqnpA7_O.js";
-import { p as De, f as Ce } from "./parse-DlCRUFh_.js";
-import { s as Ne, g as $e, x as Me } from "./getSliderMarks-C0jptXeP.js";
-import { y as Oe } from "./Spinner-C85UF28E.js";
-import { i as Se } from "./index-Bwrro8-q.js";
-import { z as Ee, t as Pe, g as Ie, a as Le, b as ze, c as Te, d as Ve } from "./zoom-DAu91HKr.js";
-import { X as We } from "./Modal-DVVwpKhP.js";
-import { u as Ae } from "./Typography-Ctgfl1J5.js";
-import { t as Be } from "./index-qfWCwobm.js";
-import { T as He } from "./Tooltip-CVCGWyzw.js";
+import { p as ke, f as De } from "./parse-DlCRUFh_.js";
+import { g as Ce, x as Ne } from "./getSliderMarks-9cNoRkDx.js";
+import { y as $e } from "./Spinner-C85UF28E.js";
+import { i as Me } from "./index-Bwrro8-q.js";
+import { z as Oe, t as Se, g as Ee, a as Pe, b as Ie, c as Le, d as ze } from "./zoom-DAu91HKr.js";
+import { X as Te } from "./Modal-DVVwpKhP.js";
+import { u as Ve } from "./Typography-Ctgfl1J5.js";
+import { t as We } from "./index-qfWCwobm.js";
+import { T as Ae } from "./Tooltip-CVCGWyzw.js";
 import { Colors as D } from "./Colors.js";
-import { s as Re } from "./string2HTML-oFCROsus.js";
-import { X as Xe, P as _e, f as Fe } from "./index-BmCqpO1B.js";
-import { s as qe } from "./pow-e8zx3AQJ.js";
+import { s as Be } from "./string2HTML-oFCROsus.js";
+import { X as He, P as Re, f as Xe } from "./index-BmCqpO1B.js";
+import { s as _e } from "./pow-e8zx3AQJ.js";
 import { s as ve } from "./select-DKy99ogv.js";
-import { u as Ue } from "./use-in-view-yS6jzJAp.js";
-import { m as me } from "./proxy-CkpFesk1.js";
-import { A as Ge } from "./index-CNvov0eg.js";
-import { GraphFooter as Ye } from "./GraphFooter.js";
-import { GraphHeader as Ke } from "./GraphHeader.js";
-import { f as Ze } from "./fetchAndParseData-DBOl1Icl.js";
-import { c as we } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { u as Fe } from "./use-in-view-yS6jzJAp.js";
+import { m as de } from "./proxy-CkpFesk1.js";
+import { A as qe } from "./index-CNvov0eg.js";
+import { GraphFooter as Ue } from "./GraphFooter.js";
+import { GraphHeader as Ge } from "./GraphHeader.js";
+import { f as Ye } from "./fetchAndParseData-sapWbnYk.js";
+import { c as Ke } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { u as be } from "./uniqBy-BHy4I8PK.js";
+import { s as Ze } from "./sort-DfK1b0F5.js";
 import { c as Je } from "./init-BhZylTFx.js";
 function Qe(ue) {
   const {
@@ -31,7 +32,7 @@ function Qe(ue) {
     colorLegendTitle: S,
     colorDomain: v,
     radius: b,
-    height: m,
+    height: d,
     width: o,
     scale: K,
     centerPoint: E,
@@ -56,38 +57,38 @@ function Qe(ue) {
     dimmedOpacity: ae,
     customLayers: oe,
     maxRadiusValue: ie
-  } = ue, [R, ne] = g(void 0), [X, h] = g(!(o < 680)), V = Y(null), [I, _] = g(void 0), [le, x] = g(void 0), [w, F] = g(void 0), [se, W] = g(void 0), L = Y(null), q = Ue(L, {
+  } = ue, [R, ne] = g(void 0), [X, h] = g(!(o < 680)), V = Y(null), [I, _] = g(void 0), [le, x] = g(void 0), [w, F] = g(void 0), [se, W] = g(void 0), L = Y(null), q = Fe(L, {
     once: y.once,
     amount: y.amount
-  }), U = Y(null), d = l.filter((e) => e.radius === void 0 || e.radius === null).length !== l.length ? qe().domain([0, ie]).range([0.25, b]).nice() : void 0;
+  }), U = Y(null), m = l.filter((e) => e.radius === void 0 || e.radius === null).length !== l.length ? _e().domain([0, ie]).range([0.25, b]).nice() : void 0;
   pe(() => {
     const e = ve(U.current), u = ve(L.current), a = (i) => {
       if (P === "noZoom") return !1;
       if (P === "button") return !i.type.includes("wheel");
       const t = i.type === "wheel", c = i.type.startsWith("touch"), k = i.type === "mousedown" || i.type === "mousemove";
       return c ? !0 : t ? P === "scroll" ? !0 : i.ctrlKey : k && !i.button && !i.ctrlKey;
-    }, j = Ee().scaleExtent(N).translateExtent(
+    }, j = Oe().scaleExtent(N).translateExtent(
       fe || [
         [-20, -20],
-        [o + 20, m + 20]
+        [o + 20, d + 20]
       ]
     ).filter(a).on("zoom", ({ transform: i }) => {
       e.attr("transform", i);
     });
     u.call(j), V.current = j;
-  }, [m, o, P]);
-  const p = Pe(C), M = Be(C), G = p[2] - p[0], ce = p[3] - p[1], z = o * 190 / 960 * 360 / G, xe = m * 190 / 678 * 180 / ce, n = K * Math.min(z, xe), O = T === "mercator" ? Ie().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, m / 2]).scale(n) : T === "equalEarth" ? Le().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, m / 2]).scale(n) : T === "naturalEarth" ? ze().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, m / 2]).scale(n) : T === "orthographic" ? Te().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, m / 2]).scale(n) : Ve().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, m / 2]).scale(n), A = (e) => {
+  }, [d, o, P]);
+  const p = Se(C), M = We(C), G = p[2] - p[0], ce = p[3] - p[1], z = o * 190 / 960 * 360 / G, xe = d * 190 / 678 * 180 / ce, n = K * Math.min(z, xe), O = T === "mercator" ? Ee().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, d / 2]).scale(n) : T === "equalEarth" ? Pe().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, d / 2]).scale(n) : T === "naturalEarth" ? Ie().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, d / 2]).scale(n) : T === "orthographic" ? Le().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, d / 2]).scale(n) : ze().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, d / 2]).scale(n), A = (e) => {
     if (!L.current || !V.current) return;
     ve(L.current).call(V.current.scaleBy, e === "in" ? 1.2 : 1 / 1.2);
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ r.jsx(
-        me.svg,
+        de.svg,
         {
           width: `${o}px`,
-          height: `${m}px`,
-          viewBox: `0 0 ${o} ${m}`,
+          height: `${d}px`,
+          viewBox: `0 0 ${o} ${d}`,
           ref: L,
           direction: "ltr",
           children: /* @__PURE__ */ r.jsxs("g", { ref: U, children: [
@@ -99,9 +100,9 @@ function Qe(ue) {
                 let i = "";
                 return a.forEach((t) => {
                   let c = " M";
-                  t.forEach((k, je) => {
-                    const de = O([k[0], k[1]]);
-                    je !== t.length - 1 ? c = `${c}${de[0]} ${de[1]}L` : c = `${c}${de[0]} ${de[1]}`;
+                  t.forEach((k, we) => {
+                    const me = O([k[0], k[1]]);
+                    we !== t.length - 1 ? c = `${c}${me[0]} ${me[1]}L` : c = `${c}${me[0]} ${me[1]}`;
                   }), i += c;
                 }), /* @__PURE__ */ r.jsx(
                   "path",
@@ -137,10 +138,10 @@ function Qe(ue) {
                 );
               })
             ) }, u)),
-            /* @__PURE__ */ r.jsx(Ge, { children: l.map((e) => {
+            /* @__PURE__ */ r.jsx(qe, { children: l.map((e) => {
               const u = l.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[v.indexOf(`${e.color}`)] : D.gray;
               return /* @__PURE__ */ r.jsxs(
-                me.g,
+                de.g,
                 {
                   variants: {
                     initial: { opacity: 0 },
@@ -162,12 +163,12 @@ function Qe(ue) {
                     x(void 0), F(void 0), W(void 0), ee?.(void 0);
                   },
                   onClick: () => {
-                    (H || $) && (Se(I, e) && f ? (_(void 0), H?.(void 0)) : (_(e), H?.(e)));
+                    (H || $) && (Me(I, e) && f ? (_(void 0), H?.(void 0)) : (_(e), H?.(e)));
                   },
                   transform: `translate(${O([e.long, e.lat])[0]},${O([e.long, e.lat])[1]})`,
                   children: [
                     /* @__PURE__ */ r.jsx(
-                      me.circle,
+                      de.circle,
                       {
                         cx: 0,
                         cy: 0,
@@ -178,7 +179,7 @@ function Qe(ue) {
                             stroke: l.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[v.indexOf(`${e.color}`)] : D.gray
                           },
                           whileInView: {
-                            r: d ? d(e.radius || 0) : b,
+                            r: m ? m(e.radius || 0) : b,
                             fill: l.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[v.indexOf(`${e.color}`)] : D.gray,
                             stroke: l.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[v.indexOf(`${e.color}`)] : D.gray,
                             transition: { duration: y.duration }
@@ -193,16 +194,16 @@ function Qe(ue) {
                       }
                     ),
                     he && e.label ? /* @__PURE__ */ r.jsx(
-                      me.text,
+                      de.text,
                       {
                         variants: {
                           initial: {
                             opacity: 0,
-                            x: d ? d(e.radius || 0) : b
+                            x: m ? m(e.radius || 0) : b
                           },
                           whileInView: {
                             opacity: 1,
-                            x: d ? d(e.radius || 0) : b,
+                            x: m ? m(e.radius || 0) : b,
                             transition: { duration: y.duration }
                           }
                         },
@@ -246,7 +247,7 @@ function Qe(ue) {
             onClick: () => {
               h(!1);
             },
-            children: /* @__PURE__ */ r.jsx(Xe, {})
+            children: /* @__PURE__ */ r.jsx(He, {})
           }
         ),
         /* @__PURE__ */ r.jsxs("div", { className: "p-2", style: { backgroundColor: "rgba(240,240,240, 0.7)" }, children: [
@@ -280,7 +281,7 @@ function Qe(ue) {
                     style: { backgroundColor: s[u % s.length] }
                   }
                 ),
-                /* @__PURE__ */ r.jsx(Ae, { size: "sm", marginBottom: "none", leading: "none", children: e })
+                /* @__PURE__ */ r.jsx(Ve, { size: "sm", marginBottom: "none", leading: "none", children: e })
               ]
             },
             u
@@ -317,7 +318,7 @@ function Qe(ue) {
       ] })
     ] }),
     $ && I !== void 0 ? /* @__PURE__ */ r.jsx(
-      We,
+      Te,
       {
         open: I !== void 0,
         onClose: () => {
@@ -327,14 +328,14 @@ function Qe(ue) {
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof $ == "string" ? { __html: Re($, I) } : void 0,
+            dangerouslySetInnerHTML: typeof $ == "string" ? { __html: Be($, I) } : void 0,
             children: typeof $ == "function" ? $(I) : null
           }
         )
       }
     ) : null,
     le && Z && w && se ? /* @__PURE__ */ r.jsx(
-      He,
+      Ae,
       {
         data: le,
         body: Z,
@@ -346,7 +347,7 @@ function Qe(ue) {
     ) : null
   ] });
 }
-function Ct(ue) {
+function Nt(ue) {
   const {
     data: l,
     mapData: s = "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json",
@@ -354,7 +355,7 @@ function Ct(ue) {
     colors: S,
     sources: v,
     graphDescription: b,
-    height: m,
+    height: d,
     width: o,
     footNote: K = "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.",
     colorLegendTitle: E,
@@ -395,21 +396,20 @@ function Ct(ue) {
     dimmedOpacity: L = 0.3,
     customLayers: q = [],
     maxRadiusValue: U,
-    timeline: d = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
-  } = ue, [p, M] = g(0), [G, ce] = g(0), [z, xe] = g(d.autoplay), n = Ne(
-    be(
-      l.filter((t) => t.date !== void 0 && t.date !== null),
-      (t) => t.date
-    ).map((t) => De(`${t.date}`, d.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    timeline: m = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
+  } = ue, [p, M] = g(0), [G, ce] = g(0), [z, xe] = g(m.autoplay), n = Ze(
+    be(l, "date", !0).map(
+      (t) => ke(`${t}`, m.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()
+    ),
     (t, c) => Je(t, c)
-  ), [O, A] = g(d.autoplay ? 0 : n.length - 1), [e, u] = g(void 0), a = Y(null), j = Y(null);
+  ), [O, A] = g(m.autoplay ? 0 : n.length - 1), [e, u] = g(void 0), a = Y(null), j = Y(null);
   pe(() => {
     const t = new ResizeObserver((c) => {
-      M(o || c[0].target.clientWidth || 760), ce(m || c[0].target.clientHeight || 480);
+      M(o || c[0].target.clientWidth || 760), ce(d || c[0].target.clientHeight || 480);
     });
     return a.current && (ce(a.current.clientHeight || 480), M(a.current.clientWidth || 760), o || t.observe(a.current)), () => t.disconnect();
-  }, [o, m]), pe(() => {
-    typeof s == "string" ? Ze(s).then((c) => {
+  }, [o, d]), pe(() => {
+    typeof s == "string" ? Ye(s).then((c) => {
       u(c);
     }) : u(s);
   }, [s]), pe(() => {
@@ -417,15 +417,15 @@ function Ct(ue) {
       () => {
         A((c) => c < n.length - 1 ? c + 1 : 0);
       },
-      (d.speed || 2) * 1e3
+      (m.speed || 2) * 1e3
     );
     return z || clearInterval(t), () => clearInterval(t);
-  }, [n, z, d.speed]);
-  const i = $e(
+  }, [n, z, m.speed]);
+  const i = Ce(
     n,
     O,
-    d.showOnlyActiveDate,
-    d.dateFormat || "yyyy"
+    m.showOnlyActiveDate,
+    m.dateFormat || "yyyy"
   );
   return /* @__PURE__ */ r.jsx(
     "div",
@@ -435,7 +435,7 @@ function Ct(ue) {
       children: /* @__PURE__ */ r.jsx(
         "div",
         {
-          className: ke(
+          className: je(
             `${N ? N === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${X || "en"}`,
             o ? "w-fit" : "w-full",
             w?.graphContainer
@@ -454,7 +454,7 @@ function Ct(ue) {
               style: { padding: N ? B || "1rem" : B || 0 },
               children: /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
                 C || b || ie || R ? /* @__PURE__ */ r.jsx(
-                  Ke,
+                  Ge,
                   {
                     styles: {
                       title: x?.title,
@@ -471,7 +471,7 @@ function Ct(ue) {
                     dataDownload: R ? l.map((t) => t.data).filter((t) => t !== void 0).length > 0 ? l.map((t) => t.data).filter((t) => t !== void 0) : l.filter((t) => t !== void 0) : null
                   }
                 ) : null,
-                d.enabled && n.length > 0 && i ? /* @__PURE__ */ r.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                m.enabled && n.length > 0 && i ? /* @__PURE__ */ r.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
                   /* @__PURE__ */ r.jsx(
                     "button",
                     {
@@ -481,11 +481,11 @@ function Ct(ue) {
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
                       "aria-label": z ? "Click to pause animation" : "Click to play animation",
-                      children: z ? /* @__PURE__ */ r.jsx(_e, {}) : /* @__PURE__ */ r.jsx(Fe, {})
+                      children: z ? /* @__PURE__ */ r.jsx(Re, {}) : /* @__PURE__ */ r.jsx(Xe, {})
                     }
                   ),
                   /* @__PURE__ */ r.jsx(
-                    Me,
+                    Ne,
                     {
                       min: n[0],
                       max: n[n.length - 1],
@@ -509,11 +509,11 @@ function Ct(ue) {
                     className: "flex flex-col grow justify-center leading-0",
                     ref: a,
                     "aria-label": "Map area",
-                    children: (o || p) && (m || G) && e ? /* @__PURE__ */ r.jsx(
+                    children: (o || p) && (d || G) && e ? /* @__PURE__ */ r.jsx(
                       Qe,
                       {
                         data: l.filter(
-                          (t) => d.enabled ? t.date === Ce(new Date(n[O]), d.dateFormat || "yyyy") : t
+                          (t) => m.enabled ? t.date === De(new Date(n[O]), m.dateFormat || "yyyy") : t
                         ),
                         mapData: ne ? e : {
                           ...e,
@@ -522,14 +522,11 @@ function Ct(ue) {
                             (t) => t.properties.NAME !== "Antarctica"
                           )
                         },
-                        colorDomain: l.filter((t) => t.color).length === 0 ? [] : Z || be(
-                          l.filter((t) => !we(t.color)),
-                          "color"
-                        ).map((t) => `${t.color}`),
+                        colorDomain: l.filter((t) => t.color).length === 0 ? [] : Z || be(l, "color", !0),
                         width: o || p,
                         height: Math.max(
                           h,
-                          m || (f ? h ? (o || p) * f > h ? (o || p) * f : h : (o || p) * f : G)
+                          d || (f ? h ? (o || p) * f > h ? (o || p) * f : h : (o || p) * f : G)
                         ),
                         scale: J,
                         centerPoint: Q,
@@ -557,7 +554,7 @@ function Ct(ue) {
                         animate: W === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : W || { duration: 0, once: !0, amount: 0 },
                         dimmedOpacity: L,
                         customLayers: q,
-                        maxRadiusValue: we(U) ? Math.max(
+                        maxRadiusValue: Ke(U) ? Math.max(
                           ...l.map((t) => t.radius).filter((t) => t != null)
                         ) : U
                       }
@@ -567,17 +564,17 @@ function Ct(ue) {
                         style: {
                           height: `${Math.max(
                             h,
-                            m || (f ? h ? (o || p) * f > h ? (o || p) * f : h : (o || p) * f : G)
+                            d || (f ? h ? (o || p) * f > h ? (o || p) * f : h : (o || p) * f : G)
                           )}px`
                         },
                         className: "flex items-center justify-center",
-                        children: /* @__PURE__ */ r.jsx(Oe, { "aria-label": "Loading graph" })
+                        children: /* @__PURE__ */ r.jsx($e, { "aria-label": "Loading graph" })
                       }
                     )
                   }
                 ),
                 v || K ? /* @__PURE__ */ r.jsx(
-                  Ye,
+                  Ue,
                   {
                     styles: { footnote: x?.footnote, source: x?.source },
                     classNames: {
@@ -598,6 +595,6 @@ function Ct(ue) {
   );
 }
 export {
-  Ct as DotDensityMap
+  Nt as DotDensityMap
 };
 //# sourceMappingURL=DotDensityMap.js.map