@eeacms/volto-bise-policy 1.2.29 → 1.2.30

package/CHANGELOG.md

@@ -4,6 +4,16 @@ 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.2.30](https://github.com/eea/volto-bise-policy/compare/1.2.29...1.2.30) - 7 November 2025
+
+#### :rocket: New Features
+
+- feat: update EUNIS marine habitat widgets [laszlocseh - [`702fe69`](https://github.com/eea/volto-bise-policy/commit/702fe69ff8d69c6bd7c130bb12fd57f346b534fd)]
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`e880e27`](https://github.com/eea/volto-bise-policy/commit/e880e27804d16e394b3d5fc9ced17168a68157bf)]
+
 ### [1.2.29](https://github.com/eea/volto-bise-policy/compare/1.2.28...1.2.29) - 5 November 2025
 
 #### :rocket: New Features

package/package.json

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

package/src/components/Widgets/EUNISObjectListWidget.jsx

@@ -251,6 +251,22 @@ export const EUNISMSFDView = ({ value }) => {
   );
 };
 
+export const EUNISCodeView = ({ value }) => {
+  if (!value) return value;
+
+  return (
+    <span>
+      <a
+        href={`/habitats_eunis_revised/EUNISrev_${value}`}
+        target="_blank"
+        rel="noopener"
+      >
+        {value}
+      </a>
+    </span>
+  );
+};
+
 export const EUNISHDView = ({ value }) => {
   let parsedValue = value;
 
@@ -279,7 +295,62 @@ export const EUNISHDView = ({ value }) => {
                 <a href={item.link}>{item.value}</a>
               </>
             ) : (
-              `${item.relation}${item.value}`
+              <>
+                <span>{item.relation}</span>
+                <a
+                  href={`/habitats/ANNEX1_${item.value}`}
+                  target="_blank"
+                  rel="noopener"
+                >
+                  {item.value}
+                </a>
+              </>
+            )}
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export const EUNISEuropeanRedListView = ({ value }) => {
+  let parsedValue = value;
+
+  if (typeof value === 'string') {
+    try {
+      parsedValue = JSON.parse(value);
+    } catch (e) {
+      return null;
+    }
+  }
+
+  const items = Array.isArray(parsedValue)
+    ? parsedValue
+    : parsedValue?.value || [];
+
+  if (!items || items.length === 0) return null;
+
+  return (
+    <div className="eunis-widget-view">
+      {items.map((item) => (
+        <div key={item['@id']} className="msfd-item">
+          <div>
+            {item.link ? (
+              <>
+                <span>{item.relation}</span>
+                <a href={item.link}>{item.value}</a>
+              </>
+            ) : (
+              <>
+                <span>{item.relation}</span>
+                <a
+                  href={`/habitats_rl/REDLIST_${item.value.split(' - ')[1]}`}
+                  target="_blank"
+                  rel="noopener"
+                >
+                  {item.value}
+                </a>
+              </>
             )}
           </div>
         </div>
@@ -315,7 +386,15 @@ export const EUNISLinksToFinerEUNISHabitatsView = ({ value }) => {
                 <a href={item.link}>{item.value}</a>
               </>
             ) : (
-              `${item.value}`
+              <>
+                <a
+                  href={`/habitats_eunis_revised/EUNISrev_${item.value}`}
+                  target="_blank"
+                  rel="noopener"
+                >
+                  {item.value}
+                </a>
+              </>
             )}
           </div>
         </div>
@@ -360,7 +439,6 @@ export const EUNISCountryCodeView = ({ value }) => {
   ));
 };
 
-export const EUNISEuropeanRedListView = EUNISHDView;
 export const EUNISRegionalSeaConventionValueView = EUNISMSFDView;
 
 const msfdSchema = {
@@ -397,7 +475,7 @@ const hdSchema = {
     {
       id: 'default',
       title: 'default',
-      fields: ['relation', 'value', 'link'],
+      fields: ['relation', 'value'],
     },
   ],
   properties: {
@@ -429,7 +507,7 @@ const europeanRedlistSchema = {
     {
       id: 'default',
       title: 'default',
-      fields: ['relation', 'value', 'link'],
+      fields: ['relation', 'value'],
     },
   ],
   properties: {
@@ -462,7 +540,7 @@ const linksToFinerEUNISHabitatsSchema = {
     {
       id: 'default',
       title: 'default',
-      fields: ['value', 'link'],
+      fields: ['value'],
     },
   ],
   properties: {

package/src/index.js

@@ -11,6 +11,7 @@ import biseWhiteLogo from '@eeacms/volto-bise-policy/../theme/assets/images/Head
 import ecLogo from '@eeacms/volto-bise-policy/../theme/assets/logos/logo-ec.svg';
 
 import {
+  EUNISCodeView,
   EUNISMSFDWidget,
   EUNISMSFDView,
   EUNISHDWidget,
@@ -254,6 +255,7 @@ const applyConfig = (config) => {
   config.widgets.id.eunis_msfd_relevant_classification_json = EUNISMSFDWidget;
   config.widgets.views.id.eunis_msfd_relevant_classification_json =
     EUNISMSFDView;
+  config.widgets.views.id.eunis_code = EUNISCodeView;
 
   return config;
 };