mg-library 1.0.397 → 1.0.399

package/blocks.js

@@ -1,7 +1,6 @@
 import { useCallback, useState } from 'react';
-import { useSelector } from 'react-redux';
 import { useForm, Controller } from 'react-hook-form';
-import { View, ActivityIndicator, Pressable, Image, FlatList } from 'react-native';
+import { View, ActivityIndicator, Pressable, Image, FlatList, Keyboard } from 'react-native';
 import { Text, Divider, Button, Popover, Card, Layout, Input } from '@ui-kitten/components';
 import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 import * as ImageManipulator from 'expo-image-manipulator';
@@ -65,7 +64,7 @@ export function MGWelcome(props) {
                 <Image style={{ width: 300, height: 150, marginTop: 70 }} source={require('./assets/welcome.png')} />
             </View>
         );
-    }    
+    }
 
     return (
         <View style={mgFunctionsLib.getBasicStyleSheet().availableArea}>
@@ -81,7 +80,7 @@ export function MGWelcome(props) {
                 )}
                 ListHeaderComponent={listHeaderComponent}
                 ListFooterComponent={listFooterComponent}
-            />                
+            />
         </View>
     )
 
@@ -89,10 +88,21 @@ export function MGWelcome(props) {
 
 export function MGLogin(props) {
 
+    const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);
+
     const { control, handleSubmit, formState: { errors } } = useForm({
         defaultValues: props.defaultValues,
     });
 
+    useEffect(() => {
+        Keyboard.addListener("keyboardDidShow", () => setIsKeyboardVisible(true));
+        Keyboard.addListener("keyboardDidHide", () => setIsKeyboardVisible(false));
+        return () => {
+            Keyboard.removeAllListeners("keyboardDidShow");
+            Keyboard.removeAllListeners("keyboardDidHide");
+        };
+    }, [register]);
+
     const insets = useSafeAreaInsets();
 
     let cardHeader = (
@@ -132,8 +142,12 @@ export function MGLogin(props) {
                         <Image
                             source={require('./assets/clubonline.png')}
                             style={{ width: 300, height: 150 }} />
-                        <Text category='h6'>{props.appDescription}</Text>
-                        <Text category='p2'>{props.appVersion}</Text>
+                        {!isKeyboardVisible &&
+                            <View>
+                                <Text category='h6'>{props.appDescription}</Text>
+                                <Text category='p2'>{props.appVersion}</Text>
+                            </View>
+                        }
                     </View>
                     <View>
                         <Card style={{ flexDirection: 'column', justifyContent: 'center', alignContent: 'center', marginLeft: 30, marginRight: 30 }}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mg-library",
-  "version": "1.0.397",
+  "version": "1.0.399",
   "description": "",
   "main": "index.js",
   "scripts": {