@fto-consult/expo-ui 8.72.0 → 8.73.1

package/bin/create-app/dependencies.js

@@ -11,8 +11,8 @@
 	"@react-navigation/native-stack": "^6.9.26",
 	"@react-navigation/stack": "^6.3.29",
 	"@shopify/flash-list": "1.6.3",
-	"expo": "^50.0.15",
-	"expo-camera": "~14.1.2",
+	"expo": "^50.0.17",
+	"expo-camera": "~14.1.3",
 	"expo-clipboard": "~5.0.1",
 	"expo-font": "~11.10.3",
 	"expo-image-picker": "~14.7.1",
@@ -20,7 +20,7 @@
 	"expo-sharing": "~11.10.0",
 	"expo-sqlite": "~13.4.0",
 	"expo-status-bar": "~1.11.1",
-	"expo-system-ui": "~2.9.3",
+	"expo-system-ui": "~2.9.4",
 	"expo-web-browser": "~12.8.2",
 	"react": "18.2.0",
 	"react-native": "0.73.6",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "8.72.0",
+  "version": "8.73.1",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "react-native-paper-doc": "https://github.com/callstack/react-native-paper/tree/main/docs/docs/guides",
   "scripts": {
@@ -70,7 +70,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@faker-js/faker": "^8.0.2",
-    "@fto-consult/common": "^4.41.1",
+    "@fto-consult/common": "^4.45.0",
     "apexcharts": "^3.48.0",
     "file-saver": "^2.0.5",
     "google-libphonenumber": "^3.2.34",
@@ -85,9 +85,9 @@
     "react-native-iphone-x-helper": "^1.3.1",
     "react-native-mime-types": "^2.5.0",
     "react-native-paper": "^5.12.3",
-    "react-native-paper-dates": "^0.22.6",
+    "react-native-paper-dates": "^0.22.7",
     "react-native-web": "^0.19.10",
-    "react-virtuoso": "^4.7.8",
+    "react-virtuoso": "^4.7.9",
     "readable-stream": "^4.5.2",
     "sanitize-filename": "^1.6.3",
     "tippy.js": "^6.3.7",

package/src/components/BottomSheet/Sheet.js

@@ -59,7 +59,6 @@ const BottomSheetComponent = React.forwardRef((props,ref)=> {
         modalProps,
         titleProps : _titleProps,
         withScrollView,
-        bindResizeEvent,
         scrollViewProps : _scrollViewProps,
         actionTitle,
         elevation:customElevation,
@@ -228,12 +227,8 @@ const BottomSheetComponent = React.forwardRef((props,ref)=> {
     
     React.setRef(ref,{close:closeModal,open})
     React.useEffect(()=>{
-        if(bindResizeEvent){
-            APP.on(APP.EVENTS.RESIZE_PAGE,closeModal);
-        }
         return ()=>{
             removeListeners();
-            APP.off(APP.EVENTS.RESIZE_PAGE,closeModal);
             React.setRef(ref,null);
         }
     },[]);
@@ -326,7 +321,6 @@ BottomSheetComponent.propTypes = {
 
 BottomSheetComponent.defaultProps = {
   withScrollView : PropTypes.bool,
-  bindResizeEvent : PropTypes.bool,
   animationType: isNativeMobile ? "slide" : "fade",//Background animation ("none", "fade", "slide")
   height:undefined,//Height of Bottom Sheet
   minClosingHeight: 0,//Minimum height of Bottom Sheet before close

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

@@ -21,8 +21,8 @@ import BackToTop from "$ecomponents/BackToTop";
 import FiltersAccordionComponent from "./Filters";
 import RenderType from "../RenderType";
 import { flatMode} from "$ecomponents/TextField";
-//import List from "$ecomponents/Table/List";
-import List from "$ecomponents/List/FlashList";
+import List from "$ecomponents/Table/List";
+//import List from "$ecomponents/List/FlashList";
 import theme,{Colors} from "$theme";
 import {styles as rStyles} from "../utils";
 import Avatar from "$ecomponents/Avatar";
@@ -552,7 +552,7 @@ const DatagridFactory = (Factory)=>{
                         extraData = {this.state.refresh}
                         contentInset={{ right: 10, top: 10, left: 10, bottom: 10 }}
                         itemHeight = {undefined}
-                        responsive = {defaultBool(responsive,rest.responsive,accordionProps.responsive,true)}
+                        responsive = {defaultBool(this.hasSectionListData()? false : undefined,responsive,rest.responsive,accordionProps.responsive,true)}
                         filter = {filter}
                         getItemType = {this.getFlashListItemType.bind(this)}
                         renderItem = {this.renderItem.bind(this)}

package/src/components/Dialog/Dialog.js

@@ -177,8 +177,11 @@ const DialogComponent = React.forwardRef((props,ref)=>{
             containerProps.mediaQueryUpdateStyle = (...rest)=>{
                 const r = typeof mediaQueryUpdateStyle =="function"? mediaQueryUpdateStyle(...rest) : undefined;
                 const {width,height} = rest[0];
-                const rW = setDimensions !==  false ? {width,height} : {};
-                return isFullScreenDialog()? [r,{...rW,maxWidth:"100%",maxHeight:"100%"}] : [r,setDimensions !== false && {maxHeight:getMaxHeight(),maxWidth:getMaxWidth()}];
+                let rW = setDimensions !==  false ? {width,height} : {};
+                if(setDimensions !== false && isFullScreenDialog()){
+                    rW = {width:'100%',height:'100%',minHeight:height,maxWidth:"100%",maxHeight:"100%"};
+                }
+                return isFullScreenDialog()? [r,rW] : [r,setDimensions !== false && {maxHeight:getMaxHeight(),maxWidth:getMaxWidth()}];
             }
         }
         return containerProps;

package/src/components/Dropdown/index.js

@@ -35,6 +35,11 @@ const MAX_SELECTED_ITEMS = 2;
 
 export const isValidValueKey = valueKey => isNonNullString(valueKey);
 
+/***
+    au cas où les données sont chargées depuis la bd,
+    la props isLoading doit être passée à true à ce compossant
+    elle devra être remise à false une fois le chargement des données terminé
+*/
 class DropdownComponent extends AppComponent {
     constructor(props){
         super(props);
@@ -106,7 +111,7 @@ class DropdownComponent extends AppComponent {
                     return index;
                 }, override : false, writable : false
             },
-            canHandleMultiple : {
+            isDefaultMultiplePropEnabled : {
                 value  : !!multiple,
                 override : false, writable : false,
             },
@@ -120,6 +125,7 @@ class DropdownComponent extends AppComponent {
 
         extendObj(this.state,{
             initialized : false,
+            selected : this.prepareSelected({defaultValue}),
             filterText : "",
             anchorHeight : undefined,
             isMobileMedia : isMobileOrTabletMedia(),
@@ -134,6 +140,9 @@ class DropdownComponent extends AppComponent {
         this.inputRef = React.createRef(null);
         this.listRef = React.createRef(null);
     }
+    canHandleMultiple (){
+        return !!this.props.multiple;
+    }
     updateSelected (nState,force){
         nState = defaultObj(nState);
         //this.countEee = defaultNumber(this.countEee)+1;
@@ -148,7 +157,7 @@ class DropdownComponent extends AppComponent {
             let selectedItem = null;
             const valueKey = this.getValueKey(this.state.selected);
             if(this.state.initialized && !force){
-                if(!this.canHandleMultiple){
+                if(!this.canHandleMultiple()){
                     if(valueKey && this.state.valuesKeys[valueKey]){
                         selectedItem = this.state.valuesKeys[valueKey].item;
                     }
@@ -185,9 +194,9 @@ class DropdownComponent extends AppComponent {
         },force);
     }
     selectItem ({value,select,valueKey}){
-        let selected = this.canHandleMultiple ? [...this.state.selected] : undefined;
+        let selected = this.canHandleMultiple() ? [...this.state.selected] : undefined;
         let selectedValuesKeys = {...this.state.selectedValuesKeys};
-        if(this.canHandleMultiple){
+        if(this.canHandleMultiple()){
             if(!select){
                 if(valueKey in selectedValuesKeys){
                     const newS = [];
@@ -215,7 +224,7 @@ class DropdownComponent extends AppComponent {
         }
         this.willHandleFilter = false;
         let nState = {};
-        if(!this.canHandleMultiple){
+        if(!this.canHandleMultiple()){
             nState.visible = false;
         }
         this.updateSelected({...nState,data:!this.isBigList?[...this.state.data]: this.state.data,selected,selectedValuesKeys});
@@ -234,7 +243,7 @@ class DropdownComponent extends AppComponent {
         if(valueKey && forceCheck !== true){
             return valueKey in this.state.selectedValuesKeys ? true : false;
         }
-        if(this.canHandleMultiple) {
+        if(this.canHandleMultiple()) {
             currentSelected = Array.isArray(currentSelected)? currentSelected :  this.state.selected;
             for(let i in currentSelected){
                 if(this.compare(currentValue,currentSelected[i])) return true;
@@ -246,7 +255,7 @@ class DropdownComponent extends AppComponent {
     }
     prepareSelected({defaultValue}){
         let s = defaultValue !== undefined ? defaultValue : undefined;
-        if(this.canHandleMultiple){
+        if(this.canHandleMultiple()){
             if(isNonNullString(s)){
                 s = s.split(",");//si c'est un tableau, ça doit être séparé de virgule
             } else {
@@ -291,7 +300,7 @@ class DropdownComponent extends AppComponent {
             if(isObj(valuesKeys[valueKey])){
                 const node = valuesKeys[valueKey];
                 const text = node.text;
-                if(!this.canHandleMultiple){
+                if(!this.canHandleMultiple()){
                     sDText = text;
                 } else {
                     counter++;
@@ -306,7 +315,7 @@ class DropdownComponent extends AppComponent {
                 for(let i in selectedValues){
                     const text = selectedValues[i];
                     if(!isNonNullString(text) && typeof text !=="number") continue;
-                    if(!this.canHandleMultiple){
+                    if(!this.canHandleMultiple()){
                         sDText = String(text);
                     } else {
                         counter++;
@@ -322,13 +331,13 @@ class DropdownComponent extends AppComponent {
         } else {
             this.toggleHasNoValidSelectedValue(false);
         }
-        if(this.canHandleMultiple && counter > maxCount && sDText){
+        if(this.canHandleMultiple() && counter > maxCount && sDText){
             sDText+= ", et "+((counter-maxCount).formatNumber()+" de plus")
         }
         return sDText;
     }
     pushSelectedValue(value,selectedStateValue){
-        if(this.canHandleMultiple){
+        if(this.canHandleMultiple()){
             selectedStateValue = Array.isArray(selectedStateValue)?selectedStateValue : [];
             selectedStateValue.push(value);
             return selectedStateValue;
@@ -349,7 +358,7 @@ class DropdownComponent extends AppComponent {
         const valuesKeys = {};
         const {filter} = this.props;
         const currentSelected = this.prepareSelected({defaultValue:this.props.defaultValue,...args});
-        let selected = this.canHandleMultiple ? []:undefined,selectedValuesKeys={};
+        let selected = this.canHandleMultiple() ? []:undefined,selectedValuesKeys={};
         const itemProps = defaultObj(this.props.itemProps);
         const itemsData = this.getItemsData(args);
         Object.map(itemsData,(item,index,_index)=>{
@@ -402,12 +411,12 @@ class DropdownComponent extends AppComponent {
         let hasChanged = false;
         selectOnlyOne = selectOnlyOne === true ? true : false;
         let newSelected = undefined;
-        if(this.canHandleMultiple){
+        if(this.canHandleMultiple()){
             newSelected = selectOnlyOne ? [] : [...this.state.selected];
         }
         const selectedValuesKeys = selectOnlyOne?{}:{...this.state.selectedValuesKeys};
         const sVal = this.prepareSelected({defaultValue:value});
-        if(this.canHandleMultiple){
+        if(this.canHandleMultiple()){
             if(sVal.length !== this.state.selected.length){
                 hasChanged = true;
             }
@@ -436,7 +445,7 @@ class DropdownComponent extends AppComponent {
     }
 
     selectAll (){
-        if(!this.canHandleMultiple) return;
+        if(!this.canHandleMultiple()) return;
         const newSelected = [],selectedValuesKeys={};
         this.state.data.map((item,_index)=>{
             const key = this.keysRefs[_index];
@@ -447,11 +456,11 @@ class DropdownComponent extends AppComponent {
         this.updateSelected({selected:newSelected,selectedValuesKeys,selectedText:this.getSelectedText(newSelected,selectedValuesKeys)});
     }
     unselectAll() {
-        if(!this.canHandleMultiple) return;
+        if(!this.canHandleMultiple()) return;
         this.updateSelected({selected:[],selectedValuesKeys:{},selectedText:''})
     }
     unselect (oState){
-        this.updateSelected({...defaultObj(oState),selected:this.canHandleMultiple ?[]:undefined,selectedValuesKeys:{},selectedText:""});
+        this.updateSelected({...defaultObj(oState),selected:this.canHandleMultiple() ?[]:undefined,selectedValuesKeys:{},selectedText:""});
     }
     getSelectedValue (){
         return this.getSelected();
@@ -461,7 +470,7 @@ class DropdownComponent extends AppComponent {
     }
     getSelectedItems (){
         let ret = {};
-        if(this.canHandleMultiple){
+        if(this.canHandleMultiple()){
             Object.map(this.state.selected,(value)=>{
                 const nodeKey = this.getNodeFromValue(value);
                 if(!nodeKey.valueKey) return;
@@ -654,15 +663,18 @@ class DropdownComponent extends AppComponent {
     UNSAFE_componentWillReceiveProps(nextProps){
         const {items,defaultValue,selected} = nextProps;
         const isFunc = typeof nextProps.items == "function";
+        if(nextProps.isLoading === true) return;
         if(isFunc || !React.areEquals(items,this.props.items)){
             const nState = this.prepareItems({items,defaultValue,selected});
             return this.updateSelected(nState,!isFunc);
         }
         let value = this.prepareSelected({defaultValue});
-        let areEquals = !this.canHandleMultiple ? this.compare(value,this.state.selected) : false;
-        if(areEquals) return;
-        let selectedValuesKeys = {}, newSelected = this.canHandleMultiple ? [] : value;
-        if(this.canHandleMultiple){
+        let areEquals = !this.canHandleMultiple() ? this.compare(value,this.state.selected) : false;
+        if(areEquals) {
+            return;
+        }
+        let selectedValuesKeys = {}, newSelected = this.canHandleMultiple() ? [] : value;
+        if(this.canHandleMultiple()){
             areEquals = value.length === this.state.selected.length;
             if(areEquals && !value.length){
                 areEquals = true;
@@ -771,7 +783,7 @@ class DropdownComponent extends AppComponent {
         const flattenStyle = StyleSheet.flatten(dropdownProps.style) || {};
         itemContainerProps = defaultObj(itemContainerProps);
         dropdownProps = defaultObj(dropdownProps);
-        const multiple = this.canHandleMultiple;
+        const multiple = this.canHandleMultiple();
         const renderTag = multiple && (display == 'tags' || display === 'tag' )? true : false;
         this.willRenderTag = renderTag;
     

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

@@ -108,7 +108,7 @@ export default class FormSelectField extends Field{
                 args.selectedItems = this._field.getSelectedItems();
             }
             args.value = this._field.prepareSelected({defaultValue:args.value})
-            if(!this._field.canHandleMultiple && !args.selectedItem){
+            if(!(typeof this._field.canHandleMultiple =='function' && this._field.canHandleMultiple()) && !args.selectedItem){
                 const valueKey = this._field.getValueKey(args.value);
                 if(valueKey && isObj(this._field.state.valuesKeys) && this._field.state.valuesKeys[valueKey]){
                     args.selectedItem = args.item = this._field.state.valuesKeys[valueKey].item;

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

@@ -81,7 +81,6 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,swrOptions,fore
         defaultFields.push(foreignKeyLabel);
     } 
     const foreignKeyColumnValue = props.defaultValue;
-    const defaultValueRef = React.useRef(props.multiple ? Object.toArray(foreignKeyColumnValue) : foreignKeyColumnValue);
     let isDisabled = defaultBool(props.disabled,props.readOnly,false);
     if(!isDisabled && props.readOnly === true){
         isDisabled = true;
@@ -112,17 +111,26 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,swrOptions,fore
     const fetchItemsRef = React.useRef(customFetchItem);
     fetchItemsRef.current = customFetchItem;
     swrOptions = Object.assign({},swrOptions);
+    const itemsRef = React.useRef([]);
+    const restOptionsRef = React.useRef({});
+    const fetchedResultRef = React.useRef({});
+    const isMountedRef = React.useRef(false);
     ///@see : https://swr.vercel.app/docs/revalidation#disable-automatic-revalidations
     const canDisable = isFilter || isDisabled;
     swrOptions.revalidateOnFocus = canDisable? false : typeof swrOptions.revalidateOnFocus === "boolean" ? swrOptions.revalidateOnFocus : false;
+    swrOptions.revalidateOnMount = typeof swrOptions.revalidateOnMount =="boolean"? swrOptions.revalidateOnMount : true;
     swrOptions.revalidateIfStale = canDisable? false : typeof swrOptions.revalidateIfStale ==="boolean"? swrOptions.revalidateIfStale : false;
     swrOptions.revalidateOnReconnect = canDisable ? false : typeof swrOptions.revalidateOnReconnect ==="boolean"? swrOptions.revalidateOnReconnect : false;
     swrOptions.refreshWhenHidden = canDisable ? false :  typeof swrOptions.refreshWhenHidden =="boolean"? swrOptions.refreshWhenHidden : false;
+    swrOptions.dedupingInterval = canDisable ? 24*60*1000 : typeof swrOptions.dedupingInterval ==="number"? dedupingInterval : isMountedRef.current ?  60*1000:undefined;
     if(canDisable){
         swrOptions.refreshInterval = 30000*1000*60;
     }
-    const restOptionsRef = React.useRef({});
-    const fetchedResultRef = React.useRef({});
+    if(canDisable || typeof swrOptions.isVisible !="function"){
+        swrOptions.isVisible = () =>{
+            return canDisable ? false : !!!Object.size(itemsRef.current,true); //on rafraichit au focus uniquement lorsque la liste des items est vide
+        };
+    }
     restOptionsRef.current = {foreignKeyTable,foreignKeyColumn,foreignKeyLabel,foreignKeyColumnValue,sort,sortColumn,sortDir,foreignKeyTableObj:fKeyTable};
     const queryPathKey = isNonNullString(queryPath) ? setQueryParams(queryPath,{isstabledata:1,"stabledathkey":hashKey,foreignKeyColumn:defaultStr(foreignKeyColumn).toLowerCase()}) : null;
     const onFetchItemsRef = React.useRef();
@@ -131,6 +139,8 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,swrOptions,fore
     const fkeyFields = defaultObj(fKeyTable.fields);
     mutateFetchedItemsRef.current = mutateFetchedItems;
     const {isLoading:cIsLoading,data:fetchedItems,isValidating,refresh} = useSWR(hasErrors?null:queryPathKey,{
+        isSelectField : true,
+        fieldName : props.name,
         fetcher : (url,opts1)=>{
             if(typeof beforeFetchItems ==='function' && beforeFetchItems({fetchOptions}) === false) return Promise.resolve(fetchedResultRef.current);
             let opts = Object.clone(fetchOptions);
@@ -171,11 +181,17 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,swrOptions,fore
     });
     const isLoading = cIsLoading || isValidating;
     const items = React.useMemo(()=>{
+        if(isLoading) return itemsRef.current;
         const fItems = isObj(fetchedItems)? fetchedItems: fetchedResultRef.current;
-        if(!isObj(fItems) || !Array.isArray(fItems.items)) return [];
-        return fItems.items;
-    },[fetchedItems]);
+        if(!isObj(fItems) || !Array.isArray(fItems.items)) {
+            itemsRef.current = [];
+        } else {
+            itemsRef.current = fItems.items;
+        }
+        return itemsRef.current;
+    },[fetchedItems,isLoading]);
     React.useEffect(()=>{
+        isMountedRef.current = true;
         if(!isLoading && !Object.size(items,true)){
             refresh();
         }
@@ -261,6 +277,7 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,swrOptions,fore
     dialogProps.title = ttitle;
     return <Dropdown
         {...props}
+        fetchOptions = {fetchOptions}
         items = {items}
         isFilter = {isFilter}
         showAdd = {showAdd}

package/src/components/Form/utils/FormsManager.js

@@ -20,14 +20,17 @@ if(!isObj(APP.FormsManager)){
     });
     observable(APP.FormsManager);
     addObserver(APP.FormsManager);
+    const fManager = APP.FormsManager;
     APP.FormsManager.on("mount",(formName,formObject)=>{
         formObject._fields = defaultObj(formObject._fields);
         formObject._actions= defaultObj(formObject._actions);
         APP.FormsManager.forms[formName] = formObject;
         APP.trigger("MOUNT_FORM",formName);
-    }).on("unmount",(formName)=>{
+    });
+    fManager.on("unmount",(formName)=>{
         delete APP.FormsManager.forms[formName];
-    }).on("registerField",(fieldName,formName,fieldObj)=>{
+    });
+    fManager.on("registerField",(fieldName,formName,fieldObj)=>{
         if(fieldObj && isObservable(fieldObj)){
             APP.FormsManager.forms[formName] = defaultObj(APP.FormsManager.forms[formName]);
             APP.FormsManager.forms[formName]._fields = defaultObj(APP.FormsManager.forms[formName]._fields);
@@ -36,13 +39,15 @@ if(!isObj(APP.FormsManager)){
             let formField = form._fields[fieldName];
             if(isFunction(formField.onRegister)) formField.onRegister(fieldName,fieldObj);
         }
-    }).on("unregisterField",(fieldName,formName)=>{
+    });
+    fManager.on("unregisterField",(fieldName,formName)=>{
         if(isNonNullString(fieldName) && isNonNullString(formName)){
             APP.FormsManager.forms[formName] = defaultObj(APP.FormsManager.forms[formName]);
             APP.FormsManager.forms[formName]._fields = defaultObj(APP.FormsManager.forms[formName]._fields);
             delete APP.FormsManager.forms[formName]._fields[fieldName];
         }
-    }).on("mountAction",(formName,actionObj)=>{
+    });
+    fManager.on("mountAction",(formName,actionObj)=>{
         if(!isNonNullString(formName) || !isObj(actionObj)) {
             console.error("MSForm Action, l'action, nom du formulaire non définit ",formName,actionObj)
             return;
@@ -50,7 +55,8 @@ if(!isObj(APP.FormsManager)){
         APP.FormsManager.actions = defaultObj(APP.FormsManager.actions);
         APP.FormsManager.actions[formName] = defaultObj(APP.FormsManager.actions[formName]);
         APP.FormsManager.actions[formName][actionObj.getId()] = actionObj;
-    }).on("unmountAction",(formName,actionId)=>{
+    });
+    fManager.on("unmountAction",(formName,actionId)=>{
         if(!isNonNullString(formName) || !isNonNullString(actionId)) return;
         if(!isObj(APP.FormsManager.actions) || !isObj(APP.FormsManager.actions[formName])) return;
         delete APP.FormsManager.actions[formName][actionId]

package/src/components/List/hooks.js

@@ -1,7 +1,7 @@
 import React from "$react";
 import { prepareItems as customPrepareItems} from "./utils";
 import {defaultFunc,defaultBool,defaultDecimal} from "$cutils";
-import Dimensions,{isMobileMedia,useWindowDimensions} from "$cdimensions";
+import Dimensions,{usePageDimensions} from "$cdimensions";
 import {grid} from "$theme";
 /**** retourne le contexte associé au composant List
     
@@ -25,7 +25,7 @@ export const useList = ({items,filter,prepareItems,...props})=>{
 
 export const useGetNumColumns = ({windowWidth,numColumns,responsive})=>{
     responsive = defaultBool(responsive,false);
-    const dimensions = responsive ? useWindowDimensions() : Dimensions.get("window");
+    const dimensions = usePageDimensions(responsive)["window"];
     if(responsive){
         numColumns = grid.numColumns(windowWidth);
     } else {

package/src/components/Menu/Menu.js

@@ -56,7 +56,11 @@ class _Menu extends AppComponent {
       opacityAnimation: new Animated.Value(0),
       scaleAnimation: new Animated.ValueXY({ x: 0, y: 0 }),
     });
-    this._events.RESIZE_PAGE = this.handleDismiss.bind(this);
+    Object.defineProperties(this._events,{
+      RESIZE_PAGE : {
+        value : this.handleDismiss.bind(this),
+      }
+    });
   }
 
   componentDidUpdate(prevProps) {
@@ -153,10 +157,8 @@ class _Menu extends AppComponent {
     } else {
       BackHandler.removeEventListener('hardwareBackPress', this.handleDismiss);
     }
-
     APP.off(RESIZE_PAGE,this._events.RESIZE_PAGE);
     this.clearEvents();
-
     this.isBrowser() &&
       document.removeEventListener('keyup', this.handleKeypress);
   };

package/src/layouts/Screen/TableData.js

@@ -1,4 +1,4 @@
-import {defaultStr,isNumber,isPromise,defaultVal,extendObj,defaultObj,uniqid,isObj,isObjOrArray} from "$cutils";
+import {defaultStr,isNumber,isPromise,defaultVal,extendObj,defaultObj,uniqid,isObj,isPlainObject,isObjOrArray} from "$cutils";
 import {FormData} from "$ecomponents/Form";
 import FormDataScreen from "./FormData";
 import ScreenContainer from "./Screen";
@@ -319,7 +319,6 @@ export default class TableDataScreenComponent extends FormDataScreen{
                     delete fields[i];
                     return;
                 }
-                
             }
             if(rest.archived === true){
                 currentField.readOnly = true;

package/src/media/Assets/utils.js

@@ -1,8 +1,8 @@
 import { Asset} from 'expo-asset';
-import {isObj,isNonNullString} from "$cutils";
+import {isObj,isNonNullString,defaultStr} from "$cutils";
 
 export const loadAsset = async (asset)=>{
-    if(isObj(asset) && isAssets(asset)){
+    if(isObj(asset) && (isAssets(asset) || isDocumentPickerAsset(asset))){
         return Promise.resolve(asset);
     }
     return await new Promise((resolve,reject)=>{
@@ -24,5 +24,12 @@ export const load = loadAsset;
 export const isAssets = (asset,staticAssets)=>{
     return isObj(asset) && "width" in (asset) && "height" in (asset) && isNonNullString(asset.uri) && (staticAssets ? asset.uri.contains("/static/"):true);
 }
+export const isDocumentPickerAsset = (asset)=>{
+   if(isObj(asset) && assets.lastModified && assets.mimeType && assets.name && isNonNullString(assets.uri)){
+     asset.localUri =  defaultStr(asset.localUri,asset.uri);
+     return true;
+   } 
+   return false;
+}
 export const isValid = isAssets;
 export const isValidAssets = isAssets;

package/src/pdf/Reader/index.js

@@ -0,0 +1,6 @@
+export default function(){
+    return null;
+}
+
+export const open = ()=>{
+};