related-ui-components 1.5.2 → 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 +38 -19
- package/lib/commonjs/components/Card/templates/DealCardWithBackgroundImage.js.map +1 -1
- package/lib/module/components/Card/templates/DealCardWithBackgroundImage.js +40 -20
- package/lib/module/components/Card/templates/DealCardWithBackgroundImage.js.map +1 -1
- package/lib/typescript/commonjs/components/Card/templates/DealCardWithBackgroundImage.d.ts +2 -1
- package/lib/typescript/commonjs/components/Card/templates/DealCardWithBackgroundImage.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Filters/Filters.d.ts +1 -1
- package/lib/typescript/commonjs/components/Filters/Filters.d.ts.map +1 -1
- package/lib/typescript/module/components/Card/templates/DealCardWithBackgroundImage.d.ts +2 -1
- package/lib/typescript/module/components/Card/templates/DealCardWithBackgroundImage.d.ts.map +1 -1
- package/lib/typescript/module/components/Filters/Filters.d.ts +1 -1
- package/lib/typescript/module/components/Filters/Filters.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Card/templates/DealCardWithBackgroundImage.tsx +56 -27
- package/src/components/Filters/Filters.tsx +1 -1
|
@@ -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,16 +46,19 @@ 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
|
-
borderRadius = 8
|
|
53
|
+
borderRadius = 8,
|
|
54
|
+
onOverlayPress
|
|
52
55
|
}) => {
|
|
53
56
|
const {
|
|
54
57
|
theme,
|
|
55
|
-
isRTL:
|
|
56
|
-
} = (0, _ThemeContext.useTheme)();
|
|
57
|
-
isRTL =
|
|
58
|
+
isRTL: themeIsRTL
|
|
59
|
+
} = (0, _ThemeContext.useTheme)(); // Use theme's RTL
|
|
60
|
+
const isRTL = themeIsRTL; // Prioritize theme's RTL setting
|
|
61
|
+
|
|
58
62
|
const [isActive, setIsActive] = (0, _react.useState)(false);
|
|
59
63
|
const handleActionPress = () => {
|
|
60
64
|
if (!actionIconActive) return;
|
|
@@ -90,12 +94,22 @@ const DealCardWithBackgroundImage = ({
|
|
|
90
94
|
const headerLeft = isRTL ? actionContent : labelContent;
|
|
91
95
|
const headerRight = isRTL ? labelContent : actionContent;
|
|
92
96
|
const mainCardBorderRadius = borderRadius;
|
|
93
|
-
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
|
+
}
|
|
94
108
|
const getVariantStyle = () => {
|
|
95
109
|
if (innerCardVariant === "floating") {
|
|
96
110
|
return {
|
|
97
111
|
position: "absolute",
|
|
98
|
-
bottom:
|
|
112
|
+
bottom: actualFloatingBottomOffset,
|
|
99
113
|
width: "100%",
|
|
100
114
|
marginHorizontal: 0,
|
|
101
115
|
marginVertical: 0,
|
|
@@ -106,16 +120,21 @@ const DealCardWithBackgroundImage = ({
|
|
|
106
120
|
return {};
|
|
107
121
|
};
|
|
108
122
|
const computedInnerCardStyle = [{
|
|
109
|
-
borderRadius:
|
|
123
|
+
borderRadius: defaultInnerCardBorderRadius,
|
|
110
124
|
marginVertical: 8,
|
|
111
125
|
marginHorizontal: 16
|
|
112
|
-
}, getVariantStyle(),
|
|
113
|
-
const finalInnerBorderRadius =
|
|
126
|
+
}, getVariantStyle(), flatInnerCardStyle];
|
|
127
|
+
const finalInnerBorderRadius = flatInnerCardStyle?.borderRadius ?? (innerCardVariant === "floating" ? 20 : defaultInnerCardBorderRadius);
|
|
114
128
|
const overlayStyle = {
|
|
115
|
-
|
|
129
|
+
position: "absolute",
|
|
130
|
+
top: 0,
|
|
131
|
+
left: 0,
|
|
132
|
+
right: 0,
|
|
133
|
+
bottom: innerCardVariant === "floating" ? actualFloatingBottomOffset : 0,
|
|
134
|
+
borderTopLeftRadius: mainCardBorderRadius,
|
|
135
|
+
borderTopRightRadius: mainCardBorderRadius,
|
|
116
136
|
borderBottomLeftRadius: innerCardVariant === "floating" ? finalInnerBorderRadius : mainCardBorderRadius,
|
|
117
137
|
borderBottomRightRadius: innerCardVariant === "floating" ? finalInnerBorderRadius : mainCardBorderRadius,
|
|
118
|
-
bottom: innerCardVariant === "floating" ? -30 : 0,
|
|
119
138
|
overflow: "hidden"
|
|
120
139
|
};
|
|
121
140
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.default, {
|
|
@@ -123,32 +142,32 @@ const DealCardWithBackgroundImage = ({
|
|
|
123
142
|
style: [{
|
|
124
143
|
height: 300,
|
|
125
144
|
position: "relative",
|
|
126
|
-
borderRadius: mainCardBorderRadius
|
|
145
|
+
borderRadius: mainCardBorderRadius,
|
|
146
|
+
overflow: "hidden"
|
|
127
147
|
}, style, {
|
|
128
148
|
width
|
|
129
149
|
}],
|
|
130
150
|
backgroundImage: {
|
|
131
151
|
source: backgroundImage,
|
|
132
|
-
imageStyle: {
|
|
133
|
-
borderRadius: mainCardBorderRadius
|
|
134
|
-
},
|
|
135
152
|
resizeMode: "cover"
|
|
136
153
|
},
|
|
137
154
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LockOverlay.default, {
|
|
138
155
|
visible: overlayVisible,
|
|
139
156
|
containerStyle: overlayStyle,
|
|
140
|
-
contentVerticalAlign: overlayCover == "background" ? "top" : "center"
|
|
157
|
+
contentVerticalAlign: overlayCover == "background" ? "top" : "center",
|
|
158
|
+
onPress: onOverlayPress
|
|
141
159
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardHeader.default, {
|
|
142
160
|
left: headerLeft,
|
|
143
161
|
right: headerRight,
|
|
144
162
|
style: {
|
|
145
|
-
alignItems: "center"
|
|
163
|
+
alignItems: "center",
|
|
164
|
+
zIndex: 1
|
|
146
165
|
}
|
|
147
166
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
148
167
|
style: {
|
|
149
168
|
flex: 1,
|
|
150
169
|
justifyContent: "flex-end",
|
|
151
|
-
zIndex: overlayCover == "background" ?
|
|
170
|
+
zIndex: overlayCover == "background" ? 1 : 0
|
|
152
171
|
},
|
|
153
172
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardContent.default, {
|
|
154
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","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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAWA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,YAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,YAAA,GAAAL,sBAAA,CAAAH,OAAA;AAIA,IAAAS,YAAA,GAAAN,sBAAA,CAAAH,OAAA;AAAwD,IAAAU,WAAA,GAAAV,OAAA;AAAA,SAAAG,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAqCxD,MAAMW,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,GAAG,IAAAC,sBAAQ,EAAC,CAAC,CAAC,CAAC;EACjD,MAAMR,KAAK,GAAGO,UAAU,CAAC,CAAC;;EAE1B,MAAM,CAACE,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE/C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAI,CAACjC,gBAAgB,EAAE;IACvB+B,WAAW,CAAC,CAACD,QAAQ,CAAC;IACtB,IAAI7B,aAAa,EAAE;MACjBA,aAAa,CAAC,CAAC6B,QAAQ,CAAC;IAC1B;EACF,CAAC;EAED,MAAMI,YAAY,GAAGtC,KAAK,iBACxB,IAAAxB,WAAA,CAAA+D,GAAA,EAACxE,YAAA,CAAAyE,IAAI;IACHjB,KAAK,EAAE,CACL;MACEkB,eAAe,EAAEV,KAAK,CAACW,OAAO;MAC9BC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBf,YAAY,EAAE;IAChB,CAAC,EACD5B,mBAAmB,CACnB;IAAA4C,QAAA,eAEF,IAAArE,WAAA,CAAA+D,GAAA,EAACxE,YAAA,CAAA+E,IAAI;MAACvB,KAAK,EAAE,CAAC;QAAEwB,KAAK,EAAEhB,KAAK,CAACiB;MAAU,CAAC,EAAE9C,UAAU,CAAE;MAAA2C,QAAA,EAAE7C;IAAK,CAAO;EAAC,CACjE,CACP;EAED,MAAMiD,aAAa,gBACjB,IAAAzE,WAAA,CAAA+D,GAAA,EAACxE,YAAA,CAAAmF,gBAAgB;IACfnD,OAAO,EAAEsC,iBAAkB;IAC3Bc,OAAO,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,IAAI,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAG,CAAE;IAAAV,QAAA,EAErDX,QAAQ,GAAG9B,gBAAgB,GAAGD;EAAiB,CAChC,CACnB;EAED,MAAMqD,UAAU,GAAG/B,KAAK,GAAGwB,aAAa,GAAGX,YAAY;EACvD,MAAMmB,WAAW,GAAGhC,KAAK,GAAGa,YAAY,GAAGW,aAAa;EAExD,MAAMS,oBAAoB,GAAG7B,YAAY;EACzC,MAAM8B,4BAA4B,GAAG,EAAE,CAAC,CAAC;EACzC,MAAMC,2BAA2B,GAAG,CAAC,EAAE,CAAC,CAAC;;EAEzC;EACA,MAAMC,kBAAkB,GAAGC,uBAAU,CAACC,OAAO,CAACzD,cAAc,CAAC;;EAE7D;EACA,IAAI0D,0BAA0B,GAAGJ,2BAA2B;EAC5D,IACEtC,gBAAgB,KAAK,UAAU,IAC/BuC,kBAAkB,IAClB,OAAOA,kBAAkB,CAACP,MAAM,KAAK,QAAQ,EAC7C;IACAU,0BAA0B,GAAGH,kBAAkB,CAACP,MAAM;EACxD;EAEA,MAAMW,eAAe,GAAGA,CAAA,KAA4B;IAClD,IAAI3C,gBAAgB,KAAK,UAAU,EAAE;MACnC,OAAO;QACL4C,QAAQ,EAAE,UAAU;QACpBZ,MAAM,EAAEU,0BAA0B;QAClCxC,KAAK,EAAE,MAAM;QACb2C,gBAAgB,EAAE,CAAC;QACnBC,cAAc,EAAE,CAAC;QACjBC,aAAa,EAAExD,WAAW,IAAIJ,SAAS,GAAG,CAAC,GAAG,EAAE;QAChDoB,YAAY,EAAE;MAChB,CAAC;IACH;IACA,OAAO,CAAC,CAAC;EACX,CAAC;EAED,MAAMyC,sBAAsB,GAAG,CAC7B;IACEzC,YAAY,EAAE8B,4BAA4B;IAC1CS,cAAc,EAAE,CAAC;IACjBD,gBAAgB,EAAE;EACpB,CAAC,EACDF,eAAe,CAAC,CAAC,EACjBJ,kBAAkB,CACnB;EAED,MAAMU,sBAAsB,GACzBV,kBAAkB,EAAEhC,YAAY,KAChCP,gBAAgB,KAAK,UAAU,GAAG,EAAE,GAAGqC,4BAA4B,CAAC;EAEvE,MAAMa,YAAuB,GAAG;IAC9BN,QAAQ,EAAE,UAAU;IACpBd,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPE,KAAK,EAAE,CAAC;IACRD,MAAM,EACJhC,gBAAgB,KAAK,UAAU,GAAG0C,0BAA0B,GAAG,CAAC;IAClES,mBAAmB,EAAEf,oBAAoB;IACzCgB,oBAAoB,EAAEhB,oBAAoB;IAC1CiB,sBAAsB,EACpBrD,gBAAgB,KAAK,UAAU,GAC3BiD,sBAAsB,GACtBb,oBAAoB;IAC1BkB,uBAAuB,EACrBtD,gBAAgB,KAAK,UAAU,GAC3BiD,sBAAsB,GACtBb,oBAAoB;IAC1BmB,QAAQ,EAAE;EACZ,CAAC;EAED,oBACE,IAAArG,WAAA,CAAAsG,IAAA,EAAC9G,KAAA,CAAAW,OAAI;IACHoB,OAAO,EAAEA,OAAQ;IACjBwB,KAAK,EAAE,CACL;MACEwD,MAAM,EAAE,GAAG;MACXb,QAAQ,EAAE,UAAU;MACpBrC,YAAY,EAAE6B,oBAAoB;MAClCmB,QAAQ,EAAE;IACZ,CAAC,EACDtD,KAAK,EACL;MAAEC;IAAM,CAAC,CACT;IACF1B,eAAe,EAAE;MACfkF,MAAM,EAAElF,eAAe;MACvBmF,UAAU,EAAE;IACd,CAAE;IAAApC,QAAA,gBAEF,IAAArE,WAAA,CAAA+D,GAAA,EAAChE,YAAA,CAAAI,OAAW;MACVuG,OAAO,EAAEvD,cAAe;MACxBwD,cAAc,EAAEX,YAAa;MAC7BY,oBAAoB,EAAExD,YAAY,IAAI,YAAY,GAAG,KAAK,GAAG,QAAS;MACtE7B,OAAO,EAAE+B;IAAe,CACzB,CAAC,eACF,IAAAtD,WAAA,CAAA+D,GAAA,EAACrE,WAAA,CAAAS,OAAU;MACT0E,IAAI,EAAEG,UAAW;MACjBD,KAAK,EAAEE,WAAY;MACnBlC,KAAK,EAAE;QAAE8D,UAAU,EAAE,QAAQ;QAAEC,MAAM,EAAE;MAAE;IAAE,CAC5C,CAAC,eAEF,IAAA9G,WAAA,CAAA+D,GAAA,EAACxE,YAAA,CAAAyE,IAAI;MACHjB,KAAK,EAAE;QACLgE,IAAI,EAAE,CAAC;QACPC,cAAc,EAAE,UAAU;QAC1BF,MAAM,EAAE1D,YAAY,IAAI,YAAY,GAAG,CAAC,GAAG;MAC7C,CAAE;MAAAiB,QAAA,eAEF,IAAArE,WAAA,CAAA+D,GAAA,EAACpE,YAAA,CAAAQ,OAAW;QAAC4C,KAAK,EAAE;UAAEkE,OAAO,EAAE;QAAE,CAAE;QAAA5C,QAAA,eACjC,IAAArE,WAAA,CAAAsG,IAAA,EAAC9G,KAAA,CAAAW,OAAI;UACH8D,eAAe,EAAEV,KAAK,CAACW,OAAQ;UAC/BgD,OAAO,EAAC,QAAQ;UAChBnE,KAAK,EAAE+C,sBAAuB;UAAAzB,QAAA,gBAE9B,IAAArE,WAAA,CAAA+D,GAAA,EAACrE,WAAA,CAAAS,OAAU;YACTgH,KAAK,EAAEhF,gBAAiB;YACxBiF,UAAU,EAAE7D,KAAK,CAAC8D,IAAK;YACvBC,UAAU,EAAE,CACV;cAAEC,QAAQ,EAAE,EAAE;cAAEC,SAAS,EAAEvE,KAAK,GAAG,OAAO,GAAG;YAAO,CAAC,EACrDb,qBAAqB,CACrB;YACFqF,QAAQ,EAAE1F,eAAgB;YAC1B2F,aAAa,EAAEnE,KAAK,CAACoE,MAAO;YAC5BC,aAAa,EAAE,CACb;cAAEJ,SAAS,EAAEvE,KAAK,GAAG,OAAO,GAAG;YAAO,CAAC,EACvCjB,oBAAoB;UACpB,CACH,CAAC,EACD,CAACK,WAAW,IAAIJ,SAAS,kBACxB,IAAAjC,WAAA,CAAAsG,IAAA,EAACzG,WAAA,CAAAM,OAAU;YACT6G,cAAc,EAAC,eAAe;YAC9BjE,KAAK,EAAE;cACL8E,aAAa,EAAE5E,KAAK,GAAG,aAAa,GAAG;YACzC,CAAE;YAAAoB,QAAA,GAEDhC,WAAW,gBACV,IAAArC,WAAA,CAAA+D,GAAA,EAACjE,YAAA,CAAAK,OAAW;cACV2H,QAAQ,EAAErF,aAAc;cACxBsF,cAAc,EAAEnF,sBAAuB;cACvCC,aAAa,EAAEA,aAAc;cAC7B0D,MAAM,EAAE7D,cAAc,IAAI,EAAG;cAC7BM,KAAK,EAAEL,aAAc;cACrBqF,YAAY,EAAEzF,uBAAwB;cACtC8E,IAAI,EAAE/E,eAAgB;cACtB2F,QAAQ,EAAE3F,eAAe,IAAI,IAAK;cAClCkF,SAAS,EACPvE,KAAK,IAAIT,oBAAoB,IAAI,IAAI,GACjC,OAAO,GACPA,oBACL;cACD0F,SAAS,EAAE;gBAAEX,QAAQ,EAAE,EAAE;gBAAEhD,KAAK,EAAEhB,KAAK,CAAC8D;cAAK,CAAE;cAC/CpE,KAAK,EAAEA;YAAM,CACd,CAAC,gBAEF,IAAAjD,WAAA,CAAA+D,GAAA,EAACxE,YAAA,CAAAyE,IAAI,IAAE,CACR,eACD,IAAAhE,WAAA,CAAA+D,GAAA,EAACxE,YAAA,CAAAyE,IAAI;cAAAK,QAAA,eACH,IAAArE,WAAA,CAAA+D,GAAA,EAACxE,YAAA,CAAA+E,IAAI;gBACHvB,KAAK,EAAE,CACL;kBACEwE,QAAQ,EAAE,EAAE;kBACZhD,KAAK,EAAEhB,KAAK,CAAC4E,OAAO;kBACpBC,UAAU,EAAE,MAAM;kBAClBZ,SAAS,EAAEvE,KAAK,GAAG,MAAM,GAAG;gBAC9B,CAAC,EACDf,cAAc,CACd;gBAAAmC,QAAA,EAEDpC;cAAS,CACN;YAAC,CACH,CAAC;UAAA,CACG,CACb;QAAA,CACG;MAAC,CACI;IAAC,CACV,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAAC,IAAAoG,QAAA,GAAAC,OAAA,CAAAnI,OAAA,GAEakB,2BAA2B","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,16 +40,19 @@ 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
|
-
borderRadius = 8
|
|
47
|
+
borderRadius = 8,
|
|
48
|
+
onOverlayPress
|
|
45
49
|
}) => {
|
|
46
50
|
const {
|
|
47
51
|
theme,
|
|
48
|
-
isRTL:
|
|
49
|
-
} = useTheme();
|
|
50
|
-
isRTL =
|
|
52
|
+
isRTL: themeIsRTL
|
|
53
|
+
} = useTheme(); // Use theme's RTL
|
|
54
|
+
const isRTL = themeIsRTL; // Prioritize theme's RTL setting
|
|
55
|
+
|
|
51
56
|
const [isActive, setIsActive] = useState(false);
|
|
52
57
|
const handleActionPress = () => {
|
|
53
58
|
if (!actionIconActive) return;
|
|
@@ -83,12 +88,22 @@ const DealCardWithBackgroundImage = ({
|
|
|
83
88
|
const headerLeft = isRTL ? actionContent : labelContent;
|
|
84
89
|
const headerRight = isRTL ? labelContent : actionContent;
|
|
85
90
|
const mainCardBorderRadius = borderRadius;
|
|
86
|
-
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
|
+
}
|
|
87
102
|
const getVariantStyle = () => {
|
|
88
103
|
if (innerCardVariant === "floating") {
|
|
89
104
|
return {
|
|
90
105
|
position: "absolute",
|
|
91
|
-
bottom:
|
|
106
|
+
bottom: actualFloatingBottomOffset,
|
|
92
107
|
width: "100%",
|
|
93
108
|
marginHorizontal: 0,
|
|
94
109
|
marginVertical: 0,
|
|
@@ -99,16 +114,21 @@ const DealCardWithBackgroundImage = ({
|
|
|
99
114
|
return {};
|
|
100
115
|
};
|
|
101
116
|
const computedInnerCardStyle = [{
|
|
102
|
-
borderRadius:
|
|
117
|
+
borderRadius: defaultInnerCardBorderRadius,
|
|
103
118
|
marginVertical: 8,
|
|
104
119
|
marginHorizontal: 16
|
|
105
|
-
}, getVariantStyle(),
|
|
106
|
-
const finalInnerBorderRadius =
|
|
120
|
+
}, getVariantStyle(), flatInnerCardStyle];
|
|
121
|
+
const finalInnerBorderRadius = flatInnerCardStyle?.borderRadius ?? (innerCardVariant === "floating" ? 20 : defaultInnerCardBorderRadius);
|
|
107
122
|
const overlayStyle = {
|
|
108
|
-
|
|
123
|
+
position: "absolute",
|
|
124
|
+
top: 0,
|
|
125
|
+
left: 0,
|
|
126
|
+
right: 0,
|
|
127
|
+
bottom: innerCardVariant === "floating" ? actualFloatingBottomOffset : 0,
|
|
128
|
+
borderTopLeftRadius: mainCardBorderRadius,
|
|
129
|
+
borderTopRightRadius: mainCardBorderRadius,
|
|
109
130
|
borderBottomLeftRadius: innerCardVariant === "floating" ? finalInnerBorderRadius : mainCardBorderRadius,
|
|
110
131
|
borderBottomRightRadius: innerCardVariant === "floating" ? finalInnerBorderRadius : mainCardBorderRadius,
|
|
111
|
-
bottom: innerCardVariant === "floating" ? -30 : 0,
|
|
112
132
|
overflow: "hidden"
|
|
113
133
|
};
|
|
114
134
|
return /*#__PURE__*/_jsxs(Card, {
|
|
@@ -116,32 +136,32 @@ const DealCardWithBackgroundImage = ({
|
|
|
116
136
|
style: [{
|
|
117
137
|
height: 300,
|
|
118
138
|
position: "relative",
|
|
119
|
-
borderRadius: mainCardBorderRadius
|
|
139
|
+
borderRadius: mainCardBorderRadius,
|
|
140
|
+
overflow: "hidden"
|
|
120
141
|
}, style, {
|
|
121
142
|
width
|
|
122
143
|
}],
|
|
123
144
|
backgroundImage: {
|
|
124
145
|
source: backgroundImage,
|
|
125
|
-
imageStyle: {
|
|
126
|
-
borderRadius: mainCardBorderRadius
|
|
127
|
-
},
|
|
128
146
|
resizeMode: "cover"
|
|
129
147
|
},
|
|
130
148
|
children: [/*#__PURE__*/_jsx(LockOverlay, {
|
|
131
149
|
visible: overlayVisible,
|
|
132
150
|
containerStyle: overlayStyle,
|
|
133
|
-
contentVerticalAlign: overlayCover == "background" ? "top" : "center"
|
|
151
|
+
contentVerticalAlign: overlayCover == "background" ? "top" : "center",
|
|
152
|
+
onPress: onOverlayPress
|
|
134
153
|
}), /*#__PURE__*/_jsx(CardHeader, {
|
|
135
154
|
left: headerLeft,
|
|
136
155
|
right: headerRight,
|
|
137
156
|
style: {
|
|
138
|
-
alignItems: "center"
|
|
157
|
+
alignItems: "center",
|
|
158
|
+
zIndex: 1
|
|
139
159
|
}
|
|
140
160
|
}), /*#__PURE__*/_jsx(View, {
|
|
141
161
|
style: {
|
|
142
162
|
flex: 1,
|
|
143
163
|
justifyContent: "flex-end",
|
|
144
|
-
zIndex: overlayCover == "background" ?
|
|
164
|
+
zIndex: overlayCover == "background" ? 1 : 0
|
|
145
165
|
},
|
|
146
166
|
children: /*#__PURE__*/_jsx(CardContent, {
|
|
147
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","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>;
|
|
@@ -27,6 +27,7 @@ interface DealCardProps {
|
|
|
27
27
|
remainingProgressColor?: string;
|
|
28
28
|
progressValue?: number;
|
|
29
29
|
onPress?: () => void;
|
|
30
|
+
onOverlayPress?: () => void;
|
|
30
31
|
style?: StyleProp<ViewStyle>;
|
|
31
32
|
width?: DimensionValue;
|
|
32
33
|
isRTL?: boolean;
|
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":"Filters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/Filters.tsx"],"names":[],"mappings":"AAAE,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAKL,SAAS,EACT,SAAS,EACT,mBAAmB,EAGpB,MAAM,cAAc,CAAC;AAStB,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AACF,
|
|
1
|
+
{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/Filters.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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>;
|
|
@@ -27,6 +27,7 @@ interface DealCardProps {
|
|
|
27
27
|
remainingProgressColor?: string;
|
|
28
28
|
progressValue?: number;
|
|
29
29
|
onPress?: () => void;
|
|
30
|
+
onOverlayPress?: () => void;
|
|
30
31
|
style?: StyleProp<ViewStyle>;
|
|
31
32
|
width?: DimensionValue;
|
|
32
33
|
isRTL?: boolean;
|
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":"Filters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/Filters.tsx"],"names":[],"mappings":"AAAE,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAKL,SAAS,EACT,SAAS,EACT,mBAAmB,EAGpB,MAAM,cAAc,CAAC;AAStB,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AACF,
|
|
1
|
+
{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/Filters.tsx"],"names":[],"mappings":"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"}
|
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>;
|
|
@@ -46,6 +47,7 @@ interface DealCardProps {
|
|
|
46
47
|
remainingProgressColor?: string;
|
|
47
48
|
progressValue?: number;
|
|
48
49
|
onPress?: () => void;
|
|
50
|
+
onOverlayPress?: () => void;
|
|
49
51
|
style?: StyleProp<ViewStyle>;
|
|
50
52
|
width?: DimensionValue;
|
|
51
53
|
isRTL?: boolean;
|
|
@@ -63,7 +65,7 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
63
65
|
actionIconDefault,
|
|
64
66
|
actionIconActive,
|
|
65
67
|
onActionPress,
|
|
66
|
-
innerCardStyle,
|
|
68
|
+
innerCardStyle, // Use the prop directly
|
|
67
69
|
dealDescription,
|
|
68
70
|
dealDescriptionStyle,
|
|
69
71
|
dealPrice,
|
|
@@ -82,13 +84,14 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
82
84
|
innerCardVariant = "nested",
|
|
83
85
|
style,
|
|
84
86
|
width = "100%",
|
|
85
|
-
isRTL = false,
|
|
87
|
+
isRTL: initialIsRTL = false, // Renamed to avoid conflict
|
|
86
88
|
overlayVisible = false,
|
|
87
89
|
overlayCover = "background",
|
|
88
|
-
borderRadius = 8
|
|
90
|
+
borderRadius = 8,
|
|
91
|
+
onOverlayPress,
|
|
89
92
|
}) => {
|
|
90
|
-
const {theme, isRTL
|
|
91
|
-
isRTL =
|
|
93
|
+
const { theme, isRTL: themeIsRTL } = useTheme(); // Use theme's RTL
|
|
94
|
+
const isRTL = themeIsRTL; // Prioritize theme's RTL setting
|
|
92
95
|
|
|
93
96
|
const [isActive, setIsActive] = useState(false);
|
|
94
97
|
|
|
@@ -117,7 +120,10 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
117
120
|
);
|
|
118
121
|
|
|
119
122
|
const actionContent = (
|
|
120
|
-
<TouchableOpacity
|
|
123
|
+
<TouchableOpacity
|
|
124
|
+
onPress={handleActionPress}
|
|
125
|
+
hitSlop={{ top: 30, left: 30, bottom: 30, right: 30 }}
|
|
126
|
+
>
|
|
121
127
|
{isActive ? actionIconActive : actionIconDefault}
|
|
122
128
|
</TouchableOpacity>
|
|
123
129
|
);
|
|
@@ -126,13 +132,27 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
126
132
|
const headerRight = isRTL ? labelContent : actionContent;
|
|
127
133
|
|
|
128
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
|
+
}
|
|
129
150
|
|
|
130
|
-
const innerCardBorderRadius = 30;
|
|
131
151
|
const getVariantStyle = (): StyleProp<ViewStyle> => {
|
|
132
152
|
if (innerCardVariant === "floating") {
|
|
133
153
|
return {
|
|
134
154
|
position: "absolute",
|
|
135
|
-
bottom:
|
|
155
|
+
bottom: actualFloatingBottomOffset,
|
|
136
156
|
width: "100%",
|
|
137
157
|
marginHorizontal: 0,
|
|
138
158
|
marginVertical: 0,
|
|
@@ -145,30 +165,36 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
145
165
|
|
|
146
166
|
const computedInnerCardStyle = [
|
|
147
167
|
{
|
|
148
|
-
borderRadius:
|
|
168
|
+
borderRadius: defaultInnerCardBorderRadius,
|
|
149
169
|
marginVertical: 8,
|
|
150
|
-
marginHorizontal: 16
|
|
170
|
+
marginHorizontal: 16,
|
|
151
171
|
},
|
|
152
172
|
getVariantStyle(),
|
|
153
|
-
|
|
173
|
+
flatInnerCardStyle,
|
|
154
174
|
];
|
|
175
|
+
|
|
155
176
|
const finalInnerBorderRadius =
|
|
156
|
-
(
|
|
157
|
-
(innerCardVariant === "floating" ? 20 :
|
|
158
|
-
innerCardBorderRadius;
|
|
177
|
+
(flatInnerCardStyle?.borderRadius as number) ??
|
|
178
|
+
(innerCardVariant === "floating" ? 20 : defaultInnerCardBorderRadius);
|
|
159
179
|
|
|
160
180
|
const overlayStyle: ViewStyle = {
|
|
161
|
-
|
|
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,
|
|
162
189
|
borderBottomLeftRadius:
|
|
163
190
|
innerCardVariant === "floating"
|
|
164
|
-
? finalInnerBorderRadius
|
|
165
|
-
: mainCardBorderRadius,
|
|
191
|
+
? finalInnerBorderRadius
|
|
192
|
+
: mainCardBorderRadius,
|
|
166
193
|
borderBottomRightRadius:
|
|
167
194
|
innerCardVariant === "floating"
|
|
168
|
-
? finalInnerBorderRadius
|
|
169
|
-
: mainCardBorderRadius,
|
|
170
|
-
|
|
171
|
-
overflow: "hidden",
|
|
195
|
+
? finalInnerBorderRadius
|
|
196
|
+
: mainCardBorderRadius,
|
|
197
|
+
overflow: "hidden",
|
|
172
198
|
};
|
|
173
199
|
|
|
174
200
|
return (
|
|
@@ -179,13 +205,13 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
179
205
|
height: 300,
|
|
180
206
|
position: "relative",
|
|
181
207
|
borderRadius: mainCardBorderRadius,
|
|
208
|
+
overflow: "hidden",
|
|
182
209
|
},
|
|
183
210
|
style,
|
|
184
211
|
{ width },
|
|
185
212
|
]}
|
|
186
213
|
backgroundImage={{
|
|
187
214
|
source: backgroundImage,
|
|
188
|
-
imageStyle: {borderRadius: mainCardBorderRadius},
|
|
189
215
|
resizeMode: "cover",
|
|
190
216
|
}}
|
|
191
217
|
>
|
|
@@ -193,25 +219,26 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
193
219
|
visible={overlayVisible}
|
|
194
220
|
containerStyle={overlayStyle}
|
|
195
221
|
contentVerticalAlign={overlayCover == "background" ? "top" : "center"}
|
|
222
|
+
onPress={onOverlayPress}
|
|
196
223
|
/>
|
|
197
224
|
<CardHeader
|
|
198
225
|
left={headerLeft}
|
|
199
226
|
right={headerRight}
|
|
200
|
-
style={{ alignItems: "center" }}
|
|
227
|
+
style={{ alignItems: "center", zIndex: 1 }}
|
|
201
228
|
/>
|
|
202
229
|
|
|
203
230
|
<View
|
|
204
231
|
style={{
|
|
205
232
|
flex: 1,
|
|
206
233
|
justifyContent: "flex-end",
|
|
207
|
-
zIndex: overlayCover == "background" ?
|
|
234
|
+
zIndex: overlayCover == "background" ? 1 : 0,
|
|
208
235
|
}}
|
|
209
236
|
>
|
|
210
237
|
<CardContent style={{ padding: 0 }}>
|
|
211
238
|
<Card
|
|
212
239
|
backgroundColor={theme.surface}
|
|
213
240
|
variant="filled"
|
|
214
|
-
style={computedInnerCardStyle}
|
|
241
|
+
style={computedInnerCardStyle}
|
|
215
242
|
>
|
|
216
243
|
<CardHeader
|
|
217
244
|
title={dealProviderName}
|
|
@@ -252,7 +279,9 @@ const DealCardWithBackgroundImage: React.FC<DealCardProps> = ({
|
|
|
252
279
|
textStyle={{ fontSize: 10, color: theme.text }}
|
|
253
280
|
isRTL={isRTL}
|
|
254
281
|
/>
|
|
255
|
-
) :
|
|
282
|
+
) : (
|
|
283
|
+
<View />
|
|
284
|
+
)}
|
|
256
285
|
<View>
|
|
257
286
|
<Text
|
|
258
287
|
style={[
|