CRNS-49: Docs for missing components

Author: vishalnarkhede

src/components/AutoCompleteInput.js

@@ -12,11 +12,17 @@ const InputBox = styled.TextInput`
 export class AutoCompleteInput extends React.PureComponent {
   static propTypes = {
     value: PropTypes.string,
+    /** @see See [suggestions context](https://getstream.github.io/stream-chat-react-native/#suggestionscontext) */
     openSuggestions: PropTypes.func,
+    /** @see See [suggestions context](https://getstream.github.io/stream-chat-react-native/#suggestionscontext) */
     closeSuggestions: PropTypes.func,
+    /** @see See [suggestions context](https://getstream.github.io/stream-chat-react-native/#suggestionscontext) */
     updateSuggestions: PropTypes.func,
     triggerSettings: PropTypes.object,
     setInputBoxRef: PropTypes.func,
+    /**
+     * @param text string
+     */
     onChange: PropTypes.func,
     /**
      * Additional props for underlying TextInput component. These props will be forwarded as it is to TextInput component.

src/components/CloseButton.js

@@ -27,3 +27,5 @@ export const CloseButton = themed(
     }
   },
 );
+
+CloseButton.propTypes = {};

src/components/FileIcon.js

@@ -201,9 +201,6 @@ function mimeTypeToIcon(mimeType) {
   return iconDOC;
 }
 
-/**
- * @example ./examples/FileIcon.md
- */
 export class FileIcon extends React.Component {
   render() {
     const { mimeType, size } = this.props;

src/components/Gallery.js

@@ -53,6 +53,11 @@ const ImageContainer = styled.TouchableOpacity`
     length !== 3 ? theme.message.gallery.size : theme.message.gallery.halfSize};
   ${({ theme }) => theme.message.gallery.imageContainer.css}
 `;
+/**
+ * UI component for card in attachments.
+ *
+ * @example ./docs/Gallery.md
+ */
 
 export const Gallery = withMessageContentContext(
   themed(

src/components/docs/ChatDown.md

@@ -1,11 +1,11 @@
 ```js
 const images = [
-  { image_url: 'https://placehold.it/300x200' },
-  { image_url: 'https://placehold.it/300x200' },
-  { image_url: 'https://placehold.it/300x200' },
-  { image_url: 'https://placehold.it/300x200' },
-  { image_url: 'https://placehold.it/300x200' },
-  { image_url: 'https://placehold.it/300x200' },
+  { image_url: 'https://i.picsum.photos/id/1/200/300.jpg' },
+  { image_url: 'https://i.picsum.photos/id/2/200/300.jpg' },
+  { image_url: 'https://i.picsum.photos/id/3/200/300.jpg' },
+  { image_url: 'https://i.picsum.photos/id/4/200/300.jpg' },
+  { image_url: 'https://i.picsum.photos/id/5/200/300.jpg' },
+  { image_url: 'https://i.picsum.photos/id/6/200/300.jpg' },
 ];
 <Gallery images={images} />;
 ```

src/components/docs/Gallery.md

@@ -0,0 +1,4 @@
+It accepts all the props accepted by MessageTextContainer component.
+In addition it also accepts following props:
+
+- renderText { function } Defaults to [renderText](#rendertext)

src/components/docs/MessageText.md

@@ -0,0 +1,10 @@
+[src/utils/renderText.js](https://github.com/GetStream/stream-chat-react-native/blob/master/src/utils/renderText.js)
+
+Function that handles markdown and parsing for the text of message.
+
+Internally it uses [react-native-simple-markdown](https://github.com/GetStream/react-native-simple-markdown#styles-1) to handle markdown.
+
+It accepts following params:
+
+- message { object } Message object
+- style { object } - https://github.com/GetStream/react-native-simple-markdown#styles-1

src/components/docs/Window.md

@@ -13,4 +13,4 @@ export {
   withMessageContentContext,
 } from './context.js';
 
-export { MESSAGE_ACTIONS, renderText } from './utils';
+export * from './utils';