related-ui-components 2.8.4 → 2.8.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/module/components/Card/Card.js +16 -13
- package/lib/module/components/Card/Card.js.map +1 -1
- package/lib/module/components/Card/templates/SelaDealCard.js +3 -1
- package/lib/module/components/Card/templates/SelaDealCard.js.map +1 -1
- package/lib/typescript/src/components/Card/Card.d.ts.map +1 -1
- package/lib/typescript/src/components/Card/templates/SelaDealCard.d.ts +1 -0
- package/lib/typescript/src/components/Card/templates/SelaDealCard.d.ts.map +1 -1
- package/package.json +3 -2
- package/src/components/Card/Card.tsx +3 -0
- package/src/components/Card/templates/SelaDealCard.tsx +3 -0
|
@@ -4,6 +4,7 @@ import React from "react";
|
|
|
4
4
|
import { View, TouchableOpacity, StyleSheet, ImageBackground } from "react-native";
|
|
5
5
|
import { useTheme } from "../../theme/ThemeContext.js";
|
|
6
6
|
import { LinearGradient } from "expo-linear-gradient";
|
|
7
|
+
import { Grayscale } from "react-native-color-matrix-image-filters";
|
|
7
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
9
|
const Card = ({
|
|
9
10
|
children,
|
|
@@ -38,19 +39,21 @@ const Card = ({
|
|
|
38
39
|
}];
|
|
39
40
|
const renderCardContent = () => {
|
|
40
41
|
if (backgroundImage) {
|
|
41
|
-
return /*#__PURE__*/_jsx(
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
42
|
+
return /*#__PURE__*/_jsx(Grayscale, {
|
|
43
|
+
children: /*#__PURE__*/_jsx(ImageBackground, {
|
|
44
|
+
source: backgroundImage.source,
|
|
45
|
+
style: [styles.backgroundImage, backgroundImage.style],
|
|
46
|
+
imageStyle: [{
|
|
47
|
+
borderRadius
|
|
48
|
+
}, backgroundImage.imageStyle],
|
|
49
|
+
resizeMode: backgroundImage.resizeMode || "cover",
|
|
50
|
+
blurRadius: backgroundImage.blurRadius,
|
|
51
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
52
|
+
style: [styles.imageContentContainer, {
|
|
53
|
+
opacity: backgroundImage.opacity !== undefined ? backgroundImage.opacity : 1
|
|
54
|
+
}],
|
|
55
|
+
children: children
|
|
56
|
+
})
|
|
54
57
|
})
|
|
55
58
|
});
|
|
56
59
|
} else if (gradient) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","TouchableOpacity","StyleSheet","ImageBackground","useTheme","LinearGradient","jsx","_jsx","Card","children","style","onPress","disabled","elevation","testID","variant","backgroundColor","borderColor","borderRadius","backgroundImage","gradient","theme","getCardStyle","baseStyle","background","cardStyle","styles","card","opacity","renderCardContent","source","imageStyle","resizeMode","blurRadius","imageContentContainer","undefined","colors","start","end","activeOpacity","accessibilityRole","accessibilityLabel","create","flexDirection","display","width","height","flex","justifyContent","alignItems"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/Card.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EACJC,gBAAgB,EAChBC,UAAU,EAEVC,eAAe,QACV,cAAc;AAErB,SAASC,QAAQ,QAAQ,6BAA0B;AACnD,SAASC,cAAc,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["React","View","TouchableOpacity","StyleSheet","ImageBackground","useTheme","LinearGradient","Grayscale","jsx","_jsx","Card","children","style","onPress","disabled","elevation","testID","variant","backgroundColor","borderColor","borderRadius","backgroundImage","gradient","theme","getCardStyle","baseStyle","background","cardStyle","styles","card","opacity","renderCardContent","source","imageStyle","resizeMode","blurRadius","imageContentContainer","undefined","colors","start","end","activeOpacity","accessibilityRole","accessibilityLabel","create","flexDirection","display","width","height","flex","justifyContent","alignItems"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Card/Card.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -31,6 +31,7 @@ const SelaDealCard = ({
|
|
|
31
31
|
darkOverlayEnabled = true,
|
|
32
32
|
darkOverlayColor = "rgba(0, 0, 0, 0.3)",
|
|
33
33
|
lockOverlay = false,
|
|
34
|
+
lockIcon,
|
|
34
35
|
priceContainerBlur,
|
|
35
36
|
grayscaleIntensity = 0
|
|
36
37
|
}) => {
|
|
@@ -87,7 +88,8 @@ const SelaDealCard = ({
|
|
|
87
88
|
}]
|
|
88
89
|
}), /*#__PURE__*/_jsx(LockOverlay, {
|
|
89
90
|
visible: lockOverlay,
|
|
90
|
-
contentPosition: isRTL ? "top-left" : "top-right"
|
|
91
|
+
contentPosition: isRTL ? "top-left" : "top-right",
|
|
92
|
+
icon: lockIcon
|
|
91
93
|
// iconSize={24}
|
|
92
94
|
,
|
|
93
95
|
text: "",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","View","StyleSheet","Image","Card","useTheme","LockOverlay","BlurView","ThemedText","Text","jsx","_jsx","jsxs","_jsxs","SelaDealCard","variant","backgroundImage","label","labelStyle","labelContainerStyle","providerName","providerNameStyle","description","descriptionStyle","price","priceStyle","priceContainerStyle","onPress","style","width","height","isRTL","propIsRTL","borderRadius","darkOverlayEnabled","darkOverlayColor","lockOverlay","priceContainerBlur","grayscaleIntensity","theme","themeIsRTL","undefined","styles","getStyles","dynamicHeight","setDynamicHeight","uri","getSize","imgWidth","imgHeight","aspectRatio","finalLabelContainerStyle","labelContainerBase","finalLabelStyle","labelTextBase","finalPriceContainerStyle","priceContainerBase","priceContainerHorizontal","priceContainerVertical","finalPriceStyle","priceTextBase","providerTextStyle","providerNameBase","color","onSurface","descriptionTextStyle","descriptionBase","cardBase","source","resizeMode","filter","children","absoluteFill","backgroundColor","visible","contentPosition","text","overlayOpacity","overlayContainer","topSection","bottomContentHorizontal","textBlockHorizontal","bottomContentVertical","textBlockVertical","experimentalBlurMethod","intensity","tint","primary","create","overflow","position","flex","padding","justifyContent","flexDirection","paddingVertical","paddingHorizontal","background","fontWeight","fontSize","onBackground","marginBottom","secondary","helper","onPrimary","alignItems","marginRight","alignSelf"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/Card/templates/SelaDealCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAIEC,IAAI,EAGJC,UAAU,EACVC,KAAK,QAEA,cAAc;AACrB,OAAOC,IAAI,MAAM,YAAS;AAC1B,SAASC,QAAQ,QAAQ,gCAA6B;AAEtD,SAASC,WAAW,QAAQ,4BAAmB;AAC/C,SAASC,QAAQ,QAAQ,WAAW;AACpC,SAASC,UAAU,IAAIC,IAAI,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","View","StyleSheet","Image","Card","useTheme","LockOverlay","BlurView","ThemedText","Text","jsx","_jsx","jsxs","_jsxs","SelaDealCard","variant","backgroundImage","label","labelStyle","labelContainerStyle","providerName","providerNameStyle","description","descriptionStyle","price","priceStyle","priceContainerStyle","onPress","style","width","height","isRTL","propIsRTL","borderRadius","darkOverlayEnabled","darkOverlayColor","lockOverlay","lockIcon","priceContainerBlur","grayscaleIntensity","theme","themeIsRTL","undefined","styles","getStyles","dynamicHeight","setDynamicHeight","uri","getSize","imgWidth","imgHeight","aspectRatio","finalLabelContainerStyle","labelContainerBase","finalLabelStyle","labelTextBase","finalPriceContainerStyle","priceContainerBase","priceContainerHorizontal","priceContainerVertical","finalPriceStyle","priceTextBase","providerTextStyle","providerNameBase","color","onSurface","descriptionTextStyle","descriptionBase","cardBase","source","resizeMode","filter","children","absoluteFill","backgroundColor","visible","contentPosition","icon","text","overlayOpacity","overlayContainer","topSection","bottomContentHorizontal","textBlockHorizontal","bottomContentVertical","textBlockVertical","experimentalBlurMethod","intensity","tint","primary","create","overflow","position","flex","padding","justifyContent","flexDirection","paddingVertical","paddingHorizontal","background","fontWeight","fontSize","onBackground","marginBottom","secondary","helper","onPrimary","alignItems","marginRight","alignSelf"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/Card/templates/SelaDealCard.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKpC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmG7B,CAAC;AAyBF,eAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelaDealCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/SelaDealCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,SAAS,EACT,SAAS,EAET,SAAS,EACT,cAAc,EAGd,cAAc,EACf,MAAM,cAAc,CAAC;AAQtB,UAAU,iBAAiB;IACzB,OAAO,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,eAAe,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"SelaDealCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/SelaDealCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,SAAS,EACT,SAAS,EAET,SAAS,EACT,cAAc,EAGd,cAAc,EACf,MAAM,cAAc,CAAC;AAQtB,UAAU,iBAAiB;IACzB,OAAO,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,eAAe,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2L7C,CAAC;AAsEF,eAAe,YAAY,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "related-ui-components",
|
|
3
|
-
"version": "2.8.
|
|
3
|
+
"version": "2.8.5",
|
|
4
4
|
"main": "./src/index.ts",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "expo start",
|
|
@@ -32,7 +32,8 @@
|
|
|
32
32
|
"react-native-picker-select": "^9.3.1",
|
|
33
33
|
"react-native-qrcode-svg": "^6.3.15",
|
|
34
34
|
"react-native-safe-area-context": ">=5.0.0",
|
|
35
|
-
"react-native-svg": "15.11.2"
|
|
35
|
+
"react-native-svg": "15.11.2",
|
|
36
|
+
"react-native-color-matrix-image-filters": "^7.0.2"
|
|
36
37
|
},
|
|
37
38
|
"devDependencies": {
|
|
38
39
|
"@babel/core": "^7.25.2",
|
|
@@ -9,6 +9,7 @@ import {
|
|
|
9
9
|
import { CardProps } from "./types";
|
|
10
10
|
import { useTheme } from "../../theme/ThemeContext";
|
|
11
11
|
import { LinearGradient } from "expo-linear-gradient";
|
|
12
|
+
import { Grayscale } from "react-native-color-matrix-image-filters";
|
|
12
13
|
|
|
13
14
|
const Card: React.FC<CardProps> = ({
|
|
14
15
|
children,
|
|
@@ -48,6 +49,7 @@ const Card: React.FC<CardProps> = ({
|
|
|
48
49
|
const renderCardContent = () => {
|
|
49
50
|
if (backgroundImage) {
|
|
50
51
|
return (
|
|
52
|
+
<Grayscale>
|
|
51
53
|
<ImageBackground
|
|
52
54
|
source={backgroundImage.source}
|
|
53
55
|
style={[styles.backgroundImage, backgroundImage.style]}
|
|
@@ -69,6 +71,7 @@ const Card: React.FC<CardProps> = ({
|
|
|
69
71
|
{children}
|
|
70
72
|
</View>
|
|
71
73
|
</ImageBackground>
|
|
74
|
+
</Grayscale>
|
|
72
75
|
);
|
|
73
76
|
} else if (gradient) {
|
|
74
77
|
return (
|
|
@@ -46,6 +46,7 @@ interface SelaDealCardProps {
|
|
|
46
46
|
darkOverlayColor?: string; // New prop for custom overlay color
|
|
47
47
|
lockOverlay?: boolean;
|
|
48
48
|
grayscaleIntensity?: number;
|
|
49
|
+
lockIcon?: React.ReactNode;
|
|
49
50
|
}
|
|
50
51
|
|
|
51
52
|
const SelaDealCard: React.FC<SelaDealCardProps> = ({
|
|
@@ -70,6 +71,7 @@ const SelaDealCard: React.FC<SelaDealCardProps> = ({
|
|
|
70
71
|
darkOverlayEnabled = true,
|
|
71
72
|
darkOverlayColor = "rgba(0, 0, 0, 0.3)",
|
|
72
73
|
lockOverlay = false,
|
|
74
|
+
lockIcon,
|
|
73
75
|
priceContainerBlur,
|
|
74
76
|
grayscaleIntensity = 0
|
|
75
77
|
}) => {
|
|
@@ -161,6 +163,7 @@ const SelaDealCard: React.FC<SelaDealCardProps> = ({
|
|
|
161
163
|
<LockOverlay
|
|
162
164
|
visible={lockOverlay}
|
|
163
165
|
contentPosition={isRTL ? "top-left" : "top-right"}
|
|
166
|
+
icon={lockIcon}
|
|
164
167
|
// iconSize={24}
|
|
165
168
|
text={""}
|
|
166
169
|
overlayOpacity={0.4}
|