@eeacms/volto-cca-policy 0.3.107 → 0.3.109

package/CHANGELOG.md

@@ -4,6 +4,20 @@ 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.3.109](https://github.com/eea/volto-cca-policy/compare/0.3.108...0.3.109) - 1 April 2026
+
+#### :nail_care: Enhancements
+
+- change: update gridBlock configuration - refs #302003 [kreafox - [`86e8002`](https://github.com/eea/volto-cca-policy/commit/86e80026e0f5bda7d0dd137aeeac0ebe2bef9063)]
+- change: add info message on AdaptationOptionView - refs #296805 [kreafox - [`e7a8710`](https://github.com/eea/volto-cca-policy/commit/e7a8710d74b235a5254b938549dcf781343a7793)]
+- refactor: move blocks configuration [kreafox - [`34f9415`](https://github.com/eea/volto-cca-policy/commit/34f94157d77524f57c2f7d2b7ab98d40f424c6a6)]
+
+### [0.3.108](https://github.com/eea/volto-cca-policy/compare/0.3.107...0.3.108) - 31 March 2026
+
+#### :bug: Bug Fixes
+
+- fix: active state in collection stats block, style improvements - refs #269021 [kreafox - [`408ec1c`](https://github.com/eea/volto-cca-policy/commit/408ec1cec816f626af0b14fe45fde3094ea9aafc)]
+
 ### [0.3.107](https://github.com/eea/volto-cca-policy/compare/0.3.106...0.3.107) - 30 March 2026
 
 #### :rocket: New Features

package/package.json

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

package/src/components/manage/Blocks/CollectionStatistics/CollectionStatsView.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { useSelector, useDispatch } from 'react-redux';
+import { useLocation } from 'react-router-dom';
 import { getQueryStats } from '@eeacms/volto-cca-policy/store';
 import { getBaseUrl as getBase } from '@eeacms/volto-cca-policy/utils';
 import { getBaseUrl } from '@plone/volto/helpers';
@@ -25,7 +26,8 @@ const useStats = (path, id, data) => {
 
 export const StatVoltoIcon = ({ name, value, source, showLabel = false }) => {
   const intl = useIntl();
-  const label = intl.formatMessage({ id: name });
+  const label = intl.formatMessage({ id: name, defaultMessage: name });
+
   return (
     <div className="tab-icon" title={label}>
       <div className="tab-icon-wrapper">
@@ -41,6 +43,7 @@ export const StatVoltoIcon = ({ name, value, source, showLabel = false }) => {
 export const RemixIcon = ({ name, value, source, showLabel = false }) => {
   const intl = useIntl();
   const label = intl.formatMessage({ id: name, defaultMessage: name });
+
   return (
     <div className="tab-icon semantic-icon" title={label}>
       <div className="tab-icon-wrapper">
@@ -52,7 +55,7 @@ export const RemixIcon = ({ name, value, source, showLabel = false }) => {
   );
 };
 
-const makeSearchBlockQuery = ({ base, query, field, value }) => {
+const makeSearchBlockQuery = ({ base, query = [], field, value }) => {
   const filtered = [
     ...query.filter(({ i }) => i !== field),
     {
@@ -61,8 +64,8 @@ const makeSearchBlockQuery = ({ base, query, field, value }) => {
       v: [value],
     },
   ];
-  const params = qs.stringify({ query: JSON.stringify(filtered) });
 
+  const params = qs.stringify({ query: JSON.stringify(filtered) });
   return `${base}?${params}`;
 };
 
@@ -103,17 +106,48 @@ function remapItemTypeValue(val) {
     'Publication and report': 'Publication reference',
     'Video and podcast': 'Video',
   };
-  if (val in list) {
-    return list[val];
+
+  return list[val] || val;
+}
+
+function getActiveFilters(locationSearch) {
+  try {
+    const params = new URLSearchParams(locationSearch);
+    const queryParam = params.get('query');
+    if (!queryParam) return [];
+
+    const parsed = JSON.parse(queryParam);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch (e) {
+    return [];
   }
-  return val;
+}
+
+function isFilterActive(activeFilters, field, value) {
+  return activeFilters.some(
+    (f) =>
+      f?.i === field &&
+      Array.isArray(f?.v) &&
+      f.v.includes(value) &&
+      f?.o === 'plone.app.querystring.operation.selection.any',
+  );
 }
 
 export default function CollectionStatsView(props) {
   const { id, data = {}, pathname = props.path } = props;
-  const field = data.aggregateField?.value;
+  const field =
+    typeof data.aggregateField === 'string'
+      ? data.aggregateField
+      : data.aggregateField?.value;
+
   const { queryParameterStyle = 'SearchBlock', query = {}, showLabel } = data;
   const base = getBase(props);
+  const location = useLocation();
+  const activeFilters = React.useMemo(
+    () => getActiveFilters(location.search),
+    [location.search],
+  );
+
   let stats = useStats(getBaseUrl(pathname), id, data);
   const intl = useIntl();
 
@@ -128,26 +162,37 @@ export default function CollectionStatsView(props) {
   const extraFilters = data?.extraFilters || [];
 
   return (
-    (field && keys.length > 0 && (
+    (field && keys.length > 0 && IconComponent && (
       <div className="collection-stats">
         {keys
           .sort((a, b) => a.localeCompare(b))
           .map((k) => {
-            let kV = remapItemTypeValue(k);
+            const kV = remapItemTypeValue(k);
+            const currentField = groupDefinition.searchFieldName || field;
+            const currentValue = intl.formatMessage({
+              id: kV,
+              defaultMessage: kV,
+            });
+
+            const href = urlHandler({
+              base,
+              query: query.query,
+              field: currentField,
+              value: currentValue,
+              extraFilters,
+            });
+
+            const active = isFilterActive(
+              activeFilters,
+              currentField,
+              currentValue,
+            );
+
             return (
               <UniversalLink
-                className="tab-item-link"
+                className={`tab-item-link ${active ? 'active' : ''}`}
                 key={k}
-                href={urlHandler({
-                  base,
-                  query: query.query,
-                  field: groupDefinition.searchFieldName || field,
-                  value: intl.formatMessage({
-                    id: kV,
-                    defaultMessage: kV,
-                  }),
-                  extraFilters,
-                })}
+                href={href}
               >
                 <IconComponent
                   name={k}

package/src/components/manage/Blocks/CollectionStatistics/styles.less

@@ -33,14 +33,23 @@ body.cca-main-homepage {
     display: inline-block;
   }
 
-  .tab-item-link:hover {
-    .count {
-      background-color: @ccaGreenColor;
+  .tab-item-link {
+    &:hover,
+    &.active {
+      .count {
+        background-color: @ccaGreenColor;
+      }
+
+      .tab-icon,
+      .label {
+        color: @primaryColor;
+      }
     }
 
-    .tab-icon,
-    .label {
-      color: @primaryColor;
+    &.active {
+      .label {
+        font-weight: 500;
+      }
     }
   }
 

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

@@ -1,4 +1,5 @@
 import { compose } from 'redux';
+import { blockAvailableInMission } from '@eeacms/volto-cca-policy/utils';
 
 import installECDEIndicatorsBlock from './ECDEIndicators';
 import installCaseStudyExplorerBlock from './CaseStudyExplorer';
@@ -21,14 +22,46 @@ import installContentLinks from './ContentLinks';
 import installASTNavigation from './ASTNavigation';
 import installFlourishEmbedBlock from './FlourishEmbedBlock';
 import installDataConnectedEmbed from './DataConnectedEmbedBlock';
-
-// import installCountryMapHeatIndex from './CountryMapHeatIndex';
 import installCountryMapProfile from './CountryMapProfile';
 
 export default function installBlocks(config) {
   config.blocks.blocksConfig.title.restricted = false;
   config.blocks.blocksConfig.layoutSettings.restricted = false;
 
+  if (config.blocks.blocksConfig.maps) {
+    config.blocks.blocksConfig.maps.restricted = false;
+  }
+
+  if (config.blocks.blocksConfig.layoutSettings) {
+    config.blocks.blocksConfig.layoutSettings.blockHasOwnFocusManagement = false;
+  }
+
+  if (config.blocks.blocksConfig.video) {
+    config.blocks.blocksConfig.video.restricted = false;
+  }
+
+  config.blocks.blocksConfig.nextCloudVideo = {
+    ...config.blocks.blocksConfig.nextCloudVideo,
+    whiteList: [
+      'https://cmshare.eea.europa.eu',
+      'https://shareit.eea.europa.eu',
+    ],
+  };
+
+  if (config.blocks.blocksConfig.countryFlag) {
+    config.blocks.blocksConfig.countryFlag = {
+      ...config.blocks.blocksConfig.countryFlag,
+      restricted: ({ properties, block }) => {
+        return blockAvailableInMission(properties, block);
+      },
+    };
+  }
+
+  config.blocks.blocksConfig.gridBlock = {
+    ...config.blocks.blocksConfig.gridBlock,
+    maxLength: 6,
+  };
+
   // override the noResultsComponent to avoid the "No results" text
   config.blocks.blocksConfig['listing'].noResultsComponent = () => null;
 
@@ -55,7 +88,5 @@ export default function installBlocks(config) {
     installCountryMapProfile,
     installFlourishEmbedBlock,
     installDataConnectedEmbed,
-    // installMKHMap,
-    // installCountryMapHeatIndex,
   )(config);
 }

package/src/components/theme/Views/AdaptationOptionView.jsx

@@ -184,6 +184,17 @@ function AdaptationOptionView(props) {
 
       <Container>
         <PortalMessage content={content} />
+
+        <div className="styled-group info-section">
+          <p>
+            <span className="small-text">
+              This page is currently under construction, so it may look a bit
+              different than you're used to. We're in the process of preparing a
+              new layout to improve your experience. A fresh new look for the
+              adaptation options pages is coming soon.
+            </span>
+          </p>
+        </div>
         <Grid>
           <Grid.Row columns={12}>
             <Grid.Column

package/src/index.js

@@ -11,7 +11,6 @@ import {
   MissionSignatoryProfileView,
   ImageWidget,
 } from '@eeacms/volto-cca-policy/components';
-import { blockAvailableInMission } from '@eeacms/volto-cca-policy/utils';
 
 import CcaEventView from './components/theme/Views/CcaEventView';
 import NewsItemView from './components/theme/Views/NewsItemView';
@@ -312,30 +311,6 @@ const applyConfig = (config) => {
     websiteTitle: 'Climate-ADAPT',
   };
 
-  // Enable volto-embed
-  if (config.blocks.blocksConfig.maps) {
-    config.blocks.blocksConfig.maps.restricted = false;
-  }
-
-  if (config.blocks.blocksConfig.layoutSettings) {
-    config.blocks.blocksConfig.layoutSettings.blockHasOwnFocusManagement = false;
-  }
-
-  // Enable video
-  if (config.blocks.blocksConfig.video) {
-    config.blocks.blocksConfig.video.restricted = false;
-  }
-
-  // Disable blocks on Mission
-  if (config.blocks.blocksConfig.countryFlag) {
-    config.blocks.blocksConfig.countryFlag = {
-      ...config.blocks.blocksConfig.countryFlag,
-      restricted: ({ properties, block }) => {
-        return blockAvailableInMission(properties, block);
-      },
-    };
-  }
-
   const { facetWidgets } = config.blocks.blocksConfig.search.extensions;
   const { rewriteOptions } = facetWidgets;
   const origin_website_blacklist = ['AdapteCCA', 'DRMKC'];
@@ -372,14 +347,6 @@ const applyConfig = (config) => {
     }
   }
 
-  config.blocks.blocksConfig.nextCloudVideo = {
-    ...config.blocks.blocksConfig.nextCloudVideo,
-    whiteList: [
-      'https://cmshare.eea.europa.eu',
-      'https://shareit.eea.europa.eu',
-    ],
-  };
-
   config.blocks.groupBlocksOrder.push({ id: 'site', title: 'Site' });
 
   config.views.contentTypesViews = {

package/theme/globals/blocks.less

@@ -154,3 +154,22 @@
     }
   }
 }
+
+#main .block.search {
+  .ui.accordion.filter-listing {
+    .filter-list-content {
+      padding: 0.5em 1em !important;
+      margin-top: 0.5em;
+      background: none;
+    }
+
+    .filter-list-group {
+      margin: 0;
+
+      .label {
+        color: inherit;
+        border-color: #eaeaea;
+      }
+    }
+  }
+}

package/theme/globals/site.overrides

@@ -416,3 +416,18 @@ iframe {
     text-align: left;
   }
 }
+
+.info-section {
+  padding: 0.7rem;
+  margin-top: 0 !important;
+  margin-bottom: 1.5em !important;
+  background-color: #f9f9f9;
+  box-shadow:
+    0px 0px 0px 1px #d2d2d2 inset,
+    0px 0px 0px 0px rgba(0, 0, 0, 0);
+
+  p,
+  p .small-text {
+    font-size: 15px !important;
+  }
+}