@bigbinary/neeto-editor 1.37.0 → 1.38.0

package/dist/Editor.js

@@ -3,16 +3,16 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import * as React from 'react';
-import React__default, { useEffect, useState, useRef, useCallback, useImperativeHandle } from 'react';
-import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, g as getMarkAttributes, N as Node, D as DecorationSet, d as Decoration, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, e as callOrReturn, f as getExtensionField, n as nodeInputRule, h as findChildren, i as NodeViewWrapper, j as NodeViewContent, R as ReactNodeViewRenderer, P as PasteRule, v as validateUrl, l as escapeForRegEx, o as ReactRenderer, p as EmojiPickerMenu, q as emojiPickerApi, r as combineTransactionSteps, s as getChangedRanges, u as findChildrenInRange, x as getMarksBetween, y as getAttributes, I as InputRule, z as findParentNodeClosestToPos, B as BubbleMenu, A as getLinkPopoverPosition, C as getMarkType, F as getMarkRange, G as useEditor, M as Menu$3, H as EditorContent, J as MediaUploader, K as EmbedOption, L as EditorView } from './chunk-0da548f5.js';
+import React__default, { useEffect, useState, useRef, forwardRef, useCallback, useImperativeHandle } from 'react';
+import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, g as getMarkAttributes, N as Node, D as DecorationSet, d as Decoration, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, e as callOrReturn, f as getExtensionField, n as nodeInputRule, h as findChildren, i as NodeViewWrapper, j as NodeViewContent, R as ReactNodeViewRenderer, P as PasteRule, v as validateUrl, l as escapeForRegEx, o as ReactRenderer, p as EmojiPickerMenu, q as emojiPickerApi, r as combineTransactionSteps, s as getChangedRanges, u as findChildrenInRange, x as getMarksBetween, y as getAttributes, I as InputRule, z as highlightFocussedNode, A as resetFocussedNode, B as findParentNodeClosestToPos, C as BubbleMenu, F as getLinkPopoverPosition, G as getMarkType, H as getMarkRange, J as useEditor, M as Menu$4, K as EditorContent, L as MediaUploader, O as EmbedOption, Q as EditorView } from './chunk-2e46d1cd.js';
 import classnames from 'classnames';
 import { C as COMBINED_REGEX, D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS } from './chunk-edd8b9fe.js';
 import { isNotPresent, isNotEmpty, isPresent, noop as noop$1, slugify } from '@bigbinary/neeto-cist';
 import { Dropdown, Input, Button, Spinner, Modal, Toastr, Avatar, Typography, Checkbox, Label } from '@bigbinary/neetoui';
-import { is, isNil, mergeRight, isEmpty as isEmpty$1, equals } from 'ramda';
+import { is, isNil, mergeRight, isEmpty as isEmpty$1, assoc, equals } from 'ramda';
 import { n } from './chunk-15c449f1.js';
 import { P as Plugin, b as PluginKey, T as TextSelection, d as dropPoint, S as Selection, N as NodeSelection, F as Fragment, c as Slice, M as Mapping, e as SelectionRange, f as Transform, L as LINK_VALIDATION_SCHEMA, v as validateAndFormatUrl, g as getEditorStyles, h as clipboardTextParser, s as setInitialPosition, D as DEFAULT_EDITOR_OPTIONS } from './chunk-e876ad10.js';
-import { Down, MenuHorizontal, Close } from '@bigbinary/neeto-icons';
+import { Down, MenuHorizontal, Close, Paragraph as Paragraph$1, TextH1, TextH2, Text as Text$2, ListNumber, ListDot, ImageUpload, Video, Blockquote as Blockquote$1, CodeBlock as CodeBlock$2, Smiley, Minus, MediaVideo, Notes, Column } from '@bigbinary/neeto-icons';
 import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
 import { useTranslation } from 'react-i18next';
 import { l as lowlight } from './chunk-ade4c9e3.js';
@@ -31,6 +31,7 @@ import { t } from 'i18next';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import _extends from '@babel/runtime/helpers/extends';
 import { M as MARGIN_HEIGHT } from './chunk-5bc5e361.js';
