@eeacms/volto-arcgis-block 0.1.407 → 0.1.409

package/CHANGELOG.md

@@ -4,6 +4,23 @@ 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.409](https://github.com/eea/volto-arcgis-block/compare/0.1.408...0.1.409) - 20 November 2025
+
+#### :hammer_and_wrench: Others
+
+- Merge pull request #1059 from eea/CLMS-293228 [Unai Bolivar - [`b4b62d5`](https://github.com/eea/volto-arcgis-block/commit/b4b62d570f56f4264417e83612c10e7beae3c3ca)]
+- (bug): change font sizes for titles final [Unai Bolivar - [`083bf44`](https://github.com/eea/volto-arcgis-block/commit/083bf44f0e8024350f21b6fda30abb26ed54513b)]
+- (bug): change font sizes for titles again [Unai Bolivar - [`bc267fe`](https://github.com/eea/volto-arcgis-block/commit/bc267fe92dba4b319d1225217d88b0a30c9a3554)]
+- (bug): change font styles again [Unai Bolivar - [`a4a39f3`](https://github.com/eea/volto-arcgis-block/commit/a4a39f3b039e11b1385a37f70ceccf10d129f8dd)]
+- (bug): change active layers title [Unai Bolivar - [`b2d96f2`](https://github.com/eea/volto-arcgis-block/commit/b2d96f210c9388e99adac6ddf6bfd3377907cd3f)]
+- (bug): fixing font styles [Unai Bolivar - [`af1393c`](https://github.com/eea/volto-arcgis-block/commit/af1393c360de05fa09850b9b929a04ce619c9066)]
+### [0.1.408](https://github.com/eea/volto-arcgis-block/compare/0.1.407...0.1.408) - 19 November 2025
+
+#### :hammer_and_wrench: Others
+
+- Merge pull request #1058 from eea/develop [Unai Bolivar - [`715204e`](https://github.com/eea/volto-arcgis-block/commit/715204e198fa67a71766f5f315bb4062f2c86a25)]
+- (bug): Fixed child node dissappearing errors that crash the data viewer [Unai Bolivar - [`d2d3503`](https://github.com/eea/volto-arcgis-block/commit/d2d3503371e90f50668964d0771be7de7ca3e447)]
+- (feat): redid the titles produced for the error report [Unai Bolivar - [`08cd2bc`](https://github.com/eea/volto-arcgis-block/commit/08cd2bc75843b7313c54cffecd1b1c637ee2ab23)]
 ### [0.1.407](https://github.com/eea/volto-arcgis-block/compare/0.1.406...0.1.407) - 19 November 2025
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/components/MapViewer/ErrorReportWidget.jsx

@@ -5,6 +5,7 @@ class ErrorReport extends React.Component {
   constructor(props) {
     super(props);
     this.container = createRef();
+    this.originalParent = null;
     this.state = {
       showMapMenu: false,
       latlong: null,
@@ -61,7 +62,7 @@ class ErrorReport extends React.Component {
           pt.latitude.toFixed(4) +
           ' Lon ' +
           pt.longitude.toFixed(4) +
-          '. Active datasets: ' +
+          '. Active layers: ' +
           ds.join(', ');
         try {
           if (
@@ -96,6 +97,7 @@ class ErrorReport extends React.Component {
   }
 
   getCheckedDatasets() {
+    let checked = [];
     try {
       let uid = sessionStorage.getItem('mv_hydrated_for');
       let key = uid ? 'user_' + uid : 'user_anonymous';
@@ -109,24 +111,130 @@ class ErrorReport extends React.Component {
           } catch {}
         }
         if (Array.isArray(cl)) {
-          return [...new Set(cl)].filter((v) => v);
+          checked = [...new Set(cl)].filter((v) => v);
         }
       }
     } catch {}
-    try {
-      let ss = sessionStorage.getItem('checkedLayers');
-      if (ss) {
-        let cl = ss;
-        if (typeof ss === 'string') {
+    if (!checked.length) {
+      try {
+        let ss = sessionStorage.getItem('checkedLayers');
+        if (ss) {
+          let cl = ss;
+          if (typeof ss === 'string') {
+            try {
+              cl = JSON.parse(ss);
+            } catch {}
+          }
+          if (Array.isArray(cl)) {
+            checked = [...new Set(cl)].filter((v) => v);
+          }
+        }
+      } catch {}
+    }
+    if (checked.length) {
+      let titles = [];
+      try {
+        let esc = function (s) {
+          try {
+            return CSS && CSS.escape
+              ? CSS.escape(s)
+              : String(s).replace(/[^a-zA-Z0-9_-]/g, '\\$&');
+          } catch {
+            return String(s).replace(/[^a-zA-Z0-9_-]/g, '\\$&');
+          }
+        };
+        let findTitleFor = function (val) {
+          let v = String(val);
+          let e = null;
           try {
-            cl = JSON.parse(ss);
+            e = document.querySelector('[data-layer-id="' + esc(v) + '"]');
           } catch {}
+          if (!e) {
+            try {
+              e = document.querySelector('[data-id="' + esc(v) + '"]');
+            } catch {}
+          }
+          if (!e) {
+            try {
+              let sel1 = 'input[type="checkbox"][value="' + esc(v) + '"]';
+              e = document.querySelector(sel1);
+            } catch {}
+          }
+          if (!e) {
+            try {
+              let sel2 = 'input[type="checkbox"][id*="' + esc(v) + '"]';
+              e = document.querySelector(sel2);
+            } catch {}
+          }
+          if (e && e.tagName && e.tagName.toLowerCase() === 'input') {
+            let id = e.id;
+            if (id) {
+              try {
+                let selLab = 'label[for="' + esc(id) + '"]';
+                let lab = document.querySelector(selLab);
+                if (lab && lab.textContent) return lab.textContent.trim();
+              } catch {}
+            }
+            try {
+              let cont = e.closest('.toc-item,.ccl-tree__item,.layer-item');
+              if (cont) {
+                let selT =
+                  '.toc-item-title,.ccl-tree__label,.layer-title,.title';
+
+                let lab = cont.querySelector(selT);
+                if (lab && lab.textContent) return lab.textContent.trim();
+              }
+            } catch {}
+          }
+          if (e) {
+            try {
+              let sel3 = '.toc-item-title,.ccl-tree__label,.layer-title,.title';
+              let lab = e.querySelector(sel3);
+              if (lab && lab.textContent) return lab.textContent.trim();
+            } catch {}
+            try {
+              let t = e.getAttribute('data-title');
+              if (t) return t;
+            } catch {}
+            try {
+              if (e.textContent) return e.textContent.trim();
+            } catch {}
+          }
+          return null;
+        };
+        checked.forEach(function (v) {
+          let t = findTitleFor(v);
+          if (t) titles.push(t);
+        });
+      } catch {}
+      if (titles.length) return [...new Set(titles)];
+      let all = [];
+      try {
+        let coll =
+          this.props.view &&
+          this.props.view.map &&
+          this.props.view.map.allLayers;
+        if (coll && coll.items) {
+          all = coll.items;
+        } else if (coll && coll.toArray) {
+          all = coll.toArray();
         }
-        if (Array.isArray(cl)) {
-          return [...new Set(cl)].filter((v) => v);
-        }
-      }
-    } catch {}
+      } catch {}
+      let byId = {};
+      let byTitle = {};
+      try {
+        all.forEach(function (l) {
+          if (l && l.id) byId[l.id] = l.title || l.id;
+          if (l && l.title) byTitle[l.title] = l.title;
+        });
+      } catch {}
+      let titles2 = [];
+      checked.forEach(function (v) {
+        if (byTitle[v]) titles2.push(byTitle[v]);
+        else if (byId[v]) titles2.push(byId[v]);
+      });
+      if (titles2.length) return [...new Set(titles2)];
+    }
     let layers = [];
     this.props.view.map.layers.forEach(function (l) {
       if (l.visible) {
@@ -147,7 +255,7 @@ class ErrorReport extends React.Component {
       this.state.latlong.x +
       ' Lon ' +
       this.state.latlong.y +
-      '. Active datasets: ' +
+      '. Active layers: ' +
       datasets.join(', ');
     try {
       if (navigator && navigator.clipboard && navigator.clipboard.writeText) {
@@ -182,6 +290,9 @@ class ErrorReport extends React.Component {
   async componentDidMount() {
     await this.loader();
     if (!this.container.current) return;
+    try {
+      this.originalParent = this.container.current.parentNode;
+    } catch {}
     this.props.view.when(() => {
       if (!this.container.current) return;
       var group = document.querySelector('.esri-ui-top-right.esri-ui-corner');
@@ -207,6 +318,24 @@ class ErrorReport extends React.Component {
     });
   }
 
+  componentWillUnmount() {
+    try {
+      if (this.state && this.state.selecting) {
+        this.state.selecting.remove();
+      }
+    } catch {}
+    try {
+      if (
+        this.container &&
+        this.container.current &&
+        this.originalParent &&
+        this.container.current.parentNode !== this.originalParent
+      ) {
+        this.originalParent.appendChild(this.container.current);
+      }
+    } catch {}
+  }
+
   render() {
     return (
       <>
@@ -278,7 +407,7 @@ class ErrorReport extends React.Component {
                 {this.state.datasets && this.state.datasets.length > 0 && (
                   <>
                     <div className="error-report-datasets-title">
-                      Active datasets
+                      Active layers
                     </div>
                     <ul className="error-report-datasets">
                       {this.state.datasets.map((d, i) => (

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

@@ -334,21 +334,36 @@ button.upload-bookmark-button {
   color: white !important;
 }
 
+.right-panel-header span,
+.error-report-coords-heading,
 .error-report-datasets-title {
-  margin-top: 1em;
-  margin-bottom: 0.5em;
-  font-size: 1.17em;
+  margin-top: 1rem;
+  margin-bottom: 0.5rem;
+  color: inherit;
+  font-size: 0.9rem;
   font-weight: bold;
 }
 
+.error-report-coords,
+.error-report-datasets,
+.error-report-datasets li {
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+}
+
 body.section-map-viewer
   #page-document.ui.container
-  .esri-widget__content--empty
-  h1 {
-  width: auto !important;
+  .esri-widget__content--empty {
+  margin-top: 1rem;
+  margin-bottom: 0.5rem;
+  color: inherit;
+  font-size: 1.25rem; /* Increased font size */
 }
 
-div.esri-popover
+body.section-map-viewer
+  #page-document.ui.container
+  .esri-widget__content--empty
   div
   div.esri-button-menu__content
   ul.esri-button-menu__item-wrapper