@eeacms/volto-cca-policy 0.2.22 → 0.2.24

package/locales/tmx/run.py

@@ -0,0 +1,61 @@
+import xml.etree.ElementTree as ET
+import json
+import polib
+import os
+import shutil
+
+currentPath = os.getcwd()
+
+path = currentPath + "/data/"
+tmxFiles = os.listdir(path)
+tmxFiles = list(filter(lambda x: '.tmx' in x, tmxFiles))
+print(tmxFiles)
+
+
+poPath = currentPath+'/..'
+
+def getData(fileName):
+    tree = ET.parse('./data/'+fileName)
+    root = tree.getroot()
+    response = {'language':[], 'data':{}}
+    for body in root.findall("body"):
+        for tu in body.findall("tu"):
+            temp = {}
+            for tuv in tu.findall("tuv"):
+                attributes = tuv.attrib
+                first_key = list(attributes)[0]
+                language = attributes[first_key][0:2]
+                key = tuv.find("seg").text
+                temp[language] = key
+                if language!='en' and language not in response['language']:
+                    response['language'].append(language.lower())
+
+            en_key = temp['en']
+            del temp['en']
+            response['data'][en_key]=temp
+    return response
+
+
+def translate(json, language):
+    if not os.path.isdir(poPath+'/'+language):
+        os.mkdir(poPath+'/'+language)
+    if not os.path.isdir(poPath+'/'+language+'/LC_MESSAGES'):
+        os.mkdir(poPath+'/'+language+'/LC_MESSAGES')
+
+    poFile = poPath+'/'+language+'/LC_MESSAGES/volto.po'
+    if not os.path.isfile(poFile):
+        shutil.copyfile(poPath+'/en/LC_MESSAGES/volto.po', poFile)
+
+    po = polib.pofile(poFile)
+    for entry in po:
+        if entry.msgid in json and language in json[entry.msgid]:
+            entry.msgstr = json[entry.msgid][language]
+    po.save(poFile)
+
+
+for fileName in tmxFiles:
+    jsonData = getData(fileName)
+
+    for language in jsonData['language']:
+        print("LANGUAGE:"+language)
+        translate(jsonData['data'], language)

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-04-12T14:10:28.025Z\n"
+"POT-Creation-Date: 2024-05-13T12:26:08.591Z\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"
@@ -85,6 +85,11 @@ msgstr ""
 msgid "Case Study illustrations"
 msgstr ""
 
+#. Default: "Case studies collected at national level in Spain, provided by AdapteCCA.es"
+#: components/manage/Blocks/CaseStudyExplorer/CaseStudyFilters
+msgid "Case studies collected at national level in Spain, provided by AdapteCCA.es"
+msgstr ""
+
 #. Default: "Case studies related to this option:"
 #: components/theme/Views/AdaptationOptionView
 msgid "Case studies related to this option:"
@@ -100,6 +105,11 @@ msgstr ""
 msgid "Challenges"
 msgstr ""
 
+#. Default: "Choices"
+#: components/manage/Widgets/CreatableSelectWidget
+msgid "Choices"
+msgstr ""
+
 #. Default: "Choose a region"
 #: components/manage/Blocks/TransRegionSelect/TransRegionSelectView
 msgid "Choose a region"
@@ -116,6 +126,7 @@ msgid "City:"
 msgstr ""
 
 #. Default: "Climate impact"
+#: components/manage/Blocks/FilterAceContent/FilterAceContentView copy
 #: components/manage/Blocks/FilterAceContent/FilterAceContentView
 msgid "Climate impact"
 msgstr ""
@@ -131,11 +142,21 @@ msgstr ""
 msgid "Climate impacts:"
 msgstr ""
 
+#. Default: "Climate-ADAPT case studies"
+#: components/manage/Blocks/CaseStudyExplorer/CaseStudyFilters
+msgid "Climate-ADAPT case studies"
+msgstr ""
+
 #. Default: "Climate-ADAPT page for this event"
 #: components/manage/Blocks/Listing/EventCardsListingView
 msgid "Climate-ADAPT page for this event"
 msgstr ""
 
