fix small issues within explorer search bar and sample query

public/components/common/search/autocomplete.tsx

@@ -21,14 +21,15 @@
     dslService: DSLService,
     possibleCommands: Array<{ label: string }>
   ) => Promise<AutocompleteItem[]>;
   onItemSelect: any;
   isDisabled?: boolean;
   baseQuery: string;
   tabId: string;
   placeholder?: string;
   possibleCommands?: Array<{ label: string }>;
   append?: any;
   isSuggestionDisabled?: boolean;
+  ignoreShiftEnter?: boolean;
 }
 
 export const Autocomplete = (props: AutocompleteProps) => {
@@ -47,6 +48,7 @@
     possibleCommands,
     append,
     isSuggestionDisabled = false,
+    ignoreShiftEnter = false,
   } = props;
 
   const [autocompleteState, setAutocompleteState] = useState<AutocompleteState<AutocompleteItem>>({
@@ -63,6 +65,7 @@
   const panelsFilter = tabId === 'panels-filter';
 
   useEffect(() => {
+    if (ignoreShiftEnter) return;
     const searchBar = document.getElementById('autocomplete-textarea');
 
     searchBar?.addEventListener('keydown', (e) => {

public/components/common/search/direct_search.tsx

@@ -64,7 +64,7 @@
   tempQuery: string;
   handleQueryChange: (query: string) => void;
   handleQuerySearch: () => void;
   dslService: any;
 }
 
 export interface IDatePickerProps {
@@ -74,11 +74,11 @@
   setEndTime: () => void;
   setTimeRange: () => void;
   setIsOutputStale: () => void;
   handleTimePickerChange: (timeRange: string[]) => any;
   handleTimeRangePickerRefresh: () => any;
 }
 
 export const DirectSearch = (props: any) => {
   const {
     query,
     tempQuery,
@@ -119,7 +119,7 @@
     error: pollingError,
     startPolling,
     stopPolling,
   } = usePolling<any, any>((params) => {
     return sqlService.fetchWithJobId(params);
   }, ASYNC_POLLING_INTERVAL);
 
@@ -334,13 +334,13 @@
         })
       );
     }
   }, [pollingResult, pollingError]);
 
   useEffect(() => {
     return () => {
       stopPolling();
     };
   }, []);
 
   useEffect(() => {
     if (!explorerSearchMetadata.isPolling) {
@@ -391,6 +391,7 @@
             tabId={tabId}
             isSuggestionDisabled={true}
             isDisabled={explorerSearchMetadata.isPolling}
+            ignoreShiftEnter={true}
           />
           {queryLang === QUERY_LANGUAGE.PPL && (
             <EuiBadge

public/components/common/search/search.tsx

@@ -389,9 +389,7 @@ export const Search = (props: any) => {
                   tempQuery={tempQuery}
                   baseQuery={baseQuery}
                   handleQueryChange={handleQueryChange}
-                  handleQuerySearch={() => {
-                    onQuerySearch(queryLang);
-                  }}
+                  handleQuerySearch={runChanges}
                   dslService={dslService}
                   getSuggestions={getSuggestions}
                   onItemSelect={onItemSelect}

public/components/event_analytics/explorer/no_results.tsx

@@ -126,7 +126,7 @@ export const NoResults = ({ tabId }: any) => {
                     <p>Show a list of tables within a database</p>
                     <EuiSpacer size="s" />
                     <CreatedCodeBlock
-                      code={`SHOW TABLES EXTENDED IN ${datasourceName}.<database> LIKE '*'`}
+                      code={`SHOW TABLE EXTENDED IN ${datasourceName}.<database> LIKE '*'`}
                     />
                   </EuiFlexItem>
                   <EuiFlexItem>