@eeacms/volto-arcgis-block 0.1.447 → 0.1.449

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.449](https://github.com/eea/volto-arcgis-block/compare/0.1.448...0.1.449) - 12 May 2026
+
+### [0.1.448](https://github.com/eea/volto-arcgis-block/compare/0.1.447...0.1.448) - 11 May 2026
+
+#### :hammer_and_wrench: Others
+
+- (bug): fix for tickets CLMS-297970, CLMS-288681, CLMS-288445, and implement proxy switching [Unai Bolivar - [`ce3e215`](https://github.com/eea/volto-arcgis-block/commit/ce3e215ed660836bc0f94fcd06536993b448d1b8)]
+- (bug): Area widget loads nuts and countries after using swipe widget [Unai Bolivar - [`324cee2`](https://github.com/eea/volto-arcgis-block/commit/324cee2be67845fd1170425180b5e6562c381fad)]
 ### [0.1.447](https://github.com/eea/volto-arcgis-block/compare/0.1.446...0.1.447) - 8 May 2026
 
 ### [0.1.446](https://github.com/eea/volto-arcgis-block/compare/0.1.445...0.1.446) - 7 May 2026

package/package.json

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

package/src/components/MapViewer/AreaWidget.jsx

@@ -358,7 +358,18 @@ class AreaWidget extends React.Component {
     });
   }
 
+  resolveNutsGroupLayerState() {
+    if (!this.nutsGroupLayer || !this.props.map || !this.props.map.layers) {
+      return;
+    }
+
+    if (!this.props.map.layers.includes(this.nutsGroupLayer)) {
+      this.props.map.add(this.nutsGroupLayer);
+    }
+  }
+
   loadNutsService(id, levels) {
+    this.resolveNutsGroupLayerState();
     this.clearWidget();
     document.querySelector('.esri-attribution__powered-by').style.display =
       'flex';
@@ -374,6 +385,7 @@ class AreaWidget extends React.Component {
   }
 
   loadCountriesService(id) {
+    this.resolveNutsGroupLayerState();
     document.querySelector('.esri-attribution__powered-by').style.display =
       'flex';
     var layer = new FeatureLayer({

package/src/components/MapViewer/MapViewer.jsx

@@ -714,6 +714,7 @@ class MapViewer extends React.Component {
       }
       this.syncViewWidgetContainers();
       this.syncViewTask = null;
+      this.restorePanelScroll(true);
     });
   }
 
@@ -1552,6 +1553,33 @@ class MapViewer extends React.Component {
     this.processPendingWidgetActivation();
   }
 
+  restorePanelScroll(skipTimeout) {
+    let paneles = document.querySelector('div#paneles.panels');
+    var selected_tab = document.querySelector('.tab-selected');
+
+    if (!paneles || !selected_tab) {
+      return;
+    }
+
+    let toc_panel_scrolls =
+      JSON.parse(sessionStorage.getItem('toc_panel_scrolls')) ?? {};
+    let scroll = toc_panel_scrolls[selected_tab.id];
+    if (scroll !== undefined) {
+      scroll = parseInt(scroll);
+      if (skipTimeout) {
+        if (paneles) {
+          paneles.scrollTop = scroll;
+        }
+      } else {
+        setTimeout(() => {
+          if (paneles) {
+            paneles.scrollTop = scroll;
+          }
+        }, 1000);
+      }
+    }
+  }
+
   componentWillUnmount() {
     this.isComponentMounted = false;
     this.viewTransitionTaskId += 1;
@@ -2173,6 +2201,7 @@ export const CheckUserID = ({ reference }) => {
             tax={reference.tax}
             catalogapi={reference.props.catalogapi}
             fetchCatalogApiDates={reference.props.fetchCatalogApiDates}
+            restorePanelScroll={reference.restorePanelScroll}
           />
         </>
       )}

package/src/components/MapViewer/MenuWidget.jsx

@@ -762,23 +762,6 @@ class MenuWidget extends React.Component {
     }
   }
 
-  restorePanelScroll() {
-    let paneles = document.querySelector('#paneles');
-    var selected_tab = document.querySelector('.tab-selected');
-
-    if (!paneles || !selected_tab) {
-      return;
-    }
-
-    let toc_panel_scrolls =
-      JSON.parse(sessionStorage.getItem('toc_panel_scrolls')) ?? {};
-    let scroll = toc_panel_scrolls[selected_tab.id];
-    if (scroll !== undefined) {
-      scroll = parseInt(scroll);
-      paneles.scrollTop = scroll;
-    }
-  }
-
   /**
    * Method that will be invoked when the
    * button is clicked. It controls the open
@@ -841,7 +824,7 @@ class MenuWidget extends React.Component {
           timeSliderContainer.style.display = 'block';
         }
 
-        this.restorePanelScroll();
+        this.props.restorePanelScroll();
       }
 
       this.setState({ showMapMenu: true });
@@ -2307,10 +2290,10 @@ class MenuWidget extends React.Component {
   }
 
   getProxyBase = () => {
-    // const origin = window?.location?.origin || '';
-    // return origin ? `${origin}/ogcproxy/` : '/ogcproxy/';
+    const origin = window?.location?.origin || '';
+    return origin ? `${origin}/ogcproxy/` : '/ogcproxy/';
     // return 'https://clmsdemo.devel6cph.eea.europa.eu/ogcproxy/';
-    return 'https://land.copernicus.eu/ogcproxy/';
+    // return 'https://land.copernicus.eu/ogcproxy/';
   };
 
   buildProxiedUrl(url) {
@@ -7653,7 +7636,7 @@ class MenuWidget extends React.Component {
       if (document.querySelector('.opacity-panel').style.display === 'block') {
         this.closeOpacity();
       }
-      this.restorePanelScroll();
+      this.props.restorePanelScroll();
     }
   }
 

package/src/components/MapViewer/UploadWidget.jsx

@@ -284,12 +284,9 @@ class UploadWidget extends React.Component {
         return queryService;
       }
       const pathName = (parsedUrl.pathname || '').toLowerCase();
-      const pathSegments = pathName.split('/').filter(Boolean);
-      const serviceMatch = pathSegments.find((segment) =>
-        /^(wmts|wms|wfs)$/i.test(segment),
-      );
-      if (serviceMatch) {
-        return serviceMatch.toUpperCase();
+      const pathServiceType = this.resolveServiceTypeFromPath(pathName);
+      if (pathServiceType) {
+        return pathServiceType;
       }
       return null;
     } catch (e) {
@@ -297,6 +294,23 @@ class UploadWidget extends React.Component {
     }
   };
 
+  resolveServiceTypeFromPath = (pathName) => {
+    const value = (pathName || '').toLowerCase();
+    if (!value) {
+      return null;
+    }
+    if (/\bwmts\b|\/wmts(?:[/._-]|$)/i.test(value)) {
+      return 'WMTS';
+    }
+    if (/\bwfs\b|\/wfs(?:[/._-]|$)/i.test(value)) {
+      return 'WFS';
+    }
+    if (/\bwms\b|\/wms(?:[/._-]|$)/i.test(value)) {
+      return 'WMS';
+    }
+    return null;
+  };
+
   isServiceTypeMatchingUrl = (serviceUrl, selectedServiceType) => {
     const encodedServiceType = this.getServiceTypeFromUrl(serviceUrl);
     if (!encodedServiceType) {
@@ -305,15 +319,30 @@ class UploadWidget extends React.Component {
     return encodedServiceType === selectedServiceType;
   };
 
+  clearUploadForm = (clearServiceType = false) => {
+    this.setState({
+      ...this.buildUploadResetState(),
+      ...(clearServiceType ? { selectedServiceType: '' } : {}),
+    });
+    if (this.fileInput && this.fileInput.current) {
+      this.fileInput.current.value = null;
+    }
+  };
+
+  handleServiceTypeMismatch = () => {
+    this.errorPopup('serviceTypeMismatch');
+    this.clearUploadForm(true);
+  };
+
   stripProtocol = (url) => {
     return (url || '').replace(/^https?:\/\//i, '');
   };
 
   getProxyBase = () => {
-    // const origin = window?.location?.origin || '';
-    // return origin ? `${origin}/ogcproxy/` : '/ogcproxy/';
+    const origin = window?.location?.origin || '';
+    return origin ? `${origin}/ogcproxy/` : '/ogcproxy/';
     // return 'https://clmsdemo.devel6cph.eea.europa.eu/ogcproxy/';
-    return 'https://land.copernicus.eu/ogcproxy/';
+    // return 'https://land.copernicus.eu/ogcproxy/';
   };
 
   buildProxiedUrl = (url) => {
@@ -535,6 +564,15 @@ class UploadWidget extends React.Component {
   handleSelectLayers = async () => {
     const { serviceUrl, selectedServiceType } = this.state;
     const trimmedServiceUrl = (serviceUrl || '').trim();
+    if (
+      selectedServiceType &&
+      trimmedServiceUrl !== '' &&
+      this.isValidUrl(trimmedServiceUrl) &&
+      !this.isServiceTypeMatchingUrl(trimmedServiceUrl, selectedServiceType)
+    ) {
+      this.handleServiceTypeMismatch();
+      return;
+    }
     if (
       selectedServiceType === 'WFS' &&
       trimmedServiceUrl !== '' &&
@@ -560,6 +598,15 @@ class UploadWidget extends React.Component {
     const trimmedServiceUrl = (serviceUrl || '').trim();
     const selectedServiceType = this.state.selectedServiceType;
     const selectedFeatures = this.state.selectedFeatures;
+    if (
+      selectedServiceType &&
+      trimmedServiceUrl !== '' &&
+      this.isValidUrl(trimmedServiceUrl) &&
+      !this.isServiceTypeMatchingUrl(trimmedServiceUrl, selectedServiceType)
+    ) {
+      this.handleServiceTypeMismatch();
+      return;
+    }
     if (
       selectedServiceType &&
       trimmedServiceUrl !== '' &&
@@ -1025,6 +1072,16 @@ class UploadWidget extends React.Component {
                       </div>
                     </>
                   )}
+                  {this.state.infoPopupType === 'serviceTypeMismatch' && (
+                    <>
+                      <span className="drawRectanglePopup-icon">
+                        <FontAwesomeIcon icon={['fas', 'info-circle']} />
+                      </span>
+                      <div className="drawRectanglePopup-text">
+                        Selected service type does not match the provided URL.
+                      </div>
+                    </>
+                  )}
                 </div>
               </div>
             </div>