@bigbinary/neeto-editor 1.47.32 → 1.47.34

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, i as isNodeActive, e as isAtStartOfNode, f as isAtEndOfNode, h as getNodeType, j as getNodeAtPosition, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, l as callOrReturn, n as getExtensionField, o as isNodeSelection, p as nodeInputRule, 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$3, V as EditorContent, W as MediaUploader, X as LinkAddPopOver, Y as EditorView } from './chunk-zoKBhh5D.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, C as CALLOUT_TYPES, h as NodeViewWrapper, j as NodeViewContent, R as ReactNodeViewRenderer, l as findChildren, o as escapeForRegEx, p as ReactRenderer, q as EmojiPickerMenu, r as emojiPickerApi, s as combineTransactionSteps, u as getChangedRanges, v as findChildrenInRange, x as getMarksBetween, y as getAttributes, I as InputRule, z as highlightFocussedNode, A as resetFocussedNode, B as findParentNodeClosestToPos, P as PasteRule, F as BubbleMenu, G as getLinkPopoverPosition, H as getMarkType, J as getMarkRange, K as useEditor, L as useEditorState, M as Menu$3, O as EditorContent, Q as MediaUploader, S as LinkAddPopOver, T as EditorView } from './chunk-airIORki.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-lTN1kwQ-.js';
 import { isNotPresent, findBy, isNotEmpty, isPresent, noop as noop$1, slugify } from '@bigbinary/neeto-cist';
@@ -3018,268 +3018,6 @@ const Highlight = Mark.create({
     },
 });
 
