@fto-consult/expo-ui 5.7.10 → 5.7.12

package/package.json

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

package/src/App.js

@@ -5,23 +5,13 @@ import {defaultObj} from "$cutils";
 import  {updateTheme,defaultTheme} from "$theme";
 import {Provider as PaperProvider } from 'react-native-paper';
 import Index from './index';
-import {Portal } from 'react-native-paper';
-import {PreloaderProvider} from "$epreloader";
-import DropdownAlert from '$ecomponents/Dialog/DropdownAlert';
-import notify, {notificationRef} from "$notify";
-import BottomSheetProvider from "$ecomponents/BottomSheet/Provider";
-import DialogProvider from "$ecomponents/Dialog/Provider";
-import { DialogProvider as FormDataDialogProvider } from '$eform/FormData';
+import notify  from "$notify";
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import { PreferencesContext } from './Preferences';
 import {AuthProvider} from '$cauth';
-import {PortalProvider } from '$ecomponents/Portal';
 import ErrorBoundary from "$ecomponents/ErrorBoundary";
-import ErrorBoundaryProvider from "$ecomponents/ErrorBoundary/Provider";
 import {GestureHandlerRootView} from "react-native-gesture-handler";
 import StatusBar from "$ecomponents/StatusBar";
-import SimpleSelect from '$ecomponents/SimpleSelect';
-import {Provider as AlertProvider} from '$ecomponents/Dialog/confirm/Alert';
 import APP from "$app";
 import FontIcon from "$ecomponents/Icon/Font"
 import {isMobileNative} from "$cplatform";
