@collabdt/core 0.0.40

package/dist/core/components/viewers/map/src/tools/measureMapTool.js

@@ -0,0 +1,432 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as turf from "@turf/turf";
+import { useTranslations } from "next-intl";
+import { MapContext, ToolsContext } from "../../../../../store";
+import {
+  DropdownMenuItem
+} from "../../../../ui/DropdownMenu";
+import * as LR from "lucide-react";
+import { ToolbarSubmenu } from "../../../../ToolbarSubmenu";
+import { MapLayerClickPriority } from "../../utils/MapEventManager/MapClickManager";
+const MeasureMapTool = ({ tool }) => {
+  const t = useTranslations("MeasureMapTool");
+  const { dispatch: toolsDispatch, state: toolsState } = React.useContext(ToolsContext);
+  const { dispatch: mapDispatch, state: mapState } = React.useContext(MapContext);
+  const { map, mapClickManager, dimensionsColour: dimensionLineColor } = mapState.map;
+  const [active, setActive] = React.useState(false);
+  const [measureType, setMeasureType] = React.useState("line");
+  const [distance, setDistance] = React.useState(null);
+  const [area, setArea] = React.useState(null);
+  const toolId = tool.id;
+  const { currentToolId } = toolsState.tools;
+  const setTools = (currentToolId2) => {
+    toolsDispatch({
+      type: "SET-TOOL",
+      payload: { currentToolId: currentToolId2 }
+    });
+  };
+  const setCursor = (cursor) => {
+    mapDispatch({
+      type: "SET_CURSOR",
+      payload: { cursor }
+    });
+  };
+  const handleClearMeasurementTool = () => {
+    setCursor("");
+    clearMeasurements();
+    setActive(false);
+    setTools(null);
+  };
+  React.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape" && active) {
+        setCursor("");
+        clearMeasurements();
+        setActive(false);
+        setTools(null);
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [active]);
+  const formatDistance = (distanceInKm) => {
+    if (distanceInKm < 0.1) {
+      const meters = Math.round(distanceInKm * 1e3);
+      return `${meters} m`;
+    } else if (distanceInKm < 10) {
+      return `${distanceInKm.toFixed(2)} km`;
+    } else {
+      return `${distanceInKm.toFixed(1)} km`;
+    }
+  };
+  const formatArea = (areaInSqKm) => {
+    if (areaInSqKm < 1e-3) {
+      const sqMeters = Math.round(areaInSqKm * 1e6);
+      return `${sqMeters} m\xB2`;
+    } else if (areaInSqKm < 0.1) {
+      const sqMeters = Math.round(areaInSqKm * 1e6);
+      return `${sqMeters} m\xB2`;
+    } else if (areaInSqKm < 10) {
+      return `${areaInSqKm.toFixed(2)} km\xB2`;
+    } else {
+      return `${areaInSqKm.toFixed(1)} km\xB2`;
+    }
+  };
+  const geojson = {
+    type: "FeatureCollection",
+    features: []
+  };
+  React.useEffect(() => {
+    if (!map) return;
+    const initializeMeasureTool = () => {
+      if (!map.getSource("measure-geojson") && geojson) {
+        map.addSource("measure-geojson", {
+          type: "geojson",
+          data: geojson
+        });
+      }
+      if (!map.getLayer("measure-points")) {
+        map.addLayer({
+          id: "measure-points",
+          type: "circle",
+          source: "measure-geojson",
+          paint: {
+            "circle-radius": 5,
+            "circle-color": dimensionLineColor || "#fff"
+          },
+          filter: ["in", "$type", "Point"]
+        });
+      }
+      if (!map.getLayer("measure-lines")) {
+        map.addLayer({
+          id: "measure-lines",
+          type: "line",
+          source: "measure-geojson",
+          layout: {
+            "line-cap": "round",
+            "line-join": "round"
+          },
+          paint: {
+            "line-color": dimensionLineColor || "#fff",
+            "line-width": 2.5,
+            "line-dasharray": [2, 2]
+          },
+          filter: ["in", "$type", "LineString"]
+        });
+      }
+      if (!map.getLayer("measure-polygons")) {
+        map.addLayer({
+          id: "measure-polygons",
+          type: "fill",
+          source: "measure-geojson",
+          paint: {
+            "fill-color": dimensionLineColor || "#fff",
+            "fill-opacity": 0.1,
+            "fill-outline-color": dimensionLineColor || "#fff"
+          },
+          filter: ["in", "$type", "Polygon"]
+        });
+      }
+      if (!map.getLayer("measure-polygon-outline")) {
+        map.addLayer({
+          id: "measure-polygon-outline",
+          type: "line",
+          source: "measure-geojson",
+          layout: {
+            "line-cap": "round",
+            "line-join": "round"
+          },
+          paint: {
+            "line-color": dimensionLineColor || "#fff",
+            "line-width": 2.5,
+            "line-dasharray": [2, 2]
+          },
+          filter: ["in", "$type", "Polygon"]
+        });
+      }
+      if (!map.getLayer("measure-distance-labels")) {
+        map.addLayer({
+          id: "measure-distance-labels",
+          type: "symbol",
+          source: "measure-geojson",
+          layout: {
+            "text-field": ["get", "distance"],
+            "text-font": ["Inter"],
+            "text-size": 14,
+            "symbol-placement": "line-center",
+            "text-anchor": "center"
+          },
+          paint: {
+            "text-color": "#000",
+            "text-halo-color": "#fff",
+            "text-halo-width": 3,
+            "text-halo-blur": 1
+          },
+          filter: ["in", "$type", "LineString"]
+        });
+      }
+      if (!map.getLayer("measure-area-labels")) {
+        map.addLayer({
+          id: "measure-area-labels",
+          type: "symbol",
+          source: "measure-geojson",
+          layout: {
+            "text-field": ["get", "area"],
+            "text-font": ["Inter"],
+            "text-size": 14,
+            "text-offset": [0, 0],
+            "text-anchor": "center"
+          },
+          paint: {
+            "text-color": "#000",
+            "text-halo-color": "#fff",
+            "text-halo-width": 3,
+            "text-halo-blur": 1
+          },
+          filter: ["in", "$type", "Polygon"]
+        });
+      }
+    };
+    if (map.isStyleLoaded()) {
+      initializeMeasureTool();
+    } else {
+      map.once("styledata", initializeMeasureTool);
+    }
+    const clickHandler = (e) => {
+      var _a, _b;
+      if (!active) return;
+      const features = map.queryRenderedFeatures(e.point, {
+        layers: ["measure-points"]
+      });
+      if (measureType === "line") {
+        geojson.features = geojson.features.filter(
+          (feature) => feature.geometry.type !== "LineString"
+        );
+        if (features.length > 0) {
+          const id = (_a = features[0].properties) == null ? void 0 : _a.id;
+          geojson.features = geojson.features.filter((point) => {
+            var _a2;
+            return ((_a2 = point.properties) == null ? void 0 : _a2.id) !== id;
+          });
+        } else {
+          const point = {
+            type: "Feature",
+            geometry: {
+              type: "Point",
+              coordinates: [e.lngLat.lng, e.lngLat.lat]
+            },
+            properties: {
+              id: String(Date.now())
+            }
+          };
+          geojson.features.push(point);
+        }
+        const pointFeatures = geojson.features.filter(
+          (feature) => feature.geometry.type === "Point"
+        );
+        if (pointFeatures.length > 1) {
+          const lineFeature = {
+            type: "Feature",
+            geometry: {
+              type: "LineString",
+              coordinates: pointFeatures.map((point) => point.geometry.coordinates)
+            },
+            properties: {}
+          };
+          const calculatedDistance = turf.length(lineFeature);
+          setDistance(calculatedDistance);
+          lineFeature.properties = {
+            distance: formatDistance(calculatedDistance)
+          };
+          geojson.features.push(lineFeature);
+        } else {
+          setDistance(null);
+        }
+      } else {
+        geojson.features = geojson.features.filter(
+          (feature) => feature.geometry.type !== "Polygon"
+        );
+        if (features.length > 0) {
+          const id = (_b = features[0].properties) == null ? void 0 : _b.id;
+          geojson.features = geojson.features.filter((point) => {
+            var _a2;
+            return ((_a2 = point.properties) == null ? void 0 : _a2.id) !== id;
+          });
+        } else {
+          const point = {
+            type: "Feature",
+            geometry: {
+              type: "Point",
+              coordinates: [e.lngLat.lng, e.lngLat.lat]
+            },
+            properties: {
+              id: String(Date.now())
+            }
+          };
+          geojson.features.push(point);
+        }
+        const pointFeatures = geojson.features.filter(
+          (feature) => feature.geometry.type === "Point"
+        );
+        if (pointFeatures.length >= 3) {
+          const coordinates = pointFeatures.map((point) => point.geometry.coordinates);
+          const closedCoordinates = [...coordinates, coordinates[0]];
+          const polygonFeature = {
+            type: "Feature",
+            geometry: {
+              type: "Polygon",
+              coordinates: [closedCoordinates]
+            },
+            properties: {}
+          };
+          const calculatedArea = turf.area(polygonFeature) / 1e6;
+          setArea(calculatedArea);
+          polygonFeature.properties = {
+            area: formatArea(calculatedArea)
+          };
+          geojson.features.push(polygonFeature);
+        } else {
+          setArea(null);
+        }
+      }
+      const source = map.getSource("measure-geojson");
+      if (source && "setData" in source) {
+        source.setData(geojson);
+      }
+    };
+    const mousemoveHandler = (e) => {
+      if (!active) return;
+      const features = map.queryRenderedFeatures(e.point, {
+        layers: ["measure-points"]
+      });
+      map.getCanvas().style.cursor = features.length > 0 ? "pointer" : "crosshair";
+    };
+    if (active) mapClickManager.register("measure-tools", MapLayerClickPriority.ActiveTool, clickHandler);
+    else mapClickManager.unregister("measure-tools");
+    map.on("mousemove", mousemoveHandler);
+    return () => {
+      try {
+        map.off("click", clickHandler);
+        mapClickManager == null ? void 0 : mapClickManager.unregister("measure-tools");
+        map.off("mousemove", mousemoveHandler);
+        map.getCanvas().style.cursor = "";
+        geojson.features = [];
+        const source = map.getSource("measure-geojson");
+        if (source && "setData" in source) {
+          source.setData(geojson);
+        }
+      } catch (e) {
+      }
+      setDistance(null);
+      setArea(null);
+    };
+  }, [map, active, measureType]);
+  React.useEffect(() => {
+    if (!map) return;
+    const layerIds = [
+      "measure-points",
+      "measure-lines",
+      "measure-polygons",
+      "measure-polygon-outline",
+      "measure-distance-labels",
+      "measure-area-labels"
+    ];
+    const updateLayerColors = () => {
+      if (map.getLayer("measure-points")) {
+        map.setPaintProperty("measure-points", "circle-color", dimensionLineColor || "#fff");
+      }
+      if (map.getLayer("measure-lines")) {
+        map.setPaintProperty("measure-lines", "line-color", dimensionLineColor || "#fff");
+      }
+      if (map.getLayer("measure-polygons")) {
+        map.setPaintProperty("measure-polygons", "fill-color", dimensionLineColor || "#fff");
+        map.setPaintProperty("measure-polygons", "fill-outline-color", dimensionLineColor || "#fff");
+      }
+      if (map.getLayer("measure-polygon-outline")) {
+        map.setPaintProperty("measure-polygon-outline", "line-color", dimensionLineColor || "#fff");
+      }
+      if (map.getLayer("measure-distance-labels")) {
+        map.setPaintProperty("measure-distance-labels", "text-color", "#000");
+        map.setPaintProperty("measure-distance-labels", "text-halo-color", "#fff");
+        map.setPaintProperty("measure-distance-labels", "text-halo-width", 3);
+        map.setPaintProperty("measure-distance-labels", "text-halo-blur", 1);
+      }
+      if (map.getLayer("measure-area-labels")) {
+        map.setPaintProperty("measure-area-labels", "text-color", "#000");
+        map.setPaintProperty("measure-area-labels", "text-halo-color", "#fff");
+        map.setPaintProperty("measure-area-labels", "text-halo-width", 3);
+        map.setPaintProperty("measure-area-labels", "text-halo-blur", 1);
+      }
+    };
+    if (map.isStyleLoaded()) {
+      updateLayerColors();
+    }
+  }, [map, dimensionLineColor]);
+  React.useEffect(() => {
+    if (active) {
+      setCursor("crosshair");
+    } else {
+      setCursor("");
+      setDistance(null);
+      setArea(null);
+    }
+  }, [active]);
+  React.useEffect(() => {
+    setActive(currentToolId === toolId);
+  }, [currentToolId]);
+  const handleMeasureTypeChange = (type) => {
+    if (map) {
+      const geojson2 = {
+        type: "FeatureCollection",
+        features: []
+      };
+      const source = map.getSource("measure-geojson");
+      if (source && "setData" in source) {
+        source.setData(geojson2);
+      }
+    }
+    setMeasureType(type);
+    setDistance(null);
+    setArea(null);
+    if (!active) {
+      setActive(true);
+      setTools(toolId);
+    }
+  };
+  const clearMeasurements = () => {
+    if (map) {
+      const emptyGeojson = {
+        type: "FeatureCollection",
+        features: []
+      };
+      const source = map.getSource("measure-geojson");
+      if (source && "setData" in source) {
+        source.setData(emptyGeojson);
+      }
+      setDistance(null);
+      setArea(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs(ToolbarSubmenu, { tool, children: [
+    /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => handleMeasureTypeChange("line"), children: [
+      /* @__PURE__ */ jsx(LR.Ruler, {}),
+      /* @__PURE__ */ jsx("span", { children: t("distance") })
+    ] }),
+    /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => handleMeasureTypeChange("area"), children: [
+      /* @__PURE__ */ jsx(LR.Square, {}),
+      /* @__PURE__ */ jsx("span", { children: t("area") })
+    ] }),
+    /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: handleClearMeasurementTool, children: [
+      /* @__PURE__ */ jsx(LR.X, {}),
+      /* @__PURE__ */ jsx("span", { children: t("clear") })
+    ] })
+  ] });
+};
+export {
+  MeasureMapTool
+};
+//# sourceMappingURL=measureMapTool.js.map

