@dcrackel/hematournamentui 1.0.77 → 1.0.80

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcrackel/hematournamentui",
   "private": false,
-  "version": "1.0.77",
+  "version": "1.0.80",
   "type": "module",
   "main": "dist/HemaTouranmentUI-lib.umd.js",
   "module": "dist/HemaTouranmentUI-lib.es.js",
@@ -40,17 +40,17 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.4.0",
-    "@storybook/addon-actions": "^8.1.5",
-    "@storybook/addon-docs": "^8.1.5",
-    "@storybook/addon-essentials": "^8.1.5",
-    "@storybook/addon-interactions": "^8.1.5",
-    "@storybook/addon-links": "^8.1.5",
-    "@storybook/addon-mdx-gfm": "^8.1.5",
-    "@storybook/blocks": "^8.1.5",
-    "@storybook/react": "^8.1.5",
-    "@storybook/test": "^8.1.5",
-    "@storybook/vue3": "^8.1.5",
-    "@storybook/vue3-vite": "^8.1.5",
+    "@storybook/addon-actions": "^8.1.6",
+    "@storybook/addon-docs": "^8.1.6",
+    "@storybook/addon-essentials": "^8.1.6",
+    "@storybook/addon-interactions": "^8.1.6",
+    "@storybook/addon-links": "^8.1.6",
+    "@storybook/addon-mdx-gfm": "^8.1.6",
+    "@storybook/blocks": "^8.1.6",
+    "@storybook/react": "^8.1.6",
+    "@storybook/test": "^8.1.6",
+    "@storybook/vue3": "^8.1.6",
+    "@storybook/vue3-vite": "^8.1.6",
     "@vitejs/plugin-vue": "^5.0.0",
     "@vitest/coverage-v8": "^1.1.0",
     "@vue/cli-plugin-babel": "^5.0.8",
@@ -59,7 +59,7 @@
     "eslint": "^8.56.0",
     "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-vue": "^9.20.1",
-    "storybook": "^8.1.5",
+    "storybook": "^8.1.6",
     "storybook-vue3-router": "^5.0.0",
     "tailwindcss": "^3.4.3",
     "vite": "^5.0.10",

package/src/stories/Molecules/Boxes/CounterBox/CounterBox.vue

@@ -1,15 +1,15 @@
 <template>
   <div class="flex flex-col items-center">
-  <section class="flex justify-center">
-    <BaseText :text="label" size="sm" color="primaryHighlight" />
-  </section>
-  <section :class="boxClass">
-    <div class="flex flex-row items-center justify-between h-14 py-2 px-2">
-      <button @click="increase" class="py-1"><BaseIcon icon-name="fa-caret-up" size="xl" color="primaryHighlight" /></button>
-      <span class="px-1"><BaseText :text="counter" size="xl" color="primary"/></span>
-      <button @click="decrease" class="py-1"><BaseIcon icon-name="fa-caret-down" size="xl" color="primaryHighlight" /></button>
-    </div>
-  </section>
+    <section class="flex justify-center">
+      <BaseText :text="label" size="sm" color="primaryHighlight" />
+    </section>
+    <section :class="boxClass">
+      <div class="flex flex-row items-center justify-between h-14 py-2 px-2">
+        <button @click="increase" class="py-1"><BaseIcon icon-name="fa-caret-up" size="xl" color="primaryHighlight" /></button>
+        <span class="px-1"><BaseText :text="counter" size="xl" color="primary"/></span>
+        <button @click="decrease" class="py-1"><BaseIcon icon-name="fa-caret-down" size="xl" color="primaryHighlight" /></button>
+      </div>
+    </section>
   </div>
 </template>
 

package/src/stories/Molecules/Boxes/EventStatusBox/EventStatusBox.vue

@@ -1,5 +1,5 @@
 <template>
-  <section :class="['w-20 h-14 rounded-xl m-1 shadow border border-1-dropdownSelect', boxColor]">
+  <section :class="['w-20 h-14 rounded-xl m-1 shadow border border-dropdownSelect', boxColor]">
     <div class="flex flex-col justify-between h-14 py-2 pl-1">
       <p class="flex flex-row justify-center w-full pb-1">
         <BaseText :text="statusCount" size="sm" color="quinary" weight="bold" />

package/src/stories/Organisms/Headers/PoolSummary/PoolSummary.vue

@@ -6,8 +6,8 @@
       <span class="h-8"></span>
     </section>
     <section class="flex space-x-4">
-      <CounterBox :recommended="7" :count="poolSize" label="Pool Size" />
-      <CounterBox :recommended="2" :count="numberOfRings" label="Num Rings" />
+      <CounterBox :recommended="7" :count="poolSize" label="Pool Size" @update:count="handlePoolSizeChange" />
+      <CounterBox :recommended="2" :count="numberOfRings" label="Num Rings" @update:count="handleNumOfRingsChange" />
     </section>
   </div>
 </template>
