react-native-boxes 1.4.53 → 1.4.55

package/package.json

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

package/src/Modal.tsx

@@ -641,11 +641,14 @@ export type ConfirmationDialogProps = {
     noSheet?: boolean,
     style?: ViewStyle
 }
-
 export function ConfirmationDialog(props: ConfirmationDialogProps) {
 
-    const confirmText = props.confirmText || 'Confirm'
-    const cancelText = props.cancelText || 'Cancel'
+    return <GenericDialog {...props} cancelText={props.cancelText || 'Cancel'} confirmText={props.confirmText || 'Confirm'} />
+}
+export function GenericDialog(props: ConfirmationDialogProps) {
+
+    const confirmText = props.confirmText
+    const cancelText = props.cancelText
     const theme = useContext(ThemeContext)
     const Conatiner = props?.noSheet ? VBox : BottomSheet
     return (
@@ -665,19 +668,24 @@ export function ConfirmationDialog(props: ConfirmationDialogProps) {
                     padding: theme.dimens.space.lg,
                     textAlign: 'center'
                 }}>{props.message}</TextView>}
-                <ButtonView aria-label={props.title as string} text={confirmText as string} onPress={() => {
-                    props.onDismiss && props.onDismiss()
-                    props.onConfirm && props.onConfirm()
-                }} />
-                <TertiaryButtonView
-                    aria-label={props.title as string}
-                    style={{
-                        marginTop: 0
-                    }}
-                    text={cancelText as string} onPress={() => {
+                {
+                    confirmText && <ButtonView aria-label={props.title as string} text={confirmText as string} onPress={() => {
                         props.onDismiss && props.onDismiss()
-                        props.onCancel && props.onCancel()
+                        props.onConfirm && props.onConfirm()
                     }} />
+                }
+                {
+                    cancelText && <TertiaryButtonView
+                        aria-label={props.title as string}
+                        style={{
+                            marginTop: 0
+                        }}
+                        text={cancelText as string} onPress={() => {
+                            props.onDismiss && props.onDismiss()
+                            props.onCancel && props.onCancel()
+                        }} />
+                }
+
             </VBox>
 
         </Conatiner>