@eeacms/volto-cca-policy 0.3.17 → 0.3.19

package/CHANGELOG.md

@@ -4,6 +4,34 @@ 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.19](https://github.com/eea/volto-cca-policy/compare/0.3.18...0.3.19) - 21 March 2025
+
+#### :bug: Bug Fixes
+
+- fix: stylelint [kreafox - [`1337dee`](https://github.com/eea/volto-cca-policy/commit/1337dee1acd7f239c605c89536ddd4915c89409b)]
+- fix: stylelint [kreafox - [`bae43eb`](https://github.com/eea/volto-cca-policy/commit/bae43ebbba20085f04a37741962ce93e6a16b006)]
+- fix: stylelint [kreafox - [`118510b`](https://github.com/eea/volto-cca-policy/commit/118510be22b732779c4090143e0ffb27c7e6d3ed)]
+- fix: stylelint [kreafox - [`22d0850`](https://github.com/eea/volto-cca-policy/commit/22d08500f566acceaf8f1cf80f4f720f988cf085)]
+- fix: stylelint [kreafox - [`54efc0b`](https://github.com/eea/volto-cca-policy/commit/54efc0b7048d81071ae1f8fff85faad9b7aa646d)]
+- fix: ast navigation for AdaptationSupportTool [laszlocseh - [`94a58dc`](https://github.com/eea/volto-cca-policy/commit/94a58dc30c7b5339a814c714c1e982bea8e08727)]
+
+#### :hammer_and_wrench: Others
+
+- Tweaks to functionality of case study explorer [Tiberiu Ichim - [`e7cad8a`](https://github.com/eea/volto-cca-policy/commit/e7cad8aa932373b255c875f14f59a18ef3aa51c0)]
+### [0.3.18](https://github.com/eea/volto-cca-policy/compare/0.3.17...0.3.18) - 21 March 2025
+
+#### :rocket: New Features
+
+- feat: improve statistic section, add assessment section (WIP) - refs #285361 [kreafox - [`3a1ca18`](https://github.com/eea/volto-cca-policy/commit/3a1ca18aad31813e55c298c4160bd5092eb8303b)]
+
+#### :nail_care: Enhancements
+
+- change: improve mission signatories profile view - refs #285361 [kreafox - [`e3a2de9`](https://github.com/eea/volto-cca-policy/commit/e3a2de94b3bb329012380b33695f1f976cd6611e)]
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`7bfbc5c`](https://github.com/eea/volto-cca-policy/commit/7bfbc5cc9ab0489e5dbb9dd35eca77a1ee83d089)]
+
 ### [0.3.17](https://github.com/eea/volto-cca-policy/compare/0.3.16...0.3.17) - 19 March 2025
 
 #### :rocket: New Features
@@ -2019,10 +2047,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
@@ -2039,6 +2070,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)]
@@ -2255,6 +2289,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
 
@@ -2735,6 +2770,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.3.17",
+  "version": "0.3.19",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

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

@@ -1,9 +1,19 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
+import { Icon } from 'semantic-ui-react';
 
-export default function FeatureDisplay({ feature }) {
+export default function FeatureDisplay({ feature, onClose }) {
   return feature ? (
     <div id="csepopup">
+      <div
+        className="close"
+        role="button"
+        onClick={onClose}
+        tabIndex={-1}
+        onKeyDown={onClose}
+      >
+        <Icon className="ri-close-circle-line" />
+      </div>
       <p>
         <strong>
           <a className="dbitem" href={feature.url} target="_blank">

package/src/components/manage/Blocks/CaseStudyExplorer/FeatureInteraction.jsx

@@ -121,15 +121,6 @@ export default function FeatureInteraction({
 
     function handleClick(evt) {
       if (evt.originalEvent.target.tagName === 'A') return;
-      if (selectedFeature) {
-        onFeatureSelect(null);
-
-        const view = map.getView();
-        view.animate({
-          ...mapCenter,
-          duration: 1000,
-        });
-      }
     }
 
     function handlePointerMove(e) {
@@ -158,6 +149,20 @@ export default function FeatureInteraction({
     clusterCirclesLayer,
   ]);
 
+  function onClosePopup(evt) {
+    evt.preventDefault();
+
+    if (selectedFeature) {
+      onFeatureSelect(null);
+
+      const view = map.getView();
+      view.animate({
+        ...mapCenter,
+        duration: 2000,
+      });
+    }
+  }
+
   return isClient ? (
     <div
       id="popup-overlay"
@@ -169,7 +174,9 @@ export default function FeatureInteraction({
         visibility: selectedFeature ? 'visible' : 'hidden',
       }}
     >
-      {selectedFeature ? <FeatureDisplay feature={selectedFeature} /> : null}
+      {selectedFeature ? (
+        <FeatureDisplay feature={selectedFeature} onClose={onClosePopup} />
+      ) : null}
     </div>
   ) : null;
 }

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

@@ -6,6 +6,15 @@
   border-bottom: 6px solid #005c96;
   background-color: white;
 
+  .close {
+    position: relative;
+    top: -8px;
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    float: right;
+  }
+
   a.dbitem {
     font-size: 14px;
     text-decoration: none;

package/src/components/manage/Blocks/CaseStudyExplorer/useInteractiveStyles.jsx

@@ -10,7 +10,7 @@ function getStyle(size, haveAdaptecca) {
       size === 1
         ? new ol.style.Style({
             image: new ol.style.Circle({
-              radius: 5,
+              radius: 7,
               stroke: new ol.style.Stroke({
                 color: '#fff',
               }),

package/src/components/manage/Blocks/MissionSignatoriesProfile/StatisticsSection.jsx

@@ -1,19 +1,22 @@
 import React from 'react';
 
+import {
+  Statistic,
+  StatisticValue,
+  StatisticLabel,
+  StatisticGroup,
+} from 'semantic-ui-react';
+
 const StatisticsSection = ({ statistics }) => {
   return (
-    <div className="ui small two statistics center">
+    <StatisticGroup widths="two" size="small">
       {statistics.map((stat, index) => (
-        <div key={index} className="ui statistic">
-          <div className="value slate text-center secondary">
-            <p>{stat.value}</p>
-          </div>
-          <div className="label slate text-center primary">
-            <p>{stat.label}</p>
-          </div>
-        </div>
+        <Statistic key={index}>
+          <StatisticValue>{stat.value}</StatisticValue>
+          <StatisticLabel>{stat.label}</StatisticLabel>
+        </Statistic>
       ))}
-    </div>
+    </StatisticGroup>
   );
 };
 

package/src/components/manage/Blocks/MissionSignatoriesProfile/TabSections/AssessmentTab.jsx

@@ -1,8 +1,22 @@
 import React from 'react';
-import { Tab } from 'semantic-ui-react';
+import {
+  Tab,
+  Image,
+  Button,
+  Segment,
+  Grid,
+  GridColumn,
+  Item,
+  ItemGroup,
+  ItemContent,
+} from 'semantic-ui-react';
 import { Callout } from '@eeacms/volto-eea-design-system/ui';
+import AccordionList from './../AccordionList';
+
+import image from '@eeacms/volto-cca-policy/../theme//assets/images/image-narrow.svg';
 
 const AssessmentTab = () => {
+  const [activeIndex, setActiveIndex] = React.useState(0);
   return (
     <Tab.Pane>
       <h2>Assessment</h2>
@@ -12,17 +26,158 @@ const AssessmentTab = () => {
           eiusmod tempor incididunt ut labore et dolore magna aliqua.
         </p>
       </Callout>
+
+      <div className="profile-content-box">
+        <h3>Climate Risk Assessment</h3>
+        <div className="profile-content-box-info">
+          <ItemGroup unstackable className="row">
+            <Item>
+              <Image size="miny" src={image} />
+              <ItemContent
+                verticalAlign="middle"
+                style={{ paddingLeft: '5px' }}
+              >
+                Lorem ipsum dolor sit amet
+              </ItemContent>
+            </Item>
+          </ItemGroup>
+
+          <div className="date">
+            <p>Year of publication: 2022</p>
+          </div>
+        </div>
+
+        <h4>The CRA conducted considers the following factors</h4>
+
+        <div className="items-wrapper">
+          <Grid className="column-grid">
+            <GridColumn width={6} className="column-blocks-wrapper">
+              <ItemGroup unstackable className="row">
+                <Item>
+                  <Image size="small" src={image} />
+                  <ItemContent verticalAlign="middle">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit
+                  </ItemContent>
+                </Item>
+
+                <Item>
+                  <Image size="small" src={image} />
+                  <ItemContent verticalAlign="middle">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit
+                  </ItemContent>
+                </Item>
+
+                <Item>
+                  <Image size="small" src={image} />
+                  <ItemContent verticalAlign="middle">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit
+                  </ItemContent>
+                </Item>
+              </ItemGroup>
+            </GridColumn>
+
+            <GridColumn width={6}>
+              <ItemGroup unstackable className="row">
+                <Item>
+                  <Image size="small" src={image} />
+                  <ItemContent verticalAlign="middle">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit
+                  </ItemContent>
+                </Item>
+
+                <Item>
+                  <Image size="small" src={image} />
+                  <ItemContent verticalAlign="middle">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit
+                  </ItemContent>
+                </Item>
+
+                <Item>
+                  <Image size="small" src={image} />
+                  <ItemContent verticalAlign="middle">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit
+                  </ItemContent>
+                </Item>
+              </ItemGroup>
+            </GridColumn>
+          </Grid>
+        </div>
+
+        <h4>Further details</h4>
+        <Segment>
+          Nam tempor finibus lorem, nec varius arcu convallis sed. Nunc id orci
+          a neque vehicula malesuada. Donec vehicula libero vel leo convallis,
+          nec tincidunt felis tincidunt. Maecenas euismod tristique leo, vel
+          malesuada ligula malesuada sed. Donec eget libero id leo congue
+          venenatis.
+        </Segment>
+        <Button primary inverted>
+          Download
+        </Button>
+      </div>
+
+      <h3>Climate related hazards & sectors most exposed</h3>
       <p>
-        Nam tempor finibus lorem, nec varius arcu convallis sed. Nunc id orci a
-        neque vehicula malesuada. Donec vehicula libero vel leo convallis, nec
-        tincidunt felis tincidunt. Maecenas euismod tristique leo, vel malesuada
-        ligula malesuada sed. Donec eget libero id leo congue venenatis. Ut enim
-        ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-        aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
-        in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
-        officia deserunt mollit anim id est laborum.
+        Donec eget libero id leo congue venenatis. Ut enim ad minim veniam, quis
+        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+        esse cillum dolore eu fugiat nulla pariatur.
       </p>
+
+      <br />
+
+      <Tab
+        menu={{
+          fluid: true,
+          className: 'secondary',
+          vertical: true,
+          pointing: true,
+        }}
+        grid={{ paneWidth: 9, tabWidth: 3, stackable: true }}
+        activeIndex={activeIndex}
+        onTabChange={(e, { activeIndex }) => setActiveIndex(activeIndex)}
+        panes={[
+          {
+            menuItem: 'Water related',
+            render: () => (
+              <AccordionList
+                accordions={[
+                  {
+                    title: 'Vestibulum ante ipsum primis',
+                    content: 'No additional details provided.',
+                  },
+                  {
+                    title: 'Etiam accumsan urna a mauris',
+                    content: 'No additional details provided.',
+                  },
+                ]}
+              />
+            ),
+          },
+          {
+            menuItem: 'Heat related',
+            render: () => (
+              <div>
+                Nam tempor finibus lorem, nec varius arcu convallis sed. Nunc id
+                orci a neque vehicula malesuada. Donec vehicula libero vel leo
+                convallis, nec tincidunt felis tincidunt. Maecenas euismod
+                tristique leo, vel malesuada ligula malesuada sed.
+              </div>
+            ),
+          },
+          {
+            menuItem: 'Other hazards',
+            render: () => (
+              <div>
+                Nam tempor finibus lorem, nec varius arcu convallis sed. Nunc id
+                orci a neque vehicula malesuada. Donec vehicula libero vel leo
+                convallis, nec tincidunt felis tincidunt. Maecenas euismod
+                tristique leo, vel malesuada ligula malesuada sed.
+              </div>
+            ),
+          },
+        ]}
+      />
     </Tab.Pane>
   );
 };

package/src/components/manage/Blocks/MissionSignatoriesProfile/TabSections/IntroductionTab.jsx

@@ -12,12 +12,26 @@ const IntroductionTab = () => {
           tristique senectus et netus et malesuada fames ac turpis egestas.
         </p>
       </Callout>
+      <h3>The Mission on Adaptation</h3>
       <p>
         Nulla facilisi. Donec fringilla urna id ligula ullamcorper, vel
         tristique lorem posuere. Donec et orci mauris. Nullam tempor velit id mi
         luctus, a scelerisque libero accumsan. In hac habitasse platea dictumst.
         Cras ac nunc nec massa tristique fringilla.
       </p>
+      <h3>Data source</h3>
+      <p>
+        Donec eget libero id leo congue venenatis. Ut enim ad minim veniam, quis
+        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+        esse cillum dolore eu fugiat nulla pariatur.
+      </p>
+      <p>
+        Donec eget libero id leo congue venenatis. Ut enim ad minim veniam, quis
+        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+        esse cillum dolore eu fugiat nulla pariatur.
+      </p>
     </Tab.Pane>
   );
 };

package/src/components/manage/Blocks/MissionSignatoriesProfile/style.less

@@ -1,5 +1,22 @@
 .signatories-profile {
-  .ui.accordion {
+  .profile-content-box {
+    padding: 1.5em;
     margin: 2em 0;
+    background-color: #f9f9f9;
+
+    .items-wrapper {
+      margin: 2em 0;
+    }
+
+    .profile-content-box-info {
+      display: flex;
+      justify-content: space-between;
+      font-size: 14px;
+
+      .date {
+        position: relative;
+        top: 5px;
+      }
+    }
   }
 }

package/src/components/theme/ASTNavigation/ASTNavigation.jsx

@@ -29,7 +29,8 @@ const ASTNavigation = (props) => {
           rootPath,
           {
             'path.depth': 1,
-            portal_type: ['collective.cover.content'],
+            portal_type: ['Folder'],
+            object_provides: 'eea.climateadapt.interfaces.ICover',
             review_state: 'published',
             b_size: 100,
           },

package/theme/assets/images/image-narrow.svg

@@ -0,0 +1,5 @@
+<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 13L11.9333 11V25L10 23H26L24.0667 25V11L26 13H10ZM26 11V18V21.5V23.5V25H10V11H26Z" fill="#007B6C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 31H29V29H7V31Z" fill="#007B6C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7H29V5H7V7Z" fill="#007B6C"/>
+</svg>