@bigbinary/neeto-editor 1.47.112 → 1.47.113

package/dist/cjs/v2/Editor.cjs.js

@@ -6,19 +6,19 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
-var menu = require('../chunk-Cv7rmxCK.cjs.js');
+var useEditorStore = require('../chunk-Cv0ocaVh.cjs.js');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
 var ReactDOM$1 = require('react-dom');
-var index = require('../chunk-DQYVBQIk.cjs.js');
+var index = require('../chunk-DOxH3Agq.cjs.js');
 var constants = require('../chunk-2HrSPdAV.cjs.js');
 require('../chunk-BGy3NmZC.cjs.js');
 var ramda = require('ramda');
 var ReactDOM = require('react-dom/server');
 var common = require('../chunk-De3nCFAF.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
-var v2_Menu = require('../chunk-BE_JvlHl.cjs.js');
+var v2_Menu = require('../chunk-B_ZuTQG9.cjs.js');
 var Megaphone = require('@bigbinary/neeto-icons/misc/Megaphone');
 var index$1 = require('../chunk-eyfbjfPH.cjs.js');
 var lucideReact = require('lucide-react');
@@ -73,11 +73,10 @@ var InsertColumn = require('@bigbinary/neeto-icons/InsertColumn');
 var MergeSplit = require('@bigbinary/neeto-icons/MergeSplit');
 var ToggleHeaderRow = require('@bigbinary/neeto-icons/ToggleHeaderRow');
 var formik = require('@bigbinary/neeto-atoms/formik');
-var v2_Attachments = require('../chunk-LeproQrc.cjs.js');
+var v2_Attachments = require('../chunk-Cvxaj__T.cjs.js');
 require('axios');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('zustand');
-require('../chunk-B6qYtOJe.cjs.js');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('@tanstack/react-query');
 require('yjs');
@@ -101,7 +100,6 @@ require('@bigbinary/neeto-icons/AspectRatio169');
 require('@bigbinary/neeto-icons/AspectRatio916');
 require('@bigbinary/neeto-icons/AspectRatio43');
 require('@bigbinary/neeto-icons/AspectRatio32');
-require('../chunk-DcAwRABD.cjs.js');
 require('@bigbinary/neeto-commons-frontend/v2/react-utils/useOnClickOutside');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -205,7 +203,7 @@ var CharacterCountWrapper = function CharacterCountWrapper(_ref) {
   });
 };
 
