From 7c94da3bc3200bf0c2450b98059283f9e3ffc979 Mon Sep 17 00:00:00 2001
From: iamsivin <iamsivin@gmail.com>
Date: Fri, 22 Nov 2024 09:26:32 +0530
Subject: [PATCH] Revert "feat: Add Label Input components (#10480)"  This
 reverts commit 2dae4b22a2dfcf778d1fff6614df6a8855b74c7c.

---
 .../components-next/Label/AddLabel.vue        | 49 ---------------
 .../components-next/Label/LabelItem.vue       | 22 -------
 .../Label/story/AddLabel.story.vue            | 27 --------
 .../Label/story/Label.story.vue               | 21 -------
 .../components-next/Label/story/fixtures.js   | 62 -------------------
 .../components-next/label/AddLabel.vue        | 49 ---------------
 .../components-next/label/LabelItem.vue       | 22 -------
 .../label/story/AddLabel.story.vue            | 27 --------
 .../label/story/Label.story.vue               | 21 -------
 .../components-next/label/story/fixtures.js   | 24 -------
 10 files changed, 324 deletions(-)
 delete mode 100644 app/javascript/dashboard/components-next/Label/AddLabel.vue
 delete mode 100644 app/javascript/dashboard/components-next/Label/LabelItem.vue
 delete mode 100644 app/javascript/dashboard/components-next/Label/story/AddLabel.story.vue
 delete mode 100644 app/javascript/dashboard/components-next/Label/story/Label.story.vue
 delete mode 100644 app/javascript/dashboard/components-next/Label/story/fixtures.js
 delete mode 100644 app/javascript/dashboard/components-next/label/AddLabel.vue
 delete mode 100644 app/javascript/dashboard/components-next/label/LabelItem.vue
 delete mode 100644 app/javascript/dashboard/components-next/label/story/AddLabel.story.vue
 delete mode 100644 app/javascript/dashboard/components-next/label/story/Label.story.vue
 delete mode 100644 app/javascript/dashboard/components-next/label/story/fixtures.js

