@collabdt/core 0.0.40

package/dist/core/components/viewers/Data/details/FileUpload.js

@@ -0,0 +1,165 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Download, FileIcon, FilePlus, Trash2, Upload } from "lucide-react";
+import { useSession } from "next-auth/react";
+import * as React from "react";
+import { toast } from "sonner";
+import { mutate } from "swr";
+import { useTranslations } from "next-intl";
+import { useFilesByBuildingId, useUploadFileToBuilding } from "../../../../hooks/files/files";
+import { Button, Input, LoadingSpinner } from "../../../../components/ui/";
+import { Card, CardContent } from "../../../../components/ui/Card";
+import { useFileUploadHandler } from "../../../../components/ui/FilesManager/src/useFileUploadHandler";
+function FileUpload({ value, property, tag, onChange, editing, buildingId, onFileUpload, buttonOnly = false, isFullWidthField }) {
+  const t = useTranslations("FileUpload");
+  const { data: session } = useSession();
+  const user = session == null ? void 0 : session.user;
+  const { uploadFile, isMutating: isUploading } = useUploadFileToBuilding(buildingId || 0);
+  const fileInputRef = React.useRef(null);
+  const { files: buildingFiles } = useFilesByBuildingId(buildingId || 0, tag);
+  const { handleFileUpload, handleInputFileChange } = useFileUploadHandler({
+    buildingId: buildingId || 0,
+    tag,
+    uploadFile,
+    onFileUpload
+  });
+  const triggerFileUpload = () => {
+    if (fileInputRef.current) {
+      fileInputRef.current.click();
+    }
+  };
+  const handleDeleteFile = async (fileToDelete, index) => {
+    if (!buildingId)
+      return;
+    try {
+      if (fileToDelete == null ? void 0 : fileToDelete.id) {
+        const response = await fetch(`/api/files/${fileToDelete.id}`, {
+          method: "DELETE"
+        });
+        if (!response.ok) {
+          throw new Error("Failed to delete file");
+        }
+      }
+      await mutate(`/api/files/building/${buildingId}${tag ? `?tag=${tag}` : ""}`);
+      toast.success(t("toastSuccessDelFile"));
+    } catch (error) {
+      console.error("Delete error:", error);
+      toast.error(t("toastErrDelFile"));
+    }
+  };
+  const getFileDisplayData = (file) => {
+    if (typeof file === "string") {
+      return { name: file, canDownload: false };
+    }
+    if (file && typeof file === "object") {
+      const fileName = file.name || file.fileName || file.originalName || "Unknown File";
+      const downloadUrl = file.url || (file.assetId ? `/api/files/download/${file.assetId}` : null);
+      return {
+        name: fileName,
+        canDownload: !!downloadUrl,
+        url: downloadUrl
+      };
+    }
+    return { name: "Unknown File", canDownload: false };
+  };
+  const relevantFiles = value && value.length > 0 ? value : [];
+  if (buttonOnly) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "default",
+          onClick: triggerFileUpload,
+          disabled: isUploading,
+          children: [
+            isUploading ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : /* @__PURE__ */ jsx(FilePlus, {}),
+            t("add")
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "file",
+          ref: fileInputRef,
+          className: "hidden",
+          onChange: handleInputFileChange,
+          multiple: true
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `flex flex-col gap-2 ${isFullWidthField ? "w-1/2" : "w-1/2"}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2", children: relevantFiles.length > 0 && relevantFiles.map((file, index) => {
+      const fileData = getFileDisplayData(file);
+      return /* @__PURE__ */ jsx(Card, { className: "p-0", children: /* @__PURE__ */ jsxs(CardContent, { className: "flex items-center justify-between p-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(FileIcon, { size: 18 }),
+          /* @__PURE__ */ jsx("span", { title: fileData.name, children: fileData.name })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+          fileData.canDownload && fileData.url && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: () => window.open(fileData.url, "_blank"),
+              children: /* @__PURE__ */ jsx(Download, { size: 16 })
+            }
+          ),
+          editing && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "text-destructive",
+              onClick: () => handleDeleteFile(file, index),
+              children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
+            }
+          )
+        ] })
+      ] }) }, file.id || index);
+    }) }),
+    editing && /* @__PURE__ */ jsx(Fragment, { children: relevantFiles.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: triggerFileUpload,
+          variant: "outline",
+          className: "flex gap-2",
+          disabled: isUploading,
+          children: isUploading ? /* @__PURE__ */ jsx(Upload, { className: "animate-spin" }) : /* @__PURE__ */ jsx(FilePlus, {})
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "file",
+          ref: fileInputRef,
+          className: "hidden",
+          onChange: (e) => {
+            var _a;
+            return handleFileUpload(((_a = e.target.files) == null ? void 0 : _a[0]) || null);
+          },
+          multiple: true
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 ", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "file",
+          onChange: handleInputFileChange,
+          multiple: true,
+          disabled: isUploading
+        }
+      ),
+      isUploading && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsx(LoadingSpinner, {}) })
+    ] }) })
+  ] });
+}
+var FileUpload_default = FileUpload;
+export {
+  FileUpload_default as default
+};
+//# sourceMappingURL=FileUpload.js.map

package/dist/core/components/viewers/Data/details/FileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/details/FileUpload.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Icons\r\nimport { Download, FileIcon, FilePlus, Trash2, Upload } from 'lucide-react'\r\nimport { useSession } from 'next-auth/react'\r\n// Dependencies\r\nimport * as React from \"react\";\r\nimport { toast } from 'sonner'\r\nimport { mutate } from 'swr'\r\nimport { useTranslations } from 'next-intl'\r\n\r\n// Hooks\r\nimport { useFilesByBuildingId, useUploadFileToBuilding } from '../../../../hooks/files/files'\r\n// Shadcn Components\r\nimport { Button, Input, LoadingSpinner } from '../../../../components/ui/'\r\nimport { Card, CardContent } from '../../../../components/ui/Card'\r\n// Utils\r\nimport { useFileUploadHandler } from '../../../../components/ui/FilesManager/src/useFileUploadHandler'\r\n\r\ntype FileUploadProps = {\r\n  value?: any[]\r\n  property?: string\r\n  tag?: string\r\n  onChange?: (property: string, value: any) => void\r\n  editing?: boolean\r\n  buildingId?: number\r\n  onFileUpload?: () => void\r\n  buttonOnly?: boolean\r\n  isFullWidthField?: boolean\r\n}\r\n\r\nfunction FileUpload({ value, property, tag, onChange, editing, buildingId, onFileUpload, buttonOnly = false, isFullWidthField }: FileUploadProps) {\r\n  // Translations\r\n  const t = useTranslations('FileUpload')\r\n\r\n  const { data: session } = useSession()\r\n  const user = session?.user\r\n\r\n  // Use the upload hook\r\n  const { uploadFile, isMutating: isUploading } = useUploadFileToBuilding(buildingId || 0)\r\n\r\n  const fileInputRef = React.useRef<HTMLInputElement>(null)\r\n\r\n  const { files: buildingFiles } = useFilesByBuildingId(buildingId || 0, tag)\r\n\r\n  // Use the reusable upload handler\r\n  const { handleFileUpload, handleInputFileChange } = useFileUploadHandler({\r\n    buildingId: buildingId || 0,\r\n    tag,\r\n    uploadFile,\r\n    onFileUpload,\r\n  })\r\n\r\n  const triggerFileUpload = () => {\r\n    if (fileInputRef.current) {\r\n      fileInputRef.current.click()\r\n    }\r\n  }\r\n\r\n  const handleDeleteFile = async (fileToDelete: any, index: number) => {\r\n    if (!buildingId)\r\n      return\r\n\r\n    try {\r\n      // If it's a file object with an ID, delete\r\n      if (fileToDelete?.id) {\r\n        const response = await fetch(`/api/files/${fileToDelete.id}`, {\r\n          method: 'DELETE',\r\n        })\r\n\r\n        if (!response.ok) {\r\n          throw new Error('Failed to delete file')\r\n        }\r\n      }\r\n\r\n      await mutate(`/api/files/building/${buildingId}${tag ? `?tag=${tag}` : ''}`)\r\n\r\n      toast.success(t('toastSuccessDelFile'))\r\n    }\r\n    catch (error) {\r\n      console.error('Delete error:', error)\r\n      toast.error(t('toastErrDelFile'))\r\n    }\r\n  }\r\n\r\n  const getFileDisplayData = (file: any) => {\r\n    if (typeof file === 'string') {\r\n      return { name: file, canDownload: false }\r\n    }\r\n    if (file && typeof file === 'object') {\r\n      const fileName = file.name || file.fileName || file.originalName || 'Unknown File'\r\n\r\n      const downloadUrl = file.url || (file.assetId ? `/api/files/download/${file.assetId}` : null)\r\n\r\n      return {\r\n        name: fileName,\r\n        canDownload: !!downloadUrl,\r\n        url: downloadUrl,\r\n      }\r\n    }\r\n    return { name: 'Unknown File', canDownload: false }\r\n  }\r\n\r\n  // Force use value prop when available\r\n  const relevantFiles = value && value.length > 0 ? value : []\r\n\r\n  if (buttonOnly) {\r\n    return (\r\n      <>\r\n        <Button\r\n          variant=\"default\"\r\n          onClick={triggerFileUpload}\r\n          disabled={isUploading}\r\n        >\r\n          {isUploading ? <LoadingSpinner /> : <FilePlus />}\r\n          {t('add')}\r\n        </Button>\r\n        <input\r\n          type=\"file\"\r\n          ref={fileInputRef}\r\n          className=\"hidden\"\r\n          onChange={handleInputFileChange}\r\n          multiple\r\n        />\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className={`flex flex-col gap-2 ${isFullWidthField ? 'w-1/2' : 'w-1/2'}`}>\r\n      <div className=\"grid grid-cols-1 gap-2\">\r\n        {relevantFiles.length > 0 && relevantFiles.map((file, index) => {\r\n          const fileData = getFileDisplayData(file)\r\n\r\n          return (\r\n            <Card key={file.id || index} className=\"p-0\">\r\n              <CardContent className=\"flex items-center justify-between p-3\">\r\n                <div className=\"flex items-center gap-2\">\r\n                  <FileIcon size={18} />\r\n                  <span title={fileData.name}>{fileData.name}</span>\r\n                </div>\r\n                <div className=\"flex gap-1\">\r\n                  {fileData.canDownload && fileData.url && (\r\n                    <Button\r\n                      variant=\"ghost\"\r\n                      size=\"icon\"\r\n                      onClick={() => window.open(fileData.url, '_blank')}\r\n                    >\r\n                      <Download size={16} />\r\n                    </Button>\r\n                  )}\r\n                  {editing && (\r\n                    <Button\r\n                      variant=\"ghost\"\r\n                      size=\"icon\"\r\n                      className=\"text-destructive\"\r\n                      onClick={() => handleDeleteFile(file, index)}\r\n                    >\r\n                      <Trash2 size={16} />\r\n                    </Button>\r\n                  )}\r\n                </div>\r\n              </CardContent>\r\n            </Card>\r\n          )\r\n        })}\r\n      </div>\r\n\r\n      {/* File upload controls */}\r\n      {editing && (\r\n        <>\r\n          {relevantFiles.length > 0\r\n            ? (\r\n                <div className=\"flex flex-row gap-2\">\r\n                  <Button\r\n                    onClick={triggerFileUpload}\r\n                    variant=\"outline\"\r\n                    className=\"flex gap-2\"\r\n                    disabled={isUploading}\r\n                  >\r\n                    {isUploading ? <Upload className=\"animate-spin\" /> : <FilePlus />}\r\n                  </Button>\r\n                  <input\r\n                    type=\"file\"\r\n                    ref={fileInputRef}\r\n                    className=\"hidden\"\r\n                    onChange={e => handleFileUpload(e.target.files?.[0] || null)}\r\n                    multiple\r\n                  />\r\n                </div>\r\n              )\r\n            : (\r\n                <div className=\"flex flex-col gap-2 \">\r\n                  <Input\r\n                    type=\"file\"\r\n                    onChange={handleInputFileChange}\r\n                    multiple\r\n                    disabled={isUploading}\r\n                  />\r\n                  {isUploading && (\r\n                    <div className=\"text-sm text-muted-foreground\">\r\n                      <LoadingSpinner />\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              )}\r\n        </>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default FileUpload"],"mappings":";AA4GM,mBAMmB,KALjB,YADF;AAzGN,SAAS,UAAU,UAAU,UAAU,QAAQ,cAAc;AAC7D,SAAS,kBAAkB;AAE3B,YAAY,WAAW;AACvB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAGhC,SAAS,sBAAsB,+BAA+B;AAE9D,SAAS,QAAQ,OAAO,sBAAsB;AAC9C,SAAS,MAAM,mBAAmB;AAElC,SAAS,4BAA4B;AAcrC,SAAS,WAAW,EAAE,OAAO,UAAU,KAAK,UAAU,SAAS,YAAY,cAAc,aAAa,OAAO,iBAAiB,GAAoB;AAEhJ,QAAM,IAAI,gBAAgB,YAAY;AAEtC,QAAM,EAAE,MAAM,QAAQ,IAAI,WAAW;AACrC,QAAM,OAAO,mCAAS;AAGtB,QAAM,EAAE,YAAY,YAAY,YAAY,IAAI,wBAAwB,cAAc,CAAC;AAEvF,QAAM,eAAe,MAAM,OAAyB,IAAI;AAExD,QAAM,EAAE,OAAO,cAAc,IAAI,qBAAqB,cAAc,GAAG,GAAG;AAG1E,QAAM,EAAE,kBAAkB,sBAAsB,IAAI,qBAAqB;AAAA,IACvE,YAAY,cAAc;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,oBAAoB,MAAM;AAC9B,QAAI,aAAa,SAAS;AACxB,mBAAa,QAAQ,MAAM;AAAA,IAC7B;AAAA,EACF;AAEA,QAAM,mBAAmB,OAAO,cAAmB,UAAkB;AACnE,QAAI,CAAC;AACH;AAEF,QAAI;AAEF,UAAI,6CAAc,IAAI;AACpB,cAAM,WAAW,MAAM,MAAM,cAAc,aAAa,EAAE,IAAI;AAAA,UAC5D,QAAQ;AAAA,QACV,CAAC;AAED,YAAI,CAAC,SAAS,IAAI;AAChB,gBAAM,IAAI,MAAM,uBAAuB;AAAA,QACzC;AAAA,MACF;AAEA,YAAM,OAAO,uBAAuB,UAAU,GAAG,MAAM,QAAQ,GAAG,KAAK,EAAE,EAAE;AAE3E,YAAM,QAAQ,EAAE,qBAAqB,CAAC;AAAA,IACxC,SACO,OAAO;AACZ,cAAQ,MAAM,iBAAiB,KAAK;AACpC,YAAM,MAAM,EAAE,iBAAiB,CAAC;AAAA,IAClC;AAAA,EACF;AAEA,QAAM,qBAAqB,CAAC,SAAc;AACxC,QAAI,OAAO,SAAS,UAAU;AAC5B,aAAO,EAAE,MAAM,MAAM,aAAa,MAAM;AAAA,IAC1C;AACA,QAAI,QAAQ,OAAO,SAAS,UAAU;AACpC,YAAM,WAAW,KAAK,QAAQ,KAAK,YAAY,KAAK,gBAAgB;AAEpE,YAAM,cAAc,KAAK,QAAQ,KAAK,UAAU,uBAAuB,KAAK,OAAO,KAAK;AAExF,aAAO;AAAA,QACL,MAAM;AAAA,QACN,aAAa,CAAC,CAAC;AAAA,QACf,KAAK;AAAA,MACP;AAAA,IACF;AACA,WAAO,EAAE,MAAM,gBAAgB,aAAa,MAAM;AAAA,EACpD;AAGA,QAAM,gBAAgB,SAAS,MAAM,SAAS,IAAI,QAAQ,CAAC;AAE3D,MAAI,YAAY;AACd,WACE,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS;AAAA,UACT,UAAU;AAAA,UAET;AAAA,0BAAc,oBAAC,kBAAe,IAAK,oBAAC,YAAS;AAAA,YAC7C,EAAE,KAAK;AAAA;AAAA;AAAA,MACV;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,KAAK;AAAA,UACL,WAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAQ;AAAA;AAAA,MACV;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAW,uBAAuB,mBAAmB,UAAU,OAAO,IACzE;AAAA,wBAAC,SAAI,WAAU,0BACZ,wBAAc,SAAS,KAAK,cAAc,IAAI,CAAC,MAAM,UAAU;AAC9D,YAAM,WAAW,mBAAmB,IAAI;AAExC,aACE,oBAAC,QAA4B,WAAU,OACrC,+BAAC,eAAY,WAAU,yCACrB;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,YAAS,MAAM,IAAI;AAAA,UACpB,oBAAC,UAAK,OAAO,SAAS,MAAO,mBAAS,MAAK;AAAA,WAC7C;AAAA,QACA,qBAAC,SAAI,WAAU,cACZ;AAAA,mBAAS,eAAe,SAAS,OAChC;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,OAAO,KAAK,SAAS,KAAK,QAAQ;AAAA,cAEjD,8BAAC,YAAS,MAAM,IAAI;AAAA;AAAA,UACtB;AAAA,UAED,WACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS,MAAM,iBAAiB,MAAM,KAAK;AAAA,cAE3C,8BAAC,UAAO,MAAM,IAAI;AAAA;AAAA,UACpB;AAAA,WAEJ;AAAA,SACF,KA3BS,KAAK,MAAM,KA4BtB;AAAA,IAEJ,CAAC,GACH;AAAA,IAGC,WACC,gCACG,wBAAc,SAAS,IAElB,qBAAC,SAAI,WAAU,uBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,UAAU;AAAA,UAET,wBAAc,oBAAC,UAAO,WAAU,gBAAe,IAAK,oBAAC,YAAS;AAAA;AAAA,MACjE;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,KAAK;AAAA,UACL,WAAU;AAAA,UACV,UAAU,OAAE;AA1LhC;AA0LmC,sCAAiB,OAAE,OAAO,UAAT,mBAAiB,OAAM,IAAI;AAAA;AAAA,UAC3D,UAAQ;AAAA;AAAA,MACV;AAAA,OACF,IAGA,qBAAC,SAAI,WAAU,wBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU;AAAA,UACV,UAAQ;AAAA,UACR,UAAU;AAAA;AAAA,MACZ;AAAA,MACC,eACC,oBAAC,SAAI,WAAU,iCACb,8BAAC,kBAAe,GAClB;AAAA,OAEJ,GAER;AAAA,KAEJ;AAEJ;AAEA,IAAO,qBAAQ;","names":[]}

package/dist/core/components/viewers/Data/details/FilterFiles.d.ts

@@ -0,0 +1,8 @@
+interface FilterFilesProps {
+    availableTypes: string[];
+    selectedTypes: string[];
+    onTypesChange: (types: string[]) => void;
+}
+export default function FilterFiles({ availableTypes, selectedTypes, onTypesChange }: FilterFilesProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FilterFiles.d.ts.map

package/dist/core/components/viewers/Data/details/FilterFiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterFiles.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/details/FilterFiles.tsx"],"names":[],"mappings":"AAYA,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,EAAE,gBAAgB,+BAmDrG"}

package/dist/core/components/viewers/Data/details/FilterFiles.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../../../../components/ui/DropdownMenu";
+import { Button, Checkbox } from "../../../../components/ui/";
+import * as LR from "lucide-react";
+function FilterFiles({ availableTypes, selectedTypes, onTypesChange }) {
+  const handleTypeToggle = (type) => {
+    if (selectedTypes.includes(type)) {
+      onTypesChange(selectedTypes.filter((t) => t !== type));
+    } else {
+      onTypesChange([...selectedTypes, type]);
+    }
+  };
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        className: "border-dashed",
+        children: [
+          /* @__PURE__ */ jsx(LR.Filter, {}),
+          "Type"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { children: availableTypes.length === 0 ? /* @__PURE__ */ jsx(DropdownMenuItem, { disabled: true, children: "No files available" }) : availableTypes.map((type) => /* @__PURE__ */ jsx(
+      DropdownMenuItem,
+      {
+        onSelect: (e) => e.preventDefault(),
+        onClick: () => handleTypeToggle(type),
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id: `type-${type}`,
+              checked: selectedTypes.includes(type),
+              onCheckedChange: () => handleTypeToggle(type)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              htmlFor: `type-${type}`,
+              className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+              children: type
+            }
+          )
+        ] })
+      },
+      type
+    )) })
+  ] });
+}
+export {
+  FilterFiles as default
+};
+//# sourceMappingURL=FilterFiles.js.map

package/dist/core/components/viewers/Data/details/FilterFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/details/FilterFiles.tsx"],"sourcesContent":["// 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, Checkbox } from '../../../../components/ui/'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\n\r\ninterface FilterFilesProps {\r\n  availableTypes: string[]\r\n  selectedTypes: string[]\r\n  onTypesChange: (types: string[]) => void\r\n}\r\n\r\nexport default function FilterFiles({ availableTypes, selectedTypes, onTypesChange }: FilterFilesProps) {\r\n  const handleTypeToggle = (type: string) => {\r\n    if (selectedTypes.includes(type)) {\r\n      onTypesChange(selectedTypes.filter(t => t !== type))\r\n    } else {\r\n      onTypesChange([...selectedTypes, type])\r\n    }\r\n  }\r\n\r\n  return (\r\n    <DropdownMenu>\r\n      <DropdownMenuTrigger asChild>\r\n        <Button\r\n          variant=\"outline\"\r\n          className='border-dashed'\r\n        >\r\n          <LR.Filter />\r\n          Type\r\n        </Button>\r\n      </DropdownMenuTrigger>\r\n      <DropdownMenuContent>\r\n        {availableTypes.length === 0 ? (\r\n          <DropdownMenuItem disabled>\r\n            No files available\r\n          </DropdownMenuItem>\r\n        ) : (\r\n          availableTypes.map((type) => (\r\n            <DropdownMenuItem\r\n              key={type}\r\n              onSelect={(e) => e.preventDefault()}\r\n              onClick={() => handleTypeToggle(type)}\r\n            >\r\n              <div className=\"flex items-center space-x-2\">\r\n                <Checkbox\r\n                  id={`type-${type}`}\r\n                  checked={selectedTypes.includes(type)}\r\n                  onCheckedChange={() => handleTypeToggle(type)}\r\n                />\r\n                <label\r\n                  htmlFor={`type-${type}`}\r\n                  className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\r\n                >\r\n                  {type}\r\n                </label>\r\n              </div>\r\n            </DropdownMenuItem>\r\n          ))\r\n        )}\r\n      </DropdownMenuContent>\r\n    </DropdownMenu>\r\n  )\r\n}"],"mappings":"AA8BQ,SAIE,KAJF;AA7BR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,QAAQ,gBAAgB;AAGjC,YAAY,QAAQ;AAQL,SAAR,YAA6B,EAAE,gBAAgB,eAAe,cAAc,GAAqB;AACtG,QAAM,mBAAmB,CAAC,SAAiB;AACzC,QAAI,cAAc,SAAS,IAAI,GAAG;AAChC,oBAAc,cAAc,OAAO,OAAK,MAAM,IAAI,CAAC;AAAA,IACrD,OAAO;AACL,oBAAc,CAAC,GAAG,eAAe,IAAI,CAAC;AAAA,IACxC;AAAA,EACF;AAEA,SACE,qBAAC,gBACC;AAAA,wBAAC,uBAAoB,SAAO,MAC1B;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QAEV;AAAA,8BAAC,GAAG,QAAH,EAAU;AAAA,UAAE;AAAA;AAAA;AAAA,IAEf,GACF;AAAA,IACA,oBAAC,uBACE,yBAAe,WAAW,IACzB,oBAAC,oBAAiB,UAAQ,MAAC,gCAE3B,IAEA,eAAe,IAAI,CAAC,SAClB;AAAA,MAAC;AAAA;AAAA,QAEC,UAAU,CAAC,MAAM,EAAE,eAAe;AAAA,QAClC,SAAS,MAAM,iBAAiB,IAAI;AAAA,QAEpC,+BAAC,SAAI,WAAU,+BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,QAAQ,IAAI;AAAA,cAChB,SAAS,cAAc,SAAS,IAAI;AAAA,cACpC,iBAAiB,MAAM,iBAAiB,IAAI;AAAA;AAAA,UAC9C;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,QAAQ,IAAI;AAAA,cACrB,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,WACF;AAAA;AAAA,MAhBK;AAAA,IAiBP,CACD,GAEL;AAAA,KACF;AAEJ;","names":[]}

package/dist/core/components/viewers/Data/details/TabSidebar.d.ts

@@ -0,0 +1,15 @@
+export type TabOption = {
+    key: string;
+    label: string;
+    badge?: number;
+};
+type TabSidebarProps = {
+    activeTab: string;
+    setActiveTab: (tab: string) => void;
+    tabOptions: TabOption[];
+    associatedBuildingsCount?: number;
+    attachedFilesCount?: number;
+};
+export default function TabSidebar({ activeTab, setActiveTab, tabOptions, associatedBuildingsCount, attachedFilesCount }: TabSidebarProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TabSidebar.d.ts.map

package/dist/core/components/viewers/Data/details/TabSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabSidebar.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/details/TabSidebar.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,EAAE,eAAe,+BA+CxI"}

package/dist/core/components/viewers/Data/details/TabSidebar.js

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge, Button } from "../../../../components/ui/";
+import {
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem
+} from "../../../../components/ui/Sidebar";
+import { useTranslations } from "next-intl";
+import { usePermissions } from "../../../../store";
+function TabSidebar({ activeTab, setActiveTab, tabOptions, associatedBuildingsCount, attachedFilesCount }) {
+  const t = useTranslations("TabSidebar");
+  const { ability } = usePermissions();
+  return /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 pr-4", children: /* @__PURE__ */ jsxs(SidebarMenu, { className: "w-auto", children: [
+    tabOptions.map((tab) => /* @__PURE__ */ jsx(SidebarMenuItem, { className: "w-[256px]", children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        className: `text-sm flex justify-start cursor-pointer ${activeTab === tab.key && "bg-accent"}`,
+        variant: "ghost",
+        onClick: () => setActiveTab(tab.key),
+        disabled: !ability.can("read", "Building"),
+        children: [
+          /* @__PURE__ */ jsx("span", { children: tab.label }),
+          tab.key === "associated-buildings" && /* @__PURE__ */ jsx(Badge, { children: tab.badge })
+        ]
+      }
+    ) }) }, tab.key)),
+    /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        className: `text-sm flex justify-start cursor-pointer ${activeTab === "attached-files" && "bg-accent"}`,
+        variant: "ghost",
+        onClick: () => setActiveTab("attached-files"),
+        disabled: !ability.can("read", "File"),
+        children: [
+          /* @__PURE__ */ jsx("span", { children: t("attached") }),
+          /* @__PURE__ */ jsx(Badge, { children: attachedFilesCount || 0 })
+        ]
+      }
+    ) }) })
+  ] }) });
+}
+export {
+  TabSidebar as default
+};
+//# sourceMappingURL=TabSidebar.js.map

package/dist/core/components/viewers/Data/details/TabSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/details/TabSidebar.tsx"],"sourcesContent":["import { Badge, Button } from '../../../../components/ui/'\r\n// Shadcn Components\r\nimport {\r\n  SidebarMenu,\r\n  SidebarMenuButton,\r\n  SidebarMenuItem,\r\n} from '../../../../components/ui/Sidebar'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../store'\r\n\r\n// Define TabOption interface\r\nexport type TabOption = {\r\n  key: string\r\n  label: string\r\n  badge?: number // Optional badge count\r\n}\r\n\r\ntype TabSidebarProps = {\r\n  activeTab: string\r\n  setActiveTab: (tab: string) => void\r\n  tabOptions: TabOption[]\r\n  associatedBuildingsCount?: number\r\n  attachedFilesCount?: number\r\n}\r\n\r\nexport default function TabSidebar({ activeTab, setActiveTab, tabOptions, associatedBuildingsCount, attachedFilesCount }: TabSidebarProps) {\r\n  // Translations\r\n  const t = useTranslations('TabSidebar')\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  return (\r\n    <div className=\"flex-shrink-0 pr-4\">\r\n      <SidebarMenu className=\"w-auto\">\r\n        {tabOptions.map(tab => (\r\n          <SidebarMenuItem key={tab.key} className=\"w-[256px]\">\r\n            <SidebarMenuButton asChild>\r\n              <Button\r\n                className={`text-sm flex justify-start cursor-pointer ${\r\n                  activeTab === tab.key && 'bg-accent'\r\n                }`}\r\n                variant=\"ghost\"\r\n                onClick={() => setActiveTab(tab.key)}\r\n                disabled={!ability.can('read', 'Building')}\r\n              >\r\n                <span>{tab.label}</span>\r\n                {tab.key === 'associated-buildings' && <Badge>{tab.badge}</Badge>}\r\n              </Button>\r\n            </SidebarMenuButton>\r\n          </SidebarMenuItem>\r\n        ))}\r\n\r\n        {/* Attached Files tab */}\r\n        <SidebarMenuItem>\r\n          <SidebarMenuButton asChild>\r\n            <Button\r\n              className={`text-sm flex justify-start cursor-pointer ${\r\n                activeTab === 'attached-files' && 'bg-accent'\r\n              }`}\r\n              variant=\"ghost\"\r\n              onClick={() => setActiveTab('attached-files')}\r\n              disabled={!ability.can('read', 'File')}\r\n            >\r\n              <span>{t('attached')}</span>\r\n              <Badge>{attachedFilesCount || 0}</Badge>\r\n            </Button>\r\n          </SidebarMenuButton>\r\n        </SidebarMenuItem>\r\n      </SidebarMenu>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"AAsCc,SAQE,KARF;AAtCd,SAAS,OAAO,cAAc;AAE9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAiBhB,SAAR,WAA4B,EAAE,WAAW,cAAc,YAAY,0BAA0B,mBAAmB,GAAoB;AAEzI,QAAM,IAAI,gBAAgB,YAAY;AAGtC,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE,oBAAC,SAAI,WAAU,sBACb,+BAAC,eAAY,WAAU,UACpB;AAAA,eAAW,IAAI,SACd,oBAAC,mBAA8B,WAAU,aACvC,8BAAC,qBAAkB,SAAO,MACxB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,6CACT,cAAc,IAAI,OAAO,WAC3B;AAAA,QACA,SAAQ;AAAA,QACR,SAAS,MAAM,aAAa,IAAI,GAAG;AAAA,QACnC,UAAU,CAAC,QAAQ,IAAI,QAAQ,UAAU;AAAA,QAEzC;AAAA,8BAAC,UAAM,cAAI,OAAM;AAAA,UAChB,IAAI,QAAQ,0BAA0B,oBAAC,SAAO,cAAI,OAAM;AAAA;AAAA;AAAA,IAC3D,GACF,KAboB,IAAI,GAc1B,CACD;AAAA,IAGD,oBAAC,mBACC,8BAAC,qBAAkB,SAAO,MACxB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,6CACT,cAAc,oBAAoB,WACpC;AAAA,QACA,SAAQ;AAAA,QACR,SAAS,MAAM,aAAa,gBAAgB;AAAA,QAC5C,UAAU,CAAC,QAAQ,IAAI,QAAQ,MAAM;AAAA,QAErC;AAAA,8BAAC,UAAM,YAAE,UAAU,GAAE;AAAA,UACrB,oBAAC,SAAO,gCAAsB,GAAE;AAAA;AAAA;AAAA,IAClC,GACF,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/core/components/viewers/Data/details/UnitsGrid.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface UnitsGridProps {
+    subsection: any;
+    getFieldValue: (property: string) => any;
+    handleInputChange: (property: string, value: any) => void;
+    editing: boolean;
+}
+declare const UnitsGrid: ({ subsection, getFieldValue, handleInputChange, editing }: UnitsGridProps) => React.JSX.Element;
+export default UnitsGrid;
+//# sourceMappingURL=UnitsGrid.d.ts.map

package/dist/core/components/viewers/Data/details/UnitsGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnitsGrid.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/details/UnitsGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,cAAc;IACtB,UAAU,EAAE,GAAG,CAAA;IACf,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,GAAG,CAAA;IACxC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACzD,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,SAAS,GAAI,2DAA2D,cAAc,sBAgG3F,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/core/components/viewers/Data/details/UnitsGrid.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Checkbox, Input } from "../../../../components/ui/";
+const UnitsGrid = ({ subsection, getFieldValue, handleInputChange, editing }) => {
+  if (!subsection.columns || !subsection.rows) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-2 font-medium", children: subsection.columns.map((column, idx) => /* @__PURE__ */ jsx("div", { className: "text-sm", children: column.header }, idx)) }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-4", children: subsection.rows.map((row, rowIdx) => {
+      const baseProperty = row.baseProperty;
+      const isToggleEnabled = getFieldValue(baseProperty) === "yes";
+      return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 items-center py-3 border-b border-border", children: [
+        /* @__PURE__ */ jsx("div", { children: editing ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id: baseProperty,
+              checked: isToggleEnabled,
+              onCheckedChange: (checked) => handleInputChange(baseProperty, checked ? "yes" : "no")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              htmlFor: baseProperty,
+              className: "text-sm font-medium leading-none",
+              children: row.label
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id: baseProperty,
+              checked: getFieldValue(`${baseProperty}${subsection.columns[1].propertyPrefix}`) > 0,
+              disabled: true
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: row.label })
+        ] }) }),
+        subsection.columns[1] && /* @__PURE__ */ jsx("div", { children: editing ? /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            value: getFieldValue(`${baseProperty}${subsection.columns[1].propertyPrefix}`) || "",
+            onChange: (e) => handleInputChange(`${baseProperty}${subsection.columns[1].propertyPrefix}`, Number(e.target.value)),
+            disabled: !isToggleEnabled
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "text-sm", children: getFieldValue(`${baseProperty}${subsection.columns[1].propertyPrefix}`) || (isToggleEnabled ? "0" : "") }) }),
+        subsection.columns[2] && /* @__PURE__ */ jsx("div", { children: editing ? /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            value: getFieldValue(`${baseProperty}${subsection.columns[2].propertyPrefix}`) || "",
+            onChange: (e) => handleInputChange(`${baseProperty}${subsection.columns[2].propertyPrefix}`, Number(e.target.value)),
+            disabled: !isToggleEnabled
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "text-sm", children: getFieldValue(`${baseProperty}${subsection.columns[2].propertyPrefix}`) || (isToggleEnabled ? "0" : "") }) })
+      ] }, rowIdx);
+    }) })
+  ] });
+};
+var UnitsGrid_default = UnitsGrid;
+export {
+  UnitsGrid_default as default
+};
+//# sourceMappingURL=UnitsGrid.js.map

package/dist/core/components/viewers/Data/details/UnitsGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/details/UnitsGrid.tsx"],"sourcesContent":["// Dependencies\r\nimport React from 'react'\r\n\r\n// Shadcn Components\r\nimport { Checkbox, Input } from '../../../../components/ui/'\r\n\r\ninterface UnitsGridProps {\r\n  subsection: any\r\n  getFieldValue: (property: string) => any\r\n  handleInputChange: (property: string, value: any) => void\r\n  editing: boolean\r\n}\r\n\r\nconst UnitsGrid = ({ subsection, getFieldValue, handleInputChange, editing }: UnitsGridProps) => {\r\n  if (!subsection.columns || !subsection.rows) return null\r\n\r\n  return (\r\n    <div className=\"mb-6\">\r\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mb-2 font-medium\">\r\n        {subsection.columns.map((column, idx) => (\r\n          <div key={idx} className=\"text-sm\">{column.header}</div>\r\n        ))}\r\n      </div>\r\n\r\n      <div className=\"space-y-4\">\r\n        {subsection.rows.map((row, rowIdx) => {\r\n          const baseProperty = row.baseProperty\r\n          const isToggleEnabled = getFieldValue(baseProperty) === 'yes'\r\n\r\n          return (\r\n            <div key={rowIdx} className=\"grid grid-cols-1 md:grid-cols-3 gap-4 items-center py-3 border-b border-border\">\r\n              {/* First column: Unit Type */}\r\n              <div>\r\n                {editing\r\n                  ? (\r\n                      <div className=\"flex items-center gap-2\">\r\n                        <Checkbox\r\n                          id={baseProperty}\r\n                          checked={isToggleEnabled}\r\n                          onCheckedChange={checked =>\r\n                            handleInputChange(baseProperty, checked ? 'yes' : 'no')}\r\n                        />\r\n                        <label\r\n                          htmlFor={baseProperty}\r\n                          className=\"text-sm font-medium leading-none\"\r\n                        >\r\n                          {row.label}\r\n                        </label>\r\n                      </div>\r\n                    )\r\n                  : (\r\n                      <div className=\"flex items-center gap-4\">\r\n                        <Checkbox\r\n                          id={baseProperty}\r\n                          checked={getFieldValue(`${baseProperty}${subsection.columns[1].propertyPrefix}`) > 0}\r\n                          disabled\r\n                        />\r\n                        <span className=\"text-sm\">{row.label}</span>\r\n                      </div>\r\n                    )}\r\n              </div>\r\n\r\n              {/* Second column: Number input */}\r\n              {subsection.columns[1] && (\r\n                <div>\r\n                  {editing\r\n                    ? (\r\n                        <Input\r\n                          type=\"number\"\r\n                          value={getFieldValue(`${baseProperty}${subsection.columns[1].propertyPrefix}`) || ''}\r\n                          onChange={e => handleInputChange(`${baseProperty}${subsection.columns[1].propertyPrefix}`, Number(e.target.value))}\r\n                          disabled={!isToggleEnabled}\r\n                        />\r\n                      )\r\n                    : (\r\n                        <div className=\"text-sm\">\r\n                          {getFieldValue(`${baseProperty}${subsection.columns[1].propertyPrefix}`)\r\n                            || (isToggleEnabled ? '0' : '')}\r\n                        </div>\r\n                      )}\r\n                </div>\r\n              )}\r\n\r\n              {/* Third column: Sq Ft input */}\r\n              {subsection.columns[2] && (\r\n                <div>\r\n                  {editing\r\n                    ? (\r\n                        <Input\r\n                          type=\"number\"\r\n                          value={getFieldValue(`${baseProperty}${subsection.columns[2].propertyPrefix}`) || ''}\r\n                          onChange={e => handleInputChange(`${baseProperty}${subsection.columns[2].propertyPrefix}`, Number(e.target.value))}\r\n                          disabled={!isToggleEnabled}\r\n                        />\r\n                      )\r\n                    : (\r\n                        <div className=\"text-sm\">\r\n                          {getFieldValue(`${baseProperty}${subsection.columns[2].propertyPrefix}`)\r\n                            || (isToggleEnabled ? '0' : '')}\r\n                        </div>\r\n                      )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          )\r\n        })}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default UnitsGrid\r\n"],"mappings":"AAoBU,cAeY,YAfZ;AAhBV,SAAS,UAAU,aAAa;AAShC,MAAM,YAAY,CAAC,EAAE,YAAY,eAAe,mBAAmB,QAAQ,MAAsB;AAC/F,MAAI,CAAC,WAAW,WAAW,CAAC,WAAW,KAAM,QAAO;AAEpD,SACE,qBAAC,SAAI,WAAU,QACb;AAAA,wBAAC,SAAI,WAAU,0DACZ,qBAAW,QAAQ,IAAI,CAAC,QAAQ,QAC/B,oBAAC,SAAc,WAAU,WAAW,iBAAO,UAAjC,GAAwC,CACnD,GACH;AAAA,IAEA,oBAAC,SAAI,WAAU,aACZ,qBAAW,KAAK,IAAI,CAAC,KAAK,WAAW;AACpC,YAAM,eAAe,IAAI;AACzB,YAAM,kBAAkB,cAAc,YAAY,MAAM;AAExD,aACE,qBAAC,SAAiB,WAAU,kFAE1B;AAAA,4BAAC,SACE,oBAEK,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,SAAS;AAAA,cACT,iBAAiB,aACf,kBAAkB,cAAc,UAAU,QAAQ,IAAI;AAAA;AAAA,UAC1D;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,WAAU;AAAA,cAET,cAAI;AAAA;AAAA,UACP;AAAA,WACF,IAGA,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,SAAS,cAAc,GAAG,YAAY,GAAG,WAAW,QAAQ,CAAC,EAAE,cAAc,EAAE,IAAI;AAAA,cACnF,UAAQ;AAAA;AAAA,UACV;AAAA,UACA,oBAAC,UAAK,WAAU,WAAW,cAAI,OAAM;AAAA,WACvC,GAER;AAAA,QAGC,WAAW,QAAQ,CAAC,KACnB,oBAAC,SACE,oBAEK;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc,GAAG,YAAY,GAAG,WAAW,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK;AAAA,YAClF,UAAU,OAAK,kBAAkB,GAAG,YAAY,GAAG,WAAW,QAAQ,CAAC,EAAE,cAAc,IAAI,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,YACjH,UAAU,CAAC;AAAA;AAAA,QACb,IAGA,oBAAC,SAAI,WAAU,WACZ,wBAAc,GAAG,YAAY,GAAG,WAAW,QAAQ,CAAC,EAAE,cAAc,EAAE,MACjE,kBAAkB,MAAM,KAChC,GAER;AAAA,QAID,WAAW,QAAQ,CAAC,KACnB,oBAAC,SACE,oBAEK;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc,GAAG,YAAY,GAAG,WAAW,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK;AAAA,YAClF,UAAU,OAAK,kBAAkB,GAAG,YAAY,GAAG,WAAW,QAAQ,CAAC,EAAE,cAAc,IAAI,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,YACjH,UAAU,CAAC;AAAA;AAAA,QACb,IAGA,oBAAC,SAAI,WAAU,WACZ,wBAAc,GAAG,YAAY,GAAG,WAAW,QAAQ,CAAC,EAAE,cAAc,EAAE,MACjE,kBAAkB,MAAM,KAChC,GAER;AAAA,WAvEM,MAyEV;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;AAEA,IAAO,oBAAQ;","names":[]}

package/dist/core/components/viewers/Data/details/getAttachmentFileName.d.ts

@@ -0,0 +1,2 @@
+export declare const getAttachmentFieldName: (tag: string) => string;
+//# sourceMappingURL=getAttachmentFileName.d.ts.map

package/dist/core/components/viewers/Data/details/getAttachmentFileName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAttachmentFileName.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/details/getAttachmentFileName.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,GAAI,KAAK,MAAM,KAAG,MAyBpD,CAAA"}

package/dist/core/components/viewers/Data/details/getAttachmentFileName.js

@@ -0,0 +1,29 @@
+const getAttachmentFieldName = (tag) => {
+  const buildingTagToAttachmentField = {
+    buildingCodeCompliance: "buildingCodeComplianceBuildingId",
+    environmentalCompliance: "environmentalComplianceBuildingId",
+    occupancyCertificate: "occupancyCertificateBuildingId",
+    permitsIssued: "permitsIssuedBuildingId",
+    systemAssessments: "systemAssessmentsBuildingId",
+    zoningCompliance: "zoningComplianceBuildingId",
+    certificationsFile: "certificationsFileBuildingId",
+    energyCodeCompliance: "energyCodeComplianceBuildingId",
+    fireSafety: "fireSafetyBuildingId",
+    maintenanceRecords: "maintenanceRecordsBuildingId",
+    proximityToServices: "proximityToServicesBuildingId",
+    regionalEnergyTrends: "regionalEnergyTrendsBuildingId",
+    bimModel: "attachedFilesBuildingId",
+    EnergyAssessmentReports: "buildingEnergyAssessmentReports",
+    AirQualityReports: "buildingAirQualityReports",
+    WaterQualityReports: "buildingWaterQualityReports",
+    DSRs: "DSRs",
+    BCAs: "buildingBCAs",
+    ContractorReports: "buildingContractorReports",
+    EngineeringAssessments: "buildingEngineeringAssessments"
+  };
+  return buildingTagToAttachmentField[tag] || "attachedFilesBuildingId";
+};
+export {
+  getAttachmentFieldName
+};
+//# sourceMappingURL=getAttachmentFileName.js.map

package/dist/core/components/viewers/Data/details/getAttachmentFileName.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/details/getAttachmentFileName.ts"],"sourcesContent":["export const getAttachmentFieldName = (tag: string): string => {\r\n  const buildingTagToAttachmentField: Record<string, string> = {\r\n    buildingCodeCompliance: 'buildingCodeComplianceBuildingId',\r\n    environmentalCompliance: 'environmentalComplianceBuildingId',\r\n    occupancyCertificate: 'occupancyCertificateBuildingId',\r\n    permitsIssued: 'permitsIssuedBuildingId',\r\n    systemAssessments: 'systemAssessmentsBuildingId',\r\n    zoningCompliance: 'zoningComplianceBuildingId',\r\n    certificationsFile: 'certificationsFileBuildingId',\r\n    energyCodeCompliance: 'energyCodeComplianceBuildingId',\r\n    fireSafety: 'fireSafetyBuildingId',\r\n    maintenanceRecords: 'maintenanceRecordsBuildingId',\r\n    proximityToServices: 'proximityToServicesBuildingId',\r\n    regionalEnergyTrends: 'regionalEnergyTrendsBuildingId',\r\n    bimModel: 'attachedFilesBuildingId',\r\n    EnergyAssessmentReports: 'buildingEnergyAssessmentReports',\r\n    AirQualityReports: 'buildingAirQualityReports',\r\n    WaterQualityReports: 'buildingWaterQualityReports',\r\n    DSRs: 'DSRs',\r\n    BCAs: 'buildingBCAs',\r\n    ContractorReports: 'buildingContractorReports',\r\n    EngineeringAssessments: 'buildingEngineeringAssessments',\r\n  }\r\n\r\n  return buildingTagToAttachmentField[tag] || 'attachedFilesBuildingId'\r\n}\r\n"],"mappings":"AAAO,MAAM,yBAAyB,CAAC,QAAwB;AAC7D,QAAM,+BAAuD;AAAA,IAC3D,wBAAwB;AAAA,IACxB,yBAAyB;AAAA,IACzB,sBAAsB;AAAA,IACtB,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,sBAAsB;AAAA,IACtB,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,UAAU;AAAA,IACV,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,qBAAqB;AAAA,IACrB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,mBAAmB;AAAA,IACnB,wBAAwB;AAAA,EAC1B;AAEA,SAAO,6BAA6B,GAAG,KAAK;AAC9C;","names":[]}

package/dist/core/components/viewers/Data/files/DatatableFileAdder.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export default function DatatableFileAdder(): React.JSX.Element;
+//# sourceMappingURL=DatatableFileAdder.d.ts.map

package/dist/core/components/viewers/Data/files/DatatableFileAdder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatatableFileAdder.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/files/DatatableFileAdder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,CAAC,OAAO,UAAU,kBAAkB,sBAqCzC"}

package/dist/core/components/viewers/Data/files/DatatableFileAdder.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { usePermissions } from "../../../../store";
+import { Button, LoadingSpinner } from "../../../../components/ui/";
+import * as LR from "lucide-react";
+import { useFileUploadWithProgress } from "../../../../components/ui/FilesManager";
+function DatatableFileAdder() {
+  const t = useTranslations("HeadDatatableFileAddererButtons");
+  const { ability } = usePermissions();
+  const { handleAddFile, uploadState } = useFileUploadWithProgress({
+    acceptedFileTypes: "*",
+    onUploadSuccess: () => {
+      console.log("File successfully uploaded to API");
+    },
+    onUploadError: (error) => {
+      console.error("Error uploading file:", error);
+    }
+  });
+  return /* @__PURE__ */ jsx("div", { className: "inline-block", children: /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "default",
+      onClick: handleAddFile,
+      disabled: !ability.can("create", "File") || uploadState.uploading,
+      children: [
+        uploadState.uploading ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : /* @__PURE__ */ jsx(LR.CirclePlus, { className: "mr-2" }),
+        uploadState.uploading ? `${t("uploading")} ${uploadState.progress}%` : t("addFile")
+      ]
+    }
+  ) });
+}
+export {
+  DatatableFileAdder as default
+};
+//# sourceMappingURL=DatatableFileAdder.js.map

package/dist/core/components/viewers/Data/files/DatatableFileAdder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/files/DatatableFileAdder.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../store'\r\n\r\nimport { Button, LoadingSpinner } from '../../../../components/ui/'\r\nimport * as LR from 'lucide-react'\r\nimport { useFileUploadWithProgress } from '../../../../components/ui/FilesManager'\r\n\r\nexport default function DatatableFileAdder() {\r\n\r\n  // Translations\r\n  const t = useTranslations('HeadDatatableFileAddererButtons')\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  // Use the reusable upload hook with progress\r\n  const { handleAddFile, uploadState } = useFileUploadWithProgress({\r\n    acceptedFileTypes: '*',\r\n    onUploadSuccess: () => {\r\n      console.log('File successfully uploaded to API')\r\n    },\r\n    onUploadError: (error) => {\r\n      console.error('Error uploading file:', error)\r\n    }\r\n  })\r\n\r\n  return (\r\n    <div className=\"inline-block\">\r\n      <Button \r\n        variant=\"default\" \r\n        onClick={handleAddFile}\r\n        disabled={!ability.can('create', 'File') || uploadState.uploading}\r\n      >\r\n        {uploadState.uploading\r\n          ? (\r\n              <LoadingSpinner />\r\n            )\r\n          : (\r\n              <LR.CirclePlus className=\"mr-2\" />\r\n            )}\r\n        {uploadState.uploading ? `${t('uploading')} ${uploadState.progress}%` : t('addFile')}\r\n      </Button>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AA+BM,SAOQ,KAPR;AA5BN,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAE/B,SAAS,QAAQ,sBAAsB;AACvC,YAAY,QAAQ;AACpB,SAAS,iCAAiC;AAE3B,SAAR,qBAAsC;AAG3C,QAAM,IAAI,gBAAgB,iCAAiC;AAG3D,QAAM,EAAE,QAAQ,IAAI,eAAe;AAGnC,QAAM,EAAE,eAAe,YAAY,IAAI,0BAA0B;AAAA,IAC/D,mBAAmB;AAAA,IACnB,iBAAiB,MAAM;AACrB,cAAQ,IAAI,mCAAmC;AAAA,IACjD;AAAA,IACA,eAAe,CAAC,UAAU;AACxB,cAAQ,MAAM,yBAAyB,KAAK;AAAA,IAC9C;AAAA,EACF,CAAC;AAED,SACE,oBAAC,SAAI,WAAU,gBACb;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU,CAAC,QAAQ,IAAI,UAAU,MAAM,KAAK,YAAY;AAAA,MAEvD;AAAA,oBAAY,YAEP,oBAAC,kBAAe,IAGhB,oBAAC,GAAG,YAAH,EAAc,WAAU,QAAO;AAAA,QAErC,YAAY,YAAY,GAAG,EAAE,WAAW,CAAC,IAAI,YAAY,QAAQ,MAAM,EAAE,SAAS;AAAA;AAAA;AAAA,EACrF,GACF;AAEJ;","names":[]}

package/dist/core/components/viewers/Data/files/FileDetails.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { FileRow } from '../../../../types/files';
+interface FileDetailsProps {
+    selectedFile?: FileRow;
+    buildings?: any[];
+    editing?: boolean;
+    setEditing?: (editing: boolean) => void;
+    setActiveChanges?: (editing: boolean) => void;
+}
+export type FileDetailsRef = {
+    saveChanges: () => Promise<void>;
+};
+export declare const FileDetails: React.ForwardRefExoticComponent<FileDetailsProps & React.RefAttributes<FileDetailsRef>>;
+export {};
+//# sourceMappingURL=FileDetails.d.ts.map

package/dist/core/components/viewers/Data/files/FileDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDetails.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/Data/files/FileDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqB9B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAOtD,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,GAAG,EAAE,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9C;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,WAAW,yFAqgBtB,CAAA"}