@contentful/field-editor-rich-text 2.0.0-next.7 → 2.0.0-next.8

package/dist/field-editor-rich-text.cjs.development.js

@@ -491,6 +491,18 @@ function getParents(el) {
   return parents;
 }
 
+// "modern" Edge was released at 79.x
+var IS_EDGE_LEGACY = typeof navigator !== 'undefined' && /*#__PURE__*/ /Edge?\/(?:[0-6][0-9]|[0-7][0-8])/i.test(navigator.userAgent); // Native `beforeInput` events don't work well with react on Chrome 75
+// and older, Chrome 76+ can use `beforeInput` though.
+
+var IS_CHROME_LEGACY = typeof navigator !== 'undefined' && /*#__PURE__*/ /Chrome?\/(?:[0-7][0-5]|[0-6][0-9])/i.test(navigator.userAgent); // COMPAT: Firefox/Edge Legacy don't support the `beforeinput` event
+// Chrome Legacy doesn't support `beforeinput` correctly
+
+var HAS_BEFORE_INPUT_SUPPORT = !IS_CHROME_LEGACY && !IS_EDGE_LEGACY && // globalThis is undefined in older browsers
+typeof globalThis !== 'undefined' && globalThis.InputEvent && typeof globalThis.InputEvent.prototype.getTargetRanges === 'function'; // The `getTargetRanges` property isn't recognized.
+
+var IS_SAFARI = typeof navigator !== 'undefined' && /*#__PURE__*/ /Version\/[\d.]+.*Safari/.test(navigator.userAgent);
+
 var LINK_TYPES = [Contentful.INLINES.HYPERLINK, Contentful.INLINES.ENTRY_HYPERLINK, Contentful.INLINES.ASSET_HYPERLINK];
 function isBlockSelected(editor, type) {
   var _Array$from = Array.from(slate.Editor.nodes(editor, {
@@ -708,6 +720,17 @@ var isInlineOrText = function isInlineOrText(node) {
   // either text or inline elements
   return slate.Text.isText(node) || slate.Element.isElement(node) && INLINE_TYPES.includes(node.type);
 };
+var focus = function focus(editor) {
+  var x = window.scrollX;
+  var y = window.scrollY;
+  Slate.ReactEditor.focus(editor); // Safari has issues with `editor.focus({ preventScroll: true })`, it ignores the option `preventScroll`
+
+  if (IS_SAFARI) {
+    setTimeout(function () {
+      window.scrollTo(x, y); // restore position
+    }, 0);
+  }
+};
 
 function withLinkTracking(tracking, Component) {
   return function ComponentWithTracking(props) {
@@ -719,16 +742,6 @@ function withLinkTracking(tracking, Component) {
   };
 }
 
-// "modern" Edge was released at 79.x
-var IS_EDGE_LEGACY = typeof navigator !== 'undefined' && /*#__PURE__*/ /Edge?\/(?:[0-6][0-9]|[0-7][0-8])/i.test(navigator.userAgent); // Native `beforeInput` events don't work well with react on Chrome 75
-// and older, Chrome 76+ can use `beforeInput` though.
-
-var IS_CHROME_LEGACY = typeof navigator !== 'undefined' && /*#__PURE__*/ /Chrome?\/(?:[0-7][0-5]|[0-6][0-9])/i.test(navigator.userAgent); // COMPAT: Firefox/Edge Legacy don't support the `beforeinput` event
-// Chrome Legacy doesn't support `beforeinput` correctly
-
-var HAS_BEFORE_INPUT_SUPPORT = !IS_CHROME_LEGACY && !IS_EDGE_LEGACY && // globalThis is undefined in older browsers
-typeof globalThis !== 'undefined' && globalThis.InputEvent && typeof globalThis.InputEvent.prototype.getTargetRanges === 'function'; // The `getTargetRanges` property isn't recognized.
-
 function useSdk(_ref) {
   var sdk = _ref.sdk;
   var sdkMemo = React.useMemo(function () {
@@ -1107,7 +1120,7 @@ function FetchingWrappedEntryCard(props) {
 
 var styles$3 = {
   root: /*#__PURE__*/emotion.css({
-    marginBottom: '1.25rem'
+    marginBottom: '1.25rem !important'
   })
 };
 function LinkedEntityBlock(props) {
@@ -1267,9 +1280,11 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
 
 
     var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function () {
+
+    IteratorPrototype[iteratorSymbol] = function () {
       return this;
-    });
+    };
+
     var getProto = Object.getPrototypeOf;
     var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
 
@@ -1280,9 +1295,8 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
     }
 
     var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    GeneratorFunction.prototype = GeneratorFunctionPrototype;
-    define(Gp, "constructor", GeneratorFunctionPrototype);
-    define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
+    GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
+    GeneratorFunctionPrototype.constructor = GeneratorFunction;
     GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"); // Helper for defining the .next, .throw, and .return methods of the
     // Iterator interface in terms of a single ._invoke method.
 
@@ -1387,9 +1401,11 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
     }
 
     defineIteratorMethods(AsyncIterator.prototype);
-    define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+
+    AsyncIterator.prototype[asyncIteratorSymbol] = function () {
       return this;
-    });
+    };
+
     exports.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of
     // AsyncIterator objects; they just return a Promise for the value of
     // the final result produced by the iterator.
@@ -1566,12 +1582,13 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
     // object to not be returned from this call. This ensures that doesn't happen.
     // See https://github.com/facebook/regenerator/issues/274 for more details.
 
-    define(Gp, iteratorSymbol, function () {
+    Gp[iteratorSymbol] = function () {
       return this;
-    });
-    define(Gp, "toString", function () {
+    };
+
+    Gp.toString = function () {
       return "[object Generator]";
-    });
+    };
 
     function pushTryEntry(locs) {
       var entry = {
@@ -1883,19 +1900,14 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
   } catch (accidentalStrictMode) {
     // This module should not be running in strict mode, so the above
     // assignment should always work unless something is misconfigured. Just
-    // in case runtime.js accidentally runs in strict mode, in modern engines
-    // we can explicitly access globalThis. In older engines we can escape
+    // in case runtime.js accidentally runs in strict mode, we can escape
     // strict mode using a global Function call. This could conceivably fail
     // if a Content Security Policy forbids using Function, but in that case
     // the proper solution is to fix the accidental strict mode problem. If
     // you've misconfigured your bundler to force strict mode and applied a
     // CSP to forbid Function, and you're not willing to fix either of those
     // problems, please detail your unique predicament in a GitHub issue.
-    if (typeof globalThis === "object") {
-      globalThis.regeneratorRuntime = runtime;
-    } else {
-      Function("r", "regeneratorRuntime = r")(runtime);
-    }
+    Function("r", "regeneratorRuntime = r")(runtime);
   }
 });
 
@@ -2071,7 +2083,7 @@ function insertBlock(editor, nodeType, entity) {
     slate.Transforms.setNodes(editor, linkedEntityBlock);
   }
 
-  Slate.ReactEditor.focus(editor);
+  focus(editor);
 }
 
 var styles$4 = {
@@ -2409,7 +2421,7 @@ function _selectEntityAndInsert$1() {
 
           case 4:
             entry = _context2.sent;
-            Slate.ReactEditor.focus(editor); // Dialog steals focus from editor, return it.
+            focus(editor); // Dialog steals focus from editor, return it.
 
             if (entry) {
               _context2.next = 8;
@@ -2627,7 +2639,7 @@ function ToolbarHeadingButton(props) {
        position.*/
 
       editor.onChange = function () {
-        Slate.ReactEditor.focus(editor);
+        focus(editor);
         editor.onChange = prevOnChange;
         prevOnChange.apply(void 0, arguments);
       };
@@ -2922,7 +2934,7 @@ function ToolbarHrButton(props) {
     hasText ? slate.Transforms.insertNodes(editor, hr) : plateCore.setNodes(editor, hr); // Move focus to the next paragraph (added by TrailingParagraph plugin)
 
     moveToTheNextLine(editor);
-    Slate.ReactEditor.focus(editor);
+    focus(editor);
   }
 
   if (!editor) return null;
@@ -3414,7 +3426,7 @@ function _addOrEditLink() {
                 path: path
               });
             });
-            Slate.ReactEditor.focus(editor);
+            focus(editor);
 
           case 15:
           case "end":
@@ -4168,7 +4180,7 @@ function ToolbarListButton(props) {
       plateList.toggleList(editor, {
         type: type
       });
-      Slate.ReactEditor.focus(editor);
+      focus(editor);
     };
   }
 
@@ -4196,7 +4208,7 @@ function ToolbarBoldButton(props) {
     plateCore.toggleMark(editor, {
       key: Contentful.MARKS.BOLD
     });
-    Slate.ReactEditor.focus(editor);
+    focus(editor);
   }
 
   if (!editor) return null;
@@ -4255,7 +4267,7 @@ function ToolbarCodeButton(props) {
     plateCore.toggleMark(editor, {
       key: Contentful.MARKS.CODE
     });
-    Slate.ReactEditor.focus(editor);
+    focus(editor);
   }
 
   if (!editor) return null;
@@ -4305,7 +4317,7 @@ function ToolbarItalicButton(props) {
     plateCore.toggleMark(editor, {
       key: Contentful.MARKS.ITALIC
     });
-    Slate.ReactEditor.focus(editor);
+    focus(editor);
   }
 
   if (!editor) return null;
@@ -4359,7 +4371,7 @@ function ToolbarUnderlineButton(props) {
     plateCore.toggleMark(editor, {
       key: Contentful.MARKS.UNDERLINE
     });
-    Slate.ReactEditor.focus(editor);
+    focus(editor);
   }
 
   if (!editor) return null;
@@ -4844,7 +4856,7 @@ function ToolbarQuoteButton(props) {
   function handleOnClick() {
     if (!editor) return;
     toggleQuote(editor);
-    Slate.ReactEditor.focus(editor);
+    focus(editor);
   }
 
   if (!editor) return null;
@@ -5200,11 +5212,7 @@ var TableActions = function TableActions() {
 
   var close = React__default.useCallback(function () {
     setOpen(false);
-    if (!editor) return; // Makes sure we keep the editor in focus when clicking on/out
-    // the dropdown menu
-
-    Slate.ReactEditor.focus(editor);
-  }, [editor]);
+  }, []);
   React__default.useEffect(function () {
     setHeaderEnabled(Boolean(editor && isTableHeaderEnabled(editor)));
   }, [editor]);
@@ -5473,7 +5481,7 @@ function ToolbarTableButton(props) {
             case 2:
               onViewportAction('insertTable');
               insertTableAndFocusFirstCell(editor);
-              Slate.ReactEditor.focus(editor);
+              focus(editor);
 
             case 5:
             case "end":
@@ -5617,11 +5625,14 @@ var createVoidsPlugin = function createVoidsPlugin() {
     }, {
       // Inserts a new paragraph on enter when a void element is focused
       hotkey: 'enter',
+      // exploit the internal use of Array.slice(0, level + 1) by the exitBreak plugin
+      // to stay in the parent element
+      level: -2,
       query: {
         filter: function filter(_ref2) {
           var node = _ref2[0],
               path = _ref2[1];
-          return !plateCore.isFirstChild(path) && !!node.isVoid;
+          return !(isRootLevel(path) && plateCore.isFirstChild(path)) && !!node.isVoid;
         }
       }
     }],