@eeacms/volto-arcgis-block 0.1.258 → 0.1.260

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.260](https://github.com/eea/volto-arcgis-block/compare/0.1.259...0.1.260) - 15 February 2024
+
+### [0.1.259](https://github.com/eea/volto-arcgis-block/compare/0.1.258...0.1.259) - 14 February 2024
+
 ### [0.1.258](https://github.com/eea/volto-arcgis-block/compare/0.1.257...0.1.258) - 12 February 2024
 
 ### [0.1.257](https://github.com/eea/volto-arcgis-block/compare/0.1.256...0.1.257) - 7 February 2024

package/package.json

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

package/src/components/MapViewer/MenuWidget.jsx

@@ -701,11 +701,13 @@ class MenuWidget extends React.Component {
               }
             }
           }
+          let counter = layers.length - 1;
           layers.forEach((layer, index) => {
+            let order = counter - index;
             let activeLayers = document.querySelectorAll('.active-layer');
             activeLayers.forEach((item) => {
               if (layer === item.getAttribute('layer-id')) {
-                item.parentElement.insertBefore(item, activeLayers[index]);
+                item.parentElement.insertBefore(item, activeLayers[order]);
               }
             });
           });
@@ -2843,7 +2845,7 @@ class MenuWidget extends React.Component {
     let activeLayers = document.querySelectorAll('.active-layer');
     let newLayerOrder = [];
     for (let i = 0; i < activeLayers.length; i++) {
-      newLayerOrder.push(activeLayers[i].getAttribute('layer-id'));
+      newLayerOrder.unshift(activeLayers[i].getAttribute('layer-id'));
     }
     sessionStorage.setItem('checkedLayers', JSON.stringify(newLayerOrder));
     window.dispatchEvent(new Event('storage'));
@@ -3061,8 +3063,24 @@ class MenuWidget extends React.Component {
     });
     if (layers.length === 0 && document.querySelector('.info-container')) {
       document.querySelector('.info-container').style.display = 'none';
+      if (
+        this.props.mapViewer.activeWidget?.container.current.className ===
+        'info-container esri-component'
+      ) {
+        document
+          .querySelector('.esri-ui-top-right.esri-ui-corner')
+          .classList.remove('show-panel');
+      }
     } else if (layers.length > 0) {
       document.querySelector('.info-container').style.display = 'flex';
+      if (
+        this.props.mapViewer.activeWidget?.container.current.className ===
+        'info-container esri-component'
+      ) {
+        document
+          .querySelector('.esri-ui-top-right.esri-ui-corner')
+          .classList.add('show-panel');
+      }
     }
   }