Merge branch '336503-add-target-tooltip-corpus-management' into 'master'

Add tooltip to No Target text in corpus management

See merge request gitlab-org/gitlab!67345

ee/app/assets/javascripts/security_configuration/corpus_management/components/columns/target.vue

 <script>
-import { GlIcon } from '@gitlab/ui';
+import { GlIcon, GlTooltipDirective } from '@gitlab/ui';
 import { s__ } from '~/locale';
 
 export default {
   components: {
     GlIcon,
   },
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
   props: {
     target: {
       type: String,
@@ -14,6 +17,7 @@ export default {
   },
   i18n: {
     notSet: s__('CorpusManagement|Not Set'),
+    noSetInfo: s__('CorpusManagement|To use this corpus, edit the corresponding YAML file'),
   },
   computed: {
     hasTarget() {
@@ -24,7 +28,7 @@ export default {
 </script>
 <template>
   <span v-if="hasTarget" class="gl-text-gray-900"> {{ target }} </span>
-  <span v-else class="gl-text-gray-900">
+  <span v-else v-gl-tooltip.hover class="gl-text-gray-900" :title="$options.i18n.noSetInfo">
     <gl-icon class="gl-mr-1" :size="16" name="information-o" />
     {{ this.$options.i18n.notSet }}
   </span>

ee/spec/frontend/security_configuration/corpus_management/components/columns/__snapshots__/target_spec.js.snap

@@ -11,6 +11,7 @@ exports[`Target component renders target 1`] = `
 exports[`Target component without target renders Not Set with icon 1`] = `
 <span
   class="gl-text-gray-900"
+  title="To use this corpus, edit the corresponding YAML file"
 >
   <gl-icon-stub
     class="gl-mr-1"

locale/gitlab.pot

@@ -9196,6 +9196,9 @@ msgstr ""
 msgid "CorpusManagement|Target"
 msgstr ""
 
+msgid "CorpusManagement|To use this corpus, edit the corresponding YAML file"
+msgstr ""
+
 msgid "CorpusManagement|Total Size: %{totalSize}"
 msgstr ""