[Drilldowns] Beta badge support. Mark URL Drilldown as Beta

docs/user/dashboard/drilldowns.asciidoc

@@ -1,3 +1,4 @@
+[role="xpack"]
 [[drilldowns]]
 == Use drilldowns for dashboard actions
 

docs/user/dashboard/url-drilldown.asciidoc

@@ -1,6 +1,8 @@
 [[url-drilldown]]
 === URL drilldown
 
+beta[]
+
 The URL drilldown allows you to navigate from a dashboard to an internal or external URL.
 The destination URL can be dynamic, depending on the dashboard context or user’s interaction with a visualization.
 

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

@@ -51,6 +51,7 @@ export class UrlDrilldown implements Drilldown<Config, UrlTrigger, ActionFactory
 
   readonly minimalLicense = 'gold';
   readonly licenseFeatureName = 'URL drilldown';
+  readonly isBeta = true;
 
   public readonly getDisplayName = () => txtUrlDrilldownDisplayName;
 

x-pack/plugins/ui_actions_enhanced/public/components/action_wizard/action_wizard.test.tsx

@@ -82,3 +82,18 @@ test('If not enough license, button is disabled', () => {
 
   expect(screen.getByText(/Go to URL/i)).toBeDisabled();
 });
+
+test('if action is beta, beta badge is shown', () => {
+  const betaUrl = new ActionFactory(
+    {
+      ...urlDrilldownActionFactory,
+      isBeta: true,
+    },
+    {
+      getLicense: () => licensingMock.createLicense(),
+      getFeatureUsageStart: () => licensingMock.createStart().featureUsage,
+    }
+  );
+  const screen = render(<Demo actionFactories={[dashboardFactory, betaUrl]} />);
+  expect(screen.getByText(/Beta/i)).toBeVisible();
+});

x-pack/plugins/ui_actions_enhanced/public/components/action_wizard/action_wizard.tsx

