@fto-consult/expo-ui 5.8.9 → 5.8.11

package/package.json

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

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

@@ -57,12 +57,12 @@ const DatagridFactory = (Factory)=>{
             if(arg.renderRowCell === false || arg.isSectionListHeader === true) return super.renderRowCell(arg);
             const {columnDef,columnField} = arg;
             if(!columnDef.visible || columnDef.accordion === false || this.isSelectableColumn(columnDef,columnField)) return null;
-            let {render,key,style} = super.renderRowCell(arg);
+            arg.isAccordion = true;
+            const {render,key,style} = super.renderRowCell(arg);
             if(render===null || !React.isValidElement(render)) return null;
-            return <Label style={style} key={key}>
+            return <Label style={[style,{paddingTop:10,paddingBottom:10}]} key={key}>
                     {render}
-                </Label>
-            
+            </Label>
         }
         rangeChanged(state){
             if(this.startEndIndexCounterElt && this.startEndIndexCounterElt.update){

package/src/components/Form/Fields/Field.js

@@ -3,9 +3,10 @@ import KeyboardEventHandler from "../KeyboardEventHandler";
 const {getActions,getFormFields,Forms} = require("../utils")
 import TextField,{parseDecimal} from "$ecomponents/TextField";
 import Icon from "$ecomponents/Icon";
-import {extendObj,isBool,isUndefined,uniqid,isValidDataFileName,defaultObj,isObj,defaultFunc,isFunction,isNumber,arrayValueExists,defaultVal,defaultStr,isNonNullString,defaultBool,defaultDecimal} from "$cutils";
+import {extendObj,isBool,isUndefined,uniqid,isValidDataFileName,isValidEmail,defaultObj,isObj,defaultFunc,isFunction,isNumber,arrayValueExists,defaultVal,defaultStr,isNonNullString,defaultBool,defaultDecimal} from "$cutils";
 import {Component as AppComponent} from "$react";
 import {observable,addObserver} from "$observable";
+import {isValidPhoneNumber} from "$ecomponents/PhoneInput";
 import {Validator} from "$validator";
 import theme,{grid} from "$theme";
 import React from "$react";
@@ -285,11 +286,23 @@ export default class Field extends AppComponent {
         });
     }
     onValidatorValid(args){
-        if(!this.isFilter() && ((this.props.allowWhiteSpaces === false) || ((this.type ==='id' || this.type =='piece') && this.props.allowWhiteSpaces !== true))){
-            const value = isNonNullString(args.value) && args.value.replaceAll("/","").replaceAll("\\",'') || undefined;
-        
-            if(value && this.type !=='email' && !defaultStr(this.getValidRule()).toLowerCase().contains('email') && (value.contains(" ") || !isValidDataFileName(value.replaceAll("@","")))){
-                return "Veuillez renseigner une valeur ne contenant pas d'espace ou de caractère accentués";
+        if(!this.isFilter()){
+            const vRule  =defaultStr(this.getValidRule()).toLowerCase();
+            const value = typeof args.value == "undefined" || args.value == null ? "" : String(args.value).replaceAll("/","").replaceAll("\\",'').trim();
+            if(value){
+                if(this.type ==='email' || vRule.contains('email')){
+                    if(!isValidEmail(value)){
+                        return "Veuillez saisir une addresse email valide";
+                    }
+                } else if(this.type ==="tel" || this.type =="phone"){
+                    if(!isValidPhoneNumber(value)){
+                        return "Merci d'entrer un numéro de téléphone valide";
+                    }
+                }  else if(((this.props.allowWhiteSpaces === false) || ((this.type ==='id' || this.type =='piece') && this.props.allowWhiteSpaces !== true))){
+                    if((value.contains(" ") || !isValidDataFileName(value.replaceAll("@","").replaceAll(".","")))){
+                        return "Veuillez renseigner une valeur ne contenant pas d'espace ou de caractère accentués";
+                    }
+                }
             }
         }
         if(isFunction(this.props.onValidatorValid)){

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

@@ -33,7 +33,8 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,bindUpsert2Remo
     }
     convertFiltersToSQL = defaultVal(convertFiltersToSQL,willConvertFiltersToSQL());
     getForeignKeyTable = getForeignKeyTable || appConfig.getTableData;
-    let fKeyTable = typeof getForeignKeyTable =='function' ? getForeignKeyTable(foreignKeyTable,props) : undefined;
+    const foreignKeyTableStr = defaultStr(foreignKeyTable,props.table,props.tableName);
+    let fKeyTable = typeof getForeignKeyTable =='function' ? getForeignKeyTable(foreignKeyTableStr,props) : undefined;
     fetchItemsPath = defaultStr(fetchItemsPath).trim();
     
     if(!fetchItemsPath && (!isObj(fKeyTable) || !(defaultStr(fKeyTable.tableName,fKeyTable.table)))){
@@ -67,8 +68,8 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,bindUpsert2Remo
     const defaultFields = Array.isArray(foreignKeyColumn)? foreignKeyColumn : [foreignKeyColumn];
     if(Array.isArray(foreignKeyLabel)){
         foreignKeyLabel.map(f=>{
-            if(isNonNullString(f)){
-                defaultFields.push(f);
+            if(isNonNullString(f) && !defaultFields.includes(f.trim())){
+                defaultFields.push(f.trim());
             }
         })
     }

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

@@ -94,6 +94,9 @@ export default class FormDataComponent extends AppComponent{
                             savedArgs = {...savedArgs,data}
                         }
                     }
+                    if(typeof saveDataMutator =='function'){
+                        saveDataMutator(savedArgs);
+                    }
                     return handleBeforeSaveCallback(this.beforeSave.bind(this),()=>{
                         return handleBeforeSaveCallback(beforeSave,()=>{
                             return handleBeforeSaveCallback(this.onSave.bind(this),()=>{

package/src/components/Grid/Cell.js

@@ -87,7 +87,7 @@ const GridCellComponent = React.forwardRef((p,ref)=>{
             return getSizeStyle(p);
         }}
         ref={ref} 
-        style = {[styles.container,getSizeStyle(p).style,style]}
+        style = {[styles.container,customFlex !== undefined && {flex:customFlex},getSizeStyle(p).style,style]}
     >
         <C testID={testID+"_Content"}  activeOpacity={activeOpacity}  {...contentProps}
              

package/src/components/Grid/Grid.js

@@ -6,10 +6,10 @@ import PropTypes from "prop-types";
 import { StyleProp } from '$theme';
 import View from "$ecomponents/View";
 
-const GridComponent = React.forwardRef((p,ref)=>{
-    const {onPress,responsive,activeOpacity,onLongPress,flexGrow =1,flex:customFlex,style,onPressIn,col,onPressOut,...props} = p;
+const GridComponent = React.forwardRef(({onPress,responsive,activeOpacity,onLongPress,flexGrow,flex:customFlex,style,onPressIn,col,onPressOut,...props},ref)=>{
     const testID = defaultStr(props.testID,"RN_GridComponent");
     const flattenedStyle = StyleSheet.flatten(style);
+    flexGrow = typeof flexGrow =='number'? flexGrow : 0;
     const flex = customFlex !== undefined ? customFlex :   (flattenedStyle && (col && flattenedStyle.width || !col && flattenedStyle.height)) ? undefined : undefined;
     const C = onPress || onLongPress || onPressIn || onPressOut ? TouchableOpacity : View;
     return <C {...props} activeOpacity={activeOpacity} onLongPress={onLongPress} onPressIn={onPressIn} onPressOut={onPressOut}

package/src/components/InlineIndicator/index.js

@@ -5,7 +5,7 @@ import {defaultObj,defaultVal} from "$cutils";
 import {isMobileMedia} from "$cplatform/dimensions";
 import TextFieldComponent from "$ecomponents/TextField";
 import { StyleSheet } from "react-native";
-
+import {METRICS_UNITS,WEIGHTS_UNITS} from "./utils";
 
 export {Select};
 
@@ -45,7 +45,7 @@ export const MetricUnit = React.forwardRef((props,ref)=>{
     inputProps.style = [styles.metricUnit,inputProps.style];
     rest = defaultObj(rest);
     return <Select
-        items = {PRODUCTS_CONSTANTS.METRICS_UNITS}
+        items = {METRICS_UNITS}
         withCheckedIcon = {isMob}
         {...rest}
         inputProps = {inputProps}
@@ -67,7 +67,7 @@ export const WeightUnit = React.forwardRef((props,ref)=>{
     inputProps.style = [styles.weightUnit,inputProps.style];
     rest = defaultObj(rest);
     return <Select
-        items = {PRODUCTS_CONSTANTS.WEIGHTS_UNITS}
+        items = {WEIGHTS_UNITS}
         renderItem = {({item,index})=>index}
         withCheckedIcon = {isMob}
         {...rest}
@@ -102,7 +102,7 @@ export const TextField = TextInput;
 WeightUnit.displayName = "WeightUnitInlineIndicatorComponent";
 
 export const Text = React.forwardRef((props,ref)=>{
-    return <LabelComponent.withRef ref={ref} {...props} {...state} style={[styles.text,props.style]}/>
+    return <LabelComponent.withRef ref={ref} {...props} style={[styles.text,props.style]}/>
 });
 
 export const Label = Text;

package/src/components/InlineIndicator/utils.js

@@ -0,0 +1,15 @@
+export const WEIGHTS_UNITS = {
+    t : 'Tonne',
+    kg : 'Kilogramme',
+    g : 'Gramme',
+    mg : 'Milligramme',
+    cg : 'Centigramme',
+    dg : 'Decigramme',
+};
+
+export const METRICS_UNITS = {
+    m : 'm',
+    dm : 'dm',
+    cm : 'cm',
+    mm : 'mm'
+};

package/src/components/PhoneInput/PhoneNumber.js

@@ -26,6 +26,7 @@ export const isValidNumber = (number,iso2)=>{
     }
     return false;
 }
+export const isValidPhoneNumber = isValidNumber;
 
 class PhoneNumber {
     // eslint-disable-next-line class-methods-use-this

package/src/components/SimpleSelect/index.js

@@ -322,7 +322,7 @@ const  SimpleSelect = React.forwardRef((props,ref)=>{
                         paddingHorizontal : 10,
                         paddingVertical:0,
                         height : !isMob?contentContainerHeight:'90%',
-                        width : !isMob ? layout.width : undefined,
+                        width : !isMob ? Math.max(layout.width,150) : undefined,
                     },
                     isMob && {flex:1},
                     !isMob && {paddingRight : 0},

package/src/layouts/DatabaseStatistics/index.js

@@ -14,7 +14,6 @@ export default function DatabaseStatisticScreen ({withScreen,fetchDataProps,tabl
         containerProps = defaultObj(containerProps);
         const title = containerProps.title = defaultStr(containerProps.title,DatabaseStatisticScreen.title);
         contentProps = defaultObj(contentProps);
-        const forceRender = React.useForceRender();
         if(Component == Cell){
             containerProps.desktopSize = defaultNumber(containerProps.desktopSize,12);
             containerProps.tabletSize = defaultNumber(containerProps.tabletSize,8);
@@ -58,7 +57,7 @@ export default function DatabaseStatisticScreen ({withScreen,fetchDataProps,tabl
         content = <Component  {...containerProps} style={[containerProps.style,theme.styles.mr1,theme.styles.ml1]}>
             {content}
         </Component>;
-        return  withScreen !== false ? <Screen withScrollView title={defaultVal(customTitle,title)} {...props}>{content}</Screen> : content;
+        return  withScreen !== false ? <Screen containerProps={{style:[{flexGrow:0,flex:0}]}} withScrollView title={defaultVal(customTitle,title)} {...props}>{content}</Screen> : content;
 }   
 
 export const screenName = DatabaseStatisticScreen.screenName = "DatabaseStatistics";

package/src/layouts/Screen/FormData/List.js

@@ -33,30 +33,16 @@ export default class FormDataListScreen extends FormData{
         if(typeof show =='function'){
             show({...this.props,index:undefined,data:{}});
         }
-    }
-    doSave(args){
-
     }
     doSave2New(args){
-        if(!this.__canSaveListData) return;
         const {show} = this.props;
         if(typeof show =='function'){
             show({...args,index:undefined,data:{}});
         }
     }
     doSave2Close(args){
-        if(!this.__canSaveListData) return;
         return this.close();
     }
-    onSave(args){
-        let {formDataProps} = this.props;
-        this.__canSaveListData = true;
-        formDataProps = defaultObj(formDataProps);
-        if(typeof formDataProps.onSave =='function' && formDataProps.onSave(args) === false){
-            this.__canSaveListData = false;
-            return;
-        }
-    }
     _render(content){
         let {isAllowed} = this.props;
         if(typeof isAllowed ==='function'){

package/src/screens/Auth/PermLines.js

@@ -101,7 +101,7 @@ const PermLines = React.forwardRef(({user,gridProps,defaultActions:cDefaultActio
         })
         return content;
     },[tables,allPerms,isUserMasterAdmin,disabled,tablePermPrefix])
-    return <Expandable {...props} testID={testID} style={[theme.styles.w100,style]} containerProps={containerProps} titleProps = {{style:[styles.expandable,theme.styles.w100]}} title={title}>
+    return <Expandable withScrollView={false} {...props} testID={testID} style={[theme.styles.w100,style]} containerProps={containerProps} titleProps = {{style:[styles.expandable,theme.styles.w100]}} title={title}>
         <Grid testID={testID+"_Grid"} {...gridProps}>
             {content }
         </Grid>