@universal-tennis/ui-shared 0.1.98 → 0.2.0

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

@@ -1,100 +1,100 @@
-import React from 'react';
-import { TableRow, TableCell, Typography } from '@mui/material';
-export const mockRowComponent = ({ 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))));
-};
-export const MOCK_HEAD_CELLS = [
-    { id: 'player', label: 'Player Name', isSortingDisabled: false },
-    { id: 'team', label: 'Team Name', isSortingDisabled: true },
-    { id: 'session', label: 'Session', isSortingDisabled: false }
-];
-export const MOCK_TABLE_DATA = [
-    {
-        id: 1,
-        player: 'John Smith',
-        team: 'Mavericks',
-        session: 'NorCal Adults',
-    },
-    {
-        id: 2,
-        player: 'Megan Brown',
-        team: 'Mini Mavericks',
-        session: 'SoCal Juniors',
-    },
-    {
-        id: 3,
-        player: 'George Fox',
-        team: 'Grey Foxes',
-        session: 'North Bay Junios',
-    },
-    {
-        id: 4,
-        player: 'Alison Green',
-        team: 'Lions',
-        session: 'Outer Bay UTR 2-5',
-    },
-    {
-        id: 5,
-        player: 'Linda Belinda',
-        team: 'Green Hornets',
-        session: 'Tri-State UTR 1-3',
-    },
-];
-export const SAMPLE_CARD_DATA = {
-    options: [
-        {
-            id: 1,
-            label: 'Team 1',
-        },
-        {
-            id: 2,
-            label: 'Team 2',
-        }
-    ],
-    selectedOptions: {
-        optionOne: 1,
-        optionTwo: 2,
-    },
-    onChange: ({ position, id }) => { },
-    dateLabel: 'Dec 20 at 9:00am',
-    locationLabel: `T`,
-    isPosition1Winner: true,
-    isPosition2Winner: false,
-    position1Team: {
-        name: 'Apples',
-        points: 10,
-    },
-    position2Team: {
-        name: 'Pears',
-        points: 4,
-    }
-};
-export const SAMPLE_TEAM_PAGE_CARD_DATA = {
-    dateLabel: 'Dec 20',
-    timeLabel: '9:00pm',
-    locationLabel: 'Taube Tennis Center',
-    isPosition1Winner: true,
-    isPosition2Winner: false,
-    position1Team: {
-        name: 'Friendly Hills Country Club 0-1.99',
-        points: 10,
-        href: 'https://www.reddit.com',
-        seed: 1
-    },
-    position2Team: {
-        name: 'Pears',
-        points: 4,
-        href: 'https://www.reddit.com',
-        seed: 2
-    },
-    teamMatchLink: 'https://www.google.com',
-    showTeamMatchLink: false,
-};
+import React from 'react';
+import { TableRow, TableCell, Typography } from '@mui/material';
+export const mockRowComponent = ({ 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))));
+};
+export const MOCK_HEAD_CELLS = [
+    { id: 'player', label: 'Player Name', isSortingDisabled: false },
+    { id: 'team', label: 'Team Name', isSortingDisabled: true },
+    { id: 'session', label: 'Session', isSortingDisabled: false }
+];
+export const MOCK_TABLE_DATA = [
+    {
+        id: 1,
+        player: 'John Smith',
+        team: 'Mavericks',
+        session: 'NorCal Adults',
+    },
+    {
+        id: 2,
+        player: 'Megan Brown',
+        team: 'Mini Mavericks',
+        session: 'SoCal Juniors',
+    },
+    {
+        id: 3,
+        player: 'George Fox',
+        team: 'Grey Foxes',
+        session: 'North Bay Junios',
+    },
+    {
+        id: 4,
+        player: 'Alison Green',
+        team: 'Lions',
+        session: 'Outer Bay UTR 2-5',
+    },
+    {
+        id: 5,
+        player: 'Linda Belinda',
+        team: 'Green Hornets',
+        session: 'Tri-State UTR 1-3',
+    },
+];
+export const SAMPLE_CARD_DATA = {
+    options: [
+        {
+            id: 1,
+            label: 'Team 1',
+        },
+        {
+            id: 2,
+            label: 'Team 2',
+        }
+    ],
+    selectedOptions: {
+        optionOne: 1,
+        optionTwo: 2,
+    },
+    onChange: ({ position, id }) => { },
+    dateLabel: 'Dec 20 at 9:00am',
+    locationLabel: `T`,
+    isPosition1Winner: true,
+    isPosition2Winner: false,
+    position1Team: {
+        name: 'Apples',
+        points: 10,
+    },
+    position2Team: {
+        name: 'Pears',
+        points: 4,
+    }
+};
+export const SAMPLE_TEAM_PAGE_CARD_DATA = {
+    dateLabel: 'Dec 20',
+    timeLabel: '9:00pm',
+    locationLabel: 'Taube Tennis Center',
+    isPosition1Winner: true,
+    isPosition2Winner: false,
+    position1Team: {
+        name: 'Friendly Hills Country Club 0-1.99',
+        points: 10,
+        href: 'https://www.reddit.com',
+        seed: 1
+    },
+    position2Team: {
+        name: 'Pears',
+        points: 4,
+        href: 'https://www.reddit.com',
+        seed: 2
+    },
+    teamMatchLink: 'https://www.google.com',
+    showTeamMatchLink: false,
+};
 //# sourceMappingURL=mockData.js.map

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

