koylu-vampir-design 1.0.38 → 1.0.40
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/dist/Alerts/AlertProvider.d.ts +2 -2
- package/dist/Alerts/AlertProvider.d.ts.map +1 -1
- package/dist/Alerts/AlertProvider.js +1 -1
- package/dist/Alerts/AlertQuestionContent.d.ts.map +1 -1
- package/dist/Alerts/AlertQuestionContent.js +18 -12
- package/dist/Markets/MarketInfo.d.ts +4 -4
- package/dist/Markets/MarketInfo.d.ts.map +1 -1
- package/dist/Screens/SplitScreen.d.ts +2 -0
- package/dist/Screens/SplitScreen.d.ts.map +1 -1
- package/dist/Screens/SplitScreen.js +3 -3
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ReactElement } from "react";
|
|
2
2
|
declare type AlertOptionsType = {
|
|
3
3
|
title?: string;
|
|
4
4
|
onAccept?: (any: any) => void;
|
|
@@ -9,7 +9,7 @@ declare type AlertOptionsType = {
|
|
|
9
9
|
acceptType?: string;
|
|
10
10
|
cancelText?: string;
|
|
11
11
|
cancelType?: string;
|
|
12
|
-
description?: string;
|
|
12
|
+
description?: string | ReactElement;
|
|
13
13
|
};
|
|
14
14
|
declare type AlertProp = {
|
|
15
15
|
showAlert: (message?: any, options?: AlertOptionsType) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertProvider.d.ts","sourceRoot":"","sources":["../../src/Alerts/AlertProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AlertProvider.d.ts","sourceRoot":"","sources":["../../src/Alerts/AlertProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO5C,aAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CACrC,CAAC;AAEF,aAAK,SAAS,GAAG;IACf,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3E,WAAW,CAAC,EAAE,CACZ,OAAO,CAAC,EAAE,GAAG,EACb,UAAU,CAAC,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE,gBAAgB,KACvB,OAAO,CAAC,GAAG,CAAC,CAAC;IAClB,UAAU,CAAC,EAAE,CACX,OAAO,CAAC,EAAE,GAAG,EACb,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,EAClB,OAAO,CAAC,EAAE,gBAAgB,KACvB,OAAO,CAAC,GAAG,CAAC,CAAC;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIF,eAAO,MAAM,YAAY,0BAGvB,CAAC;AAEH,eAAO,MAAM,QAAQ,iBAAuC,CAAC;AAC7D,aAAK,UAAU,GAAG,EAAE,CAAC;AAErB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsF9C,CAAC"}
|
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.AlertProvider = exports.useAlert = exports.AlertContext = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
|
+
const Utils_1 = require("../Utils");
|
|
9
10
|
const AlertContent_1 = require("./AlertContent");
|
|
10
11
|
const AlertQuestionContent_1 = require("./AlertQuestionContent");
|
|
11
12
|
const AlertSelectContent_1 = require("./AlertSelectContent");
|
|
12
|
-
const Utils_1 = require("../Utils");
|
|
13
13
|
const MODAL_PRESENTATION_STYLE = "pageSheet";
|
|
14
14
|
exports.AlertContext = react_1.default.createContext({
|
|
15
15
|
showAlert: () => { },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertQuestionContent.d.ts","sourceRoot":"","sources":["../../src/Alerts/AlertQuestionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,
|
|
1
|
+
{"version":3,"file":"AlertQuestionContent.d.ts","sourceRoot":"","sources":["../../src/Alerts/AlertQuestionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAIL,SAAS,EAIV,MAAM,cAAc,CAAC;AAOtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6DhD,CAAC"}
|
|
@@ -22,12 +22,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
22
22
|
exports.AlertQuestionContent = void 0;
|
|
23
23
|
const react_1 = __importStar(require("react"));
|
|
24
24
|
const react_native_1 = require("react-native");
|
|
25
|
+
const react_native_safe_area_context_1 = require("react-native-safe-area-context");
|
|
25
26
|
const __1 = require("../");
|
|
26
27
|
const Themes_1 = require("../Themes");
|
|
27
|
-
const react_native_safe_area_context_1 = require("react-native-safe-area-context");
|
|
28
28
|
const AlertButtons_1 = require("./AlertButtons");
|
|
29
29
|
const AlertTitle_1 = require("./AlertTitle");
|
|
30
|
-
const AlertQuestionContent = ({ style, background, options, children }) => {
|
|
30
|
+
const AlertQuestionContent = ({ style, background, options, children, }) => {
|
|
31
31
|
const { baseBackgroundColor, dimBackgroundColorTransparent, baseTextColor } = Themes_1.useColors();
|
|
32
32
|
const [input, setInput] = react_1.useState(options.currentValue || "");
|
|
33
33
|
const insets = react_native_safe_area_context_1.useSafeAreaInsets();
|
|
@@ -36,12 +36,18 @@ const AlertQuestionContent = ({ style, background, options, children }) => {
|
|
|
36
36
|
react_1.default.createElement(react_native_1.View, { style: [styles.base, style] },
|
|
37
37
|
react_1.default.createElement(react_native_1.View, { style: [
|
|
38
38
|
styles.background,
|
|
39
|
-
{ backgroundColor: color, paddingBottom: insets.bottom + 10 }
|
|
39
|
+
{ backgroundColor: color, paddingBottom: insets.bottom + 10 },
|
|
40
40
|
] },
|
|
41
41
|
react_1.default.createElement(react_native_1.View, { style: styles.message },
|
|
42
42
|
typeof children === "string" && (react_1.default.createElement(__1.Typography, { style: styles.messageText, size: children.length < 100 ? 16 : 14 }, children)),
|
|
43
|
-
react_1.default.createElement(react_native_1.TextInput, { autoCorrect: false, autoCapitalize: "none", style: [
|
|
44
|
-
|
|
43
|
+
react_1.default.createElement(react_native_1.TextInput, { autoCorrect: false, autoCapitalize: "none", style: [
|
|
44
|
+
styles.input,
|
|
45
|
+
{
|
|
46
|
+
backgroundColor: dimBackgroundColorTransparent,
|
|
47
|
+
color: baseTextColor,
|
|
48
|
+
},
|
|
49
|
+
], value: input, onChangeText: setInput }),
|
|
50
|
+
typeof options.description === "string" ? (react_1.default.createElement(__1.Typography, { style: styles.messageText }, options.description)) : (options.description)),
|
|
45
51
|
react_1.default.createElement(AlertButtons_1.AlertButtons, { options: options, payload: input })),
|
|
46
52
|
!!options.title && react_1.default.createElement(AlertTitle_1.AlertTitle, { options: options }))));
|
|
47
53
|
};
|
|
@@ -50,26 +56,26 @@ const { height } = react_native_1.Dimensions.get("window");
|
|
|
50
56
|
const isMiniDevice = height < 600;
|
|
51
57
|
const styles = react_native_1.StyleSheet.create({
|
|
52
58
|
base: {
|
|
53
|
-
marginTop: "auto"
|
|
59
|
+
marginTop: "auto",
|
|
54
60
|
},
|
|
55
61
|
keyboardView: {
|
|
56
|
-
flex: 1
|
|
62
|
+
flex: 1,
|
|
57
63
|
},
|
|
58
64
|
background: {
|
|
59
65
|
position: "relative",
|
|
60
66
|
padding: 32,
|
|
61
67
|
borderTopLeftRadius: 32,
|
|
62
|
-
borderTopRightRadius: 32
|
|
68
|
+
borderTopRightRadius: 32,
|
|
63
69
|
},
|
|
64
70
|
message: {
|
|
65
71
|
width: "100%",
|
|
66
72
|
padding: 0,
|
|
67
73
|
paddingVertical: 20,
|
|
68
74
|
minHeight: 100,
|
|
69
|
-
marginBottom: 20
|
|
75
|
+
marginBottom: 20,
|
|
70
76
|
},
|
|
71
77
|
messageText: {
|
|
72
|
-
width: "100%"
|
|
78
|
+
width: "100%",
|
|
73
79
|
},
|
|
74
80
|
input: {
|
|
75
81
|
minWidth: "100%",
|
|
@@ -80,6 +86,6 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
80
86
|
borderRadius: 8,
|
|
81
87
|
paddingHorizontal: 16,
|
|
82
88
|
marginTop: 15,
|
|
83
|
-
marginBottom: 15
|
|
84
|
-
}
|
|
89
|
+
marginBottom: 15,
|
|
90
|
+
},
|
|
85
91
|
});
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ImageSourcePropType, ViewProps } from "react-native";
|
|
3
3
|
declare type Props = {
|
|
4
|
-
gold?: number;
|
|
5
|
-
diamond?: number;
|
|
6
|
-
ticket?: number;
|
|
7
|
-
gifts?: number;
|
|
4
|
+
gold?: number | string;
|
|
5
|
+
diamond?: number | string;
|
|
6
|
+
ticket?: number | string;
|
|
7
|
+
gifts?: number | string;
|
|
8
8
|
style: any;
|
|
9
9
|
goldIcon?: ImageSourcePropType;
|
|
10
10
|
diamondIcon?: ImageSourcePropType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarketInfo.d.ts","sourceRoot":"","sources":["../../src/Markets/MarketInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EAGnB,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"MarketInfo.d.ts","sourceRoot":"","sources":["../../src/Markets/MarketInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EAGnB,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,SAAS,CAyDlD,CAAC"}
|
|
@@ -15,6 +15,8 @@ declare type Props = {
|
|
|
15
15
|
edgeSize?: number;
|
|
16
16
|
onAccept?: (any: any) => void;
|
|
17
17
|
children?: React.ReactNode;
|
|
18
|
+
splitBackground?: ImageSourcePropType;
|
|
19
|
+
contentStyle?: StyleProp<any>;
|
|
18
20
|
renderHeader?: React.Component | React.FC | string | number;
|
|
19
21
|
};
|
|
20
22
|
export declare const SplitScreen: React.FC<Props>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitScreen.d.ts","sourceRoot":"","sources":["../../src/Screens/SplitScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EAEnB,SAAS,EAGV,MAAM,cAAc,CAAC;AAMtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"SplitScreen.d.ts","sourceRoot":"","sources":["../../src/Screens/SplitScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EAEnB,SAAS,EAGV,MAAM,cAAc,CAAC;AAMtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuFvC,CAAC"}
|
|
@@ -10,14 +10,14 @@ const react_native_safe_area_context_1 = require("react-native-safe-area-context
|
|
|
10
10
|
const Themes_1 = require("../Themes");
|
|
11
11
|
const Utils_1 = require("../Utils");
|
|
12
12
|
const ScreenBase_1 = require("./ScreenBase");
|
|
13
|
-
const SplitScreen = ({ children, style, icon, title, transparent, onBack, background, scrollable, onAccept, noPaddings, renderHeader, acceptText, splitSize, noScrollView, edgeSize, }) => {
|
|
13
|
+
const SplitScreen = ({ children, style, icon, title, transparent, onBack, background, scrollable, onAccept, noPaddings, renderHeader, acceptText, splitSize, noScrollView, splitBackground, contentStyle, edgeSize, }) => {
|
|
14
14
|
const { dimBackgroundColor } = Themes_1.useColors();
|
|
15
15
|
const insets = react_native_safe_area_context_1.useSafeAreaInsets();
|
|
16
16
|
const splitHeight = splitSize || 256;
|
|
17
17
|
const edgeHeight = edgeSize || 64;
|
|
18
18
|
const childArray = react_1.default.Children.toArray(children);
|
|
19
19
|
const firstChild = childArray.shift();
|
|
20
|
-
const mainBg = Utils_1.Assets.getSource("image", "generalScreenDarkBackground");
|
|
20
|
+
const mainBg = splitBackground || Utils_1.Assets.getSource("image", "generalScreenDarkBackground");
|
|
21
21
|
return (react_1.default.createElement(ScreenBase_1.ScreenBase, Object.assign({}, {
|
|
22
22
|
icon,
|
|
23
23
|
title,
|
|
@@ -38,7 +38,7 @@ const SplitScreen = ({ children, style, icon, title, transparent, onBack, backgr
|
|
|
38
38
|
backgroundColor: dimBackgroundColor,
|
|
39
39
|
},
|
|
40
40
|
] }, firstChild),
|
|
41
|
-
react_1.default.createElement(react_native_1.View, { style: [styles.bottomArea, { marginTop: -edgeHeight }] },
|
|
41
|
+
react_1.default.createElement(react_native_1.View, { style: [styles.bottomArea, { marginTop: -edgeHeight }, contentStyle] },
|
|
42
42
|
react_1.default.createElement(react_native_1.ImageBackground, { source: mainBg, imageStyle: styles.scrollBackImage, style: [
|
|
43
43
|
styles.scrollBack,
|
|
44
44
|
{
|