Blue - v0.0.57

Add ChatSidebar component

This (pretty big) update adds (and enhances) a variety of components to create a new ChatSidebar component.

The ChatSidebar is a larger component that helps manage the presentation, interactions, and state for the new ChatInbox and ChatList components. Ideally, state for ChatSidebar should be managed externally (via a parent component), and passed in as props.

Example

class MyComponent extends Component {
  ...
  render() {
    const {
      handleOnHideStatusBar,
      isShowStatusBar,
      newMessageCount,
    } = this.state

    return (
      <ChatSidebar
        newMessageCount={newMessageCount}
        onHideStatusBar={handleOnHideStatusBar}
        isShowStatusBar={isShowStatusBar}
      >
        <ChatInbox>
          ...
        </ChatInbox>
      </ChatSidebar>
    );
  }
}

An example of this (and all the new components) can be found in Blue's storybook:
http://localhost:8900/?selectedKind=ChatSidebar&selectedStory=default&full=0&down=1&left=1&panelRight=0

List of new components

• ChatSidebar
• ChatInbox
  • ChatInbox
  • Header
  • Content
• ChatList
  • ChatList
  • BlankSlate
  • Item
• Tag
• Illo
• Overflow
• StatusBar

List of existing components that were enhanced

• AnimateGroup
• Scrollable
• ScrollLock
• Text

Resolves: #115