datastake-daf 0.6.279 → 0.6.281

package/dist/components/index.js

@@ -3006,7 +3006,7 @@ const config$4 = {
   viewBox: "0 0 15 15",
   children: /*#__PURE__*/jsxRuntime.jsx("path", {
     d: "M7.66657 9.33337L5.66657 7.33337M9.0068 2.33337V1.33337M11.633 3.37381L12.3401 2.66671M11.633 8.66671L12.3401 9.37381M6.34013 3.37381L5.63303 2.66671M12.6735 6.00004H13.6735M3.08748 13.9125L9.24565 7.75429C9.50966 7.49028 9.64167 7.35827 9.69113 7.20605C9.73463 7.07216 9.73463 6.92792 9.69113 6.79403C9.64167 6.64181 9.50966 6.5098 9.24565 6.24579L8.75415 5.75429C8.49013 5.49028 8.35813 5.35827 8.20591 5.30881C8.07201 5.26531 7.92778 5.26531 7.79389 5.30881C7.64167 5.35827 7.50966 5.49028 7.24565 5.75429L1.08748 11.9125C0.823469 12.1765 0.691463 12.3085 0.642004 12.4607C0.598499 12.5946 0.598499 12.7388 0.642004 12.8727C0.691463 13.0249 0.823469 13.1569 1.08748 13.421L1.57899 13.9125C1.843 14.1765 1.975 14.3085 2.12722 14.3579C2.26112 14.4014 2.40535 14.4014 2.53924 14.3579C2.69146 14.3085 2.82347 14.1765 3.08748 13.9125Z",
-    stroke: "#6C737F",
+    stroke: "currentColor",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   })
@@ -14093,8 +14093,9 @@ const determineHasChildren = ({
 
 const sortByPosition = (items, getConfig) => {
   return items.sort((a, b) => {
-    const positionA = getConfig(a)?.position || 0;
-    const positionB = getConfig(b)?.position || 0;
+    var _getConfig, _getConfig2;
+    const positionA = ((_getConfig = getConfig(a)) === null || _getConfig === void 0 ? void 0 : _getConfig.position) || 0;
+    const positionB = ((_getConfig2 = getConfig(b)) === null || _getConfig2 === void 0 ? void 0 : _getConfig2.position) || 0;
     return positionA - positionB;
   });
 };
@@ -14111,7 +14112,7 @@ const resolveDynamicLabel = (labelConfig, item, defaultLabel) => {
       const parts = labelKey.split(' is ');
       if (parts.length === 2) {
         const [conditionKey, conditionValue] = parts;
-        if (item?.[conditionKey] === conditionValue) {
+        if ((item === null || item === void 0 ? void 0 : item[conditionKey]) === conditionValue) {
           return labelConfig[labelKey];
         }
       }
@@ -19320,6 +19321,34 @@ const Style$A = dt.div`
   position: relative;
   width: 100%;
   height: 472px;
+  
+  /* CRITICAL: Protect against Leaflet CSS interference */
+  .daf-simple-globe-container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    
+    /* Override Leaflet CSS that interferes with Mapbox */
+    .mapboxgl-canvas-container {
+      position: relative !important;
+      left: auto !important;
+      top: auto !important;
+    }
+    
+    .mapboxgl-canvas-container canvas {
+      position: relative !important;
+      left: auto !important;
+      top: auto !important;
+      transform: none !important;
+    }
+    
+    /* Protect markers from Leaflet positioning */
+    .daf-globe-marker {
+      position: relative !important;
+      left: auto !important;
+      top: auto !important;
+    }
+  }
 
   .filter-cont {
     position: absolute; 
@@ -19373,6 +19402,7 @@ const Style$A = dt.div`
     height: 100%; 
   }
 
+  /* Narrow marker styling used by legacy components; avoid width/height overrides for SimpleGlobe */
   .map-marker {
     text-align: center;
     width 100%;
@@ -19938,14 +19968,26 @@ const useGlobe = ({
   const addedSources = React.useRef(new Set());
   const isMounted = React.useRef(true);
   const addAllDataToMap = React.useCallback(() => {
-    if (!data || !mapRef || !mapRef.isStyleLoaded()) {
+    console.log('🚀 [GLOBE HOOK] addAllDataToMap called');
+    console.log('🚀 [GLOBE HOOK] data:', data);
+    console.log('🚀 [GLOBE HOOK] mapRef exists:', !!mapRef);
+    console.log('🚀 [GLOBE HOOK] style loaded:', mapRef?.isStyleLoaded());
+    if (!data || !mapRef) {
+      console.log('❌ [GLOBE HOOK] addAllDataToMap early return - missing data or mapRef');
+      return;
+    }
+    if (!mapRef.isStyleLoaded()) {
+      console.log('⏳ [GLOBE HOOK] Style not loaded yet, retrying in 100ms...');
+      setTimeout(() => {
+        addAllDataToMap();
+      }, 100);
       return;
     }
-
-    // Prevent multiple calls with empty data
     if (data.length === 0) {
+      console.log('❌ [GLOBE HOOK] addAllDataToMap early return - no data');
       return;
     }
+    console.log('✅ [GLOBE HOOK] Starting to add markers to map...');
 
     // Clear existing markers using functional update to avoid dependency issues
     setMapMarkers(currentMarkers => {
@@ -19997,8 +20039,13 @@ const useGlobe = ({
     if (data && mapRef) {
       const newMarkers = [];
       const maxTotal = Math.max(...(data || []).map(d => d.total || 0));
+      console.log('🎯 [GLOBE HOOK] Processing data items:', data.length);
       data.forEach((d, i) => {
+        console.log(`🎯 [GLOBE HOOK] Processing item ${i}:`, d);
+        console.log(`🎯 [GLOBE HOOK] Item ${i} marker:`, d?.marker);
+        console.log(`🎯 [GLOBE HOOK] Item ${i} lat/lng:`, d?.marker?.lat, d?.marker?.lng);
         if (d?.marker?.lat && d?.marker?.lng) {
+          console.log(`✅ [GLOBE HOOK] Item ${i} has valid coordinates, creating marker...`);
           let marker;
           let iconClassName = "";
           let iconSize = [25, 25];
@@ -20078,6 +20125,7 @@ const useGlobe = ({
             el.style.fontWeight = 'bold';
             el.innerHTML = `<span>${d.total || 0}</span>`;
             marker = new mapboxgl.Marker(el).setLngLat([d.marker.lng, d.marker.lat]).setPopup(new mapboxgl.Popup().setDOMContent(div)).addTo(mapRef);
+            console.log(`🎉 [GLOBE HOOK] Marker ${i} added to map at:`, [d.marker.lng, d.marker.lat]);
           } else if (type === "territory") {
             // Handle territory polygons
             if (d.area && Array.isArray(d.area)) {
@@ -20147,6 +20195,7 @@ const useGlobe = ({
             }));
             roots.current.push(root);
             marker = new mapboxgl.Marker(el).setLngLat([d.marker.lng, d.marker.lat]).setPopup(new mapboxgl.Popup().setDOMContent(div)).addTo(mapRef);
+            console.log(`🎉 [GLOBE HOOK] Default marker ${i} added to map at:`, [d.marker.lng, d.marker.lat]);
           }
 
           // Add click handler
@@ -20180,6 +20229,7 @@ const useGlobe = ({
       mapboxgl.accessToken = MAP_TOKEN;
 
       // Create the map with Mapbox GL JS - 3D globe
+      console.log('🗺️ [GLOBE HOOK] Creating map with style:', STYLE_URL);
       const map = new mapboxgl.Map({
         container: container.current,
         style: STYLE_URL,
@@ -20198,8 +20248,13 @@ const useGlobe = ({
 
       // Configure the map when style loads
       map.on('style.load', () => {
+        console.log('🎨 [GLOBE HOOK] Style loaded event triggered');
+        console.log('🎨 [GLOBE HOOK] Map style loaded:', map.isStyleLoaded());
+
         // Wait a bit for the style to fully load
         setTimeout(() => {
+          console.log('🎨 [GLOBE HOOK] After timeout - Map style loaded:', map.isStyleLoaded());
+
           // Set fog for the space background effect with stars - simplified to avoid errors
           try {
             map.setFog({
@@ -20295,9 +20350,10 @@ const useGlobe = ({
 
       // Add navigation controls
       map.addControl(new mapboxgl.NavigationControl(), 'top-right');
+      console.log('🗺️ [GLOBE HOOK] Map created successfully');
       return map;
     } catch (error) {
-      console.error('Error creating Mapbox GL JS globe:', error);
+      console.error('❌ [GLOBE HOOK] Error creating Mapbox GL JS globe:', error);
       return null;
     }
   }, []);
@@ -20310,9 +20366,12 @@ const useGlobe = ({
   // }, [initialMarkerSetIsDone]);
 
   React.useEffect(() => {
+    console.log('🔄 [GLOBE HOOK] useEffect for map creation - mapRef:', !!mapRef);
     if (!mapRef) {
+      console.log('🔄 [GLOBE HOOK] Creating map instance...');
       const instance = createInstance();
       if (instance) {
+        console.log('🔄 [GLOBE HOOK] Map instance created, setting mapRef');
         setMapRef(instance);
 
         // Add comprehensive resize detection for Mapbox GL JS responsiveness
@@ -20393,14 +20452,22 @@ const useGlobe = ({
     }
   }, [polygon, mapRef]);
   React.useEffect(() => {
+    console.log('📥 [GLOBE HOOK] allData received:', allData);
+    console.log('📥 [GLOBE HOOK] allData length:', allData?.length);
     if (allData) {
       if (allData.length === 0) {
+        console.log('⚠️ [GLOBE HOOK] Empty data array');
         setEmptyStateIsVisible(true);
       } else if (emptyStateIsVisible) {
         setEmptyStateIsVisible(false);
       }
-      setData(filterValidGPS(allData));
+      console.log('🔍 [GLOBE HOOK] Filtering data with filterValidGPS...');
+      const filteredData = filterValidGPS(allData);
+      console.log('🔍 [GLOBE HOOK] filtered data result:', filteredData);
+      console.log('🔍 [GLOBE HOOK] filtered data length:', filteredData.length);
+      setData(filteredData);
     } else {
+      console.log('❌ [GLOBE HOOK] No allData provided');
       setData(null);
     }
   }, [allData, emptyStateIsVisible]);
@@ -20430,7 +20497,19 @@ const useGlobe = ({
     }
   }, [user, mapRef, allData]);
   React.useEffect(() => {
-    if (mapRef && data && !initialMarkerSetIsDone && mapRef.isStyleLoaded()) {
+    console.log('🔄 [GLOBE HOOK] useEffect triggered:', {
+      mapRef: !!mapRef,
+      data: !!data,
+      dataLength: data?.length,
+      initialMarkerSetIsDone,
+      styleLoaded: mapRef?.isStyleLoaded()
+    });
+    if (mapRef && data && !initialMarkerSetIsDone) {
+      console.log('🚀 [GLOBE HOOK] Attempting to add markers...');
+      console.log('🚀 [GLOBE HOOK] Style loaded check:', mapRef.isStyleLoaded());
+
+      // Try to add markers immediately, and if style isn't loaded, 
+      // the addAllDataToMap function will handle it
       setInitialMarkerSetIsDone(true);
       addAllDataToMap();
     }
@@ -20643,7 +20722,7 @@ function Globe(_ref) {
     renderSider = null,
     renderMarker = null,
     type = "default",
-    showSider = true,
+    showSider = false,
     filtersConfig,
     onFilterChange = () => {},
     isSatellite = false,
@@ -20653,15 +20732,29 @@ function Globe(_ref) {
     onUnmount
   } = _ref;
   // Map data to include marker coordinates
-  const mappedData = React.useMemo(() => data.map(d => {
-    var _d$gps, _d$gps2;
-    return _objectSpread2(_objectSpread2({}, d), {}, {
-      marker: {
-        lat: d === null || d === void 0 || (_d$gps = d.gps) === null || _d$gps === void 0 ? void 0 : _d$gps.latitude,
-        lng: d === null || d === void 0 || (_d$gps2 = d.gps) === null || _d$gps2 === void 0 ? void 0 : _d$gps2.longitude
-      }
+  const mappedData = React.useMemo(() => {
+    console.log('📊 [GLOBE COMPONENT] Original data received:', data);
+    console.log('📊 [GLOBE COMPONENT] Data length:', data === null || data === void 0 ? void 0 : data.length);
+    if (!data || data.length === 0) {
+      console.log('❌ [GLOBE COMPONENT] No data to map');
+      return [];
+    }
+    const mapped = data.map((d, i) => {
+      var _d$gps, _d$gps2;
+      console.log("\uD83D\uDCCA [GLOBE COMPONENT] Mapping item ".concat(i, ":"), d);
+      console.log("\uD83D\uDCCA [GLOBE COMPONENT] Item ".concat(i, " GPS:"), d === null || d === void 0 ? void 0 : d.gps);
+      const result = _objectSpread2(_objectSpread2({}, d), {}, {
+        marker: {
+          lat: d === null || d === void 0 || (_d$gps = d.gps) === null || _d$gps === void 0 ? void 0 : _d$gps.latitude,
+          lng: d === null || d === void 0 || (_d$gps2 = d.gps) === null || _d$gps2 === void 0 ? void 0 : _d$gps2.longitude
+        }
+      });
+      console.log("\uD83D\uDCCA [GLOBE COMPONENT] Item ".concat(i, " mapped result:"), result);
+      return result;
     });
-  }), [data]);
+    console.log('📊 [GLOBE COMPONENT] Final mapped data:', mapped);
+    return mapped;
+  }, [data]);
 
   // Get resize context for sidebar state changes
   const {
@@ -20845,6 +20938,285 @@ Globe.propTypes = {
   nameAsSiderTitle: PropTypes__default["default"].bool
 };
 
+const SimpleGlobe = _ref => {
+  let {
+    projects = [],
+    mapConfig = {},
+    showSider = false,
+    onProjectClick = () => {},
+    type = "default",
+    color = "var(--color-primary-60)",
+    renderTooltip: renderTooltip$1 = null
+  } = _ref;
+  const mapContainer = React.useRef(null);
+  const map = React.useRef(null);
+  const boundsRef = React.useRef(null);
+  React.useEffect(() => {
+    if (map.current) return; // Initialize map only once
+
+    console.log('🗺️ [SIMPLE GLOBE] Creating map...');
+
+    // Set Mapbox access token
+    mapboxgl.accessToken = 'pk.eyJ1IjoicmVkaXM5OTkiLCJhIjoiY2x4YWV5MzA5MmtuZzJpcXM5Y201Z2E2YiJ9.m5bwPg-Tj4Akesl1yQUa3w';
+
+    // 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',
+      attributionControl: false
+    });
+
+    // 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 the space background with stars
+      try {
+        map.current.setFog({
+          'color': 'rgb(0, 0, 0)',
+          'high-color': 'rgb(0, 0, 0)',
+          'horizon-blend': 0.1,
+          'space-color': 'rgb(0, 0, 0)',
+          'star-intensity': 0.6
+        });
+        console.log('✨ [SIMPLE GLOBE] Space background with stars set');
+      } catch (e) {
+        console.log('⚠️ [SIMPLE GLOBE] Could not set fog, trying alternative...');
+        // Fallback: try simpler fog configuration
+        try {
+          map.current.setFog({
+            'color': 'rgb(0, 0, 0)',
+            'high-color': 'rgb(0, 0, 0)',
+            'horizon-blend': 0.1
+          });
+          console.log('✨ [SIMPLE GLOBE] Alternative space background set');
+        } catch (e2) {
+          console.log('⚠️ [SIMPLE GLOBE] Could not set any fog configuration');
+        }
+      }
+
+      // Calculate bounds to fit all markers
+      const bounds = new mapboxgl.LngLatBounds();
+      let hasValidCoordinates = false;
+      projects.forEach((project, index) => {
+        console.log("\uD83D\uDCCD [SIMPLE GLOBE] Adding marker ".concat(index, ":"), project);
+
+        // Create marker element based on type
+        const el = document.createElement('div');
+        // Use a scoped class to avoid picking up broad styles like `.map-marker { width:100% }`
+        el.className = 'daf-globe-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';
+        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 using custom renderTooltip or default
+        let popupContent;
+        if (renderTooltip$1 && typeof renderTooltip$1 === 'function') {
+          // Use custom renderTooltip function (same as MineSiteMap)
+          const tooltipData = renderTooltip$1(project);
+          popupContent = renderTooltip({
+            title: project.name,
+            subTitle: project.sectoralScope || 'Project',
+            items: tooltipData,
+            link: false
+          });
+        } else {
+          // Use default tooltip structure
+          const tooltipData = [{
+            label: "Country",
+            value: project.country || 'N/A'
+          }, {
+            label: "Sectoral Scope",
+            value: project.sectoralScope || 'Project'
+          }];
+          popupContent = renderTooltip({
+            title: project.name,
+            subTitle: project.sectoralScope || 'Project',
+            items: tooltipData,
+            link: false
+          });
+        }
+
+        // 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 [SIMPLE GLOBE] Marker ".concat(index, " coordinates:"), {
+          lng,
+          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
+          });
+          return;
+        }
+
+        // Add coordinates to bounds
+        bounds.extend([lng, lat]);
+        hasValidCoordinates = true;
+
+        // 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);
+        });
+        console.log("\u2705 [SIMPLE 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('🗺️ [SIMPLE 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]);
+  const zoomIn = () => map.current && map.current.zoomIn();
+  const zoomOut = () => map.current && map.current.zoomOut();
+  const recenter = () => {
+    if (!map.current) return;
+    if (boundsRef.current && !boundsRef.current.isEmpty()) {
+      map.current.fitBounds(boundsRef.current, {
+        padding: {
+          top: 20,
+          bottom: 20,
+          left: 20,
+          right: 20
+        },
+        maxZoom: 6,
+        duration: 800
+      });
+      return;
+    }
+    map.current.easeTo({
+      center: [0, 0],
+      zoom: 3,
+      duration: 800
+    });
+  };
+  const pitchUp = () => {
+    var _map$current$getPitch, _map$current;
+    if (!map.current) return;
+    const next = Math.min((((_map$current$getPitch = (_map$current = map.current).getPitch) === null || _map$current$getPitch === void 0 ? void 0 : _map$current$getPitch.call(_map$current)) || 0) + 10, 85);
+    map.current.setPitch(next);
+  };
+  const pitchDown = () => {
+    var _map$current$getPitch2, _map$current2;
+    if (!map.current) return;
+    const next = Math.max((((_map$current$getPitch2 = (_map$current2 = map.current).getPitch) === null || _map$current$getPitch2 === void 0 ? void 0 : _map$current$getPitch2.call(_map$current2)) || 0) - 10, 0);
+    map.current.setPitch(next);
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(Style$A, {
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "daf-simple-globe-container",
+      style: {
+        width: '100%',
+        height: '100%',
+        overflow: 'hidden',
+        position: 'relative'
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        ref: mapContainer,
+        className: "daf-globe-map-container",
+        style: {
+          width: '100%',
+          height: '100%',
+          overflow: 'hidden',
+          position: 'relative'
+        }
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "map-control-buttons",
+        children: [/*#__PURE__*/jsxRuntime.jsx("button", {
+          type: "button",
+          "aria-label": "Zoom in",
+          onClick: zoomIn,
+          children: "+"
+        }), /*#__PURE__*/jsxRuntime.jsx("button", {
+          type: "button",
+          "aria-label": "Zoom out",
+          onClick: zoomOut,
+          children: "\u2212"
+        }), /*#__PURE__*/jsxRuntime.jsx("button", {
+          type: "button",
+          "aria-label": "Recenter",
+          onClick: recenter,
+          children: "\u25CE"
+        }), /*#__PURE__*/jsxRuntime.jsx("button", {
+          type: "button",
+          "aria-label": "Pitch up",
+          onClick: pitchUp,
+          children: "^"
+        }), /*#__PURE__*/jsxRuntime.jsx("button", {
+          type: "button",
+          "aria-label": "Pitch down",
+          onClick: pitchDown,
+          children: "\u02C5"
+        })]
+      })]
+    })
+  });
+};
+
 function WidgetPlaceholder(_ref) {
   let {
     icon = "",
@@ -40281,33 +40653,15 @@ const GetFormItem$1 = ({
                         })
                       })
                     }) : /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-                      title: t("P"),
+                      title: t("Project Readiness"),
                       children: /*#__PURE__*/jsxRuntime.jsx("div", {
                         children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
                           type: "link",
-                          disabled: !input.meta?.comment,
-                          ...(!isShown ? {
-                            className: "default p-0"
-                          } : {
-                            className: "p-0 primary"
-                          }),
-                          onClick: () => {
-                            if (inputMeta.comment !== undefined && inputMeta.comment !== null) {
-                              return;
-                            }
-                            setIsShown(true);
-                            changeInputMeta({
-                              key: inputKey,
-                              type: input.type,
-                              value: {
-                                comment: ""
-                              }
-                            });
-                          },
+                          className: "default p-0",
                           children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
                             name: "MagicWand",
-                            width: 17,
-                            height: 17
+                            width: 16,
+                            height: 16
                           })
                         })
                       })
@@ -61685,6 +62039,7 @@ exports.SelectFiltersTimeFrame = Timeframe;
 exports.SettingsPopover = SettingsPopover;
 exports.Sidenav = Sidenav;
 exports.SidenavMenu = SidenavMenu;
+exports.SimpleGlobe = SimpleGlobe;
 exports.StackChart = StackChart;
 exports.StakeholderMappings = index$1;
 exports.Steps = DAFSteps;

package/dist/utils/index.js

@@ -3108,7 +3108,7 @@ const config$2 = {
   viewBox: "0 0 15 15",
   children: /*#__PURE__*/jsxRuntime.jsx("path", {
     d: "M7.66657 9.33337L5.66657 7.33337M9.0068 2.33337V1.33337M11.633 3.37381L12.3401 2.66671M11.633 8.66671L12.3401 9.37381M6.34013 3.37381L5.63303 2.66671M12.6735 6.00004H13.6735M3.08748 13.9125L9.24565 7.75429C9.50966 7.49028 9.64167 7.35827 9.69113 7.20605C9.73463 7.07216 9.73463 6.92792 9.69113 6.79403C9.64167 6.64181 9.50966 6.5098 9.24565 6.24579L8.75415 5.75429C8.49013 5.49028 8.35813 5.35827 8.20591 5.30881C8.07201 5.26531 7.92778 5.26531 7.79389 5.30881C7.64167 5.35827 7.50966 5.49028 7.24565 5.75429L1.08748 11.9125C0.823469 12.1765 0.691463 12.3085 0.642004 12.4607C0.598499 12.5946 0.598499 12.7388 0.642004 12.8727C0.691463 13.0249 0.823469 13.1569 1.08748 13.421L1.57899 13.9125C1.843 14.1765 1.975 14.3085 2.12722 14.3579C2.26112 14.4014 2.40535 14.4014 2.53924 14.3579C2.69146 14.3085 2.82347 14.1765 3.08748 13.9125Z",
-    stroke: "#6C737F",
+    stroke: "currentColor",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   })

package/package.json

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