@valpro-labs/ui 1.11.5 → 1.11.7
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/rank-card.d.ts +4 -2
- package/dist/components/blocks/rank-card.d.ts.map +1 -1
- package/dist/components/blocks/rank-card.js +10 -5
- package/dist/components/blocks/rank-card.js.map +1 -1
- package/dist/components/blocks/rank-tier-card-skeleton.d.ts +1 -4
- package/dist/components/blocks/rank-tier-card-skeleton.d.ts.map +1 -1
- package/dist/components/blocks/rank-tier-card-skeleton.js +2 -2
- package/dist/components/blocks/rank-tier-card-skeleton.js.map +1 -1
- package/dist/components/blocks/rank-tier-card.d.ts +1 -4
- package/dist/components/blocks/rank-tier-card.d.ts.map +1 -1
- package/dist/components/blocks/rank-tier-card.js +3 -3
- package/dist/components/blocks/rank-tier-card.js.map +1 -1
- package/package.json +1 -1
|
@@ -15,6 +15,8 @@ interface RankCardProps {
|
|
|
15
15
|
seasonTitle: string;
|
|
16
16
|
/** Competitive tier display icon URL. */
|
|
17
17
|
tierIcon?: string;
|
|
18
|
+
/** Competitive tier id. Tier `0` is unranked and hides RR/progress. */
|
|
19
|
+
tier?: number;
|
|
18
20
|
/** Tier name, e.g. `"Diamond 2"`. */
|
|
19
21
|
tierName?: string;
|
|
20
22
|
/** Tier name accent color from the competitive tier API, with or without the leading `#`. */
|
|
@@ -23,7 +25,7 @@ interface RankCardProps {
|
|
|
23
25
|
rankedRating?: number;
|
|
24
26
|
/** Suffix shown after the RR value (default `"RR"`). Pass `""` to hide. */
|
|
25
27
|
rrLabel?: string;
|
|
26
|
-
/** Optional rank-rating rail shown
|
|
28
|
+
/** Optional rank-rating rail shown below the rank summary. */
|
|
27
29
|
rankProgress?: RankProgress;
|
|
28
30
|
/** Header shown above the pyramid, e.g. `"ACT RANK"`. */
|
|
29
31
|
actRankLabel: string;
|
|
@@ -52,7 +54,7 @@ interface RankCardProps {
|
|
|
52
54
|
* Data-free: the consumer resolves tier metadata, pre-sorts the pyramid's
|
|
53
55
|
* filled-slot list, and supplies the chevron icon and navigation handler.
|
|
54
56
|
*/
|
|
55
|
-
declare function RankCard({ seasonTitle, tierIcon, tierName, tierColor, rankedRating, rrLabel, rankProgress, actRankLabel, filledTiers, borderIcon, pyramidSize, chevron, onPress, isLoading, showRankProgressSkeleton, className, }: RankCardProps): import("react/jsx-runtime").JSX.Element;
|
|
57
|
+
declare function RankCard({ seasonTitle, tierIcon, tier, tierName, tierColor, rankedRating, rrLabel, rankProgress, actRankLabel, filledTiers, borderIcon, pyramidSize, chevron, onPress, isLoading, showRankProgressSkeleton, className, }: RankCardProps): import("react/jsx-runtime").JSX.Element;
|
|
56
58
|
export { RankCard };
|
|
57
59
|
export type { RankCardProps, RankProgress };
|
|
58
60
|
//# sourceMappingURL=rank-card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rank-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/rank-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAYrF,UAAU,YAAY;IACpB,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,aAAa;IACrB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6FAA6F;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC7C,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gGAAgG;IAChG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iGAAiG;IACjG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;
|
|
1
|
+
{"version":3,"file":"rank-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/rank-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAYrF,UAAU,YAAY;IACpB,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,aAAa;IACrB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6FAA6F;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC7C,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gGAAgG;IAChG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iGAAiG;IACjG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuDD;;;;;;;GAOG;AACH,iBAAS,QAAQ,CAAC,EAChB,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAgB,EAChB,OAAO,EACP,OAAO,EACP,SAAiB,EACjB,wBAA+B,EAC/B,SAAS,GACV,EAAE,aAAa,2CAgFf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -24,6 +24,9 @@ function getProgressPercent(progress) {
|
|
|
24
24
|
function getProgressValueLabel(progress) {
|
|
25
25
|
return progress.valueLabel ?? `${progress.value}/${progress.max ?? 100}`;
|
|
26
26
|
}
|
|
27
|
+
function RankProgressRail({ color, progress, progressPercent, showSkeleton, }) {
|
|
28
|
+
return (_jsx(View, { className: "w-full flex-row items-center gap-x-2", children: showSkeleton ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-1 flex-1 rounded-full" }), _jsx(Skeleton, { className: "h-3 w-11 shrink-0 rounded-md" })] })) : (_jsxs(_Fragment, { children: [_jsx(Progress, { value: progressPercent, className: "bg-muted/70 h-1 flex-1", indicatorStyle: color ? { backgroundColor: color } : undefined }), progress ? (_jsx(Text, { className: "text-muted-foreground shrink-0 text-xs leading-none font-semibold tabular-nums", numberOfLines: 1, children: getProgressValueLabel(progress) })) : null] })) }));
|
|
29
|
+
}
|
|
27
30
|
/**
|
|
28
31
|
* Career rank card — composes `RankTierCard` (season + tier icon + RR) next to
|
|
29
32
|
* `RankPyramid` (act-rank wins), with an optional chevron + tap handler for
|
|
@@ -32,13 +35,15 @@ function getProgressValueLabel(progress) {
|
|
|
32
35
|
* Data-free: the consumer resolves tier metadata, pre-sorts the pyramid's
|
|
33
36
|
* filled-slot list, and supplies the chevron icon and navigation handler.
|
|
34
37
|
*/
|
|
35
|
-
function RankCard({ seasonTitle, tierIcon, tierName, tierColor, rankedRating, rrLabel, rankProgress, actRankLabel, filledTiers, borderIcon, pyramidSize = 80, chevron, onPress, isLoading = false, showRankProgressSkeleton = true, className, }) {
|
|
38
|
+
function RankCard({ seasonTitle, tierIcon, tier, tierName, tierColor, rankedRating, rrLabel, rankProgress, actRankLabel, filledTiers, borderIcon, pyramidSize = 80, chevron, onPress, isLoading = false, showRankProgressSkeleton = true, className, }) {
|
|
36
39
|
const color = normalizeHex(tierColor);
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
const
|
|
40
|
+
const isUnrankedTier = tier === 0;
|
|
41
|
+
const visibleRankProgress = isUnrankedTier ? undefined : rankProgress;
|
|
42
|
+
const progressPercent = visibleRankProgress ? getProgressPercent(visibleRankProgress) : undefined;
|
|
43
|
+
const showProgressSkeleton = !isUnrankedTier && isLoading && showRankProgressSkeleton;
|
|
44
|
+
const showProgressRail = showProgressSkeleton || (!isLoading && !!visibleRankProgress);
|
|
40
45
|
const showChevron = !!chevron && !!onPress;
|
|
41
|
-
const content = (_jsxs(View, { className: cn('relative px-4 py-3', className), children: [_jsx(View, { className: "flex-row", style: { minHeight: RANK_SUMMARY_MIN_HEIGHT }, children: _jsxs(View, { className: "flex-1 flex-row items-stretch justify-center gap-x-6", children: [_jsx(RankTierCard, { className:
|
|
46
|
+
const content = (_jsxs(View, { className: cn('relative px-4 py-3', className), children: [_jsx(View, { className: "flex-row", style: { minHeight: RANK_SUMMARY_MIN_HEIGHT }, children: _jsxs(View, { className: "flex-1 flex-row items-stretch justify-center gap-x-6", children: [_jsx(RankTierCard, { className: "w-36 self-stretch", bodyClassName: "flex-1 justify-center", seasonTitle: seasonTitle, tierIcon: tierIcon, tierName: tierName, tierColor: tierColor, rankedRating: rankedRating, rrLabel: rrLabel, showRankedRating: !isUnrankedTier && !visibleRankProgress && !showProgressSkeleton, isLoading: isLoading }), _jsxs(View, { className: "items-center", children: [_jsx(Text, { className: "text-muted-foreground text-xs font-medium tracking-widest uppercase", style: { marginBottom: 10 }, children: actRankLabel }), _jsx(RankPyramid, { filledTiers: isLoading ? undefined : filledTiers, borderIcon: isLoading ? undefined : borderIcon, reserveBorderSpace: isLoading, size: pyramidSize, visualOffsetY: RANK_PYRAMID_VISUAL_OFFSET_Y })] })] }) }), showProgressRail ? (_jsx(View, { children: _jsx(RankProgressRail, { color: color, progress: visibleRankProgress, progressPercent: progressPercent, showSkeleton: showProgressSkeleton }) })) : null, showChevron ? (_jsx(View, { pointerEvents: "none", style: {
|
|
42
47
|
position: 'absolute',
|
|
43
48
|
top: 0,
|
|
44
49
|
right: CHEVRON_RIGHT_OFFSET,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rank-card.js","sourceRoot":"","sources":["../../../src/components/blocks/rank-card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAwB,MAAM,kCAAkC,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,4BAA4B,GAAG,CAAC,CAAC,CAAC;AACxC,MAAM,uBAAuB,GAAG,GAAG,CAAC;AACpC,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,oBAAoB,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"rank-card.js","sourceRoot":"","sources":["../../../src/components/blocks/rank-card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
1
|
interface RankTierCardSkeletonProps {
|
|
3
2
|
/** Show the ranked rating placeholder row. */
|
|
4
3
|
showRankedRating?: boolean;
|
|
@@ -6,15 +5,13 @@ interface RankTierCardSkeletonProps {
|
|
|
6
5
|
className?: string;
|
|
7
6
|
/** Extra classes merged onto the icon/name/rating body wrapper. */
|
|
8
7
|
bodyClassName?: string;
|
|
9
|
-
/** Optional content rendered at the bottom of the tier column. */
|
|
10
|
-
footer?: ReactNode;
|
|
11
8
|
}
|
|
12
9
|
/**
|
|
13
10
|
* Loading placeholder for `RankTierCard`. Mirrors the season label, 64×64 tier
|
|
14
11
|
* icon, tier name, and optional RR row so the layout doesn't shift once rank
|
|
15
12
|
* data resolves.
|
|
16
13
|
*/
|
|
17
|
-
declare function RankTierCardSkeleton({ showRankedRating, className, bodyClassName,
|
|
14
|
+
declare function RankTierCardSkeleton({ showRankedRating, className, bodyClassName, }: RankTierCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
18
15
|
export { RankTierCardSkeleton };
|
|
19
16
|
export type { RankTierCardSkeletonProps };
|
|
20
17
|
//# sourceMappingURL=rank-tier-card-skeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rank-tier-card-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/rank-tier-card-skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"rank-tier-card-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/rank-tier-card-skeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,yBAAyB;IACjC,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,gBAAuB,EACvB,SAAS,EACT,aAAa,GACd,EAAE,yBAAyB,2CAW3B;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,YAAY,EAAE,yBAAyB,EAAE,CAAC"}
|
|
@@ -7,8 +7,8 @@ import { cn } from '../../lib/utils';
|
|
|
7
7
|
* icon, tier name, and optional RR row so the layout doesn't shift once rank
|
|
8
8
|
* data resolves.
|
|
9
9
|
*/
|
|
10
|
-
function RankTierCardSkeleton({ showRankedRating = true, className, bodyClassName,
|
|
11
|
-
return (_jsxs(View, { className: cn('items-center gap-y-2.5', className), children: [_jsx(Skeleton, { className: "h-4 w-12 rounded-md" }), _jsxs(View, { className: cn('items-center gap-y-1', bodyClassName), children: [_jsx(Skeleton, { style: { width: 64, height: 64 }, className: "rounded-md" }), _jsx(Skeleton, { className: "h-6 w-24 rounded-md" }), showRankedRating ? _jsx(Skeleton, { className: "h-5 w-14 rounded-md" }) : null] })
|
|
10
|
+
function RankTierCardSkeleton({ showRankedRating = true, className, bodyClassName, }) {
|
|
11
|
+
return (_jsxs(View, { className: cn('items-center gap-y-2.5', className), children: [_jsx(Skeleton, { className: "h-4 w-12 rounded-md" }), _jsxs(View, { className: cn('items-center gap-y-1', bodyClassName), children: [_jsx(Skeleton, { style: { width: 64, height: 64 }, className: "rounded-md" }), _jsx(Skeleton, { className: "h-6 w-24 rounded-md" }), showRankedRating ? _jsx(Skeleton, { className: "h-5 w-14 rounded-md" }) : null] })] }));
|
|
12
12
|
}
|
|
13
13
|
export { RankTierCardSkeleton };
|
|
14
14
|
//# sourceMappingURL=rank-tier-card-skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rank-tier-card-skeleton.js","sourceRoot":"","sources":["../../../src/components/blocks/rank-tier-card-skeleton.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"rank-tier-card-skeleton.js","sourceRoot":"","sources":["../../../src/components/blocks/rank-tier-card-skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAWjC;;;;GAIG;AACH,SAAS,oBAAoB,CAAC,EAC5B,gBAAgB,GAAG,IAAI,EACvB,SAAS,EACT,aAAa,GACa;IAC1B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,aACtD,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,EAC5C,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,aAAa,CAAC,aACxD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,YAAY,GAAG,EACrE,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,EAC3C,gBAAgB,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,CAAC,CAAC,CAAC,IAAI,IAClE,IACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
1
|
interface RankTierCardProps {
|
|
3
2
|
/** Section header above the tier icon, e.g. `"E11 A2"`. */
|
|
4
3
|
seasonTitle: string;
|
|
@@ -20,8 +19,6 @@ interface RankTierCardProps {
|
|
|
20
19
|
className?: string;
|
|
21
20
|
/** Extra classes merged onto the icon/name/rating body wrapper. */
|
|
22
21
|
bodyClassName?: string;
|
|
23
|
-
/** Optional content rendered at the bottom of the tier column. */
|
|
24
|
-
footer?: ReactNode;
|
|
25
22
|
}
|
|
26
23
|
/**
|
|
27
24
|
* Rank tier summary column — season label, tier icon, tier name, and RR,
|
|
@@ -30,7 +27,7 @@ interface RankTierCardProps {
|
|
|
30
27
|
*
|
|
31
28
|
* Data-free: the consumer resolves tier metadata.
|
|
32
29
|
*/
|
|
33
|
-
declare function RankTierCard({ seasonTitle, tierIcon, tierName, tierColor, rankedRating, rrLabel, showRankedRating, isLoading, className, bodyClassName,
|
|
30
|
+
declare function RankTierCard({ seasonTitle, tierIcon, tierName, tierColor, rankedRating, rrLabel, showRankedRating, isLoading, className, bodyClassName, }: RankTierCardProps): import("react/jsx-runtime").JSX.Element;
|
|
34
31
|
export { RankTierCard };
|
|
35
32
|
export type { RankTierCardProps };
|
|
36
33
|
//# sourceMappingURL=rank-tier-card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rank-tier-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/rank-tier-card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"rank-tier-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/rank-tier-card.tsx"],"names":[],"mappings":"AAOA,UAAU,iBAAiB;IACzB,2DAA2D;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6FAA6F;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAOD;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,EACpB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAc,EACd,gBAAuB,EACvB,SAAiB,EACjB,SAAS,EACT,aAAa,GACd,EAAE,iBAAiB,2CA+CnB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -16,12 +16,12 @@ function normalizeHex(input) {
|
|
|
16
16
|
*
|
|
17
17
|
* Data-free: the consumer resolves tier metadata.
|
|
18
18
|
*/
|
|
19
|
-
function RankTierCard({ seasonTitle, tierIcon, tierName, tierColor, rankedRating, rrLabel = 'RR', showRankedRating = true, isLoading = false, className, bodyClassName,
|
|
19
|
+
function RankTierCard({ seasonTitle, tierIcon, tierName, tierColor, rankedRating, rrLabel = 'RR', showRankedRating = true, isLoading = false, className, bodyClassName, }) {
|
|
20
20
|
if (isLoading) {
|
|
21
|
-
return (_jsx(RankTierCardSkeleton, { showRankedRating: showRankedRating, className: className, bodyClassName: bodyClassName
|
|
21
|
+
return (_jsx(RankTierCardSkeleton, { showRankedRating: showRankedRating, className: className, bodyClassName: bodyClassName }));
|
|
22
22
|
}
|
|
23
23
|
const color = normalizeHex(tierColor);
|
|
24
|
-
return (_jsxs(View, { className: cn('items-center gap-y-2.5', className), children: [_jsx(Text, { className: "text-muted-foreground text-xs font-medium tracking-widest uppercase", children: seasonTitle }), _jsxs(View, { className: cn('items-center gap-y-1', bodyClassName), children: [_jsx(View, { className: "h-16 w-16", children: tierIcon ? (_jsx(Image, { source: tierIcon, style: { width: '100%', height: '100%' }, contentFit: "contain" })) : null }), tierName ? (_jsx(Text, { className: "text-foreground text-base font-bold tracking-wide uppercase", style: color ? { color } : undefined, numberOfLines: 1, adjustsFontSizeToFit: true, children: tierName })) : null, showRankedRating ? (_jsxs(Text, { className: "text-muted-foreground text-sm font-medium", children: [rankedRating ?? 0, rrLabel ? ` ${rrLabel}` : ''] })) : null] })
|
|
24
|
+
return (_jsxs(View, { className: cn('items-center gap-y-2.5', className), children: [_jsx(Text, { className: "text-muted-foreground text-xs font-medium tracking-widest uppercase", children: seasonTitle }), _jsxs(View, { className: cn('items-center gap-y-1', bodyClassName), children: [_jsx(View, { className: "h-16 w-16", children: tierIcon ? (_jsx(Image, { source: tierIcon, style: { width: '100%', height: '100%' }, contentFit: "contain" })) : null }), tierName ? (_jsx(Text, { className: "text-foreground text-base font-bold tracking-wide uppercase", style: color ? { color } : undefined, numberOfLines: 1, adjustsFontSizeToFit: true, children: tierName })) : null, showRankedRating ? (_jsxs(Text, { className: "text-muted-foreground text-sm font-medium", children: [rankedRating ?? 0, rrLabel ? ` ${rrLabel}` : ''] })) : null] })] }));
|
|
25
25
|
}
|
|
26
26
|
export { RankTierCard };
|
|
27
27
|
//# sourceMappingURL=rank-tier-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rank-tier-card.js","sourceRoot":"","sources":["../../../src/components/blocks/rank-tier-card.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"rank-tier-card.js","sourceRoot":"","sources":["../../../src/components/blocks/rank-tier-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAyBjC,SAAS,YAAY,CAAC,KAAc;IAClC,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAC7B,OAAO,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC;AACrD,CAAC;AAED;;;;;;GAMG;AACH,SAAS,YAAY,CAAC,EACpB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,IAAI,EACvB,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,aAAa,GACK;IAClB,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,oBAAoB,IACnB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAEtC,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,aACtD,KAAC,IAAI,IAAC,SAAS,EAAC,qEAAqE,YAClF,WAAW,GACP,EACP,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,aAAa,CAAC,aACxD,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,YACxB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,KAAK,IACJ,MAAM,EAAE,QAAQ,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,UAAU,EAAC,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,GACH,EACN,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,IAAI,IACH,SAAS,EAAC,6DAA6D,EACvE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EACpC,aAAa,EAAE,CAAC,EAChB,oBAAoB,kBAEnB,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,IAAI,EACP,gBAAgB,CAAC,CAAC,CAAC,CAClB,MAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,aACxD,YAAY,IAAI,CAAC,EACjB,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,IACxB,CACR,CAAC,CAAC,CAAC,IAAI,IACH,IACF,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
|