geneVersion prop and console logs

Author: JaiiR320

package.json

@@ -2,7 +2,7 @@
   "name": "@weng-lab/psychscreen-ui-components",
   "description": "Typescript and Material UI based components used for psychSCREEN",
   "author": "SCREEN Team @ UMass Chan Medical School",
-  "version": "2.0.21",
+  "version": "2.0.22",
   "license": "MIT",
   "type": "module",
   "typings": "dist/index.d.ts",

src/components/Autocomplete/Autocomplete.tsx

@@ -36,6 +36,7 @@ const Search: React.FC<GenomeSearchProps> = ({
   queries,
   assembly,
   showiCREFlag,
+  geneVersion,
   geneLimit,
   snpLimit,
   icreLimit,
@@ -81,14 +82,13 @@ const Search: React.FC<GenomeSearchProps> = ({
     queryFn: () => getCCREs(inputValue, assembly, ccreLimit || 3, showiCREFlag || false),
     enabled: false,
   });
-
   const {
     data: geneData,
     refetch: refetchGenes,
     isFetching: geneFetching,
   } = useQuery({
     queryKey: ["genes", inputValue],
-    queryFn: () => getGenes(inputValue, assembly, geneLimit || 3),
+    queryFn: () => getGenes(inputValue, assembly, geneLimit || 3, geneVersion || assembly === "GRCh38" ? 29 : 25),
     enabled: false,
   });
 
@@ -143,7 +143,6 @@ const Search: React.FC<GenomeSearchProps> = ({
       );
     }
     if (ccreData && searchCCRE && inputValue.toLowerCase().startsWith("eh")) {
-      console.log(ccreData.data.cCREAutocompleteQuery)
       resultsList.push(
         ...ccreResultList(ccreData.data.cCREAutocompleteQuery, ccreLimit || 3)
       );

src/components/Autocomplete/queries.ts

@@ -147,16 +147,18 @@ export const getCCREs = async (
 export const getGenes = async (
   value: string,
   assembly: string,
-  limit: number
+  limit: number,
+  geneVersion: number
 ) => {
+  console.log(geneVersion)
   const response = await fetch("https://screen.api.wenglab.org/graphql", {
     method: "POST",
     body: JSON.stringify({
       query: GENE_AUTOCOMPLETE_QUERY,
       variables: {
         assembly: assembly.toLowerCase(),
         name_prefix: value,
-        version: assembly.toLowerCase() === "grch38" ? 29 : 25,
+        version: geneVersion,
         limit: limit,
       },
     }),

src/components/Autocomplete/types.ts

@@ -6,6 +6,7 @@ export type GenomeSearchProps = Partial<AutocompleteProps<Result, false, true, f
     onSearchSubmit: (result: Result) => void;
     defaultResults?: Result[];
     showiCREFlag?: boolean;
+    geneVersion?: number;
     // queries
     queries: ResultType[];
     geneLimit?: number;

src/components/Autocomplete/utils.ts

@@ -197,10 +197,6 @@ export function isDomain(input: string) {
   const hasTabs = input.includes("\t");
   const hasHyphens = input.includes("-");
   const hasChromosomeNumber = input.length >= 4 && /^\d$/.test(input[3]);
-  console.log(
-    input,
-    hasTabs || hasHyphens || (input.startsWith("chr") && hasChromosomeNumber)
-  );
   return (
     (hasTabs || hasHyphens) && input.startsWith("chr") && hasChromosomeNumber
   );

src/components/Graph/Legend.tsx

@@ -48,7 +48,6 @@ const Legend: React.FC<LegendProps> = ({
   const uniqueCategories = order
     ? order
     : Array.from(new Set(simpleCategories)); // simple names
-  console.log(toggles);
 
   // loop on uniqueCat if there is order, else loop on uniqueCategories
   return (

src/components/Table/Table.tsx

@@ -45,9 +45,7 @@ const CustomizedTable: React.FC<CustomizedTableProps> = (props) => {
   };
 
   let rows = props.tabledata;
-  console.log(rows)
-  console.log(rows
-    .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage))
+
   return (
     <>
       <TableContainer>

src/test.tsx

@@ -4,7 +4,7 @@ import { GenomeSearch, Result, ResultType } from "./components/Autocomplete";
 import { useState } from "react";
 
 function App() {
-  const query: ResultType[] = ["cCRE"]
+  const query: ResultType[] = ["Gene"]
   const [result, setResult] = useState<Result>()
   return (
     <Box display="flex" flexDirection="column" justifyContent="start" alignItems="center" height="100vh" width="100%">
@@ -13,6 +13,7 @@ function App() {
         assembly="GRCh38"
         queries={query}
         showiCREFlag
+        geneVersion={29}
         onSearchSubmit={(result) => {
           setResult(result)
         }}