@eeacms/volto-arcgis-block 0.1.296 → 0.1.298

package/CHANGELOG.md

@@ -4,10 +4,22 @@ 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.298](https://github.com/eea/volto-arcgis-block/compare/0.1.297...0.1.298) - 18 July 2024
+
+#### :hammer_and_wrench: Others
+
+- CLMS-271329 (bug): Fixed site crash when leaving data viewer without waiting for menu loading to be completed [Unai Bolivar - [`b72d0bc`](https://github.com/eea/volto-arcgis-block/commit/b72d0bc1c1399eceabe7a4b679dba58ff1f2ba9c)]
+### [0.1.297](https://github.com/eea/volto-arcgis-block/compare/0.1.296...0.1.297) - 16 July 2024
+
+#### :hammer_and_wrench: Others
+
+- CLMS-272374 (Feat):Area search by code zoom [Urkorue - [`513bbf0`](https://github.com/eea/volto-arcgis-block/commit/513bbf0290aebabafd9a06e16cfd096fbe9fa6fa)]
+- CLMS-272327 (Feat): Upload file improvements [Urkorue - [`7abfe58`](https://github.com/eea/volto-arcgis-block/commit/7abfe58503fd83b532e5a74c15f3a61370fa1177)]
 ### [0.1.296](https://github.com/eea/volto-arcgis-block/compare/0.1.295...0.1.296) - 15 July 2024
 
 #### :hammer_and_wrench: Others
 
+- Merge pull request #805 from eea/develop [Unai Bolivar - [`33ca8ca`](https://github.com/eea/volto-arcgis-block/commit/33ca8ca8f2751181398d91e0bb19826dce8a8dc6)]
 - Update package.json [Urkorue - [`f2367f1`](https://github.com/eea/volto-arcgis-block/commit/f2367f1080939a66d18f2ecce5f28fec0250b961)]
 - Update CHANGELOG.md [Urkorue - [`8bb1b46`](https://github.com/eea/volto-arcgis-block/commit/8bb1b465bf67e2d8aa243f99ab3fadd8975c0b4d)]
 - CLMS-272327 (Feat):Upload file improves [Urkorue - [`fc9104d`](https://github.com/eea/volto-arcgis-block/commit/fc9104d8984d1b8bd86672299a07389ba44294da)]

package/package.json

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

package/src/components/MapViewer/AreaWidget.jsx

@@ -816,29 +816,10 @@ class AreaWidget extends React.Component {
 
   removeNutsLayers() {
     //find all the radio buttons
-
-    let radioButtons = document.querySelectorAll('fieldset.ccl-fieldset');
-    let rectangleRadioButton = document.querySelector(
-      '#download_area_select_rectangle',
-    );
-    // Isolate the the checked radio button
-
-    let selectedRadioButton = Array.from(radioButtons).find((radioButton) => {
-      let input = radioButton.querySelector('input');
-      return input && input.type === 'radio' && input.checked;
+    let radioButtons = document.querySelectorAll('.area-radio');
+    radioButtons.forEach((button) => {
+      button.checked = false;
     });
-
-    //Uncheck the selected radio button
-
-    if (selectedRadioButton) {
-      selectedRadioButton.querySelector('input').checked = false;
-    }
-    if (rectangleRadioButton.checked) {
-      rectangleRadioButton.checked = false;
-    }
-
-    //Remove the layers in this.nutsGroupLayer from the map
-
     this.clearWidget();
   }
 
@@ -1070,6 +1051,7 @@ class AreaWidget extends React.Component {
               infoPopupType: 'download',
             });
             this.props.uploadFileHandler(true);
+            this.props.view.goTo(feature.geometry);
           }
         });
         if (!found && count === 0) {
@@ -1249,7 +1231,7 @@ class AreaWidget extends React.Component {
                         id="download_prepackage"
                         name="downloadAreaSelect"
                         value="prepackage"
-                        className="ccl-checkbox ccl-required ccl-form-check-input"
+                        className="ccl-checkbox ccl-required ccl-form-check-input area-radio"
                         onClick={this.prepackageButton.bind(this)}
                       ></input>
                       <label
@@ -1280,7 +1262,7 @@ class AreaWidget extends React.Component {
                           id="download_area_select_nuts0"
                           name="downloadAreaSelect"
                           value="nuts0"
-                          className="ccl-checkbox cl-required ccl-form-check-input"
+                          className="ccl-checkbox cl-required ccl-form-check-input area-radio"
                           defaultChecked
                           onClick={this.nuts0handler.bind(this)}
                         ></input>
@@ -1297,7 +1279,7 @@ class AreaWidget extends React.Component {
                           id="download_area_select_nuts"
                           name="downloadAreaSelect"
                           value="nuts"
-                          className="ccl-checkbox cl-required ccl-form-check-input"
+                          className="ccl-checkbox cl-required ccl-form-check-input area-radio"
                           onClick={this.nutsRadioButtonGeneral.bind(this)}
                         ></input>
                         <label
@@ -1327,7 +1309,7 @@ class AreaWidget extends React.Component {
                             id="download_area_select_nuts1"
                             name="downloadAreaSelectNuts"
                             value="nuts1"
-                            className="ccl-checkbox ccl-required ccl-form-check-input"
+                            className="ccl-checkbox ccl-required ccl-form-check-input area-radio"
                             onClick={this.nuts1handler.bind(this)}
                           ></input>
                           <label
@@ -1343,7 +1325,7 @@ class AreaWidget extends React.Component {
                             id="download_area_select_nuts2"
                             name="downloadAreaSelectNuts"
                             value="nuts2"
-                            className="ccl-checkbox ccl-required ccl-form-check-input"
+                            className="ccl-checkbox ccl-required ccl-form-check-input area-radio"
                             onClick={this.nuts2handler.bind(this)}
                           ></input>
                           <label
@@ -1359,7 +1341,7 @@ class AreaWidget extends React.Component {
                             id="download_area_select_nuts3"
                             name="downloadAreaSelectNuts"
                             value="nuts3"
-                            className="ccl-radio ccl-required ccl-form-check-input"
+                            className="ccl-radio ccl-required ccl-form-check-input area-radio"
                             onClick={this.nuts3handler.bind(this)}
                           ></input>
                           <label
@@ -1416,7 +1398,7 @@ class AreaWidget extends React.Component {
                           id="download_area_select_rectangle"
                           name="downloadAreaSelect"
                           value="area"
-                          className="ccl-radio ccl-required ccl-form-check-input"
+                          className="ccl-radio ccl-required ccl-form-check-input area-radio"
                           onClick={this.rectanglehandler.bind(this)}
                         ></input>
                         <label

package/src/components/MapViewer/MenuWidget.jsx

@@ -593,18 +593,28 @@ class MenuWidget extends React.Component {
   storePanelScroll() {
     let paneles = document.querySelector('#paneles');
     var selected_tab = document.querySelector('.tab-selected');
-    let toc_panel_scrolls =
-      JSON.parse(sessionStorage.getItem('toc_panel_scrolls')) || {};
-    toc_panel_scrolls[selected_tab.id] = paneles.scrollTop;
-    sessionStorage.setItem(
-      'toc_panel_scrolls',
-      JSON.stringify(toc_panel_scrolls),
-    );
+
+    if (!paneles || !selected_tab) {
+      return;
+    } else if (paneles && selected_tab) {
+      let toc_panel_scrolls =
+        JSON.parse(sessionStorage.getItem('toc_panel_scrolls')) || {};
+      toc_panel_scrolls[selected_tab.id] = paneles.scrollTop;
+      sessionStorage.setItem(
+        'toc_panel_scrolls',
+        JSON.stringify(toc_panel_scrolls),
+      );
+    }
   }
 
   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];
@@ -644,16 +654,35 @@ class MenuWidget extends React.Component {
         // and ensure that the component is rendered again
         this.setState({ showMapMenu: false });
       } else {
-        this.container.current.querySelector('#tabcontainer').style.display =
-          'block';
-        this.container.current.querySelector('#paneles').style.display =
-          'block';
-        this.container.current
-          .querySelector('.esri-widget--button')
-          .classList.replace('esri-icon-drag-horizontal', 'esri-icon-close');
-        if (document.contains(document.querySelector('.timeslider-container')))
-          document.querySelector('.timeslider-container').style.display =
-            'block';
+        const container = this.container.current;
+        const tabContainer = container.querySelector('#tabcontainer');
+        const paneles = container.querySelector('#paneles');
+        const esriWidgetButton = container.querySelector(
+          '.esri-widget--button',
+        );
+        const timeSliderContainer = document.querySelector(
+          '.timeslider-container',
+        );
+
+        if (tabContainer) {
+          tabContainer.style.display = 'block';
+        }
+
+        if (paneles) {
+          paneles.style.display = 'block';
+        }
+
+        if (esriWidgetButton) {
+          esriWidgetButton.classList.replace(
+            'esri-icon-drag-horizontal',
+            'esri-icon-close',
+          );
+        }
+
+        if (timeSliderContainer && document.contains(timeSliderContainer)) {
+          timeSliderContainer.style.display = 'block';
+        }
+
         this.restorePanelScroll();
 
         // By invoking the setState, we notify the state we want to reach