@fto-consult/expo-ui 6.67.12 → 6.67.14

package/metro.config.js

@@ -52,8 +52,15 @@ module.exports = function(opts){
       'jsx', 'js','tsx',
   ]
   
+  // 3. Force Metro to resolve (sub)dependencies only from the `nodeModulesPaths`
+  config.resolver.disableHierarchicalLookup = true;
+  
   // Remove all console logs in production...
   config.transformer.minifierConfig.compress.drop_console = false;
+  
+  // 3. Force Metro to resolve (sub)dependencies only from the `nodeModulesPaths`, @see : https://docs.expo.dev/guides/monorepos/
+  config.resolver.disableHierarchicalLookup = true;
+  
   /*config.platforms = Array.isArray(config.platforms) && config.platforms || [];
   ['ios', 'android', 'windows', 'web',"electron"].map(p=>{
     if(!config.platforms.includes(p)){
@@ -61,6 +68,6 @@ module.exports = function(opts){
     }
   });*/
   ///on génère les librairies open sources utilisées par l'application
-  require("./find-licenses");
+  //require("./find-licenses");
   return config;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "6.67.12",
+  "version": "6.67.14",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "main",
   "scripts": {
@@ -71,7 +71,7 @@
     "@expo/html-elements": "^0.5.1",
     "@expo/vector-icons": "^13.0.0",
     "@faker-js/faker": "^8.0.2",
-    "@fto-consult/common": "^3.57.8",
+    "@fto-consult/common": "^3.57.9",
     "@pchmn/expo-material3-theme": "^1.3.1",
     "@react-native-async-storage/async-storage": "1.18.2",
     "@react-native-community/datetimepicker": "7.2.0",

package/src/AppEntry/App.js

@@ -69,6 +69,7 @@ function App({init:initApp,initialRouteName:appInitialRouteName,render}) {
   const [state,setState] = React.useState({
      isLoading : true,
      isInitialized:false,
+     hasCallInitApp : false,
   });
    React.useEffect(() => {
     const loadResources = ()=>{
@@ -189,11 +190,11 @@ function App({init:initApp,initialRouteName:appInitialRouteName,render}) {
            Auth.loginUser(false);
         }
         setState({
-          ...state,hasGetStarted:true,...defaultObj(args && args?.state),isInitialized:true,isLoading : false,
+          ...state,hasGetStarted:true,...defaultObj(args && args?.state),hasCallInitApp:true,isInitialized:true,isLoading : false,
         });  
       }).catch((e)=>{
           console.error(e," loading resources for app initialization");
-          setState({...state,isInitialized:true,isLoading : false,hasGetStarted:false});
+          setState({...state,isInitialized:true,hasCallInitApp,isLoading : false,hasGetStarted:false});
       })
     });
 
@@ -246,7 +247,7 @@ function App({init:initApp,initialRouteName:appInitialRouteName,render}) {
         theme,
         ...defaultObj(pref),
     }),[theme,pref]);
-  const isLoaded = !isLoading;
+  const isLoaded = !isLoading && state.hasCallInitApp;
   const child = isLoaded ? <NavigationContainer 
     ref={navigationRef}
     initialState={initialState}

package/src/components/SplashScreen/index.js

@@ -7,6 +7,7 @@ import View from "$ecomponents/View";
 import {isNativeMobile} from "$cplatform";
 import {defaultDecimal} from "$cutils";
 import {LogoProgress} from "$ecomponents/Logo";
