@crystallize/design-system 1.17.1 → 1.17.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @crystallize/design-system
 
+## 1.17.2
+
+### Patch Changes
+
+- fd2e53c: The line breaks in the rich text editor are not considered as elements and thus they are not transformed onChange. To fix it we check for them and when present we add them to the list of elements.
+
 ## 1.17.1
 
 ### Patch Changes

package/dist/index.js

@@ -35267,12 +35267,11 @@ function lexicalToCrystallizeRichText({
               if ((0, import_lexical2.$isElementNode)(childNode)) {
                 handleNode(childNode, parentChildrenToUse);
               } else if ((0, import_LexicalHorizontalRuleNode2.$isHorizontalRuleNode)(childNode)) {
-                parentChildrenToUse.push({
-                  kind: "block",
-                  type: "horizontal-line"
-                });
+                parentChildrenToUse.push({ kind: "block", type: "horizontal-line" });
               } else if ((0, import_lexical2.$isTextNode)(childNode)) {
                 parentChildrenToUse.push(getTextChild(childNode));
+              } else if ((0, import_lexical2.$isLineBreakNode)(childNode)) {
+                parentChildrenToUse.push({ kind: "inline", type: "line-break" });
               }
             });
           }

package/dist/index.mjs

@@ -6391,12 +6391,11 @@ function lexicalToCrystallizeRichText({
               if ($isElementNode(childNode)) {
                 handleNode(childNode, parentChildrenToUse);
               } else if ($isHorizontalRuleNode(childNode)) {
-                parentChildrenToUse.push({
-                  kind: "block",
-                  type: "horizontal-line"
-                });
+                parentChildrenToUse.push({ kind: "block", type: "horizontal-line" });
               } else if ($isTextNode2(childNode)) {
                 parentChildrenToUse.push(getTextChild(childNode));
+              } else if ($isLineBreakNode(childNode)) {
+                parentChildrenToUse.push({ kind: "inline", type: "line-break" });
               }
             });
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystallize/design-system",
-  "version": "1.17.1",
+  "version": "1.17.2",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/rich-text-editor/model/lexical-to-crystallize.ts

@@ -183,12 +183,11 @@ export function lexicalToCrystallizeRichText({
               if ($isElementNode(childNode)) {
                 handleNode(childNode, parentChildrenToUse);
               } else if ($isHorizontalRuleNode(childNode)) {
-                parentChildrenToUse.push({
-                  kind: 'block',
-                  type: 'horizontal-line',
-                });
+                parentChildrenToUse.push({ kind: 'block', type: 'horizontal-line' });
               } else if ($isTextNode(childNode)) {
                 parentChildrenToUse.push(getTextChild(childNode));
+              } else if ($isLineBreakNode(childNode)) {
+                parentChildrenToUse.push({ kind: 'inline', type: 'line-break' });
               }
             });
           }