@jescon-technologies/react-native-ui-kit 0.0.6 → 0.0.7

package/src/StaticComponents/STimingSwitch.js

@@ -1,34 +0,0 @@
-import React, { useState } from 'react';
-import { View, Text, Switch } from 'react-native';
-import { Global } from '../../../../../src/Common/Global';
-import { ValueCheck } from '../CommonStyle/ComponentFunctions';
-import { normalize } from '../CommonStyle/componentStyle';
-
-export default function STimingSwitch(props) {
-    const [refresh, setRefresh] = useState(0);
-    const [data, setData] = useState(props.data);
-    return (
-        <View style={{ flexDirection: 'row' ,borderWidth: 0, marginTop:ValueCheck(props.type) ? 0 : 19,alignItems:'center',justifyContent:'center',marginHorizontal:5}}>
-            {data.map((selectslot, k) => {
-                return (
-                    <View key={k} style={{alignItems:'center',justifyContent:'center'}}>
-                        <Switch
-                            trackColor={{ false: '#767577', true: Global.AppTheme.primary_color }}
-                            thumbColor={'lightgrey'}
-                            onChange={() => getSwitch(selectslot)}
-                            value={selectslot.selected}
-                        />
-                        <Text style={{ color: 'black', fontWeight: 'bold', fontSize: normalize(10) }}>{selectslot.slotname}</Text>
-                    </View>);
-            })}
-        </View>
-    );
-
-    function getSwitch(params) {
-        data.map((item) => item.selected = false);
-        params.selected = !params.selected;
-        props.callBack(params);
-        setRefresh(refresh + 1);
-    }
-}
-

package/src/layout/CContainerView.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { StyleSheet, View} from 'react-native';
-import { Global } from '../../../../../src/Common/Global';
-
-const CContainerView = props => {
-
-    const styles = StyleSheet.create({
-        CContainerView : {
-            flex: 1,
-            backgroundColor: Global.AppTheme.primary_color,
-        },
-    });
-
-    return (
-        <View style={styles.CContainerView}>
-            {props.children}
-        </View>
-    );
-};
-
-export default CContainerView;

package/src/layout/CDetailView.js

@@ -1,81 +0,0 @@
-import React, { useContext, useState } from 'react';
-import { StyleSheet, View, ImageBackground, Text, Dimensions } from 'react-native';
-import { Global } from '../../../../../src/Common/Global';
-import { useNavigation } from '../Navigation/useNavigation';
-import CCard from '../Custom/CCard';
-import { normalize } from '../CommonStyle/componentStyle';
-import { isNU } from '../CommonStyle/ComponentFunctions';
-import CTemplateCard from '../Custom/CTemplateCard';
-import AppContext from '../../../../../src/Handlers/AppContext';
-import { APIURL } from '../../../../../src/Common/apiConstants';
-
-const CDetailView = (props) => {
-
-
-    const styles = StyleSheet.create({
-        CDetailView: {
-            flex: 1,
-            shadowColor: '#000',
-            shadowOffset: { width: 0, height: 2 },
-            shadowOpacity: 0.8,
-            shadowRadius: 2,
-            borderTopLeftRadius: 20,
-            borderTopRightRadius: 20,
-            width: '100%',
-            backgroundColor: props.backgroundColor ? props.backgroundColor : 'white'
-        },
-        image: {
-            flex: 1
-        }
-    });
-
-    // console.log("PATIENT DATATTTTTTATTATTATTATATATATTATATAAT",JSON.stringify(Global.PatientDetails))
-    const [patientdata] = useState(Global.PatientDetails)
-    const [userListShow] = useState(props.userlist != undefined ? props.userlist : true)
-    const { inputText, setInputText } = useContext(AppContext);
-
-    const navigation = useNavigation();
-    return (
-        <View style={styles.CDetailView}>
-            {/* {console.log('patientdata----------',JSON.stringify(patientdata))} */}
-            <ImageBackground
-                source={props.bgimage != undefined ? { uri: props.bgimage } : {uri:`${APIURL}insurancefile/getCommonFile/image/IMA.png`}}
-                resizeMode={props.bgimage != undefined ? "stretch" : "contain"}
-                imageStyle={props.bgimage != undefined ? { opacity: 1 } : { opacity: 0.1 }}
-                style={styles.image}
-            >
-                {patientdata != null
-                    && patientdata != undefined && userListShow && !props.hideCard ?
-                    <View style={{ marginHorizontal: normalize(5), marginTop: normalize(-30) }}>
-                        <CCard
-                            // navigation={navigation}
-                            type={2}
-                            disableTouch={true}
-                            data={[Global.PatientDetails]}
-                            consultation={props.consultation ? true : false}
-                            expandheight={normalize(100)}
-                            disabledetailcard={props.disabledetailcard ? true : false}
-                            disabledetailcardcallback={() => {
-                                // console.log('kkkk')
-                                isNU(props.disabledetailcardcallback) ? props.disabledetailcardcallback(true) : null
-                            }}
-                        />
-                    </View> : null}
-                {isNU(inputText) && isNU(inputText.templatedata) && inputText.showtemplatecard && props.showTemplateCard ?
-                    <View style={{ marginTop: normalize(-10) }}>
-                        <CTemplateCard
-                            data={inputText.templatedata}
-                            Cardcallback={(val) => {
-                                console.log('Cardcallback.....')
-                            }}
-                        />
-                    </View> : null}
-                {props.children}
-            </ImageBackground>
-        </View>
-    );
-};
-
-
-
-export default CDetailView;

