@universal-tennis/ui-shared 0.1.98 → 0.2.0

package/dist/stories/organisms/Footer/Footer.js

@@ -1,98 +1,98 @@
-import React from 'react';
-import { styled } from "@mui/material/styles";
-import Box from '@mui/material/Box';
-import IconButton from '@mui/material/IconButton';
-import Link from '@mui/material/Link';
-import { SocialMediaIds } from '../../utils/constants';
-import FooterSection from '../../molecules/FooterSection/FooterSection';
-import SocialMediaInstagramIcon from '../../atoms/Icons/SocialMediaInstagramIcon';
-import SocialMediaTikTokIcon from '../../atoms/Icons/SocialMediaTikTokIcon';
-import SocialMediaXIcon from '../../atoms/Icons/SocialMediaXIcon';
-import SocialMediaYoutubeIcon from '../../atoms/Icons/SocialMediaYoutubeIcon';
-import SocialMediaFacebookIcon from '../../atoms/Icons/SocialMediaFacebookIcon';
-import Typography from '../../atoms/Typography/Typography';
-import utrLogo from '../../assets/utr-sports-logo.svg';
-import appStoreBadge from '../../../../public/app-store-badge.png';
-function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocialMediaClick, sx }) {
-    const { X, FACEBOOK, INSTAGRAM, TIKTOK, YOUTUBE } = SocialMediaIds;
-    const appStoreLink = "https://apps.apple.com/us/app/utr-sports/id1519232627";
-    const handleOnSocialMediaClick = (id) => {
-        onSocialMediaClick(id);
-    };
-    const StyledNavigationContainer = styled(Box)(({ theme }) => ({
-        display: 'flex',
-        flexWrap: 'wrap',
-        [theme.breakpoints.up('md')]: {
-            flexWrap: 'no-wrap',
-        }
-    }));
-    const StyledContentContainer = styled(Box)(({ theme }) => ({
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "space-between",
-        padding: "32px",
-        [theme.breakpoints.up('md')]: {
-            flexDirection: "row",
-            padding: "32px 64px",
-        }
-    }));
-    const StyledNavigation = styled(Box)(({ theme }) => ({
-        flex: "50%",
-        marginBottom: "32px",
-        [theme.breakpoints.up('lg')]: {
-            flex: "auto",
-            marginRight: "75px",
-            marginBottom: 0,
-            '&:last-child': {
-                marginRight: 0,
-            },
-        }
-    }));
-    const StyledLogoContainer = styled(Box)(({ theme }) => ({
-        display: "flex",
-        flexDirection: "column",
-        margin: "0 auto",
-        [theme.breakpoints.up('lg')]: {
-            margin: 0
-        }
-    }));
-    const StyledBorder = styled(Box)(({ theme }) => ({
-        borderBottom: ".5px solid var(--darkest-grey)",
-        margin: "32px 0px",
-        [theme.breakpoints.up('md')]: {
-            display: "none"
-        }
-    }));
-    return (React.createElement(Box, { sx: Object.assign({ backgroundColor: 'var(--black)' }, sx) },
-        React.createElement(StyledContentContainer, null,
-            React.createElement(StyledLogoContainer, null,
-                React.createElement("img", { alt: "UTR Sports logo", width: "205", height: "51", src: utrLogo }),
-                React.createElement(Box, { display: "flex", my: 2, justifyContent: "space-between", width: "100%" },
-                    React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(X) },
-                        React.createElement(SocialMediaXIcon, { size: 27, color: "var(--white)" })),
-                    React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(FACEBOOK) },
-                        React.createElement(SocialMediaFacebookIcon, { size: 27, color: "var(--white)" })),
-                    React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(INSTAGRAM) },
-                        React.createElement(SocialMediaInstagramIcon, { size: 27, color: "var(--white)" })),
-                    React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(TIKTOK) },
-                        React.createElement(SocialMediaTikTokIcon, { size: 27, color: "var(--white)" })),
-                    React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(YOUTUBE) },
-                        React.createElement(SocialMediaYoutubeIcon, { size: 27, color: "var(--white)" }))),
-                React.createElement(Box, { display: "flex", justifyContent: "center", width: "100%" },
-                    React.createElement(Link, { href: appStoreLink, target: "_blank", rel: "noopener" },
-                        React.createElement("img", { alt: "App store badge", width: "84", height: "28", src: appStoreBadge })))),
-            React.createElement(StyledBorder, null),
-            React.createElement(StyledNavigationContainer, null,
-                React.createElement(StyledNavigation, null,
-                    React.createElement(FooterSection, { title: "Explore", items: exploreItems })),
-                React.createElement(StyledNavigation, null,
-                    React.createElement(FooterSection, { title: "Providers", items: providerItems })),
-                React.createElement(StyledNavigation, null,
-                    React.createElement(FooterSection, { title: "More", items: moreItems })),
-                React.createElement(StyledNavigation, null,
-                    React.createElement(FooterSection, { title: "Support", items: supportItems })))),
-        React.createElement(Box, { display: "absolute", sx: { bottom: 24, borderTop: 1, borderColor: "var(--white)" } },
-            React.createElement(Typography, { p: 0.5, category: "secondary", size: "x-small-book-cap", color: "var(--white)", align: "center" }, `\u00A9 2025, UTR SPORTS`))));
-}
-export default Footer;
+import React from 'react';
+import { styled } from "@mui/material/styles";
+import Box from '@mui/material/Box';
+import IconButton from '@mui/material/IconButton';
+import Link from '@mui/material/Link';
+import { SocialMediaIds } from '../../utils/constants';
+import FooterSection from '../../molecules/FooterSection/FooterSection';
+import SocialMediaInstagramIcon from '../../atoms/Icons/SocialMediaInstagramIcon';
+import SocialMediaTikTokIcon from '../../atoms/Icons/SocialMediaTikTokIcon';
+import SocialMediaXIcon from '../../atoms/Icons/SocialMediaXIcon';
+import SocialMediaYoutubeIcon from '../../atoms/Icons/SocialMediaYoutubeIcon';
+import SocialMediaFacebookIcon from '../../atoms/Icons/SocialMediaFacebookIcon';
+import Typography from '../../atoms/Typography/Typography';
+import utrLogo from '../../assets/utr-sports-logo.svg';
+import appStoreBadge from '../../../../public/app-store-badge.png';
+function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocialMediaClick, sx }) {
+    const { X, FACEBOOK, INSTAGRAM, TIKTOK, YOUTUBE } = SocialMediaIds;
+    const appStoreLink = "https://apps.apple.com/us/app/utr-sports/id1519232627";
+    const handleOnSocialMediaClick = (id) => {
+        onSocialMediaClick(id);
+    };
+    const StyledNavigationContainer = styled(Box)(({ theme }) => ({
+        display: 'flex',
+        flexWrap: 'wrap',
+        [theme.breakpoints.up('md')]: {
+            flexWrap: 'no-wrap',
+        }
+    }));
+    const StyledContentContainer = styled(Box)(({ theme }) => ({
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between",
+        padding: "32px",
+        [theme.breakpoints.up('md')]: {
+            flexDirection: "row",
+            padding: "32px 64px",
+        }
+    }));
+    const StyledNavigation = styled(Box)(({ theme }) => ({
+        flex: "50%",
+        marginBottom: "32px",
+        [theme.breakpoints.up('lg')]: {
+            flex: "auto",
+            marginRight: "75px",
+            marginBottom: 0,
+            '&:last-child': {
+                marginRight: 0,
+            },
+        }
+    }));
+    const StyledLogoContainer = styled(Box)(({ theme }) => ({
+        display: "flex",
+        flexDirection: "column",
+        margin: "0 auto",
+        [theme.breakpoints.up('lg')]: {
+            margin: 0
+        }
+    }));
+    const StyledBorder = styled(Box)(({ theme }) => ({
+        borderBottom: ".5px solid var(--darkest-grey)",
+        margin: "32px 0px",
+        [theme.breakpoints.up('md')]: {
+            display: "none"
+        }
+    }));
+    return (React.createElement(Box, { sx: Object.assign({ backgroundColor: 'var(--black)' }, sx) },
+        React.createElement(StyledContentContainer, null,
+            React.createElement(StyledLogoContainer, null,
+                React.createElement("img", { alt: "UTR Sports logo", width: "205", height: "51", src: utrLogo }),
+                React.createElement(Box, { display: "flex", my: 2, justifyContent: "space-between", width: "100%" },
+                    React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(X) },
+                        React.createElement(SocialMediaXIcon, { size: 27, color: "var(--white)" })),
+                    React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(FACEBOOK) },
+                        React.createElement(SocialMediaFacebookIcon, { size: 27, color: "var(--white)" })),
+                    React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(INSTAGRAM) },
+                        React.createElement(SocialMediaInstagramIcon, { size: 27, color: "var(--white)" })),
+                    React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(TIKTOK) },
+                        React.createElement(SocialMediaTikTokIcon, { size: 27, color: "var(--white)" })),
+                    React.createElement(IconButton, { sx: { p: 0 }, onClick: () => handleOnSocialMediaClick(YOUTUBE) },
+                        React.createElement(SocialMediaYoutubeIcon, { size: 27, color: "var(--white)" }))),
+                React.createElement(Box, { display: "flex", justifyContent: "center", width: "100%" },
+                    React.createElement(Link, { href: appStoreLink, target: "_blank", rel: "noopener" },
+                        React.createElement("img", { alt: "App store badge", width: "84", height: "28", src: appStoreBadge })))),
+            React.createElement(StyledBorder, null),
+            React.createElement(StyledNavigationContainer, null,
+                React.createElement(StyledNavigation, null,
+                    React.createElement(FooterSection, { title: "Explore", items: exploreItems })),
+                React.createElement(StyledNavigation, null,
+                    React.createElement(FooterSection, { title: "Providers", items: providerItems })),
+                React.createElement(StyledNavigation, null,
+                    React.createElement(FooterSection, { title: "More", items: moreItems })),
+                React.createElement(StyledNavigation, null,
+                    React.createElement(FooterSection, { title: "Support", items: supportItems })))),
+        React.createElement(Box, { display: "absolute", sx: { bottom: 24, borderTop: 1, borderColor: "var(--white)" } },
+            React.createElement(Typography, { p: 0.5, category: "secondary", size: "x-small-book-cap", color: "var(--white)", align: "center" }, `\u00A9 2025, UTR SPORTS`))));
+}
+export default Footer;
 //# sourceMappingURL=Footer.js.map

