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

package/index.d.ts

@@ -1,66 +1,2 @@
-// Alerts
-export const AAlert: any;
-export const AAlertIOS: any;
-export const ABlink: any;
-
-// Common
-export const ErrorBoundary: any;
-export const Icons: any;
-export const NetworkServiceCall: any;
-
-// HOC (Higher Order Components)
-export const ConfirmOverlay: any;
-export const HHeading: any;
-export const HMoreButton: any;
-export const HNatureHeading: any;
-export const HOCIcons: any;
-export const HOverlayCentered: any;
-export const HShadowButton: any;
-export const HShadowCountButton: any;
-export const OptionOverlay: any;
-
-// Layout
-export const CContainerView: any;
-export const CDetailView: any;
-export const HeaderBlock: any;
-export const INVLoginLayout: any;
-export const Loader: any;
-
-// Media
-export const AudioScreen: any;
-export const BarcodeScan: any;
-export const CAudioPlay: any;
-export const CCaptureImageWithoutEdit: any;
-export const CImageGallery: any;
-export const CImageZoom: any;
-export const CSingleImage: any;
-export const CSketchCanvas: any;
-export const CVideoPlay: any;
-export const DocumentScreen: any;
-export const DrawingScreen: any;
-export const ImageScreen: any;
-export const RecordAudio: any;
-export const RecordVideo: any;
-export const VideoScreen: any;
-
-// Static Components
-export const SAlphabet: any;
-export const SCheckBox: any;
-export const SDatePicker: any;
-export const SDatePickerLabel: any;
-export const SDatePickerNew: any;
-export const SDateTimePickerNew: any;
-export const SDropDownGenerate: any;
-export const SDropDownHoc: any;
-export const SDropDownIcon: any;
-export const SMenuBox: any;
-export const SOverlay: any;
-export const SOverlayTextInput: any;
-export const SSearch: any;
-export const SSearchBar: any;
-export const SSpeedDial: any;
-export const STextInput: any;
-export const STextInputProps: any;
-export const STimePicker: any;
-export const STimingDropDownNew: any;
-export const STimingSwitch: any;
+import ErrorBoundary from './src/Common/ErrorBoundary';
+export default ErrorBoundary;

package/index.js

