Disable block variations for groups—we do not support flex layout

mailpoet/assets/js/src/email-editor/engine/blocks/core/group.tsx

@@ -0,0 +1,25 @@
+import { addFilter } from '@wordpress/hooks';
+
+/**
+ * Disables layout support for group blocks because the default layout `flex` add gaps between columns that it is not possible to support in emails.
+ */
+function disableGroupVariations() {
+  addFilter(
+    'blocks.registerBlockType',
+    'mailpoet-email-editor/disable-group-variations',
+    (settings, name) => {
+      if (name === 'core/group') {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+        return {
+          ...settings,
+          variations: [],
+        };
+      }
+
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+      return settings;
+    },
+  );
+}
+
+export { disableGroupVariations };

mailpoet/assets/js/src/email-editor/engine/blocks/index.ts

@@ -6,6 +6,7 @@ import {
   enhanceColumnsBlock,
 } from './core/columns';
 import { enhancePostContentBlock } from './core/post-content';
+import { disableGroupVariations } from './core/group';
 import { disableImageFilter, hideExpandOnClick } from './core/image';
 import { disableCertainRichTextFormats } from './core/rich-text';
 import { enhanceButtonBlock } from './core/button';
@@ -18,6 +19,7 @@ export function initBlocks() {
   disableImageFilter();
   disableCertainRichTextFormats();
   disableColumnsLayout();
+  disableGroupVariations();
   enhanceButtonBlock();
   enhanceButtonsBlock();
   enhanceColumnBlock();