@eeacms/volto-cca-policy 0.3.64 → 0.3.66

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-04-22T09:13:00.209Z\n"
+"POT-Creation-Date: 2025-07-14T08:07:37.202Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -20,8 +20,6 @@ msgstr ""
 
 #. Default: "Adaptation Approaches"
 #: search/cca/facets
-#: search/facets
-#: search/fise/facets
 #: search/health_observatory/facets-health
 #: search/mission_all/facets-all
 #: search/mission_projects/facets-projects
@@ -46,8 +44,6 @@ msgstr ""
 #. Default: "Adaptation Sectors"
 #: search/cca/facets
 #: search/common
-#: search/facets
-#: search/fise/facets
 msgid "Adaptation Sectors"
 msgstr ""
 
@@ -88,11 +84,6 @@ msgstr ""
 msgid "Background information"
 msgstr ""
 
-#. Default: "Belgium"
-#: helpers/Constants
-msgid "Belgium"
-msgstr ""
-
 #. Default: "Biogeographical regions:"
 #: helpers/ContentMetadata
 msgid "Biogeographical regions:"
@@ -114,7 +105,7 @@ msgid "Case Study illustrations"
 msgstr ""
 
 #. Default: "Case studies related to this option:"
-#: components/theme/Views/AdaptationOptionView
+#: helpers/ContentMetadata
 msgid "Case studies related to this option:"
 msgstr ""
 
@@ -151,8 +142,6 @@ msgstr ""
 #. Default: "Climate Impacts"
 #: search/cca/facets
 #: search/common
-#: search/facets
-#: search/fise/facets
 msgid "Climate Impacts"
 msgstr ""
 
@@ -306,11 +295,6 @@ msgstr ""
 msgid "For more search options"
 msgstr ""
 
-#. Default: "France"
-#: helpers/Constants
-msgid "France"
-msgstr ""
-
 #. Default: "Fullscreen"
 #: components/theme/Views/C3SIndicatorView
 msgid "Fullscreen"
@@ -318,8 +302,6 @@ msgstr ""
 
 #. Default: "Funding Programme"
 #: search/cca/facets
-#: search/facets
-#: search/fise/facets
 #: search/mission_projects/facets-projects
 #: search/mission_stories/facets-stories
 msgid "Funding Programme"
@@ -365,11 +347,6 @@ msgstr ""
 msgid "Hazard Type"
 msgstr ""
 
-#. Default: "Health Impacts"
-#: search/health_observatory/config-health
-msgid "Health Impacts"
-msgstr ""
-
 #. Default: "Health impact:"
 #: helpers/ContentMetadata
 msgid "Health impact:"
@@ -433,8 +410,6 @@ msgstr ""
 
 #. Default: "Item from third parties"
 #: search/cca/facets
-#: search/facets
-#: search/fise/facets
 msgid "Item from third parties"
 msgstr ""
 
@@ -446,8 +421,6 @@ msgstr ""
 #. Default: "Key Type Measure"
 #: components/manage/Blocks/FilterAceContent/FilterAceContentView
 #: search/cca/facets
-#: search/facets
-#: search/fise/facets
 msgid "Key Type Measure"
 msgstr ""
 
@@ -521,6 +494,11 @@ msgstr ""
 msgid "Lead"
 msgstr ""
 
+#. Default: "Learn more"
+#: components/manage/Blocks/Listing/EventAccordionListingView
+msgid "Learn more"
+msgstr ""
+
 #. Default: "Legal aspects"
 #: components/theme/Views/AdaptationOptionView
 #: components/theme/Views/CaseStudyView
@@ -578,6 +556,11 @@ msgstr ""
 msgid "No results"
 msgstr ""
 
+#. Default: "Non-EU Languages"
+#: components/theme/Header/LanguageSwitch
+msgid "Non-EU Languages"
+msgstr ""
+
 #. Default: "Objectives of the adaptation measure"
 #: components/theme/Views/CaseStudyView
 msgid "Objectives of the adaptation measure"
@@ -594,7 +577,6 @@ msgid "Observatory contributions"
 msgstr ""
 
 #. Default: "Observatory partner"
-#: search/health_observatory/config-health
 #: search/health_observatory/facets-health
 msgid "Observatory partner"
 msgstr ""
