related-ui-components 1.5.3 → 1.5.4
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/lib/commonjs/components/Card/templates/DealCardWithBackgroundImage.js +34 -17
- package/lib/commonjs/components/Card/templates/DealCardWithBackgroundImage.js.map +1 -1
- package/lib/module/components/Card/templates/DealCardWithBackgroundImage.js +36 -18
- package/lib/module/components/Card/templates/DealCardWithBackgroundImage.js.map +1 -1
- package/lib/typescript/commonjs/components/Card/templates/DealCardWithBackgroundImage.d.ts +1 -1
- package/lib/typescript/commonjs/components/Card/templates/DealCardWithBackgroundImage.d.ts.map +1 -1
- package/lib/typescript/module/components/Card/templates/DealCardWithBackgroundImage.d.ts +1 -1
- package/lib/typescript/module/components/Card/templates/DealCardWithBackgroundImage.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Card/templates/DealCardWithBackgroundImage.tsx +45 -24
|
@@ -27,6 +27,7 @@ const DealCardWithBackgroundImage = ({
|
|
|
27
27
|
actionIconActive,
|
|
28
28
|
onActionPress,
|
|
29
29
|
innerCardStyle,
|
|
30
|
+
// Use the prop directly
|
|
30
31
|
dealDescription,
|
|
31
32
|
dealDescriptionStyle,
|
|
32
33
|
dealPrice,
|
|
@@ -45,7 +46,8 @@ const DealCardWithBackgroundImage = ({
|
|
|
45
46
|
innerCardVariant = "nested",
|
|
46
47
|
style,
|
|
47
48
|
width = "100%",
|
|
48
|
-
isRTL = false,
|
|
49
|
+
isRTL: initialIsRTL = false,
|
|
50
|
+
// Renamed to avoid conflict
|
|
49
51
|
overlayVisible = false,
|
|
50
52
|
overlayCover = "background",
|
|
51
53
|
borderRadius = 8,
|
|
@@ -53,9 +55,10 @@ const DealCardWithBackgroundImage = ({
|
|
|
53
55
|
}) => {
|
|
54
56
|
const {
|
|
55
57
|
theme,
|
|
56
|
-
isRTL:
|
|
57
|
-
} = (0, _ThemeContext.useTheme)();
|
|
58
|
-
isRTL =
|
|
58
|
+
isRTL: themeIsRTL
|
|
59
|
+
} = (0, _ThemeContext.useTheme)(); // Use theme's RTL
|
|
60
|
+
const isRTL = themeIsRTL; // Prioritize theme's RTL setting
|
|
61
|
+
|
|
59
62
|
const [isActive, setIsActive] = (0, _react.useState)(false);
|
|
60
63
|
const handleActionPress = () => {
|
|
61
64
|
if (!actionIconActive) return;
|
|
@@ -91,12 +94,22 @@ const DealCardWithBackgroundImage = ({
|
|
|
91
94
|
const headerLeft = isRTL ? actionContent : labelContent;
|
|
92
95
|
const headerRight = isRTL ? labelContent : actionContent;
|
|
93
96
|
const mainCardBorderRadius = borderRadius;
|
|
94
|
-
const
|
|
97
|
+
const defaultInnerCardBorderRadius = 30; // Renamed for clarity
|
|
98
|
+
const defaultFloatingBottomOffset = -30; // Define default floating offset
|
|
99
|
+
|
|
100
|
+
// Flatten the innerCardStyle to easily access properties
|
|
101
|
+
const flatInnerCardStyle = _reactNative.StyleSheet.flatten(innerCardStyle);
|
|
102
|
+
|
|
103
|
+
// Determine the actual bottom offset for the floating inner card
|
|
104
|
+
let actualFloatingBottomOffset = defaultFloatingBottomOffset;
|
|
105
|
+
if (innerCardVariant === "floating" && flatInnerCardStyle && typeof flatInnerCardStyle.bottom === "number") {
|
|
106
|
+
actualFloatingBottomOffset = flatInnerCardStyle.bottom;
|
|
107
|
+
}
|
|
95
108
|
const getVariantStyle = () => {
|
|
96
109
|
if (innerCardVariant === "floating") {
|
|
97
110
|
return {
|
|
98
111
|
position: "absolute",
|
|
99
|
-
bottom:
|
|
112
|
+
bottom: actualFloatingBottomOffset,
|
|
100
113
|
width: "100%",
|
|
101
114
|
marginHorizontal: 0,
|
|
102
115
|
marginVertical: 0,
|
|
@@ -107,16 +120,21 @@ const DealCardWithBackgroundImage = ({
|
|
|
107
120
|
return {};
|
|
108
121
|
};
|
|
109
122
|
const computedInnerCardStyle = [{
|
|
110
|
-
borderRadius:
|
|
123
|
+
borderRadius: defaultInnerCardBorderRadius,
|
|
111
124
|
marginVertical: 8,
|
|
112
125
|
marginHorizontal: 16
|
|
113
|
-
}, getVariantStyle(),
|
|
114
|
-
const finalInnerBorderRadius =
|
|
126
|
+
}, getVariantStyle(), flatInnerCardStyle];
|
|
127
|
+
const finalInnerBorderRadius = flatInnerCardStyle?.borderRadius ?? (innerCardVariant === "floating" ? 20 : defaultInnerCardBorderRadius);
|
|
115
128
|
const overlayStyle = {
|
|
116
|
-
|
|
129
|
+
position: "absolute",
|
|
130
|
+
top: 0,
|
|
131
|
+
left: 0,
|
|
132
|
+
right: 0,
|
|
133
|
+
bottom: innerCardVariant === "floating" ? actualFloatingBottomOffset : 0,
|
|
134
|
+
borderTopLeftRadius: mainCardBorderRadius,
|
|
135
|
+
borderTopRightRadius: mainCardBorderRadius,
|
|
117
136
|
borderBottomLeftRadius: innerCardVariant === "floating" ? finalInnerBorderRadius : mainCardBorderRadius,
|
|
118
137
|
borderBottomRightRadius: innerCardVariant === "floating" ? finalInnerBorderRadius : mainCardBorderRadius,
|
|
119
|
-
bottom: innerCardVariant === "floating" ? -30 : 0,
|
|
120
138
|
overflow: "hidden"
|
|
121
139
|
};
|
|
122
140
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.default, {
|
|
@@ -124,15 +142,13 @@ const DealCardWithBackgroundImage = ({
|
|
|
124
142
|
style: [{
|
|
125
143
|
height: 300,
|
|
126
144
|
position: "relative",
|
|
127
|
-
borderRadius: mainCardBorderRadius
|
|
145
|
+
borderRadius: mainCardBorderRadius,
|
|
146
|
+
overflow: "hidden"
|
|
128
147
|
}, style, {
|
|
129
148
|
width
|
|
130
149
|
}],
|
|
131
150
|
backgroundImage: {
|
|
132
151
|
source: backgroundImage,
|
|
133
|
-
imageStyle: {
|
|
134
|
-
borderRadius: mainCardBorderRadius
|
|
135
|
-
},
|
|
136
152
|
resizeMode: "cover"
|
|
137
153
|
},
|
|
138
154
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LockOverlay.default, {
|
|
@@ -144,13 +160,14 @@ const DealCardWithBackgroundImage = ({
|
|
|
144
160
|
left: headerLeft,
|
|
145
161
|
right: headerRight,
|
|
146
162
|
style: {
|
|
147
|
-
alignItems: "center"
|
|
163
|
+
alignItems: "center",
|
|
164
|
+
zIndex: 1
|
|
148
165
|
}
|
|
149
166
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
150
167
|
style: {
|
|
151
168
|
flex: 1,
|
|
152
169
|
justifyContent: "flex-end",
|
|
153
|
-
zIndex: overlayCover == "background" ?
|
|
170
|
+
zIndex: overlayCover == "background" ? 1 : 0
|
|
154
171
|
},
|
|
155
172
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardContent.default, {
|
|
156
173
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Card","_interopRequireDefault","_CardHeader","_CardContent","_ThemeContext","_CardFooter","_ProgressBar","_LockOverlay","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DealCardWithBackgroundImage","backgroundImage","onPress","label","labelContainerStyle","labelStyle","actionIconDefault","actionIconActive","onActionPress","innerCardStyle","dealDescription","dealDescriptionStyle","dealPrice","dealPriceStyle","dealProviderName","dealProviderNameStyle","progressBar","progressBarText","progressBarTextPosition","progressBarTextAlign","progressValue","progressHeight","progressWidth","remainingProgressColor","progressColor","innerCardVariant","style","width","isRTL","overlayVisible","overlayCover","borderRadius","onOverlayPress","theme","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Card","_interopRequireDefault","_CardHeader","_CardContent","_ThemeContext","_CardFooter","_ProgressBar","_LockOverlay","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DealCardWithBackgroundImage","backgroundImage","onPress","label","labelContainerStyle","labelStyle","actionIconDefault","actionIconActive","onActionPress","innerCardStyle","dealDescription","dealDescriptionStyle","dealPrice","dealPriceStyle","dealProviderName","dealProviderNameStyle","progressBar","progressBarText","progressBarTextPosition","progressBarTextAlign","progressValue","progressHeight","progressWidth","remainingProgressColor","progressColor","innerCardVariant","style","width","isRTL","initialIsRTL","overlayVisible","overlayCover","borderRadius","onOverlayPress","theme","themeIsRTL","useTheme","isActive","setIsActive","useState","handleActionPress","labelContent","jsx","View","backgroundColor","surface","paddingVertical","paddingHorizontal","children","Text","color","onSurface","actionContent","TouchableOpacity","hitSlop","top","left","bottom","right","headerLeft","headerRight","mainCardBorderRadius","defaultInnerCardBorderRadius","defaultFloatingBottomOffset","flatInnerCardStyle","StyleSheet","flatten","actualFloatingBottomOffset","getVariantStyle","position","marginHorizontal","marginVertical","paddingBottom","computedInnerCardStyle","finalInnerBorderRadius","overlayStyle","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","overflow","jsxs","height","source","resizeMode","visible","containerStyle","contentVerticalAlign","alignItems","zIndex","flex","justifyContent","padding","variant","title","titleColor","text","titleStyle","fontSize","textAlign","subtitle","subtitleColor","helper","subtitleStyle","flexDirection","progress","remainingColor","textPosition","showText","textStyle","primary","fontWeight","_default","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/Card/templates/DealCardWithBackgroundImage.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useState } from "react";
|
|
4
|
-
import { View, Text, TouchableOpacity
|
|
4
|
+
import { View, Text, TouchableOpacity, StyleSheet // Import StyleSheet
|
|
5
|
+
} from "react-native";
|
|
5
6
|
import Card from "../Card.js";
|
|
6
7
|
import CardHeader from "../CardHeader.js";
|
|
7
8
|
import CardContent from "../CardContent.js";
|
|
@@ -20,6 +21,7 @@ const DealCardWithBackgroundImage = ({
|
|
|
20
21
|
actionIconActive,
|
|
21
22
|
onActionPress,
|
|
22
23
|
innerCardStyle,
|
|
24
|
+
// Use the prop directly
|
|
23
25
|
dealDescription,
|
|
24
26
|
dealDescriptionStyle,
|
|
25
27
|
dealPrice,
|
|
@@ -38,7 +40,8 @@ const DealCardWithBackgroundImage = ({
|
|
|
38
40
|
innerCardVariant = "nested",
|
|
39
41
|
style,
|
|
40
42
|
width = "100%",
|
|
41
|
-
isRTL = false,
|
|
43
|
+
isRTL: initialIsRTL = false,
|
|
44
|
+
// Renamed to avoid conflict
|
|
42
45
|
overlayVisible = false,
|
|
43
46
|
overlayCover = "background",
|
|
44
47
|
borderRadius = 8,
|
|
@@ -46,9 +49,10 @@ const DealCardWithBackgroundImage = ({
|
|
|
46
49
|
}) => {
|
|
47
50
|
const {
|
|
48
51
|
theme,
|
|
49
|
-
isRTL:
|
|
50
|
-
} = useTheme();
|
|
51
|
-
isRTL =
|
|
52
|
+
isRTL: themeIsRTL
|
|
53
|
+
} = useTheme(); // Use theme's RTL
|
|
54
|
+
const isRTL = themeIsRTL; // Prioritize theme's RTL setting
|
|
55
|
+
|
|
52
56
|
const [isActive, setIsActive] = useState(false);
|
|
53
57
|
const handleActionPress = () => {
|
|
54
58
|
if (!actionIconActive) return;
|
|
@@ -84,12 +88,22 @@ const DealCardWithBackgroundImage = ({
|
|
|
84
88
|
const headerLeft = isRTL ? actionContent : labelContent;
|
|
85
89
|
const headerRight = isRTL ? labelContent : actionContent;
|
|
86
90
|
const mainCardBorderRadius = borderRadius;
|
|
87
|
-
const
|
|
91
|
+
const defaultInnerCardBorderRadius = 30; // Renamed for clarity
|
|
92
|
+
const defaultFloatingBottomOffset = -30; // Define default floating offset
|
|
93
|
+
|
|
94
|
+
// Flatten the innerCardStyle to easily access properties
|
|
95
|
+
const flatInnerCardStyle = StyleSheet.flatten(innerCardStyle);
|
|
96
|
+
|
|
97
|
+
// Determine the actual bottom offset for the floating inner card
|
|
98
|
+
let actualFloatingBottomOffset = defaultFloatingBottomOffset;
|
|
99
|
+
if (innerCardVariant === "floating" && flatInnerCardStyle && typeof flatInnerCardStyle.bottom === "number") {
|
|
100
|
+
actualFloatingBottomOffset = flatInnerCardStyle.bottom;
|
|
101
|
+
}
|
|
88
102
|
const getVariantStyle = () => {
|
|
89
103
|
if (innerCardVariant === "floating") {
|
|
90
104
|
return {
|
|
91
105
|
position: "absolute",
|
|
92
|
-
bottom:
|
|
106
|
+
bottom: actualFloatingBottomOffset,
|
|
93
107
|
width: "100%",
|
|
94
108
|
marginHorizontal: 0,
|
|
95
109
|
marginVertical: 0,
|
|
@@ -100,16 +114,21 @@ const DealCardWithBackgroundImage = ({
|
|
|
100
114
|
return {};
|
|
101
115
|
};
|
|
102
116
|
const computedInnerCardStyle = [{
|
|
103
|
-
borderRadius:
|
|
117
|
+
borderRadius: defaultInnerCardBorderRadius,
|
|
104
118
|
marginVertical: 8,
|
|
105
119
|
marginHorizontal: 16
|
|
106
|
-
}, getVariantStyle(),
|
|
107
|
-
const finalInnerBorderRadius =
|
|
120
|
+
}, getVariantStyle(), flatInnerCardStyle];
|
|
121
|
+
const finalInnerBorderRadius = flatInnerCardStyle?.borderRadius ?? (innerCardVariant === "floating" ? 20 : defaultInnerCardBorderRadius);
|
|
108
122
|
const overlayStyle = {
|
|
109
|
-
|
|
123
|
+
position: "absolute",
|
|
124
|
+
top: 0,
|
|
125
|
+
left: 0,
|
|
126
|
+
right: 0,
|
|
127
|
+
bottom: innerCardVariant === "floating" ? actualFloatingBottomOffset : 0,
|
|
128
|
+
borderTopLeftRadius: mainCardBorderRadius,
|
|
129
|
+
borderTopRightRadius: mainCardBorderRadius,
|
|
110
130
|
borderBottomLeftRadius: innerCardVariant === "floating" ? finalInnerBorderRadius : mainCardBorderRadius,
|
|
111
131
|
borderBottomRightRadius: innerCardVariant === "floating" ? finalInnerBorderRadius : mainCardBorderRadius,
|
|
112
|
-
bottom: innerCardVariant === "floating" ? -30 : 0,
|
|
113
132
|
overflow: "hidden"
|
|
114
133
|
};
|
|
115
134
|
return /*#__PURE__*/_jsxs(Card, {
|
|
@@ -117,15 +136,13 @@ const DealCardWithBackgroundImage = ({
|
|
|
117
136
|
style: [{
|
|
118
137
|
height: 300,
|
|
119
138
|
position: "relative",
|
|
120
|
-
borderRadius: mainCardBorderRadius
|
|
139
|
+
borderRadius: mainCardBorderRadius,
|
|
140
|
+
overflow: "hidden"
|
|
121
141
|
}, style, {
|
|
122
142
|
width
|
|
123
143
|
}],
|
|
124
144
|
backgroundImage: {
|
|
125
145
|
source: backgroundImage,
|
|
126
|
-
imageStyle: {
|
|
127
|
-
borderRadius: mainCardBorderRadius
|
|
128
|
-
},
|
|
129
146
|
resizeMode: "cover"
|
|
130
147
|
},
|
|
131
148
|
children: [/*#__PURE__*/_jsx(LockOverlay, {
|
|
@@ -137,13 +154,14 @@ const DealCardWithBackgroundImage = ({
|
|
|
137
154
|
left: headerLeft,
|
|
138
155
|
right: headerRight,
|
|
139
156
|
style: {
|
|
140
|
-
alignItems: "center"
|
|
157
|
+
alignItems: "center",
|
|
158
|
+
zIndex: 1
|
|
141
159
|
}
|
|
142
160
|
}), /*#__PURE__*/_jsx(View, {
|
|
143
161
|
style: {
|
|
144
162
|
flex: 1,
|
|
145
163
|
justifyContent: "flex-end",
|
|
146
|
-
zIndex: overlayCover == "background" ?
|
|
164
|
+
zIndex: overlayCover == "background" ? 1 : 0
|
|
147
165
|
},
|
|
148
166
|
children: /*#__PURE__*/_jsx(CardContent, {
|
|
149
167
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","View","Text","TouchableOpacity","Card","CardHeader","CardContent","useTheme","CardFooter","ProgressBar","LockOverlay","jsx","_jsx","jsxs","_jsxs","DealCardWithBackgroundImage","backgroundImage","onPress","label","labelContainerStyle","labelStyle","actionIconDefault","actionIconActive","onActionPress","innerCardStyle","dealDescription","dealDescriptionStyle","dealPrice","dealPriceStyle","dealProviderName","dealProviderNameStyle","progressBar","progressBarText","progressBarTextPosition","progressBarTextAlign","progressValue","progressHeight","progressWidth","remainingProgressColor","progressColor","innerCardVariant","style","width","isRTL","overlayVisible","overlayCover","borderRadius","onOverlayPress","theme","
|
|
1
|
+
{"version":3,"names":["React","useState","View","Text","TouchableOpacity","StyleSheet","Card","CardHeader","CardContent","useTheme","CardFooter","ProgressBar","LockOverlay","jsx","_jsx","jsxs","_jsxs","DealCardWithBackgroundImage","backgroundImage","onPress","label","labelContainerStyle","labelStyle","actionIconDefault","actionIconActive","onActionPress","innerCardStyle","dealDescription","dealDescriptionStyle","dealPrice","dealPriceStyle","dealProviderName","dealProviderNameStyle","progressBar","progressBarText","progressBarTextPosition","progressBarTextAlign","progressValue","progressHeight","progressWidth","remainingProgressColor","progressColor","innerCardVariant","style","width","isRTL","initialIsRTL","overlayVisible","overlayCover","borderRadius","onOverlayPress","theme","themeIsRTL","isActive","setIsActive","handleActionPress","labelContent","backgroundColor","surface","paddingVertical","paddingHorizontal","children","color","onSurface","actionContent","hitSlop","top","left","bottom","right","headerLeft","headerRight","mainCardBorderRadius","defaultInnerCardBorderRadius","defaultFloatingBottomOffset","flatInnerCardStyle","flatten","actualFloatingBottomOffset","getVariantStyle","position","marginHorizontal","marginVertical","paddingBottom","computedInnerCardStyle","finalInnerBorderRadius","overlayStyle","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","overflow","height","source","resizeMode","visible","containerStyle","contentVerticalAlign","alignItems","zIndex","flex","justifyContent","padding","variant","title","titleColor","text","titleStyle","fontSize","textAlign","subtitle","subtitleColor","helper","subtitleStyle","flexDirection","progress","remainingColor","textPosition","showText","textStyle","primary","fontWeight"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/Card/templates/DealCardWithBackgroundImage.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,7 +9,7 @@ interface DealCardProps {
|
|
|
9
9
|
actionIconDefault?: React.ReactNode;
|
|
10
10
|
actionIconActive?: React.ReactNode;
|
|
11
11
|
onActionPress?: (active: boolean) => void;
|
|
12
|
-
innerCardStyle?: ViewStyle
|
|
12
|
+
innerCardStyle?: StyleProp<ViewStyle>;
|
|
13
13
|
innerCardVariant?: "floating" | "nested";
|
|
14
14
|
dealDescription?: string;
|
|
15
15
|
dealDescriptionStyle?: StyleProp<TextStyle>;
|
package/lib/typescript/commonjs/components/Card/templates/DealCardWithBackgroundImage.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DealCardWithBackgroundImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/DealCardWithBackgroundImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,mBAAmB,EACnB,SAAS,EACT,SAAS,EAGT,SAAS,EAET,cAAc,
|
|
1
|
+
{"version":3,"file":"DealCardWithBackgroundImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/DealCardWithBackgroundImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,mBAAmB,EACnB,SAAS,EACT,SAAS,EAGT,SAAS,EAET,cAAc,EAEf,MAAM,cAAc,CAAC;AAMtB,OAAoB,EAClB,oBAAoB,EACpB,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AAGvC,UAAU,aAAa;IACrB,eAAe,EAAE,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,GAAG,YAAY,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwPxD,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
|
|
@@ -9,7 +9,7 @@ interface DealCardProps {
|
|
|
9
9
|
actionIconDefault?: React.ReactNode;
|
|
10
10
|
actionIconActive?: React.ReactNode;
|
|
11
11
|
onActionPress?: (active: boolean) => void;
|
|
12
|
-
innerCardStyle?: ViewStyle
|
|
12
|
+
innerCardStyle?: StyleProp<ViewStyle>;
|
|
13
13
|
innerCardVariant?: "floating" | "nested";
|
|
14
14
|
dealDescription?: string;
|
|
15
15
|
dealDescriptionStyle?: StyleProp<TextStyle>;
|
package/lib/typescript/module/components/Card/templates/DealCardWithBackgroundImage.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DealCardWithBackgroundImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/DealCardWithBackgroundImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,mBAAmB,EACnB,SAAS,EACT,SAAS,EAGT,SAAS,EAET,cAAc,
|
|
1
|
+
{"version":3,"file":"DealCardWithBackgroundImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/DealCardWithBackgroundImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,mBAAmB,EACnB,SAAS,EACT,SAAS,EAGT,SAAS,EAET,cAAc,EAEf,MAAM,cAAc,CAAC;AAMtB,OAAoB,EAClB,oBAAoB,EACpB,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AAGvC,UAAU,aAAa;IACrB,eAAe,EAAE,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,GAAG,YAAY,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwPxD,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
|
package/package.json
CHANGED
|
@@ -8,6 +8,7 @@ import {
|
|
|
8
8
|
TextStyle,
|
|
9
9
|
TouchableOpacity,
|
|
10
10
|
DimensionValue,
|
|
11
|
+
StyleSheet, // Import StyleSheet
|
|
11
12
|
} from "react-native";
|
|
12
13
|
import Card from "../Card";
|
|
13
14
|
import CardHeader from "../CardHeader";
|
|
@@ -28,7 +29,7 @@ interface DealCardProps {
|
|
|
28
29
|
actionIconDefault?: React.ReactNode;
|
|
29
30
|
actionIconActive?: React.ReactNode;
|
|
30
31
|
onActionPress?: (active: boolean) => void;
|
|
31
|
-
innerCardStyle?: ViewStyle
|
|
32
|
+
innerCardStyle?: StyleProp<ViewStyle>; // Changed ViewStyle to StyleProp<ViewStyle> for flexibility
|
|
32
33
|
innerCardVariant?: "floating" | "nested";
|
|
33
34
|
dealDescription?: string;
|
|
34
35
|
dealDescriptionStyle?: StyleProp<TextStyle>;
|
|
@@ -64,7 +65,7 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
64
65
|
actionIconDefault,
|
|
65
66
|
actionIconActive,
|
|
66
67
|
onActionPress,
|
|
67
|
-
innerCardStyle,
|
|
68
|
+
innerCardStyle, // Use the prop directly
|
|
68
69
|
dealDescription,
|
|
69
70
|
dealDescriptionStyle,
|
|
70
71
|
dealPrice,
|
|
@@ -83,14 +84,14 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
83
84
|
innerCardVariant = "nested",
|
|
84
85
|
style,
|
|
85
86
|
width = "100%",
|
|
86
|
-
isRTL = false,
|
|
87
|
+
isRTL: initialIsRTL = false, // Renamed to avoid conflict
|
|
87
88
|
overlayVisible = false,
|
|
88
89
|
overlayCover = "background",
|
|
89
90
|
borderRadius = 8,
|
|
90
91
|
onOverlayPress,
|
|
91
92
|
}) => {
|
|
92
|
-
const { theme, isRTL:
|
|
93
|
-
isRTL =
|
|
93
|
+
const { theme, isRTL: themeIsRTL } = useTheme(); // Use theme's RTL
|
|
94
|
+
const isRTL = themeIsRTL; // Prioritize theme's RTL setting
|
|
94
95
|
|
|
95
96
|
const [isActive, setIsActive] = useState(false);
|
|
96
97
|
|
|
@@ -131,13 +132,27 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
131
132
|
const headerRight = isRTL ? labelContent : actionContent;
|
|
132
133
|
|
|
133
134
|
const mainCardBorderRadius = borderRadius;
|
|
135
|
+
const defaultInnerCardBorderRadius = 30; // Renamed for clarity
|
|
136
|
+
const defaultFloatingBottomOffset = -30; // Define default floating offset
|
|
137
|
+
|
|
138
|
+
// Flatten the innerCardStyle to easily access properties
|
|
139
|
+
const flatInnerCardStyle = StyleSheet.flatten(innerCardStyle);
|
|
140
|
+
|
|
141
|
+
// Determine the actual bottom offset for the floating inner card
|
|
142
|
+
let actualFloatingBottomOffset = defaultFloatingBottomOffset;
|
|
143
|
+
if (
|
|
144
|
+
innerCardVariant === "floating" &&
|
|
145
|
+
flatInnerCardStyle &&
|
|
146
|
+
typeof flatInnerCardStyle.bottom === "number"
|
|
147
|
+
) {
|
|
148
|
+
actualFloatingBottomOffset = flatInnerCardStyle.bottom;
|
|
149
|
+
}
|
|
134
150
|
|
|
135
|
-
const innerCardBorderRadius = 30;
|
|
136
151
|
const getVariantStyle = (): StyleProp<ViewStyle> => {
|
|
137
152
|
if (innerCardVariant === "floating") {
|
|
138
153
|
return {
|
|
139
154
|
position: "absolute",
|
|
140
|
-
bottom:
|
|
155
|
+
bottom: actualFloatingBottomOffset,
|
|
141
156
|
width: "100%",
|
|
142
157
|
marginHorizontal: 0,
|
|
143
158
|
marginVertical: 0,
|
|
@@ -150,30 +165,36 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
150
165
|
|
|
151
166
|
const computedInnerCardStyle = [
|
|
152
167
|
{
|
|
153
|
-
borderRadius:
|
|
168
|
+
borderRadius: defaultInnerCardBorderRadius,
|
|
154
169
|
marginVertical: 8,
|
|
155
170
|
marginHorizontal: 16,
|
|
156
171
|
},
|
|
157
172
|
getVariantStyle(),
|
|
158
|
-
|
|
173
|
+
flatInnerCardStyle,
|
|
159
174
|
];
|
|
175
|
+
|
|
160
176
|
const finalInnerBorderRadius =
|
|
161
|
-
(
|
|
162
|
-
(innerCardVariant === "floating" ? 20 :
|
|
163
|
-
innerCardBorderRadius;
|
|
177
|
+
(flatInnerCardStyle?.borderRadius as number) ??
|
|
178
|
+
(innerCardVariant === "floating" ? 20 : defaultInnerCardBorderRadius);
|
|
164
179
|
|
|
165
180
|
const overlayStyle: ViewStyle = {
|
|
166
|
-
|
|
181
|
+
position: "absolute",
|
|
182
|
+
top: 0,
|
|
183
|
+
left: 0,
|
|
184
|
+
right: 0,
|
|
185
|
+
bottom:
|
|
186
|
+
innerCardVariant === "floating" ? actualFloatingBottomOffset : 0,
|
|
187
|
+
borderTopLeftRadius: mainCardBorderRadius,
|
|
188
|
+
borderTopRightRadius: mainCardBorderRadius,
|
|
167
189
|
borderBottomLeftRadius:
|
|
168
190
|
innerCardVariant === "floating"
|
|
169
|
-
? finalInnerBorderRadius
|
|
170
|
-
: mainCardBorderRadius,
|
|
191
|
+
? finalInnerBorderRadius
|
|
192
|
+
: mainCardBorderRadius,
|
|
171
193
|
borderBottomRightRadius:
|
|
172
194
|
innerCardVariant === "floating"
|
|
173
|
-
? finalInnerBorderRadius
|
|
174
|
-
: mainCardBorderRadius,
|
|
175
|
-
|
|
176
|
-
overflow: "hidden",
|
|
195
|
+
? finalInnerBorderRadius
|
|
196
|
+
: mainCardBorderRadius,
|
|
197
|
+
overflow: "hidden",
|
|
177
198
|
};
|
|
178
199
|
|
|
179
200
|
return (
|
|
@@ -184,13 +205,13 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
184
205
|
height: 300,
|
|
185
206
|
position: "relative",
|
|
186
207
|
borderRadius: mainCardBorderRadius,
|
|
208
|
+
overflow: "hidden",
|
|
187
209
|
},
|
|
188
210
|
style,
|
|
189
211
|
{ width },
|
|
190
212
|
]}
|
|
191
213
|
backgroundImage={{
|
|
192
214
|
source: backgroundImage,
|
|
193
|
-
imageStyle: { borderRadius: mainCardBorderRadius },
|
|
194
215
|
resizeMode: "cover",
|
|
195
216
|
}}
|
|
196
217
|
>
|
|
@@ -203,21 +224,21 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
203
224
|
<CardHeader
|
|
204
225
|
left={headerLeft}
|
|
205
226
|
right={headerRight}
|
|
206
|
-
style={{ alignItems: "center" }}
|
|
227
|
+
style={{ alignItems: "center", zIndex: 1 }}
|
|
207
228
|
/>
|
|
208
229
|
|
|
209
230
|
<View
|
|
210
231
|
style={{
|
|
211
232
|
flex: 1,
|
|
212
233
|
justifyContent: "flex-end",
|
|
213
|
-
zIndex: overlayCover == "background" ?
|
|
234
|
+
zIndex: overlayCover == "background" ? 1 : 0,
|
|
214
235
|
}}
|
|
215
236
|
>
|
|
216
237
|
<CardContent style={{ padding: 0 }}>
|
|
217
238
|
<Card
|
|
218
239
|
backgroundColor={theme.surface}
|
|
219
240
|
variant="filled"
|
|
220
|
-
style={computedInnerCardStyle}
|
|
241
|
+
style={computedInnerCardStyle}
|
|
221
242
|
>
|
|
222
243
|
<CardHeader
|
|
223
244
|
title={dealProviderName}
|
|
@@ -259,7 +280,7 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
259
280
|
isRTL={isRTL}
|
|
260
281
|
/>
|
|
261
282
|
) : (
|
|
262
|
-
<View
|
|
283
|
+
<View />
|
|
263
284
|
)}
|
|
264
285
|
<View>
|
|
265
286
|
<Text
|