@dcrackel/hematournamentui 1.0.706 → 1.0.707

package/src/stories/Templates/PersonManagement/Admin/Administration/Administration.vue

@@ -2,74 +2,71 @@
   <section class="mt-2">
     <div class="flex flex-col mb-4">
       <TitledInput
-          :inputValue="personId"
-          :inputType="'number'"
-          placeholder="Meyer Squared ID"
-          title="Meyer Squared ID"
-          :disabled="true"
-          aria-disabled="true"
+        :inputValue="personId"
+        :inputType="'number'"
+        placeholder="Meyer Squared ID"
+        title="Meyer Squared ID"
+        :disabled="true"
+        aria-disabled="true"
       />
     </div>
 
     <div class="flex flex-col mb-4">
       <TitledInput
-          :inputValue="hemaRatingId"
-          :inputType="'number'"
-          placeholder="HEMA Rating ID"
-          title="HEMA Rating ID"
-          @update:value="emitUpdate('HemaRatingsId', $event)"
+        :inputValue="hemaRatingId"
+        :inputType="'number'"
+        placeholder="HEMA Rating ID"
+        title="HEMA Rating ID"
+        @update:value="emitUpdate('HemaRatingsId', $event)"
       />
     </div>
 
     <div class="flex flex-col mb-4">
-      <BaseText text="Access Level" size="sm" color="quaternary"/>
+      <BaseText text="Access Level" size="sm" color="quaternary" />
       <DropDownMenu
-          :key="accessLevelDropdownKey"
-          :label="accessLevelLabel"
-          :items="accessLevels"
-          class="pb-2"
-          :selectedItem="selectedAccessLevel"
-          @update:selectedItem="emitUpdate('AccessLevel', $event.text)"
-          width="w-full"
-          dropDownWidth="w-full"
+        :key="accessLevelDropdownKey"
+        :label="accessLevelLabel"
+        :items="accessLevels"
+        class="pb-2"
+        :selectedItem="selectedAccessLevel"
+        @update:selectedItem="emitUpdate('AccessLevel', $event.text)"
+        width="w-full"
+        dropDownWidth="w-full"
       />
     </div>
   </section>
 </template>
 
 <script>
-import TitledInput from "../../../../Molecules/CombinationInputs/TitledInput/TitledInput.vue";
-import BaseText from "../../../../Atoms/Text/BaseText.vue";
-import DropDownMenu from "../../../../Organisms/ComplexInputs/DropDown/DropDownMenu.vue";
+import TitledInput from '../../../../Molecules/CombinationInputs/TitledInput/TitledInput.vue';
+import BaseText from '../../../../Atoms/Text/BaseText.vue';
+import DropDownMenu from '../../../../Organisms/ComplexInputs/DropDown/DropDownMenu.vue';
 
 const STANDARD_ACCESS_LEVELS = [
-  { text: "User", link: "User" },
-  { text: "Director", link: "Director" },
-  { text: "Club", link: "Club" },
+  { text: 'User', link: 'User' },
+  { text: 'Director', link: 'Director' },
+  { text: 'Club', link: 'Club' }
 ];
 
-const ADMIN_ACCESS_LEVELS = [
-  ...STANDARD_ACCESS_LEVELS,
-  { text: "Admin", link: "Admin" },
-];
+const ADMIN_ACCESS_LEVELS = [...STANDARD_ACCESS_LEVELS, { text: 'Admin', link: 'Admin' }];
 
 export default {
-  name: "Administration",
-  emits: ["update:person"],
+  name: 'Administration',
+  emits: ['update:person'],
   components: { TitledInput, BaseText, DropDownMenu },
   props: {
     person: { type: Object, required: true },
-    userLevel: { type: String, required: true },
+    userLevel: { type: String, required: true }
   },
   computed: {
     personId() {
-      return this.person?.PersonId ?? "";
+      return this.person?.PersonId ?? '';
     },
     hemaRatingId() {
-      return this.person?.HemaRatingsId ?? this.person?.HEMARatings?.[0]?.HemaRatingId ?? "";
+      return this.person?.HemaRatingsId ?? this.person?.HEMARatings?.[0]?.HemaRatingId ?? '';
     },
     accessLevels() {
-      if (this.userLevel === "Admin") {
+      if (this.userLevel === 'Admin') {
         return ADMIN_ACCESS_LEVELS;
       }
 
@@ -79,16 +76,16 @@ export default {
       return { text: this.person.AccessLevel, link: this.person.AccessLevel };
     },
     accessLevelLabel() {
-      return this.person.AccessLevel ? "" : "Select Access Level";
+      return this.person.AccessLevel ? '' : 'Select Access Level';
     },
     accessLevelDropdownKey() {
-      return `${this.userLevel}-${this.person.AccessLevel || "none"}`;
-    },
+      return `${this.userLevel}-${this.person.AccessLevel || 'none'}`;
+    }
   },
   methods: {
     emitUpdate(field, value) {
-      this.$emit("update:person", { field, value });
-    },
-  },
+      this.$emit('update:person', { field, value });
+    }
+  }
 };
 </script>

