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

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

@@ -165,13 +165,12 @@ var serializeNode = function serializeNode(node) {
   }
 };
 
-var wrapWithParaghraph = function wrapWithParaghraph() {
-  var content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return "<p>".concat(content, "</p>");
+var isEmptyParagraph = function isEmptyParagraph(value) {
+  return slate.Element.isElement(value) && value.type === 'paragraph' && value.children.length === 1 && value.children[0].text === '';
 };
 
 var serializeSingle = function serializeSingle(value) {
-  if (value === null) return wrapWithParaghraph();
+  if (value === null || isEmptyParagraph(value)) return '';
   return serializeNode(value);
 };
 
@@ -186,7 +185,7 @@ var serialize = function serialize(value) {
     }).join('');
   }
 
-  return outputHtml.length > 0 ? outputHtml : wrapWithParaghraph(outputHtml);
+  return outputHtml;
 };
 
 var ELEMENT_TAGS = {
@@ -3245,7 +3244,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.0";
+var version = "15.0.2";
 
 exports.Element = Element;
 exports.HiddenInput = HiddenInput$1;

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

@@ -164,13 +164,12 @@ var serializeNode = function serializeNode(node) {
   }
 };
 
-var wrapWithParaghraph = function wrapWithParaghraph() {
-  var content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return "<p>".concat(content, "</p>");
+var isEmptyParagraph = function isEmptyParagraph(value) {
+  return slate.Element.isElement(value) && value.type === 'paragraph' && value.children.length === 1 && value.children[0].text === '';
 };
 
 var serializeSingle = function serializeSingle(value) {
-  if (value === null) return wrapWithParaghraph();
+  if (value === null || isEmptyParagraph(value)) return '';
   return serializeNode(value);
 };
 
@@ -185,7 +184,7 @@ var serialize = function serialize(value) {
     }).join('');
   }
 
-  return outputHtml.length > 0 ? outputHtml : wrapWithParaghraph(outputHtml);
+  return outputHtml;
 };
 
 var ELEMENT_TAGS = {
@@ -3120,7 +3119,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.0";
+var version = "15.0.2";
 
 exports.Element = Element;
 exports.HiddenInput = HiddenInput$1;

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

@@ -9,7 +9,7 @@ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import { warning } from '@commercetools-uikit/utils';
 import uniq from 'lodash/uniq';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
-import { Text, Element as Element$1, Editor, Transforms } from 'slate';
+import { Element as Element$1, Text, Editor, Transforms } from 'slate';
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
@@ -128,13 +128,12 @@ var serializeNode = function serializeNode(node) {
   }
 };
 
-var wrapWithParaghraph = function wrapWithParaghraph() {
-  var content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return "<p>".concat(content, "</p>");
+var isEmptyParagraph = function isEmptyParagraph(value) {
+  return Element$1.isElement(value) && value.type === 'paragraph' && value.children.length === 1 && value.children[0].text === '';
 };
 
 var serializeSingle = function serializeSingle(value) {
-  if (value === null) return wrapWithParaghraph();
+  if (value === null || isEmptyParagraph(value)) return '';
   return serializeNode(value);
 };
 
@@ -149,7 +148,7 @@ var serialize = function serialize(value) {
     }).join('');
   }
 
-  return outputHtml.length > 0 ? outputHtml : wrapWithParaghraph(outputHtml);
+  return outputHtml;
 };
 
 var ELEMENT_TAGS = {
@@ -3208,6 +3207,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.0";
+var version = "15.0.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/html/html.d.ts

@@ -1,5 +1,30 @@
-import { type Descendant } from 'slate';
+import { type Descendant, type BaseEditor, type BaseText } from 'slate';
+import { type ReactEditor as TReactEditor } from 'slate-react';
+import type { HistoryEditor } from 'slate-history';
+import { BLOCK_TAGS, MARK_TAGS } from '../tags';
 declare type Html = string;
+export declare type CustomElement = {
+    type: Format;
+    children: CustomText[];
+    align?: string;
+};
+declare type CustomText = BaseText & {
+    bold?: boolean;
+    code?: string;
+    italic?: string;
+    underline?: string;
+    superscript?: string;
+    subscript?: string;
+    strikethrough?: string;
+};
+export declare type Format = typeof BLOCK_TAGS[keyof typeof BLOCK_TAGS] & typeof MARK_TAGS[keyof typeof MARK_TAGS];
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: BaseEditor & TReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}
 export declare type Deserialized = Descendant | null;
 export declare const defaultSlateState: Descendant[];
 declare const html: {

package/dist/declarations/src/html/index.d.ts

@@ -1 +1 @@
-export { default, defaultSlateState, type Deserialized } from './html';
+export { default, defaultSlateState, type Deserialized, type Format, type CustomElement, } from './html';

package/dist/declarations/src/slate-helpers.d.ts

@@ -1,30 +1,6 @@
-import { Editor, type BaseEditor, type BaseText, type Editor as TEditor, type Descendant } from 'slate';
-import { type ReactEditor as TReactEditor, type RenderElementProps, type RenderLeafProps } from 'slate-react';
-import type { HistoryEditor } from 'slate-history';
-import { BLOCK_TAGS, MARK_TAGS } from './tags';
-import { type Deserialized } from './html';
-declare type CustomElement = {
-    type: Format;
-    children: CustomText[];
-    align?: string;
-};
-declare type CustomText = BaseText & {
-    bold?: boolean;
-    code?: string;
-    italic?: string;
-    underline?: string;
-    superscript?: string;
-    subscript?: string;
-    strikethrough?: string;
-};
-declare type Format = typeof BLOCK_TAGS[keyof typeof BLOCK_TAGS] & typeof MARK_TAGS[keyof typeof MARK_TAGS];
-declare module 'slate' {
-    interface CustomTypes {
-        Editor: BaseEditor & TReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}
+import { Editor, type Editor as TEditor, type Descendant } from 'slate';
+import { type RenderElementProps, type RenderLeafProps } from 'slate-react';
+import { type Deserialized, type Format } from './html';
 declare const Element: ({ attributes, children, element }: RenderElementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 declare const Leaf: ({ attributes, children, leaf }: RenderLeafProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 declare const isMarkActive: (editor: TEditor, format: Format) => boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/rich-text-utils",
   "description": "Utilities for working with rich-text components.",
-  "version": "15.0.0",
+  "version": "15.0.2",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",