@universal-tennis/ui-shared 0.1.59 → 0.1.61

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 (27) hide show
  1. package/dist/components.d.ts +2 -0
  2. package/dist/components.js +2 -0
  3. package/dist/components.js.map +1 -1
  4. package/dist/stories/atoms/Icons/Icons.stories.d.ts +2 -0
  5. package/dist/stories/atoms/Icons/Icons.stories.js +18 -0
  6. package/dist/stories/atoms/Icons/Icons.stories.js.map +1 -1
  7. package/dist/stories/atoms/Icons/LeftChevronIcon.d.ts +3 -0
  8. package/dist/stories/atoms/Icons/LeftChevronIcon.js +7 -0
  9. package/dist/stories/atoms/Icons/LeftChevronIcon.js.map +1 -0
  10. package/dist/stories/atoms/Icons/RightChevronIcon.d.ts +3 -0
  11. package/dist/stories/atoms/Icons/RightChevronIcon.js +7 -0
  12. package/dist/stories/atoms/Icons/RightChevronIcon.js.map +1 -0
  13. package/dist/stories/molecules/Cards/TeamDrawCard.js +12 -32
  14. package/dist/stories/molecules/Cards/TeamDrawCard.js.map +1 -1
  15. package/dist/stories/organisms/Tables/TeamDrawCardTable.js +31 -61
  16. package/dist/stories/organisms/Tables/TeamDrawCardTable.js.map +1 -1
  17. package/dist/stories/utils/constants.d.ts +1 -0
  18. package/dist/stories/utils/constants.js +1 -0
  19. package/dist/stories/utils/constants.js.map +1 -1
  20. package/package.json +2 -2
  21. package/src/components.jsx +2 -0
  22. package/src/stories/atoms/Icons/Icons.stories.tsx +22 -0
  23. package/src/stories/atoms/Icons/LeftChevronIcon.tsx +13 -0
  24. package/src/stories/atoms/Icons/RightChevronIcon.tsx +11 -0
  25. package/src/stories/molecules/Cards/TeamDrawCard.tsx +17 -39
  26. package/src/stories/organisms/Tables/TeamDrawCardTable.tsx +48 -52
  27. package/src/stories/utils/constants.ts +1 -0
package/dist/components.d.ts CHANGED
@@ -12,7 +12,9 @@ export { default as CloseIcon } from "./stories/atoms/Icons/CloseIcon";
12
12
  export { default as DeleteIcon } from "./stories/atoms/Icons/DeleteIcon";
13
13
  export { default as EditIcon } from "./stories/atoms/Icons/EditIcon";
14
14
  export { default as LocationIcon } from "./stories/atoms/Icons/LocationIcon";
15
+ export { default as LeftChevronIcon } from "./stories/atoms/Icons/LeftChevronIcon";
15
16
  export { default as MessageIcon } from "./stories/atoms/Icons/MessageIcon";
17
+ export { default as RightChevronIcon } from "./stories/atoms/Icons/RightChevronIcon";
16
18
  export { default as SessionIcon } from "./stories/atoms/Icons/SessionIcon";
17
19
  export { default as SwapIcon } from "./stories/atoms/Icons/SwapIcon";
18
20
  export { default as VisibilityIcon } from "./stories/atoms/Icons/VisibilityIcon";
package/dist/components.js CHANGED
@@ -15,7 +15,9 @@ export { default as CloseIcon } from './stories/atoms/Icons/CloseIcon';
15
15
  export { default as DeleteIcon } from './stories/atoms/Icons/DeleteIcon';
16
16
  export { default as EditIcon } from './stories/atoms/Icons/EditIcon';
17
17
  export { default as LocationIcon } from './stories/atoms/Icons/LocationIcon';
18
+ export { default as LeftChevronIcon } from './stories/atoms/Icons/LeftChevronIcon';
18
19
  export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
20
+ export { default as RightChevronIcon } from './stories/atoms/Icons/RightChevronIcon';
19
21
  export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
20
22
  export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
21
23
  export { default as VisibilityIcon } from './stories/atoms/Icons/VisibilityIcon';
package/dist/components.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.jsx"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAC;AAE5C,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAE9E,gBAAgB;AAChB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAE3F,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+DAA+D,CAAC;AAChH,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAEjF,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,8CAA8C,CAAC"}
1
+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.jsx"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAC;AAE5C,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAE9E,gBAAgB;AAChB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAE3F,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+DAA+D,CAAC;AAChH,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAEjF,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,8CAA8C,CAAC"}
package/dist/stories/atoms/Icons/Icons.stories.d.ts CHANGED
@@ -12,6 +12,8 @@ export declare const Clock: any;
12
12
  export declare const Close: any;
13
13
  export declare const Delete: any;
14
14
  export declare const Edit: any;
15
+ export declare const LeftChevon: any;
16
+ export declare const RightChevron: any;
15
17
  export declare const Location: any;
16
18
  export declare const Message: any;
17
19
  export declare const Session: any;
package/dist/stories/atoms/Icons/Icons.stories.js CHANGED
@@ -9,8 +9,10 @@ import ClockIcon from './ClockIcon';
9
9
  import CloseIcon from './CloseIcon';
