@bigbinary/neeto-editor 1.37.0 → 1.38.0

package/dist/cjs/Editor.cjs.js

@@ -5,7 +5,7 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var Menu$3 = require('./chunk-b40b9bbf.cjs.js');
+var Menu$4 = require('./chunk-cdd8edb9.cjs.js');
 var classnames = require('classnames');
 var constants = require('./chunk-d5fbc51f.cjs.js');
 var neetoCist = require('@bigbinary/neeto-cist');
@@ -32,6 +32,7 @@ var i18n = require('i18next');
 var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var _extends = require('@babel/runtime/helpers/extends');
 var constants$1 = require('./chunk-8dbdfa81.cjs.js');
+var Tippy = require('@tippyjs/react');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var formik = require('@bigbinary/neetoui/formik');
 var Attachments = require('./chunk-fd3c4fe9.cjs.js');
@@ -41,7 +42,6 @@ require('axios');
 require('react-colorful');
 require('@bigbinary/neeto-molecules/DynamicVariables');
 require('./chunk-1b36f0ca.cjs.js');
-require('@tippyjs/react');
 require('yup');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -81,6 +81,7 @@ var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_po
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
 var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var Tippy__default = /*#__PURE__*/_interopDefaultLegacy(Tippy);
 
 var ErrorWrapper = function ErrorWrapper(_ref) {
   var error = _ref.error,
@@ -140,7 +141,7 @@ var CharacterCountWrapper = function CharacterCountWrapper(_ref) {
  * This extension allows you to count the characters and words of your document.
  * @see https://tiptap.dev/api/extensions/character-count
  */
-const CharacterCount = Menu$3.Extension.create({
+const CharacterCount = Menu$4.Extension.create({
     name: 'characterCount',
     addOptions() {
         return {
@@ -235,7 +236,7 @@ const pasteRegex$2 = /(?:^|\s)(`(?!\s+`)((?:[^`]+))`(?!\s+`))/g;
  * This extension allows you to mark text as inline code.
  * @see https://tiptap.dev/api/marks/code
  */
-const Code = Menu$3.Mark.create({
+const Code = Menu$4.Mark.create({
     name: 'code',
     addOptions() {
         return {
@@ -251,7 +252,7 @@ const Code = Menu$3.Mark.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['code', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['code', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
@@ -273,7 +274,7 @@ const Code = Menu$3.Mark.create({
     },
     addInputRules() {
         return [
-            Menu$3.markInputRule({
+            Menu$4.markInputRule({
                 find: inputRegex$5,
                 type: this.type,
             }),
@@ -281,7 +282,7 @@ const Code = Menu$3.Mark.create({
     },
     addPasteRules() {
         return [
-            Menu$3.markPasteRule({
+            Menu$4.markPasteRule({
                 find: pasteRegex$2,
                 type: this.type,
             }),
@@ -294,7 +295,7 @@ const Code = Menu$3.Mark.create({
  * for the `textColor` and `backgroundColor` extensions.
  * @see https://www.tiptap.dev/api/marks/text-style
  */
-const TextStyle$2 = Menu$3.Mark.create({
+const TextStyle$2 = Menu$4.Mark.create({
     name: 'textStyle',
     addOptions() {
         return {
@@ -316,12 +317,12 @@ const TextStyle$2 = Menu$3.Mark.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['span', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['span', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
             removeEmptyTextStyle: () => ({ state, commands }) => {
-                const attributes = Menu$3.getMarkAttributes(state, this.type);
+                const attributes = Menu$4.getMarkAttributes(state, this.type);
                 const hasStyles = Object.entries(attributes).some(([, value]) => !!value);
                 if (hasStyles) {
                     return true;
@@ -336,7 +337,7 @@ const TextStyle$2 = Menu$3.Mark.create({
  * This extension allows you to color your text.
  * @see https://tiptap.dev/api/extensions/color
  */
-const Color = Menu$3.Extension.create({
+const Color = Menu$4.Extension.create({
     name: 'color',
     addOptions() {
         return {
@@ -385,7 +386,7 @@ const Color = Menu$3.Extension.create({
  * The default document node which represents the top level node of the editor.
  * @see https://tiptap.dev/api/nodes/document
  */
-const Document = Menu$3.Node.create({
+const Document = Menu$4.Node.create({
     name: 'doc',
     topNode: true,
     content: 'block+',
@@ -395,7 +396,7 @@ const Document = Menu$3.Node.create({
  * This extension allows you to add a class to the focused node.
  * @see https://www.tiptap.dev/api/extensions/focus
  */
-const FocusClasses = Menu$3.Extension.create({
+const FocusClasses = Menu$4.Extension.create({
     name: 'focus',
     addOptions() {
         return {
@@ -413,7 +414,7 @@ const FocusClasses = Menu$3.Extension.create({
                         const { anchor } = selection;
                         const decorations = [];
                         if (!isEditable || !isFocused) {
-                            return Menu$3.DecorationSet.create(doc, []);
+                            return Menu$4.DecorationSet.create(doc, []);
                         }
                         // Maximum Levels
                         let maxLevels = 0;
@@ -445,11 +446,11 @@ const FocusClasses = Menu$3.Extension.create({
                             if (outOfScope) {
                                 return this.options.mode === 'deepest';
                             }
-                            decorations.push(Menu$3.Decoration.node(pos, pos + node.nodeSize, {
+                            decorations.push(Menu$4.Decoration.node(pos, pos + node.nodeSize, {
                                 class: this.options.className,
                             }));
                         });
-                        return Menu$3.DecorationSet.create(doc, decorations);
+                        return Menu$4.DecorationSet.create(doc, decorations);
                     },
                 },
             }),
@@ -469,7 +470,7 @@ const pasteRegex$1 = /(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))/g;
  * This extension allows you to highlight text.
  * @see https://www.tiptap.dev/api/marks/highlight
  */
-const Highlight = Menu$3.Mark.create({
+const Highlight = Menu$4.Mark.create({
     name: 'highlight',
     addOptions() {
         return {
@@ -505,7 +506,7 @@ const Highlight = Menu$3.Mark.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['mark', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['mark', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
@@ -527,7 +528,7 @@ const Highlight = Menu$3.Mark.create({
     },
     addInputRules() {
         return [
-            Menu$3.markInputRule({
+            Menu$4.markInputRule({
                 find: inputRegex$4,
                 type: this.type,
             }),
@@ -535,7 +536,7 @@ const Highlight = Menu$3.Mark.create({
     },
     addPasteRules() {
         return [
-            Menu$3.markPasteRule({
+            Menu$4.markPasteRule({
                 find: pasteRegex$1,
                 type: this.type,
             }),
@@ -547,7 +548,7 @@ const Highlight = Menu$3.Mark.create({
  * This extension allows you to create table cells.
  * @see https://www.tiptap.dev/api/nodes/table-cell
  */
-const TableCell = Menu$3.Node.create({
+const TableCell = Menu$4.Node.create({
     name: 'tableCell',
     addOptions() {
         return {
@@ -583,7 +584,7 @@ const TableCell = Menu$3.Node.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['td', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['td', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
 });
 
@@ -591,7 +592,7 @@ const TableCell = Menu$3.Node.create({
  * This extension allows you to create table headers.
  * @see https://www.tiptap.dev/api/nodes/table-header
  */
-const TableHeader = Menu$3.Node.create({
+const TableHeader = Menu$4.Node.create({
     name: 'tableHeader',
     addOptions() {
         return {
@@ -627,7 +628,7 @@ const TableHeader = Menu$3.Node.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['th', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['th', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
 });
 
@@ -635,7 +636,7 @@ const TableHeader = Menu$3.Node.create({
  * This extension allows you to create table rows.
  * @see https://www.tiptap.dev/api/nodes/table-row
  */
-const TableRow = Menu$3.Node.create({
+const TableRow = Menu$4.Node.create({
     name: 'tableRow',
     addOptions() {
         return {
@@ -650,7 +651,7 @@ const TableRow = Menu$3.Node.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['tr', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['tr', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
 });
 
@@ -658,7 +659,7 @@ const TableRow = Menu$3.Node.create({
  * This extension allows you to create underline text.
  * @see https://www.tiptap.dev/api/marks/underline
  */
-const Underline = Menu$3.Mark.create({
+const Underline = Menu$4.Mark.create({
     name: 'underline',
     addOptions() {
         return {
@@ -678,7 +679,7 @@ const Underline = Menu$3.Mark.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['u', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['u', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
@@ -709,7 +710,7 @@ const inputRegex$3 = /^\s*>\s$/;
  * This extension allows you to create blockquotes.
  * @see https://tiptap.dev/api/nodes/blockquote
  */
-const Blockquote = Menu$3.Node.create({
+const Blockquote = Menu$4.Node.create({
     name: 'blockquote',
     addOptions() {
         return {
@@ -725,7 +726,7 @@ const Blockquote = Menu$3.Node.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['blockquote', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['blockquote', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
@@ -747,7 +748,7 @@ const Blockquote = Menu$3.Node.create({
     },
     addInputRules() {
         return [
-            Menu$3.wrappingInputRule({
+            Menu$4.wrappingInputRule({
                 find: inputRegex$3,
                 type: this.type,
             }),
@@ -775,7 +776,7 @@ const underscorePasteRegex$1 = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))/g;
  * This extension allows you to mark text as bold.
  * @see https://tiptap.dev/api/marks/bold
  */
-const Bold = Menu$3.Mark.create({
+const Bold = Menu$4.Mark.create({
     name: 'bold',
     addOptions() {
         return {
@@ -798,7 +799,7 @@ const Bold = Menu$3.Mark.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['strong', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['strong', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
@@ -821,11 +822,11 @@ const Bold = Menu$3.Mark.create({
     },
     addInputRules() {
         return [
-            Menu$3.markInputRule({
+            Menu$4.markInputRule({
                 find: starInputRegex$1,
                 type: this.type,
             }),
-            Menu$3.markInputRule({
+            Menu$4.markInputRule({
                 find: underscoreInputRegex$1,
                 type: this.type,
             }),
@@ -833,11 +834,11 @@ const Bold = Menu$3.Mark.create({
     },
     addPasteRules() {
         return [
-            Menu$3.markPasteRule({
+            Menu$4.markPasteRule({
                 find: starPasteRegex$1,
                 type: this.type,
             }),
-            Menu$3.markPasteRule({
+            Menu$4.markPasteRule({
                 find: underscorePasteRegex$1,
                 type: this.type,
             }),
@@ -849,7 +850,7 @@ const Bold = Menu$3.Mark.create({
  * This extension allows you to create list items.
  * @see https://www.tiptap.dev/api/nodes/list-item
  */
-const ListItem$2 = Menu$3.Node.create({
+const ListItem$2 = Menu$4.Node.create({
     name: 'listItem',
     addOptions() {
         return {
@@ -868,7 +869,7 @@ const ListItem$2 = Menu$3.Node.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['li', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['li', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addKeyboardShortcuts() {
         return {
@@ -884,7 +885,7 @@ const ListItem$2 = Menu$3.Node.create({
  * for the `textColor` and `backgroundColor` extensions.
  * @see https://www.tiptap.dev/api/marks/text-style
  */
-const TextStyle$1 = Menu$3.Mark.create({
+const TextStyle$1 = Menu$4.Mark.create({
     name: 'textStyle',
     addOptions() {
         return {
@@ -906,12 +907,12 @@ const TextStyle$1 = Menu$3.Mark.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['span', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['span', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
             removeEmptyTextStyle: () => ({ state, commands }) => {
-                const attributes = Menu$3.getMarkAttributes(state, this.type);
+                const attributes = Menu$4.getMarkAttributes(state, this.type);
                 const hasStyles = Object.entries(attributes).some(([, value]) => !!value);
                 if (hasStyles) {
                     return true;
@@ -932,7 +933,7 @@ const inputRegex$2 = /^\s*([-+*])\s$/;
  * @see https://tiptap.dev/api/nodes/bullet-list
  * @see https://tiptap.dev/api/nodes/list-item.
  */
-const BulletList = Menu$3.Node.create({
+const BulletList = Menu$4.Node.create({
     name: 'bulletList',
     addOptions() {
         return {
@@ -952,7 +953,7 @@ const BulletList = Menu$3.Node.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['ul', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['ul', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
@@ -970,12 +971,12 @@ const BulletList = Menu$3.Node.create({
         };
     },
     addInputRules() {
-        let inputRule = Menu$3.wrappingInputRule({
+        let inputRule = Menu$4.wrappingInputRule({
             find: inputRegex$2,
             type: this.type,
         });
         if (this.options.keepMarks || this.options.keepAttributes) {
-            inputRule = Menu$3.wrappingInputRule({
+            inputRule = Menu$4.wrappingInputRule({
                 find: inputRegex$2,
                 type: this.type,
                 keepMarks: this.options.keepMarks,
@@ -1002,7 +1003,7 @@ const tildeInputRegex = /^~~~([a-z]+)?[\s\n]$/;
  * This extension allows you to create code blocks.
  * @see https://tiptap.dev/api/nodes/code-block
  */
-const CodeBlock$1 = Menu$3.Node.create({
+const CodeBlock$1 = Menu$4.Node.create({
     name: 'codeBlock',
     addOptions() {
         return {
@@ -1049,7 +1050,7 @@ const CodeBlock$1 = Menu$3.Node.create({
     renderHTML({ node, HTMLAttributes }) {
         return [
             'pre',
-            Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+            Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
             [
                 'code',
                 {
@@ -1140,14 +1141,14 @@ const CodeBlock$1 = Menu$3.Node.create({
     },
     addInputRules() {
         return [
-            Menu$3.textblockTypeInputRule({
+            Menu$4.textblockTypeInputRule({
                 find: backtickInputRegex,
                 type: this.type,
                 getAttributes: match => ({
                     language: match[1],
                 }),
             }),
-            Menu$3.textblockTypeInputRule({
+            Menu$4.textblockTypeInputRule({
                 find: tildeInputRegex,
                 type: this.type,
                 getAttributes: match => ({
@@ -1349,7 +1350,7 @@ class DropCursorView {
  * inbetween nodes.
  * @see https://tiptap.dev/api/extensions/dropcursor
  */
-const Dropcursor = Menu$3.Extension.create({
+const Dropcursor = Menu$4.Extension.create({
     name: 'dropCursor',
     addOptions() {
         return {
@@ -1531,7 +1532,7 @@ function gapCursor() {
         }
     });
 }
-const handleKeyDown$1 = Menu$3.keydownHandler({
+const handleKeyDown$1 = Menu$4.keydownHandler({
     "ArrowLeft": arrow$1("horiz", -1),
     "ArrowRight": arrow$1("horiz", 1),
     "ArrowUp": arrow$1("vert", -1),
@@ -1592,7 +1593,7 @@ function drawGapCursor(state) {
         return null;
     let node = document.createElement("div");
     node.className = "ProseMirror-gapcursor";
-    return Menu$3.DecorationSet.create(state.doc, [Menu$3.Decoration.widget(state.selection.head, node, { key: "gapcursor" })]);
+    return Menu$4.DecorationSet.create(state.doc, [Menu$4.Decoration.widget(state.selection.head, node, { key: "gapcursor" })]);
 }
 
 /**
@@ -1601,7 +1602,7 @@ function drawGapCursor(state) {
  * where no content is present, for example inbetween nodes.
  * @see https://tiptap.dev/api/extensions/gapcursor
  */
-const Gapcursor = Menu$3.Extension.create({
+const Gapcursor = Menu$4.Extension.create({
     name: 'gapCursor',
     addProseMirrorPlugins() {
         return [
@@ -1616,7 +1617,7 @@ const Gapcursor = Menu$3.Extension.create({
             storage: extension.storage,
         };
         return {
-            allowGapCursor: (_a = Menu$3.callOrReturn(Menu$3.getExtensionField(extension, 'allowGapCursor', context))) !== null && _a !== void 0 ? _a : null,
+            allowGapCursor: (_a = Menu$4.callOrReturn(Menu$4.getExtensionField(extension, 'allowGapCursor', context))) !== null && _a !== void 0 ? _a : null,
         };
     },
 });
@@ -1625,7 +1626,7 @@ const Gapcursor = Menu$3.Extension.create({
  * This extension allows you to insert hard breaks.
  * @see https://www.tiptap.dev/api/nodes/hard-break
  */
-const HardBreak = Menu$3.Node.create({
+const HardBreak = Menu$4.Node.create({
     name: 'hardBreak',
     addOptions() {
         return {
@@ -1642,7 +1643,7 @@ const HardBreak = Menu$3.Node.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['br', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+        return ['br', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
     },
     renderText() {
         return '\n';
@@ -1689,7 +1690,7 @@ const HardBreak = Menu$3.Node.create({
  * This extension allows you to create headings.
  * @see https://www.tiptap.dev/api/nodes/heading
  */
-const Heading = Menu$3.Node.create({
+const Heading = Menu$4.Node.create({
     name: 'heading',
     addOptions() {
         return {
@@ -1720,7 +1721,7 @@ const Heading = Menu$3.Node.create({
         const level = hasLevel
             ? node.attrs.level
             : this.options.levels[0];
-        return [`h${level}`, Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return [`h${level}`, Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
@@ -1748,7 +1749,7 @@ const Heading = Menu$3.Node.create({
     },
     addInputRules() {
         return this.options.levels.map(level => {
-            return Menu$3.textblockTypeInputRule({
+            return Menu$4.textblockTypeInputRule({
                 find: new RegExp(`^(#{1,${level}})\\s$`),
                 type: this.type,
                 getAttributes: {
@@ -2382,7 +2383,7 @@ const redo = buildCommand(true, true);
  *
  * `@tiptap/extension-collaboration` uses its own history implementation.
  */
-const History = Menu$3.Extension.create({
+const History = Menu$4.Extension.create({
     name: 'history',
     addOptions() {
         return {
@@ -2421,7 +2422,7 @@ const History = Menu$3.Extension.create({
  * This extension allows you to insert horizontal rules.
  * @see https://www.tiptap.dev/api/nodes/horizontal-rule
  */
-const HorizontalRule = Menu$3.Node.create({
+const HorizontalRule = Menu$4.Node.create({
     name: 'horizontalRule',
     addOptions() {
         return {
@@ -2433,7 +2434,7 @@ const HorizontalRule = Menu$3.Node.create({
         return [{ tag: 'hr' }];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['hr', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+        return ['hr', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
     },
     addCommands() {
         return {
@@ -2482,7 +2483,7 @@ const HorizontalRule = Menu$3.Node.create({
     },
     addInputRules() {
         return [
-            Menu$3.nodeInputRule({
+            Menu$4.nodeInputRule({
                 find: /^(?:---|—-|___\s|\*\*\*\s)$/,
                 type: this.type,
             }),
@@ -2510,7 +2511,7 @@ const underscorePasteRegex = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))/g;
  * This extension allows you to create italic text.
  * @see https://www.tiptap.dev/api/marks/italic
  */
-const Italic = Menu$3.Mark.create({
+const Italic = Menu$4.Mark.create({
     name: 'italic',
     addOptions() {
         return {
@@ -2532,7 +2533,7 @@ const Italic = Menu$3.Mark.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['em', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['em', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
@@ -2555,11 +2556,11 @@ const Italic = Menu$3.Mark.create({
     },
     addInputRules() {
         return [
-            Menu$3.markInputRule({
+            Menu$4.markInputRule({
                 find: starInputRegex,
                 type: this.type,
             }),
-            Menu$3.markInputRule({
+            Menu$4.markInputRule({
                 find: underscoreInputRegex,
                 type: this.type,
             }),
@@ -2567,11 +2568,11 @@ const Italic = Menu$3.Mark.create({
     },
     addPasteRules() {
         return [
-            Menu$3.markPasteRule({
+            Menu$4.markPasteRule({
                 find: starPasteRegex,
                 type: this.type,
             }),
-            Menu$3.markPasteRule({
+            Menu$4.markPasteRule({
                 find: underscorePasteRegex,
                 type: this.type,
             }),
@@ -2583,7 +2584,7 @@ const Italic = Menu$3.Mark.create({
  * This extension allows you to create list items.
  * @see https://www.tiptap.dev/api/nodes/list-item
  */
-const ListItem$1 = Menu$3.Node.create({
+const ListItem$1 = Menu$4.Node.create({
     name: 'listItem',
     addOptions() {
         return {
@@ -2602,7 +2603,7 @@ const ListItem$1 = Menu$3.Node.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['li', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['li', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addKeyboardShortcuts() {
         return {
@@ -2617,7 +2618,7 @@ const ListItem$1 = Menu$3.Node.create({
  * This extension allows you to create list items.
  * @see https://www.tiptap.dev/api/nodes/list-item
  */
-const ListItem = Menu$3.Node.create({
+const ListItem = Menu$4.Node.create({
     name: 'listItem',
     addOptions() {
         return {
@@ -2636,7 +2637,7 @@ const ListItem = Menu$3.Node.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['li', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['li', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addKeyboardShortcuts() {
         return {
@@ -2652,7 +2653,7 @@ const ListItem = Menu$3.Node.create({
  * for the `textColor` and `backgroundColor` extensions.
  * @see https://www.tiptap.dev/api/marks/text-style
  */
-const TextStyle = Menu$3.Mark.create({
+const TextStyle = Menu$4.Mark.create({
     name: 'textStyle',
     addOptions() {
         return {
@@ -2674,12 +2675,12 @@ const TextStyle = Menu$3.Mark.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['span', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['span', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
             removeEmptyTextStyle: () => ({ state, commands }) => {
-                const attributes = Menu$3.getMarkAttributes(state, this.type);
+                const attributes = Menu$4.getMarkAttributes(state, this.type);
                 const hasStyles = Object.entries(attributes).some(([, value]) => !!value);
                 if (hasStyles) {
                     return true;
@@ -2700,7 +2701,7 @@ const inputRegex$1 = /^(\d+)\.\s$/;
  * @see https://www.tiptap.dev/api/nodes/ordered-list
  * @see https://www.tiptap.dev/api/nodes/list-item
  */
-const OrderedList = Menu$3.Node.create({
+const OrderedList = Menu$4.Node.create({
     name: 'orderedList',
     addOptions() {
         return {
@@ -2736,8 +2737,8 @@ const OrderedList = Menu$3.Node.create({
     renderHTML({ HTMLAttributes }) {
         const { start, ...attributesWithoutStart } = HTMLAttributes;
         return start === 1
-            ? ['ol', Menu$3.mergeAttributes(this.options.HTMLAttributes, attributesWithoutStart), 0]
-            : ['ol', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+            ? ['ol', Menu$4.mergeAttributes(this.options.HTMLAttributes, attributesWithoutStart), 0]
+            : ['ol', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
@@ -2755,14 +2756,14 @@ const OrderedList = Menu$3.Node.create({
         };
     },
     addInputRules() {
-        let inputRule = Menu$3.wrappingInputRule({
+        let inputRule = Menu$4.wrappingInputRule({
             find: inputRegex$1,
             type: this.type,
             getAttributes: match => ({ start: +match[1] }),
             joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1],
         });
         if (this.options.keepMarks || this.options.keepAttributes) {
-            inputRule = Menu$3.wrappingInputRule({
+            inputRule = Menu$4.wrappingInputRule({
                 find: inputRegex$1,
                 type: this.type,
                 keepMarks: this.options.keepMarks,
@@ -2782,7 +2783,7 @@ const OrderedList = Menu$3.Node.create({
  * This extension allows you to create paragraphs.
  * @see https://www.tiptap.dev/api/nodes/paragraph
  */
-const Paragraph = Menu$3.Node.create({
+const Paragraph = Menu$4.Node.create({
     name: 'paragraph',
     priority: 1000,
     addOptions() {
@@ -2798,7 +2799,7 @@ const Paragraph = Menu$3.Node.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['p', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['p', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
@@ -2826,7 +2827,7 @@ const pasteRegex = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g;
  * This extension allows you to create strike text.
  * @see https://www.tiptap.dev/api/marks/strike
  */
-const Strike = Menu$3.Mark.create({
+const Strike = Menu$4.Mark.create({
     name: 'strike',
     addOptions() {
         return {
@@ -2852,7 +2853,7 @@ const Strike = Menu$3.Mark.create({
         ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['s', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['s', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
@@ -2874,7 +2875,7 @@ const Strike = Menu$3.Mark.create({
     },
     addInputRules() {
         return [
-            Menu$3.markInputRule({
+            Menu$4.markInputRule({
                 find: inputRegex,
                 type: this.type,
             }),
@@ -2882,7 +2883,7 @@ const Strike = Menu$3.Mark.create({
     },
     addPasteRules() {
         return [
-            Menu$3.markPasteRule({
+            Menu$4.markPasteRule({
                 find: pasteRegex,
                 type: this.type,
             }),
@@ -2894,7 +2895,7 @@ const Strike = Menu$3.Mark.create({
  * This extension allows you to create text nodes.
  * @see https://www.tiptap.dev/api/nodes/text
  */
-const Text$1 = Menu$3.Node.create({
+const Text$1 = Menu$4.Node.create({
     name: 'text',
     group: 'inline',
 });
@@ -2904,7 +2905,7 @@ const Text$1 = Menu$3.Node.create({
  *
  * It’s a good starting point for building your own editor.
  */
-const StarterKit = Menu$3.Extension.create({
+const StarterKit = Menu$4.Extension.create({
     name: 'starterKit',
     addExtensions() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
@@ -2967,7 +2968,7 @@ const StarterKit = Menu$3.Extension.create({
     },
 });
 
-var HighlightInternal = Menu$3.Extension.create({
+var HighlightInternal = Menu$4.Extension.create({
   name: "HighlightInternal",
   addOptions: function addOptions() {
     return {
@@ -5609,7 +5610,7 @@ function registered(aliasOrLanguage) {
 }
 function getDecorations({ doc, name, lowlight, defaultLanguage, }) {
     const decorations = [];
-    Menu$3.findChildren(doc, node => node.type.name === name).forEach(block => {
+    Menu$4.findChildren(doc, node => node.type.name === name).forEach(block => {
         let from = block.pos + 1;
         const language = block.node.attrs.language || defaultLanguage;
         const languages = lowlight.listLanguages();
@@ -5619,7 +5620,7 @@ function getDecorations({ doc, name, lowlight, defaultLanguage, }) {
         parseNodes(nodes).forEach(node => {
             const to = from + node.text.length;
             if (node.classes.length) {
-                const decoration = Menu$3.Decoration.inline(from, to, {
+                const decoration = Menu$4.Decoration.inline(from, to, {
                     class: node.classes.join(' '),
                 });
                 decorations.push(decoration);
@@ -5627,7 +5628,7 @@ function getDecorations({ doc, name, lowlight, defaultLanguage, }) {
             from = to;
         });
     });
-    return Menu$3.DecorationSet.create(doc, decorations);
+    return Menu$4.DecorationSet.create(doc, decorations);
 }
 function isFunction(param) {
     return typeof param === 'function';
@@ -5648,8 +5649,8 @@ function LowlightPlugin({ name, lowlight, defaultLanguage, }) {
             apply: (transaction, decorationSet, oldState, newState) => {
                 const oldNodeName = oldState.selection.$head.parent.type.name;
                 const newNodeName = newState.selection.$head.parent.type.name;
-                const oldNodes = Menu$3.findChildren(oldState.doc, node => node.type.name === name);
-                const newNodes = Menu$3.findChildren(newState.doc, node => node.type.name === name);
+                const oldNodes = Menu$4.findChildren(oldState.doc, node => node.type.name === name);
+                const newNodes = Menu$4.findChildren(newState.doc, node => node.type.name === name);
                 if (transaction.docChanged
                     // Apply decorations if:
                     // selection includes named node,
@@ -5722,8 +5723,8 @@ const CodeBlockLowlight = CodeBlock$1.extend({
 
 var SORTED_LANGUAGE_LIST = [].concat(_toConsumableArray__default["default"](core$1.lowlight.listLanguages()), ["html"]).sort();
 
-var Menu$2 = neetoui.Dropdown.Menu,
-  MenuItem = neetoui.Dropdown.MenuItem;
+var Menu$3 = neetoui.Dropdown.Menu,
+  MenuItem$1 = neetoui.Dropdown.MenuItem;
 var CodeBlockComponent = function CodeBlockComponent(_ref) {
   var _node$attrs3, _node$content;
   var node = _ref.node,
@@ -5755,7 +5756,7 @@ var CodeBlockComponent = function CodeBlockComponent(_ref) {
       language: "javascript"
     });
   }, []);
-  return /*#__PURE__*/React__default["default"].createElement(Menu$3.NodeViewWrapper, {
+  return /*#__PURE__*/React__default["default"].createElement(Menu$4.NodeViewWrapper, {
     "data-cy": "neeto-editor-code-block"
   }, /*#__PURE__*/React__default["default"].createElement("pre", null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-editor-codeblock-options",
@@ -5783,10 +5784,10 @@ var CodeBlockComponent = function CodeBlockComponent(_ref) {
       e.preventDefault();
       e.stopPropagation();
     }
-  }), /*#__PURE__*/React__default["default"].createElement(Menu$2, {
+  }), /*#__PURE__*/React__default["default"].createElement(Menu$3, {
     className: "neeto-editor-codeblock-options__menu"
   }, filteredAndSortedLanguageList.map(function (language) {
-    return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem$1.Button, {
       key: language,
       onClick: function onClick() {
         return handleLanguageSelect(language);
@@ -5796,20 +5797,20 @@ var CodeBlockComponent = function CodeBlockComponent(_ref) {
     size: "small",
     style: "secondary",
     value: node === null || node === void 0 || (_node$content = node.content) === null || _node$content === void 0 || (_node$content = _node$content.content[0]) === null || _node$content === void 0 ? void 0 : _node$content.text
-  })), /*#__PURE__*/React__default["default"].createElement(Menu$3.NodeViewContent, {
+  })), /*#__PURE__*/React__default["default"].createElement(Menu$4.NodeViewContent, {
     as: "code"
   })));
 };
 
 var CodeBlock = CodeBlockLowlight.extend({
   addNodeView: function addNodeView() {
-    return Menu$3.ReactNodeViewRenderer(CodeBlockComponent);
+    return Menu$4.ReactNodeViewRenderer(CodeBlockComponent);
   }
 }).configure({
   lowlight: core$1.lowlight
 });
 
-var CustomCommands = Menu$3.Extension.create({
+var CustomCommands = Menu$4.Extension.create({
   name: "paste-unformatted",
   addCommands: function addCommands() {
     return {
@@ -6665,7 +6666,7 @@ var Resizable = /** @class */ (function (_super) {
     return Resizable;
 }(React__namespace.PureComponent));
 
-var Menu$1 = function Menu(_ref) {
+var Menu$2 = function Menu(_ref) {
   var align = _ref.align,
     editor = _ref.editor,
     updateAttributes = _ref.updateAttributes,
@@ -6731,7 +6732,7 @@ var EmbedComponent = function EmbedComponent(_ref) {
     })));
     editor.commands.focus();
   };
-  return /*#__PURE__*/React__default["default"].createElement(Menu$3.NodeViewWrapper, {
+  return /*#__PURE__*/React__default["default"].createElement(Menu$4.NodeViewWrapper, {
     className: "neeto-editor__video-wrapper neeto-editor__video--".concat(align),
     "data-cy": "neeto-editor-video-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement(Resizable, {
@@ -6742,7 +6743,7 @@ var EmbedComponent = function EmbedComponent(_ref) {
       width: width
     },
     onResizeStop: handleResize
-  }, /*#__PURE__*/React__default["default"].createElement(Menu$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Menu$2, {
     align: align,
     deleteNode: deleteNode,
     editor: editor,
@@ -6750,9 +6751,9 @@ var EmbedComponent = function EmbedComponent(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement("iframe", node.attrs)));
 };
 
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Embeds = Menu$3.Node.create({
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Embeds = Menu$4.Node.create({
   name: "external-video",
   addOptions: function addOptions() {
     return {
@@ -6821,10 +6822,10 @@ var Embeds = Menu$3.Node.create({
     }, ["div", {
       "class": "neeto-editor__video-iframe",
       style: "width: ".concat(figwidth, "px; height: ").concat(figheight, "px;")
-    }, ["iframe", Menu$3.mergeAttributes(this.options.HTMLAttributes, _objectSpread$a({}, HTMLAttributes))]]];
+    }, ["iframe", Menu$4.mergeAttributes(this.options.HTMLAttributes, _objectSpread$b({}, HTMLAttributes))]]];
   },
   addNodeView: function addNodeView() {
-    return Menu$3.ReactNodeViewRenderer(EmbedComponent);
+    return Menu$4.ReactNodeViewRenderer(EmbedComponent);
   },
   addCommands: function addCommands() {
     var _this = this;
@@ -6841,7 +6842,7 @@ var Embeds = Menu$3.Node.create({
     };
   },
   addPasteRules: function addPasteRules() {
-    return [new Menu$3.PasteRule({
+    return [new Menu$4.PasteRule({
       find: constants.COMBINED_REGEX,
       handler: function handler(_ref3) {
         var state = _ref3.state,
@@ -6849,7 +6850,7 @@ var Embeds = Menu$3.Node.create({
           match = _ref3.match;
         state.tr["delete"](range.from, range.to);
         state.tr.setSelection(utils.TextSelection.create(state.doc, range.from + 1));
-        var validatedUrl = Menu$3.validateUrl(match[0]);
+        var validatedUrl = Menu$4.validateUrl(match[0]);
         if (validatedUrl) {
           var node = state.schema.nodes["external-video"].create({
             src: validatedUrl
@@ -6866,7 +6867,7 @@ var Embeds = Menu$3.Node.create({
 function findSuggestionMatch(config) {
     var _a;
     const { char, allowSpaces, allowedPrefixes, startOfLine, $position, } = config;
-    const escapedChar = Menu$3.escapeForRegEx(char);
+    const escapedChar = Menu$4.escapeForRegEx(char);
     const suffix = new RegExp(`\\s${escapedChar}$`);
     const prefix = startOfLine ? '^' : '';
     const regexp = allowSpaces
@@ -7079,8 +7080,8 @@ function Suggestion({ pluginKey = SuggestionPluginKey, editor, char = '@', allow
                 if (!active) {
                     return null;
                 }
-                return Menu$3.DecorationSet.create(state.doc, [
-                    Menu$3.Decoration.inline(range.from, range.to, {
+                return Menu$4.DecorationSet.create(state.doc, [
+                    Menu$4.Decoration.inline(range.from, range.to, {
                         nodeName: decorationTag,
                         class: decorationClass,
                         'data-decoration-id': decorationId,
@@ -7092,10 +7093,10 @@ function Suggestion({ pluginKey = SuggestionPluginKey, editor, char = '@', allow
     return plugin;
 }
 
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EmojiPickerPluginKey = new utils.PluginKey("emoji-picker");
-var EmojiPicker = Menu$3.Node.create({
+var EmojiPicker = Menu$4.Node.create({
   name: "emojiPicker",
   group: "inline",
   inline: true,
@@ -7115,7 +7116,7 @@ var EmojiPicker = Menu$3.Node.create({
           var popup;
           return {
             onStart: function onStart(props) {
-              reactRenderer = new Menu$3.ReactRenderer(Menu$3.EmojiPickerMenu, {
+              reactRenderer = new Menu$4.ReactRenderer(Menu$4.EmojiPickerMenu, {
                 props: props,
                 editor: props.editor
               });
@@ -7147,7 +7148,7 @@ var EmojiPicker = Menu$3.Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [Suggestion(_objectSpread$9({
+    return [Suggestion(_objectSpread$a({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -7173,8 +7174,8 @@ var filterEmojiSuggestions = function filterEmojiSuggestions(suggestions, freque
   }).slice(0, 5);
 };
 
-function _callSuper$1(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper$3(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$3() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function _isNativeReflectConstruct() { return !!t; })(); }
 var EmojiSuggestionMenu = /*#__PURE__*/function (_React$Component) {
   function EmojiSuggestionMenu() {
     var _this;
@@ -7182,7 +7183,7 @@ var EmojiSuggestionMenu = /*#__PURE__*/function (_React$Component) {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper$1(this, EmojiSuggestionMenu, [].concat(args));
+    _this = _callSuper$3(this, EmojiSuggestionMenu, [].concat(args));
     _defineProperty__default["default"](_this, "state", {
       isLoading: false,
       selectedIndex: 0,
@@ -7199,7 +7200,7 @@ var EmojiSuggestionMenu = /*#__PURE__*/function (_React$Component) {
             });
             _context.prev = 1;
             _context.next = 4;
-            return Menu$3.emojiPickerApi.fetch();
+            return Menu$4.emojiPickerApi.fetch();
           case 4:
             _yield$emojiPickerApi = _context.sent;
             data = _yield$emojiPickerApi.data;
@@ -7361,10 +7362,10 @@ var EmojiSuggestionMenu = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React__default["default"].Component);
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EmojiSuggestionPluginKey = new utils.PluginKey("emoji-suggestion");
-var EmojiSuggestion = Menu$3.Node.create({
+var EmojiSuggestion = Menu$4.Node.create({
   name: "emojiSuggestion",
   group: "inline",
   inline: true,
@@ -7408,7 +7409,7 @@ var EmojiSuggestion = Menu$3.Node.create({
   renderHTML: function renderHTML(_ref2) {
     var node = _ref2.node,
       HTMLAttributes = _ref2.HTMLAttributes;
-    return ["span", Menu$3.mergeAttributes({
+    return ["span", Menu$4.mergeAttributes({
       "data-emoji": ""
     }, this.options.HTMLAttributes, HTMLAttributes), this.options.renderEmoji({
       node: node
@@ -7441,7 +7442,7 @@ var EmojiSuggestion = Menu$3.Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [Suggestion(_objectSpread$8({
+    return [Suggestion(_objectSpread$9({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -7472,7 +7473,7 @@ var suggestionConfig = {
       onUpdate: function onUpdate(props) {
         var _popup$;
         if (!(props.editor.view.input.lastKeyCode === 39 || props.editor.view.input.lastKeyCode === 37) && props.query.length === 1) {
-          reactRenderer = new Menu$3.ReactRenderer(EmojiSuggestionMenu, {
+          reactRenderer = new Menu$4.ReactRenderer(EmojiSuggestionMenu, {
             props: props,
             editor: props.editor
           });
@@ -7555,8 +7556,8 @@ var ImagePreviewModal = function ImagePreviewModal(_ref) {
   })));
 };
 
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ImageComponent = function ImageComponent(_ref) {
   var _node$content, _figureRef$current;
   var node = _ref.node,
@@ -7601,12 +7602,12 @@ var ImageComponent = function ImageComponent(_ref) {
     })));
     editor.commands.focus();
   };
-  return /*#__PURE__*/React__default["default"].createElement(Menu$3.NodeViewWrapper, {
+  return /*#__PURE__*/React__default["default"].createElement(Menu$4.NodeViewWrapper, {
     className: "neeto-editor__image-wrapper neeto-editor__image--".concat(align),
     "data-cy": "neeto-editor-image-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement("figure", {
     ref: figureRef
-  }, /*#__PURE__*/React__default["default"].createElement(Menu$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Menu$2, {
     align: align,
     deleteNode: deleteNode,
     editor: editor,
@@ -7623,7 +7624,7 @@ var ImageComponent = function ImageComponent(_ref) {
     onResize: function onResize(_event, _direction, ref) {
       return setCaptionWidth(ref.offsetWidth);
     }
-  }, /*#__PURE__*/React__default["default"].createElement("img", _extends__default["default"]({}, _objectSpread$7(_objectSpread$7({}, node.attrs), {}, {
+  }, /*#__PURE__*/React__default["default"].createElement("img", _extends__default["default"]({}, _objectSpread$8(_objectSpread$8({}, node.attrs), {}, {
     src: src
   }), {
     alt: caption,
@@ -7633,7 +7634,7 @@ var ImageComponent = function ImageComponent(_ref) {
     }
   }))) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-editor__image-placeholder"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null)), /*#__PURE__*/React__default["default"].createElement(Menu$3.NodeViewContent, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null)), /*#__PURE__*/React__default["default"].createElement(Menu$4.NodeViewContent, {
     as: "figcaption",
     className: classnames__default["default"]({
       "is-empty": ramda.isEmpty(caption)
@@ -7682,7 +7683,7 @@ var upload = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-var ImageExtension = Menu$3.Node.create({
+var ImageExtension = Menu$4.Node.create({
   name: "image",
   addOptions: function addOptions() {
     return {
@@ -7768,13 +7769,13 @@ var ImageExtension = Menu$3.Node.create({
     var captionAttrs = {
       style: "width:".concat(figwidth, "px;")
     };
-    return ["div", wrapperDivAttrs, ["figure", this.options.HTMLAttributes, ["a", wrapperLinkAttrs, ["img", Menu$3.mergeAttributes(HTMLAttributes, {
+    return ["div", wrapperDivAttrs, ["figure", this.options.HTMLAttributes, ["a", wrapperLinkAttrs, ["img", Menu$4.mergeAttributes(HTMLAttributes, {
       draggable: false,
       contenteditable: false
     })]], ["figcaption", captionAttrs, 0]]];
   },
   addNodeView: function addNodeView() {
-    return Menu$3.ReactNodeViewRenderer(ImageComponent);
+    return Menu$4.ReactNodeViewRenderer(ImageComponent);
   },
   addCommands: function addCommands() {
     var _this = this;
@@ -7859,7 +7860,7 @@ var ImageExtension = Menu$3.Node.create({
   }
 });
 
-var FigCaption = Menu$3.Node.create({
+var FigCaption = Menu$4.Node.create({
   name: "figcaption",
   content: "text*",
   selectable: false,
@@ -7871,21 +7872,21 @@ var FigCaption = Menu$3.Node.create({
   },
   renderHTML: function renderHTML(_ref) {
     var HTMLAttributes = _ref.HTMLAttributes;
-    return ["figcaption", Menu$3.mergeAttributes(HTMLAttributes), 0];
+    return ["figcaption", Menu$4.mergeAttributes(HTMLAttributes), 0];
   }
 });
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var KeyboardShortcuts = function KeyboardShortcuts(_ref) {
   var onSubmit = _ref.onSubmit,
     shortcuts = _ref.shortcuts,
     isBlockQuoteActive = _ref.isBlockQuoteActive;
-  return Menu$3.Extension.create({
+  return Menu$4.Extension.create({
     name: "keyboard-shortcuts",
     addKeyboardShortcuts: function addKeyboardShortcuts() {
       var _this = this;
-      return _objectSpread$6({
+      return _objectSpread$7({
         "Mod-Enter": function ModEnter() {
           onSubmit === null || onSubmit === void 0 || onSubmit(_this.editor.getHTML());
           return true;
@@ -9704,11 +9705,11 @@ function autolink(options) {
                 return;
             }
             const { tr } = newState;
-            const transform = Menu$3.combineTransactionSteps(oldState.doc, [...transactions]);
-            const changes = Menu$3.getChangedRanges(transform);
+            const transform = Menu$4.combineTransactionSteps(oldState.doc, [...transactions]);
+            const changes = Menu$4.getChangedRanges(transform);
             changes.forEach(({ newRange }) => {
                 // Now let’s see if we can add new links.
-                const nodesInChangedRanges = Menu$3.findChildrenInRange(newState.doc, newRange, node => node.isTextblock);
+                const nodesInChangedRanges = Menu$4.findChildrenInRange(newState.doc, newRange, node => node.isTextblock);
                 let textBlock;
                 let textBeforeWhitespace;
                 if (nodesInChangedRanges.length > 1) {
@@ -9760,7 +9761,7 @@ function autolink(options) {
                     })
                         // Add link mark.
                         .forEach(link => {
-                        if (Menu$3.getMarksBetween(link.from, link.to, newState.doc).some(item => item.mark.type === options.type)) {
+                        if (Menu$4.getMarksBetween(link.from, link.to, newState.doc).some(item => item.mark.type === options.type)) {
                             return;
                         }
                         tr.addMark(link.from, link.to, options.type.create({
@@ -9798,7 +9799,7 @@ function clickHandler(options) {
                 if (!els.find(value => value.nodeName === 'A')) {
                     return false;
                 }
-                const attrs = Menu$3.getAttributes(view.state, options.type.name);
+                const attrs = Menu$4.getAttributes(view.state, options.type.name);
                 const link = event.target;
                 const href = (_a = link === null || link === void 0 ? void 0 : link.href) !== null && _a !== void 0 ? _a : attrs.href;
                 const target = (_b = link === null || link === void 0 ? void 0 : link.target) !== null && _b !== void 0 ? _b : attrs.target;
@@ -9843,7 +9844,7 @@ function pasteHandler(options) {
  * This extension allows you to create links.
  * @see https://www.tiptap.dev/api/marks/link
  */
-const Link$1 = Menu$3.Mark.create({
+const Link$1 = Menu$4.Mark.create({
     name: 'link',
     priority: 1000,
     keepOnSplit: false,
@@ -9901,9 +9902,9 @@ const Link$1 = Menu$3.Mark.create({
         // eslint-disable-next-line no-script-url
         if ((_a = HTMLAttributes.href) === null || _a === void 0 ? void 0 : _a.startsWith('javascript:')) {
             // strip out the href
-            return ['a', Menu$3.mergeAttributes(this.options.HTMLAttributes, { ...HTMLAttributes, href: '' }), 0];
+            return ['a', Menu$4.mergeAttributes(this.options.HTMLAttributes, { ...HTMLAttributes, href: '' }), 0];
         }
-        return ['a', Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+        return ['a', Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
     },
     addCommands() {
         return {
@@ -9926,7 +9927,7 @@ const Link$1 = Menu$3.Mark.create({
     },
     addPasteRules() {
         return [
-            Menu$3.markPasteRule({
+            Menu$4.markPasteRule({
                 find: text => {
                     const foundLinks = [];
                     if (text) {
@@ -9979,11 +9980,11 @@ const Link$1 = Menu$3.Mark.create({
 
 var LINK_MARKDOWN_INPUT_REGEX = /(?:^|\s)\[([^\]]*)?\]\((\S+)(?: ["“](.+)["”])?\)$/i;
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var linkInputRule = function linkInputRule(config) {
-  var defaultMarkInputRule = Menu$3.markInputRule(config);
-  return new Menu$3.InputRule({
+  var defaultMarkInputRule = Menu$4.markInputRule(config);
+  return new Menu$4.InputRule({
     find: config.find,
     handler: function handler(props) {
       var tr = props.state.tr;
@@ -9996,7 +9997,7 @@ var Link = Link$1.extend({
   inclusive: false,
   addAttributes: function addAttributes() {
     var _this$parent;
-    return _objectSpread$5(_objectSpread$5({}, (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.call(this)), {}, {
+    return _objectSpread$6(_objectSpread$6({}, (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.call(this)), {}, {
       title: {
         "default": null
       }
@@ -10009,7 +10010,7 @@ var Link = Link$1.extend({
   },
   renderHTML: function renderHTML(_ref) {
     var HTMLAttributes = _ref.HTMLAttributes;
-    return ["a", Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+    return ["a", Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
       "class": "link"
     }), 0];
   },
@@ -10037,7 +10038,7 @@ const MentionPluginKey = new utils.PluginKey('mention');
  * This extension allows you to insert mentions into the editor.
  * @see https://www.tiptap.dev/api/extensions/mention
  */
-const Mention$1 = Menu$3.Node.create({
+const Mention$1 = Menu$4.Node.create({
     name: 'mention',
     addOptions() {
         return {
@@ -10051,7 +10052,7 @@ const Mention$1 = Menu$3.Node.create({
                 var _a;
                 return [
                     'span',
-                    Menu$3.mergeAttributes(this.HTMLAttributes, options.HTMLAttributes),
+                    Menu$4.mergeAttributes(this.HTMLAttributes, options.HTMLAttributes),
                     `${options.suggestion.char}${(_a = node.attrs.label) !== null && _a !== void 0 ? _a : node.attrs.id}`,
                 ];
             },
@@ -10136,7 +10137,7 @@ const Mention$1 = Menu$3.Node.create({
             console.warn('renderLabel is deprecated use renderText and renderHTML instead');
             return [
                 'span',
-                Menu$3.mergeAttributes({ 'data-type': this.name }, this.options.HTMLAttributes, HTMLAttributes),
+                Menu$4.mergeAttributes({ 'data-type': this.name }, this.options.HTMLAttributes, HTMLAttributes),
                 this.options.renderLabel({
                     options: this.options,
                     node,
@@ -10144,7 +10145,7 @@ const Mention$1 = Menu$3.Node.create({
             ];
         }
         const mergedOptions = { ...this.options };
-        mergedOptions.HTMLAttributes = Menu$3.mergeAttributes({ 'data-type': this.name }, this.options.HTMLAttributes, HTMLAttributes);
+        mergedOptions.HTMLAttributes = Menu$4.mergeAttributes({ 'data-type': this.name }, this.options.HTMLAttributes, HTMLAttributes);
         const html = this.options.renderHTML({
             options: mergedOptions,
             node,
@@ -10152,7 +10153,7 @@ const Mention$1 = Menu$3.Node.create({
         if (typeof html === 'string') {
             return [
                 'span',
-                Menu$3.mergeAttributes({ 'data-type': this.name }, this.options.HTMLAttributes, HTMLAttributes),
+                Menu$4.mergeAttributes({ 'data-type': this.name }, this.options.HTMLAttributes, HTMLAttributes),
                 html,
             ];
         }
@@ -10219,13 +10220,13 @@ var scrollHandler = function scrollHandler(_ref) {
   wrapperRef.current.scrollTop = scrollPosition;
 };
 
-function _callSuper(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper$2(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$2() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
 var MentionList = /*#__PURE__*/function (_React$Component) {
   function MentionList(props) {
     var _this;
     _classCallCheck__default["default"](this, MentionList);
-    _this = _callSuper(this, MentionList, [props]);
+    _this = _callSuper$2(this, MentionList, [props]);
     _defineProperty__default["default"](_this, "selectItem", function (index) {
       var _this$props = _this.props,
         items = _this$props.items,
@@ -10360,15 +10361,15 @@ var createMentionSuggestions = function createMentionSuggestions() {
 };
 
 var _excluded$3 = ["suggestion"];
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var suggestion$1 = {
   render: function render() {
     var reactRenderer;
     var popup;
     return {
       onStart: function onStart(props) {
-        reactRenderer = new Menu$3.ReactRenderer(MentionList, {
+        reactRenderer = new Menu$4.ReactRenderer(MentionList, {
           props: props,
           editor: props.editor
         });
@@ -10437,13 +10438,13 @@ var Mention = {
     var _ref3$suggestion = _ref3.suggestion,
       suggestionConfig = _ref3$suggestion === void 0 ? {} : _ref3$suggestion,
       otherConfig = _objectWithoutProperties__default["default"](_ref3, _excluded$3);
-    return Mentions.configure(_objectSpread$4(_objectSpread$4({}, otherConfig), {}, {
-      suggestion: _objectSpread$4(_objectSpread$4({}, suggestion$1), suggestionConfig)
+    return Mentions.configure(_objectSpread$5(_objectSpread$5({}, otherConfig), {}, {
+      suggestion: _objectSpread$5(_objectSpread$5({}, suggestion$1), suggestionConfig)
     }));
   }
 };
 
-var Placeholder = Menu$3.Extension.create({
+var Placeholder = Menu$4.Extension.create({
   name: "placeholder",
   addOptions: function addOptions() {
     return {
@@ -10478,7 +10479,7 @@ var Placeholder = Menu$3.Extension.create({
               if (_this.editor.isEmpty) {
                 classes.push(_this.options.emptyEditorClass);
               }
-              var decoration = Menu$3.Decoration.node(pos, pos + node.nodeSize, {
+              var decoration = Menu$4.Decoration.node(pos, pos + node.nodeSize, {
                 "class": classes.join(" "),
                 "data-placeholder": _this.options.placeholder
               });
@@ -10486,7 +10487,7 @@ var Placeholder = Menu$3.Extension.create({
             }
             return _this.options.includeChildren;
           });
-          return Menu$3.DecorationSet.create(doc, decorations);
+          return Menu$4.DecorationSet.create(doc, decorations);
         }
       }
     })];
@@ -10501,7 +10502,7 @@ var SelectionDecoration = Document.extend({
       state: {
         init: function init() {
           return {
-            decorations: Menu$3.DecorationSet.empty,
+            decorations: Menu$4.DecorationSet.empty,
             selectedTextDecoration: null
           };
         },
@@ -10514,7 +10515,7 @@ var SelectionDecoration = Document.extend({
             decorations = decorations.remove([selectedTextDecoration]);
           }
           if (!selection.empty) {
-            selectedTextDecoration = Menu$3.Decoration.inline(selection.from, selection.to, {
+            selectedTextDecoration = Menu$4.Decoration.inline(selection.from, selection.to, {
               "class": "selected-text"
             });
             decorations = decorations.add(doc, [selectedTextDecoration]);
@@ -10536,6 +10537,579 @@ var SelectionDecoration = Document.extend({
   }
 });
 
+function _callSuper$1(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() { return !!t; })(); }
+var Menu$1 = /*#__PURE__*/function (_React$Component) {
+  function Menu(props) {
+    var _this;
+    _classCallCheck__default["default"](this, Menu);
+    _this = _callSuper$1(this, Menu, [props]);
+    _defineProperty__default["default"](_this, "keydownHandler", function (event) {
+      var listeners = {
+        Enter: _this.enterHandler,
+        ArrowUp: _this.upHandler,
+        ArrowDown: _this.downHandler,
+        ArrowLeft: _this.leftArrowHandler,
+        ArrowRight: _this.rightArrowHandler
+      };
+      if (event.key in listeners) listeners[event.key](event);
+    });
+    _defineProperty__default["default"](_this, "selectItem", function (index) {
+      var _this$props = _this.props,
+        items = _this$props.items,
+        editor = _this$props.editor,
+        range = _this$props.range;
+      var selectedItem = items[index];
+      var hasCommand = selectedItem && selectedItem.command;
+      var isLeafNode = neetoCist.isNotPresent(selectedItem.items);
+      if (hasCommand && isLeafNode) selectedItem.command({
+        editor: editor,
+        range: range
+      });
+    });
+    _defineProperty__default["default"](_this, "upHandler", function () {
+      var items = _this.props.items;
+      var selectedIndex = _this.state.selectedIndex;
+      _this.setState({
+        selectedIndex: (selectedIndex + items.length - 1) % items.length
+      });
+    });
+    _defineProperty__default["default"](_this, "downHandler", function () {
+      var items = _this.props.items;
+      var selectedIndex = _this.state.selectedIndex;
+      _this.setState({
+        selectedIndex: (selectedIndex + 1) % items.length
+      });
+    });
+    _defineProperty__default["default"](_this, "enterHandler", function () {
+      var selectedIndex = _this.state.selectedIndex;
+      _this.selectItem(selectedIndex);
+    });
+    _defineProperty__default["default"](_this, "leftArrowHandler", function () {
+      var _this$props2 = _this.props,
+        menuIndex = _this$props2.menuIndex,
+        setActiveMenuIndex = _this$props2.setActiveMenuIndex;
+      if (menuIndex > 0) setActiveMenuIndex(menuIndex - 1);
+    });
+    _defineProperty__default["default"](_this, "rightArrowHandler", function () {
+      var _this$props3 = _this.props,
+        menuIndex = _this$props3.menuIndex,
+        setActiveMenuIndex = _this$props3.setActiveMenuIndex,
+        items = _this$props3.items;
+      var selectedIndex = _this.state.selectedIndex;
+      var selectedItem = items[selectedIndex];
+      var hasSubItems = selectedItem && !neetoCist.isNotPresent(selectedItem.items);
+      if (hasSubItems) setActiveMenuIndex(menuIndex + 1);
+    });
+    _this.state = {
+      selectedIndex: 0
+    };
+    _this.menuRef = /*#__PURE__*/React__default["default"].createRef();
+    return _this;
+  }
+  _inherits__default["default"](Menu, _React$Component);
+  return _createClass__default["default"](Menu, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$props4 = this.props,
+        menuIndex = _this$props4.menuIndex,
+        activeMenuIndex = _this$props4.activeMenuIndex;
+      var isCurrentMenuActive = menuIndex === activeMenuIndex;
+      if (isCurrentMenuActive) {
+        document.addEventListener("keydown", this.keydownHandler);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.removeEventListener("keydown", this.keydownHandler);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(oldProps) {
+      var _this$props5 = this.props,
+        items = _this$props5.items,
+        menuIndex = _this$props5.menuIndex,
+        activeMenuIndex = _this$props5.activeMenuIndex;
+      var isCurrentMenuActive = menuIndex === activeMenuIndex;
+      if (items !== oldProps.items) this.setState({
+        selectedIndex: 0
+      });
+      scrollHandler({
+        wrapperRef: this.menuRef,
+        index: this.state.selectedIndex
+      });
+      if (isCurrentMenuActive) {
+        document.addEventListener("keydown", this.keydownHandler);
+      } else document.removeEventListener("keydown", this.keydownHandler);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props6 = this.props,
+        items = _this$props6.items,
+        menuIndex = _this$props6.menuIndex,
+        activeMenuIndex = _this$props6.activeMenuIndex;
+      var selectedIndex = this.state.selectedIndex;
+      var isCurrentMenuActive = menuIndex === activeMenuIndex;
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "neeto-editor-slash-commands__wrapper",
+        ref: this.menuRef
+      }, items.map(function (item, index) {
+        var isLeafNode = neetoCist.isNotPresent(item.items);
+        var nodeElement = /*#__PURE__*/React__default["default"].createElement(MenuItem, {
+          index: index,
+          item: item,
+          key: item.title,
+          selectItem: function selectItem() {
+            return isLeafNode && _this2.selectItem(index);
+          },
+          selectedIndex: isCurrentMenuActive ? selectedIndex : -1,
+          onHover: function onHover() {
+            return _this2.setState({
+              selectedIndex: index
+            });
+          }
+        });
+        if (isLeafNode) return nodeElement;
+        return /*#__PURE__*/React__default["default"].createElement(Tippy__default["default"], {
+          interactive: true,
+          key: item.title,
+          placement: "right",
+          visible: selectedIndex === index,
+          content: /*#__PURE__*/React__default["default"].createElement(Menu, _extends__default["default"]({}, _this2.props, {
+            items: item.items,
+            menuIndex: menuIndex + 1
+          })),
+          onCreate: function onCreate(_ref) {
+            var popper = _ref.popper;
+            return popper.style.width = "max-content";
+          },
+          onHide: function onHide() {
+            _this2.isSubmenuOpened = false;
+          },
+          onShow: function onShow() {
+            _this2.isSubmenuOpened = true;
+          }
+        }, nodeElement);
+      }));
+    }
+  }]);
+}(React__default["default"].Component); // eslint-disable-next-line react/display-name
+var MenuItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var item = _ref2.item,
+    selectedIndex = _ref2.selectedIndex,
+    index = _ref2.index,
+    selectItem = _ref2.selectItem,
+    onHover = _ref2.onHover;
+  var Icon = item.Icon;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    "data-cy": "neeto-editor-command-list-item-".concat(index),
+    ref: ref,
+    className: classnames__default["default"]("neeto-editor-slash-commands__item", {
+      active: index === selectedIndex
+    }),
+    onClick: selectItem,
+    onMouseEnter: onHover
+  }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
+    size: 20
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-editor-slash-commands__item-content"
+  }, /*#__PURE__*/React__default["default"].createElement("h5", {
+    "data-cy": "neeto-editor-command-list-item-block-heading"
+  }, item.title), /*#__PURE__*/React__default["default"].createElement("p", {
+    "data-cy": "neeto-editor-command-list-item-block-description"
+  }, item.description)));
+});
+
+function _callSuper(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var CommandsList = /*#__PURE__*/function (_React$Component) {
+  function CommandsList() {
+    var _this;
+    _classCallCheck__default["default"](this, CommandsList);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, CommandsList, [].concat(args));
+    _defineProperty__default["default"](_this, "state", {
+      activeMenuIndex: 0
+    });
+    _defineProperty__default["default"](_this, "onKeyDown", function (_ref) {
+      var event = _ref.event;
+      return ["Enter", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(event.key);
+    });
+    _defineProperty__default["default"](_this, "setActiveMenuIndex", function (index) {
+      return _this.setState({
+        activeMenuIndex: index
+      });
+    });
+    return _this;
+  }
+  _inherits__default["default"](CommandsList, _React$Component);
+  return _createClass__default["default"](CommandsList, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React__default["default"].createElement(Menu$1, _extends__default["default"]({}, this.props, {
+        activeMenuIndex: this.state.activeMenuIndex,
+        items: this.props.items,
+        menuIndex: 0,
+        setActiveMenuIndex: this.setActiveMenuIndex
+      }));
+    }
+  }]);
+}(React__default["default"].Component);
+
+var MENU_ITEMS = [{
+  optionName: constants.EDITOR_OPTIONS.PARAGRAPH,
+  title: i18n.t("neetoEditor.menu.normalText"),
+  description: i18n.t("neetoEditor.menu.normalTextDescription"),
+  Icon: neetoIcons.Paragraph,
+  command: function command(_ref) {
+    var editor = _ref.editor,
+      range = _ref.range;
+    editor.chain().focus().deleteRange(range).setNode("paragraph").run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.H1,
+  title: i18n.t("neetoEditor.menu.h1"),
+  description: i18n.t("neetoEditor.menu.h1Description"),
+  Icon: neetoIcons.TextH1,
+  command: function command(_ref2) {
+    var editor = _ref2.editor,
+      range = _ref2.range;
+    editor.chain().focus().deleteRange(range).setNode("heading", {
+      level: 1
+    }).run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.H2,
+  title: i18n.t("neetoEditor.menu.h2"),
+  description: i18n.t("neetoEditor.menu.h2Description"),
+  Icon: neetoIcons.TextH2,
+  command: function command(_ref3) {
+    var editor = _ref3.editor,
+      range = _ref3.range;
+    editor.chain().focus().deleteRange(range).setNode("heading", {
+      level: 2
+    }).run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.H3,
+  title: i18n.t("neetoEditor.menu.h3"),
+  description: i18n.t("neetoEditor.menu.h3Description"),
+  Icon: neetoIcons.Text,
+  command: function command(_ref4) {
+    var editor = _ref4.editor,
+      range = _ref4.range;
+    editor.chain().focus().deleteRange(range).setNode("heading", {
+      level: 3
+    }).run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.H4,
+  title: i18n.t("neetoEditor.menu.h4"),
+  description: i18n.t("neetoEditor.menu.h4Description"),
+  Icon: neetoIcons.Text,
+  command: function command(_ref5) {
+    var editor = _ref5.editor,
+      range = _ref5.range;
+    editor.chain().focus().deleteRange(range).setNode("heading", {
+      level: 4
+    }).run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.H5,
+  title: i18n.t("neetoEditor.menu.h5"),
+  description: i18n.t("neetoEditor.menu.h5Description"),
+  Icon: neetoIcons.Text,
+  command: function command(_ref6) {
+    var editor = _ref6.editor,
+      range = _ref6.range;
+    editor.chain().focus().deleteRange(range).setNode("heading", {
+      level: 5
+    }).run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.H6,
+  title: i18n.t("neetoEditor.menu.h6"),
+  description: i18n.t("neetoEditor.menu.h6Description"),
+  Icon: neetoIcons.Text,
+  command: function command(_ref7) {
+    var editor = _ref7.editor,
+      range = _ref7.range;
+    editor.chain().focus().deleteRange(range).setNode("heading", {
+      level: 6
+    }).run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.LIST_ORDERED,
+  title: i18n.t("neetoEditor.menu.numberedList"),
+  description: i18n.t("neetoEditor.menu.numberedListDescription"),
+  Icon: neetoIcons.ListNumber,
+  command: function command(_ref8) {
+    var editor = _ref8.editor,
+      range = _ref8.range;
+    editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.LIST_BULLETS,
+  title: i18n.t("neetoEditor.menu.bulletList"),
+  description: i18n.t("neetoEditor.menu.bulletListDescription"),
+  Icon: neetoIcons.ListDot,
+  command: function command(_ref9) {
+    var editor = _ref9.editor,
+      range = _ref9.range;
+    editor.chain().focus().deleteRange(range).toggleBulletList().run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.IMAGE_UPLOAD,
+  title: i18n.t("neetoEditor.menu.image"),
+  description: i18n.t("neetoEditor.menu.imageDescription"),
+  Icon: neetoIcons.ImageUpload,
+  command: neetoCist.noop
+}, {
+  optionName: constants.EDITOR_OPTIONS.VIDEO_UPLOAD,
+  title: i18n.t("neetoEditor.menu.video"),
+  description: i18n.t("neetoEditor.menu.videoDescription"),
+  Icon: neetoIcons.Video,
+  command: neetoCist.noop
+}, {
+  optionName: constants.EDITOR_OPTIONS.BLOCKQUOTE,
+  title: i18n.t("neetoEditor.menu.blockQuote"),
+  description: i18n.t("neetoEditor.menu.blockQuoteDescription"),
+  Icon: neetoIcons.Blockquote,
+  command: function command(_ref10) {
+    var editor = _ref10.editor,
+      range = _ref10.range;
+    editor.chain().focus().deleteRange(range).toggleBlockquote().run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.CODE_BLOCK,
+  title: i18n.t("neetoEditor.menu.codeBlock"),
+  description: i18n.t("neetoEditor.menu.codeDescription"),
+  Icon: neetoIcons.CodeBlock,
+  command: function command(_ref11) {
+    var editor = _ref11.editor,
+      range = _ref11.range;
+    editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.EMOJI,
+  title: i18n.t("neetoEditor.menu.emoji"),
+  description: i18n.t("neetoEditor.menu.emojiDescription"),
+  Icon: neetoIcons.Smiley,
+  command: function command(_ref12) {
+    var editor = _ref12.editor,
+      range = _ref12.range;
+    editor.chain().focus().deleteRange(range).insertContent("::").run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.DIVIDER,
+  title: i18n.t("neetoEditor.menu.divider"),
+  description: i18n.t("neetoEditor.menu.dividerDescription"),
+  Icon: neetoIcons.Minus,
+  command: function command(_ref13) {
+    var editor = _ref13.editor,
+      range = _ref13.range;
+    editor.chain().focus().deleteRange(range).setHorizontalRule().run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.VIDEO_EMBED,
+  title: i18n.t("neetoEditor.menu.embed"),
+  description: i18n.t("neetoEditor.menu.embedDescription"),
+  Icon: neetoIcons.MediaVideo,
+  command: neetoCist.noop
+}, {
+  optionName: constants.EDITOR_OPTIONS.PASTE_UNFORMATTED,
+  title: i18n.t("neetoEditor.menu.pasteUnformatted"),
+  description: i18n.t("neetoEditor.menu.pasteUnformattedDescription"),
+  Icon: neetoIcons.Notes,
+  command: function command(_ref14) {
+    var editor = _ref14.editor,
+      range = _ref14.range;
+    return editor.chain().focus().deleteRange(range).pasteUnformatted().run();
+  }
+}, {
+  optionName: constants.EDITOR_OPTIONS.TABLE,
+  title: i18n.t("neetoEditor.menu.table"),
+  description: i18n.t("neetoEditor.menu.tableDescription"),
+  Icon: neetoIcons.Column,
+  command: function command(_ref15) {
+    var editor = _ref15.editor,
+      range = _ref15.range;
+    return editor.chain().focus().deleteRange(range).insertTable({
+      rows: 3,
+      cols: 3,
+      withHeaderRow: true
+    }).run();
+  }
+}];
+var NO_RESULT_MENU_ITEM = {
+  title: i18n.t("neetoEditor.menu.noResults"),
+  command: function command(_ref16) {
+    var editor = _ref16.editor,
+      range = _ref16.range;
+    editor.chain().focus().deleteRange(range).run();
+  }
+};
+
+var embedCommand = function embedCommand(setIsEmbedModalOpen) {
+  return function (_ref) {
+    var editor = _ref.editor,
+      range = _ref.range;
+    setIsEmbedModalOpen(true);
+    editor.chain().focus().deleteRange(range).run();
+  };
+};
+var imageCommand = function imageCommand(setMediaUploader) {
+  return function (_ref2) {
+    var editor = _ref2.editor,
+      range = _ref2.range;
+    setMediaUploader(ramda.assoc("image", true));
+    editor.chain().focus().deleteRange(range).run();
+  };
+};
+var videoCommand = function videoCommand(setMediaUploader) {
+  return function (_ref3) {
+    var editor = _ref3.editor,
+      range = _ref3.range;
+    setMediaUploader(ramda.assoc("video", true));
+    editor.chain().focus().deleteRange(range).run();
+  };
+};
+var buildCommandItems = function buildCommandItems(_ref4) {
+  var options = _ref4.options,
+    addonCommands = _ref4.addonCommands,
+    setMediaUploader = _ref4.setMediaUploader,
+    setIsEmbedModalOpen = _ref4.setIsEmbedModalOpen;
+  var commandItems = MENU_ITEMS.map(function (item) {
+    if (item.optionName === constants.EDITOR_OPTIONS.IMAGE_UPLOAD) {
+      return ramda.assoc("command", imageCommand(setMediaUploader), item);
+    } else if (item.optionName === constants.EDITOR_OPTIONS.VIDEO_UPLOAD) {
+      return ramda.assoc("command", videoCommand(setMediaUploader), item);
+    } else if (item.optionName === constants.EDITOR_OPTIONS.VIDEO_EMBED) {
+      return ramda.assoc("command", embedCommand(setIsEmbedModalOpen), item);
+    }
+    return item;
+  });
+  var permittedCommandItems = commandItems.filter(function (_ref5) {
+    var optionName = _ref5.optionName;
+    return options.includes(optionName);
+  });
+  return [].concat(_toConsumableArray__default["default"](permittedCommandItems), _toConsumableArray__default["default"](addonCommands));
+};
+
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var CommandsPluginKey = new utils.PluginKey("commands");
+var SlashCommands = {
+  configure: function configure(_ref) {
+    var addonCommands = _ref.addonCommands,
+      options = _ref.options,
+      setMediaUploader = _ref.setMediaUploader,
+      setIsEmbedModalOpen = _ref.setIsEmbedModalOpen;
+    var commandItems = buildCommandItems({
+      options: options,
+      addonCommands: addonCommands,
+      setMediaUploader: setMediaUploader,
+      setIsEmbedModalOpen: setIsEmbedModalOpen
+    });
+    return Menu$4.Extension.create({
+      name: "slash-commands",
+      addOptions: function addOptions() {
+        return {
+          HTMLAttributes: {
+            "class": "commands"
+          },
+          suggestion: {
+            "char": "/",
+            startOfLine: false,
+            pluginKey: CommandsPluginKey,
+            command: function command(_ref2) {
+              var editor = _ref2.editor,
+                range = _ref2.range,
+                props = _ref2.props;
+              props.command({
+                editor: editor,
+                range: range
+              });
+            },
+            items: function items(_ref3) {
+              var query = _ref3.query;
+              var filteredItems = commandItems.filter(function (_ref4) {
+                var title = _ref4.title;
+                return title.toLowerCase().includes(query.toLowerCase());
+              });
+              return ramda.isEmpty(filteredItems) ? [NO_RESULT_MENU_ITEM] : filteredItems;
+            },
+            render: function render() {
+              var reactRenderer;
+              var popup;
+              return {
+                onStart: function onStart(props) {
+                  if (props.editor.isActive("image") || props.editor.isActive("codeBlock")) {
+                    return;
+                  }
+                  reactRenderer = new Menu$4.ReactRenderer(CommandsList, {
+                    props: props,
+                    editor: props.editor
+                  });
+                  popup = tippy__default["default"]("body", {
+                    getReferenceClientRect: props.clientRect,
+                    appendTo: function appendTo() {
+                      return document.body;
+                    },
+                    content: reactRenderer.element,
+                    showOnCreate: true,
+                    interactive: true,
+                    trigger: "manual",
+                    placement: "bottom-start",
+                    arrow: false,
+                    zIndex: 99999,
+                    role: "dropdown",
+                    theme: "neeto-editor-slash-menu"
+                  });
+                  Menu$4.highlightFocussedNode();
+                },
+                onUpdate: function onUpdate(props) {
+                  var _reactRenderer;
+                  if (props.editor.isActive("image") || props.editor.isActive("codeBlock")) {
+                    return;
+                  }
+                  (_reactRenderer = reactRenderer) === null || _reactRenderer === void 0 || _reactRenderer.updateProps(props);
+                  popup[0].setProps({
+                    getReferenceClientRect: props.clientRect
+                  });
+                },
+                onKeyDown: function onKeyDown(props) {
+                  var _reactRenderer2;
+                  if (props.event.key === "Escape") {
+                    popup[0].hide();
+                    return true;
+                  }
+                  return reactRenderer && ((_reactRenderer2 = reactRenderer) === null || _reactRenderer2 === void 0 || (_reactRenderer2 = _reactRenderer2.ref) === null || _reactRenderer2 === void 0 ? void 0 : _reactRenderer2.onKeyDown(props));
+                },
+                onExit: function onExit() {
+                  popup && popup[0].destroy();
+                  reactRenderer && reactRenderer.destroy();
+                  Menu$4.resetFocussedNode();
+                }
+              };
+            }
+          }
+        };
+      },
+      addProseMirrorPlugins: function addProseMirrorPlugins() {
+        return [Suggestion(_objectSpread$4({
+          editor: this.editor
+        }, this.options.suggestion))];
+      }
+    });
+  }
+};
+
 var _excluded$2 = ["suggestion"];
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -10554,7 +11128,7 @@ var suggestion = {
     var popup;
     return {
       onStart: function onStart(props) {
-        reactRenderer = new Menu$3.ReactRenderer(MentionList, {
+        reactRenderer = new Menu$4.ReactRenderer(MentionList, {
           props: props,
           editor: props.editor
         });
@@ -10599,7 +11173,7 @@ var SpecialMentions = Mention$1.extend({
   renderHTML: function renderHTML(_ref2) {
     var node = _ref2.node,
       HTMLAttributes = _ref2.HTMLAttributes;
-    return ["span", Menu$3.mergeAttributes({
+    return ["span", Menu$4.mergeAttributes({
       "data-type": this.name
     }, this.options.HTMLAttributes, HTMLAttributes), renderLabel({
       options: this.options,
@@ -11269,10 +11843,10 @@ function drawCellSelection(state) {
   const cells = [];
   state.selection.forEachCell((node, pos) => {
     cells.push(
-      Menu$3.Decoration.node(pos, pos + node.nodeSize, { class: "selectedCell" })
+      Menu$4.Decoration.node(pos, pos + node.nodeSize, { class: "selectedCell" })
     );
   });
-  return Menu$3.DecorationSet.create(state.doc, cells);
+  return Menu$4.DecorationSet.create(state.doc, cells);
 }
 function isCellBoundarySelection({ $from, $to }) {
   if ($from.pos == $to.pos || $from.pos < $from.pos - 6)
@@ -11695,7 +12269,7 @@ function insertCells(state, dispatch, tableStart, rect, cells) {
 }
 
 // src/input.ts
-var handleKeyDown = Menu$3.keydownHandler({
+var handleKeyDown = Menu$4.keydownHandler({
   ArrowLeft: arrow("horiz", -1),
   ArrowRight: arrow("horiz", 1),
   ArrowUp: arrow("vert", -1),
@@ -12247,7 +12821,7 @@ function handleDecorations(state, cell) {
   const $cell = state.doc.resolve(cell);
   const table = $cell.node(-1);
   if (!table) {
-    return Menu$3.DecorationSet.empty;
+    return Menu$4.DecorationSet.empty;
   }
   const map = TableMap.get(table);
   const start = $cell.start(-1);
@@ -12259,10 +12833,10 @@ function handleDecorations(state, cell) {
       const pos = start + cellPos + table.nodeAt(cellPos).nodeSize - 1;
       const dom = document.createElement("div");
       dom.className = "column-resize-handle";
-      decorations.push(Menu$3.Decoration.widget(pos, dom));
+      decorations.push(Menu$4.Decoration.widget(pos, dom));
     }
   }
-  return Menu$3.DecorationSet.create(state.doc, decorations);
+  return Menu$4.DecorationSet.create(state.doc, decorations);
 }
 function selectedRect(state) {
   const sel = state.selection;
@@ -13011,7 +13585,7 @@ const deleteTableWhenAllCellsSelected = ({ editor }) => {
         return false;
     }
     let cellCount = 0;
-    const table = Menu$3.findParentNodeClosestToPos(selection.ranges[0].$from, node => {
+    const table = Menu$4.findParentNodeClosestToPos(selection.ranges[0].$from, node => {
         return node.type.name === 'table';
     });
     table === null || table === void 0 ? void 0 : table.node.descendants(node => {
@@ -13034,7 +13608,7 @@ const deleteTableWhenAllCellsSelected = ({ editor }) => {
  * This extension allows you to create tables.
  * @see https://www.tiptap.dev/api/nodes/table
  */
-const Table$2 = Menu$3.Node.create({
+const Table$2 = Menu$4.Node.create({
     name: 'table',
     // @ts-ignore
     addOptions() {
@@ -13060,7 +13634,7 @@ const Table$2 = Menu$3.Node.create({
         const { colgroup, tableWidth, tableMinWidth } = createColGroup(node, this.options.cellMinWidth);
         const table = [
             'table',
-            Menu$3.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+            Menu$4.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
                 style: tableWidth
                     ? `width: ${tableWidth}`
                     : `minWidth: ${tableMinWidth}`,
@@ -13195,7 +13769,7 @@ const Table$2 = Menu$3.Node.create({
             storage: extension.storage,
         };
         return {
-            tableRole: Menu$3.callOrReturn(Menu$3.getExtensionField(extension, 'tableRole', context)),
+            tableRole: Menu$4.callOrReturn(Menu$4.getExtensionField(extension, 'tableRole', context)),
         };
     },
 });
@@ -13353,7 +13927,7 @@ var Table = Table$2.extend({
 var Table$1 = Table.configure({});
 
 new utils.PluginKey("variables");
-var Variable = Menu$3.Node.create({
+var Variable = Menu$4.Node.create({
   name: "variable",
   addOptions: function addOptions() {
     return {
@@ -13414,7 +13988,7 @@ var Variable = Menu$3.Node.create({
   renderHTML: function renderHTML(_ref2) {
     var node = _ref2.node,
       HTMLAttributes = _ref2.HTMLAttributes;
-    return ["span", Menu$3.mergeAttributes({
+    return ["span", Menu$4.mergeAttributes({
       "data-variable": ""
     }, this.options.HTMLAttributes, HTMLAttributes), this.options.renderLabel({
       options: this.options,
@@ -13480,9 +14054,9 @@ var VideoComponent = function VideoComponent(_ref) {
     })));
     editor.commands.focus();
   };
-  return /*#__PURE__*/React__default["default"].createElement(Menu$3.NodeViewWrapper, {
+  return /*#__PURE__*/React__default["default"].createElement(Menu$4.NodeViewWrapper, {
     className: "neeto-editor__image-wrapper neeto-editor__image--".concat(align)
-  }, /*#__PURE__*/React__default["default"].createElement("figure", null, /*#__PURE__*/React__default["default"].createElement(Menu$1, {
+  }, /*#__PURE__*/React__default["default"].createElement("figure", null, /*#__PURE__*/React__default["default"].createElement(Menu$2, {
     align: align,
     deleteNode: deleteNode,
     editor: editor,
@@ -13505,7 +14079,7 @@ var VideoComponent = function VideoComponent(_ref) {
   }), {
     alt: caption,
     preload: "metadata"
-  }))), /*#__PURE__*/React__default["default"].createElement(Menu$3.NodeViewContent, {
+  }))), /*#__PURE__*/React__default["default"].createElement(Menu$4.NodeViewContent, {
     as: "figcaption",
     className: classnames__default["default"]({
       "is-empty": ramda.isEmpty(caption)
@@ -13517,7 +14091,7 @@ var VideoComponent = function VideoComponent(_ref) {
 };
 
 var _excluded$1 = ["caption"];
-var VideoExtension = Menu$3.Node.create({
+var VideoExtension = Menu$4.Node.create({
   name: "video",
   addOptions: function addOptions() {
     return {
@@ -13595,9 +14169,9 @@ var VideoExtension = Menu$3.Node.create({
     var captionAttrs = {
       style: "width:".concat(vidwidth, "px;")
     };
-    return ["div", wrapperDivAttrs, ["figure", Menu$3.mergeAttributes(this.options.HTMLAttributes, {
+    return ["div", wrapperDivAttrs, ["figure", Menu$4.mergeAttributes(this.options.HTMLAttributes, {
       "data-video": ""
-    }), ["a", wrapperLinkAttrs, ["video", Menu$3.mergeAttributes(HTMLAttributes, {
+    }), ["a", wrapperLinkAttrs, ["video", Menu$4.mergeAttributes(HTMLAttributes, {
       preload: "metadata",
       controls: true,
       draggable: false,
@@ -13605,7 +14179,7 @@ var VideoExtension = Menu$3.Node.create({
     })]], ["figcaption", captionAttrs, 0]]];
   },
   addNodeView: function addNodeView() {
-    return Menu$3.ReactNodeViewRenderer(VideoComponent);
+    return Menu$4.ReactNodeViewRenderer(VideoComponent);
   },
   addCommands: function addCommands() {
     var _this = this;
@@ -13643,10 +14217,14 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
     extensions = _ref.extensions,
     mentions = _ref.mentions,
     variables = _ref.variables,
+    isSlashCommandsActive = _ref.isSlashCommandsActive,
     options = _ref.options,
+    addonCommands = _ref.addonCommands,
     onSubmit = _ref.onSubmit,
     keyboardShortcuts = _ref.keyboardShortcuts,
     isVideoEmbedActive = _ref.isVideoEmbedActive,
+    setMediaUploader = _ref.setMediaUploader,
+    setIsEmbedModalOpen = _ref.setIsEmbedModalOpen,
     openImageInNewTab = _ref.openImageInNewTab,
     openLinkInNewTab = _ref.openLinkInNewTab;
   var customExtensions = [CharacterCount, Code, CodeBlock, CustomCommands, Document, EmojiSuggestion$1, EmojiPicker, FigCaption, HighlightInternal, SelectionDecoration, FocusClasses.configure({
@@ -13682,6 +14260,14 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
   if (options.includes(constants.EDITOR_OPTIONS.TEXT_COLOR)) {
     customExtensions.push(Color);
   }
+  if (isSlashCommandsActive) {
+    customExtensions.push(SlashCommands.configure({
+      options: options,
+      addonCommands: addonCommands,
+      setMediaUploader: setMediaUploader,
+      setIsEmbedModalOpen: setIsEmbedModalOpen
+    }));
+  }
   if (!ramda.isEmpty(mentions)) {
     var items = createMentionSuggestions(mentions);
     customExtensions.push(Mention.configure({
@@ -13773,7 +14359,7 @@ var TableActionMenu = function TableActionMenu(_ref) {
     return editor === null || editor === void 0 ? void 0 : editor.isActive("table");
   }, [editor]);
   if (!editor) return null;
-  return /*#__PURE__*/React__default["default"].createElement(Menu$3.BubbleMenu, {
+  return /*#__PURE__*/React__default["default"].createElement(Menu$4.BubbleMenu, {
     editor: editor,
     shouldShow: shouldShow,
     className: "neeto-editor-bubble-menu",
@@ -13851,7 +14437,7 @@ var LinkPopOver = function LinkPopOver(_ref) {
   var linkAttributes = editor === null || editor === void 0 ? void 0 : editor.getAttributes("link");
   var updatePopoverPosition = function updatePopoverPosition() {
     if (!view) return;
-    var _getLinkPopoverPositi = Menu$3.getLinkPopoverPosition(editor, popoverRef),
+    var _getLinkPopoverPositi = Menu$4.getLinkPopoverPosition(editor, popoverRef),
       arrowPosition = _getLinkPopoverPositi.arrowPosition,
       popoverPosition = _getLinkPopoverPositi.popoverPosition;
     setPopoverPosition(popoverPosition);
@@ -13887,9 +14473,9 @@ var LinkPopOver = function LinkPopOver(_ref) {
     var _editor$view = editor.view,
       state = _editor$view.state,
       dispatch = _editor$view.dispatch;
-    var type = Menu$3.getMarkType("link", state.schema);
+    var type = Menu$4.getMarkType("link", state.schema);
     var $to = state.selection.$to;
-    var _ref4 = Menu$3.getMarkRange($to, type) || {},
+    var _ref4 = Menu$4.getMarkRange($to, type) || {},
       _ref4$from = _ref4.from,
       from = _ref4$from === void 0 ? null : _ref4$from,
       _ref4$to = _ref4.to,
@@ -14028,7 +14614,7 @@ var LinkPopOver = function LinkPopOver(_ref) {
   }, isEditing ? renderEditingMode() : renderViewMode())) : null, document.body);
 };
 
-var _excluded = ["addonCommands", "addons", "attachments", "attachmentsConfig", "autoFocus", "className", "contentClassName", "errorWrapperClassName", "contentAttributes", "menuClassName", "attachmentsClassName", "isMenuIndependent", "defaults", "editorSecrets", "error", "extensions", "initialValue", "isCharacterCountActive", "keyboardShortcuts", "label", "mentions", "menuType", "placeholder", "required", "rows", "tooltips", "variables", "onChange", "onFocus", "onBlur", "onSubmit", "onChangeAttachments", "children", "openImageInNewTab", "openLinkInNewTab"];
+var _excluded = ["addonCommands", "addons", "attachments", "attachmentsConfig", "autoFocus", "className", "contentClassName", "errorWrapperClassName", "contentAttributes", "menuClassName", "attachmentsClassName", "isMenuIndependent", "defaults", "editorSecrets", "error", "extensions", "hideSlashCommands", "initialValue", "isCharacterCountActive", "keyboardShortcuts", "label", "mentions", "menuType", "placeholder", "required", "rows", "tooltips", "variables", "onChange", "onFocus", "onBlur", "onSubmit", "onChangeAttachments", "children", "openImageInNewTab", "openLinkInNewTab"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Editor = function Editor(_ref, ref) {
@@ -14059,6 +14645,8 @@ var Editor = function Editor(_ref, ref) {
     error = _ref$error === void 0 ? null : _ref$error,
     _ref$extensions = _ref.extensions,
     extensions = _ref$extensions === void 0 ? [] : _ref$extensions,
+    _ref$hideSlashCommand = _ref.hideSlashCommands,
+    hideSlashCommands = _ref$hideSlashCommand === void 0 ? true : _ref$hideSlashCommand,
     _ref$initialValue = _ref.initialValue,
     initialValue = _ref$initialValue === void 0 ? "" : _ref$initialValue,
     _ref$isCharacterCount = _ref.isCharacterCountActive,
@@ -14106,6 +14694,7 @@ var Editor = function Editor(_ref, ref) {
   var isMediaUploaderActive = addons.includes(constants.EDITOR_OPTIONS.IMAGE_UPLOAD) || addons.includes(constants.EDITOR_OPTIONS.VIDEO_UPLOAD);
   var isFixedMenuActive = menuType === "fixed";
   var isBubbleMenuActive = menuType === "bubble";
+  var isSlashCommandsActive = !hideSlashCommands || isBubbleMenuActive;
   var isPlaceholderActive = !!placeholder;
   var _useState3 = React.useState(false),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -14131,10 +14720,14 @@ var Editor = function Editor(_ref, ref) {
     extensions: extensions,
     mentions: mentions,
     variables: variables,
+    isSlashCommandsActive: isSlashCommandsActive,
     options: [].concat(_toConsumableArray__default["default"](defaults), _toConsumableArray__default["default"](addons)),
+    addonCommands: addonCommands,
     onSubmit: onSubmit,
     keyboardShortcuts: keyboardShortcuts,
     isVideoEmbedActive: isVideoEmbedActive,
+    setMediaUploader: setMediaUploader,
+    setIsEmbedModalOpen: setIsEmbedModalOpen,
     openImageInNewTab: openImageInNewTab,
     openLinkInNewTab: openLinkInNewTab
   });
@@ -14155,7 +14748,7 @@ var Editor = function Editor(_ref, ref) {
     "aria-required": required,
     "aria-roledescription": "editor"
   };
-  var editor = Menu$3.useEditor({
+  var editor = Menu$4.useEditor({
     extensions: customExtensions,
     content: initialValue,
     injectCSS: false,
@@ -14197,7 +14790,7 @@ var Editor = function Editor(_ref, ref) {
   }, [editor]);
 
   // https://github.com/ueberdosis/tiptap/issues/1451#issuecomment-953348865
-  Menu$3.EditorView.prototype.updateState = function updateState(state) {
+  Menu$4.EditorView.prototype.updateState = function updateState(state) {
     if (!this.docView) return;
     this.updateStateInner(state, this.state.plugins !== state.plugins);
   };
@@ -14214,7 +14807,7 @@ var Editor = function Editor(_ref, ref) {
   }, /*#__PURE__*/React__default["default"].createElement(CharacterCountWrapper, {
     editor: editor,
     isActive: isCharacterCountActive
-  }, /*#__PURE__*/React__default["default"].createElement(Menu$3.Menu, {
+  }, /*#__PURE__*/React__default["default"].createElement(Menu$4.Menu, {
     addonCommands: addonCommands,
     addons: addons,
     attachmentProps: attachmentProps,
@@ -14228,9 +14821,9 @@ var Editor = function Editor(_ref, ref) {
     variables: variables,
     className: menuClassName,
     isIndependant: isMenuIndependent
-  }), children, /*#__PURE__*/React__default["default"].createElement(Menu$3.EditorContent, _objectSpread({
+  }), children, /*#__PURE__*/React__default["default"].createElement(Menu$4.EditorContent, _objectSpread({
     editor: editor
-  }, otherProps)), isMediaUploaderActive && /*#__PURE__*/React__default["default"].createElement(Menu$3.MediaUploader, {
+  }, otherProps)), isMediaUploaderActive && /*#__PURE__*/React__default["default"].createElement(Menu$4.MediaUploader, {
     editor: editor,
     mediaUploader: mediaUploader,
     unsplashApiKey: editorSecrets === null || editorSecrets === void 0 ? void 0 : editorSecrets.unsplash,
@@ -14240,7 +14833,7 @@ var Editor = function Editor(_ref, ref) {
         video: false
       });
     }
-  }), isVideoEmbedActive && /*#__PURE__*/React__default["default"].createElement(Menu$3.EmbedOption, {
+  }), isVideoEmbedActive && /*#__PURE__*/React__default["default"].createElement(Menu$4.EmbedOption, {
     editor: editor,
     isEmbedModalOpen: isEmbedModalOpen,
     setIsEmbedModalOpen: setIsEmbedModalOpen