@universal-tennis/ui-shared 0.1.98 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/main.js +16 -16
- package/.storybook/typography.css +5 -26
- package/dist/App.d.ts +1 -1
- package/dist/stories/assets/css/typography.css +5 -26
- package/dist/stories/atoms/Button/Button.d.ts +1 -1
- package/dist/stories/atoms/Icons/AddIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/AvailabilityNoIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/AvailabilityYesIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/BallInMotionIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/CalendarIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/ClockIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/CloseIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/DeleteIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/DoublePersonIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/EditIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/LeftChevronIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/LineIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/LocationIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/MessageIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/PickleballBallIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/RightChevronIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SessionIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SinglePersonIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SinglePersonV2Icon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SocialMediaXIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SwapIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/SwapNoBorderIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/TennisBallIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/VerifiedIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/VisibilityIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/VisibilityOffIcon.d.ts +2 -2
- package/dist/stories/atoms/Icons/WinnerIndicatorIcon.d.ts +2 -2
- package/dist/stories/atoms/Typography/Typography.d.ts +2 -2
- package/dist/stories/atoms/UTMap/UTMap.d.ts +2 -2
- package/dist/stories/molecules/AvatarWithName/AvatarWithName.d.ts +2 -2
- package/dist/stories/molecules/Cards/ContactCard.d.ts +2 -2
- package/dist/stories/molecules/Cards/DrawCard.d.ts +2 -2
- package/dist/stories/molecules/Cards/TeamCard.d.ts +2 -2
- package/dist/stories/molecules/Cards/TeamDrawCard.d.ts +2 -2
- package/dist/stories/molecules/Cards/shared.d.ts +2 -7
- package/dist/stories/molecules/FooterSection/FooterSection.d.ts +2 -2
- package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.d.ts +2 -2
- package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.d.ts +2 -2
- package/dist/stories/organisms/Footer/Footer.d.ts +2 -2
- package/dist/stories/organisms/Footer/Footer.js +6 -2
- package/dist/stories/organisms/Footer/Footer.js.map +1 -1
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.d.ts +2 -2
- package/dist/stories/organisms/Modals/FullPageModal.d.ts +2 -2
- package/dist/stories/organisms/Tables/DrawCardTable.d.ts +2 -2
- package/dist/stories/organisms/Tables/SortableTable.d.ts +2 -2
- package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.d.ts +2 -2
- package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.d.ts +2 -2
- package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.d.ts +2 -2
- package/dist/stories/organisms/Tables/mockData.d.ts +2 -2
- package/package.json +1 -1
- package/public/index.html +50 -45
- package/src/stories/Introduction.stories.mdx +179 -179
- package/src/stories/assets/css/typography.css +5 -26
- package/src/stories/organisms/Footer/Footer.tsx +6 -2
|
@@ -6,5 +6,5 @@ type ButtonProps = {
|
|
|
6
6
|
style?: React.CSSProperties;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
};
|
|
9
|
-
export default function Button({ children, category, ...props }: ButtonProps): JSX.Element;
|
|
9
|
+
export default function Button({ children, category, ...props }: ButtonProps): React.JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function AddIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function AddIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function AvailabilityMaybeIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function AvailabilityMaybeIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function AvailabilityNoIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function AvailabilityNoIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function AvailabilityNotSetIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function AvailabilityNotSetIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function AvailabilityYesIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function AvailabilityYesIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function BallInMotionIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function BallInMotionIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function CalendarIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function CalendarIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function ClockIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function ClockIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function CloseIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function CloseIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function DeleteIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function DeleteIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function DoublePersonIcon({ width, height, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function DoublePersonIcon({ width, height, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function EditIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function EditIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { IconProps } from "./sharedTypes";
|
|
3
|
-
export default function LeftChevronIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function LeftChevronIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function LineIcon({ width, height, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function LineIcon({ width, height, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function LocationIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function LocationIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function MessageIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function MessageIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function PickleballBallIcon({ size }: IconProps): JSX.Element;
|
|
3
|
+
export default function PickleballBallIcon({ size }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { IconProps } from "./sharedTypes";
|
|
3
|
-
export default function RightChevronIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function RightChevronIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function SessionIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function SessionIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function SinglePersonIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function SinglePersonIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function SinglePersonV2Icon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function SinglePersonV2Icon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function SocialMediaFacebookIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function SocialMediaFacebookIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function SocialMediaInstagramIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function SocialMediaInstagramIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function SocialMediaTikTokIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function SocialMediaTikTokIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function SocialMediaXIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function SocialMediaXIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function SocialMediaYoutubeIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function SocialMediaYoutubeIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function SwapIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function SwapIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function SwapNoBorderIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function SwapNoBorderIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function TennisBallIcon({ size }: IconProps): JSX.Element;
|
|
3
|
+
export default function TennisBallIcon({ size }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function VerifiedIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function VerifiedIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function VisibilityIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function VisibilityIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IconProps } from './sharedTypes';
|
|
3
|
-
export default function VisibilityOffIcon({ size, color }: IconProps): JSX.Element;
|
|
3
|
+
export default function VisibilityOffIcon({ size, color }: IconProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { WinnerIndicatorIconProps } from './sharedTypes';
|
|
3
|
-
export default function WinnerIndicatorIcon({ sx, isBlack }: WinnerIndicatorIconProps): JSX.Element;
|
|
3
|
+
export default function WinnerIndicatorIcon({ sx, isBlack }: WinnerIndicatorIconProps): React.JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { TypographyProps as MuiTypographyProps } from '@mui/material/Typography';
|
|
3
3
|
import "../../assets/css/typography.css";
|
|
4
4
|
interface TypographyProps extends MuiTypographyProps {
|
|
@@ -7,7 +7,7 @@ interface TypographyProps extends MuiTypographyProps {
|
|
|
7
7
|
isCap?: boolean;
|
|
8
8
|
weight?: number;
|
|
9
9
|
}
|
|
10
|
-
export default function Typography({ children, category, size, ...props }: TypographyProps): JSX.Element;
|
|
10
|
+
export default function Typography({ children, category, size, ...props }: TypographyProps): React.JSX.Element;
|
|
11
11
|
export declare const DISPLAY_SIZES_ENUM: {
|
|
12
12
|
XXXLarge: string;
|
|
13
13
|
XXLarge: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
export interface MapProps {
|
|
3
3
|
placeId: string;
|
|
4
4
|
height: string | number;
|
|
5
5
|
width: string | number;
|
|
6
6
|
}
|
|
7
|
-
export default function UTMap({ placeId, height, width }: MapProps): JSX.Element;
|
|
7
|
+
export default function UTMap({ placeId, height, width }: MapProps): React.JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
export interface AvatarWithNameProps {
|
|
3
3
|
avatarOnly: boolean;
|
|
4
4
|
avatarFontCategory: string;
|
|
@@ -24,4 +24,4 @@ export default function AvatarWithName({ avatarOnly, imgSrc, playerName, avatarF
|
|
|
24
24
|
fontSize?: string | undefined;
|
|
25
25
|
fontCategory?: string | undefined;
|
|
26
26
|
maxCharacterLimit?: number | undefined;
|
|
27
|
-
}): JSX.Element;
|
|
27
|
+
}): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ContactCardProps } from './sharedTypes';
|
|
3
|
-
export default function ContactCard({ name, phone, email, onMessageClick, ...props }: ContactCardProps): JSX.Element;
|
|
3
|
+
export default function ContactCard({ name, phone, email, onMessageClick, ...props }: ContactCardProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { DrawCardProps } from "./sharedTypes";
|
|
3
|
-
export default function DrawCard({ options, onChange, onEditClick, onViewClick, selectedOptions, dateLabel, locationLabel, emptyLabel, isDisabled, isSelectActive, isPosition1Winner, isPosition2Winner, isManaging, isScorelessMatch, position1Team, position2Team, isFlexWidth, ...props }: DrawCardProps): JSX.Element;
|
|
3
|
+
export default function DrawCard({ options, onChange, onEditClick, onViewClick, selectedOptions, dateLabel, locationLabel, emptyLabel, isDisabled, isSelectActive, isPosition1Winner, isPosition2Winner, isManaging, isScorelessMatch, position1Team, position2Team, isFlexWidth, ...props }: DrawCardProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { TeamCardProps } from './sharedTypes';
|
|
3
|
-
export default function TeamCard({ title, description, ...props }: TeamCardProps): JSX.Element;
|
|
3
|
+
export default function TeamCard({ title, description, ...props }: TeamCardProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { TeamDrawCardProps } from "./sharedTypes";
|
|
3
|
-
export default function TeamDrawCard({ dateLabel, locationLabel, timeLabel, matchInfo, isPosition1Winner, isPosition2Winner, isScorelessMatch, position1Team, position2Team, teamMatchLink, showTeamMatchLink, ...props }: TeamDrawCardProps): JSX.Element;
|
|
3
|
+
export default function TeamDrawCard({ dateLabel, locationLabel, timeLabel, matchInfo, isPosition1Winner, isPosition2Winner, isScorelessMatch, position1Team, position2Team, teamMatchLink, showTeamMatchLink, ...props }: TeamDrawCardProps): React.JSX.Element;
|
|
@@ -1,9 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledCard: import("@emotion/styled").StyledComponent<import("@mui/system").
|
|
3
|
-
children?: import("react").ReactNode;
|
|
4
|
-
component?: import("react").ElementType<any> | undefined;
|
|
5
|
-
ref?: import("react").Ref<unknown> | undefined;
|
|
6
|
-
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
7
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
2
|
+
export declare const StyledCard: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
3
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
-
},
|
|
4
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { FooterSectionProps } from './sharedTypes';
|
|
3
|
-
declare function FooterSection({ items, title }: FooterSectionProps): JSX.Element;
|
|
3
|
+
declare function FooterSection({ items, title }: FooterSectionProps): React.JSX.Element;
|
|
4
4
|
export default FooterSection;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
export interface GlobalNavItemProps {
|
|
3
3
|
item: {
|
|
4
4
|
label: string;
|
|
@@ -9,5 +9,5 @@ export interface GlobalNavItemProps {
|
|
|
9
9
|
};
|
|
10
10
|
onClick: (item: object) => void;
|
|
11
11
|
}
|
|
12
|
-
declare function GlobalNavItem({ item, onClick }: Readonly<GlobalNavItemProps>): JSX.Element;
|
|
12
|
+
declare function GlobalNavItem({ item, onClick }: Readonly<GlobalNavItemProps>): React.JSX.Element;
|
|
13
13
|
export default GlobalNavItem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
export interface SquareAvatarWithNameProps {
|
|
3
3
|
avatarOnly?: boolean;
|
|
4
4
|
avatarFontCategory?: string;
|
|
@@ -26,4 +26,4 @@ export default function SquareAvatarWithName({ avatarOnly, name, avatarFontSize,
|
|
|
26
26
|
disabled?: boolean | undefined;
|
|
27
27
|
maxLinkWidth?: string | undefined;
|
|
28
28
|
subtitle?: string | undefined;
|
|
29
|
-
}): JSX.Element;
|
|
29
|
+
}): React.JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { FooterProps } from './sharedTypes';
|
|
3
|
-
declare function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocialMediaClick, sx }: FooterProps): JSX.Element;
|
|
3
|
+
declare function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocialMediaClick, sx }: FooterProps): React.JSX.Element;
|
|
4
4
|
export default Footer;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
2
|
import { styled } from "@mui/material/styles";
|
|
3
3
|
import Box from '@mui/material/Box';
|
|
4
4
|
import IconButton from '@mui/material/IconButton';
|
|
@@ -19,6 +19,10 @@ function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocial
|
|
|
19
19
|
const handleOnSocialMediaClick = (id) => {
|
|
20
20
|
onSocialMediaClick(id);
|
|
21
21
|
};
|
|
22
|
+
const copyrightText = useMemo(() => {
|
|
23
|
+
const currentYear = new Date().getFullYear();
|
|
24
|
+
return `© ${currentYear}, UTR Sports`;
|
|
25
|
+
}, []);
|
|
22
26
|
const StyledNavigationContainer = styled(Box)(({ theme }) => ({
|
|
23
27
|
display: 'flex',
|
|
24
28
|
flexWrap: 'wrap',
|
|
@@ -92,7 +96,7 @@ function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocial
|
|
|
92
96
|
React.createElement(StyledNavigation, null,
|
|
93
97
|
React.createElement(FooterSection, { title: "Support", items: supportItems })))),
|
|
94
98
|
React.createElement(Box, { display: "absolute", sx: { bottom: 24, borderTop: 1, borderColor: "var(--white)" } },
|
|
95
|
-
React.createElement(Typography, { p: 0.5, category: "secondary", size: "x-small-book-cap", color: "var(--white)", align: "center" },
|
|
99
|
+
React.createElement(Typography, { p: 0.5, category: "secondary", size: "x-small-book-cap", color: "var(--white)", align: "center" }, copyrightText))));
|
|
96
100
|
}
|
|
97
101
|
export default Footer;
|
|
98
102
|
//# sourceMappingURL=Footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/stories/organisms/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/stories/organisms/Footer/Footer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
export interface GlobalNavigationProps {
|
|
3
3
|
fullWidthNavItems: [
|
|
4
4
|
item: {
|
|
@@ -32,5 +32,5 @@ export interface GlobalNavigationProps {
|
|
|
32
32
|
onTypeFilterClick: (item: object) => void;
|
|
33
33
|
onTeamLeagueSearchClick: (item: object) => void;
|
|
34
34
|
}
|
|
35
|
-
declare function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): JSX.Element;
|
|
35
|
+
declare function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): React.JSX.Element;
|
|
36
36
|
export default GlobalNavigation;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { FullPageModalType } from './sharedTypes';
|
|
3
|
-
declare function FullPageModal({ isOpen, onClose, pageTitle, bottomCTAText, secondaryBottomCTAText, onBottomCTAClick, onSecondaryBottomCTAClick, isBottomCTAdisabled, isSecondaryBottomCTAdisabled, PagePopupModal, children, ...props }: FullPageModalType): JSX.Element;
|
|
3
|
+
declare function FullPageModal({ isOpen, onClose, pageTitle, bottomCTAText, secondaryBottomCTAText, onBottomCTAClick, onSecondaryBottomCTAClick, isBottomCTAdisabled, isSecondaryBottomCTAdisabled, PagePopupModal, children, ...props }: FullPageModalType): React.JSX.Element;
|
|
4
4
|
export default FullPageModal;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { DrawCardTableProps } from './sharedTypes';
|
|
3
|
-
export default function DrawCardTable({ headerRows, tableRows, isMobile, ...props }: DrawCardTableProps): JSX.Element | null;
|
|
3
|
+
export default function DrawCardTable({ headerRows, tableRows, isMobile, ...props }: DrawCardTableProps): React.JSX.Element | null;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentType } from "react";
|
|
1
|
+
import React, { ComponentType } from "react";
|
|
2
2
|
import { TableData } from "types/tableDataTypes";
|
|
3
3
|
type Order = 'asc' | 'desc';
|
|
4
4
|
type OrderProperty = string | number;
|
|
@@ -19,5 +19,5 @@ export type SortableTableProps = {
|
|
|
19
19
|
title?: string;
|
|
20
20
|
onOrderPropertyChange?: (property: OrderProperty) => VoidFunction;
|
|
21
21
|
};
|
|
22
|
-
declare function SortableTable({ headCells, tableData, rowComponent, sortOrder, sortByProperty, title, onOrderPropertyChange, }: SortableTableProps): JSX.Element;
|
|
22
|
+
declare function SortableTable({ headCells, tableData, rowComponent, sortOrder, sortByProperty, title, onOrderPropertyChange, }: SortableTableProps): React.JSX.Element;
|
|
23
23
|
export default SortableTable;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { TableRowProps } from '../sharedTypes';
|
|
3
|
-
export default function DesktopTableRows({ headerRows, totalColumns, tableRows }: Readonly<TableRowProps>): JSX.Element;
|
|
3
|
+
export default function DesktopTableRows({ headerRows, totalColumns, tableRows }: Readonly<TableRowProps>): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { TableRowProps } from '../sharedTypes';
|
|
3
|
-
export default function MobileTableRows({ totalColumns, headerRows, tableRows }: Readonly<TableRowProps>): JSX.Element;
|
|
3
|
+
export default function MobileTableRows({ totalColumns, headerRows, tableRows }: Readonly<TableRowProps>): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { DrawCardTableProps } from "../sharedTypes";
|
|
3
|
-
export default function TeamDrawCardTable({ headerRows, tableRows, isMobile, ...props }: DrawCardTableProps): JSX.Element | null;
|
|
3
|
+
export default function TeamDrawCardTable({ headerRows, tableRows, isMobile, ...props }: DrawCardTableProps): React.JSX.Element | null;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
interface RowData {
|
|
3
3
|
player: string;
|
|
4
4
|
team: string;
|
|
@@ -12,7 +12,7 @@ type OnChangeArgs = {
|
|
|
12
12
|
position: number;
|
|
13
13
|
id: string | null | undefined;
|
|
14
14
|
};
|
|
15
|
-
export declare const mockRowComponent: ({ rowData, labelId }: RowProps) => JSX.Element;
|
|
15
|
+
export declare const mockRowComponent: ({ rowData, labelId }: RowProps) => React.JSX.Element;
|
|
16
16
|
export declare const MOCK_HEAD_CELLS: {
|
|
17
17
|
id: string;
|
|
18
18
|
label: string;
|