cleanup

Signed-off-by: abbyhu2000 <abigailhu2000@gmail.com>

src/plugins/data/public/types.ts

@@ -42,7 +42,7 @@ import { IndexPatternsContract } from './index_patterns';
 import { IndexPatternSelectProps, StatefulSearchBarProps } from './ui';
 import { UsageCollectionSetup } from '../../usage_collection/public';
 import { DataSourceStart } from './data_sources/datasource_services/types';
-import { ObservabilitySetup } from '../../../../plugins/dashboards-observability/public/types';
+
 export interface DataPublicPluginEnhancements {
   search: SearchEnhancements;
 }

src/plugins/data/public/ui/query_string_input/language_switcher.tsx

@@ -43,19 +43,31 @@ import {
 } from '@elastic/eui';
 import { FormattedMessage } from '@osd/i18n/react';
 import React, { useState } from 'react';
-import { Observable } from 'rxjs';
 import { useObservable } from 'react-use';
 import { useOpenSearchDashboards } from '../../../../opensearch_dashboards_react/public';
+import { IDataPluginServices } from '../../types';
 
 interface Props {
   language: string;
   onSelectLanguage: (newLanguage: string) => void;
   anchorPosition?: PopoverAnchorPosition;
-  currentApp$?: Observable<string | undefined>;
-  useNewQuerySelector?: boolean;
 }
 
 export function QueryLanguageSwitcher(props: Props) {
+  const opensearchDashboards = useOpenSearchDashboards<IDataPluginServices>();
+  const { application } = opensearchDashboards.services;
+  const currentApp$ = application?.currentAppId$;
+
+  let useNewQuerySelector;
+  application?.applications$.subscribe((applications) => {
+    applications.forEach((applicationEntry) => {
+      if (applicationEntry.id === 'observability-dashboards') {
+        useNewQuerySelector = true;
+        return;
+      }
+    });
+  });
+
   const dataExplorerOptions = [
     {
       label: 'DQL',
@@ -102,7 +114,7 @@ export function QueryLanguageSwitcher(props: Props) {
     setSelectedLanguage(newLanguage);
   };
 
-  if (useObservable(props.currentApp$!, '') === 'data-explorer' && props.useNewQuerySelector) {
+  if (useObservable(currentApp$!, '') === 'data-explorer' && useNewQuerySelector) {
     return (
       <EuiComboBox
         className="languageSwitcher"

src/plugins/data/public/ui/query_string_input/query_bar_top_row.tsx

@@ -83,7 +83,6 @@ export interface QueryBarTopRowProps {
   isDirty: boolean;
   timeHistory?: TimeHistoryContract;
   indicateNoData?: boolean;
-  useNewQuerySelector?: boolean;
 }
 
 // Needed for React.lazy
@@ -93,16 +92,8 @@ export default function QueryBarTopRow(props: QueryBarTopRowProps) {
   const [isQueryInputFocused, setIsQueryInputFocused] = useState(false);
 
   const opensearchDashboards = useOpenSearchDashboards<IDataPluginServices>();
-  const {
-    application,
-    uiSettings,
-    notifications,
-    storage,
-    appName,
-    docLinks,
-  } = opensearchDashboards.services;
-
-  const currentApp = application?.currentAppId$;
+  const { uiSettings, notifications, storage, appName, docLinks } = opensearchDashboards.services;
+
   const osdDQLDocs: string = docLinks!.links.opensearchDashboards.dql.base;
 
   const queryLanguage = props.query && props.query.language;
@@ -220,8 +211,6 @@ export default function QueryBarTopRow(props: QueryBarTopRowProps) {
           onSubmit={onInputSubmit}
           persistedLog={persistedLog}
           dataTestSubj={props.dataTestSubj}
-          currentApp$={currentApp}
-          useNewQuerySelector={props.useNewQuerySelector}
         />
       </EuiFlexItem>
     );

src/plugins/data/public/ui/query_string_input/query_string_input.tsx

@@ -47,7 +47,6 @@ import {
 import { FormattedMessage } from '@osd/i18n/react';
 import { debounce, compact, isEqual, isFunction } from 'lodash';
 import { Toast } from 'src/core/public';
-import { Observable } from 'rxjs';
 import { IDataPluginServices, IIndexPattern, Query } from '../..';
 import { QuerySuggestion, QuerySuggestionTypes } from '../../autocomplete';
 
@@ -79,8 +78,6 @@ export interface QueryStringInputProps {
   size?: SuggestionsListSize;
   className?: string;
   isInvalid?: boolean;
-  currentApp$?: Observable<string | undefined>;
-  useNewQuerySelector?: boolean;
 }
 
 interface Props extends QueryStringInputProps {
@@ -709,8 +706,6 @@ export default class QueryStringInputUI extends Component<Props, State> {
           language={this.props.query.language}
           anchorPosition={this.props.languageSwitcherPopoverAnchorPosition}
           onSelectLanguage={this.onSelectLanguage}
-          currentApp$={this.props.currentApp$}
-          useNewQuerySelector={this.props.useNewQuerySelector}
         />
       </div>
     );

src/plugins/data/public/ui/search_bar/create_search_bar.tsx

@@ -188,7 +188,6 @@ export function createSearchBar({ core, storage, data }: StatefulSearchBarDeps)
           showAutoRefreshOnly={props.showAutoRefreshOnly}
           showDatePicker={props.showDatePicker}
           showFilterBar={props.showFilterBar}
-          useNewQuerySelector={props.useNewQuerySelector}
           showQueryBar={props.showQueryBar}
           showQueryInput={props.showQueryInput}
           showSaveQuery={props.showSaveQuery}

src/plugins/data/public/ui/search_bar/search_bar.tsx

@@ -47,7 +47,6 @@ import { TimeRange, Query, Filter, IIndexPattern } from '../../../common';
 import { FilterBar } from '../filter_bar/filter_bar';
 import { SavedQueryMeta, SaveQueryForm } from '../saved_query_form';
 import { SavedQueryManagementComponent } from '../saved_query_management';
-import { services } from '../../../../../../test/api_integration/services/index';
 
 interface SearchBarInjectedDeps {
   opensearchDashboards: OpenSearchDashboardsReactContextValue<IDataPluginServices>;
@@ -93,7 +92,6 @@ export interface SearchBarOwnProps {
 
   onRefresh?: (payload: { dateRange: TimeRange }) => void;
   indicateNoData?: boolean;
-  useNewQuerySelector?: boolean;
 }
 
 export type SearchBarProps = SearchBarOwnProps & SearchBarInjectedDeps;

src/plugins/discover/opensearch_dashboards.json

@@ -15,7 +15,7 @@
     "uiActions",
     "visualizations"
   ],
-  "optionalPlugins": ["home", "share", "observabilityDashboards"],
+  "optionalPlugins": ["home", "share"],
   "requiredBundles": [
     "home",
     "opensearchDashboardsUtils",

src/plugins/discover/public/application/view_components/canvas/top_nav.tsx

@@ -37,7 +37,6 @@ export const TopNav = ({ opts }: TopNavProps) => {
     data,
     chrome,
     osdUrlStateStorage,
-    useNewQuerySelector,
   } = services;
 
   const topNavLinks = savedSearch ? getTopNavLinks(services, inspectorAdapters, savedSearch) : [];
@@ -91,7 +90,6 @@ export const TopNav = ({ opts }: TopNavProps) => {
       setMenuMountPoint={opts.setHeaderActionMenu}
       indexPatterns={indexPattern ? [indexPattern] : indexPatterns}
       onQuerySubmit={opts.onQuerySubmit}
-      useNewQuerySelector={useNewQuerySelector}
     />
   );
 };

src/plugins/discover/public/build_services.ts

@@ -82,7 +82,6 @@ export interface DiscoverServices {
   getSavedSearchUrlById: (id: string) => Promise<string>;
   uiSettings: IUiSettingsClient;
   visualizations: VisualizationsStart;
-  useNewQuerySelector: boolean;
 }
 
 export function buildServices(

src/plugins/discover/public/plugin.ts

@@ -30,7 +30,6 @@ import { Start as InspectorPublicPluginStart } from 'src/plugins/inspector/publi
 import { stringify } from 'query-string';
 import rison from 'rison-node';
 import { lazy } from 'react';
-import { ObservabilityStart } from 'plugins/dashboards-observability/public/types';
 import { DataPublicPluginStart, DataPublicPluginSetup, opensearchFilters } from '../../data/public';
 import { SavedObjectLoader } from '../../saved_objects/public';
 import { url } from '../../opensearch_dashboards_utils/public';