diff --git a/app/src/init.js b/app/src/init.js
index 0c053e86cf..406749f2b2 100644
--- a/app/src/init.js
+++ b/app/src/init.js
@@ -1 +1,2 @@
+// eslint-disable-next-line no-unused-expressions
import('./index.jsx');
diff --git a/app/src/pages/admin/allUsersPage/allUsersGrid/projectsAndRolesColumn/projectsAndRolesColumn.jsx b/app/src/pages/admin/allUsersPage/allUsersGrid/projectsAndRolesColumn/projectsAndRolesColumn.jsx
index 2a4f3bad22..ab6dfd83fb 100644
--- a/app/src/pages/admin/allUsersPage/allUsersGrid/projectsAndRolesColumn/projectsAndRolesColumn.jsx
+++ b/app/src/pages/admin/allUsersPage/allUsersGrid/projectsAndRolesColumn/projectsAndRolesColumn.jsx
@@ -20,6 +20,7 @@ import PropTypes from 'prop-types';
import classNames from 'classnames/bind';
import { connect } from 'react-redux';
import { Manager, Reference, Popper } from 'react-popper';
+import DOMPurify from 'dompurify';
import track from 'react-tracking';
import { injectIntl, defineMessages, FormattedMessage } from 'react-intl';
import { showNotification, NOTIFICATION_TYPES } from 'controllers/notification';
@@ -55,7 +56,7 @@ const messages = defineMessages({
unassignModalText: {
id: 'UnassignModal.modalText',
defaultMessage:
- "Are you sure you want to unassign user '
{user}' from the project '
{project}'?",
+ "Are you sure you want to unassign user ''
{user}'' from the project ''
{project}''?",
},
addProject: {
id: 'projectsAndRolesColumn.addProject',
@@ -206,6 +207,7 @@ export class ProjectsAndRolesColumn extends Component {
id: 'confirmationModal',
data: {
message: intl.formatMessage(messages.unassignModalText, {
+ b: (data) => DOMPurify.sanitize(`
${data}`),
user,
project,
}),
diff --git a/app/src/pages/common/membersPage/membersGrid/projectRole/projectRole.jsx b/app/src/pages/common/membersPage/membersGrid/projectRole/projectRole.jsx
index 909e9fb0c9..49cf3c6bf8 100644
--- a/app/src/pages/common/membersPage/membersGrid/projectRole/projectRole.jsx
+++ b/app/src/pages/common/membersPage/membersGrid/projectRole/projectRole.jsx
@@ -18,6 +18,7 @@ import { Fragment, Component } from 'react';
import track from 'react-tracking';
import { connect } from 'react-redux';
import classNames from 'classnames/bind';
+import DOMPurify from 'dompurify';
import { injectIntl, defineMessages } from 'react-intl';
import PropTypes from 'prop-types';
import { fetch } from 'common/utils';
@@ -47,7 +48,7 @@ const messages = defineMessages({
},
updateMember: {
id: 'ProjectRole.updateMember',
- defaultMessage: "Member '
{name}' has been updated",
+ defaultMessage: "Member ''
{name}'' has been updated",
},
});
@@ -109,7 +110,10 @@ export class ProjectRole extends Component {
})
.then(() => {
this.props.showNotification({
- message: intl.formatMessage(messages.updateMember, { name: userId }),
+ message: intl.formatMessage(messages.updateMember, {
+ b: (data) => DOMPurify.sanitize(`
${data}`),
+ name: userId,
+ }),
type: NOTIFICATION_TYPES.SUCCESS,
});
})
diff --git a/app/src/pages/common/membersPage/membersGrid/unassignButton/unassignButton.jsx b/app/src/pages/common/membersPage/membersGrid/unassignButton/unassignButton.jsx
index dbb251283a..0d44fad884 100644
--- a/app/src/pages/common/membersPage/membersGrid/unassignButton/unassignButton.jsx
+++ b/app/src/pages/common/membersPage/membersGrid/unassignButton/unassignButton.jsx
@@ -19,6 +19,7 @@ import track from 'react-tracking';
import { connect } from 'react-redux';
import { injectIntl, defineMessages } from 'react-intl';
import PropTypes from 'prop-types';
+import DOMPurify from 'dompurify';
import { GhostButton } from 'components/buttons/ghostButton';
import { showModalAction } from 'controllers/modal';
import { fetch } from 'common/utils';
@@ -76,7 +77,7 @@ const messages = defineMessages({
modalText: {
id: 'UnassignModal.modalText',
defaultMessage:
- "Are you sure you want to unassign user '
{user}' from the project '
{project}'?",
+ "Are you sure you want to unassign user ''
{user}'' from the project ''
{project}''?",
},
});
@@ -141,6 +142,7 @@ export class UnassignButton extends Component {
id: 'confirmationModal',
data: {
message: intl.formatMessage(messages.modalText, {
+ b: (data) => DOMPurify.sanitize(`
${data}`),
user: userId,
project: projectId,
}),
diff --git a/app/src/pages/common/membersPage/modals/inviteUserModal/inviteUserModal.jsx b/app/src/pages/common/membersPage/modals/inviteUserModal/inviteUserModal.jsx
index b63d7e788c..2afbad8a3b 100644
--- a/app/src/pages/common/membersPage/modals/inviteUserModal/inviteUserModal.jsx
+++ b/app/src/pages/common/membersPage/modals/inviteUserModal/inviteUserModal.jsx
@@ -20,6 +20,7 @@ import classNames from 'classnames/bind';
import { connect } from 'react-redux';
import { defineMessages, injectIntl } from 'react-intl';
import { reduxForm, formValueSelector } from 'redux-form';
+import DOMPurify from 'dompurify';
import { COMMON_LOCALE_KEYS } from 'common/constants/localization';
import { DEFAULT_PROJECT_ROLE, ROLES_MAP } from 'common/constants/projectRoles';
import { URLS } from 'common/urls';
@@ -68,7 +69,7 @@ const messages = defineMessages({
},
memberWasInvited: {
id: 'InviteUserModal.memberWasInvited',
- defaultMessage: "Member '
{name}' was assigned to the project",
+ defaultMessage: "Member ''
{name}'' was assigned to the project",
},
inviteExternalMember: {
id: 'InviteUserModal.inviteExternalMember',
@@ -194,6 +195,7 @@ export class InviteUserModal extends Component {
.then(() => {
this.props.showNotification({
message: formatMessage(messages.memberWasInvited, {
+ b: (innerData) => DOMPurify.sanitize(`
${innerData}`),
name: userData.user.userLogin,
}),
type: NOTIFICATION_TYPES.SUCCESS,
diff --git a/app/src/pages/common/settingsPage/notificationsTab/modals/deleteNotificationCaseModal/deleteNotificationCaseModal.jsx b/app/src/pages/common/settingsPage/notificationsTab/modals/deleteNotificationCaseModal/deleteNotificationCaseModal.jsx
index f284ab2a3d..fb351528bc 100644
--- a/app/src/pages/common/settingsPage/notificationsTab/modals/deleteNotificationCaseModal/deleteNotificationCaseModal.jsx
+++ b/app/src/pages/common/settingsPage/notificationsTab/modals/deleteNotificationCaseModal/deleteNotificationCaseModal.jsx
@@ -18,6 +18,7 @@ import React, { Component } from 'react';
import PropTypes from 'prop-types';
import className from 'classnames/bind';
import { injectIntl, defineMessages } from 'react-intl';
+import DOMPurify from 'dompurify';
import Parser from 'html-react-parser';
import { COMMON_LOCALE_KEYS } from 'common/constants/localization';
import { ModalLayout, withModal } from 'components/main/modal';
@@ -71,7 +72,12 @@ export class DeleteNotificationCaseModal extends Component {
closeIconEventInfo={eventsInfo.closeIcon}
>
- {Parser(intl.formatMessage(messages.message, { name }))}
+ {Parser(
+ intl.formatMessage(messages.message, {
+ b: (data) => DOMPurify.sanitize(`${data}`),
+ name,
+ }),
+ )}
);
diff --git a/app/src/pages/inside/dashboardItemPage/dashboardItemPage.jsx b/app/src/pages/inside/dashboardItemPage/dashboardItemPage.jsx
index 97c8274a11..b33f052f79 100644
--- a/app/src/pages/inside/dashboardItemPage/dashboardItemPage.jsx
+++ b/app/src/pages/inside/dashboardItemPage/dashboardItemPage.jsx
@@ -18,6 +18,7 @@ import React, { Component, Fragment } from 'react';
import track from 'react-tracking';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
+import DOMPurify from 'dompurify';
import { Fullscreen } from 'components/containers/fullscreen';
import Parser from 'html-react-parser';
import classNames from 'classnames/bind';
@@ -116,7 +117,7 @@ const messages = defineMessages({
deleteModalConfirmationText: {
id: 'DashboardPage.modal.deleteModalConfirmationText',
defaultMessage:
- "Are you sure you want to delete dashboard '
{name}'? It will no longer exist.",
+ "Are you sure you want to delete dashboard ''
{name}''? It will no longer exist.",
},
print: {
id: 'DashboardPage.print',
@@ -192,6 +193,7 @@ export class DashboardItemPage extends Component {
onConfirm: () => deleteDashboard(dashboard),
header: formatMessage(messages.deleteModalTitle),
mainContent: formatMessage(messages.deleteModalConfirmationText, {
+ b: (data) => DOMPurify.sanitize(`
${data}`),
name: `'
${dashboard.name}'`,
}),
warning,
diff --git a/app/src/pages/inside/dashboardItemPage/modals/common/widgets.jsx b/app/src/pages/inside/dashboardItemPage/modals/common/widgets.jsx
index 468a17efe5..80556ac756 100644
--- a/app/src/pages/inside/dashboardItemPage/modals/common/widgets.jsx
+++ b/app/src/pages/inside/dashboardItemPage/modals/common/widgets.jsx
@@ -14,7 +14,7 @@
* limitations under the License.
*/
-import { FormattedMessage, FormattedHTMLMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl';
import Parser from 'html-react-parser';
import {
LAUNCH_STATISTICS,
@@ -99,11 +99,14 @@ export const getWidgets = (formatMessage) => [
id: LAUNCH_STATISTICS,
title: formatMessage(widgetTypesMessages[LAUNCH_STATISTICS]),
description: (
-
- in "Timeline mode" shows sum, distributed by dates.'
+ '- in "Launch mode" shows the growth trend in the number of test cases with each selected statuses from run to run,{linebreak} - in "Timeline mode" shows sum, distributed by dates.'
}
+ values={{
+ linebreak:
,
+ }}
/>
),
preview: Parser(LAUNCH_STATISTICS_PREVIEW),
@@ -137,11 +140,14 @@ export const getWidgets = (formatMessage) => [
id: LAUNCH_EXECUTION_AND_ISSUE_STATISTICS,
title: formatMessage(widgetTypesMessages[LAUNCH_EXECUTION_AND_ISSUE_STATISTICS]),
description: (
- - Skipped, Passed, Failed - Product Bug, System Issue, To Investigate, Automation Bugs.'
+ 'Shows statistics of the last launch divided into 2 sections:{linebreak} - Skipped, Passed, Failed {linebreak} - Product Bug, System Issue, To Investigate, Automation Bugs.'
}
+ values={{
+ linebreak:
,
+ }}
/>
),
preview: Parser(LAUNCH_EXECUTION_AND_ISSUE_STATISTICS_PREVIEW),
@@ -163,11 +169,14 @@ export const getWidgets = (formatMessage) => [
id: TEST_CASES_GROWTH_TREND,
title: formatMessage(widgetTypesMessages[TEST_CASES_GROWTH_TREND]),
description: (
- - in "Timeline Mode" shows the increment of test-cases distributed by dates (in launches with the largest number of test-cases per day).'
+ '- in "Launch Mode" shows the increment of test-cases from run to run,{linebreak} - in "Timeline Mode" shows the increment of test-cases distributed by dates (in launches with the largest number of test-cases per day).'
}
+ values={{
+ linebreak:
,
+ }}
/>
),
preview: Parser(TEST_CASES_GROWTH_TREND_PREVIEW),
@@ -177,11 +186,14 @@ export const getWidgets = (formatMessage) => [
id: INVESTIGATED_PERCENTAGE_OF_LAUNCHES,
title: formatMessage(widgetTypesMessages[INVESTIGATED_PERCENTAGE_OF_LAUNCHES]),
description: (
- - in "Timeline Mode" shows percentage of "Investigated"/"To Investigate" tests in all runs per day distributed by dates.'
+ '- in "Launch Mode" shows whether the launches are analyzed or not (the percentage of "Investigated"/"To Investigate") from run to run,{linebreak} - in "Timeline Mode" shows percentage of "Investigated"/"To Investigate" tests in all runs per day distributed by dates.'
}
+ values={{
+ linebreak:
,
+ }}
/>
),
preview: Parser(INVESTIGATED_PERCENTAGE_OF_LAUNCHES_PREVIEW),
diff --git a/app/src/pages/inside/dashboardItemPage/modals/deleteWidgetModal/deleteWidgetModal.jsx b/app/src/pages/inside/dashboardItemPage/modals/deleteWidgetModal/deleteWidgetModal.jsx
index 02d77a3a32..03e2ab886b 100644
--- a/app/src/pages/inside/dashboardItemPage/modals/deleteWidgetModal/deleteWidgetModal.jsx
+++ b/app/src/pages/inside/dashboardItemPage/modals/deleteWidgetModal/deleteWidgetModal.jsx
@@ -42,7 +42,7 @@ const messages = defineMessages({
deleteWidgetText: {
id: 'DeleteWidgetModal.deleteWidgetText',
defaultMessage:
- "Are you sure you want to delete widget '{name}'? It will no longer exist. This action can't be undone.",
+ "Are you sure you want to delete widget ''{name}''? It will no longer exist. This action can't be undone.",
},
deleteOwnWidgetWarning: {
id: 'DeleteWidgetModal.deleteOwnWidgetWarning',
@@ -125,7 +125,10 @@ export class DeleteWidgetModal extends Component {
{Parser(
DOMPurify.sanitize(
- intl.formatMessage(messages.deleteWidgetText, { name: widget.name }),
+ intl.formatMessage(messages.deleteWidgetText, {
+ b: (data) => DOMPurify.sanitize(`${data}`),
+ name: widget.name,
+ }),
),
)}
diff --git a/app/src/pages/inside/dashboardItemPage/modals/widgetWizardModal/widgetWizardContent/widgetWizardContent.jsx b/app/src/pages/inside/dashboardItemPage/modals/widgetWizardModal/widgetWizardContent/widgetWizardContent.jsx
index 7331b2b512..e71eddbc41 100644
--- a/app/src/pages/inside/dashboardItemPage/modals/widgetWizardModal/widgetWizardContent/widgetWizardContent.jsx
+++ b/app/src/pages/inside/dashboardItemPage/modals/widgetWizardModal/widgetWizardContent/widgetWizardContent.jsx
@@ -95,9 +95,12 @@ export class WidgetWizardContent extends Component {
this.state = {
step: 0,
};
- const { fetchDashboards } = this.props;
+ const {
+ fetchDashboards,
+ intl: { formatMessage },
+ } = this.props;
fetchDashboards();
- this.widgets = getWidgets(props.intl.formatMessage);
+ this.widgets = getWidgets(formatMessage);
}
onClickNextStep = () => {
@@ -201,22 +204,24 @@ export class WidgetWizardContent extends Component {
render() {
const {
formValues: { widgetType },
+ formValues,
showConfirmation,
+ projectId,
+ eventsInfo,
+ submitWidgetWizardForm,
} = this.props;
return (
widgetType === widget.id)}
- projectId={this.props.projectId}
- widgetSettings={prepareWidgetDataForSubmit(
- this.preprocessOutputData(this.props.formValues),
- )}
+ projectId={projectId}
+ widgetSettings={prepareWidgetDataForSubmit(this.preprocessOutputData(formValues))}
step={this.state.step}
showConfirmation={showConfirmation}
/>
);
diff --git a/app/src/pages/inside/dashboardItemPage/widgetsGrid/widget/widget.jsx b/app/src/pages/inside/dashboardItemPage/widgetsGrid/widget/widget.jsx
index 8f6effd4cc..fbebc6f880 100644
--- a/app/src/pages/inside/dashboardItemPage/widgetsGrid/widget/widget.jsx
+++ b/app/src/pages/inside/dashboardItemPage/widgetsGrid/widget/widget.jsx
@@ -20,7 +20,7 @@ import classNames from 'classnames/bind';
import { injectIntl, defineMessages } from 'react-intl';
import PropTypes from 'prop-types';
import isEqual from 'fast-deep-equal';
-import { lazyload } from 'react-lazyload';
+import LazyLoad from 'react-lazyload';
import { connect } from 'react-redux';
import { fetch, isEmptyObject } from 'common/utils';
import { URLS } from 'common/urls';
@@ -443,14 +443,20 @@ export class SimpleWidget extends Component {
}
}
-export const LazyloadWidget = lazyload({
- resize: true,
- offset: 1000,
- unmountIfInvisible: true,
-})(SimpleWidget);
+export const LazyLoadWidget = (props) => (
+
+
+
+);
export const Widget = (props) =>
- props.isPrintMode ? : ;
+ props.isPrintMode ? : ;
Widget.propTypes = {
isPrintMode: PropTypes.bool,
diff --git a/app/src/pages/inside/dashboardItemPage/widgetsGrid/widget/widget.scss b/app/src/pages/inside/dashboardItemPage/widgetsGrid/widget/widget.scss
index 80758952bf..1271c39ebd 100644
--- a/app/src/pages/inside/dashboardItemPage/widgetsGrid/widget/widget.scss
+++ b/app/src/pages/inside/dashboardItemPage/widgetsGrid/widget/widget.scss
@@ -69,3 +69,7 @@
align-items: center;
height: 100%;
}
+
+.lazy-load-wrapper {
+ height: 100%;
+}
diff --git a/app/src/pages/inside/dashboardPage/dashboardPage.jsx b/app/src/pages/inside/dashboardPage/dashboardPage.jsx
index 6498a4424e..d3b831fa9d 100644
--- a/app/src/pages/inside/dashboardPage/dashboardPage.jsx
+++ b/app/src/pages/inside/dashboardPage/dashboardPage.jsx
@@ -19,6 +19,7 @@ import track from 'react-tracking';
import { connect } from 'react-redux';
import { injectIntl, defineMessages } from 'react-intl';
import PropTypes from 'prop-types';
+import DOMPurify from 'dompurify';
import { PageLayout, PageHeader, PageSection } from 'layouts/pageLayout';
import {
changeVisibilityTypeAction,
@@ -64,7 +65,7 @@ const messages = defineMessages({
deleteModalConfirmationText: {
id: 'DashboardPage.modal.deleteModalConfirmationText',
defaultMessage:
- "Are you sure you want to delete dashboard '{name}'? It will no longer exist.",
+ "Are you sure you want to delete dashboard ''{name}''? It will no longer exist.",
},
deleteModalSubmitButtonText: {
id: 'DashboardPage.modal.deleteModalSubmitButtonText',
@@ -141,6 +142,7 @@ export class DashboardPage extends Component {
onConfirm: () => deleteDashboard(item),
header: formatMessage(messages.deleteModalTitle),
mainContent: formatMessage(messages.deleteModalConfirmationText, {
+ b: (data) => DOMPurify.sanitize(`${data}`),
name: item.name,
}),
warning,
diff --git a/app/src/pages/inside/filtersPage/filterDeleteModal/filterDeleteModal.jsx b/app/src/pages/inside/filtersPage/filterDeleteModal/filterDeleteModal.jsx
index 7bf60e308f..06a4d360cc 100644
--- a/app/src/pages/inside/filtersPage/filterDeleteModal/filterDeleteModal.jsx
+++ b/app/src/pages/inside/filtersPage/filterDeleteModal/filterDeleteModal.jsx
@@ -20,6 +20,7 @@ import { FILTERS_PAGE_EVENTS } from 'components/main/analytics/events';
import PropTypes from 'prop-types';
import Parser from 'html-react-parser';
import classNames from 'classnames/bind';
+import DOMPurify from 'dompurify';
import { injectIntl, defineMessages } from 'react-intl';
import { withModal, ModalLayout } from 'components/main/modal';
import { COMMON_LOCALE_KEYS } from 'common/constants/localization';
@@ -97,7 +98,12 @@ export class FilterDeleteModal extends Component {
warningMessage={warningMessage}
>
- {Parser(intl.formatMessage(messages.deleteFilterText, { name: filter.name }))}
+ {Parser(
+ intl.formatMessage(messages.deleteFilterText, {
+ b: (data) => DOMPurify.sanitize(`${data}`),
+ name: filter.name,
+ }),
+ )}
);
diff --git a/app/src/pages/inside/launchesPage/launchesPage.jsx b/app/src/pages/inside/launchesPage/launchesPage.jsx
index 51b6a66937..46c040e71f 100644
--- a/app/src/pages/inside/launchesPage/launchesPage.jsx
+++ b/app/src/pages/inside/launchesPage/launchesPage.jsx
@@ -20,6 +20,7 @@ import { connect } from 'react-redux';
import { injectIntl, defineMessages } from 'react-intl';
import track from 'react-tracking';
import isEqual from 'fast-deep-equal';
+import DOMPurify from 'dompurify';
import {
LAUNCHES_PAGE,
LAUNCHES_PAGE_EVENTS,
@@ -561,7 +562,10 @@ export class LaunchesPage extends Component {
: intl.formatMessage(messages.deleteModalMultipleHeader),
mainContent:
selectedLaunches.length === 1
- ? intl.formatMessage(messages.deleteModalContent, { name: selectedLaunches[0].name })
+ ? intl.formatMessage(messages.deleteModalContent, {
+ b: (data) => DOMPurify.sanitize(`${data}`),
+ name: selectedLaunches[0].name,
+ })
: intl.formatMessage(messages.deleteModalMultipleContent),
userId,
warning,
diff --git a/app/src/pages/inside/launchesPage/modals/launchDeleteModal/launchDeleteModal.jsx b/app/src/pages/inside/launchesPage/modals/launchDeleteModal/launchDeleteModal.jsx
index 94ef4916f5..c50fc03433 100644
--- a/app/src/pages/inside/launchesPage/modals/launchDeleteModal/launchDeleteModal.jsx
+++ b/app/src/pages/inside/launchesPage/modals/launchDeleteModal/launchDeleteModal.jsx
@@ -18,6 +18,7 @@ import { Component } from 'react';
import track from 'react-tracking';
import { connect } from 'react-redux';
import PropTypes from 'prop-types';
+import DOMPurify from 'dompurify';
import Parser from 'html-react-parser';
import classNames from 'classnames/bind';
import { injectIntl, defineMessages } from 'react-intl';
@@ -37,7 +38,7 @@ const messages = defineMessages({
deleteLaunchText: {
id: 'DeleteLaunchDialog.deleteLaunch',
defaultMessage:
- "Are you sure to delete launch '{name} #{number}'? It will no longer exist.",
+ "Are you sure to delete launch ''{name} #{number}''? It will no longer exist.",
},
deleteLaunchWarning: {
id: 'DeleteLaunchDialog.deleteLaunchWarning',
@@ -102,7 +103,11 @@ export class LaunchDeleteModal extends Component {
>
{Parser(
- intl.formatMessage(messages.deleteLaunchText, { name: item.name, number: item.number }),
+ intl.formatMessage(messages.deleteLaunchText, {
+ b: (data) => DOMPurify.sanitize(`${data}`),
+ name: item.name,
+ number: item.number,
+ }),
)}
diff --git a/app/src/pages/inside/launchesPage/noItemsDemo/noItemsDemo.jsx b/app/src/pages/inside/launchesPage/noItemsDemo/noItemsDemo.jsx
index 5b686761a6..7be96db327 100644
--- a/app/src/pages/inside/launchesPage/noItemsDemo/noItemsDemo.jsx
+++ b/app/src/pages/inside/launchesPage/noItemsDemo/noItemsDemo.jsx
@@ -16,6 +16,7 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
+import DOMPurify from 'dompurify';
import Parser from 'html-react-parser';
import { defineMessages, injectIntl } from 'react-intl';
import classNames from 'classnames/bind';
@@ -33,7 +34,7 @@ const messages = defineMessages({
generateDemoDataDescription: {
id: 'NoItemsDemo.generateDemoDataDescription',
defaultMessage:
- "To get started, please Set up Own Integration or generate Demo Test Results",
+ 'To get started, please Set up Own Integration or generate Demo Test Results',
},
});
@@ -62,7 +63,14 @@ export class NoItemsDemo extends Component {
{formatMessage(messages.noDataTitle)}
- {Parser(formatMessage(messages.generateDemoDataDescription))}
+ {Parser(
+ formatMessage(messages.generateDemoDataDescription, {
+ a: (data) =>
+ DOMPurify.sanitize(
+ `${data}`,
+ ),
+ }),
+ )}