@local-logic/maps 0.0.12 → 0.0.13

package/dist/index-58w3Qwxr.js

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

package/dist/index-BGoTpJjt.js

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