@eeacms/volto-arcgis-block 0.1.474 → 0.1.476

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.476](https://github.com/eea/volto-arcgis-block/compare/0.1.475...0.1.476) - 31 August 2026
+
+### [0.1.475](https://github.com/eea/volto-arcgis-block/compare/0.1.474...0.1.475) - 19 August 2026
+
+#### :hammer_and_wrench: Others
+
+- CLMS-303602 (bug): Family checkbox solved, checked layers saved when coming from catalogue [Urkorue - [`55af373`](https://github.com/eea/volto-arcgis-block/commit/55af3739469bbb8a738f32d15d975e06b4631cad)]
 ### [0.1.474](https://github.com/eea/volto-arcgis-block/compare/0.1.473...0.1.474) - 17 August 2026
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/components/MapViewer/MapViewer.jsx

@@ -1512,7 +1512,7 @@ class MapViewer extends React.Component {
       let toc_panel_scrolls = sessionStorage.getItem('toc_panel_scrolls');
       let checkedLayers = sessionStorage.getItem('checkedLayers');
       if (!sessionStorage.getItem('TMSLayerObj')) {
-        sessionStorage.clear();
+        //sessionStorage.clear();
       }
       sessionStorage.setItem('toc_panel_scrolls', toc_panel_scrolls);
       sessionStorage.setItem('checkedLayers', checkedLayers);

package/src/components/MapViewer/MenuWidget.jsx

@@ -1935,7 +1935,7 @@ class MenuWidget extends React.Component {
                   key={'h' + familyId}
                   defcheck={familyDatasetDef}
                   onChange={(e) =>
-                    this.toggleFamily(e.target.checked, checkFamily, e)
+                    this.toggleFamily(e.target.checked, checkFamily, e.target)
                   }
                 ></input>
                 <label
@@ -5738,18 +5738,25 @@ class MenuWidget extends React.Component {
           '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 = {};
+        if (
+          !this.location.search.includes('product=') &&
+          !this.location.search.includes('dataset=')
+        ) {
+          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));
         }
-        storeObj.expandedDropdowns = expandedDropdowns;
-        localStorage.setItem(userKey, JSON.stringify(storeObj));
       }
     } catch (e) {}
   }
@@ -8135,7 +8142,7 @@ class MenuWidget extends React.Component {
         }
       } catch (e) {}
     }
-    if (layers && !this.props.download && Array.isArray(expandedDropdowns)) {
+    if (layers && !this.props.download) {
       for (var i = layers.length - 1; i >= 0; i--) {
         let layer = layers[i];
         let node = document.getElementById(layer);
@@ -8157,43 +8164,45 @@ class MenuWidget extends React.Component {
               delete node.dataset.preserveCheckedLayerState;
             }
           }
-          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 (Array.isArray(expandedDropdowns)) {
+            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 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');
+            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;
-          let panelsElem = document.querySelector('.panels');
-          if (panelsElem) {
-            panelsElem.scrollTop = scrollPosition;
+            // set scroll position
+            dropdown = node.closest('.map-menu-dropdown');
+            productDropdown = node.closest('.map-menu-product-dropdown');
+            let scrollPosition = productDropdown
+              ? productDropdown.offsetTop
+              : dropdown.offsetTop;
+            let panelsElem = document.querySelector('.panels');
+            if (panelsElem) {
+              panelsElem.scrollTop = scrollPosition;
+            }
           }
         }
       }