Delete unused code

Author: itsmylife

package.json

@@ -37,13 +37,15 @@
     "@types/jest": "29.5.5",
     "@types/lodash": "4.14.199",
     "@types/node": "20.8.2",
+    "@types/ol-ext": "npm:@siedlerchr/types-ol-ext@3.2.0",
     "@types/pluralize": "0.0.30",
     "@types/prismjs": "1.26.0",
     "@types/react": "18.2.15",
     "@types/react-beautiful-dnd": "13.1.4",
     "@types/react-dom": "18.2.7",
     "@types/react-highlight-words": "0.16.5",
     "@types/react-redux": "7.1.25",
+    "@types/react-window": "1.8.7",
     "@types/semver": "7.5.0",
     "@types/slate": "0.47.11",
     "@types/slate-plain-serializer": "0.7.2",
@@ -90,12 +92,12 @@
   "dependencies": {
     "@emotion/css": "11.11.2",
     "@grafana/aws-sdk": "0.1.3",
-    "@grafana/data": "10.2.0-nightly.6184bf21",
+    "@grafana/data": "10.2.0-nightly.e365200c",
     "@grafana/experimental": "1.7.3",
     "@grafana/faro-web-sdk": "1.2.1",
-    "@grafana/runtime": "10.2.0-nightly.6184bf21",
-    "@grafana/schema": "10.2.0-nightly.6184bf21",
-    "@grafana/ui": "10.2.0-nightly.6184bf21",
+    "@grafana/runtime": "10.2.0-nightly.e365200c",
+    "@grafana/schema": "10.2.0-nightly.e365200c",
+    "@grafana/ui": "10.2.0-nightly.e365200c",
     "@leeoniya/ufuzzy": "1.0.8",
     "@lezer/common": "1.1.0",
     "@lezer/highlight": "1.1.3",

src/components/PromQueryField.tsx

@@ -1,22 +1,8 @@
 import { cx } from '@emotion/css';
 import { isDataFrame, QueryEditorProps, QueryHint, TimeRange, toLegacyResponseData } from '@grafana/data';
 import { reportInteraction } from '@grafana/runtime';
-import {
-  BracesPlugin,
-  clearButtonStyles,
-  DOMUtil,
-  Icon,
-  SlatePrism,
-  SuggestionsState,
-  Themeable2,
-  TypeaheadInput,
-  TypeaheadOutput,
-  withTheme2,
-} from '@grafana/ui';
-import { LanguageMap, languages as prismLanguages } from 'prismjs';
+import { clearButtonStyles, Icon, Themeable2, withTheme2 } from '@grafana/ui';
 import React, { ReactNode } from 'react';
-import { Plugin } from 'slate';
-import { Editor } from 'slate-react';
 
 import { PrometheusDatasource } from '../datasource';
 import { LocalStorageValueProvider } from '../gcopypaste/app/core/components/LocalStorageValueProvider';
@@ -31,7 +17,6 @@ import { PromOptions, PromQuery } from '../types';
 import { PrometheusMetricsBrowser } from './PrometheusMetricsBrowser';
 import { MonacoQueryFieldWrapper } from './monaco-query-field/MonacoQueryFieldWrapper';
 
-export const RECORDING_RULES_GROUP = '__recording_rules__';
 const LAST_USED_LABELS_KEY = 'grafana.datasources.prometheus.browser.labels';
 
 function getChooserText(metricsLookupDisabled: boolean, hasSyntax: boolean, hasMetrics: boolean) {
@@ -50,33 +35,6 @@ function getChooserText(metricsLookupDisabled: boolean, hasSyntax: boolean, hasM
   return 'Metrics browser';
 }
 
-export function willApplySuggestion(suggestion: string, { typeaheadContext, typeaheadText }: SuggestionsState): string {
-  // Modify suggestion based on context
-  switch (typeaheadContext) {
-    case 'context-labels': {
-      const nextChar = DOMUtil.getNextCharacter();
-      if (!nextChar || nextChar === '}' || nextChar === ',') {
-        suggestion += '=';
-      }
-      break;
-    }
-
-    case 'context-label-values': {
-      // Always add quotes and remove existing ones instead
-      if (!typeaheadText.match(/^(!?=~?"|")/)) {
-        suggestion = `"${suggestion}`;
-      }
-      if (DOMUtil.getNextCharacter() !== '"') {
-        suggestion = `${suggestion}"`;
-      }
-      break;
-    }
-
-    default:
-  }
-  return suggestion;
-}
-
 interface PromQueryFieldProps extends QueryEditorProps<PrometheusDatasource, PromQuery, PromOptions>, Themeable2 {
   ExtraFieldElement?: ReactNode;
   'data-testid'?: string;
@@ -89,23 +47,11 @@ interface PromQueryFieldState {
 }
 
 class PromQueryField extends React.PureComponent<PromQueryFieldProps, PromQueryFieldState> {
-  plugins: Array<Plugin<Editor>>;
   declare languageProviderInitializationPromise: CancelablePromise<any>;
 
   constructor(props: PromQueryFieldProps, context: React.Context<any>) {
     super(props, context);
 
-    this.plugins = [
-      BracesPlugin(),
-      SlatePrism(
-        {
-          onlyIn: (node: any) => node.type === 'code_block',
-          getSyntax: (node: any) => 'promql',
-        },
-        { ...(prismLanguages as LanguageMap), promql: this.props.datasource.languageProvider.syntax }
-      ),
-    ];
-
     this.state = {
       labelBrowserVisible: false,
       syntaxLoaded: false,
@@ -254,26 +200,6 @@ class PromQueryField extends React.PureComponent<PromQueryFieldProps, PromQueryF
     this.setState({ syntaxLoaded: true });
   };
 
-  onTypeahead = async (typeahead: TypeaheadInput): Promise<TypeaheadOutput> => {
-    const {
-      datasource: { languageProvider },
-    } = this.props;
-
-    if (!languageProvider) {
-      return { suggestions: [] };
-    }
-
-    const { history } = this.props;
-    const { prefix, text, value, wrapperClasses, labelKey } = typeahead;
-
-    const result = await languageProvider.provideCompletionItems(
-      { text, value, prefix, wrapperClasses, labelKey },
-      { history }
-    );
-
-    return result;
-  };
-
   render() {
     const {
       datasource,