@undp/data-viz 2.0.0 → 2.0.2

package/dist/BeeSwarmChart.js

@@ -65,15 +65,15 @@ function xe(e) {
     left: ot,
     right: it
   }, t[0] = X, t[1] = ot, t[2] = it, t[3] = ct, t[4] = F) : F = t[4];
-  const m = F, f = S - m.left - m.right, nt = A - m.top - m.bottom, H = n.filter(Re).length === 0 ? n : zt(n.filter(Pe), "radius", "desc");
+  const m = F, f = S - m.left - m.right, nt = A - m.top - m.bottom, H = n.filter(Xe).length === 0 ? n : zt(n.filter(Re), "radius", "desc");
   let Q;
-  t[5] !== n || t[6] !== q || t[7] !== V ? (Q = x(q) ? Math.max(...n.filter(Ee).map(He)) < 0 && !V ? 0 : Math.max(...n.filter(Fe).map(Ve)) : q, t[5] = n, t[6] = q, t[7] = V, t[8] = Q) : Q = t[8];
+  t[5] !== n || t[6] !== q || t[7] !== V ? (Q = x(q) ? Math.max(...n.filter(Pe).map(Ee)) < 0 && !V ? 0 : Math.max(...n.filter(He).map(Fe)) : q, t[5] = n, t[6] = q, t[7] = V, t[8] = Q) : Q = t[8];
   const G = Q;
   let z;
