@eeacms/volto-arcgis-block 0.1.312 → 0.1.314

package/CHANGELOG.md

@@ -4,6 +4,14 @@ 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.314](https://github.com/eea/volto-arcgis-block/compare/0.1.313...0.1.314) - 13 November 2024
+
+#### :hammer_and_wrench: Others
+
+- CLMS-3362 (bug): Info widget properly lays out layer data from fields properties [Unai Bolivar - [`9fc0198`](https://github.com/eea/volto-arcgis-block/commit/9fc01986f796c1444acdb01faa301b690c5c3aad)]
+- CLMS-3362 (bug): Info widget still needs work addressing map image layers [Unai Bolivar - [`e22f46b`](https://github.com/eea/volto-arcgis-block/commit/e22f46b6a00492de52df2d78e79f470da00d125e)]
+### [0.1.313](https://github.com/eea/volto-arcgis-block/compare/0.1.312...0.1.313) - 11 November 2024
+
 ### [0.1.312](https://github.com/eea/volto-arcgis-block/compare/0.1.311...0.1.312) - 8 November 2024
 
 ### [0.1.311](https://github.com/eea/volto-arcgis-block/compare/0.1.310...0.1.311) - 22 October 2024

package/package.json

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

package/src/components/MapViewer/InfoWidget.jsx

@@ -134,10 +134,11 @@ class InfoWidget extends React.Component {
                 }
               }
             }
-          } else {
+          }
+          if (!title) {
             title = this.getLayerTitle(layer);
           }
-          if (layer.isTimeSeries) {
+          if (layer?.isTimeSeries) {
             if (layer.url.toLowerCase().includes('wms')) {
               layerTypes.push({
                 isTimeSeries: true,
@@ -164,14 +165,33 @@ class InfoWidget extends React.Component {
               promises.push(this.identify(layer, e));
             }
           } else {
-            if (layer.url.toLowerCase().includes('wms')) {
+            if (layer.url?.toLowerCase().endsWith('mapserver')) {
+              const capabilitiesIndex = {
+                1: 13,
+                2: 12,
+                3: 11,
+                4: 10,
+                5: 9,
+                7: 7,
+                8: 6,
+                9: 5,
+                10: 4,
+                11: 3,
+                12: 0,
+                13: 1,
+              };
+
               layerTypes.push({
                 isTimeSeries: false,
-                type: 'wms',
+                type: 'map-image',
                 title: title,
                 fields: layer.fields,
               });
-              promises.push(this.identifyWMS(layer, e));
+              capabilitiesIndex[index] !== undefined
+                ? promises.push(
+                    this.ogcCapabilities(layer, capabilitiesIndex[index]),
+                  )
+                : promises.push(Promise.reject());
             } else if (layer.url.toLowerCase().includes('wmts')) {
               layerTypes.push({
                 isTimeSeries: false,
@@ -205,7 +225,7 @@ class InfoWidget extends React.Component {
                     fields: layer.fields,
                   };
                 } else {
-                  if (layer.isTimeSeries) {
+                  if (layer?.isTimeSeries) {
                     switch (layer.type) {
                       case 'wms':
                         if (data.type === 'FeatureCollection') {
@@ -355,6 +375,26 @@ class InfoWidget extends React.Component {
                           fields: layer.fields,
                         };
                         break;
+                      case 'map-image':
+                        if (properties.length) properties = [];
+                        if (data && data.fields) {
+                          properties = data.fields
+                            .map((field) => {
+                              return Object.entries(field).map(
+                                ([key, value]) => {
+                                  return [key, value];
+                                },
+                              );
+                            })
+                            .flat();
+                        }
+                        this.infoData[index] = {
+                          title: layer.title,
+                          data: properties,
+                          message: message,
+                          fields: layer.fields,
+                        };
+                        break;
                       default:
                         break;
                     }
@@ -381,6 +421,8 @@ class InfoWidget extends React.Component {
     if (layer.url.toLowerCase().includes('wmts')) {
       // CLMS-1105
       title = layer._wmtsTitle;
+    } else if (layer.url.toLowerCase().toLowerCase().endsWith('mapserver')) {
+      title = layer.title;
     } else {
       if (layer.sublayers) {
         title = layer.sublayers.items[0].title;
@@ -482,6 +524,18 @@ class InfoWidget extends React.Component {
     });
   }
 
+  ogcCapabilities(layer, index) {
+    let url = `${layer.url}/${index}?f=pjson`;
+    return esriRequest(url, {
+      responseType: 'application/json',
+      sync: 'true',
+    }).then((response) => {
+      if (!response) return;
+      let data = JSON.parse(response.data);
+      return data;
+    });
+  }
+
   parseCapabilities(xml, tag) {
     let result = xml.getElementsByTagName(tag);
 

package/src/components/MapViewer/TimesliderWidget.jsx

@@ -648,6 +648,8 @@ class TimesliderWidget extends React.Component {
               showYearDropdown
               minDate={this.TimesliderWidget?.fullTimeExtent?.start}
               maxDate={this.TimesliderWidget?.fullTimeExtent?.end}
+              includeDates={this.TimesliderWidget?.stops?.dates}
+              disabledKeyboardNavigation
             ></DatePicker>
           </div>
           <div className="datetime-picker">