package/dist/stories/organisms/Footer/Footer.stories.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const BottomFooter: any;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const BottomFooter: any;

package/dist/stories/organisms/Footer/Footer.stories.js

@@ -1,59 +1,59 @@
-import React from 'react';
-import Footer from './Footer';
-// Default
-export default {
-    title: 'Organisms/Footer',
-};
-// Templates
-function FooterTemplate(args) {
-    return React.createElement(Footer, Object.assign({}, args));
-}
-// Stories
-export const BottomFooter = FooterTemplate.bind({});
-BottomFooter.args = {
-    exploreItems: [
-        { href: '#', label: 'Countries' },
-        { href: '#', label: 'States' },
-        { href: '#', label: 'Cities' },
-    ],
-    eventItems: [
-        { href: '#', label: 'Color Ball' },
-        { href: '#', label: 'National Pathway' },
-        { href: '#', label: 'Camps' },
-        { href: '#', label: 'Team Leagues' },
-        { href: '#', label: 'Flex Leagues' },
-        { href: '#', label: 'Junior Circuits' },
-        { href: '#', label: 'College Pathways' },
-        { href: '#', label: 'College Circuits' },
-        { href: '#', label: 'Pro Tennis Tour' },
-        { href: '#', label: 'College Camps' },
-    ],
-    providerItems: [
-        { href: '#', label: 'Clubs' },
-        { href: '#', label: 'Academies' },
-        { href: '#', label: 'High Schools' },
-        { href: '#', label: 'Colleges' },
-        { href: '#', label: 'Get in Touch' },
-    ],
-    moreItems: [
-        { href: '#', label: 'Tennis' },
-        { href: '#', label: 'Pickleball' },
-        { href: '#', label: 'News' },
-        { href: '#', label: 'Shop' },
-        { href: '#', label: 'Press' },
-        { href: '#', label: 'Careers' },
-        { href: '#', label: 'About Us' },
-        { href: '#', label: 'Foundation' },
-    ],
-    supportItems: [
-        { href: '#', label: 'Help Center' },
-        { href: '#', label: 'Privacy Policy' },
-        { href: '#', label: 'Terms & Conditions' },
-        { href: '#', label: 'Guidelines' },
-        { href: '#', label: 'Verified Events' },
-        { href: '#', label: 'About UTR Rating' },
-        { href: '#', label: 'About UTR-P Rating' },
-        { href: '#', label: 'About Color Ball Rating' },
-    ],
-};
+import React from 'react';
+import Footer from './Footer';
+// Default
+export default {
+    title: 'Organisms/Footer',
+};
+// Templates
+function FooterTemplate(args) {
+    return React.createElement(Footer, Object.assign({}, args));
+}
+// Stories
+export const BottomFooter = FooterTemplate.bind({});
+BottomFooter.args = {
+    exploreItems: [
+        { href: '#', label: 'Countries' },
+        { href: '#', label: 'States' },
+        { href: '#', label: 'Cities' },
+    ],
+    eventItems: [
+        { href: '#', label: 'Color Ball' },
+        { href: '#', label: 'National Pathway' },
+        { href: '#', label: 'Camps' },
+        { href: '#', label: 'Team Leagues' },
+        { href: '#', label: 'Flex Leagues' },
+        { href: '#', label: 'Junior Circuits' },
+        { href: '#', label: 'College Pathways' },
+        { href: '#', label: 'College Circuits' },
+        { href: '#', label: 'Pro Tennis Tour' },
+        { href: '#', label: 'College Camps' },
+    ],
+    providerItems: [
+        { href: '#', label: 'Clubs' },
+        { href: '#', label: 'Academies' },
+        { href: '#', label: 'High Schools' },
+        { href: '#', label: 'Colleges' },
+        { href: '#', label: 'Get in Touch' },
+    ],
+    moreItems: [
+        { href: '#', label: 'Tennis' },
+        { href: '#', label: 'Pickleball' },
+        { href: '#', label: 'News' },
+        { href: '#', label: 'Shop' },
+        { href: '#', label: 'Press' },
+        { href: '#', label: 'Careers' },
+        { href: '#', label: 'About Us' },
+        { href: '#', label: 'Foundation' },
+    ],
+    supportItems: [
+        { href: '#', label: 'Help Center' },
+        { href: '#', label: 'Privacy Policy' },
+        { href: '#', label: 'Terms & Conditions' },
+        { href: '#', label: 'Guidelines' },
+        { href: '#', label: 'Verified Events' },
+        { href: '#', label: 'About UTR Rating' },
+        { href: '#', label: 'About UTR-P Rating' },
+        { href: '#', label: 'About Color Ball Rating' },
+    ],
+};
 //# sourceMappingURL=Footer.stories.js.map

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

