Add latest changes from gitlab-org/gitlab@16-1-stable-eev16.1.0-rc42

3 files changed, 5 insertions, 0 deletions

diff --git a/app/assets/javascripts/analytics/cycle_analytics/components/filter_bar.vue b/app/assets/javascripts/analytics/cycle_analytics/components/filter_bar.vue
index 133513d6c21..33d6eb139f7 100644
--- a/app/assets/javascripts/analytics/cycle_analytics/components/filter_bar.vue
+++ b/app/assets/javascripts/analytics/cycle_analytics/components/filter_bar.vue
@@ -22,6 +22,7 @@ import UserToken from '~/vue_shared/components/filtered_search_bar/tokens/user_t
 import LabelToken from '~/vue_shared/components/filtered_search_bar/tokens/label_token.vue';
 import MilestoneToken from '~/vue_shared/components/filtered_search_bar/tokens/milestone_token.vue';
 import UrlSync from '~/vue_shared/components/url_sync.vue';
+import { MAX_LABELS } from '../constants';
 
 export default {
   name: 'FilterBar',
@@ -70,6 +71,7 @@ export default {
           symbol: '~',
           operators: OPERATORS_IS,
           fetchLabels: this.fetchLabels,
+          maxSuggestions: MAX_LABELS,
         },
         {
           icon: 'pencil',
@@ -146,6 +148,7 @@ export default {
       :search-input-placeholder="__('Filter results')"
       :tokens="tokens"
       :initial-filter-value="initialFilterValue()"
+      terms-as-tokens
       @onFilter="handleFilter"
     />
     <url-sync :query="query" />
diff --git a/app/assets/javascripts/analytics/cycle_analytics/components/value_stream_filters.vue b/app/assets/javascripts/analytics/cycle_analytics/components/value_stream_filters.vue
index b9d1c4b0fe0..0de62013a63 100644
--- a/app/assets/javascripts/analytics/cycle_analytics/components/value_stream_filters.vue
+++ b/app/assets/javascripts/analytics/cycle_analytics/components/value_stream_filters.vue
@@ -82,6 +82,7 @@ export default {
       <div>
         <projects-dropdown-filter
           v-if="hasProjectFilter"
+          toggle-classes="gl-max-w-26"
           class="js-projects-dropdown-filter project-select gl-mb-2 gl-lg-mb-0"
           :group-namespace="groupPath"
           :query-params="projectsQueryParams"
diff --git a/app/assets/javascripts/analytics/cycle_analytics/constants.js b/app/assets/javascripts/analytics/cycle_analytics/constants.js
index bea562fb18c..c14f3cfc6c9 100644
--- a/app/assets/javascripts/analytics/cycle_analytics/constants.js
+++ b/app/assets/javascripts/analytics/cycle_analytics/constants.js
@@ -43,3 +43,4 @@ export const METRICS_REQUESTS = [
 
 export const MILESTONES_ENDPOINT = '/-/milestones.json';
 export const LABELS_ENDPOINT = '/-/labels.json';
+export const MAX_LABELS = 100;