@universal-tennis/ui-shared 0.1.51 → 0.1.53

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 (10) hide show
  1. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.d.ts +3 -1
  2. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js +5 -3
  3. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js.map +1 -1
  4. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.d.ts +2 -1
  5. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js +8 -2
  6. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx +9 -2
  9. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.tsx +21 -13
  10. package/workflows/package-release-1.yml +1 -1
package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.d.ts CHANGED
@@ -6,12 +6,13 @@ export interface SquareAvatarWithNameProps {
6
6
  avatarWidth: string;
7
7
  avatarHeight: string;
8
8
  href: string;
9
+ maxLinkWidth: string;
9
10
  name: string;
10
11
  fontCategory: string;
11
12
  fontSize: string;
12
13
  isBye: boolean;
13
14
  }
14
- export default function SquareAvatarWithName({ avatarOnly, name, avatarFontSize, href, avatarFontCategory, avatarWidth, avatarHeight, fontSize, fontCategory, isBye }: {
15
+ export default function SquareAvatarWithName({ avatarOnly, name, avatarFontSize, href, avatarFontCategory, avatarWidth, avatarHeight, fontSize, fontCategory, isBye, maxLinkWidth }: {
15
16
  avatarOnly?: boolean | undefined;
16
17
  name?: string | undefined;
17
18
  avatarFontSize?: string | undefined;
@@ -22,4 +23,5 @@ export default function SquareAvatarWithName({ avatarOnly, name, avatarFontSize,
22
23
  fontSize?: string | undefined;
23
24
  fontCategory?: string | undefined;
24
25
  isBye?: boolean | undefined;
26
+ maxLinkWidth?: string | undefined;
25
27
  }): JSX.Element;
package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js CHANGED
@@ -3,7 +3,7 @@ import Avatar from '@mui/material/Avatar';
3
3
  import Box from '@mui/material/Box';
4
4
  import Link from '@mui/material/Link';
5
5
  import Typography from '../../atoms/Typography/Typography';
6
- export default function SquareAvatarWithName({ avatarOnly = false, name = '', avatarFontSize = 'small-medium', href = '', avatarFontCategory = 'primary', avatarWidth = '26px', avatarHeight = '26px', fontSize = 'medium-book', fontCategory = 'secondary', isBye = false }) {
6
+ export default function SquareAvatarWithName({ avatarOnly = false, name = '', avatarFontSize = 'small-medium', href = '', avatarFontCategory = 'primary', avatarWidth = '26px', avatarHeight = '26px', fontSize = 'medium-book', fontCategory = 'secondary', isBye = false, maxLinkWidth = "auto" }) {
7
7
  const getAcronym = (str) => {
8
8
  const acronym = str === null || str === void 0 ? void 0 : str.split(' ').map((word) => word.charAt(0)).join('');
9
9
  return acronym;
@@ -15,9 +15,11 @@ export default function SquareAvatarWithName({ avatarOnly = false, name = '', av
15
15
  height: `${avatarHeight}`
16
16
  }, variant: "rounded" },
17
17
  React.createElement(Typography, { sx: { textTransform: 'uppercase' }, size: avatarFontSize, category: avatarFontCategory }, isBye ? '—' : getAcronym(name))));
18
- const NameTypography = (React.createElement(Typography, { category: fontCategory, size: fontSize, sx: { whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, name));
19
18
  return (avatarOnly ? (SquareAvatarComponent) : (React.createElement(Box, { display: "flex", alignItems: "center" },
20
19
  SquareAvatarComponent,
21
- href ? (React.createElement(Link, { href: href, sx: { textDecoration: 'none' } }, NameTypography)) : NameTypography)));
20
+ href ? (React.createElement(Link, { href: href, sx: { textDecoration: 'none' } },
21
+ React.createElement(Typography, { category: fontCategory, size: fontSize, maxWidth: maxLinkWidth, sx: { whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, name))) : (React.createElement(Typography, { category: fontCategory, size: fontSize, sx: {
22
+ whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis', color: isBye ? 'grey' : 'black'
23
+ } }, name)))));
22
24
  }
23
25
  //# sourceMappingURL=SquareAvatarWithName.js.map
package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SquareAvatarWithName.js","sourceRoot":"","sources":["../../../../src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAe3D,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,UAAU,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,cAAc,GAAG,cAAc,EAAE,IAAI,GAAG,EAAE,EACzE,kBAAkB,GAAG,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,YAAY,GAAG,MAAM,EAC3E,QAAQ,GAAG,aAAa,EAAE,YAAY,GAAG,WAAW,EAAE,KAAK,GAAG,KAAK,EACpE;IACC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE;QACjC,MAAM,OAAO,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QACvE,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAC1B,oBAAC,MAAM,IACH,EAAE,EAAE;YACF,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;YACvD,WAAW,EAAE,KAAK;YAClB,KAAK,EAAE,GAAG,WAAW,EAAE;YACvB,MAAM,EAAE,GAAG,YAAY,EAAE;SAC1B,EACD,OAAO,EAAC,SAAS;QAEjB,oBAAC,UAAU,IACP,EAAE,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,EAClC,IAAI,EAAE,cAAc,EACpB,QAAQ,EAAE,kBAAkB,IAE3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CACtB,CACR,CACZ,CAAC;IAEF,MAAM,cAAc,GAAG,CACnB,oBAAC,UAAU,IACP,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,QAAQ,EACd,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,IAEzE,IAAI,CACI,CAChB,CAAC;IAEF,OAAO,CACL,UAAU,CAAC,CAAC,CAAC,CACX,qBAAqB,CACtB,CAAC,CAAC,CAAC,CACA,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ;QAClC,qBAAqB;QACrB,IAAI,CAAC,CAAC,CAAC,CACJ,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,IAC3C,cAAc,CACZ,CACV,CAAC,CAAC,CAAC,cAAc,CAChB,CACT,CACF,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"SquareAvatarWithName.js","sourceRoot":"","sources":["../../../../src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAgB3D,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,UAAU,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,cAAc,GAAG,cAAc,EAAE,IAAI,GAAG,EAAE,EACzE,kBAAkB,GAAG,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,YAAY,GAAG,MAAM,EAC3E,QAAQ,GAAG,aAAa,EAAE,YAAY,GAAG,WAAW,EAAE,KAAK,GAAG,KAAK,EAAE,YAAY,GAAG,MAAM,EAC3F;IACC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE;QACjC,MAAM,OAAO,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QACvE,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAC1B,oBAAC,MAAM,IACH,EAAE,EAAE;YACF,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;YACvD,WAAW,EAAE,KAAK;YAClB,KAAK,EAAE,GAAG,WAAW,EAAE;YACvB,MAAM,EAAE,GAAG,YAAY,EAAE;SAC1B,EACD,OAAO,EAAC,SAAS;QAEjB,oBAAC,UAAU,IACP,EAAE,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,EAClC,IAAI,EAAE,cAAc,EACpB,QAAQ,EAAE,kBAAkB,IAE3B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CACtB,CACR,CACZ,CAAC;IAEF,OAAO,CACL,UAAU,CAAC,CAAC,CAAC,CACX,qBAAqB,CACtB,CAAC,CAAC,CAAC,CACA,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ;QAClC,qBAAqB;QACrB,IAAI,CAAC,CAAC,CAAC,CACJ,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE;YAC5C,oBAAC,UAAU,IACP,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,IAEzE,IAAI,CACI,CACV,CACV,CAAC,CAAC,CAAC,CACA,oBAAC,UAAU,IACP,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,QAAQ,EACd,EAAE,EAAE;gBACF,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aACpG,IAEA,IAAI,CACI,CAChB,CACC,CACT,CACF,CAAC;AACJ,CAAC"}
package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.d.ts CHANGED
@@ -9,4 +9,5 @@ export declare const WithAvatarOnly: any;
9
9
  export declare const WithLink: any;
10
10
  export declare const WithLowercaseName: any;
11
11
  export declare const WithLongName: any;
12
- export declare const isBye: any;
12
+ export declare const WithLongLinkName: any;
13
+ export declare const IsBye: any;
package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js CHANGED
@@ -52,8 +52,14 @@ export const WithLongName = SquareAvatarWithLongNameTemplate.bind({});
52
52
  WithLongName.args = {
53
53
  name: "Team Dreamadeamadeamadeamadeam",
54
54
  };
55
- export const isBye = SquareAvatarWithNameTemplate.bind({});
56
- isBye.args = {
55
+ export const WithLongLinkName = SquareAvatarWithLongNameTemplate.bind({});
56
+ WithLongLinkName.args = {
57
+ name: "Team Dreamadeamadeamadeamadeam",
58
+ href: "https://www.reddit.com",
59
+ maxLinkWidth: "200px"
60
+ };
61
+ export const IsBye = SquareAvatarWithNameTemplate.bind({});
62
+ IsBye.args = {
57
63
  name: "Bye",
58
64
  isBye: true,
59
65
  };
package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SquareAvatarWithName.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,oBAAmD,MAAM,wBAAwB,CAAC;AAEzF,UAAU;AACV,eAAe;IACb,KAAK,EAAE,gCAAgC;CACxC,CAAC;AAEF,YAAY;AACZ,SAAS,4BAA4B,CAAC,IAA+B;IACnE,OAAO,oBAAC,oBAAoB,oBAAK,IAAI,EAAI,CAAC;AAC5C,CAAC;AAED,SAAS,gCAAgC,CAAC,IAA+B;IACvE,OAAO,oBAAC,GAAG,IAAC,KAAK,EAAC,OAAO;QAAC,oBAAC,oBAAoB,oBAAK,IAAI,EAAI,CAAM,CAAC;AACrE,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7D,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1E,oBAAoB,CAAC,IAAI,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,kBAAkB,EAAE,WAAW;IAC/B,cAAc,EAAE,YAAY;IAC5B,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1E,oBAAoB,CAAC,IAAI,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,MAAM;IACpB,kBAAkB,EAAE,SAAS;IAC7B,cAAc,EAAE,YAAY;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpE,cAAc,CAAC,IAAI,GAAG;IACpB,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9D,QAAQ,CAAC,IAAI,GAAG;IACd,IAAI,EAAE,wBAAwB;IAC9B,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvE,iBAAiB,CAAC,IAAI,GAAG;IACvB,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,gCAAgC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtE,YAAY,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,gCAAgC;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3D,KAAK,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,IAAI;CACZ,CAAC"}
1
+ {"version":3,"file":"SquareAvatarWithName.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,oBAAmD,MAAM,wBAAwB,CAAC;AAEzF,UAAU;AACV,eAAe;IACb,KAAK,EAAE,gCAAgC;CACxC,CAAC;AAEF,YAAY;AACZ,SAAS,4BAA4B,CAAC,IAA+B;IACnE,OAAO,oBAAC,oBAAoB,oBAAK,IAAI,EAAI,CAAC;AAC5C,CAAC;AAED,SAAS,gCAAgC,CAAC,IAA+B;IACvE,OAAO,oBAAC,GAAG,IAAC,KAAK,EAAC,OAAO;QAAC,oBAAC,oBAAoB,oBAAK,IAAI,EAAI,CAAM,CAAC;AACrE,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7D,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1E,oBAAoB,CAAC,IAAI,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,kBAAkB,EAAE,WAAW;IAC/B,cAAc,EAAE,YAAY;IAC5B,YAAY,EAAE,SAAS;IACvB,QAAQ,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1E,oBAAoB,CAAC,IAAI,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,MAAM;IACpB,kBAAkB,EAAE,SAAS;IAC7B,cAAc,EAAE,YAAY;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpE,cAAc,CAAC,IAAI,GAAG;IACpB,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9D,QAAQ,CAAC,IAAI,GAAG;IACd,IAAI,EAAE,wBAAwB;IAC9B,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvE,iBAAiB,CAAC,IAAI,GAAG;IACvB,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,gCAAgC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtE,YAAY,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,gCAAgC;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,gCAAgC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1E,gBAAgB,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,gCAAgC;IACtC,IAAI,EAAE,wBAAwB;IAC9B,YAAY,EAAE,OAAO;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3D,KAAK,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,IAAI;CACZ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@universal-tennis/ui-shared",
3
- "version": "0.1.51",
3
+ "version": "0.1.53",
4
4
  "main": "dist/items.js",
5
5
  "license": "MIT",
6
6
  "homepage": "https://universaltennis.com",
package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx CHANGED
@@ -63,8 +63,15 @@ WithLongName.args = {
63
63
  name: "Team Dreamadeamadeamadeamadeam",
64
64
  };
65
65
 
66
- export const isBye = SquareAvatarWithNameTemplate.bind({});
67
- isBye.args = {
66
+ export const WithLongLinkName = SquareAvatarWithLongNameTemplate.bind({});
67
+ WithLongLinkName.args = {
68
+ name: "Team Dreamadeamadeamadeamadeam",
69
+ href: "https://www.reddit.com",
70
+ maxLinkWidth: "200px"
71
+ };
72
+
73
+ export const IsBye = SquareAvatarWithNameTemplate.bind({});
74
+ IsBye.args = {
68
75
  name: "Bye",
69
76
  isBye: true,
70
77
  };
package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.tsx CHANGED
@@ -13,6 +13,7 @@ export interface SquareAvatarWithNameProps {
13
13
  avatarWidth: string;
14
14
  avatarHeight: string;
15
15
  href: string,
16
+ maxLinkWidth: string,
16
17
  name: string;
17
18
  fontCategory: string;
18
19
  fontSize: string;
@@ -22,7 +23,7 @@ export interface SquareAvatarWithNameProps {
22
23
  export default function SquareAvatarWithName({
23
24
  avatarOnly = false, name = '', avatarFontSize = 'small-medium', href = '',
24
25
  avatarFontCategory = 'primary', avatarWidth = '26px', avatarHeight = '26px',
25
- fontSize = 'medium-book', fontCategory = 'secondary', isBye = false
26
+ fontSize = 'medium-book', fontCategory = 'secondary', isBye = false, maxLinkWidth = "auto"
26
27
  }) {
27
28
  const getAcronym = (str: string) => {
28
29
  const acronym = str?.split(' ').map((word) => word.charAt(0)).join('');
@@ -49,16 +50,6 @@ export default function SquareAvatarWithName({
49
50
  </Avatar>
50
51
  );
51
52
 
52
- const NameTypography = (
53
- <Typography
54
- category={fontCategory}
55
- size={fontSize}
56
- sx={{ whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
57
- >
58
- {name}
59
- </Typography>
60
- );
61
-
62
53
  return (
63
54
  avatarOnly ? (
64
55
  SquareAvatarComponent
@@ -67,9 +58,26 @@ export default function SquareAvatarWithName({
67
58
  {SquareAvatarComponent}
68
59
  {href ? (
69
60
  <Link href={href} sx={{ textDecoration: 'none' }}>
70
- {NameTypography}
61
+ <Typography
62
+ category={fontCategory}
63
+ size={fontSize}
64
+ maxWidth={maxLinkWidth}
65
+ sx={{ whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
66
+ >
67
+ {name}
68
+ </Typography>
71
69
  </Link>
72
- ) : NameTypography}
70
+ ) : (
71
+ <Typography
72
+ category={fontCategory}
73
+ size={fontSize}
74
+ sx={{
75
+ whiteSpace: 'noWrap', overflow: 'hidden', textOverflow: 'ellipsis', color: isBye ? 'grey' : 'black'
76
+ }}
77
+ >
78
+ {name}
79
+ </Typography>
80
+ )}
73
81
  </Box>
74
82
  )
75
83
  );
package/workflows/package-release-1.yml CHANGED
@@ -13,7 +13,7 @@ resources:
13
13
  repositories:
14
14
  - repository: Infrastructure
15
15
  type: bitbucket
16
- endpoint: ut-bitbucket
16
+ endpoint: utr-bitbucket-eng-admin
17
17
  name: universaltennis/utr-infrastructure
18
18
  ref: master
19
19