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

package/src/HOC/HNatureHeading.js

@@ -1,402 +0,0 @@
-import React, { memo, useState } from 'react';
-import { View, TouchableOpacity, Text, FlatList, ScrollView } from 'react-native';
-import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
-import { normalize } from '../CommonStyle/componentStyle';
-import CText from '../CustomComponents/CText';
-import HOCIcons from './HOCIcons';
-import { Global } from '../../../../../src/Common/Global';
-import  { CButtonShadow,isBNUL, isNU, isNUQ } from '../CommonStyle/ComponentFunctions';
-import HShadowButton from './HShadowButton';
-import HMoreButton from './HMoreButton';
-
-function HNatureHeading(props) {
-
-
-    const deletebutton = 5;
-    const notebutton = 6;
-    const instructionbutton = 7;
-    const commentbutton = 8;
-    const commentbutton2 = 9;
-
-    const imagebutton = 3;
-    const videobutton = 3;
-    const audiobutton = 3;
-    const documentbutton = 3;
-
-
-    const [showButtons, setShowButtons] = useState({
-        'mediabuttons': false,
-        'detailbuttons': false,
-    });
-
-    const styles = props.styles != undefined ? props.styles : {
-        'iconname': 'file',
-        'bgcolor': '#f2efef',
-        'iconsize': 18,
-        'iconcolor': 'black',
-        'displaytext': 'Testing',
-        'textsize': 15,
-        'textcolor': 'darkblue',
-    };
-
-    function CheckDeleteButton(array) { //delete button
-
-        let prevcodearray = array.filter((i, k) => { return i.buttonflag == deletebutton ? { ...i } : undefined; });
-        let prevcode = isBNUL(prevcodearray) ? prevcodearray[0] : false;
-        return prevcode;
-
-    }
-
-
-    function groupMediaIcons(array) { // image video audio
-
-        let prevcodearray = array.filter((i, k) => { return (i.buttonflag == imagebutton || i.buttonflag == videobutton || i.buttonflag == audiobutton || i.buttonflag == documentbutton) ? { ...i } : undefined; });
-        let prevcode = isBNUL(prevcodearray) ? prevcodearray : [];
-        return prevcode;
-
-    }
-
-    function groupEntryIcons(array) { // notes instructions comments
-
-        let prevcodearray = array.filter((i, k) => { return (i.buttonflag == notebutton || i.buttonflag == instructionbutton || i.buttonflag == commentbutton || i.buttonflag == commentbutton2) ? { ...i } : undefined; });
-        let prevcode = isBNUL(prevcodearray) ? prevcodearray : [];
-        return prevcode;
-
-    }
-
-    function renderList(val) {
-
-        return (
-            <HShadowButton
-                useicon={true}
-                // usetext={true}
-                buttonstyle={{
-                    margin: normalize(4),
-                    borderLeftWidth: 0,
-                    borderBottomWidth: 0,
-                    borderRadius: 5,
-                    borderWidth: 0,
-                    borderColor: Global.AppTheme.primary_color,
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    backgroundColor: 'white',
-                    height: normalize(20),
-                    width: normalize(20),
-                    ...CButtonShadow(),
-                }}
-                iconcolor={Global.AppTheme.primary_color}
-                iconname={isNU(val.iconname) ? val.iconname : 'file-alt'}
-                iconsize={normalize(15)}
-                iconstyle={{textAlign:'center'}}
-                displaytext={isNUQ(val.name) ? val.name : null}
-                buttonCallback={() => {
-                    props.moreCallBack(val);
-                }}
-                textstyle={{
-                    color: Global.AppTheme.primary_color,
-                    fontSize: normalize(7),
-                    textAlign: 'center',
-                }}
-            />
-        );
-
-    }
-
-    return (
-        <View style={{
-            // backgroundColor: styles.bgcolor != undefined ? styles.bgcolor : '#f2efef',
-        }}>
-            <TouchableOpacity
-                onPress={() => props.callBack(true)}
-                style={{
-                    // backgroundColor: styles.bgcolor != undefined ? styles.bgcolor : '#f2efef',
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    // paddingVertical: normalize(3)
-                }}>
-                <TouchableOpacity
-                    onPress={() => props.Expand != undefined ? props.Expand(1) : null}
-                    disabled={props.Expand != undefined ? false : true}
-                    style={{
-                        width: normalize(30),
-                        alignItems: 'center',
-                    }}
-                >
-                    <FontAwesome5 name={styles.iconname} color={styles.iconcolor}
-                        size={normalize(styles.iconsize)} />
-                </TouchableOpacity>
-                <Text
-                    numberOfLines={1}
-                    adjustsFontSizeToFit={true}
-                    style={{
-                        flex: 1,
-                        borderWidth: 0,
-                        textShadowRadius: 2,
-                        fontSize: normalize(styles.textsize),
-                        fontWeight: 'bold',
-                        color: styles.textcolor,
-                    }}>
-                    {styles.displaytext}
-                </Text>
-                {isBNUL(props.moreButtonArray) ?
-                    <HMoreButton
-                        styles={{
-                            'iconname': 'dots-vertical',
-                            'iconsize': 23,
-                            'iconcolor': Global.AppTheme.primary_color,
-                            'textsize': 9,
-                            'textcolor': Global.AppTheme.primary_color,
-                        }}
-                        moreButtonArray={props.moreButtonArray}
-                        // callBack={val => (val == undefined ? null : getHeaderMoreButtonPress(val, item))} />
-                        callBack={val => (val == undefined ? null :
-                            // getSelection(val, item, index)
-                            props.moreCallBack(val)
-                        )}
-                    />
-                    : null}
-                {isBNUL(props.moreButtonArray) && CheckDeleteButton(props.moreButtonArray) ?
-                    <View style={{ borderWidth: 0 }}>
-                        <HShadowButton // DELETE BUTTON
-                            useicon={true}
-                            // usetext={true}
-                            buttonstyle={{
-                                margin: normalize(2),
-                                padding: normalize(2),
-                                borderLeftWidth: 0,
-                                borderBottomWidth: 0,
-                                borderRadius: 5,
-                                borderWidth: 0,
-                                borderColor: Global.AppTheme.primary_color,
-                                justifyContent: 'center',
-                                alignItems: 'center',
-                                backgroundColor: 'white',
-                                height: normalize(20),
-                                width: normalize(20),
-                                ...CButtonShadow(),
-                            }}
-                            iconcolor={'#bb3030'}
-                            iconname={isNU(CheckDeleteButton(props.moreButtonArray).iconname) ? CheckDeleteButton(props.moreButtonArray).iconname : 'file-alt'}
-                            iconsize={normalize(15)}
-                            textstyle={{
-                                color: Global.AppTheme.primary_color,
-                                fontSize: normalize(5),
-                                textAlign: 'center',
-                            }}
-                            displaytext={isNUQ(CheckDeleteButton(props.moreButtonArray).name) ? CheckDeleteButton(props.moreButtonArray).name : null}
-                            buttonCallback={() => {
-                                props.moreCallBack(CheckDeleteButton(props.moreButtonArray));
-                            }}
-                        />
-                    </View>
-                    : null}
-
-            </TouchableOpacity>
-            {isBNUL(props.moreButtonArray) ?
-                <ScrollView
-                    showsHorizontalScrollIndicator={false}
-                    showsVerticalScrollIndicator={false}
-                    horizontal={true}
-                >
-                    <View style={{ flexDirection: 'row', marginVertical: normalize(4) }}>
-                        {props.moreButtonArray.map((val) => {
-                            return val.buttonflag == deletebutton || // DELETE BUTTON
-                                val.buttonflag == notebutton ||  // NOTES
-                                val.buttonflag == instructionbutton || // INSTRUCTIONS
-                                val.buttonflag == commentbutton || // COMMENTS
-                                val.buttonflag == commentbutton2 || // COMMENTS 2
-                                val.buttonflag == imagebutton || // IMAGE
-                                val.buttonflag == videobutton || // VIDEO
-                                val.buttonflag == audiobutton || // AUDIO
-                                val.buttonflag == documentbutton  // DOCUMENTS
-                                ? null : (
-                                    renderList(val)
-                                );
-                        })}
-                        {isBNUL(groupMediaIcons(props.moreButtonArray)) ? // image,audio, video, document
-
-                            <TouchableOpacity
-                                onPress={() => {
-                                    setShowButtons(prevstate => {
-                                        return {
-                                            ...prevstate,
-                                            mediabuttons: !prevstate.mediabuttons,
-                                        };
-                                    });
-                                }}
-                                style={{
-                                    borderWidth: 0,
-                                    flexDirection: 'row',
-                                    margin: normalize(4),
-                                    padding: normalize(4),
-                                    borderLeftWidth: 0,
-                                    borderBottomWidth: 0,
-                                    borderRadius: 5,
-                                    borderColor: Global.AppTheme.primary_color,
-                                    justifyContent: 'space-evenly',
-                                    alignItems: 'center',
-                                    backgroundColor: 'white',
-                                    ...CButtonShadow(),
-                                    height: normalize(20),
-                                    width: normalize(40),
-                                }}>
-
-                                <HShadowButton
-                                    useicon={true}
-                                    // usetext={true}
-                                    buttonstyle={{
-                                        borderWidth: 0,
-                                        justifyContent: 'center',
-                                        alignItems: 'center',
-                                    }}
-                                    iconcolor={Global.AppTheme.primary_color}
-                                    icongroup={11}
-                                    iconname={'folder-images'}
-                                    iconsize={normalize(15)}
-                                    displaytext={'Media'}
-                                    buttonCallback={() => {
-                                        setShowButtons(prevstate => {
-                                            return {
-                                                ...prevstate,
-                                                mediabuttons: !prevstate.mediabuttons,
-                                            };
-                                        });
-                                    }}
-                                    textstyle={{
-                                        color: Global.AppTheme.primary_color,
-                                        fontSize: normalize(7),
-                                        textAlign: 'center',
-                                    }}
-                                />
-                                <HOCIcons.Icons
-                                    icongroup={5}
-                                    color={'black'}
-                                    name={showButtons.mediabuttons ? 'chevron-left' : 'chevron-right'}
-                                    size={normalize(10)}
-                                    style={{ marginHorizontal: normalize(5) }}
-                                />
-                            </TouchableOpacity>
-
-                            // <HShadowButton
-                            //     useicon={true}
-                            //     usetext={true}
-                            //     buttonstyle={{
-                            //         margin: normalize(4),
-                            //         padding: normalize(4),
-                            //         borderLeftWidth: 0,
-                            //         borderBottomWidth: 0,
-                            //         borderRadius: 5,
-                            //         borderWidth: 0,
-                            //         borderColor: Global.AppTheme.primary_color,
-                            //         justifyContent: 'center',
-                            //         alignItems: 'center',
-                            //         backgroundColor: 'white',
-                            //         height: normalize(30),
-                            //         width: normalize(40),
-                            //     }}
-                            //     iconcolor={Global.AppTheme.primary_color}
-                            //     icongroup={11}
-                            //     iconname={'folder-images'}
-                            //     iconsize={normalize(15)}
-                            //     displaytext={'Media'}
-                            //     buttonCallback={() => {
-                            //         setShowButtons(prevstate => {
-                            //             return {
-                            //                 ...prevstate,
-                            //                 mediabuttons: !prevstate.mediabuttons
-                            //             }
-                            //         })
-                            //     }}
-                            //     textstyle={{
-                            //         color: Global.AppTheme.primary_color,
-                            //         fontSize: normalize(7),
-                            //         textAlign: 'center'
-                            //     }}
-                            // />
-                            : null}
-                        {isBNUL(groupMediaIcons(props.moreButtonArray)) && showButtons.mediabuttons ?
-                            groupMediaIcons(props.moreButtonArray).map((val) => {
-                                return (
-                                    renderList(val)
-                                );
-                            })
-                            : null}
-
-                        {isBNUL(groupEntryIcons(props.moreButtonArray)) ? // NOTES , INSTRUCTIONS , COMMENTS
-                            <TouchableOpacity
-                                onPress={() => {
-                                    setShowButtons(prevstate => {
-                                        return {
-                                            ...prevstate,
-                                            detailbuttons: !prevstate.detailbuttons,
-                                        };
-                                    });
-                                }}
-                                style={{
-                                    borderWidth: 0,
-                                    flexDirection: 'row',
-                                    margin: normalize(4),
-                                    padding: normalize(4),
-                                    borderLeftWidth: 0,
-                                    borderBottomWidth: 0,
-                                    borderRadius: 5,
-                                    borderColor: Global.AppTheme.primary_color,
-                                    justifyContent: 'space-evenly',
-                                    alignItems: 'center',
-                                    backgroundColor: 'white',
-                                    ...CButtonShadow(),
-                                    height: normalize(20),
-                                    width: normalize(40),
-                                }}>
-
-                                <HShadowButton
-                                    useicon={true}
-                                    // usetext={true}
-                                    buttonstyle={{
-                                        borderWidth: 0,
-                                        justifyContent: 'center',
-                                        alignItems: 'center',
-                                    }}
-                                    iconcolor={Global.AppTheme.primary_color}
-                                    icongroup={3}
-                                    iconname={'clipboard-text'}
-                                    iconsize={normalize(15)}
-                                    displaytext={'Remarks'}
-                                    buttonCallback={() => {
-                                        setShowButtons(prevstate => {
-                                            return {
-                                                ...prevstate,
-                                                detailbuttons: !prevstate.detailbuttons,
-                                            };
-                                        });
-                                    }}
-                                    textstyle={{
-                                        color: Global.AppTheme.primary_color,
-                                        fontSize: normalize(7),
-                                        textAlign: 'center',
-                                    }}
-                                />
-                                <HOCIcons.Icons
-                                    icongroup={5}
-                                    color={'black'}
-                                    name={showButtons.detailbuttons ? 'chevron-left' : 'chevron-right'}
-                                    size={normalize(10)}
-                                    style={{ marginHorizontal: normalize(5) }}
-                                />
-                            </TouchableOpacity>
-                            : null}
-                        {isBNUL(groupEntryIcons(props.moreButtonArray)) && showButtons.detailbuttons ?
-                            groupEntryIcons(props.moreButtonArray).map((val) => {
-                                return (
-                                    renderList(val)
-                                );
-                            })
-                            : null}
-                    </View>
-                </ScrollView>
-                : null}
-        </View>
-    );
-}
-
-export default memo(HNatureHeading);

