@undp/data-viz 2.5.3 → 2.6.0

package/dist/DataCards.js

@@ -1,507 +1,253 @@
-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("; ")}"`
+import { c as _e, j as l } from "./compiler-runtime-qHgugrLy.js";
+import { useState as G, useRef as Be, useEffectEvent as Se, useEffect as je } from "react";
+import { i as Fe } from "./index-BuwmuDFJ.js";
+import { f as xe } from "./index-EArKRVKg.js";
+import { DropdownSelect as we, createFilter as De } from "@undp/design-system-react/DropdownSelect";
+import { P as Ve } from "@undp/design-system-react/Typography";
+import { Pagination as Te } from "@undp/design-system-react/Pagination";
+import { Search as Ee } from "@undp/design-system-react/Search";
+import { o as Pe } from "./index-BZQYSqar.js";
+import { Spacer as se } from "@undp/design-system-react/Spacer";
+import { Modal as Le } from "@undp/design-system-react/Modal";
+import { CsvDownloadButton as Re } from "./CsvDownloadButton.js";
+import { d as Ge } from "./index-D_ls5oK8.js";
+import { s as Ne } from "./string2HTML-DL-pInUB.js";
+import { GraphFooter as Ae } from "./GraphFooter.js";
+import { GraphHeader as He } from "./GraphHeader.js";
+import { g as We } from "./getUniqValue-DsqSii6M.js";
+import { t as ke } from "./transformDataForSelect-D8AuvYdf.js";
+import { G as Qe } from "./GraphContainer-DcOM2CI6.js";
+const qe = (n) => n ? Object.entries(n).map(([i, c]) => Array.isArray(c) ? {
+  " ": i,
+  value: `"${c.join("; ")}"`
 } : {
-  " ": t,
-  value: `"${a}"`
+  " ": i,
+  value: `"${c}"`
 }) : {};
-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];
+function Ke(n) {
+  const e = _e.c(34), {
+    width: i,
+    height: c,
+    data: v,
+    onSeriesMouseClick: g,
+    cardTemplate: u,
+    cardBackgroundColor: p,
+    cardMinWidth: k,
+    detailsOnClick: o,
+    noOfItemsInAPage: x,
+    styles: w,
+    classNames: D,
+    page: y,
+    allowDataDownloadOnDetail: S
+  } = n, A = k === void 0 ? 320 : k, [h, a] = G(void 0), f = i ? `${i}px` : "100%", I = c ? `${c}px` : "auto", M = `repeat(auto-fill, minmax(${A}px, 1fr))`;
+  let C;
+  e[0] !== f || e[1] !== I || e[2] !== M ? (C = {
+    width: f,
+    height: I,
+    gridTemplateColumns: M
+  }, e[0] = f, e[1] = I, e[2] = M, e[3] = C) : C = 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
+  if (e[4] !== p || e[5] !== u || e[6] !== D?.dataCards || e[7] !== v || e[8] !== o || e[9] !== x || e[10] !== g || e[11] !== y || e[12] !== w?.dataCards) {
+    let r;
+    e[14] !== x || e[15] !== y ? (r = (m, V) => x ? V < y * x && V >= (y - 1) * x : !0, e[14] = x, e[15] = y, e[16] = r) : r = e[16];
+    let s;
+    e[17] !== p || e[18] !== u || e[19] !== D?.dataCards || e[20] !== o || e[21] !== g || e[22] !== w?.dataCards ? (s = (m, V) => /* @__PURE__ */ l.jsx("div", { style: {
+      ...w?.dataCards || {},
+      ...p && {
+        backgroundColor: p
       }
-    }, 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;
+    }, className: `w-full flex flex-col ${g || o ? "cursor-pointer" : "cursor-auto"}${p ? "" : "bg-primary-gray-200 dark:bg-primary-gray-600"} ${D?.dataCards || ""}`, onClick: () => {
+      g?.(m), a(m);
+    }, dangerouslySetInnerHTML: typeof u == "string" ? {
+      __html: Ne(u, m)
+    } : void 0, children: typeof u == "function" ? u(m) : null }, V), e[17] = p, e[18] = u, e[19] = D?.dataCards, e[20] = o, e[21] = g, e[22] = w?.dataCards, e[23] = s) : s = e[23], b = v.filter(r).map(s), e[4] = p, e[5] = u, e[6] = D?.dataCards, e[7] = v, e[8] = o, e[9] = x, e[10] = g, e[11] = y, e[12] = w?.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);
+  let j;
+  e[24] !== C || e[25] !== b ? (j = /* @__PURE__ */ l.jsx("div", { className: "undp-scrollbar w-full my-0 mx-auto grid gap-4 undp-viz-data-cards-container", style: C, children: b }), e[24] = C, e[25] = b, e[26] = j) : j = e[26];
+  let d;
+  e[27] !== S || e[28] !== o || e[29] !== h ? (d = o && h !== void 0 ? /* @__PURE__ */ l.jsxs(Le, { open: h !== void 0, onClose: () => {
+    a(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: [{
+    /* @__PURE__ */ l.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof o == "string" ? {
+      __html: Ne(o, h)
+    } : void 0, children: typeof o == "function" ? o(h) : null }),
+    S ? /* @__PURE__ */ l.jsx("div", { className: "flex", children: /* @__PURE__ */ l.jsx(Re, { csvData: qe(h), 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, {})
+    }], buttonContent: /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-4", children: [
+      typeof S == "string" ? S : null,
+      /* @__PURE__ */ l.jsx(Ge, {})
     ] }) }) }) : 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;
