chore: Apply latest version of prettier

Author: fritz-c

examples/basic-example/app.js

@@ -216,9 +216,7 @@ class App extends Component {
     return (
       <div>
         <section className={styles['page-header']}>
-          <h1 className={styles['project-name']}>
-            {projectName}
-          </h1>
+          <h1 className={styles['project-name']}>{projectName}</h1>
 
           <h2 className={styles['project-tagline']}>
             Drag-and-drop sortable representation of hierarchical data

examples/basic-example/stylesheets/app.scss

@@ -1,5 +1,5 @@
-@import "./vendor/stylesheet";
-@import "./vendor/github-light";
+@import './vendor/stylesheet';
+@import './vendor/github-light';
 
 .page-header {
   padding: 1rem 6rem;

examples/storybooks/index.js

@@ -15,7 +15,7 @@ import TreeDataIOExample from './tree-data-io';
 import TreeToTreeExample from './tree-to-tree';
 import styles from './generic.scss';
 
-const wrapWithSource = (node, src) =>
+const wrapWithSource = (node, src) => (
   <div>
     {node}
 
@@ -28,7 +28,8 @@ const wrapWithSource = (node, src) =>
     >
       VIEW SOURCE →
     </a>
-  </div>;
+  </div>
+);
 
 storiesOf('Basics', module)
   .add('Minimal implementation', () =>

examples/storybooks/tree-data-io.js

@@ -51,11 +51,11 @@ export default class App extends Component {
         <hr />
         ↓This flat data is generated from the modified tree data↓
         <ul>
-          {flatData.map(({ id, name, parent }) =>
+          {flatData.map(({ id, name, parent }) => (
             <li key={id}>
               id: {id}, name: {name}, parent: {parent || 'null'}
             </li>
-          )}
+          ))}
         </ul>
       </div>
     );

src/node-renderer-default.js

@@ -82,8 +82,8 @@ class NodeRendererDefault extends Component {
     return (
       <div style={{ height: '100%' }} {...otherProps}>
         {toggleChildrenVisibility &&
-          node.children &&
-          (node.children.length > 0 || typeof node.children === 'function') &&
+        node.children &&
+        (node.children.length > 0 || typeof node.children === 'function') && (
           <div>
             <button
               type="button"
@@ -101,12 +101,14 @@ class NodeRendererDefault extends Component {
             />
 
             {node.expanded &&
-              !isDragging &&
+            !isDragging && (
               <div
                 style={{ width: scaffoldBlockPxWidth }}
                 className={styles.lineChildren}
-              />}
-          </div>}
+              />
+            )}
+          </div>
+        )}
 
         <div className={styles.rowWrapper}>
           {/* Set the row preview to be used during drag and drop */}
@@ -142,36 +144,41 @@ class NodeRendererDefault extends Component {
                       (node.subtitle ? ` ${styles.rowTitleWithSubtitle}` : '')
                     }
                   >
-                    {typeof nodeTitle === 'function'
-                      ? nodeTitle({
+                    {typeof nodeTitle === 'function' ? (
+                      nodeTitle({
+                        node,
+                        path,
+                        treeIndex,
+                      })
+                    ) : (
+                      nodeTitle
+                    )}
+                  </span>
+
+                  {nodeSubtitle && (
+                    <span className={styles.rowSubtitle}>
+                      {typeof nodeSubtitle === 'function' ? (
+                        nodeSubtitle({
                           node,
                           path,
                           treeIndex,
                         })
-                      : nodeTitle}
-                  </span>
-
-                  {nodeSubtitle &&
-                    <span className={styles.rowSubtitle}>
-                      {typeof nodeSubtitle === 'function'
-                        ? nodeSubtitle({
-                            node,
-                            path,
-                            treeIndex,
-                          })
-                        : nodeSubtitle}
-                    </span>}
+                      ) : (
+                        nodeSubtitle
+                      )}
+                    </span>
+                  )}
                 </div>
 
                 <div className={styles.rowToolbar}>
-                  {buttons.map((btn, index) =>
+                  {buttons.map((btn, index) => (
                     <div
                       key={index} // eslint-disable-line react/no-array-index-key
                       className={styles.toolbarButton}
                     >
                       {btn}
                     </div>
-                  )}
+                  ))}
                 </div>
               </div>
             </div>

src/placeholder-renderer-default.js

@@ -2,14 +2,15 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import styles from './placeholder-renderer-default.scss';
 
-const PlaceholderRendererDefault = ({ isOver, canDrop }) =>
+const PlaceholderRendererDefault = ({ isOver, canDrop }) => (
   <div
     className={
       styles.placeholder +
       (canDrop ? ` ${styles.placeholderLandingPad}` : '') +
       (canDrop && !isOver ? ` ${styles.placeholderCancelPad}` : '')
     }
-  />;
+  />
+);
 
 PlaceholderRendererDefault.defaultProps = {
   isOver: false,

src/react-sortable-tree.js

@@ -516,7 +516,7 @@ class ReactSortableTree extends Component {
       // Render list with react-virtualized
       list = (
         <AutoSizer>
-          {({ height, width }) =>
+          {({ height, width }) => (
             <ScrollZoneVirtualList
               {...scrollToInfo}
               verticalStrength={this.vStrength}
@@ -544,7 +544,8 @@ class ReactSortableTree extends Component {
                   matchKeys
                 )}
               {...this.props.reactVirtualizedListProps}
-            />}
+            />
+          )}
         </AutoSizer>
       );
     } else {

src/react-sortable-tree.test.js

@@ -249,10 +249,7 @@ describe('<SortableTree />', () => {
   });
 
   it('should render with a custom `nodeContentRenderer`', () => {
-    const FakeNode = ({ node }) =>
-      <div>
-        {node.title}
-      </div>;
+    const FakeNode = ({ node }) => <div>{node.title}</div>;
     FakeNode.propTypes = { node: PropTypes.shape({}).isRequired };
 
     const wrapper = mount(