@contentful/field-editor-rich-text 3.15.0 → 3.15.2

package/dist/cjs/helpers/editor.js

@@ -9,71 +9,71 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    INLINE_TYPES: function() {
+        return INLINE_TYPES;
+    },
     LINK_TYPES: function() {
         return LINK_TYPES;
     },
-    isBlockSelected: function() {
-        return isBlockSelected;
-    },
-    isRootLevel: function() {
-        return isRootLevel;
-    },
-    getNodeEntryFromSelection: function() {
-        return getNodeEntryFromSelection;
-    },
-    isNodeTypeSelected: function() {
-        return isNodeTypeSelected;
-    },
-    moveToTheNextLine: function() {
-        return moveToTheNextLine;
-    },
-    moveToTheNextChar: function() {
-        return moveToTheNextChar;
+    focus: function() {
+        return focus;
     },
-    insertEmptyParagraph: function() {
-        return insertEmptyParagraph;
+    getAncestorPathFromSelection: function() {
+        return getAncestorPathFromSelection;
     },
     getElementFromCurrentSelection: function() {
         return getElementFromCurrentSelection;
     },
-    isList: function() {
-        return isList;
+    getNextNode: function() {
+        return getNextNode;
+    },
+    getNodeEntryFromSelection: function() {
+        return getNodeEntryFromSelection;
     },
     getTableSize: function() {
         return getTableSize;
     },
+    insertEmptyParagraph: function() {
+        return insertEmptyParagraph;
+    },
     insertLink: function() {
         return insertLink;
     },
-    isLinkActive: function() {
-        return isLinkActive;
+    isAtEndOfTextSelection: function() {
+        return isAtEndOfTextSelection;
     },
-    unwrapLink: function() {
-        return unwrapLink;
+    isBlockSelected: function() {
+        return isBlockSelected;
     },
-    wrapLink: function() {
-        return wrapLink;
+    isInlineOrText: function() {
+        return isInlineOrText;
     },
-    getAncestorPathFromSelection: function() {
-        return getAncestorPathFromSelection;
+    isLinkActive: function() {
+        return isLinkActive;
     },
-    isAtEndOfTextSelection: function() {
-        return isAtEndOfTextSelection;
+    isList: function() {
+        return isList;
     },
-    getNextNode: function() {
-        return getNextNode;
+    isNodeTypeSelected: function() {
+        return isNodeTypeSelected;
     },
-    INLINE_TYPES: function() {
-        return INLINE_TYPES;
+    isRootLevel: function() {
+        return isRootLevel;
     },
-    isInlineOrText: function() {
-        return isInlineOrText;
+    moveToTheNextChar: function() {
+        return moveToTheNextChar;
     },
-    focus: function() {
-        return focus;
+    moveToTheNextLine: function() {
+        return moveToTheNextLine;
     },
     toggleElement: function() {
         return toggleElement;
+    },
+    unwrapLink: function() {
+        return unwrapLink;
+    },
+    wrapLink: function() {
+        return wrapLink;
     }
 });
 const _richtexttypes = require("@contentful/rich-text-types");
@@ -145,7 +145,11 @@ function insertEmptyParagraph(editor, options) {
 function getElementFromCurrentSelection(editor) {
     if (!editor.selection) return [];
     return Array.from((0, _queries.getNodeEntries)(editor, {
-        at: editor.selection,
+        /**
+       * editor.select is a Range, which includes anchor and focus, the beginning and the end of a selection
+       * when using only editor.selection.focus, we might get only the end of the selection, or where the text cursor is
+       * and in some cases getting the next element instead of the one we want
+       **/ at: editor.selection,
         match: (node)=>(0, _queries.isElement)(node)
     })).flat();
 }
@@ -185,11 +189,11 @@ function unwrapLink(editor) {
         match: (node)=>!(0, _queries.isEditor)(node) && (0, _queries.isElement)(node) && LINK_TYPES.includes(node.type)
     });
 }
-function wrapLink(editor, { text , url , target , type , path  }) {
+function wrapLink(editor, { text, url, target, type, path }) {
     if (isLinkActive(editor) && !path) {
         unwrapLink(editor);
     }
-    const { selection  } = editor;
+    const { selection } = editor;
     const isCollapsed = selection && (0, _queries.isRangeCollapsed)(selection);
     const link = {
         type,
@@ -210,6 +214,7 @@ function wrapLink(editor, { text , url , target , type , path  }) {
             target
         };
     }
+    // TODO: always set the selection to the end of the inserted link
     if (path) {
         (0, _transforms.setNodes)(editor, link, {
             at: path
@@ -243,8 +248,9 @@ function getNextNode(editor) {
     const descendants = (0, _queries.getNodeDescendants)(editor, {
         from: editor.selection.focus.path
     });
+    // eslint-disable-next-line no-constant-condition -- TODO: explain this disable
     while(true){
-        const { done , value  } = descendants.next();
+        const { done, value } = descendants.next();
         if (done) {
             return null;
         }
@@ -257,20 +263,23 @@ function getNextNode(editor) {
 }
 const INLINE_TYPES = Object.values(_richtexttypes.INLINES);
 const isInlineOrText = (node)=>{
+    // either text or inline elements
     return (0, _queries.isText)(node) || (0, _queries.isElement)(node) && INLINE_TYPES.includes(node.type);
 };
 const focus = (editor)=>{
     const x = window.scrollX;
     const y = window.scrollY;
     (0, _misc.focusEditor)(editor);
+    // Safari has issues with `editor.focus({ preventScroll: true })`, it ignores the option `preventScroll`
     if (_environment.IS_SAFARI) {
         setTimeout(function() {
-            window.scrollTo(x, y);
+            window.scrollTo(x, y); // restore position
         }, 0);
     }
 };
 function toggleElement(editor, options, editorOptions) {
     (0, _transforms.toggleNodeType)(editor, options, editorOptions);
+    // We must reset `data` from one element to another
     (0, _transforms.setNodes)(editor, {
         data: {}
     });

package/dist/cjs/helpers/environment.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    IS_SAFARI: function() {
-        return IS_SAFARI;
-    },
     IS_CHROME: function() {
         return IS_CHROME;
+    },
+    IS_SAFARI: function() {
+        return IS_SAFARI;
     }
 });
 const IS_SAFARI = typeof navigator !== 'undefined' && /Version\/[\d.]+.*Safari/.test(navigator.userAgent);

package/dist/cjs/helpers/formatDateAndTime.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line no-restricted-imports -- TODO: explain this disable
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -12,14 +13,14 @@ _export(exports, {
     formatDate: function() {
         return formatDate;
     },
-    formatTime: function() {
-        return formatTime;
-    },
     formatDateAndTime: function() {
         return formatDateAndTime;
+    },
+    formatTime: function() {
+        return formatTime;
     }
 });
-const _moment = _interop_require_default(require("moment"));
+const _moment = /*#__PURE__*/ _interop_require_default(require("moment"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/helpers/getAllowedResourcesForNodeType.js

@@ -1,16 +1,33 @@
-"use strict";
+/* eslint-disable you-dont-need-lodash-underscore/find */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, /**
+ * Given a field object and a rich text node type, return a list of allowed
+ * resources associated with the node type, based on that node type's
+ * `allowedResources` property.
+ *
+ * The navigation here is explained by the `nodes` validation having signature:
+ * { nodes: { [nodeType]: { allowedResources: AllowedResource[] } } }
+ *
+ * We defensively navigate through this object because
+ * 1) the field may not have a `validations` array,
+ * 2) the `validations` array may be empty,
+ * 3) the `validations` array may not have a `nodes` validation, and
+ * 4) the `nodes` validation may not validate the `nodeType`.
+ *
+ * @param {object} field
+ * @param {string} nodeType
+ * @returns {AllowedResource[]}
+ */ "default", {
     enumerable: true,
     get: function() {
         return getAllowedResourcesForNodeType;
     }
 });
-const _find = _interop_require_default(require("lodash/find"));
-const _flow = _interop_require_default(require("lodash/flow"));
-const _get = _interop_require_default(require("lodash/get"));
+const _find = /*#__PURE__*/ _interop_require_default(require("lodash/find"));
+const _flow = /*#__PURE__*/ _interop_require_default(require("lodash/flow"));
+const _get = /*#__PURE__*/ _interop_require_default(require("lodash/get"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/helpers/getLinkedContentTypeIdsForNodeType.js

@@ -1,16 +1,40 @@
-"use strict";
+/* eslint-disable you-dont-need-lodash-underscore/find */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, /**
+ * Given a field object and a rich text node type, return a list of valid
+ * content type IDs associated with the node type, based on that node type's
+ * `linkContentType` validation.
+ *
+ * If there is no such validation or the validation is empty, return an empty
+ * array.
+ *
+ * The navigation here is explained by the `nodes` validation having signature:
+ * { nodes: { [nodeType]: validationObject[] } }
+ *
+ * We defensively navigate through this object because
+ * 1) the field may not have a `validations` array,
+ * 2) the `validations` array may be empty,
+ * 3) the `validations` array may not have a `nodes` validation,
+ * 4) the `nodes` validation may not validate the `nodeType`, and
+ * 5) the `nodeType` validations may not have a `linkContentType` validation.
+ *
+ * Note that passing an empty array will result in all possible content types
+ * being whitelisted.
+ *
+ * @param {object} field
+ * @param {string} nodeType
+ * @returns {string[]}
+ */ "default", {
     enumerable: true,
     get: function() {
         return getLinkedContentTypeIdsForNodeType;
     }
 });
-const _find = _interop_require_default(require("lodash/find"));
-const _flow = _interop_require_default(require("lodash/flow"));
-const _get = _interop_require_default(require("lodash/get"));
+const _find = /*#__PURE__*/ _interop_require_default(require("lodash/find"));
+const _flow = /*#__PURE__*/ _interop_require_default(require("lodash/flow"));
+const _get = /*#__PURE__*/ _interop_require_default(require("lodash/get"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/helpers/nodeFactory.js

@@ -9,20 +9,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    document: function() {
-        return document;
-    },
     block: function() {
         return block;
     },
+    document: function() {
+        return document;
+    },
     inline: function() {
         return inline;
     },
-    text: function() {
-        return text;
-    },
     mark: function() {
         return mark;
+    },
+    text: function() {
+        return text;
     }
 });
 const document = (...content)=>({

package/dist/cjs/helpers/sdkNavigatorSlideIn.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "watchCurrentSlide", {
         return watchCurrentSlide;
     }
 });
-const _noop = _interop_require_default(require("lodash/noop"));
+const _noop = /*#__PURE__*/ _interop_require_default(require("lodash/noop"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -23,26 +23,34 @@ function watchCurrentSlide(navigator) {
             wasClosed: wasSlideClosed,
             isActive: !wasSlideClosed && lastSlideLevel === initialSlideLevel
         });
-    const off = navigator.onSlideInNavigation(({ oldSlideLevel , newSlideLevel  })=>{
+    const off = navigator.onSlideInNavigation(({ oldSlideLevel, newSlideLevel })=>{
         if (initialSlideLevel === undefined) {
             initialSlideLevel = oldSlideLevel;
         }
         lastSlideLevel = newSlideLevel;
         if (newSlideLevel < initialSlideLevel) {
             wasSlideClosed = true;
-            off();
+            off(); // No more point in watching, slide got closed.
             onActiveCallbacks.clear();
         }
         if (status().isActive && newSlideLevel !== oldSlideLevel) {
             onActiveCallbacks.forEach((cb)=>cb());
         }
     });
-    function unwatch() {
+    /**
+   * Call to unsubscribe from navigator events when the watcher is no longer
+   * needed.
+   */ function unwatch() {
         off();
         onActiveCallbacks.clear();
     }
-    function onActive(cb) {
-        if (wasSlideClosed) return _noop.default;
+    /**
+   * Fires immediately when the slide is currently active, or at the point when
+   * it becomes active again, if there are slides on top that get closed. Does not
+   * fire when the observed slide gets closed, and then re-opened through browser
+   * back, as this technically opens a new slide and editor instance.
+   */ function onActive(cb) {
+        if (wasSlideClosed) return _noop.default; // Can't re-activate already closed slide.
         if (status().isActive) {
             cb();
         }

package/dist/cjs/helpers/sdkNavigatorSlideIn.spec.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _cloneDeep = _interop_require_default(require("lodash/cloneDeep"));
-const _mitt = _interop_require_default(require("mitt"));
+const _cloneDeep = /*#__PURE__*/ _interop_require_default(require("lodash/cloneDeep"));
+const _mitt = /*#__PURE__*/ _interop_require_default(require("mitt"));
 const _sdkNavigatorSlideIn = require("./sdkNavigatorSlideIn");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -204,6 +204,7 @@ describe('watchCurrentSlide().unwatch()', ()=>{
             newSlideLevel: 0
         });
         expect(spy).toHaveBeenCalledTimes(0);
+        // Demonstrate that normally this would fire an event if it wasn't for the unwatch()
         expect(spy2).toHaveBeenCalledTimes(1);
     });
 });

package/dist/cjs/helpers/toSlateValue.js

@@ -10,14 +10,17 @@ Object.defineProperty(exports, "toSlateValue", {
 });
 const _contentfulslatejsadapter = require("@contentful/contentful-slatejs-adapter");
 const _richtexttypes = require("@contentful/rich-text-types");
-const _Schema = _interop_require_default(require("../constants/Schema"));
+const _Schema = /*#__PURE__*/ _interop_require_default(require("../constants/Schema"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 const isTextElement = (node)=>'text' in node;
-function sanitizeIncomingSlateDoc(nodes = []) {
+/**
+ * Ensures all nodes have a child leaf text element. This should be handled by
+ * Slate but its behavior has proven to be buggy and unpredictable.
+ */ function sanitizeIncomingSlateDoc(nodes = []) {
     return nodes.map((node)=>{
         if (isTextElement(node)) {
             return node;
@@ -40,11 +43,19 @@ function sanitizeIncomingSlateDoc(nodes = []) {
     });
 }
 const toSlateValue = (doc)=>{
-    const hasContent = (doc)=>{
+    /**
+   * For legacy reasons, a document may not have any content at all
+   * e.g:
+   *
+   * {nodeType: document, data: {}, content: []}
+   *
+   * Rendering such document will break the Slate editor
+   */ const hasContent = (doc)=>{
         return (doc?.content || []).length > 0;
     };
     const slateDoc = (0, _contentfulslatejsadapter.toSlatejsDocument)({
         document: doc && hasContent(doc) ? doc : _richtexttypes.EMPTY_DOCUMENT,
+        // TODO: get rid of schema, https://github.com/contentful/field-editors/pull/1065#discussion_r826723248
         schema: _Schema.default
     });
     return sanitizeIncomingSlateDoc(slateDoc);

package/dist/cjs/helpers/transformers.js

@@ -9,20 +9,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    transformRemove: function() {
-        return transformRemove;
+    transformLift: function() {
+        return transformLift;
     },
     transformParagraphs: function() {
         return transformParagraphs;
     },
+    transformRemove: function() {
+        return transformRemove;
+    },
     transformUnwrap: function() {
         return transformUnwrap;
     },
     transformWrapIn: function() {
         return transformWrapIn;
-    },
-    transformLift: function() {
-        return transformLift;
     }
 });
 const _transforms = require("../internal/transforms");

package/dist/cjs/helpers/validations.js

@@ -1,4 +1,4 @@
-"use strict";
+/* eslint-disable you-dont-need-lodash-underscore/find */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -9,26 +9,26 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    VALIDATIONS: function() {
-        return VALIDATIONS;
-    },
     DEFAULT_ENABLED_NODE_TYPES: function() {
         return DEFAULT_ENABLED_NODE_TYPES;
     },
     VALIDATABLE_NODE_TYPES: function() {
         return VALIDATABLE_NODE_TYPES;
     },
-    isNodeTypeEnabled: function() {
-        return isNodeTypeEnabled;
+    VALIDATIONS: function() {
+        return VALIDATIONS;
     },
     isMarkEnabled: function() {
         return isMarkEnabled;
+    },
+    isNodeTypeEnabled: function() {
+        return isNodeTypeEnabled;
     }
 });
 const _richtexttypes = require("@contentful/rich-text-types");
-const _find = _interop_require_default(require("lodash/find"));
-const _flow = _interop_require_default(require("lodash/flow"));
-const _get = _interop_require_default(require("lodash/get"));
+const _find = /*#__PURE__*/ _interop_require_default(require("lodash/find"));
+const _flow = /*#__PURE__*/ _interop_require_default(require("lodash/flow"));
+const _get = /*#__PURE__*/ _interop_require_default(require("lodash/get"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -44,9 +44,12 @@ const DEFAULT_ENABLED_NODE_TYPES = [
     'text'
 ];
 const VALIDATABLE_NODE_TYPES = [].concat(_richtexttypes.TOP_LEVEL_BLOCKS).filter((type)=>type !== _richtexttypes.BLOCKS.PARAGRAPH).concat(Object.values(_richtexttypes.INLINES));
+// TODO: Memoize
 const getRichTextValidation = (field, validationType)=>(0, _flow.default)((v)=>(0, _find.default)(v, validationType), (v)=>(0, _get.default)(v, validationType))(field.validations);
 const isFormattingOptionEnabled = (field, validationType, nodeTypeOrMark)=>{
     const enabledFormattings = getRichTextValidation(field, validationType);
+    // TODO: In the future, validations will always be opt-in. In that case
+    // we don't need this step.
     if (enabledFormattings === undefined) {
         return true;
     }

package/dist/cjs/index.js

@@ -9,12 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    RichTextEditor: function() {
-        return _RichTextEditor.default;
-    },
     ConnectedRichTextEditor: function() {
         return _RichTextEditor.ConnectedRichTextEditor;
     },
+    RichTextEditor: function() {
+        return _RichTextEditor.default;
+    },
     openRichTextDialog: function() {
         return _openRichTextDialog.openRichTextDialog;
     },
@@ -22,7 +22,7 @@ _export(exports, {
         return _renderRichTextDialog.renderRichTextDialog;
     }
 });
-const _RichTextEditor = _interop_require_wildcard(require("./RichTextEditor"));
+const _RichTextEditor = /*#__PURE__*/ _interop_require_wildcard(require("./RichTextEditor"));
 const _openRichTextDialog = require("./dialogs/openRichTextDialog");
 const _renderRichTextDialog = require("./dialogs/renderRichTextDialog");
 function _getRequireWildcardCache(nodeInterop) {
@@ -46,7 +46,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {

package/dist/cjs/internal/constants.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "ELEMENT_DEFAULT", {
         return ELEMENT_DEFAULT;
     }
 });
-const _platecommon = _interop_require_wildcard(require("@udecode/plate-common"));
+const _platecommon = /*#__PURE__*/ _interop_require_wildcard(require("@udecode/plate-common"));
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -30,7 +30,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {

package/dist/cjs/internal/hooks.js

@@ -9,9 +9,6 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    useReadOnly: function() {
-        return useReadOnly;
-    },
     usePlateEditorRef: function() {
         return usePlateEditorRef;
     },
@@ -20,10 +17,13 @@ _export(exports, {
     },
     usePlateSelectors: function() {
         return usePlateSelectors;
+    },
+    useReadOnly: function() {
+        return useReadOnly;
     }
 });
-const _platecommon = _interop_require_wildcard(require("@udecode/plate-common"));
-const _slatereact = _interop_require_wildcard(require("slate-react"));
+const _platecommon = /*#__PURE__*/ _interop_require_wildcard(require("@udecode/plate-common"));
+const _slatereact = /*#__PURE__*/ _interop_require_wildcard(require("slate-react"));
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -45,7 +45,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {

package/dist/cjs/internal/misc.js

@@ -9,29 +9,29 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    blurEditor: function() {
+        return blurEditor;
+    },
     createPlateEditor: function() {
         return createPlateEditor;
     },
-    normalizeInitialValue: function() {
-        return normalizeInitialValue;
-    },
     focusEditor: function() {
         return focusEditor;
     },
-    blurEditor: function() {
-        return blurEditor;
-    },
-    selectEditor: function() {
-        return selectEditor;
-    },
     fromDOMPoint: function() {
         return fromDOMPoint;
     },
     mockPlugin: function() {
         return mockPlugin;
+    },
+    normalizeInitialValue: function() {
+        return normalizeInitialValue;
+    },
+    selectEditor: function() {
+        return selectEditor;
     }
 });
-const _platecommon = _interop_require_wildcard(require("@udecode/plate-common"));
+const _platecommon = /*#__PURE__*/ _interop_require_wildcard(require("@udecode/plate-common"));
 const _transforms = require("./transforms");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -54,7 +54,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -101,5 +103,6 @@ const fromDOMPoint = (editor, domPoint, opts = {
     return _platecommon.toSlatePoint(editor, domPoint, opts);
 };
 const mockPlugin = (plugin)=>{
-    return _platecommon.mockPlugin(plugin);
+    return _platecommon.mockPlugin(// TODO check if there is a way around this ugly casting
+    plugin);
 };