10
10
  import DeleteIcon from './DeleteIcon';
11
11
  import EditIcon from './EditIcon';
12
+ import LeftChevronIcon from './LeftChevronIcon';
12
13
  import LocationIcon from './LocationIcon';
13
14
  import MessageIcon from './MessageIcon';
15
+ import RightChevronIcon from './RightChevronIcon';
14
16
  import SessionIcon from './SessionIcon';
15
17
  import SwapIcon from './SwapIcon';
16
18
  import VisibilityIcon from './VisibilityIcon';
@@ -51,12 +53,18 @@ function DeleteIconTemplate(args) {
51
53
  function EditIconTemplate(args) {
52
54
  return React.createElement(EditIcon, Object.assign({}, args));
53
55
  }
56
+ function LeftChevronIconTemplate(args) {
57
+ return React.createElement(LeftChevronIcon, Object.assign({}, args));
58
+ }
54
59
  function LocationIconTemplate(args) {
55
60
  return React.createElement(LocationIcon, Object.assign({}, args));
56
61
  }
57
62
  function MessageIconTemplate(args) {
58
63
  return React.createElement(MessageIcon, Object.assign({}, args));
59
64
  }
65
+ function RightChevronIconTemplate(args) {
66
+ return React.createElement(RightChevronIcon, Object.assign({}, args));
67
+ }
60
68
  function SessionIconTemplate(args) {
61
69
  return React.createElement(SessionIcon, Object.assign({}, args));
62
70
  }
@@ -123,6 +131,16 @@ Edit.args = {
123
131
  size: 150,
124
132
  color: 'green'
125
133
  };
134
+ export const LeftChevon = LeftChevronIconTemplate.bind({});
135
+ LeftChevon.args = {
136
+ size: 150,
137
+ color: 'grey'
138
+ };
139
+ export const RightChevron = RightChevronIconTemplate.bind({});
140
+ RightChevron.args = {
141
+ size: 150,
142
+ color: 'grey'
143
+ };
126
144
  export const Location = LocationIconTemplate.bind({});
127
145
  Location.args = {
128
146
  size: 150,
package/dist/stories/atoms/Icons/Icons.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Icons.stories.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/Icons.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Icons.stories.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/Icons.stories.tsx"],"names":[],"mappings":"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"}
package/dist/stories/atoms/Icons/LeftChevronIcon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "./sharedTypes";
3
+ export default function LeftChevronIcon({ size, color }: IconProps): JSX.Element;
package/dist/stories/atoms/Icons/LeftChevronIcon.js ADDED
@@ -0,0 +1,7 @@
1
+ /* eslint-disable max-len */
2
+ import React from "react";
3
+ export default function LeftChevronIcon({ size, color }) {
4
+ return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 8 16", fill: color, xmlns: "http://www.w3.org/2000/svg" },
5
+ React.createElement("path", { d: "M7.84116 0.134474C7.66171 -0.0330075 7.39178 -0.0429963 7.20168 0.0986352L7.13447 0.158843L0.13447 7.65884C-0.0224142 7.82693 -0.0420246 8.07619 0.0756388 8.26457L0.13447 8.34116L7.13447 15.8412C7.32289 16.043 7.63928 16.0539 7.84116 15.8655C8.0206 15.698 8.04916 15.4294 7.92096 15.23L7.86553 15.1588L1.185 7.999L7.86553 0.841161C8.03301 0.661716 8.043 0.391787 7.90136 0.201687L7.84116 0.134474Z" })));
6
+ }
7
+ //# sourceMappingURL=LeftChevronIcon.js.map
package/dist/stories/atoms/Icons/LeftChevronIcon.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LeftChevronIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/LeftChevronIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IAChE,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC9F,8BACI,CAAC,EAAC,+YAA+Y,GACnZ,CACA,CACT,CAAC;AACJ,CAAC"}
package/dist/stories/atoms/Icons/RightChevronIcon.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "./sharedTypes";
3
+ export default function RightChevronIcon({ size, color }: IconProps): JSX.Element;
package/dist/stories/atoms/Icons/RightChevronIcon.js ADDED
@@ -0,0 +1,7 @@
1
+ /* eslint-disable max-len */
2
+ import React from "react";
3
+ export default function RightChevronIcon({ size, color }) {
4
+ return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 8 16", fill: color, xmlns: "http://www.w3.org/2000/svg" },
5
+ React.createElement("path", { d: "M0.158843 15.8655C0.338287 16.033 0.608216 16.043 0.798317 15.9014L0.865529 15.8412L7.86553 8.34116C8.02241 8.17307 8.04202 7.92381 7.92436 7.73543L7.86553 7.65884L0.865529 0.158839C0.677112 -0.0430355 0.360718 -0.0539455 0.158843 0.134471C-0.020602 0.301952 -0.0491607 0.570552 0.0790396 0.769957L0.134474 0.841157L6.815 8.001L0.134474 15.1588C-0.0330075 15.3383 -0.0429963 15.6082 0.0986352 15.7983L0.158843 15.8655Z" })));
6
+ }
7
+ //# sourceMappingURL=RightChevronIcon.js.map
package/dist/stories/atoms/Icons/RightChevronIcon.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RightChevronIcon.js","sourceRoot":"","sources":["../../../../src/stories/atoms/Icons/RightChevronIcon.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAa;IACjE,OAAO,CACH,6BAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,4BAA4B;QAC9F,8BAAM,CAAC,EAAC,oaAAoa,GAAG,CAC7a,CACT,CAAC;AACJ,CAAC"}
package/dist/stories/molecules/Cards/TeamDrawCard.js CHANGED
@@ -36,6 +36,13 @@ const BottomGrid = styled(Box)({
36
36
  justifyContent: "space-between",
37
37
  paddingTop: "8px"
38
38
  });
