@fto-consult/expo-ui 2.5.4 → 2.5.6

package/index.js

@@ -3,6 +3,7 @@ import {Platform } from 'react-native';
 import { createRoot } from 'react-dom/client';
 import appConfig from "$capp/config";
 import { activateKeepAwake } from 'expo-keep-awake';
+import { startNetworkLogging } from 'react-native-network-logger';
 if (__DEV__) {
     activateKeepAwake();
 }
@@ -25,5 +26,9 @@ export default function ExpoUIApp (options){
     }
 }
 
+if(__DEV__ && !isWeb){
+    startNetworkLogging();
+}
+
 ///fix bug lié au fait que l'application stuck on splashscreen en environnement mobile
 !isWeb && registerRootComponent(x=>null);

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "2.5.4",
+  "version": "2.5.6",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "index.js",
   "resolutions": {
-    "@expo/cli": "xxx" 
+    "@expo/cli": "xxx"
   },
   "scripts": {
     "publish1": "npm publish --access=public",
@@ -97,6 +97,7 @@
     "react-native": "0.70.5",
     "react-native-big-list": "^1.5.5",
     "react-native-gesture-handler": "~2.8.0",
+    "react-native-network-logger": "^1.13.0",
     "react-native-paper": "^4.12.5",
     "react-native-paper-dates": "^0.9.2",
     "react-native-reanimated": "~2.12.0",

package/src/components/Table/index.js

@@ -86,7 +86,7 @@ const TableComponent = React.forwardRef(({containerProps,renderEmpty,isRowSelect
           }
         
         headers[columnField] = <View testID={testID+"_HeaderCell_"+columnField} {...headerCellContainerProps} {...hContainerProps} key={columnField} style={[styles.headerItem,styles.headerItemOrCell,headerCellContainerProps.style,hContainerProps.style,style]}>
-            <Label style={[theme.styles.w100,theme.styles.h100]} textBold primary>{content}</Label>
+            <Label splitText numberOfLines={2} style={[theme.styles.w100,theme.styles.h100,{maxHeight:70}]} textBold primary>{content}</Label>
         </View>;
         if(typeof renderFilterCell =='function'){
             const filterCell = renderFilterCell(colArgs);
@@ -164,7 +164,7 @@ const TableComponent = React.forwardRef(({containerProps,renderEmpty,isRowSelect
         scrollEventThrottle,
         horizontal : true,
         ...scrollViewProps,
-        style : [scrollViewProps.style],
+        style : [{maxHeight:130},scrollViewProps.style],
         contentContainerStyle : [styles.scrollView,scrollViewProps.contentContainerStyle,scrollViewFlexGrow,scrollContentContainerStyle]
     }
     const listWidth = '100%';

package/src/navigation/Drawer/items/index.js

@@ -4,6 +4,10 @@
 
 import { isRouteActive} from "$cnavigation";
 import "$cutils";
+import appConfig from "$capp/config";
+import {isMobileNative} from "$platform";
+import NetworkLoginScreen from "$escreens/NetworkLogin";
+import {defaultVal} from "$utils";
 import APP from "$capp";
 ///les items du drawer
 import items from "$drawerItems";
@@ -12,6 +16,7 @@ import { screenName as aboutScreenName} from "$escreens/Help/About";
 export const getItems = (force)=>{
     const name = APP.getName();
     const itx = typeof items === "function" ? items() : items;
+    const handleHelp =  defaultVal(appConfig.get("handleHelpScreen"));
     const r = [
         {
             label : name,
@@ -27,19 +32,29 @@ export const getItems = (force)=>{
         }
     })
     r.push({divider:true});
-    r.push({
-        key : 'dataHelp',
-        label : 'Aide',
-        section : true,
-        divider : false,
-        items : [
-            {
-                icon : 'help',
-                label : 'A propos de '+name,
-                routeName : aboutScreenName,
-            }
-        ]
-    });
+    if(handleHelp){
+        const dataHelp = {
+            key : 'dataHelp',
+            label : 'Aide',
+            section : true,
+            divider : false,
+            items : [
+                {
+                    icon : 'help',
+                    label : 'A propos de '+name,
+                    routeName : aboutScreenName,
+                }
+            ]
+        };
+        if(__DEV__ && isMobileNative()){
+            dataHelp.items.unshift({
+                icon : 'math-log',
+                label : 'Inpecter les requêtes réseau',
+                routeName : NetworkLoginScreen.screenName,
+            });
+        }
+        r.push(dataHelp);
+    }
     return r;
 }
 

package/src/screens/NetWork

@@ -0,0 +1,4 @@
+// Copyright 2022 @fto-consult/Boris Fouomene. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+

package/src/screens/NetworkLogin/index.js

@@ -0,0 +1,19 @@
+// Copyright 2022 @fto-consult/Boris Fouomene. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
+import NetworkLogger from 'react-native-network-logger';
+import theme from "$theme";
+import Screen from "$elayouts/Screen/ScreenWithOrWithoutAuthContainer";
+
+const NetworkLoginScreen = () => <Screen withScrollView title="Débuggin du réseau" subtitle = {false}>
+    <NetworkLogger 
+        theme={theme.isDark()?"dark":undefined}
+    />
+</Screen>;
+
+NetworkLoginScreen.displayName = "NetworkLogin";
+NetworkLoginScreen.authRequired = false;
+NetworkLoginScreen.Modal = true;
+
+export default NetworkLoginScreen;

package/src/screens/NetworkLogin/index.web.js

@@ -0,0 +1,7 @@
+// Copyright 2022 @fto-consult/Boris Fouomene. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
+export default function NetworkLoginScreen(){
+    return null;
+}

package/src/screens/mainScreens.js

@@ -1,6 +1,8 @@
 import Auth from "./Auth";
 import Help  from "./Help";
+import NetworkLoginScreen from "./NetworkLogin";
 export default  [
     ...Auth,
     ...Help,
+    NetworkLoginScreen,
 ]