@eeacms/volto-arcgis-block 0.1.414 → 0.1.416

package/CHANGELOG.md

@@ -4,6 +4,17 @@ 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.416](https://github.com/eea/volto-arcgis-block/compare/0.1.415...0.1.416) - 3 December 2025
+
+#### :hammer_and_wrench: Others
+
+- (lint): lint and prettified [Unai Bolivar - [`f9f26fc`](https://github.com/eea/volto-arcgis-block/commit/f9f26fcd4bacea6e822ad9ae1236403ae2789719)]
+- (bug): TOC Menu loads with open selections if user has previous localstorage data for TOC menu [Unai Bolivar - [`6feaa72`](https://github.com/eea/volto-arcgis-block/commit/6feaa7296f27813391ab63510d3291cc437b69e5)]
+### [0.1.415](https://github.com/eea/volto-arcgis-block/compare/0.1.414...0.1.415) - 3 December 2025
+
+#### :hammer_and_wrench: Others
+
+- (bug): In the TOC menu, when a level is selected, the lower level is now displayed [Unai Bolivar - [`ec66304`](https://github.com/eea/volto-arcgis-block/commit/ec6630453964d3f82c5277ddf43a976c3b1c72c3)]
 ### [0.1.414](https://github.com/eea/volto-arcgis-block/compare/0.1.413...0.1.414) - 1 December 2025
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/components/MapViewer/BookmarkWidget.jsx

@@ -464,7 +464,6 @@ class BookmarkWidget extends React.Component {
                   }
                 }
                 shouldUpdate = true;
-                break;
               }
             }
           } else if (e.moved) {

package/src/components/MapViewer/MenuWidget.jsx

@@ -1097,6 +1097,18 @@ class MenuWidget extends React.Component {
       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([]));
@@ -3292,6 +3304,26 @@ class MenuWidget extends React.Component {
     let splitdefCheck = layerdef.split(',');
     let layerChecks = [];
     let selector = [];
+    if (value) {
+      let productDropdown = e.closest('.map-menu-product-dropdown');
+      let datasetDropdown = e.closest('.map-menu-dropdown');
+      let familyDropdown = e.closest('.map-menu-family-dropdown');
+      if (productDropdown) {
+        let btn = productDropdown.querySelector('.ccl-expandable__button');
+        if (btn) btn.setAttribute('aria-expanded', 'true');
+        if (btn) this.addExpandedDropdown(btn.id);
+      }
+      if (familyDropdown) {
+        let btn = familyDropdown.querySelector('.ccl-expandable__button');
+        if (btn) btn.setAttribute('aria-expanded', 'true');
+        if (btn) this.addExpandedDropdown(btn.id);
+      }
+      if (datasetDropdown) {
+        let btn = datasetDropdown.querySelector('.ccl-expandable__button');
+        if (btn) btn.setAttribute('aria-expanded', 'true');
+        if (btn) this.addExpandedDropdown(btn.id);
+      }
+    }
     if (value) {
       for (let i = 0; i < splitdefCheck.length; i++) {
         selector = document.querySelector(`[id="${splitdefCheck[i]}"]`);
@@ -3356,9 +3388,23 @@ class MenuWidget extends React.Component {
     let selector = [];
 
     if (value) {
+      let productContainer = document.querySelector('[productid="' + id + '"]');
+      if (productContainer) {
+        let btn = productContainer.querySelector('.ccl-expandable__button');
+        if (btn) btn.setAttribute('aria-expanded', 'true');
+        if (btn) this.addExpandedDropdown(btn.id);
+      }
       for (let i = 0; i < splitdefCheck.length; i++) {
         selector = document.querySelector(`[id="${splitdefCheck[i]}"]`);
         datasetChecks.push(selector);
+        if (selector) {
+          let datasetDropdown = selector.closest('.map-menu-dropdown');
+          if (datasetDropdown) {
+            let btn = datasetDropdown.querySelector('.ccl-expandable__button');
+            if (btn) btn.setAttribute('aria-expanded', 'true');
+            if (btn) this.addExpandedDropdown(btn.id);
+          }
+        }
       }
     } else {
       datasetChecks = document.querySelectorAll(`[parentid=${id}]`);
@@ -3380,9 +3426,23 @@ class MenuWidget extends React.Component {
     let selector = [];
 
     if (value) {
+      let familyContainer = document.querySelector('[productid="' + id + '"]');
+      if (familyContainer) {
+        let btn = familyContainer.querySelector('.ccl-expandable__button');
+        if (btn) btn.setAttribute('aria-expanded', 'true');
+        if (btn) this.addExpandedDropdown(btn.id);
+      }
       for (let i = 0; i < splitdefCheck.length; i++) {
         selector = document.querySelector(`[id="${splitdefCheck[i]}"]`);
         datasetChecks.push(selector);
+        if (selector) {
+          let datasetDropdown = selector.closest('.map-menu-dropdown');
+          if (datasetDropdown) {
+            let btn = datasetDropdown.querySelector('.ccl-expandable__button');
+            if (btn) btn.setAttribute('aria-expanded', 'true');
+            if (btn) this.addExpandedDropdown(btn.id);
+          }
+        }
       }
     } else {
       datasetChecks = document.querySelectorAll(`[parentid=${id}]`);
@@ -3436,6 +3496,47 @@ class MenuWidget extends React.Component {
         JSON.stringify(expandedDropdowns),
       );
     }
+    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 = expandedDropdowns;
+    localStorage.setItem(userKey, JSON.stringify(storeObj));
+  }
+
+  addExpandedDropdown(id) {
+    if (!id || this.props.download) return;
+    try {
+      let expandedDropdowns = JSON.parse(
+        sessionStorage.getItem('expandedDropdowns'),
+      );
+      if (!Array.isArray(expandedDropdowns)) expandedDropdowns = [];
+      if (!expandedDropdowns.includes(id)) {
+        expandedDropdowns.push(id);
+        sessionStorage.setItem(
+          'expandedDropdowns',
+          JSON.stringify(expandedDropdowns),
+        );
+        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 = expandedDropdowns;
+        localStorage.setItem(userKey, JSON.stringify(storeObj));
+      }
+    } catch (e) {}
   }
   findCheckedDatasetNoServiceToVisualize(elem) {
     let parentId = elem.getAttribute('parentid');
@@ -5607,10 +5708,31 @@ class MenuWidget extends React.Component {
    */
   expandDropdowns() {
     if (this.props.download) return;
-    let expandedDropdowns = JSON.parse(
-      sessionStorage.getItem('expandedDropdowns'),
-    );
-    if (expandedDropdowns) {
+    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 (Array.isArray(expandedDropdowns)) {
       expandedDropdowns.forEach((id) => {
         let dd = document.getElementById(id);
         if (dd) {

package/src/components/MapViewer/css/ArcgisMap.css

@@ -1379,8 +1379,10 @@ div.upload-container.esri-component
 }
 
 .calendar-button:hover {
-  background-color: #a0b128;
-  color: white;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #a0b128;
+  border-radius: 2px;
 }
 
 .datepicker {