@eeacms/volto-arcgis-block 0.1.224 → 0.1.225

package/CHANGELOG.md

@@ -4,6 +4,8 @@ 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.225](https://github.com/eea/volto-arcgis-block/compare/0.1.224...0.1.225) - 26 October 2023
+
 ### [0.1.224](https://github.com/eea/volto-arcgis-block/compare/0.1.223...0.1.224) - 25 October 2023
 
 ### [0.1.223](https://github.com/eea/volto-arcgis-block/compare/0.1.222...0.1.223) - 25 October 2023

package/package.json

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

package/src/components/MapViewer/AreaWidget.jsx

@@ -32,7 +32,8 @@ class AreaWidget extends React.Component {
       'esri-icon-cursor-marquee esri-widget--button esri-widget esri-interactive';
     // Enable defaultPopup option to charge popup and highlifght feature
     this.props.mapViewer.view.popup.defaultPopupTemplateEnabled = true;
-    this.nutsUrl = '';
+    this.nutsUrl =
+      'https://land.discomap.eea.europa.eu/arcgis/rest/services/CLMS_Portal/NUTS_2021_Improved/MapServer/0/query?f=json&text=&objectIds=&time=&timeRelation=esriTimeRelationOverlaps&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&distance=&units=esriSRUnit_Foot&relationParam=&outFields=*&returnGeometry=false&returnTrueCurves=false&maxAllowableOffset=&geometryPrecision=&outSR=&havingClause=&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&historicMoment=&returnDistinctValues=false&resultOffset=&resultRecordCount=&returnExtentOnly=false&sqlFormat=none&datumTransformation=&parameterValues=&rangeValues=&quantizationParameters=&featureEncoding=esriDefault&';
     this.initFMI = this.initFMI.bind(this);
   }
 

package/src/components/MapViewer/HotspotWidget.jsx

@@ -824,14 +824,16 @@ class HotspotWidget extends React.Component {
     this.props.view.ui.add(this.container.current, 'top-right');
     this.layerModelInit();
     this.getBBoxData();
-    this.props.view.map.layers.on('change', () => {
-      this.setState({
-        activeLayersArray: Array.from(
-          document.querySelectorAll('.active-layer'),
-        ),
+    this.props.view.when(() => {
+      this.props.view.map.layers.on('change', () => {
+        this.setState({
+          activeLayersArray: Array.from(
+            document.querySelectorAll('.active-layer'),
+          ),
+        });
+        const newHotspotData = this.props.hotspotData;
+        this.props.hotspotDataHandler(newHotspotData);
       });
-      const newHotspotData = this.props.hotspotData;
-      this.props.hotspotDataHandler(newHotspotData);
     });
   }
 

package/src/components/MapViewer/LegendWidget.jsx

@@ -227,9 +227,10 @@ class LegendWidget extends React.Component {
     if (prevState.loading !== this.state.loading) {
       if (this.state.loading === true) {
         setTimeout(() => {
-          this.brokenLegendImagePatch();
           if (this.props.download) {
             this.hideNutsLegend();
+          } else {
+            this.brokenLegendImagePatch();
           }
           this.setState({ loading: false });
         }, 2000);

package/src/components/MapViewer/MenuWidget.jsx

@@ -648,8 +648,10 @@ class MenuWidget extends React.Component {
     loadCss();
     await this.loader();
     await this.getTMSLayersJSON();
-    this.prepareHotspotLayers();
-    this.getHotspotLayerIds();
+    if (!this.props.download) {
+      this.prepareHotspotLayers();
+      this.getHotspotLayerIds();
+    }
     this.props.view.ui.add(this.container.current, 'top-left');
     if (this.props.download) {
       setTimeout(() => {
@@ -1915,7 +1917,9 @@ class MenuWidget extends React.Component {
     ) {
       this.toggleCustomLegendItem(this.layers[elem.id]);
     }
-    this.activeLayersToHotspotData(elem.id);
+    if (!this.props.download) {
+      this.activeLayersToHotspotData(elem.id);
+    }
   }
 
   getHotspotLayerIds() {