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/reducers/controls.ts

@@ -0,0 +1,152 @@
+import uniq from "lodash.uniq";
+import filter from "lodash.filter";
+
+const Controls = (
+  state = {
+    // data loading flag
+    loading: true,
+    error: null,
+
+    // all of the data + selection state
+    userDefinedGenes: [],
+    userDefinedGenesLoading: false,
+
+    resettingInterface: false,
+    graphInteractionMode: "select",
+    opacityForDeselectedCells: 0.2,
+    scatterplotXXaccessor: null, // just easier to read
+    scatterplotYYaccessor: null,
+    graphRenderCounter: 0 /* integer as <Component key={graphRenderCounter} - a change in key forces a remount */,
+
+    datasetDrawer: false,
+  },
+  action: any
+) => {
+  /*
+  For now, log anything looking like an error to the console.
+  */
+  if (action.error || /error/i.test(action.type)) {
+    console.error(action.error);
+  }
+
+  switch (action.type) {
+    case "initial data load start": {
+      return { ...state, loading: true };
+    }
+    case "initial data load complete": {
+      /* now fully loaded */
+      return {
+        ...state,
+        loading: false,
+        error: null,
+        resettingInterface: false,
+      };
+    }
+    case "reset subset": {
+      return {
+        ...state,
+        resettingInterface: false,
+      };
+    }
+    case "subset to selection": {
+      return {
+        ...state,
+        loading: false,
+        error: null,
+      };
+    }
+    case "request user defined gene started": {
+      return {
+        ...state,
+        userDefinedGenesLoading: true,
+      };
+    }
+    case "request user defined gene error": {
+      return {
+        ...state,
+        userDefinedGenesLoading: false,
+      };
+    }
+    case "request user defined gene success": {
+      const { userDefinedGenes } = state;
+      const _userDefinedGenes = uniq(
+        userDefinedGenes.concat(action.data.genes)
+      );
+      return {
+        ...state,
+        userDefinedGenes: _userDefinedGenes,
+        userDefinedGenesLoading: false,
+      };
+    }
+    case "clear user defined gene": {
+      const { userDefinedGenes } = state;
+      const newUserDefinedGenes = filter(
+        userDefinedGenes,
+        (d) => d !== action.data
+      );
+      return {
+        ...state,
+        userDefinedGenes: newUserDefinedGenes,
+      };
+    }
+    case "initial data load error": {
+      return {
+        ...state,
+        loading: false,
+        error: action.error,
+      };
+    }
+
+    /*******************************
+             User Events
+     *******************************/
+    case "change graph interaction mode":
+      return {
+        ...state,
+        graphInteractionMode: action.data,
+      };
+    case "change opacity deselected cells in 2d graph background":
+      return {
+        ...state,
+        opacityForDeselectedCells: action.data,
+      };
+    case "increment graph render counter": {
+      const c = state.graphRenderCounter + 1;
+      return {
+        ...state,
+        graphRenderCounter: c,
+      };
+    }
+
+    /*******************************
+              Scatterplot
+    *******************************/
+    case "set scatterplot x":
+      return {
+        ...state,
+        scatterplotXXaccessor: action.data,
+      };
+    case "set scatterplot y":
+      return {
+        ...state,
+        scatterplotYYaccessor: action.data,
+      };
+    case "clear scatterplot":
+      return {
+        ...state,
+        scatterplotXXaccessor: null,
+        scatterplotYYaccessor: null,
+      };
+
+    /**************************
+          Dataset Drawer
+     **************************/
+    case "toggle dataset drawer":
+      return { ...state, datasetDrawer: !state.datasetDrawer };
+
+    default:
+      return state;
+  }
+};
+
+export default Controls;