Wrap multiline JSX DOM.

client/.eslintrc

@@ -39,7 +39,5 @@
 
     "jsx-a11y/click-events-have-key-events": 0,
     "jsx-a11y/mouse-events-have-key-events": 0,
-
-    "react/jsx-wrap-multilines": 0,
   }
 }

client/app/scripts/components/node-details/node-details-controls.js

@@ -22,11 +22,11 @@ export default function NodeDetailsControls({
         </div>
       }
       <span className="node-details-controls-buttons">
-        {sortBy(controls, 'rank').map(control => <NodeDetailsControlButton
+        {sortBy(controls, 'rank').map(control => (<NodeDetailsControlButton
           nodeId={nodeId}
           control={control}
           pending={pending}
-          key={control.id} />)}
+          key={control.id} />))}
       </span>
       {controls && <span title="Applying..." className={spinnerClassName} />}
     </div>

client/app/scripts/components/node-details/node-details-health.js

@@ -38,18 +38,18 @@ export default class NodeDetailsHealth extends React.Component {
     return (
       <div className="node-details-health" style={{ justifyContent: 'space-around' }}>
         <div className="node-details-health-wrapper">
-          {shownWithData.map(item => <NodeDetailsHealthLinkItem
+          {shownWithData.map(item => (<NodeDetailsHealthLinkItem
             {...item}
             key={item.id}
             topologyId={topologyId}
-          />)}
+          />))}
         </div>
         <div className="node-details-health-wrapper">
-          {shownEmpty.map(item => <NodeDetailsHealthLinkItem
+          {shownEmpty.map(item => (<NodeDetailsHealthLinkItem
             {...item}
             key={item.id}
             topologyId={topologyId}
-          />)}
+          />))}
         </div>
         <ShowMore
           handleClick={this.handleClickMore}

client/app/scripts/components/node-details/node-details-property-list.js

@@ -9,10 +9,10 @@ import ShowMore from '../show-more';
 
 const Controls = controls => (
   <div className="node-details-property-list-controls">
-    {sortBy(controls, 'rank').map(control => <NodeDetailsControlButton
+    {sortBy(controls, 'rank').map(control => (<NodeDetailsControlButton
       nodeId={control.nodeId}
       control={control}
-      key={control.id} />)}
+      key={control.id} />))}
   </div>
 );
 

client/app/scripts/components/node-details/node-details-table-row.js

@@ -66,12 +66,12 @@ function renderValues(node, columns = [], columnStyles = [], timestamp = null, t
             style={style}
             key={field.id}>
             {intersperse(field.relatives.map(relative =>
-              <NodeDetailsTableNodeLink
+              (<NodeDetailsTableNodeLink
                 key={relative.id}
                 linkable
                 nodeId={relative.id}
                 {...relative}
-              />), ' ')}
+              />)), ' ')}
           </td>
         );
       }