@commercetools-uikit/rich-text-utils 15.1.0 → 15.2.0

package/dist/commercetools-uikit-rich-text-utils.cjs.dev.js

@@ -321,13 +321,17 @@ var mapper = {
   }
 };
 
+var wrapWithParagraph = function wrapWithParagraph(textContent) {
+  return slateHyperscript.jsx('element', {
+    type: 'paragraph'
+  }, textContent);
+};
+
 var wrapWithParagraphIfRootElement = function wrapWithParagraphIfRootElement(el, textContent) {
   var _el$parentNode;
 
   return ((_el$parentNode = el.parentNode) === null || _el$parentNode === void 0 ? void 0 : _el$parentNode.nodeName) === 'BODY' // root element, because body is eventually turned to React fragment
-  ? slateHyperscript.jsx('element', {
-    type: 'paragraph'
-  }, textContent) : textContent;
+  ? wrapWithParagraph(textContent) : textContent;
 };
 
 var deserializeElement = function deserializeElement(el) {
@@ -400,7 +404,10 @@ var deserializeElement = function deserializeElement(el) {
         }, children));
       }
 
-      return wrapWithParagraphIfRootElement(el, slateHyperscript.jsx('text', attrs, children));
+      return wrapWithParagraphIfRootElement(el, // children mapping to cover nested elements within text e.g. <span>Some <span>text</span></span>
+      _mapInstanceProperty__default["default"](children).call(children, function (child) {
+        return slate.Text.isText(child) ? slateHyperscript.jsx('text', attrs, child) : slateHyperscript.jsx('element', attrs, child);
+      }));
     }
   }
 
@@ -416,9 +423,12 @@ var deserializeElement = function deserializeElement(el) {
     return _mapInstanceProperty__default["default"](children).call(children, function (child) {
       return slateHyperscript.jsx('text', _attrs2, child);
     });
-  }
+  } // each non-empty text node must be wrapped with a paragraph
 
-  return children;
+
+  return _mapInstanceProperty__default["default"](children).call(children, function (child) {
+    return slate.Text.isText(child) && child.text ? wrapWithParagraph(child) : child;
+  });
 };
 
 var deserialize = function deserialize(html) {
@@ -3244,7 +3254,7 @@ RichTextEditorBody.defaultProps = defaultProps;
 var RichTextEditorBody$1 = RichTextEditorBody;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.1.0";
+var version = "15.2.0";
 
 exports.Element = Element;
 exports.HiddenInput = HiddenInput$1;

package/dist/commercetools-uikit-rich-text-utils.cjs.prod.js

@@ -320,13 +320,17 @@ var mapper = {
   }
 };
 
+var wrapWithParagraph = function wrapWithParagraph(textContent) {
+  return slateHyperscript.jsx('element', {
+    type: 'paragraph'
+  }, textContent);
+};
+
 var wrapWithParagraphIfRootElement = function wrapWithParagraphIfRootElement(el, textContent) {
   var _el$parentNode;
 
   return ((_el$parentNode = el.parentNode) === null || _el$parentNode === void 0 ? void 0 : _el$parentNode.nodeName) === 'BODY' // root element, because body is eventually turned to React fragment
-  ? slateHyperscript.jsx('element', {
-    type: 'paragraph'
-  }, textContent) : textContent;
+  ? wrapWithParagraph(textContent) : textContent;
 };
 
 var deserializeElement = function deserializeElement(el) {
@@ -399,7 +403,10 @@ var deserializeElement = function deserializeElement(el) {
         }, children));
       }
 
-      return wrapWithParagraphIfRootElement(el, slateHyperscript.jsx('text', attrs, children));
+      return wrapWithParagraphIfRootElement(el, // children mapping to cover nested elements within text e.g. <span>Some <span>text</span></span>
+      _mapInstanceProperty__default["default"](children).call(children, function (child) {
+        return slate.Text.isText(child) ? slateHyperscript.jsx('text', attrs, child) : slateHyperscript.jsx('element', attrs, child);
+      }));
     }
   }
 
@@ -415,9 +422,12 @@ var deserializeElement = function deserializeElement(el) {
     return _mapInstanceProperty__default["default"](children).call(children, function (child) {
       return slateHyperscript.jsx('text', _attrs2, child);
     });
-  }
+  } // each non-empty text node must be wrapped with a paragraph
 
