@pega/cosmos-react-rte 3.0.0-dev.3.0 → 3.0.0-dev.30.0

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":"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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"]}
+{"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';\nimport { CosmosCustom } from 'slate';\nimport { ComponentType, ReactNode } from 'react';\nimport styled from 'styled-components';\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 slateNodeRenderer = (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      let child = <CustomComponent {...props.attributes}>{props.element.content}</CustomComponent>;\n      if (props.element.href) {\n        child = (\n          <Link href={props.element.href} target='_blank'>\n            {child}\n          </Link>\n        );\n      }\n      if (props.element.italic) {\n        child = <em>{child}</em>;\n      }\n      if (props.element.bold) {\n        child = <strong>{child}</strong>;\n      }\n      if (props.element['line-through']) {\n        child = <del>{child}</del>;\n      }\n      return child;\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\ntype Node = {\n  children: JSX.Element[];\n  type: string;\n  href?: string;\n  italic?: boolean;\n  bold?: boolean;\n  'line-through'?: boolean;\n  component?: JSX.Element | ComponentType<any>;\n  src?: string;\n  alt?: string;\n  content?: RegExpExecArray;\n};\n\n// Renderer for block level elements\nexport const nodeRenderer = (node: Node) => {\n  switch (node.type) {\n    case 'heading-1':\n      return <Text variant='h1'>{node.children}</Text>;\n    case 'heading-2':\n      return <Text variant='h2'>{node.children}</Text>;\n    case 'heading-3':\n      return <Text variant='h3'>{node.children}</Text>;\n    case 'heading-4':\n      return <Text variant='h4'>{node.children}</Text>;\n    case 'ordered-list':\n      return <ol>{node.children}</ol>;\n    case 'unordered-list':\n      return <ul>{node.children}</ul>;\n    case 'list-item':\n      return <li>{node.children}</li>;\n    case 'custom': {\n      const CustomComponent = node.component as ComponentType<any>;\n      let child = <CustomComponent>{node.content}</CustomComponent>;\n      if (node.href) {\n        child = (\n          <Link href={node.href} target='_blank'>\n            {child}\n          </Link>\n        );\n      }\n      if (node.italic) {\n        child = <em>{child}</em>;\n      }\n      if (node.bold) {\n        child = <strong>{child}</strong>;\n      }\n      if (node['line-through']) {\n        child = <del>{child}</del>;\n      }\n      return child;\n    }\n    case 'override': {\n      return node.component as JSX.Element;\n    }\n    case 'table':\n      return <Table>{node.children}</Table>;\n    case 'table-body':\n      return <TableBody>{node.children}</TableBody>;\n    case 'table-row':\n      return <TableRow>{node.children}</TableRow>;\n    case 'table-cell':\n      return <TableCell>{node.children}</TableCell>;\n    case 'paragraph':\n      return (\n        <div>\n          <Text>{node.children}</Text>\n        </div>\n      );\n    case 'image':\n      return (\n        <div>\n          <Image src={node.src} alt={node.alt as string} />\n          {node.children}\n        </div>\n      );\n    case 'image-placeholder':\n      return <div>{node.children}</div>;\n    case 'space':\n      return <br />;\n    default: {\n      return <>{node.children}</>;\n    }\n  }\n};\n\n// Renderer for inline elements\nexport const slateLeafRenderer = (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\nconst StyledSpan = styled.span`\n  white-space: pre-line;\n`;\n\nexport const leafRenderer = (leaf: CosmosCustom.Text) => {\n  let child: string | ReactNode = leaf.text;\n  if (leaf.searchResult) {\n    const CustomComponent = leaf.searchResult.component;\n    return (\n      <span>\n        <CustomComponent {...leaf.searchResult.props}>{child}</CustomComponent>\n      </span>\n    );\n  }\n\n  if (leaf['line-through']) {\n    child = <del>{child}</del>;\n  }\n\n  if (leaf.italic) {\n    child = <em>{child}</em>;\n  }\n\n  if (leaf.bold) {\n    child = <strong>{child}</strong>;\n  }\n\n  if (leaf.href) {\n    child = (\n      <Link href={leaf.href} target='_blank'>\n        {child}\n      </Link>\n    );\n  }\n\n  return <StyledSpan>{child}</StyledSpan>;\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,OAAO,CAAC;AAG5C,eAAO,MAAM,cAAc,WACjB,MAAM;aAC0B,MAAM;WAAS,MAAM;aAAW,MAAM;;;;;aAiC/E,CAAC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,OAAO,CAAC;AAG5C,eAAO,MAAM,cAAc,WACjB,MAAM;aAC0B,MAAM;WAAS,MAAM;aAAW,MAAM;;;;;aAyC/E,CAAC"}

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

