@undp/data-viz 1.4.6 → 1.4.8

package/dist/BiVariateChoroplethMap.js

@@ -32,7 +32,7 @@ function st(be) {
     xColorLegendTitle: E,
     yDomain: W,
     yColorLegendTitle: T,
-    width: m,
+    width: d,
     height: l,
     colors: q,
     scale: G,
@@ -49,15 +49,15 @@ function st(be) {
     mapProperty: V,
     resetSelectionOnDoubleClick: w,
     detailsOnClick: M,
-    showColorScale: de,
+    showColorScale: me,
     styles: we,
     classNames: je,
     mapProjection: F,
     zoomInteraction: P,
     animate: j,
     dimmedOpacity: H,
-    customLayers: me
-  } = be, [pe, J] = v(!(m < 680)), [X, R] = v(void 0), [g, K] = v(void 0), [_, Z] = v(void 0), [he, $] = v(void 0), [D, Q] = v(void 0), I = ie(null), U = tt(I, {
+    customLayers: de
+  } = be, [pe, J] = v(!(d < 680)), [X, R] = v(void 0), [g, K] = v(void 0), [_, Z] = v(void 0), [he, $] = v(void 0), [D, Q] = v(void 0), I = ie(null), U = tt(I, {
     once: j.once,
     amount: j.amount
   }), ge = ie(null), ee = ie(null);
@@ -65,19 +65,19 @@ function st(be) {
     const e = $e(ge.current), n = $e(I.current), r = (a) => {
       if (P === "noZoom") return !1;
       if (P === "button") return !a.type.includes("wheel");
-      const i = a.type === "wheel", d = a.type.startsWith("touch"), s = a.type === "mousedown" || a.type === "mousemove";
-      return d ? !0 : i ? P === "scroll" ? !0 : a.ctrlKey : s && !a.button && !a.ctrlKey;
+      const i = a.type === "wheel", m = a.type.startsWith("touch"), s = a.type === "mousedown" || a.type === "mousemove";
+      return m ? !0 : i ? P === "scroll" ? !0 : a.ctrlKey : s && !a.button && !a.ctrlKey;
     }, o = Fe().scaleExtent(ce).translateExtent(
       ke || [
         [-20, -20],
-        [m + 20, l + 20]
+        [d + 20, l + 20]
       ]
     ).filter(r).on("zoom", ({ transform: a }) => {
       e.attr("transform", a);
     });
     n.call(o), ee.current = o;
-  }, [l, m, P]);
-  const p = He(f), u = Xe(f), ue = p[2] - p[0], te = p[3] - p[1], ye = m * 190 / 960 * 360 / ue, L = l * 190 / 678 * 180 / te, z = G * Math.min(ye, L), c = F === "mercator" ? Re().rotate([0, 0]).center(N || u.geometry.coordinates).translate([m / 2, l / 2]).scale(z) : F === "equalEarth" ? _e().rotate([0, 0]).center(N || u.geometry.coordinates).translate([m / 2, l / 2]).scale(z) : F === "naturalEarth" ? Ue().rotate([0, 0]).center(N || u.geometry.coordinates).translate([m / 2, l / 2]).scale(z) : F === "orthographic" ? Ye().rotate([0, 0]).center(N || u.geometry.coordinates).translate([m / 2, l / 2]).scale(z) : qe().rotate([0, 0]).center(N || u.geometry.coordinates).translate([m / 2, l / 2]).scale(z), re = Array.from({ length: C.length }, (e, n) => n), ae = Array.from({ length: W.length }, (e, n) => n), Y = Se().domain(C).range(re), fe = Se().domain(W).range(ae), S = (e) => {
+  }, [l, d, P]);
+  const p = He(f), y = Xe(f), ye = p[2] - p[0], te = p[3] - p[1], ue = d * 190 / 960 * 360 / ye, L = l * 190 / 678 * 180 / te, z = G * Math.min(ue, L), c = F === "mercator" ? Re().rotate([0, 0]).center(N || y.geometry.coordinates).translate([d / 2, l / 2]).scale(z) : F === "equalEarth" ? _e().rotate([0, 0]).center(N || y.geometry.coordinates).translate([d / 2, l / 2]).scale(z) : F === "naturalEarth" ? Ue().rotate([0, 0]).center(N || y.geometry.coordinates).translate([d / 2, l / 2]).scale(z) : F === "orthographic" ? Ye().rotate([0, 0]).center(N || y.geometry.coordinates).translate([d / 2, l / 2]).scale(z) : qe().rotate([0, 0]).center(N || y.geometry.coordinates).translate([d / 2, l / 2]).scale(z), re = Array.from({ length: C.length }, (e, n) => n), ae = Array.from({ length: W.length }, (e, n) => n), Y = Se().domain(C).range(re), fe = Se().domain(W).range(ae), S = (e) => {
     if (!I.current || !ee.current) return;
     $e(I.current).call(ee.current.scaleBy, e === "in" ? 1.2 : 1 / 1.2);
   };
