@universal-tennis/ui-shared 0.2.0 → 0.2.1

package/dist/stories/molecules/FooterSection/FooterSection.stories.js

@@ -1,21 +1,21 @@
-import React from 'react';
-import FooterSection from './FooterSection';
-// Default
-export default {
-    title: 'Molecules/FooterSection',
-};
-// Templates
-function FooterSectionTemplate(args) {
-    return React.createElement(FooterSection, Object.assign({}, args));
-}
-// Stories
-export const Section = FooterSectionTemplate.bind({});
-Section.args = {
-    items: [
-        { href: '#', label: 'Countries' },
-        { href: '#', label: 'States' },
-        { href: '#', label: 'Cities' },
-    ],
-    title: "Explore",
-};
+import React from 'react';
+import FooterSection from './FooterSection';
+// Default
+export default {
+    title: 'Molecules/FooterSection',
+};
+// Templates
+function FooterSectionTemplate(args) {
+    return React.createElement(FooterSection, Object.assign({}, args));
+}
+// Stories
+export const Section = FooterSectionTemplate.bind({});
+Section.args = {
+    items: [
+        { href: '#', label: 'Countries' },
+        { href: '#', label: 'States' },
+        { href: '#', label: 'Cities' },
+    ],
+    title: "Explore",
+};
 //# sourceMappingURL=FooterSection.stories.js.map

package/dist/stories/molecules/FooterSection/sharedTypes.d.ts

@@ -1,5 +1,5 @@
-import { LinkItem } from "stories/organisms/Footer/sharedTypes";
-export type FooterSectionProps = {
-    items: [LinkItem];
-    title: string;
-};
+import { LinkItem } from "stories/organisms/Footer/sharedTypes";
+export type FooterSectionProps = {
+    items: [LinkItem];
+    title: string;
+};

package/dist/stories/molecules/FooterSection/sharedTypes.js

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

package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-export interface GlobalNavItemProps {
-    item: {
-        label: string;
-        filterType: string;
-        sportType: string;
-        isLeagues?: boolean;
-        data?: object;
-    };
-    onClick: (item: object) => void;
-}
-declare function GlobalNavItem({ item, onClick }: Readonly<GlobalNavItemProps>): React.JSX.Element;
-export default GlobalNavItem;
+import React from 'react';
+export interface GlobalNavItemProps {
+    item: {
+        label: string;
+        filterType: string;
+        sportType: string;
+        isLeagues?: boolean;
+        data?: object;
+    };
+    onClick: (item: object) => void;
+}
+declare function GlobalNavItem({ item, onClick }: Readonly<GlobalNavItemProps>): React.JSX.Element;
+export default GlobalNavItem;

package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.js

@@ -1,28 +1,28 @@
-import React from 'react';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import { getClickAttrs } from '../../utils/constants';
-import { RightChevron } from '../../atoms/Icons/Icons.stories';
-import Typography from '../../atoms/Typography/Typography';
-function GlobalNavItem({ item, onClick }) {
-    const handleOnClick = (item) => {
-        onClick(item);
-    };
-    return (React.createElement(Button, Object.assign({ onClick: () => handleOnClick(item) }, getClickAttrs({
-        category: 'Global Search Category',
-        context: item === null || item === void 0 ? void 0 : item.label,
-        location: 'Global search CTA',
-    }), { sx: {
-            textTransform: 'none',
-            color: 'var(--black)',
-            padding: 0,
-            borderBottom: '.5px solid var(--cool-grey-500)',
-            borderRadius: 0,
-            '&:hover': { backgroundColor: 'transparent' }
-        } }),
-        React.createElement(Box, { display: "flex", alignItems: "center", height: "32px", width: "100%", minWidth: "194px", justifyContent: "space-between" },
-            React.createElement(Typography, { weight: 325, category: "secondary", size: "small-medium", color: "var(--black)" }, item === null || item === void 0 ? void 0 : item.label),
-            React.createElement(RightChevron, { size: 12, color: "var(--black)" }))));
-}
-export default GlobalNavItem;
+import React from 'react';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import { getClickAttrs } from '../../utils/constants';
+import { RightChevron } from '../../atoms/Icons/Icons.stories';
+import Typography from '../../atoms/Typography/Typography';
+function GlobalNavItem({ item, onClick }) {
+    const handleOnClick = (item) => {
+        onClick(item);
+    };
+    return (React.createElement(Button, Object.assign({ onClick: () => handleOnClick(item) }, getClickAttrs({
+        category: 'Global Search Category',
+        context: item === null || item === void 0 ? void 0 : item.label,
+        location: 'Global search CTA',
+    }), { sx: {
+            textTransform: 'none',
+            color: 'var(--black)',
+            padding: 0,
+            borderBottom: '.5px solid var(--cool-grey-500)',
+            borderRadius: 0,
+            '&:hover': { backgroundColor: 'transparent' }
+        } }),
+        React.createElement(Box, { display: "flex", alignItems: "center", height: "32px", width: "100%", minWidth: "194px", justifyContent: "space-between" },
+            React.createElement(Typography, { weight: 325, category: "secondary", size: "small-medium", color: "var(--black)" }, item === null || item === void 0 ? void 0 : item.label),
+            React.createElement(RightChevron, { size: 12, color: "var(--black)" }))));
+}
+export default GlobalNavItem;
 //# sourceMappingURL=GlobalNavItem.js.map

