@fto-consult/expo-ui 6.70.0 → 6.70.2

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.2",
   "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/components/AutoSizer/Vertical.js

@@ -81,6 +81,7 @@ const AutoSizerVerticalComponent = React.forwardRef(({onLayout,isScrollView,scre
   if(canUpdate && typeof getRenderingStyle ==='function'){
       getRenderingStyle({...cStyle,...restStyle});
   }
+  return children;
   return  <View ref={layoutRef} 
         onLayout={(a,b,c)=>{
             if(onLayout && onLayout(a,b,c) === false) return;

package/src/components/Datagrid/SWRDatagrid.js

@@ -213,7 +213,7 @@ const SWRDatagridComponent = React.forwardRef((props,ref)=>{
     });
     const dataRef = React.useRef(null);
     const totalRef = React.useRef(0);
-    const loading = (customIsLoading === true || isLoading || (isValidating && showProgressRef.current));
+    const loading = (customIsLoading === true || isLoading || (false && isValidating && showProgressRef.current));
     const {data,total} = React.useMemo(()=>{
         if((loading && customIsLoading !== false) || !isObjOrArray(result)){
             return {data:dataRef.current,total:totalRef.current};

package/src/components/ScrollView/index.js

@@ -1,27 +1,9 @@
 import React from '$react';
 import { ScrollView} from 'react-native';
 import PropTypes from "prop-types";
-import {defaultStr,defaultObj} from "$cutils";
-import {Vertical as AutoSizeVertical} from "$ecomponents/AutoSizer";
-import {isWeb} from "$cplatform";
 
 const ScrollViewComponent = React.forwardRef(({withAutoSizer,autoSizerProps,testID,...rest},ref) => {
   return <ScrollView testID={testID} {...rest} ref={ref}/>
-  testID = defaultStr(testID,'RN_ScrollViewComponent');
-  const autoSize = React.useRef(withAutoSizer).current;
-  if(!autoSize || rest.horizontal === true || rest.vertical === false){
-      return <ScrollView testID={testID} ref={ref} {...rest}/>
-  }
-  autoSizerProps = defaultObj(autoSizerProps);
-  const autoSizerRef = React.useRef(null);
-  return  <AutoSizeVertical ref={autoSizerRef} isScrollView {...autoSizerProps} testID={testID+"_ScrollViewContainer"}>
-    <ScrollView 
-      ref={ref} {...rest} 
-      testID={testID}
-      style = {[{flex:1}]}
-      contentContainerStyle = {[{flex:1,height:'100%'},rest.contentContainerStyle]}
-    />
-  </AutoSizeVertical>
 });
 
 ScrollViewComponent.displayName = "ScrollViewComponent";

package/src/components/Table/List/index.js

@@ -6,6 +6,7 @@ import {defaultStr,isObj,defaultObj} from "$cutils";
 const AutoSizeVerticalList = React.forwardRef(({testID,autoSizerProps,...props},ref)=>{
     testID = defaultStr(testID,"RN_AutoSizeVerticalListComponent")
     autoSizerProps = defaultObj(autoSizerProps);
+    return <List {...props} style={[props.style]} ref={ref}/>;
     return <AutoSizeVertical withPadding={false} testID={testID+"_AutoSizerVertical"} {...autoSizerProps} >
         <List {...props} style={[props.style]} ref={ref}/>
     </AutoSizeVertical>

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/