@dcrackel/hematournamentui 1.0.706 → 1.0.707

package/tailwind/tailwind.css

@@ -1,8 +1,8 @@
-@config '../tailwind.config.js';
-@import 'tailwindcss';
-@import '@fontsource/inter/200.css';
-@import '@fontsource/inter/400.css';
-@import '@fontsource/inter/500.css';
+@config '../tailwind.config.js';
+@import 'tailwindcss';
+@import '@fontsource/inter/200.css';
+@import '@fontsource/inter/400.css';
+@import '@fontsource/inter/500.css';
 @import '@fontsource/inter/600.css';
 @import '@fontsource/inter/700.css';
 @import '@fontsource/roboto-mono/index.css';
@@ -12,5 +12,3 @@
 @import '@fontsource/fira-code/700.css';
 @import '@fontsource/fira-code/index.css';
 @import '@fontsource/fira-code/index.css';
-
-

package/tailwind.config.js

@@ -1,9 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{vue,js,ts,jsx,tsx}",
-  ],
+  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
   safelist: [
     'text-accepted',
     'bg-acceptedHighlight',
@@ -46,9 +43,9 @@ export default {
         sans: ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont']
       },
       lineHeight: {
-        'h1': '1.25',
-        'h2': '1.5',
-        'h3': '1.75'
+        h1: '1.25',
+        h2: '1.5',
+        h3: '1.75'
       },
       colors: {
         accepted: '#1D7E64',
@@ -95,24 +92,24 @@ export default {
         rose: '#904f69',
         navy: '#182a3a'
       }
-    },
+    }
   },
   plugins: [
     function ({ addBase, theme }) {
       addBase({
         h1: {
           fontSize: theme('fontSize.3xl'),
-          lineHeight: theme('lineHeight.leading-h1'),
+          lineHeight: theme('lineHeight.leading-h1')
         },
         h2: {
           fontSize: theme('fontSize.2xl'),
-          lineHeight: theme('lineHeight.h2'),
+          lineHeight: theme('lineHeight.h2')
         },
         h3: {
           fontSize: theme('fontSize.xl'),
-          lineHeight: theme('lineHeight.h3'),
-        },
+          lineHeight: theme('lineHeight.h3')
+        }
       });
-    },
-  ],
-}
+    }
+  ]
+};

package/vite.config.js

@@ -5,13 +5,13 @@ export default defineConfig({
   base: '/',
   plugins: [vue()],
   test: {
-    environment: "happy-dom",
+    environment: 'happy-dom'
   },
   build: {
     lib: {
       entry: 'src/index.js',
       name: 'HemaTournamentUI',
-      fileName: (format) => `HemaTournamentUI-lib.${format}.js`
+      fileName: format => `HemaTournamentUI-lib.${format}.js`
     },
     rollupOptions: {
       external: ['vue'],
@@ -22,4 +22,4 @@ export default defineConfig({
       }
     }
   }
-});
+});

package/src/mocks/getDirectors.js

@@ -1,18 +0,0 @@
-const getDirectors = [
-    {
-        PersonId: 79,
-        DisplayName: "Tom Testerlou",
-        Ring: { PoolId: 776, RingName: "Ring 1" },
-        ClubName: "Columbus United Fencing Club",
-        PortraitUrl: null
-    },
-    {
-        PersonId: 1,
-        DisplayName: "Dwain Crackel",
-        Ring: { PoolId: 777, RingName: "Ring 2" },
-        ClubName: "Columbus United Fencing Club",
-        PortraitUrl: "https://meyersquaredimages.com/uploads/p-b7bbafd7.png"
-    }
-]
-
-export default getDirectors;

package/src/stories/Molecules/Modals/AssignDirectorModal/AssignDirectorModal.stories.js

