@universal-tennis/ui-shared 0.1.91 → 0.1.93

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.
Files changed (17) hide show
  1. package/dist/stories/organisms/Footer/Footer.d.ts +1 -1
  2. package/dist/stories/organisms/Footer/Footer.js +78 -38
  3. package/dist/stories/organisms/Footer/Footer.js.map +1 -1
  4. package/dist/stories/organisms/Footer/sharedTypes.d.ts +2 -0
  5. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.d.ts +4 -1
  6. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js +12 -3
  7. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js.map +1 -1
  8. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.d.ts +2 -0
  9. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js +36 -0
  10. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js.map +1 -1
  11. package/package.json +1 -1
  12. package/public/app-store-badge.png +0 -0
  13. package/public/google-play-icon.png +0 -0
  14. package/src/stories/organisms/Footer/Footer.tsx +117 -70
  15. package/src/stories/organisms/Footer/sharedTypes.ts +3 -0
  16. package/src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx +39 -0
  17. package/src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx +17 -2
package/dist/stories/organisms/Footer/Footer.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import { FooterProps } from './sharedTypes';
3
- declare function Footer({ exploreItems, eventItems, providerItems, moreItems, supportItems, onSocialMediaClick, }: FooterProps): JSX.Element;
3
+ declare function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocialMediaClick, sx }: FooterProps): JSX.Element;
4
4
  export default Footer;
package/dist/stories/organisms/Footer/Footer.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
+ import { styled } from "@mui/material/styles";
2
3
  import Box from '@mui/material/Box';
3
- import Grid from '@mui/material/Grid';
4
4
  import IconButton from '@mui/material/IconButton';
5
- import useMediaQuery from '@mui/material/useMediaQuery';
5
+ import Link from '@mui/material/Link';
6
6
  import { SocialMediaIds } from '../../utils/constants';
7
7
  import FooterSection from '../../molecules/FooterSection/FooterSection';
8
8
  import SocialMediaInstagramIcon from '../../atoms/Icons/SocialMediaInstagramIcon';
@@ -12,49 +12,89 @@ import SocialMediaYoutubeIcon from '../../atoms/Icons/SocialMediaYoutubeIcon';
12
12
  import SocialMediaFacebookIcon from '../../atoms/Icons/SocialMediaFacebookIcon';
13
13
  import Typography from '../../atoms/Typography/Typography';
14
14
  import utrLogo from '../../assets/utr-sports-logo.svg';
