@universal-tennis/ui-shared 0.1.86 → 0.1.88

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 (301) 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 +38 -38
  9. package/dist/components.js +43 -43
  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/assets/css/variables.css +15 -15
  15. package/dist/stories/assets/icon-chat-blue.svg +10 -10
  16. package/dist/stories/assets/utr-sports-logo.svg +9 -9
  17. package/dist/stories/atoms/Button/Button.d.ts +10 -10
  18. package/dist/stories/atoms/Button/Button.js +95 -95
  19. package/dist/stories/atoms/Button/Button.stories.d.ts +17 -17
  20. package/dist/stories/atoms/Button/Button.stories.js +45 -45
  21. package/dist/stories/atoms/Icons/AddIcon.d.ts +3 -3
  22. package/dist/stories/atoms/Icons/AddIcon.js +8 -8
  23. package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.d.ts +3 -3
  24. package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.js +6 -6
  25. package/dist/stories/atoms/Icons/AvailabilityNoIcon.d.ts +3 -3
  26. package/dist/stories/atoms/Icons/AvailabilityNoIcon.js +6 -6
  27. package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.d.ts +3 -3
  28. package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.js +7 -7
  29. package/dist/stories/atoms/Icons/AvailabilityYesIcon.d.ts +3 -3
  30. package/dist/stories/atoms/Icons/AvailabilityYesIcon.js +6 -6
  31. package/dist/stories/atoms/Icons/CalendarIcon.d.ts +3 -3
  32. package/dist/stories/atoms/Icons/CalendarIcon.js +6 -6
  33. package/dist/stories/atoms/Icons/ClockIcon.d.ts +3 -3
  34. package/dist/stories/atoms/Icons/ClockIcon.js +8 -8
  35. package/dist/stories/atoms/Icons/CloseIcon.d.ts +3 -3
  36. package/dist/stories/atoms/Icons/CloseIcon.js +6 -6
  37. package/dist/stories/atoms/Icons/DeleteIcon.d.ts +3 -3
  38. package/dist/stories/atoms/Icons/DeleteIcon.js +10 -10
  39. package/dist/stories/atoms/Icons/DoublePersonIcon.d.ts +3 -3
  40. package/dist/stories/atoms/Icons/DoublePersonIcon.js +13 -13
  41. package/dist/stories/atoms/Icons/EditIcon.d.ts +3 -3
  42. package/dist/stories/atoms/Icons/EditIcon.js +6 -6
  43. package/dist/stories/atoms/Icons/Icons.stories.d.ts +33 -33
  44. package/dist/stories/atoms/Icons/Icons.stories.js +269 -269
  45. package/dist/stories/atoms/Icons/LeftChevronIcon.d.ts +3 -3
  46. package/dist/stories/atoms/Icons/LeftChevronIcon.js +6 -6
  47. package/dist/stories/atoms/Icons/LineIcon.d.ts +3 -3
  48. package/dist/stories/atoms/Icons/LineIcon.js +6 -6
  49. package/dist/stories/atoms/Icons/LocationIcon.d.ts +3 -3
  50. package/dist/stories/atoms/Icons/LocationIcon.js +7 -7
  51. package/dist/stories/atoms/Icons/MessageIcon.d.ts +3 -3
  52. package/dist/stories/atoms/Icons/MessageIcon.js +6 -6
  53. package/dist/stories/atoms/Icons/RightChevronIcon.d.ts +3 -3
  54. package/dist/stories/atoms/Icons/RightChevronIcon.js +6 -6
  55. package/dist/stories/atoms/Icons/SessionIcon.d.ts +3 -3
  56. package/dist/stories/atoms/Icons/SessionIcon.js +6 -6
  57. package/dist/stories/atoms/Icons/SinglePersonIcon.d.ts +3 -3
  58. package/dist/stories/atoms/Icons/SinglePersonIcon.js +9 -9
  59. package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.d.ts +3 -3
  60. package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.js +10 -10
  61. package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.d.ts +3 -3
  62. package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.js +6 -6
  63. package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.d.ts +3 -3
  64. package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.js +10 -10
  65. package/dist/stories/atoms/Icons/SocialMediaXIcon.d.ts +3 -3
  66. package/dist/stories/atoms/Icons/SocialMediaXIcon.js +10 -10
  67. package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.d.ts +3 -3
  68. package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.js +6 -6
  69. package/dist/stories/atoms/Icons/SwapIcon.d.ts +3 -3
  70. package/dist/stories/atoms/Icons/SwapIcon.js +6 -6
  71. package/dist/stories/atoms/Icons/SwapNoBorderIcon.d.ts +3 -3
  72. package/dist/stories/atoms/Icons/SwapNoBorderIcon.js +9 -9
  73. package/dist/stories/atoms/Icons/VerifiedIcon.d.ts +3 -3
  74. package/dist/stories/atoms/Icons/VerifiedIcon.js +7 -7
  75. package/dist/stories/atoms/Icons/VisibilityIcon.d.ts +3 -3
  76. package/dist/stories/atoms/Icons/VisibilityIcon.js +7 -7
  77. package/dist/stories/atoms/Icons/VisibilityOffIcon.d.ts +3 -3
  78. package/dist/stories/atoms/Icons/VisibilityOffIcon.js +8 -8
  79. package/dist/stories/atoms/Icons/WinnerIndicatorIcon.d.ts +3 -3
  80. package/dist/stories/atoms/Icons/WinnerIndicatorIcon.js +31 -31
  81. package/dist/stories/atoms/Icons/sharedTypes.d.ts +11 -11
  82. package/dist/stories/atoms/Icons/sharedTypes.js +1 -1
  83. package/dist/stories/atoms/Map/Map.d.ts +7 -0
  84. package/dist/stories/atoms/Map/Map.js +9 -0
  85. package/dist/stories/atoms/Map/Map.js.map +1 -0
  86. package/dist/stories/atoms/Map/Map.stories.d.ts +9 -0
  87. package/dist/stories/atoms/Map/Map.stories.js +36 -0
  88. package/dist/stories/atoms/Map/Map.stories.js.map +1 -0
  89. package/dist/stories/atoms/Typography/Typography.d.ts +49 -49
  90. package/dist/stories/atoms/Typography/Typography.js +143 -143
  91. package/dist/stories/atoms/Typography/Typography.stories.d.ts +37 -37
  92. package/dist/stories/atoms/Typography/Typography.stories.js +190 -190
  93. package/dist/stories/atoms/UTMap/UTMap.d.ts +7 -7
  94. package/dist/stories/atoms/UTMap/UTMap.js +8 -8
  95. package/dist/stories/atoms/UTMap/UTMap.stories.d.ts +9 -9
  96. package/dist/stories/atoms/UTMap/UTMap.stories.js +35 -35
  97. package/dist/stories/molecules/AvatarWithName/AvatarWithName.d.ts +27 -27
  98. package/dist/stories/molecules/AvatarWithName/AvatarWithName.js +20 -20
  99. package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.d.ts +15 -15
  100. package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.js +72 -72
  101. package/dist/stories/molecules/Cards/Cards.stories.d.ts +7 -7
  102. package/dist/stories/molecules/Cards/Cards.stories.js +64 -64
  103. package/dist/stories/molecules/Cards/ContactCard.d.ts +3 -3
  104. package/dist/stories/molecules/Cards/ContactCard.js +38 -38
  105. package/dist/stories/molecules/Cards/DrawCard.d.ts +3 -3
  106. package/dist/stories/molecules/Cards/DrawCard.js +116 -116
  107. package/dist/stories/molecules/Cards/Modals.stories.d.ts +5 -5
  108. package/dist/stories/molecules/Cards/Modals.stories.js +72 -72
  109. package/dist/stories/molecules/Cards/TeamCard.d.ts +3 -3
  110. package/dist/stories/molecules/Cards/TeamCard.js +20 -20
  111. package/dist/stories/molecules/Cards/TeamDrawCard.d.ts +3 -3
  112. package/dist/stories/molecules/Cards/TeamDrawCard.js +78 -78
  113. package/dist/stories/molecules/Cards/TeamDrawCard.js.map +1 -1
  114. package/dist/stories/molecules/Cards/shared.d.ts +4 -9
  115. package/dist/stories/molecules/Cards/shared.js +12 -12
  116. package/dist/stories/molecules/Cards/sharedTypes.d.ts +61 -60
  117. package/dist/stories/molecules/Cards/sharedTypes.js +2 -2
  118. package/dist/stories/molecules/FooterSection/FooterSection.d.ts +4 -4
  119. package/dist/stories/molecules/FooterSection/FooterSection.js +11 -11
  120. package/dist/stories/molecules/FooterSection/FooterSection.stories.d.ts +5 -5
  121. package/dist/stories/molecules/FooterSection/FooterSection.stories.js +20 -20
  122. package/dist/stories/molecules/FooterSection/sharedTypes.d.ts +5 -5
  123. package/dist/stories/molecules/FooterSection/sharedTypes.js +1 -1
  124. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.d.ts +29 -29
  125. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js +32 -29
  126. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js.map +1 -1
  127. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.d.ts +16 -16
  128. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js +81 -81
  129. package/dist/stories/organisms/Footer/Footer.d.ts +4 -4
  130. package/dist/stories/organisms/Footer/Footer.js +61 -61
  131. package/dist/stories/organisms/Footer/Footer.stories.d.ts +5 -5
  132. package/dist/stories/organisms/Footer/Footer.stories.js +58 -58
  133. package/dist/stories/organisms/Footer/sharedTypes.d.ts +14 -14
  134. package/dist/stories/organisms/Footer/sharedTypes.js +1 -1
  135. package/dist/stories/organisms/Modals/FullPageModal.d.ts +4 -4
  136. package/dist/stories/organisms/Modals/FullPageModal.js +59 -59
  137. package/dist/stories/organisms/Modals/Modals.stories.d.ts +5 -5
  138. package/dist/stories/organisms/Modals/Modals.stories.js +73 -73
  139. package/dist/stories/organisms/Modals/sharedTypes.d.ts +14 -14
  140. package/dist/stories/organisms/Modals/sharedTypes.js +1 -1
  141. package/dist/stories/organisms/Tables/DrawCardTable.d.ts +3 -3
  142. package/dist/stories/organisms/Tables/DrawCardTable.js +58 -58
  143. package/dist/stories/organisms/Tables/SortableTable.d.ts +23 -23
  144. package/dist/stories/organisms/Tables/SortableTable.js +34 -34
  145. package/dist/stories/organisms/Tables/Tables.stories.d.ts +8 -8
  146. package/dist/stories/organisms/Tables/Tables.stories.js +90 -90
  147. package/dist/stories/organisms/Tables/Tables.stories.js.map +1 -1
  148. package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.d.ts +3 -3
  149. package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.js +66 -66
  150. package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.d.ts +3 -3
  151. package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.js +43 -43
  152. package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.d.ts +3 -3
  153. package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.js +22 -22
  154. package/dist/stories/organisms/Tables/TeamDrawCardTable.d.ts +3 -0
  155. package/dist/stories/organisms/Tables/TeamDrawCardTable.js +126 -0
  156. package/dist/stories/organisms/Tables/TeamDrawCardTable.js.map +1 -0
  157. package/dist/stories/organisms/Tables/mockData.d.ts +71 -70
  158. package/dist/stories/organisms/Tables/mockData.js +99 -98
  159. package/dist/stories/organisms/Tables/mockData.js.map +1 -1
  160. package/dist/stories/organisms/Tables/sharedTypes.d.ts +15 -15
  161. package/dist/stories/organisms/Tables/sharedTypes.js +1 -1
  162. package/dist/stories/utils/constants.d.ts +10 -10
  163. package/dist/stories/utils/constants.js +10 -10
  164. package/dist/stories/utils/getArrayWithIds.d.ts +3 -3
  165. package/dist/stories/utils/getArrayWithIds.js +1 -1
  166. package/dist/stories/utils/useScreenSize.d.ts +4 -4
  167. package/dist/stories/utils/useScreenSize.js +27 -27
  168. package/dist/types/tableDataTypes.d.ts +38 -38
  169. package/dist/types/tableDataTypes.js +1 -1
  170. package/infrastructure/azure-pipelines.yml +112 -112
  171. package/package.json +100 -100
  172. package/src/App.js +25 -25
  173. package/src/components.jsx +47 -47
  174. package/src/custom.d.ts +13 -13
  175. package/src/index.js +17 -17
  176. package/src/items.jsx +1 -1
  177. package/src/stories/assets/css/variables.css +15 -15
  178. package/src/stories/assets/icon-chat-blue.svg +10 -10
  179. package/src/stories/assets/icons/icon-add.svg +7 -7
  180. package/src/stories/assets/icons/icon-availability-maybe.svg +3 -3
  181. package/src/stories/assets/icons/icon-availability-no.svg +3 -3
  182. package/src/stories/assets/icons/icon-availability-not-set.svg +8 -8
  183. package/src/stories/assets/icons/icon-availability-yes.svg +3 -3
  184. package/src/stories/assets/icons/icon-calendar.svg +4 -4
  185. package/src/stories/assets/icons/icon-clock.svg +7 -7
  186. package/src/stories/assets/icons/icon-close.svg +3 -3
  187. package/src/stories/assets/icons/icon-delete.svg +9 -9
  188. package/src/stories/assets/icons/icon-edit.svg +3 -3
  189. package/src/stories/assets/icons/icon-location.svg +6 -6
  190. package/src/stories/assets/icons/icon-message.svg +3 -3
  191. package/src/stories/assets/icons/icon-session.svg +3 -3
  192. package/src/stories/assets/icons/icon-social-media-facebook.svg +10 -10
  193. package/src/stories/assets/icons/icon-social-media-instagram.svg +3 -3
  194. package/src/stories/assets/icons/icon-social-media-tiktok.svg +10 -10
  195. package/src/stories/assets/icons/icon-social-media-x.svg +10 -10
  196. package/src/stories/assets/icons/icon-social-media-youtube.svg +3 -3
  197. package/src/stories/assets/icons/icon-swap.svg +3 -3
  198. package/src/stories/assets/icons/icon-visibility-off.svg +7 -7
  199. package/src/stories/assets/icons/icon-visibility.svg +6 -6
  200. package/src/stories/assets/utr-sports-logo.svg +9 -9
  201. package/src/stories/atoms/Button/Button.stories.tsx +63 -63
  202. package/src/stories/atoms/Button/Button.tsx +145 -145
  203. package/src/stories/atoms/Icons/AddIcon.tsx +13 -13
  204. package/src/stories/atoms/Icons/AvailabilityMaybeIcon.tsx +11 -11
  205. package/src/stories/atoms/Icons/AvailabilityNoIcon.tsx +11 -11
  206. package/src/stories/atoms/Icons/AvailabilityNotSetIcon.tsx +12 -12
  207. package/src/stories/atoms/Icons/AvailabilityYesIcon.tsx +11 -11
  208. package/src/stories/atoms/Icons/CalendarIcon.tsx +11 -11
  209. package/src/stories/atoms/Icons/ClockIcon.tsx +14 -14
  210. package/src/stories/atoms/Icons/CloseIcon.tsx +11 -11
  211. package/src/stories/atoms/Icons/DeleteIcon.tsx +15 -15
  212. package/src/stories/atoms/Icons/DoublePersonIcon.tsx +20 -20
  213. package/src/stories/atoms/Icons/EditIcon.tsx +11 -11
  214. package/src/stories/atoms/Icons/Icons.stories.tsx +330 -330
  215. package/src/stories/atoms/Icons/LeftChevronIcon.tsx +13 -13
  216. package/src/stories/atoms/Icons/LineIcon.tsx +12 -12
  217. package/src/stories/atoms/Icons/LocationIcon.tsx +12 -12
  218. package/src/stories/atoms/Icons/MessageIcon.tsx +12 -12
  219. package/src/stories/atoms/Icons/RightChevronIcon.tsx +11 -11
  220. package/src/stories/atoms/Icons/SessionIcon.tsx +16 -16
  221. package/src/stories/atoms/Icons/SinglePersonIcon.tsx +16 -16
  222. package/src/stories/atoms/Icons/SocialMediaFacebookIcon.tsx +19 -19
  223. package/src/stories/atoms/Icons/SocialMediaInstagramIcon.tsx +11 -11
  224. package/src/stories/atoms/Icons/SocialMediaTikTokIcon.tsx +18 -18
  225. package/src/stories/atoms/Icons/SocialMediaXIcon.tsx +18 -18
  226. package/src/stories/atoms/Icons/SocialMediaYoutubeIcon.tsx +11 -11
  227. package/src/stories/atoms/Icons/SwapIcon.tsx +11 -11
  228. package/src/stories/atoms/Icons/SwapNoBorderIcon.tsx +14 -14
  229. package/src/stories/atoms/Icons/VerifiedIcon.tsx +13 -13
  230. package/src/stories/atoms/Icons/VisibilityIcon.tsx +12 -12
  231. package/src/stories/atoms/Icons/VisibilityOffIcon.tsx +13 -13
  232. package/src/stories/atoms/Icons/WinnerIndicatorIcon.tsx +39 -39
  233. package/src/stories/atoms/Icons/sharedTypes.tsx +12 -12
  234. package/src/stories/atoms/Typography/Typography.tsx +185 -185
  235. package/src/stories/atoms/UTMap/UTMap.stories.tsx +43 -43
  236. package/src/stories/atoms/UTMap/UTMap.tsx +25 -25
  237. package/src/stories/molecules/AvatarWithName/AvatarWithName.stories.tsx +86 -86
  238. package/src/stories/molecules/AvatarWithName/AvatarWithName.tsx +68 -68
  239. package/src/stories/molecules/Cards/Cards.stories.tsx +76 -76
  240. package/src/stories/molecules/Cards/ContactCard.tsx +45 -45
  241. package/src/stories/molecules/Cards/DrawCard.tsx +211 -211
  242. package/src/stories/molecules/Cards/Modals.stories.tsx +137 -137
  243. package/src/stories/molecules/Cards/TeamCard.tsx +14 -14
  244. package/src/stories/molecules/Cards/TeamDrawCard.tsx +159 -158
  245. package/src/stories/molecules/Cards/sharedTypes.ts +69 -68
  246. package/src/stories/molecules/FooterSection/FooterSection.stories.tsx +25 -25
  247. package/src/stories/molecules/FooterSection/FooterSection.tsx +34 -34
  248. package/src/stories/molecules/FooterSection/sharedTypes.ts +6 -6
  249. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx +96 -96
  250. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.tsx +111 -99
  251. package/src/stories/organisms/Footer/Footer.stories.tsx +63 -63
  252. package/src/stories/organisms/Footer/Footer.tsx +118 -118
  253. package/src/stories/organisms/Footer/sharedTypes.ts +14 -14
  254. package/src/stories/organisms/Modals/FullPageModal.tsx +93 -93
  255. package/src/stories/organisms/Modals/Modals.stories.tsx +138 -138
  256. package/src/stories/organisms/Modals/sharedTypes.ts +15 -15
  257. package/src/stories/organisms/Tables/DrawCardTable.tsx +92 -92
  258. package/src/stories/organisms/Tables/SortableTable.tsx +119 -119
  259. package/src/stories/organisms/Tables/Tables.stories.tsx +104 -104
  260. package/src/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.tsx +120 -120
  261. package/src/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.tsx +67 -67
  262. package/src/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.tsx +24 -24
  263. package/src/stories/organisms/Tables/mockData.tsx +131 -130
  264. package/src/stories/organisms/Tables/sharedTypes.ts +17 -17
  265. package/src/stories/utils/constants.ts +11 -11
  266. package/src/stories/utils/getArrayWithIds.ts +1 -1
  267. package/src/stories/utils/useScreenSize.ts +28 -28
  268. package/src/types/tableDataTypes.ts +42 -42
  269. package/tsconfig.json +23 -23
  270. package/dist/stories/Button.d.ts +0 -27
  271. package/dist/stories/Button.js +0 -51
  272. package/dist/stories/Button.js.map +0 -1
  273. package/dist/stories/Button.stories.d.ts +0 -15
  274. package/dist/stories/Button.stories.js +0 -34
  275. package/dist/stories/Button.stories.js.map +0 -1
  276. package/dist/stories/Header.d.ts +0 -19
  277. package/dist/stories/Header.js +0 -31
  278. package/dist/stories/Header.js.map +0 -1
  279. package/dist/stories/Header.stories.d.ts +0 -11
  280. package/dist/stories/Header.stories.js +0 -20
  281. package/dist/stories/Header.stories.js.map +0 -1
  282. package/dist/stories/Page.d.ts +0 -1
  283. package/dist/stories/Page.js +0 -38
  284. package/dist/stories/Page.js.map +0 -1
  285. package/dist/stories/Page.stories.d.ts +0 -11
  286. package/dist/stories/Page.stories.js +0 -30
  287. package/dist/stories/Page.stories.js.map +0 -1
  288. package/dist/stories/assets/comments.svg +0 -1
  289. package/dist/stories/assets/direction.svg +0 -1
  290. package/dist/stories/atoms/Button/index.d.ts +0 -1
  291. package/dist/stories/atoms/Button/index.js +0 -2
  292. package/dist/stories/atoms/Button/index.js.map +0 -1
  293. package/dist/stories/atoms/Button.d.ts +0 -7
  294. package/dist/stories/atoms/Button.js +0 -20
  295. package/dist/stories/atoms/Button.js.map +0 -1
  296. package/dist/stories/atoms/Button.stories.d.ts +0 -13
  297. package/dist/stories/atoms/Button.stories.js +0 -22
  298. package/dist/stories/atoms/Button.stories.js.map +0 -1
  299. package/dist/stories/atoms/Typography/index.d.ts +0 -1
  300. package/dist/stories/atoms/Typography/index.js +0 -2
  301. package/dist/stories/atoms/Typography/index.js.map +0 -1
