@eeacms/volto-cca-policy 0.1.58 → 0.1.60

package/CHANGELOG.md

@@ -4,6 +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).
 
+### [0.1.60](https://github.com/eea/volto-cca-policy/compare/0.1.59...0.1.60) - 16 January 2024
+
+#### :hammer_and_wrench: Others
+
+- Refs #257070 - Fix mega menu behavior, add configuration for visible folders and children. [GhitaB - [`c4d9108`](https://github.com/eea/volto-cca-policy/commit/c4d9108c50c5bbd10a5f1f913d7547aba71d2e8c)]
+- Refs #260715 - rast map check rast accordiion test [Tripon Eugen - [`ed9805d`](https://github.com/eea/volto-cca-policy/commit/ed9805dbd39b648b2267758dd72510aba9214ab7)]
+- Refs #260715 - rast map check root_path eslint [Tripon Eugen - [`23df223`](https://github.com/eea/volto-cca-policy/commit/23df223f6827e182e6a6a456cf1caae38ecd0bbb)]
+- Refs #260715 - rast map check root_path not set [Tripon Eugen - [`8693b04`](https://github.com/eea/volto-cca-policy/commit/8693b0429985b2419581b2cbcf4993fa994961aa)]
+- Refs #260715 - rast map align center [Tripon Eugen - [`b58c5cb`](https://github.com/eea/volto-cca-policy/commit/b58c5cb3d9ed08e3de2d3bb1dd3d0995f70a3c9e)]
+### [0.1.59](https://github.com/eea/volto-cca-policy/compare/0.1.58...0.1.59) - 5 January 2024
+
+#### :nail_care: Enhancements
+
+- change: update footer color [kreafox - [`3385e33`](https://github.com/eea/volto-cca-policy/commit/3385e3301fe8a1482a0b74feef7e0111dbf36bd9)]
+
 ### [0.1.58](https://github.com/eea/volto-cca-policy/compare/0.1.57...0.1.58) - 4 January 2024
 
 #### :house: Internal changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-cca-policy",
-  "version": "0.1.58",
+  "version": "0.1.60",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/manage/Blocks/RASTBlock/RASTAccordion.test.jsx

@@ -21,7 +21,7 @@ describe('RASTAccordion', () => {
         },
       ],
       activeMenu: 1,
-      curent_location: '/',
+      curent_location: '/my-item-href',
     };
 
     const store = mockStore({

package/src/components/manage/Blocks/RASTBlock/RASTMap.jsx

@@ -70,7 +70,7 @@ export default function RASTMap(props) {
             height="43"
             rx="21.5"
             stroke="white"
-            stroke-width="2"
+            strokeWidth="2"
           />
         </LinkWrap>
         <LinkWrap
@@ -98,7 +98,7 @@ export default function RASTMap(props) {
             height="43"
             rx="21.5"
             stroke="white"
-            stroke-width="2"
+            strokeWidth="2"
           />
         </LinkWrap>
         <LinkWrap
@@ -126,7 +126,7 @@ export default function RASTMap(props) {
             height="43"
             rx="21.5"
             stroke="white"
-            stroke-width="2"
+            strokeWidth="2"
           />
         </LinkWrap>
         <LinkWrap
@@ -154,7 +154,7 @@ export default function RASTMap(props) {
             height="43"
             rx="21.5"
             stroke="white"
-            stroke-width="2"
+            strokeWidth="2"
           />
         </LinkWrap>
         <LinkWrap
@@ -182,7 +182,7 @@ export default function RASTMap(props) {
             height="43"
             rx="21.5"
             stroke="white"
-            stroke-width="2"
+            strokeWidth="2"
           />
         </LinkWrap>
 
@@ -211,7 +211,7 @@ export default function RASTMap(props) {
             height="43"
             rx="21.5"
             stroke="white"
-            stroke-width="2"
+            strokeWidth="2"
           />
         </LinkWrap>
 
@@ -362,7 +362,7 @@ export default function RASTMap(props) {
             gradientUnits="userSpaceOnUse"
           >
             <stop stop-color="#BFDC80" />
-            <stop offset="1" stop-color="#AAD055" stop-opacity="0.1" />
+            <stop offset="1" stop-color="#AAD055" stopOpacity="0.1" />
           </linearGradient>
         </defs>
       </svg>

package/src/components/manage/Blocks/RASTBlock/RASTView.jsx

@@ -23,8 +23,10 @@ export default function RASTView(props) {
   if (typeof root_path === 'undefined') {
     root_path = '/';
   }
-
-  const items = useChildren(root_path);
+  let items = useChildren(root_path);
+  if (root_path === '/') {
+    items = [];
+  }
 
   return (
     <div className="block rast-block">

package/src/components/manage/Blocks/RASTBlock/styles.less

@@ -30,3 +30,9 @@ svg * {
 .rast-block .item.active a {
   font-weight: bold;
 }
+
+.rast-map-block {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/src/components/theme/Header.jsx

@@ -286,6 +286,7 @@ const EEAHeader = ({ pathname, token, items, history, subsite }) => {
         )}
         renderMenuItem={(item, options, props) => (
           <UniversalLink
+            openLinkInNewTab={false}
             href={item.url || '/'}
             title={item.nav_title || item.title}
             {...(options || {})}

package/src/customizations/@eeacms/volto-eea-design-system/ui/Header/Header.jsx

@@ -227,6 +227,7 @@ const Main = ({
     if (searchIsActive) setSearchIsActive(false);
     setActiveItem(item['@id'] || item.url);
     if (item.items.length) {
+      e.preventDefault();
       setMenuIsActive(true);
     } else {
       if (isInternalURL(item.url)) {

package/src/customizations/@eeacms/volto-eea-design-system/ui/Header/HeaderMenuPopUp.js

@@ -347,9 +347,11 @@ function HeaderMenuPopUp({
   );
 
   const layout =
-    !!menuItemsLayouts &&
-    Object.keys(menuItemsLayouts).includes(menuItem?.url) &&
-    menuItemsLayouts[menuItem.url];
+    (!!menuItemsLayouts &&
+      Object.keys(menuItemsLayouts).includes(menuItem?.url) &&
+      menuItemsLayouts[menuItem.url]) ||
+    (!!menuItemsLayouts && menuItemsLayouts['*']) ||
+    {};
 
   return (
     <Transition visible={visible} animation="slide down" duration={300}>

package/src/index.js

@@ -276,6 +276,19 @@ const applyConfig = (config) => {
     },
   ];
 
+  // mega menu layout settings
+  config.settings.menuItemsLayouts = {
+    // '*': {
+    //   hideChildrenFromNavigation: false,
+    // },
+    '/en/eu-policy': {
+      hideChildrenFromNavigation: false,
+    },
+    '/en/knowledge-1': {
+      hideChildrenFromNavigation: false,
+    },
+  };
+
   // Custom results
   config.settings.searchlib.resolve.HealthHorizontalCardItem = {
     component: HealthHorizontalCardItem,

package/theme/extras/footer.variables

@@ -2,5 +2,14 @@
             Footer
 *******************************/
 
-// @mobileFooterBackgroundGrandient    : linear-gradient(45deg, @primaryColor 12%, @secondaryColor 80%);
-// @computerFooterBackgroundGrandient  : linear-gradient(45deg, @primaryColor 12%, @secondaryColor 80%);
+@mobileFooterBackgroundGradient: linear-gradient(
+  212.33deg,
+  @secondaryColor 12%,
+  #004c80 80%
+);
+
+@computerFooterBackgroundGradient: linear-gradient(
+  212.33deg,
+  @secondaryColor 12%,
+  #004c80 80%
+);

package/theme/extras/header.variables

@@ -4,4 +4,4 @@
 
 /* Search box */
 // @searchBoxBackgroundGradient  : linear-gradient(45deg, @primaryColor 12%, @secondaryColor 80%);
-// @megaMenuBackgroundColor      : linear-gradient(45deg, @primaryColor 12%, @secondaryColor 80%);
+@megaMenuBackgroundColor      : linear-gradient(13.69deg, @blue-5 1.17%, @secondaryColor 80%);

package/theme/globals/site.variables

@@ -9,15 +9,15 @@
 --------------------*/
 
 // @primaryColor: @green-6;
-// @secondaryColor: @green-4;
+@secondaryColor: #005c97;
 
 // @linkColor: @secondaryColor;
 // @linkHoverColor: @primaryColor;
 // @linkActiveColor: @linkHoverColor;
 
 // Toolbar
-@toolbarWidth                  : 80px;
-@collapsedToolbarWidth         : 20px;
-@mobileToolbarHeight           : 100px;
-@mobileCollapsedToolbarHeight  : 20px;
-@sidebarWidth                  : 375px;
+@toolbarWidth: 80px;
+@collapsedToolbarWidth: 20px;
+@mobileToolbarHeight: 100px;
+@mobileCollapsedToolbarHeight: 20px;
+@sidebarWidth: 375px;