@universal-tennis/ui-shared 0.2.0 → 0.2.1

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

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.2.00",
+  "version": "0.2.1",
   "main": "dist/items.js",
   "license": "MIT",
   "homepage": "https://universaltennis.com",

package/src/stories/organisms/Footer/Footer.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { styled } from "@mui/material/styles";
 
 import Box from '@mui/material/Box';
@@ -34,6 +34,10 @@ function Footer({
   const handleOnSocialMediaClick = (id: number) => {
     onSocialMediaClick(id);
   };
+  const copyrightText = useMemo(() => {
+    const currentYear = new Date().getFullYear();
+    return `© ${currentYear}, UTR Sports`;
+  }, []);
 
   const StyledNavigationContainer = styled(Box)(({ theme }) => ({
     display: 'flex',
@@ -146,7 +150,7 @@ function Footer({
                   color="var(--white)"
                   align="center"
               >
-                  {`\u00A9 2025, UTR SPORTS`}
+                  {copyrightText}
               </Typography>
           </Box>
       </Box>