@local-logic/maps 0.0.10 → 0.0.12

package/dist/{index-BYlamtEc.js → index-B3NH4rqN.js}

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as o, Fragment as f } from "react/jsx-runtime";
+import { jsx as r, jsxs as c, Fragment as g } from "react/jsx-runtime";
 import * as e from "react";
-import { useMemo as g } from "react";
-import { u as Z, M as c } from "./index-DgHrPgsK.js";
+import { useMemo as Z } from "react";
+import { u as p, M as o } from "./index-Bd7meO8V.js";
 import { p as A } from "./IconBase.es-rM5tt24D.js";
-const p = /* @__PURE__ */ new Map([
+const h = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,60a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,60Zm0,64a20,20,0,1,1,20-20A20,20,0,0,1,128,124Zm0-112a92.1,92.1,0,0,0-92,92c0,77.36,81.64,135.4,85.12,137.83a12,12,0,0,0,13.76,0,259,259,0,0,0,42.18-39C205.15,170.57,220,136.37,220,104A92.1,92.1,0,0,0,128,12Zm31.3,174.71A249.35,249.35,0,0,1,128,216.89a249.35,249.35,0,0,1-31.3-30.18C80,167.37,60,137.31,60,104a68,68,0,0,1,136,0C196,137.31,176,167.37,159.3,186.71Z" }))
@@ -34,7 +34,7 @@ const p = /* @__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((a, r) => /* @__PURE__ */ e.createElement(A, { ref: r, ...a, weights: p }));
+]), d = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(A, { ref: a, ...t, weights: h }));
 d.displayName = "MapPinIcon";
 const m = `
   group/marker cursor-pointer rounded-full
@@ -50,6 +50,8 @@ const m = `
   data-[is-zoomed-out=true]:bg-[var(--fill)]
   data-[is-zoomed-out=true]:h-4
   data-[is-zoomed-out=true]:w-4
+
+  data-[is-active=true]:bg-[var(--fill)]
 `, u = `
   m-auto transition-all w-4 h-4 
 
@@ -57,21 +59,24 @@ const m = `
   group-hover/marker:fill-[var(--background)]
 
   group-data-[is-zoomed-out=true]/marker:hidden
+
+  group-data-[is-active=true]/marker:fill-[var(--background)]
 `;
-function h({ icon: a }) {
-  return typeof a < "u" ? /* @__PURE__ */ t(a, { className: u }) : /* @__PURE__ */ t(d, { className: u });
+function v({ icon: t }) {
+  return typeof t < "u" ? /* @__PURE__ */ r(t, { className: u }) : /* @__PURE__ */ r(d, { className: u });
 }
 const E = `
   relative flex
 `, s = `
   -ml-6 -z-10 last:-z-20
 `;
-function k({
+function z({
+  isActive: t = !1,
   colors: a,
-  icon: r
+  icon: f
 }) {
-  const { zoom: n, mapProvider: l } = Z(), i = g(() => l.name === "google" ? n - 1 < c + 1 : n < c, [n, l]);
-  return /* @__PURE__ */ o(
+  const { zoom: n, mapProvider: l } = p(), i = Z(() => l.name === "google" ? n - 1 < o + 1 : n < o, [n, l]);
+  return /* @__PURE__ */ c(
     "div",
     {
       className: E,
@@ -80,17 +85,25 @@ function k({
         "--fill": a == null ? void 0 : a.fill
       },
       children: [
-        /* @__PURE__ */ t("div", { className: m, "data-is-zoomed-out": i, children: /* @__PURE__ */ t(h, { icon: r }) }),
-        !i && /* @__PURE__ */ o(f, { children: [
-          /* @__PURE__ */ t("div", { className: `${m} ${s}` }),
-          /* @__PURE__ */ t("div", { className: `${m} ${s}` })
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: m,
+            "data-is-zoomed-out": i,
+            "data-is-active": t,
+            children: /* @__PURE__ */ r(v, { icon: f })
+          }
+        ),
+        !i && /* @__PURE__ */ c(g, { children: [
+          /* @__PURE__ */ r("div", { className: `${m} ${s}` }),
+          /* @__PURE__ */ r("div", { className: `${m} ${s}` })
         ] })
       ]
     }
   );
 }
 export {
-  k as C,
-  h as M,
+  z as C,
+  v as M,
   m as c
 };

package/dist/index-B9YXnLOH.js

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

package/dist/index-BcpSqK0X.js

@@ -0,0 +1,74 @@
+import { jsxs as b, jsx as M } from "react/jsx-runtime";
+import { useEffect as c } from "react";
+import { u as h, a as L } from "./scale-control-CyJd4u6j.js";
+import { u as E, M as v } from "./index-Bd7meO8V.js";
+import { C as y, c as O, M as _ } from "./index-B3NH4rqN.js";
+function R({
+  clusters: n,
+  colors: i,
+  clusterIcon: x,
+  markerBoundsPadding: e,
+  markerBounds: r,
+  onClick: m,
+  doesSuperclusterContainActiveMarker: d
+}) {
+  const { current: f } = h(), { activeMarker: s, zoom: g } = E();
+  c(() => {
+    if (f && r) {
+      const [t, a, o, p] = r;
+      f.fitBounds(
+        [
+          [a - e.left, t - e.bottom],
+          [p + e.right, o + e.top]
+        ],
+        {
+          maxZoom: 17,
+          duration: 1e3
+        }
+      );
+    }
+  }, [f, r, e]);
+  const u = (t) => (a) => {
+    a.originalEvent.stopPropagation(), m == null || m(t);
+  };
+  return n == null ? void 0 : n.map((t, a) => {
+    const o = t.geometry.coordinates[0], p = t.geometry.coordinates[1];
+    return /* @__PURE__ */ b(
+      L,
+      {
+        anchor: "bottom",
+        longitude: o,
+        latitude: p,
+        onClick: u(t),
+        children: [
+          t.properties.cluster && /* @__PURE__ */ M(
+            y,
+            {
+              colors: i,
+              icon: x,
+              isActive: d(t.properties.cluster_id)
+            }
+          ),
+          !t.properties.cluster && /* @__PURE__ */ M(
+            "div",
+            {
+              className: O,
+              style: {
+                "--background": i == null ? void 0 : i.background,
+                "--fill": i == null ? void 0 : i.fill
+              },
+              "data-is-cluster": !!t.properties.cluster,
+              "data-is-zoomed-out": g < v,
+              "data-is-active": (s == null ? void 0 : s.id) === t.properties.id,
+              children: /* @__PURE__ */ M(_, { icon: t.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${o}-${p}-${a}`
+    );
+  });
+}
+export {
+  R as default
+};