-  t[9] !== n || t[10] !== Z || t[11] !== V ? (z = x(Z) ? Math.min(...n.filter(Te).map(Ae)) >= 0 && !V ? 0 : Math.min(...n.filter(Se).map(Le)) : Z, t[9] = n, t[10] = Z, t[11] = V, t[12] = z) : z = t[12];
-  const d = z, s = n.filter(Ne).length !== n.length ? Kt().domain([0, x(W) ? Math.max(...n.map($e).filter(De)) : W]).range([0.25, p]).nice() : void 0, l = Qt().domain([d, G]).range([nt, 0]).nice(), y = l.ticks(w);
+  t[9] !== n || t[10] !== Z || t[11] !== V ? (z = x(Z) ? Math.min(...n.filter(Ve).map(Te)) >= 0 && !V ? 0 : Math.min(...n.filter(Ae).map(Se)) : Z, t[9] = n, t[10] = Z, t[11] = V, t[12] = z) : z = t[12];
+  const d = z, s = n.filter(Le).length !== n.length ? Kt().domain([0, x(W) ? Math.max(...n.map(Ne).filter($e)) : W]).range([0.25, p]).nice() : void 0, l = Qt().domain([d, G]).range([nt, 0]).nice(), y = l.ticks(w);
   Ht(() => {
-    const r = H.filter(we);
+    const r = H.map(De).filter(we);
     _t(r).force("y", ee((o) => l(o.position)).strength(5)).force("x", te((o) => f / 2).strength(1)).force("collide", oe((o) => s ? s(o.radius || 0) + 1 : p + 1)).force("charge", ie().strength(-15)).alphaDecay(0.05).tick(1e4).on("tick", () => {
       u(r);
     }).on("end", () => {
@@ -169,45 +169,55 @@ function we(e) {
   return e.position;
 }
 function De(e) {
-  return e != null;
+  return {
+    ...e,
+    ...e.data && {
+      data: {
+        ...e.data
+      }
+    }
+  };
 }
 function $e(e) {
-  return e.radius;
+  return e != null;
 }
 function Ne(e) {
-  return e.radius === void 0 || e.radius === null;
+  return e.radius;
 }
 function Le(e) {
-  return e.position;
+  return e.radius === void 0 || e.radius === null;
 }
 function Se(e) {
-  return !x(e.position);
+  return e.position;
 }
 function Ae(e) {
-  return e.position;
+  return !x(e.position);
 }
 function Te(e) {
-  return !x(e.position);
+  return e.position;
 }
 function Ve(e) {
-  return e.position;
+  return !x(e.position);
 }
 function Fe(e) {
-  return !x(e.position);
+  return e.position;
 }
 function He(e) {
-  return e.position;
+  return !x(e.position);
 }
 function Ee(e) {
-  return !x(e.position);
+  return e.position;
 }
 function Pe(e) {
-  return !x(e.radius);
+  return !x(e.position);
 }
 function Re(e) {
   return !x(e.radius);
 }
 function Xe(e) {
+  return !x(e.radius);
+}
+function Ye(e) {
   const t = Ft.c(27), {
     data: n,
     circleColors: v,
@@ -250,15 +260,15 @@ function Xe(e) {
     left: it,
     right: dt
   }, t[0] = ot, t[1] = it, t[2] = dt, t[3] = X, t[4] = m) : m = t[4];
-  const f = m, nt = S - f.left - f.right, H = A - f.top - f.bottom, Q = n.filter(ao).length === 0 ? n : zt(n.filter(lo), "radius", "desc");
+  const f = m, nt = S - f.left - f.right, H = A - f.top - f.bottom, Q = n.filter(uo).length === 0 ? n : zt(n.filter(co), "radius", "desc");
   let G;
-  t[5] !== n || t[6] !== p || t[7] !== T ? (G = x(p) ? Math.max(...n.filter(so).map(ro)) < 0 && !T ? 0 : Math.max(...n.filter(no).map(io)) : p, t[5] = n, t[6] = p, t[7] = T, t[8] = G) : G = t[8];
+  t[5] !== n || t[6] !== p || t[7] !== T ? (G = x(p) ? Math.max(...n.filter(ao).map(lo)) < 0 && !T ? 0 : Math.max(...n.filter(so).map(ro)) : p, t[5] = n, t[6] = p, t[7] = T, t[8] = G) : G = t[8];
   const z = G;
   let d;
-  t[9] !== n || t[10] !== W || t[11] !== T ? (d = x(W) ? Math.min(...n.filter(oo).map(eo)) >= 0 && !T ? 0 : Math.min(...n.filter(to).map(_e)) : W, t[9] = n, t[10] = W, t[11] = T, t[12] = d) : d = t[12];
-  const s = d, l = n.filter(Qe).length !== n.length ? Kt().domain([0, x(V) ? Math.max(...n.map(Ke).filter(Je)) : V]).range([0.25, g]).nice() : void 0, y = Qt().domain([s, z]).range([0, nt]).nice(), N = y.ticks(lt);
+  t[9] !== n || t[10] !== W || t[11] !== T ? (d = x(W) ? Math.min(...n.filter(no).map(io)) >= 0 && !T ? 0 : Math.min(...n.filter(oo).map(eo)) : W, t[9] = n, t[10] = W, t[11] = T, t[12] = d) : d = t[12];
+  const s = d, l = n.filter(to).length !== n.length ? Kt().domain([0, x(V) ? Math.max(...n.map(_e).filter(Qe)) : V]).range([0.25, g]).nice() : void 0, y = Qt().domain([s, z]).range([0, nt]).nice(), N = y.ticks(lt);
   Ht(() => {
-    const o = Q.filter(Ue);
+    const o = Q.map(Ke).filter(Je);
     _t(o).force("x", te((b) => y(b.position)).strength(5)).force("y", ee((b) => H / 2).strength(1)).force("collide", oe((b) => l ? l(b.radius || 0) + 1 : g + 1)).force("charge", ie().strength(-15)).alphaDecay(0.05).tick(1e4).on("tick", () => {
       a(o);
     }).on("end", () => {
@@ -279,7 +289,7 @@ function Xe(e) {
         axis: c?.xAxis?.axis,
         label: c?.yAxis?.labels
       } }),
-      /* @__PURE__ */ i.jsx(ue, { values: N.filter(Ze), x: N.filter(qe).map((o) => y(o)), y1: 0 - X, y2: H + f.bottom, styles: {
+      /* @__PURE__ */ i.jsx(ue, { values: N.filter(Ue), x: N.filter(Ze).map((o) => y(o)), y1: 0 - X, y2: H + f.bottom, styles: {
         gridLines: c?.xAxis?.gridLines,
         labels: c?.xAxis?.labels
       }, classNames: {
@@ -287,7 +297,7 @@ function Xe(e) {
         labels: w?.xAxis?.labels
       }, suffix: M, prefix: j, labelType: "secondary", showGridLines: !0, precision: pt })
     ] }) : null,
-    ct.filter(We).map(Ie),
+    ct.filter(qe).map(We),
     u.map((o) => /* @__PURE__ */ i.jsxs("g", { className: "undp-viz-g-with-hover", transform: `translate(${o.x},${o.y})`, opacity: st ? o.color && v[B.indexOf(o.color)] === st ? 1 : at : q.length !== 0 ? q.indexOf(o.label) !== -1 ? 0.85 : at : 0.85, onMouseEnter: (b) => {
       D(o), F(b.clientY), J(b.clientX), et?.(o);
     }, onMouseMove: (b) => {
@@ -297,16 +307,16 @@ function Xe(e) {
     }, onMouseLeave: () => {
       D(void 0), J(void 0), F(void 0), et?.(void 0);
     }, children: [
-      /* @__PURE__ */ i.jsx("circle", { cx: 0, cy: 0, fill: n.filter(Be).length === 0 ? v[0] : o.color ? v[B.indexOf(o.color)] : xt.gray, radius: l ? l(o.radius || 0) : g }),
+      /* @__PURE__ */ i.jsx("circle", { cx: 0, cy: 0, fill: n.filter(Ie).length === 0 ? v[0] : o.color ? v[B.indexOf(o.color)] : xt.gray, radius: l ? l(o.radius || 0) : g }),
       (l ? l(o.radius || 0) : g) > 10 && h ? /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx("foreignObject", { y: 0 - (l ? l(o.radius || 0) : g), x: 0 - (l ? l(o.radius || 0) : g), width: 2 * (l ? l(o.radius || 0) : g), height: 2 * (l ? l(o.radius || 0) : g), children: /* @__PURE__ */ i.jsx("div", { className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5", children: h ? /* @__PURE__ */ i.jsx("p", { className: Yt("text-center leading-none m-0", w?.graphObjectValues), style: {
         fontSize: `${Math.min(Math.max(Math.round((l ? l(o.radius || 0) : g) / 4), 10), Math.max(Math.round((l ? l(o.radius || 0) : g) * 12 / `${o.label}`.length), 10), 20)}px`,
-        color: Zt(n.filter(ze).length === 0 ? v[0] : o.color ? v[B.indexOf(o.color)] : xt.gray),
+        color: Zt(n.filter(Be).length === 0 ? v[0] : o.color ? v[B.indexOf(o.color)] : xt.gray),
         hyphens: "auto",
         ...c?.graphObjectValues || {}
       }, children: o.label }) : null }) }) }) : null
     ] }, o.label)),
     I ? /* @__PURE__ */ i.jsx(i.Fragment, { children: I.map((o, b) => /* @__PURE__ */ i.jsx(le, { text: o.text, color: o.color, x: y(o.value), y1: 0 - f.top, y2: H + f.bottom, textSide: y(o.value) > nt * 0.75 || gt ? "left" : "right", classNames: o.classNames, styles: o.styles, isInView: !0 }, b)) }) : null,
-    ct.filter(Ge).map(Ye)
+    ct.filter(ze).map(Ge)
   ] }) }) : /* @__PURE__ */ i.jsx("div", { style: {
     width: `${S}px`,
     height: `${A}px`
@@ -326,47 +336,51 @@ function Xe(e) {
     C
   ] }), t[23] = L, t[24] = O, t[25] = C, t[26] = r) : r = t[26], r;
 }
