@fto-consult/expo-ui 1.5.1 → 1.5.3

package/babel.config.alias.js

@@ -84,18 +84,21 @@ module.exports = (opts)=>{
 
     const HelpScreen = path.resolve(r["$escreens"],"Help");
     /*** alias des termsOfUses */
+    r.$eTermsOfUses = path.resolve(HelpScreen,"TermsOfUses","content");
     if(!r.$TermsOfUses){
-        r.$TermsOfUses = path.resolve(HelpScreen,"TermsOfUses","content")
+        r.$TermsOfUses = r.$eTermsOfUses;
     }
     /*** alias des privacyPolicy */
+    r.$ePrivacyPolicy = path.resolve(HelpScreen,"PrivacyPolicy","content");
     if(!r.$PrivacyPolicy){
-        r.$PrivacyPolicy = path.resolve(HelpScreen,"PrivacyPolicy","content")
+        r.$PrivacyPolicy = r.$ePrivacyPolicy;
     }
     ///on génère les librairies open sources utilisées par l'application
     const root = path.resolve(r.$src,"..");
     const outputPath = path.resolve(HelpScreen,"openLibraries.js");
     require("./find-licenses")({
         paths : [root,r["$expo-ui-root-path"]],
+        nodeModulesPath : path.resolve(root,"node_modules"),
         outputPath
     });
     return r;

package/find-licenses.js

@@ -13,11 +13,14 @@ function isValidUrl(str) {
     return !!pattern.test(str);
   }
 
-const  loopPackages = (packages,projectPath)=>{
+const  loopPackages = (packages,projectPath,nodeModulesPath)=>{
     if(!isObj(packages)) return;
-    let p = path.resolve(projectPath,"node_modules");
+    nodeModulesPath = typeof nodeModulesPath =='string' && nodeModulesPath ? nodeModulesPath : "";
+    const p = path.resolve(projectPath,"node_modules");
     for(let i in packages){
-        let packagePath = path.resolve(p,i,"package.json");
+        const packageRootPath = fs.existsSync(path.resolve(p,i))? path.resolve(p,i) : nodeModulesPath && fs.existsSync(path.resolve(nodeModulesPath,i)) ? path.resolve(nodeModulesPath,i) : null;
+        if(!packageRootPath) continue;
+        const packagePath = path.resolve(packageRootPath,"package.json");
         if(fs.existsSync(packagePath)){
             try {
                 let package = require(packagePath);
@@ -44,14 +47,14 @@ const  loopPackages = (packages,projectPath)=>{
     }
 }
 
-const findLicences = (projectPath)=> {
+const findLicences = (projectPath,nodeModulesPath)=> {
     if(projectPath && typeof projectPath =='string' && fs.existsSync(projectPath)){
         const packagePath = path.resolve(projectPath,"package.json");
         if(fs.existsSync(packagePath)){
             const packages = require(packagePath);
             if(isObj(packages)){                
-                loopPackages(packages.devDependencies,projectPath);
-                loopPackages(packages.dependencies,projectPath);
+                loopPackages(packages.devDependencies,projectPath,nodeModulesPath);
+                loopPackages(packages.dependencies,projectPath,nodeModulesPath);
             }
         }
     }
@@ -61,18 +64,18 @@ module.exports = (options)=>{
     if(!options || typeof options !='object'){
         options = {};
     }
-    const {outputPath} = options;
+    const {outputPath,nodeModulesPath} = options;
     const outputDir = outputPath && typeof outputPath =='string' && path.dirname(outputPath) || '';
     if(outputDir && fs.existsSync(outputDir)){
         openLibraries = {};
         if(Array.isArray(options.paths)){
             options.paths.map((p)=>{
                 if(p && typeof p =='string' && fs.existsSync(p)){
-                    findLicences(p)
+                    findLicences(p,nodeModulesPath)
                 }
             })
         } else {
-            findLicences(options.path)
+            findLicences(options.path,nodeModulesPath)
         }
         const s = Object.keys(openLibraries).sort((a,b)=>{
             if (a.toLowerCase() < b.toLowerCase()) return -1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "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.7.15",
+    "@fto-consult/common": "^1.8.2",
     "@gorhom/portal": "^1.0.14",
     "@react-native-async-storage/async-storage": "~1.17.3",
     "@react-native-community/datetimepicker": "6.2.0",

package/src/auth/Login.js

@@ -170,6 +170,18 @@ export default function LoginComponent(props){
             setState({...state,step:step+1,data})
         }
     }
+    const loginFields = {};
+    let hasLoginFields = false;
+    Object.map(loginProps.fields,(field,i)=>{
+        if(isObj(field)){
+            if(typeof field.step ==='number' && field.step !== state.step){}
+            else {
+                loginFields[i] = Object.clone(field);
+                hasLoginFields = true;
+                loginFields[i].autoFocus = !!loginFields[i].autoFocusOnStep;    
+            }
+        }
+    });
     const withScrollView = typeof customWithScrollView =='boolean'? customWithScrollView : true;
     const Wrapper = withPortal ? ScreenWithoutAuthContainer  : withScrollView ? ScrollView: View;
     const wrapperProps = withPortal ? {appBarProps,authRequired:false,title:loginTitle,withScrollView} : { style:styles.wrapper};
@@ -192,6 +204,7 @@ export default function LoginComponent(props){
                     </View>}
                     responsive  = {false}
                     {...loginProps}
+                    fields = {loginFields}
                     formProps = {{
                         keyboardEvents : {
                             ...defaultObj(keyboardEvents),
@@ -204,7 +217,7 @@ export default function LoginComponent(props){
                 >
                     <>
                         {React.isValidElement(contentTop)? contentTop : null}
-                        {Object.size(loginProps.fields,true)?<View testID={testID+"_ButtonsContainer"} style={[styles.buttonWrapper]}>
+                        {hasLoginFields?<View testID={testID+"_ButtonsContainer"} style={[styles.buttonWrapper]}>
                             <Button 
                                 ref = {nextButtonRef}
                                 primary

package/src/screens/Help/About.js

@@ -74,7 +74,7 @@ export default function HelpScreen(props){
                 {deviceInfo}
             </View>
             <View testID={testID}>
-                <Label testID={testID+"_CopyRight"} style={theme.styles.p05}>{appConfig.copyright}</Label>
+                <Label testID={testID+"_CopyRight"} style={theme.styles.pv05}>{appConfig.copyright}</Label>
                 {appConfig.devMail? <AutoLink testID={testID+"_Email"} style={[theme.styles.row]}
                     email = {appConfig.devMail} 
                 >

package/src/screens/Help/PrivacyPolicy/content.js

@@ -6,8 +6,8 @@ import Label from "$components/Label";
 
 export default function ContentPrivacy (){
     return <Label primary style={{fontSize:15,fontWeight:'bold',padding:10}}>
-        Pour définir modifier le contenu de la police de sécurité, il suffit de déclarer dans les alias, l'alias 
-        $PrivacyPolicy prointant dans un fichier javascript dans lequel vous exportez par défaut, soit un composant React
-        où encore un élément react valide, qui remplacera ledit contenu
-    </Label>
+    Pour modifier le contenu de la police de sécurité, il suffit de déclarer dans les alias, l'alias 
+    $PrivacyPolicy prointant vers un fichier javascript dans lequel on exporte par défaut, soit un composant React
+    où encore un élément react valide dont le rendu remplacera ledit contenu.
+</Label>
 }

package/src/screens/Help/TermsOfUses/content.js

@@ -6,8 +6,8 @@ import Label from "$components/Label";
 
 export default function ContentTermsOfUses (){
     return <Label primary style={{fontSize:15,fontWeight:'bold',padding:10}}>
-        Pour définir modifier le contenu de la police de sécurité, il suffit de déclarer dans les alias, l'alias 
-        $TermsOfUses prointant dans un fichier javascript dans lequel vous exportez par défaut, soit un composant React
-        où encore un élément react valide, qui remplacera ledit contenu
+        Pour modifier le contenu des Termes et contrat d'utilisation, il suffit de déclarer dans les alias, l'alias 
+        $TermsOfUses prointant vers un fichier javascript dans lequel on exporte par défaut, soit un composant React
+        où encore un élément react valide dont le rendu remplacera ledit contenu.
     </Label>
 }