@madie/madie-design-system 1.2.69 → 1.2.70
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/RichTextEditor/RichTextEditor.stories.js +1 -7
- package/components/RichTextEditor/index.jsx +2 -2
- 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/styles/components/_rich-text-editor.scss +157 -133
- package/styles/qppds/components/_rich-text-editor.scss +132 -108
- package/test/components/RichTextEditor.test.js +1 -1
|
@@ -27,18 +27,12 @@ export const TextEditor = () => {
|
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
export const ReadOnlyTextEditor = () => {
|
|
30
|
-
const
|
|
31
|
-
"<p>This is <strong>read only</strong> content</p>"
|
|
32
|
-
);
|
|
30
|
+
const value = "<p>This is <strong>read only</strong> content</p>";
|
|
33
31
|
|
|
34
|
-
const handleChange = (selectedVal) => {
|
|
35
|
-
setValue(selectedVal);
|
|
36
|
-
};
|
|
37
32
|
return (
|
|
38
33
|
<RichTextEditor
|
|
39
34
|
label="Test Text Editor"
|
|
40
35
|
required={true}
|
|
41
|
-
onChange={handleChange}
|
|
42
36
|
content={value}
|
|
43
37
|
readOnly
|
|
44
38
|
/>
|
|
@@ -399,7 +399,7 @@ const RichTextEditor = ({
|
|
|
399
399
|
editable: !disabled,
|
|
400
400
|
onUpdate: ({ editor }) => {
|
|
401
401
|
const newValue = editor.getHTML();
|
|
402
|
-
onChange(newValue);
|
|
402
|
+
onChange?.(newValue);
|
|
403
403
|
},
|
|
404
404
|
});
|
|
405
405
|
|
|
@@ -429,7 +429,7 @@ const RichTextEditor = ({
|
|
|
429
429
|
return (
|
|
430
430
|
<div
|
|
431
431
|
className="rich-text-editor"
|
|
432
|
-
data-testid={`${kebabCase(
|
|
432
|
+
data-testid={`${kebabCase(id)}-rich-text-editor`}
|
|
433
433
|
>
|
|
434
434
|
<InputLabel
|
|
435
435
|
id={`${id}-label`}
|