39
+ const StyledTypography = styled(Typography)({
40
+ overflow: "hidden",
41
+ textOverflow: "ellipsis",
42
+ display: "-webkit-box",
43
+ WebkitBoxOrient: "vertical",
44
+ WebkitLineClamp: 1
45
+ });
39
46
  export default function TeamDrawCard(_a) {
40
47
  var { dateLabel, locationLabel, timeLabel, matchInfo, isPosition1Winner, isPosition2Winner, isScorelessMatch, position1Team, position2Team } = _a, props = __rest(_a, ["dateLabel", "locationLabel", "timeLabel", "matchInfo", "isPosition1Winner", "isPosition2Winner", "isScorelessMatch", "position1Team", "position2Team"]);
41
48
  const { MediumMedium, MediumBook, XSmallBook } = SECONDARY_SIZES_ENUM;
@@ -54,43 +61,16 @@ export default function TeamDrawCard(_a) {
54
61
  isPosition2Winner && React.createElement(WinnerIndicatorIcon, { isBlack: true, sx: { position: "absolute", left: 0, top: 50 } }),
55
62
  React.createElement(Box, { display: "flex", alignItems: "center", gap: 0.5 },
56
63
  React.createElement(SquareAvatarWithName, { name: position2Team === null || position2Team === void 0 ? void 0 : position2Team.name, fontSize: isPosition2Winner ? MediumMedium : MediumBook, href: position2Team === null || position2Team === void 0 ? void 0 : position2Team.href, isBye: !(position2Team === null || position2Team === void 0 ? void 0 : position2Team.name) }),
57
- React.createElement(Typography, { category: SECONDARY, size: XSmallBook, color: "var(--cool-grey-600)" },
58
- "(", position2Team === null || position2Team === void 0 ? void 0 :
59
- position2Team.record,
60
- ")")),
64
+ React.createElement(Typography, { category: SECONDARY, size: XSmallBook, color: "var(--cool-grey-600)" }, `(${position1Team === null || position1Team === void 0 ? void 0 : position1Team.record})`)),
61
65
  React.createElement(Typography, { category: SECONDARY, size: isPosition2Winner ? MediumMedium : MediumBook }, isScorelessMatch ? "-" : position2Team === null || position2Team === void 0 ? void 0 : position2Team.points)),
62
66
  React.createElement(BottomGrid, null,
63
67
  React.createElement(Box, null,
64
68
  React.createElement(Box, { display: "flex" },
65
- React.createElement(Typography, { style: {
66
- overflow: "hidden",
67
- textOverflow: "ellipsis",
68
- display: "-webkit-box",
69
- WebkitBoxOrient: "vertical",
70
- WebkitLineClamp: 1
71
- }, category: SECONDARY, size: XSmallBook }, dateLabel),
69
+ React.createElement(StyledTypography, { category: SECONDARY, size: XSmallBook }, dateLabel),
72
70
  React.createElement(Typography, { category: SECONDARY, size: XSmallBook, pl: 0.5, pr: 0.5 }, "\u2022"),
73
- React.createElement(Typography, { style: {
74
- overflow: "hidden",
75
- textOverflow: "ellipsis",
76
- display: "-webkit-box",
77
- WebkitBoxOrient: "vertical",
78
- WebkitLineClamp: 1
79
- }, category: SECONDARY, size: XSmallBook }, timeLabel),
71
+ React.createElement(StyledTypography, { category: SECONDARY, size: XSmallBook }, timeLabel),
80
72
  React.createElement(Typography, { category: SECONDARY, size: XSmallBook, pl: 0.5, pr: 0.5 }, "\u2022"),
81
- React.createElement(Typography, { style: {
82
- overflow: "hidden",
83
- textOverflow: "ellipsis",
84
- display: "-webkit-box",
85
- WebkitBoxOrient: "vertical",
86
- WebkitLineClamp: 1
87
- }, category: SECONDARY, size: XSmallBook }, matchInfo)),
88
- React.createElement(Typography, { style: {
89
- overflow: "hidden",
90
- textOverflow: "ellipsis",
91
- display: "-webkit-box",
92
- WebkitBoxOrient: "vertical",
93
- WebkitLineClamp: 1
94
- }, category: SECONDARY, size: XSmallBook }, locationLabel)))));
73
+ React.createElement(StyledTypography, { category: SECONDARY, size: XSmallBook }, matchInfo)),
74
+ React.createElement(StyledTypography, { category: SECONDARY, size: XSmallBook }, locationLabel)))));
95
75
  }
96
76
  //# sourceMappingURL=TeamDrawCard.js.map
