@eeacms/volto-arcgis-block - npm Package Compare versions

Comparing version 0.1.2 to 0.1.3

CHANGELOG.md

@@ -7,4 +7,15 @@ ### Changelog
 
+#### [0.1.3](https://github.com/eea/volto-arcgis-block/compare/0.1.2...0.1.3)
+
+- Bugs n improvements [`#7`](https://github.com/eea/volto-arcgis-block/pull/7)
+- Menu tabs toggle [`8573b3e`](https://github.com/eea/volto-arcgis-block/commit/8573b3e6973ec7a94e9c4b673037d4d6184d5b8d)
+- Menu tabs toggle [`4bcf366`](https://github.com/eea/volto-arcgis-block/commit/4bcf366a9969c6d3b834569e767cd717cb482f83)
+- Drag and drop [`1a70919`](https://github.com/eea/volto-arcgis-block/commit/1a7091956d1172aaf6751af7bad7812798a2d434)
+- Widget order [`bed82bf`](https://github.com/eea/volto-arcgis-block/commit/bed82bf16e5be4c436fbbfc946a3290c4de91816)
+
 #### [0.1.2](https://github.com/eea/volto-arcgis-block/compare/0.1.1...0.1.2)
 
+> 10 September 2021
+
+- Changes in the map viewer for a new release [`#6`](https://github.com/eea/volto-arcgis-block/pull/6)
 - Config n bugs [`#5`](https://github.com/eea/volto-arcgis-block/pull/5)
@@ -11,0 +22,0 @@ - Map styles [`#4`](https://github.com/eea/volto-arcgis-block/pull/4)

package.json

 {
   "name": "@eeacms/volto-arcgis-block",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "volto-arcgis-block: Volto add-on",
@@ -5,0 +5,0 @@ "main": "src/index.js",

src/components/MapViewer/MenuWidget.jsx

@@ -488,16 +488,2 @@ import React, { createRef } from 'react';
         <div className="active-layer-options" key={'c_' + elem.id}>
-          <span className="active-layer-position" key={'d_' + elem.id}>
-            <span class="active-layer-position-down">
-              <FontAwesomeIcon
-                className="map-menu-icon"
-                icon={['fas', 'long-arrow-alt-up']}
-              />
-            </span>
-            <span class="active-layer-position-up">
-              <FontAwesomeIcon
-                className="map-menu-icon"
-                icon={['fas', 'long-arrow-alt-down']}
-              />
-            </span>
-          </span>
           <span className="active-layer-hide">
@@ -637,19 +623,21 @@ <FontAwesomeIcon
    */
-  toggleTab() {
-    var tabsel = document.querySelector('.tab-selected');
-    var tab = document.querySelector('span.tab:not(.tab-selected)');
-    var panelsel = document.querySelector('.panel-selected');
-    var panel = document.querySelector('div.panel:not(.panel-selected)');
+  toggleTab(e) {
+    if (!e.currentTarget.classList.contains('tab-selected')) {
+      var tabsel = document.querySelector('.tab-selected');
+      var tab = document.querySelector('span.tab:not(.tab-selected)');
+      var panelsel = document.querySelector('.panel-selected');
+      var panel = document.querySelector('div.panel:not(.panel-selected)');
 
-    tabsel.className = 'tab';
-    tabsel.setAttribute('aria-selected', 'false');
-    panelsel.className = 'panel';
-    panelsel.setAttribute('aria-hidden', 'false');
+      tabsel.className = 'tab';
+      tabsel.setAttribute('aria-selected', 'false');
+      panelsel.className = 'panel';
+      panelsel.setAttribute('aria-hidden', 'false');
 
-    tab.className = 'tab tab-selected';
-    tab.setAttribute('aria-selected', 'true');
-    panel.className = 'panel panel-selected';
-    panel.setAttribute('aria-hidden', 'true');
-    if (tab.id === 'active_label') {
-      this.layersReorder();
+      tab.className = 'tab tab-selected';
+      tab.setAttribute('aria-selected', 'true');
+      panel.className = 'panel panel-selected';
+      panel.setAttribute('aria-hidden', 'true');
+      if (tab.id === 'active_label') {
+        this.layersReorder();
+      }
     }
@@ -674,4 +662,4 @@ }
                 aria-selected="true"
-                onClick={() => this.toggleTab()}
-                onKeyDown={() => this.toggleTab()}
+                onClick={(e) => this.toggleTab(e)}
+                onKeyDown={(e) => this.toggleTab(e)}
                 tabIndex="0"
@@ -687,4 +675,4 @@ >
                 aria-selected="false"
-                onClick={() => this.toggleTab()}
-                onKeyDown={() => this.toggleTab()}
+                onClick={(e) => this.toggleTab(e)}
+                onKeyDown={(e) => this.toggleTab(e)}
                 tabIndex="0"
@@ -691,0 +679,0 @@ >

No alert changes

Improved metrics

Total package byte prevSize

10450746

increased by0.01%

Lines of code

3476

increased by0.81%

No dependency changes