-const findListItemPos = (typeOrName, state) => {
-    const { $from } = state.selection;
-    const nodeType = getNodeType(typeOrName, state.schema);
-    let currentNode = null;
-    let currentDepth = $from.depth;
-    let currentPos = $from.pos;
-    let targetDepth = null;
-    while (currentDepth > 0 && targetDepth === null) {
-        currentNode = $from.node(currentDepth);
-        if (currentNode.type === nodeType) {
-            targetDepth = currentDepth;
-        }
-        else {
-            currentDepth -= 1;
-            currentPos -= 1;
-        }
-    }
-    if (targetDepth === null) {
-        return null;
-    }
-    return { $pos: state.doc.resolve(currentPos), depth: targetDepth };
-};
-
-const getNextListDepth = (typeOrName, state) => {
-    const listItemPos = findListItemPos(typeOrName, state);
-    if (!listItemPos) {
-        return false;
-    }
-    const [, depth] = getNodeAtPosition(state, typeOrName, listItemPos.$pos.pos + 4);
-    return depth;
-};
-
-const hasListBefore = (editorState, name, parentListTypes) => {
-    const { $anchor } = editorState.selection;
-    const previousNodePos = Math.max(0, $anchor.pos - 2);
-    const previousNode = editorState.doc.resolve(previousNodePos).node();
-    if (!previousNode || !parentListTypes.includes(previousNode.type.name)) {
-        return false;
-    }
-    return true;
-};
-
-const hasListItemBefore = (typeOrName, state) => {
-    var _a;
-    const { $anchor } = state.selection;
-    const $targetPos = state.doc.resolve($anchor.pos - 2);
-    if ($targetPos.index() === 0) {
-        return false;
-    }
-    if (((_a = $targetPos.nodeBefore) === null || _a === void 0 ? void 0 : _a.type.name) !== typeOrName) {
-        return false;
-    }
-    return true;
-};
-
-const listItemHasSubList = (typeOrName, state, node) => {
-    if (!node) {
-        return false;
-    }
-    const nodeType = getNodeType(typeOrName, state.schema);
-    let hasSubList = false;
-    node.descendants(child => {
-        if (child.type === nodeType) {
-            hasSubList = true;
-        }
-    });
-    return hasSubList;
-};
-
-const handleBackspace = (editor, name, parentListTypes) => {
-    // this is required to still handle the undo handling
-    if (editor.commands.undoInputRule()) {
-        return true;
-    }
-    // if the selection is not collapsed
-    // we can rely on the default backspace behavior
-    if (editor.state.selection.from !== editor.state.selection.to) {
-        return false;
-    }
-    // if the current item is NOT inside a list item &
-    // the previous item is a list (orderedList or bulletList)
-    // move the cursor into the list and delete the current item
-    if (!isNodeActive(editor.state, name) && hasListBefore(editor.state, name, parentListTypes)) {
-        const { $anchor } = editor.state.selection;
-        const $listPos = editor.state.doc.resolve($anchor.before() - 1);
-        const listDescendants = [];
-        $listPos.node().descendants((node, pos) => {
-            if (node.type.name === name) {
-                listDescendants.push({ node, pos });
-            }
-        });
-        const lastItem = listDescendants.at(-1);
-        if (!lastItem) {
-            return false;
-        }
-        const $lastItemPos = editor.state.doc.resolve($listPos.start() + lastItem.pos + 1);
-        return editor.chain().cut({ from: $anchor.start() - 1, to: $anchor.end() + 1 }, $lastItemPos.end()).joinForward().run();
-    }
-    // if the cursor is not inside the current node type
-    // do nothing and proceed
-    if (!isNodeActive(editor.state, name)) {
-        return false;
-    }
-    // if the cursor is not at the start of a node
-    // do nothing and proceed
-    if (!isAtStartOfNode(editor.state)) {
-        return false;
-    }
-    const listItemPos = findListItemPos(name, editor.state);
-    if (!listItemPos) {
-        return false;
-    }
-    const $prev = editor.state.doc.resolve(listItemPos.$pos.pos - 2);
-    const prevNode = $prev.node(listItemPos.depth);
-    const previousListItemHasSubList = listItemHasSubList(name, editor.state, prevNode);
-    // if the previous item is a list item and doesn't have a sublist, join the list items
-    if (hasListItemBefore(name, editor.state) && !previousListItemHasSubList) {
-        return editor.commands.joinItemBackward();
-    }
-    // otherwise in the end, a backspace should
-    // always just lift the list item if
-    // joining / merging is not possible
-    return editor.chain().liftListItem(name).run();
-};
-
-const nextListIsDeeper = (typeOrName, state) => {
-    const listDepth = getNextListDepth(typeOrName, state);
-    const listItemPos = findListItemPos(typeOrName, state);
-    if (!listItemPos || !listDepth) {
-        return false;
-    }
-    if (listDepth > listItemPos.depth) {
-        return true;
-    }
-    return false;
-};
-
-const nextListIsHigher = (typeOrName, state) => {
-    const listDepth = getNextListDepth(typeOrName, state);
-    const listItemPos = findListItemPos(typeOrName, state);
-    if (!listItemPos || !listDepth) {
-        return false;
-    }
-    if (listDepth < listItemPos.depth) {
-        return true;
-    }
-    return false;
-};
-
-const handleDelete = (editor, name) => {
-    // if the cursor is not inside the current node type
-    // do nothing and proceed
-    if (!isNodeActive(editor.state, name)) {
-        return false;
-    }
-    // if the cursor is not at the end of a node
-    // do nothing and proceed
-    if (!isAtEndOfNode(editor.state, name)) {
-        return false;
-    }
-    // if the selection is not collapsed, or not within a single node
-    // do nothing and proceed
-    const { selection } = editor.state;
-    const { $from, $to } = selection;
-    if (!selection.empty && $from.sameParent($to)) {
-        return false;
-    }
-    // check if the next node is a list with a deeper depth
-    if (nextListIsDeeper(name, editor.state)) {
-        return editor
-            .chain()
-            .focus(editor.state.selection.from + 4)
-            .lift(name)
-            .joinBackward()
-            .run();
-    }
-    if (nextListIsHigher(name, editor.state)) {
-        return editor.chain()
-            .joinForward()
-            .joinBackward()
-            .run();
-    }
-    return editor.commands.joinItemForward();
-};
-
-/**
- * This extension registers custom keymaps to change the behaviour of the backspace and delete keys.
- * By default Prosemirror keyhandling will always lift or sink items so paragraphs are joined into
- * the adjacent or previous list item. This extension will prevent this behaviour and instead will
- * try to join paragraphs from two list items into a single list item.
- * @see https://www.tiptap.dev/api/extensions/list-keymap
- */
-const ListKeymap = Extension.create({
-    name: 'listKeymap',
-    addOptions() {
-        return {
-            listTypes: [
-                {
-                    itemName: 'listItem',
-                    wrapperNames: ['bulletList', 'orderedList'],
-                },
-                {
-                    itemName: 'taskItem',
-                    wrapperNames: ['taskList'],
-                },
-            ],
-        };
-    },
-    addKeyboardShortcuts() {
-        return {
-            Delete: ({ editor }) => {
-                let handled = false;
-                this.options.listTypes.forEach(({ itemName }) => {
-                    if (editor.state.schema.nodes[itemName] === undefined) {
-                        return;
-                    }
-                    if (handleDelete(editor, itemName)) {
-                        handled = true;
-                    }
-                });
-                return handled;
-            },
-            'Mod-Delete': ({ editor }) => {
-                let handled = false;
-                this.options.listTypes.forEach(({ itemName }) => {
-                    if (editor.state.schema.nodes[itemName] === undefined) {
-                        return;
-                    }
-                    if (handleDelete(editor, itemName)) {
-                        handled = true;
-                    }
-                });
-                return handled;
-            },
-            Backspace: ({ editor }) => {
-                let handled = false;
-                this.options.listTypes.forEach(({ itemName, wrapperNames }) => {
-                    if (editor.state.schema.nodes[itemName] === undefined) {
-                        return;
-                    }
-                    if (handleBackspace(editor, itemName, wrapperNames)) {
-                        handled = true;
-                    }
-                });
-                return handled;
-            },
-            'Mod-Backspace': ({ editor }) => {
-                let handled = false;
-                this.options.listTypes.forEach(({ itemName, wrapperNames }) => {
-                    if (editor.state.schema.nodes[itemName] === undefined) {
-                        return;
-                    }
-                    if (handleBackspace(editor, itemName, wrapperNames)) {
-                        handled = true;
-                    }
-                });
-                return handled;
-            },
-        };
-    },
-});
-
 /**
  * This extension allows you to create table cells.
  * @see https://www.tiptap.dev/api/nodes/table-cell
@@ -10942,7 +10680,7 @@ var ImageExtension = Node.create({
             var currentPos = pos;
             images.forEach( /*#__PURE__*/function () {
               var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(image) {
-                var emptyImageNode, id, tr, url, updateTr, doc, _tr;
+                var emptyImageNode, id, tr, url, imageNode, _view$state2, _tr, doc, nodePos, _doc, _tr2;
                 return _regeneratorRuntime.wrap(function _callee2$(_context2) {
                   while (1) switch (_context2.prev = _context2.next) {
                     case 0:
@@ -10960,13 +10698,24 @@ var ImageExtension = Node.create({
                     case 7:
                       url = _context2.sent;
                       if (url) {
-                        updateTr = view.state.tr.setNodeMarkup(currentPos + 1, null, {
+                        imageNode = schema.nodes.image.create({
                           id: id,
                           src: url,
                           alt: "image"
                         });
-                        view.dispatch(updateTr);
-                        currentPos += emptyImageNode.nodeSize;
+                        _view$state2 = view.state, _tr = _view$state2.tr, doc = _view$state2.doc;
+                        nodePos = -1;
+                        doc.descendants(function (node, pos) {
+                          if (node.type.name === "image" && node.attrs.id === id) {
+                            nodePos = pos;
+                            return false;
+                          }
+                          return true;
+                        });
+                        if (nodePos !== -1) {
+                          _tr.replaceWith(nodePos, nodePos + emptyImageNode.nodeSize, imageNode).setMeta("addToHistory", false);
+                          view.dispatch(_tr);
+                        }
                       }
                       _context2.next = 19;
                       break;
@@ -10975,16 +10724,16 @@ var ImageExtension = Node.create({
                       _context2.t0 = _context2["catch"](1);
                       // eslint-disable-next-line no-console
                       console.error("Failed to insert the image", _context2.t0);
-                      doc = view.state.doc;
-                      _tr = view.state.tr;
-                      doc.descendants(function (node, pos) {
+                      _doc = view.state.doc;
+                      _tr2 = view.state.tr;
+                      _doc.descendants(function (node, pos) {
                         if (node.type.name === "image" && node.attrs.id === id) {
-                          _tr["delete"](pos, pos + emptyImageNode.nodeSize).setMeta("addToHistory", false);
+                          _tr2["delete"](pos, pos + emptyImageNode.nodeSize).setMeta("addToHistory", false);
                           return false;
                         }
                         return true;
                       });
-                      view.dispatch(_tr);
+                      view.dispatch(_tr2);
                       if (_context2.t0.message === LARGE_IMAGE_ERROR) {
                         Toastr.error(t("neetoEditor.error.imageSizeIsShouldBeLess", {
                           limit: globalProps.endUserUploadedFileSizeLimitInMb
@@ -19970,7 +19719,7 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
     onSubmit: onSubmit,
     shortcuts: keyboardShortcuts,
     isBlockQuoteActive: options.includes(EDITOR_OPTIONS.BLOCKQUOTE)
-  }), ListKeymap, EmojiSuggestion$1, EmojiPicker];
+  }), EmojiSuggestion$1, EmojiPicker];
   if (options.includes(EDITOR_OPTIONS.VIDEO_UPLOAD)) {
     customExtensions.push(UnifiedVideoExtension);
   }