@eeacms/volto-cca-policy 0.3.28 → 0.3.29

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-03-18T08:52:34.397Z\n"
+"POT-Creation-Date: 2025-04-22T09:13:00.209Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -21,6 +21,7 @@ msgstr ""
 #. Default: "Adaptation Approaches"
 #: search/cca/facets
 #: search/facets
+#: search/fise/facets
 #: search/health_observatory/facets-health
 #: search/mission_all/facets-all
 #: search/mission_projects/facets-projects
@@ -46,6 +47,7 @@ msgstr ""
 #: search/cca/facets
 #: search/common
 #: search/facets
+#: search/fise/facets
 msgid "Adaptation Sectors"
 msgstr ""
 
@@ -150,6 +152,7 @@ msgstr ""
 #: search/cca/facets
 #: search/common
 #: search/facets
+#: search/fise/facets
 msgid "Climate Impacts"
 msgstr ""
 
@@ -316,6 +319,7 @@ msgstr ""
 #. Default: "Funding Programme"
 #: search/cca/facets
 #: search/facets
+#: search/fise/facets
 #: search/mission_projects/facets-projects
 #: search/mission_stories/facets-stories
 msgid "Funding Programme"
@@ -430,6 +434,7 @@ msgstr ""
 #. Default: "Item from third parties"
 #: search/cca/facets
 #: search/facets
+#: search/fise/facets
 msgid "Item from third parties"
 msgstr ""
 
@@ -442,6 +447,7 @@ msgstr ""
 #: components/manage/Blocks/FilterAceContent/FilterAceContentView
 #: search/cca/facets
 #: search/facets
+#: search/fise/facets
 msgid "Key Type Measure"
 msgstr ""
 
@@ -724,6 +730,7 @@ msgstr ""
 #. Default: "Section"
 #: search/cca/facets
 #: search/facets
+#: search/fise/facets
 msgid "Section"
 msgstr ""
 
@@ -843,6 +850,7 @@ msgstr ""
 #. Default: "Transnational regions"
 #: search/cca/facets
 #: search/facets
+#: search/fise/facets
 msgid "Transnational regions"
 msgstr ""
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-cca-policy",
-  "version": "0.3.28",
+  "version": "0.3.29",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/manage/Blocks/CollectionStatistics/CollectionStatsView.jsx

@@ -115,6 +115,7 @@ export default function CollectionStatsView(props) {
   const { queryParameterStyle = 'SearchBlock', query = {}, showLabel } = data;
   const base = getBase(props);
   let stats = useStats(getBaseUrl(pathname), id, data);
+  const intl = useIntl();
 
   const groupDefinition =
     config.blocks.blocksConfig.collectionStats?.groups?.[field] || {};
@@ -141,7 +142,10 @@ export default function CollectionStatsView(props) {
                   base,
                   query: query.query,
                   field: groupDefinition.searchFieldName || field,
-                  value: kV,
+                  value: intl.formatMessage({
+                    id: kV,
+                    defaultMessage: kV,
+                  }),
                   extraFilters,
                 })}
               >

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

@@ -3,6 +3,14 @@
 
 @import (multiple, reference, optional) '../../theme.config';
 
+body.cca-main-homepage {
+  .collection-stats {
+    a {
+      word-break: break-word;
+    }
+  }
+}
+
 .collection-stats {
   display: flex;
   flex-direction: row;

package/src/components/manage/Blocks/MissionSignatoriesProfile/MissionSignatoriesProfileView.js

@@ -15,6 +15,7 @@ const MissionSignatoriesProfileView = (props) => {
   const governance = result?.governance?.[0] || [];
   const planning = result?.planning || {};
   const assessment = result?.assessment || {};
+  const action = result?.action || {};
 
   // const dataJson = JSON.parse(result?.Cooperation_Experience);
   const [activeIndex, setActiveIndex] = React.useState(0);
@@ -61,7 +62,7 @@ const MissionSignatoriesProfileView = (props) => {
             },
             {
               menuItem: 'Action Pages',
-              render: () => <ActionPagesTab />,
+              render: () => <ActionPagesTab result={action} />,
             },
           ]}
         />

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