@@ -1,15 +1,15 @@
-import { ReactNode } from 'react';
-export type DrawCardTableProps = {
-    headerRows: {
-        name: string;
-    }[];
-    tableRows: ReactNode[][];
-    isMobile: boolean;
-};
-export interface TableRowProps {
-    readonly headerRows: {
-        name: string;
-    }[];
-    readonly tableRows: ReactNode[][];
-    readonly totalColumns: number;
-}
+import { ReactNode } from 'react';
+export type DrawCardTableProps = {
+    headerRows: {
+        name: string;
+    }[];
+    tableRows: ReactNode[][];
+    isMobile: boolean;
+};
+export interface TableRowProps {
+    readonly headerRows: {
+        name: string;
+    }[];
+    readonly tableRows: ReactNode[][];
+    readonly totalColumns: number;
+}

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

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

package/dist/stories/utils/constants.d.ts

@@ -1,19 +1,19 @@
-export declare const teamDrawCardSideMargin = "24px";
-export declare const standardSideMargin = 24;
-export declare const teamDrawCardBottomMargin = "8px";
-export declare const SocialMediaIds: {
-    X: number;
-    FACEBOOK: number;
-    INSTAGRAM: number;
-    TIKTOK: number;
-    YOUTUBE: number;
-};
-interface ClickAttrs {
-    context?: string;
-    location?: string;
-    category?: string;
-}
-export declare const getClickAttrs: ({ context, location, category }: ClickAttrs) => {
-    [key: string]: string;
-};
-export {};
+export declare const teamDrawCardSideMargin = "24px";
+export declare const standardSideMargin = 24;
+export declare const teamDrawCardBottomMargin = "8px";
+export declare const SocialMediaIds: {
+    X: number;
+    FACEBOOK: number;
+    INSTAGRAM: number;
+    TIKTOK: number;
+    YOUTUBE: number;
+};
+interface ClickAttrs {
+    context?: string;
+    location?: string;
+    category?: string;
+}
+export declare const getClickAttrs: ({ context, location, category }: ClickAttrs) => {
+    [key: string]: string;
+};
+export {};

package/dist/stories/utils/constants.js

@@ -1,24 +1,24 @@
-export const teamDrawCardSideMargin = '24px';
-export const standardSideMargin = 24;
-export const teamDrawCardBottomMargin = '8px';
-export const SocialMediaIds = {
-    X: 1,
-    FACEBOOK: 2,
-    INSTAGRAM: 3,
-    TIKTOK: 4,
-    YOUTUBE: 5,
-};
-export const getClickAttrs = ({ context, location, category }) => {
-    const attrs = {};
-    if (category) {
-        attrs['data-category'] = category;
-    }
-    if (context) {
-        attrs['data-context'] = context;
-    }
-    if (location) {
-        attrs['data-location'] = location;
-    }
-    return attrs;
-};
+export const teamDrawCardSideMargin = '24px';
+export const standardSideMargin = 24;
+export const teamDrawCardBottomMargin = '8px';
+export const SocialMediaIds = {
+    X: 1,
+    FACEBOOK: 2,
+    INSTAGRAM: 3,
+    TIKTOK: 4,
+    YOUTUBE: 5,
+};
+export const getClickAttrs = ({ context, location, category }) => {
+    const attrs = {};
+    if (category) {
+        attrs['data-category'] = category;
+    }
+    if (context) {
+        attrs['data-context'] = context;
+    }
+    if (location) {
+        attrs['data-location'] = location;
+    }
+    return attrs;
+};
 //# sourceMappingURL=constants.js.map

package/dist/stories/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/stories/utils/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC;AAC7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AACrC,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,CAAC,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,CAAC;IACZ,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;CACX,CAAC;AAQF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAc,EAAE,EAAE;IAC3E,MAAM,KAAK,GAA8B,EAAE,CAAC;IAC5C,IAAI,QAAQ,EAAE;QACZ,KAAK,CAAC,eAAe,CAAC,GAAG,QAAQ,CAAC;KACnC;IACD,IAAI,OAAO,EAAE;QACX,KAAK,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC;KACjC;IACD,IAAI,QAAQ,EAAE;QACZ,KAAK,CAAC,eAAe,CAAC,GAAG,QAAQ,CAAC;KACnC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/stories/utils/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC;AAC7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AACrC,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,CAAC,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,CAAC;IACZ,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;CACX,CAAC;AAQF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAc,EAAE,EAAE;IAC3E,MAAM,KAAK,GAA8B,EAAE,CAAC;IAC5C,IAAI,QAAQ,EAAE,CAAC;QACb,KAAK,CAAC,eAAe,CAAC,GAAG,QAAQ,CAAC;IACpC,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,KAAK,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC;IAClC,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,KAAK,CAAC,eAAe,CAAC,GAAG,QAAQ,CAAC;IACpC,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/dist/stories/utils/getArrayWithIds.d.ts

