@proximus/lavender-pokecard-native 1.2.6-alpha.2 → 1.2.6-beta.2
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.
|
@@ -34,10 +34,14 @@ export interface PxCardContainerProps extends AccessibilityProps {
|
|
|
34
34
|
* How the media image should be resized. Defaults to `'cover'`.
|
|
35
35
|
*/
|
|
36
36
|
resizeMode?: ImageResizeMode;
|
|
37
|
+
/**
|
|
38
|
+
* Alias for `resizeMode`.
|
|
39
|
+
*/
|
|
40
|
+
mediaSize?: ImageResizeMode;
|
|
37
41
|
/**
|
|
38
42
|
* Alt text for the media image.
|
|
39
43
|
*/
|
|
40
|
-
|
|
44
|
+
mediaAltText?: string;
|
|
41
45
|
/**
|
|
42
46
|
* Image source for a small circular artwork icon rendered to the left of children.
|
|
43
47
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PxCardContainer.d.ts","sourceRoot":"","sources":["../src/PxCardContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,kBAAkB,EAGlB,eAAe,EACf,mBAAmB,EACnB,SAAS,EAIT,SAAS,EACV,MAAM,cAAc,CAAC;AAOtB,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,0CAA0C,CAAC;AAElD,eAAO,MAAM,qBAAqB;;;;;;;;CAQxB,CAAC;AAEX,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"PxCardContainer.d.ts","sourceRoot":"","sources":["../src/PxCardContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,kBAAkB,EAGlB,eAAe,EACf,mBAAmB,EACnB,SAAS,EAIT,SAAS,EACV,MAAM,cAAc,CAAC;AAOtB,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,0CAA0C,CAAC;AAElD,eAAO,MAAM,qBAAqB;;;;;;;;CAQxB,CAAC;AAEX,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,WAAW,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,eAAe,CAAC,EAAE,mBAAmB,CAAC;CACvC;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBA2M1D"}
|
package/dist/PxCardContainer.js
CHANGED
|
@@ -13,8 +13,9 @@ export const PxCardBackgroundColor = {
|
|
|
13
13
|
BrandLight: 'ColorBackgroundSurfaceBrandLight',
|
|
14
14
|
};
|
|
15
15
|
export function PxCardContainer(props) {
|
|
16
|
-
const { inverted = false, children, containerStyle, testID, onPress, disabled = false, accessibilityLabel, accessibilityHint, accessibilityRole, src, mediaPosition = 'none', resizeMode = 'cover',
|
|
16
|
+
const { inverted = false, children, containerStyle, testID, onPress, disabled = false, accessibilityLabel, accessibilityHint, accessibilityRole, src, mediaPosition = 'none', resizeMode = 'cover', mediaSize, mediaAltText, artwork, paddingSize = 's', aspectRatio, numericAspectRatio: numericAspectRatioProp, hasBorder = true, backgroundColor, backgroundImage, ...rest } = props;
|
|
17
17
|
const { theme } = useTheme();
|
|
18
|
+
const resolvedResizeMode = mediaSize ?? resizeMode;
|
|
18
19
|
const hasMedia = !!src && mediaPosition !== 'none';
|
|
19
20
|
const hasTopMedia = hasMedia && mediaPosition === 'top';
|
|
20
21
|
const hasLeftMedia = hasMedia && mediaPosition === 'left';
|
|
@@ -70,7 +71,7 @@ export function PxCardContainer(props) {
|
|
|
70
71
|
accessibilityHint,
|
|
71
72
|
...rest,
|
|
72
73
|
});
|
|
73
|
-
const mediaImage = src ? (React.createElement(Image, { source: src, resizeMode:
|
|
74
|
+
const mediaImage = src ? (React.createElement(Image, { source: src, resizeMode: resolvedResizeMode, accessibilityLabel: mediaAltText, style: hasLeftMedia ? StyleSheet.absoluteFill : styles.mediaImage, ...(testID && e2eID(`${testID}-media-image`)) })) : null;
|
|
74
75
|
const artworkImage = artwork ? (React.createElement(Image, { source: artwork, style: [styles.artwork, { borderRadius: theme.t('RadiusPill').number }], ...(testID && e2eID(`${testID}-artwork`)) })) : null;
|
|
75
76
|
const wrappedChildren = artworkImage ? (React.createElement(View, { style: styles.artworkRow },
|
|
76
77
|
artworkImage,
|