@dcrackel/meyersquaredui 1.0.52 → 1.0.56

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcrackel/meyersquaredui",
   "private": false,
-  "version": "1.0.52",
+  "version": "1.0.56",
   "type": "module",
   "main": "dist/meyersquaredui.cjs.js",
   "module": "dist/meyersquaredui.esm.js",

package/src/stories/Molecules/DropDowns/BasicDropDown.vue

@@ -6,7 +6,7 @@
           color="primary"
           size="xs md"
           tag="p"
-          weight="normal"
+          :weight="boldText ? 'bold' : 'normal'"
       >
         {{ selectedItem }}
       </BaseText>
@@ -45,6 +45,10 @@ export default {
     defaultSelectedItem: {
       type: String,
       default: ''
+    },
+    boldText: {
+      type: Boolean,
+      default: false
     }
   },
   data() {

package/src/stories/Organisms/Cards/TournamentListCard/TournamentListCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="flex flex-col md:bg-white w-full border-b pb-2 mb-2 pt-1 cursor-pointer last:border-b-0">
+  <section class="flex flex-col md:bg-white w-full border-b pb-2 mb-2 pt-1 cursor-pointer last:border-b-0" @click="handleCardClick">
     <div class="flex">
       <img :src="tournamentImage" :alt="imageAltText" class="w-24 h-16 md:w-32 md:h-20 object-cover rounded mr-2 md:mr-4 flex-shrink-0" />
       <div class="flex flex-col">
@@ -98,6 +98,9 @@ export default {
       const date = new Date(dateString);
       return date.toLocaleDateString(undefined, options);
     },
+    handleCardClick() {
+      this.$emit('grid-card-click', this.data);
+    },
   },
 };
 </script>

package/src/stories/Organisms/GridLayout/GridLayout.vue

@@ -11,7 +11,7 @@
           :data="item"
           :index="index"
           :isLoading="isLoading"
-          @grid-card-click="handleCardClick"
+          @grid-card-click="handleTournamentCardClick"
       />
     </div>
   </section>
@@ -125,7 +125,7 @@ export default {
     onClick() {
       this.$emit('grid-click');
     },
-    handleCardClick(itemData) {
+    handleTournamentCardClick(itemData) {
       this.$emit('grid-card-click', itemData);
     },
   },

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

@@ -24,7 +24,8 @@
         <!-- Weapon Dropdown Component -->
         <BasicDropDown
             :weapons="weapons"
-            :selectedWeapon="selectedWeapon"
+            :defaultSelectedItem="selectedWeapon"
+            :boldText="true"
             @weapon-select="onWeaponSelect"
             class="hidden md:block pl-4 pr-8 md:p-0"
         />
@@ -46,7 +47,7 @@ export default {
   props: {
     filters: {
       type: Array,
-      default: () => ['Top Ranked', 'All Time', 'Regional', 'Club Members'],
+      default: () => ['Upcoming', 'Past', 'Bookmarked','Attending'],
     },
     weapons: {
       type: Array,

package/src/stories/Templates/TournamentListPage/TournamentListPage.vue

@@ -2,7 +2,7 @@
   <div class="m-0 w-full bg-secondary">
     <Header />
     <TournamentBanner :title="title" :description="description" :imageSrc="imageSrc" />
-    <TournamentHeader />
+    <TournamentHeader :weapons="['All Weapons', 'Longsword', 'Saber', 'Rapier', 'Smallsword', 'Sword and Buckler']" />
 
     <div class="w-full flex justify-center">
     <section class="w-full md:w-2/3 mb-20 flex">
@@ -14,6 +14,7 @@
           :whiteStyle="true"
           moreButtonLabel="See All Tournaments"
           :title="formattedDate"
+          @grid-card-click="changePage"
       />
       <Calendar :tournaments="tournaments" class="hidden md:block mt-32" />
     </section>
@@ -85,6 +86,11 @@ export default {
     return {
       cardComponent: markRaw(TournamentListCard),
     }
+  },
+  methods: {
+    changePage(item) {
+      console.log('changePage', item);
+    }
   }
 }