@eeacms/volto-cca-policy 0.2.46 → 0.2.47

package/CHANGELOG.md

@@ -4,6 +4,15 @@ 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.47](https://github.com/eea/volto-cca-policy/compare/0.2.46...0.2.47) - 2 July 2024
+
+#### :hammer_and_wrench: Others
+
+- Tests [Tiberiu Ichim - [`d2cb56d`](https://github.com/eea/volto-cca-policy/commit/d2cb56d7b939c79fc025890110adb281cc68f570)]
+- Tests [Tiberiu Ichim - [`73a4c47`](https://github.com/eea/volto-cca-policy/commit/73a4c47d243e866305c951b37c70ea75873b93db)]
+- Tests [Tiberiu Ichim - [`afc6684`](https://github.com/eea/volto-cca-policy/commit/afc66846fc40bedeefb18e4a2f7fc8c0ec5c59f1)]
+- Tests [Tiberiu Ichim - [`72e29dd`](https://github.com/eea/volto-cca-policy/commit/72e29dd6bfed94b67c92c5f6e02fcfc3bad299bb)]
+- Show subtitle in the cca event title block [Tiberiu Ichim - [`e3fee69`](https://github.com/eea/volto-cca-policy/commit/e3fee690b3562138d67d01c8fa00453285631614)]
 ### [0.2.46](https://github.com/eea/volto-cca-policy/compare/0.2.45...0.2.46) - 1 July 2024
 
 ### [0.2.45](https://github.com/eea/volto-cca-policy/compare/0.2.44...0.2.45) - 24 June 2024
@@ -1411,13 +1420,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
@@ -1434,9 +1440,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)]
@@ -1653,7 +1656,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
 
@@ -2134,7 +2136,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.46",
+  "version": "0.2.47",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/theme/Widgets/GeolocationWidget.jsx

@@ -1,93 +1,59 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { Input } from 'semantic-ui-react';
+import config from '@plone/volto/registry';
 
 import { injectIntl } from 'react-intl';
 import { FormFieldWrapper } from '@plone/volto/components';
+import MapContainer from '@eeacms/volto-cca-policy/components/theme/Widgets/GeolocationWidgetMapContainer';
 
-import {
-  Controls,
-  Interactions,
-  Layer,
-  Map,
-  Layers,
-} from '@eeacms/volto-openlayers-map/api';
-import { openlayers as ol } from '@eeacms/volto-openlayers-map';
-
-const MapContainer = (props) => {
-  const { longitude, latitude, source } = props;
-  return (
-    <Map
-      view={{
-        center: ol.proj.fromLonLat([longitude, latitude]),
-        showFullExtent: true,
-        zoom: 15,
-      }}
-      pixelRatio={1}
-      controls={ol.control.defaults({ attribution: false })}
-    >
-      <Layers>
-        <Controls attribution={false} zoom={false} />
-        <Interactions
-          doubleClickZoom={true}
-          dragAndDrop={false}
-          dragPan={true}
-          keyboardPan={true}
-          keyboardZoom={true}
-          mouseWheelZoom={true}
-          pointer={true}
-          select={false}
-        />
-        <Layer.Tile source={source} zIndex={0} />
-      </Layers>
-    </Map>
-  );
+const defaultValue = {
+  latitude: 55.6761,
+  longitude: 12.5683,
 };
 
 const GeolocationWidget = (props) => {
   const { id, value, onChange } = props;
 
-  const [tileWMSSources, setTileWMSSources] = useState([]);
   const [address, setAddress] = useState('');
 
   const handleAddressChange = (event) => {
     setAddress(event.target.value);
   };
 
-  const defaultValue = {
-    latitude: 55.6761,
-    longitude: 12.5683,
-  };
-
-  const handleSearch = (e) => {
+  const handleSearch = async (e) => {
     e.preventDefault();
 
-    fetch(`https://nominatim.openstreetmap.org/search?q=${address}&format=json`)
-      .then((response) => {
-        const { lat, lon } = response.data[0];
-        onChange(id, { latitude: lat, longitude: lon });
-      })
-      .catch((error) => {
-        // console.error(error);
-      });
-  };
+    const url = `https://nominatim.openstreetmap.org/search?q=${address}&format=json`;
 
-  React.useEffect(() => {
-    setTileWMSSources([
-      new ol.source.TileWMS({
-        url: 'https://gisco-services.ec.europa.eu/maps/service',
-        params: {
-          LAYERS: 'OSMBlossomComposite',
-          TILED: true,
-        },
-        serverType: 'geoserver',
-        transition: 0,
-      }),
-    ]);
-  }, []); // ol.source.TileWMS, ol.source.Vector
+    const { corsProxyPath = '/cors-proxy', host, port } = config.settings;
+    const base = __SERVER__
+      ? `http://${host}:${port}`
+      : `${window.location.protocol}//${window.location.host}`;
+
+    const path = `${base}${corsProxyPath}/${url}`;
+
+    let locations;
+    try {
+      const response = await fetch(path);
+      locations = await response.json();
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.log('error in fetching location', e);
+    }
+
+    if (locations?.length) {
+      const { lat, lon } = locations[0];
+      onChange(id, { latitude: lat, longitude: lon });
+    }
+  };
 
   if (__SERVER__) return '';
 
+  const lat = value?.latitude ?? defaultValue.latitude;
+  const long = value?.longitude ?? defaultValue.longitude;
+  const mapKey = `${lat}_${long}`;
+
   return (
     <FormFieldWrapper {...props} className="geolocation-field">
       <div className="ui form">
@@ -101,12 +67,9 @@ const GeolocationWidget = (props) => {
         </div>
       </div>
       <MapContainer
-        key={`${value?.latitude || defaultValue.latitude}_${
-          value?.longitude || defaultValue.longitude
-        }`}
+        key={mapKey}
         longitude={value?.longitude || defaultValue.longitude}
         latitude={value?.latitude || defaultValue.latitude}
-        source={tileWMSSources[0]}
       />
       <div className="ui form">
         <div className="inline fields">
@@ -115,6 +78,9 @@ const GeolocationWidget = (props) => {
               type="number"
               placeholder="latitude"
               value={value?.latitude || defaultValue.latitude}
+              onChange={(e) =>
+                onChange(id, { ...value, latitude: e.target.value })
+              }
             />
           </div>
           <div className="field">
@@ -122,6 +88,9 @@ const GeolocationWidget = (props) => {
               type="number"
               placeholder="longitude"
               value={value?.longitude || defaultValue.longitude}
+              onChange={(e) =>
+                onChange(id, { ...value, longitude: e.target.value })
+              }
             />
           </div>
         </div>

package/src/components/theme/Widgets/GeolocationWidget.test.jsx

@@ -0,0 +1,45 @@
+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 GeolocationWidget from './GeolocationWidget';
+
+global.__SERVER__ = false;
+
+jest.mock(
+  '@eeacms/volto-cca-policy/components/theme/Widgets/GeolocationWidgetMapContainer',
+);
+const mockStore = configureStore();
+
+describe('GeolocationWidget', () => {
+  it('should render the component', () => {
+    const data = {
+      id: 'location',
+      title: 'Location',
+      value: {
+        latitude: 10,
+        longitude: 50,
+      },
+    };
+
+    const store = mockStore({
+      userSession: { token: '1234' },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const { container } = render(
+      <Provider store={store}>
+        <MemoryRouter>
+          <GeolocationWidget {...data} />
+        </MemoryRouter>
+      </Provider>,
+    );
+    expect(container).toBeTruthy();
+  });
+});

package/src/components/theme/Widgets/GeolocationWidgetMapContainer.jsx

@@ -0,0 +1,63 @@
+import React, { useState } from 'react';
+import {
+  Controls,
+  Interactions,
+  Layer,
+  Map,
+  Layers,
+} from '@eeacms/volto-openlayers-map/api';
+import { openlayers as ol } from '@eeacms/volto-openlayers-map';
+
+const TileSetLoader = (props) => {
+  const [tileWMSSources, setTileWMSSources] = useState([]);
+
+  React.useEffect(() => {
+    setTileWMSSources([
+      new ol.source.TileWMS({
+        url: 'https://gisco-services.ec.europa.eu/maps/service',
+        params: {
+          LAYERS: 'OSMBlossomComposite',
+          TILED: true,
+        },
+        serverType: 'geoserver',
+        transition: 0,
+      }),
+    ]);
+  }, []);
+
+  return tileWMSSources ? (
+    <MapContainer {...props} source={tileWMSSources[0]} />
+  ) : null;
+};
+
+const MapContainer = (props) => {
+  const { longitude, latitude, source } = props;
+  return (
+    <Map
+      view={{
+        center: ol.proj.fromLonLat([longitude, latitude]),
+        showFullExtent: true,
+        zoom: 15,
+      }}
+      pixelRatio={1}
+      controls={ol.control.defaults({ attribution: false })}
+    >
+      <Layers>
+        <Controls attribution={false} zoom={false} />
+        <Interactions
+          doubleClickZoom={true}
+          dragAndDrop={false}
+          dragPan={true}
+          keyboardPan={true}
+          keyboardZoom={true}
+          mouseWheelZoom={true}
+          pointer={true}
+          select={false}
+        />
+        <Layer.Tile source={source} zIndex={0} />
+      </Layers>
+    </Map>
+  );
+};
+
+export default TileSetLoader;

package/src/components/theme/Widgets/__mocks__/GeolocationWidgetMapContainer.jsx

@@ -0,0 +1,3 @@
+export default function MapContainer() {
+  return <div className="map-container"></div>;
+}

package/src/index.js

@@ -70,6 +70,11 @@ const applyConfig = (config) => {
     ];
   }
 
+  config.settings.allowed_cors_destinations = [
+    ...(config.settings.allowed_cors_destinations || []),
+    'nominatim.openstreetmap.org',
+  ];
+
   // if (!config.settings.loadables.d3)
   //   config.settings.loadables.d3 = loadable.lib(() => import('d3'));
   // if (!config.settings.loadables.d3Geo)