-var HighlightInternal = menu.Extension.create({
+var HighlightInternal = useEditorStore.Extension.create({
   name: "HighlightInternal",
   addOptions: function addOptions() {
     return {
@@ -269,7 +267,7 @@ var CalloutComponent = function CalloutComponent(_ref) {
   var Icon = ((_findBy = neetoCist.findBy({
     type: type
   }, v2_Menu.CALLOUT_TYPES)) === null || _findBy === void 0 ? void 0 : _findBy.icon) || Megaphone__default.default;
-  return /*#__PURE__*/jsxRuntime.jsx(menu.NodeViewWrapper, {
+  return /*#__PURE__*/jsxRuntime.jsx(useEditorStore.NodeViewWrapper, {
     className: "neeto-editor__callout neeto-editor__callout--".concat(type, " group"),
     "data-emoji": type,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -277,7 +275,7 @@ var CalloutComponent = function CalloutComponent(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
         className: "callout-emoji",
         children: /*#__PURE__*/jsxRuntime.jsx(Icon, {})
-      }), /*#__PURE__*/jsxRuntime.jsx(menu.NodeViewContent, {
+      }), /*#__PURE__*/jsxRuntime.jsx(useEditorStore.NodeViewContent, {
         className: "callout-content",
         "data-testid": "callout-content"
       })]
@@ -285,7 +283,7 @@ var CalloutComponent = function CalloutComponent(_ref) {
   });
 };
 
-var Callout = menu.Node.create({
+var Callout = useEditorStore.Node.create({
   name: "callout",
   inline: false,
   group: "block",
@@ -326,7 +324,7 @@ var Callout = menu.Node.create({
     var svgContainer = document.createElement("div");
     svgContainer.innerHTML = svgString;
     var svgNode = svgContainer.firstChild;
-    return ["div", menu.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+    return ["div", useEditorStore.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
       "class": "neeto-editor__callout neeto-editor__callout--".concat(type),
       "data-emoji": type
     }), ["div", {
@@ -338,7 +336,7 @@ var Callout = menu.Node.create({
     }, 0]]];
   },
   addNodeView: function addNodeView() {
-    return menu.ReactNodeViewRenderer(CalloutComponent);
+    return useEditorStore.ReactNodeViewRenderer(CalloutComponent);
   },
   addCommands: function addCommands() {
     var _this = this;
@@ -436,7 +434,7 @@ var Callout = menu.Node.create({
 /* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */
 var codeBlockHighlightKey = new index$1.PluginKey("codeBlockHighlight");
 function createLineDecoration(from, lineNumber) {
-  return menu.Decoration.widget(from, function (view) {
+  return useEditorStore.Decoration.widget(from, function (view) {
     var line = document.createElement("div");
     line.className = "highlighted-line";
     line.setAttribute("data-line-number", lineNumber.toString());
@@ -469,7 +467,7 @@ var codeBlockHighlightPlugin = new index$1.Plugin({
   key: codeBlockHighlightKey,
   state: {
     init: function init() {
-      return menu.DecorationSet.empty;
+      return useEditorStore.DecorationSet.empty;
     },
     apply: function apply(tr, set) {
       set = set.map(tr.mapping, tr.doc);
@@ -487,7 +485,7 @@ var codeBlockHighlightPlugin = new index$1.Plugin({
             }
           });
         });
-        return menu.DecorationSet.create(tr.doc, decorations);
+        return useEditorStore.DecorationSet.create(tr.doc, decorations);
       }
       return set;
     }
@@ -589,7 +587,7 @@ var CodeBlockComponent = function CodeBlockComponent(_ref) {
     });
     editor.view.dispatch(editor.state.tr.setMeta(codeBlockHighlightKey, true));
   };
-  return /*#__PURE__*/jsxRuntime.jsx(menu.NodeViewWrapper, {
+  return /*#__PURE__*/jsxRuntime.jsx(useEditorStore.NodeViewWrapper, {
     className: "ne-codeblock-nodeview-wrapper ne-codeblock--v2",
     "data-testid": "neeto-editor-code-block",
     children: /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -672,7 +670,7 @@ var CodeBlockComponent = function CodeBlockComponent(_ref) {
             variant: "secondary",
             onClick: handleHighlight
           })]
-        }), /*#__PURE__*/jsxRuntime.jsx(menu.NodeViewContent, {
+        }), /*#__PURE__*/jsxRuntime.jsx(useEditorStore.NodeViewContent, {
           as: "code"
         })]
       })
@@ -717,14 +715,14 @@ var CodeBlock = index.CodeBlockLowlight.extend({
     return [].concat(_toConsumableArray__default.default(((_this$parent2 = this.parent) === null || _this$parent2 === void 0 ? void 0 : _this$parent2.call(this)) || []), [codeBlockHighlightPlugin]);
   },
   addNodeView: function addNodeView() {
-    return menu.ReactNodeViewRenderer(CodeBlockComponent);
+    return useEditorStore.ReactNodeViewRenderer(CodeBlockComponent);
   }
 }).configure({
   lowlight: common.lowlight,
   defaultLanguage: "plaintext"
 });
 
-var CustomCommands = menu.Extension.create({
+var CustomCommands = useEditorStore.Extension.create({
   name: "paste-unformatted",
   addCommands: function addCommands() {
     return {
@@ -756,7 +754,7 @@ var CustomCommands = menu.Extension.create({
   }
 });
 
-var DeletedArticleDecoration = menu.Extension.create({
+var DeletedArticleDecoration = useEditorStore.Extension.create({
   name: "deletedArticleDecoration",
   addOptions: function addOptions() {
     return {
@@ -779,14 +777,14 @@ var DeletedArticleDecoration = menu.Extension.create({
               }
               var articleId = mark.attrs["data-article-id"];
               if (!_this.options.deletedArticleIds.has(articleId)) return;
-              var decoration = menu.Decoration.inline(pos, pos + node.nodeSize, {
+              var decoration = useEditorStore.Decoration.inline(pos, pos + node.nodeSize, {
                 "data-article-deleted": "true",
                 "class": "neeto-kb-article-deleted"
               });
               decorations.push(decoration);
             });
           });
-          return menu.DecorationSet.create(doc, decorations);
+          return useEditorStore.DecorationSet.create(doc, decorations);
         }
       }
     })];
@@ -808,7 +806,7 @@ var DeletedArticleDecoration = menu.Extension.create({
 function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EmojiPickerPluginKey = new index$1.PluginKey("emoji-picker");
-var EmojiPicker = menu.Node.create({
+var EmojiPicker = useEditorStore.Node.create({
   name: "emojiPicker",
   group: "inline",
   inline: true,
@@ -828,7 +826,7 @@ var EmojiPicker = menu.Node.create({
           var popup;
           return {
             onStart: function onStart(props) {
-              reactRenderer = new menu.ReactRenderer(v2_Menu.EmojiPickerMenu, {
+              reactRenderer = new useEditorStore.ReactRenderer(v2_Menu.EmojiPickerMenu, {
                 props: props,
                 editor: props.editor
               });
@@ -913,7 +911,7 @@ var EmojiSuggestionMenu = /*#__PURE__*/function (_React$Component) {
             });
             _context.prev = 1;
             _context.next = 4;
-            return menu.emojiPickerApi.fetch();
+            return useEditorStore.emojiPickerApi.fetch();
           case 4:
             _yield$emojiPickerApi = _context.sent;
             data = _yield$emojiPickerApi.data;
@@ -1084,7 +1082,7 @@ var EmojiSuggestionMenu = /*#__PURE__*/function (_React$Component) {
 function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EmojiSuggestionPluginKey = new index$1.PluginKey("emoji-suggestion");
-var EmojiSuggestion$1 = menu.Node.create({
+var EmojiSuggestion$1 = useEditorStore.Node.create({
   name: "emojiSuggestion",
   group: "inline",
   inline: true,
@@ -1128,7 +1126,7 @@ var EmojiSuggestion$1 = menu.Node.create({
   renderHTML: function renderHTML(_ref2) {
     var node = _ref2.node,
       HTMLAttributes = _ref2.HTMLAttributes;
-    return ["span", menu.mergeAttributes({
+    return ["span", useEditorStore.mergeAttributes({
       "data-emoji": ""
     }, this.options.HTMLAttributes, HTMLAttributes), this.options.renderEmoji({
       node: node
@@ -1193,7 +1191,7 @@ var suggestionConfig = {
         var _popup$;
         var isArrowNavigation = props.editor.view.input.lastKeyCode === 39 || props.editor.view.input.lastKeyCode === 37;
         if (!isArrowNavigation && props.query.length === 1 && EMOJI_QUERY_REGEX.test(props.query)) {
-          reactRenderer = new menu.ReactRenderer(EmojiSuggestionMenu, {
+          reactRenderer = new useEditorStore.ReactRenderer(EmojiSuggestionMenu, {
             props: props,
             editor: props.editor
           });
@@ -1501,7 +1499,7 @@ var ImageComponent = function ImageComponent(_ref) {
     editor.commands.focus();
   };
   if (neetoCist.isNotPresent(src) && neetoCist.isNotPresent(alt)) return null;
-  return /*#__PURE__*/jsxRuntime.jsxs(menu.NodeViewWrapper, {
+  return /*#__PURE__*/jsxRuntime.jsxs(useEditorStore.NodeViewWrapper, {
     "data-testid": "neeto-editor-image-wrapper",
     className: classnames__default.default("neeto-editor__image-wrapper", "neeto-editor__image--".concat(align), {
       "neeto-editor__image--bordered": border
@@ -1539,7 +1537,7 @@ var ImageComponent = function ImageComponent(_ref) {
       }) : /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "neeto-editor__image-placeholder",
         children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Spinner, {})
-      }), /*#__PURE__*/jsxRuntime.jsx(menu.NodeViewContent, {
+      }), /*#__PURE__*/jsxRuntime.jsx(useEditorStore.NodeViewContent, {
         as: "figcaption",
         className: classnames__default.default({
           "is-empty": ramda.isEmpty(caption)
@@ -1597,7 +1595,7 @@ var findNextTextPos = function findNextTextPos(editor, pos) {
   });
   return foundPos;
 };
-var ImageExtension = menu.Node.create({
+var ImageExtension = useEditorStore.Node.create({
   name: "image",
   addOptions: function addOptions() {
     return {
@@ -1694,14 +1692,14 @@ var ImageExtension = menu.Node.create({
     var captionAttrs = {
       style: "width:".concat(figwidth, "px;")
     };
-    return ["div", wrapperDivAttrs, ["figure", this.options.HTMLAttributes, ["a", wrapperLinkAttrs, ["img", menu.mergeAttributes(HTMLAttributes, {
+    return ["div", wrapperDivAttrs, ["figure", this.options.HTMLAttributes, ["a", wrapperLinkAttrs, ["img", useEditorStore.mergeAttributes(HTMLAttributes, {
       draggable: false,
       contenteditable: false,
       "data-border": border
     })]], ["figcaption", captionAttrs, 0]]];
   },
   addNodeView: function addNodeView() {
-    return menu.ReactNodeViewRenderer(ImageComponent);
+    return useEditorStore.ReactNodeViewRenderer(ImageComponent);
   },
   addCommands: function addCommands() {
     var _this = this;
@@ -1855,7 +1853,7 @@ var ImageExtension = menu.Node.create({
   }
 });
 
-var FigCaption = menu.Node.create({
+var FigCaption = useEditorStore.Node.create({
   name: "figcaption",
   content: "text*",
   selectable: false,
@@ -1867,7 +1865,7 @@ var FigCaption = menu.Node.create({
   },
   renderHTML: function renderHTML(_ref) {
     var HTMLAttributes = _ref.HTMLAttributes;
-    return ["figcaption", menu.mergeAttributes(HTMLAttributes), 0];
+    return ["figcaption", useEditorStore.mergeAttributes(HTMLAttributes), 0];
   }
 });
 
@@ -1886,7 +1884,7 @@ var KeyboardShortcuts$1 = function KeyboardShortcuts(_ref) {
   var onSubmit = _ref.onSubmit,
     shortcuts = _ref.shortcuts,
     isBlockQuoteActive = _ref.isBlockQuoteActive;
-  return menu.Extension.create({
+  return useEditorStore.Extension.create({
     name: "keyboard-shortcuts",
     addKeyboardShortcuts: function addKeyboardShortcuts() {
       var _this = this;
@@ -1924,8 +1922,8 @@ var LINK_MARKDOWN_INPUT_REGEX = /(?:^|\s)\[([^\]]*)?\]\((\S+)(?: ["“](.+)["”
 function ownKeys$e(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var linkInputRule = function linkInputRule(config) {
-  var defaultMarkInputRule = menu.markInputRule(config);
-  return new menu.InputRule({
+  var defaultMarkInputRule = useEditorStore.markInputRule(config);
+  return new useEditorStore.InputRule({
     find: config.find,
     handler: function handler(props) {
       try {
@@ -1989,7 +1987,7 @@ var Link = index.Link.extend({
   },
   renderHTML: function renderHTML(_ref) {
     var HTMLAttributes = _ref.HTMLAttributes;
-    return ["a", menu.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+    return ["a", useEditorStore.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
       "class": "link"
     }), 0];
   },
@@ -2168,7 +2166,7 @@ var suggestion$1 = {
     var popup;
     return {
       onStart: function onStart(props) {
-        reactRenderer = new menu.ReactRenderer(MentionList, {
+        reactRenderer = new useEditorStore.ReactRenderer(MentionList, {
           props: props,
           editor: props.editor
         });
@@ -2251,7 +2249,7 @@ var OrderedList = index.OrderedList.configure({
   itemTypeName: "listItem"
 });
 
-var Placeholder = menu.Extension.create({
+var Placeholder = useEditorStore.Extension.create({
   name: "placeholder",
   addOptions: function addOptions() {
     return {
@@ -2294,7 +2292,7 @@ var Placeholder = menu.Extension.create({
                 classes.push("is-current-slash-placeholder");
                 placeholderText = _this.options.slashCommandsPlaceholder;
               }
-              var decoration = menu.Decoration.node(pos, pos + node.nodeSize, {
+              var decoration = useEditorStore.Decoration.node(pos, pos + node.nodeSize, {
                 "class": classes.join(" "),
                 "data-placeholder": placeholderText
               });
@@ -2302,7 +2300,7 @@ var Placeholder = menu.Extension.create({
             }
             return _this.options.includeChildren;
           });
-          return menu.DecorationSet.create(doc, decorations);
+          return useEditorStore.DecorationSet.create(doc, decorations);
         }
       }
     })];
@@ -2317,7 +2315,7 @@ var SelectionDecoration = index.Document.extend({
       state: {
         init: function init() {
           return {
-            decorations: menu.DecorationSet.empty,
+            decorations: useEditorStore.DecorationSet.empty,
             selectedTextDecoration: null
           };
         },
@@ -2330,7 +2328,7 @@ var SelectionDecoration = index.Document.extend({
             decorations = decorations.remove([selectedTextDecoration]);
           }
           if (!selection.empty) {
-            selectedTextDecoration = menu.Decoration.inline(selection.from, selection.to, {
+            selectedTextDecoration = useEditorStore.Decoration.inline(selection.from, selection.to, {
               "class": "selected-text"
             });
             decorations = decorations.add(doc, [selectedTextDecoration]);
@@ -2988,7 +2986,7 @@ var SlashCommands = {
       attachmentProps: attachmentProps,
       setIsNeetoKbArticleActive: setIsNeetoKbArticleActive
     });
-    return menu.Extension.create({
+    return useEditorStore.Extension.create({
       name: "slash-commands",
       addOptions: function addOptions() {
         return {
@@ -3022,7 +3020,7 @@ var SlashCommands = {
                   if (props.editor.isActive("image") || props.editor.isActive("codeBlock")) {
                     return;
                   }
-                  reactRenderer = new menu.ReactRenderer(CommandsList, {
+                  reactRenderer = new useEditorStore.ReactRenderer(CommandsList, {
                     props: props,
                     editor: props.editor
                   });
@@ -3041,7 +3039,7 @@ var SlashCommands = {
                     role: "dropdown",
                     theme: "light neeto-editor-slash-commands-tippy"
                   });
-                  menu.highlightFocussedNode();
+                  useEditorStore.highlightFocussedNode();
                 },
                 onUpdate: function onUpdate(props) {
                   var _reactRenderer;
@@ -3064,7 +3062,7 @@ var SlashCommands = {
                 onExit: function onExit() {
                   popup && popup[0].destroy();
                   reactRenderer && reactRenderer.destroy();
-                  menu.resetFocussedNode();
+                  useEditorStore.resetFocussedNode();
                 }
               };
             }
@@ -3098,7 +3096,7 @@ var suggestion = {
     var popup;
     return {
       onStart: function onStart(props) {
-        reactRenderer = new menu.ReactRenderer(MentionList, {
+        reactRenderer = new useEditorStore.ReactRenderer(MentionList, {
           props: props,
           editor: props.editor
         });
@@ -3143,7 +3141,7 @@ var SpecialMentions$1 = index.Mention.extend({
   renderHTML: function renderHTML(_ref2) {
     var node = _ref2.node,
       HTMLAttributes = _ref2.HTMLAttributes;
-    return ["span", menu.mergeAttributes({
+    return ["span", useEditorStore.mergeAttributes({
       "data-type": this.name
     }, this.options.HTMLAttributes, HTMLAttributes), renderLabel({
       options: this.options,
@@ -3446,7 +3444,7 @@ var VariableComponent = function VariableComponent(_ref) {
     label = _node$attrs.label;
   var variableName = label || id;
   var shouldTruncate = variableName.length > MAX_VARIABLE_NAME_DISPLAY_LENGTH;
-  return /*#__PURE__*/jsxRuntime.jsxs(menu.NodeViewWrapper, {
+  return /*#__PURE__*/jsxRuntime.jsxs(useEditorStore.NodeViewWrapper, {
     as: "span",
     className: "neeto-editor-variable",
     "data-label": id,
@@ -3461,7 +3459,7 @@ var VariableComponent = function VariableComponent(_ref) {
 };
 
 new index$1.PluginKey("variables");
-var Variable = menu.Node.create({
+var Variable = useEditorStore.Node.create({
   name: "variable",
   addOptions: function addOptions() {
     return {
@@ -3518,7 +3516,7 @@ var Variable = menu.Node.create({
   renderHTML: function renderHTML(_ref2) {
     var node = _ref2.node,
       HTMLAttributes = _ref2.HTMLAttributes;
-    return ["span", menu.mergeAttributes({
+    return ["span", useEditorStore.mergeAttributes({
       "data-variable": ""
     }, this.options.HTMLAttributes, HTMLAttributes), this.options.renderLabel({
       options: this.options,
@@ -3533,7 +3531,7 @@ var Variable = menu.Node.create({
     });
   },
   addNodeView: function addNodeView() {
-    return menu.ReactNodeViewRenderer(VariableComponent);
+    return useEditorStore.ReactNodeViewRenderer(VariableComponent);
   },
   addCommands: function addCommands() {
     var _this = this;
@@ -3598,7 +3596,7 @@ var VideoComponent = function VideoComponent(_ref) {
     editor.commands.focus();
   };
   if (neetoCist.isNotPresent(src)) return null;
-  return /*#__PURE__*/jsxRuntime.jsx(menu.NodeViewWrapper, {
+  return /*#__PURE__*/jsxRuntime.jsx(useEditorStore.NodeViewWrapper, {
     className: classnames__default.default("neeto-editor__image-wrapper", "neeto-editor__image--".concat(align), {
       "neeto-editor__image--bordered": border
     }),
@@ -3630,7 +3628,7 @@ var VideoComponent = function VideoComponent(_ref) {
           "data-border": border,
           preload: "metadata"
         }))
-      }), /*#__PURE__*/jsxRuntime.jsx(menu.NodeViewContent, {
+      }), /*#__PURE__*/jsxRuntime.jsx(useEditorStore.NodeViewContent, {
         as: "figcaption",
         className: classnames__default.default({
           "is-empty": ramda.isEmpty(caption)
@@ -3671,7 +3669,7 @@ var EmbedComponent = function EmbedComponent(_ref) {
     })));
     editor.commands.focus();
   };
-  return /*#__PURE__*/jsxRuntime.jsx(menu.NodeViewWrapper, {
+  return /*#__PURE__*/jsxRuntime.jsx(useEditorStore.NodeViewWrapper, {
     "data-testid": "neeto-editor-video-wrapper",
     className: classnames__default.default("neeto-editor__video-wrapper", "neeto-editor__video--".concat(align), {
       "neeto-editor__video--bordered": border
@@ -3817,7 +3815,7 @@ var renderEmbedHTML = function renderEmbedHTML(node, HTMLAttributes, options) {
     }),
     style: "width: ".concat(figwidth, "px; height: ").concat(figheight, "px;"),
     "data-aspect-ratio": aspectRatio
-  }, ["iframe", menu.mergeAttributes(options.HTMLAttributes, _objectSpread$4(_objectSpread$4({}, HTMLAttributes), {}, {
+  }, ["iframe", useEditorStore.mergeAttributes(options.HTMLAttributes, _objectSpread$4(_objectSpread$4({}, HTMLAttributes), {}, {
     allowfullscreen: true,
     "data-border": border
   }))]]];
@@ -3842,9 +3840,9 @@ var renderUploadHTML = function renderUploadHTML(node, HTMLAttributes, options)
   var captionAttrs = {
     style: "width:".concat(vidwidth, "px;")
   };
-  return ["div", wrapperDivAttrs, ["figure", menu.mergeAttributes(options.HTMLAttributes, {
+  return ["div", wrapperDivAttrs, ["figure", useEditorStore.mergeAttributes(options.HTMLAttributes, {
     "data-video": ""
-  }), ["a", wrapperLinkAttrs, ["video", menu.mergeAttributes(HTMLAttributes, {
+  }), ["a", wrapperLinkAttrs, ["video", useEditorStore.mergeAttributes(HTMLAttributes, {
     preload: "metadata",
     controls: true,
     draggable: false,
@@ -3869,7 +3867,7 @@ var handleVideoPaste = function handleVideoPaste(_ref) {
     state.tr.setSelection(index$1.TextSelection.create(state.tr.doc, range.from + node.nodeSize + 1));
   }
 };
-var UnifiedVideoExtension = menu.Node.create({
+var UnifiedVideoExtension = useEditorStore.Node.create({
   name: "unified-video",
   addOptions: function addOptions() {
     return {
@@ -3908,7 +3906,7 @@ var UnifiedVideoExtension = menu.Node.create({
     return videoType === "embed" ? renderEmbedHTML(node, HTMLAttributes, this.options) : renderUploadHTML(node, HTMLAttributes, this.options);
   },
   addNodeView: function addNodeView() {
-    return menu.ReactNodeViewRenderer(function (_ref3) {
+    return useEditorStore.ReactNodeViewRenderer(function (_ref3) {
       var node = _ref3.node,
         props = _objectWithoutProperties__default.default(_ref3, _excluded$1);
       var videoType = node.attrs.videoType;
@@ -3960,7 +3958,7 @@ var UnifiedVideoExtension = menu.Node.create({
     };
   },
   addPasteRules: function addPasteRules() {
-    return [new menu.PasteRule({
+    return [new useEditorStore.PasteRule({
       find: constants.COMBINED_REGEX,
       handler: handleVideoPaste
     })];
@@ -4539,7 +4537,7 @@ var TableActionMenu = function TableActionMenu(_ref) {
     return (editor === null || editor === void 0 ? void 0 : editor.isFocused) && (editor === null || editor === void 0 ? void 0 : editor.isActive("table"));
   }, [editor]);
   if (!editor) return null;
-  return /*#__PURE__*/jsxRuntime.jsx(menu.BubbleMenu, {
+  return /*#__PURE__*/jsxRuntime.jsx(useEditorStore.BubbleMenu, {
     editor: editor,
     shouldShow: shouldShow,
     className: "neeto-editor-bubble-menu",
@@ -4888,9 +4886,9 @@ var LinkPopOver = function LinkPopOver(_ref) {
     var _editor$view = editor.view,
       state = _editor$view.state,
       dispatch = _editor$view.dispatch;
-    var type = menu.getMarkType("link", state.schema);
+    var type = useEditorStore.getMarkType("link", state.schema);
     var $to = state.selection.$to;
-    var _ref5 = menu.getMarkRange($to, type) || {},
+    var _ref5 = useEditorStore.getMarkRange($to, type) || {},
       _ref5$from = _ref5.from,
       from = _ref5$from === void 0 ? null : _ref5$from,
       _ref5$to = _ref5.to,
@@ -4915,9 +4913,9 @@ var LinkPopOver = function LinkPopOver(_ref) {
       var _editor$view2 = editor.view,
         state = _editor$view2.state,
         dispatch = _editor$view2.dispatch;
-      var type = menu.getMarkType("link", state.schema);
+      var type = useEditorStore.getMarkType("link", state.schema);
       var $to = state.selection.$to;
-      var _ref7 = menu.getMarkRange($to, type) || {},
+      var _ref7 = useEditorStore.getMarkRange($to, type) || {},
         _ref7$from = _ref7.from,
         _from = _ref7$from === void 0 ? null : _ref7$from,
         _ref7$to = _ref7.to,
@@ -4952,9 +4950,9 @@ var LinkPopOver = function LinkPopOver(_ref) {
         var _editor$view3 = editor.view,
           _state = _editor$view3.state,
           _dispatch = _editor$view3.dispatch;
-        var _type = menu.getMarkType("link", _state.schema);
+        var _type = useEditorStore.getMarkType("link", _state.schema);
         var _$to = _state.selection.$to;
-        var _ref8 = menu.getMarkRange(_$to, _type) || {},
+        var _ref8 = useEditorStore.getMarkRange(_$to, _type) || {},
           _ref8$from = _ref8.from,
           _from2 = _ref8$from === void 0 ? null : _ref8$from,
           _ref8$to = _ref8.to,
@@ -5012,9 +5010,9 @@ var LinkPopOver = function LinkPopOver(_ref) {
   };
   var getCurrentTextContent = function getCurrentTextContent() {
     var state = editor.view.state;
-    var type = menu.getMarkType("link", state.schema);
+    var type = useEditorStore.getMarkType("link", state.schema);
     var $to = state.selection.$to;
-    var _ref9 = menu.getMarkRange($to, type) || {},
+    var _ref9 = useEditorStore.getMarkRange($to, type) || {},
       _ref9$from = _ref9.from,
       from = _ref9$from === void 0 ? null : _ref9$from,
       _ref9$to = _ref9.to,
@@ -5357,7 +5355,7 @@ var Editor$1 = function Editor(_ref, ref) {
     "aria-required": required,
     "aria-roledescription": "editor"
   };
-  var editor = menu.useEditor({
+  var editor = useEditorStore.useEditor({
     extensions: customExtensions,
     content: initialValue,
     injectCSS: false,
@@ -5386,7 +5384,7 @@ var Editor$1 = function Editor(_ref, ref) {
     onFocus: onFocus,
     onBlur: handleBlur
   });
-  menu.useEditorState({
+  useEditorStore.useEditorState({
     editor: editor,
     selector: function selector() {
       return {
@@ -5419,7 +5417,7 @@ var Editor$1 = function Editor(_ref, ref) {
     if (!editor || !deletedArticlesHook.deletedArticleIds.size) return;
     editor.commands.updateDeletedArticles(deletedArticlesHook.deletedArticleIds);
   }, [editor, deletedArticlesHook.deletedArticleIds]);
-  menu.EditorView.prototype.updateState = function updateState(state) {
+  useEditorStore.EditorView.prototype.updateState = function updateState(state) {
     if (!this.docView) return;
     this.updateStateInner(state, this.state.plugins !== state.plugins);
   };
@@ -5460,7 +5458,7 @@ var Editor$1 = function Editor(_ref, ref) {
             variables: variables,
             standalone: true
           })
-        }), /*#__PURE__*/jsxRuntime.jsx(menu.EditorContent, _objectSpread({
+        }), /*#__PURE__*/jsxRuntime.jsx(useEditorStore.EditorContent, _objectSpread({
           className: contentWrapperClassName
         }, _objectSpread({
           editor: editor