@@ -1,3 +1,3 @@
-export declare const getArrayWithIds: (array: object[]) => {
-    id: number;
-}[];
+export declare const getArrayWithIds: (array: object[]) => {
+    id: number;
+}[];

package/dist/stories/utils/getArrayWithIds.js

@@ -1,2 +1,2 @@
-export const getArrayWithIds = (array) => array.map((item, index) => (Object.assign(Object.assign({}, item), { id: index + 1 })));
+export const getArrayWithIds = (array) => array.map((item, index) => (Object.assign(Object.assign({}, item), { id: index + 1 })));
 //# sourceMappingURL=getArrayWithIds.js.map

package/dist/stories/utils/useScreenSize.d.ts

@@ -1,4 +1,4 @@
-export default function useWindowSize(): {
-    width: number;
-    height: number;
-};
+export default function useWindowSize(): {
+    width: number;
+    height: number;
+};

package/dist/stories/utils/useScreenSize.js

@@ -1,28 +1,28 @@
-import { useState, useEffect } from "react";
-// Hook
-export default function useWindowSize() {
-    // Initialize state with undefined width/height so server and client renders match
-    // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
-    const [windowSize, setWindowSize] = useState({
-        width: 0,
-        height: 0,
-    });
-    useEffect(() => {
-        // Handler to call on window resize
-        function handleResize() {
-            // Set window width/height to state
-            setWindowSize({
-                width: window.innerWidth,
-                height: window.innerHeight,
-            });
-        }
-        // Add event listener
-        window.addEventListener("resize", handleResize);
-        // Call handler right away so state gets updated with initial window size
-        handleResize();
-        // Remove event listener on cleanup
-        return () => window.removeEventListener("resize", handleResize);
-    }, []); // Empty array ensures that effect is only run on mount
-    return windowSize;
-}
+import { useState, useEffect } from "react";
+// Hook
+export default function useWindowSize() {
+    // Initialize state with undefined width/height so server and client renders match
+    // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
+    const [windowSize, setWindowSize] = useState({
+        width: 0,
+        height: 0,
+    });
+    useEffect(() => {
+        // Handler to call on window resize
+        function handleResize() {
+            // Set window width/height to state
+            setWindowSize({
+                width: window.innerWidth,
+                height: window.innerHeight,
+            });
+        }
+        // Add event listener
+        window.addEventListener("resize", handleResize);
+        // Call handler right away so state gets updated with initial window size
+        handleResize();
+        // Remove event listener on cleanup
+        return () => window.removeEventListener("resize", handleResize);
+    }, []); // Empty array ensures that effect is only run on mount
+    return windowSize;
+}
 //# sourceMappingURL=useScreenSize.js.map

package/dist/types/tableDataTypes.d.ts

@@ -1,38 +1,38 @@
-export interface Location {
-    placeId: string;
-    formattedAddress: string;
-    placeName: string;
-    lat: number;
-    lng: number;
-}
-export interface Captain {
-    id: number;
-    teamId: number;
-    memberId: number;
-    playerId: number;
-    gender?: string;
-    firstName: string;
-    lastName: string;
-    email?: string;
-    phone?: string;
-    phoneCountryCode?: string;
-    profileImage?: string;
-    location?: Location;
-}
-export interface AddTeamsData {
-    id: number;
-    name?: string;
-    teamMemberCount?: number;
-    captains?: Array<Captain>;
-    sessionId?: number;
-    sessionName?: string;
-    sessionStartDateUtc?: string;
-    sessionEndDateUtc?: string;
-    wins?: number;
-    losses?: number;
-    rank?: number;
-    isSelected?: boolean;
-    record?: string;
-    sessionDates?: string;
-}
-export type TableData = AddTeamsData;
+export interface Location {
+    placeId: string;
+    formattedAddress: string;
+    placeName: string;
+    lat: number;
+    lng: number;
+}
+export interface Captain {
+    id: number;
+    teamId: number;
+    memberId: number;
+    playerId: number;
+    gender?: string;
+    firstName: string;
+    lastName: string;
+    email?: string;
+    phone?: string;
+    phoneCountryCode?: string;
+    profileImage?: string;
+    location?: Location;
+}
+export interface AddTeamsData {
+    id: number;
+    name?: string;
+    teamMemberCount?: number;
+    captains?: Array<Captain>;
+    sessionId?: number;
+    sessionName?: string;
+    sessionStartDateUtc?: string;
+    sessionEndDateUtc?: string;
+    wins?: number;
+    losses?: number;
+    rank?: number;
+    isSelected?: boolean;
+    record?: string;
+    sessionDates?: string;
+}
+export type TableData = AddTeamsData;

package/dist/types/tableDataTypes.js

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

package/package.json

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

package/public/index.html

@@ -1,45 +1,50 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <link rel="stylesheet" type="text/css" href="https://cloud.typography.com/6323816/6761592/css/fonts.css" />
-    
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    
+    <!-- Google Font Inter -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,200&&display=swap" rel="stylesheet">
+    
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>