[8.x] [ES|QL] Enable cursor sync for timeseries charts (#192837) (#19…

…2982) # Backport This will backport the following commits from `main` to `8.x`: - [[ES|QL] Enable cursor sync for timeseries charts (#192837)](#192837)  ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sqren/backport)  Co-authored-by: Stratoula Kalafateli <[email protected]>
elastic · Sep 16, 2024 · 8f01c22 · 8f01c22
1 parent 82c12a6
commit 8f01c22
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 0 deletions.
diff --git a/src/plugins/charts/public/services/active_cursor/active_cursor_utils.test.ts b/src/plugins/charts/public/services/active_cursor/active_cursor_utils.test.ts
@@ -137,6 +137,39 @@ describe('active_cursor_utils', () => {
           }
         `);
       });
+
+      test('should return isDateHistogram true in case the datatable is powered by ES|QL', () => {
+        expect(
+          parseSyncOptions({
+            datatables: [
+              {
+                columns: [
+                  {
+                    id: 'timestamp',
+                    meta: {
+                      type: 'date',
+                    },
+                  },
+                  {
+                    id: 'count',
+                    meta: {
+                      type: 'number',
+                    },
+                  },
+                ],
+                meta: {
+                  type: 'es_ql',
+                },
+              },
+            ] as unknown as Datatable[],
+          })
+        ).toMatchInlineSnapshot(`
+          Object {
+            "accessors": Array [],
+            "isDateHistogram": true,
+          }
+        `);
+      });
     });
   });
 });
diff --git a/src/plugins/charts/public/services/active_cursor/active_cursor_utils.ts b/src/plugins/charts/public/services/active_cursor/active_cursor_utils.ts
@@ -10,6 +10,7 @@
 import { uniq } from 'lodash';
 
 import type { Datatable } from '@kbn/expressions-plugin/public';
+import { ESQL_TABLE_TYPE } from '@kbn/data-plugin/common';
 import type { ActiveCursorSyncOption, DateHistogramSyncOption } from './types';
 import type { ActiveCursorPayload } from './types';
 
@@ -20,6 +21,16 @@ function isDateHistogramSyncOption(
 }
 
 const parseDatatable = (dataTables: Datatable[]) => {
+  const isEsqlMode = dataTables.some((t) => t?.meta?.type === ESQL_TABLE_TYPE);
+
+  if (isEsqlMode) {
+    return {
+      isDateHistogram:
+        Boolean(dataTables.length) &&
+        dataTables.every((t) => t.columns.some((c) => c.meta.type === 'date')),
+      accessors: [],
+    };
+  }
   const isDateHistogram =
     Boolean(dataTables.length) &&
     dataTables.every((dataTable) =>

diff --git a/src/plugins/charts/tsconfig.json b/src/plugins/charts/tsconfig.json
@@ -15,6 +15,7 @@
     "@kbn/ui-theme",
     "@kbn/shared-ux-utility",
     "@kbn/config-schema",
+    "@kbn/data-plugin",
   ],
   "exclude": [
     "target/**/*",