@jescon-technologies/react-native-ui-kit 0.0.14 → 0.0.16

package/index.d.ts

@@ -4,15 +4,19 @@ export { default as AAlert } from './src/Alerts/AAlert';
 export { default as ABlink } from './src/Alerts/ABlink';
 export { default as HIcons } from './src/Hoc/HIcons';
 export { default as HView } from './src/Hoc/HView';
+export { default as HProvider } from './src/Hoc/HProvider';
+export { default as HShadowButton } from './src/Hoc/HShadowButton';
 export { default as Navigation } from './src/Navigation/PageNavigation';
-
+export { default as SSearchBar } from './src/StaticComponents/SSearchBar';
+export { default as SDateTimePicker } from './src/StaticComponents/SDateTimePicker';
+export { default as CFooterView } from './src/CustomComponents/CFooterView';
+export { default as CDetailView } from './src/CustomComponents/CDetailView';
+export { default as CContainerView } from './src/CustomComponents/CContainerView';
+export { default as HeaderBlock } from './src/CustomComponents/HeaderBlock';
+export { default as HDashboard } from './src/Hoc/HDashboard';
 export { default as NetworkServiceCall } from './src/Common/NetworkServiceCall';
+export { default as useNotifications } from './src/Handlers/NotificationsContext';
 export * from './src/Navigation/useNavigation';
 export { default as CBackHandler } from './src/CustomComponents/CBackHandler';
 export * from './src/CommonStyle/ComponentFunctions';
 export * from './src/CommonStyle/commonStyle';
-export { default as Loader } from './src/Custom/Loader';
-export { default as LoginLayout } from './src/Layout/LoginLayout';
-export { default as Splash } from './src/Screens/Splash';
-export { default as Login } from './src/Screens/Login';
-export { default as ForgotPassword } from './src/Screens/ForgotPassword';

package/index.js

@@ -4,15 +4,19 @@ export { default as AAlert } from './src/Alerts/AAlert';
 export { default as ABlink } from './src/Alerts/ABlink';
 export { default as HIcons } from './src/Hoc/HIcons';
 export { default as HView } from './src/Hoc/HView';
+export { default as HProvider } from './src/Hoc/HProvider';
+export { default as HShadowButton } from './src/Hoc/HShadowButton';
 export { default as Navigation } from './src/Navigation/PageNavigation';
-
+export { default as SSearchBar } from './src/StaticComponents/SSearchBar';
+export { default as SDateTimePicker } from './src/StaticComponents/SDateTimePicker';
+export { default as CFooterView } from './src/CustomComponents/CFooterView';
+export { default as CDetailView } from './src/CustomComponents/CDetailView';
+export { default as CContainerView } from './src/CustomComponents/CContainerView';
+export { default as HeaderBlock } from './src/CustomComponents/HeaderBlock';
+export { default as HDashboard } from './src/Hoc/HDashboard';
 export { default as NetworkServiceCall } from './src/Common/NetworkServiceCall';
+export { default as useNotifications } from './src/Handlers/NotificationsContext';
 export * from './src/Navigation/useNavigation';
 export { default as CBackHandler } from './src/CustomComponents/CBackHandler';
 export * from './src/CommonStyle/ComponentFunctions';
 export * from './src/CommonStyle/commonStyle';
-export { default as Loader } from './src/Custom/Loader';
-export { default as LoginLayout } from './src/Layout/LoginLayout';
-export { default as Splash } from './src/Screens/Splash';
-export { default as Login } from './src/Screens/Login';
-export { default as ForgotPassword } from './src/Screens/ForgotPassword';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jescon-technologies/react-native-ui-kit",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "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.tsx

@@ -9,6 +9,7 @@ import {
 } from 'react-native';
 
 import { Global } from '../../../../../src/Common/Global';
+;
 import HIcons from '../Hoc/HIcons';
 import { ValueCheck } from '../CommonStyle/ComponentFunctions';
 import { normalize } from '../CommonStyle/componentStyle';

package/src/Alerts/AAlertIOS.tsx

@@ -8,6 +8,7 @@ import {
 } from 'react-native';
 
 import { Global } from '../../../../../src/Common/Global';
+;
 import HIcons from '../Hoc/HIcons';
 import { ValueCheck } from '../CommonStyle/ComponentFunctions';
 import { normalize } from '../CommonStyle/componentStyle';

package/src/Common/NetworkServiceCall.ts

