@universal-tennis/ui-shared 0.1.95 → 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 (324) 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 -31
  173. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js +49 -54
  174. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js.map +1 -1
  175. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.d.ts +9 -9
  176. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js +196 -189
  177. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js.map +1 -1
  178. package/dist/stories/organisms/Modals/FullPageModal.d.ts +4 -4
  179. package/dist/stories/organisms/Modals/FullPageModal.js +59 -59
  180. package/dist/stories/organisms/Modals/Modals.stories.d.ts +5 -5
  181. package/dist/stories/organisms/Modals/Modals.stories.js +73 -73
  182. package/dist/stories/organisms/Modals/sharedTypes.d.ts +14 -14
  183. package/dist/stories/organisms/Modals/sharedTypes.js +1 -1
  184. package/dist/stories/organisms/Tables/DrawCardTable.d.ts +3 -3
  185. package/dist/stories/organisms/Tables/DrawCardTable.js +58 -58
  186. package/dist/stories/organisms/Tables/SortableTable.d.ts +23 -23
  187. package/dist/stories/organisms/Tables/SortableTable.js +34 -34
  188. package/dist/stories/organisms/Tables/Tables.stories.d.ts +8 -8
  189. package/dist/stories/organisms/Tables/Tables.stories.js +90 -90
  190. package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.d.ts +3 -3
  191. package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.js +66 -66
  192. package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.d.ts +3 -3
  193. package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.js +43 -43
  194. package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.d.ts +3 -3
  195. package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.js +22 -22
  196. package/dist/stories/organisms/Tables/mockData.d.ts +71 -71
  197. package/dist/stories/organisms/Tables/mockData.js +99 -99
  198. package/dist/stories/organisms/Tables/sharedTypes.d.ts +15 -15
  199. package/dist/stories/organisms/Tables/sharedTypes.js +1 -1
  200. package/dist/stories/utils/constants.d.ts +19 -19
  201. package/dist/stories/utils/constants.js +23 -23
  202. package/dist/stories/utils/getArrayWithIds.d.ts +3 -3
  203. package/dist/stories/utils/getArrayWithIds.js +1 -1
  204. package/dist/stories/utils/useScreenSize.d.ts +4 -4
  205. package/dist/stories/utils/useScreenSize.js +27 -27
  206. package/dist/types/tableDataTypes.d.ts +38 -38
  207. package/dist/types/tableDataTypes.js +1 -1
  208. package/infrastructure/azure-pipelines.yml +112 -112
  209. package/package.json +99 -99
  210. package/src/App.js +25 -25
  211. package/src/components.jsx +52 -52
  212. package/src/custom.d.ts +13 -13
  213. package/src/index.js +17 -17
  214. package/src/items.jsx +1 -1
  215. package/src/stories/assets/css/variables.css +15 -15
  216. package/src/stories/assets/icon-chat-blue.svg +10 -10
  217. package/src/stories/assets/icons/icon-add.svg +7 -7
  218. package/src/stories/assets/icons/icon-availability-maybe.svg +3 -3
  219. package/src/stories/assets/icons/icon-availability-no.svg +3 -3
  220. package/src/stories/assets/icons/icon-availability-not-set.svg +8 -8
  221. package/src/stories/assets/icons/icon-availability-yes.svg +3 -3
  222. package/src/stories/assets/icons/icon-calendar.svg +4 -4
  223. package/src/stories/assets/icons/icon-clock.svg +7 -7
  224. package/src/stories/assets/icons/icon-close.svg +3 -3
  225. package/src/stories/assets/icons/icon-delete.svg +9 -9
  226. package/src/stories/assets/icons/icon-edit.svg +3 -3
  227. package/src/stories/assets/icons/icon-location.svg +6 -6
  228. package/src/stories/assets/icons/icon-message.svg +3 -3
  229. package/src/stories/assets/icons/icon-session.svg +3 -3
  230. package/src/stories/assets/icons/icon-social-media-facebook.svg +10 -10
  231. package/src/stories/assets/icons/icon-social-media-instagram.svg +3 -3
  232. package/src/stories/assets/icons/icon-social-media-tiktok.svg +10 -10
  233. package/src/stories/assets/icons/icon-social-media-x.svg +10 -10
  234. package/src/stories/assets/icons/icon-social-media-youtube.svg +3 -3
  235. package/src/stories/assets/icons/icon-swap.svg +3 -3
  236. package/src/stories/assets/icons/icon-visibility-off.svg +7 -7
  237. package/src/stories/assets/icons/icon-visibility.svg +6 -6
  238. package/src/stories/assets/utr-sports-logo.svg +9 -9
  239. package/src/stories/atoms/Button/Button.stories.tsx +63 -63
  240. package/src/stories/atoms/Button/Button.tsx +145 -145
  241. package/src/stories/atoms/Icons/AddIcon.tsx +13 -13
  242. package/src/stories/atoms/Icons/AvailabilityMaybeIcon.tsx +11 -11
  243. package/src/stories/atoms/Icons/AvailabilityNoIcon.tsx +11 -11
  244. package/src/stories/atoms/Icons/AvailabilityNotSetIcon.tsx +12 -12
  245. package/src/stories/atoms/Icons/AvailabilityYesIcon.tsx +11 -11
  246. package/src/stories/atoms/Icons/BallInMotionIcon.tsx +15 -15
  247. package/src/stories/atoms/Icons/CalendarIcon.tsx +11 -11
  248. package/src/stories/atoms/Icons/ClockIcon.tsx +14 -14
  249. package/src/stories/atoms/Icons/CloseIcon.tsx +11 -11
  250. package/src/stories/atoms/Icons/DeleteIcon.tsx +15 -15
  251. package/src/stories/atoms/Icons/DoublePersonIcon.tsx +20 -20
  252. package/src/stories/atoms/Icons/EditIcon.tsx +11 -11
  253. package/src/stories/atoms/Icons/Icons.stories.tsx +372 -372
  254. package/src/stories/atoms/Icons/LeftChevronIcon.tsx +13 -13
  255. package/src/stories/atoms/Icons/LineIcon.tsx +12 -12
  256. package/src/stories/atoms/Icons/LocationIcon.tsx +12 -12
  257. package/src/stories/atoms/Icons/MessageIcon.tsx +12 -12
  258. package/src/stories/atoms/Icons/PickleballBallIcon.tsx +22 -22
  259. package/src/stories/atoms/Icons/RightChevronIcon.tsx +11 -11
  260. package/src/stories/atoms/Icons/SessionIcon.tsx +16 -16
  261. package/src/stories/atoms/Icons/SinglePersonIcon.tsx +16 -16
  262. package/src/stories/atoms/Icons/SinglePersonV2Icon.tsx +13 -13
  263. package/src/stories/atoms/Icons/SocialMediaFacebookIcon.tsx +19 -19
  264. package/src/stories/atoms/Icons/SocialMediaInstagramIcon.tsx +11 -11
  265. package/src/stories/atoms/Icons/SocialMediaTikTokIcon.tsx +18 -18
  266. package/src/stories/atoms/Icons/SocialMediaXIcon.tsx +18 -18
  267. package/src/stories/atoms/Icons/SocialMediaYoutubeIcon.tsx +11 -11
  268. package/src/stories/atoms/Icons/SwapIcon.tsx +11 -11
  269. package/src/stories/atoms/Icons/SwapNoBorderIcon.tsx +14 -14
  270. package/src/stories/atoms/Icons/TennisBallIcon.tsx +13 -13
  271. package/src/stories/atoms/Icons/VerifiedIcon.tsx +13 -13
  272. package/src/stories/atoms/Icons/VisibilityIcon.tsx +12 -12
  273. package/src/stories/atoms/Icons/VisibilityOffIcon.tsx +13 -13
  274. package/src/stories/atoms/Icons/WinnerIndicatorIcon.tsx +39 -39
  275. package/src/stories/atoms/Icons/sharedTypes.tsx +12 -12
  276. package/src/stories/atoms/Typography/Typography.tsx +185 -185
  277. package/src/stories/atoms/UTMap/UTMap.stories.tsx +43 -43
  278. package/src/stories/atoms/UTMap/UTMap.tsx +25 -25
  279. package/src/stories/molecules/AvatarWithName/AvatarWithName.stories.tsx +86 -86
  280. package/src/stories/molecules/AvatarWithName/AvatarWithName.tsx +68 -68
  281. package/src/stories/molecules/Cards/Cards.stories.tsx +76 -76
  282. package/src/stories/molecules/Cards/ContactCard.tsx +45 -45
  283. package/src/stories/molecules/Cards/DrawCard.tsx +211 -211
  284. package/src/stories/molecules/Cards/Modals.stories.tsx +137 -137
  285. package/src/stories/molecules/Cards/TeamCard.tsx +14 -14
  286. package/src/stories/molecules/Cards/TeamDrawCard.tsx +159 -159
  287. package/src/stories/molecules/Cards/sharedTypes.ts +69 -69
  288. package/src/stories/molecules/FooterSection/FooterSection.stories.tsx +25 -25
  289. package/src/stories/molecules/FooterSection/FooterSection.tsx +34 -34
  290. package/src/stories/molecules/FooterSection/sharedTypes.ts +6 -6
  291. package/src/stories/molecules/GlobalNavItem/GlobalNavItem.stories.tsx +22 -22
  292. package/src/stories/molecules/GlobalNavItem/GlobalNavItem.tsx +51 -51
  293. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx +96 -96
  294. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.tsx +112 -112
  295. package/src/stories/organisms/Footer/Footer.stories.tsx +63 -63
  296. package/src/stories/organisms/Footer/Footer.tsx +155 -165
  297. package/src/stories/organisms/Footer/sharedTypes.ts +17 -17
  298. package/src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx +210 -202
  299. package/src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx +120 -124
  300. package/src/stories/organisms/Modals/FullPageModal.tsx +93 -93
  301. package/src/stories/organisms/Modals/Modals.stories.tsx +138 -138
  302. package/src/stories/organisms/Modals/sharedTypes.ts +15 -15
  303. package/src/stories/organisms/Tables/DrawCardTable.tsx +92 -92
  304. package/src/stories/organisms/Tables/SortableTable.tsx +119 -119
  305. package/src/stories/organisms/Tables/Tables.stories.tsx +104 -104
  306. package/src/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.tsx +120 -120
  307. package/src/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.tsx +67 -67
  308. package/src/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.tsx +24 -24
  309. package/src/stories/organisms/Tables/mockData.tsx +131 -131
  310. package/src/stories/organisms/Tables/sharedTypes.ts +17 -17
  311. package/src/stories/utils/constants.ts +31 -31
  312. package/src/stories/utils/getArrayWithIds.ts +1 -1
  313. package/src/stories/utils/useScreenSize.ts +28 -28
  314. package/src/types/tableDataTypes.ts +42 -42
  315. package/tsconfig.json +23 -23
  316. package/dist/stories/atoms/Map/Map.d.ts +0 -7
  317. package/dist/stories/atoms/Map/Map.js +0 -9
  318. package/dist/stories/atoms/Map/Map.js.map +0 -1
  319. package/dist/stories/atoms/Map/Map.stories.d.ts +0 -9
  320. package/dist/stories/atoms/Map/Map.stories.js +0 -36
  321. package/dist/stories/atoms/Map/Map.stories.js.map +0 -1
  322. package/dist/stories/organisms/Tables/TeamDrawCardTable.d.ts +0 -3
  323. package/dist/stories/organisms/Tables/TeamDrawCardTable.js +0 -126
  324. package/dist/stories/organisms/Tables/TeamDrawCardTable.js.map +0 -1
