IBX-11093: Add TS dom.helper and text.helper

src/bundle/Resources/public/js/scripts/helpers/dom.helper.ts

@@ -0,0 +1,33 @@
+import { escapeHTML } from './text.helper';
+
+const safelySetInnerHTML = (node: HTMLElement, text: string): void => {
+    // eslint-disable-next-line no-param-reassign
+    node.innerHTML = escapeHTML(text);
+};
+
+const dangerouslySetInnerHTML = (node: HTMLElement, text: string): void => {
+    // eslint-disable-next-line no-param-reassign
+    node.innerHTML = text;
+};
+
+const dangerouslyInsertAdjacentHTML = (node: HTMLElement, position: InsertPosition, text: string): void => {
+    const escapedText = text;
+
+    node.insertAdjacentHTML(position, escapedText);
+};
+
+const dangerouslyAppend = (node: HTMLElement, nodeOrText: Node | string): void => {
+    node.append(nodeOrText);
+};
+
+const notNullQuerySelector = function <T extends HTMLElement>(node: HTMLElement | Document, selector: string): T {
+    const selectedNode = node.querySelector<T>(selector);
+
+    if (!selectedNode) {
+        throw new Error(`Element for selector '${selector}' not found!`);
+    }
+
+    return selectedNode;
+};
+
+export { safelySetInnerHTML, dangerouslySetInnerHTML, dangerouslyInsertAdjacentHTML, dangerouslyAppend, notNullQuerySelector };

src/bundle/Resources/public/js/scripts/helpers/text.helper.ts

@@ -0,0 +1,20 @@
+const { document: doc } = window;
+
+const escapeHTML = (str: string): string => {
+    const stringTempNode = doc.createElement('div');
+
+    stringTempNode.appendChild(doc.createTextNode(str));
+
+    return stringTempNode.innerHTML;
+};
+
+const escapeHTMLAttribute = (str: unknown): string => {
+    if (str === null || str === undefined) {
+        return '';
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-base-to-string
+    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#039;');
+};
+
+export { escapeHTML, escapeHTMLAttribute };