diff --git a/src/components/formcomponents/display/display.tsx b/src/components/formcomponents/display/display.tsx index b5669ae5..8400fbf0 100644 --- a/src/components/formcomponents/display/display.tsx +++ b/src/components/formcomponents/display/display.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import DOMPurify from 'dompurify'; import { connect } from 'react-redux'; import { Questionnaire, QuestionnaireItem } from '../../../types/fhir'; @@ -40,7 +39,7 @@ const Display: React.SFC = ({ id, enable, pdf, item, questionnaire, onRen id={getId(id)} className={`page_refero__markdown ${designsystemtypography['anchorlink-wrapper']}`} dangerouslySetInnerHTML={{ - __html: DOMPurify.sanitize(getText(item, onRenderMarkdown, questionnaire)), + __html: getText(item, onRenderMarkdown, questionnaire), }} /> ); diff --git a/src/components/formcomponents/label.tsx b/src/components/formcomponents/label.tsx index c5dd2ece..accabd42 100644 --- a/src/components/formcomponents/label.tsx +++ b/src/components/formcomponents/label.tsx @@ -1,7 +1,5 @@ import * as React from 'react'; -import DOMPurify from 'dompurify'; - import { QuestionnaireItem, Questionnaire } from '../../types/fhir'; import { getText, renderPrefix } from '../../util/index'; @@ -16,7 +14,7 @@ const Label = ({ item, onRenderMarkdown, questionnaire }: Props): JSX.Element | return ( ); diff --git a/src/components/formcomponents/sublabel.tsx b/src/components/formcomponents/sublabel.tsx index 8a6800a5..4b06a3c8 100644 --- a/src/components/formcomponents/sublabel.tsx +++ b/src/components/formcomponents/sublabel.tsx @@ -1,7 +1,5 @@ import * as React from 'react'; -import DOMPurify from 'dompurify'; - interface Props { subLabelText: string; } @@ -11,7 +9,7 @@ const SubLabel = ({ subLabelText }: Props): JSX.Element | null => { ); diff --git a/src/components/formcomponents/text/text.tsx b/src/components/formcomponents/text/text.tsx index 656079a2..6ca94b13 100644 --- a/src/components/formcomponents/text/text.tsx +++ b/src/components/formcomponents/text/text.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import DOMPurify from 'dompurify'; import { connect } from 'react-redux'; import { ThunkDispatch } from 'redux-thunk'; @@ -139,7 +138,7 @@ export class Text extends React.Component { id={id} className="page_refero__component page_refero__component_highlight" dangerouslySetInnerHTML={{ - __html: DOMPurify.sanitize(`${getText(item, onRenderMarkdown, questionnaire)}`), + __html: `${getText(item, onRenderMarkdown, questionnaire)}`, }} /> ); diff --git a/src/components/formcomponents/textview.tsx b/src/components/formcomponents/textview.tsx index a96fdd42..4f78b937 100644 --- a/src/components/formcomponents/textview.tsx +++ b/src/components/formcomponents/textview.tsx @@ -1,7 +1,5 @@ import * as React from 'react'; -import DOMPurify from 'dompurify'; - import { QuestionnaireItem } from '../../types/fhir'; import { renderPrefix, getText, getId } from '../../util/index'; @@ -17,7 +15,7 @@ interface Props { const textView: React.SFC = ({ id, item, value, textClass, children, onRenderMarkdown }) => { return (
- +
{value}
{children ? ( diff --git a/src/components/with-common-functions.tsx b/src/components/with-common-functions.tsx index 03c2169b..ea6f55ae 100644 --- a/src/components/with-common-functions.tsx +++ b/src/components/with-common-functions.tsx @@ -1,7 +1,6 @@ import * as React from 'react'; import classNames from 'classnames'; -import DOMPurify from 'dompurify'; import { Collapse } from 'react-collapse'; import { ThunkDispatch } from 'redux-thunk'; @@ -238,7 +237,7 @@ export default function withCommonFunctions(WrappedComponent: React.Component }); return ( -
+
); };