@luscii-healthtech/web-ui 48.1.2 → 48.1.4

package/dist/index.development.js

@@ -5371,6 +5371,10 @@ const TextEditorToolbar = ({ toolbarId, toolbar, hasTextSelected }) => {
 var css_248z$1 = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FILE IN FUTURE CHANGES. WE SHOULD BE\n * USING TAILWIND CLASSES DIRECTLY IN OUR COMPONENTS.\n */\n.ql-editor {\n  resize: vertical;\n  min-height: 10rem;\n  padding: 1rem;\n  font-size: 0.8rem;\n  line-height: 1.5;\n}\n.ql-editor a {\n  color: var(--ui-color-text-brand-primary-default);\n  text-decoration: underline;\n  cursor: pointer;\n}\n.ql-editor ul,\n.ql-editor ol {\n  padding-left: 1.5rem;\n}\n.ql-editor ul {\n  list-style-type: disc;\n}\n.ql-editor ol {\n  list-style-type: decimal;\n}\n.ql-editor li {\n  margin-bottom: 0.25rem;\n}\n.ql-editor strong {\n  font-weight: 600;\n}\n.ql-editor em {\n  font-style: italic;\n}\n.ql-editor u {\n  text-decoration: underline;\n}\n.ql-editor s {\n  text-decoration: line-through;\n}\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6 {\n  font-weight: 600;\n  margin-bottom: 0.75rem;\n  margin-top: 1rem;\n}\n.ql-editor h1:first-child,\n.ql-editor h2:first-child,\n.ql-editor h3:first-child,\n.ql-editor h4:first-child,\n.ql-editor h5:first-child,\n.ql-editor h6:first-child {\n  margin-top: 0;\n}\n.ql-editor h1 {\n  font-size: 2rem;\n}\n.ql-editor h2 {\n  font-size: 1.5rem;\n}\n.ql-editor h3 {\n  font-size: 1.25rem;\n}\n.ql-editor h4 {\n  font-size: 1.125rem;\n}\n.ql-editor h5,\n.ql-editor h6 {\n  font-size: 1rem;\n}";
 styleInject(css_248z$1);
 
+const sanitize = (html) => DOMPurify__default.default.sanitize(html, {
+  ALLOWED_TAGS: ["u", "a", "s", "ul", "ol", "li", "p", "strong", "em"],
+  ALLOWED_ATTR: ["href", "target"]
+});
 const TextEditor = (_a) => {
   var { defaultValue, formats, toolbar = [
     ["bold", "italic", "underline", "strike"],
@@ -5379,7 +5383,7 @@ const TextEditor = (_a) => {
   ], placeholder, onValueChange } = _a, attrs = __rest(_a, ["defaultValue", "formats", "toolbar", "placeholder", "onValueChange"]);
   const rawId = React.useId();
   const toolbarId = `toolbar-${rawId.replace(/:/g, "")}`;
-  const defaultValueRef = React.useRef(defaultValue);
+  const defaultValueRef = React.useRef(sanitize(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ""));
   const onTextChangeRef = React.useRef(onValueChange);
   const editorRef = React.useRef(null);
   const quillRef = React.useRef(null);
@@ -5402,7 +5406,7 @@ const TextEditor = (_a) => {
     });
     quill.on(Quill__default.default.events.TEXT_CHANGE, (value, _, source) => {
       var _a2;
-      (_a2 = onTextChangeRef.current) === null || _a2 === void 0 ? void 0 : _a2.call(onTextChangeRef, quill.getSemanticHTML(), value, source);
+      (_a2 = onTextChangeRef.current) === null || _a2 === void 0 ? void 0 : _a2.call(onTextChangeRef, sanitize(quill.getSemanticHTML()), value, source);
     });
     const handleSelectionChange = () => {
       const selection = quill.getSelection();