@@ -729,8 +711,6 @@ msgstr ""
 
 #. Default: "Section"
 #: search/cca/facets
-#: search/facets
-#: search/fise/facets
 msgid "Section"
 msgstr ""
 
@@ -841,6 +821,11 @@ msgstr ""
 msgid "The date refers to the moment in which the item has been prepared or updated by contributing experts to be submitted for the publication in Climate ADAPT"
 msgstr ""
 
+#. Default: "This object has been archived because its content is outdated. You can still access it as legacy."
+#: components/theme/PortalMessage/PortalMessage
+msgid "This object has been archived because its content is outdated. You can still access it as legacy."
+msgstr ""
+
 #. Default: "Topics:"
 #: components/Result/ClusterHorizontalCardItem
 #: components/Result/HealthHorizontalCardItem
@@ -849,8 +834,6 @@ msgstr ""
 
 #. Default: "Transnational regions"
 #: search/cca/facets
-#: search/facets
-#: search/fise/facets
 msgid "Transnational regions"
 msgstr ""
 
@@ -860,11 +843,6 @@ msgstr ""
 msgid "Type of item"
 msgstr ""
 
-#. Default: "Types"
-#: search/health_observatory/config-health
-msgid "Types"
-msgstr ""
-
 #. Default: "Updating notes"
 #: components/theme/Views/CaseStudyView
 msgid "Updating notes"
@@ -915,3 +893,8 @@ msgstr ""
 #: helpers/Utils
 msgid "Where"
 msgstr ""
+
+#. Default: "Officially reported governmental information is only available in English"
+#: components/manage/Blocks/CountryProfileDetail/View
+msgid "officiallyInEnglish"
+msgstr ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-cca-policy",
-  "version": "0.3.64",
+  "version": "0.3.66",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -35,7 +35,7 @@
     "@eeacms/volto-globalsearch": "2.1.2",
     "@eeacms/volto-hero-block": "^7.1.0",
     "@eeacms/volto-openlayers-map": "1.0.1",
-    "@eeacms/volto-searchlib": "2.0.16",
+    "@eeacms/volto-searchlib": "2.1.0",
     "@eeacms/volto-slate-label": "^0.6.0",
     "@eeacms/volto-tabs-block": "^7.5.1",
     "@elastic/search-ui": "1.21.2",

package/src/components/manage/Blocks/CaseStudyExplorer/CaseStudyMap.test.jsx