+#. Default: "Close"
+#: components/manage/Widgets/CreatableSelectWidget
+msgid "Close"
+msgstr ""
+
 #. Default: "Contact"
 #: components/theme/Views/CaseStudyView
 #: components/theme/Views/CcaEventView
@@ -183,7 +204,13 @@ msgstr ""
 msgid "Dec"
 msgstr ""
 
+#. Default: "Default"
+#: components/manage/Widgets/CreatableSelectWidget
+msgid "Default"
+msgstr ""
+
 #. Default: "Description"
+#: components/manage/Widgets/CreatableSelectWidget
 #: helpers/Utils
 msgid "Description"
 msgstr ""
@@ -198,6 +225,16 @@ msgstr ""
 msgid "Documents"
 msgstr ""
 
+#. Default: "Download Event"
+#: components/theme/Views/EventView
+msgid "Download Event"
+msgstr ""
+
+#. Default: "Download this event in iCal format"
+#: components/theme/Views/EventView
+msgid "Download this event in iCal format"
+msgstr ""
+
 #. Default: "Duration:"
 #: helpers/ContentMetadata
 msgid "Duration:"
@@ -406,11 +443,21 @@ msgstr ""
 msgid "No information"
 msgstr ""
 
+#. Default: "No options"
+#: components/manage/Widgets/CreatableSelectWidget
+msgid "No options"
+msgstr ""
+
 #. Default: "No results"
 #: components/manage/Blocks/SearchAceContent/SearchAceContentView
 msgid "No results"
 msgstr ""
 
+#. Default: "No value"
+#: components/manage/Widgets/CreatableSelectWidget
+msgid "No value"
+msgstr ""
+
 #. Default: "Nov"
 #: components/manage/Blocks/Listing/EventCardsListingView
 msgid "Nov"
@@ -518,12 +565,18 @@ msgstr ""
 msgid "Relevance"
 msgstr ""
 
+#. Default: "Required"
+#: components/manage/Widgets/CreatableSelectWidget
+msgid "Required"
+msgstr ""
+
 #. Default: "Sa"
 #: components/manage/Blocks/Listing/EventCardsListingView
 msgid "Sa"
 msgstr ""
 
 #. Default: "Sector"
+#: components/manage/Blocks/FilterAceContent/FilterAceContentView copy
 #: components/manage/Blocks/FilterAceContent/FilterAceContentView
 msgid "Sector"
 msgstr ""
@@ -548,6 +601,11 @@ msgstr ""
 msgid "See video outside Climate-ADAPT"
 msgstr ""
 
+#. Default: "Select…"
+#: components/manage/Widgets/CreatableSelectWidget
+msgid "Select…"
+msgstr ""
+
 #. Default: "Sep"
 #: components/manage/Blocks/Listing/EventCardsListingView
 msgid "Sep"
@@ -556,9 +614,15 @@ msgstr ""
 #. Default: "Share your information"
 #: components/manage/Blocks/SearchAceContent/SearchAceContentView
 #: components/theme/ShareInfoButton/ShareInfoButton
+#: helpers/ShareInfo
 msgid "Share your information"
 msgstr ""
 
+#. Default: "Short Name"
+#: components/manage/Widgets/CreatableSelectWidget
+msgid "Short Name"
+msgstr ""
+
 #. Default: "Solutions"
 #: components/theme/Views/CaseStudyView
 msgid "Solutions"
@@ -628,11 +692,21 @@ msgstr ""
 msgid "The date refers to the moment in which the item has been prepared or updated by contributing experts to be submitted for the publication in Climate ADAPT"
 msgstr ""
 
+#. Default: "Title"
+#: components/manage/Widgets/CreatableSelectWidget
+msgid "Title"
+msgstr ""
+
 #. Default: "Tu"
 #: components/manage/Blocks/Listing/EventCardsListingView
 msgid "Tu"
 msgstr ""
 
