@carto/ps-react-maps 3.0.0 → 3.0.1

package/dist/index.js

@@ -3,17 +3,17 @@ var yt = (o, e, t) => e in o ? gt(o, e, { enumerable: !0, configurable: !0, writ
 var ne = (o, e, t) => yt(o, typeof e != "symbol" ? e + "" : e, t);
 import { jsx as H, jsxs as ht } from "react/jsx-runtime";
 import { c as k } from "react/compiler-runtime";
-import { useState as fe, useEffect as Y, useImperativeHandle as St, createContext as qe, useContext as Ue, useMemo as de, useCallback as $, useRef as Ee } from "react";
+import { useState as fe, useEffect as Y, useImperativeHandle as St, createContext as Ue, useContext as $e, useMemo as de, useCallback as $, useRef as Ee } from "react";
 import { DeckGL as vt } from "@deck.gl/react";
 import { Map as bt, MapProvider as Tt, useMap as Mt } from "react-map-gl/maplibre";
 import { Map as Lt, APIProvider as _t, limitTiltRange as Pt, useMap as Et } from "@vis.gl/react-google-maps";
-import { CompositeMode as kt, TranslateMode as Ct, ModifyMode as Ft, DrawPolygonByDraggingMode as wt, DrawCircleFromCenterMode as Xe, DrawRectangleMode as Ot, DrawPolygonMode as At, EditableGeoJsonLayer as Je, MeasureAreaMode as Rt, getPickedEditHandle as Dt, MeasureDistanceMode as xt, ViewMode as qt } from "@deck.gl-community/editable-layers";
+import { CompositeMode as kt, TranslateMode as Ct, ModifyMode as wt, DrawPolygonByDraggingMode as Ft, DrawCircleFromCenterMode as Xe, DrawRectangleMode as Ot, DrawPolygonMode as At, EditableGeoJsonLayer as Je, MeasureAreaMode as Rt, getPickedEditHandle as Dt, MeasureDistanceMode as xt, ViewMode as qt } from "@deck.gl-community/editable-layers";
 import { DataFilterExtension as Ut, MaskExtension as $t } from "@deck.gl/extensions";
-import { create as et, createStore as $e, useStore as Ve } from "zustand";
+import { create as et, createStore as Ve, useStore as je } from "zustand";
 import { FlyToInterpolator as Vt, WebMercatorViewport as jt } from "@deck.gl/core";
 import { GeoJsonLayer as Nt } from "@deck.gl/layers";
 import { useShallow as tt } from "zustand/shallow";
-import { area as Ne, centroid as It, lineIntersect as Bt } from "@turf/turf";
+import { area as Ie, centroid as It, lineIntersect as Bt } from "@turf/turf";
 import { formatNumber as st, formatCurrency as Ht } from "@carto/ps-utils";
 import Qt from "convert-units";
 import Kt from "convert-units/definitions/length";
@@ -21,7 +21,7 @@ import { WidgetRasterSource as Gt, WidgetTilesetSource as Zt, TileFormat as zt,
 import { useQuery as me } from "@tanstack/react-query";
 import Jt from "html2canvas";
 import { multiPolygon as es } from "@turf/helpers";
-const we = {
+const Fe = {
   roadmap: "roadmap",
   satellite: "satellite",
   hybrid: "hybrid"
@@ -50,13 +50,13 @@ const we = {
     type: ue.maplibre,
     dark: !0
   },
-  [we.roadmap]: {
+  [Fe.roadmap]: {
     type: ue.googleMaps
   },
-  [we.satellite]: {
+  [Fe.satellite]: {
     type: ue.googleMaps
   },
-  [we.hybrid]: {
+  [Fe.hybrid]: {
     type: ue.googleMaps
   }
 };
@@ -76,7 +76,7 @@ function ss(o) {
   } : null;
 }
 function ns(o) {
-  var ye, _, je;
+  var ye, _, Ne;
   const e = k(66);
   let t, n, s, i, r, a, l, m, c, p, d, u, g, f;
   e[0] !== o ? ({
@@ -103,12 +103,12 @@ function ns(o) {
   e[17] !== d ? (v = d === void 0 ? {
     apiKey: ""
   } : d, e[17] = d, e[18] = v) : v = e[18];
-  let L, E, w;
+  let L, E, F;
   e[19] !== v ? ({
-    apiKey: w,
+    apiKey: F,
     APIProviderProps: L,
     ...E
-  } = v, e[19] = v, e[20] = L, e[21] = E, e[22] = w) : (L = e[20], E = e[21], w = e[22]);
+  } = v, e[19] = v, e[20] = L, e[21] = E, e[22] = F) : (L = e[20], E = e[21], F = e[22]);
   const O = u === void 0 ? ts : u, D = g === void 0 ? ss : g, U = f === void 0 ? ls : f;
   let V;
   e[23] === Symbol.for("react.memo_cache_sentinel") ? (V = [!1, !1], e[23] = V) : V = e[23];
@@ -129,17 +129,17 @@ function ns(o) {
   const ge = be;
   let oe;
   e[30] !== I || e[31] !== U ? (oe = (he) => {
-    const Fe = I ? {
+    const we = I ? {
       ...he,
       viewState: Pt(he)
     } : he;
-    U(Fe);
+    U(we);
   }, e[30] = I, e[31] = U, e[32] = oe) : oe = e[32];
   const ie = oe;
   let Z;
   e[33] === Symbol.for("react.memo_cache_sentinel") ? (Z = (he) => {
-    const Fe = he.type === "deckgl" ? 0 : 1;
-    P((ft) => ft.map((mt, pt) => pt === Fe ? !0 : mt));
+    const we = he.type === "deckgl" ? 0 : 1;
+    P((ft) => ft.map((mt, pt) => pt === we ? !0 : mt));
   }, e[33] = Z) : Z = e[33];
   const re = Z;
   let ae, le;
@@ -161,7 +161,7 @@ function ns(o) {
   e[43] !== E || e[44] !== M || e[45] !== I || e[46] !== N || e[47] !== a ? (J = I ? /* @__PURE__ */ H(Lt, { mapTypeId: M, reuseMaps: !0, renderingType: "RASTER", ...E, defaultCenter: {
     lat: ((ye = a.initialViewState) == null ? void 0 : ye.latitude) ?? 0,
     lng: ((_ = a.initialViewState) == null ? void 0 : _.longitude) ?? 0
-  }, defaultZoom: ((je = a.initialViewState) == null ? void 0 : je.zoom) ?? 0, onTilesLoaded: () => re({
+  }, defaultZoom: ((Ne = a.initialViewState) == null ? void 0 : Ne.zoom) ?? 0, onTilesLoaded: () => re({
     type: "load"
   }) }) : /* @__PURE__ */ H(bt, { reuseMaps: !0, mapStyle: N, onLoad: () => re({
     type: "load"
@@ -172,7 +172,7 @@ function ns(o) {
     J
   ] }) }) }), e[49] = ge, e[50] = h, e[51] = O, e[52] = D, e[53] = B, e[54] = ie, e[55] = y, e[56] = t, e[57] = a, e[58] = X, e[59] = z, e[60] = J, e[61] = W) : W = e[61];
   let ce;
-  return e[62] !== L || e[63] !== w || e[64] !== W ? (ce = /* @__PURE__ */ H(_t, { apiKey: w, ...L, children: W }), e[62] = L, e[63] = w, e[64] = W, e[65] = ce) : ce = e[65], ce;
+  return e[62] !== L || e[63] !== F || e[64] !== W ? (ce = /* @__PURE__ */ H(_t, { apiKey: F, ...L, children: W }), e[62] = L, e[63] = F, e[64] = W, e[65] = ce) : ce = e[65], ce;
 }
 function os() {
   const o = document.querySelector(".maplibregl-compact-show");
@@ -213,7 +213,7 @@ const K = {
 };
 class us extends kt {
   constructor() {
-    super([new Ct(), new Ft()]);
+    super([new Ct(), new wt()]);
   }
   handleKeyUp(e, t) {
     super.handleKeyUp(e, t), e.key === "Enter" && (this.resetClickSequence(), t.onEdit({
@@ -236,7 +236,7 @@ const Te = "lassoLayer", ke = "maskLayer", ds = {
   lineWidthUnits: "pixels",
   getLineWidth: 2,
   lineWidthMinPixels: 2
-}, Ie = {
+}, Be = {
   editing: {
     border: [3, 111, 226, 255],
     fill: [3, 111, 226, 20.4],
@@ -249,8 +249,8 @@ const Te = "lassoLayer", ke = "maskLayer", ds = {
 }, Ae = {
   styles: {
     colors: {
-      editing: Ie.editing,
-      finished: Ie.finished
+      editing: Be.editing,
+      finished: Be.finished
     }
   },
   labels: {
@@ -265,7 +265,7 @@ const Te = "lassoLayer", ke = "maskLayer", ds = {
   visible: !0,
   extensions: fs,
   filterRange: [1, 1]
-}, Be = {
+}, Re = {
   polygon: {
     value: "polygon",
     mode: At
@@ -280,7 +280,7 @@ const Te = "lassoLayer", ke = "maskLayer", ds = {
   },
   lasso: {
     value: "lasso",
-    mode: wt
+    mode: Ft
   },
   edit: {
     value: "edit",
@@ -496,11 +496,11 @@ const Te = "lassoLayer", ke = "maskLayer", ds = {
     };
     i.setViewState(t, l);
   }
-}), hs = (o) => $e()((...e) => ({
+}), hs = (o) => Ve()((...e) => ({
   ...ps(o)(...e),
   ...gs(o)(...e),
   ...ys(...e)
-})), ot = qe({});
+})), ot = Ue({});
 function Ss(o) {
   const e = k(5), {
     children: t,
@@ -512,18 +512,18 @@ function Ss(o) {
   let r;
   return e[2] !== t || e[3] !== i ? (r = /* @__PURE__ */ H(ot.Provider, { value: i, children: t }), e[2] = t, e[3] = i, e[4] = r) : r = e[4], r;
 }
-function F(o) {
-  const e = Ue(ot);
+function w(o) {
+  const e = $e(ot);
   if (!Object.keys(e).length)
     throw new Error("Missing MapProvider in the tree");
-  return Ve(e, o);
+  return je(e, o);
 }
 function vs(o) {
   return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
-var Re, He;
+var De, He;
 function bs() {
-  if (He) return Re;
+  if (He) return De;
   He = 1;
   var o = function(y) {
     return e(y) && !t(y);
@@ -595,7 +595,7 @@ function bs() {
     }, {});
   };
   var M = f;
-  return Re = M, Re;
+  return De = M, De;
 }
 var Ts = bs();
 const Me = /* @__PURE__ */ vs(Ts);
@@ -639,14 +639,14 @@ function Ls({
   });
   return Me(r, i);
 }
-const _s = (o) => $e()((e) => ({
+const _s = (o) => Ve()((e) => ({
   data: o.reduce((n, s) => {
     const {
       enabled: i = !1,
       mapId: r,
-      modeInstance: a,
-      modes: l = Be,
-      modeSelected: m = Be.polygon.value,
+      modeInstance: a = new Re.polygon.mode(),
+      modes: l = Re,
+      modeSelected: m = Re.polygon.value,
       values: c = {}
     } = s;
     return n[r] = {
@@ -732,7 +732,7 @@ const _s = (o) => $e()((e) => ({
       }
     }));
   }
-})), it = qe({});
+})), it = Ue({});
 function Ps(o) {
   const e = k(5), {
     children: t,
@@ -745,10 +745,10 @@ function Ps(o) {
   return e[2] !== t || e[3] !== i ? (r = /* @__PURE__ */ H(it.Provider, { value: i, children: t }), e[2] = t, e[3] = i, e[4] = r) : r = e[4], r;
 }
 function j(o) {
-  const e = Ue(it);
+  const e = $e(it);
   if (!Object.keys(e).length)
     throw new Error("Missing LassoToolsProvider in the tree");
-  return Ve(e, o);
+  return je(e, o);
 }
 function Es({
   mapId: o,
@@ -769,7 +769,10 @@ function Es({
   }), c = j((u) => u.setModeInstance);
   Y(() => {
     const u = m[a];
-    u && t && c(o, u.mode);
+    if (u && t) {
+      const g = u.mode;
+      c(o, new g());
+    }
   }, [t, o, a, m, c]);
   const [
     p
@@ -828,7 +831,7 @@ function Ce({
     autoSplitNumber: Ke
   }
 }) {
-  const i = e === xe["m-km"], r = e === xe["ft-mi"], a = i || r;
+  const i = e === qe["m-km"], r = e === qe["ft-mi"], a = i || r;
   let l, m;
   if (a) {
     const c = o < (n ?? Ke);
@@ -895,7 +898,7 @@ class Cs extends Rt {
       picks: s
     } = t, i = Dt(s), r = this.getClickSequence();
     let a = !1;
-    !i && !this.allowOverlapping(n) && (this.addClickSequence(t), a = !0), this.area = Ne({
+    !i && !this.allowOverlapping(n) && (this.addClickSequence(t), a = !0), this.area = Ie({
       type: "Polygon",
       coordinates: [this.getClickSequence()]
     }), this.isFinalizedEdition(r, i) ? this.finalizeEdition(n) : a && n.onEdit({
@@ -917,7 +920,7 @@ class Cs extends Rt {
     const s = this.getTentativeGuide(n);
     if (s && s.geometry.type === "Polygon") {
       const i = It(s);
-      this.area = Ne(s), this.tooltips = at(this.area, i.geometry.coordinates, n.modeConfig);
+      this.area = Ie(s), this.tooltips = at(this.area, i.geometry.coordinates, n.modeConfig);
     }
   }
   resetClickSequence() {
@@ -997,7 +1000,7 @@ class Cs extends Rt {
     }) + "2";
   }
 }
-class Fs extends Xe {
+class ws extends Xe {
   constructor() {
     super(...arguments);
     ne(this, "_isMeasuringSessionFinished", !1);
@@ -1132,7 +1135,7 @@ class lt extends xt {
     });
   }
 }
-const ve = "mapMeasureLayer", ws = {
+const ve = "mapMeasureLayer", Fs = {
   id: ve,
   pickable: !1,
   billboard: !1,
@@ -1157,16 +1160,16 @@ const ve = "mapMeasureLayer", ws = {
       getLineWidth: 2
     }
   }
-}, De = {
+}, xe = {
   editing: [23, 102, 214, 255],
   finished: [71, 219, 153, 255],
   point: [255, 255, 255, 255]
 }, Ge = {
   styles: {
     colors: {
-      editing: De.editing,
-      finished: De.finished,
-      point: De.point
+      editing: xe.editing,
+      finished: xe.finished,
+      point: xe.point
     }
   }
 }, R = {
@@ -1177,7 +1180,7 @@ const ve = "mapMeasureLayer", ws = {
   mile: "mile",
   yard: "yard",
   feet: "feet"
-}, xe = {
+}, qe = {
   "m-km": "m-km",
   "ft-mi": "ft-mi",
   ...R
@@ -1245,7 +1248,7 @@ const ve = "mapMeasureLayer", ws = {
   },
   buffer: {
     value: "buffer",
-    mode: Fs
+    mode: ws
   },
   area: {
     value: "area",
@@ -1281,10 +1284,10 @@ function qs({
   }), p = j((b) => {
     var P;
     return (P = b.data[e]) == null ? void 0 : P.modeSelected;
-  }), d = _e((b) => b.setLayer), u = F((b) => b.addLayers), g = F((b) => b.removeLayers), f = F(tt((b) => {
+  }), d = _e((b) => b.setLayer), u = w((b) => b.addLayers), g = w((b) => b.removeLayers), f = w(tt((b) => {
     var P;
     return (P = b.maps[e]) == null ? void 0 : P.layers.filter((C) => !xs.includes(C));
-  })), M = F((b) => b.getDeckInstance), h = Ee({}), y = de(() => rt({
+  })), M = w((b) => b.getDeckInstance), h = Ee({}), y = de(() => rt({
     values: l
   }), [l]), T = de(() => ({
     type: "FeatureCollection",
@@ -1294,7 +1297,7 @@ function qs({
       properties: b.properties,
       id: b.id
     }))
-  }), [y]), S = de(() => y.filter((b) => b.properties.visible).map((b) => b.id), [y]), [v, L] = fe(T), [E, w] = fe([]), O = $(() => {
+  }), [y]), S = de(() => y.filter((b) => b.properties.visible).map((b) => b.id), [y]), [v, L] = fe(T), [E, F] = fe([]), O = $(() => {
     const b = {
       ...T,
       features: T.features.filter((P) => {
@@ -1312,7 +1315,7 @@ function qs({
     g(e, [Te]);
   }), [u, e, g]);
   const U = $(() => {
-    O(), w([]), a(e, !1);
+    O(), F([]), a(e, !1);
   }, [e, O, a]), V = $(({
     editType: b,
     updatedData: P
@@ -1352,7 +1355,7 @@ function qs({
         },
         onClick: (G) => {
           const I = G;
-          I.isGuide || w([I.index]);
+          I.isGuide || F([I.index]);
         }
       },
       getLineColor: (G) => E[0] === G.properties.index ? P : x,
@@ -1362,7 +1365,7 @@ function qs({
         outline: P
       },
       onEdit: V,
-      mode: b ? c : qt
+      mode: b ? c : new qt()
     });
     d(Te, N);
   }, [v, r, s.mask, S, c, V, E, d, t.colors.editing, t.colors.finished]), Y(() => {
@@ -1461,7 +1464,7 @@ function $s({
         }
       }
     }
-  }), c = Me(ws, {
+  }), c = Me(Fs, {
     _subLayerProps: {
       guides: {
         getLineColor: r,
@@ -1473,7 +1476,7 @@ function $s({
   });
   return Me(c, m);
 }
-const Vs = (o) => $e()((e) => ({
+const Vs = (o) => Ve()((e) => ({
   measurements: o.reduce((n, s) => {
     const {
       mapId: i,
@@ -1485,7 +1488,7 @@ const Vs = (o) => $e()((e) => ({
       locale: p = "en",
       positions: d = [],
       clearLayerOnStart: u = !1,
-      unit: g = xe["m-km"],
+      unit: g = qe["m-km"],
       enabled: f = !1
     } = s;
     return n[i] = {
@@ -1590,7 +1593,7 @@ const Vs = (o) => $e()((e) => ({
       }
     }));
   }
-})), ct = qe({});
+})), ct = Ue({});
 function js(o) {
   const e = k(5), {
     children: t,
@@ -1603,10 +1606,10 @@ function js(o) {
   return e[2] !== t || e[3] !== i ? (r = /* @__PURE__ */ H(ct.Provider, { value: i, children: t }), e[2] = t, e[3] = i, e[4] = r) : r = e[4], r;
 }
 function q(o) {
-  const e = Ue(ct);
+  const e = $e(ct);
   if (!Object.keys(e).length)
     throw new Error("Missing MeasurementToolsProvider in the tree");
-  return Ve(e, o);
+  return je(e, o);
 }
 function ut(o) {
   const e = k(74), {
@@ -1641,9 +1644,9 @@ function ut(o) {
     y(!!_), v(t, _);
   }, e[18] = v, e[19] = t, e[20] = y, e[21] = L) : L = e[21];
   const E = L;
-  let w;
-  e[22] !== t ? (w = (_) => _.measurements[t].finished, e[22] = t, e[23] = w) : w = e[23];
-  const O = q(w), D = q(Qs);
+  let F;
+  e[22] !== t ? (F = (_) => _.measurements[t].finished, e[22] = t, e[23] = F) : F = e[23];
+  const O = q(F), D = q(Qs);
   let U;
   e[24] !== D || e[25] !== t ? (U = (_) => D(t, _), e[24] = D, e[25] = t, e[26] = U) : U = e[26];
   const V = U;
@@ -1759,7 +1762,7 @@ function zs(o) {
     positions: v,
     setPositions: L,
     unit: E,
-    setUnit: w,
+    setUnit: F,
     clearLayer: O,
     toggleLayer: D
   } = ut(i);
@@ -1781,7 +1784,7 @@ function zs(o) {
   }, e[13] = D, e[14] = O, e[15] = c, e[16] = f, e[17] = b) : b = e[17];
   const P = b, C = !!c;
   let A;
-  return e[18] !== s || e[19] !== O || e[20] !== l || e[21] !== u || e[22] !== f || e[23] !== h || e[24] !== t || e[25] !== T || e[26] !== p || e[27] !== r || e[28] !== v || e[29] !== m || e[30] !== g || e[31] !== M || e[32] !== y || e[33] !== d || e[34] !== L || e[35] !== w || e[36] !== C || e[37] !== n || e[38] !== P || e[39] !== E || e[40] !== a ? (A = s({
+  return e[18] !== s || e[19] !== O || e[20] !== l || e[21] !== u || e[22] !== f || e[23] !== h || e[24] !== t || e[25] !== T || e[26] !== p || e[27] !== r || e[28] !== v || e[29] !== m || e[30] !== g || e[31] !== M || e[32] !== y || e[33] !== d || e[34] !== L || e[35] !== F || e[36] !== C || e[37] !== n || e[38] !== P || e[39] !== E || e[40] !== a ? (A = s({
     mapId: t,
     distance: l,
     enabled: u,
@@ -1805,11 +1808,11 @@ function zs(o) {
     setFinished: M,
     setLocale: y,
     setPositions: L,
-    setUnit: w,
+    setUnit: F,
     setEnabled: g,
     toggleLayer: P,
     clearLayer: O
-  }), e[18] = s, e[19] = O, e[20] = l, e[21] = u, e[22] = f, e[23] = h, e[24] = t, e[25] = T, e[26] = p, e[27] = r, e[28] = v, e[29] = m, e[30] = g, e[31] = M, e[32] = y, e[33] = d, e[34] = L, e[35] = w, e[36] = C, e[37] = n, e[38] = P, e[39] = E, e[40] = a, e[41] = A) : A = e[41], A;
+  }), e[18] = s, e[19] = O, e[20] = l, e[21] = u, e[22] = f, e[23] = h, e[24] = t, e[25] = T, e[26] = p, e[27] = r, e[28] = v, e[29] = m, e[30] = g, e[31] = M, e[32] = y, e[33] = d, e[34] = L, e[35] = F, e[36] = C, e[37] = n, e[38] = P, e[39] = E, e[40] = a, e[41] = A) : A = e[41], A;
 }
 const Ws = [ve];
 function Ys({
@@ -1835,16 +1838,16 @@ function Ys({
     modeInstance: u
   } = ut({
     mapId: e
-  }), g = _e((v) => v.setLayer), f = F((v) => v.addLayers), M = F((v) => v.removeLayers), h = F(tt((v) => {
+  }), g = _e((v) => v.setLayer), f = w((v) => v.addLayers), M = w((v) => v.removeLayers), h = w(tt((v) => {
     var L;
     return (L = v.maps[e]) == null ? void 0 : L.layers.filter((E) => !Ws.includes(E));
-  })), y = F((v) => v.getDeckInstance), T = Ee({});
+  })), y = w((v) => v.getDeckInstance), T = Ee({});
   Y(() => (a && f(e, [ve]), () => {
     M(e, [ve]);
   }), [f, r, e, M, a]), Y(() => {
     h == null || h.forEach((v) => {
-      var w;
-      const L = (w = y(e)) == null ? void 0 : w.props.layers.find((O) => O.props.id === v);
+      var F;
+      const L = (F = y(e)) == null ? void 0 : F.props.layers.find((O) => O.props.id === v);
       a && (T.current[v] = L == null ? void 0 : L.props.pickable);
       const E = !a && (T.current[v] ?? (L == null ? void 0 : L.props.pickable));
       g(v, {
@@ -1893,7 +1896,7 @@ function Xs(o) {
   e[0] !== t ? (n = (m) => m.maps[t], e[0] = t, e[1] = n) : n = e[1];
   const {
     layers: s
-  } = F(n), i = _e(en);
+  } = w(n), i = _e(en);
   let r, a;
   if (e[2] !== i || e[3] !== s) {
     let m;
@@ -1924,7 +1927,7 @@ function zn({
     basemap: s,
     instanceRef: i,
     overlayRef: r
-  } = F((S) => S.maps[o]), a = Ee(null), l = F((S) => S.viewStates[o]), m = F((S) => S.setViewState), c = F((S) => S.setLoad), p = F((S) => S.setLayersLoad), d = F((S) => S.updateViewPort), u = Xs({
+  } = w((S) => S.maps[o]), a = Ee(null), l = w((S) => S.viewStates[o]), m = w((S) => S.setViewState), c = w((S) => S.setLoad), p = w((S) => S.setLayersLoad), d = w((S) => S.updateViewPort), u = Xs({
     mapId: o
   }), g = de(() => dt(u), [u]), f = $((S) => {
     const v = m;
@@ -1938,8 +1941,8 @@ function zn({
   }, [o, t, m, d]), M = $((S) => {
     c(o, S), e == null || e(S), d(o);
   }, [o, e, c, d]), h = $((S) => {
-    var E, w, O;
-    const v = (w = (E = i == null ? void 0 : i.current) == null ? void 0 : E.deck) == null ? void 0 : w.props.layers, L = !!(v != null && v.every((D) => D == null ? void 0 : D.isLoaded));
+    var E, F, O;
+    const v = (F = (E = i == null ? void 0 : i.current) == null ? void 0 : E.deck) == null ? void 0 : F.props.layers, L = !!(v != null && v.every((D) => D == null ? void 0 : D.isLoaded));
     p(o, L), (O = n.onAfterRender) == null || O.call(n, S);
   }, [o, i, n, p]), y = n.onDragEnd, T = $((...S) => {
     d(o), y && y(...S);
@@ -2400,13 +2403,13 @@ function io(o, e) {
 function ro({
   mapId: o
 }) {
-  const [e, t] = fe(void 0), [n, s] = fe(!1), i = F((f) => {
+  const [e, t] = fe(void 0), [n, s] = fe(!1), i = w((f) => {
     var M;
     return (M = f.maps[o]) == null ? void 0 : M.basemap;
-  }), r = F((f) => f.getDeckInstance), a = F((f) => f.getOverlayInstance), l = F((f) => {
+  }), r = w((f) => f.getDeckInstance), a = w((f) => f.getOverlayInstance), l = w((f) => {
     var M;
     return (M = f.maps[o]) == null ? void 0 : M.areLayersLoaded;
-  }), c = F((f) => {
+  }), c = w((f) => {
     var M;
     return (M = f.maps[o]) == null ? void 0 : M.isLoaded;
   }) && l, {
@@ -2473,7 +2476,7 @@ function yn(o) {
   } = o;
   let n;
   e[0] !== t ? (n = (r) => r.viewports[t], e[0] = t, e[1] = n) : n = e[1];
-  const s = F(n);
+  const s = w(n);
   let i;
   e: {
     if (!s) {
@@ -2602,10 +2605,10 @@ function uo(o) {
     zoom: i,
     maxZoom: r,
     minZoom: a
-  } = F(s);
+  } = w(s);
   let l;
   e[2] !== n ? (l = (y) => y.maps[n].areLayersLoaded, e[2] = n, e[3] = l) : l = e[3];
-  const m = F(l), c = F(En), p = F(Pn), d = !m;
+  const m = w(l), c = w(En), p = w(Pn), d = !m;
   let u;
   e[4] !== n || e[5] !== c ? (u = (y) => c(n, y), e[4] = n, e[5] = c, e[6] = u) : u = e[6];
   const g = u;
@@ -2636,21 +2639,21 @@ export {
   Wn as CategoriesModel,
   us as CustomCompositeEditMode,
   Cs as CustomMeasureAreaMode,
-  Fs as CustomMeasureBufferMode,
+  ws as CustomMeasureBufferMode,
   lt as CustomMeasureDistanceMode,
-  Ie as DEFAULT_LASSO_TOOLS_COLORS,
+  Be as DEFAULT_LASSO_TOOLS_COLORS,
   ds as DEFAULT_LASSO_TOOLS_LAYER_PROPS,
-  Be as DEFAULT_LASSO_TOOLS_MODES,
+  Re as DEFAULT_LASSO_TOOLS_MODES,
   Ae as DEFAULT_LASSO_TOOLS_PROPS,
   Pe as DEFAULT_MASK_LAYER_PROPS,
   Rs as DEFAULT_MEASUREMENT_TOOLS_MODES,
   Ds as DEFAULT_MEASUREMENT_TOOLS_UNITS,
-  De as DEFAULT_MEASURE_COLORS,
+  xe as DEFAULT_MEASURE_COLORS,
   ns as DeckGLComponent,
   K as EditableEditType,
   Yn as FeaturesModel,
   Xn as FormulaModel,
-  we as GmapsBasemap,
+  Fe as GmapsBasemap,
   Jn as HistogramModel,
   Le as INTL_UNITS,
   qs as LassoTools,
@@ -2663,7 +2666,7 @@ export {
   ze as MEASUREMENT_TOOLS_UNITS_DISTANCE,
   Q as MEASUREMENT_TOOLS_UNITS_DISTANCE_VALUES,
   zn as MapComponent,
-  xe as MapMeasurementUnitAuto,
+  qe as MapMeasurementUnitAuto,
   Os as MapMeasurementUnitTurf,
   Ss as MapProvider,
   oo as MapsProvider,
@@ -2701,7 +2704,7 @@ export {
   Xs as useLayers,
   io as useLegend,
   ro as useMapScreenshot,
-  F as useMapStore,
+  w as useMapStore,
   q as useMeasurementToolsState,
   fn as useRange,
   mn as useScatter,