@undp/data-viz 2.6.0 → 2.6.1

package/dist/GeoHubCompareMaps.js

@@ -1,282 +1,2 @@
-import { c as le, j as t } from "./compiler-runtime-qHgugrLy.js";
-import ie, { useState as Q, useRef as z, useEffect as se } from "react";
-import * as I from "maplibre-gl";
-import * as ae from "pmtiles";
-/* empty css                     */
-import { useSensors as ce, useSensor as fe, PointerSensor as me, DndContext as de, useDraggable as ue } from "@dnd-kit/core";
-import { restrictToHorizontalAxis as pe } from "@dnd-kit/modifiers";
-import { X as he, E as ge, f as be } from "./index-D_ls5oK8.js";
-import { s as ve } from "./string2HTML-DL-pInUB.js";
-import { s as ne } from "./select-DKy99ogv.js";
-import { GraphHeader as xe } from "./GraphHeader.js";
-import { GraphFooter as ye } from "./GraphFooter.js";
-import { a as we, G as je } from "./GraphContainer-DcOM2CI6.js";
-function Ce(j, e) {
-  let i = !1;
-  function n(o, f) {
-    if (!i) {
-      i = !0;
-      const c = o.getCenter(), l = o.getZoom(), r = o.getBearing(), m = o.getPitch();
-      f.jumpTo({
-        center: c,
-        zoom: l,
-        bearing: r,
-        pitch: m
-      }), i = !1;
-    }
-  }
-  j.on("move", () => {
-    n(j, e);
-  }), e.on("move", () => {
-    n(e, j);
-  });
-}
-function Se(j) {
-  const e = le.c(47), {
-    height: i,
-    width: n,
-    mapStyles: o,
-    center: f,
-    zoomLevel: c,
-    mapLegend: l
-  } = j, [r, m] = Q(50), [h, g] = Q(!1), v = z(null), [P, Z] = Q(!0), F = z(50), T = z(0);
-  let E;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = {
-    activationConstraint: {
-      distance: 0
-    }
-  }, e[0] = E) : E = e[0];
-  const G = ce(fe(me, E));
-  let s;
-  e[1] !== r ? (s = () => {
-    g(!0), F.current = r, v.current && (T.current = v.current.getBoundingClientRect().width);
-  }, e[1] = r, e[2] = s) : s = e[2];
-  const a = s;
-  let R;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = (Y) => {
-    if (!v.current || T.current === 0)
-      return;
-    const K = Y.delta.x / T.current * 100, ee = Math.max(0, Math.min(100, F.current + K));
-    m(ee);
-  }, e[3] = R) : R = e[3];
-  const O = R;
-  let C;
-  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = () => {
-    g(!1);
-  }, e[4] = C) : C = e[4];
-  const V = C;
-  let k;
-  e[5] !== h ? (k = (Y) => {
-    if (h || !v.current)
-      return;
-    const K = v.current.getBoundingClientRect(), te = (Y.clientX - K.left) / K.width * 100;
-    m(Math.max(0, Math.min(100, te)));
-  }, e[5] = h, e[6] = k) : k = e[6];
-  const $ = k, q = z(null), H = z(null), S = z(null), J = z(null);
-  let _, X;
-  e[7] !== f || e[8] !== o || e[9] !== n || e[10] !== c ? (_ = () => {
-    if (J.current && H.current && S.current && n) {
-      ne(J.current).selectAll(".maplibregl-compare").remove(), ne(H.current).selectAll("div").remove(), ne(S.current).selectAll("div").remove();
-      const te = new ae.Protocol();
-      I.addProtocol("pmtiles", te.tile);
-      const oe = new I.Map({
-        container: H.current,
-        style: o[0],
-        center: f || [0, 0],
-        zoom: c || 4
-      }), re = new I.Map({
-        container: S.current,
-        style: o[1],
-        center: f || [0, 0],
-        zoom: c || 4
-      });
-      re.addControl(new I.NavigationControl({
-        visualizePitch: !0,
-        showZoom: !0,
-        showCompass: !0
-      }), "bottom-right"), oe.addControl(new I.ScaleControl(), "bottom-left"), oe.addControl(new I.NavigationControl({
-        visualizePitch: !0,
-        showZoom: !0,
-        showCompass: !0
-      }), "bottom-right"), re.addControl(new I.ScaleControl(), "bottom-left"), Ce(oe, re);
-    }
-  }, X = [n, o, f, c], e[7] = f, e[8] = o, e[9] = n, e[10] = c, e[11] = _, e[12] = X) : (_ = e[11], X = e[12]), se(_, X);
-  let x;
-  e[13] !== i || e[14] !== n ? (x = {
-    width: n,
-    height: i
-  }, e[13] = i, e[14] = n, e[15] = x) : x = e[15];
-  let W;
-  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W = {
-    inset: 0
-  }, e[16] = W) : W = e[16];
-  let D;
-  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = [pe], e[17] = D) : D = e[17];
-  const L = h ? "grabbing" : "col-resize";
-  let y;
-  e[18] !== i || e[19] !== L || e[20] !== n ? (y = {
-    position: "relative",
-    width: n,
-    height: i,
-    overflow: "hidden",
-    cursor: L,
-    userSelect: "none"
-  }, e[18] = i, e[19] = L, e[20] = n, e[21] = y) : y = e[21];
-  const A = `polygon(${r}% 0%, ${r}% 100%, 100% 100%, 100% 0%)`;
-  let d;
-  e[22] !== A ? (d = /* @__PURE__ */ t.jsx("div", { ref: S, className: "absolute h-full rightMap w-full", style: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    clipPath: A
-  } }), e[22] = A, e[23] = d) : d = e[23];
-  const w = `polygon(0% 0%, ${r}% 0%, ${r}% 100%, 0% 100%)`;
-  let u;
-  e[24] !== w ? (u = /* @__PURE__ */ t.jsx("div", { ref: H, className: "absolute h-full leftMap w-full", style: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    inset: 0,
-    clipPath: w
-  } }), e[24] = w, e[25] = u) : u = e[25];
-  let p;
-  e[26] !== r ? (p = /* @__PURE__ */ t.jsx(_e, { position: r }), e[26] = r, e[27] = p) : p = e[27];
-  let b;
-  e[28] !== $ || e[29] !== y || e[30] !== d || e[31] !== u || e[32] !== p ? (b = /* @__PURE__ */ t.jsxs("div", { ref: v, style: y, onClick: $, children: [
-    d,
-    u,
-    p
-  ] }), e[28] = $, e[29] = y, e[30] = d, e[31] = u, e[32] = p, e[33] = b) : b = e[33];
-  let M;
-  e[34] !== a || e[35] !== G || e[36] !== b ? (M = /* @__PURE__ */ t.jsx("div", { ref: J, className: "map maplibre-show-control relative w-full h-full", style: W, children: /* @__PURE__ */ t.jsx(de, { sensors: G, modifiers: D, onDragStart: a, onDragMove: O, onDragEnd: V, children: b }) }), e[34] = a, e[35] = G, e[36] = b, e[37] = M) : M = e[37];
-  let N;
-  e[38] !== M || e[39] !== x ? (N = /* @__PURE__ */ t.jsx("div", { style: x, children: M }), e[38] = M, e[39] = x, e[40] = N) : N = e[40];
-  let B;
-  e[41] !== l || e[42] !== P ? (B = l ? /* @__PURE__ */ t.jsx("div", { className: "absolute left-[22px] bottom-13", children: P ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.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: () => {
-      Z(!1);
-    }, children: /* @__PURE__ */ t.jsx(he, {}) }),
-    /* @__PURE__ */ t.jsx("div", { className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]", dangerouslySetInnerHTML: typeof l == "string" ? {
-      __html: ve(l)
-    } : void 0, children: ie.isValidElement(l) ? l : null })
-  ] }) : /* @__PURE__ */ t.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: () => {
-    Z(!0);
-  }, children: /* @__PURE__ */ t.jsx(ge, {}) }) }) : null, e[41] = l, e[42] = P, e[43] = B) : B = e[43];
-  let U;
-  return e[44] !== N || e[45] !== B ? (U = /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col grow justify-center leading-0", ref: q, "aria-label": "Map area", children: [
-    N,
-    B
-  ] }), e[44] = N, e[45] = B, e[46] = U) : U = e[46], U;
-}
-function _e(j) {
-  const e = le.c(10), {
-    position: i
-  } = j;
-  let n;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
-    id: "slider-handle"
-  }, e[0] = n) : n = e[0];
-  const {
-    attributes: o,
-    listeners: f,
-    setNodeRef: c
-  } = ue(n), l = `${i}%`;
-  let r;
-  e[1] !== l ? (r = {
-    position: "absolute",
-    left: l,
-    top: 0,
-    bottom: 0,
-    width: "40px",
-    transform: "translateX(-50%)",
-    cursor: "col-resize",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    zIndex: 10,
-    touchAction: "none"
-  }, e[1] = l, e[2] = r) : r = e[2];
-  let m;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ t.jsx("div", { className: "h-full bg-primary-blue-600 dark:bg-primary-blue-400", style: {
-    width: "2px"
-  } }), e[3] = m) : m = e[3];
-  let h;
-  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ t.jsx("div", { className: "flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white", style: {
-    boxShadow: "inset 0 0 0 1px #fff",
-    width: "42px",
-    height: "42px",
-    top: "calc(50% - 21px)",
-    left: "0",
-    cursor: "col-resize"
-  }, children: /* @__PURE__ */ t.jsx(be, {}) }), e[4] = h) : h = e[4];
-  let g;
-  return e[5] !== o || e[6] !== f || e[7] !== c || e[8] !== r ? (g = /* @__PURE__ */ t.jsxs("div", { ref: c, style: r, ...f, ...o, children: [
-    m,
-    h
-  ] }), e[5] = o, e[6] = f, e[7] = c, e[8] = r, e[9] = g) : g = e[9], g;
-}
-function $e(j) {
-  const e = le.c(45), {
-    graphTitle: i,
-    height: n,
-    width: o,
-    relativeHeight: f,
-    sources: c,
-    graphDescription: l,
-    footNote: r,
-    padding: m,
-    backgroundColor: h,
-    graphID: g,
-    mapStyles: v,
-    center: P,
-    zoomLevel: Z,
-    language: F,
-    minHeight: T,
-    theme: E,
-    ariaLabel: G,
-    styles: s,
-    classNames: a,
-    mapLegend: R
-  } = j, O = h === void 0 ? !1 : h;
-  let C;
-  e[0] !== P ? (C = P === void 0 ? [0, 0] : P, e[0] = P, e[1] = C) : C = e[1];
-  const V = C, k = Z === void 0 ? 3 : Z, $ = F === void 0 ? "en" : F, q = T === void 0 ? 0 : T, H = E === void 0 ? "light" : E, [S, J] = Q(0), [_, X] = Q(0), x = z(null), W = z(null);
-  let D, L;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = () => {
-    const M = new ResizeObserver((N) => {
-      J(N[0].target.clientWidth || 620), X(N[0].target.clientHeight || 480);
-    });
-    return x.current && M.observe(x.current), () => M.disconnect();
-  }, L = [], e[2] = D, e[3] = L) : (D = e[2], L = e[3]), se(D, L);
-  const y = a?.graphContainer, A = s?.graphContainer;
-  let d;
-  e[4] !== a?.description || e[5] !== a?.title || e[6] !== l || e[7] !== i || e[8] !== s?.description || e[9] !== s?.title || e[10] !== o ? (d = i || l ? /* @__PURE__ */ t.jsx(xe, { styles: {
-    title: s?.title,
-    description: s?.description
-  }, classNames: {
-    title: a?.title,
-    description: a?.description
-  }, graphTitle: i, graphDescription: l, width: o }) : null, e[4] = a?.description, e[5] = a?.title, e[6] = l, e[7] = i, e[8] = s?.description, e[9] = s?.title, e[10] = o, e[11] = d) : d = e[11];
-  let w;
-  e[12] !== V || e[13] !== R || e[14] !== v || e[15] !== _ || e[16] !== S || e[17] !== k ? (w = S && _ ? /* @__PURE__ */ t.jsx(Se, { width: S, height: _, mapStyles: v, center: V, zoomLevel: k, mapLegend: R }) : null, e[12] = V, e[13] = R, e[14] = v, e[15] = _, e[16] = S, e[17] = k, e[18] = w) : w = e[18];
-  let u;
-  e[19] !== w ? (u = /* @__PURE__ */ t.jsx(we, { ref: x, children: w }), e[19] = w, e[20] = u) : u = e[20];
-  let p;
-  e[21] !== a?.footnote || e[22] !== a?.source || e[23] !== r || e[24] !== c || e[25] !== s?.footnote || e[26] !== s?.source || e[27] !== o ? (p = c || r ? /* @__PURE__ */ t.jsx(ye, { styles: {
-    footnote: s?.footnote,
-    source: s?.source
-  }, classNames: {
-    footnote: a?.footnote,
-    source: a?.source
-  }, sources: c, footNote: r, width: o }) : null, e[21] = a?.footnote, e[22] = a?.source, e[23] = r, e[24] = c, e[25] = s?.footnote, e[26] = s?.source, e[27] = o, e[28] = p) : p = e[28];
-  let b;
-  return e[29] !== G || e[30] !== O || e[31] !== g || e[32] !== n || e[33] !== $ || e[34] !== q || e[35] !== m || e[36] !== f || e[37] !== A || e[38] !== d || e[39] !== u || e[40] !== p || e[41] !== y || e[42] !== H || e[43] !== o ? (b = /* @__PURE__ */ t.jsxs(je, { className: y, style: A, id: g, ref: W, "aria-label": G, backgroundColor: O, theme: H, language: $, minHeight: q, width: o, height: n, relativeHeight: f, padding: m, children: [
-    d,
-    u,
-    p
-  ] }), e[29] = G, e[30] = O, e[31] = g, e[32] = n, e[33] = $, e[34] = q, e[35] = m, e[36] = f, e[37] = A, e[38] = d, e[39] = u, e[40] = p, e[41] = y, e[42] = H, e[43] = o, e[44] = b) : b = e[44], b;
-}
-export {
-  $e as GeoHubCompareMaps
-};
-//# sourceMappingURL=GeoHubCompareMaps.js.map
+import { t as e } from "./CompareMaps-DaZgF5Pf.js";
+export { e as GeoHubCompareMaps };

