@eeacms/volto-cca-policy 0.2.6 → 0.2.8

package/src/index.js

@@ -1,6 +1,11 @@
 import { compose } from 'redux';
-
 import { Sitemap } from '@plone/volto/components';
+import {
+  RASTWidgetView,
+  TranslationDisclaimer,
+} from '@eeacms/volto-cca-policy/components';
+import { blockAvailableInMission } from '@eeacms/volto-cca-policy/utils';
+
 import CcaEventView from './components/theme/Views/CcaEventView';
 import NewsItemView from './components/theme/Views/NewsItemView';
 import EventView from './components/theme/Views/EventView';
@@ -9,30 +14,23 @@ import CaseStudyView from './components/theme/Views/CaseStudyView';
 import ProjectView from './components/theme/Views/ProjectView';
 import C3SIndicatorView from './components/theme/Views/C3SIndicatorView';
 import DatabaseItemView from './components/theme/Views/DatabaseItemView';
-import MissionFundingCCAView from './components/theme/Views/MissionFundingCCAView';
-
-import { MissionToolView } from '@eeacms/volto-cca-policy/components';
 
+import GeocharsWidget from './components/theme/Widgets/GeocharsWidget';
+import GeolocationWidget from './components/theme/Widgets/GeolocationWidget';
+import MigrationButtons from './components/MigrationButtons';
 import HealthHorizontalCardItem from './components/Result/HealthHorizontalCardItem';
 
-import ccaLogo from '@eeacms/volto-cca-policy/../theme/assets/images/Header/climate-adapt-logo.svg';
-import ccaLogoWhite from '@eeacms/volto-cca-policy/../theme/assets/images/Header/climate-adapt-logo-white.svg';
-import eeaWhiteLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea-logo-white.svg';
-
-import observatoryLogoWhite from '@eeacms/volto-cca-policy/../theme/assets/images/Header/observatory-white-logo.svg';
-import europeanComissionLogo from '@eeacms/volto-cca-policy/../theme/assets/images/Footer/ec_logo.svg';
+import { langRedirection } from './store/middleware';
 
 import installBlocks from './components/manage/Blocks';
 import installSearchEngine from './search';
 import installStore from './store';
 
-import GeocharsWidget from './components/theme/Widgets/GeocharsWidget';
-import GeolocationWidget from './components/theme/Widgets/GeolocationWidget';
-import MigrationButtons from './components/MigrationButtons';
-import { TranslationDisclaimer } from '@eeacms/volto-cca-policy/components';
-
-import { blockAvailableInMission } from '@eeacms/volto-cca-policy/utils';
-import { langRedirection } from './store/middleware';
+import ccaLogo from '@eeacms/volto-cca-policy/../theme/assets/images/Header/climate-adapt-logo.svg';
+import ccaLogoWhite from '@eeacms/volto-cca-policy/../theme/assets/images/Header/climate-adapt-logo-white.svg';
+import observatoryLogoWhite from '@eeacms/volto-cca-policy/../theme/assets/images/Header/observatory-white-logo.svg';
+import europeanComissionLogo from '@eeacms/volto-cca-policy/../theme/assets/images/Footer/ec_logo.svg';
+import eeaWhiteLogo from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea-logo-white.svg';
 
 import './slate-styles.less';
 
@@ -288,8 +286,6 @@ const applyConfig = (config) => {
     'eea.climateadapt.c3sindicator': C3SIndicatorView,
     'eea.climateadapt.adaptationoption': AdaptationOptionView,
     'News Item': NewsItemView,
-    mission_funding_cca: MissionFundingCCAView,
-    mission_tool: MissionToolView,
   };
 
   config.views.layoutViewsNamesMapping.view_cca_event = 'CCA Event View';
