@collabdt/core 0.0.40

package/dist/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/TerrainLevel.js

@@ -0,0 +1,111 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import * as LR from "lucide-react";
+import { Tabs, TabsList, TabsTrigger } from "../../../../../../../ui/Tabs";
+import { AppConfigContext, MapContext } from "../../../../../../../../store";
+function TerrainLevel() {
+  var _a;
+  const tMap = useTranslations("MapCustomization");
+  const { state: appConfigState } = React.useContext(AppConfigContext);
+  const { dispatch: mapDispatch, state: mapState } = React.useContext(MapContext);
+  const { map, terrainLevel } = mapState.map;
+  const organizationCountry = (((_a = appConfigState.appConfig.organization) == null ? void 0 : _a.country) || "").toUpperCase();
+  const isCanadaOrg = organizationCountry === "CA";
+  React.useEffect(() => {
+    if (!isCanadaOrg && terrainLevel === "high") {
+      mapDispatch({ type: "UPDATE_TERRAIN_LEVEL", payload: { terrainLevel: "medium" } });
+    }
+  }, [isCanadaOrg, terrainLevel, mapDispatch]);
+  React.useEffect(() => {
+    if (!map) return;
+    const updateTerrain = () => {
+      if (terrainLevel === "disabled") {
+        map.setTerrain(null);
+      } else if (terrainLevel === "medium") {
+        const terrainSourceExists = map.getSource("terrain-source");
+        if (!terrainSourceExists) {
+          map.addSource("terrain-source", {
+            type: "raster-dem",
+            url: "https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=VwEIy1NDSOiSGeTOXMr1",
+            tileSize: 256
+          });
+        }
+        map.setTerrain({
+          source: "terrain-source",
+          exaggeration: 1
+        });
+      } else if (terrainLevel === "high" && isCanadaOrg) {
+        const nrcanTerrainExists = map.getSource("hrdem-terrain");
+        const nrcanHillshadeExists = map.getSource("hrdem-hillshade");
+        if (!nrcanTerrainExists) {
+          map.addSource("hrdem-terrain", {
+            type: "raster-dem",
+            tiles: [
+              "/api/nrcan-hr-dem?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&FORMAT=image/png&TRANSPARENT=false&LAYERS=dtm&CRS=EPSG:3857&STYLES=&WIDTH=256&HEIGHT=256&BBOX={bbox-epsg-3857}"
+            ],
+            tileSize: 256,
+            maxzoom: 15,
+            attribution: "Contains information licensed under the Open Government Licence \u2013 Canada"
+          });
+        }
+        if (!nrcanHillshadeExists) {
+          map.addSource("hrdem-hillshade", {
+            type: "raster",
+            tiles: [
+              "/api/nrcan-hr-hillshade?request=GetCapabilities&service=WMS&version=1.3.0&layers=dsm-hillshade&legend_format=image&png&feature_info_type=text&xml"
+            ],
+            tileSize: 256,
+            maxzoom: 15,
+            attribution: "Contains information licensed under the Open Government Licence \u2013 Canada"
+          });
+          if (!map.getLayer("nrcan-hillshade")) {
+            map.addLayer({
+              id: "nrcan-hillshade",
+              type: "raster",
+              source: "hrdem-hillshade",
+              paint: {
+                "raster-opacity": 0.15
+              }
+            });
+          }
+        }
+        map.setTerrain({
+          source: "hrdem-terrain",
+          exaggeration: 2e-4
+        });
+      }
+    };
+    if (map.loaded()) {
+      updateTerrain();
+    } else {
+      map.once("load", updateTerrain);
+    }
+  }, [map, terrainLevel, isCanadaOrg]);
+  const handleTerrainLevel = (value) => {
+    if (!isCanadaOrg && value === "high") return;
+    mapDispatch({ type: "UPDATE_TERRAIN_LEVEL", payload: { terrainLevel: value } });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: tMap("terrain") }),
+    /* @__PURE__ */ jsx(Tabs, { value: terrainLevel, onValueChange: handleTerrainLevel, variant: "switch", children: /* @__PURE__ */ jsxs(TabsList, { className: "grid w-full grid-cols-3", children: [
+      /* @__PURE__ */ jsxs(TabsTrigger, { value: "disabled", children: [
+        /* @__PURE__ */ jsx(LR.ArrowDownToLine, { className: "w-4 h-4 mr-2" }),
+        tMap("disabled")
+      ] }),
+      /* @__PURE__ */ jsxs(TabsTrigger, { value: "medium", children: [
+        /* @__PURE__ */ jsx(LR.Mountain, { className: "w-4 h-4 mr-2" }),
+        tMap("medium")
+      ] }),
+      /* @__PURE__ */ jsxs(TabsTrigger, { value: "high", disabled: !isCanadaOrg, children: [
+        /* @__PURE__ */ jsx(LR.MountainSnow, { className: "w-4 h-4 mr-2" }),
+        tMap("high")
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  TerrainLevel
+};
+//# sourceMappingURL=TerrainLevel.js.map

package/dist/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/TerrainLevel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/TerrainLevel.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as LR from 'lucide-react'\r\nimport { Tabs, TabsList, TabsTrigger } from '../../../../../../../ui/Tabs'\r\nimport { AppConfigContext, MapContext } from '../../../../../../../../store'\r\nimport { TerrainLevel as TerrainLevelType } from '../../../../../../../../types/map'\r\n\r\nexport function TerrainLevel() {\r\n  const tMap = useTranslations('MapCustomization')\r\n  const { state: appConfigState } = React.useContext(AppConfigContext)\r\n  const { dispatch: mapDispatch, state: mapState } = React.useContext(MapContext)\r\n  const { map, terrainLevel } = mapState.map\r\n  const organizationCountry = (appConfigState.appConfig.organization?.country || '').toUpperCase()\r\n  const isCanadaOrg = organizationCountry === 'CA'\r\n\r\n  React.useEffect(() => {\r\n    if (!isCanadaOrg && terrainLevel === 'high') {\r\n      mapDispatch({ type: 'UPDATE_TERRAIN_LEVEL', payload: { terrainLevel: 'medium' } })\r\n    }\r\n  }, [isCanadaOrg, terrainLevel, mapDispatch])\r\n\r\n  // Terrain control effect\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n\r\n    const updateTerrain = () => {\r\n      if (terrainLevel === 'disabled') {\r\n        // Disable terrain\r\n        map.setTerrain(null)\r\n      } else if (terrainLevel === 'medium') {\r\n        // Check if terrain source already exists\r\n        const terrainSourceExists = map.getSource('terrain-source')\r\n        \r\n        // Add terrain source if it doesn't exist\r\n        if (!terrainSourceExists) {\r\n          map.addSource('terrain-source', {\r\n            type: 'raster-dem',\r\n            url: 'https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=VwEIy1NDSOiSGeTOXMr1',\r\n            tileSize: 256,\r\n          })\r\n        }\r\n        // Enable terrain with medium exaggeration\r\n        map.setTerrain({\r\n          source: 'terrain-source',\r\n          exaggeration: 1,\r\n        })\r\n      } else if (terrainLevel === 'high' && isCanadaOrg) {\r\n        // Check if NRCan terrain sources already exist\r\n        const nrcanTerrainExists = map.getSource('hrdem-terrain')\r\n        const nrcanHillshadeExists = map.getSource('hrdem-hillshade')\r\n        \r\n        // Add NRCan terrain source if it doesn't exist\r\n        if (!nrcanTerrainExists) {\r\n          map.addSource('hrdem-terrain', {\r\n            type: 'raster-dem',\r\n            tiles: [\r\n              '/api/nrcan-hr-dem?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&FORMAT=image/png&TRANSPARENT=false&LAYERS=dtm&CRS=EPSG:3857&STYLES=&WIDTH=256&HEIGHT=256&BBOX={bbox-epsg-3857}'\r\n            ],\r\n            tileSize: 256,\r\n            maxzoom: 15,\r\n            attribution: 'Contains information licensed under the Open Government Licence – Canada',\r\n          })\r\n        }\r\n        \r\n        // Add NRCan hillshade source and layer if they don't exist\r\n        if (!nrcanHillshadeExists) {\r\n          map.addSource('hrdem-hillshade', {\r\n            type: 'raster',\r\n            tiles: [\r\n              '/api/nrcan-hr-hillshade?request=GetCapabilities&service=WMS&version=1.3.0&layers=dsm-hillshade&legend_format=image&png&feature_info_type=text&xml'\r\n            ],\r\n            tileSize: 256,\r\n            maxzoom: 15,\r\n            attribution: 'Contains information licensed under the Open Government Licence – Canada',\r\n          })\r\n          \r\n          // Add hillshade layer if it doesn't exist\r\n          if (!map.getLayer('nrcan-hillshade')) {\r\n            map.addLayer({\r\n              id: 'nrcan-hillshade',\r\n              type: 'raster',\r\n              source: 'hrdem-hillshade',\r\n              paint: {\r\n                'raster-opacity': 0.15,\r\n              },\r\n            })\r\n          }\r\n        }\r\n        \r\n        // Enable high-resolution terrain with lower exaggeration\r\n        map.setTerrain({\r\n          source: 'hrdem-terrain',\r\n          exaggeration: 0.0002,\r\n        })\r\n      }\r\n    }\r\n\r\n    // Wait for map to be loaded before updating terrain\r\n    if (map.loaded()) {\r\n      updateTerrain()\r\n    } else {\r\n      map.once('load', updateTerrain)\r\n    }\r\n  }, [map, terrainLevel, isCanadaOrg])\r\n\r\n  const handleTerrainLevel = (value: TerrainLevelType) => {\r\n    if (!isCanadaOrg && value === 'high') return\r\n\r\n    mapDispatch({ type: 'UPDATE_TERRAIN_LEVEL', payload: { terrainLevel: value } })\r\n  }\r\n\r\n  return (\r\n    <div className=\"space-y-2\">\r\n      <label className=\"text-sm font-medium\">{tMap('terrain')}</label>\r\n      <Tabs value={terrainLevel} onValueChange={handleTerrainLevel} variant=\"switch\">\r\n        <TabsList className=\"grid w-full grid-cols-3\">\r\n          <TabsTrigger value=\"disabled\">\r\n            <LR.ArrowDownToLine className=\"w-4 h-4 mr-2\" />\r\n            {tMap('disabled')}\r\n          </TabsTrigger>\r\n          <TabsTrigger value=\"medium\">\r\n            <LR.Mountain className=\"w-4 h-4 mr-2\" />\r\n            {tMap('medium')}\r\n          </TabsTrigger>\r\n          <TabsTrigger value=\"high\" disabled={!isCanadaOrg}>\r\n            <LR.MountainSnow className=\"w-4 h-4 mr-2\" />\r\n            {tMap('high')}\r\n          </TabsTrigger>\r\n        </TabsList>\r\n      </Tabs>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/map/src/SimpleMap.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface PaddingOptions {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+interface Props {
+    width?: string;
+    height?: string;
+    mapStyleUrl?: string;
+    showCountryLayer?: boolean;
+    padding?: PaddingOptions;
+}
+export default function SimpleMap({ width, height, mapStyleUrl, showCountryLayer, padding, }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=SimpleMap.d.ts.map

package/dist/core/components/viewers/map/src/SimpleMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleMap.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/map/src/SimpleMap.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAA;CACzB;AAQD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAe,EACf,MAAgB,EAChB,WAAW,EACX,gBAAuB,EACvB,OAAO,GACR,EAAE,KAAK,qBA4JP"}

package/dist/core/components/viewers/map/src/SimpleMap.js

@@ -0,0 +1,150 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Map, { NavigationControl } from "react-map-gl/maplibre";
+import maplibregl from "maplibre-gl";
+import { CountryLayer } from "./MapLayers/src/CountryLayer";
+const ROTATION_SPEED = 0.1;
+const FIT_DIVISOR = 160;
+function SimpleMap({
+  width = "100vw",
+  height = "100vh",
+  mapStyleUrl,
+  showCountryLayer = true,
+  padding
+}) {
+  const containerRef = React.useRef(null);
+  const [zoom, setZoom] = React.useState(2.8);
+  const mapRef = React.useRef(null);
+  const paddingRef = React.useRef(padding);
+  const userInteracting = React.useRef(false);
+  const animationRef = React.useRef(0);
+  const resumeTimeoutRef = React.useRef(null);
+  React.useEffect(() => {
+    paddingRef.current = padding;
+  }, [padding]);
+  React.useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const computeZoom = () => {
+      const { clientWidth, clientHeight } = el;
+      const minDim = Math.min(clientWidth, clientHeight);
+      if (minDim <= 0) return;
+      const next = Math.log2(minDim / FIT_DIVISOR);
+      setZoom(Math.max(-1, Math.min(3.5, next)));
+    };
+    computeZoom();
+    const observer = new ResizeObserver(computeZoom);
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  React.useEffect(() => {
+    return () => {
+      cancelAnimationFrame(animationRef.current);
+      if (resumeTimeoutRef.current) clearTimeout(resumeTimeoutRef.current);
+    };
+  }, []);
+  const applyZoomBounds = React.useCallback((map, target) => {
+    map.setMinZoom(-2);
+    map.setMaxZoom(target + 0.2);
+    map.setMinZoom(target);
+  }, []);
+  React.useEffect(() => {
+    var _a;
+    const map = (_a = mapRef.current) == null ? void 0 : _a.getMap();
+    if (!map) return;
+    applyZoomBounds(map, zoom);
+    map.setZoom(zoom);
+    const currentPadding = paddingRef.current;
+    if (!currentPadding) return;
+    map.setPadding(currentPadding);
+  }, [padding, zoom, applyZoomBounds]);
+  const viewState = {
+    longitude: -75.74,
+    latitude: 0,
+    zoom
+  };
+  const resolvedStyle = React.useMemo(() => {
+    if (!mapStyleUrl) return void 0;
+    const isTileTemplate = mapStyleUrl.includes("{x}") && mapStyleUrl.includes("{y}") && mapStyleUrl.includes("{z}");
+    if (!isTileTemplate) return mapStyleUrl;
+    return {
+      version: 8,
+      sources: {
+        rasterTiles: {
+          type: "raster",
+          tiles: [mapStyleUrl],
+          tileSize: 256
+        }
+      },
+      layers: [
+        {
+          id: "raster-tiles",
+          type: "raster",
+          source: "rasterTiles"
+        }
+      ]
+    };
+  }, [mapStyleUrl]);
+  const handleMapLoad = React.useCallback(() => {
+    var _a;
+    const map = (_a = mapRef.current) == null ? void 0 : _a.getMap();
+    if (!map) return;
+    applyZoomBounds(map, zoom);
+    const applyCurrentPadding = () => {
+      const currentPadding = paddingRef.current;
+      if (!currentPadding) return;
+      map.setPadding(currentPadding);
+    };
+    applyCurrentPadding();
+    map.on("styledata", applyCurrentPadding);
+    const onInteractionStart = () => {
+      userInteracting.current = true;
+      if (resumeTimeoutRef.current) clearTimeout(resumeTimeoutRef.current);
+    };
+    const onInteractionEnd = () => {
+      resumeTimeoutRef.current = setTimeout(() => {
+        userInteracting.current = false;
+      }, 1500);
+    };
+    map.on("mousedown", onInteractionStart);
+    map.on("mouseup", onInteractionEnd);
+    map.on("touchstart", onInteractionStart);
+    map.on("touchend", onInteractionEnd);
+    map.on("dragstart", onInteractionStart);
+    map.on("dragend", onInteractionEnd);
+    function rotate() {
+      if (!userInteracting.current) {
+        const center = map.getCenter();
+        center.lng -= ROTATION_SPEED;
+        map.jumpTo({
+          center: { lng: center.lng, lat: center.lat },
+          padding: map.getPadding()
+        });
+      }
+      animationRef.current = requestAnimationFrame(rotate);
+    }
+    animationRef.current = requestAnimationFrame(rotate);
+  }, []);
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, className: "pointer-events-auto relative z-10 h-full w-full", children: /* @__PURE__ */ jsxs(
+    Map,
+    {
+      ref: mapRef,
+      mapStyle: resolvedStyle,
+      mapLib: maplibregl,
+      style: { width, height, position: "absolute", inset: 0, top: 0 },
+      initialViewState: viewState,
+      projection: "globe",
+      onLoad: handleMapLoad,
+      attributionControl: false,
+      children: [
+        /* @__PURE__ */ jsx(NavigationControl, { visualizePitch: true }),
+        showCountryLayer ? /* @__PURE__ */ jsx(CountryLayer, {}) : null
+      ]
+    }
+  ) });
+}
+export {
+  SimpleMap as default
+};
+//# sourceMappingURL=SimpleMap.js.map

package/dist/core/components/viewers/map/src/SimpleMap.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/map/src/SimpleMap.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport Map, { NavigationControl } from 'react-map-gl/maplibre'\r\nimport type { MapRef } from 'react-map-gl/maplibre'\r\n\r\nimport maplibregl from 'maplibre-gl'\r\n\r\nimport { CountryLayer } from './MapLayers/src/CountryLayer'\r\n\r\n\r\ninterface PaddingOptions {\r\n  top: number\r\n  bottom: number\r\n  left: number\r\n  right: number\r\n}\r\n\r\ninterface Props {\r\n  width?: string\r\n  height?: string\r\n  mapStyleUrl?: string\r\n  showCountryLayer?: boolean\r\n  padding?: PaddingOptions\r\n}\r\n\r\nconst ROTATION_SPEED = 0.1 // degrees longitude per frame\r\n\r\n// Empirically tuned so the whole sphere fits inside the container.\r\n// Globe diameter ≈ FIT_DIVISOR * 2^zoom, so larger values yield more margin.\r\nconst FIT_DIVISOR = 160\r\n\r\nexport default function SimpleMap({\r\n  width = '100vw',\r\n  height = '100vh',\r\n  mapStyleUrl,\r\n  showCountryLayer = true,\r\n  padding,\r\n}: Props) {\r\n  const containerRef = React.useRef<HTMLDivElement>(null)\r\n  const [zoom, setZoom] = React.useState(2.8)\r\n  const mapRef = React.useRef<MapRef>(null)\r\n  const paddingRef = React.useRef<PaddingOptions | undefined>(padding)\r\n  const userInteracting = React.useRef(false)\r\n  const animationRef = React.useRef<number>(0)\r\n  const resumeTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\r\n\r\n  React.useEffect(() => {\r\n    paddingRef.current = padding\r\n  }, [padding])\r\n\r\n  React.useEffect(() => {\r\n    const el = containerRef.current\r\n    if (!el) return\r\n\r\n    const computeZoom = () => {\r\n      const { clientWidth, clientHeight } = el\r\n      const minDim = Math.min(clientWidth, clientHeight)\r\n      if (minDim <= 0) return\r\n      const next = Math.log2(minDim / FIT_DIVISOR)\r\n      setZoom(Math.max(-1, Math.min(3.5, next)))\r\n    }\r\n\r\n    computeZoom()\r\n    const observer = new ResizeObserver(computeZoom)\r\n    observer.observe(el)\r\n    return () => observer.disconnect()\r\n  }, [])\r\n\r\n  // Cleanup animation on unmount\r\n  React.useEffect(() => {\r\n    return () => {\r\n      cancelAnimationFrame(animationRef.current)\r\n      if (resumeTimeoutRef.current) clearTimeout(resumeTimeoutRef.current)\r\n    }\r\n  }, [])\r\n\r\n  // Apply min/max zoom safely — lower the floor first so maxZoom can never\r\n  // be set below the current minZoom (which maplibre rejects).\r\n  const applyZoomBounds = React.useCallback((map: maplibregl.Map, target: number) => {\r\n    map.setMinZoom(-2)\r\n    map.setMaxZoom(target + 0.2)\r\n    map.setMinZoom(target)\r\n  }, [])\r\n\r\n  // Keep padding and zoom in sync whenever the prop changes\r\n  React.useEffect(() => {\r\n    const map = mapRef.current?.getMap()\r\n    if (!map) return\r\n    applyZoomBounds(map, zoom)\r\n    map.setZoom(zoom)\r\n\r\n    const currentPadding = paddingRef.current\r\n    if (!currentPadding) return\r\n    map.setPadding(currentPadding)\r\n  }, [padding, zoom, applyZoomBounds])\r\n\r\n  const viewState = {\r\n    longitude: -75.74,\r\n    latitude: 0,\r\n    zoom\r\n  }\r\n\r\n  const resolvedStyle = React.useMemo(() => {\r\n    if (!mapStyleUrl) return undefined\r\n\r\n    const isTileTemplate = mapStyleUrl.includes('{x}') && mapStyleUrl.includes('{y}') && mapStyleUrl.includes('{z}')\r\n    if (!isTileTemplate) return mapStyleUrl\r\n\r\n    return {\r\n      version: 8 as const,\r\n      sources: {\r\n        rasterTiles: {\r\n          type: 'raster' as const,\r\n          tiles: [mapStyleUrl],\r\n          tileSize: 256,\r\n        },\r\n      },\r\n      layers: [\r\n        {\r\n          id: 'raster-tiles',\r\n          type: 'raster' as const,\r\n          source: 'rasterTiles',\r\n        },\r\n      ],\r\n    }\r\n  }, [mapStyleUrl])\r\n\r\n  const handleMapLoad = React.useCallback(() => {\r\n    const map = mapRef.current?.getMap()\r\n    if (!map) return\r\n\r\n    applyZoomBounds(map, zoom)\r\n\r\n    const applyCurrentPadding = () => {\r\n      const currentPadding = paddingRef.current\r\n      if (!currentPadding) return\r\n      map.setPadding(currentPadding)\r\n    }\r\n\r\n    applyCurrentPadding()\r\n    map.on('styledata', applyCurrentPadding)\r\n\r\n    const onInteractionStart = () => {\r\n      userInteracting.current = true\r\n      if (resumeTimeoutRef.current) clearTimeout(resumeTimeoutRef.current)\r\n    }\r\n\r\n    const onInteractionEnd = () => {\r\n      resumeTimeoutRef.current = setTimeout(() => {\r\n        userInteracting.current = false\r\n      }, 1500)\r\n    }\r\n\r\n    map.on('mousedown', onInteractionStart)\r\n    map.on('mouseup', onInteractionEnd)\r\n    map.on('touchstart', onInteractionStart)\r\n    map.on('touchend', onInteractionEnd)\r\n    map.on('dragstart', onInteractionStart)\r\n    map.on('dragend', onInteractionEnd)\r\n\r\n    function rotate() {\r\n      if (!userInteracting.current) {\r\n        const center = map.getCenter()\r\n        center.lng -= ROTATION_SPEED\r\n        map.jumpTo({\r\n          center: { lng: center.lng, lat: center.lat },\r\n          padding: map.getPadding(),\r\n        })\r\n      }\r\n      animationRef.current = requestAnimationFrame(rotate)\r\n    }\r\n\r\n    animationRef.current = requestAnimationFrame(rotate)\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [])\r\n\r\n  return (\r\n    <div ref={containerRef} className=\"pointer-events-auto relative z-10 h-full w-full\">\r\n      <Map\r\n        ref={mapRef}\r\n        mapStyle={resolvedStyle}\r\n        mapLib={maplibregl}\r\n        style={{ width, height, position: 'absolute', inset: 0, top: 0 }}\r\n        initialViewState={viewState}\r\n        projection=\"globe\"\r\n        onLoad={handleMapLoad}\r\n        attributionControl={false}\r\n      >\r\n        <NavigationControl visualizePitch />\r\n        {showCountryLayer ? <CountryLayer /> : null}\r\n      </Map>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AAmLM,SAUE,KAVF;AAjLN,YAAY,WAAW;AACvB,OAAO,OAAO,yBAAyB;AAGvC,OAAO,gBAAgB;AAEvB,SAAS,oBAAoB;AAkB7B,MAAM,iBAAiB;AAIvB,MAAM,cAAc;AAEL,SAAR,UAA2B;AAAA,EAChC,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA,mBAAmB;AAAA,EACnB;AACF,GAAU;AACR,QAAM,eAAe,MAAM,OAAuB,IAAI;AACtD,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,GAAG;AAC1C,QAAM,SAAS,MAAM,OAAe,IAAI;AACxC,QAAM,aAAa,MAAM,OAAmC,OAAO;AACnE,QAAM,kBAAkB,MAAM,OAAO,KAAK;AAC1C,QAAM,eAAe,MAAM,OAAe,CAAC;AAC3C,QAAM,mBAAmB,MAAM,OAA6C,IAAI;AAEhF,QAAM,UAAU,MAAM;AACpB,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,UAAU,MAAM;AACpB,UAAM,KAAK,aAAa;AACxB,QAAI,CAAC,GAAI;AAET,UAAM,cAAc,MAAM;AACxB,YAAM,EAAE,aAAa,aAAa,IAAI;AACtC,YAAM,SAAS,KAAK,IAAI,aAAa,YAAY;AACjD,UAAI,UAAU,EAAG;AACjB,YAAM,OAAO,KAAK,KAAK,SAAS,WAAW;AAC3C,cAAQ,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI,CAAC,CAAC;AAAA,IAC3C;AAEA,gBAAY;AACZ,UAAM,WAAW,IAAI,eAAe,WAAW;AAC/C,aAAS,QAAQ,EAAE;AACnB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,CAAC;AAGL,QAAM,UAAU,MAAM;AACpB,WAAO,MAAM;AACX,2BAAqB,aAAa,OAAO;AACzC,UAAI,iBAAiB,QAAS,cAAa,iBAAiB,OAAO;AAAA,IACrE;AAAA,EACF,GAAG,CAAC,CAAC;AAIL,QAAM,kBAAkB,MAAM,YAAY,CAAC,KAAqB,WAAmB;AACjF,QAAI,WAAW,EAAE;AACjB,QAAI,WAAW,SAAS,GAAG;AAC3B,QAAI,WAAW,MAAM;AAAA,EACvB,GAAG,CAAC,CAAC;AAGL,QAAM,UAAU,MAAM;AAtFxB;AAuFI,UAAM,OAAM,YAAO,YAAP,mBAAgB;AAC5B,QAAI,CAAC,IAAK;AACV,oBAAgB,KAAK,IAAI;AACzB,QAAI,QAAQ,IAAI;AAEhB,UAAM,iBAAiB,WAAW;AAClC,QAAI,CAAC,eAAgB;AACrB,QAAI,WAAW,cAAc;AAAA,EAC/B,GAAG,CAAC,SAAS,MAAM,eAAe,CAAC;AAEnC,QAAM,YAAY;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,EACF;AAEA,QAAM,gBAAgB,MAAM,QAAQ,MAAM;AACxC,QAAI,CAAC,YAAa,QAAO;AAEzB,UAAM,iBAAiB,YAAY,SAAS,KAAK,KAAK,YAAY,SAAS,KAAK,KAAK,YAAY,SAAS,KAAK;AAC/G,QAAI,CAAC,eAAgB,QAAO;AAE5B,WAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,QACP,aAAa;AAAA,UACX,MAAM;AAAA,UACN,OAAO,CAAC,WAAW;AAAA,UACnB,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,QACN;AAAA,UACE,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,gBAAgB,MAAM,YAAY,MAAM;AAhIhD;AAiII,UAAM,OAAM,YAAO,YAAP,mBAAgB;AAC5B,QAAI,CAAC,IAAK;AAEV,oBAAgB,KAAK,IAAI;AAEzB,UAAM,sBAAsB,MAAM;AAChC,YAAM,iBAAiB,WAAW;AAClC,UAAI,CAAC,eAAgB;AACrB,UAAI,WAAW,cAAc;AAAA,IAC/B;AAEA,wBAAoB;AACpB,QAAI,GAAG,aAAa,mBAAmB;AAEvC,UAAM,qBAAqB,MAAM;AAC/B,sBAAgB,UAAU;AAC1B,UAAI,iBAAiB,QAAS,cAAa,iBAAiB,OAAO;AAAA,IACrE;AAEA,UAAM,mBAAmB,MAAM;AAC7B,uBAAiB,UAAU,WAAW,MAAM;AAC1C,wBAAgB,UAAU;AAAA,MAC5B,GAAG,IAAI;AAAA,IACT;AAEA,QAAI,GAAG,aAAa,kBAAkB;AACtC,QAAI,GAAG,WAAW,gBAAgB;AAClC,QAAI,GAAG,cAAc,kBAAkB;AACvC,QAAI,GAAG,YAAY,gBAAgB;AACnC,QAAI,GAAG,aAAa,kBAAkB;AACtC,QAAI,GAAG,WAAW,gBAAgB;AAElC,aAAS,SAAS;AAChB,UAAI,CAAC,gBAAgB,SAAS;AAC5B,cAAM,SAAS,IAAI,UAAU;AAC7B,eAAO,OAAO;AACd,YAAI,OAAO;AAAA,UACT,QAAQ,EAAE,KAAK,OAAO,KAAK,KAAK,OAAO,IAAI;AAAA,UAC3C,SAAS,IAAI,WAAW;AAAA,QAC1B,CAAC;AAAA,MACH;AACA,mBAAa,UAAU,sBAAsB,MAAM;AAAA,IACrD;AAEA,iBAAa,UAAU,sBAAsB,MAAM;AAAA,EAErD,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,SAAI,KAAK,cAAc,WAAU,mDAChC;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO,EAAE,OAAO,QAAQ,UAAU,YAAY,OAAO,GAAG,KAAK,EAAE;AAAA,MAC/D,kBAAkB;AAAA,MAClB,YAAW;AAAA,MACX,QAAQ;AAAA,MACR,oBAAoB;AAAA,MAEpB;AAAA,4BAAC,qBAAkB,gBAAc,MAAC;AAAA,QACjC,mBAAmB,oBAAC,gBAAa,IAAK;AAAA;AAAA;AAAA,EACzC,GACF;AAEJ;","names":[]}

package/dist/core/components/viewers/map/src/compare/AddItem.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { Building, Site } from '../../../../../types/dbTypes';
+interface AddItemProps {
+    handleAddBuilding: (building: Building) => void;
+    handleAddSite?: (site: Site) => void;
+    isComparingSites?: boolean;
+    icon?: React.ReactNode;
+    className?: string;
+    variant?: 'secondary' | 'ghost';
+}
+export default function AddItem({ handleAddBuilding, handleAddSite, isComparingSites, icon, className, variant }: AddItemProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AddItem.d.ts.map

package/dist/core/components/viewers/map/src/compare/AddItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/src/compare/AddItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAE9D,UAAU,YAAY;IACpB,iBAAiB,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC/C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,iBAAiB,EAAE,aAAa,EAAE,gBAAwB,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,YAAY,qBA2IrI"}

package/dist/core/components/viewers/map/src/compare/AddItem.js

@@ -0,0 +1,116 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { usePermissions } from "../../../../../store";
+import { useBuildings } from "../../../../../hooks/buildings/buildings";
+import { useSites } from "../../../../../hooks/sites/sites";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../../../../../components/ui/DropdownMenu";
+import { Button, Input } from "../../../../../components/ui/";
+import * as LR from "lucide-react";
+function AddItem({ handleAddBuilding, handleAddSite, isComparingSites = false, icon, className, variant }) {
+  const t = useTranslations("AddItem");
+  const { ability } = usePermissions();
+  const [searchTerm, setSearchTerm] = React.useState("");
+  const { buildings, isLoading: buildingsLoading, isError: buildingsError } = useBuildings();
+  const { sites, isLoading: sitesLoading, isError: sitesError } = useSites();
+  const filteredData = searchTerm.trim() === "" ? [] : isComparingSites ? sites.filter((site) => {
+    var _a, _b;
+    return ((_a = site.siteName) == null ? void 0 : _a.toLowerCase().includes(searchTerm.toLowerCase())) || ((_b = site.siteAddress) == null ? void 0 : _b.toLowerCase().includes(searchTerm.toLowerCase()));
+  }).sort((a, b) => {
+    var _a, _b, _c, _d;
+    const aNameMatch = (_a = a.siteName) == null ? void 0 : _a.toLowerCase().includes(searchTerm.toLowerCase());
+    const bNameMatch = (_b = b.siteName) == null ? void 0 : _b.toLowerCase().includes(searchTerm.toLowerCase());
+    if (aNameMatch && !bNameMatch) return -1;
+    if (!aNameMatch && bNameMatch) return 1;
+    const aAddressMatch = (_c = a.siteAddress) == null ? void 0 : _c.toLowerCase().includes(searchTerm.toLowerCase());
+    const bAddressMatch = (_d = b.siteAddress) == null ? void 0 : _d.toLowerCase().includes(searchTerm.toLowerCase());
+    if (aAddressMatch && !bAddressMatch) return -1;
+    if (!aAddressMatch && bAddressMatch) return 1;
+    return 0;
+  }).slice(0, 3) : buildings.filter((building) => {
+    var _a, _b;
+    return ((_a = building.buildingName) == null ? void 0 : _a.toLowerCase().includes(searchTerm.toLowerCase())) || ((_b = building.buildingAddress) == null ? void 0 : _b.toLowerCase().includes(searchTerm.toLowerCase()));
+  }).sort((a, b) => {
+    var _a, _b, _c, _d;
+    const aNameMatch = (_a = a.buildingName) == null ? void 0 : _a.toLowerCase().includes(searchTerm.toLowerCase());
+    const bNameMatch = (_b = b.buildingName) == null ? void 0 : _b.toLowerCase().includes(searchTerm.toLowerCase());
+    if (aNameMatch && !bNameMatch) return -1;
+    if (!aNameMatch && bNameMatch) return 1;
+    const aAddressMatch = (_c = a.buildingAddress) == null ? void 0 : _c.toLowerCase().includes(searchTerm.toLowerCase());
+    const bAddressMatch = (_d = b.buildingAddress) == null ? void 0 : _d.toLowerCase().includes(searchTerm.toLowerCase());
+    if (aAddressMatch && !bAddressMatch) return -1;
+    if (!aAddressMatch && bAddressMatch) return 1;
+    return 0;
+  }).slice(0, 3);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant,
+        className: `dropdown-menu-trigger ${className}`,
+        onClick: (e) => e.stopPropagation(),
+        disabled: buildings && !ability.can("read", "Building") || sites && !ability.can("read", "Site"),
+        children: [
+          icon || /* @__PURE__ */ jsx(LR.PlusCircle, { className: "!w-5 !h-5" }),
+          t("add"),
+          " ",
+          isComparingSites ? t("siteCap") : t("buildingCap")
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", side: "top", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(LR.Search, { className: "absolute left-3 top-2.5 h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: `${t("searchPlaceholder")} ${isComparingSites ? t("site") : t("building")}`,
+            className: "pl-8 w-[250px]",
+            value: searchTerm,
+            autoFocus: true,
+            onChange: (e) => setSearchTerm(e.target.value),
+            onKeyDown: (e) => {
+              e.stopPropagation();
+            }
+          }
+        )
+      ] }),
+      filteredData.length > 0 ? (
+        // When we have results, map through them
+        filteredData.map((item, index) => /* @__PURE__ */ jsx(
+          DropdownMenuItem,
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              if (isComparingSites && handleAddSite) {
+                handleAddSite(item);
+              } else {
+                handleAddBuilding(item);
+              }
+              setSearchTerm("");
+            },
+            tabIndex: 0,
+            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "flex items-center", children: isComparingSites ? item.siteName : item.buildingName }),
+              (isComparingSites ? item.siteAddress : item.buildingAddress) && /* @__PURE__ */ jsx("span", { className: `${(isComparingSites ? item.siteName : item.buildingName) ? "text-muted-foreground" : "text-foreground"} `, children: isComparingSites ? item.siteAddress : item.buildingAddress })
+            ] })
+          },
+          index
+        ))
+      ) : (
+        // When no results but user has typed something
+        searchTerm.trim() !== "" && /* @__PURE__ */ jsx(DropdownMenuItem, { disabled: true, children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("noneFound") }) })
+      )
+    ] })
+  ] });
+}
+export {
+  AddItem as default
+};
+//# sourceMappingURL=AddItem.js.map

