@universal-tennis/ui-shared 0.2.0 → 0.2.2
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/dist/App.d.ts +2 -2
- package/dist/App.js +12 -12
- package/dist/components.d.ts +43 -43
- package/dist/components.js +48 -48
- package/dist/index.d.ts +1 -1
- package/dist/index.js +12 -12
- package/dist/items.d.ts +2 -2
- package/dist/items.js +1 -1
- package/dist/stories/atoms/Button/Button.d.ts +10 -10
- package/dist/stories/atoms/Button/Button.js +95 -95
- package/dist/stories/atoms/Button/Button.js.map +1 -1
- package/dist/stories/atoms/Button/Button.stories.d.ts +17 -17
- package/dist/stories/atoms/Button/Button.stories.js +45 -45
- package/dist/stories/atoms/Icons/AddIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/AddIcon.js +8 -8
- package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.js +6 -6
- package/dist/stories/atoms/Icons/AvailabilityNoIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/AvailabilityNoIcon.js +6 -6
- package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.js +7 -7
- package/dist/stories/atoms/Icons/AvailabilityYesIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/AvailabilityYesIcon.js +6 -6
- package/dist/stories/atoms/Icons/BallInMotionIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/BallInMotionIcon.js +9 -9
- package/dist/stories/atoms/Icons/CalendarIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/CalendarIcon.js +6 -6
- package/dist/stories/atoms/Icons/ClockIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/ClockIcon.js +8 -8
- package/dist/stories/atoms/Icons/CloseIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/CloseIcon.js +6 -6
- package/dist/stories/atoms/Icons/DeleteIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/DeleteIcon.js +10 -10
- package/dist/stories/atoms/Icons/DoublePersonIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/DoublePersonIcon.js +13 -13
- package/dist/stories/atoms/Icons/EditIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/EditIcon.js +6 -6
- package/dist/stories/atoms/Icons/Icons.stories.d.ts +37 -37
- package/dist/stories/atoms/Icons/Icons.stories.js +303 -303
- package/dist/stories/atoms/Icons/LeftChevronIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/LeftChevronIcon.js +6 -6
- package/dist/stories/atoms/Icons/LineIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/LineIcon.js +6 -6
- package/dist/stories/atoms/Icons/LocationIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/LocationIcon.js +7 -7
- package/dist/stories/atoms/Icons/MessageIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/MessageIcon.js +6 -6
- package/dist/stories/atoms/Icons/PickleballBallIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/PickleballBallIcon.js +17 -17
- package/dist/stories/atoms/Icons/RightChevronIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/RightChevronIcon.js +6 -6
- package/dist/stories/atoms/Icons/SessionIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SessionIcon.js +6 -6
- package/dist/stories/atoms/Icons/SinglePersonIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SinglePersonIcon.js +9 -9
- package/dist/stories/atoms/Icons/SinglePersonV2Icon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SinglePersonV2Icon.js +7 -7
- package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.js +10 -10
- package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.js +6 -6
- package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.js +10 -10
- package/dist/stories/atoms/Icons/SocialMediaXIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SocialMediaXIcon.js +10 -10
- package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.js +6 -6
- package/dist/stories/atoms/Icons/SwapIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SwapIcon.js +6 -6
- package/dist/stories/atoms/Icons/SwapNoBorderIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/SwapNoBorderIcon.js +9 -9
- package/dist/stories/atoms/Icons/TennisBallIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/TennisBallIcon.js +8 -8
- package/dist/stories/atoms/Icons/VerifiedIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/VerifiedIcon.js +7 -7
- package/dist/stories/atoms/Icons/VisibilityIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/VisibilityIcon.js +7 -7
- package/dist/stories/atoms/Icons/VisibilityOffIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/VisibilityOffIcon.js +8 -8
- package/dist/stories/atoms/Icons/WinnerIndicatorIcon.d.ts +3 -3
- package/dist/stories/atoms/Icons/WinnerIndicatorIcon.js +31 -31
- package/dist/stories/atoms/Icons/sharedTypes.d.ts +11 -11
- package/dist/stories/atoms/Icons/sharedTypes.js +1 -1
- package/dist/stories/atoms/Typography/Typography.d.ts +49 -49
- package/dist/stories/atoms/Typography/Typography.js +143 -143
- package/dist/stories/atoms/Typography/Typography.js.map +1 -1
- package/dist/stories/atoms/Typography/Typography.stories.d.ts +37 -37
- package/dist/stories/atoms/Typography/Typography.stories.js +190 -190
- package/dist/stories/atoms/UTMap/UTMap.d.ts +7 -7
- package/dist/stories/atoms/UTMap/UTMap.js +8 -8
- package/dist/stories/atoms/UTMap/UTMap.stories.d.ts +9 -9
- package/dist/stories/atoms/UTMap/UTMap.stories.js +35 -35
- package/dist/stories/molecules/AvatarWithName/AvatarWithName.d.ts +27 -27
- package/dist/stories/molecules/AvatarWithName/AvatarWithName.js +20 -20
- package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.d.ts +15 -15
- package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.js +72 -72
- package/dist/stories/molecules/Cards/Cards.stories.d.ts +7 -7
- package/dist/stories/molecules/Cards/Cards.stories.js +64 -64
- package/dist/stories/molecules/Cards/ContactCard.d.ts +3 -3
- package/dist/stories/molecules/Cards/ContactCard.js +38 -38
- package/dist/stories/molecules/Cards/DrawCard.d.ts +3 -3
- package/dist/stories/molecules/Cards/DrawCard.js +116 -116
- package/dist/stories/molecules/Cards/DrawCard.js.map +1 -1
- package/dist/stories/molecules/Cards/Modals.stories.d.ts +5 -5
- package/dist/stories/molecules/Cards/Modals.stories.js +72 -72
- package/dist/stories/molecules/Cards/TeamCard.d.ts +3 -3
- package/dist/stories/molecules/Cards/TeamCard.js +20 -20
- package/dist/stories/molecules/Cards/TeamDrawCard.d.ts +3 -3
- package/dist/stories/molecules/Cards/TeamDrawCard.js +78 -78
- package/dist/stories/molecules/Cards/shared.d.ts +4 -1
- package/dist/stories/molecules/Cards/shared.js +12 -12
- package/dist/stories/molecules/Cards/sharedTypes.d.ts +61 -61
- package/dist/stories/molecules/Cards/sharedTypes.js +2 -2
- package/dist/stories/molecules/FooterSection/FooterSection.d.ts +4 -4
- package/dist/stories/molecules/FooterSection/FooterSection.js +11 -11
- package/dist/stories/molecules/FooterSection/FooterSection.stories.d.ts +5 -5
- package/dist/stories/molecules/FooterSection/FooterSection.stories.js +20 -20
- package/dist/stories/molecules/FooterSection/sharedTypes.d.ts +5 -5
- package/dist/stories/molecules/FooterSection/sharedTypes.js +1 -1
- package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.d.ts +13 -13
- package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.js +27 -27
- package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.stories.d.ts +5 -5
- package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.stories.js +18 -18
- package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.d.ts +29 -29
- package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js +33 -33
- package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.d.ts +16 -16
- package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js +81 -81
- package/dist/stories/organisms/Footer/Footer.d.ts +4 -4
- package/dist/stories/organisms/Footer/Footer.js +101 -97
- package/dist/stories/organisms/Footer/Footer.js.map +1 -1
- package/dist/stories/organisms/Footer/Footer.stories.d.ts +5 -5
- package/dist/stories/organisms/Footer/Footer.stories.js +58 -58
- package/dist/stories/organisms/Footer/sharedTypes.d.ts +16 -16
- package/dist/stories/organisms/Footer/sharedTypes.js +1 -1
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.d.ts +36 -36
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js +49 -49
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js.map +1 -1
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.d.ts +9 -9
- package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js +196 -196
- package/dist/stories/organisms/Modals/FullPageModal.d.ts +4 -4
- package/dist/stories/organisms/Modals/FullPageModal.js +59 -59
- package/dist/stories/organisms/Modals/Modals.stories.d.ts +5 -5
- package/dist/stories/organisms/Modals/Modals.stories.js +73 -73
- package/dist/stories/organisms/Modals/sharedTypes.d.ts +14 -14
- package/dist/stories/organisms/Modals/sharedTypes.js +1 -1
- package/dist/stories/organisms/Tables/DrawCardTable.d.ts +3 -3
- package/dist/stories/organisms/Tables/DrawCardTable.js +56 -56
- package/dist/stories/organisms/Tables/SortableTable.d.ts +23 -23
- package/dist/stories/organisms/Tables/SortableTable.js +34 -34
- package/dist/stories/organisms/Tables/SortableTable.js.map +1 -1
- package/dist/stories/organisms/Tables/Tables.stories.d.ts +8 -8
- package/dist/stories/organisms/Tables/Tables.stories.js +90 -90
- package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.d.ts +3 -3
- package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.js +66 -66
- package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.d.ts +3 -3
- package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.js +43 -43
- package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.d.ts +3 -3
- package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.js +22 -22
- package/dist/stories/organisms/Tables/mockData.d.ts +71 -71
- package/dist/stories/organisms/Tables/mockData.js +99 -99
- package/dist/stories/organisms/Tables/sharedTypes.d.ts +15 -15
- package/dist/stories/organisms/Tables/sharedTypes.js +1 -1
- package/dist/stories/utils/constants.d.ts +19 -19
- package/dist/stories/utils/constants.js +23 -23
- package/dist/stories/utils/constants.js.map +1 -1
- package/dist/stories/utils/getArrayWithIds.d.ts +3 -3
- package/dist/stories/utils/getArrayWithIds.js +1 -1
- package/dist/stories/utils/useScreenSize.d.ts +4 -4
- package/dist/stories/utils/useScreenSize.js +27 -27
- package/dist/types/tableDataTypes.d.ts +38 -38
- package/dist/types/tableDataTypes.js +1 -1
- package/package.json +1 -1
- package/src/stories/assets/icons/icon-college-corner.svg +3 -0
- package/src/stories/atoms/Icons/CollegeCornerIcon.tsx +11 -0
- package/src/stories/atoms/Icons/Icons.stories.tsx +11 -0
- package/src/stories/molecules/GlobalNavItem/GlobalNavItem.tsx +1 -1
- package/src/stories/organisms/Footer/Footer.tsx +6 -2
|
@@ -1,98 +1,102 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { styled } from "@mui/material/styles";
|
|
3
|
-
import Box from '@mui/material/Box';
|
|
4
|
-
import IconButton from '@mui/material/IconButton';
|
|
5
|
-
import Link from '@mui/material/Link';
|
|
6
|
-
import { SocialMediaIds } from '../../utils/constants';
|
|
7
|
-
import FooterSection from '../../molecules/FooterSection/FooterSection';
|
|
8
|
-
import SocialMediaInstagramIcon from '../../atoms/Icons/SocialMediaInstagramIcon';
|
|
9
|
-
import SocialMediaTikTokIcon from '../../atoms/Icons/SocialMediaTikTokIcon';
|
|
10
|
-
import SocialMediaXIcon from '../../atoms/Icons/SocialMediaXIcon';
|
|
11
|
-
import SocialMediaYoutubeIcon from '../../atoms/Icons/SocialMediaYoutubeIcon';
|
|
12
|
-
import SocialMediaFacebookIcon from '../../atoms/Icons/SocialMediaFacebookIcon';
|
|
13
|
-
import Typography from '../../atoms/Typography/Typography';
|
|
14
|
-
import utrLogo from '../../assets/utr-sports-logo.svg';
|
|
15
|
-
import appStoreBadge from '../../../../public/app-store-badge.png';
|
|
16
|
-
function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocialMediaClick, sx }) {
|
|
17
|
-
const { X, FACEBOOK, INSTAGRAM, TIKTOK, YOUTUBE } = SocialMediaIds;
|
|
18
|
-
const appStoreLink = "https://apps.apple.com/us/app/utr-sports/id1519232627";
|
|
19
|
-
const handleOnSocialMediaClick = (id) => {
|
|
20
|
-
onSocialMediaClick(id);
|
|
21
|
-
};
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(
|
|
76
|
-
React.createElement(
|
|
77
|
-
React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(
|
|
78
|
-
React.createElement(
|
|
79
|
-
React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(
|
|
80
|
-
React.createElement(
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
React.createElement(StyledNavigation, null,
|
|
91
|
-
React.createElement(FooterSection, { title: "
|
|
92
|
-
React.createElement(StyledNavigation, null,
|
|
93
|
-
React.createElement(FooterSection, { title: "
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { styled } from "@mui/material/styles";
|
|
3
|
+
import Box from '@mui/material/Box';
|
|
4
|
+
import IconButton from '@mui/material/IconButton';
|
|
5
|
+
import Link from '@mui/material/Link';
|
|
6
|
+
import { SocialMediaIds } from '../../utils/constants';
|
|
7
|
+
import FooterSection from '../../molecules/FooterSection/FooterSection';
|
|
8
|
+
import SocialMediaInstagramIcon from '../../atoms/Icons/SocialMediaInstagramIcon';
|
|
9
|
+
import SocialMediaTikTokIcon from '../../atoms/Icons/SocialMediaTikTokIcon';
|
|
10
|
+
import SocialMediaXIcon from '../../atoms/Icons/SocialMediaXIcon';
|
|
11
|
+
import SocialMediaYoutubeIcon from '../../atoms/Icons/SocialMediaYoutubeIcon';
|
|
12
|
+
import SocialMediaFacebookIcon from '../../atoms/Icons/SocialMediaFacebookIcon';
|
|
13
|
+
import Typography from '../../atoms/Typography/Typography';
|
|
14
|
+
import utrLogo from '../../assets/utr-sports-logo.svg';
|
|
15
|
+
import appStoreBadge from '../../../../public/app-store-badge.png';
|
|
16
|
+
function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocialMediaClick, sx }) {
|
|
17
|
+
const { X, FACEBOOK, INSTAGRAM, TIKTOK, YOUTUBE } = SocialMediaIds;
|
|
18
|
+
const appStoreLink = "https://apps.apple.com/us/app/utr-sports/id1519232627";
|
|
19
|
+
const handleOnSocialMediaClick = (id) => {
|
|
20
|
+
onSocialMediaClick(id);
|
|
21
|
+
};
|
|
22
|
+
const copyrightText = useMemo(() => {
|
|
23
|
+
const currentYear = new Date().getFullYear();
|
|
24
|
+
return `© ${currentYear}, UTR Sports`;
|
|
25
|
+
}, []);
|
|
26
|
+
const StyledNavigationContainer = styled(Box)(({ theme }) => ({
|
|
27
|
+
display: 'flex',
|
|
28
|
+
flexWrap: 'wrap',
|
|
29
|
+
[theme.breakpoints.up('md')]: {
|
|
30
|
+
flexWrap: 'no-wrap',
|
|
31
|
+
}
|
|
32
|
+
}));
|
|
33
|
+
const StyledContentContainer = styled(Box)(({ theme }) => ({
|
|
34
|
+
display: "flex",
|
|
35
|
+
flexDirection: "column",
|
|
36
|
+
justifyContent: "space-between",
|
|
37
|
+
padding: "32px",
|
|
38
|
+
[theme.breakpoints.up('md')]: {
|
|
39
|
+
flexDirection: "row",
|
|
40
|
+
padding: "32px 64px",
|
|
41
|
+
}
|
|
42
|
+
}));
|
|
43
|
+
const StyledNavigation = styled(Box)(({ theme }) => ({
|
|
44
|
+
flex: "50%",
|
|
45
|
+
marginBottom: "32px",
|
|
46
|
+
[theme.breakpoints.up('lg')]: {
|
|
47
|
+
flex: "auto",
|
|
48
|
+
marginRight: "75px",
|
|
49
|
+
marginBottom: 0,
|
|
50
|
+
'&:last-child': {
|
|
51
|
+
marginRight: 0,
|
|
52
|
+
},
|
|
53
|
+
}
|
|
54
|
+
}));
|
|
55
|
+
const StyledLogoContainer = styled(Box)(({ theme }) => ({
|
|
56
|
+
display: "flex",
|
|
57
|
+
flexDirection: "column",
|
|
58
|
+
margin: "0 auto",
|
|
59
|
+
[theme.breakpoints.up('lg')]: {
|
|
60
|
+
margin: 0
|
|
61
|
+
}
|
|
62
|
+
}));
|
|
63
|
+
const StyledBorder = styled(Box)(({ theme }) => ({
|
|
64
|
+
borderBottom: ".5px solid var(--darkest-grey)",
|
|
65
|
+
margin: "32px 0px",
|
|
66
|
+
[theme.breakpoints.up('md')]: {
|
|
67
|
+
display: "none"
|
|
68
|
+
}
|
|
69
|
+
}));
|
|
70
|
+
return (React.createElement(Box, { sx: Object.assign({ backgroundColor: 'var(--black)' }, sx) },
|
|
71
|
+
React.createElement(StyledContentContainer, null,
|
|
72
|
+
React.createElement(StyledLogoContainer, null,
|
|
73
|
+
React.createElement("img", { alt: "UTR Sports logo", width: "205", height: "51", src: utrLogo }),
|
|
74
|
+
React.createElement(Box, { display: "flex", my: 2, justifyContent: "space-between", width: "100%" },
|
|
75
|
+
React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(X) },
|
|
76
|
+
React.createElement(SocialMediaXIcon, { size: 27, color: "var(--white)" })),
|
|
77
|
+
React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(FACEBOOK) },
|
|
78
|
+
React.createElement(SocialMediaFacebookIcon, { size: 27, color: "var(--white)" })),
|
|
79
|
+
React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(INSTAGRAM) },
|
|
80
|
+
React.createElement(SocialMediaInstagramIcon, { size: 27, color: "var(--white)" })),
|
|
81
|
+
React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(TIKTOK) },
|
|
82
|
+
React.createElement(SocialMediaTikTokIcon, { size: 27, color: "var(--white)" })),
|
|
83
|
+
React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(YOUTUBE) },
|
|
84
|
+
React.createElement(SocialMediaYoutubeIcon, { size: 27, color: "var(--white)" }))),
|
|
85
|
+
React.createElement(Box, { display: "flex", justifyContent: "center", width: "100%" },
|
|
86
|
+
React.createElement(Link, { href: appStoreLink, target: "_blank", rel: "noopener" },
|
|
87
|
+
React.createElement("img", { alt: "App store badge", width: "84", height: "28", src: appStoreBadge })))),
|
|
88
|
+
React.createElement(StyledBorder, null),
|
|
89
|
+
React.createElement(StyledNavigationContainer, null,
|
|
90
|
+
React.createElement(StyledNavigation, null,
|
|
91
|
+
React.createElement(FooterSection, { title: "Explore", items: exploreItems })),
|
|
92
|
+
React.createElement(StyledNavigation, null,
|
|
93
|
+
React.createElement(FooterSection, { title: "Providers", items: providerItems })),
|
|
94
|
+
React.createElement(StyledNavigation, null,
|
|
95
|
+
React.createElement(FooterSection, { title: "More", items: moreItems })),
|
|
96
|
+
React.createElement(StyledNavigation, null,
|
|
97
|
+
React.createElement(FooterSection, { title: "Support", items: supportItems })))),
|
|
98
|
+
React.createElement(Box, { display: "absolute", sx: { bottom: 24, borderTop: 1, borderColor: "var(--white)" } },
|
|
99
|
+
React.createElement(Typography, { p: 0.5, category: "secondary", size: "x-small-book-cap", color: "var(--white)", align: "center" }, copyrightText))));
|
|
100
|
+
}
|
|
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,5 +1,5 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
};
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const BottomFooter: any;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
};
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const BottomFooter: any;
|
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Footer from './Footer';
|
|
3
|
-
// Default
|
|
4
|
-
export default {
|
|
5
|
-
title: 'Organisms/Footer',
|
|
6
|
-
};
|
|
7
|
-
// Templates
|
|
8
|
-
function FooterTemplate(args) {
|
|
9
|
-
return React.createElement(Footer, Object.assign({}, args));
|
|
10
|
-
}
|
|
11
|
-
// Stories
|
|
12
|
-
export const BottomFooter = FooterTemplate.bind({});
|
|
13
|
-
BottomFooter.args = {
|
|
14
|
-
exploreItems: [
|
|
15
|
-
{ href: '#', label: 'Countries' },
|
|
16
|
-
{ href: '#', label: 'States' },
|
|
17
|
-
{ href: '#', label: 'Cities' },
|
|
18
|
-
],
|
|
19
|
-
eventItems: [
|
|
20
|
-
{ href: '#', label: 'Color Ball' },
|
|
21
|
-
{ href: '#', label: 'National Pathway' },
|
|
22
|
-
{ href: '#', label: 'Camps' },
|
|
23
|
-
{ href: '#', label: 'Team Leagues' },
|
|
24
|
-
{ href: '#', label: 'Flex Leagues' },
|
|
25
|
-
{ href: '#', label: 'Junior Circuits' },
|
|
26
|
-
{ href: '#', label: 'College Pathways' },
|
|
27
|
-
{ href: '#', label: 'College Circuits' },
|
|
28
|
-
{ href: '#', label: 'Pro Tennis Tour' },
|
|
29
|
-
{ href: '#', label: 'College Camps' },
|
|
30
|
-
],
|
|
31
|
-
providerItems: [
|
|
32
|
-
{ href: '#', label: 'Clubs' },
|
|
33
|
-
{ href: '#', label: 'Academies' },
|
|
34
|
-
{ href: '#', label: 'High Schools' },
|
|
35
|
-
{ href: '#', label: 'Colleges' },
|
|
36
|
-
{ href: '#', label: 'Get in Touch' },
|
|
37
|
-
],
|
|
38
|
-
moreItems: [
|
|
39
|
-
{ href: '#', label: 'Tennis' },
|
|
40
|
-
{ href: '#', label: 'Pickleball' },
|
|
41
|
-
{ href: '#', label: 'News' },
|
|
42
|
-
{ href: '#', label: 'Shop' },
|
|
43
|
-
{ href: '#', label: 'Press' },
|
|
44
|
-
{ href: '#', label: 'Careers' },
|
|
45
|
-
{ href: '#', label: 'About Us' },
|
|
46
|
-
{ href: '#', label: 'Foundation' },
|
|
47
|
-
],
|
|
48
|
-
supportItems: [
|
|
49
|
-
{ href: '#', label: 'Help Center' },
|
|
50
|
-
{ href: '#', label: 'Privacy Policy' },
|
|
51
|
-
{ href: '#', label: 'Terms & Conditions' },
|
|
52
|
-
{ href: '#', label: 'Guidelines' },
|
|
53
|
-
{ href: '#', label: 'Verified Events' },
|
|
54
|
-
{ href: '#', label: 'About UTR Rating' },
|
|
55
|
-
{ href: '#', label: 'About UTR-P Rating' },
|
|
56
|
-
{ href: '#', label: 'About Color Ball Rating' },
|
|
57
|
-
],
|
|
58
|
-
};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Footer from './Footer';
|
|
3
|
+
// Default
|
|
4
|
+
export default {
|
|
5
|
+
title: 'Organisms/Footer',
|
|
6
|
+
};
|
|
7
|
+
// Templates
|
|
8
|
+
function FooterTemplate(args) {
|
|
9
|
+
return React.createElement(Footer, Object.assign({}, args));
|
|
10
|
+
}
|
|
11
|
+
// Stories
|
|
12
|
+
export const BottomFooter = FooterTemplate.bind({});
|
|
13
|
+
BottomFooter.args = {
|
|
14
|
+
exploreItems: [
|
|
15
|
+
{ href: '#', label: 'Countries' },
|
|
16
|
+
{ href: '#', label: 'States' },
|
|
17
|
+
{ href: '#', label: 'Cities' },
|
|
18
|
+
],
|
|
19
|
+
eventItems: [
|
|
20
|
+
{ href: '#', label: 'Color Ball' },
|
|
21
|
+
{ href: '#', label: 'National Pathway' },
|
|
22
|
+
{ href: '#', label: 'Camps' },
|
|
23
|
+
{ href: '#', label: 'Team Leagues' },
|
|
24
|
+
{ href: '#', label: 'Flex Leagues' },
|
|
25
|
+
{ href: '#', label: 'Junior Circuits' },
|
|
26
|
+
{ href: '#', label: 'College Pathways' },
|
|
27
|
+
{ href: '#', label: 'College Circuits' },
|
|
28
|
+
{ href: '#', label: 'Pro Tennis Tour' },
|
|
29
|
+
{ href: '#', label: 'College Camps' },
|
|
30
|
+
],
|
|
31
|
+
providerItems: [
|
|
32
|
+
{ href: '#', label: 'Clubs' },
|
|
33
|
+
{ href: '#', label: 'Academies' },
|
|
34
|
+
{ href: '#', label: 'High Schools' },
|
|
35
|
+
{ href: '#', label: 'Colleges' },
|
|
36
|
+
{ href: '#', label: 'Get in Touch' },
|
|
37
|
+
],
|
|
38
|
+
moreItems: [
|
|
39
|
+
{ href: '#', label: 'Tennis' },
|
|
40
|
+
{ href: '#', label: 'Pickleball' },
|
|
41
|
+
{ href: '#', label: 'News' },
|
|
42
|
+
{ href: '#', label: 'Shop' },
|
|
43
|
+
{ href: '#', label: 'Press' },
|
|
44
|
+
{ href: '#', label: 'Careers' },
|
|
45
|
+
{ href: '#', label: 'About Us' },
|
|
46
|
+
{ href: '#', label: 'Foundation' },
|
|
47
|
+
],
|
|
48
|
+
supportItems: [
|
|
49
|
+
{ href: '#', label: 'Help Center' },
|
|
50
|
+
{ href: '#', label: 'Privacy Policy' },
|
|
51
|
+
{ href: '#', label: 'Terms & Conditions' },
|
|
52
|
+
{ href: '#', label: 'Guidelines' },
|
|
53
|
+
{ href: '#', label: 'Verified Events' },
|
|
54
|
+
{ href: '#', label: 'About UTR Rating' },
|
|
55
|
+
{ href: '#', label: 'About UTR-P Rating' },
|
|
56
|
+
{ href: '#', label: 'About Color Ball Rating' },
|
|
57
|
+
],
|
|
58
|
+
};
|
|
59
59
|
//# sourceMappingURL=Footer.stories.js.map
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { SxProps, Theme } from '@mui/system';
|
|
2
|
-
export interface LinkItem {
|
|
3
|
-
href: string;
|
|
4
|
-
label: string;
|
|
5
|
-
}
|
|
6
|
-
export type FooterProps = {
|
|
7
|
-
sectionTitleColor: string;
|
|
8
|
-
listItemColor: string;
|
|
9
|
-
exploreItems: [LinkItem];
|
|
10
|
-
eventItems: [LinkItem];
|
|
11
|
-
providerItems: [LinkItem];
|
|
12
|
-
moreItems: [LinkItem];
|
|
13
|
-
supportItems: [LinkItem];
|
|
14
|
-
onSocialMediaClick(id: number): VoidFunction;
|
|
15
|
-
sx?: SxProps<Theme>;
|
|
16
|
-
};
|
|
1
|
+
import { SxProps, Theme } from '@mui/system';
|
|
2
|
+
export interface LinkItem {
|
|
3
|
+
href: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
export type FooterProps = {
|
|
7
|
+
sectionTitleColor: string;
|
|
8
|
+
listItemColor: string;
|
|
9
|
+
exploreItems: [LinkItem];
|
|
10
|
+
eventItems: [LinkItem];
|
|
11
|
+
providerItems: [LinkItem];
|
|
12
|
+
moreItems: [LinkItem];
|
|
13
|
+
supportItems: [LinkItem];
|
|
14
|
+
onSocialMediaClick(id: number): VoidFunction;
|
|
15
|
+
sx?: SxProps<Theme>;
|
|
16
|
+
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
|
2
2
|
//# sourceMappingURL=sharedTypes.js.map
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface GlobalNavigationProps {
|
|
3
|
-
fullWidthNavItems: [
|
|
4
|
-
item: {
|
|
5
|
-
label: string;
|
|
6
|
-
filterType: string;
|
|
7
|
-
sportType: string;
|
|
8
|
-
}
|
|
9
|
-
];
|
|
10
|
-
isAdultTeamPickleballEnabled: boolean;
|
|
11
|
-
isJuniorTeamPickleballEnabled: boolean;
|
|
12
|
-
leagueTypes: Record<string, string | number>;
|
|
13
|
-
tennisNavItems?: [
|
|
14
|
-
item: {
|
|
15
|
-
label: string;
|
|
16
|
-
filterType: string;
|
|
17
|
-
sportType: string;
|
|
18
|
-
isLeagues?: boolean;
|
|
19
|
-
onClick: (item: object) => void;
|
|
20
|
-
}
|
|
21
|
-
];
|
|
22
|
-
pickleballNavItems?: [
|
|
23
|
-
item: {
|
|
24
|
-
label: string;
|
|
25
|
-
filterType: string;
|
|
26
|
-
sportType: string;
|
|
27
|
-
isLeagues?: boolean;
|
|
28
|
-
data?: object;
|
|
29
|
-
onClick: (item: object) => void;
|
|
30
|
-
}
|
|
31
|
-
];
|
|
32
|
-
onTypeFilterClick: (item: object) => void;
|
|
33
|
-
onTeamLeagueSearchClick: (item: object) => void;
|
|
34
|
-
}
|
|
35
|
-
declare function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): React.JSX.Element;
|
|
36
|
-
export default GlobalNavigation;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface GlobalNavigationProps {
|
|
3
|
+
fullWidthNavItems: [
|
|
4
|
+
item: {
|
|
5
|
+
label: string;
|
|
6
|
+
filterType: string;
|
|
7
|
+
sportType: string;
|
|
8
|
+
}
|
|
9
|
+
];
|
|
10
|
+
isAdultTeamPickleballEnabled: boolean;
|
|
11
|
+
isJuniorTeamPickleballEnabled: boolean;
|
|
12
|
+
leagueTypes: Record<string, string | number>;
|
|
13
|
+
tennisNavItems?: [
|
|
14
|
+
item: {
|
|
15
|
+
label: string;
|
|
16
|
+
filterType: string;
|
|
17
|
+
sportType: string;
|
|
18
|
+
isLeagues?: boolean;
|
|
19
|
+
onClick: (item: object) => void;
|
|
20
|
+
}
|
|
21
|
+
];
|
|
22
|
+
pickleballNavItems?: [
|
|
23
|
+
item: {
|
|
24
|
+
label: string;
|
|
25
|
+
filterType: string;
|
|
26
|
+
sportType: string;
|
|
27
|
+
isLeagues?: boolean;
|
|
28
|
+
data?: object;
|
|
29
|
+
onClick: (item: object) => void;
|
|
30
|
+
}
|
|
31
|
+
];
|
|
32
|
+
onTypeFilterClick: (item: object) => void;
|
|
33
|
+
onTeamLeagueSearchClick: (item: object) => void;
|
|
34
|
+
}
|
|
35
|
+
declare function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): React.JSX.Element;
|
|
36
|
+
export default GlobalNavigation;
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { styled } from "@mui/material/styles";
|
|
3
|
-
import Box from '@mui/material/Box';
|
|
4
|
-
import GlobalNavItem from '../../molecules/GlobalNavItem/GlobalNavItem';
|
|
5
|
-
import TennisBallIcon from '../../atoms/Icons/TennisBallIcon';
|
|
6
|
-
import PickleballBallIcon from '../../atoms/Icons/PickleballBallIcon';
|
|
7
|
-
import Typography from '../../atoms/Typography/Typography';
|
|
8
|
-
const NavItemsContainer = styled(Box)(({ theme }) => ({
|
|
9
|
-
display: "flex",
|
|
10
|
-
marginTop: "24px",
|
|
11
|
-
gap: "24px",
|
|
12
|
-
flexDirection: 'column',
|
|
13
|
-
[theme.breakpoints.up('sm')]: {
|
|
14
|
-
flexDirection: 'row',
|
|
15
|
-
},
|
|
16
|
-
}));
|
|
17
|
-
function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }) {
|
|
18
|
-
const handleOnClick = (item) => {
|
|
19
|
-
if (item === null || item === void 0 ? void 0 : item.isLeagues) {
|
|
20
|
-
onTeamLeagueSearchClick(item);
|
|
21
|
-
}
|
|
22
|
-
else {
|
|
23
|
-
onTypeFilterClick(item);
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
const filteredPickleballNavItems = pickleballNavItems === null || pickleballNavItems === void 0 ? void 0 : pickleballNavItems.filter((item) => {
|
|
27
|
-
if (!isAdultTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_ADULT_TEAM_PICKLEBALL)) {
|
|
28
|
-
return false;
|
|
29
|
-
}
|
|
30
|
-
if (!isJuniorTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_JUNIOR_TEAM_PICKLEBALL)) {
|
|
31
|
-
return false;
|
|
32
|
-
}
|
|
33
|
-
return true;
|
|
34
|
-
});
|
|
35
|
-
return (React.createElement(Box, { display: "flex", flexDirection: "column" }, fullWidthNavItems === null || fullWidthNavItems === void 0 ? void 0 :
|
|
36
|
-
fullWidthNavItems.map((item) => (React.createElement(GlobalNavItem, { onClick: handleOnClick, item: item, key: item.label }))),
|
|
37
|
-
React.createElement(NavItemsContainer, null,
|
|
38
|
-
React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
|
|
39
|
-
React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
|
|
40
|
-
React.createElement(TennisBallIcon, { size: 18 }),
|
|
41
|
-
React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Tennis")), tennisNavItems === null || tennisNavItems === void 0 ? void 0 :
|
|
42
|
-
tennisNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))),
|
|
43
|
-
React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
|
|
44
|
-
React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
|
|
45
|
-
React.createElement(PickleballBallIcon, { size: 18 }),
|
|
46
|
-
React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Pickleball")), filteredPickleballNavItems === null || filteredPickleballNavItems === void 0 ? void 0 :
|
|
47
|
-
filteredPickleballNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))))));
|
|
48
|
-
}
|
|
49
|
-
export default GlobalNavigation;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { styled } from "@mui/material/styles";
|
|
3
|
+
import Box from '@mui/material/Box';
|
|
4
|
+
import GlobalNavItem from '../../molecules/GlobalNavItem/GlobalNavItem';
|
|
5
|
+
import TennisBallIcon from '../../atoms/Icons/TennisBallIcon';
|
|
6
|
+
import PickleballBallIcon from '../../atoms/Icons/PickleballBallIcon';
|
|
7
|
+
import Typography from '../../atoms/Typography/Typography';
|
|
8
|
+
const NavItemsContainer = styled(Box)(({ theme }) => ({
|
|
9
|
+
display: "flex",
|
|
10
|
+
marginTop: "24px",
|
|
11
|
+
gap: "24px",
|
|
12
|
+
flexDirection: 'column',
|
|
13
|
+
[theme.breakpoints.up('sm')]: {
|
|
14
|
+
flexDirection: 'row',
|
|
15
|
+
},
|
|
16
|
+
}));
|
|
17
|
+
function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }) {
|
|
18
|
+
const handleOnClick = (item) => {
|
|
19
|
+
if (item === null || item === void 0 ? void 0 : item.isLeagues) {
|
|
20
|
+
onTeamLeagueSearchClick(item);
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
onTypeFilterClick(item);
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
const filteredPickleballNavItems = pickleballNavItems === null || pickleballNavItems === void 0 ? void 0 : pickleballNavItems.filter((item) => {
|
|
27
|
+
if (!isAdultTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_ADULT_TEAM_PICKLEBALL)) {
|
|
28
|
+
return false;
|
|
29
|
+
}
|
|
30
|
+
if (!isJuniorTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_JUNIOR_TEAM_PICKLEBALL)) {
|
|
31
|
+
return false;
|
|
32
|
+
}
|
|
33
|
+
return true;
|
|
34
|
+
});
|
|
35
|
+
return (React.createElement(Box, { display: "flex", flexDirection: "column" }, fullWidthNavItems === null || fullWidthNavItems === void 0 ? void 0 :
|
|
36
|
+
fullWidthNavItems.map((item) => (React.createElement(GlobalNavItem, { onClick: handleOnClick, item: item, key: item.label }))),
|
|
37
|
+
React.createElement(NavItemsContainer, null,
|
|
38
|
+
React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
|
|
39
|
+
React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
|
|
40
|
+
React.createElement(TennisBallIcon, { size: 18 }),
|
|
41
|
+
React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Tennis")), tennisNavItems === null || tennisNavItems === void 0 ? void 0 :
|
|
42
|
+
tennisNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))),
|
|
43
|
+
React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
|
|
44
|
+
React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
|
|
45
|
+
React.createElement(PickleballBallIcon, { size: 18 }),
|
|
46
|
+
React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Pickleball")), filteredPickleballNavItems === null || filteredPickleballNavItems === void 0 ? void 0 :
|
|
47
|
+
filteredPickleballNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))))));
|
|
48
|
+
}
|
|
49
|
+
export default GlobalNavigation;
|
|
50
50
|
//# sourceMappingURL=GlobalNavigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalNavigation.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,aAAa,MAAM,6CAA6C,CAAC;AACxE,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,kBAAkB,MAAM,sCAAsC,CAAC;AACtE,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAoC3D,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,MAAM;IACjB,GAAG,EAAE,MAAM;IACX,aAAa,EAAE,QAAQ;IACvB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,aAAa,EAAE,KAAK;KACrB;CACF,CAAC,CAAC,CAAC;AAEJ,SAAS,gBAAgB,CAAC,EACxB,iBAAiB,EACjB,cAAc,EACd,4BAA4B,EAC5B,6BAA6B,EAC7B,WAAW,EACX,kBAAkB,EAClB,uBAAuB,EACvB,iBAAiB,EACe;IAChC,MAAM,aAAa,GAAG,CAAC,IAA6B,EAAE,EAAE;QACtD,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,EAAE
|
|
1
|
+
{"version":3,"file":"GlobalNavigation.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
};
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const GlobalNav: any;
|
|
6
|
-
export declare const TennisOnly: any;
|
|
7
|
-
export declare const PickleballOnly: any;
|
|
8
|
-
export declare const AdultTeamPickleballDisabled: any;
|
|
9
|
-
export declare const JuniorTeamPickleballDisabled: any;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
};
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const GlobalNav: any;
|
|
6
|
+
export declare const TennisOnly: any;
|
|
7
|
+
export declare const PickleballOnly: any;
|
|
8
|
+
export declare const AdultTeamPickleballDisabled: any;
|
|
9
|
+
export declare const JuniorTeamPickleballDisabled: any;
|