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

package/dist/cjs/plugins/Marks/Superscript.js

@@ -9,20 +9,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    ToolbarSuperscriptButton: function() {
-        return ToolbarSuperscriptButton;
+    Superscript: function() {
+        return Superscript;
     },
     ToolbarDropdownSuperscriptButton: function() {
         return ToolbarDropdownSuperscriptButton;
     },
-    Superscript: function() {
-        return Superscript;
+    ToolbarSuperscriptButton: function() {
+        return ToolbarSuperscriptButton;
     },
     createSuperscriptPlugin: function() {
         return createSuperscriptPlugin;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36icons = require("@contentful/f36-icons");
 const _richtexttypes = require("@contentful/rich-text-types");
 const _platebasicmarks = require("@udecode/plate-basic-marks");
@@ -50,7 +50,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)) {
@@ -77,14 +79,14 @@ const styles = {
 const ToolbarSuperscriptButton = (0, _MarkToolbarButton.createMarkToolbarButton)({
     title: 'Superscript',
     mark: _richtexttypes.MARKS.SUPERSCRIPT,
-    icon: _react.createElement(_f36icons.SuperscriptIcon, null)
+    icon: /*#__PURE__*/ _react.createElement(_f36icons.SuperscriptIcon, null)
 });
 const ToolbarDropdownSuperscriptButton = (0, _MarkToolbarButton.createMarkToolbarButton)({
     title: 'Superscript',
     mark: _richtexttypes.MARKS.SUPERSCRIPT
 });
 function Superscript(props) {
-    return _react.createElement("sup", {
+    return /*#__PURE__*/ _react.createElement("sup", {
         ...props.attributes,
         className: styles.superscript
     }, props.children);

package/dist/cjs/plugins/Marks/Underline.js

@@ -19,7 +19,7 @@ _export(exports, {
         return createUnderlinePlugin;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36icons = require("@contentful/f36-icons");
 const _richtexttypes = require("@contentful/rich-text-types");
 const _platebasicmarks = require("@udecode/plate-basic-marks");
@@ -47,7 +47,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)) {
@@ -68,10 +70,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
 const ToolbarUnderlineButton = (0, _MarkToolbarButton.createMarkToolbarButton)({
     title: 'Underline',
     mark: _richtexttypes.MARKS.UNDERLINE,
-    icon: _react.createElement(_f36icons.FormatUnderlinedIcon, null)
+    icon: /*#__PURE__*/ _react.createElement(_f36icons.FormatUnderlinedIcon, null)
 });
 function Underline(props) {
-    return _react.createElement("u", props.attributes, props.children);
+    return /*#__PURE__*/ _react.createElement("u", props.attributes, props.children);
 }
 const createUnderlinePlugin = ()=>(0, _platebasicmarks.createUnderlinePlugin)({
         type: _richtexttypes.MARKS.UNDERLINE,

package/dist/cjs/plugins/Marks/components/MarkToolbarButton.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "createMarkToolbarButton", {
         return createMarkToolbarButton;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _emotion = require("emotion");
 const _ContentfulEditorProvider = require("../../../ContentfulEditorProvider");
 const _editor = require("../../../helpers/editor");
@@ -43,7 +43,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)) {
@@ -67,8 +69,8 @@ const styles = {
         color: _f36tokens.default.blue600
     })
 };
-const createMarkToolbarButton = ({ mark , title , icon  })=>{
-    const Mark = ({ isDisabled  })=>{
+const createMarkToolbarButton = ({ mark, title, icon })=>{
+    const Mark = ({ isDisabled })=>{
         const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
         const handleClick = _react.useCallback(()=>{
             if (!editor?.selection) return;
@@ -83,7 +85,7 @@ const createMarkToolbarButton = ({ mark , title , icon  })=>{
         ]);
         if (!editor) return null;
         if (!icon) {
-            return _react.createElement(_f36components.Menu.Item, {
+            return /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
                 onClick: handleClick,
                 disabled: isDisabled,
                 className: (0, _emotion.cx)({
@@ -92,7 +94,7 @@ const createMarkToolbarButton = ({ mark , title , icon  })=>{
                 testId: `${mark}-toolbar-button`
             }, title);
         }
-        return _react.createElement(_ToolbarButton.ToolbarButton, {
+        return /*#__PURE__*/ _react.createElement(_ToolbarButton.ToolbarButton, {
             title: title,
             testId: `${mark}-toolbar-button`,
             onClick: handleClick,

package/dist/cjs/plugins/Marks/helpers.js

@@ -9,15 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    toggleMarkAndDeactivateConflictingMarks: function() {
-        return toggleMarkAndDeactivateConflictingMarks;
-    },
     buildMarkEventHandler: function() {
         return buildMarkEventHandler;
+    },
+    toggleMarkAndDeactivateConflictingMarks: function() {
+        return toggleMarkAndDeactivateConflictingMarks;
     }
 });
 const _richtexttypes = require("@contentful/rich-text-types");
-const _ishotkey = _interop_require_default(require("is-hotkey"));
+const _ishotkey = /*#__PURE__*/ _interop_require_default(require("is-hotkey"));
 const _queries = require("../../internal/queries");
 const _transforms = require("../../internal/transforms");
 function _interop_require_default(obj) {
@@ -36,7 +36,7 @@ const toggleMarkAndDeactivateConflictingMarks = (editor, mark)=>{
         clear
     });
 };
-const buildMarkEventHandler = (type)=>(editor, { options: { hotkey  }  })=>(event)=>{
+const buildMarkEventHandler = (type)=>(editor, { options: { hotkey } })=>(event)=>{
             if (editor.selection && hotkey && (0, _ishotkey.default)(hotkey, event)) {
                 event.preventDefault();
                 const isActive = (0, _queries.isMarkActive)(editor, type);

package/dist/cjs/plugins/Normalizer/baseRules.js

@@ -16,6 +16,7 @@ const isInline = (node)=>_editor.INLINE_TYPES.includes(node.type);
 const isTextContainer = (node)=>_richtexttypes.TEXT_CONTAINERS.includes(node.type);
 const baseRules = [
     {
+        // Wrap orphaned text nodes in a paragraph
         match: _queries.isText,
         validNode: (editor, [, path])=>{
             const parent = (0, _queries.getParentNode)(editor, path)?.[0];
@@ -26,6 +27,7 @@ const baseRules = [
         }
     },
     {
+        // Wrap orphaned inline nodes in a paragraph,
         match: {
             type: _editor.INLINE_TYPES
         },

package/dist/cjs/plugins/Normalizer/createNormalizerPlugin.test.js

@@ -1,4 +1,4 @@
-"use strict";
+/** @jsx jsx */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -16,15 +16,15 @@ describe('Normalizer', ()=>{
     ];
     let input;
     beforeEach(()=>{
-        input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hembed", {
+        input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
             type: "Entry",
             id: "embedded-entry"
-        }), (0, _testutils.jsx)("hp", null, "List item"))));
+        }), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "List item"))));
     });
-    const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "List item"))));
+    const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "List item"))));
     describe('rule.match', ()=>{
         it('matches elements of type "plugin.type" by default', ()=>{
-            const { editor  } = (0, _testutils.createTestEditor)({
+            const { editor } = (0, _testutils.createTestEditor)({
                 input,
                 plugins: [
                     (0, _testutils.mockPlugin)({
@@ -54,14 +54,14 @@ describe('Normalizer', ()=>{
     });
     describe('rule.transform', ()=>{
         it('works with conditional transformation', ()=>{
-            const { editor  } = (0, _testutils.createTestEditor)({
-                input: (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hembed", {
+            const { editor } = (0, _testutils.createTestEditor)({
+                input: /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
                     type: "Entry",
                     id: "embedded-entry"
-                }), (0, _testutils.jsx)("hinline", {
+                }), /*#__PURE__*/ (0, _testutils.jsx)("hinline", {
                     type: "Entry",
                     id: "inline-entry"
-                }), (0, _testutils.jsx)("hp", null, "List item")))),
+                }), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "List item")))),
                 plugins: [
                     (0, _testutils.mockPlugin)({
                         isElement: true,
@@ -82,16 +82,16 @@ describe('Normalizer', ()=>{
             });
             (0, _testutils.assertOutput)({
                 editor,
-                expected: (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("hinline", {
+                expected: /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("hinline", {
                     type: "Entry",
                     id: "inline-entry"
-                })), (0, _testutils.jsx)("hp", null, "List item"))))
+                })), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "List item"))))
             });
         });
     });
     describe('rule.validChildren', ()=>{
         it('supports custom functions', ()=>{
-            const { editor  } = (0, _testutils.createTestEditor)({
+            const { editor } = (0, _testutils.createTestEditor)({
                 input,
                 plugins: [
                     (0, _testutils.mockPlugin)({

package/dist/cjs/plugins/Normalizer/utils.js

@@ -12,11 +12,11 @@ _export(exports, {
     NormalizerError: function() {
         return NormalizerError;
     },
-    createValidatorFromTypes: function() {
-        return createValidatorFromTypes;
-    },
     createTransformerFromObject: function() {
         return createTransformerFromObject;
+    },
+    createValidatorFromTypes: function() {
+        return createValidatorFromTypes;
     }
 });
 const _queries = require("../../internal/queries");
@@ -26,6 +26,7 @@ const createValidatorFromTypes = (types)=>(_, [node])=>{
         return (0, _queries.isElement)(node) && types.includes(node.type);
     };
 const createTransformerFromObject = (transforms)=>{
+    // A default transformer must always be provided
     const fallback = transforms['default'];
     if (!fallback) {
         throw new NormalizerError('A default transformer MUST be provided');

package/dist/cjs/plugins/Normalizer/withNormalizer.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "withNormalizer", {
         return withNormalizer;
     }
 });
-const _isplainobj = _interop_require_default(require("is-plain-obj"));
+const _isplainobj = /*#__PURE__*/ _interop_require_default(require("is-plain-obj"));
 const _transformers = require("../../helpers/transformers");
 const _internal = require("../../internal");
 const _queries = require("../../internal/queries");
@@ -21,25 +21,35 @@ function _interop_require_default(obj) {
 }
 const withNormalizer = (editor)=>{
     const rules = _baseRules.baseRules;
+    // Derive normalization rules from other plugin's configurations
     for (const p of editor.plugins){
-        const { normalizer: _rules  } = p;
+        const { normalizer: _rules } = p;
         if (!_rules) {
             continue;
         }
         for (const _rule of _rules){
+            // Clone to avoid mutation bugs
             const rule = {
                 ..._rule
             };
             if (!rule.match && !p.isElement) {
                 throw new _utils.NormalizerError('rule.match MUST be defined in a non-element plugin');
             }
+            // By default we filter elements with given plugin type
             if (!rule.match) {
                 rule.match = {
                     type: (0, _queries.getPluginType)(editor, p.key)
                 };
             }
+            // Conditional transformation e.g.
+            // {
+            //   [BLOCKS.EMBEDDED_ASSET]: transformLift,
+            //   default?: transformRemove
+            // }
+            //
             if ((0, _isplainobj.default)(rule.transform)) {
                 if ('validNode' in rule) {
+                    // I can't think of a use case. Disabled to prevent misuse
                     throw new _utils.NormalizerError('conditional transformations are not supported in validNode rules');
                 }
                 rule.transform = (0, _utils.createTransformerFromObject)({
@@ -47,33 +57,43 @@ const withNormalizer = (editor)=>{
                     ...rule.transform
                 });
             }
+            // By default all invalid nodes are removed.
             if (!rule.transform) {
                 rule.transform = _transformers.transformRemove;
             }
+            // Convert Types array syntax to a validator function
             if ('validChildren' in rule && Array.isArray(rule.validChildren)) {
                 rule.validChildren = (0, _utils.createValidatorFromTypes)(rule.validChildren);
             }
             rules.push(rule);
         }
     }
+    // Wrap transformer in a withoutNormalizing() call to avoid unnecessary
+    // normalization cycles.
     const _transform = (tr, entry)=>{
         (0, _internal.withoutNormalizing)(editor, ()=>{
             tr(editor, entry);
         });
     };
-    const { normalizeNode  } = editor;
+    const { normalizeNode } = editor;
+    // @ts-expect-error
     editor.normalizeNode = (entry)=>{
         const [node, path] = entry;
         const children = (0, _queries.getChildren)(entry);
+        // The order of validNode rules Vs validChildren doesn't matter. Slate
+        // will always perform normalization in a depth-first fashion.
         for (const rule of rules){
             if (!(0, _queries.matchNode)(node, path, rule.match)) {
                 continue;
             }
+            // Normalize node
             if ('validNode' in rule && !rule.validNode(editor, entry)) {
                 _transform(rule.transform, entry);
                 return;
             }
+            // Normalize node.children
             if ('validChildren' in rule) {
+                // It can not be an array since we enforced it earlier
                 const isValidChild = rule.validChildren;
                 const invalidChildEntry = children.find((entry)=>!isValidChild(editor, entry));
                 if (invalidChildEntry) {

package/dist/cjs/plugins/Paragraph/Paragraph.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "Paragraph", {
         return Paragraph;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _richtexttypes = require("@contentful/rich-text-types");
 const _emotion = require("emotion");
 function _interop_require_default(obj) {
@@ -38,7 +38,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)) {
@@ -63,7 +65,7 @@ const styles = {
   `
 };
 function Paragraph(props) {
-    return _react.createElement("div", {
+    return /*#__PURE__*/ _react.createElement("div", {
         ...props.attributes,
         className: styles[_richtexttypes.BLOCKS.PARAGRAPH]
     }, props.children);

package/dist/cjs/plugins/Paragraph/__tests__/createParagraphPlugin.test.js

@@ -1,20 +1,20 @@
-"use strict";
+/* eslint-disable react/no-unknown-property */ /** @jsx jsx */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 const _testutils = require("../../../test-utils");
 describe('normalization', ()=>{
     it('can contain inline entries & hyperlinks', ()=>{
-        const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "some text before", (0, _testutils.jsx)("hinline", {
+        const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "some text before", /*#__PURE__*/ (0, _testutils.jsx)("hinline", {
             type: "Entry",
             id: "inline-entry"
-        }), (0, _testutils.jsx)("hlink", {
+        }), /*#__PURE__*/ (0, _testutils.jsx)("hlink", {
             uri: "https://contentful.com"
-        }), (0, _testutils.jsx)("hlink", {
+        }), /*#__PURE__*/ (0, _testutils.jsx)("hlink", {
             entry: "entry-id"
-        }), (0, _testutils.jsx)("hlink", {
+        }), /*#__PURE__*/ (0, _testutils.jsx)("hlink", {
             resource: "resource-urn"
-        }), (0, _testutils.jsx)("hlink", {
+        }), /*#__PURE__*/ (0, _testutils.jsx)("hlink", {
             asset: "asset-id"
         }), "some text after"));
         (0, _testutils.assertOutput)({
@@ -23,20 +23,20 @@ describe('normalization', ()=>{
         });
     });
     it('wraps orphaned text nodes in a paragraph', ()=>{
-        const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "valid text"), (0, _testutils.jsx)("hh1", null, "valid text"), (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, "invalid text"))));
-        const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "valid text"), (0, _testutils.jsx)("hh1", null, "valid text"), (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "invalid text")))), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null)));
+        const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "valid text"), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "valid text"), /*#__PURE__*/ (0, _testutils.jsx)("htable", null, /*#__PURE__*/ (0, _testutils.jsx)("htr", null, /*#__PURE__*/ (0, _testutils.jsx)("htd", null, "invalid text"))));
+        const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "valid text"), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "valid text"), /*#__PURE__*/ (0, _testutils.jsx)("htable", null, /*#__PURE__*/ (0, _testutils.jsx)("htr", null, /*#__PURE__*/ (0, _testutils.jsx)("htd", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "invalid text")))), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", null)));
         (0, _testutils.assertOutput)({
             input,
             expected
         });
     });
     it('unwraps nested paragraphs', ()=>{
-        const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "some", (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", {
+        const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "some", /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("htext", {
             bold: true,
             italic: true,
             underline: true
         }, "paragraph")), "text"));
-        const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "some", (0, _testutils.jsx)("htext", {
+        const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "some", /*#__PURE__*/ (0, _testutils.jsx)("htext", {
             bold: true,
             italic: true,
             underline: true
@@ -48,76 +48,76 @@ describe('normalization', ()=>{
     });
     describe('lifts other invalid children', ()=>{
         it('block void elements', ()=>{
-            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("hembed", {
+            const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
                 type: "Asset",
                 id: "1"
-            }), " start"), (0, _testutils.jsx)("hp", null, "end ", (0, _testutils.jsx)("hembed", {
+            }), " start"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "end ", /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
                 type: "Asset",
                 id: "2"
-            })), (0, _testutils.jsx)("hp", null, "in ", (0, _testutils.jsx)("hembed", {
+            })), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "in ", /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
                 type: "Asset",
                 id: "3"
-            }), " between"), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("hembed", {
+            }), " between"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
                 type: "Entry",
                 id: "1"
-            }), " start"), (0, _testutils.jsx)("hp", null, "end ", (0, _testutils.jsx)("hembed", {
+            }), " start"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "end ", /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
                 type: "Entry",
                 id: "2"
-            })), (0, _testutils.jsx)("hp", null, "in ", (0, _testutils.jsx)("hembed", {
+            })), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "in ", /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
                 type: "Entry",
                 id: "3"
-            }), " between"), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("hhr", null), " start"), (0, _testutils.jsx)("hp", null, "end ", (0, _testutils.jsx)("hhr", null)), (0, _testutils.jsx)("hp", null, "in ", (0, _testutils.jsx)("hhr", null), " between"));
-            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hembed", {
+            }), " between"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, /*#__PURE__*/ (0, _testutils.jsx)("hhr", null), " start"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "end ", /*#__PURE__*/ (0, _testutils.jsx)("hhr", null)), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "in ", /*#__PURE__*/ (0, _testutils.jsx)("hhr", null), " between"));
+            const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
                 type: "Asset",
                 id: "1"
-            }), (0, _testutils.jsx)("hp", null, " start"), (0, _testutils.jsx)("hp", null, "end "), (0, _testutils.jsx)("hembed", {
+            }), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, " start"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "end "), /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
                 type: "Asset",
                 id: "2"
-            }), (0, _testutils.jsx)("hp", null, "in "), (0, _testutils.jsx)("hembed", {
+            }), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "in "), /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
                 type: "Asset",
                 id: "3"
-            }), (0, _testutils.jsx)("hp", null, " between"), (0, _testutils.jsx)("hembed", {
+            }), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, " between"), /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
                 type: "Entry",
                 id: "1"
-            }), (0, _testutils.jsx)("hp", null, " start"), (0, _testutils.jsx)("hp", null, "end "), (0, _testutils.jsx)("hembed", {
+            }), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, " start"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "end "), /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
                 type: "Entry",
                 id: "2"
-            }), (0, _testutils.jsx)("hp", null, "in "), (0, _testutils.jsx)("hembed", {
+            }), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "in "), /*#__PURE__*/ (0, _testutils.jsx)("hembed", {
                 type: "Entry",
                 id: "3"
-            }), (0, _testutils.jsx)("hp", null, " between"), (0, _testutils.jsx)("hhr", null), (0, _testutils.jsx)("hp", null, " start"), (0, _testutils.jsx)("hp", null, "end "), (0, _testutils.jsx)("hhr", null), (0, _testutils.jsx)("hp", null, "in "), (0, _testutils.jsx)("hhr", null), (0, _testutils.jsx)("hp", null, " between"));
+            }), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, " between"), /*#__PURE__*/ (0, _testutils.jsx)("hhr", null), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, " start"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "end "), /*#__PURE__*/ (0, _testutils.jsx)("hhr", null), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "in "), /*#__PURE__*/ (0, _testutils.jsx)("hhr", null), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, " between"));
             (0, _testutils.assertOutput)({
                 input,
                 expected
             });
         });
         it('handles heading', ()=>{
-            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "some", (0, _testutils.jsx)("hh1", null, "heading"), "text"));
-            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "some"), (0, _testutils.jsx)("hh1", null, "heading"), (0, _testutils.jsx)("hp", null, "text"));
+            const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "some", /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "heading"), "text"));
+            const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "some"), /*#__PURE__*/ (0, _testutils.jsx)("hh1", null, "heading"), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "text"));
             (0, _testutils.assertOutput)({
                 input,
                 expected
             });
         });
         it('handles quotes', ()=>{
-            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "some", (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, "quote")), "text"));
-            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "some"), (0, _testutils.jsx)("hquote", null, (0, _testutils.jsx)("hp", null, "quote")), (0, _testutils.jsx)("hp", null, "text"));
+            const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "some", /*#__PURE__*/ (0, _testutils.jsx)("hquote", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "quote")), "text"));
+            const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "some"), /*#__PURE__*/ (0, _testutils.jsx)("hquote", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "quote")), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "text"));
             (0, _testutils.assertOutput)({
                 input,
                 expected
             });
         });
         it('handles lists', ()=>{
-            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "some", (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "list item"))), "text"));
-            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "some"), (0, _testutils.jsx)("hul", null, (0, _testutils.jsx)("hli", null, (0, _testutils.jsx)("hp", null, "list item"))), (0, _testutils.jsx)("hp", null, "text"));
+            const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "some", /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "list item"))), "text"));
+            const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "some"), /*#__PURE__*/ (0, _testutils.jsx)("hul", null, /*#__PURE__*/ (0, _testutils.jsx)("hli", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "list item"))), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "text"));
             (0, _testutils.assertOutput)({
                 input,
                 expected
             });
         });
         it('handles tables', ()=>{
-            const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "some", (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 1")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 2")))), "text"));
-            const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, "some"), (0, _testutils.jsx)("htable", null, (0, _testutils.jsx)("htr", null, (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 1")), (0, _testutils.jsx)("htd", null, (0, _testutils.jsx)("hp", null, "cell 2")))), (0, _testutils.jsx)("hp", null, "text"));
+            const input = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "some", /*#__PURE__*/ (0, _testutils.jsx)("htable", null, /*#__PURE__*/ (0, _testutils.jsx)("htr", null, /*#__PURE__*/ (0, _testutils.jsx)("htd", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "cell 1")), /*#__PURE__*/ (0, _testutils.jsx)("htd", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "cell 2")))), "text"));
+            const expected = /*#__PURE__*/ (0, _testutils.jsx)("editor", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "some"), /*#__PURE__*/ (0, _testutils.jsx)("htable", null, /*#__PURE__*/ (0, _testutils.jsx)("htr", null, /*#__PURE__*/ (0, _testutils.jsx)("htd", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "cell 1")), /*#__PURE__*/ (0, _testutils.jsx)("htd", null, /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "cell 2")))), /*#__PURE__*/ (0, _testutils.jsx)("hp", null, "text"));
             (0, _testutils.assertOutput)({
                 input,
                 expected

package/dist/cjs/plugins/Paragraph/createParagraphPlugin.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "createParagraphPlugin", {
 });
 const _richtexttypes = require("@contentful/rich-text-types");
 const _plateparagraph = require("@udecode/plate-paragraph");
-const _ishotkey = _interop_require_default(require("is-hotkey"));
+const _ishotkey = /*#__PURE__*/ _interop_require_default(require("is-hotkey"));
 const _editor = require("../../helpers/editor");
 const _transformers = require("../../helpers/transformers");
 const _Paragraph = require("./Paragraph");
@@ -20,7 +20,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const buildParagraphKeyDownHandler = (editor, { options: { hotkey  }  })=>(event)=>{
+const buildParagraphKeyDownHandler = (editor, { options: { hotkey } })=>(event)=>{
         if (editor.selection && hotkey && (0, _ishotkey.default)(hotkey, event)) {
             (0, _editor.toggleElement)(editor, {
                 activeType: _richtexttypes.BLOCKS.PARAGRAPH,
@@ -41,6 +41,7 @@ const createParagraphPlugin = ()=>{
             onKeyDown: buildParagraphKeyDownHandler
         },
         softBreak: [
+            // create a new line with SHIFT+Enter inside a paragraph
             {
                 hotkey: 'shift+enter',
                 query: {

package/dist/cjs/plugins/PasteHTML/createPasteHTMLPlugin.js

@@ -9,19 +9,21 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getSlateFragmentAttribute: function() {
-        return getSlateFragmentAttribute;
+    createPasteHTMLPlugin: function() {
+        return createPasteHTMLPlugin;
     },
     ensureXSlateFragment: function() {
         return ensureXSlateFragment;
     },
-    createPasteHTMLPlugin: function() {
-        return createPasteHTMLPlugin;
+    getSlateFragmentAttribute: function() {
+        return getSlateFragmentAttribute;
     }
 });
 const _platecommon = require("@udecode/plate-common");
 const _sanitizeHTML = require("./utils/sanitizeHTML");
-const catchSlateFragment = /data-slate-fragment="(.+?)"/m;
+/**
+ * Get x-slate-fragment attribute from data-slate-fragment
+ */ const catchSlateFragment = /data-slate-fragment="(.+?)"/m;
 const getSlateFragmentAttribute = (dataTransfer)=>{
     const htmlData = dataTransfer.getData('text/html');
     const [, fragment] = htmlData.match(catchSlateFragment) || [];
@@ -44,7 +46,7 @@ const ensureXSlateFragment = (dataTransfer)=>{
 const createPasteHTMLPlugin = ()=>({
         key: 'PasteHTMLPlugin',
         withOverrides: (editor)=>{
-            const { insertData  } = editor;
+            const { insertData } = editor;
             editor.insertData = (data)=>insertData(ensureXSlateFragment(data));
             return editor;
         },
@@ -54,6 +56,7 @@ const createPasteHTMLPlugin = ()=>({
                     editor: {
                         insertData: {
                             format: 'text/html',
+                            // Perform custom content transformation *before* pasting
                             transformData: _sanitizeHTML.sanitizeHTML
                         }
                     }