@universal-tennis/ui-shared 0.1.82 → 0.1.86

package/dist/stories/molecules/Cards/Modals.stories.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const FullPage: any;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const FullPage: any;

package/dist/stories/molecules/Cards/Modals.stories.js

@@ -1,73 +1,73 @@
-import React from 'react';
-import InputLabel from '@mui/material/InputLabel';
-import FormControl from '@mui/material/FormControl';
-import Checkbox from '@mui/material/Checkbox';
-import Select from '@mui/material/Select';
-import MenuItem from '@mui/material/MenuItem';
-import Typography from 'stories/atoms/Typography/Typography';
-import Button from 'stories/atoms/Button/Button';
-import Box from '@mui/material/Box';
-import Grid from '@mui/material/Grid';
-import Paper from '@mui/material/Paper';
-import Pagination from '@mui/material/Pagination';
-import FullPageModal from '../../organisms/Modals/FullPageModal';
-import SortableTable from '../../organisms/Tables/SortableTable';
-import { MOCK_HEAD_CELLS, mockRowComponent, MOCK_TABLE_DATA } from '../../organisms/Tables/mockData';
-// Fake data for rendering sections
-const conferences = [{ id: 1, name: 'philly' }, { id: 2, name: 'NJ' }, { id: 3, name: 'PA' }];
-const sessions = [{ sessionId: 1, sessionName: 'philly' }, { sessionId: 2, sessionName: 'NJ' }, { sessionId: 3, sessionName: 'PA' }];
-const selectedSessionIds = [1];
-const teamsToAdd = [{ id: 1, name: 'test', sessionName: 'test' }];
-const selectedTeamIds = [1];
-const InputSelections = [
-    React.createElement(FormControl, { sx: { width: 300, mr: 3 } },
-        React.createElement(InputLabel, { id: "conference-select" }, "Select Conference"),
-        React.createElement(Select, { value: 1, label: "Select Conference", labelId: "conference-select" }, conferences === null || conferences === void 0 ? void 0 : conferences.map((option) => (React.createElement(MenuItem, { key: option.id, value: option.id }, option.name))))),
-    React.createElement(FormControl, { sx: { width: 300 } },
-        React.createElement(InputLabel, { id: "session-select" }, "test"),
-        React.createElement(Select, { value: selectedSessionIds, label: "sample", multiple: true, labelId: "session-select" }, sessions === null || sessions === void 0 ? void 0 :
-            sessions.map((option) => (React.createElement(MenuItem, { key: option.sessionId, value: option.sessionId },
-                React.createElement(Checkbox, { checked: (selectedSessionIds === null || selectedSessionIds === void 0 ? void 0 : selectedSessionIds.indexOf(option.sessionId)) > -1 }),
-                React.createElement(Typography, null, option.sessionName)))),
-            React.createElement(Box, { mt: 1, boxShadow: "0px -3px 3px #00000024", display: "flex", justifyContent: "center", pt: 1, px: 1 },
-                React.createElement(Button, { category: "primary-extended" }, "Apply"))))
-];
-const MainComponent = (React.createElement(Grid, { container: true },
-    React.createElement(Grid, { item: true, borderRight: 1, lg: 10 },
-        React.createElement(Box, { p: 6 },
-            React.createElement(Box, { display: "flex", alignItems: "center" }, InputSelections === null || InputSelections === void 0 ? void 0 : InputSelections.map((select) => (select)))),
-        React.createElement(Box, { p: 6 },
-            React.createElement(SortableTable, { headCells: MOCK_HEAD_CELLS, sortOrder: "asc", sortByProperty: "player", title: "Player Table", tableData: MOCK_TABLE_DATA, 
-                // @ts-ignore
-                rowComponent: mockRowComponent }),
-            React.createElement(Pagination, { variant: "text", color: "primary", page: 1, count: 10 }))),
-    React.createElement(Grid, { item: true, lg: 2 },
-        React.createElement(Box, { p: 6 },
-            React.createElement(Typography, { variant: "h5" }, `${teamsToAdd.length} selected teams`),
-            React.createElement(Typography, null, `This session allows a max of ${1} teams`),
-            teamsToAdd.map((team) => (React.createElement(Paper, { key: team.id, sx: { my: 1 } },
-                React.createElement(Box, { p: 2, display: "flex" },
-                    React.createElement(Checkbox, { color: "primary", checked: selectedTeamIds.indexOf(team.id) !== -1 }),
-                    React.createElement(Box, { ml: 1 },
-                        React.createElement(Typography, null, team.name),
-                        React.createElement(Typography, null, team.sessionName))))))))));
-// Default
-export default {
-    title: 'Organisms/Modals',
-};
-// Templates
-function FullPageModalTemplate(args) {
-    return (React.createElement(FullPageModal, Object.assign({}, args), MainComponent));
-}
-// Stories
-export const FullPage = FullPageModalTemplate.bind({});
-FullPage.args = {
-    isOpen: true,
-    onClose: () => { },
-    pageTitle: 'Sample Page',
-    bottomCTAText: 'Add here!',
-    handleBottomCTAClick: () => { },
-    isBottomCTAdisabled: false,
-    // PagePopupModal,
-};
+import React from 'react';
+import InputLabel from '@mui/material/InputLabel';
+import FormControl from '@mui/material/FormControl';
+import Checkbox from '@mui/material/Checkbox';
+import Select from '@mui/material/Select';
+import MenuItem from '@mui/material/MenuItem';
+import Typography from 'stories/atoms/Typography/Typography';
+import Button from 'stories/atoms/Button/Button';
+import Box from '@mui/material/Box';
+import Grid from '@mui/material/Grid';
+import Paper from '@mui/material/Paper';
+import Pagination from '@mui/material/Pagination';
+import FullPageModal from '../../organisms/Modals/FullPageModal';
+import SortableTable from '../../organisms/Tables/SortableTable';
+import { MOCK_HEAD_CELLS, mockRowComponent, MOCK_TABLE_DATA } from '../../organisms/Tables/mockData';
+// Fake data for rendering sections
+const conferences = [{ id: 1, name: 'philly' }, { id: 2, name: 'NJ' }, { id: 3, name: 'PA' }];
+const sessions = [{ sessionId: 1, sessionName: 'philly' }, { sessionId: 2, sessionName: 'NJ' }, { sessionId: 3, sessionName: 'PA' }];
+const selectedSessionIds = [1];
+const teamsToAdd = [{ id: 1, name: 'test', sessionName: 'test' }];
+const selectedTeamIds = [1];
+const InputSelections = [
+    React.createElement(FormControl, { sx: { width: 300, mr: 3 } },
+        React.createElement(InputLabel, { id: "conference-select" }, "Select Conference"),
+        React.createElement(Select, { value: 1, label: "Select Conference", labelId: "conference-select" }, conferences === null || conferences === void 0 ? void 0 : conferences.map((option) => (React.createElement(MenuItem, { key: option.id, value: option.id }, option.name))))),
+    React.createElement(FormControl, { sx: { width: 300 } },
+        React.createElement(InputLabel, { id: "session-select" }, "test"),
+        React.createElement(Select, { value: selectedSessionIds, label: "sample", multiple: true, labelId: "session-select" }, sessions === null || sessions === void 0 ? void 0 :
+            sessions.map((option) => (React.createElement(MenuItem, { key: option.sessionId, value: option.sessionId },
+                React.createElement(Checkbox, { checked: (selectedSessionIds === null || selectedSessionIds === void 0 ? void 0 : selectedSessionIds.indexOf(option.sessionId)) > -1 }),
+                React.createElement(Typography, null, option.sessionName)))),
+            React.createElement(Box, { mt: 1, boxShadow: "0px -3px 3px #00000024", display: "flex", justifyContent: "center", pt: 1, px: 1 },
+                React.createElement(Button, { category: "primary-extended" }, "Apply"))))
+];
+const MainComponent = (React.createElement(Grid, { container: true },
+    React.createElement(Grid, { item: true, borderRight: 1, lg: 10 },
+        React.createElement(Box, { p: 6 },
+            React.createElement(Box, { display: "flex", alignItems: "center" }, InputSelections === null || InputSelections === void 0 ? void 0 : InputSelections.map((select) => (select)))),
+        React.createElement(Box, { p: 6 },
+            React.createElement(SortableTable, { headCells: MOCK_HEAD_CELLS, sortOrder: "asc", sortByProperty: "player", title: "Player Table", tableData: MOCK_TABLE_DATA, 
+                // @ts-ignore
+                rowComponent: mockRowComponent }),
+            React.createElement(Pagination, { variant: "text", color: "primary", page: 1, count: 10 }))),
+    React.createElement(Grid, { item: true, lg: 2 },
+        React.createElement(Box, { p: 6 },
+            React.createElement(Typography, { variant: "h5" }, `${teamsToAdd.length} selected teams`),
+            React.createElement(Typography, null, `This session allows a max of ${1} teams`),
+            teamsToAdd.map((team) => (React.createElement(Paper, { key: team.id, sx: { my: 1 } },
+                React.createElement(Box, { p: 2, display: "flex" },
+                    React.createElement(Checkbox, { color: "primary", checked: selectedTeamIds.indexOf(team.id) !== -1 }),
+                    React.createElement(Box, { ml: 1 },
+                        React.createElement(Typography, null, team.name),
+                        React.createElement(Typography, null, team.sessionName))))))))));
+// Default
+export default {
+    title: 'Organisms/Modals',
+};
+// Templates
+function FullPageModalTemplate(args) {
+    return (React.createElement(FullPageModal, Object.assign({}, args), MainComponent));
+}
+// Stories
+export const FullPage = FullPageModalTemplate.bind({});
+FullPage.args = {
+    isOpen: true,
+    onClose: () => { },
+    pageTitle: 'Sample Page',
+    bottomCTAText: 'Add here!',
+    handleBottomCTAClick: () => { },
+    isBottomCTAdisabled: false,
+    // PagePopupModal,
+};
 //# sourceMappingURL=Modals.stories.js.map

