@fto-consult/expo-ui 6.54.3 → 6.55.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "6.54.3",
+  "version": "6.55.0",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "main",
   "scripts": {
@@ -45,7 +45,7 @@
     "delete-node-modules": "rimraf ./**/node_modules",
     "dev": "npx expo start --no-dev --minify -c",
     "modifier-url-remote-git": "git remote set-url origin 'https://borispipo@github.com/borispipo/smart-eneo.git'",
-    "update": "npm i expo @emotion/native@latest react-native-big-list@latest apexcharts@latest file-saver@latest fs-extra@latest google-libphonenumber@latest @pchmn/expo-material3-theme@latest @emotion/native@latest @fto-consult/common@latest @react-navigation/stack react-native-blob-util react-native-gesture-handler@latest react-native-iphone-x-helper@latest react-native-mime-types@latest react-native-paper@latest react-native-paper-dates@latest @react-navigation/native@latest @react-navigation/native-stack@latest react-virtuoso@latest tippy.js@latest websql@latest xlsx@latest react-native-web@latest react-dom@latest react-native-webview@latest && npx expo install --fix && npm run update-apexchart && npm run find-licenses"
+    "update": "npm i expo @emotion/native@latest react-native-big-list@latest apexcharts@latest file-saver@latest fs-extra@latest google-libphonenumber@latest @pchmn/expo-material3-theme@latest @emotion/native@latest @fto-consult/common@latest @react-navigation/stack react-native-blob-util  react-native-iphone-x-helper@latest react-native-mime-types@latest react-native-paper@latest react-native-paper-dates@latest @react-navigation/native@latest @react-navigation/native-stack@latest react-virtuoso@latest tippy.js@latest websql@latest xlsx@latest react-native-web@latest react-dom@latest && npx expo install --fix && npm run update-apexchart && npm run find-licenses"
   },
   "bin": {
     "expo-ui": "./bin/index.js"
@@ -70,7 +70,7 @@
     "@expo/html-elements": "^0.5.1",
     "@expo/vector-icons": "^13.0.0",
     "@faker-js/faker": "^8.0.2",
-    "@fto-consult/common": "^3.50.3",
+    "@fto-consult/common": "^3.51.8",
     "@pchmn/expo-material3-theme": "^1.3.1",
     "@react-native-async-storage/async-storage": "1.18.2",
     "@react-native-community/datetimepicker": "7.2.0",
@@ -109,7 +109,6 @@
     "react-native-gesture-handler": "~2.12.0",
     "react-native-iphone-x-helper": "^1.3.1",
     "react-native-mime-types": "^2.4.0",
-    "react-native-mmkv": "^2.10.2",
     "react-native-paper": "^5.10.6",
     "react-native-paper-dates": "^0.19.7",
     "react-native-reanimated": "~3.3.0",

package/src/components/AppBar/Content.js

@@ -9,6 +9,7 @@ import Label from "$ecomponents/Label";
 import theme,{Colors} from "$theme";
 import {isIos,isWeb} from "$cplatform";
 import {defaultObj,defaultStr} from "$cutils";
+import { getThemeColors} from './utils';
 const AppbarContent = ({
   color: titleColor,
   subtitle,
@@ -26,8 +27,8 @@ const AppbarContent = ({
   testID,
   ...rest
 }) => {
-  
-    const titleTextColor = Colors.isValid(titleColor) ? titleColor : theme.colors.onPrimary;
+    const {color:tColor} = getThemeColors();
+    const titleTextColor = Colors.isValid(titleColor) ? titleColor : tColor;
     titleProps = defaultObj(titleProps);
     subtitleProps = defaultObj(subtitleProps);
     testID = defaultStr(testID)+"_RN_AppBarContent";

package/src/components/AppBar/utils.js

@@ -21,7 +21,7 @@ export const getMaxActions = (windowWidth) => {
 export const isSplitedActions = (actions)=> isObj(actions) && Array.isArray(actions.actions) && Array.isArray(actions.menus);
 
 export const getThemeColors = ()=>{
-    const isDark = theme.isDark(),onPrimary = isDark? theme.colors.onSurface : theme.colors.onPrimary;
+    const isDark = theme.isDark() || theme.colors.dark ,onPrimary = isDark? theme.colors.onSurface : theme.colors.onPrimary;
     return {
         onPrimary,
         color : onPrimary,

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

@@ -395,7 +395,6 @@ const DatagridFactory = (Factory)=>{
                 ]
             }
             const isLoading = this.isLoading();
-            const _progressBar = this.getProgressBar();
             const pointerEvents = this.getPointerEvents(); 
             const {
                 sortedColumns:sortColumns,
@@ -522,7 +521,7 @@ const DatagridFactory = (Factory)=>{
                             actions = {actions}
                         /> : null}
                         {datagridHeader}
-                        {_progressBar}
+                        {this.renderProgressBar()}
                         {!canRenderChart && showFooters ? (
                             <View  testID={testID+"_FooterContainer"} pointerEvents={pointerEvents} style={[theme.styles.justifyContentCenter,theme.styles.pv1]}>
                                 <View  testID={testID+"_FooterContentContainer"} style={[styles.footersContainer]}>

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

@@ -17,7 +17,7 @@ import React from "$react";
 import DateLib from "$lib/date";
 import Filter,{canHandleFilter,prepareFilters,compareValues} from "$ecomponents/Filter";
 import {CHECKED_ICON_NAME} from "$ecomponents/Checkbox";
-import { COLUMN_WIDTH,DATE_COLUMN_WIDTH,willConvertFiltersToSQL } from "../utils";
+import { COLUMN_WIDTH,DATE_COLUMN_WIDTH,DATE_TIME_COLUMN_WIDTH } from "../utils";
 import { StyleSheet,Dimensions,useWindowDimensions} from "react-native";
 import Preloader from "$ecomponents/Preloader";
 import Checkbox from "../Checkbox";
@@ -26,7 +26,7 @@ import { evalSingleValue,Footer,getFooterColumnValue,isValidAggregator,extendAgg
 import { makePhoneCall,canMakePhoneCall as canMakeCall} from "$makePhoneCall";
 import copyToClipboard from "$capp/clipboard";
 import { Pressable } from "react-native";
-import DatagridProgressBar from "$ecomponents/Table/ProgressBar";
+import DatagridProgressBar from "../ProgressBar";
 import View from "$ecomponents/View";
 import {Menu} from "$ecomponents/BottomSheet";
 import {styles as tableStyles} from "$ecomponents/Table";
@@ -40,7 +40,6 @@ import Button from "$ecomponents/Button";
 import stableHash from "stable-hash";
 import * as XLSX from "xlsx";
 import {convertToSQL} from "$ecomponents/Filter";
-import appConfig from "$capp/config";
 import events from "../events";
 import {MORE_ICON} from "$ecomponents/Icon"
 
@@ -241,7 +240,7 @@ export default class CommonDatagridComponent extends AppComponent {
             [footerFieldName] : {
                 value : uniqid(footerFieldName),override:false, writable: false
             },
-            progressBarRef : {
+            renderProgressBarRef : {
                 value : {current : null}
             },
             isLoadingRef : {
@@ -268,7 +267,6 @@ export default class CommonDatagridComponent extends AppComponent {
             chartRef : {value : {current:null}},
             layoutRef : {value : {}},
             hidePreloaderOnRenderKey : {value : uniqid("hide-preloader-on-render")},
-            isRenderingRef : {value : {current:false}},
             chartSeriesNamesColumnsMapping : {value : {}},//le mappage entre les index des series et les colonnes coorespondantes
         });
         this.setSelectedRows(selectedRows);
@@ -283,7 +281,7 @@ export default class CommonDatagridComponent extends AppComponent {
         const sessionAggregator = this.getSessionData("aggregatorFunction"); 
         this.state.aggregatorFunction= this.isValidAggregator(config.aggregatorFunction) && config.aggregatorFunction || this.isValidAggregator(this.props.aggregatorFunction) && this.props.aggregatorFunction || this.isValidAggregator(sessionAggregator) && sessionAggregator || Object.keys(this.aggregatorFunctions)[0];;
         this.isLoading = this.isLoading.bind(this);
-        this.getProgressBar = this.getProgressBar.bind(this);
+        this.renderProgressBar = this.renderProgressBar.bind(this);
         this.sortRef.current.dir = defaultStr(this.sortRef.current.dir,this.sortRef.current.column == "date"?"desc":'asc')
         this.hasColumnsHalreadyInitialized = false;
         this.initColumns(props.columns);
@@ -356,13 +354,10 @@ export default class CommonDatagridComponent extends AppComponent {
             return Promise.reject({});
         }
         const fetchOnlyVisibleColumns = !this.isFetchOnlyVisibleColumnsEnabled();
-        setTimeout(()=>{
-            this.setIsLoading(true,()=>{
-                this.toggleHidePreloaderOnRender(true);
-                this.setSessionData("fetchOnlyVisibleColumns",fetchOnlyVisibleColumns);
-                this.setState({fetchOnlyVisibleColumns},this.fetchDataIfCanFetchColumnsIfVisible.bind(this))
-            },true) 
-        },TIMEOUT)
+        this.setIsLoading(true,()=>{
+            this.setSessionData("fetchOnlyVisibleColumns",fetchOnlyVisibleColumns);
+            this.setState({fetchOnlyVisibleColumns},this.fetchDataIfCanFetchColumnsIfVisible.bind(this))
+        },TIMEOUT);
     }
     isValidAggregator(aggregatorFunction){
         return isNonNullString(aggregatorFunction) && isValidAggregator(this.aggregatorFunctions[aggregatorFunction])
@@ -971,7 +966,7 @@ export default class CommonDatagridComponent extends AppComponent {
         };
         const max = isMobileOrTabletMedia()? 200 : 5000;
         if(this.INITIAL_STATE.data.length > max){
-            return this.setIsLoading(true,call,true);
+            return this.setIsLoading(true,call);
         }
         return call();
     }
@@ -1156,7 +1151,7 @@ export default class CommonDatagridComponent extends AppComponent {
                             this.setSessionData({showFooters:showOrHide});
                         })
                     })
-                },true)
+                },)
             }
             this.setState( {showFooters:showOrHide},()=>{
                 this.isUpdating = false;
@@ -1181,7 +1176,7 @@ export default class CommonDatagridComponent extends AppComponent {
                     this.updateLayout();
                     this.setSessionData("fixedTable",fixedTable);
                 })
-            },true)
+            })
        },TIMEOUT)
    }
    getSessionNameKey (){
@@ -1190,20 +1185,18 @@ export default class CommonDatagridComponent extends AppComponent {
    /*** affiche ou masque une colonne filtrée */
    toggleFilterColumnVisibility1(field){
         if(!isNonNullString(field)) return;
-        setTimeout(()=>{
-            this.setIsLoading(true,()=>{
-                const filteredColumns = {...this.state.filteredColumns};
-                filteredColumns[field] = defaultBool(filteredColumns[field],false) == false ? true : false;
-                this.prepareColumns({filteredColumns});
-                this.setState({filteredColumns},()=>{
-                    this.setSessionData("filteredColumns"+this.getSessionNameKey(),filteredColumns);
-                    if(!filteredColumns[field]){
-                        this.filters[field] = defaultObj(this.filters[field]);
-                        this.filters[field].value = this.filters[field].defaultValue = undefined;
-                        this.doFilter({value:undefined,field})
-                    }
-                });
-            },true)
+        this.setIsLoading(true,()=>{
+            const filteredColumns = {...this.state.filteredColumns};
+            filteredColumns[field] = defaultBool(filteredColumns[field],false) == false ? true : false;
+            this.prepareColumns({filteredColumns});
+            this.setState({filteredColumns},()=>{
+                this.setSessionData("filteredColumns"+this.getSessionNameKey(),filteredColumns);
+                if(!filteredColumns[field]){
+                    this.filters[field] = defaultObj(this.filters[field]);
+                    this.filters[field].value = this.filters[field].defaultValue = undefined;
+                    this.doFilter({value:undefined,field})
+                }
+            });
         },TIMEOUT);
     }
     toggleFilterColumnVisibility(field,visible){
@@ -1223,19 +1216,16 @@ export default class CommonDatagridComponent extends AppComponent {
    */
    toggleColumnVisibility(field,removeFocus){
         if(!isNonNullString(field)) return;
-        setTimeout(()=>{
-            let columns = {...this.state.columns};
-            columns[field].visible = !columns[field].visible;
-            const footers = this.getFootersFields();
-            if(isObj(footers[field])){
-                footers[field].visible = columns[field].visible;
-            }
-            this.setIsLoading(true,()=>{
-                this.prepareColumns({columns});
-                this.toggleHidePreloaderOnRender(this.canFetchOnlyVisibleColumns());
-                this.setState({columns},this.fetchDataIfCanFetchColumnsIfVisible.bind(this));
-            })
-        },TIMEOUT)
+        let columns = {...this.state.columns};
+        columns[field].visible = !columns[field].visible;
+        const footers = this.getFootersFields();
+        if(isObj(footers[field])){
+            footers[field].visible = columns[field].visible;
+        }
+        this.setIsLoading(true,()=>{
+            this.prepareColumns({columns});
+            this.setState({columns},this.fetchDataIfCanFetchColumnsIfVisible.bind(this));
+        },TIMEOUT);
    }
    /****le nombre maximum de courbes supportées */
    getMaxSeriesSize(){
@@ -1322,21 +1312,19 @@ export default class CommonDatagridComponent extends AppComponent {
         if(!isObj(this.state.sectionListColumns) || !Array.isArray(this.preparedColumns?.sectionListColumnsMenuItems))return;
         const menuItems = this.preparedColumns?.sectionListColumnsMenuItems;
         if(!menuItems.length) return;
-        setTimeout(()=>{
-            this.setIsLoading(true,()=>{
-                const sectionListColumns = {...this.state.sectionListColumns};
-                if(enable !== true && isObj(sectionListColumns[columnName])){
-                    delete sectionListColumns[columnName];
-                } else {
-                    sectionListColumns[columnName] = {field:columnName};
-                }
-                const {sectionListColumns:pSListColumns} = this.prepareColumns({sectionListColumns});
-                this.prepareData({data:this.INITIAL_STATE.data,sectionListColumns:pSListColumns},(state)=>{
-                    this.setState({...state,sectionListColumns:pSListColumns},()=>{
-                        this.setSessionData("sectionListColumns",Object.keys(pSListColumns));
-                    });
+        this.setIsLoading(true,()=>{
+            const sectionListColumns = {...this.state.sectionListColumns};
+            if(enable !== true && isObj(sectionListColumns[columnName])){
+                delete sectionListColumns[columnName];
+            } else {
+                sectionListColumns[columnName] = {field:columnName};
+            }
+            const {sectionListColumns:pSListColumns} = this.prepareColumns({sectionListColumns});
+            this.prepareData({data:this.INITIAL_STATE.data,sectionListColumns:pSListColumns},(state)=>{
+                this.setState({...state,sectionListColumns:pSListColumns},()=>{
+                    this.setSessionData("sectionListColumns",Object.keys(pSListColumns));
                 });
-            },true);
+            });
         },TIMEOUT);
    }
    removeAllColumnsInSectionList(){
@@ -1348,7 +1336,7 @@ export default class CommonDatagridComponent extends AppComponent {
                     this.setSessionData("displayOnlySectionListHeaders",false);
                 });
             });
-        },true);
+        });
    }
    canDisplayOnlySectionListHeaders(){
         return this.hasFootersFields() && this.isSectionList() && this.hasSectionListData();
@@ -1378,15 +1366,13 @@ export default class CommonDatagridComponent extends AppComponent {
                 this.setState({displayType},()=>{
                     this.persistDisplayType(displayType);
                 });
-            },true)
+            })
         } else {
             const cb = (config)=>{
-                setTimeout(()=>{
-                    this.setIsLoading(true,()=>{
-                        this.setState({config,displayType},()=>{
-                            this.persistDisplayType(displayType);
-                        })
-                    },true);
+                this.setIsLoading(true,()=>{
+                    this.setState({config,displayType},()=>{
+                        this.persistDisplayType(displayType);
+                    })
                 },200);
             }
             if(!this.isValidChartConfig()){
@@ -1404,15 +1390,13 @@ export default class CommonDatagridComponent extends AppComponent {
         return this.aggregatorFunctions[Object.keys(this.aggregatorFunctions)[0]];
    }
    toggleAbreviateValues(){
-        setTimeout(()=>{
-            this.setIsLoading(true,()=>{
-                this.prepareData({data:this.INITIAL_STATE.data},(state)=>{
-                    const abreviateValues = !this.state.abreviateValues;
-                    this.setState({abreviateValues,...state},()=>{
-                        this.setSessionData("abreviateValues",abreviateValues);
-                    })
-                });
-            },true);
+        this.setIsLoading(true,()=>{
+            this.prepareData({data:this.INITIAL_STATE.data},(state)=>{
+                const abreviateValues = !this.state.abreviateValues;
+                this.setState({abreviateValues,...state},()=>{
+                    this.setSessionData("abreviateValues",abreviateValues);
+                })
+            });
         },TIMEOUT);
    }
    /**** récupère l'item de menu permettant lié à la sélection de la fonction d'aggggrégation */
@@ -1506,12 +1490,13 @@ export default class CommonDatagridComponent extends AppComponent {
                             const nConfig = {...config,...data};
                             this.setSessionData("config",nConfig);
                             DialogProvider.close();
-                            this.setIsLoading(true,true);
-                            this.prepareData({data:this.INITIAL_STATE.data,config:nConfig},(state)=>{
-                                this.setState({...state,config:nConfig},()=>{
-                                    resolve(nConfig)
+                            this.setIsLoading(true, ()=>{
+                                this.prepareData({data:this.INITIAL_STATE.data,config:nConfig},(state)=>{
+                                    this.setState({...state,config:nConfig},()=>{
+                                        resolve(nConfig)
+                                    });
                                 })
-                            })
+                            });
                         }
                     }
                 ]
@@ -1990,7 +1975,7 @@ export default class CommonDatagridComponent extends AppComponent {
                             this.configureChart(false).then((config)=>{
                                 this.setIsLoading(true,()=>{
                                     this.setState({config});
-                                },true)
+                                })
                             })
                         }
                     });
@@ -2390,18 +2375,17 @@ export default class CommonDatagridComponent extends AppComponent {
             const showFooters = true;
             const displayOnlySectionListHeaders = !!!this.state.displayOnlySectionListHeaders;
             this.setSessionData("displayOnlySectionListHeaders",displayOnlySectionListHeaders);
-            this.toggleHidePreloaderOnRender(true);
             if(!displayOnlySectionListHeaders){
                 return this.setIsLoading(true,()=>{
                     this.prepareData({data:this.INITIAL_STATE.data,displayOnlySectionListHeaders},(state)=>{
                         this.setState({...state,showFooters});
                     })
-                },true);
+                });
             } else {
                 this.setIsLoading(true,()=>{
                     const data = this.state.data.filter((d)=>d?.isSectionListHeader === true);
                     this.setState({data,displayOnlySectionListHeaders,showFooters});
-                },true)
+                })
             }
         },0);
    }
