@bigbinary/neeto-editor 1.47.50 → 1.47.52

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-C-0Q1FN5.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';
@@ -20704,11 +20704,12 @@ var TableActionMenu = function TableActionMenu(_ref) {
           appendTo: function appendTo() {
             return document.body;
           },
+          className: "neeto-editor-table-bubble-menu__dropdown",
           closeOnSelect: false,
           position: "bottom-start",
           strategy: "fixed",
           buttonProps: {
-            className: "neeto-editor-table-bubble-menu__item neeto-ui-ml-2",
+            className: "neeto-editor-table-bubble-menu__dropdown-item",
             icon: Down,
             iconPosition: "right",
             iconSize: 16,
@@ -20722,7 +20723,7 @@ var TableActionMenu = function TableActionMenu(_ref) {
             }
           },
           children: /*#__PURE__*/jsx(Menu, {
-            className: "neeto-ui-gap-1 flex items-center justify-center",
+            className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center",
             children: (_action$items = action.items) === null || _action$items === void 0 ? void 0 : _action$items.map(function (_ref3) {
               var type = _ref3.type,
                 command = _ref3.command,
@@ -20730,6 +20731,7 @@ var TableActionMenu = function TableActionMenu(_ref) {
               var IconComponent = alignmentIcons[type];
               return /*#__PURE__*/jsx(MenuItem, {
                 children: /*#__PURE__*/jsx(Button, {
+                  className: "neeto-editor-table-bubble-menu__item",
                   icon: IconComponent,
                   style: "text",
                   tooltipProps: {
@@ -20790,10 +20792,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),
@@ -20824,7 +20829,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;
@@ -20842,7 +20847,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]);
@@ -20869,16 +20874,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
       },
@@ -20938,14 +20946,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",