Remove loki references

Author: itsmylife

src/querybuilder/shared/OperationList.tsx

@@ -6,7 +6,6 @@ import React, { useState } from 'react';
 import { DragDropContext, Droppable, DropResult } from 'react-beautiful-dnd';
 import { useMountedState, usePrevious } from 'react-use';
 
-
 import { OperationEditor } from './OperationEditor';
 import { QueryBuilderOperation, QueryWithOperations, VisualQueryModeller } from './types';
 

src/querybuilder/shared/QueryBuilderHints.tsx

@@ -2,7 +2,6 @@ import { css } from '@emotion/css';
 import { GrafanaTheme2, PanelData, QueryHint } from '@grafana/data';
 import { reportInteraction } from '@grafana/runtime';
 import { Button, Tooltip, useStyles2 } from '@grafana/ui';
-import { LokiDatasource } from 'app/plugins/datasource/loki/datasource';
 import React, { useEffect, useState } from 'react';
 
 import { PrometheusDatasource } from '../../datasource';
@@ -11,7 +10,7 @@ import { LokiAndPromQueryModellerBase, PromLokiVisualQuery } from './LokiAndProm
 
 export interface Props<T extends PromLokiVisualQuery> {
   query: T;
-  datasource: PrometheusDatasource | LokiDatasource;
+  datasource: PrometheusDatasource;
   queryModeller: LokiAndPromQueryModellerBase;
   buildVisualQueryFromString: (expr: string) => { query: T };
   onChange: (update: T) => void;

src/querybuilder/shared/QueryOptionGroup.tsx

@@ -1,28 +1,20 @@
 import { css } from '@emotion/css';
-import { getValueFormat, GrafanaTheme2 } from '@grafana/data';
+import { GrafanaTheme2 } from '@grafana/data';
 import { Stack } from '@grafana/experimental';
-import { config } from '@grafana/runtime';
-import { Collapse, Icon, Tooltip, useStyles2 } from '@grafana/ui';
-import { QueryStats } from 'app/plugins/datasource/loki/types';
+import { Collapse, useStyles2 } from '@grafana/ui';
 import React from 'react';
 import { useToggle } from 'react-use';
 
 export interface Props {
   title: string;
   collapsedInfo: string[];
-  queryStats?: QueryStats | null;
   children: React.ReactNode;
 }
 
-export function QueryOptionGroup({ title, children, collapsedInfo, queryStats }: Props) {
+export function QueryOptionGroup({ title, children, collapsedInfo }: Props) {
   const [isOpen, toggleOpen] = useToggle(false);
   const styles = useStyles2(getStyles);
 
-  const convertUnits = (): string => {
-    const { text, suffix } = getValueFormat('bytes')(queryStats!.bytes, 1);
-    return text + suffix;
-  };
-
   return (
     <div className={styles.wrapper}>
       <Collapse
@@ -45,12 +37,6 @@ export function QueryOptionGroup({ title, children, collapsedInfo, queryStats }:
       >
         <div className={styles.body}>{children}</div>
       </Collapse>
-      {queryStats && config.featureToggles.lokiQuerySplitting && (
-        <Tooltip content="Note: the query will be split into multiple parts and executed in sequence. Query limits will only apply each individual part.">
-          <Icon tabIndex={0} name="info-circle" className={styles.tooltip} size="sm" />
-        </Tooltip>
-      )}
-      {queryStats && <p className={styles.stats}>This query will process approximately {convertUnits()}.</p>}
     </div>
   );
 }