@jescon-technologies/react-native-ui-kit 0.0.20 → 0.0.21

package/index.d.ts

@@ -23,10 +23,11 @@ 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 { default as ResponseComponentContext, ResponseComponentProvider } from './src/Handlers/ResponseComponentContext';
-export type { ResponseComponentProviderProps, ResponseContextValue, ResponseJSON } from './src/Handlers/ResponseComponentContext';
+export { default as CBackHandler } from './src/CustomComponents/CBackHandler';
+export * from './src/Handlers/ResponseComponentContext';
 export * from './src/Navigation/useNavigation';
 export * from './src/Navigation/useIsFocused';
 export * from './src/Navigation/useFocusEffect';
-export { default as CBackHandler } from './src/CustomComponents/CBackHandler';
 export * from './src/CommonStyle/ComponentFunctions';
+export * from '../../../src/Common/apiConstants'
+export * from '../../../src/Common/Global';

package/index.js

@@ -23,9 +23,11 @@ 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 { default as ResponseComponentContext, ResponseComponentProvider } from './src/Handlers/ResponseComponentContext';
+export { default as CBackHandler } from './src/CustomComponents/CBackHandler';
+export * from './src/Handlers/ResponseComponentContext';
 export * from './src/Navigation/useNavigation';
 export * from './src/Navigation/useIsFocused';
 export * from './src/Navigation/useFocusEffect';
-export { default as CBackHandler } from './src/CustomComponents/CBackHandler';
 export * from './src/CommonStyle/ComponentFunctions';
+export * from '../../../src/Common/apiConstants'
+export * from '../../../src/Common/Global';

package/package.json

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

package/src/Common/GlobalContext.tsx

@@ -0,0 +1,78 @@
+import React, {
+  createContext,
+  useContext,
+  useEffect,
+  useSyncExternalStore,
+} from 'react';
+import type { ReactNode } from 'react';
+
+export type GlobalConfig = Record<string, unknown>;
+
+interface GlobalStore {
+  getSnapshot: () => object;
+  subscribe: (listener: () => void) => () => void;
+}
+
+let globalConfig: object = {};
+const listeners = new Set<() => void>();
+
+const notifyListeners = (): void => {
+  listeners.forEach(listener => listener());
+};
+
+const globalStore: GlobalStore = {
+  getSnapshot: () => globalConfig,
+  subscribe: listener => {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+  },
+};
+
+export const GlobalContext = createContext<GlobalStore>(globalStore);
+
+export const setGlobal = <T extends object>(config: T): void => {
+  globalConfig = config;
+  notifyListeners();
+};
+
+export const getGlobal = <
+  T extends object = GlobalConfig,
+>(): T => globalConfig as T;
+
+export const updateGlobal = <T extends object = GlobalConfig>(
+  config: Partial<T>,
+): void => {
+  Object.assign(globalConfig, config);
+  notifyListeners();
+};
+
+export const useGlobal = <T extends object = GlobalConfig>(): T => {
+  const store = useContext(GlobalContext);
+  return useSyncExternalStore(
+    store.subscribe,
+    store.getSnapshot,
+    store.getSnapshot,
+  ) as T;
+};
+
+interface GlobalProviderProps {
+  global?: object;
+  children?: ReactNode;
+}
+
+export const GlobalProvider: React.FC<GlobalProviderProps> = ({
+  global,
+  children,
+}) => {
+  useEffect(() => {
+    if (global !== undefined) {
+      setGlobal(global);
+    }
+  }, [global]);
+
+  return (
+    <GlobalContext.Provider value={globalStore}>
+      {children}
+    </GlobalContext.Provider>
+  );
+};

package/src/Components/SDropDown.tsx

@@ -14,7 +14,7 @@ import {
   ViewStyle,
   TextStyle,
 } from 'react-native';
-import { APIURL } from '../../../../../src/Common/apiConstants';
+import { APIURL } from '@jescon-technologies/react-native-ui-kit';
 import Loader from '../Custom/Loader';
 import { isBNU, isBNUL, isNU, normalize } from '../CommonStyle/ComponentFunctions';
 import NetworkServiceCall from '../Common/NetworkServiceCall';

package/src/Custom/CSliderMenu.tsx

