@universal-tennis/ui-shared 0.1.96 → 0.1.98

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 (322) hide show
  1. package/.eslintignore +1 -1
  2. package/.eslintrc.js +73 -73
  3. package/.storybook/preview.js +17 -17
  4. package/.storybook/variables.css +16 -16
  5. package/README.md +129 -129
  6. package/dist/App.d.ts +2 -2
  7. package/dist/App.js +12 -12
  8. package/dist/components.d.ts +43 -43
  9. package/dist/components.js +48 -48
  10. package/dist/index.d.ts +1 -1
  11. package/dist/index.js +12 -12
  12. package/dist/items.d.ts +2 -2
  13. package/dist/items.js +1 -1
  14. package/dist/stories/Button.d.ts +27 -0
  15. package/dist/stories/Button.js +51 -0
  16. package/dist/stories/Button.js.map +1 -0
  17. package/dist/stories/Button.stories.d.ts +15 -0
  18. package/dist/stories/Button.stories.js +34 -0
  19. package/dist/stories/Button.stories.js.map +1 -0
  20. package/dist/stories/Header.d.ts +19 -0
  21. package/dist/stories/Header.js +31 -0
  22. package/dist/stories/Header.js.map +1 -0
  23. package/dist/stories/Header.stories.d.ts +11 -0
  24. package/dist/stories/Header.stories.js +20 -0
  25. package/dist/stories/Header.stories.js.map +1 -0
  26. package/dist/stories/Page.d.ts +1 -0
  27. package/dist/stories/Page.js +38 -0
  28. package/dist/stories/Page.js.map +1 -0
  29. package/dist/stories/Page.stories.d.ts +11 -0
  30. package/dist/stories/Page.stories.js +30 -0
  31. package/dist/stories/Page.stories.js.map +1 -0
  32. package/dist/stories/assets/comments.svg +1 -0
  33. package/dist/stories/assets/css/variables.css +15 -15
  34. package/dist/stories/assets/direction.svg +1 -0
  35. package/dist/stories/assets/icon-chat-blue.svg +10 -10
  36. package/dist/stories/assets/utr-sports-logo.svg +9 -9
  37. package/dist/stories/atoms/Button/Button.d.ts +10 -10
  38. package/dist/stories/atoms/Button/Button.js +95 -95
  39. package/dist/stories/atoms/Button/Button.stories.d.ts +17 -17
  40. package/dist/stories/atoms/Button/Button.stories.js +45 -45
  41. package/dist/stories/atoms/Button/index.d.ts +1 -0
  42. package/dist/stories/atoms/Button/index.js +2 -0
  43. package/dist/stories/atoms/Button/index.js.map +1 -0
  44. package/dist/stories/atoms/Button.d.ts +7 -0
  45. package/dist/stories/atoms/Button.js +20 -0
  46. package/dist/stories/atoms/Button.js.map +1 -0
  47. package/dist/stories/atoms/Button.stories.d.ts +13 -0
  48. package/dist/stories/atoms/Button.stories.js +22 -0
  49. package/dist/stories/atoms/Button.stories.js.map +1 -0
  50. package/dist/stories/atoms/Icons/AddIcon.d.ts +3 -3
  51. package/dist/stories/atoms/Icons/AddIcon.js +8 -8
  52. package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.d.ts +3 -3
  53. package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.js +6 -6
  54. package/dist/stories/atoms/Icons/AvailabilityNoIcon.d.ts +3 -3
  55. package/dist/stories/atoms/Icons/AvailabilityNoIcon.js +6 -6
  56. package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.d.ts +3 -3
  57. package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.js +7 -7
  58. package/dist/stories/atoms/Icons/AvailabilityYesIcon.d.ts +3 -3
  59. package/dist/stories/atoms/Icons/AvailabilityYesIcon.js +6 -6
  60. package/dist/stories/atoms/Icons/BallInMotionIcon.d.ts +3 -3
  61. package/dist/stories/atoms/Icons/BallInMotionIcon.js +9 -9
  62. package/dist/stories/atoms/Icons/CalendarIcon.d.ts +3 -3
  63. package/dist/stories/atoms/Icons/CalendarIcon.js +6 -6
  64. package/dist/stories/atoms/Icons/ClockIcon.d.ts +3 -3
  65. package/dist/stories/atoms/Icons/ClockIcon.js +8 -8
  66. package/dist/stories/atoms/Icons/CloseIcon.d.ts +3 -3
  67. package/dist/stories/atoms/Icons/CloseIcon.js +6 -6
  68. package/dist/stories/atoms/Icons/DeleteIcon.d.ts +3 -3
  69. package/dist/stories/atoms/Icons/DeleteIcon.js +10 -10
  70. package/dist/stories/atoms/Icons/DoublePersonIcon.d.ts +3 -3
  71. package/dist/stories/atoms/Icons/DoublePersonIcon.js +13 -13
  72. package/dist/stories/atoms/Icons/EditIcon.d.ts +3 -3
  73. package/dist/stories/atoms/Icons/EditIcon.js +6 -6
  74. package/dist/stories/atoms/Icons/Icons.stories.d.ts +37 -37
  75. package/dist/stories/atoms/Icons/Icons.stories.js +303 -303
  76. package/dist/stories/atoms/Icons/LeftChevronIcon.d.ts +3 -3
  77. package/dist/stories/atoms/Icons/LeftChevronIcon.js +6 -6
  78. package/dist/stories/atoms/Icons/LineIcon.d.ts +3 -3
  79. package/dist/stories/atoms/Icons/LineIcon.js +6 -6
  80. package/dist/stories/atoms/Icons/LocationIcon.d.ts +3 -3
  81. package/dist/stories/atoms/Icons/LocationIcon.js +7 -7
  82. package/dist/stories/atoms/Icons/MessageIcon.d.ts +3 -3
  83. package/dist/stories/atoms/Icons/MessageIcon.js +6 -6
  84. package/dist/stories/atoms/Icons/PickleballBallIcon.d.ts +3 -3
  85. package/dist/stories/atoms/Icons/PickleballBallIcon.js +17 -17
  86. package/dist/stories/atoms/Icons/RightChevronIcon.d.ts +3 -3
  87. package/dist/stories/atoms/Icons/RightChevronIcon.js +6 -6
  88. package/dist/stories/atoms/Icons/SessionIcon.d.ts +3 -3
  89. package/dist/stories/atoms/Icons/SessionIcon.js +6 -6
  90. package/dist/stories/atoms/Icons/SinglePersonIcon.d.ts +3 -3
  91. package/dist/stories/atoms/Icons/SinglePersonIcon.js +9 -9
  92. package/dist/stories/atoms/Icons/SinglePersonV2Icon.d.ts +3 -3
  93. package/dist/stories/atoms/Icons/SinglePersonV2Icon.js +7 -7
  94. package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.d.ts +3 -3
  95. package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.js +10 -10
  96. package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.d.ts +3 -3
  97. package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.js +6 -6
  98. package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.d.ts +3 -3
  99. package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.js +10 -10
  100. package/dist/stories/atoms/Icons/SocialMediaXIcon.d.ts +3 -3
  101. package/dist/stories/atoms/Icons/SocialMediaXIcon.js +10 -10
  102. package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.d.ts +3 -3
  103. package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.js +6 -6
  104. package/dist/stories/atoms/Icons/SwapIcon.d.ts +3 -3
  105. package/dist/stories/atoms/Icons/SwapIcon.js +6 -6
  106. package/dist/stories/atoms/Icons/SwapNoBorderIcon.d.ts +3 -3
  107. package/dist/stories/atoms/Icons/SwapNoBorderIcon.js +9 -9
  108. package/dist/stories/atoms/Icons/TennisBallIcon.d.ts +3 -3
  109. package/dist/stories/atoms/Icons/TennisBallIcon.js +8 -8
  110. package/dist/stories/atoms/Icons/VerifiedIcon.d.ts +3 -3
  111. package/dist/stories/atoms/Icons/VerifiedIcon.js +7 -7
  112. package/dist/stories/atoms/Icons/VisibilityIcon.d.ts +3 -3
  113. package/dist/stories/atoms/Icons/VisibilityIcon.js +7 -7
  114. package/dist/stories/atoms/Icons/VisibilityOffIcon.d.ts +3 -3
  115. package/dist/stories/atoms/Icons/VisibilityOffIcon.js +8 -8
  116. package/dist/stories/atoms/Icons/WinnerIndicatorIcon.d.ts +3 -3
  117. package/dist/stories/atoms/Icons/WinnerIndicatorIcon.js +31 -31
  118. package/dist/stories/atoms/Icons/sharedTypes.d.ts +11 -11
  119. package/dist/stories/atoms/Icons/sharedTypes.js +1 -1
  120. package/dist/stories/atoms/Typography/Typography.d.ts +49 -49
  121. package/dist/stories/atoms/Typography/Typography.js +143 -143
  122. package/dist/stories/atoms/Typography/Typography.stories.d.ts +37 -37
  123. package/dist/stories/atoms/Typography/Typography.stories.js +190 -190
  124. package/dist/stories/atoms/Typography/index.d.ts +1 -0
  125. package/dist/stories/atoms/Typography/index.js +2 -0
  126. package/dist/stories/atoms/Typography/index.js.map +1 -0
  127. package/dist/stories/atoms/UTMap/UTMap.d.ts +7 -7
  128. package/dist/stories/atoms/UTMap/UTMap.js +8 -8
  129. package/dist/stories/atoms/UTMap/UTMap.stories.d.ts +9 -9
  130. package/dist/stories/atoms/UTMap/UTMap.stories.js +35 -35
  131. package/dist/stories/molecules/AvatarWithName/AvatarWithName.d.ts +27 -27
  132. package/dist/stories/molecules/AvatarWithName/AvatarWithName.js +20 -20
  133. package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.d.ts +15 -15
  134. package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.js +72 -72
  135. package/dist/stories/molecules/Cards/Cards.stories.d.ts +7 -7
  136. package/dist/stories/molecules/Cards/Cards.stories.js +64 -64
  137. package/dist/stories/molecules/Cards/ContactCard.d.ts +3 -3
  138. package/dist/stories/molecules/Cards/ContactCard.js +38 -38
  139. package/dist/stories/molecules/Cards/DrawCard.d.ts +3 -3
  140. package/dist/stories/molecules/Cards/DrawCard.js +116 -116
  141. package/dist/stories/molecules/Cards/Modals.stories.d.ts +5 -5
  142. package/dist/stories/molecules/Cards/Modals.stories.js +72 -72
  143. package/dist/stories/molecules/Cards/TeamCard.d.ts +3 -3
  144. package/dist/stories/molecules/Cards/TeamCard.js +20 -20
  145. package/dist/stories/molecules/Cards/TeamDrawCard.d.ts +3 -3
  146. package/dist/stories/molecules/Cards/TeamDrawCard.js +78 -78
  147. package/dist/stories/molecules/Cards/shared.d.ts +9 -4
  148. package/dist/stories/molecules/Cards/shared.js +12 -12
  149. package/dist/stories/molecules/Cards/sharedTypes.d.ts +61 -61
  150. package/dist/stories/molecules/Cards/sharedTypes.js +2 -2
  151. package/dist/stories/molecules/FooterSection/FooterSection.d.ts +4 -4
  152. package/dist/stories/molecules/FooterSection/FooterSection.js +11 -11
  153. package/dist/stories/molecules/FooterSection/FooterSection.stories.d.ts +5 -5
  154. package/dist/stories/molecules/FooterSection/FooterSection.stories.js +20 -20
  155. package/dist/stories/molecules/FooterSection/sharedTypes.d.ts +5 -5
  156. package/dist/stories/molecules/FooterSection/sharedTypes.js +1 -1
  157. package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.d.ts +13 -13
  158. package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.js +27 -27
  159. package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.stories.d.ts +5 -5
  160. package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.stories.js +18 -18
  161. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.d.ts +29 -29
  162. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js +33 -33
  163. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.d.ts +16 -16
  164. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js +81 -81
  165. package/dist/stories/organisms/Footer/Footer.d.ts +4 -4
  166. package/dist/stories/organisms/Footer/Footer.js +97 -101
  167. package/dist/stories/organisms/Footer/Footer.js.map +1 -1
  168. package/dist/stories/organisms/Footer/Footer.stories.d.ts +5 -5
  169. package/dist/stories/organisms/Footer/Footer.stories.js +58 -58
  170. package/dist/stories/organisms/Footer/sharedTypes.d.ts +16 -16
  171. package/dist/stories/organisms/Footer/sharedTypes.js +1 -1
  172. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.d.ts +36 -36
  173. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js +49 -49
  174. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.d.ts +9 -9
  175. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js +196 -196
  176. package/dist/stories/organisms/Modals/FullPageModal.d.ts +4 -4
  177. package/dist/stories/organisms/Modals/FullPageModal.js +59 -59
  178. package/dist/stories/organisms/Modals/Modals.stories.d.ts +5 -5
  179. package/dist/stories/organisms/Modals/Modals.stories.js +73 -73
  180. package/dist/stories/organisms/Modals/sharedTypes.d.ts +14 -14
  181. package/dist/stories/organisms/Modals/sharedTypes.js +1 -1
  182. package/dist/stories/organisms/Tables/DrawCardTable.d.ts +3 -3
  183. package/dist/stories/organisms/Tables/DrawCardTable.js +58 -58
  184. package/dist/stories/organisms/Tables/SortableTable.d.ts +23 -23
  185. package/dist/stories/organisms/Tables/SortableTable.js +34 -34
  186. package/dist/stories/organisms/Tables/Tables.stories.d.ts +8 -8
  187. package/dist/stories/organisms/Tables/Tables.stories.js +90 -90
  188. package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.d.ts +3 -3
  189. package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.js +66 -66
  190. package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.d.ts +3 -3
  191. package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.js +43 -43
  192. package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.d.ts +3 -3
  193. package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.js +22 -22
  194. package/dist/stories/organisms/Tables/mockData.d.ts +71 -71
  195. package/dist/stories/organisms/Tables/mockData.js +99 -99
  196. package/dist/stories/organisms/Tables/sharedTypes.d.ts +15 -15
  197. package/dist/stories/organisms/Tables/sharedTypes.js +1 -1
  198. package/dist/stories/utils/constants.d.ts +19 -19
  199. package/dist/stories/utils/constants.js +23 -23
  200. package/dist/stories/utils/getArrayWithIds.d.ts +3 -3
  201. package/dist/stories/utils/getArrayWithIds.js +1 -1
  202. package/dist/stories/utils/useScreenSize.d.ts +4 -4
  203. package/dist/stories/utils/useScreenSize.js +27 -27
  204. package/dist/types/tableDataTypes.d.ts +38 -38
  205. package/dist/types/tableDataTypes.js +1 -1
  206. package/infrastructure/azure-pipelines.yml +112 -112
  207. package/package.json +99 -99
  208. package/src/App.js +25 -25
  209. package/src/components.jsx +52 -52
  210. package/src/custom.d.ts +13 -13
  211. package/src/index.js +17 -17
  212. package/src/items.jsx +1 -1
  213. package/src/stories/assets/css/variables.css +15 -15
  214. package/src/stories/assets/icon-chat-blue.svg +10 -10
  215. package/src/stories/assets/icons/icon-add.svg +7 -7
  216. package/src/stories/assets/icons/icon-availability-maybe.svg +3 -3
  217. package/src/stories/assets/icons/icon-availability-no.svg +3 -3
  218. package/src/stories/assets/icons/icon-availability-not-set.svg +8 -8
  219. package/src/stories/assets/icons/icon-availability-yes.svg +3 -3
  220. package/src/stories/assets/icons/icon-calendar.svg +4 -4
  221. package/src/stories/assets/icons/icon-clock.svg +7 -7
  222. package/src/stories/assets/icons/icon-close.svg +3 -3
  223. package/src/stories/assets/icons/icon-delete.svg +9 -9
  224. package/src/stories/assets/icons/icon-edit.svg +3 -3
  225. package/src/stories/assets/icons/icon-location.svg +6 -6
  226. package/src/stories/assets/icons/icon-message.svg +3 -3
  227. package/src/stories/assets/icons/icon-session.svg +3 -3
  228. package/src/stories/assets/icons/icon-social-media-facebook.svg +10 -10
  229. package/src/stories/assets/icons/icon-social-media-instagram.svg +3 -3
  230. package/src/stories/assets/icons/icon-social-media-tiktok.svg +10 -10
  231. package/src/stories/assets/icons/icon-social-media-x.svg +10 -10
  232. package/src/stories/assets/icons/icon-social-media-youtube.svg +3 -3
  233. package/src/stories/assets/icons/icon-swap.svg +3 -3
  234. package/src/stories/assets/icons/icon-visibility-off.svg +7 -7
  235. package/src/stories/assets/icons/icon-visibility.svg +6 -6
  236. package/src/stories/assets/utr-sports-logo.svg +9 -9
  237. package/src/stories/atoms/Button/Button.stories.tsx +63 -63
  238. package/src/stories/atoms/Button/Button.tsx +145 -145
  239. package/src/stories/atoms/Icons/AddIcon.tsx +13 -13
  240. package/src/stories/atoms/Icons/AvailabilityMaybeIcon.tsx +11 -11
  241. package/src/stories/atoms/Icons/AvailabilityNoIcon.tsx +11 -11
  242. package/src/stories/atoms/Icons/AvailabilityNotSetIcon.tsx +12 -12
  243. package/src/stories/atoms/Icons/AvailabilityYesIcon.tsx +11 -11
  244. package/src/stories/atoms/Icons/BallInMotionIcon.tsx +15 -15
  245. package/src/stories/atoms/Icons/CalendarIcon.tsx +11 -11
  246. package/src/stories/atoms/Icons/ClockIcon.tsx +14 -14
  247. package/src/stories/atoms/Icons/CloseIcon.tsx +11 -11
  248. package/src/stories/atoms/Icons/DeleteIcon.tsx +15 -15
  249. package/src/stories/atoms/Icons/DoublePersonIcon.tsx +20 -20
  250. package/src/stories/atoms/Icons/EditIcon.tsx +11 -11
  251. package/src/stories/atoms/Icons/Icons.stories.tsx +372 -372
  252. package/src/stories/atoms/Icons/LeftChevronIcon.tsx +13 -13
  253. package/src/stories/atoms/Icons/LineIcon.tsx +12 -12
  254. package/src/stories/atoms/Icons/LocationIcon.tsx +12 -12
  255. package/src/stories/atoms/Icons/MessageIcon.tsx +12 -12
  256. package/src/stories/atoms/Icons/PickleballBallIcon.tsx +22 -22
  257. package/src/stories/atoms/Icons/RightChevronIcon.tsx +11 -11
  258. package/src/stories/atoms/Icons/SessionIcon.tsx +16 -16
  259. package/src/stories/atoms/Icons/SinglePersonIcon.tsx +16 -16
  260. package/src/stories/atoms/Icons/SinglePersonV2Icon.tsx +13 -13
  261. package/src/stories/atoms/Icons/SocialMediaFacebookIcon.tsx +19 -19
  262. package/src/stories/atoms/Icons/SocialMediaInstagramIcon.tsx +11 -11
  263. package/src/stories/atoms/Icons/SocialMediaTikTokIcon.tsx +18 -18
  264. package/src/stories/atoms/Icons/SocialMediaXIcon.tsx +18 -18
  265. package/src/stories/atoms/Icons/SocialMediaYoutubeIcon.tsx +11 -11
  266. package/src/stories/atoms/Icons/SwapIcon.tsx +11 -11
  267. package/src/stories/atoms/Icons/SwapNoBorderIcon.tsx +14 -14
  268. package/src/stories/atoms/Icons/TennisBallIcon.tsx +13 -13
  269. package/src/stories/atoms/Icons/VerifiedIcon.tsx +13 -13
  270. package/src/stories/atoms/Icons/VisibilityIcon.tsx +12 -12
  271. package/src/stories/atoms/Icons/VisibilityOffIcon.tsx +13 -13
  272. package/src/stories/atoms/Icons/WinnerIndicatorIcon.tsx +39 -39
  273. package/src/stories/atoms/Icons/sharedTypes.tsx +12 -12
  274. package/src/stories/atoms/Typography/Typography.tsx +185 -185
  275. package/src/stories/atoms/UTMap/UTMap.stories.tsx +43 -43
  276. package/src/stories/atoms/UTMap/UTMap.tsx +25 -25
  277. package/src/stories/molecules/AvatarWithName/AvatarWithName.stories.tsx +86 -86
  278. package/src/stories/molecules/AvatarWithName/AvatarWithName.tsx +68 -68
  279. package/src/stories/molecules/Cards/Cards.stories.tsx +76 -76
  280. package/src/stories/molecules/Cards/ContactCard.tsx +45 -45
  281. package/src/stories/molecules/Cards/DrawCard.tsx +211 -211
  282. package/src/stories/molecules/Cards/Modals.stories.tsx +137 -137
  283. package/src/stories/molecules/Cards/TeamCard.tsx +14 -14
  284. package/src/stories/molecules/Cards/TeamDrawCard.tsx +159 -159
  285. package/src/stories/molecules/Cards/sharedTypes.ts +69 -69
  286. package/src/stories/molecules/FooterSection/FooterSection.stories.tsx +25 -25
  287. package/src/stories/molecules/FooterSection/FooterSection.tsx +34 -34
  288. package/src/stories/molecules/FooterSection/sharedTypes.ts +6 -6
  289. package/src/stories/molecules/GlobalNavItem/GlobalNavItem.stories.tsx +22 -22
  290. package/src/stories/molecules/GlobalNavItem/GlobalNavItem.tsx +51 -51
  291. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx +96 -96
  292. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.tsx +112 -112
  293. package/src/stories/organisms/Footer/Footer.stories.tsx +63 -63
  294. package/src/stories/organisms/Footer/Footer.tsx +155 -165
  295. package/src/stories/organisms/Footer/sharedTypes.ts +17 -17
  296. package/src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx +210 -210
  297. package/src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx +120 -120
  298. package/src/stories/organisms/Modals/FullPageModal.tsx +93 -93
  299. package/src/stories/organisms/Modals/Modals.stories.tsx +138 -138
  300. package/src/stories/organisms/Modals/sharedTypes.ts +15 -15
  301. package/src/stories/organisms/Tables/DrawCardTable.tsx +92 -92
  302. package/src/stories/organisms/Tables/SortableTable.tsx +119 -119
  303. package/src/stories/organisms/Tables/Tables.stories.tsx +104 -104
  304. package/src/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.tsx +120 -120
  305. package/src/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.tsx +67 -67
  306. package/src/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.tsx +24 -24
  307. package/src/stories/organisms/Tables/mockData.tsx +131 -131
  308. package/src/stories/organisms/Tables/sharedTypes.ts +17 -17
  309. package/src/stories/utils/constants.ts +31 -31
  310. package/src/stories/utils/getArrayWithIds.ts +1 -1
  311. package/src/stories/utils/useScreenSize.ts +28 -28
  312. package/src/types/tableDataTypes.ts +42 -42
  313. package/tsconfig.json +23 -23
  314. package/dist/stories/atoms/Map/Map.d.ts +0 -7
  315. package/dist/stories/atoms/Map/Map.js +0 -9
  316. package/dist/stories/atoms/Map/Map.js.map +0 -1
  317. package/dist/stories/atoms/Map/Map.stories.d.ts +0 -9
  318. package/dist/stories/atoms/Map/Map.stories.js +0 -36
  319. package/dist/stories/atoms/Map/Map.stories.js.map +0 -1
  320. package/dist/stories/organisms/Tables/TeamDrawCardTable.d.ts +0 -3
  321. package/dist/stories/organisms/Tables/TeamDrawCardTable.js +0 -126
  322. package/dist/stories/organisms/Tables/TeamDrawCardTable.js.map +0 -1
