@undp/data-viz 2.6.0 → 2.6.1

package/dist/ChoroplethMap.js

@@ -1,500 +1,2 @@
-import { j as t, c as Wt } from "./compiler-runtime-qHgugrLy.js";
-import { useMemo as Nt, useState as w, useRef as Ae, useEffect as We, useEffectEvent as Mt } from "react";
-import { SliderUI as At } from "@undp/design-system-react/SliderUI";
-import { Spinner as _t } from "@undp/design-system-react/Spinner";
-import { f as Lt, p as Ft } from "./parse-Dv4of-PN.js";
-import { i as $t } from "./index-Bwrro8-q.js";
-import { i as St, z as Tt, a as Ht, g as Ut, b as Gt, c as Vt, d as Rt, e as qt, f as Xt } from "./index-CKpKc9DR.js";
-import { P as lt } from "@undp/design-system-react/Typography";
-import { i as Yt } from "./index-DCsFBfJ_.js";
-import { cn as Zt } from "@undp/design-system-react/cn";
-import { n as kt } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as Jt } from "./Tooltip-DO56mY4b.js";
-import { c as Kt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { X as Qt, E as eo, P as to, e as oo } from "./index-D_ls5oK8.js";
-import { D as ao } from "./DetailsModal-k-Me_U_T.js";
-import { ImageDownloadButton as ro } from "./ImageDownloadButton.js";
-import { CsvDownloadButton as no } from "./CsvDownloadButton.js";
-import { o as io } from "./ordinal-CHaxGJ_l.js";
-import { t as so } from "./threshold-DFfqcDMa.js";
-import { s as wt } from "./select-DKy99ogv.js";
-import { m as ct } from "./proxy-D31SA_aE.js";
-import { u as lo } from "./use-in-view-Co5SmzfT.js";
-import { A as co } from "./index-CNUlPiEL.js";
-import { GraphFooter as mo } from "./GraphFooter.js";
-import { GraphHeader as po } from "./GraphHeader.js";
-import { Colors as dt } from "./Colors.js";
-import { b as Ot } from "./fetchAndParseData-CDjQZ1fL.js";
-import { g as uo } from "./getUniqValue-DsqSii6M.js";
-import { g as ho } from "./getJenks-DTCcQSDi.js";
-import { g as fo } from "./getSliderMarks-DSxFGb1f.js";
-import { a as go, G as yo } from "./GraphContainer-DcOM2CI6.js";
-function vo(m) {
-  const {
-    data: e,
-    colorDomain: a,
-    colors: r,
-    mapData: T,
-    colorLegendTitle: N,
-    categorical: E,
-    height: v,
-    width: u,
-    scale: g,
-    centerPoint: H,
-    tooltip: ee,
-    mapBorderWidth: q,
-    mapBorderColor: te,
-    mapNoDataColor: be,
-    onSeriesMouseOver: oe,
-    showColorScale: je,
-    zoomScaleExtend: _e,
-    zoomTranslateExtend: Le,
-    highlightedIds: b,
-    onSeriesMouseClick: ae,
-    mapProperty: y,
-    resetSelectionOnDoubleClick: De,
-    detailsOnClick: X,
-    styles: Fe,
-    classNames: re,
-    mapProjection: I,
-    zoomInteraction: z,
-    animate: M,
-    dimmedOpacity: P,
-    customLayers: ne,
-    collapseColorScaleByDefault: ke,
-    zoomAndCenterByHighlightedIds: we,
-    projectionRotate: U,
-    rewindCoordinatesInMapData: Y,
-    overlayMapData: Z,
-    overlayMapBorderColor: $e,
-    overlayMapBorderWidth: Te,
-    numberDisplayOptions: j,
-    graphDownload: ie,
-    dataDownload: W
-  } = m, i = Nt(() => Y ? St(T, {
-    reverse: !0
-  }) : T, [T, Y]), h = Nt(() => !Y || !Z ? Z : St(Z, {
-    reverse: !0
-  }), [Z, Y]), [S, D] = w(void 0), se = Ae(null), [He, J] = w(ke === void 0 ? !(u < 680) : !ke), [G, K] = w(void 0), [A, le] = w(void 0), [Ce, f] = w(void 0), [ce, k] = w(void 0), O = Ae(null), B = lo(O, {
-    once: M.once,
-    amount: M.amount
-  }), de = Ae(null), Ne = E ? io().domain(a).range(r) : so().domain(a).range(r);
-  We(() => {
-    const o = wt(de.current), n = wt(O.current), p = (c) => {
-      if (z === "noZoom") return !1;
-      if (z === "button") return !c.type.includes("wheel");
-      const Be = c.type === "wheel", Ee = c.type.startsWith("touch"), he = c.type === "mousedown" || c.type === "mousemove";
-      return Ee ? !0 : Be ? z === "scroll" ? !0 : c.ctrlKey : he && !c.button && !c.ctrlKey;
-    }, x = Tt().scaleExtent(_e).translateExtent(Le || [[-20, -20], [u + 20, v + 20]]).filter(p).on("zoom", ({
-      transform: c
-    }) => {
-      o.attr("transform", c);
-    });
-    n.call(x), se.current = x;
-  }, [v, u, z]);
-  const V = Ht({
-    ...i,
-    features: we ? i.features.filter(
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (o) => (b || []).length === 0 || b?.indexOf(o.properties[y]) !== -1
-    ) : i.features
-  }), _ = Yt({
-    ...i,
-    features: we ? i.features.filter(
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (o) => (b || []).length === 0 || b?.indexOf(o.properties[y]) !== -1
-    ) : i.features
-  }), Me = (V[2] - V[0]) * 1.15, me = (V[3] - V[1]) * 1.15, Se = u * 190 / 960 * 360 / Me, pe = v * 190 / 678 * 180 / me, L = g * Math.min(Se, pe), Oe = I === "mercator" ? Ut().rotate(U).center(H || _.geometry.coordinates).translate([u / 2, v / 2]).scale(L) : I === "equalEarth" ? Gt().rotate(U).center(H || _.geometry.coordinates).translate([u / 2, v / 2]).scale(L) : I === "naturalEarth" ? Vt().rotate(U).center(H || _.geometry.coordinates).translate([u / 2, v / 2]).scale(L) : I === "orthographic" ? Rt().rotate(U).center(H || _.geometry.coordinates).translate([u / 2, v / 2]).scale(L) : qt().rotate(U).center(H || _.geometry.coordinates).translate([u / 2, v / 2]).scale(L), R = Xt().projection(Oe), ue = (o) => {
-    if (!O.current || !se.current) return;
-    wt(O.current).call(se.current.scaleBy, o === "in" ? 1.2 : 1 / 1.2);
-  };
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ t.jsx(ct.svg, { width: `${u}px`, height: `${v}px`, viewBox: `0 0 ${u} ${v}`, ref: O, direction: "ltr", children: /* @__PURE__ */ t.jsxs("g", { ref: de, children: [
-        ne.filter((o) => o.position === "before").map((o) => o.layer),
-        i.features.map((o, n) => {
-          if (!o.properties?.[y]) return null;
-          const p = R(o);
-          return p ? /* @__PURE__ */ t.jsx(ct.g, { opacity: S ? P : b ? b.indexOf(o.properties[y]) !== -1 ? 1 : P : 1, children: /* @__PURE__ */ t.jsx("path", { d: p, style: {
-            stroke: te,
-            strokeWidth: q,
-            fill: be,
-            vectorEffect: "non-scaling-stroke"
-          } }) }, n) : null;
-        }),
-        /* @__PURE__ */ t.jsx(co, { children: e.map((o) => {
-          const n = i.features.findIndex(
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            (c) => o.id === c.properties[y]
-          );
-          if (n === -1) return null;
-          const p = R(i.features[n]);
-          if (!p) return null;
-          const x = Kt(o.x) ? be : (
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            Ne(o.x)
-          );
-          return /* @__PURE__ */ t.jsx(ct.g, { className: "undp-map-shapes", variants: {
-            initial: {
-              opacity: 0
-            },
-            whileInView: {
-              opacity: S ? S === x && (!b || b.indexOf(o.id) !== -1) ? 1 : P : b ? b.indexOf(o.id) !== -1 ? 1 : P : 1,
-              transition: {
-                duration: M.duration
-              }
-            }
-          }, initial: "initial", animate: B ? "whileInView" : "initial", exit: {
-            opacity: 0,
-            transition: {
-              duration: M.duration
-            }
-          }, onMouseEnter: (c) => {
-            le(o), k(c.clientY), f(c.clientX), oe?.(o);
-          }, onMouseMove: (c) => {
-            le(o), k(c.clientY), f(c.clientX);
-          }, onMouseLeave: () => {
-            le(void 0), f(void 0), k(void 0), oe?.(void 0);
-          }, onClick: () => {
-            (ae || X) && ($t(G, o) && De ? (K(void 0), ae?.(void 0)) : (K(o), ae?.(o)));
-          }, children: /* @__PURE__ */ t.jsx(ct.path, { d: p, variants: {
-            initial: {
-              fill: x,
-              opacity: 0
-            },
-            whileInView: {
-              fill: x,
-              opacity: 1,
-              transition: {
-                duration: M.duration
-              }
-            }
-          }, initial: "initial", animate: B ? "whileInView" : "initial", exit: {
-            opacity: 0,
-            transition: {
-              duration: M.duration
-            }
-          }, style: {
-            stroke: te,
-            strokeWidth: q,
-            vectorEffect: "non-scaling-stroke"
-          } }, `${o.id}`) }, o.id);
-        }) }),
-        A ? i.features.filter(
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          (o) => o.properties[y] === A.id
-        ).map((o, n) => /* @__PURE__ */ t.jsx("path", { d: R(o) || "", className: "stroke-primary-gray-700 dark:stroke-primary-gray-300", style: {
-          fill: "none",
-          fillOpacity: 0,
-          strokeWidth: "0.5",
-          vectorEffect: "non-scaling-stroke"
-        } }, n)) : null,
-        h?.features.map((o, n) => {
-          const p = R(o);
-          return p ? /* @__PURE__ */ t.jsx("g", { children: /* @__PURE__ */ t.jsx("path", { d: p, style: {
-            stroke: $e || te,
-            strokeWidth: Te || q + 1,
-            fill: "none",
-            pointerEvents: "none",
-            vectorEffect: "non-scaling-stroke"
-          } }) }, n) : null;
-        }),
-        ne.filter((o) => o.position === "after").map((o) => o.layer)
-      ] }) }),
-      je === !1 ? null : /* @__PURE__ */ t.jsx("div", { className: Zt("absolute left-4 bottom-4 map-color-legend", re?.colorLegend), children: He ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsx("div", { className: "color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]", onClick: () => {
-          J(!1);
-        }, children: /* @__PURE__ */ t.jsx(Qt, {}) }),
-        /* @__PURE__ */ t.jsxs("div", { className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]", style: {
-          width: E || a.length < 2 ? void 0 : "340px"
-        }, children: [
-          N && N !== "" ? /* @__PURE__ */ t.jsx(lt, { size: "xs", marginBottom: "xs", className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300", style: {
-            display: "-webkit-box",
-            WebkitLineClamp: "1",
-            WebkitBoxOrient: "vertical"
-          }, children: N }) : null,
-          !E && a.length > 1 ? /* @__PURE__ */ t.jsx("svg", { width: "100%", viewBox: "0 0 320 30", direction: "ltr", children: /* @__PURE__ */ t.jsxs("g", { children: [
-            a.map((o, n) => /* @__PURE__ */ t.jsxs("g", { onMouseOver: () => {
-              D(r[n]);
-            }, onMouseLeave: () => {
-              D(void 0);
-            }, className: "cursor-pointer", children: [
-              /* @__PURE__ */ t.jsx("rect", { x: n * 320 / r.length + 1, y: 1, width: 320 / r.length - 2, height: 8, className: S === r[n] ? "stroke-primary-gray-700 dark:stroke-primary-gray-300" : "", style: {
-                fill: r[n],
-                ...S === r[n] ? {} : {
-                  stroke: r[n]
-                }
-              } }),
-              /* @__PURE__ */ t.jsx("text", { x: (n + 1) * 320 / r.length, y: 25, className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", style: {
-                textAnchor: "middle"
-              }, children: kt(o, "NA", j?.precision ?? 2, void 0, void 0, j?.locale || "en", j?.padZeros || !1) })
-            ] }, n)),
-            /* @__PURE__ */ t.jsx("g", { children: /* @__PURE__ */ t.jsx("rect", { onMouseOver: () => {
-              D(r[a.length]);
-            }, onMouseLeave: () => {
-              D(void 0);
-            }, x: a.length * 320 / r.length + 1, y: 1, width: 320 / r.length - 2, height: 8, className: `cursor-pointer ${S === r[a.length] ? "stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`, style: {
-              fill: r[a.length],
-              ...S === r[a.length] ? {} : {
-                stroke: r[a.length]
-              }
-            } }) })
-          ] }) }) : E ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-3", children: a.map((o, n) => /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
-            D(r[n % r.length]);
-          }, onMouseLeave: () => {
-            D(void 0);
-          }, children: [
-            /* @__PURE__ */ t.jsx("div", { className: "w-2 h-2 rounded-full", style: {
-              backgroundColor: r[n % r.length]
-            } }),
-            /* @__PURE__ */ t.jsx(lt, { size: "sm", marginBottom: "none", leading: "none", children: o })
-          ] }, n)) }) : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
-              D(r[0]);
-            }, onMouseLeave: () => {
-              D(void 0);
-            }, children: [
-              /* @__PURE__ */ t.jsx("div", { className: "w-2 h-2 rounded-full", style: {
-                backgroundColor: r[0]
-              } }),
-              /* @__PURE__ */ t.jsx(lt, { size: "sm", marginBottom: "none", leading: "none", children: `<= ${kt(a[0], "NA", j?.precision ?? 2, void 0, void 0, j?.locale || "en", j?.padZeros || !1)}` })
-            ] }),
-            /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
-              D(r[1]);
-            }, onMouseLeave: () => {
-              D(void 0);
-            }, children: [
-              /* @__PURE__ */ t.jsx("div", { className: "w-2 h-2 rounded-full", style: {
-                backgroundColor: r[1]
-              } }),
-              /* @__PURE__ */ t.jsx(lt, { size: "sm", marginBottom: "none", leading: "none", children: `> ${kt(a[0], "NA", j?.precision ?? 2, void 0, void 0, j?.locale || "en", j?.padZeros || !1)}` })
-            ] })
-          ] })
-        ] })
-      ] }) : /* @__PURE__ */ t.jsx("button", { type: "button", className: "p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button", onClick: () => {
-        J(!0);
-      }, children: /* @__PURE__ */ t.jsx(eo, {}) }) }),
-      z === "button" && /* @__PURE__ */ t.jsxs("div", { className: "absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons", children: [
-        /* @__PURE__ */ t.jsx("button", { onClick: () => ue("in"), className: "leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100", children: "+" }),
-        /* @__PURE__ */ t.jsx("button", { onClick: () => ue("out"), className: "leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100", children: "–" })
-      ] }),
-      (ie || W) && /* @__PURE__ */ t.jsxs("div", { className: "absolute right-4 top-4 flex flex-col image-download-button gap-2", children: [
-        ie && /* @__PURE__ */ t.jsx(ro, { nodeID: ie, buttonSmall: !0, className: "p-1" }),
-        W && W.length > 0 && /* @__PURE__ */ t.jsx(no, { csvData: W, buttonSmall: !0, headers: Object.keys(W[0]).map((o) => ({
-          label: o,
-          key: o
-        })), className: "p-1" })
-      ] })
-    ] }),
-    X && G !== void 0 ? /* @__PURE__ */ t.jsx(ao, { body: X, data: G, setData: K, className: re?.modal }) : null,
-    A && ee && Ce && ce ? /* @__PURE__ */ t.jsx(Jt, { data: A, body: ee, xPos: Ce, yPos: ce, backgroundStyle: Fe?.tooltip, className: re?.tooltip }) : null
-  ] });
-}
-function na(m) {
-  const e = Wt.c(133), {
-    data: a,
-    mapData: r,
-    graphTitle: T,
-    colors: N,
-    sources: E,
-    graphDescription: v,
-    height: u,
-    width: g,
-    footNote: H,
-    colorDomain: ee,
-    colorLegendTitle: q,
-    scaleType: te,
-    scale: be,
-    centerPoint: oe,
-    padding: je,
-    mapBorderWidth: _e,
-    mapNoDataColor: Le,
-    backgroundColor: b,
-    mapBorderColor: ae,
-    relativeHeight: y,
-    tooltip: De,
-    onSeriesMouseOver: X,
-    isWorldMap: Fe,
-    showColorScale: re,
-    zoomScaleExtend: I,
-    zoomTranslateExtend: z,
-    graphID: M,
-    highlightedIds: P,
-    onSeriesMouseClick: ne,
-    mapProperty: ke,
-    graphDownload: we,
-    dataDownload: U,
-    showAntarctica: Y,
-    language: Z,
-    minHeight: $e,
-    theme: Te,
-    ariaLabel: j,
-    resetSelectionOnDoubleClick: ie,
-    detailsOnClick: W,
-    styles: i,
-    classNames: h,
-    mapProjection: S,
-    zoomInteraction: D,
-    animate: se,
-    dimmedOpacity: He,
-    customLayers: J,
-    timeline: G,
-    collapseColorScaleByDefault: K,
-    projectionRotate: A,
-    zoomAndCenterByHighlightedIds: le,
-    rewindCoordinatesInMapData: Ce,
-    mapOverlay: f,
-    numberDisplayOptions: ce
-  } = m, k = r === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json" : r, O = H === void 0 ? "The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries." : H, B = te === void 0 ? "threshold" : te, de = be === void 0 ? 0.95 : be, Ne = _e === void 0 ? 0.5 : _e, V = Le === void 0 ? dt.light.graphNoData : Le, _ = b === void 0 ? !1 : b, Me = ae === void 0 ? dt.light.grays["gray-500"] : ae, me = Fe === void 0 ? !0 : Fe, Se = re === void 0 ? !0 : re;
-  let pe;
-  e[0] !== I ? (pe = I === void 0 ? [0.8, 6] : I, e[0] = I, e[1] = pe) : pe = e[1];
-  const L = pe, Oe = ke === void 0 ? "ISO3" : ke, R = we === void 0 ? !1 : we, ue = U === void 0 ? !1 : U, o = Y === void 0 ? !1 : Y, n = Z === void 0 ? "en" : Z, p = $e === void 0 ? 0 : $e, x = Te === void 0 ? "light" : Te, c = ie === void 0 ? !0 : ie, Be = S === void 0 ? "naturalEarth" : S, Ee = D === void 0 ? "button" : D, he = se === void 0 ? !1 : se, mt = He === void 0 ? 0.3 : He;
-  let Ue;
-  e[2] !== J ? (Ue = J === void 0 ? [] : J, e[2] = J, e[3] = Ue) : Ue = e[3];
-  const pt = Ue;
-  let Ge;
-  e[4] !== G ? (Ge = G === void 0 ? {
-    enabled: !1,
-    autoplay: !1,
-    showOnlyActiveDate: !0
-  } : G, e[4] = G, e[5] = Ge) : Ge = e[5];
-  const s = Ge;
-  let Ve;
-  e[6] !== A ? (Ve = A === void 0 ? [0, 0] : A, e[6] = A, e[7] = Ve) : Ve = e[7];
-  const ut = Ve, ht = le === void 0 ? !1 : le, ft = Ce === void 0 ? !0 : Ce, [Q, Bt] = w(0), [Ie, Et] = w(0), [F, It] = w(s.autoplay);
-  let ze;
-  if (e[8] !== a || e[9] !== s.dateFormat) {
-    let l;
-    e[11] !== s.dateFormat ? (l = (C) => Ft(`${C.date}`, s.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), e[11] = s.dateFormat, e[12] = l) : l = e[12], ze = [...new Set(a.filter(Mo).map(l))], ze.sort(No), e[8] = a, e[9] = s.dateFormat, e[10] = ze;
-  } else
-    ze = e[10];
-  const d = ze, [$, gt] = w(s.autoplay ? 0 : d.length - 1), [fe, zt] = w(void 0), [yt, Pt] = w(void 0), vt = Ae(null), Ct = Ae(null);
-  let Re, qe;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Re = () => {
-    const l = new ResizeObserver((C) => {
-      Bt(C[0].target.clientWidth || 620), Et(C[0].target.clientHeight || 480);
-    });
-    return vt.current && l.observe(vt.current), () => l.disconnect();
-  }, qe = [], e[13] = Re, e[14] = qe) : (Re = e[13], qe = e[14]), We(Re, qe);
-  let Xe;
-  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Xe = (l) => {
-    zt(l);
-  }, e[15] = Xe) : Xe = e[15];
-  const Ye = Mt(Xe);
-  let Ze;
-  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Ze = (l) => {
-    Pt(l);
-  }, e[16] = Ze) : Ze = e[16];
-  const Pe = Mt(Ze);
-  let Je;
-  e[17] !== k || e[18] !== Ye ? (Je = () => {
-    typeof k == "string" ? Ot(k).then((C) => {
-      Ye(C);
-    }) : Ye(k);
-  }, e[17] = k, e[18] = Ye, e[19] = Je) : Je = e[19];
-  let Ke;
-  e[20] !== k ? (Ke = [k], e[20] = k, e[21] = Ke) : Ke = e[21], We(Je, Ke);
-  let Qe;
-  e[22] !== f?.mapData || e[23] !== Pe ? (Qe = () => {
-    f?.mapData || Pe(void 0), typeof f?.mapData == "string" ? Ot(f?.mapData).then((C) => {
-      Pe(C);
-    }) : Pe(f?.mapData);
-  }, e[22] = f?.mapData, e[23] = Pe, e[24] = Qe) : Qe = e[24];
-  const xt = f?.mapData;
-  let et;
-  e[25] !== xt ? (et = [xt], e[25] = xt, e[26] = et) : et = e[26], We(Qe, et);
-  let tt;
-  e[27] !== ee || e[28] !== N?.length || e[29] !== a || e[30] !== B ? (tt = ee || (B === "categorical" ? uo(a, "x") : ho(a.map(Co), N?.length || 4)), e[27] = ee, e[28] = N?.length, e[29] = a, e[30] = B, e[31] = tt) : tt = e[31];
-  const ot = tt;
-  let at, rt;
-  e[32] !== F || e[33] !== s.speed || e[34] !== d ? (at = () => {
-    const l = setInterval(() => {
-      gt((C) => C < d.length - 1 ? C + 1 : 0);
-    }, (s.speed || 2) * 1e3);
-    return F || clearInterval(l), () => clearInterval(l);
-  }, rt = [d, F, s.speed], e[32] = F, e[33] = s.speed, e[34] = d, e[35] = at, e[36] = rt) : (at = e[35], rt = e[36]), We(at, rt);
-  const bt = s.dateFormat || "yyyy";
-  let nt;
-  e[37] !== $ || e[38] !== bt || e[39] !== s.showOnlyActiveDate || e[40] !== d ? (nt = fo(d, $, s.showOnlyActiveDate, bt), e[37] = $, e[38] = bt, e[39] = s.showOnlyActiveDate, e[40] = d, e[41] = nt) : nt = e[41];
-  const it = nt, jt = h?.graphContainer, Dt = i?.graphContainer;
-  let ge;
-  e[42] !== h?.description || e[43] !== h?.title || e[44] !== v || e[45] !== T || e[46] !== i?.description || e[47] !== i?.title || e[48] !== g ? (ge = T || v ? /* @__PURE__ */ t.jsx(po, { styles: {
-    title: i?.title,
-    description: i?.description
-  }, classNames: {
-    title: h?.title,
-    description: h?.description
-  }, graphTitle: T, graphDescription: v, width: g }) : null, e[42] = h?.description, e[43] = h?.title, e[44] = v, e[45] = T, e[46] = i?.description, e[47] = i?.title, e[48] = g, e[49] = ge) : ge = e[49];
-  let ye;
-  e[50] !== $ || e[51] !== it || e[52] !== F || e[53] !== s.enabled || e[54] !== d ? (ye = s.enabled && d.length > 0 && it ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
-    /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => {
-      It(!F);
-    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": F ? "Click to pause animation" : "Click to play animation", children: F ? /* @__PURE__ */ t.jsx(to, {}) : /* @__PURE__ */ t.jsx(oo, {}) }),
-    /* @__PURE__ */ t.jsx(At, { min: d[0], max: d[d.length - 1], marks: it, step: null, defaultValue: d[d.length - 1], value: d[$], onChangeComplete: (l) => {
-      gt(d.indexOf(l));
-    }, onChange: (l) => {
-      gt(d.indexOf(l));
-    }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
-  ] }) : null, e[50] = $, e[51] = it, e[52] = F, e[53] = s.enabled, e[54] = d, e[55] = ye) : ye = e[55];
-  let ve;
-  e[56] !== he || e[57] !== oe || e[58] !== h || e[59] !== K || e[60] !== q || e[61] !== N || e[62] !== pt || e[63] !== a || e[64] !== ue || e[65] !== W || e[66] !== mt || e[67] !== ot || e[68] !== R || e[69] !== u || e[70] !== P || e[71] !== $ || e[72] !== me || e[73] !== Me || e[74] !== Ne || e[75] !== V || e[76] !== f?.mapBorderColor || e[77] !== f?.mapBorderWidth || e[78] !== Be || e[79] !== Oe || e[80] !== fe || e[81] !== p || e[82] !== ce || e[83] !== ne || e[84] !== X || e[85] !== yt || e[86] !== ut || e[87] !== y || e[88] !== c || e[89] !== ft || e[90] !== de || e[91] !== B || e[92] !== o || e[93] !== Se || e[94] !== i || e[95] !== Ie || e[96] !== Q || e[97] !== x || e[98] !== s.dateFormat || e[99] !== s.enabled || e[100] !== De || e[101] !== d || e[102] !== g || e[103] !== ht || e[104] !== Ee || e[105] !== L || e[106] !== z ? (ve = /* @__PURE__ */ t.jsx(go, { ref: vt, children: Q && Ie && fe ? /* @__PURE__ */ t.jsx(vo, { data: a.filter((l) => s.enabled ? `${l.date}` === Lt(new Date(d[$]), s.dateFormat || "yyyy") : l), mapData: o ? fe : {
-    ...fe,
-    features: fe.features.filter(wo)
-  }, colorDomain: ot, width: Q, height: Ie, scale: de, centerPoint: oe, colors: N || (B === "categorical" ? dt[x].categoricalColors.colors : dt[x].sequentialColors[`neutralColorsx0${ot.length + 1}`]), colorLegendTitle: q, mapBorderWidth: Ne, mapNoDataColor: V, categorical: B === "categorical", mapBorderColor: Me, tooltip: De, onSeriesMouseOver: X, isWorldMap: me, showColorScale: Se, zoomScaleExtend: L, zoomTranslateExtend: z, onSeriesMouseClick: ne, mapProperty: Oe, highlightedIds: P, resetSelectionOnDoubleClick: c, styles: i, overlayMapData: yt, overlayMapBorderColor: f?.mapBorderColor, overlayMapBorderWidth: f?.mapBorderWidth, classNames: h, detailsOnClick: W, mapProjection: Be || (me ? "naturalEarth" : "mercator"), zoomInteraction: Ee, dimmedOpacity: mt, animate: he === !0 ? {
-    duration: 0.5,
-    once: !0,
-    amount: 0.5
-  } : he || {
-    duration: 0,
-    once: !0,
-    amount: 0
-  }, customLayers: pt, zoomAndCenterByHighlightedIds: ht, collapseColorScaleByDefault: K, projectionRotate: ut, rewindCoordinatesInMapData: ft, numberDisplayOptions: ce, graphDownload: R ? Ct : void 0, dataDownload: ue ? a.map(ko).filter(Do).length > 0 ? a.map(jo).filter(bo) : a.filter(xo) : null }) : /* @__PURE__ */ t.jsx("div", { style: {
-    height: `${Math.max(p, u || (y ? p ? (g || Q) * y > p ? (g || Q) * y : p : (g || Q) * y : Ie))}px`
-  }, className: "flex items-center justify-center", children: /* @__PURE__ */ t.jsx(_t, { "aria-label": "Loading graph" }) }) }), e[56] = he, e[57] = oe, e[58] = h, e[59] = K, e[60] = q, e[61] = N, e[62] = pt, e[63] = a, e[64] = ue, e[65] = W, e[66] = mt, e[67] = ot, e[68] = R, e[69] = u, e[70] = P, e[71] = $, e[72] = me, e[73] = Me, e[74] = Ne, e[75] = V, e[76] = f?.mapBorderColor, e[77] = f?.mapBorderWidth, e[78] = Be, e[79] = Oe, e[80] = fe, e[81] = p, e[82] = ce, e[83] = ne, e[84] = X, e[85] = yt, e[86] = ut, e[87] = y, e[88] = c, e[89] = ft, e[90] = de, e[91] = B, e[92] = o, e[93] = Se, e[94] = i, e[95] = Ie, e[96] = Q, e[97] = x, e[98] = s.dateFormat, e[99] = s.enabled, e[100] = De, e[101] = d, e[102] = g, e[103] = ht, e[104] = Ee, e[105] = L, e[106] = z, e[107] = ve) : ve = e[107];
-  let xe;
-  e[108] !== h?.footnote || e[109] !== h?.source || e[110] !== O || e[111] !== E || e[112] !== i?.footnote || e[113] !== i?.source || e[114] !== g ? (xe = E || O ? /* @__PURE__ */ t.jsx(mo, { styles: {
-    footnote: i?.footnote,
-    source: i?.source
-  }, classNames: {
-    footnote: h?.footnote,
-    source: h?.source
-  }, sources: E, footNote: O, width: g }) : null, e[108] = h?.footnote, e[109] = h?.source, e[110] = O, e[111] = E, e[112] = i?.footnote, e[113] = i?.source, e[114] = g, e[115] = xe) : xe = e[115];
-  let st;
-  return e[116] !== j || e[117] !== _ || e[118] !== M || e[119] !== u || e[120] !== n || e[121] !== p || e[122] !== je || e[123] !== y || e[124] !== jt || e[125] !== Dt || e[126] !== ge || e[127] !== ye || e[128] !== ve || e[129] !== xe || e[130] !== x || e[131] !== g ? (st = /* @__PURE__ */ t.jsxs(yo, { className: jt, style: Dt, id: M, ref: Ct, "aria-label": j, backgroundColor: _, theme: x, language: n, minHeight: p, width: g, height: u, relativeHeight: y, padding: je, children: [
-    ge,
-    ye,
-    ve,
-    xe
-  ] }), e[116] = j, e[117] = _, e[118] = M, e[119] = u, e[120] = n, e[121] = p, e[122] = je, e[123] = y, e[124] = jt, e[125] = Dt, e[126] = ge, e[127] = ye, e[128] = ve, e[129] = xe, e[130] = x, e[131] = g, e[132] = st) : st = e[132], st;
-}
-function xo(m) {
-  return m !== void 0;
-}
-function bo(m) {
-  return m !== void 0;
-}
-function jo(m) {
-  return m.data;
-}
-function Do(m) {
-  return m !== void 0;
-}
-function ko(m) {
-  return m.data;
-}
-function wo(m) {
-  return m.properties?.NAME !== "Antarctica";
-}
-function Co(m) {
-  return m.x;
-}
-function No(m, e) {
-  return m - e;
-}
-function Mo(m) {
-  return m.date;
-}
-export {
-  na as ChoroplethMap
-};
-//# sourceMappingURL=ChoroplethMap.js.map
+import { t as e } from "./ChoroplethMap-CBnFBOj8.js";
+export { e as ChoroplethMap };