@@ -83,11 +83,11 @@ describe('CaseStudyMap', () => {
             portal_type: 'casestudy',
             description:
               '<p>The Sand Motor is a mega-nourishment implemented in the Delfland Coast.</p>',
-            url: 'http://website.com',
+            url: 'https://website.com',
             adaptation_options_links:
-              "<a href='http://website.com'>Beach and shoreface nourishment</a>",
+              "<a href='https://website.com'>Beach and shoreface nourishment</a>",
             elements_str: 'Nature-based solutions',
-            image: 'http://website.com/preview',
+            image: 'https://website.com/preview',
             origin_adaptecca: 20,
             adaptation_options: 'Dune construction',
           },
@@ -107,11 +107,11 @@ describe('CaseStudyMap', () => {
             portal_type: 'casestudy',
             description:
               '<p>The Sand Motor is a mega-nourishment implemented in the Delfland Coast.</p>',
-            url: 'http://website.com',
+            url: 'https://website.com',
             adaptation_options_links:
-              "<a href='http://website.com'>Beach and shoreface nourishment</a>",
+              "<a href='https://website.com'>Beach and shoreface nourishment</a>",
             elements_str: 'Nature-based solutions',
-            image: 'http://website.com/preview',
+            image: 'https://website.com/preview',
             origin_adaptecca: 20,
             adaptation_options: 'Dune construction',
           },

package/src/components/manage/Blocks/CaseStudyExplorer/FeatureDisplay.test.jsx

@@ -12,8 +12,8 @@ describe('FeatureDisplay', () => {
   it('should render the component', () => {
     const feature = {
       title: 'Case study',
-      url: 'http://example.com',
-      image: 'http://example.com/image.jpg',
+      url: 'https://example.com',
+      image: 'https://example.com/image.jpg',
       impacts: 'Impact A, Impact B',
       adaptation_options_links: '',
     };

package/src/components/theme/Header/Header.jsx

@@ -5,7 +5,7 @@
 
 import React from 'react';
 import { compose } from 'recompose';
-import { withRouter } from 'react-router-dom';
+import { withRouter, Link } from 'react-router-dom';
 import { Dropdown, Image } from 'semantic-ui-react';
 import { connect, useDispatch, useSelector } from 'react-redux';
 import { UniversalLink } from '@plone/volto/components';
@@ -26,7 +26,10 @@ import cx from 'classnames';
 import eeaFlag from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/eea.png';
 
 function removeTrailingSlash(path) {
-  return path.replace(/\/+$/, '');
+  while (path.endsWith('/')) {
+    path = path.slice(0, -1);
+  }
+  return path;
 }
 
 /**
@@ -62,6 +65,7 @@ const DirectLinkLogo = ({
  */
 const EEAHeader = (props) => {
   const { pathname, token, items, subsite } = props;
+  const currentLang = useSelector((state) => state.intl.locale);
   const router_pathname = useSelector((state) => {
     return removeTrailingSlash(state.router?.location?.pathname) || '';
   });
@@ -153,32 +157,50 @@ const EEAHeader = (props) => {
           </Header.TopDropdownMenu>
         </Header.TopItem>
 
-        {!!headerOpts.partnerLinks && (
-          <Header.TopItem>
-            <Header.TopDropdownMenu
-              id="theme-sites"
-              text={headerOpts.partnerLinks.title}
-              viewportWidth={width}
-            >
-              <div className="wrapper">
-                {headerOpts.partnerLinks.links.map((item, index) => (
-                  <Dropdown.Item key={index}>
-                    <a
-                      href={item.href}
-                      className="site"
-                      target="_blank"
-                      onKeyDown={(evt) => evt.stopPropagation()}
-                    >
-                      {item.title}
-                    </a>
-                  </Dropdown.Item>
-                ))}
-              </div>
-            </Header.TopDropdownMenu>
-          </Header.TopItem>
-        )}
+        <div className="top-header-right-items">
+          <div className="item">
+            <div className="divider text">
+              <Link
+                to={
+                  pathname.includes('/observatory')
+                    ? `/${currentLang}/observatory/sitemap`
+                    : pathname.includes('/mission')
+                    ? `/${currentLang}/mission/sitemap`
+                    : `/${currentLang}/sitemap`
+                }
+              >
+                Sitemap
+              </Link>
+            </div>
+          </div>
+
+          {!!headerOpts.partnerLinks && (
+            <Header.TopItem>
+              <Header.TopDropdownMenu
+                id="theme-sites"
+                text={headerOpts.partnerLinks.title}
+                viewportWidth={width}
+              >
+                <div className="wrapper">
+                  {headerOpts.partnerLinks.links.map((item, index) => (
+                    <Dropdown.Item key={index}>
+                      <a
+                        href={item.href}
+                        className="site"
+                        target="_blank"
+                        onKeyDown={(evt) => evt.stopPropagation()}
+                      >
+                        {item.title}
+                      </a>
+                    </Dropdown.Item>
+                  ))}
+                </div>
+              </Header.TopDropdownMenu>
+            </Header.TopItem>
+          )}
 
-        {config.settings.isMultilingual && <LanguageSwitch {...props} />}
+          {config.settings.isMultilingual && <LanguageSwitch {...props} />}
+        </div>
       </Header.TopHeader>
       <Header.Main
         pathname={pathname}
@@ -229,7 +251,6 @@ const EEAHeader = (props) => {
             href={item.url || '/'}
             title={item.title}
             onClick={(e) => {
-              // debugger;
               onClick(e, item);
             }}
           >

package/src/components/theme/Header/LanguageSwitch.jsx

@@ -20,8 +20,8 @@ export default function LanguageSwitch({ history }) {
   );
   const [, setSelectedLanguage] = useAtom(selectedLanguageAtom);
   const width = useSelector((state) => state.screen?.width);
-
   const currentLang = useSelector((state) => state.intl.locale);
+
   const [language, setLanguage] = React.useState(
     currentLang || eea.defaultLanguage,
   );
@@ -45,7 +45,43 @@ export default function LanguageSwitch({ history }) {
     });
   };
 
-  // .filter((item) => eea.non_eu_langs.indexOf(item.code) !== -1)
+  const renderLanguageItems = (languages) =>
+    languages.map((item, index) => {
+      const translated = (translations || []).some(
+        (obj) => obj.language === item.code,
+      );
+      const active = item.code === currentLang;
+      const disabled = !translated && !active;
+
+      return (
+        <Dropdown.Item
+          className={cx({
+            disabled: disabled,
+            active: active,
+          })}
+          as="li"
+          key={index}
+          text={
+            <span>
+              <span className="country-code">{item.code.toUpperCase()}</span>{' '}
+              {item.name}
+            </span>
+          }
+          onClick={(e) =>
+            disabled || active ? e.preventDefault() : handlePageRedirect(item)
+          }
+        />
+      );
+    });
+
+  const euLanguages = eea.languages.filter(
+    (item) => eea.non_eu_langs.indexOf(item.code) === -1,
+  );
+
+  const nonEuLanguages = eea.languages.filter(
+    (item) => eea.non_eu_langs.indexOf(item.code) !== -1,
+  );
+
   return (
     <Header.TopDropdownMenu
       id="language-switcher"
@@ -56,7 +92,7 @@ export default function LanguageSwitch({ history }) {
       }
       text={`${language.toUpperCase()}`}
       mobileText={`${language.toUpperCase()}`}
-      icon={<Image src={globeIcon} alt="language dropdown globe icon"></Image>}
+      icon={<Image src={globeIcon} alt="language dropdown globe icon" />}
       viewportWidth={width}
     >
       <ul
@@ -64,39 +100,8 @@ export default function LanguageSwitch({ history }) {
         role="listbox"
         aria-label="language switcher"
       >
-        {eea.languages
-          .filter((item) => eea.non_eu_langs.indexOf(item.code) === -1)
-          .map((item, index) => {
-            const translated = (translations || []).some(
-              (obj) => obj.language === item.code,
-            );
-            const active = item.code === currentLang;
-            const disabled = !translated && !active;
+        {renderLanguageItems(euLanguages)}
 
-            return (
-              <Dropdown.Item
-                className={cx({
-                  disabled: disabled,
-                  active: active,
-                })}
-                as="li"
-                key={index}
-                text={
-                  <span>
-                    <span className="country-code">
-                      {item.code.toUpperCase()}
-                    </span>{' '}
-                    {item.name}
-                  </span>
-                }
-                onClick={(e) =>
-                  disabled || active
-                    ? e.preventDefault()
-                    : handlePageRedirect(item)
-                }
-              ></Dropdown.Item>
-            );
-          })}
         <strong className="noneu-langs-label">
           <FormattedMessage
             id="Non-EU Languages"
@@ -104,39 +109,7 @@ export default function LanguageSwitch({ history }) {
           />
         </strong>
 
-        {eea.languages
-          .filter((item) => eea.non_eu_langs.indexOf(item.code) !== -1)
-          .map((item, index) => {
-            const translated = (translations || []).some(
-              (obj) => obj.language === item.code,
-            );
-            const active = item.code === currentLang;
-            const disabled = !translated && !active;
-
-            return (
-              <Dropdown.Item
-                className={cx({
-                  disabled: disabled,
-                  active: active,
-                })}
-                as="li"
-                key={index}
-                text={
-                  <span>
-                    <span className="country-code">
-                      {item.code.toUpperCase()}
-                    </span>{' '}
-                    {item.name}
-                  </span>
-                }
-                onClick={(e) =>
-                  disabled || active
-                    ? e.preventDefault()
-                    : handlePageRedirect(item)
-                }
-              ></Dropdown.Item>
-            );
-          })}
+        {renderLanguageItems(nonEuLanguages)}
       </ul>
     </Header.TopDropdownMenu>
   );

package/src/components/theme/ImageGallery/ImageGallery.jsx

@@ -89,10 +89,10 @@ const ImageGallery = (props) => {
           <Slider {...carouselSettings} ref={sliderRef}>
             {items.map((item, i) => {
               return image.rights ? (
-                <div>
+                <div key={i}>
                   <div className="image-slide">
                     <div className="image-rights">@ {image.rights}</div>
-                    <Image key={i} src={item.url} alt={item?.title} />
+                    <Image src={item.url} alt={item?.title} />
                   </div>
                 </div>
               ) : (

package/src/components/theme/ImageGallery/ImageGallery.test.jsx

@@ -0,0 +1,38 @@
+import '@testing-library/jest-dom';
+import { render, screen, fireEvent } from '@testing-library/react';
+import ImageGallery from './ImageGallery';
+
+jest.mock('react-slick', () => (props) => <div>React Slick Gallery</div>);
+
+const mockItems = [
+  {
+    url: 'https://example.com/image1.jpg',
+    title: 'Image One',
+    description: 'First image description',
+    rights: 'Author One',
+  },
+  {
+    url: 'https://example.com/image2.jpg',
+    title: 'Image Two',
+    description: 'Second image description',
+    rights: 'Author Two',
+  },
+];
+
+describe('ImageGallery', () => {
+  it('renders preview image and opens modal on click', () => {
+    render(<ImageGallery items={mockItems} />);
+
+    const previewImage = screen.getByRole('img', { name: /Image One/i });
+    expect(previewImage).toBeInTheDocument();
+
+    expect(
+      screen.queryByText('First image description'),
+    ).not.toBeInTheDocument();
+
+    fireEvent.click(previewImage);
+
+    expect(screen.getByText('Image One')).toBeInTheDocument();
+    expect(screen.getByText('First image description')).toBeInTheDocument();
+  });
+});

package/src/components/theme/MissionSignatoryProfile/TabSections/PlanningTab.test.jsx

@@ -60,9 +60,10 @@ describe('PlanningTab', () => {
         Approval_Year: '2023',
         End_Year_Of_Plan_Label: 'End Year:',
         End_Year: '2030',
-        Name_Of_Plan_And_Hyperlink: 'http://example.com; https://plan-link.com',
+        Name_Of_Plan_And_Hyperlink:
+          'https://example.com; https://plan-link.com',
         Further_Information_Link_Text: 'More Info',
-        Attachment: 'http://attachment.com',
+        Attachment: 'https://attachment.com',
         Explore_Plan_Link_Text: 'Explore Plan',
         Sectors: ['Agriculture'],
       },

package/src/components/theme/PortalMessage/PortalMessage.jsx

@@ -1,7 +1,7 @@
+import { FormattedMessage } from 'react-intl';
 import { Message, Icon } from 'semantic-ui-react';
 
-const PortalMessage = (props) => {
-  const { content } = props;
+const PortalMessage = ({ content }) => {
   const { review_state } = content;
   const isArchivedContent = review_state === 'archived';
 
@@ -9,8 +9,10 @@ const PortalMessage = (props) => {
     <Message info icon>
       <Icon name="info" />
       <Message.Content>
-        This object has been archived because its content is outdated. You can
-        still access it as legacy.
+        <FormattedMessage
+          id="This object has been archived because its content is outdated. You can still access it as legacy."
+          defaultMessage="This object has been archived because its content is outdated. You can still access it as legacy."
+        />
       </Message.Content>
     </Message>
   ) : null;

package/src/components/theme/PortalMessage/PortalMessage.test.jsx

@@ -0,0 +1,24 @@
+import { render } from '@testing-library/react';
+import PortalMessage from './PortalMessage';
+import { IntlProvider } from 'react-intl';
+import '@testing-library/jest-dom';
+
+const renderWithIntl = (ui) =>
+  render(<IntlProvider locale="en">{ui}</IntlProvider>);
+
+describe('PortalMessage', () => {
+  it('renders the message component when content is archived', () => {
+    const content = { review_state: 'archived' };
+    const { container } = renderWithIntl(<PortalMessage content={content} />);
+
+    const messageEl = container.querySelector('.ui.message');
+    expect(messageEl).toBeInTheDocument();
+  });
+
+  it('renders nothing when content is not archived', () => {
+    const content = { review_state: 'published' };
+    const { container } = renderWithIntl(<PortalMessage content={content} />);
+
+    expect(container).toBeEmptyDOMElement();
+  });
+});