+import { Portal } from "react-native-paper";
 import {defaultStr} from "$cutils";
 import styles, {
   _solidBackground,
@@ -17,29 +18,28 @@ import styles, {
   _dynamicBackgroundOpacity,
 } from "./styles"
 import {useAppComponent} from "$econtext/hooks";
+import theme from "$theme";
 
 const SplashScreenComponent = ({isLoaded,children , duration, delay,logoWidth,logoHeight,backgroundColor,imageBackgroundSource,imageBackgroundResizeMode,
   testID})=>{
   const [state,setState] = React.useState({
     animationDone: false,
-    loadingProgress: new Animated.Value(0)
+    loadingProgress: new Animated.Value(0),
   });
-  const { loadingProgress, animationDone } = state;
-  const prevIsLoaded = React.usePrevious(isLoaded);
+  const { loadingProgress, animationDone} = state;
   React.useEffect(()=>{
-    if(animationDone && (prevIsLoaded == isLoaded || !isLoaded)) return;
-    if(!isNativeMobile()){
-      setState({...state,animationDone:true});
+    if(!isLoaded){
+      setState({...state,loadingProgress : new Animated.Value(0),animationDone:false});
     } else {
       Animated.timing(loadingProgress, {
           toValue: 100,
-          duration: duration || 1000,
+          duration: duration || 5000,
           delay: delay || 0,
-          useNativeDriver: true,
+          useNativeDriver: isNativeMobile(),
       }).start(() => {
           setState({
             ...state,
-            animationDone: true,
+            animationDone:true,
           })
       })
     }
@@ -67,34 +67,39 @@ const SplashScreenComponent = ({isLoaded,children , duration, delay,logoWidth,lo
       extrapolate: "clamp",
     }),
   }
-  const child = (animationDone && isLoaded)? React.isValidElement(children) && children : null;
-  if(animationDone && isLoaded) return child;
-  return <View style={[styles.container]} testID={testID} id={testID}>
-      {!animationDone ? <View style={StyleSheet.absoluteFill} testID={testID+"_Animation"}/> : null}
-      <View style={styles.containerGlue} testID={testID+"_ContainerGlue"}>
-        {!animationDone && (
-          <Animated.View
-            style={_staticBackground(logoOpacity, backgroundColor)}
-            testID={testID+"_AnimationDone"}
-          />
-        )}
-        {!animationDone && (
-            React.isComponent(Component)? <Component testID={testID+"_CustomSplashComponent"}/> : 
-            <View testID={testID+"_LogoContainer"} style={[StyleSheet.absoluteFill, styles.logoStyle]}>
+  if(animationDone && isLoaded){
+      return React.isValidElement(children)?children:null;
+  }
+  return <>
+      {!animationDone || !isLoaded ? <Portal>
+          <View style={[styles.container,{backgroundColor}]} testID={testID} id={testID}>
+            {<View style={[StyleSheet.absoluteFill,{backgroundColor}]} testID={testID+"_Animation"}/>}
+            <View style={styles.containerGlue} testID={testID+"_ContainerGlue"}>
+              {(
                 <Animated.View
-                  testID={testID+"_Logo"}
-                  style={_dynamicCustomComponentStyle(
-                        logoScale,
-                        logoOpacity,
-                        logoWidth,
-                        logoHeight
-                    )}>
-                  {<LogoProgress />}
-                </Animated.View>
+                  style={_staticBackground(logoOpacity, backgroundColor)}
+                  testID={testID+"_AnimationDone"}
+                />
+              )}
+              {(
+                React.isComponent(Component)? <Component testID={testID+"_CustomSplashComponent"}/> : 
+                <View testID={testID+"_LogoContainer"} style={[StyleSheet.absoluteFill,{backgroundColor}, styles.logoStyle]}>
+                    <Animated.View
+                      testID={testID+"_Logo"}
+                      style={_dynamicCustomComponentStyle(
+                            logoScale,
+                            logoOpacity,
+                            logoWidth,
+                            logoHeight
+                        )}>
+                      {<LogoProgress />}
+                    </Animated.View>
+                </View>
+              )}
             </View>
-        )}
-      </View>
-    </View>
+          </View>
+      </Portal> : null}
+  </>
 }
 
 

package/src/components/SplashScreen/styles.js

@@ -70,4 +70,14 @@ export default {
     alignItems: "center",
     justifyContent: "center",
   },
+  mainContent : {
+    flex : 1,
+    width : "100%",
+    height : "100%",
+  },
+  animationNotFinished : {
+    opacity : 0,
+    width : 0,
+    height : 0,
+  },
 }

package/src/layouts/Screen/TableData.js

@@ -571,7 +571,7 @@ export default class TableDataScreenComponent extends FormDataScreen{
         if(typeof this.props.clone ==='function' && this.props.clone(data,this) === false) return data;
         this.showPreloader();
         delete data.approved;
-        Object.map(['_rev',...generatedColumnsProperties,...Object.keys(this.primaryKeyFields),'_id','code','updateBy','updatedDate','createBy','updatedHour','createdHour','createdDate'],(idx)=>{
+        Object.map(['_rev',...generatedColumnsProperties,...Object.keys(this.primaryKeyFields),'_id','code','updateBy',"created_at","updated_at",'updatedDate','createBy','updatedHour','createdHour','createdDate'],(idx)=>{
             data[idx] = undefined;
             delete data[idx];
         });