@dcrackel/hematournamentui 1.0.55 → 1.0.57

package/package.json

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

package/{.storybook → src/mocks}/mockRoutes.js

@@ -1,5 +1,5 @@
 // .storybook/mockRoutes.js
-import config from "./main.js";
+import config from "../../.storybook/main.js";
 
 export const routes = [
     { path: '/', component: { template: '<div>Home</div>' } },

package/src/mocks/tournamentMock.js

@@ -101,6 +101,105 @@ const mockTournaments = [
       }
     ],
     "tags": []
+  },
+  {
+    "TournamentId": 5,
+    "Name": "Lasers, swords, and cats",
+    "StartDate": "2023-12-31",
+    "EndDate": "2024-01-01",
+    "Description": "<p>This is a test</p>",
+    "ClubId": 1,
+    "AddressId": 3,
+    "Club.Name": "Test Club",
+    "Address": [
+      {
+        "Name": "Test Two",
+        "Address1": "2000 Nutter Farm Lane",
+        "City": "Delaware",
+        "State": "OH",
+        "Zip": null,
+        "Coordinates": "40.2824683,-83.02237459999999"
+      }
+    ],
+    "SocialMedia": [
+      {
+        "Label": "",
+        "Link": "https://thisisatest.com"
+      }
+    ],
+    "images": [
+      {
+        "URL": "https://node.ferrotas.com:5000/uploads/t-196.png",
+        "AltText": "more alt text"
+      }
+    ],
+    "tags": []
+  },
+  {
+    "TournamentId": 6,
+    "Name": "Catmageddon",
+    "StartDate": "2023-12-31",
+    "EndDate": "2024-01-01",
+    "Description": "<p>This is a test</p>",
+    "ClubId": 1,
+    "AddressId": 3,
+    "Club.Name": "Test Club",
+    "Address": [
+      {
+        "Name": "Test Two",
+        "Address1": "2000 Nutter Farm Lane",
+        "City": "Delaware",
+        "State": "OH",
+        "Zip": null,
+        "Coordinates": "40.2824683,-83.02237459999999"
+      }
+    ],
+    "SocialMedia": [
+      {
+        "Label": "",
+        "Link": "https://thisisatest.com"
+      }
+    ],
+    "images": [
+      {
+        "URL": "https://node.ferrotas.com:5000/uploads/t-196.png",
+        "AltText": "more alt text"
+      }
+    ],
+    "tags": []
+  },
+  {
+    "TournamentId": 7,
+    "Name": "Cats and Swords",
+    "StartDate": "2023-12-31",
+    "EndDate": "2024-01-01",
+    "Description": "<p>This is a test</p>",
+    "ClubId": 1,
+    "AddressId": 3,
+    "Club.Name": "Test Club",
+    "Address": [
+      {
+        "Name": "Test Two",
+        "Address1": "2000 Nutter Farm Lane",
+        "City": "Delaware",
+        "State": "OH",
+        "Zip": null,
+        "Coordinates": "40.2824683,-83.02237459999999"
+      }
+    ],
+    "SocialMedia": [
+      {
+        "Label": "",
+        "Link": "https://thisisatest.com"
+      }
+    ],
+    "images": [
+      {
+        "URL": "https://node.ferrotas.com:5000/uploads/t-196.png",
+        "AltText": "more alt text"
+      }
+    ],
+    "tags": []
   }
 ];
 

package/src/stories/Molecules/Breadcrumb/Admin/Breadcrumb.stories.js

@@ -1,7 +1,6 @@
-// Breadcrumb.stories.js
 import Breadcrumb from './Breadcrumb.vue';
 import { vueRouter } from 'storybook-vue3-router';
-import mockRoutes from '../../../../../.storybook/mockRoutes.js';
+import mockRoutes from '../../../../mocks/mockRoutes.js';
 import { action } from '@storybook/addon-actions';
 export default {
     title: 'Molecules/Admin/Breadcrumb',

package/src/stories/Molecules/Filters/FilterAndSortBar/FilterAndSortBar.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="flex flex-row w-full justify-between">
-    <div class="rounded-lg shadow px-2 py-1 w-full flex flex-row mt-0.5 mr-4">
+    <div class="rounded-lg shadow px-2 py-1 w-full flex flex-row mt-0.5 mr-4 border border-dropdownSelect">
       <i class="fa-solid fa-magnifying-glass text-primaryHighlight w-6 mt-1" />
       <BaseInput placeholder="Search on Name, Location, or Date" class="text-quaternary w-full" :addBorder=false :value="filterText" @update:value="handleFilter" />
     </div>

package/src/stories/Organisms/ComplexInputs/DropDown/DropDownMenu.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="flex flex-row">
     <span>
-      <div class="z-10 rounded-lg shadow px-2 py-2 w-40 flex flex-row justify-between" @click="handleDropDown()">
+      <div class="z-10 rounded-lg shadow px-2 py-2 w-40 flex flex-row justify-between border border-dropdownSelect" @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">
+        <a v-for="item in items" :key="item.id" @click="handleClick(item)" class="hover:bg-dropdownSelect py-1 px-2 border border-dropdownSelect last:border-0">
           <BaseText :text="item.text" color="primary" size="xs" weight="normal" />
         </a>
       </div>

package/src/stories/Organisms/Grids/GridContainer.vue

@@ -6,7 +6,7 @@
     <div class="my-4">
       <FilterAndSortBar :items="dropdownItems" :label="label" :selectedItem="selectedItem" @filterbar="handleFilter" @sort="handleSort"/>
     </div>
-    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 3xl:grid-cols-4 gap-6 w-full">
+    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-4 3xl:grid-cols-5 gap-10 w-full">
       <div v-for="item in filteredItems" :key="item.id" class="w-full">
         <component :is="component" :detail="item" @click="handleClick(item)" @listEvents="handleListEvents(item)" />
       </div>