React = require 'react' _ = require 'underscore-plus' {Actions, FileUploadStore, ComponentRegistry} = require 'inbox-exports' FileUploads = require './file-uploads.cjsx' DraftStoreProxy = require './draft-store-proxy' ContenteditableToolbar = require './contenteditable-toolbar.cjsx' ContenteditableComponent = require './contenteditable-component.cjsx' ParticipantsTextField = require './participants-text-field.cjsx' # The ComposerView is a unique React component because it (currently) is a # singleton. Normally, the React way to do things would be to re-render the # Composer with new props. As an alternative, we can call `setProps` to # simulate the effect of the parent re-rendering us module.exports = ComposerView = React.createClass displayName: 'ComposerView' getInitialState: -> state = @getComponentRegistryState() _.extend state, populated: false to: [] cc: [] bcc: [] body: "" subject: "" state getComponentRegistryState: -> ResizableComponent: ComponentRegistry.findViewByName 'ResizableComponent' AttachmentComponent: ComponentRegistry.findViewByName 'AttachmentComponent' FooterComponents: ComponentRegistry.findAllViewsByRole 'Composer:Footer' componentWillMount: -> @_prepareForDraft() componentDidMount: -> @keymap_unsubscriber = atom.commands.add '.composer-outer-wrap', { 'composer:show-and-focus-bcc': @_showAndFocusBcc 'composer:show-and-focus-cc': @_showAndFocusCc 'composer:focus-to': => @focus "textFieldTo" 'composer:send-message': => @_sendDraft() } if @props.mode is "fullwindow" # Need to delay so the component can be fully painted. Focus doesn't # work unless the element is on the page. _.delay => @focus("textFieldTo") , 500 componentWillUnmount: -> @_teardownForDraft() @keymap_unsubscriber.dispose() componentWillReceiveProps: (newProps) -> if newProps.localId != @props.localId # When we're given a new draft localId, we have to stop listening to our # current DraftStoreProxy, create a new one and listen to that. The simplest # way to do this is to just re-call registerListeners. @_teardownForDraft() @_prepareForDraft() _prepareForDraft: -> @_proxy = new DraftStoreProxy(@props.localId) @unlisteners = [] @unlisteners.push @_proxy.listen(@_onDraftChanged) @unlisteners.push ComponentRegistry.listen (event) => @setState(@getComponentRegistryState()) _teardownForDraft: -> unlisten() for unlisten in @unlisteners @_proxy.changes.commit() render: -> ResizableComponent = @state.ResizableComponent if @props.mode is "inline" and ResizableComponent?