@eeacms/volto-cca-policy 0.3.19 → 0.3.21

package/CHANGELOG.md

@@ -4,6 +4,22 @@ 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.21](https://github.com/eea/volto-cca-policy/compare/0.3.20...0.3.21) - 26 March 2025
+
+#### :rocket: Dependency updates
+
+- Release @eeacms/volto-searchlib@2.0.14 [EEA Jenkins - [`c6f5a6f`](https://github.com/eea/volto-cca-policy/commit/c6f5a6f72b2c15c59a55aead92c721e985f459f6)]
+
+#### :hammer_and_wrench: Others
+
+- Pin @eeacms/volto-eea-design-system [kreafox - [`2885afc`](https://github.com/eea/volto-cca-policy/commit/2885afc586b5b67002248a479f03a7d40a158e3b)]
+- Update dependencies [kreafox - [`6df47a4`](https://github.com/eea/volto-cca-policy/commit/6df47a49665a72a2c587815628c1793dd67aafb0)]
+### [0.3.20](https://github.com/eea/volto-cca-policy/compare/0.3.19...0.3.20) - 25 March 2025
+
+#### :rocket: New Features
+
+- feat: refs #285888 make case study header click open image carousel [laszlocseh - [`9bdf161`](https://github.com/eea/volto-cca-policy/commit/9bdf1615b0120cb22be342c4cb4396c4a81c39dc)]
+
 ### [0.3.19](https://github.com/eea/volto-cca-policy/compare/0.3.18...0.3.19) - 21 March 2025
 
 #### :bug: Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-cca-policy",
-  "version": "0.3.19",
+  "version": "0.3.21",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -29,13 +29,13 @@
   "dependencies": {
     "@eeacms/volto-block-style": "github:eea/volto-block-style#6.x.x",
     "@eeacms/volto-datablocks": "^7.2.5",
-    "@eeacms/volto-eea-design-system": "*",
+    "@eeacms/volto-eea-design-system": "<=1.36.3",
     "@eeacms/volto-eea-website-theme": "^1.35.0",
     "@eeacms/volto-embed": "^9.1.1",
-    "@eeacms/volto-globalsearch": "2.0.9",
+    "@eeacms/volto-globalsearch": "2.0.10",
     "@eeacms/volto-hero-block": "^7.1.0",
     "@eeacms/volto-openlayers-map": "*",
-    "@eeacms/volto-searchlib": "2.0.13",
+    "@eeacms/volto-searchlib": "2.0.14",
     "@eeacms/volto-slate-label": "^0.6.0",
     "@eeacms/volto-tabs-block": "^7.5.1",
     "@elastic/search-ui": "1.21.2",

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

@@ -10,10 +10,27 @@ import './styles.less';
 const Slider = loadable(() => import('react-slick'));
 
 const ImageGallery = (props) => {
-  const { items = [] } = props;
+  const {
+    items = [],
+    propOpen,
+    setPropOpen,
+    propSlideIndex,
+    setPropSlideIndex,
+  } = props;
+  // if state is managed from an external component then use the external state
+  // else use the local one
+  const [localOpen, setLocalOpen] = React.useState(false);
+  const open = propOpen === undefined ? localOpen : propOpen;
+  const setOpen = propOpen === undefined ? setLocalOpen : setPropOpen;
+
+  // if state is managed from an external component then use the external state
+  // else use the local one
+  const [localSlideIndex, setLocalSlideIndex] = React.useState(0);
+  const slideIndex =
+    propSlideIndex === undefined ? localSlideIndex : propSlideIndex;
+  const setSlideIndex =
+    propSlideIndex === undefined ? setLocalSlideIndex : setPropSlideIndex;
 
-  const [open, setOpen] = React.useState(false);
-  const [slideIndex, setSlideIndex] = React.useState(0);
   const [updateCount, setUpdateCount] = React.useState(0);
   const sliderRef = React.useRef(null);
 
@@ -32,7 +49,7 @@ const ImageGallery = (props) => {
       useTransform: false,
       initialSlide: slideIndex,
     }),
-    [slideIndex, updateCount],
+    [slideIndex, setSlideIndex, updateCount],
   );
 
   const handleClick = () => {

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

@@ -222,11 +222,24 @@ export const sectionID = (title) => findSection(title)?.section || title;
 const PhotoGallery = ({ content }) => {
   const { cca_gallery } = content;
 
+  const [open, setOpen] = React.useState(false);
+  const [slideIndex, setSlideIndex] = React.useState(0);
+
+  const handleTitleClick = () => {
+    setSlideIndex(0);
+    setOpen(true);
+  };
   return (
     <>
       {cca_gallery && cca_gallery.length > 0 && (
         <div className="case-study-gallery">
-          <div className="gallery-title">
+          <div
+            className="gallery-title"
+            tabIndex={0}
+            role="button"
+            onClick={handleTitleClick}
+            onKeyDown={handleTitleClick}
+          >
             <span>
               <FormattedMessage
                 id="Case Study illustrations"
@@ -236,7 +249,13 @@ const PhotoGallery = ({ content }) => {
             <span> ({cca_gallery.length}) </span>
             <Icon className="ri-image-fill" />
           </div>
-          <ImageGallery items={cca_gallery} />
+          <ImageGallery
+            items={cca_gallery}
+            propOpen={open}
+            setPropOpen={setOpen}
+            propSlideIndex={slideIndex}
+            setPropSlideIndex={setSlideIndex}
+          />
         </div>
       )}
     </>