@universal-tennis/ui-shared 0.1.3 → 0.1.4

package/.storybook/preview.js

@@ -1,4 +1,5 @@
 import "./typography.css";
+import './variables.css';
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },

package/.storybook/variables.css

@@ -0,0 +1,12 @@
+:root {
+    --primary: #008ded;
+    --secondary: #e0004f;
+    --disabled: #bac6d6;
+    --black: #000;
+    --white: #fff;
+    --light-grey: #d7e0ea;
+    --darkest-grey: #3b4859;
+    --cool-grey-600: #A7B2C1;
+    --cool-grey-300: #DDE3EB;
+    --cool-grey-150: #F0F4F9;
+    }

package/dist/components.d.ts

@@ -2,3 +2,4 @@ export { default as Button } from "./stories/atoms/Button/Button";
 export { default as Typography } from "./stories/atoms/Typography/Typography";
 export { default as ContactCard } from "./stories/molecules/Cards/ContactCard";
 export { default as TeamCard } from "./stories/molecules/Cards/TeamCard";
+export { default as SortableTable } from "./stories/organisms/SortableTable";

package/dist/stories/assets/css/variables.css

@@ -6,5 +6,7 @@
     --white: #fff;
     --light-grey: #d7e0ea;
     --darkest-grey: #3b4859;
+    --cool-grey-600: #A7B2C1;
     --cool-grey-300: #DDE3EB;
+    --cool-grey-150: #F0F4F9;
     }

package/dist/stories/atoms/Typography/Typography.d.ts

@@ -8,4 +8,42 @@ interface TypographyProps extends MuiTypographyProps {
     weight?: number;
 }
 export default function Typography({ children, category, size, ...props }: TypographyProps): JSX.Element;
+export declare const DISPLAY_SIZES_ENUM: {
+    XXXLarge: string;
+    XXLarge: string;
+    XLarge: string;
+    Large: string;
+    LargeLight: string;
+    MediumBook: string;
+};
+export declare const PRIMARY_SIZES_ENUM: {
+    LargeBold: string;
+    LargeBook: string;
+    LargeLight: string;
+    MediumSemibold: string;
+    MediumMedium: string;
+    MediumBook: string;
+    SmallBook: string;
+    XSmallBook: string;
+};
+export declare const SECONDARY_SIZES_ENUM: {
+    LargeMedium: string;
+    LargeBook: string;
+    MediumMedium: string;
+    MediumBook: string;
+    SmallMediumCap: string;
+    SmallMedium: string;
+    SmallBook: string;
+    XSmallMediumCap: string;
+    XSmallMedium: string;
+    XSmallBookCap: string;
+    XSmallBook: string;
+    XXSmallMediumCap: string;
+    XXSmallBook: string;
+};
+export declare const CATEGORY_ENUM: {
+    PRIMARY: string;
+    SECONDARY: string;
+    DISPLAY: string;
+};
 export {};

package/dist/stories/atoms/Typography/Typography.js

@@ -103,4 +103,42 @@ export default function Typography(_a) {
             return (React.createElement(PrimaryTypography, Object.assign({ size: size, weight: weight }, props), children));
     }
 }
+export const DISPLAY_SIZES_ENUM = {
+    XXXLarge: "XXX-large",
+    XXLarge: "XX-large",
+    XLarge: "X-large",
+    Large: 'large',
+    LargeLight: "large-light",
+    MediumBook: "medium-book",
+};
+export const PRIMARY_SIZES_ENUM = {
+    LargeBold: "large-bold",
+    LargeBook: "large-book",
+    LargeLight: "large-light",
+    MediumSemibold: "medium-semibold",
+    MediumMedium: "medium-medium",
+    MediumBook: "medium-book",
+    SmallBook: "small-book",
+    XSmallBook: "x-small-book",
+};
+export const SECONDARY_SIZES_ENUM = {
+    LargeMedium: "large-medium",
+    LargeBook: "large-book",
+    MediumMedium: "medium-medium",
+    MediumBook: "medium-book",
+    SmallMediumCap: "small-medium-cap",
+    SmallMedium: "small-medium",
+    SmallBook: "small-book",
+    XSmallMediumCap: "x-small-medium-cap",
+    XSmallMedium: "x-small-medium",
+    XSmallBookCap: "x-small-book-cap",
+    XSmallBook: "x-small-book",
+    XXSmallMediumCap: "xx-small-medium-cap",
+    XXSmallBook: "xx-small-book",
+};
+export const CATEGORY_ENUM = {
+    PRIMARY: 'primary',
+    SECONDARY: 'secondary',
+    DISPLAY: 'display'
+};
 //# sourceMappingURL=Typography.js.map

package/dist/stories/atoms/Typography/Typography.js.map

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

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