@@ -1,25 +1,102 @@
 import React from 'react';
-import { Tab } from 'semantic-ui-react';
+import { Tab, Grid } from 'semantic-ui-react';
 import { Callout } from '@eeacms/volto-eea-design-system/ui';
+import AccordionList from './../AccordionList';
+
+const ActionsTabContent = ({ action }) => {
+  const hasHazards = action?.Climate_Hazards?.length > 0;
+  const hasSectors = !!action?.Sectors;
+  const hasBenefits = !!action?.Co_Benefits;
+  return (
+    <>
+      <Grid columns="12">
+        <Grid.Column mobile={12} tablet={12} computer={6}>
+          {hasHazards && (
+            <>
+              <h5>{action.Hazards_Addressed_Label}</h5>
+              <ul>
+                {action.Climate_Hazards.map((hazard, index) => (
+                  <li key={index}>{hazard}</li>
+                ))}
+              </ul>
+            </>
+          )}
+          {hasSectors && (
+            <>
+              <h5>{action.Sectors_Label}</h5>
+              <ul>
+                {action.Sectors.map((hazard, index) => (
+                  <li key={index}>{hazard}</li>
+                ))}
+              </ul>
+            </>
+          )}
+        </Grid.Column>
+
+        <Grid.Column mobile={12} tablet={12} computer={6}>
+          {hasBenefits && (
+            <>
+              <h5 className="small-label">{action.Co_Benefits_Label}</h5>
+              <ul>
+                {action.Co_Benefits.map((benefit, index) => (
+                  <li key={index}>{benefit}</li>
+                ))}
+              </ul>
+            </>
+          )}
+        </Grid.Column>
+      </Grid>
+      {action.Funding_Sources && (
+        <>
+          <br />
+          <p>
+            <span>{action.Funding_Sources_Label} </span>
+            <strong>{action.Funding_Sources}</strong>
+          </p>
+        </>
+      )}
+    </>
+  );
+};
+
+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 ActionPagesTab = () => {
   return (
     <Tab.Pane>
-      <h2>Action Pages</h2>
-      <Callout>
-        <p>
-          Donec et urna vel risus feugiat pharetra. Proin id lacus vitae velit
-          accumsan venenatis. Aenean non mi vel nisi lacinia maximus.
-        </p>
-      </Callout>
-      <p>
-        Duis efficitur, sapien quis bibendum auctor, lectus risus feugiat
-        sapien, ac pulvinar orci est a arcu. Integer id augue vitae urna
-        tristique tempus. Etiam id velit feugiat, scelerisque velit a,
-        scelerisque nunc. Vestibulum ante ipsum primis in faucibus orci luctus
-        et ultrices posuere cubilia curae; Integer dignissim risus non nibh
-        scelerisque, sit amet tincidunt sapien rutrum.
-      </p>
+      {Title && <h2>{Title}</h2>}
+      {Abstract && <p>{Abstract}</p>}
+      {Abstract_Line && <Callout>{Abstract_Line}</Callout>}
+
+      <br />
+
+      {sortedActions.map((action, index) => {
+        return (
+          <div key={index} className="section-wrapper">
+            <h5 className="section-title">
+              <span className="section-number">{action.Order}. </span>
+              <span>{action?.Action}</span>
+            </h5>
+
+            <AccordionList
+              variation="tertiary"
+              accordions={[
+                {
+                  title: action?.More_Details_Label || 'More details',
+                  content: <ActionsTabContent action={action} />,
+                },
+              ]}
+            />
+          </div>
+        );
+      })}
     </Tab.Pane>
   );
 };

package/src/components/manage/Blocks/MissionSignatoriesProfile/TabSections/ActionPagesTab.test.jsx

