Feat/ add customElement prop to Drawer (#1402)

Author: lidord-wix

generatedTypes/components/drawer/index.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent, RefObject } from 'react';
+import React, { PureComponent, ReactNode, RefObject } from 'react';
 import { Animated, ViewStyle, TextStyle } from 'react-native';
 import Swipeable, { SwipeableProps } from './Swipeable';
 interface ItemProps {
@@ -10,6 +10,7 @@ interface ItemProps {
     keepOpen?: boolean;
     style?: ViewStyle;
     testID?: string;
+    customElement?: ReactNode;
 }
 interface Props {
     /**

src/components/drawer/index.tsx

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import React, {PureComponent, RefObject} from 'react';
+import React, {PureComponent, ReactNode, RefObject} from 'react';
 import memoize from 'memoize-one';
 import {Animated, Easing, StyleSheet, ViewStyle, TextStyle, AccessibilityActionEvent} from 'react-native';
 import {RectButton} from 'react-native-gesture-handler';
@@ -23,6 +23,7 @@ interface ItemProps {
   keepOpen?: boolean;
   style?: ViewStyle;
   testID?: string;
+  customElement?: ReactNode;
 }
 
 interface Props {
@@ -347,7 +348,8 @@ class Drawer extends PureComponent<Props> {
         ]}
         onPress={() => this.onActionPress(item)}
       >
-        {item.icon && (
+        {item.customElement}
+        {!item.customElement && item.icon && (
           <Animated.Image
             source={item.icon}
             style={[
@@ -362,7 +364,7 @@ class Drawer extends PureComponent<Props> {
             ]}
           />
         )}
-        {item.text && (
+        {!item.customElement && item.text && (
           <Animated.Text
             style={[
               styles.actionText,