@fto-consult/expo-ui 1.3.8 → 1.3.10

package/package.json

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

package/src/components/List/Common.js

@@ -222,7 +222,7 @@ CommonListComponent.propTypes = {
 const styles = StyleSheet.create({
     container: {
       flex: 1,
-      minHeight : 300,
+      minHeight : 100,
     },
     columnWrapperStyle : {
         flex : 1,

package/src/components/Modal/index.js

@@ -11,6 +11,7 @@ import theme,{StyleProp} from "$theme";
 //import Animated  from "react-native-reanimated";
 //import Animation,{OpacityAnimation} from "$ecomponents/Animations";
 import OpacityAnimation from "$ecomponents/Animations/OpacityAnimation";
+import { Surface } from "react-native-paper";
 import { Platform } from "react-native";
 import {isWeb} from "$cplatform";
 import {isAndroid} from "$cplatform";
@@ -104,7 +105,7 @@ const ModalComponent = React.forwardRef((props,ref)=>{
     const Anim = animate !== false ? OpacityAnimation  : View;
     const wrapperProps = animate !== false ? {enteringCallback:callback,exitingCallback:callback} : {};
     return !visible?null: <Portal>
-      <Animated.View
+      <Anim
         ref={ref}
         testID={'RN__ModalComponent'}
         {...rest}
@@ -113,6 +114,9 @@ const ModalComponent = React.forwardRef((props,ref)=>{
         accessibilityLiveRegion="polite"
         onAccessibilityEscape={hideModal}
         style = {[styles.modal,rest.style]}
+        animationType = {animationType}
+        animationDuration = {animationDuration}
+        animationPosition = {animationPosition}
       >
           <TouchableWithoutFeedback
             accessibilityLabel={overlayAccessibilityLabel}
@@ -132,19 +136,17 @@ const ModalComponent = React.forwardRef((props,ref)=>{
               ]}
             />
           </TouchableWithoutFeedback>
-          <Anim testID="RN__ModalComponent__ContentContainer"
+          <Surface testID="RN__ModalComponent__ContentContainer"
+              elevation = {5}
               {...contentContainerProps}
               {...wrapperProps}
-              animationType = {animationType}
-              animationDuration = {animationDuration}
-              animationPosition = {animationPosition}
               ref = {contentContainerRef}
-              style={[styles.contentContainer,{ marginTop: TOP_INSET, marginBottom: BOTTOM_INSET },contentContainerProps.style]}
+              style={[styles.contentContainer,{ marginTop: TOP_INSET, marginBottom: BOTTOM_INSET,backgroundColor:'transparent' },contentContainerProps.style]}
               pointerEvents="box-none"
           >
             {children}  
-          </Anim>
-      </Animated.View>
+          </Surface>
+      </Anim>
     </Portal>
 });
 

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

@@ -44,7 +44,7 @@ const UserProfileAvatarComponent = React.forwardRef(({drawerRef,...props},ref)=>
                 label : i18n.lang("logout",'Déconnexion'),
                 icon : "logout",
                 onPress : (a)=>{
-                    closeDrawer(Auth.logout);
+                    closeDrawer(Auth.signOut);
                 }
             }
         ];