1 files changed, 0 insertions, 154 deletions
diff --git a/app/assets/javascripts/vue_shared/components/filtered_search_dropdown.vue b/app/assets/javascripts/vue_shared/components/filtered_search_dropdown.vue
deleted file mode 100644
index 58afcebb7b3..00000000000
--- a/app/assets/javascripts/vue_shared/components/filtered_search_dropdown.vue
+++ /dev/null
@@ -1,154 +0,0 @@
-<script>
-import $ from 'jquery';
-import { GlDeprecatedButton } from '@gitlab/ui';
-import { __ } from '~/locale';
-import Icon from '~/vue_shared/components/icon.vue';
-/**
- * Renders a split dropdown with
- * an input that allows to search through the given
- * array of options.
- *
- * When there are no results and `showCreateMode` is true
- * it renders a create button with the value typed.
- */
-export default {
-  name: 'FilteredSearchDropdown',
-  components: {
-    Icon,
-    GlDeprecatedButton,
-  },
-  props: {
-    title: {
-      type: String,
-      required: false,
-      default: '',
-    },
-    buttonType: {
-      required: false,
-      validator: value =>
-        ['primary', 'default', 'secondary', 'success', 'info', 'warning', 'danger'].indexOf(
-          value,
-        ) !== -1,
-      default: 'default',
-    },
-    size: {
-      required: false,
-      type: String,
-      default: 'sm',
-    },
-    items: {
-      type: Array,
-      required: true,
-    },
-    visibleItems: {
-      type: Number,
-      required: false,
-      default: 5,
-    },
-    filterKey: {
-      type: String,
-      required: true,
-    },
-    showCreateMode: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    createButtonText: {
-      type: String,
-      required: false,
-      default: __('Create'),
-    },
-  },
-  data() {
-    return {
-      filter: '',
-    };
-  },
-  computed: {
-    className() {
-      return `btn btn-${this.buttonType} btn-${this.size}`;
-    },
-    filteredResults() {
-      if (this.filter !== '') {
-        return this.items.filter(
-          item =>
-            item[this.filterKey] &&
-            item[this.filterKey].toLowerCase().includes(this.filter.toLowerCase()),
-        );
-      }
-
-      return this.items.slice(0, this.visibleItems);
-    },
-    computedCreateButtonText() {
-      return `${this.createButtonText} ${this.filter}`;
-    },
-    shouldRenderCreateButton() {
-      return this.showCreateMode && this.filteredResults.length === 0 && this.filter !== '';
-    },
-  },
-  mounted() {
-    /**
-     * Resets the filter every time the user closes the dropdown
-     */
-    $(this.$el)
-      .on('shown.bs.dropdown', () => {
-        this.$nextTick(() => this.$refs.searchInput.focus());
-      })
-      .on('hidden.bs.dropdown', () => {
-        this.filter = '';
-      });
-  },
-};
-</script>
-<template>
-  <div class="dropdown">
-    <div class="btn-group">
-      <slot name="mainAction" :class-name="className">
-        <button type="button" :class="className">{{ title }}</button>
-      </slot>
-
-      <button
-        type="button"
-        :class="className"
-        class="dropdown-toggle dropdown-toggle-split"
-        data-toggle="dropdown"
-        aria-haspopup="true"
-        aria-expanded="false"
-        :aria-label="__('Expand dropdown')"
-      >
-        <icon name="angle-down" :size="12" />
-      </button>
-      <div class="dropdown-menu dropdown-menu-right">
-        <div class="dropdown-input">
-          <input
-            ref="searchInput"
-            v-model="filter"
-            type="search"
-            :placeholder="__('Filter')"
-            class="js-filtered-dropdown-input dropdown-input-field"
-          />
-          <icon class="dropdown-input-search" name="search" />
-        </div>
-
-        <div class="dropdown-content">
-          <ul>
-            <li v-for="(result, i) in filteredResults" :key="i" class="js-filtered-dropdown-result">
-              <slot name="result" :result="result">{{ result[filterKey] }}</slot>
-            </li>
-          </ul>
-        </div>
-
-        <div v-if="shouldRenderCreateButton" class="dropdown-footer">
-          <slot name="footer" :filter="filter">
-            <gl-deprecated-button
-              class="js-dropdown-create-button btn-transparent"
-              @click="$emit('createItem', filter)"
-              >{{ computedCreateButtonText }}</gl-deprecated-button
-            >
-          </slot>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>