@undp/data-viz 2.3.17 → 2.4.0

package/dist/GeoHubMapWithLayerSelection.js

@@ -1,29 +1,29 @@
-import { c as ne, j as s } from "./index-CHPV5EwG-BCLAYDCV.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-B2WTeedJ.js";
-import { n as he } from "./Source-Djkz-7jX.js";
+import { c as ie, j as s } from "./index-CHPV5EwG-BzibaIRc.js";
+import fe, { useState as T, useRef as Y, useEffect as ee } from "react";
+import { f as de } from "./index-EArKRVKg.js";
+import { D as pe, j as ge } from "./DropdownSelect-Dz7imdTB.js";
+import { n as he } from "./Source-QGk8vhkS.js";
 import U from "maplibre-gl";
 import * as ye from "pmtiles";
 /* empty css                     */
-import { f as ie } from "./fetchAndParseData-BAXhgTDM.js";
+import { f as ne } from "./fetchAndParseData-BAXhgTDM.js";
 import { f as se } from "./filterData-DsAiFzKY.js";
-import { s as be } from "./string2HTML-DUYZT1L9.js";
-import { X as ve } from "./index-CZ0elhKR.js";
-import { a as xe, G as Se } from "./GraphContainer-DwMxWRCi.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), {
+import { s as be } from "./string2HTML-BrFperRM.js";
+import { X as ve, E as xe } from "./index-ApTBN0kp.js";
+import { a as Se, G as je } from "./GraphContainer-B8ZqOzKI.js";
+import { s as De } from "./select-DKy99ogv.js";
+import { GraphHeader as Le } from "./GraphHeader.js";
+import { GraphFooter as Ce } from "./GraphFooter.js";
+function _e(v) {
+  const e = ie.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);
+    layerIdList: i,
+    excludeLayers: n,
+    mapLegend: u
+  } = v, [c, A] = T(0), [D, W] = T(0), [L, w] = T(!0), [y, F] = T(void 0), N = Y(null), t = Y(null), f = Y(null);
   let x, C;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = () => {
     const a = new ResizeObserver((p) => {
@@ -32,105 +32,105 @@ function Ce(v) {
     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();
+  e[2] !== g || e[3] !== n || e[4] !== i || e[5] !== m || e[6] !== r || e[7] !== c || e[8] !== h ? (l = () => {
+    t.current && c && !f.current && ne(m).then((a) => {
+      F(a), De(t.current).selectAll("div").remove();
       const _ = new ye.Protocol();
       U.addProtocol("pmtiles", _.tile);
-      const w = {
+      const I = {
         container: t.current,
         style: {
           ...a,
           layers: se(a.layers, [{
             column: "id",
-            excludeValues: [...i, ...n.filter((k) => r.indexOf(k) === -1)]
+            excludeValues: [...n, ...i.filter((H) => r.indexOf(H) === -1)]
           }])
         },
         attributionControl: !0
       };
-      g && (w.center = g), h && (w.zoom = h), d.current = new U.Map(w), d.current.addControl(new U.NavigationControl({
+      g && (I.center = g), h && (I.zoom = h), f.current = new U.Map(I), f.current.addControl(new U.NavigationControl({
         visualizePitch: !0,
         showZoom: !0,
         showCompass: !0
-      }), "bottom-right"), d.current.addControl(new U.ScaleControl(), "bottom-left");
+      }), "bottom-right"), f.current.addControl(new U.ScaleControl(), "bottom-left");
     });
-  }, 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);
+  }, o = [c, g, h, i, m, n, r], e[2] = g, e[3] = n, e[4] = i, 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)
+  e[11] !== n || e[12] !== i || e[13] !== m || e[14] !== y || e[15] !== r ? (b = () => {
+    if (f.current)
       if (y) {
         const a = {
           ...y,
           layers: se(y.layers, [{
             column: "id",
-            excludeValues: [...i, ...n.filter((p) => r.indexOf(p) === -1)]
+            excludeValues: [...n, ...i.filter((p) => r.indexOf(p) === -1)]
           }])
         };
-        d.current.setStyle(a);
+        f.current.setStyle(a);
       } else
-        ie(m).then((a) => {
+        ne(m).then((a) => {
           const p = {
             ...a,
             layers: se(a.layers, [{
               column: "id",
-              excludeValues: [...i, ...n.filter((_) => r.indexOf(_) === -1)]
+              excludeValues: [...n, ...i.filter((_) => r.indexOf(_) === -1)]
             }])
           };
-          d.current.setStyle(p);
+          f.current.setStyle(p);
         });
-  }, 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: {
+  }, S = [n, i, m, y, r], e[11] = n, e[12] = i, 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 d;
+  e[18] !== u || e[19] !== L || e[20] !== D || e[21] !== c ? (d = 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: [
+    u ? /* @__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);
+        w(!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];
+      /* @__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 u == "string" ? {
+        __html: be(u)
+      } : void 0, children: fe.isValidElement(u) ? u : null })
+    ] }) : /* @__PURE__ */ s.jsx("button", { type: "button", className: "p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button", onClick: () => {
+      w(!0);
+    }, children: /* @__PURE__ */ s.jsx(xe, {}) }) }) : null
+  ] }) : null, e[18] = u, e[19] = L, e[20] = D, e[21] = c, e[22] = d) : d = 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;
+  return e[23] !== d ? (j = /* @__PURE__ */ s.jsx(Se, { ref: N, children: d }), e[23] = d, e[24] = j) : j = e[24], j;
 }
-function Fe(v) {
-  const e = ne.c(69), {
+function $e(v) {
+  const e = ie.c(69), {
     mapStyle: m,
     graphTitle: g,
     height: h,
     width: r,
-    relativeHeight: n,
-    sources: i,
-    graphDescription: f,
+    relativeHeight: i,
+    sources: n,
+    graphDescription: u,
     footNote: c,
     padding: A,
     backgroundColor: D,
     center: W,
     zoomLevel: L,
-    graphID: I,
+    graphID: w,
     language: y,
     minHeight: F,
     theme: N,
     layerSelection: t,
-    excludeLayers: d,
+    excludeLayers: f,
     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;
+  } = v, S = D === void 0 ? !1 : D, d = 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);
+  e[0] !== f ? (p = f === void 0 ? [] : f, e[0] = f, e[1] = p) : p = e[1];
+  const _ = p, I = C === void 0 ? "normal" : C;
+  let H;
+  e[2] !== b ? (H = b === void 0 ? [] : b, e[2] = b, e[3] = H) : H = e[3];
+  const te = H, [O, ae] = T(t[0].layerID), ce = Y(null);
   let $;
   e[4] !== t[0].layerID ? ($ = () => {
     ae(t[0].layerID);
@@ -144,56 +144,56 @@ function Fe(v) {
     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: {
+  let z;
+  e[9] !== o?.description || e[10] !== o?.title || e[11] !== u || e[12] !== g || e[13] !== l?.description || e[14] !== l?.title || e[15] !== r ? (z = g || u ? /* @__PURE__ */ s.jsx(Le, { 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";
+  }, graphTitle: g, graphDescription: u, width: r }) : null, e[9] = o?.description, e[10] = o?.title, e[11] = u, e[12] = g, e[13] = l?.description, e[14] = l?.title, e[15] = r, e[16] = z) : z = e[16];
+  let M;
+  e[17] !== t ? (M = t.map(we), e[17] = t, e[18] = M) : M = e[18];
+  const oe = d === "he" || d === "ar";
   let Z;
   e[19] === /* @__PURE__ */ 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 = {
+  let k;
+  e[20] !== t[0].layerID || e[21] !== t[0].name ? (k = {
     label: t[0].name,
     value: t[0].layerID
-  }, e[20] = t[0].layerID, e[21] = t[0].name, e[22] = M) : M = e[22];
+  }, e[20] = t[0].layerID, e[21] = t[0].name, e[22] = k) : k = e[22];
   let q;
   e[23] === /* @__PURE__ */ 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 E;
+  e[24] !== M || e[25] !== oe || e[26] !== k || e[27] !== I ? (E = /* @__PURE__ */ s.jsx(ge, { options: M, size: "sm", isClearable: !1, variant: I, isRtl: oe, isSearchable: !0, filterOption: Z, defaultValue: k, controlShouldRenderValue: !0, onChange: q }), e[24] = M, e[25] = oe, e[26] = k, e[27] = I, e[28] = E) : E = e[28];
   let B;
   e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ s.jsx(he, { size: "lg" }), e[29] = B) : B = e[29];
+  let G;
+  e[30] !== t ? (G = de(t.map(Ie)), e[30] = t, e[31] = G) : G = e[31];
   let R;
-  e[30] !== t ? (R = ue(t.map(_e)), e[30] = t, e[31] = R) : R = e[31];
+  e[32] !== t || e[33] !== te || e[34] !== O ? (R = te.find((Q) => Q.mapStyleName === t.find((ue) => ue.layerID === O)?.name)?.legend, e[32] = t, e[33] = te, e[34] = O, e[35] = R) : R = e[35];
   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];
+  e[36] !== W || e[37] !== _ || e[38] !== m || e[39] !== O || e[40] !== G || e[41] !== R || e[42] !== L ? (V = /* @__PURE__ */ s.jsx(_e, { mapStyle: m, center: W, zoomLevel: L, selectedLayer: O, layerIdList: G, excludeLayers: _, mapLegend: R }), e[36] = W, e[37] = _, e[38] = m, e[39] = O, e[40] = G, e[41] = R, e[42] = L, e[43] = V) : V = 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: {
+  e[44] !== o?.footnote || e[45] !== o?.source || e[46] !== c || e[47] !== n || e[48] !== l?.footnote || e[49] !== l?.source || e[50] !== r ? (P = n || c ? /* @__PURE__ */ s.jsx(Ce, { 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];
+  }, sources: n, footNote: c, width: r }) : null, e[44] = o?.footnote, e[45] = o?.source, e[46] = c, e[47] = n, 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,
+  return e[52] !== x || e[53] !== S || e[54] !== w || e[55] !== h || e[56] !== d || e[57] !== j || e[58] !== A || e[59] !== i || e[60] !== re || e[61] !== le || e[62] !== z || e[63] !== E || e[64] !== V || e[65] !== P || e[66] !== a || e[67] !== r ? (K = /* @__PURE__ */ s.jsxs(je, { className: re, style: le, id: w, ref: ce, "aria-label": x, backgroundColor: S, theme: a, language: d, minHeight: j, width: r, height: h, relativeHeight: i, padding: A, children: [
+    z,
     E,
+    B,
+    V,
     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;
+  ] }), e[52] = x, e[53] = S, e[54] = w, e[55] = h, e[56] = d, e[57] = j, e[58] = A, e[59] = i, e[60] = re, e[61] = le, e[62] = z, e[63] = E, e[64] = V, e[65] = P, e[66] = a, e[67] = r, e[68] = K) : K = e[68], K;
 }
-function _e(v) {
+function Ie(v) {
   return v.layerID;
 }
 function we(v) {
@@ -203,6 +203,6 @@ function we(v) {
   };
 }
 export {
-  Fe as GeoHubMapWithLayerSelection
+  $e 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\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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"}
+{"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 { ExpandIcon, 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='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                  onClick={() => {\r\n                    setShowLegend(true);\r\n                  }}\r\n                >\r\n                  <ExpandIcon />\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","ExpandIcon","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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"}

package/dist/{GraphContainer-DwMxWRCi.js → GraphContainer-B8ZqOzKI.js}

@@ -1,4 +1,4 @@
-import { c as D, m as I, j as A } from "./index-CHPV5EwG-BCLAYDCV.js";
+import { c as D, m as I, j as A } from "./index-CHPV5EwG-BzibaIRc.js";
 import L from "react";
 const z = L.forwardRef((n, c) => {
   const e = D.c(48);
@@ -75,4 +75,4 @@ export {
   z as G,
   B as a
 };
-//# sourceMappingURL=GraphContainer-DwMxWRCi.js.map
+//# sourceMappingURL=GraphContainer-B8ZqOzKI.js.map

package/dist/{GraphContainer-DwMxWRCi.js.map → GraphContainer-B8ZqOzKI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GraphContainer-DwMxWRCi.js","sources":["../src/Components/Elements/GraphContainer.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport React from 'react';\r\n\r\nimport { Languages } from '@/Types';\r\n\r\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\r\n  width?: number;\r\n  height?: number;\r\n  backgroundColor: string | boolean;\r\n  theme: 'light' | 'dark';\r\n  language: Languages;\r\n  relativeHeight?: number;\r\n  minHeight?: number;\r\n  padding?: string;\r\n  graphID?: string;\r\n  ariaLabel?: string;\r\n}\r\n\r\nexport const GraphContainer = React.forwardRef<HTMLDivElement, Props>(\r\n  (\r\n    {\r\n      className,\r\n      width,\r\n      height,\r\n      backgroundColor,\r\n      theme,\r\n      language,\r\n      relativeHeight,\r\n      minHeight,\r\n      padding,\r\n      children,\r\n      style,\r\n      graphID,\r\n      ariaLabel,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn(\r\n          `${theme || 'light'} ${language || 'en'} mx-auto box-border flex ${width ? 'grow-0' : 'grow w-full'}${relativeHeight ? '' : ' h-full'} flex-col`,\r\n          // Merge background color logic here\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          className,\r\n        )}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        style={{\r\n          ...(style || {}),\r\n          ...(width ? { width: `${width}px` } : {}),\r\n          ...(height ? { height: `${height}px` } : {}),\r\n          minHeight: minHeight ? `${minHeight}px` : 'auto',\r\n          ...(relativeHeight ? { aspectRatio: 1 / relativeHeight } : {}),\r\n          // Merge padding and background color logic\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={ref}\r\n        aria-label={ariaLabel || 'This is a graph'}\r\n      >\r\n        <div className='flex flex-col w-full h-full grow justify-between'>{children}</div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nexport const GraphArea = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ children, className, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn('w-full grow min-h-0 leading-0', className)}\r\n        ref={ref}\r\n        aria-label='Graph area'\r\n      >\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n"],"names":["GraphContainer","React","forwardRef","t0","ref","$","_c","ariaLabel","backgroundColor","children","className","graphID","height","language","minHeight","padding","props","relativeHeight","style","theme","width","t1","t2","t3","cn","t4","undefined","t5","t6","t7","t8","t9","aspectRatio","t10","t11","t12","t13","t14","jsx","t15","GraphArea"],"mappings":"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"}
+{"version":3,"file":"GraphContainer-B8ZqOzKI.js","sources":["../src/Components/Elements/GraphContainer.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport React from 'react';\r\n\r\nimport { Languages } from '@/Types';\r\n\r\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\r\n  width?: number;\r\n  height?: number;\r\n  backgroundColor: string | boolean;\r\n  theme: 'light' | 'dark';\r\n  language: Languages;\r\n  relativeHeight?: number;\r\n  minHeight?: number;\r\n  padding?: string;\r\n  graphID?: string;\r\n  ariaLabel?: string;\r\n}\r\n\r\nexport const GraphContainer = React.forwardRef<HTMLDivElement, Props>(\r\n  (\r\n    {\r\n      className,\r\n      width,\r\n      height,\r\n      backgroundColor,\r\n      theme,\r\n      language,\r\n      relativeHeight,\r\n      minHeight,\r\n      padding,\r\n      children,\r\n      style,\r\n      graphID,\r\n      ariaLabel,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn(\r\n          `${theme || 'light'} ${language || 'en'} mx-auto box-border flex ${width ? 'grow-0' : 'grow w-full'}${relativeHeight ? '' : ' h-full'} flex-col`,\r\n          // Merge background color logic here\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          className,\r\n        )}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        style={{\r\n          ...(style || {}),\r\n          ...(width ? { width: `${width}px` } : {}),\r\n          ...(height ? { height: `${height}px` } : {}),\r\n          minHeight: minHeight ? `${minHeight}px` : 'auto',\r\n          ...(relativeHeight ? { aspectRatio: 1 / relativeHeight } : {}),\r\n          // Merge padding and background color logic\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={ref}\r\n        aria-label={ariaLabel || 'This is a graph'}\r\n      >\r\n        <div className='flex flex-col w-full h-full grow justify-between'>{children}</div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nexport const GraphArea = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ children, className, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn('w-full grow min-h-0 leading-0', className)}\r\n        ref={ref}\r\n        aria-label='Graph area'\r\n      >\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n"],"names":["GraphContainer","React","forwardRef","t0","ref","$","_c","ariaLabel","backgroundColor","children","className","graphID","height","language","minHeight","padding","props","relativeHeight","style","theme","width","t1","t2","t3","cn","t4","undefined","t5","t6","t7","t8","t9","aspectRatio","t10","t11","t12","t13","t14","jsx","t15","GraphArea"],"mappings":"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"}

package/dist/{GraphContainer-B1EDxJ0S.cjs → GraphContainer-Cul9b74X.cjs}

@@ -1,2 +1,2 @@
-"use strict";const h=require("./index-CHPV5EwG-6v2a2njQ.cjs"),D=require("react"),I=D.forwardRef((n,c)=>{const e=h.compilerRuntimeExports.c(48);let i,t,l,r,s,p,f,y,E,g,a,d,G,o;e[0]!==n?({className:r,width:o,height:p,backgroundColor:t,theme:G,language:f,relativeHeight:a,minHeight:y,padding:E,children:l,style:d,graphID:s,ariaLabel:i,...g}=n,e[0]=n,e[1]=i,e[2]=t,e[3]=l,e[4]=r,e[5]=s,e[6]=p,e[7]=f,e[8]=y,e[9]=E,e[10]=g,e[11]=a,e[12]=d,e[13]=G,e[14]=o):(i=e[1],t=e[2],l=e[3],r=e[4],s=e[5],p=e[6],f=e[7],y=e[8],E=e[9],g=e[10],a=e[11],d=e[12],G=e[13],o=e[14]);const N=`${G||"light"} ${f||"en"} mx-auto box-border flex ${o?"grow-0":"grow w-full"}${a?"":" h-full"} flex-col`,C=t?t===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent";let m;e[15]!==r||e[16]!==N||e[17]!==C?(m=h.mo(N,C,r),e[15]=r,e[16]=N,e[17]=C,e[18]=m):m=e[18];const H=f==="he"||f==="ar"?"rtl":void 0;let u;e[19]!==d?(u=d||{},e[19]=d,e[20]=u):u=e[20];let x;e[21]!==o?(x=o?{width:`${o}px`}:{},e[21]=o,e[22]=x):x=e[22];let w;e[23]!==p?(w=p?{height:`${p}px`}:{},e[23]=p,e[24]=w):w=e[24];const k=y?`${y}px`:"auto";let b;e[25]!==a?(b=a?{aspectRatio:1/a}:{},e[25]=a,e[26]=b):b=e[26];const q=t?E||"1rem":E||0;let $;e[27]!==t?($=t&&t!==!0?{backgroundColor:t}:{},e[27]=t,e[28]=$):$=e[28];let R;e[29]!==q||e[30]!==$||e[31]!==u||e[32]!==x||e[33]!==w||e[34]!==k||e[35]!==b?(R={...u,...x,...w,minHeight:k,...b,padding:q,...$},e[29]=q,e[30]=$,e[31]=u,e[32]=x,e[33]=w,e[34]=k,e[35]=b,e[36]=R):R=e[36];const A=i||"This is a graph";let j;e[37]!==l?(j=h.jsxRuntimeExports.jsx("div",{className:"flex flex-col w-full h-full grow justify-between",children:l}),e[37]=l,e[38]=j):j=e[38];let v;return e[39]!==s||e[40]!==g||e[41]!==c||e[42]!==R||e[43]!==A||e[44]!==j||e[45]!==m||e[46]!==H?(v=h.jsxRuntimeExports.jsx("div",{...g,className:m,dir:H,style:R,id:s,ref:c,"aria-label":A,children:j}),e[39]=s,e[40]=g,e[41]=c,e[42]=R,e[43]=A,e[44]=j,e[45]=m,e[46]=H,e[47]=v):v=e[47],v}),L=D.forwardRef((n,c)=>{const e=h.compilerRuntimeExports.c(11);let i,t,l;e[0]!==n?({children:i,className:t,...l}=n,e[0]=n,e[1]=i,e[2]=t,e[3]=l):(i=e[1],t=e[2],l=e[3]);let r;e[4]!==t?(r=h.mo("w-full grow min-h-0 leading-0",t),e[4]=t,e[5]=r):r=e[5];let s;return e[6]!==i||e[7]!==l||e[8]!==c||e[9]!==r?(s=h.jsxRuntimeExports.jsx("div",{...l,className:r,ref:c,"aria-label":"Graph area",children:i}),e[6]=i,e[7]=l,e[8]=c,e[9]=r,e[10]=s):s=e[10],s});exports.GraphArea=L;exports.GraphContainer=I;
-//# sourceMappingURL=GraphContainer-B1EDxJ0S.cjs.map
+"use strict";const h=require("./index-CHPV5EwG-D4pAp7u0.cjs"),D=require("react"),I=D.forwardRef((n,c)=>{const e=h.compilerRuntimeExports.c(48);let i,t,l,r,s,p,f,y,E,g,a,d,G,o;e[0]!==n?({className:r,width:o,height:p,backgroundColor:t,theme:G,language:f,relativeHeight:a,minHeight:y,padding:E,children:l,style:d,graphID:s,ariaLabel:i,...g}=n,e[0]=n,e[1]=i,e[2]=t,e[3]=l,e[4]=r,e[5]=s,e[6]=p,e[7]=f,e[8]=y,e[9]=E,e[10]=g,e[11]=a,e[12]=d,e[13]=G,e[14]=o):(i=e[1],t=e[2],l=e[3],r=e[4],s=e[5],p=e[6],f=e[7],y=e[8],E=e[9],g=e[10],a=e[11],d=e[12],G=e[13],o=e[14]);const N=`${G||"light"} ${f||"en"} mx-auto box-border flex ${o?"grow-0":"grow w-full"}${a?"":" h-full"} flex-col`,C=t?t===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent";let m;e[15]!==r||e[16]!==N||e[17]!==C?(m=h.mo(N,C,r),e[15]=r,e[16]=N,e[17]=C,e[18]=m):m=e[18];const H=f==="he"||f==="ar"?"rtl":void 0;let u;e[19]!==d?(u=d||{},e[19]=d,e[20]=u):u=e[20];let x;e[21]!==o?(x=o?{width:`${o}px`}:{},e[21]=o,e[22]=x):x=e[22];let w;e[23]!==p?(w=p?{height:`${p}px`}:{},e[23]=p,e[24]=w):w=e[24];const k=y?`${y}px`:"auto";let b;e[25]!==a?(b=a?{aspectRatio:1/a}:{},e[25]=a,e[26]=b):b=e[26];const q=t?E||"1rem":E||0;let $;e[27]!==t?($=t&&t!==!0?{backgroundColor:t}:{},e[27]=t,e[28]=$):$=e[28];let R;e[29]!==q||e[30]!==$||e[31]!==u||e[32]!==x||e[33]!==w||e[34]!==k||e[35]!==b?(R={...u,...x,...w,minHeight:k,...b,padding:q,...$},e[29]=q,e[30]=$,e[31]=u,e[32]=x,e[33]=w,e[34]=k,e[35]=b,e[36]=R):R=e[36];const A=i||"This is a graph";let j;e[37]!==l?(j=h.jsxRuntimeExports.jsx("div",{className:"flex flex-col w-full h-full grow justify-between",children:l}),e[37]=l,e[38]=j):j=e[38];let v;return e[39]!==s||e[40]!==g||e[41]!==c||e[42]!==R||e[43]!==A||e[44]!==j||e[45]!==m||e[46]!==H?(v=h.jsxRuntimeExports.jsx("div",{...g,className:m,dir:H,style:R,id:s,ref:c,"aria-label":A,children:j}),e[39]=s,e[40]=g,e[41]=c,e[42]=R,e[43]=A,e[44]=j,e[45]=m,e[46]=H,e[47]=v):v=e[47],v}),L=D.forwardRef((n,c)=>{const e=h.compilerRuntimeExports.c(11);let i,t,l;e[0]!==n?({children:i,className:t,...l}=n,e[0]=n,e[1]=i,e[2]=t,e[3]=l):(i=e[1],t=e[2],l=e[3]);let r;e[4]!==t?(r=h.mo("w-full grow min-h-0 leading-0",t),e[4]=t,e[5]=r):r=e[5];let s;return e[6]!==i||e[7]!==l||e[8]!==c||e[9]!==r?(s=h.jsxRuntimeExports.jsx("div",{...l,className:r,ref:c,"aria-label":"Graph area",children:i}),e[6]=i,e[7]=l,e[8]=c,e[9]=r,e[10]=s):s=e[10],s});exports.GraphArea=L;exports.GraphContainer=I;
+//# sourceMappingURL=GraphContainer-Cul9b74X.cjs.map

package/dist/{GraphContainer-B1EDxJ0S.cjs.map → GraphContainer-Cul9b74X.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"GraphContainer-B1EDxJ0S.cjs","sources":["../src/Components/Elements/GraphContainer.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport React from 'react';\r\n\r\nimport { Languages } from '@/Types';\r\n\r\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\r\n  width?: number;\r\n  height?: number;\r\n  backgroundColor: string | boolean;\r\n  theme: 'light' | 'dark';\r\n  language: Languages;\r\n  relativeHeight?: number;\r\n  minHeight?: number;\r\n  padding?: string;\r\n  graphID?: string;\r\n  ariaLabel?: string;\r\n}\r\n\r\nexport const GraphContainer = React.forwardRef<HTMLDivElement, Props>(\r\n  (\r\n    {\r\n      className,\r\n      width,\r\n      height,\r\n      backgroundColor,\r\n      theme,\r\n      language,\r\n      relativeHeight,\r\n      minHeight,\r\n      padding,\r\n      children,\r\n      style,\r\n      graphID,\r\n      ariaLabel,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn(\r\n          `${theme || 'light'} ${language || 'en'} mx-auto box-border flex ${width ? 'grow-0' : 'grow w-full'}${relativeHeight ? '' : ' h-full'} flex-col`,\r\n          // Merge background color logic here\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          className,\r\n        )}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        style={{\r\n          ...(style || {}),\r\n          ...(width ? { width: `${width}px` } : {}),\r\n          ...(height ? { height: `${height}px` } : {}),\r\n          minHeight: minHeight ? `${minHeight}px` : 'auto',\r\n          ...(relativeHeight ? { aspectRatio: 1 / relativeHeight } : {}),\r\n          // Merge padding and background color logic\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={ref}\r\n        aria-label={ariaLabel || 'This is a graph'}\r\n      >\r\n        <div className='flex flex-col w-full h-full grow justify-between'>{children}</div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nexport const GraphArea = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ children, className, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn('w-full grow min-h-0 leading-0', className)}\r\n        ref={ref}\r\n        aria-label='Graph area'\r\n      >\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n"],"names":["GraphContainer","React","forwardRef","t0","ref","$","_c","ariaLabel","backgroundColor","children","className","graphID","height","language","minHeight","padding","props","relativeHeight","style","theme","width","t1","t2","t3","cn","t4","undefined","t5","t6","t7","t8","t9","aspectRatio","t10","t11","t12","t13","t14","jsx","t15","GraphArea"],"mappings":"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"}
+{"version":3,"file":"GraphContainer-Cul9b74X.cjs","sources":["../src/Components/Elements/GraphContainer.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport React from 'react';\r\n\r\nimport { Languages } from '@/Types';\r\n\r\ninterface Props extends React.HTMLAttributes<HTMLDivElement> {\r\n  width?: number;\r\n  height?: number;\r\n  backgroundColor: string | boolean;\r\n  theme: 'light' | 'dark';\r\n  language: Languages;\r\n  relativeHeight?: number;\r\n  minHeight?: number;\r\n  padding?: string;\r\n  graphID?: string;\r\n  ariaLabel?: string;\r\n}\r\n\r\nexport const GraphContainer = React.forwardRef<HTMLDivElement, Props>(\r\n  (\r\n    {\r\n      className,\r\n      width,\r\n      height,\r\n      backgroundColor,\r\n      theme,\r\n      language,\r\n      relativeHeight,\r\n      minHeight,\r\n      padding,\r\n      children,\r\n      style,\r\n      graphID,\r\n      ariaLabel,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn(\r\n          `${theme || 'light'} ${language || 'en'} mx-auto box-border flex ${width ? 'grow-0' : 'grow w-full'}${relativeHeight ? '' : ' h-full'} flex-col`,\r\n          // Merge background color logic here\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          className,\r\n        )}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        style={{\r\n          ...(style || {}),\r\n          ...(width ? { width: `${width}px` } : {}),\r\n          ...(height ? { height: `${height}px` } : {}),\r\n          minHeight: minHeight ? `${minHeight}px` : 'auto',\r\n          ...(relativeHeight ? { aspectRatio: 1 / relativeHeight } : {}),\r\n          // Merge padding and background color logic\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={ref}\r\n        aria-label={ariaLabel || 'This is a graph'}\r\n      >\r\n        <div className='flex flex-col w-full h-full grow justify-between'>{children}</div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nexport const GraphArea = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ children, className, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        {...props}\r\n        className={cn('w-full grow min-h-0 leading-0', className)}\r\n        ref={ref}\r\n        aria-label='Graph area'\r\n      >\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n"],"names":["GraphContainer","React","forwardRef","t0","ref","$","_c","ariaLabel","backgroundColor","children","className","graphID","height","language","minHeight","padding","props","relativeHeight","style","theme","width","t1","t2","t3","cn","t4","undefined","t5","t6","t7","t8","t9","aspectRatio","t10","t11","t12","t13","t14","jsx","t15","GraphArea"],"mappings":"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"}

package/dist/GraphDescription.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-6v2a2njQ.cjs"),a=require("./Typography-CZZxlj1W.cjs"),c=require("react");function p(l){const e=o.compilerRuntimeExports.c(10),{text:r,style:i,className:n}=l;if(typeof r=="string"){if(r.trim()==="")return null;let t;e[0]!==n?(t=o.mo("text-primary-gray-550 dark:text-primary-gray-400",n),e[0]=n,e[1]=t):t=e[1];let s;return e[2]!==i||e[3]!==t||e[4]!==r?(s=o.jsxRuntimeExports.jsx(a._,{size:"sm",marginBottom:"none",className:t,"aria-label":"Graph description",style:i,children:r}),e[2]=i,e[3]=t,e[4]=r,e[5]=s):s=e[5],s}if(c.isValidElement(r)){let t;return e[6]!==n||e[7]!==i||e[8]!==r?(t=o.jsxRuntimeExports.jsx("div",{className:n,style:i,children:r}),e[6]=n,e[7]=i,e[8]=r,e[9]=t):t=e[9],t}return console.error("GraphDescription: Invalid text type. Expected string or React element."),null}exports.GraphDescription=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-D4pAp7u0.cjs"),a=require("./Typography-BqmyF1gP.cjs"),c=require("react");function p(l){const e=o.compilerRuntimeExports.c(10),{text:r,style:i,className:n}=l;if(typeof r=="string"){if(r.trim()==="")return null;let t;e[0]!==n?(t=o.mo("text-primary-gray-550 dark:text-primary-gray-400",n),e[0]=n,e[1]=t):t=e[1];let s;return e[2]!==i||e[3]!==t||e[4]!==r?(s=o.jsxRuntimeExports.jsx(a._,{size:"sm",marginBottom:"none",className:t,"aria-label":"Graph description",style:i,children:r}),e[2]=i,e[3]=t,e[4]=r,e[5]=s):s=e[5],s}if(c.isValidElement(r)){let t;return e[6]!==n||e[7]!==i||e[8]!==r?(t=o.jsxRuntimeExports.jsx("div",{className:n,style:i,children:r}),e[6]=n,e[7]=i,e[8]=r,e[9]=t):t=e[9],t}return console.error("GraphDescription: Invalid text type. Expected string or React element."),null}exports.GraphDescription=p;
 //# sourceMappingURL=GraphDescription.cjs.map

package/dist/GraphDescription.js

@@ -1,5 +1,5 @@
-import { c as a, m, j as l } from "./index-CHPV5EwG-BCLAYDCV.js";
-import { _ as p } from "./Typography-DMVW6JnV.js";
+import { c as a, m, j as l } from "./index-CHPV5EwG-BzibaIRc.js";
+import { _ as p } from "./Typography-BO0gQDIT.js";
 import c from "react";
 function d(o) {
   const e = a.c(10), {