@undp/data-viz 1.5.1 → 1.5.3

package/dist/ButterflyChart.js

@@ -1,30 +1,31 @@
 import { j as e, m as et } from "./index-CHPV5EwG-BPSP-7Jg.js";
 import { useRef as gt, useState as S, useEffect as yt } from "react";
-import { s as Nt, g as At, x as Ct } from "./getSliderMarks-C0jptXeP.js";
-import { p as kt, f as Lt } from "./parse-DlCRUFh_.js";
-import { u as Vt } from "./index-AqnpA7_O.js";
-import { i as vt } from "./index-Bwrro8-q.js";
-import { X as Tt } from "./Modal-DVVwpKhP.js";
-import { n as bt } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Ot } from "./Tooltip-CVCGWyzw.js";
-import { s as Dt } from "./string2HTML-oFCROsus.js";
+import { g as Nt, x as At } from "./getSliderMarks-9cNoRkDx.js";
+import { p as Ct, f as kt } from "./parse-DlCRUFh_.js";
+import { i as bt } from "./index-Bwrro8-q.js";
+import { X as Lt } from "./Modal-DVVwpKhP.js";
+import { n as vt } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as Vt } from "./Tooltip-CVCGWyzw.js";
+import { s as Tt } from "./string2HTML-oFCROsus.js";
 import { X as wt } from "./XTicksAndGridLines-Bn9u5gOM.js";
 import { A as jt } from "./Axis-Ddg-seDi.js";
-import { Y as It } from "./YAxesLabels-CPGZjmZJ.js";
+import { Y as Ot } from "./YAxesLabels-CPGZjmZJ.js";
 import { a as Bt } from "./ReferenceLine-CfAW3vKJ.js";
-import { b as St } from "./band-BEjh2CHI.js";
+import { b as Dt } from "./band-BEjh2CHI.js";
 import { a as Mt } from "./linear-DUdu7l2G.js";
-import { u as Ft } from "./use-in-view-yS6jzJAp.js";
+import { u as It } from "./use-in-view-yS6jzJAp.js";
 import { m as I } from "./proxy-CkpFesk1.js";
-import { A as xt } from "./index-CNvov0eg.js";
-import { GraphFooter as Ht } from "./GraphFooter.js";
-import { GraphHeader as Pt } from "./GraphHeader.js";
-import { ColorLegend as Rt } from "./ColorLegend.js";
+import { A as dt } from "./index-CNvov0eg.js";
+import { GraphFooter as St } from "./GraphFooter.js";
+import { GraphHeader as Ft } from "./GraphHeader.js";
+import { ColorLegend as Ht } from "./ColorLegend.js";
 import { Colors as $t } from "./Colors.js";
-import { E as Xt } from "./EmptyState-DdTp-Mdn.js";
-import { P as Et, f as Gt } from "./index-BmCqpO1B.js";
+import { E as Pt } from "./EmptyState-DdTp-Mdn.js";
+import { P as Rt, f as Xt } from "./index-BmCqpO1B.js";
 import { c as ut } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { a as Yt } from "./ensureCompleteData-BALdOrsS.js";
