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

package/src/Navigation/PageNavigation.js

@@ -1,224 +0,0 @@
-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

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

package/src/Navigation/useFocusEffect.native.js

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

package/src/Navigation/useFocusEffect.web.js

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

package/src/Navigation/useIsFocused.js

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

package/src/Navigation/useIsFocused.native.js

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

package/src/Navigation/useIsFocused.web.js

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

package/src/Navigation/useNavigation.js

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

package/src/Navigation/useNavigation.native.js

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

package/src/Navigation/useNavigation.web.js

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