@collabdt/core 0.0.40

package/dist/core/components/viewers/map/src/compare/CompareDialog.js

@@ -0,0 +1,224 @@
+"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 LR from "lucide-react";
+import React from "react";
+import { useTranslations } from "next-intl";
+import { MapContext, useBuildingsContext } from "../../../../../store";
+import { useBuildingHeaders, useSiteHeaders } from "../../../Data/utils/Headers";
+import { Button, ExportData, ColorCircle } from "../../../../../components/ui/";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger
+} from "../../../../../components/ui/Dialog";
+import AddItem from "./AddItem";
+import {
+  DescriptionListItem
+} from "./description-list";
+import { fitBuildingsBounds } from "../../utils/fitBuildingsBounds";
+import { stringToColour } from "../../utils/stringToColour";
+function CompareDialog({ toggleOpen, compareItems, setCompareItems, handleAddBuilding, handleAddSite }) {
+  const t = useTranslations("CompareDialog");
+  const { comparing, setComparing } = useBuildingsContext();
+  const { state: mapState } = React.useContext(MapContext);
+  const { map } = mapState.map;
+  const [dialogOpen, setDialogOpen] = React.useState(false);
+  const isComparingSites = compareItems.some(
+    (item) => item.siteName !== void 0 || item.siteAddress !== void 0
+  );
+  const headers = isComparingSites ? useSiteHeaders() : useBuildingHeaders();
+  const excludedKeys = /* @__PURE__ */ new Set([
+    "id",
+    "buildingId",
+    "siteId",
+    "organizationIds",
+    "buildingOwnerIds",
+    "buildingName",
+    // Shown in header
+    "buildingAddress",
+    // Shown in header
+    "siteName",
+    // Shown in header
+    "siteAddress"
+    // Shown in header
+  ]);
+  const removeBuilding = (index) => {
+    const updatedBuildings = [...compareItems];
+    updatedBuildings.splice(index, 1);
+    setCompareItems(updatedBuildings);
+  };
+  const onCloseDialog = () => {
+    setDialogOpen(false);
+    toggleOpen();
+  };
+  const onCompare = () => {
+    setDialogOpen(true);
+    if (map) {
+      const buildingsWithCoords = compareItems.filter(
+        (item) => item.buildingLongitude != null && item.buildingLatitude != null
+      );
+      if (buildingsWithCoords.length > 0) {
+        const buildings = buildingsWithCoords.map((item) => __spreadProps(__spreadValues({}, item), {
+          id: parseInt(item.id),
+          buildingEmail: item.buildingEmail || "",
+          buildingPhoneNumber: item.buildingPhoneNumber || "",
+          buildingAddress: item.buildingAddress || "",
+          buildingStreetNumber: item.buildingStreetNumber || "",
+          buildingStreetName: item.buildingStreetName || "",
+          buildingStreetType: item.buildingStreetType || "",
+          buildingStreetDirection: item.buildingStreetDirection || ""
+        }));
+        fitBuildingsBounds(buildings, map);
+      }
+    }
+  };
+  const renderComparisonContent = () => {
+    if (compareItems.length === 0)
+      return null;
+    return headers.map((section, sectionIndex) => /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-12 gap-x-6 gap-y-0 border-b border-border", children: /* @__PURE__ */ jsx("div", { className: "col-span-12 py-3 px-2", children: /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground", children: section.title }) }) }),
+      section.subsections.map(
+        (subsection, subsectionIndex) => subsection.fields.filter((field) => !excludedKeys.has(field.property)).map((field, fieldIndex) => /* @__PURE__ */ jsx(DescriptionListItem, { label: field.label, children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 grid-flow-col auto-cols-fr", children: compareItems.map((item, itemIndex) => /* @__PURE__ */ jsxs("div", { className: `py-3 px-2 relative pointer-events-none ${itemIndex === 1 ? "md:bg-[#f9f9fa]" : ""}`, children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `pointer-events-none ${itemIndex === 1 ? `bg-[#f9f9fa] md:bg-transparent absolute h-full w-full top-0 left-0 origin-bottom scale-y-[2] -z-10` : ""}`
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground break-words", children: (() => {
+            const value = item[field.property];
+            if (value === null || value === void 0 || value === "null" || value === "" || Array.isArray(value) && value.length === 0) {
+              return /* @__PURE__ */ jsx("span", { className: "italic", children: "---" });
+            }
+            if (Array.isArray(value)) {
+              return value.join(", ");
+            }
+            if (value === true) return "Yes";
+            if (value === false) return "No";
+            return typeof value === "object" ? JSON.stringify(value) : String(value);
+          })() })
+        ] }, itemIndex)) }) }, `${subsectionIndex}-${fieldIndex}`))
+      )
+    ] }, sectionIndex));
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open: dialogOpen,
+      onOpenChange: (open) => {
+        setDialogOpen(open);
+        if (!open) {
+          toggleOpen();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { onClick: onCompare, children: t("compareNow") }) }),
+        /* @__PURE__ */ jsxs(DialogContent, { className: "w-screen h-screen max-w-screen sm:h-auto sm:max-w-[95vw] xl:max-w-[1200px] pb-0", closeClass: "hidden", children: [
+          /* @__PURE__ */ jsxs(DialogHeader, { className: "flex flex-row justify-between items-center", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsx(DialogTitle, { children: t("compare") }),
+              /* @__PURE__ */ jsxs(DialogDescription, { children: [
+                t("description1"),
+                " ",
+                isComparingSites ? t("sites") : t("buildings"),
+                " ",
+                t("description2")
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-2.5 h-full !m-0", children: [
+              /* @__PURE__ */ jsx(
+                ExportData,
+                {
+                  data: isComparingSites ? compareItems.map((item) => __spreadProps(__spreadValues({}, item), {
+                    id: Number(item.id)
+                  })) : compareItems.map((item) => __spreadProps(__spreadValues({}, item), {
+                    id: Number(item.id)
+                  })),
+                  variant: "secondary",
+                  type: isComparingSites ? "site" : "building"
+                }
+              ),
+              compareItems.length < 3 && /* @__PURE__ */ jsx(
+                AddItem,
+                {
+                  handleAddBuilding,
+                  handleAddSite,
+                  isComparingSites,
+                  icon: /* @__PURE__ */ jsx(LR.GitCompare, {}),
+                  variant: "secondary"
+                }
+              ),
+              /* @__PURE__ */ jsx(DialogClose, { onClick: onCloseDialog, asChild: true, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  className: "h-9 w-9 rounded-xl text-muted-foreground hover:bg-transparent focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background focus:ring-primary",
+                  children: /* @__PURE__ */ jsx(LR.X, { className: "!h-6 !w-6" })
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "max-h-[60vh] overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full", children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-12 gap-x-6 gap-y-0 border-y border-border sticky top-0 z-10 bg-background", children: [
+              /* @__PURE__ */ jsx("div", { className: "col-span-4 py-0 px-2 text-sm font-semibold text-foreground sticky left-0 bg-background" }),
+              /* @__PURE__ */ jsx("div", { className: "col-span-8 p-0", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 grid-flow-col auto-cols-fr h-full", children: compareItems.map((item, index) => /* @__PURE__ */ jsxs("div", { className: `flex flex-row justify-between py-3 px-2 ${index === 1 ? "bg-[#f9f9fa]" : "bg-background"}`, children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsxs("h3", { className: "text-xl text-card-foreground break-words  top-4", children: [
+                    /* @__PURE__ */ jsx(
+                      ColorCircle,
+                      {
+                        color: stringToColour(
+                          item.buildingName || item.buildingAddress || item.siteName || item.siteAddress || t("unknown")
+                        )
+                      }
+                    ),
+                    item.buildingName || item.buildingAddress || item.siteName || item.siteAddress || t("unknown")
+                  ] }),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground break-words", children: item.buildingName && item.buildingAddress || item.siteName && item.siteAddress })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent ml-2",
+                    onClick: () => removeBuilding(index),
+                    children: /* @__PURE__ */ jsx(LR.CircleMinus, { className: "" })
+                  }
+                )
+              ] }, index)) }) })
+            ] }),
+            renderComparisonContent()
+          ] }) })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  CompareDialog as default
+};
+//# sourceMappingURL=CompareDialog.js.map

