@dcrackel/meyersquaredui 1.0.109 → 1.0.111

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/meyersquaredui.es.js +352 -320
  2. package/dist/meyersquaredui.umd.js +4 -4
  3. package/package.json +68 -68
  4. package/src/mocks/getTournamentById.js +51 -20
  5. package/src/stories/Organisms/Cards/EventListCard/EventListCard.vue +2 -1
  6. package/src/stories/Organisms/GridLayout/GridLayout.stories.js +10 -0
  7. package/src/stories/Organisms/GridLayout/GridLayout.vue +15 -0
  8. package/src/stories/Templates/TournamentDetailPage/TournamentDetailPage.vue +2 -1
package/package.json CHANGED
@@ -1,68 +1,68 @@
1
- {
2
- "name": "@dcrackel/meyersquaredui",
3
- "private": false,
4
- "version": "1.0.109",
5
- "type": "module",
6
- "main": "dist/meyersquaredui.cjs.js",
7
- "module": "dist/meyersquaredui.esm.js",
8
- "exports": {
9
- ".": {
10
- "import": "./dist/meyersquaredui.es.js",
11
- "require": "./dist/meyersquaredui.umd.js"
12
- }
13
- },
14
- "files": [
15
- "dist",
16
- "src"
17
- ],
18
- "scripts": {
19
- "dev": "vite",
20
- "build": "npm version patch && vite build",
21
- "publish:package": "npm publish",
22
- "preview": "vite preview",
23
- "build-storybook": "npm run build:tailwind && storybook build",
24
- "build:tailwind": "tailwindcss build ./tailwind/tailwind.css -o ../HemaTournamentPublic/src/ui-tailwind.css",
25
- "storybook": "concurrently \"npm run watch:tailwind\" \"npm run watch:storybook\"",
26
- "watch:storybook": "storybook dev -p 6006",
27
- "watch:tailwind": "tailwindcss build ./tailwind/tailwind.css -o ./tailwind/output.css --watch",
28
- "copy:css": "copy .\\dist\\ui-tailwind.css ..\\HemaTournamentPublic\\src\\ui-tailwind.css",
29
- "lint": "eslint --ext .ts,.vue .",
30
- "test": "vitest",
31
- "coverage": "vitest run --coverage"
32
- },
33
- "dependencies": {
34
- "concurrently": "^9.0.1",
35
- "font-awesome": "^4.7.0",
36
- "version": "^0.0.1",
37
- "vue": "^3.5.10",
38
- "vue3-google-map": "^0.21.0"
39
- },
40
- "devDependencies": {
41
- "@chromatic-com/storybook": "^2.0.2",
42
- "@storybook/addon-controls": "^8.3.0",
43
- "@storybook/addon-essentials": "^8.3.0",
44
- "@storybook/addon-interactions": "^8.3.0",
45
- "@storybook/addon-links": "^8.3.0",
46
- "@storybook/addon-mdx-gfm": "^8.3.0",
47
- "@storybook/addon-onboarding": "^8.3.0",
48
- "@storybook/blocks": "^8.3.0",
49
- "@storybook/test": "^8.3.0",
50
- "@storybook/vue3": "^8.3.0",
51
- "@storybook/vue3-vite": "^8.3.0",
52
- "@vitejs/plugin-vue": "^5.1.2",
53
- "autoprefixer": "^10.4.20",
54
- "postcss": "^8.4.45",
55
- "storybook": "^8.3.0",
56
- "tailwindcss": "^3.4.11",
57
- "vite": "^5.4.1"
58
- },
59
- "keywords": [
60
- "story",
61
- "hema",
62
- "tournament",
63
- "UI",
64
- "vue3"
65
- ],
66
- "author": "Meyer Squared",
67
- "license": "MIT"
68
- }
1
+ {
2
+ "name": "@dcrackel/meyersquaredui",
3
+ "private": false,
4
+ "version": "1.0.111",
5
+ "type": "module",
6
+ "main": "dist/meyersquaredui.cjs.js",
7
+ "module": "dist/meyersquaredui.esm.js",
8
+ "exports": {
9
+ ".": {
10
+ "import": "./dist/meyersquaredui.es.js",
11
+ "require": "./dist/meyersquaredui.umd.js"
12
+ }
13
+ },
14
+ "files": [
15
+ "dist",
16
+ "src"
17
+ ],
18
+ "scripts": {
19
+ "dev": "vite",
20
+ "build": "npm version patch && vite build",
21
+ "publish:package": "npm publish",
22
+ "preview": "vite preview",
23
+ "build-storybook": "npm run build:tailwind && storybook build",
24
+ "build:tailwind": "tailwindcss build ./tailwind/tailwind.css -o ../HemaTournamentPublic/src/ui-tailwind.css",
25
+ "storybook": "concurrently \"npm run watch:tailwind\" \"npm run watch:storybook\"",
26
+ "watch:storybook": "storybook dev -p 6006",
27
+ "watch:tailwind": "tailwindcss build ./tailwind/tailwind.css -o ./tailwind/output.css --watch",
28
+ "copy:css": "copy .\\dist\\ui-tailwind.css ..\\HemaTournamentPublic\\src\\ui-tailwind.css",
29
+ "lint": "eslint --ext .ts,.vue .",
30
+ "test": "vitest",
31
+ "coverage": "vitest run --coverage"
32
+ },
33
+ "dependencies": {
34
+ "concurrently": "^9.0.1",
35
+ "font-awesome": "^4.7.0",
36
+ "version": "^0.0.1",
37
+ "vue": "^3.5.10",
38
+ "vue3-google-map": "^0.21.0"
39
+ },
40
+ "devDependencies": {
41
+ "@chromatic-com/storybook": "^2.0.2",
42
+ "@storybook/addon-controls": "^8.3.5",
43
+ "@storybook/addon-essentials": "^8.3.5",
44
+ "@storybook/addon-interactions": "^8.3.5",
45
+ "@storybook/addon-links": "^8.3.5",
46
+ "@storybook/addon-mdx-gfm": "^8.3.5",
47
+ "@storybook/addon-onboarding": "^8.3.5",
48
+ "@storybook/blocks": "^8.3.5",
49
+ "@storybook/test": "^8.3.5",
50
+ "@storybook/vue3": "^8.3.5",
51
+ "@storybook/vue3-vite": "^8.3.5",
52
+ "@vitejs/plugin-vue": "^5.1.2",
53
+ "autoprefixer": "^10.4.20",
54
+ "postcss": "^8.4.45",
55
+ "storybook": "^8.3.5",
56
+ "tailwindcss": "^3.4.11",
57
+ "vite": "^5.4.1"
58
+ },
59
+ "keywords": [
60
+ "story",
61
+ "hema",
62
+ "tournament",
63
+ "UI",
64
+ "vue3"
65
+ ],
66
+ "author": "Meyer Squared",
67
+ "license": "MIT"
68
+ }
package/src/mocks/getTournamentById.js CHANGED
@@ -6,29 +6,29 @@ const mockGetTournamentId =
6
6
  "EndDate": "2024-11-10",