package/src/layout/HeaderBlock.js

@@ -1,353 +0,0 @@
-import React, { useContext, useEffect, useState } from 'react';
-import {
-  StyleSheet,
-  Text,
-  View,
-  StatusBar,
-  Image,
-  TouchableOpacity,
-  Alert,
-  Modal,
-  Dimensions,
-  ScrollView
-} from 'react-native';
-import Ionicons from 'react-native-vector-icons/Ionicons';
-import Feather from 'react-native-vector-icons/Feather';
-import { Global } from '../../../../../src/Common/Global';
-import CSliderMenu from '../Custom/CSliderMenu';
-import { normalize } from '../CommonStyle/componentStyle';
-import NotificationContext from '../../../../../src/Handlers/NoticationsContext';
-import moment from 'moment';
-import { ValueCheck, isNUQZ } from '../CommonStyle/ComponentFunctions';
-import ABlink from '../Alerts/ABlink';
-import COverlay from '../CustomComponents/COverlay';
-import OUserView from '../Custom/OUserView';
-import CBackHandler from '../CustomComponents/CBackHandler';
-// import InsureResponseComponentContext from '../../../../../src/Handlers/insureResponseComponentContext';
-import CNetworkStatus from '../CustomComponents/CNetworkStatus';
-import { useNavigation } from '../Navigation/useNavigation';
-
-const HeaderBlock = (props) => {
-  // const { responseJSON, setResponseJSON } = useContext(InsureResponseComponentContext);
-  const [isShowSlidermenu, setIsShowSlidermenu] = useState(false);
-  const [backHandler, setBackHandler] = useState(false);
-  const [backHandlerLogOut, setBackHandlerLogOut] = useState(false);
-  const [refresh, setRefresh] = useState(0);
-  const [overlay, setOverlay] = useState(false);
-  const [jsonoverlay, setJsonOverlay] = useState(false);
-  const navigation = useNavigation()
-
-  const OverlayHOCComponent = COverlay(OUserView);
-
-  const NoticationData = React.useContext(NotificationContext);
-
-  const result = NoticationData.filter(obj => obj.status === true);
-
-  const styles = StyleSheet.create({
-    container: {
-      display: 'flex',
-      backgroundColor: Global.AppTheme.primary_color,
-      justifyContent: 'center',
-      paddingLeft: normalize(3),
-      marginTop: StatusBar.currentHeight,
-    },
-    headerContent: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      marginBottom: normalize(6),
-      paddingBottom: normalize(0),
-    },
-    backButton: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      borderWidth: 0,
-    },
-    logoContainer: {
-      width: normalize(100),
-      height: normalize(40),
-    },
-    betaContainer: {
-      position: 'absolute',
-      bottom: normalize(-4),
-      right: normalize(-70),
-    },
-    betaText: {
-      color: '#ffffff',
-      fontSize: normalize(20),
-      letterSpacing: 5,
-      fontWeight: 'bold',
-      textShadowColor: '#000000',
-      textShadowOffset: { width: 0.5, height: 0.5 },
-      textShadowRadius: 0.5,
-    },
-    versionText: {
-      color: 'white',
-      fontSize: normalize(8),
-    },
-    userInfoButton: {
-      flexDirection: 'row',
-      borderWidth: 0,
-      flex: 1,
-      justifyContent: 'flex-start',
-    },
-    userInfoContainer: {
-      borderWidth: 0,
-    },
-    userNameText: {
-      fontWeight: 'bold',
-      fontSize: normalize(13),
-      marginLeft: 5,
-      color: 'white',
-    },
-    departmentText: {
-      fontFamily: Global.fontNormal,
-      fontSize: normalize(11),
-      marginLeft: 5,
-      color: 'white',
-    },
-    rightIconsContainer: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'flex-end',
-      borderWidth: 0,
-    },
-    notificationButton: {
-      marginRight: normalize(5),
-    },
-    notificationBadge: {
-      position: 'absolute',
-      right: normalize(-5),
-      top: normalize(-8),
-      backgroundColor: 'white',
-      alignItems: 'center',
-      borderRadius: 20,
-      width: normalize(15),
-    },
-    notificationCount: {
-      fontSize: normalize(7),
-      fontWeight: 'bold',
-    },
-    menuButton: {
-      alignItems: 'center',
-      justifyContent: 'center',
-    },
-    loginTimeText: {
-      fontSize: normalize(9),
-      marginLeft: 0,
-      color: 'white',
-    },
-    jsonModalContainer: {
-      backgroundColor: 'white',
-      borderWidth: 1,
-      height: Dimensions.get('screen').height * 0.9,
-      alignSelf: 'center',
-      width: Dimensions.get('screen').width * 0.9,
-    },
-    closeButton: {
-      textAlign: 'right',
-      fontWeight: 'bold',
-      color: 'black',
-    },
-    jsonText: {
-      fontSize: normalize(10),
-      color: 'black',
-      fontFamily: 'Courier New',
-    },
-  });
-
-  const OnPressGoBack = () => {
-    if (props.callback) {
-      props.callback(true);
-    } else {
-      if (ValueCheck(props.backhandler)) {
-        if (ValueCheck(props.consultation) && Global.EditStatus == 1) {
-          setBackHandler(true);
-        } else {
-          navigation.goBack();       // 👈 works
-        }
-      } else {
-        navigation.goBack();       // 👈 works
-      }
-    }
-  };
-
-  const renderJsonModal = () => (
-    <Modal
-      onRequestClose={() => setJsonOverlay(false)}
-      style={{
-        height: Dimensions.get('screen').height,
-        width: Dimensions.get('screen').width,
-        backgroundColor: 'transparent',
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}
-      transparent={true}
-    >
-      <View style={styles.jsonModalContainer}>
-        <TouchableOpacity onPress={() => setJsonOverlay(false)}>
-          <Text style={styles.closeButton}>Close</Text>
-        </TouchableOpacity>
-        <ScrollView>
-          <Text selectable={true} style={styles.jsonText}>
-            {/* {JSON.stringify(responseJSON, null, 2)} */}
-          </Text>
-        </ScrollView>
-      </View>
-    </Modal>
-  );
-
-  const renderBetaVersion = () => (
-    <View style={styles.betaContainer}>
-      <ABlink duration={500}>
-        <View style={{ justifyContent: 'center', alignItems: 'center' }}>
-          <Text style={styles.betaText}>BETA TESTING</Text>
-          <Text style={styles.versionText}>
-            {Global.version ? `V ${Global.version}` : null}
-          </Text>
-        </View>
-      </ABlink>
-    </View>
-  );
-
-  const renderUserInfo = () => (
-    <TouchableOpacity
-      onPress={() => props.webview != undefined ? null : setOverlay(true)}
-      style={styles.userInfoButton}
-    >
-      <View style={styles.userInfoContainer}>
-        <Text
-          adjustsFontSizeToFit
-          numberOfLines={2}
-          style={styles.userNameText}
-        >
-          {props.webview != undefined ? "" : Global.userData && Global.userData.department != undefined && Global.userData.department != "" ? Global.userData.username : ''}
-        </Text>
-        {Global.userData && Global.userData.department != undefined && Global.userData.department != "" && props.webview == undefined ? (
-          <Text
-            adjustsFontSizeToFit
-            style={styles.departmentText}
-          >
-            {Global.userData.department}
-          </Text>
-        ) : null}
-      </View>
-    </TouchableOpacity>
-  );
-
-  const renderRightIcons = () => (
-    <View style={styles.rightIconsContainer}>
-      <CNetworkStatus />
-      <TouchableOpacity
-        onPress={() => navigation.navigate('Notifications')}
-        style={styles.notificationButton}
-      >
-        <View style={styles.notificationBadge}>
-          <ABlink>
-            <Text
-              numberOfLines={1}
-              adjustsFontSizeToFit
-              style={[
-                styles.notificationCount,
-                { color: result.length > 0 ? "red" : 'black' }
-              ]}
-            >
-              {result.length}
-            </Text>
-          </ABlink>
-        </View>
-        <Ionicons name={'notifications-outline'} color="white" size={normalize(15)} />
-      </TouchableOpacity>
-      <View style={{ paddingLeft: normalize(2) }}>
-        <TouchableOpacity
-          onPress={() => setIsShowSlidermenu(true)}
-          style={styles.menuButton}
-        >
-          <Feather name={'menu'} color="white" size={normalize(25)} />
-          <View>
-            {Global.LoginTime != undefined ? (
-              <Text style={styles.loginTimeText}>
-                {(moment.duration(moment().diff(Global.LoginTime)).asMinutes()).toFixed(0) + " Min."}
-              </Text>
-            ) : null}
-          </View>
-        </TouchableOpacity>
-      </View>
-    </View>
-  );
-
-  return (
-    <View style={[styles.container, props.style]} key={refresh}>
-      <StatusBar
-        translucent
-        backgroundColor={Global.AppTheme.primary_color}
-        barStyle="light-content"
-      />
-
-      {jsonoverlay && renderJsonModal()}
-
-      <View style={styles.headerContent}>
-        <TouchableOpacity
-          style={styles.backButton}
-          onPress={OnPressGoBack}
-        >
-          <Ionicons
-            name={'chevron-back'}
-            color='white'
-            size={normalize(25)}
-          />
-          <View style={styles.logoContainer}>
-            {Global.betaversion ? (
-              <View style={styles.logoContainer} />
-            ) : (
-              <Image
-                style={{
-                  width: normalize(100),
-                  height: normalize(40),
-                  resizeMode: 'contain',
-                  borderRadius: 8,
-                }}
-                source={{ uri: Global?.HospitalData?.hospitallogo3 ? Global.HospitalData.hospitallogo3 : null }}
-              />
-            )}
-          </View>
-          {Global.betaversion && renderBetaVersion()}
-        </TouchableOpacity>
-
-        {renderUserInfo()}
-
-        {props.webview != undefined ? null : renderRightIcons()}
-      </View>
-
-      {overlay && (
-        <OverlayHOCComponent
-          visibility={val => (val == undefined ? null : setOverlay(val))}
-        />
-      )}
-      {isShowSlidermenu && (
-        <CSliderMenu
-          navigation={navigation.navigate}
-          isShow={isShowSlidermenu}
-          visibility={(val) => (val == undefined ? null : setIsShowSlidermenu(val))}
-        />
-      )}
-
-      {backHandler && (
-        <CBackHandler
-          type={5}
-          callBack={(val) => (val == undefined ? null : (setBackHandler(val), navigation.goBack()))}
-          close={(val) => (val == undefined ? null : setBackHandler(val))}
-        />
-      )}
-
-      {backHandlerLogOut && (
-        <CBackHandler
-          type={6}
-          callBack={(val) => (val == undefined ? null : (setBackHandlerLogOut(val), navigation.goBack()))}
-          close={(val) => (val == undefined ? null : setBackHandlerLogOut(val))}
-        />
-      )}
-    </View>
-  );
-};
-
-export default HeaderBlock;