@universal-tennis/ui-shared 0.1.98 → 0.2.0

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

@@ -1,197 +1,197 @@
-import React from 'react';
-import GlobalNavigation from './GlobalNavigation';
-// Default
-export default {
-    title: 'Organisms/GlobalNavigation',
-};
-// Templates
-function GlobalNavigationTemplate(args) {
-    return React.createElement(GlobalNavigation, Object.assign({}, args));
-}
-const fullWidthNavItems = [
-    {
-        label: 'Players',
-        filterType: 'players',
-        sportType: 'tennis,pickleball'
-    },
-    {
-        label: 'All events',
-        filterType: 'events',
-        sportType: 'tennis,pickleball'
-    },
-];
-const tennisGlobalNavItems = [
-    {
-        label: 'Flex leagues',
-        filterType: 'flexLeagues',
-        sportType: 'tennis'
-    },
-    {
-        label: 'Adult Team Tennis',
-        filterType: 1,
-        sportType: 'tennis',
-        isLeagues: true
-    },
-    {
-        label: 'Junior Team Tennis',
-        filterType: 3,
-        sportType: 'tennis',
-        isLeagues: true
-    },
-    {
-        label: 'UTR pro tennis tour',
-        filterType: 'proTennisTour',
-        sportType: 'tennis'
-    },
-    {
-        label: 'Paid hits',
-        filterType: 'paidHits',
-        sportType: 'tennis'
-    },
-    {
-        label: 'Paid hitters',
-        filterType: 'paidHitClubs',
-        sportType: 'tennis'
-    },
-    {
-        label: 'Junior circuits',
-        filterType: 'juniorCircuits',
-        sportType: 'tennis'
-    },
-    {
-        label: 'College circuits',
-        filterType: 'collegeCircuits',
-        sportType: 'tennis'
-    },
-    {
-        label: 'Junior regionals',
-        filterType: 'juniorRegionals',
-        sportType: 'tennis'
-    },
-    {
-        label: 'Camps',
-        filterType: 'camps',
-        sportType: 'tennis'
-    },
-    {
-        label: 'Clubs',
-        filterType: 'clubs',
-        sportType: 'tennis,pickleball'
-    },
-    {
-        label: 'High schools',
-        filterType: 'highSchools',
-        sportType: 'tennis'
-    },
-    {
-        label: 'Colleges',
-        filterType: 'colleges',
-        sportType: 'tennis'
-    }
-];
-const pickleballGlobalNavItems = [
-    {
-        label: 'Flex leagues',
-        filterType: 'flexLeagues',
-        sportType: 'pickleball',
-    },
-    {
-        label: 'Golden Ticket',
-        filterType: 'events',
-        data: { 'Golden Ticket': true },
-        sportType: 'pickleball',
-    },
-    {
-        label: 'APP',
-        filterType: 'app',
-        sportType: 'pickleball',
-    },
-    {
-        label: 'USAP',
-        filterType: 'usap',
-        sportType: 'pickleball',
-    },
-    {
-        label: 'Adult team pickleball',
-        filterType: 6,
-        sportType: 'pickleball',
-        isLeagues: true,
-    },
-    {
-        label: 'Junior team pickleball',
-        filterType: 7,
-        sportType: 'pickleball',
-        isLeagues: true,
-    },
-    {
-        label: 'Clubs',
-        filterType: 'clubs',
-        sportType: 'tennis,pickleball'
-    }
-];
-const LeagueTypes = {
-    UT_ADULT_TEAM_PICKLEBALL: 6,
-    UT_JUNIOR_TEAM_PICKLEBALL: 7,
-};
-const onTeamLeagueSearchClick = (item) => {
-    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}`);
-};
-const onTypeFilterClick = (item) => {
-    console.log(`Type Filter Clicked: Filter Type - ${item === null || item === void 0 ? void 0 : item.filterType}, Sport Type - ${item === null || item === void 0 ? void 0 : item.sportType}`);
-};
-// Stories
-export const GlobalNav = GlobalNavigationTemplate.bind({});
-GlobalNav.args = {
-    fullWidthNavItems,
-    isAdultTeamPickleballEnabled: true,
-    isJuniorTeamPickleballEnabled: true,
-    tennisNavItems: tennisGlobalNavItems,
-    pickleballNavItems: pickleballGlobalNavItems,
-    onTeamLeagueSearchClick,
-    onTypeFilterClick
-};
-export const TennisOnly = GlobalNavigationTemplate.bind({});
-TennisOnly.args = {
-    fullWidthNavItems,
-    isAdultTeamPickleballEnabled: true,
-    isJuniorTeamPickleballEnabled: true,
-    leagueTypes: LeagueTypes,
-    tennisNavItems: tennisGlobalNavItems,
-    pickleballNavItems: pickleballGlobalNavItems,
-    onTeamLeagueSearchClick,
-    onTypeFilterClick
-};
-export const PickleballOnly = GlobalNavigationTemplate.bind({});
-PickleballOnly.args = {
-    fullWidthNavItems,
-    isAdultTeamPickleballEnabled: true,
-    isJuniorTeamPickleballEnabled: true,
-    leagueTypes: LeagueTypes,
-    tennisNavItems: tennisGlobalNavItems,
-    pickleballNavItems: pickleballGlobalNavItems,
-    onTeamLeagueSearchClick,
-    onTypeFilterClick
-};
-export const AdultTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
-AdultTeamPickleballDisabled.args = {
-    fullWidthNavItems,
-    isAdultTeamPickleballEnabled: false,
-    isJuniorTeamPickleballEnabled: true,
-    leagueTypes: LeagueTypes,
-    tennisNavItems: tennisGlobalNavItems,
-    pickleballNavItems: pickleballGlobalNavItems,
-    onTeamLeagueSearchClick,
-    onTypeFilterClick
-};
-export const JuniorTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
-JuniorTeamPickleballDisabled.args = {
-    fullWidthNavItems,
-    isAdultTeamPickleballEnabled: true,
-    isJuniorTeamPickleballEnabled: false,
-    leagueTypes: LeagueTypes,
-    tennisNavItems: tennisGlobalNavItems,
-    pickleballNavItems: pickleballGlobalNavItems,
-    onTeamLeagueSearchClick,
-    onTypeFilterClick
-};
+import React from 'react';
+import GlobalNavigation from './GlobalNavigation';
+// Default
+export default {
+    title: 'Organisms/GlobalNavigation',
+};
+// Templates
+function GlobalNavigationTemplate(args) {
+    return React.createElement(GlobalNavigation, Object.assign({}, args));
+}
+const fullWidthNavItems = [
+    {
+        label: 'Players',
+        filterType: 'players',
+        sportType: 'tennis,pickleball'
+    },
+    {
+        label: 'All events',
+        filterType: 'events',
+        sportType: 'tennis,pickleball'
+    },
+];
+const tennisGlobalNavItems = [
+    {
+        label: 'Flex leagues',
+        filterType: 'flexLeagues',
+        sportType: 'tennis'
+    },
+    {
+        label: 'Adult Team Tennis',
+        filterType: 1,
+        sportType: 'tennis',
+        isLeagues: true
+    },
+    {
+        label: 'Junior Team Tennis',
+        filterType: 3,
+        sportType: 'tennis',
+        isLeagues: true
+    },
+    {
+        label: 'UTR pro tennis tour',
+        filterType: 'proTennisTour',
+        sportType: 'tennis'
+    },
+    {
+        label: 'Paid hits',
+        filterType: 'paidHits',
+        sportType: 'tennis'
+    },
+    {
+        label: 'Paid hitters',
+        filterType: 'paidHitClubs',
+        sportType: 'tennis'
+    },
+    {
+        label: 'Junior circuits',
+        filterType: 'juniorCircuits',
+        sportType: 'tennis'
+    },
+    {
+        label: 'College circuits',
+        filterType: 'collegeCircuits',
+        sportType: 'tennis'
+    },
+    {
+        label: 'Junior regionals',
+        filterType: 'juniorRegionals',
+        sportType: 'tennis'
+    },
+    {
+        label: 'Camps',
+        filterType: 'camps',
+        sportType: 'tennis'
+    },
+    {
+        label: 'Clubs',
+        filterType: 'clubs',
+        sportType: 'tennis,pickleball'
+    },
+    {
+        label: 'High schools',
+        filterType: 'highSchools',
+        sportType: 'tennis'
+    },
+    {
+        label: 'Colleges',
+        filterType: 'colleges',
+        sportType: 'tennis'
+    }
+];
+const pickleballGlobalNavItems = [
+    {
+        label: 'Flex leagues',
+        filterType: 'flexLeagues',
+        sportType: 'pickleball',
+    },
+    {
+        label: 'Golden Ticket',
+        filterType: 'events',
+        data: { 'Golden Ticket': true },
+        sportType: 'pickleball',
+    },
+    {
+        label: 'APP',
+        filterType: 'app',
+        sportType: 'pickleball',
+    },
+    {
+        label: 'USAP',
+        filterType: 'usap',
+        sportType: 'pickleball',
+    },
+    {
+        label: 'Adult team pickleball',
+        filterType: 6,
+        sportType: 'pickleball',
+        isLeagues: true,
+    },
+    {
+        label: 'Junior team pickleball',
+        filterType: 7,
+        sportType: 'pickleball',
+        isLeagues: true,
+    },
+    {
+        label: 'Clubs',
+        filterType: 'clubs',
+        sportType: 'tennis,pickleball'
+    }
+];
+const LeagueTypes = {
+    UT_ADULT_TEAM_PICKLEBALL: 6,
+    UT_JUNIOR_TEAM_PICKLEBALL: 7,
+};
+const onTeamLeagueSearchClick = (item) => {
+    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}`);
+};
+const onTypeFilterClick = (item) => {
+    console.log(`Type Filter Clicked: Filter Type - ${item === null || item === void 0 ? void 0 : item.filterType}, Sport Type - ${item === null || item === void 0 ? void 0 : item.sportType}`);
+};
+// Stories
+export const GlobalNav = GlobalNavigationTemplate.bind({});
+GlobalNav.args = {
+    fullWidthNavItems,
+    isAdultTeamPickleballEnabled: true,
+    isJuniorTeamPickleballEnabled: true,
+    tennisNavItems: tennisGlobalNavItems,
+    pickleballNavItems: pickleballGlobalNavItems,
+    onTeamLeagueSearchClick,
+    onTypeFilterClick
+};
+export const TennisOnly = GlobalNavigationTemplate.bind({});
+TennisOnly.args = {
+    fullWidthNavItems,
+    isAdultTeamPickleballEnabled: true,
+    isJuniorTeamPickleballEnabled: true,
+    leagueTypes: LeagueTypes,
+    tennisNavItems: tennisGlobalNavItems,
+    pickleballNavItems: pickleballGlobalNavItems,
+    onTeamLeagueSearchClick,
+    onTypeFilterClick
+};
+export const PickleballOnly = GlobalNavigationTemplate.bind({});
+PickleballOnly.args = {
+    fullWidthNavItems,
+    isAdultTeamPickleballEnabled: true,
+    isJuniorTeamPickleballEnabled: true,
+    leagueTypes: LeagueTypes,
+    tennisNavItems: tennisGlobalNavItems,
+    pickleballNavItems: pickleballGlobalNavItems,
+    onTeamLeagueSearchClick,
+    onTypeFilterClick
+};
+export const AdultTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
+AdultTeamPickleballDisabled.args = {
+    fullWidthNavItems,
+    isAdultTeamPickleballEnabled: false,
+    isJuniorTeamPickleballEnabled: true,
+    leagueTypes: LeagueTypes,
+    tennisNavItems: tennisGlobalNavItems,
+    pickleballNavItems: pickleballGlobalNavItems,
+    onTeamLeagueSearchClick,
+    onTypeFilterClick
+};
+export const JuniorTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
+JuniorTeamPickleballDisabled.args = {
+    fullWidthNavItems,
+    isAdultTeamPickleballEnabled: true,
+    isJuniorTeamPickleballEnabled: false,
+    leagueTypes: LeagueTypes,
+    tennisNavItems: tennisGlobalNavItems,
+    pickleballNavItems: pickleballGlobalNavItems,
+    onTeamLeagueSearchClick,
+    onTypeFilterClick
+};
 //# sourceMappingURL=GlobalNavigation.stories.js.map

