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

package/src/Json/Footer.json

@@ -0,0 +1,79 @@
+{
+   "componentFooter": [
+      {
+         "itemid": 1,
+         "iconname": "save",
+         "heading": "Save",
+         "functionname": "save",
+         "componentname": "CODropdownAPI",
+         "name": "Save"
+      },
+      {
+         "itemid": 2,
+         "iconname": "check-square-o",
+         "heading": "Verify",
+         "functionname": "screen",
+         "componentname": "Verification",
+         "name": "Verify"
+      },
+      {
+         "itemid": 3,
+         "iconname": "eyedropper",
+         "heading": "Lab Results",
+         "functionname": "labresults",
+         "componentname": "CLabChart",
+         "name": "Lab Results"
+      },
+      {
+         "itemid": 4,
+         "iconname": "file-text-o",
+         "heading": "Add Nature",
+         "functionname": "overlay",
+         "componentname": "AddScreenOverlay",
+         "buttonapi": "emr/emrcommonget/exec rndddaaddclassificationnature",
+         "name": "Add Nature"
+      },
+      {
+         "itemid": 7,
+         "iconname": "th-list",
+         "heading": "More",
+         "functionname": "exit",
+         "componentname": "CODropdownAPI",
+         "name": "More",
+         "morebuttons": [
+            {
+               "itemid": 51,
+               "iconname": "list-ul",
+               "heading": "MicroTemplate",
+               "buttonapi": "emr/emrcommonget/exec rndddatemplate",
+               "functionname": "overlay",
+               "componentname": "AddScreenOverlay"
+            },
+            {
+               "itemid": 53,
+               "iconname": "list-alt",
+               "heading": "Template",
+               "buttonapi": "emr/emrcommonget/exec rndddatemplate",
+               "functionname": "overlay",
+               "componentname": "AddScreenOverlay"
+            },
+            {
+               "itemid": 1,
+               "iconname": "star-o",
+               "heading": "SaveAs Template",
+               "buttonapi": "",
+               "functionname": "screen",
+               "componentname": "SaveAsTemplate"
+            },
+            {
+               "itemid": 5,
+               "iconname": "folder",
+               "heading": "Files",
+               "buttonapi": "",
+               "functionname": "context",
+               "componentname": "FileExplorer"
+            }
+         ]
+      }
+   ]
+}

package/src/Media/AudioScreen.js

@@ -12,7 +12,7 @@ import {
   ActivityIndicator,
   PermissionsAndroid,
 } from 'react-native';
-import {audioURL, APIURL} from '../Common/apiConstants';
+import {audioURL, APIURL} from '../../../../../src/Common/apiConstants';
 import Fontisto from 'react-native-vector-icons/Fontisto';
 import AntDesign from 'react-native-vector-icons/AntDesign';
 import CAudioPlay from '../Media/CAudioPlay';
@@ -22,14 +22,10 @@ import { useNavigation } from '../Navigation/useNavigation';
 import ReactNativeBlobUtil from 'react-native-blob-util';
 import Sound from 'react-native-sound';
 import SSpeedDial from '../StaticComponents/SSpeedDial';