package/dist/core/components/viewers/map/src/compare/CompareDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/map/src/compare/CompareDialog.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\nimport React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\n\r\n// Dependencies\r\n\r\n\r\nimport { MapContext, useBuildingsContext, CompareItem } from '../../../../../store'\r\nimport { useBuildingHeaders, useSiteHeaders } from '../../../Data/utils/Headers'\r\nimport { Button, ExportData, ColorCircle } from '../../../../../components/ui/'\r\n// Shadcn components\r\nimport {\r\n  Dialog,\r\n  DialogClose,\r\n  DialogContent,\r\n  DialogDescription,\r\n  DialogHeader,\r\n  DialogTitle,\r\n  DialogTrigger,\r\n} from '../../../../../components/ui/Dialog'\r\n\r\n// Custom Components\r\nimport AddItem from './AddItem'\r\nimport {\r\n  DescriptionListItem,\r\n} from './description-list'\r\nimport { fitBuildingsBounds } from '../../utils/fitBuildingsBounds'\r\nimport { stringToColour } from '../../utils/stringToColour'\r\nimport { Building, Site } from '../../../../../types/dbTypes'\r\n\r\ntype CompareDialogProps = {\r\n  toggleOpen: () => void\r\n  compareItems: CompareItem[]\r\n  setCompareItems: (items: CompareItem[]) => void\r\n  handleAddBuilding: (building: Building) => void\r\n  handleAddSite?: (site: Site) => void\r\n}\r\n\r\nexport default function CompareDialog({ toggleOpen, compareItems, setCompareItems, handleAddBuilding, handleAddSite }: CompareDialogProps) {\r\n  // Translation\r\n  const t = useTranslations('CompareDialog')\r\n\r\n  const { comparing, setComparing } = useBuildingsContext()\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { map } = mapState.map\r\n  const [dialogOpen, setDialogOpen] = React.useState(false)\r\n\r\n  // Determine if we're comparing buildings or sites\r\n  const isComparingSites = compareItems.some(item =>\r\n    item.siteName !== undefined || item.siteAddress !== undefined,\r\n  )\r\n\r\n  // Choose the appropriate headers\r\n  const headers = isComparingSites ? useSiteHeaders() : useBuildingHeaders()\r\n  const excludedKeys = new Set([\r\n    'id',\r\n    'buildingId',\r\n    'siteId',\r\n    'organizationIds',\r\n    'buildingOwnerIds',\r\n    'buildingName', // Shown in header\r\n    'buildingAddress', // Shown in header\r\n    'siteName', // Shown in header\r\n    'siteAddress', // Shown in header\r\n  ])\r\n\r\n  const removeBuilding = (index: number) => {\r\n    const updatedBuildings = [...compareItems]\r\n    updatedBuildings.splice(index, 1)\r\n    setCompareItems(updatedBuildings)\r\n  }\r\n\r\n  const onCloseDialog = () => {\r\n    setDialogOpen(false)\r\n    // Call the parent's toggleOpen to reset comparing state and clear items\r\n    toggleOpen()\r\n  }\r\n\r\n const onCompare = () => {\r\n    setDialogOpen(true)\r\n    if (map) {\r\n      // Filter items that have building coordinates\r\n      const buildingsWithCoords = compareItems.filter(item =>\r\n        item.buildingLongitude != null && item.buildingLatitude != null,\r\n      )\r\n      if (buildingsWithCoords.length > 0) {\r\n        const buildings: Building[] = buildingsWithCoords.map(item => ({\r\n          ...item,\r\n          id: parseInt(item.id),\r\n          buildingEmail: item.buildingEmail || '',\r\n          buildingPhoneNumber: item.buildingPhoneNumber || '',\r\n          buildingAddress: item.buildingAddress || '',\r\n          buildingStreetNumber: item.buildingStreetNumber || '',\r\n          buildingStreetName: item.buildingStreetName || '',\r\n          buildingStreetType: item.buildingStreetType || '',\r\n          buildingStreetDirection: item.buildingStreetDirection || '',\r\n        } as Building))\r\n        fitBuildingsBounds(buildings, map)\r\n      }\r\n    }\r\n  }\r\n\r\n  // Render properties organized by header sections\r\n  const renderComparisonContent = () => {\r\n    if (compareItems.length === 0)\r\n      return null\r\n\r\n    return headers.map((section, sectionIndex) => (\r\n      <div key={sectionIndex} className=\"mb-6\">\r\n        {/* Section Title */}\r\n        <div className=\"grid grid-cols-1 md:grid-cols-12 gap-x-6 gap-y-0 border-b border-border\">\r\n          <div className=\"col-span-12 py-3 px-2\">\r\n            <h3 className=\"text-lg font-semibold text-foreground\">{section.title}</h3>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Properties in this section */}\r\n        {section.subsections.map((subsection, subsectionIndex) =>\r\n          subsection.fields\r\n            .filter(field => !excludedKeys.has(field.property))\r\n            .map((field, fieldIndex) => (\r\n              <DescriptionListItem key={`${subsectionIndex}-${fieldIndex}`} label={field.label as string}>\r\n                <div className=\"grid grid-cols-1 grid-flow-col auto-cols-fr\">\r\n                  {compareItems.map((item, itemIndex) => (\r\n                    <div key={itemIndex} className={`py-3 px-2 relative pointer-events-none ${itemIndex === 1 ? 'md:bg-[#f9f9fa]' : ''}`}>\r\n                      <div\r\n                        className={`pointer-events-none ${itemIndex === 1 ? `bg-[#f9f9fa] md:bg-transparent absolute h-full w-full top-0 left-0 origin-bottom scale-y-[2] -z-10` : ''}`}\r\n                      >\r\n                      </div>\r\n                      <span className=\"text-sm text-muted-foreground break-words\">\r\n                        {(() => {\r\n                          const value = item[field.property]\r\n                          if (value === null\r\n                            || value === undefined\r\n                            || value === 'null'\r\n                            || value === ''\r\n                            || (Array.isArray(value) && value.length === 0)) {\r\n                            return <span className=\"italic\">---</span>\r\n                          }\r\n\r\n                          // Handle arrays by joining with commas\r\n                          if (Array.isArray(value)) {\r\n                            return value.join(', ')\r\n                          }\r\n\r\n                          if (value === true) return 'Yes'\r\n                          if (value === false) return 'No'\r\n\r\n                          // Handle other objects\r\n                          return typeof value === 'object'\r\n                            ? JSON.stringify(value)\r\n                            : String(value)\r\n                        })()}\r\n                      </span>\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              </DescriptionListItem>\r\n            )),\r\n        )}\r\n      </div>\r\n    ))\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Dialog\r\n        open={dialogOpen}\r\n        onOpenChange={(open) => {\r\n          setDialogOpen(open)\r\n          // When dialog closes, reset everything\r\n          if (!open) {\r\n            toggleOpen()\r\n          }\r\n        }}\r\n      >\r\n        <DialogTrigger asChild>\r\n          <Button onClick={onCompare}>\r\n            {t('compareNow')}\r\n          </Button>\r\n        </DialogTrigger>\r\n        <DialogContent className=\"w-screen h-screen max-w-screen sm:h-auto sm:max-w-[95vw] xl:max-w-[1200px] pb-0\" closeClass=\"hidden\">\r\n          <DialogHeader className=\"flex flex-row justify-between items-center\">\r\n            {/* Title & Description */}\r\n            <div className=\"flex flex-col gap-1.5\">\r\n              <DialogTitle>{t('compare')}</DialogTitle>\r\n              <DialogDescription>\r\n                {t('description1')}\r\n                {' '}\r\n                {isComparingSites ? t('sites') : t('buildings')}\r\n                {' '}\r\n                {t('description2')}\r\n              </DialogDescription>\r\n            </div>\r\n            {/* Export & Add buttons */}\r\n            <div className=\"flex flex-row gap-2.5 h-full !m-0\">\r\n              <ExportData\r\n                data={\r\n                  isComparingSites\r\n                    ? compareItems.map(item => ({\r\n                        ...item,\r\n                        id: Number(item.id),\r\n                      })) as Site[]\r\n                    : compareItems.map(item => ({\r\n                        ...item,\r\n                        id: Number(item.id),\r\n                      })) as Building[]\r\n                }\r\n                variant=\"secondary\"\r\n                type={isComparingSites ? \"site\" : \"building\"}\r\n              />\r\n              {/* Add buildings */}\r\n              {compareItems.length < 3 && (\r\n                <AddItem\r\n                  handleAddBuilding={handleAddBuilding}\r\n                  handleAddSite={handleAddSite}\r\n                  isComparingSites={isComparingSites}\r\n                  icon={<LR.GitCompare />}\r\n                  variant=\"secondary\"\r\n                />\r\n              )}\r\n\r\n              <DialogClose onClick={onCloseDialog} asChild>\r\n                <Button\r\n                  variant=\"ghost\"\r\n                  className=\"h-9 w-9 rounded-xl text-muted-foreground hover:bg-transparent focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background focus:ring-primary\"\r\n                >\r\n                  <LR.X className=\"!h-6 !w-6\" />\r\n                </Button>\r\n              </DialogClose>\r\n            </div>\r\n          </DialogHeader>\r\n\r\n          {/* Compare Layout */}\r\n          <div className=\"max-h-[60vh] overflow-y-auto\">\r\n            <div className=\"flex flex-col w-full\">\r\n              {/* Building headers row */}\r\n              <div className=\"grid grid-cols-1 md:grid-cols-12 gap-x-6 gap-y-0 border-y border-border sticky top-0 z-10 bg-background\">\r\n                <div className=\"col-span-4 py-0 px-2 text-sm font-semibold text-foreground sticky left-0 bg-background\">\r\n                  {/* Empty space for property labels column */}\r\n                </div>\r\n                <div className=\"col-span-8 p-0\">\r\n                  <div className=\"grid grid-cols-1 grid-flow-col auto-cols-fr h-full\">\r\n                    {compareItems.map((item, index) => (\r\n                      <div key={index} className={`flex flex-row justify-between py-3 px-2 ${index === 1 ? 'bg-[#f9f9fa]' : 'bg-background'}`}>\r\n                        {/* text */}\r\n                        <div className=\"flex-1\">\r\n                          <h3 className=\"text-xl text-card-foreground break-words  top-4\">\r\n                            <ColorCircle color={stringToColour(\r\n                              item.buildingName || item.buildingAddress\r\n                              || item.siteName || item.siteAddress || t('unknown'),\r\n                            )}\r\n                            />\r\n                            {item.buildingName || item.buildingAddress\r\n                              || item.siteName || item.siteAddress || t('unknown')}\r\n                          </h3>\r\n                          <p className=\"text-xs text-muted-foreground break-words\">\r\n                            {(item.buildingName && item.buildingAddress)\r\n                              || (item.siteName && item.siteAddress)}\r\n                          </p>\r\n                        </div>\r\n\r\n                        <Button\r\n                          variant=\"ghost\"\r\n                          size=\"icon\"\r\n                          className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent ml-2\"\r\n                          onClick={() => removeBuilding(index)}\r\n                        >\r\n                          <LR.CircleMinus className=\"\" />\r\n                        </Button>\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* Render comparison content organized by sections */}\r\n              {renderComparisonContent()}\r\n            </div>\r\n          </div>\r\n\r\n        </DialogContent>\r\n      </Dialog>\r\n    </>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/map/src/compare/description-list.d.ts

