@universal-tennis/ui-shared 0.1.68 → 0.1.69

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

@@ -1,39 +1,39 @@
-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 parsePhoneNumber from 'libphonenumber-js';
-import LocalPhoneOutlinedIcon from '@mui/icons-material/LocalPhoneOutlined';
-import EmailOutlinedIcon from '@mui/icons-material/EmailOutlined';
-import Link from '@mui/material/Link';
-import Button from '../../atoms/Button/Button';
-import Typography from '../../atoms/Typography/Typography';
-import ChatIcon from '../../assets/icon-chat-blue.svg';
-import { StyledCard } from './shared';
-export default function ContactCard(_a) {
-    var { name, phone, email, handleOnMessageClick } = _a, props = __rest(_a, ["name", "phone", "email", "handleOnMessageClick"]);
-    const firstName = name.split(" ")[0];
-    const parsedNumber = parsePhoneNumber(phone || '');
-    const phoneNumber = parsedNumber === null || parsedNumber === void 0 ? void 0 : parsedNumber.formatInternational();
-    return (React.createElement(StyledCard, Object.assign({}, props),
-        React.createElement(Typography, { style: { marginBottom: '8px' }, category: "secondary", size: "medium-medium" }, name),
-        phoneNumber && (React.createElement(Link, { sx: { display: 'flex' }, mt: 1, fontSize: 14, href: `tel:${phone}` },
-            React.createElement(LocalPhoneOutlinedIcon, { fontSize: "small", sx: { mr: 1 } }),
-            React.createElement(Typography, { category: "secondary", size: "x-small-book" }, phoneNumber))),
-        email && (React.createElement(Link, { sx: { display: 'flex' }, mt: 1, fontSize: 14, href: `mailto:${email}` },
-            React.createElement(EmailOutlinedIcon, { fontSize: "small", sx: { mr: 1 } }),
-            React.createElement(Typography, { category: "secondary", size: "x-small-book" }, email))),
-        React.createElement(Button, { onClick: handleOnMessageClick, category: "link", style: { marginTop: '8px' } },
-            React.createElement(React.Fragment, null,
-                React.createElement("img", { src: ChatIcon, alt: "message", style: { width: '20px' } }),
-                React.createElement(Typography, { style: { paddingLeft: '8px' }, category: "secondary", size: "x-small-book" }, `Message ${firstName}`)))));
-}
+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 parsePhoneNumber from 'libphonenumber-js';
+import LocalPhoneOutlinedIcon from '@mui/icons-material/LocalPhoneOutlined';
+import EmailOutlinedIcon from '@mui/icons-material/EmailOutlined';
+import Link from '@mui/material/Link';
+import Button from '../../atoms/Button/Button';
+import Typography from '../../atoms/Typography/Typography';
+import ChatIcon from '../../assets/icon-chat-blue.svg';
+import { StyledCard } from './shared';
+export default function ContactCard(_a) {
+    var { name, phone, email, onMessageClick } = _a, props = __rest(_a, ["name", "phone", "email", "onMessageClick"]);
+    const firstName = name.split(" ")[0];
+    const parsedNumber = parsePhoneNumber(phone || '');
+    const phoneNumber = parsedNumber === null || parsedNumber === void 0 ? void 0 : parsedNumber.formatInternational();
+    return (React.createElement(StyledCard, Object.assign({}, props),
+        React.createElement(Typography, { style: { marginBottom: '8px' }, category: "secondary", size: "medium-medium" }, name),
+        phoneNumber && (React.createElement(Link, { sx: { display: 'flex' }, mt: 1, fontSize: 14, href: `tel:${phone}` },
+            React.createElement(LocalPhoneOutlinedIcon, { fontSize: "small", sx: { mr: 1 } }),
+            React.createElement(Typography, { category: "secondary", size: "x-small-book" }, phoneNumber))),
+        email && (React.createElement(Link, { sx: { display: 'flex' }, mt: 1, fontSize: 14, href: `mailto:${email}` },
+            React.createElement(EmailOutlinedIcon, { fontSize: "small", sx: { mr: 1 } }),
+            React.createElement(Typography, { category: "secondary", size: "x-small-book" }, email))),
+        React.createElement(Button, { onClick: onMessageClick, category: "link", style: { marginTop: '8px' } },
+            React.createElement(React.Fragment, null,
+                React.createElement("img", { src: ChatIcon, alt: "message", style: { width: '20px' } }),
+                React.createElement(Typography, { style: { paddingLeft: '8px' }, category: "secondary", size: "x-small-book" }, `Message ${firstName}`)))));
+}
 //# sourceMappingURL=ContactCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContactCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/ContactCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AACjD,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AAClE,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAStC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAEjB;QAFiB,EAClC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,oBAAoB,OACvB,EAD4B,KAAK,cADhB,kDAEnC,CADmD;IAElD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,mBAAmB,EAAE,CAAC;IAExD,OAAO,CACH,oBAAC,UAAU,oBACL,KAAK;QAET,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAC,YAAY,EAAE,KAAK,EAAC,EAAE,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,eAAe,IAAE,IAAI,CAAc;QACtG,WAAW,IAAI,CAChB,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,KAAK,EAAE;YACpE,oBAAC,sBAAsB,IAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAI;YAC1D,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAAE,WAAW,CAAc,CAC1E,CACN;QACA,KAAK,IAAI,CACV,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,KAAK,EAAE;YACrE,oBAAC,iBAAiB,IAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAI;YACrD,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAAE,KAAK,CAAc,CACtE,CACN;QACD,oBAAC,MAAM,IAAC,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,EAAC;YAC9E;gBACE,6BAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,SAAS,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,GAAI;gBAC5D,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC,EAAE,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAC5E,WAAW,SAAS,EAAE,CACd,CACZ,CACI,CACE,CAChB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ContactCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/ContactCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AACjD,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AAClE,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAEjB;QAFiB,EAClC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,OACjB,EADsB,KAAK,cADV,4CAEnC,CAD6C;IAE5C,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,mBAAmB,EAAE,CAAC;IAExD,OAAO,CACH,oBAAC,UAAU,oBAAK,KAAK;QACjB,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,eAAe,IAAE,IAAI,CAAc;QACxG,WAAW,IAAI,CAChB,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,KAAK,EAAE;YACpE,oBAAC,sBAAsB,IAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAI;YAC1D,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAAE,WAAW,CAAc,CAC5E,CACN;QACA,KAAK,IAAI,CACV,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,KAAK,EAAE;YACvE,oBAAC,iBAAiB,IAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAI;YACrD,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAAE,KAAK,CAAc,CACtE,CACN;QACD,oBAAC,MAAM,IAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACxE;gBACI,6BAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI;gBAC9D,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAC9E,WAAW,SAAS,EAAE,CACd,CACd,CACE,CACA,CAChB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DrawCardProps } from "./sharedTypes";
