@collabdt/core 0.0.40

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

@@ -0,0 +1,565 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import {
+  BuildingAssessmentConditions,
+  BuildingGeometryStyle,
+  BuildingProjectPhase,
+  BuildingProjectType,
+  BuildingOccupantType,
+  BuildingManagementType,
+  BuildingHeatingEnergySource,
+  BuildingCoolingEnergySource,
+  BuildingHotWaterEnergySource,
+  BuildingElectricityServiceSize,
+  BuildingElectricityServiceLocation
+} from "../../../../types/dbTypes";
+import { useSites } from "../../../../hooks/sites/sites";
+import { useTranslations } from "next-intl";
+import { usePermissions, useMapContext } from "../../../../store";
+import { Checkbox } from "../../../ui/Checkbox";
+import { Input } from "../../../ui/Input";
+import { Textarea } from "../../../ui/Textarea";
+import { Button } from "../../../ui/Button";
+import { Badge } from "../../../ui/Badge";
+import { DatePicker } from "../../../ui/DatePicker";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../../../ui/Select";
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from "../../../ui/Command";
+import FileUpload from "../details/FileUpload";
+import { Plus, X } from "lucide-react";
+import { LoadingSpinner } from "../../../ui/LoadingSpinner";
+const BuildingTypeEnum = [
+  "Townhouses",
+  "<4 Storey MURB",
+  "4+ Storey MURB",
+  "Stacked Townhouses",
+  "Detached",
+  "Semi Detached"
+];
+const FieldRenderer = ({
+  property,
+  value,
+  handleInputChange,
+  isTextAreaField,
+  isFileField,
+  isDateField = () => false,
+  isEnumField = () => false,
+  isNumberField = () => false,
+  isFullWidthField = () => false,
+  getEnumType = () => null,
+  buildingId,
+  setActiveChanges
+}) => {
+  var _a;
+  const t = useTranslations("BuildingFieldRenderer");
+  const { state: mapState } = useMapContext();
+  const countrySubdivisionsData = (_a = mapState.map.countrySubdivisionsData) != null ? _a : {};
+  const { ability } = usePermissions();
+  const getFileTagFromProperty = (property2) => {
+    const propertyToTagMap = {
+      buildingMaintenanceRecords: "maintenanceRecords",
+      buildingSystemAssessment: "systemAssessments",
+      buildingFireSafety: "fireSafety",
+      buildingOccupancyCertificate: "occupancyCertificate",
+      buildingEnvironmentalCompliance: "environmentalCompliance",
+      buildingZoningCompliance: "zoningCompliance",
+      buildingPermitsIssued: "permitsIssued",
+      buildingCertificationsFile: "certificationsFile",
+      buildingRegionalEnergyTrends: "regionalEnergyTrends",
+      buildingEnergyCodeCompliance: "energyCodeCompliance",
+      buildingBuildingCodeCompliance: "buildingCodeCompliance",
+      buildingProximityToServices: "proximityToServices",
+      EnergyAssessmentReports: "buildingEnergyAssessmentReports",
+      AirQualityReports: "buildingAirQualityReports",
+      WaterQualityReports: "buildingWaterQualityReports",
+      DSRs: "DSRs",
+      BCAs: "buildingBCAs",
+      ContractorReports: "buildingContractorReports",
+      EngineeringAssessments: "buildingEngineeringAssessments"
+    };
+    return propertyToTagMap[property2] || property2;
+  };
+  if (property === "buildingHeatingEnergySources") {
+    const selectedValues = Array.isArray(value) ? value : [];
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: "",
+          onValueChange: (val) => {
+            if (!selectedValues.includes(val)) {
+              handleInputChange(property, [...selectedValues, val]);
+            }
+          },
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select heating source(s)" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: Object.values(BuildingHeatingEnergySource).filter((type) => !selectedValues.includes(type)).map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: type.replaceAll("_", " ") }, type)) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedValues.map((type) => /* @__PURE__ */ jsxs(Badge, { className: "gap-1", variant: "secondary", children: [
+        type.replaceAll("_", " "),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "p-0 hover:bg-transparent w-auto h-auto",
+            onClick: () => {
+              const updated = selectedValues.filter((t2) => t2 !== type);
+              handleInputChange(property, updated);
+            },
+            disabled: !ability.can("update", "Building"),
+            children: /* @__PURE__ */ jsx(X, { className: "!w-3 !h-3", size: 8 })
+          }
+        )
+      ] }, type)) })
+    ] });
+  }
+  if (property === "buildingCoolingEnergySources") {
+    const selectedValues = Array.isArray(value) ? value : [];
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: "",
+          onValueChange: (val) => {
+            if (!selectedValues.includes(val)) {
+              handleInputChange(property, [...selectedValues, val]);
+            }
+          },
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select cooling source(s)" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: Object.values(BuildingCoolingEnergySource).filter((type) => !selectedValues.includes(type)).map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: type.replaceAll("_", " ") }, type)) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedValues.map((type) => /* @__PURE__ */ jsxs(Badge, { className: "gap-1", variant: "secondary", children: [
+        type.replaceAll("_", " "),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "p-0 hover:bg-transparent w-auto h-auto",
+            onClick: () => {
+              const updated = selectedValues.filter((t2) => t2 !== type);
+              handleInputChange(property, updated);
+            },
+            disabled: !ability.can("update", "Building"),
+            children: /* @__PURE__ */ jsx(X, { className: "!w-3 !h-3", size: 8 })
+          }
+        )
+      ] }, type)) })
+    ] });
+  }
+  if (property === "buildingHotWaterSystemsEnergySources") {
+    const selectedValues = Array.isArray(value) ? value : [];
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: "",
+          onValueChange: (val) => {
+            if (!selectedValues.includes(val)) {
+              handleInputChange(property, [...selectedValues, val]);
+            }
+          },
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select hot water source(s)" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: Object.values(BuildingHotWaterEnergySource).filter((type) => !selectedValues.includes(type)).map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: type.replaceAll("_", " ") }, type)) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedValues.map((type) => /* @__PURE__ */ jsxs(Badge, { className: "gap-1", variant: "secondary", children: [
+        type.replaceAll("_", " "),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "p-0 hover:bg-transparent w-auto h-auto",
+            onClick: () => {
+              const updated = selectedValues.filter((t2) => t2 !== type);
+              handleInputChange(property, updated);
+            },
+            disabled: !ability.can("update", "Building"),
+            children: /* @__PURE__ */ jsx(X, { className: "!w-3 !h-3", size: 8 })
+          }
+        )
+      ] }, type)) })
+    ] });
+  }
+  if (isFileField(property)) {
+    return /* @__PURE__ */ jsx(
+      FileUpload,
+      {
+        value: Array.isArray(value) ? value : [],
+        property,
+        tag: getFileTagFromProperty(property),
+        onChange: handleInputChange,
+        editing: true,
+        buildingId,
+        onFileUpload: () => setActiveChanges == null ? void 0 : setActiveChanges(true),
+        isFullWidthField: isFullWidthField(property)
+      }
+    );
+  }
+  if (isDateField(property)) {
+    return /* @__PURE__ */ jsx(
+      DatePicker,
+      {
+        date: value instanceof Date ? value : value ? new Date(value) : void 0,
+        onSelect: (date) => handleInputChange(property, date)
+      }
+    );
+  }
+  if (isEnumField(property)) {
+    const enumType = getEnumType(property);
+    if (property === "buildingType") {
+      const selectedValues = Array.isArray(value) ? value : [];
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: "",
+            onValueChange: (newType) => {
+              if (!selectedValues.includes(newType)) {
+                handleInputChange(property, [...selectedValues, newType]);
+              }
+            },
+            disabled: !ability.can("update", "Building"),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select building type(s)" }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: BuildingTypeEnum.filter((type) => !selectedValues.includes(type)).map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: type }, type)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedValues.map((type) => /* @__PURE__ */ jsxs(Badge, { className: "gap-1", variant: "secondary", children: [
+          type,
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "p-0 hover:bg-transparent w-auto h-auto",
+              onClick: () => {
+                const updated = selectedValues.filter((t2) => t2 !== type);
+                handleInputChange(property, updated);
+              },
+              disabled: !ability.can("update", "Building"),
+              children: /* @__PURE__ */ jsx(X, { className: "!w-3 !h-3", size: 8 })
+            }
+          )
+        ] }, type)) })
+      ] });
+    }
+    if (enumType === "CountrySubdivisionData") {
+      const resolveSubdivisionName = (code) => {
+        var _a2, _b, _c;
+        if (!code || !countrySubdivisionsData) return code;
+        const exact = countrySubdivisionsData[code];
+        if (exact) return ((_a2 = exact == null ? void 0 : exact.name) != null ? _a2 : 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;
+      };
+      return /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: value || "",
+          onValueChange: (val) => handleInputChange(property, val),
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select subdivision", children: value ? resolveSubdivisionName(value) : void 0 }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: Object.entries(countrySubdivisionsData).map(([code, sub]) => {
+              var _a2;
+              return /* @__PURE__ */ jsx(SelectItem, { value: code, children: (_a2 = sub == null ? void 0 : sub.name) != null ? _a2 : code }, code);
+            }) })
+          ]
+        }
+      );
+    }
+    if (enumType === "BuildingAssessmentConditions") {
+      return /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: value || "",
+          onValueChange: (val) => handleInputChange(property, val),
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select assessment condition" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: Object.values(BuildingAssessmentConditions).map((condition) => /* @__PURE__ */ jsx(SelectItem, { value: condition, children: condition.replaceAll("_", " ") }, condition)) })
+          ]
+        }
+      );
+    }
+    if (enumType === "BuildingGeometryStyle") {
+      return /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: value || "",
+          onValueChange: (val) => handleInputChange(property, val),
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select geometry style" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: Object.values(BuildingGeometryStyle).map((style) => /* @__PURE__ */ jsx(SelectItem, { value: style, children: style }, style)) })
+          ]
+        }
+      );
+    }
+    if (enumType === "BuildingProjectPhase") {
+      return /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: value || "",
+          onValueChange: (val) => handleInputChange(property, val),
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select project phase" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: Object.values(BuildingProjectPhase).map((phase) => /* @__PURE__ */ jsx(SelectItem, { value: phase, children: phase.replaceAll("_", " ") }, phase)) })
+          ]
+        }
+      );
+    }
+    if (enumType === "BuildingProjectType") {
+      return /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: value || "",
+          onValueChange: (val) => handleInputChange(property, val),
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select project type" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: Object.values(BuildingProjectType).map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: type.replaceAll("_", " ") }, type)) })
+          ]
+        }
+      );
+    }
+    if (enumType === "BuildingOccupantType") {
+      return /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: value || "",
+          onValueChange: (val) => handleInputChange(property, val),
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select occupant type" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: Object.values(BuildingOccupantType).map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: type.replaceAll("_", " ").replace("Plus", "+") }, type)) })
+          ]
+        }
+      );
+    }
+    if (enumType === "buildingAssessmentRatingCondition") {
+      return /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: value || "",
+          onValueChange: (val) => handleInputChange(property, val),
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select rating condition" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: Object.values(BuildingAssessmentConditions).map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: type.replaceAll("_", " ").replace("Plus", "+") }, type)) })
+          ]
+        }
+      );
+    }
+    if (enumType === "BuildingManagementType") {
+      return /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: value || "",
+          onValueChange: (val) => handleInputChange(property, val),
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select management type" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: Object.values(BuildingManagementType).map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: type.replaceAll("_", " ").replace("Plus", "+") }, type)) })
+          ]
+        }
+      );
+    }
+    if (enumType === "BuildingType") {
+      return /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: value || "",
+          onValueChange: (val) => handleInputChange(property, val),
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select management type" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: BuildingTypeEnum.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: type.replaceAll("_", " ").replace("Plus", "+") }, type)) })
+          ]
+        }
+      );
+    }
+    if (enumType === "BuildingElectricityServiceSize") {
+      return /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: value || "",
+          onValueChange: (val) => handleInputChange(property, val),
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select management type" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: Object.values(BuildingElectricityServiceSize).map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: type.replaceAll("_", " ").replace("Plus", "+").replace("Size", "") }, type)) })
+          ]
+        }
+      );
+    }
+    if (enumType === "BuildingElectricityServiceLocation") {
+      return /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: value || "",
+          onValueChange: (val) => handleInputChange(property, val),
+          disabled: !ability.can("update", "Building"),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select management type" }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: Object.values(BuildingElectricityServiceLocation).map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: type.replaceAll("_", " ").replace("Plus", "+") }, type)) })
+          ]
+        }
+      );
+    }
+  }
+  if (property === "buildingParentSiteId" && setActiveChanges) {
+    const { sites, isLoading } = useSites();
+    const [search, setSearch] = React.useState("");
+    const selectedIds = Array.isArray(value) ? value : value ? [value] : [];
+    const filteredSites = React.useMemo(() => {
+      if (!sites) return [];
+      if (!search) return sites;
+      const lower = search.toLowerCase();
+      return sites.filter(
+        (site) => site.siteName && site.siteName.toLowerCase().includes(lower) || site.siteAddress && site.siteAddress.toLowerCase().includes(lower)
+      );
+    }, [sites, search]);
+    const selectedSites = (sites == null ? void 0 : sites.filter((site) => selectedIds.includes(site.id))) || [];
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs(Command, { children: [
+        /* @__PURE__ */ jsx(
+          CommandInput,
+          {
+            placeholder: "Search for a site...",
+            value: search,
+            onValueChange: setSearch,
+            disabled: isLoading
+          }
+        ),
+        /* @__PURE__ */ jsxs(CommandList, { children: [
+          isLoading && /* @__PURE__ */ jsx(CommandEmpty, { children: /* @__PURE__ */ jsx(LoadingSpinner, {}) }),
+          !isLoading && filteredSites.length === 0 && /* @__PURE__ */ jsx(CommandEmpty, { children: t("empty") }),
+          /* @__PURE__ */ jsx(CommandGroup, { children: filteredSites.map((site) => /* @__PURE__ */ jsx(
+            CommandItem,
+            {
+              value: site.id.toString(),
+              onSelect: () => {
+                if (!selectedIds.includes(site.id)) {
+                  handleInputChange(property, [...selectedIds, site.id]);
+                }
+              },
+              disabled: selectedIds.includes(site.id),
+              children: /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("div", { className: "font-medium", children: site.siteName }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: site.siteAddress })
+              ] })
+            },
+            site.id
+          )) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedSites.map((site) => /* @__PURE__ */ jsxs(Badge, { className: "gap-1", variant: "secondary", children: [
+        site.siteName,
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "p-0 hover:bg-transparent w-auto h-auto",
+            onClick: () => {
+              handleInputChange(property, selectedIds.filter((id) => id !== site.id));
+            },
+            disabled: !ability.can("update", "Building"),
+            children: /* @__PURE__ */ jsx(X, { className: "!w-3 !h-3", size: 8 })
+          }
+        )
+      ] }, site.id)) })
+    ] });
+  }
+  if (isTextAreaField(property)) {
+    return /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        value: value || "",
+        onChange: (e) => handleInputChange(property, e.target.value),
+        rows: 4
+      }
+    );
+  }
+  if (Array.isArray(value)) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "text",
+            value: "",
+            onChange: () => {
+            },
+            placeholder: "Add new item",
+            disabled: !ability.can("update", "Building")
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", disabled: !ability.can("update", "Building"), children: /* @__PURE__ */ jsx(Plus, {}) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-row gap-2", children: (value || []).map((item, index) => /* @__PURE__ */ jsx(Badge, { className: "cursor-pointer inline-flex", variant: "secondary", children: item }, index)) })
+    ] });
+  }
+  if (value === "yes" || value === "no") {
+    const bool = value === "yes";
+    return /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        checked: bool,
+        onCheckedChange: (checked) => handleInputChange(property, checked ? "yes" : "no")
+      }
+    );
+  }
+  if (typeof value === "number" || value === null && isNumberField(property)) {
+    return /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: "number",
+        value: value === null || value === void 0 ? "" : value,
+        onChange: (e) => {
+          const stringValue = e.target.value;
+          const numValue = stringValue === "" ? null : Number(stringValue);
+          handleInputChange(property, numValue);
+        },
+        disabled: !ability.can("update", "Building")
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      value: String(value || ""),
+      onChange: (e) => handleInputChange(property, e.target.value),
+      disabled: !ability.can("update", "Building")
+    }
+  );
+};
+var FieldRenderer_default = FieldRenderer;
+export {
+  BuildingTypeEnum,
+  FieldRenderer_default as default
+};
+//# sourceMappingURL=FieldRenderer.js.map