package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.stories.d.ts

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

package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.stories.js

@@ -1,19 +1,19 @@
-import React from 'react';
-import GlobalNavItem from './GlobalNavItem';
-// Default
-export default {
-    title: 'Molecules/GlobalNavItem',
-};
-// Templates
-function GlobalNavItemTemplate(args) {
-    return React.createElement(GlobalNavItem, Object.assign({}, args));
-}
-// Stories
-export const Item = GlobalNavItemTemplate.bind({});
-Item.args = {
-    item: {
-        label: 'Flex Leagues',
-    },
-    onClick: () => { console.log("you clicked me!"); }
-};
+import React from 'react';
+import GlobalNavItem from './GlobalNavItem';
+// Default
+export default {
+    title: 'Molecules/GlobalNavItem',
+};
+// Templates
+function GlobalNavItemTemplate(args) {
+    return React.createElement(GlobalNavItem, Object.assign({}, args));
+}
+// Stories
+export const Item = GlobalNavItemTemplate.bind({});
+Item.args = {
+    item: {
+        label: 'Flex Leagues',
+    },
+    onClick: () => { console.log("you clicked me!"); }
+};
 //# sourceMappingURL=GlobalNavItem.stories.js.map

package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.d.ts

@@ -1,29 +1,29 @@
-import React from 'react';
-export interface SquareAvatarWithNameProps {
-    avatarOnly?: boolean;
-    avatarFontCategory?: string;
-    avatarFontSize?: string;
-    avatarWidth?: string;
-    avatarHeight?: string;
-    href?: string;
-    maxLinkWidth?: string;
-    name: string;
-    fontCategory?: string;
-    fontSize?: string;
-    disabled?: boolean;
-    subtitle?: string;
-}
-export default function SquareAvatarWithName({ avatarOnly, name, avatarFontSize, href, avatarFontCategory, avatarWidth, avatarHeight, fontSize, fontCategory, disabled, maxLinkWidth, subtitle }: {
-    avatarOnly?: boolean | undefined;
-    name?: string | undefined;
-    avatarFontSize?: string | undefined;
-    href?: string | undefined;
-    avatarFontCategory?: string | undefined;
-    avatarWidth?: string | undefined;
-    avatarHeight?: string | undefined;
-    fontSize?: string | undefined;
-    fontCategory?: string | undefined;
-    disabled?: boolean | undefined;
-    maxLinkWidth?: string | undefined;
-    subtitle?: string | undefined;
-}): React.JSX.Element;
+import React from 'react';
+export interface SquareAvatarWithNameProps {
+    avatarOnly?: boolean;
+    avatarFontCategory?: string;
+    avatarFontSize?: string;
+    avatarWidth?: string;
+    avatarHeight?: string;
+    href?: string;
+    maxLinkWidth?: string;
+    name: string;
+    fontCategory?: string;
+    fontSize?: string;
+    disabled?: boolean;
+    subtitle?: string;
+}
+export default function SquareAvatarWithName({ avatarOnly, name, avatarFontSize, href, avatarFontCategory, avatarWidth, avatarHeight, fontSize, fontCategory, disabled, maxLinkWidth, subtitle }: {
+    avatarOnly?: boolean | undefined;
+    name?: string | undefined;
+    avatarFontSize?: string | undefined;
+    href?: string | undefined;
+    avatarFontCategory?: string | undefined;
+    avatarWidth?: string | undefined;
+    avatarHeight?: string | undefined;
+    fontSize?: string | undefined;
+    fontCategory?: string | undefined;
+    disabled?: boolean | undefined;
+    maxLinkWidth?: string | undefined;
+    subtitle?: string | undefined;
+}): React.JSX.Element;

