@local-logic/maps 0.0.14 → 0.0.16

package/dist/{index-DVitM43i.js → index-Yh7bUURu.js}

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

package/dist/index-_YvDHCeI.js

@@ -0,0 +1,23 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { a as e } from "./logo-control-NE-LlsRy.js";
+import "react";
+import { c as n, b as o, S as r, o as s, i as l } from "./styles-Do-o-qNU.js";
+function p({ marker: t }) {
+  return /* @__PURE__ */ i(
+    e,
+    {
+      anchor: "bottom",
+      longitude: t.longitude,
+      latitude: t.latitude,
+      className: n.trim(),
+      children: [
+        /* @__PURE__ */ a("span", { className: o, children: /* @__PURE__ */ a(r, {}) }),
+        /* @__PURE__ */ a(s, { className: l })
+      ]
+    },
+    `center-pin-marker-${t.longitude}-${t.latitude}`
+  );
+}
+export {
+  p as default
+};

package/dist/index-x3wrHsPD.js

@@ -0,0 +1,73 @@
+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-CLRs8JwI.js";
+import { a as g } from "./utils-DJ13veBM.js";
+function f(a, e, l) {
+  switch (a) {
+    case "fill":
+      return {
+        fillColor: e,
+        fillOpacity: 0.25
+      };
+    case "line":
+      return {
+        strokeColor: e,
+        strokeWeight: l === "LineString" ? 6 : 2
+      };
+    default:
+      return {};
+  }
+}
+function E({ sources: a }) {
+  const [e, l] = p(null), [m, c] = p(
+    []
+  ), i = M(L);
+  return y(() => {
+    i && l(i.map);
+  }, [i]), y(() => {
+    if (m.forEach((t) => {
+      t == null || t.setMap(null);
+    }), !e || typeof a > "u" || a.length === 0)
+      return;
+    const s = a.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);
+          Object.assign(n, h);
+        });
+      else {
+        const r = f(t.layer.type, t.layer.color, t.type);
+        Object.assign(n, r);
+      }
+      let o;
+      return t.type === "LineString" ? o = 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),
+        ...n
+      }) : o = 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),
+        ...n
+      }), o.setMap(e), o;
+    });
+    return c(s), s.forEach((t) => {
+      t.setMap(e);
+    }), () => {
+      s.forEach((t) => {
+        t == null || t.setMap(null);
+      });
+    };
+  }, [e, a]), /* @__PURE__ */ P(u, {});
+}
+export {
+  E as default
+};

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { i as c } from "./index-Bp1bWq9c.js";
+import { i as c } from "./index-BUkdAOYF.js";
 export {
   c as LocalLogicMap
 };