@bigbinary/neeto-editor 1.47.32 → 1.47.34

package/dist/cjs/Editor.cjs.js

@@ -5,7 +5,7 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var Menu$3 = require('./chunk-D44ZMvgb.cjs.js');
+var Menu$3 = require('./chunk-BCoa9xCZ.cjs.js');
 var classnames = require('classnames');
 var constants = require('./chunk-BlNpxkqF.cjs.js');
 var neetoCist = require('@bigbinary/neeto-cist');
@@ -3038,268 +3038,6 @@ const Highlight = Menu$3.Mark.create({
     },
 });
 
-const findListItemPos = (typeOrName, state) => {
-    const { $from } = state.selection;
-    const nodeType = Menu$3.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] = Menu$3.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 = Menu$3.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 (!Menu$3.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 (!Menu$3.isNodeActive(editor.state, name)) {
-        return false;
-    }
-    // if the cursor is not at the start of a node
-    // do nothing and proceed
-    if (!Menu$3.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 (!Menu$3.isNodeActive(editor.state, name)) {
-        return false;
-    }
-    // if the cursor is not at the end of a node
-    // do nothing and proceed
-    if (!Menu$3.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 = Menu$3.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
@@ -10962,7 +10700,7 @@ var ImageExtension = Menu$3.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:
@@ -10980,13 +10718,24 @@ var ImageExtension = Menu$3.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;
@@ -10995,16 +10744,16 @@ var ImageExtension = Menu$3.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(i18n.t("neetoEditor.error.imageSizeIsShouldBeLess", {
                           limit: initializers.globalProps.endUserUploadedFileSizeLimitInMb
@@ -19990,7 +19739,7 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
     onSubmit: onSubmit,
     shortcuts: keyboardShortcuts,
     isBlockQuoteActive: options.includes(constants.EDITOR_OPTIONS.BLOCKQUOTE)
-  }), ListKeymap, EmojiSuggestion$1, EmojiPicker];
+  }), EmojiSuggestion$1, EmojiPicker];
   if (options.includes(constants.EDITOR_OPTIONS.VIDEO_UPLOAD)) {
     customExtensions.push(UnifiedVideoExtension);
   }