@eeacms/volto-bise-policy 1.2.32 → 1.2.34

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

@@ -0,0 +1,88 @@
+import './mockJsdom';
+import '@testing-library/jest-dom/extend-expect';
+import { getFeatures, filterCases, getFilters } from './utils';
+
+describe('utils.js', () => {
+  const mockCases = [
+    {
+      geometry: { coordinates: [0, 0] },
+      properties: {
+        title: 'test case study',
+        image: '',
+        nwrm_type: 'light',
+        measures: [{ id: 'test-measure1', title: 'test measure 1' }],
+        description: 'test',
+        typology_of_measures: ['testsector'],
+        path: '/test-case-study',
+        url: 'localhost.com/test-case-study',
+      },
+    },
+    {
+      geometry: { coordinates: [0, 0] },
+      properties: {
+        title: 'case study 2',
+        image: '',
+        nwrm_type: 'light',
+        measures: [{ id: 'test-measure1', title: 'test measure 1' }],
+        description: 'test',
+        typology_of_measures: ['testsector'],
+        path: '/test-case-study',
+        url: 'localhost.com/test-case-study',
+      },
+    },
+  ];
+
+  test('getFeatures', () => {
+    const mockFeature = {
+      setId: jest.fn(),
+      setProperties: jest.fn(),
+    };
+
+    const ol = {
+      ol: {
+        Feature: jest.fn().mockImplementation(() => mockFeature),
+      },
+      geom: {
+        Point: jest.fn().mockImplementation(() => ({})),
+      },
+      proj: {
+        fromLonLat: jest.fn().mockReturnValue([0, 0]),
+      },
+    };
+
+    expect(() => {
+      getFeatures({ cases: mockCases, ol });
+    }).not.toThrowError();
+  });
+
+  test('filterCases', () => {
+    const mockActiveFilters = {
+      measures_implemented: ['test measure 1'],
+      typology_of_measures: ['testsector'],
+    };
+    const mockCaseStudiesIds = ['test-case-study'];
+    const mockCasesFiltered = filterCases(
+      mockCases,
+      mockActiveFilters,
+      mockCaseStudiesIds,
+      'test',
+    );
+    expect(mockCasesFiltered).toStrictEqual([]);
+  });
+
+  test('getFilters', () => {
+    const mockCasesObject = mockCases.reduce((acc, item, index) => {
+      acc[index] = item;
+      return acc;
+    }, {});
+    const mockFilters = getFilters(mockCasesObject);
+    expect(mockFilters).toStrictEqual({
+      measures_implemented: {
+        'test-measure1': 'test measure 1',
+      },
+      typology_of_measures: {
+        testsector: 'testsector',
+      },
+    });
+  });
+});

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

@@ -6,6 +6,7 @@ import installFactsheetsListing from './FactsheetsListing';
 import installKeyFacts from './KeyFacts';
 import installMaesViewer from './MaesViewer';
 import installNavigation from './Navigation';
