@jescon-technologies/react-native-ui-kit 0.0.3 → 0.0.5

package/src/Components/ByProductPage.js

@@ -0,0 +1,200 @@
+import { View, Text, ScrollView, Dimensions } from 'react-native';
+import React, { useContext, useEffect, useState } from 'react';
+import { NetworkServiceCall } from '@jescon-technologies/react-native-ui-kit';
+import { notifyMessage } from '../CommonStyle/ComponentFunctions';
+import { normalize } from '../CommonStyle/componentStyle';
+import Loader from '../Custom/Loader';
+import CTextHeader from '../Custom/TableComponent/CTextHeader';
+import ContextBio from '../ContextAPI/ContextBio';
+import { APIURL } from '../../../../../src/Common/apiConstants';
+
+const ByProductPage = props => {
+  const { argument } = props;
+  const [isLoading, setIsLoading] = useState(false);
+  // const [data, setData] = useState(null);
+  const { invoiceData, setInvoiceData } = useContext(ContextBio);
+
+  const data = invoiceData?.workOrder[argument.workOrderIndex]?.details[argument.detailIndex]?.workorderbyproduct;
+
+  // useEffect for API call
+  // useEffect(() => {
+  //   getData();
+  // }, []);
+
+  // Function for fetch data from API
+  function getData() {
+    setIsLoading(true);
+    let buttonapi = `${APIURL}invget/invcommonget/rninsuworkorderbyproduct ${argument.argument}`;
+    console.log('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>', buttonapi);
+    NetworkServiceCall('get', buttonapi).then(function (response) {
+      if (response.httpstatus == 200) {
+        // setData(response.data.data);
+        setInvoiceData(prevData => {
+          const updatedWorkOrder = prevData.workOrder.map((item, index) => {
+            if (index === argument.workOrderIndex) {
+              const updatedDetails = item.details.map((detail, detailIndex) => {
+                if (detailIndex === argument.detailIndex) {
+                  return {...detail, byProduct: response.data.data};
+                }
+                return detail;
+              });
+
+              return {...item, details: updatedDetails};
+            }
+            return item;
+          });
+
+          return {
+            ...prevData,
+            workOrder: updatedWorkOrder,
+            EditStatus: true,
+          };
+        });
+        setIsLoading(false);
+        console.log(
+          'RESPONSEEEEEEEEEEE FROM CONSULTATTION22222222',
+          JSON.stringify(response.data.data),
+        );
+      } else {
+        notifyMessage('Data Not Found.....');
+        setIsLoading(false);
+      }
+    });
+    // getLoading(v => setIsLoading(false));
+  }
+
+  return (
+    <View style={{ width: Dimensions.get('screen').width * 0.95 }}>
+      {/* Container for the page title */}
+      <View
+        style={{
+          borderWidth: 0,
+          justifyContent: 'center',
+          alignItems: 'center',
+          marginTop: normalize(5),
+          marginVertical: normalize(5),
+          alignSelf: 'center',
+        }}>
+        <Text
+          style={{
+            fontSize: normalize(14),
+            fontWeight: 'bold',
+            color: '#094485',
+          }}>
+          By-product
+        </Text>
+      </View>
+      {isLoading ? (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+          <Loader />
+        </View>
+      ) : (<ScrollView horizontal={true} style={{ marginVertical: normalize(3) }}>
+        <View>
+          {
+            // Table header section
+            data != undefined && data != null ?
+              < View style={{ flexDirection: 'row' }}>
+                <CTextHeader
+                  text={'Product'}
+                  fontSize={10}
+                  widthArr={Dimensions.get('screen').width * 0.35}
+                  bgColor={'rgba(184, 184, 191,0.3)'} color={'#094485'} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={0}
+                />
+                <CTextHeader
+                  text={'Quantity'}
+                  fontSize={10}
+                  widthArr={Dimensions.get('screen').width * 0.25}
+                  bgColor={'rgba(184, 184, 191,0.3)'} color={'#094485'} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={0}
+                />
+                <CTextHeader
+                  text={'Unit'}
+                  fontSize={10}
+                  widthArr={Dimensions.get('screen').width * 0.25}
+                  bgColor={'rgba(184, 184, 191,0.3)'} color={'#094485'} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={0}
+                />
+
+              </View>
+              : null
+          }
+          {data != undefined && data != null ? (
+            data.map((item, i) => (
+              <View
+                key={i}
+                style={{
+                  flexDirection: 'row',
+                }}
+              >
+                {/* Product */}
+                <View style={{
+                  borderWidth: 1,
+                  borderColor: 'lightgrey',
+                  elevation: 0,
+                  borderRadius: 5,
+                  width: Dimensions.get('screen').width * 0.355,
+                  paddingTop: 5,
+                  paddingBottom: 5,
+                  height: Dimensions.get('screen').height * 0.056,
+                  alignItems: 'flex-start',
+                  justifyContent: 'center',
+                  paddingHorizontal: normalize(10),
+                }}>
+                  <Text style={{
+                    fontWeight: 'bold',
+                    color: 'black',
+                    fontSize: normalize(10),
+                  }}
+                  >{item.productname}</Text>
+                </View>
+                {/* Quantity */}
+                <View style={{
+                  borderWidth: 1,
+                  borderColor: 'lightgrey',
+                  elevation: 0,
+                  borderRadius: 5,
+                  width: Dimensions.get('screen').width * 0.255,
+                  paddingTop: 5,
+                  paddingBottom: 5,
+                  height: Dimensions.get('screen').height * 0.056,
+                  alignItems: 'flex-start',
+                  justifyContent: 'center',
+                  paddingHorizontal: normalize(10),
+                }}>
+                  <Text style={{
+                    fontWeight: 'bold',
+                    color: 'black',
+                    fontSize: normalize(10),
+                  }}
+                  >{item.quantity}</Text>
+                </View>
+                {/* Unit */}
+                <View style={{
+                  borderWidth: 1,
+                  borderColor: 'lightgrey',
+                  elevation: 0,
+                  borderRadius: 5,
+                  width: Dimensions.get('screen').width * 0.25,
+                  paddingTop: 5,
+                  paddingBottom: 5,
+                  height: Dimensions.get('screen').height * 0.056,
+                  alignItems: 'flex-start',
+                  justifyContent: 'center',
+                  paddingHorizontal: normalize(10),
+                }}>
+                  <Text style={{
+                    fontWeight: 'bold',
+                    color: 'black',
+                    fontSize: normalize(10),
+                  }}
+                  >{item.unitname}</Text>
+                </View>
+              </View>
+            ))
+          ) : null}
+        </View>
+      </ScrollView>)
+      }
+    </View>
+  );
+};
+
+export default ByProductPage;

