Fix filterForm not displaying full csv values

Author: Sebastian Benjamin

jbrowse/src/client/JBrowse/VariantSearch/components/FilterForm.tsx

@@ -98,7 +98,8 @@ const FilterForm = (props: FilterFormProps ) => {
                     return i !== index;
                 })
             );
-        }};
+        }
+    };
 
     const handleFilterChange = (index, key, value) => {
         const newFilters = filters.map((filter, i) => {

jbrowse/src/client/JBrowse/VariantSearch/components/VariantTableWidget.tsx

@@ -11,7 +11,7 @@ import {
     GridToolbarExport
 } from '@mui/x-data-grid';
 import SearchIcon from '@mui/icons-material/Search';
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState, useMemo } from 'react';
 import { getConf } from '@jbrowse/core/configuration';
 import { AppBar, Box, Button, Dialog, Paper, Popover, Toolbar, Tooltip, Typography } from '@mui/material';
 import ArrowPagination from './ArrowPagination';
@@ -337,9 +337,6 @@ const VariantTableWidget = observer(props => {
             }
 
             const feature = extendedFeatures[0]
-            console.log(feature)
-            console.log(row)
-
             const trackId = getConf(track, 'trackId')
             const detailsConfig = getConf(track, ['displays', '0', 'detailsConfig'])
             const widgetId = 'Variant-' + trackId;
@@ -410,6 +407,7 @@ const VariantTableWidget = observer(props => {
         );
     };
 
+
     const filterModal = (
         <FilterFormModal
             open={filterModalOpen}

jbrowse/src/client/JBrowse/utils.ts

@@ -583,7 +583,10 @@ export class Filter implements FilterType {
         const searchStringsArray = decodedSearchString.split("&").filter((x) => x !== "all")
 
         return searchStringsArray.map((item) => {
-            const [field, operator, value] = item.split(",")
+            const parts = item.split(",");
+            const field = parts[0];
+            const operator = parts[1];
+            const value = parts.slice(2).join(",");
             return Object.assign(new Filter(), { field: field, operator: operator, value: value })
         })
     }