@fto-consult/expo-ui 6.70.0 → 6.70.1

package/bin/create-app/App.js

@@ -35,6 +35,16 @@ export default function AppMainEntry(){
             profilePropsMutator : ({fields,...props})=>({fields,...props}),//la fonction permettant de muter les champs liés à l'écran de mise à jour d'un profil utilisateur
         }}
         components = {{
+            /**
+             * ///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 
+             * @param {*} param0 
+             * @returns 
+             */
+            MainProvider : function({children,...props}){
+                return children;
+            },
             /*** logo : ReactNode|ReactElement | ReactComponent | object {
                image{ReactComponent} :,text {ReactComponent}
             },*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "6.70.0",
+  "version": "6.70.1",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "main",
   "scripts": {

package/src/AppEntry/RootView.js

@@ -1,16 +1,20 @@
 import {View,StyleSheet} from "react-native";
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-export default function AppEntryRootView(props){
+import React from "$react";
+export default function AppEntryRootView({MainProvider,...props}){
+    const Wrapper = React.isComponent(MainProvider)? MainProvider : React.Fragment;
     const insets = useSafeAreaInsets();
-    return <View
-        testID="RN_MainAppEntryRootView"
-        {...props}
-        style = {StyleSheet.flatten([
-        {
-            paddingBottom: insets.bottom,
-            paddingLeft: insets.left,
-            paddingRight: insets.right,
-          },
-        props.style,{flex:1}])}
-    />
+    return <Wrapper>
+        <View
+            testID="RN_MainAppEntryRootView"
+            {...props}
+            style = {StyleSheet.flatten([
+            {
+                paddingBottom: insets.bottom,
+                paddingLeft: insets.left,
+                paddingRight: insets.right,
+              },
+            props.style,{flex:1}])}
+        />
+    </Wrapper>
 }

package/src/AppEntry/index.js

@@ -64,7 +64,7 @@ const NAVIGATION_PERSISTENCE_KEY = 'NAVIGATION_STATE';
  */
 function App({init:initApp,initialRouteName:appInitialRouteName,children}) {
   AppStateService.init();
-  const {FontsIconsFilter,beforeExit,preferences:appPreferences,navigation,getStartedRouteName} = useContext();
+  const {FontsIconsFilter,beforeExit,AppWrapper,preferences:appPreferences,navigation,getStartedRouteName,components:{MainProvider}} = useContext();
   const {containerProps} = navigation;
   const [initialState, setInitialState] = React.useState(undefined);
   const appReadyRef = React.useRef(true);
@@ -292,7 +292,7 @@ function App({init:initApp,initialRouteName:appInitialRouteName,children}) {
   const content = isLoaded ? typeof children == 'function'? children({children:child,appConfig,config:appConfig}) : child : null;
   return <SafeAreaProvider>
             <GestureHandlerRootView testID={"RN_MainAppGestureHanleRootView"}  style={styles.gesture}>
-                <AppEntryRootView>
+                <AppEntryRootView MainProvider={MainProvider}>
                     <PaperProvider 
                       theme={theme}
                       settings={{

package/src/context/Provider.js

@@ -48,6 +48,7 @@ Object.map(Utils,(v,i)=>{
     handleHelpScreen : {boolean}, //si l'écran d'aide sera pris en compte, l'écran d'aide ainsi que les écrans des termes d'utilisations et autres
     convertFiltersToSQL : {boolean}, si les filtres de datagrid ou filtres seront convertis au format SQL
     components : {
+        MainProvider : {ReactComponent}, //le composant qui permet de wrapper le contenu de l'application expo. Nb, ce composant ne peut utiliser ni les routes, nis les DialogProvider,
         logo : ReactNode | ReactComponent | object {
            image{ReactComponent} :,
            text {ReactComponent}
@@ -61,6 +62,7 @@ Object.map(Utils,(v,i)=>{
         TableDataScreen | TableDataScreenItem : {ReactComponent}, le composant TableDataScreenItem, à utiliser pour le rendu des écrans
         TableDataScreenList | TableDataListScreen {ReactComponent}, le composant TableDataList à utiliser pour le rendu des écrans listants les éléments du table data
     },
+    
     navigation : {
       screens : {Array}, les écrans de navigation,
       screenOptions : {object}, les options du composant Stack.Navigator, voir https://reactnavigation.org/docs/native-stack-navigator/