@universal-tennis/ui-shared 0.2.0 → 0.2.1

package/dist/stories/atoms/Typography/Typography.stories.js

@@ -1,191 +1,191 @@
-import React from 'react';
-import Typography from './Typography';
-export default {
-    title: 'Atoms/Typography',
-    component: Typography,
-};
-function Template(args) {
-    return React.createElement(Typography, Object.assign({}, args));
-}
-export const Default = Template.bind({});
-Default.args = {
-    children: 'Text',
-};
-export const Display = Template.bind({});
-Display.args = {
-    category: "display",
-    children: 'Text',
-};
-export const DisplayXXXLarge = Template.bind({});
-DisplayXXXLarge.args = {
-    children: 'Text',
-    category: "display",
-    size: 'XXX-large'
-};
-export const DisplayXXLarge = Template.bind({});
-DisplayXXLarge.args = {
-    children: 'Text',
-    category: "display",
-    size: 'XX-large'
-};
-export const DisplayXLarge = Template.bind({});
-DisplayXLarge.args = {
-    children: 'Text',
-    category: "display",
-    size: 'X-large'
-};
-export const DisplayLarge = Template.bind({});
-DisplayLarge.args = {
-    children: 'Text',
-    category: "display",
-    size: 'large'
-};
-export const DisplayLargelight = Template.bind({});
-DisplayLargelight.args = {
-    children: 'Text',
-    category: "display",
-    size: 'large-light'
-};
-export const DisplayMediumBook = Template.bind({});
-DisplayMediumBook.args = {
-    children: 'Text',
-    category: "display",
-    size: 'medium-book'
-};
-export const Primary = Template.bind({});
-Primary.args = {
-    category: "primary",
-    children: 'Text',
-};
-export const PrimaryLargeBold = Template.bind({});
-PrimaryLargeBold.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'large-bold'
-};
-export const PrimaryLargeBook = Template.bind({});
-PrimaryLargeBook.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'large-book'
-};
-export const PrimaryLargeLight = Template.bind({});
-PrimaryLargeLight.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'large-light'
-};
-export const PrimaryMediumSemiBold = Template.bind({});
-PrimaryMediumSemiBold.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'medium-semibold'
-};
-export const PrimaryMediumMedium = Template.bind({});
-PrimaryMediumMedium.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'medium-medium'
-};
-export const PrimaryMediumBook = Template.bind({});
-PrimaryMediumBook.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'medium-book'
-};
-export const PrimarySmallBook = Template.bind({});
-PrimarySmallBook.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'small-book'
-};
-export const PrimaryXSmallBook = Template.bind({});
-PrimaryXSmallBook.args = {
-    children: 'Text',
-    category: "primary",
-    size: 'x-small-book'
-};
-export const Secondary = Template.bind({});
-Secondary.args = {
-    category: "secondary",
-    children: 'Text',
-};
-export const SecondaryLargeMedium = Template.bind({});
-SecondaryLargeMedium.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'large-medium'
-};
-export const SecondaryLargeBook = Template.bind({});
-SecondaryLargeBook.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'large-book'
-};
-export const SecondaryMediumMedium = Template.bind({});
-SecondaryMediumMedium.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'medium-medium'
-};
-export const SecondaryMediumBook = Template.bind({});
-SecondaryMediumBook.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'medium-book'
-};
-export const SecondarySmallMediumCap = Template.bind({});
-SecondarySmallMediumCap.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'small-medium-cap'
-};
-export const SecondarySmallMedium = Template.bind({});
-SecondarySmallMedium.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'small-medium'
-};
-export const SecondarySmallBook = Template.bind({});
-SecondarySmallBook.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'small-book'
-};
-export const SecondaryXSmallMediumCap = Template.bind({});
-SecondaryXSmallMediumCap.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'x-small-medium-cap'
-};
-export const SecondaryXSmallMedium = Template.bind({});
-SecondaryXSmallMedium.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'x-small-medium'
-};
-export const SecondaryXSmallBookCap = Template.bind({});
-SecondaryXSmallBookCap.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'x-small-book-cap'
-};
-export const SecondaryXSmallBook = Template.bind({});
-SecondaryXSmallBook.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'x-small-book'
-};
-export const SecondaryXXSmallMediumCap = Template.bind({});
-SecondaryXXSmallMediumCap.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'xx-small-medium-cap'
-};
-export const SecondaryXXSmallBook = Template.bind({});
-SecondaryXXSmallBook.args = {
-    category: "secondary",
-    children: 'Text',
-    size: 'xx-small-book'
-};
+import React from 'react';
+import Typography from './Typography';
+export default {
+    title: 'Atoms/Typography',
+    component: Typography,
+};
+function Template(args) {
+    return React.createElement(Typography, Object.assign({}, args));
+}
+export const Default = Template.bind({});
+Default.args = {
+    children: 'Text',
+};
+export const Display = Template.bind({});
+Display.args = {
+    category: "display",
+    children: 'Text',
+};
+export const DisplayXXXLarge = Template.bind({});
+DisplayXXXLarge.args = {
+    children: 'Text',
+    category: "display",
+    size: 'XXX-large'
+};
+export const DisplayXXLarge = Template.bind({});
+DisplayXXLarge.args = {
+    children: 'Text',
+    category: "display",
+    size: 'XX-large'
+};
+export const DisplayXLarge = Template.bind({});
+DisplayXLarge.args = {
+    children: 'Text',
+    category: "display",
+    size: 'X-large'
+};
+export const DisplayLarge = Template.bind({});
+DisplayLarge.args = {
+    children: 'Text',
+    category: "display",
+    size: 'large'
+};
+export const DisplayLargelight = Template.bind({});
+DisplayLargelight.args = {
+    children: 'Text',
+    category: "display",
+    size: 'large-light'
+};
+export const DisplayMediumBook = Template.bind({});
+DisplayMediumBook.args = {
+    children: 'Text',
+    category: "display",
+    size: 'medium-book'
+};
+export const Primary = Template.bind({});
+Primary.args = {
+    category: "primary",
+    children: 'Text',
+};
+export const PrimaryLargeBold = Template.bind({});
+PrimaryLargeBold.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'large-bold'
+};
+export const PrimaryLargeBook = Template.bind({});
+PrimaryLargeBook.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'large-book'
+};
+export const PrimaryLargeLight = Template.bind({});
+PrimaryLargeLight.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'large-light'
+};
+export const PrimaryMediumSemiBold = Template.bind({});
+PrimaryMediumSemiBold.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'medium-semibold'
+};
+export const PrimaryMediumMedium = Template.bind({});
+PrimaryMediumMedium.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'medium-medium'
+};
+export const PrimaryMediumBook = Template.bind({});
+PrimaryMediumBook.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'medium-book'
+};
+export const PrimarySmallBook = Template.bind({});
+PrimarySmallBook.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'small-book'
+};
+export const PrimaryXSmallBook = Template.bind({});
+PrimaryXSmallBook.args = {
+    children: 'Text',
+    category: "primary",
+    size: 'x-small-book'
+};
+export const Secondary = Template.bind({});
+Secondary.args = {
+    category: "secondary",
+    children: 'Text',
+};
+export const SecondaryLargeMedium = Template.bind({});
+SecondaryLargeMedium.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'large-medium'
+};
+export const SecondaryLargeBook = Template.bind({});
+SecondaryLargeBook.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'large-book'
+};
+export const SecondaryMediumMedium = Template.bind({});
+SecondaryMediumMedium.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'medium-medium'
+};
+export const SecondaryMediumBook = Template.bind({});
+SecondaryMediumBook.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'medium-book'
+};
+export const SecondarySmallMediumCap = Template.bind({});
+SecondarySmallMediumCap.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'small-medium-cap'
+};
+export const SecondarySmallMedium = Template.bind({});
+SecondarySmallMedium.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'small-medium'
+};
+export const SecondarySmallBook = Template.bind({});
+SecondarySmallBook.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'small-book'
+};
+export const SecondaryXSmallMediumCap = Template.bind({});
+SecondaryXSmallMediumCap.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'x-small-medium-cap'
+};
+export const SecondaryXSmallMedium = Template.bind({});
+SecondaryXSmallMedium.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'x-small-medium'
+};
+export const SecondaryXSmallBookCap = Template.bind({});
+SecondaryXSmallBookCap.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'x-small-book-cap'
+};
+export const SecondaryXSmallBook = Template.bind({});
+SecondaryXSmallBook.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'x-small-book'
+};
+export const SecondaryXXSmallMediumCap = Template.bind({});
+SecondaryXXSmallMediumCap.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'xx-small-medium-cap'
+};
+export const SecondaryXXSmallBook = Template.bind({});
+SecondaryXXSmallBook.args = {
+    category: "secondary",
+    children: 'Text',
+    size: 'xx-small-book'
+};
 //# sourceMappingURL=Typography.stories.js.map