package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js

@@ -1,34 +1,34 @@
-import React from 'react';
-import Avatar from '@mui/material/Avatar';
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
-import Typography from '../../atoms/Typography/Typography';
-export default function SquareAvatarWithName({ avatarOnly = false, name = '', avatarFontSize = 'small-medium', href = '', avatarFontCategory = 'primary', avatarWidth = '26px', avatarHeight = '26px', fontSize = 'medium-book', fontCategory = 'secondary', disabled = false, maxLinkWidth = "auto", subtitle = '' }) {
-    const getAcronym = (str) => {
-        const cleanStr = str === null || str === void 0 ? void 0 : str.replace(/[^a-zA-Z\s]/g, '').split(' '); // Remove non-letter and non-space characters
-        const acronym = cleanStr === null || cleanStr === void 0 ? void 0 : cleanStr.map((word) => word.charAt(0)).join('').substring(0, 3);
-        return acronym;
-    };
-    const textOverflowStyles = {
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        WebkitLineClamp: 1,
-        textAlign: "left"
-    };
-    const SquareAvatarComponent = (React.createElement(Avatar, { sx: {
-            backgroundColor: disabled ? 'var(--grey)' : 'var(--black)',
-            marginRight: '8px',
-            width: `${avatarWidth}`,
-            height: `${avatarHeight}`
-        }, variant: "rounded" },
-        React.createElement(Typography, { sx: { textTransform: 'uppercase' }, size: avatarFontSize, category: avatarFontCategory }, disabled ? '—' : getAcronym(name))));
-    return (avatarOnly ? (SquareAvatarComponent) : (React.createElement(Box, { display: "flex", alignItems: "center" },
-        SquareAvatarComponent,
-        React.createElement(Box, null,
-            href ? (React.createElement(Link, { href: href, sx: { textDecoration: 'none' } },
-                React.createElement(Typography, { category: fontCategory, size: fontSize, maxWidth: maxLinkWidth, sx: Object.assign({}, textOverflowStyles) }, name))) : (React.createElement(Typography, { category: fontCategory, size: fontSize, maxWidth: maxLinkWidth, sx: Object.assign(Object.assign({}, textOverflowStyles), { color: disabled ? 'grey' : 'black' }) }, name)),
-            subtitle && (React.createElement(Typography, { category: "secondary", size: "small-book", sx: Object.assign(Object.assign({}, textOverflowStyles), { color: 'black' }) }, subtitle))))));
-}
+import React from 'react';
+import Avatar from '@mui/material/Avatar';
+import Box from '@mui/material/Box';
+import Link from '@mui/material/Link';
+import Typography from '../../atoms/Typography/Typography';
+export default function SquareAvatarWithName({ avatarOnly = false, name = '', avatarFontSize = 'small-medium', href = '', avatarFontCategory = 'primary', avatarWidth = '26px', avatarHeight = '26px', fontSize = 'medium-book', fontCategory = 'secondary', disabled = false, maxLinkWidth = "auto", subtitle = '' }) {
+    const getAcronym = (str) => {
+        const cleanStr = str === null || str === void 0 ? void 0 : str.replace(/[^a-zA-Z\s]/g, '').split(' '); // Remove non-letter and non-space characters
+        const acronym = cleanStr === null || cleanStr === void 0 ? void 0 : cleanStr.map((word) => word.charAt(0)).join('').substring(0, 3);
+        return acronym;
+    };
+    const textOverflowStyles = {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        display: "-webkit-box",
+        WebkitBoxOrient: "vertical",
+        WebkitLineClamp: 1,
+        textAlign: "left"
+    };
+    const SquareAvatarComponent = (React.createElement(Avatar, { sx: {
+            backgroundColor: disabled ? 'var(--grey)' : 'var(--black)',
+            marginRight: '8px',
+            width: `${avatarWidth}`,
+            height: `${avatarHeight}`
+        }, variant: "rounded" },
+        React.createElement(Typography, { sx: { textTransform: 'uppercase' }, size: avatarFontSize, category: avatarFontCategory }, disabled ? '—' : getAcronym(name))));
+    return (avatarOnly ? (SquareAvatarComponent) : (React.createElement(Box, { display: "flex", alignItems: "center" },
+        SquareAvatarComponent,
+        React.createElement(Box, null,
+            href ? (React.createElement(Link, { href: href, sx: { textDecoration: 'none' } },
+                React.createElement(Typography, { category: fontCategory, size: fontSize, maxWidth: maxLinkWidth, sx: Object.assign({}, textOverflowStyles) }, name))) : (React.createElement(Typography, { category: fontCategory, size: fontSize, maxWidth: maxLinkWidth, sx: Object.assign(Object.assign({}, textOverflowStyles), { color: disabled ? 'grey' : 'black' }) }, name)),
+            subtitle && (React.createElement(Typography, { category: "secondary", size: "small-book", sx: Object.assign(Object.assign({}, textOverflowStyles), { color: 'black' }) }, subtitle))))));
+}
 //# sourceMappingURL=SquareAvatarWithName.js.map

