@eeacms/volto-eea-design-system 1.0.0-alpha.13.1 → 1.0.0-alpha.14

package/CHANGELOG.md

@@ -4,10 +4,21 @@ 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).
 
+### [1.0.0-alpha.14](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.13.1...1.0.0-alpha.14) - 30 January 2023
+
+#### :nail_care: Enhancements
+
+- change(mobile menu): integrate a-z topic with menu rendering logic [David Ichim - [`246d3d8`](https://github.com/eea/volto-eea-design-system/commit/246d3d839b773e2f6e1fff7fed5f9aa7a4968daa)]
+
+#### :hammer_and_wrench: Others
+
+- bump release to alpha 14 [David Ichim - [`92f0197`](https://github.com/eea/volto-eea-design-system/commit/92f01975a809553ed122824c8407c74da9132c23)]
+- link fix [David Ichim - [`e1c12a1`](https://github.com/eea/volto-eea-design-system/commit/e1c12a132a1a99d773af359ebce071fb37c7e661)]
 ### [1.0.0-alpha.13.1](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.13...1.0.0-alpha.13.1) - 30 January 2023
 
 #### :nail_care: Enhancements
 
+- change(mobile menu): hardcode a-z topics to '/en/topics-in-depth' #286 from eea/develop [ichim-david - [`6436224`](https://github.com/eea/volto-eea-design-system/commit/6436224e1922fb5d4b4053c874cebe5c57b2a6b9)]
 - change(mobile menu): hardcode a-z topics to '/en/topics-in-depth' [David Ichim - [`5235b52`](https://github.com/eea/volto-eea-design-system/commit/5235b52047a80a8b626aa5ef3ef304c4d9a82003)]
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "1.0.0-alpha.13.1",
+  "version": "1.0.0-alpha.14",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/ui/Header/Header.stories.js

@@ -1407,7 +1407,7 @@ const Template = (args) => {
                     active: item['@id'] === pathname,
                   })}
                 >
-                  {/* nav_title ovverides title */}
+                  {/* nav_title overrides title */}
                   {item.nav_title && item.nav_title !== '' ? (
                     <span>{item.nav_title}</span>
                   ) : (

package/src/ui/Header/HeaderMenuPopUp.js

@@ -4,7 +4,6 @@ import { Container, Grid, List, Icon, Accordion } from 'semantic-ui-react';
 
 import { cloneDeep } from 'lodash';
 
-import { Link } from 'react-router-dom';
 import { useClickOutside } from '@eeacms/volto-eea-design-system/helpers';
 
 const createColumns = (item, length, renderMenuItem) => {
@@ -222,6 +221,11 @@ const SecondLevelContent = ({ element, topics = false, renderMenuItem }) => {
     const atAGlance = element.items.find(
       (element) => element.title === 'At a glance',
     );
+    const inDepth = element.items.find(
+      (element) => element.url.indexOf('in-depth') !== -1,
+    );
+    // eslint-disable-next-line no-unused-expressions
+    inDepth ? (inDepth.nav_title = 'A-Z Topics') : '';
     content = (
       <List>
         {atAGlance &&
@@ -234,14 +238,15 @@ const SecondLevelContent = ({ element, topics = false, renderMenuItem }) => {
               })}
             </React.Fragment>
           ))}
-        <Link
-          role="listitem"
-          className="item"
-          to={'/en/topics/in-depth'}
-          key={element['@id']}
-        >
-          A-Z Topics
-        </Link>
+        {inDepth && (
+          <React.Fragment key={inDepth.url}>
+            {renderMenuItem(inDepth, {
+              key: inDepth.url,
+              role: 'listitem',
+              className: 'item',
+            })}
+          </React.Fragment>
+        )}
       </List>
     );
   } else {