@eeacms/volto-cca-policy 0.3.17 → 0.3.18

package/CHANGELOG.md

@@ -4,6 +4,20 @@ 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.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 +2033,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 +2056,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 +2275,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 +2756,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.18",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

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/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>