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

package/src/CustomComponents/CAddColumn.js

@@ -1,140 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import {
-    Text,
-    TextInput,
-    StyleSheet,
-    View,
-    Image,
-    TouchableOpacity,
-    ScrollView,
-    Dimensions,
-    FlatList,
-    TouchableWithoutFeedback,
-    Switch,
-} from 'react-native';
-import { colors } from '../CommonStyle/commonStyle';
-import ComponentStyles, { normalize } from '../CommonStyle/componentStyle';
-import { Icons } from '@jescon-technologies/react-native-ui-kit';;
-import STimingSwitch from '../StaticComponents/STimingSwitch';
-import { notifyMessage } from '../CommonStyle/ComponentFunctions';
-import CAwesomeButton from './CAwesomeButton';
-
-function CAddColumn(props) {
-    const [componentAccess, setComponentAccess] = useState(0);
-    const [parameterName, setParameterName] = useState('');
-    return (
-        <View style={{ flex: 1, width: '97%' }}>
-            <Text style={{ alignSelf: 'center', fontSize: normalize(10), fontWeight: 'bold', marginBottom: normalize(5), marginTop: normalize(-5) }}>{'Add Column'}</Text>
-
-            <View style={{ flex: 1, marginVertical: 0 }}>
-                <Text style={{ fontSize: normalize(11), paddingHorizontal: normalize(10) }}>Column name :</Text>
-
-                <View style={{ borderWidth: 1, height: normalize(35), borderRadius: 7, borderColor: 'lightgrey', backgroundColor: '#fff', elevation: 3 }}
-                >
-                    <TextInput
-                        numberOfLines={1}
-                        keyboardType={'default'}
-                        onChangeText={changevalue => setParameterName(changevalue)}
-                        value={parameterName} />
-
-                </View>
-
-                <View style={{ borderWidth: 1, borderRadius: 7, borderColor: 'lightgrey', backgroundColor: '#fff', elevation: 3, paddingVertical: normalize(5), marginTop: normalize(5) }}>
-                    <Text style={{ fontSize: normalize(11), paddingHorizontal: normalize(10) }}>Type of data:</Text>
-                    <STimingSwitch
-                        data={[{
-                            'timingslot': 1,
-                            'slotname': 'Date',
-                            'selected': false,
-                        },
-                        {
-                            'timingslot': 2,
-                            'slotname': 'Value',
-                            'selected': false,
-                        },
-                        {
-                            'timingslot': 3,
-                            'slotname': 'Question',
-                            'selected': false,
-                        },
-                        {
-                            'timingslot': 4,
-                            'slotname': 'Remarks',
-                            'selected': false,
-                        }]}
-                        callBack={val =>
-                            val == undefined ? null :
-                                setComponentAccess(val)} />
-                </View>
-
-                <View
-                    style={{
-                        position: 'absolute',
-                        bottom: normalize(0),
-                        width: '100%',
-                    }}>
-                    {/* <AwesomeButton
-                        onPress={() => getAddColumn()}
-                        borderRadius={10}
-                        borderWidth={1}
-                        height={normalize(40)}
-                        width={normalize(55)}
-                        backgroundColor={"#eaf2ff"}
-                        paddingHorizontal={0}
-                        raiseLevel={5}
-                        paddingBottom={0}
-                        borderColor={'white'}
-                        paddingTop={0}>
-
-                        <View style={{ alignItems: 'center', width: normalize(50) }} >
-                            <Icons.FontAwesome5 name="save" color={"#094485"} size={normalize(20)} />
-                            <Text numberOfLines={1} style={{ color: "#094485", fontSize: normalize(10) }}>Select</Text>
-                        </View>
-                    </AwesomeButton> */}
-                    <CAwesomeButton
-                        callback={() => {
-                            getAddColumn();
-                        }}
-                        data={{
-                            borderRadius: 10,
-                            borderWidth: 0.5,
-                            height: Dimensions.get('screen').height * 0.06,
-                            width: Dimensions.get('screen').height * 0.06,
-                            backgroundColor: '#f2f3ff',
-                            paddingHorizontal: 0,
-                            raiseLevel: 4,
-                            paddingBottom: 0,
-                            borderColor: 'white',
-                            paddingTop: 0,
-                            icongroup: 3,
-                            name: 'file-document',
-                            color: Global.AppTheme.primary_color,
-                            size: normalize(25),
-                            fontSize: normalize(6),
-                            fontWeight: 'bold',
-                            textAlign: 'center',
-                        }}
-                    />
-                </View>
-            </View>
-
-        </View>
-    );
-
-    function getAddColumn(params) {
-        if (parameterName != '' && parameterName != undefined && componentAccess != 0) {
-            var call = {
-                'columnname': parameterName,
-                'columntype': componentAccess.timingslot,
-            };
-            props.callBack(call);
-            props.visibility(false);
-        } else {
-            notifyMessage('Please fill required coulmns', 3);
-        }
-    }
-}
-
-export default CAddColumn;
-
-

