feat: 🎸 add .dynamicActions manager to Embeddable

Author: streamich

src/legacy/core_plugins/visualizations/public/np_ready/public/embeddable/visualize_embeddable.ts

@@ -304,6 +304,7 @@ export class VisualizeEmbeddable extends Embeddable<VisualizeInput, VisualizeOut
             timeFieldName: this.vis.indexPattern.timeFieldName,
             data: event.data,
           };
+
           getUiActions()
             .getTrigger(triggerId)
             .exec(context);

src/plugins/embeddable/public/lib/embeddables/embeddable.tsx

@@ -23,7 +23,10 @@ import { IContainer } from '../containers';
 import { IEmbeddable, EmbeddableInput, EmbeddableOutput } from './i_embeddable';
 import { ViewMode } from '../types';
 import { EmbeddableActionStorage } from './embeddable_action_storage';
-import { UiActionsStart } from '../ui_actions';
+import {
+  UiActionsStart,
+  UiActionsDynamicActionManager,
+} from '../../../../../plugins/ui_actions/public';
 
 function getPanelTitle(input: EmbeddableInput, output: EmbeddableOutput) {
   return input.hidePanelTitles ? '' : input.title === undefined ? output.defaultTitle : input.title;
@@ -55,9 +58,18 @@ export abstract class Embeddable<
   // TODO: Rename to destroyed.
   private destoyed: boolean = false;
 
-  private __actionStorage?: EmbeddableActionStorage;
-  public get actionStorage(): EmbeddableActionStorage {
-    return this.__actionStorage || (this.__actionStorage = new EmbeddableActionStorage(this));
+  private __dynamicActions?: UiActionsDynamicActionManager;
+  public get dynamicActions(): UiActionsDynamicActionManager | undefined {
+    if (!this.params.uiActions) return undefined;
+    if (!this.__dynamicActions) {
+      this.__dynamicActions = new UiActionsDynamicActionManager({
+        isCompatible: async () => true,
+        storage: new EmbeddableActionStorage(this),
+        uiActions: this.params.uiActions,
+      });
+    }
+
+    return this.__dynamicActions;
   }
 
   constructor(
@@ -66,6 +78,7 @@ export abstract class Embeddable<
     parent?: IContainer,
     public readonly params: EmbeddableParams = {}
   ) {
+    window.emb = this;
     this.id = input.id;
     this.output = {
       title: getPanelTitle(input, output),
@@ -89,6 +102,10 @@ export abstract class Embeddable<
         this.onResetInput(newInput);
       });
     }
+
+    if (this.dynamicActions) {
+      this.dynamicActions.start();
+    }
   }
 
   public getIsContainer(): this is IContainer {

src/plugins/embeddable/public/lib/embeddables/i_embeddable.ts

@@ -18,6 +18,7 @@
  */
 
 import { Observable } from 'rxjs';
+import { UiActionsDynamicActionManager } from '../../../../../plugins/ui_actions/public';
 import { Adapters } from '../types';
 import { IContainer } from '../containers/i_container';
 import { ViewMode } from '../types';
@@ -82,6 +83,11 @@ export interface IEmbeddable<
    **/
   readonly id: string;
 
+  /**
+   * Default implementation of dynamic action API for embeddables.
+   */
+  dynamicActions?: UiActionsDynamicActionManager;
+
   /**
    * A functional representation of the isContainer variable, but helpful for typescript to
    * know the shape if this returns true