Atom IDE - Simplify JSX Generation

I've seen other questions about the Atom IDE here, so I figured I'd ask. If there is a better place to post a question like this, let me know and I'll take it and translate it.

I am using Atom with the Atom Beautify package. I am creating JSX files and when I run decorate the formatting does not follow the JSX standards for component props, this makes it very difficult to read.

How do I format it like below?

Example: Desired setting

<SingleInput 
  inputType={'text'} 
  controlFunc={this.handleQualificationNameChange(qualification.uniqueId)} 
  content={qualification.qualification} 
  placeholder={'Qualification'} 
  bsSize={null}
/>

      

        
        
        
      

    

Example: Current setting

<SingleInput inputType={'text'} controlFunc={this.handleQualificationNameChange(qualification.uniqueId)} content={qualification.qualification} placeholder={'Qualification'} bsSize={null}/>