@undp/data-viz 1.2.8 → 1.3.1

package/dist/index-BVnYktl4.js

@@ -0,0 +1,435 @@
+import { j as o, m as ge } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { u as me } from "./index-CaAIPGZo.js";
+import { memo as ve, useRef as he, useState as y, useMemo as ce, useEffect as pe, useCallback as T } from "react";
+import { s as ye } from "./index-D7ltPi18.js";
+import { o as be } from "./index-BLizQDlg.js";
+import { X as Me } from "./Modal-CUU6ZK3U.js";
+import { y as we } from "./Spinner-C85UF28E.js";
+import { T as je } from "./Tooltip-DyM5snqx.js";
+import { n as Ce } from "./numberFormattingFunction-14YCbkN2.js";
+import { g as ue } from "./getTextColorBasedOnBgColor-B6Nk2WBf.js";
+import { Colors as le } from "./Colors.js";
+import { c as Y } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { s as ze } from "./string2HTML-CWHGfz_d.js";
+import { s as De } from "./pow-e8zx3AQJ.js";
+import { f as Oe, a as ke, b as Ne, c as $e, d as Se } from "./y-D0sAaVii.js";
+import { GraphFooter as Ee } from "./GraphFooter.js";
+import { GraphHeader as Le } from "./GraphHeader.js";
+import { ColorLegendWithMouseOver as He } from "./ColorLegendWithMouseOver.js";
+import { E as Te } from "./EmptyState-DdTp-Mdn.js";
+function ie(j, t) {
+  let l, d;
+  if (t === void 0)
+    for (const a of j)
+      a != null && (l === void 0 ? a >= a && (l = d = a) : (l > a && (l = a), d < a && (d = a)));
+  else {
+    let a = -1;
+    for (let n of j)
+      (n = t(n, ++a, j)) != null && (l === void 0 ? n >= n && (l = d = n) : (l > n && (l = n), d < n && (d = n)));
+  }
+  return [l, d];
+}
+const xe = ve((j) => {
+  const {
+    data: t,
+    colors: l,
+    leftMargin: d,
+    width: a,
+    height: n,
+    colorDomain: O,
+    selectedColor: b,
+    rightMargin: _,
+    topMargin: A,
+    bottomMargin: M,
+    showLabels: s,
+    tooltip: B,
+    onSeriesMouseOver: C,
+    showValues: P,
+    suffix: I,
+    prefix: w,
+    highlightedDataPoints: V,
+    onSeriesMouseClick: k,
+    maxRadiusValue: N,
+    radius: c,
+    resetSelectionOnDoubleClick: q,
+    detailsOnClick: x,
+    styles: U,
+    classNames: W,
+    dimmedOpacity: $,
+    precision: re
+  } = j, se = he(null), [R, S] = y(void 0), [p, z] = y(void 0), [h, E] = y(void 0), [J, L] = y(void 0), [K, F] = y(void 0), [Q, v] = y(null), m = ce(
+    () => ({
+      top: A,
+      bottom: M,
+      left: d,
+      right: _
+    }),
+    [A, M, d, _]
+  ), Z = a - m.left - m.right, ee = n - m.top - m.bottom, u = ce(
+    () => t.filter((e) => !Y(e.size)).length === 0 ? t : be(
+      t.filter((e) => !Y(e.size)),
+      "radius",
+      "asc"
+    ),
+    [t]
+  ), f = ce(() => t.filter((e) => e.size === void 0 || e.size === null).length !== t.length ? De().domain([
+    0,
+    Y(N) ? Math.max(...t.map((e) => e.size).filter((e) => e != null)) : N
+  ]).range([0.25, c]).nice() : void 0, [t, N, c]);
+  pe(() => {
+    (() => {
+      const i = [...u];
+      Oe(i).force("y", ke((r) => ee / 2).strength(1)).force("x", Ne((r) => Z / 2).strength(1)).force(
+        "collide",
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        $e((r) => f ? f(r.size || 0) + 1 : c + 1)
+      ).force("charge", Se().strength(-15)).alphaDecay(0.05).tick(1e4).on("tick", () => {
+        v(i);
+      }).on("end", () => {
+        v(i);
+        const r = ie(
+          i,
+          (g) => g.x - (f ? f(g.size || 0) + 1 : c + 1)
+        )[0] || 0, G = ie(
+          i,
+          (g) => g.y - (f ? f(g.size || 0) + 1 : c + 1)
+        )[0] || 0, H = ie(
+          i,
+          (g) => g.x + (f ? f(g.size || 0) + 1 : c + 1)
+        )[1] || 0, de = ie(
+          i,
+          (g) => g.y + (f ? f(g.size || 0) + 1 : c + 1)
+        )[1] || 0;
+        E([
+          r,
+          G,
+          r < 0 ? H - r : H,
+          G < 0 ? de - G : de
+        ]);
+      });
+    })();
+  }, [t, c, ee, Z, N, u, f]);
+  const X = T(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (e, i) => {
+      S(i), F(e.clientY), L(e.clientX), C?.(i);
+    },
+    [C]
+  ), te = T((e, i) => {
+    S(i), F(e.clientY), L(e.clientX);
+  }, []), ae = T(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (e) => {
+      (k || x) && (p === e.label && q ? (z(void 0), k?.(void 0)) : (z(e.label), k?.(e)));
+    },
+    [k, x, p, q]
+  ), ne = T(() => {
+    S(void 0), L(void 0), F(void 0), C?.(void 0);
+  }, [C]), D = T(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (e) => t.filter((i) => i.color).length === 0 ? l[0] : e.color ? l[O.indexOf(e.color)] : le.gray,
+    [t, l, O]
+  ), oe = T(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (e) => b ? e.color && l[O.indexOf(e.color)] === b ? 1 : $ : V.length !== 0 ? V.indexOf(e.label) !== -1 ? 0.85 : $ : 0.85,
+    [b, $, l, O, V]
+  );
+  return Q ? h ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(
+      "svg",
+      {
+        width: `${a}px`,
+        height: `${n}px`,
+        viewBox: `${h[0] > 0 ? 0 : h[0]} ${h[1] > 0 ? 0 : h[1]} ${a < h[2] ? h[2] : a} ${n < h[3] ? h[3] : n}`,
+        direction: "ltr",
+        ref: se,
+        children: /* @__PURE__ */ o.jsx("g", { transform: `translate(${m.left},${m.top})`, children: Q.map((e) => {
+          const i = D(e), fe = oe(e), r = f ? f(e.size || 0) : c, G = r > 20 && (s || P);
+          return /* @__PURE__ */ o.jsxs(
+            "g",
+            {
+              className: "undp-viz-g-with-hover",
+              opacity: fe,
+              transform: `translate(${e.x},${e.y})`,
+              onMouseEnter: (H) => X(H, e),
+              onMouseMove: (H) => te(H, e),
+              onClick: () => ae(e),
+              onMouseLeave: ne,
+              children: [
+                /* @__PURE__ */ o.jsx("circle", { cx: 0, cy: 0, r, fill: i }),
+                (G || P) && e.size !== void 0 && e.size !== null && /* @__PURE__ */ o.jsx("g", { children: /* @__PURE__ */ o.jsx(
+                  "foreignObject",
+                  {
+                    y: 0 - r,
+                    x: 0 - r,
+                    width: 2 * r,
+                    height: 2 * r,
+                    children: /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col justify-center items-center h-full py-0 px-3", children: [
+                      s && /* @__PURE__ */ o.jsx(
+                        "p",
+                        {
+                          className: ge(
+                            "text-center leading-[1.25] overflow-hidden m-0 circle-packing-label",
+                            W?.graphObjectValues
+                          ),
+                          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: ue(i),
+                            hyphens: "auto",
+                            ...U?.graphObjectValues || {}
+                          },
+                          children: e.label
+                        }
+                      ),
+                      P && /* @__PURE__ */ o.jsx(
+                        "p",
+                        {
+                          className: "text-center font-bold leading-[1.25] w-full m-0 circle-packing-value",
+                          style: {
+                            fontSize: `${Math.min(
+                              Math.max(Math.round(r / 4), 14),
+                              14
+                            )}px`,
+                            color: ue(i)
+                          },
+                          children: Ce(e.size, "NA", re, w, I)
+                        }
+                      )
+                    ] })
+                  }
+                ) })
+              ]
+            },
+            e.label
+          );
+        }) })
+      }
+    ),
+    R && B && J && K && /* @__PURE__ */ o.jsx(
+      je,
+      {
+        data: R,
+        body: B,
+        xPos: J,
+        yPos: K,
+        backgroundStyle: U?.tooltip,
+        className: W?.tooltip
+      }
+    ),
+    x && p !== void 0 ? /* @__PURE__ */ o.jsx(
+      Me,
+      {
+        open: p !== void 0,
+        onClose: () => {
+          z(void 0);
+        },
+        children: /* @__PURE__ */ o.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof x == "string" ? { __html: ze(x, p) } : void 0,
+            children: typeof x == "function" ? x(p) : null
+          }
+        )
+      }
+    ) : null
+  ] }) : null : /* @__PURE__ */ o.jsx("div", { style: { width: `${a}px`, height: `${n}px` }, children: /* @__PURE__ */ o.jsx("div", { className: "flex m-auto items-center justify-center p-0 leading-none text-base h-40", children: /* @__PURE__ */ o.jsx(we, {}) }) });
+});
+xe.displayName = "BubbleChart";
+function tt(j) {
+  const {
+    data: t,
+    graphTitle: l,
+    colors: d,
+    suffix: a = "",
+    sources: n,
+    prefix: O = "",
+    graphDescription: b,
+    leftMargin: _ = 0,
+    rightMargin: A = 0,
+    height: M,
+    width: s,
+    footNote: B,
+    colorDomain: C,
+    colorLegendTitle: P,
+    padding: I,
+    backgroundColor: w = !1,
+    topMargin: V = 0,
+    bottomMargin: k = 0,
+    showLabels: N = !0,
+    relativeHeight: c,
+    tooltip: q,
+    onSeriesMouseOver: x,
+    showColorScale: U = !0,
+    showValues: W,
+    graphID: $,
+    highlightedDataPoints: re = [],
+    onSeriesMouseClick: se,
+    graphDownload: R = !1,
+    dataDownload: S = !1,
+    language: p = "en",
+    showNAColor: z,
+    minHeight: h = 0,
+    theme: E = "light",
+    ariaLabel: J,
+    radius: L,
+    maxRadiusValue: K,
+    resetSelectionOnDoubleClick: F = !0,
+    detailsOnClick: Q,
+    styles: v,
+    classNames: m,
+    dimmedOpacity: Z = 0.3,
+    precision: ee = 2
+  } = j, [u, f] = y(0), [X, te] = y(0), [ae, ne] = y(void 0), D = he(null), oe = he(null);
+  return pe(() => {
+    const e = new ResizeObserver((i) => {
+      f(s || i[0].target.clientWidth || 620), te(M || i[0].target.clientHeight || 480);
+    });
+    return D.current && (te(D.current.clientHeight || 480), f(D.current.clientWidth || 620), s || e.observe(D.current)), () => e.disconnect();
+  }, [s, M]), /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: `${E || "light"} flex  ${s ? "w-fit grow-0" : "w-full grow"}`,
+      dir: p === "he" || p === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ o.jsx(
+        "div",
+        {
+          className: ge(
+            `${w ? w === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${p || "en"}`,
+            m?.graphContainer
+          ),
+          style: {
+            ...v?.graphContainer || {},
+            ...w && w !== !0 ? { backgroundColor: w } : {}
+          },
+          id: $,
+          ref: oe,
+          "aria-label": J || `${l ? `The graph shows ${l}. ` : ""}This is a chart where data points are represented by circles, and their sizes reflect their values.${b ? ` ${b}` : ""}`,
+          children: /* @__PURE__ */ o.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: w ? I || "1rem" : I || 0 },
+              children: /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                l || b || R || S ? /* @__PURE__ */ o.jsx(
+                  Le,
+                  {
+                    styles: {
+                      title: v?.title,
+                      description: v?.description
+                    },
+                    classNames: {
+                      title: m?.title,
+                      description: m?.description
+                    },
+                    graphTitle: l,
+                    graphDescription: b,
+                    width: s,
+                    graphDownload: R ? oe.current : void 0,
+                    dataDownload: S ? 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,
+                /* @__PURE__ */ o.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: t.length === 0 ? /* @__PURE__ */ o.jsx(Te, {}) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+                  U && t.filter((e) => e.color).length !== 0 ? /* @__PURE__ */ o.jsx(
+                    He,
+                    {
+                      width: s,
+                      colorLegendTitle: P,
+                      colors: d || le[E].categoricalColors.colors,
+                      colorDomain: C || me(
+                        t.filter((e) => e.color),
+                        "color"
+                      ).map((e) => e.color),
+                      setSelectedColor: ne,
+                      showNAColor: z ?? !0,
+                      isCenter: !0
+                    }
+                  ) : null,
+                  /* @__PURE__ */ o.jsx(
+                    "div",
+                    {
+                      className: "flex flex-col grow justify-center w-full leading-0",
+                      ref: D,
+                      "aria-label": "Graph area",
+                      children: (s || u) && (M || X) ? /* @__PURE__ */ o.jsx(
+                        xe,
+                        {
+                          data: t,
+                          colors: t.filter((e) => e.color).length === 0 ? d ? [d] : [le.primaryColors["blue-600"]] : d || le[E].categoricalColors.colors,
+                          colorDomain: t.filter((e) => e.color).length === 0 ? [] : C || me(
+                            t.filter((e) => e.color),
+                            "color"
+                          ).map((e) => e.color),
+                          width: s || u,
+                          height: Math.max(
+                            h,
+                            M || (c ? h ? (s || u) * c > h ? (s || u) * c : h : (s || u) * c : X)
+                          ),
+                          leftMargin: _,
+                          rightMargin: A,
+                          topMargin: V,
+                          bottomMargin: k,
+                          showLabels: N,
+                          showValues: W !== !1 ? t.filter((e) => e.size).length !== 0 : W,
+                          selectedColor: ae,
+                          suffix: a,
+                          prefix: O,
+                          tooltip: q,
+                          onSeriesMouseOver: x,
+                          highlightedDataPoints: re,
+                          onSeriesMouseClick: se,
+                          theme: E,
+                          radius: L || Math.min(
+                            s || u,
+                            M || (c ? h ? (s || u) * c > h ? (s || u) * c : h : (s || u) * c : X)
+                          ) * (t.filter((e) => !Y(e.size)).length === 0 ? 1 : Math.max(
+                            ...t.map((e) => e.size).filter((e) => e != null)
+                          )) / (t.filter((e) => !Y(e.size)).length === 0 ? t.length : ye(t.filter((e) => e.size).map((e) => e.size)) * 1.25),
+                          maxRadiusValue: K,
+                          resetSelectionOnDoubleClick: F,
+                          detailsOnClick: Q,
+                          styles: v,
+                          classNames: m,
+                          dimmedOpacity: Z,
+                          precision: ee
+                        }
+                      ) : null
+                    }
+                  )
+                ] }) }),
+                n || B ? /* @__PURE__ */ o.jsx(
+                  Ee,
+                  {
+                    styles: { footnote: v?.footnote, source: v?.source },
+                    classNames: {
+                      footnote: m?.footnote,
+                      source: m?.source
+                    },
+                    sources: n,
+                    footNote: B,
+                    width: s
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  tt as C,
+  ie as e
+};
+//# sourceMappingURL=index-BVnYktl4.js.map

package/dist/index-BVnYktl4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BVnYktl4.js","sources":["../node_modules/d3-array/src/extent.js","../src/Components/Graphs/CirclePackingGraph/Graph.tsx","../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","import { memo, useCallback, useMemo, useEffect, useState, useRef } from 'react';\r\nimport { forceCollide, forceManyBody, forceSimulation, forceX, forceY } from 'd3-force';\r\nimport orderBy from 'lodash.orderby';\r\nimport { scaleSqrt } from 'd3-scale';\r\nimport { extent } from 'd3-array';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { ClassNameObject, StyleObject, TreeMapDataType } from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\n\r\ninterface Props {\r\n  data: TreeMapDataType[];\r\n  colors: string[];\r\n  colorDomain: string[];\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  showLabels: boolean;\r\n  showValues: boolean;\r\n  width: number;\r\n  height: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  selectedColor?: string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  highlightedDataPoints: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  theme: 'light' | 'dark';\r\n  maxRadiusValue?: number;\r\n  radius: number;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  dimmedOpacity: number;\r\n  precision: number;\r\n}\r\n\r\ninterface TreeMapDataTypeForBubbleChart extends TreeMapDataType {\r\n  x: number;\r\n  y: number;\r\n  vx: number;\r\n  vy: number;\r\n}\r\n\r\nexport const Graph = memo((props: Props) => {\r\n  const {\r\n    data,\r\n    colors,\r\n    leftMargin,\r\n    width,\r\n    height,\r\n    colorDomain,\r\n    selectedColor,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    showLabels,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    showValues,\r\n    suffix,\r\n    prefix,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    maxRadiusValue,\r\n    radius,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    dimmedOpacity,\r\n    precision,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [viewPortDimensions, setViewPortDimensions] = useState<\r\n    [number, number, number, number] | undefined\r\n  >(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const [finalData, setFinalData] = useState<TreeMapDataTypeForBubbleChart[] | null>(null);\r\n\r\n  // Memoize expensive calculations\r\n  const margin = useMemo(\r\n    () => ({\r\n      top: topMargin,\r\n      bottom: bottomMargin,\r\n      left: leftMargin,\r\n      right: rightMargin,\r\n    }),\r\n    [topMargin, bottomMargin, leftMargin, rightMargin],\r\n  );\r\n\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  // Memoize data ordering and radius scale\r\n  const dataOrdered = useMemo(\r\n    () =>\r\n      data.filter(d => !checkIfNullOrUndefined(d.size)).length === 0\r\n        ? data\r\n        : orderBy(\r\n            data.filter(d => !checkIfNullOrUndefined(d.size)),\r\n            'radius',\r\n            'asc',\r\n          ),\r\n    [data],\r\n  );\r\n\r\n  const radiusScale = useMemo(() => {\r\n    return data.filter(d => d.size === undefined || d.size === null).length !== data.length\r\n      ? scaleSqrt()\r\n          .domain([\r\n            0,\r\n            checkIfNullOrUndefined(maxRadiusValue)\r\n              ? Math.max(...data.map(d => d.size).filter(d => d !== undefined && d !== null))\r\n              : (maxRadiusValue as number),\r\n          ])\r\n          .range([0.25, radius])\r\n          .nice()\r\n      : undefined;\r\n  }, [data, maxRadiusValue, radius]);\r\n\r\n  // Memoize simulation setup\r\n  useEffect(() => {\r\n    const setupSimulation = () => {\r\n      const dataTemp = [...dataOrdered];\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      const simulation = forceSimulation(dataTemp as any)\r\n        .force('y', forceY(_d => graphHeight / 2).strength(1))\r\n        .force('x', forceX(_d => graphWidth / 2).strength(1))\r\n        .force(\r\n          'collide',\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          forceCollide((d: any) => (radiusScale ? radiusScale(d.size || 0) + 1 : radius + 1)),\r\n        )\r\n        .force('charge', forceManyBody().strength(-15))\r\n        .alphaDecay(0.05)\r\n        .tick(10000);\r\n\r\n      simulation\r\n        .on('tick', () => {\r\n          setFinalData(dataTemp as TreeMapDataTypeForBubbleChart[]);\r\n        })\r\n        .on('end', () => {\r\n          setFinalData(dataTemp as TreeMapDataTypeForBubbleChart[]);\r\n          const xMinExtent =\r\n            extent(\r\n              dataTemp as TreeMapDataTypeForBubbleChart[],\r\n              d => d.x - (radiusScale ? radiusScale(d.size || 0) + 1 : radius + 1),\r\n            )[0] || 0;\r\n          const yMinExtent =\r\n            extent(\r\n              dataTemp as TreeMapDataTypeForBubbleChart[],\r\n              d => d.y - (radiusScale ? radiusScale(d.size || 0) + 1 : radius + 1),\r\n            )[0] || 0;\r\n          const xMaxExtent =\r\n            extent(\r\n              dataTemp as TreeMapDataTypeForBubbleChart[],\r\n              d => d.x + (radiusScale ? radiusScale(d.size || 0) + 1 : radius + 1),\r\n            )[1] || 0;\r\n          const yMaxExtent =\r\n            extent(\r\n              dataTemp as TreeMapDataTypeForBubbleChart[],\r\n              d => d.y + (radiusScale ? radiusScale(d.size || 0) + 1 : radius + 1),\r\n            )[1] || 0;\r\n          setViewPortDimensions([\r\n            xMinExtent,\r\n            yMinExtent,\r\n            xMinExtent < 0 ? xMaxExtent - xMinExtent : xMaxExtent,\r\n            yMinExtent < 0 ? yMaxExtent - yMinExtent : yMaxExtent,\r\n          ]);\r\n        });\r\n    };\r\n\r\n    setupSimulation();\r\n  }, [data, radius, graphHeight, graphWidth, maxRadiusValue, dataOrdered, radiusScale]);\r\n\r\n  // Memoize event handlers to prevent unnecessary re-renders\r\n  const handleMouseEnter = useCallback(\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    (event: any, d: any) => {\r\n      setMouseOverData(d);\r\n      setEventY(event.clientY);\r\n      setEventX(event.clientX);\r\n      onSeriesMouseOver?.(d);\r\n    },\r\n    [onSeriesMouseOver],\r\n  );\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const handleMouseMove = useCallback((event: any, d: any) => {\r\n    setMouseOverData(d);\r\n    setEventY(event.clientY);\r\n    setEventX(event.clientX);\r\n  }, []);\r\n\r\n  const handleClick = useCallback(\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    (d: any) => {\r\n      if (onSeriesMouseClick || detailsOnClick) {\r\n        if (mouseClickData === d.label && resetSelectionOnDoubleClick) {\r\n          setMouseClickData(undefined);\r\n          onSeriesMouseClick?.(undefined);\r\n        } else {\r\n          setMouseClickData(d.label);\r\n          onSeriesMouseClick?.(d);\r\n        }\r\n      }\r\n    },\r\n    [onSeriesMouseClick, detailsOnClick, mouseClickData, resetSelectionOnDoubleClick],\r\n  );\r\n\r\n  const handleMouseLeave = useCallback(() => {\r\n    setMouseOverData(undefined);\r\n    setEventX(undefined);\r\n    setEventY(undefined);\r\n    onSeriesMouseOver?.(undefined);\r\n  }, [onSeriesMouseOver]);\r\n\r\n  // Memoize color and opacity calculations\r\n  const getCircleColor = useCallback(\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    (d: any) =>\r\n      data.filter(el => el.color).length === 0\r\n        ? colors[0]\r\n        : !d.color\r\n          ? Colors.gray\r\n          : colors[colorDomain.indexOf(d.color)],\r\n    [data, colors, colorDomain],\r\n  );\r\n\r\n  const getOpacity = useCallback(\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    (d: any) =>\r\n      selectedColor\r\n        ? d.color\r\n          ? colors[colorDomain.indexOf(d.color)] === selectedColor\r\n            ? 1\r\n            : dimmedOpacity\r\n          : dimmedOpacity\r\n        : highlightedDataPoints.length !== 0\r\n          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n            ? 0.85\r\n            : dimmedOpacity\r\n          : 0.85,\r\n    [selectedColor, dimmedOpacity, colors, colorDomain, highlightedDataPoints],\r\n  );\r\n\r\n  // Render loading state\r\n  if (!finalData) {\r\n    return (\r\n      <div style={{ width: `${width}px`, height: `${height}px` }}>\r\n        <div className='flex m-auto items-center justify-center p-0 leading-none text-base h-40'>\r\n          <Spinner />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n  if (viewPortDimensions) {\r\n    return (\r\n      <>\r\n        <svg\r\n          width={`${width}px`}\r\n          height={`${height}px`}\r\n          viewBox={`${viewPortDimensions[0] > 0 ? 0 : viewPortDimensions[0]} ${\r\n            viewPortDimensions[1] > 0 ? 0 : viewPortDimensions[1]\r\n          } ${width < viewPortDimensions[2] ? viewPortDimensions[2] : width} ${\r\n            height < viewPortDimensions[3] ? viewPortDimensions[3] : height\r\n          }`}\r\n          direction='ltr'\r\n          ref={svgRef}\r\n        >\r\n          <g transform={`translate(${margin.left},${margin.top})`}>\r\n            {finalData.map(d => {\r\n              const circleColor = getCircleColor(d);\r\n              const opacity = getOpacity(d);\r\n              const bubbleRadius = radiusScale ? radiusScale(d.size || 0) : radius;\r\n              const showLabel = bubbleRadius > 20 && (showLabels || showValues);\r\n              return (\r\n                <g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  opacity={opacity}\r\n                  transform={`translate(${d.x},${d.y})`}\r\n                  onMouseEnter={event => handleMouseEnter(event, d)}\r\n                  onMouseMove={event => handleMouseMove(event, d)}\r\n                  onClick={() => handleClick(d)}\r\n                  onMouseLeave={handleMouseLeave}\r\n                >\r\n                  <circle cx={0} cy={0} r={bubbleRadius} fill={circleColor} />\r\n                  {(showLabel || showValues) && d.size !== undefined && d.size !== null && (\r\n                    <g>\r\n                      <foreignObject\r\n                        y={0 - bubbleRadius}\r\n                        x={0 - bubbleRadius}\r\n                        width={2 * bubbleRadius}\r\n                        height={2 * bubbleRadius}\r\n                      >\r\n                        <div className='flex flex-col justify-center items-center h-full py-0 px-3'>\r\n                          {showLabels && (\r\n                            <p\r\n                              className={cn(\r\n                                'text-center leading-[1.25] overflow-hidden m-0 circle-packing-label',\r\n                                classNames?.graphObjectValues,\r\n                              )}\r\n                              style={{\r\n                                fontSize: `${Math.min(\r\n                                  Math.max(Math.round(bubbleRadius / 4), 12),\r\n                                  Math.max(\r\n                                    Math.round((bubbleRadius * 12) / `${d.label}`.length),\r\n                                    12,\r\n                                  ),\r\n                                  14,\r\n                                )}px`,\r\n                                WebkitLineClamp:\r\n                                  bubbleRadius * 2 < 60\r\n                                    ? 1\r\n                                    : bubbleRadius * 2 < 75\r\n                                      ? 2\r\n                                      : bubbleRadius * 2 < 100\r\n                                        ? 3\r\n                                        : undefined,\r\n                                display: '-webkit-box',\r\n                                WebkitBoxOrient: 'vertical',\r\n                                color: getTextColorBasedOnBgColor(circleColor),\r\n                                hyphens: 'auto',\r\n                                ...(styles?.graphObjectValues || {}),\r\n                              }}\r\n                            >\r\n                              {d.label}\r\n                            </p>\r\n                          )}\r\n                          {showValues && (\r\n                            <p\r\n                              className='text-center font-bold leading-[1.25] w-full m-0 circle-packing-value'\r\n                              style={{\r\n                                fontSize: `${Math.min(\r\n                                  Math.max(Math.round(bubbleRadius / 4), 14),\r\n                                  14,\r\n                                )}px`,\r\n                                color: getTextColorBasedOnBgColor(circleColor),\r\n                              }}\r\n                            >\r\n                              {numberFormattingFunction(d.size, 'NA', precision, prefix, suffix)}\r\n                            </p>\r\n                          )}\r\n                        </div>\r\n                      </foreignObject>\r\n                    </g>\r\n                  )}\r\n                </g>\r\n              );\r\n            })}\r\n          </g>\r\n        </svg>\r\n        {mouseOverData && tooltip && eventX && eventY && (\r\n          <Tooltip\r\n            data={mouseOverData}\r\n            body={tooltip}\r\n            xPos={eventX}\r\n            yPos={eventY}\r\n            backgroundStyle={styles?.tooltip}\r\n            className={classNames?.tooltip}\r\n          />\r\n        )}\r\n        {detailsOnClick && mouseClickData !== undefined ? (\r\n          <Modal\r\n            open={mouseClickData !== undefined}\r\n            onClose={() => {\r\n              setMouseClickData(undefined);\r\n            }}\r\n          >\r\n            <div\r\n              className='graph-modal-content m-0'\r\n              dangerouslySetInnerHTML={\r\n                typeof detailsOnClick === 'string'\r\n                  ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n                  : undefined\r\n              }\r\n            >\r\n              {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n            </div>\r\n          </Modal>\r\n        ) : null}\r\n      </>\r\n    );\r\n  }\r\n  return null;\r\n});\r\n\r\nGraph.displayName = 'BubbleChart';\r\n","import uniqBy from 'lodash.uniqby';\r\nimport { useState, useRef, useEffect } from 'react';\r\nimport sum from 'lodash.sum';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { Languages, SourcesDataType, StyleObject, ClassNameObject, TreeMapDataType } from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: TreeMapDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Color or array of colors for circle */\r\n  colors?: string | string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value mapped to the radius chart */\r\n  maxRadiusValue?: number;\r\n\r\n  // Graph Parameters\r\n  /** Maximum radius of the circle */\r\n  radius?: number;\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\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 */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function CirclePackingGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    leftMargin = 0,\r\n    rightMargin = 0,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    backgroundColor = false,\r\n    topMargin = 0,\r\n    bottomMargin = 0,\r\n    showLabels = true,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    showColorScale = true,\r\n    showValues,\r\n    graphID,\r\n    highlightedDataPoints = [],\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    showNAColor,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    radius,\r\n    maxRadiusValue,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    dimmedOpacity = 0.3,\r\n    precision = 2,\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(width || entries[0].target.clientWidth || 620);\r\n      setSvgHeight(height || entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      setSvgHeight(graphDiv.current.clientHeight || 480);\r\n      setSvgWidth(graphDiv.current.clientWidth || 620);\r\n      if (!width) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height]);\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${\r\n            graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n          }This is a chart where data points are represented by circles, and their sizes reflect their values.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n            {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n                graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  dataDownload\r\n                    ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                      ? data.map(d => d.data).filter(d => d !== undefined)\r\n                      : data.filter(d => d !== undefined)\r\n                    : null\r\n                }\r\n              />\r\n            ) : null}\r\n            <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n              {data.length === 0 ? (\r\n                <EmptyState />\r\n              ) : (\r\n                <>\r\n                  {showColorScale && data.filter(el => el.color).length !== 0 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      colors={\r\n                        (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n                      }\r\n                      colorDomain={\r\n                        colorDomain ||\r\n                        (uniqBy(\r\n                          data.filter(el => el.color),\r\n                          'color',\r\n                        ).map(d => d.color) as string[])\r\n                      }\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={\r\n                        showNAColor === undefined || showNAColor === null ? true : showNAColor\r\n                      }\r\n                      isCenter\r\n                    />\r\n                  ) : null}\r\n                  <div\r\n                    className='flex flex-col grow justify-center w-full leading-0'\r\n                    ref={graphDiv}\r\n                    aria-label='Graph area'\r\n                  >\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={data}\r\n                        colors={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors\r\n                              ? [colors as string]\r\n                              : [Colors.primaryColors['blue-600']]\r\n                            : (colors as string[] | undefined) ||\r\n                              Colors[theme].categoricalColors.colors\r\n                        }\r\n                        colorDomain={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? []\r\n                            : colorDomain ||\r\n                              (uniqBy(\r\n                                data.filter(el => el.color),\r\n                                'color',\r\n                              ).map(d => d.color) as string[])\r\n                        }\r\n                        width={width || svgWidth}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        showLabels={showLabels}\r\n                        showValues={\r\n                          showValues !== false\r\n                            ? data.filter(el => el.size).length !== 0\r\n                            : (showValues as boolean)\r\n                        }\r\n                        selectedColor={selectedColor}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        highlightedDataPoints={highlightedDataPoints}\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        theme={theme}\r\n                        radius={\r\n                          !radius\r\n                            ? (Math.min(\r\n                                width || svgWidth,\r\n                                height ||\r\n                                  (relativeHeight\r\n                                    ? minHeight\r\n                                      ? (width || svgWidth) * relativeHeight > minHeight\r\n                                        ? (width || svgWidth) * relativeHeight\r\n                                        : minHeight\r\n                                      : (width || svgWidth) * relativeHeight\r\n                                    : svgHeight),\r\n                              ) *\r\n                                (data.filter(d => !checkIfNullOrUndefined(d.size)).length === 0\r\n                                  ? 1\r\n                                  : Math.max(\r\n                                      ...data\r\n                                        .map(d => d.size)\r\n                                        .filter(d => d !== undefined && d !== null),\r\n                                    ))) /\r\n                              (data.filter(d => !checkIfNullOrUndefined(d.size)).length === 0\r\n                                ? data.length\r\n                                : sum(data.filter(d => d.size).map(d => d.size)) * 1.25)\r\n                            : radius\r\n                        }\r\n                        maxRadiusValue={maxRadiusValue}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        styles={styles}\r\n                        classNames={classNames}\r\n                        dimmedOpacity={dimmedOpacity}\r\n                        precision={precision}\r\n                      />\r\n                    ) : null}\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                classNames={{\r\n                  footnote: classNames?.footnote,\r\n                  source: classNames?.source,\r\n                }}\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["extent","values","valueof","min","max","value","index","Graph","memo","props","data","colors","leftMargin","width","height","colorDomain","selectedColor","rightMargin","topMargin","bottomMargin","showLabels","tooltip","onSeriesMouseOver","showValues","suffix","prefix","highlightedDataPoints","onSeriesMouseClick","maxRadiusValue","radius","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","dimmedOpacity","precision","svgRef","useRef","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","viewPortDimensions","setViewPortDimensions","eventX","setEventX","eventY","setEventY","finalData","setFinalData","margin","useMemo","graphWidth","graphHeight","dataOrdered","d","checkIfNullOrUndefined","orderBy","radiusScale","scaleSqrt","useEffect","dataTemp","forceSimulation","forceY","_d","forceX","forceCollide","forceManyBody","xMinExtent","yMinExtent","xMaxExtent","yMaxExtent","handleMouseEnter","useCallback","event","handleMouseMove","handleClick","handleMouseLeave","getCircleColor","el","Colors","getOpacity","jsxs","Fragment","jsx","circleColor","opacity","bubbleRadius","showLabel","cn","getTextColorBasedOnBgColor","Tooltip","Modal","string2HTML","Spinner","CirclePackingGraph","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","language","showNAColor","minHeight","theme","ariaLabel","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","resizeObserver","entries","GraphHeader","EmptyState","ColorLegendWithMouseOver","uniqBy","sum","GraphFooter"],"mappings":";;;;;;;;;;;;;;;;;;;AAAe,SAASA,GAAOC,GAAQC,GAAS;AAC9C,MAAIC,GACAC;AACJ,MAAIF,MAAY;AACd,eAAWG,KAASJ;AAClB,MAAII,KAAS,SACPF,MAAQ,SACNE,KAASA,MAAOF,IAAMC,IAAMC,MAE5BF,IAAME,MAAOF,IAAME,IACnBD,IAAMC,MAAOD,IAAMC;AAAA,OAIxB;AACL,QAAIC,IAAQ;AACZ,aAASD,KAASJ;AAChB,OAAKI,IAAQH,EAAQG,GAAO,EAAEC,GAAOL,CAAM,MAAM,SAC3CE,MAAQ,SACNE,KAASA,MAAOF,IAAMC,IAAMC,MAE5BF,IAAME,MAAOF,IAAME,IACnBD,IAAMC,MAAOD,IAAMC;AAAA,EAI/B;AACA,SAAO,CAACF,GAAKC,CAAG;AAClB;AC8BO,MAAMG,KAAQC,GAAK,CAACC,MAAiB;AAC1C,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,IACE1B,GACE2B,KAASC,GAAO,IAAI,GAGpB,CAACC,GAAeC,CAAgB,IAAIC,EAAc,MAAS,GAE3D,CAACC,GAAgBC,CAAiB,IAAIF,EAAc,MAAS,GAC7D,CAACG,GAAoBC,CAAqB,IAAIJ,EAElD,MAAS,GACL,CAACK,GAAQC,CAAS,IAAIN,EAA6B,MAAS,GAC5D,CAACO,GAAQC,CAAS,IAAIR,EAA6B,MAAS,GAC5D,CAACS,GAAWC,CAAY,IAAIV,EAAiD,IAAI,GAGjFW,IAASC;AAAA,IACb,OAAO;AAAA,MACL,KAAKlC;AAAA,MACL,QAAQC;AAAA,MACR,MAAMP;AAAA,MACN,OAAOK;AAAA,IAAA;AAAA,IAET,CAACC,GAAWC,GAAcP,GAAYK,CAAW;AAAA,EAAA,GAG7CoC,IAAaxC,IAAQsC,EAAO,OAAOA,EAAO,OAC1CG,KAAcxC,IAASqC,EAAO,MAAMA,EAAO,QAG3CI,IAAcH;AAAA,IAClB,MACE1C,EAAK,OAAO,CAAA8C,MAAK,CAACC,EAAuBD,EAAE,IAAI,CAAC,EAAE,WAAW,IACzD9C,IACAgD;AAAA,MACEhD,EAAK,OAAO,CAAA8C,MAAK,CAACC,EAAuBD,EAAE,IAAI,CAAC;AAAA,MAChD;AAAA,MACA;AAAA,IAAA;AAAA,IAER,CAAC9C,CAAI;AAAA,EAAA,GAGDiD,IAAcP,GAAQ,MACnB1C,EAAK,OAAO,CAAA8C,MAAKA,EAAE,SAAS,UAAaA,EAAE,SAAS,IAAI,EAAE,WAAW9C,EAAK,SAC7EkD,GAAA,EACG,OAAO;AAAA,IACN;AAAA,IACAH,EAAuB7B,CAAc,IACjC,KAAK,IAAI,GAAGlB,EAAK,IAAI,CAAA8C,MAAKA,EAAE,IAAI,EAAE,OAAO,CAAAA,MAAwBA,KAAM,IAAI,CAAC,IAC3E5B;AAAA,EAAA,CACN,EACA,MAAM,CAAC,MAAMC,CAAM,CAAC,EACpB,KAAA,IACH,QACH,CAACnB,GAAMkB,GAAgBC,CAAM,CAAC;AAGjC,EAAAgC,GAAU,MAAM;AAmDd,KAlDwB,MAAM;AAC5B,YAAMC,IAAW,CAAC,GAAGP,CAAW;AAchC,MAZmBQ,GAAgBD,CAAe,EAC/C,MAAM,KAAKE,GAAO,CAAAC,MAAMX,KAAc,CAAC,EAAE,SAAS,CAAC,CAAC,EACpD,MAAM,KAAKY,GAAO,CAAAD,MAAMZ,IAAa,CAAC,EAAE,SAAS,CAAC,CAAC,EACnD;AAAA,QACC;AAAA;AAAA,QAEAc,GAAa,CAACX,MAAYG,IAAcA,EAAYH,EAAE,QAAQ,CAAC,IAAI,IAAI3B,IAAS,CAAE;AAAA,MAAA,EAEnF,MAAM,UAAUuC,GAAA,EAAgB,SAAS,GAAG,CAAC,EAC7C,WAAW,IAAI,EACf,KAAK,GAAK,EAGV,GAAG,QAAQ,MAAM;AAChB,QAAAlB,EAAaY,CAA2C;AAAA,MAC1D,CAAC,EACA,GAAG,OAAO,MAAM;AACf,QAAAZ,EAAaY,CAA2C;AACxD,cAAMO,IACJrE;AAAA,UACE8D;AAAA,UACA,CAAAN,MAAKA,EAAE,KAAKG,IAAcA,EAAYH,EAAE,QAAQ,CAAC,IAAI,IAAI3B,IAAS;AAAA,QAAA,EAClE,CAAC,KAAK,GACJyC,IACJtE;AAAA,UACE8D;AAAA,UACA,CAAAN,MAAKA,EAAE,KAAKG,IAAcA,EAAYH,EAAE,QAAQ,CAAC,IAAI,IAAI3B,IAAS;AAAA,QAAA,EAClE,CAAC,KAAK,GACJ0C,IACJvE;AAAA,UACE8D;AAAA,UACA,CAAAN,MAAKA,EAAE,KAAKG,IAAcA,EAAYH,EAAE,QAAQ,CAAC,IAAI,IAAI3B,IAAS;AAAA,QAAA,EAClE,CAAC,KAAK,GACJ2C,KACJxE;AAAA,UACE8D;AAAA,UACA,CAAAN,MAAKA,EAAE,KAAKG,IAAcA,EAAYH,EAAE,QAAQ,CAAC,IAAI,IAAI3B,IAAS;AAAA,QAAA,EAClE,CAAC,KAAK;AACV,QAAAe,EAAsB;AAAA,UACpByB;AAAA,UACAC;AAAA,UACAD,IAAa,IAAIE,IAAaF,IAAaE;AAAA,UAC3CD,IAAa,IAAIE,KAAaF,IAAaE;AAAA,QAAA,CAC5C;AAAA,MACH,CAAC;AAAA,IACL,GAEA;AAAA,EACF,GAAG,CAAC9D,GAAMmB,GAAQyB,IAAaD,GAAYzB,GAAgB2B,GAAaI,CAAW,CAAC;AAGpF,QAAMc,IAAmBC;AAAA;AAAA,IAEvB,CAACC,GAAYnB,MAAW;AACtB,MAAAjB,EAAiBiB,CAAC,GAClBR,EAAU2B,EAAM,OAAO,GACvB7B,EAAU6B,EAAM,OAAO,GACvBrD,IAAoBkC,CAAC;AAAA,IACvB;AAAA,IACA,CAAClC,CAAiB;AAAA,EAAA,GAIdsD,KAAkBF,EAAY,CAACC,GAAYnB,MAAW;AAC1D,IAAAjB,EAAiBiB,CAAC,GAClBR,EAAU2B,EAAM,OAAO,GACvB7B,EAAU6B,EAAM,OAAO;AAAA,EACzB,GAAG,CAAA,CAAE,GAECE,KAAcH;AAAA;AAAA,IAElB,CAAClB,MAAW;AACV,OAAI7B,KAAsBI,OACpBU,MAAmBe,EAAE,SAAS1B,KAChCY,EAAkB,MAAS,GAC3Bf,IAAqB,MAAS,MAE9Be,EAAkBc,EAAE,KAAK,GACzB7B,IAAqB6B,CAAC;AAAA,IAG5B;AAAA,IACA,CAAC7B,GAAoBI,GAAgBU,GAAgBX,CAA2B;AAAA,EAAA,GAG5EgD,KAAmBJ,EAAY,MAAM;AACzC,IAAAnC,EAAiB,MAAS,GAC1BO,EAAU,MAAS,GACnBE,EAAU,MAAS,GACnB1B,IAAoB,MAAS;AAAA,EAC/B,GAAG,CAACA,CAAiB,CAAC,GAGhByD,IAAiBL;AAAA;AAAA,IAErB,CAAClB,MACC9C,EAAK,OAAO,OAAMsE,EAAG,KAAK,EAAE,WAAW,IACnCrE,EAAO,CAAC,IACP6C,EAAE,QAED7C,EAAOI,EAAY,QAAQyC,EAAE,KAAK,CAAC,IADnCyB,GAAO;AAAA,IAEf,CAACvE,GAAMC,GAAQI,CAAW;AAAA,EAAA,GAGtBmE,KAAaR;AAAA;AAAA,IAEjB,CAAClB,MACCxC,IACIwC,EAAE,SACA7C,EAAOI,EAAY,QAAQyC,EAAE,KAAK,CAAC,MAAMxC,IACvC,IAEFkB,IACFR,EAAsB,WAAW,IAC/BA,EAAsB,QAAQ8B,EAAE,KAAK,MAAM,KACzC,OACAtB,IACF;AAAA,IACR,CAAClB,GAAekB,GAAevB,GAAQI,GAAaW,CAAqB;AAAA,EAAA;AAI3E,SAAKuB,IASDN,IAEAwC,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,GAAGxE,CAAK;AAAA,QACf,QAAQ,GAAGC,CAAM;AAAA,QACjB,SAAS,GAAG6B,EAAmB,CAAC,IAAI,IAAI,IAAIA,EAAmB,CAAC,CAAC,IAC/DA,EAAmB,CAAC,IAAI,IAAI,IAAIA,EAAmB,CAAC,CACtD,IAAI9B,IAAQ8B,EAAmB,CAAC,IAAIA,EAAmB,CAAC,IAAI9B,CAAK,IAC/DC,IAAS6B,EAAmB,CAAC,IAAIA,EAAmB,CAAC,IAAI7B,CAC3D;AAAA,QACA,WAAU;AAAA,QACV,KAAKsB;AAAA,QAEL,UAAAiD,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAW,aAAalC,EAAO,IAAI,IAAIA,EAAO,GAAG,KACjD,UAAAF,EAAU,IAAI,CAAAO,MAAK;AAClB,gBAAM8B,IAAcP,EAAevB,CAAC,GAC9B+B,KAAUL,GAAW1B,CAAC,GACtBgC,IAAe7B,IAAcA,EAAYH,EAAE,QAAQ,CAAC,IAAI3B,GACxD4D,IAAYD,IAAe,OAAOpE,KAAcG;AACtD,iBACE4D,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cAEV,SAAAI;AAAA,cACA,WAAW,aAAa/B,EAAE,CAAC,IAAIA,EAAE,CAAC;AAAA,cAClC,cAAc,CAAAmB,MAASF,EAAiBE,GAAOnB,CAAC;AAAA,cAChD,aAAa,CAAAmB,MAASC,GAAgBD,GAAOnB,CAAC;AAAA,cAC9C,SAAS,MAAMqB,GAAYrB,CAAC;AAAA,cAC5B,cAAcsB;AAAA,cAEd,UAAA;AAAA,gBAAAO,gBAAAA,EAAAA,IAAC,UAAA,EAAO,IAAI,GAAG,IAAI,GAAGG,GAAiB,MAAMF,EAAA,CAAa;AAAA,iBACxDG,KAAalE,MAAeiC,EAAE,SAAS,UAAaA,EAAE,SAAS,QAC/D6B,gBAAAA,EAAAA,IAAC,KAAA,EACC,UAAAA,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,GAAG,IAAIG;AAAA,oBACP,GAAG,IAAIA;AAAA,oBACP,OAAO,IAAIA;AAAA,oBACX,QAAQ,IAAIA;AAAA,oBAEZ,UAAAL,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,8DACZ,UAAA;AAAA,sBAAA/D,KACCiE,gBAAAA,EAAAA;AAAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,WAAWK;AAAAA,4BACT;AAAA,4BACAzD,GAAY;AAAA,0BAAA;AAAA,0BAEd,OAAO;AAAA,4BACL,UAAU,GAAG,KAAK;AAAA,8BAChB,KAAK,IAAI,KAAK,MAAMuD,IAAe,CAAC,GAAG,EAAE;AAAA,8BACzC,KAAK;AAAA,gCACH,KAAK,MAAOA,IAAe,KAAM,GAAGhC,EAAE,KAAK,GAAG,MAAM;AAAA,gCACpD;AAAA,8BAAA;AAAA,8BAEF;AAAA,4BAAA,CACD;AAAA,4BACD,iBACEgC,IAAe,IAAI,KACf,IACAA,IAAe,IAAI,KACjB,IACAA,IAAe,IAAI,MACjB,IACA;AAAA,4BACV,SAAS;AAAA,4BACT,iBAAiB;AAAA,4BACjB,OAAOG,GAA2BL,CAAW;AAAA,4BAC7C,SAAS;AAAA,4BACT,GAAItD,GAAQ,qBAAqB,CAAA;AAAA,0BAAC;AAAA,0BAGnC,UAAAwB,EAAE;AAAA,wBAAA;AAAA,sBAAA;AAAA,sBAGNjC,KACC8D,gBAAAA,EAAAA;AAAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,WAAU;AAAA,0BACV,OAAO;AAAA,4BACL,UAAU,GAAG,KAAK;AAAA,8BAChB,KAAK,IAAI,KAAK,MAAMG,IAAe,CAAC,GAAG,EAAE;AAAA,8BACzC;AAAA,4BAAA,CACD;AAAA,4BACD,OAAOG,GAA2BL,CAAW;AAAA,0BAAA;AAAA,0BAG9C,aAAyB9B,EAAE,MAAM,MAAMrB,IAAWV,GAAQD,CAAM;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACnE,EAAA,CAEJ;AAAA,kBAAA;AAAA,gBAAA,EACF,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,YAnEGgC,EAAE;AAAA,UAAA;AAAA,QAuEb,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDlB,KAAiBjB,KAAWwB,KAAUE,KACrCsC,gBAAAA,EAAAA;AAAAA,MAACO;AAAA,MAAA;AAAA,QACC,MAAMtD;AAAA,QACN,MAAMjB;AAAA,QACN,MAAMwB;AAAA,QACN,MAAME;AAAA,QACN,iBAAiBf,GAAQ;AAAA,QACzB,WAAWC,GAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAG1BF,KAAkBU,MAAmB,SACpC4C,gBAAAA,EAAAA;AAAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,MAAMpD,MAAmB;AAAA,QACzB,SAAS,MAAM;AACb,UAAAC,EAAkB,MAAS;AAAA,QAC7B;AAAA,QAEA,UAAA2C,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,yBACE,OAAOtD,KAAmB,WACtB,EAAE,QAAQ+D,GAAY/D,GAAgBU,CAAc,EAAA,IACpD;AAAA,YAGL,UAAA,OAAOV,KAAmB,aAAaA,EAAeU,CAAc,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3E;AAAA,IAAA,IAEA;AAAA,EAAA,GACN,IAGG,OAxIH4C,gBAAAA,MAAC,SAAI,OAAO,EAAE,OAAO,GAAGxE,CAAK,MAAM,QAAQ,GAAGC,CAAM,KAAA,GAClD,gCAAC,OAAA,EAAI,WAAU,2EACb,UAAAuE,gBAAAA,EAAAA,IAACU,IAAA,EAAQ,GACX,EAAA,CACF;AAqIN,CAAC;AAEDxF,GAAM,cAAc;AChSb,SAASyF,GAAmBvF,GAAc;AAC/C,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,YAAAuF;AAAA,IACA,QAAAtF;AAAA,IACA,QAAAa,IAAS;AAAA,IACT,SAAA0E;AAAA,IACA,QAAAzE,IAAS;AAAA,IACT,kBAAA0E;AAAA,IACA,YAAAvF,IAAa;AAAA,IACb,aAAAK,IAAc;AAAA,IACd,QAAAH;AAAA,IACA,OAAAD;AAAA,IACA,UAAAuF;AAAA,IACA,aAAArF;AAAA,IACA,kBAAAsF;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,WAAArF,IAAY;AAAA,IACZ,cAAAC,IAAe;AAAA,IACf,YAAAC,IAAa;AAAA,IACb,gBAAAoF;AAAA,IACA,SAAAnF;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAmF,IAAiB;AAAA,IACjB,YAAAlF;AAAA,IACA,SAAAmF;AAAA,IACA,uBAAAhF,KAAwB,CAAA;AAAA,IACxB,oBAAAC;AAAA,IACA,eAAAgF,IAAgB;AAAA,IAChB,cAAAC,IAAe;AAAA,IACf,UAAAC,IAAW;AAAA,IACX,aAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,QAAApF;AAAA,IACA,gBAAAD;AAAA,IACA,6BAAAE,IAA8B;AAAA,IAC9B,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,WAAAC,KAAY;AAAA,EAAA,IACV1B,GACE,CAACyG,GAAUC,CAAW,IAAI3E,EAAS,CAAC,GACpC,CAAC4E,GAAWC,EAAY,IAAI7E,EAAS,CAAC,GACtC,CAACxB,IAAesG,EAAgB,IAAI9E,EAA6B,MAAS,GAC1E+E,IAAWlF,GAAuB,IAAI,GACtCmF,KAAiBnF,GAAuB,IAAI;AAClD,SAAAwB,GAAU,MAAM;AACd,UAAM4D,IAAiB,IAAI,eAAe,CAAAC,MAAW;AACnD,MAAAP,EAAYtG,KAAS6G,EAAQ,CAAC,EAAE,OAAO,eAAe,GAAG,GACzDL,GAAavG,KAAU4G,EAAQ,CAAC,EAAE,OAAO,gBAAgB,GAAG;AAAA,IAC9D,CAAC;AACD,WAAIH,EAAS,YACXF,GAAaE,EAAS,QAAQ,gBAAgB,GAAG,GACjDJ,EAAYI,EAAS,QAAQ,eAAe,GAAG,GAC1C1G,KAAO4G,EAAe,QAAQF,EAAS,OAAO,IAE9C,MAAME,EAAe,WAAA;AAAA,EAC9B,GAAG,CAAC5G,GAAOC,CAAM,CAAC,GAEhBuE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG2B,KAAS,OAAO,UAAUnG,IAAQ,iBAAiB,aAAa;AAAA,MAC9E,KAAKgG,MAAa,QAAQA,MAAa,OAAO,QAAQ;AAAA,MAEtD,UAAAxB,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWK;AAAAA,YACT,GACGa,IAEGA,MAAoB,KAClB,kDACA,KAHF,iBAIN,gDAAgDM,KAAY,IAAI;AAAA,YAChE5E,GAAY;AAAA,UAAA;AAAA,UAEd,OAAO;AAAA,YACL,GAAID,GAAQ,kBAAkB,CAAA;AAAA,YAC9B,GAAIuE,KAAmBA,MAAoB,KAAO,EAAE,iBAAAA,EAAA,IAAoB,CAAA;AAAA,UAAC;AAAA,UAE3E,IAAIG;AAAA,UACJ,KAAKc;AAAA,UACL,cACEP,KACA,GACEhB,IAAa,mBAAmBA,CAAU,OAAO,EACnD,sGACEE,IAAmB,IAAIA,CAAgB,KAAK,EAC9C;AAAA,UAGF,UAAAd,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,SAASkB,IAAkBD,KAAW,SAASA,KAAW,EAAA;AAAA,cAEnE,UAAAnB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mDACZ,UAAA;AAAA,gBAAAc,KAAcE,KAAoBQ,KAAiBC,IAClDvB,gBAAAA,EAAAA;AAAAA,kBAACsC;AAAA,kBAAA;AAAA,oBACC,QAAQ;AAAA,sBACN,OAAO3F,GAAQ;AAAA,sBACf,aAAaA,GAAQ;AAAA,oBAAA;AAAA,oBAEvB,YAAY;AAAA,sBACV,OAAOC,GAAY;AAAA,sBACnB,aAAaA,GAAY;AAAA,oBAAA;AAAA,oBAE3B,YAAAgE;AAAA,oBACA,kBAAAE;AAAA,oBACA,OAAAtF;AAAA,oBACA,eAAe8F,IAAgBa,GAAe,UAAU;AAAA,oBACxD,cACEZ,IACIlG,EAAK,IAAI,CAAA8C,MAAKA,EAAE,IAAI,EAAE,OAAO,CAAAA,MAAKA,MAAM,MAAS,EAAE,SAAS,IAC1D9C,EAAK,IAAI,CAAA8C,MAAKA,EAAE,IAAI,EAAE,OAAO,CAAAA,MAAKA,MAAM,MAAS,IACjD9C,EAAK,OAAO,CAAA8C,MAAKA,MAAM,MAAS,IAClC;AAAA,kBAAA;AAAA,gBAAA,IAGN;AAAA,gBACJ6B,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kDACZ,UAAA3E,EAAK,WAAW,IACf2E,gBAAAA,EAAAA,IAACuC,IAAA,CAAA,CAAW,IAEZzC,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACG,UAAA;AAAA,kBAAAqB,KAAkB/F,EAAK,OAAO,CAAAsE,MAAMA,EAAG,KAAK,EAAE,WAAW,IACxDK,gBAAAA,EAAAA;AAAAA,oBAACwC;AAAA,oBAAA;AAAA,sBACC,OAAAhH;AAAA,sBACA,kBAAAwF;AAAA,sBACA,QACG1F,KAAmCsE,GAAO+B,CAAK,EAAE,kBAAkB;AAAA,sBAEtE,aACEjG,KACC+G;AAAA,wBACCpH,EAAK,OAAO,CAAAsE,MAAMA,EAAG,KAAK;AAAA,wBAC1B;AAAA,sBAAA,EACA,IAAI,CAAAxB,MAAKA,EAAE,KAAK;AAAA,sBAEpB,kBAAA8D;AAAA,sBACA,aAC+BR,KAAuB;AAAA,sBAEtD,UAAQ;AAAA,oBAAA;AAAA,kBAAA,IAER;AAAA,kBACJzB,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,KAAKkC;AAAA,sBACL,cAAW;AAAA,sBAET,WAAA1G,KAASqG,OAAcpG,KAAUsG,KACjC/B,gBAAAA,EAAAA;AAAAA,wBAAC9E;AAAA,wBAAA;AAAA,0BACC,MAAAG;AAAA,0BACA,QACEA,EAAK,OAAO,CAAAsE,MAAMA,EAAG,KAAK,EAAE,WAAW,IACnCrE,IACE,CAACA,CAAgB,IACjB,CAACsE,GAAO,cAAc,UAAU,CAAC,IAClCtE,KACDsE,GAAO+B,CAAK,EAAE,kBAAkB;AAAA,0BAEtC,aACEtG,EAAK,OAAO,CAAAsE,MAAMA,EAAG,KAAK,EAAE,WAAW,IACnC,CAAA,IACAjE,KACC+G;AAAA,4BACCpH,EAAK,OAAO,CAAAsE,MAAMA,EAAG,KAAK;AAAA,4BAC1B;AAAA,0BAAA,EACA,IAAI,CAAAxB,MAAKA,EAAE,KAAK;AAAA,0BAExB,OAAO3C,KAASqG;AAAA,0BAChB,QAAQ,KAAK;AAAA,4BACXH;AAAA,4BACAjG,MACG0F,IACGO,KACGlG,KAASqG,KAAYV,IAAiBO,KACpClG,KAASqG,KAAYV,IACtBO,KACDlG,KAASqG,KAAYV,IACxBY;AAAA,0BAAA;AAAA,0BAER,YAAAxG;AAAA,0BACA,aAAAK;AAAA,0BACA,WAAAC;AAAA,0BACA,cAAAC;AAAA,0BACA,YAAAC;AAAA,0BACA,YACEG,MAAe,KACXb,EAAK,OAAO,OAAMsE,EAAG,IAAI,EAAE,WAAW,IACrCzD;AAAA,0BAEP,eAAAP;AAAA,0BACA,QAAAQ;AAAA,0BACA,QAAAC;AAAA,0BACA,SAAAJ;AAAA,0BACA,mBAAAC;AAAA,0BACA,uBAAAI;AAAA,0BACA,oBAAAC;AAAA,0BACA,OAAAqF;AAAA,0BACA,QACGnF,KACI,KAAK;AAAA,4BACJhB,KAASqG;AAAA,4BACTpG,MACG0F,IACGO,KACGlG,KAASqG,KAAYV,IAAiBO,KACpClG,KAASqG,KAAYV,IACtBO,KACDlG,KAASqG,KAAYV,IACxBY;AAAA,0BAAA,KAEL1G,EAAK,OAAO,CAAA8C,MAAK,CAACC,EAAuBD,EAAE,IAAI,CAAC,EAAE,WAAW,IAC1D,IACA,KAAK;AAAA,4BACH,GAAG9C,EACA,IAAI,CAAA8C,MAAKA,EAAE,IAAI,EACf,OAAO,CAAAA,MAAwBA,KAAM,IAAI;AAAA,0BAAA,MAEnD9C,EAAK,OAAO,CAAA8C,MAAK,CAACC,EAAuBD,EAAE,IAAI,CAAC,EAAE,WAAW,IAC1D9C,EAAK,SACLqH,GAAIrH,EAAK,OAAO,CAAA8C,MAAKA,EAAE,IAAI,EAAE,IAAI,CAAAA,MAAKA,EAAE,IAAI,CAAC,IAAI;AAAA,0BAG3D,gBAAA5B;AAAA,0BACA,6BAAAE;AAAA,0BACA,gBAAAC;AAAA,0BACA,QAAAC;AAAA,0BACA,YAAAC;AAAA,0BACA,eAAAC;AAAA,0BACA,WAAAC;AAAA,wBAAA;AAAA,sBAAA,IAEA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACN,EAAA,CACF,EAAA,CAEJ;AAAA,gBACC+D,KAAWE,IACVf,gBAAAA,EAAAA;AAAAA,kBAAC2C;AAAA,kBAAA;AAAA,oBACC,QAAQ,EAAE,UAAUhG,GAAQ,UAAU,QAAQA,GAAQ,OAAA;AAAA,oBACtD,YAAY;AAAA,sBACV,UAAUC,GAAY;AAAA,sBACtB,QAAQA,GAAY;AAAA,oBAAA;AAAA,oBAEtB,SAAAiE;AAAA,oBACA,UAAAE;AAAA,oBACA,OAAAvF;AAAA,kBAAA;AAAA,gBAAA,IAEA;AAAA,cAAA,EAAA,CACN;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;","x_google_ignoreList":[0]}

package/dist/index-BW_-wD2k.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("./index-CHPV5EwG-DDoeWRVt.cjs"),x=require("react"),p=r.j("undp-button m-0! tracking-[0.48px] inline-flex items-center justify-center gap-2 uppercase whitespace-nowrap rounded-none text-lg font-bold transition-colors focus-visible:outline-hidden focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{primary:"bg-accent-dark-red text-primary-white button-arrow black-arrow hover:bg-accent-red","primary-without-icon":"bg-accent-dark-red text-primary-white hover:bg-accent-red",secondary:"bg-primary-blue-600 text-primary-white button-arrow white-arrow hover:bg-primary-blue-400","secondary-without-icon":"bg-primary-blue-600 text-primary-white hover:bg-primary-blue-400",tertiary:"bg-primary-gray-300 text-primary-gray-700 dark:bg-primary-gray-600 dark:text-primary-white red-arrow hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550",link:"text-primary-gray-700 dark:text-primary-white red-arrow button-arrow","link-without-icon":"text-primary-gray-700 dark:text-primary-white dark:hover:text-primary-gray-500 hover:text-primary-gray-500",outline:"bg-transparent text-primary-black dark:text-primary-white border-2 border-primary-gray-700 dark:border-primary-gray-100 dark:hover:bg-primary-gray-550 hover:bg-primary-gray-300",icon:"bg-transparent dark:text-primary-gray-100 text-primary-gray-700 dark:hover:text-primary-gray-500 hover:text-primary-gray-500"},size:{base:"leading-none text-base!",xs:"leading-none text-xs!",sm:"leading-none text-sm!",xl:"leading-none text-xl!"},padding:{base:"py-4 px-6",sm:"px-4 py-2",none:"py-0 px-0"}},defaultVariants:{variant:"primary",size:"base",padding:"base"}}),t=x.forwardRef(({className:e,variant:s,size:i,padding:n,...a},o)=>r.ae.jsx("button",{...a,className:r.mo(p({variant:s,size:i,padding:n}),e),ref:o}));t.displayName="Button";function d(){return r.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",className:"stroke-primary-black dark:stroke-primary-white",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[r.jsxRuntimeExports.jsx("path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"}),r.jsxRuntimeExports.jsx("path",{d:"M14 2v4a2 2 0 0 0 2 2h4"}),r.jsxRuntimeExports.jsx("path",{d:"M12 18v-6"}),r.jsxRuntimeExports.jsx("path",{d:"m9 15 3 3 3-3"})]})}function h(){return r.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",className:"stroke-primary-black dark:stroke-primary-white",fill:"none",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round",children:[r.jsxRuntimeExports.jsx("path",{d:"M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21"}),r.jsxRuntimeExports.jsx("path",{d:"m14 19 3 3v-5.5"}),r.jsxRuntimeExports.jsx("path",{d:"m17 22 3-3"}),r.jsxRuntimeExports.jsx("circle",{cx:"9",cy:"9",r:"2"})]})}function m(){return r.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",className:"stroke-primary-black dark:stroke-primary-white",fill:"none",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round",children:[r.jsxRuntimeExports.jsx("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),r.jsxRuntimeExports.jsx("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"})]})}function l(){return r.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",className:"stroke-primary-gray-600 dark:stroke-primary-white",fill:"none",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[r.jsxRuntimeExports.jsx("path",{d:"M18 6 6 18"}),r.jsxRuntimeExports.jsx("path",{d:"m6 6 12 12"})]})}function c(){return r.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",className:"stroke-primary-black dark:stroke-primary-white",fill:"none",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round",children:[r.jsxRuntimeExports.jsx("path",{d:"m3 16 4 4 4-4"}),r.jsxRuntimeExports.jsx("path",{d:"M7 20V4"}),r.jsxRuntimeExports.jsx("path",{d:"m21 8-4-4-4 4"}),r.jsxRuntimeExports.jsx("path",{d:"M17 4v16"})]})}function u(){return r.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",className:"stroke-primary-black dark:stroke-primary-white",fill:"none",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round",children:[r.jsxRuntimeExports.jsx("path",{d:"m3 16 4 4 4-4"}),r.jsxRuntimeExports.jsx("path",{d:"M7 20V4"}),r.jsxRuntimeExports.jsx("path",{d:"M11 4h10"}),r.jsxRuntimeExports.jsx("path",{d:"M11 8h7"}),r.jsxRuntimeExports.jsx("path",{d:"M11 12h4"})]})}function g(){return r.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",className:"stroke-primary-black dark:stroke-primary-white",fill:"none",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round",children:[r.jsxRuntimeExports.jsx("path",{d:"m3 16 4 4 4-4"}),r.jsxRuntimeExports.jsx("path",{d:"M7 20V4"}),r.jsxRuntimeExports.jsx("path",{d:"M11 4h4"}),r.jsxRuntimeExports.jsx("path",{d:"M11 8h7"}),r.jsxRuntimeExports.jsx("path",{d:"M11 12h10"})]})}function w(){return r.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",className:"stroke-primary-black dark:stroke-primary-white",fill:"none",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round",children:r.jsxRuntimeExports.jsx("polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"})})}function j(){return r.jsxRuntimeExports.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r.jsxRuntimeExports.jsx("path",{d:"M16.926 9L14 12.46V21L10 19V12.46L2 3H14.5",className:"stroke-primary-black dark:stroke-primary-white",fill:"none",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsxRuntimeExports.jsx("circle",{cx:"20",cy:"4",r:"3",className:"stroke-primary-black dark:stroke-primary-white fill-primary-black dark:fill-primary-white",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]})}function k(){return r.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",className:"stroke-primary-white dark:stroke-primary-white",fill:"none",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[r.jsxRuntimeExports.jsx("path",{d:"m9 7-5 5 5 5"}),r.jsxRuntimeExports.jsx("path",{d:"m15 7 5 5-5 5"})]})}function y(){return r.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48",children:[r.jsxRuntimeExports.jsx("circle",{cx:24,cy:24,r:24,className:"fill-primary-gray-300 dark:fill-primary-gray-600"}),r.jsxRuntimeExports.jsx("polygon",{points:"6 3 20 12 6 21 6 3",className:"fill-accent-dark-red dark:fill-accent-red",transform:"translate(10,10) scale(1.25)"})]})}function v(){return r.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48",children:[r.jsxRuntimeExports.jsx("circle",{cx:24,cy:24,r:24,className:"fill-primary-gray-300 dark:fill-primary-gray-600"}),r.jsxRuntimeExports.jsx("rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",className:"fill-accent-dark-red dark:fill-accent-red",transform:"translate(10,10) scale(1.25)"}),r.jsxRuntimeExports.jsx("rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",className:"fill-accent-dark-red dark:fill-accent-red",transform:"translate(10,10) scale(1.25)"})]})}function R(){return r.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:"stroke-primary-gray-500 dark:stroke-primary-gray-550",children:[r.jsxRuntimeExports.jsx("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}),r.jsxRuntimeExports.jsx("path",{d:"M12 9v4"}),r.jsxRuntimeExports.jsx("path",{d:"M12 17h.01"})]})}exports.Alert=R;exports.ChevronLeftRight=k;exports.Copy=m;exports.FileDown=d;exports.FilterIcon=w;exports.FilterIconApplied=j;exports.ImageDown=h;exports.Pause=v;exports.Play=y;exports.SortingIcon=c;exports.SortingIconAscending=g;exports.SortingIconDescending=u;exports.X=l;exports.d=t;
+//# sourceMappingURL=index-BW_-wD2k.cjs.map