@@ -11,7 +11,7 @@ import {
 import { normalize} from '../CommonStyle/ComponentFunctions';
 import RNExitApp from 'react-native-exit-app';
 import { Global, GlobalUserData } from '../../../../../src/Common/Global';
-import { imageURL } from '../../../../../src/Common/apiConstants';
+import { imageURL } from '@jescon-technologies/react-native-ui-kit';
 import { useNavigation } from '../Navigation/useNavigation';
 import CModalOverlay from '../CustomComponents/CModalOverlay';
 import HIcons from '../Hoc/HIcons';

package/src/Custom/Loader.tsx

@@ -13,7 +13,7 @@ import {
   TextStyle,
 } from 'react-native';
 import { normalize} from '../CommonStyle/ComponentFunctions';
-import { APIURL } from '../../../../../src/Common/apiConstants';
+import { imageURL } from '@jescon-technologies/react-native-ui-kit';
 
 // ---------------------------------------------------------------------------
 // Types
@@ -45,7 +45,7 @@ export default function Loader({
   overlayColor = 'rgba(0,0,0,0.4)',
   loaderColor = 'lightblue',
   size = Platform.OS !== 'web' ? 30 : 50,
-  gifSource = { uri: `${APIURL}file/getCommonFile/image/heartpulse.gif` },
+  gifSource = { uri: `${imageURL}heartpulse.gif` },
   message = '',
   messageStyle = {},
   animationType = 'fade',

package/src/CustomComponents/HeaderBlock.tsx

@@ -33,7 +33,7 @@ import NetworkServiceCall from '../Common/NetworkServiceCall';
 import HIcons from '../Hoc/HIcons';
 import ResponseComponentContext from '../Handlers/ResponseComponentContext';
 import { Global } from '../../../../../src/Common/Global';
-import { APIURL } from '../../../../../src/Common/apiConstants';
+import { notifyURL } from '../../../../../src/Common/apiConstants';
 
 // import HelpdeskScreenFocus from '../Helpdesk/View/HelpdeskScreenFocus';
 // import CHelpdeskView from '../Helpdesk/View/CHelpdeskView';
@@ -50,7 +50,6 @@ interface HeaderBlockProps {
   webview?: unknown;
   data?: unknown;
   navigation?: (route: string, params?: object) => void;
-  APIURL?: string;
   [key: string]: unknown;
 }
 
@@ -358,9 +357,7 @@ const HeaderBlock: React.FC<HeaderBlockProps> = (props) => {
     const userData = Global.userData as UserDataLite | null | undefined;
     if (userData && userData.suuser) {
       setIsLoadingNotifications(true);
-      const url =
-        APIURL + 'invget/invcommonget/rnhrsumessageuserretrievaljson ' + userData.suuser;
-      NetworkServiceCall('get', url)
+      NetworkServiceCall('get',`${notifyURL} ${userData.suuser}`)
         .then((response: NetworkResponse<NotificationItem[] | NotificationsPayload>) => {
           setIsLoadingNotifications(false);
           if (response && response.httpstatus == 200) {

package/src/Hoc/HDashboard.tsx

@@ -32,7 +32,6 @@ import HShadowButton from './HShadowButton';
 import HIcons from './HIcons';
 import { normalize} from '../CommonStyle/ComponentFunctions';
 import { Global } from '../../../../../src/Common/Global';
-;
 import SDateTimePicker from '../StaticComponents/SDateTimePicker';
 
 // ---------------------------------------------------------------------------

package/src/Hoc/HProvider.tsx

@@ -2,20 +2,27 @@ import React from 'react';
 import HView from '../Hoc/HView';
 import Navigation from '../Navigation/PageNavigation';
 import ErrorBoundary from '../Common/ErrorBoundary';
+import { GlobalProvider } from '../Common/GlobalContext';
 import { SafeAreaView } from 'react-native-safe-area-context';
 
 interface HProviderProps {
     components: Record<string, React.ComponentType<any>>;
     screens: any;
+    Global?: object;
+    global?: object;
 }
 export default function HProvider(props: HProviderProps) {
+    const global = props.Global ?? props.global;
+
     return (
-        <SafeAreaView style={{ flex: 1 }}>
-            <ErrorBoundary>
-                <HView components={props.components}>
-                    <Navigation screens={props.screens} />
-                </HView>
-            </ErrorBoundary>
-        </SafeAreaView>
+        <GlobalProvider global={global}>
+            <SafeAreaView style={{ flex: 1 }}>
+                <ErrorBoundary>
+                    <HView components={props.components}>
+                        <Navigation screens={props.screens} />
+                    </HView>
+                </ErrorBoundary>
+            </SafeAreaView>
+        </GlobalProvider>
     );
 }