@collabdt/core 0.0.40

package/dist/core/components/viewers/Data/buildingDetails/BuildingDetails.js

@@ -0,0 +1,652 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { mutate } from "swr";
+import { useSession } from "next-auth/react";
+import { handleApiError } from "../../../../utils/errorHandler";
+import { usePermissions } from "../../../../store";
+import { useBuilding, useCreateBuilding } from "../../../../hooks/buildings/buildings";
+import { useFilesByBuildingId } from "../../../../hooks/files/files";
+import { useBuildingHeaders } from "../utils/Headers";
+import { DescriptionListItem } from "../../../ui/DescriptionList";
+import { Separator } from "../../../ui/Separator";
+import { toast } from "sonner";
+import AttachedFiles from "../details/AttachedFiles";
+import TabSidebar from "../details/TabSidebar";
+import FieldValue from "../details/FieldValue";
+import FieldRenderer from "./FieldRenderer";
+import CheckboxGroup from "../details/CheckboxGroup";
+import UnitsGrid from "../details/UnitsGrid";
+import EnergySourcesGrid from "../details/EnergySourcesGrid";
+import { useUser } from "../../../../hooks/users/users";
+const BuildingDetails = React.forwardRef(({
+  selectedItem,
+  setSelectedItem,
+  editing = false,
+  setEditing,
+  setActiveChanges,
+  buildings,
+  activeTab,
+  setActiveTab = () => {
+  }
+}, ref) => {
+  var _a;
+  const { data: session, status } = useSession();
+  const { user, isLoading, isError, updateUser } = useUser(((_a = session == null ? void 0 : session.user) == null ? void 0 : _a.id) || "");
+  const { ability } = usePermissions();
+  const buildingHeaders = useBuildingHeaders();
+  const tabOptions = buildingHeaders.map((section) => ({
+    key: section.title.toLowerCase().replaceAll(/\s/g, "-"),
+    label: section.title
+  }));
+  const [editingValues, setEditingValues] = React.useState({});
+  const [isUpdating, setIsUpdating] = React.useState(false);
+  const currentTabSection = buildingHeaders.find(
+    (section) => section.title.toLowerCase().replaceAll(/\s/g, "-") === activeTab
+  );
+  const { updateBuilding, building: latestBuilding, isMutating, updateError } = useBuilding((selectedItem == null ? void 0 : selectedItem.id) || 0);
+  const { createBuilding } = useCreateBuilding();
+  const { files: attachedFiles, isLoading: filesLoading } = useFilesByBuildingId((selectedItem == null ? void 0 : selectedItem.id) || 0);
+  const attachedFilesCount = Array.isArray(attachedFiles) ? attachedFiles.length : 0;
+  const tagToRelationMap = {
+    buildingCodeCompliance: "buildingBuildingCodeCompliance",
+    environmentalCompliance: "buildingEnvironmentalCompliance",
+    occupancyCertificate: "buildingOccupancyCertificate",
+    permitsIssued: "buildingPermitsIssued",
+    systemAssessments: "buildingSystemAssessments",
+    zoningCompliance: "buildingZoningCompliance",
+    certificationsFile: "buildingCertificationsFile",
+    energyCodeCompliance: "buildingEnergyCodeCompliance",
+    fireSafety: "buildingFireSafety",
+    maintenanceRecords: "buildingMaintenanceRecords",
+    proximityToServices: "buildingProximityToServices",
+    regionalEnergyTrends: "buildingRegionalEnergyTrends",
+    EnergyAssessmentReports: "buildingEnergyAssessmentReports",
+    AirQualityReports: "buildingAirQualityReports",
+    WaterQualityReports: "buildingWaterQualityReports",
+    DSRs: "DSRs",
+    BCAs: "buildingBCAs",
+    ContractorReports: "buildingContractorReports",
+    EngineeringAssessments: "buildingEngineeringAssessments"
+  };
+  React.useEffect(() => {
+    handleApiError(isError);
+    handleApiError(updateError);
+  }, [isError, updateError]);
+  React.useEffect(() => {
+    if (latestBuilding && (selectedItem == null ? void 0 : selectedItem.id) === latestBuilding.id && setSelectedItem) {
+      if (!editing || Object.keys(editingValues).length === 0) {
+        const mergedBuilding = __spreadValues({}, latestBuilding);
+        for (const relationProp of Object.values(tagToRelationMap)) {
+          const existingFiles = selectedItem[relationProp];
+          if (existingFiles && Array.isArray(existingFiles) && existingFiles.length > 0) {
+            mergedBuilding[relationProp] = existingFiles;
+          }
+        }
+        setSelectedItem(mergedBuilding);
+      }
+    }
+  }, [latestBuilding, editing, editingValues]);
+  React.useEffect(() => {
+    if (selectedItem && attachedFiles && Array.isArray(attachedFiles) && setSelectedItem) {
+      const updatedBuilding = __spreadValues({}, selectedItem);
+      let hasChanges = false;
+      for (const relationProp of Object.values(tagToRelationMap)) {
+        if (!updatedBuilding[relationProp]) {
+          updatedBuilding[relationProp] = [];
+        }
+      }
+      for (const file of attachedFiles) {
+        if (file.tag && tagToRelationMap[file.tag]) {
+          const relationProp = tagToRelationMap[file.tag];
+          const currentFiles = updatedBuilding[relationProp] || [];
+          const fileExists = currentFiles.some(
+            (existingFile) => existingFile.id === file.id
+          );
+          if (!fileExists) {
+            updatedBuilding[relationProp] = [...currentFiles, file];
+            hasChanges = true;
+          }
+        }
+      }
+      if (hasChanges) {
+        setSelectedItem(updatedBuilding);
+      }
+    }
+  }, [attachedFiles, selectedItem == null ? void 0 : selectedItem.id, setSelectedItem]);
+  const handleInputChange = (key, value) => {
+    setEditingValues((prev) => __spreadProps(__spreadValues({}, prev), {
+      [key]: value
+    }));
+    setActiveChanges == null ? void 0 : setActiveChanges(true);
+    if (setSelectedItem && selectedItem) {
+      setSelectedItem(__spreadProps(__spreadValues({}, selectedItem), {
+        [key]: value
+      }));
+    }
+    if (isFileField(key)) {
+      mutate(`/api/files/building/${selectedItem == null ? void 0 : selectedItem.id}`);
+    }
+  };
+  const handleSaveChanges = async () => {
+    if (!selectedItem) return;
+    setIsUpdating(true);
+    try {
+      if (selectedItem.id < 0) {
+        const buildingData = __spreadValues(__spreadValues({}, selectedItem), editingValues);
+        delete buildingData.id;
+        const result = await createBuilding({
+          buildingData,
+          organizationId: (user == null ? void 0 : user.organizationId) ? String(user.organizationId) : null
+        });
+        if (result && setSelectedItem) {
+          setSelectedItem(result);
+        }
+        setEditingValues({});
+        setEditing == null ? void 0 : setEditing(false);
+        setActiveChanges == null ? void 0 : setActiveChanges(false);
+        toast.success("Building created successfully");
+      } else {
+        const buildingUpdates = Object.keys(editingValues).reduce((acc, key) => {
+          if (!isFileField(key)) {
+            acc[key] = editingValues[key];
+          }
+          return acc;
+        }, {});
+        const hasFileChanges = Object.keys(editingValues).some((key) => isFileField(key));
+        if (Object.keys(buildingUpdates).length > 0) {
+          const result = await updateBuilding(buildingUpdates);
+          if (result && setSelectedItem && selectedItem) {
+            setSelectedItem(__spreadValues(__spreadValues({}, selectedItem), result));
+          }
+        }
+        if (hasFileChanges) {
+          await mutate(`/api/files/building/${selectedItem.id}`);
+        }
+        setEditingValues({});
+        setEditing == null ? void 0 : setEditing(false);
+        setActiveChanges == null ? void 0 : setActiveChanges(false);
+        if (Object.keys(buildingUpdates).length > 0 && hasFileChanges) {
+          toast.success("Building and files updated successfully");
+        } else if (Object.keys(buildingUpdates).length > 0) {
+          toast.success("Building updated successfully");
+        } else if (hasFileChanges) {
+          toast.success("Files updated successfully");
+        }
+      }
+    } catch (error) {
+      console.error("Save error:", error);
+      if ((error == null ? void 0 : error.status) !== 401) {
+        toast.error(selectedItem.id < 0 ? "Failed to create building" : "Failed to update building");
+      }
+    } finally {
+      setIsUpdating(false);
+    }
+  };
+  React.useEffect(() => {
+    if (selectedItem && selectedItem.id < 0 && setEditing) {
+      setEditing(true);
+      setActiveChanges == null ? void 0 : setActiveChanges(true);
+    }
+  }, [selectedItem == null ? void 0 : selectedItem.id, setEditing, setActiveChanges]);
+  React.useImperativeHandle(ref, () => ({
+    saveChanges: handleSaveChanges
+  }), [selectedItem, editingValues, updateBuilding, createBuilding, setEditing, setActiveChanges]);
+  const getFieldValue = (property) => {
+    return editingValues.hasOwnProperty(property) ? editingValues[property] : selectedItem == null ? void 0 : selectedItem[property];
+  };
+  const isDateField = (property) => {
+    const dateFields = [
+      "buildingAirQualityAssessmentDate",
+      "buildingEstimatedStartDate",
+      "buildingEstimatedEndDate",
+      "buildingStartDate",
+      "buildingCompletedDate",
+      "buildingPermitIssuedDate",
+      "buildingAirQualityAssessmentDate",
+      "conditionRatingsDate"
+    ];
+    return dateFields.includes(property) || (property == null ? void 0 : property.toLowerCase().includes("date"));
+  };
+  const isEnumField = (property) => {
+    const enumFields = [
+      "buildingCountrySubdivision",
+      "buildingAssessmentCondition",
+      "buildingGeometryStyle",
+      "buildingProjectPhase",
+      "buildingProjectType",
+      "buildingHeatingEnergySources",
+      "buildingCoolingEnergySources",
+      "buildingHotWaterSystemsEnergySources",
+      "buildingOccupantType",
+      "buildingType",
+      "buildingAssessmentRatingCondition",
+      "buildingManagementType",
+      "buildingElectricityServiceSize",
+      "buildingElectricityServiceLocation"
+    ];
+    return enumFields.includes(property);
+  };
+  const getEnumType = (property) => {
+    const enumMappings = {
+      buildingCountrySubdivision: "CountrySubdivisionData",
+      buildingAssessmentCondition: "BuildingAssessmentConditions",
+      buildingGeometryStyle: "BuildingGeometryStyle",
+      buildingProjectPhase: "BuildingProjectPhase",
+      buildingProjectType: "BuildingProjectType",
+      buildingHeatingCoolingEnergySources: "BuildingEnergySource",
+      buildingHotWaterSystemsEnergySources: "BuildingEnergySource",
+      buildingOccupantType: "BuildingOccupantType",
+      buildingType: "BuildingTypeEnum",
+      buildingAssessmentRatingCondition: "BuildingAssessmentConditions",
+      buildingManagementType: "BuildingManagementType",
+      buildingElectricityServiceSize: "BuildingElectricityServiceSize",
+      buildingElectricityServiceLocation: "BuildingElectricityServiceLocation"
+    };
+    return enumMappings[property] || null;
+  };
+  const isFullWidthField = (property) => {
+    const fullWidthFields = [
+      "buildingName",
+      "buildingAddress",
+      "buildingParentSiteId",
+      "buildingNotes",
+      "buildingAdditionalInformation",
+      "buildingUnitAdditionalInformation",
+      "buildingEnergyAdditionalInformation",
+      "buildingEnvironmentalAdditionalInformation",
+      "buildingAssessmentDescription",
+      "buildingMaintenanceRecords",
+      "buildingMaintenanceAdditionalInformation",
+      "buildingPriorityRetrofits",
+      "buildingProjectDescription",
+      "previousUpdates",
+      "buildingFundingAdditionalInformation",
+      "buildingStructuralVulnerabilities",
+      "buildingClimateVulnerabilities",
+      "buildingSafetyConcerns",
+      "buildingFireSafety",
+      "buildingSiteFireCertificate",
+      "buildingOccupancyCertificate",
+      "buildingZoningCompliance",
+      "buildingEnvironmentalCompliance",
+      "buildingPermitsIssued",
+      "buildingElectricityServiceUpgradeHistory"
+    ];
+    return fullWidthFields.includes(property);
+  };
+  const isTextAreaField = (property) => {
+    const textAreaFields = [
+      "buildingNotes",
+      "buildingAdditionalInformation",
+      "buildingUnitAdditionalInformation",
+      "buildingEnergyAdditionalInformation",
+      "buildingEnvironmentalAdditionalInformation",
+      "buildingAssessmentDescription",
+      "buildingMaintenanceAdditionalInformation",
+      "buildingPriorityRetrofits",
+      "buildingProjectDescription",
+      "previousUpdates",
+      "buildingFundingAdditionalInformation",
+      "buildingStructuralVulnerabilities",
+      "buildingClimateVulnerabilities",
+      "buildingSafetyConcerns",
+      "buildingElectricityServiceUpgradeHistory"
+    ];
+    return textAreaFields.includes(property);
+  };
+  const isFileField = (property) => {
+    const fileFields = [
+      "buildingMaintenanceRecords",
+      "buildingSystemAssessment",
+      "buildingFireSafety",
+      "buildingSiteFireCertificate",
+      "buildingOccupancyCertificate",
+      "buildingEnvironmentalCompliance",
+      "buildingZoningCompliance",
+      "buildingPermitsIssued",
+      "buildingCertificationsFile",
+      "buildingRegionalEnergyTrends",
+      "buildingEnergyCodeCompliance",
+      "buildingOccupancyCertificate",
+      "occupancyData",
+      "buildingUnitsMarketRentNum",
+      "buildingUnitsMarketRentSqft",
+      "buildingEnergyAssessmentReports",
+      "buildingAirQualityReports",
+      "buildingWaterQualityReports",
+      "buildingDSRs",
+      "buildingBCAs",
+      "buildingContractorReports",
+      "buildingEngineeringAssessments"
+    ];
+    return fileFields.includes(property);
+  };
+  const isCheckboxGroupField = (property) => {
+    const checkboxGroupFields = [
+      "buildingParkingAvailable",
+      "buildingElevatorAvailable",
+      "buildingDryerAvailable",
+      "buildingWasherAvailable",
+      "buildingCommonSpace",
+      "buildingHeatingIncluded",
+      "buildingHydroIncluded",
+      "buildingWaterIncluded",
+      "buildingUtilitiesIncluded",
+      "buildingUnitsModified",
+      "buildingUnitsMarketRent",
+      "buildingUnitsSubsidized",
+      "buildingUnitsRoom",
+      "buildingUnitsB",
+      "buildingUnits1B",
+      "buildingUnits2B",
+      "buildingUnits3B",
+      "buildingUnits4B",
+      "buildingUnits5B",
+      "buildingUnits6B",
+      "buildingUnitsBelowMarketRent",
+      "buildingUnitsRentGearedToIncome"
+    ];
+    return checkboxGroupFields.includes(property);
+  };
+  const isNumberField = (property) => {
+    const numberFields = [
+      "buildingNorthing",
+      "buildingTotalSqft",
+      "buildingFloors",
+      "buildingUnits",
+      "buildingGrossFloorArea",
+      "buildingNetFloorArea",
+      "buildingLotSize",
+      "buildingUnitsModifiedNum",
+      "buildingUnitsMarketRentNum",
+      "buildingUnitsSubsidizedNum",
+      "buildingUnitsRoomNum",
+      "buildingUnitsBNum",
+      "buildingUnits1BNum",
+      "buildingUnits2BNum",
+      "buildingUnits3BNum",
+      "buildingUnits4BNum",
+      "buildingUnits5BNum",
+      "buildingUnits6BNum",
+      "buildingUnitsMarketRentSqft",
+      "buildingUnitsBSqft",
+      "buildingUnits1BSqft",
+      "buildingUnits2BSqft",
+      "buildingUnits3BSqft",
+      "buildingUnits4BSqft",
+      "buildingUnits5BSqft",
+      "buildingUnits6BSqft",
+      "buildingUnitsTotal",
+      "buildingAirQuality",
+      "buildingAnnualConsumption",
+      "buildingAssessedValue",
+      "buildingOrthogonalHeight",
+      "buildingOsmId",
+      "buildingSourceEui",
+      "buildingWardNumber",
+      "buildingCensusTract",
+      "buildingIntensityGhgEmissions",
+      "buildingPermitNumber",
+      "buildingProgramLoan",
+      "buildingProjectNumber",
+      "buildingRentalMarketSurveyZone",
+      "buildingSiteEui",
+      "buildingSolarPotential",
+      "buildingSubsidies",
+      "buildingTotalContribution",
+      "buildingTotalGhgEmissions",
+      "buildingTotalRentableArea",
+      "buildingValueOfFundingFlowed",
+      "buildingWaterUseIntensity",
+      "buildingParentSiteId",
+      "buildingAssessmentRatingCondition",
+      "buildingStoreyNum",
+      "buildingElectricityServicePanelSize",
+      "buildingElectricityServiceSize",
+      "buildingElectricityServiceSize",
+      "buildingElectricityServicePanelSize",
+      "buildingUnitsBelowMarketRentNum",
+      "buildingUnitsBelowMarketRentSqft",
+      "buildingUnitsRentGearedToIncomeNum",
+      "buildingUnitsRentGearedToIncomeSqft",
+      // Energy sources grid metrics/years
+      "buildingHeatingMetric",
+      "buildingHeatingInstallationYear",
+      "buildingCoolingMetric",
+      "buildingCoolingInstallationYear",
+      "buildingHotWaterSystemsMetric",
+      "buildingHotWaterSystemsInstallationYear"
+    ];
+    return numberFields.includes(property);
+  };
+  const renderTabContent = () => {
+    if (!selectedItem || !currentTabSection) return null;
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6 pt-3", children: currentTabSection.subsections.map((subsection, subIdx) => {
+      if (subsection.specialLayout === "unitsGrid") {
+        return /* @__PURE__ */ jsxs("div", { className: "", children: [
+          subIdx > 0 && /* @__PURE__ */ jsx(Separator, { className: "mb-6" }),
+          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base mb-3 text-foreground", children: subsection.title }),
+          /* @__PURE__ */ jsx(
+            UnitsGrid,
+            {
+              subsection,
+              getFieldValue,
+              handleInputChange,
+              editing
+            }
+          )
+        ] }, subIdx);
+      }
+      if (subsection.specialLayout === "energySourcesGrid") {
+        return /* @__PURE__ */ jsxs("div", { className: "", children: [
+          subIdx > 0 && /* @__PURE__ */ jsx(Separator, { className: "mb-6" }),
+          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base mb-3 text-foreground", children: subsection.title }),
+          /* @__PURE__ */ jsx(
+            EnergySourcesGrid,
+            {
+              subsection,
+              getFieldValue,
+              handleInputChange,
+              editing
+            }
+          )
+        ] }, subIdx);
+      }
+      const processedFields = /* @__PURE__ */ new Set();
+      const fieldsToRender = subsection.fields.filter((field, idx) => {
+        if (processedFields.has(idx)) return false;
+        if (isCheckboxGroupField(field.property)) {
+          const groupStartIndex = subsection.fields.findIndex((f) => f.property === field.property);
+          if (groupStartIndex % 5 === 3 && groupStartIndex === idx) {
+            for (let i = 1; i < 5 && idx + i < subsection.fields.length; i++) {
+              processedFields.add(idx + i);
+            }
+            return true;
+          }
+          return false;
+        }
+        return true;
+      });
+      return /* @__PURE__ */ jsxs("div", { className: "", children: [
+        subIdx > 0 && subsection.title && subsection.title !== "" && subsection.title !== "null" && /* @__PURE__ */ jsx(Separator, { className: "mb-6" }),
+        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base mb-3 text-foreground", children: subsection.title }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 [&>*:last-child]:border-b-0", children: fieldsToRender.map((field, renderIdx) => {
+          const originalIdx = subsection.fields.findIndex((f) => f.property === field.property);
+          const value = getFieldValue(field.property);
+          if (isCheckboxGroupField(field.property)) {
+            const checkboxFields = subsection.fields.slice(originalIdx, originalIdx + 5);
+            return /* @__PURE__ */ jsx(
+              CheckboxGroup,
+              {
+                fields: checkboxFields,
+                getFieldValue,
+                handleInputChange,
+                editing
+              },
+              renderIdx
+            );
+          }
+          if (isFullWidthField(field.property)) {
+            return /* @__PURE__ */ jsx("div", { className: `py-3 w-full ${!editing && "border-b border-border"}`, children: editing ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: field.label }),
+              /* @__PURE__ */ jsx(
+                FieldRenderer,
+                {
+                  property: field.property,
+                  value,
+                  handleInputChange,
+                  isTextAreaField,
+                  isFileField,
+                  isDateField,
+                  isEnumField,
+                  getEnumType,
+                  isNumberField,
+                  isFullWidthField,
+                  buildingId: selectedItem == null ? void 0 : selectedItem.id,
+                  setActiveChanges
+                }
+              )
+            ] }) : /* @__PURE__ */ jsx(DescriptionListItem, { className: "break-words", label: field.label, children: /* @__PURE__ */ jsx(
+              FieldValue,
+              {
+                value,
+                label: field.label,
+                isFile: isFileField(field.property),
+                property: field.property,
+                onChange: handleInputChange,
+                editing
+              }
+            ) }) }, renderIdx);
+          }
+          if (isFullWidthField(field.property)) {
+            return null;
+          }
+          if (renderIdx % 2 === 0) {
+            const nextField = fieldsToRender[renderIdx + 1];
+            const nextValue = nextField && !isFullWidthField(nextField.property) ? getFieldValue(nextField.property) : null;
+            return /* @__PURE__ */ jsxs("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-3 py-3 w-full ${!editing && "border-b border-border"} `, children: [
+              editing ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: field.label }),
+                /* @__PURE__ */ jsx(
+                  FieldRenderer,
+                  {
+                    property: field.property,
+                    value,
+                    handleInputChange,
+                    isTextAreaField,
+                    isFileField,
+                    isDateField,
+                    isEnumField,
+                    getEnumType,
+                    isNumberField,
+                    isFullWidthField,
+                    buildingId: selectedItem == null ? void 0 : selectedItem.id,
+                    setActiveChanges
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsx(DescriptionListItem, { className: "break-words", label: field.label, children: /* @__PURE__ */ jsx(
+                FieldValue,
+                {
+                  value,
+                  label: field.label,
+                  isFile: isFileField(field.property),
+                  property: field.property,
+                  onChange: handleInputChange,
+                  editing
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Separator, { className: "md:hidden" }),
+              nextField && !isFullWidthField(nextField.property) && /* @__PURE__ */ jsx(Fragment, { children: editing ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground", children: nextField.label }),
+                /* @__PURE__ */ jsx(
+                  FieldRenderer,
+                  {
+                    property: nextField.property,
+                    value: nextValue,
+                    handleInputChange,
+                    isTextAreaField,
+                    isFileField,
+                    isDateField,
+                    isEnumField,
+                    getEnumType,
+                    isNumberField,
+                    isFullWidthField,
+                    buildingId: selectedItem == null ? void 0 : selectedItem.id,
+                    setActiveChanges
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsx(
+                DescriptionListItem,
+                {
+                  className: "break-words",
+                  label: nextField.label,
+                  children: /* @__PURE__ */ jsx(
+                    FieldValue,
+                    {
+                      value: nextValue,
+                      label: nextField.label,
+                      isFile: isFileField(nextField.property),
+                      property: nextField.property,
+                      onChange: handleInputChange,
+                      editing
+                    }
+                  )
+                }
+              ) })
+            ] }, renderIdx);
+          }
+          return null;
+        }) })
+      ] }, subIdx);
+    }) });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-2 p-6 h-full overflow-hidden", children: [
+    /* @__PURE__ */ jsx(
+      TabSidebar,
+      {
+        activeTab,
+        setActiveTab,
+        tabOptions,
+        attachedFilesCount
+      }
+    ),
+    /* @__PURE__ */ jsx(Separator, { orientation: "vertical" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 pb-2 px-6", children: /* @__PURE__ */ jsx("p", { className: "text-xl text-foreground font-semibold", children: currentTabSection == null ? void 0 : currentTabSection.title }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 px-6 overflow-auto", children: activeTab === "attached-files" ? /* @__PURE__ */ jsx(
+        AttachedFiles,
+        {
+          buildingId: selectedItem == null ? void 0 : selectedItem.id,
+          files: attachedFiles,
+          isLoading: filesLoading
+        }
+      ) : selectedItem && renderTabContent() })
+    ] })
+  ] });
+});
+BuildingDetails.displayName = "BuildingDetails";
+var BuildingDetails_default = BuildingDetails;
+export {
+  BuildingDetails_default as default
+};
+//# sourceMappingURL=BuildingDetails.js.map