@eeacms/volto-arcgis-block 0.1.136 → 0.1.137

package/CHANGELOG.md

@@ -4,7 +4,9 @@ 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.136](https://github.com/eea/volto-arcgis-block/compare/0.1.135...0.1.136) - 5 May 2023
+### [0.1.137](https://github.com/eea/volto-arcgis-block/compare/0.1.136...0.1.137) - 9 May 2023
+
+### [0.1.136](https://github.com/eea/volto-arcgis-block/compare/0.1.135...0.1.136) - 8 May 2023
 
 #### :hammer_and_wrench: Others
 

package/package.json

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

package/src/components/MapViewer/MenuWidget.jsx

@@ -2666,7 +2666,15 @@ class MenuWidget extends React.Component {
       this.saveOpacity(this.layers['pa_filter'], value / 100);
     } else {
       this.layers[layer].opacity = value / 100;
-      this.saveOpacity(this.layer, value / 100);
+      this.saveOpacity(layer, value / 100);
+    }
+    if (
+      this.map.findLayerById(layer) &&
+      this.map.findLayerById(layer) !== null &&
+      this.map.findLayerById(layer).opacity &&
+      this.map.findLayerById(layer).opacity !== null
+    ) {
+      this.map.findLayerById(layer).opacity = value / 100;
     }
     document.querySelector(
       '.active-layer[layer-id="' + layer + '"] .active-layer-opacity',
@@ -2732,6 +2740,7 @@ class MenuWidget extends React.Component {
    * @param {*} id id from elem
    */
   eyeLayer(elem) {
+    this.findCheckedDataset(elem);
     if (this.visibleLayers[elem.id][1] === 'eye') {
       this.layers[elem.id].visible = false;
       this.visibleLayers[elem.id] = ['fas', 'eye-slash'];
@@ -2781,6 +2790,23 @@ class MenuWidget extends React.Component {
     this.saveLayerOrder();
     this.checkInfoWidget();
     this.setState({});
+    if (this.productTitle.includes('Global Dynamic Land Cover')) {
+      if (this.visibleLayers[elem.id][1] === 'eye-slash') {
+        this.map.findLayerById(elem.id).visible = false;
+      } else {
+        let layerOpacityes = JSON.parse(
+          sessionStorage.getItem('layerOpacities'),
+        );
+        if (
+          layerOpacityes &&
+          layerOpacityes !== null &&
+          layerOpacityes[elem.id] &&
+          layerOpacityes[elem.id] !== null
+        ) {
+          this.map.findLayerById(elem.id).opacity = layerOpacityes[elem.id];
+        }
+      }
+    }
   }
 
   /**
@@ -3161,7 +3187,7 @@ class MenuWidget extends React.Component {
                 tabIndex="0"
                 style={this.props.download ? { width: '33.333%' } : {}}
               >
-                Active on map
+                Active layers
               </span>
               {this.props.download && (
                 <span