@undp/data-viz 1.5.9 → 2.0.0

package/dist/GeoHubMap.js

@@ -1,401 +1,236 @@
-import { j as e, m as A } from "./index-CHPV5EwG-DBWUSD9b.js";
-import W, { useState as C, useRef as M, useEffect as L, useMemo as E } from "react";
-import { Z, H as F } from "./DropdownSelect-6kjXM6oW.js";
-import w from "maplibre-gl";
-import * as _ from "pmtiles";
+import { c as de, j as o } from "./index-CHPV5EwG-Curnpaqc.js";
+import me, { useState as D, useRef as Q, useEffect as Y } from "react";
+import { j as ve, D as xe } from "./DropdownSelect-BbdPQa2k.js";
+import H from "maplibre-gl";
+import * as ue from "pmtiles";
 /* empty css                     */
-import { f as z } from "./fetchAndParseData-sapWbnYk.js";
-import { f as V } from "./filterData-9nEcQ-Jp.js";
-import { X as $ } from "./index-zZjQEHlm.js";
-import { s as P } from "./string2HTML-oFCROsus.js";
-import { s as R } from "./select-DKy99ogv.js";
-import { GraphHeader as I } from "./GraphHeader.js";
-import { GraphFooter as J } from "./GraphFooter.js";
-function X(k) {
-  const {
-    mapStyle: t,
-    height: n,
-    width: r,
-    relativeHeight: a,
-    center: b,
-    zoomLevel: y,
-    minHeight: c,
-    includeLayers: u,
-    excludeLayers: g,
-    mapLegend: l
-  } = k, [o, v] = C(0), [j, h] = C(0), [H, S] = C(!0), d = M(null), p = M(null), s = M(null);
-  return L(() => {
-    const i = new ResizeObserver((m) => {
-      v(r || m[0].target.clientWidth || 620), h(n || m[0].target.clientHeight || 480);
+import { f as ae } from "./fetchAndParseData-BpqkBPQL.js";
+import { f as ce } from "./filterData-DsAiFzKY.js";
+import { X as pe } from "./index-D491FEn1.js";
+import { s as ge } from "./string2HTML-DhG75NqA.js";
+import { a as he, G as je } from "./GraphContainer-CRqzdKu2.js";
+import { s as fe } from "./select-DKy99ogv.js";
+import { GraphHeader as we } from "./GraphHeader.js";
+import { GraphFooter as Ce } from "./GraphFooter.js";
+function Se(L) {
+  const e = de.c(22), {
+    mapStyle: l,
+    center: c,
+    zoomLevel: m,
+    includeLayers: n,
+    excludeLayers: a,
+    mapLegend: i
+  } = L, [s, N] = D(0), [b, _] = D(0), [y, S] = D(!0), w = Q(null), v = Q(null), p = Q(null);
+  let x, g;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (x = () => {
+    const d = new ResizeObserver((f) => {
+      N(f[0].target.clientWidth || 620), _(f[0].target.clientHeight || 480);
     });
-    return d.current && (h(d.current.clientHeight || 480), v(d.current.clientWidth || 620), r || i.observe(d.current)), () => i.disconnect();
-  }, [r, n]), L(() => {
-    p.current && o && !s.current && z(t).then((i) => {
-      R(p.current).selectAll("div").remove();
-      const f = new _.Protocol();
-      w.addProtocol("pmtiles", f.tile);
-      const x = {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        container: p.current,
-        style: u.length === 0 && g.length === 0 ? i : {
-          ...i,
-          layers: V(i.layers, [
-            {
-              column: "id",
-              includeValues: u,
-              excludeValues: g
-            }
-          ])
+    return w.current && d.observe(w.current), () => d.disconnect();
+  }, g = [], e[0] = x, e[1] = g) : (x = e[0], g = e[1]), Y(x, g);
+  let h, u;
+  e[2] !== c || e[3] !== a || e[4] !== n || e[5] !== l || e[6] !== s || e[7] !== m ? (h = () => {
+    v.current && s && !p.current && ae(l).then((d) => {
+      fe(v.current).selectAll("div").remove();
+      const U = new ue.Protocol();
+      H.addProtocol("pmtiles", U.tile);
+      const z = {
+        container: v.current,
+        style: n.length === 0 && a.length === 0 ? d : {
+          ...d,
+          layers: ce(d.layers, [{
+            column: "id",
+            includeValues: n,
+            excludeValues: a
+          }])
         },
         attributionControl: !0
       };
-      b && (x.center = b), y && (x.zoom = y), s.current = new w.Map(x), s.current.addControl(
-        new w.NavigationControl({
-          visualizePitch: !0,
-          showZoom: !0,
-          showCompass: !0
-        }),
-        "bottom-right"
-      ), s.current.addControl(new w.ScaleControl(), "bottom-left");
+      c && (z.center = c), m && (z.zoom = m), p.current = new H.Map(z), p.current.addControl(new H.NavigationControl({
+        visualizePitch: !0,
+        showZoom: !0,
+        showCompass: !0
+      }), "bottom-right"), p.current.addControl(new H.ScaleControl(), "bottom-left");
     });
-  }, [o, b, y, u, g, t]), L(() => {
-    s.current && z(t).then((i) => {
-      const m = {
-        ...i,
-        layers: V(i.layers, [
-          {
-            column: "id",
-            includeValues: u,
-            excludeValues: g
-          }
-        ])
+  }, u = [s, c, m, n, a, l], e[2] = c, e[3] = a, e[4] = n, e[5] = l, e[6] = s, e[7] = m, e[8] = h, e[9] = u) : (h = e[8], u = e[9]), Y(h, u);
+  let j, t;
+  e[10] !== a || e[11] !== n || e[12] !== l ? (j = () => {
+    p.current && ae(l).then((d) => {
+      const f = {
+        ...d,
+        layers: ce(d.layers, [{
+          column: "id",
+          includeValues: n,
+          excludeValues: a
+        }])
       };
-      s.current.setStyle(m);
+      p.current.setStyle(f);
     });
-  }, [g, u, t]), /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: "flex flex-col grow justify-center leading-0",
-      ref: d,
-      "aria-label": "Map area",
-      children: (r || o) && (n || j) ? /* @__PURE__ */ e.jsxs(
-        "div",
-        {
-          style: {
-            width: r || o,
-            height: Math.max(
-              c,
-              n || (a ? c ? (r || o) * a > c ? (r || o) * a : c : (r || o) * a : j)
-            )
-          },
-          children: [
-            /* @__PURE__ */ e.jsx(
-              "div",
-              {
-                ref: p,
-                className: "map maplibre-show-control",
-                style: { width: "100%", height: "100%" }
-              }
-            ),
-            l ? /* @__PURE__ */ e.jsx("div", { className: "absolute left-[22px] bottom-13", children: H ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-              /* @__PURE__ */ e.jsx(
-                "div",
-                {
-                  className: "color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",
-                  onClick: () => {
-                    S(!1);
-                  },
-                  children: /* @__PURE__ */ e.jsx($, {})
-                }
-              ),
-              /* @__PURE__ */ e.jsx(
-                "div",
-                {
-                  className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",
-                  dangerouslySetInnerHTML: typeof l == "string" ? { __html: P(l) } : void 0,
-                  children: W.isValidElement(l) ? l : null
-                }
-              )
-            ] }) : /* @__PURE__ */ e.jsx(
-              "button",
-              {
-                type: "button",
-                className: "mb-0 border-0 bg-transparent p-0 self-start",
-                onClick: () => {
-                  S(!0);
-                },
-                children: /* @__PURE__ */ e.jsx("div", { className: "show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500", children: "Show Legend" })
-              }
-            ) }) : null
-          ]
-        }
-      ) : null
-    }
-  );
+  }, t = [a, n, l], e[10] = a, e[11] = n, e[12] = l, e[13] = j, e[14] = t) : (j = e[13], t = e[14]), Y(j, t);
+  let r;
+  e[15] !== i || e[16] !== y || e[17] !== b || e[18] !== s ? (r = s && b ? /* @__PURE__ */ o.jsxs("div", { style: {
+    width: s,
+    height: b
+  }, children: [
+    /* @__PURE__ */ o.jsx("div", { ref: v, className: "map maplibre-show-control", style: {
+      width: "100%",
+      height: "100%"
+    } }),
+    i ? /* @__PURE__ */ o.jsx("div", { className: "absolute left-[22px] bottom-13", children: y ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx("div", { className: "color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]", onClick: () => {
+        S(!1);
+      }, children: /* @__PURE__ */ o.jsx(pe, {}) }),
+      /* @__PURE__ */ o.jsx("div", { className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]", dangerouslySetInnerHTML: typeof i == "string" ? {
+        __html: ge(i)
+      } : void 0, children: me.isValidElement(i) ? i : null })
+    ] }) : /* @__PURE__ */ o.jsx("button", { type: "button", className: "mb-0 border-0 bg-transparent p-0 self-start", onClick: () => {
+      S(!0);
+    }, children: /* @__PURE__ */ o.jsx("div", { className: "show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500", children: "Show Legend" }) }) }) : null
+  ] }) : null, e[15] = i, e[16] = y, e[17] = b, e[18] = s, e[19] = r) : r = e[19];
+  let C;
+  return e[20] !== r ? (C = /* @__PURE__ */ o.jsx(he, { ref: w, children: r }), e[20] = r, e[21] = C) : C = e[21], C;
 }
