@eeacms/volto-cca-policy 0.3.40 → 0.3.41

package/CHANGELOG.md

@@ -4,6 +4,24 @@ 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.41](https://github.com/eea/volto-cca-policy/compare/0.3.40...0.3.41) - 14 May 2025
+
+#### :rocket: Dependency updates
+
+- Release @eeacms/volto-globalsearch@2.1.1 [EEA Jenkins - [`95087df`](https://github.com/eea/volto-cca-policy/commit/95087dfc874dfac0186dbaad184666ab9b8649df)]
+
+#### :bug: Bug Fixes
+
+- fix(mission): fix signatory profile actions order - refs #286863 [kreafox - [`48de556`](https://github.com/eea/volto-cca-policy/commit/48de556432efa9c88676f6b938e451d18cce9582)]
+- fix: update test [kreafox - [`951460d`](https://github.com/eea/volto-cca-policy/commit/951460d723278de41e9749e432aff1891497d4fa)]
+- fix: update test [kreafox - [`4608fc9`](https://github.com/eea/volto-cca-policy/commit/4608fc90c2f68c8625a4ad00d8dca5c79c78551c)]
+
+#### :nail_care: Enhancements
+
+- change(mission): move signatory profile CSS to theme folder [kreafox - [`be3744f`](https://github.com/eea/volto-cca-policy/commit/be3744ff175412dbca210a25ac6d1ac686ff4d83)]
+- change(mission): add statitic for Governance section - refs #285296 [kreafox - [`67774d2`](https://github.com/eea/volto-cca-policy/commit/67774d24334b213dc9e870403df9cd15d005219d)]
+- change: adjust tab labels order from backend response - refs #287273 [kreafox - [`6fc277d`](https://github.com/eea/volto-cca-policy/commit/6fc277d8479198d2307de9c092d460a6676a8a51)]
+
 ### [0.3.40](https://github.com/eea/volto-cca-policy/compare/0.3.39...0.3.40) - 13 May 2025
 
 #### :bug: Bug Fixes
@@ -2324,13 +2342,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
@@ -2347,9 +2362,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)]
@@ -2566,7 +2578,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
 
@@ -3047,7 +3058,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.40",
+  "version": "0.3.41",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -32,7 +32,7 @@
     "@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.1.0",
+    "@eeacms/volto-globalsearch": "2.1.1",
     "@eeacms/volto-hero-block": "^7.1.0",
     "@eeacms/volto-openlayers-map": "*",
     "@eeacms/volto-searchlib": "2.0.16",

package/src/components/theme/MissionSignatoryProfile/MissionSignatoryProfileView.jsx

@@ -6,7 +6,12 @@ import AssessmentTab from './TabSections/AssessmentTab';
 import PlanningTab from './TabSections/PlanningTab';
 import ActionPagesTab from './TabSections/ActionPagesTab';
 
-import './style.less';
+const tabRenderers = {
+  Governance_Label: (data) => <GovernanceTab result={data} />,
+  Assessment_Label: (data) => <AssessmentTab result={data} />,
+  Planning_Label: (data) => <PlanningTab result={data} />,
+  Action_Label: (data) => <ActionPagesTab result={data} />,
+};
 
 const MissionSignatoryProfileView = (props) => {
   const { content } = props || {};
@@ -19,12 +24,27 @@ const MissionSignatoryProfileView = (props) => {
   const assessment = result?.assessment || {};
   const action = result?.action || {};
   const footer_text = result?.footer_text || {};
-  const tab_labels = result?.tab_labels || {};
-  const { Governance_Label, Assessment_Label, Planning_Label, Action_Label } =
-    tab_labels || {};
+  const tab_labels = result?.tab_labels || [];
 
   const [activeIndex, setActiveIndex] = React.useState(0);
 
+  const panes = tab_labels
+    .filter(({ key }) => key !== 'Language')
+    .map(({ key, value }) => {
+      const renderTab = tabRenderers[key];
+      const dataMap = {
+        Governance_Label: governance,
+        Assessment_Label: assessment,
+        Planning_Label: planning,
+        Action_Label: action,
+      };
+
+      return {
+        menuItem: value,
+        render: () => (renderTab ? renderTab(dataMap[key]) : null),
+      };
+    });
+
   return (
     <Container>
       <BannerTitle
@@ -39,7 +59,7 @@ const MissionSignatoryProfileView = (props) => {
           hideShareButton: false,
         }}
       />
-      <div className="signatories-profile">
+      <div className="signatory-profile">
         <br />
 
         <Tab
@@ -52,24 +72,7 @@ const MissionSignatoryProfileView = (props) => {
           grid={{ paneWidth: 9, tabWidth: 3, stackable: true }}
           activeIndex={activeIndex}
           onTabChange={(e, { activeIndex }) => setActiveIndex(activeIndex)}
-          panes={[
-            {
-              menuItem: Governance_Label || 'Governance',
-              render: () => <GovernanceTab result={governance} />,
-            },
-            {
-              menuItem: Assessment_Label || 'Assessment',
-              render: () => <AssessmentTab result={assessment} />,
-            },
-            {
-              menuItem: Planning_Label || 'Planning',
-              render: () => <PlanningTab result={planning} />,
-            },
-            {
-              menuItem: Action_Label || 'Action',
-              render: () => <ActionPagesTab result={action} />,
-            },
-          ]}
+          panes={panes}
         />
 
         {footer_text.Disclaimer && (

package/src/components/theme/MissionSignatoryProfile/MissionSignatoryProfileView.test.jsx

@@ -17,27 +17,42 @@ jest.mock('@eeacms/volto-cca-policy/helpers', () => ({
 }));
 
 describe('MissionSignatoryProfileView', () => {
-  const data = {
-    _v_results: {
-      planning: {
-        planning_titles: [{}],
+  const content = {
+    '@components': {
+      missionsignatoryprofile: {
+        result: {
+          governance: [{}],
+          assessment: {},
+          planning: {},
+          action: {},
+          footer_text: {
+            Disclaimer_Title: 'Disclaimer Title',
+            Disclaimer: 'This is a disclaimer.',
+          },
+          tab_labels: [
+            { key: 'Governance_Label', value: 'Governance' },
+            { key: 'Assessment_Label', value: 'Assessment' },
+            { key: 'Planning_Label', value: 'Planning & Target' },
+            { key: 'Action_Label', value: 'Action' },
+            { key: 'Language', value: 'en' }, // will be filtered out
+          ],
+        },
       },
-      governance: [{}],
     },
   };
 
   it('renders tab labels and default content', () => {
-    render(<MissionSignatoryProfileView data={data} />);
+    render(<MissionSignatoryProfileView content={content} />);
 
     // Tab labels
     expect(screen.getByText('Governance')).toBeInTheDocument();
     expect(screen.getByText('Assessment')).toBeInTheDocument();
-    expect(screen.getByText('Planning')).toBeInTheDocument();
+    expect(screen.getByText('Planning & Target')).toBeInTheDocument();
     expect(screen.getByText('Action')).toBeInTheDocument();
   });
 
   it('switches tabs and renders corresponding content', () => {
-    render(<MissionSignatoryProfileView data={data} />);
+    render(<MissionSignatoryProfileView content={content} />);
 
     fireEvent.click(screen.getByText('Governance'));
     expect(screen.getByText('Mocked Governance')).toBeInTheDocument();
@@ -45,10 +60,16 @@ describe('MissionSignatoryProfileView', () => {
     fireEvent.click(screen.getByText('Assessment'));
     expect(screen.getByText('Mocked Assessment')).toBeInTheDocument();
 
-    fireEvent.click(screen.getByText('Planning'));
+    fireEvent.click(screen.getByText('Planning & Target'));
     expect(screen.getByText('Mocked Planning')).toBeInTheDocument();
 
     fireEvent.click(screen.getByText('Action'));
     expect(screen.getByText('Mocked Action')).toBeInTheDocument();
   });
+
+  it('renders footer disclaimer text if present', () => {
+    render(<MissionSignatoryProfileView content={content} />);
+    expect(screen.getByText('Disclaimer Title')).toBeInTheDocument();
+    expect(screen.getByText('This is a disclaimer.')).toBeInTheDocument();
+  });
 });

package/src/components/theme/MissionSignatoryProfile/{StatisticsSection.jsx → StatisticSection.jsx}

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {
   Statistic,
   StatisticValue,
@@ -7,10 +5,10 @@ import {
   StatisticGroup,
 } from 'semantic-ui-react';
 
-const StatisticsSection = ({ statistics }) => {
+const StatisticSection = ({ statistic }) => {
   return (
     <StatisticGroup widths="two" size="small">
-      {statistics.map((stat, index) => (
+      {statistic.map((stat, index) => (
         <Statistic key={index}>
           <StatisticValue>{stat.value}</StatisticValue>
           <StatisticLabel>{stat.label}</StatisticLabel>
@@ -20,4 +18,4 @@ const StatisticsSection = ({ statistics }) => {
   );
 };
 
-export default StatisticsSection;
+export default StatisticSection;

package/src/components/theme/MissionSignatoryProfile/TabSections/ActionPagesTab.jsx

@@ -65,11 +65,7 @@ const ActionPagesTab = ({ result }) => {
   const { Title, Abstract, Abstract_Line } = result.action_text?.[0] || [];
   const actions = result.actions || [];
 
-  const sortedActions = [...actions].sort((a, b) => {
-    const aNum = parseInt(a.Action_Id.replace(/\D/g, ''), 10);
-    const bNum = parseInt(b.Action_Id.replace(/\D/g, ''), 10);
-    return aNum - bNum;
-  });
+  const sortedActions = [...actions].sort((a, b) => a.Order - b.Order);
 
   return (
     <Tab.Pane>
@@ -85,7 +81,7 @@ const ActionPagesTab = ({ result }) => {
         return (
           <div key={index} className="section-wrapper">
             <h5 className="section-title">
-              <span className="section-number">{action.Action_Id}. </span>
+              <span className="section-number">{action.Order}. </span>
               <HTMLField value={{ data: formatTextToHTML(action?.Action) }} />
             </h5>
 

package/src/components/theme/MissionSignatoryProfile/TabSections/AssessmentTab.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Tab, Image, Segment, Item } from 'semantic-ui-react';
 import { Callout } from '@eeacms/volto-eea-design-system/ui';
 import { HTMLField } from '@eeacms/volto-cca-policy/helpers';

package/src/components/theme/MissionSignatoryProfile/TabSections/GovernanceTab.jsx

@@ -1,9 +1,9 @@
-import React from 'react';
 import { Tab } from 'semantic-ui-react';
 import { Callout } from '@eeacms/volto-eea-design-system/ui';
 import { HTMLField } from '@eeacms/volto-cca-policy/helpers';
 import { formatTextToHTML } from '@eeacms/volto-cca-policy/utils';
 import AccordionList from '../AccordionList';
+import StatisticSection from '../StatisticSection';
 
 const GovernanceTab = ({ result }) => {
   const {
@@ -13,14 +13,43 @@ const GovernanceTab = ({ result }) => {
     Describe,
     Provide_Title,
     Provide,
+    Statistic_Area,
+    Statistic_Area_Label,
+    Statistic_Jurisdiction_Range,
+    Statistic_Jurisdiction_Range_Label,
+    Statistic_Population_Size,
+    Statistic_Population_Size_Label,
+    Statistic_Population_Year,
+    Statistic_Population_Year_Label,
   } = result;
 
+  const statisticData = [
+    {
+      value: Statistic_Area,
+      label: Statistic_Area_Label,
+    },
+    {
+      value: Statistic_Jurisdiction_Range,
+      label: Statistic_Jurisdiction_Range_Label,
+    },
+    {
+      value: Statistic_Population_Size,
+      label: Statistic_Population_Size_Label,
+    },
+    {
+      value: Statistic_Population_Year,
+      label: Statistic_Population_Year_Label,
+    },
+  ].filter((stat) => stat.value && stat.label);
+
   return (
     <Tab.Pane>
       {Title && <h2>{Title}</h2>}
 
       {Introduction && <Callout>{Introduction}</Callout>}
 
+      <StatisticSection statistic={statisticData} />
+
       {Describe_Title && <h3>{Describe_Title}</h3>}
 
       {Describe && <HTMLField value={{ data: formatTextToHTML(Describe) }} />}

package/theme/globals/mission.less

@@ -116,6 +116,103 @@ body.subsite-mkh {
   #mega-menu .ui.accordion .content {
     background: @subsiteBackgroundGradient;
   }
+
+  /* Mission signatory profile */
+  .signatory-profile {
+    .ui.items.items-group {
+      margin: 2em 0 !important;
+    }
+
+    .column > .ui.segment {
+      background-color: #fff !important;
+    }
+
+    .section-wrapper-info {
+      display: flex;
+      justify-content: space-between;
+      font-size: 14px;
+
+      .date {
+        position: relative;
+        top: 5px;
+      }
+    }
+
+    .description > p {
+      margin-bottom: 1em;
+    }
+
+    .tab-section-wrapper {
+      padding: 1.5em;
+      margin: 2em 0;
+      background-color: #f9f9f9;
+
+      &.assessment {
+        .ui.accordion {
+          margin-top: 1em;
+
+          .content.active {
+            padding: 1rem 1rem !important;
+            background-color: @white;
+          }
+
+          .ui.segment.border {
+            border: 1px solid #e6e7e8;
+          }
+        }
+      }
+    }
+
+    .section-wrapper {
+      padding: 1em;
+      margin: 1em 0;
+      background-color: #f9f9f9;
+
+      .section-title {
+        display: flex;
+        align-items: baseline;
+        gap: 0.5em;
+      }
+
+      .ui.accordion {
+        margin-top: 1em;
+
+        .content.active {
+          padding-bottom: 1rem !important;
+        }
+      }
+
+      .small-label {
+        font-size: 1em;
+      }
+    }
+
+    .section-number {
+      color: @pineGreen;
+    }
+
+    strong.date {
+      margin-right: 0.5em;
+    }
+
+    .items-group {
+      display: block !important;
+      column-count: 2;
+
+      .item {
+        padding: 0.5em 0 !important;
+        break-inside: avoid-column;
+
+        .content {
+          padding-left: 0.5rem !important;
+        }
+      }
+    }
+
+    .footer-text {
+      margin-top: 3em;
+    }
+  }
 }
 
 /* Latest news updates, Latest events */

package/src/components/theme/MissionSignatoryProfile/style.less

@@ -1,100 +0,0 @@
-@type: 'extra';
-@element: 'custom';
-
-@import (multiple, reference, optional) '../../theme.config';
-
-.signatories-profile {
-  .ui.items.items-group {
-    margin: 2em 0 !important;
-  }
-
-  .column > .ui.segment {
-    background-color: #fff !important;
-  }
-
-  .section-wrapper-info {
-    display: flex;
-    justify-content: space-between;
-    font-size: 14px;
-
-    .date {
-      position: relative;
-      top: 5px;
-    }
-  }
-
-  .description > p {
-    margin-bottom: 1em;
-  }
-
-  .tab-section-wrapper {
-    padding: 1.5em;
-    margin: 2em 0;
-    background-color: #f9f9f9;
-
-    &.assessment {
-      .ui.accordion {
-        margin-top: 1em;
-
-        .content.active {
-          padding: 1rem 1rem !important;
-          background-color: @white;
-        }
-
-        .ui.segment.border {
-          border: 1px solid #e6e7e8;
-        }
-      }
-    }
-  }
-
-  .section-wrapper {
-    padding: 1em;
-    margin: 1em 0;
-    background-color: #f9f9f9;
-
-    .section-title {
-      display: flex;
-      align-items: baseline;
-      gap: 0.5em;
-    }
-
-    .ui.accordion {
-      margin-top: 1em;
-
-      .content.active {
-        padding-bottom: 1rem !important;
-      }
-    }
-
-    .small-label {
-      font-size: 1em;
-    }
-  }
-
-  .section-number {
-    color: @pineGreen;
-  }
-
-  strong.date {
-    margin-right: 0.5em;
-  }
-
-  .items-group {
-    display: block !important;
-    column-count: 2;
-
-    .item {
-      padding: 0.5em 0 !important;
-      break-inside: avoid-column;
-
-      .content {
-        padding-left: 0.5rem !important;
-      }
-    }
-  }
-
-  .footer-text {
-    margin-top: 3em;
-  }
-}