Add supportedOrientations and accessibilityLabel

Author: M-i-k-e-l

demo/src/screens/incubatorScreens/IncubatorDialogScreen.tsx

@@ -1,5 +1,5 @@
 import React, {Component} from 'react';
-import {StyleSheet} from 'react-native';
+import {StyleSheet, ModalProps} from 'react-native';
 import {FlatList} from 'react-native-gesture-handler';
 import {View, Text, Card, Button, Incubator, Colors, BorderRadiuses} from 'react-native-ui-lib'; //eslint-disable-line
 
@@ -33,6 +33,7 @@ const colors: Item[] = [
 
 export default class IncubatorDialogScreen extends Component {
   state = {visible: false};
+  supportedOrientations: ModalProps['supportedOrientations'] = ['portrait', 'landscape'];
 
   renderVerticalItem = ({item}: {item: Item}) => {
     return (
@@ -69,7 +70,14 @@ export default class IncubatorDialogScreen extends Component {
         <View flex center>
           <Button marginV-20 label="Open Dialog" onPress={this.openDialog}/>
         </View>
-        <Incubator.Dialog useSafeArea visible={visible} onDismiss={this.onDismiss} bottom centerH>
+        <Incubator.Dialog
+          useSafeArea
+          visible={visible}
+          onDismiss={this.onDismiss}
+          bottom
+          centerH
+          supportedOrientations={this.supportedOrientations}
+        >
           <View style={styles.dialog}>
             <Text text60 margin-s2>
               Title (swipe here)

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

@@ -1,12 +1,15 @@
 import { PropsWithChildren } from 'react';
+import { ModalPropsIOS, AccessibilityProps } from 'react-native';
 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, Pick<ViewProps, 'useSafeArea'> {
+interface RNPartialProps extends Pick<ModalPropsIOS, 'supportedOrientations'>, Pick<AccessibilityProps, 'accessibilityLabel'> {
+}
+export interface _DialogProps extends RNPartialProps, AlignmentModifiers, Pick<ViewProps, 'useSafeArea'> {
     /**
      * The initial visibility of the dialog.
      */

src/incubator/Dialog/ImperativeDialog.tsx

@@ -18,6 +18,8 @@ const ImperativeDialog = (props: ImperativeDialogProps, ref: any) => {
     ignoreBackgroundPress,
     modalProps = {},
     useSafeArea,
+    supportedOrientations,
+    accessibilityLabel,
     testID
   } = props;
   const transitionAnimatorRef = React.createRef<typeof TransitionView>();
@@ -103,6 +105,8 @@ const ImperativeDialog = (props: ImperativeDialogProps, ref: any) => {
       onBackgroundPress={ignoreBackgroundPress ? undefined : onBackgroundPress}
       onRequestClose={ignoreBackgroundPress ? undefined : onBackgroundPress}
       onDismiss={undefined}
+      supportedOrientations={supportedOrientations}
+      accessibilityLabel={accessibilityLabel}
     >
       {FadeView}
       <View pointerEvents={'box-none'} style={alignmentStyle}>

src/incubator/Dialog/types.ts

@@ -1,4 +1,5 @@
 import {PropsWithChildren} from 'react';
+import {ModalPropsIOS, AccessibilityProps} from 'react-native';
 import {AlignmentModifiers} from '../../commons/modifiers';
 import {ModalProps} from '../../components/modal';
 import {ViewProps} from '../../components/view';
@@ -7,7 +8,11 @@ type DialogDirections = PanningDirections;
 const DialogDirectionsEnum = PanningDirectionsEnum;
 export {DialogDirections, DialogDirectionsEnum};
 
-export interface _DialogProps extends AlignmentModifiers, Pick<ViewProps, 'useSafeArea'> {
+interface RNPartialProps
+  extends Pick<ModalPropsIOS, 'supportedOrientations'>,
+    Pick<AccessibilityProps, 'accessibilityLabel'> {}
+
+export interface _DialogProps extends RNPartialProps, AlignmentModifiers, Pick<ViewProps, 'useSafeArea'> {
   /**
    * The initial visibility of the dialog.
    */