@pega/cosmos-react-rte 2.0.0-dev.10.0 → 2.0.0-dev.13.0

package/lib/components/RichTextEditor/utils/markdownConverter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdownConverter.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/markdownConverter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAKpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAuH9D,eAAO,MAAM,wBAAwB,kCAEjB,mBAAmB,CAAC,iBAAiB,CAAC,KACvD,CAAC,OAAO,GAAG,IAAI,CAAC,EAOlB,CAAC;AAIF,QAAA,MAAM,eAAe,OACf,MAAM,yBACa,mBAAmB,CAAC,sBAAsB,CAAC,gBACpD,mBAAmB,CAAC,aAAa,CAAC,KAC/C,CAAC,OAAO,GAAG,IAAI,CAAC,EAKlB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"markdownConverter.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/markdownConverter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAKpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAqH9D,eAAO,MAAM,wBAAwB,kCAEjB,mBAAmB,CAAC,iBAAiB,CAAC,KACvD,CAAC,OAAO,GAAG,IAAI,CAAC,EAOlB,CAAC;AAIF,QAAA,MAAM,eAAe,OACf,MAAM,yBACa,mBAAmB,CAAC,sBAAsB,CAAC,gBACpD,mBAAmB,CAAC,aAAa,CAAC,KAC/C,CAAC,OAAO,GAAG,IAAI,CAAC,EAIlB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/RichTextEditor/utils/markdownConverter.js

