related-ui-components 2.8.9 → 2.9.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.
|
@@ -36,7 +36,7 @@ const Card = ({
|
|
|
36
36
|
}, style, backgroundImage && {
|
|
37
37
|
backgroundColor: "transparent"
|
|
38
38
|
}];
|
|
39
|
-
const
|
|
39
|
+
const RenderCardContent = () => {
|
|
40
40
|
if (backgroundImage) {
|
|
41
41
|
const img = /*#__PURE__*/_jsx(ImageBackground, {
|
|
42
42
|
source: backgroundImage.source,
|
|
@@ -80,13 +80,13 @@ const Card = ({
|
|
|
80
80
|
activeOpacity: 0.9,
|
|
81
81
|
accessibilityRole: "button",
|
|
82
82
|
accessibilityLabel: "Card",
|
|
83
|
-
children:
|
|
83
|
+
children: /*#__PURE__*/_jsx(RenderCardContent, {})
|
|
84
84
|
});
|
|
85
85
|
}
|
|
86
86
|
return /*#__PURE__*/_jsx(View, {
|
|
87
87
|
style: cardStyle,
|
|
88
88
|
testID: testID,
|
|
89
|
-
children:
|
|
89
|
+
children: /*#__PURE__*/_jsx(RenderCardContent, {})
|
|
90
90
|
});
|
|
91
91
|
};
|
|
92
92
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","TouchableOpacity","StyleSheet","ImageBackground","useTheme","LinearGradient","Grayscale","jsx","_jsx","Card","children","style","onPress","disabled","elevation","testID","variant","backgroundColor","borderColor","borderRadius","backgroundImage","gradient","greyscale","theme","getCardStyle","baseStyle","background","cardStyle","styles","card","opacity","
|
|
1
|
+
{"version":3,"names":["React","View","TouchableOpacity","StyleSheet","ImageBackground","useTheme","LinearGradient","Grayscale","jsx","_jsx","Card","children","style","onPress","disabled","elevation","testID","variant","backgroundColor","borderColor","borderRadius","backgroundImage","gradient","greyscale","theme","getCardStyle","baseStyle","background","cardStyle","styles","card","opacity","RenderCardContent","img","source","imageStyle","resizeMode","blurRadius","imageContentContainer","undefined","colors","start","end","activeOpacity","accessibilityRole","accessibilityLabel","create","flexDirection","display","width","height","flex","justifyContent","alignItems"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/Card.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKpC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKpC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkG7B,CAAC;AAyBF,eAAe,IAAI,CAAC"}
|
package/package.json
CHANGED
|
@@ -24,9 +24,9 @@ const Card: React.FC<CardProps> = ({
|
|
|
24
24
|
borderRadius = 8,
|
|
25
25
|
backgroundImage,
|
|
26
26
|
gradient,
|
|
27
|
-
greyscale = false
|
|
27
|
+
greyscale = false,
|
|
28
28
|
}) => {
|
|
29
|
-
const {theme} = useTheme();
|
|
29
|
+
const { theme } = useTheme();
|
|
30
30
|
|
|
31
31
|
const getCardStyle = () => {
|
|
32
32
|
const baseStyle: any = {
|
|
@@ -45,7 +45,7 @@ const Card: React.FC<CardProps> = ({
|
|
|
45
45
|
backgroundImage && { backgroundColor: "transparent" },
|
|
46
46
|
];
|
|
47
47
|
|
|
48
|
-
const
|
|
48
|
+
const RenderCardContent = () => {
|
|
49
49
|
if (backgroundImage) {
|
|
50
50
|
const img = (
|
|
51
51
|
<ImageBackground
|
|
@@ -70,12 +70,8 @@ const Card: React.FC<CardProps> = ({
|
|
|
70
70
|
</View>
|
|
71
71
|
</ImageBackground>
|
|
72
72
|
);
|
|
73
|
-
if(!greyscale) return img;
|
|
74
|
-
return
|
|
75
|
-
<Grayscale>
|
|
76
|
-
{img}
|
|
77
|
-
</Grayscale>
|
|
78
|
-
);
|
|
73
|
+
if (!greyscale) return img;
|
|
74
|
+
return <Grayscale>{img}</Grayscale>;
|
|
79
75
|
} else if (gradient) {
|
|
80
76
|
return (
|
|
81
77
|
<LinearGradient
|
|
@@ -103,14 +99,14 @@ const Card: React.FC<CardProps> = ({
|
|
|
103
99
|
accessibilityRole="button"
|
|
104
100
|
accessibilityLabel={"Card"}
|
|
105
101
|
>
|
|
106
|
-
|
|
102
|
+
<RenderCardContent />
|
|
107
103
|
</TouchableOpacity>
|
|
108
104
|
);
|
|
109
105
|
}
|
|
110
106
|
|
|
111
107
|
return (
|
|
112
108
|
<View style={cardStyle} testID={testID}>
|
|
113
|
-
|
|
109
|
+
<RenderCardContent />
|
|
114
110
|
</View>
|
|
115
111
|
);
|
|
116
112
|
};
|