package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.d.ts

@@ -1,16 +1,16 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: any;
-export declare const WithCustomTypography: any;
-export declare const WithCustomAvatarSize: any;
-export declare const WithAvatarOnly: any;
-export declare const WithLink: any;
-export declare const WithSubtitle: any;
-export declare const WithLowercaseName: any;
-export declare const WithLongName: any;
-export declare const WithMultipleNames: any;
-export declare const WithMultipleNamesAndCharTypes: any;
-export declare const WithLongLinkName: any;
-export declare const Disabled: any;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: any;
+export declare const WithCustomTypography: any;
+export declare const WithCustomAvatarSize: any;
+export declare const WithAvatarOnly: any;
+export declare const WithLink: any;
+export declare const WithSubtitle: any;
+export declare const WithLowercaseName: any;
+export declare const WithLongName: any;
+export declare const WithMultipleNames: any;
+export declare const WithMultipleNamesAndCharTypes: any;
+export declare const WithLongLinkName: any;
+export declare const Disabled: any;

package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js

@@ -1,82 +1,82 @@
-import React from 'react';
-import Box from '@mui/material/Box';
-import SquareAvatarWithName from './SquareAvatarWithName';
-// Default
-export default {
-    title: 'Molecules/SquareAvatarWithName',
-};
-// Templates
-function SquareAvatarWithNameTemplate(args) {
-    return React.createElement(SquareAvatarWithName, Object.assign({}, args));
-}
-function SquareAvatarWithLongNameTemplate(args) {
-    return React.createElement(Box, { width: "200px" },
-        React.createElement(SquareAvatarWithName, Object.assign({}, args)));
-}
-// Stories
-export const Default = SquareAvatarWithNameTemplate.bind({});
-Default.args = {
-    name: "Team Dream",
-};
-export const WithCustomTypography = SquareAvatarWithNameTemplate.bind({});
-WithCustomTypography.args = {
-    name: "Team Dream",
-    avatarFontCategory: "secondary",
-    avatarFontSize: "small-book",
-    fontCategory: "primary",
-    fontSize: "medium-book"
-};
-export const WithCustomAvatarSize = SquareAvatarWithNameTemplate.bind({});
-WithCustomAvatarSize.args = {
-    name: "Team Dream",
-    avatarWidth: '40px',
-    avatarHeight: '40px',
-    avatarFontCategory: "primary",
-    avatarFontSize: "small-book",
-};
-export const WithAvatarOnly = SquareAvatarWithNameTemplate.bind({});
-WithAvatarOnly.args = {
-    avatarOnly: true,
-    name: "Team Dream",
-};
-export const WithLink = SquareAvatarWithNameTemplate.bind({});
-WithLink.args = {
-    href: "https://www.reddit.com",
-    name: "Team Dream",
-};
-export const WithSubtitle = SquareAvatarWithNameTemplate.bind({});
-WithSubtitle.args = {
-    avatarWidth: '40px',
-    avatarHeight: '40px',
-    avatarFontSize: "medium-medium",
-    name: "Team Dream",
-    subtitle: '3 players'
-};
-export const WithLowercaseName = SquareAvatarWithNameTemplate.bind({});
-WithLowercaseName.args = {
-    name: "team dream",
-};
-export const WithLongName = SquareAvatarWithLongNameTemplate.bind({});
-WithLongName.args = {
-    name: "Team Dreamadeamadeamadeamadeam",
-};
-export const WithMultipleNames = SquareAvatarWithNameTemplate.bind({});
-WithMultipleNames.args = {
-    name: "Team Dream Nightmare And Everything In Between",
-};
-export const WithMultipleNamesAndCharTypes = SquareAvatarWithNameTemplate.bind({});
-WithMultipleNamesAndCharTypes.args = {
-    name: "Team - Dream * Nightmare And Everything In Between",
-};
-export const WithLongLinkName = SquareAvatarWithLongNameTemplate.bind({});
-WithLongLinkName.args = {
-    name: "Team Dreamadeamadeamadeamadeam",
-    href: "https://www.reddit.com",
-    maxLinkWidth: "200px"
-};
-export const Disabled = SquareAvatarWithNameTemplate.bind({});
-Disabled.args = {
-    name: "Bye",
-    disabled: true,
-};
+import React from 'react';
+import Box from '@mui/material/Box';
+import SquareAvatarWithName from './SquareAvatarWithName';
+// Default
+export default {
+    title: 'Molecules/SquareAvatarWithName',
+};
+// Templates
+function SquareAvatarWithNameTemplate(args) {
+    return React.createElement(SquareAvatarWithName, Object.assign({}, args));
+}
+function SquareAvatarWithLongNameTemplate(args) {
+    return React.createElement(Box, { width: "200px" },
+        React.createElement(SquareAvatarWithName, Object.assign({}, args)));
+}
+// Stories
+export const Default = SquareAvatarWithNameTemplate.bind({});
+Default.args = {
+    name: "Team Dream",
+};
+export const WithCustomTypography = SquareAvatarWithNameTemplate.bind({});
+WithCustomTypography.args = {
+    name: "Team Dream",
+    avatarFontCategory: "secondary",
+    avatarFontSize: "small-book",
+    fontCategory: "primary",
+    fontSize: "medium-book"
+};
+export const WithCustomAvatarSize = SquareAvatarWithNameTemplate.bind({});
+WithCustomAvatarSize.args = {
+    name: "Team Dream",
+    avatarWidth: '40px',
+    avatarHeight: '40px',
+    avatarFontCategory: "primary",
+    avatarFontSize: "small-book",
+};
+export const WithAvatarOnly = SquareAvatarWithNameTemplate.bind({});
+WithAvatarOnly.args = {
+    avatarOnly: true,
+    name: "Team Dream",
+};
+export const WithLink = SquareAvatarWithNameTemplate.bind({});
+WithLink.args = {
+    href: "https://www.reddit.com",
+    name: "Team Dream",
+};
+export const WithSubtitle = SquareAvatarWithNameTemplate.bind({});
+WithSubtitle.args = {
+    avatarWidth: '40px',
+    avatarHeight: '40px',
+    avatarFontSize: "medium-medium",
+    name: "Team Dream",
+    subtitle: '3 players'
+};
+export const WithLowercaseName = SquareAvatarWithNameTemplate.bind({});
+WithLowercaseName.args = {
+    name: "team dream",
+};
+export const WithLongName = SquareAvatarWithLongNameTemplate.bind({});
+WithLongName.args = {
+    name: "Team Dreamadeamadeamadeamadeam",
+};
+export const WithMultipleNames = SquareAvatarWithNameTemplate.bind({});
+WithMultipleNames.args = {
+    name: "Team Dream Nightmare And Everything In Between",
+};
+export const WithMultipleNamesAndCharTypes = SquareAvatarWithNameTemplate.bind({});
+WithMultipleNamesAndCharTypes.args = {
+    name: "Team - Dream * Nightmare And Everything In Between",
+};
+export const WithLongLinkName = SquareAvatarWithLongNameTemplate.bind({});
+WithLongLinkName.args = {
+    name: "Team Dreamadeamadeamadeamadeam",
+    href: "https://www.reddit.com",
+    maxLinkWidth: "200px"
+};
+export const Disabled = SquareAvatarWithNameTemplate.bind({});
+Disabled.args = {
+    name: "Bye",
+    disabled: true,
+};
 //# sourceMappingURL=SquareAvatarWithName.stories.js.map

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { FooterProps } from './sharedTypes';
-declare function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocialMediaClick, sx }: FooterProps): React.JSX.Element;
-export default Footer;
+import React from 'react';
+import { FooterProps } from './sharedTypes';
+declare function Footer({ exploreItems, providerItems, moreItems, supportItems, onSocialMediaClick, sx }: FooterProps): React.JSX.Element;
+export default Footer;