related-ui-components 2.7.9 → 2.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/app.js +12 -3
- package/lib/module/app.js.map +1 -1
- package/lib/module/components/RedemptionOption/RedemptionOption.js +7 -18
- package/lib/module/components/RedemptionOption/RedemptionOption.js.map +1 -1
- package/lib/typescript/src/app.d.ts.map +1 -1
- package/lib/typescript/src/components/RedemptionOption/RedemptionOption.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/app.tsx +1 -0
- package/src/components/RedemptionOption/RedemptionOption.tsx +5 -14
package/lib/module/app.js
CHANGED
|
@@ -4,9 +4,11 @@ import React, { useState } from "react";
|
|
|
4
4
|
import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
|
|
5
5
|
import CarouselCardStack from "./components/CarouselCardStack/CarouselCardStack.js"; // Adjust path as needed
|
|
6
6
|
import { GestureHandlerRootView } from "react-native-gesture-handler";
|
|
7
|
+
import { RedemptionOption } from "./components/index.js";
|
|
7
8
|
import { lightTheme, RelatedProvider, useTheme } from "./theme/index.js";
|
|
8
9
|
import { BottomSheetStackProvider } from "./contexts/index.js";
|
|
9
10
|
import { SafeAreaProvider } from "react-native-safe-area-context";
|
|
11
|
+
import { Ionicons } from "@expo/vector-icons";
|
|
10
12
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
11
13
|
const DUMMY_DATA = Array.from({
|
|
12
14
|
length: 10
|
|
@@ -39,15 +41,22 @@ const App = () => {
|
|
|
39
41
|
children: /*#__PURE__*/_jsxs(BottomSheetStackProvider, {
|
|
40
42
|
children: [/*#__PURE__*/_jsx(StatusBar, {
|
|
41
43
|
barStyle: "light-content"
|
|
42
|
-
}), /*#__PURE__*/
|
|
44
|
+
}), /*#__PURE__*/_jsxs(SafeAreaView, {
|
|
43
45
|
style: styles.appContainer,
|
|
44
|
-
children: /*#__PURE__*/_jsx(CarouselCardStack, {
|
|
46
|
+
children: [/*#__PURE__*/_jsx(CarouselCardStack, {
|
|
45
47
|
data: DUMMY_DATA
|
|
46
48
|
// backgroundColor="#333" // Set a background color for the component area
|
|
47
49
|
// onActiveIndexChange={(index) => {
|
|
48
50
|
// console.log("Active item index:", index);
|
|
49
51
|
// }}
|
|
50
|
-
})
|
|
52
|
+
}), /*#__PURE__*/_jsx(RedemptionOption, {
|
|
53
|
+
text: "hello",
|
|
54
|
+
orientation: "horizontal",
|
|
55
|
+
icon: /*#__PURE__*/_jsx(Ionicons, {
|
|
56
|
+
name: "accessibility",
|
|
57
|
+
size: 24
|
|
58
|
+
})
|
|
59
|
+
})]
|
|
51
60
|
})]
|
|
52
61
|
})
|
|
53
62
|
})
|
package/lib/module/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","CarouselCardStack","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","BottomSheetStackProvider","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","Array","from","length","_","i","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","data","create","backgroundColor","justifyContent","alignItems"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAeC,QAAQ,QAAQ,OAAO;AAClD,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAkC,cAAc;AAC5F,OAAOC,iBAAiB,MAAM,qDAAkD,CAAC,CAAC;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;
|
|
1
|
+
{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","CarouselCardStack","GestureHandlerRootView","RedemptionOption","lightTheme","RelatedProvider","useTheme","BottomSheetStackProvider","SafeAreaProvider","Ionicons","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","Array","from","length","_","i","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","data","text","orientation","icon","name","size","create","backgroundColor","justifyContent","alignItems"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAeC,QAAQ,QAAQ,OAAO;AAClD,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAkC,cAAc;AAC5F,OAAOC,iBAAiB,MAAM,qDAAkD,CAAC,CAAC;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AACrE,SASEC,gBAAgB,QAEX,uBAAc;AACrB,SAAoBC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAG1E,SAASC,wBAAwB,QAAQ,qBAAY;AACrD,SAASC,gBAAgB,QAAQ,gCAAgC;AACjE,SAASC,QAAQ,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAG9C,MAAMC,UAAU,GAAGC,KAAK,CAACC,IAAI,CAAC;EAAEC,MAAM,EAAE;AAAG,CAAC,EAAE,CAACC,CAAC,EAAEC,CAAC,MAAM;EACvDC,EAAE,EAAE,SAASD,CAAC,GAAG,CAAC,EAAE;EACpB;EACAE,KAAK,EAAE,2CAA2C;EAClDC,KAAK,EAAE,UAAUH,CAAC,GAAG,CAAC;AACxB,CAAC,CAAC,CAAC;AAEH,MAAMI,GAAG,GAAGA,CAAA,KAAM;EAChB,MAAM;IAAEC;EAAM,CAAC,GAAGpB,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACqB,aAAa,EAAEC,gBAAgB,CAAC,GAAG/B,QAAQ,CAChDgC,SACF,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGlC,QAAQ,CAAqBgC,SAAS,CAAC;EAE3E,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGpC,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAMqC,aAAa,GAAGA,CAAA,KAAM;IAC1B;IACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACnDL,WAAW,CAACE,WAAW,CAAC;EAC1B,CAAC;EAED,oBACExB,IAAA,CAAAI,SAAA;IAAAwB,QAAA,eACE5B,IAAA,CAACH,gBAAgB;MAAA+B,QAAA,eACf5B,IAAA,CAACT,sBAAsB;QAACsC,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAE,CAAE;QAAAF,QAAA,eACzC5B,IAAA,CAACN,eAAe;UAACqB,KAAK,EAAEtB,UAAW;UAAAmC,QAAA,eACjC1B,KAAA,CAACN,wBAAwB;YAAAgC,QAAA,gBACvB5B,IAAA,CAACX,SAAS;cAAC0C,QAAQ,EAAC;YAAe,CAAE,CAAC,eACtC7B,KAAA,CAACf,YAAY;cAAC0C,KAAK,EAAEG,MAAM,CAACC,YAAa;cAAAL,QAAA,gBACvC5B,IAAA,CAACV,iBAAiB;gBAChB4C,IAAI,EAAE7B;gBACN;gBACA;gBACA;gBACA;cAAA,CACD,CAAC,eAMNL,IAAA,CAACR,gBAAgB;gBAAC2C,IAAI,EAAC,OAAO;gBAACC,WAAW,EAAC,YAAY;gBAACC,IAAI,eAAErC,IAAA,CAACF,QAAQ;kBAACwC,IAAI,EAAC,eAAe;kBAACC,IAAI,EAAE;gBAAG,CAAW;cAAE,CAAmB,CAAC;YAAA,CAoEvH,CAAC;UAAA,CACS;QAAC,CACZ;MAAC,CACI;IAAC,CACT;EAAC,CACnB,CAAC;AAEP,CAAC;AAED,MAAMP,MAAM,GAAG5C,UAAU,CAACoD,MAAM,CAAC;EAC/BP,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPW,eAAe,EAAE,MAAM;IACvBC,cAAc,EAAE,QAAQ;IAAE;IAC1BC,UAAU,EAAC;EACb;AACF,CAAC,CAAC;AAEF,eAAe7B,GAAG","ignoreList":[]}
|
|
@@ -27,10 +27,8 @@ const RedemptionOption = ({
|
|
|
27
27
|
textContainerStyle
|
|
28
28
|
}) => {
|
|
29
29
|
const {
|
|
30
|
-
theme
|
|
31
|
-
isRTL: rtl
|
|
30
|
+
theme
|
|
32
31
|
} = useTheme();
|
|
33
|
-
isRTL = isRTL || rtl;
|
|
34
32
|
textColor = textColor || theme.onSurface;
|
|
35
33
|
let dynamicContainerStyle = {
|
|
36
34
|
backgroundColor: backgroundColor || theme.surface,
|
|
@@ -43,14 +41,15 @@ const RedemptionOption = ({
|
|
|
43
41
|
if (height) dynamicContainerStyle.height = height;
|
|
44
42
|
const dynamicTextStyle = {
|
|
45
43
|
color: textColor,
|
|
46
|
-
fontSize: fontSize
|
|
44
|
+
fontSize: fontSize
|
|
47
45
|
};
|
|
48
46
|
|
|
49
47
|
// Determine horizontal flex direction based on RTL
|
|
50
48
|
const horizontalDirection = {
|
|
51
|
-
flexDirection:
|
|
49
|
+
flexDirection: 'row',
|
|
52
50
|
justifyContent: "flex-start",
|
|
53
|
-
alignItems: "center"
|
|
51
|
+
alignItems: "center",
|
|
52
|
+
gap: 8
|
|
54
53
|
};
|
|
55
54
|
return /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
56
55
|
style: [styles.container, orientation === "vertical" ? styles.vertical : horizontalDirection, dynamicContainerStyle, disabled && styles.disabled, containerStyle],
|
|
@@ -63,13 +62,7 @@ const RedemptionOption = ({
|
|
|
63
62
|
selected: isActive
|
|
64
63
|
},
|
|
65
64
|
children: [/*#__PURE__*/_jsx(View, {
|
|
66
|
-
style: [styles.iconContainer,
|
|
67
|
-
marginLeft: 12,
|
|
68
|
-
marginRight: 0
|
|
69
|
-
} : {
|
|
70
|
-
marginRight: 12,
|
|
71
|
-
marginLeft: 0
|
|
72
|
-
}), iconContainerStyle],
|
|
65
|
+
style: [styles.iconContainer, iconContainerStyle],
|
|
73
66
|
children: icon
|
|
74
67
|
}), /*#__PURE__*/_jsx(View, {
|
|
75
68
|
style: [{
|
|
@@ -107,11 +100,7 @@ const styles = StyleSheet.create({
|
|
|
107
100
|
justifyContent: "center",
|
|
108
101
|
alignItems: "center"
|
|
109
102
|
},
|
|
110
|
-
iconHorizontal: {
|
|
111
|
-
// This is now handled dynamically with RTL support
|
|
112
|
-
marginBottom: 0,
|
|
113
|
-
marginRight: 12
|
|
114
|
-
},
|
|
103
|
+
iconHorizontal: {},
|
|
115
104
|
text: {
|
|
116
105
|
fontWeight: "500"
|
|
117
106
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","React","TouchableOpacity","View","StyleSheet","ThemedText","Text","jsx","_jsx","jsxs","_jsxs","RedemptionOption","icon","text","orientation","backgroundColor","textColor","width","height","borderRadius","padding","fontSize","disabled","isActive","onPress","containerStyle","textStyle","iconContainerStyle","activeOpacityValue","isRTL","textContainerStyle","theme","
|
|
1
|
+
{"version":3,"names":["useTheme","React","TouchableOpacity","View","StyleSheet","ThemedText","Text","jsx","_jsx","jsxs","_jsxs","RedemptionOption","icon","text","orientation","backgroundColor","textColor","width","height","borderRadius","padding","fontSize","disabled","isActive","onPress","containerStyle","textStyle","iconContainerStyle","activeOpacityValue","isRTL","textContainerStyle","theme","onSurface","dynamicContainerStyle","surface","borderWidth","borderColor","undefined","dynamicTextStyle","color","horizontalDirection","flexDirection","justifyContent","alignItems","gap","style","styles","container","vertical","activeOpacity","accessibilityRole","accessibilityState","selected","children","iconContainer","minHeight","textVertical","numberOfLines","ellipsizeMode","adjustsFontSizeToFit","minimumFontScale","create","horizontal","iconHorizontal","fontWeight","textAlign","opacity"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RedemptionOption/RedemptionOption.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA+BnD,QAAA,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA+BnD,QAAA,MAAM,GAAG,yBA8GR,CAAC;AAWF,eAAe,GAAG,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/RedemptionOption/RedemptionOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,SAAS,EACT,SAAS,EACT,SAAS,
|
|
1
|
+
{"version":3,"file":"RedemptionOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/RedemptionOption/RedemptionOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,SAAS,EACT,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAGtB,UAAU,qBAAqB;IAE7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IAEb,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC3C;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2FrD,CAAC;AAmCF,eAAe,gBAAgB,CAAC"}
|
package/package.json
CHANGED
package/src/app.tsx
CHANGED
|
@@ -64,6 +64,7 @@ const App = () => {
|
|
|
64
64
|
lineCap="round"
|
|
65
65
|
textFont={""}
|
|
66
66
|
/> */}
|
|
67
|
+
<RedemptionOption text="hello" orientation="horizontal" icon={<Ionicons name="accessibility" size={24}></Ionicons>}></RedemptionOption>
|
|
67
68
|
{/* <DateRangePicker
|
|
68
69
|
onDatesChange={(t) => {
|
|
69
70
|
setDepartureDate(t.departure);
|
|
@@ -7,7 +7,6 @@ import {
|
|
|
7
7
|
ViewStyle,
|
|
8
8
|
TextStyle,
|
|
9
9
|
StyleProp,
|
|
10
|
-
Dimensions,
|
|
11
10
|
DimensionValue,
|
|
12
11
|
} from "react-native";
|
|
13
12
|
import { ThemedText as Text } from "../ui";
|
|
@@ -57,8 +56,7 @@ const RedemptionOption: React.FC<RedemptionOptionProps> = ({
|
|
|
57
56
|
isRTL,
|
|
58
57
|
textContainerStyle
|
|
59
58
|
}) => {
|
|
60
|
-
const {theme
|
|
61
|
-
isRTL = isRTL || rtl;
|
|
59
|
+
const {theme} = useTheme();
|
|
62
60
|
textColor = textColor || theme.onSurface;
|
|
63
61
|
|
|
64
62
|
let dynamicContainerStyle: ViewStyle = {
|
|
@@ -74,14 +72,15 @@ const RedemptionOption: React.FC<RedemptionOptionProps> = ({
|
|
|
74
72
|
|
|
75
73
|
const dynamicTextStyle: TextStyle = {
|
|
76
74
|
color: textColor,
|
|
77
|
-
fontSize: fontSize
|
|
75
|
+
fontSize: fontSize
|
|
78
76
|
};
|
|
79
77
|
|
|
80
78
|
// Determine horizontal flex direction based on RTL
|
|
81
79
|
const horizontalDirection: ViewStyle = {
|
|
82
|
-
flexDirection:
|
|
80
|
+
flexDirection: 'row',
|
|
83
81
|
justifyContent: "flex-start",
|
|
84
|
-
alignItems: "center"
|
|
82
|
+
alignItems: "center",
|
|
83
|
+
gap: 8
|
|
85
84
|
};
|
|
86
85
|
|
|
87
86
|
return (
|
|
@@ -102,11 +101,6 @@ const RedemptionOption: React.FC<RedemptionOptionProps> = ({
|
|
|
102
101
|
<View
|
|
103
102
|
style={[
|
|
104
103
|
styles.iconContainer,
|
|
105
|
-
orientation === "horizontal" && (
|
|
106
|
-
isRTL
|
|
107
|
-
? { marginLeft: 12, marginRight: 0 }
|
|
108
|
-
: { marginRight: 12, marginLeft: 0 }
|
|
109
|
-
),
|
|
110
104
|
iconContainerStyle,
|
|
111
105
|
]}
|
|
112
106
|
>
|
|
@@ -155,9 +149,6 @@ const styles = StyleSheet.create({
|
|
|
155
149
|
alignItems: "center",
|
|
156
150
|
},
|
|
157
151
|
iconHorizontal: {
|
|
158
|
-
// This is now handled dynamically with RTL support
|
|
159
|
-
marginBottom: 0,
|
|
160
|
-
marginRight: 12,
|
|
161
152
|
},
|
|
162
153
|
text: {
|
|
163
154
|
fontWeight: "500",
|