@fto-consult/expo-ui 7.23.1 → 7.24.1

package/App.js

@@ -1,5 +1,5 @@
 import AppEntry from "./src";
-import {disableAuth} from "$cauth/perms";
+import {disableAuth} from "$cauth";
 
 export default function MainExpoApp(props){
     return <AppEntry

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "7.23.1",
+  "version": "7.24.1",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "scripts": {
     "clear-npx-cache": "npx clear-npx-cache",
@@ -71,7 +71,7 @@
     "@expo/html-elements": "^0.5.1",
     "@expo/vector-icons": "^13.0.0",
     "@faker-js/faker": "^8.0.2",
-    "@fto-consult/common": "^4.7.2",
+    "@fto-consult/common": "^4.7.25",
     "@fto-consult/node-utils": "^1.4.5",
     "@pchmn/expo-material3-theme": "^1.3.2",
     "@react-native-async-storage/async-storage": "1.18.2",

package/src/components/Dropdown/index.js

@@ -774,7 +774,7 @@ class DropdownComponent extends AppComponent {
             showAdd = false;
         }
         if(typeof showAdd ==='function'){
-            showAdd = showAdd(props);
+            showAdd = showAdd(this.props);
         }
         showAdd = defaultBool(showAdd,false);
         if(addIcon ===false) {
@@ -789,7 +789,7 @@ class DropdownComponent extends AppComponent {
             onPress : (e)=>{
                 React.stopEventPropagation(e);
                 if(iconDisabled) return;
-                const onAddP = typeof onAddProps ==='function'? onAddProps(props) : onAddProps;
+                const onAddP = typeof onAddProps ==='function'? onAddProps(this.props) : onAddProps;
                 const aArgs = {...React.getOnPressArgs(e),...Object.assign({},onAddP),isMobile:isMob,context:this,visible:state.visible,field:name,props:this.props};
                 if(onAdd){onAdd(aArgs);}
                 else if(onAddPress){

package/src/components/ErrorBoundary/ErrorMessage.js

@@ -22,12 +22,14 @@ const ErrorMessage = React.forwardRef(function(props,ref){
     }
     if(!error || !info || !error.toString) return null;
     const pointerEvents = 'auto';
+    const backgroundColor = theme.colors.backgroundColor;
+    const color = theme.colors.onSurface;
     return <Portal>
           <Screen {...props} modal={false}>
-            <View ref={ref} testID={`${testID}_ErrorMessageContainer`} style={[{pointerEvents},styles.container]}>
+            <View ref={ref} testID={`${testID}_ErrorMessageContainer`} style={[{pointerEvents},styles.container,{backgroundColor}]}>
               <View style={[styles.content,{pointerEvents}]} testID={`${testID}_ErrorMessageContentContainer`}>
-                <Label style={styles.title}>Oops!</Label>
-                <Label style={styles.subtitle}>{'Une erreur est survenue'}</Label>
+                <Label style={[styles.title,{color}]}>Oops!</Label>
+                <Label style={[styles.subtitle,{color}]}>{'Une erreur est survenue'}</Label>
                 <Label style={styles.error}>{error.toString()}</Label>
                 <Button mode="contained" iconProps={{marginVertical:0,pointerEvents,paddingVertical:0}} icon='home-variant' style={{backgroundColor:theme.colors.primary,marginHorizontal:10}} labelStyle={{color:theme.colors.primaryLabel}} onPress={goToHome}>
                     Retour à l'accueil
@@ -35,7 +37,7 @@ const ErrorMessage = React.forwardRef(function(props,ref){
                 <Expandable title="Plus de détail sur l'erreur">
                     <View>
                       <ScrollView style={{flex:1}} contentContainerStyle={{flex:1,flexGrow:1,paddingBottom:30}} testID='RN_ErrorBoundary_ScrollView'>
-                        <Paragraph testID='RN_ErrorBoundary_StackDetails' style={[styles.componentStack,{color:theme.colors.text}]}>
+                        <Paragraph testID='RN_ErrorBoundary_StackDetails' style={[styles.componentStack,{color}]}>
                           {info.componentStack}
                         </Paragraph>
                       </ScrollView>
@@ -65,7 +67,6 @@ ErrorMessage.propTypes = {
 
 const styles = StyleSheet.create({
   container: {
-    backgroundColor: '#fafafa',
     flex: 1,
     justifyContent: 'center',
     ...StyleSheet.absoluteFillObject,

package/src/navigation/index.js

@@ -53,10 +53,10 @@ export default function NavigationComponent (props){
                 initialRouteName={initialRouteName} 
                 screenOptions={getScreenOptions}
             >
-                    {<Stack.Group>
+                    {drawerScreens.length ? <Stack.Group>
                         {drawerScreens}
-                    </Stack.Group>}
-                    <Stack.Group
+                    </Stack.Group>:null}
+                    {stackScreens.length ? <Stack.Group
                         key = {"MODAL-DRAWERS-SCREENS"}
                         screenOptions={function(options){
                             return getScreenOptions(options,{
@@ -67,7 +67,7 @@ export default function NavigationComponent (props){
                         }}
                     >
                         {stackScreens}
-                    </Stack.Group>
+                    </Stack.Group>:null}
                 </Stack.Navigator> }
         </DrawerNavigator>
     </MainNavigationProvider>