@fto-consult/expo-ui 7.2.3 → 7.3.0

package/bin/create-app/App.js

@@ -51,10 +51,16 @@ export default function AppMainEntry(){
              * ///le composant permettant de faire office de provider principal de l'application,
                //ce composatnn permet de wrapper le contenu principal de l'application, les utilitaires de navigation, de la boîte de dialogue et bien d'autre ne doivent pas être utilisé
                il peut être utilisé pour par exemple wrapper le contenu au travaer d'un store redux et bien d'autre 
+        
+                isLoaded {boolean}, est à true lorsque toutes les ressources de l'application ont été chargées, la fonction init de l'application a été appelée et l'application est prête à être rendu à l'utilisateur
+                    Lorsque isLoaded est false, le Splashscreen est l'écran visible à l'utilisateur
+                isInitialized {boolean}, est à true lorsque la fonction init de l'application a été appelée
+                isLoading {boolean}, est à false lorsque les resources de l'application, notemment les fonts, polices, les assets sont en train d'être chargées
+                hasGetStarted {boolean}, lorsque la fonction init est appelée, si cette fonction retourne une promesse qui est résolue, alors l'application est suposée comme get started sinon alors l'application est suposée comme non get started et l'écran GetStarted est affichée à l'écran                  
              * @param {*} param0 
              * @returns 
              */
-            MainProvider : function({children,...props}){
+            MainProvider : function({children,isLoaded,isLoading,isInitialized,hasGedStarted,...props}){
                 return children;
             },
             /*** logo : ReactNode|ReactElement | ReactComponent | object {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "7.2.3",
+  "version": "7.3.0",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "main",
   "scripts": {
@@ -81,7 +81,7 @@
     "@react-navigation/native-stack": "^6.9.17",
     "@react-navigation/stack": "^6.3.20",
     "@shopify/flash-list": "1.4.3",
-    "apexcharts": "^3.44.2",
+    "apexcharts": "^3.45.0",
     "expo": "^49.0.21",
     "expo-camera": "~13.4.4",
     "expo-clipboard": "~4.3.1",

package/src/AppEntry/RootView.js

@@ -1,10 +1,19 @@
 import {View,StyleSheet} from "react-native";
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import React from "$react";
-export default function AppEntryRootView({MainProvider,...props}){
-    const Wrapper = React.isComponent(MainProvider)? MainProvider : React.Fragment;
+/***
+    isLoaded {boolean}, est à true lorsque toutes les ressources de l'application ont été chargées, la fonction init de l'application a été appelée et l'application est prête à être rendu à l'utilisateur
+        Lorsque isLoaded est false, le Splashscreen est l'écran visible à l'utilisateur
+    isInitialized {boolean}, est à true lorsque la fonction init de l'application a été appelée
+    isLoading {boolean}, est à false lorsque les resources de l'application, notemment les fonts, polices, les assets sont en train d'être chargées
+    hasGetStarted {boolean}, lorsque la fonction init est appelée, si cette fonction retourne une promesse qui est résolue, alors l'application est suposée comme get started sinon alors l'application est suposée comme non get started et l'écran GetStarted est affichée à l'écran
+*/
+export default function AppEntryRootView({MainProvider,isLoaded,hasGedStarted,isInitialized,isLoading,...props}){
+    const hasProvider = React.isComponent(MainProvider);
+    const Wrapper = hasProvider? MainProvider : React.Fragment;
+    const wrapProps = hasProvider ? {isLoaded,isLoading,isInitialized,hasGedStarted} : {};
     const insets = useSafeAreaInsets();
-    return <Wrapper>
+    return <Wrapper {...wrapProps}>
         <View
             testID="RN_MainAppEntryRootView"
             {...props}

package/src/AppEntry/index.js

@@ -190,7 +190,7 @@ function App({init:initApp,initialRouteName:appInitialRouteName,children}) {
         });  
       }).catch((e)=>{
           console.error(e," loading resources for app initialization");
-          setState({...state,isInitialized:true,hasCallInitApp,isLoading : false,hasGetStarted:false});
+          setState({...state,isInitialized:true,hasCallInitApp:true,isLoading : false,hasGetStarted:false});
       })
     });
 
@@ -267,7 +267,7 @@ function App({init:initApp,initialRouteName:appInitialRouteName,children}) {
   </NavigationContainer>  : null;
   const content = isLoaded ? typeof children == 'function'? children({children:child,appConfig,config:appConfig}) : child : null;
   return <SafeAreaProvider>
-            <AppEntryRootView MainProvider={MainProvider}>
+            <AppEntryRootView MainProvider={MainProvider} isInitialized={state.hasCallInitApp} isLoading={isLoading} hasGetStarted={hasGetStarted} isLoaded={isLoaded}>
                 <PaperProvider 
                   theme={theme}
                   settings={{