+  ] }) : null, e[27] = S, e[28] = o, e[29] = h, e[30] = d) : d = e[30];
+  let _;
+  return e[31] !== j || e[32] !== d ? (_ = /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    j,
+    d
+  ] }), e[31] = j, e[32] = d, e[33] = _) : _ = e[33], _;
 }
-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,
+const Ue = (n, e, i) => e.length === 0 ? n : n.filter((c) => e.some((v) => c[v]?.toLowerCase().includes(i.toLowerCase())));
+function vt(n) {
+  const e = _e.c(84), {
+    width: i,
+    height: c,
+    graphTitle: v,
+    sources: g,
+    graphDescription: u,
+    footNote: p,
+    graphID: k,
+    data: o,
+    onSeriesMouseClick: x,
+    language: w,
+    theme: D,
+    ariaLabel: y,
+    cardTemplate: S,
+    cardBackgroundColor: A,
+    cardFilters: h,
+    cardSortingOptions: a,
+    cardSearchColumns: f,
+    cardMinWidth: I,
+    backgroundColor: M,
+    padding: C,
     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}`,
+    allowDataDownloadOnDetail: j,
+    noOfItemsInAPage: d,
+    uiMode: _,
+    styles: r,
+    classNames: s
+  } = n, m = w === void 0 ? "en" : w, V = D === void 0 ? "light" : D, ie = I === void 0 ? 320 : I, ne = M === void 0 ? !1 : M, ce = j === void 0 ? !1 : j, H = _ === void 0 ? "normal" : _, [$, Ie] = G(o), [de, ve] = G(1), Me = Be(null), [z, $e] = G("");
+  let Q;
+  e[0] !== o ? (Q = (t) => ({
+    filter: t.column,
+    label: t.label || `Filter by ${t.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 = {
+    defaultValue: ke(t.defaultValue),
+    availableValues: We(o, t.column).filter((W) => !t.excludeValues?.includes(`${W}`)).map(Ye),
+    width: t.width
+  }), e[0] = o, e[1] = Q) : Q = e[1];
+  const ye = (h || []).map(Q);
+  let O;
+  e[2] !== h ? (O = h || [], e[2] = h, e[3] = O) : O = e[3];
+  let q;
+  e[4] !== O ? (q = O.map(Xe), e[4] = O, e[5] = q) : q = e[5];
+  const [B, ze] = G(q), [N, Ce] = G(a ? !a.defaultValue || a.options.findIndex((t) => t.label === a.defaultValue) === -1 ? a.options[0] : a.options[a.options.findIndex((t) => t.label === a.defaultValue)] : void 0), be = {
     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
+  e[6] !== a ? (K = () => {
+    Ce(a ? !a.defaultValue || a.options.findIndex((t) => t.label === a.defaultValue) === -1 ? a.options[0] : a.options[a.options.findIndex((t) => t.label === a.defaultValue)] : void 0);
+  }, e[6] = a, e[7] = K) : K = e[7];
+  const ue = Se(K);
+  let U;
+  e[8] !== ue ? (U = () => {
+    ue();
+  }, e[8] = ue, e[9] = U) : U = e[9];
+  let J;
+  e[10] !== a ? (J = [a], e[10] = a, e[11] = J) : J = e[11], je(U, J);
+  let X;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = (t) => {
+    Ie(t), ve(1);
+  }, e[12] = X) : X = e[12];
+  const Y = Se(X);
+  let Z;
+  e[13] !== Y || e[14] !== f || e[15] !== o || e[16] !== z || e[17] !== B || e[18] !== N ? (Z = () => {
+    const t = Ue(o, f || [], z).filter((W) => B.every((R) => R.value && xe([R.value]).length > 0 ? Fe(xe([W[R.filter]]), xe([R.value]).map(Je)).length > 0 : !0));
+    Y(N ? Pe(t, [N.value], [N.type]) : t);
+  }, e[13] = Y, e[14] = f, e[15] = o, e[16] = z, e[17] = B, e[18] = N, e[19] = Z) : Z = e[19];
+  let ee;
+  e[20] !== f || e[21] !== o || e[22] !== z || e[23] !== B || e[24] !== N ? (ee = [o, f, z, B, N], e[20] = f, e[21] = o, e[22] = z, e[23] = B, e[24] = N, e[25] = ee) : ee = e[25], je(Z, ee);
+  const fe = Qe, me = s?.graphContainer, pe = r?.graphContainer;
+  let F;
+  e[26] !== s?.description || e[27] !== s?.title || e[28] !== u || e[29] !== v || e[30] !== r?.description || e[31] !== r?.title || e[32] !== i ? (F = v || u ? /* @__PURE__ */ l.jsx(He, { styles: {
+    title: r?.title,
+    description: r?.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)"
+    title: s?.title,
+    description: s?.description
+  }, graphTitle: v, graphDescription: u, width: i }) : null, e[26] = s?.description, e[27] = s?.title, e[28] = u, e[29] = v, e[30] = r?.description, e[31] = r?.title, e[32] = i, e[33] = F) : F = e[33];
+  const he = a || ye.length > 0 ? /* @__PURE__ */ l.jsxs("div", { className: "flex gap-x-4 gap-y-0 flex-wrap items-start w-full pb-3", children: [
+    a ? /* @__PURE__ */ l.jsxs("div", { className: "grow shrink-0 min-w-[240px]", style: {
+      width: a.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)] })
+      /* @__PURE__ */ l.jsx(Ve, { marginBottom: "xs", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: "Sort by" }),
+      /* @__PURE__ */ l.jsx(we, { options: a.options, isRtl: m === "he" || m === "ar", isSearchable: !0, filterOption: De(be), onChange: (t) => {
+        Ce(t || void 0);
+      }, variant: H, size: "sm", defaultValue: !a.defaultValue || a.options.findIndex((t) => t.label === a.defaultValue) === -1 ? a.options[0] : a.options[a.options.findIndex((t) => t.label === a.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)"
+    ye?.map((t, W) => /* @__PURE__ */ l.jsxs("div", { className: "grow shrink-0 min-w-[240px]", style: {
+      width: t.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))
+      /* @__PURE__ */ l.jsx(Ve, { marginBottom: "xs", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: t.label }),
+      /* @__PURE__ */ l.jsx(we, { options: t.availableValues, isClearable: t.clearable === void 0 ? !0 : t.clearable, isRtl: m === "he" || m === "ar", isSearchable: !0, variant: H, size: "sm", controlShouldRenderValue: !0, filterOption: De(be), onChange: (R) => {
+        ze((Oe) => Oe.map((ge) => ge.filter === t.filter ? {
+          ...ge,
+          value: R
+        } : ge));
+      }, defaultValue: t.defaultValue })
+    ] }, W))
   ] }) : 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: {
+  let te;
+  e[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (te = /* @__PURE__ */ l.jsx(se, { size: "xl" }), e[34] = te) : te = e[34];
+  let T;
+  e[35] !== f || e[36] !== H ? (T = (f || []).length > 0 ? /* @__PURE__ */ l.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
+  }, children: /* @__PURE__ */ l.jsx(Ee, { placeholder: "Search...", onSearch: (t) => {
+    $e(t || "");
+  }, buttonVariant: "icon", inputVariant: H, showSearchButton: !1, inputSize: "sm" }) }) : null, e[35] = f, e[36] = H, e[37] = T) : T = e[37];
+  let ae;
+  e[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ae = /* @__PURE__ */ l.jsx(se, { size: "xl" }), e[38] = ae) : ae = e[38];
+  let E;
+  e[39] !== ce || e[40] !== A || e[41] !== $ || e[42] !== ie || e[43] !== S || e[44] !== s || e[45] !== b || e[46] !== c || e[47] !== d || e[48] !== x || e[49] !== de || e[50] !== r || e[51] !== i ? (E = /* @__PURE__ */ l.jsx(Ke, { data: $, width: i, height: c, cardTemplate: S, cardMinWidth: ie, page: de, cardBackgroundColor: A, styles: r, classNames: s, noOfItemsInAPage: d, detailsOnClick: b, onSeriesMouseClick: x, allowDataDownloadOnDetail: ce }), e[39] = ce, e[40] = A, e[41] = $, e[42] = ie, e[43] = S, e[44] = s, e[45] = b, e[46] = c, e[47] = d, e[48] = x, e[49] = de, e[50] = r, e[51] = i, e[52] = E) : E = e[52];
+  let le;
+  e[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (le = /* @__PURE__ */ l.jsx(se, { size: "xl" }), e[53] = le) : le = e[53];
+  let P;
+  e[54] !== $ || e[55] !== d ? (P = d ? /* @__PURE__ */ l.jsx(Te, { total: $.length, defaultPage: 0, pageSize: d, onChange: ve }) : null, e[54] = $, e[55] = d, e[56] = P) : P = e[56];
+  let oe;
+  e[57] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (oe = /* @__PURE__ */ l.jsx(se, { size: "2xl" }), e[57] = oe) : oe = e[57];
+  let L;
+  e[58] !== s?.footnote || e[59] !== s?.source || e[60] !== p || e[61] !== g || e[62] !== r?.footnote || e[63] !== r?.source || e[64] !== i ? (L = g || p ? /* @__PURE__ */ l.jsx(Ae, { styles: {
+    footnote: r?.footnote,
+    source: r?.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;
+    footnote: s?.footnote,
+    source: s?.source
+  }, sources: g, footNote: p, width: i }) : null, e[58] = s?.footnote, e[59] = s?.source, e[60] = p, e[61] = g, e[62] = r?.footnote, e[63] = r?.source, e[64] = i, e[65] = L) : L = e[65];
+  let re;
+  return e[66] !== fe || e[67] !== y || e[68] !== ne || e[69] !== k || e[70] !== c || e[71] !== m || e[72] !== C || e[73] !== me || e[74] !== pe || e[75] !== F || e[76] !== he || e[77] !== T || e[78] !== E || e[79] !== P || e[80] !== L || e[81] !== V || e[82] !== i ? (re = /* @__PURE__ */ l.jsxs(fe, { className: me, style: pe, id: k, ref: Me, "aria-label": y, backgroundColor: ne, theme: V, language: m, width: i, height: c, padding: C, children: [
+    F,
+    he,
+    te,
+    T,
+    ae,
+    E,
+    le,
+    P,
+    oe,
+    L
+  ] }), e[66] = fe, e[67] = y, e[68] = ne, e[69] = k, e[70] = c, e[71] = m, e[72] = C, e[73] = me, e[74] = pe, e[75] = F, e[76] = he, e[77] = T, e[78] = E, e[79] = P, e[80] = L, e[81] = V, e[82] = i, e[83] = re) : re = e[83], re;
 }
-function jt(s) {
-  return s.value;
+function Je(n) {
+  return n.value;
 }
-function Nt(s) {
+function Xe(n) {
   return {
-    filter: s.column,
-    value: Re(s.defaultValue)
+    filter: n.column,
+    value: ke(n.defaultValue)
   };
 }
-function kt(s) {
+function Ye(n) {
   return {
-    value: s,
-    label: s
+    value: n,
+    label: n
   };
 }
 export {
-  Lt as DataCards
+  vt as DataCards
 };
 //# sourceMappingURL=DataCards.js.map