@fto-consult/expo-ui 6.31.1 → 6.31.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "6.31.1",
+  "version": "6.31.5",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "index.js",
   "scripts": {
@@ -68,7 +68,7 @@
     "@expo/html-elements": "^0.5.1",
     "@expo/vector-icons": "^13.0.0",
     "@faker-js/faker": "^8.0.2",
-    "@fto-consult/common": "^3.30.19",
+    "@fto-consult/common": "^3.32.1",
     "@pchmn/expo-material3-theme": "^1.3.1",
     "@react-native-async-storage/async-storage": "1.18.2",
     "@react-native-community/datetimepicker": "7.2.0",
@@ -78,7 +78,7 @@
     "@react-navigation/native-stack": "^6.9.13",
     "@shopify/flash-list": "1.4.3",
     "apexcharts": "^3.42.0",
-    "expo": "^49.0.8",
+    "expo": "^49.0.9",
     "expo-camera": "~13.4.2",
     "expo-clipboard": "~4.3.1",
     "expo-font": "~11.4.0",
@@ -104,8 +104,8 @@
     "react-native-gesture-handler": "^2.12.1",
     "react-native-iphone-x-helper": "^1.3.1",
     "react-native-mime-types": "^2.4.0",
-    "react-native-paper": "^5.10.3",
-    "react-native-paper-dates": "^0.18.20",
+    "react-native-paper": "^5.10.4",
+    "react-native-paper-dates": "^0.18.24",
     "react-native-reanimated": "~3.3.0",
     "react-native-safe-area-context": "4.6.3",
     "react-native-screens": "~3.22.0",

package/src/components/Chart/appexChart/index.native.js

@@ -15,7 +15,7 @@ export const ChartComponent = React.forwardRef(({chartContext,testID,chartId,id,
         webViewRef.current.injectJavaScript(`
             const method = "${method}";
             const chartId = "${chartId}";
-            const a = ${typeof a =='string'? '"'+a.replaceAll('"','\"')+'"':typeof a =='boolean'? a : a && typeof a =='object'? JSON.stringify(a):undefined};
+            const a = ${typeof a =='string'? '"'+a.replaceAll('"','\"')+'"':typeof a =='boolean' || typeof a =="number" ? a : a && typeof a =='object'? JSON.stringify(a):undefined};
             let element = document.getElementById(chartId);
             if(!element){
                 element = document.createElement("div");
@@ -37,8 +37,8 @@ export const ChartComponent = React.forwardRef(({chartContext,testID,chartId,id,
     //@see : https://apexcharts.com/docs/methods/
     methodsNames.map((cb)=>{
         if(cb !=='exec'){
-            chartContext.current[cb]=(a,b,c,d,e)=>{
-                return exec(cb,a,b,c,d,e);
+            chartContext.current[cb]=(...args)=>{
+                return exec(cb,...args);
             }
         }
     });

package/src/components/Datagrid/Accordion/index.js

@@ -359,7 +359,7 @@ const DatagridFactory = (Factory)=>{
             const descriptionColor = Colors.isValid(descriptionStyle.color) ? descriptionStyle.color : Colors.isValid(descOrContentProps.color)? descOrContentProps.color : Colors.setAlpha(theme.colors.text,theme.ALPHA);
             this.accordionDescriptionProps = {
                 ellipsizeMode: EllipsizeMode.tail,
-                numberOfLines : 2,
+                numberOfLines : 3,
                 ...descOrContentProps,
                 color : descriptionColor,
                 style : [styles.description,rStyles.lineHeight,descriptionStyle],

package/src/components/Datagrid/Actions/index.js

@@ -11,11 +11,12 @@ import { StyleSheet } from "react-native";
 import Label from "$ecomponents/Label";
 import { useWindowDimensions } from "react-native";
 import {useDatagrid,useGetSelectedRowsCount} from "../hooks";
-export default function DatagridActions ({actions,actionProps,...props}){
+export default function DatagridActions ({actions,title,actionProps,...props}){
   const {context} = useDatagrid();
+  const forceRender = React.useForceRender();
   const selectedRowsCount = useGetSelectedRowsCount();
   useWindowDimensions();
-  const selected = !!selectedRowsCount;
+  const selected = selectedRowsCount>0;
   actions = selected ? context?.renderSelectedRowsActions.call(context,{}) : actions;
   if(selected){
     actionProps = Object.assign({},actionProps);
@@ -36,9 +37,11 @@ export default function DatagridActions ({actions,actionProps,...props}){
   }
   const splitedActions = isObjOrArray(actions)? splitActions({...props,...sArg,actionProps,actions,isAppBarAction:false,alwaysSplitOnMobile:true}) : undefined;
   let contextualTitle = "";
-  if(selectedRowsCount > 0){
+  if(selected){
     let sLetter = (selectedRowsCount>1?'s':'');
     contextualTitle = (selectedRowsCount<10?'0':'')+selectedRowsCount+(' ligne'+sLetter+' sélectionnée'+sLetter),1;
+  } else if(React.isValidElement(title,true)){
+    contextualTitle = title;
   }
   const children = renderSplitedActions(splitedActions,{
       anchor : (props)=>{

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

@@ -1011,7 +1011,7 @@ export default class CommonDatagridComponent extends AppComponent {
         return null;
     }
     renderDataSourceSelector(){
-        const t = isNonNullString(this.props.title)? <Label testID={"RN_DatagridTitleProp"}>{this.props.title}</Label> : React.isValidElement(this.props.title)? this.props.title : null;
+        const t = !this.props.handleTitle ? null : isNonNullString(this.props.title) || typeof this.props.title ==='number' ? <Label textBold primary style={[theme.styles.fs14]} testID={"RN_DatagridTitleProp"}>{this.props.title}</Label> : React.isValidElement(this.props.title)? this.props.title : null;
         const table = defaultStr(this.props.table,this.props.tableName);
         const dS = dS === false ? null : typeof this.props.dataSourceSelector ==='function'? this.props.dataSourceSelector({
             defaultValue : this.currentDataSources,
@@ -1691,7 +1691,7 @@ export default class CommonDatagridComponent extends AppComponent {
     }
    ///reoturne les options de menus à appliquer sur le char
    getChartMenus(){
-        return  [
+        const menus =  [
             {
                 text : "Options du graphe",
                 textBold : true,
@@ -1702,7 +1702,23 @@ export default class CommonDatagridComponent extends AppComponent {
                 icon : "download",
                 onPress : this.downloadChart.bind(this),
             }
-        ]
+        ];
+        Object.map(this.props.chartActions,(menu,t)=>{
+            if(!isObj(menu)) return;
+            const {onPress} = menu;
+            menus.push({
+                ...menu,
+                onPress : (event)=>{
+                    if(!this.chartRef.current) return;
+                    const args = React.getOnPressArgs(event);
+                    args.chartContext = this.chartRef.current;
+                    if(typeof onPress =='function'){
+                        onPress(args);
+                    }
+                }
+            })
+        })
+        return menus;
    }
    getExportableFields(){
         return {
@@ -3257,10 +3273,7 @@ export default class CommonDatagridComponent extends AppComponent {
             arg.data = d.data;
             arg.total = defaultNumber(arg.total,arg.data.total);
         }
-        /*if(typeof arg.total != 'number'){
-            arg.total = Object.size(arg.data);
-        }*/
-        const {cb,total,data} = arg;
+        const {cb,data} = arg;
         return new Promise((resolve)=>{
             this.prepareData(arg,(state)=>{
                 state.data = Array.isArray(state.data)? state.data : [];
@@ -3856,6 +3869,10 @@ CommonDatagridComponent.propTypes = {
         PropTypes.object,
         PropTypes.object,
     ]),
+    chartActions : PropTypes.oneOfType([
+        PropTypes.object,
+        PropTypes.array, //les actions supplémentaires à passer au graphe chart
+    ]),
     /*** si l'opérateur or de filtre est accepté */
     filterOrOperator : PropTypes.bool,
     /*** si l'opérateur and de filtre est accepté */
@@ -4070,6 +4087,7 @@ CommonDatagridComponent.propTypes = {
     canFetchOnlyVisibleColumns : PropTypes.bool,//si l'on peut modifier le type d'affichage lié à la possibilité de récupérer uniquement les données reletives aux colonnes visibles
     useLinesProgressBar  : PropTypes.bool,//si le progress bar lignes horizontale seront utilisés
     abreviateValues : PropTypes.bool, //si les valeurs numériques seront abregées
+    handleTitle : PropTypes.bool,//si le titre du datagrid, props title, sera pris en compte dans les actions du datagrid, pour le rendu du DataSourceSelector, fonction renderDataSourceSelector
     checkPerms : PropTypes.func,//la fonction utilisée pour vérifier les permissions de l'utilisateur
 }
 

package/src/components/Datagrid/SWRDatagrid.js

@@ -76,7 +76,7 @@ const SWRDatagridComponent = React.forwardRef((props,ref)=>{
         table,
         data:customData,
         saveButton,
-        title,
+        title:customTitle,
         fab,
         rowKey,
         actions,
@@ -100,6 +100,7 @@ const SWRDatagridComponent = React.forwardRef((props,ref)=>{
         sort,
         defaultSortColumn,
         defaultSortOrder,
+        isLoading : customIsLoading,
         ...rest
     } = props;
     const {swrConfig} = useContext();
@@ -124,7 +125,7 @@ const SWRDatagridComponent = React.forwardRef((props,ref)=>{
     const isExportable = !!Auth.isTableDataAllowed({table:tableName,action:'export'});
     rest.exportable = isExportable;
     rowKey = defaultStr(rowKey,table.rowKey,table.primaryKeyColumnName);
-    title = defaultStr(title,table.label,table.text)
+    const title = React.isValidElement(customTitle,true) && customTitle || defaultStr(table.label,table.text)
     columns = table.fields;
     const fetchFields = [];
     Object.map(columns,(column,i)=>{
@@ -148,7 +149,7 @@ const SWRDatagridComponent = React.forwardRef((props,ref)=>{
     rest.exportTableProps.pdf = defaultObj(rest.exportTableProps.pdf);
     rest.exportTableProps.pdf = extendObj(true,{},{
         fileName : rest.exportTableProps.fileName,
-        title
+        title : React.getTextContent(title),
     },rest.exportTableProps.pdf);
     const fetchOptionsRef = React.useRef(defaultObj(customFetchOptions));
     const fPathRef = React.useRef(defaultStr(fetchPathKey,uniqid("fetchPath")));
@@ -204,9 +205,9 @@ const SWRDatagridComponent = React.forwardRef((props,ref)=>{
     });
     const dataRef = React.useRef(null);
     const totalRef = React.useRef(0);
-    const loading = (isLoading || isValidating);
+    const loading = (customIsLoading === true || isLoading || isValidating);
     const {data,total} = React.useMemo(()=>{
-        if(loading || !isObjOrArray(result)){
+        if((loading && customIsLoading !== false) || !isObjOrArray(result)){
             return {data:dataRef.current,total:totalRef.current};
         }
         let {data,total} = (Array.isArray(result) ? {data:result,total:result.length} : isObj(result)? result : {data:[],total:0});
@@ -296,6 +297,7 @@ const SWRDatagridComponent = React.forwardRef((props,ref)=>{
             testID = {testID}
             {...defaultObj(table.datagrid)} 
             {...rest}
+            title = {customTitle || title || undefined}
             sort = {sort}
             onSort = {({sort})=>{
                 sortRef.current = sort;

package/src/components/Datagrid/hooks/index.js

@@ -87,18 +87,18 @@ export const useBindEvent = (event,onEvent)=>{
     return onEvent;
 }
 export const useIsRowSelected = (...args)=>{
-    return useOnEvent([events.ON_ROW_TOGGLE,events.ON_ALL_ROWS_TOGGLE],(context)=>{
+    return useOnEvent([events.ON_ROW_TOGGLE,'componentDidUpdate',events.ON_ALL_ROWS_TOGGLE],(context)=>{
         return context.isRowSelected(...args);
     });
 };
 
 export const useGetSelectedRowsCount = ()=>{
-    return useOnEvent([events.ON_ROW_TOGGLE,events.ON_ALL_ROWS_TOGGLE],(context)=>{
+    return useOnEvent([events.ON_ROW_TOGGLE,'componentDidUpdate',events.ON_ALL_ROWS_TOGGLE],(context,...rest)=>{
         return context.getSelectedRowsCount();
     });
 }
 export const useIsAllRowsSelected = ()=>{
-    return useOnEvent([events.ON_ROW_TOGGLE,events.ON_ALL_ROWS_TOGGLE],(context)=>{
+    return useOnEvent([events.ON_ROW_TOGGLE,'componentDidUpdate',events.ON_ALL_ROWS_TOGGLE],(context)=>{
         return context.isAllRowsSelected();
     });
 };

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

@@ -1,5 +1,5 @@
 import {getAppBarActionsProps} from "./utils";
-import React, {Component as AppComponent} from "$react";
+import React, {ObservableComponent as AppComponent} from "$react";
 import {isNonNullString,defaultStr,defaultNumber,defaultObj,extendObj,isObj,isFunction,defaultFunc,uniqid} from "$cutils";
 import {getForm,getFormField} from "../utils";
 import Surface from "$ecomponents/Surface";

package/src/components/Form/List/List.js

@@ -281,6 +281,7 @@ export default class FormListComponent extends AppComponent {
             upsertEltProps,
             newElementLabel,
             parentData,
+            routeParams,
             ...rest
         } = this.props;
         rest = defaultObj(rest);
@@ -301,6 +302,7 @@ export default class FormListComponent extends AppComponent {
             formName,
             //fields,
             data,
+            ...defaultObj(routeParams)
         }
         if(typeof upsertEltProps =='function'){
             params = {...params,...defaultObj(upsertEltProps(params)),allData:this.state.allData,onSave : this.onSave.bind(this),show : this.show.bind(this),currentIndex : index,routeName,data:params.data,indexField}

package/src/components/TextField/index.js

@@ -542,7 +542,7 @@ const TextFieldComponent = React.forwardRef((componentProps,inputRef)=>{
                 {label}
             </Label> : null}
             <>
-                <Surface testID={testID+"_TextFieldContentContainer"}  {...contentContainerProps} elevation={0}  style={[styles.contentContainer,{pointerEvents},!left? styles.paddingLeft:null,styles.row,contentContainerStyle,contentContainerProps.style]}>
+                <Surface elevation={isShadowMode?5:0} testID={testID+"_TextFieldContentContainer"}  {...contentContainerProps}  style={[styles.contentContainer,{pointerEvents},!left? styles.paddingLeft:null,styles.row,contentContainerStyle,contentContainerProps.style]}>
                     {left ? (<View testID={testID+"_Left"} {...leftContainerProps} style={[styles.AdornmentContainer,styles.leftAdornment,leftContainerProps.style,disabledStyle]}>
                         {left}
                     </View>) : null}

package/src/layouts/Screen/TableData.js

@@ -24,6 +24,7 @@ import { generatedColumnsProperties,defaultArchivedPermsFilter } from "./utils";
 import {isDocEditing,checkPrimaryKey} from "$ecomponents/Form";
 import i18n from "$i18n";
 import fetch from "$capi/fetch";
+import appConfig from "$capp/config";
 
 
 const HIDE_PRELOADER_TIMEOUT = 300;
@@ -36,9 +37,31 @@ const TIMEOUT = 50;
 export default class TableDataScreenComponent extends FormDataScreen{
     constructor(props){
         super(props);
-        const mainProps = props;
-        extendObj(this.state,this.prepareStateData(mainProps));
-        const table = defaultObj(mainProps.table);
+        extendObj(this.state,this.prepareStateData(this.props));
+        this.hidePreloader = this.hidePreloader.bind(this);
+        this.showPreloader = this.showPreloader.bind(this);
+        const table = this.getTableObj();
+        Object.defineProperties(this,{
+            tableName : { value : defaultStr(table.table,table.tableName)},
+            table : {value : table},
+        })
+        this.init();
+    };
+    /**** retourne l'objet table, associé à la tableName */
+    getTableObj(){
+        const table = defaultObj(this.props.table);
+        if(Object.size(table,true)) return table;
+        if(typeof appConfig.getTable ==='function'){
+            return appConfig.getTable(defaultStr(this.props.tableName,this.props.table));
+        }
+        return {};
+    }
+    getNewElementLabel(...args){
+        const tableObj = this.getTableObj();
+        return tableObj?.newElementLabel ? tableObj?.newElementLabel : super.getNewElementLabel(...args);
+    }
+    init(){
+        const table = this.getTableObj();
         const fields = {},primaryKeyFields = {};
         Object.map(table.fields,(field,i)=>{
             if(isObj(field) && field.form !== false){
@@ -49,33 +72,34 @@ export default class TableDataScreenComponent extends FormDataScreen{
                 if((f.type =='id' || f.type =='piece' || f.primaryKey || f.unique === true) && f.unique !== false && f.disabled !== true && f.readOnly !== true){
                     const {onBlur} = f;
                     f.onBlur = (args)=>{
+                        if(isNonNullString(args.value)){
+                            args.value = args.value.trim();
+                        }
                         args = {...f,...args,fetch,columnField:name,fieldName:name,id:args.value};
                         const {context} = args;
                         const r = typeof onBlur =='function'? onBlur (args) : undefined;
                         if(r === false || (!args.value && typeof args.value != 'number')) return r;
                         //on applique la validation seulement en cas de non mise à jour
                         if(!this.isCurrentDocEditingUpdate() && context && typeof context.onNoValidate =='function'){
-                            const cb = typeof field.fetchUniqueId =='function'? field.fetchUniqueId : typeof this.props.fetchUniqueId =='function'? this.props.fetchUniqueId : undefined;
+                            const cb = typeof field.fetchUniqueId =='function'? field.fetchUniqueId : this.fetchUniqueId.bind(this);
                             if(cb){
                                 const r2 = cb(args);
-                                if(isPromise(r2)){
-                                    r2.then((data)=>{
-                                        let message = data;
-                                        if(isObj(data) && Object.size(data,true)){
-                                            message = i18n.lang('validate_rule_field_must_be_unique')+ defaultStr(f.label,f.text);
-                                        }
-                                        if(isNonNullString(message)){
-                                            context.onNoValidate({...args,msg:message,message,context,validRule:context.getValidRule()});
-                                        }
-                                    }).catch((e)=>{
-                                        if(e && e.status?.toString() == '404') return;
-                                        console.log(e," fetching unique id on table data element id : ",args)
-                                        const message = defaultStr(e?.message,e?.msg);
-                                        if(message){
-                                            context.onNoValidate({...args,msg:message,message,error:e,context,validRule:context.getValidRule()});
-                                        }
-                                    })
-                                } 
+                                (isPromise(r2)? r2 : Promise.resolve(r2)).then((data)=>{
+                                    let message = data;
+                                    if(isObj(data) && Object.size(data,true)){
+                                        message = i18n.lang('validate_rule_field_must_be_unique')+ defaultStr(f.label,f.text);
+                                    }
+                                    if(isNonNullString(message)){
+                                        context.onNoValidate({...args,msg:message,message,context,validRule:context.getValidRule()});
+                                    }
+                                }).catch((e)=>{
+                                    if(e && e.status?.toString() == '404') return;
+                                    console.log(e," fetching unique id on table data element id : ",args)
+                                    const message = defaultStr(e?.message,e?.msg);
+                                    if(message){
+                                        context.onNoValidate({...args,msg:message,message,error:e,context,validRule:context.getValidRule()});
+                                    }
+                                });
                             }
                         }
                         return r;
@@ -89,19 +113,15 @@ export default class TableDataScreenComponent extends FormDataScreen{
             }
         });
         Object.defineProperties(this,{
-            tableName : { value : defaultStr(table.table,table.tableName)},
             fields : {value : fields},
-            table : {value : table},
-            archivedPermsFilterFunc : {value : typeof mainProps.archivedPermsFilter =='function'? mainProps.archivedPermsFilter:defaultArchivedPermsFilter},
+            archivedPermsFilterFunc : {value : typeof this.props.archivedPermsFilter =='function'? this.props.archivedPermsFilter:defaultArchivedPermsFilter},
             isDocEditingRef : {value : {current:false}},
-            closeOnSaveProp : {value : mainProps.closeOnSave || mainProps.closeAfterSave },
+            closeOnSaveProp : {value : this.props.closeOnSave || this.props.closeAfterSave },
             //la liste des champ de type clé primaire associés à la table
             primaryKeyFields : {value : primaryKeyFields},
-            showPreloaderOnUpsert : {value : mainProps.showPreloaderOnUpsert},
+            showPreloaderOnUpsert : {value : this.props.showPreloaderOnUpsert},
         });
-        this.hidePreloader = this.hidePreloader.bind(this);
-        this.showPreloader = this.showPreloader.bind(this);
-    };
+    }
     prepareStateData(props){
         const mainProps = defaultObj(props,this.props);
         const hasManyData = isObjOrArray(mainProps.datas) && Object.size(mainProps.datas,true) > 0 ? true : false;
@@ -116,6 +136,13 @@ export default class TableDataScreenComponent extends FormDataScreen{
             data : hasManyData ? defaultObj(cDatas[0]) : isObj(mainProps.data)? mainProps.data : {}
         };
     }
+    fetchUniqueId(...args){
+        const fetch = typeof this.props.fetchUniqueId =='function'? this.props.fetchUniqueId : undefined;
+        if(fetch){
+            return fetch(...args);
+        }
+        return undefined;
+    }
     isCurrentDocEditingUpdate(){
         return this.isDocEditingRef.current === true ? true : false;
     }
@@ -178,6 +205,12 @@ export default class TableDataScreenComponent extends FormDataScreen{
     getSessionName (){
         return defaultStr(this.props.sessionName,"table-form-data"+this.getTableName())
     }
+    prepareField(a,...args){
+        if(typeof this.props.prepareField =='function'){
+            return this.props.prepareField(a,...args);
+        }
+        return a;
+    }
     getComponentProps(props){
         const table = this.table;
         const {datas,currentIndex,data} = this.state; 
@@ -217,9 +250,8 @@ export default class TableDataScreenComponent extends FormDataScreen{
             prepareField,
             prepareComponentProps,
             ...rest
-        } = this.prepareComponentProps({...props,tableName,fields:extendObj({},true,this.fields,props.fields),isUpdated,isUpdate:isUpdated,data,datas,currentIndex});
+        } = this.prepareComponentProps({...props,tableName,context:this,fields:extendObj({},true,this.fields,props.fields),isUpdated,isUpdate:isUpdated,data,datas,currentIndex});
         const sessionName = this.getSessionName();
-        const prepareCb = typeof prepareField =='function'? prepareField : x=> x;
         ///on effectue une mutator sur le champ en cours de modification
         Object.map(preparedFields,(field,i,counterIndex)=>{
             const currentField = isObj(field)?Object.clone(field):field;
@@ -259,7 +291,7 @@ export default class TableDataScreenComponent extends FormDataScreen{
                     this.primaryKeyFields[columnField] = true;
                 }
                 const isPrimary = this.primaryKeyFields[columnField] && true || false;
-                const f = prepareCb(cArgs);  
+                const f = this.prepareField(cArgs);  
                 if(f === false) {
                     delete fields[i];
                     return;
@@ -343,7 +375,7 @@ export default class TableDataScreenComponent extends FormDataScreen{
     handleCustomRender(){
         return true;
     }
-    componentWillRender(rActionsArg){
+    componentWillRender({...rActionsArg}){
         rActionsArg.context = this;
         const rActions = renderActions.call(this,rActionsArg);
         const renderedActs = this.renderActions(rActionsArg);
@@ -354,7 +386,7 @@ export default class TableDataScreenComponent extends FormDataScreen{
                 rActions[iPrefix+i] = a;
             });
         }
-        rActionsArg.actions = rActions;
+        rActionsArg.actions = this.buttonsActions = rActions;
         return rActionsArg;
     }
     _render ({header,content,context}){
@@ -589,7 +621,7 @@ export default class TableDataScreenComponent extends FormDataScreen{
         return Object.assign({},this.getCurrentData());
     }
     getAppBarActionsProps(props){
-        return {...super.getAppBarActionsProps(props),data:this.getCurrentData()}
+        return {...super.getAppBarActionsProps(props),actions:this.buttonsActions,data:this.getCurrentData()}
     }
     /**** cette fonction est appelée immédiatement lorsque l'on clique sur le bouton enregistrer de l'un des actions du formulaire */
     onPressToSaveFormData(args){
@@ -756,6 +788,13 @@ export default class TableDataScreenComponent extends FormDataScreen{
     getTableName(){
         return this.tableName;
     }
+    getTableText(){
+        const tableObj = this.getTableObj();
+        return defaultStr(tableObj?.text,tableObj?.label);
+    }
+    getTableLabel(){
+        return this.getTableText();
+    }
     getMakePhoneCallProps (){
         const table = this.table;
         const makePhoneCallProps = defaultVal(this.props.makePhoneCallProps,table.makePhoneCallProps);
@@ -818,11 +857,6 @@ TableDataScreenComponent.propTypes = {
     ...defaultObj(FormData.propTypes),
     prepareComponentProps : PropTypes.func, //permet d'appreter les components props à utiliser pour le rendu des données
     prepareField : PropTypes.func,//La fonction permettant de faire des mutations sur le champ field à passer au formulaire form. si elle retourne false alors la field ne sera pas pris een compte
-    table : PropTypes.shape({
-        tableName : PropTypes.string,
-        table : PropTypes.string,
-        fields : PropTypes.object,
-    }),
     unique : PropTypes.bool,//si la validation de type unique sur le champ sera effective
     fetchUniqueId : PropTypes.func,//la fonction permettant de fetch un élément unique pour la validation de type uniqueID, liée aux champs de type piece et id
     validateData : PropTypes.func,// la fonction permettant de valider les données à enregistrer

package/src/layouts/Screen/utils.js

@@ -134,7 +134,7 @@ export  function renderActions({context,isUpdate,newElementLabel,readablePerms:c
         flat : true,
         onPress : createCallback({context:self,action:'save2new',callback:onPressToSave})
     } : null;
-    self.buttonsActions =  {
+    return {
         print : (isUpdate && permsObj.canPrint)?{
             text : 'Imprimer',
             shortcut : 'print',
@@ -217,7 +217,6 @@ export  function renderActions({context,isUpdate,newElementLabel,readablePerms:c
             onPress: createCallback({context:self,action:'copyToClipboard',callback:onPressCopyToClipboard})
         } : null,
     }
-    return self.buttonsActions;
 }
 
 

package/src/screens/Help/openLibraries.js

@@ -1 +1 @@
-module.exports = {"@fto-consult/expo-ui":{"name":"@fto-consult/expo-ui","version":"6.31.0","repository":{"type":"git","url":"git+https://github.com/borispipo/expo-ui.git"},"homepage":"https://github.com/borispipo/expo-ui#readme"},"@emotion/native":{"version":"11.11.0","url":"https://emotion.sh","license":"MIT"},"@emotion/react":{"version":"11.11.1","url":"https://github.com/emotion-js/emotion/tree/main/packages/react","license":"MIT"},"@expo/html-elements":{"version":"0.5.1","url":"https://github.com/expo/expo/tree/main/packages/html-elements","license":"MIT"},"@expo/metro-config":{"version":"0.10.7","url":"https://github.com/expo/expo.git","license":"MIT"},"@expo/vector-icons":{"version":"13.0.0","url":"https://expo.github.io/vector-icons","license":"MIT"},"@expo/webpack-config":{"version":"19.0.0","url":"https://github.com/expo/expo-cli.git","license":"MIT"},"@faker-js/faker":{"version":"8.0.2","url":"https://github.com/faker-js/faker.git","license":"MIT"},"@fto-consult/common":{"version":"3.30.18","url":"https://github.com/borispipo/common#readme","license":"ISC"},"@pchmn/expo-material3-theme":{"version":"1.3.1","url":"https://github.com/pchmn/expo-material3-theme#readme","license":"MIT"},"@react-native-async-storage/async-storage":{"version":"1.18.2","url":"https://github.com/react-native-async-storage/async-storage#readme","license":"MIT"},"@react-native-community/datetimepicker":{"version":"7.2.0","url":"https://github.com/react-native-community/datetimepicker#readme","license":"MIT"},"@react-native-community/netinfo":{"version":"9.3.10","url":"https://github.com/react-native-netinfo/react-native-netinfo#readme","license":"MIT"},"@react-native/assets-registry":{"version":"0.72.0","url":"git@github.com:facebook/react-native.git","license":"MIT"},"@react-navigation/native":{"version":"6.1.7","url":"https://reactnavigation.org","license":"MIT"},"@react-navigation/native-stack":{"version":"6.9.13","url":"https://github.com/software-mansion/react-native-screens#readme","license":"MIT"},"@shopify/flash-list":{"version":"1.4.3","url":"https://shopify.github.io/flash-list/","license":"MIT"},"apexcharts":{"version":"3.42.0","url":"https://apexcharts.com","license":"MIT"},"babel-plugin-inline-dotenv":{"version":"1.7.0","url":"https://github.com/brysgo/babel-plugin-inline-dotenv#readme","license":"ISC"},"babel-plugin-module-resolver":{"version":"5.0.0","url":"https://github.com/tleunen/babel-plugin-module-resolver.git","license":"MIT"},"expo":{"version":"49.0.8","url":"https://github.com/expo/expo/tree/main/packages/expo","license":"MIT"},"expo-camera":{"version":"13.4.2","url":"https://docs.expo.dev/versions/latest/sdk/camera/","license":"MIT"},"expo-clipboard":{"version":"4.3.1","url":"https://docs.expo.dev/versions/latest/sdk/clipboard","license":"MIT"},"expo-font":{"version":"11.4.0","url":"https://docs.expo.dev/versions/latest/sdk/font/","license":"MIT"},"expo-image-picker":{"version":"14.3.2","url":"https://docs.expo.dev/versions/latest/sdk/imagepicker/","license":"MIT"},"expo-linking":{"version":"5.0.2","url":"https://docs.expo.dev/versions/latest/sdk/linking","license":"MIT"},"expo-sqlite":{"version":"11.3.2","url":"https://docs.expo.dev/versions/latest/sdk/sqlite/","license":"MIT"},"expo-status-bar":{"version":"1.6.0","url":"https://docs.expo.dev/versions/latest/sdk/status-bar/","license":"MIT"},"expo-system-ui":{"version":"2.4.0","url":"https://docs.expo.dev/versions/latest/sdk/system-ui","license":"MIT"},"expo-web-browser":{"version":"12.3.2","url":"https://docs.expo.dev/versions/latest/sdk/webbrowser/","license":"MIT"},"file-saver":{"version":"2.0.5","url":"https://github.com/eligrey/FileSaver.js#readme","license":"MIT"},"fs-extra":{"version":"11.1.1","url":"https://github.com/jprichardson/node-fs-extra","license":"MIT"},"google-libphonenumber":{"version":"3.2.33","url":"https://ruimarinho.github.io/google-libphonenumber/","license":"(MIT AND Apache-2.0)"},"htmlparser2-without-node-native":{"version":"3.9.2","url":"git://github.com/fb55/htmlparser2.git","license":"MIT"},"pdfmake":{"version":"0.2.7","url":"http://pdfmake.org","license":"MIT"},"process":{"version":"0.11.10","url":"git://github.com/shtylman/node-process.git","license":"MIT"},"prop-types":{"version":"15.8.1","url":"https://facebook.github.io/react/","license":"MIT"},"react":{"version":"18.2.0","url":"https://reactjs.org/","license":"MIT"},"react-content-loader":{"version":"6.2.1","url":"https://github.com/danilowoz/react-content-loader","license":"MIT"},"react-dom":{"version":"18.2.0","url":"https://reactjs.org/","license":"MIT"},"react-native":{"version":"0.72.4","license":"MIT"},"react-native-big-list":{"version":"1.6.1","url":"https://marcocesarato.github.io/react-native-big-list-docs/","license":"GPL-3.0-or-later"},"react-native-blob-util":{"version":"0.18.6","url":"https://github.com/RonRadtke/react-native-blob-util","license":"MIT"},"react-native-gesture-handler":{"version":"2.12.1","url":"https://github.com/software-mansion/react-native-gesture-handler#readme","license":"MIT"},"react-native-iphone-x-helper":{"version":"1.3.1","url":"https://github.com/ptelad/react-native-iphone-x-helper#readme","license":"MIT"},"react-native-mime-types":{"version":"2.4.0","license":"MIT"},"react-native-paper":{"version":"5.10.3","url":"https://callstack.github.io/react-native-paper","license":"MIT"},"react-native-paper-dates":{"version":"0.18.20","url":"https://github.com/web-ridge/react-native-paper-dates#readme","license":"MIT"},"react-native-reanimated":{"version":"3.3.0","url":"https://github.com/software-mansion/react-native-reanimated#readme","license":"MIT"},"react-native-safe-area-context":{"version":"4.6.3","url":"https://github.com/th3rdwave/react-native-safe-area-context#readme","license":"MIT"},"react-native-screens":{"version":"3.22.1","url":"https://github.com/software-mansion/react-native-screens#readme","license":"MIT"},"react-native-svg":{"version":"13.9.0","url":"https://github.com/react-native-community/react-native-svg","license":"MIT"},"react-native-web":{"version":"0.19.7","url":"git://github.com/necolas/react-native-web.git","license":"MIT"},"react-native-webview":{"version":"13.2.2","url":"https://github.com/react-native-webview/react-native-webview#readme","license":"MIT"},"react-virtuoso":{"version":"4.5.0","url":"https://virtuoso.dev/","license":"MIT"},"sharp-cli":{"version":"4.1.1","url":"https://github.com/vseventer/sharp-cli","license":"MIT"},"tippy.js":{"version":"6.3.7","url":"https://atomiks.github.io/tippyjs/","license":"MIT"},"uninstall":{"version":"0.0.0","license":"MIT"},"websql":{"version":"2.0.3","url":"git://github.com/nolanlawson/node-websql.git","license":"Apache-2.0"},"xlsx":{"version":"0.18.5","url":"https://sheetjs.com/","license":"Apache-2.0"}};
+module.exports = {"@fto-consult/expo-ui":{"name":"@fto-consult/expo-ui","version":"6.31.2","repository":{"type":"git","url":"git+https://github.com/borispipo/expo-ui.git"},"homepage":"https://github.com/borispipo/expo-ui#readme"},"@emotion/native":{"version":"11.11.0","url":"https://emotion.sh","license":"MIT"},"@emotion/react":{"version":"11.11.1","url":"https://github.com/emotion-js/emotion/tree/main/packages/react","license":"MIT"},"@expo/html-elements":{"version":"0.5.1","url":"https://github.com/expo/expo/tree/main/packages/html-elements","license":"MIT"},"@expo/metro-config":{"version":"0.10.7","url":"https://github.com/expo/expo.git","license":"MIT"},"@expo/vector-icons":{"version":"13.0.0","url":"https://expo.github.io/vector-icons","license":"MIT"},"@expo/webpack-config":{"version":"19.0.0","url":"https://github.com/expo/expo-cli.git","license":"MIT"},"@faker-js/faker":{"version":"8.0.2","url":"https://github.com/faker-js/faker.git","license":"MIT"},"@fto-consult/common":{"version":"3.30.19","url":"https://github.com/borispipo/common#readme","license":"ISC"},"@pchmn/expo-material3-theme":{"version":"1.3.1","url":"https://github.com/pchmn/expo-material3-theme#readme","license":"MIT"},"@react-native-async-storage/async-storage":{"version":"1.18.2","url":"https://github.com/react-native-async-storage/async-storage#readme","license":"MIT"},"@react-native-community/datetimepicker":{"version":"7.2.0","url":"https://github.com/react-native-community/datetimepicker#readme","license":"MIT"},"@react-native-community/netinfo":{"version":"9.3.10","url":"https://github.com/react-native-netinfo/react-native-netinfo#readme","license":"MIT"},"@react-native/assets-registry":{"version":"0.72.0","url":"git@github.com:facebook/react-native.git","license":"MIT"},"@react-navigation/native":{"version":"6.1.7","url":"https://reactnavigation.org","license":"MIT"},"@react-navigation/native-stack":{"version":"6.9.13","url":"https://github.com/software-mansion/react-native-screens#readme","license":"MIT"},"@shopify/flash-list":{"version":"1.4.3","url":"https://shopify.github.io/flash-list/","license":"MIT"},"apexcharts":{"version":"3.42.0","url":"https://apexcharts.com","license":"MIT"},"babel-plugin-inline-dotenv":{"version":"1.7.0","url":"https://github.com/brysgo/babel-plugin-inline-dotenv#readme","license":"ISC"},"babel-plugin-module-resolver":{"version":"5.0.0","url":"https://github.com/tleunen/babel-plugin-module-resolver.git","license":"MIT"},"expo":{"version":"49.0.9","url":"https://github.com/expo/expo/tree/main/packages/expo","license":"MIT"},"expo-camera":{"version":"13.4.2","url":"https://docs.expo.dev/versions/latest/sdk/camera/","license":"MIT"},"expo-clipboard":{"version":"4.3.1","url":"https://docs.expo.dev/versions/latest/sdk/clipboard","license":"MIT"},"expo-font":{"version":"11.4.0","url":"https://docs.expo.dev/versions/latest/sdk/font/","license":"MIT"},"expo-image-picker":{"version":"14.3.2","url":"https://docs.expo.dev/versions/latest/sdk/imagepicker/","license":"MIT"},"expo-linking":{"version":"5.0.2","url":"https://docs.expo.dev/versions/latest/sdk/linking","license":"MIT"},"expo-sqlite":{"version":"11.3.2","url":"https://docs.expo.dev/versions/latest/sdk/sqlite/","license":"MIT"},"expo-status-bar":{"version":"1.6.0","url":"https://docs.expo.dev/versions/latest/sdk/status-bar/","license":"MIT"},"expo-system-ui":{"version":"2.4.0","url":"https://docs.expo.dev/versions/latest/sdk/system-ui","license":"MIT"},"expo-web-browser":{"version":"12.3.2","url":"https://docs.expo.dev/versions/latest/sdk/webbrowser/","license":"MIT"},"file-saver":{"version":"2.0.5","url":"https://github.com/eligrey/FileSaver.js#readme","license":"MIT"},"fs-extra":{"version":"11.1.1","url":"https://github.com/jprichardson/node-fs-extra","license":"MIT"},"google-libphonenumber":{"version":"3.2.33","url":"https://ruimarinho.github.io/google-libphonenumber/","license":"(MIT AND Apache-2.0)"},"htmlparser2-without-node-native":{"version":"3.9.2","url":"git://github.com/fb55/htmlparser2.git","license":"MIT"},"pdfmake":{"version":"0.2.7","url":"http://pdfmake.org","license":"MIT"},"process":{"version":"0.11.10","url":"git://github.com/shtylman/node-process.git","license":"MIT"},"prop-types":{"version":"15.8.1","url":"https://facebook.github.io/react/","license":"MIT"},"react":{"version":"18.2.0","url":"https://reactjs.org/","license":"MIT"},"react-content-loader":{"version":"6.2.1","url":"https://github.com/danilowoz/react-content-loader","license":"MIT"},"react-dom":{"version":"18.2.0","url":"https://reactjs.org/","license":"MIT"},"react-native":{"version":"0.72.4","license":"MIT"},"react-native-big-list":{"version":"1.6.1","url":"https://marcocesarato.github.io/react-native-big-list-docs/","license":"GPL-3.0-or-later"},"react-native-blob-util":{"version":"0.18.6","url":"https://github.com/RonRadtke/react-native-blob-util","license":"MIT"},"react-native-gesture-handler":{"version":"2.12.1","url":"https://github.com/software-mansion/react-native-gesture-handler#readme","license":"MIT"},"react-native-iphone-x-helper":{"version":"1.3.1","url":"https://github.com/ptelad/react-native-iphone-x-helper#readme","license":"MIT"},"react-native-mime-types":{"version":"2.4.0","license":"MIT"},"react-native-paper":{"version":"5.10.3","url":"https://callstack.github.io/react-native-paper","license":"MIT"},"react-native-paper-dates":{"version":"0.18.22","url":"https://github.com/web-ridge/react-native-paper-dates#readme","license":"MIT"},"react-native-reanimated":{"version":"3.3.0","url":"https://github.com/software-mansion/react-native-reanimated#readme","license":"MIT"},"react-native-safe-area-context":{"version":"4.6.3","url":"https://github.com/th3rdwave/react-native-safe-area-context#readme","license":"MIT"},"react-native-screens":{"version":"3.22.1","url":"https://github.com/software-mansion/react-native-screens#readme","license":"MIT"},"react-native-svg":{"version":"13.9.0","url":"https://github.com/react-native-community/react-native-svg","license":"MIT"},"react-native-web":{"version":"0.19.7","url":"git://github.com/necolas/react-native-web.git","license":"MIT"},"react-native-webview":{"version":"13.2.2","url":"https://github.com/react-native-webview/react-native-webview#readme","license":"MIT"},"react-virtuoso":{"version":"4.5.0","url":"https://virtuoso.dev/","license":"MIT"},"sharp-cli":{"version":"4.1.1","url":"https://github.com/vseventer/sharp-cli","license":"MIT"},"tippy.js":{"version":"6.3.7","url":"https://atomiks.github.io/tippyjs/","license":"MIT"},"uninstall":{"version":"0.0.0","license":"MIT"},"websql":{"version":"2.0.3","url":"git://github.com/nolanlawson/node-websql.git","license":"Apache-2.0"},"xlsx":{"version":"0.18.5","url":"https://sheetjs.com/","license":"Apache-2.0"}};