@universal-tennis/ui-shared 0.1.82 → 0.1.85

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 (313) hide show
  1. package/.eslintignore +1 -1
  2. package/.eslintrc.js +73 -73
  3. package/.storybook/preview.js +17 -12
  4. package/.storybook/variables.css +16 -15
  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 -37
  9. package/dist/components.js +43 -42
  10. package/dist/components.js.map +1 -1
  11. package/dist/index.d.ts +1 -1
  12. package/dist/index.js +12 -12
  13. package/dist/items.d.ts +2 -2
  14. package/dist/items.js +1 -1
  15. package/dist/stories/Button.d.ts +27 -0
  16. package/dist/stories/Button.js +51 -0
  17. package/dist/stories/Button.js.map +1 -0
  18. package/dist/stories/Button.stories.d.ts +15 -0
  19. package/dist/stories/Button.stories.js +34 -0
  20. package/dist/stories/Button.stories.js.map +1 -0
  21. package/dist/stories/Header.d.ts +19 -0
  22. package/dist/stories/Header.js +31 -0
  23. package/dist/stories/Header.js.map +1 -0
  24. package/dist/stories/Header.stories.d.ts +11 -0
  25. package/dist/stories/Header.stories.js +20 -0
  26. package/dist/stories/Header.stories.js.map +1 -0
  27. package/dist/stories/Page.d.ts +1 -0
  28. package/dist/stories/Page.js +38 -0
  29. package/dist/stories/Page.js.map +1 -0
  30. package/dist/stories/Page.stories.d.ts +11 -0
  31. package/dist/stories/Page.stories.js +30 -0
  32. package/dist/stories/Page.stories.js.map +1 -0
  33. package/dist/stories/assets/comments.svg +1 -0
  34. package/dist/stories/assets/css/variables.css +15 -14
  35. package/dist/stories/assets/direction.svg +1 -0
  36. package/dist/stories/assets/icon-chat-blue.svg +10 -10
  37. package/dist/stories/assets/utr-sports-logo.svg +9 -0
  38. package/dist/stories/atoms/Button/Button.d.ts +10 -10
  39. package/dist/stories/atoms/Button/Button.js +95 -95
  40. package/dist/stories/atoms/Button/Button.stories.d.ts +17 -17
  41. package/dist/stories/atoms/Button/Button.stories.js +45 -45
  42. package/dist/stories/atoms/Button/index.d.ts +1 -0
  43. package/dist/stories/atoms/Button/index.js +2 -0
  44. package/dist/stories/atoms/Button/index.js.map +1 -0
  45. package/dist/stories/atoms/Button.d.ts +7 -0
  46. package/dist/stories/atoms/Button.js +20 -0
  47. package/dist/stories/atoms/Button.js.map +1 -0
  48. package/dist/stories/atoms/Button.stories.d.ts +13 -0
  49. package/dist/stories/atoms/Button.stories.js +22 -0
  50. package/dist/stories/atoms/Button.stories.js.map +1 -0
  51. package/dist/stories/atoms/Icons/AddIcon.d.ts +3 -3
  52. package/dist/stories/atoms/Icons/AddIcon.js +8 -8
  53. package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.d.ts +3 -3
  54. package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.js +6 -6
  55. package/dist/stories/atoms/Icons/AvailabilityNoIcon.d.ts +3 -3
  56. package/dist/stories/atoms/Icons/AvailabilityNoIcon.js +6 -6
  57. package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.d.ts +3 -3
  58. package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.js +7 -7
  59. package/dist/stories/atoms/Icons/AvailabilityYesIcon.d.ts +3 -3
  60. package/dist/stories/atoms/Icons/AvailabilityYesIcon.js +6 -6
  61. package/dist/stories/atoms/Icons/CalendarIcon.d.ts +3 -3
  62. package/dist/stories/atoms/Icons/CalendarIcon.js +6 -6
  63. package/dist/stories/atoms/Icons/ClockIcon.d.ts +3 -3
  64. package/dist/stories/atoms/Icons/ClockIcon.js +8 -8
  65. package/dist/stories/atoms/Icons/CloseIcon.d.ts +3 -3
  66. package/dist/stories/atoms/Icons/CloseIcon.js +6 -6
  67. package/dist/stories/atoms/Icons/DeleteIcon.d.ts +3 -3
  68. package/dist/stories/atoms/Icons/DeleteIcon.js +10 -10
  69. package/dist/stories/atoms/Icons/DoublePersonIcon.d.ts +3 -3
  70. package/dist/stories/atoms/Icons/DoublePersonIcon.js +13 -13
  71. package/dist/stories/atoms/Icons/EditIcon.d.ts +3 -3
  72. package/dist/stories/atoms/Icons/EditIcon.js +6 -6
  73. package/dist/stories/atoms/Icons/Icons.stories.d.ts +33 -28
  74. package/dist/stories/atoms/Icons/Icons.stories.js +269 -224
  75. package/dist/stories/atoms/Icons/Icons.stories.js.map +1 -1
  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/RightChevronIcon.d.ts +3 -3
  85. package/dist/stories/atoms/Icons/RightChevronIcon.js +6 -6
  86. package/dist/stories/atoms/Icons/SessionIcon.d.ts +3 -3
  87. package/dist/stories/atoms/Icons/SessionIcon.js +6 -6
  88. package/dist/stories/atoms/Icons/SinglePersonIcon.d.ts +3 -3
  89. package/dist/stories/atoms/Icons/SinglePersonIcon.js +9 -9
  90. package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.d.ts +3 -0
  91. package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.js +11 -0
  92. package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.js.map +1 -0
  93. package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.d.ts +3 -0
  94. package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.js +7 -0
  95. package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.js.map +1 -0
  96. package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.d.ts +3 -0
  97. package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.js +11 -0
  98. package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.js.map +1 -0
  99. package/dist/stories/atoms/Icons/SocialMediaXIcon.d.ts +3 -0
  100. package/dist/stories/atoms/Icons/SocialMediaXIcon.js +11 -0
  101. package/dist/stories/atoms/Icons/SocialMediaXIcon.js.map +1 -0
  102. package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.d.ts +3 -0
  103. package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.js +7 -0
  104. package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.js.map +1 -0
  105. package/dist/stories/atoms/Icons/SwapIcon.d.ts +3 -3
  106. package/dist/stories/atoms/Icons/SwapIcon.js +6 -6
  107. package/dist/stories/atoms/Icons/SwapNoBorderIcon.d.ts +3 -3
  108. package/dist/stories/atoms/Icons/SwapNoBorderIcon.js +9 -9
  109. package/dist/stories/atoms/Icons/VerifiedIcon.d.ts +3 -3
  110. package/dist/stories/atoms/Icons/VerifiedIcon.js +7 -7
  111. package/dist/stories/atoms/Icons/VisibilityIcon.d.ts +3 -3
  112. package/dist/stories/atoms/Icons/VisibilityIcon.js +7 -7
  113. package/dist/stories/atoms/Icons/VisibilityOffIcon.d.ts +3 -3
  114. package/dist/stories/atoms/Icons/VisibilityOffIcon.js +8 -8
  115. package/dist/stories/atoms/Icons/WinnerIndicatorIcon.d.ts +3 -3
  116. package/dist/stories/atoms/Icons/WinnerIndicatorIcon.js +31 -31
  117. package/dist/stories/atoms/Icons/sharedTypes.d.ts +11 -11
  118. package/dist/stories/atoms/Icons/sharedTypes.js +1 -1
  119. package/dist/stories/atoms/Typography/Typography.d.ts +49 -49
  120. package/dist/stories/atoms/Typography/Typography.js +143 -143
  121. package/dist/stories/atoms/Typography/Typography.stories.d.ts +37 -37
  122. package/dist/stories/atoms/Typography/Typography.stories.js +190 -190
  123. package/dist/stories/atoms/Typography/index.d.ts +1 -0
  124. package/dist/stories/atoms/Typography/index.js +2 -0
  125. package/dist/stories/atoms/Typography/index.js.map +1 -0
  126. package/dist/stories/atoms/UTMap/UTMap.d.ts +7 -7
  127. package/dist/stories/atoms/UTMap/UTMap.js +8 -8
  128. package/dist/stories/atoms/UTMap/UTMap.stories.d.ts +9 -9
  129. package/dist/stories/atoms/UTMap/UTMap.stories.js +35 -35
  130. package/dist/stories/molecules/AvatarWithName/AvatarWithName.d.ts +27 -27
  131. package/dist/stories/molecules/AvatarWithName/AvatarWithName.js +20 -20
  132. package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.d.ts +15 -15
  133. package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.js +72 -72
  134. package/dist/stories/molecules/Cards/Cards.stories.d.ts +7 -7
  135. package/dist/stories/molecules/Cards/Cards.stories.js +64 -64
  136. package/dist/stories/molecules/Cards/ContactCard.d.ts +3 -3
  137. package/dist/stories/molecules/Cards/ContactCard.js +38 -38
  138. package/dist/stories/molecules/Cards/DrawCard.d.ts +3 -3
  139. package/dist/stories/molecules/Cards/DrawCard.js +116 -116
  140. package/dist/stories/molecules/Cards/Modals.stories.d.ts +5 -5
  141. package/dist/stories/molecules/Cards/Modals.stories.js +72 -72
  142. package/dist/stories/molecules/Cards/TeamCard.d.ts +3 -3
  143. package/dist/stories/molecules/Cards/TeamCard.js +20 -20
  144. package/dist/stories/molecules/Cards/TeamDrawCard.d.ts +3 -3
  145. package/dist/stories/molecules/Cards/TeamDrawCard.js +78 -76
  146. package/dist/stories/molecules/Cards/TeamDrawCard.js.map +1 -1
  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 +60 -59
  150. package/dist/stories/molecules/Cards/sharedTypes.js +2 -2
  151. package/dist/stories/molecules/FooterSection/FooterSection.d.ts +4 -0
  152. package/dist/stories/molecules/FooterSection/FooterSection.js +12 -0
  153. package/dist/stories/molecules/FooterSection/FooterSection.js.map +1 -0
  154. package/dist/stories/molecules/FooterSection/FooterSection.stories.d.ts +5 -0
  155. package/dist/stories/molecules/FooterSection/FooterSection.stories.js +21 -0
  156. package/dist/stories/molecules/FooterSection/FooterSection.stories.js.map +1 -0
  157. package/dist/stories/molecules/FooterSection/sharedTypes.d.ts +5 -0
  158. package/dist/stories/molecules/FooterSection/sharedTypes.js +2 -0
  159. package/dist/stories/molecules/FooterSection/sharedTypes.js.map +1 -0
  160. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.d.ts +29 -29
  161. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js +29 -29
  162. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.d.ts +16 -16
  163. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js +81 -81
  164. package/dist/stories/organisms/Footer/Footer.d.ts +4 -0
  165. package/dist/stories/organisms/Footer/Footer.js +62 -0
  166. package/dist/stories/organisms/Footer/Footer.js.map +1 -0
  167. package/dist/stories/organisms/Footer/Footer.stories.d.ts +5 -0
  168. package/dist/stories/organisms/Footer/Footer.stories.js +59 -0
  169. package/dist/stories/organisms/Footer/Footer.stories.js.map +1 -0
  170. package/dist/stories/organisms/Footer/sharedTypes.d.ts +14 -0
  171. package/dist/stories/organisms/Footer/sharedTypes.js +2 -0
  172. package/dist/stories/organisms/Footer/sharedTypes.js.map +1 -0
  173. package/dist/stories/organisms/Modals/FullPageModal.d.ts +4 -4
  174. package/dist/stories/organisms/Modals/FullPageModal.js +59 -59
  175. package/dist/stories/organisms/Modals/Modals.stories.d.ts +5 -5
  176. package/dist/stories/organisms/Modals/Modals.stories.js +73 -73
  177. package/dist/stories/organisms/Modals/sharedTypes.d.ts +14 -14
  178. package/dist/stories/organisms/Modals/sharedTypes.js +1 -1
  179. package/dist/stories/organisms/Tables/DrawCardTable.d.ts +3 -3
  180. package/dist/stories/organisms/Tables/DrawCardTable.js +58 -58
  181. package/dist/stories/organisms/Tables/SortableTable.d.ts +23 -23
  182. package/dist/stories/organisms/Tables/SortableTable.js +34 -34
  183. package/dist/stories/organisms/Tables/Tables.stories.d.ts +8 -8
  184. package/dist/stories/organisms/Tables/Tables.stories.js +90 -90
  185. package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.d.ts +3 -3
  186. package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.js +66 -66
  187. package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.d.ts +3 -3
  188. package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.js +43 -43
  189. package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.d.ts +3 -3
  190. package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.js +22 -22
  191. package/dist/stories/organisms/Tables/mockData.d.ts +70 -69
  192. package/dist/stories/organisms/Tables/mockData.js +98 -97
  193. package/dist/stories/organisms/Tables/mockData.js.map +1 -1
  194. package/dist/stories/organisms/Tables/sharedTypes.d.ts +15 -15
  195. package/dist/stories/organisms/Tables/sharedTypes.js +1 -1
  196. package/dist/stories/utils/constants.d.ts +10 -3
  197. package/dist/stories/utils/constants.js +10 -3
  198. package/dist/stories/utils/constants.js.map +1 -1
  199. package/dist/stories/utils/getArrayWithIds.d.ts +3 -3
  200. package/dist/stories/utils/getArrayWithIds.js +1 -1
  201. package/dist/stories/utils/useScreenSize.d.ts +4 -4
  202. package/dist/stories/utils/useScreenSize.js +27 -27
  203. package/dist/types/tableDataTypes.d.ts +38 -38
  204. package/dist/types/tableDataTypes.js +1 -1
  205. package/infrastructure/azure-pipelines.yml +112 -112
  206. package/package.json +100 -99
  207. package/src/App.js +25 -25
  208. package/src/components.jsx +47 -46
  209. package/src/custom.d.ts +13 -13
  210. package/src/index.js +17 -17
  211. package/src/items.jsx +1 -1
  212. package/src/stories/assets/css/variables.css +15 -14
  213. package/src/stories/assets/icon-chat-blue.svg +10 -10
  214. package/src/stories/assets/icons/icon-add.svg +7 -7
  215. package/src/stories/assets/icons/icon-availability-maybe.svg +3 -3
  216. package/src/stories/assets/icons/icon-availability-no.svg +3 -3
  217. package/src/stories/assets/icons/icon-availability-not-set.svg +8 -8
  218. package/src/stories/assets/icons/icon-availability-yes.svg +3 -3
  219. package/src/stories/assets/icons/icon-calendar.svg +4 -4
  220. package/src/stories/assets/icons/icon-clock.svg +7 -7
  221. package/src/stories/assets/icons/icon-close.svg +3 -3
  222. package/src/stories/assets/icons/icon-delete.svg +9 -9
  223. package/src/stories/assets/icons/icon-edit.svg +3 -3
  224. package/src/stories/assets/icons/icon-location.svg +6 -6
  225. package/src/stories/assets/icons/icon-message.svg +3 -3
  226. package/src/stories/assets/icons/icon-session.svg +3 -3
  227. package/src/stories/assets/icons/icon-social-media-facebook.svg +10 -0
  228. package/src/stories/assets/icons/icon-social-media-instagram.svg +3 -0
  229. package/src/stories/assets/icons/icon-social-media-tiktok.svg +10 -0
  230. package/src/stories/assets/icons/icon-social-media-x.svg +10 -0
  231. package/src/stories/assets/icons/icon-social-media-youtube.svg +3 -0
  232. package/src/stories/assets/icons/icon-swap.svg +3 -3
  233. package/src/stories/assets/icons/icon-visibility-off.svg +7 -7
  234. package/src/stories/assets/icons/icon-visibility.svg +6 -6
  235. package/src/stories/assets/utr-sports-logo.svg +9 -0
  236. package/src/stories/atoms/Button/Button.stories.tsx +63 -63
  237. package/src/stories/atoms/Button/Button.tsx +145 -145
  238. package/src/stories/atoms/Icons/AddIcon.tsx +13 -13
  239. package/src/stories/atoms/Icons/AvailabilityMaybeIcon.tsx +11 -11
  240. package/src/stories/atoms/Icons/AvailabilityNoIcon.tsx +11 -11
  241. package/src/stories/atoms/Icons/AvailabilityNotSetIcon.tsx +12 -12
  242. package/src/stories/atoms/Icons/AvailabilityYesIcon.tsx +11 -11
  243. package/src/stories/atoms/Icons/CalendarIcon.tsx +11 -11
  244. package/src/stories/atoms/Icons/ClockIcon.tsx +14 -14
  245. package/src/stories/atoms/Icons/CloseIcon.tsx +11 -11
  246. package/src/stories/atoms/Icons/DeleteIcon.tsx +15 -15
  247. package/src/stories/atoms/Icons/DoublePersonIcon.tsx +20 -20
  248. package/src/stories/atoms/Icons/EditIcon.tsx +11 -11
  249. package/src/stories/atoms/Icons/Icons.stories.tsx +330 -275
  250. package/src/stories/atoms/Icons/LeftChevronIcon.tsx +13 -13
  251. package/src/stories/atoms/Icons/LineIcon.tsx +12 -12
  252. package/src/stories/atoms/Icons/LocationIcon.tsx +12 -12
  253. package/src/stories/atoms/Icons/MessageIcon.tsx +12 -12
  254. package/src/stories/atoms/Icons/RightChevronIcon.tsx +11 -11
  255. package/src/stories/atoms/Icons/SessionIcon.tsx +16 -16
  256. package/src/stories/atoms/Icons/SinglePersonIcon.tsx +16 -16
  257. package/src/stories/atoms/Icons/SocialMediaFacebookIcon.tsx +19 -0
  258. package/src/stories/atoms/Icons/SocialMediaInstagramIcon.tsx +11 -0
  259. package/src/stories/atoms/Icons/SocialMediaTikTokIcon.tsx +18 -0
  260. package/src/stories/atoms/Icons/SocialMediaXIcon.tsx +18 -0
  261. package/src/stories/atoms/Icons/SocialMediaYoutubeIcon.tsx +11 -0
  262. package/src/stories/atoms/Icons/SwapIcon.tsx +11 -11
  263. package/src/stories/atoms/Icons/SwapNoBorderIcon.tsx +14 -14
  264. package/src/stories/atoms/Icons/VerifiedIcon.tsx +13 -13
  265. package/src/stories/atoms/Icons/VisibilityIcon.tsx +12 -12
  266. package/src/stories/atoms/Icons/VisibilityOffIcon.tsx +13 -13
  267. package/src/stories/atoms/Icons/WinnerIndicatorIcon.tsx +39 -39
  268. package/src/stories/atoms/Icons/sharedTypes.tsx +12 -12
  269. package/src/stories/atoms/Typography/Typography.tsx +185 -185
  270. package/src/stories/atoms/UTMap/UTMap.stories.tsx +43 -43
  271. package/src/stories/atoms/UTMap/UTMap.tsx +25 -25
  272. package/src/stories/molecules/AvatarWithName/AvatarWithName.stories.tsx +86 -86
  273. package/src/stories/molecules/AvatarWithName/AvatarWithName.tsx +68 -68
  274. package/src/stories/molecules/Cards/Cards.stories.tsx +76 -76
  275. package/src/stories/molecules/Cards/ContactCard.tsx +45 -45
  276. package/src/stories/molecules/Cards/DrawCard.tsx +211 -211
  277. package/src/stories/molecules/Cards/Modals.stories.tsx +137 -137
  278. package/src/stories/molecules/Cards/TeamCard.tsx +14 -14
  279. package/src/stories/molecules/Cards/TeamDrawCard.tsx +158 -146
  280. package/src/stories/molecules/Cards/sharedTypes.ts +68 -67
  281. package/src/stories/molecules/FooterSection/FooterSection.stories.tsx +25 -0
  282. package/src/stories/molecules/FooterSection/FooterSection.tsx +34 -0
  283. package/src/stories/molecules/FooterSection/sharedTypes.ts +6 -0
  284. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx +96 -96
  285. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.tsx +99 -99
  286. package/src/stories/organisms/Footer/Footer.stories.tsx +63 -0
  287. package/src/stories/organisms/Footer/Footer.tsx +118 -0
  288. package/src/stories/organisms/Footer/sharedTypes.ts +14 -0
  289. package/src/stories/organisms/Modals/FullPageModal.tsx +93 -93
  290. package/src/stories/organisms/Modals/Modals.stories.tsx +138 -138
  291. package/src/stories/organisms/Modals/sharedTypes.ts +15 -15
  292. package/src/stories/organisms/Tables/DrawCardTable.tsx +92 -92
  293. package/src/stories/organisms/Tables/SortableTable.tsx +119 -119
  294. package/src/stories/organisms/Tables/Tables.stories.tsx +104 -104
  295. package/src/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.tsx +120 -120
  296. package/src/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.tsx +67 -67
  297. package/src/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.tsx +24 -24
  298. package/src/stories/organisms/Tables/mockData.tsx +130 -129
  299. package/src/stories/organisms/Tables/sharedTypes.ts +17 -17
  300. package/src/stories/utils/constants.ts +11 -3
  301. package/src/stories/utils/getArrayWithIds.ts +1 -1
  302. package/src/stories/utils/useScreenSize.ts +28 -28
  303. package/src/types/tableDataTypes.ts +42 -42
  304. package/tsconfig.json +23 -23
  305. package/dist/stories/atoms/Map/Map.d.ts +0 -7
  306. package/dist/stories/atoms/Map/Map.js +0 -9
  307. package/dist/stories/atoms/Map/Map.js.map +0 -1
  308. package/dist/stories/atoms/Map/Map.stories.d.ts +0 -9
  309. package/dist/stories/atoms/Map/Map.stories.js +0 -36
  310. package/dist/stories/atoms/Map/Map.stories.js.map +0 -1
  311. package/dist/stories/organisms/Tables/TeamDrawCardTable.d.ts +0 -3
  312. package/dist/stories/organisms/Tables/TeamDrawCardTable.js +0 -126
  313. package/dist/stories/organisms/Tables/TeamDrawCardTable.js.map +0 -1
