@collabdt/core 0.0.40

package/dist/core/components/viewers/Data/utils/Columns.js

@@ -0,0 +1,790 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { MenusContext } from "../../../../store";
+import { useSession } from "next-auth/react";
+import { Button } from "../../../ui/Button";
+import { Avatar } from "../../../ui/Avatar";
+import { Badge } from "../../../ui/Badge";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../../../ui/Select";
+import * as LR from "lucide-react";
+import { useUserRole } from "../../../../hooks/users/users";
+import { UserAvatar } from "../../../ui/UserAvatar";
+import { MapContext } from "../../../../store/Map/context";
+import { useLocale, useTranslations } from "next-intl";
+import { RoleNames } from "../../../../types/global";
+function useColumns(buildings) {
+  const t = useTranslations("DataMenuColumns");
+  const locale = useLocale();
+  const { currentViewer } = React.useContext(MenusContext).state.menus;
+  const { state: mapState } = React.useContext(MapContext);
+  const countrySubdivisionsData = mapState.map.countrySubdivisionsData;
+  const getSubdivisionName = React.useCallback((code) => {
+    var _a, _b, _c;
+    if (!code) return "";
+    if (!countrySubdivisionsData) return code;
+    const exact = countrySubdivisionsData[code];
+    if (exact) return ((_a = exact == null ? void 0 : exact.name) != null ? _a : exact) || code;
+    const entry = Object.entries(countrySubdivisionsData).find(([k]) => k.endsWith(`-${code}`));
+    if (entry) return ((_c = (_b = entry[1]) == null ? void 0 : _b.name) != null ? _c : entry[1]) || code;
+    return code;
+  }, [countrySubdivisionsData]);
+  const hasDuplicateName = React.useCallback(
+    (data, name) => {
+      if (!name) return false;
+      const namesCount = data.filter(
+        (b) => b.buildingName === name || b.infrastructureName === name
+      ).length;
+      return namesCount > 1;
+    },
+    []
+  );
+  const buildingsColumns = [
+    {
+      accessorKey: "buildingName",
+      accessorFn: (row) => {
+        if ("buildingName" in row && row.buildingName) {
+          return row.buildingName;
+        }
+        if ("buildingAddress" in row && row.buildingAddress) {
+          return row.buildingAddress;
+        }
+        return "";
+      },
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("buildingNameAdd"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      cell: ({ row, table }) => {
+        const building = row.original;
+        const buildingName = building.buildingName;
+        const buildingAddress = building.buildingAddress;
+        const currentPageData = table.getRowModel().rows.map((r) => r.original);
+        const isDuplicate = buildingName && hasDuplicateName(currentPageData, buildingName);
+        if (!buildingName) {
+          return buildingAddress || "";
+        }
+        if (isDuplicate) {
+          return `${buildingName} - ${buildingAddress || ""}`;
+        }
+        return buildingName;
+      },
+      enableSorting: true,
+      meta: { columnClasses: "invisible absolute sm:visible sm:static sm:table-cell" }
+    },
+    {
+      accessorKey: "buildingCountrySubdivision",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("buildingCountrySubdivision"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      cell: ({ getValue }) => getSubdivisionName(getValue()),
+      enableSorting: true,
+      meta: { columnClasses: "!hidden sm:!table-cell" }
+    },
+    {
+      accessorKey: "buildingMunicipality",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("buildingMunic"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "!hidden sm:!table-cell" }
+    },
+    {
+      accessorKey: "buildingType",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("buildingType"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "!hidden sm:!table-cell" }
+    }
+  ];
+  const sitesColumns = [
+    {
+      accessorKey: "siteName",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("siteName"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "" }
+    },
+    {
+      accessorKey: "siteCountrySubdivision",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("siteCountrySubdivision"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      cell: ({ getValue }) => getSubdivisionName(getValue()),
+      enableSorting: true,
+      meta: { columnClasses: "!hidden sm:!table-cell" }
+    },
+    {
+      accessorKey: "siteMunicipality",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("siteMunic"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "invisible absolute sm:visible sm:static sm:table-cell" }
+    }
+  ];
+  const infrastructureColumns = [
+    {
+      accessorKey: "infrastructureName",
+      accessorFn: (row) => {
+        if ("infrastructureName" in row && row.infrastructureName) {
+          return row.infrastructureName;
+        }
+        if ("infrastructureAddress" in row && row.infrastructureAddress) {
+          return row.infrastructureAddress;
+        }
+        return "";
+      },
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("infrastructureName"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      cell: ({ row, table }) => {
+        const infra = row.original;
+        const infraName = infra.infrastructureName;
+        const infraAddress = infra.infrastructureAddress;
+        const currentPageData = table.getRowModel().rows.map((r) => r.original);
+        const isDuplicate = infraName && hasDuplicateName(currentPageData, infraName);
+        if (!infraName) {
+          return infraAddress || "";
+        }
+        if (isDuplicate) {
+          return `${infraName} - ${infraAddress || ""}`;
+        }
+        return infraName;
+      },
+      enableSorting: true,
+      meta: { columnClasses: "invisible absolute sm:visible sm:static sm:table-cell" }
+    },
+    {
+      accessorKey: "infrastructureCountrySubdivision",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("infrastructureCountrySubdivision"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      cell: ({ getValue }) => getSubdivisionName(getValue()),
+      enableSorting: true,
+      meta: { columnClasses: "!hidden sm:!table-cell" }
+    },
+    {
+      accessorKey: "infrastructureMunicipality",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("infrastructureMunic"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "!hidden sm:!table-cell" }
+    },
+    {
+      accessorKey: "infrastructureType",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("infrastructureType"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "!hidden sm:!table-cell" }
+    }
+  ];
+  const filesColumns = [
+    {
+      accessorKey: "name",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("fileName"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "" }
+    },
+    {
+      accessorKey: "site",
+      accessorFn: (row) => {
+        if ("attachedTo" in row && row.attachedTo) {
+          const siteAttachments = row.attachedTo.filter((attachment) => attachment.type === "site");
+          if (siteAttachments.length === 0) return "";
+          if (siteAttachments.length === 1) return siteAttachments[0].siteId;
+          return `${siteAttachments[0].siteId} ${t("and")} ${siteAttachments.length - 1} ${t("fileMore")}`;
+        }
+        return "";
+      },
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("fileSite"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "invisible absolute sm:visible sm:static sm:table-cell" }
+    },
+    {
+      accessorKey: "building",
+      accessorFn: (row) => {
+        if ("attachedTo" in row && row.attachedTo) {
+          const buildingAttachments = row.attachedTo.filter((attachment) => attachment.type === "building");
+          if (buildingAttachments.length === 0) return "";
+          const buildingRef = buildingAttachments[0].buildingId;
+          const foundBuilding = buildings == null ? void 0 : buildings.find((b) => String(b.id) === String(buildingRef));
+          const displayName = (foundBuilding == null ? void 0 : foundBuilding.buildingName) || (foundBuilding == null ? void 0 : foundBuilding.buildingAddress) || buildingRef;
+          if (buildingAttachments.length === 1) return displayName;
+          return `${displayName} ${t("and")} ${buildingAttachments.length - 1} ${t("fileMore")}`;
+        }
+        return "";
+      },
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("fileBuilding"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "!hidden sm:!table-cell" }
+    },
+    {
+      accessorKey: "dateUploaded",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("fileDate"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      cell: ({ row }) => {
+        const original = row.original;
+        const iso = "dateUploaded" in original ? original.dateUploaded : void 0;
+        if (!iso) return "";
+        const date = new Date(iso);
+        const dateStr = date.toLocaleDateString(locale, {
+          month: "long",
+          day: "numeric",
+          year: "numeric"
+        });
+        const timeStr = date.toLocaleTimeString(locale, {
+          hour: "numeric",
+          minute: "2-digit",
+          hour12: true
+        });
+        return `${dateStr} ${t("dateAt")} ${timeStr}`;
+      },
+      enableSorting: true,
+      meta: { columnClasses: "!hidden sm:!table-cell" }
+    },
+    {
+      accessorKey: "fileType",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("fileType"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "!hidden sm:!table-cell" }
+    }
+  ];
+  switch (currentViewer) {
+    case "buildings":
+      return buildingsColumns;
+    case "sites":
+      return sitesColumns;
+    case "infrastructure":
+      return infrastructureColumns;
+    case "files":
+      return filesColumns;
+    default:
+      return buildingsColumns;
+  }
+}
+function useUserColumns() {
+  const t = useTranslations("DataMenuColumns");
+  return [
+    {
+      id: "avatar",
+      header: () => null,
+      cell: ({ row }) => {
+        const user = row.original;
+        return /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 bg-white rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(UserAvatar, { imageFileId: user == null ? void 0 : user.imageFileId, name: user == null ? void 0 : user.name }) });
+      },
+      enableSorting: false,
+      meta: { columnClasses: "!w-12 !pl-4 !pr-1 !py-0" }
+    },
+    {
+      accessorKey: "name",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("userName"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true
+    },
+    {
+      accessorKey: "email",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("userEmail"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true
+    },
+    {
+      accessorKey: "userRole",
+      header: t("userRole"),
+      cell: ({ row }) => /* @__PURE__ */ jsx(UserRoleCell, { userId: row.original.id }),
+      enableSorting: false
+    }
+  ];
+}
+const roleFallbackOptions = Object.values(RoleNames);
+const normalizeRoleName = (role) => (role || "").toLowerCase();
+const getRoleLabel = (t, role) => {
+  const normalizedRole = normalizeRoleName(role);
+  if (normalizedRole === RoleNames.admin) return t("roles.admin");
+  if (normalizedRole === RoleNames.user) return t("roles.user");
+  if (normalizedRole === RoleNames.viewer) return t("roles.viewer");
+  return role;
+};
+const UserRoleCell = ({ userId }) => {
+  var _a;
+  const t = useTranslations("DataMenuColumns");
+  const { data: session } = useSession();
+  const { userRole: currentUserRole } = useUserRole(((_a = session == null ? void 0 : session.user) == null ? void 0 : _a.id) || "");
+  const isAdmin = currentUserRole && normalizeRoleName(currentUserRole.name) === RoleNames.admin;
+  const { userRole } = useUserRole(String(userId));
+  const roleName = (userRole == null ? void 0 : userRole.name) || "";
+  const normalizedRoleName = normalizeRoleName(roleName);
+  const options = Array.from(new Set([...roleFallbackOptions, normalizedRoleName].filter(Boolean)));
+  const [selectedRole, setSelectedRole] = React.useState(normalizedRoleName || options[0] || "");
+  React.useEffect(() => {
+    if (normalizedRoleName) {
+      setSelectedRole(normalizedRoleName);
+    }
+  }, [normalizedRoleName]);
+  if (!isAdmin) {
+    return /* @__PURE__ */ jsx("div", { className: "flex gap-2 flex-wrap", children: roleName ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "font-medium", children: getRoleLabel(t, roleName) }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: t("roleEmptyValue") }) });
+  }
+  return /* @__PURE__ */ jsxs(Select, { value: selectedRole, onValueChange: setSelectedRole, children: [
+    /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("roleSelectPlaceholder") }) }),
+    /* @__PURE__ */ jsx(SelectContent, { children: options.map((role) => /* @__PURE__ */ jsx(SelectItem, { value: role, children: getRoleLabel(t, role) }, role)) })
+  ] });
+};
+function useAssociatedBuildingsColumns() {
+  const t = useTranslations("DataMenuColumns");
+  return [
+    {
+      accessorKey: "buildingName",
+      accessorFn: (row) => {
+        if (row.buildingName) {
+          return row.buildingName;
+        }
+        return "";
+      },
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("associatedBuildingsName"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "" }
+    },
+    {
+      accessorKey: "buildingAddress",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("associatedBuildingsAddress"),
+              isSorted === false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, {}),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, {})
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "" }
+    },
+    {
+      accessorKey: "buildingProjectType",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("associatedBuildingsProjectType"),
+              isSorted === false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, {}),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, {})
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "!hidden sm:!table-cell" }
+    }
+  ];
+}
+function usePropertyFilesColumns() {
+  const t = useTranslations("DataMenuColumns");
+  return [
+    {
+      accessorKey: "name",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("propertyFileName"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "" }
+    },
+    {
+      accessorKey: "extension",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("propertyFileType"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "!hidden sm:!table-cell" }
+    },
+    {
+      accessorKey: "dateUploaded",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("propertyFilesDateUp"),
+              isSorted == false && /* @__PURE__ */ jsx(LR.ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(LR.ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(LR.ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      meta: { columnClasses: "invisible absolute sm:visible sm:static sm:table-cell" }
+    }
+  ];
+}
+function useBuildingDataFilterFields() {
+  const t = useTranslations("DataMenuColumns");
+  return [
+    { id: "buildingName", label: t("filterFields.buildingName"), type: "string" },
+    { id: "buildingCountrySubdivision", label: t("filterFields.buildingCountrySubdivision"), type: "string" },
+    { id: "buildingMunicipality", label: t("filterFields.buildingMunicipality"), type: "string" },
+    { id: "buildingType", label: t("filterFields.buildingType"), type: "string" },
+    { id: "buildingAddress", label: t("filterFields.buildingAddress"), type: "string" }
+  ];
+}
+function useSiteDataFilterFields() {
+  const t = useTranslations("DataMenuColumns");
+  return [
+    { id: "siteName", label: t("filterFields.siteName"), type: "string" },
+    { id: "siteCountrySubdivision", label: t("filterFields.siteCountrySubdivision"), type: "string" },
+    { id: "siteMunicipality", label: t("filterFields.siteMunicipality"), type: "string" },
+    { id: "siteAddress", label: t("filterFields.siteAddress"), type: "string" }
+  ];
+}
+function useInfrastructureDataFilterFields() {
+  const t = useTranslations("DataMenuColumns");
+  return [
+    { id: "infrastructureName", label: t("filterFields.infrastructureName"), type: "string" },
+    { id: "infrastructureCountrySubdivision", label: t("filterFields.infrastructureCountrySubdivision"), type: "string" },
+    { id: "infrastructureMunicipality", label: t("filterFields.infrastructureMunicipality"), type: "string" },
+    { id: "infrastructureType", label: t("filterFields.infrastructureType"), type: "string" },
+    { id: "infrastructureAddress", label: t("filterFields.infrastructureAddress"), type: "string" }
+  ];
+}
+export {
+  useAssociatedBuildingsColumns,
+  useBuildingDataFilterFields,
+  useColumns,
+  useInfrastructureDataFilterFields,
+  usePropertyFilesColumns,
+  useSiteDataFilterFields,
+  useUserColumns
+};
+//# sourceMappingURL=Columns.js.map