7
7
  "RegistrationCutOff": "2024-11-10",
8
8
  "Description": "Join us for a purr-fect day of sword fighting where justice is served with a scratch!",
9
- "HostedOnM2": false,
10
- "TotalParticipants": 0,
9
+ "HostedOnM2": true,
10
+ "TotalParticipants": 8,
11
11
  "Events": [
12
12
  {
13
- "EventId": 24,
14
- "EventName": "Open Longsword",
15
- "Status": "completed",
16
- "Date": "2021-11-20",
17
- "StartTime": "14:00:00",
18
- "ParticipantsCount": 0,
13
+ "EventId": 26,
14
+ "EventName": "Test Longsword",
15
+ "Status": "planning",
16
+ "Date": "2024-10-19",
17
+ "StartTime": "12:00:00",
18
+ "ParticipantsCount": 8,
19
19
  "Weapon": {
20
- "Name": "military saber",
20
+ "Name": "Longsword"
21
21
  }
22
22
  },
23
23
  {
24
- "EventId": 25,
25
- "EventName": "Open Longsword",
26
- "Status": "completed",
27
- "Date": "2021-11-20",
28
- "StartTime": "14:00:00",
24
+ "EventId": 27,
25
+ "EventName": "Super Saber",
26
+ "Status": "planning",
27
+ "Date": "2024-10-26",
28
+ "StartTime": "12:00:00",
29
29
  "ParticipantsCount": 0,
30
30
  "Weapon": {
31
- "Name": "longsword",
31
+ "Name": "Military Saber"
32
32
  }
33
33
  }
34
34
  ],
@@ -43,7 +43,7 @@ const mockGetTournamentId =
43
43
  },
44
44
  {
45
45
  "ImageId": 13,
46
- "URL": "https://meyersquaredimages.com/images/acme_club.png",
46
+ "URL": "https://meyersquared.com/images/acme_club.png",
47
47
  "AltText": "Club lol"
48
48
  }
49
49
  ]
@@ -59,7 +59,7 @@ const mockGetTournamentId =
59
59
  "Images": [
60
60
  {
61
61
  "ImageId": 32,
62
- "URL": "https://meyersquaredimages.com/images/ClawandOrder.png",
62
+ "URL": "https://meyersquaredimages.com/uploads/t-ee4cbcfa.png",
63
63
  "AltText": "Paws and Order"
64
64
  }
65
65
  ],
@@ -74,9 +74,40 @@ const mockGetTournamentId =
74
74
  }
75
75
  ]
76
76
  },