@@ -1,15 +1,15 @@
1
- import { ReactNode } from 'react';
2
- export type DrawCardTableProps = {
3
- headerRows: {
4
- name: string;
5
- }[];
6
- tableRows: ReactNode[][];
7
- isMobile: boolean;
8
- };
9
- export interface TableRowProps {
10
- readonly headerRows: {
11
- name: string;
12
- }[];
13
- readonly tableRows: ReactNode[][];
14
- readonly totalColumns: number;
15
- }
1
+ import { ReactNode } from 'react';
2
+ export type DrawCardTableProps = {
3
+ headerRows: {
4
+ name: string;
5
+ }[];
6
+ tableRows: ReactNode[][];
7
+ isMobile: boolean;
8
+ };
9
+ export interface TableRowProps {
10
+ readonly headerRows: {
11
+ name: string;
12
+ }[];
13
+ readonly tableRows: ReactNode[][];
14
+ readonly totalColumns: number;
15
+ }
@@ -1,2 +1,2 @@
1
- export {};
1
+ export {};
2
2
  //# sourceMappingURL=sharedTypes.js.map
@@ -1,19 +1,19 @@
1
- export declare const teamDrawCardSideMargin = "24px";
2
- export declare const standardSideMargin = 24;
3
- export declare const teamDrawCardBottomMargin = "8px";
4
- export declare const SocialMediaIds: {
5
- X: number;
6
- FACEBOOK: number;
7
- INSTAGRAM: number;
8
- TIKTOK: number;
9
- YOUTUBE: number;
10
- };
11
- interface ClickAttrs {
12
- context?: string;
13
- location?: string;
14
- category?: string;
15
- }
16
- export declare const getClickAttrs: ({ context, location, category }: ClickAttrs) => {
17
- [key: string]: string;
18
- };
19
- export {};
1
+ export declare const teamDrawCardSideMargin = "24px";
2
+ export declare const standardSideMargin = 24;
3
+ export declare const teamDrawCardBottomMargin = "8px";
4
+ export declare const SocialMediaIds: {
5
+ X: number;
6
+ FACEBOOK: number;
7
+ INSTAGRAM: number;
8
+ TIKTOK: number;
9
+ YOUTUBE: number;
10
+ };
11
+ interface ClickAttrs {
12
+ context?: string;
13
+ location?: string;
14
+ category?: string;
15
+ }
16
+ export declare const getClickAttrs: ({ context, location, category }: ClickAttrs) => {
17
+ [key: string]: string;
18
+ };
19
+ export {};
@@ -1,24 +1,24 @@
1
- export const teamDrawCardSideMargin = '24px';
2
- export const standardSideMargin = 24;
3
- export const teamDrawCardBottomMargin = '8px';
4
- export const SocialMediaIds = {
5
- X: 1,
6
- FACEBOOK: 2,
7
- INSTAGRAM: 3,
8
- TIKTOK: 4,
9
- YOUTUBE: 5,
10
- };
11
- export const getClickAttrs = ({ context, location, category }) => {
12
- const attrs = {};
13
- if (category) {
14
- attrs['data-category'] = category;
15
- }
16
- if (context) {
17
- attrs['data-context'] = context;
18
- }
19
- if (location) {
20
- attrs['data-location'] = location;
21
- }
22
- return attrs;
23
- };
1
+ export const teamDrawCardSideMargin = '24px';
2
+ export const standardSideMargin = 24;
3
+ export const teamDrawCardBottomMargin = '8px';
4
+ export const SocialMediaIds = {
5
+ X: 1,
6
+ FACEBOOK: 2,
7
+ INSTAGRAM: 3,
8
+ TIKTOK: 4,
9
+ YOUTUBE: 5,
10
+ };
11
+ export const getClickAttrs = ({ context, location, category }) => {
12
+ const attrs = {};
13
+ if (category) {
14
+ attrs['data-category'] = category;
15
+ }
16
+ if (context) {
17
+ attrs['data-context'] = context;
18
+ }
19
+ if (location) {
20
+ attrs['data-location'] = location;
21
+ }
22
+ return attrs;
23
+ };
24
24
  //# sourceMappingURL=constants.js.map
