@valpro-labs/ui 1.9.10 → 1.9.12
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.
- package/dist/components/blocks/friend-row.d.ts +6 -3
- package/dist/components/blocks/friend-row.d.ts.map +1 -1
- package/dist/components/blocks/friend-row.js +7 -4
- package/dist/components/blocks/friend-row.js.map +1 -1
- package/dist/components/blocks/skin-tile.js +1 -1
- package/dist/components/blocks/skin-tile.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
type FriendStatus = 'online' | 'away' | 'busy' | 'offline' | 'none';
|
|
3
3
|
interface FriendAvatarProps {
|
|
4
|
-
avatarUrl
|
|
4
|
+
avatarUrl?: string;
|
|
5
5
|
status: FriendStatus;
|
|
6
|
+
showPlaceholder?: boolean;
|
|
6
7
|
}
|
|
7
|
-
declare function FriendAvatar({ avatarUrl, status }: FriendAvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function FriendAvatar({ avatarUrl, status, showPlaceholder }: FriendAvatarProps): import("react/jsx-runtime").JSX.Element | null;
|
|
8
9
|
interface FriendInfoProps {
|
|
9
10
|
name: string;
|
|
10
11
|
gameLabel?: string;
|
|
@@ -21,6 +22,8 @@ interface FriendRowProps {
|
|
|
21
22
|
status: FriendStatus;
|
|
22
23
|
/** Avatar (player card) URL — fills the left 44×44 tile. */
|
|
23
24
|
avatarUrl?: string;
|
|
25
|
+
/** Show the muted avatar tile when `avatarUrl` is missing. */
|
|
26
|
+
showAvatarPlaceholder?: boolean;
|
|
24
27
|
/** Badge shown to the right of the name (e.g. phosphor `<Crown />` for party owner). */
|
|
25
28
|
ownerBadge?: React.ReactNode;
|
|
26
29
|
/** Slot rendered between the text block and the optional chevron. */
|
|
@@ -45,7 +48,7 @@ interface FriendRowProps {
|
|
|
45
48
|
* instances inside a `bg-card rounded-2xl overflow-hidden` container with
|
|
46
49
|
* `<Separator />` between them to match the app's friends list.
|
|
47
50
|
*/
|
|
48
|
-
declare function FriendRow({ name, gameLabel, status, avatarUrl, ownerBadge, rightContent, chevron, opacity, isLoading, className, }: FriendRowProps): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
declare function FriendRow({ name, gameLabel, status, avatarUrl, showAvatarPlaceholder, ownerBadge, rightContent, chevron, opacity, isLoading, className, }: FriendRowProps): import("react/jsx-runtime").JSX.Element;
|
|
49
52
|
export { FriendAvatar, FriendInfo, FriendRow };
|
|
50
53
|
export type { FriendAvatarProps, FriendInfoProps, FriendRowProps, FriendStatus };
|
|
51
54
|
//# sourceMappingURL=friend-row.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"friend-row.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/friend-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAkBpE,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"friend-row.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/friend-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAkBpE,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,YAAY,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,eAAuB,EAAE,EAAE,iBAAiB,kDAuBtF;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,iBAAS,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,eAAe,2CAgB3E;AAED,UAAU,cAAc;IACtB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,MAAM,EAAE,YAAY,CAAC;IACrB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wFAAwF;IACxF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,qEAAqE;IACrE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,6FAA6F;IAC7F,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,qBAA6B,EAC7B,UAAU,EACV,YAAY,EACZ,OAAO,EACP,OAAW,EACX,SAAiB,EACjB,SAAS,GACV,EAAE,cAAc,2CAqBhB;AAED,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -18,8 +18,11 @@ const STATUS_TEXT = {
|
|
|
18
18
|
offline: 'text-muted-foreground',
|
|
19
19
|
none: 'text-muted-foreground',
|
|
20
20
|
};
|
|
21
|
-
function FriendAvatar({ avatarUrl, status }) {
|
|
22
|
-
|
|
21
|
+
function FriendAvatar({ avatarUrl, status, showPlaceholder = false }) {
|
|
22
|
+
if (!avatarUrl && !showPlaceholder) {
|
|
23
|
+
return null;
|
|
24
|
+
}
|
|
25
|
+
return (_jsxs(View, { children: [_jsx(View, { className: "bg-secondary overflow-hidden", style: { width: 44, height: 44, borderRadius: 10 }, children: avatarUrl ? (_jsx(Image, { source: avatarUrl, style: { width: 44, height: 44 }, contentFit: "cover" })) : null }), _jsx(View, { className: "bg-card absolute -right-1 -bottom-1 size-4 items-center justify-center rounded-full", children: status === 'offline' ? (_jsx(View, { className: "border-border bg-card size-3 rounded-full border-2" })) : (_jsx(View, { className: cn('size-3 rounded-full', STATUS_DOT[status]) })) })] }));
|
|
23
26
|
}
|
|
24
27
|
function FriendInfo({ name, gameLabel, status, ownerBadge }) {
|
|
25
28
|
return (_jsxs(View, { className: "flex-1", children: [_jsxs(View, { className: "flex-row items-center gap-x-1", children: [_jsx(Text, { className: "text-foreground text-base font-semibold", numberOfLines: 1, children: name }), ownerBadge] }), gameLabel ? (_jsx(Text, { className: cn('text-xs', STATUS_TEXT[status]), numberOfLines: 1, children: gameLabel })) : null] }));
|
|
@@ -35,11 +38,11 @@ function FriendInfo({ name, gameLabel, status, ownerBadge }) {
|
|
|
35
38
|
* instances inside a `bg-card rounded-2xl overflow-hidden` container with
|
|
36
39
|
* `<Separator />` between them to match the app's friends list.
|
|
37
40
|
*/
|
|
38
|
-
function FriendRow({ name, gameLabel, status, avatarUrl, ownerBadge, rightContent, chevron, opacity = 1, isLoading = false, className, }) {
|
|
41
|
+
function FriendRow({ name, gameLabel, status, avatarUrl, showAvatarPlaceholder = false, ownerBadge, rightContent, chevron, opacity = 1, isLoading = false, className, }) {
|
|
39
42
|
if (isLoading) {
|
|
40
43
|
return _jsx(FriendRowSkeleton, { className: className });
|
|
41
44
|
}
|
|
42
|
-
return (_jsxs(View, { className: cn('flex-row items-center gap-x-3 px-3.5 py-3', className), style: opacity === 1 ? undefined : { opacity }, children: [
|
|
45
|
+
return (_jsxs(View, { className: cn('flex-row items-center gap-x-3 px-3.5 py-3', className), style: opacity === 1 ? undefined : { opacity }, children: [_jsx(FriendAvatar, { avatarUrl: avatarUrl, status: status, showPlaceholder: showAvatarPlaceholder }), _jsx(FriendInfo, { name: name, gameLabel: gameLabel, status: status, ownerBadge: ownerBadge }), rightContent, chevron] }));
|
|
43
46
|
}
|
|
44
47
|
export { FriendAvatar, FriendInfo, FriendRow };
|
|
45
48
|
//# sourceMappingURL=friend-row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"friend-row.js","sourceRoot":"","sources":["../../../src/components/blocks/friend-row.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAIjC,MAAM,UAAU,GAAiC;IAC/C,MAAM,EAAE,oBAAoB;IAC5B,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,WAAW,GAAiC;IAChD,MAAM,EAAE,sBAAsB;IAC9B,IAAI,EAAE,iBAAiB;IACvB,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,uBAAuB;IAChC,IAAI,EAAE,uBAAuB;CAC9B,CAAC;
|
|
1
|
+
{"version":3,"file":"friend-row.js","sourceRoot":"","sources":["../../../src/components/blocks/friend-row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@ import { cn } from '../../lib/utils';
|
|
|
13
13
|
* `<Pressable>` wrapper for tap handling.
|
|
14
14
|
*/
|
|
15
15
|
function SkinTile({ swatchUrl, isSelected = false, stateIcon, favoriteBadge, className, }) {
|
|
16
|
-
return (_jsxs(View, { className: cn('bg-card relative items-center justify-center overflow-hidden rounded-lg', isSelected && 'ring-val-
|
|
16
|
+
return (_jsxs(View, { className: cn('bg-card relative items-center justify-center overflow-hidden rounded-lg', isSelected && 'ring-val-green-ui ring-2', className), style: { width: 48, height: 48 }, children: [swatchUrl ? (_jsx(Image, { source: swatchUrl, style: { width: '100%', height: '100%' }, contentFit: "cover" })) : null, isSelected ? (_jsx(View, { className: "bg-val-green-ui/20 absolute inset-0", pointerEvents: "none" })) : null, _jsx(View, { className: "absolute inset-0 items-center justify-center", children: _jsx(View, { className: "items-center justify-center", style: {
|
|
17
17
|
width: 20,
|
|
18
18
|
height: 20,
|
|
19
19
|
transform: [{ rotate: '45deg' }],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skin-tile.js","sourceRoot":"","sources":["../../../src/components/blocks/skin-tile.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AA2BjC;;;;;;;;;GASG;AACH,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,aAAa,EACb,SAAS,GACK;IACd,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,yEAAyE,EACzE,UAAU,IAAI,
|
|
1
|
+
{"version":3,"file":"skin-tile.js","sourceRoot":"","sources":["../../../src/components/blocks/skin-tile.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AA2BjC;;;;;;;;;GASG;AACH,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,aAAa,EACb,SAAS,GACK;IACd,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,yEAAyE,EACzE,UAAU,IAAI,0BAA0B,EACxC,SAAS,CACV,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,aAC/B,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,KAAK,IACJ,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,UAAU,EAAC,OAAO,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,EAEP,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,EAAC,aAAa,EAAC,MAAM,GAAG,CAC9E,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,IAAI,IAAC,SAAS,EAAC,8CAA8C,YAC5D,KAAC,IAAI,IACH,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE;wBACL,KAAK,EAAE,EAAE;wBACT,MAAM,EAAE,EAAE;wBACV,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;wBAChC,eAAe,EAAE,iBAAiB;wBAClC,WAAW,EAAE,CAAC;wBACd,WAAW,EAAE,uBAAuB;qBACrC,YACA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,YAAG,SAAS,GAAQ,CACvE,CAAC,CAAC,CAAC,IAAI,GACH,GACF,EAEN,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,YAAE,aAAa,GAAQ,CACvE,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|