Merge pull request #447 from erikaperugachi/composer

Composer and project structure

Author: Erika Perugachi

CHANGELOG.md

@@ -1,6 +1,6 @@
 {
   "name": "criptext",
-  "version": "0.11.3",
+  "version": "0.11.4",
   "author": {
     "name": "Criptext Inc.",
     "email": "[email protected]",

electron_app/package.json

@@ -25,7 +25,10 @@ class Autocomplete extends Component {
 
   componentDidMount() {
     const inputName = this.props.inputProps.name;
-    if (inputName === 'To') {
+    if (
+      inputName === 'To' &&
+      this.props.inputProps.isfocuseditorinput === 'false'
+    ) {
       this.autosuggest.input.focus();
     }
   }

email_composer/src/components/Autocomplete.js

@@ -88,6 +88,7 @@ const AutocompleteWrapper = ({ addTag, ...props }) => {
 
 AutocompleteWrapper.propTypes = {
   addTag: PropTypes.func,
+  isfocuseditorinput: PropTypes.bool,
   onChange: PropTypes.func,
   value: PropTypes.object
 };

email_composer/src/components/AutocompleteWrapper.js

@@ -12,6 +12,7 @@ const Body = props => (
       getHtmlBody={props.getHtmlBody}
       htmlBody={props.htmlBody}
       isDragActive={props.isDragActive}
+      isFocusEditorInput={props.isFocusEditorInput}
       isToolbarHidden={props.isToolbarHidden}
       onClearFile={props.onClearFile}
       onDragLeave={props.handleDragLeave}
@@ -40,6 +41,7 @@ Body.propTypes = {
   handleDragOver: PropTypes.func,
   htmlBody: PropTypes.object,
   isDragActive: PropTypes.bool,
+  isFocusEditorInput: PropTypes.bool,
   isToolbarHidden: PropTypes.bool,
   onClearFile: PropTypes.func,
   onClickDiscardDraft: PropTypes.func,

email_composer/src/components/Body.js

@@ -16,6 +16,7 @@ class BodyWrapper extends Component {
         {...this.props}
         getHtmlBody={this.props.getHtmlBody}
         htmlBody={this.props.htmlBody}
+        isFocusEditorInput={this.props.isFocusEditorInput}
         isToolbarHidden={this.state.isToolbarHidden}
         onClickTextEditor={this.handleTextEditor}
         onDrop={this.props.onDrop}
@@ -32,6 +33,7 @@ class BodyWrapper extends Component {
 BodyWrapper.propTypes = {
   getHtmlBody: PropTypes.func,
   htmlBody: PropTypes.object,
+  isFocusEditorInput: PropTypes.bool,
   onDrop: PropTypes.func,
   onFocusTextEditor: PropTypes.func
 };

email_composer/src/components/BodyWrapper.js

@@ -18,6 +18,7 @@ const Composer = props => (
       getCcEmails={props.getCcEmails}
       getBccEmails={props.getBccEmails}
       isCollapsedMoreRecipient={props.isCollapsedMoreRecipient}
+      isFocusEditorInput={props.isFocusEditorInput}
       onToggleRecipient={props.onToggleRecipient}
     />
     <SubjectWrapper
@@ -33,6 +34,7 @@ const Composer = props => (
       handleDragOver={props.handleDragOver}
       htmlBody={props.htmlBody}
       isDragActive={props.isDragActive}
+      isFocusEditorInput={props.isFocusEditorInput}
       onClearFile={props.onClearFile}
       onClickDiscardDraft={props.onClickDiscardDraft}
       onClickSendMessage={props.onClickSendMessage}
@@ -77,6 +79,7 @@ Composer.propTypes = {
   htmlBody: PropTypes.object,
   isCollapsedMoreRecipient: PropTypes.bool,
   isDragActive: PropTypes.bool,
+  isFocusEditorInput: PropTypes.bool,
   onClickCancelSendMessage: PropTypes.func,
   onDrop: PropTypes.func,
   onClearFile: PropTypes.func,

email_composer/src/components/Composer.js

@@ -15,6 +15,7 @@ const DropfileField = props => (
   >
     <EditorWrapper
       htmlBody={props.htmlBody}
+      isFocusEditorInput={props.isFocusEditorInput}
       toolbarHidden={props.isToolbarHidden}
       getHtmlBody={props.getHtmlBody}
       blockRenderMap={props.blockRenderMap}
@@ -74,6 +75,7 @@ DropfileField.propTypes = {
   getHtmlBody: PropTypes.func,
   htmlBody: PropTypes.object,
   isDragActive: PropTypes.bool,
+  isFocusEditorInput: PropTypes.bool,
   isToolbarHidden: PropTypes.bool,
   multiple: PropTypes.bool,
   onClearFile: PropTypes.func,

email_composer/src/components/DropfileField.js

@@ -8,6 +8,9 @@ class EditorWrapper extends Component {
     return (
       <Editor
         {...this.props}
+        ref={editor => {
+          this.editor = editor;
+        }}
         toolbar={{
           options: [
             'inline',
@@ -38,6 +41,12 @@ class EditorWrapper extends Component {
     );
   }
 
+  componentDidMount() {
+    if (this.props.isFocusEditorInput) {
+      this.editor.focusEditor();
+    }
+  }
+
   onChangeHtmlBody = html => {
     this.props.getHtmlBody(html);
   };
@@ -51,6 +60,7 @@ EditorWrapper.propTypes = {
   blockRenderMap: PropTypes.object,
   getHtmlBody: PropTypes.func,
   htmlBody: PropTypes.object,
+  isFocusEditorInput: PropTypes.bool,
   onFocusTextEditor: PropTypes.func
 };
 

email_composer/src/components/EditorWrapper.js

@@ -43,6 +43,7 @@ const renderRecipientTo = props => (
       focusedClassName={'cstm-tags-border'}
       inputProps={{
         className: 'tags-input',
+        isfocuseditorinput: props.isFocusEditorInput ? 'true' : 'false',
         placeholder: '',
         name: 'To'
       }}
@@ -121,12 +122,14 @@ const renderRecipientBcc = props => (
 
 Recipient.propTypes = {
   isCollapsedMoreRecipient: PropTypes.bool,
+  isFocusEditorInput: PropTypes.bool,
   onToggleRecipient: PropTypes.func
 };
 
 renderRecipientTo.propTypes = {
   checkDisableSendButton: PropTypes.func,
   handleOnValidationRejectToTag: PropTypes.func,
+  isFocusEditorInput: PropTypes.bool,
   onChangeToTag: PropTypes.func,
   toTags: PropTypes.string
 };