@collabdt/core 0.0.40

package/dist/core/components/viewers/map/MapViewer.js

@@ -0,0 +1,140 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Map, { NavigationControl } from "react-map-gl/maplibre";
+import React from "react";
+import maplibregl from "maplibre-gl";
+import { useSearchParams } from "next/navigation";
+import { MapContext } from "../../../store";
+import { resolveBounds } from "./utils/validateBounds";
+import { MapClickManager } from "./utils/MapEventManager/MapClickManager";
+import DatasetManagerMenu from "./datasets/DatasetManager";
+import { MapLegendHost } from "./legends/MapLegendHost";
+import { StatsOverlay } from "../../ui/stats";
+import { MapHoverManager } from "./utils/MapEventManager/MapHoverManager";
+import { MapLayers } from "./src/MapLayers";
+import SettingsButton from "../../ui/SettingsButton";
+const CANADA_DEFAULTS = {
+  maxBounds: [-141, 41.6751050889, -52.6480987209, 83.23324],
+  zoom: 3,
+  lat: 56.415,
+  long: -98.74
+};
+const DEFAULT_MAP_STYLE = { name: "Satellite", url: "mapStyles/satellite.json" };
+function MapViewer({ width = "100%", height = "100%", organization }) {
+  var _a, _b;
+  const searchParams = useSearchParams();
+  const [isMapLoaded, setIsMapLoaded] = React.useState(false);
+  const viewState = React.useMemo(() => {
+    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
+    return searchParams.size === 0 ? {
+      zoom: (_a2 = organization.zoom) != null ? _a2 : CANADA_DEFAULTS.zoom,
+      bearing: (_b2 = organization.bearing) != null ? _b2 : 0,
+      pitch: (_c = organization.pitch) != null ? _c : 0,
+      longitude: (_d = organization.long) != null ? _d : CANADA_DEFAULTS.long,
+      latitude: (_e = organization.lat) != null ? _e : CANADA_DEFAULTS.lat
+    } : {
+      latitude: searchParams.has("lat") ? Number.parseFloat(searchParams.get("lat")) : (_f = organization.lat) != null ? _f : CANADA_DEFAULTS.lat,
+      longitude: searchParams.has("lng") ? Number.parseFloat(searchParams.get("lng")) : (_g = organization.long) != null ? _g : CANADA_DEFAULTS.long,
+      bearing: searchParams.has("bearing") ? Number.parseFloat(searchParams.get("bearing")) : (_h = organization.bearing) != null ? _h : 0,
+      pitch: searchParams.has("pitch") ? Number.parseFloat(searchParams.get("pitch")) : (_i = organization.pitch) != null ? _i : 0,
+      zoom: searchParams.has("zoom") ? Number.parseFloat(searchParams.get("zoom")) : (_j = organization.zoom) != null ? _j : CANADA_DEFAULTS.zoom
+    };
+  }, [searchParams, organization]);
+  const mapContainerStyle = React.useMemo(
+    () => ({ width, height, backgroundColor: "black" }),
+    [width, height]
+  );
+  const pixelRatio = React.useMemo(
+    () => Math.min(typeof window !== "undefined" ? window.devicePixelRatio : 1, 2),
+    []
+  );
+  const mapRef = React.useRef(null);
+  const { dispatch: mapDispatch, state: mapState } = React.useContext(MapContext);
+  const handleMapLoad = () => {
+    var _a2, _b2, _c, _d, _e, _f, _g, _h;
+    const map = mapRef.current.getMap();
+    if (mapRef.current) {
+      mapDispatch({
+        type: "SET_MAP",
+        payload: { map }
+      });
+    }
+    const mapClickManager = new MapClickManager(map);
+    mapDispatch({
+      type: "ADD_MAP_CLICK_MANAGER",
+      payload: { mapClickManager }
+    });
+    const mapHoverManager = new MapHoverManager(map);
+    mapDispatch({
+      type: "ADD_MAP_HOVER_MANAGER",
+      payload: { mapHoverManager }
+    });
+    const updatedLocation = {
+      // Then override with URL params (this ensures URL params take precedence)
+      lat: searchParams.has("lat") ? Number.parseFloat(searchParams.get("lat")) : (_a2 = organization.lat) != null ? _a2 : CANADA_DEFAULTS.lat,
+      lng: searchParams.has("lng") ? Number.parseFloat(searchParams.get("lng")) : (_b2 = organization.long) != null ? _b2 : CANADA_DEFAULTS.long,
+      bearing: searchParams.has("bearing") ? Number.parseFloat(searchParams.get("bearing")) : (_c = organization.bearing) != null ? _c : 0,
+      pitch: searchParams.has("pitch") ? Number.parseFloat(searchParams.get("pitch")) : (_d = organization.pitch) != null ? _d : 0,
+      zoom: searchParams.has("zoom") ? Number.parseFloat(searchParams.get("zoom")) : (_e = organization.zoom) != null ? _e : CANADA_DEFAULTS.zoom,
+      // Add location details from URL params if available
+      countrySubdivision: searchParams.has("countrySubdivision") ? searchParams.get("countrySubdivision") : (_f = organization.countrySubdivision) != null ? _f : "",
+      municipality: searchParams.has("municipality") ? searchParams.get("municipality") : (_g = organization.municipality) != null ? _g : "",
+      address: searchParams.has("address") ? searchParams.get("address") : "",
+      // organization.address,
+      site: searchParams.has("site") ? searchParams.get("site") : String((_h = organization.locationSiteId) != null ? _h : ""),
+      id: String(organization.id)
+    };
+    mapDispatch({
+      type: "UPDATE_LOCATION",
+      payload: { currentLocation: updatedLocation }
+    });
+    setIsMapLoaded(true);
+  };
+  const isDebug = searchParams.get("debug") === "1";
+  const onDblClick = React.useCallback((e) => {
+    var _a2, _b2;
+    if (process.env.NODE_ENV === "production") return;
+    const { lng, lat } = e.lngLat;
+    const elevation = ((_a2 = mapRef.current) == null ? void 0 : _a2.queryTerrainElevation([lng, lat])) || 0;
+    const coordinates = { lng, lat, elevation, zoom: (_b2 = mapRef.current) == null ? void 0 : _b2.getZoom() };
+    console.log("\u{1F4CD} Map coordinates:", coordinates);
+  }, []);
+  const mapStyle = (_a = mapState == null ? void 0 : mapState.map.mapStyle) != null ? _a : DEFAULT_MAP_STYLE;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Map,
+      {
+        id: "map-component",
+        mapStyle: mapStyle.url,
+        mapLib: maplibregl,
+        onLoad: handleMapLoad,
+        ref: mapRef,
+        style: mapContainerStyle,
+        initialViewState: viewState,
+        maxPitch: 60,
+        minZoom: (_b = organization == null ? void 0 : organization.minZoom) != null ? _b : CANADA_DEFAULTS.zoom,
+        maxBounds: resolveBounds(organization == null ? void 0 : organization.maxBounds, CANADA_DEFAULTS.maxBounds),
+        projection: "globe",
+        doubleClickZoom: false,
+        onDblClick,
+        pixelRatio,
+        children: [
+          /* @__PURE__ */ jsx(NavigationControl, { visualizePitch: true }),
+          /* @__PURE__ */ jsx(SettingsButton, {}),
+          isMapLoaded && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(MapLayers, {}),
+            /* @__PURE__ */ jsxs("div", { className: "absolute bottom-[10px] left-3 z-10 flex flex-col gap-2 pointer-events-none", children: [
+              /* @__PURE__ */ jsx(MapLegendHost, {}),
+              /* @__PURE__ */ jsx(DatasetManagerMenu, {})
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(StatsOverlay, { mapRef, enabled: isDebug })
+  ] });
+}
+export {
+  MapViewer
+};
+//# sourceMappingURL=MapViewer.js.map

package/dist/core/components/viewers/map/MapViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/viewers/map/MapViewer.tsx"],"sourcesContent":["'use client'\r\n\r\nimport Map, { MapRef, NavigationControl } from 'react-map-gl/maplibre'\r\nimport React from 'react'\r\n\r\nimport maplibregl, { LngLatBoundsLike } from 'maplibre-gl'\r\nimport { useSearchParams } from 'next/navigation'\r\n\r\nimport { MapContext } from '../../../store'\r\nimport { resolveBounds } from './utils/validateBounds'\r\n\r\nimport { MapClickManager } from './utils/MapEventManager/MapClickManager'\r\nimport DatasetManagerMenu from './datasets/DatasetManager'\r\nimport { MapLegendHost } from './legends/MapLegendHost'\r\nimport { StatsOverlay } from '../../ui/stats'\r\nimport { MapHoverManager } from './utils/MapEventManager/MapHoverManager'\r\nimport { Organization } from '../../../types/dbTypes'\r\nimport { CurrentLocation } from '../../../types/map'\r\nimport { MapLayers } from './src/MapLayers'\r\nimport SettingsButton from '../../ui/SettingsButton'\r\n\r\n// Audit Phase 1.D (F-4): hoist out of the component body so the object\r\n// identity is stable across renders. Was being recreated per render.\r\nconst CANADA_DEFAULTS = {\r\n  maxBounds: [-141.0, 41.6751050889, -52.6480987209, 83.23324] as LngLatBoundsLike,\r\n  zoom: 3,\r\n  lat: 56.415,\r\n  long: -98.74,\r\n} as const\r\n\r\nconst DEFAULT_MAP_STYLE = { name: 'Satellite', url: 'mapStyles/satellite.json' } as const\r\n\r\ninterface Props {\r\n  width?: string\r\n  height?: string\r\n  organization: Organization\r\n}\r\n\r\nexport function MapViewer({ width = '100%', height = '100%', organization  }: Props) {\r\n\r\n  const searchParams = useSearchParams()\r\n\r\n  // Add state to track if map is loaded\r\n  const [isMapLoaded, setIsMapLoaded] = React.useState(false)\r\n\r\n  // Audit Phase 1.D (F-4): memoize viewState so the Map sees a stable\r\n  // initialViewState prop across re-renders. Was recreated every render.\r\n  const viewState = React.useMemo(() => {\r\n    return searchParams.size === 0\r\n      ? {\r\n          zoom: organization.zoom ?? CANADA_DEFAULTS.zoom,\r\n          bearing: organization.bearing ?? 0,\r\n          pitch: organization.pitch ?? 0,\r\n          longitude: organization.long ?? CANADA_DEFAULTS.long,\r\n          latitude: organization.lat ?? CANADA_DEFAULTS.lat,\r\n        }\r\n      : {\r\n          latitude: searchParams.has('lat') ? Number.parseFloat(searchParams.get('lat')) : organization.lat ?? CANADA_DEFAULTS.lat,\r\n          longitude: searchParams.has('lng') ? Number.parseFloat(searchParams.get('lng')) : organization.long ?? CANADA_DEFAULTS.long,\r\n          bearing: searchParams.has('bearing') ? Number.parseFloat(searchParams.get('bearing')) : organization.bearing ?? 0,\r\n          pitch: searchParams.has('pitch') ? Number.parseFloat(searchParams.get('pitch')) : organization.pitch ?? 0,\r\n          zoom: searchParams.has('zoom') ? Number.parseFloat(searchParams.get('zoom')) : organization.zoom ?? CANADA_DEFAULTS.zoom,\r\n        }\r\n  }, [searchParams, organization])\r\n\r\n  // Audit Phase 1.D (F-4): memoize the inline style object that gets passed to <Map>.\r\n  const mapContainerStyle = React.useMemo(\r\n    () => ({ width, height, backgroundColor: 'black' }),\r\n    [width, height],\r\n  )\r\n\r\n  // Audit Phase 1.D (F-8): adaptive pixel ratio. Was hardcoded `2` which on a\r\n  // 1× DPR desktop monitor doubles the fragment-shader cost for zero visual\r\n  // gain. On phones with DPR 3-4 the cap of 2 stays effective.\r\n  const pixelRatio = React.useMemo(\r\n    () => Math.min(typeof window !== 'undefined' ? window.devicePixelRatio : 1, 2),\r\n    [],\r\n  )\r\n\r\n  const mapRef = React.useRef<MapRef>(null)\r\n  const { dispatch: mapDispatch, state: mapState } = React.useContext(MapContext)\r\n\r\n  const handleMapLoad = () => {\r\n    const map = mapRef.current.getMap()\r\n\r\n    // Only dispatch SET_MAP after map is fully loaded\r\n    if (mapRef.current) {\r\n      mapDispatch({\r\n        type: 'SET_MAP',\r\n        payload: { map },\r\n      })\r\n    }\r\n    // initilize a new click manager\r\n    const mapClickManager = new MapClickManager(map)\r\n    mapDispatch({\r\n      type: 'ADD_MAP_CLICK_MANAGER',\r\n      payload: { mapClickManager },\r\n    })\r\n\r\n    const mapHoverManager = new MapHoverManager(map)\r\n    mapDispatch({\r\n      type: 'ADD_MAP_HOVER_MANAGER',\r\n      payload: { mapHoverManager },\r\n    })\r\n\r\n    // update current Location with URL params or fallback to theme location\r\n    const updatedLocation: CurrentLocation = {\r\n      // Then override with URL params (this ensures URL params take precedence)\r\n      lat: searchParams.has('lat') ? Number.parseFloat(searchParams.get('lat')) : organization.lat ?? CANADA_DEFAULTS.lat,\r\n      lng: searchParams.has('lng') ? Number.parseFloat(searchParams.get('lng')) : organization.long ?? CANADA_DEFAULTS.long,\r\n      bearing: searchParams.has('bearing') ? Number.parseFloat(searchParams.get('bearing')) : organization.bearing ?? 0,\r\n      pitch: searchParams.has('pitch') ? Number.parseFloat(searchParams.get('pitch')) : organization.pitch ?? 0,\r\n      zoom: searchParams.has('zoom') ? Number.parseFloat(searchParams.get('zoom')) : organization.zoom ?? CANADA_DEFAULTS.zoom,\r\n      // Add location details from URL params if available\r\n      countrySubdivision: searchParams.has('countrySubdivision') ? searchParams.get('countrySubdivision') : (organization.countrySubdivision ?? ''),\r\n      municipality: searchParams.has('municipality') ? searchParams.get('municipality') : (organization.municipality ?? ''),\r\n      address: searchParams.has('address') ? searchParams.get('address') : '', // organization.address,\r\n      site: searchParams.has('site') ? searchParams.get('site') : String(organization.locationSiteId ?? ''),\r\n      id: String(organization.id),\r\n    }\r\n\r\n    mapDispatch({\r\n      type: 'UPDATE_LOCATION',\r\n      payload: { currentLocation: updatedLocation },\r\n    })\r\n\r\n    // Set map as loaded after all dispatches are complete\r\n    setIsMapLoaded(true)\r\n  }\r\n\r\n  // Audit Phase 0: enable the perf HUD by appending ?debug=1 to the URL.\r\n  // Never reaches production users unless they explicitly opt in.\r\n  const isDebug = searchParams.get('debug') === '1'\r\n\r\n  // Audit Phase 1.D (F-10): useCallback so the onDblClick prop identity is\r\n  // stable across renders of MapViewer (was a new function each render,\r\n  // causing react-map-gl to detach/re-attach the listener). Also gated the\r\n  // console.log behind a dev-mode check.\r\n  const onDblClick = React.useCallback((e) => {\r\n    if (process.env.NODE_ENV === 'production') return\r\n    const { lng, lat } = e.lngLat\r\n    const elevation = mapRef.current?.queryTerrainElevation([lng, lat]) || 0\r\n    const coordinates = { lng, lat, elevation, zoom: mapRef.current?.getZoom() }\r\n    console.log('📍 Map coordinates:', coordinates)\r\n  }, [])\r\n\r\n  const mapStyle = mapState?.map.mapStyle ?? DEFAULT_MAP_STYLE;\r\n\r\n  return (\r\n    <>\r\n      <Map\r\n        id=\"map-component\"\r\n        mapStyle={ mapStyle.url}\r\n        mapLib={maplibregl}\r\n        onLoad={handleMapLoad}\r\n        ref={mapRef}\r\n        style={mapContainerStyle}\r\n        initialViewState={viewState}\r\n        maxPitch={60}\r\n        minZoom={organization?.minZoom ?? CANADA_DEFAULTS.zoom}\r\n        maxBounds={resolveBounds(organization?.maxBounds, CANADA_DEFAULTS.maxBounds)}\r\n        projection=\"globe\"\r\n        doubleClickZoom={false}\r\n        onDblClick={onDblClick}\r\n        pixelRatio={pixelRatio}\r\n      >\r\n        <NavigationControl visualizePitch />\r\n        <SettingsButton /> \r\n        {isMapLoaded\r\n          && (\r\n            <>\r\n              <MapLayers />\r\n              {/* Bottom-left stack: legend above the layers/styling card, gap auto-managed by flex. */}\r\n              <div className=\"absolute bottom-[10px] left-3 z-10 flex flex-col gap-2 pointer-events-none\">\r\n                <MapLegendHost />\r\n                <DatasetManagerMenu />\r\n              </div>\r\n            </>\r\n          )}\r\n      </Map>\r\n      <StatsOverlay mapRef={mapRef} enabled={isDebug} />\r\n    </>\r\n\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","_b"]}

package/dist/core/components/viewers/map/datasets/AddPortalDialog.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface AddPortalDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare const AddPortalDialog: ({ open, onOpenChange }: AddPortalDialogProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=AddPortalDialog.d.ts.map

package/dist/core/components/viewers/map/datasets/AddPortalDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddPortalDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/map/datasets/AddPortalDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,UAAU,oBAAoB;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAeD,eAAO,MAAM,eAAe,GAAI,wBAAwB,oBAAoB,sBAwL3E,CAAA"}

package/dist/core/components/viewers/map/datasets/AddPortalDialog.js

@@ -0,0 +1,229 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as LR from "lucide-react";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "../../../ui/Dialog";
+import { Button } from "../../../ui/Button";
+import { Input } from "../../../ui/Input";
+import { Label } from "../../../ui/Label";
+import { useCreateOpenDataPortal } from "../../../../hooks/openDataPortals/openDataPortals";
+import { DatasetGroup, DataManagementSystem } from "../../../../types/dbTypes";
+const EMPTY_FORM = {
+  name: "",
+  group: DatasetGroup.Municipal,
+  portalUrl: "",
+  dataManagementSystem: void 0,
+  apiUrl: "",
+  countrySubdivision: "",
+  municipality: "",
+  country: ""
+};
+const AddPortalDialog = ({ open, onOpenChange }) => {
+  var _a, _b, _c, _d, _e, _f;
+  const [form, setForm] = React.useState(EMPTY_FORM);
+  const [submitError, setSubmitError] = React.useState(null);
+  const { createOpenDataPortal, isMutating } = useCreateOpenDataPortal();
+  const update = (field, value) => {
+    setForm((prev) => __spreadProps(__spreadValues({}, prev), { [field]: value }));
+  };
+  const handleSubmit = async (e) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    e.preventDefault();
+    setSubmitError(null);
+    if (!form.name.trim()) {
+      setSubmitError("Name is required");
+      return;
+    }
+    const payload = {
+      name: form.name.trim(),
+      group: form.group,
+      portalUrl: ((_a2 = form.portalUrl) == null ? void 0 : _a2.trim()) || void 0,
+      dataManagementSystem: form.dataManagementSystem || void 0,
+      apiUrl: ((_b2 = form.apiUrl) == null ? void 0 : _b2.trim()) || void 0,
+      countrySubdivision: ((_c2 = form.countrySubdivision) == null ? void 0 : _c2.trim()) || void 0,
+      municipality: ((_d2 = form.municipality) == null ? void 0 : _d2.trim()) || void 0,
+      country: ((_e2 = form.country) == null ? void 0 : _e2.trim()) || void 0
+    };
+    try {
+      await createOpenDataPortal(payload);
+      setForm(EMPTY_FORM);
+      onOpenChange(false);
+    } catch (err) {
+      setSubmitError(err instanceof Error ? err.message : "Failed to create portal");
+    }
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[520px]", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Add Open Data Portal" }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: "Register a new external data portal. Only Name and Group are required." })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxs(Label, { htmlFor: "portal-name", children: [
+          "Name",
+          /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "portal-name",
+            value: form.name,
+            onChange: (e) => update("name", e.target.value),
+            disabled: isMutating,
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxs(Label, { htmlFor: "portal-group", children: [
+            "Group",
+            /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              id: "portal-group",
+              className: "h-9 rounded-md border border-input bg-transparent px-3 text-sm",
+              value: form.group,
+              onChange: (e) => update("group", e.target.value),
+              disabled: isMutating,
+              children: Object.values(DatasetGroup).map((g) => /* @__PURE__ */ jsx("option", { value: g, children: g }, g))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "portal-dms", children: "Data Management System" }),
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              id: "portal-dms",
+              className: "h-9 rounded-md border border-input bg-transparent px-3 text-sm",
+              value: (_a = form.dataManagementSystem) != null ? _a : "",
+              onChange: (e) => update("dataManagementSystem", e.target.value || void 0),
+              disabled: isMutating,
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "(none)" }),
+                Object.values(DataManagementSystem).map((d) => /* @__PURE__ */ jsx("option", { value: d, children: d }, d))
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "portal-portalUrl", children: "Portal URL" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "portal-portalUrl",
+            type: "url",
+            value: (_b = form.portalUrl) != null ? _b : "",
+            onChange: (e) => update("portalUrl", e.target.value),
+            disabled: isMutating,
+            placeholder: "https://example.com/open-data"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "portal-apiUrl", children: "API URL" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "portal-apiUrl",
+            type: "url",
+            value: (_c = form.apiUrl) != null ? _c : "",
+            onChange: (e) => update("apiUrl", e.target.value),
+            disabled: isMutating,
+            placeholder: "https://example.com/api"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "portal-municipality", children: "Municipality" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "portal-municipality",
+              value: (_d = form.municipality) != null ? _d : "",
+              onChange: (e) => update("municipality", e.target.value),
+              disabled: isMutating
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "portal-countrySubdivision", children: "Subdivision" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "portal-countrySubdivision",
+              value: (_e = form.countrySubdivision) != null ? _e : "",
+              onChange: (e) => update("countrySubdivision", e.target.value),
+              disabled: isMutating,
+              placeholder: "CA-ON"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "portal-country", children: "Country" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "portal-country",
+              value: (_f = form.country) != null ? _f : "",
+              onChange: (e) => update("country", e.target.value),
+              disabled: isMutating,
+              placeholder: "CA"
+            }
+          )
+        ] })
+      ] }),
+      submitError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: submitError }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => onOpenChange(false),
+            disabled: isMutating,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isMutating, children: isMutating ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(LR.Loader2, { className: "mr-1 h-4 w-4 animate-spin" }),
+          "Adding\u2026"
+        ] }) : "Add Portal" })
+      ] })
+    ] })
+  ] }) });
+};
+export {
+  AddPortalDialog
+};
+//# sourceMappingURL=AddPortalDialog.js.map

