@valpro-labs/ui 1.7.2 → 1.8.0
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/offer-card.d.ts +4 -6
- package/dist/components/blocks/offer-card.d.ts.map +1 -1
- package/dist/components/blocks/offer-card.js +5 -13
- package/dist/components/blocks/offer-card.js.map +1 -1
- package/dist/components/blocks/weapon-category-grid.d.ts.map +1 -1
- package/dist/components/blocks/weapon-category-grid.js +1 -1
- package/dist/components/blocks/weapon-category-grid.js.map +1 -1
- package/package.json +1 -1
|
@@ -12,13 +12,11 @@ interface OfferCardProps {
|
|
|
12
12
|
currencyIconUrl?: string;
|
|
13
13
|
/** Price in the item's currency. Omit to hide the price block. */
|
|
14
14
|
price?: number;
|
|
15
|
-
/** Discount percentage (0
|
|
15
|
+
/** Discount percentage (0-100). Renders the slanted discount badge when set. */
|
|
16
16
|
discount?: number;
|
|
17
17
|
/** Layout: `list` (wide 10:4) vs `grid` (16:9). */
|
|
18
18
|
variant?: 'list' | 'grid';
|
|
19
|
-
/**
|
|
20
|
-
weaponCategory?: string;
|
|
21
|
-
/** Explicit image width percent override (0–100). Wins over `weaponCategory`. */
|
|
19
|
+
/** Image width as a percentage of card width (0-100). Defaults to 80. */
|
|
22
20
|
imageWidthPercent?: number;
|
|
23
21
|
/** Tap handler. When omitted the card renders without `Pressable`. */
|
|
24
22
|
onPress?: () => void;
|
|
@@ -30,7 +28,7 @@ interface OfferCardProps {
|
|
|
30
28
|
className?: string;
|
|
31
29
|
}
|
|
32
30
|
/**
|
|
33
|
-
* Single store offer (typically a weapon skin)
|
|
31
|
+
* Single store offer (typically a weapon skin) - image on top, info bar
|
|
34
32
|
* on the bottom with tier icon + name + price. Layout shared between the
|
|
35
33
|
* wide list row and the narrower 2-up grid tile.
|
|
36
34
|
*
|
|
@@ -38,7 +36,7 @@ interface OfferCardProps {
|
|
|
38
36
|
* passes URLs + strings. Pair with an `imageOverlay` slot to layer owned
|
|
39
37
|
* badges, sold-out states, etc. without forking the card.
|
|
40
38
|
*/
|
|
41
|
-
declare function OfferCard({ name, iconUrl, tierIconUrl, tierColor, currencyIconUrl, price, discount, variant,
|
|
39
|
+
declare function OfferCard({ name, iconUrl, tierIconUrl, tierColor, currencyIconUrl, price, discount, variant, imageWidthPercent, onPress, imageOverlay, isLoading, className, }: OfferCardProps): import("react/jsx-runtime").JSX.Element;
|
|
42
40
|
export { OfferCard };
|
|
43
41
|
export type { OfferCardProps };
|
|
44
42
|
//# sourceMappingURL=offer-card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"offer-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/offer-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"offer-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/offer-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,cAAc;IACtB,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oHAAoH;IACpH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oFAAoF;IACpF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD;;;;;;;;GAQG;AACH,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,OAAO,EACP,WAAW,EACX,SAAS,EACT,eAAe,EACf,KAAK,EACL,QAAQ,EACR,OAAgB,EAChB,iBAAiB,EACjB,OAAO,EACP,YAAY,EACZ,SAAiB,EACjB,SAAS,GACV,EAAE,cAAc,2CAsHhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -4,22 +4,14 @@ import { useCSSVariable } from 'uniwind';
|
|
|
4
4
|
import { Image } from '../../components/ui/image';
|
|
5
5
|
import { Skeleton } from '../../components/ui/skeleton';
|
|
6
6
|
import { Text } from '../../components/ui/text';
|
|
7
|
-
import { resolveWeaponCategoryWidth } from '../../lib/weapon-grid-transform';
|
|
8
7
|
import { cn } from '../../lib/utils';
|
|
9
8
|
function normalizeHex(input) {
|
|
10
9
|
if (!input)
|
|
11
10
|
return undefined;
|
|
12
11
|
return input.startsWith('#') ? input : `#${input}`;
|
|
13
12
|
}
|
|
14
|
-
// Image width % within the card — keeps same-category weapons visually consistent
|
|
15
|
-
// across skins. Keys match Riot's `EEquippableCategory::*` enum strings.
|
|
16
|
-
function resolveImageWidth(explicit, category, isGrid) {
|
|
17
|
-
if (explicit !== undefined)
|
|
18
|
-
return explicit;
|
|
19
|
-
return resolveWeaponCategoryWidth(category, isGrid ? 'grid' : 'list');
|
|
20
|
-
}
|
|
21
13
|
/**
|
|
22
|
-
* Single store offer (typically a weapon skin)
|
|
14
|
+
* Single store offer (typically a weapon skin) - image on top, info bar
|
|
23
15
|
* on the bottom with tier icon + name + price. Layout shared between the
|
|
24
16
|
* wide list row and the narrower 2-up grid tile.
|
|
25
17
|
*
|
|
@@ -27,7 +19,7 @@ function resolveImageWidth(explicit, category, isGrid) {
|
|
|
27
19
|
* passes URLs + strings. Pair with an `imageOverlay` slot to layer owned
|
|
28
20
|
* badges, sold-out states, etc. without forking the card.
|
|
29
21
|
*/
|
|
30
|
-
function OfferCard({ name, iconUrl, tierIconUrl, tierColor, currencyIconUrl, price, discount, variant = 'list',
|
|
22
|
+
function OfferCard({ name, iconUrl, tierIconUrl, tierColor, currencyIconUrl, price, discount, variant = 'list', imageWidthPercent, onPress, imageOverlay, isLoading = false, className, }) {
|
|
31
23
|
const foregroundRaw = useCSSVariable('--color-foreground');
|
|
32
24
|
const foreground = typeof foregroundRaw === 'string' ? foregroundRaw : undefined;
|
|
33
25
|
const isGrid = variant === 'grid';
|
|
@@ -35,15 +27,15 @@ function OfferCard({ name, iconUrl, tierIconUrl, tierColor, currencyIconUrl, pri
|
|
|
35
27
|
return (_jsx(Skeleton, { className: cn('w-full rounded-xl', isGrid ? 'aspect-video' : 'aspect-10/4', className) }));
|
|
36
28
|
}
|
|
37
29
|
const color = normalizeHex(tierColor);
|
|
38
|
-
const widthPercent =
|
|
30
|
+
const widthPercent = imageWidthPercent ?? 80;
|
|
39
31
|
const card = (_jsxs(View, { className: cn('bg-card overflow-hidden rounded-xl', isGrid ? 'aspect-video' : 'aspect-10/4', className), children: [_jsxs(View, { className: "bg-secondary relative flex-1 items-center justify-center", style: color ? { backgroundColor: color } : undefined, children: [iconUrl ? (_jsx(Image, { source: iconUrl, style: {
|
|
40
32
|
width: `${widthPercent}%`,
|
|
41
33
|
height: isGrid ? '90%' : '60%',
|
|
42
|
-
}, contentFit: "contain" })) : null, discount !== undefined
|
|
34
|
+
}, contentFit: "contain" })) : null, discount !== undefined ? (_jsx(View, { className: "absolute top-0 left-0", children: _jsxs(View, { className: "flex-row overflow-hidden", children: [_jsx(View, { className: "px-2 py-0.5", style: color ? { backgroundColor: color } : undefined, children: _jsxs(Text, { className: cn('text-foreground dark:text-val-white font-black tracking-tighter', isGrid ? 'text-sm' : 'text-base'), children: ["-", discount, "%"] }) }), _jsx(View, { className: cn('border-r-transparent', isGrid ? 'border-t-24 border-r-12' : 'border-t-32 border-r-16'), style: { borderTopColor: color ?? 'transparent' } })] }) })) : null, imageOverlay] }), _jsxs(View, { className: cn('flex-row items-center justify-between', isGrid ? 'px-2 py-1.5' : 'px-3 py-2'), children: [_jsxs(View, { className: cn('flex-1 flex-row items-center', isGrid ? 'gap-1' : 'gap-1.5'), children: [tierIconUrl ? (_jsx(Image, { source: tierIconUrl, style: { width: isGrid ? 14 : 18, height: isGrid ? 14 : 18 }, contentFit: "contain" })) : null, _jsx(Text, { className: cn('text-foreground flex-1 font-semibold tracking-tight uppercase', isGrid ? 'text-sm' : 'text-base'), numberOfLines: 1, children: name })] }), price !== undefined ? (_jsxs(View, { className: cn('flex-row items-center', isGrid ? 'gap-0.5' : 'gap-1'), children: [currencyIconUrl ? (_jsx(Image, { source: currencyIconUrl, style: {
|
|
43
35
|
width: isGrid ? 12 : 16,
|
|
44
36
|
height: isGrid ? 12 : 16,
|
|
45
37
|
tintColor: foreground,
|
|
46
|
-
}, contentFit: "contain" })) : null, _jsx(Text, { className: cn('text-foreground font-bold', isGrid ? 'text-sm' : 'text-base'), children: price.toLocaleString() })] }))] })] }));
|
|
38
|
+
}, contentFit: "contain" })) : null, _jsx(Text, { className: cn('text-foreground font-bold', isGrid ? 'text-sm' : 'text-base'), children: price.toLocaleString() })] })) : null] })] }));
|
|
47
39
|
if (!onPress)
|
|
48
40
|
return card;
|
|
49
41
|
return (_jsx(Pressable, { onPress: onPress, style: ({ pressed }) => ({ opacity: pressed ? 0.7 : 1 }), children: card }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"offer-card.js","sourceRoot":"","sources":["../../../src/components/blocks/offer-card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"offer-card.js","sourceRoot":"","sources":["../../../src/components/blocks/offer-card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"weapon-category-grid.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/weapon-category-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,sBAAsB;IAC9B,wBAAwB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,yBAAyB;IACjC,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,KAAK,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;CAC9C;AAED,UAAU,uBAAuB;IAC/B,iCAAiC;IACjC,QAAQ,EAAE,aAAa,CAAC,yBAAyB,CAAC,CAAC;IACnD,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,OAAgB,EAChB,SAAiB,EACjB,WAAW,EACX,SAAS,GACV,EAAE,uBAAuB,2CAsCzB;
|
|
1
|
+
{"version":3,"file":"weapon-category-grid.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/weapon-category-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,sBAAsB;IAC9B,wBAAwB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,yBAAyB;IACjC,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,KAAK,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;CAC9C;AAED,UAAU,uBAAuB;IAC/B,iCAAiC;IACjC,QAAQ,EAAE,aAAa,CAAC,yBAAyB,CAAC,CAAC;IACnD,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,OAAgB,EAChB,SAAiB,EACjB,WAAW,EACX,SAAS,GACV,EAAE,uBAAuB,2CAsCzB;AAuDD,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EACV,uBAAuB,EACvB,yBAAyB,EACzB,sBAAsB,GACvB,CAAC"}
|
|
@@ -21,7 +21,7 @@ function WeaponCategoryGrid({ sections, variant = 'grid', isLoading = false, che
|
|
|
21
21
|
}
|
|
22
22
|
function WeaponGridCard({ variant, imageUrl, widthPercent, buddyIconUrl, chevronIcon, }) {
|
|
23
23
|
const isGrid = variant === 'grid';
|
|
24
|
-
return (_jsxs(View, { className:
|
|
24
|
+
return (_jsxs(View, { className: cn('bg-card relative w-full items-center justify-center overflow-hidden rounded-xl', isGrid ? 'aspect-video' : 'aspect-10/4'), children: [imageUrl ? (_jsx(Image, { source: imageUrl, style: { width: `${widthPercent}%`, height: isGrid ? '90%' : '82%' }, contentFit: "contain" })) : null, buddyIconUrl ? (_jsx(View, { className: cn('absolute', isGrid ? 'bottom-1 left-0' : 'bottom-1 left-1'), children: _jsx(Image, { source: buddyIconUrl, style: { width: isGrid ? 36 : 40, height: isGrid ? 36 : 40 }, contentFit: "contain" }) })) : null, chevronIcon ? (_jsx(View, { className: cn('absolute top-0 bottom-0 justify-center', isGrid ? 'right-1' : 'right-2.5'), style: isGrid ? undefined : { transform: [{ scale: 1.05 }] }, children: chevronIcon })) : null] }));
|
|
25
25
|
}
|
|
26
26
|
export { WeaponCategoryGrid };
|
|
27
27
|
//# sourceMappingURL=weapon-category-grid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"weapon-category-grid.js","sourceRoot":"","sources":["../../../src/components/blocks/weapon-category-grid.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAyCjC;;;;;;;;;;GAUG;AACH,SAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,SAAS,GACe;IACxB,MAAM,MAAM,GAAG,OAAO,KAAK,MAAM,CAAC;IAElC,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,YAC3C,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,MAAC,IAAI,eACH,KAAC,YAAY,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,EACtC,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,OAAO,CAAC,aAC/D,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,KAAC,IAAI,IAEH,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,YAChD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,SAAS,EAAC,gCAAgC,GAAG,CACxD,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IACR,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,YACxD,KAAC,cAAc,IACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,EAAE,EACrC,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,WAAW,EAAE,WAAW,GACxB,GACQ,CACb,IAhBI,IAAI,CAAC,GAAG,CAiBR,CACR,CAAC,EACD,MAAM,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1C,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,CAClC,CAAC,CAAC,CAAC,IAAI,IACH,KA3BE,OAAO,CAAC,GAAG,CA4Bf,CACR,CAAC,GACG,CACR,CAAC;AACJ,CAAC;AAUD,SAAS,cAAc,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,WAAW,GACS;IACpB,MAAM,MAAM,GAAG,OAAO,KAAK,MAAM,CAAC;IAElC,OAAO,CACL,MAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"weapon-category-grid.js","sourceRoot":"","sources":["../../../src/components/blocks/weapon-category-grid.tsx"],"names":[],"mappings":"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"}
|