@@ -19,9 +19,12 @@ import {
   EuiTextColor,
   EuiTitle,
   EuiLink,
+  EuiBetaBadge,
 } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n/react';
 import {
+  txtBetaActionFactoryLabel,
+  txtBetaActionFactoryTooltip,
   txtChangeButton,
   txtTriggerPickerHelpText,
   txtTriggerPickerLabel,
@@ -255,7 +258,15 @@ const SelectedActionFactory: React.FC<SelectedActionFactoryProps> = ({
           )}
           <EuiFlexItem grow={true}>
             <EuiText>
-              <h4>{actionFactory.getDisplayName(context)}</h4>
+              <h4>
+                {actionFactory.getDisplayName(context)}{' '}
+                {actionFactory.isBeta && (
+                  <EuiBetaBadge
+                    label={txtBetaActionFactoryLabel}
+                    tooltipContent={txtBetaActionFactoryTooltip}
+                  />
+                )}
+              </h4>
             </EuiText>
           </EuiFlexItem>
           {showDeselect && (
@@ -350,6 +361,10 @@ const ActionFactorySelector: React.FC<ActionFactorySelectorProps> = ({
               data-test-subj={`${TEST_SUBJ_ACTION_FACTORY_ITEM}-${actionFactory.id}`}
               onClick={() => onActionFactorySelected(actionFactory)}
               disabled={!actionFactory.isCompatibleLicense()}
+              betaBadgeLabel={actionFactory.isBeta ? txtBetaActionFactoryLabel : undefined}
+              betaBadgeTooltipContent={
+                actionFactory.isBeta ? txtBetaActionFactoryTooltip : undefined
+              }
             >
               {actionFactory.getIconType(context) && (
                 <EuiIcon type={actionFactory.getIconType(context)!} size="m" />

x-pack/plugins/ui_actions_enhanced/public/components/action_wizard/i18n.ts

@@ -33,3 +33,17 @@ export const txtTriggerPickerHelpTooltip = i18n.translate(
     defaultMessage: 'Determines when the drilldown appears in context menu',
   }
 );
+
+export const txtBetaActionFactoryLabel = i18n.translate(
+  'xpack.uiActionsEnhanced.components.actionWizard.betaActionLabel',
+  {
+    defaultMessage: `Beta`,
+  }
+);
+
+export const txtBetaActionFactoryTooltip = i18n.translate(
+  'xpack.uiActionsEnhanced.components.actionWizard.betaActionTooltip',
+  {
+    defaultMessage: `This action is in beta and is subject to change. The design and code is less mature than official GA features and is being provided as-is with no warranties. Beta features are not subject to the support SLA of official GA features. Please help us by reporting any bugs or providing other feedback.`,
+  }
+);

x-pack/plugins/ui_actions_enhanced/public/drilldowns/drilldown_definition.ts

@@ -36,6 +36,12 @@ export interface DrilldownDefinition<
    */
   id: string;
 
+  /**
+   * Is this action factory not GA?
+   * Adds a beta badge on a list item representing this ActionFactory
+   */
+  readonly isBeta?: boolean;
+
   /**
    * Minimal license level
    * Empty means no restrictions

x-pack/plugins/ui_actions_enhanced/public/drilldowns/url_drilldown/components/url_drilldown_collect_config/i18n.ts

@@ -19,7 +19,8 @@ export const txtUrlTemplatePlaceholder = i18n.translate(
 export const txtUrlPreviewHelpText = i18n.translate(
   'xpack.uiActionsEnhanced.drilldowns.urlDrilldownCollectConfig.urlPreviewHelpText',
   {
-    defaultMessage: 'Please note that \\{\\{event.*\\}\\} variables replaced by dummy values.',
+    defaultMessage:
+      'Please note that in preview \\{\\{event.*\\}\\} variables are substituted with dummy values.',
   }
 );
 

x-pack/plugins/ui_actions_enhanced/public/dynamic_actions/action_factory.test.ts

@@ -114,3 +114,15 @@ describe('License & ActionFactory', () => {
     });
   });
 });
+
+describe('isBeta', () => {
+  test('false by default', async () => {
+    const factory = createActionFactory();
+    expect(factory.isBeta).toBe(false);
+  });
+
+  test('true', async () => {
+    const factory = createActionFactory({ isBeta: true });
+    expect(factory.isBeta).toBe(true);
+  });
+});

x-pack/plugins/ui_actions_enhanced/public/dynamic_actions/action_factory.ts

@@ -46,6 +46,7 @@ export class ActionFactory<
   }
 
   public readonly id = this.def.id;
+  public readonly isBeta = this.def.isBeta ?? false;
   public readonly minimalLicense = this.def.minimalLicense;
   public readonly licenseFeatureName = this.def.licenseFeatureName;
   public readonly order = this.def.order || 0;

x-pack/plugins/ui_actions_enhanced/public/dynamic_actions/action_factory_definition.ts

@@ -46,6 +46,12 @@ export interface ActionFactoryDefinition<
    */
   licenseFeatureName?: string;
 
+  /**
+   * Is this action factory not GA?
+   * Adds a beta badge on a list item representing this ActionFactory
+   */
+  readonly isBeta?: boolean;
+
   /**
    * This method should return a definition of a new action, normally used to
    * register it in `ui_actions` registry.

x-pack/plugins/ui_actions_enhanced/public/services/ui_actions_service_enhancements.ts

@@ -89,6 +89,7 @@ export class UiActionsServiceEnhancements {
     ExecutionContext extends TriggerContextMapping[SupportedTriggers] = TriggerContextMapping[SupportedTriggers]
   >({
     id: factoryId,
+    isBeta,
     order,
     CollectConfig,
     createConfig,
@@ -109,6 +110,7 @@ export class UiActionsServiceEnhancements {
       ExecutionContext
     > = {
       id: factoryId,
+      isBeta,
       minimalLicense,
       licenseFeatureName,
       order,