@dcrackel/hematournamentui 1.0.21 → 1.0.22

package/package/src/stories/Menu/Admin/AdminLeftMenu.vue

@@ -1,57 +0,0 @@
-<template>
-  <div class="bg-secondary w-64 h-screen flex flex-col justify-between">
-    <section class="h-28 border-b border-neutral">
-      <div class="flex flex-col justify-center h-28">
-        <div class="ml-8">
-          <img class="w-32" src="https://ferrotas.com/assets/ferrotas-white-small-720502db.png"  alt="logo"/>
-        </div>
-      </div>
-    </section>
-    <section class="flex flex-col p-2 h-full">
-      <BaseButton
-          v-for="button in buttons"
-          :label="button.label"
-          iconClass="fa-solid fa-trophy text-white"
-          type="admin"
-          hover="admin"
-          @click="handleButtonClick(button)"
-      />
-    </section>
-    <section class="flex flex-col justify-end p-2 flex-grow">
-      <div class="border-t border-neutral pt-2">
-        <BaseButton
-            iconClass="fa-solid fa-circle-user text-textSecondary"
-            label="Account"
-            type="adminSecondary"
-            @click="handleButtonClick(button)"
-        />
-        <BaseButton
-            iconClass="fa-solid fa-right-to-bracket fa-rotate-180 text-textSecondary"
-            label="Log Out"
-            type="adminSecondary"
-            @click="handleButtonClick(button)"
-        />
-      </div>
-    </section>
-  </div>
-</template>
-
-<script>
-import BaseButton from "../../Base/Button/BaseButton.vue";
-
-export default {
-  name: 'AdminLeftMenu',
-  components: { BaseButton },
-  props: {
-    buttons: {
-      type: Array,
-      default: () => []
-    }
-  },
-  methods: {
-    handleButtonClick(button) {
-      this.$emit('button-click', button);
-    }
-  }
-};
-</script>

package/package/src/stories/Menu/DropDown/DropDownMenu.stories.js

@@ -1,34 +0,0 @@
-import DropDownMenu from './DropDownMenu.vue';
-export default {
-    title: 'Menu/DropDown/DropDownMenu',
-    component: DropDownMenu,
-    tags: ['autodocs']
-};
-const Template = args => ({
-    components: { DropDownMenu },
-    setup() {
-        return {
-            args: {
-                label: 'default',
-                items: []
-            }
-        };
-    },
-    methods: {
-        onMenuClick(index) {
-            alert(`Button ${index + 1} clicked!`);
-        }
-    }
-});
-
-export const Default = {
-    args: {
-        label: 'Sort By',
-        items: [
-            {text: 'Text1', link: '/link1'},
-            {text: 'Text2', link: '/link2'},
-            {text: 'Text3', link: '/link3'}
-        ],
-        selectedItem: {text: 'Text1', link: '/link1'}
-    }
-};

package/package/src/stories/Menu/DropDown/DropDownMenu.vue

@@ -1,51 +0,0 @@
-<template>
-  <div class="flex flex-row">
-    <span>
-      <div class="z-10 rounded-lg shadow px-2 py-2 w-32 flex flex-row justify-between" @click="handleDropDown()">
-        <BaseText :text="label" color="quaternary" size="sm" weight="normal" />
-        <BaseText :text="selectedItem.text" color="secondary" size="sm" weight="normal" />
-        <i class="fa-solid fa-chevron-down text-xs" />
-      </div>
-      <div v-if="isDropDownOpen" class="flex flex-col w-32 shadow mt-2 z-10 rounded-xl py-1 absolute bg-neutral">
-        <a v-for="item in items" :key="item.id" @click="handleClick(item)" class="hover:bg-dropdownSelect py-1 px-2 border-b border-dropdownSelect last:border-0">
-          <BaseText :text="item.text" color="primary" size="xs" weight="normal" />
-        </a>
-      </div>
-    </span>
-  </div>
-</template>
-
-<script>
-import BaseText from "../../Base/Text/BaseText.vue";
-
-export default {
-  name: 'DropDownMenu',
-  components: {BaseText},
-  props: {
-    label: {
-      type: String,
-    },
-    items: {
-      type: Array,
-      validator: (itemsArray) => itemsArray.every(item => typeof item.text === 'string')
-    },
-    selectedItem: {
-      type: Object,
-      default: () => ({ text: '' }),
-      validator: (obj) => typeof obj.text === 'string'
-    }
-  },
-  data: () => ({
-    isDropDownOpen: false
-  }),
-  methods: {
-    handleClick(item) {
-      this.isDropDownOpen = false;
-      this.$emit('update:selectedItem', item);
-    },
-    handleDropDown() {
-      this.isDropDownOpen = !this.isDropDownOpen;
-    }
-  }
-}
-</script>