@valpro-labs/ui 1.17.5 → 1.17.6
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.
|
@@ -21,6 +21,8 @@ interface MapBannerProps {
|
|
|
21
21
|
* flips the score colours. `"draw"` leaves everything white.
|
|
22
22
|
*/
|
|
23
23
|
result?: MapBannerResult;
|
|
24
|
+
/** Centers the score/outcome group as a whole instead of using the full-width three-column layout. */
|
|
25
|
+
centerContent?: boolean;
|
|
24
26
|
/** Extra classes merged onto the outer wrapper. */
|
|
25
27
|
className?: string;
|
|
26
28
|
}
|
|
@@ -33,7 +35,7 @@ interface MapBannerProps {
|
|
|
33
35
|
* Passing `placementLabel` switches the layout; otherwise `myTeamScore` +
|
|
34
36
|
* `enemyTeamScore` + `outcomeLabel` drive the three-column score layout.
|
|
35
37
|
*/
|
|
36
|
-
declare function MapBanner({ splashUrl, mapName, myTeamScore, enemyTeamScore, outcomeLabel, placementLabel, result, className, }: MapBannerProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
declare function MapBanner({ splashUrl, mapName, myTeamScore, enemyTeamScore, outcomeLabel, placementLabel, result, centerContent, className, }: MapBannerProps): import("react/jsx-runtime").JSX.Element;
|
|
37
39
|
export { MapBanner };
|
|
38
40
|
export type { MapBannerProps, MapBannerResult };
|
|
39
41
|
//# sourceMappingURL=map-banner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"map-banner.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/map-banner.tsx"],"names":[],"mappings":"AAMA,KAAK,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/C,UAAU,cAAc;IACtB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mHAAmH;IACnH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAO,EACP,WAAW,EACX,cAAc,EACd,YAAY,EACZ,cAAc,EACd,MAAe,EACf,SAAS,GACV,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"map-banner.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/map-banner.tsx"],"names":[],"mappings":"AAMA,KAAK,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/C,UAAU,cAAc;IACtB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mHAAmH;IACnH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,sGAAsG;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAO,EACP,WAAW,EACX,cAAc,EACd,YAAY,EACZ,cAAc,EACd,MAAe,EACf,aAAqB,EACrB,SAAS,GACV,EAAE,cAAc,2CAqFhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -12,12 +12,13 @@ import { cn } from '../../lib/utils';
|
|
|
12
12
|
* Passing `placementLabel` switches the layout; otherwise `myTeamScore` +
|
|
13
13
|
* `enemyTeamScore` + `outcomeLabel` drive the three-column score layout.
|
|
14
14
|
*/
|
|
15
|
-
function MapBanner({ splashUrl, mapName, myTeamScore, enemyTeamScore, outcomeLabel, placementLabel, result = 'draw', className, }) {
|
|
15
|
+
function MapBanner({ splashUrl, mapName, myTeamScore, enemyTeamScore, outcomeLabel, placementLabel, result = 'draw', centerContent = false, className, }) {
|
|
16
16
|
const isPlacement = placementLabel !== undefined;
|
|
17
17
|
const won = result === 'win';
|
|
18
18
|
const lost = result === 'loss';
|
|
19
19
|
const drew = result === 'draw';
|
|
20
|
-
|
|
20
|
+
const scoreContent = (_jsxs(_Fragment, { children: [_jsx(View, { className: cn(centerContent ? 'items-end' : 'flex-1 items-end'), children: _jsx(Text, { className: cn('text-val-white text-4xl font-black tabular-nums', won && 'text-val-green', lost && 'text-val-red', drew && 'text-val-green'), children: myTeamScore }) }), _jsx(View, { className: "items-center px-4", children: _jsx(Text, { className: "text-val-white text-4xl font-black tracking-tighter uppercase", children: outcomeLabel }) }), _jsx(View, { className: cn(centerContent ? 'items-start' : 'flex-1 items-start'), children: _jsx(Text, { className: cn('text-val-white text-4xl font-black tabular-nums', won && 'text-val-red', lost && 'text-val-green', drew && 'text-val-red'), children: enemyTeamScore }) })] }));
|
|
21
|
+
return (_jsxs(View, { className: cn('bg-card relative aspect-video w-full overflow-hidden rounded-2xl', className), children: [splashUrl ? (_jsx(Image, { source: splashUrl, style: { width: '100%', height: '100%', backgroundColor: 'black' }, contentFit: "cover" })) : null, _jsx(View, { className: "absolute inset-0 bg-black/40" }), _jsx(View, { className: cn('absolute inset-0 items-center', isPlacement || centerContent ? 'justify-center' : 'flex-row'), children: isPlacement ? (_jsx(View, { className: "items-center justify-center", children: _jsx(Text, { className: cn('text-val-white text-4xl font-black tracking-tighter uppercase', won && 'text-val-yellow'), children: placementLabel }) })) : centerContent ? (_jsx(View, { className: "flex-row items-center", children: scoreContent })) : (scoreContent) }), mapName ? (_jsx(View, { className: "absolute bottom-0 w-full items-center p-2", children: _jsx(Text, { className: "text-sm leading-tight tracking-widest text-white/60 uppercase", children: mapName }) })) : null] }));
|
|
21
22
|
}
|
|
22
23
|
export { MapBanner };
|
|
23
24
|
//# sourceMappingURL=map-banner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"map-banner.js","sourceRoot":"","sources":["../../../src/components/blocks/map-banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"map-banner.js","sourceRoot":"","sources":["../../../src/components/blocks/map-banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAgCjC;;;;;;;;GAQG;AACH,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAO,EACP,WAAW,EACX,cAAc,EACd,YAAY,EACZ,cAAc,EACd,MAAM,GAAG,MAAM,EACf,aAAa,GAAG,KAAK,EACrB,SAAS,GACM;IACf,MAAM,WAAW,GAAG,cAAc,KAAK,SAAS,CAAC;IACjD,MAAM,GAAG,GAAG,MAAM,KAAK,KAAK,CAAC;IAC7B,MAAM,IAAI,GAAG,MAAM,KAAK,MAAM,CAAC;IAC/B,MAAM,IAAI,GAAG,MAAM,KAAK,MAAM,CAAC;IAC/B,MAAM,YAAY,GAAG,CACnB,8BACE,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,YACnE,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,GAAG,IAAI,gBAAgB,EACvB,IAAI,IAAI,cAAc,EACtB,IAAI,IAAI,gBAAgB,CACzB,YACA,WAAW,GACP,GACF,EAEP,KAAC,IAAI,IAAC,SAAS,EAAC,mBAAmB,YACjC,KAAC,IAAI,IAAC,SAAS,EAAC,+DAA+D,YAC5E,YAAY,GACR,GACF,EAEP,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,oBAAoB,CAAC,YACvE,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,GAAG,IAAI,cAAc,EACrB,IAAI,IAAI,gBAAgB,EACxB,IAAI,IAAI,cAAc,CACvB,YACA,cAAc,GACV,GACF,IACN,CACJ,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,SAAS,CACV,aACA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,KAAK,IACJ,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,EAClE,UAAU,EAAC,OAAO,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,GAAG,EAEjD,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,+BAA+B,EAC/B,WAAW,IAAI,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAC7D,YACA,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IAAC,SAAS,EAAC,6BAA6B,YAC3C,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,GAAG,IAAI,iBAAiB,CACzB,YACA,cAAc,GACV,GACF,CACR,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAClB,KAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB,YAAE,YAAY,GAAQ,CAC9D,CAAC,CAAC,CAAC,CACF,YAAY,CACb,GACI,EAEN,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,YACzD,KAAC,IAAI,IAAC,SAAS,EAAC,+DAA+D,YAC5E,OAAO,GACH,GACF,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|