@bigbinary/neeto-editor 1.47.51 → 1.47.53

package/dist/Editor.js

@@ -4,7 +4,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import * as React from 'react';
 import React__default, { memo, useEffect, useState, useRef, useCallback, createElement, forwardRef, useImperativeHandle } from 'react';
-import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, D as DecorationSet, d as Decoration, g as getMarkAttributes, N as Node, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, e as callOrReturn, f as getExtensionField, i as isNodeSelection, n as nodeInputRule, h as getNodeType, j as getNodeAtPosition, l as isNodeActive, o as isAtStartOfNode, p as isAtEndOfNode, C as CALLOUT_TYPES, q as NodeViewWrapper, r as NodeViewContent, R as ReactNodeViewRenderer, s as findChildren, u as escapeForRegEx, v as ReactRenderer, x as EmojiPickerMenu, y as emojiPickerApi, z as combineTransactionSteps, A as getChangedRanges, B as findChildrenInRange, F as getMarksBetween, G as getAttributes, I as InputRule, H as highlightFocussedNode, J as resetFocussedNode, K as findParentNodeClosestToPos, P as PasteRule, L as BubbleMenu, O as getLinkPopoverPosition, Q as getMarkType, S as getMarkRange, T as useEditor, U as useEditorState, M as Menu$4, V as EditorContent, W as MediaUploader, X as LinkAddPopOver, Y as EditorView } from './chunk-BuwZ56CV.js';
+import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, D as DecorationSet, d as Decoration, g as getMarkAttributes, N as Node, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, e as callOrReturn, f as getExtensionField, i as isNodeSelection, n as nodeInputRule, h as getNodeType, j as getNodeAtPosition, l as isNodeActive, o as isAtStartOfNode, p as isAtEndOfNode, C as CALLOUT_TYPES, q as NodeViewWrapper, r as NodeViewContent, R as ReactNodeViewRenderer, s as findChildren, u as escapeForRegEx, v as ReactRenderer, x as EmojiPickerMenu, y as emojiPickerApi, z as combineTransactionSteps, A as getChangedRanges, B as findChildrenInRange, F as getMarksBetween, G as getAttributes, I as InputRule, H as highlightFocussedNode, J as resetFocussedNode, K as findParentNodeClosestToPos, P as PasteRule, L as BubbleMenu, O as getLinkPopoverPosition, Q as getMarkType, S as getMarkRange, T as useEditor, U as useEditorState, M as Menu$4, V as EditorContent, W as MediaUploader, X as LinkAddPopOver, Y as EditorView } from './chunk-DiadEIO-.js';
 import classnames from 'classnames';
 import { D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS, C as COMBINED_REGEX, a as EDITOR_SIZES } from './chunk-7IwD_Poi.js';
 import { isNotPresent, findBy, isNotEmpty, isPresent, noop as noop$1, slugify } from '@bigbinary/neeto-cist';
@@ -20346,8 +20346,13 @@ var UnifiedVideoExtension = Node.create({
   },
   parseHTML: function parseHTML() {
     return [{
-      tag: "figure[data-video]",
+      tag: "div.neeto-editor__image-wrapper",
       getAttrs: function getAttrs(node) {
+        var figure = node.querySelector("figure[data-video]");
+        if (!figure) return false;
+        var videoEl = figure.querySelector("video");
+        var iframeEl = figure.querySelector("iframe");
+        if (!videoEl && !iframeEl) return false;
         return node.style.fontWeight !== "normal" && null;
       },
       contentElement: "figcaption"
@@ -20792,10 +20797,13 @@ var LinkPopOver = function LinkPopOver(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     isLinkActive = _useState8[0],
     setIsLinkActive = _useState8[1];
+  var _useState9 = useState(editor === null || editor === void 0 ? void 0 : editor.getAttributes("link")),
+    _useState10 = _slicedToArray(_useState9, 2),
+    linkAttributes = _useState10[0],
+    setLinkAttributes = _useState10[1];
   var popoverRef = useRef(null);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var linkAttributes = editor === null || editor === void 0 ? void 0 : editor.getAttributes("link");
   var updatePopoverPosition = function updatePopoverPosition() {
     if (!view) return;
     var _getLinkPopoverPositi = getLinkPopoverPosition(editor, popoverRef),
@@ -20826,7 +20834,7 @@ var LinkPopOver = function LinkPopOver(_ref) {
     if (equals(textContent, initialTextContent)) {
       editor.chain().focus().extendMarkRange("link").setLink({
         href: formattedUrl,
-        target: openInNewTab ? "_blank" : null
+        target: openInNewTab ? "_blank" : "_self"
       }).run();
       setIsEditing(false);
       return;
@@ -20844,7 +20852,7 @@ var LinkPopOver = function LinkPopOver(_ref) {
     if (isNil(from) || isNil(to)) return;
     var attrs = {
       href: formattedUrl,
-      target: openInNewTab ? "_blank" : null
+      target: openInNewTab ? "_blank" : "_self"
     };
     var linkMark = state.schema.marks.link.create(attrs);
     var linkTextWithMark = state.schema.text(textContent, [linkMark]);
@@ -20871,16 +20879,19 @@ var LinkPopOver = function LinkPopOver(_ref) {
     setIsLinkActive(isActive);
     if (isActive) {
       updatePopoverPosition();
+      var currentLinkAttributes = editor === null || editor === void 0 ? void 0 : editor.getAttributes("link");
+      setLinkAttributes(currentLinkAttributes);
     }
   }, [view === null || view === void 0 || (_view$state2 = view.state) === null || _view$state2 === void 0 || (_view$state2 = _view$state2.selection) === null || _view$state2 === void 0 || (_view$state2 = _view$state2.$from) === null || _view$state2 === void 0 ? void 0 : _view$state2.pos, isEditing]);
   var renderEditingMode = function renderEditingMode() {
+    var initialValues = {
+      textContent: initialTextContent,
+      urlString: (linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.href) || "",
+      openInNewTab: (linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.target) === "_blank"
+    };
     return /*#__PURE__*/jsx(Form, {
       formikProps: {
-        initialValues: {
-          textContent: initialTextContent,
-          urlString: (linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.href) || "",
-          openInNewTab: (linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.target) === "_blank"
-        },
+        initialValues: initialValues,
         onSubmit: handleSubmit,
         validationSchema: LINK_VALIDATION_SCHEMA
       },
@@ -20940,14 +20951,14 @@ var LinkPopOver = function LinkPopOver(_ref) {
           })]
         });
       }
-    });
+    }, "".concat(linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.href, "-").concat(linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.target));
   };
   var renderViewMode = function renderViewMode() {
     return /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsx("a", {
         href: linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.href,
-        rel: "noreferrer",
-        target: "_blank",
+        rel: "noreferrer noopener",
+        target: (linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.target) || "_self",
         children: linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.href
       }), " - ", /*#__PURE__*/jsx(Button, {
         className: "ne-link-popover__option-button",