npm - @collabdt/core - Versions diffs - 0.2.1 → 0.3.1 - Mend

@collabdt/core 0.2.1 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1286) hide show

package/dist/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/MapCustomization.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/MapCustomization.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as ~~React~~ from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as LR from '~~lucide-~~react'\r\nimport { ColorInput } from '../../../../../../../ui/Input'\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../../../../../ui/Select'\r\nimport { Tabs, TabsList, TabsTrigger } from '../../../../../../../ui/Tabs'\r\nimport { ~~AppConfigContext~~, ~~MapContext~~ } from '~~../../../../../../../../store~~'\r\~~nimport { TerrainLevel } from './TerrainLevel'~~\r\nimport { ~~buildMapStylesCatalog,~~ ~~resolveMapStyle~~ } from '~~../../../../../utils/mapStyleCatalog~~'\r\nimport { ~~MapProjection~~ } from './~~MapProjection~~'\r\n\r\nexport function MapCustomization() {\r\n // Translation\r\n const tSettings = useTranslations('SettingsTab')\r\n const tMap = useTranslations('MapCustomization')\r\n\r\n // Contexts\r\n const { state: appConfigState } = React.useContext(AppConfigContext)\r\n const { dispatch: mapDispatch, state: mapState } = React.useContext(MapContext)\r\n const { dimensionsColour, mapStyle: currentMapStyle } = mapState.map\r\n\r\n const mapStylesArray = React.useMemo(\r\n () => buildMapStylesCatalog(appConfigState.appConfig.organization?.mapStyles),\r\n [appConfigState.appConfig.organization?.mapStyles],\r\n )\r\n\r\n const resolvedMapStyle = React.useMemo(\r\n () => resolveMapStyle(currentMapStyle, mapStylesArray),\r\n [currentMapStyle, mapStylesArray],\r\n )\r\n\r\n const handleDimensionsColour = (value: string) => {\r\n mapDispatch({ type: 'UPDATE_DIMENSIONS_COLOUR', payload: { dimensionsColour: value } })\r\n }\r\n\r\n return (\r\n <div className=\"space-y-6\">\r\n {/* Map Style Selector /}\r\n <div className=\"space-y-2\">\r\n <label className=\"text-sm font-medium\">{tSettings('mapStyle')}</label>\r\n <Select\r\n value={resolvedMapStyle.url}\r\n onValueChange={(value: string) => {\r\n const selectedStyle = mapStylesArray.find(style => style.url === value)\r\n if (selectedStyle) {\r\n mapDispatch({ type: 'UPDATE_MAP_STYLE', payload: { mapStyle: selectedStyle } })\r\n }\r\n }}\r\n >\r\n <SelectTrigger>\r\n <SelectValue />\r\n </SelectTrigger>\r\n <SelectContent>\r\n {mapStylesArray.map((mapStyle, index) => (\r\n <SelectItem key={index} value={mapStyle.url}>\r\n {mapStyle.name}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n </div>\r\n\r\n {/ Terrain /}\r\n <TerrainLevel />\r\n\r\n {/ Map Projection /}\r\n <MapProjection />\r\n\r\n {/ Dimensions Colour */}\r\n <div className=\"space-y-2\">\r\n <label className=\"text-sm font-medium\">{tMap('dimensionsColour')}</label>\r\n <div className=\"p-2 border rounded-md bg-white\">\r\n <ColorInput\r\n value={dimensionsColour}\r\n onInput={e => handleDimensionsColour(e.currentTarget.value)}\r\n defaultColor={dimensionsColour}\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"mappings":";~~AA4CQ~~,cACA,YADA;~~AAvCR~~,YAAY,WAAW;~~AACvB~~,SAAS,~~uBAAuB~~;~~AAEhC~~,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,eAAe,YAAY,eAAe,mBAAmB;AAE9E,SAAS,~~kBAAkB~~,~~kBAAkB~~;~~AAC7C~~,SAAS,~~oBAAoB~~;~~AAC7B~~,SAAS,~~uBAAuB,uBAAuB~~;~~AACvD~~,SAAS,~~qBAAqB;AAEvB,SAAS,~~mBAAmB;~~AAhBnC~~;~~AAkBE~~,QAAM,YAAY,gBAAgB,aAAa;AAC/C,QAAM,OAAO,gBAAgB,kBAAkB;AAG/C,QAAM,EAAE,OAAO,eAAe,IAAI,MAAM,WAAW,gBAAgB;AACnE,QAAM,EAAE,UAAU,aAAa,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AAC9E,QAAM,EAAE,kBAAkB,UAAU,gBAAgB,IAAI,SAAS;AAEjE,QAAM,iBAAiB,MAAM;AAAA,IAC3B,MAAG;~~AA3BP~~,UAAAA;~~AA2BU~~,oCAAsBA,MAAA,eAAe,UAAU,iBAAzB,gBAAAA,IAAuC,SAAS;AAAA;AAAA,IAC5E,EAAC,oBAAe,UAAU,iBAAzB,mBAAuC,SAAS;AAAA,EACnD;AAEA,QAAM,mBAAmB,MAAM;AAAA,IAC7B,MAAM,gBAAgB,iBAAiB,cAAc;AAAA,IACrD,CAAC,iBAAiB,cAAc;AAAA,EAClC;AAEA,QAAM,yBAAyB,CAAC,UAAkB;AAChD,gBAAY,EAAE,MAAM,4BAA4B,SAAS,EAAE,kBAAkB,MAAM,EAAE,CAAC;AAAA,EACxF;AAEA,SACE,qBAAC,SAAI,WAAU,aAEb;AAAA,yBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,WAAM,WAAU,uBAAuB,oBAAU,UAAU,GAAE;AAAA,MAC9D;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,iBAAiB;AAAA,UACxB,eAAe,CAAC,UAAkB;AAChC,kBAAM,gBAAgB,eAAe,KAAK,WAAS,MAAM,QAAQ,KAAK;AACtE,gBAAI,eAAe;AACjB,0BAAY,EAAE,MAAM,oBAAoB,SAAS,EAAE,UAAU,cAAc,EAAE,CAAC;AAAA,YAChF;AAAA,UACF;AAAA,UAEA;AAAA,gCAAC,iBACC,8BAAC,eAAY,GACf;AAAA,YACA,oBAAC,iBACE,yBAAe,IAAI,CAAC,UAAU,UAC7B,oBAAC,cAAuB,OAAO,SAAS,KACrC,mBAAS,QADK,KAEjB,CACD,GACH;AAAA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IAGA,oBAAC,gBAAa;AAAA,IAGd,oBAAC,iBAAc;AAAA,IAGf,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,WAAM,WAAU,uBAAuB,eAAK,kBAAkB,GAAE;AAAA,MACjE,oBAAC,SAAI,WAAU,kCACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,SAAS,OAAK,uBAAuB,EAAE,cAAc,KAAK;AAAA,UAC1D,cAAc;AAAA;AAAA,MAChB,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["_a"]}
1	+ {"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/MapCustomization.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\n\r\nimport { AppConfigContext, MapContext } from '../../../../../../../../store'\r\nimport { ColorInput } from '../../../../../../../ui/Input'\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../../../../../ui/Select'\r\nimport { Tabs, TabsList, TabsTrigger } from '../../../../../../../ui/Tabs'\r\nimport { buildMapStylesCatalog, resolveMapStyle } from '../../../../../utils/mapStyleCatalog'\r\n\r\nimport { MapProjection } from './MapProjection'\r\nimport { TerrainLevel } from './TerrainLevel'\r\n\r\n\r\n\r\nexport function MapCustomization() {\r\n // Translation\r\n const tSettings = useTranslations('SettingsTab')\r\n const tMap = useTranslations('MapCustomization')\r\n\r\n // Contexts\r\n const { state: appConfigState } = React.useContext(AppConfigContext)\r\n const { dispatch: mapDispatch, state: mapState } = React.useContext(MapContext)\r\n const { dimensionsColour, mapStyle: currentMapStyle } = mapState.map\r\n\r\n const mapStylesArray = React.useMemo(\r\n () => buildMapStylesCatalog(appConfigState.appConfig.organization?.mapStyles),\r\n [appConfigState.appConfig.organization?.mapStyles],\r\n )\r\n\r\n const resolvedMapStyle = React.useMemo(\r\n () => resolveMapStyle(currentMapStyle, mapStylesArray),\r\n [currentMapStyle, mapStylesArray],\r\n )\r\n\r\n const handleDimensionsColour = (value: string) => {\r\n mapDispatch({ type: 'UPDATE_DIMENSIONS_COLOUR', payload: { dimensionsColour: value } })\r\n }\r\n\r\n return (\r\n <div className=\"space-y-6\">\r\n {/* Map Style Selector /}\r\n <div className=\"space-y-2\">\r\n <label className=\"text-sm font-medium\">{tSettings('mapStyle')}</label>\r\n <Select\r\n value={resolvedMapStyle.url}\r\n onValueChange={(value: string) => {\r\n const selectedStyle = mapStylesArray.find(style => style.url === value)\r\n if (selectedStyle) {\r\n mapDispatch({ type: 'UPDATE_MAP_STYLE', payload: { mapStyle: selectedStyle } })\r\n }\r\n }}\r\n >\r\n <SelectTrigger>\r\n <SelectValue />\r\n </SelectTrigger>\r\n <SelectContent>\r\n {mapStylesArray.map((mapStyle, index) => (\r\n <SelectItem key={index} value={mapStyle.url}>\r\n {mapStyle.name}\r\n </SelectItem>\r\n ))}\r\n </SelectContent>\r\n </Select>\r\n </div>\r\n\r\n {/ Terrain /}\r\n <TerrainLevel />\r\n\r\n {/ Map Projection /}\r\n <MapProjection />\r\n\r\n {/ Dimensions Colour */}\r\n <div className=\"space-y-2\">\r\n <label className=\"text-sm font-medium\">{tMap('dimensionsColour')}</label>\r\n <div className=\"p-2 border rounded-md bg-white\">\r\n <ColorInput\r\n value={dimensionsColour}\r\n onInput={e => handleDimensionsColour(e.currentTarget.value)}\r\n defaultColor={dimensionsColour}\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"mappings":";AAgDQ,cACA,YADA;AA1CR,SAAS,uBAAuB;AAChC,YAAY,WAAW;AAEvB,SAAS,kBAAkB,kBAAkB;AAC7C,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,eAAe,YAAY,eAAe,mBAAmB;AAE9E,SAAS,uBAAuB,uBAAuB;AAEvD,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAItB,SAAS,mBAAmB;AApBnC;AAsBE,QAAM,YAAY,gBAAgB,aAAa;AAC/C,QAAM,OAAO,gBAAgB,kBAAkB;AAG/C,QAAM,EAAE,OAAO,eAAe,IAAI,MAAM,WAAW,gBAAgB;AACnE,QAAM,EAAE,UAAU,aAAa,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AAC9E,QAAM,EAAE,kBAAkB,UAAU,gBAAgB,IAAI,SAAS;AAEjE,QAAM,iBAAiB,MAAM;AAAA,IAC3B,MAAG;AA/BP,UAAAA;AA+BU,oCAAsBA,MAAA,eAAe,UAAU,iBAAzB,gBAAAA,IAAuC,SAAS;AAAA;AAAA,IAC5E,EAAC,oBAAe,UAAU,iBAAzB,mBAAuC,SAAS;AAAA,EACnD;AAEA,QAAM,mBAAmB,MAAM;AAAA,IAC7B,MAAM,gBAAgB,iBAAiB,cAAc;AAAA,IACrD,CAAC,iBAAiB,cAAc;AAAA,EAClC;AAEA,QAAM,yBAAyB,CAAC,UAAkB;AAChD,gBAAY,EAAE,MAAM,4BAA4B,SAAS,EAAE,kBAAkB,MAAM,EAAE,CAAC;AAAA,EACxF;AAEA,SACE,qBAAC,SAAI,WAAU,aAEb;AAAA,yBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,WAAM,WAAU,uBAAuB,oBAAU,UAAU,GAAE;AAAA,MAC9D;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,iBAAiB;AAAA,UACxB,eAAe,CAAC,UAAkB;AAChC,kBAAM,gBAAgB,eAAe,KAAK,WAAS,MAAM,QAAQ,KAAK;AACtE,gBAAI,eAAe;AACjB,0BAAY,EAAE,MAAM,oBAAoB,SAAS,EAAE,UAAU,cAAc,EAAE,CAAC;AAAA,YAChF;AAAA,UACF;AAAA,UAEA;AAAA,gCAAC,iBACC,8BAAC,eAAY,GACf;AAAA,YACA,oBAAC,iBACE,yBAAe,IAAI,CAAC,UAAU,UAC7B,oBAAC,cAAuB,OAAO,SAAS,KACrC,mBAAS,QADK,KAEjB,CACD,GACH;AAAA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IAGA,oBAAC,gBAAa;AAAA,IAGd,oBAAC,iBAAc;AAAA,IAGf,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,WAAM,WAAU,uBAAuB,eAAK,kBAAkB,GAAE;AAAA,MACjE,oBAAC,SAAI,WAAU,kCACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,SAAS,OAAK,uBAAuB,EAAE,cAAc,KAAK;AAAA,UAC1D,cAAc;AAAA;AAAA,MAChB,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["_a"]}

