@dcrackel/hematournamentui 1.0.155 → 1.0.161

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcrackel/hematournamentui",
   "private": false,
-  "version": "1.0.155",
+  "version": "1.0.161",
   "type": "module",
   "main": "dist/HemaTournamentUI-lib.umd.js",
   "module": "dist/HemaTournamentUI-lib.es.js",

package/src/index.js

@@ -24,9 +24,9 @@ export { default as AddTournamentPageOne } from './stories/Templates/TournamentM
 export { default as AddTournamentPageTwo } from './stories/Templates/TournamentManagement/AddTournament/PageTwo/AddTournamentPageTwo.vue';
 export { default as EditTournamentBasicInfo } from './stories/Templates/TournamentManagement/EditTournament/EditBasic/EditTournamentBasicInfo.vue';
 export { default as EditTournamentDetails } from './stories/Templates/TournamentManagement/EditTournament/EditDetails/EditTournamentDetails.vue';
+export { default as ListEvents } from './stories/Templates/TournamentManagement/ListEvents/ListEvents.vue';
 
 export { default as AdminLeftMenu } from './stories/Templates/Menus/Admin/AdminLeftMenu.vue';
-export { default as ListEvents } from './stories/Templates/EventManagement/ListEvents/ListEvents.vue';
 export { default as EventAttendance } from './stories/Templates/EventManagement/EventAttendance/EventAttendance.vue';
 export { default as PoolManagement } from './stories/Templates/EventManagement/PoolManagement/PoolManagement.vue';
 export { default as StaffList } from './stories/Templates/EventManagement/StaffList/StaffList.vue';

package/src/stories/Templates/EventManagement/EventAttendance/EventAttendance.vue

@@ -43,7 +43,6 @@
 </template>
 
 <script>
-import EditTournamentMenu from "../../Menus/EditTournamentMenu/EditTournamentMenu.vue";
 import BaseText from "../../../Atoms/Text/BaseText.vue";
 import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
 import EventCard from "../../../Organisms/Cards/EventCard/EventCard.vue";
@@ -62,7 +61,6 @@ export default {
     EditEventsTopMenu,
     FencerCard,
     EventCard,
-    EditTournamentMenu,
     BaseText,
     BaseButton,
   },

package/src/stories/Templates/Menus/EditEventsTopMenu/EditEventsTopMenu.vue

@@ -20,6 +20,7 @@ import TabBar from "../../../Molecules/Menus/TabBar/TabBar.vue";
 import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
 import BaseText from "../../../Atoms/Text/BaseText.vue";
 