@@ -1,3 +1,3 @@
1
- export declare const getArrayWithIds: (array: object[]) => {
2
- id: number;
3
- }[];
1
+ export declare const getArrayWithIds: (array: object[]) => {
2
+ id: number;
3
+ }[];
@@ -1,2 +1,2 @@
1
- export const getArrayWithIds = (array) => array.map((item, index) => (Object.assign(Object.assign({}, item), { id: index + 1 })));
1
+ export const getArrayWithIds = (array) => array.map((item, index) => (Object.assign(Object.assign({}, item), { id: index + 1 })));
2
2
  //# sourceMappingURL=getArrayWithIds.js.map
@@ -1,4 +1,4 @@
1
- export default function useWindowSize(): {
2
- width: number;
3
- height: number;
4
- };
1
+ export default function useWindowSize(): {
2
+ width: number;
3
+ height: number;
4
+ };
@@ -1,28 +1,28 @@
1
- import { useState, useEffect } from "react";
2
- // Hook
3
- export default function useWindowSize() {
4
- // Initialize state with undefined width/height so server and client renders match
5
- // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
6
- const [windowSize, setWindowSize] = useState({
7
- width: 0,
8
- height: 0,
9
- });
10
- useEffect(() => {
11
- // Handler to call on window resize
12
- function handleResize() {
13
- // Set window width/height to state
14
- setWindowSize({
15
- width: window.innerWidth,
16
- height: window.innerHeight,
17
- });
18
- }
19
- // Add event listener
20
- window.addEventListener("resize", handleResize);
21
- // Call handler right away so state gets updated with initial window size
22
- handleResize();
23
- // Remove event listener on cleanup
24
- return () => window.removeEventListener("resize", handleResize);
25
- }, []); // Empty array ensures that effect is only run on mount
26
- return windowSize;
27
- }
1
+ import { useState, useEffect } from "react";
2
+ // Hook
3
+ export default function useWindowSize() {
4
+ // Initialize state with undefined width/height so server and client renders match
5
+ // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
6
+ const [windowSize, setWindowSize] = useState({
7
+ width: 0,
8
+ height: 0,
9
+ });
10
+ useEffect(() => {
11
+ // Handler to call on window resize
12
+ function handleResize() {
13
+ // Set window width/height to state
14
+ setWindowSize({
15
+ width: window.innerWidth,
16
+ height: window.innerHeight,
17
+ });
18
+ }
19
+ // Add event listener
20
+ window.addEventListener("resize", handleResize);
21
+ // Call handler right away so state gets updated with initial window size
22
+ handleResize();
23
+ // Remove event listener on cleanup
24
+ return () => window.removeEventListener("resize", handleResize);
25
+ }, []); // Empty array ensures that effect is only run on mount
26
+ return windowSize;
27
+ }
28
28
  //# sourceMappingURL=useScreenSize.js.map
