@eeacms/volto-arcgis-block 0.1.464 → 0.1.466

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.466](https://github.com/eea/volto-arcgis-block/compare/0.1.465...0.1.466) - 7 August 2026
+
+#### :hammer_and_wrench: Others
+
+- (bug): ensure time calendar updates with every selection in active layers menu tab [Unai Bolivar - [`be7b3ff`](https://github.com/eea/volto-arcgis-block/commit/be7b3ff60444005abdfbcbdfa7e06d6a387af80e)]
+### [0.1.465](https://github.com/eea/volto-arcgis-block/compare/0.1.464...0.1.465) - 6 August 2026
+
 ### [0.1.464](https://github.com/eea/volto-arcgis-block/compare/0.1.463...0.1.464) - 3 August 2026
 
 #### :house: Internal changes

package/package.json

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

package/src/components/MapViewer/MapViewer.jsx

@@ -1510,10 +1510,12 @@ class MapViewer extends React.Component {
           this.location.search.includes('dataset=')))
     ) {
       let toc_panel_scrolls = sessionStorage.getItem('toc_panel_scrolls');
+      let checkedLayers = sessionStorage.getItem('checkedLayers');
       if (!sessionStorage.getItem('TMSLayerObj')) {
         sessionStorage.clear();
       }
       sessionStorage.setItem('toc_panel_scrolls', toc_panel_scrolls);
+      sessionStorage.setItem('checkedLayers', checkedLayers);
     }
 
     // Handle user state changes from context

package/src/components/MapViewer/MenuWidget.jsx

@@ -988,7 +988,7 @@ class MenuWidget extends React.Component {
     }
     this.openMenu();
     this.loadComponentFilters();
-    this.expandDropdowns();
+    //this.expandDropdowns();
     // Add "My Services" component to the UI
     const myServicesComponent = this.createMyServicesComponent();
     const myServicesContainer = document.createElement('div');
@@ -1117,27 +1117,27 @@ class MenuWidget extends React.Component {
     let dataset = url.searchParams.get('dataset');
     if (product || dataset) {
       // CLMS-1261 - clear any previously checked layers when navigating using 'view in the map viewer'
-      let expandedDropdowns = sessionStorage.getItem('expandedDropdowns');
-      let checkedLayers = sessionStorage.getItem('checkedLayers');
-      if (expandedDropdowns) {
-        sessionStorage.setItem('expandedDropdowns', JSON.stringify([]));
-        const userKey = this.userID ? 'user_' + this.userID : 'user_anonymous';
-        const existing = localStorage.getItem(userKey);
-        let storeObj = {};
-        if (existing) {
-          try {
-            storeObj = JSON.parse(existing) || {};
-          } catch (e) {
-            storeObj = {};
-          }
-        }
-        storeObj.expandedDropdowns = [];
-        localStorage.setItem(userKey, JSON.stringify(storeObj));
-      }
-      if (checkedLayers) {
-        sessionStorage.setItem('checkedLayers', JSON.stringify([]));
-        window.dispatchEvent(new Event('storage'));
-      }
+      //let expandedDropdowns = sessionStorage.getItem('expandedDropdowns');
+      //let checkedLayers = sessionStorage.getItem('checkedLayers');
+      // if (expandedDropdowns) {
+      //   sessionStorage.setItem('expandedDropdowns', JSON.stringify([]));
+      //   const userKey = this.userID ? 'user_' + this.userID : 'user_anonymous';
+      //   const existing = localStorage.getItem(userKey);
+      //   let storeObj = {};
+      //   if (existing) {
+      //     try {
+      //       storeObj = JSON.parse(existing) || {};
+      //     } catch (e) {
+      //       storeObj = {};
+      //     }
+      //   }
+      //   storeObj.expandedDropdowns = [];
+      //   localStorage.setItem(userKey, JSON.stringify(storeObj));
+      // }
+      // if (checkedLayers) {
+      //   sessionStorage.setItem('checkedLayers', JSON.stringify([]));
+      //   window.dispatchEvent(new Event('storage'));
+      // }
       let event = new MouseEvent('click', {
         view: window,
         bubbles: true,
@@ -7760,7 +7760,31 @@ class MenuWidget extends React.Component {
    */
   loadLayers() {
     let layers = JSON.parse(sessionStorage.getItem('checkedLayers'));
-    if (layers && !this.props.download) {
+    let expandedDropdowns = null;
+    const userKey = this.userID ? 'user_' + this.userID : 'user_anonymous';
+    const existing = localStorage.getItem(userKey);
+    if (existing) {
+      try {
+        const storeObj = JSON.parse(existing) || {};
+        const stored = storeObj ? storeObj.expandedDropdowns : null;
+        if (Array.isArray(stored)) {
+          expandedDropdowns = stored;
+        } else if (typeof stored === 'string') {
+          const parsed = JSON.parse(stored);
+          if (Array.isArray(parsed)) expandedDropdowns = parsed;
+        }
+      } catch (e) {}
+    }
+    if (!Array.isArray(expandedDropdowns)) {
+      try {
+        const fromSession = sessionStorage.getItem('expandedDropdowns');
+        if (fromSession) {
+          const parsed = JSON.parse(fromSession);
+          if (Array.isArray(parsed)) expandedDropdowns = parsed;
+        }
+      } catch (e) {}
+    }
+    if (layers && !this.props.download && Array.isArray(expandedDropdowns)) {
       for (var i = layers.length - 1; i >= 0; i--) {
         let layer = layers[i];
         let node = document.getElementById(layer);
@@ -7782,10 +7806,37 @@ class MenuWidget extends React.Component {
               delete node.dataset.preserveCheckedLayerState;
             }
           }
-
-          // set scroll position
           let dropdown = node.closest('.map-menu-dropdown');
+          if (dropdown) {
+            let button = dropdown.querySelector('.ccl-expandable__button');
+            if (button && expandedDropdowns.includes(button.id)) {
+              button.setAttribute('aria-expanded', 'true');
+            }
+          }
           let productDropdown = node.closest('.map-menu-product-dropdown');
+          if (productDropdown) {
+            let familyDropdown = node.closest('.map-menu-family-dropdown');
+            if (familyDropdown) {
+              let button = familyDropdown.querySelector(
+                '.ccl-expandable__button',
+              );
+              if (button && expandedDropdowns.includes(button.id)) {
+                button.setAttribute('aria-expanded', 'true');
+              }
+            }
+            let datasetDropdown = node.closest('.map-menu-product-dropdown');
+            if (datasetDropdown) {
+              let button = datasetDropdown.querySelector(
+                '.ccl-expandable__button',
+              );
+              if (button && expandedDropdowns.includes(button.id)) {
+                button.setAttribute('aria-expanded', 'true');
+              }
+            }
+          }
+          // set scroll position
+          dropdown = node.closest('.map-menu-dropdown');
+          productDropdown = node.closest('.map-menu-product-dropdown');
           let scrollPosition = productDropdown
             ? productDropdown.offsetTop
             : dropdown.offsetTop;
@@ -7970,6 +8021,7 @@ class MenuWidget extends React.Component {
       } catch (e) {}
       ReactDOM.render(
         <TimesliderWidget
+          key={elem.id}
           view={this.props.view}
           map={this.map}
           mapViewer={this.props.mapViewer}