package/dist/GeoHubMap.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./compiler-runtime-oPPev21o.cjs"),c=require("react"),ue=require("@undp/design-system-react/DropdownSelect"),N=require("maplibre-gl"),xe=require("pmtiles");;/* empty css                       */const ie=require("./fetchAndParseData-QTF6tjij.cjs"),ae=require("./filterData-T5DQBE9b.cjs"),se=require("./index-DbSnila_.cjs"),de=require("./string2HTML-30nfIm8R.cjs"),ce=require("./GraphContainer-gaG9TSy4.cjs"),pe=require("./select-Bnfk0lJx.cjs"),fe=require("./GraphHeader.cjs"),be=require("./GraphFooter.cjs");function ye(g){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(g){for(const t in g)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(g,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>g[t]})}}return e.default=g,Object.freeze(e)}const me=ye(xe);function je(g){const e=o.compilerRuntimeExports.c(22),{mapStyle:t,center:i,zoomLevel:p,includeLayers:n,excludeLayers:u,mapLegend:a}=g,[l,L]=c.useState(0),[y,O]=c.useState(0),[j,w]=c.useState(!0),E=c.useRef(null),v=c.useRef(null),h=c.useRef(null);let R,x;e[0]===Symbol.for("react.memo_cache_sentinel")?(R=()=>{const d=new ResizeObserver(b=>{L(b[0].target.clientWidth||620),O(b[0].target.clientHeight||480)});return E.current&&d.observe(E.current),()=>d.disconnect()},x=[],e[0]=R,e[1]=x):(R=e[0],x=e[1]),c.useEffect(R,x);let f,m;e[2]!==i||e[3]!==u||e[4]!==n||e[5]!==t||e[6]!==l||e[7]!==p?(f=()=>{v.current&&l&&!h.current&&ie.fetchAndParseJSON(t).then(d=>{pe.select(v.current).selectAll("div").remove();const Q=new me.Protocol;N.addProtocol("pmtiles",Q.tile);const M={container:v.current,style:n.length===0&&u.length===0?d:{...d,layers:ae.filterData(d.layers,[{column:"id",includeValues:n,excludeValues:u}])},attributionControl:!0};i&&(M.center=i),p&&(M.zoom=p),h.current=new N.Map(M),h.current.addControl(new N.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),h.current.addControl(new N.ScaleControl,"bottom-left")})},m=[l,i,p,n,u,t],e[2]=i,e[3]=u,e[4]=n,e[5]=t,e[6]=l,e[7]=p,e[8]=f,e[9]=m):(f=e[8],m=e[9]),c.useEffect(f,m);let S,r;e[10]!==u||e[11]!==n||e[12]!==t?(S=()=>{h.current&&ie.fetchAndParseJSON(t).then(d=>{const b={...d,layers:ae.filterData(d.layers,[{column:"id",includeValues:n,excludeValues:u}])};h.current.setStyle(b)})},r=[u,n,t],e[10]=u,e[11]=n,e[12]=t,e[13]=S,e[14]=r):(S=e[13],r=e[14]),c.useEffect(S,r);let s;e[15]!==a||e[16]!==j||e[17]!==y||e[18]!==l?(s=l&&y?o.jsxRuntimeExports.jsxs("div",{style:{width:l,height:y},children:[o.jsxRuntimeExports.jsx("div",{ref:v,className:"map maplibre-show-control",style:{width:"100%",height:"100%"}}),a?o.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:j?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.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:()=>{w(!1)},children:o.jsxRuntimeExports.jsx(se.X,{})}),o.jsxRuntimeExports.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 a=="string"?{__html:de.string2HTML(a)}:void 0,children:c.isValidElement(a)?a:null})]}):o.jsxRuntimeExports.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:o.jsxRuntimeExports.jsx(se.ExpandIcon,{})})}):null]}):null,e[15]=a,e[16]=j,e[17]=y,e[18]=l,e[19]=s):s=e[19];let C;return e[20]!==s?(C=o.jsxRuntimeExports.jsx(ce.GraphArea,{ref:E,children:s}),e[20]=s,e[21]=C):C=e[21],C}function ve(g){const e=o.compilerRuntimeExports.c(17),{mapStyle:t,center:i,zoomLevel:p,includeLayers:n,excludeLayers:u,mapLegend:a}=g,[l,L]=c.useState(0),[y,O]=c.useState(0),[j,w]=c.useState(!0),E=c.useRef(null),v=c.useRef(null);let h,R;e[0]===Symbol.for("react.memo_cache_sentinel")?(h=()=>{const r=new ResizeObserver(s=>{L(s[0].target.clientWidth||620),O(s[0].target.clientHeight||480)});return E.current&&r.observe(E.current),()=>r.disconnect()},R=[],e[0]=h,e[1]=R):(h=e[0],R=e[1]),c.useEffect(h,R);let x,f;e[2]!==i||e[3]!==u||e[4]!==n||e[5]!==t||e[6]!==l||e[7]!==p?(x=()=>{v.current&&l&&ie.fetchAndParseJSON(t).then(r=>{pe.select(v.current).selectAll("div").remove();const C=new me.Protocol;N.addProtocol("pmtiles",C.tile);const d={container:v.current,style:n.length===0&&u.length===0?r:{...r,layers:ae.filterData(r.layers,[{column:"id",includeValues:n,excludeValues:u}])},attributionControl:!0};i&&(d.center=i),p&&(d.zoom=p);const b=new N.Map(d);b.addControl(new N.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),b.addControl(new N.ScaleControl,"bottom-left")})},f=[l,t,i,p,n,u],e[2]=i,e[3]=u,e[4]=n,e[5]=t,e[6]=l,e[7]=p,e[8]=x,e[9]=f):(x=e[8],f=e[9]),c.useEffect(x,f);let m;e[10]!==a||e[11]!==j||e[12]!==y||e[13]!==l?(m=l&&y?o.jsxRuntimeExports.jsxs("div",{style:{width:l,height:y},children:[o.jsxRuntimeExports.jsx("div",{ref:v,className:"map maplibre-show-control",style:{width:"100%",height:"100%"}}),a?o.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:j?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.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:()=>{w(!1)},children:o.jsxRuntimeExports.jsx(se.X,{})}),o.jsxRuntimeExports.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 a=="string"?{__html:de.string2HTML(a)}:void 0,children:c.isValidElement(a)?a:null})]}):o.jsxRuntimeExports.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:o.jsxRuntimeExports.jsx(se.ExpandIcon,{})})}):null]}):null,e[10]=a,e[11]=j,e[12]=y,e[13]=l,e[14]=m):m=e[14];let S;return e[15]!==m?(S=o.jsxRuntimeExports.jsx(ce.GraphArea,{ref:E,children:m}),e[15]=m,e[16]=S):S=e[16],S}function Re(g){const e=o.compilerRuntimeExports.c(85),{mapStyle:t,graphTitle:i,height:p,width:n,relativeHeight:u,sources:a,graphDescription:l,footNote:L,padding:y,backgroundColor:O,center:j,zoomLevel:w,graphID:E,language:v,minHeight:h,theme:R,includeLayers:x,excludeLayers:f,ariaLabel:m,uiMode:S,styles:r,classNames:s,mapLegend:C}=g,d=O===void 0?!1:O,b=v===void 0?"en":v,Q=h===void 0?0:h,M=R===void 0?"light":R;let U;e[0]!==x?(U=x===void 0?[]:x,e[0]=x,e[1]=U):U=e[1];const Y=U;let ee;e[2]!==f?(ee=f===void 0?[]:f,e[2]=f,e[3]=ee):ee=e[3];const te=ee,ne=S===void 0?"normal":S,[re,ge]=c.useState(void 0),he=c.useRef(null),D=typeof t=="string"?t:t[0].style;let z,k,q,P,G,V,_,A,T,W,F,I,J,H,$,X;if(e[4]!==m||e[5]!==d||e[6]!==s?.description||e[7]!==s?.graphContainer||e[8]!==s?.title||e[9]!==D||e[10]!==l||e[11]!==E||e[12]!==i||e[13]!==p||e[14]!==b||e[15]!==t||e[16]!==Q||e[17]!==y||e[18]!==u||e[19]!==r?.description||e[20]!==r?.graphContainer||e[21]!==r?.title||e[22]!==M||e[23]!==ne||e[24]!==n){const le={ignoreCase:!0,ignoreAccents:!0,trim:!0};z=ce.GraphContainer,X=s?.graphContainer,k=r?.graphContainer,q=E,P=he,G=m,V=d,_=M,A=b,T=Q,W=n,F=p,I=u,J=y,e[41]!==s?.description||e[42]!==s?.title||e[43]!==l||e[44]!==i||e[45]!==r?.description||e[46]!==r?.title||e[47]!==n?(H=i||l?o.jsxRuntimeExports.jsx(fe.GraphHeader,{styles:{title:r?.title,description:r?.description},classNames:{title:s?.title,description:s?.description},graphTitle:i,graphDescription:l,width:n}):null,e[41]=s?.description,e[42]=s?.title,e[43]=l,e[44]=i,e[45]=r?.description,e[46]=r?.title,e[47]=n,e[48]=H):H=e[48],$=typeof t=="string"?null:o.jsxRuntimeExports.jsx(ue.DropdownSelect,{options:t.map(Se),isClearable:!1,size:"sm",variant:ne,isRtl:b==="he"||b==="ar",isSearchable:!0,filterOption:ue.createFilter(le),defaultValue:t.find(K=>K.style===D),controlShouldRenderValue:!0,onChange:K=>{K&&ge(K.value)}}),e[4]=m,e[5]=d,e[6]=s?.description,e[7]=s?.graphContainer,e[8]=s?.title,e[9]=D,e[10]=l,e[11]=E,e[12]=i,e[13]=p,e[14]=b,e[15]=t,e[16]=Q,e[17]=y,e[18]=u,e[19]=r?.description,e[20]=r?.graphContainer,e[21]=r?.title,e[22]=M,e[23]=ne,e[24]=n,e[25]=z,e[26]=k,e[27]=q,e[28]=P,e[29]=G,e[30]=V,e[31]=_,e[32]=A,e[33]=T,e[34]=W,e[35]=F,e[36]=I,e[37]=J,e[38]=H,e[39]=$,e[40]=X}else z=e[25],k=e[26],q=e[27],P=e[28],G=e[29],V=e[30],_=e[31],A=e[32],T=e[33],W=e[34],F=e[35],I=e[36],J=e[37],H=e[38],$=e[39],X=e[40];let Z;e[49]!==j||e[50]!==D||e[51]!==te||e[52]!==Y||e[53]!==C||e[54]!==t||e[55]!==re||e[56]!==w?(Z=typeof t=="string"?o.jsxRuntimeExports.jsx(ve,{mapStyle:t,center:j,zoomLevel:w,includeLayers:Y,excludeLayers:te,mapLegend:C}):o.jsxRuntimeExports.jsx(je,{mapStyle:re||D,center:j,zoomLevel:w,includeLayers:Y,excludeLayers:te,mapLegend:(C||[]).find(le=>le.mapStyleName===t.find(K=>K.style===(re||D))?.name)?.legend}),e[49]=j,e[50]=D,e[51]=te,e[52]=Y,e[53]=C,e[54]=t,e[55]=re,e[56]=w,e[57]=Z):Z=e[57];let B;e[58]!==s?.footnote||e[59]!==s?.source||e[60]!==L||e[61]!==a||e[62]!==r?.footnote||e[63]!==r?.source||e[64]!==n?(B=a||L?o.jsxRuntimeExports.jsx(be.GraphFooter,{styles:{footnote:r?.footnote,source:r?.source},classNames:{footnote:s?.footnote,source:s?.source},sources:a,footNote:L,width:n}):null,e[58]=s?.footnote,e[59]=s?.source,e[60]=L,e[61]=a,e[62]=r?.footnote,e[63]=r?.source,e[64]=n,e[65]=B):B=e[65];let oe;return e[66]!==z||e[67]!==k||e[68]!==q||e[69]!==P||e[70]!==G||e[71]!==V||e[72]!==_||e[73]!==A||e[74]!==T||e[75]!==W||e[76]!==F||e[77]!==I||e[78]!==J||e[79]!==H||e[80]!==$||e[81]!==Z||e[82]!==B||e[83]!==X?(oe=o.jsxRuntimeExports.jsxs(z,{className:X,style:k,id:q,ref:P,"aria-label":G,backgroundColor:V,theme:_,language:A,minHeight:T,width:W,height:F,relativeHeight:I,padding:J,children:[H,$,Z,B]}),e[66]=z,e[67]=k,e[68]=q,e[69]=P,e[70]=G,e[71]=V,e[72]=_,e[73]=A,e[74]=T,e[75]=W,e[76]=F,e[77]=I,e[78]=J,e[79]=H,e[80]=$,e[81]=Z,e[82]=B,e[83]=X,e[84]=oe):oe=e[84],oe}function Se(g){return{label:g.name,value:g.style}}exports.GeoHubMap=Re;
-//# sourceMappingURL=GeoHubMap.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./SimpleMap-DKkJMa4X.cjs`);exports.GeoHubMap=e.t;