package/dist/core/components/viewers/map/src/tools/measureMapTool.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/map/src/tools/measureMapTool.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Dependencies\r\nimport * as React from \"react\";\r\nimport * as turf from '@turf/turf'\r\nimport { useTranslations } from 'next-intl'\r\n\r\n// Utilities\r\nimport { MapContext, ToolsContext } from '../../../../../store'\r\nimport { CursorType } from '../../../../../types/global'\r\nimport { Tool, type ToolbarToolType } from '../../../../../types/tools'\r\n\r\n// Shadcn components\r\nimport {\r\n  DropdownMenuItem,\r\n} from '../../../../ui/DropdownMenu'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\nimport { ToolbarSubmenu } from '../../../../ToolbarSubmenu'\r\nimport { MapLayerClickPriority } from '../../utils/MapEventManager/MapClickManager'\r\n\r\ninterface MeasureToolProps {\r\n  tool: Tool\r\n}\r\n\r\nexport const MeasureMapTool: React.FC<MeasureToolProps> = ({ tool }) => {\r\n  // Translation\r\n  const t = useTranslations('MeasureMapTool')\r\n\r\n  const { dispatch: toolsDispatch, state: toolsState } = React.useContext(ToolsContext)\r\n  const { dispatch: mapDispatch, state: mapState } = React.useContext(MapContext)\r\n  const { map, mapClickManager, dimensionsColour: dimensionLineColor  } = mapState.map;\r\n  const [active, setActive] = React.useState(false)\r\n  const [measureType, setMeasureType] = React.useState<'line' | 'area'>('line')\r\n  const [distance, setDistance] = React.useState<number | null>(null)\r\n  const [area, setArea] = React.useState<number | null>(null)\r\n\r\n  const toolId = tool.id\r\n  const { currentToolId } = toolsState.tools\r\n  const setTools = (currentToolId: ToolbarToolType) => {\r\n    toolsDispatch({\r\n      type: 'SET-TOOL',\r\n      payload: { currentToolId },\r\n    })\r\n  }\r\n\r\n  const setCursor = (cursor: CursorType) => {\r\n    mapDispatch({\r\n      type: 'SET_CURSOR',\r\n      payload: { cursor },\r\n    })\r\n  }\r\n\r\n  const handleClearMeasurementTool = () => {\r\n    // Clean cursor\r\n    setCursor('')\r\n\r\n    // Clear measurements\r\n    clearMeasurements()\r\n\r\n    // Deactivate tool\r\n    setActive(false)\r\n    setTools(null)\r\n  }\r\n  // Handle ESC key press to clean cursor and clear measurements\r\n  React.useEffect(() => {\r\n    const handleKeyDown = (event: KeyboardEvent) => {\r\n      if (event.key === 'Escape' && active) {\r\n        // Clean cursor\r\n        setCursor('')\r\n\r\n        // Clear measurements\r\n        clearMeasurements()\r\n\r\n        // Deactivate tool\r\n        setActive(false)\r\n        setTools(null)\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyDown)\r\n\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyDown)\r\n    }\r\n  }, [active])\r\n\r\n  // Format distance based on size\r\n  const formatDistance = (distanceInKm: number): string => {\r\n    if (distanceInKm < 0.1) {\r\n      // Less than 100m, show in meters\r\n      const meters = Math.round(distanceInKm * 1000)\r\n      return `${meters} m`\r\n    }\r\n    else if (distanceInKm < 10) {\r\n      // Less than 10km, show in km with 2 decimal places\r\n      return `${distanceInKm.toFixed(2)} km`\r\n    }\r\n    else {\r\n      // 10km or more, show in km with 1 decimal place\r\n      return `${distanceInKm.toFixed(1)} km`\r\n    }\r\n  }\r\n\r\n  // Format area based on size\r\n  const formatArea = (areaInSqKm: number): string => {\r\n    if (areaInSqKm < 0.001) {\r\n      // Less than 1000 sq meters, show in sq meters\r\n      const sqMeters = Math.round(areaInSqKm * 1_000_000)\r\n      return `${sqMeters} m²`\r\n    }\r\n    else if (areaInSqKm < 0.1) {\r\n      // Less than 0.1 sq km, show in sq meters\r\n      const sqMeters = Math.round(areaInSqKm * 1_000_000)\r\n      return `${sqMeters} m²`\r\n    }\r\n    else if (areaInSqKm < 10) {\r\n      // Less than 10 sq km, show with 2 decimal places\r\n      return `${areaInSqKm.toFixed(2)} km²`\r\n    }\r\n    else {\r\n      // 10 sq km or more, show with 1 decimal place\r\n      return `${areaInSqKm.toFixed(1)} km²`\r\n    }\r\n  }\r\n\r\n  // GeoJSON object to hold measurement features\r\n  const geojson: GeoJSON.FeatureCollection<GeoJSON.Geometry> = {\r\n    type: 'FeatureCollection',\r\n    features: [],\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n\r\n    // Wait for the map style to load before adding sources and layers\r\n    const initializeMeasureTool = () => {\r\n      // Add source if it doesn't exist\r\n      if (!map.getSource('measure-geojson') && geojson) {\r\n        map.addSource('measure-geojson', {\r\n          type: 'geojson',\r\n          data: geojson,\r\n        })\r\n      }\r\n\r\n      // Add layers for points\r\n      if (!map.getLayer('measure-points')) {\r\n        map.addLayer({\r\n          id: 'measure-points',\r\n          type: 'circle',\r\n          source: 'measure-geojson',\r\n          paint: {\r\n            'circle-radius': 5,\r\n            'circle-color': dimensionLineColor || '#fff',\r\n          },\r\n          filter: ['in', '$type', 'Point'],\r\n        })\r\n      }\r\n\r\n      // Add layers for lines\r\n      if (!map.getLayer('measure-lines')) {\r\n        map.addLayer({\r\n          id: 'measure-lines',\r\n          type: 'line',\r\n          source: 'measure-geojson',\r\n          layout: {\r\n            'line-cap': 'round',\r\n            'line-join': 'round',\r\n          },\r\n          paint: {\r\n            'line-color': dimensionLineColor || '#fff',\r\n            'line-width': 2.5,\r\n            'line-dasharray': [2, 2],\r\n          },\r\n          filter: ['in', '$type', 'LineString'],\r\n        })\r\n      }\r\n\r\n      // Add layer for polygons (area measurement)\r\n      if (!map.getLayer('measure-polygons')) {\r\n        map.addLayer({\r\n          id: 'measure-polygons',\r\n          type: 'fill',\r\n          source: 'measure-geojson',\r\n          paint: {\r\n            'fill-color': dimensionLineColor || '#fff',\r\n            'fill-opacity': 0.1,\r\n            'fill-outline-color': dimensionLineColor || '#fff',\r\n          },\r\n          filter: ['in', '$type', 'Polygon'],\r\n        })\r\n      }\r\n\r\n      // Layer for polygon outline\r\n      if (!map.getLayer('measure-polygon-outline')) {\r\n        map.addLayer({\r\n          id: 'measure-polygon-outline',\r\n          type: 'line',\r\n          source: 'measure-geojson',\r\n          layout: {\r\n            'line-cap': 'round',\r\n            'line-join': 'round',\r\n          },\r\n          paint: {\r\n            'line-color': dimensionLineColor || '#fff',\r\n            'line-width': 2.5,\r\n            'line-dasharray': [2, 2],\r\n          },\r\n          filter: ['in', '$type', 'Polygon'],\r\n        })\r\n      }\r\n\r\n      // Add layers for distance labels\r\n      if (!map.getLayer('measure-distance-labels')) {\r\n        map.addLayer({\r\n          id: 'measure-distance-labels',\r\n          type: 'symbol',\r\n          source: 'measure-geojson',\r\n          layout: {\r\n            'text-field': ['get', 'distance'],\r\n            'text-font': ['Inter'],\r\n            'text-size': 14,\r\n            'symbol-placement': 'line-center',\r\n            'text-anchor': 'center',\r\n          },\r\n          paint: {\r\n            'text-color': '#000',\r\n            'text-halo-color': '#fff',\r\n            'text-halo-width': 3,\r\n            'text-halo-blur': 1,\r\n          },\r\n          filter: ['in', '$type', 'LineString'],\r\n        })\r\n      }\r\n\r\n      // Add layers for area labels\r\n      if (!map.getLayer('measure-area-labels')) {\r\n        map.addLayer({\r\n          id: 'measure-area-labels',\r\n          type: 'symbol',\r\n          source: 'measure-geojson',\r\n          layout: {\r\n            'text-field': ['get', 'area'],\r\n            'text-font': ['Inter'],\r\n            'text-size': 14,\r\n            'text-offset': [0, 0],\r\n            'text-anchor': 'center',\r\n          },\r\n          paint: {\r\n            'text-color': '#000',\r\n            'text-halo-color': '#fff',\r\n            'text-halo-width': 3,\r\n            'text-halo-blur': 1,\r\n          },\r\n          filter: ['in', '$type', 'Polygon'],\r\n        })\r\n      }\r\n    }\r\n\r\n    // Check if the map style is already loaded\r\n    if (map.isStyleLoaded()) {\r\n      initializeMeasureTool()\r\n    }\r\n    else {\r\n      // Wait for the style to load\r\n      map.once('styledata', initializeMeasureTool)\r\n    }\r\n\r\n    // Click handler for measurement\r\n    const clickHandler = (e: maplibregl.MapMouseEvent): void => {\r\n      // console.log(\"inside click handler\",[e.lngLat.lng, e.lngLat.lat])\r\n      if (!active) return\r\n\r\n      const features = map.queryRenderedFeatures(e.point, {\r\n        layers: ['measure-points'],\r\n      })\r\n\r\n      if (measureType === 'line') {\r\n        // Line measurement\r\n\r\n        // Remove the linestring from the group\r\n        geojson.features = geojson.features.filter(feature =>\r\n          feature.geometry.type !== 'LineString',\r\n        )\r\n\r\n        // If a feature was clicked, remove it from the map\r\n        if (features.length > 0) {\r\n          const id = features[0].properties?.id\r\n          geojson.features = geojson.features.filter((point) => {\r\n            return point.properties?.id !== id\r\n          })\r\n        }\r\n        else {\r\n          const point: GeoJSON.Feature<GeoJSON.Point> = {\r\n            type: 'Feature',\r\n            geometry: {\r\n              type: 'Point',\r\n              coordinates: [e.lngLat.lng, e.lngLat.lat],\r\n            },\r\n            properties: {\r\n              id: String(Date.now()),\r\n            },\r\n          }\r\n\r\n          geojson.features.push(point)\r\n        }\r\n\r\n        // Get all points to create line\r\n        const pointFeatures = geojson.features.filter((feature): feature is GeoJSON.Feature<GeoJSON.Point> =>\r\n          feature.geometry.type === 'Point',\r\n        )\r\n\r\n        if (pointFeatures.length > 1) {\r\n          // Create linestring from points\r\n          const lineFeature: GeoJSON.Feature<GeoJSON.LineString> = {\r\n            type: 'Feature',\r\n            geometry: {\r\n              type: 'LineString',\r\n              coordinates: pointFeatures.map(point => point.geometry.coordinates),\r\n            },\r\n            properties: {},\r\n          }\r\n\r\n          // Calculate distance in kilometers\r\n          const calculatedDistance = turf.length(lineFeature)\r\n          setDistance(calculatedDistance)\r\n\r\n          // Add formatted distance as a property to display on the map\r\n          lineFeature.properties = {\r\n            distance: formatDistance(calculatedDistance),\r\n          }\r\n\r\n          geojson.features.push(lineFeature)\r\n        }\r\n        else {\r\n          setDistance(null)\r\n        }\r\n      }\r\n      else {\r\n        // Area measurement\r\n\r\n        // Remove any existing polygon features\r\n        geojson.features = geojson.features.filter(feature =>\r\n          feature.geometry.type !== 'Polygon',\r\n        )\r\n\r\n        // If a feature was clicked, remove it from the map\r\n        if (features.length > 0) {\r\n          const id = features[0].properties?.id\r\n          geojson.features = geojson.features.filter((point) => {\r\n            return point.properties?.id !== id\r\n          })\r\n        }\r\n        else {\r\n          const point: GeoJSON.Feature<GeoJSON.Point> = {\r\n            type: 'Feature',\r\n            geometry: {\r\n              type: 'Point',\r\n              coordinates: [e.lngLat.lng, e.lngLat.lat],\r\n            },\r\n            properties: {\r\n              id: String(Date.now()),\r\n            },\r\n          }\r\n\r\n          geojson.features.push(point)\r\n        }\r\n\r\n        // Get all points to create polygon\r\n        const pointFeatures = geojson.features.filter((feature): feature is GeoJSON.Feature<GeoJSON.Point> =>\r\n          feature.geometry.type === 'Point',\r\n        )\r\n\r\n        if (pointFeatures.length >= 3) {\r\n          // Get coordinates from points\r\n          const coordinates = pointFeatures.map(point => point.geometry.coordinates)\r\n\r\n          // Close the polygon by adding the first point again\r\n          const closedCoordinates = [...coordinates, coordinates[0]]\r\n\r\n          // Create a new polygon feature\r\n          const polygonFeature: GeoJSON.Feature<GeoJSON.Polygon> = {\r\n            type: 'Feature',\r\n            geometry: {\r\n              type: 'Polygon',\r\n              coordinates: [closedCoordinates],\r\n            },\r\n            properties: {},\r\n          }\r\n\r\n          // Calculate area in square kilometers\r\n          const calculatedArea = turf.area(polygonFeature) / 1_000_000\r\n          setArea(calculatedArea)\r\n\r\n          // Add formatted area as a property to display on the map\r\n          polygonFeature.properties = {\r\n            area: formatArea(calculatedArea),\r\n          }\r\n\r\n          // Add the polygon to the features\r\n          geojson.features.push(polygonFeature)\r\n        }\r\n        else {\r\n          setArea(null)\r\n        }\r\n      }\r\n\r\n      const source = map.getSource('measure-geojson')\r\n      if (source && 'setData' in source) {\r\n        (source as maplibregl.GeoJSONSource).setData(geojson)\r\n      }\r\n    }\r\n\r\n    // Mousemove handler for cursor style\r\n    const mousemoveHandler = (e: maplibregl.MapMouseEvent): void => {\r\n      if (!active) return\r\n\r\n      const features = map.queryRenderedFeatures(e.point, {\r\n        layers: ['measure-points'],\r\n      })\r\n      // UI indicator for clicking/hovering a point on the map\r\n      map.getCanvas().style.cursor = features.length > 0 ? 'pointer' : 'crosshair'\r\n    }\r\n\r\n    if (active) mapClickManager.register('measure-tools', MapLayerClickPriority.ActiveTool, clickHandler)\r\n    else mapClickManager.unregister('measure-tools')\r\n\r\n    // Add map event listeners\r\n    // map.on('click', clickHandler);\r\n    // mapClickManager.register(\"measure-tools\", MapLayerClickPriority.ActiveTool, clickHandler)\r\n    map.on('mousemove', mousemoveHandler)\r\n\r\n    // Clean up when the component unmounts\r\n    return () => {\r\n      try {\r\n        map.off('click', clickHandler)\r\n        mapClickManager?.unregister('measure-tools')\r\n        map.off('mousemove', mousemoveHandler)\r\n        map.getCanvas().style.cursor = ''\r\n\r\n        geojson.features = []\r\n        const source = map.getSource('measure-geojson')\r\n        if (source && 'setData' in source) {\r\n          (source as maplibregl.GeoJSONSource).setData(geojson)\r\n        }\r\n      } catch {\r\n        // Map may have been destroyed before cleanup runs (e.g. during navigation)\r\n      }\r\n\r\n      setDistance(null)\r\n      setArea(null)\r\n    }\r\n  }, [map, active, measureType])\r\n\r\n  // Update layer colors when dimensionsColour changes\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n\r\n    const layerIds = [\r\n      'measure-points',\r\n      'measure-lines',\r\n      'measure-polygons',\r\n      'measure-polygon-outline',\r\n      'measure-distance-labels',\r\n      'measure-area-labels',\r\n    ]\r\n\r\n    // Check if layers exist before trying to update them\r\n    const updateLayerColors = () => {\r\n      if (map.getLayer('measure-points')) {\r\n        map.setPaintProperty('measure-points', 'circle-color', dimensionLineColor || '#fff')\r\n      }\r\n      if (map.getLayer('measure-lines')) {\r\n        map.setPaintProperty('measure-lines', 'line-color', dimensionLineColor || '#fff')\r\n      }\r\n      if (map.getLayer('measure-polygons')) {\r\n        map.setPaintProperty('measure-polygons', 'fill-color', dimensionLineColor || '#fff')\r\n        map.setPaintProperty('measure-polygons', 'fill-outline-color', dimensionLineColor || '#fff')\r\n      }\r\n      if (map.getLayer('measure-polygon-outline')) {\r\n        map.setPaintProperty('measure-polygon-outline', 'line-color', dimensionLineColor || '#fff')\r\n      }\r\n      if (map.getLayer('measure-distance-labels')) {\r\n        map.setPaintProperty('measure-distance-labels', 'text-color', '#000')\r\n        map.setPaintProperty('measure-distance-labels', 'text-halo-color', '#fff')\r\n        map.setPaintProperty('measure-distance-labels', 'text-halo-width', 3)\r\n        map.setPaintProperty('measure-distance-labels', 'text-halo-blur', 1)\r\n      }\r\n      if (map.getLayer('measure-area-labels')) {\r\n        map.setPaintProperty('measure-area-labels', 'text-color', '#000')\r\n        map.setPaintProperty('measure-area-labels', 'text-halo-color', '#fff')\r\n        map.setPaintProperty('measure-area-labels', 'text-halo-width', 3)\r\n        map.setPaintProperty('measure-area-labels', 'text-halo-blur', 1)\r\n      }\r\n    }\r\n\r\n    if (map.isStyleLoaded()) {\r\n      updateLayerColors()\r\n    }\r\n  }, [map, dimensionLineColor])\r\n\r\n  // Monitor active state changes\r\n  React.useEffect(() => {\r\n    if (active) {\r\n      setCursor('crosshair')\r\n    }\r\n    else {\r\n      setCursor('')\r\n      setDistance(null)\r\n      setArea(null)\r\n    }\r\n  }, [active])\r\n\r\n  // When current tool changes\r\n  React.useEffect(() => {\r\n    setActive(currentToolId === toolId)\r\n  }, [currentToolId])\r\n\r\n  const handleMeasureTypeChange = (type: 'line' | 'area') => {\r\n    // Clear current measurements\r\n    if (map) {\r\n      const geojson: GeoJSON.FeatureCollection = {\r\n        type: 'FeatureCollection',\r\n        features: [],\r\n      }\r\n      const source = map.getSource('measure-geojson')\r\n      if (source && 'setData' in source) {\r\n        (source as maplibregl.GeoJSONSource).setData(geojson)\r\n      }\r\n    }\r\n\r\n    setMeasureType(type)\r\n    setDistance(null)\r\n    setArea(null)\r\n\r\n    // If not active, activate the tool\r\n    if (!active) {\r\n      setActive(true)\r\n      setTools(toolId)\r\n    }\r\n  }\r\n\r\n  // Clear measurements function\r\n  const clearMeasurements = () => {\r\n    if (map) {\r\n      // Create a completely new empty GeoJSON object\r\n      const emptyGeojson: GeoJSON.FeatureCollection<GeoJSON.Geometry> = {\r\n        type: 'FeatureCollection',\r\n        features: [],\r\n      }\r\n\r\n      // Update the source data\r\n      const source = map.getSource('measure-geojson')\r\n      if (source && 'setData' in source) {\r\n        (source as maplibregl.GeoJSONSource).setData(emptyGeojson)\r\n      }\r\n\r\n      // Reset state variables\r\n      setDistance(null)\r\n      setArea(null)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <ToolbarSubmenu tool={tool}>\r\n      <DropdownMenuItem onClick={() => handleMeasureTypeChange('line')}>\r\n        <LR.Ruler />\r\n        <span>{t('distance')}</span>\r\n      </DropdownMenuItem>\r\n      <DropdownMenuItem onClick={() => handleMeasureTypeChange('area')}>\r\n        <LR.Square />\r\n        <span>{t('area')}</span>\r\n      </DropdownMenuItem>\r\n      {/* Clear measurements */}\r\n      <DropdownMenuItem onClick={handleClearMeasurementTool}>\r\n        <LR.X />\r\n        <span>{t('clear')}</span>\r\n      </DropdownMenuItem>\r\n    </ToolbarSubmenu>\r\n  )\r\n}"],"mappings":"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","names":["currentToolId","_a","geojson"]}