package/src/CustomComponents/CAssessmentDelete.js

@@ -1,307 +0,0 @@
-import React, { useContext, useState } from 'react';
-import {
-  Text, TextInput, StyleSheet,
-  View, Image, TouchableOpacity, ScrollView, Dimensions, FlatList,
-} from 'react-native';
-// import { useDimensions } from '@react-native-community/hooks'
-import ComponentStyles, { normalize } from '../CommonStyle/componentStyle';
-import AntDesign from 'react-native-vector-icons/AntDesign';
-import SAlphabet from '../StaticComponents/SAlphabet';
-import SSearchBar from '../StaticComponents/SSearchBar';
-import CAwesomeButton from './CAwesomeButton';
-import { Global } from '../../../../../src/Common/Global';
-import { Icons } from '@jescon-technologies/react-native-ui-kit';;
-import { isBNUL, ValueCheck } from '../CommonStyle/ComponentFunctions';
-import EmrResponseComponentContext from '../Handlers/emrResponseComponentContext';
-
-export default function CAssessmentDelete(props) {
-
-  const { responseJSON, setResponseJSON } = useContext(EmrResponseComponentContext);
-  const [searchData, setSearchData] = useState('');
-  const [displayData, setDisplayData] = useState(props.data);
-  const { width, height } = Dimensions.get('window');
-  const [parameterName, setParameterName] = useState('');
-  const [alphaindex, setAlphaIndex] = useState();
-  const [tempString, settempString] = useState([]);
-  const [selected, setSelected] = useState(0);
-  const [filterPurpose, setFilterPurpose] = useState([]);
-  const [alphaFilter, setAlphaFilter] = useState(false);
-
-  function getOverlayScreenChildContainer() {
-    return (
-      {
-        // height: Dimensions.get('window').height * 0.47,
-        backgroundColor: '#fff',
-        flex: 1,
-      }
-    );
-  }
-
-  function getOverlayScreenContainer() {
-    return ({
-      flexDirection: 'row',
-      margin: 10,
-      height: height * 0.045,
-    });
-  }
-
-  function getOverlayScreenChildlistContainer() {
-    return {
-      // height: Dimensions.get('window').height * 0.37,
-      marginBottom: Dimensions.get('window').height * 0.01,
-      marginTop: Dimensions.get('window').height * 0.01,
-      flexDirection: 'row',
-    };
-  }
-
-  function getAlphabetData(alpha, index) {
-    var filter = displayData.filter(value => (value.display != undefined ? value.display : '').charAt(0) == alpha);
-    setFilterPurpose(filter);
-    index == 0 ? setSearchData('') : setSearchData(alpha);
-    index == 0 ? setAlphaFilter(false) : setAlphaFilter(true);
-  }
-
-  function onSelect() {
-    //console.log("hhhhhhhhhh",JSON.stringify())
-    props.onselect(passDeleted(displayData));
-    // props.onselect(tempString);
-    //props.onselectdata(tempText);
-
-  }
-  function onSelectDelete() {
-    //console.log("hhhhhhhhhh",JSON.stringify())
-    props.onclose(false);
-    //props.onselectdata(tempText);
-
-  }
-
-  function passDeleted(array) {
-
-    let prevcodearray = array.filter((i, k) => { return i.selected ? { ...i } : undefined; });
-    let prevcode = isBNUL(prevcodearray) ? prevcodearray : [];
-    return prevcode;
-
-
-  }
-
-  function checkSelected(array) {
-
-    let prevcodearray = array.filter((i, k) => { return i.selected ? { ...i } : undefined; });
-    let prevcode = isBNUL(prevcodearray) ? true : false;
-    return prevcode;
-
-  }
-
-  function onSelectItem(datavalue, multiselect, i) {
-
-
-    if (multiselect == true) {
-      if (tempString.includes(datavalue)) {
-
-        datavalue.selected = !datavalue.selected;
-
-
-        setDisplayData(prevstate => {
-          const updatedData = [...prevstate];
-          updatedData[i] = {
-            ...prevstate[i],
-            selected: !prevstate[i].selected,
-          };
-          return updatedData;
-        });
-
-
-
-        // setSelected(selected + 1);
-        // var index = tempString.indexOf(datavalue);
-        // if (index > -1) {
-        //   tempString.splice(index, 1);
-        // }
-
-      }
-      else {
-
-        setDisplayData(prevstate => {
-          const updatedData = [...prevstate];
-          updatedData[i] = {
-            ...prevstate[i],
-            selected: !prevstate[i].selected,
-          };
-          return updatedData;
-        });
-
-        // datavalue.selected = !datavalue.selected;
-        // setSelected(selected + 1);
-        // tempString.push(datavalue);
-
-      }
-    }
-  }
-
-
-  function GetSearchData(data) {
-    const newDropDownData = data.filter(function (item) {
-      const dataItem = item.displayvalue ? item.displayvalue.toUpperCase() : ''.toUpperCase();
-      const textData = searchData.toUpperCase();
-      return dataItem.indexOf(textData) > -1;
-    });
-    return (
-      <View style={layoutstyles.overlay_screen_listview_container}>
-        <View style={getOverlayScreenChildlistContainer()}>
-          <ScrollView keyboardShouldPersistTaps="handled">
-            <View>
-              {newDropDownData != null && newDropDownData.length > 0
-                ? newDropDownData.map((item, i) => {
-                  return (
-                    <View key={i}>
-                      <TouchableOpacity
-                        style={
-                          {
-                            borderColor: '#DCDEDD',
-                            borderWidth: 1,
-                            borderBottomWidth: 1,
-                            width: '100%',
-                            borderRadius: 7,
-                            backgroundColor: item.selected ? 'lightblue' : 'transparent',
-                            justifyContent: 'space-between',
-                          }
-                          // getListviewItem(item.selected, false)
-                        }
-                        // style={{
-                        //     borderColor: '#DCDEDD',
-                        //     borderWidth: 1,
-                        //     borderBottomWidth: 1,
-                        //     width: '100%',
-                        //     borderRadius: 7,
-                        //     backgroundColor: "white",
-                        //     justifyContent: 'space-between',
-                        // }}
-
-                        onPress={() => onSelectItem(item, true, i)}
-                        activeOpacity={0.5}>
-                        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-
-                          <Icons.FontAwesome name="dot-circle-o" color={Global.AppTheme.primary_color} size={normalize(15)}
-                            style={{ paddingRight: normalize(5), paddingLeft: normalize(4) }} />
-                          <Text style={
-                            [
-                              //getListviewItemText(item.selected),
-                              {
-                                margin: 2,
-                                paddingLeft: 5,
-                                fontWeight: 'normal',
-                                color: 'black',
-                                alignContent: 'center',
-                                margin: Dimensions.get('window').height * 0.004,
-                                alignItems: 'center',
-                                textAlign: 'left',
-                                fontSize: normalize(14),
-                              },
-                            ]}>
-                            {item.displayvalue}
-                          </Text>
-                        </View>
-                      </TouchableOpacity>
-                    </View>
-                  );
-                })
-                : null}
-            </View>
-          </ScrollView>
-
-          <View>
-            <SAlphabet
-              callBack={val =>
-                val == undefined ? null : getAlphabetData(val.alpha, val.index)
-              } />
-          </View>
-
-        </View>
-      </View>
-    );
-  }
-
-  return (
-    <View style={{ flex: 1 }}>
-      <Text
-        style={{
-          fontSize: normalize(12),
-          fontWeight: 'bold',
-          textAlign: 'center',
-          alignSelf: 'center',
-        }}>
-        {ValueCheck(responseJSON) && ValueCheck(responseJSON.consultationEdit) && ValueCheck(responseJSON.consultationEdit.heading) ? responseJSON.consultationEdit.heading + ' PARAMETER' : 'PARAMETER'}
-      </Text>
-
-      <View style={getOverlayScreenContainer()}>
-        <SSearchBar
-          onChangeText={val => setSearchData(val)} />
-      </View>
-
-      {displayData && displayData != null && displayData != undefined ?
-        <View
-          style={getOverlayScreenChildContainer()}
-        >
-          {GetSearchData(displayData)}
-        </View>
-        : null}
-
-      <View style={{
-        position: 'absolute', bottom: normalize(-10), width: '100%',
-      }}>
-        {checkSelected(displayData) ?
-          <CAwesomeButton
-            data={{
-              'displaytext': 'Delete',
-              'size': 10,
-              'iconname': 'trash',
-              'selected': false,
-              'visibility': true,
-              'iconsize': 20,
-              'functionid': 'ATR01',
-              'shadowcolor': '#f1f3f6',
-              'iconcolor': Global.AppTheme.primary_color,
-              'fontcolor': Global.AppTheme.primary_color,
-            }}
-            callBack={val => val == undefined ? null : onSelect()}
-          />
-          : null}
-        {/* <TouchableOpacity style={{ marginTop: 5, justifyContent: 'center', backgroundColor: '#d8d0d0', width: '100%', borderRadius: 10, alignItems: 'center', height: normalize(23) }}
-          onPress={() => onSelectDelete()}
-        >
-          <AntDesign name={"close"}
-            color={"red"} size={normalize(21)} />
-        </TouchableOpacity> */}
-      </View>
-    </View>
-  );
-}
-const layoutstyles = StyleSheet.create({
-  overlay_screen_listview_container: {
-    justifyContent: 'center',
-    marginBottom: 2,
-  },
-  overlay_searchTextbox_View: {
-    width: '96%',
-  },
-  textinput_view: {
-    flex: 1,
-    paddingLeft: '1%',
-  },
-  getListviewItem: {
-    borderColor: '#DCDEDD',
-    borderWidth: 1,
-    borderBottomWidth: 1,
-    width: '100%',
-    borderRadius: 7,
-    justifyContent: 'space-between',
-  },
-  getListviewItemText: {
-    alignContent: 'center',
-    margin: 3,
-    alignItems: 'center',
-    textAlign: 'left',
-    fontSize: 12,
-    color: 'black',
-  },
-});

