@local-logic/maps 0.1.2 → 0.1.4

package/dist/index-COB6j_V1.js

@@ -0,0 +1,25 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { XIcon as s } from "@phosphor-icons/react";
+const a = `
+  p-3 border-b border-blue-500
+  bg-white min-w-[200px]
+`, l = `
+  flex justify-between items-start mb-2
+`, c = `
+  text-xs text-gray-600 font-mono
+`, d = `
+  p-0 bg-transparent border-0 cursor-pointer
+  flex items-center justify-center text-gray-600 hover:text-gray-900
+`;
+function b({ latitude: o, longitude: n, onClose: t, children: i }) {
+  return o === void 0 || n === void 0 ? null : /* @__PURE__ */ r("div", { className: a, children: [
+    /* @__PURE__ */ r("div", { className: l, children: [
+      /* @__PURE__ */ e("div", { className: c, children: "Popup" }),
+      t && /* @__PURE__ */ e("button", { onClick: t, className: d, "aria-label": "Close popup", children: /* @__PURE__ */ e(s, { size: 20, weight: "bold" }) })
+    ] }),
+    /* @__PURE__ */ e("div", { children: i })
+  ] });
+}
+export {
+  b as default
+};

package/dist/{index-BOJCRr60.js → index-CZPGxjSJ.js}