@@ -0,0 +1,93 @@
+import React from 'react';
+import { render, within } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import ActionPagesTab from './ActionPagesTab';
+
+// Mocking components used inside
+jest.mock('@eeacms/volto-eea-design-system/ui', () => ({
+  Callout: ({ children }) => <div>{children}</div>,
+}));
+
+jest.mock('./../AccordionList', () => ({ variation, accordions }) => (
+  <div>
+    {accordions.map((item, index) => (
+      <div key={index}>
+        <div>{item.title}</div>
+        <div>{item.content}</div>
+      </div>
+    ))}
+  </div>
+));
+
+describe('ActionPagesTab', () => {
+  const mockResult = {
+    action_text: [
+      {
+        Title: 'Adaptation Actions',
+        Abstract: 'This is an overview of adaptation actions.',
+        Abstract_Line: 'Summary line here.',
+      },
+    ],
+    actions: [
+      {
+        Action_Id: 'A-002',
+        Order: 2,
+        Action: 'Second action',
+        More_Details_Label: 'Details 2',
+        Climate_Hazards: ['Flood', 'Heatwave'],
+        Hazards_Addressed_Label: 'Hazards addressed',
+        Sectors: ['Health', 'Infrastructure'],
+        Sectors_Label: 'Affected sectors',
+        Co_Benefits: ['Biodiversity', 'Air quality'],
+        Co_Benefits_Label: 'Co-benefits',
+        Funding_Sources: 'EU Funds',
+        Funding_Sources_Label: 'Funding source:',
+      },
+      {
+        Action_Id: 'A-001',
+        Order: 1,
+        Action: 'First action',
+        More_Details_Label: 'Details 1',
+        Climate_Hazards: ['Drought'],
+        Hazards_Addressed_Label: 'Hazards addressed',
+        Sectors: ['Agriculture'],
+        Sectors_Label: 'Affected sectors',
+        Co_Benefits: ['Water retention'],
+        Co_Benefits_Label: 'Co-benefits',
+        Funding_Sources: 'National Funds',
+        Funding_Sources_Label: 'Funding source:',
+      },
+    ],
+  };
+
+  it('renders action tab content correctly', () => {
+    const { getByText, getAllByText } = render(
+      <ActionPagesTab result={mockResult} />,
+    );
+
+    expect(getByText('Adaptation Actions')).toBeInTheDocument();
+    expect(
+      getByText('This is an overview of adaptation actions.'),
+    ).toBeInTheDocument();
+    expect(getByText('Summary line here.')).toBeInTheDocument();
+
+    const sections = getAllByText(/^\d+\./).map((el) =>
+      el.closest('.section-wrapper'),
+    );
+
+    // First action
+    const firstAction = within(sections[0]);
+    expect(firstAction.getByText('First action')).toBeInTheDocument();
+    expect(firstAction.getByText('Hazards addressed')).toBeInTheDocument();
+    expect(firstAction.getByText('Drought')).toBeInTheDocument();
+    expect(firstAction.getByText('Funding source:')).toBeInTheDocument();
+    expect(firstAction.getByText('National Funds')).toBeInTheDocument();
+
+    // Second action
+    const secondAction = within(sections[1]);
+    expect(secondAction.getByText('Second action')).toBeInTheDocument();
+    expect(secondAction.getByText('Hazards addressed')).toBeInTheDocument();
+    expect(secondAction.getByText('Flood')).toBeInTheDocument();
+    expect(secondAction.getByText('EU Funds')).toBeInTheDocument();
+  });
+});

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