-function q(k) {
-  const {
-    mapStyle: t,
-    height: n,
-    width: r,
-    relativeHeight: a,
-    center: b,
-    zoomLevel: y,
-    minHeight: c,
-    includeLayers: u,
-    excludeLayers: g,
-    mapLegend: l
-  } = k, [o, v] = C(0), [j, h] = C(0), [H, S] = C(!0), d = M(null), p = M(null);
-  return L(() => {
-    const s = new ResizeObserver((i) => {
-      v(r || i[0].target.clientWidth || 620), h(n || i[0].target.clientHeight || 480);
+function Le(L) {
+  const e = de.c(17), {
+    mapStyle: l,
+    center: c,
+    zoomLevel: m,
+    includeLayers: n,
+    excludeLayers: a,
+    mapLegend: i
+  } = L, [s, N] = D(0), [b, _] = D(0), [y, S] = D(!0), w = Q(null), v = Q(null);
+  let p, x;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (p = () => {
+    const t = new ResizeObserver((r) => {
+      N(r[0].target.clientWidth || 620), _(r[0].target.clientHeight || 480);
     });
-    return d.current && (h(d.current.clientHeight || 480), v(d.current.clientWidth || 620), r || s.observe(d.current)), () => s.disconnect();
-  }, [r, n]), L(() => {
-    p.current && o && z(t).then((s) => {
-      R(p.current).selectAll("div").remove();
-      const m = new _.Protocol();
-      w.addProtocol("pmtiles", m.tile);
-      const f = {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        container: p.current,
-        style: u.length === 0 && g.length === 0 ? s : {
-          ...s,
-          layers: V(s.layers, [
-            {
-              column: "id",
-              includeValues: u,
-              excludeValues: g
-            }
-          ])
+    return w.current && t.observe(w.current), () => t.disconnect();
+  }, x = [], e[0] = p, e[1] = x) : (p = e[0], x = e[1]), Y(p, x);
+  let g, h;
+  e[2] !== c || e[3] !== a || e[4] !== n || e[5] !== l || e[6] !== s || e[7] !== m ? (g = () => {
+    v.current && s && ae(l).then((t) => {
+      fe(v.current).selectAll("div").remove();
+      const C = new ue.Protocol();
+      H.addProtocol("pmtiles", C.tile);
+      const d = {
+        container: v.current,
+        style: n.length === 0 && a.length === 0 ? t : {
+          ...t,
+          layers: ce(t.layers, [{
+            column: "id",
+            includeValues: n,
+            excludeValues: a
+          }])
         },
         attributionControl: !0
       };
-      b && (f.center = b), y && (f.zoom = y);
-      const x = new w.Map(f);
-      x.addControl(
-        new w.NavigationControl({
-          visualizePitch: !0,
-          showZoom: !0,
-          showCompass: !0
-        }),
-        "bottom-right"
-      ), x.addControl(new w.ScaleControl(), "bottom-left");
+      c && (d.center = c), m && (d.zoom = m);
+      const f = new H.Map(d);
+      f.addControl(new H.NavigationControl({
+        visualizePitch: !0,
+        showZoom: !0,
+        showCompass: !0
+      }), "bottom-right"), f.addControl(new H.ScaleControl(), "bottom-left");
     });
-  }, [o, t, b, y, u, g]), /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: "flex flex-col grow justify-center leading-0",
-      ref: d,
-      "aria-label": "Map area",
-      children: (r || o) && (n || j) ? /* @__PURE__ */ e.jsxs(
-        "div",
-        {
-          style: {
-            width: r || o,
-            height: Math.max(
-              c,
-              n || (a ? c ? (r || o) * a > c ? (r || o) * a : c : (r || o) * a : j)
-            )
-          },
-          children: [
-            /* @__PURE__ */ e.jsx(
-              "div",
-              {
-                ref: p,
-                className: "map maplibre-show-control",
-                style: { width: "100%", height: "100%" }
-              }
-            ),
-            l ? /* @__PURE__ */ e.jsx("div", { className: "absolute left-[22px] bottom-13", children: H ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-              /* @__PURE__ */ e.jsx(
-                "div",
-                {
-                  className: "color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",
-                  onClick: () => {
-                    S(!1);
-                  },
-                  children: /* @__PURE__ */ e.jsx($, {})
-                }
-              ),
-              /* @__PURE__ */ e.jsx(
-                "div",
-                {
-                  className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",
-                  dangerouslySetInnerHTML: typeof l == "string" ? { __html: P(l) } : void 0,
-                  children: W.isValidElement(l) ? l : null
-                }
-              )
-            ] }) : /* @__PURE__ */ e.jsx(
-              "button",
-              {
-                type: "button",
-                className: "mb-0 border-0 bg-transparent p-0 self-start",
-                onClick: () => {
-                  S(!0);
-                },
-                children: /* @__PURE__ */ e.jsx("div", { className: "show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500", children: "Show Legend" })
-              }
-            ) }) : null
-          ]
-        }
-      ) : null
-    }
-  );
+  }, h = [s, l, c, m, n, a], e[2] = c, e[3] = a, e[4] = n, e[5] = l, e[6] = s, e[7] = m, e[8] = g, e[9] = h) : (g = e[8], h = e[9]), Y(g, h);
+  let u;
+  e[10] !== i || e[11] !== y || e[12] !== b || e[13] !== s ? (u = s && b ? /* @__PURE__ */ o.jsxs("div", { style: {
+    width: s,
+    height: b
+  }, children: [
+    /* @__PURE__ */ o.jsx("div", { ref: v, className: "map maplibre-show-control", style: {
+      width: "100%",
+      height: "100%"
+    } }),
+    i ? /* @__PURE__ */ o.jsx("div", { className: "absolute left-[22px] bottom-13", children: y ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx("div", { className: "color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]", onClick: () => {
+        S(!1);
+      }, children: /* @__PURE__ */ o.jsx(pe, {}) }),
+      /* @__PURE__ */ o.jsx("div", { className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]", dangerouslySetInnerHTML: typeof i == "string" ? {
+        __html: ge(i)
+      } : void 0, children: me.isValidElement(i) ? i : null })
+    ] }) : /* @__PURE__ */ o.jsx("button", { type: "button", className: "mb-0 border-0 bg-transparent p-0 self-start", onClick: () => {
+      S(!0);
+    }, children: /* @__PURE__ */ o.jsx("div", { className: "show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500", children: "Show Legend" }) }) }) : null
+  ] }) : null, e[10] = i, e[11] = y, e[12] = b, e[13] = s, e[14] = u) : u = e[14];
+  let j;
+  return e[15] !== u ? (j = /* @__PURE__ */ o.jsx(he, { ref: w, children: u }), e[15] = u, e[16] = j) : j = e[16], j;
 }
