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

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

@@ -12,7 +12,7 @@ import constate from 'constate';
 import { createDeserializeDocxPlugin } from '@udecode/plate-serializer-docx';
 import { createSoftBreakPlugin as createSoftBreakPlugin$1, createExitBreakPlugin as createExitBreakPlugin$1 } from '@udecode/plate-break';
 import isHotkey from 'is-hotkey';
-import { useSelected, useReadOnly, ReactEditor, useFocused } from 'slate-react';
+import { ReactEditor, useSelected, useReadOnly, useFocused } from 'slate-react';
 import { AssetCard, Menu, Text as Text$1, Notification, EntryCard, MenuItem, Button, Flex, Icon, InlineEntryCard, Tooltip, ModalContent, Form, FormControl, TextInput, Select, FormLabel, TextLink, ModalControls, IconButton } from '@contentful/f36-components';
 import mimetype from '@contentful/mimetype';
 import get from 'lodash-es/get';
@@ -484,6 +484,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 = [INLINES.HYPERLINK, INLINES.ENTRY_HYPERLINK, INLINES.ASSET_HYPERLINK];
 function isBlockSelected(editor, type) {
   var _Array$from = Array.from(Editor.nodes(editor, {
@@ -701,6 +713,17 @@ var isInlineOrText = function isInlineOrText(node) {
   // either text or inline elements
   return Text.isText(node) || Element.isElement(node) && INLINE_TYPES.includes(node.type);
 };
+var focus = function focus(editor) {
+  var x = window.scrollX;
+  var y = window.scrollY;
+  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) {
@@ -712,16 +735,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 = useMemo(function () {
@@ -1100,7 +1113,7 @@ function FetchingWrappedEntryCard(props) {
 
 var styles$3 = {
   root: /*#__PURE__*/css({
-    marginBottom: '1.25rem'
+    marginBottom: '1.25rem !important'
   })
 };
 function LinkedEntityBlock(props) {
@@ -1260,9 +1273,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([])));
 
@@ -1273,9 +1288,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.
 
@@ -1380,9 +1394,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.
@@ -1559,12 +1575,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 = {
@@ -1876,19 +1893,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);
   }
 });
 
@@ -2064,7 +2076,7 @@ function insertBlock(editor, nodeType, entity) {
     Transforms.setNodes(editor, linkedEntityBlock);
   }
 
-  ReactEditor.focus(editor);
+  focus(editor);
 }
 
 var styles$4 = {
@@ -2402,7 +2414,7 @@ function _selectEntityAndInsert$1() {
 
           case 4:
             entry = _context2.sent;
-            ReactEditor.focus(editor); // Dialog steals focus from editor, return it.
+            focus(editor); // Dialog steals focus from editor, return it.
 
             if (entry) {
               _context2.next = 8;
@@ -2620,7 +2632,7 @@ function ToolbarHeadingButton(props) {
        position.*/
 
       editor.onChange = function () {
-        ReactEditor.focus(editor);
+        focus(editor);
         editor.onChange = prevOnChange;
         prevOnChange.apply(void 0, arguments);
       };
@@ -2915,7 +2927,7 @@ function ToolbarHrButton(props) {
     hasText ? Transforms.insertNodes(editor, hr) : setNodes(editor, hr); // Move focus to the next paragraph (added by TrailingParagraph plugin)
 
     moveToTheNextLine(editor);
-    ReactEditor.focus(editor);
+    focus(editor);
   }
 
   if (!editor) return null;
@@ -3407,7 +3419,7 @@ function _addOrEditLink() {
                 path: path
               });
             });
-            ReactEditor.focus(editor);
+            focus(editor);
 
           case 15:
           case "end":
@@ -4161,7 +4173,7 @@ function ToolbarListButton(props) {
       toggleList(editor, {
         type: type
       });
-      ReactEditor.focus(editor);
+      focus(editor);
     };
   }
 
@@ -4189,7 +4201,7 @@ function ToolbarBoldButton(props) {
     toggleMark(editor, {
       key: MARKS.BOLD
     });
-    ReactEditor.focus(editor);
+    focus(editor);
   }
 
   if (!editor) return null;
@@ -4248,7 +4260,7 @@ function ToolbarCodeButton(props) {
     toggleMark(editor, {
       key: MARKS.CODE
     });
-    ReactEditor.focus(editor);
+    focus(editor);
   }
 
   if (!editor) return null;
@@ -4298,7 +4310,7 @@ function ToolbarItalicButton(props) {
     toggleMark(editor, {
       key: MARKS.ITALIC
     });
-    ReactEditor.focus(editor);
+    focus(editor);
   }
 
   if (!editor) return null;
@@ -4352,7 +4364,7 @@ function ToolbarUnderlineButton(props) {
     toggleMark(editor, {
       key: MARKS.UNDERLINE
     });
-    ReactEditor.focus(editor);
+    focus(editor);
   }
 
   if (!editor) return null;
@@ -4837,7 +4849,7 @@ function ToolbarQuoteButton(props) {
   function handleOnClick() {
     if (!editor) return;
     toggleQuote(editor);
-    ReactEditor.focus(editor);
+    focus(editor);
   }
 
   if (!editor) return null;
@@ -5193,11 +5205,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
-
-    ReactEditor.focus(editor);
-  }, [editor]);
+  }, []);
   React__default.useEffect(function () {
     setHeaderEnabled(Boolean(editor && isTableHeaderEnabled(editor)));
   }, [editor]);
@@ -5466,7 +5474,7 @@ function ToolbarTableButton(props) {
             case 2:
               onViewportAction('insertTable');
               insertTableAndFocusFirstCell(editor);
-              ReactEditor.focus(editor);
+              focus(editor);
 
             case 5:
             case "end":
@@ -5610,11 +5618,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 !isFirstChild(path) && !!node.isVoid;
+          return !(isRootLevel(path) && isFirstChild(path)) && !!node.isVoid;
         }
       }
     }],