@undp/data-viz 1.5.8 → 2.0.0

package/dist/GeoHubMapWithLayerSelection.js

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

package/dist/GeoHubMapWithLayerSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeoHubMapWithLayerSelection.js","sources":["../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/MapEl.tsx","../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { X } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  width?: number;\r\n  height?: number;\r\n  relativeHeight?: number;\r\n  minHeight: number;\r\n  selectedLayer: string[];\r\n  layerIdList: string[];\r\n  excludeLayers: string[];\r\n  mapLegend?: string | React.ReactNode;\r\n}\r\n\r\nexport function MapEl(props: Props) {\r\n  const {\r\n    mapStyle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    center,\r\n    zoomLevel,\r\n    minHeight,\r\n    selectedLayer,\r\n    layerIdList,\r\n    excludeLayers,\r\n    mapLegend,\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mapStyleData, setMapStyleData] = useState<any>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const mapRef = useRef<any>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(width || entries[0].target.clientWidth || 620);\r\n      setSvgHeight(height || entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      setSvgHeight(graphDiv.current.clientHeight || 480);\r\n      setSvgWidth(graphDiv.current.clientWidth || 620);\r\n      if (!width) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height]);\r\n  useEffect(() => {\r\n    if (mapContainer.current && svgWidth && !mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        setMapStyleData(d);\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style: {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        mapRef.current = new maplibreGl.Map(mapObj);\r\n        mapRef.current.addControl(\r\n          new maplibreGl.NavigationControl({\r\n            visualizePitch: true,\r\n            showZoom: true,\r\n            showCompass: true,\r\n          }),\r\n          'bottom-right',\r\n        );\r\n        mapRef.current.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, center, zoomLevel, layerIdList, mapStyle, excludeLayers, selectedLayer]);\r\n  useEffect(() => {\r\n    if (mapRef.current) {\r\n      if (mapStyleData) {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapStyleObj: any = {\r\n          ...mapStyleData,\r\n          layers: filterData(mapStyleData.layers, [\r\n            {\r\n              column: 'id',\r\n              excludeValues: [\r\n                ...excludeLayers,\r\n                ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n              ],\r\n            },\r\n          ]),\r\n        };\r\n        mapRef.current.setStyle(mapStyleObj);\r\n      } else\r\n        fetchAndParseJSON(mapStyle).then(d => {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          const mapStyleObj: any = {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          };\r\n          mapRef.current.setStyle(mapStyleObj);\r\n        });\r\n    }\r\n  }, [excludeLayers, layerIdList, mapStyle, mapStyleData, selectedLayer]);\r\n  return (\r\n    <div\r\n      className='flex flex-col grow justify-center leading-0'\r\n      ref={graphDiv}\r\n      aria-label='Map area'\r\n    >\r\n      {(width || svgWidth) && (height || svgHeight) ? (\r\n        <div\r\n          style={{\r\n            width: width || svgWidth,\r\n            height: Math.max(\r\n              minHeight,\r\n              height ||\r\n                (relativeHeight\r\n                  ? minHeight\r\n                    ? (width || svgWidth) * relativeHeight > minHeight\r\n                      ? (width || svgWidth) * relativeHeight\r\n                      : minHeight\r\n                    : (width || svgWidth) * relativeHeight\r\n                  : svgHeight),\r\n            ),\r\n          }}\r\n        >\r\n          <div ref={mapContainer} className='map maplibre-show-control w-full h-full' />\r\n\r\n          {mapLegend ? (\r\n            <div className='absolute left-[22px] bottom-13'>\r\n              {showLegend ? (\r\n                <>\r\n                  <div\r\n                    style={{\r\n                      backgroundColor: 'rgba(240,240,240, 0.7)',\r\n                      border: '1px solid var(--gray-400)',\r\n                      borderRadius: '999px',\r\n                      width: '24px',\r\n                      height: '24px',\r\n                      padding: '3px',\r\n                      cursor: 'pointer',\r\n                      zIndex: 10,\r\n                      position: 'absolute',\r\n                      right: '-0.75rem',\r\n                      top: '-0.75rem',\r\n                    }}\r\n                    onClick={() => {\r\n                      setShowLegend(false);\r\n                    }}\r\n                  >\r\n                    <X />\r\n                  </div>\r\n                  <div\r\n                    className='p-2'\r\n                    style={{\r\n                      backgroundColor: 'rgba(240,240,240, 0.7)',\r\n                    }}\r\n                    dangerouslySetInnerHTML={\r\n                      typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                    }\r\n                  >\r\n                    {React.isValidElement(mapLegend) ? mapLegend : null}\r\n                  </div>\r\n                </>\r\n              ) : (\r\n                <button\r\n                  type='button'\r\n                  className='mb-0 border-0 bg-transparent p-0 self-start'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <div className='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-550 border-primary-gray-400 dark:border-primary-gray-500'>\r\n                    Show Legend\r\n                  </div>\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </div>\r\n  );\r\n}\r\n","import { useEffect, useMemo, useState } from 'react';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { MapEl } from './MapEl';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ClassNameObject,\r\n  Languages,\r\n  MapLegendDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URL for mapStyle JSON  */\r\n  mapStyle: string;\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n  /** List of the layers that the user select and switch between sing a drop down */\r\n  layerSelection: { layerID: string[]; name: string }[];\r\n  /** Defines the legend for the map. mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the layerSelection. */\r\n  mapLegend?: MapLegendDataType[];\r\n  /** List of layer IDs to be excluded from the visualization */\r\n  excludeLayers?: string[];\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */\r\nexport function GeoHubMapWithLayerSelection(props: Props) {\r\n  const {\r\n    mapStyle,\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    center,\r\n    zoomLevel,\r\n    graphID,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    layerSelection,\r\n    excludeLayers = [],\r\n    ariaLabel,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n    mapLegend = [],\r\n  } = props;\r\n\r\n  const [selectedLayer, setSelectedLayer] = useState(layerSelection[0].layerID);\r\n\r\n  useEffect(() => {\r\n    setSelectedLayer(layerSelection[0].layerID);\r\n  }, [layerSelection]);\r\n\r\n  const filterConfig = useMemo(\r\n    () => ({\r\n      ignoreCase: true,\r\n      ignoreAccents: true,\r\n      trim: true,\r\n    }),\r\n    [],\r\n  );\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          width ? 'w-fit' : 'w-full',\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${\r\n            graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n          }This is a map.${graphDescription ? ` ${graphDescription}` : ''}`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n            {graphTitle || graphDescription ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n            <DropdownSelect\r\n              options={layerSelection.map(d => ({\r\n                label: d.name,\r\n                value: d.layerID,\r\n              }))}\r\n              size='sm'\r\n              isClearable={false}\r\n              variant={uiMode}\r\n              isRtl={language === 'he' || language === 'ar'}\r\n              isSearchable\r\n              filterOption={createFilter(filterConfig)}\r\n              defaultValue={{\r\n                label: layerSelection[0].name,\r\n                value: layerSelection[0].layerID,\r\n              }}\r\n              controlShouldRenderValue\r\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n              onChange={(el: any) => {\r\n                if (el) setSelectedLayer(el.value);\r\n              }}\r\n            />\r\n            <MapEl\r\n              mapStyle={mapStyle}\r\n              center={center}\r\n              zoomLevel={zoomLevel}\r\n              width={width}\r\n              height={height}\r\n              relativeHeight={relativeHeight}\r\n              minHeight={minHeight}\r\n              selectedLayer={selectedLayer}\r\n              layerIdList={flattenDeep(layerSelection.map(d => d.layerID))}\r\n              excludeLayers={excludeLayers}\r\n              mapLegend={\r\n                (mapLegend as MapLegendDataType[]).find(\r\n                  d =>\r\n                    d.mapStyleName ===\r\n                    layerSelection.find(el => el.layerID === selectedLayer)?.name,\r\n                )?.legend\r\n              }\r\n            />\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                classNames={{\r\n                  footnote: classNames?.footnote,\r\n                  source: classNames?.source,\r\n                }}\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["MapEl","props","mapStyle","height","width","relativeHeight","center","zoomLevel","minHeight","selectedLayer","layerIdList","excludeLayers","mapLegend","svgWidth","setSvgWidth","useState","svgHeight","setSvgHeight","showLegend","setShowLegend","mapStyleData","setMapStyleData","graphDiv","useRef","mapContainer","mapRef","useEffect","resizeObserver","entries","fetchAndParseJSON","d","select","protocol","pmtiles","maplibreGl","mapObj","filterData","el","mapStyleObj","jsx","jsxs","Fragment","X","string2HTML","React","GeoHubMapWithLayerSelection","graphTitle","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","theme","layerSelection","ariaLabel","uiMode","styles","classNames","setSelectedLayer","filterConfig","useMemo","cn","GraphHeader","DropdownSelect","createFilter","flattenDeep","GraphFooter"],"mappings":"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"}
+{"version":3,"file":"GeoHubMapWithLayerSelection.js","sources":["../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/MapEl.tsx","../src/Components/Graphs/Maps/GeoHubMaps/MapWithLayerSelection/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport React from 'react';\r\n\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { X } from '@/Components/Icons';\r\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  mapStyle: string;\r\n  center?: [number, number];\r\n  zoomLevel?: number;\r\n  selectedLayer: string[];\r\n  layerIdList: string[];\r\n  excludeLayers: string[];\r\n  mapLegend?: string | React.ReactNode;\r\n}\r\n\r\nexport function MapEl(props: Props) {\r\n  const { mapStyle, center, zoomLevel, selectedLayer, layerIdList, excludeLayers, mapLegend } =\r\n    props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mapStyleData, setMapStyleData] = useState<any>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const mapRef = useRef<any>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  useEffect(() => {\r\n    if (mapContainer.current && svgWidth && !mapRef.current) {\r\n      fetchAndParseJSON(mapStyle).then(d => {\r\n        setMapStyleData(d);\r\n        const mapDiv = select(mapContainer.current);\r\n        mapDiv.selectAll('div').remove();\r\n        const protocol = new pmtiles.Protocol();\r\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapObj: any = {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          container: mapContainer.current as any,\r\n          style: {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          },\r\n          attributionControl: true,\r\n        };\r\n        if (center) {\r\n          mapObj.center = center;\r\n        }\r\n        if (zoomLevel) {\r\n          mapObj.zoom = zoomLevel;\r\n        }\r\n        mapRef.current = new maplibreGl.Map(mapObj);\r\n        mapRef.current.addControl(\r\n          new maplibreGl.NavigationControl({\r\n            visualizePitch: true,\r\n            showZoom: true,\r\n            showCompass: true,\r\n          }),\r\n          'bottom-right',\r\n        );\r\n        mapRef.current.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      });\r\n    }\r\n  }, [svgWidth, center, zoomLevel, layerIdList, mapStyle, excludeLayers, selectedLayer]);\r\n  useEffect(() => {\r\n    if (mapRef.current) {\r\n      if (mapStyleData) {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const mapStyleObj: any = {\r\n          ...mapStyleData,\r\n          layers: filterData(mapStyleData.layers, [\r\n            {\r\n              column: 'id',\r\n              excludeValues: [\r\n                ...excludeLayers,\r\n                ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n              ],\r\n            },\r\n          ]),\r\n        };\r\n        mapRef.current.setStyle(mapStyleObj);\r\n      } else\r\n        fetchAndParseJSON(mapStyle).then(d => {\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          const mapStyleObj: any = {\r\n            ...d,\r\n            layers: filterData(d.layers, [\r\n              {\r\n                column: 'id',\r\n                excludeValues: [\r\n                  ...excludeLayers,\r\n                  ...layerIdList.filter(el => selectedLayer.indexOf(el) === -1),\r\n                ],\r\n              },\r\n            ]),\r\n          };\r\n          mapRef.current.setStyle(mapStyleObj);\r\n        });\r\n    }\r\n  }, [excludeLayers, layerIdList, mapStyle, mapStyleData, selectedLayer]);\r\n  return (\r\n    <GraphArea ref={graphDiv}>\r\n      {svgWidth && svgHeight ? (\r\n        <div\r\n          style={{\r\n            width: svgWidth,\r\n            height: svgHeight,\r\n          }}\r\n        >\r\n          <div ref={mapContainer} className='map maplibre-show-control w-full h-full' />\r\n          {mapLegend ? (\r\n            <div className='absolute left-[22px] bottom-13'>\r\n              {showLegend ? (\r\n                <>\r\n                  <div\r\n                    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]'\r\n                    onClick={() => {\r\n                      setShowLegend(false);\r\n                    }}\r\n                  >\r\n                    <X />\r\n                  </div>\r\n                  <div\r\n                    className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                    dangerouslySetInnerHTML={\r\n                      typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                    }\r\n                  >\r\n                    {React.isValidElement(mapLegend) ? mapLegend : null}\r\n                  </div>\r\n                </>\r\n              ) : (\r\n                <button\r\n                  type='button'\r\n                  className='mb-0 border-0 bg-transparent p-0 self-start'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <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'>\r\n                    Show Legend\r\n                  </div>\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      ) : null}\r\n    </GraphArea>\r\n  );\r\n}\r\n","import { useEffect, useMemo, useRef, useState } from 'react';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\n\r\nimport { MapEl } from './MapEl';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport {\r\n  ClassNameObject,\r\n  Languages,\r\n  MapLegendDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URL for mapStyle JSON  */\r\n  mapStyle: string;\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n  /** List of the layers that the user select and switch between sing a drop down */\r\n  layerSelection: { layerID: string[]; name: string }[];\r\n  /** Defines the legend for the map. mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the layerSelection. */\r\n  mapLegend?: MapLegendDataType[];\r\n  /** List of layer IDs to be excluded from the visualization */\r\n  excludeLayers?: string[];\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */\r\nexport function GeoHubMapWithLayerSelection(props: Props) {\r\n  const {\r\n    mapStyle,\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    center,\r\n    zoomLevel,\r\n    graphID,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    layerSelection,\r\n    excludeLayers = [],\r\n    ariaLabel,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n    mapLegend = [],\r\n  } = props;\r\n\r\n  const [selectedLayer, setSelectedLayer] = useState(layerSelection[0].layerID);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    setSelectedLayer(layerSelection[0].layerID);\r\n  }, [layerSelection]);\r\n\r\n  const filterConfig = useMemo(\r\n    () => ({\r\n      ignoreCase: true,\r\n      ignoreAccents: true,\r\n      trim: true,\r\n    }),\r\n    [],\r\n  );\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      <DropdownSelect\r\n        options={layerSelection.map(d => ({\r\n          label: d.name,\r\n          value: d.layerID,\r\n        }))}\r\n        size='sm'\r\n        isClearable={false}\r\n        variant={uiMode}\r\n        isRtl={language === 'he' || language === 'ar'}\r\n        isSearchable\r\n        filterOption={createFilter(filterConfig)}\r\n        defaultValue={{\r\n          label: layerSelection[0].name,\r\n          value: layerSelection[0].layerID,\r\n        }}\r\n        controlShouldRenderValue\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        onChange={(el: any) => {\r\n          if (el) setSelectedLayer(el.value);\r\n        }}\r\n      />\r\n      <Spacer size='lg' />\r\n      <MapEl\r\n        mapStyle={mapStyle}\r\n        center={center}\r\n        zoomLevel={zoomLevel}\r\n        selectedLayer={selectedLayer}\r\n        layerIdList={flattenDeep(layerSelection.map(d => d.layerID))}\r\n        excludeLayers={excludeLayers}\r\n        mapLegend={\r\n          (mapLegend as MapLegendDataType[]).find(\r\n            d => d.mapStyleName === layerSelection.find(el => el.layerID === selectedLayer)?.name,\r\n          )?.legend\r\n        }\r\n      />\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["MapEl","props","$","_c","mapStyle","center","zoomLevel","selectedLayer","layerIdList","excludeLayers","mapLegend","svgWidth","setSvgWidth","useState","svgHeight","setSvgHeight","showLegend","setShowLegend","mapStyleData","setMapStyleData","undefined","graphDiv","useRef","mapContainer","mapRef","t0","t1","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","t2","t3","fetchAndParseJSON","then","d","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","mapObj","container","style","layers","filterData","column","excludeValues","filter","el","indexOf","attributionControl","zoom","Map","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","t4","t5","mapStyleObj","el_0","setStyle","d_0","mapStyleObj_0","el_1","t6","jsxs","width","height","jsx","Fragment","X","__html","string2HTML","React","isValidElement","t7","GraphArea","GeoHubMapWithLayerSelection","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","layerSelection","ariaLabel","uiMode","styles","classNames","t8","setSelectedLayer","layerID","graphParentDiv","t9","t10","t11","ignoreCase","ignoreAccents","trim","filterConfig","t12","graphContainer","t13","t14","description","title","GraphHeader","t15","map","_temp","t16","t17","createFilter","t18","name","label","value","t19","t20","DropdownSelect","t21","Spacer","t22","flattenDeep","_temp2","t23","find","d_1","mapStyleName","legend","t24","t25","footnote","source","GraphFooter","t26","GraphContainer"],"mappings":"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"}