+#. Default: "Used for programmatic access to the fieldset."
+#: components/manage/Widgets/CreatableSelectWidget
+msgid "Used for programmatic access to the fieldset."
+msgstr ""
+
 #. Default: "View all contributions in the resource catalogue"
 #: helpers/Utils
 msgid "View all contributions in the resource catalogue"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-cca-policy",
-  "version": "0.2.22",
+  "version": "0.2.24",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -18,10 +18,6 @@
   },
   "addons": [
     "@eeacms/volto-openlayers-map",
-    "@eeacms/volto-widget-temporal-coverage",
-    "@eeacms/volto-widget-geolocation",
-    "@eeacms/volto-widget-dataprovenance",
-    "@eeacms/volto-accordion-block",
     "@eeacms/volto-slate-label",
     "@eeacms/volto-datablocks",
     "@eeacms/volto-eea-design-system",
@@ -30,29 +26,26 @@
     "@eeacms/volto-globalsearch"
   ],
   "dependencies": {
-    "@eeacms/volto-accordion-block": "*",
-    "@eeacms/volto-block-style": "*",
+    "@eeacms/volto-block-style": "github:eea/volto-block-style#6.x.x",
     "@eeacms/volto-datablocks": "*",
     "@eeacms/volto-eea-design-system": "*",
-    "@eeacms/volto-eea-website-theme": "*",
-    "@eeacms/volto-globalsearch": "*",
+    "@eeacms/volto-eea-website-theme": "^1.33.2",
+    "@eeacms/volto-globalsearch": "^1.1.0",
     "@eeacms/volto-openlayers-map": "*",
-    "@eeacms/volto-searchlib": "*",
-    "@eeacms/volto-slate-label": "*",
-    "@eeacms/volto-tabs-block": "*",
-    "@eeacms/volto-widget-dataprovenance": "*",
-    "@eeacms/volto-widget-geolocation": "*",
-    "@eeacms/volto-widget-temporal-coverage": "*",
+    "@eeacms/volto-searchlib": "^0.9.3",
+    "@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",
     "react-visibility-sensor": "5.1.1"
   },
   "devDependencies": {
-    "cypress": "13.1.0",
     "@cypress/code-coverage": "^3.10.0",
     "@plone/scripts": "*",
     "babel-plugin-transform-class-properties": "^6.24.1",
+    "cypress": "13.1.0",
     "cypress-fail-fast": "^5.0.1",
     "dotenv": "^16.3.2",
     "husky": "^8.0.3",

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

@@ -1,19 +1,16 @@
 import React from 'react';
 import { List } from 'semantic-ui-react';
-import { Link } from 'react-router-dom';
-import { useLocation } from 'react-router-dom';
+import { Link, useLocation } from 'react-router-dom';
 import { flattenToAppURL } from '@plone/volto/helpers';
+import config from '@plone/volto/registry';
 import cx from 'classnames';
 
 import './style.less';
 
-const ContentLinksView = (props) => {
+const DefaultBody = (props) => {
   const location = useLocation();
-  const { data, mode = 'view' } = props;
-  const { title, items = [], variation } = data;
-  const isEdit = mode === 'edit';
-
-  return items && items.length > 0 ? (
+  const { title, items = [], variation } = props;
+  return (
     <div className={`block content-links ${variation}-view`}>
       {title && <h4>{title}</h4>}
 
@@ -34,6 +31,26 @@ const ContentLinksView = (props) => {
         })}
       </List>
     </div>
+  );
+};
+
+const ContentLinksView = (props) => {
+  const { data, mode = 'view' } = props;
+  const { title, items = [], variation, placeholder_text } = data;
+  const isEdit = mode === 'edit';
+  const activeTemplate = config.blocks.blocksConfig[
+    'contentLinks'
+  ].variations.filter((v, _i) => v.id === variation);
+
+  const BodyComponent = activeTemplate?.[0]?.view || DefaultBody;
+
+  return items && items.length > 0 ? (
+    <BodyComponent
+      title={title}
+      variation={variation}
+      items={items}
+      placeholder_text={placeholder_text}
+    />
   ) : (
     <>{isEdit && <div>No items</div>}</>
   );

package/src/components/manage/Blocks/ContentLinks/ContentLinksView.test.jsx

@@ -2,10 +2,29 @@ import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import configureStore from 'redux-mock-store';
 import renderer from 'react-test-renderer';
-
 import '@testing-library/jest-dom/extend-expect';
 import { Provider } from 'react-intl-redux';
 import ContentLinksView from './ContentLinksView';
+import config from '@plone/volto/registry';
+
+config.blocks = {
+  blocksConfig: {
+    contentLinks: {
+      variations: [
+        {
+          id: 'default',
+          title: 'Simple list (default)',
+          isDefault: true,
+        },
+        {
+          id: 'navigationList',
+          title: 'Navigation list',
+          isDefault: false,
+        },
+      ],
+    },
+  },
+};
 
 const mockStore = configureStore();
 

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

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Dropdown } from 'semantic-ui-react';
+import { useIntl, defineMessages } from 'react-intl';
+import { flattenToAppURL } from '@plone/volto/helpers';
+
+const messages = defineMessages({
+  select: {
+    id: 'Select',
+    defaultMessage: 'Select',
+  },
+});
+
+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;
+};
+
+const DropdownListView = (props) => {
+  const intl = useIntl();
+  const { title, items = [], variation, placeholder_text } = props;
+  const options = getDropdownOptions(items);
+
+  return (
+    items &&
+    items.length > 0 && (
+      <div className={`block content-links ${variation}-view`}>
+        {title && <h4>{title}</h4>}
+        <Dropdown
+          selection
+          placeholder={placeholder_text || intl.formatMessage(messages.select)}
+          options={options}
+        />
+      </div>
+    )
+  );
+};
+
+export default DropdownListView;

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