package/dist/core/components/viewers/map/src/compare/AddItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/map/src/compare/AddItem.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Dependencies\r\nimport * as React from \"react\";\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../../store'\r\nimport { useBuildings } from '../../../../../hooks/buildings/buildings'\r\nimport { useSites } from '../../../../../hooks/sites/sites'\r\n\r\n// Data\r\n\r\n\r\n// Shadcn Components\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuTrigger,\r\n} from '../../../../../components/ui/DropdownMenu'\r\nimport { Button, Input } from '../../../../../components/ui/'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\nimport { Building, Site } from '../../../../../types/dbTypes';\r\n\r\ninterface AddItemProps {\r\n  handleAddBuilding: (building: Building) => void\r\n  handleAddSite?: (site: Site) => void\r\n  isComparingSites?: boolean\r\n  icon?: React.ReactNode\r\n  className?: string\r\n  variant?: 'secondary' | 'ghost'\r\n}\r\n\r\nexport default function AddItem({ handleAddBuilding, handleAddSite, isComparingSites = false, icon, className, variant }: AddItemProps) {\r\n  // Translation\r\n  const t = useTranslations('AddItem')\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const [searchTerm, setSearchTerm] = React.useState('')\r\n\r\n  const { buildings, isLoading: buildingsLoading, isError: buildingsError } = useBuildings()\r\n  const { sites, isLoading: sitesLoading, isError: sitesError } = useSites()\r\n\r\n  const filteredData = searchTerm.trim() === ''\r\n    ? [] // Return empty array when search is empty\r\n    : (isComparingSites\r\n        ? sites\r\n            .filter((site) => {\r\n            // Check if any of the fields match\r\n              return site.siteName?.toLowerCase().includes(searchTerm.toLowerCase())\r\n                || site.siteAddress?.toLowerCase().includes(searchTerm.toLowerCase())\r\n            })\r\n            .sort((a, b) => {\r\n            // Sort by relevance (name > address)\r\n              const aNameMatch = a.siteName?.toLowerCase().includes(searchTerm.toLowerCase())\r\n              const bNameMatch = b.siteName?.toLowerCase().includes(searchTerm.toLowerCase())\r\n\r\n              if (aNameMatch && !bNameMatch) return -1\r\n              if (!aNameMatch && bNameMatch) return 1\r\n\r\n              const aAddressMatch = a.siteAddress?.toLowerCase().includes(searchTerm.toLowerCase())\r\n              const bAddressMatch = b.siteAddress?.toLowerCase().includes(searchTerm.toLowerCase())\r\n\r\n              if (aAddressMatch && !bAddressMatch) return -1\r\n              if (!aAddressMatch && bAddressMatch) return 1\r\n\r\n              return 0\r\n            })\r\n            .slice(0, 3) // Limit to 3 results\r\n        : buildings\r\n            .filter((building) => {\r\n            // Check if any of the fields match\r\n              return building.buildingName?.toLowerCase().includes(searchTerm.toLowerCase())\r\n                || building.buildingAddress?.toLowerCase().includes(searchTerm.toLowerCase())\r\n            })\r\n            .sort((a, b) => {\r\n            // Sort by relevance (name > address > site)\r\n              const aNameMatch = a.buildingName?.toLowerCase().includes(searchTerm.toLowerCase())\r\n              const bNameMatch = b.buildingName?.toLowerCase().includes(searchTerm.toLowerCase())\r\n\r\n              if (aNameMatch && !bNameMatch) return -1\r\n              if (!aNameMatch && bNameMatch) return 1\r\n\r\n              const aAddressMatch = a.buildingAddress?.toLowerCase().includes(searchTerm.toLowerCase())\r\n              const bAddressMatch = b.buildingAddress?.toLowerCase().includes(searchTerm.toLowerCase())\r\n\r\n              if (aAddressMatch && !bAddressMatch) return -1\r\n              if (!aAddressMatch && bAddressMatch) return 1\r\n\r\n              return 0\r\n            })\r\n            .slice(0, 3)) // Limit to 3 results\r\n\r\n  return (\r\n    <DropdownMenu>\r\n      <DropdownMenuTrigger asChild>\r\n        <Button\r\n          variant={variant}\r\n          className={`dropdown-menu-trigger ${className}`}\r\n          onClick={e => e.stopPropagation()}\r\n          disabled={buildings && !ability.can('read', 'Building') || sites && !ability.can('read', 'Site')}\r\n        >\r\n          {icon || <LR.PlusCircle className=\"!w-5 !h-5\" />}\r\n          {t('add')}\r\n          {' '}\r\n          {isComparingSites ? t('siteCap') : t('buildingCap')}\r\n        </Button>\r\n      </DropdownMenuTrigger>\r\n\r\n      <DropdownMenuContent align=\"end\" side=\"top\">\r\n\r\n        {/* Search for building */}\r\n        <div className=\"relative\">\r\n          <LR.Search className=\"absolute left-3 top-2.5 h-4 w-4 text-muted-foreground\" />\r\n          <Input\r\n            placeholder={`${t('searchPlaceholder')} ${isComparingSites ? t('site') : t('building')}`}\r\n            className=\"pl-8 w-[250px]\"\r\n            value={searchTerm}\r\n            autoFocus\r\n            onChange={e => setSearchTerm(e.target.value)}\r\n            onKeyDown={(e) => {\r\n              e.stopPropagation() // This disables Randix UI's default behavior for dropdown menu navigation\r\n            }}\r\n          />\r\n        </div>\r\n\r\n        {/* Search results */}\r\n\r\n        {filteredData.length > 0 ? (\r\n          // When we have results, map through them\r\n          filteredData.map((item, index) => (\r\n            <DropdownMenuItem\r\n              key={index}\r\n              onClick={(e) => {\r\n                e.stopPropagation()\r\n                // function to add item to compare\r\n                if (isComparingSites && handleAddSite) {\r\n                  handleAddSite(item as Site)\r\n                }\r\n                else {\r\n                  handleAddBuilding(item as Building)\r\n                }\r\n                setSearchTerm('')\r\n              }}\r\n              tabIndex={0}\r\n            >\r\n              <div className=\"flex flex-col\">\r\n                <span className=\"flex items-center\">\r\n                  {isComparingSites ? (item as Site).siteName : (item as Building).buildingName}\r\n                </span>\r\n                {(isComparingSites ? (item as Site).siteAddress : (item as Building).buildingAddress) && (\r\n                  <span className={`${(isComparingSites ? (item as Site).siteName : (item as Building).buildingName) ? 'text-muted-foreground' : 'text-foreground'} `}>\r\n                    {isComparingSites ? (item as Site).siteAddress : (item as Building).buildingAddress}\r\n                  </span>\r\n                )}\r\n              </div>\r\n            </DropdownMenuItem>\r\n          ))\r\n        ) : (\r\n          // When no results but user has typed something\r\n          searchTerm.trim() !== '' && (\r\n            <DropdownMenuItem disabled>\r\n              <span className=\"text-muted-foreground\">{t('noneFound')}</span>\r\n            </DropdownMenuItem>\r\n          )\r\n        )}\r\n\r\n      </DropdownMenuContent>\r\n    </DropdownMenu>\r\n  )\r\n}"],"mappings":"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","names":[]}

package/dist/core/components/viewers/map/src/compare/CompareDialog.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CompareItem } from '../../../../../store';
+import { Building, Site } from '../../../../../types/dbTypes';
+type CompareDialogProps = {
+    toggleOpen: () => void;
+    compareItems: CompareItem[];
+    setCompareItems: (items: CompareItem[]) => void;
+    handleAddBuilding: (building: Building) => void;
+    handleAddSite?: (site: Site) => void;
+};
+export default function CompareDialog({ toggleOpen, compareItems, setCompareItems, handleAddBuilding, handleAddSite }: CompareDialogProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=CompareDialog.d.ts.map

package/dist/core/components/viewers/map/src/compare/CompareDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompareDialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/src/compare/CompareDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAmC,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAqBnF,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAE7D,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,eAAe,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IAC/C,iBAAiB,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC/C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAAE,kBAAkB,qBAuPxI"}