+
 export default {
   components: {
     BaseText,

package/src/stories/Templates/TournamentManagement/EditTournament/EditBasic/EditTournamentBasicInfo.vue

@@ -1,5 +1,5 @@
 <template>
-  <EditTournamentMenu currentTab="Basic" :tabs="tabs" @buttonClick="handleTabMenuClick"/>
+  <EditEventsTopMenu :currentTab="'Basic'" :tabs="tabs" @tabMenuClick="handleTabMenuClick"/>
   <div class="w-full flex flex-row justify-center">
     <section class="w-full">
       <BaseText :color="'quaternary'" :size="'xs'" :text="'IMAGE'" class="border-b mb-5"/>
@@ -63,11 +63,11 @@ import TitledInput from "../../../../Molecules/CombinationInputs/TitledInput/Tit
 import TextBoxEditor from "../../../../Organisms/ComplexInputs/TextBoxEditor/TextBoxEditor.vue";
 import FindLocation from "../../../../Organisms/ComplexInputs/FindLocation/FindLocation.vue";
 import DatePicker from "../../../../Organisms/ComplexInputs/DatePicker/DatePicker.vue";
-import EditTournamentMenu from "../../../Menus/EditTournamentMenu/EditTournamentMenu.vue";
+import EditEventsTopMenu from "../../../Menus/EditEventsTopMenu/EditEventsTopMenu.vue";
 
 export default {
   components: {
-    EditTournamentMenu,
+    EditEventsTopMenu,
     DatePicker,
     FindLocation,
     TextBoxEditor,
@@ -134,7 +134,7 @@ export default {
       }
     },
     handleTabMenuClick(value) {
-      this.$emit('buttonClick', value);
+      this.$emit('tab:menu-click', value);
     },
     handleAddressUpdate(updatedAddress) {
       this.localTournament.AddressId = updatedAddress.AddressId;

package/src/stories/Templates/TournamentManagement/EditTournament/EditDetails/EditTournamentDetails.vue

@@ -1,5 +1,5 @@
 <template>
-  <EditTournamentMenu currentTab="Details" :tabs="tabs" @button-click="handleButtonClick" />
+  <EditEventsTopMenu :currentTab="'Details'" :tabs="tabs" @tabMenuClick="handleTabMenuClick"/>
   <div class="w-full flex flex-row justify-center my-10">
     <section class="w-3/4">
       <BaseText :color="'quaternary'" :size="'xs'" :text="'DETAIL INFORMATION'" class="border-b mb-5"/>
@@ -76,11 +76,11 @@ import FindLocation from "../../../../Organisms/ComplexInputs/FindLocation/FindL
 import DatePicker from "../../../../Organisms/ComplexInputs/DatePicker/DatePicker.vue";
 import BaseRadioGroup from "../../../../Atoms/RadioGroup/BaseRadioGroup.vue";
 import FindPerson from "../../../../Organisms/ComplexInputs/FindPerson/FindPerson.vue";
-import EditTournamentMenu from "../../../Menus/EditTournamentMenu/EditTournamentMenu.vue";
+import EditEventsTopMenu from "../../../Menus/EditEventsTopMenu/EditEventsTopMenu.vue";
 
 export default {
   components: {
-    EditTournamentMenu,
+    EditEventsTopMenu,
     FindPerson,
     BaseRadioGroup,
     DatePicker,
@@ -103,7 +103,6 @@ export default {
       required: true
     }
   },
-  emits: ['button-click', 'update:submit', 'update:cancel'],
   data() {
     return {
       localTournament: JSON.parse(JSON.stringify(this.tournament)),
@@ -143,8 +142,8 @@ export default {
     handlePersonChange(person) {
       this.localTournament.PrimaryContactId = person.PersonId;
     },
-    handleButtonClick(tab) {
-      this.$emit('button-click', tab);
+    handleTabMenuClick(value) {
+      this.$emit('tab:menu-click', value);
     },
     handleSubmit() {
       this.$emit('update:submit', this.localTournament)

package/src/stories/Templates/{EventManagement → TournamentManagement}/ListEvents/ListEvents.stories.js

@@ -2,7 +2,7 @@ import EditEvents from './ListEvents.vue';
 import eventMockData from '../../../../mocks/eventMock.js';
 
 export default {
-    title: 'Templates/EventManagement/ListEvents',
+    title: 'Templates/TournamentManagement/ListEvents/ListEvents',
     component: EditEvents,
     tags: ['autodocs'],
     args: {

package/src/stories/Templates/{EventManagement → TournamentManagement}/ListEvents/ListEvents.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="mx-4">
-  <EditTournamentMenu currentTab="Events" :tabs="tabs" @tabMenuClick="handleTabMenuClick" />
+    <EditEventsTopMenu :currentTab="'Events'" :tabs="tabs" @tabMenuClick="handleTabMenuClick"/>
   <div class="w-full flex flex-row justify-center">
     <section class="w-full">
       <div class="w-full flex flex-col justify-center items-center mb-6" style="text-align: center">
@@ -28,7 +28,6 @@
 </template>
 
 <script>
-import EditTournamentMenu from "../../Menus/EditTournamentMenu/EditTournamentMenu.vue";
 import BaseText from "../../../Atoms/Text/BaseText.vue";
 import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
 import EventCard from "../../../Organisms/Cards/EventCard/EventCard.vue";
@@ -39,7 +38,6 @@ export default {
   components: {
     EditEventsTopMenu,
     EventCard,
-    EditTournamentMenu,
     BaseText,
     BaseButton,
   },
@@ -52,11 +50,9 @@ export default {
       emptyDesertIcon,
       currentTab: 'Events',
       tabs: [
-        { id: 'Basic', label: 'Basic', color: 'primaryHighlight' },
-        { id: 'Details', label: 'Details', color: 'primaryHighlight' },
-        { id: 'Events', label: 'Events', color: 'primaryHighlight' },
-        { id: 'Payments', label: 'Payments', color: 'primaryHighlight' },
-        { id: 'Staff', label: 'Staff', color: 'primaryHighlight' }
+        {id: 'Basic', label: 'Basic', color: 'primaryHighlight'},
+        {id: 'Details', label: 'Details', color: 'primaryHighlight'},
+        {id: 'Events', label: 'Events', color: 'primaryHighlight'},
       ]
     };
   },

package/src/stories/Templates/Menus/EditTournamentMenu/EditTournamentMenu.stories.js

@@ -1,23 +0,0 @@
-import EditTournamentMenu from "./EditTournamentMenu.vue";
-
-export default {
-    title: 'Templates/Menus/EditTournamentMenu/EditTournamentMenu',
-    component: EditTournamentMenu,
-    tags: ['autodocs'],
-    args: {},
-    argTypes: {}
-};
-
-export const Default = {
-    args: {
-        currentTab: 'Events',
-        tabs: [
-            { id: 'Basic', label: 'Basic', color: 'primaryHighlight' },
-            { id: 'Details', label: 'Details', color: 'primaryHighlight' },
-            { id: 'Events', label: 'Events', color: 'primaryHighlight' },
-            { id: 'Payments', label: 'Payments', color: 'primaryHighlight' },
-            { id: 'Staff', label: 'Staff', color: 'primaryHighlight' }
-        ]
-    }
-
-}

package/src/stories/Templates/Menus/EditTournamentMenu/EditTournamentMenu.vue

@@ -1,43 +0,0 @@
-<template>
-  <TabBar class="border-b border-dropdownSelect mb-5">
-    <BaseButton
-        v-for="tab in tabs"
-        :key="tab.id"
-        :selected="currentTab === tab.id"
-        class="flex flex-row mx-3"
-        :color="tab.color"
-        :label="tab.label"
-        type="tabBar"
-        @click="handleButtonClick(tab.id)"
-    ></BaseButton>
-  </TabBar>
-</template>
-
-<script>
-import TabBar from "../../../Molecules/Menus/TabBar/TabBar.vue";
-import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
-
-export default {
-  components: {
-    TabBar,
-    BaseButton
-  },
-  props: {
-    currentTab: {
-      type: String,
-      required: true,
-      default: ''
-    },
-    tabs: {
-      type: Array,
-      required: true,
-      default: () => []
-    }
-  },
-  methods: {
-    handleButtonClick(buttonId) {
-      this.$emit('button-click', buttonId);
-    }
-  }
-}
-</script>