@@ -0,0 +1,22 @@
+import type { Building } from '../../../../../types/dbTypes';
+interface DescriptionListLabelProps {
+    label: string;
+    children: React.ReactNode;
+    compareBuildings?: Building[];
+    index?: number;
+}
+interface DescriptionListItemProps {
+    label: string;
+    children: React.ReactNode;
+    compareBuildings?: Building[];
+    index?: number;
+}
+interface DescriptionListProps {
+    compareBuildings: Building[];
+    index?: number;
+}
+export declare function DescriptionListLabel({ label }: DescriptionListLabelProps): import("react").JSX.Element;
+export declare function DescriptionListItem({ label, children }: DescriptionListItemProps): import("react").JSX.Element;
+export declare function DescriptionList({ compareBuildings, index }: DescriptionListProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=description-list.d.ts.map

package/dist/core/components/viewers/map/src/compare/description-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/src/compare/description-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAE5D,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,UAAU,oBAAoB;IAC5B,gBAAgB,EAAE,QAAQ,EAAE,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,yBAAyB,+BAQxE;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,wBAAwB,+BAWhF;AAED,wBAAgB,eAAe,CAAC,EAAE,gBAAgB,EAAE,KAAS,EAAE,EAAE,oBAAoB,+BAqBpF"}

package/dist/core/components/viewers/map/src/compare/description-list.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function DescriptionListLabel({ label }) {
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-12 gap-x-6 gap-y-2 py-5 md:py-6 border-t border-border", children: /* @__PURE__ */ jsx("div", { className: "col-span-4 text-sm font-semibold text-foreground", children: label }) });
+}
+function DescriptionListItem({ label, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-12 gap-x-6 gap-y-0 py-0 border-b border-border", children: [
+    /* @__PURE__ */ jsx("div", { className: "col-span-4 py-3 px-2 text-sm font-semibold text-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "col-span-8 text-sm text-muted-foreground p-0", children })
+  ] });
+}
+function DescriptionList({ compareBuildings, index = 0 }) {
+  const capitalizeLabel = (key) => {
+    return key.split(/(?=[A-Z])/).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+  };
+  return /* @__PURE__ */ jsx("div", { className: "bg-background", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: compareBuildings && compareBuildings.length > 0 && Object.entries(compareBuildings[index] || compareBuildings[0]).map(([key, value]) => /* @__PURE__ */ jsx(DescriptionListItem, { label: capitalizeLabel(key), children: typeof value === "object" ? JSON.stringify(value) : String(value) }, key)) }) });
+}
+export {
+  DescriptionList,
+  DescriptionListItem,
+  DescriptionListLabel
+};
+//# sourceMappingURL=description-list.js.map

