Merge pull request #106 from GetStream/vishal/props-fixes

CRNS-49 and CRNS-50: Exporting all the components and fixing props

Author: vishalnarkhede

src/components/AutoCompleteInput.js

@@ -14,9 +14,10 @@ export class AutoCompleteInput extends React.PureComponent {
     value: PropTypes.string,
     openSuggestions: PropTypes.func,
     closeSuggestions: PropTypes.func,
+    updateSuggestions: PropTypes.func,
     triggerSettings: PropTypes.object,
-    getUsers: PropTypes.func,
     setInputBoxRef: PropTypes.func,
+    onChange: PropTypes.func,
     /**
      * Additional props for underlying TextInput component. These props will be forwarded as it is to TextInput component.
      *

src/components/Card.js

@@ -47,7 +47,7 @@ export const Card = withMessageContentContext(
       static themePath = 'card';
       static propTypes = {
         /** Title retured by the OG scraper */
-        title: PropTypes.string.isRequired,
+        title: PropTypes.string,
         /** Link retured by the OG scraper */
         title_link: PropTypes.string,
         /** The scraped url, used as a fallback if the OG-data doesnt include a link */

src/components/ChannelListMessenger.js

@@ -25,6 +25,7 @@ const ChannelListMessenger = withChatContext(
         }),
         PropTypes.object,
       ]).isRequired,
+      setActiveChannel: PropTypes.func,
       /** 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.elementType]),

src/components/ChannelPreview.js

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

src/components/ChannelPreviewMessenger.js

@@ -120,7 +120,9 @@ export const ChannelPreviewMessenger = themed(
               </Title>
               <Date>{this.props.latestMessage.created_at}</Date>
             </DetailsTop>
-            <Message unread={this.props.unread > 0}>
+            <Message
+              unread={this.props.unread > 0 ? this.props.unread : undefined}
+            >
               {!this.props.latestMessage
                 ? 'Nothing yet...'
                 : truncate(

src/components/Chat.js

@@ -93,7 +93,7 @@ export const Chat = themed(
       this.props.client.off('connection.recovered');
       this.props.client.off('connection.changed');
       this.props.client.off(this.handleEvent);
-      this.unsubscribeNetInfo();
+      this.unsubscribeNetInfo && this.unsubscribeNetInfo();
     }
 
     notifyChatClient = (isConnected) => {

src/components/CommandsItem.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Text } from 'react-native';
 import styled from '@stream-io/styled-components';
+import PropTypes from 'prop-types';
 
 const Container = styled.View`
   flex-direction: column;
@@ -20,6 +21,12 @@ const Title = styled.Text`
 `;
 
 export class CommandsItem extends React.Component {
+  static propTypes = {
+    name: PropTypes.string,
+    args: PropTypes.string,
+    description: PropTypes.string,
+  };
+
   render() {
     const {
       item: { name, args, description },

src/components/DateSeparator.js

@@ -2,6 +2,7 @@ import React from 'react';
 import styled from '@stream-io/styled-components';
 import Moment from 'moment';
 import { themed } from '../styles/theme';
+import PropTypes from 'prop-types';
 
 const Container = styled.View`
   display: flex;
@@ -45,6 +46,11 @@ const Date = styled.Text`
 
 export const DateSeparator = themed(
   class DateSeparator extends React.PureComponent {
+    static propTypes = {
+      message: PropTypes.object.isRequired,
+      formatDate: PropTypes.func,
+    };
+
     static themePath = 'messageList.dateSeparator';
 
     render() {

src/components/EventIndicator.js

@@ -2,6 +2,7 @@ import React from 'react';
 import styled from '@stream-io/styled-components';
 import Moment from 'moment';
 import { Avatar } from './Avatar';
+import PropTypes from 'prop-types';
 
 const Date = styled.Text`
   font-size: 10;
@@ -58,4 +59,8 @@ const EventIndicator = ({ event }) => {
   return null;
 };
 
+EventIndicator.propTypes = {
+  event: PropTypes.object,
+};
+
 export { EventIndicator };

src/components/Gallery.js

@@ -66,6 +66,8 @@ export const Gallery = withMessageContentContext(
             thumb_url: PropTypes.string,
           }),
         ),
+        onLongPress: PropTypes.func,
+        alignment: PropTypes.string,
       };
 
       constructor(props) {