@eeacms/volto-cca-policy 0.1.74 → 0.1.76

package/CHANGELOG.md

@@ -4,6 +4,42 @@ 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.76](https://github.com/eea/volto-cca-policy/compare/0.1.75...0.1.76) - 16 February 2024
+
+#### :nail_care: Enhancements
+
+- change: update mission search fields [kreafox - [`011be24`](https://github.com/eea/volto-cca-policy/commit/011be24eed371196ce8180a6ca058fc4b254e2e6)]
+- change: update mission stories search [kreafox - [`d077a11`](https://github.com/eea/volto-cca-policy/commit/d077a115001f8b8038531bcecb3306fb5b454da5)]
+
+#### :hammer_and_wrench: Others
+
+- Refs #265319 - Improve design for organisation cards. [GhitaB - [`da31fc1`](https://github.com/eea/volto-cca-policy/commit/da31fc1f1fa3b025be689cc77bb3cc0cb690b407)]
+- Refs #265325 - Use observatory url format for indicators listing, too. [GhitaB - [`0557783`](https://github.com/eea/volto-cca-policy/commit/0557783ef325bf1786e3c59ef85bf2a5c94e1f06)]
+- test: fix duplicated code issue [kreafox - [`0104638`](https://github.com/eea/volto-cca-policy/commit/01046385f54e58cc792ea06542c24b0bb4446c0f)]
+### [0.1.75](https://github.com/eea/volto-cca-policy/compare/0.1.74...0.1.75) - 15 February 2024
+
+#### :rocket: New Features
+
+- feat: add language dropdown [kreafox - [`22ffe5b`](https://github.com/eea/volto-cca-policy/commit/22ffe5b8664b51fc44e9a86c2387305414e95d62)]
+
+#### :bug: Bug Fixes
+
+- fix: remove polish language [kreafox - [`29413fd`](https://github.com/eea/volto-cca-policy/commit/29413fdb4f0d97dbdd47a0760972d7b0076e1d45)]
+
+#### :nail_care: Enhancements
+
+- change: hide language selector from mission [kreafox - [`2f18f6d`](https://github.com/eea/volto-cca-policy/commit/2f18f6d7f6f4961c24e5254dfb431cd28d0bb5cd)]
+- change: remove padding from .content-area [kreafox - [`a456994`](https://github.com/eea/volto-cca-policy/commit/a45699421a3e67e6fbb339934116ae76c62f7912)]
+
+#### :hammer_and_wrench: Others
+
+- Indicator card - fix error. [GhitaB - [`e917135`](https://github.com/eea/volto-cca-policy/commit/e91713566d7bc3529f740d825e3183322ecb6ecd)]
+- Indicator card - fix missing key. [GhitaB - [`eef5186`](https://github.com/eea/volto-cca-policy/commit/eef51864db680a7c18a9a6875f3ad52a81767dc0)]
+- Fix image src for organisation card. [GhitaB - [`5457713`](https://github.com/eea/volto-cca-policy/commit/5457713795ae28e2c0d475cdea59c5d225d1bd1c)]
+- Add indicator card new listing type for search block in Observatory. [GhitaB - [`09b80dc`](https://github.com/eea/volto-cca-policy/commit/09b80dc0fca8347ee139c5367afae310fa0b2ee3)]
+- Cleanup code [kreafox - [`1908fca`](https://github.com/eea/volto-cca-policy/commit/1908fca7707f526081a449f79eae6bdd6350b886)]
+- Add LanguageSwitch and customized api middleware [Tiberiu Ichim - [`02ba1ca`](https://github.com/eea/volto-cca-policy/commit/02ba1ca72ba2812b51179ad0ac46f37642e6d8c8)]
+- Add pdb button [Tiberiu Ichim - [`18c5630`](https://github.com/eea/volto-cca-policy/commit/18c5630c9c7676ce30ae7e6ac63afc60327e19b9)]
 ### [0.1.74](https://github.com/eea/volto-cca-policy/compare/0.1.73...0.1.74) - 13 February 2024
 
 #### :bug: Bug Fixes
@@ -287,13 +323,10 @@ 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
@@ -310,9 +343,6 @@ 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)]
@@ -529,7 +559,6 @@ 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
 
@@ -1010,7 +1039,6 @@ 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.74",
+  "version": "0.1.76",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/MigrationButtons.jsx

@@ -7,20 +7,22 @@ function MigrationButtons(props) {
   const show = !!token && contentId && contentId.indexOf('europa.eu') === -1;
   const base = getBaseUrl(pathname);
 
-  const handleClickMigrate = () => {
-    window.open(`http://localhost:8080/cca/${base}/@@volto_migrate`, '_blank');
-  };
-
-  const handleClickView = () => {
-    window.open(`https://climate-adapt.eea.europa.eu${base}`, '_blank');
-  };
-
   return show ? (
-    <Plug pluggable="main.toolbar.top" id="cca-migration-helpers" order={0}>
+    <Plug
+      pluggable="main.toolbar.top"
+      id="cca-migration-helpers"
+      order={0}
+      dependencies={[contentId]}
+    >
       <button
         className={`circle-right-btn `}
         id="toolbar-migration"
-        onClick={handleClickMigrate}
+        onClick={() =>
+          window.open(
+            `http://localhost:8080/cca/${base}/@@volto_migrate`,
+            '_blank',
+          )
+        }
         title="Migrate context"
       >
         M
@@ -29,11 +31,22 @@ function MigrationButtons(props) {
       <button
         className={`circle-right-btn `}
         id="toolbar-view"
-        onClick={handleClickView}
+        onClick={() =>
+          window.open(`https://climate-adapt.eea.europa.eu${base}`, '_blank')
+        }
         title="View original"
       >
         V
       </button>
+
+      <button
+        className={`circle-right-btn`}
+        id="toolbar-migration"
+        onClick={() => window.open(`http://localhost:8080/cca/${base}/@@gopdb`)}
+        title="Migrate context"
+      >
+        PDB
+      </button>
     </Plug>
   ) : null;
 }

package/src/components/manage/Blocks/Listing/IndicatorCardsListingView.jsx

@@ -0,0 +1,69 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { compose } from 'redux';
+import cx from 'classnames';
+import { ConditionalLink } from '@plone/volto/components';
+import { flattenToAppURL, getBaseUrl } from '@plone/volto/helpers';
+import { observatoryURL } from './common';
+import './styles.less';
+
+const fixedTitles = {
+  C3S: 'Copernicus (C3S)',
+  'Lancet Countdown': 'Lancet Countdown in Europe',
+};
+
+const fixTitle = (title) => {
+  return fixedTitles[title] || title;
+};
+
+const IndicatorCardsListingView = ({ items, isEditMode, token }) => {
+  return (
+    <div className={cx('ui fluid indicatorCards')}>
+      {items.map((item, index) => (
+        <div
+          className={cx('u-item listing-item simple-listing-item')}
+          key={item['@id']}
+        >
+          <div className="wrapper">
+            <div className="slot-top">
+              <ConditionalLink
+                to={flattenToAppURL(getBaseUrl(observatoryURL(item)))}
+                condition={!isEditMode}
+              >
+                <div className="listing-body">
+                  <h4 className={'listing-header'}>
+                    {item.title ? item.title : item.id}
+                  </h4>
+                </div>
+              </ConditionalLink>
+            </div>
+            <div className="simple-item-meta">
+              <span className="text-left year">
+                {item?.cca_published &&
+                  new Date(item?.publication_date).getFullYear()}
+              </span>
+              <span className="text-left">
+                {item &&
+                  item.origin_website &&
+                  item.origin_website.length > 0 &&
+                  fixTitle(item?.origin_website[0]?.title)}
+              </span>
+            </div>
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+IndicatorCardsListingView.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.any).isRequired,
+  isEditMode: PropTypes.bool,
+};
+
+export default compose(
+  connect((state) => ({
+    token: state.userSession.token,
+  })),
+)(IndicatorCardsListingView);

package/src/components/manage/Blocks/Listing/OrganisationCardsListingView.jsx

@@ -2,13 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
+import { observatoryURL } from './common';
 import './styles.less';
 
 const OrganisationCardsListingView = ({ items, isEditMode, token }) => {
-  const observatoryURL = (item) => {
-    return item['@id'].replace('/metadata/', '/observatory/++aq++metadata/');
-  };
-
   const contributionsURL = (item) => {
     const mapContributorValues = {
       'copernicus-climate-change-service-ecmw':
@@ -51,11 +48,13 @@ const OrganisationCardsListingView = ({ items, isEditMode, token }) => {
           <div className="content">
             <div className="header">
               <a className="image" href={observatoryURL(item)}>
-                <img
-                  src={observatoryURL(item) + '/@@images/logo'}
-                  alt={item.title}
-                  className="ui image"
-                ></img>
+                <div className="img-container">
+                  <img
+                    src={item['@id'] + '/@@images/logo/preview'}
+                    alt={item.title}
+                    className="ui image"
+                  ></img>
+                </div>
               </a>
               <a className="header-link org-name" href={observatoryURL(item)}>
                 {item.title}

package/src/components/manage/Blocks/Listing/common.js

@@ -0,0 +1,3 @@
+export const observatoryURL = (item) => {
+  return item['@id'].replace('/metadata/', '/observatory/++aq++metadata/');
+};

package/src/components/manage/Blocks/Listing/index.js

@@ -1,4 +1,5 @@
 import OrganisationCardsListingView from './OrganisationCardsListingView';
+import IndicatorCardsListingView from './IndicatorCardsListingView';
 
 export default function installListing(config) {
   config.blocks.blocksConfig.listing = {
@@ -12,6 +13,13 @@ export default function installListing(config) {
         isDefault: false,
         fullobjects: true,
       },
+      {
+        id: 'indicatorCards',
+        title: 'Indicator Cards',
+        template: IndicatorCardsListingView,
+        isDefault: false,
+        fullobjects: true,
+      },
     ],
   };
 

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

@@ -1,12 +1,46 @@
 // Organisation Cards Listing
 div.organisationCards {
-  a.org-name {
-    margin-top: 0.5em;
-    font-size: 0.7em;
-    text-transform: uppercase;
+  div.card.u-card {
+    border: 1px solid #ccc;
+    margin: 10px;
+
+    div.img-container {
+      min-height: 120px;
+      text-align: center;
+
+      img {
+        width: auto;
+        max-height: 100px;
+      }
+    }
+
+    a.org-name {
+      margin-top: 0.5em;
+      margin-bottom: 0.5em;
+      font-size: 1em;
+    }
+
+    a.org-site {
+      font-size: 0.7em;
+    }
+  }
+}
+
+// Indicators Cards Listing
+div.indicatorCards {
+  a {
+    color: #006bb8 !important;
+  }
+
+  h4 {
+    font-weight: 400;
+  }
+
+  span.year {
+    margin-right: 1em;
   }
 
-  a.org-site {
-    font-size: 0.7em;
+  .simple-listing-item {
+    margin-bottom: 1em !important;
   }
 }

package/src/components/theme/Header.jsx

@@ -17,14 +17,13 @@ import {
 import { getNavigation } from '@plone/volto/actions';
 import { Header, Logo } from '@eeacms/volto-eea-design-system/ui';
 import { usePrevious } from '@eeacms/volto-eea-design-system/helpers';
-import { find } from 'lodash';
-import globeIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/global-line.svg';
 import eeaFlag from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/eea.png';
 import { toPublicURL } from '@plone/volto/helpers';
 
 import config from '@plone/volto/registry';
 import { compose } from 'recompose';
 import { BodyClass } from '@plone/volto/helpers';
+import LanguageSwitch from './LanguageSwitch';
 
 import cx from 'classnames';
 
@@ -63,12 +62,8 @@ const DirectLinkLogo = ({
 /**
  * EEA Specific Header component.
  */
-const EEAHeader = ({ pathname, token, items, history, subsite }) => {
-  const currentLang = useSelector((state) => state.intl.locale);
-  const translations = useSelector(
-    (state) => state.content.data?.['@components']?.translations?.items,
-  );
-
+const EEAHeader = (props) => {
+  const { pathname, token, items, subsite } = props;
   const router_pathname = useSelector((state) => {
     return removeTrailingSlash(state.router?.location?.pathname) || '';
   });
@@ -94,9 +89,6 @@ const EEAHeader = ({ pathname, token, items, history, subsite }) => {
   const width = useSelector((state) => state.screen?.width);
   const dispatch = useDispatch();
   const previousToken = usePrevious(token);
-  const [language, setLanguage] = React.useState(
-    currentLang || eea.defaultLanguage,
-  );
 
   React.useEffect(() => {
     const { settings } = config;
@@ -184,53 +176,7 @@ const EEAHeader = ({ pathname, token, items, history, subsite }) => {
           </Header.TopItem>
         )}
 
-        {config.settings.isMultilingual && (
-          <Header.TopDropdownMenu
-            id="language-switcher"
-            className="item"
-            hasLanguageDropdown={
-              config.settings.supportedLanguages.length > 1 &&
-              config.settings.hasLanguageDropdown
-            }
-            text={`${language.toUpperCase()}`}
-            mobileText={`${language.toUpperCase()}`}
-            icon={
-              <Image src={globeIcon} alt="language dropdown globe icon"></Image>
-            }
-            viewportWidth={width}
-          >
-            <ul
-              className="wrapper language-list"
-              role="listbox"
-              aria-label="language switcher"
-            >
-              {eea.languages.map((item, index) => (
-                <Dropdown.Item
-                  as="li"
-                  key={index}
-                  text={
-                    <span>
-                      {item.name}
-                      <span className="country-code">
-                        {item.code.toUpperCase()}
-                      </span>
-                    </span>
-                  }
-                  onClick={() => {
-                    const translation = find(translations, {
-                      language: item.code,
-                    });
-                    const to = translation
-                      ? flattenToAppURL(translation['@id'])
-                      : `/${item.code}`;
-                    setLanguage(item.code);
-                    history.push(to);
-                  }}
-                ></Dropdown.Item>
-              ))}
-            </ul>
-          </Header.TopDropdownMenu>
-        )}
+        {config.settings.isMultilingual && <LanguageSwitch {...props} />}
       </Header.TopHeader>
       <Header.Main
         pathname={pathname}

package/src/components/theme/LanguageSwitch.jsx

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Header } from '@eeacms/volto-eea-design-system/ui';
+import { find } from 'lodash';
+import globeIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/global-line.svg';
+import { useSelector } from 'react-redux';
+import config from '@plone/volto/registry';
+import { Dropdown, Image } from 'semantic-ui-react';
+import { flattenToAppURL } from '@plone/volto/helpers';
+
+// dispatch(changeLanguage(redirectToLanguage, locale.default));
+export default function LanguageSwitch({ history }) {
+  const { eea } = config.settings;
+  const translations = useSelector(
+    (state) => state.content.data?.['@components']?.translations?.items,
+  );
+  const width = useSelector((state) => state.screen?.width);
+
+  const currentLang = useSelector((state) => state.intl.locale);
+  const [language, setLanguage] = React.useState(
+    currentLang || eea.defaultLanguage,
+  );
+
+  return (
+    <Header.TopDropdownMenu
+      id="language-switcher"
+      className="item"
+      hasLanguageDropdown={
+        config.settings.supportedLanguages.length > 1 &&
+        config.settings.hasLanguageDropdown
+      }
+      text={`${language.toUpperCase()}`}
+      mobileText={`${language.toUpperCase()}`}
+      icon={<Image src={globeIcon} alt="language dropdown globe icon"></Image>}
+      viewportWidth={width}
+    >
+      <ul
+        className="wrapper language-list"
+        role="listbox"
+        aria-label="language switcher"
+      >
+        {eea.languages.map((item, index) => (
+          <Dropdown.Item
+            as="li"
+            key={index}
+            text={
+              <span>
+                {item.name}
+                <span className="country-code">{item.code.toUpperCase()}</span>
+              </span>
+            }
+            onClick={() => {
+              const translation = find(translations, {
+                language: item.code,
+              });
+              const to = translation
+                ? flattenToAppURL(translation['@id'])
+                : `/${item.code}`;
+              setLanguage(item.code);
+              history.push(to);
+            }}
+          ></Dropdown.Item>
+        ))}
+      </ul>
+    </Header.TopDropdownMenu>
+  );
+}

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

@@ -1,16 +1,16 @@
 import React from 'react';
 import {
-  HTMLField,
   ContentMetadata,
-  LinksList,
   PublishedModifiedInfo,
   DocumentsList,
   ShareInfo,
+  ReferenceInfo,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Grid } from 'semantic-ui-react';
 
 function PublicationReportView(props) {
   const { content } = props;
+
   return (
     <div className="publication-report-view">
       <div className="ui container">
@@ -23,40 +23,8 @@ function PublicationReportView(props) {
               className="col-left"
             >
               <div className="ui label">Publications and Reports</div>
-              <h1>{content.title}</h1>
-              <h4>Description</h4>
-              <HTMLField
-                value={content.long_description}
-                className="long_description"
-              />
-              <hr />
-
-              <h4>Reference information</h4>
-
-              {content?.websites?.length > 0 && (
-                <LinksList title="Websites:" value={content.websites} />
-              )}
-
-              {content.source && (
-                <>
-                  <h4>Source:</h4>
-                  <HTMLField value={content.source} className="source" />
-                </>
-              )}
-              {content?.contributor_list?.length > 0 && (
-                <>
-                  <h4>Contributor:</h4>
-                  {content.contributor_list
-                    .map((item) => (
-                      <>
-                        {item.title}
-                        <br />
-                      </>
-                    ))
-                    .sort()}
-                </>
-              )}
 
+              <ReferenceInfo content={content} />
               <PublishedModifiedInfo {...props} />
               <ShareInfo {...props} />
             </Grid.Column>

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

@@ -1,9 +1,8 @@
 import React from 'react';
 import {
-  HTMLField,
   ContentMetadata,
-  LinksList,
   PublishedModifiedInfo,
+  ReferenceInfo,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Grid } from 'semantic-ui-react';
 
@@ -21,36 +20,8 @@ function ToolView(props) {
               className="col-left"
             >
               <div className="ui label">Tools</div>
-              <h1>{content.title}</h1>
-              <h4>Description</h4>
-              <HTMLField
-                value={content.long_description}
-                className="long_description"
-              />
-              <hr />
-              <h4>Reference information</h4>
 
-              {content?.websites?.length > 0 && (
-                <LinksList title="Websites:" value={content.websites} />
-              )}
-
-              {content.source && (
-                <>
-                  <h4>Source:</h4>
-                  <HTMLField value={content.source} className="source" />
-                </>
-              )}
-              {content?.contributor_list?.length > 0 && (
-                <>
-                  <h4>Contributor</h4>
-                  {content.contributor_list.sort().map((item) => (
-                    <>
-                      {item.title}
-                      <br />
-                    </>
-                  ))}
-                </>
-              )}
+              <ReferenceInfo content={content} />
 
               <PublishedModifiedInfo {...props} />
             </Grid.Column>

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

@@ -52,7 +52,7 @@ const TopDropdownMenu = ({
   children,
   className,
   icon,
-  hasLanguageDropdown = false,
+  hasLanguageDropdown = true,
   id,
   tabletText,
   mobileText,

package/src/customizations/volto/middleware/README.md

@@ -0,0 +1,3 @@
+Copy from Volto 16
+
+Customized because in CCA the language field in the result is not a value from a vocabulary (is missing token).