package/dist/core/components/viewers/map/src/compare/description-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/map/src/compare/description-list.tsx"],"sourcesContent":["// Data\r\nimport type { Building } from '../../../../../types/dbTypes'\r\n\r\ninterface DescriptionListLabelProps {\r\n  label: string\r\n  children: React.ReactNode\r\n  compareBuildings?: Building[]\r\n  index?: number\r\n}\r\n\r\ninterface DescriptionListItemProps {\r\n  label: string\r\n  children: React.ReactNode\r\n  compareBuildings?: Building[]\r\n  index?: number\r\n}\r\n\r\ninterface DescriptionListProps {\r\n  compareBuildings: Building[]\r\n  index?: number\r\n}\r\n\r\nexport function DescriptionListLabel({ label }: DescriptionListLabelProps) {\r\n  return (\r\n    <div className=\"grid grid-cols-1 md:grid-cols-12 gap-x-6 gap-y-2 py-5 md:py-6 border-t border-border\">\r\n      <div className=\"col-span-4 text-sm font-semibold text-foreground\">\r\n        {label}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport function DescriptionListItem({ label, children }: DescriptionListItemProps) {\r\n  return (\r\n    <div className=\"grid grid-cols-1 md:grid-cols-12 gap-x-6 gap-y-0 py-0 border-b border-border\">\r\n      <div className=\"col-span-4 py-3 px-2 text-sm font-semibold text-foreground\">\r\n        {label}\r\n      </div>\r\n      <div className=\"col-span-8 text-sm text-muted-foreground p-0\">\r\n        {children}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport function DescriptionList({ compareBuildings, index = 0 }: DescriptionListProps) {\r\n  // Helper function to capitalize the first letter of each word\r\n  const capitalizeLabel = (key: string) => {\r\n    return key\r\n      .split(/(?=[A-Z])/)\r\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n      .join(' ')\r\n  }\r\n\r\n  return (\r\n    <div className=\"bg-background\">\r\n      <div className=\"flex flex-col\">\r\n        {compareBuildings && compareBuildings.length > 0\r\n          && Object.entries(compareBuildings[index] || compareBuildings[0]).map(([key, value]) => (\r\n            <DescriptionListItem key={key} label={capitalizeLabel(key)}>\r\n              {typeof value === 'object' ? JSON.stringify(value) : String(value)}\r\n            </DescriptionListItem>\r\n          ))}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"AAyBM,cASF,YATE;AAHC,SAAS,qBAAqB,EAAE,MAAM,GAA8B;AACzE,SACE,oBAAC,SAAI,WAAU,wFACb,8BAAC,SAAI,WAAU,oDACZ,iBACH,GACF;AAEJ;AAEO,SAAS,oBAAoB,EAAE,OAAO,SAAS,GAA6B;AACjF,SACE,qBAAC,SAAI,WAAU,gFACb;AAAA,wBAAC,SAAI,WAAU,8DACZ,iBACH;AAAA,IACA,oBAAC,SAAI,WAAU,gDACZ,UACH;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,EAAE,kBAAkB,QAAQ,EAAE,GAAyB;AAErF,QAAM,kBAAkB,CAAC,QAAgB;AACvC,WAAO,IACJ,MAAM,WAAW,EACjB,IAAI,UAAQ,KAAK,OAAO,CAAC,EAAE,YAAY,IAAI,KAAK,MAAM,CAAC,CAAC,EACxD,KAAK,GAAG;AAAA,EACb;AAEA,SACE,oBAAC,SAAI,WAAU,iBACb,8BAAC,SAAI,WAAU,iBACZ,8BAAoB,iBAAiB,SAAS,KAC1C,OAAO,QAAQ,iBAAiB,KAAK,KAAK,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAChF,oBAAC,uBAA8B,OAAO,gBAAgB,GAAG,GACtD,iBAAO,UAAU,WAAW,KAAK,UAAU,KAAK,IAAI,OAAO,KAAK,KADzC,GAE1B,CACD,GACL,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { Tool } from '../../../../../types/tools';
+import { Building } from '../../../../../types/dbTypes';
+type CompareProps = {
+    tool: Tool;
+    building?: Building;
+};
+export default function Compare({ tool, building }: CompareProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/src/compare/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAuBtD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAEvD,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,YAAY,qBA0K/D"}

package/dist/core/components/viewers/map/src/compare/index.js

@@ -0,0 +1,172 @@
+"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 LR from "lucide-react";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { usePermissions } from "../../../../../store";
+import { MapContext, useBuildingsContext } from "../../../../../store";
+import { Button } from "../../../../../components/ui/Button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle
+} from "../../../../../components/ui/Card";
+import AddBuildings from "./AddItem";
+import CompareDialog from "./CompareDialog";
+import { MarkerManager } from "../../utils/MarkerManager";
+import { stringToColour } from "../../utils/stringToColour";
+import ColorCircle from "../../../../../components/ui/ColorCircle";
+function Compare({ tool, building }) {
+  const t = useTranslations("Compare");
+  const { ability } = usePermissions();
+  const { state: mapState } = React.useContext(MapContext);
+  const { map } = mapState.map;
+  const { compareItems, setCompareItems, comparing, setComparing } = useBuildingsContext();
+  const [isOpen, setIsOpen] = React.useState(false);
+  const toggleOpen = () => {
+    setIsOpen(!isOpen);
+  };
+  const onCloseDialog = () => {
+    setComparing(false);
+  };
+  const handleClearAll = () => {
+    setComparing(false);
+    setCompareItems([]);
+  };
+  const markerManager = new MarkerManager();
+  React.useEffect(() => {
+    if (!map) return;
+    if (building && !compareItems.some((b) => b.id === String(building.id))) {
+      setCompareItems([...compareItems, __spreadProps(__spreadValues({}, building), { id: String(building.id) })]);
+      if (!comparing) return;
+      markerManager.create(
+        [building.buildingLongitude, building.buildingLatitude],
+        map,
+        {
+          allowMultiple: true,
+          layerColor: stringToColour(building.buildingName || building.buildingAddress)
+        }
+      );
+    }
+  }, [building, compareItems, map, comparing]);
+  const handleAddBuilding = (building2) => {
+    const compareItem = __spreadProps(__spreadValues({}, building2), { id: String(building2.id) });
+    setCompareItems([...compareItems, compareItem]);
+    markerManager.create(
+      [building2.buildingLongitude, building2.buildingLatitude],
+      map,
+      {
+        allowMultiple: true,
+        layerColor: stringToColour(building2.buildingName || building2.buildingAddress)
+      }
+    );
+  };
+  const cardAnimationClasses = `pointer-events-auto fixed left-1/2 transform -translate-x-1/2 bottom-0 transition-all duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 ${isOpen ? "" : "opacity-0 pointer-events-none"}`;
+  React.useEffect(() => {
+    const handleEsc = (event) => {
+      if (event.key === "Escape") {
+        setIsOpen(false);
+        setComparing(false);
+      }
+    };
+    window.addEventListener("keydown", handleEsc);
+    return () => window.removeEventListener("keydown", handleEsc);
+  }, [setComparing]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "icon",
+        variant: "ghost",
+        className: "flex justify-center items-center h-9 w-9 pointer-events-auto",
+        onClick: toggleOpen,
+        title: tool.title,
+        disabled: !ability.can("read", "Building"),
+        children: /* @__PURE__ */ jsx(LR.Columns3, {})
+      }
+    ),
+    /* @__PURE__ */ jsxs(Card, { className: `${cardAnimationClasses} z-20 w-[80vw] max-w-[900px]`, "data-state": isOpen ? "open" : "closed", children: [
+      /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row justify-between items-center py-0", children: [
+        /* @__PURE__ */ jsx(CardTitle, { children: t("compareBuildings") }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: toggleOpen,
+            className: "opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("close") }),
+              /* @__PURE__ */ jsx(LR.X, { size: 18 })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row p-6 gap-8 items-center border-2 border-dashed border-[#E3E1E4] border-opacity-50 bg-[#E3E1E4] bg-opacity-10 rounded-xl", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-2 items-stretch justify-center min-h-20", children: [
+          compareItems.map((item, index) => /* @__PURE__ */ jsxs(Card, { className: "flex flex-col relative", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "absolute top-2 right-2 opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent h-6 w-6",
+                onClick: () => {
+                  const updatedItems = [...compareItems];
+                  updatedItems.splice(index, 1);
+                  setCompareItems(updatedItems);
+                },
+                children: /* @__PURE__ */ jsx(LR.CircleMinus, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-col justify-center", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-2", children: [
+                /* @__PURE__ */ jsx(ColorCircle, { color: stringToColour(item.buildingName || item.buildingAddress || item.siteName || item.siteAddress) }),
+                /* @__PURE__ */ jsx(CardTitle, { children: item.buildingName || item.buildingAddress || item.siteName || item.siteAddress })
+              ] }),
+              /* @__PURE__ */ jsx(CardDescription, { children: item.buildingName && item.buildingAddress || item.siteName && item.siteAddress })
+            ] })
+          ] }, index)),
+          compareItems.length < 3 && /* @__PURE__ */ jsx(Card, { className: "flex flex-col", children: /* @__PURE__ */ jsx(CardHeader, { className: "text-muted-foreground flex-1 flex justify-center items-center p-0", children: /* @__PURE__ */ jsx(AddBuildings, { handleAddBuilding, className: "w-full h-full rounded-xl", variant: "ghost" }) }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx(
+            CompareDialog,
+            {
+              toggleOpen: onCloseDialog,
+              compareItems,
+              setCompareItems,
+              handleAddBuilding
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleClearAll, disabled: compareItems.length === 0, children: t("clearAll") })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+export {
+  Compare as default
+};
+//# sourceMappingURL=index.js.map

package/dist/core/components/viewers/map/src/compare/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/map/src/compare/index.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { usePermissions } from '../../../../../store'\r\n\r\nimport type { Tool } from '../../../../../types/tools'\r\n// Data\r\n\r\n\r\nimport { MapContext, useBuildingsContext } from '../../../../../store'\r\nimport { Button } from '../../../../../components/ui/Button'\r\n// Shadcn Components\r\nimport {\r\n  Card,\r\n  CardContent,\r\n  CardDescription,\r\n  CardFooter,\r\n  CardHeader,\r\n  CardTitle,\r\n} from '../../../../../components/ui/Card'\r\n\r\n\r\n// Custom Components\r\nimport AddBuildings from './AddItem'\r\nimport CompareDialog from './CompareDialog'\r\nimport { MarkerManager } from '../../utils/MarkerManager'\r\nimport { stringToColour } from '../../utils/stringToColour'\r\nimport ColorCircle from '../../../../../components/ui/ColorCircle'\r\nimport { Building } from '../../../../../types/dbTypes'\r\n\r\ntype CompareProps = {\r\n  tool: Tool\r\n  building?: Building\r\n}\r\n\r\nexport default function Compare({ tool, building }: CompareProps) {\r\n  // Translation\r\n  const t = useTranslations('Compare')\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { map } = mapState.map\r\n\r\n  const { compareItems, setCompareItems, comparing, setComparing } = useBuildingsContext()\r\n\r\n  const [isOpen, setIsOpen] = React.useState(false)\r\n\r\n  const toggleOpen = () => {\r\n    setIsOpen(!isOpen)\r\n  }\r\n\r\n  const onCloseDialog = () => {\r\n    setComparing(false)\r\n  }\r\n\r\n  const handleClearAll = () => {\r\n    setComparing(false)\r\n    setCompareItems([])\r\n  }\r\n\r\n  const markerManager = new MarkerManager()\r\n\r\n  // This useEffect was causing issues with building marker click events, removing for now\r\n\r\n  // Effect to handle building prop if provided\r\n  React.useEffect(() => {\r\n\r\n    if (!map) return;\r\n\r\n    if (building && !compareItems.some(b => b.id === String(building.id))) {\r\n      setCompareItems([...compareItems, { ...building, id: String(building.id) }]);\r\n\r\n      if (!comparing) return\r\n      markerManager.create(\r\n        [building.buildingLongitude, building.buildingLatitude],\r\n        map,\r\n        {\r\n          allowMultiple: true, layerColor: stringToColour(building.buildingName || building.buildingAddress)\r\n        }\r\n      );\r\n    }\r\n\r\n  }, [building, compareItems, map, comparing]);\r\n\r\n  const handleAddBuilding = (building: Building) => {\r\n    // Convert building to compareItem format with string ID\r\n    const compareItem = { ...building, id: String(building.id) }\r\n    setCompareItems([...compareItems, compareItem])\r\n    markerManager.create(\r\n      [building.buildingLongitude, building.buildingLatitude],\r\n      map,\r\n      {\r\n        allowMultiple: true,\r\n        layerColor: stringToColour(building.buildingName || building.buildingAddress),\r\n      },\r\n    )\r\n  }\r\n\r\n  const cardAnimationClasses = `pointer-events-auto fixed left-1/2 transform -translate-x-1/2 bottom-0 transition-all duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 ${isOpen ? '' : 'opacity-0 pointer-events-none'}`\r\n\r\n  // Close dialog and reset compareItems on Escape key\r\n  React.useEffect(() => {\r\n    const handleEsc = (event: KeyboardEvent) => {\r\n      if (event.key === 'Escape') {\r\n        setIsOpen(false)\r\n        setComparing(false)\r\n      }\r\n    }\r\n    window.addEventListener('keydown', handleEsc)\r\n    return () => window.removeEventListener('keydown', handleEsc)\r\n  }, [setComparing])\r\n\r\n  return (\r\n    <>\r\n      <Button\r\n        size=\"icon\"\r\n        variant=\"ghost\"\r\n        className=\"flex justify-center items-center h-9 w-9 pointer-events-auto\"\r\n        onClick={toggleOpen}\r\n        title={tool.title}\r\n        disabled={!ability.can('read', 'Building')}\r\n      >\r\n        <LR.Columns3 />\r\n      </Button>\r\n\r\n      <Card className={`${cardAnimationClasses} z-20 w-[80vw] max-w-[900px]`} data-state={isOpen ? 'open' : 'closed'}>\r\n        <CardHeader className=\"flex flex-row justify-between items-center py-0\">\r\n          <CardTitle>\r\n            {t('compareBuildings')}\r\n          </CardTitle>\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"icon\"\r\n            onClick={toggleOpen}\r\n            className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n          >\r\n            <span className=\"sr-only\">{t('close')}</span>\r\n            <LR.X size={18} />\r\n          </Button>\r\n        </CardHeader>\r\n\r\n        <CardContent className=\"p-0\">\r\n          <div className=\"flex flex-row p-6 gap-8 items-center border-2 border-dashed border-[#E3E1E4] border-opacity-50 bg-[#E3E1E4] bg-opacity-10 rounded-xl\">\r\n            {/* Building cards */}\r\n            <div className=\"flex flex-row gap-2 items-stretch justify-center min-h-20\">\r\n\r\n              {/* map over selected buildings and populate with building card */}\r\n              {compareItems.map((item, index) => (\r\n                <Card key={index} className=\"flex flex-col relative\">\r\n                  <Button\r\n                    variant=\"ghost\"\r\n                    size=\"icon\"\r\n                    className=\"absolute top-2 right-2 opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent h-6 w-6\"\r\n                    onClick={() => {\r\n                      const updatedItems = [...compareItems]\r\n                      updatedItems.splice(index, 1)\r\n                      setCompareItems(updatedItems)\r\n                    }}\r\n                  >\r\n                    <LR.CircleMinus className=\"h-4 w-4\" />\r\n                  </Button>\r\n                  <CardHeader className=\"flex flex-col justify-center\">\r\n                    <div className=\"flex items-center mb-2\">\r\n                      <ColorCircle color={stringToColour(item.buildingName || item.buildingAddress || item.siteName || item.siteAddress)} />\r\n                      <CardTitle>\r\n                        {item.buildingName || item.buildingAddress || item.siteName || item.siteAddress}\r\n                      </CardTitle>\r\n                    </div>\r\n                    <CardDescription>\r\n                      {(item.buildingName && item.buildingAddress) || (item.siteName && item.siteAddress)}\r\n                    </CardDescription>\r\n                  </CardHeader>\r\n                </Card>\r\n              ))}\r\n\r\n              {/* Add building button */}\r\n              {compareItems.length < 3 && (\r\n                <Card className=\"flex flex-col\">\r\n                  <CardHeader className=\"text-muted-foreground flex-1 flex justify-center items-center p-0\">\r\n                    <AddBuildings handleAddBuilding={handleAddBuilding} className=\"w-full h-full rounded-xl\" variant=\"ghost\" />\r\n                  </CardHeader>\r\n                </Card>\r\n              )}\r\n\r\n            </div>\r\n\r\n            {/* Compare Button */}\r\n            <div className=\"flex flex-col gap-2\">\r\n              <CompareDialog\r\n                toggleOpen={onCloseDialog}\r\n                compareItems={compareItems}\r\n                setCompareItems={setCompareItems}\r\n                handleAddBuilding={handleAddBuilding}\r\n              />\r\n              <Button variant=\"outline\" onClick={handleClearAll} disabled={compareItems.length === 0}>\r\n                {t('clearAll')}\r\n              </Button>\r\n            </div>\r\n          </div>\r\n        </CardContent>\r\n\r\n      </Card>\r\n    </>\r\n  )\r\n}\r\n"],"mappings":"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","names":["building"]}

package/dist/core/components/viewers/map/src/tools/AddTools/AddBuilding/BuildingAdder.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=BuildingAdder.d.ts.map

package/dist/core/components/viewers/map/src/tools/AddTools/AddBuilding/BuildingAdder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildingAdder.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddBuilding/BuildingAdder.tsx"],"names":[],"mappings":""}

package/dist/core/components/viewers/map/src/tools/AddTools/AddBuilding/BuildingAdder.js

@@ -0,0 +1 @@
+//# sourceMappingURL=BuildingAdder.js.map

package/dist/core/components/viewers/map/src/tools/AddTools/AddBuilding/BuildingAdder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/core/components/viewers/map/src/tools/AddTools/AddDataset/DatasetAdder.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+interface DatasetAdderProps {
+    onClose?: () => void;
+}
+/**
+ * Add a dataset to the map — from a dropped/picked GeoJSON file, or from a
+ * pasted URL (GeoJSON, ArcGIS Feature Service, or WMS).
+ *
+ * Vector sources (file / GeoJSON URL / ArcGIS) are parsed client-side and
+ * registered into DatasetsContext; the existing OpenDataLayers renderer draws
+ * them. WMS is a raster overlay added straight to the map.
+ *
+ * File uploads are additionally persisted: the raw GeoJSON is uploaded to MinIO
+ * and a File row is created so the dataset re-hydrates on the next load (via
+ * minioDatasets.ts). URL/WMS imports are session-only — there is no file to
+ * persist.
+ */
+export declare const DatasetAdder: ({ onClose }: DatasetAdderProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=DatasetAdder.d.ts.map

package/dist/core/components/viewers/map/src/tools/AddTools/AddDataset/DatasetAdder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetAdder.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddDataset/DatasetAdder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsD9B,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,GAAI,aAAa,iBAAiB,sBAwR1D,CAAA"}