package/dist/GeoHubMap.d.ts

@@ -1,121 +1,2 @@
-import { default as default_2 } from 'react';
-import { JSX } from 'react/jsx-runtime';
-
-declare interface AxesClassNameObject {
-    gridLines?: string;
-    labels?: string;
-    title?: string;
-    axis?: string;
-}
-
-declare interface AxesStyleObject {
-    gridLines?: React.CSSProperties;
-    labels?: React.CSSProperties;
-    title?: React.CSSProperties;
-    axis?: React.CSSProperties;
-}
-
-declare interface ClassNameObject {
-    title?: string;
-    footnote?: string;
-    source?: string;
-    description?: string;
-    tooltip?: string;
-    xAxis?: AxesClassNameObject;
-    yAxis?: AxesClassNameObject;
-    legend?: string;
-    graphContainer?: string;
-    graphObjectValues?: string;
-    dataConnectors?: string;
-    mouseOverLine?: string;
-    regLine?: string;
-    dataCards?: string;
-    colorLegend?: string;
-    modal?: string;
-}
-
-/** 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 */
-export declare function GeoHubMap(props: Props): JSX.Element;
-
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
-
-declare interface MapLegendDataType {
-    mapStyleName: string;
-    legend: string | React.ReactNode;
-}
-
-declare interface Props {
-    /** Title of the graph */
-    graphTitle?: string | default_2.ReactNode;
-    /** Description of the graph */
-    graphDescription?: string | default_2.ReactNode;
-    /** Footnote for the graph */
-    footNote?: string | default_2.ReactNode;
-    /** Source data for the graph */
-    sources?: SourcesDataType[];
-    /** Accessibility label */
-    ariaLabel?: string;
-    /** Background color of the graph */
-    backgroundColor?: string | boolean;
-    /** Custom styles for the graph. Each object should be a valid React CSS style object. */
-    styles?: StyleObject;
-    /** Custom class names */
-    classNames?: ClassNameObject;
-    /** Width of the graph */
-    width?: number;
-    /** Height of the graph */
-    height?: number;
-    /** Minimum height of the graph */
-    minHeight?: number;
-    /** Relative height scaling factor. This overwrites the height props */
-    relativeHeight?: number;
-    /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */
-    padding?: string;
-    /** URL for mapStyle JSON. If the type is string, otherwise it creates and dropdown and provide end user to select the map style they would like to  */
-    mapStyle: string | {
-        style: string;
-        name: string;
-    }[];
-    /** Defines the legend for the map. If the mapStyle is string, mapLegend can be string or ReactNode. mapLegend with type string is show as innerHTML. If the mapStyle is not string, mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the mapStyle. */
-    mapLegend?: string | default_2.ReactNode | MapLegendDataType[];
-    /** Starting center point of the map */
-    center?: [number, number];
-    /** Starting zoom level of the map */
-    zoomLevel?: number;
-    /** List of layer IDs to be included in the visualization. If this is present only these layers are included. */
-    includeLayers?: string[];
-    /** List of layer IDs to be excluded from the visualization */
-    excludeLayers?: string[];
-    /** Language setting  */
-    language?: Languages;
-    /** Color theme */
-    theme?: 'light' | 'dark';
-    /** Theme for the UI elements */
-    uiMode?: 'light' | 'normal';
-    /** Unique ID for the graph */
-    graphID?: string;
-}
-
-declare interface SourcesDataType {
-    source: string;
-    link?: string;
-}
-
-declare interface StyleObject {
-    title?: React.CSSProperties;
-    footnote?: React.CSSProperties;
-    source?: React.CSSProperties;
-    description?: React.CSSProperties;
-    graphContainer?: React.CSSProperties;
-    tooltip?: React.CSSProperties;
-    xAxis?: AxesStyleObject;
-    yAxis?: AxesStyleObject;
-    graphObjectValues?: React.CSSProperties;
-    dataConnectors?: React.CSSProperties;
-    mouseOverLine?: React.CSSProperties;
-    regLine?: React.CSSProperties;
-    dataCards?: React.CSSProperties;
-    modal?: React.CSSProperties;
-}
-
-export { }
+export * from './Components/Graphs/Maps/GeoHubMaps/SimpleMap/index'
+export {}

package/dist/GeoHubMap.js

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