@fto-consult/expo-ui 1.3.13 → 1.4.1

package/babel.config.alias.js

@@ -80,6 +80,6 @@ module.exports = (opts)=>{
         opts.mutator(r);
     }
     ///le chemin racine du projet expo-ui
-    r["$expo-ui-root-path"] = path.resolve(expo,"..");
+    r["$expo-ui-root-path"] = r["$expo-ui-root"]= path.resolve(expo,"..");
     return r;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "1.3.13",
+  "version": "1.4.1",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "index.js",
   "scripts": {
@@ -61,7 +61,7 @@
     "@expo/html-elements": "^0.2.0",
     "@expo/metro-config": "^0.4.0",
     "@expo/webpack-config": "^0.17.2",
-    "@fto-consult/common": "^1.6.5",
+    "@fto-consult/common": "^1.6.6",
     "@gorhom/portal": "^1.0.14",
     "@react-native-async-storage/async-storage": "~1.17.3",
     "@react-native-community/datetimepicker": "6.2.0",

package/src/App.js

@@ -1,5 +1,6 @@
 import '$session';
 import React from 'react';
+import {defaultObj} from "$utils";
 import  {updateTheme,defaultTheme} from "$theme";
 import {Provider as PaperProvider } from 'react-native-paper';
 import Index from './index';
@@ -23,18 +24,31 @@ import {Provider as AlertProvider} from '$ecomponents/Dialog/confirm/Alert';
 import APP from "$app";
 
 export default function getIndex(options){
-  const {App} = defaultObj(options);
+  const {App,onMount,onUnmount,preferences:appPreferences} = defaultObj(options);
   return function MainIndexComponent() {
     React.useEffect(()=>{
-        return ()=>{}
+        ///la fonction de rappel lorsque le composant est monté
+        let cb = typeof onMount =='function'? onMount() : null;
+        return ()=>{
+          if(typeof onUnmount =='function'){
+             onUnmount();
+          }
+          if(typeof cb =='function'){
+             cb();
+          }
+        }
     },[])
     const [theme,setTheme] = React.useState(updateTheme(defaultTheme));
+    const updatePreferenceTheme = (customTheme,persist)=>{
+      setTheme(updateTheme(customTheme));
+    };
+    const forceRender = React.useForceRender();
+    const pref = typeof appPreferences =='function'? appPreferences({setTheme,forceRender,updateTheme:updatePreferenceTheme}) : appPreferences;
     const preferences = React.useMemo(()=>({
-        updateTheme : (customTheme,persist)=>{
-          setTheme(updateTheme(customTheme));
-        },
+        updateTheme:updatePreferenceTheme,
         theme,
-    }),[theme]);
+        ...defaultObj(pref),
+    }),[theme,pref]);
     const child = <Index theme={theme}/>;
     const children = typeof App =='function'? App({children:child,APP}) : child;
     return (