@@ -2517,7 +2501,7 @@ export default class CommonDatagridComponent extends AppComponent {
                 width = COLUMN_WIDTH;
             }
             if(type.contains("date")|| type.contains("time")){
-                const mWidth = type.toLowerCase().contains('datetime')? (DATE_COLUMN_WIDTH+30) : DATE_COLUMN_WIDTH;
+                const mWidth = type.toLowerCase().contains('datetime')? DATE_TIME_COLUMN_WIDTH : DATE_COLUMN_WIDTH;
                 width = Math.max(width,mWidth);
             } else if((type.contains("number") || type.contains("decimal") && this.props.format)){
                 width = Math.max(width,DATE_COLUMN_WIDTH-30);
@@ -2752,7 +2736,7 @@ export default class CommonDatagridComponent extends AppComponent {
     getColumns(){
         return isObj(this.state.columns)? this.state.columns : {};
     }
-    prepareData(args,cb){
+    prepareData (args,cb){
         let {pagination,config,aggregatorFunction:customAggregatorFunction,displayOnlySectionListHeaders:cdisplayOnlySectionListHeaders,data,force,sectionListColumns,sectionListCollapsedStates,updateFooters} = defaultObj(args);
         cb = typeof cb ==='function'? cb : typeof args.cb == 'function'? args.cb : undefined;
         config = isObj(config) && Object.size(config,true)? config : this.getConfig();
@@ -2938,11 +2922,9 @@ export default class CommonDatagridComponent extends AppComponent {
         const s = getSectionListCollapsedStates;
         if(!isNonNullString(sectionKey)) return;
         s[sectionKey] = !!!s[sectionKey];
-        setTimeout(()=>{
-            this.setIsLoading(true,()=>{
-               this.setState({sectionListCollapsedStates:{...s}});
-            },true);
-        },TIMEOUT)
+        this.setIsLoading(true,()=>{
+            this.setState({sectionListCollapsedStates:{...s}});
+        },TIMEOUT);
     }
     /****permet de faire le rendu flashlist */
     renderFlashListItem(args){
@@ -3046,22 +3028,23 @@ export default class CommonDatagridComponent extends AppComponent {
        return sRows;
     }
    
-    getProgressBar(props){
-        if(typeof props !=='object' || !props){
+    renderProgressBar(props){
+        if(typeof props !=='object' || !props || Array.isArray(props)){
             props = {};
         }
-        const ProgressBar = this.props.progressBar;
+        const ProgressBar = this.props.renderProgressBar;
         const children = React.isValidElement(ProgressBar) ? ProgressBar : 
-            this.props.useLinesProgressBar === true || this.props.useLineProgressBar === true ? CommonDatagridComponent.LineProgressBar(props)
+            this.props.useLinesProgressBar === true || this.props.withLineProgressBar ===true || this.props.useLineProgressBar === true ? CommonDatagridComponent.LineProgressBar(props)
             : React.isComponent(ProgressBar) ?<ProgressBar/> : this.getDefaultPreloader(props);
         return <DatagridProgressBar
             {...props}
+            datagridContext = {this}
             onChange = {(context)=>{
                 this.isLoadingRef.current = context.isLoading;
             }}
-            isLoading = {defaultBool(this.props.isLoading,this.isLoading())}
+            isLoading = {this.isLoading()}
             children = {children}  
-            ref = {this.progressBarRef}
+            ref = {this.renderProgressBarRef}
         />
     }
     handlePagination(start, limit, page) {
@@ -3146,7 +3129,7 @@ export default class CommonDatagridComponent extends AppComponent {
     }
     ///si les filtres devront être convertis au format SQL
     willConvertFiltersToSQL(){
-        return !!defaultVal(this.props.convertFiltersToSQL,willConvertFiltersToSQL());;
+        return !!defaultVal(this.props.convertFiltersToSQL);;
     }
     /*** retourne la liste des colonnes sur lesquelles on peut effectuer un filtre*/
     getFilterableColumnsNames(){ 
@@ -3298,7 +3281,7 @@ export default class CommonDatagridComponent extends AppComponent {
                             reject(e);
                         });
                     }     
-                },true);
+                });
             },1);
         })
         return this.fetchingPromiseData;