@@ -4,3 +4,4 @@ declare const _default: {
 export default _default;
 export declare const Contact: any;
 export declare const Team: any;
+export declare const Draw: any;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import ContactCard from './ContactCard';
 import TeamCard from './TeamCard';
+import DrawCard from './DrawCard';
 // Default
 export default {
     title: 'Molecules/Cards',
@@ -12,6 +13,10 @@ function ContactCardTemplate(args) {
 function TeamCardTemplate(args) {
     return React.createElement(TeamCard, Object.assign({}, args));
 }
+function DrawCardTemplate(args) {
+    return (React.createElement("div", { style: { width: '372px' } },
+        React.createElement(DrawCard, Object.assign({}, args))));
+}
 // Stories
 export const Contact = ContactCardTemplate.bind({});
 Contact.args = {
@@ -24,4 +29,23 @@ Team.args = {
     title: 'team 1',
     description: 'Captained by Lenny McDowell, Josh Palmer, and Michael Ballast. Requires a passcode for registration.'
 };
+export const Draw = DrawCardTemplate.bind({});
+Draw.args = {
+    options: [
+        {
+            id: 1,
+            label: 'Team 1',
+        },
+        {
+            id: 2,
+            label: 'Team 2',
+        }
+    ],
+    selectedOptions: {
+        optionOne: 1,
+        optionTwo: 2,
+    },
+    dateLabel: 'Dec 20 at 9:00am',
+    locationLabel: 'Taube Tennis Center',
+};
 //# sourceMappingURL=Cards.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Cards.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/Cards.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAelC,UAAU;AACV,eAAe;IACb,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEF,YAAY;AACZ,SAAS,mBAAmB,CAAC,IAAsB;IACjD,OAAO,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;AACnC,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAmB;IAC3C,OAAO,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAChC,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,IAAI,CAAC,IAAI,GAAG;IACV,KAAK,EAAE,QAAQ;IACf,WAAW,EAAE,sGAAsG;CACpH,CAAC"}
+{"version":3,"file":"Cards.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/Cards.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,UAAU;AACV,eAAe;IACb,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEF,YAAY;AACZ,SAAS,mBAAmB,CAAC,IAAsB;IACjD,OAAO,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;AACnC,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAmB;IAC3C,OAAO,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAChC,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAmB;IAC3C,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;QAC1B,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CACpB,CACT,CAAC;AACJ,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,IAAI,CAAC,IAAI,GAAG;IACV,KAAK,EAAE,QAAQ;IACf,WAAW,EAAE,sGAAsG;CACpH,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,IAAI,CAAC,IAAI,GAAG;IACV,OAAO,EAAE;QACP;YACE,EAAE,EAAE,CAAC;YACL,KAAK,EAAE,QAAQ;SAChB;QACD;YACE,EAAE,EAAE,CAAC;YACL,KAAK,EAAE,QAAQ;SAChB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC;KACb;IACD,SAAS,EAAE,kBAAkB;IAC7B,aAAa,EAAE,qBAAqB;CACrC,CAAC"}

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

@@ -1,9 +1,3 @@
 /// <reference types="react" />
-type ContactCardProps = {
-    name: string;
-    phone: string;
-    email: string;
-    onMessageClick?: VoidFunction;
-};
+import { ContactCardProps } from './sharedTypes';
 export default function ContactCard({ name, phone, email, onMessageClick, ...props }: ContactCardProps): JSX.Element;
-export {};

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,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"}
+{"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, selectedOptions, dateLabel, locationLabel, ...props }: DrawCardProps): JSX.Element;

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

@@ -0,0 +1,66 @@
+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 MuiSelect from '@mui/material/Select';
+import MenuItem from '@mui/material/MenuItem';
+import Button from '../../atoms/Button/Button';
+import Typography, { SECONDARY_SIZES_ENUM, CATEGORY_ENUM } from '../../atoms/Typography/Typography';
+const StyledCard = styled(Box)({
+    display: 'flex',
+    flexDirection: 'column',
+    borderRadius: '4px',
+    padding: '16px 24px',
+    width: '100%',
+    backgroundColor: 'var(--cool-grey-150)',
+    '&:hover': {
+        cursor: 'pointer'
+    },
+});
+const StyledMuiSelect = styled(MuiSelect)({
+    border: '1px solid var(--cool-grey-600)',
+});
+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, selectedOptions, dateLabel, locationLabel } = _a, props = __rest(_a, ["options", "onChange", "onEditClick", "selectedOptions", "dateLabel", "locationLabel"]);
+    const { optionOne, optionTwo } = selectedOptions || null;
+    const handleOnSelectionChange = (event, position) => {
+        const id = event.target.value;
+        if (onChange) {
+            onChange({ position, id });
+        }
+    };
+    return (React.createElement(StyledCard, Object.assign({}, props),
+        React.createElement(StyledMuiSelect, { labelId: "draw-card-select-label-top", id: "draw-card-select-top", value: optionOne, label: "teamOne", onChange: (e) => handleOnSelectionChange(e, Positions.ONE) }, options.map((option) => React.createElement(MenuItem, { key: option.id, value: option.id }, option.label))),
+        React.createElement(Box, { pt: 1 }),
+        React.createElement(StyledMuiSelect, { labelId: "draw-card-select-label-bot", id: "draw-card-select-bot", value: optionTwo, label: "teamTwo", onChange: (e) => handleOnSelectionChange(e, Positions.TWO) }, options.map((option) => React.createElement(MenuItem, { key: option.id, value: option.id }, option.label))),
+        React.createElement(BottomGrid, null,
+            React.createElement(Box, null,
+                React.createElement(Typography, { category: CATEGORY_ENUM.SECONDARY, size: SECONDARY_SIZES_ENUM.SmallBook }, dateLabel),
+                React.createElement(Typography, { category: CATEGORY_ENUM.SECONDARY, size: SECONDARY_SIZES_ENUM.SmallBook }, locationLabel)),
+            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")))));
+}
+//# 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/TeamCard.d.ts

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

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,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"}
+{"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/sharedTypes.d.ts

@@ -0,0 +1,31 @@
+type SelectedOptions = {
+    optionOne: number;
+    optionTwo: number;
+};
+type Options = {
+    id: number;
+    label: string;
+}[];
+type OnChangeArgs = {
+    position: string;
+    id: string;
+};
+export type DrawCardProps = {
+    options: Options;
+    selectedOptions: SelectedOptions;
+    dateLabel: string;
+    locationLabel: string;
+    onEditClick?: VoidFunction;
+    onChange?: ({ position, id }: OnChangeArgs) => null;
+};
+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"}

package/dist/stories/organisms/DrawCardTable.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DrawCardTableProps } from './sharedTypes';
+export default function DrawCardTable({ headerRows, tableRows, ...props }: DrawCardTableProps): JSX.Element;

package/dist/stories/organisms/DrawCardTable.js

@@ -0,0 +1,40 @@
+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 Grid from '@mui/material/Grid';
+import Typography from '../atoms/Typography/Typography';
+const StyledHeader = styled(Grid)({
+    alignItems: 'center',
+    justifyContent: 'center',
+    display: 'flex',
+});
+const GridSections = styled(Box)({
+    display: 'flex',
+    alignItems: 'center',
+    padding: '8px'
+});
+export default function DrawCardTable(_a) {
+    var { headerRows, tableRows } = _a, props = __rest(_a, ["headerRows", "tableRows"]);
+    const totalColumns = Math.floor(12 / headerRows.length);
+    const formatTableRows = tableRows.map((row, index) => {
+        const rowSectionsWidth = `${100 / tableRows[index].length}%`;
+        const sectionAmount = tableRows[index].length;
+        return (React.createElement(Grid, { key: index, xs: totalColumns }, [...Array(sectionAmount)].map((section, idx) => (React.createElement(GridSections, { key: idx, sx: { height: rowSectionsWidth } }, row[idx])))));
+    });
+    return (React.createElement(Box, Object.assign({}, props, { sx: { flexGrow: 1 }, "aria-label": "draw table" }),
+        React.createElement(Grid, { container: true, sx: { height: '60px' } }, headerRows.map((row) => (React.createElement(StyledHeader, { key: row.name, xs: totalColumns },
+            React.createElement(Typography, { category: "secondary", size: "small-medium-cap" }, row.name))))),
+        React.createElement(Grid, { container: true }, formatTableRows)));
+}
+//# sourceMappingURL=DrawCardTable.js.map

package/dist/stories/organisms/DrawCardTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawCardTable.js","sourceRoot":"","sources":["../../../src/stories/organisms/DrawCardTable.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,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAGxD,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAIjB;QAJiB,EACpC,UAAU,EACV,SAAS,OAEU,EADhB,KAAK,cAH4B,2BAIrC,CADS;IAER,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IAExD,MAAM,eAAe,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACnD,MAAM,gBAAgB,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;QAC7D,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;QAE9C,OAAO,CACH,oBAAC,IAAI,IAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,YAAY,IAC7B,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7C,oBAAC,YAAY,IAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,IACnD,GAAG,CAAC,GAAG,CAAC,CACE,CAClB,CAAC,CACC,CACV,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,oBAAC,GAAG,oBAAK,KAAK,IAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,gBAAa,YAAY;QACxD,oBAAC,IAAI,IAAC,SAAS,QAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IACjC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACrB,oBAAC,YAAY,IAAC,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,YAAY;YACzC,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,kBAAkB,IAAE,GAAG,CAAC,IAAI,CAAc,CACrE,CAClB,CAAC,CACC;QACP,oBAAC,IAAI,IAAC,SAAS,UACV,eAAe,CACb,CACL,CACT,CAAC;AACJ,CAAC"}

package/dist/stories/organisms/SortableTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableTable.js","sourceRoot":"","sources":["../../../src/stories/organisms/SortableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAGxC,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAqBxD,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,KAAK,GAAG,EAAE,EACV,qBAAqB,GACF;IACnB,MAAM,QAAQ,GAAG,YAAY,CAAC;IAE9B,MAAM,iBAAiB,GAAG,CAAC,QAAuB,EAAE,EAAE,CAAC,CAAC,KAAqB,EAAE,EAAE;QAC/E,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,KAAK,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE;QAC9B,KAAK,IAAI,CACV,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE;YAChD,oBAAC,UAAU,IACP,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,cAAc,EACnB,EAAE,EAAC,YAAY,IAEd,KAAK,CACG,CACP,CACT;QACD,oBAAC,cAAc;YACX,oBAAC,KAAK,IACF,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,qBACL,YAAY,EAC5B,IAAI,EAAC,QAAQ;gBAEb,oBAAC,SAAS;oBACN,oBAAC,WAAW,QACP,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,IACN,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,QAAQ,EAChB,aAAa,EAAE,cAAc,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;wBAEjE,oBAAC,cAAc,IACX,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,EACpC,YAAY,EAAE,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,EAC9B,MAAM,EAAE,cAAc,KAAK,QAAQ,CAAC,EAAE,EACtC,SAAS,EAAE,cAAc,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAC7D,OAAO,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,IAEtC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CACH,CACT,CACf,CAAC,CACQ,CACN;gBACZ,oBAAC,SAAS,QACL,SAAS,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,IAAe,EAAE,KAAa,EAAE,EAAE;oBAC7D,MAAM,OAAO,GAAG,SAAS,KAAK,EAAE,CAAC;oBACjC,OAAO,CACH,oBAAC,QAAQ,IACL,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;gBACJ,CAAC,CAAC,CACM,CACR,CACK,CACb,CACX,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/stories/organisms/Tables.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DrawTable: any;
+export declare const SortableTable: any;

package/dist/stories/organisms/Tables.stories.js

@@ -0,0 +1,117 @@
+import React from 'react';
+import { TableRow, TableCell, Typography } from '@mui/material';
+import DrawCard from '../molecules/Cards/DrawCard';
+import DrawCardTable from './DrawCardTable';
+const rowComponent = ({ rowData, labelId }) => {
+    const { player, session, team } = rowData;
+    return (React.createElement(TableRow, null,
+        React.createElement(TableCell, { component: "th", id: labelId, scope: "row", padding: "normal" },
+            React.createElement(Typography, null, player)),
+        React.createElement(TableCell, { align: "left" },
+            React.createElement(Typography, null, team)),
+        React.createElement(TableCell, { align: "left" },
+            React.createElement(Typography, null, session))));
+};
+const headCells = [
+    { id: 'player', label: 'Player Name', isSortingDisabled: false },
+    { id: 'team', label: 'Team Name', isSortingDisabled: true },
+    { id: 'session', label: 'Session', isSortingDisabled: false }
+];
+const tableData = [
+    {
+        player: 'John Smith',
+        team: 'Mavericks',
+        session: 'NorCal Adults',
+    },
+    {
+        player: 'Megan Brown',
+        team: 'Mini Mavericks',
+        session: 'SoCal Juniors',
+    },
+    {
+        player: 'George Fox',
+        team: 'Grey Foxes',
+        session: 'North Bay Junios',
+    },
+    {
+        player: 'Alison Green',
+        team: 'Lions',
+        session: 'Outer Bay UTR 2-5',
+    },
+    {
+        player: 'Linda Belinda',
+        team: 'Green Hornets',
+        session: 'Tri-State UTR 1-3',
+    },
+];
+const onOrderPropertyChange = () => { };
+const SAMPLE_CARD_DATA = {
+    options: [
+        {
+            id: 1,
+            label: 'Team 1',
+        },
+        {
+            id: 2,
+            label: 'Team 2',
+        }
+    ],
+    selectedOptions: {
+        optionOne: 1,
+        optionTwo: 2,
+    },
+    dateLabel: 'Dec 20 at 9:00am',
+    locationLabel: 'Taube Tennis Center',
+};
+// Default
+export default {
+    title: 'Organisms/Tables',
+};
+// Templates
+function DrawCardTableTemplate(args) {
+    return React.createElement(DrawCardTable, Object.assign({}, args));
+}
+const headerRows = [
+    { name: 'Round 1' },
+    { name: 'Quarterfinal' },
+    { name: 'SemiFinal' },
+];
+const tableRows = [
+    [
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+    ],
+    [
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+    ],
+    [
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+        React.createElement(DrawCard, Object.assign({}, SAMPLE_CARD_DATA)),
+    ],
+];
+// Stories
+export const DrawTable = DrawCardTableTemplate.bind({});
+DrawTable.args = {
+    headerRows,
+    tableRows,
+};
+export const SortableTable = DrawCardTableTemplate.bind({});
+SortableTable.args = {
+    headCells,
+    sortOrder: 'asc',
+    sortByProperty: 'player',
+    title: 'Player Table',
+    tableData,
+    rowComponent,
+    onOrderPropertyChange,
+};
+//# sourceMappingURL=Tables.stories.js.map

package/dist/stories/organisms/Tables.stories.js.map

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

package/dist/stories/organisms/sharedTypes.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type DrawCardTableProps = {
+    headerRows: {
+        name: string;
+    }[];
+    tableRows: ReactNode[][];
+};

package/dist/stories/organisms/sharedTypes.js

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

package/dist/stories/organisms/sharedTypes.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-tennis/ui-shared",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "main": "dist/items.js",
   "license": "MIT",
   "homepage": "https://universaltennis.com",

package/src/stories/assets/css/variables.css

@@ -6,5 +6,7 @@
     --white: #fff;
     --light-grey: #d7e0ea;
     --darkest-grey: #3b4859;
+    --cool-grey-600: #A7B2C1;
     --cool-grey-300: #DDE3EB;
+    --cool-grey-150: #F0F4F9;
     }

package/src/stories/atoms/Typography/Typography.tsx

@@ -141,3 +141,45 @@ export default function Typography({
       );
   }
 }
+
+export const DISPLAY_SIZES_ENUM = {
+  XXXLarge: "XXX-large",
+  XXLarge: "XX-large",
+  XLarge: "X-large",
+  Large: 'large',
+  LargeLight: "large-light",
+  MediumBook: "medium-book",
+};
+
+export const PRIMARY_SIZES_ENUM = {
+  LargeBold: "large-bold",
+  LargeBook: "large-book",
+  LargeLight: "large-light",
+  MediumSemibold: "medium-semibold",
+  MediumMedium: "medium-medium",
+  MediumBook: "medium-book",
+  SmallBook: "small-book",
+  XSmallBook: "x-small-book",
+};
+
+export const SECONDARY_SIZES_ENUM = {
+  LargeMedium: "large-medium",
+  LargeBook: "large-book",
+  MediumMedium: "medium-medium",
+  MediumBook: "medium-book",
+  SmallMediumCap: "small-medium-cap",
+  SmallMedium: "small-medium",
+  SmallBook: "small-book",
+  XSmallMediumCap: "x-small-medium-cap",
+  XSmallMedium: "x-small-medium",
+  XSmallBookCap: "x-small-book-cap",
+  XSmallBook: "x-small-book",
+  XXSmallMediumCap: "xx-small-medium-cap",
+  XXSmallBook: "xx-small-book",
+};
+
+export const CATEGORY_ENUM = {
+  PRIMARY: 'primary',
+  SECONDARY: 'secondary',
+  DISPLAY: 'display'
+};

package/src/stories/molecules/Cards/Cards.stories.tsx

@@ -2,19 +2,8 @@ import React from 'react';
 
 import ContactCard from './ContactCard';
 import TeamCard from './TeamCard';
-
-// Prop types
-interface ContactCardProps {
-  name: string;
-  phone: string;
-  email: string;
-  handleOnMessageClick?: VoidFunction;
-}
-
-interface TeamCardProps {
-  title: string; 
-  description: string;
-}
+import DrawCard from './DrawCard';
+import { DrawCardProps, TeamCardProps, ContactCardProps } from "./sharedTypes";
 
 // Default
 export default {
@@ -30,6 +19,14 @@ function TeamCardTemplate(args: TeamCardProps) {
   return <TeamCard {...args} />;  
 }
 
+function DrawCardTemplate(args: DrawCardProps) {
+  return (
+      <div style={{ width: '372px' }}>
+          <DrawCard {...args} /> 
+      </div>
+  );
+}
+
 // Stories
 export const Contact = ContactCardTemplate.bind({});
 Contact.args = {
@@ -43,3 +40,23 @@ Team.args = {
   title: 'team 1',
   description: 'Captained by Lenny McDowell, Josh Palmer, and Michael Ballast. Requires a passcode for registration.'
 };
+
+export const Draw = DrawCardTemplate.bind({});
+Draw.args = {
+  options: [
+    {
+      id: 1,
+      label: 'Team 1',
+    },
+    {
+      id: 2,
+      label: 'Team 2',
+    }
+  ],
+  selectedOptions: {
+    optionOne: 1,
+    optionTwo: 2,
+  },
+  dateLabel: 'Dec 20 at 9:00am',
+  locationLabel: 'Taube Tennis Center',
+};

package/src/stories/molecules/Cards/ContactCard.tsx

@@ -8,13 +8,7 @@ import Typography from '../../atoms/Typography/Typography';
 import ChatIcon from '../../assets/icon-chat-blue.svg';
 
 import { StyledCard } from './shared';
-
-type ContactCardProps = {
-  name: string;
-  phone: string;
-  email: string;
-  onMessageClick?: VoidFunction;
-}
+import { ContactCardProps } from './sharedTypes';
 
 export default function ContactCard({
   name, phone, email, onMessageClick, ...props 

package/src/stories/molecules/Cards/DrawCard.tsx

@@ -0,0 +1,101 @@
+import React from 'react';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import MuiSelect, { SelectChangeEvent } from '@mui/material/Select';
+import MenuItem from '@mui/material/MenuItem';
+import Button from '../../atoms/Button/Button';
+import Typography, { SECONDARY_SIZES_ENUM, CATEGORY_ENUM } from '../../atoms/Typography/Typography';
+import { DrawCardProps } from "./sharedTypes";
+
+const StyledCard = styled(Box)({
+  display: 'flex',
+  flexDirection: 'column',
+  borderRadius: '4px',
+  padding: '16px 24px',
+  width: '100%',
+  backgroundColor: 'var(--cool-grey-150)',
+  
+  '&:hover': {
+    cursor: 'pointer'
+  },
+});
+
+const StyledMuiSelect = styled(MuiSelect)({
+  border: '1px solid var(--cool-grey-600)',
+});
+
+const BottomGrid = styled(Box)({
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  paddingTop: '32px',
+});
+
+const Positions = {
+  ONE: '1',
+  TWO: '2',
+};
+
+export default function DrawCard({
+  options, onChange, onEditClick, selectedOptions, dateLabel, locationLabel, ...props
+}: DrawCardProps) {
+  const { optionOne, optionTwo } = selectedOptions || null;
+
+  const handleOnSelectionChange = (event: SelectChangeEvent<unknown>, position: string) => {
+    const id = event.target.value as string;
+    
+    if (onChange) {
+      onChange({ position, id });
+    }
+  };
+
+  return (
+      <StyledCard
+          {...props}
+      >
+          <StyledMuiSelect
+              labelId="draw-card-select-label-top"
+              id="draw-card-select-top"
+              value={optionOne}
+              label="teamOne"
+              onChange={(e) => handleOnSelectionChange(e, Positions.ONE)}
+          >
+              {options.map((option) => <MenuItem key={option.id} value={option.id}>{option.label}</MenuItem>)}
+          </StyledMuiSelect>
+
+          <Box pt={1} />
+          <StyledMuiSelect
+              labelId="draw-card-select-label-bot"
+              id="draw-card-select-bot"
+              value={optionTwo}
+              label="teamTwo"
+              onChange={(e) => handleOnSelectionChange(e, Positions.TWO)}
+          >
+              {options.map((option) => <MenuItem key={option.id} value={option.id}>{option.label}</MenuItem>)}
+          </StyledMuiSelect>
+          <BottomGrid> 
+
+              <Box>
+                  <Typography category={CATEGORY_ENUM.SECONDARY} size={SECONDARY_SIZES_ENUM.SmallBook}>
+                      {dateLabel}
+                  </Typography>
+                  <Typography category={CATEGORY_ENUM.SECONDARY} size={SECONDARY_SIZES_ENUM.SmallBook}>
+                      {locationLabel}
+                  </Typography>
+              </Box>
+              <Button
+                  style={{
+                    display: 'flex',
+                    justifyContent: 'end'
+                  }}
+                  onClick={onEditClick}
+                  category="link"
+              >
+                  <Typography category={CATEGORY_ENUM.SECONDARY} size={SECONDARY_SIZES_ENUM.XSmallMediumCap}>
+                      Edit
+                  </Typography>
+              </Button>
+          </BottomGrid>
+      </StyledCard>
+  );
+}

package/src/stories/molecules/Cards/TeamCard.tsx

@@ -2,11 +2,7 @@ import React from 'react';
 
 import Typography from '../../atoms/Typography/Typography';
 import { StyledCard } from './shared';
-
-type TeamCardProps = {
-  title: string;
-  description: string;
-}
+import { TeamCardProps } from './sharedTypes';
 
 export default function TeamCard({ title, description, ...props }: TeamCardProps) {
   return (

package/src/stories/molecules/Cards/sharedTypes.ts

@@ -0,0 +1,37 @@
+// Card types
+
+type SelectedOptions = {
+    optionOne: number;
+    optionTwo: number;
+}
+
+type Options = {
+    id: number;
+    label: string;
+}[];
+
+type OnChangeArgs = {
+  position: string;
+  id: string;
+}
+
+export type DrawCardProps = {
+    options: Options;
+    selectedOptions: SelectedOptions;
+    dateLabel: string;
+    locationLabel: string;
+    onEditClick?: VoidFunction;
+    onChange?: ({ position, id }: OnChangeArgs) => null;
+  }
+
+export interface TeamCardProps {
+    title: string; 
+    description: string;
+  }
+
+export interface ContactCardProps {
+    name: string;
+    phone: string;
+    email: string;
+    onMessageClick?: VoidFunction;
+  }

package/src/stories/organisms/DrawCardTable.tsx

@@ -0,0 +1,56 @@
+import React from 'react';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import Grid from '@mui/material/Grid';
+import Typography from '../atoms/Typography/Typography';
+import { DrawCardTableProps } from './sharedTypes';
+
+const StyledHeader = styled(Grid)({
+  alignItems: 'center',
+  justifyContent: 'center',
+  display: 'flex',
+});
+
+const GridSections = styled(Box)({
+  display: 'flex',
+  alignItems: 'center',
+  padding: '8px'
+});
+
+export default function DrawCardTable({
+  headerRows,
+  tableRows,
+  ...props
+}: DrawCardTableProps) {
+  const totalColumns = Math.floor(12 / headerRows.length); 
+
+  const formatTableRows = tableRows.map((row, index) => {
+    const rowSectionsWidth = `${100 / tableRows[index].length}%`;
+    const sectionAmount = tableRows[index].length;
+
+    return (
+        <Grid key={index} xs={totalColumns}>
+            {[...Array(sectionAmount)].map((section, idx) => (
+                <GridSections key={idx} sx={{ height: rowSectionsWidth }}>
+                    {row[idx]}
+                </GridSections>
+            ))}
+        </Grid>
+    );
+  });
+
+  return (
+      <Box {...props} sx={{ flexGrow: 1 }} aria-label="draw table">
+          <Grid container sx={{ height: '60px' }}>
+              {headerRows.map((row) => (
+                  <StyledHeader key={row.name} xs={totalColumns}>
+                      <Typography category="secondary" size="small-medium-cap">{row.name}</Typography>
+                  </StyledHeader>
+              ))}
+          </Grid>
+          <Grid container>
+              {formatTableRows}
+          </Grid>
+      </Box>
+  );
+}

package/src/stories/{oraganisms/SortableTable.stories.tsx → organisms/Tables.stories.tsx}

@@ -1,27 +1,18 @@
 import React from 'react';
 import { TableRow, TableCell, Typography } from '@mui/material';
-
-import SortableTable, { SortableTableProps } from './SortableTable';
-
-// Default
-export default {
-  title: 'Organisms/SortableTable',
-};
-
-// Templates
-function SortableTableTemplate(args: SortableTableProps) {
-  return <SortableTable {...args} />;  
-}
+import DrawCard from '../molecules/Cards/DrawCard';
+import DrawCardTable from './DrawCardTable';
+import { DrawCardTableProps } from './sharedTypes';
 
 interface RowData {
-    player: string;
-    team: string;
-    session: string;
+  player: string;
+  team: string;
+  session: string;
 }
 
 interface RowProps {
-    rowData: RowData,
-    labelId: string;
+  rowData: RowData,
+  labelId: string;
 }
 
 const rowComponent = ({ rowData, labelId }: RowProps) => {
@@ -43,7 +34,7 @@ const rowComponent = ({ rowData, labelId }: RowProps) => {
               <Typography>{session}</Typography>
           </TableCell>
       </TableRow>
-      
+    
   );
 };
 
@@ -82,9 +73,73 @@ const tableData = [
 
 const onOrderPropertyChange = () => {};
 
+const SAMPLE_CARD_DATA = {
+  options: [
+    {
+      id: 1,
+      label: 'Team 1',
+    },
+    {
+      id: 2,
+      label: 'Team 2',
+    }
+  ],
+  selectedOptions: {
+    optionOne: 1,
+    optionTwo: 2,
+  },
+  dateLabel: 'Dec 20 at 9:00am',
+  locationLabel: 'Taube Tennis Center',
+};
+
+// Default
+export default {
+  title: 'Organisms/Tables',
+};
+
+// Templates
+function DrawCardTableTemplate(args: DrawCardTableProps) {
+  return <DrawCardTable {...args} />;
+}
+
+const headerRows = [
+  { name: 'Round 1' },
+  { name: 'Quarterfinal' },
+  { name: 'SemiFinal' },
+];
+
+const tableRows = [
+  [      
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+  ],
+  [      
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+  ],
+  [      
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+      <DrawCard {...SAMPLE_CARD_DATA} />,
+  ],
+];
+
 // Stories
+export const DrawTable = DrawCardTableTemplate.bind({});
+DrawTable.args = {
+  headerRows,
+  tableRows,
+};
 
-const args = {
+export const SortableTable = DrawCardTableTemplate.bind({});
+SortableTable.args = {
   headCells,
   sortOrder: 'asc',
   sortByProperty: 'player',
@@ -93,6 +148,3 @@ const args = {
   rowComponent,
   onOrderPropertyChange,
 };
-
-export const DefaultTable = SortableTableTemplate.bind({});
-DefaultTable.args = args;

package/src/stories/organisms/sharedTypes.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+
+export type DrawCardTableProps = {
+    headerRows: {
+      name: string;
+    }[],
+    tableRows: ReactNode[][];
+  }

package/workflows/package-release-1.yml

@@ -1,7 +1,10 @@
 trigger:
   tags:
     include:
-    - '*'
+    - '0/*'
+  branches:
+    include:
+    - 'master'
 
 pool:
   vmImage: ubuntu-latest

package/dist/stories/oraganisms/SortableTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortableTable.js","sourceRoot":"","sources":["../../../src/stories/oraganisms/SortableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAGxC,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAqBxD,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,KAAK,GAAG,EAAE,EACV,qBAAqB,GACF;IACnB,MAAM,QAAQ,GAAG,YAAY,CAAC;IAE9B,MAAM,iBAAiB,GAAG,CAAC,QAAuB,EAAE,EAAE,CAAC,CAAC,KAAqB,EAAE,EAAE;QAC/E,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,KAAK,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE;QAC9B,KAAK,IAAI,CACV,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE;YAChD,oBAAC,UAAU,IACP,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,cAAc,EACnB,EAAE,EAAC,YAAY,IAEd,KAAK,CACG,CACP,CACT;QACD,oBAAC,cAAc;YACX,oBAAC,KAAK,IACF,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,qBACL,YAAY,EAC5B,IAAI,EAAC,QAAQ;gBAEb,oBAAC,SAAS;oBACN,oBAAC,WAAW,QACP,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,IACN,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,QAAQ,EAChB,aAAa,EAAE,cAAc,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;wBAEjE,oBAAC,cAAc,IACX,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,EACpC,YAAY,EAAE,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,EAC9B,MAAM,EAAE,cAAc,KAAK,QAAQ,CAAC,EAAE,EACtC,SAAS,EAAE,cAAc,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAC7D,OAAO,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,IAEtC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CACH,CACT,CACf,CAAC,CACQ,CACN;gBACZ,oBAAC,SAAS,QACL,SAAS,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,IAAe,EAAE,KAAa,EAAE,EAAE;oBAC7D,MAAM,OAAO,GAAG,SAAS,KAAK,EAAE,CAAC;oBACjC,OAAO,CACH,oBAAC,QAAQ,IACL,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;gBACJ,CAAC,CAAC,CACM,CACR,CACK,CACb,CACX,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/stories/oraganisms/SortableTable.stories.d.ts

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

package/dist/stories/oraganisms/SortableTable.stories.js

@@ -1,67 +0,0 @@
-import React from 'react';
-import { TableRow, TableCell, Typography } from '@mui/material';
-import SortableTable from './SortableTable';
-// Default
-export default {
-    title: 'Organisms/SortableTable',
-};
-// Templates
-function SortableTableTemplate(args) {
-    return React.createElement(SortableTable, Object.assign({}, args));
-}
-const rowComponent = ({ rowData, labelId }) => {
-    const { player, session, team } = rowData;
-    return (React.createElement(TableRow, null,
-        React.createElement(TableCell, { component: "th", id: labelId, scope: "row", padding: "normal" },
-            React.createElement(Typography, null, player)),
-        React.createElement(TableCell, { align: "left" },
-            React.createElement(Typography, null, team)),
-        React.createElement(TableCell, { align: "left" },
-            React.createElement(Typography, null, session))));
-};
-const headCells = [
-    { id: 'player', label: 'Player Name', isSortingDisabled: false },
-    { id: 'team', label: 'Team Name', isSortingDisabled: true },
-    { id: 'session', label: 'Session', isSortingDisabled: false }
-];
-const tableData = [
-    {
-        player: 'John Smith',
-        team: 'Mavericks',
-        session: 'NorCal Adults',
-    },
-    {
-        player: 'Megan Brown',
-        team: 'Mini Mavericks',
-        session: 'SoCal Juniors',
-    },
-    {
-        player: 'George Fox',
-        team: 'Grey Foxes',
-        session: 'North Bay Junios',
-    },
-    {
-        player: 'Alison Green',
-        team: 'Lions',
-        session: 'Outer Bay UTR 2-5',
-    },
-    {
-        player: 'Linda Belinda',
-        team: 'Green Hornets',
-        session: 'Tri-State UTR 1-3',
-    },
-];
-const onOrderPropertyChange = () => { };
-// Stories
-const args = {
-    headCells,
-    sortOrder: 'asc',
-    sortByProperty: 'player',
-    title: 'Player Table',
-    tableData,
-    rowComponent,
-    onOrderPropertyChange,
-};
-export const DefaultTable = SortableTableTemplate.bind({});
-DefaultTable.args = args;
-//# sourceMappingURL=SortableTable.stories.js.map

package/dist/stories/oraganisms/SortableTable.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortableTable.stories.js","sourceRoot":"","sources":["../../../src/stories/oraganisms/SortableTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,aAAqC,MAAM,iBAAiB,CAAC;AAEpE,UAAU;AACV,eAAe;IACb,KAAK,EAAE,yBAAyB;CACjC,CAAC;AAEF,YAAY;AACZ,SAAS,qBAAqB,CAAC,IAAwB;IACrD,OAAO,oBAAC,aAAa,oBAAK,IAAI,EAAI,CAAC;AACrC,CAAC;AAaD,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAY,EAAE,EAAE;IACtD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;IAC1C,OAAO,CACH,oBAAC,QAAQ;QACL,oBAAC,SAAS,IACN,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,OAAO,EACX,KAAK,EAAC,KAAK,EACX,OAAO,EAAC,QAAQ;YAEhB,oBAAC,UAAU,QAAE,MAAM,CAAc,CACzB;QACZ,oBAAC,SAAS,IAAC,KAAK,EAAC,MAAM;YACnB,oBAAC,UAAU,QAAE,IAAI,CAAc,CACvB;QACZ,oBAAC,SAAS,IAAC,KAAK,EAAC,MAAM;YACnB,oBAAC,UAAU,QAAE,OAAO,CAAc,CAC1B,CACL,CAEd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,KAAK,EAAE;IAChE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,IAAI,EAAE;IAC3D,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE;CAAC,CAAC;AAEjE,MAAM,SAAS,GAAG;IAChB;QACE,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,eAAe;KACzB;IACD;QACE,MAAM,EAAE,aAAa;QACrB,IAAI,EAAE,gBAAgB;QACtB,OAAO,EAAE,eAAe;KACzB;IACD;QACE,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,kBAAkB;KAC5B;IACD;QACE,MAAM,EAAE,cAAc;QACtB,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,mBAAmB;KAC7B;IACD;QACE,MAAM,EAAE,eAAe;QACvB,IAAI,EAAE,eAAe;QACrB,OAAO,EAAE,mBAAmB;KAC7B;CACF,CAAC;AAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAEvC,UAAU;AAEV,MAAM,IAAI,GAAG;IACX,SAAS;IACT,SAAS,EAAE,KAAK;IAChB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,cAAc;IACrB,SAAS;IACT,YAAY;IACZ,qBAAqB;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3D,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC"}