@universal-tennis/ui-shared 0.1.66 → 0.1.68

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

@@ -1,98 +0,0 @@
-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: 'Apples',
-        points: 10,
-        href: 'https://www.reddit.com',
-        seed: 1
-    },
-    position2Team: {
-        name: 'Pears',
-        points: 4,
-        href: 'https://www.reddit.com',
-        seed: 2
-    }
-};
-//# sourceMappingURL=mockData.js.map

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

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

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

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

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

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

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

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

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

@@ -1,3 +0,0 @@
-export declare const teamDrawCardSideMargin = "24px";
-export declare const standardSideMargin = 24;
-export declare const teamDrawCardBottomMargin = "8px";

package/dist/stories/utils/constants.js

@@ -1,4 +0,0 @@
-export const teamDrawCardSideMargin = '24px';
-export const standardSideMargin = 24;
-export const teamDrawCardBottomMargin = '8px';
-//# sourceMappingURL=constants.js.map

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

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

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

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

package/dist/stories/utils/useScreenSize.js

@@ -1,28 +0,0 @@
-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: undefined || 0,
-        height: undefined || 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/stories/utils/useScreenSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScreenSize.js","sourceRoot":"","sources":["../../../src/stories/utils/useScreenSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO;AACP,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,kFAAkF;IAClF,4EAA4E;IAC5E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC;QAC3C,KAAK,EAAE,SAAS,IAAI,CAAC;QACrB,MAAM,EAAE,SAAS,IAAI,CAAC;KACvB,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,mCAAmC;QACnC,SAAS,YAAY;YACnB,mCAAmC;YACnC,aAAa,CAAC;gBACZ,KAAK,EAAE,MAAM,CAAC,UAAU;gBACxB,MAAM,EAAE,MAAM,CAAC,WAAW;aAC3B,CAAC,CAAC;QACL,CAAC;QACD,qBAAqB;QACrB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,yEAAyE;QACzE,YAAY,EAAE,CAAC;QACf,mCAAmC;QACnC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,uDAAuD;IAC/D,OAAO,UAAU,CAAC;AACpB,CAAC"}

package/dist/types/tableDataTypes.d.ts

@@ -1,38 +0,0 @@
-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 +0,0 @@
-export {};
-//# sourceMappingURL=tableDataTypes.js.map

package/dist/types/tableDataTypes.js.map

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

package/src/stories/organisms/Tables/TeamDrawCardTable.tsx

@@ -1,156 +0,0 @@
-import React from "react";
-import Box from "@mui/material/Box";
-import Button from "@mui/material/Button";
-import { styled } from "@mui/material/styles";
-import Grid from "@mui/material/Grid";
-
-import LeftChevronIcon from 'stories/atoms/Icons/LeftChevronIcon';
-import RightChevronIcon from 'stories/atoms/Icons/RightChevronIcon';
-import { teamDrawCardSideMargin, standardSideMargin } from "stories/utils/constants";
-import Typography from "../../atoms/Typography/Typography";
-import { DrawCardTableProps } from "./sharedTypes";
-
-const StyledHeader = styled(Grid)({
-  alignItems: "center",
-  justifyContent: "center",
-  display: "flex"
-});
-
-const gridCommonStyles = {
-  content: "''",
-  position: "absolute",
-  backgroundColor: "var(--cool-grey-600)",
-};
-
-const horizontalLineCommonStyles = {
-  height: "1px",
-  top: "50%",
-};
-
-const StyledGrid = styled(Grid)({
-  position: "relative",
-
-  "&:nth-last-child(-n+2) .team-draw-card": {
-    "&:before": {
-      ...gridCommonStyles,
-      ...horizontalLineCommonStyles,
-      width: `${teamDrawCardSideMargin}`,
-      left: 0,
-      transform: "translateX(-100%)"
-    }
-  },
-  "&:nth-of-type(-n+2) .team-draw-card": {
-    "&:after": {
-      ...gridCommonStyles,
-      ...horizontalLineCommonStyles,
-      width: `calc(${standardSideMargin + 1}px)`,
-      right: 0,
-      transform: "translateX(100%)"
-    }
-  }
-});
-
-const GridSections = styled(Box)({
-  display: "flex",
-  alignItems: "center",
-  position: 'relative',
-
-  "&:before": {
-    ...gridCommonStyles,
-    height: `calc(50% + 1px)`,
-    width: "1px",
-    top: `calc(25% - 4px)`
-  }
-});
-
-const TableMobileSection = styled(Grid)({
-  flexDirection: "column"
-});
-
-export default function TeamDrawCardTable({
-  headerRows, tableRows, isMobile, ...props 
-}: DrawCardTableProps) {
-  const [activeStep, setActiveStep] = React.useState(0);
-
-  const handleNext = () => {
-    setActiveStep((prevActiveStep) => prevActiveStep + 1);
-  };
-
-  const handleBack = () => {
-    setActiveStep((prevActiveStep) => prevActiveStep - 1);
-  };
-
-  if (!headerRows || !tableRows) return null;
-
-  const totalColumns = Math.floor(12 / headerRows.length);
-
-  const formatTableRows = tableRows.map((row, index) => {
-    if (index > 2) return; // Table can only support 3 columns
-    const rowSectionsHeight = `${100 / tableRows[index].length}%`;
-    const sectionAmount = tableRows[index].length;
-    const isFirstRow = index === 0;
-
-    return (
-        <StyledGrid key={index} xs={totalColumns}>
-            {[...Array(sectionAmount)].map((section, idx) => (
-                <GridSections 
-                    key={idx} 
-                    sx={{ 
-                      height: rowSectionsHeight,
-                      '&:before': {
-                        display: isFirstRow ? 'none' : 'block',
-                      }, 
-                    }}
-                >
-                    {row[idx]}
-                </GridSections>
-            ))}
-        </StyledGrid>
-    );
-  });
-
-  const disabledBackButton = activeStep === 0;
-  const disabledForwardButton = activeStep === tableRows.length - 1;
-
-  const formatDesktopRows = (
-      <>
-          <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>
-      </>
-  );
-
-  const formatMobileRows = (
-      <Box>
-          <Grid container justifyContent="space-between" mb={1}>
-              <Button color="inherit" disabled={disabledBackButton} onClick={handleBack} sx={{ mr: 1, alignSelf: "flex-start" }}>
-                  <LeftChevronIcon size={16} color={disabledBackButton ? "transparent" : "var(--primary)"} />
-              </Button>
-              <StyledHeader xs={totalColumns}>
-                  <Typography category="secondary" size="small-medium-cap">
-                      {headerRows[activeStep].name}
-                  </Typography>
-              </StyledHeader>
-              <Button onClick={handleNext} disabled={disabledForwardButton}>
-                  <RightChevronIcon size={16} color={disabledForwardButton ? "transparent" : "var(--primary)"} />
-              </Button>
-          </Grid>
-          <TableMobileSection container>
-              <GridSections sx={{ display: "flex", flexDirection: "column", gap: "10px" }}>{tableRows[activeStep]}</GridSections>
-          </TableMobileSection>
-      </Box>
-  );
-
-  return (
-      <Box {...props} sx={{ flexGrow: 1 }} aria-label="draw table">
-          {isMobile ? formatMobileRows : formatDesktopRows}
-      </Box>
-  );
-}