-  return children;
+
+  return _mapInstanceProperty__default["default"](children).call(children, function (child) {
+    return slate.Text.isText(child) && child.text ? wrapWithParagraph(child) : child;
+  });
 };
 
 var deserialize = function deserialize(html) {
@@ -3119,7 +3129,7 @@ RichTextEditorBody.defaultProps = defaultProps;
 var RichTextEditorBody$1 = RichTextEditorBody;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.1.0";
+var version = "15.2.0";
 
 exports.Element = Element;
 exports.HiddenInput = HiddenInput$1;

package/dist/commercetools-uikit-rich-text-utils.esm.js

@@ -284,13 +284,17 @@ var mapper = {
   }
 };
 
+var wrapWithParagraph = function wrapWithParagraph(textContent) {
+  return jsx('element', {
+    type: 'paragraph'
+  }, textContent);
+};
+
 var wrapWithParagraphIfRootElement = function wrapWithParagraphIfRootElement(el, textContent) {
   var _el$parentNode;
 
   return ((_el$parentNode = el.parentNode) === null || _el$parentNode === void 0 ? void 0 : _el$parentNode.nodeName) === 'BODY' // root element, because body is eventually turned to React fragment
-  ? jsx('element', {
-    type: 'paragraph'
-  }, textContent) : textContent;
+  ? wrapWithParagraph(textContent) : textContent;
 };
 
 var deserializeElement = function deserializeElement(el) {
@@ -363,7 +367,10 @@ var deserializeElement = function deserializeElement(el) {
         }, children));
       }
 
-      return wrapWithParagraphIfRootElement(el, jsx('text', attrs, children));
+      return wrapWithParagraphIfRootElement(el, // children mapping to cover nested elements within text e.g. <span>Some <span>text</span></span>
+      _mapInstanceProperty(children).call(children, function (child) {
+        return Text.isText(child) ? jsx('text', attrs, child) : jsx('element', attrs, child);
+      }));
     }
   }
 
@@ -379,9 +386,12 @@ var deserializeElement = function deserializeElement(el) {
     return _mapInstanceProperty(children).call(children, function (child) {
       return jsx('text', _attrs2, child);
     });
-  }
+  } // each non-empty text node must be wrapped with a paragraph
 
-  return children;
+
+  return _mapInstanceProperty(children).call(children, function (child) {
+    return Text.isText(child) && child.text ? wrapWithParagraph(child) : child;
+  });
 };
 
 var deserialize = function deserialize(html) {
@@ -3207,6 +3217,6 @@ RichTextEditorBody.defaultProps = defaultProps;
 var RichTextEditorBody$1 = RichTextEditorBody;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.1.0";
+var version = "15.2.0";
 
 export { Element, HiddenInput$1 as HiddenInput, Leaf, RichTextEditorBody$1 as RichTextBody, focusEditor, html$1 as html, isBlockActive, isRichTextEmpty as isEmpty, isMarkActive, index as localized, resetEditor, toggleBlock, toggleMark, validSlateStateAdapter, version };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/rich-text-utils",
   "description": "Utilities for working with rich-text components.",
-  "version": "15.1.0",
+  "version": "15.2.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -24,12 +24,12 @@
   "dependencies": {
     "@babel/runtime": "^7.17.2",
     "@babel/runtime-corejs3": "^7.17.2",
-    "@commercetools-uikit/design-system": "15.1.0",
-    "@commercetools-uikit/icons": "15.1.0",
-    "@commercetools-uikit/input-utils": "15.1.0",
-    "@commercetools-uikit/spacings-inline": "15.1.0",
-    "@commercetools-uikit/tooltip": "15.1.0",
-    "@commercetools-uikit/utils": "15.1.0",
+    "@commercetools-uikit/design-system": "15.2.0",
+    "@commercetools-uikit/icons": "15.2.0",
+    "@commercetools-uikit/input-utils": "15.2.0",
+    "@commercetools-uikit/spacings-inline": "15.2.0",
+    "@commercetools-uikit/tooltip": "15.2.0",
+    "@commercetools-uikit/utils": "15.2.0",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "@types/escape-html": "1.0.2",