react-native-boxes 1.4.18 → 1.4.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-boxes",
-  "version": "1.4.18",
+  "version": "1.4.20",
   "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';
@@ -484,7 +484,7 @@ export const DropDownView = (props: DropDownViewProps) => {
                                 readOnly={true}
                                 placeholder={props.title}
                                 {...props}
-                                value={getSelected()?.title || getSelected()?.id}
+                                value={getSelected()?.title || getSelected()?.id || props.title}
                                 onIconPress={() => { setVisible(true) }}
                                 icon={"caret-down"}
                                 pointerEvents="none"
@@ -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,8 +528,12 @@ 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()
             }}
@@ -552,7 +558,7 @@ export function ConfirmationDialog(props: ConfirmationDialogProps) {
                     }} />
             </VBox>
 
-        </BottomSheet>
+        </Conatiner>
     )
 }