@@ -1,102 +1,98 @@
1
- import React from 'react';
2
- import { styled } from "@mui/material/styles";
3
- import Box from '@mui/material/Box';
4
- import IconButton from '@mui/material/IconButton';
5
- import Link from '@mui/material/Link';
6
- import { SocialMediaIds } from '../../utils/constants';
7
- import FooterSection from '../../molecules/FooterSection/FooterSection';
8
- import SocialMediaInstagramIcon from '../../atoms/Icons/SocialMediaInstagramIcon';
9
- import SocialMediaTikTokIcon from '../../atoms/Icons/SocialMediaTikTokIcon';
10
- import SocialMediaXIcon from '../../atoms/Icons/SocialMediaXIcon';
11
- import SocialMediaYoutubeIcon from '../../atoms/Icons/SocialMediaYoutubeIcon';
12
- import SocialMediaFacebookIcon from '../../atoms/Icons/SocialMediaFacebookIcon';
13
- import Typography from '../../atoms/Typography/Typography';
14
- import utrLogo from '../../assets/utr-sports-logo.svg';
15
- import googlePlayLogo from '../../../../public/google-play-icon.png';
16
- import appStoreBadge from '../../../../public/app-store-badge.png';
17
- function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocialMediaClick, sx }) {
18
- const { X, FACEBOOK, INSTAGRAM, TIKTOK, YOUTUBE } = SocialMediaIds;
19
- const googlePlayLink = "https://play.google.com/store/apps/details?id=com.ut.utr";
20
- const appStoreLink = "https://apps.apple.com/us/app/utr-sports/id1519232627";
21
- const handleOnSocialMediaClick = (id) => {
22
- onSocialMediaClick(id);
23
- };
24
- const StyledNavigationContainer = styled(Box)(({ theme }) => ({
25
- display: 'flex',
26
- flexWrap: 'wrap',
27
- [theme.breakpoints.up('md')]: {
28
- flexWrap: 'no-wrap',
29
- }
30
- }));
31
- const StyledContentContainer = styled(Box)(({ theme }) => ({
32
- display: "flex",
33
- flexDirection: "column",
34
- justifyContent: "space-between",
35
- padding: "32px",
36
- [theme.breakpoints.up('md')]: {
37
- flexDirection: "row",
38
- padding: "32px 64px",
39
- }
40
- }));
41
- const StyledNavigation = styled(Box)(({ theme }) => ({
42
- flex: "50%",
43
- marginBottom: "32px",
44
- [theme.breakpoints.up('lg')]: {
45
- flex: "auto",
46
- marginRight: "75px",
47
- marginBottom: 0,
48
- '&:last-child': {
49
- marginRight: 0,
50
- },
51
- }
52
- }));
53
- const StyledLogoContainer = styled(Box)(({ theme }) => ({
54
- display: "flex",
55
- flexDirection: "column",
56
- margin: "0 auto",
57
- [theme.breakpoints.up('lg')]: {
58
- margin: 0
59
- }
60
- }));
61
- const StyledBorder = styled(Box)(({ theme }) => ({
62
- borderBottom: ".5px solid var(--darkest-grey)",
63
- margin: "32px 0px",
64
- [theme.breakpoints.up('md')]: {
65
- display: "none"
66
- }
67
- }));
68
- return (React.createElement(Box, { sx: Object.assign({ backgroundColor: 'var(--black)' }, sx) },
69
- React.createElement(StyledContentContainer, null,
70
- React.createElement(StyledLogoContainer, null,
71
- React.createElement("img", { alt: "UTR Sports logo", width: "205", height: "51", src: utrLogo }),
72
- React.createElement(Box, { display: "flex", my: 2, justifyContent: "space-between", width: "100%" },
73
- React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(X) },
74
- React.createElement(SocialMediaXIcon, { size: 27, color: "var(--white)" })),
75
- React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(FACEBOOK) },
76
- React.createElement(SocialMediaFacebookIcon, { size: 27, color: "var(--white)" })),
77
- React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(INSTAGRAM) },
78
- React.createElement(SocialMediaInstagramIcon, { size: 27, color: "var(--white)" })),
79
- React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(TIKTOK) },
80
- React.createElement(SocialMediaTikTokIcon, { size: 27, color: "var(--white)" })),
81
- React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(YOUTUBE) },
82
- React.createElement(SocialMediaYoutubeIcon, { size: 27, color: "var(--white)" }))),
83
- React.createElement(Box, { display: "flex", justifyContent: "space-between", width: "100%" },
84
- React.createElement(Link, { href: googlePlayLink, target: "_blank", rel: "noopener" },
85
- React.createElement("img", { alt: "Google play logo", width: "96", height: "28", src: googlePlayLogo })),
86
- React.createElement(Link, { href: appStoreLink, target: "_blank", rel: "noopener" },
87
- React.createElement("img", { alt: "App store badge", width: "84", height: "28", src: appStoreBadge })))),
88
- React.createElement(StyledBorder, null),
89
- React.createElement(StyledNavigationContainer, null,
90
- React.createElement(StyledNavigation, null,
91
- React.createElement(FooterSection, { title: "Explore", items: exploreItems })),
92
- React.createElement(StyledNavigation, null,
93
- React.createElement(FooterSection, { title: "Providers", items: providerItems })),
94
- React.createElement(StyledNavigation, null,
95
- React.createElement(FooterSection, { title: "More", items: moreItems })),
96
- React.createElement(StyledNavigation, null,
97
- React.createElement(FooterSection, { title: "Support", items: supportItems })))),
98
- React.createElement(Box, { display: "absolute", sx: { bottom: 24, borderTop: 1, borderColor: "var(--white)" } },
99
- React.createElement(Typography, { p: 0.5, category: "secondary", size: "x-small-book-cap", color: "var(--white)", align: "center" }, `\u00A9 2024, UTR SPORTS`))));
100
- }
101
- export default Footer;
1
+ import React from 'react';
2
+ import { styled } from "@mui/material/styles";
3
+ import Box from '@mui/material/Box';
4
+ import IconButton from '@mui/material/IconButton';
5
+ import Link from '@mui/material/Link';
6
+ import { SocialMediaIds } from '../../utils/constants';
7
+ import FooterSection from '../../molecules/FooterSection/FooterSection';
8
+ import SocialMediaInstagramIcon from '../../atoms/Icons/SocialMediaInstagramIcon';
9
+ import SocialMediaTikTokIcon from '../../atoms/Icons/SocialMediaTikTokIcon';
10
+ import SocialMediaXIcon from '../../atoms/Icons/SocialMediaXIcon';
11
+ import SocialMediaYoutubeIcon from '../../atoms/Icons/SocialMediaYoutubeIcon';
12
+ import SocialMediaFacebookIcon from '../../atoms/Icons/SocialMediaFacebookIcon';
13
+ import Typography from '../../atoms/Typography/Typography';
14
+ import utrLogo from '../../assets/utr-sports-logo.svg';
15
+ import appStoreBadge from '../../../../public/app-store-badge.png';
16
+ function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocialMediaClick, sx }) {
17
+ const { X, FACEBOOK, INSTAGRAM, TIKTOK, YOUTUBE } = SocialMediaIds;
18
+ const appStoreLink = "https://apps.apple.com/us/app/utr-sports/id1519232627";
19
+ const handleOnSocialMediaClick = (id) => {
20
+ onSocialMediaClick(id);
21
+ };
22
+ const StyledNavigationContainer = styled(Box)(({ theme }) => ({
23
+ display: 'flex',
24
+ flexWrap: 'wrap',
25
+ [theme.breakpoints.up('md')]: {
26
+ flexWrap: 'no-wrap',
27
+ }
28
+ }));
29
+ const StyledContentContainer = styled(Box)(({ theme }) => ({
30
+ display: "flex",
31
+ flexDirection: "column",
32
+ justifyContent: "space-between",
33
+ padding: "32px",
34
+ [theme.breakpoints.up('md')]: {
35
+ flexDirection: "row",
36
+ padding: "32px 64px",
37
+ }
38
+ }));
39
+ const StyledNavigation = styled(Box)(({ theme }) => ({
40
+ flex: "50%",
41
+ marginBottom: "32px",
42
+ [theme.breakpoints.up('lg')]: {
43
+ flex: "auto",
44
+ marginRight: "75px",
45
+ marginBottom: 0,
46
+ '&:last-child': {
47
+ marginRight: 0,
48
+ },
49
+ }
50
+ }));
51
+ const StyledLogoContainer = styled(Box)(({ theme }) => ({
52
+ display: "flex",
53
+ flexDirection: "column",
54
+ margin: "0 auto",
55
+ [theme.breakpoints.up('lg')]: {
56
+ margin: 0
57
+ }
58
+ }));
59
+ const StyledBorder = styled(Box)(({ theme }) => ({
60
+ borderBottom: ".5px solid var(--darkest-grey)",
61
+ margin: "32px 0px",
62
+ [theme.breakpoints.up('md')]: {
63
+ display: "none"
64
+ }
65
+ }));
66
+ return (React.createElement(Box, { sx: Object.assign({ backgroundColor: 'var(--black)' }, sx) },
67
+ React.createElement(StyledContentContainer, null,
68
+ React.createElement(StyledLogoContainer, null,
69
+ React.createElement("img", { alt: "UTR Sports logo", width: "205", height: "51", src: utrLogo }),
70
+ React.createElement(Box, { display: "flex", my: 2, justifyContent: "space-between", width: "100%" },
71
+ React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(X) },
72
+ React.createElement(SocialMediaXIcon, { size: 27, color: "var(--white)" })),
73
+ React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(FACEBOOK) },
74
+ React.createElement(SocialMediaFacebookIcon, { size: 27, color: "var(--white)" })),
75
+ React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(INSTAGRAM) },
76
+ React.createElement(SocialMediaInstagramIcon, { size: 27, color: "var(--white)" })),
77
+ React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(TIKTOK) },
78
+ React.createElement(SocialMediaTikTokIcon, { size: 27, color: "var(--white)" })),
79
+ React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(YOUTUBE) },
80
+ React.createElement(SocialMediaYoutubeIcon, { size: 27, color: "var(--white)" }))),
81
+ React.createElement(Box, { display: "flex", justifyContent: "center", width: "100%" },
82
+ React.createElement(Link, { href: appStoreLink, target: "_blank", rel: "noopener" },
83
+ React.createElement("img", { alt: "App store badge", width: "84", height: "28", src: appStoreBadge })))),
84
+ React.createElement(StyledBorder, null),
85
+ React.createElement(StyledNavigationContainer, null,
86
+ React.createElement(StyledNavigation, null,
87
+ React.createElement(FooterSection, { title: "Explore", items: exploreItems })),
88
+ React.createElement(StyledNavigation, null,
89
+ React.createElement(FooterSection, { title: "Providers", items: providerItems })),
90
+ React.createElement(StyledNavigation, null,
91
+ React.createElement(FooterSection, { title: "More", items: moreItems })),
92
+ React.createElement(StyledNavigation, null,
93
+ React.createElement(FooterSection, { title: "Support", items: supportItems })))),
94
+ React.createElement(Box, { display: "absolute", sx: { bottom: 24, borderTop: 1, borderColor: "var(--white)" } },
95
+ React.createElement(Typography, { p: 0.5, category: "secondary", size: "x-small-book-cap", color: "var(--white)", align: "center" }, `\u00A9 2025, UTR SPORTS`))));
96
+ }
97
+ export default Footer;
102
98
  //# sourceMappingURL=Footer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/stories/organisms/Footer/Footer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/stories/organisms/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAGtC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,aAAa,MAAM,6CAA6C,CAAC;AACxE,OAAO,wBAAwB,MAAM,4CAA4C,CAAC;AAClF,OAAO,qBAAqB,MAAM,yCAAyC,CAAC;AAC5E,OAAO,gBAAgB,MAAM,oCAAoC,CAAC;AAClE,OAAO,sBAAsB,MAAM,0CAA0C,CAAC;AAC9E,OAAO,uBAAuB,MAAM,2CAA2C,CAAC;AAChF,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,OAAO,MAAM,kCAAkC,CAAC;AACvD,OAAO,aAAa,MAAM,wCAAwC,CAAC;AAEnE,SAAS,MAAM,CAAC,EACd,YAAY,EACZ,aAAa,EACb,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,EAAE,EACU;IACZ,MAAM,EACJ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EACxC,GAAG,cAAc,CAAC;IAEnB,MAAM,YAAY,GAAG,uDAAuD,CAAC;IAE7E,MAAM,wBAAwB,GAAG,CAAC,EAAU,EAAE,EAAE;QAC9C,kBAAkB,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC5D,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;YAC5B,QAAQ,EAAE,SAAS;SACpB;KACF,CAAC,CAAC,CAAC;IAEJ,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACzD,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,eAAe;QAC/B,OAAO,EAAE,MAAM;QACf,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;YAC5B,aAAa,EAAE,KAAK;YACpB,OAAO,EAAE,WAAW;SACrB;KACF,CAAC,CAAC,CAAC;IAEJ,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACnD,IAAI,EAAE,KAAK;QACX,YAAY,EAAE,MAAM;QACpB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;YAC5B,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,MAAM;YACnB,YAAY,EAAE,CAAC;YACf,cAAc,EAAE;gBACd,WAAW,EAAE,CAAC;aACf;SACF;KACF,CAAC,CAAC,CAAC;IAEJ,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACtD,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,QAAQ;QAChB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;YAC5B,MAAM,EAAE,CAAC;SACV;KACF,CAAC,CAAC,CAAC;IAEJ,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/C,YAAY,EAAE,gCAAgC;QAC9C,MAAM,EAAE,UAAU;QAClB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;YAC5B,OAAO,EAAE,MAAM;SAChB;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,CACH,oBAAC,GAAG,IAAC,EAAE,kBAAI,eAAe,EAAE,cAAc,IAAK,EAAE;QAC7C,oBAAC,sBAAsB;YACnB,oBAAC,mBAAmB;gBAChB,6BACI,GAAG,EAAC,iBAAiB,EACrB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,GAAG,EAAE,OAAO,GACd;gBACF,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM;oBAClE,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC;wBAChE,oBAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,cAAc,GAAG,CAC1C;oBACb,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,QAAQ,CAAC;wBACvE,oBAAC,uBAAuB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,cAAc,GAAG,CACjD;oBACb,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,SAAS,CAAC;wBACxE,oBAAC,wBAAwB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,cAAc,GAAG,CAClD;oBACb,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,MAAM,CAAC;wBACrE,oBAAC,qBAAqB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,cAAc,GAAG,CAC/C;oBACb,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,OAAO,CAAC;wBACtE,oBAAC,sBAAsB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,cAAc,GAAG,CAChD,CACX;gBACN,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM;oBACpD,oBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,UAAU;wBACpD,6BACI,GAAG,EAAC,iBAAiB,EACrB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,GAAG,EAAE,aAAa,GACpB,CACC,CACL,CACY;YACtB,oBAAC,YAAY,OAAG;YAChB,oBAAC,yBAAyB;gBACtB,oBAAC,gBAAgB;oBACb,oBAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,YAAY,GAAI,CACvC;gBACnB,oBAAC,gBAAgB;oBACb,oBAAC,aAAa,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,aAAa,GAAI,CAC1C;gBACnB,oBAAC,gBAAgB;oBACb,oBAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,GAAI,CACjC;gBACnB,oBAAC,gBAAgB;oBACb,oBAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,YAAY,GAAI,CACvC,CACK,CACP;QACzB,oBAAC,GAAG,IAAC,OAAO,EAAC,UAAU,EAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE;YACjF,oBAAC,UAAU,IACP,CAAC,EAAE,GAAG,EACN,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,QAAQ,IAEb,yBAAyB,CACjB,CACX,CACJ,CACT,CAAC;AACJ,CAAC;AACD,eAAe,MAAM,CAAC"}