@@ -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)
package/package.json CHANGED
@@ -1,100 +1,100 @@
1
- {
2
- "name": "@universal-tennis/ui-shared",
3
- "version": "0.1.86",
4
- "main": "dist/items.js",
5
- "license": "MIT",
6
- "homepage": "https://universaltennis.com",
7
- "peerDependencies": {
8
- "react": "^18.2.0",
9
- "react-dom": "^18.2.0"
10
- },
11
- "dependencies": {
12
- "@emotion/react": "^11.10.5",
13
- "@emotion/styled": "^11.10.5",
14
- "@mui/icons-material": "^5.11.0",
15
- "@mui/material": "5.14.17",
16
- "copyfiles": "^2.4.1",
17
- "cross-env": "^7.0.3",
18
- "libphonenumber-js": "^1.10.18",
19
- "react-scripts": "5.0.1",
20
- "typescript": "^4.9.3",
21
- "typescript-plugin-css-modules": "^4.1.1",
22
- "web-vitals": "^2.1.4"
23
- },
24
- "scripts": {
25
- "start": "start-storybook -p 6006 -s public",
26
- "build-storybook": "build-storybook -s public",
27
- "publish:npm": "tsc && yarn copy-files",
28
- "publish-package": "npm publish --access public",
29
- "copy-files": "copyfiles -u 1 src/stories/assets/*.svg src/stories/assets/*.png src/stories/assets/*.gif src/stories/assets/css/*.css dist/",
30
- "eslint": "npx eslint --ext .jsx,.js src --fix",
31
- "eslint:ci": "npx eslint --ext .jsx,.js src --format json --output-file reports/eslint-result.json"
32
- },
33
- "eslintConfig": {
34
- "extends": [
35
- "react-app",
36
- "react-app/jest"
37
- ],
38
- "overrides": [
39
- {
40
- "files": [
41
- "**/*.stories.*"
42
- ],
43
- "rules": {
44
- "import/no-anonymous-default-export": "off"
45
- }
46
- }
47
- ]
48
- },
49
- "browserslist": {
50
- "production": [
51
- ">0.2%",
52
- "not dead",
53
- "not op_mini all"
54
- ],
55
- "development": [
56
- "last 1 chrome version",
57
- "last 1 firefox version",
58
- "last 1 safari version"
59
- ]
60
- },
61
- "devDependencies": {
62
- "@storybook/addon-actions": "^6.5.13",
63
- "@storybook/addon-essentials": "^6.5.13",
64
- "@storybook/addon-interactions": "^6.5.13",
65
- "@storybook/addon-links": "^6.5.13",
66
- "@storybook/addon-viewport": "^8.0.0",
67
- "@storybook/builder-webpack5": "^6.5.13",
68
- "@storybook/manager-webpack5": "^6.5.13",
69
- "@storybook/node-logger": "^6.5.13",
70
- "@storybook/preset-create-react-app": "^4.1.2",
71
- "@storybook/react": "^6.5.13",
72
- "@storybook/testing-library": "^0.0.13",
73
- "@types/babel__core": "^7.1.20",
74
- "@types/react": "^18.0.25",
75
- "babel-plugin-named-exports-order": "^0.0.2",
76
- "css-loader": "^6.7.3",
77
- "eslint": "^8.28.0",
78
- "eslint-config-airbnb": "^19.0.4",
79
- "eslint-import-resolver-typescript": "^3.5.2",
80
- "eslint-plugin-import": "^2.25.3",
81
- "eslint-plugin-jsx-a11y": "^6.5.1",
82
- "eslint-plugin-react": "^7.28.0",
83
- "eslint-plugin-react-hooks": "^4.3.0",
84
- "eslint-plugin-storybook": "^0.6.7",
85
- "extract-text-webpack-plugin": "^3.0.2",
86
- "node-sass": "^8.0.0",
87
- "prop-types": "^15.8.1",
88
- "react": "^18.2.0",
89
- "react-dom": "^18.2.0",
90
- "sass-loader": "^13.2.0",
91
- "style-loader": "^3.3.1",
92
- "webpack": "^5.75.0"
93
- },
94
- "description": "Shared UI components for UT",
95
- "repository": {
96
- "type": "git",
97
- "url": "git+https://bitbucket.org/universaltennis/ui-shared.git"
98
- },
99
- "author": "universal-tennis"
100
- }
1
+ {
2
+ "name": "@universal-tennis/ui-shared",
3
+ "version": "0.1.88",
4
+ "main": "dist/items.js",
5
+ "license": "MIT",
6
+ "homepage": "https://universaltennis.com",
7
+ "peerDependencies": {
8
+ "react": "^18.2.0",
9
+ "react-dom": "^18.2.0"
10
+ },
11
+ "dependencies": {
12
+ "@emotion/react": "^11.10.5",
13
+ "@emotion/styled": "^11.10.5",
14
+ "@mui/icons-material": "^5.11.0",
15
+ "@mui/material": "5.14.17",
16
+ "copyfiles": "^2.4.1",
17
+ "cross-env": "^7.0.3",
18
+ "libphonenumber-js": "^1.10.18",
19
+ "react-scripts": "5.0.1",
20
+ "typescript": "^4.9.3",
21
+ "typescript-plugin-css-modules": "^4.1.1",
22
+ "web-vitals": "^2.1.4"
23
+ },
24
+ "scripts": {
25
+ "start": "start-storybook -p 6006 -s public",
26
+ "build-storybook": "build-storybook -s public",
27
+ "publish:npm": "tsc && yarn copy-files",
28
+ "publish-package": "npm publish --access public",
29
+ "copy-files": "copyfiles -u 1 src/stories/assets/*.svg src/stories/assets/*.png src/stories/assets/*.gif src/stories/assets/css/*.css dist/",
30
+ "eslint": "npx eslint --ext .jsx,.js src --fix",
31
+ "eslint:ci": "npx eslint --ext .jsx,.js src --format json --output-file reports/eslint-result.json"
32
+ },
33
+ "eslintConfig": {
34
+ "extends": [
35
+ "react-app",
36
+ "react-app/jest"
37
+ ],
38
+ "overrides": [
39
+ {
40
+ "files": [
41
+ "**/*.stories.*"
42
+ ],
43
+ "rules": {
44
+ "import/no-anonymous-default-export": "off"
45
+ }
46
+ }
47
+ ]
48
+ },
49
+ "browserslist": {
50
+ "production": [
51
+ ">0.2%",
52
+ "not dead",
53
+ "not op_mini all"
54
+ ],
55
+ "development": [
56
+ "last 1 chrome version",
57
+ "last 1 firefox version",
58
+ "last 1 safari version"
59
+ ]
60
+ },
61
+ "devDependencies": {
62
+ "@storybook/addon-actions": "^6.5.13",
63
+ "@storybook/addon-essentials": "^6.5.13",
64
+ "@storybook/addon-interactions": "^6.5.13",
65
+ "@storybook/addon-links": "^6.5.13",
66
+ "@storybook/addon-viewport": "^8.0.0",
67
+ "@storybook/builder-webpack5": "^6.5.13",
68
+ "@storybook/manager-webpack5": "^6.5.13",
69
+ "@storybook/node-logger": "^6.5.13",
70
+ "@storybook/preset-create-react-app": "^4.1.2",
71
+ "@storybook/react": "^6.5.13",
72
+ "@storybook/testing-library": "^0.0.13",
73
+ "@types/babel__core": "^7.1.20",
74
+ "@types/react": "^18.0.25",
75
+ "babel-plugin-named-exports-order": "^0.0.2",
76
+ "css-loader": "^6.7.3",
77
+ "eslint": "^8.28.0",
78
+ "eslint-config-airbnb": "^19.0.4",
79
+ "eslint-import-resolver-typescript": "^3.5.2",
80
+ "eslint-plugin-import": "^2.25.3",
81
+ "eslint-plugin-jsx-a11y": "^6.5.1",
82
+ "eslint-plugin-react": "^7.28.0",
83
+ "eslint-plugin-react-hooks": "^4.3.0",
84
+ "eslint-plugin-storybook": "^0.6.7",
85
+ "extract-text-webpack-plugin": "^3.0.2",
86
+ "node-sass": "^8.0.0",
87
+ "prop-types": "^15.8.1",
88
+ "react": "^18.2.0",
89
+ "react-dom": "^18.2.0",
90
+ "sass-loader": "^13.2.0",
91
+ "style-loader": "^3.3.1",
92
+ "webpack": "^5.75.0"
93
+ },
94
+ "description": "Shared UI components for UT",
95
+ "repository": {
96
+ "type": "git",
97
+ "url": "git+https://bitbucket.org/universaltennis/ui-shared.git"
98
+ },
99
+ "author": "universal-tennis"
100
+ }
package/src/App.js CHANGED
@@ -1,25 +1,25 @@
1
- function App() {
2
- return (
3
- <div className="App">
4
- <header className="App-header">
5
- <p>
6
- Edit
7
- {' '}
8
- <code>src/App.js</code>
9
- {' '}
10
- and save to reload.
11
- </p>
12
- <a
13
- className="App-link"
14
- href="https://reactjs.org"
15
- target="_blank"
16
- rel="noopener noreferrer"
17
- >
18
- Learn React
19
- </a>
20
- </header>
21
- </div>
22
- );
23
- }
24
-
25
- export default App;
1
+ function App() {
2
+ return (
3
+ <div className="App">
4
+ <header className="App-header">
5
+ <p>
6
+ Edit
7
+ {' '}
8
+ <code>src/App.js</code>
9
+ {' '}
10
+ and save to reload.
11
+ </p>
12
+ <a
13
+ className="App-link"
14
+ href="https://reactjs.org"
15
+ target="_blank"
16
+ rel="noopener noreferrer"
17
+ >
18
+ Learn React
19
+ </a>
20
+ </header>
21
+ </div>
22
+ );
23
+ }
24
+
25
+ export default App;