@@ -1,6 +1,7 @@
 import listSVG from '@plone/volto/icons/list-bullet.svg';
 import ContentLinksEdit from './ContentLinksEdit';
 import ContentLinksView from './ContentLinksView';
+import DropdownListView from './DropdownListView';
 
 export default function installBlock(config) {
   config.blocks.blocksConfig.contentLinks = {
@@ -27,6 +28,19 @@ export default function installBlock(config) {
         isDefault: false,
         fullobjects: true,
       },
+      {
+        id: 'dropdown',
+        title: 'Dropdown',
+        view: DropdownListView,
+        isDefault: false,
+        schemaEnhancer: ({ schema }) => {
+          schema.properties.placeholder_text = {
+            title: 'Placeholder text',
+          };
+          schema.fieldsets[0].fields.push('placeholder_text');
+          return schema;
+        },
+      },
     ],
     restricted: false,
   };

package/src/components/manage/Blocks/ContentLinks/style.less

@@ -17,6 +17,24 @@
   }
 }
 
+.dropdown-view {
+  .ui.selection.dropdown:not(.multiple) {
+    display: inline-flex;
+    width: auto;
+    min-width: 180px;
+    align-items: center;
+    justify-content: space-between;
+
+    > .dropdown.icon {
+      position: relative;
+      top: 0;
+      right: -15px;
+      padding: 0;
+      font-size: 1rem;
+    }
+  }
+}
+
 .navigationList-view {
   .item {
     padding: 0.75rem 0 0.75rem 0.75rem !important;

package/src/components/manage/Blocks/CountryMapProfile/OLView.jsx

@@ -139,7 +139,7 @@ const View = (props) => {
   return (
     <div>
       <Grid columns="12">
-        <Grid.Column mobile={9} tablet={9} computer={10} className="col-left">
+        <Grid.Column mobile={12} tablet={12} computer={10} className="col-left">
           {tileWMSSources ? (
             <Map
               view={{
@@ -180,8 +180,8 @@ const View = (props) => {
           ) : null}
         </Grid.Column>
         <Grid.Column
-          mobile={3}
-          tablet={3}
+          mobile={12}
+          tablet={12}
           computer={2}
           className="col-left"
           id="country-map-filter"

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

@@ -1,7 +1,8 @@
 .countryMapProfile {
   &.sized-wrapper {
     width: 100%;
-    height: 80vh;
+    height: 100%;
+    margin-bottom: 2em;
   }
 
   p.title {
@@ -9,6 +10,10 @@
     font-weight: bold;
   }
 
+  .ui.radio.checkbox {
+    margin-right: 0.5em;
+  }
+
   #country_map {
     position: relative;
     margin: 50px;
@@ -68,6 +73,7 @@
     .legend-box {
       width: 40px;
       height: 19px;
+      margin-top: 3px;
       margin-right: 0.5em;
     }
 
@@ -269,4 +275,12 @@
     padding-top: 1em;
     border-top: 2px solid #005c96;
   }
+
+  @media only screen and (max-width: 768px) {
+    .legend.nasnap-legend {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 1em;
+    }
+  }
 }

package/src/components/manage/Blocks/Listing/DropdownListingView.jsx

@@ -0,0 +1,49 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Link } from 'react-router-dom';
+import { Dropdown } from 'semantic-ui-react';
+import { flattenToAppURL } from '@plone/volto/helpers';
+import { useIntl, defineMessages } from 'react-intl';
+
+import './styles.less';
+
+const messages = defineMessages({
+  select: {
+    id: 'Select',
+    defaultMessage: 'Select',
+  },
+});
+
+const getDropdownOptions = (items) => {
+  const options = items?.map((item) => {
+    return {
+      key: item.id,
+      value: item.id,
+      text: item.title,
+      as: Link,
+      to: flattenToAppURL(item['@id']),
+    };
+  });
+  return options;
+};
+
+const DropdownListingView = (data) => {
+  const intl = useIntl();
+  const { items = [], placeholder_text } = data;
+  const options = getDropdownOptions(items);
+
+  return (
+    <Dropdown
+      selection
+      placeholder={placeholder_text || intl.formatMessage(messages.select)}
+      options={options}
+    />
+  );
+};
+
+DropdownListingView.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.any).isRequired,
+  isEditMode: PropTypes.bool,
+};
+
+export default DropdownListingView;

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

@@ -1,12 +1,27 @@
 import OrganisationCardsListingView from './OrganisationCardsListingView';
 import IndicatorCardsListingView from './IndicatorCardsListingView';
 import EventCardsListingView from './EventCardsListingView';
+import DropdownListingView from './DropdownListingView';
 
 export default function installListing(config) {
   config.blocks.blocksConfig.listing = {
     ...config.blocks.blocksConfig.listing,
     variations: [
       ...config.blocks.blocksConfig.listing.variations,
+      {
+        id: 'dropdown',
+        title: 'Dropdown',
+        template: DropdownListingView,
+        isDefault: false,
+        fullobjects: true,
+        schemaEnhancer: ({ schema }) => {
+          schema.properties.placeholder_text = {
+            title: 'Placeholder text',
+          };
+          schema.fieldsets[0].fields.push('placeholder_text');
+          return schema;
+        },
+      },
       {
         id: 'organisationCards',
         title: 'Organisation Cards',

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

@@ -99,3 +99,21 @@ div.eventCards {
     }
   }
 }
+
+.dropdown.listing {
+  .ui.selection.dropdown:not(.multiple) {
+    display: inline-flex;
+    width: auto;
+    min-width: 180px;
+    align-items: center;
+    justify-content: space-between;
+
+    > .dropdown.icon {
+      position: relative;
+      top: 0;
+      right: -15px;
+      padding: 0;
+      font-size: 1rem;
+    }
+  }
+}