@@ -1,45 +0,0 @@
-import AssignDirectorModal from './AssignDirectorModal.vue';
-import getDirectors from '../../../../mocks/getDirectors.js';
-import getPoolsWithBoutsByPoolId from '../../../../mocks/getPoolsWithBoutsByPoolId.js';
-
-export default {
-    title: 'Molecules/Modals/AssignDirectorModal',
-    component: AssignDirectorModal,
-    tags: ['autodocs'],
-    args: {
-        show: true,
-        bout: getPoolsWithBoutsByPoolId.pools[0].Bouts[0],
-        directors: getDirectors,
-    },
-    argTypes: {
-        show: { control: 'boolean' },
-        bout: { control: 'object' },
-        directors: { control: 'object' },
-        onAssign: { action: 'assign' },
-        'onUpdate:closeModal': { action: 'update:closeModal' },
-    },
-};
-
-export const Default = {
-    args: {
-        show: true,
-        bout: getPoolsWithBoutsByPoolId.pools[0].Bouts[0],
-        directors: getDirectors,
-    },
-};
-
-export const Empty = {
-    args: {
-        show: true,
-        bout: getPoolsWithBoutsByPoolId.pools[0].Bouts[0],
-        directors: [],
-    },
-};
-
-export const Hidden = {
-    args: {
-        show: false,
-        bout: getPoolsWithBoutsByPoolId.pools[0].Bouts[0],
-        directors: getDirectors,
-    },
-};

package/src/stories/Molecules/Modals/AssignDirectorModal/AssignDirectorModal.vue

@@ -1,111 +0,0 @@
-<template>
-  <transition
-      enter-active-class="transition-opacity duration-500"
-      enter-class="opacity-0"
-      enter-to-class="opacity-100"
-      leave-active-class="transition-opacity duration-500"
-      leave-class="opacity-100"
-      leave-to-class="opacity-0"
-  >
-    <div
-        v-if="show"
-        class="fixed inset-0 bg-secondary bg-opacity-75 flex items-center justify-center z-50"
-        @click="close"
-    >
-      <div
-          class="w-full md:w-1/3 md:min-w-[30rem] bg-neutral rounded-lg shadow-lg pt-2 px-2"
-          @click.stop
-      >
-        <div class="w-full px-2">
-          <div class="flex items-start justify-between">
-            <div class="flex-1 pr-2 mt-1.5">
-              <BaseText
-                  :text="`${boutTitle}`"
-                  size="sm"
-                  color="primaryHighlight"
-                  weight="bold"
-              />
-            </div>
-
-            <BaseIcon
-                icon-name="fa-circle-xmark"
-                size="lg"
-                color="quaternary"
-                hover="alarm"
-                @click="close"
-                class="mt-0.5"
-            />
-          </div>
-
-          <!-- full-width divider -->
-          <div class="border-b border-dropdownSelect"></div>
-          <BaseText
-              text="Select Director to assign this bout to"
-              size="xs"
-              color="quaternary"
-              weight="normal"
-              class="pt-1"
-          />
-        </div>
-
-        <div class="md:border-b border-dropdownSelect mt-3 mb-3"></div>
-
-        <div class="px-2 space-y-2 max-h-[70vh] overflow-y-auto pb-4">
-          <DirectorAssignmentCard
-              v-for="d in directors"
-              :key="d.PersonId"
-              :director="d"
-              @select="selectDirector"
-          />
-        </div>
-
-        <div v-if="!directors || directors.length === 0" class="px-4 py-8 text-center">
-          <BaseText text="No directors available." size="sm" color="quinary" />
-        </div>
-      </div>
-    </div>
-  </transition>
-</template>
-
-<script>
-import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
-import BaseText from "../../../Atoms/Text/BaseText.vue";
-import DirectorAssignmentCard from "../../../Organisms/Cards/DirectorAssignmentCard/DirectorAssignmentCard.vue";
-
-export default {
-  name: "AssignDirectorModal",
-  components: { BaseIcon, BaseText, DirectorAssignmentCard },
-  emits: ["update:closeModal", "assign"],
-  props: {
-    show: {
-      type: Boolean,
-      default: false
-    },
-    bout: {
-      type: Object,
-      required: true
-    },
-    directors: {
-      type: Array,
-      default: () => []
-    }
-  },
-  computed: {
-    boutTitle() {
-      const p1 = this.bout?.Person1?.DisplayName || 'Unknown';
-      const p2 = this.bout?.Person2?.DisplayName || 'Unknown';
-      return `${p1} vs ${p2}`;
-    },
-  },
-  methods: {
-    close() {
-      this.$emit("update:closeModal", this.bout);
-    },
-    selectDirector(director) {
-      // bubble selection up; parent decides how to update/ref save
-      this.$emit("assign", { bout: this.bout, director });
-      this.close();
-    }
-  }
-};
-</script>

