@eeacms/volto-arcgis-block 0.1.195 → 0.1.196

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.196](https://github.com/eea/volto-arcgis-block/compare/0.1.195...0.1.196) - 14 September 2023
+
+#### :hammer_and_wrench: Others
+
+- Lint [masanchez85 - [`c6d79ad`](https://github.com/eea/volto-arcgis-block/commit/c6d79ad1b6d19cb5a43112f9ced774519b441c8c)]
+- CLMS-2279, 1952 [masanchez85 - [`e5b42da`](https://github.com/eea/volto-arcgis-block/commit/e5b42daca404a70aa327018db260b59fcd37fb21)]
 ### [0.1.195](https://github.com/eea/volto-arcgis-block/compare/0.1.194...0.1.195) - 14 September 2023
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/components/MapViewer/MenuWidget.jsx

@@ -300,6 +300,8 @@ class MenuWidget extends React.Component {
             });
           }
         }
+        if (!this.visibleLayers) this.visibleLayers = {};
+        this.handleRasterVectorLegend();
       }
     });
 
@@ -1635,6 +1637,31 @@ class MenuWidget extends React.Component {
     this.setState({});
   }
 
+  /**
+   * Method to show/hide a legend if the layer is active or not in the view
+   */
+  handleRasterVectorLegend() {
+    let zoom = this.view.get('zoom');
+    Object.keys(this.activeLayersJSON).forEach((key) => {
+      let activeLayer = this.activeLayersJSON[key];
+      let layerTitle = activeLayer.props.children[0].props.children;
+      if (layerTitle.includes('raster')) {
+        if (zoom > 6) {
+          this.layers[key].visible = false;
+        } else {
+          this.layers[key].visible = true;
+        }
+      } else if (layerTitle.includes('vector')) {
+        if (zoom >= 12) {
+          this.layers[key].visible = true;
+        } else {
+          this.layers[key].visible = false;
+        }
+      }
+      this.setState({});
+    });
+  }
+
   async toggleLayer(elem) {
     if (!this.visibleLayers) this.visibleLayers = {};
     if (!this.timeLayers) this.timeLayers = {};
@@ -1694,6 +1721,7 @@ class MenuWidget extends React.Component {
           elem,
           Object.keys(this.activeLayersJSON).length,
         );
+        this.handleRasterVectorLegend();
       } else {
         this.activeLayersJSON[elem.id] = this.addActiveLayer(
           elem,

package/src/components/MapViewer/TimesliderWidget.jsx

@@ -192,11 +192,14 @@ class TimesliderWidget extends React.Component {
    */
   async componentDidMount() {
     await this.loader();
+    let playRateValue =
+      this.layer.ProductId === '8474c3b080fa42cc837f1d2338fcf096' ? 4000 : 1000;
     this.TimesliderWidget = new TimeSlider({
       view: this.props.view,
       container: document.querySelector('.timeslider-panel'),
       timeVisible: true,
       mode: 'instant',
+      playRate: playRateValue,
       loop: false,
       labelFormatFunction: (value, type, element, layout) => {
         if (!this.TimesliderWidget.fullTimeExtent) {