rn-vs-lb 1.0.20 → 1.0.22
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/package.json +2 -3
- package/dist/components/bottomsheet/PostOptionSheet copy.js +0 -78
- package/dist/components/bottomsheet/PostOptionSheet.js +0 -116
- package/dist/components/buttons/Button.js +0 -61
- package/dist/components/buttons/PostButton.js +0 -36
- package/dist/components/buttons/index.js +0 -10
- package/dist/components/eventCard/EventCard.js +0 -75
- package/dist/components/eventCard/Footer.js +0 -69
- package/dist/components/eventCard/OrganizerContainer.js +0 -45
- package/dist/components/eventCard/Tag.js +0 -36
- package/dist/components/eventCard/index.js +0 -12
- package/dist/components/eventCard/vsCard/EventCard.js +0 -76
- package/dist/components/eventCard/vsCard/Footer.js +0 -77
- package/dist/components/eventCard/vsCard/OrganizerContainer.js +0 -51
- package/dist/components/footer/Footer.js +0 -121
- package/dist/components/footer/index.js +0 -5
- package/dist/components/header/homeHeader.js +0 -25
- package/dist/components/header/index.js +0 -5
- package/dist/components/index.js +0 -22
- package/dist/components/listItem/index.js +0 -8
- package/dist/components/listItem/listItem.js +0 -50
- package/dist/components/profile/ProfileCard.js +0 -58
- package/dist/components/profile/index.js +0 -10
- package/dist/components/profile/meetProfileCard.js +0 -78
- package/dist/constants/styleSheet.js +0 -256
- package/dist/constants/theme.js +0 -216
- package/dist/constants/themeContext.js +0 -5
- package/dist/form/AutoComplete.js +0 -159
- package/dist/form/DatePicker.js +0 -86
- package/dist/form/ImageUploader.js +0 -181
- package/dist/form/MultiSelect.js +0 -85
- package/dist/form/PasswordInput.js +0 -61
- package/dist/form/Select.js +0 -53
- package/dist/form/TextArea.js +0 -56
- package/dist/form/TextInput.js +0 -38
- package/dist/form/commonFormStyles.js +0 -30
- package/dist/form/index.js +0 -20
- package/dist/index.js +0 -18
- package/dist/types/components/bottomsheet/PostOptionSheet copy.d.ts +0 -8
- package/dist/types/components/bottomsheet/PostOptionSheet.d.ts +0 -8
- package/dist/types/components/buttons/Button.d.ts +0 -10
- package/dist/types/components/buttons/PostButton.d.ts +0 -10
- package/dist/types/components/buttons/index.d.ts +0 -2
- package/dist/types/components/eventCard/EventCard.d.ts +0 -20
- package/dist/types/components/eventCard/Footer.d.ts +0 -7
- package/dist/types/components/eventCard/OrganizerContainer.d.ts +0 -8
- package/dist/types/components/eventCard/Tag.d.ts +0 -8
- package/dist/types/components/eventCard/index.d.ts +0 -3
- package/dist/types/components/eventCard/vsCard/EventCard.d.ts +0 -20
- package/dist/types/components/eventCard/vsCard/Footer.d.ts +0 -9
- package/dist/types/components/eventCard/vsCard/OrganizerContainer.d.ts +0 -8
- package/dist/types/components/footer/Footer.d.ts +0 -2
- package/dist/types/components/footer/index.d.ts +0 -1
- package/dist/types/components/header/homeHeader.d.ts +0 -2
- package/dist/types/components/header/index.d.ts +0 -1
- package/dist/types/components/index.d.ts +0 -6
- package/dist/types/components/listItem/index.d.ts +0 -1
- package/dist/types/components/listItem/listItem.d.ts +0 -10
- package/dist/types/components/profile/ProfileCard.d.ts +0 -10
- package/dist/types/components/profile/index.d.ts +0 -2
- package/dist/types/components/profile/meetProfileCard.d.ts +0 -12
- package/dist/types/constants/styleSheet.d.ts +0 -309
- package/dist/types/constants/theme.d.ts +0 -481
- package/dist/types/constants/themeContext.d.ts +0 -3
- package/dist/types/form/AutoComplete.d.ts +0 -13
- package/dist/types/form/DatePicker.d.ts +0 -14
- package/dist/types/form/ImageUploader.d.ts +0 -14
- package/dist/types/form/MultiSelect.d.ts +0 -18
- package/dist/types/form/PasswordInput.d.ts +0 -10
- package/dist/types/form/Select.d.ts +0 -19
- package/dist/types/form/TextArea.d.ts +0 -17
- package/dist/types/form/TextInput.d.ts +0 -17
- package/dist/types/form/commonFormStyles.d.ts +0 -26
- package/dist/types/form/index.d.ts +0 -8
- package/dist/types/index.d.ts +0 -2
- package/dist/types/utils/formatDate.d.ts +0 -1
- package/dist/types/utils/index.d.ts +0 -2
- package/dist/utils/formatDate.js +0 -15
- package/dist/utils/index.js +0 -5
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rn-vs-lb",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.22",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/types/index.d.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -36,8 +36,7 @@
|
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
"files": [
|
|
39
|
-
"dist"
|
|
40
|
-
"./dist/assets"
|
|
39
|
+
"dist"
|
|
41
40
|
],
|
|
42
41
|
"dependencies": {
|
|
43
42
|
"@expo/metro-runtime": "~3.2.3",
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
-
var react_1 = __importStar(require("react"));
|
|
38
|
-
var react_native_1 = require("react-native");
|
|
39
|
-
var bottom_sheet_1 = __importStar(require("@gorhom/bottom-sheet"));
|
|
40
|
-
var styleSheet_1 = require("../../constants/styleSheet");
|
|
41
|
-
var theme_1 = require("../../constants/theme");
|
|
42
|
-
var PostOptionSheet = function (_a) {
|
|
43
|
-
var sheetRef = _a.sheetRef, onClose = _a.onClose;
|
|
44
|
-
var screenHeight = react_native_1.Dimensions.get("window").height;
|
|
45
|
-
// Вычисляем snapPoints с минимальным значением 10% для первого рендера
|
|
46
|
-
var snapPoints = (0, react_1.useMemo)(function () {
|
|
47
|
-
var percentage = (180 / screenHeight) * 100;
|
|
48
|
-
// const percentage = 100;
|
|
49
|
-
return ["".concat(Math.max(percentage, 10), "%")];
|
|
50
|
-
}, [screenHeight]);
|
|
51
|
-
return (
|
|
52
|
-
// <GestureHandlerRootView style={styles.container}>
|
|
53
|
-
react_1.default.createElement(bottom_sheet_1.default, { ref: sheetRef, index: -1, snapPoints: snapPoints, enableDynamicSizing: false, enablePanDownToClose: true, onClose: onClose, handleStyle: { top: 0 }, handleIndicatorStyle: { backgroundColor: theme_1.COLORS.border, width: 92 }, backgroundStyle: { backgroundColor: theme_1.COLORS.card }, backdropComponent: function (props) { return (react_1.default.createElement(bottom_sheet_1.BottomSheetBackdrop, __assign({}, props, { disappearsOnIndex: -1, onPress: onClose }))); } },
|
|
54
|
-
react_1.default.createElement(react_native_1.View, { style: styleSheet_1.GlobalStyleSheet.container },
|
|
55
|
-
react_1.default.createElement(react_native_1.TouchableOpacity, { style: styleSheet_1.GlobalStyleSheet.TouchableOpacity },
|
|
56
|
-
react_1.default.createElement(react_native_1.Image, { style: styleSheet_1.GlobalStyleSheet.image, source: theme_1.IMAGES.info }),
|
|
57
|
-
react_1.default.createElement(react_native_1.Text, { style: styleSheet_1.GlobalStyleSheet.text }, "Report")),
|
|
58
|
-
react_1.default.createElement(react_native_1.TouchableOpacity, { style: styleSheet_1.GlobalStyleSheet.TouchableOpacity },
|
|
59
|
-
react_1.default.createElement(react_native_1.Image, { style: [styleSheet_1.GlobalStyleSheet.image, { tintColor: theme_1.COLORS.title }], source: theme_1.IMAGES.share2 }),
|
|
60
|
-
react_1.default.createElement(react_native_1.Text, { style: [styleSheet_1.GlobalStyleSheet.text, { color: theme_1.COLORS.title }] }, "Share")),
|
|
61
|
-
react_1.default.createElement(react_native_1.TouchableOpacity, { style: styleSheet_1.GlobalStyleSheet.TouchableOpacity },
|
|
62
|
-
react_1.default.createElement(react_native_1.Image, { style: [styleSheet_1.GlobalStyleSheet.image, { tintColor: theme_1.COLORS.title }], source: theme_1.IMAGES.copylink }),
|
|
63
|
-
react_1.default.createElement(react_native_1.Text, { style: [styleSheet_1.GlobalStyleSheet.text, { color: theme_1.COLORS.title }] }, "Copy link")),
|
|
64
|
-
react_1.default.createElement(react_native_1.TouchableOpacity, { style: styleSheet_1.GlobalStyleSheet.TouchableOpacity },
|
|
65
|
-
react_1.default.createElement(react_native_1.Image, { style: [styleSheet_1.GlobalStyleSheet.image, { tintColor: theme_1.COLORS.title }], source: theme_1.IMAGES.close }),
|
|
66
|
-
react_1.default.createElement(react_native_1.Text, { style: [styleSheet_1.GlobalStyleSheet.text, { color: theme_1.COLORS.title }] }, "Hide post"))))
|
|
67
|
-
// </GestureHandlerRootView>
|
|
68
|
-
);
|
|
69
|
-
};
|
|
70
|
-
var styles = react_native_1.StyleSheet.create({
|
|
71
|
-
container: {
|
|
72
|
-
flex: 1,
|
|
73
|
-
},
|
|
74
|
-
bottomSheetBack: {
|
|
75
|
-
top: -1000,
|
|
76
|
-
}
|
|
77
|
-
});
|
|
78
|
-
exports.default = PostOptionSheet;
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
var react_1 = __importDefault(require("react"));
|
|
41
|
-
var react_native_1 = require("react-native");
|
|
42
|
-
var bottom_sheet_1 = __importStar(require("@gorhom/bottom-sheet"));
|
|
43
|
-
var theme_1 = require("../../constants/theme");
|
|
44
|
-
var listItem_1 = require("../listItem");
|
|
45
|
-
var PostOptionSheet = function (_a) {
|
|
46
|
-
var sheetRef = _a.sheetRef, onClose = _a.onClose;
|
|
47
|
-
var menuItems = [
|
|
48
|
-
{ icon: 'exclamation-circle', label: 'Manage VK ID', subLabel: 'Account protection recommendations' },
|
|
49
|
-
{ icon: 'bookmark', label: 'Bookmarks' },
|
|
50
|
-
{ icon: 'folder-o', label: 'Files' },
|
|
51
|
-
{ icon: 'money', label: 'VK Pay' },
|
|
52
|
-
{ icon: 'crosshairs', label: 'Ads' },
|
|
53
|
-
{ icon: 'support', label: 'Support' },
|
|
54
|
-
{ icon: 'cog', label: 'Settings' },
|
|
55
|
-
{ icon: 'plus-square', label: 'Add account' },
|
|
56
|
-
{ icon: 'sign-in', label: 'Sign in with QR code' },
|
|
57
|
-
];
|
|
58
|
-
return (react_1.default.createElement(bottom_sheet_1.default, { ref: sheetRef, index: -1, snapPoints: ['70%'], enableDynamicSizing: false, enablePanDownToClose: true, onClose: onClose, handleStyle: { top: 0 }, handleIndicatorStyle: { backgroundColor: theme_1.COLORS.border, width: 92 }, backgroundStyle: { backgroundColor: theme_1.COLORS.card }, backdropComponent: function (props) { return (react_1.default.createElement(bottom_sheet_1.BottomSheetBackdrop, __assign({}, props, { disappearsOnIndex: -1, onPress: onClose }))); } },
|
|
59
|
-
react_1.default.createElement(bottom_sheet_1.BottomSheetScrollView, { contentContainerStyle: styles.container }, menuItems.map(function (item, index) { return (react_1.default.createElement(listItem_1.ListItem, __assign({ key: index }, item, { hideArrow: true, hideBottomLine: true }))); }))));
|
|
60
|
-
};
|
|
61
|
-
var styles = react_native_1.StyleSheet.create({
|
|
62
|
-
container: {
|
|
63
|
-
padding: 16,
|
|
64
|
-
backgroundColor: '#fff',
|
|
65
|
-
},
|
|
66
|
-
header: {
|
|
67
|
-
flexDirection: 'row',
|
|
68
|
-
alignItems: 'center',
|
|
69
|
-
marginBottom: 16,
|
|
70
|
-
},
|
|
71
|
-
headerTitle: {
|
|
72
|
-
fontSize: 24,
|
|
73
|
-
fontWeight: 'bold',
|
|
74
|
-
flex: 1,
|
|
75
|
-
},
|
|
76
|
-
profileImage: {
|
|
77
|
-
width: 40,
|
|
78
|
-
height: 40,
|
|
79
|
-
borderRadius: 20,
|
|
80
|
-
},
|
|
81
|
-
gridContainer: {
|
|
82
|
-
flexDirection: 'row',
|
|
83
|
-
flexWrap: 'wrap',
|
|
84
|
-
justifyContent: 'space-around',
|
|
85
|
-
marginBottom: 20,
|
|
86
|
-
},
|
|
87
|
-
menuItem: {
|
|
88
|
-
flexDirection: 'row',
|
|
89
|
-
alignItems: 'center',
|
|
90
|
-
paddingVertical: 16,
|
|
91
|
-
borderBottomWidth: 1,
|
|
92
|
-
borderBottomColor: theme_1.COLORS.background,
|
|
93
|
-
},
|
|
94
|
-
menuItemLast: {
|
|
95
|
-
flexDirection: 'row',
|
|
96
|
-
alignItems: 'center',
|
|
97
|
-
paddingVertical: 16,
|
|
98
|
-
},
|
|
99
|
-
iconContainer: {
|
|
100
|
-
width: 40,
|
|
101
|
-
alignItems: 'center',
|
|
102
|
-
},
|
|
103
|
-
textContainer: {
|
|
104
|
-
flex: 1,
|
|
105
|
-
paddingLeft: 8,
|
|
106
|
-
},
|
|
107
|
-
label: {
|
|
108
|
-
fontSize: 16,
|
|
109
|
-
fontWeight: '500',
|
|
110
|
-
},
|
|
111
|
-
subLabel: {
|
|
112
|
-
fontSize: 12,
|
|
113
|
-
color: theme_1.COLORS.greyText,
|
|
114
|
-
},
|
|
115
|
-
});
|
|
116
|
-
exports.default = PostOptionSheet;
|
|
@@ -1,61 +0,0 @@
|
|
|
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
|
-
var react_1 = __importDefault(require("react"));
|
|
7
|
-
var react_native_1 = require("react-native");
|
|
8
|
-
var theme_1 = require("../../constants/theme");
|
|
9
|
-
var Button = function (_a) {
|
|
10
|
-
var title = _a.title, onPress = _a.onPress, _b = _a.type, type = _b === void 0 ? 'primary' : _b, style = _a.style, textStyle = _a.textStyle;
|
|
11
|
-
var buttonStyles = [
|
|
12
|
-
styles.button,
|
|
13
|
-
type === 'primary' && styles.primaryButton,
|
|
14
|
-
type === 'gray' && styles.grayButton,
|
|
15
|
-
type === 'primary-outline' && styles.primaryOutlineButton,
|
|
16
|
-
style,
|
|
17
|
-
];
|
|
18
|
-
var textStyles = [
|
|
19
|
-
styles.buttonText,
|
|
20
|
-
type === 'primary' && styles.primaryButtonText,
|
|
21
|
-
type === 'gray' && styles.grayButtonText,
|
|
22
|
-
type === 'primary-outline' && styles.primaryOutlineButtonText,
|
|
23
|
-
textStyle,
|
|
24
|
-
];
|
|
25
|
-
return (react_1.default.createElement(react_native_1.TouchableOpacity, { style: buttonStyles, onPress: onPress },
|
|
26
|
-
react_1.default.createElement(react_native_1.Text, { style: textStyles }, title)));
|
|
27
|
-
};
|
|
28
|
-
var styles = react_native_1.StyleSheet.create({
|
|
29
|
-
button: {
|
|
30
|
-
height: 50,
|
|
31
|
-
justifyContent: 'center',
|
|
32
|
-
alignItems: 'center',
|
|
33
|
-
borderRadius: 6,
|
|
34
|
-
paddingHorizontal: 16,
|
|
35
|
-
},
|
|
36
|
-
primaryButton: {
|
|
37
|
-
backgroundColor: theme_1.COLORS.primary,
|
|
38
|
-
},
|
|
39
|
-
primaryOutlineButton: {
|
|
40
|
-
backgroundColor: theme_1.COLORS.white,
|
|
41
|
-
borderWidth: 1,
|
|
42
|
-
borderColor: theme_1.COLORS.primary,
|
|
43
|
-
},
|
|
44
|
-
grayButton: {
|
|
45
|
-
backgroundColor: '#f5f5f5',
|
|
46
|
-
},
|
|
47
|
-
buttonText: {
|
|
48
|
-
fontSize: 16,
|
|
49
|
-
fontWeight: 'bold',
|
|
50
|
-
},
|
|
51
|
-
primaryButtonText: {
|
|
52
|
-
color: theme_1.COLORS.white,
|
|
53
|
-
},
|
|
54
|
-
primaryOutlineButtonText: {
|
|
55
|
-
color: theme_1.COLORS.primary,
|
|
56
|
-
},
|
|
57
|
-
grayButtonText: {
|
|
58
|
-
color: '#333',
|
|
59
|
-
},
|
|
60
|
-
});
|
|
61
|
-
exports.default = Button;
|
|
@@ -1,36 +0,0 @@
|
|
|
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
|
-
var react_1 = __importDefault(require("react"));
|
|
7
|
-
var react_native_1 = require("react-native");
|
|
8
|
-
var MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
|
|
9
|
-
var PostButton = function (_a) {
|
|
10
|
-
var title = _a.title, onPress = _a.onPress, buttonStyle = _a.buttonStyle, textStyle = _a.textStyle;
|
|
11
|
-
return (react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.button, buttonStyle], onPress: onPress },
|
|
12
|
-
react_1.default.createElement(MaterialIcons_1.default, { name: "add-circle-outline", size: 20, color: "#007AFF" }),
|
|
13
|
-
react_1.default.createElement(react_native_1.Text, { style: [styles.buttonText, textStyle] }, title)));
|
|
14
|
-
};
|
|
15
|
-
var styles = react_native_1.StyleSheet.create({
|
|
16
|
-
button: {
|
|
17
|
-
backgroundColor: '#f2f2f2', // light grey background
|
|
18
|
-
paddingVertical: 10,
|
|
19
|
-
paddingHorizontal: 20,
|
|
20
|
-
borderRadius: 8,
|
|
21
|
-
width: "100%",
|
|
22
|
-
alignItems: 'center',
|
|
23
|
-
marginVertical: 10,
|
|
24
|
-
marginTop: 24,
|
|
25
|
-
display: "flex",
|
|
26
|
-
flexDirection: "row",
|
|
27
|
-
justifyContent: "center",
|
|
28
|
-
gap: 6,
|
|
29
|
-
},
|
|
30
|
-
buttonText: {
|
|
31
|
-
color: '#007AFF', // iOS blue color
|
|
32
|
-
fontSize: 16,
|
|
33
|
-
fontWeight: '600',
|
|
34
|
-
},
|
|
35
|
-
});
|
|
36
|
-
exports.default = PostButton;
|
|
@@ -1,10 +0,0 @@
|
|
|
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.PostButton = exports.Button = void 0;
|
|
7
|
-
var Button_1 = require("./Button");
|
|
8
|
-
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
|
|
9
|
-
var PostButton_1 = require("./PostButton");
|
|
10
|
-
Object.defineProperty(exports, "PostButton", { enumerable: true, get: function () { return __importDefault(PostButton_1).default; } });
|
|
@@ -1,75 +0,0 @@
|
|
|
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
|
-
var react_1 = __importDefault(require("react"));
|
|
7
|
-
var react_native_1 = require("react-native");
|
|
8
|
-
var Tag_1 = __importDefault(require("./Tag"));
|
|
9
|
-
var OrganizerContainer_1 = __importDefault(require("./OrganizerContainer"));
|
|
10
|
-
var Footer_1 = __importDefault(require("./Footer"));
|
|
11
|
-
var EventCard = function (_a) {
|
|
12
|
-
var imageUri = _a.imageUri, date = _a.date, tags = _a.tags, title = _a.title, description = _a.description, organizerAvatarUri = _a.organizerAvatarUri, organizerName = _a.organizerName, organizerLink = _a.organizerLink, likes = _a.likes, views = _a.views;
|
|
13
|
-
return (react_1.default.createElement(react_native_1.View, { style: styles.container },
|
|
14
|
-
react_1.default.createElement(react_native_1.View, { style: styles.imageContainer },
|
|
15
|
-
react_1.default.createElement(react_native_1.Image, { source: { uri: imageUri }, style: styles.image, resizeMode: "cover" })),
|
|
16
|
-
react_1.default.createElement(react_native_1.View, { style: styles.content },
|
|
17
|
-
react_1.default.createElement(react_native_1.View, { style: styles.dateAndTags },
|
|
18
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.date }, date),
|
|
19
|
-
tags.map(function (tag, index) { return (react_1.default.createElement(Tag_1.default, { key: index, label: tag.label, backgroundColor: tag.backgroundColor, textColor: tag.textColor, borderColor: tag.borderColor })); })),
|
|
20
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.title, numberOfLines: 1, ellipsizeMode: "tail" }, title),
|
|
21
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.description, numberOfLines: 2, ellipsizeMode: "tail" }, description),
|
|
22
|
-
react_1.default.createElement(react_native_1.View, { style: styles.organizerContainer },
|
|
23
|
-
react_1.default.createElement(OrganizerContainer_1.default, { avatarUri: organizerAvatarUri, organizerName: organizerName, organizerLink: organizerLink })),
|
|
24
|
-
react_1.default.createElement(Footer_1.default, { likes: likes, views: views }))));
|
|
25
|
-
};
|
|
26
|
-
var styles = react_native_1.StyleSheet.create({
|
|
27
|
-
container: {
|
|
28
|
-
backgroundColor: '#fff',
|
|
29
|
-
borderRadius: 10,
|
|
30
|
-
overflow: 'hidden',
|
|
31
|
-
margin: 10,
|
|
32
|
-
elevation: 3, // For Android shadow
|
|
33
|
-
shadowColor: '#000',
|
|
34
|
-
shadowOffset: { width: 0, height: 2 },
|
|
35
|
-
shadowOpacity: 0.3,
|
|
36
|
-
shadowRadius: 3,
|
|
37
|
-
},
|
|
38
|
-
imageContainer: {
|
|
39
|
-
width: '100%',
|
|
40
|
-
height: 270,
|
|
41
|
-
justifyContent: 'center',
|
|
42
|
-
alignItems: 'center',
|
|
43
|
-
},
|
|
44
|
-
image: {
|
|
45
|
-
width: '100%',
|
|
46
|
-
height: '100%',
|
|
47
|
-
},
|
|
48
|
-
content: {
|
|
49
|
-
padding: 14,
|
|
50
|
-
},
|
|
51
|
-
dateAndTags: {
|
|
52
|
-
flexDirection: 'row',
|
|
53
|
-
alignItems: 'center',
|
|
54
|
-
marginBottom: 5,
|
|
55
|
-
},
|
|
56
|
-
date: {
|
|
57
|
-
fontSize: 14,
|
|
58
|
-
color: '#888',
|
|
59
|
-
marginRight: 10,
|
|
60
|
-
},
|
|
61
|
-
title: {
|
|
62
|
-
fontSize: 20,
|
|
63
|
-
fontWeight: 'bold',
|
|
64
|
-
marginBottom: 5,
|
|
65
|
-
},
|
|
66
|
-
description: {
|
|
67
|
-
fontSize: 16,
|
|
68
|
-
color: '#666',
|
|
69
|
-
marginBottom: 14,
|
|
70
|
-
},
|
|
71
|
-
organizerContainer: {
|
|
72
|
-
marginBottom: 16,
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
exports.default = EventCard;
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
var react_1 = __importStar(require("react"));
|
|
30
|
-
var react_native_1 = require("react-native");
|
|
31
|
-
var Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
|
|
32
|
-
var Footer = function (_a) {
|
|
33
|
-
var likes = _a.likes, views = _a.views;
|
|
34
|
-
var _b = (0, react_1.useState)(false), isLiked = _b[0], setIsLiked = _b[1];
|
|
35
|
-
var handleLikePress = function () {
|
|
36
|
-
setIsLiked(!isLiked);
|
|
37
|
-
};
|
|
38
|
-
return (react_1.default.createElement(react_native_1.View, { style: styles.container },
|
|
39
|
-
react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: handleLikePress, style: styles.item },
|
|
40
|
-
react_1.default.createElement(Ionicons_1.default, { name: isLiked ? "heart" : "heart-outline", size: 20, color: isLiked ? "#ff0000" : "#666" }),
|
|
41
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.text },
|
|
42
|
-
isLiked ? likes + 1 : likes,
|
|
43
|
-
" ",
|
|
44
|
-
likes + (isLiked ? 1 : 0) === 1 ? 'Like' : 'Likes')),
|
|
45
|
-
react_1.default.createElement(react_native_1.View, { style: styles.item },
|
|
46
|
-
react_1.default.createElement(Ionicons_1.default, { name: "eye-outline", size: 20, color: "#666" }),
|
|
47
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.text },
|
|
48
|
-
views,
|
|
49
|
-
" Views"))));
|
|
50
|
-
};
|
|
51
|
-
var styles = react_native_1.StyleSheet.create({
|
|
52
|
-
container: {
|
|
53
|
-
flexDirection: 'row',
|
|
54
|
-
justifyContent: 'space-between',
|
|
55
|
-
borderTopWidth: 1,
|
|
56
|
-
borderTopColor: '#eee',
|
|
57
|
-
paddingTop: 10,
|
|
58
|
-
},
|
|
59
|
-
item: {
|
|
60
|
-
flexDirection: 'row',
|
|
61
|
-
alignItems: 'center',
|
|
62
|
-
},
|
|
63
|
-
text: {
|
|
64
|
-
fontSize: 14,
|
|
65
|
-
color: '#666',
|
|
66
|
-
marginLeft: 5,
|
|
67
|
-
},
|
|
68
|
-
});
|
|
69
|
-
exports.default = Footer;
|
|
@@ -1,45 +0,0 @@
|
|
|
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
|
-
var react_1 = __importDefault(require("react"));
|
|
7
|
-
var react_native_1 = require("react-native");
|
|
8
|
-
var OrganizerContainer = function (_a) {
|
|
9
|
-
var avatarUri = _a.avatarUri, organizerName = _a.organizerName, organizerLink = _a.organizerLink;
|
|
10
|
-
var handlePress = function () {
|
|
11
|
-
if (organizerLink) {
|
|
12
|
-
react_native_1.Linking.openURL(organizerLink).catch(function (err) { return console.error("Couldn't load page", err); });
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
return (react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: handlePress, style: styles.container },
|
|
16
|
-
react_1.default.createElement(react_native_1.Image, { source: { uri: avatarUri }, style: styles.avatar }),
|
|
17
|
-
react_1.default.createElement(react_native_1.View, { style: styles.organizerTextContainer },
|
|
18
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.organizerTitle }, "Organizer"),
|
|
19
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.organizerText, numberOfLines: 1, ellipsizeMode: "tail" }, organizerName))));
|
|
20
|
-
};
|
|
21
|
-
var styles = react_native_1.StyleSheet.create({
|
|
22
|
-
container: {
|
|
23
|
-
flexDirection: 'row',
|
|
24
|
-
alignItems: 'center',
|
|
25
|
-
marginBottom: 10,
|
|
26
|
-
},
|
|
27
|
-
avatar: {
|
|
28
|
-
width: 40,
|
|
29
|
-
height: 40,
|
|
30
|
-
borderRadius: 20,
|
|
31
|
-
marginRight: 10,
|
|
32
|
-
},
|
|
33
|
-
organizerTextContainer: {
|
|
34
|
-
flex: 1,
|
|
35
|
-
paddingRight: 10,
|
|
36
|
-
},
|
|
37
|
-
organizerTitle: {
|
|
38
|
-
fontSize: 14,
|
|
39
|
-
color: '#666',
|
|
40
|
-
},
|
|
41
|
-
organizerText: {
|
|
42
|
-
fontSize: 16,
|
|
43
|
-
},
|
|
44
|
-
});
|
|
45
|
-
exports.default = OrganizerContainer;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
var react_1 = __importDefault(require("react"));
|
|
18
|
-
var react_native_1 = require("react-native");
|
|
19
|
-
var theme_1 = require("../../constants/theme");
|
|
20
|
-
//@ts-ignore
|
|
21
|
-
var Tag = function (_a) {
|
|
22
|
-
var label = _a.label, backgroundColor = _a.backgroundColor, textColor = _a.textColor, borderColor = _a.borderColor;
|
|
23
|
-
return (react_1.default.createElement(react_native_1.View, { style: [styles.tagContainer, { backgroundColor: backgroundColor, borderColor: borderColor }] },
|
|
24
|
-
react_1.default.createElement(react_native_1.Text, { style: [styles.tagText, { color: textColor }] }, label)));
|
|
25
|
-
};
|
|
26
|
-
var styles = react_native_1.StyleSheet.create({
|
|
27
|
-
tagContainer: {
|
|
28
|
-
paddingHorizontal: theme_1.SIZES.xs,
|
|
29
|
-
paddingVertical: theme_1.SIZES.xxs,
|
|
30
|
-
borderRadius: theme_1.SIZES.xs,
|
|
31
|
-
borderWidth: 1,
|
|
32
|
-
marginLeft: theme_1.SIZES.xxs,
|
|
33
|
-
},
|
|
34
|
-
tagText: __assign(__assign({}, theme_1.FONTS.font), { fontWeight: 600 }),
|
|
35
|
-
});
|
|
36
|
-
exports.default = Tag;
|
|
@@ -1,12 +0,0 @@
|
|
|
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.SocialStats = exports.Organizer = exports.EventCard = void 0;
|
|
7
|
-
var EventCard_1 = require("./vsCard/EventCard");
|
|
8
|
-
Object.defineProperty(exports, "EventCard", { enumerable: true, get: function () { return __importDefault(EventCard_1).default; } });
|
|
9
|
-
var OrganizerContainer_1 = require("./vsCard/OrganizerContainer");
|
|
10
|
-
Object.defineProperty(exports, "Organizer", { enumerable: true, get: function () { return __importDefault(OrganizerContainer_1).default; } });
|
|
11
|
-
var Footer_1 = require("./vsCard/Footer");
|
|
12
|
-
Object.defineProperty(exports, "SocialStats", { enumerable: true, get: function () { return __importDefault(Footer_1).default; } });
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
var react_1 = __importDefault(require("react"));
|
|
18
|
-
var react_native_1 = require("react-native");
|
|
19
|
-
var Tag_1 = __importDefault(require("../Tag"));
|
|
20
|
-
var OrganizerContainer_1 = __importDefault(require("./OrganizerContainer"));
|
|
21
|
-
var Footer_1 = __importDefault(require("./Footer"));
|
|
22
|
-
var theme_1 = require("../../../constants/theme");
|
|
23
|
-
var EventCard = function (_a) {
|
|
24
|
-
var imageUri = _a.imageUri, date = _a.date, tags = _a.tags, title = _a.title, description = _a.description, organizerAvatarUri = _a.organizerAvatarUri, organizerName = _a.organizerName, organizerLink = _a.organizerLink, likes = _a.likes, views = _a.views;
|
|
25
|
-
return (react_1.default.createElement(react_native_1.View, { style: styles.container },
|
|
26
|
-
react_1.default.createElement(react_native_1.View, { style: styles.imageContainer },
|
|
27
|
-
react_1.default.createElement(react_native_1.Image, { source: { uri: imageUri }, style: styles.image, resizeMode: "cover" })),
|
|
28
|
-
react_1.default.createElement(react_native_1.View, { style: styles.content },
|
|
29
|
-
react_1.default.createElement(react_native_1.View, { style: styles.dateAndTags },
|
|
30
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.date }, date),
|
|
31
|
-
tags.map(function (tag, index) { return (react_1.default.createElement(Tag_1.default, { key: index, label: tag.label, backgroundColor: tag.backgroundColor, textColor: tag.textColor, borderColor: tag.borderColor })); })),
|
|
32
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.title, numberOfLines: 1, ellipsizeMode: "tail" }, title),
|
|
33
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.description, numberOfLines: 2, ellipsizeMode: "tail" }, description),
|
|
34
|
-
react_1.default.createElement(react_native_1.View, { style: styles.organizerContainer },
|
|
35
|
-
react_1.default.createElement(OrganizerContainer_1.default, { avatarUri: organizerAvatarUri, organizerName: organizerName, organizerLink: organizerLink })),
|
|
36
|
-
react_1.default.createElement(Footer_1.default, { likes: likes, views: views }))));
|
|
37
|
-
};
|
|
38
|
-
var styles = react_native_1.StyleSheet.create({
|
|
39
|
-
container: {
|
|
40
|
-
backgroundColor: theme_1.COLORS.white,
|
|
41
|
-
overflow: 'hidden',
|
|
42
|
-
marginBottom: theme_1.SIZES.xs,
|
|
43
|
-
marginTop: theme_1.SIZES.xs,
|
|
44
|
-
elevation: 3, // For Android shadow
|
|
45
|
-
shadowColor: theme_1.COLORS.dark,
|
|
46
|
-
shadowOffset: { width: 0, height: 2 },
|
|
47
|
-
shadowOpacity: 0.3,
|
|
48
|
-
shadowRadius: 3,
|
|
49
|
-
},
|
|
50
|
-
imageContainer: {
|
|
51
|
-
width: '100%',
|
|
52
|
-
height: 270,
|
|
53
|
-
justifyContent: 'center',
|
|
54
|
-
alignItems: 'center',
|
|
55
|
-
},
|
|
56
|
-
image: {
|
|
57
|
-
width: '100%',
|
|
58
|
-
height: '100%',
|
|
59
|
-
},
|
|
60
|
-
content: {
|
|
61
|
-
padding: theme_1.SIZES.sm,
|
|
62
|
-
},
|
|
63
|
-
dateAndTags: {
|
|
64
|
-
flexDirection: 'row',
|
|
65
|
-
alignItems: 'center',
|
|
66
|
-
marginBottom: theme_1.SIZES.xxs,
|
|
67
|
-
},
|
|
68
|
-
date: __assign(__assign({}, theme_1.FONTS.font), { color: theme_1.COLORS.greyText, marginRight: theme_1.SIZES.sm }),
|
|
69
|
-
title: __assign({}, theme_1.FONTS.h4),
|
|
70
|
-
description: __assign(__assign({}, theme_1.FONTS.font), { marginTop: theme_1.SIZES.xxs }),
|
|
71
|
-
organizerContainer: {
|
|
72
|
-
marginTop: theme_1.SIZES.md,
|
|
73
|
-
marginBottom: theme_1.SIZES.md,
|
|
74
|
-
}
|
|
75
|
-
});
|
|
76
|
-
exports.default = EventCard;
|