related-ui-components 1.7.0 → 1.7.1
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/app.js +22 -18
- package/lib/commonjs/app.js.map +1 -1
- package/lib/commonjs/components/Popup/Popup.js +22 -16
- package/lib/commonjs/components/Popup/Popup.js.map +1 -1
- package/lib/module/app.js +26 -21
- package/lib/module/app.js.map +1 -1
- package/lib/module/components/Popup/Popup.js +22 -16
- package/lib/module/components/Popup/Popup.js.map +1 -1
- package/lib/typescript/commonjs/app.d.ts +1 -1
- package/lib/typescript/commonjs/app.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Popup/Popup.d.ts +2 -1
- package/lib/typescript/commonjs/components/Popup/Popup.d.ts.map +1 -1
- package/lib/typescript/module/app.d.ts +1 -1
- package/lib/typescript/module/app.d.ts.map +1 -1
- package/lib/typescript/module/components/Popup/Popup.d.ts +2 -1
- package/lib/typescript/module/components/Popup/Popup.d.ts.map +1 -1
- package/package.json +4 -3
- package/src/app.tsx +20 -14
- package/src/components/Popup/Popup.tsx +28 -13
package/lib/commonjs/app.js
CHANGED
|
@@ -7,9 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _index = require("./components/index.js");
|
|
10
|
-
var _BRANDS = _interopRequireDefault(require("./constants/BRANDS.js"));
|
|
11
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
11
|
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
12
|
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
13
|
const MyScreen = () => {
|
|
@@ -18,24 +16,30 @@ const MyScreen = () => {
|
|
|
18
16
|
console.log("Filters applied:", result);
|
|
19
17
|
// Process filter results...
|
|
20
18
|
};
|
|
21
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
22
|
-
|
|
23
|
-
flex: 1,
|
|
24
|
-
justifyContent: 'center',
|
|
25
|
-
alignItems: 'center'
|
|
26
|
-
},
|
|
27
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Button, {
|
|
28
|
-
title: "Show Filters",
|
|
29
|
-
onPress: () => setIsFilterVisible(true)
|
|
30
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Filters, {
|
|
19
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
20
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Popup, {
|
|
31
21
|
visible: isFilterVisible,
|
|
32
|
-
onClose: () => setIsFilterVisible(false)
|
|
22
|
+
onClose: () => setIsFilterVisible(false),
|
|
23
|
+
showCloseIcon: true,
|
|
24
|
+
title: "\u062A\u0631\u0642\u064A\u0629 \u0625\u0644\u0649 \u0627\u0644\u0646\u0633\u062E\u0629 \u0627\u0644\u0645\u0645\u064A\u0632\u0629",
|
|
25
|
+
subtitle: "\u0627\u0633\u062A\u0645\u062A\u0639 \u0628\u0645\u0632\u0627\u064A\u0627 \u062D\u0635\u0631\u064A\u0629",
|
|
26
|
+
content: "\u0627\u062D\u0635\u0644 \u0639\u0644\u0649 \u062C\u0645\u064A\u0639 \u0627\u0644\u0645\u064A\u0632\u0627\u062A \u0627\u0644\u0645\u062A\u0642\u062F\u0645\u0629 \u0648\u0627\u0644\u0645\u062D\u062A\u0648\u0649 \u0627\u0644\u062D\u0635\u0631\u064A \u0628\u062F\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062A. \u0627\u0634\u062A\u0631\u0643 \u0627\u0644\u0622\u0646 \u0648\u0627\u0633\u062A\u0645\u062A\u0639 \u0628\u062A\u062C\u0631\u0628\u0629 \u0643\u0627\u0645\u0644\u0629 \u0645\u0639 \u062A\u062D\u062F\u064A\u062B\u0627\u062A \u0645\u062C\u0627\u0646\u064A\u0629 \u0644\u0645\u062F\u0629 \u0639\u0627\u0645 \u0643\u0627\u0645\u0644.",
|
|
27
|
+
primaryButtonText: "\u062A\u0631\u0642\u064A\u0629 \u0627\u0644\u0622\u0646",
|
|
28
|
+
secondaryButtonText: "\u0644\u064A\u0633 \u0627\u0644\u0622\u0646"
|
|
29
|
+
// onPrimaryButtonPress={handleUpgrade}
|
|
30
|
+
// onSecondaryButtonPress={handleDismiss}
|
|
33
31
|
,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
32
|
+
isRTL: true
|
|
33
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
34
|
+
style: {
|
|
35
|
+
flex: 1,
|
|
36
|
+
justifyContent: "center",
|
|
37
|
+
alignItems: "center"
|
|
38
|
+
},
|
|
39
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Button, {
|
|
40
|
+
title: "Show Filters",
|
|
41
|
+
onPress: () => setIsFilterVisible(true)
|
|
42
|
+
})
|
|
39
43
|
})]
|
|
40
44
|
});
|
|
41
45
|
};
|
package/lib/commonjs/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MyScreen","isFilterVisible","setIsFilterVisible","useState","handleApplyFilters","result","console","log","jsxs","Fragment","children","jsx","Popup","visible","onClose","showCloseIcon","title","subtitle","content","primaryButtonText","secondaryButtonText","isRTL","View","style","flex","justifyContent","alignItems","Button","onPress","_default","exports"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAA4D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,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,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAG5D,MAAMW,QAAQ,GAAGA,CAAA,KAAM;EACrB,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7D,MAAMC,kBAAkB,GAAIC,MAAoB,IAAK;IACnDC,OAAO,CAACC,GAAG,CAAC,kBAAkB,EAAEF,MAAM,CAAC;IACvC;EACF,CAAC;EAED,oBACE,IAAA1B,WAAA,CAAA6B,IAAA,EAAA7B,WAAA,CAAA8B,QAAA;IAAAC,QAAA,gBACE,IAAA/B,WAAA,CAAAgC,GAAA,EAACjC,MAAA,CAAAkC,KAAK;MACJC,OAAO,EAAEZ,eAAgB;MACzBa,OAAO,EAAEA,CAAA,KAAMZ,kBAAkB,CAAC,KAAK,CAAE;MACzCa,aAAa,EAAE,IAAK;MACpBC,KAAK,EAAC,mIAA0B;MAChCC,QAAQ,EAAC,0GAAqB;MAC9BC,OAAO,EAAC,uoBAA+H;MACvIC,iBAAiB,EAAC,yDAAY;MAC9BC,mBAAmB,EAAC;MACpB;MACA;MAAA;MACAC,KAAK,EAAE;IAAK,CACb,CAAC,eACF,IAAA1C,WAAA,CAAAgC,GAAA,EAAClC,YAAA,CAAA6C,IAAI;MAACC,KAAK,EAAE;QAAEC,IAAI,EAAE,CAAC;QAAEC,cAAc,EAAE,QAAQ;QAAEC,UAAU,EAAE;MAAS,CAAE;MAAAhB,QAAA,eACvE,IAAA/B,WAAA,CAAAgC,GAAA,EAAClC,YAAA,CAAAkD,MAAM;QAACX,KAAK,EAAC,cAAc;QAACY,OAAO,EAAEA,CAAA,KAAM1B,kBAAkB,CAAC,IAAI;MAAE,CAAE;IAAC,CACpE,CAAC;EAAA,CACP,CAAC;AAEP,CAAC;AAAC,IAAA2B,QAAA,GAAAC,OAAA,CAAA5C,OAAA,GAEac,QAAQ","ignoreList":[]}
|
|
@@ -8,6 +8,7 @@ var _index = require("../../theme/index.js");
|
|
|
8
8
|
var _react = _interopRequireDefault(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"));
|
|
11
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
14
|
const Popup = ({
|
|
@@ -44,7 +45,14 @@ const Popup = ({
|
|
|
44
45
|
children,
|
|
45
46
|
modalStyle,
|
|
46
47
|
overlay,
|
|
47
|
-
customContent
|
|
48
|
+
customContent,
|
|
49
|
+
animationIn = "slideInUp",
|
|
50
|
+
animationInTiming,
|
|
51
|
+
animationOut = "slideOutDown",
|
|
52
|
+
animationOutTiming,
|
|
53
|
+
backdropTransitionInTiming,
|
|
54
|
+
backdropTransitionOutTiming,
|
|
55
|
+
onBackdropPress
|
|
48
56
|
}) => {
|
|
49
57
|
const {
|
|
50
58
|
theme,
|
|
@@ -154,23 +162,22 @@ const Popup = ({
|
|
|
154
162
|
})]
|
|
155
163
|
})]
|
|
156
164
|
});
|
|
157
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
165
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeModal.default, {
|
|
166
|
+
isVisible: visible,
|
|
167
|
+
animationIn: animationIn,
|
|
168
|
+
animationOut: animationOut,
|
|
169
|
+
backdropTransitionInTiming: backdropTransitionInTiming,
|
|
170
|
+
backdropTransitionOutTiming: backdropTransitionOutTiming,
|
|
171
|
+
animationInTiming: animationInTiming,
|
|
172
|
+
animationOutTiming: animationOutTiming,
|
|
173
|
+
onBackdropPress: onBackdropPress,
|
|
162
174
|
statusBarTranslucent: true,
|
|
163
175
|
style: modalStyle,
|
|
164
|
-
children: /*#__PURE__*/(0, _jsxRuntime.
|
|
176
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
165
177
|
style: styles.modalOverlay,
|
|
166
|
-
children:
|
|
167
|
-
onPress: onClose,
|
|
168
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
169
|
-
style: _reactNative.StyleSheet.absoluteFill
|
|
170
|
-
})
|
|
171
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
|
|
178
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
|
|
172
179
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PopupContent, {})
|
|
173
|
-
})
|
|
180
|
+
})
|
|
174
181
|
})
|
|
175
182
|
});
|
|
176
183
|
};
|
|
@@ -183,8 +190,7 @@ const popupWidth = width * 0.85;
|
|
|
183
190
|
const createStyles = theme => _reactNative.StyleSheet.create({
|
|
184
191
|
modalOverlay: {
|
|
185
192
|
flex: 1,
|
|
186
|
-
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
|
187
|
-
// Keep overlay color
|
|
193
|
+
// backgroundColor: "rgba(0, 0, 0, 0.5)", // Keep overlay color
|
|
188
194
|
justifyContent: "center",
|
|
189
195
|
alignItems: "center",
|
|
190
196
|
paddingTop: _reactNative.Platform.OS === "android" ? _reactNative.StatusBar.currentHeight : 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_index","require","_react","_interopRequireDefault","_reactNative","_CloseIcon","_jsxRuntime","e","__esModule","default","Popup","visible","onClose","backgroundImage","title","content","subtitle","primaryButtonText","onPrimaryButtonPress","secondaryButtonText","onSecondaryButtonPress","closeOnBackdropPress","showCloseIcon","customCloseIcon","illustrationImage","illustrationStyle","containerStyle","titleStyle","contentStyle","primaryButtonStyle","primaryButtonTextStyle","secondaryButtonStyle","secondaryButtonTextStyle","contentContainerStyle","closeIconContainerStyle","closeIconStyle","closeIconVariant","subtitleStyle","isRTL","closeIconColor","closeIconSize","children","modalStyle","overlay","customContent","theme","rtl","useTheme","styles","createStyles","PopupContent","jsxs","View","style","popupContainer","jsx","show","onPress","customIcon","variant","iconStyle","color","size","overlayContainer","pointerEvents","ImageBackground","source","imageStyle","backgroundImageStyle","PopupInnerContent","contentContainer","illustrationContainer","Image","resizeMode","Text","text","textAlign","buttonContainer","flexDirection","TouchableOpacity","secondaryButton","borderColor","primary","marginLeft","marginRight","primaryButton","backgroundColor","onPrimary","
|
|
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","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","isVisible","statusBarTranslucent","modalOverlay","TouchableWithoutFeedback","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","absoluteFillObject","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Popup/Popup.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/app.js
CHANGED
|
@@ -1,34 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { useState } from
|
|
4
|
-
import { View, Button } from
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React, { useState } from "react";
|
|
4
|
+
import { View, Button } from "react-native";
|
|
5
|
+
import { Popup } from "./components/index.js";
|
|
6
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
7
|
const MyScreen = () => {
|
|
9
8
|
const [isFilterVisible, setIsFilterVisible] = useState(false);
|
|
10
9
|
const handleApplyFilters = result => {
|
|
11
10
|
console.log("Filters applied:", result);
|
|
12
11
|
// Process filter results...
|
|
13
12
|
};
|
|
14
|
-
return /*#__PURE__*/_jsxs(
|
|
15
|
-
|
|
16
|
-
flex: 1,
|
|
17
|
-
justifyContent: 'center',
|
|
18
|
-
alignItems: 'center'
|
|
19
|
-
},
|
|
20
|
-
children: [/*#__PURE__*/_jsx(Button, {
|
|
21
|
-
title: "Show Filters",
|
|
22
|
-
onPress: () => setIsFilterVisible(true)
|
|
23
|
-
}), /*#__PURE__*/_jsx(Filters, {
|
|
13
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
14
|
+
children: [/*#__PURE__*/_jsx(Popup, {
|
|
24
15
|
visible: isFilterVisible,
|
|
25
|
-
onClose: () => setIsFilterVisible(false)
|
|
16
|
+
onClose: () => setIsFilterVisible(false),
|
|
17
|
+
showCloseIcon: true,
|
|
18
|
+
title: "\u062A\u0631\u0642\u064A\u0629 \u0625\u0644\u0649 \u0627\u0644\u0646\u0633\u062E\u0629 \u0627\u0644\u0645\u0645\u064A\u0632\u0629",
|
|
19
|
+
subtitle: "\u0627\u0633\u062A\u0645\u062A\u0639 \u0628\u0645\u0632\u0627\u064A\u0627 \u062D\u0635\u0631\u064A\u0629",
|
|
20
|
+
content: "\u0627\u062D\u0635\u0644 \u0639\u0644\u0649 \u062C\u0645\u064A\u0639 \u0627\u0644\u0645\u064A\u0632\u0627\u062A \u0627\u0644\u0645\u062A\u0642\u062F\u0645\u0629 \u0648\u0627\u0644\u0645\u062D\u062A\u0648\u0649 \u0627\u0644\u062D\u0635\u0631\u064A \u0628\u062F\u0648\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062A. \u0627\u0634\u062A\u0631\u0643 \u0627\u0644\u0622\u0646 \u0648\u0627\u0633\u062A\u0645\u062A\u0639 \u0628\u062A\u062C\u0631\u0628\u0629 \u0643\u0627\u0645\u0644\u0629 \u0645\u0639 \u062A\u062D\u062F\u064A\u062B\u0627\u062A \u0645\u062C\u0627\u0646\u064A\u0629 \u0644\u0645\u062F\u0629 \u0639\u0627\u0645 \u0643\u0627\u0645\u0644.",
|
|
21
|
+
primaryButtonText: "\u062A\u0631\u0642\u064A\u0629 \u0627\u0644\u0622\u0646",
|
|
22
|
+
secondaryButtonText: "\u0644\u064A\u0633 \u0627\u0644\u0622\u0646"
|
|
23
|
+
// onPrimaryButtonPress={handleUpgrade}
|
|
24
|
+
// onSecondaryButtonPress={handleDismiss}
|
|
26
25
|
,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
26
|
+
isRTL: true
|
|
27
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
28
|
+
style: {
|
|
29
|
+
flex: 1,
|
|
30
|
+
justifyContent: "center",
|
|
31
|
+
alignItems: "center"
|
|
32
|
+
},
|
|
33
|
+
children: /*#__PURE__*/_jsx(Button, {
|
|
34
|
+
title: "Show Filters",
|
|
35
|
+
onPress: () => setIsFilterVisible(true)
|
|
36
|
+
})
|
|
32
37
|
})]
|
|
33
38
|
});
|
|
34
39
|
};
|
package/lib/module/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","View","Button","
|
|
1
|
+
{"version":3,"names":["React","useState","View","Button","Popup","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MyScreen","isFilterVisible","setIsFilterVisible","handleApplyFilters","result","console","log","children","visible","onClose","showCloseIcon","title","subtitle","content","primaryButtonText","secondaryButtonText","isRTL","style","flex","justifyContent","alignItems","onPress"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,EAAEC,MAAM,QAAQ,cAAc;AAC3C,SAAgCC,KAAK,QAAQ,uBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAG5D,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EACrB,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAE7D,MAAMa,kBAAkB,GAAIC,MAAoB,IAAK;IACnDC,OAAO,CAACC,GAAG,CAAC,kBAAkB,EAAEF,MAAM,CAAC;IACvC;EACF,CAAC;EAED,oBACEL,KAAA,CAAAF,SAAA;IAAAU,QAAA,gBACEZ,IAAA,CAACF,KAAK;MACJe,OAAO,EAAEP,eAAgB;MACzBQ,OAAO,EAAEA,CAAA,KAAMP,kBAAkB,CAAC,KAAK,CAAE;MACzCQ,aAAa,EAAE,IAAK;MACpBC,KAAK,EAAC,mIAA0B;MAChCC,QAAQ,EAAC,0GAAqB;MAC9BC,OAAO,EAAC,uoBAA+H;MACvIC,iBAAiB,EAAC,yDAAY;MAC9BC,mBAAmB,EAAC;MACpB;MACA;MAAA;MACAC,KAAK,EAAE;IAAK,CACb,CAAC,eACFrB,IAAA,CAACJ,IAAI;MAAC0B,KAAK,EAAE;QAAEC,IAAI,EAAE,CAAC;QAAEC,cAAc,EAAE,QAAQ;QAAEC,UAAU,EAAE;MAAS,CAAE;MAAAb,QAAA,eACvEZ,IAAA,CAACH,MAAM;QAACmB,KAAK,EAAC,cAAc;QAACU,OAAO,EAAEA,CAAA,KAAMnB,kBAAkB,CAAC,IAAI;MAAE,CAAE;IAAC,CACpE,CAAC;EAAA,CACP,CAAC;AAEP,CAAC;AAED,eAAeF,QAAQ","ignoreList":[]}
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
import { useTheme } from "../../theme/index.js";
|
|
4
4
|
import React from "react";
|
|
5
|
-
import {
|
|
5
|
+
import { View, Text, TouchableOpacity, StyleSheet, ImageBackground, Dimensions, TouchableWithoutFeedback, Platform, StatusBar, Image } from "react-native";
|
|
6
6
|
import CloseIcon from "../CloseIcon/CloseIcon.js";
|
|
7
|
+
import Modal from "react-native-modal";
|
|
7
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
const Popup = ({
|
|
9
10
|
visible,
|
|
@@ -39,7 +40,14 @@ const Popup = ({
|
|
|
39
40
|
children,
|
|
40
41
|
modalStyle,
|
|
41
42
|
overlay,
|
|
42
|
-
customContent
|
|
43
|
+
customContent,
|
|
44
|
+
animationIn = "slideInUp",
|
|
45
|
+
animationInTiming,
|
|
46
|
+
animationOut = "slideOutDown",
|
|
47
|
+
animationOutTiming,
|
|
48
|
+
backdropTransitionInTiming,
|
|
49
|
+
backdropTransitionOutTiming,
|
|
50
|
+
onBackdropPress
|
|
43
51
|
}) => {
|
|
44
52
|
const {
|
|
45
53
|
theme,
|
|
@@ -150,22 +158,21 @@ const Popup = ({
|
|
|
150
158
|
})]
|
|
151
159
|
});
|
|
152
160
|
return /*#__PURE__*/_jsx(Modal, {
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
161
|
+
isVisible: visible,
|
|
162
|
+
animationIn: animationIn,
|
|
163
|
+
animationOut: animationOut,
|
|
164
|
+
backdropTransitionInTiming: backdropTransitionInTiming,
|
|
165
|
+
backdropTransitionOutTiming: backdropTransitionOutTiming,
|
|
166
|
+
animationInTiming: animationInTiming,
|
|
167
|
+
animationOutTiming: animationOutTiming,
|
|
168
|
+
onBackdropPress: onBackdropPress,
|
|
157
169
|
statusBarTranslucent: true,
|
|
158
170
|
style: modalStyle,
|
|
159
|
-
children: /*#__PURE__*/
|
|
171
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
160
172
|
style: styles.modalOverlay,
|
|
161
|
-
children:
|
|
162
|
-
onPress: onClose,
|
|
163
|
-
children: /*#__PURE__*/_jsx(View, {
|
|
164
|
-
style: StyleSheet.absoluteFill
|
|
165
|
-
})
|
|
166
|
-
}), /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
|
|
173
|
+
children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
|
|
167
174
|
children: /*#__PURE__*/_jsx(PopupContent, {})
|
|
168
|
-
})
|
|
175
|
+
})
|
|
169
176
|
})
|
|
170
177
|
});
|
|
171
178
|
};
|
|
@@ -178,8 +185,7 @@ const popupWidth = width * 0.85;
|
|
|
178
185
|
const createStyles = theme => StyleSheet.create({
|
|
179
186
|
modalOverlay: {
|
|
180
187
|
flex: 1,
|
|
181
|
-
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
|
182
|
-
// Keep overlay color
|
|
188
|
+
// backgroundColor: "rgba(0, 0, 0, 0.5)", // Keep overlay color
|
|
183
189
|
justifyContent: "center",
|
|
184
190
|
alignItems: "center",
|
|
185
191
|
paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","React","
|
|
1
|
+
{"version":3,"names":["useTheme","React","View","Text","TouchableOpacity","StyleSheet","ImageBackground","Dimensions","TouchableWithoutFeedback","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","overlayContainer","pointerEvents","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","absoluteFillObject"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Popup/Popup.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,KAAmB,MAAM,OAAO,CAAC;AAKxC,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,QAAA,MAAM,QAAQ,yBA4Bb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC, ReactNode } from "react";
|
|
2
2
|
import { ImageSourcePropType, TextStyle, ViewStyle, ImageStyle } from "react-native";
|
|
3
|
-
|
|
3
|
+
import { ModalProps } from "react-native-modal";
|
|
4
|
+
interface PopupProps extends Partial<Pick<ModalProps, "animationIn" | "animationOut" | "animationInTiming" | "animationOutTiming" | "backdropTransitionInTiming" | "backdropTransitionOutTiming" | "onBackdropPress">> {
|
|
4
5
|
visible: boolean;
|
|
5
6
|
onClose: () => void;
|
|
6
7
|
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,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAML,mBAAmB,EAMnB,SAAS,EACT,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAEtB,OAAc,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEvD,UAAU,UACR,SAAQ,OAAO,CAAC,IAAI,CAClB,UAAU,EACR,aAAa,GACb,cAAc,GACd,mBAAmB,GACnB,oBAAoB,GACpB,4BAA4B,GAC5B,6BAA6B,GAC7B,iBAAiB,CACpB,CAAC;IACF,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;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA8MzB,CAAC;AAmIF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,QAAA,MAAM,QAAQ,yBA4Bb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC, ReactNode } from "react";
|
|
2
2
|
import { ImageSourcePropType, TextStyle, ViewStyle, ImageStyle } from "react-native";
|
|
3
|
-
|
|
3
|
+
import { ModalProps } from "react-native-modal";
|
|
4
|
+
interface PopupProps extends Partial<Pick<ModalProps, "animationIn" | "animationOut" | "animationInTiming" | "animationOutTiming" | "backdropTransitionInTiming" | "backdropTransitionOutTiming" | "onBackdropPress">> {
|
|
4
5
|
visible: boolean;
|
|
5
6
|
onClose: () => void;
|
|
6
7
|
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,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAML,mBAAmB,EAMnB,SAAS,EACT,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAEtB,OAAc,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEvD,UAAU,UACR,SAAQ,OAAO,CAAC,IAAI,CAClB,UAAU,EACR,aAAa,GACb,cAAc,GACd,mBAAmB,GACnB,oBAAoB,GACpB,4BAA4B,GAC5B,6BAA6B,GAC7B,iBAAiB,CACpB,CAAC;IACF,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;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA8MzB,CAAC;AAmIF,eAAe,KAAK,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "related-ui-components",
|
|
3
3
|
"main": "./src/index.ts",
|
|
4
|
-
"version": "1.7.
|
|
4
|
+
"version": "1.7.1",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "expo start",
|
|
7
7
|
"reset-project": "node ./scripts/reset-project.js",
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
"@gorhom/bottom-sheet": "^5.1.2",
|
|
25
25
|
"@ptomasroos/react-native-multi-slider": "^2.2.2",
|
|
26
26
|
"@react-native-community/slider": "4.5.5",
|
|
27
|
+
"@react-native-picker/picker": "2.9.0",
|
|
27
28
|
"@react-navigation/native": "^7.0.14",
|
|
28
29
|
"@shopify/react-native-skia": "1.5.0",
|
|
29
30
|
"date-fns": "^4.1.0",
|
|
@@ -40,13 +41,13 @@
|
|
|
40
41
|
"react-native": "0.76.9",
|
|
41
42
|
"react-native-calendars": "^1.1310.0",
|
|
42
43
|
"react-native-gesture-handler": "~2.20.2",
|
|
44
|
+
"react-native-modal": "^14.0.0-rc.1",
|
|
43
45
|
"react-native-reanimated": "^3.16.1",
|
|
44
46
|
"react-native-safe-area-context": "4.12.0",
|
|
45
47
|
"react-native-screens": "~4.4.0",
|
|
46
48
|
"react-native-svg": "15.8.0",
|
|
47
49
|
"react-native-web": "~0.19.13",
|
|
48
|
-
"react-native-webview": "13.12.5"
|
|
49
|
-
"@react-native-picker/picker": "2.9.0"
|
|
50
|
+
"react-native-webview": "13.12.5"
|
|
50
51
|
},
|
|
51
52
|
"devDependencies": {
|
|
52
53
|
"@babel/core": "^7.25.2",
|
package/src/app.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { useState } from
|
|
2
|
-
import { View, Button } from
|
|
3
|
-
import { FilterResult, Filters } from
|
|
4
|
-
import BRANDS from
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import { View, Button } from "react-native";
|
|
3
|
+
import { FilterResult, Filters, Popup } from "./components";
|
|
4
|
+
import BRANDS from "./constants/BRANDS";
|
|
5
5
|
|
|
6
6
|
const MyScreen = () => {
|
|
7
7
|
const [isFilterVisible, setIsFilterVisible] = useState(false);
|
|
@@ -12,18 +12,24 @@ const MyScreen = () => {
|
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
return (
|
|
15
|
-
|
|
16
|
-
<
|
|
17
|
-
|
|
18
|
-
<Filters
|
|
15
|
+
<>
|
|
16
|
+
<Popup
|
|
19
17
|
visible={isFilterVisible}
|
|
20
|
-
onClose={() => setIsFilterVisible(false)}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
18
|
+
onClose={() => setIsFilterVisible(false)}
|
|
19
|
+
showCloseIcon={true}
|
|
20
|
+
title="ترقية إلى النسخة المميزة"
|
|
21
|
+
subtitle="استمتع بمزايا حصرية"
|
|
22
|
+
content="احصل على جميع الميزات المتقدمة والمحتوى الحصري بدون إعلانات. اشترك الآن واستمتع بتجربة كاملة مع تحديثات مجانية لمدة عام كامل."
|
|
23
|
+
primaryButtonText="ترقية الآن"
|
|
24
|
+
secondaryButtonText="ليس الآن"
|
|
25
|
+
// onPrimaryButtonPress={handleUpgrade}
|
|
26
|
+
// onSecondaryButtonPress={handleDismiss}
|
|
27
|
+
isRTL={true}
|
|
25
28
|
/>
|
|
26
|
-
|
|
29
|
+
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
|
|
30
|
+
<Button title="Show Filters" onPress={() => setIsFilterVisible(true)} />
|
|
31
|
+
</View>
|
|
32
|
+
</>
|
|
27
33
|
);
|
|
28
34
|
};
|
|
29
35
|
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { useTheme, ThemeType } from "../../theme";
|
|
2
2
|
import React, { FC, ReactNode } from "react";
|
|
3
3
|
import {
|
|
4
|
-
Modal,
|
|
5
4
|
View,
|
|
6
5
|
Text,
|
|
7
6
|
TouchableOpacity,
|
|
@@ -18,8 +17,19 @@ import {
|
|
|
18
17
|
ImageStyle,
|
|
19
18
|
} from "react-native";
|
|
20
19
|
import CloseIcon from "../CloseIcon/CloseIcon";
|
|
20
|
+
import Modal, { ModalProps } from "react-native-modal";
|
|
21
21
|
|
|
22
|
-
interface PopupProps
|
|
22
|
+
interface PopupProps
|
|
23
|
+
extends Partial<Pick<
|
|
24
|
+
ModalProps,
|
|
25
|
+
| "animationIn"
|
|
26
|
+
| "animationOut"
|
|
27
|
+
| "animationInTiming"
|
|
28
|
+
| "animationOutTiming"
|
|
29
|
+
| "backdropTransitionInTiming"
|
|
30
|
+
| "backdropTransitionOutTiming"
|
|
31
|
+
| "onBackdropPress"
|
|
32
|
+
>> {
|
|
23
33
|
visible: boolean;
|
|
24
34
|
onClose: () => void;
|
|
25
35
|
backgroundImage?: ImageSourcePropType;
|
|
@@ -91,6 +101,13 @@ const Popup: FC<PopupProps> = ({
|
|
|
91
101
|
modalStyle,
|
|
92
102
|
overlay,
|
|
93
103
|
customContent,
|
|
104
|
+
animationIn = "slideInUp",
|
|
105
|
+
animationInTiming,
|
|
106
|
+
animationOut = "slideOutDown",
|
|
107
|
+
animationOutTiming,
|
|
108
|
+
backdropTransitionInTiming,
|
|
109
|
+
backdropTransitionOutTiming,
|
|
110
|
+
onBackdropPress
|
|
94
111
|
}) => {
|
|
95
112
|
const { theme, isRTL: rtl } = useTheme();
|
|
96
113
|
isRTL = rtl;
|
|
@@ -237,20 +254,18 @@ const Popup: FC<PopupProps> = ({
|
|
|
237
254
|
|
|
238
255
|
return (
|
|
239
256
|
<Modal
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
257
|
+
isVisible={visible}
|
|
258
|
+
animationIn={animationIn}
|
|
259
|
+
animationOut={animationOut}
|
|
260
|
+
backdropTransitionInTiming={backdropTransitionInTiming}
|
|
261
|
+
backdropTransitionOutTiming={backdropTransitionOutTiming}
|
|
262
|
+
animationInTiming={animationInTiming}
|
|
263
|
+
animationOutTiming={animationOutTiming}
|
|
264
|
+
onBackdropPress={onBackdropPress}
|
|
244
265
|
statusBarTranslucent
|
|
245
266
|
style={modalStyle}
|
|
246
267
|
>
|
|
247
268
|
<View style={styles.modalOverlay}>
|
|
248
|
-
{closeOnBackdropPress && (
|
|
249
|
-
<TouchableWithoutFeedback onPress={onClose}>
|
|
250
|
-
<View style={StyleSheet.absoluteFill} />
|
|
251
|
-
</TouchableWithoutFeedback>
|
|
252
|
-
)}
|
|
253
|
-
|
|
254
269
|
<TouchableWithoutFeedback>
|
|
255
270
|
<PopupContent />
|
|
256
271
|
</TouchableWithoutFeedback>
|
|
@@ -267,7 +282,7 @@ const createStyles = (theme: ThemeType) =>
|
|
|
267
282
|
StyleSheet.create({
|
|
268
283
|
modalOverlay: {
|
|
269
284
|
flex: 1,
|
|
270
|
-
backgroundColor: "rgba(0, 0, 0, 0.5)", // Keep overlay color
|
|
285
|
+
// backgroundColor: "rgba(0, 0, 0, 0.5)", // Keep overlay color
|
|
271
286
|
justifyContent: "center",
|
|
272
287
|
alignItems: "center",
|
|
273
288
|
paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0,
|