@eeacms/volto-arcgis-block 0.1.440 → 0.1.442

package/CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [0.1.442](https://github.com/eea/volto-arcgis-block/compare/0.1.441...0.1.442) - 9 April 2026
+
+### [0.1.441](https://github.com/eea/volto-arcgis-block/compare/0.1.440...0.1.441) - 7 April 2026
+
 ### [0.1.440](https://github.com/eea/volto-arcgis-block/compare/0.1.439...0.1.440) - 31 March 2026
 
 ### [0.1.439](https://github.com/eea/volto-arcgis-block/compare/0.1.438...0.1.439) - 23 March 2026

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-arcgis-block",
-  "version": "0.1.440",
+  "version": "0.1.442",
   "description": "volto-arcgis-block: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: CodeSyntax",

package/src/components/MapViewer/MenuWidget.jsx

@@ -4428,6 +4428,57 @@ class MenuWidget extends React.Component {
           // }, 2000);
         }
       }
+      try {
+        const isCDSE =
+          !!this.url &&
+          ['/ogc/', '/cdse/'].some((s) => this.url.toLowerCase().includes(s));
+        if (isCDSE) {
+          const d =
+            this.layers[elem.id]?.DatasetDownloadInformation ||
+            this.layers[elem.id]?.datasetDownloadInformation ||
+            {};
+          const byoc =
+            d && d.items && d.items[0] ? d.items[0].byoc_collection : null;
+          if (byoc && this.props.fetchCatalogApiDates) {
+            let payload =
+              this.props.catalogapi &&
+              this.props.catalogapi.byoc &&
+              this.props.catalogapi.byoc[byoc]
+                ? this.props.catalogapi.byoc[byoc].data
+                : null;
+            if (!payload) {
+              payload = await this.props.fetchCatalogApiDates(byoc, false);
+            }
+            if (payload) {
+              if (
+                this.layers[elem.id].ViewService.toLowerCase().includes('wmts')
+              ) {
+                this.layers[elem.id] = new WMTSLayer({
+                  url: this.layers[elem.id].url,
+                  spatialReference: this.layers[elem.id].spatialReference,
+                  title: this.layers[elem.id].title,
+                  _wmtsTitle: this.layers[elem.id]._wmtsTitle,
+                  activeLayer: this.layers[elem.id].activeLayer,
+                  isTimeSeries: this.layers[elem.id].isTimeSeries,
+                  fields: this.layers[elem.id].fields,
+                  DatasetId: this.layers[elem.id].DatasetId,
+                  DatasetTitle: this.layers[elem.id].DatasetTitle,
+                  ProductId: this.layers[elem.id].ProductId,
+                  ViewService: this.layers[elem.id].ViewService,
+                  StaticImageLegend: this.layers[elem.id].StaticImageLegend,
+                  LayerTitle: this.layers[elem.id].LayerTitle,
+                  DatasetDownloadInformation: this.layers[elem.id]
+                    .DatasetDownloadInformation,
+                  customLayerParameters: {
+                    SHOWLOGO: false,
+                    TIME: payload.dates[payload.dates.length - 1] || '',
+                  },
+                });
+              }
+            }
+          }
+        }
+      } catch (e) {}
       if (
         this.layers[elem.id].DatasetId === '65f8eded11d94a1ba5540ceecaddd4e6' ||
         this.layers[elem.id].DatasetId === '40e056d02eed4c1fb2040cf0f06823df'
@@ -5857,6 +5908,53 @@ class MenuWidget extends React.Component {
     const serviceLayer = this.state.wmsUserServiceLayers.find(
       (layer) => layer.LayerId === elem.id,
     );
+    const resolveLayerExtent = async () => {
+      const activeLayer = this.layers[elem.id] || serviceLayer;
+      if (!activeLayer) {
+        return null;
+      }
+      let targetExtent =
+        activeLayer.fullExtent ||
+        (activeLayer.fullExtents && activeLayer.fullExtents[0]
+          ? activeLayer.fullExtents[0]
+          : null);
+      if (!targetExtent && typeof activeLayer.queryExtent === 'function') {
+        try {
+          const queryResult = await activeLayer.queryExtent();
+          targetExtent = queryResult?.extent || null;
+        } catch (error) {}
+      }
+      if (!targetExtent) {
+        return null;
+      }
+      if (!(targetExtent instanceof Extent)) {
+        targetExtent = new Extent({
+          xmin: targetExtent.xmin,
+          ymin: targetExtent.ymin,
+          xmax: targetExtent.xmax,
+          ymax: targetExtent.ymax,
+          spatialReference:
+            targetExtent.spatialReference || this.view?.spatialReference,
+        });
+      }
+      if (
+        targetExtent?.spatialReference &&
+        this.view?.spatialReference &&
+        targetExtent.spatialReference.wkid !== this.view.spatialReference.wkid
+      ) {
+        try {
+          await projection.load();
+          const projectedExtent = projection.project(
+            targetExtent,
+            this.view.spatialReference,
+          );
+          if (projectedExtent) {
+            targetExtent = projectedExtent;
+          }
+        } catch (error) {}
+      }
+      return targetExtent;
+    };
 
     if (!serviceLayer) {
       this.findCheckedDataset(elem);
@@ -5864,6 +5962,27 @@ class MenuWidget extends React.Component {
       this.productId = null;
       this.url = serviceLayer.ViewService;
     }
+    const isUploadedServiceLayer =
+      !!serviceLayer &&
+      (this.layers[elem.id]?.type === 'feature' ||
+        serviceLayer.type === 'feature');
+    if (isUploadedServiceLayer) {
+      const targetExtent = await resolveLayerExtent();
+      if (targetExtent) {
+        this.view.goTo(targetExtent);
+        this.url = null;
+        return;
+      }
+      if (
+        this.uploadedGraphics &&
+        this.uploadedGraphics[elem.id] &&
+        this.uploadedGraphics[elem.id].length > 0
+      ) {
+        this.view.goTo(this.uploadedGraphics[elem.id]);
+        this.url = null;
+        return;
+      }
+    }
     let BBoxes = {};
     let firstLayer;
     let myExtent = null;