@@ -86,13 +86,13 @@ function st(be) {
       /* @__PURE__ */ t.jsx(
         oe.svg,
         {
-          viewBox: `0 0 ${m} ${l}`,
-          width: `${m}px`,
+          viewBox: `0 0 ${d} ${l}`,
+          width: `${d}px`,
           height: `${l}px`,
           ref: I,
           direction: "ltr",
           children: /* @__PURE__ */ t.jsxs("g", { ref: ge, children: [
-            me.filter((e) => e.position === "before").map((e) => e.layer),
+            de.filter((e) => e.position === "before").map((e) => e.layer),
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             f.features.map((e, n) => b.findIndex((o) => o.id === e.properties[V]) !== -1 ? null : /* @__PURE__ */ t.jsx(
               oe.g,
@@ -102,11 +102,11 @@ function st(be) {
                   // eslint-disable-next-line @typescript-eslint/no-explicit-any
                   e.geometry.coordinates.map((o, a) => {
                     let i = "";
-                    return o.forEach((d) => {
+                    return o.forEach((m) => {
                       let s = " M";
-                      d.forEach((h, y) => {
+                      m.forEach((h, u) => {
                         const x = c([h[0], h[1]]);
-                        y !== d.length - 1 ? s = `${s}${x[0]} ${x[1]}L` : s = `${s}${x[0]} ${x[1]}`;
+                        u !== m.length - 1 ? s = `${s}${x[0]} ${x[1]}L` : s = `${s}${x[0]} ${x[1]}`;
                       }), i += s;
                     }), /* @__PURE__ */ t.jsx(
                       "path",
@@ -125,8 +125,8 @@ function st(be) {
                   // eslint-disable-next-line @typescript-eslint/no-explicit-any
                   e.geometry.coordinates.map((o, a) => {
                     let i = "M";
-                    return o.forEach((d, s) => {
-                      const h = c([d[0], d[1]]);
+                    return o.forEach((m, s) => {
+                      const h = c([m[0], m[1]]);
                       s !== o.length - 1 ? i = `${i}${h[0]} ${h[1]}L` : i = `${i}${h[0]} ${h[1]}`;
                     }), /* @__PURE__ */ t.jsx(
                       "path",
@@ -177,14 +177,14 @@ function st(be) {
                   },
                   children: n === -1 ? null : f.features[n].geometry.type === "MultiPolygon" ? f.features[n].geometry.coordinates.map(
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    (i, d) => {
+                    (i, m) => {
                       let s = "";
                       return i.forEach((h) => {
-                        let y = " M";
+                        let u = " M";
                         h.forEach((x, Oe) => {
                           const xe = c([x[0], x[1]]);
-                          Oe !== h.length - 1 ? y = `${y}${xe[0]} ${xe[1]}L` : y = `${y}${xe[0]} ${xe[1]}`;
-                        }), s += y;
+                          Oe !== h.length - 1 ? u = `${u}${xe[0]} ${xe[1]}L` : u = `${u}${xe[0]} ${xe[1]}`;
+                        }), s += u;
                       }), /* @__PURE__ */ t.jsx(
                         oe.path,
                         {
@@ -205,16 +205,16 @@ function st(be) {
                             strokeWidth: A
                           }
                         },
-                        `${e.id}-${d}`
+                        `${e.id}-${m}`
                       );
                     }
                   ) : f.features[n].geometry.coordinates.map(
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    (i, d) => {
+                    (i, m) => {
                       let s = "M";
-                      return i.forEach((h, y) => {
+                      return i.forEach((h, u) => {
                         const x = c([h[0], h[1]]);
-                        y !== i.length - 1 ? s = `${s}${x[0]} ${x[1]}L` : s = `${s}${x[0]} ${x[1]}`;
+                        u !== i.length - 1 ? s = `${s}${x[0]} ${x[1]}L` : s = `${s}${x[0]} ${x[1]}`;
                       }), /* @__PURE__ */ t.jsx(
                         oe.path,
                         {
@@ -235,7 +235,7 @@ function st(be) {
                             strokeWidth: A
                           }
                         },
-                        `${e.id}-${d}`
+                        `${e.id}-${m}`
                       );
                     }
                   )
@@ -251,11 +251,11 @@ function st(be) {
               e.geometry.coordinates.map((r, o) => {
                 let a = "";
                 return r.forEach((i) => {
-                  let d = " M";
+                  let m = " M";
                   i.forEach((s, h) => {
-                    const y = c([s[0], s[1]]);
-                    h !== i.length - 1 ? d = `${d}${y[0]} ${y[1]}L` : d = `${d}${y[0]} ${y[1]}`;
-                  }), a += d;
+                    const u = c([s[0], s[1]]);
+                    h !== i.length - 1 ? m = `${m}${u[0]} ${u[1]}L` : m = `${m}${u[0]} ${u[1]}`;
+                  }), a += m;
                 }), /* @__PURE__ */ t.jsx(
                   "path",
                   {
@@ -274,9 +274,9 @@ function st(be) {
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
               e.geometry.coordinates.map((r, o) => {
                 let a = "M";
-                return r.forEach((i, d) => {
+                return r.forEach((i, m) => {
                   const s = c([i[0], i[1]]);
-                  d !== r.length - 1 ? a = `${a}${s[0]} ${s[1]}L` : a = `${a}${s[0]} ${s[1]}`;
+                  m !== r.length - 1 ? a = `${a}${s[0]} ${s[1]}L` : a = `${a}${s[0]} ${s[1]}`;
                 }), /* @__PURE__ */ t.jsx(
                   "path",
                   {
@@ -292,11 +292,11 @@ function st(be) {
                 );
               })
             ) }, n)) : null,
-            me.filter((e) => e.position === "after").map((e) => e.layer)
+            de.filter((e) => e.position === "after").map((e) => e.layer)
           ] })
         }
       ),
-      de === !1 ? null : /* @__PURE__ */ t.jsx("div", { className: "absolute left-4 bottom-4", children: pe ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      me === !1 ? null : /* @__PURE__ */ t.jsx("div", { className: "absolute left-4 bottom-4", children: pe ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
           "div",
           {
@@ -420,7 +420,7 @@ function st(be) {
           "button",
           {
             onClick: () => S("in"),
-            className: "leading-0 px-2 py-3.5 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",
+            className: "leading-0 px-2 py-3.5 border text-primary-gray-700 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",
             children: "+"
           }
         ),
@@ -428,7 +428,7 @@ function st(be) {
           "button",
           {
             onClick: () => S("out"),
-            className: "leading-0 px-2 py-3.5 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",
+            className: "leading-0 px-2 py-3.5 border text-primary-gray-700 border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",
             children: "–"
           }
         )
@@ -472,7 +472,7 @@ function Lt(be) {
     colors: E = Ce.light.bivariateColors.colors05x05,
     sources: W,
     graphDescription: T,
-    height: m,
+    height: d,
     width: l,
     footNote: q = "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.",
     xDomain: G,
@@ -489,14 +489,14 @@ function Lt(be) {
     mapBorderColor: V = Ce.light.grays["gray-500"],
     relativeHeight: w,
     onSeriesMouseOver: M,
-    isWorldMap: de = !0,
+    isWorldMap: me = !0,
     zoomScaleExtend: we = [0.8, 6],
     zoomTranslateExtend: je,
     graphID: F,
     showColorScale: P = !0,
     highlightedIds: j = [],
     onSeriesMouseClick: H,
-    mapProperty: me = "ISO3",
+    mapProperty: de = "ISO3",
     graphDownload: pe = !1,
     dataDownload: J = !1,
     showAntarctica: X = !1,
@@ -514,7 +514,7 @@ function Lt(be) {
     dimmedOpacity: ge = 0.3,
     customLayers: ee = [],
     timeline: p = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
-  } = be, [u, ue] = v(0), [te, ye] = v(0), [L, z] = v(p.autoplay), c = Ie(
+  } = be, [y, ye] = v(0), [te, ue] = v(0), [L, z] = v(p.autoplay), c = Ie(
     Be(
       b.filter((r) => r.date !== void 0 && r.date !== null),
       (r) => r.date
@@ -523,10 +523,10 @@ function Lt(be) {
   ), [re, ae] = v(p.autoplay ? 0 : c.length - 1), [Y, fe] = v(void 0), S = ie(null), e = ie(null);
   ve(() => {
     const r = new ResizeObserver((o) => {
-      ue(l || o[0].contentRect.width || 760), ye(m || o[0].target.clientHeight || 480);
+      ye(l || o[0].contentRect.width || 760), ue(d || o[0].target.clientHeight || 480);
     });
-    return S.current && (ye(S.current.clientHeight || 480), ue(S.current.clientWidth || 760), l || r.observe(S.current)), () => r.disconnect();
-  }, [l, m]), ve(() => {
+    return S.current && (ue(S.current.clientHeight || 480), ye(S.current.clientWidth || 760), l || r.observe(S.current)), () => r.disconnect();
+  }, [l, d]), ve(() => {
     typeof f == "string" ? it(f).then((o) => {
       fe(o);
     }) : fe(f);
@@ -626,7 +626,7 @@ function Lt(be) {
                     className: "flex flex-col grow justify-center leading-0",
                     ref: S,
                     "aria-label": "Map area",
-                    children: (l || u) && (m || te) && Y ? /* @__PURE__ */ t.jsx(
+                    children: (l || y) && (d || te) && Y ? /* @__PURE__ */ t.jsx(
                       st,
                       {
                         data: b.filter(
@@ -647,10 +647,10 @@ function Lt(be) {
                           b.map((r) => r.y),
                           E.length
                         ),
-                        width: l || u,
+                        width: l || y,
                         height: Math.max(
                           g,
-                          m || (w ? g ? (l || u) * w > g ? (l || u) * w : g : (l || u) * w : te)
+                          d || (w ? g ? (l || y) * w > g ? (l || y) * w : g : (l || y) * w : te)
                         ),
                         scale: se,
                         centerPoint: le,
@@ -662,17 +662,17 @@ function Lt(be) {
                         mapBorderColor: V,
                         tooltip: ne,
                         onSeriesMouseOver: M,
-                        isWorldMap: de,
+                        isWorldMap: me,
                         zoomScaleExtend: we,
                         zoomTranslateExtend: je,
                         onSeriesMouseClick: H,
-                        mapProperty: me,
+                        mapProperty: de,
                         highlightedIds: j,
                         resetSelectionOnDoubleClick: Z,
                         styles: $,
                         showColorScale: P,
                         classNames: D,
-                        mapProjection: Q || (de ? "naturalEarth" : "mercator"),
+                        mapProjection: Q || (me ? "naturalEarth" : "mercator"),
                         detailsOnClick: he,
                         zoomInteraction: I,
                         animate: U === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : U || { duration: 0, once: !0, amount: 0 },
@@ -685,7 +685,7 @@ function Lt(be) {
                         style: {
                           height: `${Math.max(
                             g,
-                            m || (w ? g ? (l || u) * w > g ? (l || u) * w : g : (l || u) * w : te)
+                            d || (w ? g ? (l || y) * w > g ? (l || y) * w : g : (l || y) * w : te)
                           )}px`
                         },
                         className: "flex items-center justify-center",