@local-logic/maps 0.0.4 → 0.0.6

package/dist/index-CXjxZmYt.js

@@ -0,0 +1,144 @@
+import a, { createContext as M, forwardRef as g, useContext as P, useMemo as $ } from "react";
+import { jsx as z } from "react/jsx-runtime";
+const F = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.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" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
+      "path",
+      {
+        d: "M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ a.createElement("path", { d: "M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M128,16a88.1,88.1,0,0,0-88,88c0,75.3,80,132.17,83.41,134.55a8,8,0,0,0,9.18,0C136,236.17,216,179.3,216,104A88.1,88.1,0,0,0,128,16Zm0,56a32,32,0,1,1-32,32A32,32,0,0,1,128,72Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M128,66a38,38,0,1,0,38,38A38,38,0,0,0,128,66Zm0,64a26,26,0,1,1,26-26A26,26,0,0,1,128,130Zm0-112a86.1,86.1,0,0,0-86,86c0,30.91,14.34,63.74,41.47,94.94a252.32,252.32,0,0,0,41.09,38,6,6,0,0,0,6.88,0,252.32,252.32,0,0,0,41.09-38c27.13-31.2,41.47-64,41.47-94.94A86.1,86.1,0,0,0,128,18Zm0,206.51C113,212.93,54,163.62,54,104a74,74,0,0,1,148,0C202,163.62,143,212.93,128,224.51Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.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" }))
+  ]
+]), _ = M({
+  color: "currentColor",
+  size: "1em",
+  weight: "regular",
+  mirrored: !1
+});
+var I = Object.defineProperty, o = Object.getOwnPropertySymbols, b = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable, p = (r, e, t) => e in r ? I(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, u = (r, e) => {
+  for (var t in e || (e = {}))
+    b.call(e, t) && p(r, t, e[t]);
+  if (o)
+    for (var t of o(e))
+      v.call(e, t) && p(r, t, e[t]);
+  return r;
+}, d = (r, e) => {
+  var t = {};
+  for (var n in r)
+    b.call(r, n) && e.indexOf(n) < 0 && (t[n] = r[n]);
+  if (r != null && o)
+    for (var n of o(r))
+      e.indexOf(n) < 0 && v.call(r, n) && (t[n] = r[n]);
+  return t;
+};
+const w = g((r, e) => {
+  const t = r, {
+    alt: n,
+    color: i,
+    size: l,
+    weight: c,
+    mirrored: y,
+    children: A,
+    weights: Z
+  } = t, E = d(t, [
+    "alt",
+    "color",
+    "size",
+    "weight",
+    "mirrored",
+    "children",
+    "weights"
+  ]), m = P(_), {
+    color: C = "currentColor",
+    size: s,
+    weight: O = "regular",
+    mirrored: x = !1
+  } = m, j = d(m, [
+    "color",
+    "size",
+    "weight",
+    "mirrored"
+  ]);
+  return /* @__PURE__ */ a.createElement(
+    "svg",
+    u(u({
+      ref: e,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: l ?? s,
+      height: l ?? s,
+      fill: i ?? C,
+      viewBox: "0 0 256 256",
+      transform: y || x ? "scale(-1, 1)" : void 0
+    }, j), E),
+    !!n && /* @__PURE__ */ a.createElement("title", null, n),
+    A,
+    Z.get(c ?? O)
+  );
+});
+w.displayName = "IconBase";
+const B = w;
+var N = Object.defineProperty, S = Object.defineProperties, R = Object.getOwnPropertyDescriptors, f = Object.getOwnPropertySymbols, D = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable, h = (r, e, t) => e in r ? N(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, q = (r, e) => {
+  for (var t in e || (e = {}))
+    D.call(e, t) && h(r, t, e[t]);
+  if (f)
+    for (var t of f(e))
+      k.call(e, t) && h(r, t, e[t]);
+  return r;
+}, G = (r, e) => S(r, R(e));
+const H = g((r, e) => /* @__PURE__ */ a.createElement(B, G(q({ ref: e }, r), { weights: F })));
+H.displayName = "MapPin";
+const J = `
+  rounded-full leading-none font-sans border-2
+  border-solid shadow-sm
+  flex justify-center items-center
+  bg-primary-100 text-base-white border-base-white
+  transition-all
+
+  hover:bg-base-white
+  hover:text-primary-100
+  hover:border-primary-100
+`;
+function Q({ cluster: r }) {
+  const e = $(
+    () => 20 + r.properties.point_count * 4,
+    [r.properties.point_count]
+  );
+  return /* @__PURE__ */ z(
+    "div",
+    {
+      className: J,
+      style: {
+        width: `${e}px`,
+        height: `${e}px`,
+        fontSize: `${e / 2.5}px`
+      },
+      children: r.properties.point_count
+    }
+  );
+}
+export {
+  Q as C,
+  H as M
+};

package/dist/index-DHw9gU4K.js

@@ -0,0 +1,29 @@
+import { jsx as r, jsxs as d, Fragment as c } from "react/jsx-runtime";
+import { C as h, M as l } from "./index-CXjxZmYt.js";
+import { a as f } from "./logo-control-NE-LlsRy.js";
+import "react";
+import { c as g, i as M, a as t } from "./index-CXLLvdx4.js";
+function y({ clusters: o, onClick: e, children: p }) {
+  return o == null ? void 0 : o.map((a, m) => {
+    const i = a.geometry.coordinates[0], n = a.geometry.coordinates[1];
+    return /* @__PURE__ */ r(
+      f,
+      {
+        anchor: "bottom",
+        longitude: i,
+        latitude: n,
+        onClick: (s) => {
+          s.originalEvent.stopPropagation(), e == null || e(a);
+        },
+        children: /* @__PURE__ */ r("div", { className: g, "data-is-cluster": !!a.properties.cluster, children: a.properties.cluster ? /* @__PURE__ */ r(h, { cluster: a }) : /* @__PURE__ */ d(c, { children: [
+          /* @__PURE__ */ r("div", { className: M, children: a.properties.icon ? /* @__PURE__ */ r(a.properties.icon, { className: t }) : /* @__PURE__ */ r(l, { className: t }) }),
+          p
+        ] }) })
+      },
+      `map-marker-${i}-${n}-${m}`
+    );
+  });
+}
+export {
+  y as default
+};

package/dist/index-DVitM43i.js

@@ -0,0 +1,137 @@
+import { jsx as u, Fragment as b } from "react/jsx-runtime";
+import * as j from "react";
+import { useContext as S, useRef as k, useState as x, useMemo as m, useEffect as C, cloneElement as I } from "react";
+import { b as w, d as s } from "./scale-control-CyJd4u6j.js";
+import { g as M } from "./utils-YqJg0vBb.js";
+function g(t, e) {
+  if (!t)
+    throw new Error(e);
+}
+let U = 0;
+function $(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) {
+  g(e.id === n.id, "source id changed"), g(e.type === n.type, "source type changed");
+  let a = "", i = 0;
+  for (const o in e)
+    o !== "children" && o !== "id" && !s(n[o], e[o]) && (a = o, i++);
+  if (!i)
+    return;
+  const r = e.type;
+  r === "geojson" ? t.setData(e.data) : r === "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(w).map.getMap(), n = k(t), [, a] = x(0), i = m(() => t.id || `jsx-source-${U++}`, []);
+  C(() => {
+    if (e) {
+      const o = () => setTimeout(() => a((y) => y + 1), 0);
+      return e.on("styledata", o), o(), () => {
+        var y;
+        if (e.off("styledata", o), e.style && e.style._loaded && e.getSource(i)) {
+          const f = (y = e.getStyle()) == null ? void 0 : y.layers;
+          if (f)
+            for (const d of f)
+              d.source === i && e.removeLayer(d.id);
+          e.removeSource(i);
+        }
+      };
+    }
+  }, [e]);
+  let r = e && e.style && e.getSource(i);
+  return r ? z(r, t, n.current) : r = $(e, i, t), n.current = t, r && j.Children.map(t.children, (o) => o && I(o, {
+    source: i
+  })) || null;
+}
+function E(t, e, n, a) {
+  if (g(n.id === a.id, "layer id changed"), g(n.type === a.type, "layer type changed"), n.type === "custom" || a.type === "custom")
+    return;
+  const { layout: i = {}, paint: r = {}, filter: o, minzoom: y, maxzoom: f, beforeId: d } = n;
+  if (d !== a.beforeId && t.moveLayer(e, d), i !== a.layout) {
+    const c = a.layout || {};
+    for (const l in i)
+      s(i[l], c[l]) || t.setLayoutProperty(e, l, i[l]);
+    for (const l in c)
+      i.hasOwnProperty(l) || t.setLayoutProperty(e, l, void 0);
+  }
+  if (r !== a.paint) {
+    const c = a.paint || {};
+    for (const l in r)
+      s(r[l], c[l]) || t.setPaintProperty(e, l, r[l]);
+    for (const l in c)
+      r.hasOwnProperty(l) || t.setPaintProperty(e, l, void 0);
+  }
+  s(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 h(t) {
+  const e = S(w).map.getMap(), n = k(t), [, a] = x(0), i = m(() => t.id || `jsx-layer-${R++}`, []);
+  if (C(() => {
+    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 L(t, e) {
+  switch (t) {
+    case "fill":
+      return {
+        "fill-color": e,
+        "fill-opacity": 0.25
+      };
+    case "line":
+      return {
+        "line-color": e,
+        "line-width": 2
+      };
+    default:
+      return {};
+  }
+}
+function O({ sources: t }) {
+  const e = m(() => !Array.isArray(t) || t.length === 0 ? [] : t.map((n) => ({
+    ...n,
+    geoJson: n.geometry ? M(n.geometry) : null
+  })), [t]);
+  return (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ u(b, { children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ u("div", { children: n.geoJson && /* @__PURE__ */ u(A, { id: n.key, type: "geojson", data: n.geoJson, children: n.layer && (Array.isArray(n.layer) ? n.layer.map((a, i) => /* @__PURE__ */ u(
+    h,
+    {
+      type: a.type,
+      paint: L(a.type, a.color)
+    },
+    `${n.key}-${i}`
+  )) : /* @__PURE__ */ u(
+    h,
+    {
+      type: n.layer.type,
+      paint: L(n.layer.type, n.layer.color)
+    }
+  )) }, n.key) }, n.key)) });
+}
+export {
+  O as default
+};

package/dist/index-J1MKzGEM.js

@@ -0,0 +1,31 @@
+import { jsx as r } from "react/jsx-runtime";
+import { P as a } from "./logo-control-NE-LlsRy.js";
+import "react";
+import { c as i } from "./styles-uPzJnzVS.js";
+function c({
+  latitude: p,
+  longitude: e,
+  anchor: o,
+  offset: t = [0, -35],
+  onClose: f,
+  children: n
+}) {
+  return typeof p > "u" || typeof e > "u" ? null : /* @__PURE__ */ r(
+    a,
+    {
+      className: "maplibre-popup",
+      focusAfterOpen: !0,
+      latitude: p,
+      longitude: e,
+      anchor: o,
+      offset: t,
+      onClose: f,
+      closeButton: !1,
+      children: /* @__PURE__ */ r("div", { className: i, children: n })
+    },
+    "maplibre-popup"
+  );
+}
+export {
+  c as default
+};

package/dist/index-qqbvBkdn.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+function e() {
+  return /* @__PURE__ */ r("div", { children: "Invalid map provider" });
+}
+export {
+  e as default
+};

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/index'
+export {}

package/dist/index.es.js

@@ -0,0 +1,4 @@
+import { b as c } from "./index-CXLLvdx4.js";
+export {
+  c as LocalLogicMap
+};