package/dist/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/MapProjection.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MapProjection.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/MapProjection.tsx"],"names":[],"mappings":"~~AAKA~~,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;~~AAU9B~~,wBAAgB,aAAa,sBAyE5B"}
1	+ {"version":3,"file":"MapProjection.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/MapProjection.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,wBAAgB,aAAa,sBAyE5B"}

package/dist/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/MapProjection.js CHANGED Viewed

@@ -1,10 +1,10 @@
 "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 { useTranslations } from "next-intl";
+import * as React from "react";
 import { MapContext } from "../../../../../../../../store";
+import { Tabs, TabsList, TabsTrigger } from "../../../../../../../ui/Tabs";
 const MAX_GLOBE_ZOOM = 5;
 function MapProjection() {
   const tMap = useTranslations("MapCustomization");

package/dist/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/MapProjection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/MapProjection.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\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 { ~~MapContext~~ } from '~~../../../../../../../../store~~'\r\n\r\ntype MapProjectionType = 'globe' \| 'mercator'\r\n\r\nconst MAX_GLOBE_ZOOM = 5\r\n\r\nexport function MapProjection() {\r\n const tMap = useTranslations('MapCustomization')\r\n const { state: mapState } = React.useContext(MapContext)\r\n const { map } = mapState.map\r\n const [mapProjection, setMapProjection] = React.useState<MapProjectionType>('globe')\r\n\r\n const getCurrentProjection = React.useCallback((): MapProjectionType => {\r\n if (!map) return 'globe'\r\n\r\n const projection = map.getProjection()\r\n\r\n if (typeof projection === 'string') {\r\n return projection === 'globe' ? 'globe' : 'mercator'\r\n }\r\n\r\n const projectionType =\r\n (projection as { type?: string; name?: string })?.type ??\r\n (projection as { type?: string; name?: string })?.name\r\n\r\n return projectionType === 'globe' ? 'globe' : 'mercator'\r\n }, [map])\r\n\r\n // Display-only sync. The zoom-based enforcement (forcing mercator past\r\n // MAX_GLOBE_ZOOM) now lives in MapViewer so it runs whether or not this\r\n // settings panel is mounted; here we just mirror the map's current projection\r\n // into the toggle UI.\r\n const syncProjectionDisplay = React.useCallback(() => {\r\n if (!map) return\r\n\r\n setMapProjection(getCurrentProjection())\r\n }, [getCurrentProjection, map])\r\n\r\n React.useEffect(() => {\r\n if (!map) return\r\n\r\n syncProjectionDisplay()\r\n\r\n map.on('zoom', syncProjectionDisplay)\r\n\r\n return () => {\r\n map.off('zoom', syncProjectionDisplay)\r\n }\r\n }, [map, syncProjectionDisplay])\r\n\r\n const handleMapProjection = (value: MapProjectionType) => {\r\n if (!map) return\r\n\r\n const forcedProjection = map.getZoom() > MAX_GLOBE_ZOOM ? 'mercator' : value\r\n\r\n if (getCurrentProjection() !== forcedProjection) {\r\n map.setProjection({ type: forcedProjection })\r\n }\r\n\r\n setMapProjection(forcedProjection)\r\n }\r\n\r\n return (\r\n <div className=\"space-y-2\">\r\n <label className=\"text-sm font-medium\">{tMap('mapProjection')}</label>\r\n <Tabs value={mapProjection} onValueChange={value => handleMapProjection(value as MapProjectionType)} variant=\"switch\">\r\n <TabsList className=\"grid w-full grid-cols-2\">\r\n <TabsTrigger value=\"globe\">\r\n <LR.Globe className=\"w-4 h-4 mr-2\" />\r\n {tMap('globe')}\r\n </TabsTrigger>\r\n <TabsTrigger value=\"mercator\">\r\n <LR.Map className=\"w-4 h-4 mr-2\" />\r\n {tMap('mercator')}\r\n </TabsTrigger>\r\n </TabsList>\r\n </Tabs>\r\n </div>\r\n )\r\n}\r\n"],"mappings":";~~AAyEM~~,cAGI,YAHJ;~~AApEN~~,YAAY,~~WAAW~~;~~AACvB~~,SAAS,uBAAuB;AAChC,YAAY,~~QAAQ~~;~~AACpB~~,SAAS,MAAM,UAAU,mBAAmB;~~AAC5C~~,~~SAAS,kBAAkB;AAI3B,~~MAAM,iBAAiB;AAEhB,SAAS,gBAAgB;AAC9B,QAAM,OAAO,gBAAgB,kBAAkB;AAC/C,QAAM,EAAE,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AACvD,QAAM,EAAE,IAAI,IAAI,SAAS;AACzB,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAA4B,OAAO;AAEnF,QAAM,uBAAuB,MAAM,YAAY,MAAyB;~~AArB1E~~;~~AAsBI~~,QAAI,CAAC,IAAK,QAAO;AAEjB,UAAM,aAAa,IAAI,cAAc;AAErC,QAAI,OAAO,eAAe,UAAU;AAClC,aAAO,eAAe,UAAU,UAAU;AAAA,IAC5C;AAEA,UAAM,kBACH,8CAAiD,SAAjD,YACA,yCAAiD;AAEpD,WAAO,mBAAmB,UAAU,UAAU;AAAA,EAChD,GAAG,CAAC,GAAG,CAAC;AAMR,QAAM,wBAAwB,MAAM,YAAY,MAAM;AACpD,QAAI,CAAC,IAAK;AAEV,qBAAiB,qBAAqB,CAAC;AAAA,EACzC,GAAG,CAAC,sBAAsB,GAAG,CAAC;AAE9B,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AAEV,0BAAsB;AAEtB,QAAI,GAAG,QAAQ,qBAAqB;AAEpC,WAAO,MAAM;AACX,UAAI,IAAI,QAAQ,qBAAqB;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,KAAK,qBAAqB,CAAC;AAE/B,QAAM,sBAAsB,CAAC,UAA6B;AACxD,QAAI,CAAC,IAAK;AAEV,UAAM,mBAAmB,IAAI,QAAQ,IAAI,iBAAiB,aAAa;AAEvE,QAAI,qBAAqB,MAAM,kBAAkB;AAC/C,UAAI,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAAA,IAC9C;AAEA,qBAAiB,gBAAgB;AAAA,EACnC;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,WAAM,WAAU,uBAAuB,eAAK,eAAe,GAAE;AAAA,IAC9D,oBAAC,QAAK,OAAO,eAAe,eAAe,WAAS,oBAAoB,KAA0B,GAAG,SAAQ,UAC3G,+BAAC,YAAS,WAAU,2BAClB;AAAA,2BAAC,eAAY,OAAM,SACjB;AAAA,4BAAC,GAAG,OAAH,EAAS,WAAU,gBAAe;AAAA,QAClC,KAAK,OAAO;AAAA,SACf;AAAA,MACA,qBAAC,eAAY,OAAM,YACjB;AAAA,4BAAC,GAAG,KAAH,EAAO,WAAU,gBAAe;AAAA,QAChC,KAAK,UAAU;AAAA,SAClB;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}
1	+ {"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/MapProjection.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\n\r\nimport { MapContext } from '../../../../../../../../store'\r\nimport { Tabs, TabsList, TabsTrigger } from '../../../../../../../ui/Tabs'\r\n\r\ntype MapProjectionType = 'globe' \| 'mercator'\r\n\r\nconst MAX_GLOBE_ZOOM = 5\r\n\r\nexport function MapProjection() {\r\n const tMap = useTranslations('MapCustomization')\r\n const { state: mapState } = React.useContext(MapContext)\r\n const { map } = mapState.map\r\n const [mapProjection, setMapProjection] = React.useState<MapProjectionType>('globe')\r\n\r\n const getCurrentProjection = React.useCallback((): MapProjectionType => {\r\n if (!map) return 'globe'\r\n\r\n const projection = map.getProjection()\r\n\r\n if (typeof projection === 'string') {\r\n return projection === 'globe' ? 'globe' : 'mercator'\r\n }\r\n\r\n const projectionType =\r\n (projection as { type?: string; name?: string })?.type ??\r\n (projection as { type?: string; name?: string })?.name\r\n\r\n return projectionType === 'globe' ? 'globe' : 'mercator'\r\n }, [map])\r\n\r\n // Display-only sync. The zoom-based enforcement (forcing mercator past\r\n // MAX_GLOBE_ZOOM) now lives in MapViewer so it runs whether or not this\r\n // settings panel is mounted; here we just mirror the map's current projection\r\n // into the toggle UI.\r\n const syncProjectionDisplay = React.useCallback(() => {\r\n if (!map) return\r\n\r\n setMapProjection(getCurrentProjection())\r\n }, [getCurrentProjection, map])\r\n\r\n React.useEffect(() => {\r\n if (!map) return\r\n\r\n syncProjectionDisplay()\r\n\r\n map.on('zoom', syncProjectionDisplay)\r\n\r\n return () => {\r\n map.off('zoom', syncProjectionDisplay)\r\n }\r\n }, [map, syncProjectionDisplay])\r\n\r\n const handleMapProjection = (value: MapProjectionType) => {\r\n if (!map) return\r\n\r\n const forcedProjection = map.getZoom() > MAX_GLOBE_ZOOM ? 'mercator' : value\r\n\r\n if (getCurrentProjection() !== forcedProjection) {\r\n map.setProjection({ type: forcedProjection })\r\n }\r\n\r\n setMapProjection(forcedProjection)\r\n }\r\n\r\n return (\r\n <div className=\"space-y-2\">\r\n <label className=\"text-sm font-medium\">{tMap('mapProjection')}</label>\r\n <Tabs value={mapProjection} onValueChange={value => handleMapProjection(value as MapProjectionType)} variant=\"switch\">\r\n <TabsList className=\"grid w-full grid-cols-2\">\r\n <TabsTrigger value=\"globe\">\r\n <LR.Globe className=\"w-4 h-4 mr-2\" />\r\n {tMap('globe')}\r\n </TabsTrigger>\r\n <TabsTrigger value=\"mercator\">\r\n <LR.Map className=\"w-4 h-4 mr-2\" />\r\n {tMap('mercator')}\r\n </TabsTrigger>\r\n </TabsList>\r\n </Tabs>\r\n </div>\r\n )\r\n}\r\n"],"mappings":";AA0EM,cAGI,YAHJ;AArEN,YAAY,QAAQ;AACpB,SAAS,uBAAuB;AAChC,YAAY,WAAW;AAEvB,SAAS,kBAAkB;AAC3B,SAAS,MAAM,UAAU,mBAAmB;AAI5C,MAAM,iBAAiB;AAEhB,SAAS,gBAAgB;AAC9B,QAAM,OAAO,gBAAgB,kBAAkB;AAC/C,QAAM,EAAE,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AACvD,QAAM,EAAE,IAAI,IAAI,SAAS;AACzB,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAA4B,OAAO;AAEnF,QAAM,uBAAuB,MAAM,YAAY,MAAyB;AAtB1E;AAuBI,QAAI,CAAC,IAAK,QAAO;AAEjB,UAAM,aAAa,IAAI,cAAc;AAErC,QAAI,OAAO,eAAe,UAAU;AAClC,aAAO,eAAe,UAAU,UAAU;AAAA,IAC5C;AAEA,UAAM,kBACH,8CAAiD,SAAjD,YACA,yCAAiD;AAEpD,WAAO,mBAAmB,UAAU,UAAU;AAAA,EAChD,GAAG,CAAC,GAAG,CAAC;AAMR,QAAM,wBAAwB,MAAM,YAAY,MAAM;AACpD,QAAI,CAAC,IAAK;AAEV,qBAAiB,qBAAqB,CAAC;AAAA,EACzC,GAAG,CAAC,sBAAsB,GAAG,CAAC;AAE9B,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AAEV,0BAAsB;AAEtB,QAAI,GAAG,QAAQ,qBAAqB;AAEpC,WAAO,MAAM;AACX,UAAI,IAAI,QAAQ,qBAAqB;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,KAAK,qBAAqB,CAAC;AAE/B,QAAM,sBAAsB,CAAC,UAA6B;AACxD,QAAI,CAAC,IAAK;AAEV,UAAM,mBAAmB,IAAI,QAAQ,IAAI,iBAAiB,aAAa;AAEvE,QAAI,qBAAqB,MAAM,kBAAkB;AAC/C,UAAI,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAAA,IAC9C;AAEA,qBAAiB,gBAAgB;AAAA,EACnC;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,WAAM,WAAU,uBAAuB,eAAK,eAAe,GAAE;AAAA,IAC9D,oBAAC,QAAK,OAAO,eAAe,eAAe,WAAS,oBAAoB,KAA0B,GAAG,SAAQ,UAC3G,+BAAC,YAAS,WAAU,2BAClB;AAAA,2BAAC,eAAY,OAAM,SACjB;AAAA,4BAAC,GAAG,OAAH,EAAS,WAAU,gBAAe;AAAA,QAClC,KAAK,OAAO;AAAA,SACf;AAAA,MACA,qBAAC,eAAY,OAAM,YACjB;AAAA,4BAAC,GAAG,KAAH,EAAO,WAAU,gBAAe;AAAA,QAChC,KAAK,UAAU;AAAA,SAClB;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/TerrainLevel.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TerrainLevel.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/TerrainLevel.tsx"],"names":[],"mappings":"~~AAKA~~,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,wBAAgB,YAAY,sBAsI3B"}
1	+ {"version":3,"file":"TerrainLevel.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/TerrainLevel.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,wBAAgB,YAAY,sBAsI3B"}

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