@@ -1,126 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React from "react";
13
- import Box from "@mui/material/Box";
14
- import Button from "@mui/material/Button";
15
- import { styled } from "@mui/material/styles";
16
- import Grid from "@mui/material/Grid";
17
- import ArrowForwardIosOutlinedIcon from "@mui/icons-material/ArrowForwardIosOutlined";
18
- import ArrowBackIosOutlinedIcon from "@mui/icons-material/ArrowBackIosOutlined";
19
- import { teamDrawCardSideMargin, teamDrawCardBottomMargin } from "stories/utils/constants";
20
- import Typography from "../../atoms/Typography/Typography";
21
- const StyledHeader = styled(Grid)({
22
- alignItems: "center",
23
- justifyContent: "center",
24
- display: "flex"
25
- });
26
- const StyledGrid = styled(Grid)({
27
- position: "relative",
28
- "&:nth-of-type(1)": {
29
- "&:after": {
30
- content: "''",
31
- position: "absolute",
32
- right: 0,
33
- backgroundColor: "var(--cool-grey-600)",
34
- height: "25%",
35
- width: "1px",
36
- top: `calc(12.5% - ${teamDrawCardBottomMargin}/2)`
37
- }
38
- },
39
- "&:nth-of-type(2)": {
40
- "&:before": {
41
- content: "''",
42
- position: "absolute",
43
- left: 0,
44
- backgroundColor: "var(--cool-grey-600)",
45
- height: "25%",
46
- width: "1px",
47
- bottom: `calc(12.5% + ${teamDrawCardBottomMargin}/2)`
48
- },
49
- "&:after": {
50
- content: "''",
51
- position: "absolute",
52
- right: 0,
53
- backgroundColor: "var(--cool-grey-600)",
54
- height: "50%",
55
- width: "1px",
56
- top: `calc(25% - ${teamDrawCardBottomMargin}/2)`
57
- }
58
- },
59
- "&:nth-last-child(-n+2) .team-draw-card": {
60
- "&:before": {
61
- position: "absolute",
62
- content: '""',
63
- width: `${teamDrawCardSideMargin}`,
64
- height: "1px",
65
- left: 0,
66
- top: "50%",
67
- backgroundColor: "var(--cool-grey-600)",
68
- transform: "translateX(-100%)"
69
- }
70
- },
71
- "&:nth-of-type(-n+2) .team-draw-card": {
72
- "&:after": {
73
- position: "absolute",
74
- content: '""',
75
- width: `${teamDrawCardSideMargin}`,
76
- height: "1px",
77
- right: 0,
78
- top: "50%",
79
- backgroundColor: "var(--cool-grey-600)",
80
- transform: "translateX(100%)"
81
- }
82
- }
83
- });
84
- const GridSections = styled(Box)({
85
- display: "flex",
86
- alignItems: "center"
87
- });
88
- const TableMobileSection = styled(Grid)({
89
- flexDirection: "column"
90
- });
91
- export default function TeamDrawCardTable(_a) {
92
- var { headerRows, tableRows, isMobile } = _a, props = __rest(_a, ["headerRows", "tableRows", "isMobile"]);
93
- const [activeStep, setActiveStep] = React.useState(0);
94
- const handleNext = () => {
95
- setActiveStep((prevActiveStep) => prevActiveStep + 1);
96
- };
97
- const handleBack = () => {
98
- setActiveStep((prevActiveStep) => prevActiveStep - 1);
99
- };
100
- if (!headerRows || !tableRows)
101
- return null;
102
- const totalColumns = Math.floor(12 / headerRows.length);
103
- const formatTableRows = tableRows.map((row, index) => {
104
- if (index > 2)
105
- return; // Table can only support 3 columns
106
- const rowSectionsHeight = `${100 / tableRows[index].length}%`;
107
- const sectionAmount = tableRows[index].length;
108
- return (React.createElement(StyledGrid, { key: index, xs: totalColumns }, [...Array(sectionAmount)].map((section, idx) => (React.createElement(GridSections, { key: idx, sx: { height: rowSectionsHeight } }, row[idx])))));
109
- });
110
- const formatDesktopRows = (React.createElement(React.Fragment, null,
111
- React.createElement(Grid, { container: true, sx: { height: "60px" } }, headerRows.map((row) => (React.createElement(StyledHeader, { key: row.name, xs: totalColumns },
112
- React.createElement(Typography, { category: "secondary", size: "small-medium-cap" }, row.name))))),
113
- React.createElement(Grid, { container: true }, formatTableRows)));
114
- const formatMobileRows = (React.createElement(Box, null,
115
- React.createElement(Grid, { container: true, justifyContent: "space-between" },
116
- React.createElement(Button, { color: "inherit", disabled: activeStep === 0, onClick: handleBack, sx: { mr: 1, alignSelf: "flex-start" } },
117
- React.createElement(ArrowBackIosOutlinedIcon, null)),
118
- React.createElement(StyledHeader, { xs: totalColumns },
119
- React.createElement(Typography, { category: "secondary", size: "small-medium-cap" }, headerRows[activeStep].name)),
120
- React.createElement(Button, { onClick: handleNext, disabled: activeStep === tableRows.length - 1 },
121
- React.createElement(ArrowForwardIosOutlinedIcon, null))),
122
- React.createElement(TableMobileSection, { container: true },
123
- React.createElement(GridSections, { sx: { display: "flex", flexDirection: "column", gap: "10px" } }, tableRows[activeStep]))));
124
- return (React.createElement(Box, Object.assign({}, props, { sx: { flexGrow: 1 }, "aria-label": "draw table" }), isMobile ? formatMobileRows : formatDesktopRows));
125
- }
126
- //# sourceMappingURL=TeamDrawCardTable.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TeamDrawCardTable.js","sourceRoot":"","sources":["../../../../src/stories/organisms/Tables/TeamDrawCardTable.tsx"],"names":[],"mappings":"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"}