+import Tippy from '@tippyjs/react';
 import { useOnClickOutside } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { Form, Input as Input$1 } from '@bigbinary/neetoui/formik';
 import { A as Attachments } from './chunk-df79506a.js';
@@ -40,7 +41,6 @@ import 'axios';
 import 'react-colorful';
 import '@bigbinary/neeto-molecules/DynamicVariables';
 import './chunk-65f73e5a.js';
-import '@tippyjs/react';
 import 'yup';
 
 var ErrorWrapper = function ErrorWrapper(_ref) {
@@ -5683,8 +5683,8 @@ const CodeBlockLowlight = CodeBlock$1.extend({
 
 var SORTED_LANGUAGE_LIST = [].concat(_toConsumableArray(lowlight.listLanguages()), ["html"]).sort();
 
-var Menu$2 = Dropdown.Menu,
-  MenuItem = Dropdown.MenuItem;
+var Menu$3 = Dropdown.Menu,
+  MenuItem$1 = Dropdown.MenuItem;
 var CodeBlockComponent = function CodeBlockComponent(_ref) {
   var _node$attrs3, _node$content;
   var node = _ref.node,
@@ -5744,10 +5744,10 @@ var CodeBlockComponent = function CodeBlockComponent(_ref) {
       e.preventDefault();
       e.stopPropagation();
     }
-  }), /*#__PURE__*/React__default.createElement(Menu$2, {
+  }), /*#__PURE__*/React__default.createElement(Menu$3, {
     className: "neeto-editor-codeblock-options__menu"
   }, filteredAndSortedLanguageList.map(function (language) {
-    return /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+    return /*#__PURE__*/React__default.createElement(MenuItem$1.Button, {
       key: language,
       onClick: function onClick() {
         return handleLanguageSelect(language);
@@ -6626,7 +6626,7 @@ var Resizable = /** @class */ (function (_super) {
     return Resizable;
 }(React.PureComponent));
 
-var Menu$1 = function Menu(_ref) {
+var Menu$2 = function Menu(_ref) {
   var align = _ref.align,
     editor = _ref.editor,
     updateAttributes = _ref.updateAttributes,
@@ -6703,7 +6703,7 @@ var EmbedComponent = function EmbedComponent(_ref) {
       width: width
     },
     onResizeStop: handleResize
-  }, /*#__PURE__*/React__default.createElement(Menu$1, {
+  }, /*#__PURE__*/React__default.createElement(Menu$2, {
     align: align,
     deleteNode: deleteNode,
     editor: editor,
@@ -6711,8 +6711,8 @@ var EmbedComponent = function EmbedComponent(_ref) {
   }), /*#__PURE__*/React__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(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; }
+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(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 = Node.create({
   name: "external-video",
   addOptions: function addOptions() {
@@ -6782,7 +6782,7 @@ var Embeds = Node.create({
     }, ["div", {
       "class": "neeto-editor__video-iframe",
       style: "width: ".concat(figwidth, "px; height: ").concat(figheight, "px;")
-    }, ["iframe", mergeAttributes(this.options.HTMLAttributes, _objectSpread$a({}, HTMLAttributes))]]];
+    }, ["iframe", mergeAttributes(this.options.HTMLAttributes, _objectSpread$b({}, HTMLAttributes))]]];
   },
   addNodeView: function addNodeView() {
     return ReactNodeViewRenderer(EmbedComponent);
@@ -7053,8 +7053,8 @@ 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(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(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 PluginKey("emoji-picker");
 var EmojiPicker = Node.create({
   name: "emojiPicker",
@@ -7108,7 +7108,7 @@ var EmojiPicker = Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [Suggestion(_objectSpread$9({
+    return [Suggestion(_objectSpread$a({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -7134,8 +7134,8 @@ var filterEmojiSuggestions = function filterEmojiSuggestions(suggestions, freque
   }).slice(0, 5);
 };
 
-function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf(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(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$3() ? Reflect.construct(o, e || [], _getPrototypeOf(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;
@@ -7143,7 +7143,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(_this, "state", {
       isLoading: false,
       selectedIndex: 0,
@@ -7322,8 +7322,8 @@ var EmojiSuggestionMenu = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React__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(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(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 PluginKey("emoji-suggestion");
 var EmojiSuggestion = Node.create({
   name: "emojiSuggestion",
@@ -7402,7 +7402,7 @@ var EmojiSuggestion = Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [Suggestion(_objectSpread$8({
+    return [Suggestion(_objectSpread$9({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -7516,8 +7516,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(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(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,
@@ -7567,7 +7567,7 @@ var ImageComponent = function ImageComponent(_ref) {
     "data-cy": "neeto-editor-image-wrapper"
   }, /*#__PURE__*/React__default.createElement("figure", {
     ref: figureRef
-  }, /*#__PURE__*/React__default.createElement(Menu$1, {
+  }, /*#__PURE__*/React__default.createElement(Menu$2, {
     align: align,
     deleteNode: deleteNode,
     editor: editor,
@@ -7584,7 +7584,7 @@ var ImageComponent = function ImageComponent(_ref) {
     onResize: function onResize(_event, _direction, ref) {
       return setCaptionWidth(ref.offsetWidth);
     }
-  }, /*#__PURE__*/React__default.createElement("img", _extends({}, _objectSpread$7(_objectSpread$7({}, node.attrs), {}, {
+  }, /*#__PURE__*/React__default.createElement("img", _extends({}, _objectSpread$8(_objectSpread$8({}, node.attrs), {}, {
     src: src
   }), {
     alt: caption,
@@ -7836,8 +7836,8 @@ var FigCaption = Node.create({
   }
 });
 
-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(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(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,
@@ -7846,7 +7846,7 @@ var KeyboardShortcuts = function KeyboardShortcuts(_ref) {
     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;
@@ -9940,8 +9940,8 @@ const Link$1 = 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(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(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 = markInputRule(config);
   return new InputRule({
@@ -9957,7 +9957,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
       }
@@ -10180,13 +10180,13 @@ var scrollHandler = function scrollHandler(_ref) {
   wrapperRef.current.scrollTop = scrollPosition;
 };
 
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? Reflect.construct(o, e || [], _getPrototypeOf(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(this, MentionList);
-    _this = _callSuper(this, MentionList, [props]);
+    _this = _callSuper$2(this, MentionList, [props]);
     _defineProperty(_this, "selectItem", function (index) {
       var _this$props = _this.props,
         items = _this$props.items,
@@ -10321,8 +10321,8 @@ 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(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(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;
@@ -10398,8 +10398,8 @@ var Mention = {
     var _ref3$suggestion = _ref3.suggestion,
       suggestionConfig = _ref3$suggestion === void 0 ? {} : _ref3$suggestion,
       otherConfig = _objectWithoutProperties(_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)
     }));
   }
 };
@@ -10497,6 +10497,579 @@ var SelectionDecoration = Document.extend({
   }
 });
 
+function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf(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(this, Menu);
+    _this = _callSuper$1(this, Menu, [props]);
+    _defineProperty(_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(_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 = isNotPresent(selectedItem.items);
+      if (hasCommand && isLeafNode) selectedItem.command({
+        editor: editor,
+        range: range
+      });
+    });
+    _defineProperty(_this, "upHandler", function () {
+      var items = _this.props.items;
+      var selectedIndex = _this.state.selectedIndex;
+      _this.setState({
+        selectedIndex: (selectedIndex + items.length - 1) % items.length
+      });
+    });
+    _defineProperty(_this, "downHandler", function () {
+      var items = _this.props.items;
+      var selectedIndex = _this.state.selectedIndex;
+      _this.setState({
+        selectedIndex: (selectedIndex + 1) % items.length
+      });
+    });
+    _defineProperty(_this, "enterHandler", function () {
+      var selectedIndex = _this.state.selectedIndex;
+      _this.selectItem(selectedIndex);
+    });
+    _defineProperty(_this, "leftArrowHandler", function () {
+      var _this$props2 = _this.props,
+        menuIndex = _this$props2.menuIndex,
+        setActiveMenuIndex = _this$props2.setActiveMenuIndex;
+      if (menuIndex > 0) setActiveMenuIndex(menuIndex - 1);
+    });
+    _defineProperty(_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 && !isNotPresent(selectedItem.items);
+      if (hasSubItems) setActiveMenuIndex(menuIndex + 1);
+    });
+    _this.state = {
+      selectedIndex: 0
+    };
+    _this.menuRef = /*#__PURE__*/React__default.createRef();
+    return _this;
+  }
+  _inherits(Menu, _React$Component);
+  return _createClass(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.createElement("div", {
+        className: "neeto-editor-slash-commands__wrapper",
+        ref: this.menuRef
+      }, items.map(function (item, index) {
+        var isLeafNode = isNotPresent(item.items);
+        var nodeElement = /*#__PURE__*/React__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.createElement(Tippy, {
+          interactive: true,
+          key: item.title,
+          placement: "right",
+          visible: selectedIndex === index,
+          content: /*#__PURE__*/React__default.createElement(Menu, _extends({}, _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.Component); // eslint-disable-next-line react/display-name
+var MenuItem = /*#__PURE__*/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.createElement("div", {
+    "data-cy": "neeto-editor-command-list-item-".concat(index),
+    ref: ref,
+    className: classnames("neeto-editor-slash-commands__item", {
+      active: index === selectedIndex
+    }),
+    onClick: selectItem,
+    onMouseEnter: onHover
+  }, Icon && /*#__PURE__*/React__default.createElement(Icon, {
+    size: 20
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-editor-slash-commands__item-content"
+  }, /*#__PURE__*/React__default.createElement("h5", {
+    "data-cy": "neeto-editor-command-list-item-block-heading"
+  }, item.title), /*#__PURE__*/React__default.createElement("p", {
+    "data-cy": "neeto-editor-command-list-item-block-description"
+  }, item.description)));
+});
+
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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(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(_this, "state", {
+      activeMenuIndex: 0
+    });
+    _defineProperty(_this, "onKeyDown", function (_ref) {
+      var event = _ref.event;
+      return ["Enter", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(event.key);
+    });
+    _defineProperty(_this, "setActiveMenuIndex", function (index) {
+      return _this.setState({
+        activeMenuIndex: index
+      });
+    });
+    return _this;
+  }
+  _inherits(CommandsList, _React$Component);
+  return _createClass(CommandsList, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React__default.createElement(Menu$1, _extends({}, this.props, {
+        activeMenuIndex: this.state.activeMenuIndex,
+        items: this.props.items,
+        menuIndex: 0,
+        setActiveMenuIndex: this.setActiveMenuIndex
+      }));
+    }
+  }]);
+}(React__default.Component);
+
+var MENU_ITEMS = [{
+  optionName: EDITOR_OPTIONS.PARAGRAPH,
+  title: t("neetoEditor.menu.normalText"),
+  description: t("neetoEditor.menu.normalTextDescription"),
+  Icon: Paragraph$1,
+  command: function command(_ref) {
+    var editor = _ref.editor,
+      range = _ref.range;
+    editor.chain().focus().deleteRange(range).setNode("paragraph").run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.H1,
+  title: t("neetoEditor.menu.h1"),
+  description: t("neetoEditor.menu.h1Description"),
+  Icon: TextH1,
+  command: function command(_ref2) {
+    var editor = _ref2.editor,
+      range = _ref2.range;
+    editor.chain().focus().deleteRange(range).setNode("heading", {
+      level: 1
+    }).run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.H2,
+  title: t("neetoEditor.menu.h2"),
+  description: t("neetoEditor.menu.h2Description"),
+  Icon: TextH2,
+  command: function command(_ref3) {
+    var editor = _ref3.editor,
+      range = _ref3.range;
+    editor.chain().focus().deleteRange(range).setNode("heading", {
+      level: 2
+    }).run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.H3,
+  title: t("neetoEditor.menu.h3"),
+  description: t("neetoEditor.menu.h3Description"),
+  Icon: Text$2,
+  command: function command(_ref4) {
+    var editor = _ref4.editor,
+      range = _ref4.range;
+    editor.chain().focus().deleteRange(range).setNode("heading", {
+      level: 3
+    }).run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.H4,
+  title: t("neetoEditor.menu.h4"),
+  description: t("neetoEditor.menu.h4Description"),
+  Icon: Text$2,
+  command: function command(_ref5) {
+    var editor = _ref5.editor,
+      range = _ref5.range;
+    editor.chain().focus().deleteRange(range).setNode("heading", {
+      level: 4
+    }).run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.H5,
+  title: t("neetoEditor.menu.h5"),
+  description: t("neetoEditor.menu.h5Description"),
+  Icon: Text$2,
+  command: function command(_ref6) {
+    var editor = _ref6.editor,
+      range = _ref6.range;
+    editor.chain().focus().deleteRange(range).setNode("heading", {
+      level: 5
+    }).run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.H6,
+  title: t("neetoEditor.menu.h6"),
+  description: t("neetoEditor.menu.h6Description"),
+  Icon: Text$2,
+  command: function command(_ref7) {
+    var editor = _ref7.editor,
+      range = _ref7.range;
+    editor.chain().focus().deleteRange(range).setNode("heading", {
+      level: 6
+    }).run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.LIST_ORDERED,
+  title: t("neetoEditor.menu.numberedList"),
+  description: t("neetoEditor.menu.numberedListDescription"),
+  Icon: ListNumber,
+  command: function command(_ref8) {
+    var editor = _ref8.editor,
+      range = _ref8.range;
+    editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.LIST_BULLETS,
+  title: t("neetoEditor.menu.bulletList"),
+  description: t("neetoEditor.menu.bulletListDescription"),
+  Icon: ListDot,
+  command: function command(_ref9) {
+    var editor = _ref9.editor,
+      range = _ref9.range;
+    editor.chain().focus().deleteRange(range).toggleBulletList().run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.IMAGE_UPLOAD,
+  title: t("neetoEditor.menu.image"),
+  description: t("neetoEditor.menu.imageDescription"),
+  Icon: ImageUpload,
+  command: noop$1
+}, {
+  optionName: EDITOR_OPTIONS.VIDEO_UPLOAD,
+  title: t("neetoEditor.menu.video"),
+  description: t("neetoEditor.menu.videoDescription"),
+  Icon: Video,
+  command: noop$1
+}, {
+  optionName: EDITOR_OPTIONS.BLOCKQUOTE,
+  title: t("neetoEditor.menu.blockQuote"),
+  description: t("neetoEditor.menu.blockQuoteDescription"),
+  Icon: Blockquote$1,
+  command: function command(_ref10) {
+    var editor = _ref10.editor,
+      range = _ref10.range;
+    editor.chain().focus().deleteRange(range).toggleBlockquote().run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.CODE_BLOCK,
+  title: t("neetoEditor.menu.codeBlock"),
+  description: t("neetoEditor.menu.codeDescription"),
+  Icon: CodeBlock$2,
+  command: function command(_ref11) {
+    var editor = _ref11.editor,
+      range = _ref11.range;
+    editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.EMOJI,
+  title: t("neetoEditor.menu.emoji"),
+  description: t("neetoEditor.menu.emojiDescription"),
+  Icon: Smiley,
+  command: function command(_ref12) {
+    var editor = _ref12.editor,
+      range = _ref12.range;
+    editor.chain().focus().deleteRange(range).insertContent("::").run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.DIVIDER,
+  title: t("neetoEditor.menu.divider"),
+  description: t("neetoEditor.menu.dividerDescription"),
+  Icon: Minus,
+  command: function command(_ref13) {
+    var editor = _ref13.editor,
+      range = _ref13.range;
+    editor.chain().focus().deleteRange(range).setHorizontalRule().run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.VIDEO_EMBED,
+  title: t("neetoEditor.menu.embed"),
+  description: t("neetoEditor.menu.embedDescription"),
+  Icon: MediaVideo,
+  command: noop$1
+}, {
+  optionName: EDITOR_OPTIONS.PASTE_UNFORMATTED,
+  title: t("neetoEditor.menu.pasteUnformatted"),
+  description: t("neetoEditor.menu.pasteUnformattedDescription"),
+  Icon: Notes,
+  command: function command(_ref14) {
+    var editor = _ref14.editor,
+      range = _ref14.range;
+    return editor.chain().focus().deleteRange(range).pasteUnformatted().run();
+  }
+}, {
+  optionName: EDITOR_OPTIONS.TABLE,
+  title: t("neetoEditor.menu.table"),
+  description: t("neetoEditor.menu.tableDescription"),
+  Icon: 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: 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(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(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 === EDITOR_OPTIONS.IMAGE_UPLOAD) {
+      return assoc("command", imageCommand(setMediaUploader), item);
+    } else if (item.optionName === EDITOR_OPTIONS.VIDEO_UPLOAD) {
+      return assoc("command", videoCommand(setMediaUploader), item);
+    } else if (item.optionName === EDITOR_OPTIONS.VIDEO_EMBED) {
+      return assoc("command", embedCommand(setIsEmbedModalOpen), item);
+    }
+    return item;
+  });
+  var permittedCommandItems = commandItems.filter(function (_ref5) {
+    var optionName = _ref5.optionName;
+    return options.includes(optionName);
+  });
+  return [].concat(_toConsumableArray(permittedCommandItems), _toConsumableArray(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(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 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 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 isEmpty$1(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 ReactRenderer(CommandsList, {
+                    props: props,
+                    editor: props.editor
+                  });
+                  popup = tippy("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"
+                  });
+                  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();
+                  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(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; }
@@ -13443,7 +14016,7 @@ var VideoComponent = function VideoComponent(_ref) {
   };
   return /*#__PURE__*/React__default.createElement(NodeViewWrapper, {
     className: "neeto-editor__image-wrapper neeto-editor__image--".concat(align)
-  }, /*#__PURE__*/React__default.createElement("figure", null, /*#__PURE__*/React__default.createElement(Menu$1, {
+  }, /*#__PURE__*/React__default.createElement("figure", null, /*#__PURE__*/React__default.createElement(Menu$2, {
     align: align,
     deleteNode: deleteNode,
     editor: editor,
@@ -13604,10 +14177,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({
@@ -13643,6 +14220,14 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
   if (options.includes(EDITOR_OPTIONS.TEXT_COLOR)) {
     customExtensions.push(Color);
   }
+  if (isSlashCommandsActive) {
+    customExtensions.push(SlashCommands.configure({
+      options: options,
+      addonCommands: addonCommands,
+      setMediaUploader: setMediaUploader,
+      setIsEmbedModalOpen: setIsEmbedModalOpen
+    }));
+  }
   if (!isEmpty$1(mentions)) {
     var items = createMentionSuggestions(mentions);
     customExtensions.push(Mention.configure({
@@ -13989,7 +14574,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(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) {
@@ -14020,6 +14605,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,
@@ -14067,6 +14654,7 @@ var Editor = function Editor(_ref, ref) {
   var isMediaUploaderActive = addons.includes(EDITOR_OPTIONS.IMAGE_UPLOAD) || addons.includes(EDITOR_OPTIONS.VIDEO_UPLOAD);
   var isFixedMenuActive = menuType === "fixed";
   var isBubbleMenuActive = menuType === "bubble";
+  var isSlashCommandsActive = !hideSlashCommands || isBubbleMenuActive;
   var isPlaceholderActive = !!placeholder;
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -14092,10 +14680,14 @@ var Editor = function Editor(_ref, ref) {
     extensions: extensions,
     mentions: mentions,
     variables: variables,
+    isSlashCommandsActive: isSlashCommandsActive,
     options: [].concat(_toConsumableArray(defaults), _toConsumableArray(addons)),
+    addonCommands: addonCommands,
     onSubmit: onSubmit,
     keyboardShortcuts: keyboardShortcuts,
     isVideoEmbedActive: isVideoEmbedActive,
+    setMediaUploader: setMediaUploader,
+    setIsEmbedModalOpen: setIsEmbedModalOpen,
     openImageInNewTab: openImageInNewTab,
     openLinkInNewTab: openLinkInNewTab
   });
@@ -14175,7 +14767,7 @@ var Editor = function Editor(_ref, ref) {
   }, /*#__PURE__*/React__default.createElement(CharacterCountWrapper, {
     editor: editor,
     isActive: isCharacterCountActive
-  }, /*#__PURE__*/React__default.createElement(Menu$3, {
+  }, /*#__PURE__*/React__default.createElement(Menu$4, {
     addonCommands: addonCommands,
     addons: addons,
     attachmentProps: attachmentProps,