package/dist/stories/molecules/Cards/TeamCard.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { TeamCardProps } from './sharedTypes';
-export default function TeamCard({ title, description, ...props }: TeamCardProps): JSX.Element;
+/// <reference types="react" />
+import { TeamCardProps } from './sharedTypes';
+export default function TeamCard({ title, description, ...props }: TeamCardProps): JSX.Element;

package/dist/stories/molecules/Cards/TeamCard.js

@@ -1,21 +1,21 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import Typography from '../../atoms/Typography/Typography';
-import { StyledCard } from './shared';
-export default function TeamCard(_a) {
-    var { title, description } = _a, props = __rest(_a, ["title", "description"]);
-    return (React.createElement(StyledCard, Object.assign({}, props),
-        React.createElement(Typography, { category: "secondary", size: "medium-medium" }, title),
-        React.createElement(Typography, { category: "secondary", size: "x-small-book" }, description)));
-}
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import Typography from '../../atoms/Typography/Typography';
+import { StyledCard } from './shared';
+export default function TeamCard(_a) {
+    var { title, description } = _a, props = __rest(_a, ["title", "description"]);
+    return (React.createElement(StyledCard, Object.assign({}, props),
+        React.createElement(Typography, { category: "secondary", size: "medium-medium" }, title),
+        React.createElement(Typography, { category: "secondary", size: "x-small-book" }, description)));
+}
 //# sourceMappingURL=TeamCard.js.map

