mg-library 1.0.720 → 1.0.722

package/components.js

@@ -1,6 +1,6 @@
 import React, { useRef, useState } from "react";
 import { Platform, Animated, View } from "react-native";
-import { Box, Text, Divider, Button, ButtonText, ButtonIcon, Icon, Popover, PopoverTrigger, PopoverBackdrop, PopoverContent, PopoverArrow, PopoverCloseButton, PopoverBody, PopoverFooter } from '@gluestack-ui/themed';
+import { Box, Text, Divider, Button, ButtonText, ButtonIcon, Icon, Popover, PopoverAnchor, PopoverBackdrop, PopoverContent, PopoverArrow, PopoverCloseButton, PopoverBody, PopoverFooter } from '@gluestack-ui/themed';
 import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 
 import * as mgFunctionsLib from './functions.js';
@@ -168,7 +168,7 @@ export function MGButton({
 }
 
 export function MGPopover(props) {
-    const [visible, setVisible] = useState(false);
+    const [open, setOpen] = useState(false);
     const footer = (
         <Box flexDirection="row" justifyContent="space-around" mt="$5" mb="$5">
             <MGButton
@@ -176,32 +176,30 @@ export function MGPopover(props) {
                 action="primary"
                 variant="solid"
                 py="$4"
-                onPress={() => {
-                    setVisible(false);
-                    props.callback?.();
+                callback={async () => {
+                    setOpen(false);
+                    await props.callback?.();
                 }}
             />
             <MGButton
                 title={mgFunctionsLib.i18nString("no", props.language)}
                 action="primary"
-                variant="solid"
+                variant="outline"
                 py="$4"
-                onPress={() => setVisible(false)}
+                callback={() => setOpen(false)}
             />
         </Box>
     );
     return (
-        <Popover isOpen={visible} onOpenChange={setVisible}>
-            <PopoverTrigger>
-                {(triggerProps) => (
-                    <Button {...triggerProps} action="primary" variant="solid" py="$4">
-                        {props.icon ? (
-                            <Icon as={MaterialCommunityIcons} name={props.icon} mr="$2" color="$white" />
-                        ) : null}
-                        <ButtonText>{props.title}</ButtonText>
-                    </Button>
-                )}
-            </PopoverTrigger>
+        <Popover isOpen={open} onOpenChange={setOpen}>
+            <PopoverAnchor>
+                <Button action="primary" variant="solid" py="$4" onPress={() => setOpen(true)}>
+                    {props.icon ? (
+                        <Icon as={MaterialCommunityIcons} name={props.icon} mr="$2" color="$white" />
+                    ) : null}
+                    <ButtonText>{props.title}</ButtonText>
+                </Button>
+            </PopoverAnchor>
             <PopoverBackdrop />
             <PopoverContent w={300} bg="$white">
                 <PopoverArrow />
@@ -218,17 +216,4 @@ export function MGPopover(props) {
             </PopoverContent>
         </Popover>
     );
-}
-
-export function MGDivider({ style, ...props }) {
-    return (
-        <Divider
-            h="$0.50"
-            flexGrow={1}
-            alignSelf="stretch"
-            bg="$gray300"
-            style={style}
-            {...props}
-        />
-    );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mg-library",
-    "version": "1.0.720",
+    "version": "1.0.722",
     "description": "",
     "main": "index.js",
     "react-native": "index.js",