From 7c65445ab8208b963fc12536bb4162c3109d7933 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Cl=C3=ADmaco?= <andre.climaco@gmail.com>
Date: Thu, 27 Jul 2023 18:18:06 -0300
Subject: [PATCH 01/12] Add i18n support and pt_BR translation

---
 locales/pt_BR/LC_MESSAGES/volto.po    | 284 +++++++++++++++++++++++++
 locales/volto.pot                     | 287 ++++++++++++++++++++++++++
 src/BlockStyleWrapper/index.js        |   4 +-
 src/Blocks/StretchBlock.jsx           |   6 +-
 src/StyleWrapper/StyleWrapperEdit.jsx |   2 +-
 src/StyleWrapper/index.js             |   4 +-
 src/StyleWrapper/schema.js            | 247 ++++++++++++++++++----
 src/Widgets/QuadSize.jsx              |  17 +-
 8 files changed, 802 insertions(+), 49 deletions(-)
 create mode 100644 locales/pt_BR/LC_MESSAGES/volto.po

diff --git a/locales/pt_BR/LC_MESSAGES/volto.po b/locales/pt_BR/LC_MESSAGES/volto.po
new file mode 100644
index 0000000..7aaefc8
--- /dev/null
+++ b/locales/pt_BR/LC_MESSAGES/volto.po
@@ -0,0 +1,284 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: André Clímaco <andre.climaco@gmail.com>\n"
+"Language-Team: \n"
+"Language: pt_BR\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: \n"
+"X-Generator: Poedit 3.0.1\n"
+
+# defaultMessage: Center
+#: Widgets/Align Widgets/TextAlign
+msgid "Center"
+msgstr "Centro"
+
+# defaultMessage: Clear selection
+#: Widgets/TextAlign
+msgid "Clear selection"
+msgstr "Limpar seleção"
+
+# defaultMessage: Fit
+#: Blocks/StretchBlock
+msgid "Fit"
+msgstr ""
+
+# defaultMessage: Full
+#: Widgets/Align
+msgid "Full"
+msgstr "Completo"
+
+# defaultMessage: Justify
+#: Widgets/TextAlign
+msgid "Justify"
+msgstr "Justificado"
+
+# defaultMessage: Left
+#: Widgets/Align Widgets/TextAlign
+msgid "Left"
+msgstr "Esquerda"
+
+# defaultMessage: Narrow
+#: Widgets/Align
+msgid "Narrow"
+msgstr "Estreito"
+
+# defaultMessage: None
+#: Widgets/Align
+msgid "None"
+msgstr ""
+
+# defaultMessage: Right
+#: Widgets/Align Widgets/TextAlign
+msgid "Right"
+msgstr "Direita"
+
+# defaultMessage: Stretch
+#: Blocks/StretchBlock
+msgid "Stretch"
+msgstr "Esticar"
+
+# defaultMessage: Wide
+#: Widgets/Align
+msgid "Wide"
+msgstr "Largo"
+
+# defaultMessage: Stretch block to the edges
+#: Blocks/StretchBlock
+msgid "btn-stretch"
+msgstr "Estique o bloco até as bordas"
+
+# defaultMessage: Customize
+#: Widgets/QuadSize
+msgid "field-customize"
+msgstr "Customizar"
+
+# defaultMessage: Size
+#: Widgets/QuadSize
+msgid "field-size"
+msgstr "Tamanho"
+
+# defaultMessage: Advanced
+#: StyleWrapper/schema
+msgid "fieldsets-advanced"
+msgstr "Avançado"
+
+# defaultMessage: Decorations
+#: StyleWrapper/schema
+msgid "fieldsets-decorations"
+msgstr "Decorações"
+
+# defaultMessage: Default
+#: StyleWrapper/schema
+msgid "fieldsets-default"
+msgstr "Padrão"
+
+# defaultMessage: Layout
+#: StyleWrapper/schema
+msgid "fieldsets-layout"
+msgstr "Disposição"
+
+# defaultMessage: Preset styles
+#: StyleWrapper/schema
+msgid "fieldsets-presets"
+msgstr "Estilos predefinidos"
+
+# defaultMessage: Standard
+#: StyleWrapper/schema
+msgid "fieldsets-standard"
+msgstr "Padrões"
+
+# defaultMessage: Align
+#: StyleWrapper/schema
+msgid "properties-align"
+msgstr "Alinhar"
+
+# defaultMessage: Background color
+#: StyleWrapper/schema
+msgid "properties-background-color"
+msgstr "Cor de fundo"
+
+# defaultMessage: Background image
+#: StyleWrapper/schema
+msgid "properties-background-image"
+msgstr "Imagem de fundo"
+
+# defaultMessage: Rounded Corner
+#: StyleWrapper/schema
+msgid "properties-border-radius"
+msgstr "Raio da borda"
+
+# defaultMessage: Pushes selected block under floated content
+#: StyleWrapper/schema
+msgid "properties-clear-description"
+msgstr "Empurra o bloco selecionado sob o conteúdo flutuante"
+
+# defaultMessage: Clear floats
+#: StyleWrapper/schema
+msgid "properties-clear-title"
+msgstr "Flutuadores transparentes"
+
+# defaultMessage: A custom CSS class, applicable just to this block
+#: StyleWrapper/schema
+msgid "properties-custom-class-description"
+msgstr "Uma classe CSS personalizada, aplicável apenas a este bloco"
+
+# defaultMessage: Custom CSS Class
+#: StyleWrapper/schema
+msgid "properties-custom-class-title"
+msgstr "Classe CSS personalizada"
+
+# defaultMessage: A custom id, applicable just to this block
+#: StyleWrapper/schema
+msgid "properties-custom-id-description"
+msgstr "Um ID personalizado, aplicável apenas a este bloco"
+
+# defaultMessage: Custom Id
+#: StyleWrapper/schema
+msgid "properties-custom-id-title"
+msgstr "ID personalizado"
+
+# defaultMessage: Relative to normal size of text in the block
+#: StyleWrapper/schema
+msgid "properties-font-size-description"
+msgstr "Relativo ao tamanho normal do texto no bloco"
+
+# defaultMessage: Font size
+#: StyleWrapper/schema
+msgid "properties-font-size-title"
+msgstr "Tamanho da fonte"
+
+# defaultMessage: The weight (or boldness) of the font
+#: StyleWrapper/schema
+msgid "properties-font-weight-description"
+msgstr "O peso da fonte"
+
+# defaultMessage: Font weight
+#: StyleWrapper/schema
+msgid "properties-font-weight-title"
+msgstr "Espessura da fonte"
+
+# defaultMessage: Element height, expressed as CSS dimension
+#: StyleWrapper/schema
+msgid "properties-height-description"
+msgstr "Altura do elemento, expressa como dimensão CSS"
+
+# defaultMessage: Element height
+#: StyleWrapper/schema
+msgid "properties-height-title"
+msgstr "Altura do elemento"
+
+# defaultMessage: Hide this bloc
+#: StyleWrapper/schema
+msgid "properties-hidden-description"
+msgstr "Ocultar este bloco"
+
+# defaultMessage: Hidden
+#: StyleWrapper/schema
+msgid "properties-hidden-title"
+msgstr "Ocultar"
+
+# defaultMessage: First letter is styled as a drop cop
+#: StyleWrapper/schema
+msgid "properties-is-drop-cap-description"
+msgstr "A primeira letra é estilizada como destaque"
+
+# defaultMessage: Drop cap
+#: StyleWrapper/schema
+msgid "properties-is-drop-cap-title"
+msgstr "Capitular"
+
+# defaultMessage: Maximize block to viewport height
+#: StyleWrapper/schema
+msgid "properties-is-screen-height-description"
+msgstr "Maximizar o bloco para a altura da janela de visualização"
+
+# defaultMessage: Screen height
+#: StyleWrapper/schema
+msgid "properties-is-screen-height-title"
+msgstr "Altura da tela"
+
+# defaultMessage: Margin
+#: StyleWrapper/schema
+msgid "properties-margin"
+msgstr "Margem"
+
+# defaultMessage: Padding
+#: StyleWrapper/schema
+msgid "properties-padding"
+msgstr "Espaçamento"
+
+# defaultMessage: Shadow color
+#: StyleWrapper/schema
+msgid "properties-shadow-color"
+msgstr "Cor da sombra"
+
+# defaultMessage: Shadow depth
+#: StyleWrapper/schema
+msgid "properties-shadow-depth"
+msgstr "Profundidade da sombra"
+
+# defaultMessage: Box size
+#: StyleWrapper/schema
+msgid "properties-size"
+msgstr "Tamanho"
+
+# defaultMessage: Stretch
+#: StyleWrapper/schema
+msgid "properties-stretch"
+msgstr "Esticar"
+
+# defaultMessage: Style
+#: StyleWrapper/schema
+msgid "properties-style-name"
+msgstr "Estilo"
+
+# defaultMessage: Text align
+#: StyleWrapper/schema
+msgid "properties-text-align"
+msgstr "Alinhamento de texto"
+
+# defaultMessage: Text color
+#: StyleWrapper/schema
+msgid "properties-text-color"
+msgstr "Cor do texto"
+
+# defaultMessage: A predefined theme, applicable just to this block
+#: StyleWrapper/schema
+msgid "properties-theme-description"
+msgstr "Um tema predefinido, aplicável apenas a este bloco"
+
+# defaultMessage: Theme
+#: StyleWrapper/schema
+msgid "properties-theme-title"
+msgstr "Tema"
+
+# defaultMessage: Styles
+#: StyleWrapper/schema
+msgid "styles-block"
+msgstr "Estilos"
diff --git a/locales/volto.pot b/locales/volto.pot
index e69de29..0979b1a 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -0,0 +1,287 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Plone\n"
+"POT-Creation-Date: 2023-07-27T21:08:52.309Z\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"
+
+#: Widgets/Align
+#: Widgets/TextAlign
+# defaultMessage: Center
+msgid "Center"
+msgstr ""
+
+#: Widgets/TextAlign
+# defaultMessage: Clear selection
+msgid "Clear selection"
+msgstr ""
+
+#: Blocks/StretchBlock
+# defaultMessage: Fit
+msgid "Fit"
+msgstr ""
+
+#: Widgets/Align
+# defaultMessage: Full
+msgid "Full"
+msgstr ""
+
+#: Widgets/TextAlign
+# defaultMessage: Justify
+msgid "Justify"
+msgstr ""
+
+#: Widgets/Align
+#: Widgets/TextAlign
+# defaultMessage: Left
+msgid "Left"
+msgstr ""
+
+#: Widgets/Align
+# defaultMessage: Narrow
+msgid "Narrow"
+msgstr ""
+
+#: Widgets/Align
+# defaultMessage: None
+msgid "None"
+msgstr ""
+
+#: Widgets/Align
+#: Widgets/TextAlign
+# defaultMessage: Right
+msgid "Right"
+msgstr ""
+
+#: Blocks/StretchBlock
+# defaultMessage: Stretch
+msgid "Stretch"
+msgstr ""
+
+#: Widgets/Align
+# defaultMessage: Wide
+msgid "Wide"
+msgstr ""
+
+#: Blocks/StretchBlock
+# defaultMessage: Stretch block to the edges
+msgid "btn-stretch"
+msgstr ""
+
+#: Widgets/QuadSize
+# defaultMessage: Customize
+msgid "field-customize"
+msgstr ""
+
+#: Widgets/QuadSize
+# defaultMessage: Size
+msgid "field-size"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Advanced
+msgid "fieldsets-advanced"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Decorations
+msgid "fieldsets-decorations"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Default
+msgid "fieldsets-default"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Layout
+msgid "fieldsets-layout"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Preset styles
+msgid "fieldsets-presets"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Standard
+msgid "fieldsets-standard"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Align
+msgid "properties-align"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Background color
+msgid "properties-background-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Background image
+msgid "properties-background-image"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Rounded Corner
+msgid "properties-border-radius"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Pushes selected block under floated content
+msgid "properties-clear-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Clear floats
+msgid "properties-clear-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A custom CSS class, applicable just to this block
+msgid "properties-custom-class-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Custom CSS Class
+msgid "properties-custom-class-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A custom id, applicable just to this block
+msgid "properties-custom-id-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Custom Id
+msgid "properties-custom-id-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Relative to normal size of text in the block
+msgid "properties-font-size-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Font size
+msgid "properties-font-size-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: The weight (or boldness) of the font
+msgid "properties-font-weight-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Font weight
+msgid "properties-font-weight-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Element height, expressed as CSS dimension
+msgid "properties-height-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Element height
+msgid "properties-height-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Hide this bloc
+msgid "properties-hidden-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Hidden
+msgid "properties-hidden-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: First letter is styled as a drop cop
+msgid "properties-is-drop-cap-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Drop cap
+msgid "properties-is-drop-cap-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Maximize block to viewport height
+msgid "properties-is-screen-height-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Screen height
+msgid "properties-is-screen-height-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Margin
+msgid "properties-margin"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Padding
+msgid "properties-padding"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Shadow color
+msgid "properties-shadow-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Shadow depth
+msgid "properties-shadow-depth"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Box size
+msgid "properties-size"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Stretch
+msgid "properties-stretch"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Style
+msgid "properties-style-name"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Text align
+msgid "properties-text-align"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Text color
+msgid "properties-text-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A predefined theme, applicable just to this block
+msgid "properties-theme-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Theme
+msgid "properties-theme-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Styles
+msgid "styles-block"
+msgstr ""
diff --git a/src/BlockStyleWrapper/index.js b/src/BlockStyleWrapper/index.js
index d711e7b..05b8523 100644
--- a/src/BlockStyleWrapper/index.js
+++ b/src/BlockStyleWrapper/index.js
@@ -1,2 +1,2 @@
-export BlockStyleWrapperEdit from './BlockStyleWrapperEdit';
-export BlockStyleWrapperView from './BlockStyleWrapperView';
+export {default as BlockStyleWrapperEdit} from './BlockStyleWrapperEdit';
+export {default as BlockStyleWrapperView} from './BlockStyleWrapperView';
diff --git a/src/Blocks/StretchBlock.jsx b/src/Blocks/StretchBlock.jsx
index 784a173..5d1ca9d 100644
--- a/src/Blocks/StretchBlock.jsx
+++ b/src/Blocks/StretchBlock.jsx
@@ -14,6 +14,10 @@ const messages = defineMessages({
     id: 'Stretch',
     defaultMessage: 'Stretch',
   },
+  btnStretch: {
+    id: 'btn-stretch',
+    defaultMessage: 'Stretch block to the edges'
+  }
 });
 
 const StretchBlock = ({ stretch, onChangeBlock, data, intl, block }) => {
@@ -48,7 +52,7 @@ const StretchBlock = ({ stretch, onChangeBlock, data, intl, block }) => {
         <Button
           icon
           basic
-          title={'Stretch block to the edges'}
+          title={intl.formatMessage(messages.btnStretch)}
           aria-label={intl.formatMessage(messages.stretch)}
           onClick={() => onStretchBlock('stretch')}
           active={data.stretch === 'stretch'}
diff --git a/src/StyleWrapper/StyleWrapperEdit.jsx b/src/StyleWrapper/StyleWrapperEdit.jsx
index 3f6e555..39c15a4 100644
--- a/src/StyleWrapper/StyleWrapperEdit.jsx
+++ b/src/StyleWrapper/StyleWrapperEdit.jsx
@@ -18,7 +18,7 @@ const StyleWrapperEdit = (props) => {
     setIsVisible,
   } = props;
 
-  const schema = React.useMemo(() => StyleSchema(), []);
+  const schema = React.useMemo(() => StyleSchema(props), [props]);
 
   const closeSidebar = React.useCallback(
     (e) => {
diff --git a/src/StyleWrapper/index.js b/src/StyleWrapper/index.js
index df009b4..2380a30 100644
--- a/src/StyleWrapper/index.js
+++ b/src/StyleWrapper/index.js
@@ -1,2 +1,2 @@
-export StyleWrapperEdit from './StyleWrapperEdit';
-export StyleWrapperView from './StyleWrapperView';
+export {default as StyleWrapperEdit} from './StyleWrapperEdit';
+export {default as StyleWrapperView} from './StyleWrapperView';
diff --git a/src/StyleWrapper/schema.js b/src/StyleWrapper/schema.js
index ff80a91..09c5d4c 100644
--- a/src/StyleWrapper/schema.js
+++ b/src/StyleWrapper/schema.js
@@ -1,22 +1,187 @@
+import { defineMessages } from 'react-intl';
 import config from '@plone/volto/registry';
 
-export const StyleSchema = () => {
+const messages = defineMessages({
+  stylesBlock: {
+    id: 'styles-block',
+    defaultMessage: 'Styles',
+  },
+  default: {
+    id: 'fieldsets-default',
+    defaultMessage: 'Default',
+  },
+  presets: {
+    id: 'fieldsets-presets',
+    defaultMessage: 'Preset styles',
+  },
+  standard: {
+    id: 'fieldsets-standard',
+    defaultMessage: 'Standard',
+  },
+  decorations: {
+    id: 'fieldsets-decorations',
+    defaultMessage: 'Decorations',
+  },
+  layout: {
+    id: 'fieldsets-layout',
+    defaultMessage: 'Layout',
+  },
+  advanced: {
+    id: 'fieldsets-advanced',
+    defaultMessage: 'Advanced',
+  },
+  pThemeTitle: {
+    id: 'properties-theme-title',
+    defaultMessage: 'Theme',
+  },
+  pThemeDescription: {
+    id: 'properties-theme-description',
+    defaultMessage: 'A predefined theme, applicable just to this block',
+  },
+  pStyleName: {
+    id: 'properties-style-name',
+    defaultMessage: 'Style',
+  },
+  pTextAlign: {
+    id: 'properties-text-align',
+    defaultMessage: 'Text align',
+  },
+  pAlign: {
+    id: 'properties-align',
+    defaultMessage: 'Align',
+  },
+  pStretch: {
+    id: 'properties-stretch',
+    defaultMessage: 'Stretch',
+  },
+  pFontSizeTitle: {
+    id: 'properties-font-size-title',
+    defaultMessage: 'Font size',
+  },
+  pFontSizeDescription: {
+    id: 'properties-font-size-description',
+    defaultMessage: 'Relative to normal size of text in the block',
+  },
+  pFontWeightTitle: {
+    id: 'properties-font-weight-title',
+    defaultMessage: 'Font weight',
+  },
+  pFontWeightDescription: {
+    id: 'properties-font-weight-description',
+    defaultMessage: 'The weight (or boldness) of the font',
+  },
+  pMargin: {
+    id: 'properties-margin',
+    defaultMessage: 'Margin',
+  },
+  pPadding: {
+    id: 'properties-padding',
+    defaultMessage: 'Padding',
+  },
+  pSize: {
+    id: 'properties-size',
+    defaultMessage: 'Box size',
+  },
+  pHeightTitle: {
+    id: 'properties-height-title',
+    defaultMessage: 'Element height',
+  },
+  pHeightDescription: {
+    id: 'properties-height-description',
+    defaultMessage: 'Element height, expressed as CSS dimension',
+  },
+  pIsScreenHeightTitle :{
+    id: 'properties-is-screen-height-title',
+    defaultMessage: 'Screen height',
+  },
+  pIsScreenHeightDescription :{
+    id: 'properties-is-screen-height-description',
+    defaultMessage: 'Maximize block to viewport height',
+  },
+  pBackgroundImage: {
+    id: 'properties-background-image',
+    defaultMessage: 'Background image',
+  },
+  pBackgroundColor: {
+    id: 'properties-background-color',
+    defaultMessage: 'Background color',
+  },
+  pTextColor: {
+    id: 'properties-text-color',
+    defaultMessage: 'Text color',
+  },
+  pCustomClassTitle: {
+    id: 'properties-custom-class-title',
+    defaultMessage: 'Custom CSS Class',
+  },
+  pCustomClassDescription: {
+    id: 'properties-custom-class-description',
+    defaultMessage: 'A custom CSS class, applicable just to this block',
+  },
+  pCustomIdTitle: {
+    id: 'properties-custom-id-title',
+    defaultMessage: 'Custom Id',
+  },
+  pCustomIdDescription: {
+    id: 'properties-custom-id-description',
+    defaultMessage: 'A custom id, applicable just to this block',
+  },
+  pIsDropCapTitle: {
+    id: 'properties-is-drop-cap-title',
+    defaultMessage: 'Drop cap',
+  },
+  pIsDropCapDescription: {
+    id: 'properties-is-drop-cap-description',
+    defaultMessage: 'First letter is styled as a drop cop',
+  },
+  pHiddenTitle: {
+    id: 'properties-hidden-title',
+    defaultMessage: 'Hidden',
+  },
+  pHiddenDescription: {
+    id: 'properties-hidden-description',
+    defaultMessage: 'Hide this bloc',
+  },
+  pShadowDepth: {
+    id: 'properties-shadow-depth',
+    defaultMessage: 'Shadow depth',
+  },
+  pShadowColor: {
+    id: 'properties-shadow-color',
+    defaultMessage: 'Shadow color',
+  },
+  pBorderRadius: {
+    id: 'properties-border-radius',
+    defaultMessage: 'Rounded Corner',
+  },
+  pClearTitle: {
+    id: 'properties-clear-title',
+    defaultMessage: 'Clear floats',
+  },
+  pClearDescription: {
+    id: 'properties-clear-description',
+    defaultMessage: 'Pushes selected block under floated content',
+  },
+});
+
+export const StyleSchema = (props) => {
+  const { intl } = props;
   return {
-    title: 'Styles',
+    title: intl.formatMessage(messages.stylesBlock),
     fieldsets: [
       {
         id: 'default',
-        title: 'Default',
+        title: intl.formatMessage(messages.default),
         fields: [],
       },
       {
         id: 'presets',
-        title: 'Preset styles',
+        title: intl.formatMessage(messages.presets),
         fields: ['style_name'],
       },
       {
         id: 'standard',
-        title: 'Standard',
+        title: intl.formatMessage(messages.standard),
         fields: [
           'textAlign',
           'fontSize',
@@ -29,7 +194,7 @@ export const StyleSchema = () => {
       },
       {
         id: 'decorations',
-        title: 'Decorations',
+        title: intl.formatMessage(messages.decorations),
         fields: [
           'backgroundImage',
           'backgroundColor',
@@ -41,12 +206,12 @@ export const StyleSchema = () => {
       },
       {
         id: 'layout',
-        title: 'Layout',
+        title: intl.formatMessage(messages.layout),
         fields: ['margin', 'padding', 'size', 'align', 'stretch'], // todo: width, conflicts with size
       },
       {
         id: 'advanced',
-        title: 'Advanced',
+        title: intl.formatMessage(messages.advanced),
         fields: [
           'theme',
           'hidden',
@@ -60,8 +225,8 @@ export const StyleSchema = () => {
     ],
     properties: {
       theme: {
-        title: 'Theme',
-        description: 'A predefined theme, applicable just to this block',
+        title: intl.formatMessage(messages.pThemeTitle),
+        description: intl.formatMessage(messages.pThemeDescription),
         widget: 'theme_picker',
         colors: [
           ...(config.settings && config.settings.themeColors
@@ -73,24 +238,24 @@ export const StyleSchema = () => {
         ],
       },
       style_name: {
-        title: 'Style',
+        title: intl.formatMessage(messages.pStyleName),
         widget: 'style_select',
       },
       textAlign: {
-        title: 'Text align',
+        title: intl.formatMessage(messages.pTextAlign),
         widget: 'style_text_align',
       },
       align: {
-        title: 'Align',
+        title: intl.formatMessage(messages.pAlign),
         widget: 'style_align',
       },
       stretch: {
-        title: 'Stretch',
+        title: intl.formatMessage(messages.pStretch),
         widget: 'style_stretch',
       },
       fontSize: {
-        title: 'Font size',
-        description: 'Relative to normal size of text in the block',
+        title: intl.formatMessage(messages.pFontSizeTitle),
+        description: intl.formatMessage(messages.pFontSizeDescription),
         choices: [
           ['xx-small', 'xx-small'],
           ['x-small', 'x-small'],
@@ -103,8 +268,8 @@ export const StyleSchema = () => {
         ],
       },
       fontWeight: {
-        title: 'Font weight',
-        description: 'The weight (or boldness) of the font',
+        title: intl.formatMessage(messages.pFontWeightTitle),
+        description: intl.formatMessage(messages.pFontWeightDescription),
         choices: [
           ['300', 'Light'],
           ['400', 'Regular'],
@@ -114,64 +279,64 @@ export const StyleSchema = () => {
         ],
       },
       margin: {
-        title: 'Margin',
+        title: intl.formatMessage(messages.pMargin),
         widget: 'quad_size',
       },
       padding: {
-        title: 'Padding',
+        title: intl.formatMessage(messages.pPadding),
         widget: 'quad_size',
       },
       size: {
-        title: 'Box size',
+        title: intl.formatMessage(messages.pSize),
         widget: 'style_size',
       },
       height: {
-        title: 'Element height',
+        title: intl.formatMessage(messages.pHeightTitle),
         widget: 'text',
-        description: 'Element height, expressed as CSS dimension',
+        description: intl.formatMessage(messages.pHeightDescription),
       },
       isScreenHeight: {
-        title: 'Screen height',
-        description: 'Maximize block to viewport height',
+        title: intl.formatMessage(messages.pIsScreenHeightTitle),
+        description: intl.formatMessage(messages.pIsScreenHeightDescription),
         type: 'boolean',
       },
       backgroundImage: {
-        title: 'Background image',
+        title: intl.formatMessage(messages.pBackgroundImage),
         widget: 'url',
       },
       backgroundColor: {
-        title: 'Background color',
+        title: intl.formatMessage(messages.pBackgroundColor),
         type: 'color',
         widget: 'style_simple_color',
         available_colors: config.settings.available_colors,
       },
       textColor: {
-        title: 'Text color',
+        title: intl.formatMessage(messages.pTextColor),
         type: 'color',
         widget: 'style_simple_color',
         available_colors: config.settings.available_colors,
       },
       customClass: {
-        title: 'Custom CSS Class',
-        description: 'A custom CSS class, applicable just to this block',
+        title: intl.formatMessage(messages.pCustomClassTitle),
+        description: intl.formatMessage(messages.pCustomClassDescription),
       },
       customId: {
-        title: 'Custom Id',
-        description: 'A custom id, applicable just to this block',
+        title: intl.formatMessage(messages.pCustomIdTitle),
+        description: intl.formatMessage(messages.pCustomIdDescription),
       },
       isDropCap: {
-        title: 'Drop cap',
-        description: 'First letter is styled as a drop cop',
+        title: intl.formatMessage(messages.pIsDropCapTitle),
+        description: intl.formatMessage(messages.pIsDropCapDescription),
         type: 'boolean',
       },
       hidden: {
-        title: 'Hidden',
-        description: 'Hide this block',
+        title: intl.formatMessage(messages.pHiddenTitle),
+        description: intl.formatMessage(messages.pHiddenDescription),
         type: 'boolean',
       },
       shadowDepth: {
         widget: 'slider',
-        title: 'Shadow depth',
+        title: intl.formatMessage(messages.pShadowDepth),
         settings: {
           min: 0,
           max: 24,
@@ -180,14 +345,14 @@ export const StyleSchema = () => {
         },
       },
       shadowColor: {
-        title: 'Shadow color',
+        title: intl.formatMessage(messages.pShadowColor),
         type: 'color',
         widget: 'style_simple_color',
         available_colors: config.settings.available_colors,
       },
       borderRadius: {
         widget: 'slider',
-        title: 'Rounded Corner',
+        title: intl.formatMessage(messages.pBorderRadius),
         settings: {
           min: 0,
           max: 24,
@@ -196,8 +361,8 @@ export const StyleSchema = () => {
         },
       },
       clear: {
-        title: 'Clear floats',
-        description: 'Pushes selected block under floated content',
+        title: intl.formatMessage(messages.pClearTitle),
+        description: intl.formatMessage(messages.pClearDescription),
         choices: [
           [null, 'None'],
           ['left', 'Left'],
diff --git a/src/Widgets/QuadSize.jsx b/src/Widgets/QuadSize.jsx
index 45db3b7..c758847 100644
--- a/src/Widgets/QuadSize.jsx
+++ b/src/Widgets/QuadSize.jsx
@@ -1,9 +1,21 @@
 import React from 'react';
+import { defineMessages } from 'react-intl';
 import { Field, FormFieldWrapper } from '@plone/volto/components';
 import ErrorBoundary from '../ErrorBoundary';
 import { Grid } from 'semantic-ui-react';
 import { Slider } from './Slider';
 
+const messages = defineMessages({
+  fieldSize: {
+    id: 'field-size',
+    defaultMessage: 'Size',
+  },
+  fieldCustomize: {
+    id: 'field-customize',
+    defaultMessage: 'Customize',
+  },
+})
+
 const fields = {
   unitField: {
     title: 'Unit',
@@ -35,6 +47,7 @@ const getMax = (unit) => {
 };
 
 const QuadSizeWidget = (props) => {
+  const { intl } = props;
   const {
     value = {},
     id,
@@ -131,7 +144,7 @@ const QuadSizeWidget = (props) => {
               });
             }}
             value={top}
-            title="Size"
+            title={intl.formatMessage(messages.fieldSize)}
             widget="slider"
             columns={2}
           />
@@ -141,7 +154,7 @@ const QuadSizeWidget = (props) => {
           id={`${id}-lockSize`}
           onChange={(fid, val) => onChange(id, { ...value, unlock: val })}
           value={unlock}
-          title="Customize"
+          title={intl.formatMessage(messages.fieldCustomize)}
           type="boolean"
           columns={1}
         />

From ae1883355d61d0a40ab51a47d0f11c3a99055512 Mon Sep 17 00:00:00 2001
From: valentinab25 <valentinab25>
Date: Thu, 4 Jan 2024 13:37:29 +0200
Subject: [PATCH 02/12] test: [JENKINS] fix jest config, fail with logs on
 coverage

---
 Jenkinsfile          |  9 ++++++++-
 Makefile             |  9 ++++++---
 jest-addon.config.js | 14 ++++++++++----
 jest.setup.js        | 45 ++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 69 insertions(+), 8 deletions(-)
 create mode 100644 jest.setup.js

diff --git a/Jenkinsfile b/Jenkinsfile
index 41445ef..8ba5f60 100644
--- a/Jenkinsfile
+++ b/Jenkinsfile
@@ -162,10 +162,16 @@ pipeline {
                 script {
                   try {
                     sh '''docker run --pull always --rm -d --name="$IMAGE_NAME-plone" -e SITE="Plone" -e PROFILES="$BACKEND_PROFILES" -e ADDONS="$BACKEND_ADDONS" eeacms/plone-backend'''
-                    sh '''docker run -d --shm-size=3g --link $IMAGE_NAME-plone:plone --name="$IMAGE_NAME-cypress" -e "RAZZLE_INTERNAL_API_PATH=http://plone:8080/Plone" --entrypoint=make --workdir=/app/src/addons/$GIT_NAME $IMAGE_NAME-frontend start-ci'''
+                    sh '''docker run -d --shm-size=4g --link $IMAGE_NAME-plone:plone --name="$IMAGE_NAME-cypress" -e "RAZZLE_INTERNAL_API_PATH=http://plone:8080/Plone" --entrypoint=make --workdir=/app/src/addons/$GIT_NAME $IMAGE_NAME-frontend start-ci'''
+                    frontend = sh script:'''docker exec --workdir=/app/src/addons/${GIT_NAME} $IMAGE_NAME-cypress make check-ci''', returnStatus: true
+                    if ( frontend != 0 ) {
+                      sh '''docker logs $IMAGE_NAME-cypress; exit 1'''
+                    }
+
                     sh '''timeout -s 9 1800 docker exec --workdir=/app/src/addons/${GIT_NAME} $IMAGE_NAME-cypress make cypress-ci'''
                   } finally {
                     try {
+                      if ( frontend == 0 ) {
                       sh '''rm -rf cypress-videos cypress-results cypress-coverage cypress-screenshots'''
                       sh '''mkdir -p cypress-videos cypress-results cypress-coverage cypress-screenshots'''
                       videos = sh script: '''docker cp $IMAGE_NAME-cypress:/app/src/addons/$GIT_NAME/cypress/videos cypress-videos/''', returnStatus: true
@@ -189,6 +195,7 @@ pipeline {
                         sh '''for file in $(find cypress-results -name *.xml); do if [ $(grep -E 'failures="[1-9].*"' $file | wc -l) -eq 0 ]; then testname=$(grep -E 'file=.*failures="0"' $file | sed 's#.* file=".*\\/\\(.*\\.[jsxt]\\+\\)" time.*#\\1#' );  rm -f cypress-videos/videos/$testname.mp4; fi; done'''
                         archiveArtifacts artifacts: 'cypress-videos/**/*.mp4', fingerprint: true, allowEmptyArchive: true
                       }
+                      }
                     } finally {
                       catchError(buildResult: 'SUCCESS', stageResult: 'SUCCESS') {
                         junit testResults: 'cypress-results/**/*.xml', allowEmptyResults: true
diff --git a/Makefile b/Makefile
index efbf2fb..c583f3f 100644
--- a/Makefile
+++ b/Makefile
@@ -86,7 +86,7 @@ cypress-open:		## Open cypress integration tests
 
 .PHONY: cypress-run
 cypress-run:	## Run cypress integration tests
-	CYPRESS_API_PATH="${RAZZLE_DEV_PROXY_API_PATH}" NODE_ENV=development  $(NODE_MODULES)/cypress/bin/cypress run --browser chromium
+	CYPRESS_API_PATH="${RAZZLE_DEV_PROXY_API_PATH}" NODE_ENV=development  $(NODE_MODULES)/cypress/bin/cypress run
 
 .PHONY: test
 test:			## Run jest tests
@@ -155,8 +155,11 @@ start-ci:
 	cd ../..
 	yarn start
 
+.PHONY: check-ci
+check-ci:
+	$(NODE_MODULES)/.bin/wait-on -t 240000  http://localhost:3000
+
 .PHONY: cypress-ci
 cypress-ci:
 	$(NODE_MODULES)/.bin/wait-on -t 240000  http://localhost:3000
-	NODE_ENV=development make cypress-run
-
+	CYPRESS_API_PATH="${RAZZLE_DEV_PROXY_API_PATH}" NODE_ENV=development  $(NODE_MODULES)/cypress/bin/cypress run --browser chromium
diff --git a/jest-addon.config.js b/jest-addon.config.js
index 3c86610..51df880 100644
--- a/jest-addon.config.js
+++ b/jest-addon.config.js
@@ -9,16 +9,19 @@ module.exports = {
     '@plone/volto/cypress': '<rootDir>/node_modules/@plone/volto/cypress',
     '@plone/volto/babel': '<rootDir>/node_modules/@plone/volto/babel',
     '@plone/volto/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
-    '@package/(.*)$': '<rootDir>/src/$1',
-    '@root/(.*)$': '<rootDir>/src/$1',
+    '@package/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
+    '@root/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
     '@plone/volto-quanta/(.*)$': '<rootDir>/src/addons/volto-quanta/src/$1',
     '@eeacms/(.*?)/(.*)$': '<rootDir>/node_modules/@eeacms/$1/src/$2',
-    '@plone/volto-slate':
-      '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src',
+    '@plone/volto-slate/(.*)$':
+      '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src/$1',
     '~/(.*)$': '<rootDir>/src/$1',
     'load-volto-addons':
       '<rootDir>/node_modules/@plone/volto/jest-addons-loader.js',
   },
+  transformIgnorePatterns: [
+    '/node_modules/(?!(@plone|@root|@package|@eeacms)/).*/',
+  ],
   transform: {
     '^.+\\.js(x)?$': 'babel-jest',
     '^.+\\.(png)$': 'jest-file',
@@ -33,4 +36,7 @@ module.exports = {
       statements: 5,
     },
   },
+  setupFilesAfterEnv: [
+    '<rootDir>/node_modules/@eeacms/volto-block-style/jest.setup.js',
+  ],
 };
diff --git a/jest.setup.js b/jest.setup.js
new file mode 100644
index 0000000..7a3d1f7
--- /dev/null
+++ b/jest.setup.js
@@ -0,0 +1,45 @@
+import { jest } from '@jest/globals';
+import configureStore from 'redux-mock-store';
+
+const mockStore = configureStore();
+
+global.store = mockStore({
+  intl: {
+    locale: 'en',
+    messages: {},
+  },
+  content: {
+    create: {},
+    subrequests: [],
+  },
+  connected_data_parameters: {},
+});
+
+const mockSemanticComponents = jest.requireActual('semantic-ui-react');
+const mockComponents = jest.requireActual('@plone/volto/components');
+
+jest.mock('semantic-ui-react', () => ({
+  ...mockSemanticComponents,
+  Popup: ({ content, trigger }) => {
+    return (
+      <div className="popup">
+        <div className="trigger">{trigger}</div>
+        <div className="content">{content}</div>
+      </div>
+    );
+  },
+}));
+
+jest.doMock('@plone/volto/components', () => {
+  return {
+    __esModule: true,
+    ...mockComponents,
+    SidebarPortal: ({ children }) => <div id="sidebar">{children}</div>,
+  };
+});
+
+global.fetch = jest.fn(() =>
+  Promise.resolve({
+    json: () => Promise.resolve({}),
+  }),
+);

From 42c89fad9272403998a4a80f0fd8561bc09947fc Mon Sep 17 00:00:00 2001
From: valentinab25 <valentinab25>
Date: Wed, 24 Jan 2024 23:14:48 +0200
Subject: [PATCH 03/12] test: Update jest,Jenkinsfile,lint to
 volto-addons-template PR30

---
 .env                 |  3 +++
 .eslintrc.js         | 55 ++++++++++++++++++++++++++++++++++++++++++++
 .gitignore           |  1 -
 jest-addon.config.js | 14 +++++++----
 package.json         |  3 ++-
 5 files changed, 70 insertions(+), 6 deletions(-)
 create mode 100644 .env
 create mode 100644 .eslintrc.js

diff --git a/.env b/.env
new file mode 100644
index 0000000..ef282fa
--- /dev/null
+++ b/.env
@@ -0,0 +1,3 @@
+# Jest configuration variables
+# - possible values: ON, OFF
+JEST_USE_SETUP=OFF
\ No newline at end of file
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..b7f17fb
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,55 @@
+const fs = require('fs');
+const path = require('path');
+
+const projectRootPath = fs.existsSync('./project')
+  ? fs.realpathSync('./project')
+  : fs.realpathSync('./../../../');
+const packageJson = require(path.join(projectRootPath, 'package.json'));
+const jsConfig = require(path.join(projectRootPath, 'jsconfig.json')).compilerOptions;
+
+const pathsConfig = jsConfig.paths;
+
+let voltoPath = path.join(projectRootPath, 'node_modules/@plone/volto');
+
+Object.keys(pathsConfig).forEach(pkg => {
+  if (pkg === '@plone/volto') {
+    voltoPath = `./${jsConfig.baseUrl}/${pathsConfig[pkg][0]}`;
+  }
+});
+const AddonConfigurationRegistry = require(`${voltoPath}/addon-registry.js`);
+const reg = new AddonConfigurationRegistry(projectRootPath);
+
+// Extends ESlint configuration for adding the aliases to `src` directories in Volto addons
+const addonAliases = Object.keys(reg.packages).map(o => [
+  o,
+  reg.packages[o].modulePath,
+]);
+
+
+module.exports = {
+  extends: `${projectRootPath}/node_modules/@plone/volto/.eslintrc`,
+  settings: {
+    'import/resolver': {
+      alias: {
+        map: [
+          ['@plone/volto', '@plone/volto/src'],
+          ...addonAliases,
+          ['@package', `${__dirname}/src`],
+          ['~', `${__dirname}/src`],
+        ],
+        extensions: ['.js', '.jsx', '.json'],
+      },
+      'babel-plugin-root-import': {
+        rootPathSuffix: 'src',
+      },
+    },
+  },
+  rules: {
+    'react/jsx-no-target-blank': [
+      'error',
+      {
+        allowReferrer: true,
+      },
+    ],
+  }
+};
diff --git a/.gitignore b/.gitignore
index 53b9801..f1be4ff 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,5 @@
 .vscode/
 .history
-.eslintrc.js
 .nyc_output
 project
 coverage
diff --git a/jest-addon.config.js b/jest-addon.config.js
index 51df880..1bbc156 100644
--- a/jest-addon.config.js
+++ b/jest-addon.config.js
@@ -1,3 +1,5 @@
+require('dotenv').config({ path: __dirname + '/.env' })
+
 module.exports = {
   testMatch: ['**/src/addons/**/?(*.)+(spec|test).[jt]s?(x)'],
   collectCoverageFrom: [
@@ -13,6 +15,8 @@ module.exports = {
     '@root/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
     '@plone/volto-quanta/(.*)$': '<rootDir>/src/addons/volto-quanta/src/$1',
     '@eeacms/(.*?)/(.*)$': '<rootDir>/node_modules/@eeacms/$1/src/$2',
+    '@plone/volto-slate$':
+      '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src',
     '@plone/volto-slate/(.*)$':
       '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src/$1',
     '~/(.*)$': '<rootDir>/src/$1',
@@ -36,7 +40,9 @@ module.exports = {
       statements: 5,
     },
   },
-  setupFilesAfterEnv: [
-    '<rootDir>/node_modules/@eeacms/volto-block-style/jest.setup.js',
-  ],
-};
+  ...(process.env.JEST_USE_SETUP === 'ON' && {
+    setupFilesAfterEnv: [
+      '<rootDir>/node_modules/@eeacms/volto-block-style/jest.setup.js',
+    ],
+  }),
+}
diff --git a/package.json b/package.json
index 4c9be27..e9f52db 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,8 @@
     "husky": "^8.0.3",
     "lint-staged": "^14.0.1",
     "md5": "^2.3.0",
-    "postcss-less": "6.0.0"
+    "postcss-less": "6.0.0",
+    "dotenv": "^16.3.2"
   },
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx,json}": [

From 302006ab4331c4ee5ba72e77157029e6e60743c1 Mon Sep 17 00:00:00 2001
From: valentinab25 <valentinab25>
Date: Thu, 25 Jan 2024 20:04:39 +0200
Subject: [PATCH 04/12] test: Update jest,Jenkinsfile,lint to
 volto-addons-template PR30

---
 .eslintrc.js         | 42 +++++++++++++++++++++++---------------
 .project.eslintrc.js | 48 --------------------------------------------
 2 files changed, 26 insertions(+), 64 deletions(-)
 delete mode 100644 .project.eslintrc.js

diff --git a/.eslintrc.js b/.eslintrc.js
index b7f17fb..0cbd65c 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,40 +1,43 @@
 const fs = require('fs');
 const path = require('path');
-
-const projectRootPath = fs.existsSync('./project')
-  ? fs.realpathSync('./project')
-  : fs.realpathSync('./../../../');
-const packageJson = require(path.join(projectRootPath, 'package.json'));
-const jsConfig = require(path.join(projectRootPath, 'jsconfig.json')).compilerOptions;
-
-const pathsConfig = jsConfig.paths;
+const projectRootPath = fs.realpathSync(__dirname + '/../../../');
 
 let voltoPath = path.join(projectRootPath, 'node_modules/@plone/volto');
+let configFile;
+if (fs.existsSync(`${projectRootPath}/tsconfig.json`))
+  configFile = `${projectRootPath}/tsconfig.json`;
+else if (fs.existsSync(`${projectRootPath}/jsconfig.json`))
+  configFile = `${projectRootPath}/jsconfig.json`;
+
+if (configFile) {
+  const jsConfig = require(configFile).compilerOptions;
+  const pathsConfig = jsConfig.paths;
+  if (pathsConfig['@plone/volto'])
+    voltoPath = `./${jsConfig.baseUrl}/${pathsConfig['@plone/volto'][0]}`;
+}
 
-Object.keys(pathsConfig).forEach(pkg => {
-  if (pkg === '@plone/volto') {
-    voltoPath = `./${jsConfig.baseUrl}/${pathsConfig[pkg][0]}`;
-  }
-});
 const AddonConfigurationRegistry = require(`${voltoPath}/addon-registry.js`);
 const reg = new AddonConfigurationRegistry(projectRootPath);
 
 // Extends ESlint configuration for adding the aliases to `src` directories in Volto addons
-const addonAliases = Object.keys(reg.packages).map(o => [
+const addonAliases = Object.keys(reg.packages).map((o) => [
   o,
   reg.packages[o].modulePath,
 ]);
 
+const addonExtenders = reg.getEslintExtenders().map((m) => require(m));
 
-module.exports = {
-  extends: `${projectRootPath}/node_modules/@plone/volto/.eslintrc`,
+const defaultConfig = {
+  extends: `${voltoPath}/.eslintrc`,
   settings: {
     'import/resolver': {
       alias: {
         map: [
           ['@plone/volto', '@plone/volto/src'],
+          ['@plone/volto-slate', '@plone/volto/packages/volto-slate/src'],
           ...addonAliases,
           ['@package', `${__dirname}/src`],
+          ['@root', `${__dirname}/src`],
           ['~', `${__dirname}/src`],
         ],
         extensions: ['.js', '.jsx', '.json'],
@@ -53,3 +56,10 @@ module.exports = {
     ],
   }
 };
+
+const config = addonExtenders.reduce(
+  (acc, extender) => extender.modify(acc),
+  defaultConfig,
+);
+
+module.exports = config;
diff --git a/.project.eslintrc.js b/.project.eslintrc.js
deleted file mode 100644
index 765070f..0000000
--- a/.project.eslintrc.js
+++ /dev/null
@@ -1,48 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-const projectRootPath = fs.existsSync('./project')
-  ? fs.realpathSync('./project')
-  : fs.realpathSync('./../../../');
-const packageJson = require(path.join(projectRootPath, 'package.json'));
-const jsConfig = require(path.join(projectRootPath, 'jsconfig.json')).compilerOptions;
-
-const pathsConfig = jsConfig.paths;
-
-let voltoPath = path.join(projectRootPath, 'node_modules/@plone/volto');
-
-Object.keys(pathsConfig).forEach(pkg => {
-  if (pkg === '@plone/volto') {
-    voltoPath = `./${jsConfig.baseUrl}/${pathsConfig[pkg][0]}`;
-  }
-});
-const AddonConfigurationRegistry = require(`${voltoPath}/addon-registry.js`);
-const reg = new AddonConfigurationRegistry(projectRootPath);
-
-// Extends ESlint configuration for adding the aliases to `src` directories in Volto addons
-const addonAliases = Object.keys(reg.packages).map(o => [
-  o,
-  reg.packages[o].modulePath,
-]);
-
-
-module.exports = {
-  extends: `${projectRootPath}/node_modules/@plone/volto/.eslintrc`,
-  settings: {
-    'import/resolver': {
-      alias: {
-        map: [
-          ['@plone/volto', '@plone/volto/src'],
-          ...addonAliases,
-          ['@package', `${__dirname}/src`],
-          ['~', `${__dirname}/src`],
-        ],
-        extensions: ['.js', '.jsx', '.json'],
-      },
-      'babel-plugin-root-import': {
-        rootPathSuffix: 'src',
-      },
-    },
-  },
-};
-

From 269f8332e0c731956b6db99a6cee9b6bf9cb8209 Mon Sep 17 00:00:00 2001
From: David Ichim <ichim.david@gmail.com>
Date: Sat, 27 Jan 2024 11:16:16 +0200
Subject: [PATCH 05/12] lint fix

---
 src/BlockStyleWrapper/index.js | 2 +-
 src/Blocks/StretchBlock.jsx    | 4 ++--
 src/StyleWrapper/schema.js     | 4 ++--
 src/Widgets/QuadSize.jsx       | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/BlockStyleWrapper/index.js b/src/BlockStyleWrapper/index.js
index daba84c..bef204b 100644
--- a/src/BlockStyleWrapper/index.js
+++ b/src/BlockStyleWrapper/index.js
@@ -1,2 +1,2 @@
 export { default as BlockStyleWrapperEdit } from './BlockStyleWrapperEdit';
-export { default as BlockStyleWrapperView } from './BlockStyleWrapperView';
\ No newline at end of file
+export { default as BlockStyleWrapperView } from './BlockStyleWrapperView';
diff --git a/src/Blocks/StretchBlock.jsx b/src/Blocks/StretchBlock.jsx
index 5d1ca9d..f73cfc8 100644
--- a/src/Blocks/StretchBlock.jsx
+++ b/src/Blocks/StretchBlock.jsx
@@ -16,8 +16,8 @@ const messages = defineMessages({
   },
   btnStretch: {
     id: 'btn-stretch',
-    defaultMessage: 'Stretch block to the edges'
-  }
+    defaultMessage: 'Stretch block to the edges',
+  },
 });
 
 const StretchBlock = ({ stretch, onChangeBlock, data, intl, block }) => {
diff --git a/src/StyleWrapper/schema.js b/src/StyleWrapper/schema.js
index 0e72605..f4f024c 100644
--- a/src/StyleWrapper/schema.js
+++ b/src/StyleWrapper/schema.js
@@ -90,11 +90,11 @@ const messages = defineMessages({
     id: 'properties-height-description',
     defaultMessage: 'Element height, expressed as CSS dimension',
   },
-  pIsScreenHeightTitle :{
+  pIsScreenHeightTitle: {
     id: 'properties-is-screen-height-title',
     defaultMessage: 'Screen height',
   },
-  pIsScreenHeightDescription :{
+  pIsScreenHeightDescription: {
     id: 'properties-is-screen-height-description',
     defaultMessage: 'Maximize block to viewport height',
   },
diff --git a/src/Widgets/QuadSize.jsx b/src/Widgets/QuadSize.jsx
index c758847..2e284ad 100644
--- a/src/Widgets/QuadSize.jsx
+++ b/src/Widgets/QuadSize.jsx
@@ -14,7 +14,7 @@ const messages = defineMessages({
     id: 'field-customize',
     defaultMessage: 'Customize',
   },
-})
+});
 
 const fields = {
   unitField: {

From e0c9ea4d994b369ed4c95414e1279a4e76855be6 Mon Sep 17 00:00:00 2001
From: David Ichim <ichim.david@gmail.com>
Date: Sat, 27 Jan 2024 11:25:31 +0200
Subject: [PATCH 06/12] fix(styles): remove body main overflow that was hiding
 popup selectors

---
 src/StyleWrapper/stretchStyleDefaultView.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/StyleWrapper/stretchStyleDefaultView.css b/src/StyleWrapper/stretchStyleDefaultView.css
index c06acc1..b62c914 100644
--- a/src/StyleWrapper/stretchStyleDefaultView.css
+++ b/src/StyleWrapper/stretchStyleDefaultView.css
@@ -22,14 +22,15 @@ body:not(.is-authenticated):not(.document_wide_view) .stretch {
   transform: none;
 }
 
-body:not(.is-authenticated):not(.document_wide_view) main {
+/* commented out due to https://github.com/eea/volto-block-style/issues/95 */
+/* body:not(.is-authenticated):not(.document_wide_view) main {
   overflow: hidden;
 }
 
 body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous)
   main {
   overflow: hidden;
-}
+} */
 
 /* detect if is logged in but in view with toolbar open */
 body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous)

From 5faa308ec9505d4c24c95673b7489cfaa29eb92d Mon Sep 17 00:00:00 2001
From: David Ichim <ichim.david@gmail.com>
Date: Sat, 27 Jan 2024 11:26:51 +0200
Subject: [PATCH 07/12] change(i118n): updated translation po files

---
 locales/de/LC_MESSAGES/volto.po    | 215 +++++++++++++++++++++++++++++
 locales/en/LC_MESSAGES/volto.po    | 215 +++++++++++++++++++++++++++++
 locales/it/LC_MESSAGES/volto.po    | 215 +++++++++++++++++++++++++++++
 locales/pt_BR/LC_MESSAGES/volto.po | 115 +++++++--------
 locales/ro/LC_MESSAGES/volto.po    | 215 +++++++++++++++++++++++++++++
 locales/volto.pot                  |   4 +-
 6 files changed, 921 insertions(+), 58 deletions(-)

diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index 995073f..a9ff87b 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -68,3 +68,218 @@ msgstr ""
 # defaultMessage: Wide
 msgid "Wide"
 msgstr ""
+
+#: Blocks/StretchBlock
+# defaultMessage: Stretch block to the edges
+msgid "btn-stretch"
+msgstr ""
+
+#: Widgets/QuadSize
+# defaultMessage: Customize
+msgid "field-customize"
+msgstr ""
+
+#: Widgets/QuadSize
+# defaultMessage: Size
+msgid "field-size"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Advanced
+msgid "fieldsets-advanced"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Decorations
+msgid "fieldsets-decorations"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Default
+msgid "fieldsets-default"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Layout
+msgid "fieldsets-layout"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Preset styles
+msgid "fieldsets-presets"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Standard
+msgid "fieldsets-standard"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Align
+msgid "properties-align"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Background color
+msgid "properties-background-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Background image
+msgid "properties-background-image"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Rounded Corner
+msgid "properties-border-radius"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Pushes selected block under floated content
+msgid "properties-clear-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Clear floats
+msgid "properties-clear-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A custom CSS class, applicable just to this block
+msgid "properties-custom-class-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Custom CSS Class
+msgid "properties-custom-class-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A custom id, applicable just to this block
+msgid "properties-custom-id-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Custom Id
+msgid "properties-custom-id-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Relative to normal size of text in the block
+msgid "properties-font-size-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Font size
+msgid "properties-font-size-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: The weight (or boldness) of the font
+msgid "properties-font-weight-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Font weight
+msgid "properties-font-weight-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Element height, expressed as CSS dimension
+msgid "properties-height-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Element height
+msgid "properties-height-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Hide this bloc
+msgid "properties-hidden-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Hidden
+msgid "properties-hidden-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: First letter is styled as a drop cop
+msgid "properties-is-drop-cap-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Drop cap
+msgid "properties-is-drop-cap-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Maximize block to viewport height
+msgid "properties-is-screen-height-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Screen height
+msgid "properties-is-screen-height-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Margin
+msgid "properties-margin"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Padding
+msgid "properties-padding"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Shadow color
+msgid "properties-shadow-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Shadow depth
+msgid "properties-shadow-depth"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Box size
+msgid "properties-size"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Stretch
+msgid "properties-stretch"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Style
+msgid "properties-style-name"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Text align
+msgid "properties-text-align"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Text color
+msgid "properties-text-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A predefined theme, applicable just to this block
+msgid "properties-theme-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Theme
+msgid "properties-theme-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Styles
+msgid "styles-block"
+msgstr ""
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index 995073f..a9ff87b 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -68,3 +68,218 @@ msgstr ""
 # defaultMessage: Wide
 msgid "Wide"
 msgstr ""
+
+#: Blocks/StretchBlock
+# defaultMessage: Stretch block to the edges
+msgid "btn-stretch"
+msgstr ""
+
+#: Widgets/QuadSize
+# defaultMessage: Customize
+msgid "field-customize"
+msgstr ""
+
+#: Widgets/QuadSize
+# defaultMessage: Size
+msgid "field-size"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Advanced
+msgid "fieldsets-advanced"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Decorations
+msgid "fieldsets-decorations"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Default
+msgid "fieldsets-default"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Layout
+msgid "fieldsets-layout"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Preset styles
+msgid "fieldsets-presets"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Standard
+msgid "fieldsets-standard"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Align
+msgid "properties-align"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Background color
+msgid "properties-background-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Background image
+msgid "properties-background-image"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Rounded Corner
+msgid "properties-border-radius"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Pushes selected block under floated content
+msgid "properties-clear-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Clear floats
+msgid "properties-clear-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A custom CSS class, applicable just to this block
+msgid "properties-custom-class-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Custom CSS Class
+msgid "properties-custom-class-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A custom id, applicable just to this block
+msgid "properties-custom-id-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Custom Id
+msgid "properties-custom-id-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Relative to normal size of text in the block
+msgid "properties-font-size-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Font size
+msgid "properties-font-size-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: The weight (or boldness) of the font
+msgid "properties-font-weight-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Font weight
+msgid "properties-font-weight-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Element height, expressed as CSS dimension
+msgid "properties-height-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Element height
+msgid "properties-height-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Hide this bloc
+msgid "properties-hidden-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Hidden
+msgid "properties-hidden-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: First letter is styled as a drop cop
+msgid "properties-is-drop-cap-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Drop cap
+msgid "properties-is-drop-cap-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Maximize block to viewport height
+msgid "properties-is-screen-height-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Screen height
+msgid "properties-is-screen-height-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Margin
+msgid "properties-margin"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Padding
+msgid "properties-padding"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Shadow color
+msgid "properties-shadow-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Shadow depth
+msgid "properties-shadow-depth"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Box size
+msgid "properties-size"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Stretch
+msgid "properties-stretch"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Style
+msgid "properties-style-name"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Text align
+msgid "properties-text-align"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Text color
+msgid "properties-text-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A predefined theme, applicable just to this block
+msgid "properties-theme-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Theme
+msgid "properties-theme-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Styles
+msgid "styles-block"
+msgstr ""
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index 995073f..a9ff87b 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -68,3 +68,218 @@ msgstr ""
 # defaultMessage: Wide
 msgid "Wide"
 msgstr ""
+
+#: Blocks/StretchBlock
+# defaultMessage: Stretch block to the edges
+msgid "btn-stretch"
+msgstr ""
+
+#: Widgets/QuadSize
+# defaultMessage: Customize
+msgid "field-customize"
+msgstr ""
+
+#: Widgets/QuadSize
+# defaultMessage: Size
+msgid "field-size"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Advanced
+msgid "fieldsets-advanced"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Decorations
+msgid "fieldsets-decorations"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Default
+msgid "fieldsets-default"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Layout
+msgid "fieldsets-layout"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Preset styles
+msgid "fieldsets-presets"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Standard
+msgid "fieldsets-standard"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Align
+msgid "properties-align"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Background color
+msgid "properties-background-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Background image
+msgid "properties-background-image"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Rounded Corner
+msgid "properties-border-radius"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Pushes selected block under floated content
+msgid "properties-clear-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Clear floats
+msgid "properties-clear-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A custom CSS class, applicable just to this block
+msgid "properties-custom-class-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Custom CSS Class
+msgid "properties-custom-class-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A custom id, applicable just to this block
+msgid "properties-custom-id-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Custom Id
+msgid "properties-custom-id-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Relative to normal size of text in the block
+msgid "properties-font-size-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Font size
+msgid "properties-font-size-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: The weight (or boldness) of the font
+msgid "properties-font-weight-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Font weight
+msgid "properties-font-weight-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Element height, expressed as CSS dimension
+msgid "properties-height-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Element height
+msgid "properties-height-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Hide this bloc
+msgid "properties-hidden-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Hidden
+msgid "properties-hidden-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: First letter is styled as a drop cop
+msgid "properties-is-drop-cap-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Drop cap
+msgid "properties-is-drop-cap-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Maximize block to viewport height
+msgid "properties-is-screen-height-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Screen height
+msgid "properties-is-screen-height-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Margin
+msgid "properties-margin"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Padding
+msgid "properties-padding"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Shadow color
+msgid "properties-shadow-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Shadow depth
+msgid "properties-shadow-depth"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Box size
+msgid "properties-size"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Stretch
+msgid "properties-stretch"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Style
+msgid "properties-style-name"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Text align
+msgid "properties-text-align"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Text color
+msgid "properties-text-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A predefined theme, applicable just to this block
+msgid "properties-theme-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Theme
+msgid "properties-theme-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Styles
+msgid "styles-block"
+msgstr ""
diff --git a/locales/pt_BR/LC_MESSAGES/volto.po b/locales/pt_BR/LC_MESSAGES/volto.po
index 7aaefc8..e5432df 100644
--- a/locales/pt_BR/LC_MESSAGES/volto.po
+++ b/locales/pt_BR/LC_MESSAGES/volto.po
@@ -5,280 +5,283 @@ msgstr ""
 "POT-Creation-Date: \n"
 "PO-Revision-Date: \n"
 "Last-Translator: André Clímaco <andre.climaco@gmail.com>\n"
-"Language-Team: \n"
 "Language: pt_BR\n"
-"MIME-Version: 1.0\n"
+"Language-Team: \n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: \n"
+"MIME-Version: 1.0\n"
 "X-Generator: Poedit 3.0.1\n"
 
+#: Widgets/Align
+#: Widgets/TextAlign
 # defaultMessage: Center
-#: Widgets/Align Widgets/TextAlign
 msgid "Center"
 msgstr "Centro"
 
-# defaultMessage: Clear selection
 #: Widgets/TextAlign
+# defaultMessage: Clear selection
 msgid "Clear selection"
 msgstr "Limpar seleção"
 
-# defaultMessage: Fit
 #: Blocks/StretchBlock
+# defaultMessage: Fit
 msgid "Fit"
 msgstr ""
 
-# defaultMessage: Full
 #: Widgets/Align
+# defaultMessage: Full
 msgid "Full"
 msgstr "Completo"
 
-# defaultMessage: Justify
 #: Widgets/TextAlign
+# defaultMessage: Justify
 msgid "Justify"
 msgstr "Justificado"
 
+#: Widgets/Align
+#: Widgets/TextAlign
 # defaultMessage: Left
-#: Widgets/Align Widgets/TextAlign
 msgid "Left"
 msgstr "Esquerda"
 
-# defaultMessage: Narrow
 #: Widgets/Align
+# defaultMessage: Narrow
 msgid "Narrow"
 msgstr "Estreito"
 
-# defaultMessage: None
 #: Widgets/Align
+# defaultMessage: None
 msgid "None"
 msgstr ""
 
+#: Widgets/Align
+#: Widgets/TextAlign
 # defaultMessage: Right
-#: Widgets/Align Widgets/TextAlign
 msgid "Right"
 msgstr "Direita"
 
-# defaultMessage: Stretch
 #: Blocks/StretchBlock
+# defaultMessage: Stretch
 msgid "Stretch"
 msgstr "Esticar"
 
-# defaultMessage: Wide
 #: Widgets/Align
+# defaultMessage: Wide
 msgid "Wide"
 msgstr "Largo"
 
-# defaultMessage: Stretch block to the edges
 #: Blocks/StretchBlock
+# defaultMessage: Stretch block to the edges
 msgid "btn-stretch"
 msgstr "Estique o bloco até as bordas"
 
-# defaultMessage: Customize
 #: Widgets/QuadSize
+# defaultMessage: Customize
 msgid "field-customize"
 msgstr "Customizar"
 
-# defaultMessage: Size
 #: Widgets/QuadSize
+# defaultMessage: Size
 msgid "field-size"
 msgstr "Tamanho"
 
-# defaultMessage: Advanced
 #: StyleWrapper/schema
+# defaultMessage: Advanced
 msgid "fieldsets-advanced"
 msgstr "Avançado"
 
-# defaultMessage: Decorations
 #: StyleWrapper/schema
+# defaultMessage: Decorations
 msgid "fieldsets-decorations"
 msgstr "Decorações"
 
-# defaultMessage: Default
 #: StyleWrapper/schema
+# defaultMessage: Default
 msgid "fieldsets-default"
 msgstr "Padrão"
 
-# defaultMessage: Layout
 #: StyleWrapper/schema
+# defaultMessage: Layout
 msgid "fieldsets-layout"
 msgstr "Disposição"
 
-# defaultMessage: Preset styles
 #: StyleWrapper/schema
+# defaultMessage: Preset styles
 msgid "fieldsets-presets"
 msgstr "Estilos predefinidos"
 
-# defaultMessage: Standard
 #: StyleWrapper/schema
+# defaultMessage: Standard
 msgid "fieldsets-standard"
 msgstr "Padrões"
 
-# defaultMessage: Align
 #: StyleWrapper/schema
+# defaultMessage: Align
 msgid "properties-align"
 msgstr "Alinhar"
 
-# defaultMessage: Background color
 #: StyleWrapper/schema
+# defaultMessage: Background color
 msgid "properties-background-color"
 msgstr "Cor de fundo"
 
-# defaultMessage: Background image
 #: StyleWrapper/schema
+# defaultMessage: Background image
 msgid "properties-background-image"
 msgstr "Imagem de fundo"
 
-# defaultMessage: Rounded Corner
 #: StyleWrapper/schema
+# defaultMessage: Rounded Corner
 msgid "properties-border-radius"
 msgstr "Raio da borda"
 
-# defaultMessage: Pushes selected block under floated content
 #: StyleWrapper/schema
+# defaultMessage: Pushes selected block under floated content
 msgid "properties-clear-description"
 msgstr "Empurra o bloco selecionado sob o conteúdo flutuante"
 
-# defaultMessage: Clear floats
 #: StyleWrapper/schema
+# defaultMessage: Clear floats
 msgid "properties-clear-title"
 msgstr "Flutuadores transparentes"
 
-# defaultMessage: A custom CSS class, applicable just to this block
 #: StyleWrapper/schema
+# defaultMessage: A custom CSS class, applicable just to this block
 msgid "properties-custom-class-description"
 msgstr "Uma classe CSS personalizada, aplicável apenas a este bloco"
 
-# defaultMessage: Custom CSS Class
 #: StyleWrapper/schema
+# defaultMessage: Custom CSS Class
 msgid "properties-custom-class-title"
 msgstr "Classe CSS personalizada"
 
-# defaultMessage: A custom id, applicable just to this block
 #: StyleWrapper/schema
+# defaultMessage: A custom id, applicable just to this block
 msgid "properties-custom-id-description"
 msgstr "Um ID personalizado, aplicável apenas a este bloco"
 
-# defaultMessage: Custom Id
 #: StyleWrapper/schema
+# defaultMessage: Custom Id
 msgid "properties-custom-id-title"
 msgstr "ID personalizado"
 
-# defaultMessage: Relative to normal size of text in the block
 #: StyleWrapper/schema
+# defaultMessage: Relative to normal size of text in the block
 msgid "properties-font-size-description"
 msgstr "Relativo ao tamanho normal do texto no bloco"
 
-# defaultMessage: Font size
 #: StyleWrapper/schema
+# defaultMessage: Font size
 msgid "properties-font-size-title"
 msgstr "Tamanho da fonte"
 
-# defaultMessage: The weight (or boldness) of the font
 #: StyleWrapper/schema
+# defaultMessage: The weight (or boldness) of the font
 msgid "properties-font-weight-description"
 msgstr "O peso da fonte"
 
-# defaultMessage: Font weight
 #: StyleWrapper/schema
+# defaultMessage: Font weight
 msgid "properties-font-weight-title"
 msgstr "Espessura da fonte"
 
-# defaultMessage: Element height, expressed as CSS dimension
 #: StyleWrapper/schema
+# defaultMessage: Element height, expressed as CSS dimension
 msgid "properties-height-description"
 msgstr "Altura do elemento, expressa como dimensão CSS"
 
-# defaultMessage: Element height
 #: StyleWrapper/schema
+# defaultMessage: Element height
 msgid "properties-height-title"
 msgstr "Altura do elemento"
 
-# defaultMessage: Hide this bloc
 #: StyleWrapper/schema
+# defaultMessage: Hide this bloc
 msgid "properties-hidden-description"
 msgstr "Ocultar este bloco"
 
-# defaultMessage: Hidden
 #: StyleWrapper/schema
+# defaultMessage: Hidden
 msgid "properties-hidden-title"
 msgstr "Ocultar"
 
-# defaultMessage: First letter is styled as a drop cop
 #: StyleWrapper/schema
+# defaultMessage: First letter is styled as a drop cop
 msgid "properties-is-drop-cap-description"
 msgstr "A primeira letra é estilizada como destaque"
 
-# defaultMessage: Drop cap
 #: StyleWrapper/schema
+# defaultMessage: Drop cap
 msgid "properties-is-drop-cap-title"
 msgstr "Capitular"
 
-# defaultMessage: Maximize block to viewport height
 #: StyleWrapper/schema
+# defaultMessage: Maximize block to viewport height
 msgid "properties-is-screen-height-description"
 msgstr "Maximizar o bloco para a altura da janela de visualização"
 
-# defaultMessage: Screen height
 #: StyleWrapper/schema
+# defaultMessage: Screen height
 msgid "properties-is-screen-height-title"
 msgstr "Altura da tela"
 
-# defaultMessage: Margin
 #: StyleWrapper/schema
+# defaultMessage: Margin
 msgid "properties-margin"
 msgstr "Margem"
 
-# defaultMessage: Padding
 #: StyleWrapper/schema
+# defaultMessage: Padding
 msgid "properties-padding"
 msgstr "Espaçamento"
 
-# defaultMessage: Shadow color
 #: StyleWrapper/schema
+# defaultMessage: Shadow color
 msgid "properties-shadow-color"
 msgstr "Cor da sombra"
 
-# defaultMessage: Shadow depth
 #: StyleWrapper/schema
+# defaultMessage: Shadow depth
 msgid "properties-shadow-depth"
 msgstr "Profundidade da sombra"
 
-# defaultMessage: Box size
 #: StyleWrapper/schema
+# defaultMessage: Box size
 msgid "properties-size"
 msgstr "Tamanho"
 
-# defaultMessage: Stretch
 #: StyleWrapper/schema
+# defaultMessage: Stretch
 msgid "properties-stretch"
 msgstr "Esticar"
 
-# defaultMessage: Style
 #: StyleWrapper/schema
+# defaultMessage: Style
 msgid "properties-style-name"
 msgstr "Estilo"
 
-# defaultMessage: Text align
 #: StyleWrapper/schema
+# defaultMessage: Text align
 msgid "properties-text-align"
 msgstr "Alinhamento de texto"
 
-# defaultMessage: Text color
 #: StyleWrapper/schema
+# defaultMessage: Text color
 msgid "properties-text-color"
 msgstr "Cor do texto"
 
-# defaultMessage: A predefined theme, applicable just to this block
 #: StyleWrapper/schema
+# defaultMessage: A predefined theme, applicable just to this block
 msgid "properties-theme-description"
 msgstr "Um tema predefinido, aplicável apenas a este bloco"
 
-# defaultMessage: Theme
 #: StyleWrapper/schema
+# defaultMessage: Theme
 msgid "properties-theme-title"
 msgstr "Tema"
 
-# defaultMessage: Styles
 #: StyleWrapper/schema
+# defaultMessage: Styles
 msgid "styles-block"
 msgstr "Estilos"
diff --git a/locales/ro/LC_MESSAGES/volto.po b/locales/ro/LC_MESSAGES/volto.po
index 995073f..a9ff87b 100644
--- a/locales/ro/LC_MESSAGES/volto.po
+++ b/locales/ro/LC_MESSAGES/volto.po
@@ -68,3 +68,218 @@ msgstr ""
 # defaultMessage: Wide
 msgid "Wide"
 msgstr ""
+
+#: Blocks/StretchBlock
+# defaultMessage: Stretch block to the edges
+msgid "btn-stretch"
+msgstr ""
+
+#: Widgets/QuadSize
+# defaultMessage: Customize
+msgid "field-customize"
+msgstr ""
+
+#: Widgets/QuadSize
+# defaultMessage: Size
+msgid "field-size"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Advanced
+msgid "fieldsets-advanced"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Decorations
+msgid "fieldsets-decorations"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Default
+msgid "fieldsets-default"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Layout
+msgid "fieldsets-layout"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Preset styles
+msgid "fieldsets-presets"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Standard
+msgid "fieldsets-standard"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Align
+msgid "properties-align"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Background color
+msgid "properties-background-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Background image
+msgid "properties-background-image"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Rounded Corner
+msgid "properties-border-radius"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Pushes selected block under floated content
+msgid "properties-clear-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Clear floats
+msgid "properties-clear-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A custom CSS class, applicable just to this block
+msgid "properties-custom-class-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Custom CSS Class
+msgid "properties-custom-class-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A custom id, applicable just to this block
+msgid "properties-custom-id-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Custom Id
+msgid "properties-custom-id-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Relative to normal size of text in the block
+msgid "properties-font-size-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Font size
+msgid "properties-font-size-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: The weight (or boldness) of the font
+msgid "properties-font-weight-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Font weight
+msgid "properties-font-weight-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Element height, expressed as CSS dimension
+msgid "properties-height-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Element height
+msgid "properties-height-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Hide this bloc
+msgid "properties-hidden-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Hidden
+msgid "properties-hidden-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: First letter is styled as a drop cop
+msgid "properties-is-drop-cap-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Drop cap
+msgid "properties-is-drop-cap-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Maximize block to viewport height
+msgid "properties-is-screen-height-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Screen height
+msgid "properties-is-screen-height-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Margin
+msgid "properties-margin"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Padding
+msgid "properties-padding"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Shadow color
+msgid "properties-shadow-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Shadow depth
+msgid "properties-shadow-depth"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Box size
+msgid "properties-size"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Stretch
+msgid "properties-stretch"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Style
+msgid "properties-style-name"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Text align
+msgid "properties-text-align"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Text color
+msgid "properties-text-color"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: A predefined theme, applicable just to this block
+msgid "properties-theme-description"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Theme
+msgid "properties-theme-title"
+msgstr ""
+
+#: StyleWrapper/schema
+# defaultMessage: Styles
+msgid "styles-block"
+msgstr ""
diff --git a/locales/volto.pot b/locales/volto.pot
index 915458a..68d3414 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2023-08-29T17:26:00.716Z\n"
+"POT-Creation-Date: 2024-01-27T09:16:17.769Z\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"
@@ -284,4 +284,4 @@ msgstr ""
 #: StyleWrapper/schema
 # defaultMessage: Styles
 msgid "styles-block"
-msgstr ""
\ No newline at end of file
+msgstr ""

From 0e1d26c9ed28a544258e9eff8638835ba72c7499 Mon Sep 17 00:00:00 2001
From: David Ichim <ichim.david@gmail.com>
Date: Sat, 27 Jan 2024 11:45:21 +0200
Subject: [PATCH 08/12] fix(tests): as we need to mock intl object when testing

---
 src/BlockStyleWrapper/BlockStyleWrapperEdit.test.jsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/BlockStyleWrapper/BlockStyleWrapperEdit.test.jsx b/src/BlockStyleWrapper/BlockStyleWrapperEdit.test.jsx
index cb2c978..0bb5ef3 100644
--- a/src/BlockStyleWrapper/BlockStyleWrapperEdit.test.jsx
+++ b/src/BlockStyleWrapper/BlockStyleWrapperEdit.test.jsx
@@ -25,6 +25,11 @@ describe('BlockStyleWrapperEdit', () => {
         textColor: 'blue',
       },
     },
+    intl: {
+      locale: 'en',
+      messages: {},
+      formatMessage: jest.fn(),
+    },
   };
 
   const initialState = {

From 2566d0230fcb6157c0e8a55569907144bbd58241 Mon Sep 17 00:00:00 2001
From: David Ichim <ichim.david@gmail.com>
Date: Sat, 27 Jan 2024 15:25:20 +0200
Subject: [PATCH 09/12] Bump package version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e9f52db..eb941a1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-block-style",
-  "version": "6.0.0",
+  "version": "6.1.0",
   "description": "volto-block-style: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

From 4766cc4d3e074a581e0bb446ee133cbb26b96984 Mon Sep 17 00:00:00 2001
From: EEA Jenkins <@users.noreply.github.com>
Date: Sat, 27 Jan 2024 13:36:17 +0000
Subject: [PATCH 10/12] Automated release 6.1.0

---
 CHANGELOG.md | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5e1748b..f601957 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,7 +4,26 @@ 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.0.0](https://github.com/eea/volto-block-style/compare/5.2.6...6.0.0) - 8 December 2023
+### [6.1.0](https://github.com/eea/volto-block-style/compare/6.0.0...6.1.0) - 27 January 2024
+
+#### :bug: Bug Fixes
+
+- fix(tests): as we need to mock intl object when testing [David Ichim - [`0e1d26c`](https://github.com/eea/volto-block-style/commit/0e1d26c9ed28a544258e9eff8638835ba72c7499)]
+- fix(styles): remove body main overflow that was hiding popup selectors [David Ichim - [`e0c9ea4`](https://github.com/eea/volto-block-style/commit/e0c9ea4d994b369ed4c95414e1279a4e76855be6)]
+
+#### :nail_care: Enhancements
+
+- change(i118n): updated translation po files [David Ichim - [`5faa308`](https://github.com/eea/volto-block-style/commit/5faa308ec9505d4c24c95673b7489cfaa29eb92d)]
+
+#### :hammer_and_wrench: Others
+
+- Bump package version [David Ichim - [`2566d02`](https://github.com/eea/volto-block-style/commit/2566d0230fcb6157c0e8a55569907144bbd58241)]
+- lint fix [David Ichim - [`269f833`](https://github.com/eea/volto-block-style/commit/269f8332e0c731956b6db99a6cee9b6bf9cb8209)]
+- Add i18n support and pt_BR translation #88 from andreclimaco/develop [ichim-david - [`8ff6dae`](https://github.com/eea/volto-block-style/commit/8ff6dae61960999f7d4d7a5ad1217a0311d18490)]
+- test: Update jest,Jenkinsfile,lint to volto-addons-template PR30 [valentinab25 - [`302006a`](https://github.com/eea/volto-block-style/commit/302006ab4331c4ee5ba72e77157029e6e60743c1)]
+- test: Update jest,Jenkinsfile,lint to volto-addons-template PR30 [valentinab25 - [`42c89fa`](https://github.com/eea/volto-block-style/commit/42c89fad9272403998a4a80f0fd8561bc09947fc)]
+- Add i18n support and pt_BR translation [André Clímaco - [`7c65445`](https://github.com/eea/volto-block-style/commit/7c65445ab8208b963fc12536bb4162c3109d7933)]
+## [6.0.0](https://github.com/eea/volto-block-style/compare/5.2.6...6.0.0) - 8 December 2023
 
 #### :house: Internal changes
 

From d79485811c4e9b6eeb05deaafff1462ddfcfe405 Mon Sep 17 00:00:00 2001
From: Alin Voinea <contact@avoinea.com>
Date: Thu, 1 Feb 2024 12:46:00 +0200
Subject: [PATCH 11/12] chore: package.json

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index eb941a1..52e3b7d 100644
--- a/package.json
+++ b/package.json
@@ -29,11 +29,11 @@
     "@cypress/code-coverage": "^3.10.0",
     "@plone/scripts": "*",
     "babel-plugin-transform-class-properties": "^6.24.1",
+    "dotenv": "^16.3.2",
     "husky": "^8.0.3",
     "lint-staged": "^14.0.1",
     "md5": "^2.3.0",
-    "postcss-less": "6.0.0",
-    "dotenv": "^16.3.2"
+    "postcss-less": "6.0.0"
   },
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx,json}": [

From a359fc0b1f8dfa78fe74f0945aaa44eb1a75a105 Mon Sep 17 00:00:00 2001
From: EEA Jenkins <@users.noreply.github.com>
Date: Thu, 1 Feb 2024 10:57:13 +0000
Subject: [PATCH 12/12] Automated release 6.1.0

---
 CHANGELOG.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f601957..3815735 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,7 +4,7 @@ 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.1.0](https://github.com/eea/volto-block-style/compare/6.0.0...6.1.0) - 27 January 2024
+### [6.1.0](https://github.com/eea/volto-block-style/compare/6.0.0...6.1.0) - 1 February 2024
 
 #### :bug: Bug Fixes
 
@@ -15,6 +15,10 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - change(i118n): updated translation po files [David Ichim - [`5faa308`](https://github.com/eea/volto-block-style/commit/5faa308ec9505d4c24c95673b7489cfaa29eb92d)]
 
+#### :house: Internal changes
+
+- chore: package.json [Alin Voinea - [`d794858`](https://github.com/eea/volto-block-style/commit/d79485811c4e9b6eeb05deaafff1462ddfcfe405)]
+
 #### :hammer_and_wrench: Others
 
 - Bump package version [David Ichim - [`2566d02`](https://github.com/eea/volto-block-style/commit/2566d0230fcb6157c0e8a55569907144bbd58241)]