@eeacms/volto-arcgis-block 0.1.415 → 0.1.416

package/CHANGELOG.md

@@ -4,6 +4,12 @@ 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

package/package.json

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

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([]));
@@ -3299,14 +3311,17 @@ class MenuWidget extends React.Component {
       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) {
@@ -3377,6 +3392,7 @@ class MenuWidget extends React.Component {
       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]}"]`);
@@ -3386,6 +3402,7 @@ class MenuWidget extends React.Component {
           if (datasetDropdown) {
             let btn = datasetDropdown.querySelector('.ccl-expandable__button');
             if (btn) btn.setAttribute('aria-expanded', 'true');
+            if (btn) this.addExpandedDropdown(btn.id);
           }
         }
       }
@@ -3413,6 +3430,7 @@ class MenuWidget extends React.Component {
       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]}"]`);
@@ -3422,6 +3440,7 @@ class MenuWidget extends React.Component {
           if (datasetDropdown) {
             let btn = datasetDropdown.querySelector('.ccl-expandable__button');
             if (btn) btn.setAttribute('aria-expanded', 'true');
+            if (btn) this.addExpandedDropdown(btn.id);
           }
         }
       }
@@ -3477,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');
@@ -5648,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) {