rn-vs-lb 1.0.51 → 1.0.52
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 +1 -1
- package/dist/components/bottomsheet/DefaultSheet.js +0 -65
- package/dist/components/bottomsheet/DefaultSheetLong.js +0 -66
- package/dist/components/bottomsheet/PostOptionSheet copy.js +0 -67
- package/dist/components/bottomsheet/PostOptionSheet.js +0 -116
- package/dist/components/bottomsheet/index.js +0 -12
- 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/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 -81
- package/dist/components/eventCard/vsCard/OrganizerContainer.js +0 -51
- package/dist/components/footer/Footer copy.js +0 -114
- package/dist/components/footer/Footer.js +0 -118
- package/dist/components/footer/index.js +0 -6
- package/dist/components/header/headerHome.js +0 -25
- package/dist/components/header/index.js +0 -5
- package/dist/components/icon/Icon.js +0 -32
- package/dist/components/icon/index.js +0 -6
- package/dist/components/index.js +0 -24
- 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 -112
- package/dist/constants/index.js +0 -25
- package/dist/constants/styleSheet.js +0 -256
- package/dist/constants/theme copy.js +0 -214
- package/dist/constants/theme.js +0 -89
- 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 -19
- package/dist/types/components/bottomsheet/DefaultSheet.d.ts +0 -10
- package/dist/types/components/bottomsheet/DefaultSheetLong.d.ts +0 -10
- package/dist/types/components/bottomsheet/PostOptionSheet copy.d.ts +0 -0
- package/dist/types/components/bottomsheet/PostOptionSheet.d.ts +0 -8
- package/dist/types/components/bottomsheet/index.d.ts +0 -3
- 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/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 -10
- package/dist/types/components/eventCard/vsCard/OrganizerContainer.d.ts +0 -8
- package/dist/types/components/footer/Footer copy.d.ts +0 -0
- package/dist/types/components/footer/Footer.d.ts +0 -20
- package/dist/types/components/footer/index.d.ts +0 -1
- package/dist/types/components/header/headerHome.d.ts +0 -8
- package/dist/types/components/header/index.d.ts +0 -1
- package/dist/types/components/icon/Icon.d.ts +0 -14
- package/dist/types/components/icon/index.d.ts +0 -1
- package/dist/types/components/index.d.ts +0 -8
- 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/index.d.ts +0 -3
- package/dist/types/constants/styleSheet.d.ts +0 -309
- package/dist/types/constants/theme copy.d.ts +0 -0
- package/dist/types/constants/theme.d.ts +0 -229
- package/dist/types/constants/themeContext.d.ts +0 -2
- 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 -3
- 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
|
@@ -1,51 +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
|
-
var OrganizerContainer = function (_a) {
|
|
21
|
-
var avatarUri = _a.avatarUri, organizerName = _a.organizerName, organizerLink = _a.organizerLink;
|
|
22
|
-
var handlePress = function () {
|
|
23
|
-
if (organizerLink) {
|
|
24
|
-
react_native_1.Linking.openURL(organizerLink).catch(function (err) { return console.error("Couldn't load page", err); });
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
return (react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: handlePress, style: styles.container },
|
|
28
|
-
react_1.default.createElement(react_native_1.Image, { source: { uri: avatarUri }, style: styles.avatar }),
|
|
29
|
-
react_1.default.createElement(react_native_1.View, { style: styles.organizerTextContainer },
|
|
30
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.organizerTitle }, "Organizer"),
|
|
31
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.organizerText, numberOfLines: 1, ellipsizeMode: "tail" }, organizerName))));
|
|
32
|
-
};
|
|
33
|
-
var styles = react_native_1.StyleSheet.create({
|
|
34
|
-
container: {
|
|
35
|
-
flexDirection: 'row',
|
|
36
|
-
alignItems: 'center',
|
|
37
|
-
},
|
|
38
|
-
avatar: {
|
|
39
|
-
width: 40,
|
|
40
|
-
height: 40,
|
|
41
|
-
borderRadius: 20,
|
|
42
|
-
marginRight: theme_1.SIZES.sm,
|
|
43
|
-
},
|
|
44
|
-
organizerTextContainer: {
|
|
45
|
-
flex: 1,
|
|
46
|
-
paddingRight: theme_1.SIZES.sm,
|
|
47
|
-
},
|
|
48
|
-
organizerTitle: __assign(__assign({}, theme_1.FONTS.font), { color: theme_1.COLORS.dark }),
|
|
49
|
-
organizerText: __assign({}, theme_1.FONTS.h6),
|
|
50
|
-
});
|
|
51
|
-
exports.default = OrganizerContainer;
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
// import React, { useState, useRef, useEffect } from 'react';
|
|
3
|
-
// import { View, TouchableOpacity, Image, Animated, StyleSheet } from 'react-native';
|
|
4
|
-
// import { COLORS, SIZES } from '../../constants/theme';
|
|
5
|
-
// import IconOcticons from 'react-native-vector-icons/Octicons';
|
|
6
|
-
// import IconIonicons from 'react-native-vector-icons/Ionicons';
|
|
7
|
-
// import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
|
|
8
|
-
// enum LbTypes {
|
|
9
|
-
// OCTICONS = "Octicons",
|
|
10
|
-
// IONICONS = "Ionicons",
|
|
11
|
-
// MATERIALICONS = "MaterialIcons",
|
|
12
|
-
// }
|
|
13
|
-
// interface Tab {
|
|
14
|
-
// name: string;
|
|
15
|
-
// iconName: string;
|
|
16
|
-
// size: number;
|
|
17
|
-
// lb: LbTypes;
|
|
18
|
-
// }
|
|
19
|
-
// const tabs: Tab[] = [
|
|
20
|
-
// { name: 'Search', iconName: "search", size: 22, lb: LbTypes.OCTICONS },
|
|
21
|
-
// { name: 'Organizations', iconName: "organization", size: 22, lb: LbTypes.OCTICONS },
|
|
22
|
-
// { name: 'Persons', iconName: "person-search", size: 29, lb: LbTypes.MATERIALICONS },
|
|
23
|
-
// { name: 'Chat', iconName: "chatbubbles-sharp", size: 24, lb: LbTypes.IONICONS },
|
|
24
|
-
// { name: 'Profile', iconName: "person", size: 23, lb: LbTypes.OCTICONS },
|
|
25
|
-
// ];
|
|
26
|
-
// const renderIcon = (tab: Tab) => {
|
|
27
|
-
// switch (tab.lb) {
|
|
28
|
-
// case LbTypes.OCTICONS:
|
|
29
|
-
// return <IconOcticons name={tab.iconName} size={tab.size} color="#475A77" />;
|
|
30
|
-
// case LbTypes.IONICONS:
|
|
31
|
-
// return <IconIonicons name={tab.iconName} size={tab.size} color="#475A77" />;
|
|
32
|
-
// case LbTypes.MATERIALICONS:
|
|
33
|
-
// return <MaterialIcons name={tab.iconName} size={tab.size} color="#475A77" />;
|
|
34
|
-
// default:
|
|
35
|
-
// return null;
|
|
36
|
-
// }
|
|
37
|
-
// };
|
|
38
|
-
// export const BottomTab: React.FC = () => {
|
|
39
|
-
// const [activeTab, setActiveTab] = useState(0);
|
|
40
|
-
// const tabWidth = SIZES.width;
|
|
41
|
-
// const tabW = tabWidth < SIZES.container ? tabWidth / 5 : SIZES.container / 5;
|
|
42
|
-
// const circlePosition = useRef(
|
|
43
|
-
// new Animated.Value(tabWidth < SIZES.container ? tabWidth / 2.5 : SIZES.container / 2.5)
|
|
44
|
-
// ).current;
|
|
45
|
-
// useEffect(() => {
|
|
46
|
-
// Animated.spring(circlePosition, {
|
|
47
|
-
// toValue: activeTab * tabW,
|
|
48
|
-
// useNativeDriver: true,
|
|
49
|
-
// }).start();
|
|
50
|
-
// }, [activeTab]);
|
|
51
|
-
// const handleTabPress = (index: number) => {
|
|
52
|
-
// setActiveTab(index);
|
|
53
|
-
// };
|
|
54
|
-
// return (
|
|
55
|
-
// <View style={styles.tabContainer}>
|
|
56
|
-
// <Animated.View
|
|
57
|
-
// style={[
|
|
58
|
-
// styles.circle,
|
|
59
|
-
// {
|
|
60
|
-
// width: tabW,
|
|
61
|
-
// transform: [{ translateX: circlePosition }],
|
|
62
|
-
// },
|
|
63
|
-
// ]}
|
|
64
|
-
// >
|
|
65
|
-
// <View style={styles.circleInner} />
|
|
66
|
-
// </Animated.View>
|
|
67
|
-
// {tabs.map((tab, index) => (
|
|
68
|
-
// <TouchableOpacity
|
|
69
|
-
// key={index}
|
|
70
|
-
// activeOpacity={0.8}
|
|
71
|
-
// onPress={() => handleTabPress(index)}
|
|
72
|
-
// style={styles.tabButton}
|
|
73
|
-
// >
|
|
74
|
-
// {renderIcon(tab)}
|
|
75
|
-
// </TouchableOpacity>
|
|
76
|
-
// ))}
|
|
77
|
-
// </View>
|
|
78
|
-
// );
|
|
79
|
-
// };
|
|
80
|
-
// const styles = StyleSheet.create({
|
|
81
|
-
// tabContainer: {
|
|
82
|
-
// flexDirection: 'row',
|
|
83
|
-
// height: 60,
|
|
84
|
-
// backgroundColor: COLORS.card,
|
|
85
|
-
// alignItems: 'center',
|
|
86
|
-
// },
|
|
87
|
-
// tabButton: {
|
|
88
|
-
// flex: 1,
|
|
89
|
-
// alignItems: 'center',
|
|
90
|
-
// justifyContent: 'center',
|
|
91
|
-
// },
|
|
92
|
-
// circle: {
|
|
93
|
-
// position: 'absolute',
|
|
94
|
-
// height: '100%',
|
|
95
|
-
// alignItems: 'center',
|
|
96
|
-
// justifyContent: 'center',
|
|
97
|
-
// },
|
|
98
|
-
// circleInner: {
|
|
99
|
-
// height: 40,
|
|
100
|
-
// width: 40,
|
|
101
|
-
// borderRadius: 20,
|
|
102
|
-
// backgroundColor: COLORS.primary,
|
|
103
|
-
// opacity: 0.15,
|
|
104
|
-
// },
|
|
105
|
-
// iconImage: {
|
|
106
|
-
// width: 20,
|
|
107
|
-
// height: 20,
|
|
108
|
-
// },
|
|
109
|
-
// profileImage: {
|
|
110
|
-
// width: 34,
|
|
111
|
-
// height: 34,
|
|
112
|
-
// borderRadius: 50,
|
|
113
|
-
// },
|
|
114
|
-
// });
|
|
@@ -1,118 +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
|
-
exports.BottomTab = exports.LbTypes = void 0;
|
|
30
|
-
var react_1 = __importStar(require("react"));
|
|
31
|
-
var react_native_1 = require("react-native");
|
|
32
|
-
var theme_1 = require("../../constants/theme");
|
|
33
|
-
var Octicons_1 = __importDefault(require("react-native-vector-icons/Octicons"));
|
|
34
|
-
var Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
|
|
35
|
-
var MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
|
|
36
|
-
var LbTypes;
|
|
37
|
-
(function (LbTypes) {
|
|
38
|
-
LbTypes["OCTICONS"] = "Octicons";
|
|
39
|
-
LbTypes["IONICONS"] = "Ionicons";
|
|
40
|
-
LbTypes["MATERIALICONS"] = "MaterialIcons";
|
|
41
|
-
})(LbTypes || (exports.LbTypes = LbTypes = {}));
|
|
42
|
-
var renderIcon = function (tab) {
|
|
43
|
-
switch (tab.lb) {
|
|
44
|
-
case LbTypes.OCTICONS:
|
|
45
|
-
return react_1.default.createElement(Octicons_1.default, { name: tab.iconName, size: tab.size, color: "#475A77" });
|
|
46
|
-
case LbTypes.IONICONS:
|
|
47
|
-
return react_1.default.createElement(Ionicons_1.default, { name: tab.iconName, size: tab.size, color: "#475A77" });
|
|
48
|
-
case LbTypes.MATERIALICONS:
|
|
49
|
-
return react_1.default.createElement(MaterialIcons_1.default, { name: tab.iconName, size: tab.size, color: "#475A77" });
|
|
50
|
-
default:
|
|
51
|
-
return null;
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
var BottomTab = function (_a) {
|
|
55
|
-
var tabs = _a.tabs, onPress = _a.onPress, activeTabIndex = _a.activeTabIndex;
|
|
56
|
-
var _b = (0, react_1.useState)(activeTabIndex), activeTab = _b[0], setActiveTab = _b[1];
|
|
57
|
-
(0, react_1.useEffect)(function () {
|
|
58
|
-
setActiveTab(activeTabIndex);
|
|
59
|
-
}, [activeTabIndex]);
|
|
60
|
-
var tabWidth = theme_1.SIZES.width;
|
|
61
|
-
var tabW = tabWidth < theme_1.SIZES.container ? tabWidth / tabs.length : theme_1.SIZES.container / tabs.length;
|
|
62
|
-
var circlePosition = (0, react_1.useRef)(new react_native_1.Animated.Value(tabWidth < theme_1.SIZES.container ? tabWidth / 2.5 : theme_1.SIZES.container / 2.5)).current;
|
|
63
|
-
(0, react_1.useEffect)(function () {
|
|
64
|
-
react_native_1.Animated.spring(circlePosition, {
|
|
65
|
-
toValue: activeTab * tabW,
|
|
66
|
-
useNativeDriver: true,
|
|
67
|
-
}).start();
|
|
68
|
-
}, [activeTab]);
|
|
69
|
-
return (react_1.default.createElement(react_native_1.View, { style: styles.tabContainer },
|
|
70
|
-
react_1.default.createElement(react_native_1.Animated.View, { style: [
|
|
71
|
-
styles.circle,
|
|
72
|
-
{
|
|
73
|
-
width: tabW,
|
|
74
|
-
transform: [{ translateX: circlePosition }],
|
|
75
|
-
},
|
|
76
|
-
] },
|
|
77
|
-
react_1.default.createElement(react_native_1.View, { style: styles.circleInner })),
|
|
78
|
-
tabs.map(function (tab, index) { return (react_1.default.createElement(react_native_1.TouchableOpacity, { key: index, activeOpacity: 0.8, onPress: function () {
|
|
79
|
-
setActiveTab(index);
|
|
80
|
-
onPress(tab.route);
|
|
81
|
-
}, style: styles.tabButton }, renderIcon(tab))); })));
|
|
82
|
-
};
|
|
83
|
-
exports.BottomTab = BottomTab;
|
|
84
|
-
var styles = react_native_1.StyleSheet.create({
|
|
85
|
-
tabContainer: {
|
|
86
|
-
flexDirection: 'row',
|
|
87
|
-
height: 60,
|
|
88
|
-
backgroundColor: theme_1.COLORS.card,
|
|
89
|
-
alignItems: 'center',
|
|
90
|
-
},
|
|
91
|
-
tabButton: {
|
|
92
|
-
flex: 1,
|
|
93
|
-
alignItems: 'center',
|
|
94
|
-
justifyContent: 'center',
|
|
95
|
-
},
|
|
96
|
-
circle: {
|
|
97
|
-
position: 'absolute',
|
|
98
|
-
height: '100%',
|
|
99
|
-
alignItems: 'center',
|
|
100
|
-
justifyContent: 'center',
|
|
101
|
-
},
|
|
102
|
-
circleInner: {
|
|
103
|
-
height: 40,
|
|
104
|
-
width: 40,
|
|
105
|
-
borderRadius: 20,
|
|
106
|
-
backgroundColor: theme_1.COLORS.primary,
|
|
107
|
-
opacity: 0.15,
|
|
108
|
-
},
|
|
109
|
-
iconImage: {
|
|
110
|
-
width: 20,
|
|
111
|
-
height: 20,
|
|
112
|
-
},
|
|
113
|
-
profileImage: {
|
|
114
|
-
width: 34,
|
|
115
|
-
height: 34,
|
|
116
|
-
borderRadius: 50,
|
|
117
|
-
},
|
|
118
|
-
});
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.LbTypes = exports.BottomTab = void 0;
|
|
4
|
-
var Footer_1 = require("./Footer");
|
|
5
|
-
Object.defineProperty(exports, "BottomTab", { enumerable: true, get: function () { return Footer_1.BottomTab; } });
|
|
6
|
-
Object.defineProperty(exports, "LbTypes", { enumerable: true, get: function () { return Footer_1.LbTypes; } });
|
|
@@ -1,25 +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.HeaderHome = void 0;
|
|
7
|
-
var react_native_1 = require("react-native");
|
|
8
|
-
var react_1 = __importDefault(require("react"));
|
|
9
|
-
var styleSheet_1 = require("../../constants/styleSheet");
|
|
10
|
-
var Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
|
|
11
|
-
var HeaderHome = function (_a) {
|
|
12
|
-
var logo = _a.logo, onPressFilter = _a.onPressFilter, isAuth = _a.isAuth;
|
|
13
|
-
return (react_1.default.createElement(react_native_1.View, { style: [styleSheet_1.GlobalStyleSheet.flexalingjust, { height: 50 }] },
|
|
14
|
-
react_1.default.createElement(react_native_1.View, null,
|
|
15
|
-
react_1.default.createElement(react_native_1.Text, null, logo)),
|
|
16
|
-
react_1.default.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
|
|
17
|
-
isAuth && react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styleSheet_1.GlobalStyleSheet.btnicon, { marginRight: 10, backgroundColor: '#EFF3FA' }], onPress: function () { return console.log('createpost'); } },
|
|
18
|
-
react_1.default.createElement(Ionicons_1.default, { name: "add-sharp", size: 28, color: "#475A77" })),
|
|
19
|
-
isAuth &&
|
|
20
|
-
react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styleSheet_1.GlobalStyleSheet.btnicon, { marginRight: 10, backgroundColor: '#EFF3FA' }], onPress: function () { return console.log('notification'); } },
|
|
21
|
-
react_1.default.createElement(Ionicons_1.default, { name: "notifications-outline", size: 22, color: "#475A77" })),
|
|
22
|
-
react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styleSheet_1.GlobalStyleSheet.btnicon, { backgroundColor: '#EFF3FA' }], onPress: onPressFilter },
|
|
23
|
-
react_1.default.createElement(Ionicons_1.default, { name: "filter", size: 22, color: "#475A77" })))));
|
|
24
|
-
};
|
|
25
|
-
exports.HeaderHome = HeaderHome;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.HeaderHome = void 0;
|
|
4
|
-
var headerHome_1 = require("./headerHome");
|
|
5
|
-
Object.defineProperty(exports, "HeaderHome", { enumerable: true, get: function () { return headerHome_1.HeaderHome; } });
|
|
@@ -1,32 +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.IconConverter = exports.IconTypes = void 0;
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var Octicons_1 = __importDefault(require("react-native-vector-icons/Octicons"));
|
|
9
|
-
var Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
|
|
10
|
-
var MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
|
|
11
|
-
var IconTypes;
|
|
12
|
-
(function (IconTypes) {
|
|
13
|
-
IconTypes["OCTICONS"] = "Octicons";
|
|
14
|
-
IconTypes["IONICONS"] = "Ionicons";
|
|
15
|
-
IconTypes["MATERIALICONS"] = "MaterialIcons";
|
|
16
|
-
})(IconTypes || (exports.IconTypes = IconTypes = {}));
|
|
17
|
-
var renderIcon = function (icon) {
|
|
18
|
-
switch (icon.lb) {
|
|
19
|
-
case IconTypes.OCTICONS:
|
|
20
|
-
return react_1.default.createElement(Octicons_1.default, { name: icon.iconName, size: icon.size, color: "#475A77" });
|
|
21
|
-
case IconTypes.IONICONS:
|
|
22
|
-
return react_1.default.createElement(Ionicons_1.default, { name: icon.iconName, size: icon.size, color: "#475A77" });
|
|
23
|
-
case IconTypes.MATERIALICONS:
|
|
24
|
-
return react_1.default.createElement(MaterialIcons_1.default, { name: icon.iconName, size: icon.size, color: "#475A77" });
|
|
25
|
-
default:
|
|
26
|
-
return null;
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
var IconConverter = function (icon) {
|
|
30
|
-
return renderIcon(icon);
|
|
31
|
-
};
|
|
32
|
-
exports.IconConverter = IconConverter;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.IconTypes = exports.IconConverter = void 0;
|
|
4
|
-
var Icon_1 = require("./Icon");
|
|
5
|
-
Object.defineProperty(exports, "IconConverter", { enumerable: true, get: function () { return Icon_1.IconConverter; } });
|
|
6
|
-
Object.defineProperty(exports, "IconTypes", { enumerable: true, get: function () { return Icon_1.IconTypes; } });
|
package/dist/components/index.js
DELETED
|
@@ -1,24 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./bottomsheet"), exports);
|
|
18
|
-
__exportStar(require("./buttons"), exports);
|
|
19
|
-
__exportStar(require("./eventCard"), exports);
|
|
20
|
-
__exportStar(require("./footer"), exports);
|
|
21
|
-
__exportStar(require("./header"), exports);
|
|
22
|
-
__exportStar(require("./icon"), exports);
|
|
23
|
-
__exportStar(require("./listItem"), exports);
|
|
24
|
-
__exportStar(require("./profile"), exports);
|
|
@@ -1,8 +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.ListItem = void 0;
|
|
7
|
-
var listItem_1 = require("./listItem");
|
|
8
|
-
Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return __importDefault(listItem_1).default; } });
|
|
@@ -1,50 +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 vector_icons_1 = require("@expo/vector-icons");
|
|
9
|
-
var theme_1 = require("../../constants/theme");
|
|
10
|
-
var ListItem = function (_a) {
|
|
11
|
-
var icon = _a.icon, label = _a.label, subLabel = _a.subLabel, hideBottomLine = _a.hideBottomLine, _b = _a.hideArrow, hideArrow = _b === void 0 ? false : _b;
|
|
12
|
-
return (react_1.default.createElement(react_native_1.TouchableOpacity, { style: hideBottomLine ? styles.menuItemLast : styles.menuItem },
|
|
13
|
-
react_1.default.createElement(react_native_1.View, { style: styles.iconContainer },
|
|
14
|
-
react_1.default.createElement(vector_icons_1.FontAwesome, { name: icon, size: 24, color: theme_1.COLORS.primaryLight })),
|
|
15
|
-
react_1.default.createElement(react_native_1.View, { style: styles.textContainer },
|
|
16
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.label }, label),
|
|
17
|
-
subLabel && react_1.default.createElement(react_native_1.Text, { style: styles.subLabel }, subLabel)),
|
|
18
|
-
!hideArrow && react_1.default.createElement(vector_icons_1.MaterialIcons, { name: "chevron-right", size: 24, color: theme_1.COLORS.placeholder })));
|
|
19
|
-
};
|
|
20
|
-
var styles = react_native_1.StyleSheet.create({
|
|
21
|
-
menuItem: {
|
|
22
|
-
flexDirection: 'row',
|
|
23
|
-
alignItems: 'center',
|
|
24
|
-
paddingVertical: 16,
|
|
25
|
-
borderBottomWidth: 1,
|
|
26
|
-
borderBottomColor: theme_1.COLORS.background,
|
|
27
|
-
},
|
|
28
|
-
menuItemLast: {
|
|
29
|
-
flexDirection: 'row',
|
|
30
|
-
alignItems: 'center',
|
|
31
|
-
paddingVertical: 16,
|
|
32
|
-
},
|
|
33
|
-
iconContainer: {
|
|
34
|
-
width: 40,
|
|
35
|
-
alignItems: 'center',
|
|
36
|
-
},
|
|
37
|
-
textContainer: {
|
|
38
|
-
flex: 1,
|
|
39
|
-
paddingLeft: 8,
|
|
40
|
-
},
|
|
41
|
-
label: {
|
|
42
|
-
fontSize: 16,
|
|
43
|
-
fontWeight: '500',
|
|
44
|
-
},
|
|
45
|
-
subLabel: {
|
|
46
|
-
fontSize: 12,
|
|
47
|
-
color: theme_1.COLORS.greyText,
|
|
48
|
-
},
|
|
49
|
-
});
|
|
50
|
-
exports.default = ListItem;
|
|
@@ -1,58 +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_1 = __importDefault(require("../buttons/PostButton"));
|
|
10
|
-
var ProfileCard = function (_a) {
|
|
11
|
-
var name = _a.name, quote = _a.quote, imageUri = _a.imageUri, onPostPress = _a.onPostPress, onLearnMorePress = _a.onLearnMorePress;
|
|
12
|
-
return (react_1.default.createElement(react_native_1.View, { style: styles.cardContainer },
|
|
13
|
-
react_1.default.createElement(react_native_1.Image, { source: { uri: imageUri }, style: styles.profileImage }),
|
|
14
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.name }, name),
|
|
15
|
-
react_1.default.createElement(react_native_1.View, { style: styles.learnMoreContainer },
|
|
16
|
-
react_1.default.createElement(MaterialIcons_1.default, { name: "info-outline", size: 20, color: "#888" }),
|
|
17
|
-
react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: onLearnMorePress },
|
|
18
|
-
react_1.default.createElement(react_native_1.Text, { style: styles.learnMoreText }, "Learn more"))),
|
|
19
|
-
react_1.default.createElement(PostButton_1.default, { onPress: onPostPress, title: 'Post' })));
|
|
20
|
-
};
|
|
21
|
-
var styles = react_native_1.StyleSheet.create({
|
|
22
|
-
cardContainer: {
|
|
23
|
-
alignItems: 'center',
|
|
24
|
-
padding: 20,
|
|
25
|
-
borderRadius: 16,
|
|
26
|
-
backgroundColor: '#f9f9f9',
|
|
27
|
-
shadowColor: '#000',
|
|
28
|
-
shadowOpacity: 0.1,
|
|
29
|
-
shadowOffset: { width: 0, height: 2 },
|
|
30
|
-
shadowRadius: 5,
|
|
31
|
-
},
|
|
32
|
-
profileImage: {
|
|
33
|
-
width: 100,
|
|
34
|
-
height: 100,
|
|
35
|
-
borderRadius: 50,
|
|
36
|
-
marginBottom: 10,
|
|
37
|
-
},
|
|
38
|
-
name: {
|
|
39
|
-
fontSize: 20,
|
|
40
|
-
fontWeight: 'bold',
|
|
41
|
-
},
|
|
42
|
-
quote: {
|
|
43
|
-
fontSize: 14,
|
|
44
|
-
color: '#000',
|
|
45
|
-
marginVertical: 5,
|
|
46
|
-
},
|
|
47
|
-
learnMoreContainer: {
|
|
48
|
-
flexDirection: 'row',
|
|
49
|
-
alignItems: 'center',
|
|
50
|
-
marginTop: 8,
|
|
51
|
-
},
|
|
52
|
-
learnMoreText: {
|
|
53
|
-
fontSize: 14,
|
|
54
|
-
color: '#888',
|
|
55
|
-
marginLeft: 5,
|
|
56
|
-
},
|
|
57
|
-
});
|
|
58
|
-
exports.default = ProfileCard;
|
|
@@ -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.MeetProfileCard = exports.ProfileCard = void 0;
|
|
7
|
-
var ProfileCard_1 = require("./ProfileCard");
|
|
8
|
-
Object.defineProperty(exports, "ProfileCard", { enumerable: true, get: function () { return __importDefault(ProfileCard_1).default; } });
|
|
9
|
-
var meetProfileCard_1 = require("./meetProfileCard");
|
|
10
|
-
Object.defineProperty(exports, "MeetProfileCard", { enumerable: true, get: function () { return __importDefault(meetProfileCard_1).default; } });
|
|
@@ -1,112 +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 GradientLine = function () {
|
|
9
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
10
|
-
react_1.default.createElement(react_native_1.View, { style: [styles.line, styles.right] }),
|
|
11
|
-
react_1.default.createElement(react_native_1.View, { style: [styles.line, styles.left] })));
|
|
12
|
-
};
|
|
13
|
-
var MeetProfileCard = function (_a) {
|
|
14
|
-
var name = _a.name, userName = _a.userName, quote = _a.quote, imageUri = _a.imageUri, postCount = _a.postCount, followersCount = _a.followersCount, followingCount = _a.followingCount;
|
|
15
|
-
return (react_1.default.createElement(react_1.default.Fragment, null, "hello")
|
|
16
|
-
// <ImageBackground
|
|
17
|
-
// style={{width:'100%',height:340,borderBottomLeftRadius:25,borderBottomRightRadius:25,overflow:'hidden'}}
|
|
18
|
-
// source={IMAGES.profilebackground}
|
|
19
|
-
// >
|
|
20
|
-
// <View style={GlobalStyleSheet.container}>
|
|
21
|
-
// <View style={[GlobalStyleSheet.flexalingjust,{marginTop:10}]}>
|
|
22
|
-
// <TouchableOpacity
|
|
23
|
-
// onPress={() => console.log('goBack')}
|
|
24
|
-
// >
|
|
25
|
-
// <Image
|
|
26
|
-
// style={{ width: 18, height: 18, tintColor: '#fff' }}
|
|
27
|
-
// source={IMAGES.arrowleft}
|
|
28
|
-
// />
|
|
29
|
-
// </TouchableOpacity>
|
|
30
|
-
// <TouchableOpacity
|
|
31
|
-
// onPress={() => console.log('Settings')}
|
|
32
|
-
// >
|
|
33
|
-
// <View style={GlobalStyleSheet.background}>
|
|
34
|
-
// <Image
|
|
35
|
-
// style={[GlobalStyleSheet.image,{tintColor: COLORS.white }]}
|
|
36
|
-
// source={IMAGES.setting}
|
|
37
|
-
// />
|
|
38
|
-
// </View>
|
|
39
|
-
// </TouchableOpacity>
|
|
40
|
-
// </View>
|
|
41
|
-
// </View>
|
|
42
|
-
// <View style={{ alignItems: 'center', justifyContent: 'center' }}>
|
|
43
|
-
// <View>
|
|
44
|
-
// <TouchableOpacity>
|
|
45
|
-
// <View style={{ backgroundColor:'rgba(217, 217, 217, .6)',height:110,width:110,borderRadius:100,alignItems:'center',justifyContent:'center'}}>
|
|
46
|
-
// <Image
|
|
47
|
-
// style={{width:100,height:100,borderRadius:100}}
|
|
48
|
-
// // source={IMAGES.profile}
|
|
49
|
-
// source={{ uri: imageUri }}
|
|
50
|
-
// />
|
|
51
|
-
// </View>
|
|
52
|
-
// </TouchableOpacity>
|
|
53
|
-
// <TouchableOpacity
|
|
54
|
-
// onPress={()=> console.log('EditProfile')}
|
|
55
|
-
// style={{position:'absolute',bottom:0,right:0}}
|
|
56
|
-
// >
|
|
57
|
-
// <View style={{ backgroundColor: '#001F50', width: 36, height: 36, borderRadius: 50, alignItems:'center',justifyContent:'center' }}>
|
|
58
|
-
// <View style={{ backgroundColor: '#2979F8', width: 30, height: 30, borderRadius: 50, alignItems:'center',justifyContent:'center'}}>
|
|
59
|
-
// <Image
|
|
60
|
-
// style={{width:18,height:18,resizeMode:'contain'}}
|
|
61
|
-
// source={IMAGES.write2}
|
|
62
|
-
// />
|
|
63
|
-
// </View>
|
|
64
|
-
// </View>
|
|
65
|
-
// </TouchableOpacity>
|
|
66
|
-
// </View>
|
|
67
|
-
// <View style={{marginTop:20,alignItems:'center'}}>
|
|
68
|
-
// <Text style={{ ...FONTS.h6, color: COLORS.white }}>{name}</Text>
|
|
69
|
-
// {userName && <Text style={{ ...FONTS.font, color: COLORS.white,opacity:.6,marginTop:5 }}>{userName}</Text>}
|
|
70
|
-
// </View>
|
|
71
|
-
// <View style={{ backgroundColor: 'rgba(255, 255, 255, .1)', height: 70, width: 300, borderRadius: 12, marginTop: 20, alignItems: 'center', justifyContent: 'center', flexDirection: 'row', }}>
|
|
72
|
-
// <View style={{ alignItems: 'center', width: '33.33%' }}>
|
|
73
|
-
// <Text style={GlobalStyleSheet.textfont2}>{postCount}</Text>
|
|
74
|
-
// <Text style={GlobalStyleSheet.titlefont}>Post</Text>
|
|
75
|
-
// </View>
|
|
76
|
-
// <View style={{ width: '33.33%' }}>
|
|
77
|
-
// <TouchableOpacity style={{ alignItems: 'center' }}
|
|
78
|
-
// onPress={() => console.log('Followers')}
|
|
79
|
-
// >
|
|
80
|
-
// <Text style={GlobalStyleSheet.textfont2}>{followersCount}</Text>
|
|
81
|
-
// <Text style={GlobalStyleSheet.titlefont}>Followers</Text>
|
|
82
|
-
// </TouchableOpacity>
|
|
83
|
-
// </View>
|
|
84
|
-
// <View style={{ width: '33.33%' }}>
|
|
85
|
-
// <TouchableOpacity style={{ alignItems: 'center', }}
|
|
86
|
-
// onPress={() => console.log('Following')}
|
|
87
|
-
// >
|
|
88
|
-
// <Text style={GlobalStyleSheet.textfont2}>{followingCount}</Text>
|
|
89
|
-
// <Text style={GlobalStyleSheet.titlefont}>Following</Text>
|
|
90
|
-
// </TouchableOpacity>
|
|
91
|
-
// </View>
|
|
92
|
-
// <GradientLine />
|
|
93
|
-
// </View>
|
|
94
|
-
// </View>
|
|
95
|
-
// </ImageBackground>
|
|
96
|
-
);
|
|
97
|
-
};
|
|
98
|
-
var styles = react_native_1.StyleSheet.create({
|
|
99
|
-
line: {
|
|
100
|
-
width: 2,
|
|
101
|
-
height: 50,
|
|
102
|
-
position: 'absolute',
|
|
103
|
-
backgroundColor: 'rgba(255, 255, 255, 0.2)',
|
|
104
|
-
},
|
|
105
|
-
right: {
|
|
106
|
-
right: 100,
|
|
107
|
-
},
|
|
108
|
-
left: {
|
|
109
|
-
left: 100,
|
|
110
|
-
},
|
|
111
|
-
});
|
|
112
|
-
exports.default = MeetProfileCard;
|
package/dist/constants/index.js
DELETED
|
@@ -1,25 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
17
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
|
-
};
|
|
19
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
-
exports.themeContext = exports.appTheme = void 0;
|
|
21
|
-
__exportStar(require("./styleSheet"), exports);
|
|
22
|
-
var theme_1 = require("./theme");
|
|
23
|
-
Object.defineProperty(exports, "appTheme", { enumerable: true, get: function () { return __importDefault(theme_1).default; } });
|
|
24
|
-
var themeContext_1 = require("./themeContext");
|
|
25
|
-
Object.defineProperty(exports, "themeContext", { enumerable: true, get: function () { return __importDefault(themeContext_1).default; } });
|