@bigbinary/neeto-editor-frontend 2.0.4 → 2.0.6

package/dist/v2/Editor.js

@@ -9,14 +9,14 @@ import classnames from 'classnames';
 import { isNotPresent, findBy, isNotEmpty, isPresent, noop, slugify } from '@bigbinary/neeto-cist';
 import { useOnClickOutside, withT, useFuncDebounce } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
 import { createPortal } from 'react-dom';
-import { B as BulletList$1, s as src_default, a as src_default$1, R as Resizable, b as src_default$2, L as Link$1, c as scrollHandler, d as src_default$3, O as OrderedList$1, e as src_default$4, f as fuzzySearch, T as Table$2, g as TaskList, h as TaskItem, C as CharacterCount, i as src_default$5, j as src_default$6, k as safeSplitBlock, l as TextStyle, m as src_default$7, F as Focus, n as src_default$8, o as TableRow, p as TableHeader, q as TableCell, r as Color, t as ListItem, u as src_default$9, v as src_default$a, w as useFetchKbArticles, H as useEditorWarnings, I as useDeletedArticles } from '../chunk-Ba4Q3HC8.js';
-import { D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS, C as COMBINED_REGEX, a as EDITOR_SIZES } from '../chunk-CyfiHLWx.js';
-import '../chunk-DSKEeXyj.js';
+import { B as BulletList$1, s as src_default, a as src_default$1, R as Resizable, b as src_default$2, L as Link$1, c as scrollHandler, d as src_default$3, O as OrderedList$1, e as src_default$4, f as fuzzySearch, T as Table$2, g as TaskList, h as TaskItem, i as getVideoDimension, C as CharacterCount, j as src_default$5, k as src_default$6, l as safeSplitBlock, m as safeListKeymap, n as TextStyle, o as src_default$7, F as Focus, p as src_default$8, q as TableRow, r as TableHeader, t as TableCell, u as Color, v as ListItem, w as src_default$9, x as src_default$a, y as useFetchKbArticles, J as useEditorWarnings, K as useDeletedArticles } from '../chunk-CxFukRwo.js';
+import { D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS, C as COMBINED_REGEX, a as EDITOR_SIZES } from '../chunk-UwzgbfZD.js';
+import '../chunk-CNIDH-FD.js';
 import { is, intersection, difference, union, isEmpty, isNil, mergeRight, assoc, equals } from 'ramda';
 import ReactDOM from 'react-dom/server';
 import { l as lowlight, d as decodeHtmlEntities, r as removeEmptyTags } from '../chunk-Qg4uQqj3.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { C as CALLOUT_TYPES, E as EmojiPickerMenu, g as getSuggestionAppendTo, v as validateUrl, b as buildLevelsFromOptions, c as getLinkPopoverPosition, L as LINK_VALIDATION_SCHEMA, d as validateAndFormatUrl, D as DEFAULT_EDITOR_OPTIONS, e as getEditorStyles, M as Menu$3, f as MenuDynamicVariables, h as MediaUploader, j as LinkAddPopOver, k as transformPastedHTML, l as handlePaste, m as clipboardTextParser, s as setInitialPosition } from '../chunk-CfQriKjH.js';
+import { C as CALLOUT_TYPES, E as EmojiPickerMenu, g as getSuggestionAppendTo, v as validateUrl, b as buildLevelsFromOptions, c as getLinkPopoverPosition, L as LINK_VALIDATION_SCHEMA, d as validateAndFormatUrl, D as DEFAULT_EDITOR_OPTIONS, e as getEditorStyles, M as Menu$3, f as MenuDynamicVariables, h as MediaUploader, j as LinkAddPopOver, k as transformPastedHTML, l as handlePaste, m as clipboardTextParser, s as setInitialPosition } from '../chunk-C893rdfW.js';
 import Megaphone from '@bigbinary/neeto-icons/misc/Megaphone';
 import { m as PluginKey, P as Plugin, a as Selection, S as Slice, F as Fragment$1, T as TextSelection } from '../chunk-DgZGzqPs.js';
 import { ChevronDown, Highlighter, X, Ratio, Ellipsis, AlignLeft, AlignCenter, AlignRight, RectangleHorizontal, RectangleVertical, Square, SquareDashed, Trash2, Minus as Minus$1, Plus, BookOpen, Pencil } from 'lucide-react';
@@ -59,11 +59,11 @@ import Link$2 from '@bigbinary/neeto-icons/Link';
 import Attachment from '@bigbinary/neeto-icons/Attachment';
 import MessageSquare from '@bigbinary/neeto-icons/MessageSquare';
 import File from '@bigbinary/neeto-icons/File';
