Fix react/jsx-indent rule in ES6

[MAILPOET-1029]

.eslintrc.es6.json

@@ -22,7 +22,6 @@
     "react/jsx-no-target-blank": 0,
     "react/no-render-return-value": 0,
     "react/jsx-boolean-value": 0,
-    "react/jsx-indent": 0,
     "react/jsx-no-bind": 0,
     "react/no-array-index-key": 0,
     "react/self-closing-comp": 0,

assets/js/src/help-tooltip.jsx

@@ -34,15 +34,15 @@ function Tooltip(props) {
         data-for={tooltipId}
       >
       </span>
-        <ReactTooltip
-          globalEventOff="click"
-          multiline={true}
-          id={tooltipId}
-          efect="solid"
-          place={props.place}
+      <ReactTooltip
+        globalEventOff="click"
+        multiline={true}
+        id={tooltipId}
+        efect="solid"
+        place={props.place}
         >
-          {tooltip}
-        </ReactTooltip>
+        {tooltip}
+      </ReactTooltip>
     </span>
   );
 }

assets/js/src/listing/bulk_actions.jsx

@@ -112,7 +112,7 @@ define([
             defaultValue={MailPoet.I18n.t('apply')}
             className="button action" />
 
-            { this.state.extra }
+          { this.state.extra }
         </div>
       );
     },

assets/js/src/listing/filters.jsx

@@ -56,14 +56,14 @@ define([
               key={ `filter-${i}` }
               name={ filter }
             >
-            { filters[filter].map((option, j) => {
-              return (
-                <option
-                  value={ option.value }
-                  key={ 'filter-option-' + j }
+              { filters[filter].map((option, j) => {
+                return (
+                  <option
+                    value={ option.value }
+                    key={ 'filter-option-' + j }
                 >{ option.label }</option>
-              );
-            }) }
+                );
+              }) }
             </select>
           );
         });

assets/js/src/listing/groups.jsx

@@ -15,22 +15,22 @@ define(['react', 'classnames'], (React, classNames) => {
           );
 
         return (
-            <li key={index}>
-              {(index > 0) ? ' |' : ''}
-              <a
-                href="javascript:;"
-                className={classes}
-                onClick={this.handleSelect.bind(this, group.name)} >
-                {group.label} <span className="count">({ group.count.toLocaleString() })</span>
-              </a>
-            </li>
+          <li key={index}>
+            {(index > 0) ? ' |' : ''}
+            <a
+              href="javascript:;"
+              className={classes}
+              onClick={this.handleSelect.bind(this, group.name)} >
+              {group.label} <span className="count">({ group.count.toLocaleString() })</span>
+            </a>
+          </li>
         );
       });
 
       return (
-          <ul className="subsubsub">
-            { groups }
-          </ul>
+        <ul className="subsubsub">
+          { groups }
+        </ul>
       );
     },
   });

assets/js/src/listing/search.jsx

@@ -24,7 +24,7 @@ define([
           <form name="search" onSubmit={this.handleSearch}>
             <p className="search-box">
               <label htmlFor="search_input" className="screen-reader-text">
-              {MailPoet.I18n.t('searchLabel')}
+                {MailPoet.I18n.t('searchLabel')}
               </label>
               <input
                 type="search"

assets/js/src/newsletters/listings/mixins.jsx

@@ -126,13 +126,13 @@ const _QueueMixin = {
       return (
         <div>
           <div className={ progressClasses }>
-              <span
-                className="mailpoet_progress_bar"
-                style={ { width: progress_bar_width + '%' } }
+            <span
+              className="mailpoet_progress_bar"
+              style={ { width: progress_bar_width + '%' } }
               ></span>
-              <span className="mailpoet_progress_label">
-                { percentage }
-              </span>
+            <span className="mailpoet_progress_label">
+              { percentage }
+            </span>
           </div>
           <p style={{ textAlign:'center' }}>
             { label }

assets/js/src/newsletters/send.jsx

@@ -300,18 +300,18 @@ define(
               <p className="submit">
                 {
                   isPaused ?
-                  <input
-                    className="button button-primary"
-                    type="button"
-                    onClick={ this.handleResume }
-                    value={MailPoet.I18n.t('resume')} />
+                    <input
+                      className="button button-primary"
+                      type="button"
+                      onClick={ this.handleResume }
+                      value={MailPoet.I18n.t('resume')} />
                   :
-                  <input
-                    className="button button-primary"
-                    type="button"
-                    onClick={ this.handleSend }
-                    value={MailPoet.I18n.t('send')}
-                    {...this.getSendButtonOptions()}
+                    <input
+                      className="button button-primary"
+                      type="button"
+                      onClick={ this.handleSend }
+                      value={MailPoet.I18n.t('send')}
+                      {...this.getSendButtonOptions()}
                   />
                 }
                 &nbsp;

assets/js/src/newsletters/templates.jsx

@@ -244,24 +244,24 @@ define(
               </div>
 
               <div className="mailpoet_description">
-                  <h3>{ template.name }</h3>
-                  <p>{ template.description }</p>
+                <h3>{ template.name }</h3>
+                <p>{ template.description }</p>
               </div>
 
               <div className="mailpoet_actions">
-                  <a
-                    className="button button-secondary"
-                    onClick={ this.handleShowTemplate.bind(null, template) }
+                <a
+                  className="button button-secondary"
+                  onClick={ this.handleShowTemplate.bind(null, template) }
                   >
-                    {MailPoet.I18n.t('preview')}
-                  </a>
+                  {MailPoet.I18n.t('preview')}
+                </a>
                   &nbsp;
-                  <a
-                    className="button button-primary"
-                    onClick={ this.handleSelectTemplate.bind(null, template) }
+                <a
+                  className="button button-primary"
+                  onClick={ this.handleSelectTemplate.bind(null, template) }
                   >
-                    {MailPoet.I18n.t('select')}
-                  </a>
+                  {MailPoet.I18n.t('select')}
+                </a>
               </div>
               { (template.readonly === '1') ? false : deleteLink }
             </li>