@eeacms/volto-arcgis-block 0.1.404 → 0.1.406

package/CHANGELOG.md

@@ -4,8 +4,18 @@ 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.406](https://github.com/eea/volto-arcgis-block/compare/0.1.405...0.1.406) - 19 November 2025
+
+#### :hammer_and_wrench: Others
+
+- CLMS-293307+CLMS-289791+CLMS-289790 (bug): Download button creation correction [Urkorue - [`d3684ca`](https://github.com/eea/volto-arcgis-block/commit/d3684ca9cb6ae617fa8c9fd1c1cf286f5fe8910f)]
+### [0.1.405](https://github.com/eea/volto-arcgis-block/compare/0.1.404...0.1.405) - 12 November 2025
+
 ### [0.1.404](https://github.com/eea/volto-arcgis-block/compare/0.1.403...0.1.404) - 5 November 2025
 
+#### :hammer_and_wrench: Others
+
+- Merge pull request #1050 from eea/develop [Unai Bolivar - [`0708eba`](https://github.com/eea/volto-arcgis-block/commit/0708ebafa517a330ecc02ec7ad073b67cdb9f60d)]
 ### [0.1.403](https://github.com/eea/volto-arcgis-block/compare/0.1.402...0.1.403) - 4 November 2025
 
 ### [0.1.402](https://github.com/eea/volto-arcgis-block/compare/0.1.401...0.1.402) - 3 November 2025

package/package.json

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

package/src/components/MapViewer/BookmarkWidget.jsx

@@ -253,15 +253,127 @@ class BookmarkWidget extends React.Component {
         document
           .querySelectorAll('.esri-bookmarks__bookmark')
           .forEach((bookmark) => {
-            let download_button = document.createElement('button');
-            download_button.className = 'esri-button download-bookmark-button';
-            download_button.innerText = '⭳';
-            download_button.bookmarkName = bookmark.innerText;
-            download_button.addEventListener('click', (e) => {
-              this.downloadBookmark(e.currentTarget.bookmarkName);
-            });
-            bookmark.insertBefore(download_button, bookmark.childNodes[2]);
+            if (bookmark.childNodes.length < 4) {
+              let tooltip = document.createElement('div');
+              tooltip.setAttribute('tooltip', 'Download bookmark');
+              tooltip.setAttribute('direction', 'left');
+              tooltip.setAttribute('type', 'widget');
+              let download_button = document.createElement('div');
+              tooltip.appendChild(download_button);
+              download_button.className =
+                'esri-button download-bookmark-button';
+              download_button.innerText = '⭳';
+              download_button.bookmarkName = bookmark.innerText;
+              download_button.addEventListener('click', (e) => {
+                this.downloadBookmark(e.currentTarget.bookmarkName);
+              });
+              bookmark.insertBefore(tooltip, bookmark.childNodes[2]);
+            }
           });
+        let bookmarkList = document.querySelector('.esri-bookmarks__list');
+        const config = { childList: true };
+        const callback = function (mutationList, observer) {
+          for (const mutation of mutationList) {
+            if (mutation.type === 'childList') {
+              document
+                .querySelectorAll('.esri-bookmarks__bookmark')
+                .forEach((bookmark) => {
+                  if (bookmark.childNodes.length < 4) {
+                    let tooltip = document.createElement('div');
+                    tooltip.setAttribute('tooltip', 'Download bookmark');
+                    tooltip.setAttribute('direction', 'left');
+                    tooltip.setAttribute('type', 'widget');
+                    let download_button = document.createElement('div');
+                    tooltip.appendChild(download_button);
+                    download_button.className =
+                      'esri-button download-bookmark-button';
+                    download_button.innerText = '⭳';
+                    download_button.bookmarkName = bookmark.innerText;
+                    download_button.addEventListener('click', (e) => {
+                      const name = e.currentTarget.bookmarkName;
+                      let storageKey;
+                      if (document.querySelector('.fa-user')) {
+                        storageKey =
+                          'user_' +
+                          document.querySelector('.fa-user').nextSibling
+                            .textContent;
+                      } else {
+                        storageKey = 'user_anonymous';
+                      }
+                      let userObj;
+                      try {
+                        userObj =
+                          JSON.parse(localStorage.getItem(storageKey)) || {};
+                      } catch (e) {
+                        userObj = {};
+                      }
+                      let bookmarks =
+                        userObj &&
+                        userObj.bookmarks &&
+                        typeof userObj.bookmarks === 'object'
+                          ? userObj.bookmarks
+                          : null;
+                      if (!bookmarks) {
+                        try {
+                          bookmarks = JSON.parse(
+                            localStorage.getItem(
+                              storageKey + '_bookmarks_backup',
+                            ),
+                          );
+                        } catch (e) {
+                          return;
+                        }
+                      }
+                      if (!bookmarks) return;
+                      let index = 0;
+                      for (index; index < bookmarks.items.length; index++) {
+                        if (bookmarks.items[index].name === name) {
+                          break;
+                        }
+                      }
+                      let selectedBookmark = {
+                        items: Array.isArray(bookmarks.items)
+                          ? bookmarks.items[index]
+                          : [],
+                        layers: Array.isArray(bookmarks.layers)
+                          ? bookmarks.layers[index]
+                          : [],
+                        opacity: Array.isArray(bookmarks.opacity)
+                          ? bookmarks.opacity[index]
+                          : [],
+                        visible: Array.isArray(bookmarks.visible)
+                          ? bookmarks.visible[index]
+                          : [],
+                        hotspot: Array.isArray(bookmarks.hotspot)
+                          ? bookmarks.hotspot[index]
+                          : [],
+                        selectedHotspotFilter:
+                          bookmarks.selectedHotspotFilter != null
+                            ? bookmarks.selectedHotspotFilter
+                            : null,
+                      };
+                      let filename = 'bookmark_' + selectedBookmark.items.name;
+                      const blob = new Blob(
+                        [JSON.stringify(selectedBookmark)],
+                        {
+                          type: 'application/json',
+                        },
+                      );
+                      const url = URL.createObjectURL(blob);
+                      const a = document.createElement('a');
+                      a.href = url;
+                      a.download = `${filename}.json`;
+                      a.click();
+                      URL.revokeObjectURL(url);
+                    });
+                    bookmark.insertBefore(tooltip, bookmark.childNodes[2]);
+                  }
+                });
+            }
+          }
+        };
+        const observer = new MutationObserver(callback);
+        observer.observe(bookmarkList, config);
       }
       this.arcgisEventHandles.push(
         this.Bookmarks.bookmarks.on('change', (e) => {
@@ -808,22 +920,6 @@ class BookmarkWidget extends React.Component {
         );
       });
     });
-    if (this.userID !== null) {
-      document
-        .querySelectorAll('.esri-bookmarks__bookmark')
-        .forEach((bookmark) => {
-          if (bookmark.childNodes.length < 4) {
-            let download_button = document.createElement('button');
-            download_button.className = 'esri-button download-bookmark-button';
-            download_button.innerText = '⭳';
-            download_button.bookmarkName = bookmark.innerText;
-            download_button.addEventListener('click', (e) => {
-              this.downloadBookmark(e.currentTarget.bookmarkName);
-            });
-            bookmark.insertBefore(download_button, bookmark.childNodes[2]);
-          }
-        });
-    }
   }
   componentWillUnmount() {
     this._isMounted = false;