@eeacms/volto-arcgis-block 0.1.354 → 0.1.356

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.356](https://github.com/eea/volto-arcgis-block/compare/0.1.355...0.1.356) - 6 May 2025
+
+### [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.356",
   "description": "volto-arcgis-block: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: CodeSyntax",

package/src/components/MapViewer/MenuWidget.jsx

@@ -1457,8 +1457,8 @@ class MenuWidget extends React.Component {
     return (
       <div
         className="map-menu-family-dropdown"
-        id={'product_' + inheritedIndexProduct}
-        productid={familyId}
+        id={'family_' + inheritedIndexProduct}
+        familyid={familyId}
         key={'a' + familyId}
       >
         <fieldset className="ccl-fieldset" key={'b' + familyId}>
@@ -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">
@@ -3213,7 +3213,7 @@ class MenuWidget extends React.Component {
     let datasetContainer = selectedDataset.closest(
       '.map-menu-dataset-dropdown',
     );
-    let datasetContainerId = datasetContainer.getAttribute('datasetid');
+    let datasetContainerId = datasetContainer?.getAttribute('datasetid');
     this.compCfg.forEach((component) => {
       component.Products.forEach((product) => {
         product.Datasets.forEach((dataset) => {
@@ -5191,6 +5191,7 @@ class MenuWidget extends React.Component {
     let productFilter;
     let familyFilter;
     let result = false;
+    let familiesResult = [];
     if (document.querySelector('#menu-searchtext')) {
       searchText = document
         .querySelector('#menu-searchtext')
@@ -5270,6 +5271,12 @@ class MenuWidget extends React.Component {
               if (dataset.Default_active) {
                 defaultActive = 'map_' + datasetElem.id;
               }
+              if (
+                dataset.FamilyTitle &&
+                !familiesResult.includes(dataset.FamilyTitle)
+              ) {
+                familiesResult.push(dataset.FamilyTitle);
+              }
             } else if (
               datasetChecked ||
               (dataset?.DatasetTitle?.toUpperCase().includes(searchText) &&
@@ -5301,6 +5308,12 @@ class MenuWidget extends React.Component {
               if (dataset.Default_active) {
                 defaultActive = 'map_' + datasetElem.id;
               }
+              if (
+                dataset.FamilyTitle &&
+                !familiesResult.includes(dataset.FamilyTitle)
+              ) {
+                familiesResult.push(dataset.FamilyTitle);
+              }
             } else {
               datasetElem.setAttribute('style', 'display: none;');
             }
@@ -5325,6 +5338,43 @@ class MenuWidget extends React.Component {
         componentElem.setAttribute('style', 'display: none;');
       }
     }
+    let familiesElements = document.querySelectorAll(
+      '.map-menu-family-dropdown',
+    );
+    for (let index = 0; index < familiesElements.length; index++) {
+      if (
+        familiesResult.includes(familiesElements[index].attributes[2].value)
+      ) {
+        familiesElements[index].setAttribute('style', 'display: block;');
+      } else {
+        familiesElements[index].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';