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

package/src/CustomComponents/CAddColumn.js

@@ -0,0 +1,140 @@
+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

@@ -0,0 +1,307 @@
+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

@@ -0,0 +1,83 @@
+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

@@ -0,0 +1,54 @@
+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>
+    );
+
+}