@eeacms/volto-hero-block 8.0.0 → 9.0.0

package/CHANGELOG.md

@@ -4,7 +4,19 @@ 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).
 
-### [8.0.0](https://github.com/eea/volto-hero-block/compare/7.1.0...8.0.0) - 28 July 2025
+### [9.0.0](https://github.com/eea/volto-hero-block/compare/8.0.0...9.0.0) - 27 March 2026
+
+#### :rocket: New Features
+
+- feat: Volto 18 support - refs #287700 [Alin Voinea - [`7ab8b04`](https://github.com/eea/volto-hero-block/commit/7ab8b04936147abf80d2ebbfce08137f9c66d00b)]
+
+#### :house: Internal changes
+
+
+#### :hammer_and_wrench: Others
+
+- tests: Fix Sonar Qube tags - refs #297339 [Alin Voinea - [`b6ebf27`](https://github.com/eea/volto-hero-block/commit/b6ebf2720a72ef3ac1a5194d0c69d48c19e03630)]
+## [8.0.0](https://github.com/eea/volto-hero-block/compare/7.1.0...8.0.0) - 28 July 2025
 
 #### :house: Internal changes
 

package/DEVELOP.md

@@ -26,21 +26,20 @@
 
 ### Or add @eeacms/volto-hero-block to your Volto project
 
