@commercetools-uikit/rich-text-utils 15.0.2 → 15.1.2

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.0.2";
+var version = "15.1.2";
 
 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.0.2";
+var version = "15.1.2";
 
 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.0.2";
+var version = "15.1.2";
 
 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/dist/declarations/src/slate-helpers.d.ts

@@ -8,6 +8,6 @@ declare const toggleMark: (editor: Editor, format: Format) => void;
 declare const isBlockActive: (editor: TEditor, format: Format) => boolean;
 declare const toggleBlock: (editor: TEditor, format: Format) => void;
 declare const validSlateStateAdapter: (value: Deserialized | Deserialized[]) => Descendant[];
-declare const resetEditor: (editor: Editor, resetValue?: string | undefined) => void;
+declare const resetEditor: (editor: Editor, resetValue?: string) => void;
 declare const focusEditor: (editor: Editor) => void;
 export { Element, Leaf, isMarkActive, isBlockActive, toggleMark, toggleBlock, validSlateStateAdapter, resetEditor, focusEditor, };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/rich-text-utils",
   "description": "Utilities for working with rich-text components.",
-  "version": "15.0.2",
+  "version": "15.1.2",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -24,15 +24,15 @@
   "dependencies": {
     "@babel/runtime": "^7.17.2",
     "@babel/runtime-corejs3": "^7.17.2",
-    "@commercetools-uikit/design-system": "15.0.0",
-    "@commercetools-uikit/icons": "15.0.0",
-    "@commercetools-uikit/input-utils": "15.0.0",
-    "@commercetools-uikit/spacings-inline": "15.0.0",
-    "@commercetools-uikit/tooltip": "15.0.0",
-    "@commercetools-uikit/utils": "15.0.0",
+    "@commercetools-uikit/design-system": "15.1.2",
+    "@commercetools-uikit/icons": "15.1.2",
+    "@commercetools-uikit/input-utils": "15.1.2",
+    "@commercetools-uikit/spacings-inline": "15.1.2",
+    "@commercetools-uikit/tooltip": "15.1.2",
+    "@commercetools-uikit/utils": "15.1.2",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
-    "@types/escape-html": "1.0.1",
+    "@types/escape-html": "1.0.2",
     "downshift": "6.1.7",
     "escape-html": "1.0.3",
     "is-hotkey": "0.2.0",
@@ -40,7 +40,7 @@
     "prop-types": "15.8.1",
     "slate": "0.75.0",
     "slate-history": "0.66.0",
-    "slate-hyperscript": "0.67.0",
+    "slate-hyperscript": "0.77.0",
     "slate-react": "0.75.0",
     "style-to-object": "0.3.0"
   },