15
- function Footer({ exploreItems, eventItems, providerItems, moreItems, supportItems, onSocialMediaClick, }) {
16
- const matches = useMediaQuery('(min-width:600px)');
15
+ import googlePlayLogo from '../../../../public/google-play-icon.png';
16
+ import appStoreBadge from '../../../../public/app-store-badge.png';
17
+ function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocialMediaClick, sx }) {
17
18
  const { X, FACEBOOK, INSTAGRAM, TIKTOK, YOUTUBE } = SocialMediaIds;
19
+ const googlePlayLink = "https://play.google.com/store/apps/details?id=com.ut.utr";
20
+ const appStoreLink = "https://apps.apple.com/us/app/utr-sports/id1519232627";
18
21
  const handleOnSocialMediaClick = (id) => {
19
22
  onSocialMediaClick(id);
20
23
  };
21
- return (React.createElement(Box, { sx: { backgroundColor: 'var(--black)' } },
22
- React.createElement(Grid, { p: 1.5, container: true, justifyContent: "space-evenly", display: matches ? 'row' : 'column' },
23
- React.createElement(Grid, { item: true, xs: 12, lg: 2 },
24
- React.createElement(Box, { mb: 2, display: "flex", alignItems: "center", flexDirection: "column" },
25
- React.createElement("img", { alt: "UTR Sports logo", width: "205", height: "51", src: utrLogo }),
26
- React.createElement(Box, { display: "flex", mt: 1 },
27
- React.createElement(IconButton, { sx: { p: 0.5 }, onClick: () => handleOnSocialMediaClick(X) },
28
- React.createElement(SocialMediaXIcon, { size: 27, color: "var(--white)" })),
29
- React.createElement(IconButton, { sx: { p: 0.5 }, onClick: () => handleOnSocialMediaClick(FACEBOOK) },
30
- React.createElement(SocialMediaFacebookIcon, { size: 27, color: "var(--white)" })),
31
- React.createElement(IconButton, { sx: { p: 0.5 }, onClick: () => handleOnSocialMediaClick(INSTAGRAM) },
32
- React.createElement(SocialMediaInstagramIcon, { size: 27, color: "var(--white)" })),
33
- React.createElement(IconButton, { sx: { p: 0.5 }, onClick: () => handleOnSocialMediaClick(TIKTOK) },
34
- React.createElement(SocialMediaTikTokIcon, { size: 27, color: "var(--white)" })),
35
- React.createElement(IconButton, { sx: { p: 0.5 }, onClick: () => handleOnSocialMediaClick(YOUTUBE) },
36
- React.createElement(SocialMediaYoutubeIcon, { size: 27, color: "var(--white)" }))))),
37
- matches ? (React.createElement(Grid, { container: true, item: true, lg: 10, justifyContent: "space-evenly" },
38
- React.createElement(Grid, { item: true },
24
+ const StyledNavigationContainer = styled(Box)(({ theme }) => ({
25
+ display: 'flex',
26
+ flexWrap: 'wrap',
27
+ [theme.breakpoints.up('md')]: {
28
+ flexWrap: 'no-wrap',
29
+ }
30
+ }));
31
+ const StyledContentContainer = styled(Box)(({ theme }) => ({
32
+ display: "flex",
33
+ flexDirection: "column",
34
+ justifyContent: "space-between",
35
+ padding: "32px",
36
+ [theme.breakpoints.up('md')]: {
37
+ flexDirection: "row",
38
+ padding: "32px 64px",
39
+ }
40
+ }));
41
+ const StyledNavigation = styled(Box)(({ theme }) => ({
42
+ flex: "50%",
43
+ marginBottom: "32px",
44
+ [theme.breakpoints.up('lg')]: {
45
+ flex: "auto",
46
+ marginRight: "75px",
47
+ marginBottom: 0,
48
+ '&:last-child': {
49
+ marginRight: 0,
50
+ },
51
+ }
52
+ }));
53
+ const StyledLogoContainer = styled(Box)(({ theme }) => ({
54
+ display: "flex",
55
+ flexDirection: "column",
56
+ margin: "0 auto",
57
+ [theme.breakpoints.up('lg')]: {
58
+ margin: 0
59
+ }
60
+ }));
61
+ const StyledBorder = styled(Box)(({ theme }) => ({
62
+ borderBottom: ".5px solid var(--darkest-grey)",
63
+ margin: "32px 0px",
64
+ [theme.breakpoints.up('md')]: {
65
+ display: "none"
66
+ }
67
+ }));
68
+ return (React.createElement(Box, { sx: Object.assign({ backgroundColor: 'var(--black)' }, sx) },
69
+ React.createElement(StyledContentContainer, null,
70
+ React.createElement(StyledLogoContainer, null,
71
+ React.createElement("img", { alt: "UTR Sports logo", width: "205", height: "51", src: utrLogo }),
72
+ React.createElement(Box, { display: "flex", my: 2, justifyContent: "space-between", width: "100%" },
73
+ React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(X) },
74
+ React.createElement(SocialMediaXIcon, { size: 27, color: "var(--white)" })),
75
+ React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(FACEBOOK) },
76
+ React.createElement(SocialMediaFacebookIcon, { size: 27, color: "var(--white)" })),
77
+ React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(INSTAGRAM) },
78
+ React.createElement(SocialMediaInstagramIcon, { size: 27, color: "var(--white)" })),
79
+ React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(TIKTOK) },
80
+ React.createElement(SocialMediaTikTokIcon, { size: 27, color: "var(--white)" })),
81
+ React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(YOUTUBE) },
82
+ React.createElement(SocialMediaYoutubeIcon, { size: 27, color: "var(--white)" }))),
83
+ React.createElement(Box, { display: "flex", justifyContent: "space-between", width: "100%" },
84
+ React.createElement(Link, { href: googlePlayLink, target: "_blank", rel: "noopener" },
85
+ React.createElement("img", { alt: "Google play logo", width: "96", height: "28", src: googlePlayLogo })),
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,
39
91
  React.createElement(FooterSection, { title: "Explore", items: exploreItems })),
40
- React.createElement(Grid, { item: true },
41
- React.createElement(FooterSection, { title: "Events", items: eventItems })),
42
- React.createElement(Grid, { item: true },
92
+ React.createElement(StyledNavigation, null,
43
93
  React.createElement(FooterSection, { title: "Providers", items: providerItems })),
44
- React.createElement(Grid, { item: true },
94
+ React.createElement(StyledNavigation, null,
45
95
  React.createElement(FooterSection, { title: "More", items: moreItems })),
46
- React.createElement(Grid, { item: true },
47
- React.createElement(FooterSection, { title: "Support", items: supportItems })))) : (React.createElement(Grid, { container: true, display: "column", justifyContent: "space-evenly" },
48
- React.createElement(Grid, { item: true },
49
- React.createElement(Box, { mb: 2 },
50
- React.createElement(FooterSection, { title: "Explore", items: exploreItems })),
51
- React.createElement(Box, { mb: 3.3 },
52
- React.createElement(FooterSection, { title: "Providers", items: providerItems })),
53
- React.createElement(FooterSection, { title: "Support", items: supportItems })),
54
- React.createElement(Grid, { item: true },
55
- React.createElement(Box, { mb: 2 },
56
- React.createElement(FooterSection, { title: "Events", items: eventItems })),
57
- React.createElement(FooterSection, { title: "More", items: moreItems }))))),
96
+ React.createElement(StyledNavigation, null,
97
+ React.createElement(FooterSection, { title: "Support", items: supportItems })))),
58
98
  React.createElement(Box, { display: "absolute", sx: { bottom: 24, borderTop: 1, borderColor: "var(--white)" } },
59
99
  React.createElement(Typography, { p: 0.5, category: "secondary", size: "x-small-book-cap", color: "var(--white)", align: "center" }, `\u00A9 2024, UTR SPORTS`))));
