@eeacms/volto-arcgis-block 0.1.453 → 0.1.455

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.455](https://github.com/eea/volto-arcgis-block/compare/0.1.454...0.1.455) - 9 June 2026
+
+### [0.1.454](https://github.com/eea/volto-arcgis-block/compare/0.1.453...0.1.454) - 8 June 2026
+
+#### :hammer_and_wrench: Others
+
+- (feat): For 10m CDSE datasets, remove the message from the TOC menu once the correct zoom level has been reached [Unai Bolivar - [`f5a2f19`](https://github.com/eea/volto-arcgis-block/commit/f5a2f19e2ca8f8311bfcd69bbf90d14c168f0f9b)]
 ### [0.1.453](https://github.com/eea/volto-arcgis-block/compare/0.1.452...0.1.453) - 3 June 2026
 
 #### :house: Internal changes

package/package.json

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

package/src/components/MapViewer/MenuWidget.jsx

@@ -537,6 +537,24 @@ class MenuWidget extends React.Component {
             });
           }
         }
+        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({});
@@ -7880,13 +7898,61 @@ class MenuWidget extends React.Component {
 
   renderTimeslider(elem, layer, fromDownload, hideCalendar) {
     if (this.props.view && layer) {
-      let elemId;
-      if (elem.id.includes('.')) {
-        elemId = elem.id.replaceAll('.', '\\.');
-      } else {
-        elemId = elem.id;
+      let activeLayer = document.getElementById('active_' + elem.id);
+      if (!activeLayer) {
+        if (!this._pendingTimesliderRender) {
+          this._pendingTimesliderRender = {};
+        }
+        if (!this._pendingTimesliderRenderCount) {
+          this._pendingTimesliderRenderCount = {};
+        }
+        if (!this._pendingTimesliderRender[elem.id]) {
+          this._pendingTimesliderRender[elem.id] = true;
+          setTimeout(() => {
+            if (this._pendingTimesliderRender) {
+              this._pendingTimesliderRender[elem.id] = false;
+            }
+            if (!this._pendingTimesliderRenderCount[elem.id]) {
+              this._pendingTimesliderRenderCount[elem.id] = 0;
+            }
+            this._pendingTimesliderRenderCount[elem.id] += 1;
+            if (
+              this.timeLayers &&
+              this.timeLayers[elem.id] &&
+              this.timeLayers[elem.id][1] === 'stop' &&
+              this._pendingTimesliderRenderCount[elem.id] < 6
+            ) {
+              let sourceElem = document.getElementById(elem.id) || elem;
+              let order =
+                this.activeLayersJSON && this.activeLayersJSON[elem.id]
+                  ? this.activeLayersJSON[elem.id].props['layer-order']
+                  : 0;
+              if (sourceElem && this.activeLayersJSON) {
+                this.activeLayersJSON[elem.id] = this.addActiveLayer(
+                  sourceElem,
+                  order,
+                  fromDownload,
+                  hideCalendar,
+                );
+              }
+              this.setState({});
+            }
+          }, 0);
+        }
+        return null;
+      }
+      if (
+        this._pendingTimesliderRender &&
+        this._pendingTimesliderRender[elem.id]
+      ) {
+        this._pendingTimesliderRender[elem.id] = false;
+      }
+      if (
+        this._pendingTimesliderRenderCount &&
+        this._pendingTimesliderRenderCount[elem.id]
+      ) {
+        this._pendingTimesliderRenderCount[elem.id] = 0;
       }
-      let activeLayer = document.querySelector('#active_' + elemId);
       let time = { elem: activeLayer };
       if (this.props.download) {
         let dataset = document.querySelector('.map-dataset-checkbox input');