@madie/madie-design-system 1.2.74 → 1.2.76

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_21" default="true" project-jdk-name="temurin-21" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/react.iml" filepath="$PROJECT_DIR$/.idea/react.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/react.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/.." vcs="Git" />
+  </component>
+</project>

package/components/MadieAlert/index.jsx

@@ -158,7 +158,7 @@ const MadieAlert = ({
     visible = true,
     content,
     canClose = true,
-    minimizeAlerts = false,
+    minimizeAlerts = true,
     alertProps,
     closeButtonProps,
     copyButton,
@@ -395,8 +395,8 @@ MadieAlert.propTypes = {
 
 MadieAlert.defaultProps = {
     copyButton: false,
-    minimizeAlerts: false,
+    minimizeAlerts: true,
     alerts: null,
 };
 
-export default MadieAlert;
+export default MadieAlert;

package/components/MadieDeleteDialog/MadieDeleteDialog.stories.js

@@ -18,6 +18,9 @@ Wrapper.propTypes = {
     className: PropTypes.string,
     children: PropTypes.node,
 };
+const contentWithHtmlTag =
+    '<p><strong>test &amp;</strong></p><table class="rich-text-table" style="min-width: 75px"><colgroup><col style="min-width: 25px"><col style="min-width: 25px"><col style="min-width: 25px"></colgroup><tbody><tr><th colspan="1" rowspan="1"><p></p></th><th colspan="1" rowspan="1"><p></p></th><th colspan="1" rowspan="1"><p></p></th></tr><tr><td colspan="1" rowspan="1"><p>table col 1</p></td><td colspan="1" rowspan="1"><p>table col 2</p></td><td colspan="1" rowspan="1"><p>table col 3</p></td></tr><tr><td colspan="1" rowspan="1"><p>table col 4</p></td><td colspan="1" rowspan="1"><p>table col 5</p></td><td colspan="1" rowspan="1"><p>table col 6</p></td></tr></tbody></table><ol><li><p><strong>test2</strong></p></li><li><p><strong>test3</strong></p></li></ol>';
+
 
 export const DeleteDialog = () => {
     const [open, setOpen] = useState(false);
@@ -65,3 +68,25 @@ export const DeleteDialogNoWarning = () => {
         </div>
     );
 };
+
+export const DeleteDialogWithHtmlTags = () => {
+    const [open, setOpen] = useState(false);
+    const onClose = () => setOpen(false);
+    const onContinue = () => setOpen(false);
+
+    return (
+        <Wrapper>
+            <Button variant="cyan" onClick={() => setOpen(true)}>
+                open Dialog
+            </Button>
+            <MadieDeleteDialog
+                open={open}
+                onContinue={onContinue}
+                onClose={onClose}
+                hideWarning={true}
+                dialogTitle="Delete Measure Reference"
+                name={contentWithHtmlTag}
+            />
+        </Wrapper>
+    );
+};

package/components/MadieDeleteDialog/index.jsx

@@ -2,6 +2,15 @@ import React from "react";
 import PropTypes from "prop-types";
 import ErrorIcon from "@mui/icons-material/Error";
 import MadieDialog from "../MadieDialog";
+import parse, { domToReact } from "html-react-parser";
+
+const options = {
+    replace: ({ name, children }) => {
+        if (name === "p") {
+            return <>{domToReact(children)}</>; //  Return the children directly, effectively removing the <p> tag
+        }
+    },
+};
 
 const MadieDeleteDialog = ({
     open,
@@ -34,7 +43,15 @@ const MadieDeleteDialog = ({
             <section className="dialog-warning-body">
                 <p>
                     Are you sure you want to delete{" "}
-                    <span className="strong">{otherDialogProps.name}</span>?
+                    <span className="strong">
+                        {parse(
+                            otherDialogProps?.name
+                                ? otherDialogProps?.name
+                                : "",
+                            options,
+                        )}
+                    </span>
+                    ?
                 </p>
             </section>
             {otherDialogProps.hideWarning !== true && (