@fto-consult/expo-ui 6.86.1 → 6.87.2

package/package.json

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

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

@@ -114,19 +114,21 @@ const TableDataSelectField = React.forwardRef(({foreignKeyColumn,foreignKeyLabel
     }
     const hasRefreshedRef = React.useRef(false);
     React.useEffect(()=>{
-        context.refresh();
-        if(bindUpsert2RemoveEvents !== false){
-            const onUpsertData = ()=>{return isMounted()?context.refresh():undefined};
-            APP.on(actions.upsert(foreignKeyTable),onUpsertData);
-            APP.on(actions.onRemove(foreignKeyTable),onUpsertData);
-            return ()=>{
-                APP.off(actions.upsert(foreignKeyTable),onUpsertData);
-                APP.off(actions.onRemove(foreignKeyTable),onUpsertData);
-            };
+        if(bindUpsert2RemoveEvents === false || !(foreignKeyTableStr)){
+            return ()=>{}
         }
+        const onUpsertData = ()=>{
+            return isMounted()?context.refresh():undefined
+        };
+        APP.on(actions.upsert(foreignKeyTableStr),onUpsertData);
+        APP.on(actions.onRemove(foreignKeyTableStr),onUpsertData);
         return ()=>{
-            
-        }
+            APP.off(actions.upsert(foreignKeyTableStr),onUpsertData);
+            APP.off(actions.onRemove(foreignKeyTableStr),onUpsertData);
+        };
+    },[foreignKeyTableStr,bindUpsert2RemoveEvents])
+    React.useEffect(()=>{
+        context.refresh();
     },[]);
     
     let dat = isNonNullString(foreignKeyColumnValue)? {

package/src/context/hooks.js

@@ -1,11 +1,10 @@
-
-
 import Dimensions from "$cplatform/dimensions";
 import useStableMemo  from "$react/useStableMemo";
 import { useWindowDimensions } from "$cdimensions";
-import {isObj,isNonNullString} from "$cutils";
+import {isObj,isNonNullString,extendObj} from "$cutils";
 import { StyleSheet } from "react-native";
 import { createContext,useContext as useReactContext } from "react";
+import _useSWR from "$swr";
 
 export const ExpoUIContext = createContext(null);
 
@@ -17,6 +16,30 @@ export const useContext = useExpoUI;
 
 export const useApp = useContext;
 
+export const useSWR =  (path,options)=>{
+    const {swrConfig} = useExpoUI();
+    const host = `${defaultStr(process.env.API_HOST).trim().rtrim("/")}/${path}`;
+    const isLocalHost = host.includes("127.0.0.1") || host.includes("localhost");
+    return _useSWR(path,{
+        checkOnline : !isLocalHost,
+        ...Object.assign({},options),
+        swrOptions : {
+            provider: () => new Map(),
+            ...swrConfig,
+            isOnline() {
+                if(isLocalHost) return true;
+                return swrConfig.isOnline();
+            },
+            initReconnect(cb) {
+                 if(isLocalHost) return cb();
+                 return swrConfig.initReconnect(cb);
+            },
+            ...extendObj({},options,options?.swrOptions)
+        }
+    })
+}
+
+
 /**** retourne un composant définit dans la props
     components de la fonction registerApp appelée pour l'initialisation de l'application
     @param {string} componentName : le nom du composant que l'on veut recupérer