package/dist/core/components/viewers/Data/buildingDetails/FieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/Data/buildingDetails/FieldRenderer.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport React from 'react'\r\nimport {\r\n  BuildingAssessmentConditions,\r\n  BuildingGeometryStyle,\r\n  BuildingProjectPhase,\r\n  BuildingProjectType,\r\n  BuildingEnergySource,\r\n  BuildingOccupantType,\r\n  BuildingManagementType,\r\n  BuildingHeatingEnergySource,\r\n  BuildingCoolingEnergySource,\r\n  BuildingHotWaterEnergySource,\r\n  BuildingElectricityServiceSize,\r\n  BuildingElectricityServiceLocation,\r\n} from '../../../../types/dbTypes'\r\n\r\nimport { useSites } from '../../../../hooks/sites/sites'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions, useMapContext } from '../../../../store'\r\n\r\nimport { Checkbox } from '../../../ui/Checkbox'\r\nimport { Input } from '../../../ui/Input'\r\nimport { Textarea } from '../../../ui/Textarea'\r\nimport { Button } from '../../../ui/Button'\r\nimport { Badge } from '../../../ui/Badge'\r\nimport { DatePicker } from '../../../ui/DatePicker'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '../../../ui/Select'\r\nimport { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../../../ui/Command'\r\n\r\nimport FileUpload from '../details/FileUpload'\r\n\r\nimport { Plus, X } from 'lucide-react'\r\nimport { LoadingSpinner } from '../../../ui/LoadingSpinner'\r\n\r\nexport const BuildingTypeEnum = [\r\n  'Townhouses',\r\n  '<4 Storey MURB',\r\n  '4+ Storey MURB',\r\n  'Stacked Townhouses',\r\n  'Detached',\r\n  'Semi Detached',\r\n] as const\r\n\r\ninterface FieldRendererProps {\r\n  property: string\r\n  value: any\r\n  handleInputChange: (property: string, value: any) => void\r\n  isTextAreaField: (property: string) => boolean\r\n  isFileField: (property: string) => boolean\r\n  isDateField?: (property: string) => boolean\r\n  isEnumField?: (property: string) => boolean\r\n  isNumberField?: (property: string) => boolean\r\n  isFullWidthField?: (property: string) => boolean\r\n  getEnumType?: (property: string) => string | null\r\n  buildingId?: number\r\n  setActiveChanges?: (editing: boolean) => void\r\n}\r\n\r\nconst FieldRenderer = ({\r\n  property,\r\n  value,\r\n  handleInputChange,\r\n  isTextAreaField,\r\n  isFileField,\r\n  isDateField = () => false,\r\n  isEnumField = () => false,\r\n  isNumberField = () => false,\r\n  isFullWidthField = () => false,\r\n  getEnumType = () => null,\r\n  buildingId,\r\n  setActiveChanges,\r\n}: FieldRendererProps) => {\r\n  const t = useTranslations('BuildingFieldRenderer')\r\n  const { state: mapState } = useMapContext()\r\n  const countrySubdivisionsData = mapState.map.countrySubdivisionsData ?? {}\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const getFileTagFromProperty = (property: string): string => {\r\n    const propertyToTagMap: Record<string, string> = {\r\n      buildingMaintenanceRecords: 'maintenanceRecords',\r\n      buildingSystemAssessment: 'systemAssessments',\r\n      buildingFireSafety: 'fireSafety',\r\n      buildingOccupancyCertificate: 'occupancyCertificate',\r\n      buildingEnvironmentalCompliance: 'environmentalCompliance',\r\n      buildingZoningCompliance: 'zoningCompliance',\r\n      buildingPermitsIssued: 'permitsIssued',\r\n      buildingCertificationsFile: 'certificationsFile',\r\n      buildingRegionalEnergyTrends: 'regionalEnergyTrends',\r\n      buildingEnergyCodeCompliance: 'energyCodeCompliance',\r\n      buildingBuildingCodeCompliance: 'buildingCodeCompliance',\r\n      buildingProximityToServices: 'proximityToServices',\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    return propertyToTagMap[property] || property\r\n  }\r\n\r\n  // Special handling for energy source arrays\r\n  if (property === 'buildingHeatingEnergySources') {\r\n    const selectedValues = Array.isArray(value) ? value : []\r\n    return (\r\n      <div className=\"space-y-2\">\r\n        <Select\r\n          value=\"\"\r\n          onValueChange={val => {\r\n            if (!selectedValues.includes(val)) {\r\n              handleInputChange(property, [...selectedValues, val])\r\n            }\r\n          }}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select heating source(s)\" />\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {Object.values(BuildingHeatingEnergySource).filter(type => !selectedValues.includes(type)).map(type => (\r\n              <SelectItem key={type} value={type}>{type.replaceAll('_', ' ')}</SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n        <div className=\"flex flex-wrap gap-1\">\r\n          {selectedValues.map(type => (\r\n            <Badge key={type} className=\"gap-1\" variant=\"secondary\">\r\n              {type.replaceAll('_', ' ')}\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"p-0 hover:bg-transparent w-auto h-auto\"\r\n                onClick={() => {\r\n                  const updated = selectedValues.filter(t => t !== type)\r\n                  handleInputChange(property, updated)\r\n                }}\r\n                disabled={!ability.can('update', 'Building')}\r\n              >\r\n                <X className=\"!w-3 !h-3\" size={8} />\r\n              </Button>\r\n            </Badge>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n  if (property === 'buildingCoolingEnergySources') {\r\n    const selectedValues = Array.isArray(value) ? value : []\r\n    return (\r\n      <div className=\"space-y-2\">\r\n        <Select\r\n          value=\"\"\r\n          onValueChange={val => {\r\n            if (!selectedValues.includes(val)) {\r\n              handleInputChange(property, [...selectedValues, val])\r\n            }\r\n          }}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select cooling source(s)\" />\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {Object.values(BuildingCoolingEnergySource).filter(type => !selectedValues.includes(type)).map(type => (\r\n              <SelectItem key={type} value={type}>{type.replaceAll('_', ' ')}</SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n        <div className=\"flex flex-wrap gap-1\">\r\n          {selectedValues.map(type => (\r\n            <Badge key={type} className=\"gap-1\" variant=\"secondary\">\r\n              {type.replaceAll('_', ' ')}\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"p-0 hover:bg-transparent w-auto h-auto\"\r\n                onClick={() => {\r\n                  const updated = selectedValues.filter(t => t !== type)\r\n                  handleInputChange(property, updated)\r\n                }}\r\n                disabled={!ability.can('update', 'Building')}\r\n              >\r\n                <X className=\"!w-3 !h-3\" size={8} />\r\n              </Button>\r\n            </Badge>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n  if (property === 'buildingHotWaterSystemsEnergySources') {\r\n    const selectedValues = Array.isArray(value) ? value : []\r\n    return (\r\n      <div className=\"space-y-2\">\r\n        <Select\r\n          value=\"\"\r\n          onValueChange={val => {\r\n            if (!selectedValues.includes(val)) {\r\n              handleInputChange(property, [...selectedValues, val])\r\n            }\r\n          }}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select hot water source(s)\" />\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {Object.values(BuildingHotWaterEnergySource).filter(type => !selectedValues.includes(type)).map(type => (\r\n              <SelectItem key={type} value={type}>{type.replaceAll('_', ' ')}</SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n        <div className=\"flex flex-wrap gap-1\">\r\n          {selectedValues.map(type => (\r\n            <Badge key={type} className=\"gap-1\" variant=\"secondary\">\r\n              {type.replaceAll('_', ' ')}\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"p-0 hover:bg-transparent w-auto h-auto\"\r\n                onClick={() => {\r\n                  const updated = selectedValues.filter(t => t !== type)\r\n                  handleInputChange(property, updated)\r\n                }}\r\n                disabled={!ability.can('update', 'Building')}\r\n              >\r\n                <X className=\"!w-3 !h-3\" size={8} />\r\n              </Button>\r\n            </Badge>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  if (isFileField(property)) {\r\n    return (\r\n      <FileUpload\r\n        value={Array.isArray(value) ? value : []}\r\n        property={property}\r\n        tag={getFileTagFromProperty(property)}\r\n        onChange={handleInputChange}\r\n        editing={true}\r\n        buildingId={buildingId}\r\n        onFileUpload={() => setActiveChanges?.(true)}\r\n        isFullWidthField={isFullWidthField(property)}\r\n      />\r\n    )\r\n  }\r\n\r\n  if (isDateField(property)) {\r\n    return (\r\n      <DatePicker\r\n        date={value instanceof Date ? value : (value ? new Date(value) : undefined)}\r\n        onSelect={date => handleInputChange(property, date)}\r\n      />\r\n    )\r\n  }\r\n\r\n  if (isEnumField(property)) {\r\n    const enumType = getEnumType(property)\r\n\r\n    // Multiselect for building type\r\n    if (property === 'buildingType') {\r\n      const selectedValues = Array.isArray(value) ? value : []\r\n      return (\r\n        <div className=\"space-y-2\">\r\n          <Select\r\n            value=\"\"\r\n            onValueChange={(newType) => {\r\n              if (!selectedValues.includes(newType)) {\r\n                handleInputChange(property, [...selectedValues, newType])\r\n              }\r\n            }}\r\n            disabled={!ability.can('update', 'Building')}\r\n          >\r\n            <SelectTrigger>\r\n              <SelectValue placeholder=\"Select building type(s)\" />\r\n            </SelectTrigger>\r\n            <SelectContent>\r\n              {BuildingTypeEnum\r\n                .filter(type => !selectedValues.includes(type))\r\n                .map(type => (\r\n                  <SelectItem key={type} value={type}>\r\n                    {type}\r\n                  </SelectItem>\r\n                ))}\r\n            </SelectContent>\r\n          </Select>\r\n          <div className=\"flex flex-wrap gap-1\">\r\n            {selectedValues.map(type => (\r\n              <Badge key={type} className=\"gap-1\" variant=\"secondary\">\r\n                {type}\r\n                <Button\r\n                  variant=\"ghost\"\r\n                  size=\"icon\"\r\n                  className=\"p-0 hover:bg-transparent w-auto h-auto\"\r\n                  onClick={() => {\r\n                    const updated = selectedValues.filter(t => t !== type)\r\n                    handleInputChange(property, updated)\r\n                  }}\r\n                  disabled={!ability.can('update', 'Building')}\r\n                >\r\n                  <X className=\"!w-3 !h-3\" size={8} />\r\n                </Button>\r\n              </Badge>\r\n            ))}\r\n          </div>\r\n        </div>\r\n      )\r\n    }\r\n\r\n    if (enumType === 'CountrySubdivisionData') {\r\n      // Resolve display name — handles both full (\"CA-ON\") and short (\"ON\") stored codes\r\n      const resolveSubdivisionName = (code: string): string => {\r\n        if (!code || !countrySubdivisionsData) return code\r\n        const exact = countrySubdivisionsData[code] as any\r\n        if (exact) return (exact?.name ?? exact) || code\r\n        const entry = Object.entries(countrySubdivisionsData).find(([k]) => k.endsWith(`-${code}`))\r\n        if (entry) return ((entry[1] as any)?.name ?? entry[1]) || code\r\n        return code\r\n      }\r\n      return (\r\n        <Select\r\n          value={value || ''}\r\n          onValueChange={val => handleInputChange(property, val)}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select subdivision\">\r\n              {value ? resolveSubdivisionName(value) : undefined}\r\n            </SelectValue>\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {Object.entries(countrySubdivisionsData).map(([code, sub]) => (\r\n              <SelectItem key={code} value={code}>\r\n                {(sub as any)?.name ?? code}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n\r\n    if (enumType === 'BuildingAssessmentConditions') {\r\n      return (\r\n        <Select\r\n          value={value || ''}\r\n          onValueChange={val => handleInputChange(property, val)}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select assessment condition\" />\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {Object.values(BuildingAssessmentConditions).map(condition => (\r\n              <SelectItem key={condition} value={condition}>\r\n                {condition.replaceAll('_', ' ')}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n\r\n    if (enumType === 'BuildingGeometryStyle') {\r\n      return (\r\n        <Select\r\n          value={value || ''}\r\n          onValueChange={val => handleInputChange(property, val)}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select geometry style\" />\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {Object.values(BuildingGeometryStyle).map(style => (\r\n              <SelectItem key={style} value={style}>\r\n                {style}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n\r\n    if (enumType === 'BuildingProjectPhase') {\r\n      return (\r\n        <Select\r\n          value={value || ''}\r\n          onValueChange={val => handleInputChange(property, val)}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select project phase\" />\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {Object.values(BuildingProjectPhase).map(phase => (\r\n              <SelectItem key={phase} value={phase}>\r\n                {phase.replaceAll('_', ' ')}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n\r\n    if (enumType === 'BuildingProjectType') {\r\n      return (\r\n        <Select\r\n          value={value || ''}\r\n          onValueChange={val => handleInputChange(property, val)}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select project type\" />\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {Object.values(BuildingProjectType).map(type => (\r\n              <SelectItem key={type} value={type}>\r\n                {type.replaceAll('_', ' ')}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n\r\n    if (enumType === 'BuildingOccupantType') {\r\n      return (\r\n        <Select\r\n          value={value || ''}\r\n          onValueChange={val => handleInputChange(property, val)}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select occupant type\" />\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {Object.values(BuildingOccupantType).map(type => (\r\n              <SelectItem key={type} value={type}>\r\n                {type.replaceAll('_', ' ').replace('Plus', '+')}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n\r\n    if (enumType === 'buildingAssessmentRatingCondition') {\r\n      return (\r\n        <Select\r\n          value={value || ''}\r\n          onValueChange={val => handleInputChange(property, val)}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select rating condition\" />\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {Object.values(BuildingAssessmentConditions).map(type => (\r\n              <SelectItem key={type} value={type}>\r\n                {type.replaceAll('_', ' ').replace('Plus', '+')}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n\r\n    if (enumType === 'BuildingManagementType') {\r\n      return (\r\n        <Select\r\n          value={value || ''}\r\n          onValueChange={val => handleInputChange(property, val)}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select management type\" />\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {Object.values(BuildingManagementType).map(type => (\r\n              <SelectItem key={type} value={type}>\r\n                {type.replaceAll('_', ' ').replace('Plus', '+')}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n\r\n    if (enumType === 'BuildingType') {\r\n      return (\r\n        <Select\r\n          value={value || ''}\r\n          onValueChange={val => handleInputChange(property, val)}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select management type\" />\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {BuildingTypeEnum.map(type => (\r\n              <SelectItem key={type} value={type}>\r\n                {type.replaceAll('_', ' ').replace('Plus', '+')}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n\r\n    if (enumType === 'BuildingElectricityServiceSize') {\r\n      return (\r\n        <Select\r\n          value={value || ''}\r\n          onValueChange={val => handleInputChange(property, val)}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select management type\" />\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {Object.values(BuildingElectricityServiceSize).map(type => (\r\n              <SelectItem key={type} value={type}>\r\n                {type.replaceAll('_', ' ').replace('Plus', '+').replace('Size', '')}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n    if (enumType === 'BuildingElectricityServiceLocation') {\r\n      return (\r\n        <Select\r\n          value={value || ''}\r\n          onValueChange={val => handleInputChange(property, val)}\r\n          disabled={!ability.can('update', 'Building')}\r\n        >\r\n          <SelectTrigger>\r\n            <SelectValue placeholder=\"Select management type\" />\r\n          </SelectTrigger>\r\n          <SelectContent>\r\n            {Object.values(BuildingElectricityServiceLocation).map(type => (\r\n              <SelectItem key={type} value={type}>\r\n                {type.replaceAll('_', ' ').replace('Plus', '+')}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n  }\r\n  \r\n  \r\n\r\n  if (property === 'buildingParentSiteId' && setActiveChanges) {\r\n    const { sites, isLoading } = useSites()\r\n    const [search, setSearch] = React.useState('')\r\n    const selectedIds = Array.isArray(value) ? value : (value ? [value] : [])\r\n    const filteredSites = React.useMemo(() => {\r\n      if (!sites) return []\r\n      if (!search) return sites\r\n      const lower = search.toLowerCase()\r\n      return sites.filter(site =>\r\n        (site.siteName && site.siteName.toLowerCase().includes(lower))\r\n        || (site.siteAddress && site.siteAddress.toLowerCase().includes(lower)),\r\n      )\r\n    }, [sites, search])\r\n    const selectedSites = sites?.filter(site => selectedIds.includes(site.id)) || []\r\n\r\n    return (\r\n      <div className=\"space-y-2\">\r\n        <Command>\r\n          <CommandInput\r\n            placeholder=\"Search for a site...\"\r\n            value={search}\r\n            onValueChange={setSearch}\r\n            disabled={isLoading}\r\n          />\r\n          <CommandList>\r\n            {isLoading && <CommandEmpty><LoadingSpinner /></CommandEmpty>}\r\n            {!isLoading && filteredSites.length === 0 && (\r\n              <CommandEmpty>{t('empty')}</CommandEmpty>\r\n            )}\r\n            <CommandGroup>\r\n              {filteredSites.map(site => (\r\n                <CommandItem\r\n                  key={site.id}\r\n                  value={site.id.toString()}\r\n                  onSelect={() => {\r\n                    if (!selectedIds.includes(site.id)) {\r\n                      handleInputChange(property, [...selectedIds, site.id])\r\n                    }\r\n                  }}\r\n                  disabled={selectedIds.includes(site.id)}\r\n                >\r\n                  <div>\r\n                    <div className=\"font-medium\">{site.siteName}</div>\r\n                    <div className=\"text-xs text-muted-foreground\">{site.siteAddress}</div>\r\n                  </div>\r\n                </CommandItem>\r\n              ))}\r\n            </CommandGroup>\r\n          </CommandList>\r\n        </Command>\r\n        <div className=\"flex flex-wrap gap-1\">\r\n          {selectedSites.map(site => (\r\n            <Badge key={site.id} className=\"gap-1\" variant=\"secondary\">\r\n              {site.siteName}\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"p-0 hover:bg-transparent w-auto h-auto\"\r\n                onClick={() => {\r\n                  handleInputChange(property, selectedIds.filter(id => id !== site.id))\r\n                }}\r\n                disabled={!ability.can('update', 'Building')}\r\n              >\r\n                <X className=\"!w-3 !h-3\" size={8} />\r\n              </Button>\r\n            </Badge>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  if (isTextAreaField(property)) {\r\n    return (\r\n      <Textarea\r\n        value={value || ''}\r\n        onChange={e => handleInputChange(property, e.target.value)}\r\n        rows={4}\r\n      />\r\n    )\r\n  }\r\n\r\n  if (Array.isArray(value)) {\r\n    return (\r\n      <>\r\n        <div className=\"flex flex-row gap-2\">\r\n          <Input\r\n            type=\"text\"\r\n            value=\"\"\r\n            onChange={() => {}}\r\n            placeholder=\"Add new item\"\r\n            disabled={!ability.can('update', 'Building')}\r\n          />\r\n          <Button variant=\"outline\" size=\"icon\" disabled={!ability.can('update', 'Building')}><Plus /></Button>\r\n        </div>\r\n        {/* Render Existing values */}\r\n        <div className=\"flex flex-row gap-2\">\r\n          {(value || []).map((item: string, index: number) => (\r\n            <Badge key={index} className=\"cursor-pointer inline-flex\" variant=\"secondary\">\r\n              {item}\r\n            </Badge>\r\n          ))}\r\n        </div>\r\n      </>\r\n    )\r\n  }\r\n\r\n  if (value === 'yes' || value === 'no') {\r\n    const bool = value === 'yes'\r\n    return (\r\n      <Checkbox\r\n        checked={bool}\r\n        onCheckedChange={checked => handleInputChange(property, checked ? 'yes' : 'no')}\r\n      />\r\n    )\r\n  }\r\n\r\n  if (typeof value === 'number' || (value === null && isNumberField(property))) {\r\n    return (\r\n      <Input\r\n        type=\"number\"\r\n        value={value === null || value === undefined ? '' : value}\r\n        onChange={(e) => {\r\n          const stringValue = e.target.value\r\n          const numValue = stringValue === '' ? null : Number(stringValue)\r\n          handleInputChange(property, numValue)\r\n        }}\r\n        disabled={!ability.can('update', 'Building')}\r\n      />\r\n    )\r\n  }\r\n\r\n  return (\r\n    <Input\r\n      value={String(value || '')}\r\n      onChange={e => handleInputChange(property, e.target.value)}\r\n      disabled={!ability.can('update', 'Building')}\r\n    />\r\n  )\r\n}\r\n\r\nexport default FieldRenderer"],"mappings":"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","names":["property","t","_a"]}