@local-logic/maps 0.0.21 → 0.0.23

package/dist/index-B85VZGVP.js

@@ -0,0 +1,56 @@
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { a as k } from "./scale-control-jBKptTbw.js";
+import "react";
+import { u, M } from "./index-CN_dNOir.js";
+import { C as g, c as C, M as b } from "./index-CmajMf1d.js";
+function _({
+  clusters: n,
+  colors: r,
+  clusterIcon: s,
+  onClick: p,
+  doesSuperclusterContainActiveMarker: d
+}) {
+  const { activeMarker: m, zoom: c } = u(), l = (o) => (e) => {
+    e.originalEvent.stopPropagation(), !o.properties.disableClick && p?.(o);
+  };
+  return n?.map((o, e) => {
+    const t = o.geometry.coordinates[0], a = o.geometry.coordinates[1];
+    return /* @__PURE__ */ f(
+      k,
+      {
+        anchor: "bottom",
+        longitude: t,
+        latitude: a,
+        onClick: l(o),
+        children: [
+          o.properties.cluster && /* @__PURE__ */ i(
+            g,
+            {
+              colors: r,
+              icon: s,
+              isActive: d(o.properties.cluster_id)
+            }
+          ),
+          !o.properties.cluster && /* @__PURE__ */ i(
+            "div",
+            {
+              className: C,
+              style: o.properties.defaultColor ? {} : {
+                "--background": r?.background,
+                "--fill": r?.fill
+              },
+              "data-is-cluster": !!o.properties.cluster,
+              "data-is-zoomed-out": c < M,
+              "data-is-active": m?.id === o.properties.id,
+              children: /* @__PURE__ */ i(b, { icon: o.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${t}-${a}-${e}`
+    );
+  });
+}
+export {
+  _ as default
+};

package/dist/index-BRD3rjLE.js

@@ -0,0 +1,138 @@
+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-jBKptTbw.js";
+import { g as I } from "./utils-DJ13veBM.js";
+function s(t, e) {
+  if (!t)
+    throw new Error(e);
+}
+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);
+  }
+  return null;
+}
+function z(t, e, n) {
+  s(e.id === n.id, "source id changed"), s(e.type === n.type, "source type changed");
+  let a = "", i = 0;
+  for (const o in e)
+    o !== "children" && o !== "id" && !u(n[o], e[o]) && (a = o, i++);
+  if (!i)
+    return;
+  const l = e.type;
+  l === "geojson" ? t.setData(e.data) : l === "image" ? t.updateImage({
+    url: e.url,
+    coordinates: e.coordinates
+  }) : "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(x).map.getMap(), n = k(t), [, a] = C(0), i = 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(i)) {
+          const y = e.getStyle()?.layers;
+          if (y)
+            for (const f of y)
+              f.source === i && e.removeLayer(f.id);
+          e.removeSource(i);
+        }
+      };
+    }
+  }, [e]);
+  let l = e && e.style && e.getSource(i);
+  return l ? z(l, t, n.current) : l = U(e, i, t), n.current = t, l && $.Children.map(t.children, (o) => o && j(o, {
+    source: i
+  })) || null;
+}
+function E(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: i = {}, paint: l = {}, filter: o, minzoom: y, maxzoom: f, beforeId: m } = n;
+  if (m !== a.beforeId && t.moveLayer(e, m), i !== a.layout) {
+    const d = a.layout || {};
+    for (const r in i)
+      u(i[r], d[r]) || t.setLayoutProperty(e, r, i[r]);
+    for (const r in d)
+      i.hasOwnProperty(r) || t.setLayoutProperty(e, r, void 0);
+  }
+  if (l !== a.paint) {
+    const d = a.paint || {};
+    for (const r in l)
+      u(l[r], d[r]) || t.setPaintProperty(e, r, l[r]);
+    for (const r in d)
+      l.hasOwnProperty(r) || t.setPaintProperty(e, r, void 0);
+  }
+  u(o, a.filter) || t.setFilter(e, o), (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))) {
+    const a = { ...n, id: e };
+    delete a.beforeId, t.addLayer(a, n.beforeId);
+  }
+}
+let R = 0;
+function L(t) {
+  const e = S(x).map.getMap(), n = k(t), [, a] = C(0), i = g(() => 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);
+      };
+    }
+  }, [e]), e && e.style && e.getLayer(i))
+    try {
+      E(e, i, t, n.current);
+    } catch (o) {
+      console.warn(o);
+    }
+  else
+    F(e, i, t);
+  return n.current = t, null;
+}
+function h(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 O({ 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(b, { children: e?.map((n) => /* @__PURE__ */ c("div", { children: n.geoJson && /* @__PURE__ */ c(A, { id: n.key, type: "geojson", data: n.geoJson, children: n.layer && (Array.isArray(n.layer) ? n.layer.map((a, i) => /* @__PURE__ */ c(
+    L,
+    {
+      id: `${n.key}-${i}`,
+      type: a.type,
+      paint: h(a.type, a.color, n.type)
+    },
+    `${n.key}-${i}`
+  )) : /* @__PURE__ */ c(
+    L,
+    {
+      id: n.key,
+      type: n.layer.type,
+      paint: h(n.layer.type, n.layer.color, n.type)
+    }
+  )) }, n.key) }, n.key)) });
+}
+export {
+  O as default
+};

package/dist/index-BpFpg_5A.js

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

package/dist/index-BrxP9NHZ.js

@@ -0,0 +1,56 @@
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { a as k } from "./logo-control-VgN6MEKI.js";
+import "react";
+import { u, M } from "./index-CN_dNOir.js";
+import { C as g, c as C, M as v } from "./index-CmajMf1d.js";
+function x({
+  clusters: n,
+  colors: o,
+  clusterIcon: s,
+  onClick: p,
+  doesSuperclusterContainActiveMarker: d
+}) {
+  const { activeMarker: m, zoom: c } = u(), l = (r) => (e) => {
+    e.originalEvent.stopPropagation(), !r.properties.disableClick && p?.(r);
+  };
+  return n?.map((r, e) => {
+    const t = r.geometry.coordinates[0], a = r.geometry.coordinates[1];
+    return /* @__PURE__ */ f(
+      k,
+      {
+        anchor: "bottom",
+        longitude: t,
+        latitude: a,
+        onClick: l(r),
+        children: [
+          r.properties.cluster && r.properties.cluster_id && /* @__PURE__ */ i(
+            g,
+            {
+              colors: o,
+              icon: s,
+              isActive: d(r.properties.cluster_id)
+            }
+          ),
+          !r.properties.cluster && /* @__PURE__ */ i(
+            "div",
+            {
+              className: C,
+              style: r.properties.defaultColor ? {} : {
+                "--background": o?.background,
+                "--fill": o?.fill
+              },
+              "data-is-cluster": !!r.properties.cluster,
+              "data-is-zoomed-out": c < M,
+              "data-is-active": m?.id === r.properties.id,
+              children: /* @__PURE__ */ i(v, { icon: r.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${t}-${a}-${e}`
+    );
+  });
+}
+export {
+  x as default
+};