@eeacms/volto-cca-policy 0.3.30 → 0.3.32

package/CHANGELOG.md

@@ -4,6 +4,25 @@ 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.32](https://github.com/eea/volto-cca-policy/compare/0.3.31...0.3.32) - 30 April 2025
+
+#### :bug: Bug Fixes
+
+- fix: remove fallback [kreafox - [`738324e`](https://github.com/eea/volto-cca-policy/commit/738324edeb747b4d3f030b7e92a45614923a659b)]
+- fix: update tests [kreafox - [`ed276ea`](https://github.com/eea/volto-cca-policy/commit/ed276eaceab752cd54a1d96db4cee9b1605f34ed)]
+
+#### :nail_care: Enhancements
+
+- change: enhance formatTextToHTML to auto-link URLs as clickable anchor tags - refs #285296 [kreafox - [`c660faf`](https://github.com/eea/volto-cca-policy/commit/c660faf359963084537c28c4c558473227c35b59)]
+- change: refactor mission signatory profile; add view, remove block - refs #285361 [kreafox - [`3424316`](https://github.com/eea/volto-cca-policy/commit/34243168e2cae1b617f6ea05d479157109be5dcf)]
+
+### [0.3.31](https://github.com/eea/volto-cca-policy/compare/0.3.30...0.3.31) - 29 April 2025
+
+#### :bug: Bug Fixes
+
+- fix: item image size - refs #286407 [kreafox - [`d9fae66`](https://github.com/eea/volto-cca-policy/commit/d9fae6619e1297c091f20b4590b4d5994555cb2b)]
+- fix: item image size - refs #286407 [kreafox - [`a8210be`](https://github.com/eea/volto-cca-policy/commit/a8210bec76d7189f88eb2af8610082d05404749e)]
+
 ### [0.3.30](https://github.com/eea/volto-cca-policy/compare/0.3.29...0.3.30) - 28 April 2025
 
 #### :house: Internal changes

package/package.json

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

package/src/components/index.js

@@ -5,6 +5,7 @@ export { default as TranslationDisclaimer } from './theme/TranslationDisclaimer/
 export { default as ShareInfoButton } from './theme/ShareInfoButton/ShareInfoButton';
 export { default as ASTNavigation } from './theme/ASTNavigation/ASTNavigation';
 export { default as RedirectToLogin } from './theme/RedirectToLogin/RedirectToLogin';
+export { default as MissionSignatoryProfileView } from './theme/MissionSignatoryProfile/MissionSignatoryProfileView';
 
 // Widgets
 export { default as RASTWidgetView } from './theme/Widgets/RASTWidgetView';

package/src/components/manage/Blocks/index.js

@@ -22,7 +22,6 @@ import installTabsBlock from './TabsBlock';
 import installRedirectBlock from './RedirectBlock';
 import installContentLinks from './ContentLinks';
 import installASTNavigation from './ASTNavigation';
-import installMissionSignatoriesProfileBlock from './MissionSignatoriesProfile';
 
 export default function installBlocks(config) {
   config.blocks.blocksConfig.title.restricted = false;
@@ -54,6 +53,5 @@ export default function installBlocks(config) {
     installRedirectBlock,
     installContentLinks,
     installASTNavigation,
-    installMissionSignatoriesProfileBlock,
   )(config);
 }

package/src/components/{manage/Blocks/MissionSignatoriesProfile/MissionSignatoriesProfileView.js → theme/MissionSignatoryProfile/MissionSignatoryProfileView.jsx}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Tab } from 'semantic-ui-react';
-
+import { Tab, Container } from 'semantic-ui-react';
+import { BannerTitle } from '@eeacms/volto-cca-policy/helpers';
 import IntroductionTab from './TabSections/IntroductionTab';
 import GovernanceTab from './TabSections/GovernanceTab';
 import AssessmentTab from './TabSections/AssessmentTab';
@@ -9,26 +9,35 @@ import ActionPagesTab from './TabSections/ActionPagesTab';
 
 import './style.less';
 
-const MissionSignatoriesProfileView = (props) => {
-  const { data } = props;
-  const result = data?._v_results || {};
+const MissionSignatoryProfileView = (props) => {
+  const { content } = props || {};
+  const dataJson =
+    props?.content?.['@components']?.missionsignatoryprofile || {};
+
+  const result = dataJson?.result || {};
   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);
 
   return (
-    <>
+    <Container>
+      <BannerTitle
+        content={content}
+        data={{
+          info: [{ description: '' }],
+          hideContentType: true,
+          hideCreationDate: true,
+          hideModificationDate: true,
+          hidePublishingDate: true,
+          hideDownloadButton: false,
+          hideShareButton: false,
+        }}
+      />
       <div className="signatories-profile">
-        {/* {
-          dataJson['Cooperation_Experience'][0][
-            'DescribeDetailCooperationEnhance'
-          ]
-        } */}
-        <h2>{planning?.planning_titles?.[0].Signatory}</h2>
+        {/* <h2>{planning?.planning_titles?.[0].Signatory}</h2> */}
         {/* <h2>{planning?.planning_titles?.[0].Id}</h2> */}
 
         <br />
@@ -61,14 +70,14 @@ const MissionSignatoriesProfileView = (props) => {
               render: () => <PlanningTab result={planning} />,
             },
             {
-              menuItem: 'Action Pages',
+              menuItem: 'Action',
               render: () => <ActionPagesTab result={action} />,
             },
           ]}
         />
       </div>
-    </>
+    </Container>
   );
 };
 
-export default MissionSignatoriesProfileView;
+export default MissionSignatoryProfileView;

package/src/components/{manage/Blocks/MissionSignatoriesProfile/MissionSignatoriesProfileView.test.jsx → theme/MissionSignatoryProfile/MissionSignatoryProfileView.test.jsx}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, fireEvent, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import MissionSignatoriesProfileView from './MissionSignatoriesProfileView';
+import MissionSignatoryProfileView from './MissionSignatoryProfileView';
 
 // Mock the tab components with minimal placeholders
 jest.mock('./TabSections/IntroductionTab', () => () => (
@@ -14,11 +14,12 @@ jest.mock('./TabSections/AssessmentTab', () => () => (
   <div>Mocked Assessment</div>
 ));
 jest.mock('./TabSections/PlanningTab', () => () => <div>Mocked Planning</div>);
-jest.mock('./TabSections/ActionPagesTab', () => () => (
-  <div>Mocked Action Pages</div>
-));
+jest.mock('./TabSections/ActionPagesTab', () => () => <div>Mocked Action</div>);
+jest.mock('@eeacms/volto-cca-policy/helpers', () => ({
+  BannerTitle: ({ children }) => <div>{children}</div>,
+}));
 
-describe('MissionSignatoriesProfileView', () => {
+describe('MissionSignatoryProfileView', () => {
   const data = {
     _v_results: {
       planning: {
@@ -29,21 +30,21 @@ describe('MissionSignatoriesProfileView', () => {
   };
 
   it('renders tab labels and default content', () => {
-    render(<MissionSignatoriesProfileView data={data} />);
+    render(<MissionSignatoryProfileView data={data} />);
 
     // Tab labels
     expect(screen.getByText('Introduction')).toBeInTheDocument();
     expect(screen.getByText('Governance')).toBeInTheDocument();
     expect(screen.getByText('Assessment')).toBeInTheDocument();
     expect(screen.getByText('Planning')).toBeInTheDocument();
-    expect(screen.getByText('Action Pages')).toBeInTheDocument();
+    expect(screen.getByText('Action')).toBeInTheDocument();
 
     // Default selected tab content (Introduction)
     expect(screen.getByText('Mocked Introduction')).toBeInTheDocument();
   });
 
   it('switches tabs and renders corresponding content', () => {
-    render(<MissionSignatoriesProfileView data={data} />);
+    render(<MissionSignatoryProfileView data={data} />);
 
     fireEvent.click(screen.getByText('Governance'));
     expect(screen.getByText('Mocked Governance')).toBeInTheDocument();
@@ -54,7 +55,7 @@ describe('MissionSignatoriesProfileView', () => {
     fireEvent.click(screen.getByText('Planning'));
     expect(screen.getByText('Mocked Planning')).toBeInTheDocument();
 
-    fireEvent.click(screen.getByText('Action Pages'));
-    expect(screen.getByText('Mocked Action Pages')).toBeInTheDocument();
+    fireEvent.click(screen.getByText('Action'));
+    expect(screen.getByText('Mocked Action')).toBeInTheDocument();
   });
 });

package/src/components/{manage/Blocks/MissionSignatoriesProfile → theme/MissionSignatoryProfile}/TabSections/ActionPagesTab.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Tab, Grid } from 'semantic-ui-react';
 import { Callout } from '@eeacms/volto-eea-design-system/ui';
-import AccordionList from './../AccordionList';
+import AccordionList from '../AccordionList';
 
 const ActionsTabContent = ({ action }) => {
   const hasHazards = action?.Climate_Hazards?.length > 0;

package/src/components/{manage/Blocks/MissionSignatoriesProfile → theme/MissionSignatoryProfile}/TabSections/AssessmentTab.jsx

@@ -8,7 +8,7 @@ import {
   ItemContent,
 } from 'semantic-ui-react';
 import { Callout } from '@eeacms/volto-eea-design-system/ui';
-import AccordionList from './../AccordionList';
+import AccordionList from '../AccordionList';
 
 import image from '@eeacms/volto-cca-policy/../theme//assets/images/image-narrow.svg';
 

package/src/components/{manage/Blocks/MissionSignatoriesProfile → theme/MissionSignatoryProfile}/TabSections/GovernanceTab.jsx

@@ -3,7 +3,7 @@ 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 AccordionList from '../AccordionList';
 
 const GovernanceTab = ({ result }) => {
   const {
@@ -27,7 +27,7 @@ const GovernanceTab = ({ result }) => {
 
       <br />
 
-      {Provide_Title && Provide && (
+      {Provide && (
         <AccordionList
           accordions={[
             {

package/src/components/{manage/Blocks/MissionSignatoriesProfile → theme/MissionSignatoryProfile}/TabSections/PlanningTab.jsx

@@ -15,7 +15,7 @@ import {
   formatTextToHTML,
   extractPlanNameAndURL,
 } from '@eeacms/volto-cca-policy/utils';
-import AccordionList from './../AccordionList';
+import AccordionList from '../AccordionList';
 import image from '@eeacms/volto-cca-policy/../theme/assets/images/image-narrow.svg';
 
 const ItemsSection = ({ items }) => {

package/src/index.js

@@ -8,6 +8,7 @@ import {
   RASTWidgetView,
   TranslationDisclaimer,
   RedirectToLogin,
+  MissionSignatoryProfileView,
 } from '@eeacms/volto-cca-policy/components';
 import { blockAvailableInMission } from '@eeacms/volto-cca-policy/utils';
 
@@ -375,6 +376,7 @@ const applyConfig = (config) => {
     'eea.climateadapt.c3sindicator': C3SIndicatorView,
     'eea.climateadapt.adaptationoption': AdaptationOptionView,
     'News Item': NewsItemView,
+    mission_signatory_profile: MissionSignatoryProfileView,
   };
 
   config.views.layoutViewsNamesMapping.view_cca_event = 'CCA Event View';

package/src/utils.js

@@ -1,7 +1,7 @@
 import { flattenToAppURL } from '@plone/volto/helpers';
 
 export const blockAvailableInMission = (properties, block) => {
-  const missionBlocks = ['mkh_map', 'rastBlock', 'missionSignatoriesProfile'];
+  const missionBlocks = ['mkh_map', 'rastBlock'];
   const id = properties?.['@id'];
 
   if (!id) {
@@ -90,6 +90,12 @@ export const formatTextToHTML = (text) => {
     .replace(/\\no\s*/g, '<br />• ') // list-like "o " to bullet point
     .replace(/\\n/g, '<br />'); // single line break
 
+  // Convert URLs to clickable links
+  formattedText = formattedText.replace(
+    /((https?:\/\/[^\s<>"]+))/g,
+    '<a href="$1" target="_blank" rel="noreferrer">$1</a>',
+  );
+
   return `<p>${formattedText}</p>`;
 };
 

package/theme/globals/site.overrides

@@ -44,6 +44,24 @@ p.has--clear--both:empty {
   gap: 0 0.7em !important;
 }
 
+// Fix item image size
+#main {
+  .ui.items > .item > .image > img {
+    width: auto;
+  }
+  .ui.items > .item > .image + .content{
+    padding-left: 1rem;
+  }
+
+  .ui.items > .item .ui.middle.aligned.image {
+    display: flex;
+  
+    img {
+      align-self: center;
+    }
+  }
+}
+
 // Add icon for external links
 // .content-area #view {
 //   a[data-linktype='internal'] {

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

@@ -1,28 +0,0 @@
-import { SidebarPortal } from '@plone/volto/components';
-import BlockDataForm from '@plone/volto/components/manage/Form/BlockDataForm';
-import MissionSignatoriesProfile from './MissionSignatoriesProfileView';
-import schema from './schema';
-
-export default function Edit(props) {
-  const { block, data, onChangeBlock, selected } = props;
-  return (
-    <>
-      <MissionSignatoriesProfile {...props} mode="edit" />
-      <SidebarPortal selected={selected}>
-        <BlockDataForm
-          block={block}
-          title={schema.title}
-          schema={schema}
-          onChangeField={(id, value) => {
-            onChangeBlock(block, {
-              ...data,
-              [id]: value,
-            });
-          }}
-          onChangeBlock={onChangeBlock}
-          formData={data}
-        />
-      </SidebarPortal>
-    </>
-  );
-}

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

@@ -1,25 +0,0 @@
-import MissionSignatoriesProfileEdit from './MissionSignatoriesProfileEdit';
-import MissionSignatoriesProfileView from './MissionSignatoriesProfileView';
-import { blockAvailableInMission } from '@eeacms/volto-cca-policy/utils';
-import worldSVG from '@plone/volto/icons/world.svg';
-
-export default function installMissionSignatoriesProfileBlock(config) {
-  config.blocks.blocksConfig.missionSignatoriesProfile = {
-    id: 'missionSignatoriesProfile',
-    title: 'Mission Signatories Profile',
-    icon: worldSVG,
-    group: 'site',
-    edit: MissionSignatoriesProfileEdit,
-    view: MissionSignatoriesProfileView,
-    sidebarTab: 1,
-    security: {
-      addPermission: [],
-      view: [],
-    },
-    restricted: ({ properties, block }) => {
-      return blockAvailableInMission(properties, block);
-    },
-  };
-
-  return config;
-}

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

@@ -1,18 +0,0 @@
-export default {
-  title: 'Mission Signatories Profile',
-  fieldsets: [
-    {
-      id: 'default',
-      title: 'Default',
-      fields: ['profile_id'],
-    },
-  ],
-  properties: {
-    profile_id: {
-      title: 'Profile ID',
-      type: 'number',
-      default: '54403',
-    },
-  },
-  required: [],
-};