@@ -1,38 +1,38 @@
1
- export interface Location {
2
- placeId: string;
3
- formattedAddress: string;
4
- placeName: string;
5
- lat: number;
6
- lng: number;
7
- }
8
- export interface Captain {
9
- id: number;
10
- teamId: number;
11
- memberId: number;
12
- playerId: number;
13
- gender?: string;
14
- firstName: string;
15
- lastName: string;
16
- email?: string;
17
- phone?: string;
18
- phoneCountryCode?: string;
19
- profileImage?: string;
20
- location?: Location;
21
- }
22
- export interface AddTeamsData {
23
- id: number;
24
- name?: string;
25
- teamMemberCount?: number;
26
- captains?: Array<Captain>;
27
- sessionId?: number;
28
- sessionName?: string;
29
- sessionStartDateUtc?: string;
30
- sessionEndDateUtc?: string;
31
- wins?: number;
32
- losses?: number;
33
- rank?: number;
34
- isSelected?: boolean;
35
- record?: string;
36
- sessionDates?: string;
37
- }
38
- export type TableData = AddTeamsData;
1
+ export interface Location {
2
+ placeId: string;
3
+ formattedAddress: string;
4
+ placeName: string;
5
+ lat: number;
6
+ lng: number;
7
+ }
8
+ export interface Captain {
9
+ id: number;
10
+ teamId: number;
11
+ memberId: number;
12
+ playerId: number;
13
+ gender?: string;
14
+ firstName: string;
15
+ lastName: string;
16
+ email?: string;
17
+ phone?: string;
18
+ phoneCountryCode?: string;
19
+ profileImage?: string;
20
+ location?: Location;
21
+ }
22
+ export interface AddTeamsData {
23
+ id: number;
24
+ name?: string;
25
+ teamMemberCount?: number;
26
+ captains?: Array<Captain>;
27
+ sessionId?: number;
28
+ sessionName?: string;
29
+ sessionStartDateUtc?: string;
30
+ sessionEndDateUtc?: string;
31
+ wins?: number;
32
+ losses?: number;
33
+ rank?: number;
34
+ isSelected?: boolean;
35
+ record?: string;
36
+ sessionDates?: string;
37
+ }
38
+ export type TableData = AddTeamsData;
@@ -1,2 +1,2 @@
1
- export {};
1
+ export {};
2
2
  //# sourceMappingURL=tableDataTypes.js.map