package/src/CustomComponents/CAwesomeButton.js

@@ -1,83 +0,0 @@
-import React from 'react';
-import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
-import { isNU, notifyMessage } from '../CommonStyle/ComponentFunctions';
-import { normalize } from '../CommonStyle/componentStyle';
-import HOCIcons from '../HOC/HOCIcons';
-
-export default function CAwesomeButton({ data, callBack }) {
-
-    const handlePress = () => {
-        if (data?.functionid != undefined) {
-            getCallBack(data);
-        } else {
-            notifyMessage('Incorporate soon', 5);
-        }
-    };
-
-    return (
-        <TouchableOpacity
-            disabled={false}
-            onPress={handlePress}
-            style={[
-                styles.button,
-                {
-                    borderRadius: 10,
-                    borderWidth: 1,
-                    height: normalize(40),
-                    width: normalize(data?.width != undefined ? data?.width : 55),
-                    backgroundColor: data?.shadowcolor != undefined ? data?.shadowcolor : '#f7efef',
-                    borderColor: 'lightblue',
-                },
-            ]}
-        >
-            <View style={styles.contentContainer}>
-                <HOCIcons.Icons
-                    icongroup={isNU(data?.icongroup) ? data?.icongroup : 5}
-                    name={data?.iconname != undefined ? data?.iconname : 'file'}
-                    color={data?.iconcolor != undefined ? data?.iconcolor : 'white'}
-                    size={data?.iconsize != undefined ? normalize(data?.iconsize) : normalize(20)}
-                    style={styles.icon}
-                />
-                <Text
-                    numberOfLines={1}
-                    style={[
-                        styles.text,
-                        {
-                            width: isNU(data?.textwidth) ? normalize(data?.textwidth) : normalize(50),
-                            color: data?.fontcolor != undefined ? data?.fontcolor : '#fff',
-                            textAlign: data?.textAlign != undefined ? data?.textAlign : 'center',
-                            fontSize: data?.size != undefined ? normalize(data?.size) : normalize(10),
-                            fontWeight: data?.fontWeight != undefined ? data?.fontWeight : 'normal',
-                        },
-                    ]}
-                >
-                    {data?.displaytext != undefined ? data?.displaytext : ''}
-                </Text>
-            </View>
-        </TouchableOpacity>
-    );
-
-    function getCallBack(item) {
-        callBack(item);
-    }
-}
-
-const styles = StyleSheet.create({
-    button: {
-        alignItems: 'center',
-        justifyContent: 'center',
-        paddingHorizontal: 0,
-        paddingBottom: 0,
-        paddingTop: 0,
-    },
-    contentContainer: {
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    icon: {
-        // Add any additional icon styling here
-    },
-    text: {
-        // Base text styles if needed
-    },
-});

package/src/CustomComponents/CAwesomeMoreButton.js

@@ -1,54 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import {
-    Text,
-    View,
-    ScrollView,
-    Dimensions,
-    FlatList,
-    TouchableOpacity,
-    TextInput,
-    Alert,
-} from 'react-native';
-import AwesomeButton from 'react-native-really-awesome-button';
-import { normalize } from '../Common/ComponentFunctions';
-import HOCIcons from '../HOC/HOCIcons';
-
-
-export default function CAwesomeMoreButtonLIS(props) {
-
-    return (
-        <AwesomeButton
-            onPress={() => { props.disablepress ? null : props.callback(props.data); }}
-            onLongPress={() => { props.enablelongpress ? props.callback(props.data) : null; }}
-            borderRadius={props.buttonstyle.borderRadius}
-            borderWidth={props.buttonstyle.borderWidth}
-            height={props.buttonstyle.height}
-            width={props.buttonstyle.width}
-            backgroundColor={props.buttonstyle.backgroundColor}
-            paddingHorizontal={props.buttonstyle.paddingHorizontal}
-            raiseLevel={2}
-            paddingBottom={props.buttonstyle.paddingBottom}
-            borderColor={props.buttonstyle.borderColor}
-            paddingTop={props.buttonstyle.paddingTop}
-            style={props.buttonstyle.style}
-        >
-            <View style={props.viewstyle}>
-                {props.icon ?
-                    <HOCIcons.Icons
-                        icongroup={props.icon.icongroup}
-                        name={props.icon.name}
-                        color={props.icon.color}
-                        size={props.icon.size}
-                        style={props.icon.style}
-                    />
-                : null}
-                {props.text ?
-                    <Text adjustsFontSizeToFit style={props.text}>
-                        {props.displaytext != null && props.displaytext != undefined ? props.displaytext : null}
-                    </Text>
-                : null}
-            </View>
-        </AwesomeButton>
-    );
-
-}