@eeacms/volto-arcgis-block 0.1.314 → 0.1.316

package/CHANGELOG.md

@@ -4,6 +4,14 @@ 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.316](https://github.com/eea/volto-arcgis-block/compare/0.1.315...0.1.316) - 19 November 2024
+
+### [0.1.315](https://github.com/eea/volto-arcgis-block/compare/0.1.314...0.1.315) - 18 November 2024
+
+#### :hammer_and_wrench: Others
+
+- Merge pull request #846 from eea/develop [Unai Bolivar - [`8d17585`](https://github.com/eea/volto-arcgis-block/commit/8d1758530435af46731e2a1e4b3a658badf85741)]
+- CLMS-276819 (bug): improved specificity in container variables upon load/reload [Unai Bolivar - [`dac6af1`](https://github.com/eea/volto-arcgis-block/commit/dac6af15642e02cf436f7395f31b1916e7b04ef3)]
 ### [0.1.314](https://github.com/eea/volto-arcgis-block/compare/0.1.313...0.1.314) - 13 November 2024
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/components/MapViewer/MenuWidget.jsx

@@ -683,11 +683,16 @@ class MenuWidget extends React.Component {
         // and ensure that the component is rendered again
         this.setState({ showMapMenu: false });
       } else {
-        const container = this.container.current;
-        if (!this.container.current) return;
-        const tabContainer = container.querySelector('#tabcontainer');
-        const paneles = container.querySelector('#paneles');
-        const esriWidgetButton = container.querySelector(
+        /*  
+        The following variables have been changed from container
+        to this.container.current to avoid data viewer crash
+        when client comes from dataset / product pages or refreshing
+        */
+        const tabContainer = this.container.current.querySelector(
+          '#tabcontainer',
+        );
+        const paneles = this.container.current.querySelector('#paneles');
+        const esriWidgetButton = this.container.current.querySelector(
           '.esri-widget--button',
         );
         const timeSliderContainer = document.querySelector(
@@ -719,7 +724,7 @@ class MenuWidget extends React.Component {
         // and ensure that the component is rendered again
         this.setState({ showMapMenu: true });
       }
-      if (this.loadFirst) {
+      if (this.loadFirst && this.container.current) {
         this.checkUrl();
         this.loadFirst = false;
         this.zoomTooltips();
@@ -822,13 +827,6 @@ 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
    */
@@ -875,11 +873,6 @@ class MenuWidget extends React.Component {
           this.props.bookmarkData === undefined
         ) {
           return;
-          //} else if (
-          //  this.props.bookmarkData &&
-          //  this.props.bookmarkData.active === false
-          //) {
-          //  return;
         } else if (
           this.props.bookmarkData &&
           this.props.bookmarkData.active === true
@@ -897,13 +890,11 @@ class MenuWidget extends React.Component {
                   let visibleArray = this.props.bookmarkData.visible[pos];
                   visible =
                     String(visibleArray[index]) === 'true' ? true : false;
-                  //this.layers[layer].visible = visible;
                   if (this.layers[layer]) {
                     let opacityArray = this.props.bookmarkData.opacity[pos];
                     this.layers[layer].opacity = opacityArray[index];
                   }
                 }
-                //this.map.layers.add(this.layers[layer]);
                 node.checked = true;
                 this.toggleLayer(node);
                 if (visible === false) {

package/src/components/MapViewer/TimesliderWidget.jsx

@@ -642,6 +642,7 @@ class TimesliderWidget extends React.Component {
               showIcon
               inline
               onChange={(date) => this.setDatepick(date)}
+              openToDate={this.TimesliderWidget?.fullTimeExtent?.start}
               dateFormat="dd.MM.yyyy"
               dropdownMode="select"
               showMonthDropdown