TS migration. #2288. (#2328)

* Added TS. Updated build and linting config. Added types.

* [ts-migrate][.] Rename files from JS/JSX to TS/TSX

Co-authored-by: ts-migrate <>

* [ts-migrate][.] Run TS Migrate

Co-authored-by: ts-migrate <>

* Corrected files mangled by ts-migrate.

* Updated lint config, minor linting.

* Re-enabled Husky.

* Updated tests and config.

* Reverted webpack devtool config.

* Removed obsolete snapshots.

* Added annotations snap.

* Updated tsconfig includes wrt linting.

* Removed ts-migrate.

Co-authored-by: Timmy Huang <tihuan@users.noreply.github.com>

client/src/components/termsPrompt/index.tsx

@@ -10,13 +10,19 @@ import {
 } from "@blueprintjs/core";
 import { storageGet, storageSet, KEYS } from "../util/localStorage";
 
+type State = any;
+
+// @ts-expect-error ts-migrate(1238) FIXME: Unable to resolve signature of class decorator whe... Remove this comment to see the full error message
 @connect((state) => ({
-  tosURL: state.config?.parameters?.about_legal_tos,
-  privacyURL: state.config?.parameters?.about_legal_privacy,
+  tosURL: (state as any).config?.parameters?.about_legal_tos,
+  privacyURL: (state as any).config?.parameters?.about_legal_privacy,
 }))
-class TermsPrompt extends React.PureComponent {
-  constructor(props) {
+class TermsPrompt extends React.PureComponent<{}, State> {
+  drawerClose: any;
+
+  constructor(props: {}) {
     super(props);
+    // @ts-expect-error ts-migrate(2339) FIXME: Property 'tosURL' does not exist on type 'Readonly... Remove this comment to see the full error message
     const { tosURL, privacyURL } = this.props;
     const cookieDecision = storageGet(KEYS.COOKIE_DECISION, null);
     const hasDecided = cookieDecision !== null;
@@ -37,8 +43,10 @@ class TermsPrompt extends React.PureComponent {
   handleOK = () => {
     this.setState({ isOpen: false });
     storageSet(KEYS.COOKIE_DECISION, "yes");
+    // @ts-expect-error ts-migrate(2339) FIXME: Property 'cookieDecisionCallback' does not exist o... Remove this comment to see the full error message
     if (window.cookieDecisionCallback instanceof Function) {
       try {
+        // @ts-expect-error ts-migrate(2339) FIXME: Property 'cookieDecisionCallback' does not exist o... Remove this comment to see the full error message
         window.cookieDecisionCallback();
       } catch (e) {
         // continue
@@ -52,6 +60,7 @@ class TermsPrompt extends React.PureComponent {
   };
 
   renderTos() {
+    // @ts-expect-error ts-migrate(2339) FIXME: Property 'tosURL' does not exist on type 'Readonly... Remove this comment to see the full error message
     const { tosURL } = this.props;
     if (!tosURL) return null;
     return (
@@ -75,6 +84,7 @@ class TermsPrompt extends React.PureComponent {
   }
 
   renderPrivacy() {
+    // @ts-expect-error ts-migrate(2339) FIXME: Property 'privacyURL' does not exist on type 'Read... Remove this comment to see the full error message
     const { privacyURL } = this.props;
     if (!privacyURL) return null;
     return (
@@ -101,13 +111,16 @@ class TermsPrompt extends React.PureComponent {
     if (!isEnabled || !isOpen) return null;
     return (
       <Drawer
+        // @ts-expect-error ts-migrate(2322) FIXME: Type '{ children: Element; onclose: any; isOpen: a... Remove this comment to see the full error message
         onclose={this.drawerClose}
         isOpen={isOpen}
         size="120px"
         position={Position.BOTTOM}
         canOutsideClickClose={false}
-        hasBackdrop /* if the user can't use the app or click outside to dismiss, that should be visually represented with a backdrop */
-        enforceFocus={false}
+        hasBackdrop
+        /* if the user can't use the app or click outside to dismiss, that should be visually represented with a backdrop */ enforceFocus={
+          false
+        }
         autoFocus={false}
         portal={false}
       >
@@ -143,5 +156,4 @@ class TermsPrompt extends React.PureComponent {
     );
   }
 }
-
 export default TermsPrompt;