@greatapps/common 1.1.482 → 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.
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import Image from "next/image";
|
|
4
4
|
import { cn } from "../../../infra/utils/clsx";
|
|
5
|
+
function extractEmoji(text) {
|
|
6
|
+
const match = text.match(
|
|
7
|
+
/\p{Regional_Indicator}{2}|\p{Extended_Pictographic}(\uFE0F?\u200D\p{Extended_Pictographic})*/u
|
|
8
|
+
);
|
|
9
|
+
return match ? match[0] : null;
|
|
10
|
+
}
|
|
5
11
|
function getInitials(name, maxLength = 2) {
|
|
6
12
|
return name.split(" ").map((n) => n[0]).join("").slice(0, maxLength).toUpperCase();
|
|
7
13
|
}
|
|
@@ -15,7 +21,8 @@ function UserAvatar({
|
|
|
15
21
|
className
|
|
16
22
|
}) {
|
|
17
23
|
const shapeClass = shape === "circle" ? "rounded-full" : "rounded-lg";
|
|
18
|
-
const
|
|
24
|
+
const emoji = name ? extractEmoji(name) : null;
|
|
25
|
+
const displayInitials = initials || (name ? getInitials(emoji ? name.replace(emoji, "").trim() + " " + emoji : name) : "?");
|
|
19
26
|
const photoUrl = STORAGE_URL && photo ? `${STORAGE_URL}/${photo}` : photo;
|
|
20
27
|
if (photoUrl) {
|
|
21
28
|
return /* @__PURE__ */ jsx(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ui/data-display/UserAvatar.tsx"],"sourcesContent":["'use client';\n\n\"use client\"\r\n\r\nimport Image from 'next/image';\r\nimport { cn } from '../../../infra/utils/clsx';\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 displayInitials = initials || (name ? getInitials(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":";
|
|
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
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
3
|
"use client"
|
|
4
4
|
|
|
5
5
|
import Image from 'next/image';
|
|
6
6
|
import { cn } from '../../../infra/utils/clsx';
|
|
7
7
|
|
|
8
|
+
function extractEmoji(text: string): string | null {
|
|
9
|
+
const match = text.match(
|
|
10
|
+
/\p{Regional_Indicator}{2}|\p{Extended_Pictographic}(\uFE0F?\u200D\p{Extended_Pictographic})*/u
|
|
11
|
+
);
|
|
12
|
+
return match ? match[0] : null;
|
|
13
|
+
}
|
|
14
|
+
|
|
8
15
|
function getInitials(name: string, maxLength: number = 2): string {
|
|
9
16
|
return name
|
|
10
17
|
.split(' ')
|
|
@@ -34,7 +41,8 @@ function UserAvatar({
|
|
|
34
41
|
className,
|
|
35
42
|
}: UserAvatarProps) {
|
|
36
43
|
const shapeClass = shape === 'circle' ? 'rounded-full' : 'rounded-lg';
|
|
37
|
-
const
|
|
44
|
+
const emoji = name ? extractEmoji(name) : null;
|
|
45
|
+
const displayInitials = initials || (name ? getInitials(emoji ? name.replace(emoji, '').trim() + ' ' + emoji : name) : '?');
|
|
38
46
|
|
|
39
47
|
const photoUrl = STORAGE_URL && photo ? `${STORAGE_URL}/${photo}` : photo;
|
|
40
48
|
|