@@ -178,23 +168,12 @@ export default function getIndex({onMount,onUnmount,swrConfig,onRender,preferenc
             >
               <SafeAreaProvider>
                 <AuthProvider>
-                    <PortalProvider>
-                      <Portal.Host>
-                          <ErrorBoundary>
-                                <StatusBar/>
-                                <PreferencesContext.Provider value={preferences}>
-                                  <DropdownAlert ref={notificationRef}/> 
-                                  <PreloaderProvider/>   
-                                  <DialogProvider responsive/>
-                                  <AlertProvider SimpleSelect={SimpleSelect}/>
-                                  <FormDataDialogProvider/>  
-                                  {<Index {...rest} theme={theme}/>}
-                                  <ErrorBoundaryProvider/>
-                                  <BottomSheetProvider/>
-                                </PreferencesContext.Provider>  
-                          </ErrorBoundary>
-                      </Portal.Host>
-                    </PortalProvider>
+                    <ErrorBoundary>
+                      <StatusBar/>
+                      <PreferencesContext.Provider value={preferences}>
+                        {<Index {...rest} theme={theme}/>}
+                      </PreferencesContext.Provider>  
+                    </ErrorBoundary>
                   </AuthProvider>
               </SafeAreaProvider>
             </PaperProvider>

package/src/components/Datagrid/Common/Common.js

@@ -2459,6 +2459,7 @@ export default class CommonDatagridComponent extends AppComponent {
                 render,
                 readOnly,
                 disabled,
+                editable,
                 visible,
                 defaultValue,
                 id,
@@ -2469,7 +2470,7 @@ export default class CommonDatagridComponent extends AppComponent {
             } = header;
             restCol = Object.clone(defaultObj(restCol));
             let colFilter = defaultVal(restCol.filter,true);
-            field = header.field = defaultStr(header.field,field,headerIndex);
+            field = header.field = restCol.field = defaultStr(header.field,field,headerIndex);
             delete restCol.filter;
             
             const type = defaultStr(header.jsType,header.type,"text").toLowerCase();
@@ -2617,14 +2618,14 @@ export default class CommonDatagridComponent extends AppComponent {
                     this.sectionListColumnsSize.current++;
                 }
                 const mItem = {
-                    ...header,
+                    ...restCol,
                     field,
                     type,
                     onPress : ()=>{
                         this.toggleColumnInSectionList(field);
                         return false;
                     },
-                    title : title,
+                    title,
                     icon : isInSectionListHeader?CHECKED_ICON_NAME : null,
                 };
                 if(this.isSectionListColumnConfigurable(mItem)){

package/src/components/Drawer/index.js

@@ -35,8 +35,10 @@ const DrawerComponent = React.forwardRef((props,ref)=>{
       permanentToggleIcon,minimizedToggleIcon,temporaryToggleIcon,withMinimizedIcon,
       isItemActive,onPageResize,navigationViewRef,
       children,
+      testID,
       drawerType} = props;
     sessionName = defaultStr(sessionName);
+    testID = defaultStr(testID,"RN_DrawerComponent")
     const sessionRef = React.useRef({});
     const session = React.useMemo(()=>{
         if(sessionName){
@@ -251,8 +253,9 @@ const DrawerComponent = React.forwardRef((props,ref)=>{
             }
             return false;
           },getState:getDrawerState,getDrawerRef}}>
-          <View style={styles.container}>
+          <View style={styles.container} testID={`${testID}_Container`}>
               <DrawerLayout
+                  testID = {`${testID}_DrawerLayout`}
                   {...restP}
                   permanent = {isPermanent}
                   onDrawerSlide={onDrawerSlide}
@@ -339,7 +342,7 @@ const DrawerComponent = React.forwardRef((props,ref)=>{
                     {paddingBottom:30},
                     contentContainerStyle
                   ]
-                }>
+            }>  
               {children}
             </DrawerLayout>
         </View>

package/src/components/Dropdown/index.js

@@ -991,7 +991,7 @@ class DropdownComponent extends AppComponent {
                     {...restProps}
                     testID = {testID+"_ModalComponent"}
                     withScrollView = {false}
-                    visible={visible && canHandle ? true : false}
+                    visible={visible}
                     onDismiss={this.hide.bind(this)}
                     contentStyle = {[{paddingVertical:0},restProps.contentStyle]}
                     anchor={anchor}

package/src/components/Form/Fields/SelectTableData/Component.js

@@ -21,6 +21,9 @@ import appConfig from "$appConfig";
  */
 const TableDataSelectField = React.forwardRef(({foreignKeyColumn,bindUpsert2RemoveEvents,onAdd,showAdd:customShowAdd,canShowAdd,foreignKeyTable,fetchItemsPath,foreignKeyLabel,foreignKeyLabelIndex,dropdownActions,fields,fetchItems:customFetchItem,convertFiltersToSQL,mutateFetchedItems,getForeignKeyTable,onFetchItems,isFilter,isUpdate,isDocEditing,items,onAddProps,fetchOptions,...props},ref)=>{
     props.data = defaultObj(props.data);
+    if(!foreignKeyColumn && isNonNullString(props.field)){
+        foreignKeyColumn = props.field;
+    }
     if(isNonNullString(foreignKeyColumn)){
         foreignKeyColumn = foreignKeyColumn.trim();
     }
@@ -34,7 +37,7 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,bindUpsert2Remo
     fetchItemsPath = defaultStr(fetchItemsPath).trim();
     
     if(!fetchItemsPath && (!isObj(fKeyTable) || !(defaultStr(fKeyTable.tableName,fKeyTable.table)))){
-        console.error("type de données invalide pour la foreignKeyTable ",fKeyTable," composant SelectTableData",foreignKeyColumn,foreignKeyTable,props);
+        console.error("type de données invalide pour la foreignKeyTable ",foreignKeyTable," label : ",foreignKeyLabel,fKeyTable," composant SelectTableData",foreignKeyColumn,foreignKeyTable,props);
         return null;
     }
     fKeyTable = defaultObj(fKeyTable);
@@ -280,13 +283,12 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,bindUpsert2Remo
             }
             return rItem(p);
         }}
-        hideOnAdd
         onAdd = {(args)=>{
             onAddProps = defaultObj(isFunction(onAddProps)? onAddProps.call(context,{context,foreignKeyTable,dbName,props}) : onAddProps);
             if(typeof onAdd =='function'){
                 return onAdd({...args,...onAddProps});
             }
-            return navigateToTableData({...onAddProps,foreignKeyTable,table:foreignKeyTable,foreignKeyColumn,tableName : foreignKeyTable,...args})
+            return navigateToTableData(foreignKeyTable,{routeParams:{...onAddProps,foreignKeyTable,table:foreignKeyTable,foreignKeyColumn,tableName : foreignKeyTable}});
         }}
     />
 });

package/src/components/Form/FormData/FormData.js

@@ -8,10 +8,10 @@ import Form from "../Form";
 import theme,{flattenStyle} from "$theme";
 import PropTypes from "prop-types";
 import {renderActions} from "$ecomponents/Dialog/utils";
-//import {isDocUpdate} from "$database/utils";
 import {handleBeforeSaveCallback} from "./utils";
+import isDbDocEditing,{checkPrimaryKey} from "../utils/isDocEditing";
 import getComponentFromType from "./componentsTypes";
-import { keyboardShortcuts } from "../utils";
+import keyboardShortcuts from "../utils/keyboardShortcuts";
 import appConfig from "$capp/config";
 
 export default class FormDataComponent extends AppComponent{
@@ -84,11 +84,10 @@ export default class FormDataComponent extends AppComponent{
                             return "Impossible d'enregister les données à cause l'erreur suivante : "+errorText;
                         }
                     }
-                    const isDocEditing = this.isDocEditing(args.data);
                     const isUpdated = this.isDocEditing(args.data);
                     const currentIndex = this.getCurrentIndex();
                     const action = typeof this.clickedAction =='string' ? this.clickedAction.toLowerCase() : '';
-                    const savedArgs = {...args,isDocEditing,context:this,action,currentIndex,index:currentIndex,isUpdate:isUpdated,isUpdated,props:this.props,context:this};
+                    const savedArgs = {...args,isUpdated,context:this,action,currentIndex,index:currentIndex,isUpdate:isUpdated,isUpdated,props:this.props,context:this};
                     if(beforeSaveArgumentsMutator){
                         savedArgs = beforeSaveArgumentsMutator(savedArgs);
                         if(!isObj(savedArgs)){
@@ -149,7 +148,9 @@ export default class FormDataComponent extends AppComponent{
         } else if(typeof this.props.isDocUpdate =='function'){
             return this.props.isDocUpdate(data,{context:this}) ? true : false;
         }
-        return false;
+        return isObj(this.formDataPrimaryKeyFields) && Object.size(this.formDataPrimaryKeyFields,true) ? isDbDocEditing(data,this.formDataPrimaryKeyFields,({index:field,data})=>{
+            return checkPrimaryKey(data,field);
+        }) : false;
     }
     canBindResizeEvents(){
         return false;
@@ -180,6 +181,7 @@ export default class FormDataComponent extends AppComponent{
         formProps = defaultObj(formProps);
         const fieldProps = defaultObj(formProps.fieldProps,this.props.fieldProps);
         formProps.style = flattenStyle(formProps.style);
+        this.formDataPrimaryKeyFields = {};
         const content = [];
         const fields = defaultObj(formProps.fields,this.props.fields);
         const data = isObj(formProps.data) ? formProps.data : typeof this.props.data =='object' && this.props.data ? this.props.data : {};
@@ -198,6 +200,9 @@ export default class FormDataComponent extends AppComponent{
                 rest = Object.assign({},rest);
                 delete rest.import;
                 delete rest.export;
+                if(primaryKey === true && name && !field.filter){
+                    this.formDataPrimaryKeyFields[name] = field;
+                }
                 if(form === false || ignore || (isNonNullString(perm) && !Auth.isAllowedFromStr(perm))){
                     return null;
                 }

package/src/components/Form/FormData/index.js

@@ -12,4 +12,6 @@ export {FormData};
 
 export default FormData;
 
-FormData.DialogProvider = Provider;
+FormData.DialogProvider = Provider;
+
+export * from "./utils";

package/src/components/Form/FormData/utils.js

@@ -2,7 +2,7 @@ import {isNonNullString,isObj,defaultObj,isPromise,isFunction,defaultStr,isObjOr
 import notify from "$notify";
 import { getFormData } from "../utils/FormsManager";
 import {isMobileBrowser,isMobileNative} from "$cplatform";
-import { keyboardShortcuts as KeyboardShorts } from "../utils";
+import KeyboardShorts from "../utils/keyboardShortcuts";
 
 export const keyboardShortcuts = {};
 Object.map(KeyboardShorts,(st,i)=>{
@@ -100,4 +100,5 @@ export const handleBeforeSaveCallback = (beforeSaveCallback,successCb,arg)=>{
     } 
     successCb(arg);
     return bF;
-} 
+} 
+

package/src/components/Form/utils/index.js

@@ -5,4 +5,6 @@ export {Forms};
 
 export {default as keyboardEvents} from "./keyboardEvents";
 
-export {default as keyboardShortcuts} from "./keyboardShortcuts";
+export {default as isDocEditing} from "./isDocEditing";
+
+export * from "./isDocEditing";

package/src/components/Form/utils/isDocEditing.js

@@ -0,0 +1,44 @@
+import {isObj,defaultStr} from "$cutils";
+export const checkPrimaryKey = (data,f)=>{
+    return !(!(f in data) || (data[f] == null) || (!data[f] && typeof data !=='number'));
+}
+
+/*** vérifie si le document passé en paramètre est éditable
+ * @param {object} data la données à vérifier
+ * @param {object| array} les champs sur lesquels se baser pour vérifier si la donénes est une mise à jour
+ * @param {func} checkPrimaryKey la foncition permettant de vérifier s'il s'agit d'une clé primaire pour la données courante
+ */
+const isDocEditing = (data,fields,checkPrimaryKey)=>{
+    if(!isObj(data) || !isObjOrArray(fields)) return false;
+    let hasPrimaryFields = false;
+    let hasValidated = true;
+    for(let i in fields){
+        const field = fields[i];
+        if(typeof checkPrimaryKey =='function') {
+            hasPrimaryFields = true;
+            if(checkPrimaryKey({field,i,index:i,data}) === false){
+                return false;
+            }
+            continue;
+        }
+        if(!isObj(field)) continue;
+        hasPrimaryFields = true;
+        const f = defaultStr(field.field,i);
+        if(field.primaryKey === true){
+            if(!checkPrimaryKey(data,f)){
+                if(hasPrimaryFields){
+                    return false;
+                }
+                hasValidated = false;
+            }
+        }
+    }
+    if(hasPrimaryFields){
+        return hasValidated;
+    }
+    return false;
+}
+
+export default isDocEditing;
+
+export const isDocUpdate = isDocEditing;

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 {defaultStr} from "$cutils";
 import styles, {
   _solidBackground,
   _staticBackground,
@@ -72,9 +73,11 @@ class AnimatedSplash extends React.Component {
       backgroundColor,
       imageBackgroundSource,
       imageBackgroundResizeMode,
+      testID,
       disableAppScale,
       disableImageBackgroundAnimation,
     } = this.props
+    testID = defaultStr(testID,"RN_SplashscreenComponent")
     logoWidth = defaultDecimal(logoWidth,150);
     logoHeight = defaultDecimal(logoHeight,250);
     const opacityClearToVisible = {
@@ -127,12 +130,13 @@ class AnimatedSplash extends React.Component {
     }
     
     return (
-      <View style={[styles.container]}>
-        {!animationDone && <View style={StyleSheet.absoluteFill} />}
+      <View style={[styles.container]} testID={testID} nativeID={testID}>
+        {!animationDone && <View style={StyleSheet.absoluteFill} testID={testID+"_Animation"}/>}
         <View style={styles.containerGlue}>
           {!animationDone && (
             <Animated.View
               style={_staticBackground(logoOpacity, backgroundColor)}
+              testID={testID+"_AnimationDone"}
             />
           )}
           {(animationDone || isNative) && <Component style={[!disableAppScale && appScale, opacityClearToVisible, styles.flex]}>
@@ -140,6 +144,7 @@ class AnimatedSplash extends React.Component {
           </Component>}
           {!animationDone && (
             <Animated.Image
+              testID={testID+"AnimateImage"}
               resizeMode={imageBackgroundResizeMode || "cover"}
               source={imageBackgroundSource}
               style={[disableImageBackgroundAnimation && _staticBackground(
@@ -153,9 +158,10 @@ class AnimatedSplash extends React.Component {
             />
           )}
           {!animationDone && (
-            <View style={[StyleSheet.absoluteFill, styles.logoStyle]}>
+            <View testID={testID+"_LogoContainer"} style={[StyleSheet.absoluteFill, styles.logoStyle]}>
               {(
                 <Animated.View
+                  testID={testID+"_Logo"}
                   style={_dynamicCustomComponentStyle(
                         logoScale,
                         logoOpacity,

package/src/index.js

@@ -13,7 +13,6 @@ import {set as setSession,get as getSession} from "$session";
 import { showConfirm } from "$ecomponents/Dialog";
 import {close as closePreloader, isVisible as isPreloaderVisible} from "$epreloader";
 import SplashScreen from "$ecomponents/SplashScreen";
-import {notify} from "$ecomponents/Dialog";
 import {decycle} from "$cutils/json";
 import init from "$capp/init";
 import { setIsInitialized} from "$capp/utils";
@@ -21,6 +20,17 @@ import {isObj,isNonNullString,isPromise,defaultObj,defaultStr} from "$cutils";
 import {loadFonts} from "$ecomponents/Icon/Font";
 import appConfig from "$capp/config";
 import Preloader from "$preloader";
+import {PreloaderProvider} from "$epreloader";
+import BottomSheetProvider from "$ecomponents/BottomSheet/Provider";
+import DialogProvider from "$ecomponents/Dialog/Provider";
+import SimpleSelect from '$ecomponents/SimpleSelect';
+import {Provider as AlertProvider} from '$ecomponents/Dialog/confirm/Alert';
+import { DialogProvider as FormDataDialogProvider } from '$eform/FormData';
+import {Portal } from 'react-native-paper';
+import {PortalProvider,PortalHost } from '$ecomponents/Portal';
+import ErrorBoundaryProvider from "$ecomponents/ErrorBoundary/Provider";
+import notify, {notificationRef} from "$notify";
+import DropdownAlert from '$ecomponents/Dialog/DropdownAlert';
 
 let MAX_BACK_COUNT = 1;
 let countBack = 0;
@@ -219,14 +229,25 @@ function App({init:initApp,initialRouteName:appInitialRouteName,getStartedRouteN
           }
         }
       >
-          <Navigation
-            initialRouteName = {defaultStr(hasGetStarted ? appInitialRouteName : getStartedRouteName,"Home")}
-            state = {state}
-            hasGetStarted = {hasGetStarted}
-            onGetStart = {(e)=>{
-              setState({...state,hasGetStarted:true})
-            }}
-          />
+          <PortalProvider>
+            <Portal.Host>
+              <PreloaderProvider/>   
+              <DialogProvider responsive/>
+              <AlertProvider SimpleSelect={SimpleSelect}/>
+              <FormDataDialogProvider/>  
+              <BottomSheetProvider/>
+              <DropdownAlert ref={notificationRef}/>
+              <ErrorBoundaryProvider/>  
+              <Navigation
+                initialRouteName = {defaultStr(hasGetStarted ? appInitialRouteName : getStartedRouteName,"Home")}
+                state = {state}
+                hasGetStarted = {hasGetStarted}
+                onGetStart = {(e)=>{
+                  setState({...state,hasGetStarted:true})
+                }}
+              />
+            </Portal.Host>
+          </PortalProvider>
       </NavigationContainer> 
   </SplashScreen>);
 }

package/src/layouts/Screen/ScreenWithOrWithoutAuthContainer.js

@@ -2,14 +2,14 @@ import React from '$react';
 import {StyleSheet} from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import PropTypes from "prop-types";
-import {defaultObj,defaultStr,defaultNumber,defaultBool} from "$cutils";
+import {defaultObj,defaultStr,defaultNumber,defaultBool,uniqid} from "$cutils";
 import View from "$ecomponents/View";
 import { useNavigation} from '$cnavigation';
 import Fab from "$layouts/Fab";
 import APP from "$capp";
 import AppBar,{createAppBarRef} from "$elayouts/AppBar";
-import ErrorBoundary from "$ecomponents/ErrorBoundary";
 import Portal from "$ecomponents/Portal";
+import { FullWindowOverlay } from 'react-native-screens';
 import theme,{StyleProp} from "$theme";
 import StatusBar from "$ecomponents/StatusBar";
 import ScrollView from "$ecomponents/ScrollView";
@@ -108,57 +108,60 @@ export default function MainScreenScreenWithOrWithoutAuthContainer(props) {
       });
     }
   }, [title,subtitle]);
-  const Wrapper =  modal ? Portal : React.Fragment;
+  const Wrapper =  modal ? PortalCP : React.Fragment;
+  const WrapperProps = modal? {screenName} : {};
   const fab = withFab ? <Fab 
       {...fabProps}
       screenName={screenName}
   />  : null;
   const profilAvatar = typeof renderProfilAvatar =='function'? renderProfilAvatar(profilAvatarProps) : null;
-  const child = <>
-      {withStatusBar !== false ? <StatusBar/> : null}
-      <ErrorBoundary testID={testID+"_ScreenLayoutErrorBoundary"}>
-        <View testID={testID} {...containerProps}  style={[styles.container,{backgroundColor},modal && styles.modal,containerProps.style]}>
-          {appBar === false ? null : React.isValidElement(appBar)? state.AppBar :  <AppBar 
-              testID={testID+'_AppBar'} {...appBarProps} 
-              backAction = {defaultVal(appBarProps.backAction,backAction)} 
-              elevation={defaultNumber(appBarProps.elevation,elevation)} 
-              withDrawer={withDrawer} options={options} 
-              ref={appBarRef} title={title} 
-              subtitle={subtitle}
-              right = {withProfilAvatarOnAppBar && <View testID={testID+"_ProfilAvatar_Container"}  {...profilAvatarContainerProps} style={[profilAvatarContainerProps.style,styles.profilAvatarContainer]} >
-                {React.isValidElement(profilAvatar) && profilAvatar || null}
-            </View> || null}
-          />}
-          {withScrollView !== false ? (
-            <ScrollView
-              testID = {testID+'_ScreenContentScrollView'}
-              {...rest}
-              contentContainerStyle={[contentContainerStyle]}
-              style={[containerStyle,styles.container, style]}
-            >
-              {children}
-              {fab}
-            </ScrollView>
-          ) : (
-            <View  testID={testID+'_ScreenContent'} {...rest} style={[containerStyle,styles.wrapper,styles.container, style]}>
-              {children}
-              {fab}
-            </View>
-          )}
-        </View>
-      </ErrorBoundary>
-  </>
-  return <Wrapper>
+  const portalId = uniqid("screeen-container-"+screenName);
+  return <Wrapper {...WrapperProps}>
           {renderChildren({
             containerProps : {
               ...authProps,
               required : authRequired,
             },
-            children : child,
+              children : <View testID={testID} nativeID={portalId} {...containerProps}   style={[styles.container,{backgroundColor},modal && styles.modal,containerProps.style]}>
+                  {withStatusBar !== false ? <StatusBar/> : null}
+                  {appBar === false ? null : React.isValidElement(appBar)? state.AppBar :  <AppBar 
+                      testID={testID+'_AppBar'} {...appBarProps} 
+                      backAction = {defaultVal(appBarProps.backAction,backAction)} 
+                      elevation={defaultNumber(appBarProps.elevation,elevation)} 
+                      withDrawer={withDrawer} options={options} 
+                      ref={appBarRef} title={title} 
+                      subtitle={subtitle}
+                      right = {withProfilAvatarOnAppBar && <View testID={testID+"_ProfilAvatar_Container"}  {...profilAvatarContainerProps} style={[profilAvatarContainerProps.style,styles.profilAvatarContainer]} >
+                        {React.isValidElement(profilAvatar) && profilAvatar || null}
+                    </View> || null}
+                  />}
+                  {withScrollView !== false ? (
+                    <ScrollView
+                      testID = {testID+'_ScreenContentScrollView'}
+                      {...rest}
+                      contentContainerStyle={[contentContainerStyle]}
+                      style={[containerStyle,styles.container, style]}
+                    >
+                      {children}
+                      {fab}
+                    </ScrollView>
+                  ) : (
+                    <View  testID={testID+'_ScreenContent'} {...rest} style={[containerStyle,styles.wrapper,styles.container, style]}>
+                      {children}
+                      {fab}
+                    </View>
+                  )}
+              </View>,
             })}
       </Wrapper>
 }
 
+const PortalCP = ({children,screenName})=>{
+  return <Portal>
+    {children}
+  </Portal>
+}
+
 const styles = StyleSheet.create({
   container: {
     flex: 1,

package/src/layouts/Screen/TableData.js

@@ -21,6 +21,7 @@ import theme from "$theme";
 import cActions from "$cactions";
 import APP from "$capp/instance";
 import { generatedColumnsProperties } from "./utils";
+import {isDocEditing,checkPrimaryKey} from "$ecomponents/Form";
 import i18n from "$i18n";
 import fetch from "$capi/fetch";
 
@@ -31,42 +32,6 @@ const DEFAULT_TABS_KEYS = "main-tabs";
 
 const TIMEOUT = 50;
 
-const checkPrimary = (data,f)=>{
-    return !(!(f in data) || (data[f] == null) || (!data[f] && typeof data !=='number'));
-}
-/*** vérifie si le document passé en paramètre est éditable
- * @param {object} data la données à vérifier
- * @param {object| array} les champs sur lesquels se baser pour vérifier si la donénes est une mise à jour
- * @param {func} checkPrimaryKey la foncition permettant de vérifier s'il s'agit d'une clé primaire pour la données courante
- */
-export const isDocEditing = (data,fields,checkPrimaryKey)=>{
-    if(!isObj(data) || !isObjOrArray(fields)) return false;
-    
-            let hasPrimaryFields = false;
-            let hasValidated = true;
-            for(let i in fields){
-                const field = fields[i];
-                if(typeof checkPrimaryKey =='function') {
-                    hasPrimaryFields = true;
-                    if(checkPrimaryKey({field,i,index:i,data}) === false){
-                        return false;
-                    }
-                    continue;
-                }
-                if(!isObj(field)) continue;
-                hasPrimaryFields = true;
-                const f = defaultStr(field.field,i);
-                if(field.primaryKey === true){
-                    if(!checkPrimary(data,f)){
-                        hasValidated = false;
-                    }
-                }
-            }
-            if(hasPrimaryFields){
-                return hasValidated;
-            }
-    return false;
-}
 
 export default class TableDataScreenComponent extends FormDataScreen{
     constructor(props){
@@ -280,6 +245,9 @@ export default class TableDataScreenComponent extends FormDataScreen{
                         currentField.disabled = true;
                     }
                 }
+                if(field.primaryKey ===true){
+                    this.primaryKeyFields[columnField] = true;
+                }
                 const isPrimary = this.primaryKeyFields[columnField] && true || false;
                 const f = prepareCb(cArgs);  
                 if(f === false) {
@@ -536,7 +504,7 @@ export default class TableDataScreenComponent extends FormDataScreen{
         const isDocEditingCb = typeof this.props.isDocEditing =='function'? this.props.isDocEditing : typeof this.props.isDocUpdate =='function'? this.props.isDocUpdate : undefined;
         if(!isDocEditingCb){
             if(isDocEditing(data,this.primaryKeyFields,({index:field,data})=>{
-                return checkPrimary(data,field);
+                return checkPrimaryKey(data,field);
             })) return true;
         } else {
             return isDocEditingCb(data,{context:this});

package/src/layouts/Screen/utils.js

@@ -276,4 +276,5 @@ export const getScreenName = (screenName)=>{
         screenName = defaultStr(screenName.table,screenName.tableName);
     }
     return getTableDataRouteName(screenName);
-}
+}
+