Chat Widget -

<ChatWidget chatId={chatId} commentHistory={this.state.commentHistory} documentData={this.state.documentData} loadingCommentHistory={this.state.loadingCommentHistory} uploadingDocument={this.state.uploadingDocument} onAddComment={(ticketId, comment) => this.addComment(ticketId, comment)} onUploadFiles={(event, ticketid) => this.uploadFiles(event, ticketid)} onCommentChange={(comment) => this.handleCommentChange(comment)} />

Properties -

• chatId - unique id of chat widget
• commentHistory - {type: 'Comment', timestamp, message, name: (initials to be shown ), title, contactNumber, department}

•              {type: 'Document', timestamp, url, documentName, name: (initials to be shown ), title, contactNumber, department}
  

• documentData - {lastUpdatedTimestamp, documentName, url, userDetail: {name}}
• loadingCommentHistory - boolean
• uploadingDocument - boolean
• onAddComment - function(chatId, comment)
• onUploadFiles - function(event, chatId)
• onCommentChange - function(comment)

Form Components

Motivation

• Create common form components that can be directly used without handling state of fields
• Use components in either controlled or uncontrolled way.

Usage

 
import { InputField, TextArea, DropDown, Upload, Toggle, DateTimePicker } from '../ReactComponents/formElements';
 
<InputField 
    label="Simple Input Field"
    onChange={this.onChange}   
    placeholder="Simple Text"
    error                 
    isRequired         
    disabled           
/>

Components

This pakage provides following React Field components:

InputField

Abstract component that expects label, onChange method.