@@ -1,66 +1 @@
-// Alerts
-export { default as AAlert } from './src/Alerts/AAlert';
-export { default as AAlertIOS } from './src/Alerts/AAlertIOS';
-export { default as ABlink } from './src/Alerts/ABlink';
-
-// Common
-export { default as ErrorBoundary } from './src/Common/ErrorBoundary';
-export { default as Icons } from './src/Common/Icons'
-export { default as NetworkServiceCall } from './src/Common/NetworkServiceCall';
-
-// HOC (Higher Order Components)
-export { default as ConfirmOverlay } from './src/HOC/ConfirmOverlay';
-export { default as HHeading } from './src/HOC/HHeading';
-export { default as HMoreButton } from './src/HOC/HMoreButton';
-export { default as HNatureHeading } from './src/HOC/HNatureHeading';
-export { default as HOCIcons } from './src/HOC/HOCIcons';
-export { default as HOverlayCentered } from './src/HOC/HOverlayCentered';
-export { default as HShadowButton } from './src/HOC/HShadowButton';
-export { default as HShadowCountButton } from './src/HOC/HShadowCountButton';
-export { default as OptionOverlay } from './src/HOC/OptionOverlay';
-
-// Layout
-export { default as CContainerView } from './src/layout/CContainerView';
-export { default as CDetailView } from './src/layout/CDetailView';
-export { default as HeaderBlock } from './src/layout/HeaderBlock';
-export { default as INVLoginLayout } from './src/layout/INVLoginLayout';
-export { default as Loader } from './src/layout/Loader';
-
-// Media
-export { default as AudioScreen } from './src/Media/AudioScreen';
-export { default as BarcodeScan } from './src/Media/BarcodeScan';
-export { default as CAudioPlay } from './src/Media/CAudioPlay';
-export { default as CCaptureImageWithoutEdit } from './src/Media/CCaptureImageWithoutEdit';
-export { default as CImageGallery } from './src/Media/CImageGallery';
-export { default as CImageZoom } from './src/Media/CImageZoom';
-export { default as CSingleImage } from './src/Media/CSingleImage';
-export { default as CSketchCanvas } from './src/Media/CSketchCanvas';
-export { default as CVideoPlay } from './src/Media/CVideoPlay';
-export { default as DocumentScreen } from './src/Media/DocumentScreen';
-export { default as DrawingScreen } from './src/Media/DrawingScreen';
-export { default as ImageScreen } from './src/Media/ImageScreen';
-export { default as RecordAudio } from './src/Media/RecordAudio';
-export { default as RecordVideo } from './src/Media/RecordVideo';
-export { default as VideoScreen } from './src/Media/VideoScreen';
-
-// Static Components
-export { default as SAlphabet } from './src/StaticComponents/SAlphabet';
-export { default as SCheckBox } from './src/StaticComponents/SCheckBox';
-export { default as SDatePicker } from './src/StaticComponents/SDatePicker';
-export { default as SDatePickerLabel } from './src/StaticComponents/SDatePickerLabel';
-export { default as SDatePickerNew } from './src/StaticComponents/SDatePickerNew';
-export { default as SDateTimePickerNew } from './src/StaticComponents/SDateTimePickerNew';
-export { default as SDropDownGenerate } from './src/StaticComponents/SDropDownGenerate';
-export { default as SDropDownHoc } from './src/StaticComponents/SDropDownHoc';
-export { default as SDropDownIcon } from './src/StaticComponents/SDropDownIcon';
-export { default as SMenuBox } from './src/StaticComponents/SMenuBox';
-export { default as SOverlay } from './src/StaticComponents/SOverlay';
-export { default as SOverlayTextInput } from './src/StaticComponents/SOverlayTextInput';
-export { default as SSearch } from './src/StaticComponents/SSearch';
-export { default as SSearchBar } from './src/StaticComponents/SSearchBar';
-export { default as SSpeedDial } from './src/StaticComponents/SSpeedDial';
-export { default as STextInput } from './src/StaticComponents/STextInput';
-export { default as STextInputProps } from './src/StaticComponents/STextInputProps';
-export { default as STimePicker } from './src/StaticComponents/STimePicker';
-export { default as STimingDropDownNew } from './src/StaticComponents/STimingDropDownNew';
-export { default as STimingSwitch } from './src/StaticComponents/STimingSwitch';
+export { default as ErrorBoundary } from './src/Common/ErrorBoundary';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jescon-technologies/react-native-ui-kit",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "A React Native module for Jescon Technologies that provides react-native-ui-kit",
   "main": "index.js",
   "types": "index.d.ts",

package/src/Alerts/AAlert.js

