related-ui-components 1.5.3 → 1.5.5
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/commonjs/components/Popup/Popup.js +12 -1
- package/lib/commonjs/components/Popup/Popup.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/module/components/Popup/Popup.js +12 -1
- package/lib/module/components/Popup/Popup.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/commonjs/components/Popup/Popup.d.ts +1 -0
- package/lib/typescript/commonjs/components/Popup/Popup.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/lib/typescript/module/components/Popup/Popup.d.ts +1 -0
- package/lib/typescript/module/components/Popup/Popup.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Card/templates/DealCardWithBackgroundImage.tsx +45 -24
- package/src/components/Popup/Popup.tsx +13 -0
|
@@ -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":[]}
|
|
@@ -42,7 +42,8 @@ const Popup = ({
|
|
|
42
42
|
closeIconColor,
|
|
43
43
|
closeIconSize = 28,
|
|
44
44
|
children,
|
|
45
|
-
modalStyle
|
|
45
|
+
modalStyle,
|
|
46
|
+
overlay
|
|
46
47
|
}) => {
|
|
47
48
|
const {
|
|
48
49
|
theme,
|
|
@@ -63,6 +64,10 @@ const Popup = ({
|
|
|
63
64
|
color: closeIconColor,
|
|
64
65
|
size: closeIconSize,
|
|
65
66
|
isRTL: isRTL
|
|
67
|
+
}), overlay && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
68
|
+
style: styles.overlayContainer,
|
|
69
|
+
pointerEvents: "none",
|
|
70
|
+
children: overlay
|
|
66
71
|
}), children || (backgroundImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ImageBackground, {
|
|
67
72
|
source: backgroundImage,
|
|
68
73
|
style: styles.backgroundImage,
|
|
@@ -293,6 +298,12 @@ const createStyles = theme => _reactNative.StyleSheet.create({
|
|
|
293
298
|
fontWeight: "600",
|
|
294
299
|
fontSize: 16
|
|
295
300
|
// color is set inline
|
|
301
|
+
},
|
|
302
|
+
overlayContainer: {
|
|
303
|
+
..._reactNative.StyleSheet.absoluteFillObject,
|
|
304
|
+
zIndex: 5,
|
|
305
|
+
justifyContent: 'center',
|
|
306
|
+
alignItems: 'center'
|
|
296
307
|
}
|
|
297
308
|
});
|
|
298
309
|
var _default = exports.default = Popup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_index","require","_react","_interopRequireDefault","_reactNative","_CloseIcon","_jsxRuntime","e","__esModule","default","Popup","visible","onClose","backgroundImage","title","content","subtitle","primaryButtonText","onPrimaryButtonPress","secondaryButtonText","onSecondaryButtonPress","closeOnBackdropPress","showCloseIcon","customCloseIcon","illustrationImage","illustrationStyle","containerStyle","titleStyle","contentStyle","primaryButtonStyle","primaryButtonTextStyle","secondaryButtonStyle","secondaryButtonTextStyle","contentContainerStyle","closeIconContainerStyle","closeIconStyle","closeIconVariant","subtitleStyle","isRTL","closeIconColor","closeIconSize","children","modalStyle","theme","rtl","useTheme","styles","createStyles","PopupContent","jsxs","View","style","popupContainer","jsx","show","onPress","customIcon","variant","iconStyle","color","size","ImageBackground","source","imageStyle","backgroundImageStyle","PopupInnerContent","contentContainer","illustrationContainer","Image","resizeMode","Text","text","textAlign","buttonContainer","flexDirection","TouchableOpacity","secondaryButton","borderColor","primary","marginLeft","marginRight","primaryButton","backgroundColor","onPrimary","Modal","transparent","animationType","onRequestClose","statusBarTranslucent","modalOverlay","TouchableWithoutFeedback","StyleSheet","absoluteFill","width","Dimensions","get","popupWidth","create","flex","justifyContent","alignItems","paddingTop","Platform","OS","StatusBar","currentHeight","maxHeight","borderRadius","elevation","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","position","surface","closeIconContainer","zIndex","borderWidth","padding","closeIcon","textAlignVertical","lineHeight","marginBottom","fontSize","fontWeight","marginTop","paddingVertical","paddingHorizontal","minWidth","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Popup/Popup.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAiBA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA+C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;
|
|
1
|
+
{"version":3,"names":["_index","require","_react","_interopRequireDefault","_reactNative","_CloseIcon","_jsxRuntime","e","__esModule","default","Popup","visible","onClose","backgroundImage","title","content","subtitle","primaryButtonText","onPrimaryButtonPress","secondaryButtonText","onSecondaryButtonPress","closeOnBackdropPress","showCloseIcon","customCloseIcon","illustrationImage","illustrationStyle","containerStyle","titleStyle","contentStyle","primaryButtonStyle","primaryButtonTextStyle","secondaryButtonStyle","secondaryButtonTextStyle","contentContainerStyle","closeIconContainerStyle","closeIconStyle","closeIconVariant","subtitleStyle","isRTL","closeIconColor","closeIconSize","children","modalStyle","overlay","theme","rtl","useTheme","styles","createStyles","PopupContent","jsxs","View","style","popupContainer","jsx","show","onPress","customIcon","variant","iconStyle","color","size","overlayContainer","pointerEvents","ImageBackground","source","imageStyle","backgroundImageStyle","PopupInnerContent","contentContainer","illustrationContainer","Image","resizeMode","Text","text","textAlign","buttonContainer","flexDirection","TouchableOpacity","secondaryButton","borderColor","primary","marginLeft","marginRight","primaryButton","backgroundColor","onPrimary","Modal","transparent","animationType","onRequestClose","statusBarTranslucent","modalOverlay","TouchableWithoutFeedback","StyleSheet","absoluteFill","width","Dimensions","get","popupWidth","create","flex","justifyContent","alignItems","paddingTop","Platform","OS","StatusBar","currentHeight","maxHeight","borderRadius","elevation","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","position","surface","closeIconContainer","zIndex","borderWidth","padding","closeIcon","textAlignVertical","lineHeight","marginBottom","fontSize","fontWeight","marginTop","paddingVertical","paddingHorizontal","minWidth","absoluteFillObject","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Popup/Popup.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":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAIEC,IAAI,EACJC,IAAI,EAEJC,gBAAgB,EAEhBC,UAAU,CAAE;AAAA,OACP,cAAc;AACrB,OAAOC,IAAI,MAAM,YAAS;AAC1B,OAAOC,UAAU,MAAM,kBAAe;AACtC,OAAOC,WAAW,MAAM,mBAAgB;AACxC,SAASC,QAAQ,QAAQ,gCAA6B;AACtD,OAAOC,UAAU,MAAM,kBAAe;AACtC,OAAOC,WAAW,MAGX,kCAA+B;AACtC,OAAOC,WAAW,MAAM,kCAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAqCxD,MAAMC,2BAAoD,GAAGA,CAAC;EAC5DC,eAAe;EACfC,OAAO;EACPC,KAAK;EACLC,mBAAmB;EACnBC,UAAU;EACVC,iBAAiB;EACjBC,gBAAgB;EAChBC,aAAa;EACbC,cAAc;EAAE;EAChBC,eAAe;EACfC,oBAAoB;EACpBC,SAAS;EACTC,cAAc;EACdC,gBAAgB;EAChBC,qBAAqB;EACrBC,WAAW;EACXC,eAAe;EACfC,uBAAuB;EACvBC,oBAAoB;EACpBC,aAAa;EACbC,cAAc;EACdC,aAAa;EACbC,sBAAsB;EACtBC,aAAa;EACbC,gBAAgB,GAAG,QAAQ;EAC3BC,KAAK;EACLC,KAAK,GAAG,MAAM;EACdC,KAAK,EAAEC,YAAY,GAAG,KAAK;EAAE;EAC7BC,cAAc,GAAG,KAAK;EACtBC,YAAY,GAAG,YAAY;EAC3BC,YAAY,GAAG,CAAC;EAChBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC,KAAK;IAAEN,KAAK,EAAEO;EAAW,CAAC,GAAG3C,QAAQ,CAAC,CAAC,CAAC,CAAC;EACjD,MAAMoC,KAAK,GAAGO,UAAU,CAAC,CAAC;;EAE1B,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGrD,QAAQ,CAAC,KAAK,CAAC;EAE/C,MAAMsD,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAI,CAAC/B,gBAAgB,EAAE;IACvB8B,WAAW,CAAC,CAACD,QAAQ,CAAC;IACtB,IAAI5B,aAAa,EAAE;MACjBA,aAAa,CAAC,CAAC4B,QAAQ,CAAC;IAC1B;EACF,CAAC;EAED,MAAMG,YAAY,GAAGpC,KAAK,iBACxBN,IAAA,CAACZ,IAAI;IACHyC,KAAK,EAAE,CACL;MACEc,eAAe,EAAEN,KAAK,CAACO,OAAO;MAC9BC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBX,YAAY,EAAE;IAChB,CAAC,EACD5B,mBAAmB,CACnB;IAAAwC,QAAA,eAEF/C,IAAA,CAACX,IAAI;MAACwC,KAAK,EAAE,CAAC;QAAEmB,KAAK,EAAEX,KAAK,CAACY;MAAU,CAAC,EAAEzC,UAAU,CAAE;MAAAuC,QAAA,EAAEzC;IAAK,CAAO;EAAC,CACjE,CACP;EAED,MAAM4C,aAAa,gBACjBlD,IAAA,CAACV,gBAAgB;IACfe,OAAO,EAAEoC,iBAAkB;IAC3BU,OAAO,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,IAAI,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAG,CAAE;IAAAR,QAAA,EAErDR,QAAQ,GAAG7B,gBAAgB,GAAGD;EAAiB,CAChC,CACnB;EAED,MAAM+C,UAAU,GAAGzB,KAAK,GAAGmB,aAAa,GAAGR,YAAY;EACvD,MAAMe,WAAW,GAAG1B,KAAK,GAAGW,YAAY,GAAGQ,aAAa;EAExD,MAAMQ,oBAAoB,GAAGvB,YAAY;EACzC,MAAMwB,4BAA4B,GAAG,EAAE,CAAC,CAAC;EACzC,MAAMC,2BAA2B,GAAG,CAAC,EAAE,CAAC,CAAC;;EAEzC;EACA,MAAMC,kBAAkB,GAAGtE,UAAU,CAACuE,OAAO,CAAClD,cAAc,CAAC;;EAE7D;EACA,IAAImD,0BAA0B,GAAGH,2BAA2B;EAC5D,IACEhC,gBAAgB,KAAK,UAAU,IAC/BiC,kBAAkB,IAClB,OAAOA,kBAAkB,CAACP,MAAM,KAAK,QAAQ,EAC7C;IACAS,0BAA0B,GAAGF,kBAAkB,CAACP,MAAM;EACxD;EAEA,MAAMU,eAAe,GAAGA,CAAA,KAA4B;IAClD,IAAIpC,gBAAgB,KAAK,UAAU,EAAE;MACnC,OAAO;QACLqC,QAAQ,EAAE,UAAU;QACpBX,MAAM,EAAES,0BAA0B;QAClCjC,KAAK,EAAE,MAAM;QACboC,gBAAgB,EAAE,CAAC;QACnBC,cAAc,EAAE,CAAC;QACjBC,aAAa,EAAEjD,WAAW,IAAIJ,SAAS,GAAG,CAAC,GAAG,EAAE;QAChDoB,YAAY,EAAE;MAChB,CAAC;IACH;IACA,OAAO,CAAC,CAAC;EACX,CAAC;EAED,MAAMkC,sBAAsB,GAAG,CAC7B;IACElC,YAAY,EAAEwB,4BAA4B;IAC1CQ,cAAc,EAAE,CAAC;IACjBD,gBAAgB,EAAE;EACpB,CAAC,EACDF,eAAe,CAAC,CAAC,EACjBH,kBAAkB,CACnB;EAED,MAAMS,sBAAsB,GACzBT,kBAAkB,EAAE1B,YAAY,KAChCP,gBAAgB,KAAK,UAAU,GAAG,EAAE,GAAG+B,4BAA4B,CAAC;EAEvE,MAAMY,YAAuB,GAAG;IAC9BN,QAAQ,EAAE,UAAU;IACpBb,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPE,KAAK,EAAE,CAAC;IACRD,MAAM,EACJ1B,gBAAgB,KAAK,UAAU,GAAGmC,0BAA0B,GAAG,CAAC;IAClES,mBAAmB,EAAEd,oBAAoB;IACzCe,oBAAoB,EAAEf,oBAAoB;IAC1CgB,sBAAsB,EACpB9C,gBAAgB,KAAK,UAAU,GAC3B0C,sBAAsB,GACtBZ,oBAAoB;IAC1BiB,uBAAuB,EACrB/C,gBAAgB,KAAK,UAAU,GAC3B0C,sBAAsB,GACtBZ,oBAAoB;IAC1BkB,QAAQ,EAAE;EACZ,CAAC;EAED,oBACE1E,KAAA,CAACV,IAAI;IACHa,OAAO,EAAEA,OAAQ;IACjBwB,KAAK,EAAE,CACL;MACEgD,MAAM,EAAE,GAAG;MACXZ,QAAQ,EAAE,UAAU;MACpB9B,YAAY,EAAEuB,oBAAoB;MAClCkB,QAAQ,EAAE;IACZ,CAAC,EACD/C,KAAK,EACL;MAAEC;IAAM,CAAC,CACT;IACF1B,eAAe,EAAE;MACf0E,MAAM,EAAE1E,eAAe;MACvB2E,UAAU,EAAE;IACd,CAAE;IAAAhC,QAAA,gBAEF/C,IAAA,CAACF,WAAW;MACVkF,OAAO,EAAE/C,cAAe;MACxBgD,cAAc,EAAEV,YAAa;MAC7BW,oBAAoB,EAAEhD,YAAY,IAAI,YAAY,GAAG,KAAK,GAAG,QAAS;MACtE7B,OAAO,EAAE+B;IAAe,CACzB,CAAC,eACFpC,IAAA,CAACP,UAAU;MACT4D,IAAI,EAAEG,UAAW;MACjBD,KAAK,EAAEE,WAAY;MACnB5B,KAAK,EAAE;QAAEsD,UAAU,EAAE,QAAQ;QAAEC,MAAM,EAAE;MAAE;IAAE,CAC5C,CAAC,eAEFpF,IAAA,CAACZ,IAAI;MACHyC,KAAK,EAAE;QACLwD,IAAI,EAAE,CAAC;QACPC,cAAc,EAAE,UAAU;QAC1BF,MAAM,EAAElD,YAAY,IAAI,YAAY,GAAG,CAAC,GAAG;MAC7C,CAAE;MAAAa,QAAA,eAEF/C,IAAA,CAACN,WAAW;QAACmC,KAAK,EAAE;UAAE0D,OAAO,EAAE;QAAE,CAAE;QAAAxC,QAAA,eACjC7C,KAAA,CAACV,IAAI;UACHmD,eAAe,EAAEN,KAAK,CAACO,OAAQ;UAC/B4C,OAAO,EAAC,QAAQ;UAChB3D,KAAK,EAAEwC,sBAAuB;UAAAtB,QAAA,gBAE9B/C,IAAA,CAACP,UAAU;YACTgG,KAAK,EAAExE,gBAAiB;YACxByE,UAAU,EAAErD,KAAK,CAACsD,IAAK;YACvBC,UAAU,EAAE,CACV;cAAEC,QAAQ,EAAE,EAAE;cAAEC,SAAS,EAAE/D,KAAK,GAAG,OAAO,GAAG;YAAO,CAAC,EACrDb,qBAAqB,CACrB;YACF6E,QAAQ,EAAElF,eAAgB;YAC1BmF,aAAa,EAAE3D,KAAK,CAAC4D,MAAO;YAC5BC,aAAa,EAAE,CACb;cAAEJ,SAAS,EAAE/D,KAAK,GAAG,OAAO,GAAG;YAAO,CAAC,EACvCjB,oBAAoB;UACpB,CACH,CAAC,EACD,CAACK,WAAW,IAAIJ,SAAS,kBACxBb,KAAA,CAACN,UAAU;YACT0F,cAAc,EAAC,eAAe;YAC9BzD,KAAK,EAAE;cACLsE,aAAa,EAAEpE,KAAK,GAAG,aAAa,GAAG;YACzC,CAAE;YAAAgB,QAAA,GAED5B,WAAW,gBACVnB,IAAA,CAACH,WAAW;cACVuG,QAAQ,EAAE7E,aAAc;cACxB8E,cAAc,EAAE3E,sBAAuB;cACvCC,aAAa,EAAEA,aAAc;cAC7BkD,MAAM,EAAErD,cAAc,IAAI,EAAG;cAC7BM,KAAK,EAAEL,aAAc;cACrB6E,YAAY,EAAEjF,uBAAwB;cACtCsE,IAAI,EAAEvE,eAAgB;cACtBmF,QAAQ,EAAEnF,eAAe,IAAI,IAAK;cAClC0E,SAAS,EACP/D,KAAK,IAAIT,oBAAoB,IAAI,IAAI,GACjC,OAAO,GACPA,oBACL;cACDkF,SAAS,EAAE;gBAAEX,QAAQ,EAAE,EAAE;gBAAE7C,KAAK,EAAEX,KAAK,CAACsD;cAAK,CAAE;cAC/C5D,KAAK,EAAEA;YAAM,CACd,CAAC,gBAEF/B,IAAA,CAACZ,IAAI,IAAE,CACR,eACDY,IAAA,CAACZ,IAAI;cAAA2D,QAAA,eACH/C,IAAA,CAACX,IAAI;gBACHwC,KAAK,EAAE,CACL;kBACEgE,QAAQ,EAAE,EAAE;kBACZ7C,KAAK,EAAEX,KAAK,CAACoE,OAAO;kBACpBC,UAAU,EAAE,MAAM;kBAClBZ,SAAS,EAAE/D,KAAK,GAAG,MAAM,GAAG;gBAC9B,CAAC,EACDf,cAAc,CACd;gBAAA+B,QAAA,EAEDhC;cAAS,CACN;YAAC,CACH,CAAC;UAAA,CACG,CACb;QAAA,CACG;MAAC,CACI;IAAC,CACV,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,eAAeZ,2BAA2B","ignoreList":[]}
|
|
@@ -37,7 +37,8 @@ const Popup = ({
|
|
|
37
37
|
closeIconColor,
|
|
38
38
|
closeIconSize = 28,
|
|
39
39
|
children,
|
|
40
|
-
modalStyle
|
|
40
|
+
modalStyle,
|
|
41
|
+
overlay
|
|
41
42
|
}) => {
|
|
42
43
|
const {
|
|
43
44
|
theme,
|
|
@@ -58,6 +59,10 @@ const Popup = ({
|
|
|
58
59
|
color: closeIconColor,
|
|
59
60
|
size: closeIconSize,
|
|
60
61
|
isRTL: isRTL
|
|
62
|
+
}), overlay && /*#__PURE__*/_jsx(View, {
|
|
63
|
+
style: styles.overlayContainer,
|
|
64
|
+
pointerEvents: "none",
|
|
65
|
+
children: overlay
|
|
61
66
|
}), children || (backgroundImage ? /*#__PURE__*/_jsx(ImageBackground, {
|
|
62
67
|
source: backgroundImage,
|
|
63
68
|
style: styles.backgroundImage,
|
|
@@ -288,6 +293,12 @@ const createStyles = theme => StyleSheet.create({
|
|
|
288
293
|
fontWeight: "600",
|
|
289
294
|
fontSize: 16
|
|
290
295
|
// color is set inline
|
|
296
|
+
},
|
|
297
|
+
overlayContainer: {
|
|
298
|
+
...StyleSheet.absoluteFillObject,
|
|
299
|
+
zIndex: 5,
|
|
300
|
+
justifyContent: 'center',
|
|
301
|
+
alignItems: 'center'
|
|
291
302
|
}
|
|
292
303
|
});
|
|
293
304
|
export default Popup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","React","Modal","View","Text","TouchableOpacity","StyleSheet","ImageBackground","Dimensions","TouchableWithoutFeedback","Platform","StatusBar","Image","CloseIcon","jsx","_jsx","jsxs","_jsxs","Popup","visible","onClose","backgroundImage","title","content","subtitle","primaryButtonText","onPrimaryButtonPress","secondaryButtonText","onSecondaryButtonPress","closeOnBackdropPress","showCloseIcon","customCloseIcon","illustrationImage","illustrationStyle","containerStyle","titleStyle","contentStyle","primaryButtonStyle","primaryButtonTextStyle","secondaryButtonStyle","secondaryButtonTextStyle","contentContainerStyle","closeIconContainerStyle","closeIconStyle","closeIconVariant","subtitleStyle","isRTL","closeIconColor","closeIconSize","children","modalStyle","theme","rtl","styles","createStyles","PopupContent","style","popupContainer","show","onPress","customIcon","variant","iconStyle","color","size","source","imageStyle","backgroundImageStyle","PopupInnerContent","contentContainer","illustrationContainer","resizeMode","text","textAlign","buttonContainer","flexDirection","secondaryButton","borderColor","primary","marginLeft","marginRight","primaryButton","backgroundColor","onPrimary","transparent","animationType","onRequestClose","statusBarTranslucent","modalOverlay","absoluteFill","width","get","popupWidth","create","flex","justifyContent","alignItems","paddingTop","OS","currentHeight","maxHeight","borderRadius","elevation","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","position","surface","closeIconContainer","zIndex","borderWidth","padding","closeIcon","textAlignVertical","lineHeight","marginBottom","fontSize","fontWeight","marginTop","paddingVertical","paddingHorizontal","minWidth"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Popup/Popup.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAmB,sBAAa;AACjD,OAAOC,KAAK,MAAyB,OAAO;AAC5C,SACEC,KAAK,EACLC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,UAAU,EACVC,eAAe,EAEfC,UAAU,EACVC,wBAAwB,EACxBC,QAAQ,EACRC,SAAS,EACTC,KAAK,QAIA,cAAc;AACrB,OAAOC,SAAS,MAAM,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["useTheme","React","Modal","View","Text","TouchableOpacity","StyleSheet","ImageBackground","Dimensions","TouchableWithoutFeedback","Platform","StatusBar","Image","CloseIcon","jsx","_jsx","jsxs","_jsxs","Popup","visible","onClose","backgroundImage","title","content","subtitle","primaryButtonText","onPrimaryButtonPress","secondaryButtonText","onSecondaryButtonPress","closeOnBackdropPress","showCloseIcon","customCloseIcon","illustrationImage","illustrationStyle","containerStyle","titleStyle","contentStyle","primaryButtonStyle","primaryButtonTextStyle","secondaryButtonStyle","secondaryButtonTextStyle","contentContainerStyle","closeIconContainerStyle","closeIconStyle","closeIconVariant","subtitleStyle","isRTL","closeIconColor","closeIconSize","children","modalStyle","overlay","theme","rtl","styles","createStyles","PopupContent","style","popupContainer","show","onPress","customIcon","variant","iconStyle","color","size","overlayContainer","pointerEvents","source","imageStyle","backgroundImageStyle","PopupInnerContent","contentContainer","illustrationContainer","resizeMode","text","textAlign","buttonContainer","flexDirection","secondaryButton","borderColor","primary","marginLeft","marginRight","primaryButton","backgroundColor","onPrimary","transparent","animationType","onRequestClose","statusBarTranslucent","modalOverlay","absoluteFill","width","get","popupWidth","create","flex","justifyContent","alignItems","paddingTop","OS","currentHeight","maxHeight","borderRadius","elevation","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","position","surface","closeIconContainer","zIndex","borderWidth","padding","closeIcon","textAlignVertical","lineHeight","marginBottom","fontSize","fontWeight","marginTop","paddingVertical","paddingHorizontal","minWidth","absoluteFillObject"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Popup/Popup.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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAOL,mBAAmB,EAMnB,SAAS,EACT,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAGtB,UAAU,UAAU;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACzC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAOL,mBAAmB,EAMnB,SAAS,EACT,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAGtB,UAAU,UAAU;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACzC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA0MzB,CAAC;AAmIF,eAAe,KAAK,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAOL,mBAAmB,EAMnB,SAAS,EACT,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAGtB,UAAU,UAAU;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACzC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAOL,mBAAmB,EAMnB,SAAS,EACT,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAGtB,UAAU,UAAU;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACzC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA0MzB,CAAC;AAmIF,eAAe,KAAK,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
|
|
@@ -52,6 +52,7 @@ interface PopupProps {
|
|
|
52
52
|
isRTL?: boolean;
|
|
53
53
|
closeIconSize?: number;
|
|
54
54
|
modalStyle?: ViewStyle;
|
|
55
|
+
overlay?: ReactNode
|
|
55
56
|
}
|
|
56
57
|
|
|
57
58
|
const Popup: FC<PopupProps> = ({
|
|
@@ -87,6 +88,7 @@ const Popup: FC<PopupProps> = ({
|
|
|
87
88
|
closeIconSize = 28,
|
|
88
89
|
children,
|
|
89
90
|
modalStyle,
|
|
91
|
+
overlay
|
|
90
92
|
}) => {
|
|
91
93
|
const { theme, isRTL: rtl } = useTheme();
|
|
92
94
|
isRTL = rtl;
|
|
@@ -110,6 +112,11 @@ const Popup: FC<PopupProps> = ({
|
|
|
110
112
|
size={closeIconSize}
|
|
111
113
|
isRTL={isRTL}
|
|
112
114
|
/>
|
|
115
|
+
{overlay && (
|
|
116
|
+
<View style={styles.overlayContainer} pointerEvents="none">
|
|
117
|
+
{overlay}
|
|
118
|
+
</View>
|
|
119
|
+
)}
|
|
113
120
|
{children || (backgroundImage ? (
|
|
114
121
|
<ImageBackground
|
|
115
122
|
source={backgroundImage}
|
|
@@ -373,6 +380,12 @@ const createStyles = (theme: ThemeType) =>
|
|
|
373
380
|
fontSize: 16,
|
|
374
381
|
// color is set inline
|
|
375
382
|
},
|
|
383
|
+
overlayContainer: {
|
|
384
|
+
...StyleSheet.absoluteFillObject,
|
|
385
|
+
zIndex: 5,
|
|
386
|
+
justifyContent: 'center',
|
|
387
|
+
alignItems: 'center',
|
|
388
|
+
},
|
|
376
389
|
});
|
|
377
390
|
|
|
378
391
|
export default Popup;
|