@eeacms/volto-arcgis-block 0.1.118 → 0.1.119

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.119](https://github.com/eea/volto-arcgis-block/compare/0.1.118...0.1.119) - 22 March 2023
+
+#### :hammer_and_wrench: Others
+
+- CLMS-1886 (bug):Works well on custom map [Urkorue - [`81a9d1d`](https://github.com/eea/volto-arcgis-block/commit/81a9d1d5beccbfa71b3a2b8bf19f66996aba3c16)]
+- CLMS-1886 (bug):Opacities work well with filtered layers [Urkorue - [`97ba87b`](https://github.com/eea/volto-arcgis-block/commit/97ba87bd861bc802bd5a062c5bb196cc01debd27)]
 ### [0.1.118](https://github.com/eea/volto-arcgis-block/compare/0.1.117...0.1.118) - 22 March 2023
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/components/MapViewer/MenuWidget.jsx

@@ -2350,8 +2350,16 @@ class MenuWidget extends React.Component {
     //     ).dataset.opacity = value;
     //   });
     // } else {
-    this.layers[layer].opacity = value / 100;
-    this.saveOpacity(layer, value / 100);
+    if (this.layers['lcc_filter'] && layer.includes('all_lcc')) {
+      this.layers['lcc_filter'].opacity = value / 100;
+      this.saveOpacity(this.layers['lcc_filter'], value / 100);
+    } else if (this.layers['lc_filter'] && layer.includes('all_present')) {
+      this.layers['lc_filter'].opacity = value / 100;
+      this.saveOpacity(this.layers['lc_filter'], value / 100);
+    } else {
+      this.layers[layer].opacity = value / 100;
+      this.saveOpacity(this.layer, value / 100);
+    }
     document.querySelector(
       '.active-layer[layer-id="' + layer + '"] .active-layer-opacity',
     ).dataset.opacity = value;
@@ -2419,9 +2427,24 @@ class MenuWidget extends React.Component {
     if (this.visibleLayers[elem.id][1] === 'eye') {
       this.layers[elem.id].visible = false;
       this.visibleLayers[elem.id] = ['fas', 'eye-slash'];
+      if (this.layers['lcc_filter'] && elem.id.includes('all_lcc')) {
+        this.map.remove(this.layers['lcc_filter']);
+        this.layers['lcc_filter'].visible = false;
+      } else if (this.layers['lc_filter'] && elem.id.includes('all_present')) {
+        this.map.remove(this.layers['lc_filter']);
+        this.layers['lc_filter'].visible = false;
+      }
     } else {
-      this.map.add(this.layers[elem.id]);
-      this.layers[elem.id].visible = true;
+      if (this.layers['lcc_filter'] && elem.id.includes('all_lcc')) {
+        this.map.add(this.layers['lcc_filter']);
+        this.layers['lcc_filter'].visible = true;
+      } else if (this.layers['lc_filter'] && elem.id.includes('all_present')) {
+        this.map.add(this.layers['lc_filter']);
+        this.layers['lc_filter'].visible = true;
+      } else {
+        this.map.add(this.layers[elem.id]);
+        this.layers[elem.id].visible = true;
+      }
       this.visibleLayers[elem.id] = ['fas', 'eye'];
     }