@eeacms/volto-arcgis-block 0.1.351 → 0.1.352

package/CHANGELOG.md

@@ -4,6 +4,11 @@ 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.352](https://github.com/eea/volto-arcgis-block/compare/0.1.351...0.1.352) - 11 April 2025
+
+#### :hammer_and_wrench: Others
+
+- CLMS-285178 (bug): Swipe widget loads if coming from dataset catalogue and also auto updates without having to close and open widget manually. [Unai Bolivar - [`2d18dc2`](https://github.com/eea/volto-arcgis-block/commit/2d18dc28cdba2a1056894c70a0ebb06f8bf30c41)]
 ### [0.1.351](https://github.com/eea/volto-arcgis-block/compare/0.1.350...0.1.351) - 11 April 2025
 
 ### [0.1.350](https://github.com/eea/volto-arcgis-block/compare/0.1.349...0.1.350) - 11 April 2025

package/package.json

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

package/src/components/MapViewer/SwipeWidget.jsx

@@ -73,6 +73,7 @@ class SwipeWidget extends React.Component {
       // and ensure that the component is rendered again
       this.loadOptions();
       this.map.layers.on('change', () => {
+        this.loadOptions();
         if (this.hasSwipe) {
           this.map.layers.removeAll();
           if (this.swipe.leadingLayers && this.swipe.leadingLayers.items[0]) {
@@ -82,7 +83,6 @@ class SwipeWidget extends React.Component {
             this.map.layers.add(this.swipe.trailingLayers.items[0]);
           }
         }
-        this.loadOptions();
       });
       this.setState({ showMapMenu: true });
     }
@@ -136,7 +136,31 @@ class SwipeWidget extends React.Component {
       selectTrailingLayer.options[0].disabled = true;
     }
     let cl = JSON.parse(sessionStorage.getItem('checkedLayers'));
-    if (cl) {
+    if (
+      (!cl || cl.length === 0) &&
+      this.map &&
+      this.map.layers &&
+      this.map.layers.items.length > 0
+    ) {
+      cl = [];
+      // Find the layer ID in this.layers that corresponds to each map.layers item
+      for (const mapLayer of this.map.layers.items) {
+        for (const [layerKey, layerObj] of Object.entries(this.layers)) {
+          if (layerObj.id === mapLayer.id) {
+            cl.push(layerKey);
+            break;
+          }
+        }
+      }
+
+      // Save the newly created checkedLayers to sessionStorage
+      if (cl.length > 0) {
+        sessionStorage.setItem('checkedLayers', JSON.stringify(cl));
+      }
+    }
+
+    // Process the layers
+    if (cl && cl.length > 0) {
       cl.forEach((layer) => {
         if (this.layers[layer]) {
           let layerId = this.layers[layer].id;