@eeacms/volto-arcgis-block 0.1.304 → 0.1.305

package/CHANGELOG.md

@@ -4,7 +4,9 @@ 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.304](https://github.com/eea/volto-arcgis-block/compare/0.1.303...0.1.304) - 13 September 2024
+### [0.1.305](https://github.com/eea/volto-arcgis-block/compare/0.1.304...0.1.305) - 7 October 2024
+
+### [0.1.304](https://github.com/eea/volto-arcgis-block/compare/0.1.303...0.1.304) - 16 September 2024
 
 ### [0.1.303](https://github.com/eea/volto-arcgis-block/compare/0.1.302...0.1.303) - 10 September 2024
 

package/package.json

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

package/src/components/MapViewer/InfoWidget.jsx

@@ -86,10 +86,19 @@ class InfoWidget extends React.Component {
       this.props.mapViewer.view.popup.close();
     }
   }
+
+  waitForContainer(mapdiv) {
+    while (mapdiv === null) {
+      new Promise((resolve) => setTimeout(resolve, 100)); // wait for 100ms
+    }
+    return mapdiv;
+  }
+
   /**
    * This method is executed after the rener method is executed
    */ async componentDidMount() {
     await this.loader();
+    this.waitForContainer(this.container.current);
     this.props.view.ui.add(this.container.current, 'top-right');
     this.props.view.on('click', (e) => {
       let screenPoint = {

package/src/components/MapViewer/LoadingSpinner.jsx

@@ -53,7 +53,15 @@ class LoadingSpinner extends React.Component {
     this.setState({});
   }
 
+  waitForContainer(mapdiv) {
+    while (mapdiv === null) {
+      new Promise((resolve) => setTimeout(resolve, 100)); // wait for 100ms
+    }
+    return mapdiv;
+  }
+
   async componentDidMount() {
+    this.waitForContainer(this.props.view);
     this.props.view.when(() => {
       this.props.view.ui.add(this.container.current, 'manual');
       this.listenForLayerChanges();

package/src/components/MapViewer/MenuWidget.jsx

@@ -792,6 +792,13 @@ class MenuWidget extends React.Component {
     }, 1000);
   }
 
+  waitForContainer(mapdiv) {
+    while (mapdiv === null) {
+      new Promise((resolve) => setTimeout(resolve, 100)); // wait for 100ms
+    }
+    return mapdiv;
+  }
+
   /**
    * This method is executed after the render method is executed
    */
@@ -804,6 +811,7 @@ class MenuWidget extends React.Component {
     //  currentContainer = await this.container.current;
     //} while (currentContainer == null);
     if (!this.props.download) {
+      this.waitForContainer(this.container.current);
       this.prepareHotspotLayers();
       this.getHotspotLayerIds();
       this.props.view.ui.add(this.container.current, 'top-left');

package/src/components/MapViewer/PrintWidget.jsx

@@ -66,12 +66,22 @@ class PrintWidget extends React.Component {
       this.setState({ showMapMenu: true });
     }
   }
+
+  waitForContainer(mapdiv) {
+    while (mapdiv === null) {
+      new Promise((resolve) => setTimeout(resolve, 100)); // wait for 100ms
+    }
+    return mapdiv;
+  }
+
   /**
    * This method is executed after the rener method is executed
    */
   async componentDidMount() {
     await this.loader();
+    this.waitForContainer(this.container.current);
     this.props.view.ui.add(this.container.current, 'top-right');
+    this.waitForContainer(this.container.current.querySelector('.print-panel'));
     this.print = new Print({
       view: this.props.view,
       container: this.container.current.querySelector('.print-panel'),

package/src/components/MapViewer/ScaleWidget.jsx

@@ -26,11 +26,19 @@ class ScaleWidget extends React.Component {
     });
   }
 
+  waitForContainer(mapdiv) {
+    while (mapdiv === null) {
+      new Promise((resolve) => setTimeout(resolve, 100)); // wait for 100ms
+    }
+    return mapdiv;
+  }
+
   /**
    * This method is executed after the rener method is executed
    */
   async componentDidMount() {
     await this.loader();
+    this.waitForContainer(this.props.view);
     this.scaleBar = new ScaleBar({
       view: this.props.view,
       unit: 'dual',