@fto-consult/expo-ui 2.12.0 → 2.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "2.12.0",
+  "version": "2.12.1",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "index.js",
   "scripts": {
@@ -65,7 +65,7 @@
     "@expo/metro-config": "^0.4.0",
     "@expo/vector-icons": "^13.0.0",
     "@expo/webpack-config": "^0.17.2",
-    "@fto-consult/common": "^1.20.1",
+    "@fto-consult/common": "^1.20.2",
     "@gorhom/portal": "^1.0.14",
     "@react-native-async-storage/async-storage": "~1.17.3",
     "@react-native-community/datetimepicker": "6.5.2",

package/src/components/Countries/SelectCountry.js

@@ -20,7 +20,7 @@ export const getCountryFieldProps = (props)=>{
         items : countries,
         upper : true,
         dialogProps : {title:'Sélectionner un pays'},
-        getItemValue : ({item})=>item.code,
+        getItemValue : ({item})=>item.code.toUpperCase(),
         renderText : ({item})=>"[{0}] {1}".sprintf(item?.code?.toUpperCase(),item?.label),
         compare : (a,b)=>{
             return typeof a ==='string' && typeof b =='string' && a.toLowerCase() === b.toLowerCase() ? true : false; 

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

@@ -677,9 +677,20 @@ export default class Field extends AppComponent {
         return true;
     }
     onBlurField(event){
-        if(isFunction(this.props.onBlur)){
-            this.props.onBlur({event,context:this})
+        if(isFunction(this.props.onBlur) && this.props.onBlur({event,context:this}) === false){
+            return;
         }
+        if(this.isFilter()) return
+        const value = this.getValue();
+        if(isNonNullString(this.props.fieldToPopulateOnBlur) && isNonNullString(value)){
+            const context = this.getField(this.props.fieldToPopulateOnBlur.trim());
+            if(context && context.getValue){
+                const cVal = defaultStr(context.getValue());
+                if(cVal.length < value.length){
+                    context.setValue(value);
+                }
+            }
+        }   
     }
     onFocusField(event){
         if(isFunction(this.props.onFocus)){
@@ -772,6 +783,7 @@ export default class Field extends AppComponent {
             width,
             height,
             jsType,
+            fieldToPopulateOnBlur,
             ...rest
         } = this.props;
         if(this.state.caughtAnError){
@@ -1043,6 +1055,10 @@ Field.propTypes = {
      *   Lorsqu'elle est définie alors le rendu lors du composant doit être de type filter 
      */
     renderfilter : PropTypes.string, 
+    /**** il s'agit d'un champ du même formulaire que la formField actuel, qui sera populated avec la valeur par défaut
+     * de la formField cournat loreque la valeur du champ en question a une longueur très inférieure à celle de la valeur de la form courante.
+     */
+    fieldToPopulateOnBlur : PropTypes.string,
     /*** cette fonction doit retourner l'instance de la field
         elle doit toujours être définie dans la classe qui hérite directement au composant Field
     */

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

@@ -36,7 +36,7 @@ const TableDataSelectField = React.forwardRef((_props,ref)=>{
     const [state,setState] = React.useState({
         items : [],isLoading : true,
     });
-    fetchDataOpts = Object.assign({},fetchDataOpts);
+    fetchDataOpts = Object.clone(defaultObj(fetchDataOpts));
     fetchItems = typeof fetchItems =='function' ? fetchItems : typeof fKeyTable.queryPath =='string' ?  (opts)=>{
         return fetch(fKeyTable.queryPath,opts);
     } : undefined;
@@ -92,10 +92,12 @@ const TableDataSelectField = React.forwardRef((_props,ref)=>{
     const context = {
         refresh : (force,cb)=>{
             if(!isMounted()) return;
+            if(typeof beforeFetchItems ==='function' && beforeFetchItems(fetchDataOpts) === false) return;
             let opts = Object.clone(fetchDataOpts);
             opts.selector = prepareFilters(fetchDataOpts.selector,{convertToSQL:convertFiltersToSQL});
             opts = getFetchOptions(opts);
             const r = fetchItems && fetchItems(opts);
+            if(r === false) return;
             if(isPromise(r)){
                 r.then((args)=>{
                     if(Array.isArray(args)){
@@ -208,6 +210,7 @@ TableDataSelectField.propTypes = {
     ...Dropdown.propTypes,
     mutateFetchedItems : PropTypes.func, //la fonction permettant d'effectuer une mutation sur l'ensemble des donnéees récupérées à distance
     fetchItems : PropTypes.func,//la fonction de rappel à utiliser pour faire une requête fetch permettant de selectionner les données à distance
+    beforeFetchItems : PropTypes.func, //appelée immédiatement avant l'exécution de la requête fetch
     foreignKeyColumn : PropTypes.string.isRequired,//le nom de la clé étrangère à laquelle fait référence la colone dans la fKeyTable
     foreignKeyLabel : PropTypes.string,
     getForeignKeyTable : PropTypes.func.isRequired, //la fonction permettant de récupérer la fKeyTable data dont fait référence le champ

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

@@ -11,6 +11,12 @@ export default class FormSelectTableDataField extends SelectField{
                     this.props.onChange(args);
                 }
             }}
+            beforeFetchItems = {(opts)=>{
+                if(typeof props.beforeFetchItems =='function'){
+                    return props.beforeFetchItems({...opts,context:this,dropdownContext : this._field})
+                }
+                return true;
+            }}
             ref = {(el)=>{
                 this._field = el;
             }}

package/src/components/PhoneInput/PhoneNumber.js

@@ -1,5 +1,6 @@
 import _ from 'lodash';
 import libPhoneNumber from 'google-libphonenumber';
+import {isNonNullString,defaultStr} from "$cutils";
 
 import Country from './country';
 import numberType from './numberType.json'; // eslint-disable-line @typescript-eslint/no-unused-vars
@@ -10,7 +11,7 @@ const asYouTypeFormatter = libPhoneNumber.AsYouTypeFormatter;
 
 export const parse = (number,iso2)=>{
     try {
-        return phoneUtil.parse(number, iso2);
+        return phoneUtil.parse(number, defaultStr(iso2).toLowerCase());
     } catch (err) {
         console.log(`Exception was thrown on parsing phone number : ${err.toString()}`);
         return null;
@@ -18,7 +19,7 @@ export const parse = (number,iso2)=>{
 }
 
 export const isValidNumber = (number,iso2)=>{
-    const phoneInfo = parse(number, iso2);
+    const phoneInfo = parse(number, defaultStr(iso2).toLowerCase());
     if (phoneInfo) {
         return phoneUtil.isValidNumber(phoneInfo);
     }
@@ -83,16 +84,16 @@ class PhoneNumber {
 
     // eslint-disable-next-line class-methods-use-this
     parse(number, iso2) {
-        return parse(number,iso2);
+        return parse(number,defaultStr(iso2).toLowerCase());
     }
 
     isValidNumber(number, iso2) {
-        return this.isValidNumber(number,iso2);
+        return this.isValidNumber(number,defaultStr(iso2).toLowerCase());
     }
 
     // eslint-disable-next-line class-methods-use-this
     format(number, iso2) {
-        const formatter = new asYouTypeFormatter(iso2); // eslint-disable-line new-cap
+        const formatter = new asYouTypeFormatter(defaultStr(iso2).toLowerCase()); // eslint-disable-line new-cap
         let formatted;
         number.replace(/-/g, '')
             .replace(/ /g, '')
@@ -107,14 +108,14 @@ class PhoneNumber {
     }
 
     getNumberType(number, iso2) {
-        const phoneInfo = this.parse(number, iso2);
+        const phoneInfo = this.parse(number, defaultStr(iso2).toLowerCase());
         const typeIndex = phoneInfo ? phoneUtil.getNumberType(phoneInfo) : -1;
         return _.findKey(numberType, (noType) => noType === typeIndex);
     }
 
     // eslint-disable-next-line class-methods-use-this
     getCountryDataByCode(iso2) {
-        return Country.getCountryDataByCode(iso2);
+        return Country.getCountryDataByCode(defaultStr(iso2).toLowerCase());
     }
 }
 

package/src/layouts/Screen/TableData.js

@@ -20,6 +20,8 @@ import {renderTabsContent,renderActions} from "./utils";
 import theme from "$theme";
 import cActions from "$cactions";
 import APP from "$capp/instance";
+import { generatedColumnsProperties } from "./utils";
+
 
 const HIDE_PRELOADER_TIMEOUT = 300;
 
@@ -164,6 +166,13 @@ export default class TableDataScreenComponent extends FormDataScreen{
         Object.map(this.fields,(field,i)=>{
             if(isObj(field)){
                 fields[i] = Object.clone(field);
+                generatedColumnsProperties.map((f)=>{
+                    //on affiche les champs générés uniquement  en cas de mise à jour
+                    if(field[f] === true){
+                        fields[f].visible = isUpdated ? true : false;
+                        fields[i].readOnly = true;
+                    }
+                });
                 if(isUpdated){
                     //la props readOnlyOnEditing permet de rendre le champ readOnly en cas de mise à jour de la tableData
                     if((field.readOnlyOnEditing === true)){
@@ -173,6 +182,7 @@ export default class TableDataScreenComponent extends FormDataScreen{
                         fields[i].disabled = true;
                     }
                 }
+                
             } else {
                 fields[i] = field;
             }
@@ -438,7 +448,7 @@ export default class TableDataScreenComponent extends FormDataScreen{
         if(this.cloneProp && this.cloneProp(data,this) === false) return data;
         this.showPreloader();
         delete data.approved;
-        Object.map(['_rev','_id','code','updatedBy','updatedDate','createdBy','updatedHour','createdHour','createdDate'],(idx)=>{
+        Object.map(['_rev',...generatedColumnsProperties,'_id','code','updateBy','updatedDate','createBy','updatedHour','createdHour','createdDate'],(idx)=>{
             data[idx] = undefined;
             delete data[idx];
         });

package/src/layouts/Screen/utils.js

@@ -5,6 +5,8 @@ import {Colors} from "$theme";
 import { COPY_ICON,PRINT_ICON} from "$ecomponents/Icon";
 import {getTableDataRouteName} from "$enavigation/utils";
 
+//@seee : https://github.com/typeorm/typeorm/blob/master/src/entity-schema/EntitySchemaColumnOptions.ts
+export const generatedColumnsProperties = ["createDate","updateDate","deleteDate","createBy","updateBy","deleteBy"]
 
 export const renderTabsContent = ({tabs,context,data,sessionName,isMobile,props,firstTab,tabKey,tabProps,tabsProps})=>{
     let tabsArr = [],hasFirstTab = false;