Removed sanitizing from dangerouslySetInnerHTML

helsenorge · Jul 5, 2022 · bdd267d · bdd267d
1 parent f22d319
commit bdd267d
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 15 deletions.
diff --git 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<Props> = ({ 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
@@ -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 (
     <span
       dangerouslySetInnerHTML={{
-        __html: DOMPurify.sanitize(`${renderPrefix(item)} ${getText(item, onRenderMarkdown, questionnaire)}`),
+        __html: `${renderPrefix(item)} ${getText(item, onRenderMarkdown, questionnaire)}`,
       }}
     />
   );

diff --git 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 => {
     <span
       className="page_refero__sublabel"
       dangerouslySetInnerHTML={{
-        __html: DOMPurify.sanitize(subLabelText),
+        __html: subLabelText,
       }}
     />
   );

diff --git 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<Props & ValidationProps, {}> {
           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
@@ -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<Props> = ({ id, item, value, textClass, children, onRenderMarkdown }) => {
   return (
     <div id={getId(id)}>
-      <b dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(`${renderPrefix(item)} ${getText(item, onRenderMarkdown)} `) }} />
+      <b dangerouslySetInnerHTML={{ __html: `${renderPrefix(item)} ${getText(item, onRenderMarkdown)}` }} />
       <div className={textClass || ''}>{value}</div>
       {children ? (
         <span>

diff --git 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<T>(WrappedComponent: React.Component
       });
       return (
         <Collapse isOpened={this.state.isHelpVisible}>
-          <div className={collapseClasses} dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(`${getText(helpItem)}`) }} />
+          <div className={collapseClasses} dangerouslySetInnerHTML={{ __html: `${getText(helpItem)}` }} />
         </Collapse>
       );
     };