@undp/data-viz 2.0.8 → 2.1.0

package/dist/HeatMap.js

@@ -1,36 +1,35 @@
 import { c as Gt, j as o, m as Xt } from "./index-CHPV5EwG-Curnpaqc.js";
 import { useRef as qt, useState as dt, useEffect as Yt } from "react";
 import { i as Ft } from "./index-Bwrro8-q.js";
-import { l as Pt } from "./Modal-DGcuAHyK.js";
-import { n as zt } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Ut } from "./Tooltip-CwWUegPB.js";
-import { g as Jt } from "./getTextColorBasedOnBgColor-CDY808zi.js";
+import { n as Pt } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as zt } from "./Tooltip-Dj5eVppQ.js";
+import { g as Ut } from "./getTextColorBasedOnBgColor-CDY808zi.js";
 import { c as Ht } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { s as Kt } from "./string2HTML-DhG75NqA.js";
-import { X as Qt } from "./XAxesLabels-Dy8E1SEo.js";
-import { Y as Zt } from "./YAxesLabels-a57ZRv-0.js";
+import { X as Jt } from "./XAxesLabels-Dy8E1SEo.js";
+import { Y as Kt } from "./YAxesLabels-a57ZRv-0.js";
 import { u as Wt } from "./uniqBy-BHy4I8PK.js";
+import { D as Qt } from "./DetailsModal-0Ry5nXiC.js";
 import { b as Bt } from "./band-CyHaVft5.js";
-import { o as _t } from "./ordinal-P77xw8aL.js";
-import { t as to } from "./threshold-Bgr20hik.js";
-import { a as oo } from "./linear-BwnDd9KF.js";
-import { u as eo } from "./use-in-view-Cxa7y1TH.js";
+import { o as Zt } from "./ordinal-P77xw8aL.js";
+import { t as _t } from "./threshold-Bgr20hik.js";
+import { a as to } from "./linear-BwnDd9KF.js";
+import { u as oo } from "./use-in-view-Cxa7y1TH.js";
 import { m as Vt } from "./proxy-BxkFHwUw.js";
-import { GraphHeader as io } from "./GraphHeader.js";
-import { GraphFooter as ro } from "./GraphFooter.js";
-import { ColorLegendWithMouseOver as lo } from "./ColorLegendWithMouseOver.js";
-import { LinearColorLegend as so } from "./LinearColorLegend.js";
-import { ThresholdColorLegendWithMouseOver as no } from "./ThresholdColorLegendWithMouseOver.js";
+import { GraphHeader as eo } from "./GraphHeader.js";
+import { GraphFooter as io } from "./GraphFooter.js";
+import { ColorLegendWithMouseOver as ro } from "./ColorLegendWithMouseOver.js";
+import { LinearColorLegend as lo } from "./LinearColorLegend.js";
+import { ThresholdColorLegendWithMouseOver as so } from "./ThresholdColorLegendWithMouseOver.js";
 import { Colors as g } from "./Colors.js";
 import { E as ao } from "./EmptyState-BZo1BbAn.js";
