@collabdt/core 0.0.40

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/FileModelLayer/FileModelLayer.js

@@ -0,0 +1,118 @@
+"use client";
+import * as THREE from "three";
+import { MapContext, FilesContext } from "../../../../../../../../store";
+import * as React from "react";
+import { CustomModelLayer } from "../utils/CustomModelLayer";
+const FileModelLayer = ({
+  tempPositionsRef,
+  editingFileNameRef,
+  tempRotationsRef,
+  tempElevationsRef,
+  onContextMenu
+}) => {
+  const { state: mapState } = React.useContext(MapContext);
+  const { map } = mapState.map;
+  const { state: fileState } = React.useContext(FilesContext);
+  const { files: globalFileState, mapFileIds } = fileState.files;
+  const is3DModelFile = (extension) => {
+    if (!extension) return false;
+    const ext = extension.toLowerCase();
+    return ["glb", "gltf", "fbx", "obj", "collada"].includes(ext);
+  };
+  const mapFiles = React.useMemo(
+    () => globalFileState.filter((file) => is3DModelFile(file.extension) && mapFileIds.includes(file.id) && !!file.url),
+    [globalFileState, mapFileIds]
+  );
+  const [loadedModels, setLoadedModels] = React.useState([]);
+  const rendererRef = React.useRef(null);
+  const loadedModelsRef = React.useRef([]);
+  const onContextMenuRef = React.useRef(onContextMenu);
+  loadedModelsRef.current = loadedModels;
+  onContextMenuRef.current = onContextMenu;
+  React.useEffect(() => {
+    if (!map) return;
+    if (!rendererRef.current) {
+      rendererRef.current = new THREE.WebGLRenderer({
+        canvas: map.getCanvas(),
+        context: map.getCanvas().getContext("webgl"),
+        antialias: true
+      });
+    }
+    const currentModelFiles = mapFiles.filter((file) => {
+      var _a;
+      const ext = (_a = file.extension) == null ? void 0 : _a.toLowerCase();
+      return ext === "glb" || ext === "gltf" || ext === "fbx" || ext === "obj" || ext === "collada";
+    });
+    const loadedIds = new Set(loadedModels.map((model) => model.file.id));
+    const currentFileIds = new Set(currentModelFiles.map((f) => f.id));
+    const modelsToRemove = loadedModels.filter((model) => !currentFileIds.has(model.file.id));
+    const modelsWithChangedCoords = loadedModels.filter((model) => {
+      if (!currentFileIds.has(model.file.id)) return false;
+      const updated = currentModelFiles.find((f) => f.id === model.file.id);
+      return updated && (updated.lat !== model.file.lat || updated.lng !== model.file.lng || updated.rotation !== model.file.rotation || updated.elevation !== model.file.elevation);
+    });
+    for (const model of [...modelsToRemove, ...modelsWithChangedCoords]) {
+      model.cleanUpFunction();
+    }
+    const staleIds = new Set(modelsWithChangedCoords.map((m) => m.file.id));
+    const filesNotLoaded = currentModelFiles.filter(
+      (file) => !loadedIds.has(file.id) || staleIds.has(file.id)
+    );
+    const newLoadedModels = loadedModels.filter((model) => currentFileIds.has(model.file.id) && !staleIds.has(model.file.id));
+    for (const file of filesNotLoaded) {
+      const { cleanup, hitTest } = CustomModelLayer(
+        file,
+        map,
+        rendererRef.current,
+        tempPositionsRef,
+        editingFileNameRef,
+        tempRotationsRef,
+        tempElevationsRef
+      );
+      newLoadedModels.push({ file, cleanUpFunction: cleanup, hitTest });
+    }
+    setLoadedModels(newLoadedModels);
+  }, [mapFiles, map]);
+  React.useEffect(() => {
+    if (!map) return;
+    const canvas = map.getCanvas();
+    const handleContextMenu = (e) => {
+      var _a;
+      if (e.target !== canvas) return;
+      const models = loadedModelsRef.current;
+      if (models.length === 0) return;
+      const rect = canvas.getBoundingClientRect();
+      const ndcX = (e.clientX - rect.left) / rect.width * 2 - 1;
+      const ndcY = -((e.clientY - rect.top) / rect.height) * 2 + 1;
+      for (const model of models) {
+        if (model.hitTest(ndcX, ndcY)) {
+          e.preventDefault();
+          e.stopPropagation();
+          (_a = onContextMenuRef.current) == null ? void 0 : _a.call(onContextMenuRef, model.file, e.clientX, e.clientY);
+          break;
+        }
+      }
+    };
+    canvas.addEventListener("contextmenu", handleContextMenu, true);
+    return () => canvas.removeEventListener("contextmenu", handleContextMenu, true);
+  }, [map]);
+  React.useEffect(() => {
+    return () => {
+      for (const model of loadedModelsRef.current) {
+        try {
+          model.cleanUpFunction();
+        } catch (e) {
+        }
+      }
+      if (rendererRef.current) {
+        rendererRef.current.dispose();
+        rendererRef.current = null;
+      }
+    };
+  }, [map]);
+  return null;
+};
+export {
+  FileModelLayer
+};
+//# sourceMappingURL=FileModelLayer.js.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/FileModelLayer/FileModelLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/FileModelLayer/FileModelLayer.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as THREE from 'three'\r\nimport { MapContext, FilesContext } from '../../../../../../../../store'\r\n\r\nimport * as React from 'react'\r\nimport { CustomModelLayer } from '../utils/CustomModelLayer'\r\nimport { DbFile } from '../../../../../../../../types/dbTypes'\r\n\r\ntype LoadedModelFiles = {\r\n  file: DbFile\r\n  cleanUpFunction: () => void\r\n  hitTest: (ndcX: number, ndcY: number) => boolean\r\n}\r\n\r\ninterface FileModelLayerProps {\r\n  tempPositionsRef?: React.MutableRefObject<Record<string, { lat: number; lng: number }>>\r\n  editingFileNameRef?: React.MutableRefObject<string | null>\r\n  tempRotationsRef?: React.MutableRefObject<Record<string, number>>\r\n  tempElevationsRef?: React.MutableRefObject<Record<string, number>>\r\n  /** Called when the user right-clicks on a rendered 3D mesh. */\r\n  onContextMenu?: (file: DbFile, clientX: number, clientY: number) => void\r\n}\r\n\r\nexport const FileModelLayer = ({\r\n  tempPositionsRef,\r\n  editingFileNameRef,\r\n  tempRotationsRef,\r\n  tempElevationsRef,\r\n  onContextMenu,\r\n}: FileModelLayerProps) => {\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { map } = mapState.map\r\n  const { state: fileState } = React.useContext(FilesContext)\r\n  const { files: globalFileState, mapFileIds } = fileState.files\r\n\r\n  const is3DModelFile = (extension?: string | null): boolean => {\r\n    if (!extension) return false\r\n    const ext = extension.toLowerCase()\r\n    return ['glb', 'gltf', 'fbx', 'obj', 'collada'].includes(ext)\r\n  }\r\n\r\n  const mapFiles = React.useMemo(\r\n    () => globalFileState.filter(file => is3DModelFile(file.extension) && mapFileIds.includes(file.id) && !!file.url),\r\n    [globalFileState, mapFileIds]\r\n  )\r\n\r\n  const [loadedModels, setLoadedModels] = React.useState<LoadedModelFiles[]>([])\r\n  const rendererRef = React.useRef<THREE.WebGLRenderer | null>(null)\r\n\r\n  // Stable refs so the canvas listener never needs to be re-registered\r\n  const loadedModelsRef = React.useRef<LoadedModelFiles[]>([])\r\n  const onContextMenuRef = React.useRef(onContextMenu)\r\n  loadedModelsRef.current = loadedModels\r\n  onContextMenuRef.current = onContextMenu\r\n\r\n  // ── Layer management ───────────────────────────────────────────────────────\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n    if (!rendererRef.current) {\r\n      rendererRef.current = new THREE.WebGLRenderer({\r\n        canvas: map.getCanvas(),\r\n        context: map.getCanvas().getContext('webgl') as WebGLRenderingContext,\r\n        antialias: true,\r\n      })\r\n    }\r\n    const currentModelFiles = mapFiles.filter(file => {\r\n      const ext = file.extension?.toLowerCase()\r\n      return ext === 'glb' || ext === 'gltf' || ext === 'fbx' || ext === 'obj' || ext === 'collada'\r\n    })\r\n    const loadedIds = new Set(loadedModels.map(model => model.file.id))\r\n    const currentFileIds = new Set(currentModelFiles.map(f => f.id))\r\n\r\n    const modelsToRemove = loadedModels.filter(model => !currentFileIds.has(model.file.id))\r\n\r\n    const modelsWithChangedCoords = loadedModels.filter(model => {\r\n      if (!currentFileIds.has(model.file.id)) return false\r\n      const updated = currentModelFiles.find(f => f.id === model.file.id)\r\n      return updated && (\r\n        updated.lat !== model.file.lat ||\r\n        updated.lng !== model.file.lng ||\r\n        updated.rotation !== model.file.rotation ||\r\n        updated.elevation !== model.file.elevation\r\n      )\r\n    })\r\n\r\n    for (const model of [...modelsToRemove, ...modelsWithChangedCoords]) {\r\n      model.cleanUpFunction()\r\n    }\r\n\r\n    const staleIds = new Set(modelsWithChangedCoords.map(m => m.file.id))\r\n\r\n    const filesNotLoaded = currentModelFiles.filter(\r\n      file => !loadedIds.has(file.id) || staleIds.has(file.id)\r\n    )\r\n\r\n    const newLoadedModels = loadedModels\r\n      .filter(model => currentFileIds.has(model.file.id) && !staleIds.has(model.file.id))\r\n\r\n    for (const file of filesNotLoaded) {\r\n      const { cleanup, hitTest } = CustomModelLayer(\r\n        file,\r\n        map,\r\n        rendererRef.current,\r\n        tempPositionsRef,\r\n        editingFileNameRef,\r\n        tempRotationsRef,\r\n        tempElevationsRef,\r\n      )\r\n      newLoadedModels.push({ file, cleanUpFunction: cleanup, hitTest })\r\n    }\r\n\r\n    setLoadedModels(newLoadedModels)\r\n  }, [mapFiles, map])\r\n\r\n  // ── Canvas right-click → raycasting ───────────────────────────────────────\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n    const canvas = map.getCanvas()\r\n\r\n    const handleContextMenu = (e: MouseEvent) => {\r\n      // Only handle clicks that land directly on the WebGL canvas (not on HTML\r\n      // marker overlays — those have their own onContextMenu handlers)\r\n      if (e.target !== canvas) return\r\n\r\n      const models = loadedModelsRef.current\r\n      if (models.length === 0) return\r\n\r\n      const rect = canvas.getBoundingClientRect()\r\n      const ndcX =  ((e.clientX - rect.left) / rect.width)  * 2 - 1\r\n      const ndcY = -((e.clientY - rect.top)  / rect.height) * 2 + 1\r\n\r\n      for (const model of models) {\r\n        if (model.hitTest(ndcX, ndcY)) {\r\n          e.preventDefault()\r\n          e.stopPropagation()\r\n          onContextMenuRef.current?.(model.file, e.clientX, e.clientY)\r\n          break\r\n        }\r\n      }\r\n    }\r\n\r\n    // Use capture phase so we see the event before MapLibre's own handlers\r\n    canvas.addEventListener('contextmenu', handleContextMenu, true)\r\n    return () => canvas.removeEventListener('contextmenu', handleContextMenu, true)\r\n  }, [map])\r\n\r\n  // ── Teardown: remove all model layers + dispose the shared renderer on unmount\r\n  // (or map change). Previously this component never disposed its WebGLRenderer\r\n  // and left its CustomModelLayers on the map when it unmounted → renderer +\r\n  // scene/GPU-resource leak across viewer switches. (audit B9)\r\n  React.useEffect(() => {\r\n    return () => {\r\n      for (const model of loadedModelsRef.current) {\r\n        try { model.cleanUpFunction() } catch { /* layer or map may already be gone */ }\r\n      }\r\n      if (rendererRef.current) {\r\n        rendererRef.current.dispose()\r\n        rendererRef.current = null\r\n      }\r\n    }\r\n  }, [map])\r\n\r\n  return null\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/FileIcon.d.ts