package/dist/stories/molecules/Cards/TeamDrawCard.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { TeamDrawCardProps } from "./sharedTypes";
-export default function TeamDrawCard({ dateLabel, locationLabel, timeLabel, matchInfo, isPosition1Winner, isPosition2Winner, isScorelessMatch, position1Team, position2Team, ...props }: TeamDrawCardProps): JSX.Element;
+/// <reference types="react" />
+import { TeamDrawCardProps } from "./sharedTypes";
+export default function TeamDrawCard({ dateLabel, locationLabel, timeLabel, matchInfo, isPosition1Winner, isPosition2Winner, isScorelessMatch, position1Team, position2Team, teamMatchLink, ...props }: TeamDrawCardProps): JSX.Element;

package/dist/stories/molecules/Cards/TeamDrawCard.js

@@ -1,77 +1,79 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import Box from "@mui/material/Box";
-import { styled } from "@mui/material/styles";
-import { teamDrawCardSideMargin, teamDrawCardBottomMargin } from "../../utils/constants";
-import WinnerIndicatorIcon from "../../atoms/Icons/WinnerIndicatorIcon";
-import Typography, { SECONDARY_SIZES_ENUM, CATEGORY_ENUM } from "../../atoms/Typography/Typography";
-import SquareAvatarWithName from "../SquareAvatarWithName/SquareAvatarWithName";
-const StyledCard = styled(Box)({
-    display: "flex",
-    flexDirection: "column",
-    borderRadius: "4px",
-    padding: "16px 24px",
-    width: "100%",
-    height: "135px",
-    backgroundColor: "var(--white)",
-    border: "1px solid var(--cool-grey-600)",
-    marginLeft: `${teamDrawCardSideMargin}`,
-    marginRight: `${teamDrawCardSideMargin}`,
-    position: "relative",
-    marginBottom: `${teamDrawCardBottomMargin}`,
-    boxSizing: "border-box"
-});
-const BottomGrid = styled(Box)({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingTop: "8px"
-});
-const StyledTypography = styled(Typography)({
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    display: "-webkit-box",
-    WebkitBoxOrient: "vertical",
-    WebkitLineClamp: 1
-});
-export default function TeamDrawCard(_a) {
-    var { dateLabel, locationLabel, timeLabel, matchInfo, isPosition1Winner, isPosition2Winner, isScorelessMatch, position1Team, position2Team } = _a, props = __rest(_a, ["dateLabel", "locationLabel", "timeLabel", "matchInfo", "isPosition1Winner", "isPosition2Winner", "isScorelessMatch", "position1Team", "position2Team"]);
-    const { MediumMedium, MediumBook, XSmallBook } = SECONDARY_SIZES_ENUM;
-    const { SECONDARY } = CATEGORY_ENUM;
-    return (React.createElement(StyledCard, Object.assign({ className: "team-draw-card" }, props),
-        React.createElement(Box, { display: "flex", justifyContent: "space-between", mb: 0.5 },
-            isPosition1Winner && React.createElement(WinnerIndicatorIcon, { isBlack: true, sx: { position: "absolute", left: 0, top: 20 } }),
-            React.createElement(Box, { display: "flex", alignItems: "center", gap: 0.5 },
-                React.createElement(SquareAvatarWithName, { name: position1Team === null || position1Team === void 0 ? void 0 : position1Team.name, fontSize: isPosition1Winner ? MediumMedium : MediumBook, href: position1Team === null || position1Team === void 0 ? void 0 : position1Team.href, disabled: !(position1Team === null || position1Team === void 0 ? void 0 : position1Team.href) }),
-                !!(position1Team === null || position1Team === void 0 ? void 0 : position1Team.seed) && (React.createElement(Typography, { category: SECONDARY, size: XSmallBook, color: "var(--cool-grey-600)" }, `(${position1Team === null || position1Team === void 0 ? void 0 : position1Team.seed})`))),
-            React.createElement(Typography, { category: SECONDARY, size: isPosition1Winner ? MediumMedium : MediumBook }, isScorelessMatch ? "-" : position1Team === null || position1Team === void 0 ? void 0 : position1Team.points)),
-        React.createElement(Box, { display: "flex", justifyContent: "space-between" },
-            isPosition2Winner && React.createElement(WinnerIndicatorIcon, { isBlack: true, sx: { position: "absolute", left: 0, top: 50 } }),
-            React.createElement(Box, { display: "flex", alignItems: "center", gap: 0.5 },
-                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, disabled: !(position2Team === null || position2Team === void 0 ? void 0 : position2Team.href) }),
-                !!(position2Team === null || position2Team === void 0 ? void 0 : position2Team.seed) && (React.createElement(Typography, { category: SECONDARY, size: XSmallBook, color: "var(--cool-grey-600)" }, `(${position2Team === null || position2Team === void 0 ? void 0 : position2Team.seed})`))),
-            React.createElement(Typography, { category: SECONDARY, size: isPosition2Winner ? MediumMedium : MediumBook }, isScorelessMatch ? "-" : position2Team === null || position2Team === void 0 ? void 0 : position2Team.points)),
-        React.createElement(BottomGrid, null,
-            React.createElement(Box, null,
-                React.createElement(Box, { display: "flex" },
-                    dateLabel && (React.createElement(StyledTypography, { category: SECONDARY, size: XSmallBook }, dateLabel)),
-                    timeLabel && (React.createElement(React.Fragment, null,
-                        React.createElement(Typography, { category: SECONDARY, size: XSmallBook, pl: 0.5, pr: 0.5 }, "\u2022"),
-                        React.createElement(StyledTypography, { category: SECONDARY, size: XSmallBook }, timeLabel))),
-                    matchInfo
-                        && (React.createElement(React.Fragment, null,
-                            React.createElement(Typography, { category: SECONDARY, size: XSmallBook, pl: 0.5, pr: 0.5 }, "\u2022"),
-                            React.createElement(StyledTypography, { category: SECONDARY, size: XSmallBook }, matchInfo)))),
-                React.createElement(StyledTypography, { category: SECONDARY, size: XSmallBook }, locationLabel)))));
-}
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import Box from "@mui/material/Box";
+import { styled } from "@mui/material/styles";
+import Link from '@mui/material/Link';
+import { teamDrawCardSideMargin, teamDrawCardBottomMargin } from "../../utils/constants";
+import WinnerIndicatorIcon from "../../atoms/Icons/WinnerIndicatorIcon";
+import Typography, { SECONDARY_SIZES_ENUM, CATEGORY_ENUM } from "../../atoms/Typography/Typography";
+import SquareAvatarWithName from "../SquareAvatarWithName/SquareAvatarWithName";
+const StyledCard = styled(Box)({
+    display: "flex",
+    flexDirection: "column",
+    borderRadius: "4px",
+    padding: "16px 24px",
+    width: "100%",
+    backgroundColor: "var(--white)",
+    border: "1px solid var(--cool-grey-600)",
+    marginLeft: `${teamDrawCardSideMargin}`,
+    marginRight: `${teamDrawCardSideMargin}`,
+    position: "relative",
+    marginBottom: `${teamDrawCardBottomMargin}`,
+    boxSizing: "border-box"
+});
+const BottomGrid = styled(Box)({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingTop: "8px"
+});
+const StyledTypography = styled(Typography)({
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    display: "-webkit-box",
+    WebkitBoxOrient: "vertical",
+    WebkitLineClamp: 1
+});
+export default function TeamDrawCard(_a) {
+    var { dateLabel, locationLabel, timeLabel, matchInfo, isPosition1Winner, isPosition2Winner, isScorelessMatch, position1Team, position2Team, teamMatchLink } = _a, props = __rest(_a, ["dateLabel", "locationLabel", "timeLabel", "matchInfo", "isPosition1Winner", "isPosition2Winner", "isScorelessMatch", "position1Team", "position2Team", "teamMatchLink"]);
+    const { MediumMedium, MediumBook, XSmallBook } = SECONDARY_SIZES_ENUM;
+    const { SECONDARY } = CATEGORY_ENUM;
+    return (React.createElement(StyledCard, Object.assign({ className: "team-draw-card" }, props),
+        React.createElement(Box, { display: "flex", justifyContent: "space-between", mb: 0.5 },
+            isPosition1Winner && React.createElement(WinnerIndicatorIcon, { isBlack: true, sx: { position: "absolute", left: 0, top: 20 } }),
+            React.createElement(Box, { display: "flex", alignItems: "center", gap: 0.5 },
+                React.createElement(SquareAvatarWithName, { name: position1Team === null || position1Team === void 0 ? void 0 : position1Team.name, fontSize: isPosition1Winner ? MediumMedium : MediumBook, href: position1Team === null || position1Team === void 0 ? void 0 : position1Team.href, disabled: !(position1Team === null || position1Team === void 0 ? void 0 : position1Team.href) }),
+                !!(position1Team === null || position1Team === void 0 ? void 0 : position1Team.seed) && (React.createElement(Typography, { category: SECONDARY, size: XSmallBook, color: "var(--cool-grey-600)" }, `(${position1Team === null || position1Team === void 0 ? void 0 : position1Team.seed})`))),
+            React.createElement(Typography, { category: SECONDARY, size: isPosition1Winner ? MediumMedium : MediumBook }, isScorelessMatch ? "-" : position1Team === null || position1Team === void 0 ? void 0 : position1Team.points)),
+        React.createElement(Box, { display: "flex", justifyContent: "space-between" },
+            isPosition2Winner && React.createElement(WinnerIndicatorIcon, { isBlack: true, sx: { position: "absolute", left: 0, top: 50 } }),
+            React.createElement(Box, { display: "flex", alignItems: "center", gap: 0.5 },
+                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, disabled: !(position2Team === null || position2Team === void 0 ? void 0 : position2Team.href) }),
+                !!(position2Team === null || position2Team === void 0 ? void 0 : position2Team.seed) && (React.createElement(Typography, { category: SECONDARY, size: XSmallBook, color: "var(--cool-grey-600)" }, `(${position2Team === null || position2Team === void 0 ? void 0 : position2Team.seed})`))),
+            React.createElement(Typography, { category: SECONDARY, size: isPosition2Winner ? MediumMedium : MediumBook }, isScorelessMatch ? "-" : position2Team === null || position2Team === void 0 ? void 0 : position2Team.points)),
+        React.createElement(BottomGrid, null,
+            React.createElement(Box, null,
+                !!teamMatchLink && (React.createElement(Link, { href: teamMatchLink, sx: { textDecoration: 'none' } },
+                    React.createElement(Typography, { category: SECONDARY, size: XSmallBook }, "Team Match"))),
+                React.createElement(Box, { display: "flex" },
+                    dateLabel && (React.createElement(StyledTypography, { category: SECONDARY, size: XSmallBook }, dateLabel)),
+                    timeLabel && (React.createElement(React.Fragment, null,
+                        React.createElement(Typography, { category: SECONDARY, size: XSmallBook, pl: 0.5, pr: 0.5 }, "\u2022"),
+                        React.createElement(StyledTypography, { category: SECONDARY, size: XSmallBook }, timeLabel))),
+                    matchInfo
+                        && (React.createElement(React.Fragment, null,
+                            React.createElement(Typography, { category: SECONDARY, size: XSmallBook, pl: 0.5, pr: 0.5 }, "\u2022"),
+                            React.createElement(StyledTypography, { category: SECONDARY, size: XSmallBook }, matchInfo)))),
+                React.createElement(StyledTypography, { category: SECONDARY, size: XSmallBook }, locationLabel)))));
+}
 //# sourceMappingURL=TeamDrawCard.js.map

