[discuss][Drilldowns][URL drilldown] Expose "event.row" in VALUE_CLICK_TRIGGER

x-pack/plugins/drilldowns/url_drilldown/public/lib/url_drilldown.tsx

@@ -90,14 +90,19 @@ export class UrlDrilldown implements Drilldown<Config, UrlTrigger, ActionFactory
     config: Config,
     context: ActionFactoryContext
   ): config is Config => {
-    const { isValid } = urlDrilldownValidateUrlTemplate(config.url, this.buildEditorScope(context));
+    const { isValid } = urlDrilldownValidateUrlTemplate(
+      config.url,
+      this.buildEditorScope(context),
+      { validateVariables: false }
+    );
     return isValid;
   };
 
   public readonly isCompatible = async (config: Config, context: ActionContext) => {
     const { isValid, error } = urlDrilldownValidateUrlTemplate(
       config.url,
-      await this.buildRuntimeScope(context)
+      await this.buildRuntimeScope(context),
+      { validateVariables: true }
     );
 
     if (!isValid) {

x-pack/plugins/drilldowns/url_drilldown/public/lib/url_drilldown_scope.test.ts

@@ -84,25 +84,25 @@ describe('VALUE_CLICK_TRIGGER', () => {
       ]) as ValueClickTriggerEventScope;
       expect(mockEventScope.points.length).toBeGreaterThan(3);
       expect(mockEventScope.points).toMatchInlineSnapshot(`
-      Array [
-        Object {
-          "key": "event.points.0.key",
-          "value": "event.points.0.value",
-        },
-        Object {
-          "key": "event.points.1.key",
-          "value": "event.points.1.value",
-        },
-        Object {
-          "key": "event.points.2.key",
-          "value": "event.points.2.value",
-        },
-        Object {
-          "key": "event.points.3.key",
-          "value": "event.points.3.value",
-        },
-      ]
-    `);
+        Array [
+          Object {
+            "key": "event.points.[0].key",
+            "value": "event.points.[0].value",
+          },
+          Object {
+            "key": "event.points.[1].key",
+            "value": "event.points.[1].value",
+          },
+          Object {
+            "key": "event.points.[2].key",
+            "value": "event.points.[2].value",
+          },
+          Object {
+            "key": "event.points.[3].key",
+            "value": "event.points.[3].value",
+          },
+        ]
+      `);
     });
   });
 

x-pack/plugins/drilldowns/url_drilldown/public/lib/url_drilldown_scope.ts

@@ -108,6 +108,7 @@ export interface ValueClickTriggerEventScope {
   value: Primitive;
   negate: boolean;
   points: Array<{ key?: string; value: Primitive }>;
+  row: Primitive[];
 }
 export interface RangeSelectTriggerEventScope {
   key: string;
@@ -131,7 +132,7 @@ function getEventScopeFromRangeSelectTriggerContext(
   const { table, column: columnIndex, range } = eventScopeInput.data;
   const column = table.columns[columnIndex];
   return cleanEmptyKeys({
-    key: toPrimitiveOrUndefined(column?.meta?.aggConfigParams?.field) as string,
+    key: toPrimitiveOrUndefined(column?.meta?.aggConfigParams?.field ?? column?.name) as string,
     from: toPrimitiveOrUndefined(range[0]) as string | number | undefined,
     to: toPrimitiveOrUndefined(range[range.length - 1]) as string | number | undefined,
   });
@@ -141,19 +142,29 @@ function getEventScopeFromValueClickTriggerContext(
   eventScopeInput: ValueClickContext
 ): ValueClickTriggerEventScope {
   const negate = eventScopeInput.data.negate ?? false;
+
   const points = eventScopeInput.data.data.map(({ table, value, column: columnIndex }) => {
     const column = table.columns[columnIndex];
     return {
       value: toPrimitiveOrUndefined(value) as Primitive,
-      key: toPrimitiveOrUndefined(column?.meta?.aggConfigParams?.field) as string | undefined,
+      key: toPrimitiveOrUndefined(column?.meta?.aggConfigParams?.field ?? column?.name) as
+        | string
+        | undefined,
     };
   });
 
+  const dataPoint = eventScopeInput.data.data[0];
+
+  const row = dataPoint.table.columns.map(
+    ({ id }) => dataPoint.table.rows[dataPoint.row][id]
+  ) as Primitive[];
+
   return cleanEmptyKeys({
     key: points[0]?.key,
     value: points[0]?.value,
     negate,
     points,
+    row,
   });
 }
 
@@ -174,14 +185,19 @@ export function getMockEventScope([trigger]: UrlTrigger[]): UrlDrilldownEventSco
     // should be larger or equal of any possible data points length emitted by VALUE_CLICK_TRIGGER
     const nPoints = 4;
     const points = new Array(nPoints).fill(0).map((_, index) => ({
-      key: `event.points.${index}.key`,
-      value: `event.points.${index}.value`,
+      key: `event.points.[${index}].key`,
+      value: `event.points.[${index}].value`,
     }));
+
+    // number of mock columns to generate
+    const nColumns = 4;
+    const row = new Array(nColumns).fill(0).map((_, index) => `event.row.[${index}]`);
     return {
-      key: `event.key`,
-      value: `event.value`,
+      key: points[0].key,
+      value: points[0].value,
       negate: false,
       points,
+      row,
     };
   }
 }

x-pack/plugins/ui_actions_enhanced/public/drilldowns/url_drilldown/url_template.ts

@@ -69,7 +69,11 @@ handlebars.registerHelper('date', (...args) => {
   return format ? momentDate.format(format) : momentDate.toISOString();
 });
 
-export function compile(url: string, context: object): string {
-  const template = handlebars.compile(url, { strict: true, noEscape: true });
+export function compile(
+  url: string,
+  context: object,
+  { strict = true }: { strict: boolean } = { strict: true }
+): string {
+  const template = handlebars.compile(url, { strict, noEscape: true });
   return encodeURI(template(context));
 }

x-pack/plugins/ui_actions_enhanced/public/drilldowns/url_drilldown/url_validation.ts

@@ -51,7 +51,8 @@ export function validateUrl(url: string): { isValid: boolean; error?: string } {
 
 export function validateUrlTemplate(
   urlTemplate: UrlDrilldownConfig['url'],
-  scope: UrlDrilldownScope
+  scope: UrlDrilldownScope,
+  { validateVariables = true }: { validateVariables: boolean } = { validateVariables: true }
 ): { isValid: boolean; error?: string } {
   if (!urlTemplate.template)
     return {
@@ -60,7 +61,7 @@ export function validateUrlTemplate(
     };
 
   try {
-    const compiledUrl = compile(urlTemplate.template, scope);
+    const compiledUrl = compile(urlTemplate.template, scope, { strict: validateVariables });
     return validateUrl(compiledUrl);
   } catch (e) {
     return {