-import {Global} from '../Common/Global';
-import EmrResponseComponentContext from '../Handlers/emrResponseComponentContext';
+import {Global} from '../../../../../src/Common/Global';
 
 function AudioScreen(props) {
   const navigation = useNavigation();
-  const {responseJSON, setResponseJSON} = useContext(
-    EmrResponseComponentContext,
-  );
   const [data, setData] = useState(
     props?.data?.savedaudio ? props.data.savedaudio : null,
     //props.route.params.gallery.savedaudio
@@ -238,7 +234,6 @@ function AudioScreen(props) {
                   ? prevData => [...prevData, dataset2.filename]
                   : [dataset2.filename],
               );
-              responseJSON.consultationEdit.editStatus = true;
               setrefreshCount(refreshCount + 1);
               props.editStatus(1);
               props.data.usertype =

package/src/Media/CCaptureImageWithoutEdit.js

@@ -6,7 +6,7 @@ import HeaderBlock from '../Screens/HeaderBlock';
 import { useNavigation } from '../Navigation/useNavigation';
 import { Camera, getCameraDevice, useCameraDevices, useCameraFormat, useCodeScanner } from 'react-native-vision-camera';
 import CFooterView from '../CustomComponents/CFooterView';
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
 import HOCIcons from '../HOC/HOCIcons';
 import PhotoEditor from 'react-native-photo-editor';
 

package/src/Media/CImageGallery.js

@@ -14,9 +14,9 @@ import CDetailView from '../CustomComponents/CDetailView';
 import CContainerView from '../CustomComponents/CContainerView';
 import HeaderBlock from '../Screens/HeaderBlock';
 import { normalize } from '../CommonStyle/componentStyle';
-import { imageURL } from '../Common/apiConstants';
+import { imageURL } from '../../../../../src/Common/apiConstants';
 import FastImage from 'react-native-fast-image';
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
 import { ArrayCheck, ValueCheck } from '../CommonStyle/ComponentFunctions';
 const { width } = Dimensions.get('window');
 const { height } = Dimensions.get('window');

package/src/Media/CSingleImage.js

@@ -18,11 +18,11 @@ import FontAwesome from 'react-native-vector-icons/FontAwesome';
 import { useNavigation } from '../Navigation/useNavigation';
 
 
-import { APIURL, EMRAPI, imageURL } from '../Common/apiConstants';
+import { APIURL, EMRAPI, imageURL } from '../../../../../src/Common/apiConstants';
 import { isNU, LoaderIndicator, notifyMessage } from '../CommonStyle/ComponentFunctions';
 import ReactNativeBlobUtil from 'react-native-blob-util';
 //import PhotoEditor from 'react-native-photo-editor';
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
 
 function CSingleImage(props) {
 

package/src/Media/CVideoPlay.js

@@ -4,7 +4,7 @@ import VideoPlayer from 'react-native-video-controls';
 import { useNavigation } from '../Navigation/useNavigation';
 
 
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
 
 export default function CVideoPlay(props) {
     // console.log("videoplayer", JSON.stringify(props))

package/src/Media/DocumentScreen.js

@@ -13,24 +13,20 @@ import {
   ActivityIndicator,
   Platform,
 } from 'react-native';
-import {audioURL, pdfURL, APIURL} from '../Common/apiConstants';
+import {audioURL, pdfURL, APIURL} from '../../../../../src/Common/apiConstants';
 import Fontisto from 'react-native-vector-icons/Fontisto';
 import AntDesign from 'react-native-vector-icons/AntDesign';
-import {Global} from '../Common/Global';
+import {Global} from '../../../../../src/Common/Global';
 // import DocumentPicker from 'react-native-document-picker';
 import { useNavigation } from '../Navigation/useNavigation';
 
 import {notifyMessage} from '../CommonStyle/ComponentFunctions';
 import ReactNativeBlobUtil from 'react-native-blob-util';
 import NetworkServiceCall from '../Common/NetworkServiceCall';
-import EmrResponseComponentContext from '../Handlers/emrResponseComponentContext';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import FontAwesome from 'react-native-vector-icons/FontAwesome';
 
 function DocumentScreen(props) {
-  const {responseJSON, setResponseJSON} = useContext(
-    EmrResponseComponentContext,
-  );
   const navigation = useNavigation();
   const windowWidth = Dimensions.get('window').width;
   const windowHeight = Dimensions.get('window').height;
@@ -230,7 +226,6 @@ function DocumentScreen(props) {
                   ? prevData => [...prevData, dataset2.filename]
                   : [dataset2.filename],
               );
-              responseJSON.consultationEdit.editStatus = true;
               setrefreshCount(refreshCount + 1);
               props.editStatus(1);
               props.data.usertype =

package/src/Media/DrawingScreen.js

@@ -15,7 +15,7 @@ import {
 import Fontisto from 'react-native-vector-icons/Fontisto';
 import CImageZoom from '../Media/CImageZoom';
 import AntDesign from 'react-native-vector-icons/AntDesign';
-import {APIURL, imageURL, drawingURL} from '../Common/apiConstants';
+import {APIURL, imageURL, drawingURL} from '../../../../../src/Common/apiConstants';
 // import DocumentPicker from 'react-native-document-picker';
 import ComponentStyles, {normalize} from '../CommonStyle/componentStyle';
 import { useNavigation } from '../Navigation/useNavigation';
@@ -23,16 +23,12 @@ import { useNavigation } from '../Navigation/useNavigation';
 import {notifyMessage} from '../CommonStyle/ComponentFunctions';
 import ReactNativeBlobUtil from 'react-native-blob-util';
 import RNSketchCanvas from '@terrylinla/react-native-sketch-canvas';
-import EmrResponseComponentContext from '../Handlers/emrResponseComponentContext';
-import {Global} from '../Common/Global';
+import {Global} from '../../../../../src/Common/Global';
 import FontAwesome from 'react-native-vector-icons/FontAwesome';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 
 /*---------------------------------------------------------------------------------------*/
 function DrawingScreen(props) {
-  const {responseJSON, setResponseJSON} = useContext(
-    EmrResponseComponentContext,
-  );
   const navigation = useNavigation();
   const windowWidth = Dimensions.get('window').width;
   const windowHeight = Dimensions.get('window').height;

package/src/Media/ImageScreen.js

@@ -15,7 +15,7 @@ import {
 import Fontisto from 'react-native-vector-icons/Fontisto';
 import CImageZoom from '../Media/CImageZoom';
 import AntDesign from 'react-native-vector-icons/AntDesign';
-import { APIURL, imageURLHIS } from '../Common/apiConstants';
+import { APIURL, imageURLHIS } from '../../../../../src/Common/apiConstants';
 import DocumentPicker from 'react-native-document-picker';
 import { normalize } from '../CommonStyle/componentStyle';
 import { useNavigation } from '../Navigation/useNavigation';
@@ -23,14 +23,12 @@ import { useNavigation } from '../Navigation/useNavigation';
 import { notifyMessage } from '../CommonStyle/ComponentFunctions';
 import PhotoEditor from 'react-native-photo-editor';
 import ReactNativeBlobUtil from 'react-native-blob-util';
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
 import NetworkServiceCall from '../Common/NetworkServiceCall';
 import SSpeedDial from '../StaticComponents/SSpeedDial';
-import EmrResponseComponentContext from '../Handlers/emrResponseComponentContext';
 
 /*---------------------------------------------------------------------------------------*/
 function ImageScreen(props) {
-  const { responseJSON, setResponseJSON } = useContext(EmrResponseComponentContext);
   const navigation = useNavigation();
   const windowWidth = Dimensions.get('window').width;
   const windowHeight = Dimensions.get('window').height;
@@ -190,8 +188,6 @@ function ImageScreen(props) {
           dataset2.filename = responsedata.data.fileuri;
 
           setData(prev => [...prev, dataset2.filename]);
-          responseJSON.consultationEdit.editStatus = true;
-
           props.editStatus(1);
           props.data.usertype =
             Global.PatientDetails?.usertype ?? 'Z';

package/src/Media/VideoScreen.js

@@ -16,21 +16,17 @@ import {
 import Fontisto from 'react-native-vector-icons/Fontisto';
 import AntDesign from 'react-native-vector-icons/AntDesign';
 // import DocumentPicker from 'react-native-document-picker';
-import {videoURL, APIURL} from '../Common/apiConstants';
+import {videoURL, APIURL} from '../../../../../src/Common/apiConstants';
 import { useNavigation } from '../Navigation/useNavigation';
 
 import ReactNativeBlobUtil from 'react-native-blob-util';
 import {isNU, notifyMessage} from '../CommonStyle/ComponentFunctions';
-import EmrResponseComponentContext from '../Handlers/emrResponseComponentContext';
-import {Global} from '../Common/Global';
+import {Global} from '../../../../../src/Common/Global';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import FontAwesome from 'react-native-vector-icons/FontAwesome';
 import Ionicons from 'react-native-vector-icons/Ionicons';
 
 export default function VideoScreen(props) {
-  const {responseJSON, setResponseJSON} = useContext(
-    EmrResponseComponentContext,
-  );
   const navigation = useNavigation();
   const windowWidth = Dimensions.get('window').width;
   const windowHeight = Dimensions.get('window').height;
@@ -249,7 +245,6 @@ export default function VideoScreen(props) {
             ? [...data, dataset2]
             : [dataset2],
         );
-        responseJSON.consultationEdit.editStatus = true;
         setrefreshCount(refreshCount + 1);
         props.editStatus(1);
         setLoading(false);

package/src/Navigation/PageNavigation.js

@@ -0,0 +1,224 @@
+import * as React from 'react';
+import { createContext, useState, useRef, useEffect, useContext } from 'react';
+import { View, Text, Button, Platform } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import Splash from '../Screens/Splash';
+import Login from '../Screens/Login';
+import Dashboard from '../Screens/Dashboard';
+import MoreOptionsScreen from '../Components/MoreOptionsScreen';
+import Notifications from '../Screens/Notification';
+import ForgotPassword from '../Screens/ForgotPassword';
+import WrappedComponent from '../Components/WrappedComponent';
+import PdfUnSavedViewer from '../Screens/PdfUnSavedViewer';
+import PdfPreview from '../Screens/PdfPreview';
+import PdfUnSavedViewerDownload from '../Screens/PdfUnsavedViewerDownload';
+import SearchScreen from '../Screens/SearchScreen';
+import FileExplorer from '../Screens/FileExplorer';
+import BiodataEdit from '../Screens/BiodataEdit';
+import CInvoiceQuantityVerificationScreen from '../CustomComponents/CInvoiceQuantityVerificationScreen';
+import PDFScreen from '../Screens/PDFScreen';
+import CInvoiceRateEntryScreen from '../CustomComponents/CInvoiceRateEntryScreen';
+import CProductPhysicalQuantityScreen from '../CustomComponents/CProductPhysicalQuantityScreen';
+import CSupplierList from '../Components/CSupplierList';
+import CInvoiceRateVerificationScreen from '../CustomComponents/CInvoiceRateVerificationScreen';
+import CInvoiceQualityEntryScreen from '../CustomComponents/CInvoiceQualityEntryScreen';
+import CInvoiceQualityVerificationScreen from '../CustomComponents/CInvoiceQualityVerificationScreen';
+import CPurchaseDetails from '../CustomComponents/CPurchaseDetails';
+import CStockAdjustScreen from '../CustomComponents/CStockAdjustScreen';
+import CSupplierInvoiceList from '../CustomComponents/CSupplierInvoiceList';
+import CCaptureImageWithoutEdit from '../Media/CCaptureImageWithoutEdit';
+import HtmlPreview from '../Screens/HtmlPreview';
+
+//////////////////////////////////////////////////////////////////
+// -------- Web Navigation (Your Custom Stack) -------------------
+//////////////////////////////////////////////////////////////////
+
+const screens = {
+  Splash,
+  Login,
+  Dashboard,
+  MoreOptionsScreen,
+  Notifications,
+  ForgotPassword,
+  WrappedComponent,
+  PdfUnSavedViewer,
+  PdfPreview,
+  PdfUnSavedViewerDownload,
+  SearchScreen,
+  FileExplorer,
+  BiodataEdit,
+  CInvoiceQuantityVerificationScreen,
+  PDFScreen,
+  CInvoiceRateEntryScreen,
+  CProductPhysicalQuantityScreen,
+  CPurchaseDetails,
+  CSupplierList,
+  CInvoiceRateVerificationScreen,
+  CInvoiceQualityEntryScreen,
+  CInvoiceQualityVerificationScreen,
+  CStockAdjustScreen,
+  CSupplierInvoiceList,
+  CCaptureImageWithoutEdit,
+  HtmlPreview,
+};
+
+const NavigationContext = createContext(null);
+
+export const NavigationProvider = ({ children }) => {
+  const [stack, setStack] = useState([{ name: 'Splash', params: {} }]);
+  const focusListeners = useRef({});
+
+  const current = stack[stack.length - 1];
+
+  const navigate = (screenName, params = {}) => {
+    setStack(prev => [...prev, { name: screenName, params }]);
+  };
+
+  const replace = (screenName, params = {}) => {
+    setStack(prev => [...prev.slice(0, -1), { name: screenName, params }]);
+  };
+
+  const goBack = () => {
+    if (stack.length > 1) {setStack(prev => prev.slice(0, -1));}
+  };
+
+  const addFocusListener = (screenName, callback) => {
+    if (!focusListeners.current[screenName]) {focusListeners.current[screenName] = [];}
+    focusListeners.current[screenName].push(callback);
+    return () => {
+      focusListeners.current[screenName] = focusListeners.current[screenName].filter(cb => cb !== callback);
+    };
+  };
+
+  useEffect(() => {
+    const listeners = focusListeners.current[current.name] || [];
+    listeners.forEach(cb => cb());
+  }, [current.name]);
+
+  return (
+    <NavigationContext.Provider
+      value={{ navigate, goBack, replace, addFocusListener, current }}
+    >
+      <View style={{ flex: 1 }}>
+        {stack.map((route, index) => {
+          const ScreenComponent = screens[route.name];
+          const isFocused = index === stack.length - 1;
+
+          return (
+            <View
+              key={index}
+              style={{
+                flex: 1,
+                display: isFocused ? 'flex' : 'none',
+              }}
+            >
+              <ScreenComponent
+                navigation={{ navigate, replace, goBack }}
+                route={{ params: route.params }}
+              />
+            </View>
+          );
+        })}
+
+        {children}
+      </View>
+    </NavigationContext.Provider>
+  );
+};
+
+export const useNavigation = () => {
+  const ctx = useContext(NavigationContext);
+  if (!ctx) {throw new Error('useNavigation must be used inside NavigationProvider');}
+  return ctx;
+};
+
+export const useFocusEffect = (callback) => {
+  const { current, addFocusListener } = useNavigation();
+  const cleanupRef = useRef(null);
+
+  useEffect(() => {
+    cleanupRef.current?.();
+    const unsubscribe = addFocusListener(current.name, () => {
+      cleanupRef.current?.();
+      cleanupRef.current = callback();
+    });
+    return () => {
+      cleanupRef.current?.();
+      unsubscribe?.();
+    };
+  }, [current.name]);
+};
+
+// Hook to check if the current screen is focused
+export const useIsFocused = () => {
+  const { current, addFocusListener } = useNavigation();
+  const [isFocused, setIsFocused] = useState(true);
+
+  useEffect(() => {
+    // Initial check
+    setIsFocused(true);
+
+    // Subscribe to focus changes
+    const unsubscribe = addFocusListener(current.name, () => {
+      setIsFocused(true);
+    });
+
+    // When the screen loses focus, we mark it as not focused
+    return () => {
+      setIsFocused(false);
+      unsubscribe();
+    };
+  }, [current.name]);
+
+  return isFocused;
+};
+
+export const ReactNativeNavigation = () => {
+  const Stack = createNativeStackNavigator();
+
+  return (
+    <NavigationContainer>
+      <Stack.Navigator
+        initialRouteName="Splash"
+        screenOptions={{
+          animation: 'none',
+          headerShown: false,
+        }}
+      >
+        <Stack.Screen name="Splash" component={Splash} />
+        <Stack.Screen name="Login" component={Login} />
+        <Stack.Screen name="Dashboard" component={Dashboard} />
+        <Stack.Screen name="MoreOptionsScreen" component={MoreOptionsScreen} />
+        <Stack.Screen name="Notifications" component={Notifications} />
+        <Stack.Screen name="ForgotPassword" component={ForgotPassword} />
+        <Stack.Screen name="WrappedComponent" component={WrappedComponent} />
+        <Stack.Screen name="PdfUnSavedViewer" component={PdfUnSavedViewer} />
+        <Stack.Screen name="PdfPreview" component={PdfPreview} />
+        <Stack.Screen name="PdfUnSavedViewerDownload" component={PdfUnSavedViewerDownload} />
+        <Stack.Screen name="SearchScreen" component={SearchScreen} />
+        <Stack.Screen name="FileExplorer" component={FileExplorer} />
+        <Stack.Screen name="BiodataEdit" component={BiodataEdit} />
+        <Stack.Screen name="CInvoiceQuantityVerificationScreen" component={CInvoiceQuantityVerificationScreen} />
+        <Stack.Screen name="PDFScreen" component={PDFScreen} />
+        <Stack.Screen name="CInvoiceRateEntryScreen" component={CInvoiceRateEntryScreen} />
+        <Stack.Screen name="CProductPhysicalQuantityScreen" component={CProductPhysicalQuantityScreen} />
+        <Stack.Screen name="CPurchaseDetails" component={CPurchaseDetails} />
+        <Stack.Screen name="CSupplierList" component={CSupplierList} />
+        <Stack.Screen name="CInvoiceRateVerificationScreen" component={CInvoiceRateVerificationScreen} />
+        <Stack.Screen name="CInvoiceQualityEntryScreen" component={CInvoiceQualityEntryScreen} />
+        <Stack.Screen name="CInvoiceQualityVerificationScreen" component={CInvoiceQualityVerificationScreen} />
+        <Stack.Screen name="CStockAdjustScreen" component={CStockAdjustScreen} />
+        <Stack.Screen name="CSupplierInvoiceList" component={CSupplierInvoiceList} />
+        <Stack.Screen name="CCaptureImageWithoutEdit" component={CCaptureImageWithoutEdit} />
+        <Stack.Screen name="HtmlPreview" component={HtmlPreview} />
+      </Stack.Navigator>
+    </NavigationContainer>
+  );
+};
+
+export default function Navigation() {
+
+  return Platform.OS === 'web' ? <NavigationProvider /> : <ReactNativeNavigation />;
+}
+

package/src/Navigation/useFocusEffect.js

@@ -0,0 +1,2 @@
+
+export { useFocusEffect } from './PageNavigation';

package/src/Navigation/useFocusEffect.native.js

@@ -0,0 +1 @@
+export { useFocusEffect } from '@react-navigation/native';

package/src/Navigation/useFocusEffect.web.js

@@ -0,0 +1 @@
+export { useFocusEffect } from './PageNavigation';

package/src/Navigation/useIsFocused.js

@@ -0,0 +1 @@
+export { useIsFocused } from './PageNavigation';

package/src/Navigation/useIsFocused.native.js

@@ -0,0 +1 @@
+export { useIsFocused } from '@react-navigation/native';

package/src/Navigation/useIsFocused.web.js

@@ -0,0 +1 @@
+export { useIsFocused } from './PageNavigation';

package/src/Navigation/useNavigation.js

@@ -0,0 +1,2 @@
+
+export { useNavigation } from './PageNavigation';

package/src/Navigation/useNavigation.native.js

@@ -0,0 +1 @@
+export { useNavigation } from '@react-navigation/native';

package/src/Navigation/useNavigation.web.js

@@ -0,0 +1 @@
+export { useNavigation } from './PageNavigation';