package/dist/core/components/viewers/map/src/tools/shareMapTool.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { Tool } from '../../../../../types/tools';
+interface ShareToolProps {
+    tool: Tool;
+}
+export declare const ShareMapTool: React.FC<ShareToolProps>;
+export {};
+//# sourceMappingURL=shareMapTool.d.ts.map

package/dist/core/components/viewers/map/src/tools/shareMapTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shareMapTool.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/src/tools/shareMapTool.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAMjD,UAAU,cAAc;IACtB,IAAI,EAAE,IAAI,CAAA;CACX;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0CjD,CAAA"}

package/dist/core/components/viewers/map/src/tools/shareMapTool.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { MapContext } from "../../../../../store";
+import { ShareToolSubmenu } from "../../../../ui/ShareFeature";
+import { getMunicipalityAndProvince } from "../../utils/geocoder";
+const ShareMapTool = ({ tool }) => {
+  const { state: mapState } = React.useContext(MapContext);
+  const { map, organizationCountry } = mapState.map;
+  const constructShareUrl = async () => {
+    const origin = window.location.origin;
+    const pathname = window.location.pathname;
+    if (map == null) {
+      return origin + pathname;
+    } else {
+      const latitude = map.getCenter().lat.toFixed(7);
+      const longitude = map.getCenter().lng.toFixed(7);
+      const shareLocation = await getMunicipalityAndProvince(latitude, longitude, organizationCountry);
+      const params = new URLSearchParams({
+        viewer: "map",
+        lat: latitude,
+        lng: longitude,
+        zoom: map.getZoom().toFixed(3),
+        bearing: map.getBearing().toFixed(1),
+        pitch: map.getPitch().toFixed(1),
+        municipality: shareLocation.municipality,
+        countrySubdivision: shareLocation.countrySubdivision
+      });
+      const shareUrl = `${origin}${pathname}?${params.toString()}`;
+      return shareUrl;
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    ShareToolSubmenu,
+    {
+      tool,
+      constructShareUrl,
+      translationKey: "ShareTool",
+      dialogTitleKey: "map"
+    }
+  );
+};
+export {
+  ShareMapTool
+};
+//# sourceMappingURL=shareMapTool.js.map

package/dist/core/components/viewers/map/src/tools/shareMapTool.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/map/src/tools/shareMapTool.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from \"react\";\r\nimport { Map } from 'maplibre-gl'\r\n\r\n// Utilities\r\nimport { MapContext } from '../../../../../store'\r\nimport { Tool } from '../../../../../types/tools'\r\n\r\n// Custom components\r\nimport { ShareToolSubmenu } from '../../../../ui/ShareFeature'\r\nimport { getMunicipalityAndProvince } from '../../utils/geocoder'\r\n\r\ninterface ShareToolProps {\r\n  tool: Tool\r\n}\r\n\r\nexport const ShareMapTool: React.FC<ShareToolProps> = ({ tool }) => {\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { map, organizationCountry } = mapState.map as { map: Map | null, organizationCountry?: string }\r\n\r\n  const constructShareUrl = async (): Promise<string> => {\r\n    const origin = window.location.origin\r\n    const pathname = window.location.pathname\r\n\r\n    if (map == null) {\r\n      return origin + pathname\r\n    }\r\n    else {\r\n      // get map info\r\n      const latitude = map.getCenter().lat.toFixed(7)\r\n      const longitude = map.getCenter().lng.toFixed(7)\r\n\r\n      const shareLocation = await getMunicipalityAndProvince(latitude, longitude, organizationCountry)\r\n\r\n      const params = new URLSearchParams({\r\n        viewer: 'map',\r\n        lat: latitude,\r\n        lng: longitude,\r\n        zoom: map.getZoom().toFixed(3),\r\n        bearing: map.getBearing().toFixed(1),\r\n        pitch: map.getPitch().toFixed(1),\r\n        municipality: shareLocation.municipality,\r\n        countrySubdivision: shareLocation.countrySubdivision,\r\n      })\r\n\r\n      const shareUrl = `${origin}${pathname}?${params.toString()}`\r\n      return shareUrl\r\n    }\r\n  }\r\n\r\n  return (\r\n    <ShareToolSubmenu \r\n      tool={tool} \r\n      constructShareUrl={constructShareUrl}\r\n      translationKey=\"ShareTool\"\r\n      dialogTitleKey=\"map\"\r\n    />\r\n  )\r\n}"],"mappings":";AAoDI;AAlDJ,YAAY,WAAW;AAIvB,SAAS,kBAAkB;AAI3B,SAAS,wBAAwB;AACjC,SAAS,kCAAkC;AAMpC,MAAM,eAAyC,CAAC,EAAE,KAAK,MAAM;AAClE,QAAM,EAAE,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AACvD,QAAM,EAAE,KAAK,oBAAoB,IAAI,SAAS;AAE9C,QAAM,oBAAoB,YAA6B;AACrD,UAAM,SAAS,OAAO,SAAS;AAC/B,UAAM,WAAW,OAAO,SAAS;AAEjC,QAAI,OAAO,MAAM;AACf,aAAO,SAAS;AAAA,IAClB,OACK;AAEH,YAAM,WAAW,IAAI,UAAU,EAAE,IAAI,QAAQ,CAAC;AAC9C,YAAM,YAAY,IAAI,UAAU,EAAE,IAAI,QAAQ,CAAC;AAE/C,YAAM,gBAAgB,MAAM,2BAA2B,UAAU,WAAW,mBAAmB;AAE/F,YAAM,SAAS,IAAI,gBAAgB;AAAA,QACjC,QAAQ;AAAA,QACR,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM,IAAI,QAAQ,EAAE,QAAQ,CAAC;AAAA,QAC7B,SAAS,IAAI,WAAW,EAAE,QAAQ,CAAC;AAAA,QACnC,OAAO,IAAI,SAAS,EAAE,QAAQ,CAAC;AAAA,QAC/B,cAAc,cAAc;AAAA,QAC5B,oBAAoB,cAAc;AAAA,MACpC,CAAC;AAED,YAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,IAAI,OAAO,SAAS,CAAC;AAC1D,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,gBAAe;AAAA,MACf,gBAAe;AAAA;AAAA,EACjB;AAEJ;","names":[]}

package/dist/core/components/viewers/map/utils/ClusterManager.d.ts

@@ -0,0 +1,10 @@
+import { BuildingDataset } from '../../../../types/datasetTypes';
+export declare class ClusterManager {
+    private map;
+    constructor(map: any);
+    create(dataset: BuildingDataset): void;
+    remove(datasetName: string): void;
+    toggleVisibility(datasetName: string, visible: boolean): void;
+    removeHiddenDatasets(addedDatasets: BuildingDataset[], isBuildingDataset: (dataset: any) => boolean): void;
+}
+//# sourceMappingURL=ClusterManager.d.ts.map

package/dist/core/components/viewers/map/utils/ClusterManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClusterManager.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/map/utils/ClusterManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAGhE,qBAAa,cAAc;IACzB,OAAO,CAAC,GAAG,CAAK;gBAEJ,GAAG,EAAE,GAAG;IAIpB,MAAM,CAAC,OAAO,EAAE,eAAe;IAwF/B,MAAM,CAAC,WAAW,EAAE,MAAM;IA0B1B,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;IAYtD,oBAAoB,CAAC,aAAa,EAAE,eAAe,EAAE,EAAE,iBAAiB,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO;CAOpG"}