@collabdt/core 0.0.40

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

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as LR from "lucide-react";
+import { useTranslations } from "next-intl";
+import { Skeleton } from "../../../ui/";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../../ui/Table";
+function DatasetSkeleton() {
+  const t = useTranslations("Datasets");
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full px-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-center items-center py-4", children: [
+      /* @__PURE__ */ jsx(LR.Loader2, { className: "h-5 w-5 animate-spin mr-2" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("fetchingDatasets") })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableHead, { className: "w-10 p-2" }),
+        /* @__PURE__ */ jsx(TableHead, { className: "max-w-md", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }) }),
+        /* @__PURE__ */ jsx(TableHead, { className: "!hidden md:!table-cell whitespace-nowrap", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }) }),
+        /* @__PURE__ */ jsx(TableHead, { className: "!hidden md:!table-cell whitespace-nowrap", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }) }),
+        /* @__PURE__ */ jsx(TableHead, { className: "whitespace-nowrap", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12" }) }),
+        /* @__PURE__ */ jsx(TableHead, { className: "w-10" })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: Array.from({ length: 9 }).map((_, index) => /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { className: "w-10 p-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
+          " ",
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
+          " "
+        ] }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "max-w-md", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "!hidden md:!table-cell whitespace-nowrap", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "!hidden md:!table-cell whitespace-nowrap", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "whitespace-nowrap", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-14" }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "w-10 p-2", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }) })
+      ] }, index)) })
+    ] }) })
+  ] });
+}
+export {
+  DatasetSkeleton as default
+};
+//# sourceMappingURL=DatasetSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/map/datasets/DatasetSkeleton.tsx"],"sourcesContent":["import * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { Skeleton } from '../../../ui/'\r\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../../../ui/Table'\r\n\r\nexport default function DatasetSkeleton() {\r\n  const t = useTranslations('Datasets')\r\n\r\n  return (\r\n    <div className=\"flex flex-col h-full px-6\">\r\n      <div className=\"flex justify-center items-center py-4\">\r\n        <LR.Loader2 className=\"h-5 w-5 animate-spin mr-2\" />\r\n        <span className=\"text-sm text-muted-foreground\">{t('fetchingDatasets')}</span>\r\n      </div>\r\n      <div className=\"flex-1 overflow-auto\">\r\n        <Table>\r\n          <TableHeader>\r\n            <TableRow>\r\n              {/* Leading cell - actions column header */}\r\n              <TableHead className=\"w-10 p-2\">\r\n              </TableHead>\r\n              {/* Name column */}\r\n              <TableHead className=\"max-w-md\">\r\n                <Skeleton className=\"h-4 w-16\" />\r\n              </TableHead>\r\n              {/* Subdivision column */}\r\n              <TableHead className=\"!hidden md:!table-cell whitespace-nowrap\">\r\n                <Skeleton className=\"h-4 w-20\" />\r\n              </TableHead>\r\n              {/* Municipality column */}\r\n              <TableHead className=\"!hidden md:!table-cell whitespace-nowrap\">\r\n                <Skeleton className=\"h-4 w-24\" />\r\n              </TableHead>\r\n              {/* Type column */}\r\n              <TableHead className=\"whitespace-nowrap\">\r\n                <Skeleton className=\"h-4 w-12\" />\r\n              </TableHead>\r\n              {/* Trailing cell - actions */}\r\n              <TableHead className=\"w-10\"></TableHead>\r\n            </TableRow>\r\n          </TableHeader>\r\n          <TableBody>\r\n            {Array.from({ length: 9 }).map((_, index) => (\r\n              <TableRow key={index}>\r\n                {/* Leading cell - checkbox and star */}\r\n                <TableCell className=\"w-10 p-2\">\r\n                  <div className=\"flex items-center gap-2\">\r\n                    <Skeleton className=\"h-4 w-4\" /> {/* Checkbox */}\r\n                    <Skeleton className=\"h-4 w-4\" /> {/* Star */}\r\n                  </div>\r\n                </TableCell>\r\n                {/* Name column */}\r\n                <TableCell className=\"max-w-md\">\r\n                  <Skeleton className=\"h-4 w-48\" />\r\n                </TableCell>\r\n                {/* Province column */}\r\n                <TableCell className=\"!hidden md:!table-cell whitespace-nowrap\">\r\n                  <Skeleton className=\"h-4 w-16\" />\r\n                </TableCell>\r\n                {/* Municipality column */}\r\n                <TableCell className=\"!hidden md:!table-cell whitespace-nowrap\">\r\n                  <Skeleton className=\"h-4 w-20\" />\r\n                </TableCell>\r\n                {/* Type column */}\r\n                <TableCell className=\"whitespace-nowrap\">\r\n                  <Skeleton className=\"h-4 w-14\" />\r\n                </TableCell>\r\n                {/* Trailing cell - chevron */}\r\n                <TableCell className=\"w-10 p-2\">\r\n                  <Skeleton className=\"h-4 w-4\" />\r\n                </TableCell>\r\n              </TableRow>\r\n            ))}\r\n          </TableBody>\r\n        </Table>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"AAUM,SACE,KADF;AAVN,YAAY,QAAQ;AACpB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,OAAO,WAAW,WAAW,WAAW,aAAa,gBAAgB;AAE/D,SAAR,kBAAmC;AACxC,QAAM,IAAI,gBAAgB,UAAU;AAEpC,SACE,qBAAC,SAAI,WAAU,6BACb;AAAA,yBAAC,SAAI,WAAU,yCACb;AAAA,0BAAC,GAAG,SAAH,EAAW,WAAU,6BAA4B;AAAA,MAClD,oBAAC,UAAK,WAAU,iCAAiC,YAAE,kBAAkB,GAAE;AAAA,OACzE;AAAA,IACA,oBAAC,SAAI,WAAU,wBACb,+BAAC,SACC;AAAA,0BAAC,eACC,+BAAC,YAEC;AAAA,4BAAC,aAAU,WAAU,YACrB;AAAA,QAEA,oBAAC,aAAU,WAAU,YACnB,8BAAC,YAAS,WAAU,YAAW,GACjC;AAAA,QAEA,oBAAC,aAAU,WAAU,4CACnB,8BAAC,YAAS,WAAU,YAAW,GACjC;AAAA,QAEA,oBAAC,aAAU,WAAU,4CACnB,8BAAC,YAAS,WAAU,YAAW,GACjC;AAAA,QAEA,oBAAC,aAAU,WAAU,qBACnB,8BAAC,YAAS,WAAU,YAAW,GACjC;AAAA,QAEA,oBAAC,aAAU,WAAU,QAAO;AAAA,SAC9B,GACF;AAAA,MACA,oBAAC,aACE,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,UACjC,qBAAC,YAEC;AAAA,4BAAC,aAAU,WAAU,YACnB,+BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,YAAS,WAAU,WAAU;AAAA,UAAE;AAAA,UAChC,oBAAC,YAAS,WAAU,WAAU;AAAA,UAAE;AAAA,WAClC,GACF;AAAA,QAEA,oBAAC,aAAU,WAAU,YACnB,8BAAC,YAAS,WAAU,YAAW,GACjC;AAAA,QAEA,oBAAC,aAAU,WAAU,4CACnB,8BAAC,YAAS,WAAU,YAAW,GACjC;AAAA,QAEA,oBAAC,aAAU,WAAU,4CACnB,8BAAC,YAAS,WAAU,YAAW,GACjC;AAAA,QAEA,oBAAC,aAAU,WAAU,qBACnB,8BAAC,YAAS,WAAU,YAAW,GACjC;AAAA,QAEA,oBAAC,aAAU,WAAU,YACnB,8BAAC,YAAS,WAAU,WAAU,GAChC;AAAA,WA3Ba,KA4Bf,CACD,GACH;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+type FiltersProps = {
+    datasets: any[];
+    appliedFilters: {
+        countrySubdivisions: string[];
+        municipalities: string[];
+        types: string[];
+        sources: string[];
+    };
+    onFiltersChange: (filters: {
+        countrySubdivisions: string[];
+        municipalities: string[];
+        types: string[];
+        sources: string[];
+    }) => void;
+};
+export default function Filters({ datasets, appliedFilters, onFiltersChange }: FiltersProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Filters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/map/datasets/Filters.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,GAAG,EAAE,CAAA;IACf,cAAc,EAAE;QACd,mBAAmB,EAAE,MAAM,EAAE,CAAA;QAC7B,cAAc,EAAE,MAAM,EAAE,CAAA;QACxB,KAAK,EAAE,MAAM,EAAE,CAAA;QACf,OAAO,EAAE,MAAM,EAAE,CAAA;KAClB,CAAA;IACD,eAAe,EAAE,CAAC,OAAO,EAAE;QAAE,mBAAmB,EAAE,MAAM,EAAE,CAAC;QAAC,cAAc,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,IAAI,CAAA;CACpI,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,YAAY,qBA8I1F"}

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

@@ -0,0 +1,152 @@
+"use client";
+var __defProp = Object.defineProperty;
+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;
+};
+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 { Badge, Button } from "../../../../components/ui/";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "../../../../components/ui/DropdownMenu";
+import NestedFilter from "./NestedFilter";
+function Filters({ datasets, appliedFilters, onFiltersChange }) {
+  const t = useTranslations("Filters");
+  const { ability } = usePermissions();
+  const [content, setContent] = React.useState(true);
+  const [label, setLabel] = React.useState("");
+  const totalAppliedFilters = Object.values(appliedFilters).reduce((total, filterArray) => {
+    return total + filterArray.length;
+  }, 0);
+  const handleContent = (e, label2) => {
+    e.stopPropagation();
+    e.preventDefault();
+    setContent(!content);
+    if (label2) {
+      setLabel(label2);
+    }
+  };
+  const getUniqueValues = (field) => {
+    var _a, _b;
+    const values = /* @__PURE__ */ new Set();
+    const isSource = field === t("sourceLower");
+    for (const dataset of datasets) {
+      const value = isSource ? (_b = (_a = dataset.portal) == null ? void 0 : _a.name) != null ? _b : dataset.publisher : dataset[field];
+      if (value && value !== "") {
+        values.add(value);
+      }
+    }
+    return [...values].sort();
+  };
+  const handleFilterChange = (filterType, selectedValues) => {
+    const newFilters = __spreadValues({}, appliedFilters);
+    switch (filterType) {
+      case "subdivision": {
+        newFilters.countrySubdivisions = selectedValues;
+        break;
+      }
+      case "municipality": {
+        newFilters.municipalities = selectedValues;
+        break;
+      }
+      case "type": {
+        newFilters.types = selectedValues;
+        break;
+      }
+      case "source": {
+        newFilters.sources = selectedValues;
+        break;
+      }
+    }
+    onFiltersChange(newFilters);
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        className: "dropdown-menu-trigger",
+        onClick: (e) => e.stopPropagation(),
+        disabled: !ability.can("read", "File"),
+        children: [
+          totalAppliedFilters > 0 ? /* @__PURE__ */ jsx(Badge, { variant: "default", className: "", children: totalAppliedFilters }) : /* @__PURE__ */ jsx(LR.ListFilter, {}),
+          /* @__PURE__ */ jsx("span", { children: t("filters") })
+        ]
+      }
+    ) }),
+    content ? /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("filters") }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx(
+        DropdownMenuItem,
+        {
+          onClick: (e) => {
+            handleContent(e, t("countrySubdivisionLower"));
+          },
+          children: t("countrySubdivision")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DropdownMenuItem,
+        {
+          onClick: (e) => {
+            handleContent(e, t("municipalityLower"));
+          },
+          children: t("municipality")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DropdownMenuItem,
+        {
+          onClick: (e) => {
+            handleContent(e, t("typeLower"));
+          },
+          children: t("type")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DropdownMenuItem,
+        {
+          onClick: (e) => {
+            handleContent(e, t("sourceLower"));
+          },
+          children: t("source")
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(
+      NestedFilter,
+      {
+        label,
+        handleContent,
+        setContent,
+        availableValues: getUniqueValues(label),
+        selectedValues: label === t("countrySubdivisionLower") ? appliedFilters.countrySubdivisions : label === t("municipalityLower") ? appliedFilters.municipalities : label === t("typeLower") ? appliedFilters.types : label === t("sourceLower") ? appliedFilters.sources : [],
+        onSelectionChange: (selectedValues) => handleFilterChange(label, selectedValues)
+      }
+    )
+  ] }) });
+}
+export {
+  Filters as default
+};
+//# sourceMappingURL=Filters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/map/datasets/Filters.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 { Badge, Button } from '../../../../components/ui/'\r\n// Shadcn Components\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n} from '../../../../components/ui/DropdownMenu'\r\n\r\n// Custom Components\r\nimport NestedFilter from './NestedFilter'\r\n\r\ntype FiltersProps = {\r\n  datasets: any[]\r\n  appliedFilters: {\r\n    countrySubdivisions: string[]\r\n    municipalities: string[]\r\n    types: string[]\r\n    sources: string[]\r\n  }\r\n  onFiltersChange: (filters: { countrySubdivisions: string[], municipalities: string[], types: string[], sources: string[] }) => void\r\n}\r\n\r\nexport default function Filters({ datasets, appliedFilters, onFiltersChange }: FiltersProps) {\r\n  // Translation\r\n  const t = useTranslations('Filters')\r\n\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  // State to control which view is displayed\r\n  const [content, setContent] = React.useState(true)\r\n  const [label, setLabel] = React.useState('')\r\n\r\n  const totalAppliedFilters = Object.values(appliedFilters).reduce((total, filterArray) => {\r\n    return total + filterArray.length\r\n  }, 0)\r\n\r\n  const handleContent = (e: React.MouseEvent, label?: string) => {\r\n    // Prevent default behavior and stop propagation\r\n    e.stopPropagation()\r\n    e.preventDefault()\r\n    // Update content state\r\n    setContent(!content)\r\n\r\n    // Update label\r\n    if (label) {\r\n      setLabel(label)\r\n    }\r\n\r\n    // TODO: Update data source to propagate nested menu items\r\n  }\r\n\r\n  // Get unique values for each filter type from datasets\r\n  const getUniqueValues = (field: string) => {\r\n    const values = new Set<string>()\r\n    const isSource = field === t('sourceLower')\r\n    for (const dataset of datasets) {\r\n      const value = isSource ? (dataset.portal?.name ?? dataset.publisher) : dataset[field]\r\n      if (value && value !== '') {\r\n        values.add(value)\r\n      }\r\n    }\r\n    return [...values].sort()\r\n  }\r\n\r\n  const handleFilterChange = (filterType: string, selectedValues: string[]) => {\r\n    const newFilters = { ...appliedFilters }\r\n\r\n    switch (filterType) {\r\n      case 'subdivision': {\r\n        newFilters.countrySubdivisions = selectedValues\r\n\r\n        break\r\n      }\r\n      case 'municipality': {\r\n        newFilters.municipalities = selectedValues\r\n\r\n        break\r\n      }\r\n      case 'type': {\r\n        newFilters.types = selectedValues\r\n\r\n        break\r\n      }\r\n      case 'source': {\r\n        newFilters.sources = selectedValues\r\n\r\n        break\r\n      }\r\n    // No default\r\n    }\r\n\r\n    onFiltersChange(newFilters)\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <DropdownMenu>\r\n        <DropdownMenuTrigger asChild>\r\n          <Button\r\n            variant=\"outline\"\r\n            className=\"dropdown-menu-trigger\"\r\n            onClick={e => e.stopPropagation()}\r\n            disabled={!ability.can('read', 'File')}\r\n          >\r\n            {totalAppliedFilters > 0\r\n              ? <Badge variant=\"default\" className=\"\">{totalAppliedFilters}</Badge>\r\n              : <LR.ListFilter />}\r\n\r\n            <span>{t('filters')}</span>\r\n          </Button>\r\n        </DropdownMenuTrigger>\r\n\r\n        {content\r\n\r\n          ? (\r\n              <DropdownMenuContent align=\"end\">\r\n                <DropdownMenuLabel>{t('filters')}</DropdownMenuLabel>\r\n                <DropdownMenuSeparator />\r\n                <DropdownMenuItem\r\n                  onClick={(e) => { handleContent(e, t('countrySubdivisionLower')) }}\r\n                >\r\n                  {t('countrySubdivision')}\r\n                </DropdownMenuItem>\r\n                <DropdownMenuItem\r\n                  onClick={(e) => { handleContent(e, t('municipalityLower')) }}\r\n                >\r\n                  {t('municipality')}\r\n                </DropdownMenuItem>\r\n                <DropdownMenuItem\r\n                  onClick={(e) => { handleContent(e, t('typeLower')) }}\r\n                >\r\n                  {t('type')}\r\n                </DropdownMenuItem>\r\n                <DropdownMenuItem\r\n                  onClick={(e) => { handleContent(e, t('sourceLower')) }}\r\n                >\r\n                  {t('source')}\r\n                </DropdownMenuItem>\r\n\r\n              </DropdownMenuContent>\r\n            )\r\n\r\n          : (\r\n              <NestedFilter\r\n                label={label}\r\n                handleContent={handleContent}\r\n                setContent={setContent}\r\n                availableValues={getUniqueValues(label)}\r\n                selectedValues={\r\n                  label === t('countrySubdivisionLower')\r\n                    ? appliedFilters.countrySubdivisions\r\n                    : label === t('municipalityLower')\r\n                      ? appliedFilters.municipalities\r\n                      : label === t('typeLower')\r\n                          ? appliedFilters.types\r\n                          : label === t('sourceLower') ? appliedFilters.sources : []\r\n                }\r\n                onSelectionChange={selectedValues => handleFilterChange(label, selectedValues)}\r\n              />\r\n            )}\r\n      </DropdownMenu>\r\n    </>\r\n  )\r\n}\r\n"],"mappings":"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","names":["label"]}

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+type NestedFilterProps = {
+    label: string;
+    handleContent: (event: React.MouseEvent) => void;
+    setContent: (value: boolean) => void;
+    availableValues: string[];
+    selectedValues: string[];
+    onSelectionChange: (selectedValues: string[]) => void;
+};
+export default function NestedFilter({ label, handleContent, setContent, availableValues, selectedValues, onSelectionChange, }: NestedFilterProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=NestedFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NestedFilter.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/map/datasets/NestedFilter.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAChD,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACtD,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EACL,aAAa,EACb,UAAU,EACV,eAAe,EACf,cAAc,EACd,iBAAiB,GAClB,EAAE,iBAAiB,qBA+EnB"}

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

@@ -0,0 +1,93 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  ArrowLeft,
+  Search
+} from "lucide-react";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { Button, Checkbox, Input } from "../../../../components/ui/";
+import {
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator
+} from "../../../../components/ui/DropdownMenu";
+function NestedFilter({
+  label,
+  handleContent,
+  setContent,
+  availableValues,
+  selectedValues,
+  onSelectionChange
+}) {
+  const t = useTranslations("NestedFilter");
+  const [searchTerm, setSearchTerm] = React.useState("");
+  const handleCheckboxChange = (value, checked) => {
+    let newSelectedValues;
+    newSelectedValues = checked ? [...selectedValues, value] : selectedValues.filter((v) => v !== value);
+    onSelectionChange(newSelectedValues);
+  };
+  const filteredValues = availableValues.filter(
+    (value) => value.toLowerCase().includes(searchTerm.toLowerCase())
+  );
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", onCloseAutoFocus: () => setContent(true), children: [
+    /* @__PURE__ */ jsx(DropdownMenuItem, { className: "p-0 m-0 w-0", children: /* @__PURE__ */ jsxs(Button, { onClick: handleContent, variant: "ghost", className: "capitalize font-semibold px-2 justify-start opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent", children: [
+      /* @__PURE__ */ jsx(ArrowLeft, {}),
+      label
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "my-2 relative", children: [
+      /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-2.5 h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: `${t("searchPlaceholder")} ${label}`,
+          value: searchTerm,
+          onChange: (e) => setSearchTerm(e.target.value),
+          className: "pl-8 border-none shadow-none",
+          onKeyDown: (e) => {
+            e.stopPropagation();
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+    filteredValues.length === 0 ? /* @__PURE__ */ jsxs(DropdownMenuItem, { disabled: true, children: [
+      t("no"),
+      " ",
+      label,
+      " ",
+      t("valuesFound")
+    ] }) : filteredValues.map((value) => /* @__PURE__ */ jsxs(
+      DropdownMenuItem,
+      {
+        onSelect: (e) => {
+          e.preventDefault();
+        },
+        onClick: (e) => {
+          e.stopPropagation();
+          handleCheckboxChange(value, !selectedValues.includes(value));
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: selectedValues.includes(value),
+              onCheckedChange: (checked) => {
+                handleCheckboxChange(value, checked === true);
+              },
+              onClick: (e) => {
+                e.stopPropagation();
+              }
+            }
+          ),
+          value
+        ]
+      },
+      value
+    ))
+  ] }) });
+}
+export {
+  NestedFilter as default
+};
+//# sourceMappingURL=NestedFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/map/datasets/NestedFilter.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Icons\r\nimport {\r\n  ArrowLeft,\r\n  Search,\r\n} from 'lucide-react'\r\n// Dependencies\r\nimport * as React from \"react\";\r\nimport { useTranslations } from 'next-intl'\r\n\r\nimport { Button, Checkbox, Input } from '../../../../components/ui/'\r\n// Shadcn Components\r\nimport {\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuSeparator,\r\n} from '../../../../components/ui/DropdownMenu'\r\n\r\ntype NestedFilterProps = {\r\n  label: string\r\n  handleContent: (event: React.MouseEvent) => void\r\n  setContent: (value: boolean) => void\r\n  availableValues: string[]\r\n  selectedValues: string[]\r\n  onSelectionChange: (selectedValues: string[]) => void\r\n}\r\n\r\nexport default function NestedFilter({\r\n  label,\r\n  handleContent,\r\n  setContent,\r\n  availableValues,\r\n  selectedValues,\r\n  onSelectionChange,\r\n}: NestedFilterProps) {\r\n  // Translation\r\n  const t = useTranslations('NestedFilter')\r\n\r\n  const [searchTerm, setSearchTerm] = React.useState('')\r\n\r\n  const handleCheckboxChange = (value: string, checked: boolean) => {\r\n    let newSelectedValues\r\n\r\n    newSelectedValues = checked ? [...selectedValues, value] : selectedValues.filter(v => v !== value)\r\n\r\n    onSelectionChange(newSelectedValues)\r\n  }\r\n\r\n  // Filter available values based on search term\r\n  const filteredValues = availableValues.filter(value =>\r\n    value.toLowerCase().includes(searchTerm.toLowerCase()),\r\n  )\r\n\r\n  return (\r\n    <>\r\n      <DropdownMenuContent align=\"end\" onCloseAutoFocus={() => setContent(true)}>\r\n        <DropdownMenuItem className=\"p-0 m-0 w-0\">\r\n          <Button onClick={handleContent} variant=\"ghost\" className=\"capitalize font-semibold px-2 justify-start opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\">\r\n            <ArrowLeft />\r\n            {label}\r\n          </Button>\r\n        </DropdownMenuItem>\r\n        <div className=\"my-2 relative\">\r\n          <Search className=\"absolute left-3 top-2.5 h-4 w-4 text-muted-foreground\" />\r\n          <Input\r\n            placeholder={`${t('searchPlaceholder')} ${label}`}\r\n            value={searchTerm}\r\n            onChange={e => setSearchTerm(e.target.value)}\r\n            className=\"pl-8 border-none shadow-none\"\r\n            onKeyDown={(e) => {\r\n              e.stopPropagation() // This disables Randix UI's default behavior for dropdown menu navigation\r\n            }}\r\n          />\r\n        </div>\r\n        <DropdownMenuSeparator />\r\n\r\n        {filteredValues.length === 0 ? (\r\n          <DropdownMenuItem disabled>\r\n            {t('no')}\r\n            {' '}\r\n            {label}\r\n            {' '}\r\n            {t('valuesFound')}\r\n          </DropdownMenuItem>\r\n        ) : (\r\n          filteredValues.map(value => (\r\n            <DropdownMenuItem\r\n              key={value}\r\n              onSelect={(e) => {\r\n                e.preventDefault()\r\n              }}\r\n              onClick={(e) => {\r\n                e.stopPropagation()\r\n                // Toggle the checkbox when clicking anywhere on the item\r\n                handleCheckboxChange(value, !selectedValues.includes(value))\r\n              }}\r\n            >\r\n              <Checkbox\r\n                checked={selectedValues.includes(value)}\r\n                onCheckedChange={(checked) => {\r\n                  handleCheckboxChange(value, checked === true)\r\n                }}\r\n                onClick={(e) => {\r\n                  e.stopPropagation()\r\n                }}\r\n              />\r\n              {value}\r\n            </DropdownMenuItem>\r\n          ))\r\n        )}\r\n      </DropdownMenuContent>\r\n    </>\r\n  )\r\n}"],"mappings":";AAuDI,mBAIQ,KADF,YAHN;AApDJ;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAEhC,SAAS,QAAQ,UAAU,aAAa;AAExC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWQ,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AAEpB,QAAM,IAAI,gBAAgB,cAAc;AAExC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,EAAE;AAErD,QAAM,uBAAuB,CAAC,OAAe,YAAqB;AAChE,QAAI;AAEJ,wBAAoB,UAAU,CAAC,GAAG,gBAAgB,KAAK,IAAI,eAAe,OAAO,OAAK,MAAM,KAAK;AAEjG,sBAAkB,iBAAiB;AAAA,EACrC;AAGA,QAAM,iBAAiB,gBAAgB;AAAA,IAAO,WAC5C,MAAM,YAAY,EAAE,SAAS,WAAW,YAAY,CAAC;AAAA,EACvD;AAEA,SACE,gCACE,+BAAC,uBAAoB,OAAM,OAAM,kBAAkB,MAAM,WAAW,IAAI,GACtE;AAAA,wBAAC,oBAAiB,WAAU,eAC1B,+BAAC,UAAO,SAAS,eAAe,SAAQ,SAAQ,WAAU,iIACxD;AAAA,0BAAC,aAAU;AAAA,MACV;AAAA,OACH,GACF;AAAA,IACA,qBAAC,SAAI,WAAU,iBACb;AAAA,0BAAC,UAAO,WAAU,yDAAwD;AAAA,MAC1E;AAAA,QAAC;AAAA;AAAA,UACC,aAAa,GAAG,EAAE,mBAAmB,CAAC,IAAI,KAAK;AAAA,UAC/C,OAAO;AAAA,UACP,UAAU,OAAK,cAAc,EAAE,OAAO,KAAK;AAAA,UAC3C,WAAU;AAAA,UACV,WAAW,CAAC,MAAM;AAChB,cAAE,gBAAgB;AAAA,UACpB;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IACA,oBAAC,yBAAsB;AAAA,IAEtB,eAAe,WAAW,IACzB,qBAAC,oBAAiB,UAAQ,MACvB;AAAA,QAAE,IAAI;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,EAAE,aAAa;AAAA,OAClB,IAEA,eAAe,IAAI,WACjB;AAAA,MAAC;AAAA;AAAA,QAEC,UAAU,CAAC,MAAM;AACf,YAAE,eAAe;AAAA,QACnB;AAAA,QACA,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAElB,+BAAqB,OAAO,CAAC,eAAe,SAAS,KAAK,CAAC;AAAA,QAC7D;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,eAAe,SAAS,KAAK;AAAA,cACtC,iBAAiB,CAAC,YAAY;AAC5B,qCAAqB,OAAO,YAAY,IAAI;AAAA,cAC9C;AAAA,cACA,SAAS,CAAC,MAAM;AACd,kBAAE,gBAAgB;AAAA,cACpB;AAAA;AAAA,UACF;AAAA,UACC;AAAA;AAAA;AAAA,MAnBI;AAAA,IAoBP,CACD;AAAA,KAEL,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { Dataset } from '../../../../types/datasetTypes';
+interface RowActionsProps {
+    dataset: Dataset;
+    favouriteDatasets: Dataset[];
+    setFavouriteDatasets: React.Dispatch<React.SetStateAction<Dataset[]>>;
+}
+export default function RowActions({ dataset, favouriteDatasets, setFavouriteDatasets, }: RowActionsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=RowActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/map/datasets/RowActions.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAE7D,UAAU,eAAe;IACvB,OAAO,EAAE,OAAO,CAAA;IAChB,iBAAiB,EAAE,OAAO,EAAE,CAAA;IAC5B,oBAAoB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;CACtE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAO,EACP,iBAAiB,EACjB,oBAAoB,GACrB,EAAE,eAAe,qBA4EjB"}

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

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { usePermissions } from "../../../../store";
+import { handleFavouriteDataset } from "./utils";
+import { Checkbox, Button } from "../../../ui/";
+import * as LR from "lucide-react";
+import { DatasetsContext } from "../../../../store";
+function RowActions({
+  dataset,
+  favouriteDatasets,
+  setFavouriteDatasets
+}) {
+  const { ability } = usePermissions();
+  const { state: datasetsState, dispatch: datasetsDispatch } = React.useContext(DatasetsContext);
+  const { addedDatasets } = datasetsState.datasets;
+  const isFavourite = favouriteDatasets.some((item) => item.name === dataset.name);
+  const checked = addedDatasets.some((d) => d.name === dataset.name);
+  const handleApplyDataset = () => {
+    if (!dataset) {
+      console.error("No dataset provided in RowActions");
+      return;
+    }
+    const isAdded = addedDatasets.some((d) => d.name === dataset.name);
+    if (isAdded) {
+      datasetsDispatch({
+        type: "REMOVE_DATASET_FROM_MAP",
+        payload: { datasetId: dataset.id }
+      });
+    } else {
+      datasetsDispatch({
+        type: "ADD_DATASET_TO_MAP",
+        payload: { dataset }
+      });
+    }
+  };
+  const handleFavourite = handleFavouriteDataset(dataset, favouriteDatasets, setFavouriteDatasets);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "icon",
+        variant: "ghost",
+        className: " hover:bg-transparent",
+        disabled: !ability.can("read", "File"),
+        children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked,
+            onCheckedChange: () => {
+              handleApplyDataset();
+            },
+            className: "opacity-70 hover:opacity-100 data-[state=checked]:opacity-100 transition-opacity duration-200"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: `opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent ${isFavourite ? "opacity-100" : ""}`,
+        onClick: handleFavourite,
+        disabled: !ability.can("read", "File"),
+        children: /* @__PURE__ */ jsx(
+          LR.Star,
+          {
+            color: `${isFavourite ? "hsl(var(--chart-5))" : "black"} `,
+            fill: `${isFavourite ? "hsl(var(--chart-5))" : "none"} `
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  RowActions as default
+};
+//# sourceMappingURL=RowActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/map/datasets/RowActions.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Dependencies\r\nimport React from 'react'\r\nimport { usePermissions } from '../../../../store'\r\n\r\n// Utility functions\r\nimport { handleFavouriteDataset } from './utils'\r\n\r\n// Shadcn Components\r\nimport { Checkbox, Button } from '../../../ui/'\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\nimport { DatasetsContext } from '../../../../store'\r\nimport type { Dataset } from '../../../../types/datasetTypes'\r\n\r\ninterface RowActionsProps {\r\n  dataset: Dataset\r\n  favouriteDatasets: Dataset[]\r\n  setFavouriteDatasets: React.Dispatch<React.SetStateAction<Dataset[]>>\r\n}\r\n\r\nexport default function RowActions({\r\n  dataset,\r\n  favouriteDatasets,\r\n  setFavouriteDatasets,\r\n}: RowActionsProps) {\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n\r\n  const { state: datasetsState, dispatch: datasetsDispatch } = React.useContext(DatasetsContext)\r\n  const { addedDatasets } = datasetsState.datasets\r\n\r\n  // const [checked, setChecked] = useState(false);\r\n\r\n  // Check if this specific dataset is in favourites\r\n  const isFavourite = favouriteDatasets.some(item => item.name === dataset.name)\r\n\r\n  // \"Checked\" means the dataset is applied to the map. All dataset types —\r\n  // including Organizational (MinIO/Martin-hydrated uploads) — toggle their\r\n  // membership in addedDatasets, which is the only list OpenDataLayers renders.\r\n  // (Previously Organizational datasets toggled a `visible` flag on the\r\n  // available list, which nothing renders from, so they never appeared.)\r\n  const checked = addedDatasets.some(d => d.name === dataset.name)\r\n\r\n  const handleApplyDataset = () => {\r\n    if (!dataset) {\r\n      console.error('No dataset provided in RowActions')\r\n      return\r\n    }\r\n\r\n    const isAdded = addedDatasets.some(d => d.name === dataset.name)\r\n\r\n    if (isAdded) {\r\n      datasetsDispatch({\r\n        type: 'REMOVE_DATASET_FROM_MAP',\r\n        payload: { datasetId: dataset.id },\r\n      })\r\n    }\r\n    else {\r\n      datasetsDispatch({\r\n        type: 'ADD_DATASET_TO_MAP',\r\n        payload: { dataset: dataset },\r\n      })\r\n    }\r\n  }\r\n\r\n  const handleFavourite = handleFavouriteDataset(dataset, favouriteDatasets, setFavouriteDatasets)\r\n\r\n  return (\r\n    <div className=\"flex items-center\">\r\n      <Button\r\n        size=\"icon\"\r\n        variant=\"ghost\"\r\n        // onClick={handleApplyDataset}\r\n        className=\" hover:bg-transparent\"\r\n        disabled={!ability.can('read', 'File')}\r\n      >\r\n        <Checkbox\r\n          checked={checked}\r\n          onCheckedChange={() => {\r\n            handleApplyDataset()\r\n          }}\r\n          className=\"opacity-70 hover:opacity-100 data-[state=checked]:opacity-100 transition-opacity duration-200\"\r\n        />\r\n      </Button>\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 ${isFavourite ? 'opacity-100' : ''}`}\r\n        onClick={handleFavourite}\r\n        disabled={!ability.can('read', 'File')}\r\n      >\r\n        <LR.Star\r\n          color={`${isFavourite ? 'hsl(var(--chart-5))' : 'black'} `}\r\n          fill={`${isFavourite ? 'hsl(var(--chart-5))' : 'none'} `}\r\n        />\r\n      </Button>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AAwEI,SAQI,KARJ;AArEJ,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAG/B,SAAS,8BAA8B;AAGvC,SAAS,UAAU,cAAc;AAGjC,YAAY,QAAQ;AACpB,SAAS,uBAAuB;AASjB,SAAR,WAA4B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAElB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAGnC,QAAM,EAAE,OAAO,eAAe,UAAU,iBAAiB,IAAI,MAAM,WAAW,eAAe;AAC7F,QAAM,EAAE,cAAc,IAAI,cAAc;AAKxC,QAAM,cAAc,kBAAkB,KAAK,UAAQ,KAAK,SAAS,QAAQ,IAAI;AAO7E,QAAM,UAAU,cAAc,KAAK,OAAK,EAAE,SAAS,QAAQ,IAAI;AAE/D,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC,SAAS;AACZ,cAAQ,MAAM,mCAAmC;AACjD;AAAA,IACF;AAEA,UAAM,UAAU,cAAc,KAAK,OAAK,EAAE,SAAS,QAAQ,IAAI;AAE/D,QAAI,SAAS;AACX,uBAAiB;AAAA,QACf,MAAM;AAAA,QACN,SAAS,EAAE,WAAW,QAAQ,GAAG;AAAA,MACnC,CAAC;AAAA,IACH,OACK;AACH,uBAAiB;AAAA,QACf,MAAM;AAAA,QACN,SAAS,EAAE,QAAiB;AAAA,MAC9B,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,kBAAkB,uBAAuB,SAAS,mBAAmB,oBAAoB;AAE/F,SACE,qBAAC,SAAI,WAAU,qBACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QAER,WAAU;AAAA,QACV,UAAU,CAAC,QAAQ,IAAI,QAAQ,MAAM;AAAA,QAErC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,iBAAiB,MAAM;AACrB,iCAAmB;AAAA,YACrB;AAAA,YACA,WAAU;AAAA;AAAA,QACZ;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAW,qFAAqF,cAAc,gBAAgB,EAAE;AAAA,QAChI,SAAS;AAAA,QACT,UAAU,CAAC,QAAQ,IAAI,QAAQ,MAAM;AAAA,QAErC;AAAA,UAAC,GAAG;AAAA,UAAH;AAAA,YACC,OAAO,GAAG,cAAc,wBAAwB,OAAO;AAAA,YACvD,MAAM,GAAG,cAAc,wBAAwB,MAAM;AAAA;AAAA,QACvD;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,7 @@
+import type { Dataset } from '../../../../types/datasetTypes';
+import { ColumnDef } from '@tanstack/react-table';
+export interface ColumnMeta {
+    columnClasses: string;
+}
+export declare function useColumns<TData = Dataset>(): ColumnDef<TData>[];
+//# sourceMappingURL=data.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/map/datasets/data.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AASjD,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,UAAU,CAAC,KAAK,GAAG,OAAO,KAAK,SAAS,CAAC,KAAK,CAAC,EAAE,CAqGhE"}

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

@@ -0,0 +1,94 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../../../components/ui/Button";
+import { ArrowUpDown, ArrowUp, ArrowDown } from "lucide-react";
+import { MapContext } from "../../../../store/Map/context";
+function useColumns() {
+  const t = useTranslations("DataColumns");
+  const { state: mapState } = React.useContext(MapContext);
+  const countrySubdivisionsData = mapState.map.countrySubdivisionsData;
+  const getSubdivisionName = (code) => {
+    var _a, _b, _c;
+    if (!code) return "";
+    if (!countrySubdivisionsData) return code;
+    const exact = countrySubdivisionsData[code];
+    if (exact) return ((_a = exact == null ? void 0 : exact.name) != null ? _a : exact) || code;
+    const entry = Object.entries(countrySubdivisionsData).find(([k]) => k.endsWith(`-${code}`));
+    if (entry) return ((_c = (_b = entry[1]) == null ? void 0 : _b.name) != null ? _c : entry[1]) || code;
+    return code;
+  };
+  return [
+    {
+      accessorKey: "name",
+      header: ({ column }) => {
+        const isSorted = column.getIsSorted();
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            onClick: column.getToggleSortingHandler(),
+            className: "hover:bg-transparent p-0",
+            children: [
+              t("name"),
+              isSorted == false && /* @__PURE__ */ jsx(ArrowUpDown, {}),
+              isSorted === "desc" && /* @__PURE__ */ jsx(ArrowDown, { className: "text-black" }),
+              isSorted === "asc" && /* @__PURE__ */ jsx(ArrowUp, { className: "text-black" })
+            ]
+          }
+        );
+      },
+      enableSorting: true,
+      cell: ({ getValue }) => {
+        const value = getValue();
+        return /* @__PURE__ */ jsx("div", { className: "max-w-md truncate", title: value, children: value });
+      },
+      meta: { columnClasses: "max-w-md" }
+    },
+    {
+      accessorKey: "countrySubdivision",
+      header: t("countrySubdivision"),
+      cell: ({ getValue }) => {
+        const code = getValue();
+        const name = getSubdivisionName(code);
+        return /* @__PURE__ */ jsx("div", { className: "whitespace-nowrap", title: code, children: name });
+      },
+      meta: { columnClasses: "!hidden md:!table-cell whitespace-nowrap" }
+    },
+    {
+      accessorKey: "municipality",
+      header: t("municipality"),
+      cell: ({ getValue }) => {
+        const value = getValue();
+        return /* @__PURE__ */ jsx("div", { className: "whitespace-nowrap", title: value, children: value });
+      },
+      meta: { columnClasses: "!hidden md:!table-cell whitespace-nowrap" }
+    },
+    {
+      id: "source",
+      accessorFn: (row) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = row == null ? void 0 : row.portal) == null ? void 0 : _a.name) != null ? _b : row == null ? void 0 : row.publisher) != null ? _c : "";
+      },
+      header: t("source"),
+      cell: ({ getValue }) => {
+        const value = getValue() || "";
+        return /* @__PURE__ */ jsx("div", { className: "whitespace-nowrap max-w-[240px] truncate", title: value, children: value });
+      },
+      meta: { columnClasses: "!hidden md:!table-cell whitespace-nowrap" }
+    },
+    {
+      accessorKey: "type",
+      header: t("type"),
+      cell: ({ getValue }) => {
+        const value = getValue();
+        return /* @__PURE__ */ jsx("div", { className: "whitespace-nowrap", title: value, children: value });
+      },
+      meta: { columnClasses: "whitespace-nowrap" }
+    }
+  ];
+}
+export {
+  useColumns
+};
+//# sourceMappingURL=data.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/map/datasets/data.tsx"],"sourcesContent":["// Dependencies\r\nimport * as React from 'react'\r\nimport type { Dataset } from '../../../../types/datasetTypes'\r\nimport { ColumnDef } from '@tanstack/react-table'\r\nimport { useTranslations } from 'next-intl'\r\n\r\n// Shadcn Components\r\nimport { Button } from '../../../../components/ui/Button'\r\n\r\nimport { ArrowUpDown, ArrowUp, ArrowDown } from 'lucide-react'\r\nimport { MapContext } from '../../../../store/Map/context'\r\n\r\nexport interface ColumnMeta {\r\n  columnClasses: string\r\n}\r\n\r\nexport function useColumns<TData = Dataset>(): ColumnDef<TData>[] {\r\n  // Translation\r\n  const t = useTranslations('DataColumns')\r\n\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const countrySubdivisionsData = mapState.map.countrySubdivisionsData\r\n\r\n  const getSubdivisionName = (code: string | undefined | null): string => {\r\n    if (!code) return ''\r\n    if (!countrySubdivisionsData) return code\r\n    const exact = countrySubdivisionsData[code] as any\r\n    if (exact) return (exact?.name ?? exact) || code\r\n    const entry = Object.entries(countrySubdivisionsData).find(([k]) => k.endsWith(`-${code}`))\r\n    if (entry) return ((entry[1] as any)?.name ?? entry[1]) || code\r\n    return code\r\n  }\r\n\r\n  return [\r\n    {\r\n      accessorKey: 'name',\r\n      header: ({ column }) => {\r\n        const isSorted = column.getIsSorted()\r\n        return (\r\n          <Button\r\n            variant=\"ghost\"\r\n            onClick={column.getToggleSortingHandler()}\r\n            className=\"hover:bg-transparent p-0\"\r\n          >\r\n            {t('name')}\r\n            {isSorted == false && <ArrowUpDown />}\r\n            {isSorted === 'desc' && <ArrowDown className=\"text-black\" />}\r\n            {isSorted === 'asc' && <ArrowUp className=\"text-black\" />}\r\n          </Button>\r\n        )\r\n      },\r\n      enableSorting: true,\r\n      cell: ({ getValue }) => {\r\n        const value = getValue() as string\r\n        return (\r\n          <div className=\"max-w-md truncate\" title={value}>\r\n            {value}\r\n          </div>\r\n        )\r\n      },\r\n      meta: { columnClasses: 'max-w-md' } as ColumnMeta,\r\n    },\r\n    {\r\n      accessorKey: 'countrySubdivision',\r\n      header: t('countrySubdivision'),\r\n      cell: ({ getValue }) => {\r\n        const code = getValue() as string\r\n        const name = getSubdivisionName(code)\r\n        return (\r\n          <div className=\"whitespace-nowrap\" title={code}>\r\n            {name}\r\n          </div>\r\n        )\r\n      },\r\n      meta: { columnClasses: '!hidden md:!table-cell whitespace-nowrap' } as ColumnMeta,\r\n    },\r\n    {\r\n      accessorKey: 'municipality',\r\n      header: t('municipality'),\r\n      cell: ({ getValue }) => {\r\n        const value = getValue() as string\r\n        return (\r\n          <div className=\"whitespace-nowrap\" title={value}>\r\n            {value}\r\n          </div>\r\n        )\r\n      },\r\n      meta: { columnClasses: '!hidden md:!table-cell whitespace-nowrap' } as ColumnMeta,\r\n    },\r\n    {\r\n      id: 'source',\r\n      accessorFn: (row: any) => row?.portal?.name ?? row?.publisher ?? '',\r\n      header: t('source'),\r\n      cell: ({ getValue }) => {\r\n        const value = (getValue() as string) || ''\r\n        return (\r\n          <div className=\"whitespace-nowrap max-w-[240px] truncate\" title={value}>\r\n            {value}\r\n          </div>\r\n        )\r\n      },\r\n      meta: { columnClasses: '!hidden md:!table-cell whitespace-nowrap' } as ColumnMeta,\r\n    },\r\n    {\r\n      accessorKey: 'type',\r\n      header: t('type'),\r\n      cell: ({ getValue }) => {\r\n        const value = getValue() as string\r\n        return (\r\n          <div className=\"whitespace-nowrap\" title={value}>\r\n            {value}\r\n          </div>\r\n        )\r\n      },\r\n      meta: { columnClasses: 'whitespace-nowrap' } as ColumnMeta,\r\n    },\r\n  ]\r\n}\r\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type DatasetsProps = {
+    isOpen: boolean;
+    setIsOpenAction: (open: boolean) => void;
+};
+export default function Datasets({ isOpen, setIsOpenAction }: DatasetsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/map/datasets/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAM,KAAK,MAAM,OAAO,CAAA;AAoG/B,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,OAAO,CAAA;IACf,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACzC,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,aAAa,qBAmiB1E"}