@universal-tennis/ui-shared 0.1.65 → 0.1.68

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 (277) hide show
  1. package/.eslintignore +1 -1
  2. package/.eslintrc.js +73 -73
  3. package/.storybook/preview.js +12 -12
  4. package/.storybook/variables.css +15 -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 +4 -32
  9. package/dist/components.js +8 -37
  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 +3 -6
  35. package/dist/stories/assets/direction.svg +1 -0
  36. package/dist/stories/assets/icon-chat-blue.svg +10 -10
  37. package/dist/stories/atoms/Button/Button.d.ts +9 -10
  38. package/dist/stories/atoms/Button/Button.js +79 -95
  39. package/dist/stories/atoms/Button/Button.js.map +1 -1
  40. package/dist/stories/atoms/Button/Button.stories.d.ts +16 -17
  41. package/dist/stories/atoms/Button/Button.stories.js +36 -45
  42. package/dist/stories/atoms/Button/Button.stories.js.map +1 -1
  43. package/dist/stories/atoms/Button/index.d.ts +1 -0
  44. package/dist/stories/atoms/Button/index.js +2 -0
  45. package/dist/stories/atoms/Button/index.js.map +1 -0
  46. package/dist/stories/atoms/Button.d.ts +7 -0
  47. package/dist/stories/atoms/Button.js +20 -0
  48. package/dist/stories/atoms/Button.js.map +1 -0
  49. package/dist/stories/atoms/Button.stories.d.ts +13 -0
  50. package/dist/stories/atoms/Button.stories.js +22 -0
  51. package/dist/stories/atoms/Button.stories.js.map +1 -0
  52. package/dist/stories/atoms/Typography/Typography.d.ts +10 -49
  53. package/dist/stories/atoms/Typography/Typography.js +99 -143
  54. package/dist/stories/atoms/Typography/Typography.js.map +1 -1
  55. package/dist/stories/atoms/Typography/Typography.stories.d.ts +37 -37
  56. package/dist/stories/atoms/Typography/Typography.stories.js +190 -190
  57. package/dist/stories/atoms/Typography/index.d.ts +1 -0
  58. package/dist/stories/atoms/Typography/index.js +2 -0
  59. package/dist/stories/atoms/Typography/index.js.map +1 -0
  60. package/dist/stories/molecules/Cards/Cards.stories.d.ts +6 -7
  61. package/dist/stories/molecules/Cards/Cards.stories.js +26 -64
  62. package/dist/stories/molecules/Cards/Cards.stories.js.map +1 -1
  63. package/dist/stories/molecules/Cards/ContactCard.d.ts +9 -3
  64. package/dist/stories/molecules/Cards/ContactCard.js +38 -38
  65. package/dist/stories/molecules/Cards/ContactCard.js.map +1 -1
  66. package/dist/stories/molecules/Cards/TeamCard.d.ts +7 -3
  67. package/dist/stories/molecules/Cards/TeamCard.js +20 -20
  68. package/dist/stories/molecules/Cards/TeamCard.js.map +1 -1
  69. package/dist/stories/molecules/Cards/shared.d.ts +9 -4
  70. package/dist/stories/molecules/Cards/shared.js +12 -12
  71. package/infrastructure/azure-pipelines.yml +112 -110
  72. package/package.json +94 -94
  73. package/src/App.js +25 -25
  74. package/src/components.jsx +41 -41
  75. package/src/custom.d.ts +13 -13
  76. package/src/index.js +17 -17
  77. package/src/items.jsx +1 -1
  78. package/src/stories/assets/css/variables.css +14 -14
  79. package/src/stories/assets/icon-chat-blue.svg +10 -10
  80. package/src/stories/assets/icons/icon-add.svg +7 -7
  81. package/src/stories/assets/icons/icon-availability-maybe.svg +3 -3
  82. package/src/stories/assets/icons/icon-availability-no.svg +3 -3
  83. package/src/stories/assets/icons/icon-availability-not-set.svg +8 -8
  84. package/src/stories/assets/icons/icon-availability-yes.svg +3 -3
  85. package/src/stories/assets/icons/icon-calendar.svg +4 -4
  86. package/src/stories/assets/icons/icon-clock.svg +7 -7
  87. package/src/stories/assets/icons/icon-close.svg +3 -3
  88. package/src/stories/assets/icons/icon-delete.svg +9 -9
  89. package/src/stories/assets/icons/icon-edit.svg +3 -3
  90. package/src/stories/assets/icons/icon-location.svg +6 -6
  91. package/src/stories/assets/icons/icon-message.svg +3 -3
  92. package/src/stories/assets/icons/icon-session.svg +3 -3
  93. package/src/stories/assets/icons/icon-swap.svg +3 -3
  94. package/src/stories/assets/icons/icon-visibility-off.svg +7 -7
  95. package/src/stories/assets/icons/icon-visibility.svg +6 -6
  96. package/src/stories/atoms/Button/Button.stories.tsx +63 -63
  97. package/src/stories/atoms/Button/Button.tsx +145 -145
  98. package/src/stories/atoms/Icons/AddIcon.tsx +13 -13
  99. package/src/stories/atoms/Icons/AvailabilityMaybeIcon.tsx +11 -11
  100. package/src/stories/atoms/Icons/AvailabilityNoIcon.tsx +11 -11
  101. package/src/stories/atoms/Icons/AvailabilityNotSetIcon.tsx +12 -12
  102. package/src/stories/atoms/Icons/AvailabilityYesIcon.tsx +11 -11
  103. package/src/stories/atoms/Icons/CalendarIcon.tsx +11 -11
  104. package/src/stories/atoms/Icons/ClockIcon.tsx +14 -14
  105. package/src/stories/atoms/Icons/CloseIcon.tsx +11 -11
  106. package/src/stories/atoms/Icons/DeleteIcon.tsx +15 -15
  107. package/src/stories/atoms/Icons/EditIcon.tsx +11 -11
  108. package/src/stories/atoms/Icons/Icons.stories.tsx +218 -218
  109. package/src/stories/atoms/Icons/LeftChevronIcon.tsx +13 -13
  110. package/src/stories/atoms/Icons/LocationIcon.tsx +12 -12
  111. package/src/stories/atoms/Icons/MessageIcon.tsx +12 -12
  112. package/src/stories/atoms/Icons/RightChevronIcon.tsx +11 -11
  113. package/src/stories/atoms/Icons/SessionIcon.tsx +16 -16
  114. package/src/stories/atoms/Icons/SwapIcon.tsx +11 -11
  115. package/src/stories/atoms/Icons/VisibilityIcon.tsx +12 -12
  116. package/src/stories/atoms/Icons/VisibilityOffIcon.tsx +13 -13
  117. package/src/stories/atoms/Icons/WinnerIndicatorIcon.tsx +39 -39
  118. package/src/stories/atoms/Icons/sharedTypes.tsx +10 -10
  119. package/src/stories/atoms/Map/Map.stories.tsx +43 -43
  120. package/src/stories/atoms/Map/Map.tsx +25 -25
  121. package/src/stories/atoms/Typography/Typography.tsx +185 -185
  122. package/src/stories/molecules/AvatarWithName/AvatarWithName.stories.tsx +86 -86
  123. package/src/stories/molecules/AvatarWithName/AvatarWithName.tsx +68 -68
  124. package/src/stories/molecules/Cards/Cards.stories.tsx +76 -76
  125. package/src/stories/molecules/Cards/ContactCard.tsx +45 -45
  126. package/src/stories/molecules/Cards/DrawCard.tsx +211 -211
  127. package/src/stories/molecules/Cards/Modals.stories.tsx +137 -137
  128. package/src/stories/molecules/Cards/TeamCard.tsx +14 -14
  129. package/src/stories/molecules/Cards/TeamDrawCard.tsx +135 -134
  130. package/src/stories/molecules/Cards/sharedTypes.ts +67 -67
  131. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx +77 -77
  132. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.tsx +84 -84
  133. package/src/stories/organisms/Modals/FullPageModal.tsx +93 -93
  134. package/src/stories/organisms/Modals/Modals.stories.tsx +138 -138
  135. package/src/stories/organisms/Modals/sharedTypes.ts +15 -15
  136. package/src/stories/organisms/Tables/DrawCardTable.tsx +92 -92
  137. package/src/stories/organisms/Tables/SortableTable.tsx +112 -112
  138. package/src/stories/organisms/Tables/Tables.stories.tsx +104 -104
  139. package/src/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.tsx +102 -0
  140. package/src/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.tsx +67 -0
  141. package/src/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.tsx +24 -0
  142. package/src/stories/organisms/Tables/mockData.tsx +129 -129
  143. package/src/stories/organisms/Tables/sharedTypes.ts +17 -9
  144. package/src/stories/utils/constants.ts +3 -3
  145. package/src/stories/utils/useScreenSize.ts +28 -28
  146. package/src/types/tableDataTypes.ts +42 -42
  147. package/tsconfig.json +23 -23
  148. package/dist/stories/atoms/Icons/AddIcon.d.ts +0 -3
  149. package/dist/stories/atoms/Icons/AddIcon.js +0 -9
  150. package/dist/stories/atoms/Icons/AddIcon.js.map +0 -1
  151. package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.d.ts +0 -3
  152. package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.js +0 -7
  153. package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.js.map +0 -1
  154. package/dist/stories/atoms/Icons/AvailabilityNoIcon.d.ts +0 -3
  155. package/dist/stories/atoms/Icons/AvailabilityNoIcon.js +0 -7
  156. package/dist/stories/atoms/Icons/AvailabilityNoIcon.js.map +0 -1
  157. package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.d.ts +0 -3
  158. package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.js +0 -8
  159. package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.js.map +0 -1
  160. package/dist/stories/atoms/Icons/AvailabilityYesIcon.d.ts +0 -3
  161. package/dist/stories/atoms/Icons/AvailabilityYesIcon.js +0 -7
  162. package/dist/stories/atoms/Icons/AvailabilityYesIcon.js.map +0 -1
  163. package/dist/stories/atoms/Icons/CalendarIcon.d.ts +0 -3
  164. package/dist/stories/atoms/Icons/CalendarIcon.js +0 -7
  165. package/dist/stories/atoms/Icons/CalendarIcon.js.map +0 -1
  166. package/dist/stories/atoms/Icons/ClockIcon.d.ts +0 -3
  167. package/dist/stories/atoms/Icons/ClockIcon.js +0 -9
  168. package/dist/stories/atoms/Icons/ClockIcon.js.map +0 -1
  169. package/dist/stories/atoms/Icons/CloseIcon.d.ts +0 -3
  170. package/dist/stories/atoms/Icons/CloseIcon.js +0 -7
  171. package/dist/stories/atoms/Icons/CloseIcon.js.map +0 -1
  172. package/dist/stories/atoms/Icons/DeleteIcon.d.ts +0 -3
  173. package/dist/stories/atoms/Icons/DeleteIcon.js +0 -11
  174. package/dist/stories/atoms/Icons/DeleteIcon.js.map +0 -1
  175. package/dist/stories/atoms/Icons/EditIcon.d.ts +0 -3
  176. package/dist/stories/atoms/Icons/EditIcon.js +0 -7
  177. package/dist/stories/atoms/Icons/EditIcon.js.map +0 -1
  178. package/dist/stories/atoms/Icons/Icons.stories.d.ts +0 -23
  179. package/dist/stories/atoms/Icons/Icons.stories.js +0 -178
  180. package/dist/stories/atoms/Icons/Icons.stories.js.map +0 -1
  181. package/dist/stories/atoms/Icons/LeftChevronIcon.d.ts +0 -3
  182. package/dist/stories/atoms/Icons/LeftChevronIcon.js +0 -7
  183. package/dist/stories/atoms/Icons/LeftChevronIcon.js.map +0 -1
  184. package/dist/stories/atoms/Icons/LocationIcon.d.ts +0 -3
  185. package/dist/stories/atoms/Icons/LocationIcon.js +0 -8
  186. package/dist/stories/atoms/Icons/LocationIcon.js.map +0 -1
  187. package/dist/stories/atoms/Icons/MessageIcon.d.ts +0 -3
  188. package/dist/stories/atoms/Icons/MessageIcon.js +0 -7
  189. package/dist/stories/atoms/Icons/MessageIcon.js.map +0 -1
  190. package/dist/stories/atoms/Icons/RightChevronIcon.d.ts +0 -3
  191. package/dist/stories/atoms/Icons/RightChevronIcon.js +0 -7
  192. package/dist/stories/atoms/Icons/RightChevronIcon.js.map +0 -1
  193. package/dist/stories/atoms/Icons/SessionIcon.d.ts +0 -3
  194. package/dist/stories/atoms/Icons/SessionIcon.js +0 -7
  195. package/dist/stories/atoms/Icons/SessionIcon.js.map +0 -1
  196. package/dist/stories/atoms/Icons/SwapIcon.d.ts +0 -3
  197. package/dist/stories/atoms/Icons/SwapIcon.js +0 -7
  198. package/dist/stories/atoms/Icons/SwapIcon.js.map +0 -1
  199. package/dist/stories/atoms/Icons/VisibilityIcon.d.ts +0 -3
  200. package/dist/stories/atoms/Icons/VisibilityIcon.js +0 -8
  201. package/dist/stories/atoms/Icons/VisibilityIcon.js.map +0 -1
  202. package/dist/stories/atoms/Icons/VisibilityOffIcon.d.ts +0 -3
  203. package/dist/stories/atoms/Icons/VisibilityOffIcon.js +0 -9
  204. package/dist/stories/atoms/Icons/VisibilityOffIcon.js.map +0 -1
  205. package/dist/stories/atoms/Icons/WinnerIndicatorIcon.d.ts +0 -3
  206. package/dist/stories/atoms/Icons/WinnerIndicatorIcon.js +0 -32
  207. package/dist/stories/atoms/Icons/WinnerIndicatorIcon.js.map +0 -1
  208. package/dist/stories/atoms/Icons/sharedTypes.d.ts +0 -9
  209. package/dist/stories/atoms/Icons/sharedTypes.js +0 -2
  210. package/dist/stories/atoms/Icons/sharedTypes.js.map +0 -1
  211. package/dist/stories/atoms/Map/Map.d.ts +0 -7
  212. package/dist/stories/atoms/Map/Map.js +0 -9
  213. package/dist/stories/atoms/Map/Map.js.map +0 -1
  214. package/dist/stories/atoms/Map/Map.stories.d.ts +0 -9
  215. package/dist/stories/atoms/Map/Map.stories.js +0 -36
  216. package/dist/stories/atoms/Map/Map.stories.js.map +0 -1
  217. package/dist/stories/molecules/AvatarWithName/AvatarWithName.d.ts +0 -27
  218. package/dist/stories/molecules/AvatarWithName/AvatarWithName.js +0 -21
  219. package/dist/stories/molecules/AvatarWithName/AvatarWithName.js.map +0 -1
  220. package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.d.ts +0 -15
  221. package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.js +0 -73
  222. package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.js.map +0 -1
  223. package/dist/stories/molecules/Cards/DrawCard.d.ts +0 -3
  224. package/dist/stories/molecules/Cards/DrawCard.js +0 -117
  225. package/dist/stories/molecules/Cards/DrawCard.js.map +0 -1
  226. package/dist/stories/molecules/Cards/Modals.stories.d.ts +0 -5
  227. package/dist/stories/molecules/Cards/Modals.stories.js +0 -73
  228. package/dist/stories/molecules/Cards/Modals.stories.js.map +0 -1
  229. package/dist/stories/molecules/Cards/TeamDrawCard.d.ts +0 -3
  230. package/dist/stories/molecules/Cards/TeamDrawCard.js +0 -75
  231. package/dist/stories/molecules/Cards/TeamDrawCard.js.map +0 -1
  232. package/dist/stories/molecules/Cards/sharedTypes.d.ts +0 -59
  233. package/dist/stories/molecules/Cards/sharedTypes.js +0 -3
  234. package/dist/stories/molecules/Cards/sharedTypes.js.map +0 -1
  235. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.d.ts +0 -27
  236. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js +0 -25
  237. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js.map +0 -1
  238. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.d.ts +0 -13
  239. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js +0 -66
  240. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js.map +0 -1
  241. package/dist/stories/organisms/Modals/FullPageModal.d.ts +0 -4
  242. package/dist/stories/organisms/Modals/FullPageModal.js +0 -60
  243. package/dist/stories/organisms/Modals/FullPageModal.js.map +0 -1
  244. package/dist/stories/organisms/Modals/Modals.stories.d.ts +0 -5
  245. package/dist/stories/organisms/Modals/Modals.stories.js +0 -74
  246. package/dist/stories/organisms/Modals/Modals.stories.js.map +0 -1
  247. package/dist/stories/organisms/Modals/sharedTypes.d.ts +0 -14
  248. package/dist/stories/organisms/Modals/sharedTypes.js +0 -2
  249. package/dist/stories/organisms/Modals/sharedTypes.js.map +0 -1
  250. package/dist/stories/organisms/Tables/DrawCardTable.d.ts +0 -3
  251. package/dist/stories/organisms/Tables/DrawCardTable.js +0 -59
  252. package/dist/stories/organisms/Tables/DrawCardTable.js.map +0 -1
  253. package/dist/stories/organisms/Tables/SortableTable.d.ts +0 -23
  254. package/dist/stories/organisms/Tables/SortableTable.js +0 -34
  255. package/dist/stories/organisms/Tables/SortableTable.js.map +0 -1
  256. package/dist/stories/organisms/Tables/Tables.stories.d.ts +0 -8
  257. package/dist/stories/organisms/Tables/Tables.stories.js +0 -91
  258. package/dist/stories/organisms/Tables/Tables.stories.js.map +0 -1
  259. package/dist/stories/organisms/Tables/TeamDrawCardTable.d.ts +0 -3
  260. package/dist/stories/organisms/Tables/TeamDrawCardTable.js +0 -96
  261. package/dist/stories/organisms/Tables/TeamDrawCardTable.js.map +0 -1
  262. package/dist/stories/organisms/Tables/mockData.d.ts +0 -69
  263. package/dist/stories/organisms/Tables/mockData.js +0 -98
  264. package/dist/stories/organisms/Tables/mockData.js.map +0 -1
  265. package/dist/stories/organisms/Tables/sharedTypes.d.ts +0 -8
  266. package/dist/stories/organisms/Tables/sharedTypes.js +0 -2
  267. package/dist/stories/organisms/Tables/sharedTypes.js.map +0 -1
  268. package/dist/stories/utils/constants.d.ts +0 -3
  269. package/dist/stories/utils/constants.js +0 -4
  270. package/dist/stories/utils/constants.js.map +0 -1
  271. package/dist/stories/utils/useScreenSize.d.ts +0 -4
  272. package/dist/stories/utils/useScreenSize.js +0 -28
  273. package/dist/stories/utils/useScreenSize.js.map +0 -1
  274. package/dist/types/tableDataTypes.d.ts +0 -38
  275. package/dist/types/tableDataTypes.js +0 -2
  276. package/dist/types/tableDataTypes.js.map +0 -1
  277. package/src/stories/organisms/Tables/TeamDrawCardTable.tsx +0 -156
