CRNS-47: Changing PropType of Component type props to ElementType

Author: vishalnarkhede

src/components/Attachment.js

@@ -87,7 +87,7 @@ export const Attachment = withMessageContentContext(
          */
         AttachmentFileIcon: PropTypes.oneOfType([
           PropTypes.node,
-          PropTypes.func,
+          PropTypes.elementType,
         ]),
       };
       static defaultProps = {

src/components/Channel.js

@@ -38,7 +38,10 @@ const Channel = withChatContext(
        *
        * Defaults to and accepts same props as: [LoadingIndicator](https://getstream.github.io/stream-chat-react-native/#loadingindicator)
        */
-      LoadingIndicator: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+      LoadingIndicator: PropTypes.oneOfType([
+        PropTypes.node,
+        PropTypes.elementType,
+      ]),
       /**
        * Error indicator UI component. This will be shown on the screen if channel query fails.
        *
@@ -47,7 +50,7 @@ const Channel = withChatContext(
        * */
       LoadingErrorIndicator: PropTypes.oneOfType([
         PropTypes.node,
-        PropTypes.func,
+        PropTypes.elementType,
       ]),
       /**
        * Empty state indicator UI component. This will be shown on the screen if channel has no messages.
@@ -57,21 +60,21 @@ const Channel = withChatContext(
        * */
       EmptyStateIndicator: PropTypes.oneOfType([
         PropTypes.node,
-        PropTypes.func,
+        PropTypes.elementType,
       ]),
       /**
        * Message UI component to display a message in message list.
        *
        * Available built-in component (also accepts the same props as): [MessageSimple](https://getstream.github.io/stream-chat-react-native/#messagesimple)
        *
        * */
-      Message: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+      Message: PropTypes.oneOfType([PropTypes.node, PropTypes.elementType]),
       /**
        * Attachment UI component to display attachment in individual message.
        *
        * Available built-in component (also accepts the same props as): [Attachment](https://getstream.github.io/stream-chat-react-native/#attachment)
        * */
-      Attachment: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+      Attachment: PropTypes.oneOfType([PropTypes.node, PropTypes.elementType]),
     };
 
     static defaultProps = {

src/components/ChannelInner.js

@@ -107,17 +107,23 @@ export class ChannelInner extends PureComponent {
     /** Client is passed via the Chat Context */
     client: PropTypes.object.isRequired,
     /** The loading indicator to use */
-    LoadingIndicator: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+    LoadingIndicator: PropTypes.oneOfType([
+      PropTypes.node,
+      PropTypes.elementType,
+    ]),
     /** The indicator to use when there is error  */
     LoadingErrorIndicator: PropTypes.oneOfType([
       PropTypes.node,
-      PropTypes.func,
+      PropTypes.elementType,
     ]),
     /** The indicator to use when message list is empty */
-    EmptyStateIndicator: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+    EmptyStateIndicator: PropTypes.oneOfType([
+      PropTypes.node,
+      PropTypes.elementType,
+    ]),
     isOnline: PropTypes.bool,
-    Message: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-    Attachment: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+    Message: PropTypes.oneOfType([PropTypes.node, PropTypes.elementType]),
+    Attachment: PropTypes.oneOfType([PropTypes.node, PropTypes.elementType]),
   };
 
   static defaultProps = {

src/components/ChannelList.js

@@ -31,22 +31,25 @@ const ChannelList = withChatContext(
   class ChannelList extends PureComponent {
     static propTypes = {
       /** The Preview to use, defaults to [ChannelPreviewMessenger](https://getstream.github.io/stream-chat-react-native/#channelpreviewmessenger) */
-      Preview: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+      Preview: PropTypes.oneOfType([PropTypes.node, PropTypes.elementType]),
 
       /** The loading indicator to use */
-      LoadingIndicator: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+      LoadingIndicator: PropTypes.oneOfType([
+        PropTypes.node,
+        PropTypes.elementType,
+      ]),
       /** The indicator to use when there is error in fetching channels */
       LoadingErrorIndicator: PropTypes.oneOfType([
         PropTypes.node,
-        PropTypes.func,
+        PropTypes.elementType,
       ]),
       /** The indicator to use when channel list is empty */
       EmptyStateIndicator: PropTypes.oneOfType([
         PropTypes.node,
-        PropTypes.func,
+        PropTypes.elementType,
       ]),
 
-      List: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+      List: PropTypes.oneOfType([PropTypes.node, PropTypes.elementType]),
       onSelect: PropTypes.func,
       /**
        * Function that overrides default behaviour when new message is received on channel that is not being watched

src/components/ChannelListMessenger.js

@@ -27,18 +27,21 @@ const ChannelListMessenger = withChatContext(
       ]).isRequired,
       /** UI Component to display individual channel item in list.
        * Defaults to [ChannelPreviewMessenger](https://getstream.github.io/stream-chat-react-native/#channelpreviewmessenger) */
-      Preview: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+      Preview: PropTypes.oneOfType([PropTypes.node, PropTypes.elementType]),
       /** The loading indicator to use. Default: [LoadingIndicator](https://getstream.github.io/stream-chat-react-native/#loadingindicator) */
-      LoadingIndicator: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+      LoadingIndicator: PropTypes.oneOfType([
+        PropTypes.node,
+        PropTypes.elementType,
+      ]),
       /** The indicator to use when there is error in fetching channels. Default: [LoadingErrorIndicator](https://getstream.github.io/stream-chat-react-native/#loadingerrorindicator) */
       LoadingErrorIndicator: PropTypes.oneOfType([
         PropTypes.node,
-        PropTypes.func,
+        PropTypes.elementType,
       ]),
       /** The indicator to use when channel list is empty. Default: [EmptyStateIndicator](https://getstream.github.io/stream-chat-react-native/#emptystateindicator) */
       EmptyStateIndicator: PropTypes.oneOfType([
         PropTypes.node,
-        PropTypes.func,
+        PropTypes.elementType,
       ]),
       /** Loads next page of channels in channels object, which is present here as prop */
       loadNextPage: PropTypes.func,

src/components/ChannelPreview.js

@@ -18,7 +18,7 @@ export class ChannelPreview extends PureComponent {
     channel: PropTypes.object.isRequired,
     client: PropTypes.object.isRequired,
     setActiveChannel: PropTypes.func.isRequired,
-    Preview: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+    Preview: PropTypes.oneOfType([PropTypes.node, PropTypes.elementType]),
   };
 
   static defaultProps = {

src/components/FileAttachmentGroup.js

@@ -18,7 +18,10 @@ export class FileAttachmentGroup extends React.PureComponent {
      * Custom UI component for attachment icon for type 'file' attachment.
      * Defaults to: https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/FileIcon.js
      */
-    AttachmentFileIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+    AttachmentFileIcon: PropTypes.oneOfType([
+      PropTypes.node,
+      PropTypes.elementType,
+    ]),
   };
 
   constructor(props) {

src/components/FileUploadPreview.js

@@ -31,7 +31,10 @@ export class FileUploadPreview extends React.PureComponent {
      * Custom UI component for attachment icon for type 'file' attachment.
      * Defaults to and accepts same props as: https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/FileIcon.js
      */
-    AttachmentFileIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+    AttachmentFileIcon: PropTypes.oneOfType([
+      PropTypes.node,
+      PropTypes.elementType,
+    ]),
   };
 
   static defaultProps = {

src/components/Message.js

@@ -42,12 +42,12 @@ const Message = withKeyboardContext(
        * Message UI component to display a message in message list.
        * Avaialble from [channel context](https://getstream.github.io/stream-chat-react-native/#channelcontext)
        * */
-      Message: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+      Message: PropTypes.oneOfType([PropTypes.node, PropTypes.elementType]),
       /**
        * Attachment UI component to display attachment in individual message.
        * Avaialble from [channel context](https://getstream.github.io/stream-chat-react-native/#channelcontext)
        * */
-      Attachment: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+      Attachment: PropTypes.oneOfType([PropTypes.node, PropTypes.elementType]),
       /**
        * Array of allowed actions on message. e.g. ['edit', 'delete', 'mute', 'flag']
        * If all the actions need to be disabled, empty array or false should be provided as value of prop.

src/components/MessageInput.js

@@ -176,7 +176,10 @@ const MessageInput = withKeyboardContext(
              *
              * Defaults to and accepts same props as: [SendButton](https://getstream.github.io/stream-chat-react-native/#sendbutton)
              * */
-            SendButton: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+            SendButton: PropTypes.oneOfType([
+              PropTypes.node,
+              PropTypes.elementType,
+            ]),
             /**
              * Additional props for underlying TextInput component. These props will be forwarded as it is to TextInput component.
              *
@@ -194,7 +197,7 @@ const MessageInput = withKeyboardContext(
              */
             AttachmentFileIcon: PropTypes.oneOfType([
               PropTypes.node,
-              PropTypes.func,
+              PropTypes.elementType,
             ]),
           };