@@ -1,10 +1,10 @@
 "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 { useTranslations } from "next-intl";
+import * as React from "react";
 import { AppConfigContext, MapContext } from "../../../../../../../../store";
+import { Tabs, TabsList, TabsTrigger } from "../../../../../../../ui/Tabs";
 function TerrainLevel() {
   var _a;
   const tMap = useTranslations("MapCustomization");

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/TerrainLevel.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\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 maptilerKey = appConfigState.runtimeConfig.maptilerKey\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 // Medium terrain relies on MapTiler; without a key, fall back to disabled.\r\n React.useEffect(() => {\r\n if (!maptilerKey && terrainLevel === 'medium') {\r\n mapDispatch({ type: 'UPDATE_TERRAIN_LEVEL', payload: { terrainLevel: 'disabled' } })\r\n }\r\n }, [maptilerKey, 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' && maptilerKey) {\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=${maptilerKey}`,\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, maptilerKey])\r\n\r\n const handleTerrainLevel = (value: TerrainLevelType) => {\r\n if (!isCanadaOrg && value === 'high') return\r\n if (!maptilerKey && value === 'medium') 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\" disabled={!maptilerKey}>\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":";~~AA+HM~~,cAGI,YAHJ;~~AA1HN~~,YAAY,~~WAAW~~;~~AACvB~~,SAAS,uBAAuB;AAChC,YAAY,~~QAAQ~~;~~AACpB~~,SAAS,~~MAAM~~,~~UAAU,mBAAmB~~;~~AAC5C~~,SAAS,~~kBAAkB~~,~~kBAAkB~~;~~AAGtC~~,SAAS,eAAe;~~AAZ~~/B;~~AAaE~~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","names":[]}
1	+ {"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapSidebar/src/SettingsTab/src/TerrainLevel.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\n\r\nimport { AppConfigContext, MapContext } from '../../../../../../../../store'\r\nimport { Tabs, TabsList, TabsTrigger } from '../../../../../../../ui/Tabs'\r\n\r\nimport type { 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 maptilerKey = appConfigState.runtimeConfig.maptilerKey\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 // Medium terrain relies on MapTiler; without a key, fall back to disabled.\r\n React.useEffect(() => {\r\n if (!maptilerKey && terrainLevel === 'medium') {\r\n mapDispatch({ type: 'UPDATE_TERRAIN_LEVEL', payload: { terrainLevel: 'disabled' } })\r\n }\r\n }, [maptilerKey, 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' && maptilerKey) {\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=${maptilerKey}`,\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, maptilerKey])\r\n\r\n const handleTerrainLevel = (value: TerrainLevelType) => {\r\n if (!isCanadaOrg && value === 'high') return\r\n if (!maptilerKey && value === 'medium') 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\" disabled={!maptilerKey}>\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.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleMap.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/map/src/SimpleMap.tsx"],"names":[],"mappings":"~~AAKA~~,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"}
1	+ {"version":3,"file":"SimpleMap.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/map/src/SimpleMap.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,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 CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import maplibregl from "maplibre-gl";
 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;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/core/components/viewers/map/src/SimpleMap.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\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":";~~AAsLM~~,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;~~AAzFxB~~;~~AA0FI~~,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;~~AAnIhD~~;~~AAoII~~,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":[]}
1	+ {"version":3,"sources":["../../../../../../src/core/components/viewers/map/src/SimpleMap.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport maplibregl from 'maplibre-gl'\r\nimport * as React from 'react'\r\nimport Map, { NavigationControl } from 'react-map-gl/maplibre'\r\n\r\nimport { CountryLayer } from './MapLayers/src/CountryLayer'\r\n\r\nimport type { MapRef } from 'react-map-gl/maplibre'\r\n\r\n\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\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":"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","names":[]}

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Building, Site } from '../../../../../types/dbTypes';
+import type { Building, Site } from '../../../../../types/dbTypes';
 interface AddItemProps {
     handleAddBuilding: (building: Building) => void;
     handleAddSite?: (site: Site) => void;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AddItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/src/compare/AddItem.tsx"],"names":[],"mappings":"~~AAMA~~,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"}
1	+ {"version":3,"file":"AddItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/src/compare/AddItem.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEnE,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 CHANGED Viewed

@@ -1,18 +1,18 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
+import * as LR from "lucide-react";
 import { useTranslations } from "next-intl";
-import { usePermissions } from "../../../../../store";
-import { useBuildings } from "../../../../../hooks/buildings/buildings";
-import { useSites } from "../../../../../hooks/sites/sites";
+import * as React from "react";
+import { Button, Input } from "../../../../../components/ui/";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger
 } from "../../../../../components/ui/DropdownMenu";
-import { Button, Input } from "../../../../../components/ui/";
-import * as LR from "lucide-react";
+import { useBuildings } from "../../../../../hooks/buildings/buildings";
+import { useSites } from "../../../../../hooks/sites/sites";
+import { usePermissions } from "../../../../../store";
 function AddItem({ handleAddBuilding, handleAddSite, isComparingSites = false, icon, className, variant }) {
   const t = useTranslations("AddItem");
   const { ability } = usePermissions();

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/core/components/viewers/map/src/compare/AddItem.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\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":[]}
1	+ {"version":3,"sources":["../../../../../../../src/core/components/viewers/map/src/compare/AddItem.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from \"react\";\r\n\r\nimport { Button, Input } from '../../../../../components/ui/'\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuTrigger,\r\n} from '../../../../../components/ui/DropdownMenu'\r\nimport { useBuildings } from '../../../../../hooks/buildings/buildings'\r\nimport { useSites } from '../../../../../hooks/sites/sites'\r\nimport { usePermissions } from '../../../../../store'\r\n\r\n// Data\r\n\r\n\r\n// Shadcn Components\r\n\r\n// Icons\r\n\r\nimport type { 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 CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CompareItem } from '../../../../../store';
-import { Building, Site } from '../../../../../types/dbTypes';
+import type { CompareItem } from '../../../../../store';
+import type { Building, Site } from '../../../../../types/dbTypes';
 type CompareDialogProps = {
     toggleOpen: () => void;
     compareItems: CompareItem[];

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CompareDialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/src/compare/CompareDialog.tsx"],"names":[],"mappings":"~~AAOA~~,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"}
1	+ {"version":3,"file":"CompareDialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/src/compare/CompareDialog.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAA;AA4BzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAElE,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"}

package/dist/core/components/viewers/map/src/compare/CompareDialog.js CHANGED Viewed

@@ -20,10 +20,8 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as LR from "lucide-react";
-import React from "react";
 import { useTranslations } from "next-intl";
-import { MapContext, useBuildingsContext } from "../../../../../store";
-import { useBuildingHeaders, useSiteHeaders } from "../../../Data/utils/Headers";
+import React from "react";
 import { Button, ExportData, ColorCircle } from "../../../../../components/ui/";
 import {
   Dialog,
@@ -34,12 +32,14 @@ import {
   DialogTitle,
   DialogTrigger
 } from "../../../../../components/ui/Dialog";
+import { MapContext, useBuildingsContext } from "../../../../../store";
+import { useBuildingHeaders, useSiteHeaders } from "../../../Data/utils/Headers";
+import { fitBuildingsBounds } from "../../utils/fitBuildingsBounds";
+import { stringToColour } from "../../utils/stringToColour";
 import AddItem from "./AddItem";
 import {
   DescriptionListItem
 } from "./description-list";
-import { fitBuildingsBounds } from "../../utils/fitBuildingsBounds";
-import { stringToColour } from "../../utils/stringToColour";
 function CompareDialog({ toggleOpen, compareItems, setCompareItems, handleAddBuilding, handleAddSite }) {
   const t = useTranslations("CompareDialog");
   const { comparing, setComparing } = useBuildingsContext();

package/dist/core/components/viewers/map/src/compare/CompareDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/core/components/viewers/map/src/compare/CompareDialog.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\nimport React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\n\r\n// Dependencies\r\n\r\n\r\nimport { MapContext, useBuildingsContext, CompareItem } from '../../../../../store'\r\nimport { useBuildingHeaders, useSiteHeaders } from '../../../Data/utils/Headers'\r\nimport { Button, ExportData, ColorCircle } from '../../../../../components/ui/'\r\n// Shadcn components\r\nimport {\r\n Dialog,\r\n DialogClose,\r\n DialogContent,\r\n DialogDescription,\r\n DialogHeader,\r\n DialogTitle,\r\n DialogTrigger,\r\n} from '../../../../../components/ui/Dialog'\r\n\r\n// Custom Components\r\nimport AddItem from './AddItem'\r\nimport {\r\n DescriptionListItem,\r\n} from './description-list'\r\nimport { fitBuildingsBounds } from '../../utils/fitBuildingsBounds'\r\nimport { stringToColour } from '../../utils/stringToColour'\r\nimport { Building, Site } from '../../../../../types/dbTypes'\r\n\r\ntype CompareDialogProps = {\r\n toggleOpen: () => void\r\n compareItems: CompareItem[]\r\n setCompareItems: (items: CompareItem[]) => void\r\n handleAddBuilding: (building: Building) => void\r\n handleAddSite?: (site: Site) => void\r\n}\r\n\r\nexport default function CompareDialog({ toggleOpen, compareItems, setCompareItems, handleAddBuilding, handleAddSite }: CompareDialogProps) {\r\n // Translation\r\n const t = useTranslations('CompareDialog')\r\n\r\n const { comparing, setComparing } = useBuildingsContext()\r\n const { state: mapState } = React.useContext(MapContext)\r\n const { map } = mapState.map\r\n const [dialogOpen, setDialogOpen] = React.useState(false)\r\n\r\n // Determine if we're comparing buildings or sites\r\n const isComparingSites = compareItems.some(item =>\r\n item.siteName !== undefined \|\| item.siteAddress !== undefined,\r\n )\r\n\r\n // Choose the appropriate headers\r\n const headers = isComparingSites ? useSiteHeaders() : useBuildingHeaders()\r\n const excludedKeys = new Set([\r\n 'id',\r\n 'buildingId',\r\n 'siteId',\r\n 'organizationIds',\r\n 'buildingOwnerIds',\r\n 'buildingName', // Shown in header\r\n 'buildingAddress', // Shown in header\r\n 'siteName', // Shown in header\r\n 'siteAddress', // Shown in header\r\n ])\r\n\r\n const removeBuilding = (index: number) => {\r\n const updatedBuildings = [...compareItems]\r\n updatedBuildings.splice(index, 1)\r\n setCompareItems(updatedBuildings)\r\n }\r\n\r\n const onCloseDialog = () => {\r\n setDialogOpen(false)\r\n // Call the parent's toggleOpen to reset comparing state and clear items\r\n toggleOpen()\r\n }\r\n\r\n const onCompare = () => {\r\n setDialogOpen(true)\r\n if (map) {\r\n // Filter items that have building coordinates\r\n const buildingsWithCoords = compareItems.filter(item =>\r\n item.buildingLongitude != null && item.buildingLatitude != null,\r\n )\r\n if (buildingsWithCoords.length > 0) {\r\n const buildings: Building[] = buildingsWithCoords.map(item => ({\r\n ...item,\r\n id: parseInt(item.id),\r\n buildingEmail: item.buildingEmail \|\| '',\r\n buildingPhoneNumber: item.buildingPhoneNumber \|\| '',\r\n buildingAddress: item.buildingAddress \|\| '',\r\n buildingStreetNumber: item.buildingStreetNumber \|\| '',\r\n buildingStreetName: item.buildingStreetName \|\| '',\r\n buildingStreetType: item.buildingStreetType \|\| '',\r\n buildingStreetDirection: item.buildingStreetDirection \|\| '',\r\n } as Building))\r\n fitBuildingsBounds(buildings, map)\r\n }\r\n }\r\n }\r\n\r\n // Render properties organized by header sections\r\n const renderComparisonContent = () => {\r\n if (compareItems.length === 0)\r\n return null\r\n\r\n return headers.map((section, sectionIndex) => (\r\n <div key={sectionIndex} className=\"mb-6\">\r\n {/* Section Title /}\r\n <div className=\"grid grid-cols-1 md:grid-cols-12 gap-x-6 gap-y-0 border-b border-border\">\r\n <div className=\"col-span-12 py-3 px-2\">\r\n <h3 className=\"text-lg font-semibold text-foreground\">{section.title}</h3>\r\n </div>\r\n </div>\r\n\r\n {/ Properties in this section /}\r\n {section.subsections.map((subsection, subsectionIndex) =>\r\n subsection.fields\r\n .filter(field => !excludedKeys.has(field.property))\r\n .map((field, fieldIndex) => (\r\n <DescriptionListItem key={`${subsectionIndex}-${fieldIndex}`} label={field.label as string}>\r\n <div className=\"grid grid-cols-1 grid-flow-col auto-cols-fr\">\r\n {compareItems.map((item, itemIndex) => (\r\n <div key={itemIndex} className={`py-3 px-2 relative pointer-events-none ${itemIndex === 1 ? 'md:bg-[#f9f9fa]' : ''}`}>\r\n <div\r\n className={`pointer-events-none ${itemIndex === 1 ? `bg-[#f9f9fa] md:bg-transparent absolute h-full w-full top-0 left-0 origin-bottom scale-y-[2] -z-10` : ''}`}\r\n >\r\n </div>\r\n <span className=\"text-sm text-muted-foreground break-words\">\r\n {(() => {\r\n const value = item[field.property]\r\n if (value === null\r\n \|\| value === undefined\r\n \|\| value === 'null'\r\n \|\| value === ''\r\n \|\| (Array.isArray(value) && value.length === 0)) {\r\n return <span className=\"italic\">---</span>\r\n }\r\n\r\n // Handle arrays by joining with commas\r\n if (Array.isArray(value)) {\r\n return value.join(', ')\r\n }\r\n\r\n if (value === true) return 'Yes'\r\n if (value === false) return 'No'\r\n\r\n // Handle other objects\r\n return typeof value === 'object'\r\n ? JSON.stringify(value)\r\n : String(value)\r\n })()}\r\n </span>\r\n </div>\r\n ))}\r\n </div>\r\n </DescriptionListItem>\r\n )),\r\n )}\r\n </div>\r\n ))\r\n }\r\n\r\n return (\r\n <>\r\n <Dialog\r\n open={dialogOpen}\r\n onOpenChange={(open) => {\r\n setDialogOpen(open)\r\n // When dialog closes, reset everything\r\n if (!open) {\r\n toggleOpen()\r\n }\r\n }}\r\n >\r\n <DialogTrigger asChild>\r\n <Button onClick={onCompare}>\r\n {t('compareNow')}\r\n </Button>\r\n </DialogTrigger>\r\n <DialogContent className=\"w-screen h-screen max-w-screen sm:h-auto sm:max-w-[95vw] xl:max-w-[1200px] pb-0\" closeClass=\"hidden\">\r\n <DialogHeader className=\"flex flex-row justify-between items-center\">\r\n {/ Title & Description /}\r\n <div className=\"flex flex-col gap-1.5\">\r\n <DialogTitle>{t('compare')}</DialogTitle>\r\n <DialogDescription>\r\n {t('description1')}\r\n {' '}\r\n {isComparingSites ? t('sites') : t('buildings')}\r\n {' '}\r\n {t('description2')}\r\n </DialogDescription>\r\n </div>\r\n {/ Export & Add buttons /}\r\n <div className=\"flex flex-row gap-2.5 h-full !m-0\">\r\n <ExportData\r\n data={\r\n isComparingSites\r\n ? compareItems.map(item => ({\r\n ...item,\r\n id: Number(item.id),\r\n })) as Site[]\r\n : compareItems.map(item => ({\r\n ...item,\r\n id: Number(item.id),\r\n })) as Building[]\r\n }\r\n variant=\"secondary\"\r\n type={isComparingSites ? \"site\" : \"building\"}\r\n />\r\n {/ Add buildings /}\r\n {compareItems.length < 3 && (\r\n <AddItem\r\n handleAddBuilding={handleAddBuilding}\r\n handleAddSite={handleAddSite}\r\n isComparingSites={isComparingSites}\r\n icon={<LR.GitCompare />}\r\n variant=\"secondary\"\r\n />\r\n )}\r\n\r\n <DialogClose onClick={onCloseDialog} asChild>\r\n <Button\r\n variant=\"ghost\"\r\n className=\"h-9 w-9 rounded-xl text-muted-foreground hover:bg-transparent focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background focus:ring-primary\"\r\n >\r\n <LR.X className=\"!h-6 !w-6\" />\r\n </Button>\r\n </DialogClose>\r\n </div>\r\n </DialogHeader>\r\n\r\n {/ Compare Layout /}\r\n <div className=\"max-h-[60vh] overflow-y-auto\">\r\n <div className=\"flex flex-col w-full\">\r\n {/ Building headers row /}\r\n <div className=\"grid grid-cols-1 md:grid-cols-12 gap-x-6 gap-y-0 border-y border-border sticky top-0 z-10 bg-background\">\r\n <div className=\"col-span-4 py-0 px-2 text-sm font-semibold text-foreground sticky left-0 bg-background\">\r\n {/ Empty space for property labels column /}\r\n </div>\r\n <div className=\"col-span-8 p-0\">\r\n <div className=\"grid grid-cols-1 grid-flow-col auto-cols-fr h-full\">\r\n {compareItems.map((item, index) => (\r\n <div key={index} className={`flex flex-row justify-between py-3 px-2 ${index === 1 ? 'bg-[#f9f9fa]' : 'bg-background'}`}>\r\n {/ text /}\r\n <div className=\"flex-1\">\r\n <h3 className=\"text-xl text-card-foreground break-words top-4\">\r\n <ColorCircle color={stringToColour(\r\n item.buildingName \|\| item.buildingAddress\r\n \|\| item.siteName \|\| item.siteAddress \|\| t('unknown'),\r\n )}\r\n />\r\n {item.buildingName \|\| item.buildingAddress\r\n \|\| item.siteName \|\| item.siteAddress \|\| t('unknown')}\r\n </h3>\r\n <p className=\"text-xs text-muted-foreground break-words\">\r\n {(item.buildingName && item.buildingAddress)\r\n \|\| (item.siteName && item.siteAddress)}\r\n </p>\r\n </div>\r\n\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent ml-2\"\r\n onClick={() => removeBuilding(index)}\r\n >\r\n <LR.CircleMinus className=\"\" />\r\n </Button>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Render comparison content organized by sections */}\r\n {renderComparisonContent()}\r\n </div>\r\n </div>\r\n\r\n </DialogContent>\r\n </Dialog>\r\n </>\r\n )\r\n}\r\n"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["../../../../../../../src/core/components/viewers/map/src/compare/CompareDialog.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport React from 'react'\r\n\r\n// Dependencies\r\n\r\n\r\nimport { Button, ExportData, ColorCircle } from '../../../../../components/ui/'\r\nimport {\r\n Dialog,\r\n DialogClose,\r\n DialogContent,\r\n DialogDescription,\r\n DialogHeader,\r\n DialogTitle,\r\n DialogTrigger,\r\n} from '../../../../../components/ui/Dialog'\r\nimport { MapContext, useBuildingsContext } from '../../../../../store'\r\nimport { useBuildingHeaders, useSiteHeaders } from '../../../Data/utils/Headers'\r\n// Shadcn components\r\n\r\n// Custom Components\r\nimport { fitBuildingsBounds } from '../../utils/fitBuildingsBounds'\r\nimport { stringToColour } from '../../utils/stringToColour'\r\n\r\nimport AddItem from './AddItem'\r\nimport {\r\n DescriptionListItem,\r\n} from './description-list'\r\n\r\nimport type { CompareItem } from '../../../../../store';\r\nimport type { Building, Site } from '../../../../../types/dbTypes'\r\n\r\ntype CompareDialogProps = {\r\n toggleOpen: () => void\r\n compareItems: CompareItem[]\r\n setCompareItems: (items: CompareItem[]) => void\r\n handleAddBuilding: (building: Building) => void\r\n handleAddSite?: (site: Site) => void\r\n}\r\n\r\nexport default function CompareDialog({ toggleOpen, compareItems, setCompareItems, handleAddBuilding, handleAddSite }: CompareDialogProps) {\r\n // Translation\r\n const t = useTranslations('CompareDialog')\r\n\r\n const { comparing, setComparing } = useBuildingsContext()\r\n const { state: mapState } = React.useContext(MapContext)\r\n const { map } = mapState.map\r\n const [dialogOpen, setDialogOpen] = React.useState(false)\r\n\r\n // Determine if we're comparing buildings or sites\r\n const isComparingSites = compareItems.some(item =>\r\n item.siteName !== undefined \|\| item.siteAddress !== undefined,\r\n )\r\n\r\n // Choose the appropriate headers\r\n const headers = isComparingSites ? useSiteHeaders() : useBuildingHeaders()\r\n const excludedKeys = new Set([\r\n 'id',\r\n 'buildingId',\r\n 'siteId',\r\n 'organizationIds',\r\n 'buildingOwnerIds',\r\n 'buildingName', // Shown in header\r\n 'buildingAddress', // Shown in header\r\n 'siteName', // Shown in header\r\n 'siteAddress', // Shown in header\r\n ])\r\n\r\n const removeBuilding = (index: number) => {\r\n const updatedBuildings = [...compareItems]\r\n updatedBuildings.splice(index, 1)\r\n setCompareItems(updatedBuildings)\r\n }\r\n\r\n const onCloseDialog = () => {\r\n setDialogOpen(false)\r\n // Call the parent's toggleOpen to reset comparing state and clear items\r\n toggleOpen()\r\n }\r\n\r\n const onCompare = () => {\r\n setDialogOpen(true)\r\n if (map) {\r\n // Filter items that have building coordinates\r\n const buildingsWithCoords = compareItems.filter(item =>\r\n item.buildingLongitude != null && item.buildingLatitude != null,\r\n )\r\n if (buildingsWithCoords.length > 0) {\r\n const buildings: Building[] = buildingsWithCoords.map(item => ({\r\n ...item,\r\n id: parseInt(item.id),\r\n buildingEmail: item.buildingEmail \|\| '',\r\n buildingPhoneNumber: item.buildingPhoneNumber \|\| '',\r\n buildingAddress: item.buildingAddress \|\| '',\r\n buildingStreetNumber: item.buildingStreetNumber \|\| '',\r\n buildingStreetName: item.buildingStreetName \|\| '',\r\n buildingStreetType: item.buildingStreetType \|\| '',\r\n buildingStreetDirection: item.buildingStreetDirection \|\| '',\r\n } as Building))\r\n fitBuildingsBounds(buildings, map)\r\n }\r\n }\r\n }\r\n\r\n // Render properties organized by header sections\r\n const renderComparisonContent = () => {\r\n if (compareItems.length === 0)\r\n return null\r\n\r\n return headers.map((section, sectionIndex) => (\r\n <div key={sectionIndex} className=\"mb-6\">\r\n {/* Section Title /}\r\n <div className=\"grid grid-cols-1 md:grid-cols-12 gap-x-6 gap-y-0 border-b border-border\">\r\n <div className=\"col-span-12 py-3 px-2\">\r\n <h3 className=\"text-lg font-semibold text-foreground\">{section.title}</h3>\r\n </div>\r\n </div>\r\n\r\n {/ Properties in this section /}\r\n {section.subsections.map((subsection, subsectionIndex) =>\r\n subsection.fields\r\n .filter(field => !excludedKeys.has(field.property))\r\n .map((field, fieldIndex) => (\r\n <DescriptionListItem key={`${subsectionIndex}-${fieldIndex}`} label={field.label as string}>\r\n <div className=\"grid grid-cols-1 grid-flow-col auto-cols-fr\">\r\n {compareItems.map((item, itemIndex) => (\r\n <div key={itemIndex} className={`py-3 px-2 relative pointer-events-none ${itemIndex === 1 ? 'md:bg-[#f9f9fa]' : ''}`}>\r\n <div\r\n className={`pointer-events-none ${itemIndex === 1 ? `bg-[#f9f9fa] md:bg-transparent absolute h-full w-full top-0 left-0 origin-bottom scale-y-[2] -z-10` : ''}`}\r\n >\r\n </div>\r\n <span className=\"text-sm text-muted-foreground break-words\">\r\n {(() => {\r\n const value = item[field.property]\r\n if (value === null\r\n \|\| value === undefined\r\n \|\| value === 'null'\r\n \|\| value === ''\r\n \|\| (Array.isArray(value) && value.length === 0)) {\r\n return <span className=\"italic\">---</span>\r\n }\r\n\r\n // Handle arrays by joining with commas\r\n if (Array.isArray(value)) {\r\n return value.join(', ')\r\n }\r\n\r\n if (value === true) return 'Yes'\r\n if (value === false) return 'No'\r\n\r\n // Handle other objects\r\n return typeof value === 'object'\r\n ? JSON.stringify(value)\r\n : String(value)\r\n })()}\r\n </span>\r\n </div>\r\n ))}\r\n </div>\r\n </DescriptionListItem>\r\n )),\r\n )}\r\n </div>\r\n ))\r\n }\r\n\r\n return (\r\n <>\r\n <Dialog\r\n open={dialogOpen}\r\n onOpenChange={(open) => {\r\n setDialogOpen(open)\r\n // When dialog closes, reset everything\r\n if (!open) {\r\n toggleOpen()\r\n }\r\n }}\r\n >\r\n <DialogTrigger asChild>\r\n <Button onClick={onCompare}>\r\n {t('compareNow')}\r\n </Button>\r\n </DialogTrigger>\r\n <DialogContent className=\"w-screen h-screen max-w-screen sm:h-auto sm:max-w-[95vw] xl:max-w-[1200px] pb-0\" closeClass=\"hidden\">\r\n <DialogHeader className=\"flex flex-row justify-between items-center\">\r\n {/ Title & Description /}\r\n <div className=\"flex flex-col gap-1.5\">\r\n <DialogTitle>{t('compare')}</DialogTitle>\r\n <DialogDescription>\r\n {t('description1')}\r\n {' '}\r\n {isComparingSites ? t('sites') : t('buildings')}\r\n {' '}\r\n {t('description2')}\r\n </DialogDescription>\r\n </div>\r\n {/ Export & Add buttons /}\r\n <div className=\"flex flex-row gap-2.5 h-full !m-0\">\r\n <ExportData\r\n data={\r\n isComparingSites\r\n ? compareItems.map(item => ({\r\n ...item,\r\n id: Number(item.id),\r\n })) as Site[]\r\n : compareItems.map(item => ({\r\n ...item,\r\n id: Number(item.id),\r\n })) as Building[]\r\n }\r\n variant=\"secondary\"\r\n type={isComparingSites ? \"site\" : \"building\"}\r\n />\r\n {/ Add buildings /}\r\n {compareItems.length < 3 && (\r\n <AddItem\r\n handleAddBuilding={handleAddBuilding}\r\n handleAddSite={handleAddSite}\r\n isComparingSites={isComparingSites}\r\n icon={<LR.GitCompare />}\r\n variant=\"secondary\"\r\n />\r\n )}\r\n\r\n <DialogClose onClick={onCloseDialog} asChild>\r\n <Button\r\n variant=\"ghost\"\r\n className=\"h-9 w-9 rounded-xl text-muted-foreground hover:bg-transparent focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background focus:ring-primary\"\r\n >\r\n <LR.X className=\"!h-6 !w-6\" />\r\n </Button>\r\n </DialogClose>\r\n </div>\r\n </DialogHeader>\r\n\r\n {/ Compare Layout /}\r\n <div className=\"max-h-[60vh] overflow-y-auto\">\r\n <div className=\"flex flex-col w-full\">\r\n {/ Building headers row /}\r\n <div className=\"grid grid-cols-1 md:grid-cols-12 gap-x-6 gap-y-0 border-y border-border sticky top-0 z-10 bg-background\">\r\n <div className=\"col-span-4 py-0 px-2 text-sm font-semibold text-foreground sticky left-0 bg-background\">\r\n {/ Empty space for property labels column /}\r\n </div>\r\n <div className=\"col-span-8 p-0\">\r\n <div className=\"grid grid-cols-1 grid-flow-col auto-cols-fr h-full\">\r\n {compareItems.map((item, index) => (\r\n <div key={index} className={`flex flex-row justify-between py-3 px-2 ${index === 1 ? 'bg-[#f9f9fa]' : 'bg-background'}`}>\r\n {/ text /}\r\n <div className=\"flex-1\">\r\n <h3 className=\"text-xl text-card-foreground break-words top-4\">\r\n <ColorCircle color={stringToColour(\r\n item.buildingName \|\| item.buildingAddress\r\n \|\| item.siteName \|\| item.siteAddress \|\| t('unknown'),\r\n )}\r\n />\r\n {item.buildingName \|\| item.buildingAddress\r\n \|\| item.siteName \|\| item.siteAddress \|\| t('unknown')}\r\n </h3>\r\n <p className=\"text-xs text-muted-foreground break-words\">\r\n {(item.buildingName && item.buildingAddress)\r\n \|\| (item.siteName && item.siteAddress)}\r\n </p>\r\n </div>\r\n\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent ml-2\"\r\n onClick={() => removeBuilding(index)}\r\n >\r\n <LR.CircleMinus className=\"\" />\r\n </Button>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Render comparison content organized by sections */}\r\n {renderComparisonContent()}\r\n </div>\r\n </div>\r\n\r\n </DialogContent>\r\n </Dialog>\r\n </>\r\n )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/map/src/compare/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as React from 'react';
+import type { Building } from '../../../../../types/dbTypes';
 import type { Tool } from '../../../../../types/tools';
-import { Building } from '../../../../../types/dbTypes';
 type CompareProps = {
     tool: Tool;
     building?: Building;

package/dist/core/components/viewers/map/src/compare/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/src/compare/index.tsx"],"names":[],"mappings":"~~AAQA~~,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;~~AAI9B~~,OAAO,KAAK,EAAE,~~IAAI~~,EAAE,MAAM,~~4BAA4B~~,CAAA;~~AAuBtD~~,OAAO,EAAE,~~QAAQ~~,EAAE,MAAM,~~8BAA8B~~,CAAA;~~AAEvD~~,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,YAAY,qBA0K/D"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/src/compare/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA4B9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAEtD,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,YAAY,qBA0K/D"}

package/dist/core/components/viewers/map/src/compare/index.js CHANGED Viewed

@@ -20,10 +20,8 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as LR from "lucide-react";
-import * as React from "react";
 import { useTranslations } from "next-intl";
-import { usePermissions } from "../../../../../store";
-import { MapContext, useBuildingsContext } from "../../../../../store";
+import * as React from "react";
 import { Button } from "../../../../../components/ui/Button";
 import {
   Card,
@@ -32,11 +30,13 @@ import {
   CardHeader,
   CardTitle
 } from "../../../../../components/ui/Card";
-import AddBuildings from "./AddItem";
-import CompareDialog from "./CompareDialog";
+import ColorCircle from "../../../../../components/ui/ColorCircle";
+import { usePermissions } from "../../../../../store";
+import { MapContext, useBuildingsContext } from "../../../../../store";
 import { MarkerManager } from "../../utils/MarkerManager";
 import { stringToColour } from "../../utils/stringToColour";
-import ColorCircle from "../../../../../components/ui/ColorCircle";
+import AddBuildings from "./AddItem";
+import CompareDialog from "./CompareDialog";
 function Compare({ tool, building }) {
   const t = useTranslations("Compare");
   const { ability } = usePermissions();

package/dist/core/components/viewers/map/src/compare/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/core/components/viewers/map/src/compare/index.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../../store'\r\n\r\nimport type { Tool } from '../../../../../types/tools'\r\n// Data\r\n\r\n\r\nimport { MapContext, useBuildingsContext } from '../../../../../store'\r\nimport { Button } from '../../../../../components/ui/Button'\r\n// Shadcn Components\r\nimport {\r\n Card,\r\n CardContent,\r\n CardDescription,\r\n CardFooter,\r\n CardHeader,\r\n CardTitle,\r\n} from '../../../../../components/ui/Card'\r\n\r\n\r\n// Custom Components\r\nimport AddBuildings from './AddItem'\r\nimport CompareDialog from './CompareDialog'\r\nimport { MarkerManager } from '../../utils/MarkerManager'\r\nimport { stringToColour } from '../../utils/stringToColour'\r\nimport ColorCircle from '../../../../../components/ui/ColorCircle'\r\nimport { Building } from '../../../../../types/dbTypes'\r\n\r\ntype CompareProps = {\r\n tool: Tool\r\n building?: Building\r\n}\r\n\r\nexport default function Compare({ tool, building }: CompareProps) {\r\n // Translation\r\n const t = useTranslations('Compare')\r\n // Permissions\r\n const { ability } = usePermissions()\r\n\r\n const { state: mapState } = React.useContext(MapContext)\r\n const { map } = mapState.map\r\n\r\n const { compareItems, setCompareItems, comparing, setComparing } = useBuildingsContext()\r\n\r\n const [isOpen, setIsOpen] = React.useState(false)\r\n\r\n const toggleOpen = () => {\r\n setIsOpen(!isOpen)\r\n }\r\n\r\n const onCloseDialog = () => {\r\n setComparing(false)\r\n }\r\n\r\n const handleClearAll = () => {\r\n setComparing(false)\r\n setCompareItems([])\r\n }\r\n\r\n const markerManager = new MarkerManager()\r\n\r\n // This useEffect was causing issues with building marker click events, removing for now\r\n\r\n // Effect to handle building prop if provided\r\n React.useEffect(() => {\r\n\r\n if (!map) return;\r\n\r\n if (building && !compareItems.some(b => b.id === String(building.id))) {\r\n setCompareItems([...compareItems, { ...building, id: String(building.id) }]);\r\n\r\n if (!comparing) return\r\n markerManager.create(\r\n [building.buildingLongitude, building.buildingLatitude],\r\n map,\r\n {\r\n allowMultiple: true, layerColor: stringToColour(building.buildingName \|\| building.buildingAddress)\r\n }\r\n );\r\n }\r\n\r\n }, [building, compareItems, map, comparing]);\r\n\r\n const handleAddBuilding = (building: Building) => {\r\n // Convert building to compareItem format with string ID\r\n const compareItem = { ...building, id: String(building.id) }\r\n setCompareItems([...compareItems, compareItem])\r\n markerManager.create(\r\n [building.buildingLongitude, building.buildingLatitude],\r\n map,\r\n {\r\n allowMultiple: true,\r\n layerColor: stringToColour(building.buildingName \|\| building.buildingAddress),\r\n },\r\n )\r\n }\r\n\r\n const cardAnimationClasses = `pointer-events-auto fixed left-1/2 transform -translate-x-1/2 bottom-0 transition-all duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 ${isOpen ? '' : 'opacity-0 pointer-events-none'}`\r\n\r\n // Close dialog and reset compareItems on Escape key\r\n React.useEffect(() => {\r\n const handleEsc = (event: KeyboardEvent) => {\r\n if (event.key === 'Escape') {\r\n setIsOpen(false)\r\n setComparing(false)\r\n }\r\n }\r\n window.addEventListener('keydown', handleEsc)\r\n return () => window.removeEventListener('keydown', handleEsc)\r\n }, [setComparing])\r\n\r\n return (\r\n <>\r\n <Button\r\n size=\"icon\"\r\n variant=\"ghost\"\r\n className=\"flex justify-center items-center h-9 w-9 pointer-events-auto\"\r\n onClick={toggleOpen}\r\n title={tool.title}\r\n disabled={!ability.can('read', 'Building')}\r\n >\r\n <LR.Columns3 />\r\n </Button>\r\n\r\n <Card className={`${cardAnimationClasses} z-20 w-[80vw] max-w-[900px]`} data-state={isOpen ? 'open' : 'closed'}>\r\n <CardHeader className=\"flex flex-row justify-between items-center py-0\">\r\n <CardTitle>\r\n {t('compareBuildings')}\r\n </CardTitle>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n onClick={toggleOpen}\r\n className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n >\r\n <span className=\"sr-only\">{t('close')}</span>\r\n <LR.X size={18} />\r\n </Button>\r\n </CardHeader>\r\n\r\n <CardContent className=\"p-0\">\r\n <div className=\"flex flex-row p-6 gap-8 items-center border-2 border-dashed border-[#E3E1E4] border-opacity-50 bg-[#E3E1E4] bg-opacity-10 rounded-xl\">\r\n {/* Building cards /}\r\n <div className=\"flex flex-row gap-2 items-stretch justify-center min-h-20\">\r\n\r\n {/ map over selected buildings and populate with building card /}\r\n {compareItems.map((item, index) => (\r\n <Card key={index} className=\"flex flex-col relative\">\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className=\"absolute top-2 right-2 opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent h-6 w-6\"\r\n onClick={() => {\r\n const updatedItems = [...compareItems]\r\n updatedItems.splice(index, 1)\r\n setCompareItems(updatedItems)\r\n }}\r\n >\r\n <LR.CircleMinus className=\"h-4 w-4\" />\r\n </Button>\r\n <CardHeader className=\"flex flex-col justify-center\">\r\n <div className=\"flex items-center mb-2\">\r\n <ColorCircle color={stringToColour(item.buildingName \|\| item.buildingAddress \|\| item.siteName \|\| item.siteAddress)} />\r\n <CardTitle>\r\n {item.buildingName \|\| item.buildingAddress \|\| item.siteName \|\| item.siteAddress}\r\n </CardTitle>\r\n </div>\r\n <CardDescription>\r\n {(item.buildingName && item.buildingAddress) \|\| (item.siteName && item.siteAddress)}\r\n </CardDescription>\r\n </CardHeader>\r\n </Card>\r\n ))}\r\n\r\n {/ Add building button /}\r\n {compareItems.length < 3 && (\r\n <Card className=\"flex flex-col\">\r\n <CardHeader className=\"text-muted-foreground flex-1 flex justify-center items-center p-0\">\r\n <AddBuildings handleAddBuilding={handleAddBuilding} className=\"w-full h-full rounded-xl\" variant=\"ghost\" />\r\n </CardHeader>\r\n </Card>\r\n )}\r\n\r\n </div>\r\n\r\n {/ Compare Button */}\r\n <div className=\"flex flex-col gap-2\">\r\n <CompareDialog\r\n toggleOpen={onCloseDialog}\r\n compareItems={compareItems}\r\n setCompareItems={setCompareItems}\r\n handleAddBuilding={handleAddBuilding}\r\n />\r\n <Button variant=\"outline\" onClick={handleClearAll} disabled={compareItems.length === 0}>\r\n {t('clearAll')}\r\n </Button>\r\n </div>\r\n </div>\r\n </CardContent>\r\n\r\n </Card>\r\n </>\r\n )\r\n}\r\n"],"mappings":"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","names":["building"]}
1	+ {"version":3,"sources":["../../../../../../../src/core/components/viewers/map/src/compare/index.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\n// Dependencies\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\n\r\nimport { Button } from '../../../../../components/ui/Button'\r\nimport {\r\n Card,\r\n CardContent,\r\n CardDescription,\r\n CardFooter,\r\n CardHeader,\r\n CardTitle,\r\n} from '../../../../../components/ui/Card'\r\nimport ColorCircle from '../../../../../components/ui/ColorCircle'\r\nimport { usePermissions } from '../../../../../store'\r\n\r\n// Data\r\n\r\n\r\nimport { MapContext, useBuildingsContext } from '../../../../../store'\r\n// Shadcn Components\r\n\r\n\r\n// Custom Components\r\nimport { MarkerManager } from '../../utils/MarkerManager'\r\nimport { stringToColour } from '../../utils/stringToColour'\r\n\r\nimport AddBuildings from './AddItem'\r\nimport CompareDialog from './CompareDialog'\r\n\r\nimport type { Building } from '../../../../../types/dbTypes'\r\nimport type { Tool } from '../../../../../types/tools'\r\n\r\ntype CompareProps = {\r\n tool: Tool\r\n building?: Building\r\n}\r\n\r\nexport default function Compare({ tool, building }: CompareProps) {\r\n // Translation\r\n const t = useTranslations('Compare')\r\n // Permissions\r\n const { ability } = usePermissions()\r\n\r\n const { state: mapState } = React.useContext(MapContext)\r\n const { map } = mapState.map\r\n\r\n const { compareItems, setCompareItems, comparing, setComparing } = useBuildingsContext()\r\n\r\n const [isOpen, setIsOpen] = React.useState(false)\r\n\r\n const toggleOpen = () => {\r\n setIsOpen(!isOpen)\r\n }\r\n\r\n const onCloseDialog = () => {\r\n setComparing(false)\r\n }\r\n\r\n const handleClearAll = () => {\r\n setComparing(false)\r\n setCompareItems([])\r\n }\r\n\r\n const markerManager = new MarkerManager()\r\n\r\n // This useEffect was causing issues with building marker click events, removing for now\r\n\r\n // Effect to handle building prop if provided\r\n React.useEffect(() => {\r\n\r\n if (!map) return;\r\n\r\n if (building && !compareItems.some(b => b.id === String(building.id))) {\r\n setCompareItems([...compareItems, { ...building, id: String(building.id) }]);\r\n\r\n if (!comparing) return\r\n markerManager.create(\r\n [building.buildingLongitude, building.buildingLatitude],\r\n map,\r\n {\r\n allowMultiple: true, layerColor: stringToColour(building.buildingName \|\| building.buildingAddress)\r\n }\r\n );\r\n }\r\n\r\n }, [building, compareItems, map, comparing]);\r\n\r\n const handleAddBuilding = (building: Building) => {\r\n // Convert building to compareItem format with string ID\r\n const compareItem = { ...building, id: String(building.id) }\r\n setCompareItems([...compareItems, compareItem])\r\n markerManager.create(\r\n [building.buildingLongitude, building.buildingLatitude],\r\n map,\r\n {\r\n allowMultiple: true,\r\n layerColor: stringToColour(building.buildingName \|\| building.buildingAddress),\r\n },\r\n )\r\n }\r\n\r\n const cardAnimationClasses = `pointer-events-auto fixed left-1/2 transform -translate-x-1/2 bottom-0 transition-all duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 ${isOpen ? '' : 'opacity-0 pointer-events-none'}`\r\n\r\n // Close dialog and reset compareItems on Escape key\r\n React.useEffect(() => {\r\n const handleEsc = (event: KeyboardEvent) => {\r\n if (event.key === 'Escape') {\r\n setIsOpen(false)\r\n setComparing(false)\r\n }\r\n }\r\n window.addEventListener('keydown', handleEsc)\r\n return () => window.removeEventListener('keydown', handleEsc)\r\n }, [setComparing])\r\n\r\n return (\r\n <>\r\n <Button\r\n size=\"icon\"\r\n variant=\"ghost\"\r\n className=\"flex justify-center items-center h-9 w-9 pointer-events-auto\"\r\n onClick={toggleOpen}\r\n title={tool.title}\r\n disabled={!ability.can('read', 'Building')}\r\n >\r\n <LR.Columns3 />\r\n </Button>\r\n\r\n <Card className={`${cardAnimationClasses} z-20 w-[80vw] max-w-[900px]`} data-state={isOpen ? 'open' : 'closed'}>\r\n <CardHeader className=\"flex flex-row justify-between items-center py-0\">\r\n <CardTitle>\r\n {t('compareBuildings')}\r\n </CardTitle>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n onClick={toggleOpen}\r\n className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n >\r\n <span className=\"sr-only\">{t('close')}</span>\r\n <LR.X size={18} />\r\n </Button>\r\n </CardHeader>\r\n\r\n <CardContent className=\"p-0\">\r\n <div className=\"flex flex-row p-6 gap-8 items-center border-2 border-dashed border-[#E3E1E4] border-opacity-50 bg-[#E3E1E4] bg-opacity-10 rounded-xl\">\r\n {/* Building cards /}\r\n <div className=\"flex flex-row gap-2 items-stretch justify-center min-h-20\">\r\n\r\n {/ map over selected buildings and populate with building card /}\r\n {compareItems.map((item, index) => (\r\n <Card key={index} className=\"flex flex-col relative\">\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className=\"absolute top-2 right-2 opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent h-6 w-6\"\r\n onClick={() => {\r\n const updatedItems = [...compareItems]\r\n updatedItems.splice(index, 1)\r\n setCompareItems(updatedItems)\r\n }}\r\n >\r\n <LR.CircleMinus className=\"h-4 w-4\" />\r\n </Button>\r\n <CardHeader className=\"flex flex-col justify-center\">\r\n <div className=\"flex items-center mb-2\">\r\n <ColorCircle color={stringToColour(item.buildingName \|\| item.buildingAddress \|\| item.siteName \|\| item.siteAddress)} />\r\n <CardTitle>\r\n {item.buildingName \|\| item.buildingAddress \|\| item.siteName \|\| item.siteAddress}\r\n </CardTitle>\r\n </div>\r\n <CardDescription>\r\n {(item.buildingName && item.buildingAddress) \|\| (item.siteName && item.siteAddress)}\r\n </CardDescription>\r\n </CardHeader>\r\n </Card>\r\n ))}\r\n\r\n {/ Add building button /}\r\n {compareItems.length < 3 && (\r\n <Card className=\"flex flex-col\">\r\n <CardHeader className=\"text-muted-foreground flex-1 flex justify-center items-center p-0\">\r\n <AddBuildings handleAddBuilding={handleAddBuilding} className=\"w-full h-full rounded-xl\" variant=\"ghost\" />\r\n </CardHeader>\r\n </Card>\r\n )}\r\n\r\n </div>\r\n\r\n {/ Compare Button */}\r\n <div className=\"flex flex-col gap-2\">\r\n <CompareDialog\r\n toggleOpen={onCloseDialog}\r\n compareItems={compareItems}\r\n setCompareItems={setCompareItems}\r\n handleAddBuilding={handleAddBuilding}\r\n />\r\n <Button variant=\"outline\" onClick={handleClearAll} disabled={compareItems.length === 0}>\r\n {t('clearAll')}\r\n </Button>\r\n </div>\r\n </div>\r\n </CardContent>\r\n\r\n </Card>\r\n </>\r\n )\r\n}\r\n"],"mappings":"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","names":["building"]}

package/dist/core/components/viewers/map/src/tools/AddTools/AddDataset/DatasetAdder.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatasetAdder.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddDataset/DatasetAdder.tsx"],"names":[],"mappings":"~~AAKA~~,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsD9B,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,GAAI,aAAa,iBAAiB,sBAwR1D,CAAA"}
1	+ {"version":3,"file":"DatasetAdder.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddDataset/DatasetAdder.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsD9B,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,GAAI,aAAa,iBAAiB,sBAwR1D,CAAA"}