Format source with prettier-standard

This should be happening on every commit, but someone has been skipping
the pre-commit hook.

src/components/BannerMessage/BannerMessage.jsx

@@ -32,18 +32,35 @@ const BannerMessage = props => {
   }
 
   function getOneDismissElement () {
-    const dismissIcon = <i className={`banner-message__close-icon ei icon_close`} onClick={props.onCloseClicked} />
-    const dismissButton = <Button size='tiny' className='banner-message__close-button' onClick={props.onCloseClicked}>{props.button}</Button>
+    const dismissIcon = (
+      <i
+        className={`banner-message__close-icon ei icon_close`}
+        onClick={props.onCloseClicked}
+      />
+    )
+    const dismissButton = (
+      <Button
+        size='tiny'
+        className='banner-message__close-button'
+        onClick={props.onCloseClicked}
+      >
+        {props.button}
+      </Button>
+    )
     return (!icon && props.button && dismissButton) || dismissIcon
   }
 
-  const childIsString = (typeof children === 'string')
+  const childIsString = typeof children === 'string'
   const nakedHeader = childIsString && !header && children
   const status = getStatus()
   const headerContent = header || nakedHeader || ''
   const childContent = !childIsString ? children : ''
-  const headerMarkup = headerContent && <BannerMessageHeader>{headerContent}</BannerMessageHeader>
-  const alertIcon = <i className={`banner-message__alert ${getAlertIconClass()}`} />
+  const headerMarkup = headerContent && (
+    <BannerMessageHeader>{headerContent}</BannerMessageHeader>
+  )
+  const alertIcon = (
+    <i className={`banner-message__alert ${getAlertIconClass()}`} />
+  )
   const DismissElement = getOneDismissElement()
 
   return (

src/components/BannerMessage/BannerMessageBody.jsx

@@ -1,16 +1,13 @@
 import React from 'react'
 
 /**
-* Body for Banner Message. Can contain any children (e.g. text, lists, image)
+ * Body for Banner Message. Can contain any children (e.g. text, lists, image)
  */
 
 const BannerMessageBody = props => {
   const { children, ...rest } = props
   return (
-    <p
-      className='banner-message__body'
-      {...rest}
-    >
+    <p className='banner-message__body' {...rest}>
       {children}
     </p>
   )

src/components/BannerMessage/BannerMessageFooter.jsx

@@ -10,15 +10,12 @@ const BannerMessageFooter = props => {
   function getAlignmentClass () {
     const defaultAlignment = 'banner-message__footer-center'
     if (center || (alignment && alignment === 'center')) return defaultAlignment
-    if (right || (alignment && alignment === 'right')) return 'banner-message__footer-right'
+    if (right || (alignment && alignment === 'right')) { return 'banner-message__footer-right' }
     return defaultAlignment
   }
 
   return (
-    <div
-      className={`banner-message__footer ${getAlignmentClass()}`}
-      {...rest}
-    >
+    <div className={`banner-message__footer ${getAlignmentClass()}`} {...rest}>
       {children}
     </div>
   )

src/components/BannerMessage/BannerMessageHeader.jsx

@@ -8,9 +8,9 @@ const BannerMessageHeader = props => {
   const { children, ...rest } = props
 
   return (
-    <div
-      className='banner-message__header'
-      {...rest}>{children}</div>
+    <div className='banner-message__header' {...rest}>
+      {children}
+    </div>
   )
 }
 

src/components/PaginationControl/PaginationControl.jsx

@@ -194,11 +194,11 @@ PaginationControl.propTypes = {
    */
   disabled: PropTypes.bool,
   /**
-  * Set page number.
-  */
+   * Set page number.
+   */
   page: PropTypes.number,
   /**
-  * Set total number of pages.
-  */
+   * Set total number of pages.
+   */
   totalPages: PropTypes.number
 }