@eeacms/volto-marine-policy 2.0.26 → 2.0.27

package/CHANGELOG.md

@@ -4,6 +4,12 @@ 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).
 
+### [2.0.27](https://github.com/eea/volto-marine-policy/compare/2.0.26...2.0.27) - 5 September 2025
+
+#### :hammer_and_wrench: Others
+
+- fix eslint [laszlocseh - [`3f90c17`](https://github.com/eea/volto-marine-policy/commit/3f90c17f976fdf48a2e967d2997487ba87a3535d)]
+- Demo Sites Explorer filter Targets facet options by selected objective [laszlocseh - [`3b975ad`](https://github.com/eea/volto-marine-policy/commit/3b975ad4380196cfd71c8fd2919fc717f98528a5)]
 ### [2.0.26](https://github.com/eea/volto-marine-policy/compare/2.0.25...2.0.26) - 29 August 2025
 
 #### :rocket: Dependency updates

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-marine-policy",
-  "version": "2.0.26",
+  "version": "2.0.27",
   "description": "@eeacms/volto-marine-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/Blocks/DemoSitesExplorer/DemoSitesExplorerView.js

@@ -77,7 +77,7 @@ export default function DemoSitesExplorerView(props) {
           activeFilters={activeFilters}
           hideFilters={hideFilters}
           setActiveFilters={setActiveFilters}
-          map={map}
+          highlightedIndex={highlightedIndex}
         />
       </Grid.Row>
       <Grid.Row>

package/src/components/Blocks/DemoSitesExplorer/DemoSitesFilters.jsx

@@ -1,6 +1,30 @@
 import React from 'react';
 
 import { clearFilters } from './utils';
+import { objectivesCustomOrder } from './utils';
+
+const objectivesTargets = {
+  'Objective 1: Protect and restore marine and freshwater ecosystems and biodiversity':
+    [
+      'Contribute to relevant marine nature restoration targets including degraded seabed habitats and coastal ecosystems',
+      "Protect at least 30% of the EU's seas and integrate ecological corridors, as part of a true Trans-European Nature Network",
+      "Strictly protect at least 10% of the EU's seas",
+      'Restore at least 25,000 km of free/flowing rivers',
+    ],
+  'Objective 2: Prevent and eliminate pollution of our oceans, seas and waters':
+    [
+      'Reduce nutrient losses by 50%',
+      'Reduce the use and risk of chemical pesticides by 50%',
+      'Reduce plastic litter at sea by 50%',
+      'Reduce by 30% microplastics released into the environment',
+    ],
+  'Objective 3: Make the sustainable blue economy carbon-neutral and circular':
+    [
+      'Achieve net zero maritime emissions',
+      'Promote circular, low-carbon multi-purpose use of marine and water space',
+      'Develop zero-carbon and low-impact aquaculture',
+    ],
+};
 
 const normalizeSearchInput = (searchInput) => {
   let normInput = searchInput
@@ -13,6 +37,25 @@ const normalizeSearchInput = (searchInput) => {
   return '\\b' + normInput + '\\b';
 };
 
+const filterTargetsByObjective = (filters, filterName, highlightedIndex) => {
+  if (filterName !== 'target_filter') return filters;
+  if (highlightedIndex < 0 || highlightedIndex > 2) return filters;
+
+  let selectedObjective = objectivesCustomOrder[highlightedIndex];
+  let allowedTargets = objectivesTargets[selectedObjective] || [];
+
+  // Filter the targets based on the allowed ones
+  if (filters['target_filter']) {
+    filters['target_filter'] = Object.fromEntries(
+      Object.entries(filters['target_filter']).filter(([key]) =>
+        allowedTargets.includes(key),
+      ),
+    );
+  }
+
+  return filters;
+};
+
 export function DemoSitesFilter(props) {
   const {
     filterTitle,
@@ -20,11 +63,15 @@ export function DemoSitesFilter(props) {
     activeFilters,
     setActiveFilters,
     filterName,
-    // map,
+    highlightedIndex,
   } = props;
 
   const customOrder = props?.customOrder || [];
-  const entries = Object.entries(filters?.[filterName] || {});
+  const entries = Object.entries(
+    filterTargetsByObjective(filters, filterName, highlightedIndex)?.[
+      filterName
+    ] || {},
+  );
   let sortedEntries = [];
 
   if (customOrder.length > 0) {
@@ -112,7 +159,13 @@ export function DemoSitesFilter(props) {
 }
 
 export function DemoSitesFilters(props) {
-  const { filters, activeFilters, hideFilters, setActiveFilters, map } = props;
+  const {
+    filters,
+    activeFilters,
+    hideFilters,
+    setActiveFilters,
+    highlightedIndex,
+  } = props;
 
   React.useEffect(() => {
     window.addEventListener('click', (event) => {
@@ -148,7 +201,7 @@ export function DemoSitesFilters(props) {
           filters={filters}
           activeFilters={activeFilters}
           setActiveFilters={setActiveFilters}
-          map={map}
+          highlightedIndex={highlightedIndex}
         />
       ) : (
         ''
@@ -160,7 +213,7 @@ export function DemoSitesFilters(props) {
           filters={filters}
           activeFilters={activeFilters}
           setActiveFilters={setActiveFilters}
-          map={map}
+          highlightedIndex={highlightedIndex}
         />
       ) : (
         ''
@@ -171,7 +224,7 @@ export function DemoSitesFilters(props) {
         filters={filters}
         activeFilters={activeFilters}
         setActiveFilters={setActiveFilters}
-        map={map}
+        highlightedIndex={highlightedIndex}
       />
       <DemoSitesFilter
         filterTitle="Country"
@@ -179,7 +232,7 @@ export function DemoSitesFilters(props) {
         filters={filters}
         activeFilters={activeFilters}
         setActiveFilters={setActiveFilters}
-        map={map}
+        highlightedIndex={highlightedIndex}
       />
     </>
   );

package/src/components/Blocks/DemoSitesExplorer/styles.less

@@ -231,7 +231,7 @@
 
         .filter-input {
           display: flex;
-          align-items: center;
+          align-items: baseline;
           justify-content: flex-start;
           cursor: pointer;
           font-size: 14px;