package/src/HOC/HOCIcons.js

@@ -1,80 +0,0 @@
-import React, { memo } from 'react';
-import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
-import SimpleLineIcons from 'react-native-vector-icons/SimpleLineIcons';
-import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
-import FontAwesome from 'react-native-vector-icons/FontAwesome';
-import Foundation from 'react-native-vector-icons/Foundation';
-import EvilIcons from 'react-native-vector-icons/EvilIcons';
-import Octicons from 'react-native-vector-icons/Octicons';
-import Ionicons from 'react-native-vector-icons/Ionicons';
-import Feather from 'react-native-vector-icons/Feather';
-import Fontisto from 'react-native-vector-icons/Fontisto';
-import Entypo from 'react-native-vector-icons/Entypo';
-import Zocial from 'react-native-vector-icons/Zocial';
-import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
-import AntDesign from 'react-native-vector-icons/AntDesign';
-
- function Icons(props) {
-
-    const components = {
-         1: AntDesign,
-         2: MaterialIcons,
-         3: MaterialCommunityIcons,
-         4: FontAwesome,
-         5: FontAwesome5,
-         6: Foundation,
-         7: EvilIcons,
-         8: Ionicons,
-         9: Octicons,
-        10: Feather,
-        11: Entypo,
-        12: Zocial,
-        13: Fontisto,
-        14: SimpleLineIcons,
-    };
-
-    const HOCIconComponent =  props.icongroup != null && props.icongroup != undefined &&
-    typeof props.icongroup !== 'boolean' && !isNaN(props.icongroup) && props.icongroup > 0 &&
-    props.icongroup < 15 ? components[props.icongroup] : components[5];
-
-    return (
-        <HOCIconComponent
-            {...props}
-        />
-    );
-}
-/**
-    * to use HOC <HOCIcons.Icons
-    * Pass icongroup as an integer ex: icongroup={3}
-    * @param 1 AntDesign.
-    * @param 2 MaterialIcons.
-    * @param 3 MaterialCommunityIcons.
-    * @param 4 FontAwesome.
-    * @param 5 FontAwesome5.
-    * @param 6 Foundation.
-    * @param 7 EvilIcons.
-    * @param 8 Ionicons.
-    * @param 9 Octicons.
-    * @param 10 Feather.
-    * @param 11 Entypo.
-    * @param 12 Zocial.
-    * @param 13 Fontisto.
-    * @param 14 SimpleLineIcons.
- */
-export default {
-    Icons,
-    MaterialCommunityIcons,
-    SimpleLineIcons,
-    MaterialIcons,
-    FontAwesome,
-    Foundation,
-    Fontisto,
-    EvilIcons,
-    Ionicons,
-    Octicons,
-    Feather,
-    Entypo,
-    Zocial,
-    FontAwesome5,
-    AntDesign,
-};

