Update TS to 3.1.2

server/sonar-vsts/package.json

@@ -60,10 +60,10 @@
     "react-error-overlay": "1.0.7",
     "react-test-renderer": "16.4.2",
     "style-loader": "0.20.3",
-    "ts-jest": "23.1.3",
-    "ts-loader": "4.3.0",
-    "typescript": "3.0.1",
-    "typescript-eslint-parser": "18.0.0",
+    "ts-jest": "23.10.4",
+    "ts-loader": "5.2.1",
+    "typescript": "3.1.2",
+    "typescript-eslint-parser": "20.0.0",
     "webpack": "4.1.1",
     "webpack-bundle-analyzer": "2.11.1",
     "webpack-dev-server": "3.1.1"

server/sonar-web/package.json

@@ -9,12 +9,12 @@
     "classnames": "2.2.5",
     "clipboard": "2.0.1",
     "create-react-class": "15.6.3",
-    "d3-array": "1.2.1",
-    "d3-hierarchy": "1.1.6",
-    "d3-scale": "2.0.0",
-    "d3-selection": "1.3.0",
-    "d3-shape": "1.2.0",
-    "d3-zoom": "1.7.1",
+    "d3-array": "1.2.4",
+    "d3-hierarchy": "1.1.8",
+    "d3-scale": "2.1.2",
+    "d3-selection": "1.3.2",
+    "d3-shape": "1.2.2",
+    "d3-zoom": "1.7.3",
     "date-fns": "1.29.0",
     "formik": "1.2.0",
     "history": "3.3.0",
@@ -57,12 +57,12 @@
     "@babel/preset-react": "7.0.0",
     "@types/classnames": "2.2.3",
     "@types/clipboard": "2.0.0",
-    "@types/d3-array": "1.2.1",
-    "@types/d3-hierarchy": "1.1.1",
-    "@types/d3-scale": "2.0.0",
-    "@types/d3-selection": "1.3.0",
-    "@types/d3-shape": "1.2.2",
-    "@types/d3-zoom": "1.7.1",
+    "@types/d3-array": "1.2.2",
+    "@types/d3-hierarchy": "1.1.4",
+    "@types/d3-scale": "2.0.2",
+    "@types/d3-selection": "1.3.2",
+    "@types/d3-shape": "1.2.4",
+    "@types/d3-zoom": "1.7.2",
     "@types/enzyme": "3.1.10",
     "@types/jest": "23.3.1",
     "@types/keymaster": "1.6.28",
@@ -118,10 +118,10 @@
     "remark": "9.0.0",
     "remark-react": "4.0.3",
     "style-loader": "0.21.0",
-    "ts-jest": "23.1.3",
-    "ts-loader": "4.3.0",
-    "typescript": "3.0.1",
-    "typescript-eslint-parser": "18.0.0",
+    "ts-jest": "23.10.4",
+    "ts-loader": "5.2.1",
+    "typescript": "3.1.2",
+    "typescript-eslint-parser": "20.0.0",
     "webpack": "4.15.1",
     "webpack-bundle-analyzer": "2.11.2",
     "webpack-dev-server": "3.1.4"

server/sonar-web/src/main/js/apps/about/components/AboutApp.tsx

