@eeacms/volto-block-style - npm Package Compare versions

Comparing version 5.2.6 to 6.0.0

CHANGELOG.md

@@ -7,6 +7,18 @@ ### Changelog
 
-### [5.2.6](https://github.com/eea/volto-block-style/compare/5.2.5...5.2.6) - 19 October 2023
+### [6.0.0](https://github.com/eea/volto-block-style/compare/5.2.6...6.0.0) - 8 December 2023
 
 #### :house: Internal changes
 
+- chore: add screenshot [laszlocseh - [`a03fd32`](https://github.com/eea/volto-block-style/commit/a03fd326ea8f69a999c7c436a5024163a0a1dab4)]
+- chore: remove some custom classes [laszlocseh - [`9897df8`](https://github.com/eea/volto-block-style/commit/9897df85b09b6cd3f2e895574f05780b1d9a1350)]
+
+#### :hammer_and_wrench: Others
+
+- Release 6.0.0 [Alin Voinea - [`ae300f2`](https://github.com/eea/volto-block-style/commit/ae300f214d457fc52bcff36e72dac70fc297cebf)]
+- Update README.md [Laszlo Cseh - [`e42289c`](https://github.com/eea/volto-block-style/commit/e42289cf9c6194b4c490d5021c9522040de3f281)]
+- refs #261398: added customization to use blocks as page header [laszlocseh - [`a22b745`](https://github.com/eea/volto-block-style/commit/a22b745a5c9607d647d76ceb30c4c26b7bfde94a)]
+### [5.2.6](https://github.com/eea/volto-block-style/compare/5.2.5...5.2.6) - 22 October 2023
+
+#### :house: Internal changes
+
 - chore: husky, lint-staged use fixed versions [valentinab25 - [`2d22f18`](https://github.com/eea/volto-block-style/commit/2d22f18c43ed4818e5894f7fcec23583752c85a0)]
@@ -52,3 +64,2 @@
 - test: EN locales, pre-commit fix, feature PRs checks Refs #257193 [valentinab25 - [`cf81a8e`](https://github.com/eea/volto-block-style/commit/cf81a8ee6b5549357f59217e3ae432be831746a3)]
-- test: Fix eslint and yarn i18n [Alin Voinea - [`ce41324`](https://github.com/eea/volto-block-style/commit/ce41324feea60679910349cfaf7d8a604fd4b287)]
 - i18n: Add en [Alin Voinea - [`1f4fe2e`](https://github.com/eea/volto-block-style/commit/1f4fe2e66c6a5a92e22c10cff9086b84b2d7c0c1)]
@@ -74,3 +85,2 @@ - test: Update Makefile and docker-compose to align it with Jenkinsfile [valentinab25 - [`b8b8a3c`](https://github.com/eea/volto-block-style/commit/b8b8a3c8e36b64556eeaaf6ad4811c34efab3f4a)]
 
-- chore: [JENKINS] Deprecate circularity website [valentinab25 - [`458b2f8`](https://github.com/eea/volto-block-style/commit/458b2f86dd2ae6ec5d892bc1501947c48eb829bb)]
 
@@ -97,3 +107,2 @@ #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`06a29bd`](https://github.com/eea/volto-block-style/commit/06a29bd888f9625c28cd93bfc8e1aef581ec228a)]
 ### [5.1.0](https://github.com/eea/volto-block-style/compare/5.0.1...5.1.0) - 27 March 2023
@@ -103,3 +112,2 @@
 
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`1ee1797`](https://github.com/eea/volto-block-style/commit/1ee1797997c115e997edeaca234ad3d66b901564)]
 ### [5.0.1](https://github.com/eea/volto-block-style/compare/5.0.0...5.0.1) - 8 February 2023
@@ -116,6 +124,3 @@
 - Add theme picker widget [dana-cfc4 - [`4bbdec3`](https://github.com/eea/volto-block-style/commit/4bbdec33ac328873758c3a6ee03a41b53e2fb5a8)]
-- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`e6ffe28`](https://github.com/eea/volto-block-style/commit/e6ffe283a571157ef99df399a75fd90e88797925)]
-- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`0575439`](https://github.com/eea/volto-block-style/commit/0575439dd8967e28281277d91d6d69fc54a1e714)]
 - test(Jenkins): Run tests and cypress with latest canary @plone/volto [Alin Voinea - [`564c363`](https://github.com/eea/volto-block-style/commit/564c36374879ee6810fed58dc2ef8ee01751ec35)]
-- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`0ff5a93`](https://github.com/eea/volto-block-style/commit/0ff5a938ef53f349dde941671079d37e91db58e0)]
 ### [4.1.2](https://github.com/eea/volto-block-style/compare/4.1.1...4.1.2) - 29 November 2022
@@ -129,4 +134,2 @@
 
-- yarn 3 [Alin Voinea - [`9505f8c`](https://github.com/eea/volto-block-style/commit/9505f8cb21b38586fbe06efd8da353861691bc98)]
-- Add Sonarqube tag using demo-kitkat-frontend addons list [EEA Jenkins - [`831f4fa`](https://github.com/eea/volto-block-style/commit/831f4fadd1b60fe47b9fd5352031fd2cc3462a3d)]
 ### [4.1.1](https://github.com/eea/volto-block-style/compare/4.1.0...4.1.1) - 16 November 2022
@@ -159,3 +162,2 @@
 - Bring this up to date [Miu Razvan - [`6d7e7a4`](https://github.com/eea/volto-block-style/commit/6d7e7a46078d858800eb894ffb1eba42bdd384e0)]
-- Add Sonarqube tag using marine-frontend addons list [EEA Jenkins - [`5529469`](https://github.com/eea/volto-block-style/commit/5529469b468e67300ba9cfca415f6b7bbf1ea0e4)]
 ### [3.7.2](https://github.com/eea/volto-block-style/compare/3.7.1...3.7.2) - 27 September 2022
@@ -176,3 +178,2 @@
 
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`928339f`](https://github.com/eea/volto-block-style/commit/928339ffd2991b24844a9ca3691523d7e692ca91)]
 ### [3.7.0](https://github.com/eea/volto-block-style/compare/3.6.3...3.7.0) - 22 September 2022
@@ -197,3 +198,2 @@
 
-- Add Sonarqube tag using circularity-frontend addons list [EEA Jenkins - [`c8977dc`](https://github.com/eea/volto-block-style/commit/c8977dc8d8f623601c763aff13c1a8df5fd1eb13)]
 ### [3.6.0](https://github.com/eea/volto-block-style/compare/3.5.18...3.6.0) - 9 June 2022
@@ -204,4 +204,2 @@
 - Release 3.6.0 [Alin Voinea - [`f0b6eb8`](https://github.com/eea/volto-block-style/commit/f0b6eb885feee2bb02fdd4daf6ee7a4747518b23)]
-- Add Sonarqube tag using clms-frontend addons list [EEA Jenkins - [`e7a6cf9`](https://github.com/eea/volto-block-style/commit/e7a6cf9ba635161d1222e2d5db4c83cb680e3ce2)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`a648e9b`](https://github.com/eea/volto-block-style/commit/a648e9b7667bc496050c02c2fcc8b4a3a0a7af1c)]
 ### [3.5.18](https://github.com/eea/volto-block-style/compare/3.5.17...3.5.18) - 3 March 2022
@@ -267,3 +265,2 @@
 
-- Add Sonarqube tag using freshwater-frontend addons list [EEA Jenkins - [`ccd5b62`](https://github.com/eea/volto-block-style/commit/ccd5b622c05a9ee3d906d6eb5df0288fa25a694b)]
 - added cy tests [Daniela Mormocea - [`ed8dc6f`](https://github.com/eea/volto-block-style/commit/ed8dc6f55f1f48cb84f6c9879eb4a728e1308639)]
@@ -298,3 +295,2 @@ ### [3.5.8](https://github.com/eea/volto-block-style/compare/3.5.7...3.5.8) - 13 December 2021
 
-- Add Sonarqube tag using industry-frontend addons list [EEA Jenkins - [`813a0f5`](https://github.com/eea/volto-block-style/commit/813a0f5a2d1f563b184475a3e6ff620a733ba5da)]
 ### [3.5.2](https://github.com/eea/volto-block-style/compare/3.5.1...3.5.2) - 29 October 2021
@@ -306,3 +302,2 @@
 
-- Add Sonarqube tag using sustainability-frontend addons list [EEA Jenkins - [`8b20d02`](https://github.com/eea/volto-block-style/commit/8b20d02f809e456af84aaea5ad74115c00e39c3e)]
 ### [3.5.0](https://github.com/eea/volto-block-style/compare/3.4.5...3.5.0) - 25 September 2021
@@ -313,3 +308,2 @@
 - Release 3.5.0 [Alin Voinea - [`0a5a98e`](https://github.com/eea/volto-block-style/commit/0a5a98e531f93470956673e50b6c71f37f59b49e)]
-- Add Sonarqube tag using ims-frontend addons list [EEA Jenkins - [`30bb3aa`](https://github.com/eea/volto-block-style/commit/30bb3aa5f49ed5264cf609d6b8f234b07b7988ca)]
 ### [3.4.5](https://github.com/eea/volto-block-style/compare/3.4.4...3.4.5) - 31 August 2021
@@ -371,6 +365,2 @@
 - Separate block wrapping; don't apply multiple times [Tiberiu Ichim - [`584e7a9`](https://github.com/eea/volto-block-style/commit/584e7a9859c7d417708f9aa78b83e94547f2f1ab)]
-- Add Sonarqube tag using frontend addons list [EEA Jenkins - [`f6737ef`](https://github.com/eea/volto-block-style/commit/f6737ef68ba906c5fb72e18c77b060aa82ed0a73)]
-- Add Sonarqube tag using frontend addons list [EEA Jenkins - [`6a4c6c1`](https://github.com/eea/volto-block-style/commit/6a4c6c16acc88471279a82a62b92555dc1ac20cc)]
-- Add Sonarqube tag using frontend addons list [EEA Jenkins - [`2101b55`](https://github.com/eea/volto-block-style/commit/2101b550588402b37cd91b5d582e27a6255d6cac)]
-- Add Sonarqube tag using frontend addons list [EEA Jenkins - [`2583c68`](https://github.com/eea/volto-block-style/commit/2583c68ea49ddbedc7b90b9d477cbbe4e2b779fd)]
 - Add hidden toggle [Tiberiu Ichim - [`3b8ed26`](https://github.com/eea/volto-block-style/commit/3b8ed26a82c31ff430301adceea1174e92464a77)]
@@ -533,3 +523,2 @@ - Add a clear button to the box size widget [Tiberiu Ichim - [`4bdf803`](https://github.com/eea/volto-block-style/commit/4bdf8030d7a4d39d3a48b56ed6c8cddc311b3ff7)]
 - Fix README screenshot path [Alin Voinea - [`81f09ec`](https://github.com/eea/volto-block-style/commit/81f09ec9d95b3a555d0bc7e0aa3ad08b4ab005db)]
-- yarn prettier [Alin Voinea - [`04f3b9a`](https://github.com/eea/volto-block-style/commit/04f3b9ae36ea8c6d99dad1f6d4cf56e81c032e1a)]
 ### [0.1.1](https://github.com/eea/volto-block-style/compare/0.1.0...0.1.1) - 22 October 2020
@@ -536,0 +525,0 @@

cypress.config.js

@@ -5,8 +5,8 @@ const { defineConfig } = require('cypress');
   viewportWidth: 1280,
-  defaultCommandTimeout: 5000,
+  defaultCommandTimeout: 8888,
   chromeWebSecurity: false,
   reporter: 'junit',
-  video: true,
+  video: false,
   retries: {
-    runMode: 1,
+    runMode: 2,
     openMode: 0,
@@ -13,0 +13,0 @@ },

package.json

 {
   "name": "@eeacms/volto-block-style",
-  "version": "5.2.6",
+  "version": "6.0.0",
   "description": "volto-block-style: Volto add-on",
@@ -5,0 +5,0 @@ "main": "src/index.js",

README.md

@@ -30,2 +30,6 @@ # volto-block-style
 
+From version 5.2.7 you can use blocks as page header by enabling 'Use as page header' from the 'Advanced' tab.
+
+![Screenshot](https://raw.githubusercontent.com/eea/volto-block-style/develop/docs/Screenshot2.png)
+
 ## Getting started
@@ -32,0 +36,0 @@

src/StyleWrapper/schema.js

@@ -51,2 +51,3 @@ import config from '@plone/volto/registry';
         fields: [
+          'useAsPageHeader',
           'theme',
@@ -168,2 +169,7 @@ 'hidden',
       },
+      useAsPageHeader: {
+        title: 'Use as page header',
+        description: 'Use this block as page header',
+        type: 'boolean',
+      },
       hidden: {
@@ -170,0 +176,0 @@ title: 'Hidden',

src/StyleWrapper/StyleWrapperView.jsx

 import React from 'react';
+import { Portal } from 'react-portal';
 import { connect } from 'react-redux';
 import cx from 'classnames';
+import { BodyClass } from '@plone/volto/helpers';
 import config from '@plone/volto/registry';
@@ -47,2 +49,13 @@ import { withCachedImages } from '@eeacms/volto-block-style/hocs';
 
+function IsomorphicPortal({ children }) {
+  const [isClient, setIsClient] = React.useState();
+  React.useEffect(() => setIsClient(true), []);
+
+  return isClient ? (
+    <Portal node={document.getElementById('page-header')}>{children}</Portal>
+  ) : (
+    children
+  );
+}
+
 export function getInlineStyles(data, props = {}) {
@@ -108,2 +121,3 @@ return {
     isScreenHeight,
+    useAsPageHeader = false,
     hidden = false,
@@ -175,4 +189,3 @@ stretch,
   const ViewComponentWrapper = style?.viewComponent;
-
-  return styled ? (
+  const StyleWrapperRendered = styled ? (
     nativeIntegration && !style_name?.includes('content-box') ? (
@@ -202,2 +215,11 @@ children
   );
+
+  return useAsPageHeader ? (
+    <React.Fragment>
+      <BodyClass className="custom-page-header" />
+      <IsomorphicPortal>{StyleWrapperRendered}</IsomorphicPortal>
+    </React.Fragment>
+  ) : (
+    StyleWrapperRendered
+  );
 };
@@ -204,0 +226,0 @@

No alert changes

Improved metrics

Lines of code

2843

increased by0.92%

Number of lines in readme file

104

increased by4%

Worsened metrics

Total package byte prevSize

151024

decreased by-1.26%

No dependency changes