Support useSafeArea

Author: M-i-k-e-l

demo/src/screens/incubatorScreens/IncubatorDialogScreen.tsx

@@ -69,7 +69,7 @@ export default class IncubatorDialogScreen extends Component {
         <View flex center>
           <Button marginV-20 label="Open Dialog" onPress={this.openDialog}/>
         </View>
-        <Incubator.Dialog visible={visible} onDismiss={this.onDismiss} bottom centerH>
+        <Incubator.Dialog useSafeArea visible={visible} onDismiss={this.onDismiss} bottom centerH>
           <View style={styles.dialog}>
             <Text text60 margin-s2>
               Title (swipe here)

generatedTypes/src/incubator/Dialog/types.d.ts

@@ -1,11 +1,12 @@
 import { PropsWithChildren } from 'react';
 import { AlignmentModifiers } from '../../commons/modifiers';
 import { ModalProps } from '../../components/modal';
+import { ViewProps } from '../../components/view';
 import { PanningDirections, PanningDirectionsEnum } from '../panView';
 declare type DialogDirections = PanningDirections;
 declare const DialogDirectionsEnum: typeof PanningDirectionsEnum;
 export { DialogDirections, DialogDirectionsEnum };
-export interface _DialogProps extends AlignmentModifiers {
+export interface _DialogProps extends AlignmentModifiers, Pick<ViewProps, 'useSafeArea'> {
     /**
      * The initial visibility of the dialog.
      */

src/incubator/Dialog/ImperativeDialog.tsx

@@ -17,6 +17,7 @@ const ImperativeDialog = (props: ImperativeDialogProps, ref: any) => {
     children,
     ignoreBackgroundPress,
     modalProps = {},
+    useSafeArea,
     testID
   } = props;
   const transitionAnimatorRef = React.createRef<typeof TransitionView>();
@@ -69,13 +70,9 @@ const ImperativeDialog = (props: ImperativeDialogProps, ref: any) => {
   [onDismiss, setVisible]);
 
   const renderDialog = () => {
-    {
-      /* TODO: remove?
-      {this.renderDialogView()}
-    {addBottomSafeArea && <View style={{marginTop: bottomInsets}}/>} */
-    }
     return (
       <PanView
+        useSafeArea={useSafeArea}
         directions={directions}
         dismissible
         animateToOrigin

src/incubator/Dialog/types.ts

@@ -1,12 +1,13 @@
 import {PropsWithChildren} from 'react';
 import {AlignmentModifiers} from '../../commons/modifiers';
 import {ModalProps} from '../../components/modal';
+import {ViewProps} from '../../components/view';
 import {PanningDirections, PanningDirectionsEnum} from '../panView';
 type DialogDirections = PanningDirections;
 const DialogDirectionsEnum = PanningDirectionsEnum;
 export {DialogDirections, DialogDirectionsEnum};
 
-export interface _DialogProps extends AlignmentModifiers {
+export interface _DialogProps extends AlignmentModifiers, Pick<ViewProps, 'useSafeArea'> {
   /**
    * The initial visibility of the dialog.
    */