+export default function DrawCard({ options, onChange, onEditClick, onViewClick, selectedOptions, dateLabel, locationLabel, emptyLabel, isDisabled, isSelectActive, isPosition1Winner, isPosition2Winner, isManaging, isScorelessMatch, position1Team, position2Team, isFlexWidth, ...props }: DrawCardProps): JSX.Element;

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

@@ -0,0 +1,117 @@
+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 Select from '@mui/material/Select';
+import MenuItem from '@mui/material/MenuItem';
+import { Divider, FormControl, InputLabel } from '@mui/material';
+import Button from '../../atoms/Button/Button';
+import Typography, { SECONDARY_SIZES_ENUM, CATEGORY_ENUM } from '../../atoms/Typography/Typography';
+const BYE_ROUND = "Bye";
+const StyledCard = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'isFlexWidth' && prop !== 'isSelectActive'
+})(({ isFlexWidth, isSelectActive }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    borderRadius: '4px',
+    padding: '16px 24px',
+    width: '100%',
+    minWidth: isFlexWidth ? 'auto' : '350px',
+    height: isSelectActive ? '235px' : '200px',
+    backgroundColor: 'var(--cool-grey-150)',
+    '&:hover': {
+        cursor: 'pointer'
+    },
+}));
+const BottomGrid = styled(Box)({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingTop: '32px',
+});
+const positions = {
+    ONE: 1,
+    TWO: 2,
+};
+export default function DrawCard(_a) {
+    var { options, onChange, onEditClick, onViewClick, selectedOptions, dateLabel, locationLabel, emptyLabel, isDisabled, isSelectActive, isPosition1Winner, isPosition2Winner, isManaging, isScorelessMatch, position1Team, position2Team, isFlexWidth } = _a, props = __rest(_a, ["options", "onChange", "onEditClick", "onViewClick", "selectedOptions", "dateLabel", "locationLabel", "emptyLabel", "isDisabled", "isSelectActive", "isPosition1Winner", "isPosition2Winner", "isManaging", "isScorelessMatch", "position1Team", "position2Team", "isFlexWidth"]);
+    const { optionOne, optionTwo } = selectedOptions || {};
+    const handleOnSelectionChange = (event, position) => {
+        const id = event.target.value;
+        if (onChange) {
+            onChange({ position, id });
+        }
+    };
+    return (React.createElement(StyledCard, Object.assign({ isFlexWidth: isFlexWidth, isSelectActive: isSelectActive }, props),
+        isSelectActive ? (React.createElement(React.Fragment, null,
+            React.createElement(FormControl, { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' } },
+                React.createElement(InputLabel, { id: "draw-card-select-top" }, emptyLabel),
+                React.createElement(Select, { sx: { width: '100%' }, labelId: "draw-card-select-top", id: "draw-card-select-top", label: emptyLabel, value: optionOne, disabled: isDisabled, onChange: (e) => handleOnSelectionChange(e, positions.ONE) },
+                    React.createElement(MenuItem, { value: "" }, "None"),
+                    options.map((option) => React.createElement(MenuItem, { key: option.id, value: option.id }, option.label)),
+                    React.createElement(MenuItem, { sx: { borderTop: '1px solid var(--cool-grey-500)' }, value: BYE_ROUND }, "Set bye"))),
+            React.createElement(Box, { pt: 2 }),
+            React.createElement(FormControl, { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' } },
+                React.createElement(InputLabel, { id: "draw-card-select-bot" }, emptyLabel),
+                React.createElement(Select, { sx: { width: '100%' }, labelId: "draw-card-select-bot", id: "draw-card-select-bot", label: emptyLabel, value: optionTwo, disabled: isDisabled, onChange: (e) => handleOnSelectionChange(e, positions.TWO) },
+                    React.createElement(MenuItem, { value: "" }, "None"),
+                    options.map((option) => React.createElement(MenuItem, { key: option.id, value: option.id }, option.label)),
+                    React.createElement(MenuItem, { sx: { borderTop: '1px solid var(--cool-grey-500)' }, value: BYE_ROUND }, "Set bye"))))) : (React.createElement(React.Fragment, null,
+            React.createElement(Box, { display: "flex", justifyContent: "space-between" },
+                React.createElement(Typography, { style: {
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        paddingRight: '4px',
+                        whiteSpace: 'nowrap'
+                    }, category: "secondary", size: isPosition1Winner ? 'medium-medium' : "medium-book" }, position1Team === null || position1Team === void 0 ? void 0 : position1Team.name),
+                React.createElement(Typography, { category: "secondary", size: isPosition1Winner ? 'medium-medium' : "medium-book" }, isScorelessMatch ? '-' : position1Team === null || position1Team === void 0 ? void 0 : position1Team.points)),
+            React.createElement(Divider, { sx: { my: 2 } }),
+            React.createElement(Box, { display: "flex", justifyContent: "space-between" },
+                React.createElement(Typography, { style: {
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        paddingRight: '4px',
+                        whiteSpace: 'nowrap'
+                    }, category: "secondary", size: isPosition2Winner ? 'medium-medium' : "medium-book" }, position2Team === null || position2Team === void 0 ? void 0 : position2Team.name),
+                React.createElement(Typography, { category: "secondary", size: isPosition2Winner ? 'medium-medium' : "medium-book" }, isScorelessMatch ? '-' : position2Team === null || position2Team === void 0 ? void 0 : position2Team.points)))),
+        React.createElement(BottomGrid, null,
+            React.createElement(Box, null,
+                React.createElement(Typography, { style: {
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        display: '-webkit-box',
+                        WebkitBoxOrient: 'vertical',
+                        WebkitLineClamp: 1,
+                    }, category: CATEGORY_ENUM.SECONDARY, size: SECONDARY_SIZES_ENUM.SmallBook }, dateLabel),
+                React.createElement(Typography, { style: {
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        display: '-webkit-box',
+                        WebkitBoxOrient: 'vertical',
+                        WebkitLineClamp: 1,
+                    }, category: CATEGORY_ENUM.SECONDARY, size: SECONDARY_SIZES_ENUM.SmallBook }, locationLabel)),
+            React.createElement(Box, { sx: { display: 'flex', justifyContent: 'end', width: '30%' } },
+                !!onEditClick && isManaging && (React.createElement(Button, { style: {
+                        display: 'flex',
+                        justifyContent: 'end'
+                    }, onClick: onEditClick, category: "link" },
+                    React.createElement(Typography, { category: CATEGORY_ENUM.SECONDARY, size: SECONDARY_SIZES_ENUM.XSmallMediumCap }, "Edit"))),
+                !!onEditClick && !!onViewClick && isManaging && (React.createElement(Typography, { sx: { color: 'var(--blue-grey-500)', padding: '0 8px' }, category: CATEGORY_ENUM.SECONDARY, size: SECONDARY_SIZES_ENUM.XSmallMediumCap }, "|")),
+                !!onViewClick && (React.createElement(Button, { onClick: onViewClick, category: "link", style: {
+                        display: 'flex',
+                        justifyContent: 'end',
+                        minWidth: 'auto'
+                    } },
+                    React.createElement(Typography, { category: CATEGORY_ENUM.SECONDARY, size: SECONDARY_SIZES_ENUM.XSmallMediumCap }, "View")))))));
+}
+//# sourceMappingURL=DrawCard.js.map

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

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

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

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

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

@@ -0,0 +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 && 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/Modals.stories.js.map

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

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

@@ -1,7 +1,3 @@
-/// <reference types="react" />
-type TeamCardProps = {
-    title: string;
-    description: string;
-};
-export default function TeamCard({ title, description, ...props }: TeamCardProps): JSX.Element;
-export {};
+/// <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/TeamCard.js.map

@@ -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;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"}
+{"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"}

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

@@ -0,0 +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;

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

@@ -0,0 +1,75 @@
+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: "100px",
+    backgroundColor: "var(--white)",
+    border: "1px solid var(--cool-grey-600)",
+    marginLeft: `${teamDrawCardSideMargin}`,
+    marginRight: `${teamDrawCardSideMargin}`,
+    position: "relative",
+    marginBottom: `${teamDrawCardBottomMargin}`
+});
+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, isBye: !(position1Team === null || position1Team === void 0 ? void 0 : position1Team.name) }),
+                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, isBye: !(position2Team === null || position2Team === void 0 ? void 0 : position2Team.name) }),
+                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" },
+                    React.createElement(StyledTypography, { category: SECONDARY, size: XSmallBook }, dateLabel),
+                    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

@@ -0,0 +1 @@
+{"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,9 +1,4 @@
-/// <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>, {}, {}>;
+/// <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>, {}, {}>;

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

@@ -0,0 +1,59 @@
+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 {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sharedTypes.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/sharedTypes.ts"],"names":[],"mappings":"AAAA,aAAa"}