@eeacms/volto-eea-website-theme 4.0.5 → 4.1.1

package/CHANGELOG.md

@@ -4,6 +4,24 @@ 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).
 
+### [4.1.1](https://github.com/eea/volto-eea-website-theme/compare/4.1.0...4.1.1) - 17 April 2026
+
+#### :bug: Bug Fixes
+
+- fix(order-sidebar): respect required and fixed block restrictions - refs #302095 [Alin Voinea - [`51557f2`](https://github.com/eea/volto-eea-website-theme/commit/51557f220fbe3992110e96862f4ab0ba987d42ed)]
+
+### [4.1.0](https://github.com/eea/volto-eea-website-theme/compare/4.0.5...4.1.0) - 17 April 2026
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`791197c`](https://github.com/eea/volto-eea-website-theme/commit/791197cdab091e73cd4ddc5a7c6f7a4fc777642a)]
+
+#### :hammer_and_wrench: Others
+
+- update config [Miu Razvan - [`863717b`](https://github.com/eea/volto-eea-website-theme/commit/863717bec385ac98a69cf86578efef6377de3189)]
+- change default settings for headerSearchBox [Miu Razvan - [`8343209`](https://github.com/eea/volto-eea-website-theme/commit/834320954a7b358dd112641fbf8e5ede2cae4085)]
+- update [Miu Razvan - [`16b13d0`](https://github.com/eea/volto-eea-website-theme/commit/16b13d0a40ce14d9cc40f9a3b22b3b1486037178)]
+- update [Miu Razvan - [`3602223`](https://github.com/eea/volto-eea-website-theme/commit/3602223822f0346551fd13c196c89015621a1833)]
 ### [4.0.5](https://github.com/eea/volto-eea-website-theme/compare/4.0.4...4.0.5) - 16 April 2026
 
 ### [4.0.4](https://github.com/eea/volto-eea-website-theme/compare/4.0.3...4.0.4) - 10 April 2026

package/README.md

@@ -18,6 +18,10 @@ EEA Website [Volto](https://github.com/plone/volto) Theme
 
 ## Upgrade
 
+### Upgrading to ^4.1.x
+
+* This version requires `^eea.volto.policy@12.0`
+
 ### Upgrading to 3.x.x
 
 * This version removes some Volto customizations and it requires **Volto 17.20.0+**. See [CHANGELOG.md](https://github.com/eea/volto-eea-website-theme/blob/master/CHANGELOG.md)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-website-theme",
-  "version": "4.0.5",
+  "version": "4.1.1",
   "description": "@eeacms/volto-eea-website-theme: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/actions/eea-settings.js

@@ -0,0 +1,9 @@
+import { GET_EEA_SETTINGS } from '../constants/ActionTypes';
+
+export const getEEASettings = () => ({
+  type: GET_EEA_SETTINGS,
+  request: {
+    op: 'get',
+    path: '/@eea.settings',
+  },
+});

package/src/actions/index.js

@@ -1,2 +1,3 @@
 export * from './print';
 export * from './navigation';
+export * from './eea-settings';

package/src/config.js

@@ -289,31 +289,44 @@ export const logoTargetUrl = '/';
 
 export const headerSearchBox = [
   {
-    isDefault: true,
+    type: 'search-input',
+    searchSuggestions: {},
     path: '/en/advanced-search',
     placeholder: 'Search or ask your question...',
-    description: 'For more search options',
-    buttonTitle: 'Go to advanced search',
-    searchSuggestions: {
-      maxToShow: 6,
-      suggestionsTitle: 'Try our suggestions',
-      suggestions: [
-        'What is PFAS?',
-        'Which transport mode has the lowest pollution?',
-        'Which countries use most renewable energy?',
-        'How many premature deaths are attributed to PM2.5?',
-        'How many premature deaths are attributed to air pollution?',
-        'How much have new cars co2 emissions decreased?',
-        'What countries had the highest land take in the EEA-39?',
-        'How many people are exposed to air pollution?',
-      ],
-    },
+    maxToShow: 6,
+    suggestionsTitle: 'Try our suggestions',
+    suggestions: [
+      'What is PFAS?',
+      'Which transport mode has the lowest pollution?',
+      'Which countries use most renewable energy?',
+      'How many premature deaths are attributed to PM2.5?',
+      'How many premature deaths are attributed to air pollution?',
+      'How much have new cars co2 emissions decreased?',
+      'What countries had the highest land take in the EEA-39?',
+      'How many people are exposed to air pollution?',
+    ],
   },
   {
+    type: 'search-input',
     path: '/en/datahub',
     placeholder: 'Search Datahub...',
-    description: 'Looking for more information?',
-    buttonTitle: 'Go to advanced search',
+  },
+  {
+    type: 'info',
+    content: [
+      { text: 'For more search options' },
+      { text: 'Looking for more information?', path: '/en/datahub' },
+    ],
+  },
+  {
+    type: 'button-link',
+    title: 'Go to advanced search',
+    url: '/en/advanced-search',
+  },
+  {
+    type: 'button-link',
+    title: 'Ask AI',
+    url: '/en/ask-ai',
   },
 ];
 

package/src/constants/ActionTypes.js

@@ -6,3 +6,4 @@
 export const SET_ISPRINT = 'SET_ISPRINT';
 export const SET_PRINT_LOADING = 'SET_PRINT_LOADING';
 export const GET_NAVIGATION_SETTINGS = 'GET_NAVIGATION_SETTINGS';
+export const GET_EEA_SETTINGS = 'GET_EEA_SETTINGS';

package/src/customizations/volto/components/manage/Blocks/Block/Order/Item.jsx

@@ -0,0 +1,146 @@
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { useDispatch, useSelector } from 'react-redux';
+import includes from 'lodash/includes';
+import isBoolean from 'lodash/isBoolean';
+import cx from 'classnames';
+import Icon from '@plone/volto/components/theme/Icon/Icon';
+import { setUIState } from '@plone/volto/actions/form/form';
+import config from '@plone/volto/registry';
+
+import deleteSVG from '@plone/volto/icons/delete.svg';
+import dragSVG from '@plone/volto/icons/drag.svg';
+
+// TEMPORARY PATCH (Volto issue #6481):
+// Remove this customization once the upstream fixes are released and adopted.
+// Upstream PRs: https://github.com/plone/volto/pull/8124 and
+// https://github.com/plone/volto/pull/8125
+export const Item = forwardRef(
+  (
+    {
+      clone,
+      data,
+      depth,
+      disableSelection,
+      disableInteraction,
+      ghost,
+      id,
+      handleProps,
+      indentationWidth,
+      onRemove,
+      onSelectBlock,
+      parentId,
+      parentType,
+      style,
+      value,
+      wrapperRef,
+      errors,
+      ...props
+    },
+    ref,
+  ) => {
+    const selected = useSelector((state) => state.form.ui.selected);
+    const hovered = useSelector((state) => state.form.ui.hovered);
+    const multiSelected = useSelector((state) => state.form.ui.multiSelected);
+    const gridSelected = useSelector((state) => state.form.ui.gridSelected);
+    const dispatch = useDispatch();
+
+    const icon =
+      config.blocks.blocksConfig[data?.['@type']]?.icon ||
+      config.blocks.blocksConfig.title?.icon;
+
+    const required = isBoolean(data?.required)
+      ? data.required
+      : includes(config.blocks.requiredBlocks, data?.['@type']);
+    const fixed = !!data?.fixed;
+
+    return (
+      <li
+        className={classNames(
+          'tree-item-wrapper',
+          clone && 'clone',
+          ghost && 'ghost',
+          disableSelection && 'disable-selection',
+          disableInteraction && 'disable-interaction',
+        )}
+        role="presentation"
+        onMouseOver={() => dispatch(setUIState({ hovered: id }))}
+        onFocus={() => dispatch(setUIState({ hovered: id }))}
+        onMouseLeave={() => dispatch(setUIState({ hovered: null }))}
+        onClick={(e) => {
+          if (depth === 0) {
+            const isMultipleSelection = e.shiftKey || e.ctrlKey || e.metaKey;
+            selected !== id &&
+              onSelectBlock(
+                id,
+                selected === id ? false : isMultipleSelection,
+                e,
+              );
+          } else {
+            dispatch(
+              setUIState({
+                selected: parentId,
+                multiSelected: [],
+                gridSelected: id,
+              }),
+            );
+          }
+        }}
+        ref={wrapperRef}
+        style={{
+          '--spacing': `${indentationWidth * depth}px`,
+        }}
+        {...props}
+      >
+        <div
+          className={classNames(
+            'tree-item',
+            (selected === id || gridSelected === id) && 'selected',
+            hovered === id && 'hovered',
+            includes(multiSelected, id) && 'multiSelected',
+            `depth-${depth}`,
+          )}
+          ref={ref}
+          style={style}
+        >
+          {!fixed && (
+            <button
+              ref={ref}
+              {...handleProps}
+              className={classNames('action', 'drag')}
+              tabIndex={0}
+              data-cypress="draggable-handle"
+            >
+              <Icon name={dragSVG} size="16px" />
+            </button>
+          )}
+          <span
+            className={cx('text', {
+              errored: errors && Object.keys(errors).length > 0,
+            })}
+          >
+            {icon && (
+              <Icon
+                name={icon}
+                size="20px"
+                style={{ verticalAlign: 'middle' }}
+              />
+            )}{' '}
+            {data?.plaintext ||
+              config.blocks.blocksConfig[data?.['@type']]?.title ||
+              data?.title}
+          </span>
+          {!clone && onRemove && !required && (
+            <button
+              onClick={onRemove}
+              className={classNames('action', 'delete')}
+              tabIndex={0}
+            >
+              <Icon name={deleteSVG} size="18" />
+            </button>
+          )}
+        </div>
+      </li>
+    );
+  },
+);

package/src/customizations/volto/components/theme/Header/Header.jsx

@@ -57,10 +57,13 @@ const EEAHeader = ({ pathname, token, items, history, subsite }) => {
 
   const { eea } = config.settings;
   const headerOpts = eea.headerOpts || {};
-  const headerSearchBox = eea.headerSearchBox || [];
   const { logo, logoWhite } = headerOpts;
   const width = useSelector((state) => state.screen?.width);
   const dispatch = useDispatch();
+
+  const eeaSettings = useSelector((state) => state.eeaSettings?.data);
+  const headerSearchBox =
+    eeaSettings?.header?.searchBox || eea.headerSearchBox || [];
   const previousToken = usePrevious(token);
   const navigationSettings =
     useSelector((state) => state.navigationSettings?.settings) ||

package/src/customizations/volto/server.jsx

@@ -33,6 +33,8 @@ import {
 import { changeLanguage } from '@plone/volto/actions/language/language';
 
 import userSession from '@plone/volto/reducers/userSession/userSession';
+import { getEEASettings } from '@eeacms/volto-eea-website-theme/actions';
+
 import configureStore from '@plone/volto/store';
 import ErrorPage from '@plone/volto/error';
 import {
@@ -262,6 +264,7 @@ server.get('/*', (req, res) => {
   const location = parseUrl(url);
 
   loadOnServer({ store, location, routes, api })
+    .then(() => Promise.all([store.dispatch(getEEASettings())]).catch(() => {}))
     .then(() => {
       const initialLang =
         req.universalCookies.get('I18N_LANGUAGE') ||

package/src/index.js

@@ -49,7 +49,7 @@ import okMiddleware from './middleware/ok';
 import voltoCustomCSSMiddleware from './middleware/voltoCustom';
 import { voltoCustomJsMiddleware } from './middleware/voltoCustom';
 import installSlate from './slate';
-import { print, navigationSettings } from './reducers';
+import { print, navigationSettings, eeaSettings } from './reducers';
 
 import * as eea from './config';
 
@@ -676,6 +676,7 @@ const applyConfig = (config) => {
     ...(config.addonReducers || {}),
     print,
     navigationSettings,
+    eeaSettings,
   };
 
   // Mega menu object

package/src/reducers/eea-settings.js

@@ -0,0 +1,33 @@
+import { GET_EEA_SETTINGS } from '../constants/ActionTypes';
+
+const initialState = {
+  error: null,
+  loaded: false,
+  loading: false,
+  data: {},
+};
+
+export default function eeaSettings(state = initialState, action = {}) {
+  switch (action.type) {
+    case `${GET_EEA_SETTINGS}_PENDING`:
+      return { ...state, error: null, loaded: false, loading: true };
+    case `${GET_EEA_SETTINGS}_SUCCESS`:
+      return {
+        ...state,
+        error: null,
+        loaded: true,
+        loading: false,
+        data: action.result || {},
+      };
+    case `${GET_EEA_SETTINGS}_FAIL`:
+      return {
+        ...state,
+        error: action.error,
+        loaded: false,
+        loading: false,
+        data: {},
+      };
+    default:
+      return state;
+  }
+}

package/src/reducers/index.js

@@ -1,4 +1,5 @@
 import print from './print';
 import navigationSettings from './navigation';
+import eeaSettings from './eea-settings';
 
-export { print, navigationSettings };
+export { print, navigationSettings, eeaSettings };