@local-logic/maps 0.0.21 → 0.0.22

package/dist/index-CRdDPWou.js

@@ -0,0 +1,34 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useEffect as s } from "react";
+import { P as u } from "./logo-control-VgN6MEKI.js";
+import { u as a } from "./index-CN_dNOir.js";
+import { c as i } from "./styles-ChFj97uV.js";
+function y({
+  latitude: e,
+  longitude: o,
+  anchor: p,
+  offset: f = [0, -35],
+  onClose: r,
+  children: m
+}) {
+  const { zoom: n } = a();
+  return s(() => {
+    r?.();
+  }, [n]), typeof e > "u" || typeof o > "u" ? null : /* @__PURE__ */ t(
+    u,
+    {
+      className: "maplibre-popup",
+      focusAfterOpen: !0,
+      latitude: e,
+      longitude: o,
+      anchor: p,
+      offset: f,
+      onClose: r,
+      closeButton: !1,
+      children: /* @__PURE__ */ t("div", { className: i, children: m })
+    }
+  );
+}
+export {
+  y as default
+};

package/dist/{index-Dz1XJJEv.js → index-CSVsF1EQ.js}

@@ -1,9 +1,9 @@
 import { jsx as P, Fragment as u } from "react/jsx-runtime";
-import { useState as p, useContext as M, useEffect as y } from "react";
-import { G as L } from "./index.modern-fpUBOYPT.js";
-import { a as g } from "./utils-DJ13veBM.js";
-function f(a, e, l) {
-  switch (a) {
+import { useState as y, useContext as M, useEffect as g } from "react";
+import { G as L } from "./index.modern-B-ChKejQ.js";
+import { a as s } from "./utils-DJ13veBM.js";
+function f(o, e, r) {
+  switch (o) {
     case "fill":
       return {
         fillColor: e,
@@ -12,61 +12,61 @@ function f(a, e, l) {
     case "line":
       return {
         strokeColor: e,
-        strokeWeight: l === "LineString" ? 6 : 2
+        strokeWeight: r === "LineString" ? 6 : 2
       };
     default:
       return {};
   }
 }
-function E({ sources: a }) {
-  const [e, l] = p(null), [m, c] = p(
+function E({ sources: o }) {
+  const [e, r] = y(null), [m, c] = y(
     []
   ), i = M(L);
-  return y(() => {
-    i && l(i.map);
-  }, [i]), y(() => {
+  return g(() => {
+    i && r(i.map);
+  }, [i]), g(() => {
     if (m.forEach((t) => {
-      t == null || t.setMap(null);
-    }), !e || typeof a > "u" || a.length === 0)
+      t?.setMap(null);
+    }), !e || typeof o > "u" || o.length === 0)
       return;
-    const s = a.map((t) => {
+    const p = o.map((t) => {
       const n = {
         type: t.type || "MultiPolygon",
         clickable: !1
       };
       if (Array.isArray(t.layer))
-        t.layer.forEach((r) => {
-          const h = f(r.type, r.color, t.type);
+        t.layer.forEach((a) => {
+          const h = f(a.type, a.color, t.type);
           Object.assign(n, h);
         });
       else {
-        const r = f(t.layer.type, t.layer.color, t.type);
-        Object.assign(n, r);
+        const a = f(t.layer.type, t.layer.color, t.type);
+        Object.assign(n, a);
       }
-      let o;
-      return t.type === "LineString" ? o = new google.maps.Polyline({
+      let l;
+      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: g(t.geometry),
+        path: s(t.geometry),
         ...n
-      }) : o = new google.maps.Polygon({
+      }) : 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: g(t.geometry),
+        paths: s(t.geometry),
         ...n
-      }), o.setMap(e), o;
+      }), l.setMap(e), l;
     });
-    return c(s), s.forEach((t) => {
+    return c(p), p.forEach((t) => {
       t.setMap(e);
     }), () => {
-      s.forEach((t) => {
-        t == null || t.setMap(null);
+      p.forEach((t) => {
+        t?.setMap(null);
       });
     };
-  }, [e, a]), /* @__PURE__ */ P(u, {});
+  }, [e, o]), /* @__PURE__ */ P(u, {});
 }
 export {
   E as default

package/dist/index-CceEGv05.js

@@ -0,0 +1,104 @@
+import { jsxs as b, jsx as M } from "react/jsx-runtime";
+import { useState as L, useEffect as h } from "react";
+import { A as v, M as y, C as f, u as B } from "./index.modern-B-ChKejQ.js";
+import { b as C } from "./index-CFomI3Il.js";
+import { u as T, d as p, a as P, m as x } from "./index-CN_dNOir.js";
+const z = {
+  "top-left": f.LEFT_TOP,
+  "top-right": f.RIGHT_TOP,
+  "bottom-left": f.LEFT_BOTTOM,
+  "bottom-right": f.RIGHT_BOTTOM
+}, O = ({
+  isMapLoaded: c,
+  padding: d
+}) => {
+  const e = B(), { markerPoints: n, setBounds: r, setZoom: u } = T(), [s, m] = L(void 0), i = () => {
+    if (!e)
+      return;
+    const o = e.getBounds()?.toJSON();
+    o && r([o.west, o.south, o.east, o.north]);
+  }, l = () => {
+    if (!e)
+      return;
+    const o = e.getZoom();
+    typeof o < "u" && u(o + 1);
+  };
+  return h(() => {
+    i(), l();
+    const o = e?.addListener("bounds_changed", () => {
+      i();
+    }), t = e?.addListener("zoom_changed", () => {
+      l();
+    });
+    return () => {
+      o?.remove(), t?.remove();
+    };
+  }, [e]), h(() => {
+    if (!e || typeof n > "u" || n.length === 0)
+      return;
+    const o = C(x(n));
+    o.every((t, a) => t === s?.[a]) || m(o);
+  }, [e, n]), h(() => {
+    if (!e || typeof s > "u")
+      return;
+    const [o, t, a, g] = s;
+    e.fitBounds(
+      {
+        south: o,
+        west: t,
+        north: a,
+        east: g
+      },
+      d
+    );
+  }, [c, e, s, d]), null;
+};
+function w({ padding: c, children: d }) {
+  const [e, n] = L(!1), {
+    mapProvider: r,
+    center: u,
+    zoom: s = p.zoom,
+    minZoom: m,
+    maxZoom: i,
+    pitch: l = p.pitch,
+    bearing: o = p.bearing,
+    cooperativeGestures: t = p.cooperativeGestures,
+    zoomPosition: a
+  } = T();
+  if (r.name !== "google")
+    return null;
+  const g = () => {
+    n(!0);
+  };
+  return /* @__PURE__ */ b(v, { apiKey: r.apiKey, children: [
+    /* @__PURE__ */ M(O, { isMapLoaded: e, padding: c }),
+    /* @__PURE__ */ M(
+      y,
+      {
+        mapId: r.theme || P.google,
+        defaultCenter: {
+          lat: u.latitude,
+          lng: u.longitude
+        },
+        defaultZoom: s + 1,
+        defaultTilt: l,
+        defaultHeading: o,
+        gestureHandling: t ? "cooperative" : "greedy",
+        streetViewControl: !1,
+        fullscreenControl: !1,
+        clickableIcons: !1,
+        mapTypeControl: !1,
+        zoomControlOptions: {
+          position: a && z[a]
+        },
+        minZoom: typeof m == "number" ? m + 1 : void 0,
+        maxZoom: typeof i == "number" ? i + 1 : void 0,
+        onTilesLoaded: g,
+        children: d
+      }
+    )
+  ] });
+}
+export {
+  w as default
+};

package/dist/{index-DdYanSGw.js → index-CiWKwaC4.js}

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as i } from "react/jsx-runtime";
-import { t as a, b as o, S as r, o as s, i as c, c as d } from "./styles-B8oT_wcC.js";
-import { a as l } from "./scale-control-Cflgzbvb.js";
+import { t as a, b as o, S as r, o as s, i as c, c as d } from "./styles-BR85tnqI.js";
+import { a as l } from "./scale-control-jBKptTbw.js";
 import "react";
 function b({ marker: t, className: n }) {
   return /* @__PURE__ */ e(

package/dist/{index-6JzOJU8O.js → index-CmajMf1d.js}

@@ -1,7 +1,7 @@
-import { jsx as r, jsxs as o, Fragment as f } from "react/jsx-runtime";
+import { jsx as t, jsxs as i, Fragment as f } from "react/jsx-runtime";
 import * as e from "react";
 import { useMemo as g } from "react";
-import { u as p, M as c } from "./index-AcZakyxd.js";
+import { u as p, M as c } from "./index-CN_dNOir.js";
 import { p as Z } from "./IconBase.es-rM5tt24D.js";
 const A = /* @__PURE__ */ new Map([
   [
@@ -34,9 +34,9 @@ const A = /* @__PURE__ */ new Map([
     "thin",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,68a36,36,0,1,0,36,36A36,36,0,0,0,128,68Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,128,132Zm0-112a84.09,84.09,0,0,0-84,84c0,30.42,14.17,62.79,41,93.62a250,250,0,0,0,40.73,37.66,4,4,0,0,0,4.58,0A250,250,0,0,0,171,197.62c26.81-30.83,41-63.2,41-93.62A84.09,84.09,0,0,0,128,20Zm37.1,172.23A254.62,254.62,0,0,1,128,227a254.62,254.62,0,0,1-37.1-34.81C73.15,171.8,52,139.9,52,104a76,76,0,0,1,152,0C204,139.9,182.85,171.8,165.1,192.23Z" }))
   ]
-]), d = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(Z, { ref: a, ...t, weights: A }));
+]), d = e.forwardRef((a, r) => /* @__PURE__ */ e.createElement(Z, { ref: r, ...a, weights: A }));
 d.displayName = "MapPinIcon";
-const n = `
+const m = `
   group/marker cursor-pointer rounded-full
   relative h-7 w-7 flex items-center justify-center
   text-base-white ring-1 ring-inset
@@ -62,8 +62,8 @@ const n = `
 
   group-data-[is-active=true]/marker:fill-[var(--background,theme(colors.base.white))]
 `;
-function v({ icon: t }) {
-  return typeof t < "u" ? /* @__PURE__ */ r(t, { className: s }) : /* @__PURE__ */ r(d, { className: s });
+function v({ icon: a }) {
+  return typeof a < "u" ? /* @__PURE__ */ t(a, { className: s }) : /* @__PURE__ */ t(d, { className: s });
 }
 const M = `
   relative flex
@@ -71,32 +71,32 @@ const M = `
   -ml-6 -z-10 last:-z-20
 `;
 function w({
-  isActive: t = !1,
-  colors: a,
+  isActive: a = !1,
+  colors: r,
   icon: h
 }) {
-  const { zoom: m, mapProvider: l } = p(), i = g(() => l.name === "google" ? m - 1 < c + 1 : m < c, [m, l]);
-  return /* @__PURE__ */ o(
+  const { zoom: o, mapProvider: l } = p(), n = g(() => l.name === "google" ? o - 1 < c + 1 : o < c, [o, l]);
+  return /* @__PURE__ */ i(
     "div",
     {
       className: M,
       style: {
-        "--background": a == null ? void 0 : a.background,
-        "--fill": a == null ? void 0 : a.fill
+        "--background": r?.background,
+        "--fill": r?.fill
       },
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ t(
           "div",
           {
-            className: n,
-            "data-is-zoomed-out": i,
-            "data-is-active": t,
-            children: /* @__PURE__ */ r(v, { icon: h })
+            className: m,
+            "data-is-zoomed-out": n,
+            "data-is-active": a,
+            children: /* @__PURE__ */ t(v, { icon: h })
           }
         ),
-        !i && /* @__PURE__ */ o(f, { children: [
-          /* @__PURE__ */ r("div", { className: `${n} ${u}` }),
-          /* @__PURE__ */ r("div", { className: `${n} ${u}` })
+        !n && /* @__PURE__ */ i(f, { children: [
+          /* @__PURE__ */ t("div", { className: `${m} ${u}` }),
+          /* @__PURE__ */ t("div", { className: `${m} ${u}` })
         ] })
       ]
     }
@@ -105,5 +105,5 @@ function w({
 export {
   w as C,
   v as M,
-  n as c
+  m as c
 };

package/dist/index-D5kHxP9H.js

@@ -0,0 +1,43 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useEffect as u, useMemo as c } from "react";
+import { u as d, I as l } from "./index.modern-B-ChKejQ.js";
+import { u as f } from "./index-CN_dNOir.js";
+import { c as y } from "./styles-ChFj97uV.js";
+function I({
+  latitude: o,
+  longitude: t,
+  offset: r = [0, -25],
+  onClose: e,
+  children: s
+}) {
+  const n = d(), { zoom: a } = f();
+  u(() => {
+    e?.();
+  }, [a]), u(() => {
+    if (!n) return;
+    const p = n.addListener("click", () => {
+      e?.();
+    });
+    return () => {
+      p.remove();
+    };
+  }, [n]);
+  const m = c(() => Array.isArray(r) ? [r[0], r[1]] : [r, r], [r]);
+  return typeof o > "u" || typeof t > "u" ? null : /* @__PURE__ */ i(
+    l,
+    {
+      shouldFocus: !0,
+      disableAutoPan: !0,
+      position: {
+        lat: o,
+        lng: t
+      },
+      pixelOffset: m,
+      onClose: e,
+      children: /* @__PURE__ */ i("div", { className: y, children: s })
+    }
+  );
+}
+export {
+  I as default
+};

package/dist/{index-29Y5fJR0.js → index-DNNz78Rc.js}

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { t as a, b as o, S as r, o as s, i as c, c as d } from "./styles-B8oT_wcC.js";
-import { a as l } from "./index.modern-fpUBOYPT.js";
+import { t as a, b as o, S as r, o as s, i as c, c as d } from "./styles-BR85tnqI.js";
+import { a as l } from "./index.modern-B-ChKejQ.js";
 function m({ marker: n, className: i }) {
   return /* @__PURE__ */ t(
     l,

package/dist/index-Db33Ugg9.js

@@ -0,0 +1,34 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useEffect as s } from "react";
+import { P as u } from "./scale-control-jBKptTbw.js";
+import { u as a } from "./index-CN_dNOir.js";
+import { c } from "./styles-ChFj97uV.js";
+function b({
+  latitude: o,
+  longitude: e,
+  anchor: t,
+  offset: f = [0, -35],
+  onClose: r,
+  children: m
+}) {
+  const { zoom: n } = a();
+  return s(() => {
+    r?.();
+  }, [n]), typeof o > "u" || typeof e > "u" ? null : /* @__PURE__ */ p(
+    u,
+    {
+      className: "mapbox-popup",
+      focusAfterOpen: !0,
+      latitude: o,
+      longitude: e,
+      anchor: t,
+      offset: f,
+      onClose: r,
+      closeButton: !1,
+      children: /* @__PURE__ */ p("div", { className: c, children: m })
+    }
+  );
+}
+export {
+  b as default
+};

package/dist/index-DfhwDiOS.js

@@ -0,0 +1,155 @@
+import { jsx as c, Fragment as x } from "react/jsx-runtime";
+import * as $ from "react";
+import { useContext as S, useRef as k, useState as b, useMemo as g, useEffect as w, cloneElement as j } from "react";
+import { b as C, d as u } from "./logo-control-VgN6MEKI.js";
+import { g as I } from "./utils-DJ13veBM.js";
+function s(t, e) {
+  if (!t)
+    throw new Error(e);
+}
+let M = 0;
+function z(t, e, n) {
+  if (t.style && t.style._loaded) {
+    const a = { ...n };
+    return delete a.id, delete a.children, t.addSource(e, a), t.getSource(e);
+  }
+  return null;
+}
+function A(t, e, n) {
+  s(e.id === n.id, "source id changed"), s(e.type === n.type, "source type changed");
+  let a = "", r = 0;
+  for (const o in e)
+    o !== "children" && o !== "id" && !u(n[o], e[o]) && (a = o, r++);
+  if (!r)
+    return;
+  const l = e.type;
+  if (l === "geojson")
+    t.setData(e.data);
+  else if (l === "image")
+    t.updateImage({
+      url: e.url,
+      coordinates: e.coordinates
+    });
+  else
+    switch (a) {
+      case "coordinates":
+        t.setCoordinates?.(e.coordinates);
+        break;
+      case "url":
+        t.setUrl?.(e.url);
+        break;
+      case "tiles":
+        t.setTiles?.(e.tiles);
+        break;
+      default:
+        console.warn(`Unable to update <Source> prop: ${a}`);
+    }
+}
+function E(t) {
+  const e = S(C).map.getMap(), n = k(t), [, a] = b(0), r = g(() => t.id || `jsx-source-${M++}`, []);
+  w(() => {
+    if (e) {
+      const o = () => setTimeout(() => a((y) => y + 1), 0);
+      return e.on("styledata", o), o(), () => {
+        if (e.off("styledata", o), e.style && e.style._loaded && e.getSource(r)) {
+          const y = e.getStyle()?.layers;
+          if (y)
+            for (const d of y)
+              d.source === r && e.removeLayer(d.id);
+          e.removeSource(r);
+        }
+      };
+    }
+  }, [e]);
+  let l = e && e.style && e.getSource(r);
+  return l ? A(l, t, n.current) : l = z(e, r, t), n.current = t, l && $.Children.map(t.children, (o) => o && j(o, {
+    source: r
+  })) || null;
+}
+function F(t, e, n, a) {
+  if (s(n.id === a.id, "layer id changed"), s(n.type === a.type, "layer type changed"), n.type === "custom" || a.type === "custom")
+    return;
+  const { layout: r = {}, paint: l = {}, filter: o, minzoom: y, maxzoom: d, beforeId: m } = n;
+  if (m !== a.beforeId && t.moveLayer(e, m), r !== a.layout) {
+    const f = a.layout || {};
+    for (const i in r)
+      u(r[i], f[i]) || t.setLayoutProperty(e, i, r[i]);
+    for (const i in f)
+      r.hasOwnProperty(i) || t.setLayoutProperty(e, i, void 0);
+  }
+  if (l !== a.paint) {
+    const f = a.paint || {};
+    for (const i in l)
+      u(l[i], f[i]) || t.setPaintProperty(e, i, l[i]);
+    for (const i in f)
+      l.hasOwnProperty(i) || t.setPaintProperty(e, i, void 0);
+  }
+  u(o, a.filter) || t.setFilter(e, o), (y !== a.minzoom || d !== a.maxzoom) && t.setLayerZoomRange(e, y, d);
+}
+function R(t, e, n) {
+  if (t.style && t.style._loaded && (!("source" in n) || t.getSource(n.source))) {
+    const a = { ...n, id: e };
+    delete a.beforeId, t.addLayer(a, n.beforeId);
+  }
+}
+let U = 0;
+function h(t) {
+  const e = S(C).map.getMap(), n = k(t), [, a] = b(0), r = g(() => t.id || `jsx-layer-${U++}`, []);
+  if (w(() => {
+    if (e) {
+      const o = () => a((y) => y + 1);
+      return e.on("styledata", o), o(), () => {
+        e.off("styledata", o), e.style && e.style._loaded && e.getLayer(r) && e.removeLayer(r);
+      };
+    }
+  }, [e]), e && e.style && e.getLayer(r))
+    try {
+      F(e, r, t, n.current);
+    } catch (o) {
+      console.warn(o);
+    }
+  else
+    R(e, r, t);
+  return n.current = t, null;
+}
+function L(t, e, n) {
+  switch (t) {
+    case "fill":
+      return {
+        "fill-color": e,
+        "fill-opacity": 0.25
+      };
+    case "line":
+      return {
+        "line-color": e,
+        "line-width": n === "LineString" ? 6 : 2
+      };
+    default:
+      return {};
+  }
+}
+function T({ sources: t }) {
+  const e = g(() => !Array.isArray(t) || t.length === 0 ? [] : t.map((n) => ({
+    ...n,
+    geoJson: n.geometry ? I(n.geometry, n.type) : null
+  })), [t]);
+  return e?.length === 0 ? null : /* @__PURE__ */ c(x, { children: e?.map((n) => /* @__PURE__ */ c("div", { children: n.geoJson && /* @__PURE__ */ c(E, { id: n.key, type: "geojson", data: n.geoJson, children: n.layer && (Array.isArray(n.layer) ? n.layer.map((a, r) => /* @__PURE__ */ c(
+    h,
+    {
+      id: `${n.key}-${r}`,
+      type: a.type,
+      paint: L(a.type, a.color, n.type)
+    },
+    `${n.key}-${r}`
+  )) : /* @__PURE__ */ c(
+    h,
+    {
+      id: n.key,
+      type: n.layer.type,
+      paint: L(n.layer.type, n.layer.color, n.type)
+    }
+  )) }, n.key) }, n.key)) });
+}
+export {
+  T as default
+};

package/dist/index-arkRlpaR.js

@@ -0,0 +1,80 @@
+import { jsxs as M, jsx as l } from "react/jsx-runtime";
+import { useState as v, useEffect as d } from "react";
+import { M as y, N as B, u as g } from "./scale-control-jBKptTbw.js";
+import { b as h } from "./index-CFomI3Il.js";
+import { u as b, d as i, a as Z, m as k } from "./index-CN_dNOir.js";
+const z = ({ padding: m }) => {
+  const { current: o } = g(), { markerPoints: t, setBounds: u, setZoom: p } = b(), [a, f] = v(void 0), r = () => {
+    if (!o)
+      return;
+    const e = o.getBounds()?.toArray().flat();
+    e && u(e);
+  }, s = () => {
+    o && p(o.getZoom());
+  };
+  return d(() => (r(), s(), o?.on("move", () => {
+    r();
+  }), o?.on("zoom", () => {
+    s();
+  }), () => {
+    o?.off("move", r), o?.off("zoom", s);
+  }), [o]), d(() => {
+    if (!o || typeof t > "u" || t.length === 0)
+      return;
+    const e = h(k(t));
+    e.every((n, c) => n === a?.[c]) || f(e);
+  }, [o, t]), d(() => {
+    if (!o || typeof a > "u")
+      return;
+    const [e, n, c, x] = a;
+    o.fitBounds(
+      [
+        [n, e],
+        [x, c]
+      ],
+      {
+        maxZoom: 17,
+        duration: 700,
+        padding: m
+      }
+    );
+  }, [o, a, m]), null;
+};
+function A({ padding: m, children: o }) {
+  const {
+    mapProvider: t,
+    center: u,
+    zoom: p = i.zoom,
+    minZoom: a,
+    maxZoom: f,
+    pitch: r = i.pitch,
+    bearing: s = i.bearing,
+    cooperativeGestures: e = i.cooperativeGestures,
+    zoomPosition: n
+  } = b();
+  return t.name !== "mapbox" ? null : /* @__PURE__ */ M(
+    y,
+    {
+      mapboxAccessToken: t.apiKey,
+      initialViewState: {
+        ...u,
+        zoom: p,
+        pitch: r,
+        bearing: s
+      },
+      cooperativeGestures: e,
+      minZoom: a,
+      maxZoom: f,
+      mapStyle: `mapbox://styles/${t.theme || Z.mapbox}`,
+      interactiveLayerIds: ["road-label", "waterway-label"],
+      children: [
+        /* @__PURE__ */ l(z, { padding: m }),
+        n && /* @__PURE__ */ l(B, { position: n }),
+        o
+      ]
+    }
+  );
+}
+export {
+  A as default
+};