From 00dca9466a571ef32d0be05d25670b69060e0cfd Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Mon, 20 May 2024 16:23:42 +0530
Subject: [PATCH] feat: Move the SLA filter dropdown to UI folder (#9502)

# Pull Request Template

## Description

I moved the newly created SLA filter dropdown to the UI folder to use in
adding the Linear issue modal.
---
 .../ui/Dropdown/DropdownButton.vue}                  |  0
 .../ui/Dropdown/DropdownEmptyState.vue}              |  0
 .../ui/Dropdown/DropdownList.vue}                    | 12 ++++++------
 .../ui/Dropdown/DropdownListItemButton.vue}          |  0
 .../ui/Dropdown/DropdownSearch.vue}                  |  0
 .../components/Filters/v3/ActiveFilterChip.vue       |  4 ++--
 .../reports/components/Filters/v3/AddFilterChip.vue  |  8 ++++----
 .../settings/reports/components/SLA/SLAFilter.vue    |  2 +-
 8 files changed, 13 insertions(+), 13 deletions(-)
 rename app/javascript/dashboard/{routes/dashboard/settings/reports/components/Filters/v3/FilterButton.vue => components/ui/Dropdown/DropdownButton.vue} (100%)
 rename app/javascript/dashboard/{routes/dashboard/settings/reports/components/Filters/v3/FilterDropdownEmptyState.vue => components/ui/Dropdown/DropdownEmptyState.vue} (100%)
 rename app/javascript/dashboard/{routes/dashboard/settings/reports/components/Filters/v3/FilterListDropdown.vue => components/ui/Dropdown/DropdownList.vue} (85%)
 rename app/javascript/dashboard/{routes/dashboard/settings/reports/components/Filters/v3/FilterListItemButton.vue => components/ui/Dropdown/DropdownListItemButton.vue} (100%)
 rename app/javascript/dashboard/{routes/dashboard/settings/reports/components/Filters/v3/FilterDropdownSearch.vue => components/ui/Dropdown/DropdownSearch.vue} (100%)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/FilterButton.vue b/app/javascript/dashboard/components/ui/Dropdown/DropdownButton.vue
similarity index 100%
rename from app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/FilterButton.vue
rename to app/javascript/dashboard/components/ui/Dropdown/DropdownButton.vue
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/FilterDropdownEmptyState.vue b/app/javascript/dashboard/components/ui/Dropdown/DropdownEmptyState.vue
similarity index 100%
rename from app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/FilterDropdownEmptyState.vue
rename to app/javascript/dashboard/components/ui/Dropdown/DropdownEmptyState.vue
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/FilterListDropdown.vue b/app/javascript/dashboard/components/ui/Dropdown/DropdownList.vue
similarity index 85%
rename from app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/FilterListDropdown.vue
rename to app/javascript/dashboard/components/ui/Dropdown/DropdownList.vue
index 1a0543af3..88efa5f39 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/FilterListDropdown.vue
+++ b/app/javascript/dashboard/components/ui/Dropdown/DropdownList.vue
@@ -1,9 +1,9 @@
 <script setup>
 import { ref, computed } from 'vue';
 import { picoSearch } from '@scmmishra/pico-search';
-import FilterListItemButton from './FilterListItemButton.vue';
-import FilterDropdownSearch from './FilterDropdownSearch.vue';
-import FilterDropdownEmptyState from './FilterDropdownEmptyState.vue';
+import ListItemButton from './DropdownListItemButton.vue';
+import DropdownSearch from './DropdownSearch.vue';
+import DropdownEmptyState from './DropdownEmptyState.vue';
 
 const props = defineProps({
   listItems: {
@@ -54,7 +54,7 @@ const isFilterActive = id => {
     @click.stop
   >
     <slot name="search">
-      <filter-dropdown-search
+      <dropdown-search
         v-if="enableSearch && listItems.length"
         :input-value="searchTerm"
         :input-placeholder="inputPlaceholder"
@@ -64,11 +64,11 @@ const isFilterActive = id => {
       />
     </slot>
     <slot name="listItem">
-      <filter-dropdown-empty-state
+      <dropdown-empty-state
         v-if="isDropdownListEmpty"
         :message="$t('REPORT.FILTER_ACTIONS.EMPTY_LIST')"
       />
-      <filter-list-item-button
+      <list-item-button
         v-for="item in filteredListItems"
         :key="item.id"
         :is-active="isFilterActive(item.id)"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/FilterListItemButton.vue b/app/javascript/dashboard/components/ui/Dropdown/DropdownListItemButton.vue
similarity index 100%
rename from app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/FilterListItemButton.vue
rename to app/javascript/dashboard/components/ui/Dropdown/DropdownListItemButton.vue
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/FilterDropdownSearch.vue b/app/javascript/dashboard/components/ui/Dropdown/DropdownSearch.vue
similarity index 100%
rename from app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/FilterDropdownSearch.vue
rename to app/javascript/dashboard/components/ui/Dropdown/DropdownSearch.vue
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/ActiveFilterChip.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/ActiveFilterChip.vue
index 67046acc4..623c15026 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/ActiveFilterChip.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/ActiveFilterChip.vue
@@ -1,6 +1,6 @@
 <script setup>
-import FilterButton from './FilterButton.vue';
-import FilterListDropdown from './FilterListDropdown.vue';
+import FilterButton from 'dashboard/components/ui/Dropdown/DropdownButton.vue';
+import FilterListDropdown from 'dashboard/components/ui/Dropdown/DropdownList.vue';
 
 const props = defineProps({
   name: {
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/AddFilterChip.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/AddFilterChip.vue
index 48a1c2701..c35bdb061 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/AddFilterChip.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/AddFilterChip.vue
@@ -1,8 +1,8 @@
 <script setup>
-import FilterButton from './FilterButton.vue';
-import FilterListDropdown from './FilterListDropdown.vue';
-import FilterListItemButton from './FilterListItemButton.vue';
-import FilterDropdownEmptyState from './FilterDropdownEmptyState.vue';
+import FilterButton from 'dashboard/components/ui/Dropdown/DropdownButton.vue';
+import FilterListDropdown from 'dashboard/components/ui/Dropdown/DropdownList.vue';
+import FilterListItemButton from 'dashboard/components/ui/Dropdown/DropdownListItemButton.vue';
+import FilterDropdownEmptyState from 'dashboard/components/ui/Dropdown/DropdownEmptyState.vue';
 
 import { ref } from 'vue';
 
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAFilter.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAFilter.vue
index 80163ecd7..4bb34f925 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAFilter.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAFilter.vue
@@ -63,7 +63,7 @@ import {
   getActiveFilter,
   getFilterType,
 } from './helpers/SLAFilterHelpers';
-import FilterButton from '../Filters/v3/FilterButton.vue';
+import FilterButton from 'dashboard/components/ui/Dropdown/DropdownButton.vue';
 import ActiveFilterChip from '../Filters/v3/ActiveFilterChip.vue';
 import AddFilterChip from '../Filters/v3/AddFilterChip.vue';