@undp/data-viz 1.5.1 → 1.5.3

package/dist/DumbbellChart.js

@@ -1,32 +1,33 @@
 import { j as i, m as ke } from "./index-CHPV5EwG-BPSP-7Jg.js";
 import { useRef as Ce, useState as L, useEffect as De } from "react";
 import { p as Se, f as Ie } from "./parse-DlCRUFh_.js";
-import { s as Pe, g as Fe, x as Be } from "./getSliderMarks-C0jptXeP.js";
-import { u as We } from "./index-AqnpA7_O.js";
+import { g as Pe, x as Fe } from "./getSliderMarks-9cNoRkDx.js";
 import { o as Ve } from "./index-DvVprvy6.js";
-import { i as He } from "./index-Bwrro8-q.js";
-import { X as Xe } from "./Modal-DVVwpKhP.js";
+import { i as Be } from "./index-Bwrro8-q.js";
+import { X as We } from "./Modal-DVVwpKhP.js";
 import { n as Ae } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Ye } from "./Tooltip-CVCGWyzw.js";
+import { T as He } from "./Tooltip-CVCGWyzw.js";
 import { c as F } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { s as Ee } from "./string2HTML-oFCROsus.js";
+import { s as Xe } from "./string2HTML-oFCROsus.js";
 import { X as rt } from "./XTicksAndGridLines-Bn9u5gOM.js";
-import { A as _e } from "./AxisTitle-BmHLMRJZ.js";
+import { A as Ye } from "./AxisTitle-BmHLMRJZ.js";
 import { Y as lt } from "./YAxesLabels-CPGZjmZJ.js";
-import { Y as Ge } from "./YTicksAndGridLines-B6ah7CRf.js";
+import { Y as Ee } from "./YTicksAndGridLines-B6ah7CRf.js";
 import { a as nt, R as ot } from "./ReferenceLine-CfAW3vKJ.js";
-import { a as ze } from "./linear-DUdu7l2G.js";
-import { b as Re } from "./band-BEjh2CHI.js";
-import { u as qe } from "./use-in-view-yS6jzJAp.js";
+import { a as _e } from "./linear-DUdu7l2G.js";
+import { b as Ge } from "./band-BEjh2CHI.js";
+import { u as ze } from "./use-in-view-yS6jzJAp.js";
 import { m as se } from "./proxy-CkpFesk1.js";
-import { A as Ue } from "./index-CNvov0eg.js";
-import { GraphHeader as Je } from "./GraphHeader.js";
-import { GraphFooter as Ke } from "./GraphFooter.js";
-import { ColorLegendWithMouseOver as Qe } from "./ColorLegendWithMouseOver.js";
-import { Colors as Ze } from "./Colors.js";
-import { E as et } from "./EmptyState-DdTp-Mdn.js";
-import { P as tt, f as it } from "./index-BmCqpO1B.js";
-import { b as ve } from "./ensureCompleteData-BALdOrsS.js";
+import { A as Re } from "./index-CNvov0eg.js";
+import { GraphHeader as qe } from "./GraphHeader.js";
+import { GraphFooter as Ue } from "./GraphFooter.js";
+import { ColorLegendWithMouseOver as Je } from "./ColorLegendWithMouseOver.js";
+import { Colors as Ke } from "./Colors.js";
+import { E as Qe } from "./EmptyState-DdTp-Mdn.js";
+import { P as Ze, f as et } from "./index-BmCqpO1B.js";
+import { b as ve } from "./ensureCompleteData-DlmibgaI.js";
+import { u as tt } from "./uniqBy-BHy4I8PK.js";
+import { s as it } from "./sort-DfK1b0F5.js";
 import { c as at } from "./init-BhZylTFx.js";
 import { A as st } from "./Axis-Ddg-seDi.js";
 import { X as ct } from "./XAxesLabels-CaV2q-6H.js";
