@contentful/field-editor-rich-text 3.4.10 → 3.4.12

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.4.12](https://github.com/contentful/field-editors/compare/@contentful/field-editor-rich-text@3.4.11...@contentful/field-editor-rich-text@3.4.12) (2023-03-10)
+
+**Note:** Version bump only for package @contentful/field-editor-rich-text
+
+## [3.4.11](https://github.com/contentful/field-editors/compare/@contentful/field-editor-rich-text@3.4.10...@contentful/field-editor-rich-text@3.4.11) (2023-03-09)
+
+### Bug Fixes
+
+- **rich-text:** pasting hyperlinks with blocks ([#1364](https://github.com/contentful/field-editors/issues/1364)) ([32bfe1d](https://github.com/contentful/field-editors/commit/32bfe1dfaf6d976c69690a99b69b5beff570eba6))
+
 ## [3.4.10](https://github.com/contentful/field-editors/compare/@contentful/field-editor-rich-text@3.4.9...@contentful/field-editor-rich-text@3.4.10) (2023-03-09)
 
 ### Bug Fixes

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

@@ -6096,6 +6096,62 @@ var createParagraphPlugin = function createParagraphPlugin() {
   return plateParagraph.createParagraphPlugin(config);
 };
 
+var wrapSpaceAround = function wrapSpaceAround(el) {
+  var spacer = new Text(' ');
+  var parent = el.parentNode;
+
+  if (!parent) {
+    return;
+  }
+
+  if (el.previousSibling) {
+    parent.insertBefore(spacer, el);
+  }
+
+  if (el.nextSibling) {
+    parent.insertBefore(spacer, el.nextSibling);
+  }
+};
+
+var unwrap = function unwrap(el) {
+  // add a spacer to avoid the content being cramped together with
+  // the element siblings after it's unwrapped. It may not always
+  // be desired but it should be easy to adjust by the end user.
+  wrapSpaceAround(el);
+  el.replaceWith.apply(el, Array.from(el.childNodes));
+};
+/**
+ * In HTML it's a valid structure to have a block element inside a link
+ *
+ * e.g: <a href="..."><h1> My link </h1><h2>is fancy</h2></a>
+ *
+ * However, that's not supported in Slate. There are generally two ways to
+ * handle this:
+ *
+ * a) Unwrap inner blocks while preserving the content.
+ *    e.g. <a href="...">My link is fancy</a>
+ *
+ * b) Break the link into multiple elements with having each block
+ *    element as a wrapper for an anchor with the same URL
+ *    e.g. <h1><a href="...">My link</a></h1>
+ *         and <h2><a href="...">is fancy</a></h2>
+ *
+ * We take approach (a) in here.
+ */
+
+
+var sanitizeAnchors = function sanitizeAnchors(doc) {
+  var unsupportedTagSelector = "a :not(" + [// Bold
+  'b', 'strong', // Code
+  'code', 'pre', // Italic
+  'em', 'i', // Super/subscript
+  'sub', 'sup', // Underline
+  'u', // Other
+  'span'].join(',') + ")";
+  doc.querySelectorAll(unsupportedTagSelector).forEach(unwrap);
+  return doc;
+};
+
 /**
  * Remove empty spreadsheets columns/rows for performance reasons.
  */
@@ -6187,7 +6243,7 @@ var stripMetaTags = function stripMetaTags(doc) {
 }; // Attention: Order is important
 
 
-var transformers = [stripStyleTags, sanitizeSheets, stripMetaTags];
+var transformers = [stripStyleTags, sanitizeSheets, stripMetaTags, sanitizeAnchors];
 var sanitizeHTML = function sanitizeHTML(html) {
   // Parse the HTML string and pipe it through our transformers
   var doc = transformers.reduce(function (value, cb) {