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/Gallery.js

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

src/components/MessageInput.js

@@ -815,7 +815,6 @@ const MessageInput = withKeyboardContext(
                         updateSuggestions={this.props.updateSuggestions}
                         value={this.state.text}
                         onChange={this.onChange}
-                        getUsers={this.getUsers}
                         getCommands={this.getCommands}
                         setInputBoxRef={this.setInputBoxRef}
                         triggerSettings={ACITriggerSettings({

src/components/MessageList.js

@@ -651,7 +651,7 @@ const MessageList = withChannelContext(
             {this.state.newMessagesNotification && (
               <MessageNotification
                 showNotification={this.state.newMessagesNotification}
-                onClick={this.goToNewMessages}
+                onPress={this.goToNewMessages}
               />
             )}
             {!this.state.online && (

src/components/MessageNotification.js

@@ -37,9 +37,7 @@ export class MessageNotification extends PureComponent {
     /** If we should show the notification or not */
     showNotification: PropTypes.bool,
     /** Onclick handler */
-    onClick: PropTypes.func.isRequired,
-    /** Style overrides */
-    style: PropTypes.object,
+    onPress: PropTypes.func.isRequired,
   };
 
   static defaultProps = {
@@ -74,7 +72,7 @@ export class MessageNotification extends PureComponent {
             opacity: this.state.notificationOpacity,
           }}
         >
-          <Container onPress={this.props.onClick} onClick={this.props.onClick}>
+          <Container onPress={this.props.onPress}>
             <MessageNotificationText>New Messages</MessageNotificationText>
           </Container>
         </Animated.View>

src/components/index.js

@@ -1,3 +1,27 @@
+export { AutoCompleteInput } from './AutoCompleteInput';
+export { Card } from './Card';
+export { CommandsItem } from './CommandsItem';
+export { DateSeparator } from './DateSeparator';
+export { EmptyStateIndicator } from './EmptyStateIndicator';
+export { EventIndicator } from './EventIndicator';
+export { FileAttachmentGroup } from './FileAttachmentGroup';
+export { FileUploadPreview } from './FileUploadPreview';
+export { Gallery } from './Gallery';
+export { IconSquare } from './IconSquare';
+export { ImageUploadPreview } from './ImageUploadPreview';
+export { KeyboardCompatibleView } from './KeyboardCompatibleView';
+export { LoadingErrorIndicator } from './LoadingErrorIndicator';
+export { LoadingIndicator } from './LoadingIndicator';
+export { MentionsItem } from './MentionsItem';
+export { Message } from './Message';
+export { MessageNotification } from './MessageNotification';
+export { MessageSystem } from './MessageSystem';
+export { ReactionList } from './ReactionList';
+export { Spinner } from './Spinner';
+export { SuggestionsProvider } from './SuggestionsProvider';
+export { UploadProgressIndicator } from './UploadProgressIndicator';
+export { Attachment } from './Attachment';
+export { AttachmentActions } from './AttachmentActions';
 export { Avatar } from './Avatar';
 export { Chat } from './Chat';
 export { Channel } from './Channel';

src/index.js

@@ -7,6 +7,8 @@ export {
   withChannelContext,
   SuggestionsContext,
   withSuggestionsContext,
+  KeyboardContext,
+  withKeyboardContext,
 } from './context.js';
 
 export { MESSAGE_ACTIONS, renderText } from './utils';

types/index.d.ts

@@ -188,7 +188,7 @@ interface AttachmentProps {
     The handler function to call when an action is selected on an attachment.
     Examples include canceling a \/giphy command or shuffling the results.
     */
-  actionHandler(): void;
+  actionHandler?(name: string, value: string): any;
   groupStyle: 'single' | 'top' | 'middle' | 'bottom';
 }
 
@@ -365,6 +365,15 @@ interface MessageProps extends KeyboardContextValue {
   setEditingState?(message: Client.Message): void;
   /** Function executed when user clicks on link to open thread */
   openThread?(message: Client.Message, event: React.SyntheticEvent): void;
+  channel: Client.Channel;
+  editing: boolean | Client.MessageResponse;
+  messageActions: boolean | string[];
+  dismissKeyboard?(): void;
+  onMessageTouch?(
+    e: GestureResponderEvent,
+    message: Client.MessageResponse,
+  ): void;
+  dismissKeyboardOnMessageTouch: boolean;
 }
 
 interface MessageUIComponentProps extends MessageProps, KeyboardContextValue {
@@ -425,6 +434,203 @@ interface FileIconUIComponentProps {
   mimeType?: string;
 }
 
+interface AutoCompleteInputProps {
+  value: string;
+  openSuggestions?(title: string, component: React.ElementType<any, any>): void;
+  closeSuggestions?(): void;
+  updateSuggestions?(param: object): void;
+  triggerSettings: object;
+  setInputBoxRef?(ref: any): void;
+  onChange?(text: string): void;
+  additionalTextInputProps: object;
+}
+
+interface CardProps {
+  title: string;
+  title_link: string;
+  og_scrape_url: string;
+  image_url: string;
+  thumb_url: string;
+  text: string;
+  type: string;
+  alignment: 'right' | 'left';
+  onLongPress?: (event: GestureResponderEvent) => void;
+}
+
+interface CommandsItemProps {
+  name: string;
+  args: string;
+  description: string;
+}
+
+interface DateSeparatorProps {
+  message: Client.MessageResponse;
+  formatDate?(date: Date): string;
+}
+interface EmptyStateIndicatorProps {
+  listType: 'string';
+}
+interface EventIndicatorProps {
+  event: Client.Event;
+}
+interface FileAttachmentGroupProps {
+  messageId: string;
+  files: [];
+  handleAction?(): void;
+  alignment: 'right' | 'left';
+  AttachmentFileIcon: React.ElementType<any, any>;
+}
+interface FileUploadPreviewProps {
+  fileUploads: [];
+  removeFile?(id: string): void;
+  retryUpload?(id: string): Promise<any>;
+  AttachmentFileIcon: React.ElementType<any, any>;
+}
+interface GalleryProps {
+  images: Client.Attachment[];
+  onLongPress: (event: GestureResponderEvent) => void;
+  alignment: 'right' | 'left';
+}
+interface IconSquareProps {
+  icon: string;
+  onPress?(event: GestureResponderEvent): void;
+}
+interface ImageUploadPreviewProps {
+  imageUploads: Array<{
+    [id: string]: {
+      id: string;
+      file: File;
+      status: string;
+    };
+  }>;
+  removeImage?(id: string): void;
+  retryUpload?(id: string): Promise<any>;
+}
+interface KeyboardCompatibleViewProps {}
+interface LoadingErrorIndicatorProps {
+  listType: string;
+}
+interface LoadingIndicatorProps {
+  listType: 'channel' | 'message' | 'default';
+}
+interface MentionsItemProps {
+  item: {
+    name?: string;
+    icon: string;
+    id?: string;
+  };
+}
+
+interface MessageNotificationProps {
+  showNotification: boolean;
+  onPress?(event: GestureResponderEvent): void;
+}
+
+interface MessageSystemProps {
+  message: Client.MessageResponse;
+}
+
+interface ReactionListProps {
+  latestReactions: any;
+  openReactionSelector?(event: GestureResponderEvent): void;
+  getTotalReactionCount?(): string | number;
+  visible: boolean;
+  position: string;
+}
+
+interface SpinnerProps {}
+
+interface SuggestionsProviderProps {
+  active: boolean;
+  marginLeft: string | number;
+  width: string | number;
+  suggestions: object;
+  backdropHeight: string | number;
+  handleDismiss?(event: GestureResponderEvent): void;
+  suggestionsTitle: string;
+}
+interface UploadProgressIndicatorProps {
+  active: boolean;
+  type: 'in_progress' | 'retry';
+  action?(event: GestureResponderEvent): void;
+}
+
+interface AttachmentActionsProps {
+  text: string;
+  actions: Client.Action[];
+  actionHandler?(name: string, value: string): any;
+}
+
+export class AutoCompleteInput extends React.PureComponent<
+  AutoCompleteInputProps,
+  any
+> {}
+export class Card extends React.PureComponent<CardProps, any> {}
+export class CommandsItem extends React.PureComponent<CommandsItemProps, any> {}
+export class DateSeparator extends React.PureComponent<
+  DateSeparatorProps,
+  any
+> {}
+export class EmptyStateIndicator extends React.PureComponent<
+  EmptyStateIndicatorProps,
+  any
+> {}
+export class EventIndicator extends React.PureComponent<
+  EventIndicatorProps,
+  any
+> {}
+export class FileAttachmentGroup extends React.PureComponent<
+  FileAttachmentGroupProps,
+  any
+> {}
+export class FileUploadPreview extends React.PureComponent<
+  FileUploadPreviewProps,
+  any
+> {}
+export class Gallery extends React.PureComponent<GalleryProps, any> {}
+export class IconSquare extends React.PureComponent<IconSquareProps, any> {}
+export class ImageUploadPreview extends React.PureComponent<
+  ImageUploadPreviewProps,
+  any
+> {}
+export class KeyboardCompatibleView extends React.PureComponent<
+  KeyboardCompatibleViewProps,
+  any
+> {}
+export class LoadingErrorIndicator extends React.PureComponent<
+  LoadingErrorIndicatorProps,
+  any
+> {}
+export class LoadingIndicator extends React.PureComponent<
+  LoadingIndicatorProps,
+  any
+> {}
+export class MentionsItem extends React.PureComponent<MentionsItemProps, any> {}
+export class Message extends React.PureComponent<MessageProps, any> {}
+export class MessageNotification extends React.PureComponent<
+  MessageNotificationProps,
+  any
+> {}
+export class MessageSystem extends React.PureComponent<
+  MessageSystemProps,
+  any
+> {}
+export class ReactionList extends React.PureComponent<ReactionListProps, any> {}
+export class Spinner extends React.PureComponent<SpinnerProps, any> {}
+export class SuggestionsProvider extends React.PureComponent<
+  SuggestionsProviderProps,
+  any
+> {}
+export class UploadProgressIndicator extends React.PureComponent<
+  UploadProgressIndicatorProps,
+  any
+> {}
+export class Attachment extends React.PureComponent<AttachmentProps, any> {}
+export class AttachmentActions extends React.PureComponent<
+  AttachmentActionsProps,
+  any
+> {}
+
 export class Avatar extends React.PureComponent<AvatarProps, any> {}
 export class Chat extends React.PureComponent<ChatProps, any> {}
 export class Channel extends React.PureComponent<ChannelProps, any> {}