@@ -61,18 +61,15 @@ const AssessmentTab = ({ result }) => {
     Attachments,
     Hazards_Title,
     Hazards_Abstract,
-  } = result.assessment_text[0] || [];
+  } = result.assessment_text?.[0] || [];
+  const assessment_risks = result.assessment_risks || [];
 
   const [activeIndex, setActiveIndex] = React.useState(0);
 
   return (
     <Tab.Pane>
       {Title && <h2>{Title}</h2>}
-      {Subheading && (
-        <Callout>
-          <p>{Subheading}</p>
-        </Callout>
-      )}
+      {Subheading && <Callout>{Subheading}</Callout>}
 
       {Abstract && <p>{Abstract}</p>}
 
@@ -84,14 +81,7 @@ const AssessmentTab = ({ result }) => {
 
         {Attachments && <h4>{Attachments}</h4>}
 
-        <p>
-          Lorem ipsum dolor sit amet consectetur. Quam porta convallis ultrices
-          aliquet. Imperdiet maecenas at velit gravida arcu blandit eget. Etiam
-          tellus vulputate mi vitae bibendum fermentum condimentum facilisis.
-          Amet et sed nunc pretium fames nibh lacus mi magna.
-        </p>
-
-        {result.assessment_risks.map((risk, index) => {
+        {assessment_risks.map((risk, index) => {
           const title = risk?.Attachment_Title
             ? `${risk.Assessment_Id}. ${risk.Attachment_Title} - ${
                 risk.Year_Of_Publication || ''

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

@@ -19,11 +19,7 @@ const GovernanceTab = ({ result }) => {
     <Tab.Pane>
       {Title && <h2>{Title}</h2>}
 
-      {Introduction && (
-        <Callout>
-          <p>{Introduction}</p>
-        </Callout>
-      )}
+      {Introduction && <Callout>{Introduction}</Callout>}
 
       {Describe_Title && <h3>{Describe_Title}</h3>}
 

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

@@ -7,10 +7,8 @@ const IntroductionTab = () => {
     <Tab.Pane>
       <h2>Introduction</h2>
       <Callout>
-        <p>
-          Duis non quam et nisi tincidunt fermentum. Pellentesque habitant morbi
-          tristique senectus et netus et malesuada fames ac turpis egestas.
-        </p>
+        Duis non quam et nisi tincidunt fermentum. Pellentesque habitant morbi
+        tristique senectus et netus et malesuada fames ac turpis egestas.
       </Callout>
       <h3>The Mission on Adaptation</h3>
       <p>

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

@@ -95,11 +95,7 @@ const PlanningTab = ({ result }) => {
   return (
     <Tab.Pane>
       {titleData?.Title && <h2>{titleData.Title}</h2>}
-      {titleData?.Abstract_Line && (
-        <Callout>
-          <p>{titleData.Abstract_Line}</p>
-        </Callout>
-      )}
+      {titleData?.Abstract_Line && <Callout>{titleData.Abstract_Line}</Callout>}
 
       {sortedGoals.map((goal, index) => {
         return (
@@ -126,9 +122,7 @@ const PlanningTab = ({ result }) => {
       )}
 
       {goalData?.Climate_Action_Abstract && (
-        <Callout>
-          <p>{goalData.Climate_Action_Abstract}</p>
-        </Callout>
+        <Callout>{goalData.Climate_Action_Abstract}</Callout>
       )}
 
       {planning_climate_action.map((action, index) => {

package/src/components/manage/Blocks/RASTBlock/ContextNavigation.jsx

@@ -11,18 +11,23 @@ import { useLocation } from 'react-router-dom';
  * INavigationPortlet
  */
 export function ContextNavigationComponent(props) {
+  const curentLocation = useLocation();
   const { location, items, skip_items, show_subfolders } = props;
-  let activeMenu = null;
+  const [activeMenu, setActiveMenu] = React.useState(null);
 
-  const curent_location = useLocation();
-  for (let i = 0; i < items.length; i++) {
-    let itemUrl = '/' + items[i]['@id'].split('/').slice(3).join('/');
-    items[i].is_active = false;
-    if (curent_location.pathname.includes(itemUrl)) {
-      activeMenu = i;
-      items[i].is_active = true;
+  React.useEffect(() => {
+    let newItems = [...items];
+    let activeIndex = null;
+
+    for (let i = 0; i < newItems.length; i++) {
+      let itemUrl = '/' + newItems[i]['@id'].split('/').slice(3).join('/');
+      if (curentLocation.pathname.includes(itemUrl)) {
+        activeIndex = i;
+      }
     }
-  }
+
+    setActiveMenu(activeIndex);
+  }, [curentLocation, items]);
 
   return (
     <>
@@ -36,7 +41,7 @@ export function ContextNavigationComponent(props) {
         <RASTAccordion
           items={items}
           show_subfolders={show_subfolders}
-          curent_location={curent_location}
+          curent_location={curentLocation}
           activeMenu={activeMenu}
         />
       ) : null}