@undp/data-viz 1.5.1 → 1.5.3

package/dist/BeeSwarmChart.js

@@ -1,15 +1,14 @@
 import { j as i, m as he } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { u as ce } from "./index-AqnpA7_O.js";
 import { useRef as ae, useState as T, useEffect as de } from "react";
-import { i as ge } from "./index-Bwrro8-q.js";
-import { o as ue } from "./index-DvVprvy6.js";
+import { i as ue } from "./index-Bwrro8-q.js";
+import { o as ge } from "./index-DvVprvy6.js";
 import { X as me } from "./Modal-DVVwpKhP.js";
 import { y as fe } from "./Spinner-C85UF28E.js";
 import { n as xe } from "./numberFormattingFunction-14YCbkN2.js";
 import { T as pe } from "./Tooltip-CVCGWyzw.js";
 import { c as D } from "./checkIfNullOrUndefined-DmfiKkNw.js";
 import { g as ye } from "./getTextColorBasedOnBgColor-B6Nk2WBf.js";
-import { Colors as re } from "./Colors.js";
+import { Colors as se } from "./Colors.js";
 import { s as ve } from "./string2HTML-oFCROsus.js";
 import { A as be } from "./Axis-Ddg-seDi.js";
 import { X as Te } from "./XTicksAndGridLines-Bn9u5gOM.js";
@@ -21,10 +20,11 @@ import { GraphFooter as Ne } from "./GraphFooter.js";
 import { GraphHeader as $e } from "./GraphHeader.js";
 import { ColorLegendWithMouseOver as Se } from "./ColorLegendWithMouseOver.js";
 import { E as Le } from "./EmptyState-DdTp-Mdn.js";
+import { u as ce } from "./uniqBy-BHy4I8PK.js";
 import { Y as He } from "./YTicksAndGridLines-B6ah7CRf.js";