@@ -1,112 +1,112 @@
1
- trigger:
2
- tags:
3
- include:
4
- - '*'
5
-
6
- pool:
7
- vmImage: ubuntu-latest
8
-
9
-
10
- variables:
11
- projectKey: 'universaltennis_ui-shared'
12
- projectName: 'ui-shared'
13
- nodeVersion: '18.x'
14
- sources: 'src'
15
- npm_token: ''
16
- # needed to label if the build is on a tag or not
17
- ${{ if startsWith(variables['Build.SourceBranch'], 'refs/tags') }}:
18
- gitTag: $[replace(variables['Build.SourceBranch'], 'refs/tags/', '')]
19
-
20
- stages:
21
- - stage: sonarcloud
22
- displayName: SonarCloud
23
- jobs:
24
- - job: run_sonarcloud
25
- displayName: Prepare and Run SonarCloud
26
- steps:
27
- - checkout: self
28
- fetchDepth: 0
29
- - task: AzureKeyVault@2
30
- inputs:
31
- azureSubscription: 'utr-azure'
32
- KeyVaultName: 'utr-shared-akv'
33
- SecretsFilter: 'NpmPublishToken'
34
- OutputVariable: 'npm_token'
35
- - task: SonarCloudPrepare@1
36
- displayName: 'Prepare SonarCloud'
37
- inputs:
38
- # This is an eng-admin user service connection in ADO
39
- SonarCloud: 'utr-sonar-eng-admin'
40
- organization: 'utr'
41
- scannerMode: 'CLI'
42
- configMode: 'manual'
43
- cliProjectKey: $(projectKey)
44
- cliProjectName: $(projectName)
45
- cliSources: $(sources)
46
- extraProperties: |
47
- sonar.qualitygate.wait=true
48
- sonar.eslint.reportPaths=$(Build.SourcesDirectory)/reports/eslint-result.json
49
- - task: UseNode@1
50
- displayName: 'Use Node $(nodeVersion)'
51
- inputs:
52
- version: $(nodeVersion)
53
- checkLatest: true
54
- - task: YarnInstaller@3
55
- displayName: 'Install yarn'
56
- inputs:
57
- checkLatest: true
58
- includePrerelease: false
59
- - task: Yarn@3
60
- displayName: 'yarn install'
61
- inputs:
62
- arguments: 'install'
63
- env:
64
- NPM_TOKEN: $(npm_token)
65
- - task: Yarn@3
66
- displayName: 'yarn run eslint:ci'
67
- continueOnError: true
68
- inputs:
69
- arguments: 'run eslint:ci'
70
- - task: SonarCloudAnalyze@1
71
- - task: SonarCloudPublish@1
72
- inputs:
73
- pollingTimeoutSec: '300'
74
-
75
- - ${{ if ne(variables['gitTag'], '') }}:
76
- - stage: publish
77
- displayName: Publish NPM Package
78
- # dependsOn: sonarcloud
79
- jobs:
80
- - job: publish
81
- displayName: publish npm
82
- steps:
83
- - checkout: self
84
- fetchDepth: 0
85
- - task: UseNode@1
86
- inputs:
87
- version: $(nodeVersion)
88
- checkLatest: true
89
- - task: YarnInstaller@3
90
- displayName: 'Install yarn'
91
- inputs:
92
- checkLatest: true
93
- includePrerelease: false
94
- - task: Yarn@3
95
- displayName: 'yarn install'
96
- inputs:
97
- arguments: 'install'
98
- env:
99
- NPM_TOKEN: $(npm_token)
100
- - task: Yarn@3
101
- displayName: 'yarn run publish:npm'
102
- inputs:
103
- arguments: 'run publish:npm'
104
- env:
105
- NPM_TOKEN: $(npm_token)
106
- - task: Bash@3
107
- inputs:
108
- targetType: 'inline'
109
- script: |
110
- npm publish
111
- env:
112
- NPM_TOKEN: $(npm_token)
1
+ trigger:
2
+ tags:
3
+ include:
4
+ - '*'
5
+
6
+ pool:
7
+ vmImage: ubuntu-latest
8
+
9
+
10
+ variables:
11
+ projectKey: 'universaltennis_ui-shared'
12
+ projectName: 'ui-shared'
13
+ nodeVersion: '18.x'
14
+ sources: 'src'
15
+ npm_token: ''
16
+ # needed to label if the build is on a tag or not
17
+ ${{ if startsWith(variables['Build.SourceBranch'], 'refs/tags') }}:
18
+ gitTag: $[replace(variables['Build.SourceBranch'], 'refs/tags/', '')]
19
+
20
+ stages:
21
+ - stage: sonarcloud
22
+ displayName: SonarCloud
23
+ jobs:
24
+ - job: run_sonarcloud
25
+ displayName: Prepare and Run SonarCloud
26
+ steps:
27
+ - checkout: self
28
+ fetchDepth: 0
29
+ - task: AzureKeyVault@2
30
+ inputs:
31
+ azureSubscription: 'utr-azure'
32
+ KeyVaultName: 'utr-shared-akv'
33
+ SecretsFilter: 'NpmPublishToken'
34
+ OutputVariable: 'npm_token'
35
+ - task: SonarCloudPrepare@1
36
+ displayName: 'Prepare SonarCloud'
37
+ inputs:
38
+ # This is an eng-admin user service connection in ADO
39
+ SonarCloud: 'utr-sonar-eng-admin'
40
+ organization: 'utr'
41
+ scannerMode: 'CLI'
42
+ configMode: 'manual'
43
+ cliProjectKey: $(projectKey)
44
+ cliProjectName: $(projectName)
45
+ cliSources: $(sources)
46
+ extraProperties: |
47
+ sonar.qualitygate.wait=true
48
+ sonar.eslint.reportPaths=$(Build.SourcesDirectory)/reports/eslint-result.json
49
+ - task: UseNode@1
50
+ displayName: 'Use Node $(nodeVersion)'
51
+ inputs:
52
+ version: $(nodeVersion)
53
+ checkLatest: true
54
+ - task: YarnInstaller@3
55
+ displayName: 'Install yarn'
56
+ inputs:
57
+ checkLatest: true
58
+ includePrerelease: false
59
+ - task: Yarn@3
60
+ displayName: 'yarn install'
61
+ inputs:
62
+ arguments: 'install'
63
+ env:
64
+ NPM_TOKEN: $(npm_token)
65
+ - task: Yarn@3
66
+ displayName: 'yarn run eslint:ci'
67
+ continueOnError: true
68
+ inputs:
69
+ arguments: 'run eslint:ci'
70
+ - task: SonarCloudAnalyze@1
71
+ - task: SonarCloudPublish@1
72
+ inputs:
73
+ pollingTimeoutSec: '300'
74
+
75
+ - ${{ if ne(variables['gitTag'], '') }}:
76
+ - stage: publish
77
+ displayName: Publish NPM Package
78
+ # dependsOn: sonarcloud
79
+ jobs:
80
+ - job: publish
81
+ displayName: publish npm
82
+ steps:
83
+ - checkout: self
84
+ fetchDepth: 0
85
+ - task: UseNode@1
86
+ inputs:
87
+ version: $(nodeVersion)
88
+ checkLatest: true
89
+ - task: YarnInstaller@3
90
+ displayName: 'Install yarn'
91
+ inputs:
92
+ checkLatest: true
93
+ includePrerelease: false
94
+ - task: Yarn@3
95
+ displayName: 'yarn install'
96
+ inputs:
97
+ arguments: 'install'
98
+ env:
99
+ NPM_TOKEN: $(npm_token)
100
+ - task: Yarn@3
101
+ displayName: 'yarn run publish:npm'
102
+ inputs:
103
+ arguments: 'run publish:npm'
104
+ env:
105
+ NPM_TOKEN: $(npm_token)
106
+ - task: Bash@3
107
+ inputs:
108
+ targetType: 'inline'
109
+ script: |
110
+ npm publish
111
+ env:
112
+ NPM_TOKEN: $(npm_token)