@@ -1,6 +1,7 @@
 import axios, { Method, AxiosResponse, AxiosError } from 'axios';
 import { isConnected, notifyMessage, ValueCheck } from '../CommonStyle/ComponentFunctions';
 import { Global } from '../../../../../src/Common/Global';
+;
 import { Platform } from 'react-native';
 
 // Type definitions

package/src/CommonStyle/ComponentFunctions.tsx

@@ -17,7 +17,7 @@ import {
 } from 'react-native';
 import NetInfo from '@react-native-community/netinfo';
 import { Global } from '../../../../../src/Common/Global';
-import { APIURL } from '../../../../../src/Common/apiConstants';
+;
 import React from 'react';
 
 const {
@@ -99,27 +99,6 @@ export function CShadowDynamic(
         };
 }
 
-// Loader Components
-export function LoaderIndicator(i?: any): React.JSX.Element {
-    return (
-        <View style={{
-            backgroundColor: '#ffffff',
-            padding: normalize(10),
-            paddingHorizontal: normalize(20),
-            borderRadius: 10,
-            alignItems: 'center',
-        }}>
-            <Image
-                style={{
-                    width: normalize(35),
-                    height: normalize(35),
-                }}
-                source={{ uri: `${APIURL}file/getCommonFile/image/heartpulse.gif` }}
-                resizeMode={Image.resizeMode.contain}
-            />
-        </View>
-    );
-}
 
 export function Loader(): React.JSX.Element {
     return (

package/src/Custom/CSliderMenu.tsx

@@ -0,0 +1,10 @@
+import { View, Text } from 'react-native'
+import React from 'react'
+
+export default function CSliderMenu() {
+  return (
+    <View>
+      <Text>CSliderMenu</Text>
+    </View>
+  )
+}

package/src/Custom/OUserView.tsx

@@ -0,0 +1,355 @@
+import React from 'react';
+import {
+  Dimensions,
+  Image,
+  KeyboardAvoidingView,
+  ScrollView,
+  Platform,
+  TouchableOpacity,
+  View,
+  Text,
+  TextInput,
+  TouchableWithoutFeedback,
+} from 'react-native';
+import { Global } from '../../../../../src/Common/Global';
+;
+import { normalize } from '../CommonStyle/componentStyle';
+import { isPermitted, notifyMessage, ValueCheck } from '../CommonStyle/ComponentFunctions';
+import Barcode from '@kichiyaki/react-native-barcode-generator';
+import { useNavigation } from '../Navigation/useNavigation';
+import HIcons from '../HOC/HIcons';
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+export interface OUserViewProps {
+  /** Called with `false` to close the parent overlay / modal. */
+  visibility?: (val: boolean) => void;
+  /**
+   * Base URL prepended to `Global.userData.signatureurl`.
+   * NOTE: this should really be imported from `apiConstants` instead of being
+   * passed as a prop — if the caller forgets, `undefined/...` becomes the URI.
+   */
+  APIURL?: string;
+  [key: string]: unknown;
+}
+
+// Extend the shared `GlobalUserData` with fields used here.
+interface OUserViewUserData extends Global {
+  registrationno?: string;
+  designation?: string;
+  hrenemp?: string | number;
+  qualification?: string;
+  experience?: string | number;
+  mobileno?: string | number;
+  photo?: string;
+  signatureurl?: string;
+  wardname?: string;
+  wardcode?: string | number;
+}
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+const OUserView: React.FC<OUserViewProps> = (props) => {
+  const navigation = useNavigation();
+  const userData = Global.userData as OUserViewUserData | null | undefined;
+
+  function fnSignatureEdit(): void {
+    if (isPermitted()) {
+      try {
+        props.visibility?.(false);
+        navigation.navigate('CSignatureScreen');
+      } catch (error) {
+        notifyMessage('cancelled');
+      }
+    } else {
+      notifyMessage('Storage Permission required.');
+    }
+  }
+
+  return (
+    <KeyboardAvoidingView
+      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+      style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}
+    >
+      <View style={{ flex: 1, width: Dimensions.get('screen').width - normalize(10) }}>
+        <Text
+          style={{
+            fontSize: normalize(12),
+            fontWeight: 'bold',
+            alignSelf: 'center',
+            marginTop: normalize(-15),
+          }}
+        >
+          User Details
+        </Text>
+        <TouchableWithoutFeedback>
+          <ScrollView style={{ marginBottom: normalize(45) }}>
+            <View style={{ borderWidth: 0 }}>
+              {/* Header card */}
+              <View
+                style={{
+                  backgroundColor: '#2A81FF',
+                  borderTopLeftRadius: 20,
+                  // ⚠️ `borderTopEndRadius` is NOT a valid RN style key
+                  // (standard is `borderTopRightRadius`). Silently ignored at
+                  // runtime — top-right corner stays square. Preserved to
+                  // match existing visual output.
+                  height: normalize(55),
+                  borderLeftWidth: 3,
+                  borderColor: Global.AppTheme.primary_color,
+                }}
+              >
+                <View
+                  style={{
+                    paddingHorizontal: 10,
+                    paddingVertical: 5,
+                    flexDirection: 'row',
+                    justifyContent: 'space-between',
+                  }}
+                >
+                  <View>
+                    <TextInput
+                      editable={false}
+                      style={{
+                        fontSize: normalize(14),
+                        fontWeight: 'bold',
+                        color: '#fff',
+                        padding: 0,
+                      }}
+                      value={userData?.registrationno ?? ''}
+                    />
+                    <TextInput
+                      editable={false}
+                      style={{
+                        fontSize: normalize(10),
+                        fontWeight: 'bold',
+                        color: '#fff',
+                        padding: 0,
+                      }}
+                      value={userData?.department ?? ''}
+                    />
+                    <TextInput
+                      editable={false}
+                      style={{
+                        fontSize: normalize(10),
+                        fontWeight: 'bold',
+                        color: '#fff',
+                        padding: 0,
+                      }}
+                      value={userData?.designation ?? ''}
+                    />
+                  </View>
+                  <View>
+                    {Platform.OS !== 'web' && (
+                      <Barcode
+                        lineColor={Global.AppTheme.primary_color}
+                        // ⚠️ 'CODE128B' is not in the library's `format` union.
+                        // Cast is intentional — verify at runtime.
+                        format={'CODE128B' as unknown as 'CODE128'}
+                        value={
+                          ValueCheck(userData)
+                            ? String(userData?.hrenemp ?? '')
+                            : ''
+                        }
+                        maxWidth={normalize(145)}
+                        height={normalize(45)}
+                      />
+                    )}
+                  </View>
+                </View>
+              </View>
+
+              {/* Body card */}
+              <View
+                style={{
+                  flexDirection: 'row',
+                  borderLeftWidth: 3,
+                  borderColor: Global.AppTheme.primary_color,
+                  borderBottomWidth: 3,
+                  borderBottomEndRadius: 20,
+                  borderBottomLeftRadius: 20,
+                  justifyContent: 'flex-start',
+                  alignItems: 'flex-start',
+                  backgroundColor: '#d4e4f9',
+                  width: '100%',
+                }}
+              >
+                {/* Left column — edit photo hint */}
+                <View
+                  style={{
+                    borderWidth: 0,
+                    width: '25%',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    paddingTop: normalize(5),
+                  }}
+                >
+                  <View
+                    style={{
+                      borderRadius: 5,
+                      borderWidth: 0,
+                      width: '100%',
+                      borderColor: 'lightgrey',
+                      flexDirection: 'row',
+                      alignItems: 'center',
+                    }}
+                  >
+                    <HIcons.Entypo
+                      icongroup={5}
+                      name={'info-with-circle'}
+                      size={normalize(8)}
+                      color={'grey'}
+                      style={{ textAlign: 'center', paddingHorizontal: normalize(5) }}
+                    />
+                    <Text
+                      adjustsFontSizeToFit
+                      style={{
+                        width: '90%',
+                        color: 'grey',
+                        fontStyle: 'italic',
+                        fontSize: normalize(8),
+                        textAlign: 'left',
+                      }}
+                    >
+                      {'Edit profile Photo.'}
+                    </Text>
+                  </View>
+                </View>
+
+                {/* Right column — user fields */}
+                <View
+                  style={{
+                    paddingLeft: normalize(5),
+                    paddingTop: normalize(5),
+                    borderWidth: 0,
+                    width: '75%',
+                  }}
+                >
+                  <TextInput
+                    editable={false}
+                    style={{
+                      fontSize: normalize(18),
+                      fontWeight: 'bold',
+                      color: 'black',
+                      padding: 0,
+                    }}
+                    value={userData?.username ?? ''}
+                  />
+                  <TextInput
+                    editable={false}
+                    style={{
+                      fontSize: normalize(12),
+                      fontWeight: 'bold',
+                      color: 'black',
+                      paddingTop: 2,
+                      padding: 0,
+                    }}
+                    value={userData?.qualification ?? ''}
+                  />
+                  <TextInput
+                    editable={false}
+                    style={{
+                      fontSize: normalize(12),
+                      fontWeight: 'bold',
+                      color: 'black',
+                      paddingTop: 2,
+                      padding: 0,
+                    }}
+                    value={
+                      userData?.experience != null ? String(userData.experience) : ''
+                    }
+                  />
+                  <TextInput
+                    editable={false}
+                    style={{
+                      fontSize: normalize(12),
+                      fontWeight: 'bold',
+                      color: 'black',
+                      paddingTop: 2,
+                      padding: 0,
+                    }}
+                    value={userData?.mobileno != null ? String(userData.mobileno) : ''}
+                  />
+                  <TouchableOpacity
+                    disabled={false}
+                    onPress={fnSignatureEdit}
+                    style={{
+                      borderWidth: 1,
+                      backgroundColor: 'white',
+                      borderRadius: 10,
+                      borderColor: 'lightgrey',
+                      elevation: 2,
+                      width: normalize(150),
+                      height: normalize(50),
+                    }}
+                  >
+                    <Image
+                      style={{
+                        width: normalize(150),
+                        height: normalize(50),
+                        borderRadius: 10,
+                        resizeMode: 'stretch',
+                      }}
+                      source={{
+                        uri: `${props.APIURL ?? ''}${userData?.signatureurl ?? ''}`,
+                      }}
+                    />
+                    <Text
+                      style={{
+                        position: 'absolute',
+                        fontSize: normalize(15),
+                        width: '100%',
+                        textAlign: 'center',
+                        bottom: normalize(15),
+                        color: '#ebebebff',
+                      }}
+                    >
+                      S I G N A T U R E
+                    </Text>
+                  </TouchableOpacity>
+                  <View
+                    style={{
+                      marginTop: normalize(3),
+                      borderRadius: 5,
+                      borderWidth: 0,
+                      width: '100%',
+                      borderColor: 'lightgrey',
+                      flexDirection: 'row',
+                      alignItems: 'center',
+                    }}
+                  >
+                    <HIcons.Entypo
+                      icongroup={5}
+                      name={'info-with-circle'}
+                      size={normalize(8)}
+                      color={'grey'}
+                      style={{ textAlign: 'center', paddingHorizontal: normalize(5) }}
+                    />
+                    <Text
+                      adjustsFontSizeToFit
+                      style={{
+                        width: '90%',
+                        color: 'grey',
+                        fontStyle: 'italic',
+                        fontSize: normalize(8),
+                        textAlign: 'left',
+                      }}
+                    >
+                      {'Tap to edit signature.'}
+                    </Text>
+                  </View>
+                </View>
+              </View>
+            </View>
+          </ScrollView>
+        </TouchableWithoutFeedback>
+      </View>
+    </KeyboardAvoidingView>
+  );
+};
+
+export default OUserView;

package/src/CustomComponents/CBackHandler.tsx

@@ -11,6 +11,7 @@ import {
   ViewStyle,
 } from 'react-native';
 import { Global } from '../../../../../src/Common/Global';
+;
 import { normalize } from '../CommonStyle/componentStyle';
 import Svg, { Rect, Defs, LinearGradient, Stop } from 'react-native-svg';
 import HIcons from '../Hoc/HIcons';

package/src/CustomComponents/CContainerView.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+import { Platform, StyleSheet, View, ViewStyle } from 'react-native';
+import { Global } from '../../../../../src/Common/Global';
+;
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+export interface CContainerViewProps {
+  children?: React.ReactNode;
+}
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+/**
+ * `100vh` is only valid on web (RN-web). On native, `height` must be a number
+ * or percentage — so we only apply it when running on web.
+ */
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'column',
+    backgroundColor: Global.AppTheme.primary_color,
+    ...(Platform.OS === 'web' ? { height: '100vh' as unknown as ViewStyle['height'] } : {}),
+  },
+});
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+const CContainerView: React.FC<CContainerViewProps> = ({ children }) => {
+  return <View style={styles.container}>{children}</View>;
+};
+
+export default CContainerView;