package/dist/stories/atoms/UTMap/UTMap.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-export interface MapProps {
-    placeId: string;
-    height: string | number;
-    width: string | number;
-}
-export default function UTMap({ placeId, height, width }: MapProps): React.JSX.Element;
+import React from 'react';
+export interface MapProps {
+    placeId: string;
+    height: string | number;
+    width: string | number;
+}
+export default function UTMap({ placeId, height, width }: MapProps): React.JSX.Element;

package/dist/stories/atoms/UTMap/UTMap.js

@@ -1,9 +1,9 @@
-import React from 'react';
-export default function UTMap({ placeId, height, width }) {
-    const placeParam = placeId && `q=place_id:${placeId}`;
-    const placeUrl = `https://www.google.com/maps/embed/v1/place?key=AIzaSyCapzh9VsfXAzC9fAaosZJulONx7H1BFaY&${placeParam}`;
-    const mapHeight = height || `216px`;
-    const mapWidth = width || `100%`;
-    return (React.createElement("iframe", { width: mapWidth, height: mapHeight, src: placeUrl, title: "Google Maps" }));
-}
+import React from 'react';
+export default function UTMap({ placeId, height, width }) {
+    const placeParam = placeId && `q=place_id:${placeId}`;
+    const placeUrl = `https://www.google.com/maps/embed/v1/place?key=AIzaSyCapzh9VsfXAzC9fAaosZJulONx7H1BFaY&${placeParam}`;
+    const mapHeight = height || `216px`;
+    const mapWidth = width || `100%`;
+    return (React.createElement("iframe", { width: mapWidth, height: mapHeight, src: placeUrl, title: "Google Maps" }));
+}
 //# sourceMappingURL=UTMap.js.map

