@collabdt/core 0.0.40

package/dist/core/components/viewers/map/datasets/DatasetManager/index.js

@@ -0,0 +1,286 @@
+"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 { useTranslations } from "next-intl";
+import { MapContext, DatasetsContext } from "../../../../../store";
+import { Command, Menubar, Badge, Button, Switch } from "../../../../../components/ui/";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableRow
+} from "../../../../../components/ui/Table";
+import { FieldsTable } from "./src/FieldsTable";
+import * as LR from "lucide-react";
+import { ClusterManager } from "../../utils/ClusterManager";
+import {
+  DndContext,
+  closestCenter,
+  KeyboardSensor,
+  PointerSensor,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
+import {
+  arrayMove,
+  SortableContext,
+  sortableKeyboardCoordinates,
+  verticalListSortingStrategy
+} from "@dnd-kit/sortable";
+import {
+  useSortable
+} from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { useSidebar } from "../../../../ui/Sidebar";
+const isBuildingDataset = (dataset) => dataset.type === "buildings" && "data" in dataset;
+const SortableTableRow = ({
+  dataset,
+  onToggleDataset,
+  openDatasetDetails,
+  expandedDatasets
+}) => {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = useSortable({ id: dataset.name });
+  const style = {
+    transform: CSS.Transform.toString(transform),
+    transition,
+    opacity: isDragging ? 0.5 : 1
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(TableRow, { ref: setNodeRef, style, className: "hover:bg-muted/50", children: [
+      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          __spreadProps(__spreadValues(__spreadValues({
+            variant: "ghost",
+            size: "icon",
+            className: "cursor-grab active:cursor-grabbing"
+          }, attributes), listeners), {
+            children: /* @__PURE__ */ jsx(LR.GripVertical, { className: "h-4 w-4" })
+          })
+        ),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: dataset.visible !== false,
+            onCheckedChange: () => onToggleDataset(dataset),
+            className: "shrink-0",
+            style: dataset.visible === false ? {} : { backgroundColor: dataset.layerColor.color }
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs(TableCell, { className: "font-medium", children: [
+        dataset.name.replaceAll("_", " "),
+        dataset.total && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "ml-2 text-xs", children: dataset.total })
+      ] }),
+      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: () => openDatasetDetails(dataset.name),
+          className: "shrink-0",
+          children: /* @__PURE__ */ jsx(
+            LR.ChevronDown,
+            {
+              className: `h-4 w-4 transition-transform duration-200 ${expandedDatasets.has(dataset.name) ? "rotate-180" : ""}`
+            }
+          )
+        }
+      ) })
+    ] }),
+    expandedDatasets.has(dataset.name) && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 4, className: "p-0 pb-1", children: /* @__PURE__ */ jsx(
+      FieldsTable,
+      {
+        dataset
+      }
+    ) }) })
+  ] });
+};
+function DatasetManagerMenu() {
+  const t = useTranslations("DatasetManagerMenu");
+  const { state: mapState, dispatch: mapDispatch } = React.useContext(MapContext);
+  const { map } = mapState.map;
+  const { state: datasetState, dispatch: datasetDispatch } = React.useContext(DatasetsContext);
+  const { addedDatasets } = datasetState.datasets;
+  const [open, setOpen] = React.useState(false);
+  const [menuOpen, setMenuOpen] = React.useState(false);
+  const [expandedDatasets, setExpandedDatasets] = React.useState(/* @__PURE__ */ new Set());
+  const sensors = useSensors(
+    useSensor(PointerSensor),
+    useSensor(KeyboardSensor, {
+      coordinateGetter: sortableKeyboardCoordinates
+    })
+  );
+  const sortedDatasets = React.useMemo(() => {
+    const datasetsWithOrder = addedDatasets.map((dataset, index) => __spreadProps(__spreadValues({}, dataset), {
+      order: dataset.order !== void 0 ? dataset.order : addedDatasets.length - 1 - index
+    }));
+    return datasetsWithOrder.sort((a, b) => {
+      var _a, _b;
+      return ((_a = b.order) != null ? _a : 0) - ((_b = a.order) != null ? _b : 0);
+    });
+  }, [addedDatasets]);
+  React.useEffect(() => {
+    if (!map || !addedDatasets) return;
+    const clusterManager = new ClusterManager(map);
+    const sortedDatasets2 = [...addedDatasets].sort((a, b) => {
+      var _a, _b;
+      return ((_a = a.order) != null ? _a : 0) - ((_b = b.order) != null ? _b : 0);
+    });
+    for (const dataset of sortedDatasets2) {
+      if (isBuildingDataset(dataset)) {
+        if (dataset.visible === false) {
+          clusterManager.remove(dataset.name);
+        } else {
+          clusterManager.create(dataset);
+          clusterManager.toggleVisibility(dataset.name, true);
+        }
+      }
+    }
+  }, [map, addedDatasets]);
+  const previousNamesRef = React.useRef(/* @__PURE__ */ new Set());
+  React.useEffect(() => {
+    if (!map) return;
+    const clusterManager = new ClusterManager(map);
+    const currentNames = new Set(
+      addedDatasets.filter(isBuildingDataset).map((ds) => ds.name)
+    );
+    const removedNames = [...previousNamesRef.current].filter(
+      (name) => !currentNames.has(name)
+    );
+    for (const datasetName of removedNames) {
+      clusterManager.remove(datasetName);
+    }
+    previousNamesRef.current = currentNames;
+  }, [map, addedDatasets]);
+  const onToggle = () => setOpen(!open);
+  const onToggleDataset = (dataset) => {
+    const datasetId = dataset.id;
+    datasetDispatch({ type: "TOGGLE_DATASET_VISIBILITY", payload: { datasetId } });
+  };
+  const toggleDatasetExpansion = (datasetName) => {
+    setExpandedDatasets((prev) => {
+      const newSet = new Set(prev);
+      newSet.has(datasetName) ? newSet.delete(datasetName) : newSet.add(datasetName);
+      return newSet;
+    });
+  };
+  const handleDragEnd = (event) => {
+    const { active, over } = event;
+    if (over && active.id !== over.id) {
+      const displayOrder = [...sortedDatasets];
+      const oldIndex = displayOrder.findIndex((dataset) => dataset.name === active.id);
+      const newIndex = displayOrder.findIndex((dataset) => dataset.name === over.id);
+      const reorderedDisplay = arrayMove(displayOrder, oldIndex, newIndex);
+      const maxOrder = reorderedDisplay.length - 1;
+      const reorderedDatasets = reorderedDisplay.map((dataset, index) => __spreadProps(__spreadValues({}, dataset), {
+        order: maxOrder - index
+      }));
+      datasetDispatch({
+        type: "REORDER_DATASETS",
+        payload: { reorderedDatasets }
+      });
+    }
+  };
+  const openAnimation = `
+    pointer-events-auto 
+    transform 
+    transition-all 
+    duration-200
+    data-[state=open]:animate-in 
+    data-[state=closed]:animate-out 
+    data-[state=closed]:fade-out-0 
+    data-[state=open]:fade-in-0 
+    data-[state=closed]:zoom-out-95 
+    data-[state=open]:zoom-in-95
+  `;
+  React.useEffect(() => {
+    setMenuOpen(addedDatasets.length > 0);
+  }, [addedDatasets.length]);
+  const openDatasetDetails = (datasetName) => {
+    toggleDatasetExpansion(datasetName);
+  };
+  const { openInfo } = useSidebar();
+  return /* @__PURE__ */ jsx(Fragment, { children: !openInfo && addedDatasets.length > 0 && /* @__PURE__ */ jsx("div", { "data-state": menuOpen ? "open" : "closed", className: openAnimation, children: /* @__PURE__ */ jsx(Menubar, { className: "pointer-events-auto w-96 h-auto", children: /* @__PURE__ */ jsx(Command, { children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-between gap-3 ${open ? "p-3" : "pl-1 py-0"}`, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Badge, { children: addedDatasets.length }),
+        /* @__PURE__ */ jsxs("div", { className: "text-sm font-medium", children: [
+          t("appliedLayer"),
+          addedDatasets.length === 1 ? "" : "s"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: onToggle,
+          className: "opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent",
+          children: /* @__PURE__ */ jsx(
+            LR.ChevronUp,
+            {
+              size: 14,
+              className: `transition-transform duration-200 ${open ? "rotate-180" : ""}`
+            }
+          )
+        }
+      )
+    ] }),
+    open && /* @__PURE__ */ jsx("div", { className: "max-h-[40vh] overflow-y-auto", children: /* @__PURE__ */ jsx(
+      DndContext,
+      {
+        sensors,
+        collisionDetection: closestCenter,
+        onDragEnd: handleDragEnd,
+        children: /* @__PURE__ */ jsx(
+          SortableContext,
+          {
+            items: sortedDatasets.map((dataset) => dataset.name),
+            strategy: verticalListSortingStrategy,
+            children: /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsx(TableBody, { children: sortedDatasets.map((dataset) => /* @__PURE__ */ jsx(
+              SortableTableRow,
+              {
+                dataset,
+                onToggleDataset,
+                openDatasetDetails,
+                expandedDatasets
+              },
+              dataset.name
+            )) }) })
+          }
+        )
+      }
+    ) })
+  ] }) }) }) }) });
+}
+export {
+  DatasetManagerMenu as default
+};
+//# sourceMappingURL=index.js.map

package/dist/core/components/viewers/map/datasets/DatasetManager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/map/datasets/DatasetManager/index.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { MapContext, DatasetsContext } from '../../../../../store'\r\nimport { Command, Menubar, Badge, Button, Switch } from '../../../../../components/ui/'\r\nimport {\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableRow,\r\n} from '../../../../../components/ui/Table'\r\nimport { FieldsTable } from './src/FieldsTable'\r\nimport * as LR from 'lucide-react'\r\nimport type { Dataset, BuildingDataset as RawBuildingDataset } from '../../../../../types/datasetTypes'\r\nimport { ClusterManager } from '../../utils/ClusterManager'\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  KeyboardSensor,\r\n  PointerSensor,\r\n  useSensor,\r\n  useSensors,\r\n  DragEndEvent,\r\n} from '@dnd-kit/core'\r\nimport {\r\n  arrayMove,\r\n  SortableContext,\r\n  sortableKeyboardCoordinates,\r\n  verticalListSortingStrategy,\r\n} from '@dnd-kit/sortable'\r\nimport {\r\n  useSortable,\r\n} from '@dnd-kit/sortable'\r\nimport { CSS } from '@dnd-kit/utilities'\r\nimport { useSidebar } from '../../../../ui/Sidebar'\r\n\r\ntype BuildingDataset = RawBuildingDataset & Dataset\r\n\r\n// Type guard to check if dataset is a building dataset\r\nconst isBuildingDataset = (dataset: Dataset): dataset is BuildingDataset =>\r\n  dataset.type === 'buildings' && 'data' in dataset\r\n\r\ninterface SortableTableRowProps {\r\n  dataset: Dataset\r\n  onToggleDataset: (dataset: Dataset) => void\r\n  openDatasetDetails: (datasetName: string) => void\r\n  expandedDatasets: Set<string>\r\n}\r\n\r\nconst SortableTableRow: React.FC<SortableTableRowProps> = ({\r\n  dataset,\r\n  onToggleDataset,\r\n  openDatasetDetails,\r\n  expandedDatasets,\r\n}) => {\r\n  const {\r\n    attributes,\r\n    listeners,\r\n    setNodeRef,\r\n    transform,\r\n    transition,\r\n    isDragging,\r\n  } = useSortable({ id: dataset.name })\r\n\r\n  const style = {\r\n    transform: CSS.Transform.toString(transform),\r\n    transition,\r\n    opacity: isDragging ? 0.5 : 1,\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <TableRow ref={setNodeRef} style={style} className=\"hover:bg-muted/50\">\r\n        <TableCell>\r\n          <div className=\"flex items-center gap-2\">\r\n            <Button\r\n              variant=\"ghost\"\r\n              size=\"icon\"\r\n              className=\"cursor-grab active:cursor-grabbing\"\r\n              {...attributes}\r\n              {...listeners}\r\n            >\r\n              <LR.GripVertical className=\"h-4 w-4\" />\r\n            </Button>\r\n            <Switch\r\n              checked={dataset.visible !== false}\r\n              onCheckedChange={() => onToggleDataset(dataset)}\r\n              className=\"shrink-0\"\r\n              style={dataset.visible === false ? {} : { backgroundColor: dataset.layerColor.color }}\r\n            />\r\n          </div>\r\n        </TableCell>\r\n        <TableCell className=\"font-medium\">\r\n          {dataset.name.replaceAll('_', ' ')}\r\n          {dataset.total && (\r\n            <Badge variant=\"outline\" className=\"ml-2 text-xs\">\r\n              {dataset.total}\r\n            </Badge>\r\n          )}\r\n        </TableCell>\r\n        <TableCell>\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"icon\"\r\n            onClick={() => openDatasetDetails(dataset.name)}\r\n            className=\"shrink-0\"\r\n          >\r\n            <LR.ChevronDown\r\n              className={`h-4 w-4 transition-transform duration-200 ${expandedDatasets.has(dataset.name) ? 'rotate-180' : ''}`}\r\n            />\r\n          </Button>\r\n        </TableCell>\r\n      </TableRow>\r\n      {expandedDatasets.has(dataset.name) && (\r\n        <TableRow>\r\n          <TableCell colSpan={4} className=\"p-0 pb-1\">\r\n            <FieldsTable\r\n              dataset={dataset}\r\n            />\r\n          </TableCell>\r\n        </TableRow>\r\n      )}\r\n    </>\r\n  )\r\n}\r\n\r\nexport default function DatasetManagerMenu() {\r\n  // Translation\r\n  const t = useTranslations('DatasetManagerMenu')\r\n\r\n  const { state: mapState, dispatch: mapDispatch } = React.useContext(MapContext)\r\n  const { map } = mapState.map\r\n\r\n  const { state: datasetState, dispatch: datasetDispatch } = React.useContext(DatasetsContext)\r\n  const { addedDatasets } = datasetState.datasets\r\n\r\n  const [open, setOpen] = React.useState(false)\r\n  const [menuOpen, setMenuOpen] = React.useState(false)\r\n  const [expandedDatasets, setExpandedDatasets] = React.useState<Set<string>>(new Set())\r\n\r\n  const sensors = useSensors(\r\n    useSensor(PointerSensor),\r\n    useSensor(KeyboardSensor, {\r\n      coordinateGetter: sortableKeyboardCoordinates,\r\n    })\r\n  )\r\n\r\n  const sortedDatasets = React.useMemo(() => {\r\n    const datasetsWithOrder = addedDatasets.map((dataset, index) => ({\r\n      ...dataset,\r\n      order: dataset.order !== undefined ? dataset.order : addedDatasets.length - 1 - index,\r\n    }))\r\n\r\n    return datasetsWithOrder.sort((a, b) => (b.order ?? 0) - (a.order ?? 0))\r\n  }, [addedDatasets])\r\n\r\n  React.useEffect(() => {\r\n    if (!map || !addedDatasets) return\r\n\r\n    const clusterManager = new ClusterManager(map)\r\n\r\n    const sortedDatasets = [...addedDatasets].sort((a, b) => (a.order ?? 0) - (b.order ?? 0))\r\n\r\n    for (const dataset of sortedDatasets) {\r\n      if (isBuildingDataset(dataset)) {\r\n        if (dataset.visible === false) {\r\n          clusterManager.remove(dataset.name)\r\n        }\r\n        else {\r\n          clusterManager.create(dataset)\r\n          clusterManager.toggleVisibility(dataset.name, true)\r\n        }\r\n      }\r\n    }\r\n  }, [map, addedDatasets])\r\n\r\n  // Remove clusters for datasets no longer present\r\n  const previousNamesRef = React.useRef<Set<string>>(new Set())\r\n\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n    const clusterManager = new ClusterManager(map)\r\n    const currentNames = new Set(\r\n      addedDatasets.filter(isBuildingDataset).map(ds => ds.name),\r\n    )\r\n    const removedNames = [...previousNamesRef.current].filter(\r\n      name => !currentNames.has(name),\r\n    )\r\n    for (const datasetName of removedNames) {\r\n      clusterManager.remove(datasetName)\r\n    }\r\n    previousNamesRef.current = currentNames\r\n  }, [map, addedDatasets])\r\n\r\n  const onToggle = () => setOpen(!open)\r\n\r\n  const onToggleDataset = (dataset: Dataset) => {\r\n    const datasetId = dataset.id;\r\n    datasetDispatch({ type: 'TOGGLE_DATASET_VISIBILITY', payload: { datasetId } })\r\n  }\r\n\r\n  const toggleDatasetExpansion = (datasetName: string) => {\r\n    setExpandedDatasets((prev) => {\r\n      const newSet = new Set(prev)\r\n      newSet.has(datasetName) ? newSet.delete(datasetName) : newSet.add(datasetName)\r\n      return newSet\r\n    })\r\n  }\r\n\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event\r\n\r\n    if (over && active.id !== over.id) {\r\n      const displayOrder = [...sortedDatasets]\r\n\r\n      const oldIndex = displayOrder.findIndex(dataset => dataset.name === active.id)\r\n      const newIndex = displayOrder.findIndex(dataset => dataset.name === over.id)\r\n\r\n      const reorderedDisplay = arrayMove(displayOrder, oldIndex, newIndex)\r\n      const maxOrder = reorderedDisplay.length - 1\r\n      const reorderedDatasets = reorderedDisplay.map((dataset, index) => ({\r\n        ...dataset,\r\n        order: maxOrder - index,\r\n      }))\r\n\r\n      datasetDispatch({\r\n        type: 'REORDER_DATASETS',\r\n        payload: { reorderedDatasets }\r\n      })\r\n    }\r\n  }\r\n\r\n  const openAnimation = `\r\n    pointer-events-auto \r\n    transform \r\n    transition-all \r\n    duration-200\r\n    data-[state=open]:animate-in \r\n    data-[state=closed]:animate-out \r\n    data-[state=closed]:fade-out-0 \r\n    data-[state=open]:fade-in-0 \r\n    data-[state=closed]:zoom-out-95 \r\n    data-[state=open]:zoom-in-95\r\n  `\r\n\r\n  React.useEffect(() => {\r\n    setMenuOpen(addedDatasets.length > 0)\r\n  }, [addedDatasets.length])\r\n\r\n  const openDatasetDetails = (datasetName: string) => {\r\n    toggleDatasetExpansion(datasetName)\r\n  }\r\n\r\n  const {openInfo} = useSidebar()\r\n\r\n  return (\r\n    <>\r\n      {!openInfo && addedDatasets.length > 0 && (\r\n        <div data-state={menuOpen ? 'open' : 'closed'} className={openAnimation}>\r\n          <Menubar className=\"pointer-events-auto w-96 h-auto\">\r\n            <Command>\r\n              <div>\r\n                <div className={`flex items-center justify-between gap-3 ${open ? 'p-3' : 'pl-1 py-0'}`}>\r\n                  <div className=\"flex items-center gap-2\">\r\n                    <Badge>{addedDatasets.length}</Badge>\r\n                    <div className=\"text-sm font-medium\">\r\n                      {t('appliedLayer')}\r\n                      {addedDatasets.length === 1 ? '' : 's'}\r\n                    </div>\r\n                  </div>\r\n                  <Button\r\n                    variant=\"ghost\"\r\n                    size=\"icon\"\r\n                    onClick={onToggle}\r\n                    className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n                  >\r\n                    <LR.ChevronUp\r\n                      size={14}\r\n                      className={`transition-transform duration-200 ${open ? 'rotate-180' : ''}`}\r\n                    />\r\n                  </Button>\r\n                </div>\r\n                {open && (\r\n                  <div className=\"max-h-[40vh] overflow-y-auto\">\r\n                    <DndContext\r\n                      sensors={sensors}\r\n                      collisionDetection={closestCenter}\r\n                      onDragEnd={handleDragEnd}\r\n                    >\r\n                      <SortableContext\r\n                        items={sortedDatasets.map(dataset => dataset.name)}\r\n                        strategy={verticalListSortingStrategy}\r\n                      >\r\n                        <Table>\r\n                          <TableBody>\r\n                            {sortedDatasets.map((dataset) => (\r\n                              <SortableTableRow\r\n                                key={dataset.name}\r\n                                dataset={dataset}\r\n                                onToggleDataset={onToggleDataset}\r\n                                openDatasetDetails={openDatasetDetails}\r\n                                expandedDatasets={expandedDatasets}\r\n                              />\r\n                            ))}\r\n                          </TableBody>\r\n                        </Table>\r\n                      </SortableContext>\r\n                    </DndContext>\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </Command>\r\n          </Menubar>\r\n        </div>\r\n      )}\r\n    </>\r\n  )\r\n}\r\n"],"mappings":"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","names":["sortedDatasets"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsTable.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/components/viewers/map/datasets/DatasetManager/src/FieldsTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,KAAK,EAAa,OAAO,EAAgB,MAAM,sCAAsC,CAAA;AAG5F,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,gBAAgB,qBA2OxD"}

package/dist/core/components/viewers/map/datasets/DatasetManager/src/FieldsTable.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 { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTranslations, useLocale } from "next-intl";
+import { Checkbox, Input, LoadingSpinner } from "../../../../../../components/ui/";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../../../../../components/ui/Table";
+import { formatName } from "../../utils";
+import { DatasetsContext } from "../../../../../../store";
+function FieldsTable({ dataset }) {
+  const t = useTranslations("FieldsTable");
+  const locale = useLocale();
+  const datasetId = dataset.id;
+  const { dispatch: datasetDispatch } = React.useContext(DatasetsContext);
+  const [fields, setFields] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  const [fieldColors, setFieldColors] = React.useState({});
+  const [selectedField, setSelectedField] = React.useState("All features");
+  const getEffectiveColor = (fieldName, colorType2) => {
+    var _a;
+    const userColor = (_a = fieldColors[fieldName]) == null ? void 0 : _a[colorType2];
+    if (userColor) return userColor;
+    if (colorType2 === "single") return dataset.layerColor.color;
+    if (colorType2 === "min") return dataset.layerColor.minColor || dataset.layerColor.color;
+    if (colorType2 === "max") return dataset.layerColor.maxColor || dataset.layerColor.color;
+    return "#cccccc";
+  };
+  const onSelectingField = (field) => {
+    datasetDispatch({ type: "SET_SELECTED_FIELD", payload: { datasetName: dataset.name, fieldName: field.name } });
+    setSelectedField(field.name);
+  };
+  const debouncedDispatchRef = React.useRef(null);
+  const handleColorChange = React.useCallback((fieldName, color, colorType2) => {
+    setFieldColors((prev) => __spreadProps(__spreadValues({}, prev), {
+      [fieldName]: __spreadProps(__spreadValues({}, prev[fieldName]), { [colorType2]: color })
+    }));
+    if (fieldName === selectedField) {
+      if (debouncedDispatchRef.current) clearTimeout(debouncedDispatchRef.current);
+      debouncedDispatchRef.current = setTimeout(() => {
+        const layerColor = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, dataset.layerColor), colorType2 === "single" && { color }), colorType2 === "min" && { minColor: color }), colorType2 === "max" && { maxColor: color });
+        datasetDispatch({ type: "DATASET_COLOR", payload: { datasetId, layerColor } });
+        datasetDispatch({ type: "SET_FIELD_COLOR", payload: { datasetName: dataset.name, fieldName, layerColor } });
+      }, 200);
+    }
+  }, [selectedField, dataset.layerColor, datasetId, datasetDispatch]);
+  React.useEffect(() => () => {
+    if (debouncedDispatchRef.current) clearTimeout(debouncedDispatchRef.current);
+  }, []);
+  const filteredFields = React.useMemo(() => {
+    const result = fields.filter((field) => {
+      const t2 = field.type;
+      if (t2 === "id") return false;
+      const key = field.name || "unnamed";
+      const lowerKey = key.toLowerCase();
+      const coordinateKeys = ["globalid", "latitude", "lat", "longitude", "lng", "lon", "coordinates", "coordina", "x", "y", "z"];
+      if (coordinateKeys.includes(lowerKey)) return false;
+      const hasIdWord = /(^|[\s_-])id($|[\s_-])/i.test(lowerKey) || lowerKey.endsWith("id");
+      if (hasIdWord) return false;
+      if (locale === "En") {
+        const fr = ["fr", "fre", "french"];
+        const es = ["es", "esp", "spanish"];
+        if (fr.some((ind) => lowerKey === ind || lowerKey.endsWith(`_${ind}`) || lowerKey.startsWith(`${ind}_`))) return false;
+        if (es.some((ind) => lowerKey === ind || lowerKey.endsWith(`_${ind}`) || lowerKey.startsWith(`${ind}_`))) return false;
+      } else if (locale === "Fr") {
+        const en = ["en", "eng", "engl", "english"];
+        const es = ["es", "esp", "spanish"];
+        if (en.some((ind) => lowerKey === ind || lowerKey.endsWith(`_${ind}`) || lowerKey.startsWith(`${ind}_`))) return false;
+        if (es.some((ind) => lowerKey === ind || lowerKey.endsWith(`_${ind}`) || lowerKey.startsWith(`${ind}_`))) return false;
+      } else if (locale === "Es") {
+        const en = ["en", "eng", "engl", "english"];
+        const fr = ["fr", "fre", "french"];
+        if (en.some((ind) => lowerKey === ind || lowerKey.endsWith(`_${ind}`) || lowerKey.startsWith(`${ind}_`))) return false;
+        if (fr.some((ind) => lowerKey === ind || lowerKey.endsWith(`_${ind}`) || lowerKey.startsWith(`${ind}_`))) return false;
+      }
+      return true;
+    });
+    if (!result.some((f) => f.name === "All features")) {
+      result.unshift({ name: "All features", type: "single", colorType: "single" });
+    }
+    return result;
+  }, [fields, locale]);
+  const colorType = (field) => {
+    const t2 = typeof field.type === "string" ? field.type.toLowerCase() : field.type;
+    if (t2 === "number" || t2 === "datetime") return "minMax";
+    if (t2 === "boolean") return "boolean";
+    return "single";
+  };
+  const buildConfig = (rowCat) => {
+    switch (rowCat) {
+      case "single":
+        return { showSingleColor: true, selectable: true };
+      case "minMax":
+        return { showMinMax: true, selectable: true, minLabel: "min", maxLabel: "max" };
+      case "boolean":
+        return { showMinMax: true, selectable: true, minLabel: "No", maxLabel: "Yes" };
+      default:
+        return { selectable: true };
+    }
+  };
+  const renderColorControls = (field, rowConfig, isSelected) => {
+    if (!isSelected) return null;
+    if (rowConfig.showSingleColor) {
+      return /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-md overflow-hidden border border-gray-300 shadow-sm", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "color",
+          value: getEffectiveColor(field.name, "single"),
+          onChange: (e) => handleColorChange(field.name, e.target.value, "single"),
+          className: "w-full h-full p-0 border-0 cursor-pointer [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:border-0 [&::-webkit-color-swatch]:rounded-none",
+          title: t("fieldColor")
+        }
+      ) }) });
+    }
+    if (rowConfig.showMinMax) {
+      return /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          rowConfig.minLabel && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: rowConfig.minLabel }),
+          /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-sm overflow-hidden border border-gray-300 shadow-sm", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "color",
+              value: getEffectiveColor(field.name, "min"),
+              onChange: (e) => handleColorChange(field.name, e.target.value, "min"),
+              className: "w-full h-full p-0 border-0 cursor-pointer [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:border-0 [&::-webkit-color-swatch]:rounded-none",
+              title: rowConfig.minLabel
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          rowConfig.maxLabel && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: rowConfig.maxLabel }),
+          /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-sm overflow-hidden border border-gray-300 shadow-sm", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "color",
+              value: getEffectiveColor(field.name, "max"),
+              onChange: (e) => handleColorChange(field.name, e.target.value, "max"),
+              className: "w-full h-full p-0 border-0 cursor-pointer [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:border-0 [&::-webkit-color-swatch]:rounded-none",
+              title: rowConfig.maxLabel
+            }
+          ) })
+        ] })
+      ] });
+    }
+    return null;
+  };
+  React.useEffect(() => {
+    let mounted = true;
+    if (!dataset.getFields) setFields(dataset.fields || []);
+    async function fetchFields() {
+      setLoading(true);
+      if (dataset && typeof dataset.getFields === "function") {
+        const result = await dataset.getFields();
+        const datasetFields = result.map((f) => ({
+          name: f.name,
+          datasetName: dataset.name,
+          colorType: colorType(f),
+          type: f.type,
+          layerColor: dataset.layerColor,
+          selected: false
+        }));
+        datasetDispatch({ type: "SET_DATASET_FIELDS", payload: { datasetName: dataset.name, datasetFields } });
+        if (mounted && Array.isArray(result)) setFields(datasetFields);
+      }
+      if (mounted) setLoading(false);
+    }
+    fetchFields();
+    return () => {
+      mounted = false;
+    };
+  }, [dataset.name]);
+  React.useEffect(() => {
+    if (selectedField === "All features") {
+      const allField = filteredFields.find((f) => f.name === "All features");
+      if (allField) onSelectingField(allField);
+    }
+  }, [filteredFields, selectedField, dataset.name]);
+  return /* @__PURE__ */ jsx("div", { className: "mt-4", children: loading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-4 justify-center", children: [
+    /* @__PURE__ */ jsx(LoadingSpinner, {}),
+    /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("loadingText") })
+  ] }) : /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { className: "h-8", children: [
+      /* @__PURE__ */ jsx(TableHead, { className: "w-16 text-xs" }),
+      /* @__PURE__ */ jsx(TableHead, { className: "text-xs", children: t("fieldName") }),
+      /* @__PURE__ */ jsx(TableHead, { className: "text-xs", children: t("color") })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: filteredFields.map((field) => {
+      const fieldColorType = field.colorType;
+      const rowConfig = buildConfig(fieldColorType);
+      if (fieldColorType === "single") {
+        rowConfig.showSingleColor = field.name === "All features";
+      }
+      const isSelected = selectedField === field.name;
+      const colorControls = renderColorControls(field, rowConfig, isSelected);
+      return /* @__PURE__ */ jsxs(TableRow, { className: "h-8", children: [
+        /* @__PURE__ */ jsx(TableCell, { className: "py-2", children: rowConfig.selectable && /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: isSelected,
+            onCheckedChange: () => onSelectingField(field)
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "py-2 text-sm", children: formatName(field.name) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "py-2", children: colorControls })
+      ] }, field.name);
+    }) })
+  ] }) });
+}
+export {
+  FieldsTable
+};
+//# sourceMappingURL=FieldsTable.js.map

package/dist/core/components/viewers/map/datasets/DatasetManager/src/FieldsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/core/components/viewers/map/datasets/DatasetManager/src/FieldsTable.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport { useTranslations, useLocale } from 'next-intl'\r\n\r\n// Shadcn components\r\nimport { Checkbox, Input, LoadingSpinner } from '../../../../../../components/ui/'\r\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../../../../../../components/ui/Table'\r\nimport { formatName } from '../../utils'\r\nimport type { ColorType, Dataset, DatasetField } from '../../../../../../types/datasetTypes'\r\nimport { DatasetsContext } from '../../../../../../store'\r\n\r\ninterface FieldsTableProps {\r\n  dataset: Dataset\r\n}\r\n\r\nexport function FieldsTable({ dataset }: FieldsTableProps) {\r\n  const t = useTranslations('FieldsTable')\r\n  const locale = useLocale()\r\n  const datasetId = dataset.id\r\n  const { dispatch: datasetDispatch } = React.useContext(DatasetsContext)\r\n\r\n  const [fields, setFields] = React.useState<DatasetField[]>([])\r\n  const [loading, setLoading] = React.useState(false)\r\n  const [fieldColors, setFieldColors] = React.useState<Record<string, { single?: string; min?: string; max?: string }>>({})\r\n  const [selectedField, setSelectedField] = React.useState<string>('All features')\r\n\r\n  const getEffectiveColor = (fieldName: string, colorType: 'min' | 'max' | 'single') => {\r\n    const userColor = fieldColors[fieldName]?.[colorType]\r\n    if (userColor) return userColor\r\n    if (colorType === 'single') return dataset.layerColor.color\r\n    if (colorType === 'min') return dataset.layerColor.minColor || dataset.layerColor.color\r\n    if (colorType === 'max') return dataset.layerColor.maxColor || dataset.layerColor.color\r\n    return '#cccccc'\r\n  }\r\n\r\n  const onSelectingField = (field: DatasetField) => {\r\n    datasetDispatch({ type: 'SET_SELECTED_FIELD', payload: { datasetName: dataset.name, fieldName: field.name } })\r\n    setSelectedField(field.name)\r\n  }\r\n\r\n  const debouncedDispatchRef = React.useRef<NodeJS.Timeout | null>(null)\r\n  const handleColorChange = React.useCallback((fieldName: string, color: string, colorType: 'single' | 'min' | 'max') => {\r\n    setFieldColors(prev => ({\r\n      ...prev,\r\n      [fieldName]: { ...prev[fieldName], [colorType]: color },\r\n    }))\r\n    if (fieldName === selectedField) {\r\n      if (debouncedDispatchRef.current) clearTimeout(debouncedDispatchRef.current)\r\n      debouncedDispatchRef.current = setTimeout(() => {\r\n        const layerColor = {\r\n          ...dataset.layerColor,\r\n          ...(colorType === 'single' && { color }),\r\n          ...(colorType === 'min' && { minColor: color }),\r\n          ...(colorType === 'max' && { maxColor: color }),\r\n        }\r\n        datasetDispatch({ type: 'DATASET_COLOR', payload: { datasetId, layerColor } })\r\n        datasetDispatch({ type: 'SET_FIELD_COLOR', payload: { datasetName: dataset.name, fieldName: fieldName, layerColor } })\r\n      }, 200)\r\n    }\r\n  }, [selectedField, dataset.layerColor, datasetId, datasetDispatch])\r\n\r\n  React.useEffect(() => () => { if (debouncedDispatchRef.current) clearTimeout(debouncedDispatchRef.current) }, [])\r\n\r\n  const filteredFields = React.useMemo<DatasetField[]>(() => {\r\n    const result: DatasetField[] = fields.filter(field => {\r\n      const t = (field as any).type\r\n      if (t === 'id') return false\r\n      const key = field.name || 'unnamed'\r\n      const lowerKey = key.toLowerCase()\r\n      const coordinateKeys = ['globalid', 'latitude', 'lat', 'longitude', 'lng', 'lon', 'coordinates', 'coordina', 'x', 'y', 'z']\r\n      if (coordinateKeys.includes(lowerKey)) return false\r\n      const hasIdWord = /(^|[\\s_-])id($|[\\s_-])/i.test(lowerKey) || lowerKey.endsWith('id')\r\n      if (hasIdWord) return false\r\n      if (locale === 'En') {\r\n        const fr = ['fr', 'fre', 'french']\r\n        const es = ['es', 'esp', 'spanish']\r\n        if (fr.some(ind => lowerKey === ind || lowerKey.endsWith(`_${ind}`) || lowerKey.startsWith(`${ind}_`))) return false\r\n        if (es.some(ind => lowerKey === ind || lowerKey.endsWith(`_${ind}`) || lowerKey.startsWith(`${ind}_`))) return false\r\n      } else if (locale === 'Fr') {\r\n        const en = ['en', 'eng', 'engl', 'english']\r\n        const es = ['es', 'esp', 'spanish']\r\n        if (en.some(ind => lowerKey === ind || lowerKey.endsWith(`_${ind}`) || lowerKey.startsWith(`${ind}_`))) return false\r\n        if (es.some(ind => lowerKey === ind || lowerKey.endsWith(`_${ind}`) || lowerKey.startsWith(`${ind}_`))) return false\r\n      } else if (locale === 'Es') {\r\n        const en = ['en', 'eng', 'engl', 'english']\r\n        const fr = ['fr', 'fre', 'french']\r\n        if (en.some(ind => lowerKey === ind || lowerKey.endsWith(`_${ind}`) || lowerKey.startsWith(`${ind}_`))) return false\r\n        if (fr.some(ind => lowerKey === ind || lowerKey.endsWith(`_${ind}`) || lowerKey.startsWith(`${ind}_`))) return false\r\n      }\r\n      return true\r\n    })\r\n    if (!result.some(f => (f as any).name === 'All features')) {\r\n      // Insert All features synthetic row with explicit colorType so it can show a single color picker\r\n      result.unshift({ name: 'All features', type: 'single', colorType: 'single' } as any)\r\n    }\r\n    return result\r\n  }, [fields, locale])\r\n\r\n  // Simple categorization relying solely on pre-inferred field.type (includes 'datetime')\r\n  const colorType = (field: DatasetField): 'single' | 'minMax' | 'boolean' => {\r\n    const t = typeof field.type === 'string' ? field.type.toLowerCase() : field.type\r\n    if (t === 'number' || t === 'datetime') return 'minMax'\r\n    if (t === 'boolean') return 'boolean'\r\n    return 'single'\r\n  }\r\n\r\n  interface RowConfig {\r\n    showMinMax?: boolean\r\n    showSingleColor?: boolean\r\n    selectable: boolean\r\n    minLabel?: string\r\n    maxLabel?: string\r\n  }\r\n\r\n  const buildConfig = (rowCat: ColorType): RowConfig => {\r\n    switch (rowCat) {\r\n      case 'single': return { showSingleColor: true, selectable: true }\r\n      case 'minMax': return { showMinMax: true, selectable: true, minLabel: 'min', maxLabel: 'max' }\r\n      case 'boolean': return { showMinMax: true, selectable: true, minLabel: 'No', maxLabel: 'Yes' }\r\n      default: return { selectable: true }\r\n    }\r\n  }\r\n\r\n  const renderColorControls = (field: DatasetField, rowConfig: RowConfig, isSelected: boolean) => {\r\n    if (!isSelected) return null\r\n    if (rowConfig.showSingleColor) {\r\n      return (\r\n        <div className=\"flex gap-1\">\r\n          <div className=\"w-5 h-5 rounded-md overflow-hidden border border-gray-300 shadow-sm\">\r\n            <Input\r\n              type=\"color\"\r\n              value={getEffectiveColor(field.name, 'single')}\r\n              onChange={e => handleColorChange(field.name, e.target.value, 'single')}\r\n              className=\"w-full h-full p-0 border-0 cursor-pointer [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:border-0 [&::-webkit-color-swatch]:rounded-none\"\r\n              title={t('fieldColor')}\r\n            />\r\n          </div>\r\n        </div>\r\n      )\r\n    }\r\n  if (rowConfig.showMinMax) {\r\n      return (\r\n        <div className=\"flex gap-2 items-center\">\r\n          <div className=\"flex items-center gap-1\">\r\n            {rowConfig.minLabel && <span className=\"text-xs text-muted-foreground\">{rowConfig.minLabel}</span>}\r\n            <div className=\"w-5 h-5 rounded-sm overflow-hidden border border-gray-300 shadow-sm\">\r\n              <Input\r\n                type=\"color\"\r\n                value={getEffectiveColor(field.name, 'min')}\r\n                onChange={e => handleColorChange(field.name, e.target.value, 'min')}\r\n                className=\"w-full h-full p-0 border-0 cursor-pointer [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:border-0 [&::-webkit-color-swatch]:rounded-none\"\r\n                title={rowConfig.minLabel}\r\n              />\r\n            </div>\r\n          </div>\r\n          <div className=\"flex items-center gap-1\">\r\n            {rowConfig.maxLabel && <span className=\"text-xs text-muted-foreground\">{rowConfig.maxLabel}</span>}\r\n            <div className=\"w-5 h-5 rounded-sm overflow-hidden border border-gray-300 shadow-sm\">\r\n              <Input\r\n                type=\"color\"\r\n                value={getEffectiveColor(field.name, 'max')}\r\n                onChange={e => handleColorChange(field.name, e.target.value, 'max')}\r\n                className=\"w-full h-full p-0 border-0 cursor-pointer [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:border-0 [&::-webkit-color-swatch]:rounded-none\"\r\n                title={rowConfig.maxLabel}\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )\r\n    }\r\n    return null\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    let mounted = true\r\n    if (!dataset.getFields) setFields(dataset.fields || [])\r\n    async function fetchFields() {\r\n      setLoading(true)\r\n      if (dataset && typeof dataset.getFields === 'function') {\r\n        const result = await dataset.getFields()\r\n        const datasetFields: DatasetField[] = result.map(f => ({\r\n          name: f.name,\r\n          datasetName: dataset.name,\r\n          colorType: colorType(f),\r\n          type: f.type,\r\n          layerColor: dataset.layerColor,\r\n          selected: false\r\n        }))\r\n        datasetDispatch({ type: 'SET_DATASET_FIELDS', payload: { datasetName: dataset.name, datasetFields } })\r\n        if (mounted && Array.isArray(result)) setFields(datasetFields)\r\n      }\r\n      if (mounted) setLoading(false)\r\n    }\r\n    fetchFields()\r\n    return () => { mounted = false }\r\n  }, [dataset.name])\r\n\r\n  React.useEffect(() => {\r\n    if (selectedField === 'All features') {\r\n      const allField = filteredFields.find(f => f.name === 'All features')\r\n      if (allField) onSelectingField(allField as DatasetField)\r\n    }\r\n  }, [filteredFields, selectedField, dataset.name])\r\n\r\n  return (\r\n    <div className=\"mt-4\">\r\n      {loading ? (\r\n        <div className=\"flex items-center gap-2 py-4 justify-center\">\r\n          <LoadingSpinner />\r\n          <span className=\"text-sm\">{t('loadingText')}</span>\r\n        </div>\r\n      ) : (\r\n        <Table>\r\n          <TableHeader>\r\n            <TableRow className=\"h-8\">\r\n              <TableHead className=\"w-16 text-xs\"></TableHead>\r\n              <TableHead className=\"text-xs\">{t('fieldName')}</TableHead>\r\n              <TableHead className=\"text-xs\">{t('color')}</TableHead>\r\n            </TableRow>\r\n          </TableHeader>\r\n          <TableBody>\r\n            {filteredFields.map(field => {\r\n              const fieldColorType = field.colorType\r\n              const rowConfig = buildConfig(fieldColorType as any)\r\n              // Override: only show single color picker for the synthetic 'All features' row\r\n              if (fieldColorType === 'single') {\r\n                rowConfig.showSingleColor = field.name === 'All features'\r\n              }\r\n              const isSelected = selectedField === field.name\r\n              const colorControls = renderColorControls(field, rowConfig, isSelected)\r\n              return (\r\n                <TableRow key={field.name} className=\"h-8\">\r\n                  <TableCell className=\"py-2\">\r\n                    {rowConfig.selectable && (\r\n                      <Checkbox\r\n                        checked={isSelected}\r\n                        onCheckedChange={() => onSelectingField(field)}\r\n                      />\r\n                    )}\r\n                  </TableCell>\r\n                  <TableCell className=\"py-2 text-sm\">{formatName(field.name)}</TableCell>\r\n                  <TableCell className=\"py-2\">{colorControls}</TableCell>\r\n                </TableRow>\r\n              )\r\n            })}\r\n          </TableBody>\r\n        </Table>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmIY,cAcF,YAdE;AAhIZ,YAAY,WAAW;AACvB,SAAS,iBAAiB,iBAAiB;AAG3C,SAAS,UAAU,OAAO,sBAAsB;AAChD,SAAS,OAAO,WAAW,WAAW,WAAW,aAAa,gBAAgB;AAC9E,SAAS,kBAAkB;AAE3B,SAAS,uBAAuB;AAMzB,SAAS,YAAY,EAAE,QAAQ,GAAqB;AACzD,QAAM,IAAI,gBAAgB,aAAa;AACvC,QAAM,SAAS,UAAU;AACzB,QAAM,YAAY,QAAQ;AAC1B,QAAM,EAAE,UAAU,gBAAgB,IAAI,MAAM,WAAW,eAAe;AAEtE,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAyB,CAAC,CAAC;AAC7D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAClD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAA0E,CAAC,CAAC;AACxH,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAiB,cAAc;AAE/E,QAAM,oBAAoB,CAAC,WAAmBA,eAAwC;AA5BxF;AA6BI,UAAM,aAAY,iBAAY,SAAS,MAArB,mBAAyBA;AAC3C,QAAI,UAAW,QAAO;AACtB,QAAIA,eAAc,SAAU,QAAO,QAAQ,WAAW;AACtD,QAAIA,eAAc,MAAO,QAAO,QAAQ,WAAW,YAAY,QAAQ,WAAW;AAClF,QAAIA,eAAc,MAAO,QAAO,QAAQ,WAAW,YAAY,QAAQ,WAAW;AAClF,WAAO;AAAA,EACT;AAEA,QAAM,mBAAmB,CAAC,UAAwB;AAChD,oBAAgB,EAAE,MAAM,sBAAsB,SAAS,EAAE,aAAa,QAAQ,MAAM,WAAW,MAAM,KAAK,EAAE,CAAC;AAC7G,qBAAiB,MAAM,IAAI;AAAA,EAC7B;AAEA,QAAM,uBAAuB,MAAM,OAA8B,IAAI;AACrE,QAAM,oBAAoB,MAAM,YAAY,CAAC,WAAmB,OAAeA,eAAwC;AACrH,mBAAe,UAAS,iCACnB,OADmB;AAAA,MAEtB,CAAC,SAAS,GAAG,iCAAK,KAAK,SAAS,IAAnB,EAAsB,CAACA,UAAS,GAAG,MAAM;AAAA,IACxD,EAAE;AACF,QAAI,cAAc,eAAe;AAC/B,UAAI,qBAAqB,QAAS,cAAa,qBAAqB,OAAO;AAC3E,2BAAqB,UAAU,WAAW,MAAM;AAC9C,cAAM,aAAa,gEACd,QAAQ,aACPA,eAAc,YAAY,EAAE,MAAM,IAClCA,eAAc,SAAS,EAAE,UAAU,MAAM,IACzCA,eAAc,SAAS,EAAE,UAAU,MAAM;AAE/C,wBAAgB,EAAE,MAAM,iBAAiB,SAAS,EAAE,WAAW,WAAW,EAAE,CAAC;AAC7E,wBAAgB,EAAE,MAAM,mBAAmB,SAAS,EAAE,aAAa,QAAQ,MAAM,WAAsB,WAAW,EAAE,CAAC;AAAA,MACvH,GAAG,GAAG;AAAA,IACR;AAAA,EACF,GAAG,CAAC,eAAe,QAAQ,YAAY,WAAW,eAAe,CAAC;AAElE,QAAM,UAAU,MAAM,MAAM;AAAE,QAAI,qBAAqB,QAAS,cAAa,qBAAqB,OAAO;AAAA,EAAE,GAAG,CAAC,CAAC;AAEhH,QAAM,iBAAiB,MAAM,QAAwB,MAAM;AACzD,UAAM,SAAyB,OAAO,OAAO,WAAS;AACpD,YAAMC,KAAK,MAAc;AACzB,UAAIA,OAAM,KAAM,QAAO;AACvB,YAAM,MAAM,MAAM,QAAQ;AAC1B,YAAM,WAAW,IAAI,YAAY;AACjC,YAAM,iBAAiB,CAAC,YAAY,YAAY,OAAO,aAAa,OAAO,OAAO,eAAe,YAAY,KAAK,KAAK,GAAG;AAC1H,UAAI,eAAe,SAAS,QAAQ,EAAG,QAAO;AAC9C,YAAM,YAAY,0BAA0B,KAAK,QAAQ,KAAK,SAAS,SAAS,IAAI;AACpF,UAAI,UAAW,QAAO;AACtB,UAAI,WAAW,MAAM;AACnB,cAAM,KAAK,CAAC,MAAM,OAAO,QAAQ;AACjC,cAAM,KAAK,CAAC,MAAM,OAAO,SAAS;AAClC,YAAI,GAAG,KAAK,SAAO,aAAa,OAAO,SAAS,SAAS,IAAI,GAAG,EAAE,KAAK,SAAS,WAAW,GAAG,GAAG,GAAG,CAAC,EAAG,QAAO;AAC/G,YAAI,GAAG,KAAK,SAAO,aAAa,OAAO,SAAS,SAAS,IAAI,GAAG,EAAE,KAAK,SAAS,WAAW,GAAG,GAAG,GAAG,CAAC,EAAG,QAAO;AAAA,MACjH,WAAW,WAAW,MAAM;AAC1B,cAAM,KAAK,CAAC,MAAM,OAAO,QAAQ,SAAS;AAC1C,cAAM,KAAK,CAAC,MAAM,OAAO,SAAS;AAClC,YAAI,GAAG,KAAK,SAAO,aAAa,OAAO,SAAS,SAAS,IAAI,GAAG,EAAE,KAAK,SAAS,WAAW,GAAG,GAAG,GAAG,CAAC,EAAG,QAAO;AAC/G,YAAI,GAAG,KAAK,SAAO,aAAa,OAAO,SAAS,SAAS,IAAI,GAAG,EAAE,KAAK,SAAS,WAAW,GAAG,GAAG,GAAG,CAAC,EAAG,QAAO;AAAA,MACjH,WAAW,WAAW,MAAM;AAC1B,cAAM,KAAK,CAAC,MAAM,OAAO,QAAQ,SAAS;AAC1C,cAAM,KAAK,CAAC,MAAM,OAAO,QAAQ;AACjC,YAAI,GAAG,KAAK,SAAO,aAAa,OAAO,SAAS,SAAS,IAAI,GAAG,EAAE,KAAK,SAAS,WAAW,GAAG,GAAG,GAAG,CAAC,EAAG,QAAO;AAC/G,YAAI,GAAG,KAAK,SAAO,aAAa,OAAO,SAAS,SAAS,IAAI,GAAG,EAAE,KAAK,SAAS,WAAW,GAAG,GAAG,GAAG,CAAC,EAAG,QAAO;AAAA,MACjH;AACA,aAAO;AAAA,IACT,CAAC;AACD,QAAI,CAAC,OAAO,KAAK,OAAM,EAAU,SAAS,cAAc,GAAG;AAEzD,aAAO,QAAQ,EAAE,MAAM,gBAAgB,MAAM,UAAU,WAAW,SAAS,CAAQ;AAAA,IACrF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,MAAM,CAAC;AAGnB,QAAM,YAAY,CAAC,UAAyD;AAC1E,UAAMA,KAAI,OAAO,MAAM,SAAS,WAAW,MAAM,KAAK,YAAY,IAAI,MAAM;AAC5E,QAAIA,OAAM,YAAYA,OAAM,WAAY,QAAO;AAC/C,QAAIA,OAAM,UAAW,QAAO;AAC5B,WAAO;AAAA,EACT;AAUA,QAAM,cAAc,CAAC,WAAiC;AACpD,YAAQ,QAAQ;AAAA,MACd,KAAK;AAAU,eAAO,EAAE,iBAAiB,MAAM,YAAY,KAAK;AAAA,MAChE,KAAK;AAAU,eAAO,EAAE,YAAY,MAAM,YAAY,MAAM,UAAU,OAAO,UAAU,MAAM;AAAA,MAC7F,KAAK;AAAW,eAAO,EAAE,YAAY,MAAM,YAAY,MAAM,UAAU,MAAM,UAAU,MAAM;AAAA,MAC7F;AAAS,eAAO,EAAE,YAAY,KAAK;AAAA,IACrC;AAAA,EACF;AAEA,QAAM,sBAAsB,CAAC,OAAqB,WAAsB,eAAwB;AAC9F,QAAI,CAAC,WAAY,QAAO;AACxB,QAAI,UAAU,iBAAiB;AAC7B,aACE,oBAAC,SAAI,WAAU,cACb,8BAAC,SAAI,WAAU,uEACb;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO,kBAAkB,MAAM,MAAM,QAAQ;AAAA,UAC7C,UAAU,OAAK,kBAAkB,MAAM,MAAM,EAAE,OAAO,OAAO,QAAQ;AAAA,UACrE,WAAU;AAAA,UACV,OAAO,EAAE,YAAY;AAAA;AAAA,MACvB,GACF,GACF;AAAA,IAEJ;AACF,QAAI,UAAU,YAAY;AACtB,aACE,qBAAC,SAAI,WAAU,2BACb;AAAA,6BAAC,SAAI,WAAU,2BACZ;AAAA,oBAAU,YAAY,oBAAC,UAAK,WAAU,iCAAiC,oBAAU,UAAS;AAAA,UAC3F,oBAAC,SAAI,WAAU,uEACb;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO,kBAAkB,MAAM,MAAM,KAAK;AAAA,cAC1C,UAAU,OAAK,kBAAkB,MAAM,MAAM,EAAE,OAAO,OAAO,KAAK;AAAA,cAClE,WAAU;AAAA,cACV,OAAO,UAAU;AAAA;AAAA,UACnB,GACF;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,2BACZ;AAAA,oBAAU,YAAY,oBAAC,UAAK,WAAU,iCAAiC,oBAAU,UAAS;AAAA,UAC3F,oBAAC,SAAI,WAAU,uEACb;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO,kBAAkB,MAAM,MAAM,KAAK;AAAA,cAC1C,UAAU,OAAK,kBAAkB,MAAM,MAAM,EAAE,OAAO,OAAO,KAAK;AAAA,cAClE,WAAU;AAAA,cACV,OAAO,UAAU;AAAA;AAAA,UACnB,GACF;AAAA,WACF;AAAA,SACF;AAAA,IAEJ;AACA,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,UAAU;AACd,QAAI,CAAC,QAAQ,UAAW,WAAU,QAAQ,UAAU,CAAC,CAAC;AACtD,mBAAe,cAAc;AAC3B,iBAAW,IAAI;AACf,UAAI,WAAW,OAAO,QAAQ,cAAc,YAAY;AACtD,cAAM,SAAS,MAAM,QAAQ,UAAU;AACvC,cAAM,gBAAgC,OAAO,IAAI,QAAM;AAAA,UACrD,MAAM,EAAE;AAAA,UACR,aAAa,QAAQ;AAAA,UACrB,WAAW,UAAU,CAAC;AAAA,UACtB,MAAM,EAAE;AAAA,UACR,YAAY,QAAQ;AAAA,UACpB,UAAU;AAAA,QACZ,EAAE;AACF,wBAAgB,EAAE,MAAM,sBAAsB,SAAS,EAAE,aAAa,QAAQ,MAAM,cAAc,EAAE,CAAC;AACrG,YAAI,WAAW,MAAM,QAAQ,MAAM,EAAG,WAAU,aAAa;AAAA,MAC/D;AACA,UAAI,QAAS,YAAW,KAAK;AAAA,IAC/B;AACA,gBAAY;AACZ,WAAO,MAAM;AAAE,gBAAU;AAAA,IAAM;AAAA,EACjC,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEjB,QAAM,UAAU,MAAM;AACpB,QAAI,kBAAkB,gBAAgB;AACpC,YAAM,WAAW,eAAe,KAAK,OAAK,EAAE,SAAS,cAAc;AACnE,UAAI,SAAU,kBAAiB,QAAwB;AAAA,IACzD;AAAA,EACF,GAAG,CAAC,gBAAgB,eAAe,QAAQ,IAAI,CAAC;AAEhD,SACE,oBAAC,SAAI,WAAU,QACZ,oBACC,qBAAC,SAAI,WAAU,+CACb;AAAA,wBAAC,kBAAe;AAAA,IAChB,oBAAC,UAAK,WAAU,WAAW,YAAE,aAAa,GAAE;AAAA,KAC9C,IAEA,qBAAC,SACC;AAAA,wBAAC,eACC,+BAAC,YAAS,WAAU,OAClB;AAAA,0BAAC,aAAU,WAAU,gBAAe;AAAA,MACpC,oBAAC,aAAU,WAAU,WAAW,YAAE,WAAW,GAAE;AAAA,MAC/C,oBAAC,aAAU,WAAU,WAAW,YAAE,OAAO,GAAE;AAAA,OAC7C,GACF;AAAA,IACA,oBAAC,aACE,yBAAe,IAAI,WAAS;AAC3B,YAAM,iBAAiB,MAAM;AAC7B,YAAM,YAAY,YAAY,cAAqB;AAEnD,UAAI,mBAAmB,UAAU;AAC/B,kBAAU,kBAAkB,MAAM,SAAS;AAAA,MAC7C;AACA,YAAM,aAAa,kBAAkB,MAAM;AAC3C,YAAM,gBAAgB,oBAAoB,OAAO,WAAW,UAAU;AACtE,aACE,qBAAC,YAA0B,WAAU,OACnC;AAAA,4BAAC,aAAU,WAAU,QAClB,oBAAU,cACT;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,iBAAiB,MAAM,iBAAiB,KAAK;AAAA;AAAA,QAC/C,GAEJ;AAAA,QACA,oBAAC,aAAU,WAAU,gBAAgB,qBAAW,MAAM,IAAI,GAAE;AAAA,QAC5D,oBAAC,aAAU,WAAU,QAAQ,yBAAc;AAAA,WAV9B,MAAM,IAWrB;AAAA,IAEJ,CAAC,GACH;AAAA,KACF,GAEJ;AAEJ;","names":["colorType","t"]}

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

@@ -0,0 +1,2 @@
+export default function DatasetSkeleton(): import("react").JSX.Element;
+//# sourceMappingURL=DatasetSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetSkeleton.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/map/datasets/DatasetSkeleton.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,eAAe,gCAyEtC"}