-function ie(k) {
-  const {
-    mapStyle: t,
-    graphTitle: n,
-    height: r,
-    width: a,
-    relativeHeight: b,
-    sources: y,
-    graphDescription: c,
-    footNote: u,
-    padding: g,
-    backgroundColor: l = !1,
-    center: o,
-    zoomLevel: v,
-    graphID: j,
-    language: h = "en",
-    minHeight: H = 0,
-    theme: S = "light",
-    includeLayers: d = [],
-    excludeLayers: p = [],
-    ariaLabel: s,
-    uiMode: i = "normal",
-    styles: m,
-    classNames: f,
-    mapLegend: x
-  } = k, [D, O] = C(
-    typeof t == "string" ? t : t[0].style
-  );
-  L(() => {
-    O(typeof t == "string" ? t : t[0].style);
-  }, [t]);
-  const G = E(
-    () => ({
+function Ee(L) {
+  const e = de.c(85), {
+    mapStyle: l,
+    graphTitle: c,
+    height: m,
+    width: n,
+    relativeHeight: a,
+    sources: i,
+    graphDescription: s,
+    footNote: N,
+    padding: b,
+    backgroundColor: _,
+    center: y,
+    zoomLevel: S,
+    graphID: w,
+    language: v,
+    minHeight: p,
+    theme: x,
+    includeLayers: g,
+    excludeLayers: h,
+    ariaLabel: u,
+    uiMode: j,
+    styles: t,
+    classNames: r,
+    mapLegend: C
+  } = L, d = _ === void 0 ? !1 : _, f = v === void 0 ? "en" : v, U = p === void 0 ? 0 : p, z = x === void 0 ? "light" : x;
+  let ee;
+  e[0] !== g ? (ee = g === void 0 ? [] : g, e[0] = g, e[1] = ee) : ee = e[1];
+  const te = ee;
+  let re;
+  e[2] !== h ? (re = h === void 0 ? [] : h, e[2] = h, e[3] = re) : re = e[3];
+  const oe = re, se = j === void 0 ? "normal" : j, [le, be] = D(void 0), ye = Q(null), M = typeof l == "string" ? l : l[0].style;
+  let V, G, O, P, R, W, A, E, T, F, I, $, Z, k, J, X;
+  if (e[4] !== u || e[5] !== d || e[6] !== r?.description || e[7] !== r?.graphContainer || e[8] !== r?.title || e[9] !== M || e[10] !== s || e[11] !== w || e[12] !== c || e[13] !== m || e[14] !== f || e[15] !== l || e[16] !== U || e[17] !== b || e[18] !== a || e[19] !== t?.description || e[20] !== t?.graphContainer || e[21] !== t?.title || e[22] !== z || e[23] !== se || e[24] !== n) {
+    const ie = {
       ignoreCase: !0,
       ignoreAccents: !0,
       trim: !0
-    }),
-    []
-  );
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: `${S || "light"} flex  ${a ? "w-fit grow-0" : "w-full grow"}`,
-      dir: h === "he" || h === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: A(
-            `${l ? l === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${h || "en"}`,
-            a ? "w-fit" : "w-full",
-            f?.graphContainer
-          ),
-          style: {
-            ...m?.graphContainer || {},
-            ...l && l !== !0 ? { backgroundColor: l } : {}
-          },
-          id: j,
-          "aria-label": s || `${n ? `The graph shows ${n}. ` : ""}This is a map.${c ? ` ${c}` : ""}`,
-          children: /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: l ? g || "1rem" : g || 0 },
-              children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                n || c ? /* @__PURE__ */ e.jsx(
-                  I,
-                  {
-                    styles: {
-                      title: m?.title,
-                      description: m?.description
-                    },
-                    classNames: {
-                      title: f?.title,
-                      description: f?.description
-                    },
-                    graphTitle: n,
-                    graphDescription: c,
-                    width: a
-                  }
-                ) : null,
-                typeof t == "string" ? null : /* @__PURE__ */ e.jsx(
-                  Z,
-                  {
-                    options: t.map((N) => ({ label: N.name, value: N.style })),
-                    isClearable: !1,
-                    size: "sm",
-                    variant: i,
-                    isRtl: h === "he" || h === "ar",
-                    isSearchable: !0,
-                    filterOption: F(G),
-                    defaultValue: {
-                      label: t[0].name,
-                      value: t[0].style
-                    },
-                    controlShouldRenderValue: !0,
-                    onChange: (N) => {
-                      N && O(N.value);
-                    }
-                  }
-                ),
-                typeof t == "string" ? /* @__PURE__ */ e.jsx(
-                  q,
-                  {
-                    mapStyle: t,
-                    center: o,
-                    zoomLevel: v,
-                    width: a,
-                    height: r,
-                    relativeHeight: b,
-                    minHeight: H,
-                    includeLayers: d,
-                    excludeLayers: p,
-                    mapLegend: x
-                  }
-                ) : /* @__PURE__ */ e.jsx(
-                  X,
-                  {
-                    mapStyle: D,
-                    center: o,
-                    zoomLevel: v,
-                    width: a,
-                    height: r,
-                    relativeHeight: b,
-                    minHeight: H,
-                    includeLayers: d,
-                    excludeLayers: p,
-                    mapLegend: (x || []).find(
-                      (N) => N.mapStyleName === t.find((T) => T.style === D)?.name
-                    )?.legend
-                  }
-                ),
-                y || u ? /* @__PURE__ */ e.jsx(
-                  J,
-                  {
-                    styles: { footnote: m?.footnote, source: m?.source },
-                    classNames: {
-                      footnote: f?.footnote,
-                      source: f?.source
-                    },
-                    sources: y,
-                    footNote: u,
-                    width: a
-                  }
-                ) : null
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+    };
+    V = je, X = r?.graphContainer, G = t?.graphContainer, O = w, P = ye, R = u, W = d, A = z, E = f, T = U, F = n, I = m, $ = a, Z = b, e[41] !== r?.description || e[42] !== r?.title || e[43] !== s || e[44] !== c || e[45] !== t?.description || e[46] !== t?.title || e[47] !== n ? (k = c || s ? /* @__PURE__ */ o.jsx(we, { styles: {
+      title: t?.title,
+      description: t?.description
+    }, classNames: {
+      title: r?.title,
+      description: r?.description
+    }, graphTitle: c, graphDescription: s, width: n }) : null, e[41] = r?.description, e[42] = r?.title, e[43] = s, e[44] = c, e[45] = t?.description, e[46] = t?.title, e[47] = n, e[48] = k) : k = e[48], J = typeof l == "string" ? null : /* @__PURE__ */ o.jsx(ve, { options: l.map(Ne), isClearable: !1, size: "sm", variant: se, isRtl: f === "he" || f === "ar", isSearchable: !0, filterOption: xe(ie), defaultValue: l.find((K) => K.style === M), controlShouldRenderValue: !0, onChange: (K) => {
+      K && be(K.value);
+    } }), e[4] = u, e[5] = d, e[6] = r?.description, e[7] = r?.graphContainer, e[8] = r?.title, e[9] = M, e[10] = s, e[11] = w, e[12] = c, e[13] = m, e[14] = f, e[15] = l, e[16] = U, e[17] = b, e[18] = a, e[19] = t?.description, e[20] = t?.graphContainer, e[21] = t?.title, e[22] = z, e[23] = se, e[24] = n, e[25] = V, e[26] = G, e[27] = O, e[28] = P, e[29] = R, e[30] = W, e[31] = A, e[32] = E, e[33] = T, e[34] = F, e[35] = I, e[36] = $, e[37] = Z, e[38] = k, e[39] = J, e[40] = X;
+  } else
+    V = e[25], G = e[26], O = e[27], P = e[28], R = e[29], W = e[30], A = e[31], E = e[32], T = e[33], F = e[34], I = e[35], $ = e[36], Z = e[37], k = e[38], J = e[39], X = e[40];
+  let q;
+  e[49] !== y || e[50] !== M || e[51] !== oe || e[52] !== te || e[53] !== C || e[54] !== l || e[55] !== le || e[56] !== S ? (q = typeof l == "string" ? /* @__PURE__ */ o.jsx(Le, { mapStyle: l, center: y, zoomLevel: S, includeLayers: te, excludeLayers: oe, mapLegend: C }) : /* @__PURE__ */ o.jsx(Se, { mapStyle: le || M, center: y, zoomLevel: S, includeLayers: te, excludeLayers: oe, mapLegend: (C || []).find((ie) => ie.mapStyleName === l.find((K) => K.style === (le || M))?.name)?.legend }), e[49] = y, e[50] = M, e[51] = oe, e[52] = te, e[53] = C, e[54] = l, e[55] = le, e[56] = S, e[57] = q) : q = e[57];
+  let B;
+  e[58] !== r?.footnote || e[59] !== r?.source || e[60] !== N || e[61] !== i || e[62] !== t?.footnote || e[63] !== t?.source || e[64] !== n ? (B = i || N ? /* @__PURE__ */ o.jsx(Ce, { styles: {
+    footnote: t?.footnote,
+    source: t?.source
+  }, classNames: {
+    footnote: r?.footnote,
+    source: r?.source
+  }, sources: i, footNote: N, width: n }) : null, e[58] = r?.footnote, e[59] = r?.source, e[60] = N, e[61] = i, e[62] = t?.footnote, e[63] = t?.source, e[64] = n, e[65] = B) : B = e[65];
+  let ne;
+  return e[66] !== V || e[67] !== G || e[68] !== O || e[69] !== P || e[70] !== R || e[71] !== W || e[72] !== A || e[73] !== E || e[74] !== T || e[75] !== F || e[76] !== I || e[77] !== $ || e[78] !== Z || e[79] !== k || e[80] !== J || e[81] !== q || e[82] !== B || e[83] !== X ? (ne = /* @__PURE__ */ o.jsxs(V, { className: X, style: G, id: O, ref: P, "aria-label": R, backgroundColor: W, theme: A, language: E, minHeight: T, width: F, height: I, relativeHeight: $, padding: Z, children: [
+    k,
+    J,
+    q,
+    B
+  ] }), e[66] = V, e[67] = G, e[68] = O, e[69] = P, e[70] = R, e[71] = W, e[72] = A, e[73] = E, e[74] = T, e[75] = F, e[76] = I, e[77] = $, e[78] = Z, e[79] = k, e[80] = J, e[81] = q, e[82] = B, e[83] = X, e[84] = ne) : ne = e[84], ne;
+}
+function Ne(L) {
+  return {
+    label: L.name,
+    value: L.style
+  };
 }
 export {
-  ie as GeoHubMap
+  Ee as GeoHubMap
 };
 //# sourceMappingURL=GeoHubMap.js.map