mg-library 1.0.578 → 1.0.579

package/blocks.js

@@ -1,12 +1,12 @@
 import { useCallback, useState, useEffect } from 'react';
 import { useForm, Controller } from 'react-hook-form';
 import { View, ActivityIndicator, Pressable, Image, FlatList, Keyboard, Dimensions } from 'react-native';
-import { Popover, Card, Input } from '@ui-kitten/components';
+import { Card, Input } from '@ui-kitten/components';
 import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 import * as ImageManipulator from 'expo-image-manipulator';
 import { Camera, CameraType, CameraView } from 'expo-camera';
 import axios from 'axios';
-import { Divider, Box, Button as NBButton, Icon as NBIcon } from 'native-base';
+import { Divider, Box, Button as NBButton, Icon as NBIcon, Popover as NBPopover } from 'native-base';
 import { uploadFile } from '@uploadcare/upload-client';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
@@ -554,7 +554,7 @@ export function MGButton(props) {
     )
 }
 
-export function MGPopover(props) {
+/* export function MGPopover(props) {
     const [visible, setVisible] = useState(false);
     const button = () => (
         <NBButton py={4} colorScheme='primary'
@@ -593,6 +593,60 @@ export function MGPopover(props) {
             </Card>
         </Popover>
     )
+} */
+
+export function MGPopover(props) {
+    const [visible, setVisible] = useState(false);
+    const button = () => (
+        <NBButton py={4} colorScheme='primary'
+            leftIcon={
+                <NBIcon as={MaterialCommunityIcons} name={props.icon} size='lg' color='white' />
+            }
+            onPress={() => setVisible(true)}>
+            <MGText category="p1" color="white">
+                {props.title}
+            </MGText>
+        </NBButton>
+    );
+    let cardFooter = (
+        <>
+            <View style={{ flexGrow: 1, flexDirection: 'row', justifyContent: 'space-around', marginTop: 20, marginBottom: 20 }}>
+                <NBButton py={4} colorScheme='primary' style={{ flexGrow: 0.3 }} onPress={() => { setVisible(false); props.callback() }}>
+                    <MGText color="white">{mgFunctionsLib.i18nString('yes', props.language)}</MGText>
+                </NBButton>
+                <NBButton py={4} colorScheme='primary' style={{ flexGrow: 0.3 }} onPress={() => { setVisible(false) }}>
+                    <MGText color="white">{mgFunctionsLib.i18nString('no', props.language)}</MGText>
+                </NBButton>
+            </View>
+        </>
+    );
+    return (
+        <NBPopover
+            isOpen={visible}
+            onClose={() => setVisible(false)}
+            trigger={triggerProps => (
+                <Box {...triggerProps}>
+                    {button}
+                </Box>
+            )}
+        >
+            <NBPopover.Content w="300px" bg="white">
+                <NBPopover.Arrow />
+                <NBPopover.CloseButton />
+                <NBPopover.Body>
+                    <Box alignItems="center" justifyContent="center">
+                        <NBIcon as={MaterialCommunityIcons} name="alert-outline" size={16} color={props.theme['color-primary-500']} mb={3} />
+                        <MGText textAlign="center">
+                            {mgFunctionsLib.i18nString('confirm', props.language)}?
+                        </MGText>
+                    </Box>
+                </NBPopover.Body>
+                <NBPopover.Footer>
+                    {cardFooter}
+                </NBPopover.Footer>
+            </NBPopover.Content>
+        </NBPopover>
+    )
 }
 
 export function MGGoBack(props) {

package/package.json

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