@fto-consult/expo-ui 6.67.12 → 6.67.13

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.13",
   "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/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,37 @@ 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}
+  if(animationDone && isLoaded){
+      return React.isValidElement(children)?children:null;
+  }
+  return <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"}>
-        {!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]}>
-                <Animated.View
-                  testID={testID+"_Logo"}
-                  style={_dynamicCustomComponentStyle(
-                        logoScale,
-                        logoOpacity,
-                        logoWidth,
-                        logoHeight
-                    )}>
-                  {<LogoProgress />}
-                </Animated.View>
-            </View>
+        {(
+          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>
+  </Portal>
 }
 
 

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];
         });