@contentful/field-editor-rich-text 3.4.20 → 3.4.22

package/dist/field-editor-rich-text.esm.js

@@ -2,7 +2,7 @@ import React__default, { createContext, useContext, useMemo, useState, useEffect
 import { MissingEntityCard, WrappedAssetCard, useEntity, useEntityLoader, WrappedEntryCard, ScheduledIconWithTooltip, EntityProvider, getScheduleTooltipContent } from '@contentful/field-editor-reference';
 import { entityHelpers, ModalDialogLauncher, FieldConnector } from '@contentful/field-editor-shared';
 import { BLOCKS, INLINES, TEXT_CONTAINERS, HEADINGS, LIST_ITEM_BLOCKS, MARKS, CONTAINERS, TOP_LEVEL_BLOCKS, VOID_BLOCKS, EMPTY_DOCUMENT } from '@contentful/rich-text-types';
-import { usePlateEditorRef as usePlateEditorRef$1, usePlateEditorState as usePlateEditorState$1, getPlateSelectors as getPlateSelectors$1, focusEditor as focusEditor$1, withoutNormalizing as withoutNormalizing$1, createPlateEditor as createPlateEditor$1, blurEditor as blurEditor$1, toSlatePoint, mockPlugin as mockPlugin$1, selectEditor as selectEditor$1, getNodeEntries as getNodeEntries$1, isMarkActive as isMarkActive$1, getAboveNode as getAboveNode$1, getRange as getRange$1, isText as isText$1, isElement as isElement$1, getEditorString, getBlockAbove as getBlockAbove$1, getParentNode as getParentNode$1, getLastChildPath as getLastChildPath$1, someHtmlElement as someHtmlElement$1, isCollapsed, isInline as isInline$2, isEndPoint as isEndPoint$1, getPointAfter as getPointAfter$1, isFirstChild as isFirstChild$1, getNodeEntry as getNodeEntry$1, isEditor as isEditor$1, getLastNodeByLevel as getLastNodeByLevel$1, isEditorReadOnly as isEditorReadOnly$1, isRangeAcrossBlocks as isRangeAcrossBlocks$1, getPluginType as getPluginType$1, getCommonNode as getCommonNode$1, findNode as findNode$1, isBlock, match as match$1, isAncestorEmpty as isAncestorEmpty$1, isLastChild, getPointBefore as getPointBefore$1, queryNode as queryNode$1, isNode as isNode$1, getEndPoint as getEndPoint$1, getChildren as getChildren$1, findNodePath as findNodePath$1, createPathRef as createPathRef$1, getNodeTexts as getNodeTexts$1, isSelectionAtBlockStart as isSelectionAtBlockStart$1, getNodeChildren as getNodeChildren$1, isExpanded, isSelectionAtBlockEnd as isSelectionAtBlockEnd$1, someNode as someNode$1, getStartPoint as getStartPoint$1, getMarks as getMarks$1, wrapNodes as wrapNodes$1, insertNodes as insertNodes$1, unhangRange as unhangRange$1, setSelection as setSelection$1, unsetNodes as unsetNodes$1, removeMark as removeMark$1, addMark as addMark$1, removeNodes as removeNodes$1, unwrapNodes as unwrapNodes$1, select as select$1, liftNodes as liftNodes$1, toggleMark as toggleMark$1, normalizeEditor, setNodes as setNodes$1, toggleNodeType as toggleNodeType$1, deleteText as deleteText$1, moveSelection as moveSelection$1, deleteFragment as deleteFragment$1, splitNodes as splitNodes$1, insertText as insertText$1, collapseSelection as collapseSelection$1, moveChildren as moveChildren$1, moveNodes as moveNodes$1, ELEMENT_DEFAULT as ELEMENT_DEFAULT$1, isBlockAboveEmpty, KEY_DESERIALIZE_HTML, hasSingleChild, createDeserializeHtmlPlugin, createDeserializeAstPlugin, getPlateActions, Plate } from '@udecode/plate-core';
+import { usePlateEditorRef as usePlateEditorRef$1, usePlateEditorState as usePlateEditorState$1, getPlateSelectors as getPlateSelectors$1, focusEditor as focusEditor$1, withoutNormalizing as withoutNormalizing$1, createPlateEditor as createPlateEditor$1, blurEditor as blurEditor$1, toSlatePoint, selectEditor as selectEditor$1, getNodeEntries as getNodeEntries$1, isMarkActive as isMarkActive$1, getAboveNode as getAboveNode$1, getRange as getRange$1, isText as isText$1, isElement as isElement$1, getEditorString, getBlockAbove as getBlockAbove$1, getParentNode as getParentNode$1, getLastChildPath as getLastChildPath$1, someHtmlElement as someHtmlElement$1, isCollapsed, isInline as isInline$2, isEndPoint as isEndPoint$1, getPointAfter as getPointAfter$1, isFirstChild, getNodeEntry as getNodeEntry$1, isEditor as isEditor$1, getLastNodeByLevel as getLastNodeByLevel$1, isEditorReadOnly as isEditorReadOnly$1, isRangeAcrossBlocks as isRangeAcrossBlocks$1, getPluginType as getPluginType$1, getCommonNode as getCommonNode$1, findNode as findNode$1, isBlock, match as match$1, isAncestorEmpty as isAncestorEmpty$1, isLastChild, getPointBefore as getPointBefore$1, queryNode as queryNode$1, isNode as isNode$1, getEndPoint as getEndPoint$1, getChildren as getChildren$1, findNodePath as findNodePath$1, createPathRef as createPathRef$1, getNodeTexts as getNodeTexts$1, getNodeChildren as getNodeChildren$1, isExpanded, isSelectionAtBlockStart as isSelectionAtBlockStart$1, isSelectionAtBlockEnd as isSelectionAtBlockEnd$1, someNode as someNode$1, getStartPoint as getStartPoint$1, getMarks as getMarks$1, wrapNodes as wrapNodes$1, insertNodes as insertNodes$1, unhangRange as unhangRange$1, setSelection as setSelection$1, unsetNodes as unsetNodes$1, removeMark as removeMark$1, addMark as addMark$1, removeNodes as removeNodes$1, unwrapNodes as unwrapNodes$1, select as select$1, liftNodes as liftNodes$1, toggleMark as toggleMark$1, normalizeEditor, setNodes as setNodes$1, toggleNodeType as toggleNodeType$1, deleteText as deleteText$1, moveSelection as moveSelection$1, splitNodes as splitNodes$1, insertText as insertText$1, collapseSelection as collapseSelection$1, moveChildren as moveChildren$1, moveNodes as moveNodes$1, ELEMENT_DEFAULT as ELEMENT_DEFAULT$1, isBlockAboveEmpty, mockPlugin, KEY_DESERIALIZE_HTML, hasSingleChild, createDeserializeHtmlPlugin, createDeserializeAstPlugin, getPlateActions, Plate } from '@udecode/plate-core';
 import { css, cx } from 'emotion';
 import areEqual from 'fast-deep-equal';
 import noop from 'lodash-es/noop';
@@ -21,7 +21,7 @@ import flow from 'lodash-es/flow';
 import get from 'lodash-es/get';
 import tokens from '@contentful/f36-tokens';
 import { AssetIcon, EmbeddedEntryBlockIcon, ClockIcon, EmbeddedEntryInlineIcon, ChevronDownIcon, HorizontalRuleIcon, LinkIcon, ListBulletedIcon, ListNumberedIcon, FormatBoldIcon, CodeIcon, FormatItalicIcon, SubscriptIcon, SuperscriptIcon, FormatUnderlinedIcon, QuoteIcon, TableIcon, PlusIcon, MoreHorizontalIcon } from '@contentful/f36-icons';
-import { getListTypes, ELEMENT_LIC, getListItemEntry, isListNested, moveListItemUp, ELEMENT_LI, unwrapList as unwrapList$1, removeFirstListItem, removeListItem, deleteForwardList, deleteFragmentList, normalizeList, createListPlugin as createListPlugin$1, ELEMENT_UL, ELEMENT_OL } from '@udecode/plate-list';
+import { getListTypes, ELEMENT_LIC, getListItemEntry, isListNested, moveListItemUp, ELEMENT_LI, unwrapList as unwrapList$1, deleteForwardList, deleteFragmentList, normalizeList, createListPlugin as createListPlugin$1, ELEMENT_UL, ELEMENT_OL } from '@udecode/plate-list';
 import castArray from 'lodash-es/castArray';
 import { createBoldPlugin as createBoldPlugin$1, createCodePlugin as createCodePlugin$1, createItalicPlugin as createItalicPlugin$1, createSubscriptPlugin as createSubscriptPlugin$1, createSuperscriptPlugin as createSuperscriptPlugin$1, createUnderlinePlugin as createUnderlinePlugin$1 } from '@udecode/plate-basic-marks';
 import isPlainObject from 'is-plain-obj';
@@ -96,10 +96,6 @@ const fromDOMPoint = (editor, domPoint, opts = {
 }) => {
   return toSlatePoint(editor, domPoint, opts);
 };
-const mockPlugin = plugin => {
-  return mockPlugin$1( // TODO check if there is a way around this ugly casting
-  plugin);
-};
 const getPlateSelectors = id => {
   return getPlateSelectors$1(id);
 };
@@ -328,9 +324,6 @@ const getChildren = entry => {
 
   return getChildren$1(entry);
 };
-const isFirstChild = path => {
-  return isFirstChild$1(path);
-};
 const getDescendantNodeByPath = (root, path) => {
   // @ts-expect-error
   return Node.get(root, path);
@@ -412,7 +405,7 @@ const getPathLevels = (path, options) => {
   return Path.levels(path, options);
 };
 const isFirstChildPath = path => {
-  return isFirstChild$1(path);
+  return isFirstChild(path);
 };
 const isLastChildPath = (entry, childPath) => {
   return isLastChild(entry, childPath);
@@ -530,9 +523,6 @@ const removeNodes = (editor, opts) => {
 const moveNodes = (editor, opts) => {
   moveNodes$1(editor, opts);
 };
-const deleteFragment = (editor, options) => {
-  return deleteFragment$1(editor, options);
-};
 
 const IS_SAFARI = typeof navigator !== 'undefined' && /*#__PURE__*/ /Version\/[\d.]+.*Safari/.test(navigator.userAgent);
 const IS_CHROME = /*#__PURE__*/ /(?!Chrom.*OPR)Chrom(?:e|ium)\/([0-9.]+)(:?\s|$)/.test(navigator.userAgent);
@@ -1776,6 +1766,8 @@ async function selectEntityAndInsert(nodeType, sdk, editor, logAction) {
       nodeType
     });
   } else {
+    // Selection prevents incorrect position of inserted ref when RTE doesn't have focus
+    // (i.e. when using hotkeys and slide-in)
     select(editor, selection);
     insertBlock$1(editor, nodeType, entity);
     ensureFollowingParagraph(editor);
@@ -2171,6 +2163,8 @@ async function selectEntityAndInsert$1(editor, sdk, logAction) {
       nodeType: INLINES.EMBEDDED_ENTRY
     });
   } else {
+    // Selection prevents incorrect position of inserted ref when RTE doesn't have focus
+    // (i.e. when using hotkeys and slide-in)
     select(editor, selection);
     insertNodes(editor, createInlineEntryNode$1(entry.sys.id));
     logAction('insert', {
@@ -3922,7 +3916,7 @@ const listBreak = editor => {
     }
   }
 
-  const didReset = onKeyDownResetNode(editor, mockPlugin$1({
+  const didReset = onKeyDownResetNode(editor, mockPlugin({
     options: {
       rules: [{
         types: [getPluginType$1(editor, ELEMENT_LI)],
@@ -4067,67 +4061,6 @@ const insertListFragment = editor => {
   };
 };
 
-/**
- * Credit: Modified version of Plate's list plugin
- * See: https://github.com/udecode/plate/blob/main/packages/nodes/list
- */
-const deleteBackwardList = (editor, unit) => {
-  const res = getListItemEntry(editor, {});
-  let moved = false;
-
-  if (res) {
-    const {
-      list,
-      listItem
-    } = res;
-
-    if (isSelectionAtBlockStart(editor, {
-      match: node => node.type === BLOCKS.LIST_ITEM
-    })) {
-      withoutNormalizing(editor, () => {
-        moved = removeFirstListItem(editor, {
-          list,
-          listItem
-        });
-        if (moved) return;
-        moved = removeListItem(editor, {
-          list,
-          listItem
-        });
-        if (moved) return;
-
-        if (isFirstChild(listItem[1]) && !isListNested(editor, list[1])) {
-          onKeyDownResetNode(editor, // TODO look into this
-          // @ts-expect-error
-          mockPlugin({
-            options: {
-              rules: [{
-                types: [BLOCKS.LIST_ITEM],
-                defaultType: BLOCKS.PARAGRAPH,
-                hotkey: 'backspace',
-                predicate: () => isSelectionAtBlockStart(editor),
-                onReset: e => unwrapList(e)
-              }]
-            }
-          }))(SIMULATE_BACKSPACE);
-          moved = true;
-          return;
-        }
-
-        deleteFragment(editor, {
-          // FIXME: see if we can remove unit
-          // @ts-expect-error
-          unit: unit,
-          reverse: true
-        });
-        moved = true;
-      });
-    }
-  }
-
-  return moved;
-};
-
 /**
  * Credit: Modified version of Plate's list plugin
  * See: https://github.com/udecode/plate/blob/main/packages/nodes/list
@@ -4135,16 +4068,10 @@ const deleteBackwardList = (editor, unit) => {
 const validLiChildrenTypes = LIST_ITEM_BLOCKS;
 const withList = editor => {
   const {
-    deleteBackward,
     deleteForward,
     deleteFragment
   } = editor;
 
-  editor.deleteBackward = unit => {
-    if (deleteBackwardList(editor, unit)) return;
-    deleteBackward(unit);
-  };
-
   editor.deleteForward = unit => {
     if (deleteForwardList(editor)) return;
     deleteForward(unit);