@@ -1,137 +0,0 @@
-import React, { useState, memo, useEffect } from 'react';
-import { View, Dimensions, Text, TouchableOpacity, StyleSheet, TextInput, Platform, Image } from 'react-native';
-import { Global } from '../../../../../src/Common/Global';
-import Icons from '../Common/Icons';
-import { ValueCheck } from '../CommonStyle/ComponentFunctions';
-import { normalize } from '../CommonStyle/ComponentFunctions';
-import CModalOverlay from '../CustomComponents/CModalOverlay';
-
-export default function AAlert(props) {
-  const [overlay, setOverlay] = useState(true)
-  const [data] = useState({
-    ...props.data,
-    "bgcolor": getBgColor(props.data.datavalue),
-    "durartion": getDurarion(props.data.datavalue)
-  });
-
-  useEffect(() => {
-    setTimeout(() => {
-      props.close(false)
-      setOverlay(false)
-    }, data.durartion)
-  }, []);
-
-  function getBgColor(key) {
-    switch (key) {
-      case 1: return "#0ca004"
-      case 2: return "#f44e4e"
-      case 3: return "#bfbf18"
-      case 4: return "#d88304"
-      default: return Global.AppTheme.primary_color
-    }
-  }
-
-  function getTransparentColor(key) {
-    switch (key) {
-      case 1: return "rgba(0, 90, 0, 0.2)"
-      case 2: return "rgba(90, 0, 0, 0.2)"
-      case 3: return "rgba(249, 242, 172, 0.2)"
-      case 4: return "rgba(249, 212, 167, 0.2)"
-      default: return "rgba(0, 0, 0, 0.2)"
-    }
-  }
-
-  function getDurarion(key) {
-    switch (key) {
-      case 1: return 2000
-      case 2: return 2000
-      case 3: return 2000
-      case 4: return 2000
-      default: return 2000
-    }
-  }
-
-  function getPopupContainerStyleIOS() {
-    return {
-      ...styles.overlaystyle,
-      backgroundColor: ValueCheck(data.bgcolor) ? data.bgcolor : '#fff',
-      bottom: normalize(100),
-    };
-  }
-
-  return (
-    <CModalOverlay
-      visible={overlay}
-      onClose={() => setOverlay(false)}
-      animationType="fadeInUp"
-      // containerStyle={{ backgroundColor: 'rgba(0, 0, 0, 0.00)' }}
-      animationDuration={500}
-      closeOnTouchOutside={false}
-      containerStyle={{ width: '100%', backgroundColor: getTransparentColor(data.datavalue) }}
-      childrenWrapperStyle={getPopupContainerStyleIOS()}>
-
-      <TouchableOpacity
-        style={{ position: 'absolute', right: normalize(15), zIndex: 1, top: normalize(5) }}
-        onPress={() => setOverlay(false, props.close(false))}>
-        <Icons.AntDesign name={"closecircleo"} size={normalize(15)} color={"#fff"} />
-      </TouchableOpacity>
-      <View style={{ flexDirection: 'row', width: '100%', borderWidth: 0 }}>
-        <View style={{ flexDirection: 'row', alignItems: 'center', borderWidth: 0, justifyContent: 'center' }}>
-          <Image
-            style={{
-              borderWidth: 0,
-              height: normalize(30),
-              width: normalize(30),
-              borderRadius: normalize(50),
-            }}
-            resizeMode={'stretch'}
-            source={require('../../../../../android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png')}
-          />
-          <Icons.Entypo
-            color={"#fff"}
-            name={'info'}
-            size={normalize(15)}
-            style={{
-              borderWidth: 0
-            }}
-          />
-        </View>
-
-
-
-        <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center', flex: 1 }}>
-
-          <Text
-            adjustsFontSizeToFit
-            style={{
-              color: "#fff",
-              fontWeight: 'bold',
-              fontSize: normalize(16),
-              paddingLeft: normalize(7),
-            }}>
-            {ValueCheck(data.displaytext) ? data.displaytext : ''}
-          </Text>
-        </View>
-      </View>
-    </CModalOverlay>
-  );
-
-
-  function getClose() {
-    setOverlay(false)
-    props.close != undefined ? props.close(false) : null
-  }
-}
-
-
-const styles = StyleSheet.create({
-  overlaystyle: {
-    position: 'absolute',
-    width: Dimensions.get('window').width,
-    borderRadius: normalize(30),
-    borderWidth: 2,
-    borderColor: '#e0e0e0',
-  },
-});
-
-

package/src/Alerts/AAlertIOS.js

@@ -1,97 +0,0 @@
-import React, { useState, memo, useEffect } from 'react';
-import { View, Dimensions, Text, TouchableOpacity, StyleSheet, TextInput, Platform, Image } from 'react-native';
-import { Global } from '../../../../../src/Common/Global';
-import Icons from '../Common/Icons'
-import { ValueCheck } from '../CommonStyle/ComponentFunctions';
-import { normalize } from '../CommonStyle/componentStyle';
-
-export default function AAlertIOS(props) {
-    const [overlay, setOverlay] = useState(true)
-    const [data] = useState({
-        ...props.data,
-        "bgcolor": getBgColor(props.data.datavalue),
-        "durartion": getDurarion(props.data.datavalue)
-    });
-
-    useEffect(() => {
-        setTimeout(() => {
-            props.close(false)
-            setOverlay(false)
-        }, data.durartion)
-    }, []);
-
-    function getBgColor(key) {
-        switch (key) {
-            case 1: return "#0ca004"
-            case 2: return "#f44e4e"
-            case 3: return "#bfbf18"
-            case 4: return "#d88304"
-            default: return Global.AppTheme.primary_color
-        }
-    }
-
-    function getDurarion(key) {
-        switch (key) {
-            case 1: return 2500
-            case 2: return 2500
-            case 3: return 2500
-            case 4: return 2500
-            default: return 2500
-        }
-    }
-
-    return (
-        <View style={{ position: 'absolute', bottom: normalize(80), zIndex: 1 }}>
-            <View style={{
-                flexDirection: 'row', backgroundColor: data.bgcolor,
-                width: Dimensions.get('screen').width, paddingHorizontal: normalize(10),
-                paddingVertical: normalize(10), borderRadius: normalize(10),
-                borderWidth: normalize(2), borderColor: '#fff'
-            }}>
-                <Image
-                    style={{
-                        height: normalize(30),
-                        width: normalize(30),
-                        borderRadius: normalize(50),
-                        alignSelf: 'flex-start'
-                    }}
-                    resizeMode={'stretch'}
-                    source={require('../../../../../android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png')}
-                />
-
-                <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center', paddingLeft: normalize(15) }}>
-                    <Icons.Entypo
-                        color={"#fff"}
-                        name={'info'}
-                        size={normalize(15)}
-                    />
-                    <Text
-                        adjustsFontSizeToFit
-                        style={{
-                            color: "#fff",
-                            fontWeight: 'bold',
-                            fontSize: normalize(16),
-                            paddingLeft: normalize(7),
-                            paddingRight: normalize(30),
-                        }}>
-                        {ValueCheck(data.displaytext) ? data.displaytext : ''}
-                    </Text>
-                </View>
-            </View>
-        </View>
-    );
-
-}
-
-
-const styles = StyleSheet.create({
-    overlaystyle: {
-        position: 'absolute',
-        width: Dimensions.get('window').width,
-        borderRadius: normalize(15),
-        borderWidth: 2,
-        borderColor: '#e0e0e0',
-    },
-});
-
-

