Added Bento Grid TipTap extension with drag-to-resize and shared grid infrastructure (#567)

Author: fballiano

public/js/mage/adminhtml/wysiwyg/tiptap/extensions.js

@@ -6,19 +6,21 @@
  * @license     https://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
  */
 
-import { Editor, Node, Mark, Extension, mergeAttributes } from 'https://esm.sh/@tiptap/core@3.19.0';
-import StarterKit from 'https://esm.sh/@tiptap/starter-kit@3.19.0';
-import Image from 'https://esm.sh/@tiptap/extension-image@3.19.0';
-import TextAlign from 'https://esm.sh/@tiptap/extension-text-align@3.19.0';
-import { Table, TableRow, TableCell, TableHeader } from 'https://esm.sh/@tiptap/extension-table@3.19.0';
-import BubbleMenu from 'https://esm.sh/@tiptap/extension-bubble-menu@3.19.0';
-import DragHandle from 'https://esm.sh/@tiptap/extension-drag-handle@3.19.0';
+import { Editor, Node, Mark, Extension, mergeAttributes } from 'https://esm.sh/@tiptap/core@3.20.0';
+import StarterKit from 'https://esm.sh/@tiptap/starter-kit@3.20.0';
+import Image from 'https://esm.sh/@tiptap/extension-image@3.20.0';
+import TextAlign from 'https://esm.sh/@tiptap/extension-text-align@3.20.0';
+import { Table, TableRow, TableCell, TableHeader } from 'https://esm.sh/@tiptap/extension-table@3.20.0';
+import BubbleMenu from 'https://esm.sh/@tiptap/extension-bubble-menu@3.20.0';
+import DragHandle from 'https://esm.sh/@tiptap/extension-drag-handle@3.20.0';
 import { MahoColumns, MahoColumn, COLUMN_PRESETS } from './extensions/columns.js';
+import { MahoBentoGrid, MahoBentoCell, BENTO_PRESETS } from './extensions/bento.js';
 
 export {
     Editor, Node, Mark, Extension, StarterKit, TextAlign,
     Table, TableRow, TableCell, TableHeader, BubbleMenu, DragHandle,
     MahoColumns, MahoColumn, COLUMN_PRESETS,
+    MahoBentoGrid, MahoBentoCell, BENTO_PRESETS,
 };
 
 const parseDirective = (directiveStr) => {
@@ -118,6 +120,7 @@ export const GlobalAttributes = Extension.create({
                     'heading', 'paragraph', 'bulletList', 'orderedList', 'listItem', 'blockquote', 'codeBlock',
                     'tableRow', 'tableCell', 'tableHeader', 'table',
                     'mahoColumns', 'mahoColumn',
+                    'mahoBentoGrid', 'mahoBentoCell',
                 ],
                 attributes: {
                     class: {