@pushwoosh/dumb-components 1.1.110 → 1.1.111

package/RichMessageEditor/RichMessageViewer.js

@@ -1,5 +1,5 @@
 import React, { Fragment, useMemo } from 'react';
-import { DynamicContentBracket, DynamicContentRoot } from './RichMessageViewer.styled';
+import { DynamicContentBracket, DynamicContentRoot, Paragraph } from './RichMessageViewer.styled';
 import { isElement, string2content } from './slate/helpers';
 export const RichMessageViewer = ({
   value,
@@ -8,7 +8,6 @@ export const RichMessageViewer = ({
   const content = useMemo(() => {
     return Array.isArray(value) ? value : string2content(value);
   }, [value]);
-  const separator = flat ? ' ' : React.createElement("br", null);
   return content.map((node, index) => {
     const children = node.children.map((child, idx) => {
       if (isElement(child) && child.type === 'dc') {
@@ -21,11 +20,22 @@ export const RichMessageViewer = ({
       }
       return child.text;
     });
+    if (flat) {
+      return (
+        // eslint-disable-next-line react/no-array-index-key
+        React.createElement(Fragment, {
+          key: index
+        }, index > 0 && ' ', React.createElement("span", {
+          dir: "auto"
+        }, children))
+      );
+    }
     return (
       // eslint-disable-next-line react/no-array-index-key
-      React.createElement(Fragment, {
-        key: index
-      }, index > 0 && separator, children)
+      React.createElement(Paragraph, {
+        key: index,
+        dir: "auto"
+      }, children)
     );
   });
 };

package/RichMessageEditor/RichMessageViewer.styled.d.ts

@@ -1,2 +1,3 @@
 export declare const DynamicContentRoot: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const DynamicContentBracket: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Paragraph: import("styled-components").StyledComponent<"div", any, {}, never>;

package/RichMessageEditor/RichMessageViewer.styled.js

@@ -7,4 +7,8 @@ export const DynamicContentRoot = styled.span.withConfig({
 export const DynamicContentBracket = styled.span.withConfig({
   displayName: "DynamicContentBracket",
   componentId: "sc-f10jz5-1"
-})(["color:", ";"], Color.EXCEPTIONAL);
+})(["color:", ";"], Color.EXCEPTIONAL);
+export const Paragraph = styled.div.withConfig({
+  displayName: "Paragraph",
+  componentId: "sc-f10jz5-2"
+})(["min-height:1em;"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.110",
+  "version": "1.1.111",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",