package/src/Alerts/ABlink.js

@@ -1,40 +0,0 @@
-import React, { Component } from 'react'
-import { Animated, View } from 'react-native'
-
-export default class ABlink extends Component {
-
-    constructor(props) {
-        super(props);
-        this.fadeAnimation = new Animated.Value(0);
-    }
-
-    componentDidMount() {
-        Animated.loop(
-            Animated.sequence([
-                Animated.timing(this.fadeAnimation, {
-                    toValue: 0,
-                    duration: this.props.duration,
-                    useNativeDriver: true,
-                }),
-                Animated.timing(this.fadeAnimation, {
-                    toValue: 1,
-                    duration: this.props.duration,
-                    useNativeDriver: true,
-                })
-            ]),
-            {
-                iterations: this.props.repeat_count
-            }
-        ).start();
-    }
-
-    render() {
-        return (
-            <View style={{ ...this.props.style }}>
-                <Animated.View style={{ opacity: this.fadeAnimation }}>
-                    {this.props.children}
-                </Animated.View>
-            </View>
-        )
-    }
-}

package/src/Common/Icons.js

@@ -1,49 +0,0 @@
-import MaterialCommunityIconsI from 'react-native-vector-icons/MaterialCommunityIcons'
-import SimpleLineIconsI from 'react-native-vector-icons/SimpleLineIcons'
-import MaterialIconsI from 'react-native-vector-icons/MaterialIcons'
-import FontAwesomeI from 'react-native-vector-icons/FontAwesome'
-import FoundationI from 'react-native-vector-icons/Foundation'
-import EvilIconsI from 'react-native-vector-icons/EvilIcons'
-import OcticonsI from 'react-native-vector-icons/Octicons'
-import IoniconsI from 'react-native-vector-icons/Ionicons'
-import FeatherI from 'react-native-vector-icons/Feather'
-import EntypoI from 'react-native-vector-icons/Entypo'
-import ZocialI from 'react-native-vector-icons/Zocial'
-import FontAwesomeFive from 'react-native-vector-icons/FontAwesome5';
-import AntDesignI from 'react-native-vector-icons/AntDesign';
-import React from 'react'
-
-export const MaterialCommunityIcons = props => (
-    <MaterialCommunityIconsI {...props} />
-)
-const SimpleLineIcons = props => <SimpleLineIconsI {...props} />
-const MaterialIcons = props => <MaterialIconsI {...props} />
-const FontAwesome = props => <FontAwesomeI {...props} />
-const Foundation = props => <FoundationI {...props} />
-const EvilIcons = props => <EvilIconsI {...props} />
-const Ionicons = props => <IoniconsI {...props} />
-const Octicons = props => <OcticonsI {...props} />
-const Feather = props => <FeatherI {...props} />
-const Entypo = props => <EntypoI {...props} />
-const Zocial = props => <ZocialI {...props} />
-const FontAwesome5 = props => <FontAwesomeFive {...props} />
-const AntDesign = props => <AntDesignI {...props} />
-
-
-
-export default {
-    MaterialCommunityIcons,
-    SimpleLineIcons,
-    SimpleLineIcons,
-    MaterialIcons,
-    FontAwesome,
-    Foundation,
-    EvilIcons,
-    Ionicons,
-    Octicons,
-    Feather,
-    Entypo,
-    Zocial,
-    FontAwesome5,
-    AntDesign
-}