@madie/madie-design-system 1.2.74 → 1.2.76

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@madie/madie-design-system",
-    "version": "1.2.74",
+    "version": "1.2.76",
     "description": "Shared style guide across the Madie program.",
     "main": "dist/index.js",
     "homepage": "https://github.com/MeasureAuthoringTool/madie-design-system",
@@ -133,6 +133,7 @@
         "d3-shape": "^1.3.7",
         "dayjs": "^1.11.7",
         "dompurify": "^3.2.6",
+        "html-react-parser": "^5.2.6",
         "jwt-decode": "^3.1.2",
         "lodash": "^4.17.21",
         "preact": "^10.6.4",

package/test/components/MadieDeleteDialog.test.js

@@ -108,4 +108,35 @@ describe("MadieDeleteDialog", () => {
             });
         });
     });
+
+    test("Dialog strip out html tags", async () => {
+        await act(async () => {
+            const { getByTestId, queryByText, getByText } = await render(
+                <MadieDeleteDialog
+                    open={true}
+                    onClose={() => setDialogOpen(false)}
+                    onContinue={() => setDialogOpen(false)}
+                    hideWarning={true}
+                    dialogTitle="Delete Measure Reference"
+                    name={"<p><strong>test &</strong></p><p>test2</p>"}
+                />
+            );
+
+            const deleteDialog = await getByTestId("delete-dialog");
+            expect(deleteDialog).toBeInTheDocument();
+            await waitFor(() => {
+                expect(
+                    queryByText("Are you sure you want to delete ?")
+                ).toBeVisible();
+                expect(
+                    queryByText("This Action cannot be undone.")
+                ).not.toBeInTheDocument();
+                expect(
+                    queryByText("<p><strong>test &</strong></p><p>test2</p>"),
+                ).not.toBeInTheDocument();
+                expect(getByText("test &")).toBeInTheDocument();
+                expect(getByText("test2")).toBeInTheDocument();
+            });
+        });
+    });
 });