@eeacms/volto-hero-block 2.1.0 → 3.0.1

package/CHANGELOG.md

@@ -4,6 +4,32 @@ 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).
 
+### [3.0.1](https://github.com/eea/volto-hero-block/compare/3.0.0...3.0.1) - 27 January 2023
+
+#### :rocket: New Features
+
+- feat(hero): added background position styling option [David Ichim - [`8d933f6`](https://github.com/eea/volto-hero-block/commit/8d933f6e03a495b055d81923a37b0affd769c770)]
+
+#### :nail_care: Enhancements
+
+- change(hero): bg class setting to ensure it's set on the hero-image section [David Ichim - [`ce0305f`](https://github.com/eea/volto-hero-block/commit/ce0305feed18e6ca5f22ee7786db93283944484a)]
+
+#### :hammer_and_wrench: Others
+
+- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`ab85c7b`](https://github.com/eea/volto-hero-block/commit/ab85c7bd5bd1e3aec95e02f9b4d026b1203d5739)]
+## [3.0.0](https://github.com/eea/volto-hero-block/compare/2.1.0...3.0.0) - 22 December 2022
+
+#### :rocket: New Features
+
+- feat(copyright): Add image copyright info - refs #158210 [Alin Voinea - [`f0f2b09`](https://github.com/eea/volto-hero-block/commit/f0f2b09633baddcd6f11ccf52bf9e40652dcbfad)]
+
+#### :hammer_and_wrench: Others
+
+- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`f06f58c`](https://github.com/eea/volto-hero-block/commit/f06f58c7cd4cfc15a03208e9c7a4e31fe2eba2f6)]
+- Add Sonarqube tag using climate-energy-frontend addons list [EEA Jenkins - [`20e5bcb`](https://github.com/eea/volto-hero-block/commit/20e5bcb3c4dd538595741928319c3204c5d18f8c)]
+- Cosmetics [Alin Voinea - [`9dac70c`](https://github.com/eea/volto-hero-block/commit/9dac70c0a3bea8e188ede9123f4f99de8e0f6987)]
+- test(Jenkins): Run tests and cypress with latest canary @plone/volto [Alin Voinea - [`2d4005f`](https://github.com/eea/volto-hero-block/commit/2d4005f0f31b121e1b7d2e94414f3dff92ec1a16)]
+- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`2931fcc`](https://github.com/eea/volto-hero-block/commit/2931fccbee5f8e117e5ae9095ba57e63e465ddb3)]
 ### [2.1.0](https://github.com/eea/volto-hero-block/compare/2.0.0...2.1.0) - 12 December 2022
 
 #### :bug: Bug Fixes
@@ -12,6 +38,12 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
+- Add Sonarqube tag using bise-frontend addons list [EEA Jenkins - [`93be4f9`](https://github.com/eea/volto-hero-block/commit/93be4f96fb72cacfc25f9b058cb379d80060ee13)]
+- yarn 3 [Alin Voinea - [`8e2dccd`](https://github.com/eea/volto-hero-block/commit/8e2dccd47cbef3c0871407baa376ce61c540c754)]
+- Add Sonarqube tag using marine-frontend addons list [EEA Jenkins - [`6bc3af3`](https://github.com/eea/volto-hero-block/commit/6bc3af35b4edf07971d1b0ce1648965e8d6e3bc0)]
+- Add Sonarqube tag using clms-frontend addons list [EEA Jenkins - [`d7dbbd2`](https://github.com/eea/volto-hero-block/commit/d7dbbd21277dd76bf59d91a4dc8e022b2a6ff99c)]
+- Add Sonarqube tag using demo-kitkat-frontend addons list [EEA Jenkins - [`3c1f0d6`](https://github.com/eea/volto-hero-block/commit/3c1f0d6e7f8e5318aee3413ec3687d8492376f9d)]
+- Add Sonarqube tag using forests-frontend addons list [EEA Jenkins - [`843017a`](https://github.com/eea/volto-hero-block/commit/843017aa7dbea71cc7888663496e352d287440b4)]
 ## [2.0.0](https://github.com/eea/volto-hero-block/compare/1.0.0...2.0.0) - 16 November 2022
 
 #### :nail_care: Enhancements
@@ -21,6 +53,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - test(estlint): Fix .project.eslintrc.js [Alin Voinea - [`b8f0971`](https://github.com/eea/volto-hero-block/commit/b8f0971b21a5334d40c1b8f5103cea61d9ffe6f1)]
+- Add Sonarqube tag using circularity-frontend addons list [EEA Jenkins - [`581dedf`](https://github.com/eea/volto-hero-block/commit/581dedf07410ef2ca09e6ddaa05fbf176400adbb)]
 ## [1.0.0](https://github.com/eea/volto-hero-block/compare/0.2.0...1.0.0) - 28 October 2022
 
 #### :nail_care: Enhancements
@@ -32,6 +65,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Remove cypress.json [Alin Voinea - [`593bdf2`](https://github.com/eea/volto-hero-block/commit/593bdf207ca4fd3f2393117b6f64a44727881ad0)]
 - test(cypress): Upgrade to Cypress 10 / Razzle 4 [Alin Voinea - [`edd48a5`](https://github.com/eea/volto-hero-block/commit/edd48a5c13824bce5e03e46790f1890656b340d8)]
 - Cleanup [Alin Voinea - [`9d72ee7`](https://github.com/eea/volto-hero-block/commit/9d72ee7a06d1c6fed46586d30bb85eae39e670bf)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`95986d0`](https://github.com/eea/volto-hero-block/commit/95986d0b8fd5c3cbb9e6da9059f71e066a8e171b)]
 ### [0.2.0](https://github.com/eea/volto-hero-block/compare/0.1.4...0.2.0) - 6 July 2022
 
 #### :bug: Bug Fixes
@@ -70,6 +104,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Update slate footnote support [Miu Razvan - [`c1522b4`](https://github.com/eea/volto-hero-block/commit/c1522b4164dbe6de01771d211d7e0bf3009f44d4)]
 - Use justify content for text and button as well [Miu Razvan - [`08599cc`](https://github.com/eea/volto-hero-block/commit/08599cc45546d9b349128c4f8ce9c01318385811)]
 - Add dependencies [Miu Razvan - [`30e2881`](https://github.com/eea/volto-hero-block/commit/30e2881a2a97a899e7f4cc614a0405c300ac6fee)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`b415422`](https://github.com/eea/volto-hero-block/commit/b41542285edd29440a324b101a4dbae9334830bf)]
 ### 0.1.0 - 10 June 2022
 
 #### :hammer_and_wrench: Others

package/package.json

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+Copyright.propTypes = {
+  copyrightPosition: PropTypes.oneOf(['left', 'right']),
+};
+
+function Copyright({ children, ...rest }) {
+  return (
+    <div className={`eea copyright ${rest.copyrightPosition}`}>
+      <div className={'wrapper'}>{children}</div>
+    </div>
+  );
+}
+
+Copyright.Icon = ({ children, ...rest }) => (
+  <span {...rest} className={'icon-wrapper'}>
+    {children}
+  </span>
+);
+
+Copyright.Text = ({ children, ...rest }) => (
+  <span {...rest} className={'icon-content'}>
+    {children}
+  </span>
+);
+export default Copyright;

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 { Icon } from 'semantic-ui-react';
 import config from '@plone/volto/registry';
 import {
   BlockDataForm,
@@ -16,6 +17,7 @@ import {
 
 import { createSlateHeader } from '@eeacms/volto-hero-block/helpers';
 
+import Copyright from './Copyright';
 import Hero from './Hero';
 import getSchema from './schema';
 
@@ -45,7 +47,7 @@ const Edit = (props) => {
     onChangeBlock,
     onSelectBlock,
   } = props;
-  const { text } = data;
+  const { text, copyright, copyrightIcon, copyrightPosition } = data;
   const schema = React.useMemo(() => getSchema(props), [props]);
 
   const withBlockProperties = React.useCallback(
@@ -89,6 +91,16 @@ const Edit = (props) => {
         <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>
 
       <SidebarPortal selected={selected}>

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

@@ -58,7 +58,7 @@ function Hero({
         )}
       >
         <div
-          className={cx('hero-block-image')}
+          className={cx('hero-block-image', styles?.bg)}
           style={
             image
               ? {

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

@@ -1,7 +1,9 @@
 import React from 'react';
 import cx from 'classnames';
+import { Icon } from 'semantic-ui-react';
 import { UniversalLink } from '@plone/volto/components';
 import Hero from './Hero';
+import Copyright from './Copyright';
 import { serializeText } from '@eeacms/volto-hero-block/helpers';
 
 const Metadata = ({ buttonLabel, buttonLink, inverted, styles }) => {
@@ -21,13 +23,23 @@ const Metadata = ({ buttonLabel, buttonLink, inverted, styles }) => {
 
 const View = (props) => {
   const { data = {} } = props;
-  const { text } = data;
+  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>
   );
 };

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

@@ -1,5 +1,15 @@
 import { addStyling } from '@plone/volto/helpers';
 
+import alignTopSVG from '@plone/volto/icons/move-up.svg';
+import alignCenterSVG from '@plone/volto/icons/row.svg';
+import alignBottomSVG from '@plone/volto/icons/move-down.svg';
+
+const ALIGN_INFO_MAP = {
+  'has--bg--top': [alignTopSVG, 'Top'],
+  'has--bg--center': [alignCenterSVG, 'Center'],
+  'has--bg--bottom': [alignBottomSVG, 'Bottom'],
+};
+
 export default () => {
   return {
     title: 'Hero',
@@ -19,6 +29,11 @@ export default () => {
           'image',
         ],
       },
+      {
+        id: 'copyright',
+        title: 'Copyright',
+        fields: ['copyright', 'copyrightIcon', 'copyrightPosition'],
+      },
     ],
     properties: {
       fullWidth: {
@@ -63,6 +78,19 @@ export default () => {
         title: 'Image',
         widget: 'attachedimage',
       },
+      copyright: {
+        title: 'Text',
+      },
+      copyrightIcon: {
+        title: 'Icon',
+        default: 'ri-copyright-line',
+      },
+      copyrightPosition: {
+        title: 'Align',
+        widget: 'align',
+        actions: ['left', 'right'],
+        defaultValue: 'left',
+      },
     },
     required: [],
   };
@@ -79,6 +107,7 @@ export const stylingSchema = (props) => {
         title: 'Default',
         fields: [
           'backgroundVariant',
+          'bg',
           'alignContent',
           'textAlign',
           'textVariant',
@@ -88,6 +117,13 @@ export const stylingSchema = (props) => {
       },
     ],
     properties: {
+      bg: {
+        title: 'Background image position',
+        widget: 'align',
+        actions: Object.keys(ALIGN_INFO_MAP),
+        actionsInfoMap: ALIGN_INFO_MAP,
+        defaultValue: 'has--bg--center',
+      },
       backgroundVariant: {
         title: 'Background theme',
         choices: [