@eeacms/volto-arcgis-block 0.1.354 → 0.1.355

package/CHANGELOG.md

@@ -4,6 +4,8 @@ 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.355](https://github.com/eea/volto-arcgis-block/compare/0.1.354...0.1.355) - 5 May 2025
+
 ### [0.1.354](https://github.com/eea/volto-arcgis-block/compare/0.1.353...0.1.354) - 24 April 2025
 
 ### [0.1.353](https://github.com/eea/volto-arcgis-block/compare/0.1.352...0.1.353) - 15 April 2025

package/package.json

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

package/src/components/MapViewer/MenuWidget.jsx

@@ -2279,7 +2279,7 @@ class MenuWidget extends React.Component {
       const checkboxId = LayerId;
 
       return (
-        <div className="map-menu-dataset-dropdown">
+        <div className="map-menu-dataset-dropdown" id={'my-service-' + LayerId}>
           <fieldset className="ccl-fieldset">
             <div className="ccl-expandable__button" aria-expanded="false">
               <div className="dropdown-icon">
@@ -5325,6 +5325,31 @@ class MenuWidget extends React.Component {
         componentElem.setAttribute('style', 'display: none;');
       }
     }
+    let myServiceResult = false;
+    this.state.wmsUserServiceLayers.forEach((element) => {
+      let node = document.getElementById('my-service-' + element.LayerId);
+      let checkbox = document.getElementById(element.LayerId);
+      if (
+        element?.LayerId?.toUpperCase().includes(searchText) ||
+        checkbox.checked
+      ) {
+        node.removeAttribute('style');
+        result = true;
+        myServiceResult = true;
+      } else {
+        node.setAttribute('style', 'display: none;');
+      }
+    });
+    let dropdowns = document.querySelectorAll('.map-menu-dropdown');
+    let i = dropdowns.length === 0 ? 0 : dropdowns.length - 1;
+    let componentId = `component_${i}`;
+    if (!myServiceResult) {
+      document
+        .getElementById(componentId)
+        .setAttribute('style', 'display: none;');
+    } else {
+      document.getElementById(componentId).removeAttribute('style');
+    }
     if (result) {
       document.querySelector('.no-filter-result-message').style.display =
         'none';