@eeacms/volto-arcgis-block 0.1.484 → 0.1.485

package/CHANGELOG.md

@@ -4,6 +4,13 @@ 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.485](https://github.com/eea/volto-arcgis-block/compare/0.1.484...0.1.485) - 24 September 2026
+
+#### :hammer_and_wrench: Others
+
+- (lint): lint and prettified [Unai Bolivar - [`6caacff`](https://github.com/eea/volto-arcgis-block/commit/6caacffcda92259d4ecd9e5ba0aedea28c0999e1)]
+- (bug): removed additional zoom on extent behavior [Unai Bolivar - [`b609753`](https://github.com/eea/volto-arcgis-block/commit/b6097536b13e94cd1772c0528a6ea984fb497fcb)]
+- (bug): parse CDSE WMTS capabilities identifiers correctly [Unai Bolivar - [`a3c9f4b`](https://github.com/eea/volto-arcgis-block/commit/a3c9f4b285c916a0adf45168cab85950a4415890)]
 ### [0.1.484](https://github.com/eea/volto-arcgis-block/compare/0.1.483...0.1.484) - 15 September 2026
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/components/MapViewer/InfoWidget.jsx

@@ -577,10 +577,29 @@ class InfoWidget extends React.Component {
   }
 
   identifyWMTS(layer, event) {
-    let layerId = layer.activeLayer.id;
     let url = layer.featureInfoUrl ? layer.featureInfoUrl : layer.url;
     let featureInfoUrl = url.replace('/cdse/', '/cdse/wms/');
     return this.wmsCapabilities(url).then((xml) => {
+      let serviceData = layer.ViewService ? layer.ViewService : url;
+      let isCdseWmts = ['/ogc/', '/cdse/'].some((segment) =>
+        serviceData.toLowerCase().includes(segment),
+      );
+      let layerId;
+      if (isCdseWmts) {
+        let wmtsLayers = Array.from(xml.querySelectorAll('Layer'));
+        let layerTitle = this.getLayerTitle(layer);
+        let selectedLayer = wmtsLayers.find((item) => {
+          let titleNode =
+            item.querySelector('ows\\:Title') || item.querySelector('Title');
+          return titleNode && titleNode.textContent === layerTitle;
+        });
+        layerId = (
+          selectedLayer.querySelector('ows\\:Identifier') ||
+          selectedLayer.querySelector('Identifier')
+        ).textContent;
+      } else {
+        layerId = layer.activeLayer.id;
+      }
       let version = layer.version;
       let format = this.parseFormat(xml, layerId);
       let times = '';

package/src/components/MapViewer/MenuWidget.jsx

@@ -480,24 +480,12 @@ class MenuWidget extends React.Component {
     // add zoomend listener to map to show/hide zoom in message
     this.view.watch('stationary', (isStationary) => {
       let snowAndIceInSessionStorage = sessionStorage.getItem('snowAndIce');
-      let node;
       if (this.view && this.view.center) {
         this.extentCenter = { x: this.view.center.x, y: this.view.center.y };
       }
       if (isStationary) {
         this.extentInitiated = false;
-        let zoom = this.view.get('zoom');
-        if (this.props.download) {
-          node = document.querySelector('.zoom-in-message-dataset');
-          if (node && node !== null) {
-            node.style.display = zoom > 6 ? 'none' : 'block';
-          }
-        }
         if (!this.props.download && snowAndIceInSessionStorage === 'true') {
-          node = document.getElementById('snow-and-ice-zoom-message');
-          if (node && node !== null) {
-            node.style.display = zoom > 6 ? 'none' : 'block';
-          }
           let innerDropdown = document.getElementsByClassName(
             'map-product-checkbox',
           );
@@ -522,41 +510,7 @@ class MenuWidget extends React.Component {
             snowAndIce.offsetParent.nextSibling === null
           )
             return;
-          let checks = snowAndIce.offsetParent.nextSibling.children;
-          let checksList = [...checks];
-          if (checksList && checksList !== null) {
-            checksList.forEach((check) => {
-              if (check && check !== null) {
-                if (check.querySelector('[type="checkbox"]').checked) {
-                  let node = [
-                    ...check.getElementsByClassName('zoom-in-message-dataset'),
-                  ][0];
-                  if (node && node !== null) {
-                    node.style.display = zoom > 6 ? 'none' : 'block';
-                  }
-                }
-              }
-            });
-          }
         }
-        let zoomInMessageContainers = document.getElementsByClassName(
-          'zoom-in-message-container',
-        );
-        let zoomInMessageContainersList = [...zoomInMessageContainers];
-        zoomInMessageContainersList.forEach((container) => {
-          if (container && container !== null) {
-            let nodes = [
-              ...document.getElementsByClassName('zoom-in-message-dataset'),
-            ];
-            nodes.forEach((node) => {
-              if (node && node !== null) {
-                if (node.innerText === 'Zoom in') {
-                  node.style.display = zoom > 6 ? 'none' : 'block';
-                }
-              }
-            });
-          }
-        });
         if (!this.visibleLayers) this.visibleLayers = {};
         this.handleRasterVectorLegend();
         this.setState({});
@@ -6421,35 +6375,7 @@ class MenuWidget extends React.Component {
         ymax: BBoxes['dataset'].ymax,
       });
     }
-    if (
-      this.extentInitiated === false &&
-      (this.layers[elem.id].DatasetId === '65f8eded11d94a1ba5540ceecaddd4e6' ||
-        this.layers[elem.id].DatasetId === '40e056d02eed4c1fb2040cf0f06823df')
-    ) {
-      let myExtent = new Extent({
-        xmin: -13478905.5678019,
-        ymin: 23797904.386302948,
-        xmax: 20538395.093334593,
-        ymax: 11175665.272476234,
-        spatialReference: 3857,
-      });
-      const targetCenter = myExtent.center;
-      if (this.extentCenter) {
-        const epsilon = 1e-3;
-        const sameStoredCenter =
-          Math.abs(this.extentCenter.x - targetCenter.x) < epsilon &&
-          Math.abs(this.extentCenter.y - targetCenter.y) < epsilon;
-        if (sameStoredCenter) {
-          this.extentInitiated = true;
-          return;
-        }
-      }
-      this.view.goTo({ center: targetCenter, zoom: 3 });
-      this.extentCenter = { x: targetCenter.x, y: targetCenter.y };
-      this.extentInitiated = true;
-    } else {
-      this.view.goTo(myExtent);
-    }
+    this.view.goTo(myExtent);
   }
 
   async fullExtent(elem) {
@@ -6802,42 +6728,7 @@ class MenuWidget extends React.Component {
         xmax: firstLayer.xmax,
         ymax: firstLayer.ymax,
       });
-      if (
-        this.extentInitiated === false &&
-        (this.layers[elem.id].DatasetId ===
-          '65f8eded11d94a1ba5540ceecaddd4e6' ||
-          this.layers[elem.id].DatasetId === '40e056d02eed4c1fb2040cf0f06823df')
-      ) {
-        let myExtent = new Extent({
-          xmin: -13478905.5678019,
-          ymin: 23797904.386302948,
-          xmax: 20538395.093334593,
-          ymax: 11175665.272476234,
-          spatialReference: 3857,
-        });
-        const targetCenter = myExtent.center;
-        if (this.extentCenter) {
-          const epsilon = 1e-3;
-          const sameStoredCenter =
-            Math.abs(this.extentCenter.x - targetCenter.x) < epsilon &&
-            Math.abs(this.extentCenter.y - targetCenter.y) < epsilon;
-          if (sameStoredCenter) {
-            if (this.toggleHotspotWidget.view.zoom !== 3) {
-              this.view.zoom = 3;
-              this.setState({}); // Force re-render
-              return;
-            } else {
-              this.extentInitiated = true;
-              return;
-            }
-          }
-        }
-        this.view.goTo({ center: targetCenter, zoom: 3 });
-        this.extentCenter = { x: targetCenter.x, y: targetCenter.y };
-        this.extentInitiated = true;
-      } else {
-        this.view.goTo(myExtent);
-      }
+      this.view.goTo(myExtent);
     }
     this.url = null;
   }