package/dist/stories/molecules/Cards/TeamDrawCard.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TeamDrawCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/TeamDrawCard.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TeamDrawCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/TeamDrawCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAC3F,OAAO,UAAU,EAAE,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACpG,OAAO,oBAAoB,MAAM,8CAA8C,CAAC;AAGhF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,OAAO;IACf,eAAe,EAAE,cAAc;IAC/B,MAAM,EAAE,gCAAgC;IACxC,UAAU,EAAE,GAAG,sBAAsB,EAAE;IACvC,WAAW,EAAE,GAAG,sBAAsB,EAAE;IACxC,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,GAAG,wBAAwB,EAAE;CAC5C,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC1C,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;IACxB,OAAO,EAAE,aAAa;IACtB,eAAe,EAAE,UAAU;IAC3B,eAAe,EAAE,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAWjB;QAXiB,EACnC,SAAS,EACT,aAAa,EACb,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,aAAa,OAEK,EADf,KAAK,cAV2B,wJAWpC,CADS;IAER,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,oBAAoB,CAAC;IACtE,MAAM,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC;IAEpC,OAAO,CACH,oBAAC,UAAU,kBAAC,SAAS,EAAC,gBAAgB,IAAK,KAAK;QAC5C,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAE,GAAG;YACrD,iBAAiB,IAAI,oBAAC,mBAAmB,IAAC,OAAO,QAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAI;YACrG,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG;gBAC5C,oBAAC,oBAAoB,IACjB,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EACzB,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EACvD,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EACzB,KAAK,EAAE,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAA,GAC7B;gBACF,oBAAC,UAAU,IAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAC,sBAAsB;yBAE1E,aAAa,aAAb,aAAa;oBAAb,aAAa,CAAE,MAAM;wBAEb,CACX;YACN,oBAAC,UAAU,IAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,IAC/E,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CACtC,CACX;QACN,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe;YAC7C,iBAAiB,IAAI,oBAAC,mBAAmB,IAAC,OAAO,QAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAI;YACrG,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG;gBAC5C,oBAAC,oBAAoB,IACjB,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EACzB,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EACvD,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EACzB,KAAK,EAAE,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAA,GAC7B;gBACF,oBAAC,UAAU,IAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAC,sBAAsB,IAC1E,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,GAAG,CACpB,CACX;YACN,oBAAC,UAAU,IAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,IAC/E,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CACtC,CACX;QACN,oBAAC,UAAU;YACP,oBAAC,GAAG;gBACA,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM;oBACf,oBAAC,gBAAgB,IACb,QAAQ,EAAE,SAAS,EACnB,IAAI,EAAE,UAAU,IAEf,SAAS,CACK;oBACnB,oBAAC,UAAU,IAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,aAEtD;oBACb,oBAAC,gBAAgB,IACb,QAAQ,EAAE,SAAS,EACnB,IAAI,EAAE,UAAU,IAEf,SAAS,CACK;oBACnB,oBAAC,UAAU,IAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,aAEtD;oBACb,oBAAC,gBAAgB,IACb,QAAQ,EAAE,SAAS,EACnB,IAAI,EAAE,UAAU,IAEf,SAAS,CACK,CACjB;gBACN,oBAAC,gBAAgB,IACb,QAAQ,EAAE,SAAS,EACnB,IAAI,EAAE,UAAU,IAEf,aAAa,CACC,CACjB,CACG,CACJ,CAChB,CAAC;AACJ,CAAC"}
package/dist/stories/organisms/Tables/TeamDrawCardTable.js CHANGED
@@ -14,76 +14,38 @@ import Box from "@mui/material/Box";
14
14
  import Button from "@mui/material/Button";
15
15
  import { styled } from "@mui/material/styles";
16
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";
17
+ import LeftChevronIcon from 'stories/atoms/Icons/LeftChevronIcon';
18
+ import RightChevronIcon from 'stories/atoms/Icons/RightChevronIcon';
19
+ import { teamDrawCardSideMargin, standardSideMargin } from "stories/utils/constants";
20
20
  import Typography from "../../atoms/Typography/Typography";
21
21
  const StyledHeader = styled(Grid)({
22
22
  alignItems: "center",
23
23
  justifyContent: "center",
24
24
  display: "flex"
25
25
  });
26
+ const gridCommonStyles = {
27
+ content: "''",
28
+ position: "absolute",
29
+ backgroundColor: "var(--cool-grey-600)",
30
+ };
31
+ const horizontalLineCommonStyles = {
32
+ height: "1px",
33
+ top: "50%",
34
+ };
26
35
  const StyledGrid = styled(Grid)({
27
36
  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
37
  "&: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
- }
38
+ "&:before": Object.assign(Object.assign(Object.assign({}, gridCommonStyles), horizontalLineCommonStyles), { width: `${teamDrawCardSideMargin}`, left: 0, transform: "translateX(-100%)" })
70
39
  },
71
40
  "&: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
- }
41
+ "&:after": Object.assign(Object.assign(Object.assign({}, gridCommonStyles), horizontalLineCommonStyles), { width: `calc(${standardSideMargin + 1}px)`, right: 0, transform: "translateX(100%)" })
82
42
  }
83
43
  });