-import { h as DEFAULT_ASPECT_RATIO } from '../chunk-DByRVJk9.js';
+import { h as DEFAULT_ASPECT_RATIO } from '../chunk-CA9DTddx.js';
 import _typeof from '@babel/runtime/helpers/typeof';
 import Search from '@bigbinary/neeto-molecules/v2/Search';
 import { Form, Input as Input$1 } from '@bigbinary/neeto-atoms/formik';
-import { A as Attachments } from '../chunk-BrtRq7Gb.js';
+import { A as Attachments } from '../chunk-C4efob7L.js';
 import 'axios';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'zustand';
@@ -3861,12 +3861,14 @@ var EmbedComponent = function EmbedComponent(_ref) {
     })));
     editor.commands.focus();
   };
-  return /*#__PURE__*/jsx(NodeViewWrapper, {
+  return /*#__PURE__*/jsxs(NodeViewWrapper, {
     "data-testid": "neeto-editor-video-wrapper",
     className: classnames("neeto-editor__video-wrapper", "neeto-editor__video--".concat(align), {
       "neeto-editor__video--bordered": border
     }),
-    children: /*#__PURE__*/jsxs(Resizable, {
+    children: [/*#__PURE__*/jsx(NodeViewContent, {
+      className: "neeto-editor__video-content"
+    }), /*#__PURE__*/jsxs(Resizable, {
       lockAspectRatio: true,
       size: {
         height: height,
@@ -3891,7 +3893,7 @@ var EmbedComponent = function EmbedComponent(_ref) {
         allowFullScreen: true,
         "data-border": border
       }))]
-    })
+    })]
   });
 };
 
@@ -3963,13 +3965,15 @@ var getEmbedAttributes = function getEmbedAttributes() {
     figheight: {
       "default": 281,
       parseHTML: function parseHTML(element) {
-        return element.getAttribute("figheight");
+        var _element$querySelecto7;
+        return 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(((_element$querySelecto8 = element.querySelector("iframe")) !== null && _element$querySelecto8 !== void 0 ? _element$querySelecto8 : element).getAttribute("figwidth"), 500);
       }
     },
     aspectRatio: {
@@ -4008,6 +4012,8 @@ var renderEmbedHTML = function renderEmbedHTML(node, HTMLAttributes, options) {
       "neeto-editor__video--bordered": border
     })
   }, ["div", {
+    "class": "neeto-editor__video-content"
+  }, 0], ["div", {
     "class": classnames("neeto-editor__video-iframe", {
       "neeto-editor-aspect-1-1": aspectRatio === "1/1",
       "neeto-editor-aspect-16-9": aspectRatio === "16/9",
@@ -4015,7 +4021,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(figwidth, 500), "px; height: ").concat(getVideoDimension(figheight, 281), "px;"),
     "data-aspect-ratio": aspectRatio
   }, ["iframe", mergeAttributes(options.HTMLAttributes, _objectSpread$3(_objectSpread$3({}, HTMLAttributes), {}, {
     allowfullscreen: true,
@@ -4109,6 +4115,9 @@ var UnifiedVideoExtension = 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;
       }
     }];
   },
@@ -4159,13 +4168,26 @@ var UnifiedVideoExtension = 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();
         };
       }
     };
@@ -4228,23 +4250,15 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
     // v3 StarterKit bundles Link; we register a custom Link extension
     underline: false,
     // v3 StarterKit bundles Underline; we register it explicitly below
-    listKeymap: {
-      // TodoList renames Tiptap's taskList wrapper to todoList
-      listTypes: [{
-        itemName: "listItem",
-        wrapperNames: ["bulletList", "orderedList"]
-      }, {
-        itemName: "taskItem",
-        wrapperNames: ["todoList"]
-      }]
-    },
+    listKeymap: false,
+    // replaced by safeListKeymap, registered below
     trailingNode: false,
     // new in v3 StarterKit; disabled to keep v2 behavior
     undoRedo: !collaborationProvider,
     heading: {
       levels: buildLevelsFromOptions(options)
     }
-  }), safeSplitBlock, TextStyle, src_default$7, Italic, KeyboardShortcuts$1.configure({
+  }), safeSplitBlock, safeListKeymap, TextStyle, src_default$7, Italic, KeyboardShortcuts$1.configure({
     onSubmit: onSubmit,
     shortcuts: keyboardShortcuts,
     isBlockQuoteActive: options.includes(EDITOR_OPTIONS.BLOCKQUOTE)