@fabriquerdemain/map-react 1.0.1 → 1.0.4

package/dist/repcartes-map-react.umd.cjs

@@ -11488,6 +11488,8 @@
     fitBoundsOnLoad: true,
     fitBoundsPadding: 50,
     showPopup: true,
+    popupMode: "full",
+    popupPlaceholder: "Détails bientôt disponibles",
     showPopupTitle: true,
     showPopupSubtitle: true,
     showPopupAddress: true,
@@ -11585,9 +11587,14 @@
       const markerMapRef = react.useRef(new globalThis.Map());
       const tileLayerRef = react.useRef(null);
       const hasFitBoundsRef = react.useRef(false);
-      const [currentTileSource, setCurrentTileSource] = react.useState(
+      const currentTileSourceRef = react.useRef("ign");
+      const [currentTileSource, setCurrentTileSourceState] = react.useState(
         "ign"
       );
+      const setCurrentTileSource = react.useCallback((source) => {
+        currentTileSourceRef.current = source;
+        setCurrentTileSourceState(source);
+      }, []);
       const config = { ...DEFAULT_MAP_CONFIG, ...configProp };
       const createColoredIcon = react.useCallback(
         (color = "#F95E3C") => {
@@ -11614,6 +11621,17 @@
       const buildPopupContent = react.useCallback(
         (marker) => {
           let html = '<div class="repcartes-popup">';
+          if (config.popupMode === "minimal") {
+            if (marker.subtitle) {
+              html += `<p style="margin: 0 0 4px 0; font-size: 12px; color: #666; display: flex; align-items: center; gap: 4px;">
+              <span style="font-size: 14px;">📍</span>
+              ${marker.subtitle}
+            </p>`;
+            }
+            html += `<p style="margin: 0; font-size: 11px; color: #999; font-style: italic;">${config.popupPlaceholder}</p>`;
+            html += "</div>";
+            return html;
+          }
           if (config.showPopupTitle && marker.title) {
             html += `<h3 style="margin: 0 0 8px 0; font-size: 14px; font-weight: 600;">${marker.title}</h3>`;
           }
@@ -11680,9 +11698,9 @@
           });
           const center = map.getCenter();
           const shouldUseIgn = isInFrance(center.lat, center.lng);
-          if (shouldUseIgn && currentTileSource !== "ign") {
+          if (shouldUseIgn && currentTileSourceRef.current !== "ign") {
             setCurrentTileSource("ign");
-          } else if (!shouldUseIgn && currentTileSource !== "osm") {
+          } else if (!shouldUseIgn && currentTileSourceRef.current !== "osm") {
             setCurrentTileSource("osm");
           }
         });
@@ -11734,6 +11752,10 @@
           markersLayerRef.current.addLayer(marker);
           markerMapRef.current.set(markerData.id, marker);
         });
+        const hasInternationalMarkers = markers.some((m) => !isInFrance(m.lat, m.lng));
+        if (hasInternationalMarkers && currentTileSource === "ign") {
+          setCurrentTileSource("osm");
+        }
         if (config.fitBoundsOnLoad && markers.length > 0 && !hasFitBoundsRef.current) {
           const group = L$1.featureGroup(
             markers.map((m) => L$1.marker([m.lat, m.lng]))