@dcrackel/hematournamentui 1.0.708 → 1.0.710

package/src/stories/Templates/TournamentManagement/TournamentPageOne/TournamentPageOne.stories.js

@@ -1,113 +1,116 @@
-import TournamentForm from './TournamentPageOne.vue';
-import mockLocation from '../../../../mocks/locationMock.js';
-import mockTournaments from '../../../../mocks/tournamentMock.js';
-import mockPersons from '../../../../mocks/personsMock.js';
-
-const validTournamentFields = {
-  Name: { invalid: false, message: '' },
-  Address: { invalid: false, message: '' },
-  StartDate: { invalid: false, message: '' },
-  TotalDays: { invalid: false, message: '' },
-  RegistrationCutOff: { invalid: false, message: '' },
-  Description: { invalid: false, message: '' }
-};
-
-const invalidTournamentFields = {
-  Name: { invalid: true, message: 'Tournament name is required' },
-  Address: { invalid: true, message: 'Location is required' },
-  StartDate: { invalid: true, message: 'Start date is required' },
-  TotalDays: { invalid: true, message: 'Must be at least 1 day' },
-  RegistrationCutOff: { invalid: true, message: 'Registration cut off is required' },
-  Description: { invalid: true, message: 'Description is required' }
-};
-
-const emptyTournament = {
-  Name: '',
-  Address: { Name: '' },
-  StartDate: new Date().toISOString().slice(0, 10),
-  TotalDays: 1,
-  RegistrationCutOff: new Date().toISOString().slice(0, 10),
-  PrimaryContactId: mockPersons?.[0]?.PersonId ?? 0,
-  Images: [{ URL: '' }],
-  Description: ''
-};
-
-export default {
-  title: 'Templates/TournamentManagement/TournamentPageOne',
-  component: TournamentForm,
-  tags: ['autodocs'],
-  args: {
-    tournament: mockTournaments[0],
-    locations: mockLocation,
-    persons: mockPersons,
-    validation: validTournamentFields,
-    isNewTournament: true,
-    userLevel: 'Club'
-  },
-  argTypes: {
-    tournament: {
-      control: { type: 'object' }
-    },
-    locations: {
-      control: { type: 'object' }
-    },
-    persons: {
-      control: { type: 'object' }
-    },
-    validation: {
-      control: { type: 'object' }
-    },
-    isNewTournament: {
-      control: { type: 'boolean' }
-    },
-    userLevel: {
-      control: { type: 'text' }
-    }
-  }
-};
-
-export const Default = {
-  args: {
-    tournament: mockTournaments[0],
-    locations: mockLocation,
-    persons: mockPersons,
-    validation: validTournamentFields
-  }
-};
-
-export const EmptyTournament = {
-  args: {
-    tournament: emptyTournament,
-    locations: mockLocation,
-    persons: mockPersons,
-    validation: validTournamentFields
-  }
-};
-
-export const EditMode = {
-  args: {
-    tournament: mockTournaments[0],
-    locations: mockLocation,
-    persons: mockPersons,
-    validation: validTournamentFields,
-    isNewTournament: false
-  }
-};
-
-export const InvalidFields = {
-  args: {
-    tournament: emptyTournament,
-    locations: mockLocation,
-    persons: mockPersons,
-    validation: invalidTournamentFields
-  }
-};
-
-export const EmptyOptions = {
-  args: {
-    tournament: emptyTournament,
-    locations: [],
-    persons: [],
-    validation: validTournamentFields
-  }
-};
+import TournamentForm from './TournamentPageOne.vue';
+import mockLocation from '../../../../mocks/locationMock.js';
+import mockTournaments from '../../../../mocks/tournamentMock.js';
+import mockPersons from '../../../../mocks/personsMock.js';
+
+const validTournamentFields = {
+  Name: { invalid: false, message: '' },
+  BasePrice: { invalid: false, message: '' },
+  Address: { invalid: false, message: '' },
+  StartDate: { invalid: false, message: '' },
+  TotalDays: { invalid: false, message: '' },
+  RegistrationCutOff: { invalid: false, message: '' },
+  Description: { invalid: false, message: '' }
+};
+
+const invalidTournamentFields = {
+  Name: { invalid: true, message: 'Tournament name is required' },
+  BasePrice: { invalid: true, message: 'Price must be a non-negative number.' },
+  Address: { invalid: true, message: 'Location is required' },
+  StartDate: { invalid: true, message: 'Start date is required' },
+  TotalDays: { invalid: true, message: 'Must be at least 1 day' },
+  RegistrationCutOff: { invalid: true, message: 'Registration cut off is required' },
+  Description: { invalid: true, message: 'Description is required' }
+};
+
+const emptyTournament = {
+  Name: '',
+  BasePrice: '',
+  Address: { Name: '' },
+  StartDate: new Date().toISOString().slice(0, 10),
+  TotalDays: 1,
+  RegistrationCutOff: new Date().toISOString().slice(0, 10),
+  PrimaryContactId: mockPersons?.[0]?.PersonId ?? 0,
+  Images: [{ URL: '' }],
+  Description: ''
+};
+
+export default {
+  title: 'Templates/TournamentManagement/TournamentPageOne',
+  component: TournamentForm,
+  tags: ['autodocs'],
+  args: {
+    tournament: { ...mockTournaments[0], BasePrice: 75.5 },
+    locations: mockLocation,
+    persons: mockPersons,
+    validation: validTournamentFields,
+    isNewTournament: true,
+    userLevel: 'Club'
+  },
+  argTypes: {
+    tournament: {
+      control: { type: 'object' }
+    },
+    locations: {
+      control: { type: 'object' }
+    },
+    persons: {
+      control: { type: 'object' }
+    },
+    validation: {
+      control: { type: 'object' }
+    },
+    isNewTournament: {
+      control: { type: 'boolean' }
+    },
+    userLevel: {
+      control: { type: 'text' }
+    }
+  }
+};
+
+export const Default = {
+  args: {
+    tournament: mockTournaments[0],
+    locations: mockLocation,
+    persons: mockPersons,
+    validation: validTournamentFields
+  }
+};
+
+export const EmptyTournament = {
+  args: {
+    tournament: emptyTournament,
+    locations: mockLocation,
+    persons: mockPersons,
+    validation: validTournamentFields
+  }
+};
+
+export const EditMode = {
+  args: {
+    tournament: { ...mockTournaments[0], BasePrice: 75.5 },
+    locations: mockLocation,
+    persons: mockPersons,
+    validation: validTournamentFields,
+    isNewTournament: false
+  }
+};
+
+export const InvalidFields = {
+  args: {
+    tournament: { ...emptyTournament, BasePrice: -5 },
+    locations: mockLocation,
+    persons: mockPersons,
+    validation: invalidTournamentFields
+  }
+};
+
+export const EmptyOptions = {
+  args: {
+    tournament: emptyTournament,
+    locations: [],
+    persons: [],
+    validation: validTournamentFields
+  }
+};