[DOCS#2393] Replace isomorphic-dompurify with sanitize-html to remove…

… build warnings (#1814)

package.json

@@ -39,7 +39,6 @@
     "@types/react-dom": "^18.2.15",
     "clsx": "^2.1.1",
     "framer-motion": "^4.1.17",
-    "isomorphic-dompurify": "^2.16.0",
     "prism-react-renderer": "^2.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -48,6 +47,7 @@
     "react-modal": "^3.15.1",
     "react-modal-image": "^2.6.0",
     "react-player": "^2.11.0",
+    "sanitize-html": "^2.13.1",
     "swagger-ui-react": "^4.14.0"
   },
   "devDependencies": {
@@ -56,6 +56,7 @@
     "@playwright/test": "1.47.2",
     "@testing-library/react": "^12.1.5",
     "@types/jest": "^29.5.0",
+    "@types/sanitize-html": "^2.13.0",
     "axios": "^1.7.4",
     "crawlee": "^3.1.4",
     "docusaurus-plugin-sass": "^0.2.2",

src/___new___/components/FelixConfig/TableConfig.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import DOMPurify from 'isomorphic-dompurify';
+import sanitizeHtml from 'sanitize-html';
 import styles from './styles.module.css';
 
 const getSanitizedData = ({ fieldData }) => ({
-  sanitizedDescription: { __html: DOMPurify.sanitize(fieldData.DescriptionHTML) },
-  sanitizedSchema: { __html: DOMPurify.sanitize(fieldData.StringSchemaHTML) },
+  sanitizedDescription: { __html: sanitizeHtml(fieldData.DescriptionHTML) },
+  sanitizedSchema: { __html: sanitizeHtml(fieldData.StringSchemaHTML) },
 });
 
 const TableConfig = ({ fieldData }) => {

src/___new___/components/FelixConfig/TableEnv.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import DOMPurify from 'isomorphic-dompurify';
+import sanitizeHtml from 'sanitize-html';
 import styles from './styles.module.css';
 
 const getSanitizedData = ({ fieldData }) => ({
-  sanitizedDescription: { __html: DOMPurify.sanitize(fieldData.DescriptionHTML) },
-  sanitizedSchema: { __html: DOMPurify.sanitize(fieldData.StringSchemaHTML) },
+  sanitizedDescription: { __html: sanitizeHtml(fieldData.DescriptionHTML) },
+  sanitizedSchema: { __html: sanitizeHtml(fieldData.StringSchemaHTML) },
 });
 
 const TableEnv = ({ fieldData }) => {

src/___new___/components/FelixConfig/TableResource.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import DOMPurify from 'isomorphic-dompurify';
+import sanitizeHtml from 'sanitize-html';
 import styles from './styles.module.css';
 
 const getSanitizedData = ({ fieldData }) => ({
-  sanitizedNAMEYAML: { __html: DOMPurify.sanitize(fieldData.NameYAML) },
-  sanitizedDescription: { __html: DOMPurify.sanitize(fieldData.DescriptionHTML) },
-  sanitizedSchema: { __html: DOMPurify.sanitize(fieldData.YAMLSchemaHTML) },
+  sanitizedNAMEYAML: { __html: sanitizeHtml(fieldData.NameYAML) },
+  sanitizedDescription: { __html: sanitizeHtml(fieldData.DescriptionHTML) },
+  sanitizedSchema: { __html: sanitizeHtml(fieldData.YAMLSchemaHTML) },
 });
 
 const TableResource = ({ fieldData }) => {