@local-logic/maps 0.0.5 → 0.0.6

package/dist/_commonjsHelpers-C6fGbg64.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as g
+};

package/dist/index-B43MtiHH.js

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

package/dist/index-BAAE2pMq.js

@@ -0,0 +1,64 @@
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import { useState as T, useEffect as M } from "react";
+import { A as b, M as h, C as a, u as C } from "./index.modern-EsUgbhzI.js";
+import { u, d as n } from "./index-CXLLvdx4.js";
+const O = {
+  "top-left": a.LEFT_TOP,
+  "top-right": a.RIGHT_TOP,
+  "bottom-left": a.LEFT_BOTTOM,
+  "bottom-right": a.RIGHT_BOTTOM
+}, P = "a7ff20eb973126bb", I = ({ isMapLoaded: s }) => {
+  const e = C(), { setBounds: r } = u();
+  return M(() => {
+    var t;
+    if (!s || !e)
+      return;
+    const o = (t = e.getBounds()) == null ? void 0 : t.toJSON();
+    o && r([o.west, o.south, o.east, o.north]);
+  }, [s, e]), null;
+};
+function L({ children: s }) {
+  const [e, r] = T(!1), {
+    mapProvider: o,
+    center: t,
+    zoom: p = n.zoom,
+    pitch: d = n.pitch,
+    bearing: f = n.bearing,
+    cooperativeGestures: c = n.cooperativeGestures,
+    zoomPosition: l
+  } = u();
+  if (o.name !== "google")
+    return null;
+  const m = () => {
+    r(!0);
+  };
+  return /* @__PURE__ */ g(b, { apiKey: o.apiKey, children: [
+    /* @__PURE__ */ i(I, { isMapLoaded: e }),
+    /* @__PURE__ */ i(
+      h,
+      {
+        mapId: P,
+        defaultCenter: {
+          lat: t.latitude,
+          lng: t.longitude
+        },
+        defaultZoom: p,
+        defaultTilt: d,
+        defaultHeading: f,
+        gestureHandling: c ? "cooperative" : "greedy",
+        streetViewControl: !1,
+        fullscreenControl: !1,
+        clickableIcons: !1,
+        mapTypeControl: !1,
+        zoomControlOptions: {
+          position: l && O[l]
+        },
+        onTilesLoaded: m,
+        children: s
+      }
+    )
+  ] });
+}
+export {
+  L as default
+};

package/dist/index-BHjgd5HB.js

@@ -0,0 +1,29 @@
+import { jsx as r, jsxs as s, Fragment as d } from "react/jsx-runtime";
+import { C as c, M as l } from "./index-CXjxZmYt.js";
+import { a as f } from "./index.modern-EsUgbhzI.js";
+import { c as g, i as h, a as t } from "./index-CXLLvdx4.js";
+function j({ clusters: e, onClick: o, children: m }) {
+  return e == null ? void 0 : e.map((a, p) => {
+    const i = a.geometry.coordinates[0], n = a.geometry.coordinates[1];
+    return /* @__PURE__ */ r(
+      f,
+      {
+        position: {
+          lat: n,
+          lng: i
+        },
+        onClick: () => {
+          o == null || o(a);
+        },
+        children: /* @__PURE__ */ r("div", { className: g, "data-is-cluster": !!a.properties.cluster, children: a.properties.cluster ? /* @__PURE__ */ r(c, { cluster: a }) : /* @__PURE__ */ s(d, { children: [
+          /* @__PURE__ */ r("div", { className: h, children: a.properties.icon ? /* @__PURE__ */ r(a.properties.icon, { className: t }) : /* @__PURE__ */ r(l, { className: t }) }),
+          m
+        ] }) })
+      },
+      `map-marker-${i}-${n}-${p}`
+    );
+  });
+}
+export {
+  j as default
+};

package/dist/index-BZ2605rA.js

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

package/dist/index-B_LO5X9C.js

@@ -0,0 +1,46 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { useEffect as l } from "react";
+import { M as f, N as b, u as d } from "./scale-control-CyJd4u6j.js";
+import { u as n, d as r } from "./index-CXLLvdx4.js";
+const x = () => {
+  const { current: o } = d(), { setBounds: t } = n();
+  return l(() => {
+    if (!o)
+      return;
+    const e = o.getBounds();
+    e && t(e.toArray().flat());
+  }, [o]), null;
+};
+function h({ children: o }) {
+  const {
+    mapProvider: t,
+    center: e,
+    zoom: i = r.zoom,
+    pitch: p = r.pitch,
+    bearing: u = r.bearing,
+    cooperativeGestures: m = r.cooperativeGestures,
+    zoomPosition: a
+  } = n();
+  return t.name !== "mapbox" ? null : /* @__PURE__ */ c(
+    f,
+    {
+      mapboxAccessToken: t.apiKey,
+      initialViewState: {
+        ...e,
+        zoom: i,
+        pitch: p,
+        bearing: u
+      },
+      cooperativeGestures: m,
+      mapStyle: "mapbox://styles/mapbox/streets-v9",
+      children: [
+        /* @__PURE__ */ s(x, {}),
+        a && /* @__PURE__ */ s(b, { position: a }),
+        o
+      ]
+    }
+  );
+}
+export {
+  h as default
+};

