@undp/data-viz 2.5.4 → 2.6.1

package/dist/DataCards.js

@@ -1,507 +1,2 @@
-import { _ as B, m as P, a as f, b as Xe, c as Fe, j as h } from "./index-CHPV5EwG-BzibaIRc.js";
-import X, { useState as G, useEffect as Ce, useRef as Ye, useEffectEvent as $e } from "react";
-import { i as Ze } from "./index-BuwmuDFJ.js";
-import { f as we } from "./index-EArKRVKg.js";
-import { j as ze, D as Ie } from "./DropdownSelect-Dz7imdTB.js";
-import { _ as Pe } from "./Typography-BO0gQDIT.js";
-import { k as ye } from "./x-BXShoIAM-D6VWO6z5.js";
-import { u as et, d as tt } from "./index-ApTBN0kp.js";
-import { o as at } from "./index-BZQYSqar.js";
-import { n as pe } from "./Source-QGk8vhkS.js";
-import { l as rt } from "./Modal-CrUYln5V.js";
-import { CsvDownloadButton as lt } from "./CsvDownloadButton.js";
-import { s as Me } from "./string2HTML-DL-pInUB.js";
-import { GraphFooter as st } from "./GraphFooter.js";
-import { GraphHeader as it } from "./GraphHeader.js";
-import { g as ot } from "./getUniqValue-DsqSii6M.js";
-import { t as Re } from "./transformDataForSelect-D8AuvYdf.js";
-import { G as nt } from "./GraphContainer-B8ZqOzKI.js";
-const ct = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], dt = ye("chevron-left", ct), mt = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], ut = ye("chevron-right", mt), pt = [
-  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
-  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
-  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
-], ft = ye("ellipsis", pt);
-function Ee(s) {
-  const e = B.c(8);
-  let t, a;
-  e[0] !== s ? ({
-    className: t,
-    ...a
-  } = s, e[0] = s, e[1] = t, e[2] = a) : (t = e[1], a = e[2]);
-  let l;
-  e[3] !== t ? (l = P("mx-auto flex w-full justify-center", t), e[3] = t, e[4] = l) : l = e[4];
-  let r;
-  return e[5] !== a || e[6] !== l ? (r = /* @__PURE__ */ f.jsx("nav", { ...a, role: "navigation", "aria-label": "pagination", className: l }), e[5] = a, e[6] = l, e[7] = r) : r = e[7], r;
-}
-Ee.displayName = "PaginationUnit";
-const Te = X.forwardRef((s, e) => {
-  const t = B.c(9);
-  let a, l;
-  t[0] !== s ? ({
-    className: a,
-    ...l
-  } = s, t[0] = s, t[1] = a, t[2] = l) : (a = t[1], l = t[2]);
-  let r;
-  t[3] !== a ? (r = P("flex flex-row items-center gap-1 list-none", a), t[3] = a, t[4] = r) : r = t[4];
-  let i;
-  return t[5] !== l || t[6] !== e || t[7] !== r ? (i = /* @__PURE__ */ f.jsx("ul", { ...l, ref: e, className: r }), t[5] = l, t[6] = e, t[7] = r, t[8] = i) : i = t[8], i;
-});
-Te.displayName = "PaginationContent";
-const fe = X.forwardRef((s, e) => {
-  const t = B.c(9);
-  let a, l;
-  t[0] !== s ? ({
-    className: a,
-    ...l
-  } = s, t[0] = s, t[1] = a, t[2] = l) : (a = t[1], l = t[2]);
-  let r;
-  t[3] !== a ? (r = P("mr-2 last:mr-0", a), t[3] = a, t[4] = r) : r = t[4];
-  let i;
-  return t[5] !== l || t[6] !== e || t[7] !== r ? (i = /* @__PURE__ */ f.jsx("li", { ...l, ref: e, className: r }), t[5] = l, t[6] = e, t[7] = r, t[8] = i) : i = t[8], i;
-});
-fe.displayName = "PaginationItem";
-function he(s) {
-  const e = B.c(10);
-  let t, a, l;
-  e[0] !== s ? ({
-    className: a,
-    children: t,
-    ...l
-  } = s, e[0] = s, e[1] = t, e[2] = a, e[3] = l) : (t = e[1], a = e[2], l = e[3]);
-  let r;
-  e[4] !== a ? (r = P("p-4 text-base text-primary-black dark:text-primary-gray-100 dark:hover:bg-primary-gray-600", a), e[4] = a, e[5] = r) : r = e[5];
-  let i;
-  return e[6] !== t || e[7] !== l || e[8] !== r ? (i = /* @__PURE__ */ f.jsx("button", { ...l, type: "button", className: r, children: t }), e[6] = t, e[7] = l, e[8] = r, e[9] = i) : i = e[9], i;
-}
-he.displayName = "PaginationLink";
-function Ge(s) {
-  const e = B.c(9);
-  let t, a;
-  e[0] !== s ? ({
-    className: t,
-    ...a
-  } = s, e[0] = s, e[1] = t, e[2] = a) : (t = e[1], a = e[2]);
-  let l;
-  e[3] !== t ? (l = P("p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550", t), e[3] = t, e[4] = l) : l = e[4];
-  let r;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ f.jsx(dt, { className: "h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100" }), e[5] = r) : r = e[5];
-  let i;
-  return e[6] !== a || e[7] !== l ? (i = /* @__PURE__ */ f.jsx(he, { ...a, "aria-label": "Go to previous page", className: l, children: r }), e[6] = a, e[7] = l, e[8] = i) : i = e[8], i;
-}
-Ge.displayName = "PaginationPrevious";
-function Le(s) {
-  const e = B.c(9);
-  let t, a;
-  e[0] !== s ? ({
-    className: t,
-    ...a
-  } = s, e[0] = s, e[1] = t, e[2] = a) : (t = e[1], a = e[2]);
-  let l;
-  e[3] !== t ? (l = P("p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550", t), e[3] = t, e[4] = l) : l = e[4];
-  let r;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ f.jsx(ut, { className: "h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100" }), e[5] = r) : r = e[5];
-  let i;
-  return e[6] !== a || e[7] !== l ? (i = /* @__PURE__ */ f.jsx(he, { ...a, "aria-label": "Go to next page", className: l, children: r }), e[6] = a, e[7] = l, e[8] = i) : i = e[8], i;
-}
-Le.displayName = "PaginationNext";
-function Ae(s) {
-  const e = B.c(10);
-  let t, a;
-  e[0] !== s ? ({
-    className: t,
-    ...a
-  } = s, e[0] = s, e[1] = t, e[2] = a) : (t = e[1], a = e[2]);
-  let l;
-  e[3] !== t ? (l = P("flex h-9 w-9 items-center justify-center", t), e[3] = t, e[4] = l) : l = e[4];
-  let r, i;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ f.jsx(ft, { className: "h-4 w-4 text-primary-gray-700 dark:text-primary-gray-100" }), i = /* @__PURE__ */ f.jsx("span", { className: "sr-only", children: "More pages" }), e[5] = r, e[6] = i) : (r = e[5], i = e[6]);
-  let o;
-  return e[7] !== a || e[8] !== l ? (o = /* @__PURE__ */ f.jsxs("span", { ...a, "aria-hidden": !0, className: l, children: [
-    r,
-    i
-  ] }), e[7] = a, e[8] = l, e[9] = o) : o = e[9], o;
-}
-Ae.displayName = "PaginationEllipsis";
-const Oe = (s, e) => {
-  const t = [];
-  return e <= 7 ? Array.from({
-    length: e
-  }, (a, l) => l + 1) : (t.push(1), s <= 3 ? t.push(2, 3, 4, "ellipsis") : s >= e - 2 ? t.push("ellipsis", e - 3, e - 2, e - 1) : t.push("ellipsis", s - 1, s, s + 1, "ellipsis"), t.push(e), t);
-};
-function yt(s) {
-  const e = B.c(49), {
-    defaultPage: t,
-    total: a,
-    pageSize: l,
-    onChange: r,
-    className: i,
-    classNames: o
-  } = s, g = t === void 0 ? 1 : t, d = Math.ceil(a / l), [n, V] = G(g);
-  let S;
-  e[0] !== g || e[1] !== d ? (S = Oe(g, d), e[0] = g, e[1] = d, e[2] = S) : S = e[2];
-  const [j, z] = G(S);
-  let N, $;
-  e[3] !== n || e[4] !== d ? (N = () => {
-    z(Oe(n, d));
-  }, $ = [n, d], e[3] = n, e[4] = d, e[5] = N, e[6] = $) : (N = e[5], $ = e[6]), Ce(N, $);
-  const c = o?.control;
-  let v;
-  e[7] !== i || e[8] !== c ? (v = P("select-none", i, c), e[7] = i, e[8] = c, e[9] = v) : v = e[9];
-  let D;
-  e[10] !== n || e[11] !== r ? (D = () => {
-    n > 1 && (r(n - 1), V(n - 1));
-  }, e[10] = n, e[11] = r, e[12] = D) : D = e[12];
-  const I = o?.navigation, k = n <= 1 && "cursor-not-allowed pointer-events-none opacity-35";
-  let b;
-  e[13] !== I || e[14] !== k ? (b = P("cursor-pointer", I, k), e[13] = I, e[14] = k, e[15] = b) : b = e[15];
-  let w;
-  e[16] !== D || e[17] !== b ? (w = /* @__PURE__ */ f.jsx(fe, { children: /* @__PURE__ */ f.jsx(Ge, { onClick: D, className: b }) }), e[16] = D, e[17] = b, e[18] = w) : w = e[18];
-  let y;
-  if (e[19] !== o?.active || e[20] !== o?.ellipsis || e[21] !== o?.list || e[22] !== n || e[23] !== r || e[24] !== j) {
-    let R;
-    e[26] !== o?.active || e[27] !== o?.ellipsis || e[28] !== o?.list || e[29] !== n || e[30] !== r ? (R = (M, E) => /* @__PURE__ */ f.jsx(fe, { children: M === "ellipsis" ? /* @__PURE__ */ f.jsx(Ae, { className: o?.ellipsis }) : /* @__PURE__ */ f.jsx(he, { onClick: () => {
-      V(M), r(M);
-    }, className: P("cursor-pointer w-[32px] h-[32px] flex items-center justify-center rounded-full hover:bg-primary-gray-300", o?.list, M === n && ["bg-primary-blue-600 hover:bg-primary-blue-700 dark:bg-primary-blue-500 dark:hover:bg-primary-blue-400 hover:text-primary-white text-primary-white", o?.active]), children: M }) }, E), e[26] = o?.active, e[27] = o?.ellipsis, e[28] = o?.list, e[29] = n, e[30] = r, e[31] = R) : R = e[31], y = j.map(R), e[19] = o?.active, e[20] = o?.ellipsis, e[21] = o?.list, e[22] = n, e[23] = r, e[24] = j, e[25] = y;
-  } else
-    y = e[25];
-  let C;
-  e[32] !== n || e[33] !== r || e[34] !== d ? (C = () => {
-    n < d && (r(n + 1), V(n + 1));
-  }, e[32] = n, e[33] = r, e[34] = d, e[35] = C) : C = e[35];
-  const u = o?.navigation, p = n >= d && "cursor-not-allowed pointer-events-none opacity-35";
-  let x;
-  e[36] !== u || e[37] !== p ? (x = P("cursor-pointer", u, p), e[36] = u, e[37] = p, e[38] = x) : x = e[38];
-  let _;
-  e[39] !== C || e[40] !== x ? (_ = /* @__PURE__ */ f.jsx(fe, { children: /* @__PURE__ */ f.jsx(Le, { onClick: C, className: x }) }), e[39] = C, e[40] = x, e[41] = _) : _ = e[41];
-  let O;
-  e[42] !== w || e[43] !== y || e[44] !== _ ? (O = /* @__PURE__ */ f.jsxs(Te, { children: [
-    w,
-    y,
-    _
-  ] }), e[42] = w, e[43] = y, e[44] = _, e[45] = O) : O = e[45];
-  let F;
-  return e[46] !== O || e[47] !== v ? (F = /* @__PURE__ */ f.jsx(Ee, { className: v, children: O }), e[46] = O, e[47] = v, e[48] = F) : F = e[48], F;
-}
-const ht = Xe("w-full h-auto bg-primary-white dark:bg-primary-gray-650 text-primary-black dark:text-primary-white text-base transition-colors file:border-0 file:bg-transparent file:font-medium file:text-primary-gray-700 dark:file:text-primary-white focus-visible:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-primary-gray-550 dark:placeholder:text-primary-gray-400", {
-  variants: {
-    variant: {
-      light: "border border-primary-gray-400 dark:border-primary-gray-500",
-      normal: "border-2 border-primary-black dark:border-primary-gray-300"
-    },
-    inputSize: {
-      sm: "px-2.5 py-1",
-      base: "p-2.5"
-    }
-  },
-  defaultVariants: {
-    inputSize: "base",
-    variant: "normal"
-  }
-}), He = X.forwardRef((s, e) => {
-  const t = B.c(13);
-  let a, l, r, i;
-  t[0] !== s ? ({
-    className: a,
-    inputSize: l,
-    variant: i,
-    ...r
-  } = s, t[0] = s, t[1] = a, t[2] = l, t[3] = r, t[4] = i) : (a = t[1], l = t[2], r = t[3], i = t[4]);
-  let o;
-  t[5] !== a || t[6] !== l || t[7] !== i ? (o = P(ht({
-    inputSize: l,
-    variant: i
-  }), a), t[5] = a, t[6] = l, t[7] = i, t[8] = o) : o = t[8];
-  let g;
-  return t[9] !== r || t[10] !== e || t[11] !== o ? (g = /* @__PURE__ */ f.jsx("input", { ...r, ref: e, className: o }), t[9] = r, t[10] = e, t[11] = o, t[12] = g) : g = t[12], g;
-});
-He.displayName = "Input";
-const gt = [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], Be = ye("search", gt), Ke = X.forwardRef((s, e) => {
-  const t = B.c(51);
-  let a, l, r, i, o, g, d, n, V, S, j, z;
-  t[0] !== s ? ({
-    className: i,
-    inputClassName: o,
-    buttonClassName: l,
-    onSearch: n,
-    searchOnlyOnClick: j,
-    buttonVariant: r,
-    buttonChildren: a,
-    showSearchButton: z,
-    inputVariant: d,
-    inputSize: g,
-    placeholder: V,
-    ...S
-  } = s, t[0] = s, t[1] = a, t[2] = l, t[3] = r, t[4] = i, t[5] = o, t[6] = g, t[7] = d, t[8] = n, t[9] = V, t[10] = S, t[11] = j, t[12] = z) : (a = t[1], l = t[2], r = t[3], i = t[4], o = t[5], g = t[6], d = t[7], n = t[8], V = t[9], S = t[10], j = t[11], z = t[12]);
-  const [N, $] = X.useState(void 0), [c, v] = X.useState(!1);
-  let D;
-  t[13] !== i ? (D = P("flex gap-0", i), t[13] = i, t[14] = D) : D = t[14];
-  let I;
-  t[15] !== n || t[16] !== j ? (I = (_) => {
-    $(_.target.value), j || n?.(_.target.value);
-  }, t[15] = n, t[16] = j, t[17] = I) : I = t[17];
-  let k;
-  t[18] !== n || t[19] !== N ? (k = (_) => {
-    _.key === "Enter" && n?.(N);
-  }, t[18] = n, t[19] = N, t[20] = k) : k = t[20];
-  let b, w;
-  t[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = () => v(!0), w = () => v(!1), t[21] = b, t[22] = w) : (b = t[21], w = t[22]);
-  let y;
-  t[23] !== o || t[24] !== g || t[25] !== d || t[26] !== S || t[27] !== I || t[28] !== k ? (y = /* @__PURE__ */ f.jsx(He, { ...S, variant: d, type: "text", className: o, onChange: I, inputSize: g, onKeyDown: k, onFocus: b, onBlur: w }), t[23] = o, t[24] = g, t[25] = d, t[26] = S, t[27] = I, t[28] = k, t[29] = y) : y = t[29];
-  let C;
-  t[30] !== a || t[31] !== c || t[32] !== V || t[33] !== N ? (C = !c && (N === "" || !N) && /* @__PURE__ */ f.jsxs("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: [
-    a ? null : /* @__PURE__ */ f.jsx(Be, { className: "h-4 w-4 text-primary-gray-500 dark:text-primary-gray-400 mr-2" }),
-    /* @__PURE__ */ f.jsx("span", { className: "text-primary-gray-500 dark:text-primary-gray-400", children: V || "Search..." })
-  ] }), t[30] = a, t[31] = c, t[32] = V, t[33] = N, t[34] = C) : C = t[34];
-  let u;
-  t[35] !== y || t[36] !== C ? (u = /* @__PURE__ */ f.jsxs("div", { className: "relative w-full", children: [
-    y,
-    C
-  ] }), t[35] = y, t[36] = C, t[37] = u) : u = t[37];
-  let p;
-  t[38] !== a || t[39] !== l || t[40] !== r || t[41] !== g || t[42] !== n || t[43] !== N || t[44] !== z ? (p = z === !1 ? null : /* @__PURE__ */ f.jsx(et, { variant: r || "icon", className: l, padding: g, onClick: () => {
-    n?.(N);
-  }, children: a || /* @__PURE__ */ f.jsx(Be, { className: "stroke-2" }) }), t[38] = a, t[39] = l, t[40] = r, t[41] = g, t[42] = n, t[43] = N, t[44] = z, t[45] = p) : p = t[45];
-  let x;
-  return t[46] !== e || t[47] !== D || t[48] !== u || t[49] !== p ? (x = /* @__PURE__ */ f.jsxs("div", { className: D, ref: e, children: [
-    u,
-    p
-  ] }), t[46] = e, t[47] = D, t[48] = u, t[49] = p, t[50] = x) : x = t[50], x;
-});
-Ke.displayName = "Search";
-const xt = (s) => s ? Object.entries(s).map(([t, a]) => Array.isArray(a) ? {
-  " ": t,
-  value: `"${a.join("; ")}"`
-} : {
-  " ": t,
-  value: `"${a}"`
-}) : {};
-function vt(s) {
-  const e = Fe.c(34), {
-    width: t,
-    height: a,
-    data: l,
-    onSeriesMouseClick: r,
-    cardTemplate: i,
-    cardBackgroundColor: o,
-    cardMinWidth: g,
-    detailsOnClick: d,
-    noOfItemsInAPage: n,
-    styles: V,
-    classNames: S,
-    page: j,
-    allowDataDownloadOnDetail: z
-  } = s, N = g === void 0 ? 320 : g, [$, c] = G(void 0), v = t ? `${t}px` : "100%", D = a ? `${a}px` : "auto", I = `repeat(auto-fill, minmax(${N}px, 1fr))`;
-  let k;
-  e[0] !== v || e[1] !== D || e[2] !== I ? (k = {
-    width: v,
-    height: D,
-    gridTemplateColumns: I
-  }, e[0] = v, e[1] = D, e[2] = I, e[3] = k) : k = e[3];
-  let b;
-  if (e[4] !== o || e[5] !== i || e[6] !== S?.dataCards || e[7] !== l || e[8] !== d || e[9] !== n || e[10] !== r || e[11] !== j || e[12] !== V?.dataCards) {
-    let u;
-    e[14] !== n || e[15] !== j ? (u = (x, _) => n ? _ < j * n && _ >= (j - 1) * n : !0, e[14] = n, e[15] = j, e[16] = u) : u = e[16];
-    let p;
-    e[17] !== o || e[18] !== i || e[19] !== S?.dataCards || e[20] !== d || e[21] !== r || e[22] !== V?.dataCards ? (p = (x, _) => /* @__PURE__ */ h.jsx("div", { style: {
-      ...V?.dataCards || {},
-      ...o && {
-        backgroundColor: o
-      }
-    }, className: `w-full flex flex-col ${r || d ? "cursor-pointer" : "cursor-auto"}${o ? "" : "bg-primary-gray-200 dark:bg-primary-gray-600"} ${S?.dataCards || ""}`, onClick: () => {
-      r?.(x), c(x);
-    }, dangerouslySetInnerHTML: typeof i == "string" ? {
-      __html: Me(i, x)
-    } : void 0, children: typeof i == "function" ? i(x) : null }, _), e[17] = o, e[18] = i, e[19] = S?.dataCards, e[20] = d, e[21] = r, e[22] = V?.dataCards, e[23] = p) : p = e[23], b = l.filter(u).map(p), e[4] = o, e[5] = i, e[6] = S?.dataCards, e[7] = l, e[8] = d, e[9] = n, e[10] = r, e[11] = j, e[12] = V?.dataCards, e[13] = b;
-  } else
-    b = e[13];
-  let w;
-  e[24] !== k || e[25] !== b ? (w = /* @__PURE__ */ h.jsx("div", { className: "undp-scrollbar w-full my-0 mx-auto grid gap-4 undp-viz-data-cards-container", style: k, children: b }), e[24] = k, e[25] = b, e[26] = w) : w = e[26];
-  let y;
-  e[27] !== z || e[28] !== d || e[29] !== $ ? (y = d && $ !== void 0 ? /* @__PURE__ */ h.jsxs(rt, { open: $ !== void 0, onClose: () => {
-    c(void 0);
-  }, children: [
-    /* @__PURE__ */ h.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof d == "string" ? {
-      __html: Me(d, $)
-    } : void 0, children: typeof d == "function" ? d($) : null }),
-    z ? /* @__PURE__ */ h.jsx("div", { className: "flex", children: /* @__PURE__ */ h.jsx(lt, { csvData: xt($), headers: [{
-      label: " ",
-      key: " "
-    }, {
-      label: "value",
-      key: "value"
-    }], buttonContent: /* @__PURE__ */ h.jsxs("div", { className: "flex items-center gap-4", children: [
-      typeof z == "string" ? z : null,
-      /* @__PURE__ */ h.jsx(tt, {})
-    ] }) }) }) : null
-  ] }) : null, e[27] = z, e[28] = d, e[29] = $, e[30] = y) : y = e[30];
-  let C;
-  return e[31] !== w || e[32] !== y ? (C = /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
-    w,
-    y
-  ] }), e[31] = w, e[32] = y, e[33] = C) : C = e[33], C;
-}
-const bt = (s, e, t) => e.length === 0 ? s : s.filter((a) => e.some((l) => a[l]?.toLowerCase().includes(t.toLowerCase())));
-function Lt(s) {
-  const e = Fe.c(84), {
-    width: t,
-    height: a,
-    graphTitle: l,
-    sources: r,
-    graphDescription: i,
-    footNote: o,
-    graphID: g,
-    data: d,
-    onSeriesMouseClick: n,
-    language: V,
-    theme: S,
-    ariaLabel: j,
-    cardTemplate: z,
-    cardBackgroundColor: N,
-    cardFilters: $,
-    cardSortingOptions: c,
-    cardSearchColumns: v,
-    cardMinWidth: D,
-    backgroundColor: I,
-    padding: k,
-    detailsOnClick: b,
-    allowDataDownloadOnDetail: w,
-    noOfItemsInAPage: y,
-    uiMode: C,
-    styles: u,
-    classNames: p
-  } = s, x = V === void 0 ? "en" : V, _ = S === void 0 ? "light" : S, O = D === void 0 ? 320 : D, F = I === void 0 ? !1 : I, R = w === void 0 ? !1 : w, M = C === void 0 ? "normal" : C, [E, We] = G(d), [ge, Se] = G(1), qe = Ye(null), [L, Ue] = G("");
-  let Z;
-  e[0] !== d ? (Z = (m) => ({
-    filter: m.column,
-    label: m.label || `Filter by ${m.column}`,
-    singleSelect: !0,
-    clearable: !0,
-    defaultValue: Re(m.defaultValue),
-    availableValues: ot(d, m.column).filter((Y) => !m.excludeValues?.includes(`${Y}`)).map(kt),
-    width: m.width
-  }), e[0] = d, e[1] = Z) : Z = e[1];
-  const De = ($ || []).map(Z);
-  let A;
-  e[2] !== $ ? (A = $ || [], e[2] = $, e[3] = A) : A = e[3];
-  let ee;
-  e[4] !== A ? (ee = A.map(Nt), e[4] = A, e[5] = ee) : ee = e[5];
-  const [H, Qe] = G(ee), [T, _e] = G(c ? !c.defaultValue || c.options.findIndex((m) => m.label === c.defaultValue) === -1 ? c.options[0] : c.options[c.options.findIndex((m) => m.label === c.defaultValue)] : void 0), Ve = {
-    ignoreCase: !0,
-    ignoreAccents: !0,
-    trim: !0
-  };
-  let te;
-  e[6] !== c ? (te = () => {
-    _e(c ? !c.defaultValue || c.options.findIndex((m) => m.label === c.defaultValue) === -1 ? c.options[0] : c.options[c.options.findIndex((m) => m.label === c.defaultValue)] : void 0);
-  }, e[6] = c, e[7] = te) : te = e[7];
-  const xe = $e(te);
-  let ae;
-  e[8] !== xe ? (ae = () => {
-    xe();
-  }, e[8] = xe, e[9] = ae) : ae = e[9];
-  let re;
-  e[10] !== c ? (re = [c], e[10] = c, e[11] = re) : re = e[11], Ce(ae, re);
-  let le;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (le = (m) => {
-    We(m), Se(1);
-  }, e[12] = le) : le = e[12];
-  const se = $e(le);
-  let ie;
-  e[13] !== se || e[14] !== v || e[15] !== d || e[16] !== L || e[17] !== H || e[18] !== T ? (ie = () => {
-    const m = bt(d, v || [], L).filter((Y) => H.every((J) => J.value && we([J.value]).length > 0 ? Ze(we([Y[J.filter]]), we([J.value]).map(jt)).length > 0 : !0));
-    se(T ? at(m, [T.value], [T.type]) : m);
-  }, e[13] = se, e[14] = v, e[15] = d, e[16] = L, e[17] = H, e[18] = T, e[19] = ie) : ie = e[19];
-  let oe;
-  e[20] !== v || e[21] !== d || e[22] !== L || e[23] !== H || e[24] !== T ? (oe = [d, v, L, H, T], e[20] = v, e[21] = d, e[22] = L, e[23] = H, e[24] = T, e[25] = oe) : oe = e[25], Ce(ie, oe);
-  const ve = nt, be = p?.graphContainer, je = u?.graphContainer;
-  let K;
-  e[26] !== p?.description || e[27] !== p?.title || e[28] !== i || e[29] !== l || e[30] !== u?.description || e[31] !== u?.title || e[32] !== t ? (K = l || i ? /* @__PURE__ */ h.jsx(it, { styles: {
-    title: u?.title,
-    description: u?.description
-  }, classNames: {
-    title: p?.title,
-    description: p?.description
-  }, graphTitle: l, graphDescription: i, width: t }) : null, e[26] = p?.description, e[27] = p?.title, e[28] = i, e[29] = l, e[30] = u?.description, e[31] = u?.title, e[32] = t, e[33] = K) : K = e[33];
-  const Ne = c || De.length > 0 ? /* @__PURE__ */ h.jsxs("div", { className: "flex gap-x-4 gap-y-0 flex-wrap items-start w-full pb-3", children: [
-    c ? /* @__PURE__ */ h.jsxs("div", { className: "grow shrink-0 min-w-[240px]", style: {
-      width: c.width || "calc(25% - 0.75rem)"
-    }, children: [
-      /* @__PURE__ */ h.jsx(Pe, { marginBottom: "xs", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: "Sort by" }),
-      /* @__PURE__ */ h.jsx(ze, { options: c.options, isRtl: x === "he" || x === "ar", isSearchable: !0, filterOption: Ie(Ve), onChange: (m) => {
-        _e(m || void 0);
-      }, variant: M, size: "sm", defaultValue: !c.defaultValue || c.options.findIndex((m) => m.label === c.defaultValue) === -1 ? c.options[0] : c.options[c.options.findIndex((m) => m.label === c.defaultValue)] })
-    ] }) : null,
-    De?.map((m, Y) => /* @__PURE__ */ h.jsxs("div", { className: "grow shrink-0 min-w-[240px]", style: {
-      width: m.width || "calc(25% - 0.75rem)"
-    }, children: [
-      /* @__PURE__ */ h.jsx(Pe, { marginBottom: "xs", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: m.label }),
-      /* @__PURE__ */ h.jsx(ze, { options: m.availableValues, isClearable: m.clearable === void 0 ? !0 : m.clearable, isRtl: x === "he" || x === "ar", isSearchable: !0, variant: M, size: "sm", controlShouldRenderValue: !0, filterOption: Ie(Ve), onChange: (J) => {
-        Qe((Je) => Je.map((ke) => ke.filter === m.filter ? {
-          ...ke,
-          value: J
-        } : ke));
-      }, defaultValue: m.defaultValue })
-    ] }, Y))
-  ] }) : null;
-  let ne;
-  e[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ne = /* @__PURE__ */ h.jsx(pe, { size: "xl" }), e[34] = ne) : ne = e[34];
-  let W;
-  e[35] !== v || e[36] !== M ? (W = (v || []).length > 0 ? /* @__PURE__ */ h.jsx("div", { style: {
-    paddingTop: "1px"
-  }, children: /* @__PURE__ */ h.jsx(Ke, { placeholder: "Search...", onSearch: (m) => {
-    Ue(m || "");
-  }, buttonVariant: "icon", inputVariant: M, showSearchButton: !1, inputSize: "sm" }) }) : null, e[35] = v, e[36] = M, e[37] = W) : W = e[37];
-  let ce;
-  e[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ce = /* @__PURE__ */ h.jsx(pe, { size: "xl" }), e[38] = ce) : ce = e[38];
-  let q;
-  e[39] !== R || e[40] !== N || e[41] !== E || e[42] !== O || e[43] !== z || e[44] !== p || e[45] !== b || e[46] !== a || e[47] !== y || e[48] !== n || e[49] !== ge || e[50] !== u || e[51] !== t ? (q = /* @__PURE__ */ h.jsx(vt, { data: E, width: t, height: a, cardTemplate: z, cardMinWidth: O, page: ge, cardBackgroundColor: N, styles: u, classNames: p, noOfItemsInAPage: y, detailsOnClick: b, onSeriesMouseClick: n, allowDataDownloadOnDetail: R }), e[39] = R, e[40] = N, e[41] = E, e[42] = O, e[43] = z, e[44] = p, e[45] = b, e[46] = a, e[47] = y, e[48] = n, e[49] = ge, e[50] = u, e[51] = t, e[52] = q) : q = e[52];
-  let de;
-  e[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (de = /* @__PURE__ */ h.jsx(pe, { size: "xl" }), e[53] = de) : de = e[53];
-  let U;
-  e[54] !== E || e[55] !== y ? (U = y ? /* @__PURE__ */ h.jsx(yt, { total: E.length, defaultPage: 0, pageSize: y, onChange: Se }) : null, e[54] = E, e[55] = y, e[56] = U) : U = e[56];
-  let me;
-  e[57] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (me = /* @__PURE__ */ h.jsx(pe, { size: "2xl" }), e[57] = me) : me = e[57];
-  let Q;
-  e[58] !== p?.footnote || e[59] !== p?.source || e[60] !== o || e[61] !== r || e[62] !== u?.footnote || e[63] !== u?.source || e[64] !== t ? (Q = r || o ? /* @__PURE__ */ h.jsx(st, { styles: {
-    footnote: u?.footnote,
-    source: u?.source
-  }, classNames: {
-    footnote: p?.footnote,
-    source: p?.source
-  }, sources: r, footNote: o, width: t }) : null, e[58] = p?.footnote, e[59] = p?.source, e[60] = o, e[61] = r, e[62] = u?.footnote, e[63] = u?.source, e[64] = t, e[65] = Q) : Q = e[65];
-  let ue;
-  return e[66] !== ve || e[67] !== j || e[68] !== F || e[69] !== g || e[70] !== a || e[71] !== x || e[72] !== k || e[73] !== be || e[74] !== je || e[75] !== K || e[76] !== Ne || e[77] !== W || e[78] !== q || e[79] !== U || e[80] !== Q || e[81] !== _ || e[82] !== t ? (ue = /* @__PURE__ */ h.jsxs(ve, { className: be, style: je, id: g, ref: qe, "aria-label": j, backgroundColor: F, theme: _, language: x, width: t, height: a, padding: k, children: [
-    K,
-    Ne,
-    ne,
-    W,
-    ce,
-    q,
-    de,
-    U,
-    me,
-    Q
-  ] }), e[66] = ve, e[67] = j, e[68] = F, e[69] = g, e[70] = a, e[71] = x, e[72] = k, e[73] = be, e[74] = je, e[75] = K, e[76] = Ne, e[77] = W, e[78] = q, e[79] = U, e[80] = Q, e[81] = _, e[82] = t, e[83] = ue) : ue = e[83], ue;
-}
-function jt(s) {
-  return s.value;
-}
-function Nt(s) {
-  return {
-    filter: s.column,
-    value: Re(s.defaultValue)
-  };
-}
-function kt(s) {
-  return {
-    value: s,
-    label: s
-  };
-}
-export {
-  Lt as DataCards
-};
-//# sourceMappingURL=DataCards.js.map
+import { t as e } from "./DataCards-BOpanQhW.js";
+export { e as DataCards };

package/dist/DataTable.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-D4pAp7u0.cjs"),ht=require("./index-DQA8q5sC.cjs"),g=require("react"),It=require("./index-CyZ1lmi_.cjs"),O=require("./Typography-BqmyF1gP.cjs"),Et=require("./index-Cno4Q0YE.cjs"),L=require("./numberFormattingFunction-u2iNHL_c.cjs"),Rt=require("./GraphFooter.cjs"),vt=require("./GraphHeader.cjs"),$=require("./index-BhI7mBJx.cjs"),nt=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),wt=require("./GraphContainer-Cul9b74X.cjs"),yt=c=>c.map(h=>h||1).reduce((h,j)=>h+j,0);function kt(c){const t=r.compilerRuntimeExports.c(76),{width:d,height:h,graphTitle:j,sources:D,graphDescription:B,footNote:F,graphID:M,data:m,columnData:n,onSeriesMouseClick:b,language:at,theme:ct,ariaLabel:V,backgroundColor:lt,padding:X,resetSelectionOnDoubleClick:pt,styles:l,classNames:p,minWidth:q,naLabel:ut}=c,Y=at===void 0?"en":at,J=ct===void 0?"light":ct,K=lt===void 0?!1:lt,Q=pt===void 0?!0:pt,C=ut===void 0?"NA":ut,jt=g.useRef(null),[x,dt]=g.useState(void 0),[T,mt]=g.useState(void 0),[f,xt]=g.useState("asc"),[y,ft]=g.useState(void 0);let z;t[0]===Symbol.for("react.memo_cache_sentinel")?(z={},t[0]=z):z=t[0];const[U,bt]=g.useState(z);let W;t[1]!==n?(W=n.filter($t).map(Ot),t[1]=n,t[2]=W):W=t[2];const[a,gt]=g.useState(W),[_,Ct]=g.useState(m);let G;t[3]===Symbol.for("react.memo_cache_sentinel")?(G=e=>{Ct(e)},t[3]=G):G=t[3];const P=g.useEffectEvent(G);let Z;t[4]!==n||t[5]!==x||t[6]!==m||t[7]!==a||t[8]!==P||t[9]!==f?(Z=()=>{const e=[];m.forEach(u=>{let o=!0;a.forEach(i=>{if(typeof u[i.id]!="object"&&typeof u[i.id]!="function"&&typeof u[i.id]!="symbol")if(n[n.findIndex(s=>s.columnId===i.id)].separator){const s=u[i.id].split(n[n.findIndex(it=>it.columnId===i.id)].separator);It.intersection(s,i.option).length===0&&(o=!1)}else i.option.indexOf(u[i.id])===-1&&(o=!1)}),o&&e.push(u)}),P(x&&m?Et.orderBy(e,[x],[f]):e)},t[4]=n,t[5]=x,t[6]=m,t[7]=a,t[8]=P,t[9]=f,t[10]=Z):Z=t[10];let A;t[11]!==n||t[12]!==x||t[13]!==m||t[14]!==a||t[15]!==f?(A=[x,f,m,a,n],t[11]=n,t[12]=x,t[13]=m,t[14]=a,t[15]=f,t[16]=A):A=t[16],g.useEffect(Z,A);const tt=p?.graphContainer,ot=l?.graphContainer;let I;t[17]!==p?.description||t[18]!==p?.title||t[19]!==B||t[20]!==j||t[21]!==l?.description||t[22]!==l?.title||t[23]!==d?(I=j||B?r.jsxRuntimeExports.jsx(vt.GraphHeader,{styles:{title:l?.title,description:l?.description},classNames:{title:p?.title,description:p?.description},graphTitle:j,graphDescription:B,width:d}):null,t[17]=p?.description,t[18]=p?.title,t[19]=B,t[20]=j,t[21]=l?.description,t[22]=l?.title,t[23]=d,t[24]=I):I=t[24];const et=d?`${d}px`:"100%",rt=h?`${h}px`:"auto";let E;t[25]!==et||t[26]!==rt?(E={width:et,height:rt},t[25]=et,t[26]=rt,t[27]=E):E=t[27];let R;t[28]!==q?(R=q?{minWidth:q}:void 0,t[28]=q,t[29]=R):R=t[29];let v;t[30]!==n||t[31]!==x||t[32]!==m||t[33]!==a||t[34]!==T||t[35]!==C||t[36]!==b||t[37]!==y||t[38]!==Q||t[39]!==f||t[40]!==_?(v=m?r.jsxRuntimeExports.jsxs("table",{className:"w-full",style:{borderCollapse:"collapse"},children:[r.jsxRuntimeExports.jsx("thead",{className:"text-left bg-primary-gray-300 dark:bg-primary-gray-550",children:r.jsxRuntimeExports.jsx("tr",{children:n?.map((e,u)=>r.jsxRuntimeExports.jsx("th",{className:"text-primary-gray-700 dark:text-primary-gray-100 text-sm",style:{width:`calc(${100*(e.columnWidth||1)/yt(n.map(St))}%`},children:r.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 justify-between items-center p-4",children:[r.jsxRuntimeExports.jsx(O._,{size:"sm",marginBottom:"none",className:`w-fit grow text-${e.align||"left"} font-bold`,children:e.columnTitle||e.columnId}),e.sortable?r.jsxRuntimeExports.jsx("button",{type:"button",className:"bg-transparent cursor-pointer p-0 m-0 border-0",onClick:()=>{x===e.columnId?(f==="asc"&&xt("desc"),f==="desc"&&dt(void 0)):(dt(e.columnId),xt("asc"))},children:x===e.columnId?f==="asc"?r.jsxRuntimeExports.jsx($.SortingIconAscending,{}):r.jsxRuntimeExports.jsx($.SortingIconDescending,{}):r.jsxRuntimeExports.jsx($.SortingIcon,{})}):null,e.filterOptions&&e.filterOptions.length?r.jsxRuntimeExports.jsx("button",{type:"button",className:"bg-transparent cursor-pointer m-0 p-0 border-0",onClick:o=>{if(y===e.columnId)ft(void 0);else if(o.currentTarget){ft(e.columnId);const i=o.currentTarget.getBoundingClientRect();bt({top:i.bottom+window.scrollY,left:i.left+window.scrollX-160<0?i.left+window.scrollX:i.left+window.scrollX-160,width:"10rem"})}},children:a[a.findIndex(o=>o.id===e.columnId)].option.length===e.filterOptions?.length?r.jsxRuntimeExports.jsx($.FilterIcon,{}):r.jsxRuntimeExports.jsx($.FilterIconApplied,{})}):null]})},u))})}),r.jsxRuntimeExports.jsx("tbody",{children:_?.map((e,u)=>r.jsxRuntimeExports.jsx("tr",{className:`cursor-${b?"pointer":"auto"} border-b border-b-primary-gray-400 dark:border-b-primary-gray-500 ${ht.isEqual(T,e)?"bg-primary-gray-200 dark:bg-primary-gray-600":"bg-transparent"}`,style:e.rowStyle,onClick:()=>{b&&(ht.isEqual(T,e)&&Q?(mt(void 0),b(void 0)):(mt(e),b(e)))},children:n.map((o,i)=>r.jsxRuntimeExports.jsx("td",{className:`text-primary-gray-700 dark:text-primary-gray-100 text-sm text-${o.align||"left"}`,style:{width:`calc(${100*(e.columnWidth||1)/yt(n.map(Nt))}%`},children:r.jsxRuntimeExports.jsx("div",{className:`text-primary-gray-700 dark:text-primary-gray-100 flex p-4 ${o.align==="right"?"justify-end":o.align==="center"?"justify-center":"justify-start"}`,children:typeof e[o.columnId]=="number"?r.jsxRuntimeExports.jsx(O._,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${o.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${o.align||"left"} ${o.chip?o.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...o.chip&&o.chipColors?{backgroundColor:o.chipColors[o.chipColors.findIndex(s=>s.value===e[o.chipColumnId||o.columnId])].color,color:nt.getTextColorBasedOnBgColor(o.chipColors[o.chipColors.findIndex(s=>s.value===e[o.chipColumnId||o.columnId])].color)}:{}},children:L.numberFormattingFunction(e[o.columnId],C,o.precision,o.prefix,o.suffix,o.locale,o.padZeros)}):typeof e[o.columnId]=="string"?o.separator?r.jsxRuntimeExports.jsx("div",{className:"text-primary-gray-700 dark:text-primary-gray-100 flex flex-wrap gap-2",children:e[o.columnId].split(o.separator).map((s,it)=>r.jsxRuntimeExports.jsx(O._,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${o.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${o.align||"left"} ${o.chip?o.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...o.chip&&o.chipColors?{backgroundColor:o.chipColors[o.chipColors.findIndex(st=>st.value===(o.chipColumnId?e[o.chipColumnId]:s))].color,color:nt.getTextColorBasedOnBgColor(o.chipColors[o.chipColors.findIndex(st=>st.value===(o.chipColumnId?e[o.chipColumnId]:s))].color)}:{}},children:L.numberFormattingFunction(s,C,o.precision,o.prefix,o.suffix,o.locale,o.padZeros)},it))}):r.jsxRuntimeExports.jsx(O._,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${o.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${o.align||"left"} ${o.chip?o.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...o.chip&&o.chipColors?{backgroundColor:o.chipColors[o.chipColors.findIndex(s=>s.value===e[o.chipColumnId||o.columnId])].color,color:nt.getTextColorBasedOnBgColor(o.chipColors[o.chipColors.findIndex(s=>s.value===e[o.chipColumnId||o.columnId])].color)}:{}},children:L.numberFormattingFunction(e[o.columnId],C,o.precision,o.prefix,o.suffix,o.locale,o.padZeros)}):r.jsxRuntimeExports.jsx("div",{children:L.numberFormattingFunction(e[o.columnId],C,o.precision,o.prefix,o.suffix,o.locale,o.padZeros)})})},i))},u))})]}):null,t[30]=n,t[31]=x,t[32]=m,t[33]=a,t[34]=T,t[35]=C,t[36]=b,t[37]=y,t[38]=Q,t[39]=f,t[40]=_,t[41]=v):v=t[41];let w;t[42]!==R||t[43]!==v?(w=r.jsxRuntimeExports.jsx("div",{style:R,children:v}),t[42]=R,t[43]=v,t[44]=w):w=t[44];let k;t[45]!==E||t[46]!==w?(k=r.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center",children:r.jsxRuntimeExports.jsx("div",{className:"undp-scrollbar",style:E,children:w})}),t[45]=E,t[46]=w,t[47]=k):k=t[47];let N;t[48]!==p?.footnote||t[49]!==p?.source||t[50]!==F||t[51]!==D||t[52]!==l?.footnote||t[53]!==l?.source||t[54]!==d?(N=D||F?r.jsxRuntimeExports.jsx(Rt.GraphFooter,{styles:{footnote:l?.footnote,source:l?.source},classNames:{footnote:p?.footnote,source:p?.source},sources:D,footNote:F,width:d}):null,t[48]=p?.footnote,t[49]=p?.source,t[50]=F,t[51]=D,t[52]=l?.footnote,t[53]=l?.source,t[54]=d,t[55]=N):N=t[55];let S;t[56]!==n||t[57]!==a||t[58]!==U||t[59]!==y?(S=y&&r.jsxRuntimeExports.jsx("div",{style:U,className:"absolute p-3 border z-[1000] rounded-sm bg-primary-white dark:bg-primary-gray-700 border-primary-gray-300 dark:border-primary-gray-550",children:r.jsxRuntimeExports.jsxs("div",{className:"max-w-60",children:[r.jsxRuntimeExports.jsx(O._,{size:"sm",marginBottom:"2xs",className:"font-bold",children:"Filter data by"}),r.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-2",children:n[n.findIndex(e=>e.columnId===y)].filterOptions?.map((e,u)=>r.jsxRuntimeExports.jsx("div",{children:r.jsxRuntimeExports.jsxs("label",{className:"undp-viz-label",children:[r.jsxRuntimeExports.jsx("input",{type:"checkbox",className:"undp-viz-checkbox",checked:a[a.findIndex(o=>o.id===y)].option.indexOf(e)!==-1,onChange:()=>{const o=a.findIndex(s=>s.id===y),i=[...a[o].option];if(i.indexOf(e)!==-1){i.splice(i.indexOf(e),1);const s=[...a];s[o].option=i,gt(s)}else{i.push(e);const s=[...a];s[o].option=i,gt(s)}}}),e]},u)},u))})]})}),t[56]=n,t[57]=a,t[58]=U,t[59]=y,t[60]=S):S=t[60];let H;return t[61]!==V||t[62]!==K||t[63]!==M||t[64]!==h||t[65]!==Y||t[66]!==X||t[67]!==tt||t[68]!==ot||t[69]!==I||t[70]!==k||t[71]!==N||t[72]!==S||t[73]!==J||t[74]!==d?(H=r.jsxRuntimeExports.jsxs(wt.GraphContainer,{className:tt,style:ot,id:M,ref:jt,"aria-label":V,backgroundColor:K,theme:J,language:Y,width:d,height:h,padding:X,children:[I,k,N,S]}),t[61]=V,t[62]=K,t[63]=M,t[64]=h,t[65]=Y,t[66]=X,t[67]=tt,t[68]=ot,t[69]=I,t[70]=k,t[71]=N,t[72]=S,t[73]=J,t[74]=d,t[75]=H):H=t[75],H}function Nt(c){return c.columnWidth||1}function St(c){return c.columnWidth||1}function Ot(c){return{id:c.columnId,option:c.filterOptions}}function $t(c){return c.filterOptions&&c.filterOptions.length>0}exports.DataTable=kt;
-//# sourceMappingURL=DataTable.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Icons-DXw7FqJ_.cjs`),r=require(`./lodash.intersection-BDR4j58n.cjs`),i=require(`./GraphFooter.cjs`),a=require(`./GraphHeader.cjs`),o=require(`./GraphContainer-7xAPK4Tb.cjs`),s=require(`./lodash.orderby-Us2PHq2D.cjs`),c=require(`./fast-deep-equal-DN3ilkVq.cjs`),l=require(`./numberFormattingFunction-Caf5NyIo.cjs`),u=require(`./getTextColorBasedOnBgColor-B0B-azeJ.cjs`);let d=require(`react`),f=require(`@undp/design-system-react/Typography`);var p=e.a(c.t(),1),m=e.a(r.t(),1),h=e.a(s.t(),1),g=t.t(),_=e=>e.map(e=>e||1).reduce((e,t)=>e+t,0);function v(e){let{width:t,height:r,graphTitle:s,sources:c,graphDescription:v,footNote:y,graphID:b,data:x,columnData:S,onSeriesMouseClick:C,language:w=`en`,theme:T=`light`,ariaLabel:E,backgroundColor:D=!1,padding:O,resetSelectionOnDoubleClick:k=!0,styles:A,classNames:j,minWidth:M,naLabel:N=`NA`}=e,P=(0,d.useRef)(null),[F,I]=(0,d.useState)(void 0),[L,R]=(0,d.useState)(void 0),[z,B]=(0,d.useState)(`asc`),[V,H]=(0,d.useState)(void 0),[U,W]=(0,d.useState)({}),[G,K]=(0,d.useState)(S.filter(e=>e.filterOptions&&e.filterOptions.length>0).map(e=>({id:e.columnId,option:e.filterOptions}))),[q,J]=(0,d.useState)(x),Y=(0,d.useEffectEvent)(e=>{J(e)});return(0,d.useEffect)(()=>{let e=[];x.forEach(t=>{let n=!0;G.forEach(e=>{typeof t[e.id]!=`object`&&typeof t[e.id]!=`function`&&typeof t[e.id]!=`symbol`&&(S[S.findIndex(t=>t.columnId===e.id)].separator?(0,m.default)(t[e.id].split(S[S.findIndex(t=>t.columnId===e.id)].separator),e.option).length===0&&(n=!1):e.option.indexOf(t[e.id])===-1&&(n=!1))}),n&&e.push(t)}),Y(F&&x?(0,h.default)(e,[F],[z]):e)},[F,z,x,G,S]),(0,g.jsxs)(o.n,{className:j?.graphContainer,style:A?.graphContainer,id:b,ref:P,"aria-label":E,backgroundColor:D,theme:T,language:w,width:t,height:r,padding:O,children:[s||v?(0,g.jsx)(a.GraphHeader,{styles:{title:A?.title,description:A?.description},classNames:{title:j?.title,description:j?.description},graphTitle:s,graphDescription:v,width:t}):null,(0,g.jsx)(`div`,{className:`grow flex flex-col justify-center`,children:(0,g.jsx)(`div`,{className:`undp-scrollbar`,style:{width:t?`${t}px`:`100%`,height:r?`${r}px`:`auto`},children:(0,g.jsx)(`div`,{style:M?{minWidth:M}:void 0,children:x?(0,g.jsxs)(`table`,{className:`w-full`,style:{borderCollapse:`collapse`},children:[(0,g.jsx)(`thead`,{className:`text-left bg-primary-gray-300 dark:bg-primary-gray-550`,children:(0,g.jsx)(`tr`,{children:S?.map(e=>(0,g.jsx)(`th`,{className:`text-primary-gray-700 dark:text-primary-gray-100 text-sm`,style:{width:`calc(${100*(e.columnWidth||1)/_(S.map(e=>e.columnWidth||1))}%`},children:(0,g.jsxs)(`div`,{className:`flex gap-2 justify-between items-center p-4`,children:[(0,g.jsx)(f.P,{size:`sm`,marginBottom:`none`,className:`w-fit grow text-${e.align||`left`} font-bold`,children:e.columnTitle||e.columnId}),e.sortable?(0,g.jsx)(`button`,{type:`button`,className:`bg-transparent cursor-pointer p-0 m-0 border-0`,onClick:()=>{F===e.columnId?(z===`asc`&&B(`desc`),z===`desc`&&I(void 0)):(I(e.columnId),B(`asc`))},children:F===e.columnId?z===`asc`?(0,g.jsx)(n.f,{}):(0,g.jsx)(n.p,{}):(0,g.jsx)(n.d,{})}):null,e.filterOptions?.length?(0,g.jsx)(`button`,{type:`button`,className:`bg-transparent cursor-pointer m-0 p-0 border-0`,onClick:t=>{if(V===e.columnId)H(void 0);else if(t.currentTarget){H(e.columnId);let n=t.currentTarget.getBoundingClientRect();W({top:n.bottom+window.scrollY,left:n.left+window.scrollX-160<0?n.left+window.scrollX:n.left+window.scrollX-160,width:`10rem`})}},children:G[G.findIndex(t=>t.id===e.columnId)].option.length===e.filterOptions?.length?(0,g.jsx)(n.o,{}):(0,g.jsx)(n.s,{})}):null]})},e.columnId))})}),(0,g.jsx)(`tbody`,{children:q?.map((e,t)=>(0,g.jsx)(`tr`,{className:`cursor-${C?`pointer`:`auto`} border-b border-b-primary-gray-400 dark:border-b-primary-gray-500 ${(0,p.default)(L,e)?`bg-primary-gray-200 dark:bg-primary-gray-600`:`bg-transparent`}`,style:e.rowStyle,onClick:()=>{C&&((0,p.default)(L,e)&&k?(R(void 0),C(void 0)):(R(e),C(e)))},children:S.map(t=>(0,g.jsx)(`td`,{className:`text-primary-gray-700 dark:text-primary-gray-100 text-sm text-${t.align||`left`}`,style:{width:`calc(${100*(e.columnWidth||1)/_(S.map(e=>e.columnWidth||1))}%`},children:(0,g.jsx)(`div`,{className:`text-primary-gray-700 dark:text-primary-gray-100 flex p-4 ${t.align===`right`?`justify-end`:t.align===`center`?`justify-center`:`justify-start`}`,children:typeof e[t.columnId]==`number`?(0,g.jsx)(f.P,{marginBottom:`none`,size:`sm`,className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${t.chip?`grow-0 rounded-sm p-2`:`grow rounded-none p-0`} text-${t.align||`left`} ${t.chip?t.chipColors?``:`bg-primary-gray-300 dark:bg-primary-gray-500`:`bg-transparent`}`,style:{...t.chip&&t.chipColors?{backgroundColor:t.chipColors[t.chipColors.findIndex(n=>n.value===e[t.chipColumnId||t.columnId])].color,color:u.t(t.chipColors[t.chipColors.findIndex(n=>n.value===e[t.chipColumnId||t.columnId])].color)}:{}},children:l.t(e[t.columnId],N,t.precision,t.prefix,t.suffix,t.locale,t.padZeros)}):typeof e[t.columnId]==`string`?t.separator?(0,g.jsx)(`div`,{className:`text-primary-gray-700 dark:text-primary-gray-100 flex flex-wrap gap-2`,children:e[t.columnId].split(t.separator).map(n=>(0,g.jsx)(f.P,{marginBottom:`none`,size:`sm`,className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${t.chip?`grow-0 rounded-sm p-2`:`grow rounded-none p-0`} text-${t.align||`left`} ${t.chip?t.chipColors?``:`bg-primary-gray-300 dark:bg-primary-gray-500`:`bg-transparent`}`,style:{...t.chip&&t.chipColors?{backgroundColor:t.chipColors[t.chipColors.findIndex(r=>r.value===(t.chipColumnId?e[t.chipColumnId]:n))].color,color:u.t(t.chipColors[t.chipColors.findIndex(r=>r.value===(t.chipColumnId?e[t.chipColumnId]:n))].color)}:{}},children:l.t(n,N,t.precision,t.prefix,t.suffix,t.locale,t.padZeros)},n))}):(0,g.jsx)(f.P,{marginBottom:`none`,size:`sm`,className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${t.chip?`grow-0 rounded-sm p-2`:`grow rounded-none p-0`} text-${t.align||`left`} ${t.chip?t.chipColors?``:`bg-primary-gray-300 dark:bg-primary-gray-500`:`bg-transparent`}`,style:{...t.chip&&t.chipColors?{backgroundColor:t.chipColors[t.chipColors.findIndex(n=>n.value===e[t.chipColumnId||t.columnId])].color,color:u.t(t.chipColors[t.chipColors.findIndex(n=>n.value===e[t.chipColumnId||t.columnId])].color)}:{}},children:l.t(e[t.columnId],N,t.precision,t.prefix,t.suffix,t.locale,t.padZeros)}):(0,g.jsx)(`div`,{children:l.t(e[t.columnId],N,t.precision,t.prefix,t.suffix,t.locale,t.padZeros)})})},t.columnId))},t))})]}):null})})}),c||y?(0,g.jsx)(i.GraphFooter,{styles:{footnote:A?.footnote,source:A?.source},classNames:{footnote:j?.footnote,source:j?.source},sources:c,footNote:y,width:t}):null,V&&(0,g.jsx)(`div`,{style:U,className:`absolute p-3 border z-[1000] rounded-sm bg-primary-white dark:bg-primary-gray-700 border-primary-gray-300 dark:border-primary-gray-550`,children:(0,g.jsxs)(`div`,{className:`max-w-60`,children:[(0,g.jsx)(f.P,{size:`sm`,marginBottom:`2xs`,className:`font-bold`,children:`Filter data by`}),(0,g.jsx)(`div`,{className:`flex flex-col gap-2`,children:S[S.findIndex(e=>e.columnId===V)].filterOptions?.map(e=>(0,g.jsx)(`div`,{children:(0,g.jsxs)(`label`,{className:`undp-viz-label`,children:[(0,g.jsx)(`input`,{type:`checkbox`,className:`undp-viz-checkbox`,checked:G[G.findIndex(e=>e.id===V)].option.indexOf(e)!==-1,onChange:()=>{let t=G.findIndex(e=>e.id===V),n=[...G[t].option];if(n.indexOf(e)!==-1){n.splice(n.indexOf(e),1);let r=[...G];r[t].option=n,K(r)}else{n.push(e);let r=[...G];r[t].option=n,K(r)}}}),e]})},e))})]})})]})}exports.DataTable=v;
+//# sourceMappingURL=DataTable.cjs.map