@@ -1,5 +1,5 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const BottomFooter: any;
1
+ declare const _default: {
2
+ title: string;
3
+ };
4
+ export default _default;
5
+ export declare const BottomFooter: any;
@@ -1,59 +1,59 @@
1
- import React from 'react';
2
- import Footer from './Footer';
3
- // Default
4
- export default {
5
- title: 'Organisms/Footer',
6
- };
7
- // Templates
8
- function FooterTemplate(args) {
9
- return React.createElement(Footer, Object.assign({}, args));
10
- }
11
- // Stories
12
- export const BottomFooter = FooterTemplate.bind({});
13
- BottomFooter.args = {
14
- exploreItems: [
15
- { href: '#', label: 'Countries' },
16
- { href: '#', label: 'States' },
17
- { href: '#', label: 'Cities' },
18
- ],
19
- eventItems: [
20
- { href: '#', label: 'Color Ball' },
21
- { href: '#', label: 'National Pathway' },
22
- { href: '#', label: 'Camps' },
23
- { href: '#', label: 'Team Leagues' },
24
- { href: '#', label: 'Flex Leagues' },
25
- { href: '#', label: 'Junior Circuits' },
26
- { href: '#', label: 'College Pathways' },
27
- { href: '#', label: 'College Circuits' },
28
- { href: '#', label: 'Pro Tennis Tour' },
29
- { href: '#', label: 'College Camps' },
30
- ],
31
- providerItems: [
32
- { href: '#', label: 'Clubs' },
33
- { href: '#', label: 'Academies' },
34
- { href: '#', label: 'High Schools' },
35
- { href: '#', label: 'Colleges' },
36
- { href: '#', label: 'Get in Touch' },
37
- ],
38
- moreItems: [
39
- { href: '#', label: 'Tennis' },
40
- { href: '#', label: 'Pickleball' },
41
- { href: '#', label: 'News' },
42
- { href: '#', label: 'Shop' },
43
- { href: '#', label: 'Press' },
44
- { href: '#', label: 'Careers' },
45
- { href: '#', label: 'About Us' },
46
- { href: '#', label: 'Foundation' },
47
- ],
48
- supportItems: [
49
- { href: '#', label: 'Help Center' },
50
- { href: '#', label: 'Privacy Policy' },
51
- { href: '#', label: 'Terms & Conditions' },
52
- { href: '#', label: 'Guidelines' },
53
- { href: '#', label: 'Verified Events' },
54
- { href: '#', label: 'About UTR Rating' },
55
- { href: '#', label: 'About UTR-P Rating' },
56
- { href: '#', label: 'About Color Ball Rating' },
57
- ],
58
- };
1
+ import React from 'react';
2
+ import Footer from './Footer';
3
+ // Default
4
+ export default {
5
+ title: 'Organisms/Footer',
6
+ };
7
+ // Templates
8
+ function FooterTemplate(args) {
9
+ return React.createElement(Footer, Object.assign({}, args));
10
+ }
11
+ // Stories
12
+ export const BottomFooter = FooterTemplate.bind({});
13
+ BottomFooter.args = {
14
+ exploreItems: [
15
+ { href: '#', label: 'Countries' },
16
+ { href: '#', label: 'States' },
17
+ { href: '#', label: 'Cities' },
18
+ ],
19
+ eventItems: [
20
+ { href: '#', label: 'Color Ball' },
21
+ { href: '#', label: 'National Pathway' },
22
+ { href: '#', label: 'Camps' },
23
+ { href: '#', label: 'Team Leagues' },
24
+ { href: '#', label: 'Flex Leagues' },
25
+ { href: '#', label: 'Junior Circuits' },
26
+ { href: '#', label: 'College Pathways' },
27
+ { href: '#', label: 'College Circuits' },
28
+ { href: '#', label: 'Pro Tennis Tour' },
29
+ { href: '#', label: 'College Camps' },
30
+ ],
31
+ providerItems: [
32
+ { href: '#', label: 'Clubs' },
33
+ { href: '#', label: 'Academies' },
34
+ { href: '#', label: 'High Schools' },
35
+ { href: '#', label: 'Colleges' },
36
+ { href: '#', label: 'Get in Touch' },
37
+ ],
38
+ moreItems: [
39
+ { href: '#', label: 'Tennis' },
40
+ { href: '#', label: 'Pickleball' },
41
+ { href: '#', label: 'News' },
42
+ { href: '#', label: 'Shop' },
43
+ { href: '#', label: 'Press' },
44
+ { href: '#', label: 'Careers' },
45
+ { href: '#', label: 'About Us' },
46
+ { href: '#', label: 'Foundation' },
47
+ ],
48
+ supportItems: [
49
+ { href: '#', label: 'Help Center' },
50
+ { href: '#', label: 'Privacy Policy' },
51
+ { href: '#', label: 'Terms & Conditions' },
52
+ { href: '#', label: 'Guidelines' },
53
+ { href: '#', label: 'Verified Events' },
54
+ { href: '#', label: 'About UTR Rating' },
55
+ { href: '#', label: 'About UTR-P Rating' },
56
+ { href: '#', label: 'About Color Ball Rating' },
57
+ ],
58
+ };
59
59
  //# sourceMappingURL=Footer.stories.js.map
