@undp/data-viz 2.6.0 → 2.6.1

package/dist/ParetoChart.js

@@ -1,540 +1,2 @@
-import { c as xe, j as n } from "./compiler-runtime-qHgugrLy.js";
-import { useRef as ae, useState as Bt, useEffect as pe } from "react";
-import { i as ce } from "./index-Bwrro8-q.js";
-import { cn as ee } from "@undp/design-system-react/cn";
-import { n as ie } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as fe } from "./Tooltip-DO56mY4b.js";
-import { c as re } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { A as le } from "./Axis-RRx-0Rlw.js";
-import { A as ue } from "./AxisTitle-B9F80_Z0.js";
-import { X as de } from "./XAxesLabels-CPZX3OJN.js";
-import { D as he } from "./DetailsModal-k-Me_U_T.js";
-import { b as ge } from "./band-DYty33LD.js";
-import { a as me } from "./linear-DNXM5Pdl.js";
-import { l as ye, c as be } from "./line-DFlZsxI1.js";
-import { c as ve, s as Ae, a as we, m as je } from "./step-BrDul-H4.js";
-import { m as Vt } from "./proxy-D31SA_aE.js";
-import { u as Me } from "./use-in-view-Co5SmzfT.js";
-import { A as Ce } from "./index-CNUlPiEL.js";
-import { GraphFooter as ke } from "./GraphFooter.js";
-import { GraphHeader as Le } from "./GraphHeader.js";
-import { ColorLegend as Ne } from "./ColorLegend.js";
-import { Colors as oe } from "./Colors.js";
-import { E as Oe } from "./EmptyState-prZ8OnEs.js";
-import { a as $e, G as De } from "./GraphContainer-DcOM2CI6.js";
-function Ve(e) {
-  const t = xe.c(162), {
-    data: h,
-    width: Z,
-    height: B,
-    barColor: g,
-    lineColor: d,
-    axisTitles: x,
-    sameAxes: j,
-    rightMargin: Gt,
-    leftMargin: zt,
-    topMargin: Tt,
-    bottomMargin: It,
-    tooltip: wt,
-    showValues: jt,
-    onSeriesMouseOver: at,
-    barPadding: St,
-    truncateBy: Mt,
-    showLabels: Pt,
-    onSeriesMouseClick: T,
-    resetSelectionOnDoubleClick: dt,
-    detailsOnClick: O,
-    noOfTicks: ht,
-    curveType: gt,
-    styles: o,
-    classNames: s,
-    animate: c,
-    customLayers: I,
-    naLabel: rt,
-    showAxisLabels: $,
-    lineNumberDisplayOptions: m,
-    barNumberDisplayOptions: u
-  } = e, Rt = ae(null);
-  let Ct;
-  t[0] !== c.amount || t[1] !== c.once ? (Ct = {
-    once: c.once,
-    amount: c.amount
-  }, t[0] = c.amount, t[1] = c.once, t[2] = Ct) : Ct = t[2];
-  const D = Me(Rt, Ct), Yt = gt === "linear" ? be : gt === "step" ? ve : gt === "stepAfter" ? Ae : gt === "stepBefore" ? we : je, [yt, ct] = Bt(void 0), [S, bt] = Bt(void 0), [f, l] = Bt(void 0), [kt, P] = Bt(void 0), Et = zt + 50, Xt = Gt + 65;
-  let Lt;
-  t[3] !== It || t[4] !== Et || t[5] !== Xt || t[6] !== Tt ? (Lt = {
-    top: Tt,
-    bottom: It,
-    left: Et,
-    right: Xt
-  }, t[3] = It, t[4] = Et, t[5] = Xt, t[6] = Tt, t[7] = Lt) : Lt = t[7];
-  const r = Lt, y = Z - r.left - r.right, a = B - r.top - r.bottom;
-  let M, G, R, V, F, z, q, C, k, Y, E, U, J, K, Q;
-  if (t[8] !== c || t[9] !== x || t[10] !== g || t[11] !== u?.locale || t[12] !== u?.padZeros || t[13] !== u?.precision || t[14] !== u?.prefix || t[15] !== u?.suffix || t[16] !== St || t[17] !== s?.graphObjectValues || t[18] !== s?.xAxis?.axis || t[19] !== s?.xAxis?.labels || t[20] !== s?.yAxis?.gridLines || t[21] !== s?.yAxis?.labels || t[22] !== s?.yAxis?.title || t[23] !== Yt || t[24] !== I || t[25] !== h || t[26] !== O || t[27] !== a || t[28] !== y || t[29] !== B || t[30] !== D || t[31] !== d || t[32] !== m?.locale || t[33] !== m?.padZeros || t[34] !== m?.precision || t[35] !== m?.prefix || t[36] !== m?.suffix || t[37] !== r.bottom || t[38] !== r.left || t[39] !== r.right || t[40] !== r.top || t[41] !== S || t[42] !== rt || t[43] !== ht || t[44] !== T || t[45] !== at || t[46] !== dt || t[47] !== j || t[48] !== $ || t[49] !== Pt || t[50] !== jt || t[51] !== o?.graphObjectValues || t[52] !== o?.xAxis?.axis || t[53] !== o?.xAxis?.labels || t[54] !== o?.yAxis?.gridLines || t[55] !== o?.yAxis?.labels || t[56] !== o?.yAxis?.title || t[57] !== Mt || t[58] !== Z) {
-    const p = h.map(li), v = ge().domain(p.map(ni)).range([0, y]).paddingInner(St), Nt = Math.min(...p.map(si).filter(oi)) !== 1 / 0 ? Math.min(...p.map(ii).filter(ei)) > 0 ? 0 : Math.min(...p.map(ti).filter(_e)) : 0, Ot = Math.min(...p.map(Qe).filter(Ke)) !== 1 / 0 ? Math.min(...p.map(Je).filter(Ue)) > 0 ? 0 : Math.min(...p.map(qe).filter(ze)) : 0, vt = Math.max(...p.map(Fe).filter(Re)) !== 1 / 0 ? Math.max(...p.map(Ge).filter(Be)) : 0, mt = Math.max(...p.map(Ze).filter(We)) !== 1 / 0 ? Math.max(...p.map(He).filter(Xe)) : 0, qt = Nt < Ot ? Nt : Ot, xt = vt > mt ? vt : mt, b = me().domain([j ? qt : Nt, j ? xt > 0 ? xt : 0 : vt > 0 ? vt : 0]).range([a, 0]).nice(), A = me().domain([j ? qt : Ot, j ? xt > 0 ? xt : 0 : mt > 0 ? mt : 0]).range([a, 0]).nice(), Ft = ye().defined(Ee).x((i) => v(`${i.id}`) + v.bandwidth() / 2).y((i) => A(i.line)).curve(Yt), Ht = b.ticks(ht), Wt = A.ticks(ht);
-    G = Vt.svg, F = `${Z}px`, z = `${B}px`, q = `0 0 ${Z} ${B}`, C = "ltr", k = Rt, J = `translate(${r.left},${r.top})`;
-    const $t = s?.xAxis?.axis;
-    let st;
-    t[74] !== $t ? (st = {
-      axis: $t
-    }, t[74] = $t, t[75] = st) : st = t[75];
-    let L;
-    t[76] !== o?.xAxis?.axis ? (L = o?.xAxis?.axis || {}, t[76] = o?.xAxis?.axis, t[77] = L) : L = t[77];
-    let N;
-    t[78] !== g || t[79] !== L ? (N = {
-      axis: {
-        stroke: g,
-        ...L
-      }
-    }, t[78] = g, t[79] = L, t[80] = N) : N = t[80];
-    let X;
-    t[81] !== a || t[82] !== st || t[83] !== N ? (X = /* @__PURE__ */ n.jsx(le, { y1: 0, y2: a, x1: -15, x2: -15, classNames: st, styles: N }), t[81] = a, t[82] = st, t[83] = N, t[84] = X) : X = t[84];
-    let H;
-    t[85] !== x || t[86] !== g || t[87] !== s?.yAxis?.title || t[88] !== a || t[89] !== r.left || t[90] !== $ || t[91] !== o?.yAxis?.title ? (H = $ ? /* @__PURE__ */ n.jsx(ue, { x: 10 - r.left, y: a / 2, style: {
-      fill: g,
-      ...o?.yAxis?.title || {}
-    }, className: s?.yAxis?.title, text: x[0].length > 100 ? `${x[0].substring(0, 100)}...` : x[0], rotate90: !0 }) : null, t[85] = x, t[86] = g, t[87] = s?.yAxis?.title, t[88] = a, t[89] = r.left, t[90] = $, t[91] = o?.yAxis?.title, t[92] = H) : H = t[92], K = /* @__PURE__ */ n.jsxs("g", { children: [
-      Ht.map((i, Dt) => /* @__PURE__ */ n.jsxs("g", { children: [
-        /* @__PURE__ */ n.jsx("line", { y1: b(i), y2: b(i), x1: -15, x2: -20, style: {
-          stroke: g,
-          strokeWidth: 1,
-          ...o?.yAxis?.gridLines || {}
-        }, className: s?.yAxis?.gridLines }),
-        /* @__PURE__ */ n.jsx("text", { x: -25, y: b(i), dy: "0.33em", className: ee("text-xs", s?.yAxis?.labels), style: {
-          textAnchor: "end",
-          fill: g,
-          ...o?.yAxis?.labels || {}
-        }, children: ie(i, rt, u?.precision ?? 2, u?.prefix, u?.suffix, u?.locale, u?.padZeros) })
-      ] }, Dt)),
-      X,
-      H
-    ] });
-    const nt = y + 15, lt = y + 15, At = s?.xAxis?.axis;
-    let pt;
-    t[93] !== At ? (pt = {
-      axis: At
-    }, t[93] = At, t[94] = pt) : pt = t[94];
-    let ft;
-    t[95] !== o?.xAxis?.axis ? (ft = o?.xAxis?.axis || {}, t[95] = o?.xAxis?.axis, t[96] = ft) : ft = t[96];
-    let Zt;
-    t[97] !== d || t[98] !== ft ? (Zt = {
-      axis: {
-        stroke: d,
-        ...ft
-      }
-    }, t[97] = d, t[98] = ft, t[99] = Zt) : Zt = t[99];
-    let Ut;
-    t[100] !== a || t[101] !== nt || t[102] !== lt || t[103] !== pt || t[104] !== Zt ? (Ut = /* @__PURE__ */ n.jsx(le, { y1: 0, y2: a, x1: nt, x2: lt, classNames: pt, styles: Zt }), t[100] = a, t[101] = nt, t[102] = lt, t[103] = pt, t[104] = Zt, t[105] = Ut) : Ut = t[105];
-    let Jt;
-    t[106] !== x || t[107] !== s?.yAxis?.title || t[108] !== a || t[109] !== y || t[110] !== d || t[111] !== r.right || t[112] !== $ || t[113] !== o?.yAxis?.title ? (Jt = $ ? /* @__PURE__ */ n.jsx(ue, { x: y + r.right - 15, y: a / 2, style: {
-      fill: d,
-      ...o?.yAxis?.title || {}
-    }, className: s?.yAxis?.title, text: x[1].length > 100 ? `${x[1].substring(0, 100)}...` : x[1], rotate90: !0 }) : null, t[106] = x, t[107] = s?.yAxis?.title, t[108] = a, t[109] = y, t[110] = d, t[111] = r.right, t[112] = $, t[113] = o?.yAxis?.title, t[114] = Jt) : Jt = t[114], Q = /* @__PURE__ */ n.jsxs("g", { children: [
-      Wt.map((i, Dt) => /* @__PURE__ */ n.jsxs("g", { children: [
-        /* @__PURE__ */ n.jsx("line", { y1: A(i), y2: A(i), x1: y + 15, x2: y + 20, style: {
-          stroke: d,
-          strokeWidth: 1,
-          ...o?.yAxis?.gridLines || {}
-        }, className: s?.yAxis?.gridLines }),
-        /* @__PURE__ */ n.jsx("text", { x: y + 25, y: A(i), dy: "0.33em", dx: -2, style: {
-          textAnchor: "start",
-          fill: d,
-          ...o?.yAxis?.labels || {}
-        }, className: ee("text-xs", s?.yAxis?.labels), children: ie(i, rt, m?.precision ?? 2, m?.prefix, m?.suffix, m?.locale, m?.padZeros) })
-      ] }, Dt)),
-      Ut,
-      Jt
-    ] });
-    const se = s?.xAxis?.axis;
-    let Kt;
-    t[115] !== se ? (Kt = {
-      axis: se
-    }, t[115] = se, t[116] = Kt) : Kt = t[116];
-    const ne = o?.xAxis?.axis;
-    let Qt;
-    t[117] !== ne ? (Qt = {
-      axis: ne
-    }, t[117] = ne, t[118] = Qt) : Qt = t[118], R = /* @__PURE__ */ n.jsx(le, { y1: j ? b(0) : a, y2: j ? b(0) : a, x1: -15, x2: y + 15, classNames: Kt, styles: Qt }), t[119] !== I ? (V = I.filter(Ye).map(Pe), t[119] = I, t[120] = V) : V = t[120], M = Ce, Y = p.map((i, Dt) => /* @__PURE__ */ n.jsxs(Vt.g, { className: "undp-viz-g-with-hover", opacity: 0.85, onMouseEnter: (W) => {
-      ct(i), P(W.clientY), l(W.clientX), at?.(i);
-    }, onClick: () => {
-      (T || O) && (ce(S, i) && dt ? (bt(void 0), T?.(void 0)) : (bt(i), T?.(i)));
-    }, onMouseMove: (W) => {
-      ct(i), P(W.clientY), l(W.clientX);
-    }, onMouseLeave: () => {
-      ct(void 0), l(void 0), P(void 0), at?.(void 0);
-    }, children: [
-      /* @__PURE__ */ n.jsx(Vt.rect, { variants: {
-        initial: {
-          attrY: b(0),
-          height: 0,
-          opacity: 1,
-          fill: g
-        },
-        whileInView: {
-          attrY: i.bar ? i.bar > 0 ? b(i.bar) : b(0) : 0,
-          height: i.bar ? Math.abs(b(i.bar) - b(0)) : 0,
-          opacity: 1,
-          fill: g,
-          transition: {
-            duration: c.duration
-          }
-        }
-      }, initial: "initial", animate: D ? "whileInView" : "initial", exit: {
-        attrY: b(0),
-        height: 0,
-        opacity: 0,
-        transition: {
-          duration: c.duration
-        }
-      }, x: v(`${Dt}`), width: v.bandwidth() }),
-      jt && !re(i.bar) ? /* @__PURE__ */ n.jsx(Vt.text, { x: v(`${i.id}`) + v.bandwidth() / 2, exit: {
-        attrY: b(0),
-        opacity: 0,
-        transition: {
-          duration: c.duration
-        }
-      }, variants: {
-        initial: {
-          attrY: b(0),
-          opacity: 0,
-          fill: g
-        },
-        whileInView: {
-          attrY: b(i.bar || 0),
-          opacity: 1,
-          fill: g,
-          transition: {
-            duration: c.duration
-          }
-        }
-      }, initial: "initial", animate: D ? "whileInView" : "initial", style: {
-        textAnchor: "middle",
-        ...o?.graphObjectValues || {}
-      }, className: ee("graph-value text-sm", s?.graphObjectValues), dy: i.bar ? i.bar >= 0 ? "-5px" : "1em" : "-5px", children: ie(i.bar, rt, u?.precision ?? 2, u?.prefix, u?.suffix, u?.locale, u?.padZeros) }) : null,
-      Pt ? /* @__PURE__ */ n.jsx(de, { value: `${i.label}`.length < Mt ? `${i.label}` : `${`${i.label}`.substring(0, Mt)}...`, y: a + 5, x: v(`${i.id}`), width: v.bandwidth(), height: r.bottom, style: o?.xAxis?.labels, className: s?.xAxis?.labels, alignment: "top", animate: c, isInView: D }) : null
-    ] }, i.label));
-    let _t;
-    t[121] !== c.duration ? (_t = {
-      opacity: 0,
-      transition: {
-        duration: c.duration
-      }
-    }, t[121] = c.duration, t[122] = _t) : _t = t[122];
-    let te;
-    t[123] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (te = {
-      fill: "none",
-      strokeWidth: 2
-    }, t[123] = te) : te = t[123], E = /* @__PURE__ */ n.jsx(Vt.path, { exit: _t, variants: {
-      initial: {
-        d: Ft(p.map(Se)),
-        opacity: 0,
-        stroke: d
-      },
-      whileInView: {
-        d: Ft(p),
-        opacity: 1,
-        stroke: d,
-        transition: {
-          duration: c.duration
-        }
-      }
-    }, initial: "initial", animate: D ? "whileInView" : "initial", style: te }), U = p.map((i, Dt) => /* @__PURE__ */ n.jsx("g", { children: re(i.line) ? null : /* @__PURE__ */ n.jsxs("g", { onMouseEnter: (W) => {
-      ct(i), P(W.clientY), l(W.clientX), at?.(i);
-    }, onClick: () => {
-      (T || O) && (ce(S, i) && dt ? (bt(void 0), T?.(void 0)) : (bt(i), T?.(i)));
-    }, onMouseMove: (W) => {
-      ct(i), P(W.clientY), l(W.clientX);
-    }, onMouseLeave: () => {
-      ct(void 0), l(void 0), P(void 0), at?.(void 0);
-    }, children: [
-      /* @__PURE__ */ n.jsx(Vt.circle, { exit: {
-        cy: A(0),
-        opacity: 0,
-        transition: {
-          duration: c.duration
-        }
-      }, variants: {
-        initial: {
-          cy: A(0),
-          opacity: 0,
-          fill: d
-        },
-        whileInView: {
-          cy: A(i.line),
-          opacity: 1,
-          fill: d,
-          transition: {
-            duration: c.duration
-          }
-        }
-      }, initial: "initial", animate: D ? "whileInView" : "initial", cx: v(i.id) + v.bandwidth() / 2, r: y / p.length < 5 ? 0 : y / p.length < 20 ? 2 : 4 }),
-      jt ? /* @__PURE__ */ n.jsx(Vt.text, { x: v(`${i.id}`) + v.bandwidth() / 2, exit: {
-        y: A(0),
-        opacity: 0,
-        transition: {
-          duration: c.duration
-        }
-      }, style: {
-        textAnchor: "middle",
-        ...o?.graphObjectValues || {}
-      }, variants: {
-        initial: {
-          y: A(0),
-          opacity: 0,
-          fill: d
-        },
-        whileInView: {
-          y: A(i.line),
-          opacity: 1,
-          fill: d,
-          transition: {
-            duration: c.duration
-          }
-        }
-      }, initial: "initial", animate: D ? "whileInView" : "initial", className: ee("graph-value text-sm", s?.graphObjectValues), dy: "-5px", children: ie(i.line, rt, m?.precision ?? 2, m?.prefix, m?.suffix, m?.locale, m?.padZeros) }) : null
-    ] }) }, Dt)), t[8] = c, t[9] = x, t[10] = g, t[11] = u?.locale, t[12] = u?.padZeros, t[13] = u?.precision, t[14] = u?.prefix, t[15] = u?.suffix, t[16] = St, t[17] = s?.graphObjectValues, t[18] = s?.xAxis?.axis, t[19] = s?.xAxis?.labels, t[20] = s?.yAxis?.gridLines, t[21] = s?.yAxis?.labels, t[22] = s?.yAxis?.title, t[23] = Yt, t[24] = I, t[25] = h, t[26] = O, t[27] = a, t[28] = y, t[29] = B, t[30] = D, t[31] = d, t[32] = m?.locale, t[33] = m?.padZeros, t[34] = m?.precision, t[35] = m?.prefix, t[36] = m?.suffix, t[37] = r.bottom, t[38] = r.left, t[39] = r.right, t[40] = r.top, t[41] = S, t[42] = rt, t[43] = ht, t[44] = T, t[45] = at, t[46] = dt, t[47] = j, t[48] = $, t[49] = Pt, t[50] = jt, t[51] = o?.graphObjectValues, t[52] = o?.xAxis?.axis, t[53] = o?.xAxis?.labels, t[54] = o?.yAxis?.gridLines, t[55] = o?.yAxis?.labels, t[56] = o?.yAxis?.title, t[57] = Mt, t[58] = Z, t[59] = M, t[60] = G, t[61] = R, t[62] = V, t[63] = F, t[64] = z, t[65] = q, t[66] = C, t[67] = k, t[68] = Y, t[69] = E, t[70] = U, t[71] = J, t[72] = K, t[73] = Q;
-  } else
-    M = t[59], G = t[60], R = t[61], V = t[62], F = t[63], z = t[64], q = t[65], C = t[66], k = t[67], Y = t[68], E = t[69], U = t[70], J = t[71], K = t[72], Q = t[73];
-  let _;
-  t[124] !== M || t[125] !== Y || t[126] !== E || t[127] !== U ? (_ = /* @__PURE__ */ n.jsxs(M, { children: [
-    Y,
-    E,
-    U
-  ] }), t[124] = M, t[125] = Y, t[126] = E, t[127] = U, t[128] = _) : _ = t[128];
-  let w;
-  t[129] !== I ? (w = I.filter(Ie).map(Te), t[129] = I, t[130] = w) : w = t[130];
-  let tt;
-  t[131] !== R || t[132] !== V || t[133] !== _ || t[134] !== w || t[135] !== J || t[136] !== K || t[137] !== Q ? (tt = /* @__PURE__ */ n.jsxs("g", { transform: J, children: [
-    K,
-    Q,
-    R,
-    V,
-    _,
-    w
-  ] }), t[131] = R, t[132] = V, t[133] = _, t[134] = w, t[135] = J, t[136] = K, t[137] = Q, t[138] = tt) : tt = t[138];
-  let et;
-  t[139] !== G || t[140] !== F || t[141] !== z || t[142] !== q || t[143] !== C || t[144] !== k || t[145] !== tt ? (et = /* @__PURE__ */ n.jsx(G, { width: F, height: z, viewBox: q, direction: C, ref: k, children: tt }), t[139] = G, t[140] = F, t[141] = z, t[142] = q, t[143] = C, t[144] = k, t[145] = tt, t[146] = et) : et = t[146];
-  let it;
-  t[147] !== s?.tooltip || t[148] !== f || t[149] !== kt || t[150] !== yt || t[151] !== o?.tooltip || t[152] !== wt ? (it = yt && wt && f && kt ? /* @__PURE__ */ n.jsx(fe, { data: yt, body: wt, xPos: f, yPos: kt, backgroundStyle: o?.tooltip, className: s?.tooltip }) : null, t[147] = s?.tooltip, t[148] = f, t[149] = kt, t[150] = yt, t[151] = o?.tooltip, t[152] = wt, t[153] = it) : it = t[153];
-  let ot;
-  t[154] !== s?.modal || t[155] !== O || t[156] !== S ? (ot = O && S !== void 0 ? /* @__PURE__ */ n.jsx(he, { body: O, data: S, setData: bt, className: s?.modal }) : null, t[154] = s?.modal, t[155] = O, t[156] = S, t[157] = ot) : ot = t[157];
-  let ut;
-  return t[158] !== et || t[159] !== it || t[160] !== ot ? (ut = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    et,
-    it,
-    ot
-  ] }), t[158] = et, t[159] = it, t[160] = ot, t[161] = ut) : ut = t[161], ut;
-}
-function Te(e) {
-  return e.layer;
-}
-function Ie(e) {
-  return e.position === "after";
-}
-function Se(e) {
-  return {
-    ...e,
-    line: 0
-  };
-}
-function Pe(e) {
-  return e.layer;
-}
-function Ye(e) {
-  return e.position === "before";
-}
-function Ee(e) {
-  return !re(e.line);
-}
-function Xe(e) {
-  return e != null;
-}
-function He(e) {
-  return e.line;
-}
-function We(e) {
-  return e != null;
-}
-function Ze(e) {
-  return e.line;
-}
-function Be(e) {
-  return e != null;
-}
-function Ge(e) {
-  return e.bar;
-}
-function Re(e) {
-  return e != null;
-}
-function Fe(e) {
-  return e.bar;
-}
-function ze(e) {
-  return e != null;
-}
-function qe(e) {
-  return e.line;
-}
-function Ue(e) {
-  return e != null;
-}
-function Je(e) {
-  return e.line;
-}
-function Ke(e) {
-  return e != null;
-}
-function Qe(e) {
-  return e.line;
-}
-function _e(e) {
-  return e != null;
-}
-function ti(e) {
-  return e.bar;
-}
-function ei(e) {
-  return e != null;
-}
-function ii(e) {
-  return e.bar;
-}
-function oi(e) {
-  return e != null;
-}
-function si(e) {
-  return e.bar;
-}
-function ni(e) {
-  return `${e.id}`;
-}
-function li(e, t) {
-  return {
-    ...e,
-    id: `${t}`
-  };
-}
-function Pi(e) {
-  const t = xe.c(87), {
-    data: h,
-    graphTitle: Z,
-    sources: B,
-    graphDescription: g,
-    height: d,
-    width: x,
-    footNote: j,
-    padding: Gt,
-    lineColor: zt,
-    barColor: Tt,
-    sameAxes: It,
-    backgroundColor: wt,
-    leftMargin: jt,
-    rightMargin: at,
-    topMargin: St,
-    bottomMargin: Mt,
-    lineAxisTitle: Pt,
-    barAxisTitle: T,
-    tooltip: dt,
-    relativeHeight: O,
-    onSeriesMouseOver: ht,
-    graphID: gt,
-    graphDownload: o,
-    dataDownload: s,
-    barPadding: c,
-    truncateBy: I,
-    showLabels: rt,
-    onSeriesMouseClick: $,
-    language: m,
-    colorLegendTitle: u,
-    minHeight: Rt,
-    theme: Ct,
-    ariaLabel: D,
-    resetSelectionOnDoubleClick: Yt,
-    detailsOnClick: yt,
-    showValues: ct,
-    noOfTicks: S,
-    curveType: bt,
-    styles: f,
-    classNames: l,
-    animate: kt,
-    customLayers: P,
-    naLabel: Et,
-    showColorScale: Xt,
-    showAxisLabels: Lt,
-    lineNumberDisplayOptions: r,
-    barNumberDisplayOptions: y
-  } = e, a = zt === void 0 ? oe.light.categoricalColors.colors[1] : zt, M = Tt === void 0 ? oe.light.categoricalColors.colors[0] : Tt, G = It === void 0 ? !1 : It, R = wt === void 0 ? !1 : wt, V = jt === void 0 ? 80 : jt, F = at === void 0 ? 80 : at, z = St === void 0 ? 20 : St, q = Mt === void 0 ? 25 : Mt, C = Pt === void 0 ? "Line chart" : Pt, k = T === void 0 ? "Bar graph" : T, Y = o === void 0 ? !1 : o, E = s === void 0 ? !1 : s, U = c === void 0 ? 0.25 : c, J = I === void 0 ? 999 : I, K = rt === void 0 ? !0 : rt, Q = m === void 0 ? "en" : m, _ = Rt === void 0 ? 0 : Rt, w = Ct === void 0 ? "light" : Ct, tt = Yt === void 0 ? !0 : Yt, et = ct === void 0 ? !0 : ct, it = S === void 0 ? 5 : S, ot = bt === void 0 ? "curve" : bt, ut = kt === void 0 ? !1 : kt;
-  let p;
-  t[0] !== P ? (p = P === void 0 ? [] : P, t[0] = P, t[1] = p) : p = t[1];
-  const v = p, Nt = Et === void 0 ? "NA" : Et, Ot = Xt === void 0 ? !0 : Xt, vt = Lt === void 0 ? !0 : Lt, [mt, qt] = Bt(0), [xt, b] = Bt(0), A = ae(null), Ft = ae(null);
-  let Ht, Wt;
-  t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Ht = () => {
-    const pt = new ResizeObserver((ft) => {
-      qt(ft[0].target.clientWidth || 620), b(ft[0].target.clientHeight || 480);
-    });
-    return A.current && pt.observe(A.current), () => pt.disconnect();
-  }, Wt = [], t[2] = Ht, t[3] = Wt) : (Ht = t[2], Wt = t[3]), pe(Ht, Wt);
-  const $t = l?.graphContainer, st = f?.graphContainer;
-  let L;
-  t[4] !== l?.description || t[5] !== l?.title || t[6] !== h || t[7] !== E || t[8] !== g || t[9] !== Y || t[10] !== Z || t[11] !== f?.description || t[12] !== f?.title || t[13] !== x ? (L = Z || g || Y || E ? /* @__PURE__ */ n.jsx(Le, { styles: {
-    title: f?.title,
-    description: f?.description
-  }, classNames: {
-    title: l?.title,
-    description: l?.description
-  }, graphTitle: Z, graphDescription: g, width: x, graphDownload: Y ? Ft : void 0, dataDownload: E ? h.map(mi).filter(ui).length > 0 ? h.map(ci).filter(ri) : h.filter(ai) : null }) : null, t[4] = l?.description, t[5] = l?.title, t[6] = h, t[7] = E, t[8] = g, t[9] = Y, t[10] = Z, t[11] = f?.description, t[12] = f?.title, t[13] = x, t[14] = L) : L = t[14];
-  let N;
-  t[15] !== k || t[16] !== M || t[17] !== l?.colorLegend || t[18] !== u || t[19] !== h.length || t[20] !== C || t[21] !== a || t[22] !== Ot || t[23] !== w ? (N = !Ot && h.length > 0 ? null : /* @__PURE__ */ n.jsx(Ne, { colorDomain: [k, C], colors: [M || oe[w].categoricalColors.colors[0], a || oe[w].categoricalColors.colors[1]], colorLegendTitle: u, showNAColor: !1, className: l?.colorLegend }), t[15] = k, t[16] = M, t[17] = l?.colorLegend, t[18] = u, t[19] = h.length, t[20] = C, t[21] = a, t[22] = Ot, t[23] = w, t[24] = N) : N = t[24];
-  let X;
-  t[25] !== h.length ? (X = h.length === 0 && /* @__PURE__ */ n.jsx(Oe, {}), t[25] = h.length, t[26] = X) : X = t[26];
-  let H;
-  t[27] !== ut || t[28] !== k || t[29] !== M || t[30] !== y || t[31] !== U || t[32] !== q || t[33] !== l || t[34] !== ot || t[35] !== v || t[36] !== h || t[37] !== yt || t[38] !== V || t[39] !== C || t[40] !== a || t[41] !== r || t[42] !== Nt || t[43] !== it || t[44] !== $ || t[45] !== ht || t[46] !== tt || t[47] !== F || t[48] !== G || t[49] !== vt || t[50] !== K || t[51] !== et || t[52] !== f || t[53] !== xt || t[54] !== mt || t[55] !== dt || t[56] !== z || t[57] !== J ? (H = mt && xt && h.length > 0 ? /* @__PURE__ */ n.jsx(Ve, { data: h, sameAxes: G, lineColor: a, barColor: M, width: mt, height: xt, truncateBy: J, leftMargin: V, rightMargin: F, topMargin: z, bottomMargin: q, axisTitles: [k, C], tooltip: dt, onSeriesMouseOver: ht, barPadding: U, showLabels: K, onSeriesMouseClick: $, resetSelectionOnDoubleClick: tt, detailsOnClick: yt, noOfTicks: it, curveType: ot, showValues: et, styles: f, classNames: l, animate: ut === !0 ? {
-    duration: 0.5,
-    once: !0,
-    amount: 0.5
-  } : ut || {
-    duration: 0,
-    once: !0,
-    amount: 0
-  }, customLayers: v, naLabel: Nt, showAxisLabels: vt, lineNumberDisplayOptions: r, barNumberDisplayOptions: y }) : null, t[27] = ut, t[28] = k, t[29] = M, t[30] = y, t[31] = U, t[32] = q, t[33] = l, t[34] = ot, t[35] = v, t[36] = h, t[37] = yt, t[38] = V, t[39] = C, t[40] = a, t[41] = r, t[42] = Nt, t[43] = it, t[44] = $, t[45] = ht, t[46] = tt, t[47] = F, t[48] = G, t[49] = vt, t[50] = K, t[51] = et, t[52] = f, t[53] = xt, t[54] = mt, t[55] = dt, t[56] = z, t[57] = J, t[58] = H) : H = t[58];
-  let nt;
-  t[59] !== X || t[60] !== H ? (nt = /* @__PURE__ */ n.jsxs($e, { ref: A, children: [
-    X,
-    H
-  ] }), t[59] = X, t[60] = H, t[61] = nt) : nt = t[61];
-  let lt;
-  t[62] !== l?.footnote || t[63] !== l?.source || t[64] !== j || t[65] !== B || t[66] !== f?.footnote || t[67] !== f?.source || t[68] !== x ? (lt = B || j ? /* @__PURE__ */ n.jsx(ke, { styles: {
-    footnote: f?.footnote,
-    source: f?.source
-  }, classNames: {
-    footnote: l?.footnote,
-    source: l?.source
-  }, sources: B, footNote: j, width: x }) : null, t[62] = l?.footnote, t[63] = l?.source, t[64] = j, t[65] = B, t[66] = f?.footnote, t[67] = f?.source, t[68] = x, t[69] = lt) : lt = t[69];
-  let At;
-  return t[70] !== D || t[71] !== R || t[72] !== gt || t[73] !== d || t[74] !== Q || t[75] !== _ || t[76] !== Gt || t[77] !== O || t[78] !== $t || t[79] !== st || t[80] !== L || t[81] !== N || t[82] !== nt || t[83] !== lt || t[84] !== w || t[85] !== x ? (At = /* @__PURE__ */ n.jsxs(De, { className: $t, style: st, id: gt, ref: Ft, "aria-label": D, backgroundColor: R, theme: w, language: Q, minHeight: _, width: x, height: d, relativeHeight: O, padding: Gt, children: [
-    L,
-    N,
-    nt,
-    lt
-  ] }), t[70] = D, t[71] = R, t[72] = gt, t[73] = d, t[74] = Q, t[75] = _, t[76] = Gt, t[77] = O, t[78] = $t, t[79] = st, t[80] = L, t[81] = N, t[82] = nt, t[83] = lt, t[84] = w, t[85] = x, t[86] = At) : At = t[86], At;
-}
-function ai(e) {
-  return e !== void 0;
-}
-function ri(e) {
-  return e !== void 0;
-}
-function ci(e) {
-  return e.data;
-}
-function ui(e) {
-  return e !== void 0;
-}
-function mi(e) {
-  return e.data;
-}
-export {
-  Pi as ParetoChart
-};
-//# sourceMappingURL=ParetoChart.js.map
+import { t as e } from "./ParetoChart-BB89ZG8n.js";
+export { e as ParetoChart };