84
44
  const GridSections = styled(Box)({
85
45
  display: "flex",
86
- alignItems: "center"
46
+ alignItems: "center",
47
+ position: 'relative',
48
+ "&:before": Object.assign(Object.assign({}, gridCommonStyles), { height: `calc(50% + 1px)`, width: "1px", top: `calc(25% - 4px)` })
87
49
  });
88
50
  const TableMobileSection = styled(Grid)({
89
51
  flexDirection: "column"
@@ -105,20 +67,28 @@ export default function TeamDrawCardTable(_a) {
105
67
  return; // Table can only support 3 columns
106
68
  const rowSectionsHeight = `${100 / tableRows[index].length}%`;
107
69
  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])))));
70
+ const isFirstRow = index === 0;
71
+ return (React.createElement(StyledGrid, { key: index, xs: totalColumns }, [...Array(sectionAmount)].map((section, idx) => (React.createElement(GridSections, { key: idx, sx: {
72
+ height: rowSectionsHeight,
73
+ '&:before': {
74
+ display: isFirstRow ? 'none' : 'block',
75
+ },
76
+ } }, row[idx])))));
109
77
  });
78
+ const disabledBackButton = activeStep === 0;
79
+ const disabledForwardButton = activeStep === tableRows.length - 1;
110
80
  const formatDesktopRows = (React.createElement(React.Fragment, null,
111
81
  React.createElement(Grid, { container: true, sx: { height: "60px" } }, headerRows.map((row) => (React.createElement(StyledHeader, { key: row.name, xs: totalColumns },
112
82
  React.createElement(Typography, { category: "secondary", size: "small-medium-cap" }, row.name))))),
113
83
  React.createElement(Grid, { container: true }, formatTableRows)));
114
84
  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)),
85
+ React.createElement(Grid, { container: true, justifyContent: "space-between", mb: 1 },
86
+ React.createElement(Button, { color: "inherit", disabled: disabledBackButton, onClick: handleBack, sx: { mr: 1, alignSelf: "flex-start" } },
87
+ React.createElement(LeftChevronIcon, { size: 16, color: disabledBackButton ? "transparent" : "var(--primary)" })),
118
88
  React.createElement(StyledHeader, { xs: totalColumns },
119
89
  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))),
90
+ React.createElement(Button, { onClick: handleNext, disabled: disabledForwardButton },
91
+ React.createElement(RightChevronIcon, { size: 16, color: disabledForwardButton ? "transparent" : "var(--primary)" }))),
122
92
  React.createElement(TableMobileSection, { container: true },
123
93
  React.createElement(GridSections, { sx: { display: "flex", flexDirection: "column", gap: "10px" } }, tableRows[activeStep]))));
124
94
  return (React.createElement(Box, Object.assign({}, props, { sx: { flexGrow: 1 }, "aria-label": "draw table" }), isMobile ? formatMobileRows : formatDesktopRows));
package/dist/stories/organisms/Tables/TeamDrawCardTable.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TeamDrawCardTable.js","sourceRoot":"","sources":["../../../../src/stories/organisms/Tables/TeamDrawCardTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TeamDrawCardTable.js","sourceRoot":"","sources":["../../../../src/stories/organisms/Tables/TeamDrawCardTable.tsx"],"names":[],"mappings":"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"}
package/dist/stories/utils/constants.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export declare const teamDrawCardSideMargin = "24px";
2
+ export declare const standardSideMargin = 24;
2
3
  export declare const teamDrawCardBottomMargin = "8px";
package/dist/stories/utils/constants.js CHANGED
@@ -1,3 +1,4 @@
1
1
  export const teamDrawCardSideMargin = '24px';
2
+ export const standardSideMargin = 24;
2
3
  export const teamDrawCardBottomMargin = '8px';
3
4
  //# sourceMappingURL=constants.js.map
package/dist/stories/utils/constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/stories/utils/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC;AAC7C,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC"}
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/stories/utils/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC;AAC7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AACrC,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@universal-tennis/ui-shared",
3
- "version": "0.1.59",
3
+ "version": "0.1.61",
4
4
  "main": "dist/items.js",
5
5
  "license": "MIT",
6
6
  "homepage": "https://universaltennis.com",
@@ -91,4 +91,4 @@
91
91
  "url": "git+https://bitbucket.org/universaltennis/ui-shared.git"
92
92
  },
93
93
  "author": "universal-tennis"
94
- }
94
+ }
package/src/components.jsx CHANGED
@@ -17,7 +17,9 @@ export { default as CloseIcon } from './stories/atoms/Icons/CloseIcon';
17
17
  export { default as DeleteIcon } from './stories/atoms/Icons/DeleteIcon';
18
18
  export { default as EditIcon } from './stories/atoms/Icons/EditIcon';
19
19
  export { default as LocationIcon } from './stories/atoms/Icons/LocationIcon';
20
+ export { default as LeftChevronIcon } from './stories/atoms/Icons/LeftChevronIcon';
20
21
  export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
22
+ export { default as RightChevronIcon } from './stories/atoms/Icons/RightChevronIcon';
21
23
  export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
22
24
  export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
23
25
  export { default as VisibilityIcon } from './stories/atoms/Icons/VisibilityIcon';