package/src/stories/Templates/PersonManagement/Admin/FencerAdmin/FencerAdmin.stories.js

@@ -1,71 +1,71 @@
 import FencerAdmin from './FencerAdmin.vue';
-import personsMock from "../../../../../mocks/personsMock.js";
-import peopleMock from "../../../../../mocks/personGetAllMock.js";
+import personsMock from '../../../../../mocks/personsMock.js';
+import peopleMock from '../../../../../mocks/personGetAllMock.js';
 
 export default {
-    title: 'Templates/PersonManagement/Admin/FencerAdmin',
-    component: FencerAdmin,
-    tags: ['autodocs'],
-    args: {
-        person: personsMock[1],
-        people: peopleMock,
-        userLevel: 'Club',
-        canMergeAccounts: null
+  title: 'Templates/PersonManagement/Admin/FencerAdmin',
+  component: FencerAdmin,
+  tags: ['autodocs'],
+  args: {
+    person: personsMock[1],
+    people: peopleMock,
+    userLevel: 'Club',
+    canMergeAccounts: null
+  },
+  argTypes: {
+    person: { control: { type: 'object' } },
+    people: { control: { type: 'object' } },
+    userLevel: {
+      control: { type: 'select' },
+      options: ['User', 'Director', 'Club', 'Admin']
     },
-    argTypes: {
-        person: { control: { type: 'object' } },
-        people: { control: { type: 'object' } },
-        userLevel: {
-            control: { type: 'select' },
-            options: ['User', 'Director', 'Club', 'Admin']
-        },
-        canMergeAccounts: { control: { type: 'boolean' } },
-        'update:person': { action: 'update:person' },
-        'merge:merge': { action: 'merge:merge' }
-    }
+    canMergeAccounts: { control: { type: 'boolean' } },
+    'update:person': { action: 'update:person' },
+    'merge:merge': { action: 'merge:merge' }
+  }
 };
 
 export const ClubUser = {
-    args: {
-        person: {
-            ...personsMock[1],
-            AccessLevel: 'Club'
-        },
-        people: peopleMock,
-        userLevel: 'Club'
-    }
+  args: {
+    person: {
+      ...personsMock[1],
+      AccessLevel: 'Club'
+    },
+    people: peopleMock,
+    userLevel: 'Club'
+  }
 };
 
 export const AdminViewingUser = {
-    args: {
-        person: {
-            ...personsMock[1],
-            AccessLevel: 'User'
-        },
-        people: peopleMock,
-        userLevel: 'Admin'
-    }
+  args: {
+    person: {
+      ...personsMock[1],
+      AccessLevel: 'User'
+    },
+    people: peopleMock,
+    userLevel: 'Admin'
+  }
 };
 
 export const AdminViewingAdmin = {
-    args: {
-        person: {
-            ...personsMock[1],
-            AccessLevel: 'Admin'
-        },
-        people: peopleMock,
-        userLevel: 'Admin'
-    }
+  args: {
+    person: {
+      ...personsMock[1],
+      AccessLevel: 'Admin'
+    },
+    people: peopleMock,
+    userLevel: 'Admin'
+  }
 };
 
 export const MergeDisabledByParent = {
-    args: {
-        person: {
-            ...personsMock[1],
-            AccessLevel: 'User'
-        },
-        people: peopleMock,
-        userLevel: 'Admin',
-        canMergeAccounts: false
-    }
+  args: {
+    person: {
+      ...personsMock[1],
+      AccessLevel: 'User'
+    },
+    people: peopleMock,
+    userLevel: 'Admin',
+    canMergeAccounts: false
+  }
 };

package/src/stories/Templates/PersonManagement/Admin/FencerAdmin/FencerAdmin.vue

@@ -3,37 +3,33 @@
     <div class="pb-6">
       <BaseText text="Administration" size="lg" color="primary" />
       <div class="mt-3">
-        <Administration
-            :person="person"
-            :userLevel="userLevel"
-            @update:person="$emit('update:person', $event)"
-        />
+        <Administration :person="person" :userLevel="userLevel" @update:person="$emit('update:person', $event)" />
       </div>
     </div>
 
     <div v-if="showMergeAccounts" class="pt-6 border-t border-dropdownSelect">
       <button
-          :id="mergeAccountsToggleId"
-          type="button"
-          class="w-full flex items-center justify-between text-left"
-          :aria-expanded="mergeOpen"
-          :aria-controls="mergeAccountsPanelId"
-          @click="toggleMergeOpen"
+        :id="mergeAccountsToggleId"
+        type="button"
+        class="w-full flex items-center justify-between text-left"
+        :aria-expanded="mergeOpen"
+        :aria-controls="mergeAccountsPanelId"
+        @click="toggleMergeOpen"
       >
         <div>
           <BaseText text="Merge Accounts" size="lg" color="primary" />
           <BaseText
-              class="mt-1"
-              text="Merge other fencer accounts into this one. This will move all references and delete the duplicate accounts."
-              size="sm"
-              color="quaternary"
+            class="mt-1"
+            text="Merge other fencer accounts into this one. This will move all references and delete the duplicate accounts."
+            size="sm"
+            color="quaternary"
           />
         </div>
 
         <span
-            class="fa-solid fa-chevron-down ml-4 text-quaternary transition-transform duration-200"
-            :class="mergeOpen ? 'rotate-180' : 'rotate-0'"
-            aria-hidden="true"
+          class="fa-solid fa-chevron-down ml-4 text-quaternary transition-transform duration-200"
+          :class="mergeOpen ? 'rotate-180' : 'rotate-0'"
+          aria-hidden="true"
         />
       </button>
 
@@ -45,46 +41,46 @@
 </template>
 
 <script>
-import BaseText from "../../../../Atoms/Text/BaseText.vue";
-import Administration from "../Administration/Administration.vue";
-import MergeAccounts from "../MergeAccounts/MergeAccounts.vue";
+import BaseText from '../../../../Atoms/Text/BaseText.vue';
+import Administration from '../Administration/Administration.vue';
+import MergeAccounts from '../MergeAccounts/MergeAccounts.vue';
 
 export default {
-  name: "FencerAdmin",
-  emits: ["update:person", "merge:merge"],
+  name: 'FencerAdmin',
+  emits: ['update:person', 'merge:merge'],
   components: { BaseText, Administration, MergeAccounts },
   props: {
     person: { type: Object, required: true },
     people: { type: Array, required: true },
     userLevel: { type: String, required: true },
-    canMergeAccounts: { type: Boolean, default: null },
+    canMergeAccounts: { type: Boolean, default: null }
   },
   data() {
     return {
-      mergeOpen: false,
+      mergeOpen: false
     };
   },
   computed: {
     showMergeAccounts() {
-      return this.canMergeAccounts ?? this.userLevel === "Admin";
+      return this.canMergeAccounts ?? this.userLevel === 'Admin';
     },
     personIdForDom() {
-      return this.person?.PersonId ?? "unknown";
+      return this.person?.PersonId ?? 'unknown';
     },
     mergeAccountsToggleId() {
       return `merge-accounts-toggle-${this.personIdForDom}`;
     },
     mergeAccountsPanelId() {
       return `merge-accounts-panel-${this.personIdForDom}`;
-    },
+    }
   },
   methods: {
     toggleMergeOpen() {
       this.mergeOpen = !this.mergeOpen;
     },
     emitMergeAccounts(data) {
-      this.$emit("merge:merge", data);
-    },
-  },
+      this.$emit('merge:merge', data);
+    }
+  }
 };
 </script>