package/dist/index-BbrOUWDy.js

@@ -0,0 +1,29 @@
+import { jsx as r, jsxs as d, Fragment as c } from "react/jsx-runtime";
+import { C as h, M as f } from "./index-CXjxZmYt.js";
+import { a as g } from "./scale-control-CyJd4u6j.js";
+import "react";
+import { c as l, i as x, a as t } from "./index-CXLLvdx4.js";
+function k({ clusters: o, onClick: e, children: p }) {
+  return o == null ? void 0 : o.map((a, m) => {
+    const i = a.geometry.coordinates[0], n = a.geometry.coordinates[1];
+    return /* @__PURE__ */ r(
+      g,
+      {
+        anchor: "bottom",
+        longitude: i,
+        latitude: n,
+        onClick: (s) => {
+          s.originalEvent.stopPropagation(), e == null || e(a);
+        },
+        children: /* @__PURE__ */ r("div", { className: l, "data-is-cluster": !!a.properties.cluster, children: a.properties.cluster ? /* @__PURE__ */ r(h, { cluster: a }) : /* @__PURE__ */ d(c, { children: [
+          /* @__PURE__ */ r("div", { className: x, children: a.properties.icon ? /* @__PURE__ */ r(a.properties.icon, { className: t }) : /* @__PURE__ */ r(f, { className: t }) }),
+          p
+        ] }) })
+      },
+      `map-marker-${i}-${n}-${m}`
+    );
+  });
+}
+export {
+  k as default
+};

package/dist/index-Bd-X-1Gd.js

@@ -0,0 +1,42 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { useEffect as c } from "react";
+import { M as f, N as d, u as M } from "./logo-control-NE-LlsRy.js";
+import { u as i, d as o } from "./index-CXLLvdx4.js";
+const h = () => {
+  const { current: t } = M(), { setBounds: e } = i();
+  return c(() => {
+    t && e(t.getBounds().toArray().flat());
+  }, [t]), null;
+};
+function x({ children: t }) {
+  const {
+    mapProvider: e,
+    center: s,
+    zoom: n = o.zoom,
+    pitch: p = o.pitch,
+    bearing: m = o.bearing,
+    cooperativeGestures: u = o.cooperativeGestures,
+    zoomPosition: r
+  } = i();
+  return e.name !== "maptiler" ? null : /* @__PURE__ */ l(
+    f,
+    {
+      initialViewState: {
+        ...s,
+        zoom: n,
+        pitch: p,
+        bearing: m
+      },
+      cooperativeGestures: u,
+      mapStyle: `https://api.maptiler.com/maps/${e.maptilerTheme}/style.json?key=${e.apiKey}`,
+      children: [
+        /* @__PURE__ */ a(h, {}),
+        r && /* @__PURE__ */ a(d, { position: r }),
+        t
+      ]
+    }
+  );
+}
+export {
+  x as default
+};

package/dist/index-CPq7k7F4.js

@@ -0,0 +1,63 @@
+import { jsx as u, Fragment as h } from "react/jsx-runtime";
+import { useState as i, useContext as P, useEffect as c } from "react";
+import { G as M } from "./index.modern-EsUgbhzI.js";
+import { a as x } from "./utils-YqJg0vBb.js";
+function f(a, e) {
+  switch (a) {
+    case "fill":
+      return {
+        fillColor: e,
+        fillOpacity: 0.25
+      };
+    case "line":
+      return {
+        strokeColor: e,
+        strokeWeight: 2
+      };
+    default:
+      return {};
+  }
+}
+function d({ sources: a }) {
+  const [e, m] = i(null), [p, y] = i([]), o = P(M);
+  return c(() => {
+    o && m(o.map);
+  }, [o]), c(() => {
+    if (p.forEach((t) => {
+      t == null || t.setMap(null);
+    }), !e || typeof a > "u" || a.length === 0)
+      return;
+    const n = a.map((t) => {
+      const l = {
+        paths: x(t.geometry)
+      };
+      if (Array.isArray(t.layer))
+        t.layer.forEach((r) => {
+          const g = f(r.type, r.color);
+          Object.assign(l, g);
+        });
+      else {
+        const r = f(t.layer.type, t.layer.color);
+        Object.assign(l, r);
+      }
+      const s = 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,
+        ...l
+      });
+      return s.setMap(e), s;
+    });
+    return y(n), n.forEach((t) => {
+      t.setMap(e);
+    }), () => {
+      n.forEach((t) => {
+        t == null || t.setMap(null);
+      });
+    };
+  }, [e, a]), /* @__PURE__ */ u(h, {});
+}
+export {
+  d as default
+};

package/dist/index-CTk5bvm9.js

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