@eeacms/volto-cca-policy 0.2.42 → 0.2.43

package/CHANGELOG.md

@@ -4,6 +4,37 @@ 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.2.43](https://github.com/eea/volto-cca-policy/compare/0.2.42...0.2.43) - 13 June 2024
+
+#### :rocket: New Features
+
+- feat(event): add i18n messages for documents and improve code readability [kreafox - [`f23168a`](https://github.com/eea/volto-cca-policy/commit/f23168ad982317bdf1523cdd42f39ef84b55da0e)]
+
+#### :rocket: Dependency updates
+
+- Release @eeacms/volto-embed@10.0.2 [EEA Jenkins - [`2e0174c`](https://github.com/eea/volto-cca-policy/commit/2e0174c154250e838535e3f9c8b1c8f83fa8ccde)]
+
+#### :bug: Bug Fixes
+
+- fix(event): use email link interpolation correctly [kreafox - [`0527737`](https://github.com/eea/volto-cca-policy/commit/0527737a47ae1e70a5719b160736be9247d68634)]
+
+#### :nail_care: Enhancements
+
+- change(event): simplify component structure and organize imports [kreafox - [`30a7766`](https://github.com/eea/volto-cca-policy/commit/30a7766d33a04d26d17b798d0ef776603c7fe29c)]
+- change(event): use renderBlocks instead of custom BannerTitle component [kreafox - [`0dd267a`](https://github.com/eea/volto-cca-policy/commit/0dd267af20184dbd683671ef1e23dd3d15606667)]
+
+#### :hammer_and_wrench: Others
+
+- test: fix warning message [kreafox - [`4d31ff2`](https://github.com/eea/volto-cca-policy/commit/4d31ff20dcfce88ad96f608409a5e12b20f13c9e)]
+- test: update snapshot [kreafox - [`c8047ca`](https://github.com/eea/volto-cca-policy/commit/c8047ca5d592fea5db728999f1f7a8f96cad6496)]
+- New version [Tiberiu Ichim - [`8617e34`](https://github.com/eea/volto-cca-policy/commit/8617e343ec075259078b533064bb6de2a3005a48)]
+- https://github.com/elastic/search-ui/issues/1046 [Tiberiu Ichim - [`9eb0d03`](https://github.com/eea/volto-cca-policy/commit/9eb0d03aace62b7692033d9e429c42f10e176354)]
+- Pin @eeacms/volto-embed [kreafox - [`0418854`](https://github.com/eea/volto-cca-policy/commit/04188549444a127e041ef98973900814f86e3859)]
+- Let's try something else [Tiberiu Ichim - [`ab847b7`](https://github.com/eea/volto-cca-policy/commit/ab847b7d35448dadf29892bc10f8024dabf6d664)]
+- Remove dependency for search-ui [Tiberiu Ichim - [`f3bf4a4`](https://github.com/eea/volto-cca-policy/commit/f3bf4a42f1dac44c57b6c1557b583112e328d26d)]
+- Refs #271086 - wip tests [Tripon Eugen - [`e2cfdc7`](https://github.com/eea/volto-cca-policy/commit/e2cfdc78dc82b70d147bc1a7505632b9577719b8)]
+- Refs #271086 - package.json resolutions [Tripon Eugen - [`09cce63`](https://github.com/eea/volto-cca-policy/commit/09cce6376cc489d5466981ce1a8e53bb8a994c1e)]
+- Refs #271086 - add elements filter at cse [Tripon Eugen - [`549030c`](https://github.com/eea/volto-cca-policy/commit/549030cde005331f26a9ccde09394fee3f43f049)]
 ### [0.2.42](https://github.com/eea/volto-cca-policy/compare/0.2.41...0.2.42) - 4 June 2024
 
 ### [0.2.41](https://github.com/eea/volto-cca-policy/compare/0.2.40...0.2.41) - 4 June 2024
@@ -1362,13 +1393,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
@@ -1385,9 +1413,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)]
@@ -1604,7 +1629,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
 
@@ -2085,7 +2109,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.2.42",
+  "version": "0.2.43",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -31,13 +31,13 @@
     "@eeacms/volto-datablocks": "*",
     "@eeacms/volto-eea-design-system": "*",
     "@eeacms/volto-eea-website-theme": "^1.33.2",
-    "@eeacms/volto-embed": "10.0.1",
+    "@eeacms/volto-embed": "^9.1.1",
     "@eeacms/volto-globalsearch": "^1.1.0",
     "@eeacms/volto-openlayers-map": "*",
-    "@eeacms/volto-searchlib": "^0.9.3",
+    "@eeacms/volto-searchlib": "2.0.2",
+    "@elastic/search-ui": "1.21.2",
     "@eeacms/volto-slate-label": "^0.6.0",
     "@eeacms/volto-tabs-block": "^7.5.1",
-    "@elastic/search-ui": "1.21.2",
     "d3-array": "^2.12.1",
     "jotai": "^1.6.0",
     "query-string": "7.1.0",

package/src/components/manage/Blocks/CaseStudyExplorer/CaseStudyExplorerView.js

@@ -19,12 +19,14 @@ export default function CaseStudyExplorerView(props) {
   const [activeFilters, setActiveFilters] = React.useState({
     sectors: [],
     impacts: [],
+    elements: [],
     measures: [],
   });
 
   const [activeItems, setActiveItems] = React.useState(cases);
   const [filters, setFilters] = React.useState({
     impacts: [],
+    elements: [],
     sectors: [],
     measures: {},
   });
@@ -44,12 +46,14 @@ export default function CaseStudyExplorerView(props) {
     let _filters = filters;
     _filters.impacts = _filters_data.impacts;
     _filters.sectors = _filters_data.sectors;
+    _filters.elements = _filters_data.elements;
     setFilters(_filters);
   }, [
     filters,
     cases,
     activeFilters.impacts,
     activeFilters.sectors,
+    activeFilters.elements,
     activeFilters.measures,
     activeItems.length,
   ]);

package/src/components/manage/Blocks/CaseStudyExplorer/CaseStudyFilters.jsx

@@ -84,6 +84,31 @@ export default function CaseStudyFilters(props) {
             ),
           )}
         </Accordion.Content>
+        <Accordion.Title
+          active={activeIndex.includes(3)}
+          index={3}
+          onClick={handleClick}
+        >
+          <AccordionIcon active={activeIndex.includes(3)} />
+          <FormattedMessage
+            id="Adaptation elements"
+            defaultMessage="Adaptation elements"
+          />
+        </Accordion.Title>
+        <Accordion.Content active={activeIndex.includes(3)}>
+          {Object.entries(filters?.elements || {}).map(
+            ([value, label], index) => (
+              <Checkbox
+                label={intl.formatMessage({ id: label })}
+                value={value}
+                checked={activeFilters.elements.includes(value)}
+                name="elements"
+                onChange={checkboxChangeHandler}
+                key={'element' + index}
+              />
+            ),
+          )}
+        </Accordion.Content>
         <Accordion.Title
           active={activeIndex.includes(1)}
           index={1}

package/src/components/manage/Blocks/CaseStudyExplorer/CaseStudyFilters.test.jsx

@@ -16,6 +16,7 @@ describe('CaseStudyFilters', () => {
         // impacts: [{ DROUGHT: 'Drought' }],
         sectors: [],
         impacts: [],
+        elements: [],
         measures: {
           //   Measure1: [
           //     { key: 'M11', value: 'm11' },
@@ -26,6 +27,7 @@ describe('CaseStudyFilters', () => {
       activeFilters: {
         sectors: [],
         impacts: [],
+        elements: [],
         measures: [],
       },
     };

package/src/components/manage/Blocks/CaseStudyExplorer/FeatureDisplay.jsx

@@ -43,7 +43,6 @@ export default function FeatureDisplay({ feature }) {
         <span
           dangerouslySetInnerHTML={{
             __html: feature.adaptation_options_links.replaceAll('<>', '; '),
-            // __html: feature.adaptation_options_links,
           }}
         ></span>
       </p>

package/src/components/manage/Blocks/CaseStudyExplorer/utils.js

@@ -35,6 +35,7 @@ export function filterCases(cases, activeFilters) {
     if (
       activeFilters.sectors.length === 0 &&
       activeFilters.measures.length === 0 &&
+      activeFilters.elements.length === 0 &&
       activeFilters.impacts.length === 0
     )
       return _case;
@@ -45,6 +46,10 @@ export function filterCases(cases, activeFilters) {
       if (_case.properties.sectors.includes(',' + filter + ',')) flag = true;
     });
 
+    activeFilters.elements.forEach((filter) => {
+      if (_case.properties.elements.includes(',' + filter + ',')) flag = true;
+    });
+
     activeFilters.impacts.forEach((filter) => {
       if (_case.properties.impacts.includes(',' + filter + ',')) flag = true;
     });
@@ -60,7 +65,7 @@ export function filterCases(cases, activeFilters) {
 }
 
 export function getFilters(cases) {
-  let _filters = { sectors: {}, impacts: {}, measures: {} };
+  let _filters = { sectors: {}, impacts: {}, elements: {}, measures: {} };
 
   for (let key of Object.keys(cases)) {
     const _case = cases[key];
@@ -81,6 +86,17 @@ export function getFilters(cases) {
       }
     }
 
+    let elementKeys = _case.properties?.elements?.split(',');
+    let elementNames = _case.properties?.elements_str?.split(',') || [];
+    for (let i = 0; i < elementNames.length; i++) {
+      if (
+        !_filters.elements.hasOwnProperty(elementKeys[i + 1]) &&
+        elementKeys[i + 1].length
+      ) {
+        _filters.elements[elementKeys[i + 1]] = elementNames[i];
+      }
+    }
+
     // let ktmKeys = _case.properties.ktms.split(',');
     // let ktmNames = _case.properties.impacts_str.split(',');
     // for (let i = 0; i < ktmKeys.length; i++) {

package/src/components/manage/Blocks/ContentLinks/DropdownListView.jsx

@@ -12,17 +12,18 @@ const messages = defineMessages({
 });
 
 const getDropdownOptions = (items) => {
-  const options = items?.map((item) => {
-    const source = item?.source?.[0];
-    return {
-      key: source?.id,
-      value: source?.id,
-      text: item.item_title,
-      as: Link,
-      to: flattenToAppURL(source?.['@id']),
-    };
-  });
-  return options;
+  return (
+    items?.map((item, index) => {
+      const source = item?.source?.[0];
+      return {
+        key: source?.id || index,
+        value: source?.id,
+        text: item.item_title,
+        as: Link,
+        to: flattenToAppURL(source?.['@id']),
+      };
+    }) || []
+  );
 };
 
 const DropdownListView = (props) => {

package/src/components/theme/Views/CcaEventView.jsx

@@ -1,58 +1,73 @@
 import React from 'react';
+import { useIntl, defineMessages, FormattedMessage } from 'react-intl';
 import { Grid, Container, Segment } from 'semantic-ui-react';
 import {
-  DocumentsList,
   HTMLField,
-  BannerTitle,
   EventDetails,
+  DocumentsList,
 } from '@eeacms/volto-cca-policy/helpers';
 import { PortalMessage } from '@eeacms/volto-cca-policy/components';
-import { FormattedMessage } from 'react-intl';
+import { filterBlocks } from '@eeacms/volto-cca-policy/utils';
+import RenderBlocks from '@plone/volto/components/theme/View/RenderBlocks';
+
+const messages = defineMessages({
+  download_agenda: {
+    id: 'Download the detailed agenda',
+    defaultMessage: 'Download the detailed agenda',
+  },
+  download_documents: {
+    id: 'A background document for the event is available',
+    defaultMessage: 'A background document for the event is available',
+  },
+});
+
+const DocumentSection = ({ title, file }) => (
+  <DocumentsList
+    content={{
+      show_counter: false,
+      section_title: title,
+      cca_files: [
+        {
+          url: file?.download,
+          title: file?.filename,
+        },
+      ],
+    }}
+  />
+);
 
 function CcaEventView(props) {
+  const intl = useIntl();
   const { content } = props;
-  const { event_language } = content;
-  // cca_files: [content.agenda_file]}
-  if (content.agenda_file) {
-    content.agenda_file['url'] = content.agenda_file['download'];
-    content.agenda_file['title'] = content.agenda_file['filename'];
-  }
-  if (content.background_documents) {
-    content.background_documents['url'] =
-      content.background_documents['download'];
-    content.background_documents['title'] =
-      content.background_documents['filename'];
-  }
-  const agenda_files = {
-    section_title: 'Download the detailed agenda',
-    cca_files: [content.agenda_file],
-    show_counter: false,
-  };
-  const background_documents = {
-    section_title: 'A background document for the event is available ',
-    cca_files: [content.background_documents],
-    show_counter: false,
-  };
+  const {
+    event_language,
+    agenda_file,
+    background_documents,
+    participation,
+    contact_email,
+  } = content;
+
+  const {
+    blocks: filtered_blocks,
+    blocks_layout: filtered_blocks_layout,
+  } = filterBlocks(content, 'tabs_block');
 
   return (
     <div className="cca-event-view">
-      <BannerTitle
-        content={{ ...content, '@type': 'Climate adapt event' }}
-        data={{
-          info: [{ description: '' }],
-          hideContentType: false,
-          hideCreationDate: false,
-          hideModificationDate: false,
-          hidePublishingDate: false,
-          hideDownloadButton: false,
-          hideShareButton: false,
+      <RenderBlocks
+        {...props}
+        content={{
+          ...content,
+          '@type': 'climate-adapt-event',
+          blocks: filtered_blocks,
+          blocks_layout: filtered_blocks_layout,
         }}
       />
 
       <Container>
         <PortalMessage content={content} />
         <Grid columns="12">
-          <div className="row">
+          <Grid.Row>
             <Grid.Column
               mobile={12}
               tablet={12}
@@ -69,9 +84,18 @@ function CcaEventView(props) {
               </h2>
               <HTMLField value={content.agenda} />
 
-              {content?.agenda_file && <DocumentsList content={agenda_files} />}
-              {content?.background_documents && (
-                <DocumentsList content={background_documents} />
+              {agenda_file && (
+                <DocumentSection
+                  title={intl.formatMessage(messages.download_agenda)}
+                  file={agenda_file}
+                />
+              )}
+
+              {background_documents && (
+                <DocumentSection
+                  title={intl.formatMessage(messages.download_documents)}
+                  file={background_documents}
+                />
               )}
 
               <h2>
@@ -86,20 +110,21 @@ function CcaEventView(props) {
                   defaultMessage="Participation"
                 />
               </h3>
-              <HTMLField value={content.participation} />
+              <HTMLField value={participation} />
 
               <h2>
                 <FormattedMessage id="Contact" defaultMessage="Contact" />
               </h2>
-              <p>
-                <FormattedMessage
-                  id="If you have any further questions you can contact"
-                  defaultMessage="If you have any further questions you can contact"
-                />{' '}
-                <a href="mailto:{content.contact_email}">
-                  {content.contact_email}
-                </a>
-              </p>
+
+              {contact_email && (
+                <p>
+                  <FormattedMessage
+                    id="If you have any further questions you can contact"
+                    defaultMessage="If you have any further questions you can contact"
+                  />{' '}
+                  <a href={`mailto:${contact_email}`}>{contact_email}</a>
+                </p>
+              )}
 
               {event_language && (
                 <>
@@ -123,7 +148,7 @@ function CcaEventView(props) {
                 <EventDetails {...props} />
               </Segment>
             </Grid.Column>
-          </div>
+          </Grid.Row>
         </Grid>
       </Container>
     </div>