@@ -1,16 +1,16 @@
-import { SxProps, Theme } from '@mui/system';
-export interface LinkItem {
-    href: string;
-    label: string;
-}
-export type FooterProps = {
-    sectionTitleColor: string;
-    listItemColor: string;
-    exploreItems: [LinkItem];
-    eventItems: [LinkItem];
-    providerItems: [LinkItem];
-    moreItems: [LinkItem];
-    supportItems: [LinkItem];
-    onSocialMediaClick(id: number): VoidFunction;
-    sx?: SxProps<Theme>;
-};
+import { SxProps, Theme } from '@mui/system';
+export interface LinkItem {
+    href: string;
+    label: string;
+}
+export type FooterProps = {
+    sectionTitleColor: string;
+    listItemColor: string;
+    exploreItems: [LinkItem];
+    eventItems: [LinkItem];
+    providerItems: [LinkItem];
+    moreItems: [LinkItem];
+    supportItems: [LinkItem];
+    onSocialMediaClick(id: number): VoidFunction;
+    sx?: SxProps<Theme>;
+};

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

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

package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.d.ts

@@ -1,36 +1,36 @@
-/// <reference types="react" />
-export interface GlobalNavigationProps {
-    fullWidthNavItems: [
-        item: {
-            label: string;
-            filterType: string;
-            sportType: string;
-        }
-    ];
-    isAdultTeamPickleballEnabled: boolean;
-    isJuniorTeamPickleballEnabled: boolean;
-    leagueTypes: Record<string, string | number>;
-    tennisNavItems?: [
-        item: {
-            label: string;
-            filterType: string;
-            sportType: string;
-            isLeagues?: boolean;
-            onClick: (item: object) => void;
-        }
-    ];
-    pickleballNavItems?: [
-        item: {
-            label: string;
-            filterType: string;
-            sportType: string;
-            isLeagues?: boolean;
-            data?: object;
-            onClick: (item: object) => void;
-        }
-    ];
-    onTypeFilterClick: (item: object) => void;
-    onTeamLeagueSearchClick: (item: object) => void;
-}
-declare function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): JSX.Element;
-export default GlobalNavigation;
+import React from 'react';
+export interface GlobalNavigationProps {
+    fullWidthNavItems: [
+        item: {
+            label: string;
+            filterType: string;
+            sportType: string;
+        }
+    ];
+    isAdultTeamPickleballEnabled: boolean;
+    isJuniorTeamPickleballEnabled: boolean;
+    leagueTypes: Record<string, string | number>;
+    tennisNavItems?: [
+        item: {
+            label: string;
+            filterType: string;
+            sportType: string;
+            isLeagues?: boolean;
+            onClick: (item: object) => void;
+        }
+    ];
+    pickleballNavItems?: [
+        item: {
+            label: string;
+            filterType: string;
+            sportType: string;
+            isLeagues?: boolean;
+            data?: object;
+            onClick: (item: object) => void;
+        }
+    ];
+    onTypeFilterClick: (item: object) => void;
+    onTeamLeagueSearchClick: (item: object) => void;
+}
+declare function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): React.JSX.Element;
+export default GlobalNavigation;

