@eeacms/volto-cca-policy 0.3.84 → 0.3.85

package/CHANGELOG.md

@@ -4,7 +4,7 @@ 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.84](https://github.com/eea/volto-cca-policy/compare/1.0.0-alpha.1...0.3.84) - 7 October 2025
+### [0.3.85](https://github.com/eea/volto-cca-policy/compare/1.0.0-alpha.1...0.3.85) - 14 October 2025
 
 #### :rocket: Dependency updates
 
@@ -14,12 +14,15 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :bug: Bug Fixes
 
+- fix(mission): fix assessment risk numbering to match sorted order [kreafox - [`9ecea88`](https://github.com/eea/volto-cca-policy/commit/9ecea885394f1ae6ad63ffb03d8a10cd706caffb)]
 - fix: duplicated code - make ItemsSection reusable [kreafox - [`52e2625`](https://github.com/eea/volto-cca-policy/commit/52e2625914f699c194f75d561f97959ab6c21fbf)]
 - fix: add missing props for title block [kreafox - [`1d8efa0`](https://github.com/eea/volto-cca-policy/commit/1d8efa0136960261196e7585f89f4ff7db75ae17)]
 - fix: trailing space issue in HtmlSlateWidget - refs #290137 [kreafox - [`34c1ff6`](https://github.com/eea/volto-cca-policy/commit/34c1ff6896a0fe3fae40527f31ea34220e945163)]
 
 #### :nail_care: Enhancements
 
+- change(mission): improve AccordionList [kreafox - [`cf1497f`](https://github.com/eea/volto-cca-policy/commit/cf1497ff50ff45cdb0bb8e995683969bb3e3c065)]
+- refactor(mission): remove unnecessary line breaks and simplify message rendering - refs #291190 [kreafox - [`430a123`](https://github.com/eea/volto-cca-policy/commit/430a12371b6e1c6a77ea65b6a434eda883568c64)]
 - refactor(mission): use ItemsSection in PlanningTab - refs #291190 [kreafox - [`9e96aaa`](https://github.com/eea/volto-cca-policy/commit/9e96aaac0686f6688b3406aca578b598882a9c29)]
 - change: update sectors with icons for Planning tab - refs #291190 [kreafox - [`8b82168`](https://github.com/eea/volto-cca-policy/commit/8b821686fc6b9d98c542d9f0315734b446070a17)]
 - change: update factors with icons for Assessment tab - refs #291189 [kreafox - [`d8b7afc`](https://github.com/eea/volto-cca-policy/commit/d8b7afc36b2129b60ef81d9a057c4c9be35cbb03)]
@@ -37,6 +40,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
+- test(mission): add unit tests for NoDataReported and StatisticSection components [kreafox - [`36c6e36`](https://github.com/eea/volto-cca-policy/commit/36c6e36278124759240c896786f2ac0c20674730)]
 - test: resolve Jest errors in component tests [kreafox - [`6dbb735`](https://github.com/eea/volto-cca-policy/commit/6dbb73540e8301fcb42a4d52db7004f5a42db4d8)]
 - test: fix PlanningTab mock data to match component structure [kreafox - [`48e76e1`](https://github.com/eea/volto-cca-policy/commit/48e76e1e50e0c6d8a6a500fec3d1831419faeee9)]
 - test: resolve Jest errors in component tests [kreafox - [`f309b96`](https://github.com/eea/volto-cca-policy/commit/f309b96b0767358530d969e21102887a9db76b5a)]
@@ -125,8 +129,33 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Add some loadable for components [Tiberiu Ichim - [`1793962`](https://github.com/eea/volto-cca-policy/commit/179396211c66a6a2465b2d1b6c0f2afc40fc7189)]
 - Refs #284961 - test [Tripon Eugen - [`c989f1f`](https://github.com/eea/volto-cca-policy/commit/c989f1f8638c0c5233c5c49f8673c9a2cdc7937e)]
 - Refs #284961 - add translations [Tripon Eugen - [`04ee988`](https://github.com/eea/volto-cca-policy/commit/04ee988c086d393b9b37ce1ea8d24f5e84f266aa)]
-### [1.0.0-alpha.0](https://github.com/eea/volto-cca-policy/compare/0.3.83...1.0.0-alpha.0) - 15 July 2025
+### [1.0.0-alpha.0](https://github.com/eea/volto-cca-policy/compare/0.3.84...1.0.0-alpha.0) - 15 July 2025
 
+### [0.3.84](https://github.com/eea/volto-cca-policy/compare/0.3.83...0.3.84) - 7 October 2025
+
+#### :bug: Bug Fixes
+
+- fix: duplicated code - make ItemsSection reusable [kreafox - [`52e2625`](https://github.com/eea/volto-cca-policy/commit/52e2625914f699c194f75d561f97959ab6c21fbf)]
+
+#### :nail_care: Enhancements
+
+- refactor(mission): use ItemsSection in PlanningTab - refs #291190 [kreafox - [`9e96aaa`](https://github.com/eea/volto-cca-policy/commit/9e96aaac0686f6688b3406aca578b598882a9c29)]
+- change: update sectors with icons for Planning tab - refs #291190 [kreafox - [`8b82168`](https://github.com/eea/volto-cca-policy/commit/8b821686fc6b9d98c542d9f0315734b446070a17)]
+- change: update factors with icons for Assessment tab - refs #291189 [kreafox - [`d8b7afc`](https://github.com/eea/volto-cca-policy/commit/d8b7afc36b2129b60ef81d9a057c4c9be35cbb03)]
+- change: update sectors with icons for Action tab - refs #291188 [kreafox - [`a9f15c7`](https://github.com/eea/volto-cca-policy/commit/a9f15c70fa261c9da5b0f01d0bf07ede0136085f)]
+- change(mission): use result_beta in sandbox for signatory reporting - refs #292508 [kreafox - [`b425801`](https://github.com/eea/volto-cca-policy/commit/b42580100bdd2b4d79be53bbfa05098856deb4be)]
+- change: update signatory profile action tab with icons [kreafox - [`0e72902`](https://github.com/eea/volto-cca-policy/commit/0e7290259b966ff72d2a4d77efca8fbeec8655f8)]
+
+#### :house: Internal changes
+
+- style(mission): mobile fixes on signatory reporting pages [kreafox - [`cbeb584`](https://github.com/eea/volto-cca-policy/commit/cbeb5846c8047c164c29635bd30491b4f810246a)]
+- chore: better component naming [kreafox - [`d61e462`](https://github.com/eea/volto-cca-policy/commit/d61e4629da184ec14d6ad0d056ac29751223e2f9)]
+
+#### :hammer_and_wrench: Others
+
+- test: resolve Jest errors in component tests [kreafox - [`6dbb735`](https://github.com/eea/volto-cca-policy/commit/6dbb73540e8301fcb42a4d52db7004f5a42db4d8)]
+- test: fix PlanningTab mock data to match component structure [kreafox - [`48e76e1`](https://github.com/eea/volto-cca-policy/commit/48e76e1e50e0c6d8a6a500fec3d1831419faeee9)]
+- test: resolve Jest errors in component tests [kreafox - [`f309b96`](https://github.com/eea/volto-cca-policy/commit/f309b96b0767358530d969e21102887a9db76b5a)]
 ### [0.3.83](https://github.com/eea/volto-cca-policy/compare/0.3.82...0.3.83) - 10 September 2025
 
 #### :hammer_and_wrench: Others

package/package.json

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

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

@@ -6,34 +6,44 @@ import {
   AccordionContent,
 } from 'semantic-ui-react';
 
-const AccordionList = ({ accordions, variation }) => {
-  const [activeIndex, setActiveIndex] = useState(-1);
+const AccordionList = ({ accordions, variation, multiple = false }) => {
+  const [activeIndexes, setActiveIndexes] = useState([]);
+
   const handleAccordionClick = (index) => {
-    setActiveIndex(activeIndex === index ? -1 : index);
+    if (multiple) {
+      setActiveIndexes((prev) =>
+        prev.includes(index)
+          ? prev.filter((i) => i !== index)
+          : [...prev, index],
+      );
+    } else {
+      setActiveIndexes((prev) => (prev.includes(index) ? [] : [index]));
+    }
   };
 
   return (
     <Accordion className={variation}>
-      {accordions.map((accordion, index) => (
-        <React.Fragment key={index}>
-          <AccordionTitle
-            active={activeIndex === index}
-            onClick={() => handleAccordionClick(index)}
-          >
-            <Icon
-              className={
-                activeIndex === index
-                  ? 'ri-arrow-up-s-line'
-                  : 'ri-arrow-down-s-line'
-              }
-            />
-            {accordion.title}
-          </AccordionTitle>
-          <AccordionContent active={activeIndex === index}>
-            {accordion.content}
-          </AccordionContent>
-        </React.Fragment>
-      ))}
+      {accordions.map((accordion, index) => {
+        const isActive = activeIndexes.includes(index);
+        return (
+          <React.Fragment key={index}>
+            <AccordionTitle
+              active={isActive}
+              onClick={() => handleAccordionClick(index)}
+            >
+              <Icon
+                className={
+                  isActive ? 'ri-arrow-up-s-line' : 'ri-arrow-down-s-line'
+                }
+              />
+              {accordion.title}
+            </AccordionTitle>
+            <AccordionContent active={isActive}>
+              {accordion.content}
+            </AccordionContent>
+          </React.Fragment>
+        );
+      })}
     </Accordion>
   );
 };

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

@@ -0,0 +1,12 @@
+import '@testing-library/jest-dom';
+import { render } from '@testing-library/react';
+import NoDataReported from './NoDataReported';
+
+describe('NoDataReported', () => {
+  it('renders the provided label inside Tab.Pane', () => {
+    const testLabel = 'No data available';
+    const { getByText } = render(<NoDataReported label={testLabel} />);
+
+    expect(getByText(testLabel)).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,22 @@
+import '@testing-library/jest-dom';
+import { render } from '@testing-library/react';
+import StatisticSection from './StatisticSection';
+
+describe('StatisticSection', () => {
+  const mockStatistics = [
+    { label: 'Population year', value: 2023 },
+    { label: 'Population size', value: 362.133 },
+  ];
+
+  it('renders all statistic values and labels', () => {
+    const { getByText } = render(
+      <StatisticSection statistic={mockStatistics} />,
+    );
+
+    expect(getByText('2023')).toBeInTheDocument();
+    expect(getByText('362.133')).toBeInTheDocument();
+
+    expect(getByText('Population year')).toBeInTheDocument();
+    expect(getByText('Population size')).toBeInTheDocument();
+  });
+});

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

@@ -10,8 +10,8 @@ import ItemsSection from '../ItemsSection';
 const ActionTabContent = ({ action }) => {
   const location = useLocation();
   const hasHazards = action?.Climate_Hazards?.length > 0;
-  const hasSectors = action?.Sectors.length > 0;
-  const hasBenefits = action?.Co_Benefits.length > 0;
+  const hasSectors = action?.Sectors?.length > 0;
+  const hasBenefits = action?.Co_Benefits?.length > 0;
 
   const isSandbox = location.pathname.includes(
     '/mission/sandbox/eea-sandbox/signatory-reporting',
@@ -65,17 +65,14 @@ const ActionTabContent = ({ action }) => {
         )}
       </Grid>
       {action.Funding_Sources && (
-        <>
-          <br />
-          <div className="funding-sources">
-            <span>{action.Funding_Sources_Label} </span>
-            <strong>
-              <HTMLField
-                value={{ data: formatTextToHTML(action.Funding_Sources) }}
-              />
-            </strong>
-          </div>
-        </>
+        <div className="funding-sources">
+          <span>{action.Funding_Sources_Label} </span>
+          <strong>
+            <HTMLField
+              value={{ data: formatTextToHTML(action.Funding_Sources) }}
+            />
+          </strong>
+        </div>
       )}
     </>
   );

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

@@ -41,8 +41,9 @@ const AssessmentTab = ({ result, general_text }) => {
     Hazards_Title,
     Hazards_Abstract,
   } = result.assessment_text?.[0] || {};
-  const assessment_risks = result.assessment_risks || [];
-  const assessment_hazards_sectors = result.assessment_hazards_sectors || [];
+
+  const assessment_risks = result?.assessment_risks || [];
+  const assessment_hazards_sectors = result?.assessment_hazards_sectors || [];
   const { No_Data_Reported_Label } = general_text || {};
 
   const NoResults =
@@ -58,6 +59,7 @@ const AssessmentTab = ({ result, general_text }) => {
   return (
     <Tab.Pane className="assessment-tab">
       {Title && <h2>{Title}</h2>}
+
       {Subheading && (
         <Callout>
           <HTMLField value={{ data: formatTextToHTML(Subheading) }} />
@@ -69,7 +71,7 @@ const AssessmentTab = ({ result, general_text }) => {
       <div className="tab-section-wrapper assessment">
         {Cra_Title && <h3>{Cra_Title}</h3>}
 
-        {result.assessment_factors.length > 0 && (
+        {result.assessment_factors?.length > 0 && (
           <>
             {Cra_Abstract && <h5>{Cra_Abstract}</h5>}
             <ItemsSection
@@ -83,26 +85,19 @@ const AssessmentTab = ({ result, general_text }) => {
         {assessment_risks.length > 0 && (
           <>
             {Attachments && <h4>{Attachments}</h4>}
-            {assessment_risks.map((risk, index) => {
-              const title = risk?.Attachment_Title
-                ? `${risk.Assessment_Id}. ${risk.Attachment_Title} - ${
-                    risk.Year_Of_Publication || ''
-                  }`
-                : null;
-              return (
-                <div key={index}>
-                  <AccordionList
-                    variation="tertiary"
-                    accordions={[
-                      {
-                        title: title,
-                        content: <AssessmentAccordionContent result={risk} />,
-                      },
-                    ]}
-                  />
-                </div>
-              );
-            })}
+
+            <AccordionList
+              variation="tertiary"
+              multiple={false}
+              accordions={assessment_risks.map((risk, index) => ({
+                title: risk?.Attachment_Title
+                  ? `${index + 1}. ${risk.Attachment_Title} - ${
+                      risk.Year_Of_Publication || ''
+                    }`
+                  : `Risk ${index + 1}`,
+                content: <AssessmentAccordionContent result={risk} />,
+              }))}
+            />
           </>
         )}
       </div>
@@ -115,7 +110,7 @@ const AssessmentTab = ({ result, general_text }) => {
 
       <br />
 
-      {assessment_hazards_sectors && (
+      {assessment_hazards_sectors.length > 0 && (
         <AccordionList
           accordions={assessment_hazards_sectors.map((category) => ({
             title: category.Hazard,

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

@@ -63,19 +63,19 @@ const GovernanceTab = ({ result, general_text }) => {
 
       {Describe && <HTMLField value={{ data: formatTextToHTML(Describe) }} />}
 
-      <br />
-
       {Provide && (
-        <AccordionList
-          accordions={[
-            {
-              title: Provide_Title,
-              content: (
-                <HTMLField value={{ data: formatTextToHTML(Provide) }} />
-              ),
-            },
-          ]}
-        />
+        <div className="provide-section">
+          <AccordionList
+            accordions={[
+              {
+                title: Provide_Title,
+                content: (
+                  <HTMLField value={{ data: formatTextToHTML(Provide) }} />
+                ),
+              },
+            ]}
+          />
+        </div>
       )}
     </Tab.Pane>
   );

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

@@ -127,9 +127,8 @@ const PlanningTab = ({ result, general_text }) => {
 
       {planning_climate_action.map((action, index) => (
         <React.Fragment key={index}>
-          <br />
           {action?.Sectors_Introduction && (
-            <Message>
+            <Message className="sectors-introduction">
               <HTMLField
                 value={{
                   data: formatTextToHTML(action.Sectors_Introduction),
@@ -173,12 +172,7 @@ const PlanningTab = ({ result, general_text }) => {
                       {name && ` [${name}]`}
                     </strong>
                   </a>
-                ) : (
-                  <strong>
-                    {action.Further_Information_Link_Text}
-                    {name && ` [${name}]`}
-                  </strong>
-                );
+                ) : null;
               })()}
             </p>
           )}

package/theme/globals/mission.less

@@ -112,6 +112,15 @@ body.subsite-mkh {
       margin: 2em 0;
     }
 
+    .sectors-introduction {
+      margin-top: 3em;
+    }
+
+    .funding-sources,
+    .provide-section {
+      margin-top: 1em;
+    }
+
     .action-tab {
       .ui.items.items-group {
         margin: 1em 0;