-import { a as co, G as uo } from "./GraphContainer-CRqzdKu2.js";
-function mo(a) {
-  const t = Gt.c(85), {
+import { a as no, G as co } from "./GraphContainer-CRqzdKu2.js";
+function uo(c) {
+  const t = Gt.c(86), {
     data: h,
     showColumnLabels: z,
-    leftMargin: M,
+    leftMargin: j,
     rightMargin: U,
-    truncateBy: b,
+    truncateBy: y,
     width: J,
     height: K,
     topMargin: gt,
@@ -40,56 +39,56 @@ function mo(a) {
     suffix: jt,
     prefix: l,
     showValues: Z,
-    colorDomain: w,
-    colors: R,
+    colorDomain: C,
+    colors: I,
     noDataColor: it,
     scaleType: rt,
     showRowLabels: ft,
     selectedColor: _,
     onSeriesMouseClick: W,
     resetSelectionOnDoubleClick: xt,
-    detailsOnClick: f,
+    detailsOnClick: $,
     styles: d,
-    classNames: u,
+    classNames: n,
     animate: m,
     precision: lt
-  } = a, $t = qt(null);
+  } = c, $t = qt(null);
   let st;
   t[0] !== m.amount || t[1] !== m.once ? (st = {
     once: m.once,
     amount: m.amount
   }, t[0] = m.amount, t[1] = m.once, t[2] = st) : st = t[2];
-  const k = eo($t, st);
-  let nt;
-  t[3] !== pt || t[4] !== M || t[5] !== U || t[6] !== gt ? (nt = {
+  const k = oo($t, st);
+  let at;
+  t[3] !== pt || t[4] !== j || t[5] !== U || t[6] !== gt ? (at = {
     top: gt,
     bottom: pt,
-    left: M,
+    left: j,
     right: U
-  }, t[3] = pt, t[4] = M, t[5] = U, t[6] = gt, t[7] = nt) : nt = t[7];
-  const c = nt, [v, vt] = dt(void 0), [y, yt] = dt(void 0), [at, ct] = dt(void 0), [ut, mt] = dt(void 0), n = J - c.left - c.right, r = K - c.top - c.bottom;
-  let B, G, D, O, N, L, S, A, V, q, H, T, x;
-  if (t[8] !== m.duration || t[9] !== u?.graphObjectValues || t[10] !== u?.xAxis?.labels || t[11] !== u?.yAxis?.labels || t[12] !== w || t[13] !== R || t[14] !== h || t[15] !== f || t[16] !== r || t[17] !== n || t[18] !== K || t[19] !== k || t[20] !== c.left || t[21] !== c.top || t[22] !== v || t[23] !== y || t[24] !== it || t[25] !== W || t[26] !== s || t[27] !== lt || t[28] !== l || t[29] !== xt || t[30] !== rt || t[31] !== _ || t[32] !== z || t[33] !== ft || t[34] !== Z || t[35] !== d?.graphObjectValues || t[36] !== d?.xAxis?.labels || t[37] !== d?.yAxis?.labels || t[38] !== jt || t[39] !== b || t[40] !== J) {
-    const ot = Wt(h, "column", !0), ht = Wt(h, "row", !0), i = Bt().domain(ht).range([0, r]), X = i.bandwidth(), I = Bt().domain(ot).range([0, n]), Y = I.bandwidth(), et = rt === "categorical" ? _t().domain(w).range(R) : rt === "threshold" ? to().domain(w).range(R) : oo().domain(w).range(R);
-    B = Vt.svg, q = `${J}px`, H = `${K}px`, T = `0 0 ${J} ${K}`, t[54] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+  }, t[3] = pt, t[4] = j, t[5] = U, t[6] = gt, t[7] = at) : at = t[7];
+  const u = at, [D, vt] = dt(void 0), [x, yt] = dt(void 0), [nt, ct] = dt(void 0), [ut, mt] = dt(void 0), a = J - u.left - u.right, r = K - u.top - u.bottom;
+  let B, G, M, O, N, A, L, S, V, q, H, T, f;
+  if (t[8] !== m.duration || t[9] !== n?.graphObjectValues || t[10] !== n?.xAxis?.labels || t[11] !== n?.yAxis?.labels || t[12] !== C || t[13] !== I || t[14] !== h || t[15] !== $ || t[16] !== r || t[17] !== a || t[18] !== K || t[19] !== k || t[20] !== u.left || t[21] !== u.top || t[22] !== D || t[23] !== x || t[24] !== it || t[25] !== W || t[26] !== s || t[27] !== lt || t[28] !== l || t[29] !== xt || t[30] !== rt || t[31] !== _ || t[32] !== z || t[33] !== ft || t[34] !== Z || t[35] !== d?.graphObjectValues || t[36] !== d?.xAxis?.labels || t[37] !== d?.yAxis?.labels || t[38] !== jt || t[39] !== y || t[40] !== J) {
+    const ot = Wt(h, "column", !0), ht = Wt(h, "row", !0), i = Bt().domain(ht).range([0, r]), X = i.bandwidth(), R = Bt().domain(ot).range([0, a]), Y = R.bandwidth(), et = rt === "categorical" ? Zt().domain(C).range(I) : rt === "threshold" ? _t().domain(C).range(I) : to().domain(C).range(I);
+    B = Vt.svg, q = `${J}px`, H = `${K}px`, T = `0 0 ${J} ${K}`, t[54] === Symbol.for("react.memo_cache_sentinel") ? (f = {
       marginLeft: "auto",
       marginRight: "auto"
-    }, t[54] = x) : x = t[54], G = "ltr", D = $t, O = /* @__PURE__ */ o.jsx("g", { transform: `translate(${c.left},0)`, children: z ? ot.map((e, C) => /* @__PURE__ */ o.jsx(Qt, { y: 0, x: I(e), width: Y, height: c.top - 5, value: `${e}`.length < b ? `${e}` : `${`${e}`.substring(0, b)}...`, style: d?.xAxis?.labels, className: u?.xAxis?.labels, alignment: "bottom", animate: {
+    }, t[54] = f) : f = t[54], G = "ltr", M = $t, O = /* @__PURE__ */ o.jsx("g", { transform: `translate(${u.left},0)`, children: z ? ot.map((e, v) => /* @__PURE__ */ o.jsx(Jt, { y: 0, x: R(e), width: Y, height: u.top - 5, value: `${e}`.length < y ? `${e}` : `${`${e}`.substring(0, y)}...`, style: d?.xAxis?.labels, className: n?.xAxis?.labels, alignment: "bottom", animate: {
       duration: 0,
       once: !0,
       amount: 0
-    }, isInView: k }, C)) : null }), N = /* @__PURE__ */ o.jsx("g", { transform: `translate(0,${c.top})`, children: ft ? ht.map((e, C) => /* @__PURE__ */ o.jsx(Zt, { value: `${e}`.length < b ? `${e}` : `${`${e}`.substring(0, b)}...`, y: i(e), x: 0, width: c.left, height: X, alignment: "right", style: d?.yAxis?.labels, className: u?.yAxis?.labels, animate: {
+    }, isInView: k }, v)) : null }), N = /* @__PURE__ */ o.jsx("g", { transform: `translate(0,${u.top})`, children: ft ? ht.map((e, v) => /* @__PURE__ */ o.jsx(Kt, { value: `${e}`.length < y ? `${e}` : `${`${e}`.substring(0, y)}...`, y: i(e), x: 0, width: u.left, height: X, alignment: "right", style: d?.yAxis?.labels, className: n?.yAxis?.labels, animate: {
       duration: 0,
       once: !0,
       amount: 0
-    }, isInView: k }, C)) : null }), L = `translate(${c.left},${c.top})`, S = ht.map((e, C) => /* @__PURE__ */ o.jsx("g", { transform: `translate(0,${i(e)})`, children: ot.map((F) => /* @__PURE__ */ o.jsx("rect", { x: I(F), y: 0, width: Y, height: X, style: {
+    }, isInView: k }, v)) : null }), A = `translate(${u.left},${u.top})`, L = ht.map((e, v) => /* @__PURE__ */ o.jsx("g", { transform: `translate(0,${i(e)})`, children: ot.map((F) => /* @__PURE__ */ o.jsx("rect", { x: R(F), y: 0, width: Y, height: X, style: {
       fill: it
-    }, className: "stroke-1 stroke-primary-white dark:stroke-primary-gray-700" }, `${e}-${F}`)) }, C)), A = h.filter(ho).map((e, C) => {
+    }, className: "stroke-1 stroke-primary-white dark:stroke-primary-gray-700" }, `${e}-${F}`)) }, v)), S = h.filter(mo).map((e, v) => {
       const F = Ht(e.value) ? it : et(e.value);
-      return /* @__PURE__ */ o.jsxs("g", { transform: `translate(${I(e.column)},${i(e.row)})`, onMouseEnter: (P) => {
+      return /* @__PURE__ */ o.jsxs("g", { transform: `translate(${R(e.column)},${i(e.row)})`, onMouseEnter: (P) => {
         yt(e), mt(P.clientY), ct(P.clientX), s?.(e);
       }, onClick: () => {
-        (W || f) && (Ft(v, e) && xt ? (vt(void 0), W?.(void 0)) : (vt(e), W?.(e)));
+        (W || $) && (Ft(D, e) && xt ? (vt(void 0), W?.(void 0)) : (vt(e), W?.(e)));
       }, onMouseMove: (P) => {
         yt(e), mt(P.clientY), ct(P.clientX);
       }, onMouseLeave: () => {
@@ -128,55 +127,51 @@ function mo(a) {
           transition: {
             duration: m.duration
           }
-        }, children: /* @__PURE__ */ o.jsx("foreignObject", { y: 0, x: 0, width: Y, height: X, children: /* @__PURE__ */ o.jsx("div", { className: "flex flex-col justify-center items-center h-inherit p-1", children: /* @__PURE__ */ o.jsx("p", { className: Xt("text-xs text-center m-0 leading-[1.25] graph-value", u?.graphObjectValues), style: {
-          color: Jt(F),
+        }, children: /* @__PURE__ */ o.jsx("foreignObject", { y: 0, x: 0, width: Y, height: X, children: /* @__PURE__ */ o.jsx("div", { className: "flex flex-col justify-center items-center h-inherit p-1", children: /* @__PURE__ */ o.jsx("p", { className: Xt("text-xs text-center m-0 leading-[1.25] graph-value", n?.graphObjectValues), style: {
+          color: Ut(F),
           ...d?.graphObjectValues || {}
-        }, children: zt(e.value, "NA", lt, l, jt) }) }) }, C) }) : null
+        }, children: Pt(e.value, "NA", lt, l, jt) }) }) }, v) }) : null
       ] }, `${e.column}-${e.row}`);
-    }), V = y ? /* @__PURE__ */ o.jsx("rect", { x: I(y.column), y: i(y.row), width: Y, height: X, style: {
+    }), V = x ? /* @__PURE__ */ o.jsx("rect", { x: R(x.column), y: i(x.row), width: Y, height: X, style: {
       fill: "none",
       fillOpacity: 0,
       strokeWidth: 1.5
-    }, className: "stroke-primary-gray-700 dark:stroke-primary-gray-300" }) : null, t[8] = m.duration, t[9] = u?.graphObjectValues, t[10] = u?.xAxis?.labels, t[11] = u?.yAxis?.labels, t[12] = w, t[13] = R, t[14] = h, t[15] = f, t[16] = r, t[17] = n, t[18] = K, t[19] = k, t[20] = c.left, t[21] = c.top, t[22] = v, t[23] = y, t[24] = it, t[25] = W, t[26] = s, t[27] = lt, t[28] = l, t[29] = xt, t[30] = rt, t[31] = _, t[32] = z, t[33] = ft, t[34] = Z, t[35] = d?.graphObjectValues, t[36] = d?.xAxis?.labels, t[37] = d?.yAxis?.labels, t[38] = jt, t[39] = b, t[40] = J, t[41] = B, t[42] = G, t[43] = D, t[44] = O, t[45] = N, t[46] = L, t[47] = S, t[48] = A, t[49] = V, t[50] = q, t[51] = H, t[52] = T, t[53] = x;
+    }, className: "stroke-primary-gray-700 dark:stroke-primary-gray-300" }) : null, t[8] = m.duration, t[9] = n?.graphObjectValues, t[10] = n?.xAxis?.labels, t[11] = n?.yAxis?.labels, t[12] = C, t[13] = I, t[14] = h, t[15] = $, t[16] = r, t[17] = a, t[18] = K, t[19] = k, t[20] = u.left, t[21] = u.top, t[22] = D, t[23] = x, t[24] = it, t[25] = W, t[26] = s, t[27] = lt, t[28] = l, t[29] = xt, t[30] = rt, t[31] = _, t[32] = z, t[33] = ft, t[34] = Z, t[35] = d?.graphObjectValues, t[36] = d?.xAxis?.labels, t[37] = d?.yAxis?.labels, t[38] = jt, t[39] = y, t[40] = J, t[41] = B, t[42] = G, t[43] = M, t[44] = O, t[45] = N, t[46] = A, t[47] = L, t[48] = S, t[49] = V, t[50] = q, t[51] = H, t[52] = T, t[53] = f;
   } else