diff --git a/app/javascript/dashboard/components-next/Label/AddLabel.vue b/app/javascript/dashboard/components-next/Label/AddLabel.vue
deleted file mode 100644
index c9571e771..000000000
--- a/app/javascript/dashboard/components-next/Label/AddLabel.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import DropdownMenu from 'dashboard/components-next/dropdown-menu/DropdownMenu.vue';
-
-defineProps({
-  labelMenuItems: {
-    type: Array,
-    default: () => [],
-  },
-});
-
-const emit = defineEmits(['updateLabel']);
-
-const { t } = useI18n();
-
-const showDropdown = ref(false);
-</script>
-
-<template>
-  <div class="relative">
-    <button
-      class="flex items-center gap-1 px-2 py-1 rounded-md outline-dashed h-[26px] outline-1 outline-n-slate-6 hover:bg-n-alpha-2"
-      :class="{ 'bg-n-alpha-2': showDropdown }"
-      @click="showDropdown = !showDropdown"
-    >
-      <span class="i-lucide-plus" />
-      <span class="text-sm text-n-slate-11">
-        {{ t('LABEL.TAG_BUTTON') }}
-      </span>
-    </button>
-    <DropdownMenu
-      v-if="showDropdown"
-      v-on-clickaway="() => (showDropdown = false)"
-      :menu-items="labelMenuItems"
-      show-search
-      class="z-[100] w-48 mt-2 overflow-y-auto ltr:left-0 rtl:right-0 top-full max-h-52"
-      @action="emit('updateLabel', $event)"
-    >
-      <template #thumbnail="{ item }">
-        <div
-          class="rounded-sm size-2"
-          :style="{ backgroundColor: item.thumbnail.color }"
-        />
-      </template>
-    </DropdownMenu>
-  </div>
-</template>
diff --git a/app/javascript/dashboard/components-next/Label/LabelItem.vue b/app/javascript/dashboard/components-next/Label/LabelItem.vue
deleted file mode 100644
index b96b9b368..000000000
--- a/app/javascript/dashboard/components-next/Label/LabelItem.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script setup>
-defineProps({
-  label: {
-    type: Object,
-    default: null,
-  },
-});
-</script>
-
-<template>
-  <div
-    class="bg-n-alpha-2 rounded-md flex items-center h-7 w-fit py-1 ltr:pl-1 rtl:pr-1 ltr:pr-1.5 rtl:pl-1.5"
-  >
-    <div
-      class="w-2 h-2 m-1 rounded-sm"
-      :style="{ backgroundColor: label.color }"
-    />
-    <span class="text-sm text-n-slate-12">
-      {{ label.title }}
-    </span>
-  </div>
-</template>
diff --git a/app/javascript/dashboard/components-next/Label/story/AddLabel.story.vue b/app/javascript/dashboard/components-next/Label/story/AddLabel.story.vue
deleted file mode 100644
index ea6466feb..000000000
--- a/app/javascript/dashboard/components-next/Label/story/AddLabel.story.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<script setup>
-import AddLabel from '../AddLabel.vue';
-import { labelMenuItems } from './fixtures';
-
-function onUpdateLabel(label) {
-  console.log('Label updated:', label);
-}
-</script>
-
-<template>
-  <Story title="Components/Label/Add Label">
-    <Variant title="Default (button with label menu items with active state)">
-      <div class="h-[300px] p-4">
-        <AddLabel
-          :label-menu-items="labelMenuItems"
-          @update-label="onUpdateLabel"
-        />
-      </div>
-    </Variant>
-
-    <Variant title="Empty List (button with empty label menu)">
-      <div class="h-[300px] p-4">
-        <AddLabel :label-menu-items="[]" @update-label="onUpdateLabel" />
-      </div>
-    </Variant>
-  </Story>
-</template>
diff --git a/app/javascript/dashboard/components-next/Label/story/Label.story.vue b/app/javascript/dashboard/components-next/Label/story/Label.story.vue
deleted file mode 100644
index 5319d56ae..000000000
--- a/app/javascript/dashboard/components-next/Label/story/Label.story.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<script setup>
-import Label from '../LabelItem.vue';
-import { label } from './fixtures';
-</script>
-
-<template>
-  <Story title="Components/Label/Label item">
-    <Variant title="Default">
-      <Label :label="label" />
-    </Variant>
-
-    <Variant title="Custom Label">
-      <Label
-        :label="{
-          title: 'Custom Label',
-          color: '#FF5733',
-        }"
-      />
-    </Variant>
-  </Story>
-</template>
diff --git a/app/javascript/dashboard/components-next/Label/story/fixtures.js b/app/javascript/dashboard/components-next/Label/story/fixtures.js
deleted file mode 100644
index 980ba8c0d..000000000
--- a/app/javascript/dashboard/components-next/Label/story/fixtures.js
+++ /dev/null
@@ -1,62 +0,0 @@
-export const label = {
-  id: 1,
-  title: 'delivery',
-  color: '#A2FDD5',
-};
-
-export const labelMenuItems = [
-  {
-    label: 'delivery',
-    value: 3,
-    thumbnail: {
-      color: '#A2FDD5',
-    },
-    isSelected: true,
-    action: 'addLabel',
-  },
-  {
-    label: 'lead',
-    value: 6,
-    thumbnail: {
-      color: '#F161C8',
-    },
-    isSelected: false,
-    action: 'addLabel',
-  },
-  {
-    label: 'ops-handover',
-    value: 4,
-    thumbnail: {
-      color: '#A53326',
-    },
-    isSelected: false,
-    action: 'addLabel',
-  },
-  {
-    label: 'billing',
-    value: 1,
-    thumbnail: {
-      color: '#28AD21',
-    },
-    isSelected: false,
-    action: 'addLabel',
-  },
-  {
-    label: 'premium-customer',
-    value: 5,
-    thumbnail: {
-      color: '#6FD4EF',
-    },
-    isSelected: false,
-    action: 'addLabel',
-  },
-  {
-    label: 'software',
-    value: 2,
-    thumbnail: {
-      color: '#8F6EF2',
-    },
-    isSelected: false,
-    action: 'addLabel',
-  },
-];
diff --git a/app/javascript/dashboard/components-next/label/AddLabel.vue b/app/javascript/dashboard/components-next/label/AddLabel.vue
deleted file mode 100644
index c9571e771..000000000
--- a/app/javascript/dashboard/components-next/label/AddLabel.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import DropdownMenu from 'dashboard/components-next/dropdown-menu/DropdownMenu.vue';
-
-defineProps({
-  labelMenuItems: {
-    type: Array,
-    default: () => [],
-  },
-});
-
-const emit = defineEmits(['updateLabel']);
-
-const { t } = useI18n();
-
-const showDropdown = ref(false);
-</script>
-
-<template>
-  <div class="relative">
-    <button
-      class="flex items-center gap-1 px-2 py-1 rounded-md outline-dashed h-[26px] outline-1 outline-n-slate-6 hover:bg-n-alpha-2"
-      :class="{ 'bg-n-alpha-2': showDropdown }"
-      @click="showDropdown = !showDropdown"
-    >
-      <span class="i-lucide-plus" />
-      <span class="text-sm text-n-slate-11">
-        {{ t('LABEL.TAG_BUTTON') }}
-      </span>
-    </button>
-    <DropdownMenu
-      v-if="showDropdown"
-      v-on-clickaway="() => (showDropdown = false)"
-      :menu-items="labelMenuItems"
-      show-search
-      class="z-[100] w-48 mt-2 overflow-y-auto ltr:left-0 rtl:right-0 top-full max-h-52"
-      @action="emit('updateLabel', $event)"
-    >
-      <template #thumbnail="{ item }">
-        <div
-          class="rounded-sm size-2"
-          :style="{ backgroundColor: item.thumbnail.color }"
-        />
-      </template>
-    </DropdownMenu>
-  </div>
-</template>
diff --git a/app/javascript/dashboard/components-next/label/LabelItem.vue b/app/javascript/dashboard/components-next/label/LabelItem.vue
deleted file mode 100644
index b96b9b368..000000000
--- a/app/javascript/dashboard/components-next/label/LabelItem.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script setup>
-defineProps({
-  label: {
-    type: Object,
-    default: null,
-  },
-});
-</script>
-
-<template>
-  <div
-    class="bg-n-alpha-2 rounded-md flex items-center h-7 w-fit py-1 ltr:pl-1 rtl:pr-1 ltr:pr-1.5 rtl:pl-1.5"
-  >
-    <div
-      class="w-2 h-2 m-1 rounded-sm"
-      :style="{ backgroundColor: label.color }"
-    />
-    <span class="text-sm text-n-slate-12">
-      {{ label.title }}
-    </span>
-  </div>
-</template>
diff --git a/app/javascript/dashboard/components-next/label/story/AddLabel.story.vue b/app/javascript/dashboard/components-next/label/story/AddLabel.story.vue
deleted file mode 100644
index ea6466feb..000000000
--- a/app/javascript/dashboard/components-next/label/story/AddLabel.story.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<script setup>
-import AddLabel from '../AddLabel.vue';
-import { labelMenuItems } from './fixtures';
-
-function onUpdateLabel(label) {
-  console.log('Label updated:', label);
-}
-</script>
-
-<template>
-  <Story title="Components/Label/Add Label">
-    <Variant title="Default (button with label menu items with active state)">
-      <div class="h-[300px] p-4">
-        <AddLabel
-          :label-menu-items="labelMenuItems"
-          @update-label="onUpdateLabel"
-        />
-      </div>
-    </Variant>
-
-    <Variant title="Empty List (button with empty label menu)">
-      <div class="h-[300px] p-4">
-        <AddLabel :label-menu-items="[]" @update-label="onUpdateLabel" />
-      </div>
-    </Variant>
-  </Story>
-</template>
diff --git a/app/javascript/dashboard/components-next/label/story/Label.story.vue b/app/javascript/dashboard/components-next/label/story/Label.story.vue
deleted file mode 100644
index 5319d56ae..000000000
--- a/app/javascript/dashboard/components-next/label/story/Label.story.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<script setup>
-import Label from '../LabelItem.vue';
-import { label } from './fixtures';
-</script>
-
-<template>
-  <Story title="Components/Label/Label item">
-    <Variant title="Default">
-      <Label :label="label" />
-    </Variant>
-
-    <Variant title="Custom Label">
-      <Label
-        :label="{
-          title: 'Custom Label',
-          color: '#FF5733',
-        }"
-      />
-    </Variant>
-  </Story>
-</template>
diff --git a/app/javascript/dashboard/components-next/label/story/fixtures.js b/app/javascript/dashboard/components-next/label/story/fixtures.js
deleted file mode 100644
index f455b8488..000000000
--- a/app/javascript/dashboard/components-next/label/story/fixtures.js
+++ /dev/null
@@ -1,24 +0,0 @@
-export const label = {
-  id: 1,
-  title: 'delivery',
-  color: '#A2FDD5',
-};
-
-const labelsData = [
-  { label: 'delivery', id: 3, color: '#A2FDD5' },
-  { label: 'lead', id: 6, color: '#F161C8' },
-  { label: 'ops-handover', id: 4, color: '#A53326' },
-  { label: 'billing', id: 1, color: '#28AD21' },
-  { label: 'premium-customer', id: 5, color: '#6FD4EF' },
-  { label: 'software', id: 2, color: '#8F6EF2' },
-];
-
-export const labelMenuItems = labelsData.map(item => ({
-  label: item.label,
-  value: item.id,
-  thumbnail: {
-    color: item.color,
-  },
-  isSelected: item.label === 'delivery',
-  action: 'addLabel',
-}));