@jescon-technologies/react-native-ui-kit 0.0.18 → 0.0.19

package/src/CommonStyle/optionListStyles.ts

@@ -1,191 +0,0 @@
-import { StyleSheet, ViewStyle, TextStyle, ImageStyle } from 'react-native';
-import { Global } from '../../../../../src/Common/Global';
-import { colors, fontWeight } from './commonStyle';
-import { normalize } from './componentStyle';
-
-// ---------------------------------------------------------------------------
-// Static styles
-// ---------------------------------------------------------------------------
-
-const styles = StyleSheet.create({
-  profile_icon_container: {
-    height: '100%',
-    justifyContent: 'center',
-    flex: 2,
-  } as ViewStyle,
-  profile_icon_style: {
-    width: '100%',
-    height: '70%',
-    borderRadius: 0,
-    resizeMode: 'contain',
-  } as ImageStyle,
-  user_details_container: {
-    height: '100%',
-    justifyContent: 'center',
-    flex: 4,
-  } as ViewStyle,
-  logout_icon_container: {
-    height: '100%',
-    justifyContent: 'center',
-    alignItems: 'center',
-    flex: 1,
-  } as ViewStyle,
-  logout_icon_style: {
-    width: '60%',
-    height: '40%',
-    borderRadius: 100,
-    resizeMode: 'contain',
-  } as ImageStyle,
-  option_menu_icon: {
-    width: 40,
-    height: 40,
-    marginLeft: 20,
-  } as ImageStyle,
-  option_submenu_icon: {
-    width: 30,
-    height: 30,
-    marginLeft: 15,
-    resizeMode: 'contain',
-  } as ImageStyle,
-  option_menu_text: {
-    marginLeft: 5,
-    fontSize: normalize(14),
-    fontWeight: '600',
-    color: '#fff',
-  } as TextStyle,
-  option_detail_help_url_icon: {
-    width: 20,
-    height: 20,
-    marginLeft: 15,
-    borderRadius: 100,
-    resizeMode: 'contain',
-  } as ImageStyle,
-  option_selection_container: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    flex: 4,
-  } as ViewStyle,
-  option_submenu_child_container: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignContent: 'center',
-    alignItems: 'center',
-    margin: 5,
-    borderRadius: 10,
-  } as ViewStyle,
-  option_menu_container: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignContent: 'center',
-    alignItems: 'center',
-    margin: 2,
-    height: 32,
-    borderRadius: 10,
-  } as ViewStyle,
-  option_block: {
-    flex: 1,
-    width: '100%',
-    backgroundColor: Global.AppTheme.primary_color,
-  } as ViewStyle,
-  option_error_msg: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    padding: 5,
-  } as ViewStyle,
-  usernameStyle: {
-    color: colors.color_usernameText,
-    fontSize: 16,
-    fontWeight: fontWeight.fontWeight_Bold,
-  } as TextStyle,
-  departmeNameStyle: {
-    color: '#C1C6D0',
-    fontSize: 12,
-  } as TextStyle,
-  dataListContainerStyle: {
-    justifyContent: 'flex-start',
-    flex: 1,
-    marginBottom: 20,
-    alignItems: 'flex-start',
-    paddingLeft: 5,
-    paddingTop: 5,
-  } as ViewStyle,
-});
-
-// ---------------------------------------------------------------------------
-// Helper factories
-// ---------------------------------------------------------------------------
-
-export function getOptionContainerStyle(height: number): ViewStyle {
-  return {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    elevation: 999,
-    alignItems: 'flex-start',
-    margin: 0,
-    zIndex: 10000,
-    backgroundColor: 'rgba(0, 0, 0, 0.10)',
-    justifyContent: 'flex-start',
-    height,
-  };
-}
-
-export function getOptionchildrenWrapperStyle(width: number, height: number): ViewStyle {
-  return {
-    backgroundColor: Global.AppTheme.primary_color,
-    width,
-    height,
-    margin: -20,
-  };
-}
-
-export function getOptionHeaderContainer(height: number): ViewStyle {
-  return {
-    backgroundColor: Global.AppTheme.primary_color,
-    flexDirection: 'row',
-    height: height * 0.1,
-    alignItems: 'flex-end',
-  };
-}
-
-export function getOptionMenu(width: number): ViewStyle {
-  return {
-    width: width * 0.85,
-    marginLeft: width * 0.02,
-    ...styles.option_menu_container,
-  };
-}
-
-export function getOptionSubmenuContainer(width: number): ViewStyle {
-  return { width: width * 0.85, marginLeft: width * 0.03 };
-}
-
-export function getOptionSubmenuChildContainer(width: number): ViewStyle {
-  return {
-    width: width * 0.82,
-    ...styles.option_submenu_child_container,
-    height: 30,
-  };
-}
-
-export function getOptionSubmenuText(width: number): TextStyle {
-  return {
-    marginLeft: 20,
-    fontSize: normalize(12),
-    fontWeight: '400',
-    color: '#fff',
-    width: width * 0.55,
-  };
-}
-
-export function getoptiondetailhelpurlContainer(width: number): ViewStyle {
-  return {
-    alignItems: 'flex-end',
-    justifyContent: 'center',
-    flex: 1,
-    paddingRight: width * 0.02,
-  };
-}
-
-export default styles;