60
100
  }
package/dist/stories/organisms/Footer/Footer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/stories/organisms/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,aAAa,MAAM,6BAA6B,CAAC;AAGxD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,aAAa,MAAM,6CAA6C,CAAC;AACxE,OAAO,wBAAwB,MAAM,4CAA4C,CAAC;AAClF,OAAO,qBAAqB,MAAM,yCAAyC,CAAC;AAC5E,OAAO,gBAAgB,MAAM,oCAAoC,CAAC;AAClE,OAAO,sBAAsB,MAAM,0CAA0C,CAAC;AAC9E,OAAO,uBAAuB,MAAM,2CAA2C,CAAC;AAChF,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,OAAO,MAAM,kCAAkC,CAAC;AAEvD,SAAS,MAAM,CAAC,EACd,YAAY,EACZ,UAAU,EACV,aAAa,EACb,SAAS,EACT,YAAY,EACZ,kBAAkB,GACN;IACZ,MAAM,OAAO,GAAG,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACnD,MAAM,EACJ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EACxC,GAAG,cAAc,CAAC;IAEnB,MAAM,wBAAwB,GAAG,CAAC,EAAU,EAAE,EAAE;QAC9C,kBAAkB,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE;QACxC,oBAAC,IAAI,IAAC,CAAC,EAAE,GAAG,EAAE,SAAS,QAAC,cAAc,EAAC,cAAc,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;YACrF,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;gBACpB,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ;oBACjE,6BACI,GAAG,EAAC,iBAAiB,EACrB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,GAAG,EAAE,OAAO,GACd;oBACF,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC;wBACrB,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC;4BAClE,oBAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,cAAc,GAAG,CAC1C;wBACb,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,QAAQ,CAAC;4BACzE,oBAAC,uBAAuB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,cAAc,GAAG,CACjD;wBACb,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,SAAS,CAAC;4BAC1E,oBAAC,wBAAwB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,cAAc,GAAG,CAClD;wBACb,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,MAAM,CAAC;4BACvE,oBAAC,qBAAqB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,cAAc,GAAG,CAC/C;wBACb,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,OAAO,CAAC;4BACxE,oBAAC,sBAAsB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,cAAc,GAAG,CAChD,CACX,CACJ,CACH;YACN,OAAO,CAAC,CAAC,CAAC,CACP,oBAAC,IAAI,IAAC,SAAS,QAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,cAAc,EAAC,cAAc;gBACtD,oBAAC,IAAI,IAAC,IAAI;oBACN,oBAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,YAAY,GAAI,CACnD;gBACP,oBAAC,IAAI,IAAC,IAAI;oBACN,oBAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,UAAU,GAAI,CAChD;gBACP,oBAAC,IAAI,IAAC,IAAI;oBACN,oBAAC,aAAa,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,aAAa,GAAI,CACtD;gBACP,oBAAC,IAAI,IAAC,IAAI;oBACN,oBAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,GAAI,CAC7C;gBACP,oBAAC,IAAI,IAAC,IAAI;oBACN,oBAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,YAAY,GAAI,CACnD,CACJ,CACV,CAAC,CAAC,CAAC,CACA,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAC,QAAQ,EAAC,cAAc,EAAC,cAAc;gBAC1D,oBAAC,IAAI,IAAC,IAAI;oBACN,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC;wBACN,oBAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,YAAY,GAAI,CACpD;oBACN,oBAAC,GAAG,IAAC,EAAE,EAAE,GAAG;wBACR,oBAAC,aAAa,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,aAAa,GAAI,CACvD;oBACN,oBAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,YAAY,GAAI,CACnD;gBACP,oBAAC,IAAI,IAAC,IAAI;oBACN,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC;wBACN,oBAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,UAAU,GAAI,CACjD;oBACN,oBAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,GAAI,CAC7C,CACJ,CACV,CACE;QACP,oBAAC,GAAG,IAAC,OAAO,EAAC,UAAU,EAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE;YACjF,oBAAC,UAAU,IACP,CAAC,EAAE,GAAG,EACN,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,QAAQ,IAEb,yBAAyB,CACjB,CACX,CACJ,CACT,CAAC;AACJ,CAAC;AACD,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/stories/organisms/Footer/Footer.tsx"],"names":[],"mappings":"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"}
package/dist/stories/organisms/Footer/sharedTypes.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { SxProps, Theme } from '@mui/system';
1
2
  export interface LinkItem {
2
3
  href: string;
3
4
  label: string;
@@ -11,4 +12,5 @@ export type FooterProps = {
11
12
  moreItems: [LinkItem];
12
13
  supportItems: [LinkItem];
13
14
  onSocialMediaClick(id: number): VoidFunction;
15
+ sx?: SxProps<Theme>;
14
16
  };
package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.d.ts CHANGED
@@ -2,6 +2,9 @@
2
2
  export interface GlobalNavigationProps {
3
3
  showTennisItems: boolean;
4
4
  showPickleballItems: boolean;
5
+ isAdultTeamPickleballEnabled: boolean;
6
+ isJuniorTeamPickleballEnabled: boolean;
7
+ leagueTypes: Record<string, string | number>;
5
8
  tennisNavItems?: [
6
9
  item: {
7
10
  label: string;
@@ -24,5 +27,5 @@ export interface GlobalNavigationProps {
24
27
  onTypeFilterClick: (item: object) => void;
25
28
  onTeamLeagueSearchClick: (item: object) => void;
26
29
  }
27
- declare function GlobalNavigation({ showTennisItems, tennisNavItems, pickleballNavItems, showPickleballItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): JSX.Element;
30
+ declare function GlobalNavigation({ showTennisItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, showPickleballItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): JSX.Element;
28
31
  export default GlobalNavigation;
package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js CHANGED
@@ -19,7 +19,7 @@ const allPlayersNavItem = {
19
19
  filterType: 'players',
20
20
  sportType: 'tennis,pickleball'
21
21
  };
22
- function GlobalNavigation({ showTennisItems, tennisNavItems, pickleballNavItems, showPickleballItems, onTeamLeagueSearchClick, onTypeFilterClick }) {
22
+ function GlobalNavigation({ showTennisItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, showPickleballItems, onTeamLeagueSearchClick, onTypeFilterClick }) {
23
23
  const handleOnClick = (item) => {
24
24
  if (item === null || item === void 0 ? void 0 : item.isLeagues) {
25
25
  onTeamLeagueSearchClick(item);
@@ -28,6 +28,15 @@ function GlobalNavigation({ showTennisItems, tennisNavItems, pickleballNavItems,
28
28
  onTypeFilterClick(item);
29
29
  }
30
30
  };
31
+ const filteredPickleballNavItems = pickleballNavItems === null || pickleballNavItems === void 0 ? void 0 : pickleballNavItems.filter((item) => {
32
+ if (!isAdultTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_ADULT_TEAM_PICKLEBALL)) {
33
+ return false;
34
+ }
35
+ if (!isJuniorTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_JUNIOR_TEAM_PICKLEBALL)) {
36
+ return false;
37
+ }
38
+ return true;
39
+ });
31
40
  return (React.createElement(Box, { display: "flex", flexDirection: "column" },
32
41
  React.createElement(GlobalNavItem, { onClick: handleOnClick, item: allPlayersNavItem }),
33
42
  React.createElement(NavItemsContainer, null,
@@ -39,8 +48,8 @@ function GlobalNavigation({ showTennisItems, tennisNavItems, pickleballNavItems,
39
48
  showPickleballItems && (React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
40
49
  React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
41
50
  React.createElement(PickleballBallIcon, { size: 18 }),
42
- React.createElement(Typography, { category: "secondary", size: "medium-cap" }, "Pickleball")), pickleballNavItems === null || pickleballNavItems === void 0 ? void 0 :
43
- pickleballNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick }))))))));
51
+ React.createElement(Typography, { category: "secondary", size: "medium-cap" }, "Pickleball")), filteredPickleballNavItems === null || filteredPickleballNavItems === void 0 ? void 0 :
52
+ filteredPickleballNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick }))))))));
44
53
  }