package/dist/stories/atoms/UTMap/UTMap.stories.d.ts

@@ -1,9 +1,9 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: any;
-export declare const WithCustomStringHeight: any;
-export declare const WithCustomNumberHeight: any;
-export declare const WithCustomStringWidth: any;
-export declare const WithCustomNumberWidth: any;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: any;
+export declare const WithCustomStringHeight: any;
+export declare const WithCustomNumberHeight: any;
+export declare const WithCustomStringWidth: any;
+export declare const WithCustomNumberWidth: any;

package/dist/stories/atoms/UTMap/UTMap.stories.js

@@ -1,36 +1,36 @@
-import React from 'react';
-import UTMap from './UTMap';
-// Default
-export default {
-    title: 'Atoms/Map',
-};
-// Templates
-function MapTemplate(args) {
-    return React.createElement(UTMap, Object.assign({}, args));
-}
-// Stories
-export const Default = MapTemplate.bind({});
-Default.args = {
-    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
-};
-export const WithCustomStringHeight = MapTemplate.bind({});
-WithCustomStringHeight.args = {
-    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
-    height: '320px'
-};
-export const WithCustomNumberHeight = MapTemplate.bind({});
-WithCustomNumberHeight.args = {
-    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
-    height: 320
-};
-export const WithCustomStringWidth = MapTemplate.bind({});
-WithCustomStringWidth.args = {
-    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
-    width: '620px'
-};
-export const WithCustomNumberWidth = MapTemplate.bind({});
-WithCustomNumberWidth.args = {
-    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
-    width: 620
-};
+import React from 'react';
+import UTMap from './UTMap';
+// Default
+export default {
+    title: 'Atoms/Map',
+};
+// Templates
+function MapTemplate(args) {
+    return React.createElement(UTMap, Object.assign({}, args));
+}
+// Stories
+export const Default = MapTemplate.bind({});
+Default.args = {
+    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
+};
+export const WithCustomStringHeight = MapTemplate.bind({});
+WithCustomStringHeight.args = {
+    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
+    height: '320px'
+};
+export const WithCustomNumberHeight = MapTemplate.bind({});
+WithCustomNumberHeight.args = {
+    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
+    height: 320
+};
+export const WithCustomStringWidth = MapTemplate.bind({});
+WithCustomStringWidth.args = {
+    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
+    width: '620px'
+};
+export const WithCustomNumberWidth = MapTemplate.bind({});
+WithCustomNumberWidth.args = {
+    placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
+    width: 620
+};
 //# sourceMappingURL=UTMap.stories.js.map

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