package/dist/core/components/viewers/map/datasets/AddPortalDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/map/datasets/AddPortalDialog.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogDescription,\r\n  DialogHeader,\r\n  DialogTitle,\r\n} from '../../../ui/Dialog'\r\nimport { Button } from '../../../ui/Button'\r\nimport { Input } from '../../../ui/Input'\r\nimport { Label } from '../../../ui/Label'\r\nimport { useCreateOpenDataPortal } from '../../../../hooks/openDataPortals/openDataPortals'\r\nimport { DatasetGroup, DataManagementSystem } from '../../../../types/dbTypes'\r\nimport type { OpenDataPortal } from '../../../../types/dbTypes'\r\n\r\ninterface AddPortalDialogProps {\r\n  open: boolean\r\n  onOpenChange: (open: boolean) => void\r\n}\r\n\r\ntype FormState = Omit<OpenDataPortal, 'id'>\r\n\r\nconst EMPTY_FORM: FormState = {\r\n  name: '',\r\n  group: DatasetGroup.Municipal,\r\n  portalUrl: '',\r\n  dataManagementSystem: undefined,\r\n  apiUrl: '',\r\n  countrySubdivision: '',\r\n  municipality: '',\r\n  country: '',\r\n}\r\n\r\nexport const AddPortalDialog = ({ open, onOpenChange }: AddPortalDialogProps) => {\r\n  const [form, setForm] = React.useState<FormState>(EMPTY_FORM)\r\n  const [submitError, setSubmitError] = React.useState<string | null>(null)\r\n  const { createOpenDataPortal, isMutating } = useCreateOpenDataPortal()\r\n\r\n  const update = <K extends keyof FormState>(field: K, value: FormState[K]) => {\r\n    setForm(prev => ({ ...prev, [field]: value }))\r\n  }\r\n\r\n  const handleSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault()\r\n    setSubmitError(null)\r\n    if (!form.name.trim()) {\r\n      setSubmitError('Name is required')\r\n      return\r\n    }\r\n\r\n    // Strip empty optionals so the row doesn't carry literal empty strings.\r\n    const payload: FormState = {\r\n      name: form.name.trim(),\r\n      group: form.group,\r\n      portalUrl: form.portalUrl?.trim() || undefined,\r\n      dataManagementSystem: form.dataManagementSystem || undefined,\r\n      apiUrl: form.apiUrl?.trim() || undefined,\r\n      countrySubdivision: form.countrySubdivision?.trim() || undefined,\r\n      municipality: form.municipality?.trim() || undefined,\r\n      country: form.country?.trim() || undefined,\r\n    }\r\n\r\n    try {\r\n      await createOpenDataPortal(payload)\r\n      setForm(EMPTY_FORM)\r\n      onOpenChange(false)\r\n    }\r\n    catch (err) {\r\n      setSubmitError(err instanceof Error ? err.message : 'Failed to create portal')\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={onOpenChange}>\r\n      <DialogContent className=\"sm:max-w-[520px]\">\r\n        <DialogHeader>\r\n          <DialogTitle>Add Open Data Portal</DialogTitle>\r\n          <DialogDescription>\r\n            Register a new external data portal. Only Name and Group are required.\r\n          </DialogDescription>\r\n        </DialogHeader>\r\n\r\n        <form onSubmit={handleSubmit} className=\"flex flex-col gap-3\">\r\n          <div className=\"flex flex-col gap-1\">\r\n            <Label htmlFor=\"portal-name\">\r\n              Name\r\n              <span className=\"text-destructive ml-0.5\">*</span>\r\n            </Label>\r\n            <Input\r\n              id=\"portal-name\"\r\n              value={form.name}\r\n              onChange={e => update('name', e.target.value)}\r\n              disabled={isMutating}\r\n              required\r\n            />\r\n          </div>\r\n\r\n          <div className=\"grid grid-cols-2 gap-3\">\r\n            <div className=\"flex flex-col gap-1\">\r\n              <Label htmlFor=\"portal-group\">\r\n                Group\r\n                <span className=\"text-destructive ml-0.5\">*</span>\r\n              </Label>\r\n              <select\r\n                id=\"portal-group\"\r\n                className=\"h-9 rounded-md border border-input bg-transparent px-3 text-sm\"\r\n                value={form.group as string}\r\n                onChange={e => update('group', e.target.value as DatasetGroup)}\r\n                disabled={isMutating}\r\n              >\r\n                {Object.values(DatasetGroup).map(g => (\r\n                  <option key={g} value={g}>{g}</option>\r\n                ))}\r\n              </select>\r\n            </div>\r\n\r\n            <div className=\"flex flex-col gap-1\">\r\n              <Label htmlFor=\"portal-dms\">Data Management System</Label>\r\n              <select\r\n                id=\"portal-dms\"\r\n                className=\"h-9 rounded-md border border-input bg-transparent px-3 text-sm\"\r\n                value={(form.dataManagementSystem as string) ?? ''}\r\n                onChange={e => update('dataManagementSystem', (e.target.value || undefined) as DataManagementSystem | undefined)}\r\n                disabled={isMutating}\r\n              >\r\n                <option value=\"\">(none)</option>\r\n                {Object.values(DataManagementSystem).map(d => (\r\n                  <option key={d} value={d}>{d}</option>\r\n                ))}\r\n              </select>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"flex flex-col gap-1\">\r\n            <Label htmlFor=\"portal-portalUrl\">Portal URL</Label>\r\n            <Input\r\n              id=\"portal-portalUrl\"\r\n              type=\"url\"\r\n              value={form.portalUrl ?? ''}\r\n              onChange={e => update('portalUrl', e.target.value)}\r\n              disabled={isMutating}\r\n              placeholder=\"https://example.com/open-data\"\r\n            />\r\n          </div>\r\n\r\n          <div className=\"flex flex-col gap-1\">\r\n            <Label htmlFor=\"portal-apiUrl\">API URL</Label>\r\n            <Input\r\n              id=\"portal-apiUrl\"\r\n              type=\"url\"\r\n              value={form.apiUrl ?? ''}\r\n              onChange={e => update('apiUrl', e.target.value)}\r\n              disabled={isMutating}\r\n              placeholder=\"https://example.com/api\"\r\n            />\r\n          </div>\r\n\r\n          <div className=\"grid grid-cols-3 gap-3\">\r\n            <div className=\"flex flex-col gap-1\">\r\n              <Label htmlFor=\"portal-municipality\">Municipality</Label>\r\n              <Input\r\n                id=\"portal-municipality\"\r\n                value={form.municipality ?? ''}\r\n                onChange={e => update('municipality', e.target.value)}\r\n                disabled={isMutating}\r\n              />\r\n            </div>\r\n            <div className=\"flex flex-col gap-1\">\r\n              <Label htmlFor=\"portal-countrySubdivision\">Subdivision</Label>\r\n              <Input\r\n                id=\"portal-countrySubdivision\"\r\n                value={form.countrySubdivision ?? ''}\r\n                onChange={e => update('countrySubdivision', e.target.value)}\r\n                disabled={isMutating}\r\n                placeholder=\"CA-ON\"\r\n              />\r\n            </div>\r\n            <div className=\"flex flex-col gap-1\">\r\n              <Label htmlFor=\"portal-country\">Country</Label>\r\n              <Input\r\n                id=\"portal-country\"\r\n                value={form.country ?? ''}\r\n                onChange={e => update('country', e.target.value)}\r\n                disabled={isMutating}\r\n                placeholder=\"CA\"\r\n              />\r\n            </div>\r\n          </div>\r\n\r\n          {submitError && (\r\n            <p className=\"text-sm text-destructive\">{submitError}</p>\r\n          )}\r\n\r\n          <div className=\"flex justify-end gap-2 pt-2\">\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"outline\"\r\n              onClick={() => onOpenChange(false)}\r\n              disabled={isMutating}\r\n            >\r\n              Cancel\r\n            </Button>\r\n            <Button type=\"submit\" disabled={isMutating}>\r\n              {isMutating\r\n                ? (\r\n                    <>\r\n                      <LR.Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\r\n                      Adding…\r\n                    </>\r\n                  )\r\n                : 'Add Portal'}\r\n            </Button>\r\n          </div>\r\n        </form>\r\n      </DialogContent>\r\n    </Dialog>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","_b","_c","_d","_e"]}

package/dist/core/components/viewers/map/datasets/DatasetDetails.d.ts

@@ -0,0 +1,8 @@
+import type { Dataset } from '../../../../types/datasetTypes';
+import * as React from 'react';
+interface DatasetDetailsProps {
+    selectedDataset?: Dataset;
+}
+export default function DatasetDetails({ selectedDataset }: DatasetDetailsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DatasetDetails.d.ts.map

package/dist/core/components/viewers/map/datasets/DatasetDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetDetails.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/map/datasets/DatasetDetails.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,mBAAmB;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,eAAe,EAAE,EAAE,mBAAmB,qBAiK9E"}

package/dist/core/components/viewers/map/datasets/DatasetDetails.js

@@ -0,0 +1,128 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DescriptionListItem } from "../../../../components/ui/DescriptionList";
+import { Button, Badge, Separator } from "../../../../components/ui/";
+import { Card, CardContent } from "../../../../components/ui/Card";
+import * as LR from "lucide-react";
+import Link from "next/link";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { useFastDatasetCache } from "./src/useFastDatasetCache";
+function DatasetDetails({ selectedDataset }) {
+  var _a, _b;
+  const t = useTranslations("DatasetDetails");
+  const [featuresData, setFeaturesData] = React.useState(null);
+  const [featuresLoading, setFeaturesLoading] = React.useState(false);
+  const { getFromCache } = useFastDatasetCache();
+  React.useEffect(() => {
+    let isMounted = true;
+    if (!selectedDataset) {
+      setFeaturesData(null);
+      return;
+    }
+    setFeaturesLoading(true);
+    getFromCache(selectedDataset).then((data) => {
+      if (isMounted) {
+        setFeaturesData(data);
+      }
+    }).catch((err) => {
+      console.error("Failed to load dataset features:", err);
+      if (isMounted) setFeaturesData(null);
+    }).finally(() => {
+      if (isMounted) setFeaturesLoading(false);
+    });
+    return () => {
+      isMounted = false;
+    };
+  }, [selectedDataset, getFromCache]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col p-6 sm:h-[718px] overflow-y-auto max-h-[80vh]", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-3 md:gap-6 py-3 border-t border-border", children: /* @__PURE__ */ jsx(DescriptionListItem, { label: "Url", children: /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: selectedDataset.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "underline text-blue-600",
+        children: selectedDataset.url
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 md:gap-6 py-3 border-t border-border", children: [
+      /* @__PURE__ */ jsx(DescriptionListItem, { label: t("publisherLabel"), children: selectedDataset.publisher || t("noPublisher") }),
+      /* @__PURE__ */ jsx(Separator, { className: "md:hidden" }),
+      /* @__PURE__ */ jsx(DescriptionListItem, { label: t("licenseLabel"), children: selectedDataset.license ? getLicense(selectedDataset.license) : t("noLicense") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 md:gap-6 py-3 border-t border-border", children: [
+      /* @__PURE__ */ jsx(DescriptionListItem, { label: t("email"), className: `${selectedDataset.contact ? "underline" : ""}`, children: selectedDataset.contact || t("noEmail") }),
+      /* @__PURE__ */ jsx(Separator, { className: "md:hidden" }),
+      /* @__PURE__ */ jsx(DescriptionListItem, { label: t("typeLabel"), children: selectedDataset.type })
+    ] }),
+    (selectedDataset.dateReleased || selectedDataset.dateUpdated) && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 md:gap-6 py-3 border-t border-border", children: [
+      /* @__PURE__ */ jsx(DescriptionListItem, { label: t("dateReleasedLabel"), children: formatDate(selectedDataset.dateReleased) || t("noDateReleased") }),
+      /* @__PURE__ */ jsx(Separator, { className: "md:hidden" }),
+      /* @__PURE__ */ jsx(DescriptionListItem, { label: t("dateUpdatedLabel"), children: formatDate(selectedDataset.dateUpdated) || t("noDateUpdated") })
+    ] }),
+    featuresData && featuresData.editingInfo && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 md:gap-6 py-3 border-t border-border", children: [
+      /* @__PURE__ */ jsx(DescriptionListItem, { label: t("lastEditDateLabel"), children: featuresLoading ? t("loading") : ((_a = featuresData == null ? void 0 : featuresData.editingInfo) == null ? void 0 : _a.lastEditDate) ? formatDate(featuresData.editingInfo.lastEditDate) : t("unknown") }),
+      /* @__PURE__ */ jsx(Separator, { className: "md:hidden" }),
+      /* @__PURE__ */ jsx(DescriptionListItem, { label: t("dataLastEditDateLabel"), children: featuresLoading ? t("loading") : ((_b = featuresData == null ? void 0 : featuresData.editingInfo) == null ? void 0 : _b.dataLastEditDate) ? formatDate(featuresData.editingInfo.dataLastEditDate) : t("unknown") })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-3 md:gap-6 py-3 border-t border-border", children: /* @__PURE__ */ jsx(DescriptionListItem, { label: t("keywordsLabel"), className: "flex gap-2", children: selectedDataset.keywords && selectedDataset.keywords.length > 0 ? selectedDataset.keywords.map((keyword, index) => /* @__PURE__ */ jsx(Badge, { className: "max-h-10 flex cursor-pointer items-start max-w-[120px] truncate", title: keyword, children: keyword }, index)) : /* @__PURE__ */ jsx(Badge, { children: "Keyword" }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-3 md:gap-6 py-3 border-t border-border", children: /* @__PURE__ */ jsx(DescriptionListItem, { label: t("descriptionLabel"), children: selectedDataset.description || t("noDescription") }) }),
+    selectedDataset.files && selectedDataset.files.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-3 md:gap-6 py-3 border-t border-border", children: /* @__PURE__ */ jsx(DescriptionListItem, { label: "Data and Resources", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col md:flex-row gap-2 md:gap-6 w-full", children: /* @__PURE__ */ jsx(Card, { className: "w-full", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-4 md:p-6 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(LR.File, { className: "w-4 h-4 text-foreground shrink-0" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-card-foreground underline", children: "Placeholder" }) }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", className: "hidden md:!flex", children: "Explore" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "md:hidden",
+            children: /* @__PURE__ */ jsx(LR.Download, {})
+          }
+        )
+      ] })
+    ] }) }) }) }) })
+  ] });
+}
+function formatDate(dateString) {
+  if (!dateString) return "Unknown";
+  const date = new Date(dateString);
+  if (isNaN(date.getTime())) return dateString;
+  return date.toISOString().slice(0, 10);
+}
+function getLicense(license) {
+  const htmlRegex = /<a[^>]+href=['"]([^'"]+)['"][^>]*>(.*?)<\/a>/i;
+  const match = htmlRegex.exec(license);
+  if (match) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: match[1],
+        target: "_blank",
+        rel: "nofollow ugc noopener noreferrer",
+        className: "underline text-blue-600",
+        children: match[2] || match[1]
+      }
+    );
+  }
+  const urlRegex = /^https?:\/\/[^\s]+$/i;
+  if (urlRegex.test(license)) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: license,
+        target: "_blank",
+        rel: "nofollow ugc noopener noreferrer",
+        className: "underline text-blue-600",
+        children: license
+      }
+    );
+  }
+  return license;
+}
+export {
+  DatasetDetails as default
+};
+//# sourceMappingURL=DatasetDetails.js.map

