@bigbinary/neeto-editor 1.39.6 → 1.39.8

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, forwardRef, useCallback, useImperativeHandle } from 'react';
-import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, g as getMarkAttributes, N as Node, D as DecorationSet, d as Decoration, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, e as callOrReturn, f as getExtensionField, n as nodeInputRule, h as findChildren, i as NodeViewWrapper, j as NodeViewContent, R as ReactNodeViewRenderer, P as PasteRule, v as validateUrl, l as escapeForRegEx, o as ReactRenderer, p as EmojiPickerMenu, q as emojiPickerApi, r as combineTransactionSteps, s as getChangedRanges, u as findChildrenInRange, x as getMarksBetween, y as getAttributes, I as InputRule, z as highlightFocussedNode, A as resetFocussedNode, B as findParentNodeClosestToPos, C as BubbleMenu, F as getLinkPopoverPosition, G as getMarkType, H as getMarkRange, J as useEditor, M as Menu$3, K as EditorContent, L as MediaUploader, O as EmbedOption, Q as EditorView } from './chunk-7fc1f9b9.js';
+import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, g as getMarkAttributes, N as Node, D as DecorationSet, d as Decoration, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, e as callOrReturn, f as getExtensionField, n as nodeInputRule, h as findChildren, i as NodeViewWrapper, j as NodeViewContent, R as ReactNodeViewRenderer, P as PasteRule, v as validateUrl, l as escapeForRegEx, o as ReactRenderer, p as EmojiPickerMenu, q as emojiPickerApi, r as combineTransactionSteps, s as getChangedRanges, u as findChildrenInRange, x as getMarksBetween, y as getAttributes, I as InputRule, z as highlightFocussedNode, A as resetFocussedNode, B as findParentNodeClosestToPos, C as BubbleMenu, F as getLinkPopoverPosition, G as getMarkType, H as getMarkRange, J as useEditor, M as Menu$3, K as EditorContent, L as MediaUploader, O as EmbedOption, Q as EditorView } from './chunk-6e497ab8.js';
 import classnames from 'classnames';
 import { C as COMBINED_REGEX, D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS } from './chunk-edd8b9fe.js';
 import { isNotPresent, isNotEmpty, isPresent, noop as noop$1, slugify } from '@bigbinary/neeto-cist';
@@ -12,7 +12,7 @@ import { useOnClickOutside, useFuncDebounce } from '@bigbinary/neeto-commons-fro
 import { Dropdown, Input, Button, Spinner, Modal, Toastr, Avatar, Typography, Checkbox, Label } from '@bigbinary/neetoui';
 import { is, isNil, mergeRight, isEmpty as isEmpty$1, assoc, equals } from 'ramda';
 import { n } from './chunk-15c449f1.js';
-import { P as Plugin, b as PluginKey, T as TextSelection, d as dropPoint, S as Selection, N as NodeSelection, F as Fragment, c as Slice, M as Mapping, e as SelectionRange, f as Transform, L as LINK_VALIDATION_SCHEMA, v as validateAndFormatUrl, g as getEditorStyles, h as clipboardTextParser, s as setInitialPosition, D as DEFAULT_EDITOR_OPTIONS } from './chunk-e876ad10.js';
+import { P as Plugin, b as PluginKey, T as TextSelection, d as dropPoint, S as Selection, N as NodeSelection, F as Fragment, c as Slice, M as Mapping, l as liftTarget, e as SelectionRange, f as Transform, L as LINK_VALIDATION_SCHEMA, v as validateAndFormatUrl, g as getEditorStyles, h as clipboardTextParser, s as setInitialPosition, D as DEFAULT_EDITOR_OPTIONS } from './chunk-d17f73d0.js';
 import { Down, MenuHorizontal, Close, Paragraph as Paragraph$1, TextH1, TextH2, Text as Text$2, ListNumber, ListDot, ImageUpload, Video, Blockquote as Blockquote$1, CodeBlock as CodeBlock$2, Smiley, Minus, MediaVideo, Notes, Column, InsertRow, InsertColumn, DeleteRow, DeleteColumn, MergeSplit, ToggleHeaderRow, DeleteTable } from '@bigbinary/neeto-icons';
 import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
 import { useTranslation } from 'react-i18next';
@@ -99,7 +99,6 @@ var CharacterCountWrapper = function CharacterCountWrapper(_ref) {
     "data-cy": "neeto-editor-character-count"
   }, editor.storage.characterCount.characters(), " characters"));
 };
-var CharacterCountWrapper$1 = /*#__PURE__*/memo(CharacterCountWrapper);
 
 /**
  * This extension allows you to count the characters and words of your document.
@@ -7864,16 +7863,51 @@ var KeyboardShortcuts = function KeyboardShortcuts(_ref) {
             return true;
           }
           return false;
+        },
+        // To fix the issue with backspace on the empty list item moving the focus to the block on top.
+        // https://github.com/ueberdosis/tiptap/issues/2829#issuecomment-1511064298
+        Backspace: function Backspace() {
+          return _this.editor.commands.command(function (_ref2) {
+            var tr = _ref2.tr;
+            var selection = tr.selection,
+              doc = tr.doc;
+            var $cursor = selection.$cursor;
+            var depth = $cursor === null || $cursor === void 0 ? void 0 : $cursor.depth;
+            if ($cursor && depth >= 3 &&
+            // At least the structure is doc -> orderedList/bulletList -> listItem -> paragraph
+            $cursor.parent.type.name === "paragraph" &&
+            // The cursor is inside a paragraph.
+            $cursor.parentOffset === 0 &&
+            // The cursor is at the beginning of the paragraph.
+            $cursor.node(depth - 1).type.name === "listItem" &&
+            // The paragraph is inside a listItem.
+            $cursor.index(depth - 1) === 0 &&
+            // The paragraph is at the beginning of the listItem.
+            $cursor.index(depth - 2) === 0 // The listItem is at the beginning of the list.
+            ) {
+              var listItemNode = $cursor.node(depth - 1);
+              var listItemPos = $cursor.before(depth - 1);
+              var $contentBegin = doc.resolve(listItemPos + 1);
+              var $contentEnd = doc.resolve(listItemPos + listItemNode.nodeSize - 1);
+              var range = $contentBegin.blockRange($contentEnd);
+              var target = liftTarget(range);
+              if (target !== null) {
+                tr.lift(range, target);
+                return true;
+              }
+            }
+            return false;
+          });
         }
       }, shortcuts);
     }
   });
 };
 var KeyboardShortcuts$1 = {
-  configure: function configure(_ref2) {
-    var onSubmit = _ref2.onSubmit,
-      shortcuts = _ref2.shortcuts,
-      isBlockQuoteActive = _ref2.isBlockQuoteActive;
+  configure: function configure(_ref3) {
+    var onSubmit = _ref3.onSubmit,
+      shortcuts = _ref3.shortcuts,
+      isBlockQuoteActive = _ref3.isBlockQuoteActive;
     return KeyboardShortcuts({
       onSubmit: onSubmit,
       shortcuts: shortcuts,
@@ -14840,7 +14874,7 @@ var Editor = function Editor(_ref, ref) {
   }), /*#__PURE__*/React__default.createElement(TableActionMenu, {
     editor: editor,
     appendTo: wrapperRef
-  }), /*#__PURE__*/React__default.createElement(CharacterCountWrapper$1, {
+  }), /*#__PURE__*/React__default.createElement(CharacterCountWrapper, {
     editor: editor,
     isActive: isCharacterCountActive
   }))));