@@ -1,16 +1,16 @@
1
- import { SxProps, Theme } from '@mui/system';
2
- export interface LinkItem {
3
- href: string;
4
- label: string;
5
- }
6
- export type FooterProps = {
7
- sectionTitleColor: string;
8
- listItemColor: string;
9
- exploreItems: [LinkItem];
10
- eventItems: [LinkItem];
11
- providerItems: [LinkItem];
12
- moreItems: [LinkItem];
13
- supportItems: [LinkItem];
14
- onSocialMediaClick(id: number): VoidFunction;
15
- sx?: SxProps<Theme>;
16
- };
1
+ import { SxProps, Theme } from '@mui/system';
2
+ export interface LinkItem {
3
+ href: string;
4
+ label: string;
5
+ }
6
+ export type FooterProps = {
7
+ sectionTitleColor: string;
8
+ listItemColor: string;
9
+ exploreItems: [LinkItem];
10
+ eventItems: [LinkItem];
11
+ providerItems: [LinkItem];
12
+ moreItems: [LinkItem];
13
+ supportItems: [LinkItem];
14
+ onSocialMediaClick(id: number): VoidFunction;
15
+ sx?: SxProps<Theme>;
16
+ };
@@ -1,2 +1,2 @@
1
- export {};
1
+ export {};
2
2
  //# sourceMappingURL=sharedTypes.js.map
