@eeacms/volto-n2k 1.0.35 → 1.1.0

package/.eslintrc.js

@@ -0,0 +1,65 @@
+const fs = require('fs');
+const path = require('path');
+const projectRootPath = fs.realpathSync(__dirname + '/../../../');
+
+let voltoPath = path.join(projectRootPath, 'node_modules/@plone/volto');
+let configFile;
+if (fs.existsSync(`${projectRootPath}/tsconfig.json`))
+  configFile = `${projectRootPath}/tsconfig.json`;
+else if (fs.existsSync(`${projectRootPath}/jsconfig.json`))
+  configFile = `${projectRootPath}/jsconfig.json`;
+
+if (configFile) {
+  const jsConfig = require(configFile).compilerOptions;
+  const pathsConfig = jsConfig.paths;
+  if (pathsConfig['@plone/volto'])
+    voltoPath = `./${jsConfig.baseUrl}/${pathsConfig['@plone/volto'][0]}`;
+}
+
+const AddonConfigurationRegistry = require(`${voltoPath}/addon-registry.js`);
+const reg = new AddonConfigurationRegistry(projectRootPath);
+
+// Extends ESlint configuration for adding the aliases to `src` directories in Volto addons
+const addonAliases = Object.keys(reg.packages).map((o) => [
+  o,
+  reg.packages[o].modulePath,
+]);
+
+const addonExtenders = reg.getEslintExtenders().map((m) => require(m));
+
+const defaultConfig = {
+  extends: `${voltoPath}/.eslintrc`,
+  settings: {
+    'import/resolver': {
+      alias: {
+        map: [
+          ['@plone/volto', '@plone/volto/src'],
+          ['@plone/volto-slate', '@plone/volto/packages/volto-slate/src'],
+          ...addonAliases,
+          ['@package', `${__dirname}/src`],
+          ['@root', `${__dirname}/src`],
+          ['~', `${__dirname}/src`],
+        ],
+        extensions: ['.js', '.jsx', '.json'],
+      },
+      'babel-plugin-root-import': {
+        rootPathSuffix: 'src',
+      },
+    },
+  },
+  rules: {
+    'react/jsx-no-target-blank': [
+      'error',
+      {
+        allowReferrer: true,
+      },
+    ],
+  }
+};
+
+const config = addonExtenders.reduce(
+  (acc, extender) => extender.modify(acc),
+  defaultConfig,
+);
+
+module.exports = config;

package/CHANGELOG.md

@@ -4,7 +4,29 @@ 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).
 