@@ -0,0 +1,9 @@
+interface FileIconProps {
+    mimeType?: string;
+    extension?: string;
+    url?: string | null;
+    size?: number;
+}
+export default function FileIcon({ mimeType, extension, url, size }: FileIconProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FileIcon.d.ts.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/FileIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileIcon.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/components/FileIcon.tsx"],"names":[],"mappings":"AAGA,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,aAAa,+BAqHjF"}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/FileIcon.js

@@ -0,0 +1,106 @@
+import { jsx } from "react/jsx-runtime";
+import * as LR from "lucide-react";
+import { LoadingSpinner } from "../../../../../../../../components/ui/LoadingSpinner";
+function FileIcon({ mimeType, extension, url, size }) {
+  if (extension === "uploading") {
+    return /* @__PURE__ */ jsx(LoadingSpinner, {});
+  }
+  if (mimeType == null ? void 0 : mimeType.startsWith("image/")) {
+    if (url) {
+      return /* @__PURE__ */ jsx("img", { src: url, width: 28, height: 28, alt: "File preview", className: "rounded object-cover" });
+    }
+    return /* @__PURE__ */ jsx(LR.Image, { size });
+  }
+  if (mimeType == null ? void 0 : mimeType.startsWith("video/")) {
+    return /* @__PURE__ */ jsx(LR.Video, { size });
+  }
+  if (mimeType === "application/pdf") {
+    return /* @__PURE__ */ jsx(LR.FileText, { size });
+  }
+  const ext = extension == null ? void 0 : extension.toLowerCase();
+  switch (ext == null ? void 0 : ext.toLowerCase()) {
+    // documents
+    case "doc":
+    case "docx":
+    case "rtf":
+      return /* @__PURE__ */ jsx(LR.FileText, { size });
+    // spreadsheets
+    case "xls":
+    case "xlsx":
+    case "csv":
+    case "dbf":
+      return /* @__PURE__ */ jsx(LR.FileSpreadsheet, { size });
+    // presentations
+    case "ppt":
+    case "pptx":
+      return /* @__PURE__ */ jsx(LR.Presentation, { size });
+    // archives
+    case "zip":
+    case "rar":
+    case "7z":
+      return /* @__PURE__ */ jsx(LR.Archive, { size });
+    // plain text
+    case "txt":
+      return /* @__PURE__ */ jsx(LR.FileText, { size });
+    // PDF
+    case "pdf":
+      return /* @__PURE__ */ jsx(LR.FileText, { size });
+    // images
+    case "jpg":
+    case "jpeg":
+    case "png":
+    case "gif":
+    case "bmp":
+    case "svg":
+      return /* @__PURE__ */ jsx(LR.Image, { size });
+    // videos
+    case "mp4":
+    case "webm":
+    case "mov":
+    case "avi":
+    case "mkv":
+      return /* @__PURE__ */ jsx(LR.Video, { size });
+    // audio
+    case "mp3":
+    case "wav":
+    case "ogg":
+    case "m4a":
+    case "flac":
+      return /* @__PURE__ */ jsx(LR.Music, { size });
+    // 3D models
+    case "glb":
+    case "gltf":
+    case "obj":
+    case "fbx":
+    case "stl":
+    case "3ds":
+    case "ply":
+    case "ifc":
+    case "rvt":
+    case "dae":
+    case "dxf":
+    case "dwg":
+      return /* @__PURE__ */ jsx(LR.Box, { size });
+    // GIS vectors and sidecars
+    case "shp":
+    case "shx":
+    case "prj":
+    case "cpg":
+    case "geojson":
+      return /* @__PURE__ */ jsx(LR.Map, { size });
+    // energy files
+    case "h2k":
+      return /* @__PURE__ */ jsx(LR.Zap, { size });
+    // points clouds
+    case "laz":
+    case "las":
+      return /* @__PURE__ */ jsx(LR.Grip, { size });
+    // fallback
+    default:
+      return /* @__PURE__ */ jsx(LR.File, { size });
+  }
+}
+export {
+  FileIcon as default
+};
+//# sourceMappingURL=FileIcon.js.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/FileIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/components/FileIcon.tsx"],"sourcesContent":["import * as LR from 'lucide-react'\r\nimport { LoadingSpinner } from '../../../../../../../../components/ui/LoadingSpinner'\r\n\r\ninterface FileIconProps {\r\n  mimeType?: string\r\n  extension?: string\r\n  url?: string | null\r\n  size?: number\r\n}\r\n\r\nexport default function FileIcon({ mimeType, extension, url, size }: FileIconProps) {\r\n  if (extension === 'uploading') {\r\n    return <LoadingSpinner />\r\n  }\r\n\r\n  if (mimeType?.startsWith('image/')) {\r\n    if (url) {\r\n      return <img src={url} width={28} height={28} alt=\"File preview\" className=\"rounded object-cover\" />\r\n    }\r\n    return <LR.Image size={size} />\r\n  }\r\n  if (mimeType?.startsWith('video/')) {\r\n    return <LR.Video size={size} />\r\n  }\r\n  if (mimeType === 'application/pdf') {\r\n    return <LR.FileText size={size} />\r\n  }\r\n  // if (mimeType?.startsWith('model/')) {\r\n  //   return <LR.Box size={size} />\r\n  // }\r\n\r\n  // using extension for fall back\r\n  const ext = extension?.toLowerCase()\r\n  switch (ext?.toLowerCase()) {\r\n    // documents\r\n    case 'doc':\r\n    case 'docx':\r\n    case 'rtf':\r\n      return <LR.FileText size={size} />\r\n\r\n    // spreadsheets\r\n    case 'xls':\r\n    case 'xlsx':\r\n    case 'csv':\r\n    case 'dbf':\r\n      return <LR.FileSpreadsheet size={size} />\r\n\r\n    // presentations\r\n    case 'ppt':\r\n    case 'pptx':\r\n      return <LR.Presentation size={size} />\r\n\r\n    // archives\r\n    case 'zip':\r\n    case 'rar':\r\n    case '7z':\r\n      return <LR.Archive size={size} />\r\n\r\n    // plain text\r\n    case 'txt':\r\n      return <LR.FileText size={size} />\r\n\r\n    // PDF\r\n    case 'pdf':\r\n      return <LR.FileText size={size} />\r\n\r\n    // images\r\n    case 'jpg':\r\n    case 'jpeg':\r\n    case 'png':\r\n    case 'gif':\r\n    case 'bmp':\r\n    case 'svg':\r\n      return <LR.Image size={size} />\r\n\r\n    // videos\r\n    case 'mp4':\r\n    case 'webm':\r\n    case 'mov':\r\n    case 'avi':\r\n    case 'mkv':\r\n      return <LR.Video size={size} />\r\n\r\n    // audio\r\n    case 'mp3':\r\n    case 'wav':\r\n    case 'ogg':\r\n    case 'm4a':\r\n    case 'flac':\r\n      return <LR.Music size={size} />\r\n\r\n    // 3D models\r\n    case 'glb':\r\n    case 'gltf':\r\n    case 'obj':\r\n    case 'fbx':\r\n    case 'stl':\r\n    case '3ds':\r\n    case 'ply':\r\n    case 'ifc':\r\n    case 'rvt':\r\n    case 'dae':\r\n    case 'dxf':\r\n    case 'dwg':\r\n      return <LR.Box size={size} />\r\n\r\n    // GIS vectors and sidecars\r\n    case 'shp':\r\n    case 'shx':\r\n    case 'prj':\r\n    case 'cpg':\r\n    case 'geojson':\r\n      return <LR.Map size={size} />\r\n\r\n    // energy files\r\n    case 'h2k':\r\n      return <LR.Zap size={size} />\r\n\r\n    // points clouds\r\n    case 'laz':\r\n    case 'las':\r\n      return <LR.Grip size={size} />\r\n\r\n    // fallback\r\n    default:\r\n      return <LR.File size={size} />\r\n  }\r\n}\r\n"],"mappings":"AAYW;AAZX,YAAY,QAAQ;AACpB,SAAS,sBAAsB;AAShB,SAAR,SAA0B,EAAE,UAAU,WAAW,KAAK,KAAK,GAAkB;AAClF,MAAI,cAAc,aAAa;AAC7B,WAAO,oBAAC,kBAAe;AAAA,EACzB;AAEA,MAAI,qCAAU,WAAW,WAAW;AAClC,QAAI,KAAK;AACP,aAAO,oBAAC,SAAI,KAAK,KAAK,OAAO,IAAI,QAAQ,IAAI,KAAI,gBAAe,WAAU,wBAAuB;AAAA,IACnG;AACA,WAAO,oBAAC,GAAG,OAAH,EAAS,MAAY;AAAA,EAC/B;AACA,MAAI,qCAAU,WAAW,WAAW;AAClC,WAAO,oBAAC,GAAG,OAAH,EAAS,MAAY;AAAA,EAC/B;AACA,MAAI,aAAa,mBAAmB;AAClC,WAAO,oBAAC,GAAG,UAAH,EAAY,MAAY;AAAA,EAClC;AAMA,QAAM,MAAM,uCAAW;AACvB,UAAQ,2BAAK,eAAe;AAAA;AAAA,IAE1B,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,GAAG,UAAH,EAAY,MAAY;AAAA;AAAA,IAGlC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,GAAG,iBAAH,EAAmB,MAAY;AAAA;AAAA,IAGzC,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,GAAG,cAAH,EAAgB,MAAY;AAAA;AAAA,IAGtC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,GAAG,SAAH,EAAW,MAAY;AAAA;AAAA,IAGjC,KAAK;AACH,aAAO,oBAAC,GAAG,UAAH,EAAY,MAAY;AAAA;AAAA,IAGlC,KAAK;AACH,aAAO,oBAAC,GAAG,UAAH,EAAY,MAAY;AAAA;AAAA,IAGlC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,GAAG,OAAH,EAAS,MAAY;AAAA;AAAA,IAG/B,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,GAAG,OAAH,EAAS,MAAY;AAAA;AAAA,IAG/B,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,GAAG,OAAH,EAAS,MAAY;AAAA;AAAA,IAG/B,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,GAAG,KAAH,EAAO,MAAY;AAAA;AAAA,IAG7B,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,GAAG,KAAH,EAAO,MAAY;AAAA;AAAA,IAG7B,KAAK;AACH,aAAO,oBAAC,GAAG,KAAH,EAAO,MAAY;AAAA;AAAA,IAG7B,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,GAAG,MAAH,EAAQ,MAAY;AAAA;AAAA,IAG9B;AACE,aAAO,oBAAC,GAAG,MAAH,EAAQ,MAAY;AAAA,EAChC;AACF;","names":[]}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/FileManagerRow.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { DbFile } from '../../../../../../../../types/dbTypes';
+interface FileManagerRowProps {
+    file: DbFile;
+    isOnMap: boolean;
+    onVisibilityToggle: () => void;
+    onEditFile: () => void;
+    onRemoveFile: () => void;
+}
+export declare function FileManagerRow({ file, isOnMap, onVisibilityToggle, onEditFile, onRemoveFile, }: FileManagerRowProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=FileManagerRow.d.ts.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/FileManagerRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerRow.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/components/FileManagerRow.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAA;AAE9D,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,OAAO,CAAA;IAChB,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,kBAAkB,EAClB,UAAU,EACV,YAAY,GACb,EAAE,mBAAmB,qBAkFrB"}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/FileManagerRow.js

@@ -0,0 +1,101 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import FileIcon from "./FileIcon";
+import { Button } from "../../../../../../../../components/ui/Button";
+import * as LR from "lucide-react";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { MapContext } from "../../../../../../../../store";
+import ConfirmDialog from "../../../../../../../ConfirmDialog";
+function FileManagerRow({
+  file,
+  isOnMap,
+  onVisibilityToggle,
+  onEditFile,
+  onRemoveFile
+}) {
+  const [isDeleting, setIsDeleting] = React.useState(false);
+  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = React.useState(false);
+  const { state: mapState } = React.useContext(MapContext);
+  const t = useTranslations("FileMoreOptions");
+  const { map } = mapState.map;
+  const handleIconClick = (file2) => {
+    if (map == null) return;
+    let center;
+    if ("lng" in file2.position && "lat" in file2.position) {
+      center = [file2.position.lng, file2.position.lat];
+    } else if ("x" in file2.position && "y" in file2.position) {
+      center = [Number(file2.position.x), Number(file2.position.y)];
+    } else {
+      center = [0, 0];
+    }
+    map.flyTo({ center, zoom: 14, speed: 10, curve: 1, maxDuration: 100, essential: true });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center p-2 gap-2 border rounded-sm text-sm cursor-pointer" + (isDeleting ? " animate-pulse bg-yellow-50" : ""),
+      title: file.name,
+      children: [
+        /* @__PURE__ */ jsx(FileIcon, { mimeType: file.mimeType, extension: file.extension, size: 20 }),
+        /* @__PURE__ */ jsx("span", { onClick: () => handleIconClick(file), className: "flex-1 truncate", children: file.name }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-0", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              className: "pointer-events-auto p-1",
+              size: "sm",
+              onClick: onVisibilityToggle,
+              children: isOnMap ? /* @__PURE__ */ jsx(LR.Eye, { size: 14 }) : /* @__PURE__ */ jsx(LR.EyeOff, { size: 14 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              className: "pointer-events-auto p-1",
+              size: "sm",
+              onClick: onEditFile,
+              children: /* @__PURE__ */ jsx(LR.FileEdit, { size: 14 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              className: "pointer-events-auto p-1",
+              size: "sm",
+              onClick: () => setIsDeleteDialogOpen(true),
+              children: /* @__PURE__ */ jsx(LR.Trash2, { size: 14 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          ConfirmDialog,
+          {
+            isOpen: isDeleteDialogOpen,
+            isDeleting,
+            onOpenChange: setIsDeleteDialogOpen,
+            handleConfirm: async (e) => {
+              e.preventDefault();
+              setIsDeleting(true);
+              try {
+                await Promise.resolve(onRemoveFile());
+              } finally {
+                setIsDeleting(false);
+                setIsDeleteDialogOpen(false);
+              }
+            },
+            itemName: file.name,
+            dataType: t("file")
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  FileManagerRow
+};
+//# sourceMappingURL=FileManagerRow.js.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/FileManagerRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/components/FileManagerRow.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport FileIcon from './FileIcon'\r\nimport { Button } from '../../../../../../../../components/ui/Button'\r\nimport * as LR from 'lucide-react'\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { MapContext } from '../../../../../../../../store'\r\nimport ConfirmDialog from '../../../../../../../ConfirmDialog'\r\nimport { DbFile } from '../../../../../../../../types/dbTypes'\r\n\r\ninterface FileManagerRowProps {\r\n  file: DbFile\r\n  isOnMap: boolean\r\n  onVisibilityToggle: () => void\r\n  onEditFile: () => void\r\n  onRemoveFile: () => void\r\n}\r\n\r\nexport function FileManagerRow({\r\n  file,\r\n  isOnMap,\r\n  onVisibilityToggle,\r\n  onEditFile,\r\n  onRemoveFile,\r\n}: FileManagerRowProps) {\r\n  const [isDeleting, setIsDeleting] = React.useState(false)\r\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = React.useState(false)\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const t = useTranslations('FileMoreOptions')\r\n  const { map } = mapState.map\r\n\r\n  const handleIconClick = (file: DbFile) => {\r\n    if (map == null) return\r\n    let center: [number, number]\r\n    if ('lng' in file.position && 'lat' in file.position) {\r\n      center = [file.position.lng, file.position.lat]\r\n    }\r\n    else if ('x' in file.position && 'y' in file.position) {\r\n      center = [Number(file.position.x), Number(file.position.y)]\r\n    }\r\n    else {\r\n      center = [0, 0]\r\n    }\r\n    map.flyTo({ center, zoom: 14, speed: 10, curve: 1, maxDuration: 100, essential: true })\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={\r\n        'flex items-center p-2 gap-2 border rounded-sm text-sm cursor-pointer'\r\n        + (isDeleting ? ' animate-pulse bg-yellow-50' : '')\r\n      }\r\n      title={file.name}\r\n    >\r\n      <FileIcon mimeType={file.mimeType} extension={file.extension} size={20} />\r\n\r\n      <span onClick={() => handleIconClick(file)} className=\"flex-1 truncate\">{file.name}</span>\r\n\r\n      <div className=\"flex gap-0\">\r\n        <Button\r\n          variant=\"ghost\"\r\n          className=\"pointer-events-auto p-1\"\r\n          size=\"sm\"\r\n          onClick={onVisibilityToggle}\r\n        >\r\n          {isOnMap ? <LR.Eye size={14} /> : <LR.EyeOff size={14} />}\r\n        </Button>\r\n        <Button\r\n          variant=\"ghost\"\r\n          className=\"pointer-events-auto p-1\"\r\n          size=\"sm\"\r\n          onClick={onEditFile}\r\n        >\r\n          <LR.FileEdit size={14} />\r\n        </Button>\r\n\r\n        <Button\r\n          variant=\"ghost\"\r\n          className=\"pointer-events-auto p-1\"\r\n          size=\"sm\"\r\n          onClick={() => setIsDeleteDialogOpen(true)}\r\n        >\r\n          <LR.Trash2 size={14} />\r\n        </Button>\r\n      </div>\r\n\r\n      <ConfirmDialog\r\n        isOpen={isDeleteDialogOpen}\r\n        isDeleting={isDeleting}\r\n        onOpenChange={setIsDeleteDialogOpen}\r\n        handleConfirm={async (e) => {\r\n          e.preventDefault()\r\n          setIsDeleting(true)\r\n          try {\r\n            await Promise.resolve(onRemoveFile())\r\n          }\r\n          finally {\r\n            setIsDeleting(false)\r\n            setIsDeleteDialogOpen(false)\r\n          }\r\n        }}\r\n        itemName={file.name}\r\n        dataType={t('file')}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AAuDM,cAIA,YAJA;AArDN,OAAO,cAAc;AACrB,SAAS,cAAc;AACvB,YAAY,QAAQ;AACpB,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,OAAO,mBAAmB;AAWnB,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AACxD,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,KAAK;AACxE,QAAM,EAAE,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AACvD,QAAM,IAAI,gBAAgB,iBAAiB;AAC3C,QAAM,EAAE,IAAI,IAAI,SAAS;AAEzB,QAAM,kBAAkB,CAACA,UAAiB;AACxC,QAAI,OAAO,KAAM;AACjB,QAAI;AACJ,QAAI,SAASA,MAAK,YAAY,SAASA,MAAK,UAAU;AACpD,eAAS,CAACA,MAAK,SAAS,KAAKA,MAAK,SAAS,GAAG;AAAA,IAChD,WACS,OAAOA,MAAK,YAAY,OAAOA,MAAK,UAAU;AACrD,eAAS,CAAC,OAAOA,MAAK,SAAS,CAAC,GAAG,OAAOA,MAAK,SAAS,CAAC,CAAC;AAAA,IAC5D,OACK;AACH,eAAS,CAAC,GAAG,CAAC;AAAA,IAChB;AACA,QAAI,MAAM,EAAE,QAAQ,MAAM,IAAI,OAAO,IAAI,OAAO,GAAG,aAAa,KAAK,WAAW,KAAK,CAAC;AAAA,EACxF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WACE,0EACG,aAAa,gCAAgC;AAAA,MAElD,OAAO,KAAK;AAAA,MAEZ;AAAA,4BAAC,YAAS,UAAU,KAAK,UAAU,WAAW,KAAK,WAAW,MAAM,IAAI;AAAA,QAExE,oBAAC,UAAK,SAAS,MAAM,gBAAgB,IAAI,GAAG,WAAU,mBAAmB,eAAK,MAAK;AAAA,QAEnF,qBAAC,SAAI,WAAU,cACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAS;AAAA,cAER,oBAAU,oBAAC,GAAG,KAAH,EAAO,MAAM,IAAI,IAAK,oBAAC,GAAG,QAAH,EAAU,MAAM,IAAI;AAAA;AAAA,UACzD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAS;AAAA,cAET,8BAAC,GAAG,UAAH,EAAY,MAAM,IAAI;AAAA;AAAA,UACzB;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAS,MAAM,sBAAsB,IAAI;AAAA,cAEzC,8BAAC,GAAG,QAAH,EAAU,MAAM,IAAI;AAAA;AAAA,UACvB;AAAA,WACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,YACR;AAAA,YACA,cAAc;AAAA,YACd,eAAe,OAAO,MAAM;AAC1B,gBAAE,eAAe;AACjB,4BAAc,IAAI;AAClB,kBAAI;AACF,sBAAM,QAAQ,QAAQ,aAAa,CAAC;AAAA,cACtC,UACA;AACE,8BAAc,KAAK;AACnB,sCAAsB,KAAK;AAAA,cAC7B;AAAA,YACF;AAAA,YACA,UAAU,KAAK;AAAA,YACf,UAAU,EAAE,MAAM;AAAA;AAAA,QACpB;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["file"]}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileManager.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type FileManagerProp = {
+    closeFileManager?: () => void;
+};
+export default function MapFileManager({ closeFileManager }: FileManagerProp): React.JSX.Element;
+export {};
+//# sourceMappingURL=MapFileManager.d.ts.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapFileManager.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileManager.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0B9B,KAAK,eAAe,GAAG;IACrB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,gBAAgB,EAAE,EAAE,eAAe,qBA0F3E"}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileManager.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "../../../../../../../../components/ui/Button";
+import { Card, CardContent, CardHeader, CardTitle } from "../../../../../../../../components/ui/Card";
+import * as LR from "lucide-react";
+import { FilesContext } from "../../../../../../../../store";
+import { mutate } from "swr";
+import { FileManagerRow } from "./FileManagerRow";
+const is3DModelFile = (extension) => {
+  if (!extension) return false;
+  return ["glb", "gltf", "fbx", "obj", "collada"].includes(extension.toLowerCase());
+};
+const isHiddenFileType = (extension) => {
+  if (!extension) return false;
+  const ext = extension.toLowerCase();
+  return ext === "frag" || ext === "ifc";
+};
+const shouldExcludeByTag = (tag) => {
+  if (!tag) return false;
+  return tag === "user" || tag === "bim-file" || tag === "fragment-file" || tag === "bimModel";
+};
+function MapFileManager({ closeFileManager }) {
+  const { state: fileState, dispatch: fileDispatch } = React.useContext(FilesContext);
+  const { files, mapFileIds } = fileState.files;
+  const mapFiles = files.filter(
+    (file) => !is3DModelFile(file.extension) && !isHiddenFileType(file.extension) && !shouldExcludeByTag(file.tag)
+  );
+  const allOnMap = mapFiles.length > 0 && mapFiles.every((file) => mapFileIds.includes(file.id));
+  const toggleAll = () => {
+    if (allOnMap) {
+      mapFiles.forEach((file) => fileDispatch({ type: "REMOVE_FROM_MAP", payload: { id: file.id } }));
+    } else {
+      fileDispatch({ type: "ADD_ALL_TO_MAP", payload: { ids: mapFiles.map((f) => f.id) } });
+    }
+  };
+  const handleDeleteFile = async (file) => {
+    try {
+      const response = await fetch(`/api/files/${file.id}`, { method: "DELETE" });
+      if (response.ok) {
+        fileDispatch({ type: "REMOVE_FILE", payload: { id: file.id } });
+      }
+      mutate(["files"]);
+    } catch (error) {
+      console.error("Error when deleting a file", error);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Card, { className: "fixed bottom-12 right-[50%] translate-x-[50%] bg-background round-sm shadow-md z-10 pointer-events-auto max-w-[410px] max-h-[60vh]", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row justify-between items-center pointer-events-auto py-0", children: [
+      /* @__PURE__ */ jsxs(CardTitle, { className: "text-sm", children: [
+        "Added Files (",
+        mapFiles.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: toggleAll,
+            className: "opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent",
+            children: allOnMap ? /* @__PURE__ */ jsx(LR.Eye, { size: 18 }) : /* @__PURE__ */ jsx(LR.EyeOff, { size: 18 })
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: () => closeFileManager(),
+            className: "opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Clear" }),
+              /* @__PURE__ */ jsx(LR.X, { size: 18 })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: mapFiles.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-4 text-center text-sm text-muted-foreground", children: "No files added to map" }) : /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-40 overflow-y-auto", children: mapFiles.map((file) => /* @__PURE__ */ jsx(
+      FileManagerRow,
+      {
+        file,
+        isOnMap: mapFileIds.includes(file.id),
+        onVisibilityToggle: () => {
+          const isOnMap = mapFileIds.includes(file.id);
+          fileDispatch({
+            type: isOnMap ? "REMOVE_FROM_MAP" : "ADD_TO_MAP",
+            payload: { id: file.id }
+          });
+        },
+        onRemoveFile: () => handleDeleteFile(file),
+        onEditFile: () => console.log("Editing file with id", file.id)
+      },
+      file.id
+    )) }) })
+  ] });
+}
+export {
+  MapFileManager as default
+};
+//# sourceMappingURL=MapFileManager.js.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileManager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileManager.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from 'react'\r\nimport { Button } from '../../../../../../../../components/ui/Button'\r\nimport { Card, CardContent, CardHeader, CardTitle } from '../../../../../../../../components/ui/Card'\r\nimport * as LR from 'lucide-react'\r\nimport { FilesContext } from '../../../../../../../../store'\r\n\r\nimport { mutate } from 'swr'\r\nimport { FileManagerRow } from './FileManagerRow'\r\nimport { DbFile } from '../../../../../../../../types/dbTypes'\r\n\r\nconst is3DModelFile = (extension?: string | null): boolean => {\r\n  if (!extension) return false\r\n  return ['glb', 'gltf', 'fbx', 'obj', 'collada'].includes(extension.toLowerCase())\r\n}\r\n\r\nconst isHiddenFileType = (extension?: string | null): boolean => {\r\n  if (!extension) return false\r\n  const ext = extension.toLowerCase()\r\n  return ext === 'frag' || ext === 'ifc'\r\n}\r\n\r\nconst shouldExcludeByTag = (tag?: string | null): boolean => {\r\n  if (!tag) return false\r\n  return tag === 'user' || tag === 'bim-file' || tag === 'fragment-file' || tag === 'bimModel'\r\n}\r\n\r\ntype FileManagerProp = {\r\n  closeFileManager?: () => void\r\n}\r\n\r\nexport default function MapFileManager({ closeFileManager }: FileManagerProp) {\r\n  const { state: fileState, dispatch: fileDispatch } = React.useContext(FilesContext)\r\n  const { files, mapFileIds } = fileState.files\r\n\r\n  const mapFiles: DbFile[] = files.filter(file =>\r\n    !is3DModelFile(file.extension) && !isHiddenFileType(file.extension) && !shouldExcludeByTag(file.tag)\r\n  )\r\n\r\n  const allOnMap = mapFiles.length > 0 && mapFiles.every(file => mapFileIds.includes(file.id))\r\n\r\n  const toggleAll = () => {\r\n    if (allOnMap) {\r\n      mapFiles.forEach(file => fileDispatch({ type: 'REMOVE_FROM_MAP', payload: { id: file.id } }))\r\n    }\r\n    else {\r\n      fileDispatch({ type: 'ADD_ALL_TO_MAP', payload: { ids: mapFiles.map(f => f.id) } })\r\n    }\r\n  }\r\n\r\n  const handleDeleteFile = async (file: DbFile) => {\r\n    try {\r\n      const response = await fetch(`/api/files/${file.id}`, { method: 'DELETE' })\r\n      if (response.ok) {\r\n        fileDispatch({ type: 'REMOVE_FILE', payload: { id: file.id } })\r\n      }\r\n      mutate(['files'])\r\n    }\r\n    catch (error) {\r\n      console.error('Error when deleting a file', error)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Card className=\"fixed bottom-12 right-[50%] translate-x-[50%] bg-background round-sm shadow-md z-10 pointer-events-auto max-w-[410px] max-h-[60vh]\">\r\n      <CardHeader className=\"flex flex-row justify-between items-center pointer-events-auto py-0\">\r\n        <CardTitle className=\"text-sm\">\r\n          Added Files (\r\n          {mapFiles.length}\r\n          )\r\n        </CardTitle>\r\n        <div>\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"icon\"\r\n            onClick={toggleAll}\r\n            className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n          >\r\n            {allOnMap ? <LR.Eye size={18} /> : <LR.EyeOff size={18} />}\r\n          </Button>\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"icon\"\r\n            onClick={() => closeFileManager()}\r\n            className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n          >\r\n            <span className=\"sr-only\">Clear</span>\r\n            <LR.X size={18} />\r\n          </Button>\r\n        </div>\r\n      </CardHeader>\r\n      <CardContent>\r\n        {mapFiles.length === 0\r\n          ? (\r\n              <div className=\"py-4 text-center text-sm text-muted-foreground\">\r\n                No files added to map\r\n              </div>\r\n            )\r\n          : (\r\n              <div className=\"space-y-2 max-h-40 overflow-y-auto\">\r\n                {mapFiles.map(file => (\r\n                  <FileManagerRow\r\n                    key={file.id}\r\n                    file={file}\r\n                    isOnMap={mapFileIds.includes(file.id)}\r\n                    onVisibilityToggle={() => {\r\n                      const isOnMap = mapFileIds.includes(file.id)\r\n                      fileDispatch({\r\n                        type: isOnMap ? 'REMOVE_FROM_MAP' : 'ADD_TO_MAP',\r\n                        payload: { id: file.id },\r\n                      })\r\n                    }}\r\n                    onRemoveFile={() => handleDeleteFile(file)}\r\n                    onEditFile={() => console.log('Editing file with id', file.id)}\r\n                  />\r\n                ))}\r\n              </div>\r\n            )}\r\n      </CardContent>\r\n    </Card>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileMarker.d.ts

@@ -0,0 +1,10 @@
+interface MapFileMarkerProps {
+    mimeType: string;
+    extension?: string;
+    url?: string | null;
+    onClick?: () => void;
+    onDbClick?: () => void;
+}
+export default function MapFileMarker({ mimeType, extension, url, onClick, onDbClick, }: MapFileMarkerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MapFileMarker.d.ts.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileMarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapFileMarker.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileMarker.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,GAAG,EACH,OAAO,EACP,SAAS,GACV,EAAE,kBAAkB,+BAYpB"}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileMarker.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "../../../../../../../../components/ui/Button";
+import FileIcon from "./FileIcon";
+function MapFileMarker({
+  mimeType,
+  extension,
+  url,
+  onClick,
+  onDbClick
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "outline",
+      size: "default",
+      onClick,
+      onDoubleClick: onDbClick,
+      className: "bg-white/90 w-9 h-9 rounded-[50%] hover:bg-white pointer-events-auto cursor-pointer border border-gray-200 shadow-lg p-0 text-xs font-sans flex items-center gap-2 max-w-[200px] transition-transform duration-200 ease-in-out hover:scale-105 group",
+      children: /* @__PURE__ */ jsx(FileIcon, { mimeType, extension, url, size: 18 })
+    }
+  );
+}
+export {
+  MapFileMarker as default
+};
+//# sourceMappingURL=MapFileMarker.js.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileMarker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/components/MapFileMarker.tsx"],"sourcesContent":["import * as LR from 'lucide-react'\r\nimport { Button } from '../../../../../../../../components/ui/Button'\r\n\r\nimport FileIcon from './FileIcon'\r\n\r\ninterface MapFileMarkerProps {\r\n  mimeType: string\r\n  extension?: string\r\n  url?: string | null\r\n  onClick?: () => void\r\n  onDbClick?: () => void\r\n}\r\n\r\nexport default function MapFileMarker({\r\n  mimeType,\r\n  extension,\r\n  url,\r\n  onClick,\r\n  onDbClick,\r\n}: MapFileMarkerProps) {\r\n  return (\r\n    <Button\r\n      variant=\"outline\"\r\n      size=\"default\"\r\n      onClick={onClick}\r\n      onDoubleClick={onDbClick}\r\n      className=\"bg-white/90 w-9 h-9 rounded-[50%] hover:bg-white pointer-events-auto cursor-pointer border border-gray-200 shadow-lg p-0 text-xs font-sans flex items-center gap-2 max-w-[200px] transition-transform duration-200 ease-in-out hover:scale-105 group\"\r\n    >\r\n      <FileIcon mimeType={mimeType} extension={extension} url={url} size={18} />\r\n    </Button>\r\n  )\r\n}\r\n"],"mappings":"AA4BM;AA3BN,SAAS,cAAc;AAEvB,OAAO,cAAc;AAUN,SAAR,cAA+B;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL;AAAA,MACA,eAAe;AAAA,MACf,WAAU;AAAA,MAEV,8BAAC,YAAS,UAAoB,WAAsB,KAAU,MAAM,IAAI;AAAA;AAAA,EAC1E;AAEJ;","names":[]}

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const FileLayers: () => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/components/viewers/map/src/MapLayers/src/FileLayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/FileLayer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA6D9B,eAAO,MAAM,UAAU,yBA8ItB,CAAA"}