@plone/volto 16.8.0 → 16.8.1

package/.changelog.draft

@@ -1,15 +1,6 @@
-## 16.8.0 (2023-01-18)
-
-### Feature
-
-- Autocomplete widget support for QueryStringWidget @sneridagh [#4177](https://github.com/plone/volto/issues/4177)
-- Enhance the StyleWrapper classNames generator by adding look around classNames depending on the sorounding previous/next blocks. @sneridagh [#4260](https://github.com/plone/volto/issues/4260)
+## 16.8.1 (2023-01-18)
 
 ### Bugfix
 
-- Fix typo in 4260 @sneridagh [#4268](https://github.com/plone/volto/issues/4268)
-
-### Documentation
-
-- Update links to docs to use correct versions. [stevepiercy] [#4256](https://github.com/plone/volto/issues/4256)
+- Fix StyleWrapper extenders, the classNames were not being re-fed into the pipe @sneridagh [#4275](https://github.com/plone/volto/issues/4275)
 

package/CHANGELOG.md

@@ -8,6 +8,13 @@
 
 <!-- towncrier release notes start -->
 
+## 16.8.1 (2023-01-18)
+
+### Bugfix
+
+- Fix StyleWrapper extenders, the classNames were not being re-fed into the pipe @sneridagh [#4275](https://github.com/plone/volto/issues/4275)
+
+
 ## 16.8.0 (2023-01-18)
 
 ### Feature

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "16.8.0",
+  "version": "16.8.1",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"

package/packages/volto-slate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plone/volto-slate",
-  "version": "16.8.0",
+  "version": "16.8.1",
   "description": "Slate.js integration with Volto",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/helpers/Blocks/Blocks.js

@@ -489,10 +489,15 @@ export const buildStyleClassNamesFromData = (obj = {}, prefix = '') => {
  * @param {Object} params An object with data, content and block (current block id)
  * @return {Array} Extender classNames resultant array
  */
-export const buildStyleClassNamesExtenders = ({ block, content, data }) => {
+export const buildStyleClassNamesExtenders = ({
+  block,
+  content,
+  data,
+  classNames,
+}) => {
   return config.settings.styleClassNameExtenders.reduce(
     (acc, extender) => extender({ block, content, data, classNames: acc }),
-    [],
+    classNames,
   );
 };
 

package/src/helpers/Blocks/Blocks.test.js

@@ -1063,9 +1063,9 @@ describe('Blocks', () => {
       };
       const block = 2;
       const data = content['blocks'][2];
-
+      const classNames = [];
       expect(
-        buildStyleClassNamesExtenders({ block, content, data }),
+        buildStyleClassNamesExtenders({ block, content, data, classNames }),
       ).toStrictEqual([
         'next--is--slate',
         'previous--is--same--block-type',
@@ -1103,9 +1103,10 @@ describe('Blocks', () => {
       };
       const block = 2;
       const data = content['blocks'][2];
+      const classNames = [];
 
       expect(
-        buildStyleClassNamesExtenders({ block, content, data }),
+        buildStyleClassNamesExtenders({ block, content, data, classNames }),
       ).toStrictEqual([
         'next--is--slate',
         'previous--is--same--block-type',
@@ -1140,9 +1141,10 @@ describe('Blocks', () => {
       };
       const block = 2;
       const data = content['blocks'][2];
+      const classNames = [];
 
       expect(
-        buildStyleClassNamesExtenders({ block, content, data }),
+        buildStyleClassNamesExtenders({ block, content, data, classNames }),
       ).toStrictEqual([
         'next--is--slate',
         'next--is--same--block-type',
@@ -1174,10 +1176,47 @@ describe('Blocks', () => {
       };
       const block = 2;
       const data = content['blocks'][2];
+      const classNames = [];
+
+      expect(
+        buildStyleClassNamesExtenders({ block, content, data, classNames }),
+      ).toStrictEqual([
+        'next--is--slate',
+        'previous--is--same--block-type',
+        'is--last--of--block-type',
+        'previous--has--same--backgroundColor',
+        'next--has--different--backgroundColor',
+      ]);
+    });
+
+    it('grid + grid + slate grey - with existing classNames list', () => {
+      const content = {
+        blocks: {
+          1: {
+            '@type': '__grid',
+          },
+          2: {
+            '@type': '__grid',
+          },
+          3: {
+            '@type': 'slate',
+            styles: {
+              backgroundColor: 'grey',
+            },
+          },
+        },
+        blocks_layout: {
+          items: [1, 2, 3],
+        },
+      };
+      const block = 2;
+      const data = content['blocks'][2];
+      const classNames = ['has--align--center'];
 
       expect(
-        buildStyleClassNamesExtenders({ block, content, data }),
+        buildStyleClassNamesExtenders({ block, content, data, classNames }),
       ).toStrictEqual([
+        'has--align--center',
         'next--is--slate',
         'previous--is--same--block-type',
         'is--last--of--block-type',