package/dist/stories/molecules/Cards/TeamDrawCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamDrawCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/TeamDrawCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TeamDrawCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/TeamDrawCard.tsx"],"names":[],"mappings":"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"}

package/dist/stories/molecules/Cards/shared.d.ts

@@ -1,4 +1,9 @@
-/// <reference types="react" />
-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>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+/// <reference types="react" />
+export declare const StyledCard: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
+    children?: import("react").ReactNode;
+    component?: import("react").ElementType<any> | undefined;
+    ref?: import("react").Ref<unknown> | undefined;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "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>, {}, {}>;

package/dist/stories/molecules/Cards/shared.js

@@ -1,13 +1,13 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const StyledCard = styled(Box)({
-    display: 'flex',
-    flexDirection: 'column',
-    borderRadius: '4px',
-    padding: '16px',
-    border: `1px solid var(--cool-grey-300)`,
-    '&:hover': {
-        cursor: 'pointer'
-    },
-});
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+export const StyledCard = styled(Box)({
+    display: 'flex',
+    flexDirection: 'column',
+    borderRadius: '4px',
+    padding: '16px',
+    border: `1px solid var(--cool-grey-300)`,
+    '&:hover': {
+        cursor: 'pointer'
+    },
+});
 //# sourceMappingURL=shared.js.map

