@eeacms/volto-cca-policy 0.1.76 → 0.1.78

package/CHANGELOG.md

@@ -4,6 +4,44 @@ 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.78](https://github.com/eea/volto-cca-policy/compare/0.1.77...0.1.78) - 20 February 2024
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`0b35fb5`](https://github.com/eea/volto-cca-policy/commit/0b35fb51fd604bdf18a05d687c795d1d2d8e161f)]
+
+#### :hammer_and_wrench: Others
+
+- Why did Jenkins become a gardener? Because he wanted to see if his plants could pass the green build! [GhitaB - [`4bf6c95`](https://github.com/eea/volto-cca-policy/commit/4bf6c9595563d24ea6a48363ec715d69fbca888f)]
+- prettier ternary [Tiberiu Ichim - [`015e96a`](https://github.com/eea/volto-cca-policy/commit/015e96a9f38b2fe5cbc49e254227bb1243747250)]
+- oops [Tiberiu Ichim - [`f3b9a55`](https://github.com/eea/volto-cca-policy/commit/f3b9a55009857148b26f2f74064c3ea3869e024a)]
+- Code cleanup [Tiberiu Ichim - [`988c8d9`](https://github.com/eea/volto-cca-policy/commit/988c8d9f310cf9abdf62e588facc1c5693a3e7f6)]
+- Styling for nonclickable menus [Tiberiu Ichim - [`1c33068`](https://github.com/eea/volto-cca-policy/commit/1c33068a85de60adc33d39c3ecf14496ed73d1fb)]
+- Nonclickable menu WIP [Tiberiu Ichim - [`06bfa16`](https://github.com/eea/volto-cca-policy/commit/06bfa16362d0e1be40ed17cb6007814fafd2fe21)]
+### [0.1.77](https://github.com/eea/volto-cca-policy/compare/0.1.76...0.1.77) - 19 February 2024
+
+#### :bug: Bug Fixes
+
+- fix: typo [kreafox - [`b5dc1fe`](https://github.com/eea/volto-cca-policy/commit/b5dc1fe0fa28ff05dc2482d23fa7b0c4b27941de)]
+- fix: add RichTextWidget override - refs: #265406 [kreafox - [`e25f6f0`](https://github.com/eea/volto-cca-policy/commit/e25f6f092cc15495ec2d6f3bc4a29caeda68b3eb)]
+
+#### :nail_care: Enhancements
+
+- change: update search facets [kreafox - [`41c9e3b`](https://github.com/eea/volto-cca-policy/commit/41c9e3bf18d033334c43ebdaad015bed8304890b)]
+- change: update search facets [kreafox - [`fee246b`](https://github.com/eea/volto-cca-policy/commit/fee246b38965baaf38f0c9b7da5c0d48d91f1af8)]
+- change: update mission projects facets [kreafox - [`10bbb14`](https://github.com/eea/volto-cca-policy/commit/10bbb14a12d8450295470536170979874bf5d0f5)]
+- change: facets order [kreafox - [`ad7a023`](https://github.com/eea/volto-cca-policy/commit/ad7a023c05933d855329dbe9c1638ec24aaab2ab)]
+- change: update mission stories search [kreafox - [`6bf68a6`](https://github.com/eea/volto-cca-policy/commit/6bf68a6ddc19ba13ea205c18dc84e5fd009f8267)]
+- change: add Title block on database items view [kreafox - [`a59c677`](https://github.com/eea/volto-cca-policy/commit/a59c677143d2817f4d258c855f3adab8b4fb5ca2)]
+
+#### :hammer_and_wrench: Others
+
+- test: increase coverage [kreafox - [`d32e592`](https://github.com/eea/volto-cca-policy/commit/d32e592a1274748cae3b3b39ba23c2a51e93a4f9)]
+- test: reduce duplicated code [kreafox - [`97319a4`](https://github.com/eea/volto-cca-policy/commit/97319a45b87afe2d35f01f8618b8746c37718f88)]
+- test: remove unused import [kreafox - [`f393b42`](https://github.com/eea/volto-cca-policy/commit/f393b42bfbda103c290be658abf510fd5902f226)]
+- test: reduce duplicated code [kreafox - [`037c3cb`](https://github.com/eea/volto-cca-policy/commit/037c3cbd5f82acec32959af96a374707b4e1bf02)]
+- test: update volto version in Jenkinsfile [kreafox - [`43e8b76`](https://github.com/eea/volto-cca-policy/commit/43e8b7628e85cdf1965b8c88b90660e585811db4)]
+- test: update tests for Database items view [kreafox - [`b611f0f`](https://github.com/eea/volto-cca-policy/commit/b611f0fea373f041ed196bad096fe7ac48df65c7)]
 ### [0.1.76](https://github.com/eea/volto-cca-policy/compare/0.1.75...0.1.76) - 16 February 2024
 
 #### :nail_care: Enhancements
@@ -323,10 +361,13 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Refs #260715 rast-block wip [Tripon Eugen - [`f19d54e`](https://github.com/eea/volto-cca-policy/commit/f19d54e0b9a6a86bf344eb85b6a1cda7f3de91bf)]
 - Refs #260715 rast-block wip [Tripon Eugen - [`2828537`](https://github.com/eea/volto-cca-policy/commit/2828537b6c084cd1a82162d552fb4ef025b71f9f)]
 - Refs #260715 rast-block updates [Tripon Eugen - [`1e803e5`](https://github.com/eea/volto-cca-policy/commit/1e803e5bd3d3fb7558f261c76c68866be7beb8b5)]
+- test: [JENKINS] Use java17 for sonarqube scanner [valentinab25 - [`0a15e1b`](https://github.com/eea/volto-cca-policy/commit/0a15e1b2ad081233685e80d5b3c60a8663f6b896)]
+- test: [JENKINS] Run cypress in started frontend container [valentinab25 - [`9554e44`](https://github.com/eea/volto-cca-policy/commit/9554e44c92a621a52b2adb5a4830fb084ee5734b)]
 ### [0.1.49](https://github.com/eea/volto-cca-policy/compare/0.1.48...0.1.49) - 15 November 2023
 
 #### :house: Internal changes
 
+- chore: [JENKINS] Refactor automated testing [valentinab25 - [`7b820a6`](https://github.com/eea/volto-cca-policy/commit/7b820a6369c2ddd5203b1a4abe352cb4bb43db7a)]
 - chore: husky, lint-staged use fixed versions [valentinab25 - [`f0a8061`](https://github.com/eea/volto-cca-policy/commit/f0a8061c275c236deb00087c23fac9860a073106)]
 
 #### :hammer_and_wrench: Others
@@ -343,6 +384,9 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Refs #259267 - jenkins test [Tripon Eugen - [`cacd31e`](https://github.com/eea/volto-cca-policy/commit/cacd31e7b1afe0983674ed5c7632d2e1d7fa752e)]
 - Refs #259267 - jenkins [Tripon Eugen - [`5b3affe`](https://github.com/eea/volto-cca-policy/commit/5b3affee8401239de10097884c1b7f2349d15ec0)]
 - Refs #259267 - add When, lead image and title to files [Tripon Eugen - [`2cedb23`](https://github.com/eea/volto-cca-policy/commit/2cedb237f898af9057e13fba94b615ef71077204)]
+- test: [JENKINS] Add cpu limit on cypress docker [valentinab25 - [`4d607a5`](https://github.com/eea/volto-cca-policy/commit/4d607a576e9d0a5c34e48c41b409e7df616ee3d6)]
+- test: [JENKINS] Increase shm-size to cypress docker [valentinab25 - [`b7f74d5`](https://github.com/eea/volto-cca-policy/commit/b7f74d53513a6edbfbca5cb6d19687929bb1e5db)]
+- test: [JENKINS] Improve cypress time [valentinab25 - [`db65617`](https://github.com/eea/volto-cca-policy/commit/db656173391f65157098d95d388c25f6429753d8)]
 - Refs #259267 - cca event blocks attachments and check not mandatoty fields [Tripon Eugen - [`3138e5a`](https://github.com/eea/volto-cca-policy/commit/3138e5afb5bfbdbed14e27ed457b16867b7fa414)]
 - Refs #256681 - Fix error in CCA Event view menu. ([React Intl] An id must be provided to format a message.) [GhitaB - [`517eeb8`](https://github.com/eea/volto-cca-policy/commit/517eeb817264a47bbfd6b9b7d22aaf22d44ed224)]
 - Refs #161485 - Fix ECDE name conflict. [GhitaB - [`8bfd99f`](https://github.com/eea/volto-cca-policy/commit/8bfd99ff68bb82a04d1c0ed625fa514fcf46289e)]
@@ -559,6 +603,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
+- chore: [JENKINS] Remove alpha testing version [valentinab25 - [`ad1ced0`](https://github.com/eea/volto-cca-policy/commit/ad1ced0971ba116c13a3b5fcc039172cc915c919)]
 
 #### :hammer_and_wrench: Others
 
@@ -1039,6 +1084,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Refs #158294 - Update supported languages list. [GhitaB - [`0a4f91f`](https://github.com/eea/volto-cca-policy/commit/0a4f91f39b7edc367bd4c127d6a8f273c7788361)]
+- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`8f1f9ce`](https://github.com/eea/volto-cca-policy/commit/8f1f9ce6c22805670cc0800d3c779b6d619d0f31)]
 ### [0.1.1](https://github.com/eea/volto-cca-policy/compare/0.1.0...0.1.1) - 13 December 2022
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/components/theme/Header.jsx

@@ -108,9 +108,9 @@ const EEAHeader = (props) => {
     }
   }, [token, dispatch, pathname, previousToken]);
 
+  const download = subsite?.subsite_logo.scales?.preview?.download;
   const subsiteLogo = subsite?.subsite_logo
-    ? subsite.subsite_logo.scales?.preview?.download ||
-      toPublicURL(`${subsite['@id']}/@@images/subsite_logo`)
+    ? download || toPublicURL(`${subsite['@id']}/@@images/subsite_logo`)
     : null;
 
   return (
@@ -233,11 +233,12 @@ const EEAHeader = (props) => {
         renderMenuItem={(item, options, props) => (
           <UniversalLink
             openLinkInNewTab={false}
-            href={item.url || '/'}
+            href={item.nonclickable ? null : item.url || '/'}
             title={item.nav_title || item.title}
             {...(options || {})}
             className={cx(options?.className, {
               active: item.url === router_pathname,
+              'item-nonclickable': item.nonclickable,
             })}
           >
             {props?.iconPosition !== 'right' && props?.children}

package/src/components/theme/Views/AdaptationOptionView.jsx

@@ -5,58 +5,48 @@ import {
   LinksList,
   PublishedModifiedInfo,
   ShareInfo,
+  BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Grid } from 'semantic-ui-react';
 
+function createDataField(type, field, section, title) {
+  return {
+    type,
+    field,
+    section,
+    title,
+  };
+}
+
 const dataDisplay = [
-  {
-    type: 'other',
-    field: 'category',
-    section: 'ao_category',
-    title: 'Category',
-  },
-  {
-    type: 'other',
-    field: 'ipcc_category',
-    section: 'ipcc_category',
-    title: 'IPCC categories',
-  },
-  {
-    type: 'HTMLField',
-    field: 'stakeholder_participation',
-    section: 'stakeholder_participation',
-    title: 'Stakeholder participation',
-  },
-  {
-    type: 'HTMLField',
-    field: 'success_limitations',
-    section: 'success_factors',
-    title: 'Success and Limiting Factors',
-  },
-  {
-    type: 'HTMLField',
-    field: 'cost_benefit',
-    section: 'costs_benefits',
-    title: 'Costs and Benefits',
-  },
-  {
-    type: 'HTMLField',
-    field: 'legal_aspects',
-    section: 'legal',
-    title: 'Legal Aspects',
-  },
-  {
-    type: 'HTMLField',
-    field: 'implementation_time',
-    section: 'implementation',
-    title: 'Implementation Time',
-  },
-  {
-    type: 'HTMLField',
-    field: 'lifetime',
-    section: 'life_time',
-    title: 'Life Time',
-  },
+  createDataField('other', 'category', 'ao_category', 'Category'),
+  createDataField('other', 'ipcc_category', 'ipcc_category', 'IPCC categories'),
+  createDataField(
+    'HTMLField',
+    'stakeholder_participation',
+    'stakeholder_participation',
+    'Stakeholder participation',
+  ),
+  createDataField(
+    'HTMLField',
+    'success_limitations',
+    'success_factors',
+    'Success and Limiting Factors',
+  ),
+  createDataField(
+    'HTMLField',
+    'cost_benefit',
+    'costs_benefits',
+    'Costs and Benefits',
+  ),
+  createDataField('HTMLField', 'legal_aspects', 'legal', 'Legal Aspects'),
+  createDataField(
+    'HTMLField',
+    'implementation_time',
+    'implementation',
+    'Implementation Time',
+  ),
+  createDataField('HTMLField', 'lifetime', 'life_time', 'Life Time'),
 ];
 
 const findSection = (title) => {
@@ -117,6 +107,8 @@ function AdaptationOptionView(props) {
 
   return (
     <div className="adaptation-option-view">
+      <BannerTitle content={content} type="Adaptation Option" />
+
       <div className="ui container">
         <Grid columns="12">
           <div className="row">
@@ -126,8 +118,6 @@ function AdaptationOptionView(props) {
               computer={9}
               className="col-left"
             >
-              <div className="ui label">Adaptation option</div>
-              <h1>{content.title}</h1>
               <HTMLField
                 value={content.long_description}
                 className="long_description"

package/src/components/theme/Views/AdaptationOptionView.test.jsx

@@ -5,6 +5,15 @@ import '@testing-library/jest-dom/extend-expect';
 import { Provider } from 'react-intl-redux';
 import AdaptationOptionView from './AdaptationOptionView';
 import renderer from 'react-test-renderer';
+import config from '@plone/volto/registry';
+
+config.blocks = {
+  blocksConfig: {
+    title: {
+      view: () => <div>Title Block Component</div>,
+    },
+  },
+};
 
 const mockStore = configureStore();
 

package/src/components/theme/Views/CaseStudyView.jsx

@@ -6,6 +6,7 @@ import {
   PublishedModifiedInfo,
   DocumentsList,
   ShareInfo,
+  BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Grid } from 'semantic-ui-react';
 
@@ -250,6 +251,8 @@ function CaseStudyView(props) {
 
   return (
     <div className="case-study-view">
+      <BannerTitle content={content} type="Case Studies" />
+
       <div className="ui container">
         <Grid columns="12">
           <div className="row">
@@ -259,8 +262,6 @@ function CaseStudyView(props) {
               computer={9}
               className="col-left"
             >
-              <div className="ui label">Case studies</div>
-              <h1>{content.title}</h1>
               <PrimaryPhoto {...props} />
 
               <HTMLField

package/src/components/theme/Views/CaseStudyView.test.jsx

@@ -5,6 +5,15 @@ import '@testing-library/jest-dom/extend-expect';
 import { Provider } from 'react-intl-redux';
 import CaseStudyView from './CaseStudyView';
 import renderer from 'react-test-renderer';
+import config from '@plone/volto/registry';
+
+config.blocks = {
+  blocksConfig: {
+    title: {
+      view: () => <div>Title Block Component</div>,
+    },
+  },
+};
 
 const mockStore = configureStore();
 

package/src/components/theme/Views/GuidanceView.jsx

@@ -5,6 +5,7 @@ import {
   LinksList,
   PublishedModifiedInfo,
   ShareInfo,
+  BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Grid } from 'semantic-ui-react';
 
@@ -35,6 +36,7 @@ function GuidanceView(props) {
 
   return (
     <div className="guidance-view">
+      <BannerTitle content={content} type="Guidance Document" />
       <div className="ui container">
         <Grid columns="12">
           <div className="row">
@@ -44,9 +46,6 @@ function GuidanceView(props) {
               computer={9}
               className="col-left"
             >
-              <div className="ui label">Guidance Document</div>
-              <h1>{content.title}</h1>
-              <hr />
               <h4>Description:</h4>
               <HTMLField
                 value={content.long_description}

package/src/components/theme/Views/GuidanceView.test.jsx

@@ -5,6 +5,15 @@ import '@testing-library/jest-dom/extend-expect';
 import { Provider } from 'react-intl-redux';
 import GuidanceView from './GuidanceView';
 import renderer from 'react-test-renderer';
+import config from '@plone/volto/registry';
+
+config.blocks = {
+  blocksConfig: {
+    title: {
+      view: () => <div>Title Block Component</div>,
+    },
+  },
+};
 
 const mockStore = configureStore();
 

package/src/components/theme/Views/IndicatorView.jsx

@@ -5,6 +5,7 @@ import {
   LinksList,
   PublishedModifiedInfo,
   ShareInfo,
+  BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Grid } from 'semantic-ui-react';
 
@@ -13,6 +14,8 @@ function IndicatorView(props) {
 
   return (
     <div className="indicator-view">
+      <BannerTitle content={content} type="Indicator" />
+
       <div className="ui container">
         <Grid columns="12">
           <div className="row">
@@ -22,8 +25,6 @@ function IndicatorView(props) {
               computer={9}
               className="col-left"
             >
-              <div className="ui label">Indicator</div>
-              <h1>{content.title}</h1>
               <h4>Description</h4>
               <HTMLField
                 value={content.long_description}

package/src/components/theme/Views/IndicatorView.test.jsx

@@ -5,6 +5,15 @@ import '@testing-library/jest-dom/extend-expect';
 import { Provider } from 'react-intl-redux';
 import IndicatorView from './IndicatorView';
 import renderer from 'react-test-renderer';
+import config from '@plone/volto/registry';
+
+config.blocks = {
+  blocksConfig: {
+    title: {
+      view: () => <div>Title Block Component</div>,
+    },
+  },
+};
 
 const mockStore = configureStore();
 

package/src/components/theme/Views/InformationPortalView.jsx

@@ -5,6 +5,7 @@ import {
   LinksList,
   PublishedModifiedInfo,
   ShareInfo,
+  BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Grid } from 'semantic-ui-react';
 
@@ -13,6 +14,8 @@ function InformationPortalView(props) {
 
   return (
     <div className="information-portal-view">
+      <BannerTitle content={content} type="Information Portal" />
+
       <div className="ui container">
         <Grid columns="12">
           <div className="row">
@@ -22,9 +25,7 @@ function InformationPortalView(props) {
               computer={9}
               className="col-left"
             >
-              <div className="ui label">Information Portal</div>
-              <h1>{content.title}</h1>
-              <h4>Description</h4>
+              <h4>Description:</h4>
               <HTMLField
                 value={content.long_description}
                 className="long_description"

package/src/components/theme/Views/InformationPortalView.test.jsx

@@ -5,6 +5,15 @@ import '@testing-library/jest-dom/extend-expect';
 import { Provider } from 'react-intl-redux';
 import InformationPortalView from './InformationPortalView';
 import renderer from 'react-test-renderer';
+import config from '@plone/volto/registry';
+
+config.blocks = {
+  blocksConfig: {
+    title: {
+      view: () => <div>Title Block Component</div>,
+    },
+  },
+};
 
 const mockStore = configureStore();
 

package/src/components/theme/Views/OrganisationView.jsx

@@ -1,5 +1,4 @@
-import React from 'react';
-import { Fragment } from 'react';
+import React, { Fragment } from 'react';
 import { UniversalLink } from '@plone/volto/components';
 import {
   HTMLField,
@@ -7,6 +6,7 @@ import {
   LinksList,
   PublishedModifiedInfo,
   ShareInfo,
+  BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Grid } from 'semantic-ui-react';
 
@@ -27,6 +27,8 @@ function OrganisationView(props) {
 
   return (
     <div className="organisation-view">
+      <BannerTitle content={content} type="Organisation" />
+
       <div className="ui container">
         <Grid columns="12">
           <div className="row">
@@ -36,15 +38,15 @@ function OrganisationView(props) {
               computer={9}
               className="col-left"
             >
-              <div className="ui label">Organisation</div>
-              <h1>{content.title}</h1>
-              <h4>Description:</h4>
-              <HTMLField
-                value={content.long_description}
-                className="long_description"
-              />
-              <hr />
-              <h4>Reference information</h4>
+              <div>
+                <h4>Description:</h4>
+                <HTMLField
+                  value={content.long_description}
+                  className="long_description"
+                />
+                <hr />
+                <h4>Reference information</h4>
+              </div>
 
               {content?.websites?.length > 0 && (
                 <LinksList title="Websites:" value={content.websites} />

package/src/components/theme/Views/OrganisationView.test.jsx

@@ -5,6 +5,15 @@ import '@testing-library/jest-dom/extend-expect';
 import { Provider } from 'react-intl-redux';
 import OrganisationView from './OrganisationView';
 import renderer from 'react-test-renderer';
+import config from '@plone/volto/registry';
+
+config.blocks = {
+  blocksConfig: {
+    title: {
+      view: () => <div>Title Block Component</div>,
+    },
+  },
+};
 
 const mockStore = configureStore();
 

package/src/components/theme/Views/ProjectView.jsx

@@ -7,11 +7,34 @@ import {
   ShareInfo,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Grid } from 'semantic-ui-react';
+import config from '@plone/volto/registry';
 
 function ProjectView(props) {
   const { content } = props;
+  const {
+    blocks: { blocksConfig },
+  } = config;
+  const TitleBlockView = blocksConfig?.title?.view;
+
   return (
     <div className="project-view">
+      <TitleBlockView
+        {...props}
+        data={{
+          info: [{ description: '' }],
+          hideContentType: true,
+          hideCreationDate: true,
+          hideModificationDate: true,
+          hidePublishingDate: true,
+          hideDownloadButton: true,
+          hideShareButton: false,
+          subtitle: 'Project',
+        }}
+        metadata={{
+          ...content,
+          title: content.title + ' (' + content.acronym + ')',
+        }}
+      />
       <div className="ui container">
         <Grid columns="12">
           <div className="row">
@@ -21,10 +44,6 @@ function ProjectView(props) {
               computer={9}
               className="col-left"
             >
-              <div className="ui label">Project</div>
-              <h1>
-                {content.title} ({content.acronym})
-              </h1>
               <h4>Description:</h4>
               <HTMLField
                 value={content.long_description}

package/src/components/theme/Views/ProjectView.test.jsx

@@ -5,6 +5,15 @@ import '@testing-library/jest-dom/extend-expect';
 import { Provider } from 'react-intl-redux';
 import ProjectView from './ProjectView';
 import renderer from 'react-test-renderer';
+import config from '@plone/volto/registry';
+
+config.blocks = {
+  blocksConfig: {
+    title: {
+      view: () => <div>Title Block Component</div>,
+    },
+  },
+};
 
 const mockStore = configureStore();
 

package/src/components/theme/Views/PublicationReportView.jsx

@@ -5,6 +5,7 @@ import {
   DocumentsList,
   ShareInfo,
   ReferenceInfo,
+  BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Grid } from 'semantic-ui-react';
 
@@ -13,6 +14,8 @@ function PublicationReportView(props) {
 
   return (
     <div className="publication-report-view">
+      <BannerTitle content={content} type="Publications and Report" />
+
       <div className="ui container">
         <Grid columns="12">
           <div className="row">
@@ -22,8 +25,6 @@ function PublicationReportView(props) {
               computer={9}
               className="col-left"
             >
-              <div className="ui label">Publications and Reports</div>
-
               <ReferenceInfo content={content} />
               <PublishedModifiedInfo {...props} />
               <ShareInfo {...props} />

package/src/components/theme/Views/PublicationReportView.test.jsx

@@ -5,6 +5,15 @@ import '@testing-library/jest-dom/extend-expect';
 import { Provider } from 'react-intl-redux';
 import PublicationReportView from './PublicationReportView';
 import renderer from 'react-test-renderer';
+import config from '@plone/volto/registry';
+
+config.blocks = {
+  blocksConfig: {
+    title: {
+      view: () => <div>Title Block Component</div>,
+    },
+  },
+};
 
 const mockStore = configureStore();
 

package/src/components/theme/Views/ToolView.jsx

@@ -3,13 +3,17 @@ import {
   ContentMetadata,
   PublishedModifiedInfo,
   ReferenceInfo,
+  BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Grid } from 'semantic-ui-react';
 
 function ToolView(props) {
   const { content } = props;
+
   return (
     <div className="tool-view">
+      <BannerTitle content={content} type="Tools" />
+
       <div className="ui container">
         <Grid columns="12">
           <div className="row">
@@ -19,8 +23,6 @@ function ToolView(props) {
               computer={9}
               className="col-left"
             >
-              <div className="ui label">Tools</div>
-
               <ReferenceInfo content={content} />
 
               <PublishedModifiedInfo {...props} />

package/src/components/theme/Views/ToolView.test.jsx

@@ -5,6 +5,15 @@ import '@testing-library/jest-dom/extend-expect';
 import { Provider } from 'react-intl-redux';
 import ToolView from './ToolView';
 import renderer from 'react-test-renderer';
+import config from '@plone/volto/registry';
+
+config.blocks = {
+  blocksConfig: {
+    title: {
+      view: () => <div>Title Block Component</div>,
+    },
+  },
+};
 
 const mockStore = configureStore();
 

package/src/components/theme/Views/VideoView.jsx

@@ -5,11 +5,13 @@ import {
   ExternalLink,
   LinksList,
   ShareInfo,
+  BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Grid } from 'semantic-ui-react';
 
 function VideoView(props) {
   const { content } = props;
+
   const share_eea = ['https://cmshare.eea.eu', 'shareit.eea.europa.eu'];
   const is_cmshare_video = share_eea.some((domain) =>
     content.embed_url.includes(domain),
@@ -25,6 +27,8 @@ function VideoView(props) {
 
   return (
     <div className="video-view">
+      <BannerTitle content={content} type="Video" />
+
       <div className="ui container">
         <Grid columns="12">
           <div className="row">
@@ -34,8 +38,6 @@ function VideoView(props) {
               computer={9}
               className="col-left"
             >
-              <div className="ui label">Video</div>
-              <h1>{content.title}</h1>
               <HTMLField
                 value={content.long_description}
                 className="long_description"

package/src/components/theme/Views/VideoView.test.jsx

@@ -5,6 +5,15 @@ import '@testing-library/jest-dom/extend-expect';
 import { Provider } from 'react-intl-redux';
 import VideoView from './ToolView';
 import renderer from 'react-test-renderer';
+import config from '@plone/volto/registry';
+
+config.blocks = {
+  blocksConfig: {
+    title: {
+      view: () => <div>Title Block Component</div>,
+    },
+  },
+};
 
 const mockStore = configureStore();
 

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

@@ -187,9 +187,10 @@ const FirstLevelContent = ({ element, renderMenuItem, pathName }) => {
             overflow_item.title = 'See all';
             x.content = (
               <Accordion.Content>
-                {renderMenuItem(overflow_item, {
-                  className: 'item title-item',
-                })}
+                {!item.nonclickable &&
+                  renderMenuItem(overflow_item, {
+                    className: 'item title-item',
+                  })}
                 <SecondLevelContent
                   element={item}
                   renderMenuItem={renderMenuItem}

package/src/customizations/volto/components/theme/Widgets/RichTextWidget.jsx

@@ -0,0 +1,20 @@
+// Original: https://github.com/plone/volto/blob/16.x.x/src/components/theme/Widgets/RichTextWidget.jsx
+// Fixed 'dangerouslySetInnerHTML' did not match. Server: "" Client: "<p>This is my paragraph.</p>" error
+// replaced <p> to <div>, the value can already be wrapped in <p> and nested <p> is invalid HTML
+
+import React from 'react';
+import cx from 'classnames';
+
+const RichTextWidget = ({ value, className }) =>
+  value ? (
+    <div
+      className={cx(className, 'richtext', 'widget')}
+      dangerouslySetInnerHTML={{
+        __html: value.data,
+      }}
+    />
+  ) : (
+    ''
+  );
+
+export default RichTextWidget;

package/src/customizations/volto/reducers/navigation/README.md

@@ -0,0 +1 @@
+customized the `getRecursiveItems` to pass the entire object to the navigation component

package/src/customizations/volto/reducers/navigation/navigation.js

@@ -0,0 +1,102 @@
+/**
+ * Navigation reducer.
+ * @module reducers/navigation/navigation
+ */
+
+import { map } from 'lodash';
+import {
+  flattenToAppURL,
+  getBaseUrl,
+  hasApiExpander,
+} from '@plone/volto/helpers';
+
+import {
+  GET_CONTENT,
+  GET_NAVIGATION,
+} from '@plone/volto/constants/ActionTypes';
+
+const initialState = {
+  error: null,
+  items: [],
+  loaded: false,
+  loading: false,
+};
+
+/**
+ * Recursive function that process the items returned by the navigation
+ * endpoint
+ * @function getRecursiveItems
+ * @param {array} items The items inside a navigation response.
+ * @returns {*} The navigation items object (recursive)
+ */
+function getRecursiveItems(items) {
+  return map(items, (item) => ({
+    title: item.title,
+    description: item.description,
+    url: flattenToAppURL(item['@id']),
+    ...item,
+    ...(item.items && { items: getRecursiveItems(item.items) }),
+  }));
+}
+
+/**
+ * Navigation reducer.
+ * @function navigation
+ * @param {Object} state Current state.
+ * @param {Object} action Action to be handled.
+ * @returns {Object} New state.
+ */
+export default function navigation(state = initialState, action = {}) {
+  let hasExpander;
+  switch (action.type) {
+    case `${GET_NAVIGATION}_PENDING`:
+      return {
+        ...state,
+        error: null,
+        loaded: false,
+        loading: true,
+      };
+    case `${GET_CONTENT}_SUCCESS`:
+      hasExpander = hasApiExpander(
+        'navigation',
+        getBaseUrl(flattenToAppURL(action.result['@id'])),
+      );
+      if (hasExpander && !action.subrequest) {
+        return {
+          ...state,
+          error: null,
+          items: getRecursiveItems(
+            action.result['@components'].navigation.items,
+          ),
+          loaded: true,
+          loading: false,
+        };
+      }
+      return state;
+    case `${GET_NAVIGATION}_SUCCESS`:
+      // Even if the expander is set or not, if the GET_NAVIGATION is
+      // called, we want it to store the data if the actions data is
+      // not set in the expander data (['@components']) but in the "normal"
+      // action result (we look for the object property returned by the endpoint)
+      if (!action.result?.['@components'] && action.result?.items) {
+        return {
+          ...state,
+          error: null,
+          items: getRecursiveItems(action.result.items),
+          loaded: true,
+          loading: false,
+        };
+      }
+      return state;
+    case `${GET_NAVIGATION}_FAIL`:
+      return {
+        ...state,
+        error: action.error,
+        items: [],
+        loaded: false,
+        loading: false,
+      };
+    default:
+      return state;
+  }
+}

package/src/helpers/Utils.jsx

@@ -1,4 +1,5 @@
 import { UniversalLink } from '@plone/volto/components';
+import config from '@plone/volto/registry';
 
 export const HTMLField = ({ value, className }) => {
   if (value === null) {
@@ -68,11 +69,37 @@ export const LinksList = (props) => {
   }
 };
 
+export const BannerTitle = (props) => {
+  const { content, type } = props;
+  const {
+    blocks: { blocksConfig },
+  } = config;
+  const TitleBlockView = blocksConfig?.title?.view;
+
+  return (
+    <>
+      <TitleBlockView
+        {...props}
+        data={{
+          info: [{ description: '' }],
+          hideContentType: true,
+          hideCreationDate: true,
+          hideModificationDate: true,
+          hidePublishingDate: true,
+          hideDownloadButton: true,
+          hideShareButton: false,
+          subtitle: type,
+        }}
+        metadata={content}
+      />
+    </>
+  );
+};
+
 export const ReferenceInfo = (props) => {
   const { content } = props;
   return (
     <>
-      <h1>{content.title}</h1>
       <h4>Description</h4>
       <HTMLField
         value={content.long_description}

package/src/helpers/index.js

@@ -10,6 +10,7 @@ export {
   LinksList,
   DocumentsList,
   ReferenceInfo,
+  BannerTitle,
 } from './Utils';
 export ContentMetadata from './ContentMetadata';
 export ShareInfo from './ShareInfo';

package/src/search/mission_projects/facets-projects.js

@@ -1,21 +1,33 @@
 import { multiTermFacet } from '@eeacms/search';
-
-import globalSearchBaseConfig from '@eeacms/volto-globalsearch/config/global-search-base-config.js';
+import {
+  include_archived,
+  objectProvides,
+  language,
+  issued_date,
+  geographic_countries,
+} from './../common';
 
 const facets = [
-  ...globalSearchBaseConfig.facets,
   multiTermFacet({
-    field: 'cca_adaptation_sectors.keyword',
+    field: 'cca_funding_programme.keyword',
     isFilterable: false,
     isMulti: true,
-    label: 'Sectors',
+    label: 'Funding Programme',
+    iconsFamily: 'Funding Programme',
     alwaysVisible: false,
   }),
   multiTermFacet({
     field: 'cca_climate_impacts.keyword',
     isFilterable: false,
     isMulti: true,
-    label: 'Climate impacts',
+    label: 'Climate Impacts',
+    alwaysVisible: false,
+  }),
+  multiTermFacet({
+    field: 'cca_adaptation_sectors.keyword',
+    isFilterable: false,
+    isMulti: true,
+    label: 'Adaptation Sectors',
     alwaysVisible: false,
   }),
   multiTermFacet({
@@ -25,6 +37,11 @@ const facets = [
     label: 'Adaptation Elements',
     alwaysVisible: false,
   }),
+  geographic_countries,
+  include_archived,
+  issued_date,
+  language,
+  objectProvides,
 ];
 
 export default facets;

package/src/search/mission_stories/facets-stories.js

@@ -3,53 +3,45 @@ import { multiTermFacet } from '@eeacms/search';
 import globalSearchBaseConfig from '@eeacms/volto-globalsearch/config/global-search-base-config.js';
 
 const facets = [
-  ...globalSearchBaseConfig.facets,
-  // multiTermFacet({
-  //   field: 'spatial',
-  //   isFilterable: false,
-  //   isMulti: true,
-  //   label: 'Country',
-  //   iconsFamily: 'Country',
-  //   alwaysVisible: false,
-  // }),
   multiTermFacet({
-    field: 'cca_adaptation_sectors.keyword',
+    field: 'cca_climate_impacts.keyword',
     isFilterable: false,
     isMulti: true,
-    label: 'Sectors',
-    iconsFamily: 'Sectors',
+    label: 'Climate Impacts',
+    iconsFamily: 'Climate Impacts',
     alwaysVisible: false,
   }),
   multiTermFacet({
-    field: 'key_system.keyword',
+    field: 'cca_adaptation_sectors.keyword',
     isFilterable: false,
     isMulti: true,
-    label: 'Key System',
-    iconsFamily: 'Key System',
+    label: 'Adaptation Sectors',
+    iconsFamily: 'Adaptation Sectors',
     alwaysVisible: false,
   }),
   multiTermFacet({
-    field: 'climate_threats.keyword',
+    field: 'key_system.keyword',
     isFilterable: false,
     isMulti: true,
-    label: 'Hazard Type',
-    iconsFamily: 'Hazard Type',
+    label: 'Key Community Systems',
+    iconsFamily: 'Key Community Systems',
     alwaysVisible: false,
   }),
+  ...globalSearchBaseConfig.facets,
   multiTermFacet({
-    field: 'cca_climate_impacts.keyword',
+    field: 'cca_funding_programme.keyword',
     isFilterable: false,
     isMulti: true,
-    label: 'Climate Impacts',
-    iconsFamily: 'Climate Impacts',
+    label: 'Funding Programme',
+    iconsFamily: 'Funding Programme',
     alwaysVisible: false,
   }),
   multiTermFacet({
-    field: 'cca_funding_programme.keyword',
+    field: 'climate_threats.keyword',
     isFilterable: false,
     isMulti: true,
-    label: 'Funding Programme',
-    iconsFamily: 'Funding Programme',
+    label: 'Hazard Type',
+    iconsFamily: 'Hazard Type',
     alwaysVisible: false,
   }),
 ];

package/theme/extras/header.overrides

@@ -12,3 +12,8 @@
     }
   }
 }
+
+
+.item-nonclickable {
+  pointer-events: none;
+}