@eeacms/volto-arcgis-block 0.1.47 → 0.1.50

package/CHANGELOG.md

@@ -4,13 +4,43 @@ 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.50](https://github.com/eea/volto-arcgis-block/compare/0.1.49...0.1.50)
+
+- Bugs n improvements [`#162`](https://github.com/eea/volto-arcgis-block/pull/162)
+- Develop [`#161`](https://github.com/eea/volto-arcgis-block/pull/161)
+- Map status layer groups [`5fc261f`](https://github.com/eea/volto-arcgis-block/commit/5fc261fb7f06129444392e37e2253367169fd525)
+- Handling level bug fix [`dc953e2`](https://github.com/eea/volto-arcgis-block/commit/dc953e25c4aa35f624d14f89a671c23799ebbcaa)
+- Layer info messages [`39f4d68`](https://github.com/eea/volto-arcgis-block/commit/39f4d688d8b770982ff28d5a6bb19bb64ee35367)
+- Map initial coordinates [`f8d14e9`](https://github.com/eea/volto-arcgis-block/commit/f8d14e9ec7f326af6d39497d9f87dd7be22f7871)
+
+#### [0.1.49](https://github.com/eea/volto-arcgis-block/compare/0.1.48...0.1.49)
+
+> 29 July 2022
+
+- Develop [`#160`](https://github.com/eea/volto-arcgis-block/pull/160)
+- Use cases tooltip bug [`#159`](https://github.com/eea/volto-arcgis-block/pull/159)
+
+#### [0.1.48](https://github.com/eea/volto-arcgis-block/compare/0.1.47...0.1.48)
+
+> 12 July 2022
+
+- mapviewer bugfix [`#158`](https://github.com/eea/volto-arcgis-block/pull/158)
+- mapviewer bugfix [`#157`](https://github.com/eea/volto-arcgis-block/pull/157)
+- Revert "MapViewer persistence implemented" [`#156`](https://github.com/eea/volto-arcgis-block/pull/156)
+- MapViewer persistence implemented [`#154`](https://github.com/eea/volto-arcgis-block/pull/154)
+- Merge pull request #155 from eea/develop [`07c592d`](https://github.com/eea/volto-arcgis-block/commit/07c592dc40d943a0904b67a641c22de2251b0b64)
+- Update cypress.json [`d02b2b8`](https://github.com/eea/volto-arcgis-block/commit/d02b2b8ee74d5059e51ab36ea95a6b0b650d92a0)
+
 #### [0.1.47](https://github.com/eea/volto-arcgis-block/compare/0.1.46...0.1.47)
 
+> 11 July 2022
+
 - Arrow icon [`#153`](https://github.com/eea/volto-arcgis-block/pull/153)
 - Revert all changes [`#152`](https://github.com/eea/volto-arcgis-block/pull/152)
 - code coverage removal [`#150`](https://github.com/eea/volto-arcgis-block/pull/150)
 - Revert "Mapviewer menu and map viewer options persistence" [`#149`](https://github.com/eea/volto-arcgis-block/pull/149)
 - Mapviewer menu and map viewer options persistence [`#147`](https://github.com/eea/volto-arcgis-block/pull/147)
+- Merge pull request #148 from eea/develop [`24266fb`](https://github.com/eea/volto-arcgis-block/commit/24266fb3a0c1662d22ae0529dc1d5a25c711cf97)
 - Revert "Revert "Mapviewer menu and map viewer options persistence"" [`ad6e440`](https://github.com/eea/volto-arcgis-block/commit/ad6e440cdc160cffb1e86e1b26e501dbe648476c)
 - Revert "code coverage removal" [`376f2d1`](https://github.com/eea/volto-arcgis-block/commit/376f2d1cd6e4e5110b3b63d5114af1bcfebe094b)
 - Revert "Update cypress.json" [`43d01a0`](https://github.com/eea/volto-arcgis-block/commit/43d01a0a95a58ef5215c6cbf18223ca30a11b9cc)

package/package.json

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

package/src/components/MapViewer/InfoWidget.jsx

@@ -155,10 +155,12 @@ class InfoWidget extends React.Component {
                 let data = response.value;
                 let layer = layerTypes[index];
                 let properties = [];
+                let message = 'No data available for this point in this layer';
                 if (response.status === 'rejected') {
                   this.infoData[index] = {
                     title: layer.title,
                     data: properties,
+                    message: 'No data avaliable for this layer',
                   };
                 } else {
                   if (layer.isTimeSeries) {
@@ -209,6 +211,7 @@ class InfoWidget extends React.Component {
                           title: layer.title,
                           data: properties,
                           time: true,
+                          message: message,
                         };
                         break;
                       case 'wmts':
@@ -216,6 +219,7 @@ class InfoWidget extends React.Component {
                           title: layer.title,
                           data: properties,
                           time: true,
+                          message: message,
                         };
                         break;
                       case 'featureLayer':
@@ -223,6 +227,7 @@ class InfoWidget extends React.Component {
                           title: layer.title,
                           data: data,
                           time: true,
+                          message: message,
                         };
                         break;
                       default:
@@ -268,12 +273,14 @@ class InfoWidget extends React.Component {
                         this.infoData[index] = {
                           title: layer.title,
                           data: properties,
+                          message: message,
                         };
                         break;
                       case 'wmts':
                         this.infoData[index] = {
                           title: layer.title,
                           data: properties,
+                          message: message,
                         };
                         break;
                       case 'featureLayer':
@@ -288,6 +295,7 @@ class InfoWidget extends React.Component {
                         this.infoData[index] = {
                           title: layer.title,
                           data: Object.entries(properties),
+                          message: message,
                         };
                         break;
                       default:
@@ -881,11 +889,11 @@ class InfoWidget extends React.Component {
     return (
       <>
         <div ref={this.container} className="info-container">
-          <div tooltip="Info" direction="left" type="widget">
+          <div tooltip="Layer info" direction="left" type="widget">
             <div
               className={this.menuClass}
               id="info_button"
-              aria-label="Info"
+              aria-label="Layer info"
               onClick={this.openMenu.bind(this)}
               onKeyDown={this.openMenu.bind(this)}
               tabIndex="0"
@@ -979,7 +987,9 @@ class InfoWidget extends React.Component {
                       this.loadInfoTable(this.state.layerIndex)}
                     {this.state.pixelInfo || this.state.popup ? (
                       noData && (
-                        <span className="info-panel-empty">No data</span>
+                        <span className="info-panel-empty">
+                          {this.infoData[this.state.layerIndex].message}
+                        </span>
                       )
                     ) : (
                       <span className="info-panel-empty">

package/src/components/MapViewer/MapViewer.jsx

@@ -94,10 +94,16 @@ class MapViewer extends React.Component {
       basemap: 'topo',
     });
 
-    if (mapStatus === null || !mapStatus.zoom || !mapStatus.center) {
+    if (
+      mapStatus === null ||
+      (mapStatus.zoom === null && mapStatus.center === null) ||
+      Object.entries(mapStatus).length === 0
+    ) {
       mapStatus = {};
       mapStatus.zoom = this.mapCfg.zoom;
       mapStatus.center = this.mapCfg.center;
+      this.setCenterState(this.mapCfg.center);
+      this.setZoomState(this.mapCfg.zoom);
     } else {
       mapStatus = this.recoverState();
     }

package/src/components/MapViewer/MenuWidget.jsx

@@ -1031,7 +1031,7 @@ class MenuWidget extends React.Component {
           .querySelector('input');
         elem.title = dataset.title;
         let groupLayers = this.getGroupLayers(group);
-        if (groupLayers.length > 0 && !this.activeLayersJSON[groupLayers[0]]) {
+        if (groupLayers.length > 0 && groupLayers[0] in this.activeLayersJSON) {
           elem.hide = true;
         }
 
@@ -1044,8 +1044,8 @@ class MenuWidget extends React.Component {
           elem,
           Object.keys(this.activeLayersJSON).length,
         );
-        this.saveLayer(elem.id);
       }
+      this.saveLayer(elem.id);
       let nuts = this.map.layers.items.find((layer) => layer.title === 'nuts');
       if (nuts) {
         this.map.reorder(nuts, this.map.layers.items.length + 1);

package/src/components/MapViewer/config.js

@@ -1,8 +1,8 @@
 const config = {
   Map: {
     div: 'mapDiv',
-    center: [15, 50],
-    zoom: 3,
+    center: [5, 52],
+    zoom: 4,
     minZoom: 3,
     maxZoom: 20,
   },

package/src/components/UseCasesMapViewer/UseCasesMapViewer.jsx

@@ -382,7 +382,9 @@ class UseCasesMapViewer extends React.Component {
                 if (data_country > 0) {
                   string += `<div>${data_country} Use cases with one or multi-country coverage</div>`;
                 }
-
+                if (data.features.length === 0) {
+                  string += `<div>0 Use cases</div>`;
+                }
                 view.popup.open({
                   location: {
                     latitude: response.results[0].graphic.geometry.latitude,