@fto-consult/expo-ui 2.23.8 → 2.23.10

package/package.json

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

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

@@ -974,28 +974,26 @@ export default class CommonDatagridComponent extends AppComponent {
    isFilterable(){
         return this.props.filterable !== false && this.props.filters !== false ? true : false;
    }
-   showFilters(){
-       if(!this._isMounted() || !this.isFilterable()) {
+   toggleFilters(showFilters,cb){
+        if(!this._isMounted() || !this.isFilterable()) {
             this.isUpdating = false;
             return;
-       }
-       if(this.isUpdating) return false;
-       this.isUpdating = true;
-       this.setState( {showFilters:true},()=>{
-           this.isUpdating = false;
-           this.setSessionData({showFilters:true});
-       })
+        }
+        if(typeof showFilters !=='boolean' || showFilters === this.state.showFilters) return;
+        if(this.isUpdating) return false;
+        this.isUpdating = true;
+        setTimeout(()=>{
+            this.setState( {showFilters},()=>{
+                this.isUpdating = false;
+                this.setSessionData({showFilters});
+            })
+       },100);
    }
-  hideFilters (){
-       if(!this._isMounted() || !this.isFilterable()) {
-          this.isUpdating = false;
-          return;
-       }
-       if(this.isUpdating) return false;
-       this.setState({showFilters:false},()=>{
-            this.isUpdating = false;
-            this.setSessionData({showFilters:false})
-       })
+   showFilters(){
+       return this.toggleFilters(true);
+   }
+    hideFilters (){
+       return this.toggleFilters(false);
    }
 
     toggleFooters(showOrHide){
@@ -2355,10 +2353,17 @@ export default class CommonDatagridComponent extends AppComponent {
     willConvertFiltersToSQL(){
         return !!defaultVal(this.props.convertFiltersToSQL,willConvertFiltersToSQL());;
     }
-    getFilters(){
-        this.filters = extendObj(true,{},this.filteredValues,this.filters)
-        const preparedFilters = prepareFilters(this.filters,{filter:this.canHandleFilterVal.bind(this),convertToSQL:this.willConvertFiltersToSQL()});
-        return preparedFilters;
+    /*** récupère les filtres en cours du datagrid
+     * @param {boolean} prepare si les filtres seront apprêtés grace à la méthode prepareFilters de $cFilters 
+     * @param {boolean} convertFiltersToSQL si les filtres seront convertis au formatSQL
+     */
+    getFilters(args){
+        args = defaultObj(args);
+        const prepare = typeof args.prepare =='boolean'? args.prepare : typeof args.prepareFilters =='boolean' ? args.prepareFilters : true;
+        this.filters = extendObj(true,{},this.filteredValues,this.filters);
+        const convertFiltersToSQL = typeof args.convertToSQL =="boolean"? args.convertToSQL : typeof args.convertFiltersToSQL =="boolean"? args.convertFiltersToSQL : false;
+        if(prepare === false) return this.filters;
+        return prepareFilters(this.filters,{filter:this.canHandleFilterVal.bind(this),convertToSQL:convertFiltersToSQL});
     }
     onChangeDataSources(args){
         let {dataSources,server} = args;
@@ -3164,6 +3169,8 @@ CommonDatagridComponent.propTypes = {
     displayTypes : PropTypes.arrayOf(chartDisplayType),
     /***le code de la fonction d'aggregation à utilier par défaut, dans la liste des fonctions d'aggrégations du composant */
     aggregatorFunction : PropTypes.string,
+    /*** permet de faire une mutation sur les options de la recherche, immédiatement avant le lancement de la recherche */
+    fetchOptionsMutator : PropTypes.func,
 }
 
 const styles = StyleSheet.create({

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

@@ -1,7 +1,12 @@
 import CommonDatagrid from "./Common";
 import {defaultObj,extendObj,defaultStr,isNonNullString,isFunction,isPromise} from "$utils";
 import PropTypes from "prop-types";
-
+import {convertToSQL} from "$ecomponents/Filter";
+/**** 
+ *      la fonction fetchOptionsMutator permet éventuellemnt de faire une mutations sur les options fetchOptions avant qu'elle ne soit appliquée pour la recherche. elle
+ *      est appelée avant que la fonction convertToSQL ne soit appelée, bien évidemement si la props convertToSQL est active pour le datagrid
+ *      la fonction beforeFetchData est appelée immédiatement avant l'execution de la requête fetch et après que la fonction converttoSQL soit appelée
+ */
 export default class CommonTableDatagrid extends CommonDatagrid{
     constructor(props){
         super(props);
@@ -76,8 +81,9 @@ export default class CommonTableDatagrid extends CommonDatagrid{
                     force = cb;
                     cb = undefined;
                 }
-                const fetchFilters = this.getFilters();
-                fetchOptions = isObj(fetchOptions)?Object.clone(fetchOptions):{};
+                const fetchFilters = this.getFilters({convertToSQL:false});
+                fetchOptions = defaultObj(fetchOptions);
+                fetchOptions = Object.clone(fetchOptions);
                 fetchOptions.selector = defaultObj(fetchOptions.selector);
                 fetchOptions.dataSources = this.currentDataSources;
                 fetchOptions = extendObj(true,true,{},fetchOptions,{selector : fetchFilters});
@@ -91,7 +97,14 @@ export default class CommonTableDatagrid extends CommonDatagrid{
                         delete fetchOptions.limit
                     }
                 }
+                if(typeof this.props.fetchOptionsMutator =='function' && this.props.fetchOptionsMutator(fetchOptions) === false){
+                    this.isFetchingData = false;
+                    return resolve(this.state.data);
+                }
                 this.beforeFetchData(fetchOptions);
+                if(this.willConvertFiltersToSQL()){
+                    fetchOptions.selector = convertToSQL(fetchOptions.selector);
+                }
                 if(typeof this.props.beforeFetchData =='function' && this.props.beforeFetchData({...rest,context:this,force,fetchOptions,options:fetchOptions}) === false){
                     this.isFetchingData = false;
                     return resolve(this.state.data);
@@ -105,7 +118,7 @@ export default class CommonTableDatagrid extends CommonDatagrid{
                     fetchData = this.props.fetchData.call(this,fetchOptions);
                 }
                 fetchData = isFunction(fetchData)? fetchData.call(this,fetchOptions) : fetchData;
-                this.updateProgress(true,()=>{
+                this.setIsLoading(true,()=>{
                     if(isPromise(fetchData)){
                         return fetchData.then(data=>{
                            return this.resolveFetchedDataPromise({cb,data,force}).then((data)=>{
@@ -133,7 +146,7 @@ export default class CommonTableDatagrid extends CommonDatagrid{
                             reject(e);
                         });
                     }     
-                });
+                },true);
             },1);
         })
         return this.fetchingPromiseData;
@@ -153,6 +166,7 @@ export default class CommonTableDatagrid extends CommonDatagrid{
                     } 
                     resolve(data);
                     this.isFetchingData = undefined;
+                    this.setIsLoading(false,false);
                 })
             });
         })

package/src/components/Datagrid/SWRDatagrid.js

@@ -393,8 +393,8 @@ const SWRDatagridComponent = React.forwardRef((props,ref)=>{
             autoSort = {canSortRemotely()? false : true}
             isLoading = {loading && !error && showProgressRef.current && true || false}
             beforeFetchData = {(args)=>{
+                if(typeof beforeFetchData =="function" && beforeFetchData(args)==false) return;
                 let {fetchOptions:opts,force} = args;
-                if(typeof beforeFetchData =="function" && beforeFetchData(fetchData)==false) return;
                 opts.fields = fetchFields;
                 opts = getFetchOptions({showError:showProgressRef.current,...opts});
                 isInitializedRef.current = true;

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

@@ -12,6 +12,7 @@ import {renderActions} from "$ecomponents/Dialog/utils";
 import {handleBeforeSaveCallback} from "./utils";
 import componentsTypes from "./componentsTypes";
 import { keyboardShortcuts } from "../utils";
+import {getScreenProps} from "$cnavigation";
 
 export default class FormDataComponent extends AppComponent{
     constructor(props){
@@ -63,9 +64,9 @@ export default class FormDataComponent extends AppComponent{
         return true;
     }
     getAppBarActionsProps(props){
-        let {data,onCancel,perm,beforeSaveArgumentsMutator,beforeSave,actions,saveDataMutator,...rest} = defaultObj(props,this.props);
-        const onSave = typeof this.props.onSave =='function'? this.props.onSave : props.onSave;
-        beforeSave = defaultFunc(beforeSave);
+        let {data,onCancel,perm,beforeSaveArgumentsMutator,beforeSave,actions,saveDataMutator,...rest} = getScreenProps(defaultObj(props,this.props));
+        const onSave = typeof props.onSave ==='function'? props.onSave : this.props.onSave ;
+        beforeSave = typeof beforeSave =='function'? beforeSave : x=>true;
         return getAppBarActionsProps({
             ...defaultObj(rest),
             ...this.getAppBarProps(),

package/src/layouts/Screen/TableData.js

@@ -151,6 +151,7 @@ export default class TableDataScreenComponent extends FormDataScreen{
             printProp : {value : typeof mainProps.print =='function' && mainProps.print || undefined},
             archiveProp : {value : typeof mainProps.archive =='function' && mainProps.archive || undefined },
             testIDProp : {value : defaultStr(mainProps.testID)},
+            showPreloaderOnUpsert : {value : mainProps.showPreloaderOnUpsert},
             isDocEditingProp : {value : typeof mainProps.isDocEditing =='function'? mainProps.isDocEditing : typeof mainProps.isDocUpdate =='function'? mainProps.isDocUpdate : undefined}
         });
         this.hidePreloader = this.hidePreloader.bind(this);
@@ -360,6 +361,7 @@ export default class TableDataScreenComponent extends FormDataScreen{
         return true;
     }
     componentWillRender(rActionsArg){
+        rActionsArg.context = this;
         const rActions = renderActions.call(this,rActionsArg);
         const renderedActs = this.renderActions(rActionsArg);
         if(!rActionsArg.archived){
@@ -591,7 +593,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),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){
@@ -636,7 +638,7 @@ export default class TableDataScreenComponent extends FormDataScreen{
             const isUpdated = this.isDocEditing(data);
             let isPOpened = true;
             const closePreloader = ()=>{
-                if(isPOpened){
+                if(isPOpened && this.showPreloaderOnUpsert !==false){
                     hidePreloader();
                 }
                 isPOpened = false;
@@ -648,7 +650,9 @@ export default class TableDataScreenComponent extends FormDataScreen{
                     goBack(true);
                 }
             }
-            showPreloader(this.getConfirmTitle()+"\n"+(isUpdated?'Modification':'Enregistrement')+" en cours...");
+            if(this.showPreloaderOnUpsert !== false){
+                showPreloader(this.getConfirmTitle()+"\n"+(isUpdated?'Modification':'Enregistrement')+" en cours...");
+            }
             const hasManyData = this.hasManyData();
             const context = this;
             const tableName = this.tableName;
@@ -851,6 +855,7 @@ TableDataScreenComponent.propTypes = {
         PropTypes.node,
         PropTypes.element,
     ]),
+    showPreloaderOnUpsert : PropTypes.bool,//Si le preloader sera afficher en cas d'insertion/modification
     autoSetDefaultValue : PropTypes.bool,//si la valeur par défaut sera définie pour les champs de types date et time
 }