npm - @messenger-box/slack-ui-mobile - Versions diffs - 10.0.3-alpha.34 → 10.0.3-alpha.36 - Mend

@messenger-box/slack-ui-mobile 10.0.3-alpha.34 → 10.0.3-alpha.36

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.

Files changed (23) hide show

package/lib/screens/Teams/Teams.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Teams.js","sources":["../../../src/screens/Teams/Teams.tsx"],"sourcesContent":["import { useIsFocused } from '@react-navigation/native';\nimport React, { useCallback, memo } from 'react';\nimport { TouchableOpacity, Dimensions, SafeAreaView, RefreshControl, StyleSheet } from 'react-native';\nimport {\n Center,\n View,\n FlatList,\n Box,\n Text,\n Spinner,\n HStack,\n Fab,\n FabIcon,\n AddIcon,\n Input,\n InputField,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useSelector } from 'react-redux';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useNavigation } from '@react-navigation/native';\nimport { Octicons } from '@expo/vector-icons';\nimport { NavigationRoutes } from '../../constants';\nimport { useDrawerLayout } from '../../hooks';\nimport { StatusBar } from 'expo-status-bar';\nimport colors from 'tailwindcss/colors';\nimport { useTeams } from './useTeams';\n\nconst TeamItem = memo(({ item, onPress }: { item: any; onPress: (item: any) => void }) => (\n <TouchableOpacity key={item.id} style={styles.teamItem} onPress={() => onPress(item)}>\n <Box style={styles.teamItemBox}>\n <HStack space={'md'} style={styles.teamItemContent}>\n <Octicons color={'black'} name=\"lock\" size={20} />\n <Text style={styles.teamItemText}>{item.title}</Text>\n </HStack>\n </Box>\n </TouchableOpacity>\n));\n\nconst TeamsScreen = () => {\n const { orgName } = useDrawerLayout();\n const navigation = useNavigation<any>();\n const user = useSelector(userSelector);\n const { teams, loading, teamsLoading, error, handleSearchChange, searchTerm, refetch } = useTeams(orgName);\n\n React.useEffect(() => {\n if (navigation) {\n navigation.setOptions({\n headerShown: true,\n headerTitle: () => (\n <Box>\n <Text style={styles.headerTitle}>Team Browser</Text>\n <Text style={styles.headerSubtitle}>\n {teams.length} {teams.length === 1 ? 'team' : 'teams'}\n </Text>\n </Box>\n ),\n });\n }\n }, [teams.length, navigation]);\n\n const viewTeam = useCallback(\n (item: any) => {\n navigation.navigate(NavigationRoutes.ViewTeam, {\n teamId: item?.id?.toString(),\n teamName: item?.name,\n title: item?.title?.toString(),\n totalMembers: item?.teamMembers?.length,\n hideTabBar: true,\n });\n },\n [navigation],\n );\n\n if (loading && !teams.length) {\n return (\n <Center style={{ flex: 1, backgroundColor: 'white' }}>\n <Spinner color={colors.blue[500]} size=\"large\" />\n </Center>\n );\n }\n\n return (\n <SafeAreaView style={styles.container}>\n <StatusBar style=\"dark\" />\n <Box style={styles.content}>\n <Input style={styles.searchInput} variant=\"outlined\">\n <InputField\n type=\"text\"\n size=\"xl\"\n value={searchTerm}\n placeholderTextColor={colors.gray[500]}\n style={styles.inputField}\n placeholder=\"Search for teams\"\n onChangeText={handleSearchChange}\n autoCapitalize={'none'}\n autoCorrect={false}\n />\n </Input>\n\n <FlatList\n contentContainerStyle={teams.length ? styles.listContent : styles.emptyListContent}\n data={teams}\n renderItem={({ item }) => <TeamItem item={item} onPress={viewTeam} />}\n keyExtractor={(item) => item._id \|\| item.id}\n refreshControl={\n <RefreshControl\n refreshing={teamsLoading}\n onRefresh={refetch}\n colors={[colors.blue[500]]}\n tintColor={colors.blue[500]}\n />\n }\n showsVerticalScrollIndicator={false}\n ListEmptyComponent={() => (\n <Center style={styles.emptyContainer}>\n {teamsLoading ? (\n <Spinner color={colors.blue[500]} />\n ) : (\n <View style={styles.emptyContent}>\n <Octicons name=\"organization\" size={36} color={colors.gray[400]} />\n <Text style={styles.emptyText}>\n {error ? 'Error loading teams' : 'No teams found'}\n </Text>\n {error && (\n <TouchableOpacity style={styles.retryButton} onPress={refetch}>\n <Text style={styles.retryButtonText}>Retry</Text>\n </TouchableOpacity>\n )}\n </View>\n )}\n </Center>\n )}\n />\n\n <Fab\n size=\"md\"\n placement=\"bottom right\"\n onPress={() => navigation.navigate(NavigationRoutes.AddTeam)}\n style={styles.fab}\n >\n <FabIcon as={AddIcon} color=\"black\" />\n </Fab>\n </Box>\n </SafeAreaView>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n backgroundColor: colors.gray[100],\n },\n content: {\n flex: 1,\n },\n searchInput: {\n backgroundColor: 'white',\n borderBottomWidth: 1,\n borderBottomColor: colors.gray[200],\n shadowOpacity: 0.1,\n shadowRadius: 3,\n marginBottom: 8,\n },\n inputField: {\n paddingHorizontal: 12,\n color: 'black',\n fontSize: 15,\n },\n listContent: {\n paddingHorizontal: 12,\n paddingBottom: 100,\n paddingTop: 4,\n },\n emptyListContent: {\n paddingHorizontal: 12,\n paddingBottom: 100,\n paddingTop: 4,\n flexGrow: 1,\n },\n emptyContainer: {\n flex: 1,\n paddingTop: 80,\n alignItems: 'center',\n justifyContent: 'center',\n },\n emptyContent: {\n alignItems: 'center',\n },\n emptyText: {\n textAlign: 'center',\n color: colors.gray[600],\n marginTop: 16,\n fontSize: 16,\n },\n retryButton: {\n marginTop: 16,\n backgroundColor: colors.blue[500],\n paddingHorizontal: 16,\n paddingVertical: 8,\n borderRadius: 6,\n },\n retryButtonText: {\n color: 'white',\n fontWeight: '500',\n },\n teamItem: {\n marginVertical: 4,\n },\n teamItemBox: {\n flex: 1,\n backgroundColor: 'white',\n paddingVertical: 16,\n paddingHorizontal: 12,\n borderRadius: 8,\n shadowColor: '#000',\n shadowOffset: { width: 0, height: 1 },\n shadowOpacity: 0.1,\n shadowRadius: 1,\n borderWidth: 1,\n borderColor: colors.gray[100],\n },\n teamItemContent: {\n flex: 1,\n alignItems: 'center',\n },\n teamItemText: {\n paddingLeft: 8,\n fontSize: 16,\n fontWeight: '500',\n color: 'black',\n },\n headerTitle: {\n fontSize: 16,\n fontWeight: 'bold',\n color: 'black',\n },\n headerSubtitle: {\n color: 'black',\n fontWeight: '500',\n },\n fab: {\n backgroundColor: '#fff',\n borderRadius: 28,\n shadowColor: '#000',\n shadowOffset: { width: 0, height: 2 },\n shadowOpacity: 0.2,\n shadowRadius: 3,\n },\n});\n\nexport default memo(TeamsScreen);\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"Teams.js","sources":["../../../src/screens/Teams/Teams.tsx"],"sourcesContent":["import { useIsFocused } from '@react-navigation/native';\nimport React, { useCallback, memo } from 'react';\nimport { TouchableOpacity, Dimensions, SafeAreaView, RefreshControl, StyleSheet } from 'react-native';\nimport {\n Center,\n View,\n FlatList,\n Box,\n Text,\n Spinner,\n HStack,\n Fab,\n FabIcon,\n AddIcon,\n Input,\n InputField,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useSelector } from 'react-redux';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useNavigation } from '@react-navigation/native';\nimport { Octicons } from '@expo/vector-icons';\nimport { NavigationRoutes } from '../../constants';\nimport { useDrawerLayout } from '../../hooks';\nimport { StatusBar } from 'expo-status-bar';\nimport colors from 'tailwindcss/colors';\nimport { useTeams } from './useTeams';\n\nconst TeamItem = memo(({ item, onPress }: { item: any; onPress: (item: any) => void }) => (\n <TouchableOpacity key={item.id} style={styles.teamItem} onPress={() => onPress(item)}>\n <Box style={styles.teamItemBox}>\n <HStack space={'md'} style={styles.teamItemContent}>\n <Octicons color={'black'} name=\"lock\" size={20} />\n <Text style={styles.teamItemText}>{item.title}</Text>\n </HStack>\n </Box>\n </TouchableOpacity>\n));\n\nconst TeamsScreen = () => {\n const { orgName } = useDrawerLayout();\n const navigation = useNavigation<any>();\n const user = useSelector(userSelector);\n const { teams, loading, teamsLoading, error, handleSearchChange, searchTerm, refetch } = useTeams(orgName);\n\n React.useEffect(() => {\n if (navigation) {\n navigation.setOptions({\n headerShown: true,\n headerTitle: () => (\n <Box>\n <Text style={styles.headerTitle}>Team Browser</Text>\n <Text style={styles.headerSubtitle}>\n {teams.length} {teams.length === 1 ? 'team' : 'teams'}\n </Text>\n </Box>\n ),\n });\n }\n }, [teams.length, navigation]);\n\n const viewTeam = useCallback(\n (item: any) => {\n navigation.navigate(NavigationRoutes.ViewTeam, {\n teamId: item?.id?.toString(),\n teamName: item?.name,\n title: item?.title?.toString(),\n totalMembers: item?.teamMembers?.length,\n hideTabBar: true,\n });\n },\n [navigation],\n );\n\n if (loading && !teams.length) {\n return (\n <Center style={{ flex: 1, backgroundColor: 'white' }}>\n <Spinner color={colors.blue[500]} size=\"large\" />\n </Center>\n );\n }\n\n return (\n <SafeAreaView style={styles.container}>\n <StatusBar style=\"dark\" />\n <Box style={styles.content}>\n <Input style={styles.searchInput} variant=\"outlined\">\n <InputField\n type=\"text\"\n size=\"xl\"\n value={searchTerm}\n placeholderTextColor={colors.gray[500]}\n style={styles.inputField}\n placeholder=\"Search for teams\"\n onChange={(event) => handleSearchChange(event.nativeEvent.text)}\n autoCapitalize={'none'}\n autoCorrect={false}\n />\n </Input>\n\n <FlatList\n contentContainerStyle={teams.length ? styles.listContent : styles.emptyListContent}\n data={teams}\n renderItem={({ item }) => <TeamItem item={item} onPress={viewTeam} />}\n keyExtractor={(item) => item._id \|\| item.id}\n refreshControl={\n <RefreshControl\n refreshing={teamsLoading}\n onRefresh={refetch}\n colors={[colors.blue[500]]}\n tintColor={colors.blue[500]}\n />\n }\n showsVerticalScrollIndicator={false}\n ListEmptyComponent={() => (\n <Center style={styles.emptyContainer}>\n {teamsLoading ? (\n <Spinner color={colors.blue[500]} />\n ) : (\n <View style={styles.emptyContent}>\n <Octicons name=\"organization\" size={36} color={colors.gray[400]} />\n <Text style={styles.emptyText}>\n {error ? 'Error loading teams' : 'No teams found'}\n </Text>\n {error && (\n <TouchableOpacity style={styles.retryButton} onPress={refetch}>\n <Text style={styles.retryButtonText}>Retry</Text>\n </TouchableOpacity>\n )}\n </View>\n )}\n </Center>\n )}\n />\n\n <Fab\n size=\"md\"\n placement=\"bottom right\"\n onPress={() => navigation.navigate(NavigationRoutes.AddTeam)}\n style={styles.fab}\n >\n <FabIcon as={AddIcon} color=\"black\" />\n </Fab>\n </Box>\n </SafeAreaView>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n backgroundColor: colors.gray[100],\n },\n content: {\n flex: 1,\n },\n searchInput: {\n backgroundColor: 'white',\n borderBottomWidth: 1,\n borderBottomColor: colors.gray[200],\n shadowOpacity: 0.1,\n shadowRadius: 3,\n marginBottom: 8,\n },\n inputField: {\n paddingHorizontal: 12,\n color: 'black',\n fontSize: 15,\n },\n listContent: {\n paddingHorizontal: 12,\n paddingBottom: 100,\n paddingTop: 4,\n },\n emptyListContent: {\n paddingHorizontal: 12,\n paddingBottom: 100,\n paddingTop: 4,\n flexGrow: 1,\n },\n emptyContainer: {\n flex: 1,\n paddingTop: 80,\n alignItems: 'center',\n justifyContent: 'center',\n },\n emptyContent: {\n alignItems: 'center',\n },\n emptyText: {\n textAlign: 'center',\n color: colors.gray[600],\n marginTop: 16,\n fontSize: 16,\n },\n retryButton: {\n marginTop: 16,\n backgroundColor: colors.blue[500],\n paddingHorizontal: 16,\n paddingVertical: 8,\n borderRadius: 6,\n },\n retryButtonText: {\n color: 'white',\n fontWeight: '500',\n },\n teamItem: {\n marginVertical: 4,\n },\n teamItemBox: {\n flex: 1,\n backgroundColor: 'white',\n paddingVertical: 16,\n paddingHorizontal: 12,\n borderRadius: 8,\n shadowColor: '#000',\n shadowOffset: { width: 0, height: 1 },\n shadowOpacity: 0.1,\n shadowRadius: 1,\n borderWidth: 1,\n borderColor: colors.gray[100],\n },\n teamItemContent: {\n flex: 1,\n alignItems: 'center',\n },\n teamItemText: {\n paddingLeft: 8,\n fontSize: 16,\n fontWeight: '500',\n color: 'black',\n },\n headerTitle: {\n fontSize: 16,\n fontWeight: 'bold',\n color: 'black',\n },\n headerSubtitle: {\n color: 'black',\n fontWeight: '500',\n },\n fab: {\n backgroundColor: '#fff',\n borderRadius: 28,\n shadowColor: '#000',\n shadowOffset: { width: 0, height: 2 },\n shadowOpacity: 0.2,\n shadowRadius: 3,\n },\n});\n\nexport default memo(TeamsScreen);\n"],"names":["React"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/slack-ui-mobile",
-    "version": "10.0.3-alpha.34",
+    "version": "10.0.3-alpha.36",
     "description": "Slack ui ref mobile package",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -23,7 +23,7 @@
         "watch-ts": "tsc --watch"
     },
     "dependencies": {
-        "@messenger-box/platform-mobile": "10.0.3-alpha.34"
+        "@messenger-box/platform-mobile": "10.0.3-alpha.36"
     },
     "devDependencies": {
         "cp-cli": "^2.0.0"
@@ -48,5 +48,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "33c7bdb4f36c40b6368a5c96fe6312de009188a1"
+    "gitHead": "c19b436784fffe67a8d77d89959a9ac898ab76c4"
 }