Merge branch 'main' into image-preview

Author: staxly[bot]

package.json

@@ -29,7 +29,7 @@
     "quick-lru": "^4.0.1",
     "rangy": "^1.3.1",
     "react": "^16",
-    "react-aria-components": "^1.8.0",
+    "react-aria-components": "^1.10.1",
     "react-dom": "^16",
     "react-intl": "<5.13",
     "react-loadable": "~5.5",

src/app/content/components/TableOfContents/index.tsx

@@ -16,6 +16,7 @@ import { Header, HeaderText, SidebarPaneBody } from '../SidebarPane';
 import { LeftArrow, TimesIcon } from '../Toolbar/styled';
 import * as Styled from './styled';
 import { createTrapTab, useMatchMobileQuery, useMatchMobileMediumQuery, isSSR } from '../../../reactUtils';
+import { stripHtml } from '../../../utils';
 
 interface SidebarProps {
   onNavigate: () => void;
@@ -126,7 +127,7 @@ function TocToggle({
       <Styled.SummaryWrapper>
         <Styled.ExpandIcon />
         <Styled.CollapseIcon />
-        <Styled.SummaryTitle dangerouslySetInnerHTML={{ __html: title }} />
+        <Styled.SummaryTitle dangerouslySetInnerHTML={{ __html: title }}/>
       </Styled.SummaryWrapper>
     </Styled.StyledTreeItemContent>
   );
@@ -214,7 +215,7 @@ function TocLeaf({
       section={section}
       id={item.id}
       key={item.id}
-      textValue={item.title}
+      textValue={stripHtml(item.title, true)}
       onAction={
         // Ignored until RAC and TS versions are compatible
         // istanbul ignore next
@@ -225,7 +226,7 @@ function TocLeaf({
     >
       <Styled.NavItem
         data-type={sectionType}
-        textValue={item.title}
+        textValue={stripHtml(item.title, true)}
       >
         <Styled.ContentLink
           ref={linkRef}
@@ -271,7 +272,7 @@ function TocSection({
                 section={section}
                 id={item.id}
                 key={item.id}
-                textValue={item.title}
+                textValue={stripHtml(item.title, true)}
                 onClick={() => handleTreeItemClick(item.id)}
               >
                 <ArchiveTreeComponent