@@ -1,27 +1,27 @@
-import React from 'react';
-export interface AvatarWithNameProps {
-    avatarOnly: boolean;
-    avatarFontCategory: string;
-    avatarFontSize: string;
-    avatarWidth: string;
-    avatarHeight: string;
-    href: string;
-    imgSrc: string;
-    playerName: string;
-    fontCategory: string;
-    fontSize: string;
-    maxCharacterLimit: number;
-}
-export default function AvatarWithName({ avatarOnly, imgSrc, playerName, avatarFontSize, href, avatarFontCategory, avatarWidth, avatarHeight, fontSize, fontCategory, maxCharacterLimit }: {
-    avatarOnly?: boolean | undefined;
-    imgSrc?: string | undefined;
-    playerName?: string | undefined;
-    avatarFontSize?: string | undefined;
-    href?: string | undefined;
-    avatarFontCategory?: string | undefined;
-    avatarWidth?: string | undefined;
-    avatarHeight?: string | undefined;
-    fontSize?: string | undefined;
-    fontCategory?: string | undefined;
-    maxCharacterLimit?: number | undefined;
-}): React.JSX.Element;
+import React from 'react';
+export interface AvatarWithNameProps {
+    avatarOnly: boolean;
+    avatarFontCategory: string;
+    avatarFontSize: string;
+    avatarWidth: string;
+    avatarHeight: string;
+    href: string;
+    imgSrc: string;
+    playerName: string;
+    fontCategory: string;
+    fontSize: string;
+    maxCharacterLimit: number;
+}
+export default function AvatarWithName({ avatarOnly, imgSrc, playerName, avatarFontSize, href, avatarFontCategory, avatarWidth, avatarHeight, fontSize, fontCategory, maxCharacterLimit }: {
+    avatarOnly?: boolean | undefined;
+    imgSrc?: string | undefined;
+    playerName?: string | undefined;
+    avatarFontSize?: string | undefined;
+    href?: string | undefined;
+    avatarFontCategory?: string | undefined;
+    avatarWidth?: string | undefined;
+    avatarHeight?: string | undefined;
+    fontSize?: string | undefined;
+    fontCategory?: string | undefined;
+    maxCharacterLimit?: number | undefined;
+}): React.JSX.Element;

package/dist/stories/molecules/AvatarWithName/AvatarWithName.js