+import installCaseStudyExplorer from './CaseStudyExplorer';
 
 const config = (config) => {
   return [
@@ -17,6 +18,7 @@ const config = (config) => {
     installKeyFacts,
     installMaesViewer,
     installNavigation,
+    installCaseStudyExplorer,
   ].reduce((acc, apply) => apply(acc), config);
 };
 

package/src/express-middleware.js

@@ -0,0 +1,37 @@
+import express from 'express';
+import { getAPIResourceWithAuth } from '@plone/volto/helpers';
+
+const HEADERS = [
+  'Accept-Ranges',
+  'Cache-Control',
+  'Content-Disposition',
+  'Content-Range',
+  'Content-Type',
+];
+
+function viewMiddleware(req, res, next) {
+  getAPIResourceWithAuth(req)
+    .then((resource) => {
+      // Just forward the headers that we need
+      HEADERS.forEach((header) => {
+        if (resource.get(header)) {
+          res.set(header, resource.get(header));
+        }
+      });
+      res.status(resource.statusCode);
+      res.send(resource.body);
+    })
+    .catch(next);
+}
+
+export default function middleware(config) {
+  const middleware = express.Router();
+
+  // TODO: do we want catch all?
+  // middleware.all(['**/@@*'], viewMiddleware);
+
+  middleware.all(['**/@@case-studies-map.arcgis.json'], viewMiddleware);
+  middleware.id = 'viewsMiddleware';
+  config.settings.expressMiddleware.push(middleware);
+  return config;
+}

package/src/index.js

@@ -25,6 +25,12 @@ import {
   EUNISCountryCodeView,
   EUNISCountryCodeWidget,
 } from './components/Widgets/EUNISObjectListWidget';
+import GeolocationWidget from './components/Widgets/GeolocationWidget';
+import {
+  NRRTypologyOfMeasuresView,
+  NRREcosystemTypologyView,
+  NRRArticleView,
+} from './components/Widgets/NRRWidgets';
 
 const restrictedBlocks = ['imagecards', 'embed_eea_tableau_block'];
 
@@ -35,6 +41,7 @@ const customBlocks = [
   'body_classname',
   'redirect',
   'navigationBlock',
+  'caseStudyExplorer',
 ];
 
 const n2kLanguages = [
@@ -95,6 +102,11 @@ const applyConfig = (config) => {
     },
   };
 
+  config.settings.allowed_cors_destinations = [
+    ...(config.settings.allowed_cors_destinations || []),
+    'nominatim.openstreetmap.org',
+  ];
+
   // EEA customizations
   config.settings.eea = {
     ...(config.settings.eea || {}),
@@ -237,6 +249,23 @@ const applyConfig = (config) => {
     }
   });
 
+  if (__SERVER__) {
+    const installExpressMiddleware = require('./express-middleware').default;
+    config = installExpressMiddleware(config);
+
+    const devsource = __DEVELOPMENT__
+      ? ` http://localhost:${parseInt(process.env.PORT || '3000') + 1}`
+      : '';
+    config.settings.serverConfig.csp = {
+      'script-src': `'self' {nonce}${devsource}`,
+    };
+  }
+
+  config.widgets.id.geolocation = GeolocationWidget;
+  config.widgets.views.id.nrr_typology_of_measures = NRRTypologyOfMeasuresView;
+  config.widgets.views.id.nrr_ecosystem_typology = NRREcosystemTypologyView;
+  config.widgets.views.id.nrr_article = NRRArticleView;
+  // EUNIS Widgets
   config.widgets.id.eunis_national_json = EUNISCountryCodeWidget;
   config.widgets.views.id.eunis_national_json = EUNISCountryCodeView;
   config.widgets.id.eunis_regional_sea_convention_value_json =

package/theme/globals/site.overrides

@@ -23,6 +23,7 @@ body {
   }
 
   @media @mobile {
+
     &.has-toolbar,
     &.has-toolbar-collapsed {
       --toolbar-width: 0px;
@@ -82,6 +83,10 @@ body {
   src: url('../fonts/Rajdhani-Bold.ttf') format('truetype');
 }
 
+.eea.header {
+  z-index: 1001;
+}
+
 a {
   color: @linkColor;
 
@@ -105,6 +110,7 @@ p.has--clear--both:empty {
 
 .contenttype-bise_factsheet {
   #main {
+
     h1,
     h2,
     h3,
@@ -131,7 +137,7 @@ p.has--clear--both:empty {
       display: flex;
       align-items: center;
 
-      > div {
+      >div {
         width: 100%;
       }
     }
@@ -147,7 +153,8 @@ p.has--clear--both:empty {
   .ui.search {
     .ui.input {
       max-width: unset;
-      > input {
+
+      >input {
         border-radius: 12px;
       }
     }
@@ -255,6 +262,7 @@ p.has--clear--both:empty {
     }
 
     .light-links {
+
       h1,
       h2,
       h3,
@@ -328,7 +336,7 @@ p.has--clear--both:empty {
   }
 }
 
-#sidebar > .sidebar-container > .tabs-wrapper > .ui.menu {
+#sidebar>.sidebar-container>.tabs-wrapper>.ui.menu {
   flex-wrap: nowrap;
 }
 
@@ -358,4 +366,4 @@ p.has--clear--both:empty {
       border-right: 0.1rem solid @secondaryColor !important;
     }
   }
-}
+}