@local-logic/maps 0.0.9 → 0.0.10

package/dist/index-DnsF5I7I.js

@@ -0,0 +1,62 @@
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { useEffect as x } from "react";
+import { u as L, a as c } from "./index.modern-CLRs8JwI.js";
+import { u as b, M as d } from "./index-DgHrPgsK.js";
+import { C as y, c as E, M as O } from "./index-BYlamtEc.js";
+function N({
+  clusters: n,
+  colors: e,
+  clusterIcon: M,
+  markerBounds: p,
+  markerBoundsPadding: a,
+  onClick: m
+}) {
+  const r = L(), { zoom: g } = b();
+  x(() => {
+    if (r && p) {
+      const [t, f, i, o] = p;
+      r.fitBounds({
+        south: t - a.bottom,
+        west: f - a.left,
+        north: i + a.top,
+        east: o + a.right
+      });
+    }
+  }, [r, p, a]);
+  const h = (t) => () => {
+    m == null || m(t);
+  };
+  return n == null ? void 0 : n.map((t, f) => {
+    const i = t.geometry.coordinates[0], o = t.geometry.coordinates[1];
+    return /* @__PURE__ */ u(
+      c,
+      {
+        position: {
+          lat: o,
+          lng: i
+        },
+        onClick: h(t),
+        children: [
+          t.properties.cluster && /* @__PURE__ */ s(y, { colors: e, icon: M }),
+          !t.properties.cluster && /* @__PURE__ */ s(
+            "div",
+            {
+              className: E,
+              style: {
+                "--background": e == null ? void 0 : e.background,
+                "--fill": e == null ? void 0 : e.fill
+              },
+              "data-is-cluster": !!t.properties.cluster,
+              "data-is-zoomed-out": g - 1 < d + 1,
+              children: /* @__PURE__ */ s(O, { icon: t.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${i}-${o}-${f}`
+    );
+  });
+}
+export {
+  N as default
+};

package/dist/index-Do_dW76Q.js

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

package/dist/index-JQfyhSrg.js

@@ -0,0 +1,50 @@
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { useEffect as d } from "react";
+import { M, N as h, u as g } from "./logo-control-NE-LlsRy.js";
+import { u as n, d as a, a as v } from "./index-DgHrPgsK.js";
+const y = () => {
+  const { current: t } = g(), { setBounds: e, setZoom: r } = n(), o = () => {
+    t && (e(t.getBounds().toArray().flat()), r(t.getZoom()));
+  };
+  return d(() => {
+    t && (o(), t.on("move", () => {
+      o();
+    }));
+  }, [t]), null;
+};
+function B({ children: t }) {
+  const {
+    mapProvider: e,
+    center: r,
+    zoom: o = a.zoom,
+    minZoom: m,
+    maxZoom: p,
+    pitch: u = a.pitch,
+    bearing: l = a.bearing,
+    cooperativeGestures: c = a.cooperativeGestures,
+    zoomPosition: s
+  } = n();
+  return e.name !== "maptiler" ? null : /* @__PURE__ */ f(
+    M,
+    {
+      initialViewState: {
+        ...r,
+        zoom: o,
+        pitch: u,
+        bearing: l
+      },
+      cooperativeGestures: c,
+      minZoom: m,
+      maxZoom: p,
+      mapStyle: `https://api.maptiler.com/maps/${e.theme || v.maptiler}/style.json?key=${e.apiKey}`,
+      children: [
+        /* @__PURE__ */ i(y, {}),
+        s && /* @__PURE__ */ i(h, { position: s }),
+        t
+      ]
+    }
+  );
+}
+export {
+  B as default
+};

package/dist/index.es.js

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

package/dist/{index.modern-EsUgbhzI.js → index.modern-CLRs8JwI.js}

@@ -1,4 +1,4 @@
-import C, { useMemo as P, useContext as z, useEffect as y, useLayoutEffect as W, forwardRef as Y, useState as A, useReducer as Q, useCallback as ee, useRef as N, useImperativeHandle as te, Children as le } from "react";
+import C, { forwardRef as Y, useMemo as P, useContext as z, useEffect as y, useLayoutEffect as W, useImperativeHandle as Q, useState as A, useRef as N, useReducer as ee, useCallback as te, Children as le } from "react";
 import { createPortal as $ } from "react-dom";
 import { g as ce } from "./_commonjsHelpers-C6fGbg64.js";
 var j, J;
@@ -163,12 +163,12 @@ function be(t) {
     apiKey: o,
     version: r,
     libraries: i = []
-  } = t, a = D(t, he), [s, u] = A(R.loadingStatus), [d, c] = Q((l, g) => l[g.name] ? l : k({}, l, {
+  } = t, a = D(t, he), [s, u] = A(R.loadingStatus), [d, c] = ee((l, g) => l[g.name] ? l : k({}, l, {
     [g.name]: g.value
   }), {}), p = P(() => i == null ? void 0 : i.join(","), [i]), f = P(() => JSON.stringify(k({
     apiKey: o,
     version: r
-  }, a)), [o, r, a]), m = ee(async (l) => {
+  }, a)), [o, r, a]), m = te(async (l) => {
     var g;
     if (d[l])
       return d[l];
@@ -390,14 +390,14 @@ const Ae = () => {
   }, /* @__PURE__ */ C.createElement("h2", null, "Error: AuthFailure"), /* @__PURE__ */ C.createElement("p", null, "A problem with your API key prevents the map from rendering correctly. Please make sure the value of the ", /* @__PURE__ */ C.createElement("code", null, "APIProvider.apiKey"), " prop is correct. Check the error-message in the console for further details."));
 };
 function Pe() {
-  const [t, e] = A(null), n = ee((o) => e(o), [e]);
+  const [t, e] = A(null), n = te((o) => e(o), [e]);
   return [t, n];
 }
 function ie() {
   return oe() === x.LOADED;
 }
 function De() {
-  const [, t] = Q((e) => e + 1, 0);
+  const [, t] = ee((e) => e + 1, 0);
   return t;
 }
 function Te(t, e) {
@@ -705,7 +705,7 @@ const ot = Y((t, e) => {
   } = t, [a, s] = We(t), u = P(() => a ? {
     marker: a
   } : null, [a]);
-  return te(e, () => a, [a]), s ? /* @__PURE__ */ C.createElement(je.Provider, {
+  return Q(e, () => a, [a]), s ? /* @__PURE__ */ C.createElement(je.Provider, {
     value: u
   }, $(/* @__PURE__ */ C.createElement(Ze, {
     anchorPoint: i,
@@ -895,7 +895,7 @@ function Ye(t) {
 }
 Y((t, e) => {
   const n = Ye(t);
-  return te(e, () => n, [n]), /* @__PURE__ */ C.createElement(C.Fragment, null);
+  return Q(e, () => n, [n]), /* @__PURE__ */ C.createElement(C.Fragment, null);
 });
 export {
   nt as A,