SG API docs

package.json

@@ -111,11 +111,11 @@
     "style-loader": "^0.23.1",
     "styled-components": "^4.3.2",
     "ts-jest": "24.0.2",
-    "ts-loader": "6.0.4",
+    "ts-loader": "^8.4.0",
     "ts-node": "^8.3.0",
     "tslint": "^5.18.0",
     "tslint-react": "^4.0.0",
-    "typescript": "^3.5.3",
+    "typescript": "^4.9.5",
     "unfetch": "^4.1.0",
     "url-polyfill": "^1.1.7",
     "webpack": "^4.38.0",
@@ -155,7 +155,7 @@
     "slugify": "^1.3.4",
     "stickyfill": "^1.1.1",
     "swagger2openapi": "^5.3.1",
-    "tslib": "^1.10.0",
+    "tslib": "^2.3.1",
     "uri-template-lite": "^19.4.0"
   },
   "bundlesize": [

src/common-elements/panels.ts

@@ -58,6 +58,7 @@ export const RightPanel = styled.div`
   `};
 `;
 
+// @ts-ignore
 export const DarkRightPanel = styled(RightPanel)`
   background-color: ${props => props.theme.rightPanel.backgroundColor};
 `;

src/common-elements/samples.tsx

@@ -23,6 +23,7 @@ export const SampleControlsWrap = styled.div`
   }
 `;
 
+// @ts-ignore
 export const StyledPre = styled(PrismDiv.withComponent('pre'))`
   font-family: ${props => props.theme.typography.code.fontFamily};
   font-size: ${props => props.theme.typography.code.fontSize};

src/components/SideMenu/SideMenu.tsx

@@ -6,7 +6,6 @@ import { OptionsContext } from '../OptionsProvider';
 import { MenuItems } from './MenuItems';
 
 import { PerfectScrollbarWrap } from '../../common-elements/perfect-scrollbar';
-import { RedocAttribution } from './styled.elements';
 
 @observer
 export class SideMenu extends React.Component<{ menu: MenuStore; className?: string }> {
@@ -24,11 +23,6 @@ export class SideMenu extends React.Component<{ menu: MenuStore; className?: str
         }}
       >
         <MenuItems items={store.items} onActivate={this.activate} root={true} />
-        <RedocAttribution>
-          <a target="_blank" href="https://github.com/Redocly/redoc">
-            Documentation Powered by ReDoc
-          </a>
-        </RedocAttribution>
       </PerfectScrollbarWrap>
     );
   }

src/components/StickySidebar/StickyResponsiveSidebar.tsx

@@ -35,6 +35,7 @@ const StyledStickySidebar = styled.div<{ open?: boolean }>`
   position: sticky;
   position: -webkit-sticky;
   top: 0;
+  border-right: 1px solid rgb(243, 243, 243);
 
   ${media.lessThan('small')`
     position: fixed;

src/services/models/Example.ts

@@ -32,12 +32,12 @@ export class ExampleModel {
     }
   }
 
-  getExternalValue(mimeType: string): Promise<any> {
+  async getExternalValue(mimeType: string): Promise<any> {
     if (!this.externalValueUrl) {
       return Promise.resolve(undefined);
     }
 
-    if (externalExamplesCache[this.externalValueUrl]) {
+    if (await externalExamplesCache[this.externalValueUrl]) {
       return externalExamplesCache[this.externalValueUrl];
     }
 

tsconfig.json

@@ -13,6 +13,9 @@
     "importHelpers": true,
     "outDir": "lib",
     "pretty": true,
+    "strict": false,
+    "skipLibCheck": true,
+    "suppressImplicitAnyIndexErrors": true,
     "lib": [
       "es2015",
       "es2016",