datastake-daf 0.6.293 → 0.6.295

package/dist/components/index.js

@@ -20959,26 +20959,27 @@ const SimpleGlobe = _ref => {
     // Set Mapbox access token
     mapboxgl.accessToken = 'pk.eyJ1IjoicmVkaXM5OTkiLCJhIjoiY2x4YWV5MzA5MmtuZzJpcXM5Y201Z2E2YiJ9.m5bwPg-Tj4Akesl1yQUa3w';
 
-    // Create map with custom Straatos style - 3D globe configuration
+    // Create map with custom Straatos style
     map.current = new mapboxgl.Map({
       container: mapContainer.current,
       style: 'mapbox://styles/pietragottardo/cm9tt9zfi00d101pg1vdx26si',
       center: [0, 0],
       zoom: mapConfig.maxZoom || 3,
       projection: 'globe',
-      // 3D globe settings for proper rendering
-      pitch: 0,
-      bearing: 0,
-      antialias: true,
-      fadeDuration: 0,
       attributionControl: false
     });
 
-    // Configure 3D globe when style loads
-    map.current.on('style.load', () => {
-      console.log('🎨 [SIMPLE GLOBE] Style loaded, configuring 3D globe...');
+    // Add markers when map loads
+    map.current.on('load', () => {
+      console.log('🗺️ [SIMPLE GLOBE] Map loaded, adding markers...');
+
+      // Hide Mapbox logo and attribution completely
+      map.current.getContainer();
+      const style = document.createElement('style');
+      style.textContent = "\n        .mapboxgl-ctrl-logo,\n        .mapboxgl-ctrl-attrib,\n        .mapboxgl-ctrl-bottom-left,\n        .mapboxgl-ctrl-bottom-right {\n          display: none !important;\n        }\n        .mapboxgl-canvas-container {\n          overflow: hidden !important;\n        }\n        .mapboxgl-canvas {\n          overflow: hidden !important;\n        }\n        /* CRITICAL: Override Leaflet CSS interference with Mapbox */\n        .daf-simple-globe-container .mapboxgl-canvas-container {\n          position: relative !important;\n          left: auto !important;\n          top: auto !important;\n        }\n        .daf-simple-globe-container .mapboxgl-canvas-container canvas {\n          position: relative !important;\n          left: auto !important;\n          top: auto !important;\n          transform: none !important;\n        }\n        /* Prevent Leaflet styles from affecting Mapbox markers */\n        .daf-simple-globe-container .daf-globe-marker {\n          position: relative !important;\n          left: auto !important;\n          top: auto !important;\n        }\n      ";
+      document.head.appendChild(style);
 
-      // Set fog for the space background effect with stars
+      // Set the space background with stars
       try {
         map.current.setFog({
           'color': 'rgb(0, 0, 0)',
@@ -21003,29 +21004,6 @@ const SimpleGlobe = _ref => {
         }
       }
 
-      // Set lighting for better 3D globe visibility
-      try {
-        map.current.setLight({
-          'anchor': 'viewport',
-          'color': 'white',
-          'intensity': 0.4
-        });
-        console.log('💡 [SIMPLE GLOBE] Lighting configured for 3D globe');
-      } catch (e) {
-        console.log('⚠️ [SIMPLE GLOBE] Could not set lighting');
-      }
-    });
-
-    // Add markers when map loads
-    map.current.on('load', () => {
-      console.log('🗺️ [SIMPLE GLOBE] Map loaded, adding markers...');
-
-      // Hide Mapbox logo and attribution completely
-      map.current.getContainer();
-      const style = document.createElement('style');
-      style.textContent = "\n        .mapboxgl-ctrl-logo,\n        .mapboxgl-ctrl-attrib,\n        .mapboxgl-ctrl-bottom-left,\n        .mapboxgl-ctrl-bottom-right {\n          display: none !important;\n        }\n        .mapboxgl-canvas-container {\n          overflow: hidden !important;\n        }\n        .mapboxgl-canvas {\n          overflow: hidden !important;\n        }\n        \n        /* Namespace Mapbox styles to avoid Leaflet interference */\n        .daf-simple-globe-container .mapboxgl-marker {\n          position: absolute !important; /* let Mapbox control positioning */\n          transform: none !important; /* let Mapbox handle positioning for 3D globe */\n          left: auto !important;\n          top: auto !important;\n          z-index: 1000 !important; /* ensure markers are visible */\n        }\n        \n        .daf-simple-globe-container .mapboxgl-marker-pane {\n          position: absolute !important;\n          z-index: 1000 !important;\n        }\n        \n        .daf-simple-globe-container .mapboxgl-canvas {\n          position: absolute !important;\n          top: 0;\n          left: 0;\n        }\n        \n        .daf-simple-globe-container .mapboxgl-canvas-container {\n          position: relative !important;\n          left: auto !important;\n          top: auto !important;\n        }\n        \n        .daf-simple-globe-container .mapboxgl-canvas-container canvas {\n          position: absolute !important;\n          top: 0;\n          left: 0;\n          transform: none !important;\n        }\n      ";
-      document.head.appendChild(style);
-
       // Calculate bounds to fit all markers
       const bounds = new mapboxgl.LngLatBounds();
       let hasValidCoordinates = false;
@@ -21101,50 +21079,30 @@ const SimpleGlobe = _ref => {
         const lat = Number(project.latitude);
         console.log("\uD83D\uDCCD [SIMPLE GLOBE] Marker ".concat(index, " coordinates:"), {
           lng,
-          lat,
-          project: project.name
+          lat
         });
 
         // Validate coordinates
         if (isNaN(lng) || isNaN(lat) || lng < -180 || lng > 180 || lat < -90 || lat > 90) {
           console.error("\u274C [SIMPLE GLOBE] Invalid coordinates for project ".concat(index, ":"), {
             lng,
-            lat,
-            project: project.name
+            lat
           });
           return;
         }
-        console.log("\uD83D\uDCCD Marker ".concat(index, " coordinates:"), {
-          lng,
-          lat
-        });
 
         // Add coordinates to bounds
         bounds.extend([lng, lat]);
         hasValidCoordinates = true;
 
-        // Create marker with explicit positioning and anchor for 3D globe
-        const marker = new mapboxgl.Marker({
-          element: el,
-          anchor: 'center' // Use center anchor for 3D globe positioning
-        }).setLngLat([lng, lat]).setPopup(popup).addTo(map.current);
+        // Add marker to map with proper coordinate order [lng, lat]
+        new mapboxgl.Marker(el).setLngLat([lng, lat]).setPopup(popup).addTo(map.current);
 
         // Add click handler
         el.addEventListener('click', () => {
           console.log('📍 [SIMPLE GLOBE] Marker clicked:', project);
           onProjectClick(project);
         });
-
-        // Verify marker position after a short delay (like other Globe components)
-        setTimeout(() => {
-          const markerLngLat = marker.getLngLat();
-          console.log("\uD83D\uDD0D [SIMPLE GLOBE] Marker ".concat(index, " position verification:"), {
-            expected: [lng, lat],
-            actual: [markerLngLat.lng, markerLngLat.lat],
-            project: project.name,
-            match: Math.abs(markerLngLat.lng - lng) < 0.0001 && Math.abs(markerLngLat.lat - lat) < 0.0001
-          });
-        }, 100);
         console.log("\u2705 [SIMPLE GLOBE] Marker ".concat(index, " added at:"), [lng, lat]);
       });
 
@@ -21165,14 +21123,6 @@ const SimpleGlobe = _ref => {
       } else {
         boundsRef.current = null;
       }
-
-      // Force resize for 3D globe rendering
-      setTimeout(() => {
-        if (map.current && map.current.resize) {
-          map.current.resize();
-          console.log('🔄 [SIMPLE GLOBE] Map resized for 3D globe rendering');
-        }
-      }, 100);
     });
     return () => {
       if (map.current) {
@@ -21267,392 +21217,6 @@ const SimpleGlobe = _ref => {
   });
 };
 
-const IsolatedGlobe = _ref => {
-  let {
-    projects = [],
-    mapConfig = {},
-    onProjectClick = () => {},
-    type = "default",
-    color = "#00809E"
-  } = _ref;
-  const mapContainer = React.useRef(null);
-  const map = React.useRef(null);
-  const shadowRoot = React.useRef(null);
-  const boundsRef = React.useRef(null);
-  React.useEffect(() => {
-    if (map.current) return;
-    console.log('🗺️ [ISOLATED GLOBE] Creating isolated map...');
-
-    // Set Mapbox access token
-    mapboxgl.accessToken = 'pk.eyJ1IjoicmVkaXM5OTkiLCJhIjoiY2x4YWV5MzA5MmtuZzJpcXM5Y201Z2E2YiJ9.m5bwPg-Tj4Akesl1yQUa3w';
-
-    // Create shadow DOM for complete isolation
-    const container = mapContainer.current;
-    shadowRoot.current = container.attachShadow({
-      mode: 'open'
-    });
-
-    // Create isolated styles
-    const style = document.createElement('style');
-    style.textContent = "\n      :host {\n        display: block;\n        width: 100%;\n        height: 100%;\n        position: relative;\n        overflow: hidden;\n      }\n      \n      .mapboxgl-map {\n        font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;\n        overflow: hidden;\n        position: relative;\n        width: 100%;\n        height: 100%;\n        -webkit-tap-highlight-color: rgb(0 0 0/0);\n      }\n      \n      .mapboxgl-canvas {\n        left: 0;\n        position: absolute;\n        top: 0;\n      }\n      \n      .mapboxgl-canvas-container {\n        position: relative;\n        width: 100%;\n        height: 100%;\n      }\n      \n      .mapboxgl-marker {\n        position: absolute;\n        z-index: 1;\n      }\n      \n      .mapboxgl-marker svg {\n        display: block;\n      }\n      \n      .mapboxgl-popup {\n        position: absolute;\n        text-align: center;\n        margin-bottom: 20px;\n      }\n      \n      .mapboxgl-popup-content-wrapper {\n        padding: 1px;\n        text-align: left;\n        border-radius: 12px;\n        background: white;\n        color: #333;\n        box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);\n      }\n      \n      .mapboxgl-popup-content {\n        margin: 13px 24px 13px 20px;\n        line-height: 1.3;\n        font-size: 13px;\n        min-height: 1px;\n      }\n      \n      .mapboxgl-popup-tip-container {\n        width: 40px;\n        height: 20px;\n        position: absolute;\n        left: 50%;\n        margin-top: -1px;\n        margin-left: -20px;\n        overflow: hidden;\n        pointer-events: none;\n      }\n      \n      .mapboxgl-popup-tip {\n        width: 17px;\n        height: 17px;\n        padding: 1px;\n        margin: -10px auto 0;\n        pointer-events: auto;\n        transform: rotate(45deg);\n        background: white;\n        box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);\n      }\n      \n      .mapboxgl-popup-close-button {\n        position: absolute;\n        top: 0;\n        right: 0;\n        border: none;\n        text-align: center;\n        width: 24px;\n        height: 24px;\n        font: 16px/24px Tahoma, Verdana, sans-serif;\n        color: #757575;\n        text-decoration: none;\n        background: transparent;\n        cursor: pointer;\n      }\n      \n      .mapboxgl-popup-close-button:hover {\n        color: #585858;\n      }\n      \n      .mapboxgl-ctrl-attribution,\n      .mapboxgl-ctrl-logo {\n        display: none !important;\n      }\n    ";
-    shadowRoot.current.appendChild(style);
-
-    // Create map container inside shadow DOM
-    const mapDiv = document.createElement('div');
-    mapDiv.style.width = '100%';
-    mapDiv.style.height = '100%';
-    shadowRoot.current.appendChild(mapDiv);
-
-    // Create map
-    map.current = new mapboxgl.Map({
-      container: mapDiv,
-      style: 'mapbox://styles/mapbox/satellite-v9',
-      center: [0, 0],
-      zoom: mapConfig.maxZoom || 3,
-      projection: 'globe',
-      attributionControl: false
-    });
-
-    // Add markers when map loads
-    map.current.on('load', () => {
-      console.log('🗺️ [ISOLATED GLOBE] Map loaded, adding markers...');
-
-      // Calculate bounds to fit all markers
-      const bounds = new mapboxgl.LngLatBounds();
-      let hasValidCoordinates = false;
-      projects.forEach((project, index) => {
-        console.log("\uD83D\uDCCD [ISOLATED GLOBE] Adding marker ".concat(index, ":"), project);
-
-        // Create marker element
-        const el = document.createElement('div');
-        el.style.cursor = 'pointer';
-        el.style.boxShadow = '0px 3.45px 3.45px 0px #00000029';
-        el.style.display = 'flex';
-        el.style.alignItems = 'center';
-        el.style.justifyContent = 'center';
-        el.style.position = 'relative';
-        el.style.left = 'auto';
-        el.style.top = 'auto';
-        el.style.transform = 'none';
-        el.style.zIndex = '1000';
-        if (type === "location") {
-          // Location marker - SVG map pin style
-          el.style.width = '28px';
-          el.style.height = '33px';
-          el.innerHTML = "\n            <svg\n              width=\"28\"\n              height=\"33\"\n              viewBox=\"0 0 28 33\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M5.14346 4.87419C10.0688 -0.15896 18.0528 -0.162058 22.9757 4.86861C27.6563 9.65161 27.8841 17.2616 23.6622 22.3255H23.6608C23.427 22.6141 23.1808 22.894 22.9211 23.1623L14.0671 32.2101L5.44057 23.3948L5.13868 23.096C0.215857 18.0655 0.218422 9.90737 5.14346 4.87419Z\"\n                fill=\"".concat(color, "\"\n                stroke=\"white\"\n              />\n            </svg>\n          ");
-        } else {
-          // Default circular marker style
-          el.style.width = '30px';
-          el.style.height = '30px';
-          el.style.backgroundColor = color;
-          el.style.borderRadius = '50%';
-          el.style.border = '2px solid white';
-          el.style.color = 'white';
-          el.style.fontWeight = 'bold';
-          el.style.fontSize = '14px';
-          el.style.textAlign = 'center';
-          el.style.lineHeight = '1';
-          el.innerHTML = "<span style=\"display: block; line-height: 1;\">".concat(project.percentageCompletion || 0, "</span>");
-        }
-
-        // Create popup content
-        const popupContent = "\n          <div style=\"padding: 12px; min-width: 200px;\">\n            <h3 style=\"margin: 0 0 8px 0; font-size: 16px; color: #333;\">".concat(project.name, "</h3>\n            <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #666;\">\n              <strong>Country:</strong> ").concat(project.country || 'N/A', "\n            </p>\n            <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #666;\">\n              <strong>Sector:</strong> ").concat(project.sectoralScope || 'Project', "\n            </p>\n            <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #666;\">\n              <strong>Completion:</strong> ").concat(project.percentageCompletion || 0, "%\n            </p>\n            <p style=\"margin: 4px 0 0 0; font-size: 12px; color: #666;\">\n              <strong>Coordinates:</strong> ").concat(Number(project.latitude).toFixed(4), ", ").concat(Number(project.longitude).toFixed(4), "\n            </p>\n          </div>\n        ");
-
-        // Create popup
-        const popup = new mapboxgl.Popup({
-          offset: 25,
-          closeButton: true,
-          closeOnClick: false
-        }).setHTML(popupContent);
-
-        // Ensure coordinates are valid numbers
-        const lng = Number(project.longitude);
-        const lat = Number(project.latitude);
-        console.log("\uD83D\uDCCD [ISOLATED GLOBE] Marker ".concat(index, " coordinates:"), {
-          original: {
-            longitude: project.longitude,
-            latitude: project.latitude
-          },
-          processed: {
-            lng,
-            lat
-          },
-          project: project.name
-        });
-
-        // Validate coordinates
-        if (isNaN(lng) || isNaN(lat) || lng < -180 || lng > 180 || lat < -90 || lat > 90) {
-          console.error("\u274C [ISOLATED GLOBE] Invalid coordinates for project ".concat(index, ":"), {
-            lng,
-            lat,
-            original: {
-              longitude: project.longitude,
-              latitude: project.latitude
-            },
-            project: project.name
-          });
-          return;
-        }
-
-        // Add coordinates to bounds
-        bounds.extend([lng, lat]);
-        hasValidCoordinates = true;
-
-        // Create marker with explicit positioning
-        const marker = new mapboxgl.Marker({
-          element: el,
-          anchor: 'center'
-        }).setLngLat([lng, lat]).setPopup(popup).addTo(map.current);
-
-        // Add click handler
-        el.addEventListener('click', () => {
-          console.log('📍 [ISOLATED GLOBE] Marker clicked:', project);
-          onProjectClick(project);
-        });
-
-        // Verify marker position after a short delay
-        setTimeout(() => {
-          const markerLngLat = marker.getLngLat();
-          console.log("\uD83D\uDD0D [ISOLATED GLOBE] Marker ".concat(index, " position verification:"), {
-            expected: [lng, lat],
-            actual: [markerLngLat.lng, markerLngLat.lat],
-            project: project.name,
-            match: Math.abs(markerLngLat.lng - lng) < 0.0001 && Math.abs(markerLngLat.lat - lat) < 0.0001
-          });
-        }, 100);
-        console.log("\u2705 [ISOLATED GLOBE] Marker ".concat(index, " added at:"), [lng, lat]);
-      });
-
-      // Fit map to show all markers if we have valid coordinates
-      if (hasValidCoordinates && !bounds.isEmpty()) {
-        console.log('🗺️ [ISOLATED GLOBE] Fitting map to bounds:', bounds);
-        map.current.fitBounds(bounds, {
-          padding: {
-            top: 20,
-            bottom: 20,
-            left: 20,
-            right: 20
-          },
-          maxZoom: 6,
-          duration: 1000
-        });
-        boundsRef.current = bounds;
-      } else {
-        boundsRef.current = null;
-      }
-    });
-    return () => {
-      if (map.current) {
-        map.current.remove();
-        map.current = null;
-      }
-    };
-  }, [projects, onProjectClick, mapConfig]);
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    ref: mapContainer,
-    style: {
-      width: '100%',
-      height: '100%',
-      position: 'relative'
-    }
-  });
-};
-
-const NoConflictGlobe = _ref => {
-  let {
-    projects = [],
-    mapConfig = {},
-    onProjectClick = () => {},
-    type = "default",
-    color = "#00809E"
-  } = _ref;
-  const mapContainer = React.useRef(null);
-  const map = React.useRef(null);
-  const boundsRef = React.useRef(null);
-  React.useEffect(() => {
-    if (map.current) return;
-    console.log('🗺️ [NO CONFLICT GLOBE] Creating map with aggressive isolation...');
-
-    // Set Mapbox access token
-    mapboxgl.accessToken = 'pk.eyJ1IjoicmVkaXM5OTkiLCJhIjoiY2x4YWV5MzA5MmtuZzJpcXM5Y201Z2E2YiJ9.m5bwPg-Tj4Akesl1yQUa3w';
-
-    // Create map
-    map.current = new mapboxgl.Map({
-      container: mapContainer.current,
-      style: 'mapbox://styles/mapbox/satellite-v9',
-      center: [0, 0],
-      zoom: mapConfig.maxZoom || 3,
-      projection: 'globe',
-      attributionControl: false
-    });
-
-    // Add markers when map loads
-    map.current.on('load', () => {
-      console.log('🗺️ [NO CONFLICT GLOBE] Map loaded, adding markers...');
-
-      // Inject aggressive CSS isolation
-      const styleId = 'no-conflict-globe-styles';
-      let existingStyle = document.getElementById(styleId);
-      if (!existingStyle) {
-        const style = document.createElement('style');
-        style.id = styleId;
-        style.textContent = "\n          /* NO CONFLICT GLOBE - Aggressive CSS Isolation */\n          .no-conflict-globe-container {\n            position: relative !important;\n            width: 100% !important;\n            height: 100% !important;\n            overflow: hidden !important;\n            font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif !important;\n            -webkit-tap-highlight-color: rgb(0 0 0/0) !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-canvas-container {\n            position: relative !important;\n            left: 0 !important;\n            top: 0 !important;\n            transform: none !important;\n            width: 100% !important;\n            height: 100% !important;\n            overflow: hidden !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-canvas-container canvas {\n            position: absolute !important;\n            left: 0 !important;\n            top: 0 !important;\n            transform: none !important;\n            width: 100% !important;\n            height: 100% !important;\n            isolation: isolate !important;\n          }\n          \n          /* Override ALL possible Leaflet CSS interference */\n          .no-conflict-globe-container .mapboxgl-marker {\n            position: absolute !important;\n            left: auto !important;\n            top: auto !important;\n            transform: none !important;\n            pointer-events: auto !important;\n            z-index: 1000 !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-marker .no-conflict-marker {\n            position: relative !important;\n            left: auto !important;\n            top: auto !important;\n            transform: none !important;\n            pointer-events: auto !important;\n            cursor: pointer !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            isolation: isolate !important;\n          }\n          \n          /* Override Leaflet pane positioning */\n          .no-conflict-globe-container .mapboxgl-marker-pane {\n            position: absolute !important;\n            left: 0 !important;\n            top: 0 !important;\n            transform: none !important;\n            z-index: 600 !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-tile-container {\n            position: absolute !important;\n            left: 0 !important;\n            top: 0 !important;\n            transform: none !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-zoom-animated {\n            transform-origin: 0 0 !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-marker.leaflet-interactive {\n            cursor: pointer !important;\n          }\n          \n          /* Popup styles with isolation */\n          .no-conflict-globe-container .mapboxgl-popup {\n            position: absolute !important;\n            left: auto !important;\n            top: auto !important;\n            transform: none !important;\n            z-index: 700 !important;\n            text-align: center !important;\n            margin-bottom: 20px !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-popup-content-wrapper {\n            padding: 1px !important;\n            text-align: left !important;\n            border-radius: 12px !important;\n            background: white !important;\n            color: #333 !important;\n            box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4) !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-popup-content {\n            margin: 13px 24px 13px 20px !important;\n            line-height: 1.3 !important;\n            font-size: 13px !important;\n            min-height: 1px !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-popup-content p {\n            margin: 17px 0 !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-popup-tip-container {\n            width: 40px !important;\n            height: 20px !important;\n            position: absolute !important;\n            left: 50% !important;\n            margin-top: -1px !important;\n            margin-left: -20px !important;\n            overflow: hidden !important;\n            pointer-events: none !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-popup-tip {\n            width: 17px !important;\n            height: 17px !important;\n            padding: 1px !important;\n            margin: -10px auto 0 !important;\n            pointer-events: auto !important;\n            transform: rotate(45deg) !important;\n            background: white !important;\n            box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4) !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-popup-close-button {\n            position: absolute !important;\n            top: 0 !important;\n            right: 0 !important;\n            border: none !important;\n            text-align: center !important;\n            width: 24px !important;\n            height: 24px !important;\n            font: 16px/24px Tahoma, Verdana, sans-serif !important;\n            color: #757575 !important;\n            text-decoration: none !important;\n            background: transparent !important;\n            cursor: pointer !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-popup-close-button:hover {\n            color: #585858 !important;\n          }\n          \n          /* Hide Mapbox attribution completely */\n          .no-conflict-globe-container .mapboxgl-ctrl-attribution {\n            display: none !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-ctrl-logo {\n            display: none !important;\n          }\n          \n          /* Override any Leaflet pane positioning */\n          .no-conflict-globe-container .mapboxgl-overlay-pane {\n            position: absolute !important;\n            left: 0 !important;\n            top: 0 !important;\n            transform: none !important;\n            z-index: 400 !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-shadow-pane {\n            position: absolute !important;\n            left: 0 !important;\n            top: 0 !important;\n            transform: none !important;\n            z-index: 500 !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-tooltip-pane {\n            position: absolute !important;\n            left: 0 !important;\n            top: 0 !important;\n            transform: none !important;\n            z-index: 650 !important;\n            isolation: isolate !important;\n          }\n          \n          .no-conflict-globe-container .mapboxgl-popup-pane {\n            position: absolute !important;\n            left: 0 !important;\n            top: 0 !important;\n            transform: none !important;\n            z-index: 700 !important;\n            isolation: isolate !important;\n          }\n          \n          /* Override any Leaflet div icon styles */\n          .no-conflict-globe-container .mapboxgl-marker .leaflet-div-icon {\n            background: none !important;\n            border: none !important;\n            position: relative !important;\n            left: auto !important;\n            top: auto !important;\n            transform: none !important;\n          }\n          \n          /* Override any Leaflet marker icon styles */\n          .no-conflict-globe-container .mapboxgl-marker .leaflet-marker-icon {\n            position: relative !important;\n            left: auto !important;\n            top: auto !important;\n            transform: none !important;\n          }\n          \n          /* Override any Leaflet marker shadow styles */\n          .no-conflict-globe-container .mapboxgl-marker .leaflet-marker-shadow {\n            display: none !important;\n          }\n          \n          /* Override any Leaflet interactive styles */\n          .no-conflict-globe-container .mapboxgl-marker.leaflet-interactive {\n            cursor: pointer !important;\n            pointer-events: auto !important;\n          }\n          \n          /* Override any Leaflet zoom animations */\n          .no-conflict-globe-container .mapboxgl-zoom-animated {\n            transform-origin: 0 0 !important;\n          }\n          \n          /* Override any Leaflet tile styles */\n          .no-conflict-globe-container .mapboxgl-tile {\n            position: absolute !important;\n            left: 0 !important;\n            top: 0 !important;\n            transform: none !important;\n          }\n          \n          /* Override any Leaflet image layer styles */\n          .no-conflict-globe-container .mapboxgl-image-layer {\n            position: absolute !important;\n            left: 0 !important;\n            top: 0 !important;\n            transform: none !important;\n          }\n        ";
-        document.head.appendChild(style);
-      }
-
-      // Calculate bounds to fit all markers
-      const bounds = new mapboxgl.LngLatBounds();
-      let hasValidCoordinates = false;
-      projects.forEach((project, index) => {
-        console.log("\uD83D\uDCCD [NO CONFLICT GLOBE] Adding marker ".concat(index, ":"), project);
-
-        // Create marker element with unique class
-        const el = document.createElement('div');
-        el.className = 'no-conflict-marker';
-        el.style.cursor = 'pointer';
-        el.style.boxShadow = '0px 3.45px 3.45px 0px #00000029';
-        el.style.display = 'flex';
-        el.style.alignItems = 'center';
-        el.style.justifyContent = 'center';
-        el.style.position = 'relative';
-        el.style.left = 'auto';
-        el.style.top = 'auto';
-        el.style.transform = 'none';
-        el.style.zIndex = '1000';
-        el.style.isolation = 'isolate';
-        if (type === "location") {
-          // Location marker - SVG map pin style
-          el.style.width = '28px';
-          el.style.height = '33px';
-          el.innerHTML = "\n            <svg\n              width=\"28\"\n              height=\"33\"\n              viewBox=\"0 0 28 33\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M5.14346 4.87419C10.0688 -0.15896 18.0528 -0.162058 22.9757 4.86861C27.6563 9.65161 27.8841 17.2616 23.6622 22.3255H23.6608C23.427 22.6141 23.1808 22.894 22.9211 23.1623L14.0671 32.2101L5.44057 23.3948L5.13868 23.096C0.215857 18.0655 0.218422 9.90737 5.14346 4.87419Z\"\n                fill=\"".concat(color, "\"\n                stroke=\"white\"\n              />\n            </svg>\n          ");
-        } else {
-          // Default circular marker style
-          el.style.width = '30px';
-          el.style.height = '30px';
-          el.style.backgroundColor = color;
-          el.style.borderRadius = '50%';
-          el.style.border = '2px solid white';
-          el.style.color = 'white';
-          el.style.fontWeight = 'bold';
-          el.style.fontSize = '14px';
-          el.style.textAlign = 'center';
-          el.style.lineHeight = '1';
-          el.innerHTML = "<span style=\"display: block; line-height: 1;\">".concat(project.percentageCompletion || 0, "</span>");
-        }
-
-        // Create popup content
-        const popupContent = "\n          <div style=\"padding: 12px; min-width: 200px;\">\n            <h3 style=\"margin: 0 0 8px 0; font-size: 16px; color: #333;\">".concat(project.name, "</h3>\n            <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #666;\">\n              <strong>Country:</strong> ").concat(project.country || 'N/A', "\n            </p>\n            <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #666;\">\n              <strong>Sector:</strong> ").concat(project.sectoralScope || 'Project', "\n            </p>\n            <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #666;\">\n              <strong>Completion:</strong> ").concat(project.percentageCompletion || 0, "%\n            </p>\n            <p style=\"margin: 4px 0 0 0; font-size: 12px; color: #666;\">\n              <strong>Coordinates:</strong> ").concat(Number(project.latitude).toFixed(4), ", ").concat(Number(project.longitude).toFixed(4), "\n            </p>\n          </div>\n        ");
-
-        // Create popup
-        const popup = new mapboxgl.Popup({
-          offset: 25,
-          closeButton: true,
-          closeOnClick: false
-        }).setHTML(popupContent);
-
-        // Ensure coordinates are valid numbers
-        const lng = Number(project.longitude);
-        const lat = Number(project.latitude);
-        console.log("\uD83D\uDCCD [NO CONFLICT GLOBE] Marker ".concat(index, " coordinates:"), {
-          original: {
-            longitude: project.longitude,
-            latitude: project.latitude
-          },
-          processed: {
-            lng,
-            lat
-          },
-          project: project.name
-        });
-
-        // Validate coordinates
-        if (isNaN(lng) || isNaN(lat) || lng < -180 || lng > 180 || lat < -90 || lat > 90) {
-          console.error("\u274C [NO CONFLICT GLOBE] Invalid coordinates for project ".concat(index, ":"), {
-            lng,
-            lat,
-            original: {
-              longitude: project.longitude,
-              latitude: project.latitude
-            },
-            project: project.name
-          });
-          return;
-        }
-
-        // Add coordinates to bounds
-        bounds.extend([lng, lat]);
-        hasValidCoordinates = true;
-
-        // Create marker with explicit positioning
-        const marker = new mapboxgl.Marker({
-          element: el,
-          anchor: 'center'
-        }).setLngLat([lng, lat]).setPopup(popup).addTo(map.current);
-
-        // Add click handler
-        el.addEventListener('click', () => {
-          console.log('📍 [NO CONFLICT GLOBE] Marker clicked:', project);
-          onProjectClick(project);
-        });
-
-        // Verify marker position after a short delay
-        setTimeout(() => {
-          const markerLngLat = marker.getLngLat();
-          console.log("\uD83D\uDD0D [NO CONFLICT GLOBE] Marker ".concat(index, " position verification:"), {
-            expected: [lng, lat],
-            actual: [markerLngLat.lng, markerLngLat.lat],
-            project: project.name,
-            match: Math.abs(markerLngLat.lng - lng) < 0.0001 && Math.abs(markerLngLat.lat - lat) < 0.0001
-          });
-        }, 100);
-        console.log("\u2705 [NO CONFLICT GLOBE] Marker ".concat(index, " added at:"), [lng, lat]);
-      });
-
-      // Fit map to show all markers if we have valid coordinates
-      if (hasValidCoordinates && !bounds.isEmpty()) {
-        console.log('🗺️ [NO CONFLICT GLOBE] Fitting map to bounds:', bounds);
-        map.current.fitBounds(bounds, {
-          padding: {
-            top: 20,
-            bottom: 20,
-            left: 20,
-            right: 20
-          },
-          maxZoom: 6,
-          duration: 1000
-        });
-        boundsRef.current = bounds;
-      } else {
-        boundsRef.current = null;
-      }
-    });
-    return () => {
-      if (map.current) {
-        map.current.remove();
-        map.current = null;
-      }
-    };
-  }, [projects, onProjectClick, mapConfig]);
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "no-conflict-globe-container",
-    style: {
-      width: '100%',
-      height: '100%',
-      position: 'relative',
-      isolation: 'isolate'
-    },
-    children: /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: mapContainer,
-      style: {
-        width: '100%',
-        height: '100%',
-        position: 'relative',
-        isolation: 'isolate'
-      }
-    })
-  });
-};
-
 function WidgetPlaceholder(_ref) {
   let {
     icon = "",
@@ -62433,7 +61997,6 @@ exports.InformationChannelsDataPoint = DataPoint;
 exports.InformationChannelsSubject = Subject;
 exports.InformationChannelsView = InformationChannel;
 exports.InformationUnavailable = InformationUnavailable;
-exports.IsolatedGlobe = IsolatedGlobe;
 exports.KeyIndicators = KeyIndicatorsWidget$1;
 exports.KeyIndicatorsDetails = KeyIndicatorsDetails;
 exports.LineChart = LineChart;
@@ -62448,7 +62011,6 @@ exports.MoreTags = MoreTags;
 exports.MultiBarProgress = MultiBarProgress;
 exports.MultiColorProgressBar = MultiColorProgressBar;
 exports.Multiselect = Multiselect;
-exports.NoConflictGlobe = NoConflictGlobe;
 exports.NotFound = NotFound;
 exports.Pagination = Pagination;
 exports.PdfForm = PdfForm;

package/dist/style/datastake/_index.css

@@ -1,5 +1,5 @@
 @import "./fonts/outfit.css";
 @import "./fonts/sfDisplay.css";
 @import "./datastake.css";
-/* @import "./leaflet.css"; */
-/* @import "./leaflet.markercluster.css"; */
+@import "./leaflet.css";
+@import "./leaflet.markercluster.css";

package/dist/utils/index.js

@@ -6273,6 +6273,9 @@ const userHasInterface = (user, app, intf) => {
 };
 
 const en = {
+  "No planning required": "No planning required",
+  "No evaluation required": "No evaluation required",
+  "No improvement required": "No improvement required",
   "Currently unavailable": "Currently unavailable",
   Description: "Description",
   "missing-inputs": "Missing Inputs",
@@ -7466,6 +7469,9 @@ const en = {
 };
 
 const fr = {
+  "No planning required": "Pas de planification requise",
+  "No evaluation required": "Pas d'évaluation requise",
+  "No improvement required": "Pas d'amélioration requise",
   "Currently unavailable": "Actuellement indisponible",
   "Description": "Description",
   "missing-inputs": "Données Manquantes",
@@ -9299,6 +9305,9 @@ const fr = {
 };
 
 const sp = {
+  "No planning required": "No se requiere planeación",
+  "No evaluation required": "No se requiere evaluación",
+  "No improvement required": "No se requiere mejora",
   "Currently unavailable": "Actualmente no disponible",
   "Description": "Descripción",
   "missing-inputs": "Datos que Faltan",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.293",
+	"version": "0.6.295",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",