package/dist/PerformanceIntensiveMultiGraphDashboard.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./compiler-runtime-oPPev21o.cjs"),o=require("react"),U=require("./index-CyZ1lmi_.cjs"),j=require("./index-BS2TADPj.cjs"),v=require("@undp/design-system-react/DropdownSelect"),z=require("@undp/design-system-react/Label"),q=require("@undp/design-system-react/CheckboxGroup"),A=require("@undp/design-system-react/RadioGroup"),J=require("./SingleGraphDashboard.cjs"),B=require("./SingleGraphDashboardThreeDGraphs.cjs"),K=require("./SingleGraphDashboardGeoHubMaps.cjs"),g=require("./fetchAndParseData-QTF6tjij.cjs"),Q=require("./getUniqValue-NX8DgwND.cjs"),X=require("./GraphHeader.cjs"),H=require("./filterData-T5DQBE9b.cjs"),M=require("./transformDataForSelect-YmStusCI.cjs"),Y=require("./GraphContainer-gaG9TSy4.cjs"),T=b=>b.map(t=>t.columnWidth||1).reduce((t,m)=>t+m,0),Z=["barChart","choroplethMap","biVariateChoroplethMap","circlePacking","treeMap"];function _(b){const{dashboardID:w,dashboardLayout:n,dataSettings:t,filters:m,debugMode:u,theme:f="light",readableHeader:C,dataFilters:R,noOfFiltersPerRow:S=4,filterPosition:E,uiMode:c="normal",graphStyles:D,graphClassNames:y}=b,[x,V]=o.useState(void 0),[h,N]=o.useState(void 0),[l,F]=o.useState([]),$=["threeDGlobe"],k=["geoHubCompareMap","geoHubMap","geoHubMapWithLayerSelection"],G={ignoreCase:!0,ignoreAccents:!0,trim:!0},O=o.useEffectEvent(()=>{const a=(m||[]).map(i=>({filter:i.column,label:i.label||`Filter by ${i.column}`,singleSelect:i.singleSelect,clearable:i.clearable,defaultValue:M.transformDefaultValue(i.defaultValue),value:M.transformDefaultValue(i.defaultValue),availableValues:Q.getUniqValue(h,i.column).filter(e=>!i.excludeValues?.includes(`${e}`)).map(e=>({value:e,label:e})),allowSelectAll:i.allowSelectAll,width:i.width}));F(a)}),P=o.useEffectEvent(()=>{if(!h||l.length===0)V(h);else{const a=h.filter(i=>l.every(e=>e.value&&j.flattenDeep([e.value]).length>0?U.intersection(j.flattenDeep([i[e.filter]]),j.flattenDeep([e.value]).map(s=>s.value)).length>0:!0));V(a)}});o.useEffect(()=>{P()},[l,h]),o.useEffect(()=>{(async()=>{try{const i=t.dataURL?typeof t.dataURL=="string"?t.fileType==="json"?await g.fetchAndParseJSON(t.dataURL,t.columnsToArray,t.dataTransformation,u):t.fileType==="api"?await g.fetchAndTransformDataFromAPI(t.dataURL,t.apiHeaders,t.columnsToArray,t.dataTransformation,u):await g.fetchAndParseCSV(t.dataURL,t.dataTransformation,t.columnsToArray,u,t.delimiter,!0):await g.fetchAndParseMultipleDataSources(t.dataURL,t.idColumnTitle):await g.transformColumnsToArray(t.data,t.columnsToArray);N(i)}catch(i){console.error("Data fetching error:",i)}})(),O()},[t,u]),o.useEffect(()=>{O()},[m,h]);const p=(a,i)=>{F(e=>e.map(s=>s.filter===a?{...s,value:i}:s))};return r.jsxRuntimeExports.jsxs(Y.GraphContainer,{id:w,"aria-label":"This is a dashboard",backgroundColor:n.backgroundColor??!1,theme:f||"light",language:n.language||"en",padding:n.padding,children:[n.title||n.description?r.jsxRuntimeExports.jsx(X.GraphHeader,{graphTitle:n.title,graphDescription:n.description,isDashboard:!0}):null,r.jsxRuntimeExports.jsxs("div",{className:"flex gap-4 flex-wrap",children:[l.length!==0?r.jsxRuntimeExports.jsx("div",{className:"flex-grow flex-shrink-0",style:{width:E==="side"?"280px":"100%"},children:r.jsxRuntimeExports.jsx("div",{className:"flex flex-wrap items-start gap-4 w-full sticky top-4",children:l?.map((a,i)=>r.jsxRuntimeExports.jsxs("div",{style:{width:a.width||`calc(${100/S}% - ${(S-1)/S}rem)`,flexGrow:a.width?0:1,flexShrink:a.ui!=="radio"||a.width?0:1,minWidth:"240px"},children:[r.jsxRuntimeExports.jsx(z.Label,{className:"mb-2",children:a.label}),a.singleSelect?a.ui!=="radio"?r.jsxRuntimeExports.jsx(v.DropdownSelect,{options:a.availableValues,variant:c,isClearable:a.clearable===void 0?!0:a.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:v.createFilter(G),onChange:e=>{p(a.filter,e)},value:a.value,defaultValue:a.defaultValue}):r.jsxRuntimeExports.jsx(A.RadioGroup,{variant:c,defaultValue:a.defaultValue.value,onValueChange:e=>{p(a.filter,a.availableValues.filter(s=>s.value===e))},children:a.availableValues.map((e,s)=>r.jsxRuntimeExports.jsx(A.RadioGroupItem,{label:`${e.label}`,value:`${e.value}`},s))}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[a.ui!=="radio"?r.jsxRuntimeExports.jsx(v.DropdownSelect,{options:a.availableValues,variant:c,size:"sm",isMulti:!0,isClearable:a.clearable===void 0?!0:a.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:v.createFilter(G),onChange:e=>{p(a.filter,e)},value:a.value,defaultValue:a.defaultValue}):r.jsxRuntimeExports.jsx(q.CheckboxGroup,{variant:c,defaultValue:a.defaultValue?a.defaultValue.map(e=>`${e.value}`):[],value:a.value?a.value.map(e=>`${e.value}`):void 0,onValueChange:e=>{p(a.filter,a.availableValues.filter(s=>e.indexOf(`${s.value}`)!==-1))},children:a.availableValues.map((e,s)=>r.jsxRuntimeExports.jsx(q.CheckboxGroupItem,{label:`${e.label}`,value:`${e.value}`},s))}),a.allowSelectAll?r.jsxRuntimeExports.jsx("button",{type:"button",className:"bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400",onClick:()=>{p(a.filter,a.availableValues)},children:"Select all options"}):null]})]},i))})}):null,r.jsxRuntimeExports.jsx("div",{className:"flex flex-wrap gap-4 flex-grow flex-shrink-0 min-w-[280px]",style:{width:E==="side"?"calc(100% - 280px - 1rem)":"100%"},children:n.rows.map((a,i)=>r.jsxRuntimeExports.jsx("div",{className:"flex flex-wrap items-stretch gap-4 w-full h-auto",style:{minHeight:`${a.height||0}px`},children:a.columns.map((e,s)=>r.jsxRuntimeExports.jsx("div",{className:"flex bg-transparent grow min-w-60",style:{width:`calc(${100*(e.columnWidth||1)/T(a.columns)}% - ${(T(a.columns)-(e.columnWidth||1))/T(a.columns)}rem)`,minHeight:"inherit"},children:$.includes(e.graphType)?r.jsxRuntimeExports.jsx(B.SingleGraphDashboardThreeDGraphs,{graphType:e.graphType,dataFilters:e.dataFilters,uiMode:c,graphSettings:{...e.settings||{},width:void 0,height:void 0,minHeight:void 0,relativeHeight:void 0,resetSelectionOnDoubleClick:e.attachedFilter?!1:e.settings?.resetSelectionOnDoubleClick,styles:e.settings?.styles||D,classNames:e.settings?.classNames||y,radius:e.graphType==="donutChart"?void 0:e.settings?.radius,size:e.graphType==="unitChart"?e.settings?.size:void 0,language:e.settings?.language||n.language,theme:e.settings?.theme||f},dataSettings:{data:x?H.filterData(x,R||[]):void 0},dataTransform:e.dataTransform,dataSelectionOptions:e.dataSelectionOptions,advancedDataSelectionOptions:e.advancedDataSelectionOptions,graphDataConfiguration:e.graphDataConfiguration,debugMode:u,readableHeader:C||[]}):k.includes(e.graphType)?r.jsxRuntimeExports.jsx(K.SingleGraphDashboardGeoHubMaps,{graphType:e.graphType,uiMode:c,graphSettings:{...e.settings||{},width:void 0,height:void 0,resetSelectionOnDoubleClick:e.attachedFilter?!1:e.settings?.resetSelectionOnDoubleClick,styles:e.settings?.styles||D,classNames:e.settings?.classNames||y,radius:e.graphType==="donutChart"?void 0:e.settings?.radius,size:e.graphType==="unitChart"?e.settings?.size:void 0,language:e.settings?.language||n.language,theme:e.settings?.theme||f},debugMode:u}):r.jsxRuntimeExports.jsx(J.SingleGraphDashboard,{graphType:e.graphType,dataFilters:e.dataFilters,uiMode:c,graphSettings:{...e.settings||{},width:void 0,height:void 0,resetSelectionOnDoubleClick:e.attachedFilter?!1:e.settings?.resetSelectionOnDoubleClick,styles:e.settings?.styles||D,classNames:e.settings?.classNames||y,radius:e.graphType==="donutChart"?void 0:e.settings?.radius,size:e.graphType==="unitChart"?e.settings?.size:void 0,language:e.settings?.language||n.language,theme:e.settings?.theme||f},dataSettings:{data:x?H.filterData(x,R||[]):void 0},updateFilters:e.attachedFilter&&Z.indexOf(e.graphType)!==-1&&l.findIndex(d=>d.filter===e.attachedFilter)!==-1?d=>{const L=l.findIndex(I=>I.filter===e.attachedFilter),W=d?l[L].singleSelect?{value:d,label:d}:[{value:d,label:d}]:void 0;p(e.attachedFilter,W)}:void 0,dataTransform:e.dataTransform,dataSelectionOptions:e.dataSelectionOptions,advancedDataSelectionOptions:e.advancedDataSelectionOptions,graphDataConfiguration:e.graphDataConfiguration,debugMode:u,readableHeader:C||[]})},s))},i))})]})]})}exports.PerformanceIntensiveMultiGraphDashboard=_;
-//# sourceMappingURL=PerformanceIntensiveMultiGraphDashboard.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./lodash.flattendeep-_PlS_1wX.cjs`),r=require(`./lodash.intersection-BDR4j58n.cjs`),i=require(`./GraphHeader.cjs`),a=require(`./fetchAndParseData-Dlq4UzdG.cjs`),o=require(`./getUniqValue-BItnnZEr.cjs`),s=require(`./filterData-B2pPOkwy.cjs`),c=require(`./transformDataForSelect-Bmaowc2Z.cjs`),l=require(`./GraphContainer-7xAPK4Tb.cjs`),u=require(`./SingleGraphDashboard.cjs`),d=require(`./SingleGraphDashboardGeoHubMaps-DGbbjY5J.cjs`),f=require(`./SingleGraphDashboardThreeDGraphs-qstwmomC.cjs`);let p=require(`react`),m=require(`@undp/design-system-react/CheckboxGroup`),h=require(`@undp/design-system-react/DropdownSelect`),g=require(`@undp/design-system-react/Label`),_=require(`@undp/design-system-react/RadioGroup`);var v=e.a(n.t(),1),y=e.a(r.t(),1),b=t.t(),x=e=>e.map(e=>e.columnWidth||1).reduce((e,t)=>e+t,0),S=[`barChart`,`choroplethMap`,`biVariateChoroplethMap`,`circlePacking`,`treeMap`];function C(e){let{dashboardID:t,dashboardLayout:n,dataSettings:r,filters:C,debugMode:w,theme:T=`light`,readableHeader:E,dataFilters:D,noOfFiltersPerRow:O=4,filterPosition:k,uiMode:A=`normal`,graphStyles:j,graphClassNames:M}=e,[N,P]=(0,p.useState)(void 0),[F,I]=(0,p.useState)(void 0),[L,R]=(0,p.useState)([]),z=[`threeDGlobe`],B=[`geoHubCompareMap`,`geoHubMap`,`geoHubMapWithLayerSelection`],V={ignoreCase:!0,ignoreAccents:!0,trim:!0},H=(0,p.useEffectEvent)(()=>{R((C||[]).map(e=>({filter:e.column,label:e.label||`Filter by ${e.column}`,singleSelect:e.singleSelect,clearable:e.clearable,defaultValue:c.t(e.defaultValue),value:c.t(e.defaultValue),availableValues:o.t(F,e.column).filter(t=>!e.excludeValues?.includes(`${t}`)).map(e=>({value:e,label:e})),allowSelectAll:e.allowSelectAll,width:e.width})))}),U=(0,p.useEffectEvent)(()=>{!F||L.length===0?P(F):P(F.filter(e=>L.every(t=>t.value&&(0,v.default)([t.value]).length>0?(0,y.default)((0,v.default)([e[t.filter]]),(0,v.default)([t.value]).map(e=>e.value)).length>0:!0)))});(0,p.useEffect)(()=>{U()},[L,F]),(0,p.useEffect)(()=>{(async()=>{try{I(r.dataURL?typeof r.dataURL==`string`?r.fileType===`json`?await a.r(r.dataURL,r.columnsToArray,r.dataTransformation,w):r.fileType===`api`?await a.a(r.dataURL,r.apiHeaders,r.columnsToArray,r.dataTransformation,w):await a.t(r.dataURL,r.dataTransformation,r.columnsToArray,w,r.delimiter,!0):await a.i(r.dataURL,r.idColumnTitle):await a.o(r.data,r.columnsToArray))}catch(e){console.error(`Data fetching error:`,e)}})(),H()},[r,w]),(0,p.useEffect)(()=>{H()},[C,F]);let W=(e,t)=>{R(n=>n.map(n=>n.filter===e?{...n,value:t}:n))};return(0,b.jsxs)(l.n,{id:t,"aria-label":`This is a dashboard`,backgroundColor:n.backgroundColor??!1,theme:T||`light`,language:n.language||`en`,padding:n.padding,children:[n.title||n.description?(0,b.jsx)(i.GraphHeader,{graphTitle:n.title,graphDescription:n.description,isDashboard:!0}):null,(0,b.jsxs)(`div`,{className:`flex gap-4 flex-wrap`,children:[L.length===0?null:(0,b.jsx)(`div`,{className:`flex-grow flex-shrink-0`,style:{width:k===`side`?`280px`:`100%`},children:(0,b.jsx)(`div`,{className:`flex flex-wrap items-start gap-4 w-full sticky top-4`,children:L?.map((e,t)=>(0,b.jsxs)(`div`,{style:{width:e.width||`calc(${100/O}% - ${(O-1)/O}rem)`,flexGrow:+!e.width,flexShrink:e.ui!==`radio`||e.width?0:1,minWidth:`240px`},children:[(0,b.jsx)(g.Label,{className:`mb-2`,children:e.label}),e.singleSelect?e.ui===`radio`?(0,b.jsx)(_.RadioGroup,{variant:A,defaultValue:e.defaultValue.value,onValueChange:t=>{W(e.filter,e.availableValues.filter(e=>e.value===t))},children:e.availableValues.map(e=>(0,b.jsx)(_.RadioGroupItem,{label:`${e.label}`,value:`${e.value}`},e.value))}):(0,b.jsx)(h.DropdownSelect,{options:e.availableValues,variant:A,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:(0,h.createFilter)(V),onChange:t=>{W(e.filter,t)},value:e.value,defaultValue:e.defaultValue}):(0,b.jsxs)(b.Fragment,{children:[e.ui===`radio`?(0,b.jsx)(m.CheckboxGroup,{variant:A,defaultValue:e.defaultValue?e.defaultValue.map(e=>`${e.value}`):[],value:e.value?e.value.map(e=>`${e.value}`):void 0,onValueChange:t=>{W(e.filter,e.availableValues.filter(e=>t.indexOf(`${e.value}`)!==-1))},children:e.availableValues.map(e=>(0,b.jsx)(m.CheckboxGroupItem,{label:`${e.label}`,value:`${e.value}`},e.value))}):(0,b.jsx)(h.DropdownSelect,{options:e.availableValues,variant:A,size:`sm`,isMulti:!0,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:(0,h.createFilter)(V),onChange:t=>{W(e.filter,t)},value:e.value,defaultValue:e.defaultValue}),e.allowSelectAll?(0,b.jsx)(`button`,{type:`button`,className:`bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400`,onClick:()=>{W(e.filter,e.availableValues)},children:`Select all options`}):null]})]},t))})}),(0,b.jsx)(`div`,{className:`flex flex-wrap gap-4 flex-grow flex-shrink-0 min-w-[280px]`,style:{width:k===`side`?`calc(100% - 280px - 1rem)`:`100%`},children:n.rows.map((e,t)=>(0,b.jsx)(`div`,{className:`flex flex-wrap items-stretch gap-4 w-full h-auto`,style:{minHeight:`${e.height||0}px`},children:e.columns.map((t,r)=>(0,b.jsx)(`div`,{className:`flex bg-transparent grow min-w-60`,style:{width:`calc(${100*(t.columnWidth||1)/x(e.columns)}% - ${(x(e.columns)-(t.columnWidth||1))/x(e.columns)}rem)`,minHeight:`inherit`},children:z.includes(t.graphType)?(0,b.jsx)(f.t,{graphType:t.graphType,dataFilters:t.dataFilters,uiMode:A,graphSettings:{...t.settings||{},width:void 0,height:void 0,minHeight:void 0,relativeHeight:void 0,resetSelectionOnDoubleClick:t.attachedFilter?!1:t.settings?.resetSelectionOnDoubleClick,styles:t.settings?.styles||j,classNames:t.settings?.classNames||M,radius:t.graphType===`donutChart`?void 0:t.settings?.radius,size:t.graphType===`unitChart`?t.settings?.size:void 0,language:t.settings?.language||n.language,theme:t.settings?.theme||T},dataSettings:{data:N?s.t(N,D||[]):void 0},dataTransform:t.dataTransform,dataSelectionOptions:t.dataSelectionOptions,advancedDataSelectionOptions:t.advancedDataSelectionOptions,graphDataConfiguration:t.graphDataConfiguration,debugMode:w,readableHeader:E||[]}):B.includes(t.graphType)?(0,b.jsx)(d.t,{graphType:t.graphType,uiMode:A,graphSettings:{...t.settings||{},width:void 0,height:void 0,resetSelectionOnDoubleClick:t.attachedFilter?!1:t.settings?.resetSelectionOnDoubleClick,styles:t.settings?.styles||j,classNames:t.settings?.classNames||M,radius:t.graphType===`donutChart`?void 0:t.settings?.radius,size:t.graphType===`unitChart`?t.settings?.size:void 0,language:t.settings?.language||n.language,theme:t.settings?.theme||T},debugMode:w}):(0,b.jsx)(u.SingleGraphDashboard,{graphType:t.graphType,dataFilters:t.dataFilters,uiMode:A,graphSettings:{...t.settings||{},width:void 0,height:void 0,resetSelectionOnDoubleClick:t.attachedFilter?!1:t.settings?.resetSelectionOnDoubleClick,styles:t.settings?.styles||j,classNames:t.settings?.classNames||M,radius:t.graphType===`donutChart`?void 0:t.settings?.radius,size:t.graphType===`unitChart`?t.settings?.size:void 0,language:t.settings?.language||n.language,theme:t.settings?.theme||T},dataSettings:{data:N?s.t(N,D||[]):void 0},updateFilters:t.attachedFilter&&S.indexOf(t.graphType)!==-1&&L.findIndex(e=>e.filter===t.attachedFilter)!==-1?e=>{let n=L.findIndex(e=>e.filter===t.attachedFilter),r=e?L[n].singleSelect?{value:e,label:e}:[{value:e,label:e}]:void 0;W(t.attachedFilter,r)}:void 0,dataTransform:t.dataTransform,dataSelectionOptions:t.dataSelectionOptions,advancedDataSelectionOptions:t.advancedDataSelectionOptions,graphDataConfiguration:t.graphDataConfiguration,debugMode:w,readableHeader:E||[]})},r))},t))})]})]})}exports.PerformanceIntensiveMultiGraphDashboard=C;
+//# sourceMappingURL=PerformanceIntensiveMultiGraphDashboard.cjs.map