-function Ye(e) {
-  return e.layer;
-}
 function Ge(e) {
-  return e.position === "after";
+  return e.layer;
 }
 function ze(e) {
-  return e.color;
+  return e.position === "after";
 }
 function Be(e) {
   return e.color;
 }
 function Ie(e) {
-  return e.layer;
+  return e.color;
 }
 function We(e) {
-  return e.position === "before";
+  return e.layer;
 }
 function qe(e) {
-  return e !== 0;
+  return e.position === "before";
 }
 function Ze(e) {
   return e !== 0;
 }
 function Ue(e) {
-  return e.position;
+  return e !== 0;
 }
 function Je(e) {
-  return e != null;
+  return e.position;
 }
 function Ke(e) {
-  return e.radius;
+  return {
+    ...e,
+    ...e.data && {
+      data: {
+        ...e.data
+      }
+    }
+  };
 }
 function Qe(e) {
-  return e.radius === void 0 || e.radius === null;
+  return e != null;
 }
 function _e(e) {
-  return e.position;
+  return e.radius;
 }
 function to(e) {
-  return !x(e.position);
+  return e.radius === void 0 || e.radius === null;
 }
 function eo(e) {
   return e.position;
@@ -387,12 +401,18 @@ function so(e) {
   return !x(e.position);
 }
 function lo(e) {
-  return !x(e.radius);
+  return e.position;
 }
 function ao(e) {
+  return !x(e.position);
+}
+function co(e) {
   return !x(e.radius);
 }
-function zo(e) {
+function uo(e) {
+  return !x(e.radius);
+}
+function Io(e) {
   const t = Ft.c(79), {
     data: n,
     graphTitle: v,
@@ -448,7 +468,7 @@ function zo(e) {
   const Q = H, G = at === void 0 ? !1 : at, z = pt === void 0 ? !1 : pt, d = ct === void 0 ? !1 : ct, s = X === void 0 ? "en" : X, l = ot === void 0 ? !0 : ot, y = it === void 0 ? 0 : it, N = dt === void 0 ? "light" : dt, L = ut === void 0 ? !0 : ut, O = D === void 0 ? "vertical" : D, C = $ === void 0 ? "" : $, r = mt === void 0 ? "" : mt, o = U === void 0 ? 5 : U, b = J === void 0 ? 0.3 : J, $t = K === void 0 ? 2 : K;
   let Mt;
   t[2] !== F ? (Mt = F === void 0 ? [] : F, t[2] = F, t[3] = Mt) : Mt = t[3];
-  const Nt = Mt, [jt, ne] = E(0), [Ot, re] = E(0), [Lt, se] = E(void 0), St = Dt(null), Et = Dt(null), At = O === "horizontal" ? Xe : xe;
+  const Nt = Mt, [jt, ne] = E(0), [Ot, re] = E(0), [Lt, se] = E(void 0), St = Dt(null), Et = Dt(null), At = O === "horizontal" ? Ye : xe;
   let Ct, kt;
   t[4] === Symbol.for("react.memo_cache_sentinel") ? (Ct = () => {
     const Pt = new ResizeObserver((Rt) => {
@@ -464,11 +484,11 @@ function zo(e) {
   }, classNames: {
     title: a?.title,
     description: a?.description
-  }, graphTitle: v, graphDescription: tt, width: h, graphDownload: z ? Et : void 0, dataDownload: d ? n.map(xo).filter(go).length > 0 ? n.map(ho).filter(po) : n.filter(fo) : null }) : null, t[6] = a?.description, t[7] = a?.title, t[8] = n, t[9] = d, t[10] = tt, t[11] = z, t[12] = v, t[13] = u?.description, t[14] = u?.title, t[15] = h, t[16] = vt) : vt = t[16];
+  }, graphTitle: v, graphDescription: tt, width: h, graphDownload: z ? Et : void 0, dataDownload: d ? n.map(yo).filter(vo).length > 0 ? n.map(xo).filter(go) : n.filter(ho) : null }) : null, t[6] = a?.description, t[7] = a?.title, t[8] = n, t[9] = d, t[10] = tt, t[11] = z, t[12] = v, t[13] = u?.description, t[14] = u?.title, t[15] = h, t[16] = vt) : vt = t[16];
   let yt;
   t[17] !== At || t[18] !== S || t[19] !== a || t[20] !== et || t[21] !== I || t[22] !== P || t[23] !== Nt || t[24] !== n || t[25] !== Y || t[26] !== b || t[27] !== Q || t[28] !== A || t[29] !== k || t[30] !== M || t[31] !== j || t[32] !== o || t[33] !== w || t[34] !== V || t[35] !== $t || t[36] !== r || t[37] !== m || t[38] !== p || t[39] !== L || t[40] !== B || t[41] !== Lt || t[42] !== W || t[43] !== f || t[44] !== l || t[45] !== nt || t[46] !== u || t[47] !== C || t[48] !== Ot || t[49] !== jt || t[50] !== N || t[51] !== g || t[52] !== ht || t[53] !== h ? (yt = n.length === 0 ? /* @__PURE__ */ i.jsx(de, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    W !== !1 && n.filter(mo).length !== 0 ? /* @__PURE__ */ i.jsx(he, { width: h, colorLegendTitle: I, colors: P || xt[N].categoricalColors.colors, colorDomain: et || Xt(n, "color", !0), setSelectedColor: se, showNAColor: l, className: a?.colorLegend }) : null,
-    /* @__PURE__ */ i.jsx(fe, { ref: St, children: jt && Ot ? /* @__PURE__ */ i.jsx(At, { data: n, circleColors: n.filter(uo).length === 0 ? P ? [P] : [xt.primaryColors["blue-600"]] : P || xt[N].categoricalColors.colors, colorDomain: n.filter(co).length === 0 ? [] : et || Xt(n, "color", !0), width: jt, selectedColor: Lt, height: Ot, showTicks: nt, leftMargin: A, rightMargin: B, topMargin: ht, bottomMargin: S, showLabels: f, tooltip: g, onSeriesMouseOver: V, refValues: p, startFromZero: !1, radius: m, maxRadiusValue: k, maxValue: M, minValue: j, highlightedDataPoints: Q, onSeriesMouseClick: w, resetSelectionOnDoubleClick: L, detailsOnClick: Y, styles: u, classNames: a, suffix: C, prefix: r, noOfTicks: o || 5, dimmedOpacity: b, precision: $t, customLayers: Nt }) : null })
+    W !== !1 && n.filter(po).length !== 0 ? /* @__PURE__ */ i.jsx(he, { width: h, colorLegendTitle: I, colors: P || xt[N].categoricalColors.colors, colorDomain: et || Xt(n, "color", !0), setSelectedColor: se, showNAColor: l, className: a?.colorLegend }) : null,
+    /* @__PURE__ */ i.jsx(fe, { ref: St, children: jt && Ot ? /* @__PURE__ */ i.jsx(At, { data: n, circleColors: n.filter(fo).length === 0 ? P ? [P] : [xt.primaryColors["blue-600"]] : P || xt[N].categoricalColors.colors, colorDomain: n.filter(mo).length === 0 ? [] : et || Xt(n, "color", !0), width: jt, selectedColor: Lt, height: Ot, showTicks: nt, leftMargin: A, rightMargin: B, topMargin: ht, bottomMargin: S, showLabels: f, tooltip: g, onSeriesMouseOver: V, refValues: p, startFromZero: !1, radius: m, maxRadiusValue: k, maxValue: M, minValue: j, highlightedDataPoints: Q, onSeriesMouseClick: w, resetSelectionOnDoubleClick: L, detailsOnClick: Y, styles: u, classNames: a, suffix: C, prefix: r, noOfTicks: o || 5, dimmedOpacity: b, precision: $t, customLayers: Nt }) : null })
   ] }), t[17] = At, t[18] = S, t[19] = a, t[20] = et, t[21] = I, t[22] = P, t[23] = Nt, t[24] = n, t[25] = Y, t[26] = b, t[27] = Q, t[28] = A, t[29] = k, t[30] = M, t[31] = j, t[32] = o, t[33] = w, t[34] = V, t[35] = $t, t[36] = r, t[37] = m, t[38] = p, t[39] = L, t[40] = B, t[41] = Lt, t[42] = W, t[43] = f, t[44] = l, t[45] = nt, t[46] = u, t[47] = C, t[48] = Ot, t[49] = jt, t[50] = N, t[51] = g, t[52] = ht, t[53] = h, t[54] = yt) : yt = t[54];
   let bt;
   t[55] !== a?.footnote || t[56] !== a?.source || t[57] !== R || t[58] !== _ || t[59] !== u?.footnote || t[60] !== u?.source || t[61] !== h ? (bt = _ || R ? /* @__PURE__ */ i.jsx(ge, { styles: {
@@ -485,31 +505,31 @@ function zo(e) {
     bt
   ] }), t[63] = lt, t[64] = G, t[65] = q, t[66] = rt, t[67] = s, t[68] = y, t[69] = st, t[70] = T, t[71] = Tt, t[72] = Vt, t[73] = vt, t[74] = yt, t[75] = bt, t[76] = N, t[77] = h, t[78] = wt) : wt = t[78], wt;
 }
-function co(e) {
+function mo(e) {
   return e.color;
 }
-function uo(e) {
+function fo(e) {
   return e.color;
 }
-function mo(e) {
+function po(e) {
   return e.color;
 }
-function fo(e) {
+function ho(e) {
   return e !== void 0;
 }
-function po(e) {
+function go(e) {
   return e !== void 0;
 }
-function ho(e) {
+function xo(e) {
   return e.data;
 }
-function go(e) {
+function vo(e) {
   return e !== void 0;
 }
-function xo(e) {
+function yo(e) {
   return e.data;
 }
 export {
-  zo as BeeSwarmChart
+  Io as BeeSwarmChart
 };
 //# sourceMappingURL=BeeSwarmChart.js.map