@madie/madie-design-system 1.2.84 → 1.2.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/MadieDeleteDialog/MadieDeleteDialog.stories.js +24 -1
- package/components/MadieDeleteDialog/index.jsx +3 -3
- package/dist/browser.js +1 -1
- package/dist/index.js +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/index.js.map +1 -1
- package/package.json +1 -1
- package/test/components/MadieDeleteDialog.test.js +27 -0
|
@@ -89,4 +89,27 @@ export const DeleteDialogWithHtmlTags = () => {
|
|
|
89
89
|
/>
|
|
90
90
|
</Wrapper>
|
|
91
91
|
);
|
|
92
|
-
};
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
export const DeleteDialogWithAlternateText = () => {
|
|
95
|
+
const [open, setOpen] = useState(false);
|
|
96
|
+
const onClose = () => setOpen(false);
|
|
97
|
+
const onContinue = () => setOpen(false);
|
|
98
|
+
|
|
99
|
+
return (
|
|
100
|
+
<Wrapper>
|
|
101
|
+
<Button variant="cyan" onClick={() => setOpen(true)}>
|
|
102
|
+
open Dialog
|
|
103
|
+
</Button>
|
|
104
|
+
<MadieDeleteDialog
|
|
105
|
+
open={open}
|
|
106
|
+
onContinue={onContinue}
|
|
107
|
+
onClose={onClose}
|
|
108
|
+
hideWarning={true}
|
|
109
|
+
dialogTitle="Remove Element"
|
|
110
|
+
alternateText="Remove"
|
|
111
|
+
name="element"
|
|
112
|
+
/>
|
|
113
|
+
</Wrapper>
|
|
114
|
+
);
|
|
115
|
+
};
|
|
@@ -35,14 +35,14 @@ const MadieDeleteDialog = ({
|
|
|
35
35
|
variant: "danger-primary",
|
|
36
36
|
type: "submit",
|
|
37
37
|
"data-testid": "delete-dialog-continue-button",
|
|
38
|
-
continueText: "Yes, Delete",
|
|
38
|
+
continueText: otherDialogProps.alternateText? `Yes, ${otherDialogProps.alternateText}` : "Yes, Delete",
|
|
39
39
|
onClick: onContinue,
|
|
40
40
|
}}
|
|
41
41
|
>
|
|
42
42
|
<div id="delete-dialog-body">
|
|
43
43
|
<section className="dialog-warning-body">
|
|
44
44
|
<p>
|
|
45
|
-
Are you sure you want to delete{" "}
|
|
45
|
+
Are you sure you want to {otherDialogProps.alternateText ? otherDialogProps.alternateText.toLowerCase() : "delete"}{" "}
|
|
46
46
|
<span className="strong">
|
|
47
47
|
{parse(
|
|
48
48
|
otherDialogProps?.name
|
|
@@ -51,7 +51,7 @@ const MadieDeleteDialog = ({
|
|
|
51
51
|
options
|
|
52
52
|
)}
|
|
53
53
|
</span>
|
|
54
|
-
?
|
|
54
|
+
?
|
|
55
55
|
</p>
|
|
56
56
|
</section>
|
|
57
57
|
{otherDialogProps.hideWarning !== true && (
|