@eeacms/volto-group-block 6.2.0 → 6.2.1

package/CHANGELOG.md

@@ -4,6 +4,19 @@ 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).
 
+### [6.2.1](https://github.com/eea/volto-group-block/compare/6.2.0...6.2.1) - 18 August 2023
+
+#### :bug: Bug Fixes
+
+- fix: ignoreSpaces on char counter - refs #256525 [rexalex - [`8d1ad2c`](https://github.com/eea/volto-group-block/commit/8d1ad2cfdf972b88f02f9efc4b7ef55b1e4b3592)]
+
+#### :house: Documentation changes
+
+- docs: Cleanup Makefile, update DEVELOP documentation, i18n - refs #254894 [valentinab25 - [`94b58f7`](https://github.com/eea/volto-group-block/commit/94b58f7c0390bfcac24adbfbea61577137c91e2b)]
+
+#### :hammer_and_wrench: Others
+
+- test: increase test coverage - refs #254313 [ana-oprea - [`5facade`](https://github.com/eea/volto-group-block/commit/5facadec2f866a066ca836f8247a5e58ea44d176)]
 ### [6.2.0](https://github.com/eea/volto-group-block/compare/6.1.2...6.2.0) - 20 July 2023
 
 #### :nail_care: Enhancements
@@ -17,6 +30,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
+- chore: [JENKINS] Deprecate circularity website [valentinab25 - [`ad30e83`](https://github.com/eea/volto-group-block/commit/ad30e832bb869b67dc4e64ed99590b51cb80ab75)]
 
 #### :hammer_and_wrench: Others
 
@@ -33,12 +47,19 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`37ffae5`](https://github.com/eea/volto-group-block/commit/37ffae512967b36af22cbed208a3ec9e1ddc392b)]
 ## [6.0.0](https://github.com/eea/volto-group-block/compare/5.0.1...6.0.0) - 24 March 2023
 
 #### :hammer_and_wrench: Others
 
 - (feat): Possibility to copy/cut/paste blocks within section group block - refs #157469 [dobri1408 - [`e9fc098`](https://github.com/eea/volto-group-block/commit/e9fc09825ba2ae258feb77864491d97d94c585b4)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`db4b09a`](https://github.com/eea/volto-group-block/commit/db4b09a6c14a8b271dec0c766886ffbcc3fe205e)]
+- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`b8c2bf4`](https://github.com/eea/volto-group-block/commit/b8c2bf471868bb0394b2dbbf75ccb7917a9ef0bf)]
+- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`b343119`](https://github.com/eea/volto-group-block/commit/b3431196931fd568476fa8bf6fbc508e086229ae)]
 - test(Jenkins): Run tests and cypress with latest canary @plone/volto [Alin Voinea - [`2f42e7c`](https://github.com/eea/volto-group-block/commit/2f42e7c19a1da5a9c6a883cb4f101e8fa224ff94)]
+- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`73afcc2`](https://github.com/eea/volto-group-block/commit/73afcc2f417797cedaa78cceefb007001d6c2406)]
+- yarn 3 [Alin Voinea - [`3c00ccc`](https://github.com/eea/volto-group-block/commit/3c00ccc7110bbf12a4d268182313418fb46b1a5d)]
+- Add Sonarqube tag using demo-kitkat-frontend addons list [EEA Jenkins - [`9b9662b`](https://github.com/eea/volto-group-block/commit/9b9662bda1da70ba0c3a7b4b05cebf130ed89e9e)]
 ### [5.0.1](https://github.com/eea/volto-group-block/compare/5.0.0...5.0.1) - 16 November 2022
 
 #### :nail_care: Enhancements
@@ -55,6 +76,8 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Prepare 5.0.0 release [Miu Razvan - [`88c0ddd`](https://github.com/eea/volto-group-block/commit/88c0ddd569aeda7ee34d1eadea6a087f4e7dc257)]
 - Update dependencies [Alin Voinea - [`c8405af`](https://github.com/eea/volto-group-block/commit/c8405afb830cdf62e7877bf30b619933519e1d71)]
+- Add Sonarqube tag using marine-frontend addons list [EEA Jenkins - [`18e26c6`](https://github.com/eea/volto-group-block/commit/18e26c6939706d572ab8574e9b1826b9abc76314)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`8ed6d21`](https://github.com/eea/volto-group-block/commit/8ed6d21d8489911cc4cb471e3f8823c35f4adc50)]
 ### [4.3.8](https://github.com/eea/volto-group-block/compare/4.3.7...4.3.8) - 26 August 2022
 
 ### [4.3.7](https://github.com/eea/volto-group-block/compare/4.3.6...4.3.7) - 22 August 2022
@@ -67,6 +90,9 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
+- Add Sonarqube tag using circularity-frontend addons list [EEA Jenkins - [`4e73f8b`](https://github.com/eea/volto-group-block/commit/4e73f8be3c73559557efadc410cb56abc055d82d)]
+- Add Sonarqube tag using clms-frontend addons list [EEA Jenkins - [`3040335`](https://github.com/eea/volto-group-block/commit/3040335002c63b50208c95918413bc958150e7a9)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`386f730`](https://github.com/eea/volto-group-block/commit/386f730ed65f73fe1468b9b77351c97fb70edcc5)]
 ### [4.3.5](https://github.com/eea/volto-group-block/compare/4.3.4...4.3.5) - 4 January 2022
 
 ### [4.3.4](https://github.com/eea/volto-group-block/compare/4.3.3...4.3.4) - 3 January 2022
@@ -75,15 +101,23 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
+- Add Sonarqube tag using freshwater-frontend addons list [EEA Jenkins - [`3e62d79`](https://github.com/eea/volto-group-block/commit/3e62d79a7ed37d10d623bc845d43e1144f8080f7)]
 ### [4.3.2](https://github.com/eea/volto-group-block/compare/4.3.1...4.3.2) - 10 December 2021
 
 #### :hammer_and_wrench: Others
 
 - Refs #142010 - Optimize Volto-addons gitflow pipelines [valentinab25 - [`bc36cf5`](https://github.com/eea/volto-group-block/commit/bc36cf58c39e2b43c2fbf5189df6ddefc1260857)]
+- Add Sonarqube tag using industry-frontend addons list [EEA Jenkins - [`8038e78`](https://github.com/eea/volto-group-block/commit/8038e783c1e8ddd71e21f72070fdfa8e7e098993)]
+- Add Sonarqube tag using clms-frontend addons list [EEA Jenkins - [`daccdbc`](https://github.com/eea/volto-group-block/commit/daccdbc733e47be7d6536eb67f8f2eea038dc94b)]
 ### [4.3.1](https://github.com/eea/volto-group-block/compare/4.3.0...4.3.1) - 11 October 2021
 
 #### :hammer_and_wrench: Others
 
+- Add Sonarqube tag using bise-frontend addons list [EEA Jenkins - [`b0092e4`](https://github.com/eea/volto-group-block/commit/b0092e4f78a1a0184e22e32bb9806cd57417dfb2)]
+- Add Sonarqube tag using sustainability-frontend addons list [EEA Jenkins - [`ff8889c`](https://github.com/eea/volto-group-block/commit/ff8889cb7b0761b1df43b201984ce40b14e1561b)]
+- Add Sonarqube tag using climate-energy-frontend addons list [EEA Jenkins - [`0375c28`](https://github.com/eea/volto-group-block/commit/0375c28ed1ffe9186a4790b454795c0ca8039f72)]
+- Add Sonarqube tag using ims-frontend addons list [EEA Jenkins - [`c392190`](https://github.com/eea/volto-group-block/commit/c392190f044f5d9397bd2fb8c3d6a357f84960d0)]
+- Add Sonarqube tag using frontend addons list [EEA Jenkins - [`9694501`](https://github.com/eea/volto-group-block/commit/9694501141e6780eba89464d36406e3c93629fd8)]
 ### [4.3.0](https://github.com/eea/volto-group-block/compare/4.2.3...4.3.0) - 24 June 2021
 
 #### :hammer_and_wrench: Others
@@ -199,6 +233,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Release 1.0.0 [Alin Voinea - [`b6ef873`](https://github.com/eea/volto-group-block/commit/b6ef873cb6f61e17db66fdd4de1d9d4902a66fc6)]
 - Update package meta info [Alin Voinea - [`143b7d4`](https://github.com/eea/volto-group-block/commit/143b7d44438d7afa5e346a9d21a85352df4e925f)]
 - Add Jenkinkins pipeline [Alin Voinea - [`866a4e1`](https://github.com/eea/volto-group-block/commit/866a4e14ea1eb8f5adb01222e576e5ab6dc73a70)]
+- yarn prettier [Alin Voinea - [`e3fe0a3`](https://github.com/eea/volto-group-block/commit/e3fe0a36b89878769341b45198d6c9e2f2584d15)]
 ### [0.1.3](https://github.com/eea/volto-group-block/compare/0.1.2...0.1.3) - 9 November 2020
 
 #### :hammer_and_wrench: Others
@@ -238,4 +273,5 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Render meta block [Alin Voinea - [`0d44560`](https://github.com/eea/volto-group-block/commit/0d4456011ca56454068a54c610250b02df4ccb3b)]
 - Implement meta block allowedBlocks settings [Alin Voinea - [`f24feb1`](https://github.com/eea/volto-group-block/commit/f24feb1a1751f04841c21c7cd52a517fb02074ba)]
 - Edit meta block [Alin Voinea - [`236d291`](https://github.com/eea/volto-group-block/commit/236d29156fa835a7aa54eecdb4f120de0d64b271)]
+- yarn bootstrap [Alin Voinea - [`e009dfb`](https://github.com/eea/volto-group-block/commit/e009dfb6b9b74d101a6722f0982a5359fc522b6b)]
 - Initial commit [Alin Voinea - [`6a7b0de`](https://github.com/eea/volto-group-block/commit/6a7b0deb8f873d1462fd6a9c61edfc1562b3aace)]

package/DEVELOP.md

@@ -2,6 +2,28 @@
 
 ## Develop
 
+1. Make sure you have `docker` and `docker compose` installed and running on your machine:
+
+    ```Bash
+    git clone https://github.com/eea/volto-group-block.git
+    cd volto-group-block
+    git checkout -b bugfix-123456 develop
+    make
+    make start
+    ```
+
+1. Wait for `Volto started at 0.0.0.0:3000` meesage
+
+1. Go to http://localhost:3000
+
+1.  Happy hacking!
+
+    ```Bash
+    cd src/addons/volto-group-block/
+    ```
+
+### Or add @eeacms/volto-group-block to your Volto project
+
 Before starting make sure your development environment is properly set. See [Volto Developer Documentation](https://docs.voltocms.com/getting-started/install/)
 
 1.  Make sure you have installed `yo`, `@plone/generator-volto` and `mrs-developer`
@@ -48,3 +70,37 @@ Before starting make sure your development environment is properly set. See [Vol
 1.  Happy hacking!
 
         cd src/addons/volto-group-block/
+
+## Cypress
+
+To run cypress locally, first make sure you don't have any Volto/Plone running on ports `8080` and `3000`.
+
+You don't have to be in a `clean-volto-project`, you can be in any Volto Frontend
+project where you added `volto-group-block` to `mrs.developer.json`
+
+Go to:
+
+  ```BASH
+  cd src/addons/volto-group-block/
+  ```
+
+Start:
+
+  ```Bash
+  make
+  make start
+  ```
+
+This will build and start with Docker a clean `Plone backend` and `Volto Frontend` with `volto-group-block` block installed.
+
+Open Cypress Interface:
+
+  ```Bash
+  make cypress-open
+  ```
+
+Or run it:
+
+  ```Bash
+  make cypress-run
+  ```

package/README.md

@@ -51,6 +51,10 @@
 
 1. Make sure you have a [Plone backend](https://plone.org/download) up-and-running at http://localhost:8080/Plone
 
+   ```Bash
+   docker compose up backend
+   ```
+
 1. Start Volto frontend
 
 - If you already have a volto project, just update `package.json`:

package/docker-compose.yml

@@ -0,0 +1,28 @@
+version: "3"
+services:
+  backend:
+    image: plone/plone-backend:${PLONE_VERSION:-6}
+    ports:
+      - "8080:8080"
+    environment:
+      SITE: "Plone"
+
+  frontend: 
+    build:
+      context: ./
+      dockerfile: ./Dockerfile
+      args:
+        ADDON_NAME: "${ADDON_NAME}"
+        ADDON_PATH: "${ADDON_PATH}"
+        VOLTO_VERSION: ${VOLTO_VERSION:-16}
+    ports:
+    - "3000:3000"
+    - "3001:3001"
+    depends_on:
+      - backend
+    volumes:
+      - ./:/app/src/addons/${ADDON_PATH}
+    environment:
+      RAZZLE_INTERNAL_API_PATH: "http://backend:8080/Plone"
+      RAZZLE_DEV_PROXY_API_PATH: "http://backend:8080/Plone"
+      HOST: "0.0.0.0"

package/locales/de/LC_MESSAGES/volto.po

@@ -0,0 +1,14 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: \n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+

package/locales/it/LC_MESSAGES/volto.po

@@ -0,0 +1,14 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: \n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+

package/locales/ro/LC_MESSAGES/volto.po

@@ -0,0 +1,14 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: \n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+

package/locales/volto.pot

@@ -0,0 +1,16 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Plone\n"
+"POT-Creation-Date: 2023-06-28T10:48:22.678Z\n"
+"Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+"Language-Code: en\n"
+"Language-Name: English\n"
+"Preferred-Encodings: utf-8\n"
+"Domain: volto\n"
+
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-group-block",
-  "version": "6.2.0",
+  "version": "6.2.1",
   "description": "volto-group-block: Volto block to be used to group other blocks",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/manage/Blocks/Group/CounterComponent.jsx

@@ -8,46 +8,53 @@ import { serializeNodesToText } from '@plone/volto-slate/editor/render';
 import delightedSVG from '@plone/volto/icons/delighted.svg';
 import dissatisfiedSVG from '@plone/volto/icons/dissatisfied.svg';
 
-const CounterComponent = ({ data, setSidebarTab, setSelectedBlock }) => {
-  const { maxChars } = data;
-  let charCount = 0;
-
-  const countCharsWithoutSpaces = (paragraph) => {
-    const regex = /[^\s\\]/g;
+const countCharsWithoutSpaces = (paragraph) => {
+  const regex = /[^\s\\]/g;
+  return (paragraph.match(regex) || []).length;
+};
 
-    return (paragraph.match(regex) || []).length;
-  };
+const countCharsWithSpaces = (paragraph) => {
+  return paragraph?.length || 0;
+};
 
-  const countCharsWithSpaces = (paragraph) => {
-    return paragraph?.length || 0;
-  };
+const countTextInEachBlock = (countTextIn, ignoreSpaces, groupCharCount) => ([
+  id,
+  blockData,
+]) => {
+  const foundText =
+    blockData && countTextIn?.includes(blockData?.['@type'])
+      ? isString(blockData?.plaintext)
+        ? blockData?.plaintext
+        : isArray(blockData?.value) && blockData?.value !== null
+        ? serializeNodesToText(blockData?.value)
+        : ''
+      : '';
 
-  const countTextInBlocks = (blocksObject) => {
-    const { countTextIn } = config.blocks?.blocksConfig?.group;
-    let groupCharCount = 0;
-    if (!maxChars) {
-      return groupCharCount;
-    }
-    if (!blocksObject) return groupCharCount;
+  groupCharCount.value += ignoreSpaces
+    ? countCharsWithoutSpaces(foundText)
+    : countCharsWithSpaces(foundText);
+};
 
-    visitBlocks(blocksObject, ([id, data]) => {
-      let foundText;
-      if (data && countTextIn?.includes(data?.['@type'])) {
-        if (isString(data?.plaintext)) foundText = data?.plaintext;
-        else if (isArray(data?.value) && data?.value !== null)
-          foundText = serializeNodesToText(data?.value);
-      } else foundText = '';
+const countTextInBlocks = (blocksObject, ignoreSpaces, maxChars) => {
+  const { countTextIn } = config.blocks?.blocksConfig?.group;
+  // use obj ref to update value - if you send number it will not be updated
+  const groupCharCount = { value: 0 };
 
-      groupCharCount += data?.ignoreSpaces
-        ? countCharsWithoutSpaces(foundText)
-        : countCharsWithSpaces(foundText);
-    });
+  if (!maxChars || !blocksObject) {
+    return groupCharCount.value;
+  }
 
-    return groupCharCount;
-  };
+  visitBlocks(
+    blocksObject,
+    countTextInEachBlock(countTextIn, ignoreSpaces, groupCharCount),
+  );
 
-  charCount = countTextInBlocks(data?.data);
+  return groupCharCount.value;
+};
 
+const CounterComponent = ({ data, setSidebarTab, setSelectedBlock }) => {
+  const { maxChars, ignoreSpaces } = data;
+  const charCount = countTextInBlocks(data?.data, ignoreSpaces, maxChars);
   const counterClass =
     charCount < Math.ceil(maxChars / 1.05)
       ? 'info'

package/src/components/manage/Blocks/Group/CounterComponent.test.jsx

@@ -0,0 +1,234 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import CounterComponent from './CounterComponent';
+import '@testing-library/jest-dom/extend-expect';
+
+jest.mock('@plone/volto/registry', () => ({
+  blocks: {
+    blocksConfig: {
+      group: {
+        countTextIn: ['text'],
+      },
+    },
+  },
+}));
+
+jest.mock('@plone/volto-slate/editor/render', () => ({
+  serializeNodesToText: jest.fn((nodes) =>
+    nodes.map((node) => node.text).join(' '),
+  ),
+}));
+
+describe('CounterComponent', () => {
+  const setSidebarTab = jest.fn();
+  const setSelectedBlock = jest.fn();
+
+  it('should render info class when character count is less than 95% of maxChars', () => {
+    const { container, getByText } = render(
+      <CounterComponent
+        data={{
+          maxChars: 100,
+          data: {
+            blocks: {
+              block1: { '@type': 'text', plaintext: 'test' },
+            },
+            blocks_layout: {
+              items: ['block1'],
+            },
+          },
+        }}
+        setSidebarTab={setSidebarTab}
+        setSelectedBlock={setSelectedBlock}
+      />,
+    );
+    expect(getByText('96 characters remaining out of 100')).toBeInTheDocument();
+    expect(container.querySelector('.counter.info')).toBeInTheDocument();
+  });
+
+  it('should render warning class when character count is between 95% and 100% of maxChars', () => {
+    const { container, getByText } = render(
+      <CounterComponent
+        data={{
+          maxChars: 100,
+          data: {
+            blocks: {
+              block1: { '@type': 'text', plaintext: 'test'.repeat(24) },
+            },
+            blocks_layout: {
+              items: ['block1'],
+            },
+          },
+        }}
+        setSidebarTab={setSidebarTab}
+        setSelectedBlock={setSelectedBlock}
+      />,
+    );
+    expect(getByText('4 characters remaining out of 100')).toBeInTheDocument();
+    expect(container.querySelector('.counter.warning')).toBeInTheDocument();
+  });
+
+  it('should render warning class when character count is over the maxChars', () => {
+    const { container, getByText } = render(
+      <CounterComponent
+        data={{
+          maxChars: 100,
+          data: {
+            blocks: {
+              block1: { '@type': 'text', plaintext: 'test'.repeat(26) },
+            },
+            blocks_layout: {
+              items: ['block1'],
+            },
+          },
+        }}
+        setSidebarTab={setSidebarTab}
+        setSelectedBlock={setSelectedBlock}
+      />,
+    );
+    expect(getByText('4 characters over the limit')).toBeInTheDocument();
+    expect(container.querySelector('.counter.danger')).toBeInTheDocument();
+  });
+
+  it('should handle click event', () => {
+    const { container } = render(
+      <CounterComponent
+        data={{
+          maxChars: 100,
+          data: {
+            blocks: {
+              block1: {
+                '@type': 'text',
+                plaintext: 'test'.repeat(24),
+                ignoreSpaces: true,
+              },
+            },
+            blocks_layout: {
+              items: ['block1'],
+            },
+          },
+        }}
+        setSidebarTab={setSidebarTab}
+        setSelectedBlock={setSelectedBlock}
+      />,
+    );
+    container.querySelector('.counter').click();
+    expect(setSidebarTab).toHaveBeenCalledWith(1);
+    expect(setSelectedBlock).toHaveBeenCalled();
+  });
+
+  it('should handle click event with maxChar undefined', () => {
+    const { container } = render(
+      <CounterComponent
+        data={{
+          maxChars: undefined,
+          data: undefined,
+        }}
+        setSidebarTab={setSidebarTab}
+        setSelectedBlock={setSelectedBlock}
+      />,
+    );
+    container.querySelector('.counter').click();
+    expect(setSidebarTab).toHaveBeenCalledWith(1);
+    expect(setSelectedBlock).toHaveBeenCalled();
+  });
+
+  it('should handle click event with data undefined', () => {
+    const { container } = render(
+      <CounterComponent
+        data={{
+          maxChars: 100,
+          data: undefined,
+        }}
+        setSidebarTab={setSidebarTab}
+        setSelectedBlock={setSelectedBlock}
+      />,
+    );
+    container.querySelector('.counter').click();
+    expect(setSidebarTab).toHaveBeenCalledWith(1);
+    expect(setSelectedBlock).toHaveBeenCalled();
+  });
+
+  it('should handle click event with plaintext undefined, but values present', () => {
+    const { container } = render(
+      <CounterComponent
+        data={{
+          maxChars: 100,
+          data: {
+            blocks: {
+              block1: {
+                '@type': 'text',
+                plaintext: undefined,
+                value: [
+                  { text: 'test' },
+                  { children: [{ text: 'more text' }] },
+                ],
+              },
+            },
+            blocks_layout: {
+              items: ['block1'],
+            },
+          },
+        }}
+        setSidebarTab={setSidebarTab}
+        setSelectedBlock={setSelectedBlock}
+      />,
+    );
+    container.querySelector('.counter').click();
+    expect(setSidebarTab).toHaveBeenCalledWith(1);
+    expect(setSelectedBlock).toHaveBeenCalled();
+  });
+
+  it('should handle click event with plaintext undefined and values is not an array and the type is in countTextIn', () => {
+    const { container } = render(
+      <CounterComponent
+        data={{
+          maxChars: 100,
+          data: {
+            blocks: {
+              block1: {
+                '@type': 'text',
+                plaintext: undefined,
+                value: {},
+              },
+            },
+            blocks_layout: {
+              items: ['block1'],
+            },
+          },
+        }}
+        setSidebarTab={setSidebarTab}
+        setSelectedBlock={setSelectedBlock}
+      />,
+    );
+    container.querySelector('.counter').click();
+    expect(setSidebarTab).toHaveBeenCalledWith(1);
+    expect(setSelectedBlock).toHaveBeenCalled();
+  });
+
+  it('should handle click event with plaintext undefined and values is not an array and the type is not in countTextIn', () => {
+    const { container } = render(
+      <CounterComponent
+        data={{
+          maxChars: 100,
+          data: {
+            blocks: {
+              block1: {
+                '@type': 'test',
+                plaintext: undefined,
+                value: {},
+              },
+            },
+            blocks_layout: {
+              items: ['block1'],
+            },
+          },
+        }}
+        setSidebarTab={setSidebarTab}
+        setSelectedBlock={setSelectedBlock}
+      />,
+    );
+    container.querySelector('.counter').click();
+    expect(setSidebarTab).toHaveBeenCalledWith(1);
+    expect(setSelectedBlock).toHaveBeenCalled();
+  });
+});

package/src/components/manage/Blocks/Group/Edit.test.jsx

@@ -76,4 +76,111 @@ describe('Edit', () => {
     );
     fireEvent.keyDown(getByRole('presentation'), { key: 'ArrowUp', code: 38 });
   });
+
+  it('should call ArrowUp keydown', () => {
+    const props = {
+      block: 'testBlock',
+      data: {
+        instructions: 'test',
+        data: {
+          blocks: {
+            block1: {
+              type: 'test',
+              data: {
+                value: 'Test',
+              },
+            },
+          },
+          blocks_layout: {
+            items: [undefined],
+          },
+        },
+      },
+      onChangeBlock,
+      onChangeField,
+      pathname: '/',
+      selected: true,
+      manage: true,
+    };
+    const mockOnFocusPreviousBlock = jest.fn();
+    const mockOnFocusNextBlock = jest.fn();
+    const mockOnAddBlock = jest.fn();
+    const mockSidebarTab = jest.fn();
+
+    const { container } = render(
+      <Provider store={store}>
+        <Edit
+          {...props}
+          onFocusPreviousBlock={mockOnFocusPreviousBlock}
+          onFocusNextBlock={mockOnFocusNextBlock}
+          onAddBlock={mockOnAddBlock}
+          blockNode={mockBlockNode}
+          setSidebarTab={mockSidebarTab}
+        />
+      </Provider>,
+    );
+
+    fireEvent.keyDown(container.querySelector('.section-block'), {
+      key: 'ArrowUp',
+      code: 38,
+    });
+    fireEvent.keyDown(container.querySelector('.section-block'), {
+      key: 'ArrowDown',
+      code: 40,
+    });
+    fireEvent.keyDown(container.querySelector('.section-block'), {
+      key: 'Enter',
+      code: 13,
+    });
+
+    fireEvent.click(container.querySelector('.blocks-form'), {
+      shiftKey: true,
+    });
+    fireEvent.click(container.querySelector('.section-block legend'));
+  });
+
+  it('should call ArrowUp keydown', () => {
+    const props = {
+      block: 'testBlock',
+      data: {
+        instructions: 'test',
+        data: {
+          blocks: {
+            block1: {
+              type: 'test',
+              data: {
+                value: 'Test',
+              },
+            },
+          },
+          blocks_layout: {
+            items: [undefined],
+          },
+        },
+      },
+      onChangeBlock,
+      onChangeField,
+      pathname: '/',
+      selected: true,
+      manage: true,
+    };
+    const mockOnFocusPreviousBlock = jest.fn();
+    const mockOnFocusNextBlock = jest.fn();
+    const mockOnAddBlock = jest.fn();
+    const mockSidebarTab = jest.fn();
+    const { container } = render(
+      <Provider store={store}>
+        <Edit
+          {...props}
+          onFocusPreviousBlock={mockOnFocusPreviousBlock}
+          onFocusNextBlock={mockOnFocusNextBlock}
+          onAddBlock={mockOnAddBlock}
+          setSidebarTab={mockSidebarTab}
+          blockNode={mockBlockNode}
+        />
+      </Provider>,
+    );
+
+    fireEvent.click(container.querySelector('.section-block legend'));
+  });
 });

package/src/index.test.js

@@ -0,0 +1,101 @@
+import applyConfig from './index';
+
+describe('applyConfig', () => {
+  it('should add group block configuration', () => {
+    const config = {
+      blocks: {
+        blocksConfig: {
+          text: { title: 'Text', restricted: false },
+          image: { title: 'Image', restricted: true },
+        },
+      },
+    };
+
+    const newConfig = applyConfig(config);
+
+    expect(newConfig.blocks.blocksConfig.group).toBeDefined();
+    expect(newConfig.blocks.blocksConfig.group.id).toEqual('group');
+    expect(newConfig.blocks.blocksConfig.group.title).toEqual(
+      'Section (Group)',
+    );
+    expect(newConfig.blocks.blocksConfig.group.icon).toBeDefined();
+    expect(newConfig.blocks.blocksConfig.group.view).toBeDefined();
+    expect(newConfig.blocks.blocksConfig.group.edit).toBeDefined();
+    expect(newConfig.blocks.blocksConfig.group.schema).toBeDefined();
+    expect(newConfig.blocks.blocksConfig.group.restricted).toEqual(false);
+  });
+
+  it('should include allowed blocks in schema', () => {
+    const config = {
+      blocks: {
+        blocksConfig: {
+          text: { title: 'Text', restricted: false },
+          image: { restricted: false },
+          image_test: { title: 'Image', restricted: true },
+        },
+      },
+    };
+
+    const newConfig = applyConfig(config);
+
+    expect(
+      newConfig.blocks.blocksConfig.group.schema.properties.allowedBlocks.items
+        .choices,
+    ).toEqual([
+      ['text', 'Text'],
+      ['image', 'image'],
+      ['group', 'Group'],
+    ]);
+  });
+
+  it('should generate tocEntries correctly', () => {
+    const config = {
+      blocks: {
+        blocksConfig: {},
+      },
+    };
+
+    const block = {
+      data: {
+        blocks: {
+          block1: { value: [{ type: 'h1' }], plaintext: 'Heading 1' },
+          block2: { value: [{ type: 'h2' }], plaintext: 'Heading 2' },
+          block3: { value: [{ type: 'h3' }], plaintext: 'Heading 3' }, // This should be ignored
+        },
+        blocks_layout: {
+          items: ['block1', 'block2', 'block3'],
+        },
+      },
+    };
+    const tocData = {
+      levels: ['h1', 'h2'],
+    };
+    const newConfig = applyConfig(config);
+    const entries = newConfig.blocks.blocksConfig.group.tocEntries(
+      block,
+      tocData,
+    );
+    expect(entries).toEqual([
+      [1, 'Heading 1', 'block1'],
+      [2, 'Heading 2', 'block2'],
+    ]);
+  });
+
+  it('should generate no entries', () => {
+    const config = {
+      blocks: {
+        blocksConfig: {},
+      },
+    };
+    const block = undefined;
+    const tocData = {
+      levels: undefined,
+    };
+    const newConfig = applyConfig(config);
+    const entries = newConfig.blocks.blocksConfig.group.tocEntries(
+      block,
+      tocData,
+    );
+    expect(entries).toEqual([]);
+  });
+});

package/.i18n.babel.config.js

@@ -1 +0,0 @@
-module.exports = require('@plone/volto/babel');