45
54
  export default GlobalNavigation;
46
55
  //# sourceMappingURL=GlobalNavigation.js.map
package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalNavigation.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"GlobalNavigation.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx"],"names":[],"mappings":"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"}
package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.d.ts CHANGED
@@ -5,3 +5,5 @@ export default _default;
5
5
  export declare const GlobalNav: any;
6
6
  export declare const TennisOnly: any;
7
7
  export declare const PickleballOnly: any;
8
+ export declare const AdultTeamPickleballDisabled: any;
9
+ export declare const JuniorTeamPickleballDisabled: any;
package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js CHANGED
@@ -117,6 +117,10 @@ const pickleballGlobalNavItems = [
117
117
  sportType: 'tennis,pickleball'
118
118
  }
119
119
  ];
120
+ const LeagueTypes = {
121
+ UT_ADULT_TEAM_PICKLEBALL: 6,
122
+ UT_JUNIOR_TEAM_PICKLEBALL: 7,
123
+ };
120
124
  const onTeamLeagueSearchClick = (item) => {
121
125
  console.log(`Team League Search Clicked: Filter Type - ${item === null || item === void 0 ? void 0 : item.filterType}, Sport Type - ${item === null || item === void 0 ? void 0 : item.sportType}`);
122
126
  };
@@ -128,6 +132,8 @@ export const GlobalNav = GlobalNavigationTemplate.bind({});
128
132
  GlobalNav.args = {
129
133
  showTennisItems: true,
130
134
  showPickleballItems: true,
135
+ isAdultTeamPickleballEnabled: true,
136
+ isJuniorTeamPickleballEnabled: true,
131
137
  tennisNavItems: tennisGlobalNavItems,
132
138
  pickleballNavItems: pickleballGlobalNavItems,
133
139
  onTeamLeagueSearchClick,
@@ -137,6 +143,9 @@ export const TennisOnly = GlobalNavigationTemplate.bind({});
137
143
  TennisOnly.args = {
138
144
  showTennisItems: true,
139
145
  showPickleballItems: false,
146
+ isAdultTeamPickleballEnabled: true,
147
+ isJuniorTeamPickleballEnabled: true,
148
+ leagueTypes: LeagueTypes,
140
149
  tennisNavItems: tennisGlobalNavItems,
141
150
  pickleballNavItems: pickleballGlobalNavItems,
142
151
  onTeamLeagueSearchClick,
@@ -146,6 +155,33 @@ export const PickleballOnly = GlobalNavigationTemplate.bind({});
146
155
  PickleballOnly.args = {
147
156
  showTennisItems: false,
148
157
  showPickleballItems: true,
158
+ isAdultTeamPickleballEnabled: true,
159
+ isJuniorTeamPickleballEnabled: true,
160
+ leagueTypes: LeagueTypes,
161
+ tennisNavItems: tennisGlobalNavItems,
162
+ pickleballNavItems: pickleballGlobalNavItems,
163
+ onTeamLeagueSearchClick,
164
+ onTypeFilterClick
165
+ };
166
+ export const AdultTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
167
+ AdultTeamPickleballDisabled.args = {
168
+ showTennisItems: false,
169
+ showPickleballItems: true,
170
+ isAdultTeamPickleballEnabled: false,
171
+ isJuniorTeamPickleballEnabled: true,
172
+ leagueTypes: LeagueTypes,
173
+ tennisNavItems: tennisGlobalNavItems,
174
+ pickleballNavItems: pickleballGlobalNavItems,
175
+ onTeamLeagueSearchClick,
176
+ onTypeFilterClick
177
+ };
178
+ export const JuniorTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
179
+ JuniorTeamPickleballDisabled.args = {
180
+ showTennisItems: false,
181
+ showPickleballItems: true,
182
+ isAdultTeamPickleballEnabled: true,
183
+ isJuniorTeamPickleballEnabled: false,
184
+ leagueTypes: LeagueTypes,
149
185
  tennisNavItems: tennisGlobalNavItems,
150
186
  pickleballNavItems: pickleballGlobalNavItems,
151
187
  onTeamLeagueSearchClick,
package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalNavigation.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"GlobalNavigation.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@universal-tennis/ui-shared",
3
- "version": "0.1.91",
3
+ "version": "0.1.93",
4
4
  "main": "dist/items.js",
5
5
  "license": "MIT",
6
6
  "homepage": "https://universaltennis.com",
package/public/app-store-badge.png ADDED
Binary file
package/public/google-play-icon.png ADDED
Binary file
package/src/stories/organisms/Footer/Footer.tsx CHANGED
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
+ import { styled } from "@mui/material/styles";
2
3
 
3
4
  import Box from '@mui/material/Box';
4
- import Grid from '@mui/material/Grid';
5
5
  import IconButton from '@mui/material/IconButton';
6
- import useMediaQuery from '@mui/material/useMediaQuery';
6
+ import Link from '@mui/material/Link';
7
7
 
8
8
  import { FooterProps } from './sharedTypes';
9
9
  import { SocialMediaIds } from '../../utils/constants';
@@ -15,92 +15,139 @@ import SocialMediaYoutubeIcon from '../../atoms/Icons/SocialMediaYoutubeIcon';
15
15
  import SocialMediaFacebookIcon from '../../atoms/Icons/SocialMediaFacebookIcon';
16
16
  import Typography from '../../atoms/Typography/Typography';
17
17
  import utrLogo from '../../assets/utr-sports-logo.svg';
18
+ import googlePlayLogo from '../../../../public/google-play-icon.png';
19
+ import appStoreBadge from '../../../../public/app-store-badge.png';
18
20
 
19
21
  function Footer({
20
22
  exploreItems,
21
- eventItems,
22
23
  providerItems,
23
24
  moreItems,
24
25
  supportItems,
25
26
  onSocialMediaClick,
27
+ sx
26
28
  }: FooterProps) {
27
- const matches = useMediaQuery('(min-width:600px)');
28
29
  const {
29
30
  X, FACEBOOK, INSTAGRAM, TIKTOK, YOUTUBE
30
31
  } = SocialMediaIds;
31
32
 
33
+ const googlePlayLink = "https://play.google.com/store/apps/details?id=com.ut.utr";
34
+ const appStoreLink = "https://apps.apple.com/us/app/utr-sports/id1519232627";
35
+
32
36
  const handleOnSocialMediaClick = (id: number) => {
33
37
  onSocialMediaClick(id);
34
38
  };
35
39
 
40
+ const StyledNavigationContainer = styled(Box)(({ theme }) => ({
41
+ display: 'flex',
42
+ flexWrap: 'wrap',
43
+ [theme.breakpoints.up('md')]: {
44
+ flexWrap: 'no-wrap',
45
+ }
46
+ }));
47
+
48
+ const StyledContentContainer = styled(Box)(({ theme }) => ({
49
+ display: "flex",
50
+ flexDirection: "column",
51
+ justifyContent: "space-between",
52
+ padding: "32px",
53
+ [theme.breakpoints.up('md')]: {
54
+ flexDirection: "row",
55
+ padding: "32px 64px",
56
+ }
57
+ }));
58
+
59
+ const StyledNavigation = styled(Box)(({ theme }) => ({
60
+ flex: "50%",
61
+ marginBottom: "32px",
62
+ [theme.breakpoints.up('lg')]: {
63
+ flex: "auto",
64
+ marginRight: "75px",
65
+ marginBottom: 0,
66
+ '&:last-child': {
67
+ marginRight: 0,
68
+ },
69
+ }
70
+ }));
71
+
72
+ const StyledLogoContainer = styled(Box)(({ theme }) => ({
73
+ display: "flex",
74
+ flexDirection: "column",
75
+ margin: "0 auto",
76
+ [theme.breakpoints.up('lg')]: {
77
+ margin: 0
78
+ }
79
+ }));
80
+
81
+ const StyledBorder = styled(Box)(({ theme }) => ({
82
+ borderBottom: ".5px solid var(--darkest-grey)",
83
+ margin: "32px 0px",
84
+ [theme.breakpoints.up('md')]: {
85
+ display: "none"
86
+ }
87
+ }));
88
+
36
89
  return (
37
- <Box sx={{ backgroundColor: 'var(--black)' }}>
38
- <Grid p={1.5} container justifyContent="space-evenly" display={matches ? 'row' : 'column'}>
39
- <Grid item xs={12} lg={2}>
40
- <Box mb={2} display="flex" alignItems="center" flexDirection="column">
41
- <img
42
- alt="UTR Sports logo"
43
- width="205"
44
- height="51"
45
- src={utrLogo}
46
- />
47
- <Box display="flex" mt={1}>
48
- <IconButton sx={{ p: 0.5 }} onClick={() => handleOnSocialMediaClick(X)}>
49
- <SocialMediaXIcon size={27} color="var(--white)" />
50
- </IconButton>
51
- <IconButton sx={{ p: 0.5 }} onClick={() => handleOnSocialMediaClick(FACEBOOK)}>
52
- <SocialMediaFacebookIcon size={27} color="var(--white)" />
53
- </IconButton>
54
- <IconButton sx={{ p: 0.5 }} onClick={() => handleOnSocialMediaClick(INSTAGRAM)}>
55
- <SocialMediaInstagramIcon size={27} color="var(--white)" />
56
- </IconButton>
57
- <IconButton sx={{ p: 0.5 }} onClick={() => handleOnSocialMediaClick(TIKTOK)}>
58
- <SocialMediaTikTokIcon size={27} color="var(--white)" />
59
- </IconButton>
60
- <IconButton sx={{ p: 0.5 }} onClick={() => handleOnSocialMediaClick(YOUTUBE)}>
61
- <SocialMediaYoutubeIcon size={27} color="var(--white)" />
62
- </IconButton>
63
- </Box>
90
+ <Box sx={{ backgroundColor: 'var(--black)', ...sx }}>
91
+ <StyledContentContainer>
92
+ <StyledLogoContainer>
93
+ <img
94
+ alt="UTR Sports logo"
95
+ width="205"
96
+ height="51"
97
+ src={utrLogo}
98
+ />
99
+ <Box display="flex" my={2} justifyContent="space-between" width="100%">
100
+ <IconButton sx={{ p: 0 }} onClick={() => handleOnSocialMediaClick(X)}>
101
+ <SocialMediaXIcon size={27} color="var(--white)" />
102
+ </IconButton>
103
+ <IconButton sx={{ p: 0 }} onClick={() => handleOnSocialMediaClick(FACEBOOK)}>
104
+ <SocialMediaFacebookIcon size={27} color="var(--white)" />
105
+ </IconButton>
106
+ <IconButton sx={{ p: 0 }} onClick={() => handleOnSocialMediaClick(INSTAGRAM)}>
107
+ <SocialMediaInstagramIcon size={27} color="var(--white)" />
108
+ </IconButton>
109
+ <IconButton sx={{ p: 0 }} onClick={() => handleOnSocialMediaClick(TIKTOK)}>
110
+ <SocialMediaTikTokIcon size={27} color="var(--white)" />
111
+ </IconButton>
112
+ <IconButton sx={{ p: 0 }} onClick={() => handleOnSocialMediaClick(YOUTUBE)}>
113
+ <SocialMediaYoutubeIcon size={27} color="var(--white)" />
114
+ </IconButton>
64
115
  </Box>
65
- </Grid>
66
- {matches ? (
67
- <Grid container item lg={10} justifyContent="space-evenly">
68
- <Grid item>
69
- <FooterSection title="Explore" items={exploreItems} />
70
- </Grid>
71
- <Grid item>
72
- <FooterSection title="Events" items={eventItems} />
73
- </Grid>
74
- <Grid item>
75
- <FooterSection title="Providers" items={providerItems} />
76
- </Grid>
77
- <Grid item>
78
- <FooterSection title="More" items={moreItems} />
79
- </Grid>
80
- <Grid item>
81
- <FooterSection title="Support" items={supportItems} />
82
- </Grid>
83
- </Grid>
84
- ) : (
85
- <Grid container display="column" justifyContent="space-evenly">
86
- <Grid item>
87
- <Box mb={2}>
88
- <FooterSection title="Explore" items={exploreItems} />
89
- </Box>
90
- <Box mb={3.3}>
91
- <FooterSection title="Providers" items={providerItems} />
92
- </Box>
93
- <FooterSection title="Support" items={supportItems} />
94
- </Grid>
95
- <Grid item>
96
- <Box mb={2}>
97
- <FooterSection title="Events" items={eventItems} />
98
- </Box>
99
- <FooterSection title="More" items={moreItems} />
100
- </Grid>
101
- </Grid>
102
- )}
103
- </Grid>
116
+ <Box display="flex" justifyContent="space-between" width="100%">
117
+ <Link href={googlePlayLink} target="_blank" rel="noopener">
118
+ <img
119
+ alt="Google play logo"
120
+ width="96"
121
+ height="28"
122
+ src={googlePlayLogo}
123
+ />
124
+ </Link>
125
+ <Link href={appStoreLink} target="_blank" rel="noopener">
126
+ <img
127
+ alt="App store badge"
128
+ width="84"
129
+ height="28"
130
+ src={appStoreBadge}
131
+ />
132
+ </Link>
133
+ </Box>
134
+ </StyledLogoContainer>
135
+ <StyledBorder />
136
+ <StyledNavigationContainer>
137
+ <StyledNavigation>
138
+ <FooterSection title="Explore" items={exploreItems} />
139
+ </StyledNavigation>
140
+ <StyledNavigation>
141
+ <FooterSection title="Providers" items={providerItems} />
142
+ </StyledNavigation>
143
+ <StyledNavigation>
144
+ <FooterSection title="More" items={moreItems} />
145
+ </StyledNavigation>
146
+ <StyledNavigation>
147
+ <FooterSection title="Support" items={supportItems} />
148
+ </StyledNavigation>
149
+ </StyledNavigationContainer>
150
+ </StyledContentContainer>
104
151
  <Box display="absolute" sx={{ bottom: 24, borderTop: 1, borderColor: "var(--white)" }}>
105
152
  <Typography
106
153
  p={0.5}
package/src/stories/organisms/Footer/sharedTypes.ts CHANGED
@@ -1,3 +1,5 @@
1
+ import { SxProps, Theme } from '@mui/system';
2
+
1
3
  export interface LinkItem {
2
4
  href: string;
3
5
  label: string;
@@ -11,4 +13,5 @@ export type FooterProps = {
11
13
  moreItems:[LinkItem];
12
14
  supportItems:[LinkItem];
13
15
  onSocialMediaClick(id: number): VoidFunction;
16
+ sx?: SxProps<Theme>;
14
17
  };
package/src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx CHANGED
@@ -123,6 +123,11 @@ const pickleballGlobalNavItems = [
123
123
  }
124
124
  ];
125
125
 
126
+ const LeagueTypes = {
127
+ UT_ADULT_TEAM_PICKLEBALL: 6,
128
+ UT_JUNIOR_TEAM_PICKLEBALL: 7,
129
+ };
130
+
126
131
  const onTeamLeagueSearchClick = (item: { filterType: string; sportType?: string; }) => {
127
132
  console.log(`Team League Search Clicked: Filter Type - ${item?.filterType}, Sport Type - ${item?.sportType}`);
128
133
  };
@@ -136,6 +141,8 @@ export const GlobalNav = GlobalNavigationTemplate.bind({});
136
141
  GlobalNav.args = {
137
142
  showTennisItems: true,
138
143
  showPickleballItems: true,
144
+ isAdultTeamPickleballEnabled: true,
145
+ isJuniorTeamPickleballEnabled: true,
139
146
  tennisNavItems: tennisGlobalNavItems,
140
147
  pickleballNavItems: pickleballGlobalNavItems,
141
148
  onTeamLeagueSearchClick,
@@ -146,6 +153,9 @@ export const TennisOnly = GlobalNavigationTemplate.bind({});
146
153
  TennisOnly.args = {
147
154
  showTennisItems: true,
148
155
  showPickleballItems: false,
156
+ isAdultTeamPickleballEnabled: true,
157
+ isJuniorTeamPickleballEnabled: true,
158
+ leagueTypes: LeagueTypes,
149
159
  tennisNavItems: tennisGlobalNavItems,
150
160
  pickleballNavItems: pickleballGlobalNavItems,
151
161
  onTeamLeagueSearchClick,
@@ -156,6 +166,35 @@ export const PickleballOnly = GlobalNavigationTemplate.bind({});
156
166
  PickleballOnly.args = {
157
167
  showTennisItems: false,
158
168
  showPickleballItems: true,
169
+ isAdultTeamPickleballEnabled: true,
170
+ isJuniorTeamPickleballEnabled: true,
171
+ leagueTypes: LeagueTypes,
172
+ tennisNavItems: tennisGlobalNavItems,
173
+ pickleballNavItems: pickleballGlobalNavItems,
174
+ onTeamLeagueSearchClick,
175
+ onTypeFilterClick
176
+ };
177
+
178
+ export const AdultTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
179
+ AdultTeamPickleballDisabled.args = {
180
+ showTennisItems: false,
181
+ showPickleballItems: true,
182
+ isAdultTeamPickleballEnabled: false,
183
+ isJuniorTeamPickleballEnabled: true,
184
+ leagueTypes: LeagueTypes,
185
+ tennisNavItems: tennisGlobalNavItems,
186
+ pickleballNavItems: pickleballGlobalNavItems,
187
+ onTeamLeagueSearchClick,
188
+ onTypeFilterClick
189
+ };
190
+
191
+ export const JuniorTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
192
+ JuniorTeamPickleballDisabled.args = {
193
+ showTennisItems: false,
194
+ showPickleballItems: true,
195
+ isAdultTeamPickleballEnabled: true,
196
+ isJuniorTeamPickleballEnabled: false,
197
+ leagueTypes: LeagueTypes,
159
198
  tennisNavItems: tennisGlobalNavItems,
160
199
  pickleballNavItems: pickleballGlobalNavItems,
161
200
  onTeamLeagueSearchClick,
package/src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx CHANGED
@@ -10,6 +10,9 @@ import Typography from '../../atoms/Typography/Typography';
10
10
  export interface GlobalNavigationProps {
11
11
  showTennisItems: boolean
12
12
  showPickleballItems: boolean
13
+ isAdultTeamPickleballEnabled: boolean;
14
+ isJuniorTeamPickleballEnabled: boolean;
15
+ leagueTypes: Record<string, string | number>;
13
16
  tennisNavItems?: [
14
17
  item: {
15
18
  label: string;
@@ -51,7 +54,10 @@ const allPlayersNavItem = {
51
54
 
52
55
  function GlobalNavigation({
53
56
  showTennisItems,
54
- tennisNavItems,
57
+ tennisNavItems,
58
+ isAdultTeamPickleballEnabled,
59
+ isJuniorTeamPickleballEnabled,
60
+ leagueTypes,
55
61
  pickleballNavItems,
56
62
  showPickleballItems,
57
63
  onTeamLeagueSearchClick,
@@ -64,6 +70,15 @@ function GlobalNavigation({
64
70
  onTypeFilterClick(item);
65
71
  }
66
72
  };
73
+ const filteredPickleballNavItems = pickleballNavItems?.filter((item) => {
74
+ if (!isAdultTeamPickleballEnabled && item?.filterType === leagueTypes?.UT_ADULT_TEAM_PICKLEBALL) {
75
+ return false;
76
+ }
77
+ if (!isJuniorTeamPickleballEnabled && item?.filterType === leagueTypes?.UT_JUNIOR_TEAM_PICKLEBALL) {
78
+ return false;
79
+ }
80
+ return true;
81
+ });
67
82
  return (
68
83
  <Box display="flex" flexDirection="column">
69
84
  <GlobalNavItem onClick={handleOnClick} item={allPlayersNavItem} />
@@ -97,7 +112,7 @@ function GlobalNavigation({
97
112
  <PickleballBallIcon size={18} />
98
113
  <Typography category="secondary" size="medium-cap">Pickleball</Typography>
99
114
  </Box>
100
- {pickleballNavItems?.map((item) => (
115
+ {filteredPickleballNavItems?.map((item) => (
101
116
  <GlobalNavItem item={item} key={item?.label} onClick={handleOnClick} />
102
117
  ))}
103
118
  </Box>