-### [1.0.35](https://github.com/eea/volto-n2k/compare/1.0.34...1.0.35) - 14 May 2024
+### [1.1.0](https://github.com/eea/volto-n2k/compare/1.0.35...1.1.0) - 7 November 2024
+
+#### :bug: Bug Fixes
+
+- fix: increase coverage [ana-oprea - [`5a1fb70`](https://github.com/eea/volto-n2k/commit/5a1fb7019a7e426a61034c478dc17d05005e41b0)]
+- fix: increase coverage [ana-oprea - [`248679d`](https://github.com/eea/volto-n2k/commit/248679d2de50b973a3b15d8debd03edab8010140)]
+- fix: sonarqube error [ana-oprea - [`e66068c`](https://github.com/eea/volto-n2k/commit/e66068cb6b71a7952da918acaabce05fe371accc)]
+- fix: add @eeacms/volto-spotlight [ana-oprea - [`52ff305`](https://github.com/eea/volto-n2k/commit/52ff3056619698ab5708c4e85924a1693e3f1ef6)]
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`1d6b90e`](https://github.com/eea/volto-n2k/commit/1d6b90e547f5e2d01c11f5add79b4c406de5ad76)]
+- style: Automated code fix [eea-jenkins - [`4655b82`](https://github.com/eea/volto-n2k/commit/4655b82d90b88672fb09d85c9b781546213b798a)]
+- style: Automated code fix [eea-jenkins - [`e220999`](https://github.com/eea/volto-n2k/commit/e220999918559c06ba85353f21698144ae6a5513)]
+
+#### :hammer_and_wrench: Others
+
+- update [Miu Razvan - [`6389bfc`](https://github.com/eea/volto-n2k/commit/6389bfc6b11c76fbce0a4fc1e052b8d08223fe9c)]
+- lint fix [Miu Razvan - [`e56a7be`](https://github.com/eea/volto-n2k/commit/e56a7be93d345f80342724a1c75e70ae54db01c5)]
+- merge develop into volto-17 [Miu Razvan - [`be4c9c1`](https://github.com/eea/volto-n2k/commit/be4c9c1ca6edad395e6412669e6ee4294605c65b)]
+- fix package compatibility with latest updates, ref #278618 [Miu Razvan - [`fc85878`](https://github.com/eea/volto-n2k/commit/fc858786e0ae0373a6c4447a93dc9f1fce522f75)]
+- test: Update to volto 17 PR30 [valentinab25 - [`9d6a983`](https://github.com/eea/volto-n2k/commit/9d6a98313fbb24092de9879ae790af2c33220830)]
+### [1.0.35](https://github.com/eea/volto-n2k/compare/1.0.34...1.0.35) - 17 May 2024
 
 #### :hammer_and_wrench: Others
 
@@ -18,7 +40,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
-- chore: [JENKINS] Refactor automated testing [valentinab25 - [`e4f9fc8`](https://github.com/eea/volto-n2k/commit/e4f9fc800b753b97cca7c685bc47dd48804276f0)]
 - chore: husky, lint-staged use fixed versions [valentinab25 - [`647d621`](https://github.com/eea/volto-n2k/commit/647d621d52400c50f5bc629b3ddc4f2121f14ffa)]
 - chore:volto 16 in tests, update docs, fix stylelint overrides [valentinab25 - [`60d94b6`](https://github.com/eea/volto-n2k/commit/60d94b61ff8826abc57af9616793a1a247f585b5)]
 
@@ -33,11 +54,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - try to use volto-spotlight theme in jenkins [Miu Razvan - [`ec0b952`](https://github.com/eea/volto-n2k/commit/ec0b9525b967f907922ae660bd9f520119cd80c1)]
 - remove waitForResourceToLoad [ana-oprea - [`eaded9b`](https://github.com/eea/volto-n2k/commit/eaded9b9ecd1ca2eb78aa8dd65838c063d95db85)]
 - update image size from 300 to 800 px [Claudia Ifrim - [`8d9270a`](https://github.com/eea/volto-n2k/commit/8d9270a09506278ceaea25e8a72abdf5b22fcc78)]
-- test: [JENKINS] Use java17 for sonarqube scanner [valentinab25 - [`350f8a6`](https://github.com/eea/volto-n2k/commit/350f8a6928aafbf168472b572f8041a79f71f577)]
-- test: [JENKINS] Run cypress in started frontend container [valentinab25 - [`99b3a84`](https://github.com/eea/volto-n2k/commit/99b3a84a266710fadf7d430117359b741cadede8)]
-- test: [JENKINS] Add cpu limit on cypress docker [valentinab25 - [`050ac98`](https://github.com/eea/volto-n2k/commit/050ac982ec39e9a1b4885b665cdc118fca7b1283)]
-- test: [JENKINS] Increase shm-size to cypress docker [valentinab25 - [`3546040`](https://github.com/eea/volto-n2k/commit/35460409817f496fc752ab34e37d6d33a069b2e9)]
-- test: [JENKINS] Improve cypress time [valentinab25 - [`06a4ab1`](https://github.com/eea/volto-n2k/commit/06a4ab151799b8cdf4a316dbcb0c323e0f568e30)]
 - test: EN locales, pre-commit fix, feature PRs checks Refs #257193 [valentinab25 - [`4850d6a`](https://github.com/eea/volto-n2k/commit/4850d6a65349fe49dbe9244c30592ae38c9aeaba)]
 - test: Update Makefile and docker-compose to align it with Jenkinsfile [valentinab25 - [`2c91856`](https://github.com/eea/volto-n2k/commit/2c9185688a2fe6b36e5eeb2963f6c8676e3c5628)]
 ### [1.0.33](https://github.com/eea/volto-n2k/compare/1.0.32...1.0.33) - 3 July 2023
@@ -294,7 +310,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Update [razvanMiu - [`42ab50e`](https://github.com/eea/volto-n2k/commit/42ab50e6681a47251d15ac06b836c6f8c27157fa)]
 - Added bubble chart [razvanMiu - [`89fba5e`](https://github.com/eea/volto-n2k/commit/89fba5e5db41aa955ba2d0ed58c9f0042c461504)]
 - Group species by id_eunis in species list [razvanMiu - [`543c957`](https://github.com/eea/volto-n2k/commit/543c9573b53acd8eecc9afbb6ae7beeddba53966)]
-- Add Sonarqube tag using frontend addons list [EEA Jenkins - [`2ca3e4c`](https://github.com/eea/volto-n2k/commit/2ca3e4c092211f92339791d71db81f5b4ca2d562)]
 - update maps - species and habitats distribution maps [Claudia Ifrim - [`ad12eb1`](https://github.com/eea/volto-n2k/commit/ad12eb141907d6f28444f1eafc3f687735d2a68d)]
 - update format for common name and author [Claudia Ifrim - [`26b7a2f`](https://github.com/eea/volto-n2k/commit/26b7a2f3d20c7701b57fb24f39fc7dfeceec3ce8)]
 - update format for species name (common / scientific) [Claudia Ifrim - [`abdedcf`](https://github.com/eea/volto-n2k/commit/abdedcfe645665031dedf050fd2c5cdde8c14a50)]

package/jest-addon.config.js

@@ -1,3 +1,5 @@
+require('dotenv').config({ path: __dirname + '/.env' })
+
 module.exports = {
   testMatch: ['**/src/addons/**/?(*.)+(spec|test).[jt]s?(x)'],
   collectCoverageFrom: [
@@ -9,18 +11,26 @@ module.exports = {
     '@plone/volto/cypress': '<rootDir>/node_modules/@plone/volto/cypress',
     '@plone/volto/babel': '<rootDir>/node_modules/@plone/volto/babel',
     '@plone/volto/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
-    '@package/(.*)$': '<rootDir>/src/$1',
-    '@root/(.*)$': '<rootDir>/src/$1',
+    '@package/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
+    '@root/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
     '@plone/volto-quanta/(.*)$': '<rootDir>/src/addons/volto-quanta/src/$1',
+    '@eeacms/search/(.*)$': '<rootDir>/src/addons/volto-searchlib/searchlib/$1',
+    '@eeacms/search': '<rootDir>/src/addons/volto-searchlib/searchlib',
     '@eeacms/(.*?)/(.*)$': '<rootDir>/node_modules/@eeacms/$1/src/$2',
-    '@plone/volto-slate':
+    '@plone/volto-slate$':
       '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src',
+    '@plone/volto-slate/(.*)$':
+      '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src/$1',
     '~/(.*)$': '<rootDir>/src/$1',
     'load-volto-addons':
       '<rootDir>/node_modules/@plone/volto/jest-addons-loader.js',
   },
+  transformIgnorePatterns: [
+    '/node_modules/(?!(@plone|@root|@package|@eeacms)/).*/',
+  ],
   transform: {
     '^.+\\.js(x)?$': 'babel-jest',
+    '^.+\\.ts(x)?$': 'babel-jest',
     '^.+\\.(png)$': 'jest-file',
     '^.+\\.(jpg)$': 'jest-file',
     '^.+\\.(svg)$': './node_modules/@plone/volto/jest-svgsystem-transform.js',
@@ -33,4 +43,9 @@ module.exports = {
       statements: 5,
     },
   },
-};
+  ...(process.env.JEST_USE_SETUP === 'ON' && {
+    setupFilesAfterEnv: [
+      '<rootDir>/node_modules/@eeacms/volto-n2k/jest.setup.js',
+    ],
+  }),
+}

package/jest.setup.js

@@ -0,0 +1,65 @@
+import { jest } from '@jest/globals';
+import configureStore from 'redux-mock-store';
+import thunk from 'redux-thunk';
+import { blocksConfig } from '@plone/volto/config/Blocks';
+import installSlate from '@plone/volto-slate/index';
+
+var mockSemanticComponents = jest.requireActual('semantic-ui-react');
+var mockComponents = jest.requireActual('@plone/volto/components');
+var config = jest.requireActual('@plone/volto/registry').default;
+
+config.blocks.blocksConfig = {
+  ...blocksConfig,
+  ...config.blocks.blocksConfig,
+};
+
+jest.doMock('semantic-ui-react', () => ({
+  __esModule: true,
+  ...mockSemanticComponents,
+  Popup: ({ content, trigger }) => {
+    return (
+      <div className="popup">
+        <div className="trigger">{trigger}</div>
+        <div className="content">{content}</div>
+      </div>
+    );
+  },
+}));
+
+jest.doMock('@plone/volto/components', () => {
+  return {
+    __esModule: true,
+    ...mockComponents,
+    SidebarPortal: ({ children }) => <div id="sidebar">{children}</div>,
+  };
+});
+
+jest.doMock('@plone/volto/registry', () =>
+  [installSlate].reduce((acc, apply) => apply(acc), config),
+);
+
+const mockStore = configureStore([thunk]);
+
+global.fetch = jest.fn(() =>
+  Promise.resolve({
+    json: () => Promise.resolve({}),
+  }),
+);
+
+global.store = mockStore({
+  intl: {
+    locale: 'en',
+    messages: {},
+    formatMessage: jest.fn(),
+  },
+  content: {
+    create: {},
+    subrequests: [],
+  },
+  connected_data_parameters: {},
+  screen: {
+    page: {
+      width: 768,
+    },
+  },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-n2k",
-  "version": "1.0.35",
+  "version": "1.1.0",
   "description": "volto-n2k: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -13,21 +13,21 @@
     "react"
   ],
   "addons": [
-    "@eeacms/volto-spotlight",
     "@eeacms/volto-datablocks",
     "@eeacms/volto-openlayers-map",
     "@eeacms/volto-resize-helper",
-    "@eeacms/volto-tabs-block"
+    "@eeacms/volto-tabs-block",
+    "@eeacms/volto-spotlight"
   ],
   "repository": {
     "type": "git",
     "url": "git@github.com:eea/volto-n2k.git"
   },
   "dependencies": {
-    "@eeacms/volto-spotlight": "*",
     "@eeacms/volto-datablocks": "*",
     "@eeacms/volto-openlayers-map": "*",
     "@eeacms/volto-resize-helper": "*",
+    "@eeacms/volto-spotlight": "*",
     "@eeacms/volto-tabs-block": "*",
     "d3": "^7.6.1",
     "d3-shape": "^3.1.0",
@@ -39,10 +39,11 @@
     "swiper": "9.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",
+    "dotenv": "^16.3.2",
     "husky": "^8.0.3",
     "lint-staged": "^14.0.1",
     "md5": "^2.3.0"

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

@@ -2,7 +2,7 @@ import worldSVG from '@plone/volto/icons/world.svg';
 import BodyClassEdit from './Edit';
 import BodyClassView from './View';
 
-export default (config) => {
+export default function applyConfig(config) {
   config.blocks.blocksConfig.body_classname = {
     id: 'body_classname',
     title: 'Body classname',
@@ -21,4 +21,4 @@ export default (config) => {
     blockHasOwnFocusManagement: false,
   };
   return config;
-};
+}

package/src/components/manage/Blocks/BodyClass/schema.js

@@ -1,4 +1,4 @@
-export default {
+const schema = {
   title: 'Body class',
 
   fieldsets: [
@@ -17,3 +17,5 @@ export default {
 
   required: [],
 };
+
+export default schema;

package/src/components/manage/Blocks/BubbleChart/BubbleChart.jsx

@@ -7,9 +7,8 @@ import ChartContext from './ChartContext';
 
 function BubbleChart(props) {
   const { d3, chartData, interpolation } = props;
-  const { element, height, width, popup, setPopup } = React.useContext(
-    ChartContext,
-  );
+  const { element, height, width, popup, setPopup } =
+    React.useContext(ChartContext);
   const root = d3.pack().size([width, height]).padding(10)(
     d3
       .hierarchy({ children: chartData })
@@ -55,7 +54,8 @@ function BubbleChart(props) {
               onFocus={() => {}}
               onBlur={() => {}}
               onMouseMoveCapture={(event) => {
-                const elementPosition = element.parentNode.getBoundingClientRect();
+                const elementPosition =
+                  element.parentNode.getBoundingClientRect();
                 setPopup({
                   id: `${index}_leaf_${data.name}`,
                   clientX: event.clientX - elementPosition.x,

package/src/components/manage/Blocks/BubbleChart/View.jsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import Chart from './Chart';
 import BubbleChart from './BubbleChart';
 
@@ -7,7 +7,7 @@ import './style.less';
 const View = (props) => {
   const [chartData, setChartData] = React.useState([]);
   const { x, y, interpolation = 'interpolateBlues' } = props.data;
-  const data = props.provider_data || {};
+  const data = useMemo(() => props.provider_data || {}, [props.provider_data]);
 
   React.useEffect(() => {
     if (!x || !y || !data[x]?.length || !data[y]?.length) return;

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

@@ -1,7 +1,7 @@
 import BubbleChart from './View';
 import getSchema from './schema';
 
-export default (config) => {
+export default function applyConfig(config) {
   config.blocks.blocksConfig.custom_connected_block = {
     ...config.blocks.blocksConfig.custom_connected_block,
     blocks: {
@@ -14,4 +14,4 @@ export default (config) => {
     },
   };
   return config;
-};
+}

package/src/components/manage/Blocks/CDDACountryProfileMap/View.jsx

@@ -107,8 +107,7 @@ const View = (props) => {
             .replace('{minScale}', largeScaleMinScale)
             .replace('{maxScale}', largeScaleMaxScale),
         },
-        url:
-          'https://bio.discomap.eea.europa.eu/arcgis/rest/services/ProtectedSites/CDDA_Dyna_WM/MapServer',
+        url: 'https://bio.discomap.eea.europa.eu/arcgis/rest/services/ProtectedSites/CDDA_Dyna_WM/MapServer',
       }),
       new source.ImageArcGISRest({
         ratio: 1,
@@ -122,8 +121,7 @@ const View = (props) => {
             .replace('{minScale}', mediumScaleMinScale)
             .replace('{maxScale}', mediumScaleMaxScale),
         },
-        url:
-          'https://bio.discomap.eea.europa.eu/arcgis/rest/services/ProtectedSites/CDDA_Dyna_WM/MapServer',
+        url: 'https://bio.discomap.eea.europa.eu/arcgis/rest/services/ProtectedSites/CDDA_Dyna_WM/MapServer',
       }),
       new source.ImageArcGISRest({
         ratio: 1,
@@ -137,8 +135,7 @@ const View = (props) => {
             .replace('{minScale}', smallScaleMinScale)
             .replace('{maxScale}', smallScaleMaxScale),
         },
-        url:
-          'https://bio.discomap.eea.europa.eu/arcgis/rest/services/ProtectedSites/CDDA_Dyna_WM/MapServer',
+        url: 'https://bio.discomap.eea.europa.eu/arcgis/rest/services/ProtectedSites/CDDA_Dyna_WM/MapServer',
       }),
     ]);
     fetch(
@@ -183,9 +180,7 @@ const View = (props) => {
         view={{
           center: [0, 0],
           extent: extent || [
-            -6319125.804807394,
-            3070702.923644739,
-            9584655.106275197,
+            -6319125.804807394, 3070702.923644739, 9584655.106275197,
             12091128.659149397,
           ],
           zoom: 2,

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

@@ -2,7 +2,7 @@ import worldSVG from '@plone/volto/icons/world.svg';
 import Edit from './Edit';
 import View from './View';
 
-export default (config) => {
+export default function applyConfig(config) {
   config.blocks.blocksConfig.cdda_country_profile_map = {
     id: 'cdda_country_profile_map',
     title: 'CDDA country profile map',
@@ -21,4 +21,4 @@ export default (config) => {
     blockHasOwnFocusManagement: false,
   };
   return config;
-};
+}

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

@@ -4,21 +4,24 @@ import carouselSchema from './schema';
 
 export { HorizontalCarouselView, carouselSchema };
 
-export default (config) => {
-  config.blocks.blocksConfig.tabs_block = {
-    ...(config.blocks.blocksConfig.tabs_block || {}),
-    templates: {
-      ...(config.blocks.blocksConfig.tabs_block?.templates || {}),
-      carousel: {
-        ...(config.blocks.blocksConfig.tabs_block?.templates?.carousel || {}),
-        view: DefaultHorizontalView,
-      },
-      carousel_n2k: {
-        title: 'Carousel Natura 2000',
-        view: HorizontalCarouselView,
-        schema: carouselSchema,
-      },
+export default function applyConfig(config) {
+  const carouselVariation =
+    config.blocks.blocksConfig.tabs_block.variations.find(
+      (variation) => variation.id === 'carousel-horizontal',
+    );
+
+  config.blocks.blocksConfig.tabs_block.variations = [
+    ...config.blocks.blocksConfig.tabs_block.variations.filter(
+      (variation) => variation.id !== 'carousel-horizontal',
+    ),
+    { ...carouselVariation, view: DefaultHorizontalView, yes: true },
+    {
+      id: 'carousel_n2k',
+      title: 'Carousel Natura 2000',
+      view: HorizontalCarouselView,
+      schemaEnhancer: carouselSchema,
     },
-  };
+  ];
+
   return config;
-};
+}

package/src/components/manage/Blocks/CarouselHorizontal/schema.js

@@ -1,13 +1,31 @@
-export default () => ({
-  title: 'Carousel block',
-  fieldsets: [
+export default function getSchema({ schema }) {
+  const defaultFieldset = schema.fieldsets.find(
+    (fieldset) => fieldset.id === 'default',
+  );
+
+  schema.fieldsets = [
+    ...schema.fieldsets.filter(
+      (fieldset) => !['default', 'style'].includes(fieldset.id),
+    ),
     {
-      id: 'default',
-      title: 'Default',
-      fields: ['theme', 'image', 'learnMore'],
+      ...defaultFieldset,
+      fields: [
+        ...defaultFieldset.fields.filter(
+          (field) => !['image', 'learnMore'].includes(field),
+        ),
+        'image',
+        'learnMore',
+      ],
+    },
+    {
+      id: 'style',
+      title: 'Style',
+      fields: ['theme'],
     },
-  ],
-  properties: {
+  ];
+
+  schema.properties = {
+    ...schema.properties,
     theme: {
       title: 'Theme',
       choices: [
@@ -26,6 +44,7 @@ export default () => ({
       widget: 'textarea',
       description: 'Learn more placeholder apearing only on first slide',
     },
-  },
-  required: [],
-});
+  };
+
+  return schema;
+}

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

@@ -7,7 +7,7 @@ export function getCddaShapeURL(site_code) {
   );
 }
 
-export default (config) => {
+export default function applyConfig(config) {
   config.blocks.blocksConfig.custom_connected_block = {
     ...config.blocks.blocksConfig.custom_connected_block,
     blocks: {
@@ -20,4 +20,4 @@ export default (config) => {
     },
   };
   return config;
-};
+}

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

@@ -1,7 +1,7 @@
 import ConnectedLinkList from './View';
 import getSchema from './schema';
 
-export default (config) => {
+export default function applyConfig(config) {
   config.blocks.blocksConfig.custom_connected_block = {
     ...config.blocks.blocksConfig.custom_connected_block,
     blocks: {
@@ -14,4 +14,4 @@ export default (config) => {
     },
   };
   return config;
-};
+}

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

@@ -1,7 +1,7 @@
 import ContactBlockView from './View';
 import getSchema from './schema';
 
-export default (config) => {
+export default function applyConfig(config) {
   config.blocks.blocksConfig.custom_connected_block = {
     ...config.blocks.blocksConfig.custom_connected_block,
     blocks: {
@@ -14,4 +14,4 @@ export default (config) => {
     },
   };
   return config;
-};
+}

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

@@ -1,7 +1,7 @@
 import ExplodedPiesChart from './View';
 import getSchema from './schema';
 
-export default (config) => {
+export default function applyConfig(config) {
   config.blocks.blocksConfig.custom_connected_block = {
     ...config.blocks.blocksConfig.custom_connected_block,
     blocks: {
@@ -14,4 +14,4 @@ export default (config) => {
     },
   };
   return config;
-};
+}

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

@@ -5,9 +5,9 @@
     max-width: 200px;
     padding: 1em 2em;
     border: 0px;
-    background: #629fca;
     border-radius: 8px;
     border-radius: 1px solid #ccc;
+    background: #629fca;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
     color: #fff !important;
     font: 12px sans-serif;

package/src/components/manage/Blocks/ExploreHabitats/View.jsx

@@ -41,13 +41,10 @@ const View = (props) => {
       }),
       new source.TileWMS({
         extent: [
-          -3959514.742799999,
-          3193117.280200001,
-          3804815.2795,
+          -3959514.742799999, 3193117.280200001, 3804815.2795,
           1.1124223900300004e7,
         ],
-        url:
-          'https://bio.discomap.eea.europa.eu/arcgis/services/Article17/HabitatsDirective_ART_17_WMS_version_2020_08_public/MapServer/WmsServer?',
+        url: 'https://bio.discomap.eea.europa.eu/arcgis/services/Article17/HabitatsDirective_ART_17_WMS_version_2020_08_public/MapServer/WmsServer?',
         params: { LAYERS: '9', TILED: true },
         serverType: 'geoserver',
         // Countries have transparency, so do not fade tiles:
@@ -68,9 +65,7 @@ const View = (props) => {
         ...options,
         extent: new extent.buffer(
           [
-            -3959514.742799999,
-            3193117.280200001,
-            3804815.2795,
+            -3959514.742799999, 3193117.280200001, 3804815.2795,
             1.1124223900300004e7,
           ],
           -3959514.742799999 * 0.01,

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

@@ -11,7 +11,7 @@ export function getActiveHabitatsURL(code_2000) {
   );
 }
 
-export default (config) => {
+export default function applyConfig(config) {
   config.blocks.blocksConfig.explore_habitats_map = {
     id: 'explore_habitats_map',
     title: 'Explore habitats map',
@@ -21,4 +21,4 @@ export default (config) => {
     view: ExploreHabitatsView,
   };
   return config;
-};
+}

package/src/components/manage/Blocks/ExploreHabitats/schema.js

@@ -1,4 +1,4 @@
-export default {
+const schema = {
   title: 'Explore habitats map',
 
   fieldsets: [
@@ -13,3 +13,5 @@ export default {
 
   required: [],
 };
+
+export default schema;