+import { a as Et } from "./ensureCompleteData-DlmibgaI.js";
+import { u as Gt } from "./uniqBy-BHy4I8PK.js";
+import { s as Yt } from "./sort-DfK1b0F5.js";
 import { c as Wt } from "./init-BhZylTFx.js";
 function zt(z) {
   const {
@@ -32,7 +33,7 @@ function zt(z) {
     width: y,
     height: j,
     barColors: m,
-    centerGap: x,
+    centerGap: d,
     refValues: s,
     maxValue: B,
     minValue: q,
@@ -55,21 +56,21 @@ function zt(z) {
     styles: u,
     classNames: l,
     noOfTicks: N,
-    animate: d,
+    animate: x,
     precision: G,
     customLayers: rt,
     minValueLeftBar: L,
     minValueRightBar: V,
     naLabel: K
-  } = z, Q = gt(null), v = Ft(Q, {
-    once: d.once,
-    amount: d.amount
-  }), [st, b] = S(void 0), [T, P] = S(void 0), [lt, O] = S(void 0), [A, f] = S(void 0), h = {
+  } = z, Q = gt(null), b = It(Q, {
+    once: x.once,
+    amount: x.amount
+  }), [st, v] = S(void 0), [T, P] = S(void 0), [lt, O] = S(void 0), [A, f] = S(void 0), h = {
     top: _,
     bottom: ct,
     left: ot,
     right: nt
-  }, C = y - h.left - h.right, w = j - h.top - h.bottom, Y = c.map((t, r) => ({ ...t, id: `${r}` })), a = St().domain(Y.map((t) => `${t.id}`)).range([w, 0]).paddingInner(mt), o = Mt().domain([q, B]).range([0, (C - x) / 2]).nice(), D = o.ticks(N), n = Mt().domain([q, B]).range([(C - x) / 2, 0]).nice(), Z = n.ticks(N);
+  }, C = y - h.left - h.right, w = j - h.top - h.bottom, Y = c.map((t, r) => ({ ...t, id: `${r}` })), a = Dt().domain(Y.map((t) => `${t.id}`)).range([w, 0]).paddingInner(mt), o = Mt().domain([q, B]).range([0, (C - d) / 2]).nice(), D = o.ticks(N), n = Mt().domain([q, B]).range([(C - d) / 2, 0]).nice(), Z = n.ticks(N);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       I.svg,
@@ -105,23 +106,23 @@ function zt(z) {
                 precision: G
               }
             ) : null,
-            /* @__PURE__ */ e.jsxs(xt, { children: [
+            /* @__PURE__ */ e.jsxs(dt, { children: [
               Y.map((t, r) => /* @__PURE__ */ e.jsxs(
                 I.g,
                 {
                   className: "undp-viz-g-with-hover",
                   opacity: 0.85,
                   onMouseEnter: (p) => {
-                    b(t), f(p.clientY), O(p.clientX), F?.(t);
+                    v(t), f(p.clientY), O(p.clientX), F?.(t);
                   },
                   onClick: () => {
-                    (k || $) && (vt(T, t) && at ? (P(void 0), k?.(void 0)) : (P(t), k?.(t)));
+                    (k || $) && (bt(T, t) && at ? (P(void 0), k?.(void 0)) : (P(t), k?.(t)));
                   },
                   onMouseMove: (p) => {
-                    b(t), f(p.clientY), O(p.clientX);
+                    v(t), f(p.clientY), O(p.clientX);
                   },
                   onMouseLeave: () => {
-                    b(void 0), O(void 0), f(void 0), F?.(void 0);
+                    v(void 0), O(void 0), f(void 0), F?.(void 0);
                   },
                   children: [
                     t.leftBar ? /* @__PURE__ */ e.jsx(
@@ -138,15 +139,15 @@ function zt(z) {
                           whileInView: {
                             x: t.leftBar < 0 ? n(0) : n(t.leftBar),
                             width: t.leftBar < 0 ? n(t.leftBar) - n(0) : n(0) - n(t.leftBar),
-                            transition: { duration: d.duration }
+                            transition: { duration: x.duration }
                           }
                         },
                         initial: "initial",
-                        animate: v ? "whileInView" : "initial",
+                        animate: b ? "whileInView" : "initial",
                         exit: {
                           x: n(0),
                           width: 0,
-                          transition: { duration: d.duration }
+                          transition: { duration: x.duration }
                         }
                       }
                     ) : null,
@@ -164,7 +165,7 @@ function zt(z) {
                         className: et("graph-value text-sm", l?.graphObjectValues),
                         exit: {
                           opacity: 0,
-                          transition: { duration: d.duration }
+                          transition: { duration: x.duration }
                         },
                         variants: {
                           initial: {
@@ -174,12 +175,12 @@ function zt(z) {
                           whileInView: {
                             x: t.leftBar ? n(t.leftBar) : n(L < 0 ? 0 : L),
                             opacity: 1,
-                            transition: { duration: d.duration }
+                            transition: { duration: x.duration }
                           }
                         },
                         initial: "initial",
-                        animate: v ? "whileInView" : "initial",
-                        children: bt(t.rightBar, K, G, E, X)
+                        animate: b ? "whileInView" : "initial",
+                        children: vt(t.rightBar, K, G, E, X)
                       }
                     ) : null
                   ]
@@ -208,14 +209,14 @@ function zt(z) {
                   textSide: "left",
                   classNames: t.classNames,
                   styles: t.styles,
-                  animate: d,
-                  isInView: v
+                  animate: x,
+                  isInView: b
                 },
                 r
               )) }) : null
             ] })
           ] }),