@@ -1,21 +1,21 @@
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 Typography from '../../atoms/Typography/Typography';
14
- import { StyledCard } from './shared';
15
- export default function TeamCard(_a) {
16
- var { title, description } = _a, props = __rest(_a, ["title", "description"]);
17
- return (React.createElement(StyledCard, Object.assign({}, props),
18
- React.createElement(Typography, { category: "secondary", size: "medium-medium" }, title),
19
- React.createElement(Typography, { category: "secondary", size: "x-small-book" }, description)));
20
- }
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 Typography from '../../atoms/Typography/Typography';
14
+ import { StyledCard } from './shared';
15
+ export default function TeamCard(_a) {
16
+ var { title, description } = _a, props = __rest(_a, ["title", "description"]);
17
+ return (React.createElement(StyledCard, Object.assign({}, props),
18
+ React.createElement(Typography, { category: "secondary", size: "medium-medium" }, title),
19
+ React.createElement(Typography, { category: "secondary", size: "x-small-book" }, description)));
20
+ }
21
21
  //# sourceMappingURL=TeamCard.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TeamCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/TeamCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAA+C;QAA/C,EAAE,KAAK,EAAE,WAAW,OAA2B,EAAtB,KAAK,cAA9B,wBAAgC,CAAF;IAC7D,OAAO,CACH,oBAAC,UAAU,oBAAK,KAAK;QACjB,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,eAAe,IAAE,KAAK,CAAc;QAC1E,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAAE,WAAW,CAAc,CACtE,CAChB,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"TeamCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/TeamCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAOtC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAA+C;QAA/C,EAAE,KAAK,EAAE,WAAW,OAA2B,EAAtB,KAAK,cAA9B,wBAAgC,CAAF;IAC7D,OAAO,CACH,oBAAC,UAAU,oBACL,KAAK;QAET,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,eAAe,IAAE,KAAK,CAAc;QAC1E,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAAE,WAAW,CAAc,CACpE,CAChB,CAAC;AACJ,CAAC"}