@@ -1,21 +1,21 @@
-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 AvatarWithName({ avatarOnly = false, imgSrc = '', playerName = '', avatarFontSize = 'medium-medium', href = '', avatarFontCategory = 'primary', avatarWidth = '40px', avatarHeight = '40px', fontSize = 'small-medium', fontCategory = 'secondary', maxCharacterLimit = 24 }) {
-    const getAcronym = (str) => {
-        const acronym = str === null || str === void 0 ? void 0 : str.split(' ').map((word) => word.charAt(0)).join('');
-        return acronym;
-    };
-    const getTruncatedName = (name, characterLimit) => (name.length > characterLimit ? `${name.slice(0, characterLimit)}...` : name);
-    const AvatarComponent = (React.createElement(Avatar, { sx: {
-            backgroundColor: 'var(--black)', marginRight: '10px', width: `${avatarWidth}`, height: `${avatarHeight}`
-        }, src: imgSrc },
-        React.createElement(Typography, { sx: { textTransform: 'uppercase' }, size: avatarFontSize, category: avatarFontCategory }, getAcronym(playerName))));
-    return (avatarOnly ? (AvatarComponent) : (React.createElement(Box, { display: "flex", alignItems: "center" },
-        AvatarComponent,
-        href ? (React.createElement(Link, { href: href, sx: { textDecoration: 'none' } },
-            React.createElement(Typography, { category: fontCategory, size: fontSize }, getTruncatedName(playerName, maxCharacterLimit)))) : React.createElement(Typography, { category: fontCategory, size: fontSize }, getTruncatedName(playerName, maxCharacterLimit)))));
-}
+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 AvatarWithName({ avatarOnly = false, imgSrc = '', playerName = '', avatarFontSize = 'medium-medium', href = '', avatarFontCategory = 'primary', avatarWidth = '40px', avatarHeight = '40px', fontSize = 'small-medium', fontCategory = 'secondary', maxCharacterLimit = 24 }) {
+    const getAcronym = (str) => {
+        const acronym = str === null || str === void 0 ? void 0 : str.split(' ').map((word) => word.charAt(0)).join('');
+        return acronym;
+    };
+    const getTruncatedName = (name, characterLimit) => (name.length > characterLimit ? `${name.slice(0, characterLimit)}...` : name);
+    const AvatarComponent = (React.createElement(Avatar, { sx: {
+            backgroundColor: 'var(--black)', marginRight: '10px', width: `${avatarWidth}`, height: `${avatarHeight}`
+        }, src: imgSrc },
+        React.createElement(Typography, { sx: { textTransform: 'uppercase' }, size: avatarFontSize, category: avatarFontCategory }, getAcronym(playerName))));
+    return (avatarOnly ? (AvatarComponent) : (React.createElement(Box, { display: "flex", alignItems: "center" },
+        AvatarComponent,
+        href ? (React.createElement(Link, { href: href, sx: { textDecoration: 'none' } },
+            React.createElement(Typography, { category: fontCategory, size: fontSize }, getTruncatedName(playerName, maxCharacterLimit)))) : React.createElement(Typography, { category: fontCategory, size: fontSize }, getTruncatedName(playerName, maxCharacterLimit)))));
+}
 //# sourceMappingURL=AvatarWithName.js.map

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

@@ -1,15 +1,15 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: any;
-export declare const WithImage: any;
-export declare const WithCustomTypography: any;
-export declare const WithCustomAvatarSize: any;
-export declare const WithAvatarOnly: any;
-export declare const WithNoImage: any;
-export declare const WithBrokenImage: any;
-export declare const WithLink: any;
-export declare const WithLowercaseName: any;
-export declare const WithLongName: any;
-export declare const WithCustomMaxCharacterLimit: any;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: any;
+export declare const WithImage: any;
+export declare const WithCustomTypography: any;
+export declare const WithCustomAvatarSize: any;
+export declare const WithAvatarOnly: any;
+export declare const WithNoImage: any;
+export declare const WithBrokenImage: any;
+export declare const WithLink: any;
+export declare const WithLowercaseName: any;
+export declare const WithLongName: any;
+export declare const WithCustomMaxCharacterLimit: any;