@eeacms/volto-hero-block 5.0.0 → 5.2.0

package/CHANGELOG.md

@@ -4,7 +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).
 
-### [5.0.0](https://github.com/eea/volto-hero-block/compare/4.0.0...5.0.0) - 7 March 2023
+### [5.2.0](https://github.com/eea/volto-hero-block/compare/5.1.0...5.2.0) - 24 March 2023
+
+#### :hammer_and_wrench: Others
+
+- Release 5.2.0 [Alin Voinea - [`b0dfa0c`](https://github.com/eea/volto-hero-block/commit/b0dfa0c46f5f697d9e2419522ce04ead9353272d)]
+- update [Miu Razvan - [`2a9e854`](https://github.com/eea/volto-hero-block/commit/2a9e8540853cd49e7461ac4de9fef2109874dcdd)]
+- import schema from blocksConfig [Miu Razvan - [`196a003`](https://github.com/eea/volto-hero-block/commit/196a003957676b562987ef6509cf2b73ea2e77d2)]
+### [5.1.0](https://github.com/eea/volto-hero-block/compare/5.0.0...5.1.0) - 24 March 2023
+
+#### :hammer_and_wrench: Others
+
+- Release 5.1.0 [Alin Voinea - [`7cd1d6c`](https://github.com/eea/volto-hero-block/commit/7cd1d6c3194b59f9645a716be8364b39136ac6fc)]
+- use stable volto in jenkins [Miu Razvan - [`5459e18`](https://github.com/eea/volto-hero-block/commit/5459e18001486ff05b1e7535685926ef41a233e3)]
+## [5.0.0](https://github.com/eea/volto-hero-block/compare/4.0.0...5.0.0) - 7 March 2023
 
 #### :nail_care: Enhancements
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-hero-block",
-  "version": "5.0.0",
+  "version": "5.2.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/Edit.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import cx from 'classnames';
 import { connect } from 'react-redux';
+import isFunction from 'lodash/isFunction';
 import { Icon } from 'semantic-ui-react';
 import config from '@plone/volto/registry';
 import {
@@ -8,6 +9,7 @@ import {
   SidebarPortal,
   UniversalLink,
 } from '@plone/volto/components';
+import { BodyClass } from '@plone/volto/helpers';
 import SlateEditor from '@plone/volto-slate/editor/SlateEditor';
 import { handleKey } from '@plone/volto-slate/blocks/Text/keyboard';
 import {
@@ -19,7 +21,6 @@ import { createSlateHeader } from '@eeacms/volto-hero-block/helpers';
 
 import Copyright from './Copyright';
 import Hero from './Hero';
-import getSchema from './schema';
 
 const Metadata = ({ buttonLabel, buttonLink, inverted, styles }) => {
   const { buttonVariant } = styles || {};
@@ -48,7 +49,13 @@ const Edit = (props) => {
     onSelectBlock,
   } = props;
   const { text, copyright, copyrightIcon, copyrightPosition } = data;
-  const schema = React.useMemo(() => getSchema(props), [props]);
+  const schema = React.useMemo(() => {
+    const blockSchema = config.blocks.blocksConfig.hero.schema;
+    if (isFunction(blockSchema)) {
+      return blockSchema(props);
+    }
+    return blockSchema;
+  }, [props]);
 
   const withBlockProperties = React.useCallback(
     (editor) => {
@@ -66,6 +73,7 @@ const Edit = (props) => {
 
   return (
     <>
+      <BodyClass className="with-hero-block" />
       <Hero {...data}>
         <Hero.Text {...data}>
           <SlateEditor

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

@@ -2,6 +2,7 @@ import React from 'react';
 import cx from 'classnames';
 import { Icon } from 'semantic-ui-react';
 import { UniversalLink } from '@plone/volto/components';
+import { BodyClass } from '@plone/volto/helpers';
 import Hero from './Hero';
 import Copyright from './Copyright';
 import { serializeText } from '@eeacms/volto-hero-block/helpers';
@@ -25,22 +26,25 @@ const View = (props) => {
   const { data = {} } = props;
   const { text, copyright, copyrightIcon, copyrightPosition } = data;
   return (
-    <Hero {...data}>
-      <Hero.Text {...data}>{serializeText(text)}</Hero.Text>
-      <Hero.Meta {...data}>
-        <Metadata {...data} />
-      </Hero.Meta>
-      {copyright ? (
-        <Copyright copyrightPosition={copyrightPosition}>
-          <Copyright.Icon>
-            <Icon className={copyrightIcon} />
-          </Copyright.Icon>
-          <Copyright.Text>{copyright}</Copyright.Text>
-        </Copyright>
-      ) : (
-        ''
-      )}
-    </Hero>
+    <React.Fragment>
+      <BodyClass className="with-hero-block" />
+      <Hero {...data}>
+        <Hero.Text {...data}>{serializeText(text)}</Hero.Text>
+        <Hero.Meta {...data}>
+          <Metadata {...data} />
+        </Hero.Meta>
+        {copyright ? (
+          <Copyright copyrightPosition={copyrightPosition}>
+            <Copyright.Icon>
+              <Icon className={copyrightIcon} />
+            </Copyright.Icon>
+            <Copyright.Text>{copyright}</Copyright.Text>
+          </Copyright>
+        ) : (
+          ''
+        )}
+      </Hero>
+    </React.Fragment>
   );
 };
 

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

@@ -1,7 +1,7 @@
 import codeSVG from '@plone/volto/icons/code.svg';
 import HeroEdit from './Edit';
 import HeroView from './View';
-import { stylingSchema } from './schema';
+import schema, { stylingSchema } from './schema';
 
 export default (config) => {
   config.blocks.blocksConfig.hero = {
@@ -20,6 +20,7 @@ export default (config) => {
       addPermission: [],
       view: [],
     },
+    schema,
   };
 
   config.settings.blocksWithFootnotesSupport = {