package/dist/stories/molecules/Cards/sharedTypes.d.ts

@@ -1,59 +1,60 @@
-type SelectedOptions = {
-    optionOne: number;
-    optionTwo: number;
-};
-type Options = {
-    id: number;
-    label: string;
-}[];
-type OnChangeArgs = {
-    position: number;
-    id: string | null | undefined;
-};
-type PositionTeam = {
-    name: string;
-    points: number;
-    href?: string;
-    seed?: number;
-};
-export type DrawCardProps = {
-    options: Options;
-    selectedOptions: SelectedOptions;
-    dateLabel: string;
-    locationLabel: string;
-    isDisabled?: boolean;
-    isSelectActive?: boolean;
-    isPosition1Winner?: boolean;
-    isPosition2Winner?: boolean;
-    isScorelessMatch?: boolean;
-    isManaging?: boolean;
-    isFlexWidth?: boolean;
-    position1Team: PositionTeam;
-    position2Team: PositionTeam;
-    emptyLabel?: string;
-    onEditClick?: VoidFunction;
-    onViewClick?: VoidFunction;
-    onChange: ({ position, id }: OnChangeArgs) => void;
-};
-export type TeamDrawCardProps = {
-    dateLabel: string;
-    locationLabel: string;
-    timeLabel: string;
-    matchInfo?: string;
-    isPosition1Winner?: boolean;
-    isPosition2Winner?: boolean;
-    isScorelessMatch?: boolean;
-    position1Team: PositionTeam;
-    position2Team: PositionTeam;
-};
-export interface TeamCardProps {
-    title: string;
-    description: string;
-}
-export interface ContactCardProps {
-    name: string;
-    phone: string;
-    email: string;
-    onMessageClick?: VoidFunction;
-}
-export {};
+type SelectedOptions = {
+    optionOne: number;
+    optionTwo: number;
+};
+type Options = {
+    id: number;
+    label: string;
+}[];
+type OnChangeArgs = {
+    position: number;
+    id: string | null | undefined;
+};
+type PositionTeam = {
+    name: string;
+    points: number;
+    href?: string;
+    seed?: number;
+};
+export type DrawCardProps = {
+    options: Options;
+    selectedOptions: SelectedOptions;
+    dateLabel: string;
+    locationLabel: string;
+    isDisabled?: boolean;
+    isSelectActive?: boolean;
+    isPosition1Winner?: boolean;
+    isPosition2Winner?: boolean;
+    isScorelessMatch?: boolean;
+    isManaging?: boolean;
+    isFlexWidth?: boolean;
+    position1Team: PositionTeam;
+    position2Team: PositionTeam;
+    emptyLabel?: string;
+    onEditClick?: VoidFunction;
+    onViewClick?: VoidFunction;
+    onChange: ({ position, id }: OnChangeArgs) => void;
+};
+export type TeamDrawCardProps = {
+    dateLabel: string;
+    locationLabel: string;
+    timeLabel: string;
+    matchInfo?: string;
+    isPosition1Winner?: boolean;
+    isPosition2Winner?: boolean;
+    isScorelessMatch?: boolean;
+    position1Team: PositionTeam;
+    position2Team: PositionTeam;
+    teamMatchLink?: string;
+};
+export interface TeamCardProps {
+    title: string;
+    description: string;
+}
+export interface ContactCardProps {
+    name: string;
+    phone: string;
+    email: string;
+    onMessageClick?: VoidFunction;
+}
+export {};