@@ -1,36 +1,36 @@
1
- /// <reference types="react" />
2
- export interface GlobalNavigationProps {
3
- fullWidthNavItems: [
4
- item: {
5
- label: string;
6
- filterType: string;
7
- sportType: string;
8
- }
9
- ];
10
- isAdultTeamPickleballEnabled: boolean;
11
- isJuniorTeamPickleballEnabled: boolean;
12
- leagueTypes: Record<string, string | number>;
13
- tennisNavItems?: [
14
- item: {
15
- label: string;
16
- filterType: string;
17
- sportType: string;
18
- isLeagues?: boolean;
19
- onClick: (item: object) => void;
20
- }
21
- ];
22
- pickleballNavItems?: [
23
- item: {
24
- label: string;
25
- filterType: string;
26
- sportType: string;
27
- isLeagues?: boolean;
28
- data?: object;
29
- onClick: (item: object) => void;
30
- }
31
- ];
32
- onTypeFilterClick: (item: object) => void;
33
- onTeamLeagueSearchClick: (item: object) => void;
34
- }
35
- declare function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): JSX.Element;
36
- export default GlobalNavigation;
1
+ /// <reference types="react" />
2
+ export interface GlobalNavigationProps {
3
+ fullWidthNavItems: [
4
+ item: {
5
+ label: string;
6
+ filterType: string;
7
+ sportType: string;
8
+ }
9
+ ];
10
+ isAdultTeamPickleballEnabled: boolean;
11
+ isJuniorTeamPickleballEnabled: boolean;
12
+ leagueTypes: Record<string, string | number>;
13
+ tennisNavItems?: [
14
+ item: {
15
+ label: string;
16
+ filterType: string;
17
+ sportType: string;
18
+ isLeagues?: boolean;
19
+ onClick: (item: object) => void;
20
+ }
21
+ ];
22
+ pickleballNavItems?: [
23
+ item: {
24
+ label: string;
25
+ filterType: string;
26
+ sportType: string;
27
+ isLeagues?: boolean;
28
+ data?: object;
29
+ onClick: (item: object) => void;
30
+ }
31
+ ];
32
+ onTypeFilterClick: (item: object) => void;
33
+ onTeamLeagueSearchClick: (item: object) => void;
34
+ }
35
+ declare function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): JSX.Element;
36
+ export default GlobalNavigation;
@@ -1,50 +1,50 @@
1
- import React from 'react';
2
- import { styled } from "@mui/material/styles";
3
- import Box from '@mui/material/Box';
4
- import GlobalNavItem from '../../molecules/GlobalNavItem/GlobalNavItem';
5
- import TennisBallIcon from '../../atoms/Icons/TennisBallIcon';
6
- import PickleballBallIcon from '../../atoms/Icons/PickleballBallIcon';
7
- import Typography from '../../atoms/Typography/Typography';
8
- const NavItemsContainer = styled(Box)(({ theme }) => ({
9
- display: "flex",
10
- marginTop: "24px",
11
- gap: "24px",
12
- flexDirection: 'column',
13
- [theme.breakpoints.up('sm')]: {
14
- flexDirection: 'row',
15
- },
16
- }));
17
- function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }) {
18
- const handleOnClick = (item) => {
19
- if (item === null || item === void 0 ? void 0 : item.isLeagues) {
20
- onTeamLeagueSearchClick(item);
21
- }
22
- else {
23
- onTypeFilterClick(item);
24
- }
25
- };
26
- const filteredPickleballNavItems = pickleballNavItems === null || pickleballNavItems === void 0 ? void 0 : pickleballNavItems.filter((item) => {
27
- if (!isAdultTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_ADULT_TEAM_PICKLEBALL)) {
28
- return false;
29
- }
30
- if (!isJuniorTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_JUNIOR_TEAM_PICKLEBALL)) {
31
- return false;
32
- }
33
- return true;
34
- });
35
- return (React.createElement(Box, { display: "flex", flexDirection: "column" }, fullWidthNavItems === null || fullWidthNavItems === void 0 ? void 0 :
36
- fullWidthNavItems.map((item) => (React.createElement(GlobalNavItem, { onClick: handleOnClick, item: item, key: item.label }))),
37
- React.createElement(NavItemsContainer, null,
38
- React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
39
- React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
40
- React.createElement(TennisBallIcon, { size: 18 }),
41
- React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Tennis")), tennisNavItems === null || tennisNavItems === void 0 ? void 0 :
42
- tennisNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))),
43
- React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
44
- React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
45
- React.createElement(PickleballBallIcon, { size: 18 }),
46
- React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Pickleball")), filteredPickleballNavItems === null || filteredPickleballNavItems === void 0 ? void 0 :
47
- filteredPickleballNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))))));
48
- }
49
- export default GlobalNavigation;
1
+ import React from 'react';
2
+ import { styled } from "@mui/material/styles";
3
+ import Box from '@mui/material/Box';
4
+ import GlobalNavItem from '../../molecules/GlobalNavItem/GlobalNavItem';
5
+ import TennisBallIcon from '../../atoms/Icons/TennisBallIcon';
6
+ import PickleballBallIcon from '../../atoms/Icons/PickleballBallIcon';
7
+ import Typography from '../../atoms/Typography/Typography';
8
+ const NavItemsContainer = styled(Box)(({ theme }) => ({
9
+ display: "flex",
10
+ marginTop: "24px",
11
+ gap: "24px",
12
+ flexDirection: 'column',
13
+ [theme.breakpoints.up('sm')]: {
14
+ flexDirection: 'row',
15
+ },
16
+ }));
17
+ function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }) {
18
+ const handleOnClick = (item) => {
19
+ if (item === null || item === void 0 ? void 0 : item.isLeagues) {
20
+ onTeamLeagueSearchClick(item);
21
+ }
22
+ else {
23
+ onTypeFilterClick(item);
24
+ }
25
+ };
26
+ const filteredPickleballNavItems = pickleballNavItems === null || pickleballNavItems === void 0 ? void 0 : pickleballNavItems.filter((item) => {
27
+ if (!isAdultTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_ADULT_TEAM_PICKLEBALL)) {
28
+ return false;
29
+ }
30
+ if (!isJuniorTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_JUNIOR_TEAM_PICKLEBALL)) {
31
+ return false;
32
+ }
33
+ return true;
34
+ });
35
+ return (React.createElement(Box, { display: "flex", flexDirection: "column" }, fullWidthNavItems === null || fullWidthNavItems === void 0 ? void 0 :
36
+ fullWidthNavItems.map((item) => (React.createElement(GlobalNavItem, { onClick: handleOnClick, item: item, key: item.label }))),
37
+ React.createElement(NavItemsContainer, null,
38
+ React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
39
+ React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
40
+ React.createElement(TennisBallIcon, { size: 18 }),
41
+ React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Tennis")), tennisNavItems === null || tennisNavItems === void 0 ? void 0 :
42
+ tennisNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))),
43
+ React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
44
+ React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
45
+ React.createElement(PickleballBallIcon, { size: 18 }),
46
+ React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Pickleball")), filteredPickleballNavItems === null || filteredPickleballNavItems === void 0 ? void 0 :
47
+ filteredPickleballNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))))));
48
+ }
49
+ export default GlobalNavigation;
50
50
  //# sourceMappingURL=GlobalNavigation.js.map
@@ -1,9 +1,9 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const GlobalNav: any;
6
- export declare const TennisOnly: any;
7
- export declare const PickleballOnly: any;
8
- export declare const AdultTeamPickleballDisabled: any;
9
- export declare const JuniorTeamPickleballDisabled: any;
1
+ declare const _default: {
2
+ title: string;
3
+ };
4
+ export default _default;
5
+ export declare const GlobalNav: any;
6
+ export declare const TennisOnly: any;
7
+ export declare const PickleballOnly: any;
8
+ export declare const AdultTeamPickleballDisabled: any;
9
+ export declare const JuniorTeamPickleballDisabled: any;