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/geneExpression/menus/addGeneToGenesetDialogue.js

@@ -1,89 +0,0 @@
-import React from "react";
-import { connect } from "react-redux";
-import AnnoDialog from "../../annoDialog";
-import LabelInput from "../../labelInput";
-import parseBulkGeneString from "../../../util/parseBulkGeneString";
-import actions from "../../../actions";
-
-@connect((state) => ({
-  genesetsUI: state.genesetsUI,
-}))
-class AddGeneToGenesetDialogue extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    this.state = {
-      genesToAdd: "",
-    };
-  }
-
-  disableAddGeneMode = () => {
-    const { dispatch } = this.props;
-    dispatch({
-      type: "geneset: disable add new genes mode",
-    });
-  };
-
-  handleAddGeneToGeneSet = (e) => {
-    const { geneset, dispatch } = this.props;
-    const { genesToAdd } = this.state;
-
-    const genesTmpHardcodedFormat = [];
-
-    const genesArrayFromString = parseBulkGeneString(genesToAdd);
-
-    genesArrayFromString.forEach((_gene) => {
-      genesTmpHardcodedFormat.push({
-        geneSymbol: _gene,
-      });
-    });
-
-    dispatch(actions.genesetAddGenes(geneset, genesTmpHardcodedFormat));
-    dispatch({
-      type: "geneset: disable add new genes mode",
-    });
-    if (e) e.preventDefault();
-  };
-
-  handleChange = (e) => {
-    this.setState({ genesToAdd: e });
-  };
-
-  render() {
-    const { geneset, genesetsUI } = this.props;
-    const { genesToAdd } = this.state;
-
-    return (
-      <>
-        <AnnoDialog
-          isActive={genesetsUI.isAddingGenesToGeneset === geneset}
-          inputProps={{ "data-testid": `${geneset}:create-label-dialog` }}
-          primaryButtonProps={{
-            "data-testid": `${geneset}:submit-gene`,
-          }}
-          title="Add genes to gene set"
-          instruction={`Add genes to ${geneset}`}
-          cancelTooltipContent="Close this dialog without adding genes to gene set."
-          primaryButtonText="Add genes"
-          text={genesToAdd}
-          validationError={false}
-          annoInput={
-            <LabelInput
-              onChange={this.handleChange}
-              inputProps={{
-                "data-testid": "add-genes",
-                leftIcon: "manually-entered-data",
-                intent: "none",
-                autoFocus: true,
-              }}
-              newLabelMessage="New category"
-            />
-          }
-          handleSubmit={this.handleAddGeneToGeneSet}
-          handleCancel={this.disableAddGeneMode}
-        />
-      </>
-    );
-  }
-}
-
-export default AddGeneToGenesetDialogue;