@fto-consult/expo-ui 2.14.1 → 2.14.3

package/package.json

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

package/src/components/Datagrid/RenderType.js

@@ -17,8 +17,8 @@ const DatagridRenderTypeComponent = (props)=>{
     const isDesk = isDesktopMedia();
     let type = defaultStr(get(typeKey),isDesk? "fixed":'accordion').toLowerCase().trim();
     const rTypes = [
-        {...getActiveProps(type,'accordion'),title:"Les éléments de liste s'affichent de manière optimisé pour téléphone mobile",code:'accordion',icon:accordionIcon,label:'Mobile',labelText:'environnement optimisé pour téléphone mobile'},
-        {...getActiveProps(type,'table'),title:"Les éléments de listes s'affichent dans un tableau rééel",code:'table',icon:tableIcon,label:'Tableau réel avec pagination'}
+        {...getActiveProps(type,'accordion'),tooltip:"Les éléments de liste s'affichent de manière optimisé pour téléphone mobile",code:'accordion',icon:accordionIcon,label:'Mobile',labelText:'environnement optimisé pour téléphone mobile'},
+        {...getActiveProps(type,'table'),tooltip:"Les éléments de listes s'affichent dans un tableau rééel",code:'table',icon:tableIcon,label:'Tableau réel avec pagination'}
     ]  
     Object.map(rendersTypes,(t,i)=>{
         if(isObj(t)){
@@ -37,10 +37,10 @@ const DatagridRenderTypeComponent = (props)=>{
         }
     });
     return <Menu
-        title = {"Type d'affichage du tableau"}
+        tooltip = {"Type d'affichage du tableau"}
         sheet
         items = {rTypes}
-        anchor = {(props)=><Icon {...props} name = {typeObj.icon} title={typeObj.title}/>}
+        anchor = {(props)=><Icon {...props} name = {typeObj.icon} tooltip={typeObj.tooltip}/>}
         onPressItem = {({item})=>{
             if(isObj(item) && item.code){
                 set(typeKey,item.code);

package/src/components/Datagrid/SWRDatagrid.js

@@ -6,7 +6,7 @@
  *  @see : 
  */
 import Datagrid from "./IndexComponent";
-import {defaultStr,defaultObj,defaultVal,isObjOrArray,isObj,extendObj} from "$utils";
+import {defaultStr,defaultObj,defaultVal,isNonNullString,defaultNumber,isObjOrArray,isObj,extendObj} from "$utils";
 import {Pressable} from "react-native";
 import SimpleSelect from "$ecomponents/SimpleSelect";
 import React from "$react";
@@ -27,6 +27,26 @@ import PropTypes from "prop-types";
 import {isDesktopMedia} from "$dimensions";
 import ActivityIndicator from "$ecomponents/ActivityIndicator";
 import {Menu} from "$ecomponents/BottomSheet";
+import session from "$session";
+
+export const getSessionKey = ()=>{
+    return Auth.getSessionKey("swrDatagrid");
+}
+export const getSessionData = (key)=>{
+    const data = defaultObj(session.get(getSessionKey()));
+    return isNonNullString(key) ? data[key.trim()] : data;
+}
+
+export const setSessionData = (key,value)=>{
+    const d = getSessionData();
+    if(isObj(key)){
+        return session.set(getSessionKey(),extendObj({},d,key));
+    }
+    d[key] = value;
+    return session.set(getSessionKey(),d);
+}
+
+
 
 const timeout = 5000*60*60;
 export const swrOptions = {
@@ -110,7 +130,7 @@ const SWRDatagridComponent = React.forwardRef((props,ref)=>{
     const totalRef = React.useRef(0);
     const isFetchingRef = React.useRef(false);
     const pageRef = React.useRef(1);
-    const limitRef = React.useRef(500);
+    const limitRef = React.useRef(defaultNumber(getSessionData("limit"),500));
     const isInitializedRef = React.useRef(false);
     testID = defaultStr(testID,"RNSWRDatagridComponent")
     const {error, isValidating,isLoading,refresh} = useSWR(fetchPath,{
@@ -268,6 +288,7 @@ const SWRDatagridComponent = React.forwardRef((props,ref)=>{
                                     onPress : ()=>{
                                         if(item == limitRef.current) return;
                                         limitRef.current = item;
+                                        setSessionData("limit",limitRef.current);
                                         pageRef.current = firstPage;
                                         setTimeout(() => {
                                             doRefresh(true);
@@ -339,7 +360,7 @@ const SWRDatagridComponent = React.forwardRef((props,ref)=>{
                     </View>
                 </View>
             }}
-            ListFooterComponent = {(props)=>{
+            /*ListFooterComponent = {(props)=>{
                 const r = typeof ListFooterComponent =='function'? ListFooterComponent(props) : null;
                 if(!loading) return r;
                 const aContent = <View testID={testID+"_ListHeaderActivityIndicator"} style={[theme.styles.w100,theme.styles.justifyContentCenter]}>
@@ -352,7 +373,7 @@ const SWRDatagridComponent = React.forwardRef((props,ref)=>{
                     </View>
                 }
                 return aContent;
-            }}
+            }}*/
             handleQueryLimit = {false}
             handlePagination = {false}
             autoSort = {canSortRemotely()? false : true}