@fto-consult/expo-ui 6.23.11 → 6.24.1

package/index.js

@@ -51,6 +51,7 @@ export default function registerApp (opts){
 registerRootComponent(MainAppEntry);
 
   
+/**
 registerApp({
     navigation : {
         screens : require("./src/test-screens").default
@@ -61,3 +62,4 @@ registerApp({
         return Promise.resolve("test ted")
     }
 });
+*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "6.23.11",
+  "version": "6.24.1",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "index.js",
   "scripts": {

package/src/components/Dialog/Dialog.js

@@ -198,14 +198,14 @@ const DialogComponent = React.forwardRef((props,ref)=>{
                 testID = {testID}
                 contentContainerProps = {contentContainerProps}
             >
-                <KeyboardAvoidingView>
-                    <Surface 
-                        testID = {testID+"_Overlay"}
-                        ref={overlayRef}
-                        {...overlayProps} 
-                        style={[styles.overlay,isAlert && styles.overlayAlert,{backgroundColor},overlayProps.style,fullScreenStyle]}
-                    >
-                        {(!isAlert && (actions || title || subtitle)) ? <AppBarDialog
+                <KeyboardAvoidingView 
+                    isPreloader={isPreloader} 
+                    testID = {testID+"_Overlay_KeyboardAvoidingView"}
+                    ref={overlayRef}
+                    {...overlayProps} 
+                    style={[styles.overlay,isAlert && styles.overlayAlert,{backgroundColor},overlayProps.style,fullScreenStyle]}
+                >
+                   {(!isAlert && (actions || title || subtitle)) ? <AppBarDialog
                             actionsProps = {actionsProps}
                             testID = {testID+"_AppBar"}
                             {...appBarProps}
@@ -270,7 +270,6 @@ const DialogComponent = React.forwardRef((props,ref)=>{
                             fullScreen = {customFullScreen}
                             children = {footer}
                          /> : null}
-                    </Surface>
                 </KeyboardAvoidingView>
             </ModalComponent>
         </Portal>

package/src/components/KeyboardAvoidingView/index.native.js

@@ -1,19 +1,22 @@
 import {KeyboardAvoidingView,Platform,StyleSheet} from 'react-native';
 import {isAndroid} from "$platform";
+import React from "$react";
 
-export default function KeyboardAvoidingViewComponent({ children,...rest }){
+const KeyboardAvoidingViewComponent = React.forwardRef(({children,isPreloader,...rest },ref)=>{
     return (
       <KeyboardAvoidingView
+        ref={ref ? ref: x=>x}
         behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
         keyboardVerticalOffset={isAndroid()?0:80}
         {...rest}
-        style = {[styles.wrapper,rest.style]}
+        style = {[!isPreloader && styles.wrapper,rest.style]}
       >
         {children}
       </KeyboardAvoidingView>
     );
-};
-
+});
+KeyboardAvoidingViewComponent.displayName = "KeyboardAvoidingViewComponent";
+export default KeyboardAvoidingViewComponent;
 const styles = StyleSheet.create({
   wrapper: {
     flex: 1,