package/src/stories/Templates/PersonManagement/Admin/MergeAccounts/MergeAccounts.stories.js

@@ -1,86 +1,86 @@
 import MergeAccounts from './MergeAccounts.vue';
-import personsMock from "../../../../../mocks/personsMock.js";
-import peopleMock from "../../../../../mocks/personGetAllMock.js";
+import personsMock from '../../../../../mocks/personsMock.js';
+import peopleMock from '../../../../../mocks/personGetAllMock.js';
 
 export default {
-    title: 'Templates/PersonManagement/Admin/MergeAccounts',
-    component: MergeAccounts,
-    tags: ['autodocs'],
-    args: {
-        person: personsMock[1],
-        people: peopleMock
-    },
-    argTypes: {
-        person: { control: { type: 'object' } },
-        people: { control: { type: 'object' } },
-        'merge:merge': { action: 'merge:merge' }
-    }
+  title: 'Templates/PersonManagement/Admin/MergeAccounts',
+  component: MergeAccounts,
+  tags: ['autodocs'],
+  args: {
+    person: personsMock[1],
+    people: peopleMock
+  },
+  argTypes: {
+    person: { control: { type: 'object' } },
+    people: { control: { type: 'object' } },
+    'merge:merge': { action: 'merge:merge' }
+  }
 };
 
 export const Default = {
-    args: {
-        person: personsMock[1],
-        people: peopleMock
-    }
+  args: {
+    person: personsMock[1],
+    people: peopleMock
+  }
 };
 
 export const EmptyResults = {
-    args: {
-        person: personsMock[1],
-        people: []
-    }
+  args: {
+    person: personsMock[1],
+    people: []
+  }
 };
 
 export const MissingRootDetails = {
-    args: {
-        person: {
-            PersonId: 2001,
-            DisplayName: '',
-            FirstName: '',
-            LastName: '',
-            Club: null,
-            PersonEmails: []
-        },
-        people: peopleMock
-    }
+  args: {
+    person: {
+      PersonId: 2001,
+      DisplayName: '',
+      FirstName: '',
+      LastName: '',
+      Club: null,
+      PersonEmails: []
+    },
+    people: peopleMock
+  }
 };
 
 export const SparsePeopleData = {
-    args: {
-        person: personsMock[1],
-        people: [
-            {
-                PersonId: 2002,
-                DisplayName: 'Missing Email',
-                FirstName: 'Missing',
-                LastName: 'Email',
-                Club: {
-                    Name: 'Columbus United Fencing Club',
-                    ShortName: 'CUFC'
-                },
-                PersonEmails: []
-            },
-            {
-                PersonId: 2003,
-                DisplayName: 'Missing Club',
-                FirstName: 'Missing',
-                LastName: 'Club',
-                Club: null,
-                PersonEmails: [
-                    {
-                        EmailAddress: 'missing-club@example.com',
-                        IsPrimary: true
-                    }
-                ]
-            },
-            {
-                PersonId: 2004,
-                DisplayName: 'No Optional Details',
-                FirstName: '',
-                LastName: '',
-                Club: null,
-                PersonEmails: []
-            }
+  args: {
+    person: personsMock[1],
+    people: [
+      {
+        PersonId: 2002,
+        DisplayName: 'Missing Email',
+        FirstName: 'Missing',
+        LastName: 'Email',
+        Club: {
+          Name: 'Columbus United Fencing Club',
+          ShortName: 'CUFC'
+        },
+        PersonEmails: []
+      },
+      {
+        PersonId: 2003,
+        DisplayName: 'Missing Club',
+        FirstName: 'Missing',
+        LastName: 'Club',
+        Club: null,
+        PersonEmails: [
+          {
+            EmailAddress: 'missing-club@example.com',
+            IsPrimary: true
+          }
         ]
-    }
+      },
+      {
+        PersonId: 2004,
+        DisplayName: 'No Optional Details',
+        FirstName: '',
+        LastName: '',
+        Club: null,
+        PersonEmails: []
+      }
+    ]
+  }
 };