package/src/stories/atoms/Icons/Icons.stories.tsx CHANGED
@@ -10,8 +10,10 @@ import ClockIcon from './ClockIcon';
10
10
  import CloseIcon from './CloseIcon';
11
11
  import DeleteIcon from './DeleteIcon';
12
12
  import EditIcon from './EditIcon';
13
+ import LeftChevronIcon from './LeftChevronIcon';
13
14
  import LocationIcon from './LocationIcon';
14
15
  import MessageIcon from './MessageIcon';
16
+ import RightChevronIcon from './RightChevronIcon';
15
17
  import SessionIcon from './SessionIcon';
16
18
  import SwapIcon from './SwapIcon';
17
19
  import VisibilityIcon from './VisibilityIcon';
@@ -65,6 +67,10 @@ function EditIconTemplate(args: IconProps) {
65
67
  return <EditIcon {...args} />;
66
68
  }
67
69
 
70
+ function LeftChevronIconTemplate(args: IconProps) {
71
+ return <LeftChevronIcon {...args} />;
72
+ }
73
+
68
74
  function LocationIconTemplate(args: IconProps) {
69
75
  return <LocationIcon {...args} />;
70
76
  }
@@ -73,6 +79,10 @@ function MessageIconTemplate(args: IconProps) {
73
79
  return <MessageIcon {...args} />;
74
80
  }
75
81
 
82
+ function RightChevronIconTemplate(args: IconProps) {
83
+ return <RightChevronIcon {...args} />;
84
+ }
85
+
76
86
  function SessionIconTemplate(args: IconProps) {
77
87
  return <SessionIcon {...args} />;
78
88
  }
@@ -154,6 +164,18 @@ Edit.args = {
154
164
  color: 'green'
155
165
  };
156
166
 
167
+ export const LeftChevon = LeftChevronIconTemplate.bind({});
168
+ LeftChevon.args = {
169
+ size: 150,
170
+ color: 'grey'
171
+ };
172
+
173
+ export const RightChevron = RightChevronIconTemplate.bind({});
174
+ RightChevron.args = {
175
+ size: 150,
176
+ color: 'grey'
177
+ };
178
+
157
179
  export const Location = LocationIconTemplate.bind({});