-    B = t[41], G = t[42], D = t[43], O = t[44], N = t[45], L = t[46], S = t[47], A = t[48], V = t[49], q = t[50], H = t[51], T = t[52], x = t[53];
+    B = t[41], G = t[42], M = t[43], O = t[44], N = t[45], A = t[46], L = t[47], S = t[48], V = t[49], q = t[50], H = t[51], T = t[52], f = t[53];
   let E;
-  t[55] !== L || t[56] !== S || t[57] !== A || t[58] !== V ? (E = /* @__PURE__ */ o.jsxs("g", { transform: L, children: [
+  t[55] !== A || t[56] !== L || t[57] !== S || t[58] !== V ? (E = /* @__PURE__ */ o.jsxs("g", { transform: A, children: [
+    L,
     S,
-    A,
     V
-  ] }), t[55] = L, t[56] = S, t[57] = A, t[58] = V, t[59] = E) : E = t[59];
-  let j;
-  t[60] !== B || t[61] !== G || t[62] !== D || t[63] !== O || t[64] !== N || t[65] !== E || t[66] !== q || t[67] !== H || t[68] !== T || t[69] !== x ? (j = /* @__PURE__ */ o.jsxs(B, { width: q, height: H, viewBox: T, style: x, direction: G, ref: D, children: [
+  ] }), t[55] = A, t[56] = L, t[57] = S, t[58] = V, t[59] = E) : E = t[59];
+  let b;
+  t[60] !== B || t[61] !== G || t[62] !== M || t[63] !== O || t[64] !== N || t[65] !== E || t[66] !== q || t[67] !== H || t[68] !== T || t[69] !== f ? (b = /* @__PURE__ */ o.jsxs(B, { width: q, height: H, viewBox: T, style: f, direction: G, ref: M, children: [
     O,
     N,
     E
-  ] }), t[60] = B, t[61] = G, t[62] = D, t[63] = O, t[64] = N, t[65] = E, t[66] = q, t[67] = H, t[68] = T, t[69] = x, t[70] = j) : j = t[70];
-  let $;
-  t[71] !== u?.tooltip || t[72] !== at || t[73] !== ut || t[74] !== y || t[75] !== d?.tooltip || t[76] !== Q ? ($ = y && Q && at && ut ? /* @__PURE__ */ o.jsx(Ut, { data: y, body: Q, xPos: at, yPos: ut, backgroundStyle: d?.tooltip, className: u?.tooltip }) : null, t[71] = u?.tooltip, t[72] = at, t[73] = ut, t[74] = y, t[75] = d?.tooltip, t[76] = Q, t[77] = $) : $ = t[77];
+  ] }), t[60] = B, t[61] = G, t[62] = M, t[63] = O, t[64] = N, t[65] = E, t[66] = q, t[67] = H, t[68] = T, t[69] = f, t[70] = b) : b = t[70];
+  let w;
+  t[71] !== n?.tooltip || t[72] !== nt || t[73] !== ut || t[74] !== x || t[75] !== d?.tooltip || t[76] !== Q ? (w = x && Q && nt && ut ? /* @__PURE__ */ o.jsx(zt, { data: x, body: Q, xPos: nt, yPos: ut, backgroundStyle: d?.tooltip, className: n?.tooltip }) : null, t[71] = n?.tooltip, t[72] = nt, t[73] = ut, t[74] = x, t[75] = d?.tooltip, t[76] = Q, t[77] = w) : w = t[77];
   let p;
