Lint and test fixes

Author: ddelemeny

src/LogContext/components/LogContextQueryBuilderSidebar.tsx

@@ -159,7 +159,6 @@ export function LogContextQueryBuilderSidebar(props: LogContextProps & QueryBuil
   }
 
   const renderFieldSection = (field: Field)=>{
-    console.log('FIELD', field)
     return (
       <CollapsableSection
             label={LogContextFieldSection(field)} 

src/components/LuceneQueryEditor.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useRef} from "react";
+import React, { useRef, useCallback } from "react";
 import { css } from "@emotion/css";
 
 import { LuceneQueryBuilder } from '@/QueryBuilder/lucene';
@@ -11,8 +11,8 @@ import {autocompletion, CompletionContext} from "@codemirror/autocomplete"
 export type LuceneQueryEditorProps = {
   placeholder?: string,
   builder: LuceneQueryBuilder,
-  autocompleter: (word: string)=>any,
-  onChange: (query: string)=>void
+  autocompleter: (word: string) => any,
+  onChange: (query: string) => void
 }
 
 export function LuceneQueryEditor(props: LuceneQueryEditorProps){
@@ -33,17 +33,20 @@ export function LuceneQueryEditor(props: LuceneQueryEditorProps){
     return diagnostics
   })
 
-  const autocomplete = useMemo(()=>autocompletion({
-    override: [async (context: CompletionContext)=>{
-      let word = context.matchBefore(/\S*/);
-      if (!word){ return null }
-      const suggestions = await props.autocompleter(word?.text);
-      return {
-        from: word.from + suggestions.from,
-        options: suggestions.options
-      }
-    }]
-  }),[props.autocompleter])
+
+  const {autocompleter} = props;
+  const datasourceCompletions = useCallback(async (context: CompletionContext)=>{
+    let word = context.matchBefore(/\S*/);
+    if (!word){ return null }
+    const suggestions = await autocompleter(word?.text);
+    return {
+      from: word.from + suggestions.from,
+      options: suggestions.options
+    }
+  },[autocompleter])
+
+
+  const autocomplete = autocompletion({ override: [datasourceCompletions] })
 
   return (<CodeMirror 
     ref={editorRef}

src/components/QueryEditor/index.tsx

@@ -60,18 +60,18 @@ interface Props {
 export const ElasticSearchQueryField = ({ value, onChange }: { value?: string; onChange: (v: string) => void }) => {
   const styles = useStyles2(getStyles);
   const builder = useQueryBuilder();
-  const {query, setQuery} = builder;
+  const {setQuery} = builder;
   const datasource = useDatasource()
   const [fields, autocompleter] = useDatasourceFields(datasource);
 
   useEffect(()=>{
     setQuery(value || '')
   }, [setQuery, value])
 
-  const onEditorChange = useCallback((query:string)=>{
+  const onEditorChange = useCallback((query: string)=>{
     setQuery(query);
     onChange(query)
-  },[query, setQuery])
+  },[setQuery, onChange])
 
   return (
     <div className={styles.queryItem}>

src/datasource.utils.ts

@@ -11,7 +11,9 @@ export function useDatasourceFields(datasource: QuickwitDataSource): [any[], (wo
   const [fields, setFields] = useState<any[]>([]);
 
   useEffect(() => {
-    datasource.getTagKeys({ searchable: true }).then(setFields);
+    if (datasource.getTagKeys) {
+      datasource.getTagKeys({ searchable: true }).then(setFields);
+    }
   }, [datasource, setFields]);
 
   const getSuggestions = useCallback(async (word: string) => {