package/src/Components/CDropDownListNew.js

@@ -0,0 +1,153 @@
+import React, { useState, useEffect } from 'react';
+import { View, Text, FlatList } from 'react-native';
+import { notifyMessage, Loader, isBNUL, isNU } from '../CommonStyle/ComponentFunctions';
+import { NetworkServiceCall } from '@jescon-technologies/react-native-ui-kit';
+import HOCIcons from '../HOC/HOCIcons';
+import {
+    MenuOption,
+} from 'react-native-popup-menu';
+import { normalize } from '../CommonStyle/componentStyle';
+
+export default function CDropDownListNew(props) {
+
+    useEffect(() => {
+        FetchDropdownList();
+    }, []);
+
+    const [loading, setLoading] = useState(false);
+    const [displayData, setDisplayData] = useState([]);
+    const [refresh, setRefresh] = useState(0);
+    const [searchData, setSearchData] = useState('');
+
+    function FetchDropdownList() {
+        setDisplayData([]);
+        setLoading(true);
+        props.dropdownapi && props.dropdownapi != null && props.dropdownapi != undefined ?
+            (console.log('CDropDownListNew props.dropdownapi', props.dropdownapi),
+                NetworkServiceCall('get', props.dropdownapi, '').then(
+                    function (response) {
+                        // console.log('CDropDownListNew response', JSON.stringify(response))
+                        if (
+                            response.httpstatus &&
+                            response.httpstatus != null &&
+                            response.httpstatus != undefined &&
+                            response.httpstatus == 200
+                        ) {
+                            setDisplayData(response.data.data);
+                            setLoading(false);
+                        } else {
+                            notifyMessage('Data Not Found');
+                            setLoading(false);
+                        }
+                    },
+                ))
+            : props.dropdownarray && props.dropdownarray != null && props.dropdownarray != undefined ?
+                (setDisplayData(props.dropdownarray), // Changed props.dropdownarray.data.data to props.dropdownarray
+                    setLoading(false))
+                :
+                setLoading(false);
+    }
+
+    function renderItem(data) {
+
+        return (
+            <MenuOption
+                onSelect={() => {
+                    data.item.selected = true,
+                        setRefresh(refresh + 1),
+                        props.callback(data.item);
+                }}
+                disabled={false}
+                style={{
+                    paddingVertical: normalize(5),
+                    borderWidth: 0.5,
+                    borderColor: 'lightgrey',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                }}
+            >
+                {data.item.hideicon ?
+                    null
+                    :
+                    <HOCIcons.Icons
+                        icongroup={isNU(data.item.icongroup) ? data.item.icongroup : 3}
+                        name={data.item.icon ? data.item.icon : data.item.selected ? 'radiobox-marked' : 'circle-double'}//radiobox-marked
+                        color={'black'}
+                        size={normalize(10)}
+                        style={{
+                            marginRight: normalize(4),
+                            borderWidth: 0,
+                            textAlign: 'center',
+                        }}
+                    />
+                }
+                {data.item.badgenumber != null && data.item.badgenumber != undefined ?
+                    <View style={{ borderWidth: 0, borderRadius: 100, height: normalize(14), width: normalize(14), position: 'absolute', backgroundColor: '#912c2c', right: 0, top: 0, justifyContent: 'center', alignItems: 'center' }}>
+                        <Text style={{ fontSize: normalize(10), textAlign: 'center', color: 'white' }}>{data.item.badgenumber}</Text>
+                    </View>
+                    : null}
+
+                <Text
+                    style={{
+                        borderWidth: 0,
+                        fontWeight: data.item.selected ? 'bold' : 'normal',
+                        fontSize: props?.fontSize != undefined ? normalize(props?.fontSize) : normalize(12),
+                        color: 'black',
+                    }}
+                >
+                    {data.item.columnname != null && data.item.columnname != undefined ? data.item.columnname.toUpperCase() : null}
+                </Text>
+            </MenuOption>
+        );
+    }
+
+    function GetDropdown(data) {
+        const newDropDownData = data != undefined
+            ? data.filter(function (item) {
+                const dataItem = item.columnname
+                    ? item.columnname.toUpperCase()
+                    : ''.toUpperCase();
+                const textData = searchData.toUpperCase();
+                return dataItem.indexOf(textData) > -1;
+            })
+            : null;
+
+        return (
+            <FlatList
+                keyboardShouldPersistTaps={'handled'}
+                data={newDropDownData}
+                renderItem={renderItem}
+                ListFooterComponent={() => {
+                    return (
+                        <>
+                            {isNU(props.info) ?
+                                <View style={{ marginTop: normalize(3), borderRadius: 5, borderWidth: 0, width: '100%', borderColor: 'lightgrey', flexDirection: 'row', alignItems: 'center', backgroundColor: 'white' }}>
+                                    <HOCIcons.Entypo
+                                        icongroup={5}
+                                        name={'info-with-circle'}
+                                        size={normalize(12)}
+                                        color={'grey'}
+                                        style={{ textAlign: 'center', padding: normalize(3), paddingLeft: normalize(8) }}
+                                    />
+                                    <Text adjustsFontSizeToFit style={{ width: '90%', color: 'grey', fontStyle: 'italic', fontSize: normalize(11), textAlign: 'left' }}>
+                                        {' '}{isNU(props.info) ? props.info : null}
+                                    </Text>
+                                </View>
+                                : null}
+                        </>
+                    );
+                }}
+                // estimatedItemSize={normalize(25)}
+            />
+        );
+    }
+
+    return (
+        <View style={{ borderWidth: 0.5, borderRadius: 5, borderColor: 'lightgrey', backgroundColor: 'white' }}>
+            {loading ? <Loader /> : null}
+            {isBNUL(displayData) ?
+                GetDropdown(displayData)
+                : null}
+        </View>
+    );
+}