-function Fe(se) {
+function Fe(le) {
   const {
-    data: l,
+    data: o,
     circleColors: c,
     showTicks: C,
     leftMargin: ie,
@@ -46,7 +46,7 @@ function Fe(se) {
     minValue: U,
     highlightedDataPoints: J,
     onSeriesMouseClick: G,
-    rtl: le,
+    rtl: re,
     resetSelectionOnDoubleClick: K,
     detailsOnClick: A,
     suffix: N,
@@ -57,32 +57,32 @@ function Fe(se) {
     dimmedOpacity: F,
     precision: R,
     customLayers: k
-  } = se, z = ae(null), [j, v] = T(void 0), [S, I] = T(void 0), [_, Z] = T(null), [ee, m] = T(void 0), [f, d] = T(void 0), g = {
+  } = le, z = ae(null), [j, v] = T(void 0), [S, I] = T(void 0), [_, Z] = T(null), [ee, m] = T(void 0), [f, d] = T(void 0), u = {
     top: X,
     bottom: Y,
     left: ie,
     right: oe
-  }, q = b - g.left - g.right, te = w - g.top - g.bottom, O = l.filter((e) => !D(e.radius)).length === 0 ? l : ue(
-    l.filter((e) => !D(e.radius)),
+  }, q = b - u.left - u.right, te = w - u.top - u.bottom, O = o.filter((e) => !D(e.radius)).length === 0 ? o : ge(
+    o.filter((e) => !D(e.radius)),
     "radius",
     "desc"
-  ), M = D(a) ? Math.max(...l.filter((e) => !D(e.position)).map((e) => e.position)) < 0 && !W ? 0 : Math.max(...l.filter((e) => !D(e.position)).map((e) => e.position)) : a, r = D(U) ? Math.min(...l.filter((e) => !D(e.position)).map((e) => e.position)) >= 0 && !W ? 0 : Math.min(...l.filter((e) => !D(e.position)).map((e) => e.position)) : U, s = l.filter((e) => e.radius === void 0 || e.radius === null).length !== l.length ? we().domain([
+  ), M = D(a) ? Math.max(...o.filter((e) => !D(e.position)).map((e) => e.position)) < 0 && !W ? 0 : Math.max(...o.filter((e) => !D(e.position)).map((e) => e.position)) : a, s = D(U) ? Math.min(...o.filter((e) => !D(e.position)).map((e) => e.position)) >= 0 && !W ? 0 : Math.min(...o.filter((e) => !D(e.position)).map((e) => e.position)) : U, l = o.filter((e) => e.radius === void 0 || e.radius === null).length !== o.length ? we().domain([
     0,
-    D(B) ? Math.max(...l.map((e) => e.radius).filter((e) => e != null)) : B
-  ]).range([0.25, x]).nice() : void 0, L = je().domain([r, M]).range([0, q]).nice(), t = L.ticks(Q);
+    D(B) ? Math.max(...o.map((e) => e.radius).filter((e) => e != null)) : B
+  ]).range([0.25, x]).nice() : void 0, L = je().domain([s, M]).range([0, q]).nice(), t = L.ticks(Q);
   return de(() => {
     Z(null);
-    const e = O.filter((u) => u.position);
-    Me(e).force("x", Ce((u) => L(u.position)).strength(5)).force("y", Oe((u) => te / 2).strength(1)).force(
+    const e = O.filter((g) => g.position);
+    Me(e).force("x", Ce((g) => L(g.position)).strength(5)).force("y", Oe((g) => te / 2).strength(1)).force(
       "collide",
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      De((u) => s ? s(u.radius || 0) + 1 : x + 1)
+      De((g) => l ? l(g.radius || 0) + 1 : x + 1)
     ).force("charge", ke().strength(-15)).alphaDecay(0.05).tick(1e4).on("tick", () => {
       Z(e);
     }).on("end", () => {
       Z(e);
     });
-  }, [l, x, te, q, r, M, O, L, s]), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+  }, [o, x, te, q, s, M, O, L, l]), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     _ ? /* @__PURE__ */ i.jsx(
       "svg",
       {
@@ -91,24 +91,24 @@ function Fe(se) {
         viewBox: `0 0 ${b} ${w}`,
         direction: "ltr",
         ref: z,
-        children: /* @__PURE__ */ i.jsxs("g", { transform: `translate(${g.left},${g.top})`, children: [
+        children: /* @__PURE__ */ i.jsxs("g", { transform: `translate(${u.left},${u.top})`, children: [
           C ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
             /* @__PURE__ */ i.jsx(
               be,
               {
-                x1: L(r < 0 ? 0 : r),
-                x2: L(r < 0 ? 0 : r),
-                y1: 0 - g.top,
-                y2: te + g.bottom,
+                x1: L(s < 0 ? 0 : s),
+                x2: L(s < 0 ? 0 : s),
+                y1: 0 - u.top,
+                y2: te + u.bottom,
                 label: xe(
-                  r < 0 ? 0 : r,
+                  s < 0 ? 0 : s,
                   "NA",
                   R,
                   $,
                   N
                 ),
                 labelPos: {
-                  x: L(r < 0 ? 0 : r),
+                  x: L(s < 0 ? 0 : s),
                   y: 0 - X,
                   dy: "0.75em",
                   dx: 3
@@ -129,7 +129,7 @@ function Fe(se) {
                 values: t.filter((e) => e !== 0),
                 x: t.filter((e) => e !== 0).map((e) => L(e)),
                 y1: 0 - X,
-                y2: te + g.bottom,
+                y2: te + u.bottom,
                 styles: {
                   gridLines: y?.xAxis?.gridLines,
                   labels: y?.xAxis?.labels
@@ -153,14 +153,14 @@ function Fe(se) {
               className: "undp-viz-g-with-hover",
               transform: `translate(${e.x},${e.y})`,
               opacity: E ? e.color && c[n.indexOf(e.color)] === E ? 1 : F : J.length !== 0 ? J.indexOf(e.label) !== -1 ? 0.85 : F : 0.85,
-              onMouseEnter: (u) => {
-                v(e), d(u.clientY), m(u.clientX), V?.(e);
+              onMouseEnter: (g) => {
+                v(e), d(g.clientY), m(g.clientX), V?.(e);
               },
-              onMouseMove: (u) => {
-                v(e), d(u.clientY), m(u.clientX);
+              onMouseMove: (g) => {
+                v(e), d(g.clientY), m(g.clientX);
               },
               onClick: () => {
-                (G || A) && (ge(S, e) && K ? (I(void 0), G?.(void 0)) : (I(e), G?.(e)));
+                (G || A) && (ue(S, e) && K ? (I(void 0), G?.(void 0)) : (I(e), G?.(e)));
               },
               onMouseLeave: () => {
                 v(void 0), m(void 0), d(void 0), V?.(void 0);
@@ -171,17 +171,17 @@ function Fe(se) {
                   {
                     cx: 0,
                     cy: 0,
-                    fill: l.filter((u) => u.color).length === 0 ? c[0] : e.color ? c[n.indexOf(e.color)] : re.gray,
-                    radius: s ? s(e.radius || 0) : x
+                    fill: o.filter((g) => g.color).length === 0 ? c[0] : e.color ? c[n.indexOf(e.color)] : se.gray,
+                    radius: l ? l(e.radius || 0) : x
                   }
                 ),
-                (s ? s(e.radius || 0) : x) > 10 && P ? /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx(
+                (l ? l(e.radius || 0) : x) > 10 && P ? /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx(
                   "foreignObject",
                   {
-                    y: 0 - (s ? s(e.radius || 0) : x),
-                    x: 0 - (s ? s(e.radius || 0) : x),
-                    width: 2 * (s ? s(e.radius || 0) : x),
-                    height: 2 * (s ? s(e.radius || 0) : x),
+                    y: 0 - (l ? l(e.radius || 0) : x),
+                    x: 0 - (l ? l(e.radius || 0) : x),
+                    width: 2 * (l ? l(e.radius || 0) : x),
+                    height: 2 * (l ? l(e.radius || 0) : x),
                     children: /* @__PURE__ */ i.jsx("div", { className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5", children: P ? /* @__PURE__ */ i.jsx(
                       "p",
                       {
@@ -193,20 +193,20 @@ function Fe(se) {
                           fontSize: `${Math.min(
                             Math.max(
                               Math.round(
-                                (s ? s(e.radius || 0) : x) / 4
+                                (l ? l(e.radius || 0) : x) / 4
                               ),
                               10
                             ),
                             Math.max(
                               Math.round(
-                                (s ? s(e.radius || 0) : x) * 12 / `${e.label}`.length
+                                (l ? l(e.radius || 0) : x) * 12 / `${e.label}`.length
                               ),
                               10
                             ),
                             20
                           )}px`,
                           color: ye(
-                            l.filter((u) => u.color).length === 0 ? c[0] : e.color ? c[n.indexOf(e.color)] : re.gray
+                            o.filter((g) => g.color).length === 0 ? c[0] : e.color ? c[n.indexOf(e.color)] : se.gray
                           ),
                           hyphens: "auto",
                           ...y?.graphObjectValues || {}
@@ -220,20 +220,20 @@ function Fe(se) {
             },
             e.label
           )),
-          h ? /* @__PURE__ */ i.jsx(i.Fragment, { children: h.map((e, u) => /* @__PURE__ */ i.jsx(
+          h ? /* @__PURE__ */ i.jsx(i.Fragment, { children: h.map((e, g) => /* @__PURE__ */ i.jsx(
             Ve,
             {
               text: e.text,
               color: e.color,
               x: L(e.value),
-              y1: 0 - g.top,
-              y2: te + g.bottom,
-              textSide: L(e.value) > q * 0.75 || le ? "left" : "right",
+              y1: 0 - u.top,
+              y2: te + u.bottom,
+              textSide: L(e.value) > q * 0.75 || re ? "left" : "right",
               classNames: e.classNames,
               styles: e.styles,
               isInView: !0
             },
-            u
+            g
           )) }) : null,
           k.filter((e) => e.position === "after").map((e) => e.layer)
         ] })
@@ -269,9 +269,9 @@ function Fe(se) {
     ) : null
   ] });
 }
-function Pe(se) {
+function Pe(le) {
   const {
-    data: l,
+    data: o,
     graphTitle: c,
     backgroundColor: C = !1,
     topMargin: ie = 25,
@@ -293,7 +293,7 @@ function Pe(se) {
     tooltip: U,
     onSeriesMouseOver: J,
     refValues: G,
-    showColorScale: le,
+    showColorScale: re,
     graphID: K,
     radius: A = 5,
     maxRadiusValue: N,
@@ -315,15 +315,15 @@ function Pe(se) {
     styles: m,
     classNames: f,
     noOfTicks: d,
-    dimmedOpacity: g = 0.3,
+    dimmedOpacity: u = 0.3,
     precision: q = 2,
     customLayers: te = []
-  } = se, [O, M] = T(0), [r, s] = T(0), [L, t] = T(void 0), e = ae(null), u = ae(null);
+  } = le, [O, M] = T(0), [s, l] = T(0), [L, t] = T(void 0), e = ae(null), g = ae(null);
   return de(() => {
-    const o = new ResizeObserver((ne) => {
-      M(h || ne[0].target.clientWidth || 620), s(V || ne[0].target.clientHeight || 480);
+    const r = new ResizeObserver((ne) => {
+      M(h || ne[0].target.clientWidth || 620), l(V || ne[0].target.clientHeight || 480);
     });
-    return e.current && (s(e.current.clientHeight || 480), M(e.current.clientWidth || 620), h || o.observe(e.current)), () => o.disconnect();
+    return e.current && (l(e.current.clientHeight || 480), M(e.current.clientWidth || 620), h || r.observe(e.current)), () => r.disconnect();
   }, [h, V]), /* @__PURE__ */ i.jsx(
     "div",
     {
@@ -342,7 +342,7 @@ function Pe(se) {
             ...C && C !== !0 ? { backgroundColor: C } : {}
           },
           id: K,
-          ref: u,
+          ref: g,
           "aria-label": S || `${c ? `The graph shows ${c}. ` : ""}This is a bee swarm chart showing the distribution along the x-axes. ${p ? ` ${p}` : ""}`,
           children: /* @__PURE__ */ i.jsx(
             "div",
@@ -364,21 +364,18 @@ function Pe(se) {
                     graphTitle: c,
                     graphDescription: p,
                     width: h,
-                    graphDownload: F ? u.current : void 0,
-                    dataDownload: R ? l.map((o) => o.data).filter((o) => o !== void 0).length > 0 ? l.map((o) => o.data).filter((o) => o !== void 0) : l.filter((o) => o !== void 0) : null
+                    graphDownload: F ? g.current : void 0,
+                    dataDownload: R ? o.map((r) => r.data).filter((r) => r !== void 0).length > 0 ? o.map((r) => r.data).filter((r) => r !== void 0) : o.filter((r) => r !== void 0) : null
                   }
                 ) : null,
-                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: l.length === 0 ? /* @__PURE__ */ i.jsx(Le, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-                  le !== !1 && l.filter((o) => o.color).length !== 0 ? /* @__PURE__ */ i.jsx(
+                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ i.jsx(Le, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                  re !== !1 && o.filter((r) => r.color).length !== 0 ? /* @__PURE__ */ i.jsx(
                     Se,
                     {
                       width: h,
                       colorLegendTitle: x,
-                      colors: Y || re[v].categoricalColors.colors,
-                      colorDomain: W || ce(
-                        l.filter((o) => o.color),
-                        "color"
-                      ).map((o) => o.color),
+                      colors: Y || se[v].categoricalColors.colors,
+                      colorDomain: W || ce(o, "color", !0),
                       setSelectedColor: t,
                       showNAColor: z ?? !0
                     }
@@ -389,20 +386,17 @@ function Pe(se) {
                       className: "flex flex-col grow justify-center w-full leading-0",
                       ref: e,
                       "aria-label": "Graph area",
-                      children: (h || O) && (V || r) ? /* @__PURE__ */ i.jsx(
+                      children: (h || O) && (V || s) ? /* @__PURE__ */ i.jsx(
                         Fe,
                         {
-                          data: l,
-                          circleColors: l.filter((o) => o.color).length === 0 ? Y ? [Y] : [re.primaryColors["blue-600"]] : Y || re[v].categoricalColors.colors,
-                          colorDomain: l.filter((o) => o.color).length === 0 ? [] : W || ce(
-                            l.filter((o) => o.color),
-                            "color"
-                          ).map((o) => o.color),
+                          data: o,
+                          circleColors: o.filter((r) => r.color).length === 0 ? Y ? [Y] : [se.primaryColors["blue-600"]] : Y || se[v].categoricalColors.colors,
+                          colorDomain: o.filter((r) => r.color).length === 0 ? [] : W || ce(o, "color", !0),
                           width: h || O,
                           selectedColor: L,
                           height: Math.max(
                             j,
-                            V || (a ? j ? (h || O) * a > j ? (h || O) * a : j : (h || O) * a : r)
+                            V || (a ? j ? (h || O) * a > j ? (h || O) * a : j : (h || O) * a : s)
                           ),
                           showTicks: X,
                           leftMargin: w,
@@ -428,7 +422,7 @@ function Pe(se) {
                           styles: m,
                           classNames: f,
                           noOfTicks: d || 5,
-                          dimmedOpacity: g,
+                          dimmedOpacity: u,
                           precision: q,
                           customLayers: te
                         }
@@ -457,9 +451,9 @@ function Pe(se) {
     }
   );
 }
-function Re(se) {
+function Re(le) {
   const {
-    data: l,
+    data: o,
     circleColors: c,
     showTicks: C,
     leftMargin: ie,
@@ -481,7 +475,7 @@ function Re(se) {
     maxRadiusValue: U,
     maxValue: J,
     minValue: G,
-    highlightedDataPoints: le,
+    highlightedDataPoints: re,
     onSeriesMouseClick: K,
     resetSelectionOnDoubleClick: A,
     detailsOnClick: N,
@@ -491,32 +485,32 @@ function Re(se) {
     dimmedOpacity: Q,
     precision: F,
     customLayers: R
-  } = se, k = ae(null), [z, j] = T(void 0), [v, S] = T(void 0), [I, _] = T(null), [Z, ee] = T(void 0), [m, f] = T(void 0), d = {
+  } = le, k = ae(null), [z, j] = T(void 0), [v, S] = T(void 0), [I, _] = T(null), [Z, ee] = T(void 0), [m, f] = T(void 0), d = {
     top: X,
     bottom: Y,
     left: ie,
     right: oe
-  }, g = b - d.left - d.right, q = w - d.top - d.bottom, te = l.filter((t) => !D(t.radius)).length === 0 ? l : ue(
-    l.filter((t) => !D(t.radius)),
+  }, u = b - d.left - d.right, q = w - d.top - d.bottom, te = o.filter((t) => !D(t.radius)).length === 0 ? o : ge(
+    o.filter((t) => !D(t.radius)),
     "radius",
     "desc"
-  ), O = D(J) ? Math.max(...l.filter((t) => !D(t.position)).map((t) => t.position)) < 0 && !B ? 0 : Math.max(...l.filter((t) => !D(t.position)).map((t) => t.position)) : J, M = D(G) ? Math.min(...l.filter((t) => !D(t.position)).map((t) => t.position)) >= 0 && !B ? 0 : Math.min(...l.filter((t) => !D(t.position)).map((t) => t.position)) : G, r = l.filter((t) => t.radius === void 0 || t.radius === null).length !== l.length ? we().domain([
+  ), O = D(J) ? Math.max(...o.filter((t) => !D(t.position)).map((t) => t.position)) < 0 && !B ? 0 : Math.max(...o.filter((t) => !D(t.position)).map((t) => t.position)) : J, M = D(G) ? Math.min(...o.filter((t) => !D(t.position)).map((t) => t.position)) >= 0 && !B ? 0 : Math.min(...o.filter((t) => !D(t.position)).map((t) => t.position)) : G, s = o.filter((t) => t.radius === void 0 || t.radius === null).length !== o.length ? we().domain([
     0,
-    D(U) ? Math.max(...l.map((t) => t.radius).filter((t) => t != null)) : U
-  ]).range([0.25, a]).nice() : void 0, s = je().domain([M, O]).range([q, 0]).nice(), L = s.ticks(H);
+    D(U) ? Math.max(...o.map((t) => t.radius).filter((t) => t != null)) : U
+  ]).range([0.25, a]).nice() : void 0, l = je().domain([M, O]).range([q, 0]).nice(), L = l.ticks(H);
   return de(() => {
     _(null);
     const t = te.filter((e) => e.position);
-    Me(t).force("y", Oe((e) => s(e.position)).strength(5)).force("x", Ce((e) => g / 2).strength(1)).force(
+    Me(t).force("y", Oe((e) => l(e.position)).strength(5)).force("x", Ce((e) => u / 2).strength(1)).force(
       "collide",
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      De((e) => r ? r(e.radius || 0) + 1 : a + 1)
+      De((e) => s ? s(e.radius || 0) + 1 : a + 1)
     ).force("charge", ke().strength(-15)).alphaDecay(0.05).tick(1e4).on("tick", () => {
       _(t);
     }).on("end", () => {
       _(t);
     });
-  }, [l, a, q, g, M, O, te, s, r]), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+  }, [o, a, q, u, M, O, te, l, s]), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     I ? /* @__PURE__ */ i.jsx(
       "svg",
       {
@@ -530,10 +524,10 @@ function Re(se) {
             /* @__PURE__ */ i.jsx(
               be,
               {
-                y1: s(M < 0 ? 0 : M),
-                y2: s(M < 0 ? 0 : M),
+                y1: l(M < 0 ? 0 : M),
+                y2: l(M < 0 ? 0 : M),
                 x1: 0 - d.left,
-                x2: g + d.right,
+                x2: u + d.right,
                 label: xe(
                   M < 0 ? 0 : M,
                   "NA",
@@ -543,7 +537,7 @@ function Re(se) {
                 ),
                 labelPos: {
                   x: 0 - d.left,
-                  y: s(M < 0 ? 0 : M),
+                  y: l(M < 0 ? 0 : M),
                   dx: 0,
                   dy: O < 0 ? "1em" : -5
                 },
@@ -561,9 +555,9 @@ function Re(se) {
               He,
               {
                 values: L.filter((t) => t !== 0),
-                y: L.filter((t) => t !== 0).map((t) => s(t)),
+                y: L.filter((t) => t !== 0).map((t) => l(t)),
                 x1: 0 - d.left,
-                x2: g + d.right,
+                x2: u + d.right,
                 styles: {
                   gridLines: $?.yAxis?.gridLines,
                   labels: $?.yAxis?.labels
@@ -587,7 +581,7 @@ function Re(se) {
             {
               className: "undp-viz-g-with-hover",
               transform: `translate(${t.x},${t.y})`,
-              opacity: x ? t.color && c[n.indexOf(t.color)] === x ? 1 : Q : le.length !== 0 ? le.indexOf(t.label) !== -1 ? 0.85 : Q : 0.85,
+              opacity: x ? t.color && c[n.indexOf(t.color)] === x ? 1 : Q : re.length !== 0 ? re.indexOf(t.label) !== -1 ? 0.85 : Q : 0.85,
               onMouseEnter: (e) => {
                 j(t), f(e.clientY), ee(e.clientX), E?.(t);
               },
@@ -595,7 +589,7 @@ function Re(se) {
                 j(t), f(e.clientY), ee(e.clientX);
               },
               onClick: () => {
-                (K || N) && (ge(v, t) && A ? (S(void 0), K?.(void 0)) : (S(t), K?.(t)));
+                (K || N) && (ue(v, t) && A ? (S(void 0), K?.(void 0)) : (S(t), K?.(t)));
               },
               onMouseLeave: () => {
                 j(void 0), ee(void 0), f(void 0), E?.(void 0);
@@ -606,17 +600,17 @@ function Re(se) {
                   {
                     cx: 0,
                     cy: 0,
-                    r: r ? r(t.radius || 0) : a,
-                    fill: l.filter((e) => e.color).length === 0 ? c[0] : t.color ? c[n.indexOf(t.color)] : re.gray
+                    r: s ? s(t.radius || 0) : a,
+                    fill: o.filter((e) => e.color).length === 0 ? c[0] : t.color ? c[n.indexOf(t.color)] : se.gray
                   }
                 ),
-                (r ? r(t.radius || 0) : a) > 10 && V ? /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx(
+                (s ? s(t.radius || 0) : a) > 10 && V ? /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx(
                   "foreignObject",
                   {
-                    y: 0 - (r ? r(t.radius || 0) : a),
-                    x: 0 - (r ? r(t.radius || 0) : a),
-                    width: 2 * (r ? r(t.radius || 0) : a),
-                    height: 2 * (r ? r(t.radius || 0) : a),
+                    y: 0 - (s ? s(t.radius || 0) : a),
+                    x: 0 - (s ? s(t.radius || 0) : a),
+                    width: 2 * (s ? s(t.radius || 0) : a),
+                    height: 2 * (s ? s(t.radius || 0) : a),
                     children: /* @__PURE__ */ i.jsx("div", { className: "flex flex-col justify-center items-center h-inherit py-0 px-1.5", children: V ? /* @__PURE__ */ i.jsx(
                       "p",
                       {
@@ -628,13 +622,13 @@ function Re(se) {
                           fontSize: `${Math.min(
                             Math.max(
                               Math.round(
-                                (r ? r(t.radius || 0) : a) / 4
+                                (s ? s(t.radius || 0) : a) / 4
                               ),
                               10
                             ),
                             Math.max(
                               Math.round(
-                                (r ? r(t.radius || 0) : a) * 12 / `${t.label}`.length
+                                (s ? s(t.radius || 0) : a) * 12 / `${t.label}`.length
                               ),
                               10
                             ),
@@ -642,7 +636,7 @@ function Re(se) {
                           )}px`,
                           hyphens: "auto",
                           color: ye(
-                            l.filter((e) => e.color).length === 0 ? c[0] : t.color ? c[n.indexOf(t.color)] : re.gray
+                            o.filter((e) => e.color).length === 0 ? c[0] : t.color ? c[n.indexOf(t.color)] : se.gray
                           ),
                           ...$?.graphObjectValues || {}
                         },
@@ -660,9 +654,9 @@ function Re(se) {
             {
               text: t.text,
               color: t.color,
-              y: s(t.value),
+              y: l(t.value),
               x1: 0 - d.left,
-              x2: g + d.right,
+              x2: u + d.right,
               classNames: t.classNames,
               styles: t.styles,
               isInView: !0
@@ -703,9 +697,9 @@ function Re(se) {
     ) : null
   ] });
 }
-function Xe(se) {
+function Xe(le) {
   const {
-    data: l,
+    data: o,
     graphTitle: c,
     colors: C,
     sources: ie,
@@ -727,7 +721,7 @@ function Xe(se) {
     tooltip: U,
     onSeriesMouseOver: J,
     refValues: G,
-    showColorScale: le,
+    showColorScale: re,
     graphID: K,
     radius: A = 5,
     maxRadiusValue: N,
@@ -749,15 +743,15 @@ function Xe(se) {
     styles: m,
     classNames: f,
     noOfTicks: d,
-    dimmedOpacity: g = 0.3,
+    dimmedOpacity: u = 0.3,
     precision: q = 2,
     customLayers: te = []
-  } = se, [O, M] = T(0), [r, s] = T(0), [L, t] = T(void 0), e = ae(null), u = ae(null);
+  } = le, [O, M] = T(0), [s, l] = T(0), [L, t] = T(void 0), e = ae(null), g = ae(null);
   return de(() => {
-    const o = new ResizeObserver((ne) => {
-      M(n || ne[0].target.clientWidth || 620), s(w || ne[0].target.clientHeight || 480);
+    const r = new ResizeObserver((ne) => {
+      M(n || ne[0].target.clientWidth || 620), l(w || ne[0].target.clientHeight || 480);
     });
-    return e.current && (s(e.current.clientHeight || 480), M(e.current.clientWidth || 620), n || o.observe(e.current)), () => o.disconnect();
+    return e.current && (l(e.current.clientHeight || 480), M(e.current.clientWidth || 620), n || r.observe(e.current)), () => r.disconnect();
   }, [n, w]), /* @__PURE__ */ i.jsx(
     "div",
     {
@@ -776,7 +770,7 @@ function Xe(se) {
             ...p && p !== !0 ? { backgroundColor: p } : {}
           },
           id: K,
-          ref: u,
+          ref: g,
           "aria-label": S || `${c ? `The graph shows ${c}. ` : ""}This is a bee swarm chart showing the distribution along the y-axes. ${b ? ` ${b}` : ""}`,
           children: /* @__PURE__ */ i.jsx(
             "div",
@@ -798,21 +792,18 @@ function Xe(se) {
                     graphTitle: c,
                     graphDescription: b,
                     width: n,
-                    graphDownload: F ? u.current : void 0,
-                    dataDownload: R ? l.map((o) => o.data).filter((o) => o !== void 0).length > 0 ? l.map((o) => o.data).filter((o) => o !== void 0) : l.filter((o) => o !== void 0) : null
+                    graphDownload: F ? g.current : void 0,
+                    dataDownload: R ? o.map((r) => r.data).filter((r) => r !== void 0).length > 0 ? o.map((r) => r.data).filter((r) => r !== void 0) : o.filter((r) => r !== void 0) : null
                   }
                 ) : null,
-                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: l.length === 0 ? /* @__PURE__ */ i.jsx(Le, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-                  le !== !1 && l.filter((o) => o.color).length !== 0 ? /* @__PURE__ */ i.jsx(
+                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ i.jsx(Le, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                  re !== !1 && o.filter((r) => r.color).length !== 0 ? /* @__PURE__ */ i.jsx(
                     Se,
                     {
                       width: n,
                       colorLegendTitle: Y,
-                      colors: C || re[v].categoricalColors.colors,
-                      colorDomain: X || ce(
-                        l.filter((o) => o.color),
-                        "color"
-                      ).map((o) => o.color),
+                      colors: C || se[v].categoricalColors.colors,
+                      colorDomain: X || ce(o, "color", !0),
                       setSelectedColor: t,
                       showNAColor: z
                     }
@@ -823,20 +814,17 @@ function Xe(se) {
                       className: "flex flex-col grow justify-center w-full leading-0",
                       ref: e,
                       "aria-label": "Graph area",
-                      children: (n || O) && (w || r) ? /* @__PURE__ */ i.jsx(
+                      children: (n || O) && (w || s) ? /* @__PURE__ */ i.jsx(
                         Re,
                         {
-                          data: l,
-                          circleColors: l.filter((o) => o.color).length === 0 ? C ? [C] : [re.primaryColors["blue-600"]] : C || re[v].categoricalColors.colors,
-                          colorDomain: l.filter((o) => o.color).length === 0 ? [] : X || ce(
-                            l.filter((o) => o.color),
-                            "color"
-                          ).map((o) => o.color),
+                          data: o,
+                          circleColors: o.filter((r) => r.color).length === 0 ? C ? [C] : [se.primaryColors["blue-600"]] : C || se[v].categoricalColors.colors,
+                          colorDomain: o.filter((r) => r.color).length === 0 ? [] : X || ce(o, "color", !0),
                           width: n || O,
                           selectedColor: L,
                           height: Math.max(
                             j,
-                            w || (a ? j ? (n || O) * a > j ? (n || O) * a : j : (n || O) * a : r)
+                            w || (a ? j ? (n || O) * a > j ? (n || O) * a : j : (n || O) * a : s)
                           ),
                           showTicks: B,
                           leftMargin: E,
@@ -861,7 +849,7 @@ function Xe(se) {
                           suffix: Z,
                           prefix: ee,
                           noOfTicks: d || 5,
-                          dimmedOpacity: g,
+                          dimmedOpacity: u,
                           precision: q,
                           customLayers: te
                         }
@@ -890,9 +878,9 @@ function Xe(se) {
     }
   );
 }
-function ht(se) {
+function ht(le) {
   const {
-    data: l,
+    data: o,
     graphTitle: c,
     backgroundColor: C,
     topMargin: ie,
@@ -914,7 +902,7 @@ function ht(se) {
     tooltip: U,
     onSeriesMouseOver: J,
     refValues: G,
-    showColorScale: le,
+    showColorScale: re,
     graphID: K,
     radius: A,
     maxRadiusValue: N,
@@ -936,13 +924,13 @@ function ht(se) {
     styles: m,
     classNames: f,
     dimmedOpacity: d,
-    precision: g,
+    precision: u,
     customLayers: q
-  } = se;
+  } = le;
   return ee === "vertical" ? /* @__PURE__ */ i.jsx(
     Xe,
     {
-      data: l,
+      data: o,
       graphTitle: c,
       backgroundColor: C,
       topMargin: ie,
@@ -964,7 +952,7 @@ function ht(se) {
       tooltip: U,
       onSeriesMouseOver: J,
       refValues: G,
-      showColorScale: le,
+      showColorScale: re,
       graphID: K,
       radius: A,
       maxRadiusValue: N,
@@ -985,13 +973,13 @@ function ht(se) {
       classNames: f,
       noOfTicks: Z,
       dimmedOpacity: d,
-      precision: g,
+      precision: u,
       customLayers: q
     }
   ) : /* @__PURE__ */ i.jsx(
     Pe,
     {
-      data: l,
+      data: o,
       graphTitle: c,
       backgroundColor: C,
       topMargin: ie,
@@ -1013,7 +1001,7 @@ function ht(se) {
       tooltip: U,
       onSeriesMouseOver: J,
       refValues: G,
-      showColorScale: le,
+      showColorScale: re,
       graphID: K,
       radius: A,
       maxRadiusValue: N,
@@ -1034,7 +1022,7 @@ function ht(se) {
       classNames: f,
       noOfTicks: Z,
       dimmedOpacity: d,
-      precision: g,
+      precision: u,
       customLayers: q
     }
   );