@@ -71,13 +71,17 @@ class AboutApp extends React.PureComponent<Props, State> {
     this.mounted = true;
     this.loadData();
     document.body.classList.add('white-page');
-    document.documentElement.classList.add('white-page');
+    if (document.documentElement) {
+      document.documentElement.classList.add('white-page');
+    }
   }
 
   componentWillUnmount() {
     this.mounted = false;
     document.body.classList.remove('white-page');
-    document.documentElement.classList.remove('white-page');
+    if (document.documentElement) {
+      document.documentElement.classList.remove('white-page');
+    }
   }
 
   loadProjects() {

server/sonar-web/src/main/js/apps/about/sonarcloud/SonarCloudPage.tsx

@@ -38,12 +38,16 @@ type Props = StateProps & WithRouterProps & OwnProps;
 
 class SonarCloudPage extends React.Component<Props> {
   componentDidMount() {
-    document.documentElement.classList.add('white-page');
+    if (document.documentElement) {
+      document.documentElement.classList.add('white-page');
+    }
     document.body.classList.add('white-page');
   }
 
   componentWillUnmount() {
-    document.documentElement.classList.remove('white-page');
+    if (document.documentElement) {
+      document.documentElement.classList.remove('white-page');
+    }
     document.body.classList.remove('white-page');
   }
 

server/sonar-web/src/main/js/apps/coding-rules/components/App.tsx

@@ -126,7 +126,9 @@ export class App extends React.PureComponent<Props, State> {
   componentDidMount() {
     this.mounted = true;
     document.body.classList.add('white-page');
-    document.documentElement.classList.add('white-page');
+    if (document.documentElement) {
+      document.documentElement.classList.add('white-page');
+    }
     const footer = document.getElementById('footer');
     if (footer) {
       footer.classList.add('page-footer-with-sidebar');
@@ -162,10 +164,10 @@ export class App extends React.PureComponent<Props, State> {
 
   componentWillUnmount() {
     this.mounted = false;
-    // $FlowFixMe
     document.body.classList.remove('white-page');
-    // $FlowFixMe
-    document.documentElement.classList.remove('white-page');
+    if (document.documentElement) {
+      document.documentElement.classList.remove('white-page');
+    }
     const footer = document.getElementById('footer');
     if (footer) {
       footer.classList.remove('page-footer-with-sidebar');

server/sonar-web/src/main/js/apps/component-measures/components/App.tsx

@@ -107,7 +107,9 @@ export default class App extends React.PureComponent<Props, State> {
   componentDidUpdate(_prevProps: Props, prevState: State) {
     if (prevState.measures.length === 0 && this.state.measures.length > 0) {
       document.body.classList.add('white-page');
-      document.documentElement.classList.add('white-page');
+      if (document.documentElement) {
+        document.documentElement.classList.add('white-page');
+      }
       const footer = document.getElementById('footer');
       if (footer) {
         footer.classList.add('page-footer-with-sidebar');
@@ -119,7 +121,9 @@ export default class App extends React.PureComponent<Props, State> {
     this.mounted = false;
 
     document.body.classList.remove('white-page');
-    document.documentElement.classList.remove('white-page');
+    if (document.documentElement) {
+      document.documentElement.classList.remove('white-page');
+    }
 
     const footer = document.getElementById('footer');
     if (footer) {

server/sonar-web/src/main/js/apps/create/organization/CreateOrganization.tsx

@@ -64,7 +64,9 @@ export class CreateOrganization extends React.PureComponent<Props & WithRouterPr
   componentDidMount() {
     this.mounted = true;
     document.body.classList.add('white-page');
-    document.documentElement.classList.add('white-page');
+    if (document.documentElement) {
+      document.documentElement.classList.add('white-page');
+    }
     this.fetchSubscriptionPlans();
   }
 

server/sonar-web/src/main/js/apps/documentation/pages.ts

@@ -24,7 +24,7 @@ import * as Docs from './documentation.directory-loader';
 import { separateFrontMatter, filterContent } from '../../helpers/markdown';
 
 export default function getPages(): DocumentationEntry[] {
-  return Docs.map((file: any) => {
+  return ((Docs as unknown) as Array<{ content: string; path: string }>).map(file => {
     const parsed = separateFrontMatter(file.content);
     const content = filterContent(parsed.content);
     const text = getText(content);

server/sonar-web/src/main/js/apps/issues/components/App.tsx

@@ -176,8 +176,9 @@ export default class App extends React.PureComponent<Props, State> {
     }
 
     document.body.classList.add('white-page');
-    // $FlowFixMe
-    document.documentElement.classList.add('white-page');
+    if (document.documentElement) {
+      document.documentElement.classList.add('white-page');
+    }
 
     const footer = document.getElementById('footer');
     if (footer) {
@@ -235,8 +236,9 @@ export default class App extends React.PureComponent<Props, State> {
     this.detachShortcuts();
 
     document.body.classList.remove('white-page');
-    // $FlowFixMe
-    document.documentElement.classList.remove('white-page');
+    if (document.documentElement) {
+      document.documentElement.classList.remove('white-page');
+    }
 
     const footer = document.getElementById('footer');
     if (footer) {

server/sonar-web/src/main/js/apps/projects/create/CreateProjectPage.tsx

@@ -76,7 +76,9 @@ export class CreateProjectPage extends React.PureComponent<Props, State> {
         this.fetchIdentityProviders();
       }
       document.body.classList.add('white-page');
-      document.documentElement.classList.add('white-page');
+      if (document.documentElement) {
+        document.documentElement.classList.add('white-page');
+      }
     } else {
       handleRequiredAuthentication();
     }
@@ -85,7 +87,9 @@ export class CreateProjectPage extends React.PureComponent<Props, State> {
   componentWillUnmount() {
     this.mounted = false;
     document.body.classList.remove('white-page');
-    document.documentElement.classList.remove('white-page');
+    if (document.documentElement) {
+      document.documentElement.classList.remove('white-page');
+    }
   }
 
   handleProjectCreate = (projectKeys: string[]) => {

server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatesApp.tsx

@@ -59,7 +59,9 @@ export default class QualityGatesApp extends React.PureComponent<Props, State> {
     this.fetchQualityGates();
 
     document.body.classList.add('white-page');
-    document.documentElement.classList.add('white-page');
+    if (document.documentElement) {
+      document.documentElement.classList.add('white-page');
+    }
     const footer = document.getElementById('footer');
     if (footer) {
       footer.classList.add('page-footer-with-sidebar');
@@ -69,7 +71,9 @@ export default class QualityGatesApp extends React.PureComponent<Props, State> {
   componentWillUnmount() {
     this.mounted = false;
     document.body.classList.remove('white-page');
-    document.documentElement.classList.remove('white-page');
+    if (document.documentElement) {
+      document.documentElement.classList.remove('white-page');
+    }
     const footer = document.getElementById('footer');
     if (footer) {
       footer.classList.remove('page-footer-with-sidebar');

server/sonar-web/src/main/js/components/common/RestartForm.tsx

@@ -40,7 +40,7 @@ export default class RestartForm extends React.PureComponent<Props, State> {
     if (!this.state.restarting) {
       this.setState({ restarting: true });
       restartAndWait().then(
-        () => document.location.reload(),
+        () => document.location && document.location.reload(),
         () => this.setState({ restarting: false })
       );
     }

server/sonar-web/src/main/js/components/nav/NavBar.tsx

@@ -52,7 +52,9 @@ export default class NavBar extends React.PureComponent<Props, State> {
   }
 
   followHorizontalScroll = () => {
-    this.setState({ left: -document.documentElement.scrollLeft });
+    if (document.documentElement) {
+      this.setState({ left: -document.documentElement.scrollLeft });
+    }
   };
 
   render() {

server/sonar-web/src/main/js/components/workspace/WorkspaceComponentViewer.tsx

@@ -36,11 +36,15 @@ export default class WorkspaceComponentViewer extends React.PureComponent<Props>
   container?: HTMLElement | null;
 
   componentDidMount() {
-    document.documentElement.classList.add('with-workspace');
+    if (document.documentElement) {
+      document.documentElement.classList.add('with-workspace');
+    }
   }
 
   componentWillUnmount() {
-    document.documentElement.classList.remove('with-workspace');
+    if (document.documentElement) {
+      document.documentElement.classList.remove('with-workspace');
+    }
   }
 
   handleClose = () => {