@@ -4,7 +4,6 @@ import { hasProp } from '@pega/cosmos-react-core';
 import parseTextToCustomSlateNodes from './interactionRenderer';
 marked.setOptions({ mangle: false });
 const getNode = (token, interactionRenderers, markdownMap) => {
-    var _a;
     if (!hasProp(token, 'type') || token.type === 'def')
         return { type: 'paragraph', children: [{ text: '' }] };
     let children;
@@ -24,9 +23,9 @@ const getNode = (token, interactionRenderers, markdownMap) => {
             mdText = token.text;
         children = parseTextToCustomSlateNodes(mdText, interactionRenderers);
     }
-    if (markdownMap === null || markdownMap === void 0 ? void 0 : markdownMap[token.type]) {
+    if (markdownMap?.[token.type]) {
         // Typed as any since typescript is unaware that token type matches argument
-        const CustomComponent = (_a = markdownMap[token.type]) === null || _a === void 0 ? void 0 : _a.call(markdownMap, token);
+        const CustomComponent = markdownMap[token.type]?.(token);
         if (CustomComponent)
             return {
                 type: 'override',
@@ -94,10 +93,9 @@ const getNode = (token, interactionRenderers, markdownMap) => {
     }
 };
 const markDownToSlate = (tokens, interactionRenderers, markdownMap) => {
-    const nodes = tokens.map(token => {
+    return tokens.map(token => {
         return getNode(token, interactionRenderers, markdownMap);
     });
-    return nodes;
 };
 export const convertMarkdownForEditor = (md = '', searchRenderers) => {
     return [
@@ -112,8 +110,7 @@ in Feed Component to pass them down to custom elements */
 const convertMarkdown = (md, interactionRenderers, markdownMap) => {
     const lexer = new marked.Lexer({ gfm: false });
     const output = lexer.lex(md);
-    const nodes = markDownToSlate(output, interactionRenderers, markdownMap);
-    return nodes;
+    return markDownToSlate(output, interactionRenderers, markdownMap);
 };
 export default convertMarkdown;
 //# sourceMappingURL=markdownConverter.js.map

package/lib/components/RichTextEditor/utils/markdownConverter.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdownConverter.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/markdownConverter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { CosmosCustom, Element, Text } from 'slate';\nimport marked, { Token, Tokens } from 'marked';\n\nimport { hasProp } from '@pega/cosmos-react-core';\n\nimport { RichTextViewerProps } from '../RichTextViewer.types';\nimport { RichTextEditorProps } from '../RichTextEditor.types';\n\nimport parseTextToCustomSlateNodes from './interactionRenderer';\n\nmarked.setOptions({ mangle: false });\n\nconst getNode = (\n  token: Token,\n  interactionRenderers?: RichTextViewerProps['interactionRenderers'],\n  markdownMap?: RichTextViewerProps['markdownMap']\n): Element | Text => {\n  if (!hasProp(token, 'type') || token.type === 'def')\n    return { type: 'paragraph', children: [{ text: '' }] };\n\n  let children;\n\n  if (hasProp(token, 'tokens')) {\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    children = markDownToSlate(\n      (token.tokens as Tokens.Link['tokens']) || [],\n      interactionRenderers,\n      markdownMap\n    );\n  } else if (hasProp(token, 'items')) {\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    children = markDownToSlate(token.items, interactionRenderers, markdownMap);\n  } else {\n    let mdText = '';\n\n    if (token.type === 'link' || token.type === 'text') mdText = token.raw;\n    else if (hasProp(token, 'text')) mdText = token.text;\n\n    children = parseTextToCustomSlateNodes(mdText, interactionRenderers);\n  }\n\n  if (markdownMap?.[token.type]) {\n    // Typed as any since typescript is unaware that token type matches argument\n    const CustomComponent: any = markdownMap[token.type]?.(token as any);\n    if (CustomComponent)\n      return {\n        type: 'override',\n        component: <CustomComponent token={token} />,\n        children: [{ text: '' }]\n      };\n  }\n\n  switch (token.type) {\n    case 'paragraph': {\n      return {\n        type: token.type,\n        children\n      };\n    }\n    case 'heading': {\n      return {\n        type:\n          token.depth && token.depth <= 4\n            ? (`heading-${token.depth}` as `heading-${1 | 2 | 3 | 4}`)\n            : 'heading-4',\n        children\n      };\n    }\n    case 'link': {\n      return {\n        href: token.href,\n        text: token.text || ''\n      };\n    }\n    case 'em': {\n      return {\n        italic: true,\n        text: token.text || ''\n      };\n    }\n    case 'strong': {\n      return {\n        bold: true,\n        text: token.text || ''\n      };\n    }\n    case 'del': {\n      return {\n        'line-through': true,\n        text: token.text || ''\n      };\n    }\n    case 'list': {\n      return {\n        type: token.ordered ? 'ordered-list' : 'unordered-list',\n        children: children as CosmosCustom.ListItemElement[]\n      };\n    }\n    case 'list_item': {\n      return {\n        type: 'list-item',\n        children: children as Element[]\n      };\n    }\n    default: {\n      return {\n        type: token.type,\n        children\n      } as Element;\n    }\n  }\n};\n\nconst markDownToSlate = (\n  tokens: Token[],\n  interactionRenderers?: RichTextViewerProps['interactionRenderers'],\n  markdownMap?: RichTextViewerProps['markdownMap']\n): (Element | Text)[] => {\n  const nodes = tokens.map(token => {\n    return getNode(token, interactionRenderers, markdownMap);\n  });\n\n  return nodes;\n};\n\nexport const convertMarkdownForEditor = (\n  md = '',\n  searchRenderers?: RichTextEditorProps['searchRenderers']\n): (Element | Text)[] => {\n  return [\n    {\n      type: 'paragraph',\n      children: parseTextToCustomSlateNodes(md, searchRenderers)\n    }\n  ];\n};\n\n/* Converts markdown into Slate compatible nodes, also takes regex used\nin Feed Component to pass them down to custom elements */\nconst convertMarkdown = (\n  md: string,\n  interactionRenderers?: RichTextViewerProps['interactionRenderers'],\n  markdownMap?: RichTextViewerProps['markdownMap']\n): (Element | Text)[] => {\n  const lexer = new marked.Lexer({ gfm: false });\n  const output = lexer.lex(md);\n  const nodes = markDownToSlate(output, interactionRenderers, markdownMap);\n  return nodes;\n};\n\nexport default convertMarkdown;\n"]}
+{"version":3,"file":"markdownConverter.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/markdownConverter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { CosmosCustom, Element, Text } from 'slate';\nimport marked, { Token, Tokens } from 'marked';\n\nimport { hasProp } from '@pega/cosmos-react-core';\n\nimport { RichTextViewerProps } from '../RichTextViewer.types';\nimport { RichTextEditorProps } from '../RichTextEditor.types';\n\nimport parseTextToCustomSlateNodes from './interactionRenderer';\n\nmarked.setOptions({ mangle: false });\n\nconst getNode = (\n  token: Token,\n  interactionRenderers?: RichTextViewerProps['interactionRenderers'],\n  markdownMap?: RichTextViewerProps['markdownMap']\n): Element | Text => {\n  if (!hasProp(token, 'type') || token.type === 'def')\n    return { type: 'paragraph', children: [{ text: '' }] };\n\n  let children;\n\n  if (hasProp(token, 'tokens')) {\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    children = markDownToSlate(\n      (token.tokens as Tokens.Link['tokens']) || [],\n      interactionRenderers,\n      markdownMap\n    );\n  } else if (hasProp(token, 'items')) {\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    children = markDownToSlate(token.items, interactionRenderers, markdownMap);\n  } else {\n    let mdText = '';\n\n    if (token.type === 'link' || token.type === 'text') mdText = token.raw;\n    else if (hasProp(token, 'text')) mdText = token.text;\n\n    children = parseTextToCustomSlateNodes(mdText, interactionRenderers);\n  }\n\n  if (markdownMap?.[token.type]) {\n    // Typed as any since typescript is unaware that token type matches argument\n    const CustomComponent: any = markdownMap[token.type]?.(token as any);\n    if (CustomComponent)\n      return {\n        type: 'override',\n        component: <CustomComponent token={token} />,\n        children: [{ text: '' }]\n      };\n  }\n\n  switch (token.type) {\n    case 'paragraph': {\n      return {\n        type: token.type,\n        children\n      };\n    }\n    case 'heading': {\n      return {\n        type:\n          token.depth && token.depth <= 4\n            ? (`heading-${token.depth}` as `heading-${1 | 2 | 3 | 4}`)\n            : 'heading-4',\n        children\n      };\n    }\n    case 'link': {\n      return {\n        href: token.href,\n        text: token.text || ''\n      };\n    }\n    case 'em': {\n      return {\n        italic: true,\n        text: token.text || ''\n      };\n    }\n    case 'strong': {\n      return {\n        bold: true,\n        text: token.text || ''\n      };\n    }\n    case 'del': {\n      return {\n        'line-through': true,\n        text: token.text || ''\n      };\n    }\n    case 'list': {\n      return {\n        type: token.ordered ? 'ordered-list' : 'unordered-list',\n        children: children as CosmosCustom.ListItemElement[]\n      };\n    }\n    case 'list_item': {\n      return {\n        type: 'list-item',\n        children: children as Element[]\n      };\n    }\n    default: {\n      return {\n        type: token.type,\n        children\n      } as Element;\n    }\n  }\n};\n\nconst markDownToSlate = (\n  tokens: Token[],\n  interactionRenderers?: RichTextViewerProps['interactionRenderers'],\n  markdownMap?: RichTextViewerProps['markdownMap']\n): (Element | Text)[] => {\n  return tokens.map(token => {\n    return getNode(token, interactionRenderers, markdownMap);\n  });\n};\n\nexport const convertMarkdownForEditor = (\n  md = '',\n  searchRenderers?: RichTextEditorProps['searchRenderers']\n): (Element | Text)[] => {\n  return [\n    {\n      type: 'paragraph',\n      children: parseTextToCustomSlateNodes(md, searchRenderers)\n    }\n  ];\n};\n\n/* Converts markdown into Slate compatible nodes, also takes regex used\nin Feed Component to pass them down to custom elements */\nconst convertMarkdown = (\n  md: string,\n  interactionRenderers?: RichTextViewerProps['interactionRenderers'],\n  markdownMap?: RichTextViewerProps['markdownMap']\n): (Element | Text)[] => {\n  const lexer = new marked.Lexer({ gfm: false });\n  const output = lexer.lex(md);\n  return markDownToSlate(output, interactionRenderers, markdownMap);\n};\n\nexport default convertMarkdown;\n"]}

package/lib/components/RichTextEditor/utils/renderers.js

@@ -36,8 +36,7 @@ export const nodeRenderer = (props) => {
         case 'paragraph':
             return (_jsx("div", { children: _jsx(Text, Object.assign({}, props.attributes, { children: props.children }), void 0) }, void 0));
         case 'image':
-            return (_jsxs("div", Object.assign({}, props.attributes, { children: [_jsx(Image, { src: props.element.src, alt: props.element.alt }, void 0),
-                    props.children] }), void 0));
+            return (_jsxs("div", Object.assign({}, props.attributes, { children: [_jsx(Image, { src: props.element.src, alt: props.element.alt }, void 0), props.children] }), void 0));
         case 'image-placeholder':
             return _jsx("div", Object.assign({}, props.attributes, { children: props.children }), void 0);
         default: {

package/lib/components/RichTextEditor/utils/renderers.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderers.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/renderers.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAErF,oCAAoC;AACpC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAE,EAAE;IACxD,QAAQ,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE;QAC1B,KAAK,WAAW;YACd,OAAO,CACL,KAAC,IAAI,kBAAC,OAAO,EAAC,IAAI,IAAK,KAAK,CAAC,UAAU,cACpC,KAAK,CAAC,QAAQ,YACV,CACR,CAAC;QACJ,KAAK,WAAW;YACd,OAAO,CACL,KAAC,IAAI,kBAAC,OAAO,EAAC,IAAI,IAAK,KAAK,CAAC,UAAU,cACpC,KAAK,CAAC,QAAQ,YACV,CACR,CAAC;QACJ,KAAK,WAAW;YACd,OAAO,CACL,KAAC,IAAI,kBAAC,OAAO,EAAC,IAAI,IAAK,KAAK,CAAC,UAAU,cACpC,KAAK,CAAC,QAAQ,YACV,CACR,CAAC;QACJ,KAAK,WAAW;YACd,OAAO,CACL,KAAC,IAAI,kBAAC,OAAO,EAAC,IAAI,IAAK,KAAK,CAAC,UAAU,cACpC,KAAK,CAAC,QAAQ,YACV,CACR,CAAC;QACJ,KAAK,cAAc;YACjB,OAAO,6BAAQ,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAM,CAAC;QACzD,KAAK,gBAAgB;YACnB,OAAO,6BAAQ,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAM,CAAC;QACzD,KAAK,WAAW;YACd,OAAO,CACL,6BACM,KAAK,CAAC,UAAU,kBACR,KAAK,CAAC,OAAO,CAAC,KAAK,gBACnB,KAAK,CAAC,OAAO,CAAC,KAAK,aACtB,KAAK,CAAC,OAAO,CAAC,EAAE,oBACT,KAAK,CAAC,OAAO,CAAC,QAAQ,gBAErC,KAAK,CAAC,QAAQ,YACZ,CACN,CAAC;QACJ,KAAK,QAAQ,CAAC,CAAC;YACb,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;YAChD,OAAO,KAAC,eAAe,oBAAK,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,OAAO,CAAC,OAAO,YAAmB,CAAC;SACzF;QACD,KAAK,UAAU,CAAC,CAAC;YACf,OAAO,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;SAChC;QACD,KAAK,OAAO;YACV,OAAO,KAAC,KAAK,oBAAK,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAS,CAAC;QAC/D,KAAK,YAAY;YACf,OAAO,KAAC,SAAS,oBAAK,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAa,CAAC;QACvE,KAAK,WAAW;YACd,OAAO,KAAC,QAAQ,oBAAK,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAY,CAAC;QACrE,KAAK,YAAY;YACf,OAAO,KAAC,SAAS,oBAAK,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAa,CAAC;QACvE,KAAK,WAAW;YACd,OAAO,CACL,wBACE,KAAC,IAAI,oBAAK,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAQ,WAC/C,CACP,CAAC;QACJ,KAAK,OAAO;YACV,OAAO,CACL,+BAAS,KAAK,CAAC,UAAU,eACvB,KAAC,KAAK,IAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAa,WAAI;oBAClE,KAAK,CAAC,QAAQ,aACX,CACP,CAAC;QACJ,KAAK,mBAAmB;YACtB,OAAO,8BAAS,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAO,CAAC;QAC3D,OAAO,CAAC,CAAC;YACP,OAAO,+BAAU,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAQ,CAAC;SAC5D;KACF;AACH,CAAC,CAAC;AAEF,+BAA+B;AAC/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAsB,EAAE,EAAE;IACrD,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC;IAE3B,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE;QAC3B,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;QAC1D,OAAO,CACL,+BAAU,KAAK,CAAC,UAAU,cACxB,KAAC,eAAe,oBAAK,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,cAAG,KAAK,YAAmB,YACxE,CACR,CAAC;KACH;IAED,IAAI,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;QAC9B,KAAK,GAAG,wBAAM,KAAK,WAAO,CAAC;KAC5B;IAED,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;QACrB,KAAK,GAAG,uBAAK,KAAK,WAAM,CAAC;KAC1B;IAED,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;QACnB,KAAK,GAAG,2BAAS,KAAK,WAAU,CAAC;KAClC;IAED,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;QACnB,KAAK,GAAG,CACN,KAAC,IAAI,kBAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,gBACzC,KAAK,YACD,CACR,CAAC;KACH;IAED,OAAO,+BAAU,KAAK,CAAC,UAAU,cAAG,KAAK,YAAQ,CAAC;AACpD,CAAC,CAAC","sourcesContent":["import { RenderElementProps, RenderLeafProps } from 'slate-react';\n\nimport { Text, Link, Image } from '@pega/cosmos-react-core';\n\nimport { Table, TableRow, TableCell, TableBody } from '../DecoratorComponents/Table';\n\n// Renderer for block level elements\nexport const nodeRenderer = (props: RenderElementProps) => {\n  switch (props.element.type) {\n    case 'heading-1':\n      return (\n        <Text variant='h1' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'heading-2':\n      return (\n        <Text variant='h2' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'heading-3':\n      return (\n        <Text variant='h3' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'heading-4':\n      return (\n        <Text variant='h4' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'ordered-list':\n      return <ol {...props.attributes}>{props.children}</ol>;\n    case 'unordered-list':\n      return <ul {...props.attributes}>{props.children}</ul>;\n    case 'list-item':\n      return (\n        <li\n          {...props.attributes}\n          data-order={props.element.order}\n          data-level={props.element.level}\n          data-id={props.element.id}\n          data-parent-id={props.element.parentId}\n        >\n          {props.children}\n        </li>\n      );\n    case 'custom': {\n      const CustomComponent = props.element.component;\n      return <CustomComponent {...props.attributes}>{props.element.content}</CustomComponent>;\n    }\n    case 'override': {\n      return props.element.component;\n    }\n    case 'table':\n      return <Table {...props.attributes}>{props.children}</Table>;\n    case 'table-body':\n      return <TableBody {...props.attributes}>{props.children}</TableBody>;\n    case 'table-row':\n      return <TableRow {...props.attributes}>{props.children}</TableRow>;\n    case 'table-cell':\n      return <TableCell {...props.attributes}>{props.children}</TableCell>;\n    case 'paragraph':\n      return (\n        <div>\n          <Text {...props.attributes}>{props.children}</Text>\n        </div>\n      );\n    case 'image':\n      return (\n        <div {...props.attributes}>\n          <Image src={props.element.src} alt={props.element.alt as string} />\n          {props.children}\n        </div>\n      );\n    case 'image-placeholder':\n      return <div {...props.attributes}>{props.children}</div>;\n    default: {\n      return <span {...props.attributes}>{props.children}</span>;\n    }\n  }\n};\n\n// Renderer for inline elements\nexport const leafRenderer = (props: RenderLeafProps) => {\n  let child = props.children;\n\n  if (props.leaf.searchResult) {\n    const CustomComponent = props.leaf.searchResult.component;\n    return (\n      <span {...props.attributes}>\n        <CustomComponent {...props.leaf.searchResult.props}>{child}</CustomComponent>\n      </span>\n    );\n  }\n\n  if (props.leaf['line-through']) {\n    child = <del>{child}</del>;\n  }\n\n  if (props.leaf.italic) {\n    child = <em>{child}</em>;\n  }\n\n  if (props.leaf.bold) {\n    child = <strong>{child}</strong>;\n  }\n\n  if (props.leaf.href) {\n    child = (\n      <Link href={props.leaf.href} target='_blank'>\n        {child}\n      </Link>\n    );\n  }\n\n  return <span {...props.attributes}>{child}</span>;\n};\n"]}
+{"version":3,"file":"renderers.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/renderers.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RenderElementProps, RenderLeafProps } from 'slate-react';\n\nimport { Text, Link, Image } from '@pega/cosmos-react-core';\n\nimport { Table, TableRow, TableCell, TableBody } from '../DecoratorComponents/Table';\n\n// Renderer for block level elements\nexport const nodeRenderer = (props: RenderElementProps) => {\n  switch (props.element.type) {\n    case 'heading-1':\n      return (\n        <Text variant='h1' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'heading-2':\n      return (\n        <Text variant='h2' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'heading-3':\n      return (\n        <Text variant='h3' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'heading-4':\n      return (\n        <Text variant='h4' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'ordered-list':\n      return <ol {...props.attributes}>{props.children}</ol>;\n    case 'unordered-list':\n      return <ul {...props.attributes}>{props.children}</ul>;\n    case 'list-item':\n      return (\n        <li\n          {...props.attributes}\n          data-order={props.element.order}\n          data-level={props.element.level}\n          data-id={props.element.id}\n          data-parent-id={props.element.parentId}\n        >\n          {props.children}\n        </li>\n      );\n    case 'custom': {\n      const CustomComponent = props.element.component;\n      return <CustomComponent {...props.attributes}>{props.element.content}</CustomComponent>;\n    }\n    case 'override': {\n      return props.element.component;\n    }\n    case 'table':\n      return <Table {...props.attributes}>{props.children}</Table>;\n    case 'table-body':\n      return <TableBody {...props.attributes}>{props.children}</TableBody>;\n    case 'table-row':\n      return <TableRow {...props.attributes}>{props.children}</TableRow>;\n    case 'table-cell':\n      return <TableCell {...props.attributes}>{props.children}</TableCell>;\n    case 'paragraph':\n      return (\n        <div>\n          <Text {...props.attributes}>{props.children}</Text>\n        </div>\n      );\n    case 'image':\n      return (\n        <div {...props.attributes}>\n          <Image src={props.element.src} alt={props.element.alt as string} />\n          {props.children}\n        </div>\n      );\n    case 'image-placeholder':\n      return <div {...props.attributes}>{props.children}</div>;\n    default: {\n      return <span {...props.attributes}>{props.children}</span>;\n    }\n  }\n};\n\n// Renderer for inline elements\nexport const leafRenderer = (props: RenderLeafProps) => {\n  let child = props.children;\n\n  if (props.leaf.searchResult) {\n    const CustomComponent = props.leaf.searchResult.component;\n    return (\n      <span {...props.attributes}>\n        <CustomComponent {...props.leaf.searchResult.props}>{child}</CustomComponent>\n      </span>\n    );\n  }\n\n  if (props.leaf['line-through']) {\n    child = <del>{child}</del>;\n  }\n\n  if (props.leaf.italic) {\n    child = <em>{child}</em>;\n  }\n\n  if (props.leaf.bold) {\n    child = <strong>{child}</strong>;\n  }\n\n  if (props.leaf.href) {\n    child = (\n      <Link href={props.leaf.href} target='_blank'>\n        {child}\n      </Link>\n    );\n  }\n\n  return <span {...props.attributes}>{child}</span>;\n};\n"]}

package/lib/components/RichTextEditor/utils/search.js

@@ -1,7 +1,6 @@
 import { Editor, Range } from 'slate';
 // eslint-disable-next-line import/prefer-default-export
 export const onSearchChange = (editor, { groupId, regex, trigger }) => {
-    var _a;
     const { selection } = editor;
     if (selection && Range.isCollapsed(selection)) {
         // Gets the cursor position in the RTE
@@ -14,7 +13,7 @@ export const onSearchChange = (editor, { groupId, regex, trigger }) => {
         const lineText = lineRange && Editor.string(editor, lineRange);
         // Matches the text on the current line with the regex provided
         const beforeMatch = lineText && lineText.match(regex);
-        if (beforeMatch && typeof ((_a = beforeMatch.groups) === null || _a === void 0 ? void 0 : _a[groupId]) === 'string') {
+        if (beforeMatch && typeof beforeMatch.groups?.[groupId] === 'string') {
             const matchLength = beforeMatch[0].length;
             // Gets the range of the matching text to place the popover correctly
             const targetRange = Editor.range(editor, { ...cursorPos, offset: cursorPos.offset - matchLength }, cursorPos);

package/lib/components/RichTextEditor/utils/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAEtC,wDAAwD;AACxD,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,MAAc,EACd,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAuD,EAChF,EAAE;;IACF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAE7B,IAAI,SAAS,IAAI,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QAC7C,sCAAsC;QACtC,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC3C,0EAA0E;QAC1E,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QACzE,2DAA2D;QAC3D,MAAM,SAAS,GAAG,aAAa,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC;QAClF,2CAA2C;QAC3C,MAAM,QAAQ,GAAG,SAAS,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAE/D,+DAA+D;QAC/D,MAAM,WAAW,GAAG,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEtD,IAAI,WAAW,IAAI,OAAO,CAAA,MAAA,WAAW,CAAC,MAAM,0CAAG,OAAO,CAAC,CAAA,KAAK,QAAQ,EAAE;YACpE,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YAC1C,qEAAqE;YACrE,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAC9B,MAAM,EACN,EAAE,GAAG,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,WAAW,EAAE,EACxD,SAAS,CACV,CAAC;YACF,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC;SAC9E;KACF;AACH,CAAC,CAAC","sourcesContent":["import { Editor, Range } from 'slate';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const onSearchChange = (\n  editor: Editor,\n  { groupId, regex, trigger }: { groupId: string; regex: RegExp; trigger: string }\n) => {\n  const { selection } = editor;\n\n  if (selection && Range.isCollapsed(selection)) {\n    // Gets the cursor position in the RTE\n    const [cursorPos] = Range.edges(selection);\n    // Gets the point before the line that is currently being typed in the RTE\n    const posBeforeWord = Editor.before(editor, cursorPos, { unit: 'line' });\n    // Gets the range before the line up to the cursor position\n    const lineRange = posBeforeWord && Editor.range(editor, posBeforeWord, cursorPos);\n    // Gets all of the text on the current line\n    const lineText = lineRange && Editor.string(editor, lineRange);\n\n    // Matches the text on the current line with the regex provided\n    const beforeMatch = lineText && lineText.match(regex);\n\n    if (beforeMatch && typeof beforeMatch.groups?.[groupId] === 'string') {\n      const matchLength = beforeMatch[0].length;\n      // Gets the range of the matching text to place the popover correctly\n      const targetRange = Editor.range(\n        editor,\n        { ...cursorPos, offset: cursorPos.offset - matchLength },\n        cursorPos\n      );\n      return { search: beforeMatch.groups[groupId], target: targetRange, trigger };\n    }\n  }\n};\n"]}
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAEtC,wDAAwD;AACxD,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,MAAc,EACd,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAuD,EAChF,EAAE;IACF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAE7B,IAAI,SAAS,IAAI,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;QAC7C,sCAAsC;QACtC,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC3C,0EAA0E;QAC1E,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QACzE,2DAA2D;QAC3D,MAAM,SAAS,GAAG,aAAa,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC;QAClF,2CAA2C;QAC3C,MAAM,QAAQ,GAAG,SAAS,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAE/D,+DAA+D;QAC/D,MAAM,WAAW,GAAG,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEtD,IAAI,WAAW,IAAI,OAAO,WAAW,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,EAAE;YACpE,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YAC1C,qEAAqE;YACrE,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAC9B,MAAM,EACN,EAAE,GAAG,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,WAAW,EAAE,EACxD,SAAS,CACV,CAAC;YACF,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC;SAC9E;KACF;AACH,CAAC,CAAC","sourcesContent":["import { Editor, Range } from 'slate';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const onSearchChange = (\n  editor: Editor,\n  { groupId, regex, trigger }: { groupId: string; regex: RegExp; trigger: string }\n) => {\n  const { selection } = editor;\n\n  if (selection && Range.isCollapsed(selection)) {\n    // Gets the cursor position in the RTE\n    const [cursorPos] = Range.edges(selection);\n    // Gets the point before the line that is currently being typed in the RTE\n    const posBeforeWord = Editor.before(editor, cursorPos, { unit: 'line' });\n    // Gets the range before the line up to the cursor position\n    const lineRange = posBeforeWord && Editor.range(editor, posBeforeWord, cursorPos);\n    // Gets all of the text on the current line\n    const lineText = lineRange && Editor.string(editor, lineRange);\n\n    // Matches the text on the current line with the regex provided\n    const beforeMatch = lineText && lineText.match(regex);\n\n    if (beforeMatch && typeof beforeMatch.groups?.[groupId] === 'string') {\n      const matchLength = beforeMatch[0].length;\n      // Gets the range of the matching text to place the popover correctly\n      const targetRange = Editor.range(\n        editor,\n        { ...cursorPos, offset: cursorPos.offset - matchLength },\n        cursorPos\n      );\n      return { search: beforeMatch.groups[groupId], target: targetRange, trigger };\n    }\n  }\n};\n"]}

package/lib/components/RichTextEditor/utils/slateConverter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slateConverter.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/slateConverter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;CAmB1B,CAAC;AA6BF,eAAO,MAAM,aAAa,UAAW,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,KAAG,MAkCzD,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,KAAG,MAW9D,CAAC"}
+{"version":3,"file":"slateConverter.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/slateConverter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;CAmB1B,CAAC;AA8BF,eAAO,MAAM,aAAa,UAAW,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,KAAG,MAkCzD,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,KAAG,MAW9D,CAAC"}

package/lib/components/RichTextEditor/utils/slateConverter.js

@@ -21,6 +21,7 @@ export const slateToHtmlMap = {
 };
 // Reduces the properties in a slate node into the correct html attributes, mostly used for list-items at the moment
 const getAttrs = (el) => {
+    // eslint-disable-next-line sonarjs/no-small-switch
     switch (el.type) {
         case 'list-item':
             return [

package/lib/components/RichTextEditor/utils/slateConverter.js.map

@@ -1 +1 @@
-{"version":3,"file":"slateConverter.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/slateConverter.ts"],"names":[],"mappings":"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","sourcesContent":["import { CosmosCustom, Element, Text } from 'slate';\n\nexport const slateToHtmlMap = {\n  link: 'a',\n  'heading-1': 'h1',\n  'heading-2': 'h2',\n  'heading-3': 'h3',\n  'heading-4': 'h4',\n  'unordered-list': 'ul',\n  'ordered-list': 'ol',\n  'list-item': 'li',\n  table: 'table',\n  'table-body': 'tbody',\n  'table-row': 'tr',\n  'table-cell': 'td',\n  paragraph: 'p',\n  bold: 'b',\n  'line-through': 'del',\n  italic: 'i',\n  href: 'a',\n  image: 'img'\n};\n\n// Reduces the properties in a slate node into the correct html attributes, mostly used for list-items at the moment\nconst getAttrs = (\n  el: Exclude<Element, CosmosCustom.ImagePlaceholderElement | CosmosCustom.CustomElement>\n) => {\n  switch (el.type) {\n    case 'list-item':\n      return [\n        { name: 'data-id', value: el.id },\n        { name: 'data-parent-id', value: el.parentId },\n        { name: 'data-order', value: el.order },\n        { name: 'data-level', value: el.level }\n      ].reduce((acc, attr) => {\n        if (attr.value) {\n          return `${acc} ${attr.name}='${attr.value}'`;\n        }\n        return acc;\n      }, '');\n    default:\n      return Object.keys(el).reduce((innerAcc, key) => {\n        return key !== 'type' && key !== 'children'\n          ? `${innerAcc} ${key}='${el[key as keyof Element]}'`\n          : innerAcc;\n      }, '');\n  }\n};\n\n// Recursive function to reduce Slate Nodes into an HTML string\nexport const constructHtml = (nodes: (Element | Text)[]): string => {\n  return nodes.reduce((acc, node) => {\n    if (\n      Element.isElement(node) &&\n      (node.type === 'image-placeholder' || node.type === 'custom' || node.type === 'override')\n    )\n      return acc;\n\n    const htmlTag = Element.isElement(node) ? slateToHtmlMap[node.type] : undefined;\n    let html;\n    if (Text.isText(node)) {\n      const { text, ...restNode } = node;\n      // Reducing inline style properties from a single Slate Node into the correct HTML tags\n      html = Object.keys(restNode).reduce((innerAcc, key, i) => {\n        const tag = slateToHtmlMap[key as 'bold' | 'line-through' | 'italic' | 'href'];\n        // Add the href attribute if needed\n        const firstInnerTag = tag === 'a' ? `${tag} href='${restNode[key as 'href']}'` : tag;\n\n        if (i === 0) {\n          return `<${firstInnerTag}>${text}</${tag}>`;\n        }\n        return `<${firstInnerTag}>${innerAcc}</${tag}>`;\n      }, '');\n      if (!html) {\n        html = text;\n      }\n    } else {\n      const attrs = getAttrs(node);\n      html = `<${htmlTag}${attrs}>${constructHtml(\n        (node.children as (Element | Text)[]) || []\n      )}</${htmlTag}>`;\n    }\n    return `${acc}${html}`;\n  }, '');\n};\n\nexport const convertSlateToHtml = (nodes: (Element | Text)[]): string => {\n  if (\n    nodes.length === 1 &&\n    Element.isElement(nodes[0]) &&\n    Text.isText(nodes[0].children[0]) &&\n    nodes[0].children[0].text === ''\n  ) {\n    return '';\n  }\n  const htmlNodes = constructHtml(nodes);\n  return `<body>${htmlNodes}</body>`;\n};\n"]}
+{"version":3,"file":"slateConverter.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/slateConverter.ts"],"names":[],"mappings":"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","sourcesContent":["import { CosmosCustom, Element, Text } from 'slate';\n\nexport const slateToHtmlMap = {\n  link: 'a',\n  'heading-1': 'h1',\n  'heading-2': 'h2',\n  'heading-3': 'h3',\n  'heading-4': 'h4',\n  'unordered-list': 'ul',\n  'ordered-list': 'ol',\n  'list-item': 'li',\n  table: 'table',\n  'table-body': 'tbody',\n  'table-row': 'tr',\n  'table-cell': 'td',\n  paragraph: 'p',\n  bold: 'b',\n  'line-through': 'del',\n  italic: 'i',\n  href: 'a',\n  image: 'img'\n};\n\n// Reduces the properties in a slate node into the correct html attributes, mostly used for list-items at the moment\nconst getAttrs = (\n  el: Exclude<Element, CosmosCustom.ImagePlaceholderElement | CosmosCustom.CustomElement>\n) => {\n  // eslint-disable-next-line sonarjs/no-small-switch\n  switch (el.type) {\n    case 'list-item':\n      return [\n        { name: 'data-id', value: el.id },\n        { name: 'data-parent-id', value: el.parentId },\n        { name: 'data-order', value: el.order },\n        { name: 'data-level', value: el.level }\n      ].reduce((acc, attr) => {\n        if (attr.value) {\n          return `${acc} ${attr.name}='${attr.value}'`;\n        }\n        return acc;\n      }, '');\n    default:\n      return Object.keys(el).reduce((innerAcc, key) => {\n        return key !== 'type' && key !== 'children'\n          ? `${innerAcc} ${key}='${el[key as keyof Element]}'`\n          : innerAcc;\n      }, '');\n  }\n};\n\n// Recursive function to reduce Slate Nodes into an HTML string\nexport const constructHtml = (nodes: (Element | Text)[]): string => {\n  return nodes.reduce((acc, node) => {\n    if (\n      Element.isElement(node) &&\n      (node.type === 'image-placeholder' || node.type === 'custom' || node.type === 'override')\n    )\n      return acc;\n\n    const htmlTag = Element.isElement(node) ? slateToHtmlMap[node.type] : undefined;\n    let html;\n    if (Text.isText(node)) {\n      const { text, ...restNode } = node;\n      // Reducing inline style properties from a single Slate Node into the correct HTML tags\n      html = Object.keys(restNode).reduce((innerAcc, key, i) => {\n        const tag = slateToHtmlMap[key as 'bold' | 'line-through' | 'italic' | 'href'];\n        // Add the href attribute if needed\n        const firstInnerTag = tag === 'a' ? `${tag} href='${restNode[key as 'href']}'` : tag;\n\n        if (i === 0) {\n          return `<${firstInnerTag}>${text}</${tag}>`;\n        }\n        return `<${firstInnerTag}>${innerAcc}</${tag}>`;\n      }, '');\n      if (!html) {\n        html = text;\n      }\n    } else {\n      const attrs = getAttrs(node);\n      html = `<${htmlTag}${attrs}>${constructHtml(\n        (node.children as (Element | Text)[]) || []\n      )}</${htmlTag}>`;\n    }\n    return `${acc}${html}`;\n  }, '');\n};\n\nexport const convertSlateToHtml = (nodes: (Element | Text)[]): string => {\n  if (\n    nodes.length === 1 &&\n    Element.isElement(nodes[0]) &&\n    Text.isText(nodes[0].children[0]) &&\n    nodes[0].children[0].text === ''\n  ) {\n    return '';\n  }\n  const htmlNodes = constructHtml(nodes);\n  return `<body>${htmlNodes}</body>`;\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-rte",
-  "version": "2.0.0-dev.10.0",
+  "version": "2.0.0-dev.13.0",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {
@@ -20,11 +20,12 @@
     "build": "tsc -b"
   },
   "dependencies": {
+    "@pega/cosmos-react-core": "2.0.0-dev.13.0",
+    "@popperjs/core": "^2.9.2",
+    "dompurify": "^2.3.1",
     "marked": "^2.0.3",
     "parse5": "^6.0.1",
-    "@pega/cosmos-react-core": "2.0.0-dev.10.0",
     "polished": "^4.1.0",
-    "@popperjs/core": "^2.9.2",
     "react": "^16.14.0 || ^17.0.0",
     "react-dom": "^16.14.0 || ^17.0.0",
     "slate": "^0.65.3",
@@ -32,18 +33,19 @@
     "styled-components": "^5.2.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^6.3.7",
-    "@storybook/addon-actions": "^6.3.7",
-    "@storybook/addon-knobs": "^6.3.0",
-    "@storybook/addon-storysource": "^6.3.7",
-    "@storybook/addon-toolbars": "^6.3.7",
-    "@storybook/addons": "^6.3.7",
-    "@storybook/react": "^6.3.7",
-    "@storybook/theming": "^6.3.7",
+    "@storybook/addon-a11y": "^6.3.8",
+    "@storybook/addon-actions": "^6.3.8",
+    "@storybook/addon-knobs": "^6.3.1",
+    "@storybook/addon-storysource": "^6.3.8",
+    "@storybook/addon-toolbars": "^6.3.8",
+    "@storybook/addons": "^6.3.8",
+    "@storybook/react": "^6.3.8",
+    "@storybook/theming": "^6.3.8",
+    "@types/dompurify": "^2.2.3",
     "@types/marked": "2.0.2",
     "@types/parse5": "^6.0.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.5",
-    "typescript": "~4.3.2"
+    "typescript": "~4.4.2"
   }
 }