@undp/data-viz 1.4.7 → 1.4.9

package/dist/ScatterPlot.js

@@ -42,7 +42,7 @@ function yi(ye) {
     colors: s,
     colorDomain: w,
     radius: O,
-    xAxisTitle: g,
+    xAxisTitle: h,
     yAxisTitle: J,
     leftMargin: q,
     rightMargin: de,
@@ -83,17 +83,17 @@ function yi(ye) {
   } = ye, ue = Se(null), p = si(ue, {
     once: l.once,
     amount: l.amount
-  }), [X, Y] = V(void 0), [I, W] = V(void 0), [ge, R] = V(void 0), [he, v] = V(void 0), h = {
+  }), [X, Y] = V(void 0), [I, W] = V(void 0), [ge, R] = V(void 0), [he, v] = V(void 0), u = {
     top: pe,
-    bottom: g ? ae + 50 : ae,
+    bottom: h ? ae + 50 : ae,
     left: J ? q + 30 : q,
     right: de
-  }, _ = o.map((e, d) => ({ ...e, id: `${d}` })), y = L - h.left - h.right, b = D - h.top - h.bottom, C = o.filter((e) => e.radius === void 0 || e.radius === null).length !== o.length ? ri().domain([0, Ce]).range([0.25, O]).nice() : void 0, u = _.filter((e) => !c(e.radius)).length === 0 ? _ : Ge(
+  }, _ = o.map((e, d) => ({ ...e, id: `${d}` })), y = L - u.left - u.right, b = D - u.top - u.bottom, C = o.filter((e) => e.radius === void 0 || e.radius === null).length !== o.length ? ri().domain([0, Ce]).range([0.25, O]).nice() : void 0, g = _.filter((e) => !c(e.radius)).length === 0 ? _ : Ge(
     _.filter((e) => !c(e.radius)),
     "radius",
     "desc"
   ), r = Ye().domain([j, z]).range([0, y]).nice(), n = Ye().domain([A, we]).range([b, 0]).nice(), ee = r.ticks(le), ie = n.ticks(se), F = li.from(
-    u.filter((e) => !c(e.x) && !c(e.y)),
+    g.filter((e) => !c(e.x) && !c(e.y)),
     (e) => r(e.x),
     (e) => n(e.y)
   ).voronoi([0, 0, y < 0 ? 0 : y, b < 0 ? 0 : b]), Ae = qe(
@@ -108,7 +108,7 @@ function yi(ye) {
         viewBox: `0 0 ${L} ${D}`,
         direction: "ltr",
         ref: ue,
-        children: /* @__PURE__ */ t.jsxs("g", { transform: `translate(${h.left},${h.top})`, children: [
+        children: /* @__PURE__ */ t.jsxs("g", { transform: `translate(${u.left},${u.top})`, children: [
           /* @__PURE__ */ t.jsxs(Ie, { children: [
             /* @__PURE__ */ t.jsx(
               ai,
@@ -140,7 +140,7 @@ function yi(ye) {
                 values: ie.filter((e) => e !== 0),
                 y: ie.filter((e) => e !== 0).map((e) => n(e)),
                 x1: 0,
-                x2: y + h.right,
+                x2: y + u.right,
                 styles: {
                   gridLines: x?.yAxis?.gridLines,
                   labels: x?.yAxis?.labels
@@ -163,7 +163,7 @@ function yi(ye) {
                 y1: n(A < 0 ? 0 : A),
                 y2: n(A < 0 ? 0 : A),
                 x1: 0,
-                x2: y + h.right,
+                x2: y + u.right,
                 label: Te(
                   A < 0 ? 0 : A,
                   "NA",
@@ -262,16 +262,16 @@ function yi(ye) {
                 y: b + 30,
                 style: x?.xAxis?.title,
                 className: m?.xAxis?.title,
-                text: g
+                text: h
               }
             )
           ] }),
           fe.filter((e) => e.position === "before").map((e) => e.layer),
           /* @__PURE__ */ t.jsxs(Ie, { children: [
-            u.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsx(
+            g.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsx(
               "path",
               {
-                d: F.renderCell(u.findIndex((a) => a.id === e.id)),
+                d: F.renderCell(g.findIndex((a) => a.id === e.id)),
                 opacity: 0,
                 onMouseEnter: (a) => {
                   Y(e), v(a.clientY), R(a.clientX), H?.(e);
@@ -288,7 +288,7 @@ function yi(ye) {
               },
               `${e.label || d}`
             )),
-            u.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsxs(
+            g.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsxs(
               te.g,
               {
                 variants: {
@@ -460,7 +460,7 @@ function yi(ye) {
               } : void 0, E = {
                 y: e.yCoordinate ? n(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
                 x: K ? 0 : e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-                width: K ? e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : y - (e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
+                width: K ? e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : y + u.right - (e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
                 maxWidth: e.maxWidth,
                 fontWeight: e.fontWeight,
                 align: e.align
@@ -540,7 +540,7 @@ function Qi(ye) {
     graphDescription: s,
     showLabels: w = !1,
     height: O,
-    width: g,
+    width: h,
     footNote: J,
     colorDomain: q,
     colorLegendTitle: de,
@@ -588,50 +588,50 @@ function Qi(ye) {
     noOfYTicks: R = 5,
     labelColor: he,
     styles: v,
-    classNames: h,
+    classNames: u,
     animate: _ = !1,
     dimmedOpacity: y = 0.3,
     precision: b = 2,
     customLayers: C = [],
-    timeline: u = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
-  } = ye, [r, n] = V(0), [ee, ie] = V(0), [F, Ae] = V(u.autoplay), f = We(
+    timeline: g = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
+  } = ye, [r, n] = V(0), [ee, ie] = V(0), [F, Ae] = V(g.autoplay), f = We(
     ke(
       o.filter((i) => i.date !== void 0 && i.date !== null),
       (i) => i.date
-    ).map((i) => Re(`${i.date}`, u.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    ).map((i) => Re(`${i.date}`, g.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
     (i, G) => hi(i, G)
-  ), [e, d] = V(u.autoplay ? 0 : f.length - 1), [a, Me] = V(void 0), E = Se(null), Ve = Se(null);
+  ), [e, d] = V(g.autoplay ? 0 : f.length - 1), [a, Me] = V(void 0), E = Se(null), Ve = Se(null);
   De(() => {
     const i = new ResizeObserver((G) => {
-      n(g || G[0].target.clientWidth || 620), ie(O || G[0].target.clientHeight || 480);
+      n(h || G[0].target.clientWidth || 620), ie(O || G[0].target.clientHeight || 480);
     });
-    return E.current && (ie(E.current.clientHeight || 480), n(E.current.clientWidth || 620), g || i.observe(E.current)), () => i.disconnect();
-  }, [g, O]), De(() => {
+    return E.current && (ie(E.current.clientHeight || 480), n(E.current.clientWidth || 620), h || i.observe(E.current)), () => i.disconnect();
+  }, [h, O]), De(() => {
     const i = setInterval(
       () => {
         d((G) => G < f.length - 1 ? G + 1 : 0);
       },
-      (u.speed || 2) * 1e3
+      (g.speed || 2) * 1e3
     );
     return F || clearInterval(i), () => clearInterval(i);
-  }, [f, F, u.speed]);
+  }, [f, F, g.speed]);
   const Le = Fe(
     f,
     e,
-    u.showOnlyActiveDate,
-    u.dateFormat || "yyyy"
+    g.showOnlyActiveDate,
+    g.dateFormat || "yyyy"
   );
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: `${p || "light"} flex  ${g ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${p || "light"} flex  ${h ? "w-fit grow-0" : "w-full grow"}`,
       dir: l === "he" || l === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ t.jsx(
         "div",
         {
           className: Ne(
             `${$ ? $ === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${l || "en"}`,
-            h?.graphContainer
+            u?.graphContainer
           ),
           style: {
             ...v?.graphContainer || {},
@@ -654,17 +654,17 @@ function Qi(ye) {
                       description: v?.description
                     },
                     classNames: {
-                      title: h?.title,
-                      description: h?.description
+                      title: u?.title,
+                      description: u?.description
                     },
                     graphTitle: L,
                     graphDescription: s,
-                    width: g,
+                    width: h,
                     graphDownload: x ? Ve.current : void 0,
                     dataDownload: m ? o.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? o.map((i) => i.data).filter((i) => i !== void 0) : o.filter((i) => i !== void 0) : null
                   }
                 ) : null,
-                u.enabled && f.length > 0 && Le ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                g.enabled && f.length > 0 && Le ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
                   /* @__PURE__ */ t.jsx(
                     "button",
                     {
@@ -700,7 +700,7 @@ function Qi(ye) {
                   K && o.filter((i) => i.color).length !== 0 ? /* @__PURE__ */ t.jsx(
                     xi,
                     {
-                      width: g,
+                      width: h,
                       colorLegendTitle: de,
                       colors: D || N[p].categoricalColors.colors,
                       colorDomain: q || ke(
@@ -717,22 +717,22 @@ function Qi(ye) {
                       className: "flex flex-col grow justify-center w-full leading-0",
                       ref: E,
                       "aria-label": "Graph area",
-                      children: (g || r) && (O || ee) ? /* @__PURE__ */ t.jsx(
+                      children: (h || r) && (O || ee) ? /* @__PURE__ */ t.jsx(
                         yi,
                         {
                           data: gi(
                             o,
-                            u.dateFormat || "yyyy"
+                            g.dateFormat || "yyyy"
                           ).filter(
-                            (i) => u.enabled ? i.date === He(
+                            (i) => g.enabled ? i.date === He(
                               new Date(f[e]),
-                              u.dateFormat || "yyyy"
+                              g.dateFormat || "yyyy"
                             ) : i
                           ),
-                          width: g || r,
+                          width: h || r,
                           height: Math.max(
                             S,
-                            O || (z ? S ? (g || r) * z > S ? (g || r) * z : S : (g || r) * z : ee)
+                            O || (z ? S ? (h || r) * z > S ? (h || r) * z : S : (h || r) * z : ee)
                           ),
                           colorDomain: o.filter((i) => i.color).length === 0 ? [] : q || ke(
                             o.filter((i) => i.color),
@@ -792,7 +792,7 @@ function Qi(ye) {
                           xPrefix: ce,
                           yPrefix: xe,
                           styles: v,
-                          classNames: h,
+                          classNames: u,
                           animate: _ === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : _ || { duration: 0, once: !0, amount: 0 },
                           dimmedOpacity: y,
                           precision: b,
@@ -807,12 +807,12 @@ function Qi(ye) {
                   {
                     styles: { footnote: v?.footnote, source: v?.source },
                     classNames: {
-                      footnote: h?.footnote,
-                      source: h?.source
+                      footnote: u?.footnote,
+                      source: u?.source
                     },
                     sources: oe,
                     footNote: J,
-                    width: g
+                    width: h
                   }
                 ) : null
               ] })