@truedat/core 8.3.6 → 8.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/core",
-  "version": "8.3.6",
+  "version": "8.4.1",
   "description": "Truedat Web Core",
   "sideEffects": false,
   "module": "src/index.js",
@@ -51,7 +51,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.3.6",
+    "@truedat/test": "8.4.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -97,5 +97,5 @@
     "swr": "^2.3.3",
     "turndown": "^7.2.2"
   },
-  "gitHead": "767585383b6373e75fa50d7440e9ecf67b0573c2"
+  "gitHead": "fc56d67c36dfe2d5db692b26ebdd2071b7518e1f"
 }

package/src/components/__tests__/Markdown.spec.js

@@ -106,6 +106,21 @@ describe("<MarkdownReader />", () => {
     );
     expect(rendered.container).toMatchSnapshot();
   });
+
+  it("renders MarkdownReader headings and links", () => {
+    const content = "## Title\n\n[link](https://example.com)";
+    const { container } = render(<MarkdownReader content={content} />);
+    const reader = container.querySelector(".markdown-reader");
+    expect(reader).toBeInTheDocument();
+
+    const anchor = container.querySelector("a");
+    expect(anchor).toBeInTheDocument();
+    expect(anchor.getAttribute("href")).toBe("https://example.com");
+    expect(anchor.getAttribute("target")).toBe("_blank");
+    expect(anchor.getAttribute("rel")).toBe("noopener noreferrer");
+
+    expect(reader.innerHTML).toBe(markdownToHtml(content));
+  });
 });
 
 describe("<MarkdownEditor />", () => {
@@ -137,4 +152,17 @@ describe("<MarkdownEditor />", () => {
     const editable = rendered.container.querySelector(".tiptap");
     expect(editable).toBeInTheDocument();
   });
+
+  it("renders MarkdownEditor formatted HTML from markdown value", async () => {
+    const value = "**Bold** text";
+    const { container } = render(<MarkdownEditor value={value} />);
+
+    await waitFor(() => {
+      const editable = container.querySelector(".tiptap");
+      expect(editable).toBeInTheDocument();
+    });
+
+    const tiptap = container.querySelector(".tiptap");
+    expect(tiptap.innerHTML).toBe("<p><strong>Bold</strong> text</p>");
+  });
 });

package/src/services/__tests__/i18nContent.spec.js

@@ -152,6 +152,7 @@ describe("services: i18nContent", () => {
     it("should identify translatable fields", () => {
       expect(isTranslatableField({ widget: "string" })).toBe(true);
       expect(isTranslatableField({ widget: "enriched_text" })).toBe(true);
+      expect(isTranslatableField({ widget: "markdown" })).toBe(true);
       expect(isTranslatableField({ widget: "textarea" })).toBe(true);
     });
 

package/src/services/i18nContent.js

@@ -1,6 +1,6 @@
 import _ from "lodash/fp";
 
-const translatableFieldWidgets = ["enriched_text", "string", "textarea"];
+const translatableFieldWidgets = ["enriched_text", "markdown", "string", "textarea"];
 
 export const splitTranslatableFields = (template) =>
   _.flow(
@@ -21,6 +21,10 @@ export const splitTranslatableFields = (template) =>
                   (w) => w == "enriched_text",
                   _.constant({ value: {}, origin: "user" }),
                 ],
+                [
+                  (w) => w == "markdown",
+                  _.constant({ value: "", origin: "user" }),
+                ],
                 [
                   (w) => w == "string",
                   _.constant({ value: "", origin: "user" }),