package/src/HOC/HOverlayCentered.js

@@ -1,140 +0,0 @@
-import React, { useEffect } from 'react';
-import { View, Dimensions,Text } from 'react-native';
-import Overlay from 'react-native-modal-overlay';
-import Icons from '../Common/Icons';
-import { normalize } from '../CommonStyle/componentStyle';
-
-const HOverlayCentered = (WrapComponent) => {
-
-    const { width, height } = Dimensions.get('window');
-    return function (props) {
-        useEffect(() => {
-            let isMounted = true;
-        });
-
-        function getPopupContainerStyle() {
-            return (
-                props.overlaystyle
-            );
-        }
-
-        return (
-            <Overlay
-                visible={true}
-                onClose={() => props.visibility != undefined ? props.visibility(false) : null}
-                closeOnTouchOutside={ props.disableOnTouch ? false : true}
-                animationType="fadeInUp"
-                // containerStyle={{ backgroundColor: 'rgba(0, 0, 0, 0.233)' }}
-                containerStyle={{ backgroundColor: 'rgba(0, 0, 0, 0.233)' }}
-                animationDuration={500}
-                childrenWrapperStyle={getPopupContainerStyle()}>
-                <View style={{ flex: 1 }} >
-
-                    {props.position && props.position != null && props.position != undefined ?
-                        null
-                        :
-                        <View
-                            style={{
-                                flexDirection: 'row',
-                                justifyContent: 'space-between',
-                                alignItems: 'center',
-                                width: Dimensions.get('screen').width,
-                                borderWidth: 0,
-                                borderTopLeftRadius: 10,
-                                paddingVertical: normalize(5),
-                                borderTopRightRadius: 10,
-                            }}>
-
-                            <View style={{
-                                width: '10%',
-                                borderWidth: 0,
-                            }}>
-                                <Text>{''}</Text>
-                            </View>
-
-
-                            <View style={{
-                                flex: 1,
-                                width: '80%',
-                                borderWidth: 0,
-                                justifyContent: 'center',
-                                alignItems: 'center',
-                            }}>
-                                <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}>
-                                    {props.overlayheading != null && props.overlayheading != undefined ?
-                                        <Icons.FontAwesome5
-                                            name={props.overlayicon != null && props.overlayicon != undefined ? props.overlayicon : 'file'}
-                                            color={'#000000'}
-                                            size={normalize(11)}
-                                            style={{ marginHorizontal: normalize(5) }}
-                                        />
-                                        : null}
-                                    <Text style={{ color: '#000000', fontSize: normalize(11), fontWeight: 'bold', textAlign: 'center' }}>{props.overlayheading != null && props.overlayheading != undefined ? props.overlayheading : ''}</Text>
-                                </View>
-                            </View>
-
-                            <View style={{
-                                width: '10%',
-                                borderWidth: 0,
-                            }}>
-                                <Text>{' '}</Text>
-                            </View>
-                        </View>
-                    }
-                    <WrapComponent
-                        {...props}
-                    />
-                    {props.position && props.position != null && props.position != undefined && props.position == true ?
-                        <View
-                            style={{
-                                position: 'absolute',
-                                flexDirection: 'row',
-                                justifyContent: 'space-between',
-                                alignItems: 'center',
-                                width: Dimensions.get('screen').width,
-                                borderWidth: 0,
-                                borderTopLeftRadius: 10,
-                                paddingVertical: normalize(5),
-                                borderTopRightRadius: 10,
-                            }}>
-
-                            <View style={{
-                                width: '10%',
-                                borderWidth: 0,
-                            }}>
-                                <Text>{''}</Text>
-                            </View>
-                            <View style={{
-                                flex: 1,
-                                width: '80%',
-                                borderWidth: 0,
-                                justifyContent: 'center',
-                                alignItems: 'center',
-                            }}>
-                                <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}>
-                                    {props.overlayheading != null && props.overlayheading != undefined ?
-                                        <Icons.FontAwesome5
-                                            name={props.overlayicon != null && props.overlayicon != undefined ? props.overlayicon : 'file'}
-                                            color={'#000000'}
-                                            size={normalize(11)}
-                                            style={{ marginHorizontal: normalize(5) }}
-                                        />
-                                        : null}
-                                    <Text style={{ color: '#000000', fontSize: normalize(11), fontWeight: 'bold', textAlign: 'center' }}>{props.overlayheading != null && props.overlayheading != undefined ? props.overlayheading : ''}</Text>
-                                </View>
-                            </View>
-                            <View style={{
-                                width: '10%',
-                                borderWidth: 0,
-                            }}>
-                                <Text>{' '}</Text>
-                            </View>
-                        </View>
-                        : null}
-                </View>
-            </Overlay>
-        );
-    };
-};
-
-export default HOverlayCentered;