77
- "SocialMedia": [],
78
- "TotalEvents": 1,
79
- "Status": "completed"
77
+ "SocialMedia": [
78
+ {
79
+ "Link": "https://www.cvcombatguild.ca/",
80
+ "Type": "Web",
81
+ "Label": "Rules Link"
82
+ },
83
+ {
84
+ "Link": "https://hemaeventcalendar.com/",
85
+ "Type": "Discord",
86
+ "Label": "Discord Link"
87
+ },
88
+ {
89
+ "Link": "https://www.cvcombatguild.ca/",
90
+ "Type": "Instagram",
91
+ "Label": "insta Link"
92
+ },
93
+ {
94
+ "Link": "https://hemaeventcalendar.com/",
95
+ "Type": "Facebook",
96
+ "Label": "Facebook Link"
97
+ },
98
+ {
99
+ "Link": "https://www.cvcombatguild.ca/",
100
+ "Type": "Rules",
101
+ "Label": "Rules Link"
102
+ },
103
+ {
104
+ "Link": "https://hemaeventcalendar.com/",
105
+ "Type": "Registration",
106
+ "Label": "Registration Link"
107
+ }
108
+ ],
109
+ "TotalEvents": 2,
110
+ "Status": "unknown"
80
111
  };
81
112
 
82
113
  export default mockGetTournamentId;
package/src/stories/Organisms/Cards/EventListCard/EventListCard.vue CHANGED
@@ -55,7 +55,8 @@ export default {
55
55
  },
56
56
  computed: {
57
57
  weaponIcon() {
58
- const weapon = this.data.Weapon.Name;
58
+ console.log(this.data.Weapon);
59
+ const weapon = this.data.Weapon.Name.toLowerCase();
59
60
  if (weapon === 'military saber') {
60
61
  return 'fa-saber';
61
62
  }
package/src/stories/Organisms/GridLayout/GridLayout.stories.js CHANGED
@@ -81,4 +81,14 @@ ArticleGridLoading.args = {
81
81
  cardComponent: ArticleCard,
82
82
  items: mockArticles,
83
83
  isLoading: true
84
+ };
85
+
86
+ export const Empty = FencerTemplate.bind({});
87
+ Empty.args = {
88
+ title: 'Empty Set',
89
+ moreButtonLabel: '',
90
+ maxColumns: 1,
91
+ cardComponent: ArticleCard,
92
+ items: [],
93
+ isLoading: true
84
94
  };
package/src/stories/Organisms/GridLayout/GridLayout.vue CHANGED
@@ -7,6 +7,7 @@
7
7
  </div>
8
8
  <div :class="gridClasses">
9
9
  <component
10
+ v-if="items.length > 0"
10
11
  v-for="(item, index) in items"
11
12
  :is="cardComponent"
12
13
  :key="index"
@@ -15,6 +16,10 @@
15
16
  :isLoading="isLoading"
16
17
  @grid-card-click="handleTournamentCardClick"
17
18
  />
19
+ <div v-if="items.length === 0" class="w-full flex-col flex p-10">
20
+ <Icon :icon="noResultsIcon" color="primary" size="5xl" class="w-full flex justify-center"/>
21
+ <BaseText color="primary" size="lg" weight="normal" class="w-full flex justify-center mt-4">{{noResultsMsg}}</BaseText>
22
+ </div>
18
23
  </div>
19
24
  </div>
20
25
  <div v-if="!whiteStyle && moreButtonLabel" class="w-full flex justify-center pb-28 pt-10 md:pt-14">
@@ -36,10 +41,12 @@
36
41
  import BaseButton from "../../Atoms/BaseButton/BaseButton.vue";
37
42
  import BaseText from "../../Atoms/BaseText/BaseText.vue";
38
43
  import {markRaw} from "vue";
44
+ import Icon from "../../Atoms/Icon/Icon.vue";
39
45
 
40
46
  export default {
41
47
  name: 'GridLayout',
42
48
  components: {
49
+ Icon,
43
50
  BaseButton,
44
51
  BaseText,
45
52
  },
@@ -81,6 +88,14 @@ export default {
81
88
  type: String,
82
89
  default: 'w-full flex justify-center mx-auto',
83
90
  },
91
+ noResultsMsg: {
92
+ type: String,
93
+ default: 'No results found',
94
+ },
95
+ noResultsIcon: {
96
+ type: String,
97
+ default: 'fa-user-magnifying-glass',
98
+ },
84
99
  },
85
100
  emits: ['grid-click', 'grid-card-click'],
86
101
  computed: {
package/src/stories/Templates/TournamentDetailPage/TournamentDetailPage.vue CHANGED
@@ -18,10 +18,11 @@
18
18
  />
19
19
  </div>
20
20
  <div class="w-full max-w-4xl mx-auto md:p-4 mb-20">
21
+ <!-- :items="tournament.Events"-->
21
22
  <GridLayout
22
23
  v-if="tournament.Events.length > 0"
23
24
  :cardComponent="EventListCard"
24
- :items="tournament.Events"
25
+ :items="[]"
25
26
  :maxColumns="1"
26
27
  :isLoading="false"
27
28
  :whiteStyle="true"