-          /* @__PURE__ */ e.jsxs("g", { transform: `translate(${(C + x) / 2},0)`, children: [
+          /* @__PURE__ */ e.jsxs("g", { transform: `translate(${(C + d) / 2},0)`, children: [
             it ? /* @__PURE__ */ e.jsx(
               wt,
               {
@@ -238,23 +239,23 @@ function zt(z) {
                 precision: G
               }
             ) : null,
-            /* @__PURE__ */ e.jsxs(xt, { children: [
+            /* @__PURE__ */ e.jsxs(dt, { children: [
               Y.map((t, r) => /* @__PURE__ */ e.jsxs(
                 I.g,
                 {
                   className: "undp-viz-g-with-hover",
                   opacity: 0.85,
                   onMouseEnter: (p) => {
-                    b(t), f(p.clientY), O(p.clientX), F?.(t);
+                    v(t), f(p.clientY), O(p.clientX), F?.(t);
                   },
                   onClick: () => {
-                    (k || $) && (vt(T, t) && at ? (P(void 0), k?.(void 0)) : (P(t), k?.(t)));
+                    (k || $) && (bt(T, t) && at ? (P(void 0), k?.(void 0)) : (P(t), k?.(t)));
                   },
                   onMouseMove: (p) => {
-                    b(t), f(p.clientY), O(p.clientX);
+                    v(t), f(p.clientY), O(p.clientX);
                   },
                   onMouseLeave: () => {
-                    b(void 0), O(void 0), f(void 0), F?.(void 0);
+                    v(void 0), O(void 0), f(void 0), F?.(void 0);
                   },
                   children: [
                     t.rightBar ? /* @__PURE__ */ e.jsx(
@@ -266,7 +267,7 @@ function zt(z) {
                         exit: {
                           x: o(0),
                           width: 0,
-                          transition: { duration: d.duration }
+                          transition: { duration: x.duration }
                         },
                         variants: {
                           initial: {
@@ -276,11 +277,11 @@ function zt(z) {
                           whileInView: {
                             x: t.rightBar >= 0 ? o(0) : o(t.rightBar),
                             width: t.rightBar >= 0 ? o(t.rightBar) - o(0) : o(0) - o(t.rightBar),
-                            transition: { duration: d.duration }
+                            transition: { duration: x.duration }
                           }
                         },
                         initial: "initial",
-                        animate: v ? "whileInView" : "initial"
+                        animate: b ? "whileInView" : "initial"
                       }
                     ) : null,
                     U ? /* @__PURE__ */ e.jsx(
@@ -297,7 +298,7 @@ function zt(z) {
                         dy: "0.33em",
                         exit: {
                           opacity: 0,
-                          transition: { duration: d.duration }
+                          transition: { duration: x.duration }
                         },
                         variants: {
                           initial: {
@@ -307,12 +308,12 @@ function zt(z) {
                           whileInView: {
                             x: t.rightBar ? o(t.rightBar) : o(V < 0 ? 0 : V),
                             opacity: 1,
-                            transition: { duration: d.duration }
+                            transition: { duration: x.duration }
                           }
                         },
                         initial: "initial",
-                        animate: v ? "whileInView" : "initial",
-                        children: bt(t.rightBar, K, G, E, X)
+                        animate: b ? "whileInView" : "initial",
+                        children: vt(t.rightBar, K, G, E, X)
                       }
                     ) : null
                   ]
@@ -341,26 +342,26 @@ function zt(z) {
                   textSide: "right",
                   classNames: t.classNames,
                   styles: t.styles,
-                  animate: d,
-                  isInView: v
+                  animate: x,
+                  isInView: b
                 },
                 r
               )) }) : null
             ] })
           ] }),
-          /* @__PURE__ */ e.jsx(xt, { children: /* @__PURE__ */ e.jsx(I.g, { transform: `translate(${C / 2},0)`, children: Y.map((t, r) => /* @__PURE__ */ e.jsx(
-            It,
+          /* @__PURE__ */ e.jsx(dt, { children: /* @__PURE__ */ e.jsx(I.g, { transform: `translate(${C / 2},0)`, children: Y.map((t, r) => /* @__PURE__ */ e.jsx(
+            Ot,
             {
               value: `${t.label}`.length < H ? `${t.label}` : `${`${t.label}`.substring(0, H)}...`,
               y: a(`${t.id}`),
-              x: 0 - x / 2,
-              width: x,
+              x: 0 - d / 2,
+              width: d,
               height: a.bandwidth(),
               alignment: "center",
               style: u?.yAxis?.labels,
               className: l?.yAxis?.labels,
-              animate: d,
-              isInView: v
+              animate: x,
+              isInView: b
             },
             r
           )) }) }),
@@ -374,7 +375,7 @@ function zt(z) {
                   ...u?.yAxis?.title
                 },
                 className: et("text-base", l?.yAxis?.title),
-                x: C / 2 - x / 2,
+                x: C / 2 - d / 2,
                 y: 0,
                 dx: -5,
                 dy: 20,
@@ -390,7 +391,7 @@ function zt(z) {
                   ...u?.yAxis?.title
                 },
                 className: et("text-base", l?.yAxis?.title),
-                x: C / 2 + x / 2,
+                x: C / 2 + d / 2,
                 y: 0,
                 dx: 5,
                 dy: 20,
@@ -403,7 +404,7 @@ function zt(z) {
       }
     ),
     st && J && lt && A ? /* @__PURE__ */ e.jsx(
-      Ot,
+      Vt,
       {
         data: st,
         body: J,
@@ -414,7 +415,7 @@ function zt(z) {
       }
     ) : null,
     $ && T !== void 0 ? /* @__PURE__ */ e.jsx(
-      Tt,
+      Lt,
       {
         open: T !== void 0,
         onClose: () => {
@@ -424,7 +425,7 @@ function zt(z) {
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof $ == "string" ? { __html: Dt($, T) } : void 0,
+            dangerouslySetInnerHTML: typeof $ == "string" ? { __html: Tt($, T) } : void 0,
             children: typeof $ == "function" ? $(T) : null
           }
         )
@@ -433,16 +434,16 @@ function zt(z) {
   ] });
 }
 function W(z, c, y, j) {
-  const m = z.map((B) => B[c]).filter((B) => !ut(B)), x = ut(y) ? Math.min(...m) >= 0 ? 0 : Math.min(...m) : y, s = ut(j) ? Math.max(...m) < 0 ? 0 : Math.max(...m) : j;
-  return { min: x, max: s };
+  const m = z.map((B) => B[c]).filter((B) => !ut(B)), d = ut(y) ? Math.min(...m) >= 0 ? 0 : Math.min(...m) : y, s = ut(j) ? Math.max(...m) < 0 ? 0 : Math.max(...m) : j;
+  return { min: d, max: s };
 }
-function we(z) {
+function je(z) {
   const {
     data: c,
     graphTitle: y,
     sources: j,
     graphDescription: m,
-    height: x,
+    height: d,
     width: s,
     footNote: B,
     padding: q,
@@ -468,16 +469,16 @@ function we(z) {
     showValues: u = !0,
     maxValue: l,
     minValue: N,
-    refValues: d = [],
+    refValues: x = [],
     suffix: G = "",
     prefix: rt = "",
     showTicks: L = !0,
     showColorScale: V = !1,
     graphDownload: K = !1,
     dataDownload: Q = !1,
-    language: v = "en",
+    language: b = "en",
     colorLegendTitle: st,
-    minHeight: b = 0,
+    minHeight: v = 0,
     theme: T = "light",
     ariaLabel: P,
     resetSelectionOnDoubleClick: lt = !0,
@@ -490,28 +491,27 @@ function we(z) {
     customLayers: Y = [],
     timeline: a = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
     naLabel: o = "NA"
-  } = z, [D, n] = S(0), [Z, t] = S(0), [r, p] = S(a.autoplay), g = Nt(
-    Vt(
-      c.filter((i) => i.date !== void 0 && i.date !== null),
-      (i) => i.date
-    ).map((i) => kt(`${i.date}`, a.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+  } = z, [D, n] = S(0), [Z, t] = S(0), [r, p] = S(a.autoplay), g = Yt(
+    Gt(c, "date", !0).map(
+      (i) => Ct(`${i}`, a.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()
+    ),
     (i, R) => Wt(i, R)
-  ), [ht, dt] = S(a.autoplay ? 0 : g.length - 1), tt = gt(null), ft = gt(null);
+  ), [ht, xt] = S(a.autoplay ? 0 : g.length - 1), tt = gt(null), ft = gt(null);
   yt(() => {
     const i = new ResizeObserver((R) => {
-      n(s || R[0].target.clientWidth || 620), t(x || R[0].target.clientHeight || 480);
+      n(s || R[0].target.clientWidth || 620), t(d || R[0].target.clientHeight || 480);
     });
     return tt.current && (t(tt.current.clientHeight || 480), n(tt.current.clientWidth || 620), s || i.observe(tt.current)), () => i.disconnect();
-  }, [s, x]), yt(() => {
+  }, [s, d]), yt(() => {
     const i = setInterval(
       () => {
-        dt((R) => R < g.length - 1 ? R + 1 : 0);
+        xt((R) => R < g.length - 1 ? R + 1 : 0);
       },
       (a.speed || 2) * 1e3
     );
     return r || clearInterval(i), () => clearInterval(i);
   }, [g, r, a.speed]);
-  const pt = At(
+  const pt = Nt(
     g,
     ht,
     a.showOnlyActiveDate,
@@ -521,12 +521,12 @@ function we(z) {
     "div",
     {
       className: `${T || "light"} flex  ${s ? "w-fit grow-0" : "w-full grow"}`,
-      dir: v === "he" || v === "ar" ? "rtl" : void 0,
+      dir: b === "he" || b === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
           className: et(
-            `${M ? M === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${v || "en"}`,
+            `${M ? M === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${b || "en"}`,
             s ? "w-fit" : "w-full",
             f?.graphContainer
           ),
@@ -544,7 +544,7 @@ function we(z) {
               style: { padding: M ? q || "1rem" : q || 0 },
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
                 y || m || K || Q ? /* @__PURE__ */ e.jsx(
-                  Pt,
+                  Ft,
                   {
                     styles: {
                       title: A?.title,
@@ -571,11 +571,11 @@ function we(z) {
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
                       "aria-label": r ? "Click to pause animation" : "Click to play animation",
-                      children: r ? /* @__PURE__ */ e.jsx(Et, {}) : /* @__PURE__ */ e.jsx(Gt, {})
+                      children: r ? /* @__PURE__ */ e.jsx(Rt, {}) : /* @__PURE__ */ e.jsx(Xt, {})
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    Ct,
+                    At,
                     {
                       min: g[0],
                       max: g[g.length - 1],
@@ -584,18 +584,18 @@ function we(z) {
                       defaultValue: g[g.length - 1],
                       value: g[ht],
                       onChangeComplete: (i) => {
-                        dt(g.indexOf(i));
+                        xt(g.indexOf(i));
                       },
                       onChange: (i) => {
-                        dt(g.indexOf(i));
+                        xt(g.indexOf(i));
                       },
                       "aria-label": "Time slider. Use arrow keys to adjust selected time period."
                     }
                   )
                 ] }) : null,
-                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: c.length === 0 ? /* @__PURE__ */ e.jsx(Xt, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: c.length === 0 ? /* @__PURE__ */ e.jsx(Pt, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                   V ? /* @__PURE__ */ e.jsx(
-                    Rt,
+                    Ht,
                     {
                       colorLegendTitle: st,
                       colorDomain: [F, J],
@@ -609,14 +609,14 @@ function we(z) {
                       className: "flex flex-col grow justify-center leading-0",
                       ref: tt,
                       "aria-label": "Graph area",
-                      children: (s || D) && (x || Z) ? /* @__PURE__ */ e.jsx(
+                      children: (s || D) && (d || Z) ? /* @__PURE__ */ e.jsx(
                         zt,
                         {
-                          data: Yt(
+                          data: Et(
                             c,
                             a.dateFormat || "yyyy"
                           ).filter(
-                            (i) => a.enabled ? i.date === Lt(
+                            (i) => a.enabled ? i.date === kt(
                               new Date(g[ht]),
                               a.dateFormat || "yyyy"
                             ) : i
@@ -625,8 +625,8 @@ function we(z) {
                           width: s || D,
                           centerGap: $,
                           height: Math.max(
-                            b,
-                            x || (H ? b ? (s || D) * H > b ? (s || D) * H : b : (s || D) * H : Z)
+                            v,
+                            d || (H ? v ? (s || D) * H > v ? (s || D) * H : v : (s || D) * H : Z)
                           ),
                           truncateBy: E,
                           leftMargin: nt,
@@ -637,7 +637,7 @@ function we(z) {
                           tooltip: mt,
                           onSeriesMouseOver: k,
                           barPadding: X,
-                          refValues: d,
+                          refValues: x,
                           maxValue: Math.max(
                             W(c, "leftBar", N, l).max,
                             W(c, "rightBar", N, l).max
@@ -668,7 +668,7 @@ function we(z) {
                   )
                 ] }) }),
                 j || B ? /* @__PURE__ */ e.jsx(
-                  Ht,
+                  St,
                   {
                     styles: { footnote: A?.footnote, source: A?.source },
                     classNames: {
@@ -689,6 +689,6 @@ function we(z) {
   );
 }
 export {
-  we as ButterflyChart
+  je as ButterflyChart
 };
 //# sourceMappingURL=ButterflyChart.js.map