react-native-boxes 1.4.19 → 1.4.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-boxes",
-  "version": "1.4.19",
+  "version": "1.4.21",
   "description": "A react native library for rapid development of UI using boxes",
   "main": "src/index.js",
   "scripts": {

package/src/Modal.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useEffect, useRef, useState } from 'react';
-import { Animated, Button, Easing, LayoutChangeEvent, Linking, Modal, Platform, Pressable, ScrollView, StyleProp, StyleSheet, TextStyle, TouchableHighlight, TouchableOpacity, View, ViewProps } from 'react-native';
+import { Animated, Button, Easing, LayoutChangeEvent, Linking, Modal, Platform, Pressable, ScrollView, StyleProp, StyleSheet, TextStyle, TouchableHighlight, TouchableOpacity, View, ViewProps, ViewStyle } from 'react-native';
 import { getIcon, Icon, IconProps } from './Image';
 import { getNavParamsFromDeeplink, isDesktop, isWeb } from './utils';
 import { ThemeContext } from './ThemeContext';
@@ -518,7 +518,9 @@ export type ConfirmationDialogProps = {
     message?: string,
     confirmText?: String,
     cancelText?: String,
-    children?: any
+    children?: any,
+    noSheet?: boolean,
+    style?: ViewStyle
 }
 
 export function ConfirmationDialog(props: ConfirmationDialogProps) {
@@ -526,14 +528,20 @@ export function ConfirmationDialog(props: ConfirmationDialogProps) {
     const confirmText = props.confirmText || 'Confirm'
     const cancelText = props.cancelText || 'Cancel'
     const theme = useContext(ThemeContext)
+    const Conatiner = props?.noSheet ? VBox : BottomSheet
     return (
-        <BottomSheet
+        <Conatiner
+            style={[props?.noSheet ? {
+                display: props.visible ? 'flex' : 'none'
+            } : {}, props.style]}
             onDismiss={() => {
                 props.onDismiss && props.onDismiss()
             }}
             {...props}
         >
             <VBox>
+                {(props?.noSheet && props.title) ? <Center><Subtitle>{props.title as any}</Subtitle></Center> : null}
+
                 {props.message && <TextView style={{
                     padding: theme.dimens.space.lg,
                     textAlign: 'center'
@@ -552,7 +560,7 @@ export function ConfirmationDialog(props: ConfirmationDialogProps) {
                     }} />
             </VBox>
 
-        </BottomSheet>
+        </Conatiner>
     )
 }