-  t[78] !== f || t[79] !== v ? (p = f && v !== void 0 ? /* @__PURE__ */ o.jsx(Pt, { open: v !== void 0, onClose: () => {
-    vt(void 0);
-  }, children: /* @__PURE__ */ o.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof f == "string" ? {
-    __html: Kt(f, v)
-  } : void 0, children: typeof f == "function" ? f(v) : null }) }) : null, t[78] = f, t[79] = v, t[80] = p) : p = t[80];
+  t[78] !== n?.modal || t[79] !== $ || t[80] !== D ? (p = $ && D !== void 0 ? /* @__PURE__ */ o.jsx(Qt, { body: $, data: D, setData: vt, className: n?.modal }) : null, t[78] = n?.modal, t[79] = $, t[80] = D, t[81] = p) : p = t[81];
   let tt;
-  return t[81] !== j || t[82] !== $ || t[83] !== p ? (tt = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    j,
-    $,
+  return t[82] !== b || t[83] !== w || t[84] !== p ? (tt = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    b,
+    w,
     p
-  ] }), t[81] = j, t[82] = $, t[83] = p, t[84] = tt) : tt = t[84], tt;
+  ] }), t[82] = b, t[83] = w, t[84] = p, t[85] = tt) : tt = t[85], tt;
 }
