@bigbinary/neeto-editor-frontend 2.0.5 → 2.0.6

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

@@ -11,7 +11,7 @@ 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 fuzzySearch = require('../chunk-CNhef3wf.cjs.js');
+var getVideoDimension = require('../chunk-B7RhUrgV.cjs.js');
 var constants = require('../chunk-BxKa_XOs.cjs.js');
 require('../chunk-CQ-j2kAX.cjs.js');
 var ramda = require('ramda');
@@ -246,7 +246,7 @@ var HighlightInternal = useEditorStore.Extension.create({
   }
 });
 
-var BulletList = fuzzySearch.BulletList.configure({
+var BulletList = getVideoDimension.BulletList.configure({
   HTMLAttributes: {
     "class": "bulletList"
   },
@@ -673,7 +673,7 @@ var CodeBlockComponent = function CodeBlockComponent(_ref) {
 
 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 CodeBlock = fuzzySearch.src_default.extend({
+var CodeBlock = getVideoDimension.src_default.extend({
   addAttributes: function addAttributes() {
     var _this$parent;
     return _objectSpread$i(_objectSpread$i({}, (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.call(this)), {}, {
@@ -869,7 +869,7 @@ var EmojiPicker = useEditorStore.Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [fuzzySearch.src_default$1(_objectSpread$h({
+    return [getVideoDimension.src_default$1(_objectSpread$h({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -1170,7 +1170,7 @@ var EmojiSuggestion$1 = useEditorStore.Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [fuzzySearch.src_default$1(_objectSpread$g({
+    return [getVideoDimension.src_default$1(_objectSpread$g({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -1529,7 +1529,7 @@ var ImageComponent = function ImageComponent(_ref) {
         deleteNode: deleteNode,
         editor: editor,
         updateAttributes: updateAttributes
-      }), src ? /*#__PURE__*/jsxRuntime.jsx(fuzzySearch.Resizable, {
+      }), src ? /*#__PURE__*/jsxRuntime.jsx(getVideoDimension.Resizable, {
         lockAspectRatio: true,
         className: "neeto-editor__image",
         minWidth: "50px",
@@ -1910,7 +1910,7 @@ var FigCaption = useEditorStore.Node.create({
   }
 });
 
-var Italic = fuzzySearch.src_default$2.extend({
+var Italic = getVideoDimension.src_default$2.extend({
   addInputRules: function addInputRules() {
     return [];
   },
@@ -2001,7 +2001,7 @@ var withTrimmedLinkPaste = function withTrimmedLinkPaste(plugin) {
     })
   }));
 };
-var Link = fuzzySearch.Link.extend({
+var Link = getVideoDimension.Link.extend({
   inclusive: false,
   addAttributes: function addAttributes() {
     var _this$parent;
@@ -2155,7 +2155,7 @@ var MentionList = /*#__PURE__*/function (_React$Component) {
           selectedIndex: 0
         });
       }
-      fuzzySearch.scrollHandler({
+      getVideoDimension.scrollHandler({
         wrapperRef: this.mentionRef,
         index: this.state.selectedIndex
       });
@@ -2277,7 +2277,7 @@ var suggestion$1 = {
     };
   }
 };
-var Mentions = fuzzySearch.src_default$3.extend({
+var Mentions = getVideoDimension.src_default$3.extend({
   addCommands: function addCommands() {
     var _this = this;
     return {
@@ -2312,7 +2312,7 @@ var Mention = {
   }
 };
 
-var OrderedList = fuzzySearch.OrderedList.configure({
+var OrderedList = getVideoDimension.OrderedList.configure({
   HTMLAttributes: {
     "class": "orderedList"
   },
@@ -2379,7 +2379,7 @@ var Placeholder = useEditorStore.Extension.create({
   }
 });
 
-var SelectionDecoration = fuzzySearch.src_default$4.extend({
+var SelectionDecoration = getVideoDimension.src_default$4.extend({
   name: "selectionDecorator",
   addProseMirrorPlugins: function addProseMirrorPlugins() {
     var editor = this.editor;
@@ -2523,7 +2523,7 @@ var Menu = /*#__PURE__*/function (_React$Component) {
       if (items !== oldProps.items) this.setState({
         selectedIndex: 0
       });
-      fuzzySearch.scrollHandler({
+      getVideoDimension.scrollHandler({
         wrapperRef: this.menuRef,
         index: this.state.selectedIndex
       });
@@ -3083,7 +3083,7 @@ var SlashCommands = {
             items: function items(_ref3) {
               var query = _ref3.query;
               if (!query) return commandItems;
-              var filteredItems = fuzzySearch.fuzzySearch(commandItems, query);
+              var filteredItems = getVideoDimension.fuzzySearch(commandItems, query);
               return ramda.isEmpty(filteredItems) ? [NO_RESULT_MENU_ITEM] : filteredItems;
             },
             render: function render() {
@@ -3142,7 +3142,7 @@ var SlashCommands = {
         };
       },
       addProseMirrorPlugins: function addProseMirrorPlugins() {
-        return [fuzzySearch.src_default$1(_objectSpread$8({
+        return [getVideoDimension.src_default$1(_objectSpread$8({
           editor: this.editor
         }, this.options.suggestion))];
       }
@@ -3206,7 +3206,7 @@ var suggestion = {
     };
   }
 };
-var SpecialMentions$1 = fuzzySearch.src_default$3.extend({
+var SpecialMentions$1 = getVideoDimension.src_default$3.extend({
   name: "special-mention",
   renderHTML: function renderHTML(_ref2) {
     var node = _ref2.node,
@@ -3508,7 +3508,7 @@ var exitTable = function exitTable(editor) {
 
 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), true).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 Table$1 = fuzzySearch.Table.extend({
+var Table$1 = getVideoDimension.Table.extend({
   addOptions: function addOptions() {
     return {
       HTMLAttributes: {},
@@ -3644,7 +3644,7 @@ var Table$1 = fuzzySearch.Table.extend({
 });
 var Table = Table$1.configure({});
 
-var TodoListExtension = fuzzySearch.TaskList.extend({
+var TodoListExtension = getVideoDimension.TaskList.extend({
   name: "todoList",
   addKeyboardShortcuts: function addKeyboardShortcuts() {
     var _this = this;
@@ -3655,7 +3655,7 @@ var TodoListExtension = fuzzySearch.TaskList.extend({
     };
   }
 });
-var TodoItemExtension = fuzzySearch.TaskItem.extend({
+var TodoItemExtension = getVideoDimension.TaskItem.extend({
   addKeyboardShortcuts: function addKeyboardShortcuts() {
     var _this2 = this;
     return {
@@ -3849,7 +3849,7 @@ var VideoComponent = function VideoComponent(_ref) {
         deleteNode: deleteNode,
         editor: editor,
         updateAttributes: updateAttributes
-      }), /*#__PURE__*/jsxRuntime.jsx(fuzzySearch.Resizable, {
+      }), /*#__PURE__*/jsxRuntime.jsx(getVideoDimension.Resizable, {
         lockAspectRatio: true,
         className: "neeto-editor__image",
         size: {
@@ -3910,12 +3910,14 @@ var EmbedComponent = function EmbedComponent(_ref) {
     })));
     editor.commands.focus();
   };
-  return /*#__PURE__*/jsxRuntime.jsx(useEditorStore.NodeViewWrapper, {
+  return /*#__PURE__*/jsxRuntime.jsxs(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
     }),
-    children: /*#__PURE__*/jsxRuntime.jsxs(fuzzySearch.Resizable, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(useEditorStore.NodeViewContent, {
+      className: "neeto-editor__video-content"
+    }), /*#__PURE__*/jsxRuntime.jsxs(getVideoDimension.Resizable, {
       lockAspectRatio: true,
       size: {
         height: height,
@@ -3940,7 +3942,7 @@ var EmbedComponent = function EmbedComponent(_ref) {
         allowFullScreen: true,
         "data-border": border
       }))]
-    })
+    })]
   });
 };
 
@@ -4012,13 +4014,15 @@ var getEmbedAttributes = function getEmbedAttributes() {
     figheight: {
       "default": 281,
       parseHTML: function parseHTML(element) {
-        return element.getAttribute("figheight");
+        var _element$querySelecto7;
+        return getVideoDimension.getVideoDimension(((_element$querySelecto7 = element.querySelector("iframe")) !== null && _element$querySelecto7 !== void 0 ? _element$querySelecto7 : element).getAttribute("figheight"), 281);
       }
     },
     figwidth: {
       "default": 500,
       parseHTML: function parseHTML(element) {
-        return element.getAttribute("figwidth");
+        var _element$querySelecto8;
+        return getVideoDimension.getVideoDimension(((_element$querySelecto8 = element.querySelector("iframe")) !== null && _element$querySelecto8 !== void 0 ? _element$querySelecto8 : element).getAttribute("figwidth"), 500);
       }
     },
     aspectRatio: {
@@ -4057,6 +4061,8 @@ var renderEmbedHTML = function renderEmbedHTML(node, HTMLAttributes, options) {
       "neeto-editor__video--bordered": border
     })
   }, ["div", {
+    "class": "neeto-editor__video-content"
+  }, 0], ["div", {
     "class": classnames__default.default("neeto-editor__video-iframe", {
       "neeto-editor-aspect-1-1": aspectRatio === "1/1",
       "neeto-editor-aspect-16-9": aspectRatio === "16/9",
@@ -4064,7 +4070,7 @@ var renderEmbedHTML = function renderEmbedHTML(node, HTMLAttributes, options) {
       "neeto-editor-aspect-4-3": aspectRatio === "4/3",
       "neeto-editor-aspect-3-2": aspectRatio === "3/2"
     }),
-    style: "width: ".concat(figwidth, "px; height: ").concat(figheight, "px;"),
+    style: "width: ".concat(getVideoDimension.getVideoDimension(figwidth, 500), "px; height: ").concat(getVideoDimension.getVideoDimension(figheight, 281), "px;"),
     "data-aspect-ratio": aspectRatio
   }, ["iframe", useEditorStore.mergeAttributes(options.HTMLAttributes, _objectSpread$3(_objectSpread$3({}, HTMLAttributes), {}, {
     allowfullscreen: true,
@@ -4158,6 +4164,9 @@ var UnifiedVideoExtension = useEditorStore.Node.create({
       tag: "div.neeto-editor__video-wrapper",
       getAttrs: function getAttrs(element) {
         return element.querySelector("iframe[src]") ? null : false;
+      },
+      contentElement: function contentElement(element) {
+        return element.querySelector(".neeto-editor__video-content") || element;
       }
     }];
   },
@@ -4208,13 +4217,26 @@ var UnifiedVideoExtension = useEditorStore.Node.create({
       },
       setExternalVideo: function setExternalVideo(options) {
         return function (_ref7) {
-          var commands = _ref7.commands;
-          return commands.insertContent({
+          var chain = _ref7.chain;
+          return chain().insertContent({
             type: _this.name,
             attrs: _objectSpread$3(_objectSpread$3({}, options), {}, {
               videoType: "embed"
             })
-          });
+          }).command(function (_ref8) {
+            var _tr$doc$nodeAt;
+            var tr = _ref8.tr,
+              commands = _ref8.commands;
+            var $to = tr.selection.$to;
+            if ($to.parent.type.name !== _this.name) return true;
+            var position = $to.after();
+            if (((_tr$doc$nodeAt = tr.doc.nodeAt(position)) === null || _tr$doc$nodeAt === void 0 ? void 0 : _tr$doc$nodeAt.type.name) !== "paragraph") {
+              commands.insertContentAt(position, {
+                type: "paragraph"
+              });
+            }
+            return commands.setTextSelection(position + 1);
+          }).run();
         };
       }
     };
@@ -4250,11 +4272,11 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
   var customExtensions = [EditorContainer.configure({
     containerRef: containerRef,
     appendSuggestionsToBody: appendSuggestionsToBody
-  }), fuzzySearch.CharacterCount, fuzzySearch.src_default$5, CodeBlock.configure({
+  }), getVideoDimension.CharacterCount, getVideoDimension.src_default$5, CodeBlock.configure({
     enableReactNodeViewOptimization: enableReactNodeViewOptimization
-  }), CustomCommands, fuzzySearch.src_default$4, FigCaption, HighlightInternal, SelectionDecoration, fuzzySearch.Focus.configure({
+  }), CustomCommands, getVideoDimension.src_default$4, FigCaption, HighlightInternal, SelectionDecoration, getVideoDimension.Focus.configure({
     mode: "shallowest"
-  }), fuzzySearch.src_default$6, ImageExtension.configure({
+  }), getVideoDimension.src_default$6, ImageExtension.configure({
     openImageInNewTab: openImageInNewTab,
     enableReactNodeViewOptimization: enableReactNodeViewOptimization
   }), Link.configure({
@@ -4264,7 +4286,7 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
   }), Placeholder.configure({
     placeholder: placeholder,
     isSlashCommandsActive: isSlashCommandsActive
-  }), fuzzySearch.src_default$8.configure({
+  }), getVideoDimension.src_default$8.configure({
     document: false,
     codeBlock: false,
     code: false,
@@ -4285,7 +4307,7 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
     heading: {
       levels: v2_Menu.buildLevelsFromOptions(options)
     }
-  }), fuzzySearch.safeSplitBlock, fuzzySearch.safeListKeymap, fuzzySearch.TextStyle, fuzzySearch.src_default$7, Italic, KeyboardShortcuts.configure({
+  }), getVideoDimension.safeSplitBlock, getVideoDimension.safeListKeymap, getVideoDimension.TextStyle, getVideoDimension.src_default$7, Italic, KeyboardShortcuts.configure({
     onSubmit: onSubmit,
     shortcuts: keyboardShortcuts,
     isBlockQuoteActive: options.includes(constants.EDITOR_OPTIONS.BLOCKQUOTE)
@@ -4301,10 +4323,10 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
   if (options.includes(constants.EDITOR_OPTIONS.TABLE)) {
     customExtensions.push(Table.configure({
       resizable: true
-    }), fuzzySearch.TableRow, fuzzySearch.TableHeader, fuzzySearch.TableCell);
+    }), getVideoDimension.TableRow, getVideoDimension.TableHeader, getVideoDimension.TableCell);
   }
   if (options.includes(constants.EDITOR_OPTIONS.TEXT_COLOR) || options.includes(constants.EDITOR_OPTIONS.HIGHLIGHT)) {
-    customExtensions.push(fuzzySearch.Color);
+    customExtensions.push(getVideoDimension.Color);
   }
   if (options.includes(constants.EDITOR_OPTIONS.LIST_BULLETS)) {
     customExtensions.push(BulletList);
@@ -4313,7 +4335,7 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
     customExtensions.push(OrderedList);
   }
   if (options.includes(constants.EDITOR_OPTIONS.LIST_BULLETS) || options.includes(constants.EDITOR_OPTIONS.LIST_ORDERED)) {
-    customExtensions.push(fuzzySearch.ListItem);
+    customExtensions.push(getVideoDimension.ListItem);
   }
   if (options.includes(constants.EDITOR_OPTIONS.CALLOUT)) {
     customExtensions.push(Callout);
@@ -4350,10 +4372,10 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
   }
   if (collaborationProvider) {
     var _collaborationProvide;
-    customExtensions.push(fuzzySearch.src_default$9.configure({
+    customExtensions.push(getVideoDimension.src_default$9.configure({
       document: (_collaborationProvide = collaborationProvider.document) !== null && _collaborationProvide !== void 0 ? _collaborationProvide : collaborationProvider.doc
     }));
-    customExtensions.push(fuzzySearch.src_default$10.configure({
+    customExtensions.push(getVideoDimension.src_default$10.configure({
       provider: collaborationProvider
     }));
   }
@@ -4527,7 +4549,7 @@ var ArticlePicker = function ArticlePicker(_ref) {
     setSearchTerm = _useState2[1];
   var modalRef = React.useRef(null);
   var articlesContainerRef = React.useRef(null);
-  var _useFetchKbArticles = fuzzySearch.useFetchKbArticles({
+  var _useFetchKbArticles = getVideoDimension.useFetchKbArticles({
       searchTerm: searchTerm,
       reactQueryOptions: {
         enabled: !externalOptions
@@ -5025,7 +5047,7 @@ var LinkPopOver = function LinkPopOver(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isNeetoKbArticle = (linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes["data-neeto-kb-article"]) === "true";
-  var _useFetchKbArticles = fuzzySearch.useFetchKbArticles({
+  var _useFetchKbArticles = getVideoDimension.useFetchKbArticles({
       searchTerm: "",
       reactQueryOptions: {
         enabled: isEditing && isNeetoKbArticle
@@ -5546,7 +5568,7 @@ var Editor$1 = function Editor(_ref, ref) {
     containerRef: wrapperRef,
     appendSuggestionsToBody: appendSuggestionsToBody
   });
-  fuzzySearch.useEditorWarnings({
+  getVideoDimension.useEditorWarnings({
     initialValue: initialValue
   });
   var editorClasses = classnames__default.default("neeto-editor", _defineProperty__default.default({
@@ -5605,7 +5627,7 @@ var Editor$1 = function Editor(_ref, ref) {
       };
     }
   });
-  var deletedArticlesHook = fuzzySearch.useDeletedArticles(isArticleOptActive ? editor : null);
+  var deletedArticlesHook = getVideoDimension.useDeletedArticles(isArticleOptActive ? editor : null);
   React.useImperativeHandle(ref, function () {
     return {
       editor: editor,