package/dist/stories/organisms/Modals/FullPageModal.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { FullPageModalType } from './sharedTypes';
-declare function FullPageModal({ isOpen, onClose, pageTitle, bottomCTAText, secondaryBottomCTAText, onBottomCTAClick, onSecondaryBottomCTAClick, isBottomCTAdisabled, isSecondaryBottomCTAdisabled, PagePopupModal, children, ...props }: FullPageModalType): JSX.Element;
-export default FullPageModal;
+import React from 'react';
+import { FullPageModalType } from './sharedTypes';
+declare function FullPageModal({ isOpen, onClose, pageTitle, bottomCTAText, secondaryBottomCTAText, onBottomCTAClick, onSecondaryBottomCTAClick, isBottomCTAdisabled, isSecondaryBottomCTAdisabled, PagePopupModal, children, ...props }: FullPageModalType): React.JSX.Element;
+export default FullPageModal;

package/dist/stories/organisms/Modals/FullPageModal.js

@@ -1,60 +1,60 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import AppBar from '@mui/material/AppBar';
-import Box from '@mui/material/Box';
-import CloseIcon from '@mui/icons-material/Close';
-import Container from '@mui/material/Container';
-import Dialog from '@mui/material/Dialog';
-import IconButton from '@mui/material/IconButton';
-import Toolbar from '@mui/material/Toolbar';
-import Typography from '@mui/material/Typography';
-import Grid from '@mui/material/Grid';
-import Button from '../../atoms/Button/Button';
-function FullPageModal(_a) {
-    var { isOpen, onClose, pageTitle, bottomCTAText, secondaryBottomCTAText, onBottomCTAClick, onSecondaryBottomCTAClick, isBottomCTAdisabled, isSecondaryBottomCTAdisabled, PagePopupModal, children } = _a, props = __rest(_a, ["isOpen", "onClose", "pageTitle", "bottomCTAText", "secondaryBottomCTAText", "onBottomCTAClick", "onSecondaryBottomCTAClick", "isBottomCTAdisabled", "isSecondaryBottomCTAdisabled", "PagePopupModal", "children"]);
-    const handleOnClose = () => {
-        onClose();
-    };
-    return (React.createElement(Box, Object.assign({ position: "relative" }, props),
-        React.createElement(Dialog, { PaperProps: {
-                style: {
-                    backgroundColor: 'var(--cool-grey-150)',
-                    boxShadow: 'none',
-                    overflow: 'hidden'
-                },
-            }, fullScreen: true, open: isOpen, onClose: handleOnClose },
-            React.createElement(AppBar, { sx: { position: 'relative', backgroundColor: 'var(--white)' } },
-                React.createElement(Toolbar, null,
-                    React.createElement(Container, { maxWidth: false },
-                        React.createElement(Box, { display: "flex", justifyContent: "space-between", alignItems: "center" },
-                            React.createElement(Typography, { variant: "h6" }, pageTitle),
-                            React.createElement(IconButton, { edge: "start", onClick: handleOnClose, "aria-label": "close" },
-                                React.createElement(CloseIcon, null)))))),
-            React.createElement(Grid, { sx: { minHeight: "100vh", paddingBottom: '136px' }, container: true },
-                children,
-                bottomCTAText && !!onBottomCTAClick && (React.createElement(Box, { sx: {
-                        position: "fixed",
-                        width: "100%",
-                        backgroundColor: 'black',
-                        zIndex: 2,
-                        display: 'flex',
-                        justifyContent: 'flex-end'
-                    }, p: 2, bottom: 0 },
-                    !!onSecondaryBottomCTAClick && secondaryBottomCTAText && (React.createElement(Box, { sx: { marginRight: '16px' } },
-                        React.createElement(Button, { onClick: onSecondaryBottomCTAClick, disabled: isSecondaryBottomCTAdisabled, category: "secondary-flipped" }, secondaryBottomCTAText))),
-                    React.createElement(Box, null,
-                        React.createElement(Button, { onClick: onBottomCTAClick, disabled: isBottomCTAdisabled, category: "secondary-flipped" }, bottomCTAText))))),
-            PagePopupModal)));
-}
-export default FullPageModal;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import AppBar from '@mui/material/AppBar';
+import Box from '@mui/material/Box';
+import CloseIcon from '@mui/icons-material/Close';
+import Container from '@mui/material/Container';
+import Dialog from '@mui/material/Dialog';
+import IconButton from '@mui/material/IconButton';
+import Toolbar from '@mui/material/Toolbar';
+import Typography from '@mui/material/Typography';
+import Grid from '@mui/material/Grid';
+import Button from '../../atoms/Button/Button';
+function FullPageModal(_a) {
+    var { isOpen, onClose, pageTitle, bottomCTAText, secondaryBottomCTAText, onBottomCTAClick, onSecondaryBottomCTAClick, isBottomCTAdisabled, isSecondaryBottomCTAdisabled, PagePopupModal, children } = _a, props = __rest(_a, ["isOpen", "onClose", "pageTitle", "bottomCTAText", "secondaryBottomCTAText", "onBottomCTAClick", "onSecondaryBottomCTAClick", "isBottomCTAdisabled", "isSecondaryBottomCTAdisabled", "PagePopupModal", "children"]);
+    const handleOnClose = () => {
+        onClose();
+    };
+    return (React.createElement(Box, Object.assign({ position: "relative" }, props),
+        React.createElement(Dialog, { PaperProps: {
+                style: {
+                    backgroundColor: 'var(--cool-grey-150)',
+                    boxShadow: 'none',
+                    overflow: 'hidden'
+                },
+            }, fullScreen: true, open: isOpen, onClose: handleOnClose },
+            React.createElement(AppBar, { sx: { position: 'relative', backgroundColor: 'var(--white)' } },
+                React.createElement(Toolbar, null,
+                    React.createElement(Container, { maxWidth: false },
+                        React.createElement(Box, { display: "flex", justifyContent: "space-between", alignItems: "center" },
+                            React.createElement(Typography, { variant: "h6" }, pageTitle),
+                            React.createElement(IconButton, { edge: "start", onClick: handleOnClose, "aria-label": "close" },
+                                React.createElement(CloseIcon, null)))))),
+            React.createElement(Grid, { sx: { minHeight: "100vh", paddingBottom: '136px' }, container: true },
+                children,
+                bottomCTAText && !!onBottomCTAClick && (React.createElement(Box, { sx: {
+                        position: "fixed",
+                        width: "100%",
+                        backgroundColor: 'black',
+                        zIndex: 2,
+                        display: 'flex',
+                        justifyContent: 'flex-end'
+                    }, p: 2, bottom: 0 },
+                    !!onSecondaryBottomCTAClick && secondaryBottomCTAText && (React.createElement(Box, { sx: { marginRight: '16px' } },
+                        React.createElement(Button, { onClick: onSecondaryBottomCTAClick, disabled: isSecondaryBottomCTAdisabled, category: "secondary-flipped" }, secondaryBottomCTAText))),
+                    React.createElement(Box, null,
+                        React.createElement(Button, { onClick: onBottomCTAClick, disabled: isBottomCTAdisabled, category: "secondary-flipped" }, bottomCTAText))))),
+            PagePopupModal)));
+}
+export default FullPageModal;
 //# sourceMappingURL=FullPageModal.js.map

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

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