@local-logic/maps 0.0.30 → 0.1.0

package/dist/{index-7WiriOPf.js → index-BDKwzoXR.js}

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

package/dist/{index--TOrExMa.js → index-BnFfeG7K.js}

@@ -1,8 +1,8 @@
 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-D5oT0rvy.js";
-import { C as g, c as C, M as b } from "./index-DRdXfLHP.js";
+import { u, M } from "./index-H-u2bXnc.js";
+import { C as g, c as C, M as b } from "./index-CHAIEOV7.js";
 function _({
   clusters: n,
   colors: r,

package/dist/{index-DRdXfLHP.js → index-CHAIEOV7.js}

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as l, Fragment as d } from "react/jsx-runtime";
 import { useMemo as f } from "react";
-import { u as h, M as n } from "./index-D5oT0rvy.js";
+import { u as h, M as n } from "./index-H-u2bXnc.js";
 import { MapPinIcon as g } from "@phosphor-icons/react";
 const a = `
   group/marker cursor-pointer rounded-full

package/dist/{index-Bn4XgGCE.js → index-CQ-JcUiN.js}

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { useMap as k, AdvancedMarker as u } from "@vis.gl/react-google-maps";
-import { u as M, M as g } from "./index-D5oT0rvy.js";
-import { C, c as v, M as I } from "./index-DRdXfLHP.js";
+import { u as M, M as g } from "./index-H-u2bXnc.js";
+import { C, c as v, M as I } from "./index-CHAIEOV7.js";
 function x({
   clusters: a,
   colors: o,

package/dist/{index-CEDpofgZ.js → index-CscTuMMv.js}

@@ -1,7 +1,7 @@
 import { jsx as P, Fragment as u } from "react/jsx-runtime";
-import { useState as y, useContext as M, useEffect as g } from "react";
+import { useState as s, useContext as M, useEffect as g } from "react";
 import { GoogleMapsContext as L } from "@vis.gl/react-google-maps";
-import { a as s } from "./utils-DJ13veBM.js";
+import { a as k } from "./utils-CNmTUsO1.js";
 function f(o, e, r) {
   switch (o) {
     case "fill":
@@ -18,8 +18,8 @@ function f(o, e, r) {
       return {};
   }
 }
-function E({ sources: o }) {
-  const [e, r] = y(null), [m, c] = y(
+function O({ sources: o }) {
+  const [e, r] = s(null), [m, c] = s(
     []
   ), i = M(L);
   return g(() => {
@@ -44,18 +44,19 @@ function E({ sources: o }) {
         Object.assign(n, a);
       }
       let l;
+      const y = k(t.geometry, n.type);
       return t.type === "LineString" ? l = new google.maps.Polyline({
         // Set default options otherwise the polyline remains visible (even if eg: we only want the outline)
         // We then overrider the default options with the layer options
         strokeWeight: 6,
-        path: s(t.geometry),
+        path: y,
         ...n
       }) : l = new google.maps.Polygon({
         // Set default options otherwise the polygon remains visible (even if eg: we only want the outline)
         // We then overrider the default options with the layer options
         strokeWeight: 0,
         fillOpacity: 0,
-        paths: s(t.geometry),
+        paths: y,
         ...n
       }), l.setMap(e), l;
     });
@@ -69,5 +70,5 @@ function E({ sources: o }) {
   }, [e, o]), /* @__PURE__ */ P(u, {});
 }
 export {
-  E as default
+  O as default
 };

package/dist/{index-CIE9YlvM.js → index-CyFPuX3E.js}

@@ -2,7 +2,7 @@ import { jsx as c, Fragment as b } from "react/jsx-runtime";
 import * as $ from "react";
 import { useContext as S, useRef as k, useState as C, useMemo as g, useEffect as w, cloneElement as j } from "react";
 import { b as x, d as u } from "./scale-control-Dsir9fWY.js";
-import { g as I } from "./utils-DJ13veBM.js";
+import { g as I } from "./utils-CNmTUsO1.js";
 function s(t, e) {
   if (!t)
     throw new Error(e);

package/dist/{index-DImiFUoC.js → index-DL98jat0.js}

@@ -1,8 +1,8 @@
 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-D5oT0rvy.js";
-import { C as g, c as C, M as v } from "./index-DRdXfLHP.js";
+import { u, M } from "./index-H-u2bXnc.js";
+import { C as g, c as C, M as v } from "./index-CHAIEOV7.js";
 function x({
   clusters: n,
   colors: o,

package/dist/{index-B9irDFVS.js → index-DbGw-3H2.js}

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

package/dist/index-Dsui7RRW.js

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

package/dist/{index-B1UUkU25.js → index-E5WaU61r.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-D5oT0rvy.js";
-import { c as x, m as A } from "./styles-mseP7Fna.js";
+import { u as j, P as T } from "./index-H-u2bXnc.js";
+import { c as x, m as A } from "./styles-D8bDP2Op.js";
 function Z({
   latitude: l,
   longitude: h,