@eeacms/volto-cca-policy 0.3.109 → 0.3.111

package/CHANGELOG.md

@@ -4,6 +4,27 @@ 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.3.111](https://github.com/eea/volto-cca-policy/compare/0.3.110...0.3.111) - 9 April 2026
+
+#### :rocket: New Features
+
+- feat: add PhotoGallery component to AdaptationOptionView and enhance accessibility - refs #296805 [kreafox - [`0e18e3f`](https://github.com/eea/volto-cca-policy/commit/0e18e3ffa61180aa70f843d7ff3e10c76d7cc9a2)]
+
+#### :rocket: Dependency updates
+
+- Release @eeacms/volto-slate-label@2.0.1 [EEA Jenkins - [`9eeafda`](https://github.com/eea/volto-cca-policy/commit/9eeafda6b7de48f33191207b88559a7211181556)]
+- Release @eeacms/volto-globalsearch@4.0.1 [EEA Jenkins - [`dbcadfc`](https://github.com/eea/volto-cca-policy/commit/dbcadfc75e7497f30e4aeed8598e7fb751c20240)]
+
+### [0.3.110](https://github.com/eea/volto-cca-policy/compare/0.3.109...0.3.110) - 8 April 2026
+
+#### :bug: Bug Fixes
+
+- fix: filename handling in ImageWidget [Krisztina Elekes - [`a66267b`](https://github.com/eea/volto-cca-policy/commit/a66267b6a639c7a3d9f0a7516efec0ecb8d6f02e)]
+
+#### :nail_care: Enhancements
+
+- change(style): info message background color - refs #296805 [kreafox - [`1466f80`](https://github.com/eea/volto-cca-policy/commit/1466f80eec4840fcd83102659fca3ea64f005de8)]
+
 ### [0.3.109](https://github.com/eea/volto-cca-policy/compare/0.3.108...0.3.109) - 1 April 2026
 
 #### :nail_care: Enhancements
@@ -145,7 +166,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
-- chore: [JENKINSFILE] add package version in sonarqube [valentinab25 - [`e901251`](https://github.com/eea/volto-cca-policy/commit/e901251592eb54609fbc7eb8fcf7bd452c2da9cd)]
 
 ### [0.3.102](https://github.com/eea/volto-cca-policy/compare/0.3.101...0.3.102) - 24 February 2026
 
@@ -155,7 +175,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
-- chore: [JENKINSFILE] use sonarqube branches [EEA Jenkins - [`8b3699a`](https://github.com/eea/volto-cca-policy/commit/8b3699a6cbaef662b5e80884ac2c1f7dc9c6591e)]
 
 ### [0.3.101](https://github.com/eea/volto-cca-policy/compare/0.3.100...0.3.101) - 28 January 2026
 
@@ -443,7 +462,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - style: fix item spacing [kreafox - [`7d4535d`](https://github.com/eea/volto-cca-policy/commit/7d4535dbc486e6cb80fc55d6ac8c7c01d9cf48af)]
 - chore: code cleanup [kreafox - [`842419b`](https://github.com/eea/volto-cca-policy/commit/842419b1bce3dc624755c81c9dea672198cab9e2)]
 - style: update teaser block styling [kreafox - [`1e0cad8`](https://github.com/eea/volto-cca-policy/commit/1e0cad8e1ed3ae827ee868dce8ad50b292a937ba)]
-- chore: update Makefile, run yarn i18n [kreafox - [`61e6962`](https://github.com/eea/volto-cca-policy/commit/61e6962901068ae6512265417a730bd9befd65fe)]
 - chore: move styling to theme folder [kreafox - [`8cf6a1b`](https://github.com/eea/volto-cca-policy/commit/8cf6a1b8b14abf472a9c61b28db574f6d9e0bd3b)]
 - chore: remove ArrayWidget customization [kreafox - [`249bf93`](https://github.com/eea/volto-cca-policy/commit/249bf93054f7726c3d57a8b8ca01b75cd0d30522)]
 - chore: remove Footer customization [kreafox - [`7038af3`](https://github.com/eea/volto-cca-policy/commit/7038af37d48a328dfc31746f3fa84973e2f840ab)]
@@ -3206,13 +3224,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
@@ -3229,9 +3244,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)]
@@ -3448,7 +3460,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
 
@@ -3929,7 +3940,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.3.109",
+  "version": "0.3.111",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -33,11 +33,11 @@
     "@eeacms/volto-eea-design-system": "*",
     "@eeacms/volto-eea-website-theme": "*",
     "@eeacms/volto-embed": "*",
-    "@eeacms/volto-globalsearch": "4.0.0",
+    "@eeacms/volto-globalsearch": "4.0.1",
     "@eeacms/volto-group-block": "^9.0.0",
     "@eeacms/volto-openlayers-map": "1.0.1",
     "@eeacms/volto-searchlib": "^2.1.10",
-    "@eeacms/volto-slate-label": "2.0.0",
+    "@eeacms/volto-slate-label": "2.0.1",
     "@eeacms/volto-tabs-block": "^9.0.3",
     "@elastic/search-ui": "1.21.2",
     "@plone-collective/volto-authomatic": "2.0.1",

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

@@ -11,13 +11,65 @@ import {
   AccordionList,
   PortalMessage,
   ShareInfoButton,
+  ImageGallery,
 } from '@eeacms/volto-cca-policy/components';
 import { Callout } from '@eeacms/volto-eea-design-system/ui';
-import { Container, Grid, Image } from 'semantic-ui-react';
+import { Container, Grid, Image, Icon } from 'semantic-ui-react';
 import { getFilteredBlocks } from '@eeacms/volto-cca-policy/utils';
 import { UniversalLink } from '@plone/volto/components';
 import RenderBlocks from '@plone/volto/components/theme/View/RenderBlocks';
 
+const PhotoGallery = ({ content }) => {
+  const { cca_adaptation_gallery } = content;
+
+  const [open, setOpen] = React.useState(false);
+  const [slideIndex, setSlideIndex] = React.useState(0);
+
+  const handleTitleClick = () => {
+    setSlideIndex(0);
+    setOpen(true);
+  };
+
+  const handleKeyDown = (e) => {
+    if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault();
+      handleTitleClick();
+    }
+  };
+
+  return (
+    <>
+      {cca_adaptation_gallery && cca_adaptation_gallery.length > 0 && (
+        <div className="case-study-gallery">
+          <div
+            className="gallery-title"
+            tabIndex={0}
+            role="button"
+            onClick={handleTitleClick}
+            onKeyDown={handleKeyDown}
+          >
+            <span>
+              <FormattedMessage
+                id="Adaptation Option illustrations"
+                defaultMessage="Adaptation Option illustrations"
+              />
+            </span>
+            <span> ({cca_adaptation_gallery.length}) </span>
+            <Icon className="ri-image-fill" />
+          </div>
+          <ImageGallery
+            items={cca_adaptation_gallery}
+            propOpen={open}
+            setPropOpen={setOpen}
+            propSlideIndex={slideIndex}
+            setPropSlideIndex={setSlideIndex}
+          />
+        </div>
+      )}
+    </>
+  );
+};
+
 function AdaptationOptionView(props) {
   const intl = useIntl();
   const { content = {} } = props;
@@ -39,6 +91,7 @@ function AdaptationOptionView(props) {
     implementation_time,
     related_case_studies,
     show_related_resources,
+    cca_adaptation_gallery,
     stakeholder_participation,
     relevant_eu_policies_items,
   } = content;
@@ -293,12 +346,14 @@ function AdaptationOptionView(props) {
               computer={4}
               className="col-right"
             >
-              {image && (
-                <Image
-                  src={content.image?.scales?.large?.download}
-                  className="preview-image"
-                />
-              )}
+              <PhotoGallery {...props} />
+              {!cca_adaptation_gallery?.length &&
+                image?.scales?.large?.download && (
+                  <Image
+                    src={image?.scales?.large?.download}
+                    className="preview-image"
+                  />
+                )}
               <ContentMetadata
                 {...props}
                 related_case_studies={related_case_studies}

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

@@ -229,6 +229,14 @@ const PhotoGallery = ({ content }) => {
     setSlideIndex(0);
     setOpen(true);
   };
+
+  const handleKeyDown = (e) => {
+    if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault();
+      handleTitleClick();
+    }
+  };
+
   return (
     <>
       {cca_gallery && cca_gallery.length > 0 && (
@@ -238,7 +246,7 @@ const PhotoGallery = ({ content }) => {
             tabIndex={0}
             role="button"
             onClick={handleTitleClick}
-            onKeyDown={handleTitleClick}
+            onKeyDown={handleKeyDown}
           >
             <span>
               <FormattedMessage

package/src/components/theme/Widgets/ImageWidget.jsx

@@ -247,9 +247,7 @@ const UnconnectedImageInput = (props) => {
         }
 
         const dataUrl = await readBlobAsDataURL(blob);
-        const filenameFromUrl = getFilenameFromUrl(url, fallbackFilename);
-
-        setFileValueFromDataUrl(dataUrl, filenameFromUrl);
+        setFileValueFromDataUrl(dataUrl, fallbackFilename);
       } catch (e) {
         setError(intl.formatMessage(messages.imageImportFailed));
       } finally {

package/theme/globals/site.overrides

@@ -421,9 +421,9 @@ iframe {
   padding: 0.7rem;
   margin-top: 0 !important;
   margin-bottom: 1.5em !important;
-  background-color: #f9f9f9;
+  background-color: @ccaYellowColor;
   box-shadow:
-    0px 0px 0px 1px #d2d2d2 inset,
+    0px 0px 0px 1px #e1d098 inset,
     0px 0px 0px 0px rgba(0, 0, 0, 0);
 
   p,

package/theme/globals/site.variables

@@ -12,6 +12,7 @@
 @secondaryColor: #005c97;
 @ccaGreenColor: #8a9c39;
 @ccaOrangeColor: #ef7000;
+@ccaYellowColor: #f3e2ab;
 
 @linkColor: #006bb8;
 @linkHoverColor: #004b7f;

package/theme/globals/views.less

@@ -256,7 +256,7 @@ hr {
   font-size: 0.9rem;
 
   &.warning {
-    background: #f3e2ab;
+    background: @ccaYellowColor;
   }
 
   &.info {