@@ -1,4 +1,9 @@
1
- /// <reference types="react" />
2
- export declare const StyledCard: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
3
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
4
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
1
+ /// <reference types="react" />
2
+ export declare const StyledCard: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
3
+ children?: import("react").ReactNode;
4
+ component?: import("react").ElementType<any> | undefined;
5
+ ref?: import("react").Ref<unknown> | undefined;
6
+ sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
7
+ } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
8
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
9
+ }, "ref" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "component" | ("p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint")> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
@@ -1,13 +1,13 @@
1
- import Box from '@mui/material/Box';
2
- import { styled } from '@mui/material/styles';
3
- export const StyledCard = styled(Box)({
4
- display: 'flex',
5
- flexDirection: 'column',
6
- borderRadius: '4px',
7
- padding: '16px',
8
- border: `1px solid var(--cool-grey-300)`,
9
- '&:hover': {
10
- cursor: 'pointer'
11
- },
12
- });
1
+ import Box from '@mui/material/Box';
2
+ import { styled } from '@mui/material/styles';
3
+ export const StyledCard = styled(Box)({
4
+ display: 'flex',
5
+ flexDirection: 'column',
6
+ borderRadius: '4px',
7
+ padding: '16px',
8
+ border: '1px solid var(--cool-grey-300)',
9
+ '&:hover': {
10
+ cursor: 'pointer'
11
+ },
12
+ });
13
13
  //# sourceMappingURL=shared.js.map