@@ -1,8 +1,9 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { useMap as k, AdvancedMarker as u } from "@vis.gl/react-google-maps";
-import { u as M, M as g } from "./index-D37STE_k.js";
-import { C, c as v, M as I } from "./index-BUZonjTY.js";
-function x({
+import { u as M, M as g } from "./index-CNP-c5ZB.js";
+import { c as C, M as v } from "./index-D4t3jFAj.js";
+import { C as I } from "./index-CHdAT424.js";
+function y({
   clusters: a,
   colors: o,
   clusterIcon: n,
@@ -10,7 +11,7 @@ function x({
   doesSuperclusterContainActiveMarker: p
 }) {
   k();
-  const { activeMarker: d, zoom: c } = M(), m = (e) => () => {
+  const { activeMarker: d, zoom: m } = M(), c = (e) => () => {
     e.properties.disableClick || s?.(e);
   };
   return a?.map((e, l) => {
@@ -22,10 +23,10 @@ function x({
           lat: t,
           lng: i
         },
-        onClick: m(e),
+        onClick: c(e),
         children: [
           e.properties.cluster && /* @__PURE__ */ r(
-            C,
+            I,
             {
               colors: o,
               icon: n,
@@ -35,15 +36,15 @@ function x({
           !e.properties.cluster && /* @__PURE__ */ r(
             "div",
             {
-              className: v,
+              className: C,
               style: e.properties.defaultColor ? {} : {
                 "--background": o?.background,
                 "--fill": o?.fill
               },
               "data-is-cluster": !!e.properties.cluster,
-              "data-is-zoomed-out": c - 1 < g + 1,
+              "data-is-zoomed-out": m - 1 < g + 1,
               "data-is-active": d?.id === e.properties.id,
-              children: /* @__PURE__ */ r(I, { icon: e.properties.icon })
+              children: /* @__PURE__ */ r(v, { icon: e.properties.icon })
             }
           )
         ]
@@ -53,5 +54,5 @@ function x({
   });
 }
 export {
-  x as default
+  y as default
 };

package/dist/index-D4t3jFAj.js

@@ -0,0 +1,35 @@
+import { jsx as e } from "react/jsx-runtime";
+import { MapPinIcon as t } from "@phosphor-icons/react";
+const s = `
+  group/marker cursor-pointer rounded-full
+  relative h-7 w-7 flex items-center justify-center
+  text-base-white ring-1 ring-inset
+  transition-colors
+
+  bg-[var(--background,theme(colors.base.white))]
+  ring-[var(--fill,theme(colors.primary.100))]
+
+  hover:bg-[var(--fill,theme(colors.primary.100))]
+
+  data-[is-zoomed-out=true]:bg-[var(--fill,theme(colors.primary.100))]
+  data-[is-zoomed-out=true]:h-4
+  data-[is-zoomed-out=true]:w-4
+
+  data-[is-active=true]:bg-[var(--fill,theme(colors.primary.100))]
+`, o = `
+  m-auto transition-all w-4 h-4 
+
+  fill-[var(--fill,theme(colors.primary.100))]
+  group-hover/marker:fill-[var(--background,theme(colors.base.white))]
+
+  group-data-[is-zoomed-out=true]/marker:hidden
+
+  group-data-[is-active=true]/marker:fill-[var(--background,theme(colors.base.white))]
+`;
+function l({ icon: r }) {
+  return typeof r < "u" ? /* @__PURE__ */ e(r, { className: o }) : /* @__PURE__ */ e(t, { className: o });
+}
+export {
+  l as M,
+  s as c
+};

package/dist/index-DEFuc-6u.js

@@ -0,0 +1,78 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { M as p } from "./index-D4t3jFAj.js";
+const b = `
+  p-2 border-b border-gray-300
+  bg-white/95 text-xs font-mono
+`, u = `
+  font-bold mb-2
+`, f = "w-6 h-6 flex items-center justify-center", h = `
+  p-1.5 mb-1 border border-primary-200 rounded
+  flex items-center gap-2 cursor-pointer
+  hover:bg-gray-100
+`, k = `
+  p-1.5 mb-1 border border-primary-200 rounded
+  flex items-center gap-2 cursor-pointer
+  hover:bg-gray-100
+`, x = `
+  w-6 h-6 rounded-full bg-primary-100 text-white
+  flex items-center justify-center font-bold text-xs
+`;
+function w({
+  clusters: s,
+  onClick: n,
+  doesSuperclusterContainActiveMarker: g,
+  children: c
+}) {
+  return /* @__PURE__ */ t("div", { className: b, children: [
+    /* @__PURE__ */ t("div", { className: u, children: [
+      "Markers (",
+      s.length,
+      ")"
+    ] }),
+    s.map((e, a) => {
+      const m = e.properties.cluster, l = e.properties.cluster_id, d = e.properties.point_count;
+      if (m)
+        return /* @__PURE__ */ t(
+          "div",
+          {
+            onClick: () => n(e),
+            onKeyDown: (i) => i.key === "Enter" && n(e),
+            role: "button",
+            tabIndex: 0,
+            className: k,
+            "data-testid": `map-marker-${a}`,
+            children: [
+              /* @__PURE__ */ o("div", { className: x, children: d }),
+              /* @__PURE__ */ t("span", { children: [
+                "Cluster (",
+                d,
+                " markers)"
+              ] })
+            ]
+          },
+          `cluster-${l}`
+        );
+      const r = e.properties;
+      return /* @__PURE__ */ t(
+        "div",
+        {
+          "data-testid": `map-marker-${a}`,
+          onClick: () => !r.disableClick && n(e),
+          onKeyDown: (i) => !r.disableClick && i.key === "Enter" && n(e),
+          role: "button",
+          tabIndex: 0,
+          className: h,
+          children: [
+            /* @__PURE__ */ o("div", { className: f, children: /* @__PURE__ */ o(p, { icon: r.icon }) }),
+            /* @__PURE__ */ o("span", { children: r.name || r.id })
+          ]
+        },
+        `marker-${r.id}`
+      );
+    }),
+    c
+  ] });
+}
+export {
+  w as default
+};

package/dist/index-DXT59VJA.js

@@ -0,0 +1,29 @@
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import { u as i } from "./index-CNP-c5ZB.js";
+const l = `
+  relative w-full h-full bg-gray-200 border-2 border-gray-400
+  flex flex-col overflow-hidden
+`, s = `
+  p-2 bg-white/90 border-b border-gray-300 text-xs font-mono
+  shrink-0
+`, a = `
+  flex-1 overflow-y-auto relative
+`;
+function f({ children: t }) {
+  const { center: e, zoom: r } = i();
+  return /* @__PURE__ */ o("div", { className: l, children: [
+    /* @__PURE__ */ o("div", { className: s, children: [
+      "Testing Map | Center: (",
+      e.latitude.toFixed(2),
+      ", ",
+      e.longitude.toFixed(2),
+      ") | Zoom:",
+      " ",
+      r
+    ] }),
+    /* @__PURE__ */ n("div", { className: a, children: t })
+  ] });
+}
+export {
+  f as default
+};

package/dist/{index-CWXZA3V3.js → index-GoHd1Tri.js}

@@ -1,8 +1,8 @@
 import { jsx as E } from "react/jsx-runtime";
 import { useRef as d, useEffect as M } from "react";
 import { u as z, P as D } from "./scale-control-Dsir9fWY.js";
-import { u as H, P as T } from "./index-D37STE_k.js";
-import { c as j, m as A } from "./styles-B3ZaR0wz.js";
+import { u as H, P as T } from "./index-CNP-c5ZB.js";
+import { c as j, m as A } from "./styles-DvWVFFVb.js";
 function Z({
   latitude: h,
   longitude: l,

package/dist/{index-CTWLtI5f.js → index-MZUXTR07.js}

@@ -1,7 +1,7 @@
 import { jsxs as v, jsx as g } from "react/jsx-runtime";
 import { useState as T, useRef as E, useCallback as x, useEffect as b } from "react";
 import { M as L, N as A, u as G } from "./logo-control-CHapR1Dt.js";
-import { u as M, D as m, a as F, m as S } from "./index-D37STE_k.js";
+import { u as M, D as m, a as F, m as S } from "./index-CNP-c5ZB.js";
 import { t as h } from "./index-DscDx7HE.js";
 const z = {
   en: {

package/dist/{index-xDS1OfMB.js → index-QxKYqddl.js}

@@ -1,7 +1,7 @@
 import { jsxs as v, jsx as C } from "react/jsx-runtime";
 import { useState as x, useRef as Z, useCallback as h, useEffect as d } from "react";
 import { M as B, N as L, u as T } from "./scale-control-Dsir9fWY.js";
-import { u as M, D as p, a as z, m as A } from "./index-D37STE_k.js";
+import { u as M, D as p, a as z, m as A } from "./index-CNP-c5ZB.js";
 import { t as E } from "./index-DscDx7HE.js";
 const P = {
   en: {

package/dist/{index-BabQioiH.js → index-zzok3ruU.js}

@@ -1,7 +1,7 @@
 import { jsx as P, jsxs as x, Fragment as A } from "react/jsx-runtime";
 import { useState as v, useEffect as L, useRef as C, useCallback as E } from "react";
 import { APIProvider as O, Map as z, ControlPosition as g, useMap as G } from "@vis.gl/react-google-maps";
-import { u as B, D as h, W as f, a as Z, m as I } from "./index-D37STE_k.js";
+import { u as B, D as h, W as f, a as Z, m as I } from "./index-CNP-c5ZB.js";
 import { t as R } from "./index-DscDx7HE.js";
 const F = {
   "top-left": g.LEFT_TOP,

package/dist/index.es.js

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