package/dist/core/components/viewers/map/datasets/DatasetDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/map/datasets/DatasetDetails.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Shadcn Components\r\nimport { DescriptionListItem } from '../../../../components/ui/DescriptionList'\r\nimport { Button, Badge, Separator } from '../../../../components/ui/'\r\nimport { Card, CardContent } from '../../../../components/ui/Card'\r\nimport * as LR from 'lucide-react'\r\nimport type { Dataset } from '../../../../types/datasetTypes'\r\nimport Link from 'next/link'\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { useFastDatasetCache } from './src/useFastDatasetCache'\r\n\r\ninterface DatasetDetailsProps {\r\n  selectedDataset?: Dataset\r\n}\r\n\r\nexport default function DatasetDetails({ selectedDataset }: DatasetDetailsProps) {\r\n  // Translation\r\n  const t = useTranslations('DatasetDetails')\r\n\r\n  const [featuresData, setFeaturesData] = React.useState<any>(null)\r\n  const [featuresLoading, setFeaturesLoading] = React.useState(false)\r\n  const { getFromCache } = useFastDatasetCache()\r\n\r\n  React.useEffect(() => {\r\n    let isMounted = true\r\n    \r\n    if (!selectedDataset) {\r\n      setFeaturesData(null)\r\n      return\r\n    }\r\n\r\n    setFeaturesLoading(true)\r\n    \r\n    getFromCache(selectedDataset).then((data) => {\r\n      if (isMounted) {\r\n        setFeaturesData(data)\r\n      }\r\n    }).catch(err => {\r\n      console.error('Failed to load dataset features:', err)\r\n      if (isMounted) setFeaturesData(null)\r\n    }).finally(() => {\r\n      if (isMounted) setFeaturesLoading(false)\r\n    })\r\n\r\n    return () => { isMounted = false }\r\n  }, [selectedDataset, getFromCache])\r\n\r\n  // console.log(\"Features Data:\", featuresData);\r\n\r\n  return (\r\n    <div className=\"flex flex-col p-6 sm:h-[718px] overflow-y-auto max-h-[80vh]\">\r\n      {/* 2 column headers */}\r\n      <div className=\"grid grid-cols-1 gap-3 md:gap-6 py-3 border-t border-border\">\r\n        <DescriptionListItem label=\"Url\">\r\n          <Link\r\n            href={selectedDataset.url}\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            className=\"underline text-blue-600\"\r\n          >\r\n            {selectedDataset.url}\r\n          </Link>\r\n        </DescriptionListItem>\r\n      </div>\r\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3 md:gap-6 py-3 border-t border-border\">\r\n        <DescriptionListItem label={t('publisherLabel')}>\r\n          {selectedDataset.publisher || t('noPublisher')}\r\n        </DescriptionListItem>\r\n        <Separator className=\"md:hidden\" />\r\n        <DescriptionListItem label={t('licenseLabel')}>\r\n          {selectedDataset.license\r\n            ? (\r\n                getLicense(selectedDataset.license)\r\n              )\r\n            : t('noLicense')}\r\n        </DescriptionListItem>\r\n      </div>\r\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3 md:gap-6 py-3 border-t border-border\">\r\n        <DescriptionListItem label={t('email')} className={`${selectedDataset.contact ? 'underline' : ''}`}>\r\n          {selectedDataset.contact || t('noEmail')}\r\n        </DescriptionListItem>\r\n        <Separator className=\"md:hidden\" />\r\n        <DescriptionListItem label={t('typeLabel')}>\r\n          {selectedDataset.type}\r\n        </DescriptionListItem>\r\n      </div>\r\n\r\n      {(selectedDataset.dateReleased || selectedDataset.dateUpdated) && (\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3 md:gap-6 py-3 border-t border-border\">\r\n          <DescriptionListItem label={t('dateReleasedLabel')}>\r\n            {formatDate(selectedDataset.dateReleased) || t('noDateReleased')}\r\n          </DescriptionListItem>\r\n          <Separator className=\"md:hidden\" />\r\n          <DescriptionListItem label={t('dateUpdatedLabel')}>\r\n            {formatDate(selectedDataset.dateUpdated) || t('noDateUpdated')}\r\n          </DescriptionListItem>\r\n        </div>\r\n      )}\r\n\r\n      {featuresData && featuresData.editingInfo && (\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3 md:gap-6 py-3 border-t border-border\">\r\n          <DescriptionListItem label={t('lastEditDateLabel')}>\r\n            {featuresLoading\r\n              ? t('loading')\r\n              : (featuresData?.editingInfo?.lastEditDate\r\n                  ? formatDate(featuresData.editingInfo.lastEditDate)\r\n                  : t('unknown'))}\r\n          </DescriptionListItem>\r\n          <Separator className=\"md:hidden\" />\r\n          <DescriptionListItem label={t('dataLastEditDateLabel')}>\r\n            {featuresLoading\r\n              ? t('loading')\r\n              : (featuresData?.editingInfo?.dataLastEditDate\r\n                  ? formatDate(featuresData.editingInfo.dataLastEditDate)\r\n                  : t('unknown'))}\r\n          </DescriptionListItem>\r\n        </div>\r\n      )}\r\n\r\n      {/* Full width headers */}\r\n      <div className=\"grid grid-cols-1 gap-3 md:gap-6 py-3 border-t border-border\">\r\n        <DescriptionListItem label={t('keywordsLabel')} className=\"flex gap-2\">\r\n          {selectedDataset.keywords && selectedDataset.keywords.length > 0\r\n            ? (\r\n                selectedDataset.keywords.map((keyword, index) => (\r\n                  <Badge className=\"max-h-10 flex cursor-pointer items-start max-w-[120px] truncate\" title={keyword} key={index}>\r\n                    {keyword}\r\n                  </Badge>\r\n                ))\r\n              )\r\n            : (\r\n                <Badge>\r\n                  Keyword\r\n                </Badge>\r\n              )}\r\n        </DescriptionListItem>\r\n      </div>\r\n      <div className=\"grid grid-cols-1 gap-3 md:gap-6 py-3 border-t border-border\">\r\n        <DescriptionListItem label={t('descriptionLabel')}>\r\n          {selectedDataset.description || t('noDescription')}\r\n        </DescriptionListItem>\r\n      </div>\r\n\r\n      {/* Files */}\r\n      {selectedDataset.files && selectedDataset.files.length > 0 && (\r\n        <div className=\"grid grid-cols-1 gap-3 md:gap-6 py-3 border-t border-border\">\r\n          <DescriptionListItem label=\"Data and Resources\">\r\n            <div className=\"flex flex-col md:flex-row gap-2 md:gap-6 w-full\">\r\n              <Card className=\"w-full\">\r\n                <CardContent className=\"p-4 md:p-6 flex items-center gap-3\">\r\n                  <LR.File className=\"w-4 h-4 text-foreground shrink-0\" />\r\n                  <div className=\"flex items-center justify-between w-full\">\r\n                    <div className=\"flex items-center gap-2\">\r\n                      <span className=\"text-sm font-semibold text-card-foreground underline\">\r\n                        Placeholder\r\n                      </span>\r\n                    </div>\r\n                    <Button variant=\"outline\" className=\"hidden md:!flex\">\r\n                      Explore\r\n                    </Button>\r\n                    <Button\r\n                      variant=\"outline\"\r\n                      size=\"icon\"\r\n                      className=\"md:hidden\"\r\n                    >\r\n                      <LR.Download />\r\n                    </Button>\r\n                  </div>\r\n                </CardContent>\r\n              </Card>\r\n            </div>\r\n          </DescriptionListItem>\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nfunction formatDate(dateString: string): string {\r\n  if (!dateString) return 'Unknown'\r\n  // Parse ISO string and format as YYYY-MM-DD\r\n  const date = new Date(dateString)\r\n  if (isNaN(date.getTime())) return dateString\r\n  return date.toISOString().slice(0, 10)\r\n}\r\n\r\nfunction getLicense(license: string) {\r\n  // Extract URL from HTML or use as is\r\n  const htmlRegex = /<a[^>]+href=['\"]([^'\"]+)['\"][^>]*>(.*?)<\\/a>/i\r\n  const match = htmlRegex.exec(license)\r\n  if (match) {\r\n    return (\r\n      <a\r\n        href={match[1]}\r\n        target=\"_blank\"\r\n        rel=\"nofollow ugc noopener noreferrer\"\r\n        className=\"underline text-blue-600\"\r\n      >\r\n        {match[2] || match[1]}\r\n      </a>\r\n    )\r\n  }\r\n  // If it's a plain URL string\r\n  const urlRegex = /^https?:\\/\\/[^\\s]+$/i\r\n  if (urlRegex.test(license)) {\r\n    return (\r\n      <a\r\n        href={license}\r\n        target=\"_blank\"\r\n        rel=\"nofollow ugc noopener noreferrer\"\r\n        className=\"underline text-blue-600\"\r\n      >\r\n        {license}\r\n      </a>\r\n    )\r\n  }\r\n  // Otherwise, just show as text\r\n  return license\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/map/datasets/DatasetManager/index.d.ts

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

package/dist/core/components/viewers/map/datasets/DatasetManager/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/datasets/DatasetManager/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA6H9B,MAAM,CAAC,OAAO,UAAU,kBAAkB,sBA+LzC"}