@@ -27,10 +27,7 @@ export default {
       validator(event) {
         const requiredFields = [
           'EventName',
-          'RuleSummary',
-          'Absent',
-          'Present',
-          'Removed',
+          'RuleSummary'
         ];
 
         const missingFields = requiredFields.filter(field => !(field in event));
@@ -49,6 +46,12 @@ export default {
     numberOfRings() {
       return this.event.NumberOfRings || 0;
     },
+    handlePoolSizeChange(poolSize) {
+      this.$emit('update:poolSize', poolSize);
+    },
+    handleNumOfRingsChange(numberOfRings) {
+      this.$emit('update:numberOfRings', numberOfRings);
+    },
   },
 };
 </script>

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

@@ -1,6 +1,6 @@
 <template>
   <section>
-    <EditEventsTopMenu :currentTab="'Checkin'" :tabs="tabs"/>
+    <EditEventsTopMenu :currentTab="'Checkin'" :tabs="tabs" @tabMenuClick="handleTabMenuClick"/>
     <AttendanceSummary :event="event"/>
 
     <div class="w-full flex flex-row justify-center mt-3">
@@ -142,6 +142,10 @@ export default {
     handleAddExistingPerson(value) {
       console.log(`----- handleAddExistingPerson: ${value}`);
       this.$emit('add:existing-person', value);
+    },
+    handleTabMenuClick(value) {
+      console.log(`----- handleTabMenuClick: ${value}`);
+      this.$emit('tab:menu-click', value);
     }
   }
 }

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

@@ -1,6 +1,6 @@
 <template>
   <section class="mx-4">
-  <EditTournamentMenu currentTab="Events" :tabs="tabs" />
+  <EditTournamentMenu 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">
@@ -33,9 +33,11 @@ import BaseText from "../../../Atoms/Text/BaseText.vue";
 import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
 import EventCard from "../../../Organisms/Cards/EventCard/EventCard.vue";
 import emptyDesertIcon from '../../../../assets/empty_desert_icon.png';
+import EditEventsTopMenu from "../../Menus/EditEventsTopMenu/EditEventsTopMenu.vue";
 
 export default {
   components: {
+    EditEventsTopMenu,
     EventCard,
     EditTournamentMenu,
     BaseText,
@@ -70,6 +72,10 @@ export default {
     handleManageEvent(eventId) {
       console.log(`handleManageEvent: ${eventId}`);
       this.$emit('manageEvent', eventId);
+    },
+    handleTabMenuClick(value) {
+      console.log(`----- handleTabMenuClick: ${value}`);
+      this.$emit('tab:menu-click', value);
     }
   }
 }

package/src/stories/Templates/EventManagement/PoolManagement/PoolManagement.stories.js

@@ -24,7 +24,23 @@ export default {
 
 export const Default = {
     args: {
-        event: eventPersonGetPoolAssignmentEvent,
+        event: {
+            "EventId": 5,
+            "TournamentId": 4,
+            "EventName": "Feline Longsword",
+            "Date": "2024-05-22",
+            "StartTime": "17:25:31",
+            "NumberOfRings": 3,
+            "NumberOfPools": 3,
+            "PoolSize": 4,
+            "Flights": 1,
+            "WeaponId": 1,
+            "Status": "Upcoming",
+            "Present": 0,
+            "Absent": 10,
+            "Removed": 0,
+            "RuleSummary": "Pools -> DE -> 3rd Place Faceoff"
+        },
         poolAssignments: eventPersonGetInitialPoolAssignments
     }
 };

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

@@ -1,7 +1,7 @@
 <template>
   <section>
-    <EditEventsTopMenu :currentTab="'Pools'" :tabs="tabs"/>
-    <PoolSummary :event="event"/>
+    <EditEventsTopMenu :currentTab="'Pools'" :tabs="tabs" @tabMenuClick="handleTabMenuClick"/>
+    <PoolSummary :event="event" @update:poolSize="handlePoolSizeChange" @update:numberOfRings="handleNumberOfRinigs" />
 
     <div class="w-full flex flex-row flex-wrap justify-start mt-3">
       <div v-for="pool in poolAssignments" :key="pool.Name" >
@@ -69,6 +69,18 @@ export default {
     swapFencers({ draggedPerson }) {
       console.log('swapFencers', draggedPerson);
       this.$emit('swap-fencers', {draggedPerson});
+    },
+    handleTabMenuClick(value) {
+      console.log(`----- handleTabMenuClick: ${value}`);
+      this.$emit('tab:menu-click', value);
+    },
+    handlePoolSizeChange(poolSize) {
+      console.log('handlePoolSizeChange', poolSize);
+      this.$emit('update:poolSize', poolSize);
+    },
+    handleNumberOfRinigs(numberOfRings) {
+      console.log('handleNumberOfRinigs', numberOfRings);
+      this.$emit('update:numberOfRings', numberOfRings);
     }
   }
 }

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

@@ -1,9 +1,5 @@
 <template>
   <section class="flex">
-<!--    <div class="mr-4">-->
-<!--      <BaseButton label="Return" size="xs" type="primary" @click="addTournament" />-->
-<!--      <BaseText text="Open Mixed Saber" size="lg" color="Primary" weight="bold" class="ml-4 pt-1" />-->
-<!--    </div>-->
     <TabBar class="border-b border-dropdownSelect mb-5">
       <BaseButton
           v-for="tab in tabs"
@@ -44,7 +40,7 @@ export default {
   },
   methods: {
     handleButtonClick(buttonId) {
-      this.$emit('button-click', buttonId);
+      this.$emit('tabMenuClick', buttonId);
     }
   }
 }