-function ho(a) {
-  return !Ht(a.value);
+function mo(c) {
+  return !Ht(c.value);
 }
-function Po(a) {
+function Yo(c) {
   const t = Gt.c(71), {
     data: h,
     graphTitle: z,
-    colors: M,
+    colors: j,
     sources: U,
-    graphDescription: b,
+    graphDescription: y,
     showColumnLabels: J,
     leftMargin: K,
     rightMargin: gt,
@@ -186,100 +181,100 @@ function Po(a) {
     scaleType: jt,
     colorDomain: l,
     footNote: Z,
-    colorLegendTitle: w,
-    padding: R,
+    colorLegendTitle: C,
+    padding: I,
     backgroundColor: it,
     topMargin: rt,
     bottomMargin: ft,
     tooltip: _,
     onSeriesMouseOver: W,
     suffix: xt,
-    prefix: f,
+    prefix: $,
     showRowLabels: d,
-    relativeHeight: u,
+    relativeHeight: n,
     showValues: m,
     graphID: lt,
     noDataColor: $t,
     showColorScale: st,
     onSeriesMouseClick: k,
-    graphDownload: nt,
-    dataDownload: c,
-    fillContainer: v,
+    graphDownload: at,
+    dataDownload: u,
+    fillContainer: D,
     language: vt,
-    showNAColor: y,
+    showNAColor: x,
     minHeight: yt,
-    theme: at,
+    theme: nt,
     ariaLabel: ct,
     resetSelectionOnDoubleClick: ut,
     detailsOnClick: mt,
-    styles: n,
+    styles: a,
     classNames: r,
     animate: B,
     precision: G
-  } = a, D = J === void 0 ? !0 : J, O = K === void 0 ? 100 : K, N = gt === void 0 ? 10 : gt, L = pt === void 0 ? 999 : pt, S = it === void 0 ? !1 : it, A = rt === void 0 ? 30 : rt, V = ft === void 0 ? 10 : ft, q = xt === void 0 ? "" : xt, H = f === void 0 ? "" : f, T = d === void 0 ? !0 : d, x = $t === void 0 ? g.gray : $t, E = st === void 0 ? !0 : st, j = nt === void 0 ? !1 : nt, $ = c === void 0 ? !1 : c, p = v === void 0 ? !0 : v, tt = vt === void 0 ? "en" : vt, ot = y === void 0 ? !0 : y, ht = yt === void 0 ? 0 : yt, i = at === void 0 ? "light" : at, X = ut === void 0 ? !0 : ut, I = B === void 0 ? !1 : B, Y = G === void 0 ? 2 : G, [et, e] = dt(0), [C, F] = dt(0), [P, Tt] = dt(void 0), Nt = qt(null), Et = qt(null);
-  let kt, Dt;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (kt = () => {
-    const It = new ResizeObserver((Rt) => {
-      e(Rt[0].target.clientWidth || 620), F(Rt[0].target.clientHeight || 480);
+  } = c, M = J === void 0 ? !0 : J, O = K === void 0 ? 100 : K, N = gt === void 0 ? 10 : gt, A = pt === void 0 ? 999 : pt, L = it === void 0 ? !1 : it, S = rt === void 0 ? 30 : rt, V = ft === void 0 ? 10 : ft, q = xt === void 0 ? "" : xt, H = $ === void 0 ? "" : $, T = d === void 0 ? !0 : d, f = $t === void 0 ? g.gray : $t, E = st === void 0 ? !0 : st, b = at === void 0 ? !1 : at, w = u === void 0 ? !1 : u, p = D === void 0 ? !0 : D, tt = vt === void 0 ? "en" : vt, ot = x === void 0 ? !0 : x, ht = yt === void 0 ? 0 : yt, i = nt === void 0 ? "light" : nt, X = ut === void 0 ? !0 : ut, R = B === void 0 ? !1 : B, Y = G === void 0 ? 2 : G, [et, e] = dt(0), [v, F] = dt(0), [P, Tt] = dt(void 0), Nt = qt(null), Et = qt(null);
+  let Dt, Mt;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (Dt = () => {
+    const Rt = new ResizeObserver((It) => {
+      e(It[0].target.clientWidth || 620), F(It[0].target.clientHeight || 480);
     });
-    return Nt.current && It.observe(Nt.current), () => It.disconnect();
-  }, Dt = [], t[0] = kt, t[1] = Dt) : (kt = t[0], Dt = t[1]), Yt(kt, Dt);
-  const Mt = jt || (typeof l[0] == "string" ? "categorical" : l.length === 2 ? "linear" : "threshold"), Lt = r?.graphContainer, St = n?.graphContainer, At = p ? void 0 : s;
+    return Nt.current && Rt.observe(Nt.current), () => Rt.disconnect();
+  }, Mt = [], t[0] = Dt, t[1] = Mt) : (Dt = t[0], Mt = t[1]), Yt(Dt, Mt);
+  const kt = jt || (typeof l[0] == "string" ? "categorical" : l.length === 2 ? "linear" : "threshold"), At = r?.graphContainer, Lt = a?.graphContainer, St = p ? void 0 : s;
   let Ct;
-  t[2] !== r?.description || t[3] !== r?.title || t[4] !== h || t[5] !== $ || t[6] !== b || t[7] !== j || t[8] !== z || t[9] !== n?.description || t[10] !== n?.title || t[11] !== s ? (Ct = z || b || j || $ ? /* @__PURE__ */ o.jsx(io, { styles: {
-    title: n?.title,
-    description: n?.description
+  t[2] !== r?.description || t[3] !== r?.title || t[4] !== h || t[5] !== w || t[6] !== y || t[7] !== b || t[8] !== z || t[9] !== a?.description || t[10] !== a?.title || t[11] !== s ? (Ct = z || y || b || w ? /* @__PURE__ */ o.jsx(eo, { styles: {
+    title: a?.title,
+    description: a?.description
   }, classNames: {
     title: r?.title,
     description: r?.description
-  }, graphTitle: z, graphDescription: b, width: s, graphDownload: j ? Et : void 0, dataDownload: $ ? h.map(yo).filter(vo).length > 0 ? h.map(xo).filter(fo) : h.filter(po) : null }) : null, t[2] = r?.description, t[3] = r?.title, t[4] = h, t[5] = $, t[6] = b, t[7] = j, t[8] = z, t[9] = n?.description, t[10] = n?.title, t[11] = s, t[12] = Ct) : Ct = t[12];
+  }, graphTitle: z, graphDescription: y, width: s, graphDownload: b ? Et : void 0, dataDownload: w ? h.map(vo).filter(xo).length > 0 ? h.map(fo).filter(po) : h.filter(go) : null }) : null, t[2] = r?.description, t[3] = r?.title, t[4] = h, t[5] = w, t[6] = y, t[7] = b, t[8] = z, t[9] = a?.description, t[10] = a?.title, t[11] = s, t[12] = Ct) : Ct = t[12];
   let bt;
-  t[13] !== I || t[14] !== V || t[15] !== r || t[16] !== l || t[17] !== w || t[18] !== M || t[19] !== h || t[20] !== mt || t[21] !== p || t[22] !== O || t[23] !== x || t[24] !== k || t[25] !== W || t[26] !== Y || t[27] !== H || t[28] !== X || t[29] !== N || t[30] !== Mt || t[31] !== P || t[32] !== E || t[33] !== D || t[34] !== ot || t[35] !== T || t[36] !== m || t[37] !== n || t[38] !== q || t[39] !== C || t[40] !== et || t[41] !== i || t[42] !== _ || t[43] !== A || t[44] !== L || t[45] !== s ? (bt = h.length === 0 ? /* @__PURE__ */ o.jsx(ao, {}) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    E ? Mt === "categorical" ? /* @__PURE__ */ o.jsx(lo, { width: p ? void 0 : s, colorLegendTitle: w, colors: M || (typeof l[0] == "string" ? g[i].categoricalColors.colors : l.length === 2 ? [g[i].sequentialColors.neutralColorsx09[0], g[i].sequentialColors.neutralColorsx09[8]] : g[i].sequentialColors[`neutralColorsx0${l.length + 1}`]), colorDomain: l.map(go), setSelectedColor: Tt, showNAColor: ot, className: r?.colorLegend }) : Mt === "threshold" ? /* @__PURE__ */ o.jsx(no, { width: p ? void 0 : s, colorLegendTitle: w, colors: M || (typeof l[0] == "string" ? g[i].categoricalColors.colors : l.length === 2 ? [g[i].sequentialColors.neutralColorsx09[0], g[i].sequentialColors.neutralColorsx09[8]] : g[i].sequentialColors[`neutralColorsx0${l.length + 1}`]), colorDomain: l, setSelectedColor: Tt, naColor: x, showNAColor: ot }) : /* @__PURE__ */ o.jsx(so, { width: p ? void 0 : s, colorLegendTitle: w, colors: M || [g[i].sequentialColors.neutralColorsx09[0], g[i].sequentialColors.neutralColorsx09[8]], colorDomain: l, className: r?.colorLegend }) : null,
-    /* @__PURE__ */ o.jsx(co, { ref: Nt, children: et && C ? /* @__PURE__ */ o.jsx(mo, { data: h, colorDomain: l, width: p || !s || et < s ? et : s, height: C, colors: M || (typeof l[0] == "string" ? g[i].categoricalColors.colors : l.length === 2 ? [g[i].sequentialColors.neutralColorsx09[0], g[i].sequentialColors.neutralColorsx09[8]] : g[i].sequentialColors[`neutralColorsx0${l.length + 1}`]), noDataColor: x, scaleType: Mt, showColumnLabels: D, leftMargin: O, rightMargin: N, topMargin: A, bottomMargin: V, selectedColor: P, truncateBy: L, showRowLabels: T, tooltip: _, onSeriesMouseOver: W, showValues: m, suffix: q, prefix: H, onSeriesMouseClick: k, resetSelectionOnDoubleClick: X, detailsOnClick: mt, styles: n, classNames: r, animate: I === !0 ? {
+  t[13] !== R || t[14] !== V || t[15] !== r || t[16] !== l || t[17] !== C || t[18] !== j || t[19] !== h || t[20] !== mt || t[21] !== p || t[22] !== O || t[23] !== f || t[24] !== k || t[25] !== W || t[26] !== Y || t[27] !== H || t[28] !== X || t[29] !== N || t[30] !== kt || t[31] !== P || t[32] !== E || t[33] !== M || t[34] !== ot || t[35] !== T || t[36] !== m || t[37] !== a || t[38] !== q || t[39] !== v || t[40] !== et || t[41] !== i || t[42] !== _ || t[43] !== S || t[44] !== A || t[45] !== s ? (bt = h.length === 0 ? /* @__PURE__ */ o.jsx(ao, {}) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    E ? kt === "categorical" ? /* @__PURE__ */ o.jsx(ro, { width: p ? void 0 : s, colorLegendTitle: C, colors: j || (typeof l[0] == "string" ? g[i].categoricalColors.colors : l.length === 2 ? [g[i].sequentialColors.neutralColorsx09[0], g[i].sequentialColors.neutralColorsx09[8]] : g[i].sequentialColors[`neutralColorsx0${l.length + 1}`]), colorDomain: l.map(ho), setSelectedColor: Tt, showNAColor: ot, className: r?.colorLegend }) : kt === "threshold" ? /* @__PURE__ */ o.jsx(so, { width: p ? void 0 : s, colorLegendTitle: C, colors: j || (typeof l[0] == "string" ? g[i].categoricalColors.colors : l.length === 2 ? [g[i].sequentialColors.neutralColorsx09[0], g[i].sequentialColors.neutralColorsx09[8]] : g[i].sequentialColors[`neutralColorsx0${l.length + 1}`]), colorDomain: l, setSelectedColor: Tt, naColor: f, showNAColor: ot }) : /* @__PURE__ */ o.jsx(lo, { width: p ? void 0 : s, colorLegendTitle: C, colors: j || [g[i].sequentialColors.neutralColorsx09[0], g[i].sequentialColors.neutralColorsx09[8]], colorDomain: l, className: r?.colorLegend }) : null,
+    /* @__PURE__ */ o.jsx(no, { ref: Nt, children: et && v ? /* @__PURE__ */ o.jsx(uo, { data: h, colorDomain: l, width: p || !s || et < s ? et : s, height: v, colors: j || (typeof l[0] == "string" ? g[i].categoricalColors.colors : l.length === 2 ? [g[i].sequentialColors.neutralColorsx09[0], g[i].sequentialColors.neutralColorsx09[8]] : g[i].sequentialColors[`neutralColorsx0${l.length + 1}`]), noDataColor: f, scaleType: kt, showColumnLabels: M, leftMargin: O, rightMargin: N, topMargin: S, bottomMargin: V, selectedColor: P, truncateBy: A, showRowLabels: T, tooltip: _, onSeriesMouseOver: W, showValues: m, suffix: q, prefix: H, onSeriesMouseClick: k, resetSelectionOnDoubleClick: X, detailsOnClick: mt, styles: a, classNames: r, animate: R === !0 ? {
       duration: 0.5,
       once: !0,
       amount: 0.5
-    } : I || {
+    } : R || {
       duration: 0,
       once: !0,
       amount: 0
     }, precision: Y }) : null })
-  ] }), t[13] = I, t[14] = V, t[15] = r, t[16] = l, t[17] = w, t[18] = M, t[19] = h, t[20] = mt, t[21] = p, t[22] = O, t[23] = x, t[24] = k, t[25] = W, t[26] = Y, t[27] = H, t[28] = X, t[29] = N, t[30] = Mt, t[31] = P, t[32] = E, t[33] = D, t[34] = ot, t[35] = T, t[36] = m, t[37] = n, t[38] = q, t[39] = C, t[40] = et, t[41] = i, t[42] = _, t[43] = A, t[44] = L, t[45] = s, t[46] = bt) : bt = t[46];
+  ] }), t[13] = R, t[14] = V, t[15] = r, t[16] = l, t[17] = C, t[18] = j, t[19] = h, t[20] = mt, t[21] = p, t[22] = O, t[23] = f, t[24] = k, t[25] = W, t[26] = Y, t[27] = H, t[28] = X, t[29] = N, t[30] = kt, t[31] = P, t[32] = E, t[33] = M, t[34] = ot, t[35] = T, t[36] = m, t[37] = a, t[38] = q, t[39] = v, t[40] = et, t[41] = i, t[42] = _, t[43] = S, t[44] = A, t[45] = s, t[46] = bt) : bt = t[46];
   let wt;
-  t[47] !== r?.footnote || t[48] !== r?.source || t[49] !== Z || t[50] !== U || t[51] !== n?.footnote || t[52] !== n?.source || t[53] !== s ? (wt = U || Z ? /* @__PURE__ */ o.jsx(ro, { styles: {
-    footnote: n?.footnote,
-    source: n?.source
+  t[47] !== r?.footnote || t[48] !== r?.source || t[49] !== Z || t[50] !== U || t[51] !== a?.footnote || t[52] !== a?.source || t[53] !== s ? (wt = U || Z ? /* @__PURE__ */ o.jsx(io, { styles: {
+    footnote: a?.footnote,
+    source: a?.source
   }, classNames: {
     footnote: r?.footnote,
     source: r?.source
-  }, sources: U, footNote: Z, width: s }) : null, t[47] = r?.footnote, t[48] = r?.source, t[49] = Z, t[50] = U, t[51] = n?.footnote, t[52] = n?.source, t[53] = s, t[54] = wt) : wt = t[54];
+  }, sources: U, footNote: Z, width: s }) : null, t[47] = r?.footnote, t[48] = r?.source, t[49] = Z, t[50] = U, t[51] = a?.footnote, t[52] = a?.source, t[53] = s, t[54] = wt) : wt = t[54];
   let Ot;
-  return t[55] !== ct || t[56] !== S || t[57] !== lt || t[58] !== Q || t[59] !== tt || t[60] !== ht || t[61] !== R || t[62] !== u || t[63] !== Lt || t[64] !== St || t[65] !== At || t[66] !== Ct || t[67] !== bt || t[68] !== wt || t[69] !== i ? (Ot = /* @__PURE__ */ o.jsxs(uo, { className: Lt, style: St, id: lt, ref: Et, "aria-label": ct, backgroundColor: S, theme: i, language: tt, minHeight: ht, width: At, height: Q, relativeHeight: u, padding: R, children: [
+  return t[55] !== ct || t[56] !== L || t[57] !== lt || t[58] !== Q || t[59] !== tt || t[60] !== ht || t[61] !== I || t[62] !== n || t[63] !== At || t[64] !== Lt || t[65] !== St || t[66] !== Ct || t[67] !== bt || t[68] !== wt || t[69] !== i ? (Ot = /* @__PURE__ */ o.jsxs(co, { className: At, style: Lt, id: lt, ref: Et, "aria-label": ct, backgroundColor: L, theme: i, language: tt, minHeight: ht, width: St, height: Q, relativeHeight: n, padding: I, children: [
     Ct,
     bt,
     wt
-  ] }), t[55] = ct, t[56] = S, t[57] = lt, t[58] = Q, t[59] = tt, t[60] = ht, t[61] = R, t[62] = u, t[63] = Lt, t[64] = St, t[65] = At, t[66] = Ct, t[67] = bt, t[68] = wt, t[69] = i, t[70] = Ot) : Ot = t[70], Ot;
+  ] }), t[55] = ct, t[56] = L, t[57] = lt, t[58] = Q, t[59] = tt, t[60] = ht, t[61] = I, t[62] = n, t[63] = At, t[64] = Lt, t[65] = St, t[66] = Ct, t[67] = bt, t[68] = wt, t[69] = i, t[70] = Ot) : Ot = t[70], Ot;
 }
-function go(a) {
-  return `${a}`;
+function ho(c) {
+  return `${c}`;
 }
-function po(a) {
-  return a !== void 0;
+function go(c) {
+  return c !== void 0;
 }
-function fo(a) {
-  return a !== void 0;
+function po(c) {
+  return c !== void 0;
 }
-function xo(a) {
-  return a.data;
+function fo(c) {
+  return c.data;
 }
-function vo(a) {
-  return a !== void 0;
+function xo(c) {
+  return c !== void 0;
 }
-function yo(a) {
-  return a.data;
+function vo(c) {
+  return c.data;
 }
 export {
-  Po as HeatMap
+  Yo as HeatMap
 };
 //# sourceMappingURL=HeatMap.js.map