package/dist/index-BW_-wD2k.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BW_-wD2k.cjs","sources":["../node_modules/@undp/design-system-react/dist/Button.js","../src/Components/Icons/index.tsx"],"sourcesContent":["import { j as o } from \"./jsx-runtime-OVHDjVDe.js\";\nimport p from \"react\";\nimport { c as y } from \"./index-CHPV5EwG.js\";\nimport { c as m } from \"./utils-D_Pof5Gy.js\";\nconst s = y(\n  \"undp-button m-0! tracking-[0.48px] inline-flex items-center justify-center gap-2 uppercase whitespace-nowrap rounded-none text-lg font-bold transition-colors focus-visible:outline-hidden focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        primary: \"bg-accent-dark-red text-primary-white button-arrow black-arrow hover:bg-accent-red\",\n        \"primary-without-icon\": \"bg-accent-dark-red text-primary-white hover:bg-accent-red\",\n        secondary: \"bg-primary-blue-600 text-primary-white button-arrow white-arrow hover:bg-primary-blue-400\",\n        \"secondary-without-icon\": \"bg-primary-blue-600 text-primary-white hover:bg-primary-blue-400\",\n        tertiary: \"bg-primary-gray-300 text-primary-gray-700 dark:bg-primary-gray-600 dark:text-primary-white red-arrow hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550\",\n        link: \"text-primary-gray-700 dark:text-primary-white red-arrow button-arrow\",\n        \"link-without-icon\": \"text-primary-gray-700 dark:text-primary-white dark:hover:text-primary-gray-500 hover:text-primary-gray-500\",\n        outline: \"bg-transparent text-primary-black dark:text-primary-white border-2 border-primary-gray-700 dark:border-primary-gray-100 dark:hover:bg-primary-gray-550 hover:bg-primary-gray-300\",\n        icon: \"bg-transparent dark:text-primary-gray-100 text-primary-gray-700 dark:hover:text-primary-gray-500 hover:text-primary-gray-500\"\n      },\n      size: {\n        base: \"leading-none text-base!\",\n        xs: \"leading-none text-xs!\",\n        sm: \"leading-none text-sm!\",\n        xl: \"leading-none text-xl!\"\n      },\n      padding: {\n        base: \"py-4 px-6\",\n        sm: \"px-4 py-2\",\n        none: \"py-0 px-0\"\n      }\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"base\",\n      padding: \"base\"\n    }\n  }\n), d = p.forwardRef(\n  ({ className: r, variant: a, size: t, padding: e, ...i }, n) => /* @__PURE__ */ o.jsx(\n    \"button\",\n    {\n      ...i,\n      className: m(s({ variant: a, size: t, padding: e }), r),\n      ref: n\n    }\n  )\n);\nd.displayName = \"Button\";\nexport {\n  d as Button\n};\n//# sourceMappingURL=Button.js.map\n","export function FileDown() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='20'\r\n      height='20'\r\n      viewBox='0 0 24 24'\r\n      className='stroke-primary-black dark:stroke-primary-white'\r\n      fill='none'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n    >\r\n      <path d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' />\r\n      <path d='M14 2v4a2 2 0 0 0 2 2h4' />\r\n      <path d='M12 18v-6' />\r\n      <path d='m9 15 3 3 3-3' />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function ImageDown() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='20'\r\n      height='20'\r\n      viewBox='0 0 24 24'\r\n      className='stroke-primary-black dark:stroke-primary-white'\r\n      fill='none'\r\n      strokeWidth='1.2'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n    >\r\n      <path d='M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21' />\r\n      <path d='m14 19 3 3v-5.5' />\r\n      <path d='m17 22 3-3' />\r\n      <circle cx='9' cy='9' r='2' />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function Copy() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='20'\r\n      height='20'\r\n      viewBox='0 0 24 24'\r\n      className='stroke-primary-black dark:stroke-primary-white'\r\n      fill='none'\r\n      strokeWidth='1.2'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n    >\r\n      <rect width='14' height='14' x='8' y='8' rx='2' ry='2' />\r\n      <path d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2' />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function X() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='16'\r\n      height='16'\r\n      viewBox='0 0 24 24'\r\n      className='stroke-primary-gray-600 dark:stroke-primary-white'\r\n      fill='none'\r\n      strokeWidth='2'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n    >\r\n      <path d='M18 6 6 18' />\r\n      <path d='m6 6 12 12' />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function CircleCheckBig() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='20'\r\n      height='20'\r\n      viewBox='0 0 24 24'\r\n      className='stroke-primary-black dark:stroke-primary-white'\r\n      fill='none'\r\n      strokeWidth='2'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n    >\r\n      <path d='M22 11.08V12a10 10 0 1 1-5.93-9.14' />\r\n      <path d='m9 11 3 3L22 4' />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function SortingIcon() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='14'\r\n      height='14'\r\n      viewBox='0 0 24 24'\r\n      className='stroke-primary-black dark:stroke-primary-white'\r\n      fill='none'\r\n      strokeWidth='1.25'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n    >\r\n      <path d='m3 16 4 4 4-4' />\r\n      <path d='M7 20V4' />\r\n      <path d='m21 8-4-4-4 4' />\r\n      <path d='M17 4v16' />\r\n    </svg>\r\n  );\r\n}\r\nexport function SortingIconDescending() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='14'\r\n      height='14'\r\n      viewBox='0 0 24 24'\r\n      className='stroke-primary-black dark:stroke-primary-white'\r\n      fill='none'\r\n      strokeWidth='1.25'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n    >\r\n      <path d='m3 16 4 4 4-4' />\r\n      <path d='M7 20V4' />\r\n      <path d='M11 4h10' />\r\n      <path d='M11 8h7' />\r\n      <path d='M11 12h4' />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function SortingIconAscending() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='14'\r\n      height='14'\r\n      viewBox='0 0 24 24'\r\n      className='stroke-primary-black dark:stroke-primary-white'\r\n      fill='none'\r\n      strokeWidth='1.25'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n    >\r\n      <path d='m3 16 4 4 4-4' />\r\n      <path d='M7 20V4' />\r\n      <path d='M11 4h4' />\r\n      <path d='M11 8h7' />\r\n      <path d='M11 12h10' />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function FilterIcon() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='14'\r\n      height='14'\r\n      viewBox='0 0 24 24'\r\n      className='stroke-primary-black dark:stroke-primary-white'\r\n      fill='none'\r\n      strokeWidth='1.25'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n    >\r\n      <polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3' />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function FilterIconApplied() {\r\n  return (\r\n    <svg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>\r\n      <path\r\n        d='M16.926 9L14 12.46V21L10 19V12.46L2 3H14.5'\r\n        className='stroke-primary-black dark:stroke-primary-white'\r\n        fill='none'\r\n        strokeWidth='1.25'\r\n        strokeLinecap='round'\r\n        strokeLinejoin='round'\r\n      />\r\n      <circle\r\n        cx='20'\r\n        cy='4'\r\n        r='3'\r\n        className='stroke-primary-black dark:stroke-primary-white fill-primary-black dark:fill-primary-white'\r\n        strokeWidth='1.25'\r\n        strokeLinecap='round'\r\n        strokeLinejoin='round'\r\n      />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function ChevronLeftRight() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='24'\r\n      height='24'\r\n      viewBox='0 0 24 24'\r\n      className='stroke-primary-white dark:stroke-primary-white'\r\n      fill='none'\r\n      strokeWidth='2'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n    >\r\n      <path d='m9 7-5 5 5 5' />\r\n      <path d='m15 7 5 5-5 5' />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function ChevronLeft() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='24'\r\n      height='24'\r\n      viewBox='0 0 24 24'\r\n      className='stroke-primary-white dark:stroke-primary-white'\r\n      fill='none'\r\n      strokeWidth='2'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n    >\r\n      <path d='m15 18-6-6 6-6' />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function ChevronRight() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='24'\r\n      height='24'\r\n      viewBox='0 0 24 24'\r\n      className='stroke-primary-black dark:stroke-primary-white'\r\n      fill='none'\r\n      strokeWidth='2'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n    >\r\n      <path d='m9 18 6-6-6-6' />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function MoreHorizontal() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='24'\r\n      height='24'\r\n      viewBox='0 0 24 24'\r\n      className='stroke-primary-black dark:stroke-primary-white'\r\n      fill='none'\r\n      strokeWidth='2'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n    >\r\n      <circle cx='12' cy='12' r='1' />\r\n      <circle cx='19' cy='12' r='1' />\r\n      <circle cx='5' cy='12' r='1' />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function Play() {\r\n  return (\r\n    <svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'>\r\n      <circle cx={24} cy={24} r={24} className='fill-primary-gray-300 dark:fill-primary-gray-600' />\r\n      <polygon\r\n        points='6 3 20 12 6 21 6 3'\r\n        className='fill-accent-dark-red dark:fill-accent-red'\r\n        transform='translate(10,10) scale(1.25)'\r\n      />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function Pause() {\r\n  return (\r\n    <svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'>\r\n      <circle cx={24} cy={24} r={24} className='fill-primary-gray-300 dark:fill-primary-gray-600' />\r\n      <rect\r\n        x='14'\r\n        y='4'\r\n        width='4'\r\n        height='16'\r\n        rx='1'\r\n        className='fill-accent-dark-red dark:fill-accent-red'\r\n        transform='translate(10,10) scale(1.25)'\r\n      />\r\n      <rect\r\n        x='6'\r\n        y='4'\r\n        width='4'\r\n        height='16'\r\n        rx='1'\r\n        className='fill-accent-dark-red dark:fill-accent-red'\r\n        transform='translate(10,10) scale(1.25)'\r\n      />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport function Alert() {\r\n  return (\r\n    <svg\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      width='48'\r\n      height='48'\r\n      viewBox='0 0 24 24'\r\n      fill='none'\r\n      stroke='currentColor'\r\n      strokeWidth='1.5'\r\n      strokeLinecap='round'\r\n      strokeLinejoin='round'\r\n      className='stroke-primary-gray-500 dark:stroke-primary-gray-550'\r\n    >\r\n      <path d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3' />\r\n      <path d='M12 9v4' />\r\n      <path d='M12 17h.01' />\r\n    </svg>\r\n  );\r\n}\r\n"],"names":["s","y","d","p","r","a","t","e","i","n","o","m","FileDown","jsxs","jsx","ImageDown","Copy","X","SortingIcon","SortingIconDescending","SortingIconAscending","FilterIcon","FilterIconApplied","ChevronLeftRight","Play","Pause","Alert"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index-BXns0-ng.cjs

@@ -0,0 +1,2 @@
+"use strict";const l=require("./_commonjsHelpers-DKOUU3wS.cjs");var o,c;function a(){return c||(c=1,o=function s(r,e){if(r===e)return!0;if(r&&e&&typeof r=="object"&&typeof e=="object"){if(r.constructor!==e.constructor)return!1;var u,t,f;if(Array.isArray(r)){if(u=r.length,u!=e.length)return!1;for(t=u;t--!==0;)if(!s(r[t],e[t]))return!1;return!0}if(r.constructor===RegExp)return r.source===e.source&&r.flags===e.flags;if(r.valueOf!==Object.prototype.valueOf)return r.valueOf()===e.valueOf();if(r.toString!==Object.prototype.toString)return r.toString()===e.toString();if(f=Object.keys(r),u=f.length,u!==Object.keys(e).length)return!1;for(t=u;t--!==0;)if(!Object.prototype.hasOwnProperty.call(e,f[t]))return!1;for(t=u;t--!==0;){var n=f[t];if(!s(r[n],e[n]))return!1}return!0}return r!==r&&e!==e}),o}var i=a();const p=l.getDefaultExportFromCjs(i);exports.isEqual=p;
+//# sourceMappingURL=index-BXns0-ng.cjs.map

package/dist/index-BXns0-ng.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BXns0-ng.cjs","sources":["../node_modules/fast-deep-equal/index.js"],"sourcesContent":["'use strict';\n\n// do not edit .js files directly - edit src/index.jst\n\n\n\nmodule.exports = function equal(a, b) {\n  if (a === b) return true;\n\n  if (a && b && typeof a == 'object' && typeof b == 'object') {\n    if (a.constructor !== b.constructor) return false;\n\n    var length, i, keys;\n    if (Array.isArray(a)) {\n      length = a.length;\n      if (length != b.length) return false;\n      for (i = length; i-- !== 0;)\n        if (!equal(a[i], b[i])) return false;\n      return true;\n    }\n\n\n\n    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;\n    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();\n    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();\n\n    keys = Object.keys(a);\n    length = keys.length;\n    if (length !== Object.keys(b).length) return false;\n\n    for (i = length; i-- !== 0;)\n      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;\n\n    for (i = length; i-- !== 0;) {\n      var key = keys[i];\n\n      if (!equal(a[key], b[key])) return false;\n    }\n\n    return true;\n  }\n\n  // true if both NaN, false otherwise\n  return a!==a && b!==b;\n};\n"],"names":["fastDeepEqual","equal","a","b","length","i","keys","key"],"mappings":"oGAMAA,EAAiB,SAASC,EAAMC,EAAGC,EAAG,CACpC,GAAID,IAAMC,EAAG,MAAO,GAEpB,GAAID,GAAKC,GAAK,OAAOD,GAAK,UAAY,OAAOC,GAAK,SAAU,CAC1D,GAAID,EAAE,cAAgBC,EAAE,YAAa,MAAO,GAE5C,IAAIC,EAAQC,EAAGC,EACf,GAAI,MAAM,QAAQJ,CAAC,EAAG,CAEpB,GADAE,EAASF,EAAE,OACPE,GAAUD,EAAE,OAAQ,MAAO,GAC/B,IAAKE,EAAID,EAAQC,MAAQ,GACvB,GAAI,CAACJ,EAAMC,EAAEG,CAAC,EAAGF,EAAEE,CAAC,CAAC,EAAG,MAAO,GACjC,MAAO,EACb,CAII,GAAIH,EAAE,cAAgB,OAAQ,OAAOA,EAAE,SAAWC,EAAE,QAAUD,EAAE,QAAUC,EAAE,MAC5E,GAAID,EAAE,UAAY,OAAO,UAAU,QAAS,OAAOA,EAAE,QAAO,IAAOC,EAAE,QAAO,EAC5E,GAAID,EAAE,WAAa,OAAO,UAAU,SAAU,OAAOA,EAAE,SAAQ,IAAOC,EAAE,SAAQ,EAIhF,GAFAG,EAAO,OAAO,KAAKJ,CAAC,EACpBE,EAASE,EAAK,OACVF,IAAW,OAAO,KAAKD,CAAC,EAAE,OAAQ,MAAO,GAE7C,IAAKE,EAAID,EAAQC,MAAQ,GACvB,GAAI,CAAC,OAAO,UAAU,eAAe,KAAKF,EAAGG,EAAKD,CAAC,CAAC,EAAG,MAAO,GAEhE,IAAKA,EAAID,EAAQC,MAAQ,GAAI,CAC3B,IAAIE,EAAMD,EAAKD,CAAC,EAEhB,GAAI,CAACJ,EAAMC,EAAEK,CAAG,EAAGJ,EAAEI,CAAG,CAAC,EAAG,MAAO,EACzC,CAEI,MAAO,EACX,CAGE,OAAOL,IAAIA,GAAKC,IAAIA,CACtB","x_google_ignoreList":[0]}