@local-logic/maps 0.1.5 → 0.1.6

package/dist/{index-BP_m_WyV.js → index-B13R2TUm.js}

@@ -1,9 +1,9 @@
-import { jsxs as v, jsx as C } from "react/jsx-runtime";
-import { useState as x, useRef as Z, useCallback as h, useEffect as d } from "react";
-import { M as B, N as L, u as T } from "./scale-control-Dsir9fWY.js";
-import { u as M, D as p, a as z, m as A } from "./index-Bbgg2AcG.js";
+import { jsxs as x, jsx as M } from "react/jsx-runtime";
+import { useState as h, useRef as Z, useCallback as B, useEffect as g } from "react";
+import { M as L, N as P, u as T } from "./scale-control-Dsir9fWY.js";
+import { u as v, D as f, a as z, m as A } from "./index-eyFsWhYO.js";
 import { t as E } from "./index-DscDx7HE.js";
-const P = {
+const y = {
   en: {
     "AttributionControl.ToggleAttribution": "Toggle attribution",
     "FullscreenControl.Enter": "Enter fullscreen",
@@ -34,78 +34,78 @@ const P = {
     "ScrollZoomBlocker.CmdMessage": "Utilisez ⌘ + défilement pour zoomer sur la carte",
     "TouchPanBlocker.Message": "Utilisez deux doigts pour déplacer la carte"
   }
-}, y = () => {
-  const { current: o } = T(), { markerPoints: n, locationBoundary: l, setZoom: s, mapPadding: c } = M(), [a, f] = x(void 0), i = Z(void 0), r = h(() => {
-    o && s(o.getZoom());
-  }, [o, s]);
-  return d(() => (r(), o?.on("zoom", r), () => {
+}, k = () => {
+  const { current: o } = T(), { centerPinMarkerPoints: t, markerPoints: n, locationBoundary: s, setZoom: c, mapPadding: u } = v(), [i, d] = h(void 0), l = Z(void 0), r = B(() => {
+    o && c(o.getZoom());
+  }, [o, c]);
+  return g(() => (r(), o?.on("zoom", r), () => {
     o?.off("zoom", r);
-  }), [o, r]), d(() => {
+  }), [o, r]), g(() => {
     if (!o)
       return;
     const e = [];
-    if (typeof n < "u" && n.length > 0 ? e.push(...n) : e.push(...l || []), e.length === 0)
+    if (typeof n < "u" && n.length > 0 ? (e.push(...n), t && e.push(t)) : e.push(...s || []), e.length === 0)
       return;
-    const t = E(A(e));
-    (!i.current || !t.every((u, m) => u === i.current?.[m])) && (i.current = t, f(t));
-  }, [o, n, l]), d(() => {
-    if (!o || typeof a > "u")
+    const a = E(A(e));
+    (!l.current || !a.every((m, p) => m === l.current?.[p])) && (l.current = a, d(a));
+  }, [o, n, s, t]), g(() => {
+    if (!o || typeof i > "u")
       return;
-    const [e, t, u, m] = a, g = (u - e) * 0.05 || 1e-3, b = (m - t) * 0.05 || 1e-3;
+    const [e, a, m, p] = i, b = (m - e) * 0.05 || 1e-3, C = (p - a) * 0.05 || 1e-3;
     o.fitBounds(
       [
-        [e - g, t - b],
-        [u + g, m + b]
+        [e - b, a - C],
+        [m + b, p + C]
       ],
       {
         // Mapbox seems to retain padding, thus further calls
         // to map.getBounds() include the padding and make calculations
         // harder. Explicitly turning this off.
         retainPadding: !1,
-        padding: c,
+        padding: u,
         maxZoom: 17,
         duration: 700
       }
     );
-  }, [o, a, c]), null;
+  }, [o, i, u]), null;
 };
-function R({ children: o }) {
+function G({ children: o }) {
   const {
-    mapProvider: n,
-    locale: l,
+    mapProvider: t,
+    locale: n,
     center: s,
-    zoom: c = p.zoom,
-    minZoom: a,
-    maxZoom: f,
-    pitch: i = p.pitch,
-    bearing: r = p.bearing,
-    cooperativeGestures: e = p.cooperativeGestures,
-    zoomPosition: t
-  } = M();
-  return n.name !== "mapbox" ? null : /* @__PURE__ */ v(
-    B,
+    zoom: c = f.zoom,
+    minZoom: u,
+    maxZoom: i,
+    pitch: d = f.pitch,
+    bearing: l = f.bearing,
+    cooperativeGestures: r = f.cooperativeGestures,
+    zoomPosition: e
+  } = v();
+  return t.name !== "mapbox" ? null : /* @__PURE__ */ x(
+    L,
     {
-      mapboxAccessToken: n.apiKey,
+      mapboxAccessToken: t.apiKey,
       initialViewState: {
         ...s,
         zoom: c,
-        pitch: i,
-        bearing: r
+        pitch: d,
+        bearing: l
       },
-      cooperativeGestures: e,
-      minZoom: a,
-      maxZoom: f,
-      mapStyle: `mapbox://styles/${n.theme || z.mapbox}`,
+      cooperativeGestures: r,
+      minZoom: u,
+      maxZoom: i,
+      mapStyle: `mapbox://styles/${t.theme || z.mapbox}`,
       interactiveLayerIds: ["road-label", "waterway-label"],
-      locale: P[l],
+      locale: y[n],
       children: [
-        /* @__PURE__ */ C(y, {}),
-        t && /* @__PURE__ */ C(L, { position: t }),
+        /* @__PURE__ */ M(k, {}),
+        e && /* @__PURE__ */ M(P, { position: e }),
         o
       ]
     }
   );
 }
 export {
-  R as default
+  G as default
 };

package/dist/index-B2t_G7DM.js

@@ -0,0 +1,109 @@
+import { jsx as v, jsxs as x, Fragment as A } from "react/jsx-runtime";
+import { useState as B, useEffect as P, useRef as C, useCallback as E } from "react";
+import { APIProvider as O, Map as z, ControlPosition as L, useMap as G } from "@vis.gl/react-google-maps";
+import { u as _, D as T, W as p, a as Z, m as I } from "./index-eyFsWhYO.js";
+import { t as R } from "./index-DscDx7HE.js";
+const F = {
+  "top-left": L.LEFT_TOP,
+  "top-right": L.RIGHT_TOP,
+  "bottom-left": L.LEFT_BOTTOM,
+  "bottom-right": L.RIGHT_BOTTOM
+}, D = ({ isMapLoaded: y }) => {
+  const e = G(), { centerPinMarkerPoints: l, markerPoints: t, locationBoundary: c, setZoom: a, mapPadding: n } = _(), [u, g] = B(void 0), m = C(void 0), r = E(() => {
+    if (!e)
+      return;
+    const o = e.getZoom();
+    typeof o < "u" && a(o + 1);
+  }, [e, a]);
+  return P(() => {
+    r();
+    const o = e?.addListener("zoom_changed", r);
+    return () => {
+      o?.remove();
+    };
+  }, [e, r]), P(() => {
+    if (!e)
+      return;
+    const o = [];
+    typeof t < "u" && t.length > 0 ? (o.push(...t), l && o.push(l)) : o.push(...c || []);
+    const s = o.length === 0 ? p : R(I(o));
+    (!m.current || !s.every((i, d) => i === m.current?.[d])) && (m.current = s, g(s));
+  }, [e, t, c, l]), P(() => {
+    if (!e || typeof u > "u")
+      return;
+    const [o, s, i, d] = u, f = (i - o) * 0.05 || 1e-3, h = (d - s) * 0.05 || 1e-3;
+    e.fitBounds(
+      {
+        south: s - h,
+        west: o - f,
+        north: d + h,
+        east: i + f
+      },
+      n
+    );
+  }, [y, e, u, n]), null;
+};
+function j({ children: y }) {
+  const [e, l] = B(!1), [t, c] = B(!1), {
+    mapProvider: a,
+    mapPadding: n,
+    locale: u,
+    center: g,
+    zoom: m = T.zoom,
+    minZoom: r,
+    maxZoom: o,
+    pitch: s = T.pitch,
+    bearing: i = T.bearing,
+    cooperativeGestures: d = T.cooperativeGestures,
+    zoomPosition: f
+  } = _();
+  if (P(() => {
+    if (!t)
+      return;
+    const M = document.querySelector(".gm-style-moc");
+    M && n && (M.style.paddingLeft = `${n.left}px`, M.style.paddingRight = `${n.right}px`);
+  }, [t, n?.left, n?.right]), a.name !== "google")
+    return null;
+  const h = () => {
+    l(!0);
+  }, b = () => {
+    c(!0);
+  };
+  return /* @__PURE__ */ v(O, { apiKey: a.apiKey, language: u, onLoad: h, children: e && /* @__PURE__ */ x(A, { children: [
+    /* @__PURE__ */ v(D, { isMapLoaded: t }),
+    /* @__PURE__ */ v(
+      z,
+      {
+        mapId: a.theme || Z.google,
+        defaultCenter: {
+          lat: g.latitude,
+          lng: g.longitude
+        },
+        defaultBounds: {
+          north: p[3],
+          south: p[1],
+          east: p[2],
+          west: p[0]
+        },
+        defaultZoom: m + 1,
+        defaultTilt: s,
+        defaultHeading: i,
+        gestureHandling: d ? "cooperative" : "greedy",
+        streetViewControl: !1,
+        fullscreenControl: !1,
+        clickableIcons: !1,
+        mapTypeControl: !1,
+        zoomControlOptions: {
+          position: f && F[f]
+        },
+        minZoom: typeof r == "number" ? r + 1 : void 0,
+        maxZoom: typeof o == "number" ? o + 1 : void 0,
+        onTilesLoaded: b,
+        children: y
+      }
+    )
+  ] }) });
+}
+export {
+  j as default
+};

package/dist/{index-D49Xw0s2.js → index-BL4YTPcp.js}

@@ -1,8 +1,8 @@
 import { jsx as E } from "react/jsx-runtime";
 import { useRef as d, useEffect as M } from "react";
 import { u as D, P as H } from "./logo-control-CHapR1Dt.js";
-import { u as j, P as T } from "./index-Bbgg2AcG.js";
-import { c as x, m as A } from "./styles-C0jAgOTJ.js";
+import { u as j, P as T } from "./index-eyFsWhYO.js";
+import { c as x, m as A } from "./styles-BPYm8pR9.js";
 function Z({
   latitude: l,
   longitude: h,

package/dist/{index-aSBXZLeP.js → index-BTgWiuFg.js}

@@ -1,9 +1,9 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import { a as k } from "./scale-control-Dsir9fWY.js";
 import "react";
-import { u, M } from "./index-Bbgg2AcG.js";
+import { u, M } from "./index-eyFsWhYO.js";
 import { c as g, M as C } from "./index-D4t3jFAj.js";
-import { C as b } from "./index-Cz1bOBd_.js";
+import { C as b } from "./index-DFGiNPbe.js";
 function y({
   clusters: n,
   colors: r,

package/dist/{index-DBgzG__6.js → index-BpXydeNl.js}

@@ -1,9 +1,9 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import { a as k } from "./logo-control-CHapR1Dt.js";
 import "react";
-import { u, M } from "./index-Bbgg2AcG.js";
+import { u, M } from "./index-eyFsWhYO.js";
 import { c as g, M as C } from "./index-D4t3jFAj.js";
-import { C as v } from "./index-Cz1bOBd_.js";
+import { C as v } from "./index-DFGiNPbe.js";
 function y({
   clusters: n,
   colors: o,

package/dist/{index-Caot5InX.js → index-BqhW6lBz.js}

@@ -1,9 +1,9 @@
-import { jsxs as v, jsx as g } from "react/jsx-runtime";
-import { useState as T, useRef as E, useCallback as x, useEffect as b } from "react";
-import { M as L, N as A, u as G } from "./logo-control-CHapR1Dt.js";
-import { u as M, D as m, a as F, m as S } from "./index-Bbgg2AcG.js";
-import { t as h } from "./index-DscDx7HE.js";
-const z = {
+import { jsxs as T, jsx as M } from "react/jsx-runtime";
+import { useState as E, useRef as x, useCallback as L, useEffect as f } from "react";
+import { M as A, N as G, u as h } from "./logo-control-CHapR1Dt.js";
+import { u as v, D as C, a as F, m as S } from "./index-eyFsWhYO.js";
+import { t as z } from "./index-DscDx7HE.js";
+const H = {
   en: {
     "AttributionControl.ToggleAttribution": "Toggle attribution",
     "AttributionControl.MapFeedback": "Map feedback",
@@ -58,72 +58,72 @@ const z = {
     "CooperativeGesturesHandler.MacHelpText": "Utilisez ⌘ + défilement pour zoomer sur la carte",
     "CooperativeGesturesHandler.MobileHelpText": "Utilisez deux doigts pour déplacer la carte"
   }
-}, H = () => {
-  const { current: o } = G(), { markerPoints: r, locationBoundary: i, setZoom: s, mapPadding: u } = M(), [l, C] = T(void 0), a = E(void 0), n = x(() => {
-    o && s(o.getZoom());
-  }, [o, s]);
-  return b(() => (n(), o?.on("zoom", n), () => {
-    o?.off("zoom", n);
-  }), [o, n]), b(() => {
-    if (!o)
+}, P = () => {
+  const { current: e } = h(), { centerPinMarkerPoints: t, markerPoints: r, locationBoundary: s, setZoom: u, mapPadding: c } = v(), [a, b] = E(void 0), i = x(void 0), n = L(() => {
+    e && u(e.getZoom());
+  }, [e, u]);
+  return f(() => (n(), e?.on("zoom", n), () => {
+    e?.off("zoom", n);
+  }), [e, n]), f(() => {
+    if (!e)
       return;
-    const e = [];
-    if (typeof r < "u" && r.length > 0 ? e.push(...r) : e.push(...i || []), e.length === 0)
+    const o = [];
+    if (typeof r < "u" && r.length > 0 ? (o.push(...r), t && o.push(t)) : o.push(...s || []), o.length === 0)
       return;
-    const t = h(S(e));
-    (!a.current || !t.every((c, p) => c === a.current?.[p])) && (a.current = t, C(t));
-  }, [o, r, i]), b(() => {
-    if (!o || typeof l > "u")
+    const l = z(S(o));
+    (!i.current || !l.every((p, m) => p === i.current?.[m])) && (i.current = l, b(l));
+  }, [e, r, s, t]), f(() => {
+    if (!e || typeof a > "u")
       return;
-    const [e, t, c, p] = l, d = (c - e) * 0.05 || 1e-3, f = (p - t) * 0.05 || 1e-3;
-    o.fitBounds(
+    const [o, l, p, m] = a, d = (p - o) * 0.05 || 1e-3, g = (m - l) * 0.05 || 1e-3;
+    e.fitBounds(
       [
-        [e - d, t - f],
-        [c + d, p + f]
+        [o - d, l - g],
+        [p + d, m + g]
       ],
       {
-        padding: u,
+        padding: c,
         maxZoom: 17,
         duration: 700
       }
     );
-  }, [o, l, u]), null;
+  }, [e, a, c]), null;
 };
-function P({ children: o }) {
+function B({ children: e }) {
   const {
-    mapProvider: r,
-    locale: i,
+    mapProvider: t,
+    locale: r,
     center: s,
-    zoom: u = m.zoom,
-    minZoom: l,
-    maxZoom: C,
-    pitch: a = m.pitch,
-    bearing: n = m.bearing,
-    cooperativeGestures: e = m.cooperativeGestures,
-    zoomPosition: t
-  } = M();
-  return r.name !== "maptiler" ? null : /* @__PURE__ */ v(
-    L,
+    zoom: u = C.zoom,
+    minZoom: c,
+    maxZoom: a,
+    pitch: b = C.pitch,
+    bearing: i = C.bearing,
+    cooperativeGestures: n = C.cooperativeGestures,
+    zoomPosition: o
+  } = v();
+  return t.name !== "maptiler" ? null : /* @__PURE__ */ T(
+    A,
     {
       initialViewState: {
         ...s,
         zoom: u,
-        pitch: a,
-        bearing: n
+        pitch: b,
+        bearing: i
       },
-      cooperativeGestures: e,
-      minZoom: l,
-      maxZoom: C,
-      mapStyle: `https://api.maptiler.com/maps/${r.theme || F.maptiler}/style.json?key=${r.apiKey}`,
-      locale: z[i],
+      cooperativeGestures: n,
+      minZoom: c,
+      maxZoom: a,
+      mapStyle: `https://api.maptiler.com/maps/${t.theme || F.maptiler}/style.json?key=${t.apiKey}`,
+      locale: H[r],
       children: [
-        /* @__PURE__ */ g(H, {}),
-        t && /* @__PURE__ */ g(A, { position: t }),
-        o
+        /* @__PURE__ */ M(P, {}),
+        o && /* @__PURE__ */ M(G, { position: o }),
+        e
       ]
     }
   );
 }
 export {
-  P as default
+  B as default
 };

package/dist/{index-Bp7Yr6DA.js → index-D9mXgSxJ.js}

@@ -1,8 +1,8 @@
 import { jsx as E } from "react/jsx-runtime";
 import { useRef as d, useEffect as M } from "react";
 import { u as z, P as D } from "./scale-control-Dsir9fWY.js";
-import { u as H, P as T } from "./index-Bbgg2AcG.js";
-import { c as j, m as A } from "./styles-C0jAgOTJ.js";
+import { u as H, P as T } from "./index-eyFsWhYO.js";
+import { c as j, m as A } from "./styles-BPYm8pR9.js";
 function Z({
   latitude: h,
   longitude: l,

package/dist/{index-Cz1bOBd_.js → index-DFGiNPbe.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e, Fragment as d } from "react/jsx-runtime";
 import { useMemo as u } from "react";
-import { u as f, M as n } from "./index-Bbgg2AcG.js";
+import { u as f, M as n } from "./index-eyFsWhYO.js";
 import { c as o, M as v } from "./index-D4t3jFAj.js";
 const M = `
   relative flex

package/dist/{index-DQ1iIFTk.js → index-DM-Ih4p_.js}

@@ -1,8 +1,8 @@
 import { jsx as E } from "react/jsx-runtime";
 import { useState as L, useRef as M, useCallback as N, useEffect as f, useMemo as W } from "react";
 import { useMap as _, InfoWindow as x } from "@vis.gl/react-google-maps";
-import { u as z, P as y } from "./index-Bbgg2AcG.js";
-import { c as H, m as j } from "./styles-C0jAgOTJ.js";
+import { u as z, P as y } from "./index-eyFsWhYO.js";
+import { c as H, m as j } from "./styles-BPYm8pR9.js";
 function Z({
   latitude: g,
   longitude: m,

package/dist/{index-Bx7faHOu.js → index-Oeg9DKq8.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { u as a } from "./index-Bbgg2AcG.js";
+import { u as a } from "./index-eyFsWhYO.js";
 const d = `
   relative w-full h-full bg-gray-200 border-2 border-gray-400
   flex flex-col overflow-hidden