package/dist/CirclePackingGraph-Rl84B8C1.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Colors.cjs`),r=require(`./GraphFooter.cjs`),i=require(`./GraphHeader.cjs`),a=require(`./checkIfNullOrUndefined-DYvc3fz_.cjs`),o=require(`./uniqBy-DTdieuuc.cjs`),s=require(`./GraphContainer-7xAPK4Tb.cjs`),c=require(`./lodash.orderby-Us2PHq2D.cjs`),l=require(`./ColorLegendWithMouseOver.cjs`),u=require(`./EmptyState-Bq7ZJmZB.cjs`),d=require(`./pow-DXd5n928.cjs`),f=require(`./numberFormattingFunction-Caf5NyIo.cjs`),p=require(`./DetailsModal-CtGqGcX9.cjs`),m=require(`./Tooltip-CO_iOj_w.cjs`),h=require(`./getTextColorBasedOnBgColor-B0B-azeJ.cjs`),g=require(`./y-B6sP7d7V.cjs`);let _=require(`@undp/design-system-react/cn`),v=require(`react`),y=require(`@undp/design-system-react/Spinner`),b=require(`@undp/design-system-react/Typography`);function x(e,t){let n,r;if(t===void 0)for(let t of e)t!=null&&(n===void 0?t>=t&&(n=r=t):(n>t&&(n=t),r<t&&(r=t)));else{let i=-1;for(let a of e)(a=t(a,++i,e))!=null&&(n===void 0?a>=a&&(n=r=a):(n>a&&(n=a),r<a&&(r=a)))}return[n,r]}function S(e){return function(){return e}}function ee(e,t,n,r){var i=S(.1),a=!0,o=S(Math.min((n-e)/2,(r-t)/2)),s,c,l,u,d,f,p,m,h,g;typeof e!=`function`&&(e=S(e==null?-100:+e)),typeof n!=`function`&&(n=S(n==null?100:+n)),typeof t!=`function`&&(t=S(t==null?-100:+t)),typeof r!=`function`&&(r=S(r==null?100:+r));function _(e,t,n,r,i){return(e-t)*Math.min(2,Math.abs(e-t)/e)*n*i}function v(e){for(var t=0,n=s.length,r;t<n;++t)r=s[t],r.x<u[t]+m[t]||r.x>d[t]-m[t]||r.y<f[t]+m[t]||r.y>p[t]-m[t]?(r.vx+=_(h[t],r.x,c[t],m[t],e),r.vy+=_(g[t],r.y,l[t],m[t],e)):r.y<f[t]+m[t]||(r.y,p[t]-m[t]),a&&(r.x>=d[t]&&(r.vx+=d[t]-r.x),r.x<=u[t]&&(r.vx+=u[t]-r.x),r.y>=p[t]&&(r.vy+=p[t]-r.y),r.y<=f[t]&&(r.vy+=f[t]-r.y))}function y(){if(s){var a,_=s.length;for(c=Array(_),l=Array(_),u=Array(_),f=Array(_),d=Array(_),p=Array(_),g=Array(_),h=Array(_),m=Array(_),a=0;a<_;++a)c[a]=isNaN(u[a]=+e(s[a],a,s))||isNaN(d[a]=+n(s[a],a,s))?0:+i(s[a],a,s),l[a]=isNaN(f[a]=+t(s[a],a,s))||isNaN(p[a]=+r(s[a],a,s))?0:+i(s[a],a,s),h[a]=u[a]+(d[a]-u[a])/2,g[a]=f[a]+(p[a]-f[a])/2,m[a]=+o(s[a],a,s)}}return v.initialize=function(e){s=e,y()},v.x0=function(t){return arguments.length?(e=typeof t==`function`?t:S(+t),y(),v):e},v.x1=function(e){return arguments.length?(n=typeof e==`function`?e:S(+e),y(),v):n},v.y0=function(e){return arguments.length?(t=typeof e==`function`?e:S(+e),y(),v):t},v.y1=function(e){return arguments.length?(r=typeof e==`function`?e:S(+e),y(),v):r},v.strength=function(e){return arguments.length?(i=typeof e==`function`?e:S(+e),y(),v):i},v.border=function(e){return arguments.length?(o=typeof e==`function`?e:S(+e),y(),v):o},v.hardBoundary=function(e){return arguments.length?(a=e,v):a},v}var te=e.a(c.t(),1),C=t.t(),ne=e=>{let{data:t,colors:r,leftMargin:i,width:o,height:s,colorDomain:c,selectedColor:l,rightMargin:u,topMargin:S,bottomMargin:ne,showLabels:w,tooltip:T,onSeriesMouseOver:E,showValues:D,suffix:re,prefix:ie,highlightedDataPoints:O,onSeriesMouseClick:k,maxRadiusValue:A,radius:j,resetSelectionOnDoubleClick:M,detailsOnClick:N,styles:P,classNames:F,dimmedOpacity:I,precision:L,locale:ae,padZeros:R}=e,oe=(0,v.useRef)(null),[z,B]=(0,v.useState)(void 0),[V,H]=(0,v.useState)(void 0),[U,se]=(0,v.useState)(void 0),[W,G]=(0,v.useState)(void 0),[K,q]=(0,v.useState)(void 0),[J,Y]=(0,v.useState)(null),X={top:S,bottom:ne,left:i,right:u},Z=o-X.left-X.right,Q=s-X.top-X.bottom,ce=(0,v.useMemo)(()=>t.filter(e=>!a.t(e.size)).length===0?t:(0,te.default)(t.filter(e=>!a.t(e.size)),`radius`,`asc`),[t]),$=(0,v.useMemo)(()=>t.filter(e=>e.size===void 0||e.size===null).length===t.length?void 0:d.t().domain([0,a.t(A)?Math.max(...t.map(e=>e.size).filter(e=>e!=null)):A]).range([.25,j]).nice(),[t,j,A]);(0,v.useEffect)(()=>{(()=>{let e=ce.map(e=>({...e,...e.data&&{data:{...e.data}}}));g.i(e).force(`y`,g.t(e=>Q/2).strength(1)).force(`x`,g.n(e=>Z/2).strength(1)).force(`collide`,g.a(e=>$?$(e.size||0)+1:j+1)).force(`charge`,g.r().strength(-15)).force(`boundary`,ee(0,0,Z,Q).strength(.2).border(50)).alphaDecay(.05).tick(1e4).on(`tick`,()=>{Y(e)}).on(`end`,()=>{Y(e);let t=x(e,e=>e.x-($?$(e.size||0)+1:j+1))[0]||0,n=x(e,e=>e.y-($?$(e.size||0)+1:j+1))[0]||0,r=x(e,e=>e.x+($?$(e.size||0)+1:j+1))[1]||0,i=x(e,e=>e.y+($?$(e.size||0)+1:j+1))[1]||0;se([t,n,t<0?r-t:r,n<0?i-n:i])})})()},[j,Q,Z,ce,$]);let le=(e,t)=>{B(t),q(e.clientY),G(e.clientX),E?.(t)},ue=(e,t)=>{B(t),q(e.clientY),G(e.clientX)},de=e=>{(k||N)&&(V===e.label&&M?(H(void 0),k?.(void 0)):(H(e.label),k?.(e)))},fe=()=>{B(void 0),G(void 0),q(void 0),E?.(void 0)},pe=e=>t.filter(e=>e.color).length===0?r[0]:e.color?r[c.indexOf(e.color)]:n.Colors.gray,me=e=>l?e.color&&r[c.indexOf(e.color)]===l?1:I:O&&O.indexOf(e.label)===-1?I:.85;return J?U?(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(`svg`,{width:`${o}px`,height:`${s}px`,viewBox:`${U[0]>0?0:U[0]} ${U[1]>0?0:U[1]} ${o<U[2]?U[2]:o} ${s<U[3]?U[3]:s}`,direction:`ltr`,ref:oe,children:(0,C.jsx)(`g`,{transform:`translate(${X.left},${X.top})`,children:J.map(e=>{let t=pe(e),n=me(e),r=$?$(e.size||0):j,i=r>20&&(w||D);return(0,C.jsxs)(`g`,{className:`undp-viz-g-with-hover`,opacity:n,transform:`translate(${e.x},${e.y})`,onMouseEnter:t=>le(t,e),onMouseMove:t=>ue(t,e),onClick:()=>de(e),onMouseLeave:fe,children:[(0,C.jsx)(`circle`,{cx:0,cy:0,r,fill:t}),(i||D)&&e.size!==void 0&&e.size!==null&&r>=15&&(0,C.jsx)(`g`,{children:(0,C.jsx)(`foreignObject`,{y:0-r,x:0-r,width:2*r,height:2*r,children:(0,C.jsxs)(`div`,{className:`flex flex-col justify-center items-center h-full py-0 px-3`,style:{display:`flex`,flexDirection:`column`,justifyContent:`center`,alignItems:`center`,height:`100%`,padding:`0 0.75rem`},children:[w&&(0,C.jsx)(b.P,{className:(0,_.cn)(`text-center leading-[1.25] overflow-hidden m-0 circle-packing-label`,F?.graphObjectValues),marginBottom:`none`,style:{fontSize:`${Math.min(Math.max(Math.round(r/4),12),Math.max(Math.round(r*12/`${e.label}`.length),12),14)}px`,WebkitLineClamp:r*2<60?1:r*2<75?2:r*2<100?3:void 0,display:`-webkit-box`,WebkitBoxOrient:`vertical`,color:h.t(t),hyphens:`auto`,...P?.graphObjectValues||{}},children:e.label}),D&&(0,C.jsx)(b.P,{className:`text-center font-bold leading-[1.25] w-full m-0 circle-packing-value`,marginBottom:`none`,style:{fontSize:`${Math.min(Math.max(Math.round(r/4),14),14)}px`,color:h.t(t)},children:f.t(e.size,void 0,L,ie,re,ae,R)})]})})})]},e.label)})})}),z&&T&&W&&K&&(0,C.jsx)(m.t,{data:z,body:T,xPos:W,yPos:K,backgroundStyle:P?.tooltip,className:F?.tooltip}),N&&V!==void 0?(0,C.jsx)(p.t,{body:N,data:V,setData:H,className:F?.modal}):null]}):null:(0,C.jsx)(`div`,{style:{width:`${o}px`,height:`${s}px`},children:(0,C.jsx)(`div`,{className:`flex m-auto items-center justify-center p-0 leading-none text-base h-40`,children:(0,C.jsx)(y.Spinner,{})})})};function w(e,t,n,r){let i=e.filter(e=>e!=null),a=r===!1?Math.sqrt(t*n/Math.PI):Math.min(t,n)/2,o=i.reduce((e,t)=>e+t,0),s=Math.max(...i);return a*Math.sqrt(s/o)*(r?(e=>e<=200?.85:e<=250?.95:1)(a):1)*(r?(e=>e<=5?.9:e<=10?.85:e<=20?.8:.7)(i.length):1)}function T(e){let{data:t,graphTitle:a,colors:c,sources:d,graphDescription:f,leftMargin:p=0,rightMargin:m=0,height:h,width:g,footNote:_,colorDomain:y,colorLegendTitle:b,padding:x,backgroundColor:S=!1,topMargin:ee=0,bottomMargin:te=0,showLabels:T=!0,relativeHeight:E,tooltip:D,onSeriesMouseOver:re,showColorScale:ie=!0,showValues:O,graphID:k,highlightedDataPoints:A,onSeriesMouseClick:j,graphDownload:M=!1,dataDownload:N=!1,language:P=`en`,showNAColor:F,minHeight:I=0,theme:L=`light`,ariaLabel:ae,radius:R,maxRadiusValue:oe,resetSelectionOnDoubleClick:z=!0,detailsOnClick:B,styles:V,classNames:H,dimmedOpacity:U=.3,circularBoundary:se=!0,numberDisplayOptions:W}=e,[G,K]=(0,v.useState)(0),[q,J]=(0,v.useState)(0),[Y,X]=(0,v.useState)(void 0),Z=(0,v.useRef)(null),Q=(0,v.useRef)(null);return(0,v.useEffect)(()=>{let e=new ResizeObserver(e=>{K(e[0].target.clientWidth||620),J(e[0].target.clientHeight||480)});return Z.current&&e.observe(Z.current),()=>e.disconnect()},[]),(0,C.jsxs)(s.n,{className:H?.graphContainer,style:V?.graphContainer,id:k,ref:Q,"aria-label":ae,backgroundColor:S,theme:L,language:P,minHeight:I,width:g,height:h,relativeHeight:E,padding:x,children:[a||f||M||N?(0,C.jsx)(i.GraphHeader,{styles:{title:V?.title,description:V?.description},classNames:{title:H?.title,description:H?.description},graphTitle:a,graphDescription:f,width:g,graphDownload:M?Q:void 0,dataDownload:N?t.map(e=>e.data).filter(e=>e!==void 0).length>0?t.map(e=>e.data).filter(e=>e!==void 0):t.filter(e=>e!==void 0):null}):null,ie&&t.filter(e=>e.color).length!==0&&t.length>0?(0,C.jsx)(l.ColorLegendWithMouseOver,{width:g,colorLegendTitle:b,colors:c||n.Colors[L].categoricalColors.colors,colorDomain:y||o.t(t,`color`,!0),setSelectedColor:X,showNAColor:F??!0,isCenter:!0,className:H?.colorLegend}):null,(0,C.jsxs)(s.t,{ref:Z,children:[t.length===0&&(0,C.jsx)(u.t,{}),G&&q&&t.length>0?(0,C.jsx)(ne,{data:t,colors:t.filter(e=>e.color).length===0?c?[c]:[n.Colors.primaryColors[`blue-600`]]:c||n.Colors[L].categoricalColors.colors,colorDomain:t.filter(e=>e.color).length===0?[]:y||o.t(t,`color`,!0),width:G,height:q,leftMargin:p,rightMargin:m,topMargin:ee,bottomMargin:te,showLabels:T,showValues:O===!1?O:t.filter(e=>e.size).length!==0,selectedColor:Y,tooltip:D,onSeriesMouseOver:re,highlightedDataPoints:A,onSeriesMouseClick:j,theme:L,radius:R||w(t.map(e=>e.size),G,q,se),maxRadiusValue:oe,resetSelectionOnDoubleClick:z,detailsOnClick:B,styles:V,classNames:H,dimmedOpacity:U,locale:W?.locale||`en`,padZeros:W?.padZeros||!1,suffix:W?.suffix||``,prefix:W?.prefix||``,precision:W?.precision??2}):null]}),d||_?(0,C.jsx)(r.GraphFooter,{styles:{footnote:V?.footnote,source:V?.source},classNames:{footnote:H?.footnote,source:H?.source},sources:d,footNote:_,width:g}):null]})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return T}});
+//# sourceMappingURL=CirclePackingGraph-Rl84B8C1.cjs.map

package/dist/CirclePackingGraph-Rl84B8C1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CirclePackingGraph-Rl84B8C1.cjs","names":[],"sources":["../node_modules/d3-array/src/extent.js","../node_modules/d3-force-boundary/dist/d3-force-boundary.esm.js","../src/Components/Graphs/CirclePackingGraph/Graph.tsx","../src/Components/Graphs/CirclePackingGraph/getMaxCircleRadius.ts","../src/Components/Graphs/CirclePackingGraph/index.tsx"],"sourcesContent":["export default function extent(values, valueof) {\n  let min;\n  let max;\n  if (valueof === undefined) {\n    for (const value of values) {\n      if (value != null) {\n        if (min === undefined) {\n          if (value >= value) min = max = value;\n        } else {\n          if (min > value) min = value;\n          if (max < value) max = value;\n        }\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null) {\n        if (min === undefined) {\n          if (value >= value) min = max = value;\n        } else {\n          if (min > value) min = value;\n          if (max < value) max = value;\n        }\n      }\n    }\n  }\n  return [min, max];\n}\n","// https://observablehq.com/@john-guerra/d3-force-boundary v0.0.2 Copyright 2022 John Alexis Guerra Gómez\nfunction constant(x) {\n  return function() {\n    return x;\n  };\n}\n\nfunction forceBoundary(x0, y0, x1, y1) {\n  var strength = constant(0.1),\n      hardBoundary = true,\n      border = constant( Math.min((x1 - x0)/2, (y1 - y0)/2) ),\n      nodes,\n      strengthsX,\n      strengthsY,\n      x0z, x1z,\n      y0z, y1z,\n      borderz,\n      halfX, halfY;\n\n  if (typeof x0 !== \"function\") x0 = constant(x0 == null ? -100 : +x0);\n  if (typeof x1 !== \"function\") x1 = constant(x1 == null ? 100 : +x1);\n  if (typeof y0 !== \"function\") y0 = constant(y0 == null ? -100 : +y0);\n  if (typeof y1 !== \"function\") y1 = constant(y1 == null ? 100 : +y1);\n\n  function getVx(halfX, x, strengthX, border, alpha) {\n    return (halfX - x) *  Math.min(2, Math.abs( halfX - x) / halfX) * strengthX * alpha;\n  }\n\n  function force(alpha) {\n    for (var i = 0, n = nodes.length, node; i < n; ++i) {\n      node = nodes[i];\n      // debugger;\n      if ((node.x < (x0z[i] + borderz[i]) || node.x > (x1z[i] - borderz[i])) ||\n        (node.y < (y0z[i] + borderz[i]) || node.y > (y1z[i] - borderz[i]))) {\n        node.vx += getVx(halfX[i], node.x, strengthsX[i], borderz[i], alpha);\n        node.vy += getVx(halfY[i], node.y, strengthsY[i], borderz[i], alpha);\n      } else if (node.y < (y0z[i] + borderz[i]) || node.y > (y1z[i] - borderz[i])) ;\n\n      if (hardBoundary) {\n        if (node.x >= x1z[i]) node.vx += x1z[i] - node.x;\n        if (node.x <= x0z[i]) node.vx += x0z[i] - node.x;\n        if (node.y >= y1z[i]) node.vy += y1z[i] - node.y;\n        if (node.y <= y0z[i]) node.vy += y0z[i] - node.y;\n      }\n    }\n  }\n\n  function initialize() {\n    if (!nodes) return;\n    var i, n = nodes.length;\n    strengthsX = new Array(n);\n    strengthsY = new Array(n);\n    x0z = new Array(n);\n    y0z = new Array(n);\n    x1z = new Array(n);\n    y1z = new Array(n);\n    halfY = new Array(n);\n    halfX = new Array(n);\n    borderz = new Array(n);\n\n    for (i = 0; i < n; ++i) {\n      strengthsX[i] = (isNaN(x0z[i] = +x0(nodes[i], i, nodes)) ||\n        isNaN(x1z[i] = +x1(nodes[i], i, nodes))) ? 0 : +strength(nodes[i], i, nodes);\n      strengthsY[i] = (isNaN(y0z[i] = +y0(nodes[i], i, nodes)) ||\n        isNaN(y1z[i] = +y1(nodes[i], i, nodes))) ? 0 : +strength(nodes[i], i, nodes);\n      halfX[i] = x0z[i] + (x1z[i] - x0z[i])/2,\n      halfY[i] = y0z[i] + (y1z[i] - y0z[i])/2;\n      borderz[i] = +border(nodes[i], i, nodes);\n    }\n  }\n\n  force.initialize = function(_) {\n    nodes = _;\n    initialize();\n  };\n\n  force.x0 = function(_) {\n    return arguments.length ? (x0 = typeof _ === \"function\" ? _ : constant(+_), initialize(), force) : x0;\n  };\n\n  force.x1 = function(_) {\n    return arguments.length ? (x1 = typeof _ === \"function\" ? _ : constant(+_), initialize(), force) : x1;\n  };\n\n  force.y0 = function(_) {\n    return arguments.length ? (y0 = typeof _ === \"function\" ? _ : constant(+_), initialize(), force) : y0;\n  };\n\n  force.y1 = function(_) {\n    return arguments.length ? (y1 = typeof _ === \"function\" ? _ : constant(+_), initialize(), force) : y1;\n  };\n\n  force.strength = function(_) {\n    return arguments.length ? (strength = typeof _ === \"function\" ? _ : constant(+_), initialize(), force) : strength;\n  };\n\n  force.border = function(_) {\n    return arguments.length ? (border = typeof _ === \"function\" ? _ : constant(+_), initialize(), force) : border;\n  };\n\n  force.hardBoundary = function(_) {\n    return arguments.length ? (hardBoundary = _, force) : hardBoundary;\n  };\n\n  return force;\n}\n\nexport default forceBoundary;\n","import { cn } from '@undp/design-system-react/cn';\nimport { Spinner } from '@undp/design-system-react/Spinner';\nimport { P } from '@undp/design-system-react/Typography';\nimport { extent } from 'd3-array';\nimport { forceCollide, forceManyBody, forceSimulation, forceX, forceY } from 'd3-force';\nimport forceBoundary from 'd3-force-boundary';\nimport { scaleSqrt } from 'd3-scale';\nimport orderBy from 'lodash.orderby';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport type { ClassNameObject, StyleObject, TreeMapDataType } from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  data: TreeMapDataType[];\n  colors: string[];\n  colorDomain: string[];\n  leftMargin: number;\n  rightMargin: number;\n  topMargin: number;\n  bottomMargin: number;\n  showLabels: boolean;\n  showValues: boolean;\n  width: number;\n  height: number;\n  suffix: string;\n  prefix: string;\n  selectedColor?: string;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  highlightedDataPoints?: (string | number)[];\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  theme: 'light' | 'dark';\n  maxRadiusValue?: number;\n  radius: number;\n  resetSelectionOnDoubleClick: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  dimmedOpacity: number;\n  precision: number;\n  locale: string;\n  padZeros: boolean;\n}\n\ninterface TreeMapDataTypeForBubbleChart extends TreeMapDataType {\n  x: number;\n  y: number;\n  vx: number;\n  vy: number;\n}\n\nexport const Graph = (props: Props) => {\n  const {\n    data,\n    colors,\n    leftMargin,\n    width,\n    height,\n    colorDomain,\n    selectedColor,\n    rightMargin,\n    topMargin,\n    bottomMargin,\n    showLabels,\n    tooltip,\n    onSeriesMouseOver,\n    showValues,\n    suffix,\n    prefix,\n    highlightedDataPoints,\n    onSeriesMouseClick,\n    maxRadiusValue,\n    radius,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    styles,\n    classNames,\n    dimmedOpacity,\n    precision,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [viewPortDimensions, setViewPortDimensions] = useState<\n    [number, number, number, number] | undefined\n  >(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const [finalData, setFinalData] = useState<TreeMapDataTypeForBubbleChart[] | null>(null);\n\n  const margin = {\n    top: topMargin,\n    bottom: bottomMargin,\n    left: leftMargin,\n    right: rightMargin,\n  };\n\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n\n  const dataOrdered = useMemo(\n    () =>\n      data.filter((d) => !checkIfNullOrUndefined(d.size)).length === 0\n        ? data\n        : orderBy(\n            data.filter((d) => !checkIfNullOrUndefined(d.size)),\n            'radius',\n            'asc',\n          ),\n    [data],\n  );\n\n  const radiusScale = useMemo(\n    () =>\n      data.filter((d) => d.size === undefined || d.size === null).length !== data.length\n        ? scaleSqrt()\n            .domain([\n              0,\n              checkIfNullOrUndefined(maxRadiusValue)\n                ? Math.max(...data.map((d) => d.size).filter((d) => d !== undefined && d !== null))\n                : (maxRadiusValue as number),\n            ])\n            .range([0.25, radius])\n            .nice()\n        : undefined,\n    [data, radius, maxRadiusValue],\n  );\n\n  // Memoize simulation setup\n  useEffect(() => {\n    const setupSimulation = () => {\n      const dataTemp = dataOrdered.map((d) => ({ ...d, ...(d.data && { data: { ...d.data } }) }));\n      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n      const simulation = forceSimulation(dataTemp as any)\n        .force('y', forceY((_d) => graphHeight / 2).strength(1))\n        .force('x', forceX((_d) => graphWidth / 2).strength(1))\n        .force(\n          'collide',\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          forceCollide((d: any) => (radiusScale ? radiusScale(d.size || 0) + 1 : radius + 1)),\n        )\n        .force('charge', forceManyBody().strength(-15))\n        .force('boundary', forceBoundary(0, 0, graphWidth, graphHeight).strength(0.2).border(50))\n        .alphaDecay(0.05)\n        .tick(10000);\n\n      simulation\n        .on('tick', () => {\n          setFinalData(dataTemp as TreeMapDataTypeForBubbleChart[]);\n        })\n        .on('end', () => {\n          setFinalData(dataTemp as TreeMapDataTypeForBubbleChart[]);\n          const xMinExtent =\n            extent(\n              dataTemp as TreeMapDataTypeForBubbleChart[],\n              (d) => d.x - (radiusScale ? radiusScale(d.size || 0) + 1 : radius + 1),\n            )[0] || 0;\n          const yMinExtent =\n            extent(\n              dataTemp as TreeMapDataTypeForBubbleChart[],\n              (d) => d.y - (radiusScale ? radiusScale(d.size || 0) + 1 : radius + 1),\n            )[0] || 0;\n          const xMaxExtent =\n            extent(\n              dataTemp as TreeMapDataTypeForBubbleChart[],\n              (d) => d.x + (radiusScale ? radiusScale(d.size || 0) + 1 : radius + 1),\n            )[1] || 0;\n          const yMaxExtent =\n            extent(\n              dataTemp as TreeMapDataTypeForBubbleChart[],\n              (d) => d.y + (radiusScale ? radiusScale(d.size || 0) + 1 : radius + 1),\n            )[1] || 0;\n          setViewPortDimensions([\n            xMinExtent,\n            yMinExtent,\n            xMinExtent < 0 ? xMaxExtent - xMinExtent : xMaxExtent,\n            yMinExtent < 0 ? yMaxExtent - yMinExtent : yMaxExtent,\n          ]);\n        });\n    };\n\n    setupSimulation();\n  }, [radius, graphHeight, graphWidth, dataOrdered, radiusScale]);\n\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const handleMouseEnter = (event: any, d: any) => {\n    setMouseOverData(d);\n    setEventY(event.clientY);\n    setEventX(event.clientX);\n    onSeriesMouseOver?.(d);\n  };\n\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const handleMouseMove = (event: any, d: any) => {\n    setMouseOverData(d);\n    setEventY(event.clientY);\n    setEventX(event.clientX);\n  };\n\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const handleClick = (d: any) => {\n    if (onSeriesMouseClick || detailsOnClick) {\n      if (mouseClickData === d.label && resetSelectionOnDoubleClick) {\n        setMouseClickData(undefined);\n        onSeriesMouseClick?.(undefined);\n      } else {\n        setMouseClickData(d.label);\n        onSeriesMouseClick?.(d);\n      }\n    }\n  };\n\n  const handleMouseLeave = () => {\n    setMouseOverData(undefined);\n    setEventX(undefined);\n    setEventY(undefined);\n    onSeriesMouseOver?.(undefined);\n  };\n\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const getCircleColor = (d: any) =>\n    data.filter((el) => el.color).length === 0\n      ? colors[0]\n      : !d.color\n        ? Colors.gray\n        : colors[colorDomain.indexOf(d.color)];\n\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const getOpacity = (d: any) =>\n    selectedColor\n      ? d.color\n        ? colors[colorDomain.indexOf(d.color)] === selectedColor\n          ? 1\n          : dimmedOpacity\n        : dimmedOpacity\n      : highlightedDataPoints\n        ? highlightedDataPoints.indexOf(d.label) !== -1\n          ? 0.85\n          : dimmedOpacity\n        : 0.85;\n\n  // Render loading state\n  if (!finalData) {\n    return (\n      <div style={{ width: `${width}px`, height: `${height}px` }}>\n        <div className='flex m-auto items-center justify-center p-0 leading-none text-base h-40'>\n          <Spinner />\n        </div>\n      </div>\n    );\n  }\n  if (viewPortDimensions) {\n    return (\n      <>\n        <svg\n          width={`${width}px`}\n          height={`${height}px`}\n          viewBox={`${viewPortDimensions[0] > 0 ? 0 : viewPortDimensions[0]} ${\n            viewPortDimensions[1] > 0 ? 0 : viewPortDimensions[1]\n          } ${width < viewPortDimensions[2] ? viewPortDimensions[2] : width} ${\n            height < viewPortDimensions[3] ? viewPortDimensions[3] : height\n          }`}\n          direction='ltr'\n          ref={svgRef}\n        >\n          <g transform={`translate(${margin.left},${margin.top})`}>\n            {finalData.map((d) => {\n              const circleColor = getCircleColor(d);\n              const opacity = getOpacity(d);\n              const bubbleRadius = radiusScale ? radiusScale(d.size || 0) : radius;\n              const showLabel = bubbleRadius > 20 && (showLabels || showValues);\n              return (\n                // biome-ignore lint/a11y/noStaticElementInteractions: interaction for graph\n                <g\n                  className='undp-viz-g-with-hover'\n                  key={d.label}\n                  opacity={opacity}\n                  transform={`translate(${d.x},${d.y})`}\n                  onMouseEnter={(event) => handleMouseEnter(event, d)}\n                  onMouseMove={(event) => handleMouseMove(event, d)}\n                  onClick={() => handleClick(d)}\n                  onMouseLeave={handleMouseLeave}\n                >\n                  <circle cx={0} cy={0} r={bubbleRadius} fill={circleColor} />\n                  {(showLabel || showValues) &&\n                    d.size !== undefined &&\n                    d.size !== null &&\n                    bubbleRadius >= 15 && (\n                      <g>\n                        <foreignObject\n                          y={0 - bubbleRadius}\n                          x={0 - bubbleRadius}\n                          width={2 * bubbleRadius}\n                          height={2 * bubbleRadius}\n                        >\n                          <div\n                            className='flex flex-col justify-center items-center h-full py-0 px-3'\n                            style={{\n                              display: 'flex',\n                              flexDirection: 'column',\n                              justifyContent: 'center',\n                              alignItems: 'center',\n                              height: '100%',\n                              padding: '0 0.75rem',\n                            }}\n                          >\n                            {showLabels && (\n                              <P\n                                className={cn(\n                                  'text-center leading-[1.25] overflow-hidden m-0 circle-packing-label',\n                                  classNames?.graphObjectValues,\n                                )}\n                                marginBottom='none'\n                                style={{\n                                  fontSize: `${Math.min(\n                                    Math.max(Math.round(bubbleRadius / 4), 12),\n                                    Math.max(\n                                      Math.round((bubbleRadius * 12) / `${d.label}`.length),\n                                      12,\n                                    ),\n                                    14,\n                                  )}px`,\n                                  WebkitLineClamp:\n                                    bubbleRadius * 2 < 60\n                                      ? 1\n                                      : bubbleRadius * 2 < 75\n                                        ? 2\n                                        : bubbleRadius * 2 < 100\n                                          ? 3\n                                          : undefined,\n                                  display: '-webkit-box',\n                                  WebkitBoxOrient: 'vertical',\n                                  color: getTextColorBasedOnBgColor(circleColor),\n                                  hyphens: 'auto',\n                                  ...(styles?.graphObjectValues || {}),\n                                }}\n                              >\n                                {d.label}\n                              </P>\n                            )}\n                            {showValues && (\n                              <P\n                                className='text-center font-bold leading-[1.25] w-full m-0 circle-packing-value'\n                                marginBottom='none'\n                                style={{\n                                  fontSize: `${Math.min(\n                                    Math.max(Math.round(bubbleRadius / 4), 14),\n                                    14,\n                                  )}px`,\n                                  color: getTextColorBasedOnBgColor(circleColor),\n                                }}\n                              >\n                                {numberFormattingFunction(\n                                  d.size,\n                                  undefined,\n                                  precision,\n                                  prefix,\n                                  suffix,\n                                  locale,\n                                  padZeros,\n                                )}\n                              </P>\n                            )}\n                          </div>\n                        </foreignObject>\n                      </g>\n                    )}\n                </g>\n              );\n            })}\n          </g>\n        </svg>\n        {mouseOverData && tooltip && eventX && eventY && (\n          <Tooltip\n            data={mouseOverData}\n            body={tooltip}\n            xPos={eventX}\n            yPos={eventY}\n            backgroundStyle={styles?.tooltip}\n            className={classNames?.tooltip}\n          />\n        )}\n        {detailsOnClick && mouseClickData !== undefined ? (\n          <DetailsModal\n            body={detailsOnClick}\n            data={mouseClickData}\n            setData={setMouseClickData}\n            className={classNames?.modal}\n          />\n        ) : null}\n      </>\n    );\n  }\n  return null;\n};\n","export function getMaxCircleRadius(\n  values: (number | undefined | null)[],\n  width: number,\n  height: number,\n  circularBoundary?: boolean,\n) {\n  const filteredValues = values.filter((d) => d !== undefined && d !== null);\n  const containerRadius =\n    circularBoundary === false\n      ? Math.sqrt((width * height) / Math.PI)\n      : Math.min(width, height) / 2;\n  const totalValue = filteredValues.reduce((sum, v) => sum + v, 0);\n  const maxValue = Math.max(...filteredValues);\n  const getPackingEfficiency = (n: number) => {\n    if (n <= 5) return 0.9;\n    if (n <= 10) return 0.85;\n    if (n <= 20) return 0.8;\n    return 0.7;\n  };\n  const getEfficiencyBecauseOfContainerRadius = (r: number) => {\n    if (r <= 200) return 0.85;\n    if (r <= 250) return 0.95;\n    return 1;\n  };\n  return (\n    containerRadius *\n    Math.sqrt(maxValue / totalValue) *\n    (circularBoundary ? getEfficiencyBecauseOfContainerRadius(containerRadius) : 1) *\n    (circularBoundary ? getPackingEfficiency(filteredValues.length) : 1)\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\nimport { EmptyState } from '@/Components/Elements/EmptyState';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  ClassNameObject,\n  Languages,\n  NumberFormatOptions,\n  SourcesDataType,\n  StyleObject,\n  TreeMapDataType,\n} from '@/Types';\nimport { uniqBy } from '@/Utils/uniqBy';\nimport { Graph } from './Graph';\nimport { getMaxCircleRadius } from './getMaxCircleRadius';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: TreeMapDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Color or array of colors for circle */\n  colors?: string | string[];\n  /** Domain of colors for the graph */\n  colorDomain?: string[];\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n\n  // Values and Ticks\n  /** Maximum value mapped to the radius chart */\n  maxRadiusValue?: number;\n\n  // Graph Parameters\n  /** If true, the graph will be rendered in a circle layout */\n  circularBoundary?: boolean;\n  /** Maximum radius of the circle */\n  radius?: number;\n  /** Toggle visibility of labels */\n  showLabels?: boolean;\n  /** Toggle visibility of values */\n  showValues?: boolean;\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\n  showColorScale?: boolean;\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\n  showNAColor?: boolean;\n  /** Data points to highlight. Use the label value from data to highlight the data point */\n  highlightedDataPoints?: (string | number)[];\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\n  resetSelectionOnDoubleClick?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function CirclePackingGraph(props: Props) {\n  const {\n    data,\n    graphTitle,\n    colors,\n    sources,\n    graphDescription,\n    leftMargin = 0,\n    rightMargin = 0,\n    height,\n    width,\n    footNote,\n    colorDomain,\n    colorLegendTitle,\n    padding,\n    backgroundColor = false,\n    topMargin = 0,\n    bottomMargin = 0,\n    showLabels = true,\n    relativeHeight,\n    tooltip,\n    onSeriesMouseOver,\n    showColorScale = true,\n    showValues,\n    graphID,\n    highlightedDataPoints,\n    onSeriesMouseClick,\n    graphDownload = false,\n    dataDownload = false,\n    language = 'en',\n    showNAColor,\n    minHeight = 0,\n    theme = 'light',\n    ariaLabel,\n    radius,\n    maxRadiusValue,\n    resetSelectionOnDoubleClick = true,\n    detailsOnClick,\n    styles,\n    classNames,\n    dimmedOpacity = 0.3,\n    circularBoundary = true,\n    numberDisplayOptions,\n  } = props;\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      {showColorScale && data.filter((el) => el.color).length !== 0 && data.length > 0 ? (\n        <ColorLegendWithMouseOver\n          width={width}\n          colorLegendTitle={colorLegendTitle}\n          colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\n          colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\n          setSelectedColor={setSelectedColor}\n          showNAColor={showNAColor === undefined || showNAColor === null ? true : showNAColor}\n          isCenter\n          className={classNames?.colorLegend}\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {data.length === 0 && <EmptyState />}\n        {svgWidth && svgHeight && data.length > 0 ? (\n          <Graph\n            data={data}\n            colors={\n              data.filter((el) => el.color).length === 0\n                ? colors\n                  ? [colors as string]\n                  : [Colors.primaryColors['blue-600']]\n                : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\n            }\n            colorDomain={\n              data.filter((el) => el.color).length === 0\n                ? []\n                : colorDomain || (uniqBy(data, 'color', true) as string[])\n            }\n            width={svgWidth}\n            height={svgHeight}\n            leftMargin={leftMargin}\n            rightMargin={rightMargin}\n            topMargin={topMargin}\n            bottomMargin={bottomMargin}\n            showLabels={showLabels}\n            showValues={\n              showValues !== false\n                ? data.filter((el) => el.size).length !== 0\n                : (showValues as boolean)\n            }\n            selectedColor={selectedColor}\n            tooltip={tooltip}\n            onSeriesMouseOver={onSeriesMouseOver}\n            highlightedDataPoints={highlightedDataPoints}\n            onSeriesMouseClick={onSeriesMouseClick}\n            theme={theme}\n            radius={\n              !radius\n                ? getMaxCircleRadius(\n                    data.map((d) => d.size),\n                    svgWidth,\n                    svgHeight,\n                    circularBoundary,\n                  )\n                : radius\n            }\n            maxRadiusValue={maxRadiusValue}\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n            detailsOnClick={detailsOnClick}\n            styles={styles}\n            classNames={classNames}\n            dimmedOpacity={dimmedOpacity}\n            locale={numberDisplayOptions?.locale || 'en'}\n            padZeros={numberDisplayOptions?.padZeros || false}\n            suffix={numberDisplayOptions?.suffix || ''}\n            prefix={numberDisplayOptions?.prefix || ''}\n            precision={numberDisplayOptions?.precision ?? 2}\n          />\n        ) : null}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"x_google_ignoreList":[0,1],"mappings":"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"}