package/src/stories/Organisms/Cards/DirectorAssignmentCard/DirectorAssignmentCard.stories.js

@@ -1,45 +0,0 @@
-import DirectorAssignmentCard from './DirectorAssignmentCard.vue';
-import getDirectors from '../../../../mocks/getDirectors.js';
-
-export default {
-    title: 'Organisms/Cards/DirectorAssignmentCard',
-    component: DirectorAssignmentCard,
-    tags: ['autodocs'],
-    args: {
-        director: getDirectors[0],
-    },
-    argTypes: {
-        director: { control: 'object' },
-        onSelect: { action: 'select' },
-    },
-};
-
-export const Default = {
-    args: {
-        director: getDirectors[0],
-    },
-};
-
-export const WithPortrait = {
-    args: {
-        director: getDirectors[1],
-    },
-};
-
-export const NoRing = {
-    args: {
-        director: {
-            ...getDirectors[0],
-            Ring: { PoolId: null, RingName: '' },
-        },
-    },
-};
-
-export const NoClub = {
-    args: {
-        director: {
-            ...getDirectors[0],
-            ClubName: null,
-        },
-    },
-};

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

@@ -1,83 +0,0 @@
-<template>
-  <button
-      type="button"
-      class="w-full flex items-center border border-dropdownSelect rounded-lg shadow-sm bg-white hover:border-bright active:scale-[0.99] transition px-3 py-2 mb-2"
-      @click="selectDirector"
-  >
-    <!-- Portrait -->
-    <div class="flex mr-3 flex-none">
-      <div
-          v-if="!portraitURL"
-          class="w-10 h-10 rounded-xl bg-dropdownSelect flex items-center justify-center"
-      >
-        <BaseIcon icon-name="fa-user" size="sm" color="neutral" />
-      </div>
-      <img
-          v-else
-          :src="portraitURL"
-          alt="Portrait"
-          class="w-10 h-10 rounded-xl object-cover"
-      />
-    </div>
-
-    <!-- Name + Ring (left aligned, stacked) -->
-    <div class="flex flex-col flex-1 text-left min-w-0">
-      <BaseText
-          :text="director.DisplayName"
-          size="sm"
-          color="quaternary"
-          weight="bold"
-          class="truncate"
-      />
-
-      <BaseText
-          v-if="ringName"
-          :text="ringName"
-          size="xs"
-          color="primaryHighlight"
-          weight="bold"
-          class="truncate"
-      />
-      <BaseText
-          v-else
-          text="No ring"
-          size="xs"
-          color="quinary"
-          weight="normal"
-          class="truncate"
-      />
-    </div>
-
-    <!-- Chevron -->
-    <div class="flex-none ml-3">
-      <BaseIcon icon-name="fa-chevron-right" size="sm" color="quinary" hover="primary" />
-    </div>
-  </button>
-</template>
-
-<script>
-import BaseText from "../../../Atoms/Text/BaseText.vue";
-import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
-
-export default {
-  name: "DirectorAssignmentCard",
-  components: { BaseText, BaseIcon },
-  emits: ["select"],
-  props: {
-    director: { type: Object, required: true }
-  },
-  computed: {
-    portraitURL() {
-      return this.director?.PortraitUrl || "";
-    },
-    ringName() {
-      return this.director?.Ring?.RingName || "";
-    }
-  },
-  methods: {
-    selectDirector() {
-      this.$emit("select", this.director);
-    }
-  }
-};
-</script>