@fabriquerdemain/map-react 1.0.1 → 1.0.4

package/dist/components/DetailPanel.d.ts

@@ -10,6 +10,10 @@ export interface DetailPanelProps {
     marker?: MapMarker | null;
     /** Configuration du panneau */
     config?: Partial<DetailPanelConfig>;
+    /** Mode d'affichage : 'full' (toutes les infos) ou 'minimal' (placeholder) */
+    mode?: 'full' | 'minimal';
+    /** Message à afficher en mode minimal */
+    placeholderMessage?: string;
     /** Toujours afficher le panneau même sans marqueur */
     alwaysVisible?: boolean;
     /** Callback appelé quand on ferme le panneau */

package/dist/components/DetailPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPanel.d.ts","sourceRoot":"","sources":["../../src/components/DetailPanel.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAGzE,MAAM,WAAW,gBAAgB;IAC/B,yDAAyD;IACzD,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACzB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAA;IACnC,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IAC3C,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7E,0DAA0D;IAC1D,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+SlD,CAAA;AA4BD,eAAe,WAAW,CAAA"}
+{"version":3,"file":"DetailPanel.d.ts","sourceRoot":"","sources":["../../src/components/DetailPanel.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAGzE,MAAM,WAAW,gBAAgB;IAC/B,yDAAyD;IACzD,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACzB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAA;IACnC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IAC3C,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7E,0DAA0D;IAC1D,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+SlD,CAAA;AA4BD,eAAe,WAAW,CAAA"}

package/dist/components/Map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../src/components/Map.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAON,MAAM,OAAO,CAAA;AACd,OAAO,CAAC,MAAM,SAAS,CAAA;AACvB,OAAO,0BAA0B,CAAA;AACjC,OAAO,8CAA8C,CAAA;AACrD,OAAO,sDAAsD,CAAA;AAC7D,OAAO,uBAAuB,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAQ5E,MAAM,WAAW,QAAQ;IACvB,qCAAqC;IACrC,OAAO,CAAC,EAAE,SAAS,EAAE,CAAA;IACrB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAC3B,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IAC3C,oDAAoD;IACpD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAClD,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC3D,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IAC5C,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,KAAK,IAAI,CAAA;IAC9B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,MAAM,WAAW,MAAM;IACrB,8BAA8B;IAC9B,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxD,iCAAiC;IACjC,SAAS,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IACtC,oCAAoC;IACpC,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,GAAG,IAAI,CAAA;CAC3B;AAgBD,eAAO,MAAM,GAAG,yEAsSf,CAAA;AAID,eAAe,GAAG,CAAA"}
+{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../src/components/Map.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAON,MAAM,OAAO,CAAA;AACd,OAAO,CAAC,MAAM,SAAS,CAAA;AACvB,OAAO,0BAA0B,CAAA;AACjC,OAAO,8CAA8C,CAAA;AACrD,OAAO,sDAAsD,CAAA;AAC7D,OAAO,uBAAuB,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAQ5E,MAAM,WAAW,QAAQ;IACvB,qCAAqC;IACrC,OAAO,CAAC,EAAE,SAAS,EAAE,CAAA;IACrB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAC3B,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IAC3C,oDAAoD;IACpD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAClD,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC3D,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IAC5C,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,KAAK,IAAI,CAAA;IAC9B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,MAAM,WAAW,MAAM;IACrB,8BAA8B;IAC9B,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxD,iCAAiC;IACjC,SAAS,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IACtC,oCAAoC;IACpC,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,GAAG,IAAI,CAAA;CAC3B;AAgBD,eAAO,MAAM,GAAG,yEAmUf,CAAA;AAID,eAAe,GAAG,CAAA"}

package/dist/repcartes-map-react.js

@@ -11486,6 +11486,8 @@ const DEFAULT_MAP_CONFIG = {
   fitBoundsOnLoad: true,
   fitBoundsPadding: 50,
   showPopup: true,
+  popupMode: "full",
+  popupPlaceholder: "Détails bientôt disponibles",
   showPopupTitle: true,
   showPopupSubtitle: true,
   showPopupAddress: true,
@@ -11583,9 +11585,14 @@ const Map$1 = forwardRef(
     const markerMapRef = useRef(new globalThis.Map());
     const tileLayerRef = useRef(null);
     const hasFitBoundsRef = useRef(false);
-    const [currentTileSource, setCurrentTileSource] = useState(
+    const currentTileSourceRef = useRef("ign");
+    const [currentTileSource, setCurrentTileSourceState] = useState(
       "ign"
     );
+    const setCurrentTileSource = useCallback((source) => {
+      currentTileSourceRef.current = source;
+      setCurrentTileSourceState(source);
+    }, []);
     const config = { ...DEFAULT_MAP_CONFIG, ...configProp };
     const createColoredIcon = useCallback(
       (color = "#F95E3C") => {
@@ -11612,6 +11619,17 @@ const Map$1 = forwardRef(
     const buildPopupContent = 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>`;
         }
@@ -11678,9 +11696,9 @@ const Map$1 = forwardRef(
         });
         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");
         }
       });
@@ -11732,6 +11750,10 @@ const Map$1 = forwardRef(
         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]))