fix bug by keeping track of interval within the explorer

dashboards-observability/common/constants/explorer.ts

@@ -11,6 +11,7 @@ export const RAW_QUERY = 'rawQuery';
 export const FINAL_QUERY = 'finalQuery';
 export const SELECTED_DATE_RANGE = 'selectedDateRange';
 export const INDEX = 'index';
+export const SELECTED_PATTERN = 'selectedPattern';
 export const SELECTED_TIMESTAMP = 'selectedTimestamp';
 export const SELECTED_FIELDS = 'selectedFields';
 export const UNSELECTED_FIELDS = 'unselectedFields';
@@ -74,6 +75,8 @@ export const REDUX_EXPL_SLICE_FIELDS = 'fields';
 export const REDUX_EXPL_SLICE_QUERY_TABS = 'queryTabs';
 export const REDUX_EXPL_SLICE_VISUALIZATION = 'explorerVisualization';
 export const REDUX_EXPL_SLICE_COUNT_DISTRIBUTION = 'countDistributionVisualization';
+export const REDUX_EXPL_SLICE_PATTERNS = 'patterns';
 export const PLOTLY_GAUGE_COLUMN_NUMBER = 5;
 export const APP_ANALYTICS_TAB_ID_REGEX = /application-analytics-tab.+/;
 export const DEFAULT_AVAILABILITY_QUERY = 'stats count() by span( timestamp, 1h )';
+export const PPL_PATTERNS_REGEX = /\|\s*patterns\s+\S+\s*\|\s*where\s+patterns_field\s*\=\s*'[^a-zA-Z0-9]+'/;

dashboards-observability/common/types/explorer.ts

@@ -119,8 +119,8 @@ export interface SavedQuery {
   name: string;
   query: string;
   selected_date_range: { start: string; end: string; text: string };
-  selected_fields: { text: string; tokens: [{ name: string; type: string }] };
-  selected_timestamp: { name: string; type: string };
+  selected_fields: { text: string; tokens: IField[] };
+  selected_timestamp: IField;
 }
 
 export interface SavedVisualization {
@@ -129,7 +129,7 @@ export interface SavedVisualization {
   query: string;
   selected_date_range: { start: string; end: string; text: string };
   selected_fields: { text: string; tokens: [] };
-  selected_timestamp: { name: string; type: string };
+  selected_timestamp: IField;
   type: string;
   application_id?: string;
 }
@@ -227,3 +227,9 @@ export interface LiveTailProps {
   isLiveTailPopoverOpen: boolean;
   dataTestSubj: string;
 }
+
+export interface PatternTableData {
+  count: number;
+  pattern: string;
+  sampleLog: string;
+}

dashboards-observability/public/components/application_analytics/helpers/utils.tsx

@@ -10,6 +10,7 @@ import { FilterType } from 'public/components/trace_analytics/components/common/
 import React, { Dispatch, ReactChild } from 'react';
 import { batch } from 'react-redux';
 import PPLService from 'public/services/requests/ppl';
+import { IField } from '../../../../common/types/explorer';
 import { preprocessQuery } from '../../../../common/utils/query_utils';
 import { SPAN_REGEX } from '../../../../common/constants/shared';
 import { fetchVisualizationById } from '../../../components/custom_panels/helpers/utils';
@@ -36,6 +37,10 @@ import {
   remove as removeQueryResult,
 } from '../../event_analytics/redux/slices/query_result_slice';
 import { addTab, removeTab } from '../../event_analytics/redux/slices/query_tab_slice';
+import {
+  init as initPatterns,
+  remove as removePatterns,
+} from '../../event_analytics/redux/slices/patterns_slice';
 
 // Name validation
 export const isNameValid = (name: string, existingNames: string[]) => {
@@ -153,6 +158,7 @@ export const removeTabData = (
         [NEW_SELECTED_QUERY_TAB]: newIdToFocus,
       })
     );
+    dispatch(removePatterns({ tabId: TabIdToBeClosed }));
   });
 };
 
@@ -172,6 +178,7 @@ export const initializeTabData = async (dispatch: Dispatch<any>, tabId: string,
         },
       })
     );
+    dispatch(initPatterns({ tabId }));
   });
 };
 
@@ -234,7 +241,7 @@ export const calculateAvailability = async (
         })
         .then((res) => {
           const stat = res.metadata.fields.filter(
-            (field: { name: string; type: string }) => !field.name.match(SPAN_REGEX)
+            (field: IField) => !field.name.match(SPAN_REGEX)
           )[0].name;
           const value = res.data[stat];
           currValue = value[value.length - 1];