koylu-vampir-design 0.0.15 → 1.0.19
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.map +1 -1
- package/dist/Alerts/AlertProvider.js +3 -1
- package/dist/Buttons/DropDown.d.ts +2 -0
- package/dist/Buttons/DropDown.d.ts.map +1 -1
- package/dist/Buttons/DropDown.js +2 -3
- package/dist/Buttons/ProfileOptionButton.d.ts +3 -0
- package/dist/Buttons/ProfileOptionButton.d.ts.map +1 -1
- package/dist/Buttons/ProfileOptionButton.js +10 -5
- package/dist/GameParts/TreasureInfo.d.ts.map +1 -1
- package/dist/GameParts/TreasureInfo.js +3 -3
- package/dist/Lands/LandContent.d.ts +2 -0
- package/dist/Lands/LandContent.d.ts.map +1 -1
- package/dist/Lands/LandContent.js +3 -3
- package/dist/Lands/LandTitle.d.ts.map +1 -1
- package/dist/Lands/LandTitle.js +1 -1
- package/dist/Listings/GameListItem.d.ts +9 -0
- package/dist/Listings/GameListItem.d.ts.map +1 -1
- package/dist/Listings/GameListItem.js +7 -4
- package/dist/Markets/MarketInfo.d.ts +4 -0
- package/dist/Markets/MarketInfo.d.ts.map +1 -1
- package/dist/Markets/MarketInfo.js +5 -5
- package/dist/Markets/MarketProduct.d.ts +1 -1
- package/dist/Markets/MarketWheel.d.ts.map +1 -1
- package/dist/Markets/MarketWheel.js +3 -4
- package/dist/Menus/MenuOptions.d.ts +22 -0
- package/dist/Menus/MenuOptions.d.ts.map +1 -0
- package/dist/Menus/MenuOptions.js +115 -0
- package/dist/Menus/index.d.ts +1 -0
- package/dist/Menus/index.d.ts.map +1 -1
- package/dist/Menus/index.js +3 -1
- package/dist/Messages/MessageInput.d.ts +1 -0
- package/dist/Messages/MessageInput.d.ts.map +1 -1
- package/dist/Messages/MessageInput.js +70 -8
- package/dist/Navbars/UserBar.d.ts.map +1 -1
- package/dist/Navbars/UserBar.js +2 -2
- package/dist/Navbars/UserDrawerBar.d.ts +2 -0
- package/dist/Navbars/UserDrawerBar.d.ts.map +1 -1
- package/dist/Navbars/UserDrawerBar.js +20 -19
- package/dist/Players/AvatarSelector.d.ts.map +1 -1
- package/dist/Players/AvatarSelector.js +13 -4
- package/dist/Players/PlayerBg.js +1 -1
- package/dist/Players/PlayerView.d.ts.map +1 -1
- package/dist/Players/PlayerView.js +33 -3
- package/dist/Roles/RoleInfoBox.d.ts +1 -0
- package/dist/Roles/RoleInfoBox.d.ts.map +1 -1
- package/dist/Roles/RoleInfoBox.js +3 -2
- package/dist/Scores/ScoreEmpty.d.ts +3 -0
- package/dist/Scores/ScoreEmpty.d.ts.map +1 -1
- package/dist/Scores/ScoreEmpty.js +6 -6
- package/dist/Screens/ScreenBase.d.ts +1 -0
- package/dist/Screens/ScreenBase.d.ts.map +1 -1
- package/dist/Screens/ScreenBase.js +9 -6
- package/dist/Screens/ScreenFooter.d.ts.map +1 -1
- package/dist/Screens/ScreenFooter.js +2 -2
- package/dist/Screens/ScreenHeader.d.ts +1 -0
- package/dist/Screens/ScreenHeader.d.ts.map +1 -1
- package/dist/Screens/ScreenHeader.js +20 -14
- package/dist/Screens/SplitScreen.d.ts.map +1 -1
- package/dist/Screens/SplitScreen.js +1 -1
- package/dist/Teams/TeamHeader.d.ts +2 -0
- package/dist/Teams/TeamHeader.d.ts.map +1 -1
- package/dist/Teams/TeamHeader.js +13 -14
- package/dist/Teams/TeamMember.d.ts +1 -0
- package/dist/Teams/TeamMember.d.ts.map +1 -1
- package/dist/Teams/TeamMember.js +3 -3
- package/dist/Teams/TeamTitle.d.ts +2 -0
- package/dist/Teams/TeamTitle.d.ts.map +1 -1
- package/dist/Teams/TeamTitle.js +5 -3
- package/dist/Themes/ThemeProvider.d.ts +3 -0
- package/dist/Themes/ThemeProvider.d.ts.map +1 -1
- package/dist/Themes/ThemeProvider.js +34 -8
- package/dist/Themes/index.d.ts +1 -1
- package/dist/Themes/index.d.ts.map +1 -1
- package/dist/Themes/index.js +2 -1
- package/dist/Utils/Assets.js +4 -1
- package/dist/Utils/FadeImage.d.ts.map +1 -1
- package/dist/Utils/FadeImage.js +4 -0
- package/dist/Utils/Performance.d.ts +11 -0
- package/dist/Utils/Performance.d.ts.map +1 -0
- package/dist/Utils/Performance.js +15 -0
- package/dist/Utils/index.d.ts +1 -0
- package/dist/Utils/index.d.ts.map +1 -1
- package/dist/Utils/index.js +3 -1
- package/dist/Views/FadeInView.d.ts.map +1 -1
- package/dist/Views/FadeInView.js +7 -0
- package/dist/Views/TouchableView.d.ts +2 -1
- package/dist/Views/TouchableView.d.ts.map +1 -1
- package/dist/Views/TouchableView.js +9 -2
- package/dist/index.d.ts +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -2
- package/package.json +2 -1
|
@@ -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,MAAM,OAAO,CAAC;AAO1B,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,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,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,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC/F,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC7F,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIF,eAAO,MAAM,YAAY,0BAKvB,CAAC;AAEH,eAAO,MAAM,QAAQ,iBAAuC,CAAC;AAC7D,aAAK,UAAU,GAAG,EAAE,CAAA;AAEpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwE9C,CAAC"}
|
|
@@ -9,6 +9,8 @@ const react_native_1 = require("react-native");
|
|
|
9
9
|
const AlertContent_1 = require("./AlertContent");
|
|
10
10
|
const AlertQuestionContent_1 = require("./AlertQuestionContent");
|
|
11
11
|
const AlertSelectContent_1 = require("./AlertSelectContent");
|
|
12
|
+
const Utils_1 = require("../Utils");
|
|
13
|
+
const MODAL_PRESENTATION_STYLE = "pageSheet";
|
|
12
14
|
exports.AlertContext = react_1.default.createContext({
|
|
13
15
|
showAlert: () => {
|
|
14
16
|
},
|
|
@@ -57,7 +59,7 @@ const AlertProvider = ({ children }) => {
|
|
|
57
59
|
};
|
|
58
60
|
return (react_1.default.createElement(exports.AlertContext.Provider, { value: { showAlert, showQuestion, closeAlert, showConfirm, showSelect } },
|
|
59
61
|
children,
|
|
60
|
-
react_1.default.createElement(react_native_1.Modal, { visible: isVisible, onRequestClose: () => setVisible(false), animationType: "slide", presentationStyle: "
|
|
62
|
+
react_1.default.createElement(react_native_1.Modal, { visible: isVisible, onRequestClose: () => setVisible(false), animationType: "slide", presentationStyle: Utils_1.Performance.ramAvailable(2) ? "pageSheet" : undefined, transparent: true },
|
|
61
63
|
type === "alert" && react_1.default.createElement(AlertContent_1.AlertContent, { options: options }, content),
|
|
62
64
|
type === "question" && react_1.default.createElement(AlertQuestionContent_1.AlertQuestionContent, { options: options }, content),
|
|
63
65
|
type === "select" && react_1.default.createElement(AlertSelectContent_1.AlertSelectContent, { options: options }, content))));
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { StyleProp } from "react-native";
|
|
2
3
|
import { MenuButtonProps } from "./MenuButton";
|
|
3
4
|
interface Props extends Omit<MenuButtonProps, "onPress"> {
|
|
4
5
|
currentIndex?: number;
|
|
5
6
|
onSelect?: (any: any) => any;
|
|
6
7
|
items: Array<any>;
|
|
8
|
+
style?: StyleProp<any>;
|
|
7
9
|
title?: string;
|
|
8
10
|
}
|
|
9
11
|
export declare const DropDown: React.FC<Props>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../src/Buttons/DropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../src/Buttons/DropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAGrD,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAG3D,UAAU,KAAM,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,GAAG,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+BpC,CAAC"}
|
package/dist/Buttons/DropDown.js
CHANGED
|
@@ -22,7 +22,7 @@ const Themes_1 = require("../Themes");
|
|
|
22
22
|
const MenuButton_1 = require("./MenuButton");
|
|
23
23
|
const Alerts_1 = require("../Alerts");
|
|
24
24
|
const DropDown = (_a) => {
|
|
25
|
-
var { children, currentIndex, onSelect, items, title } = _a, buttonProps = __rest(_a, ["children", "currentIndex", "onSelect", "items", "title"]);
|
|
25
|
+
var { children, currentIndex, onSelect, items, style, title } = _a, buttonProps = __rest(_a, ["children", "currentIndex", "onSelect", "items", "style", "title"]);
|
|
26
26
|
const { showSelect } = Alerts_1.useAlert();
|
|
27
27
|
const _onPress = () => {
|
|
28
28
|
showSelect && showSelect(title, items, {
|
|
@@ -32,12 +32,11 @@ const DropDown = (_a) => {
|
|
|
32
32
|
};
|
|
33
33
|
const { baseTextColor, baseBackgroundColor, dimTextColorTransparent, primaryColor } = Themes_1.useColors();
|
|
34
34
|
const renderIcon = () => react_1.default.createElement(Utils_1.Icon, { color: primaryColor, style: styles.icon, size: 24, name: "chevron-down" });
|
|
35
|
-
return (react_1.default.createElement(MenuButton_1.MenuButton, Object.assign({ size: "small", onPress: _onPress, textStyle: { color: baseBackgroundColor }, rightComponent: renderIcon(), style: [styles.dropDown, { backgroundColor: baseTextColor, borderColor: baseTextColor }] }, buttonProps), children));
|
|
35
|
+
return (react_1.default.createElement(MenuButton_1.MenuButton, Object.assign({ size: "small", onPress: _onPress, textStyle: { color: baseBackgroundColor }, rightComponent: renderIcon(), style: [styles.dropDown, { backgroundColor: baseTextColor, borderColor: baseTextColor }, style] }, buttonProps), children));
|
|
36
36
|
};
|
|
37
37
|
exports.DropDown = DropDown;
|
|
38
38
|
const styles = react_native_1.StyleSheet.create({
|
|
39
39
|
dropDown: {
|
|
40
|
-
marginTop: -55,
|
|
41
40
|
height: 32,
|
|
42
41
|
borderWidth: 2,
|
|
43
42
|
paddingRight: 5,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProfileOptionButton.d.ts","sourceRoot":"","sources":["../../src/Buttons/ProfileOptionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA0B,MAAM,cAAc,CAAC;AAIxF,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ProfileOptionButton.d.ts","sourceRoot":"","sources":["../../src/Buttons/ProfileOptionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA0B,MAAM,cAAc,CAAC;AAIxF,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAI,MAAM,CAAA;KAAE,CAAA;CACxC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmF/C,CAAC"}
|
|
@@ -8,27 +8,32 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
9
|
const Views_1 = require("../Views");
|
|
10
10
|
const MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
|
|
11
|
-
const ProfileOptionButton = ({ type, onPress, price, label, style
|
|
11
|
+
const ProfileOptionButton = ({ type, onPress, price, label, style, translates = {
|
|
12
|
+
"applied": "Uygulandı",
|
|
13
|
+
"apply": "Uygula",
|
|
14
|
+
"set": "Ayarla",
|
|
15
|
+
"disable": "Kullanım Dışı"
|
|
16
|
+
} }) => {
|
|
12
17
|
const renderButton = () => {
|
|
13
18
|
switch (type) {
|
|
14
19
|
case "applied":
|
|
15
20
|
return (react_1.default.createElement(Views_1.TouchableView, { out: true, onPress: onPress, style: [styles.settingButtonStyle, styles.applied] },
|
|
16
21
|
react_1.default.createElement(MaterialIcons_1.default, { size: 25, color: "#55ff55", name: "done" }),
|
|
17
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.labelText },
|
|
22
|
+
react_1.default.createElement(react_native_1.Text, { style: styles.labelText }, translates[type])));
|
|
18
23
|
case "apply":
|
|
19
24
|
return (react_1.default.createElement(Views_1.TouchableView, { out: true, onPress: onPress, style: [styles.settingButtonStyle, styles.apply] },
|
|
20
|
-
react_1.default.createElement(react_native_1.Text, { style: [styles.labelText, styles.labelTextWhite] },
|
|
25
|
+
react_1.default.createElement(react_native_1.Text, { style: [styles.labelText, styles.labelTextWhite] }, translates[type]),
|
|
21
26
|
!!price && (react_1.default.createElement(react_native_1.Text, { style: [styles.labelText, styles.labelTextWhite] },
|
|
22
27
|
" ",
|
|
23
28
|
price))));
|
|
24
29
|
case "set":
|
|
25
30
|
return (react_1.default.createElement(Views_1.TouchableView, { out: true, onPress: onPress, style: [styles.settingButtonStyle, styles.apply] },
|
|
26
|
-
react_1.default.createElement(react_native_1.Text, { style: [styles.labelText, styles.labelTextWhite] },
|
|
31
|
+
react_1.default.createElement(react_native_1.Text, { style: [styles.labelText, styles.labelTextWhite] }, translates[type]),
|
|
27
32
|
react_1.default.createElement(MaterialIcons_1.default, { size: 25, style: styles.icon, color: "#ffffff", name: "keyboard-arrow-right" }),
|
|
28
33
|
react_1.default.createElement(MaterialIcons_1.default, { size: 25, style: styles.icon, color: "#ffffff", name: "keyboard-arrow-right" })));
|
|
29
34
|
case "disable":
|
|
30
35
|
return (react_1.default.createElement(Views_1.TouchableView, { out: true, onPress: onPress, style: [styles.settingButtonStyle, styles.disable] },
|
|
31
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.labelText },
|
|
36
|
+
react_1.default.createElement(react_native_1.Text, { style: styles.labelText }, translates[type])));
|
|
32
37
|
}
|
|
33
38
|
};
|
|
34
39
|
return react_1.default.createElement(react_native_1.View, { style: [styles.button, style] },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreasureInfo.d.ts","sourceRoot":"","sources":["../../src/GameParts/TreasureInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAiC,MAAM,cAAc,CAAC;AAKpF,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD,CAAA;AACD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"TreasureInfo.d.ts","sourceRoot":"","sources":["../../src/GameParts/TreasureInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAiC,MAAM,cAAc,CAAC;AAKpF,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD,CAAA;AACD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+BvC,CAAC"}
|
|
@@ -34,11 +34,11 @@ exports.TreasureInfo = React.memo(({ treasure, onReadyPress }) => {
|
|
|
34
34
|
? "Oyun sonunda hazinedeki elmaslar tüm kazananalara dağıtılacak."
|
|
35
35
|
: "Oyun sonunda hazinedeki altınlar kazananalar arasında paylaştırılacaktır.";
|
|
36
36
|
return (React.createElement(react_native_1.View, { style: styles.wrapper },
|
|
37
|
-
React.createElement(react_native_linear_gradient_1.default, { colors: ["#206A97", "#56C0BE"], start: { x: 0.5, y: 0 }, style: styles.frame },
|
|
37
|
+
React.createElement(react_native_linear_gradient_1.default, { colors: ["#206A97", "#56C0BE", "#dc72ff"], start: { x: 0.5, y: 0 }, end: { x: 0.8, y: 1.2 }, style: styles.frame },
|
|
38
38
|
React.createElement(react_native_1.View, { style: styles.info },
|
|
39
39
|
React.createElement(react_native_1.Text, { style: styles.infoText },
|
|
40
40
|
"Bu k\u00F6y\u00FCn hazinesinde tam",
|
|
41
|
-
"
|
|
41
|
+
"\n",
|
|
42
42
|
React.createElement(react_native_1.Text, { style: styles.boldText }, treasure),
|
|
43
43
|
" ",
|
|
44
44
|
winElement,
|
|
@@ -47,7 +47,7 @@ exports.TreasureInfo = React.memo(({ treasure, onReadyPress }) => {
|
|
|
47
47
|
"\n",
|
|
48
48
|
winElementShareText),
|
|
49
49
|
React.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("image", "prize"), style: styles.infoImage })),
|
|
50
|
-
React.createElement(Buttons_1.MenuButton, { type: "
|
|
50
|
+
React.createElement(Buttons_1.MenuButton, { type: "success", size: "large", onPress: onReadyPress }, "HAZIRIM"))));
|
|
51
51
|
});
|
|
52
52
|
const styles = react_native_1.StyleSheet.create({
|
|
53
53
|
wrapper: {
|
|
@@ -3,6 +3,8 @@ import { GestureResponderEvent, StyleProp } from "react-native";
|
|
|
3
3
|
declare type Props = {
|
|
4
4
|
onCreatePress: (event?: GestureResponderEvent) => void;
|
|
5
5
|
style?: StyleProp<any>;
|
|
6
|
+
villagersText?: string;
|
|
7
|
+
createText?: string;
|
|
6
8
|
};
|
|
7
9
|
export declare const LandContent: React.FC<Props>;
|
|
8
10
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LandContent.d.ts","sourceRoot":"","sources":["../../src/Lands/LandContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAKlF,aAAK,KAAK,GAAG;IACX,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"LandContent.d.ts","sourceRoot":"","sources":["../../src/Lands/LandContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAKlF,aAAK,KAAK,GAAG;IACX,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgCvC,CAAC"}
|
|
@@ -9,7 +9,7 @@ const react_native_1 = require("react-native");
|
|
|
9
9
|
const Typography_1 = require("../Typography");
|
|
10
10
|
const Themes_1 = require("../Themes");
|
|
11
11
|
const Buttons_1 = require("../Buttons");
|
|
12
|
-
const LandContent = ({ children, onCreatePress, style, }) => {
|
|
12
|
+
const LandContent = ({ children, onCreatePress, villagersText = "KÖYLER", createText = "YENİ KÖY OLUŞTUR", style, }) => {
|
|
13
13
|
const { baseBackgroundColor, dimTextColorTransparent, baseTextColor } = Themes_1.useColors();
|
|
14
14
|
return (react_1.default.createElement(react_native_1.View, { style: [
|
|
15
15
|
styles.wrapper,
|
|
@@ -17,9 +17,9 @@ const LandContent = ({ children, onCreatePress, style, }) => {
|
|
|
17
17
|
style,
|
|
18
18
|
] },
|
|
19
19
|
react_1.default.createElement(react_native_1.View, { style: styles.label },
|
|
20
|
-
react_1.default.createElement(Typography_1.Typography, { style: styles.labelText },
|
|
20
|
+
react_1.default.createElement(Typography_1.Typography, { style: styles.labelText }, villagersText)),
|
|
21
21
|
react_1.default.createElement(react_native_1.View, { style: styles.content }, children),
|
|
22
|
-
react_1.default.createElement(Buttons_1.MenuButton, { type: "light-blue", style: styles.button, icon: "md-add-circle-outline", onPress: onCreatePress },
|
|
22
|
+
!!onCreatePress && react_1.default.createElement(Buttons_1.MenuButton, { type: "light-blue", style: styles.button, icon: "md-add-circle-outline", onPress: onCreatePress }, createText)));
|
|
23
23
|
};
|
|
24
24
|
exports.LandContent = LandContent;
|
|
25
25
|
const styles = react_native_1.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LandTitle.d.ts","sourceRoot":"","sources":["../../src/Lands/LandTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAsC,MAAM,cAAc,CAAC;AAKpG,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"LandTitle.d.ts","sourceRoot":"","sources":["../../src/Lands/LandTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAsC,MAAM,cAAc,CAAC;AAKpG,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8CrC,CAAC"}
|
package/dist/Lands/LandTitle.js
CHANGED
|
@@ -17,7 +17,7 @@ const LandTitle = ({ children, land, isActive, onPress, animationDelay, style, }
|
|
|
17
17
|
style,
|
|
18
18
|
] },
|
|
19
19
|
react_1.default.createElement(react_native_1.View, { style: styles.nameRow },
|
|
20
|
-
react_1.default.createElement(Utils_1.Icon, { size: 28, font: "MaterialIcons", color: "#00A5E7", name: land.locked ? "lock" : isActive ? "expand-less" : "expand-more" }),
|
|
20
|
+
react_1.default.createElement(Utils_1.Icon, { size: 28, font: "MaterialIcons", color: "#00A5E7", accessibilityLabel: land.locked ? "Kilitli." : "", name: land.locked ? "lock" : isActive ? "expand-less" : "expand-more" }),
|
|
21
21
|
react_1.default.createElement(Typography_1.Typography, { style: styles.title, color: baseBackgroundColor }, land.name),
|
|
22
22
|
children),
|
|
23
23
|
!!land.description && (react_1.default.createElement(Typography_1.Typography, { style: styles.infoText, color: baseBackgroundColor }, land.description)),
|
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { GestureResponderEvent, StyleProp } from "react-native";
|
|
3
|
+
declare const statusMap: {
|
|
4
|
+
finished: string;
|
|
5
|
+
starting: string;
|
|
6
|
+
playing: string;
|
|
7
|
+
waiting: string;
|
|
8
|
+
};
|
|
3
9
|
declare type Props = {
|
|
4
10
|
style?: StyleProp<any>;
|
|
5
11
|
name?: string;
|
|
6
12
|
userCount?: number;
|
|
7
13
|
userLimit?: number;
|
|
8
14
|
status?: string;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
statusTexts?: typeof statusMap;
|
|
17
|
+
playText?: string;
|
|
9
18
|
onJoinPress?: (event?: GestureResponderEvent) => void;
|
|
10
19
|
onJoinLongPress?: (event?: GestureResponderEvent) => void;
|
|
11
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GameListItem.d.ts","sourceRoot":"","sources":["../../src/Listings/GameListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"GameListItem.d.ts","sourceRoot":"","sources":["../../src/Listings/GameListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAKlF,QAAA,MAAM,SAAS;;;;;CAKd,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoDxC,CAAC"}
|
|
@@ -15,9 +15,8 @@ const statusMap = {
|
|
|
15
15
|
playing: "Başladı",
|
|
16
16
|
waiting: "Bekliyor",
|
|
17
17
|
};
|
|
18
|
-
const GameListItem = ({ children, name, userCount, userLimit, onJoinLongPress, onJoinPress, status, style, }) => {
|
|
18
|
+
const GameListItem = ({ children, name, userCount, userLimit, onJoinLongPress, onJoinPress, status, disabled, statusTexts = statusMap, playText = "Oyna", style, }) => {
|
|
19
19
|
const { baseBackgroundColor, baseTextColor } = Themes_1.useColors();
|
|
20
|
-
const disabled = false;
|
|
21
20
|
const StatusComponent = !!onJoinLongPress ? Views_1.TouchableView : react_native_1.View;
|
|
22
21
|
const showAdminPress = {
|
|
23
22
|
onLongPress: onJoinLongPress,
|
|
@@ -25,13 +24,13 @@ const GameListItem = ({ children, name, userCount, userLimit, onJoinLongPress, o
|
|
|
25
24
|
return (react_1.default.createElement(react_native_1.View, { style: [styles.base, style] },
|
|
26
25
|
react_1.default.createElement(Typography_1.Typography, { style: styles.name, color: baseBackgroundColor }, name),
|
|
27
26
|
!!status && status !== "waiting" ? (react_1.default.createElement(StatusComponent, Object.assign({}, showAdminPress, { style: styles.status }),
|
|
28
|
-
react_1.default.createElement(Typography_1.Typography, { style: styles.statusText, color: "#ffffffaa" },
|
|
27
|
+
react_1.default.createElement(Typography_1.Typography, { style: styles.statusText, color: "#ffffffaa" }, statusTexts[status]))) : (react_1.default.createElement(Views_1.TouchableView, { out: true, style: [styles.button, disabled && styles.disabledButton], onPress: onJoinPress, onLongPress: onJoinLongPress },
|
|
29
28
|
react_1.default.createElement(react_native_1.View, { style: styles.usersCount },
|
|
30
29
|
react_1.default.createElement(Typography_1.Typography, { style: styles.usersCountText, color: baseBackgroundColor },
|
|
31
30
|
userCount,
|
|
32
31
|
" / ",
|
|
33
32
|
userLimit)),
|
|
34
|
-
react_1.default.createElement(Typography_1.Typography, { style: [styles.buttonText, disabled && styles.disabledText] },
|
|
33
|
+
react_1.default.createElement(Typography_1.Typography, { style: [styles.buttonText, disabled && styles.disabledText] }, playText)))));
|
|
35
34
|
};
|
|
36
35
|
exports.GameListItem = GameListItem;
|
|
37
36
|
const styles = react_native_1.StyleSheet.create({
|
|
@@ -70,6 +69,10 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
70
69
|
flexWrap: "nowrap",
|
|
71
70
|
height: 30,
|
|
72
71
|
},
|
|
72
|
+
disabledButton: {
|
|
73
|
+
borderColor: "#adadad",
|
|
74
|
+
backgroundColor: "rgba(144,144,144,0.5)",
|
|
75
|
+
},
|
|
73
76
|
status: {
|
|
74
77
|
backgroundColor: "rgb(135,135,135)",
|
|
75
78
|
marginLeft: "auto",
|
|
@@ -7,6 +7,10 @@ declare type Props = {
|
|
|
7
7
|
goldIcon: ImageSourcePropType;
|
|
8
8
|
diamondIcon: ImageSourcePropType;
|
|
9
9
|
giftIcon: ImageSourcePropType;
|
|
10
|
+
titleText?: string;
|
|
11
|
+
myGoldsText?: string;
|
|
12
|
+
myDiamondsText?: string;
|
|
13
|
+
myGiftsText?: string;
|
|
10
14
|
};
|
|
11
15
|
export declare const MarketInfo: React.FC<Props & ViewProps>;
|
|
12
16
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarketInfo.d.ts","sourceRoot":"","sources":["../../src/Markets/MarketInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,mBAAmB,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AACvF,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,WAAW,EAAE,mBAAmB,CAAC;IACjC,QAAQ,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"MarketInfo.d.ts","sourceRoot":"","sources":["../../src/Markets/MarketInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,mBAAmB,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AACvF,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,WAAW,EAAE,mBAAmB,CAAC;IACjC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CAEtB,CAAA;AACD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,SAAS,CA4BlD,CAAC"}
|
|
@@ -7,19 +7,19 @@ exports.MarketInfo = void 0;
|
|
|
7
7
|
const react_native_1 = require("react-native");
|
|
8
8
|
const react_1 = __importDefault(require("react"));
|
|
9
9
|
const Typography_1 = require("../Typography");
|
|
10
|
-
const MarketInfo = ({ gold, diamond, gifts, goldIcon, diamondIcon, giftIcon }) => {
|
|
10
|
+
const MarketInfo = ({ gold, diamond, gifts, goldIcon, diamondIcon, giftIcon, titleText = "Hesabım", myGoldsText = "Altınlarım:", myDiamondsText = "Elmaslarım:", myGiftsText = "Hediyelerim:" }) => {
|
|
11
11
|
return react_1.default.createElement(react_native_1.View, { style: styles.info },
|
|
12
|
-
react_1.default.createElement(Typography_1.Typography, { bold: true, style: styles.title },
|
|
12
|
+
react_1.default.createElement(Typography_1.Typography, { bold: true, style: styles.title }, titleText),
|
|
13
13
|
react_1.default.createElement(react_native_1.View, { style: styles.line },
|
|
14
|
-
react_1.default.createElement(Typography_1.Typography, { style: styles.label },
|
|
14
|
+
react_1.default.createElement(Typography_1.Typography, { style: styles.label }, myGoldsText),
|
|
15
15
|
react_1.default.createElement(Typography_1.Typography, { bold: true }, gold),
|
|
16
16
|
react_1.default.createElement(react_native_1.Image, { style: styles.image, source: goldIcon })),
|
|
17
17
|
react_1.default.createElement(react_native_1.View, { style: styles.line },
|
|
18
|
-
react_1.default.createElement(Typography_1.Typography, { style: styles.label },
|
|
18
|
+
react_1.default.createElement(Typography_1.Typography, { style: styles.label }, myDiamondsText),
|
|
19
19
|
react_1.default.createElement(Typography_1.Typography, { bold: true }, diamond),
|
|
20
20
|
react_1.default.createElement(react_native_1.Image, { style: styles.image, source: diamondIcon })),
|
|
21
21
|
react_1.default.createElement(react_native_1.View, { style: styles.line },
|
|
22
|
-
react_1.default.createElement(Typography_1.Typography, { style: styles.label },
|
|
22
|
+
react_1.default.createElement(Typography_1.Typography, { style: styles.label }, myGiftsText),
|
|
23
23
|
react_1.default.createElement(Typography_1.Typography, { bold: true }, gifts),
|
|
24
24
|
react_1.default.createElement(react_native_1.Image, { style: styles.image, source: giftIcon })));
|
|
25
25
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarketWheel.d.ts","sourceRoot":"","sources":["../../src/Markets/MarketWheel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,qBAAqB,EAErB,SAAS,EAIV,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"MarketWheel.d.ts","sourceRoot":"","sources":["../../src/Markets/MarketWheel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,qBAAqB,EAErB,SAAS,EAIV,MAAM,cAAc,CAAC;AAKtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAEnD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0DvC,CAAC"}
|
|
@@ -8,8 +8,7 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
9
|
const Views_1 = require("../Views");
|
|
10
10
|
const Typography_1 = require("../Typography");
|
|
11
|
-
const
|
|
12
|
-
const wheelHandleSource = require("../assets/images/cark-button.png");
|
|
11
|
+
const Utils_1 = require("../Utils");
|
|
13
12
|
const MarketWheel = ({ degree = 0, ready, disabled, onPress }) => {
|
|
14
13
|
const [current, rotateTo] = react_1.default.useState(0);
|
|
15
14
|
const animation = new react_native_1.Animated.Value(0);
|
|
@@ -47,8 +46,8 @@ const MarketWheel = ({ degree = 0, ready, disabled, onPress }) => {
|
|
|
47
46
|
outputRange: ["0deg", "360deg"]
|
|
48
47
|
})
|
|
49
48
|
}]
|
|
50
|
-
}], source:
|
|
51
|
-
ready ? react_1.default.createElement(react_native_1.Image, { source:
|
|
49
|
+
}], source: Utils_1.Assets.getSource("image", "cark") }),
|
|
50
|
+
ready ? react_1.default.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("image", "carkHandle"), style: styles.handle }) :
|
|
52
51
|
react_1.default.createElement(react_native_1.View, { style: styles.watchButton },
|
|
53
52
|
react_1.default.createElement(react_native_1.Text, { style: styles.watchButtonText }, "\u0130ZLE"))),
|
|
54
53
|
!ready && react_1.default.createElement(react_native_1.View, { style: styles.info },
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { GestureResponderEvent, StyleProp } from "react-native";
|
|
3
|
+
declare type ItemValueType = string | number | boolean | null;
|
|
4
|
+
declare type OptionItem = {
|
|
5
|
+
label: string;
|
|
6
|
+
value: ItemValueType;
|
|
7
|
+
};
|
|
8
|
+
declare type Props = {
|
|
9
|
+
style?: StyleProp<any>;
|
|
10
|
+
iconName?: string;
|
|
11
|
+
iconFont?: string;
|
|
12
|
+
color?: string;
|
|
13
|
+
badge?: string;
|
|
14
|
+
feature?: boolean;
|
|
15
|
+
value?: ItemValueType;
|
|
16
|
+
options?: Array<OptionItem>;
|
|
17
|
+
onPress?: (event?: GestureResponderEvent) => void;
|
|
18
|
+
onChange?: (value?: ItemValueType) => void;
|
|
19
|
+
};
|
|
20
|
+
export declare const MenuOptions: React.FC<Props>;
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=MenuOptions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuOptions.d.ts","sourceRoot":"","sources":["../../src/Menus/MenuOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA0B,MAAM,cAAc,CAAC;AAMxF,aAAK,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;AAGtD,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAA;CACrB,CAAA;AAGD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkDvC,CAAC"}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.MenuOptions = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_native_1 = require("react-native");
|
|
9
|
+
const Views_1 = require("../Views");
|
|
10
|
+
const Typography_1 = require("../Typography");
|
|
11
|
+
const Utils_1 = require("../Utils");
|
|
12
|
+
const Themes_1 = require("../Themes");
|
|
13
|
+
const MenuOptions = ({ children, style, color, onPress, feature, iconName, iconFont = "MaterialIcons", badge, value, options, onChange, }) => {
|
|
14
|
+
const { baseTextColor } = Themes_1.useColors();
|
|
15
|
+
const textColor = color ? color : baseTextColor;
|
|
16
|
+
const setValue = (value) => {
|
|
17
|
+
onChange && onChange(value);
|
|
18
|
+
};
|
|
19
|
+
return (react_1.default.createElement(react_native_1.View, { style: [styles.wrapper, styles.container, feature && styles.border, style] },
|
|
20
|
+
react_1.default.createElement(Typography_1.Typography, { size: 14, color: textColor, bold: feature, style: [feature && { textDecorationLine: "underline" }] }, children),
|
|
21
|
+
!!badge && react_1.default.createElement(react_native_1.View, { style: styles.badge },
|
|
22
|
+
react_1.default.createElement(react_native_1.Text, { style: styles.badgeText }, badge)),
|
|
23
|
+
react_1.default.createElement(react_native_1.View, { style: styles.flex }),
|
|
24
|
+
!!iconName && (react_1.default.createElement(react_native_1.View, { accessibilityElementsHidden: true },
|
|
25
|
+
react_1.default.createElement(Utils_1.Icon, { name: iconName, color: textColor, font: iconFont, style: styles.icon, size: 18 }))),
|
|
26
|
+
react_1.default.createElement(react_native_1.View, { style: styles.values }, !!options && options.map((item, key) => {
|
|
27
|
+
const isActive = item.value === value;
|
|
28
|
+
return react_1.default.createElement(Views_1.TouchableView, { onPress: () => setValue(item.value), style: [styles.value, isActive && styles.valueActive], accessibilityState: { selected: isActive }, wrapperStyle: styles.valueWrapper, key: key },
|
|
29
|
+
react_1.default.createElement(react_native_1.Text, { style: [styles.valueText, isActive && styles.valueTextActive] }, item.label));
|
|
30
|
+
}))));
|
|
31
|
+
};
|
|
32
|
+
exports.MenuOptions = MenuOptions;
|
|
33
|
+
const styles = react_native_1.StyleSheet.create({
|
|
34
|
+
wrapper: {
|
|
35
|
+
paddingHorizontal: 20,
|
|
36
|
+
paddingVertical: 8,
|
|
37
|
+
},
|
|
38
|
+
container: {
|
|
39
|
+
flexDirection: "row",
|
|
40
|
+
alignItems: "center",
|
|
41
|
+
flexWrap: "wrap"
|
|
42
|
+
},
|
|
43
|
+
border: {
|
|
44
|
+
flex: 1,
|
|
45
|
+
borderWidth: 1,
|
|
46
|
+
borderColor: "#dcc20744",
|
|
47
|
+
backgroundColor: "#dcc20718",
|
|
48
|
+
paddingVertical: 10,
|
|
49
|
+
marginHorizontal: 10,
|
|
50
|
+
borderRadius: 8,
|
|
51
|
+
paddingHorizontal: 10
|
|
52
|
+
},
|
|
53
|
+
icon: {
|
|
54
|
+
marginRight: 0
|
|
55
|
+
},
|
|
56
|
+
flex: {
|
|
57
|
+
flex: 1,
|
|
58
|
+
},
|
|
59
|
+
badge: {
|
|
60
|
+
backgroundColor: "red",
|
|
61
|
+
marginLeft: "auto",
|
|
62
|
+
flexDirection: "row",
|
|
63
|
+
alignItems: "center",
|
|
64
|
+
justifyContent: "center",
|
|
65
|
+
width: 16,
|
|
66
|
+
height: 16,
|
|
67
|
+
borderRadius: 16
|
|
68
|
+
},
|
|
69
|
+
badgeText: {
|
|
70
|
+
color: "#ffffff",
|
|
71
|
+
fontSize: 11,
|
|
72
|
+
paddingLeft: 1,
|
|
73
|
+
fontWeight: "bold"
|
|
74
|
+
},
|
|
75
|
+
values: {
|
|
76
|
+
marginLeft: -3,
|
|
77
|
+
flexDirection: "row",
|
|
78
|
+
alignItems: "stretch",
|
|
79
|
+
paddingTop: 10,
|
|
80
|
+
},
|
|
81
|
+
valueWrapper: {
|
|
82
|
+
flex: 1,
|
|
83
|
+
alignItems: "stretch",
|
|
84
|
+
justifyContent: "center"
|
|
85
|
+
},
|
|
86
|
+
value: {
|
|
87
|
+
backgroundColor: "transparent",
|
|
88
|
+
borderColor: "#00B3FF",
|
|
89
|
+
borderWidth: 1,
|
|
90
|
+
marginLeft: 3,
|
|
91
|
+
flexDirection: "row",
|
|
92
|
+
alignItems: "center",
|
|
93
|
+
justifyContent: "center",
|
|
94
|
+
paddingHorizontal: 8,
|
|
95
|
+
paddingVertical: 8,
|
|
96
|
+
borderRadius: 3,
|
|
97
|
+
},
|
|
98
|
+
valueText: {
|
|
99
|
+
color: "#00B3FF",
|
|
100
|
+
fontSize: 11,
|
|
101
|
+
paddingLeft: 1,
|
|
102
|
+
borderBottomWidth: 1,
|
|
103
|
+
borderColor: "white",
|
|
104
|
+
fontWeight: "bold",
|
|
105
|
+
textAlign: "center"
|
|
106
|
+
},
|
|
107
|
+
valueActive: {
|
|
108
|
+
backgroundColor: "#00B3FF",
|
|
109
|
+
borderColor: "#00B3FF",
|
|
110
|
+
borderWidth: 1
|
|
111
|
+
},
|
|
112
|
+
valueTextActive: {
|
|
113
|
+
color: "#ffffff",
|
|
114
|
+
}
|
|
115
|
+
});
|
package/dist/Menus/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Menus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Menus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
package/dist/Menus/index.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MenuUserItem = exports.MenuLabel = exports.MenuItem = void 0;
|
|
3
|
+
exports.MenuOptions = exports.MenuUserItem = exports.MenuLabel = exports.MenuItem = void 0;
|
|
4
4
|
var MenuItem_1 = require("./MenuItem");
|
|
5
5
|
Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return MenuItem_1.MenuItem; } });
|
|
6
6
|
var MenuLabel_1 = require("./MenuLabel");
|
|
7
7
|
Object.defineProperty(exports, "MenuLabel", { enumerable: true, get: function () { return MenuLabel_1.MenuLabel; } });
|
|
8
8
|
var MenuUserItem_1 = require("./MenuUserItem");
|
|
9
9
|
Object.defineProperty(exports, "MenuUserItem", { enumerable: true, get: function () { return MenuUserItem_1.MenuUserItem; } });
|
|
10
|
+
var MenuOptions_1 = require("./MenuOptions");
|
|
11
|
+
Object.defineProperty(exports, "MenuOptions", { enumerable: true, get: function () { return MenuOptions_1.MenuOptions; } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../src/Messages/MessageInput.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../src/Messages/MessageInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAML,SAAS,EAIV,MAAM,cAAc,CAAC;AAOtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6FxC,CAAC"}
|