);
};
@@ -907,6 +920,7 @@ export const Explorer = ({
isLiveTailOnRef.current,
patternsData,
viewLogPatterns,
+ userVizConfigs
]);
const handleContentTabClick = (selectedTab: IQueryTab) => setSelectedContentTab(selectedTab.id);
@@ -933,6 +947,123 @@ export const Explorer = ({
);
};
+ const getSpanValue = (groupByToken: GroupByChunk) => {
+ const timeUnitValue = TIME_INTERVAL_OPTIONS.find(
+ (time_unit) => time_unit.value === groupByToken?.span?.span_expression.time_unit
+ )?.text;
+ return groupByToken?.span !== null
+ ? {
+ time_field: [
+ {
+ name: groupByToken?.span.span_expression.field,
+ type: 'timestamp',
+ label: groupByToken?.span.span_expression.field,
+ },
+ ],
+ unit: [
+ {
+ text: timeUnitValue,
+ value: groupByToken?.span.span_expression.time_unit,
+ label: timeUnitValue,
+ },
+ ],
+ interval: groupByToken?.span.span_expression.literal_value,
+ }
+ : undefined;
+ };
+
+ const getUpdatedDataConfig = (statsToken: statsChunk) => {
+ if (statsToken === null) {
+ return {
+ [GROUPBY]: [],
+ [AGGREGATIONS]: [],
+ };
+ }
+
+ const groupByToken = statsToken.groupby;
+ const seriesToken = statsToken.aggregations && statsToken.aggregations[0];
+ const span = getSpanValue(groupByToken);
+ switch (curVisId) {
+ case VIS_CHART_TYPES.TreeMap:
+ return {
+ [GROUPBY]: [
+ {
+ childField: {
+ ...(groupByToken?.group_fields
+ ? {
+ label: groupByToken?.group_fields[0].name ?? '',
+ name: groupByToken?.group_fields[0].name ?? '',
+ }
+ : { label: '', name: '' }),
+ },
+ parentFields: [],
+ },
+ ],
+ [AGGREGATIONS]: [
+ {
+ valueField: {
+ ...(seriesToken
+ ? {
+ label: `${seriesToken.function?.name}(${seriesToken.function?.value_expression})`,
+ name: `${seriesToken.function?.name}(${seriesToken.function?.value_expression})`,
+ }
+ : { label: '', name: '' }),
+ },
+ },
+ ],
+ };
+ case VIS_CHART_TYPES.Histogram:
+ return {
+ [GROUPBY]: [{ bucketSize: '', bucketOffset: '' }],
+ [AGGREGATIONS]: [],
+ };
+ case VIS_CHART_TYPES.LogsView: {
+ const dimensions = statsToken.aggregations
+ .map((agg) => {
+ const logViewField = `${agg.function.name}(${agg.function.value_expression})` ?? '';
+ return {
+ label: logViewField,
+ name: logViewField,
+ };
+ })
+ .concat(
+ groupByToken.group_fields?.map((agg) => ({
+ label: agg.name ?? '',
+ name: agg.name ?? '',
+ }))
+ );
+ if (span !== undefined) {
+ const { time_field, interval, unit } = span;
+ const timespanField = `span(${time_field[0].name},${interval}${unit[0].value})`;
+ dimensions.push({
+ label: timespanField,
+ name: timespanField,
+ });
+ }
+ return {
+ [AGGREGATIONS]: [],
+ [GROUPBY]: dimensions,
+ };
+ }
+
+ default:
+ return {
+ [AGGREGATIONS]: statsToken.aggregations.map((agg) => ({
+ label: agg.function?.value_expression,
+ name: agg.function?.value_expression,
+ aggregation: agg.function?.name,
+ [CUSTOM_LABEL]: agg[CUSTOM_LABEL as keyof StatsAggregationChunk],
+ })),
+ [GROUPBY]: groupByToken?.group_fields?.map((agg) => ({
+ label: agg.name ?? '',
+ name: agg.name ?? '',
+ [CUSTOM_LABEL]: agg[CUSTOM_LABEL as keyof GroupField] ?? '',
+ })),
+ span,
+ };
+ }
+ };
+
const handleQuerySearch = useCallback(
async (availability?: boolean) => {
// clear previous selected timestamp when index pattern changes
@@ -946,14 +1077,25 @@ export const Explorer = ({
if (availability !== true) {
await updateQueryInStore(tempQuery);
}
- fetchData();
+ await fetchData();
+
+ if (selectedContentTabId === TAB_CHART_ID) {
+ // parse stats section on every search
+ const statsTokens = queryManager.queryParser().parse(tempQuery).getStats();
+ const updatedDataConfig = getUpdatedDataConfig(statsTokens);
+ await dispatch(
+ changeVizConfig({
+ tabId,
+ vizId: curVisId,
+ data: { dataConfig: { ...updatedDataConfig } },
+ })
+ );
+ }
},
- [tempQuery, query[RAW_QUERY]]
+ [tempQuery, query, selectedContentTabId]
);
- const handleQueryChange = async (newQuery: string) => {
- setTempQuery(newQuery);
- };
+ const handleQueryChange = async (newQuery: string) => setTempQuery(newQuery);
const handleSavingObject = async () => {
const currQuery = queryRef.current;
@@ -1259,6 +1401,14 @@ export const Explorer = ({
explorerVisualizations,
setToast,
pplService,
+ handleQuerySearch,
+ handleQueryChange,
+ setTempQuery,
+ fetchData,
+ explorerFields,
+ explorerData,
+ http,
+ query,
}}
>
@@ -1294,6 +1444,7 @@ export const Explorer = ({
stopLive={stopLive}
setIsLiveTailPopoverOpen={setIsLiveTailPopoverOpen}
liveTailName={liveTailNameRef.current}
+ searchError={explorerVisualizations}
/>
{
const dispatch = useDispatch();
const tabIds = useSelector(selectQueryTabs).queryTabIds.filter(
@@ -184,6 +185,7 @@ export const LogExplorer = ({
curSelectedTabId={curSelectedTabIdRef}
http={http}
searchBarConfigs={searchBarConfigs}
+ queryManager={queryManager}
/>
),
diff --git a/public/components/event_analytics/explorer/no_results.tsx b/public/components/event_analytics/explorer/no_results.tsx
index 802099729..91cc8ab62 100644
--- a/public/components/event_analytics/explorer/no_results.tsx
+++ b/public/components/event_analytics/explorer/no_results.tsx
@@ -38,8 +38,7 @@ export const NoResults = () => {
diff --git a/public/components/event_analytics/explorer/sidebar/__tests__/__snapshots__/field.test.tsx.snap b/public/components/event_analytics/explorer/sidebar/__tests__/__snapshots__/field.test.tsx.snap
index 6bcdbaa2e..35c8c3a91 100644
--- a/public/components/event_analytics/explorer/sidebar/__tests__/__snapshots__/field.test.tsx.snap
+++ b/public/components/event_analytics/explorer/sidebar/__tests__/__snapshots__/field.test.tsx.snap
@@ -21,7 +21,7 @@ exports[`Field component Renders a sidebar field 1`] = `
anchorPosition="rightUp"
button={
@@ -87,7 +87,7 @@ exports[`Field component Renders a sidebar field 1`] = `
}
isActive={false}
onClick={[Function]}
- size="s"
+ size="m"
/>
}
closePopover={[Function]}
@@ -105,7 +105,7 @@ exports[`Field component Renders a sidebar field 1`] = `
className="euiPopover__anchor"
>
@@ -171,10 +171,10 @@ exports[`Field component Renders a sidebar field 1`] = `
}
isActive={false}
onClick={[Function]}
- size="s"
+ size="m"
>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- fieldIcon={
-
- }
- fieldName={
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ per_ip_bytes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+