[Beats CM] Disallow tag assignment for multiple outputs

x-pack/plugins/beats_management/public/components/tag/disabled_tag_badge.tsx

@@ -0,0 +1,25 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { EuiBadge } from '@elastic/eui';
+import React from 'react';
+import { TABLE_CONFIG } from '../../../common/constants';
+
+interface TagBadgeProps {
+  maxIdRenderSize?: number;
+  id: string;
+}
+
+export const DisabledTagBadge = (props: TagBadgeProps) => {
+  const { id, maxIdRenderSize } = props;
+  const idRenderSize = maxIdRenderSize || TABLE_CONFIG.TRUNCATE_TAG_LENGTH;
+  const idToRender = id.length > idRenderSize ? `${id.substring(0, idRenderSize)}...` : id;
+  return (
+    <EuiBadge color="default" iconType="cross">
+      {idToRender}
+    </EuiBadge>
+  );
+};

x-pack/plugins/beats_management/public/components/tag/tag_badge.tsx

@@ -7,26 +7,29 @@
 import { EuiBadge } from '@elastic/eui';
 import React from 'react';
 import { TABLE_CONFIG } from '../../../common/constants';
+import { DisabledTagBadge } from './disabled_tag_badge';
 
 interface TagBadgeProps {
   iconType?: any;
   onClick?: () => void;
   onClickAriaLabel?: string;
   maxIdRenderSize?: number;
-  tag: { color?: string; id: string };
+  tag: { color?: string; disabled?: boolean; id: string };
 }
 
 export const TagBadge = (props: TagBadgeProps) => {
   const {
     iconType,
     onClick,
     onClickAriaLabel,
-    tag: { color, id },
+    tag: { color, disabled, id },
   } = props;
 
   const maxIdRenderSize = props.maxIdRenderSize || TABLE_CONFIG.TRUNCATE_TAG_LENGTH;
   const idToRender = id.length > maxIdRenderSize ? `${id.substring(0, maxIdRenderSize)}...` : id;
-  return (
+  return disabled ? (
+    <DisabledTagBadge maxIdRenderSize={props.maxIdRenderSize} id={id} />
+  ) : (
     <EuiBadge
       color={color || 'primary'}
       iconType={iconType}

x-pack/plugins/beats_management/public/pages/main/beats.tsx

@@ -14,11 +14,12 @@ import {
   EuiModalHeaderTitle,
   EuiOverlayMask,
 } from '@elastic/eui';
-import { sortBy } from 'lodash';
+import { flatten, intersection, sortBy } from 'lodash';
 import moment from 'moment';
 import React from 'react';
 import { RouteComponentProps } from 'react-router';
-import { CMPopulatedBeat } from '../../../common/domain_types';
+import { UNIQUENESS_ENFORCING_TYPES } from 'x-pack/plugins/beats_management/common/constants';
+import { BeatTag, CMPopulatedBeat, ConfigurationBlock } from '../../../common/domain_types';
 import { BeatsTagAssignment } from '../../../server/lib/adapters/beats/adapter_types';
 import { AppURLState } from '../../app';
 import { BeatsTableType, Table } from '../../components/table';
@@ -122,7 +123,7 @@ export class BeatsPage extends React.PureComponent<BeatsPageProps, BeatsPageStat
                 value: this.props.urlState.beatsKBar || '',
               }}
               assignmentOptions={{
-                items: this.state.tags || [],
+                items: this.filterSelectedBeatTags(),
                 schema: beatsListAssignmentOptions,
                 type: 'assignment',
                 actionHandler: this.handleBeatsActions,
@@ -289,4 +290,32 @@ export class BeatsPage extends React.PureComponent<BeatsPageProps, BeatsPageStat
     });
     return beats;
   };
+
+  private filterSelectedBeatTags = () => {
+    if (!this.state.tags) {
+      return [];
+    }
+    return this.selectedBeatConfigsRequireUniqueness()
+      ? this.state.tags.map(this.disableTagForUniquenessEnforcement)
+      : this.state.tags;
+  };
+
+  private configBlocksRequireUniqueness = (configurationBlocks: ConfigurationBlock[]) =>
+    intersection(UNIQUENESS_ENFORCING_TYPES, configurationBlocks.map(block => block.type))
+      .length !== 0;
+
+  private disableTagForUniquenessEnforcement = (tag: BeatTag) =>
+    this.configBlocksRequireUniqueness(tag.configuration_blocks) &&
+    // if > 0 beats are associated with the tag, it will result in disassociation, so do not disable it
+    !this.getSelectedBeats().some(beat => beat.full_tags.some(({ id }) => id === tag.id))
+      ? { ...tag, disabled: true }
+      : tag;
+
+  private selectedBeatConfigsRequireUniqueness = () =>
+    // union beat tags
+    flatten(this.getSelectedBeats().map(({ full_tags }) => full_tags))
+      // map tag list to bool
+      .map(({ configuration_blocks }) => this.configBlocksRequireUniqueness(configuration_blocks))
+      // reduce to result
+      .reduce((acc, cur) => acc || cur, false);
 }