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

package/src/CommonStyle/ComponentFunctions.tsx

@@ -1,5 +1,3 @@
-import ComponentStyles from '../CommonStyle/componentStyle';
-import { colors, fontWeight } from '../CommonStyle/commonStyle';
 import {
     ToastAndroid,
     Platform,
@@ -9,15 +7,12 @@ import {
     DeviceEventEmitter,
     PixelRatio,
     Dimensions,
-    View,
-    Image,
     ViewStyle,
     TextStyle,
     ImageStyle,
 } from 'react-native';
 import NetInfo from '@react-native-community/netinfo';
 import { Global } from '../../../../../src/Common/Global';
-;
 import React from 'react';
 
 const {
@@ -26,6 +21,7 @@ const {
 } = Dimensions.get('window');
 
 const scale = SCREEN_WIDTH / 320;
+const radio_height = 20;
 
 // Type definitions
 interface ShadowStyle {
@@ -50,6 +46,24 @@ interface NetInfoState {
     details?: any;
 }
 
+// Utility Functions
+export function normalize(size: number): number {
+    const newSize = scale < 1.5 ? size * scale : size * 1.6;
+    if (Platform.OS === 'ios') {
+        return Math.round(PixelRatio.roundToNearestPixel(newSize)) - 2;
+    } else {
+        return Math.round(PixelRatio.roundToNearestPixel(newSize)) - 2;
+    }
+}
+
+export function width(itemwidth: number): number {
+    return SCREEN_WIDTH * (itemwidth / 100);
+}
+
+export function height(itemheight: number): number {
+    return SCREEN_HEIGHT * (itemheight / 100);
+}
+
 // Shadow Functions
 export function CButtonShadow(): ShadowStyle {
     const isAndroidBelow9 = Platform.OS === 'android' && Platform.Version < 28;
@@ -99,24 +113,12 @@ export function CShadowDynamic(
         };
 }
 
-
 export function Loader(): React.JSX.Element {
     return (
         <ActivityIndicator size={normalize(30)} style={{ marginTop: normalize(10) }} color="red" />
     );
 }
 
-// Utility Functions
-export function normalize(size: number): number {
-    const newSize = scale < 1.5 ? size * scale : size * 1.6;
-    if (Platform.OS === 'ios') {
-        return Math.round(PixelRatio.roundToNearestPixel(newSize)) - 2;
-    } else {
-        return Math.round(PixelRatio.roundToNearestPixel(newSize)) - 2;
-    }
-}
-
-
 // Value Check Functions
 export function isBNU(i: any): boolean {
     return (i && i != null && i != undefined ? true : false);
@@ -293,8 +295,12 @@ export function isConnected(): Promise<void> {
 // Footer Functions
 export function getFooterIcon(opacity: number): ViewStyle {
     return {
-        ...ComponentStyles.footer_Icon,
-        opacity: opacity,
+        height: 25,
+        width: 25,
+        alignItems: 'center',
+        alignSelf: 'center',
+        opacity: 0.9,
+        ...{ opacity: opacity },
     };
 }
 
@@ -307,7 +313,8 @@ export function notifyMessage(msg: string, type?: any): void {
 
 export function getFooterIconText(opacity: number, color: string): TextStyle {
     return {
-        ...ComponentStyles.footer_Icon_Text,
+        textAlign: 'center',
+        fontSize: normalize(6),
         opacity: opacity,
         color: color,
     };
@@ -316,7 +323,9 @@ export function getFooterIconText(opacity: number, color: string): TextStyle {
 // Header Functions
 export function getHeaderBlockContainer(width: number): ViewStyle {
     return {
-        ...ComponentStyles.header_section_conatiner_style,
+        backgroundColor: '#0E2F56',
+        justifyContent: 'flex-end',
+        padding: 10,
         width: width,
         paddingTop: '5%',
     };
@@ -340,16 +349,16 @@ export function getResultViewObservedvalueTextvalidate(
         case 'integer':
         case 'numeric':
             if (minvalue != null && minvalue != undefined && value < minvalue) {
-                return colors.color_resulttext_low;
+                return '#283747';
             }
             else if (maxvalue != null && maxvalue != undefined && value > maxvalue) {
-                return colors.color_resulttext_high;
+                return '#283747';
             }
             else {
-                return colors.color_resulttext_normal;
+                return '#283747';
             }
         default:
-            return colors.color_resulttext_normal;
+            return '#283747';
     }
 }
 
@@ -414,7 +423,7 @@ export function getProfileContentLogo2(): TextStyle {
 export function getProfilecardSubheadingTop(color: string): TextStyle {
     return {
         fontSize: normalize(10),
-        fontWeight: fontWeight.fontWeight_700,
+        fontWeight: '700',
         color: color,
         paddingBottom: 0,
         paddingTop: 2,
@@ -424,7 +433,7 @@ export function getProfilecardSubheadingTop(color: string): TextStyle {
 export function getProfilecardSubheadingBottom(color: string, position: string): TextStyle {
     return {
         fontSize: normalize(10),
-        fontWeight: fontWeight.fontWeight_100,
+        fontWeight: '100',
         color: color,
         paddingLeft: position == 'right' ? 5 : 0,
         paddingRight: position == 'left' ? 5 : 0,
@@ -434,7 +443,7 @@ export function getProfilecardSubheadingBottom(color: string, position: string):
 export function getProfilecardMobileNO(color: string, position: string): TextStyle {
     return {
         fontSize: normalize(12),
-        fontWeight: fontWeight.fontWeight_Bold,
+        fontWeight: 'bold',
         color: color,
         paddingLeft: position == 'right' ? 5 : 0,
         paddingRight: position == 'left' ? 5 : 0,
@@ -464,14 +473,25 @@ export function getGroupButtonView(width: number): ViewStyle {
 // Media Functions
 export function getMediaoverlayContainerStyle(height: number): ViewStyle {
     return {
-        ...ComponentStyles.mediaoverlay_containerstyle,
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        elevation: 999,
+        alignItems: 'center',
+        zIndex: 10000,
+        backgroundColor: 'rgba(0, 0, 0, 0.50)',
+        justifyContent: 'flex-end',
+        flex: 1,
         height: height,
     };
 }
 
 export function getMediaViewContainer(width: number, height: number, itemwidth: number): ViewStyle {
     return {
-        ...ComponentStyles.View_col_center,
+        justifyContent: 'center',
+        alignContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column',
         width: width * (itemwidth / 100),
         margin: height * 0.003,
     };
@@ -482,7 +502,7 @@ export function getMediaViewChildContainer(width: number, itemwidth: number): Vi
         borderWidth: 0.5,
         borderRadius: 2,
         width: width * (itemwidth / 100),
-        borderColor: colors.color_componentBordercolor,
+        borderColor: '#606266',
     };
 }
 
@@ -507,7 +527,10 @@ export function getMediaoverlayChildrenwrapperStyle(
 
 export function getMediaoverlayTopLineContainer(width: number, height: number): ViewStyle {
     return {
-        ...ComponentStyles.View_col_center,
+        justifyContent: 'center',
+        alignContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column',
         width: width * 0.15,
         height: height * 0.02,
     };
@@ -515,7 +538,10 @@ export function getMediaoverlayTopLineContainer(width: number, height: number):
 
 export function getMediaoverlayOptionRow(width: number, height: number): ViewStyle {
     return {
-        ...ComponentStyles.View_row_spacearound,
+        flexDirection: 'row',
+        justifyContent: 'space-around',
+        alignContent: 'center',
+        alignItems: 'center',
         borderRadius: 14,
         marginTop: height * 0.02,
         width: width * 0.90,
@@ -524,7 +550,10 @@ export function getMediaoverlayOptionRow(width: number, height: number): ViewSty
 
 export function getMediaoverlayOptionContainer(width: number, height: number): ViewStyle {
     return {
-        ...ComponentStyles.View_col_center,
+        justifyContent: 'center',
+        alignContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column',
         margin: 5,
         height: height * 0.1,
         width: width * 0.20,
@@ -534,7 +563,10 @@ export function getMediaoverlayOptionContainer(width: number, height: number): V
 export function getMediaoverlayMsgorLoaderView(height: number): ViewStyle {
     return {
         height: height,
-        ...ComponentStyles.View_col_center,
+        justifyContent: 'center',
+        alignContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column',
     };
 }
 
@@ -553,7 +585,7 @@ export function getMediaGalleryDeleteView(width: number, height: number): ViewSt
         borderRadius: 2,
         height: height / 5,
         width: width * 0.90,
-        borderColor: colors.color_componentBordercolor,
+        borderColor: '#606266',
         alignItems: 'center',
         justifyContent: 'center',
     };

package/src/Components/SDropDown.tsx

@@ -14,13 +14,11 @@ import {
   ViewStyle,
   TextStyle,
 } from 'react-native';
-import { getListviewItem, getListviewItemText } from '../CommonStyle/PopupStyle';
 import { APIURL } from '../../../../../src/Common/apiConstants';
 import Loader from '../Custom/Loader';
 import { isBNU, isBNUL, isNU, normalize } from '../CommonStyle/ComponentFunctions';
 import NetworkServiceCall from '../Common/NetworkServiceCall';
 import HIcons from '../Hoc/HIcons';
-import { colors } from '../CommonStyle/commonStyle';
 import { Global } from '../../../../../src/Common/Global';
 import { Menu, MenuOptions, MenuTrigger } from 'react-native-popup-menu';
 // import SHelpDescription from './SHelpDescription';
@@ -117,6 +115,33 @@ interface NetworkResponse {
   };
 }
 
+// ---------------------------------------------------------------------------
+// Hardcoded helpers (originally from ../CommonStyle/PopupStyle)
+// NOTE: ComponentStyles.select_TextStyle spread has been replaced by the
+// concrete values it contributed where known. If your original
+// ComponentStyles.select_TextStyle provided additional properties (padding,
+// fontSize, etc.), merge them back in here.
+// ---------------------------------------------------------------------------
+
+function getListviewItem(selected?: boolean, borderbottomwidth?: boolean): ViewStyle {
+  return {
+    borderColor: '#DCDEDD',
+    borderWidth: borderbottomwidth ? 0 : 1,
+    borderBottomWidth: 1,
+    width: '100%',
+    borderRadius: 7,
+    backgroundColor: selected ? 'lightblue' : '#fff', // colors.color_DeselectBgCOlor
+  };
+}
+
+function getListviewItemText(selected?: boolean): TextStyle {
+  return {
+    // ...ComponentStyles.select_TextStyle,  <-- hardcoded out; see note above
+    fontWeight: selected ? 'bold' : 'normal',
+    color: selected ? '#094485' : 'black',
+  };
+}
+
 // ---------------------------------------------------------------------------
 // Module-scope scratch (matches original; NOT ideal but preserved for behavior)
 // ---------------------------------------------------------------------------
@@ -649,7 +674,7 @@ const SDropDown: React.FC<SDropDownNewProps> = (props) => {
                 <View>
                   <Text style={{
                     fontSize: normalize(12),
-                    color: colors.color_componentText,
+                    color: '#0C4F60', // colors.color_componentText
                     fontWeight: '800', alignItems: 'center', justifyContent: 'center',
                   }}>
                     No Result Found
@@ -795,7 +820,7 @@ const layoutstyles = StyleSheet.create({
     fontSize: normalize(12),
     fontWeight: 'bold',
     paddingLeft: Dimensions.get('window').width * 0.02,
-    color: colors.color_PopupHeadingText,
+    color: '#0C4F60', // colors.color_PopupHeadingText
     width: '100%',
   },
   overlay_screen_container: {
@@ -819,7 +844,7 @@ const layoutstyles = StyleSheet.create({
   searchTextbox_View: {
     flexDirection: 'row',
     borderWidth: 0,
-    borderColor: colors.color_componentBordercolor,
+    borderColor: '#606266', // colors.color_componentBordercolor
     justifyContent: 'flex-start',
     alignItems: 'flex-start',
     borderRadius: 7,
@@ -853,7 +878,7 @@ const layoutstyles = StyleSheet.create({
   searchButtonText: {
     fontSize: normalize(10),
     fontWeight: 'bold',
-    color: colors.color_buttonText,
+    color: '#fff', // colors.color_buttonText
     padding: 1,
   },
 });

package/src/Custom/CSliderMenu.tsx

@@ -8,8 +8,7 @@ import {
   Dimensions,
   Platform,
 } from 'react-native';
-import styles from '../CommonStyle/optionListStyles';
-import { normalize } from '../CommonStyle/componentStyle';
+import { normalize} from '../CommonStyle/ComponentFunctions';
 import RNExitApp from 'react-native-exit-app';
 import { Global, GlobalUserData } from '../../../../../src/Common/Global';
 import { imageURL } from '../../../../../src/Common/apiConstants';
@@ -209,9 +208,21 @@ function CSliderMenu(props: CSliderMenuProps): React.ReactElement {
 }
 
 // ---------------------------------------------------------------------------
-// Styles
+// Styles (inlined from optionListStyles.ts)
 // ---------------------------------------------------------------------------
 
+const styles = StyleSheet.create({
+  usernameStyle: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: 'bold',
+  },
+  departmeNameStyle: {
+    color: '#C1C6D0',
+    fontSize: 12,
+  },
+});
+
 const layoutstyles = StyleSheet.create({
   option_text_container: {
     justifyContent: 'center',

package/src/Custom/Loader.tsx

@@ -12,7 +12,7 @@ import {
   StyleProp,
   TextStyle,
 } from 'react-native';
-import { normalize } from '../CommonStyle/componentStyle';
+import { normalize} from '../CommonStyle/ComponentFunctions';
 import { APIURL } from '../../../../../src/Common/apiConstants';
 
 // ---------------------------------------------------------------------------

package/src/Custom/OUserView.tsx

@@ -13,7 +13,7 @@ import {
 } from 'react-native';
 import { Global } from '../../../../../src/Common/Global';
 ;
-import { normalize } from '../CommonStyle/componentStyle';
+import { normalize} from '../CommonStyle/ComponentFunctions';
 import { isPermitted, notifyMessage, ValueCheck } from '../CommonStyle/ComponentFunctions';
 import Barcode from '@kichiyaki/react-native-barcode-generator';
 import { useNavigation } from '../Navigation/useNavigation';

package/src/CustomComponents/CBackHandler.tsx

@@ -12,7 +12,7 @@ import {
 } from 'react-native';
 import { Global } from '../../../../../src/Common/Global';
 ;
-import { normalize } from '../CommonStyle/componentStyle';
+import { normalize} from '../CommonStyle/ComponentFunctions';
 import Svg, { Rect, Defs, LinearGradient, Stop } from 'react-native-svg';
 import HIcons from '../Hoc/HIcons';
 import CModalOverlay from './CModalOverlay';

package/src/CustomComponents/CDetailView.tsx

@@ -11,7 +11,7 @@ import {
 } from 'react-native';
 import { Global } from '../../../../../src/Common/Global';
 // import CSwipeCard from '../Components/CSwipeCard';
-import { normalize  } from '../CommonStyle/componentStyle';
+import { normalize  } from '../CommonStyle/ComponentFunctions';
 import { useNavigation } from '../Navigation/useNavigation';
 // ---------------------------------------------------------------------------
 // Types

package/src/CustomComponents/CNetworkStatus.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { View, Text, StyleSheet } from 'react-native';
 import NetInfo, { NetInfoState, NetInfoStateType } from '@react-native-community/netinfo';
-import { normalize } from '../CommonStyle/componentStyle';
+import { normalize} from '../CommonStyle/ComponentFunctions';
 import HIcons from '../Hoc/HIcons';
 import ABlink from '../Alerts/ABlink';
 

package/src/CustomComponents/COverlay.tsx

@@ -9,7 +9,7 @@ import {
   StyleProp,
   ViewStyle,
 } from 'react-native';
-import { normalize } from '../CommonStyle/componentStyle';
+import { normalize} from '../CommonStyle/ComponentFunctions';
 import { Global } from '../../../../../src/Common/Global';
 ;
 import HIcons from '../Hoc/HIcons';

package/src/CustomComponents/HeaderBlock.tsx

@@ -18,7 +18,7 @@ import {
   DimensionValue,
 } from 'react-native';
 import CSliderMenu from '../Custom/CSliderMenu';
-import { normalize } from '../CommonStyle/componentStyle';
+import { normalize} from '../CommonStyle/ComponentFunctions';
 import { useNotifications } from '../Handlers/NotificationsContext';
 import moment from 'moment';
 import { ValueCheck } from '../CommonStyle/ComponentFunctions';

package/src/Hoc/HDashboard.tsx

@@ -30,7 +30,7 @@ import NetworkServiceCall from '../Common/NetworkServiceCall';
 import { notifyMessage } from '../CommonStyle/ComponentFunctions';
 import HShadowButton from './HShadowButton';
 import HIcons from './HIcons';
-import { normalize } from '../CommonStyle/componentStyle';
+import { normalize} from '../CommonStyle/ComponentFunctions';
 import { Global } from '../../../../../src/Common/Global';
 ;
 import SDateTimePicker from '../StaticComponents/SDateTimePicker';

package/src/StaticComponents/SDateTimePicker.tsx

@@ -13,7 +13,7 @@ import DateTimePicker, {
 } from '@react-native-community/datetimepicker';
 import HIcons from '../Hoc/HIcons';
 import moment from 'moment';
-import { normalize } from '../CommonStyle/componentStyle';
+import { normalize} from '../CommonStyle/ComponentFunctions';
 import { isNU, ValueCheck } from '../CommonStyle/ComponentFunctions';
 import { Global } from '../../../../../src/Common/Global';
 ;

package/src/StaticComponents/SSearchBar.tsx

@@ -9,7 +9,7 @@ import {
     ViewStyle,
     Dimensions,
 } from 'react-native';
-import { normalize } from '../CommonStyle/componentStyle';
+import { normalize} from '../CommonStyle/ComponentFunctions';
 import { ValueCheck } from '../CommonStyle/ComponentFunctions';
 
 // ---------------------------------------------------------------------------

package/src/CommonStyle/PopupStyle.ts

@@ -1,161 +0,0 @@
-import { StyleSheet, ViewStyle, TextStyle } from 'react-native';
-import ComponentStyles, { normalize } from '../CommonStyle/componentStyle';
-import { colors } from '../CommonStyle/commonStyle';
-
-// ---------------------------------------------------------------------------
-// Helper factories
-// ---------------------------------------------------------------------------
-
-export function getSearchButtonStyle(backgroundcolor?: string): ViewStyle {
-  return {
-    ...ComponentStyles.searchButton,
-    width: '100%',
-    backgroundColor: backgroundcolor,
-  };
-}
-
-export function getListviewItem(selected?: boolean, borderbottomwidth?: boolean): ViewStyle {
-  return {
-    borderColor: '#DCDEDD',
-    borderWidth: borderbottomwidth ? 0 : 1,
-    borderBottomWidth: 1,
-    width: '100%',
-    borderRadius: 7,
-    backgroundColor: selected ? 'lightblue' : colors.color_DeselectBgCOlor,
-  };
-}
-
-export function getListviewItemText(selected?: boolean): TextStyle {
-  return {
-    ...ComponentStyles.select_TextStyle,
-    fontWeight: selected ? 'bold' : 'normal',
-    color: selected ? '#094485' : 'black',
-  };
-}
-
-export function getListviewItemText2(selected?: boolean): ViewStyle {
-  return {
-    // ...ComponentStyles.select_TextStyle,
-    // fontWeight: selected ? 'bold' : 'normal',
-    // color: selected ? '#094485' : 'black',
-    backgroundColor: selected ? '#ccd9ff' : 'white',
-  };
-}
-
-export function getPopupHeadingOption(width: number): ViewStyle {
-  return {
-    paddingBottom: 5,
-    flexDirection: 'row',
-    justifyContent: 'space-around',
-    width: width * 0.9,
-    margin: 5,
-  };
-}
-
-/**
- * NOTE: `color` argument is not used by the current implementation — the
- * returned `color` is hard-coded to `'darkblue'`. Signature kept for parity
- * with callers; consider removing the parameter.
- */
-export function getPopupHeadingOptionText(_color?: string): TextStyle {
-  return {
-    ...ComponentStyles.popup_heading,
-    color: 'darkblue',
-  };
-}
-
-export function getPopupContainerStyle(height: number): ViewStyle {
-  return {
-    borderRadius: 20,
-    height: height * 0.6,
-  };
-}
-
-/**
- * NOTE: both `width` and `height` are unused in the current implementation.
- * Signature kept for parity with callers; consider dropping parameters.
- */
-export function getPopupTextAreaContainer(_width?: number, _height?: number): ViewStyle {
-  return {
-    justifyContent: 'center',
-    flex: 1,
-    alignItems: 'center',
-  };
-}
-
-export function getPopupTextAreaChildContainer(
-  _width: number,
-  height: number,
-  bordercolor: string
-): ViewStyle {
-  return {
-    flexDirection: 'row',
-    borderWidth: 1,
-    borderColor: bordercolor,
-    width: '80%',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    borderRadius: 7,
-    margin: height * 0.003,
-    marginBottom: height * 0.003,
-    height: height * 0.3,
-    // ⚠️ Duplicate `backgroundColor` — the second (`'#fff'`) wins.
-    // Preserved to match runtime behavior; remove one.
-    backgroundColor: '#fff',
-    marginTop: 0,
-  };
-}
-
-export function getPopupTextAreaStyle(_width: number, height: number): TextStyle {
-  return {
-    ...ComponentStyles.input_Text,
-    textAlignVertical: 'top',
-    width: '98%',
-    marginLeft: '1%',
-    padding: 0,
-    height: '100%',
-    marginBottom: -(height * 0.003),
-    fontSize: normalize(14),
-    fontWeight: 'bold',
-  };
-}
-
-// ---------------------------------------------------------------------------
-// Static styles
-// ---------------------------------------------------------------------------
-
-const popupStyles = StyleSheet.create({
-  overlay_screen_listview_container: {
-    justifyContent: 'center',
-    marginBottom: 10,
-  },
-  overlay_screen_button_view: {
-    width: '99%',
-    marginTop: 20,
-    ...ComponentStyles.View_row_center,
-    justifyContent: 'space-around',
-  },
-  overlay_screen_small_button_style: {
-    borderRadius: 7,
-    height: normalize(40),
-    backgroundColor: '#eae5e5',
-    width: normalize(60),
-    ...ComponentStyles.View_col_center,
-  },
-  overlay_screen_big_button_style: {
-    backgroundColor: '#094485',
-    borderRadius: 7,
-    width: '100%',
-    marginBottom: 30,
-    height: 35,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  overlay_screen_button_text: {
-    fontSize: normalize(12),
-    fontWeight: '500',
-    color: 'black',
-  },
-});
-
-export default popupStyles;