@crystallize/design-system 1.24.13 → 1.24.14

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @crystallize/design-system
 
+## 1.24.14
+
+### Patch Changes
+
+- a0aa5b7: It was found that when adding a content to richtext component via the API, the content transformer can turn the resulting `json` into an array of array of nodes, which we do not expect in the UI. In the UI we always work with flat list of block nodes as the nested array does not have any semantic meaning. To fix it now we check if the root element is an array and then we flat it.
+
 ## 1.24.13
 
 ### Patch Changes

package/dist/index.js

@@ -7702,7 +7702,10 @@ var init_i18n = __esm({
 // src/rich-text-editor/model/parse-initial-state.ts
 function parseInitialState({ richText }) {
   let richTextArray = Array.isArray(richText) ? richText : [richText];
-  richTextArray = richTextArray.map((rootNode) => {
+  const ensureRootBlockElements = (richTextArray2) => richTextArray2.flatMap((rootNode) => {
+    if (Array.isArray(rootNode)) {
+      return ensureRootBlockElements(rootNode);
+    }
     if (!rootNode?.kind || rootNode.kind === "inline") {
       return {
         type: "paragraph",
@@ -7712,6 +7715,7 @@ function parseInitialState({ richText }) {
     }
     return rootNode;
   });
+  richTextArray = ensureRootBlockElements(richTextArray);
   return richTextArray;
 }
 var init_parse_initial_state = __esm({

package/dist/index.mjs

@@ -480,7 +480,7 @@ function Tag({
 // src/rich-text-editor/index.tsx
 import { lazy, Suspense } from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
-var LazyRichTextEditor = lazy(() => import("./rich-text-editor-VSCYKBXX.mjs"));
+var LazyRichTextEditor = lazy(() => import("./rich-text-editor-4KH7E76T.mjs"));
 var RichTextEditor = (props) => {
   return /* @__PURE__ */ jsx15(Suspense, {
     fallback: null,

package/dist/{rich-text-editor-VSCYKBXX.mjs → rich-text-editor-4KH7E76T.mjs}

@@ -159,7 +159,10 @@ import { $createTableCellNode, $createTableNode, $createTableRowNode } from "@le
 // src/rich-text-editor/model/parse-initial-state.ts
 function parseInitialState({ richText }) {
   let richTextArray = Array.isArray(richText) ? richText : [richText];
-  richTextArray = richTextArray.map((rootNode) => {
+  const ensureRootBlockElements = (richTextArray2) => richTextArray2.flatMap((rootNode) => {
+    if (Array.isArray(rootNode)) {
+      return ensureRootBlockElements(rootNode);
+    }
     if (!rootNode?.kind || rootNode.kind === "inline") {
       return {
         type: "paragraph",
@@ -169,6 +172,7 @@ function parseInitialState({ richText }) {
     }
     return rootNode;
   });
+  richTextArray = ensureRootBlockElements(richTextArray);
   return richTextArray;
 }
 

package/package.json

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

package/src/rich-text-editor/model/parse-initial-state.ts

@@ -3,18 +3,25 @@ import type { CrystallizeRichText, CrystallizeRichTextNode } from '../types/crys
 export function parseInitialState({ richText }: { richText: CrystallizeRichText }): CrystallizeRichTextNode[] {
   let richTextArray = Array.isArray(richText) ? richText : [richText];
 
-  // Ensure all root items are block elements
-  richTextArray = richTextArray.map(rootNode => {
-    if (!rootNode?.kind || rootNode.kind === 'inline') {
-      return {
-        type: 'paragraph',
-        kind: 'block',
-        children: [rootNode],
-      };
-    }
+  const ensureRootBlockElements = (richTextArray: CrystallizeRichText): CrystallizeRichText =>
+    richTextArray.flatMap(rootNode => {
+      if (Array.isArray(rootNode)) {
+        return ensureRootBlockElements(rootNode);
+      }
+
+      if (!rootNode?.kind || rootNode.kind === 'inline') {
+        return {
+          type: 'paragraph',
+          kind: 'block',
+          children: [rootNode],
+        };
+      }
 
-    return rootNode;
-  });
+      return rootNode;
+    });
+
+  // Ensure all root items are block elements
+  richTextArray = ensureRootBlockElements(richTextArray);
 
   return richTextArray;
 }