-Before starting make sure your development environment is properly set. See [Volto Developer Documentation](https://docs.voltocms.com/getting-started/install/)
+Before starting make sure your development environment is properly set. See the official Plone documentation for [creating a project with Cookieplone](https://6.docs.plone.org/install/create-project-cookieplone.html) and [installing an add-on in development mode in Volto 18 and 19](https://6.docs.plone.org/volto/development/add-ons/install-an-add-on-dev-18.html).
 
-1.  Make sure you have installed `yo`, `@plone/generator-volto` and `mrs-developer`
+For new Volto 18+ projects, use Cookieplone. It includes `mrs-developer` by default.
 
-        npm install -g yo @plone/generator-volto mrs-developer
+1.  Create a new Volto project with Cookieplone
 
-1.  Create new volto app
-
-        yo @plone/volto my-volto-project --addon @eeacms/volto-hero-block --skip-install
-        cd my-volto-project
+        uvx cookieplone project
+        cd project-title
 
 1.  Add the following to `mrs.developer.json`:
 
         {
             "volto-hero-block": {
+                "output": "packages",
                 "url": "https://github.com/eea/volto-hero-block.git",
                 "package": "@eeacms/volto-hero-block",
                 "branch": "develop",
@@ -48,28 +47,31 @@ Before starting make sure your development environment is properly set. See [Vol
             }
         }
 
-1.  Install
+1.  Add `@eeacms/volto-hero-block` to the `addons` key in your project `volto.config.js`
+
+1.  Install or refresh the project setup
 
-        make develop
-        yarn
+        make install
 
-1.  Start backend
+1.  Start backend in one terminal
 
-        docker run --pull always -it --rm --name plone -p 8080:8080 -e SITE=Plone plone/plone-backend
+        make backend-start
 
-    ...wait for backend to setup and start - `Ready to handle requests`:
+    ...wait for backend to setup and start, ending with `Ready to handle requests`
 
     ...you can also check http://localhost:8080/Plone
 
-1.  Start frontend
+1.  Start frontend in a second terminal
 
-        yarn start
+        make frontend-start
 
 1.  Go to http://localhost:3000
 
 1.  Happy hacking!
 
-        cd src/addons/volto-hero-block/
+        cd packages/volto-hero-block
+
+For legacy Volto 17 projects, keep using the yarn-based workflow from the Volto 17 documentation.
 
 ## Cypress
 
@@ -81,7 +83,7 @@ project where you added `volto-hero-block` to `mrs.developer.json`
 Go to:
 
   ```BASH
-  cd src/addons/volto-hero-block/
+  cd packages/volto-hero-block/
   ```
 
 Start:

package/README.md

@@ -3,16 +3,16 @@
 [![Releases](https://img.shields.io/github/v/release/eea/volto-hero-block)](https://github.com/eea/volto-hero-block/releases)
 
 [![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-hero-block%2Fmaster&subject=master)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-hero-block/job/master/display/redirect)
-[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block-master&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block-master)
-[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block-master&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block-master)
-[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block-master&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block-master)
-[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block-master&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block-master)
+[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block)
+[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block)
+[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block)
+[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block)
 
 [![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-hero-block%2Fdevelop&subject=develop)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-hero-block/job/develop/display/redirect)
-[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block-develop&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block-develop)
-[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block-develop&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block-develop)
-[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block-develop&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block-develop)
-[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block-develop&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block-develop)
+[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block&branch=develop&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block&branch=develop)
+[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block&branch=develop&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block&branch=develop)
+[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block&branch=develop&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block&branch=develop)
+[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-hero-block&branch=develop&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-hero-block&branch=develop)
 
 Enhanced Hero Block [Volto](https://github.com/plone/volto) add-on
 
@@ -22,6 +22,15 @@ Enhanced Hero Block [Volto](https://github.com/plone/volto) add-on
 
 ## Upgrade
 
+### Upgrading to 9.x
+
+> This version requires `Volto >= 17.18` or `Volto 18+`. It removes the custom `EditBlockWrapper` usage in favor of Volto's built-in block chrome provided by `BlocksForm`.
+
+#### Breaking changes
+
+- **Removed `EditBlockWrapper` render prop from `BlocksForm`.** The `BlocksForm` children render prop that wrapped each inner block in `<EditBlockWrapper>` has been removed. `BlocksForm` now handles block chrome internally via Volto core's `EditBlockWrapper`. Any code that relied on the children render prop pattern in the hero block's `Edit` component will need to be updated.
+- **`disableInnerButtons`** continues to work via the existing CSS rules in `edit.css` rather than the previously used `disabled` prop on `EditBlockWrapper`.
+
 ### Upgrading to 2.x
 
 This version requires: `@plone/volto >= 16.0.0.alpha.46` (schemaEnhancer / addStyling).
@@ -47,6 +56,11 @@ This is useful in case you have to add some sub titles or extra paragraphs insid
 
 Go to http://localhost:3000
 
+`make start` now defaults to Volto 18. To run the same setup against Volto 17, use:
+
+      VOLTO_VERSION=17 make
+      VOLTO_VERSION=17 make start
+
 ### Add volto-hero-block to your Volto project
 
 1. Make sure you have a [Plone backend](https://plone.org/download) up-and-running at http://localhost:8080/Plone
@@ -60,30 +74,39 @@ Go to http://localhost:3000
 - If you already have a volto project, just update `package.json`:
 
   ```JSON
-  "addons": [
-      "@eeacms/volto-hero-block"
-  ],
-
    "dependencies": {
        "@eeacms/volto-hero-block": "*"
    }
    ```
 
-- If not, create one:
+   and `volto.config.js`:
 
+   ```JavaScript
+   const addons = ['@eeacms/volto-hero-block'];
    ```
-   npm install -g yo @plone/generator-volto
-   yo @plone/volto my-volto-project --canary --addon @eeacms/volto-hero-block
-   cd my-volto-project
+
+- If not, create one with Cookieplone, as recommended by the official Plone documentation for Volto 18+:
+
+   ```
+   uvx cookieplone project
+   cd project-title
    ```
 
-1. Install new add-ons and restart Volto:
+1. Install or update dependencies, then start the project:
 
    ```
-   yarn
-   yarn start
+   make install
    ```
 
+   For a Cookieplone project, start the backend and frontend in separate terminals:
+
+   ```
+   make backend-start
+   make frontend-start
+   ```
+
+   For a legacy Volto 17 project, install the package with `yarn` and restart the frontend as usual.
+
 1. Go to http://localhost:3000
 
 1. Happy editing!

package/docker-compose.yml

@@ -15,7 +15,7 @@ services:
       args:
         ADDON_NAME: "${ADDON_NAME}"
         ADDON_PATH: "${ADDON_PATH}"
-        VOLTO_VERSION: ${VOLTO_VERSION:-16}
+        VOLTO_VERSION: ${VOLTO_VERSION:-18-yarn}
     ports:
     - "3000:3000"
     - "3001:3001"

package/jest-addon.config.js

@@ -1,5 +1,24 @@
 require('dotenv').config({ path: __dirname + '/.env' });
 
+const fs = require('fs');
+const path = require('path');
+
+// Volto 18 exposes @plone/volto-slate as a top-level package.
+const voltoSlatePath = fs.existsSync(
+  path.join(
+    __dirname,
+    '..',
+    '..',
+    '..',
+    'node_modules',
+    '@plone',
+    'volto-slate',
+    'src',
+  ),
+)
+  ? '<rootDir>/node_modules/@plone/volto-slate/src'
+  : '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src';
+
 module.exports = {
   testMatch: ['**/src/addons/**/?(*.)+(spec|test).[jt]s?(x)'],
   collectCoverageFrom: [
@@ -10,6 +29,8 @@ module.exports = {
     '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
     '@plone/volto/cypress': '<rootDir>/node_modules/@plone/volto/cypress',
     '@plone/volto/babel': '<rootDir>/node_modules/@plone/volto/babel',
+    '@plone/volto/helpers/FormValidation/validators':
+      '<rootDir>/src/addons/volto-hero-block/test-mocks/voltoFormValidationValidators.js',
     '@plone/volto/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
     '@package/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
     '@root/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
@@ -17,10 +38,8 @@ module.exports = {
     '@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$':
-      '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src',
-    '@plone/volto-slate/(.*)$':
-      '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src/$1',
+    '@plone/volto-slate$': voltoSlatePath,
+    '@plone/volto-slate/(.*)$': `${voltoSlatePath}/$1`,
     '~/(.*)$': '<rootDir>/src/$1',
     'load-volto-addons':
       '<rootDir>/node_modules/@plone/volto/jest-addons-loader.js',

package/jest.setup.js

@@ -1,16 +1,18 @@
 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,
+var config = {
+  blocks: {
+    blocksConfig: {},
+  },
+  settings: {
+    apiPath: 'http://localhost:3000',
+    slate: {
+      textblockExtensions: [],
+    },
+  },
 };
 
 jest.doMock('semantic-ui-react', () => ({
@@ -29,14 +31,23 @@ jest.doMock('semantic-ui-react', () => ({
 jest.doMock('@plone/volto/components', () => {
   return {
     __esModule: true,
-    ...mockComponents,
     SidebarPortal: ({ children }) => <div id="sidebar">{children}</div>,
+    UniversalLink: ({ children, href = '', ...props }) => (
+      <a href={href} {...props}>
+        {children}
+      </a>
+    ),
+    RenderBlocks: () => <div />,
+    BlocksForm: ({ children }) =>
+      typeof children === 'function' ? children({}, <div />, {}) : children,
+    BlockDataForm: () => <div />,
   };
 });
 
-jest.doMock('@plone/volto/registry', () =>
-  [installSlate].reduce((acc, apply) => apply(acc), config),
-);
+jest.doMock('@plone/volto/registry', () => ({
+  __esModule: true,
+  default: config,
+}));
 
 const mockStore = configureStore([thunk]);
 

package/locales/de/LC_MESSAGES/volto.po

@@ -11,4 +11,122 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: \n"
 
+#. Default: "A short hint that describes the expected value within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "A short hint that describes the expected value within this block"
+msgstr ""
+
+#. Default: "Allow only the following blocks types"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Allow only the following blocks types"
+msgstr ""
+
+#. Default: "Default"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Default"
+msgstr ""
+
+#. Default: "Detailed expected value within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Detailed expected value within this block"
+msgstr ""
+
+#. Default: "Disable creation of new blocks after this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable creation of new blocks after this block"
+msgstr ""
+
+#. Default: "Disable drag & drop on this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable drag & drop on this block"
+msgstr ""
+
+#. Default: "Disable editing on hero block settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on hero block settings"
+msgstr ""
+
+#. Default: "Disable editing on hero titles"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on hero titles"
+msgstr ""
+
+#. Default: "Disable editing on this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on this block"
+msgstr ""
+
+#. Default: "Disable inner buttons"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable inner buttons"
+msgstr ""
+
+#. Default: "Disable new blocks"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable new blocks"
+msgstr ""
+
+#. Default: "Don't allow deletion of this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Don't allow deletion of this block"
+msgstr ""
 
+#. Default: "Fixed layout"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed layout"
+msgstr ""
+
+#. Default: "Fixed layout, New panes (tabs) created by Editor within this block will be ignored"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed layout, New panes (tabs) created by Editor within this block will be ignored"
+msgstr ""
+
+#. Default: "Fixed position"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed position"
+msgstr ""
+
+#. Default: "Helper text"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Helper text"
+msgstr ""
+
+#. Default: "Hero"
+#: components/Blocks/Hero/index
+msgid "Hero"
+msgstr ""
+
+#. Default: "Hero block settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Hero block settings"
+msgstr ""
+
+#. Default: "Hide all block related buttons within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Hide all block related buttons within this block"
+msgstr ""
+
+#. Default: "Instructions"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Instructions"
+msgstr ""
+
+#. Default: "Read-only"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only"
+msgstr ""
+
+#. Default: "Read-only settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only settings"
+msgstr ""
+
+#. Default: "Read-only titles"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only titles"
+msgstr ""
+
+#. Default: "Required"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Required"
+msgstr ""

package/locales/en/LC_MESSAGES/volto.po

@@ -11,4 +11,122 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: \n"
 
+#. Default: "A short hint that describes the expected value within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "A short hint that describes the expected value within this block"
+msgstr ""
+
+#. Default: "Allow only the following blocks types"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Allow only the following blocks types"
+msgstr ""
+
+#. Default: "Default"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Default"
+msgstr ""
+
+#. Default: "Detailed expected value within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Detailed expected value within this block"
+msgstr ""
+
+#. Default: "Disable creation of new blocks after this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable creation of new blocks after this block"
+msgstr ""
+
+#. Default: "Disable drag & drop on this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable drag & drop on this block"
+msgstr ""
+
+#. Default: "Disable editing on hero block settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on hero block settings"
+msgstr ""
+
+#. Default: "Disable editing on hero titles"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on hero titles"
+msgstr ""
+
+#. Default: "Disable editing on this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on this block"
+msgstr ""
+
+#. Default: "Disable inner buttons"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable inner buttons"
+msgstr ""
+
+#. Default: "Disable new blocks"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable new blocks"
+msgstr ""
+
+#. Default: "Don't allow deletion of this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Don't allow deletion of this block"
+msgstr ""
 
+#. Default: "Fixed layout"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed layout"
+msgstr ""
+
+#. Default: "Fixed layout, New panes (tabs) created by Editor within this block will be ignored"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed layout, New panes (tabs) created by Editor within this block will be ignored"
+msgstr ""
+
+#. Default: "Fixed position"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed position"
+msgstr ""
+
+#. Default: "Helper text"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Helper text"
+msgstr ""
+
+#. Default: "Hero"
+#: components/Blocks/Hero/index
+msgid "Hero"
+msgstr ""
+
+#. Default: "Hero block settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Hero block settings"
+msgstr ""
+
+#. Default: "Hide all block related buttons within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Hide all block related buttons within this block"
+msgstr ""
+
+#. Default: "Instructions"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Instructions"
+msgstr ""
+
+#. Default: "Read-only"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only"
+msgstr ""
+
+#. Default: "Read-only settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only settings"
+msgstr ""
+
+#. Default: "Read-only titles"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only titles"
+msgstr ""
+
+#. Default: "Required"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Required"
+msgstr ""

package/locales/it/LC_MESSAGES/volto.po

@@ -11,4 +11,122 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: \n"
 
+#. Default: "A short hint that describes the expected value within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "A short hint that describes the expected value within this block"
+msgstr ""
+
+#. Default: "Allow only the following blocks types"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Allow only the following blocks types"
+msgstr ""
+
+#. Default: "Default"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Default"
+msgstr ""
+
+#. Default: "Detailed expected value within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Detailed expected value within this block"
+msgstr ""
+
+#. Default: "Disable creation of new blocks after this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable creation of new blocks after this block"
+msgstr ""
+
+#. Default: "Disable drag & drop on this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable drag & drop on this block"
+msgstr ""
+
+#. Default: "Disable editing on hero block settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on hero block settings"
+msgstr ""
+
+#. Default: "Disable editing on hero titles"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on hero titles"
+msgstr ""
+
+#. Default: "Disable editing on this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on this block"
+msgstr ""
+
+#. Default: "Disable inner buttons"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable inner buttons"
+msgstr ""
+
+#. Default: "Disable new blocks"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable new blocks"
+msgstr ""
+
+#. Default: "Don't allow deletion of this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Don't allow deletion of this block"
+msgstr ""
 
+#. Default: "Fixed layout"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed layout"
+msgstr ""
+
+#. Default: "Fixed layout, New panes (tabs) created by Editor within this block will be ignored"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed layout, New panes (tabs) created by Editor within this block will be ignored"
+msgstr ""
+
+#. Default: "Fixed position"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed position"
+msgstr ""
+
+#. Default: "Helper text"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Helper text"
+msgstr ""
+
+#. Default: "Hero"
+#: components/Blocks/Hero/index
+msgid "Hero"
+msgstr ""
+
+#. Default: "Hero block settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Hero block settings"
+msgstr ""
+
+#. Default: "Hide all block related buttons within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Hide all block related buttons within this block"
+msgstr ""
+
+#. Default: "Instructions"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Instructions"
+msgstr ""
+
+#. Default: "Read-only"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only"
+msgstr ""
+
+#. Default: "Read-only settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only settings"
+msgstr ""
+
+#. Default: "Read-only titles"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only titles"
+msgstr ""
+
+#. Default: "Required"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Required"
+msgstr ""

package/locales/ro/LC_MESSAGES/volto.po

@@ -11,4 +11,122 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: \n"
 
+#. Default: "A short hint that describes the expected value within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "A short hint that describes the expected value within this block"
+msgstr ""
+
+#. Default: "Allow only the following blocks types"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Allow only the following blocks types"
+msgstr ""
+
+#. Default: "Default"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Default"
+msgstr ""
+
+#. Default: "Detailed expected value within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Detailed expected value within this block"
+msgstr ""
+
+#. Default: "Disable creation of new blocks after this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable creation of new blocks after this block"
+msgstr ""
+
+#. Default: "Disable drag & drop on this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable drag & drop on this block"
+msgstr ""
+
+#. Default: "Disable editing on hero block settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on hero block settings"
+msgstr ""
+
+#. Default: "Disable editing on hero titles"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on hero titles"
+msgstr ""
+
+#. Default: "Disable editing on this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on this block"
+msgstr ""
+
+#. Default: "Disable inner buttons"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable inner buttons"
+msgstr ""
+
+#. Default: "Disable new blocks"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable new blocks"
+msgstr ""
+
+#. Default: "Don't allow deletion of this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Don't allow deletion of this block"
+msgstr ""
 
+#. Default: "Fixed layout"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed layout"
+msgstr ""
+
+#. Default: "Fixed layout, New panes (tabs) created by Editor within this block will be ignored"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed layout, New panes (tabs) created by Editor within this block will be ignored"
+msgstr ""
+
+#. Default: "Fixed position"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed position"
+msgstr ""
+
+#. Default: "Helper text"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Helper text"
+msgstr ""
+
+#. Default: "Hero"
+#: components/Blocks/Hero/index
+msgid "Hero"
+msgstr ""
+
+#. Default: "Hero block settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Hero block settings"
+msgstr ""
+
+#. Default: "Hide all block related buttons within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Hide all block related buttons within this block"
+msgstr ""
+
+#. Default: "Instructions"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Instructions"
+msgstr ""
+
+#. Default: "Read-only"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only"
+msgstr ""
+
+#. Default: "Read-only settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only settings"
+msgstr ""
+
+#. Default: "Read-only titles"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only titles"
+msgstr ""
+
+#. Default: "Required"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Required"
+msgstr ""

package/locales/volto.pot

@@ -1,16 +1,134 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2023-06-28T10:48:22.678Z\n"
+"POT-Creation-Date: 2026-03-10T22:13:14.190Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
-"MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=1; plural=0;\n"
+"MIME-Version: 1.0\n"
 "Language-Code: en\n"
 "Language-Name: English\n"
 "Preferred-Encodings: utf-8\n"
 "Domain: volto\n"
 
+#. Default: "A short hint that describes the expected value within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "A short hint that describes the expected value within this block"
+msgstr ""
+
+#. Default: "Allow only the following blocks types"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Allow only the following blocks types"
+msgstr ""
+
+#. Default: "Default"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Default"
+msgstr ""
+
+#. Default: "Detailed expected value within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Detailed expected value within this block"
+msgstr ""
+
+#. Default: "Disable creation of new blocks after this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable creation of new blocks after this block"
+msgstr ""
+
+#. Default: "Disable drag & drop on this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable drag & drop on this block"
+msgstr ""
+
+#. Default: "Disable editing on hero block settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on hero block settings"
+msgstr ""
+
+#. Default: "Disable editing on hero titles"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on hero titles"
+msgstr ""
+
+#. Default: "Disable editing on this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable editing on this block"
+msgstr ""
+
+#. Default: "Disable inner buttons"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable inner buttons"
+msgstr ""
+
+#. Default: "Disable new blocks"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Disable new blocks"
+msgstr ""
+
+#. Default: "Don't allow deletion of this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Don't allow deletion of this block"
+msgstr ""
+
+#. Default: "Fixed layout"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed layout"
+msgstr ""
+
+#. Default: "Fixed layout, New panes (tabs) created by Editor within this block will be ignored"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed layout, New panes (tabs) created by Editor within this block will be ignored"
+msgstr ""
+
+#. Default: "Fixed position"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Fixed position"
+msgstr ""
+
+#. Default: "Helper text"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Helper text"
+msgstr ""
+
+#. Default: "Hero"
+#: components/Blocks/Hero/index
+msgid "Hero"
+msgstr ""
+
+#. Default: "Hero block settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Hero block settings"
+msgstr ""
+
+#. Default: "Hide all block related buttons within this block"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Hide all block related buttons within this block"
+msgstr ""
+
+#. Default: "Instructions"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Instructions"
+msgstr ""
+
+#. Default: "Read-only"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only"
+msgstr ""
+
+#. Default: "Read-only settings"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only settings"
+msgstr ""
 
+#. Default: "Read-only titles"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Read-only titles"
+msgstr ""
+
+#. Default: "Required"
+#: components/Blocks/Hero/LayoutSchema
+msgid "Required"
+msgstr ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-hero-block",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "description": "@eeacms/volto-hero-block: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/Blocks/Hero/Copyright.test.jsx

@@ -4,7 +4,7 @@ import { Icon } from 'semantic-ui-react';
 import { Provider } from 'react-intl-redux';
 import configureStore from 'redux-mock-store';
 import config from '@plone/volto/registry';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 
 import Copyright from './Copyright';
 

package/src/components/Blocks/Hero/Edit.jsx

@@ -4,7 +4,6 @@ import isFunction from 'lodash/isFunction';
 import { Icon } from 'semantic-ui-react';
 import config from '@plone/volto/registry';
 import { BlocksForm } from '@plone/volto/components';
-import EditBlockWrapper from '@plone/volto/components/manage/Blocks/Block/EditBlockWrapper';
 import { v4 as uuid } from 'uuid';
 import '@eeacms/volto-hero-block/components/Blocks/Hero/edit.css';
 
@@ -140,17 +139,7 @@ export default function Edit(props) {
                 }
               }}
               pathname={pathname}
-            >
-              {({ draginfo }, editBlock, blockProps) => (
-                <EditBlockWrapper
-                  draginfo={draginfo}
-                  blockProps={blockProps}
-                  disabled={data.disableInnerButtons}
-                >
-                  {editBlock}
-                </EditBlockWrapper>
-              )}
-            </BlocksForm>
+            />
           </Hero.Text>
           <Hero.Meta {...data}>
             <Metadata {...data} />

package/src/components/Blocks/Hero/Edit.test.jsx

@@ -5,7 +5,7 @@ import { IntlProvider } from 'react-intl';
 import configureStore from 'redux-mock-store';
 import Edit from './Edit';
 import config from '@plone/volto/registry';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 
 // Mock uuid to avoid node:crypto import issues
 jest.mock('uuid', () => ({
@@ -19,12 +19,9 @@ const disconnect = jest.fn();
 jest.mock('@plone/volto/components', () => {
   return {
     __esModule: true,
-    BlocksForm: ({ placeholder, children, onChange, onFocus }) => (
+    BlocksForm: ({ placeholder }) => (
       <div id="test">
         <div>{placeholder}</div>
-        {typeof children === 'function'
-          ? children({}, <div>Mock Edit Block</div>, {})
-          : children}
       </div>
     ),
     SidebarPortal: ({ children }) => <div>{children}</div>,
@@ -33,15 +30,6 @@ jest.mock('@plone/volto/components', () => {
     RenderBlocks: () => <div></div>,
   };
 });
-
-jest.mock(
-  '@plone/volto/components/manage/Blocks/Block/EditBlockWrapper',
-  () => {
-    return ({ children }) => (
-      <div className="edit-block-wrapper">{children}</div>
-    );
-  },
-);
 jest.mock('react-router-dom', () => ({
   useLocation: jest.fn().mockReturnValue({
     pathname: '/test-jest',

package/src/components/Blocks/Hero/Hero.test.jsx

@@ -3,7 +3,7 @@ import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import configureStore from 'redux-mock-store';
 import config from '@plone/volto/registry';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 
 import Hero from './Hero';
 

package/test-mocks/voltoFormValidationValidators.js

@@ -0,0 +1,20 @@
+const noop = () => null;
+
+module.exports = {
+  minLengthValidator: noop,
+  maxLengthValidator: noop,
+  urlValidator: noop,
+  emailValidator: noop,
+  isNumberValidator: noop,
+  maximumValidator: noop,
+  minimumValidator: noop,
+  isIntegerValidator: noop,
+  maxItemsValidator: noop,
+  minItemsValidator: noop,
+  hasUniqueItemsValidator: noop,
+  startEventDateRangeValidator: noop,
+  endEventDateRangeValidator: noop,
+  patternValidator: noop,
+  defaultLanguageControlPanelValidator: noop,
+  sizeValidator: noop,
+};

package/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@plone/volto/helpers/FormValidation/validators": [
+        "node_modules/@plone/volto/src/helpers/FormValidation/validators.ts"
+      ]
+    }
+  }
+}

package/volto-form-validation-validators.d.ts

@@ -0,0 +1,34 @@
+declare module '@plone/volto/helpers/FormValidation/validators' {
+  export const minLengthValidator: (...args: any[]) => any;
+  export const maxLengthValidator: (...args: any[]) => any;
+  export const urlValidator: (...args: any[]) => any;
+  export const emailValidator: (...args: any[]) => any;
+  export const isNumberValidator: (...args: any[]) => any;
+  export const maximumValidator: (...args: any[]) => any;
+  export const minimumValidator: (...args: any[]) => any;
+  export const isIntegerValidator: (...args: any[]) => any;
+  export const maxItemsValidator: (...args: any[]) => any;
+  export const minItemsValidator: (...args: any[]) => any;
+  export const hasUniqueItemsValidator: (...args: any[]) => any;
+  export const startEventDateRangeValidator: (...args: any[]) => any;
+  export const endEventDateRangeValidator: (...args: any[]) => any;
+  export const patternValidator: (...args: any[]) => any;
+  export const defaultLanguageControlPanelValidator: (...args: any[]) => any;
+  export const sizeValidator: (...args: any[]) => any;
+}
+
+declare module 'react-router-hash-link' {
+  export const HashLink: any;
+}
+
+declare module '@plone/volto/helpers/Url/Url' {
+  export const flattenToAppURL: (...args: any[]) => any;
+  export const isInternalURL: (...args: any[]) => any;
+  export const getFieldURL: (...args: any[]) => any;
+  export const URLUtils: any;
+}
+
+declare module '@plone/volto/registry' {
+  const config: any;
+  export default config;
+}