@@ -2,7 +2,15 @@ import { Editor, Range } from 'slate';
 // eslint-disable-next-line import/prefer-default-export
 export const onSearchChange = (editor, { groupId, regex, trigger }) => {
     const { selection } = editor;
-    if (selection && Range.isCollapsed(selection)) {
+    let collapsed;
+    // Prevents error on triple clicks
+    try {
+        collapsed = selection ? Range.isCollapsed(selection) : false;
+    }
+    catch (e) {
+        collapsed = false;
+    }
+    if (selection && collapsed) {
         // Gets the cursor position in the RTE
         const [cursorPos] = Range.edges(selection);
         // Gets the Slate node at the search trigger

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,EAAQ,MAAM,OAAO,CAAC;AAE5C,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,4CAA4C;QAC5C,MAAM,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QACpD,gFAAgF;QAChF,IAAK,UAAmB,EAAE,YAAY;YAAE,OAAO;QAE/C,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,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;YACpD,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, Text } 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 Slate node at the search trigger\n    const [searchNode] = Editor.node(editor, cursorPos);\n    // If the search is triggered from within a searchResult node, ignore the search\n    if ((searchNode as Text)?.searchResult) return;\n\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.groups.match.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,EAAQ,MAAM,OAAO,CAAC;AAE5C,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;IAC7B,IAAI,SAAS,CAAC;IAEd,kCAAkC;IAClC,IAAI;QACF,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;KAC9D;IAAC,OAAO,CAAC,EAAE;QACV,SAAS,GAAG,KAAK,CAAC;KACnB;IAED,IAAI,SAAS,IAAI,SAAS,EAAE;QAC1B,sCAAsC;QACtC,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC3C,4CAA4C;QAC5C,MAAM,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QACpD,gFAAgF;QAChF,IAAK,UAAmB,EAAE,YAAY;YAAE,OAAO;QAE/C,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,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;YACpD,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, Text } 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  let collapsed;\n\n  // Prevents error on triple clicks\n  try {\n    collapsed = selection ? Range.isCollapsed(selection) : false;\n  } catch (e) {\n    collapsed = false;\n  }\n\n  if (selection && collapsed) {\n    // Gets the cursor position in the RTE\n    const [cursorPos] = Range.edges(selection);\n    // Gets the Slate node at the search trigger\n    const [searchNode] = Editor.node(editor, cursorPos);\n    // If the search is triggered from within a searchResult node, ignore the search\n    if ((searchNode as Text)?.searchResult) return;\n\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.groups.match.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-rte",
-  "version": "3.0.0-dev.3.0",
+  "version": "3.0.0-dev.30.0",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {
@@ -20,33 +20,36 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "3.0.0-dev.3.0",
-    "@popperjs/core": "^2.11.0",
-    "dompurify": "^2.3.1",
+    "@pega/cosmos-react-core": "3.0.0-dev.30.0",
+    "@popperjs/core": "^2.11.4",
+    "@types/marked": "^4.0.2",
+    "@types/parse5": "^6.0.0",
+    "@types/react": "^16.14.24 || ^17.0.38",
+    "@types/react-dom": "^16.9.14 || ^17.0.11",
+    "@types/styled-components": "^5.1.7",
+    "@types/stylis": "^4.0.2",
     "marked": "^4.0.12",
     "parse5": "^6.0.1",
     "polished": "^4.1.0",
     "react": "^16.14.0 || ^17.0.0",
     "react-dom": "^16.14.0 || ^17.0.0",
-    "slate": "^0.72.3",
+    "react-popper": "^2.2.5",
+    "slate": "^0.76.1",
     "slate-history": "^0.66.0",
-    "slate-react": "^0.72.1",
+    "slate-react": "^0.76.1",
     "styled-components": "^5.2.0",
-    "tinymce": "^5.10.2"
+    "stylis": "^4.0.13",
+    "tinymce": "^6.0.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^6.4.12",
-    "@storybook/addon-actions": "^6.4.12",
-    "@storybook/addon-storysource": "^6.4.12",
-    "@storybook/addon-toolbars": "^6.4.12",
-    "@storybook/addons": "^6.4.12",
-    "@storybook/react": "^6.4.12",
-    "@storybook/theming": "^6.4.12",
-    "@types/dompurify": "^2.2.3",
-    "@types/marked": "^4.0.2",
-    "@types/parse5": "^6.0.0",
-    "@types/tinymce": "^4.6.4",
+    "@storybook/addon-a11y": "^6.4.19",
+    "@storybook/addon-actions": "^6.4.19",
+    "@storybook/addon-storysource": "^6.4.19",
+    "@storybook/addon-toolbars": "^6.4.19",
+    "@storybook/addons": "^6.4.19",
+    "@storybook/react": "^6.4.19",
+    "@storybook/theming": "^6.4.19",
     "enzyme": "^3.11.0",
-    "typescript": "~4.5.2"
+    "typescript": "~4.7.2"
   }
 }