@@ -73,7 +74,7 @@ function dt(ye) {
     customLayers: G,
     highlightedDataPoints: z,
     dimmedOpacity: A
-  } = ye, v = Ce(null), x = qe(v, {
+  } = ye, v = Ce(null), x = ze(v, {
     once: c.once,
     amount: c.amount
   }), u = {
@@ -84,7 +85,7 @@ function dt(ye) {
   }, Y = te - u.left - u.right, E = ie - u.top - u.bottom, [K, H] = L(void 0), [j, y] = L(void 0), [T, Q] = L(void 0), [S, P] = L(void 0), R = s.map((t, l) => ({
     ...t,
     id: V ? `${t.label}` : `${l}`
-  })), k = V || R.map((t) => `${t.id}`), f = ze().domain([ae, C]).range([0, Y]).nice(), $ = Re().domain(k).range([
+  })), k = V || R.map((t) => `${t.id}`), f = _e().domain([ae, C]).range([0, Y]).nice(), $ = Ge().domain(k).range([
     0,
     le ? Math.max(E, le * R.length) : re ? Math.min(E, re * R.length) : E
   ]).paddingInner(w), a = f.ticks(pe);
@@ -141,7 +142,7 @@ function dt(ye) {
               }
             ) : null,
             /* @__PURE__ */ i.jsx(
-              _e,
+              Ye,
               {
                 x: Y / 2,
                 y: 0 - u.top + 15,
@@ -151,7 +152,7 @@ function dt(ye) {
               }
             ),
             /* @__PURE__ */ i.jsx(
-              Ge,
+              Ee,
               {
                 y: R.map((t) => $(`${t.id}`) + $.bandwidth() / 2),
                 x1: 0,
@@ -165,7 +166,7 @@ function dt(ye) {
               }
             ),
             G.filter((t) => t.position === "before").map((t) => t.layer),
-            /* @__PURE__ */ i.jsxs(Ue, { children: [
+            /* @__PURE__ */ i.jsxs(Re, { children: [
               R.map((t) => /* @__PURE__ */ i.jsxs(
                 se.g,
                 {
@@ -241,7 +242,7 @@ function dt(ye) {
                           H({ ...t, xIndex: o }), P(ue.clientY), Q(ue.clientX), W?.({ ...t, xIndex: o });
                         },
                         onClick: () => {
-                          (X || b) && (He(j, { ...t, xIndex: o }) && fe ? (y(void 0), X?.(void 0)) : (y({ ...t, xIndex: o }), X && X({ ...t, xIndex: o })));
+                          (X || b) && (Be(j, { ...t, xIndex: o }) && fe ? (y(void 0), X?.(void 0)) : (y({ ...t, xIndex: o }), X && X({ ...t, xIndex: o })));
                         },
                         onMouseMove: (ue) => {
                           H({ ...t, xIndex: o }), P(ue.clientY), Q(ue.clientX);
@@ -348,7 +349,7 @@ function dt(ye) {
       }
     ),
     K && O && T && S ? /* @__PURE__ */ i.jsx(
-      Ye,
+      He,
       {
         data: K,
         body: O,
@@ -359,7 +360,7 @@ function dt(ye) {
       }
     ) : null,
     b && j !== void 0 ? /* @__PURE__ */ i.jsx(
-      Xe,
+      We,
       {
         open: j !== void 0,
         onClose: () => {
@@ -369,7 +370,7 @@ function dt(ye) {
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof b == "string" ? { __html: Ee(b, j) } : void 0,
+            dangerouslySetInnerHTML: typeof b == "string" ? { __html: Xe(b, j) } : void 0,
             children: typeof b == "function" ? b(j) : null
           }
         )
@@ -381,7 +382,7 @@ function mt(ye) {
   const {
     data: s,
     graphTitle: g,
-    colors: q = Ze.light.categoricalColors.colors,
+    colors: q = Ke.light.categoricalColors.colors,
     sources: U,
     graphDescription: w,
     barPadding: ce = 0.25,
@@ -440,11 +441,10 @@ function mt(ye) {
     dimmedOpacity: a = 0.3,
     timeline: t = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
     sortData: l
-  } = ye, [o, ue] = L(0), [Me, je] = L(0), [he, Te] = L(t.autoplay), d = Pe(
-    We(
-      s.filter((e) => e.date !== void 0 && e.date !== null),
-      (e) => e.date
-    ).map((e) => Se(`${e.date}`, t.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+  } = ye, [o, ue] = L(0), [Me, je] = L(0), [he, Te] = L(t.autoplay), d = it(
+    tt(s, "date", !0).map(
+      (e) => Se(`${e}`, t.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()
+    ),
     (e, r) => at(e, r)
   ), [we, be] = L(t.autoplay ? 0 : d.length - 1), [$e, Le] = L(void 0), xe = Ce(null), Oe = Ce(null);
   De(() => {
@@ -461,7 +461,7 @@ function mt(ye) {
     );
     return he || clearInterval(e), () => clearInterval(e);
   }, [d, he, t.speed]);
-  const Ne = Fe(
+  const Ne = Pe(
     d,
     we,
     t.showOnlyActiveDate,
@@ -494,7 +494,7 @@ function mt(ye) {
               style: { padding: C ? W || "1rem" : W || 0 },
               children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
                 g || w || ne || m ? /* @__PURE__ */ i.jsx(
-                  Je,
+                  qe,
                   {
                     styles: {
                       title: y?.title,
@@ -521,11 +521,11 @@ function mt(ye) {
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
                       "aria-label": he ? "Click to pause animation" : "Click to play animation",
-                      children: he ? /* @__PURE__ */ i.jsx(tt, {}) : /* @__PURE__ */ i.jsx(it, {})
+                      children: he ? /* @__PURE__ */ i.jsx(Ze, {}) : /* @__PURE__ */ i.jsx(et, {})
                     }
                   ),
                   /* @__PURE__ */ i.jsx(
-                    Be,
+                    Fe,
                     {
                       min: d[0],
                       max: d[d.length - 1],
@@ -543,9 +543,9 @@ function mt(ye) {
                     }
                   )
                 ] }) : null,
-                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: s.length === 0 ? /* @__PURE__ */ i.jsx(et, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: s.length === 0 ? /* @__PURE__ */ i.jsx(Qe, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
                   f ? /* @__PURE__ */ i.jsx(
-                    Qe,
+                    Je,
                     {
                       width: n,
                       colorDomain: me,
@@ -649,7 +649,7 @@ function mt(ye) {
                   )
                 ] }) }),
                 U || B ? /* @__PURE__ */ i.jsx(
-                  Ke,
+                  Ue,
                   {
                     styles: { footnote: y?.footnote, source: y?.source },
                     classNames: {
@@ -711,7 +711,7 @@ function ut(ye) {
     customLayers: N,
     highlightedDataPoints: G,
     dimmedOpacity: z
-  } = ye, A = Ce(null), v = qe(A, {
+  } = ye, A = Ce(null), v = ze(A, {
     once: p.once,
     amount: p.amount
   }), x = {
@@ -722,7 +722,7 @@ function ut(ye) {
   }, u = Z - x.left - x.right, Y = ee - x.top - x.bottom, [E, K] = L(void 0), [H, j] = L(void 0), [y, T] = L(void 0), [Q, S] = L(void 0), P = s.map((a, t) => ({
     ...a,
     id: V ? `${a.label}` : `${t}`
-  })), R = V || P.map((a) => `${a.id}`), k = ze().domain([O, me]).range([Y, 0]).nice(), f = Re().domain(R).range([
+  })), R = V || P.map((a) => `${a.id}`), k = _e().domain([O, me]).range([Y, 0]).nice(), f = Ge().domain(R).range([
     0,
     le ? Math.max(u, le * P.length) : re ? Math.min(u, re * P.length) : u
   ]).paddingInner(q), $ = k.ticks(pe);
@@ -784,7 +784,7 @@ function ut(ye) {
               }
             ),
             U ? /* @__PURE__ */ i.jsx(
-              Ge,
+              Ee,
               {
                 values: $.filter((a) => a !== 0),
                 y: $.filter((a) => a !== 0).map((a) => k(a)),
@@ -807,7 +807,7 @@ function ut(ye) {
               }
             ) : null,
             /* @__PURE__ */ i.jsx(
-              _e,
+              Ye,
               {
                 x: 0 - w - 15,
                 y: Y / 2,
@@ -818,7 +818,7 @@ function ut(ye) {
               }
             ),
             N.filter((a) => a.position === "before").map((a) => a.layer),
-            /* @__PURE__ */ i.jsxs(Ue, { children: [
+            /* @__PURE__ */ i.jsxs(Re, { children: [
               P.map((a) => /* @__PURE__ */ i.jsxs(
                 se.g,
                 {
@@ -894,7 +894,7 @@ function ut(ye) {
                           K({ ...a, xIndex: l }), S(o.clientY), T(o.clientX), B?.({ ...a, xIndex: l });
                         },
                         onClick: () => {
-                          (W || b) && (He(H, { ...a, xIndex: l }) && fe ? (j(void 0), W?.(void 0)) : (j({ ...a, xIndex: l }), W && W({ ...a, xIndex: l })));
+                          (W || b) && (Be(H, { ...a, xIndex: l }) && fe ? (j(void 0), W?.(void 0)) : (j({ ...a, xIndex: l }), W && W({ ...a, xIndex: l })));
                         },
                         onMouseMove: (o) => {
                           K({ ...a, xIndex: l }), S(o.clientY), T(o.clientX);
@@ -999,7 +999,7 @@ function ut(ye) {
       }
     ),
     E && n && y && Q ? /* @__PURE__ */ i.jsx(
-      Ye,
+      He,
       {
         data: E,
         body: n,
@@ -1010,7 +1010,7 @@ function ut(ye) {
       }
     ) : null,
     b && H !== void 0 ? /* @__PURE__ */ i.jsx(
-      Xe,
+      We,
       {
         open: H !== void 0,
         onClose: () => {
@@ -1020,7 +1020,7 @@ function ut(ye) {
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof b == "string" ? { __html: Ee(b, H) } : void 0,
+            dangerouslySetInnerHTML: typeof b == "string" ? { __html: Xe(b, H) } : void 0,
             children: typeof b == "function" ? b(H) : null
           }
         )
@@ -1032,7 +1032,7 @@ function ht(ye) {
   const {
     data: s,
     graphTitle: g,
-    colors: q = Ze.light.categoricalColors.colors,
+    colors: q = Ke.light.categoricalColors.colors,
     sources: U,
     graphDescription: w,
     barPadding: ce = 0.25,
@@ -1091,11 +1091,10 @@ function ht(ye) {
     dimmedOpacity: a = 0.3,
     timeline: t = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
     sortData: l
-  } = ye, [o, ue] = L(0), [Me, je] = L(0), [he, Te] = L(t.autoplay), d = Pe(
-    We(
-      s.filter((e) => e.date !== void 0 && e.date !== null),
-      (e) => e.date
-    ).map((e) => Se(`${e.date}`, t.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+  } = ye, [o, ue] = L(0), [Me, je] = L(0), [he, Te] = L(t.autoplay), d = it(
+    tt(s, "date", !0).map(
+      (e) => Se(`${e}`, t.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()
+    ),
     (e, r) => at(e, r)
   ), [we, be] = L(t.autoplay ? 0 : d.length - 1), [$e, Le] = L(void 0), xe = Ce(null), Oe = Ce(null);
   De(() => {
@@ -1112,7 +1111,7 @@ function ht(ye) {
     );
     return he || clearInterval(e), () => clearInterval(e);
   }, [d, he, t.speed]);
-  const Ne = Fe(
+  const Ne = Pe(
     d,
     we,
     t.showOnlyActiveDate,
@@ -1145,7 +1144,7 @@ function ht(ye) {
               style: { padding: C ? W || "1rem" : W || 0 },
               children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
                 g || w || ne || m ? /* @__PURE__ */ i.jsx(
-                  Je,
+                  qe,
                   {
                     styles: {
                       title: j?.title,
@@ -1172,11 +1171,11 @@ function ht(ye) {
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
                       "aria-label": he ? "Click to pause animation" : "Click to play animation",
-                      children: he ? /* @__PURE__ */ i.jsx(tt, {}) : /* @__PURE__ */ i.jsx(it, {})
+                      children: he ? /* @__PURE__ */ i.jsx(Ze, {}) : /* @__PURE__ */ i.jsx(et, {})
                     }
                   ),
                   /* @__PURE__ */ i.jsx(
-                    Be,
+                    Fe,
                     {
                       min: d[0],
                       max: d[d.length - 1],
@@ -1194,9 +1193,9 @@ function ht(ye) {
                     }
                   )
                 ] }) : null,
-                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: s.length === 0 ? /* @__PURE__ */ i.jsx(et, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: s.length === 0 ? /* @__PURE__ */ i.jsx(Qe, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
                   f ? /* @__PURE__ */ i.jsx(
-                    Qe,
+                    Je,
                     {
                       width: n,
                       colorDomain: me,
@@ -1299,7 +1298,7 @@ function ht(ye) {
                   )
                 ] }) }),
                 U || B ? /* @__PURE__ */ i.jsx(
-                  Ke,
+                  Ue,
                   {
                     styles: { footnote: j?.footnote, source: j?.source },
                     classNames: {
@@ -1319,7 +1318,7 @@ function ht(ye) {
     }
   );
 }
-function zt(ye) {
+function Rt(ye) {
   const {
     data: s,
     graphTitle: g,
@@ -1517,6 +1516,6 @@ function zt(ye) {
   );
 }
 export {
-  zt as DumbbellChart
+  Rt as DumbbellChart
 };
 //# sourceMappingURL=DumbbellChart.js.map