[Backport 2.x] changes loading configuration for Explorer default (#1720)

* changes loading configuration for Explorer default (#1719)

* ignore shift enter functionality added and sample query 's' removed

Signed-off-by: Paul Sebastian <[email protected]>

* create new-tab-like config for explorer by default

Signed-off-by: Paul Sebastian <[email protected]>

---------

Signed-off-by: Paul Sebastian <[email protected]>
(cherry picked from commit 571a111)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* update snapshot

Signed-off-by: Paul Sebastian <[email protected]>

---------

Signed-off-by: Paul Sebastian <[email protected]>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Paul Sebastian <[email protected]>

Author: 3 people

public/components/event_analytics/explorer/__tests__/__snapshots__/data_grid.test.tsx.snap

@@ -137,7 +137,9 @@ exports[`Datagrid component Renders data grid component 1`] = `
         },
         "basePath": BasePath {
           "basePath": "",
+          "clientBasePath": "",
           "get": [Function],
+          "getBasePath": [Function],
           "prepend": [Function],
           "remove": [Function],
           "serverBasePath": "",
@@ -165,7 +167,9 @@ exports[`Datagrid component Renders data grid component 1`] = `
           },
           "basePath": BasePath {
             "basePath": "",
+            "clientBasePath": "",
             "get": [Function],
+            "getBasePath": [Function],
             "prepend": [Function],
             "remove": [Function],
             "serverBasePath": "",
@@ -623,7 +627,9 @@ exports[`Datagrid component renders data grid with different timestamp 1`] = `
         },
         "basePath": BasePath {
           "basePath": "",
+          "clientBasePath": "",
           "get": [Function],
+          "getBasePath": [Function],
           "prepend": [Function],
           "remove": [Function],
           "serverBasePath": "",
@@ -651,7 +657,9 @@ exports[`Datagrid component renders data grid with different timestamp 1`] = `
           },
           "basePath": BasePath {
             "basePath": "",
+            "clientBasePath": "",
             "get": [Function],
+            "getBasePath": [Function],
             "prepend": [Function],
             "remove": [Function],
             "serverBasePath": "",
@@ -1109,7 +1117,9 @@ exports[`Datagrid component renders data grid with no timestamp 1`] = `
         },
         "basePath": BasePath {
           "basePath": "",
+          "clientBasePath": "",
           "get": [Function],
+          "getBasePath": [Function],
           "prepend": [Function],
           "remove": [Function],
           "serverBasePath": "",
@@ -1137,7 +1147,9 @@ exports[`Datagrid component renders data grid with no timestamp 1`] = `
           },
           "basePath": BasePath {
             "basePath": "",
+            "clientBasePath": "",
             "get": [Function],
+            "getBasePath": [Function],
             "prepend": [Function],
             "remove": [Function],
             "serverBasePath": "",

public/components/event_analytics/explorer/log_explorer.tsx

@@ -5,7 +5,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import { isEmpty } from 'lodash';
 import React, { useContext, useEffect, useRef, useState } from 'react';
-import { useSelector } from 'react-redux';
+import { batch, useSelector, useDispatch } from 'react-redux';
 import { useHistory } from 'react-router-dom';
 import { LogExplorerRouterContext } from '..';
 import {
@@ -26,6 +26,14 @@ import {
 } from '../../../../common/constants/shared';
 import { coreRefs } from '../../../../public/framework/core_refs';
 
+import { init as initFields } from '../../event_analytics/redux/slices/field_slice';
+import { init as initPatterns } from '../../event_analytics/redux/slices/patterns_slice';
+import { init as initQueryResult } from '../../event_analytics/redux/slices/query_result_slice';
+import { init as initQuery } from '../../event_analytics/redux/slices/query_slice';
+import { init as initVisualizationConfig } from '../../event_analytics/redux/slices/viualization_config_slice';
+import { resetSummary as initQueryAssistSummary } from '../../event_analytics/redux/slices/query_assistant_summarization_slice';
+import { init as initSearchMetaData } from '../../event_analytics/redux/slices/search_meta_data_slice';
+
 const searchBarConfigs = {
   [TAB_EVENT_ID]: {
     showSaveButton: true,
@@ -52,6 +60,7 @@ export const LogExplorer = ({
   dataSourcePluggables,
 }: ILogExplorerProps) => {
   const history = useHistory();
+  const dispatch = useDispatch();
   const routerContext = useContext(LogExplorerRouterContext);
   const tabIds = useSelector(selectQueryTabs).queryTabIds.filter(
     (tabid: string) => !tabid.match(APP_ANALYTICS_TAB_ID_REGEX)
@@ -68,6 +77,7 @@ export const LogExplorer = ({
   explorerDataRef.current = explorerData;
   curSelectedTabIdRef.current = curSelectedTabId;
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [tabCreatedTypes, setTabCreatedTypes] = useState({});
 
   const dispatchSavedObjectId = async () => {
@@ -87,6 +97,19 @@ export const LogExplorer = ({
   useEffect(() => {
     if (!isEmpty(savedObjectId)) {
       dispatchSavedObjectId();
+    } else {
+      // below piece of code was added to simulate creating a new tab if saved obj isn't being loaded,
+      // since tabs being visually removed means 'new tab' cannot be created any other way
+      const tabId = tabIds[0];
+      batch(() => {
+        dispatch(initQuery({ tabId }));
+        dispatch(initQueryResult({ tabId }));
+        dispatch(initFields({ tabId }));
+        dispatch(initVisualizationConfig({ tabId }));
+        dispatch(initPatterns({ tabId }));
+        dispatch(initQueryAssistSummary({ tabId }));
+        dispatch(initSearchMetaData({ tabId }));
+      });
     }
     if (routerContext && routerContext.searchParams.has(CREATE_TAB_PARAM_KEY)) {
       // need to wait for current redux event loop to finish