package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js

@@ -1,50 +1,50 @@
-import React from 'react';
-import { styled } from "@mui/material/styles";
-import Box from '@mui/material/Box';
-import GlobalNavItem from '../../molecules/GlobalNavItem/GlobalNavItem';
-import TennisBallIcon from '../../atoms/Icons/TennisBallIcon';
-import PickleballBallIcon from '../../atoms/Icons/PickleballBallIcon';
-import Typography from '../../atoms/Typography/Typography';
-const NavItemsContainer = styled(Box)(({ theme }) => ({
-    display: "flex",
-    marginTop: "24px",
-    gap: "24px",
-    flexDirection: 'column',
-    [theme.breakpoints.up('sm')]: {
-        flexDirection: 'row',
-    },
-}));
-function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }) {
-    const handleOnClick = (item) => {
-        if (item === null || item === void 0 ? void 0 : item.isLeagues) {
-            onTeamLeagueSearchClick(item);
-        }
-        else {
-            onTypeFilterClick(item);
-        }
-    };
-    const filteredPickleballNavItems = pickleballNavItems === null || pickleballNavItems === void 0 ? void 0 : pickleballNavItems.filter((item) => {
-        if (!isAdultTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_ADULT_TEAM_PICKLEBALL)) {
-            return false;
-        }
-        if (!isJuniorTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_JUNIOR_TEAM_PICKLEBALL)) {
-            return false;
-        }
-        return true;
-    });
-    return (React.createElement(Box, { display: "flex", flexDirection: "column" }, fullWidthNavItems === null || fullWidthNavItems === void 0 ? void 0 :
-        fullWidthNavItems.map((item) => (React.createElement(GlobalNavItem, { onClick: handleOnClick, item: item, key: item.label }))),
-        React.createElement(NavItemsContainer, null,
-            React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
-                React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
-                    React.createElement(TennisBallIcon, { size: 18 }),
-                    React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Tennis")), tennisNavItems === null || tennisNavItems === void 0 ? void 0 :
-                tennisNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))),
-            React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
-                React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
-                    React.createElement(PickleballBallIcon, { size: 18 }),
-                    React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Pickleball")), filteredPickleballNavItems === null || filteredPickleballNavItems === void 0 ? void 0 :
-                filteredPickleballNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))))));
-}
-export default GlobalNavigation;
+import React from 'react';
+import { styled } from "@mui/material/styles";
+import Box from '@mui/material/Box';
+import GlobalNavItem from '../../molecules/GlobalNavItem/GlobalNavItem';
+import TennisBallIcon from '../../atoms/Icons/TennisBallIcon';
+import PickleballBallIcon from '../../atoms/Icons/PickleballBallIcon';
+import Typography from '../../atoms/Typography/Typography';
+const NavItemsContainer = styled(Box)(({ theme }) => ({
+    display: "flex",
+    marginTop: "24px",
+    gap: "24px",
+    flexDirection: 'column',
+    [theme.breakpoints.up('sm')]: {
+        flexDirection: 'row',
+    },
+}));
+function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }) {
+    const handleOnClick = (item) => {
+        if (item === null || item === void 0 ? void 0 : item.isLeagues) {
+            onTeamLeagueSearchClick(item);
+        }
+        else {
+            onTypeFilterClick(item);
+        }
+    };
+    const filteredPickleballNavItems = pickleballNavItems === null || pickleballNavItems === void 0 ? void 0 : pickleballNavItems.filter((item) => {
+        if (!isAdultTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_ADULT_TEAM_PICKLEBALL)) {
+            return false;
+        }
+        if (!isJuniorTeamPickleballEnabled && (item === null || item === void 0 ? void 0 : item.filterType) === (leagueTypes === null || leagueTypes === void 0 ? void 0 : leagueTypes.UT_JUNIOR_TEAM_PICKLEBALL)) {
+            return false;
+        }
+        return true;
+    });
+    return (React.createElement(Box, { display: "flex", flexDirection: "column" }, fullWidthNavItems === null || fullWidthNavItems === void 0 ? void 0 :
+        fullWidthNavItems.map((item) => (React.createElement(GlobalNavItem, { onClick: handleOnClick, item: item, key: item.label }))),
+        React.createElement(NavItemsContainer, null,
+            React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
+                React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
+                    React.createElement(TennisBallIcon, { size: 18 }),
+                    React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Tennis")), tennisNavItems === null || tennisNavItems === void 0 ? void 0 :
+                tennisNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))),
+            React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
+                React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
+                    React.createElement(PickleballBallIcon, { size: 18 }),
+                    React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Pickleball")), filteredPickleballNavItems === null || filteredPickleballNavItems === void 0 ? void 0 :
+                filteredPickleballNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))))));
+}
+export default GlobalNavigation;
 //# sourceMappingURL=GlobalNavigation.js.map

package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js.map

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

@@ -1,9 +1,9 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const GlobalNav: any;
-export declare const TennisOnly: any;
-export declare const PickleballOnly: any;
-export declare const AdultTeamPickleballDisabled: any;
-export declare const JuniorTeamPickleballDisabled: any;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const GlobalNav: any;
+export declare const TennisOnly: any;
+export declare const PickleballOnly: any;
+export declare const AdultTeamPickleballDisabled: any;
+export declare const JuniorTeamPickleballDisabled: any;