@eeacms/volto-hero-block 2.1.0 → 3.0.0

package/CHANGELOG.md

@@ -4,6 +4,16 @@ 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.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
+
+- 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)]
 ### [2.1.0](https://github.com/eea/volto-hero-block/compare/2.0.0...2.1.0) - 12 December 2022
 
 #### :bug: Bug Fixes

package/package.json

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

@@ -19,6 +19,11 @@ export default () => {
           'image',
         ],
       },
+      {
+        id: 'copyright',
+        title: 'Copyright',
+        fields: ['copyright', 'copyrightIcon', 'copyrightPosition'],
+      },
     ],
     properties: {
       fullWidth: {
@@ -63,6 +68,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: [],
   };