158
180
  Location.args = {
159
181
  size: 150,
package/src/stories/atoms/Icons/LeftChevronIcon.tsx ADDED
@@ -0,0 +1,13 @@
1
+ /* eslint-disable max-len */
2
+ import React from "react";
3
+ import { IconProps } from "./sharedTypes";
4
+
5
+ export default function LeftChevronIcon({ size, color }: IconProps) {
6
+ return (
7
+ <svg width={size} height={size} viewBox="0 0 8 16" fill={color} xmlns="http://www.w3.org/2000/svg">
8
+ <path
9
+ d="M7.84116 0.134474C7.66171 -0.0330075 7.39178 -0.0429963 7.20168 0.0986352L7.13447 0.158843L0.13447 7.65884C-0.0224142 7.82693 -0.0420246 8.07619 0.0756388 8.26457L0.13447 8.34116L7.13447 15.8412C7.32289 16.043 7.63928 16.0539 7.84116 15.8655C8.0206 15.698 8.04916 15.4294 7.92096 15.23L7.86553 15.1588L1.185 7.999L7.86553 0.841161C8.03301 0.661716 8.043 0.391787 7.90136 0.201687L7.84116 0.134474Z"
10
+ />
11
+ </svg>
12
+ );
13
+ }
package/src/stories/atoms/Icons/RightChevronIcon.tsx ADDED
@@ -0,0 +1,11 @@
1
+ /* eslint-disable max-len */
2
+ import React from "react";
3
+ import { IconProps } from "./sharedTypes";
4
+
5
+ export default function RightChevronIcon({ size, color }: IconProps) {
6
+ return (
7
+ <svg width={size} height={size} viewBox="0 0 8 16" fill={color} xmlns="http://www.w3.org/2000/svg">
8
+ <path d="M0.158843 15.8655C0.338287 16.033 0.608216 16.043 0.798317 15.9014L0.865529 15.8412L7.86553 8.34116C8.02241 8.17307 8.04202 7.92381 7.92436 7.73543L7.86553 7.65884L0.865529 0.158839C0.677112 -0.0430355 0.360718 -0.0539455 0.158843 0.134471C-0.020602 0.301952 -0.0491607 0.570552 0.0790396 0.769957L0.134474 0.841157L6.815 8.001L0.134474 15.1588C-0.0330075 15.3383 -0.0429963 15.6082 0.0986352 15.7983L0.158843 15.8655Z" />
9
+ </svg>
10
+ );
11
+ }
package/src/stories/molecules/Cards/TeamDrawCard.tsx CHANGED
@@ -29,6 +29,14 @@ const BottomGrid = styled(Box)({
29
29
  paddingTop: "8px"
30
30
  });
31
31
 
32
+ const StyledTypography = styled(Typography)({
33
+ overflow: "hidden",
34
+ textOverflow: "ellipsis",
35
+ display: "-webkit-box",
36
+ WebkitBoxOrient: "vertical",
37
+ WebkitLineClamp: 1
38
+ });
39
+
32
40
  export default function TeamDrawCard({
33
41
  dateLabel,
34
42
  locationLabel,
@@ -75,9 +83,7 @@ export default function TeamDrawCard({
75
83
  isBye={!position2Team?.name}
76
84
  />
77
85
  <Typography category={SECONDARY} size={XSmallBook} color="var(--cool-grey-600)">
78
- (
79
- {position2Team?.record}
80
- )
86
+ {`(${position1Team?.record})`}
81
87
  </Typography>
82
88
  </Box>
83
89
  <Typography category={SECONDARY} size={isPosition2Winner ? MediumMedium : MediumBook}>
@@ -87,65 +93,37 @@ export default function TeamDrawCard({
87
93
  <BottomGrid>
88
94
  <Box>
89
95
  <Box display="flex">
90
- <Typography
91
- style={{
92
- overflow: "hidden",
93
- textOverflow: "ellipsis",
94
- display: "-webkit-box",
95
- WebkitBoxOrient: "vertical",
96
- WebkitLineClamp: 1
97
- }}
96
+ <StyledTypography
98
97
  category={SECONDARY}
99
98
  size={XSmallBook}
100
99
  >
101
100
  {dateLabel}
102
- </Typography>
101
+ </StyledTypography>
103
102
  <Typography category={SECONDARY} size={XSmallBook} pl={0.5} pr={0.5}>
104
103
  &bull;
105
104
  </Typography>
106
- <Typography
107
- style={{
108
- overflow: "hidden",
109
- textOverflow: "ellipsis",
110
- display: "-webkit-box",
111
- WebkitBoxOrient: "vertical",
112
- WebkitLineClamp: 1
113
- }}
105
+ <StyledTypography
114
106
  category={SECONDARY}
115
107
  size={XSmallBook}
116
108
  >
117
109
  {timeLabel}
118
- </Typography>
110
+ </StyledTypography>
119
111
  <Typography category={SECONDARY} size={XSmallBook} pl={0.5} pr={0.5}>
120
112
  &bull;
121
113
  </Typography>
122
- <Typography
123
- style={{
124
- overflow: "hidden",
125
- textOverflow: "ellipsis",
126
- display: "-webkit-box",
127
- WebkitBoxOrient: "vertical",
128
- WebkitLineClamp: 1
129
- }}
114
+ <StyledTypography
130
115
  category={SECONDARY}
131
116
  size={XSmallBook}
132
117
  >
133
118
  {matchInfo}
134
- </Typography>
119
+ </StyledTypography>
135
120
  </Box>
136
- <Typography
137
- style={{
138
- overflow: "hidden",
139
- textOverflow: "ellipsis",
140
- display: "-webkit-box",
141
- WebkitBoxOrient: "vertical",
142
- WebkitLineClamp: 1
143
- }}
121
+ <StyledTypography
144
122
  category={SECONDARY}
145
123
  size={XSmallBook}
146
124
  >
147
125
  {locationLabel}
148
- </Typography>
126
+ </StyledTypography>
149
127
  </Box>
150
128
  </BottomGrid>
151
129
  </StyledCard>
package/src/stories/organisms/Tables/TeamDrawCardTable.tsx CHANGED
@@ -3,9 +3,10 @@ import Box from "@mui/material/Box";
3
3
  import Button from "@mui/material/Button";
4
4
  import { styled } from "@mui/material/styles";
5
5
  import Grid from "@mui/material/Grid";
6
- import ArrowForwardIosOutlinedIcon from "@mui/icons-material/ArrowForwardIosOutlined";
7
- import ArrowBackIosOutlinedIcon from "@mui/icons-material/ArrowBackIosOutlined";
8
- import { teamDrawCardSideMargin, teamDrawCardBottomMargin } from "stories/utils/constants";
6
+
7
+ import LeftChevronIcon from 'stories/atoms/Icons/LeftChevronIcon';
8
+ import RightChevronIcon from 'stories/atoms/Icons/RightChevronIcon';
9
+ import { teamDrawCardSideMargin, standardSideMargin } from "stories/utils/constants";
9
10
  import Typography from "../../atoms/Typography/Typography";
10
11
  import { DrawCardTableProps } from "./sharedTypes";
11
12
 
@@ -15,60 +16,35 @@ const StyledHeader = styled(Grid)({
15
16
  display: "flex"
16
17
  });
17
18
 
19
+ const gridCommonStyles = {
20
+ content: "''",
21
+ position: "absolute",
22
+ backgroundColor: "var(--cool-grey-600)",
23
+ };
24
+
25
+ const horizontalLineCommonStyles = {
26
+ height: "1px",
27
+ top: "50%",
28
+ };
29
+
18
30
  const StyledGrid = styled(Grid)({
19
31
  position: "relative",
20
- "&:nth-of-type(1)": {
21
- "&:after": {
22
- content: "''",
23
- position: "absolute",
24
- right: 0,
25
- backgroundColor: "var(--cool-grey-600)",
26
- height: "25%",
27
- width: "1px",
28
- top: `calc(12.5% - ${teamDrawCardBottomMargin}/2)`
29
- }
30
- },
31
- "&:nth-of-type(2)": {
32
- "&:before": {
33
- content: "''",
34
- position: "absolute",
35
- left: 0,
36
- backgroundColor: "var(--cool-grey-600)",
37
- height: "25%",
38
- width: "1px",
39
- bottom: `calc(12.5% + ${teamDrawCardBottomMargin}/2)`
40
- },
41
- "&:after": {
42
- content: "''",
43
- position: "absolute",
44
- right: 0,
45
- backgroundColor: "var(--cool-grey-600)",
46
- height: "50%",
47
- width: "1px",
48
- top: `calc(25% - ${teamDrawCardBottomMargin}/2)`
49
- }
50
- },
32
+
51
33
  "&:nth-last-child(-n+2) .team-draw-card": {
52
34
  "&:before": {
53
- position: "absolute",
54
- content: '""',
35
+ ...gridCommonStyles,
36
+ ...horizontalLineCommonStyles,
55
37
  width: `${teamDrawCardSideMargin}`,
56
- height: "1px",
57
38
  left: 0,
58
- top: "50%",
59
- backgroundColor: "var(--cool-grey-600)",
60
39
  transform: "translateX(-100%)"
61
40
  }
62
41
  },
63
42
  "&:nth-of-type(-n+2) .team-draw-card": {
64
43
  "&:after": {
65
- position: "absolute",
66
- content: '""',
67
- width: `${teamDrawCardSideMargin}`,
68
- height: "1px",
44
+ ...gridCommonStyles,
45
+ ...horizontalLineCommonStyles,
46
+ width: `calc(${standardSideMargin + 1}px)`,
69
47
  right: 0,
70
- top: "50%",
71
- backgroundColor: "var(--cool-grey-600)",
72
48
  transform: "translateX(100%)"
73
49
  }
74
50
  }
@@ -76,7 +52,15 @@ const StyledGrid = styled(Grid)({
76
52
 
77
53
  const GridSections = styled(Box)({
78
54
  display: "flex",
79
- alignItems: "center"
55
+ alignItems: "center",
56
+ position: 'relative',
57
+
58
+ "&:before": {
59
+ ...gridCommonStyles,
60
+ height: `calc(50% + 1px)`,
61
+ width: "1px",
62
+ top: `calc(25% - 4px)`
63
+ }
80
64
  });
81
65
 
82
66
  const TableMobileSection = styled(Grid)({
@@ -104,11 +88,20 @@ export default function TeamDrawCardTable({
104
88
  if (index > 2) return; // Table can only support 3 columns
105
89
  const rowSectionsHeight = `${100 / tableRows[index].length}%`;
106
90
  const sectionAmount = tableRows[index].length;
91
+ const isFirstRow = index === 0;
107
92
 
108
93
  return (
109
94
  <StyledGrid key={index} xs={totalColumns}>
110
95
  {[...Array(sectionAmount)].map((section, idx) => (
111
- <GridSections key={idx} sx={{ height: rowSectionsHeight }}>
96
+ <GridSections
97
+ key={idx}
98
+ sx={{
99
+ height: rowSectionsHeight,
100
+ '&:before': {
101
+ display: isFirstRow ? 'none' : 'block',
102
+ },
103
+ }}
104
+ >
112
105
  {row[idx]}
113
106
  </GridSections>
114
107
  ))}
@@ -116,6 +109,9 @@ export default function TeamDrawCardTable({
116
109
  );
117
110
  });
118
111
 
112
+ const disabledBackButton = activeStep === 0;
113
+ const disabledForwardButton = activeStep === tableRows.length - 1;
114
+
119
115
  const formatDesktopRows = (
120
116
  <>
121
117
  <Grid container sx={{ height: "60px" }}>
@@ -133,17 +129,17 @@ export default function TeamDrawCardTable({
133
129
 
134
130
  const formatMobileRows = (
135
131
  <Box>
136
- <Grid container justifyContent="space-between">
137
- <Button color="inherit" disabled={activeStep === 0} onClick={handleBack} sx={{ mr: 1, alignSelf: "flex-start" }}>
138
- <ArrowBackIosOutlinedIcon />
132
+ <Grid container justifyContent="space-between" mb={1}>
133
+ <Button color="inherit" disabled={disabledBackButton} onClick={handleBack} sx={{ mr: 1, alignSelf: "flex-start" }}>
134
+ <LeftChevronIcon size={16} color={disabledBackButton ? "transparent" : "var(--primary)"} />
139
135
  </Button>
140
136
  <StyledHeader xs={totalColumns}>
141
137
  <Typography category="secondary" size="small-medium-cap">
142
138
  {headerRows[activeStep].name}
143
139
  </Typography>
144
140
  </StyledHeader>
145
- <Button onClick={handleNext} disabled={activeStep === tableRows.length - 1}>
146
- <ArrowForwardIosOutlinedIcon />
141
+ <Button onClick={handleNext} disabled={disabledForwardButton}>
142
+ <RightChevronIcon size={16} color={disabledForwardButton ? "transparent" : "var(--primary)"} />
147
143
  </Button>
148
144
  </Grid>
149
145
  <TableMobileSection container>
package/src/stories/utils/constants.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export const teamDrawCardSideMargin = '24px';
2
+ export const standardSideMargin = 24;
2
3
  export const teamDrawCardBottomMargin = '8px';