package/dist/stories/molecules/Cards/sharedTypes.js

@@ -1,3 +1,3 @@
-// Card types
-export {};
+// Card types
+export {};
 //# sourceMappingURL=sharedTypes.js.map

package/dist/stories/molecules/FooterSection/FooterSection.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FooterSectionProps } from './sharedTypes';
+declare function FooterSection({ items, title }: FooterSectionProps): JSX.Element;
+export default FooterSection;

package/dist/stories/molecules/FooterSection/FooterSection.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import Box from '@mui/material/Box';
+import Link from '@mui/material/Link';
+import Typography from '../../atoms/Typography/Typography';
+function FooterSection({ items, title }) {
+    return (React.createElement(Box, null,
+        React.createElement(Typography, { mb: 2, isCap: true, category: "secondary", size: "medium-medium", sx: { color: "var(--teal)" } }, title), items === null || items === void 0 ? void 0 :
+        items.map((item) => (React.createElement(Link, { key: item.label, sx: { "&:hover": { color: "var(--white)" } }, underline: "hover", color: "palette.common.white", href: item.href },
+            React.createElement(Typography, { mb: 1, category: "secondary", size: "small-book", sx: { color: "var(--white)", opacity: 0.75 } }, item.label))))));
+}
+export default FooterSection;
+//# sourceMappingURL=FooterSection.js.map

package/dist/stories/molecules/FooterSection/FooterSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterSection.js","sourceRoot":"","sources":["../../../../src/stories/molecules/FooterSection/FooterSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAGtC,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAE3D,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAsB;IACzD,OAAO,CACH,oBAAC,GAAG;QACA,oBAAC,UAAU,IAAC,EAAE,EAAE,CAAC,EAAE,KAAK,QAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,eAAe,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAG,KAAK,CAAc,EACpH,KAAK,aAAL,KAAK;QAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,oBAAC,IAAI,IACD,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAC5C,SAAS,EAAC,OAAO,EACjB,KAAK,EAAC,sBAAsB,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI;YAEf,oBAAC,UAAU,IACP,EAAE,EAAE,CAAC,EACL,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,YAAY,EACjB,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,IAE3C,IAAI,CAAC,KAAK,CACF,CACV,CACV,CAAC,CACA,CACT,CAAC;AACJ,CAAC;AACD,eAAe,aAAa,CAAC"}

package/dist/stories/molecules/FooterSection/FooterSection.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Section: any;