package/src/HOC/HShadowButton.js

@@ -1,45 +0,0 @@
-import { Text, TouchableOpacity } from 'react-native';
-import { isBNU, isNU, isNUQ, normalize } from '../CommonStyle/ComponentFunctions';
-import HOCIcons from './HOCIcons';
-import { Global } from '../../../../../src/Common/Global';
-
-
-export default function HShadowButton(props) {
-
-    return (
-        <TouchableOpacity
-            disabled={props.disabled ? true : false}
-            onPress={() => {
-                isNU(props.buttonCallback) ? props.buttonCallback(true) : null;
-            }}
-            style={isNU(props.buttonstyle) ? props.buttonstyle : {}}>
-            {props.useicon ?
-                <HOCIcons.Icons
-                    icongroup={isNU(props.icongroup) ? props.icongroup : 5}
-                    name={isBNU(props.iconname) ? props.iconname : 'file-alt'}
-                    color={isNU(props.iconcolor) ? props.iconcolor : Global.AppTheme.primary_color}
-                    size={isNU(props.iconsize) ? props.iconsize : normalize(15)}
-                    style={props.iconstyle ? props.iconstyle : {}}
-                />
-                : null}
-            {props.usetext ?
-                <Text
-                    numberOfLines={1}
-                    adjustsFontSizeToFit={true}
-                    style={
-                        props.textstyle ?
-                            props.textstyle :
-                            {
-                                color: Global.AppTheme.primary_color,
-                                fontSize: normalize(6),
-                                textAlign: 'center',
-                            }
-                    }
-                >
-                    {isNUQ(props.displaytext) ? props.displaytext : null}
-                </Text>
-                : null}
-        </TouchableOpacity>
-    );
-
-}