@eeacms/volto-arcgis-block 0.1.49 → 0.1.50

package/CHANGELOG.md

@@ -4,8 +4,20 @@ 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)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-arcgis-block",
-  "version": "0.1.49",
+  "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

@@ -102,8 +102,8 @@ class MapViewer extends React.Component {
       mapStatus = {};
       mapStatus.zoom = this.mapCfg.zoom;
       mapStatus.center = this.mapCfg.center;
-      this.setCenterState(this.mapCfg.zoom);
-      this.setZoomState(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,
   },