feat(Chat): add props interface (#131)

* -changed typings for the Chat component * -updated Chat prop interface * -added children as prop in the props interfaces for the Button and Accordion
microsoft · Aug 24, 2018 · 4b3cd2e · 4b3cd2e
1 parent 46cd27f
commit 4b3cd2e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/docs/src/examples/components/Chat/Types/index.tsx b/docs/src/examples/components/Chat/Types/index.tsx
@@ -9,11 +9,6 @@ const Types = () => (
       description="A default Chat."
       examplePath="components/Chat/Types/ChatExample"
     />
-    <ComponentExample
-      title="Shorthand"
-      description="Chat messages can be defined with shorthand."
-      examplePath="components/Chat/Types/ChatExample"
-    />
   </ExampleSection>
 )
 

diff --git a/src/components/Chat/Chat.tsx b/src/components/Chat/Chat.tsx
@@ -2,10 +2,20 @@ import * as _ from 'lodash'
 import * as PropTypes from 'prop-types'
 import * as React from 'react'
 
-import { childrenExist, customPropTypes, UIComponent } from '../../lib'
+import { childrenExist, customPropTypes, UIComponent, Extendable } from '../../lib'
 import ChatMessage from './ChatMessage'
+import { ComponentVariablesInput, IComponentPartStylesInput } from '../../../types/theme'
+
+export interface IChatProps {
+  as?: any
+  className?: string
+  children?: React.ReactNode
+  messages?: any[]
+  styles?: IComponentPartStylesInput
+  variables?: ComponentVariablesInput
+}
 
-class Chat extends UIComponent<any, any> {
+class Chat extends UIComponent<Extendable<IChatProps>, any> {
   static className = 'ui-chat'
 
   static displayName = 'Chat'