@pichetch08/trip-ui 0.1.0 → 0.2.0

package/dist/trip-day-map.js

@@ -1,62 +0,0 @@
-"use client";
-import "./chunk-ORMEWXMH.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { MapContainer, TileLayer, Marker, Popup, Polyline, useMap } from "react-leaflet";
-import "leaflet/dist/leaflet.css";
-function BoundsFitter({ positions }) {
-  const map = useMap();
-  useEffect(() => {
-    if (positions.length === 0) return;
-    if (positions.length === 1) {
-      map.setView(positions[0], 14);
-    } else {
-      map.fitBounds(positions, { padding: [32, 32] });
-    }
-  }, [map, positions]);
-  return null;
-}
-function TripDayMap({ activities, height = "280px" }) {
-  var _a;
-  const positions = activities.map((a) => [a.lat, a.lng]);
-  const center = (_a = positions[0]) != null ? _a : [13.75, 100.52];
-  useEffect(() => {
-    import("leaflet").then((L) => {
-      delete L.Icon.Default.prototype._getIconUrl;
-      L.Icon.Default.mergeOptions({
-        iconRetinaUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png",
-        iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
-        shadowUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png"
-      });
-    });
-  }, []);
-  if (activities.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { style: { height }, className: "w-full rounded-2xl overflow-hidden border border-outline-variant/30", children: /* @__PURE__ */ jsxs(
-    MapContainer,
-    {
-      center,
-      zoom: 13,
-      style: { height: "100%", width: "100%" },
-      scrollWheelZoom: false,
-      attributionControl: false,
-      children: [
-        /* @__PURE__ */ jsx(TileLayer, { url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" }),
-        /* @__PURE__ */ jsx(BoundsFitter, { positions }),
-        activities.length > 1 && /* @__PURE__ */ jsx(
-          Polyline,
-          {
-            positions,
-            pathOptions: { color: "var(--primary)", weight: 2.5, opacity: 0.7, dashArray: "6 4" }
-          }
-        ),
-        activities.map((act, i) => /* @__PURE__ */ jsx(Marker, { position: [act.lat, act.lng], children: /* @__PURE__ */ jsxs(Popup, { children: [
-          /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", children: act.name }),
-          act.time && /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500 mt-0.5", children: act.time })
-        ] }) }, i))
-      ]
-    }
-  ) });
-}
-export {
-  TripDayMap
-};