mg-library 1.0.722 → 1.0.724

package/components.js

@@ -172,7 +172,7 @@ export function MGPopover(props) {
     const footer = (
         <Box flexDirection="row" justifyContent="space-around" mt="$5" mb="$5">
             <MGButton
-                title={mgFunctionsLib.i18nString("yes", props.language)}
+                title={functionsLib.i18nString("yes", props.language)}
                 action="primary"
                 variant="solid"
                 py="$4"
@@ -182,7 +182,7 @@ export function MGPopover(props) {
                 }}
             />
             <MGButton
-                title={mgFunctionsLib.i18nString("no", props.language)}
+                title={functionsLib.i18nString("no", props.language)}
                 action="primary"
                 variant="outline"
                 py="$4"
@@ -191,15 +191,18 @@ export function MGPopover(props) {
         </Box>
     );
     return (
-        <Popover isOpen={open} onOpenChange={setOpen}>
-            <PopoverAnchor>
-                <Button action="primary" variant="solid" py="$4" onPress={() => setOpen(true)}>
+        <Popover
+            isOpen={open}
+            onOpenChange={setOpen}
+            trigger={(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>
-            </PopoverAnchor>
+            )}
+        >
             <PopoverBackdrop />
             <PopoverContent w={300} bg="$white">
                 <PopoverArrow />
@@ -208,7 +211,7 @@ export function MGPopover(props) {
                     <Box alignItems="center" justifyContent="center">
                         <Icon as={MaterialCommunityIcons} name="alert-outline" size={16} color="$primary500" mb="$3" />
                         <MGText textAlign="center">
-                            {mgFunctionsLib.i18nString("confirm", props.language)}?
+                            {functionsLib.i18nString("confirm", props.language)}?
                         </MGText>
                     </Box>
                 </PopoverBody>
@@ -216,4 +219,17 @@ export function MGPopover(props) {
             </PopoverContent>
         </Popover>
     );
+}
+
+export function MGDivider({ style, ...props }) {
+    return (
+        <Divider
+            h="$0.55"
+            flexGrow={1}
+            alignSelf="stretch"
+            bg="$gray400"
+            style={style}
+            {...props}
+        />
+    );
 }

package/package.json

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