@@ -3322,9 +3305,8 @@ export default class CommonDatagridComponent extends AppComponent {
                         cb(data)
                     } 
                     resolve(data);
-                    this.isRenderingRef.current = false;
                     this.isFetchingData = undefined;
-                    this.setIsLoading(false,false);
+                    this.setIsLoading(false);
                 })
             });
         })
@@ -3418,7 +3400,7 @@ export default class CommonDatagridComponent extends AppComponent {
         fetchOptions.dataSources = this.currentDataSources;
         fetchOptions.selector = fetchFilters;
         fetchOptions.sort = this.getSort();
-        const canIncludeField = typeof this.props.includeFieldsInFetchOptions =='boolean'? this.props.includeFieldsInFetchOptions : defaultBool(appConfig.get("includeFieldsInDatagridFetchOptions")) !== false;
+        const canIncludeField = typeof this.props.includeFieldsInFetchOptions =='boolean'? this.props.includeFieldsInFetchOptions : true;
         if(canIncludeField){
             const ff = this.getFilterableColumnsNames();
             let fields = ff;
@@ -3560,7 +3542,7 @@ export default class CommonDatagridComponent extends AppComponent {
         return Math.max(max-this.getSectionListDataSize(),0);
     }
     canSetIsLoading(){
-        return isObj(this.progressBarRef.current) && typeof this.progressBarRef.current.setIsLoading =='function' ? true : false;
+        return (this.renderProgressBarRef.current) && typeof this.renderProgressBarRef.current.setIsLoading =='function' ? true : false;
     }
     canHidePreloaderOnRender(){
         const cH = this[this.hidePreloaderOnRenderKey];
@@ -3570,60 +3552,22 @@ export default class CommonDatagridComponent extends AppComponent {
         this[this.hidePreloaderOnRenderKey] = !!toggle;
     }
     onRender(){
-        if(!this.canHidePreloaderOnRender() && this.isTableData() && this.canFetchOnlyVisibleColumns()) {
-            return;
-        }
-        if(typeof this.props.onRender ==='function' && this.props.onRender({context:this}) === false){
-            return ;
-        }
-        if(this.isTableData() && this.isRenderingRef.current !== true){
+        if(!this.props.isLoading && this.isLoadingRef.current){
+            this.setIsLoading(false);
             return;
         }
-        this.isRenderingRef.current = false;
-        return this.setIsLoading(false,undefined,undefined);
     }
     /***
      * @param {boolean} loading
      * @param {function | boolean} cb | enablePointerEvents
-     * @param {boolean|function} enablePointerEvents
      */
-    setIsLoading (loading,cb,enablePointerEvents,timeout){
-        if(typeof cb =='boolean'){
-            const t = enablePointerEvents;
-            enablePointerEvents = cb;
-            cb = t;
-        }
-        if(typeof enablePointerEvents =='boolean'){
-            this.enablePointerEventsRef.current = enablePointerEvents;
-        }
+    setIsLoading (loading,cb,timeout){
+        loading = this.props.isLoading === true ? true : typeof loading =='boolean'? loading : false;
         timeout = typeof timeout =='number'? timeout : 500;
         cb = typeof cb =='function'? cb : x=>true;
-        if(this.canSetIsLoading() && typeof loading =='boolean'){
-            if(loading === true){
-                this.isRenderingRef.current = true;
-            } else if(this.isRenderingRef.current === true){
-                  return setTimeout(cb,timeout);;
-            }
-            return this.progressBarRef.current.setIsLoading(loading,()=>{
-                setTimeout(cb,timeout);
-            });
-        } else {
-           setTimeout(cb,timeout);
-        }
-    }
-     /**** met à jour l'état de progression de la mise à jour du tableau */
-     updateProgress(isLoading,cb){
-        this.isLoadingRef.current = defaultBool(isLoading,!!!this.isLoadingRef.current);
-        cb = typeof cb =='function'?cb : typeof isLoading =='function'? isLoading : null
-        if(isLoading){
-            this.isRenderingRef.current = true;
-        }
-        if(this.canSetIsLoading()){
-            return this.setIsLoading(isLoading,cb);
-        }
-        cb && setTimeout(() => {
-            cb();
-        }, 200);
+        this.isLoadingRef.current = loading;
+        this.trigger("toggleIsLoading",{isLoading:loading});
+        return setTimeout(cb,timeout);
     }
     isAllRowsSelected(){
         const count = this.getSelectedRowsCount() - this.getSectionListDataSize();
@@ -3684,25 +3628,32 @@ export default class CommonDatagridComponent extends AppComponent {
         return false;
     }
     UNSAFE_componentWillReceiveProps(nextProps){
-        if(nextProps.data === this.props.data || React.areEquals(nextProps.data,this.props.data)) {
+        const cb = ()=>{
+            if(typeof nextProps.isLoading =='boolean' && nextProps.isLoading !== this.isLoading()){
+                this.setIsLoading(nextProps.isLoading);
+            }
             return false;
         }
+        if(nextProps.data === this.props.data || React.areEquals(nextProps.data,this.props.data)) {
+            return cb();
+        }
         const newStableHash = stableHash(nextProps.data);
         this.prevStableDataHash = this.prevStableDataHash !== undefined ? this.prevStableDataHash : stableHash(this.props.data);
-        if(newStableHash == this.prevStableDataHash) return false;
+        if(newStableHash == this.prevStableDataHash) return cb();
         this.prevStableDataHash = newStableHash;
-        this.setIsLoading(true,true);
-        this.prepareData({...nextProps,force:true},(state)=>{
-            this.setState(state)
-        });
+        this.setIsLoading(true,()=>{
+            this.prepareData({...nextProps,force:true},(state)=>{
+                this.setState(state)
+            })
+        },0);
     }
     getDefaultPreloader(props){
         return CommonDatagridComponent.getDefaultPreloader();
     }
     isLoading (){
-        if(this.state.isReady === false || this.isRenderingRef.current) return true;
+        if(this.state.isReady === false) return true;
         if(typeof this.props.isLoading =='boolean') return this.props.isLoading;
-        return this.isLoadingRef.current === true ? true : false;
+        return !!this.isLoadingRef.current;
     }
     getLinesProgressBar(){
         return CommonDatagridComponent.LinesProgressBar(this.props);
@@ -4014,7 +3965,7 @@ CommonDatagridComponent.propTypes = {
     */
     filter : PropTypes.func, 
     /*** la barre de progression */
-    progressBar : PropTypes.node,
+    renderProgressBar : PropTypes.node,
     /*** fonction permettant de retourner l'unique clé des éléments du tableau */
     getRowKey : PropTypes.func,
     ///la fonction utilisée pour l'impression du datagrid

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

@@ -57,9 +57,9 @@ export default class CommonTableDatagrid extends CommonDatagrid{
     isTableData(){
         return true;
     }
-    getProgressBar(props){
+    renderProgressBar(props){
         if(this.isDataJustComeToUpsert) return null;
-        return super.getProgressBar(props);
+        return super.renderProgressBar(props);
     }
 }
 

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

@@ -95,7 +95,6 @@ export default class DatagridDashboard extends TableData {
         titleProps = Object.assign({},titleProps);
         testID = this.getTestID();
         rest = defaultObj(rest);
-        const _progressBar = this.getProgressBar();
         const pointerEvents = this.getPointerEvents();
         const maxHeight = 300;
         return <View {...rest} testID={testID} style={[styles.container,{maxHeight},rest.style]} pointerEvents={pointerEvents}>
@@ -110,7 +109,7 @@ export default class DatagridDashboard extends TableData {
                 />
             </View> : null}
             {<View testID={testID+"_ChartContainer"} {...chartContainerProps} style={[theme.styles.w100,chartContainerProps.style]}>
-                {_progressBar}
+                {this.renderProgressBar()}
                 {this.renderChart()}
             </View>}
         </View>

package/src/components/Datagrid/IndexComponent.js

@@ -8,11 +8,13 @@ import {isDesktopMedia,isMobileMedia} from "$cplatform/dimensions";
 import {isFunction,defaultVal,defaultStr} from "$cutils";
 import React from "$react";
 import {getRenderType} from "./utils";
+import useExpoUI from "$econtext/hooks";
 
 
 const DatagridMainComponent = React.forwardRef((props,ref)=>{
     const isDesk = isDesktopMedia();
     const isMob = defaultStr(isMobileMedia());
+    const {components:{datagrid}} = useExpoUI();
     const isTableData = typeof props.isTableData =='boolean'? props.isTableData  : defaultStr(props.tableName,props.table).trim() || typeof props.fetchData ==='function'?true : false;
     const rType = defaultStr(getRenderType()).toLowerCase().trim();
     const renderType = defaultStr(rType && ['table','accordion'].includes(rType) ? rType : "",isDesk? "table":'accordion').trim().toLowerCase();
@@ -24,6 +26,7 @@ const DatagridMainComponent = React.forwardRef((props,ref)=>{
         return isTableData ? DatagridTableData : Table;
     },[isTableData,renderType,canRenderAccordion,isMob])
     return <Component
+        {...datagrid}
         {...props}
         ref = {ref}
     />;

package/src/components/Datagrid/ProgressBar.js

@@ -0,0 +1,30 @@
+// Copyright 2022 @fto-consult/Boris Fouomene. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+import React from "$react";
+import {defaultBool} from "$cutils";
+
+const DatagridProgressBar = React.forwardRef(({datagridContext,children},ref)=>{
+    const [isLoading,_setIsLoading] = React.useState(defaultBool(datagridContext?.props?.isLoading));
+    const isMounted = React.useIsMounted();
+    const setIsLoading = (nLoading)=>{
+        if(!isMounted() || typeof nLoading == isLoading) return;
+        _setIsLoading(nLoading);
+    }
+    React.useEffect(()=>{
+        if(datagridContext?.on){
+            const onToggleLoading = ({isLoading:newIsLoading})=>{
+                setIsLoading(newIsLoading);
+            }
+            datagridContext.on("toggleIsLoading",onToggleLoading);
+            return ()=>{
+                datagridContext?.off("toggleIsLoading",onToggleLoading);
+            }
+        }
+    },[datagridContext])
+    return !isLoading || !React.isValidElement(children) ? null : children;
+});
+
+DatagridProgressBar.displayName ="DatagridProgressBar";
+
+export default DatagridProgressBar;

package/src/components/Datagrid/SWRDatagrid.js

@@ -20,7 +20,6 @@ import Label from "$ecomponents/Label";
 import { StyleSheet,View } from "react-native";
 import theme from "$theme";
 import useSWR from "$swr";
-import appConfig from "$capp/config";
 import {getRowsPerPagesLimits} from "./Common/utils";
 import PropTypes from "prop-types";
 import {Menu} from "$ecomponents/BottomSheet";
@@ -392,7 +391,7 @@ const SWRDatagridComponent = React.forwardRef((props,ref)=>{
             handleQueryLimit = {false}
             handlePagination = {false}
             autoSort = {canSortRemotely()? false : true}
-            isLoading = {loading && !error && showProgressRef.current && true || false}
+            isLoading = {loading /*&& !error*/ && showProgressRef.current && true || false}
             beforeFetchData = {(args)=>{
                 if(typeof beforeFetchData =="function" && beforeFetchData(args)==false) return;
                 let {fetchOptions:opts,force} = args;

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

@@ -159,7 +159,6 @@ const DatagridFactory = (Factory)=>{
             const hasFootersFields = this.hasFootersFields();
             const {columnsWidths:widths} = this.state;
             const showFooters = this.canShowFooters(), showFilters = this.canShowFilters();
-            const progressBar = this.getProgressBar();
             const pointerEvents = this.getPointerEvents(); 
 
             const restItems = [...this.renderCustomMenu()];
@@ -297,7 +296,7 @@ const DatagridFactory = (Factory)=>{
                                 actions = {actions}
                             /> : null}
                             {rPagination}
-                            {progressBar}  
+                            {this.renderProgressBar()}  
                         </View>
                         {canRenderChart ?
                             <View testID={testID+"_ChartContainer"} {...chartContainerProps} style={[theme.styles.w100,chartContainerProps.style]}>

package/src/components/Datagrid/utils.js

@@ -120,6 +120,8 @@ export const ROW_BORDER_STYLE = {
 
 export const DATE_COLUMN_WIDTH = 200;
 
+export const DATE_TIME_COLUMN_WIDTH = 280;
+
 export {LINE_HEIGHT}
 
 export const styles = ({
@@ -188,6 +190,4 @@ export const getRowStyle = ({row,bordered,numColumns,rowData,isAccordion,isTable
         style.push(styles.noHorizontalBorder);
     }
     return style;
-}
-
-export const willConvertFiltersToSQL = x=>!!appConfig.get("convertFiltersToSQL");
+}

package/src/components/Dialog/Dialog.js

@@ -15,7 +15,7 @@ import {MAX_WIDTH,SCREEN_INDENT,MIN_HEIGHT} from "./utils";
 import {isMobileOrTabletMedia,isMobileMedia} from "$cplatform/dimensions"; 
 import Platform,{isMobileNative} from "$cplatform";
 import Icon,{BACK_ICON} from "$ecomponents/Icon";
-import {ACTION_ICON_SIZE} from "$ecomponents/AppBar";
+import {ACTION_ICON_SIZE,getThemeColors} from "$ecomponents/AppBar";
 import DialogFooter from "./DialogFooter";
 import { Dimensions } from "react-native";
 import Surface from "$ecomponents/Surface";
@@ -88,7 +88,7 @@ const DialogComponent = React.forwardRef((props,ref)=>{
     appBarProps = defaultObj(appBarProps);
     subtitle = subtitle !== false ? defaultVal(appBarProps.subtitle,modalProps.subtitle,subtitle) : null;
     backActionProps = Object.assign({},backActionProps);
-    backActionProps.color =  Colors.isValid(backActionProps.color)? backActionProps.color : theme.colors.onPrimary;
+    backActionProps.color =  Colors.isValid(backActionProps.color)? backActionProps.color : getThemeColors().onPrimary;
     cancelButton = cancelButton === false || modalProps.cancelButton === false ? null : isObj(cancelButton)? {...cancelButton} : {};
     if(isNonNullString(no)){
         no = {label:no};

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

@@ -9,9 +9,9 @@ import actions from "$cactions";
 import {navigateToTableData} from "$enavigation/utils";
 import {getFetchOptions,prepareFilters} from "$cutils/filters";
 import fetch from "$capi"
-import {willConvertFiltersToSQL} from "$ecomponents/Datagrid/utils";
 import React from "$react";
 import useApp from "$econtext/hooks";
+import DateLib from "$lib/date";
 
 /*** la tabledataSelectField permet de faire des requêtes distantes pour rechercher les données
  *  Elle doit prendre en paramètre et de manière requis : les props suivante : 
@@ -19,11 +19,11 @@ import useApp from "$econtext/hooks";
  *  foreignKeyTable : la tableData dans laquelle effectuer les donées de la requêtes
  *  foreignKeyLabel : Le libélé dans la table étrangère
  */
-const TableDataSelectField = React.forwardRef(({foreignKeyColumn,isStructData,getForeignKeyTable:cGetForeignKeyTable,prepareFilters:cPrepareFilters,bindUpsert2RemoveEvents,onAdd,showAdd:customShowAdd,canShowAdd,foreignKeyTable,fetchItemsPath,foreignKeyLabel,foreignKeyLabelIndex,dropdownActions,fields,fetchItems:customFetchItem,convertFiltersToSQL,mutateFetchedItems,onFetchItems,isFilter,isUpdate,isDocEditing,items,onAddProps,fetchOptions,...props},ref)=>{
+const TableDataSelectField = React.forwardRef(({foreignKeyColumn,foreignKeyLabelRenderers,isStructData,getForeignKeyTable:cGetForeignKeyTable,prepareFilters:cPrepareFilters,bindUpsert2RemoveEvents,onAdd,showAdd:customShowAdd,canShowAdd,foreignKeyTable,fetchItemsPath,foreignKeyLabel,foreignKeyLabelIndex,dropdownActions,fields,fetchItems:customFetchItem,convertFiltersToSQL,mutateFetchedItems,onFetchItems,isFilter,isUpdate,isDocEditing,items,onAddProps,fetchOptions,...props},ref)=>{
     props.data = defaultObj(props.data);
     const type = defaultStr(props.type)?.toLowerCase();
     isStructData = isStructData || type?.replaceAll("-","").replaceAll("_","").trim().contains("structdata");
-    const {getTableData:appGetForeignKeyTable,getStructData} = useApp();
+    const {getTableData:appGetForeignKeyTable,getStructData,components:{datagrid}} = useApp();
     if(!foreignKeyColumn && isNonNullString(props.field)){
         foreignKeyColumn = props.field;
     }
@@ -31,11 +31,13 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,isStructData,ge
         foreignKeyColumn = foreignKeyColumn.trim();
     }
     if(isNonNullString(foreignKeyLabel)){
-        foreignKeyLabel = foreignKeyLabel.trim();
-        foreignKeyLabel = foreignKeyLabel.ltrim("[").rtrim("]").split(",");
+        foreignKeyLabel = foreignKeyLabel.trim().ltrim("[").rtrim("]").split(",");
+        if(!isNonNullString(foreignKeyColumn)){
+            foreignKeyLabel = foreignKeyLabel.filter((f)=>f?.toLowerCase()?.trim() !== foreignKeyColumn.toLowerCase().trim());
+        }
     }
     const getForeignKeyTable = typeof cGetForeignKeyTable =='function'? cGetForeignKeyTable : isStructData ? getStructData: appGetForeignKeyTable;
-    convertFiltersToSQL = defaultVal(convertFiltersToSQL,willConvertFiltersToSQL());
+    convertFiltersToSQL = defaultVal(convertFiltersToSQL,datagrid.convertFiltersToSQL);
     const foreignKeyTableStr = defaultStr(foreignKeyTable,props.tableName,props.table);
     if(typeof getForeignKeyTable !=='function'){
         console.error("la fonction getTableData non définie des les paramètres d'initialisation de l'application!!! Rassurez vous d'avoir définier cette fonction!!, options : foreignKeyTable:",foreignKeyTable,"foreignKeyColumn:",foreignKeyColumn,props)
@@ -209,6 +211,7 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,isStructData,ge
     } else {
         dropdownActions.trefreshItem = refreshItem;
     }
+    foreignKeyLabelRenderers = defaultObj(foreignKeyLabelRenderers);
     const rItem = (p)=>{
         if(!isObj(p) || !isObj(p.item)) return null;
         let itemLabel = typeof foreignKeyLabel =='function'? foreignKeyLabel(p) : undefined;
@@ -216,12 +219,15 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,isStructData,ge
             let itl = "";
             foreignKeyLabel.map(fk=>{
                 if(!isNonNullString(fk)) return;
+                const render = foreignKeyLabelRenderers[fk.trim()];
                 let itv = p.item[fk];
-                if(typeof itv =='number'){
-                    itv = String(itv);
+                if(typeof render =='function'){
+                    itv = render(p);
+                } else if(typeof itv =='string' && itv && DateLib.isIsoDateStr(itv)){
+                    itv = DateLib.format(itv,DateLib.defaultDateFormat);
                 }
                 itl+= (itl?" ":"")+ (itv || defaultStr(itv))
-            })
+            });
             if(itl){
                 itemLabel = itl;
             }
@@ -301,6 +307,8 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,isStructData,ge
 
 TableDataSelectField.propTypes = {
     ...Dropdown.propTypes,
+    /*** permet de faire le mappage entre les foreignKeyLabel et les type correspondants */
+    foreignKeyLabelRenderers : PropTypes.object,
     prepareFilters : PropTypes.bool,//si les filtres seront customisé
     bindUpsert2RemoveEvents : PropTypes.bool,//si le composant écoutera l'évènement de rafraichissement des données
     onAdd : PropTypes.func, //({})=>, la fonction appelée lorsque l'on clique sur le bouton add

package/src/context/Provider.js

@@ -30,6 +30,9 @@ import {extendFormFields} from "$ecomponents/Form/Fields";
            image{ReactComponent} :,
            text {ReactComponent}
         },
+        datagrid : {
+          ///les props par défaut à passer au composant Datagrid
+        },
         customFormFields{Object}, //les composant personalisés des forms fields
         loginPropsMutator : ({object})=><{object}>, la fonction permettant de muter les props du composant Login,
         tableLinkPropsMutator : ({object})=><{object}>, la fonction permettant de muter les props du composant TableLink,
@@ -155,7 +158,8 @@ const Provider = ({children,getTableData,handleHelpScreen,navigation,swrConfig,c
             },
             tableLinkPropsMutator : (props)=>{
                 return extendProps(components.tableLinkPropsMutator,props);
-            }
+            },
+            datagrid : Object.assign({},components.datagrid),
         },
         getTableData,
         getTable : getTableData,

package/src/navigation/Drawer/items/index.js

@@ -11,7 +11,7 @@ import {useMemo,useEffect,useRef} from "react";
 import { screenName as aboutScreenName} from "$escreens/Help/About";
 import theme from "$theme";
 import APP from "$capp/instance";
-import useExpoUI from "$econtext";
+import useExpoUI from "$econtext/hooks";
 
 const useGetItems = (options)=>{
     const {navigation:{drawerItems}} = useContext(); 

package/src/realm/Provider/index.js

@@ -1,4 +1,4 @@
-import useExpoUI from "$econtext";
+import useExpoUI from "$econtext/hooks";
 import React from "$react";
 
 export default function ExpoUIRealmProvider({children,...props}){

package/src/screens/Help/openLibraries.js

@@ -1 +1 @@
-module.exports = {"@fto-consult/expo-ui":{"name":"@fto-consult/expo-ui","version":"6.54.3","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.50.3","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.8","url":"https://reactnavigation.org","license":"MIT"},"@react-navigation/native-stack":{"version":"6.9.14","url":"https://github.com/software-mansion/react-native-screens#readme","license":"MIT"},"@react-navigation/stack":{"version":"6.3.18","url":"https://reactnavigation.org/docs/stack-navigator/","license":"MIT"},"@shopify/flash-list":{"version":"1.4.3","url":"https://shopify.github.io/flash-list/","license":"MIT"},"apexcharts":{"version":"3.43.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.13","url":"https://github.com/expo/expo/tree/main/packages/expo","license":"MIT"},"expo-camera":{"version":"13.4.4","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.3","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"},"is-plain-obj":{"version":"4.1.0","license":"MIT"},"js-base64":{"version":"3.7.5","license":"BSD-3-Clause"},"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.5","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-mmkv":{"version":"2.10.2","url":"https://github.com/mrousavy/react-native-mmkv#readme","license":"(MIT AND BSD-3-Clause)"},"react-native-paper":{"version":"5.10.6","url":"https://callstack.github.io/react-native-paper","license":"MIT"},"react-native-paper-dates":{"version":"0.19.7","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.9","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.6.0","url":"https://virtuoso.dev/","license":"MIT"},"sharp-cli":{"version":"2.1.0","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.54.5","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.51.8","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.8","url":"https://reactnavigation.org","license":"MIT"},"@react-navigation/native-stack":{"version":"6.9.14","url":"https://github.com/software-mansion/react-native-screens#readme","license":"MIT"},"@react-navigation/stack":{"version":"6.3.18","url":"https://reactnavigation.org/docs/stack-navigator/","license":"MIT"},"@shopify/flash-list":{"version":"1.4.3","url":"https://shopify.github.io/flash-list/","license":"MIT"},"apexcharts":{"version":"3.43.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.13","url":"https://github.com/expo/expo/tree/main/packages/expo","license":"MIT"},"expo-camera":{"version":"13.4.4","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.3","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"},"is-plain-obj":{"version":"4.1.0","license":"MIT"},"js-base64":{"version":"3.7.5","license":"BSD-3-Clause"},"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.5","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.6","url":"https://callstack.github.io/react-native-paper","license":"MIT"},"react-native-paper-dates":{"version":"0.19.7","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.9","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.6.0","url":"https://virtuoso.dev/","license":"MIT"},"sharp-cli":{"version":"2.1.0","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"}};

package/src/components/Table/ProgressBar.js

@@ -1,58 +0,0 @@
-// Copyright 2022 @fto-consult/Boris Fouomene. All rights reserved.
-// Use of this source code is governed by a BSD-style
-// license that can be found in the LICENSE file.
-import React from "$react";
-import {defaultBool} from "$cutils";
-
-const DatagridProgressBar = React.forwardRef(({isLoading:customIsLoading,onChange,children},ref)=>{
-    const [isLoading,_setIsLoading] = React.useState(defaultBool(customIsLoading));
-    const isMounted = React.useIsMounted();
-    const loadingCbRef = React.useRef(null);
-    const cb = loadingCbRef.current;
-    loadingCbRef.current = null;
-    const setIsLoading = (loading)=>{
-        _setIsLoading(loading);
-    }
-    const context = {
-        isLoading,
-        setIsLoading : (loading,cb)=>{
-            if(!isMounted()){
-                if(typeof cb =='function'){
-                    return cb({});
-                }
-                return;
-            }
-            if(typeof loading =='boolean' && loading != isLoading){
-                loadingCbRef.current = cb;
-                setIsLoading(loading);
-            } else if(typeof cb =='function'){
-                cb({isLoading});
-            }
-        }
-    }
-    React.setRef(ref,context);
-    React.useEffect(()=>{
-        if(typeof customIsLoading =='boolean' && customIsLoading != isLoading){
-            setIsLoading(customIsLoading);
-        }
-    },[customIsLoading])
-    React.useEffect(()=>{
-        if(typeof cb =='function'){
-            cb({isLoading});
-        }
-        loadingCbRef.current = null;
-        if(typeof onChange =='function'){
-            onChange(context);
-        }
-    },[isLoading])
-    React.useEffect(()=>{
-        return ()=>{
-            React.setRef(ref,null);
-        }
-    },[]);
-    return !isLoading || !React.isValidElement(children) ? null : children;
-});
-
-DatagridProgressBar.displayName ="DatagridProgressBar";
-
-export default DatagridProgressBar;