@@ -1,110 +1,112 @@
1
- # trigger:
2
- # tags:
3
- # include:
4
- # - '*'
5
- # branches:
6
- # include:
7
- # - '*'
8
-
9
- trigger: none
10
- pr: none
11
-
12
- pool:
13
- vmImage: ubuntu-latest
14
-
15
-
16
- variables:
17
- projectKey: 'universaltennis_ui-shared'
18
- projectName: 'ui-shared'
19
- nodeVersion: '18.x'
20
- sources: 'src'
21
- # needed to label if the build is on a tag or not
22
- ${{ if startsWith(variables['Build.SourceBranch'], 'refs/tags') }}:
23
- gitTag: $[replace(variables['Build.SourceBranch'], 'refs/tags/', '')]
24
-
25
- stages:
26
- # - stage: sonarcloud
27
- # displayName: SonarCloud
28
- # jobs:
29
- # - job: run_sonarcloud
30
- # displayName: Prepare and Run SonarCloud
31
- # steps:
32
- # - checkout: self
33
- # fetchDepth: 0
34
- # - task: SonarCloudPrepare@1
35
- # displayName: 'Prepare SonarCloud'
36
- # inputs:
37
- # # This is an eng-admin user service connection in ADO
38
- # SonarCloud: 'utr-sonar-eng-admin'
39
- # organization: 'utr'
40
- # scannerMode: 'CLI'
41
- # configMode: 'manual'
42
- # cliProjectKey: $(projectKey)
43
- # cliProjectName: $(projectName)
44
- # cliSources: $(sources)
45
- # extraProperties: |
46
- # sonar.qualitygate.wait=true
47
- # sonar.eslint.reportPaths=$(Build.SourcesDirectory)/reports/eslint-result.json
48
- # - task: UseNode@1
49
- # displayName: 'Use Node $(nodeVersion)'
50
- # inputs:
51
- # version: $(nodeVersion)
52
- # checkLatest: true
53
- # - task: YarnInstaller@3
54
- # displayName: 'Install yarn'
55
- # inputs:
56
- # checkLatest: true
57
- # includePrerelease: false
58
- # - task: Yarn@3
59
- # displayName: 'yarn install'
60
- # inputs:
61
- # arguments: 'install'
62
- # - task: Yarn@3
63
- # displayName: 'yarn run eslint:ci'
64
- # continueOnError: true
65
- # inputs:
66
- # arguments: 'run eslint:ci'
67
- # - task: SonarCloudAnalyze@1
68
- # - task: SonarCloudPublish@1
69
- # inputs:
70
- # pollingTimeoutSec: '300'
71
-
72
- # - ${{ if ne(variables['gitTag'], '') }}:
73
- - stage: publish
74
- displayName: Publish NPM Package
75
- # dependsOn: sonarcloud
76
- jobs:
77
- - job: publish
78
- displayName: publish npm
79
- steps:
80
- # - task: AzureKeyVault@2
81
- # inputs:
82
- # azureSubscription: 'utr-azure'
83
- # KeyVaultName: 'utr-shared-akv'
84
- # SecretsFilter: 'NpmPublishToken'
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
- - task: Yarn@3
99
- displayName: 'yarn run publish:npm'
100
- inputs:
101
- arguments: 'run publish:npm'
102
- - bash: |
103
- npm publish
104
- # - task: npmAuthenticate@0
105
- # inputs:
106
- # workingFile: .npmrc
107
- # - task: Npm@1
108
- # inputs:
109
- # command: publish
110
- # publishEndpoint: 'utr-npm-eng-admin'
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,95 +1,95 @@
1
- {
2
- "name": "@universal-tennis/ui-shared",
3
- "version": "0.1.65",
4
- "main": "dist/items.js",
5
- "license": "MIT",
6
- "homepage": "https://universaltennis.com",
7
- "dependencies": {
8
- "@emotion/react": "^11.10.5",
9
- "@emotion/styled": "^11.10.5",
10
- "@mui/icons-material": "^5.11.0",
11
- "@mui/material": "5.14.17",
12
- "copyfiles": "^2.4.1",
13
- "cross-env": "^7.0.3",
14
- "libphonenumber-js": "^1.10.18",
15
- "react": "^18.2.0",
16
- "react-dom": "^18.2.0",
17
- "react-scripts": "5.0.1",
18
- "typescript": "^4.9.3",
19
- "typescript-plugin-css-modules": "^4.1.1",
20
- "web-vitals": "^2.1.4"
21
- },
22
- "scripts": {
23
- "start": "start-storybook -p 6006 -s public",
24
- "build-storybook": "build-storybook -s public",
25
- "publish:npm": "tsc && yarn copy-files",
26
- "publish-package": "npm publish --access public",
27
- "copy-files": "copyfiles -u 1 src/stories/assets/*.svg src/stories/assets/*.png src/stories/assets/*.gif src/stories/assets/css/*.css dist/",
28
- "eslint": "npx eslint --ext .jsx,.js src --fix",
29
- "eslint:ci": "npx eslint --ext .jsx,.js src --format json --output-file reports/eslint-result.json"
30
- },
31
- "eslintConfig": {
32
- "extends": [
33
- "react-app",
34
- "react-app/jest"
35
- ],
36
- "overrides": [
37
- {
38
- "files": [
39
- "**/*.stories.*"
40
- ],
41
- "rules": {
42
- "import/no-anonymous-default-export": "off"
43
- }
44
- }
45
- ]
46
- },
47
- "browserslist": {
48
- "production": [
49
- ">0.2%",
50
- "not dead",
51
- "not op_mini all"
52
- ],
53
- "development": [
54
- "last 1 chrome version",
55
- "last 1 firefox version",
56
- "last 1 safari version"
57
- ]
58
- },
59
- "devDependencies": {
60
- "@storybook/addon-actions": "^6.5.13",
61
- "@storybook/addon-essentials": "^6.5.13",
62
- "@storybook/addon-interactions": "^6.5.13",
63
- "@storybook/addon-links": "^6.5.13",
64
- "@storybook/builder-webpack5": "^6.5.13",
65
- "@storybook/manager-webpack5": "^6.5.13",
66
- "@storybook/node-logger": "^6.5.13",
67
- "@storybook/preset-create-react-app": "^4.1.2",
68
- "@storybook/react": "^6.5.13",
69
- "@storybook/testing-library": "^0.0.13",
70
- "@types/babel__core": "^7.1.20",
71
- "@types/react": "^18.0.25",
72
- "babel-plugin-named-exports-order": "^0.0.2",
73
- "css-loader": "^6.7.3",
74
- "eslint": "^8.28.0",
75
- "eslint-config-airbnb": "^19.0.4",
76
- "eslint-import-resolver-typescript": "^3.5.2",
77
- "eslint-plugin-import": "^2.25.3",
78
- "eslint-plugin-jsx-a11y": "^6.5.1",
79
- "eslint-plugin-react": "^7.28.0",
80
- "eslint-plugin-react-hooks": "^4.3.0",
81
- "eslint-plugin-storybook": "^0.6.7",
82
- "extract-text-webpack-plugin": "^3.0.2",
83
- "node-sass": "^8.0.0",
84
- "prop-types": "^15.8.1",
85
- "sass-loader": "^13.2.0",
86
- "style-loader": "^3.3.1",
87
- "webpack": "^5.75.0"
88
- },
89
- "description": "Shared UI components for UT",
90
- "repository": {
91
- "type": "git",
92
- "url": "git+https://bitbucket.org/universaltennis/ui-shared.git"
93
- },
94
- "author": "universal-tennis"
1
+ {
2
+ "name": "@universal-tennis/ui-shared",
3
+ "version": "0.1.68",
4
+ "main": "dist/items.js",
5
+ "license": "MIT",
6
+ "homepage": "https://universaltennis.com",
7
+ "dependencies": {
8
+ "@emotion/react": "^11.10.5",
9
+ "@emotion/styled": "^11.10.5",
10
+ "@mui/icons-material": "^5.11.0",
11
+ "@mui/material": "5.14.17",
12
+ "copyfiles": "^2.4.1",
13
+ "cross-env": "^7.0.3",
14
+ "libphonenumber-js": "^1.10.18",
15
+ "react": "^18.2.0",
16
+ "react-dom": "^18.2.0",
17
+ "react-scripts": "5.0.1",
18
+ "typescript": "^4.9.3",
19
+ "typescript-plugin-css-modules": "^4.1.1",
20
+ "web-vitals": "^2.1.4"
21
+ },
22
+ "scripts": {
23
+ "start": "start-storybook -p 6006 -s public",
24
+ "build-storybook": "build-storybook -s public",
25
+ "publish:npm": "tsc && yarn copy-files",
26
+ "publish-package": "npm publish --access public",
27
+ "copy-files": "copyfiles -u 1 src/stories/assets/*.svg src/stories/assets/*.png src/stories/assets/*.gif src/stories/assets/css/*.css dist/",
28
+ "eslint": "npx eslint --ext .jsx,.js src --fix",
29
+ "eslint:ci": "npx eslint --ext .jsx,.js src --fix"
30
+ },
31
+ "eslintConfig": {
32
+ "extends": [
33
+ "react-app",
34
+ "react-app/jest"
35
+ ],
36
+ "overrides": [
37
+ {
38
+ "files": [
39
+ "**/*.stories.*"
40
+ ],
41
+ "rules": {
42
+ "import/no-anonymous-default-export": "off"
43
+ }
44
+ }
45
+ ]
46
+ },
47
+ "browserslist": {
48
+ "production": [
49
+ ">0.2%",
50
+ "not dead",
51
+ "not op_mini all"
52
+ ],
53
+ "development": [
54
+ "last 1 chrome version",
55
+ "last 1 firefox version",
56
+ "last 1 safari version"
57
+ ]
58
+ },
59
+ "devDependencies": {
60
+ "@storybook/addon-actions": "^6.5.13",
61
+ "@storybook/addon-essentials": "^6.5.13",
62
+ "@storybook/addon-interactions": "^6.5.13",
63
+ "@storybook/addon-links": "^6.5.13",
64
+ "@storybook/builder-webpack5": "^6.5.13",
65
+ "@storybook/manager-webpack5": "^6.5.13",
66
+ "@storybook/node-logger": "^6.5.13",
67
+ "@storybook/preset-create-react-app": "^4.1.2",
68
+ "@storybook/react": "^6.5.13",
69
+ "@storybook/testing-library": "^0.0.13",
70
+ "@types/babel__core": "^7.1.20",
71
+ "@types/react": "^18.0.25",
72
+ "babel-plugin-named-exports-order": "^0.0.2",
73
+ "css-loader": "^6.7.3",
74
+ "eslint": "^8.28.0",
75
+ "eslint-config-airbnb": "^19.0.4",
76
+ "eslint-import-resolver-typescript": "^3.5.2",
77
+ "eslint-plugin-import": "^2.25.3",
78
+ "eslint-plugin-jsx-a11y": "^6.5.1",
79
+ "eslint-plugin-react": "^7.28.0",
80
+ "eslint-plugin-react-hooks": "^4.3.0",
81
+ "eslint-plugin-storybook": "^0.6.7",
82
+ "extract-text-webpack-plugin": "^3.0.2",
83
+ "node-sass": "^8.0.0",
84
+ "prop-types": "^15.8.1",
85
+ "sass-loader": "^13.2.0",
86
+ "style-loader": "^3.3.1",
87
+ "webpack": "^5.75.0"
88
+ },
89
+ "description": "Shared UI components for UT",
90
+ "repository": {
91
+ "type": "git",
92
+ "url": "git+https://bitbucket.org/universaltennis/ui-shared.git"
93
+ },
94
+ "author": "universal-tennis"
95
95
  }
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;