@@ -390,6 +386,11 @@ const applyConfig = (config) => {
   config.widgets.id.geochars = GeocharsWidget;
   config.widgets.id.geolocation = GeolocationWidget;
 
+  if (config.widgets.views?.widget) {
+    config.widgets.views.id.rast_steps = RASTWidgetView;
+    config.widgets.views.widget.rast_steps = RASTWidgetView;
+  }
+
   config.settings.slate.styleMenu.inlineStyles = [
     ...(config.settings.slate.styleMenu?.inlineStyles || []),
     { cssClass: 'large-text', label: 'Large text' },
@@ -445,7 +446,6 @@ const applyConfig = (config) => {
   ];
 
   // plug custom redux middleware
-  //
   const storeExtender = (stack) => [langRedirection, ...stack];
   config.settings.storeExtenders = [
     storeExtender,

package/theme/extras/hero.overrides

@@ -1,4 +1,4 @@
 .styled-hero {
   margin-top: 0;
   margin-bottom: 0;
-}
+}

package/src/components/theme/MissionDisclaimer/MissionDisclaimer.jsx

@@ -1,24 +0,0 @@
-const MissionDisclaimer = () => {
-  return (
-    <div className="styled-slate has--style_name--content-box-gray styled">
-      <div className="disclaimer content-box">
-        <div className="content-box-inner">
-          <p>
-            <strong>Disclaimer</strong>
-            <br />
-            The contents and links to third-party items on this Mission webpage
-            are developed by the MIP4Adapt team led by Ricardo, under contract
-            CINEA/2022/OP/0013/SI2.884597 funded by the European Union and do
-            not necessarily reflect those of the European Union, CINEA, or those
-            of the European Environment Agency (EEA) as host of the
-            Climate-ADAPT Platform. Neither the European Union nor CINEA nor the
-            EEA accepts responsibility or liability arising out of or in
-            connection with the information on these pages.
-          </p>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default MissionDisclaimer;

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

@@ -1,159 +0,0 @@
-import {
-  HTMLField,
-  BannerTitle,
-  MetadataItemList,
-} from '@eeacms/volto-cca-policy/helpers';
-import { Container, Grid, Segment, List } from 'semantic-ui-react';
-import {
-  PortalMessage,
-  MissionDisclaimer,
-} from '@eeacms/volto-cca-policy/components';
-
-function MissiongFundingCCAView(props) {
-  const { content } = props;
-
-  return (
-    <div className="mission-item-view">
-      <BannerTitle
-        content={{ ...content, image: '' }}
-        data={{
-          info: [{ description: '' }],
-          hideContentType: true,
-          hideCreationDate: true,
-          hideModificationDate: true,
-          hidePublishingDate: true,
-          hideDownloadButton: false,
-          hideShareButton: false,
-          subtitle: 'EU and National Funding of Climate Change Adaption',
-        }}
-      />
-
-      <Container>
-        <PortalMessage content={content} />
-        <Grid columns="12">
-          <div className="row">
-            <Grid.Column
-              mobile={12}
-              tablet={12}
-              computer={8}
-              className="col-left"
-            >
-              {!!content.objective && content.objective.data.length > 7 && (
-                <>
-                  <h3>Objective of the funding programme</h3>
-                  <HTMLField value={content.objective} />
-                </>
-              )}
-
-              {!!content.funding_type && (
-                <>
-                  <h3>Type of funding</h3>
-                  <HTMLField value={content.funding_type} />
-                </>
-              )}
-
-              {!!content.budget_range && (
-                <>
-                  <h3>Expected budget range of proposals</h3>
-                  <p>{content.budget_range}</p>
-                </>
-              )}
-
-              {!!content.funding_rate && (
-                <>
-                  <h3>Funding rate (percentage of covered costs)</h3>
-                  <p>{content.funding_rate}</p>
-                </>
-              )}
-              <h3>
-                Can the received funding be combined with other funding sources
-                (blended)?
-              </h3>
-              <p>{content.is_blended === true ? 'Yes' : 'No'}</p>
-              <h3>Is a Consortium required to apply for the funding?</h3>
-              <p>{content.is_consortium_required === true ? 'Yes' : 'No'}</p>
-              {!!content.authority && (
-                <>
-                  <h3>Administering authority</h3>
-                  <p>{content.authority}</p>
-                </>
-              )}
-              {!!content.publication_page && (
-                <>
-                  <h3>Publication page</h3>
-                  <a href={content.publication_page}>
-                    {content.publication_page}
-                  </a>
-                </>
-              )}
-              {!!content.general_info && (
-                <>
-                  <h3>General information</h3>
-                  <a href={content.general_info}>{content.general_info}</a>
-                </>
-              )}
-              {!!content.further_info && (
-                <>
-                  <h3>Further information</h3>
-                  <p>{content.further_info}</p>
-                </>
-              )}
-            </Grid.Column>
-            <Grid.Column
-              mobile={12}
-              tablet={12}
-              computer={4}
-              className="col-right"
-            >
-              <Segment className="metadata">
-                {!!content.country && content.country.length > 0 && (
-                  <>
-                    <h5>Countries where the funding opportunity is offered</h5>
-                    <p>
-                      {content.country
-                        .map((country) => country.title)
-                        .join(', ')}
-                    </p>
-                  </>
-                )}
-                {!!content.regions && content.regions.length > 0 && (
-                  <>
-                    <h5>Region where the funding is offered</h5>
-                    <p>{content.regions}</p>
-                  </>
-                )}
-                {!!content.rast_steps && content.rast_steps.length > 0 && (
-                  <>
-                    <h5>RAST step(s) of relevance</h5>
-                    <List>
-                      {content.rast_steps.map((step, index) => (
-                        <List.Item key={index}>{step.title}</List.Item>
-                      ))}
-                    </List>
-                  </>
-                )}
-                {!!content.eligible_entities &&
-                  content.eligible_entities.length > 0 && (
-                    <>
-                      <h5>Eligible to receive funding</h5>
-                      <MetadataItemList value={content.eligible_entities} />
-                    </>
-                  )}
-                {!!content.sectors && content.sectors.length > 0 && (
-                  <>
-                    <h5>Adaptation Sectors</h5>
-                    <MetadataItemList value={content.sectors} />
-                  </>
-                )}
-              </Segment>
-            </Grid.Column>
-          </div>
-        </Grid>
-
-        <MissionDisclaimer />
-      </Container>
-    </div>
-  );
-}
-
-export default MissiongFundingCCAView;

package/src/components/theme/Views/MissionFundingCCAView.test.jsx

@@ -1,104 +0,0 @@
-import React from 'react';
-import { MemoryRouter } from 'react-router-dom';
-import configureStore from 'redux-mock-store';
-import { render } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import { Provider } from 'react-intl-redux';
-import MissiongFundingCCAView from './MissionFundingCCAView';
-import config from '@plone/volto/registry';
-
-config.blocks = {
-  blocksConfig: {
-    title: {
-      view: () => <div>Title Block Component</div>,
-    },
-  },
-};
-
-const mockStore = configureStore();
-
-describe('MissiongFundingCCAView', () => {
-  it('should render the component', () => {
-    const data = {
-      content: {
-        contributors: [],
-        country: [
-          {
-            title: 'Albania',
-            token: 'AL',
-          },
-          {
-            title: 'Armenia',
-            token: 'AM',
-          },
-        ],
-        description: 'Summary',
-        eligible_entities: [
-          {
-            title: 'Social, cultural, educational bodies',
-            token: 'B_SOCIAL_CULTURAL',
-          },
-          {
-            title: 'NGOs',
-            token: 'D_NGOS',
-          },
-        ],
-        funding_rate: 'funding rate',
-        funding_type: {
-          'content-type': 'text/html',
-          data: '<p>type of funding</p>',
-          encoding: 'utf8',
-        },
-        further_info: 'further info',
-        general_info: '/sandbox',
-        is_blended: true,
-        is_consortium_required: false,
-        objective: {
-          'content-type': 'text/html',
-          data: '<p></p>',
-          encoding: 'utf8',
-        },
-        publication_page: 'https://google.com',
-        rast_steps: [
-          {
-            title: 'Step 1. Preparing the ground for adaptation',
-            token: 'STEP_1',
-          },
-          {
-            title: 'Step 4. Assessing and selecting adaptation options',
-            token: 'STEP_4',
-          },
-        ],
-        regions: 'region here',
-        sectors: [
-          {
-            title: 'Biodiversity',
-            token: 'BIODIVERSITY',
-          },
-          {
-            title: 'Coastal areas',
-            token: 'COASTAL',
-          },
-        ],
-        title: 'Title here',
-      },
-    };
-
-    const store = mockStore({
-      userSession: { token: '1234' },
-      intl: {
-        locale: 'en',
-        messages: {},
-      },
-    });
-
-    const { container } = render(
-      <Provider store={store}>
-        <MemoryRouter>
-          <MissiongFundingCCAView {...data} />
-        </MemoryRouter>
-      </Provider>,
-    );
-    expect(container.querySelector('.mission-item-view')).toBeInTheDocument();
-  });
-});

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

@@ -1,226 +0,0 @@
-import React from 'react';
-import {
-  HTMLField,
-  BannerTitle,
-  MetadataItemList,
-} from '@eeacms/volto-cca-policy/helpers';
-import { Container, Grid, Image, Segment, List } from 'semantic-ui-react';
-import {
-  PortalMessage,
-  MissionDisclaimer,
-} from '@eeacms/volto-cca-policy/components';
-
-function MissionToolView(props) {
-  const { content } = props;
-
-  return (
-    <div className="mission-item-view">
-      <BannerTitle
-        content={{ ...content, image: '' }}
-        data={{
-          info: [{ description: '' }],
-          hideContentType: true,
-          hideCreationDate: false,
-          hideModificationDate: false,
-          hidePublishingDate: false,
-          hideDownloadButton: false,
-          hideShareButton: false,
-        }}
-      />
-
-      <Container>
-        <PortalMessage content={content} />
-        <Grid columns="12">
-          <div className="row">
-            <Grid.Column
-              mobile={12}
-              tablet={12}
-              computer={8}
-              className="col-left"
-            >
-              {!!content.objective && (
-                <>
-                  <h2>Objective(s)</h2>
-                  <HTMLField value={content.objective} />
-                </>
-              )}
-
-              {!!content.short_description && (
-                <>
-                  <h2>Short description</h2>
-                  <HTMLField value={content.short_description} />
-                </>
-              )}
-
-              {!!content.free_keywords && (
-                <>
-                  <h2>Free keywords</h2>
-                  <HTMLField value={content.free_keywords} />
-                </>
-              )}
-
-              {!!content.readiness_for_use &&
-                content.readiness_for_use.length > 0 && (
-                  <>
-                    <h2>Readiness for use</h2>
-
-                    <MetadataItemList value={content.readiness_for_use} />
-                  </>
-                )}
-
-              {!!content.applications && (
-                <>
-                  <h2>Applications</h2>
-                  <HTMLField value={content.applications} />
-                </>
-              )}
-
-              {!!content.strengths_weaknesses && (
-                <>
-                  <h2>
-                    Strengths and weaknesses, comparative added value to other
-                    similar tools
-                  </h2>
-                  <HTMLField value={content.strengths_weaknesses} />
-                </>
-              )}
-
-              {!!content.input && (
-                <>
-                  <h2>Input(s)</h2>
-                  <HTMLField value={content.input} />
-                </>
-              )}
-
-              {!!content.output && (
-                <>
-                  <h3>Output(s)</h3>
-                  <HTMLField value={content.output} />
-                </>
-              )}
-
-              {!!content.output_image && (
-                <Image
-                  src={content.output_image?.scales?.large?.download}
-                  alt={content.title}
-                  style={{ margin: '2.5em 0' }}
-                />
-              )}
-
-              {!!content.replicability && (
-                <>
-                  <h2>Replicability: Cost/effort for (new) usage</h2>
-                  <HTMLField value={content.replicability} />
-                </>
-              )}
-
-              {!!content.materials && (
-                <>
-                  <h2>Materials or other support available</h2>
-                  <HTMLField value={content.materials} />
-                </>
-              )}
-
-              {!!content.website && (
-                <>
-                  <h2>Website and maintenance</h2>
-                  <HTMLField value={content.website} />
-                </>
-              )}
-
-              {!!content.contact && (
-                <>
-                  <h2>Contact</h2>
-                  <HTMLField value={content.contact} />
-                </>
-              )}
-
-              {!!content.associated_project && (
-                <>
-                  <h2>Associated project(s)</h2>
-                  <HTMLField value={content.associated_project} />
-                </>
-              )}
-            </Grid.Column>
-            <Grid.Column
-              mobile={12}
-              tablet={12}
-              computer={4}
-              className="col-right"
-            >
-              <Segment className="metadata">
-                {!!content.rast_steps && content.rast_steps.length > 0 && (
-                  <>
-                    <h5>RAST step(s) of relevance:</h5>
-                    <List>
-                      {content.rast_steps.map((step, index) => (
-                        <List.Item key={index}>{step.title}</List.Item>
-                      ))}
-                    </List>
-                  </>
-                )}
-
-                {!!content.geographical_scale &&
-                  content.geographical_scale.length > 0 && (
-                    <>
-                      <h5>Geographical scale:</h5>
-                      <MetadataItemList value={content.geographical_scale} />
-                    </>
-                  )}
-
-                {!!content.geographical_area && (
-                  <>
-                    <h5>Geographical area:</h5>
-                    <HTMLField value={content.geographical_area} />
-                  </>
-                )}
-
-                {!!content.climate_impacts &&
-                  content.climate_impacts.length > 0 && (
-                    <>
-                      <h5>Climate impacts:</h5>
-                      <MetadataItemList value={content.climate_impacts} />
-                    </>
-                  )}
-
-                {!!content.tool_language && content.tool_language.length > 0 && (
-                  <>
-                    <h5>Language(s) of the tool:</h5>
-                    <MetadataItemList value={content.tool_language} />
-                  </>
-                )}
-
-                {!!content.sectors && content.sectors.length > 0 && (
-                  <>
-                    <h5>Adaptation sectors:</h5>
-                    <MetadataItemList value={content.sectors} />
-                  </>
-                )}
-
-                {!!content.most_useful_for &&
-                  content.most_useful_for.length > 0 && (
-                    <>
-                      <h5>Most useful for:</h5>
-                      <MetadataItemList value={content.most_useful_for} />
-                    </>
-                  )}
-
-                {!!content.user_requirements &&
-                  content.user_requirements.length > 0 && (
-                    <>
-                      <h5>User requirements:</h5>
-                      <MetadataItemList value={content.user_requirements} />
-                    </>
-                  )}
-              </Segment>
-            </Grid.Column>
-          </div>
-        </Grid>
-
-        <MissionDisclaimer />
-      </Container>
-    </div>
-  );
-}
-
-export default MissionToolView;