@eeacms/volto-arcgis-block 0.1.289 → 0.1.291

package/CHANGELOG.md

@@ -4,6 +4,10 @@ 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.291](https://github.com/eea/volto-arcgis-block/compare/0.1.290...0.1.291) - 20 June 2024
+
+### [0.1.290](https://github.com/eea/volto-arcgis-block/compare/0.1.289...0.1.290) - 19 June 2024
+
 ### [0.1.289](https://github.com/eea/volto-arcgis-block/compare/0.1.288...0.1.289) - 18 June 2024
 
 ### [0.1.288](https://github.com/eea/volto-arcgis-block/compare/0.1.287...0.1.288) - 14 June 2024

package/package.json

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

package/src/components/MapViewer/AreaWidget.jsx

@@ -212,7 +212,7 @@ class AreaWidget extends React.Component {
     if (document.querySelector('#download_prepackage').checked) {
       this.setState({
         showInfoPopup: true,
-        infoPopupType: 'download',
+        infoPopupType: 'prepackage',
       });
     } else {
       this.setState({
@@ -851,7 +851,9 @@ class AreaWidget extends React.Component {
       'none';
   }
   areaSearch() {
-    let searchText = document.querySelector('#area-searchtext').value;
+    let searchText = document
+      .querySelector('#area-searchtext')
+      .value.toUpperCase();
     if (searchText.length <= 2) {
       this.loadNutsService('nuts0', [0]);
       this.loadCountriesService('nuts0');
@@ -1327,6 +1329,17 @@ class AreaWidget extends React.Component {
                       </div>
                     </>
                   )}
+                  {this.state.infoPopupType === 'prepackage' && (
+                    <>
+                      <span className="drawRectanglePopup-icon">
+                        <FontAwesomeIcon icon={['fas', 'download']} />
+                      </span>
+                      <div className="drawRectanglePopup-text">
+                        Click on the download icon on “Products and datasets” to
+                        continue
+                      </div>
+                    </>
+                  )}
                   {this.state.infoPopupType === 'fullDataset' && (
                     <>
                       <span className="drawRectanglePopup-icon">

package/src/components/MapViewer/css/ArcgisMap.css

@@ -318,7 +318,7 @@ div.esri-popover
 }
 
 .area-panel {
-  padding-top: 0;
+  padding-top: 1rem;
 }
 
 /* .area-container .area-header { */
@@ -363,7 +363,7 @@ div.esri-popover
 
 .area-search-block {
   display: flex;
-  margin-left: 1rem;
+  margin-left: 1.7rem;
 }
 
 .rectangle-block {