related-ui-components 1.7.2 → 1.7.3
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/Popup/Popup.js +74 -49
- package/lib/commonjs/components/Popup/Popup.js.map +1 -1
- package/lib/module/components/Popup/Popup.js +72 -49
- package/lib/module/components/Popup/Popup.js.map +1 -1
- package/lib/typescript/commonjs/components/Popup/Popup.d.ts +1 -2
- package/lib/typescript/commonjs/components/Popup/Popup.d.ts.map +1 -1
- package/lib/typescript/module/components/Popup/Popup.d.ts +1 -2
- package/lib/typescript/module/components/Popup/Popup.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Popup/Popup.tsx +71 -44
|
@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _index = require("../../theme/index.js");
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
10
|
var _CloseIcon = _interopRequireDefault(require("../CloseIcon/CloseIcon.js"));
|
|
11
|
-
var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
|
|
12
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
+
const {
|
|
16
|
+
height: screenHeight
|
|
17
|
+
} = _reactNative.Dimensions.get("window");
|
|
14
18
|
const Popup = ({
|
|
15
19
|
visible,
|
|
16
20
|
onClose,
|
|
@@ -45,14 +49,7 @@ const Popup = ({
|
|
|
45
49
|
children,
|
|
46
50
|
modalStyle,
|
|
47
51
|
overlay,
|
|
48
|
-
customContent
|
|
49
|
-
animationIn = "slideInUp",
|
|
50
|
-
animationInTiming,
|
|
51
|
-
animationOut = "slideOutDown",
|
|
52
|
-
animationOutTiming,
|
|
53
|
-
backdropTransitionInTiming,
|
|
54
|
-
backdropTransitionOutTiming,
|
|
55
|
-
onBackdropPress
|
|
52
|
+
customContent
|
|
56
53
|
}) => {
|
|
57
54
|
const {
|
|
58
55
|
theme,
|
|
@@ -61,6 +58,28 @@ const Popup = ({
|
|
|
61
58
|
isRTL = rtl;
|
|
62
59
|
const styles = createStyles(theme); // Create styles using theme
|
|
63
60
|
|
|
61
|
+
const [modalRendered, setModalRendered] = (0, _react.useState)(visible);
|
|
62
|
+
const slideAnim = (0, _react.useRef)(new _reactNative.Animated.Value(screenHeight)).current;
|
|
63
|
+
(0, _react.useEffect)(() => {
|
|
64
|
+
if (visible) {
|
|
65
|
+
setModalRendered(true);
|
|
66
|
+
_reactNative.Animated.timing(slideAnim, {
|
|
67
|
+
toValue: 0,
|
|
68
|
+
duration: 300,
|
|
69
|
+
easing: _reactNative.Easing.out(_reactNative.Easing.ease),
|
|
70
|
+
useNativeDriver: true
|
|
71
|
+
}).start();
|
|
72
|
+
} else {
|
|
73
|
+
_reactNative.Animated.timing(slideAnim, {
|
|
74
|
+
toValue: screenHeight,
|
|
75
|
+
duration: 300,
|
|
76
|
+
easing: _reactNative.Easing.in(_reactNative.Easing.ease),
|
|
77
|
+
useNativeDriver: true
|
|
78
|
+
}).start(() => {
|
|
79
|
+
setModalRendered(false);
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
}, [visible, slideAnim, 300]);
|
|
64
83
|
const PopupContent = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
65
84
|
style: [children == null && styles.popupContainer, containerStyle],
|
|
66
85
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.default, {
|
|
@@ -73,6 +92,10 @@ const Popup = ({
|
|
|
73
92
|
color: closeIconColor,
|
|
74
93
|
size: closeIconSize,
|
|
75
94
|
isRTL: isRTL
|
|
95
|
+
}), overlay && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
96
|
+
style: styles.overlayContainer,
|
|
97
|
+
pointerEvents: "none",
|
|
98
|
+
children: overlay
|
|
76
99
|
}), children || (backgroundImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ImageBackground, {
|
|
77
100
|
source: backgroundImage,
|
|
78
101
|
style: styles.backgroundImage,
|
|
@@ -93,25 +116,19 @@ const Popup = ({
|
|
|
93
116
|
style: [styles.title, {
|
|
94
117
|
color: theme.text,
|
|
95
118
|
textAlign: "center"
|
|
96
|
-
},
|
|
97
|
-
// Keep text color
|
|
98
|
-
titleStyle],
|
|
119
|
+
}, titleStyle],
|
|
99
120
|
children: title
|
|
100
121
|
}), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
101
122
|
style: [styles.subtitle, {
|
|
102
123
|
color: theme.text,
|
|
103
124
|
textAlign: "center"
|
|
104
|
-
},
|
|
105
|
-
// Use helper for subtitle
|
|
106
|
-
subtitleStyle],
|
|
125
|
+
}, subtitleStyle],
|
|
107
126
|
children: subtitle
|
|
108
127
|
}), content && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
109
128
|
style: [styles.content, {
|
|
110
129
|
color: theme.text,
|
|
111
130
|
textAlign: "center"
|
|
112
|
-
},
|
|
113
|
-
// Keep text color
|
|
114
|
-
contentStyle],
|
|
131
|
+
}, contentStyle],
|
|
115
132
|
children: content
|
|
116
133
|
}), customContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
117
134
|
children: customContent
|
|
@@ -122,9 +139,7 @@ const Popup = ({
|
|
|
122
139
|
children: [secondaryButtonText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
123
140
|
style: [styles.secondaryButton, {
|
|
124
141
|
borderColor: theme.primary
|
|
125
|
-
},
|
|
126
|
-
// Keep primary border
|
|
127
|
-
secondaryButtonStyle, isRTL ? {
|
|
142
|
+
}, secondaryButtonStyle, isRTL ? {
|
|
128
143
|
marginLeft: 12,
|
|
129
144
|
marginRight: 0
|
|
130
145
|
} : {
|
|
@@ -135,47 +150,48 @@ const Popup = ({
|
|
|
135
150
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
136
151
|
style: [styles.secondaryButtonText, {
|
|
137
152
|
color: theme.primary
|
|
138
|
-
},
|
|
139
|
-
// Keep primary text color
|
|
140
|
-
secondaryButtonTextStyle],
|
|
153
|
+
}, secondaryButtonTextStyle],
|
|
141
154
|
children: secondaryButtonText
|
|
142
155
|
})
|
|
143
156
|
}), primaryButtonText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
144
157
|
style: [styles.primaryButton, {
|
|
145
158
|
backgroundColor: theme.primary
|
|
146
|
-
},
|
|
147
|
-
// Keep primary background
|
|
148
|
-
primaryButtonStyle],
|
|
159
|
+
}, primaryButtonStyle],
|
|
149
160
|
onPress: onPrimaryButtonPress,
|
|
150
161
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
151
162
|
style: [styles.primaryButtonText, {
|
|
152
163
|
color: theme.onPrimary
|
|
153
|
-
},
|
|
154
|
-
// Use onPrimary for text
|
|
155
|
-
primaryButtonTextStyle],
|
|
164
|
+
}, primaryButtonTextStyle],
|
|
156
165
|
children: primaryButtonText
|
|
157
166
|
})
|
|
158
167
|
})]
|
|
159
168
|
})]
|
|
160
169
|
});
|
|
161
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
onBackdropPress: onBackdropPress
|
|
170
|
-
// useNativeDriverForBackdrop
|
|
171
|
-
// useNativeDriver
|
|
172
|
-
,
|
|
173
|
-
statusBarTranslucent: true
|
|
174
|
-
// style={{alignItems: "center", flex: 1}}
|
|
175
|
-
,
|
|
176
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
170
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
|
|
171
|
+
transparent: true,
|
|
172
|
+
visible: modalRendered,
|
|
173
|
+
animationType: "none",
|
|
174
|
+
onRequestClose: onClose,
|
|
175
|
+
statusBarTranslucent: true,
|
|
176
|
+
style: modalStyle,
|
|
177
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
177
178
|
style: styles.modalOverlay,
|
|
178
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
179
|
+
children: [closeOnBackdropPress && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
|
|
180
|
+
onPress: onClose,
|
|
181
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
182
|
+
style: _reactNative.StyleSheet.absoluteFill
|
|
183
|
+
})
|
|
184
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
185
|
+
style: [{
|
|
186
|
+
transform: [{
|
|
187
|
+
translateY: slideAnim
|
|
188
|
+
}]
|
|
189
|
+
}, styles.animatedContainer],
|
|
190
|
+
pointerEvents: "box-none",
|
|
191
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
|
|
192
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PopupContent, {})
|
|
193
|
+
})
|
|
194
|
+
})]
|
|
179
195
|
})
|
|
180
196
|
});
|
|
181
197
|
};
|
|
@@ -188,11 +204,18 @@ const popupWidth = width * 0.85;
|
|
|
188
204
|
const createStyles = theme => _reactNative.StyleSheet.create({
|
|
189
205
|
modalOverlay: {
|
|
190
206
|
flex: 1,
|
|
191
|
-
|
|
207
|
+
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
|
208
|
+
// Keep overlay color
|
|
192
209
|
justifyContent: "center",
|
|
193
210
|
alignItems: "center",
|
|
194
211
|
paddingTop: _reactNative.Platform.OS === "android" ? _reactNative.StatusBar.currentHeight : 0
|
|
195
212
|
},
|
|
213
|
+
animatedContainer: {
|
|
214
|
+
alignItems: "center",
|
|
215
|
+
width: "100%",
|
|
216
|
+
justifyContent: "center",
|
|
217
|
+
flexGrow: 1
|
|
218
|
+
},
|
|
196
219
|
popupContainer: {
|
|
197
220
|
width: popupWidth,
|
|
198
221
|
maxHeight: "80%",
|
|
@@ -240,6 +263,8 @@ const createStyles = theme => _reactNative.StyleSheet.create({
|
|
|
240
263
|
padding: 24,
|
|
241
264
|
alignItems: "center",
|
|
242
265
|
justifyContent: "center",
|
|
266
|
+
// flex: 1,
|
|
267
|
+
// alignSelf:"stretch",
|
|
243
268
|
borderRadius: 16
|
|
244
269
|
},
|
|
245
270
|
illustrationContainer: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_index","require","_react","_interopRequireDefault","_reactNative","_CloseIcon","_reactNativeModal","_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","customContent","animationIn","animationInTiming","animationOut","animationOutTiming","backdropTransitionInTiming","backdropTransitionOutTiming","onBackdropPress","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","isVisible","statusBarTranslucent","modalOverlay","width","Dimensions","get","popupWidth","StyleSheet","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","overlayContainer","absoluteFillObject","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Popup/Popup.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_index","require","_react","_interopRequireWildcard","_reactNative","_CloseIcon","_interopRequireDefault","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","height","screenHeight","Dimensions","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","customContent","theme","rtl","useTheme","styles","createStyles","modalRendered","setModalRendered","useState","slideAnim","useRef","Animated","Value","current","useEffect","timing","toValue","duration","easing","Easing","out","ease","useNativeDriver","start","in","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","transform","translateY","animatedContainer","width","popupWidth","create","flex","justifyContent","alignItems","paddingTop","Platform","OS","StatusBar","currentHeight","flexGrow","maxHeight","borderRadius","elevation","shadowColor","shadowOffset","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,11 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useTheme } from "../../theme/index.js";
|
|
4
|
-
import React from "react";
|
|
5
|
-
import { View, Text, TouchableOpacity, StyleSheet, ImageBackground, Dimensions, Platform, StatusBar, Image } from "react-native";
|
|
4
|
+
import React, { useEffect, useRef, useState } from "react";
|
|
5
|
+
import { Modal, View, Text, TouchableOpacity, StyleSheet, ImageBackground, Dimensions, TouchableWithoutFeedback, Platform, StatusBar, Image, Animated, Easing } from "react-native";
|
|
6
6
|
import CloseIcon from "../CloseIcon/CloseIcon.js";
|
|
7
|
-
import Modal from "react-native-modal";
|
|
8
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
const {
|
|
9
|
+
height: screenHeight
|
|
10
|
+
} = Dimensions.get("window");
|
|
9
11
|
const Popup = ({
|
|
10
12
|
visible,
|
|
11
13
|
onClose,
|
|
@@ -40,14 +42,7 @@ const Popup = ({
|
|
|
40
42
|
children,
|
|
41
43
|
modalStyle,
|
|
42
44
|
overlay,
|
|
43
|
-
customContent
|
|
44
|
-
animationIn = "slideInUp",
|
|
45
|
-
animationInTiming,
|
|
46
|
-
animationOut = "slideOutDown",
|
|
47
|
-
animationOutTiming,
|
|
48
|
-
backdropTransitionInTiming,
|
|
49
|
-
backdropTransitionOutTiming,
|
|
50
|
-
onBackdropPress
|
|
45
|
+
customContent
|
|
51
46
|
}) => {
|
|
52
47
|
const {
|
|
53
48
|
theme,
|
|
@@ -56,6 +51,28 @@ const Popup = ({
|
|
|
56
51
|
isRTL = rtl;
|
|
57
52
|
const styles = createStyles(theme); // Create styles using theme
|
|
58
53
|
|
|
54
|
+
const [modalRendered, setModalRendered] = useState(visible);
|
|
55
|
+
const slideAnim = useRef(new Animated.Value(screenHeight)).current;
|
|
56
|
+
useEffect(() => {
|
|
57
|
+
if (visible) {
|
|
58
|
+
setModalRendered(true);
|
|
59
|
+
Animated.timing(slideAnim, {
|
|
60
|
+
toValue: 0,
|
|
61
|
+
duration: 300,
|
|
62
|
+
easing: Easing.out(Easing.ease),
|
|
63
|
+
useNativeDriver: true
|
|
64
|
+
}).start();
|
|
65
|
+
} else {
|
|
66
|
+
Animated.timing(slideAnim, {
|
|
67
|
+
toValue: screenHeight,
|
|
68
|
+
duration: 300,
|
|
69
|
+
easing: Easing.in(Easing.ease),
|
|
70
|
+
useNativeDriver: true
|
|
71
|
+
}).start(() => {
|
|
72
|
+
setModalRendered(false);
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
}, [visible, slideAnim, 300]);
|
|
59
76
|
const PopupContent = () => /*#__PURE__*/_jsxs(View, {
|
|
60
77
|
style: [children == null && styles.popupContainer, containerStyle],
|
|
61
78
|
children: [/*#__PURE__*/_jsx(CloseIcon, {
|
|
@@ -68,6 +85,10 @@ const Popup = ({
|
|
|
68
85
|
color: closeIconColor,
|
|
69
86
|
size: closeIconSize,
|
|
70
87
|
isRTL: isRTL
|
|
88
|
+
}), overlay && /*#__PURE__*/_jsx(View, {
|
|
89
|
+
style: styles.overlayContainer,
|
|
90
|
+
pointerEvents: "none",
|
|
91
|
+
children: overlay
|
|
71
92
|
}), children || (backgroundImage ? /*#__PURE__*/_jsx(ImageBackground, {
|
|
72
93
|
source: backgroundImage,
|
|
73
94
|
style: styles.backgroundImage,
|
|
@@ -88,25 +109,19 @@ const Popup = ({
|
|
|
88
109
|
style: [styles.title, {
|
|
89
110
|
color: theme.text,
|
|
90
111
|
textAlign: "center"
|
|
91
|
-
},
|
|
92
|
-
// Keep text color
|
|
93
|
-
titleStyle],
|
|
112
|
+
}, titleStyle],
|
|
94
113
|
children: title
|
|
95
114
|
}), subtitle && /*#__PURE__*/_jsx(Text, {
|
|
96
115
|
style: [styles.subtitle, {
|
|
97
116
|
color: theme.text,
|
|
98
117
|
textAlign: "center"
|
|
99
|
-
},
|
|
100
|
-
// Use helper for subtitle
|
|
101
|
-
subtitleStyle],
|
|
118
|
+
}, subtitleStyle],
|
|
102
119
|
children: subtitle
|
|
103
120
|
}), content && /*#__PURE__*/_jsx(Text, {
|
|
104
121
|
style: [styles.content, {
|
|
105
122
|
color: theme.text,
|
|
106
123
|
textAlign: "center"
|
|
107
|
-
},
|
|
108
|
-
// Keep text color
|
|
109
|
-
contentStyle],
|
|
124
|
+
}, contentStyle],
|
|
110
125
|
children: content
|
|
111
126
|
}), customContent && /*#__PURE__*/_jsx(View, {
|
|
112
127
|
children: customContent
|
|
@@ -117,9 +132,7 @@ const Popup = ({
|
|
|
117
132
|
children: [secondaryButtonText && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
118
133
|
style: [styles.secondaryButton, {
|
|
119
134
|
borderColor: theme.primary
|
|
120
|
-
},
|
|
121
|
-
// Keep primary border
|
|
122
|
-
secondaryButtonStyle, isRTL ? {
|
|
135
|
+
}, secondaryButtonStyle, isRTL ? {
|
|
123
136
|
marginLeft: 12,
|
|
124
137
|
marginRight: 0
|
|
125
138
|
} : {
|
|
@@ -130,47 +143,48 @@ const Popup = ({
|
|
|
130
143
|
children: /*#__PURE__*/_jsx(Text, {
|
|
131
144
|
style: [styles.secondaryButtonText, {
|
|
132
145
|
color: theme.primary
|
|
133
|
-
},
|
|
134
|
-
// Keep primary text color
|
|
135
|
-
secondaryButtonTextStyle],
|
|
146
|
+
}, secondaryButtonTextStyle],
|
|
136
147
|
children: secondaryButtonText
|
|
137
148
|
})
|
|
138
149
|
}), primaryButtonText && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
139
150
|
style: [styles.primaryButton, {
|
|
140
151
|
backgroundColor: theme.primary
|
|
141
|
-
},
|
|
142
|
-
// Keep primary background
|
|
143
|
-
primaryButtonStyle],
|
|
152
|
+
}, primaryButtonStyle],
|
|
144
153
|
onPress: onPrimaryButtonPress,
|
|
145
154
|
children: /*#__PURE__*/_jsx(Text, {
|
|
146
155
|
style: [styles.primaryButtonText, {
|
|
147
156
|
color: theme.onPrimary
|
|
148
|
-
},
|
|
149
|
-
// Use onPrimary for text
|
|
150
|
-
primaryButtonTextStyle],
|
|
157
|
+
}, primaryButtonTextStyle],
|
|
151
158
|
children: primaryButtonText
|
|
152
159
|
})
|
|
153
160
|
})]
|
|
154
161
|
})]
|
|
155
162
|
});
|
|
156
163
|
return /*#__PURE__*/_jsx(Modal, {
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
onBackdropPress: onBackdropPress
|
|
165
|
-
// useNativeDriverForBackdrop
|
|
166
|
-
// useNativeDriver
|
|
167
|
-
,
|
|
168
|
-
statusBarTranslucent: true
|
|
169
|
-
// style={{alignItems: "center", flex: 1}}
|
|
170
|
-
,
|
|
171
|
-
children: /*#__PURE__*/_jsx(View, {
|
|
164
|
+
transparent: true,
|
|
165
|
+
visible: modalRendered,
|
|
166
|
+
animationType: "none",
|
|
167
|
+
onRequestClose: onClose,
|
|
168
|
+
statusBarTranslucent: true,
|
|
169
|
+
style: modalStyle,
|
|
170
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
172
171
|
style: styles.modalOverlay,
|
|
173
|
-
children: /*#__PURE__*/_jsx(
|
|
172
|
+
children: [closeOnBackdropPress && /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
|
|
173
|
+
onPress: onClose,
|
|
174
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
175
|
+
style: StyleSheet.absoluteFill
|
|
176
|
+
})
|
|
177
|
+
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
178
|
+
style: [{
|
|
179
|
+
transform: [{
|
|
180
|
+
translateY: slideAnim
|
|
181
|
+
}]
|
|
182
|
+
}, styles.animatedContainer],
|
|
183
|
+
pointerEvents: "box-none",
|
|
184
|
+
children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
|
|
185
|
+
children: /*#__PURE__*/_jsx(PopupContent, {})
|
|
186
|
+
})
|
|
187
|
+
})]
|
|
174
188
|
})
|
|
175
189
|
});
|
|
176
190
|
};
|
|
@@ -183,11 +197,18 @@ const popupWidth = width * 0.85;
|
|
|
183
197
|
const createStyles = theme => StyleSheet.create({
|
|
184
198
|
modalOverlay: {
|
|
185
199
|
flex: 1,
|
|
186
|
-
|
|
200
|
+
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
|
201
|
+
// Keep overlay color
|
|
187
202
|
justifyContent: "center",
|
|
188
203
|
alignItems: "center",
|
|
189
204
|
paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0
|
|
190
205
|
},
|
|
206
|
+
animatedContainer: {
|
|
207
|
+
alignItems: "center",
|
|
208
|
+
width: "100%",
|
|
209
|
+
justifyContent: "center",
|
|
210
|
+
flexGrow: 1
|
|
211
|
+
},
|
|
191
212
|
popupContainer: {
|
|
192
213
|
width: popupWidth,
|
|
193
214
|
maxHeight: "80%",
|
|
@@ -235,6 +256,8 @@ const createStyles = theme => StyleSheet.create({
|
|
|
235
256
|
padding: 24,
|
|
236
257
|
alignItems: "center",
|
|
237
258
|
justifyContent: "center",
|
|
259
|
+
// flex: 1,
|
|
260
|
+
// alignSelf:"stretch",
|
|
238
261
|
borderRadius: 16
|
|
239
262
|
},
|
|
240
263
|
illustrationContainer: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","React","View","Text","TouchableOpacity","StyleSheet","ImageBackground","Dimensions","Platform","StatusBar","Image","CloseIcon","Modal","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","customContent","animationIn","animationInTiming","animationOut","animationOutTiming","backdropTransitionInTiming","backdropTransitionOutTiming","onBackdropPress","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","isVisible","statusBarTranslucent","modalOverlay","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","overlayContainer","absoluteFillObject"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Popup/Popup.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["useTheme","React","useEffect","useRef","useState","Modal","View","Text","TouchableOpacity","StyleSheet","ImageBackground","Dimensions","TouchableWithoutFeedback","Platform","StatusBar","Image","Animated","Easing","CloseIcon","jsx","_jsx","jsxs","_jsxs","height","screenHeight","get","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","customContent","theme","rtl","styles","createStyles","modalRendered","setModalRendered","slideAnim","Value","current","timing","toValue","duration","easing","out","ease","useNativeDriver","start","in","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","transform","translateY","animatedContainer","width","popupWidth","create","flex","justifyContent","alignItems","paddingTop","OS","currentHeight","flexGrow","maxHeight","borderRadius","elevation","shadowColor","shadowOffset","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":[]}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { FC, ReactNode } from "react";
|
|
2
2
|
import { ImageSourcePropType, TextStyle, ViewStyle, ImageStyle } from "react-native";
|
|
3
|
-
|
|
4
|
-
interface PopupProps extends Partial<Pick<ModalProps, "animationIn" | "animationOut" | "animationInTiming" | "animationOutTiming" | "backdropTransitionInTiming" | "backdropTransitionOutTiming" | "onBackdropPress">> {
|
|
3
|
+
interface PopupProps {
|
|
5
4
|
visible: boolean;
|
|
6
5
|
onClose: () => void;
|
|
7
6
|
backgroundImage?: ImageSourcePropType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAC1E,OAAO,EAOL,mBAAmB,EAMnB,SAAS,EACT,SAAS,EACT,UAAU,EAGX,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,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAGD,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA0OzB,CAAC;AA2IF,eAAe,KAAK,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { FC, ReactNode } from "react";
|
|
2
2
|
import { ImageSourcePropType, TextStyle, ViewStyle, ImageStyle } from "react-native";
|
|
3
|
-
|
|
4
|
-
interface PopupProps extends Partial<Pick<ModalProps, "animationIn" | "animationOut" | "animationInTiming" | "animationOutTiming" | "backdropTransitionInTiming" | "backdropTransitionOutTiming" | "onBackdropPress">> {
|
|
3
|
+
interface PopupProps {
|
|
5
4
|
visible: boolean;
|
|
6
5
|
onClose: () => void;
|
|
7
6
|
backgroundImage?: ImageSourcePropType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAC1E,OAAO,EAOL,mBAAmB,EAMnB,SAAS,EACT,SAAS,EACT,UAAU,EAGX,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,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAGD,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA0OzB,CAAC;AA2IF,eAAe,KAAK,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useTheme, ThemeType } from "../../theme";
|
|
2
|
-
import React, { FC, ReactNode } from "react";
|
|
2
|
+
import React, { FC, ReactNode, useEffect, useRef, useState } from "react";
|
|
3
3
|
import {
|
|
4
|
+
Modal,
|
|
4
5
|
View,
|
|
5
6
|
Text,
|
|
6
7
|
TouchableOpacity,
|
|
@@ -15,21 +16,12 @@ import {
|
|
|
15
16
|
TextStyle,
|
|
16
17
|
ViewStyle,
|
|
17
18
|
ImageStyle,
|
|
19
|
+
Animated,
|
|
20
|
+
Easing,
|
|
18
21
|
} from "react-native";
|
|
19
22
|
import CloseIcon from "../CloseIcon/CloseIcon";
|
|
20
|
-
import Modal, { ModalProps } from "react-native-modal";
|
|
21
23
|
|
|
22
|
-
interface PopupProps
|
|
23
|
-
extends Partial<Pick<
|
|
24
|
-
ModalProps,
|
|
25
|
-
| "animationIn"
|
|
26
|
-
| "animationOut"
|
|
27
|
-
| "animationInTiming"
|
|
28
|
-
| "animationOutTiming"
|
|
29
|
-
| "backdropTransitionInTiming"
|
|
30
|
-
| "backdropTransitionOutTiming"
|
|
31
|
-
| "onBackdropPress"
|
|
32
|
-
>> {
|
|
24
|
+
interface PopupProps {
|
|
33
25
|
visible: boolean;
|
|
34
26
|
onClose: () => void;
|
|
35
27
|
backgroundImage?: ImageSourcePropType;
|
|
@@ -65,6 +57,7 @@ interface PopupProps
|
|
|
65
57
|
overlay?: ReactNode;
|
|
66
58
|
customContent?: ReactNode;
|
|
67
59
|
}
|
|
60
|
+
const { height: screenHeight } = Dimensions.get("window");
|
|
68
61
|
|
|
69
62
|
const Popup: FC<PopupProps> = ({
|
|
70
63
|
visible,
|
|
@@ -101,18 +94,35 @@ const Popup: FC<PopupProps> = ({
|
|
|
101
94
|
modalStyle,
|
|
102
95
|
overlay,
|
|
103
96
|
customContent,
|
|
104
|
-
animationIn = "slideInUp",
|
|
105
|
-
animationInTiming,
|
|
106
|
-
animationOut = "slideOutDown",
|
|
107
|
-
animationOutTiming,
|
|
108
|
-
backdropTransitionInTiming,
|
|
109
|
-
backdropTransitionOutTiming,
|
|
110
|
-
onBackdropPress
|
|
111
97
|
}) => {
|
|
112
98
|
const { theme, isRTL: rtl } = useTheme();
|
|
113
99
|
isRTL = rtl;
|
|
114
100
|
const styles = createStyles(theme); // Create styles using theme
|
|
115
101
|
|
|
102
|
+
const [modalRendered, setModalRendered] = useState(visible);
|
|
103
|
+
const slideAnim = useRef(new Animated.Value(screenHeight)).current;
|
|
104
|
+
|
|
105
|
+
useEffect(() => {
|
|
106
|
+
if (visible) {
|
|
107
|
+
setModalRendered(true);
|
|
108
|
+
Animated.timing(slideAnim, {
|
|
109
|
+
toValue: 0,
|
|
110
|
+
duration: 300,
|
|
111
|
+
easing: Easing.out(Easing.ease),
|
|
112
|
+
useNativeDriver: true,
|
|
113
|
+
}).start();
|
|
114
|
+
} else {
|
|
115
|
+
Animated.timing(slideAnim, {
|
|
116
|
+
toValue: screenHeight,
|
|
117
|
+
duration: 300,
|
|
118
|
+
easing: Easing.in(Easing.ease),
|
|
119
|
+
useNativeDriver: true,
|
|
120
|
+
}).start(() => {
|
|
121
|
+
setModalRendered(false);
|
|
122
|
+
});
|
|
123
|
+
}
|
|
124
|
+
}, [visible, slideAnim, 300]);
|
|
125
|
+
|
|
116
126
|
const PopupContent = () => (
|
|
117
127
|
<View style={[children == null && styles.popupContainer, containerStyle]}>
|
|
118
128
|
<CloseIcon
|
|
@@ -126,11 +136,11 @@ const Popup: FC<PopupProps> = ({
|
|
|
126
136
|
size={closeIconSize}
|
|
127
137
|
isRTL={isRTL}
|
|
128
138
|
/>
|
|
129
|
-
{
|
|
139
|
+
{overlay && (
|
|
130
140
|
<View style={styles.overlayContainer} pointerEvents="none">
|
|
131
141
|
{overlay}
|
|
132
142
|
</View>
|
|
133
|
-
)}
|
|
143
|
+
)}
|
|
134
144
|
{children ||
|
|
135
145
|
(backgroundImage ? (
|
|
136
146
|
<ImageBackground
|
|
@@ -162,7 +172,7 @@ const Popup: FC<PopupProps> = ({
|
|
|
162
172
|
<Text
|
|
163
173
|
style={[
|
|
164
174
|
styles.title,
|
|
165
|
-
{ color: theme.text, textAlign: "center" },
|
|
175
|
+
{ color: theme.text, textAlign: "center" },
|
|
166
176
|
titleStyle,
|
|
167
177
|
]}
|
|
168
178
|
>
|
|
@@ -174,7 +184,7 @@ const Popup: FC<PopupProps> = ({
|
|
|
174
184
|
<Text
|
|
175
185
|
style={[
|
|
176
186
|
styles.subtitle,
|
|
177
|
-
{ color: theme.text, textAlign: "center" },
|
|
187
|
+
{ color: theme.text, textAlign: "center" },
|
|
178
188
|
subtitleStyle,
|
|
179
189
|
]}
|
|
180
190
|
>
|
|
@@ -186,7 +196,7 @@ const Popup: FC<PopupProps> = ({
|
|
|
186
196
|
<Text
|
|
187
197
|
style={[
|
|
188
198
|
styles.content,
|
|
189
|
-
{ color: theme.text, textAlign: "center" },
|
|
199
|
+
{ color: theme.text, textAlign: "center" },
|
|
190
200
|
contentStyle,
|
|
191
201
|
]}
|
|
192
202
|
>
|
|
@@ -207,7 +217,7 @@ const Popup: FC<PopupProps> = ({
|
|
|
207
217
|
<TouchableOpacity
|
|
208
218
|
style={[
|
|
209
219
|
styles.secondaryButton,
|
|
210
|
-
{ borderColor: theme.primary },
|
|
220
|
+
{ borderColor: theme.primary },
|
|
211
221
|
secondaryButtonStyle,
|
|
212
222
|
isRTL
|
|
213
223
|
? { marginLeft: 12, marginRight: 0 }
|
|
@@ -218,7 +228,7 @@ const Popup: FC<PopupProps> = ({
|
|
|
218
228
|
<Text
|
|
219
229
|
style={[
|
|
220
230
|
styles.secondaryButtonText,
|
|
221
|
-
{ color: theme.primary },
|
|
231
|
+
{ color: theme.primary },
|
|
222
232
|
secondaryButtonTextStyle,
|
|
223
233
|
]}
|
|
224
234
|
>
|
|
@@ -231,7 +241,7 @@ const Popup: FC<PopupProps> = ({
|
|
|
231
241
|
<TouchableOpacity
|
|
232
242
|
style={[
|
|
233
243
|
styles.primaryButton,
|
|
234
|
-
{ backgroundColor: theme.primary },
|
|
244
|
+
{ backgroundColor: theme.primary },
|
|
235
245
|
primaryButtonStyle,
|
|
236
246
|
]}
|
|
237
247
|
onPress={onPrimaryButtonPress}
|
|
@@ -239,7 +249,7 @@ const Popup: FC<PopupProps> = ({
|
|
|
239
249
|
<Text
|
|
240
250
|
style={[
|
|
241
251
|
styles.primaryButtonText,
|
|
242
|
-
{ color: theme.onPrimary },
|
|
252
|
+
{ color: theme.onPrimary },
|
|
243
253
|
primaryButtonTextStyle,
|
|
244
254
|
]}
|
|
245
255
|
>
|
|
@@ -254,23 +264,32 @@ const Popup: FC<PopupProps> = ({
|
|
|
254
264
|
|
|
255
265
|
return (
|
|
256
266
|
<Modal
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
backdropTransitionOutTiming={backdropTransitionOutTiming}
|
|
262
|
-
animationInTiming={animationInTiming}
|
|
263
|
-
animationOutTiming={animationOutTiming}
|
|
264
|
-
onBackdropPress={onBackdropPress}
|
|
265
|
-
// useNativeDriverForBackdrop
|
|
266
|
-
// useNativeDriver
|
|
267
|
+
transparent
|
|
268
|
+
visible={modalRendered}
|
|
269
|
+
animationType="none"
|
|
270
|
+
onRequestClose={onClose}
|
|
267
271
|
statusBarTranslucent
|
|
268
|
-
|
|
272
|
+
style={modalStyle}
|
|
269
273
|
>
|
|
270
274
|
<View style={styles.modalOverlay}>
|
|
271
|
-
{
|
|
272
|
-
<
|
|
273
|
-
|
|
275
|
+
{closeOnBackdropPress && (
|
|
276
|
+
<TouchableWithoutFeedback onPress={onClose}>
|
|
277
|
+
<View style={StyleSheet.absoluteFill} />
|
|
278
|
+
</TouchableWithoutFeedback>
|
|
279
|
+
)}
|
|
280
|
+
<Animated.View
|
|
281
|
+
style={[
|
|
282
|
+
{
|
|
283
|
+
transform: [{ translateY: slideAnim }],
|
|
284
|
+
},
|
|
285
|
+
styles.animatedContainer,
|
|
286
|
+
]}
|
|
287
|
+
pointerEvents="box-none"
|
|
288
|
+
>
|
|
289
|
+
<TouchableWithoutFeedback>
|
|
290
|
+
<PopupContent />
|
|
291
|
+
</TouchableWithoutFeedback>
|
|
292
|
+
</Animated.View>
|
|
274
293
|
</View>
|
|
275
294
|
</Modal>
|
|
276
295
|
);
|
|
@@ -284,11 +303,17 @@ const createStyles = (theme: ThemeType) =>
|
|
|
284
303
|
StyleSheet.create({
|
|
285
304
|
modalOverlay: {
|
|
286
305
|
flex: 1,
|
|
287
|
-
|
|
306
|
+
backgroundColor: "rgba(0, 0, 0, 0.5)", // Keep overlay color
|
|
288
307
|
justifyContent: "center",
|
|
289
308
|
alignItems: "center",
|
|
290
309
|
paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0,
|
|
291
310
|
},
|
|
311
|
+
animatedContainer: {
|
|
312
|
+
alignItems: "center",
|
|
313
|
+
width: "100%",
|
|
314
|
+
justifyContent: "center",
|
|
315
|
+
flexGrow: 1,
|
|
316
|
+
},
|
|
292
317
|
popupContainer: {
|
|
293
318
|
width: popupWidth,
|
|
294
319
|
maxHeight: "80%",
|
|
@@ -333,6 +358,8 @@ const createStyles = (theme: ThemeType) =>
|
|
|
333
358
|
padding: 24,
|
|
334
359
|
alignItems: "center",
|
|
335
360
|
justifyContent: "center",
|
|
361
|
+
// flex: 1,
|
|
362
|
+
// alignSelf:"stretch",
|
|
336
363
|
borderRadius: 16,
|
|
337
364
|
},
|
|
338
365
|
illustrationContainer: {
|