package/src/Components/CSupplierList.js

@@ -0,0 +1,88 @@
+import { View, Text, ScrollView } from 'react-native';
+import React, { useEffect, useState } from 'react';
+import CContainerView from '../CustomComponents/CContainerView';
+import CDetailView from '../CustomComponents/CDetailView';
+import HeaderBlock from '../Screens/HeaderBlock';
+import { NetworkServiceCall } from '@jescon-technologies/react-native-ui-kit';
+import { isNUQ, Loader, notifyMessage } from '../CommonStyle/ComponentFunctions';
+import { APIURL } from '../../../../../src/Common/apiConstants';
+import HHeading from '../HOC/HHeading';
+import { Global } from '../../../../../src/Common/Global';
+import { normalize } from '../CommonStyle/componentStyle';
+import NonSwipableSupplierCard from './NonSwipableSupplierCard';
+import NonSwipableProductCard from './NonSwipableProductCard';
+
+const CSupplierList = ({ route }) => {
+    const [data, setData] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const productCode = route.params.productCode;
+    const supplierCode = route.params.supplierCode;
+
+    useEffect(() => {
+        getData();
+    }, []);
+
+    function getData() {
+        setIsLoading(true);
+        let buttonapi = isNUQ(productCode) ? `${APIURL}invget/invcommonget/rninsuproductsupplier ${productCode}` : `${APIURL}invget/invcommonget/rninsusupplierproduct ${supplierCode}`;
+        console.log('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>', buttonapi);
+
+        NetworkServiceCall('get', buttonapi).then(function (response) {
+            if (response.httpstatus == 200) {
+                setData(response?.data?.data || []);
+                setIsLoading(false);
+                console.log(
+                    'dataaaaaaaaaaaaaaaaaaaaaa',
+                    JSON.stringify(response?.data?.data),
+                );
+            } else {
+                notifyMessage('Data Not Found...');
+                setIsLoading(false);
+            }
+        });
+        // getLoading(v => setIsLoading(false));
+    }
+
+    return (
+        <CContainerView>
+            <HeaderBlock />
+            <CDetailView>
+                {
+                    isLoading ?
+                        <View
+                            style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+                            <Loader />
+                        </View> : <View>
+                            <ScrollView>
+                                {/* Container for the page title */}
+                                <View style={{ marginBottom: normalize(5) }}>
+                                    <HHeading
+                                        styles={{
+                                            iconname: 'file-invoice',
+                                            bgcolor: '#f2efef',
+                                            iconsize: 14,
+                                            iconcolor: Global.AppTheme.primary_color,
+                                            displaytext: isNUQ(data[0]?.productname) && data[0]?.productname,
+                                            textsize: 13,
+                                            textcolor: Global.AppTheme.primary_color,
+                                        }}
+                                        callBack={val =>
+                                            val == undefined ? null : console.log(val)
+                                        } />
+                                </View>
+                                {data != undefined
+                                    ? data?.map((supplier, i) => (
+                                        <View key={i}>
+                                           {isNUQ(productCode) ? <NonSwipableSupplierCard supplierDetails={supplier} type={'S'} /> : <NonSwipableProductCard data={supplier}/>}
+                                        </View>
+                                    ))
+                                    : null}
+                            </ScrollView>
+                        </View>
+                }
+            </CDetailView>
+        </CContainerView>
+    );
+};
+
+export default CSupplierList;