@greatapps/common 1.1.483 → 1.1.484
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.
|
@@ -22,7 +22,7 @@ function UserAvatar({
|
|
|
22
22
|
}) {
|
|
23
23
|
const shapeClass = shape === "circle" ? "rounded-full" : "rounded-lg";
|
|
24
24
|
const emoji = name ? extractEmoji(name) : null;
|
|
25
|
-
const displayInitials =
|
|
25
|
+
const displayInitials = initials || (name ? getInitials(emoji ? name.replace(emoji, "").trim() + " " + emoji : name) : "?");
|
|
26
26
|
const photoUrl = STORAGE_URL && photo ? `${STORAGE_URL}/${photo}` : photo;
|
|
27
27
|
if (photoUrl) {
|
|
28
28
|
return /* @__PURE__ */ jsx(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ui/data-display/UserAvatar.tsx"],"sourcesContent":["'use client';\r\n\r\n\"use client\"\r\n\r\nimport Image from 'next/image';\r\nimport { cn } from '../../../infra/utils/clsx';\r\n\r\nfunction extractEmoji(text: string): string | null {\r\n const match = text.match(\r\n /\\p{Regional_Indicator}{2}|\\p{Extended_Pictographic}(\\uFE0F?\\u200D\\p{Extended_Pictographic})*/u\r\n );\r\n return match ? match[0] : null;\r\n}\r\n\r\nfunction getInitials(name: string, maxLength: number = 2): string {\r\n return name\r\n .split(' ')\r\n .map((n) => n[0])\r\n .join('')\r\n .slice(0, maxLength)\r\n .toUpperCase();\r\n}\r\n\r\nconst STORAGE_URL = process.env.NEXT_PUBLIC_STORAGE_URL || '';\r\n\r\ninterface UserAvatarProps {\r\n photo?: string | null;\r\n name?: string;\r\n initials?: string;\r\n size?: number;\r\n shape?: 'circle' | 'square';\r\n className?: string;\r\n}\r\n\r\nfunction UserAvatar({\r\n photo,\r\n name,\r\n initials,\r\n size = 32,\r\n shape = 'circle',\r\n className,\r\n}: UserAvatarProps) {\r\n const shapeClass = shape === 'circle' ? 'rounded-full' : 'rounded-lg';\r\n const emoji = name ? extractEmoji(name) : null;\r\n const displayInitials =
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ui/data-display/UserAvatar.tsx"],"sourcesContent":["'use client';\r\n\r\n\"use client\"\r\n\r\nimport Image from 'next/image';\r\nimport { cn } from '../../../infra/utils/clsx';\r\n\r\nfunction extractEmoji(text: string): string | null {\r\n const match = text.match(\r\n /\\p{Regional_Indicator}{2}|\\p{Extended_Pictographic}(\\uFE0F?\\u200D\\p{Extended_Pictographic})*/u\r\n );\r\n return match ? match[0] : null;\r\n}\r\n\r\nfunction getInitials(name: string, maxLength: number = 2): string {\r\n return name\r\n .split(' ')\r\n .map((n) => n[0])\r\n .join('')\r\n .slice(0, maxLength)\r\n .toUpperCase();\r\n}\r\n\r\nconst STORAGE_URL = process.env.NEXT_PUBLIC_STORAGE_URL || '';\r\n\r\ninterface UserAvatarProps {\r\n photo?: string | null;\r\n name?: string;\r\n initials?: string;\r\n size?: number;\r\n shape?: 'circle' | 'square';\r\n className?: string;\r\n}\r\n\r\nfunction UserAvatar({\r\n photo,\r\n name,\r\n initials,\r\n size = 32,\r\n shape = 'circle',\r\n className,\r\n}: UserAvatarProps) {\r\n const shapeClass = shape === 'circle' ? 'rounded-full' : 'rounded-lg';\r\n const emoji = name ? extractEmoji(name) : null;\r\n const displayInitials = initials || (name ? getInitials(emoji ? name.replace(emoji, '').trim() + ' ' + emoji : name) : '?');\r\n\r\n const photoUrl = STORAGE_URL && photo ? `${STORAGE_URL}/${photo}` : photo;\r\n\r\n if (photoUrl) {\r\n return (\r\n <Image\r\n alt={name || 'imagem do usuario'}\r\n src={photoUrl}\r\n width={size}\r\n height={size}\r\n className={cn('object-cover shrink-0', shapeClass, className)}\r\n style={{ width: size, height: size }}\r\n />\r\n );\r\n }\r\n\r\n return (\r\n <div\r\n className={cn(\r\n 'flex items-center justify-center shrink-0 bg-gray-100',\r\n shapeClass,\r\n className\r\n )}\r\n style={{ width: size, height: size }}\r\n >\r\n <span className=\"text-xs font-semibold text-gray-700\">{displayInitials}</span>\r\n </div>\r\n );\r\n}\r\n\r\nexport { UserAvatar };\r\nexport type { UserAvatarProps };\r\n"],"mappings":";AAkDM;AA9CN,OAAO,WAAW;AAClB,SAAS,UAAU;AAEnB,SAAS,aAAa,MAA6B;AACjD,QAAM,QAAQ,KAAK;AAAA,IACjB;AAAA,EACF;AACA,SAAO,QAAQ,MAAM,CAAC,IAAI;AAC5B;AAEA,SAAS,YAAY,MAAc,YAAoB,GAAW;AAChE,SAAO,KACJ,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,EACP,MAAM,GAAG,SAAS,EAClB,YAAY;AACjB;AAEA,MAAM,cAAc,QAAQ,IAAI,2BAA2B;AAW3D,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,GAAoB;AAClB,QAAM,aAAa,UAAU,WAAW,iBAAiB;AACzD,QAAM,QAAQ,OAAO,aAAa,IAAI,IAAI;AAC1C,QAAM,kBAAkB,aAAa,OAAO,YAAY,QAAQ,KAAK,QAAQ,OAAO,EAAE,EAAE,KAAK,IAAI,MAAM,QAAQ,IAAI,IAAI;AAEvH,QAAM,WAAW,eAAe,QAAQ,GAAG,WAAW,IAAI,KAAK,KAAK;AAEpE,MAAI,UAAU;AACZ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,QAAQ;AAAA,QACb,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW,GAAG,yBAAyB,YAAY,SAAS;AAAA,QAC5D,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,IACrC;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA,MAEnC,8BAAC,UAAK,WAAU,uCAAuC,2BAAgB;AAAA;AAAA,EACzE;AAEJ;","names":[]}
|
package/package.json
CHANGED
|
@@ -42,7 +42,7 @@ function UserAvatar({
|
|
|
42
42
|
}: UserAvatarProps) {
|
|
43
43
|
const shapeClass = shape === 'circle' ? 'rounded-full' : 'rounded-lg';
|
|
44
44
|
const emoji = name ? extractEmoji(name) : null;
|
|
45
|
-
const displayInitials =
|
|
45
|
+
const displayInitials = initials || (name ? getInitials(emoji ? name.replace(emoji, '').trim() + ' ' + emoji : name) : '?');
|
|
46
46
|
|
|
47
47
|
const photoUrl = STORAGE_URL && photo ? `${STORAGE_URL}/${photo}` : photo;
|
|
48
48
|
|