diff --git a/.travis.yml b/.travis.yml
index a70b5557a0c..559ebcb4f15 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -68,16 +68,12 @@ jobs:
       script:
         - yarn build:prdocs
         - .circleci/clean_cache.sh
-    - name: Lint
-      install: skip
-      script:
-        - yarn lint
-    - name: Stylelint
+    - name: Lint and Stylelint
       install: skip
       script:
+        - yarn lint || true
         - yarn lint:style
     
-    
     - stage: Deploy
       name: NPM and Github Release
       install: skip
diff --git a/packages/patternfly-3/package.json b/packages/patternfly-3/package.json
index 564c407429c..3ae1b656f66 100644
--- a/packages/patternfly-3/package.json
+++ b/packages/patternfly-3/package.json
@@ -7,7 +7,7 @@
   "scripts": {
     "lint": "yarn lint:js && yarn lint:styles",
     "lint:fix": "yarn lint:js --fix && yarn lint:styles --fix",
-    "lint:js": "eslint --max-warnings 0 **/*.js",
+    "lint:js": "eslint --max-warnings 0 '**/*.js'",
     "lint:styles": "yarn stylelint",
     "stylelint": "stylelint '**/sass/**/*.scss' !**/dist/**/*.scss"
   }
diff --git a/packages/patternfly-4/package.json b/packages/patternfly-4/package.json
index 1b5aa917ec5..ac5c5588b69 100644
--- a/packages/patternfly-4/package.json
+++ b/packages/patternfly-4/package.json
@@ -7,7 +7,7 @@
   "scripts": {
     "lint": "yarn lint:versions && yarn lint:js && yarn lint:styles",
     "lint:fix": "yarn lint:js --fix && yarn lint:styles --fix",
-    "lint:js": "eslint --max-warnings 0 **/*.js",
+    "lint:js": "eslint --max-warnings 0 '**/*.js'",
     "lint:versions": "node ./verifyCoreVersions.js",
     "lint:styles": "yarn stylelint",
     "stylelint": "stylelint '**/sass/**/*.scss' !**/dist/**/*.scss"
diff --git a/packages/patternfly-4/react-charts/src/components/AreaChart/examples/CustomColorsChart.js b/packages/patternfly-4/react-charts/src/components/AreaChart/examples/CustomColorsChart.js
index 4d4ebea808e..3158bbe9b2c 100644
--- a/packages/patternfly-4/react-charts/src/components/AreaChart/examples/CustomColorsChart.js
+++ b/packages/patternfly-4/react-charts/src/components/AreaChart/examples/CustomColorsChart.js
@@ -1,10 +1,5 @@
 import React from 'react';
-import {
-  ChartArea,
-  ChartGroup,
-  ChartLegend,
-  ChartVoronoiContainer
-} from '@patternfly/react-charts';
+import { ChartArea, ChartGroup, ChartLegend, ChartVoronoiContainer } from '@patternfly/react-charts';
 
 class CustomColorsChart extends React.Component {
   containerRef = React.createRef();
@@ -23,9 +18,7 @@ class CustomColorsChart extends React.Component {
     window.removeEventListener('resize', this.handleResize);
   }
 
-  getTooltipLabel = (datum) => {
-    return `${datum.name}: ${datum.y}`;
-  }
+  getTooltipLabel = datum => `${datum.name}: ${datum.y}`;
 
   handleResize = () => {
     this.setState({ width: this.containerRef.current.clientWidth });
@@ -33,9 +26,7 @@ class CustomColorsChart extends React.Component {
 
   render() {
     const { width } = this.state;
-    const container = (
-      <ChartVoronoiContainer labels={this.getTooltipLabel} />
-    );
+    const container = <ChartVoronoiContainer labels={this.getTooltipLabel} />;
     const cats = {
       data: {
         fill: '#486b00', // global_success_color_200.value,
@@ -53,11 +44,7 @@ class CustomColorsChart extends React.Component {
     return (
       <div ref={this.containerRef}>
         <div className="chart-overflow">
-          <ChartGroup
-            containerComponent={container}
-            height={100}
-            width={width}
-          >
+          <ChartGroup containerComponent={container} height={100} width={width}>
             <ChartArea
               data={[
                 { name: 'Cats', x: 1, y: 1 },
@@ -69,7 +56,7 @@ class CustomColorsChart extends React.Component {
             />
             <ChartArea
               data={[
-                { name: 'Dogs', x: 1, y: .5 },
+                { name: 'Dogs', x: 1, y: 0.5 },
                 { name: 'Dogs', x: 2, y: 1 },
                 { name: 'Dogs', x: 3, y: 2 },
                 { name: 'Dogs', x: 4, y: 2.5 },
@@ -81,9 +68,7 @@ class CustomColorsChart extends React.Component {
         </div>
         <ChartLegend
           colorScale={[cats.data.fill, dogs.data.fill]}
-          data={[
-            { name: 'Cats' }, { name: 'Dogs' }
-          ]}
+          data={[{ name: 'Cats' }, { name: 'Dogs' }]}
           title="Average number of pets"
           height={50}
           width={width}
diff --git a/packages/patternfly-4/react-charts/src/components/AreaChart/examples/DarkGreenThemeChart.js b/packages/patternfly-4/react-charts/src/components/AreaChart/examples/DarkGreenThemeChart.js
index 622812f505d..597990d372c 100644
--- a/packages/patternfly-4/react-charts/src/components/AreaChart/examples/DarkGreenThemeChart.js
+++ b/packages/patternfly-4/react-charts/src/components/AreaChart/examples/DarkGreenThemeChart.js
@@ -1,11 +1,5 @@
 import React from 'react';
-import {
-  ChartArea,
-  ChartGroup,
-  ChartLegend,
-  ChartTheme,
-  ChartVoronoiContainer
-} from '@patternfly/react-charts';
+import { ChartArea, ChartGroup, ChartLegend, ChartTheme, ChartVoronoiContainer } from '@patternfly/react-charts';
 
 class DarkGreenThemeChart extends React.Component {
   containerRef = React.createRef();
@@ -24,28 +18,19 @@ class DarkGreenThemeChart extends React.Component {
     window.removeEventListener('resize', this.handleResize);
   }
 
-  getTooltipLabel = (datum) => {
-    return `${datum.name}: ${datum.y}`;
-  }
+  getTooltipLabel = datum => `${datum.name}: ${datum.y}`;
 
   handleResize = () => {
     this.setState({ width: this.containerRef.current.clientWidth });
   };
   render() {
     const { width } = this.state;
-    const container = (
-      <ChartVoronoiContainer labels={this.getTooltipLabel}/>
-    );
+    const container = <ChartVoronoiContainer labels={this.getTooltipLabel} />;
 
     return (
       <div ref={this.containerRef}>
         <div className="chart-overflow">
-          <ChartGroup
-            containerComponent={container}
-            theme={ChartTheme.dark.green}
-            height={100}
-            width={width}
-          >
+          <ChartGroup containerComponent={container} theme={ChartTheme.dark.green} height={100} width={width}>
             <ChartArea
               data={[
                 { name: 'Cats', x: 1, y: 1 },
@@ -56,7 +41,7 @@ class DarkGreenThemeChart extends React.Component {
             />
             <ChartArea
               data={[
-                { name: 'Dogs', x: 1, y: .5 },
+                { name: 'Dogs', x: 1, y: 0.5 },
                 { name: 'Dogs', x: 2, y: 1 },
                 { name: 'Dogs', x: 3, y: 2 },
                 { name: 'Dogs', x: 4, y: 2.5 },
@@ -66,9 +51,7 @@ class DarkGreenThemeChart extends React.Component {
           </ChartGroup>
         </div>
         <ChartLegend
-          data={[
-             { name: 'Cats' }, { name: 'Dogs' }
-          ]}
+          data={[{ name: 'Cats' }, { name: 'Dogs' }]}
           theme={ChartTheme.dark.green}
           title="Average number of pets"
           height={50}
diff --git a/packages/patternfly-4/react-charts/src/components/AreaChart/examples/SimpleChart.js b/packages/patternfly-4/react-charts/src/components/AreaChart/examples/SimpleChart.js
index ea78b762efb..93b7b5cc5c3 100644
--- a/packages/patternfly-4/react-charts/src/components/AreaChart/examples/SimpleChart.js
+++ b/packages/patternfly-4/react-charts/src/components/AreaChart/examples/SimpleChart.js
@@ -1,10 +1,5 @@
 import React from 'react';
-import {
-  ChartArea,
-  ChartGroup,
-  ChartLegend,
-  ChartVoronoiContainer
-} from '@patternfly/react-charts';
+import { ChartArea, ChartGroup, ChartLegend, ChartVoronoiContainer } from '@patternfly/react-charts';
 
 class SimpleChart extends React.Component {
   containerRef = React.createRef();
@@ -23,9 +18,7 @@ class SimpleChart extends React.Component {
     window.removeEventListener('resize', this.handleResize);
   }
 
-  getTooltipLabel = (datum) => {
-    return `${datum.name}: ${datum.y}`;
-  }
+  getTooltipLabel = datum => `${datum.name}: ${datum.y}`;
 
   handleResize = () => {
     this.setState({ width: this.containerRef.current.clientWidth });
@@ -33,18 +26,12 @@ class SimpleChart extends React.Component {
 
   render() {
     const { width } = this.state;
-    const container = (
-      <ChartVoronoiContainer labels={this.getTooltipLabel} />
-    );
+    const container = <ChartVoronoiContainer labels={this.getTooltipLabel} />;
 
     return (
       <div ref={this.containerRef}>
         <div className="chart-overflow">
-          <ChartGroup
-            containerComponent={container}
-            height={100}
-            width={width}
-          >
+          <ChartGroup containerComponent={container} height={100} width={width}>
             <ChartArea
               data={[
                 { name: 'Cats', x: 1, y: 1 },
@@ -55,7 +42,7 @@ class SimpleChart extends React.Component {
             />
             <ChartArea
               data={[
-                { name: 'Dogs', x: 1, y: .5 },
+                { name: 'Dogs', x: 1, y: 0.5 },
                 { name: 'Dogs', x: 2, y: 1 },
                 { name: 'Dogs', x: 3, y: 2 },
                 { name: 'Dogs', x: 4, y: 2.5 },
@@ -65,9 +52,7 @@ class SimpleChart extends React.Component {
           </ChartGroup>
         </div>
         <ChartLegend
-          data={[
-            { name: 'Cats' }, { name: 'Dogs' }
-          ]}
+          data={[{ name: 'Cats' }, { name: 'Dogs' }]}
           title="Average number of pets"
           height={50}
           width={width}
diff --git a/packages/patternfly-4/react-charts/src/components/AreaChart/examples/common/getContainerPropsDark.js b/packages/patternfly-4/react-charts/src/components/AreaChart/examples/common/getContainerPropsDark.js
index 514d39e4c8a..2ee49cb06b1 100644
--- a/packages/patternfly-4/react-charts/src/components/AreaChart/examples/common/getContainerPropsDark.js
+++ b/packages/patternfly-4/react-charts/src/components/AreaChart/examples/common/getContainerPropsDark.js
@@ -1,8 +1,5 @@
 /* eslint-disable camelcase */
-import {
-  global_BackgroundColor_dark_100,
-  global_Color_light_100
-} from '@patternfly/react-tokens';
+import { global_BackgroundColor_dark_100, global_Color_light_100 } from '@patternfly/react-tokens';
 import { css, StyleSheet } from '@patternfly/react-styles';
 
 const styles = StyleSheet.create({
diff --git a/packages/patternfly-4/react-charts/src/components/BarChart/examples/SimpleChart.js b/packages/patternfly-4/react-charts/src/components/BarChart/examples/SimpleChart.js
index 10d11d22b3b..d0c665454d1 100644
--- a/packages/patternfly-4/react-charts/src/components/BarChart/examples/SimpleChart.js
+++ b/packages/patternfly-4/react-charts/src/components/BarChart/examples/SimpleChart.js
@@ -1,25 +1,10 @@
 import React from 'react';
-import {
-  Chart,
-  ChartBar,
-  ChartGroup,
-  ChartTheme
-} from '@patternfly/react-charts';
-import {
-  Grid,
-  GridItem,
-  Text,
-  TextVariants
-} from '@patternfly/react-core';
+import { Chart, ChartBar, ChartGroup, ChartTheme } from '@patternfly/react-charts';
+import { Grid, GridItem, Text, TextVariants } from '@patternfly/react-core';
 
 class SimpleChart extends React.Component {
-  getChart = (theme) => (
-    <Chart
-      domainPadding={{ x: [30, 25] }}
-      theme={theme}
-      height={200}
-      width={300}
-    >
+  getChart = theme => (
+    <Chart domainPadding={{ x: [30, 25] }} theme={theme} height={200} width={300}>
       <ChartGroup offset={11}>
         <ChartBar data={[{ x: 'Cats', y: 1 }, { x: 'Dogs', y: 2 }, { x: 'Birds', y: 5 }, { x: 'Mice', y: 3 }]} />
         <ChartBar data={[{ x: 'Cats', y: 2 }, { x: 'Dogs', y: 1 }, { x: 'Birds', y: 7 }, { x: 'Mice', y: 4 }]} />
@@ -33,16 +18,16 @@ class SimpleChart extends React.Component {
     return (
       <Grid gutter="md">
         <GridItem xl={6}>
-          <Text className="chart-title" component={TextVariants.h2}>Blue Theme</Text>
-          <div className="chart-container chart-margin chart-overflow">
-            {this.getChart(ChartTheme.light.blue)}
-          </div>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Blue Theme
+          </Text>
+          <div className="chart-container chart-margin chart-overflow">{this.getChart(ChartTheme.light.blue)}</div>
         </GridItem>
         <GridItem xl={3}>
-          <Text className="chart-title" component={TextVariants.h2}>Multi Color Theme</Text>
-          <div className="chart-container chart-margin chart-overflow">
-            {this.getChart(ChartTheme.light.multi)}
-          </div>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Multi Color Theme
+          </Text>
+          <div className="chart-container chart-margin chart-overflow">{this.getChart(ChartTheme.light.multi)}</div>
         </GridItem>
       </Grid>
     );
diff --git a/packages/patternfly-4/react-charts/src/components/BulletChart/examples/SimpleChart.js b/packages/patternfly-4/react-charts/src/components/BulletChart/examples/SimpleChart.js
index b2fc084b6ba..92ff3a6d9c1 100644
--- a/packages/patternfly-4/react-charts/src/components/BulletChart/examples/SimpleChart.js
+++ b/packages/patternfly-4/react-charts/src/components/BulletChart/examples/SimpleChart.js
@@ -1,32 +1,27 @@
 import React from 'react';
-import {
-  ChartTheme
-} from '@patternfly/react-charts';
-import {
-  Grid,
-  GridItem,
-  Text,
-  TextVariants
-} from '@patternfly/react-core';
+import { ChartTheme } from '@patternfly/react-charts';
+import { Grid, GridItem, Text, TextVariants } from '@patternfly/react-core';
 import getContainerProps from './common/getContainerProps';
 
 class SimpleChart extends React.Component {
   static getContainerProps = getContainerProps;
   static title = 'Simple Chart';
 
-  getHeatMap = (theme) => (
-    <span>Coming soon...</span>
-  );
+  getHeatMap = theme => <span>Coming soon...</span>;
 
   render() {
     return (
       <Grid gutter="md">
         <GridItem xl={6}>
-          <Text className="chart-title" component={TextVariants.h2}>Blue Theme</Text>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Blue Theme
+          </Text>
           <div>{this.getHeatMap(ChartTheme.light.blue)}</div>
         </GridItem>
         <GridItem xl={3}>
-          <Text className="chart-title" component={TextVariants.h2}>Green Theme</Text>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Green Theme
+          </Text>
           <div>{this.getHeatMap(ChartTheme.light.multi)}</div>
         </GridItem>
       </Grid>
diff --git a/packages/patternfly-4/react-charts/src/components/Chart/Chart.js b/packages/patternfly-4/react-charts/src/components/Chart/Chart.js
index 583f7d2fc3f..ee9e0512b4c 100644
--- a/packages/patternfly-4/react-charts/src/components/Chart/Chart.js
+++ b/packages/patternfly-4/react-charts/src/components/Chart/Chart.js
@@ -11,7 +11,7 @@ export const propTypes = {
   '': PropTypes.any
 };
 
-const Chart = ({children, ...props}) => (
+const Chart = ({ children, ...props }) => (
   <VictoryChart theme={ChartTheme.default} {...props}>
     {children}
   </VictoryChart>
diff --git a/packages/patternfly-4/react-charts/src/components/Chart/Chart.test.js b/packages/patternfly-4/react-charts/src/components/Chart/Chart.test.js
index a5ef132f1d8..d687711595b 100644
--- a/packages/patternfly-4/react-charts/src/components/Chart/Chart.test.js
+++ b/packages/patternfly-4/react-charts/src/components/Chart/Chart.test.js
@@ -6,23 +6,19 @@ import ChartLine from '../ChartLine/ChartLine';
 
 Object.values([true, false]).forEach(isRead => {
   test(`Chart`, () => {
-    const view = shallow(<Chart/>);
+    const view = shallow(<Chart />);
     expect(view).toMatchSnapshot();
   });
 });
 
 test('renders axis and component children', () => {
   const view = shallow(
-    <Chart
-      minDomain={{ y: 0 }}
-      height={200}
-      width={200}
-    >
+    <Chart minDomain={{ y: 0 }} height={200} width={200}>
       <ChartGroup>
-        <ChartLine data={[{ x: 1, y: 1 }, { x: 2, y: 2 }, { x: 3, y: 5 }, { x: 4, y: 3 }]}/>
-        <ChartLine data={[{ x: 1, y: 2 }, { x: 2, y: 1 }, { x: 3, y: 7 }, { x: 4, y: 4 }]}/>
-        <ChartLine data={[{ x: 1, y: 3 }, { x: 2, y: 4 }, { x: 3, y: 9 }, { x: 4, y: 5 }]}/>
-        <ChartLine data={[{ x: 1, y: 3 }, { x: 2, y: 3 }, { x: 3, y: 8 }, { x: 4, y: 7 }]}/>
+        <ChartLine data={[{ x: 1, y: 1 }, { x: 2, y: 2 }, { x: 3, y: 5 }, { x: 4, y: 3 }]} />
+        <ChartLine data={[{ x: 1, y: 2 }, { x: 2, y: 1 }, { x: 3, y: 7 }, { x: 4, y: 4 }]} />
+        <ChartLine data={[{ x: 1, y: 3 }, { x: 2, y: 4 }, { x: 3, y: 9 }, { x: 4, y: 5 }]} />
+        <ChartLine data={[{ x: 1, y: 3 }, { x: 2, y: 3 }, { x: 3, y: 8 }, { x: 4, y: 7 }]} />
       </ChartGroup>
     </Chart>
   );
diff --git a/packages/patternfly-4/react-charts/src/components/ChartArea/ChartArea.js b/packages/patternfly-4/react-charts/src/components/ChartArea/ChartArea.js
index f4e1fcb4329..b540054eccd 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartArea/ChartArea.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartArea/ChartArea.js
@@ -12,9 +12,7 @@ export const propTypes = {
 };
 
 // Note: VictoryArea.role must be hoisted
-const ChartArea = (props) => (
-  <VictoryArea theme={ChartTheme.default} {...props}/>
-);
+const ChartArea = props => <VictoryArea theme={ChartTheme.default} {...props} />;
 hoistNonReactStatics(ChartArea, VictoryArea);
 ChartArea.propTypes = propTypes;
 
diff --git a/packages/patternfly-4/react-charts/src/components/ChartArea/ChartArea.test.js b/packages/patternfly-4/react-charts/src/components/ChartArea/ChartArea.test.js
index 6bbc8af4d79..e21f29df03d 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartArea/ChartArea.test.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartArea/ChartArea.test.js
@@ -4,7 +4,7 @@ import ChartArea from '../ChartArea/ChartArea';
 
 Object.values([true, false]).forEach(isRead => {
   test(`Chart`, () => {
-    const view = shallow(<ChartArea/>);
+    const view = shallow(<ChartArea />);
     expect(view).toMatchSnapshot();
   });
 });
diff --git a/packages/patternfly-4/react-charts/src/components/ChartBar/ChartBar.js b/packages/patternfly-4/react-charts/src/components/ChartBar/ChartBar.js
index 1e053fee03d..0a747fe3fc2 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartBar/ChartBar.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartBar/ChartBar.js
@@ -12,9 +12,7 @@ export const propTypes = {
 };
 
 // Note: VictoryBar.getDomain & VictoryBar.role must be hoisted
-const ChartBar = (props) => (
-  <VictoryBar theme={ChartTheme.default} {...props}/>
-);
+const ChartBar = props => <VictoryBar theme={ChartTheme.default} {...props} />;
 hoistNonReactStatics(ChartBar, VictoryBar);
 ChartBar.propTypes = propTypes;
 
diff --git a/packages/patternfly-4/react-charts/src/components/ChartBar/ChartBar.test.js b/packages/patternfly-4/react-charts/src/components/ChartBar/ChartBar.test.js
index 9df947340e7..82ffe9e5aec 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartBar/ChartBar.test.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartBar/ChartBar.test.js
@@ -6,23 +6,19 @@ import ChartGroup from '../ChartGroup/ChartGroup';
 
 Object.values([true, false]).forEach(isRead => {
   test(`Chart`, () => {
-    const view = shallow(<ChartBar/>);
+    const view = shallow(<ChartBar />);
     expect(view).toMatchSnapshot();
   });
 });
 
 test('renders component data', () => {
   const view = shallow(
-    <Chart
-      domainPadding={{ x: [30, 25] }}
-      height={200}
-      width={300}
-    >
+    <Chart domainPadding={{ x: [30, 25] }} height={200} width={300}>
       <ChartGroup offset={11}>
-        <ChartBar data={[{ x: 'Cats', y: 1 }, { x: 'Dogs', y: 2 }, { x: 'Birds', y: 5 }, { x: 'Mice', y: 3 }]}/>
-        <ChartBar data={[{ x: 'Cats', y: 2 }, { x: 'Dogs', y: 1 }, { x: 'Birds', y: 7 }, { x: 'Mice', y: 4 }]}/>
-        <ChartBar data={[{ x: 'Cats', y: 4 }, { x: 'Dogs', y: 4 }, { x: 'Birds', y: 9 }, { x: 'Mice', y: 7 }]}/>
-        <ChartBar data={[{ x: 'Cats', y: 3 }, { x: 'Dogs', y: 3 }, { x: 'Birds', y: 8 }, { x: 'Mice', y: 5 }]}/>
+        <ChartBar data={[{ x: 'Cats', y: 1 }, { x: 'Dogs', y: 2 }, { x: 'Birds', y: 5 }, { x: 'Mice', y: 3 }]} />
+        <ChartBar data={[{ x: 'Cats', y: 2 }, { x: 'Dogs', y: 1 }, { x: 'Birds', y: 7 }, { x: 'Mice', y: 4 }]} />
+        <ChartBar data={[{ x: 'Cats', y: 4 }, { x: 'Dogs', y: 4 }, { x: 'Birds', y: 9 }, { x: 'Mice', y: 7 }]} />
+        <ChartBar data={[{ x: 'Cats', y: 3 }, { x: 'Dogs', y: 3 }, { x: 'Birds', y: 8 }, { x: 'Mice', y: 5 }]} />
       </ChartGroup>
     </Chart>
   );
diff --git a/packages/patternfly-4/react-charts/src/components/ChartContainer/ChartContainer.js b/packages/patternfly-4/react-charts/src/components/ChartContainer/ChartContainer.js
index 2c67a2e1ca0..8a1f06fa187 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartContainer/ChartContainer.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartContainer/ChartContainer.js
@@ -11,9 +11,7 @@ export const propTypes = {
 };
 
 // Note: VictoryContainer.role must be hoisted
-const ChartContainer = (props) => (
-  <VictoryContainer {...props}/>
-);
+const ChartContainer = props => <VictoryContainer {...props} />;
 hoistNonReactStatics(ChartContainer, VictoryContainer);
 ChartContainer.propTypes = propTypes;
 
diff --git a/packages/patternfly-4/react-charts/src/components/ChartContainer/ChartContainer.test.js b/packages/patternfly-4/react-charts/src/components/ChartContainer/ChartContainer.test.js
index 2a2539ed680..7f9b4ac41e6 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartContainer/ChartContainer.test.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartContainer/ChartContainer.test.js
@@ -4,21 +4,14 @@ import ChartLegend from '../ChartDonut/ChartDonut';
 
 Object.values([true, false]).forEach(isRead => {
   test(`Chart`, () => {
-    const view = shallow(<ChartLegend/>);
+    const view = shallow(<ChartLegend />);
     expect(view).toMatchSnapshot();
   });
 });
 
 test('renders container via ChartLegend', () => {
   const view = shallow(
-    <ChartLegend
-      data={[
-        { name: 'Cats' }, { name: 'Dogs' }
-      ]}
-      title="Average number of pets"
-      height={50}
-      width={200}
-    />
+    <ChartLegend data={[{ name: 'Cats' }, { name: 'Dogs' }]} title="Average number of pets" height={50} width={200} />
   );
   expect(view).toMatchSnapshot();
 });
diff --git a/packages/patternfly-4/react-charts/src/components/ChartDonut/ChartDonut.js b/packages/patternfly-4/react-charts/src/components/ChartDonut/ChartDonut.js
index 241e37b66c1..b311f11ab29 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartDonut/ChartDonut.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartDonut/ChartDonut.js
@@ -13,8 +13,8 @@ export const propTypes = {
 };
 
 // Note: VictoryPie.role must be hoisted
-const ChartDonut = (props) => (
-  <VictoryPie innerRadius={88} labelComponent={<ChartTooltip/>} padAngle={1} theme={ChartTheme.default} {...props}/>
+const ChartDonut = props => (
+  <VictoryPie innerRadius={88} labelComponent={<ChartTooltip />} padAngle={1} theme={ChartTheme.default} {...props} />
 );
 hoistNonReactStatics(ChartDonut, VictoryPie);
 ChartDonut.propTypes = propTypes;
diff --git a/packages/patternfly-4/react-charts/src/components/ChartDonut/ChartDonut.test.js b/packages/patternfly-4/react-charts/src/components/ChartDonut/ChartDonut.test.js
index aa8479d51fe..2be2966e5ac 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartDonut/ChartDonut.test.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartDonut/ChartDonut.test.js
@@ -4,22 +4,14 @@ import ChartDonut from './ChartDonut';
 
 Object.values([true, false]).forEach(isRead => {
   test(`Chart`, () => {
-    const view = shallow(<ChartDonut/>);
+    const view = shallow(<ChartDonut />);
     expect(view).toMatchSnapshot();
   });
 });
 
 test('renders component data', () => {
   const view = shallow(
-    <ChartDonut
-      data={[
-        { x: 'Cats', y: 35 },
-        { x: 'Dogs', y: 55 },
-        { x: 'Birds', y: 10 }
-      ]}
-      height={200}
-      width={200}
-    />
+    <ChartDonut data={[{ x: 'Cats', y: 35 }, { x: 'Dogs', y: 55 }, { x: 'Birds', y: 10 }]} height={200} width={200} />
   );
   expect(view).toMatchSnapshot();
 });
diff --git a/packages/patternfly-4/react-charts/src/components/ChartGroup/ChartGroup.js b/packages/patternfly-4/react-charts/src/components/ChartGroup/ChartGroup.js
index a3622a356e8..5b4dfe6dedb 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartGroup/ChartGroup.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartGroup/ChartGroup.js
@@ -12,7 +12,7 @@ export const propTypes = {
 };
 
 // Note: VictoryGroup.role must be hoisted
-const ChartGroup = ({children, ...props}) => (
+const ChartGroup = ({ children, ...props }) => (
   <VictoryGroup theme={ChartTheme.default} {...props}>
     {children}
   </VictoryGroup>
@@ -20,4 +20,4 @@ const ChartGroup = ({children, ...props}) => (
 hoistNonReactStatics(ChartGroup, VictoryGroup);
 ChartGroup.propTypes = propTypes;
 
-export default ChartGroup;
\ No newline at end of file
+export default ChartGroup;
diff --git a/packages/patternfly-4/react-charts/src/components/ChartGroup/ChartGroup.test.js b/packages/patternfly-4/react-charts/src/components/ChartGroup/ChartGroup.test.js
index 2b67fb2632c..e6d5456abec 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartGroup/ChartGroup.test.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartGroup/ChartGroup.test.js
@@ -5,17 +5,14 @@ import ChartGroup from './ChartGroup';
 
 Object.values([true, false]).forEach(isRead => {
   test(`ChartGroup`, () => {
-    const view = shallow(<ChartGroup/>);
+    const view = shallow(<ChartGroup />);
     expect(view).toMatchSnapshot();
   });
 });
 
 test('renders container children', () => {
   const view = shallow(
-    <ChartGroup
-     height={200}
-     width={200}
-    >
+    <ChartGroup height={200} width={200}>
       <ChartArea
         data={[
           { name: 'Cats', x: 1, y: 1 },
@@ -26,7 +23,7 @@ test('renders container children', () => {
       />
       <ChartArea
         data={[
-          { name: 'Dogs', x: 1, y: .5 },
+          { name: 'Dogs', x: 1, y: 0.5 },
           { name: 'Dogs', x: 2, y: 1 },
           { name: 'Dogs', x: 3, y: 2 },
           { name: 'Dogs', x: 4, y: 2.5 },
diff --git a/packages/patternfly-4/react-charts/src/components/ChartLabel/ChartLabel.js b/packages/patternfly-4/react-charts/src/components/ChartLabel/ChartLabel.js
index e0a3b3fa9d5..54ede43003a 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartLabel/ChartLabel.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartLabel/ChartLabel.js
@@ -11,9 +11,7 @@ export const propTypes = {
 };
 
 // Note: VictoryLabel.role must be hoisted
-const ChartLabel = (props) => (
-  <VictoryLabel {...props}/>
-);
+const ChartLabel = props => <VictoryLabel {...props} />;
 hoistNonReactStatics(ChartLabel, VictoryLabel);
 ChartLabel.propTypes = propTypes;
 
diff --git a/packages/patternfly-4/react-charts/src/components/ChartLabel/ChartLabel.test.js b/packages/patternfly-4/react-charts/src/components/ChartLabel/ChartLabel.test.js
index 29ecd5a052a..3c0be06f00e 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartLabel/ChartLabel.test.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartLabel/ChartLabel.test.js
@@ -4,14 +4,12 @@ import ChartLabel from './ChartLabel';
 
 Object.values([true, false]).forEach(isRead => {
   test(`Chart`, () => {
-    const view = shallow(<ChartLabel/>);
+    const view = shallow(<ChartLabel />);
     expect(view).toMatchSnapshot();
   });
 });
 
 test('renders component text', () => {
-  const view = shallow(
-    <ChartLabel text={'This is a test'}/>
-  );
+  const view = shallow(<ChartLabel text="This is a test" />);
   expect(view).toMatchSnapshot();
 });
diff --git a/packages/patternfly-4/react-charts/src/components/ChartLegend/ChartLegend.js b/packages/patternfly-4/react-charts/src/components/ChartLegend/ChartLegend.js
index fbc6dd36401..8947166a62b 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartLegend/ChartLegend.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartLegend/ChartLegend.js
@@ -13,12 +13,8 @@ export const propTypes = {
 };
 
 // Note: VictoryLegend.role must be hoisted
-const container = (
-  <ChartContainer responsive={false}/>
-);
-const ChartLegend = (props) => (
-  <VictoryLegend containerComponent={container} theme={ChartTheme.default} {...props}/>
-);
+const container = <ChartContainer responsive={false} />;
+const ChartLegend = props => <VictoryLegend containerComponent={container} theme={ChartTheme.default} {...props} />;
 hoistNonReactStatics(ChartLegend, VictoryLegend);
 ChartLegend.propTypes = propTypes;
 
diff --git a/packages/patternfly-4/react-charts/src/components/ChartLegend/ChartLegend.test.js b/packages/patternfly-4/react-charts/src/components/ChartLegend/ChartLegend.test.js
index 91637e4e818..f1632a32297 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartLegend/ChartLegend.test.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartLegend/ChartLegend.test.js
@@ -4,21 +4,14 @@ import ChartLegend from '../ChartDonut/ChartDonut';
 
 Object.values([true, false]).forEach(isRead => {
   test(`Chart`, () => {
-    const view = shallow(<ChartLegend/>);
+    const view = shallow(<ChartLegend />);
     expect(view).toMatchSnapshot();
   });
 });
 
 test('renders component data', () => {
   const view = shallow(
-    <ChartLegend
-      data={[
-        { name: 'Cats' }, { name: 'Dogs' }
-      ]}
-      title="Average number of pets"
-      height={50}
-      width={200}
-    />
+    <ChartLegend data={[{ name: 'Cats' }, { name: 'Dogs' }]} title="Average number of pets" height={50} width={200} />
   );
   expect(view).toMatchSnapshot();
 });
diff --git a/packages/patternfly-4/react-charts/src/components/ChartLine/ChartLine.js b/packages/patternfly-4/react-charts/src/components/ChartLine/ChartLine.js
index 7ce178fa3aa..6c5b1aa98c5 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartLine/ChartLine.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartLine/ChartLine.js
@@ -12,9 +12,7 @@ export const propTypes = {
 };
 
 // Note: VictoryLine.role must be hoisted
-const ChartLine = (props) => (
-  <VictoryLine theme={ChartTheme.default} {...props}/>
-);
+const ChartLine = props => <VictoryLine theme={ChartTheme.default} {...props} />;
 hoistNonReactStatics(ChartLine, VictoryLine);
 ChartLine.propTypes = propTypes;
 
diff --git a/packages/patternfly-4/react-charts/src/components/ChartLine/ChartLine.test.js b/packages/patternfly-4/react-charts/src/components/ChartLine/ChartLine.test.js
index a241bbe0ba2..9987167e106 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartLine/ChartLine.test.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartLine/ChartLine.test.js
@@ -6,23 +6,19 @@ import ChartLine from './ChartLine';
 
 Object.values([true, false]).forEach(isRead => {
   test(`Chart`, () => {
-    const view = shallow(<ChartLine/>);
+    const view = shallow(<ChartLine />);
     expect(view).toMatchSnapshot();
   });
 });
 
 test('renders component data', () => {
   const view = shallow(
-    <Chart
-      minDomain={{ y: 0 }}
-      height={200}
-      width={200}
-    >
+    <Chart minDomain={{ y: 0 }} height={200} width={200}>
       <ChartGroup>
-        <ChartLine data={[{ x: 1, y: 1 }, { x: 2, y: 2 }, { x: 3, y: 5 }, { x: 4, y: 3 }]}/>
-        <ChartLine data={[{ x: 1, y: 2 }, { x: 2, y: 1 }, { x: 3, y: 7 }, { x: 4, y: 4 }]}/>
-        <ChartLine data={[{ x: 1, y: 3 }, { x: 2, y: 4 }, { x: 3, y: 9 }, { x: 4, y: 5 }]}/>
-        <ChartLine data={[{ x: 1, y: 3 }, { x: 2, y: 3 }, { x: 3, y: 8 }, { x: 4, y: 7 }]}/>
+        <ChartLine data={[{ x: 1, y: 1 }, { x: 2, y: 2 }, { x: 3, y: 5 }, { x: 4, y: 3 }]} />
+        <ChartLine data={[{ x: 1, y: 2 }, { x: 2, y: 1 }, { x: 3, y: 7 }, { x: 4, y: 4 }]} />
+        <ChartLine data={[{ x: 1, y: 3 }, { x: 2, y: 4 }, { x: 3, y: 9 }, { x: 4, y: 5 }]} />
+        <ChartLine data={[{ x: 1, y: 3 }, { x: 2, y: 3 }, { x: 3, y: 8 }, { x: 4, y: 7 }]} />
       </ChartGroup>
     </Chart>
   );
diff --git a/packages/patternfly-4/react-charts/src/components/ChartPie/ChartPie.js b/packages/patternfly-4/react-charts/src/components/ChartPie/ChartPie.js
index c5c0b0b25b8..9a8d5fd9284 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartPie/ChartPie.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartPie/ChartPie.js
@@ -13,9 +13,7 @@ export const propTypes = {
 };
 
 // Note: VictoryPie.role must be hoisted
-const ChartPie = (props) => (
-  <VictoryPie labelComponent={<ChartTooltip/>} theme={ChartTheme.default} {...props}/>
-);
+const ChartPie = props => <VictoryPie labelComponent={<ChartTooltip />} theme={ChartTheme.default} {...props} />;
 hoistNonReactStatics(ChartPie, VictoryPie);
 ChartPie.propTypes = propTypes;
 
diff --git a/packages/patternfly-4/react-charts/src/components/ChartPie/ChartPie.test.js b/packages/patternfly-4/react-charts/src/components/ChartPie/ChartPie.test.js
index 32e89ad617f..bc83138957d 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartPie/ChartPie.test.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartPie/ChartPie.test.js
@@ -4,22 +4,14 @@ import ChartPie from './ChartPie';
 
 Object.values([true, false]).forEach(isRead => {
   test(`Chart`, () => {
-    const view = shallow(<ChartPie/>);
+    const view = shallow(<ChartPie />);
     expect(view).toMatchSnapshot();
   });
 });
 
 test('renders component data', () => {
   const view = shallow(
-    <ChartPie
-      data={[
-        { x: 'Cats', y: 35 },
-        { x: 'Dogs', y: 55 },
-        { x: 'Birds', y: 10 }
-      ]}
-      height={200}
-      width={200}
-    />
+    <ChartPie data={[{ x: 'Cats', y: 35 }, { x: 'Dogs', y: 55 }, { x: 'Birds', y: 10 }]} height={200} width={200} />
   );
   expect(view).toMatchSnapshot();
 });
diff --git a/packages/patternfly-4/react-charts/src/components/ChartPie/index.js b/packages/patternfly-4/react-charts/src/components/ChartPie/index.js
index 56a83961d9d..77258b7b2ca 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartPie/index.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartPie/index.js
@@ -1 +1 @@
-export { default as ChartPie } from './ChartPie';
\ No newline at end of file
+export { default as ChartPie } from './ChartPie';
diff --git a/packages/patternfly-4/react-charts/src/components/ChartStack/ChartStack.js b/packages/patternfly-4/react-charts/src/components/ChartStack/ChartStack.js
index 7b1124b9b2a..7056dec96ae 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartStack/ChartStack.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartStack/ChartStack.js
@@ -12,7 +12,7 @@ export const propTypes = {
 };
 
 // Note: VictoryStack.getChildren & VictoryStack.role must be hoisted
-const ChartStack = ({children, ...props}) => (
+const ChartStack = ({ children, ...props }) => (
   <VictoryStack theme={ChartTheme.default} {...props}>
     {children}
   </VictoryStack>
diff --git a/packages/patternfly-4/react-charts/src/components/ChartStack/ChartStack.test.js b/packages/patternfly-4/react-charts/src/components/ChartStack/ChartStack.test.js
index b899fb878de..6e829d51908 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartStack/ChartStack.test.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartStack/ChartStack.test.js
@@ -6,23 +6,19 @@ import ChartStack from './ChartStack';
 
 Object.values([true, false]).forEach(isRead => {
   test(`Chart`, () => {
-    const view = shallow(<ChartStack/>);
+    const view = shallow(<ChartStack />);
     expect(view).toMatchSnapshot();
   });
 });
 
 test('renders component data', () => {
   const view = shallow(
-    <Chart
-      domainPadding={{ x: [30, 25] }}
-      height={200}
-      width={300}
-    >
+    <Chart domainPadding={{ x: [30, 25] }} height={200} width={300}>
       <ChartStack>
-        <ChartBar data={[{ x: 'Cats', y: 1 }, { x: 'Dogs', y: 2 }, { x: 'Birds', y: 5 }, { x: 'Mice', y: 3 }]}/>
-        <ChartBar data={[{ x: 'Cats', y: 2 }, { x: 'Dogs', y: 1 }, { x: 'Birds', y: 7 }, { x: 'Mice', y: 4 }]}/>
-        <ChartBar data={[{ x: 'Cats', y: 4 }, { x: 'Dogs', y: 4 }, { x: 'Birds', y: 9 }, { x: 'Mice', y: 7 }]}/>
-        <ChartBar data={[{ x: 'Cats', y: 3 }, { x: 'Dogs', y: 3 }, { x: 'Birds', y: 8 }, { x: 'Mice', y: 5 }]}/>
+        <ChartBar data={[{ x: 'Cats', y: 1 }, { x: 'Dogs', y: 2 }, { x: 'Birds', y: 5 }, { x: 'Mice', y: 3 }]} />
+        <ChartBar data={[{ x: 'Cats', y: 2 }, { x: 'Dogs', y: 1 }, { x: 'Birds', y: 7 }, { x: 'Mice', y: 4 }]} />
+        <ChartBar data={[{ x: 'Cats', y: 4 }, { x: 'Dogs', y: 4 }, { x: 'Birds', y: 9 }, { x: 'Mice', y: 7 }]} />
+        <ChartBar data={[{ x: 'Cats', y: 3 }, { x: 'Dogs', y: 3 }, { x: 'Birds', y: 8 }, { x: 'Mice', y: 5 }]} />
       </ChartStack>
     </Chart>
   );
diff --git a/packages/patternfly-4/react-charts/src/components/ChartTooltip/ChartTooltip.js b/packages/patternfly-4/react-charts/src/components/ChartTooltip/ChartTooltip.js
index 677c26431db..c0e92fb610d 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartTooltip/ChartTooltip.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartTooltip/ChartTooltip.js
@@ -11,9 +11,7 @@ export const propTypes = {
 };
 
 // Note: VictoryTooltip.defaultEvents must be hoisted
-const ChartTooltip = (props) => (
-  <VictoryTooltip cornerRadius={0} {...props}/>
-);
+const ChartTooltip = props => <VictoryTooltip cornerRadius={0} {...props} />;
 hoistNonReactStatics(ChartTooltip, VictoryTooltip);
 ChartTooltip.propTypes = propTypes;
 
diff --git a/packages/patternfly-4/react-charts/src/components/ChartTooltip/ChartTooltip.test.js b/packages/patternfly-4/react-charts/src/components/ChartTooltip/ChartTooltip.test.js
index b22ce4bd225..2bd2e28e8ba 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartTooltip/ChartTooltip.test.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartTooltip/ChartTooltip.test.js
@@ -7,18 +7,14 @@ import ChartTooltip from './ChartTooltip';
 
 Object.values([true, false]).forEach(isRead => {
   test(`ChartTooltip`, () => {
-    const view = shallow(<ChartTooltip text={'This is a tooltip'}/>);
+    const view = shallow(<ChartTooltip text="This is a tooltip" />);
     expect(view).toMatchSnapshot();
   });
 });
 
 xtest('allows tooltip via container component', () => {
   const view = shallow(
-    <ChartGroup
-     containerComponent={<ChartVoronoiContainer labels={'This is a tooltip'}/>}
-     height={200}
-     width={200}
-    >
+    <ChartGroup containerComponent={<ChartVoronoiContainer labels="This is a tooltip" />} height={200} width={200}>
       <ChartArea
         data={[
           { name: 'Cats', x: 1, y: 1 },
@@ -29,7 +25,7 @@ xtest('allows tooltip via container component', () => {
       />
       <ChartArea
         data={[
-          { name: 'Dogs', x: 1, y: .5 },
+          { name: 'Dogs', x: 1, y: 0.5 },
           { name: 'Dogs', x: 2, y: 1 },
           { name: 'Dogs', x: 3, y: 2 },
           { name: 'Dogs', x: 4, y: 2.5 },
diff --git a/packages/patternfly-4/react-charts/src/components/ChartVoronoiContainer/ChartVoronoContainer.test.js b/packages/patternfly-4/react-charts/src/components/ChartVoronoiContainer/ChartVoronoContainer.test.js
index 8c6e08ec629..cbdeb405833 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartVoronoiContainer/ChartVoronoContainer.test.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartVoronoiContainer/ChartVoronoContainer.test.js
@@ -6,18 +6,14 @@ import { shallow } from 'enzyme';
 
 Object.values([true, false]).forEach(isRead => {
   test(`ChartVoronoiContainer`, () => {
-    const view = shallow(<ChartVoronoiContainer/>);
+    const view = shallow(<ChartVoronoiContainer />);
     expect(view).toMatchSnapshot();
   });
 });
 
 test('renders container via ChartGroup', () => {
   const view = shallow(
-    <ChartGroup
-     containerComponent={<ChartVoronoiContainer/>}
-     height={200}
-     width={200}
-    >
+    <ChartGroup containerComponent={<ChartVoronoiContainer />} height={200} width={200}>
       <ChartArea
         data={[
           { name: 'Cats', x: 1, y: 1 },
@@ -28,7 +24,7 @@ test('renders container via ChartGroup', () => {
       />
       <ChartArea
         data={[
-          { name: 'Dogs', x: 1, y: .5 },
+          { name: 'Dogs', x: 1, y: 0.5 },
           { name: 'Dogs', x: 2, y: 1 },
           { name: 'Dogs', x: 3, y: 2 },
           { name: 'Dogs', x: 4, y: 2.5 },
diff --git a/packages/patternfly-4/react-charts/src/components/ChartVoronoiContainer/ChartVoronoiContainer.js b/packages/patternfly-4/react-charts/src/components/ChartVoronoiContainer/ChartVoronoiContainer.js
index fa9e713ce19..1fc22e9c978 100644
--- a/packages/patternfly-4/react-charts/src/components/ChartVoronoiContainer/ChartVoronoiContainer.js
+++ b/packages/patternfly-4/react-charts/src/components/ChartVoronoiContainer/ChartVoronoiContainer.js
@@ -12,9 +12,7 @@ export const propTypes = {
 };
 
 // Note: VictoryVoronoiContainer.defaultEvents & VictoryContainer.role must be hoisted
-const ChartVoronoiContainer = (props) => (
-  <VictoryVoronoiContainer labelComponent={<ChartTooltip/>} {...props}/>
-);
+const ChartVoronoiContainer = props => <VictoryVoronoiContainer labelComponent={<ChartTooltip />} {...props} />;
 hoistNonReactStatics(ChartVoronoiContainer, VictoryVoronoiContainer);
 ChartVoronoiContainer.propTypes = propTypes;
 
diff --git a/packages/patternfly-4/react-charts/src/components/DonutChart/examples/SimpleChart.js b/packages/patternfly-4/react-charts/src/components/DonutChart/examples/SimpleChart.js
index 0e87e487b72..1d2281c61a1 100644
--- a/packages/patternfly-4/react-charts/src/components/DonutChart/examples/SimpleChart.js
+++ b/packages/patternfly-4/react-charts/src/components/DonutChart/examples/SimpleChart.js
@@ -1,25 +1,11 @@
 import React from 'react';
-import {
-  ChartDonut,
-  ChartLabel,
-  ChartLegend,
-  ChartTheme
-} from '@patternfly/react-charts';
-import {
-  Grid,
-  GridItem,
-  Text,
-  TextVariants
-} from '@patternfly/react-core';
+import { ChartDonut, ChartLabel, ChartLegend, ChartTheme } from '@patternfly/react-charts';
+import { Grid, GridItem, Text, TextVariants } from '@patternfly/react-core';
 
 class SimpleChart extends React.Component {
-  getChart = (theme) => (
+  getChart = theme => (
     <ChartDonut
-      data={[
-        { x: 'Cats', y: 35 },
-        { x: 'Dogs', y: 55 },
-        { x: 'Birds', y: 10 }
-      ]}
+      data={[{ x: 'Cats', y: 35 }, { x: 'Dogs', y: 55 }, { x: 'Birds', y: 10 }]}
       labels={this.getTooltipLabel}
       theme={theme}
       height={200}
@@ -29,9 +15,7 @@ class SimpleChart extends React.Component {
 
   getLegend = (theme, horizontal) => (
     <ChartLegend
-      data={[
-        { name: 'Cats' }, { name: 'Dogs' }, { name: 'Birds' }
-      ]}
+      data={[{ name: 'Cats' }, { name: 'Dogs' }, { name: 'Birds' }]}
       orientation={horizontal ? 'horizontal' : 'vertical'}
       theme={theme}
       y={horizontal ? 0 : 55}
@@ -40,40 +24,22 @@ class SimpleChart extends React.Component {
     />
   );
 
-  getTooltipLabel = (datum) => {
-    return `${datum.x}: ${datum.y}`;
-  };
+  getTooltipLabel = datum => `${datum.x}: ${datum.y}`;
 
   render() {
     const label = (
-      <svg
-        className="chart-label"
-        height={this.size}
-        width={this.size}
-      >
-        <ChartLabel
-          style={{ fontSize: 20 }}
-          text="100"
-          textAnchor="middle"
-          verticalAnchor="middle"
-          x={100}
-          y={90}
-        />
-        <ChartLabel
-          style={{ fill: '#bbb' }}
-          text="Pets"
-          textAnchor="middle"
-          verticalAnchor="middle"
-          x={100}
-          y={110}
-        />
+      <svg className="chart-label" height={this.size} width={this.size}>
+        <ChartLabel style={{ fontSize: 20 }} text="100" textAnchor="middle" verticalAnchor="middle" x={100} y={90} />
+        <ChartLabel style={{ fill: '#bbb' }} text="Pets" textAnchor="middle" verticalAnchor="middle" x={100} y={110} />
       </svg>
     );
 
     return (
       <Grid gutter="md">
         <GridItem lg={6}>
-          <Text className="chart-title" component={TextVariants.h2}>Blue Theme</Text>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Blue Theme
+          </Text>
           <div className="chart-inline">
             <div className="chart-container">
               {label}
@@ -83,7 +49,9 @@ class SimpleChart extends React.Component {
           </div>
         </GridItem>
         <GridItem lg={3}>
-          <Text className="chart-title" component={TextVariants.h2}>Multi Color Theme</Text>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Multi Color Theme
+          </Text>
           <div className="chart-container">
             {label}
             {this.getChart(ChartTheme.light.multi)}
diff --git a/packages/patternfly-4/react-charts/src/components/HeatMap/examples/SimpleHeatMap.js b/packages/patternfly-4/react-charts/src/components/HeatMap/examples/SimpleHeatMap.js
index 3ff206c5a9d..64e62af76df 100644
--- a/packages/patternfly-4/react-charts/src/components/HeatMap/examples/SimpleHeatMap.js
+++ b/packages/patternfly-4/react-charts/src/components/HeatMap/examples/SimpleHeatMap.js
@@ -1,32 +1,27 @@
 import React from 'react';
-import {
-  ChartTheme
-} from '@patternfly/react-charts';
-import {
-  Grid,
-  GridItem,
-  Text,
-  TextVariants
-} from '@patternfly/react-core';
+import { ChartTheme } from '@patternfly/react-charts';
+import { Grid, GridItem, Text, TextVariants } from '@patternfly/react-core';
 import getContainerProps from './common/getContainerProps';
 
 class SimpleHeatMap extends React.Component {
   static getContainerProps = getContainerProps;
   static title = 'Simple Heat Map';
 
-  getHeatMap = (theme) => (
-    <span>Coming soon...</span>
-  );
+  getHeatMap = theme => <span>Coming soon...</span>;
 
   render() {
     return (
       <Grid gutter="md">
         <GridItem xl={6}>
-          <Text className="chart-title" component={TextVariants.h2}>Blue Theme</Text>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Blue Theme
+          </Text>
           <div>{this.getHeatMap(ChartTheme.light.blue)}</div>
         </GridItem>
         <GridItem xl={3}>
-          <Text className="chart-title" component={TextVariants.h2}>Multi Color Theme</Text>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Multi Color Theme
+          </Text>
           <div>{this.getHeatMap(ChartTheme.light.multi)}</div>
         </GridItem>
       </Grid>
diff --git a/packages/patternfly-4/react-charts/src/components/LineChart/examples/SimpleChart.js b/packages/patternfly-4/react-charts/src/components/LineChart/examples/SimpleChart.js
index 94f4f838eb5..485290dee01 100644
--- a/packages/patternfly-4/react-charts/src/components/LineChart/examples/SimpleChart.js
+++ b/packages/patternfly-4/react-charts/src/components/LineChart/examples/SimpleChart.js
@@ -1,27 +1,12 @@
 import React from 'react';
-import {
-  Chart,
-  ChartGroup,
-  ChartLine,
-  ChartTheme
-} from '@patternfly/react-charts';
-import {
-  Grid,
-  GridItem,
-  Text,
-  TextVariants
-} from '@patternfly/react-core';
+import { Chart, ChartGroup, ChartLine, ChartTheme } from '@patternfly/react-charts';
+import { Grid, GridItem, Text, TextVariants } from '@patternfly/react-core';
 
 class SimpleChart extends React.Component {
   // interpolation="natural"
 
-  getChart = (theme) => (
-    <Chart
-      minDomain={{ y: 0 }}
-      theme={theme}
-      height={200}
-      width={300}
-    >
+  getChart = theme => (
+    <Chart minDomain={{ y: 0 }} theme={theme} height={200} width={300}>
       <ChartGroup>
         <ChartLine data={[{ x: 1, y: 1 }, { x: 2, y: 2 }, { x: 3, y: 5 }, { x: 4, y: 3 }]} />
         <ChartLine data={[{ x: 1, y: 2 }, { x: 2, y: 1 }, { x: 3, y: 7 }, { x: 4, y: 4 }]} />
@@ -35,18 +20,18 @@ class SimpleChart extends React.Component {
     return (
       <Grid gutter="md">
         <GridItem lg={6}>
-          <Text className="chart-title" component={TextVariants.h2}>Green Theme</Text>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Green Theme
+          </Text>
           <div className="chart-inline">
-            <div className="chart-container chart-margin chart-overflow">
-              {this.getChart(ChartTheme.light.green)}
-            </div>
+            <div className="chart-container chart-margin chart-overflow">{this.getChart(ChartTheme.light.green)}</div>
           </div>
         </GridItem>
         <GridItem lg={3}>
-          <Text className="chart-title" component={TextVariants.h2}>Multi Color Theme</Text>
-          <div className="chart-container chart-margin chart-overflow">
-            {this.getChart(ChartTheme.light.multi)}
-          </div>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Multi Color Theme
+          </Text>
+          <div className="chart-container chart-margin chart-overflow">{this.getChart(ChartTheme.light.multi)}</div>
         </GridItem>
       </Grid>
     );
diff --git a/packages/patternfly-4/react-charts/src/components/PieChart/examples/SimpleChart.js b/packages/patternfly-4/react-charts/src/components/PieChart/examples/SimpleChart.js
index 2ca3976dc5a..611267e97c1 100644
--- a/packages/patternfly-4/react-charts/src/components/PieChart/examples/SimpleChart.js
+++ b/packages/patternfly-4/react-charts/src/components/PieChart/examples/SimpleChart.js
@@ -1,24 +1,11 @@
 import React from 'react';
-import {
-  ChartLegend,
-  ChartTheme,
-  ChartPie
-} from '@patternfly/react-charts';
-import {
-  Grid,
-  GridItem,
-  Text,
-  TextVariants
-} from '@patternfly/react-core';
+import { ChartLegend, ChartTheme, ChartPie } from '@patternfly/react-charts';
+import { Grid, GridItem, Text, TextVariants } from '@patternfly/react-core';
 
 class SimpleChart extends React.Component {
-  getChart = (theme) => (
+  getChart = theme => (
     <ChartPie
-      data={[
-        { x: 'Cats', y: 35 },
-        { x: 'Dogs', y: 55 },
-        { x: 'Birds', y: 10 }
-      ]}
+      data={[{ x: 'Cats', y: 35 }, { x: 'Dogs', y: 55 }, { x: 'Birds', y: 10 }]}
       labels={this.getTooltipLabel}
       theme={theme}
       height={200}
@@ -28,9 +15,7 @@ class SimpleChart extends React.Component {
 
   getLegend = (theme, horizontal) => (
     <ChartLegend
-      data={[
-        { name: 'Cats' }, { name: 'Dogs' }, { name: 'Birds' }
-      ]}
+      data={[{ name: 'Cats' }, { name: 'Dogs' }, { name: 'Birds' }]}
       orientation={horizontal ? 'horizontal' : 'vertical'}
       theme={theme}
       y={horizontal ? 0 : 55}
@@ -39,27 +24,25 @@ class SimpleChart extends React.Component {
     />
   );
 
-  getTooltipLabel = (datum) => {
-    return `${datum.x}: ${datum.y}`;
-  }
+  getTooltipLabel = datum => `${datum.x}: ${datum.y}`;
 
   render() {
     return (
       <Grid gutter="md">
         <GridItem lg={6}>
-          <Text className="chart-title" component={TextVariants.h2}>Blue Theme</Text>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Blue Theme
+          </Text>
           <div className="chart-inline">
-            <div className="chart-container">
-              {this.getChart(ChartTheme.light.blue)}
-            </div>
+            <div className="chart-container">{this.getChart(ChartTheme.light.blue)}</div>
             {this.getLegend(ChartTheme.light.blue, false)}
           </div>
         </GridItem>
         <GridItem lg={3}>
-          <Text className="chart-title" component={TextVariants.h2}>Multi Color Theme</Text>
-          <div className="chart-container">
-            {this.getChart(ChartTheme.light.multi)}
-          </div>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Multi Color Theme
+          </Text>
+          <div className="chart-container">{this.getChart(ChartTheme.light.multi)}</div>
           {this.getLegend(ChartTheme.light.multi, true)}
         </GridItem>
       </Grid>
diff --git a/packages/patternfly-4/react-charts/src/components/StackChart/examples/HorizontalChart.js b/packages/patternfly-4/react-charts/src/components/StackChart/examples/HorizontalChart.js
index 5ba9b821e47..f59c39d3b91 100644
--- a/packages/patternfly-4/react-charts/src/components/StackChart/examples/HorizontalChart.js
+++ b/packages/patternfly-4/react-charts/src/components/StackChart/examples/HorizontalChart.js
@@ -1,25 +1,10 @@
 import React from 'react';
-import {
-  Chart,
-  ChartBar,
-  ChartStack,
-  ChartTheme,
-} from '@patternfly/react-charts';
-import {
-  Grid,
-  GridItem,
-  Text,
-  TextVariants
-} from '@patternfly/react-core';
+import { Chart, ChartBar, ChartStack, ChartTheme } from '@patternfly/react-charts';
+import { Grid, GridItem, Text, TextVariants } from '@patternfly/react-core';
 
 class HorizontalChart extends React.Component {
-  getChart = (theme) => (
-    <Chart
-      domainPadding={{ y: [30, 25] }}
-      theme={theme}
-      height={200}
-      width={300}
-    >
+  getChart = theme => (
+    <Chart domainPadding={{ y: [30, 25] }} theme={theme} height={200} width={300}>
       <ChartStack horizontal>
         <ChartBar data={[{ x: 'Cats', y: 1 }, { x: 'Dogs', y: 2 }, { x: 'Birds', y: 5 }, { x: 'Mice', y: 3 }]} />
         <ChartBar data={[{ x: 'Cats', y: 2 }, { x: 'Dogs', y: 1 }, { x: 'Birds', y: 7 }, { x: 'Mice', y: 4 }]} />
@@ -33,16 +18,16 @@ class HorizontalChart extends React.Component {
     return (
       <Grid gutter="md">
         <GridItem xl={6}>
-          <Text className="chart-title" component={TextVariants.h2}>Blue Theme</Text>
-          <div className="chart-container chart-margin chart-overflow">
-            {this.getChart(ChartTheme.light.blue)}
-          </div>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Blue Theme
+          </Text>
+          <div className="chart-container chart-margin chart-overflow">{this.getChart(ChartTheme.light.blue)}</div>
         </GridItem>
         <GridItem xl={3}>
-          <Text className="chart-title" component={TextVariants.h2}>Multi Color Theme</Text>
-          <div className="chart-container chart-margin chart-overflow">
-            {this.getChart(ChartTheme.light.multi)}
-          </div>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Multi Color Theme
+          </Text>
+          <div className="chart-container chart-margin chart-overflow">{this.getChart(ChartTheme.light.multi)}</div>
         </GridItem>
       </Grid>
     );
diff --git a/packages/patternfly-4/react-charts/src/components/StackChart/examples/SimpleChart.js b/packages/patternfly-4/react-charts/src/components/StackChart/examples/SimpleChart.js
index 28a134e232b..5eb4487c35b 100644
--- a/packages/patternfly-4/react-charts/src/components/StackChart/examples/SimpleChart.js
+++ b/packages/patternfly-4/react-charts/src/components/StackChart/examples/SimpleChart.js
@@ -1,25 +1,10 @@
 import React from 'react';
-import {
-  Chart,
-  ChartBar,
-  ChartStack,
-  ChartTheme,
-} from '@patternfly/react-charts';
-import {
-  Grid,
-  GridItem,
-  Text,
-  TextVariants
-} from '@patternfly/react-core';
+import { Chart, ChartBar, ChartStack, ChartTheme } from '@patternfly/react-charts';
+import { Grid, GridItem, Text, TextVariants } from '@patternfly/react-core';
 
 class SimpleChart extends React.Component {
-  getChart = (theme) => (
-    <Chart
-      domainPadding={{ x: [30, 5] }}
-      theme={theme}
-      height={200}
-      width={300}
-    >
+  getChart = theme => (
+    <Chart domainPadding={{ x: [30, 5] }} theme={theme} height={200} width={300}>
       <ChartStack>
         <ChartBar data={[{ x: 'Cats', y: 1 }, { x: 'Dogs', y: 2 }, { x: 'Birds', y: 5 }, { x: 'Mice', y: 3 }]} />
         <ChartBar data={[{ x: 'Cats', y: 2 }, { x: 'Dogs', y: 1 }, { x: 'Birds', y: 7 }, { x: 'Mice', y: 4 }]} />
@@ -33,16 +18,16 @@ class SimpleChart extends React.Component {
     return (
       <Grid gutter="md">
         <GridItem xl={6}>
-          <Text className="chart-title" component={TextVariants.h2}>Blue Theme</Text>
-          <div className="chart-container chart-margin chart-overflow">
-            {this.getChart(ChartTheme.light.blue)}
-          </div>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Blue Theme
+          </Text>
+          <div className="chart-container chart-margin chart-overflow">{this.getChart(ChartTheme.light.blue)}</div>
         </GridItem>
         <GridItem xl={3}>
-          <Text className="chart-title" component={TextVariants.h2}>Multi Color Theme</Text>
-          <div className="chart-container chart-margin chart-overflow">
-            {this.getChart(ChartTheme.light.multi)}
-          </div>
+          <Text className="chart-title" component={TextVariants.h2}>
+            Multi Color Theme
+          </Text>
+          <div className="chart-container chart-margin chart-overflow">{this.getChart(ChartTheme.light.multi)}</div>
         </GridItem>
       </Grid>
     );
diff --git a/packages/patternfly-4/react-core/src/components/AboutModal/examples/SimpleAboutModal.js b/packages/patternfly-4/react-core/src/components/AboutModal/examples/SimpleAboutModal.js
index 2f405320aa5..8934f97dd9f 100644
--- a/packages/patternfly-4/react-core/src/components/AboutModal/examples/SimpleAboutModal.js
+++ b/packages/patternfly-4/react-core/src/components/AboutModal/examples/SimpleAboutModal.js
@@ -3,7 +3,6 @@ import { AboutModal, Button, TextContent, TextList, TextListItem } from '@patter
 import brandImg from './pf_mini_logo_white.svg';
 import logoImg from './pf_logo.svg';
 
-
 class SimpleAboutModal extends React.Component {
   state = {
     isModalOpen: false
diff --git a/packages/patternfly-4/react-core/src/components/Alert/Alert.js b/packages/patternfly-4/react-core/src/components/Alert/Alert.js
index 728641b68e5..c63389e714c 100644
--- a/packages/patternfly-4/react-core/src/components/Alert/Alert.js
+++ b/packages/patternfly-4/react-core/src/components/Alert/Alert.js
@@ -55,7 +55,7 @@ const Alert = ({
   variantLabel = variantLabel || capitalize(AlertVariant[variant]);
   const readerTitle = (
     <React.Fragment>
-      <span className={css(accessibleStyles.screenReader)}>{variantLabel + " alert:"}</span>
+      <span className={css(accessibleStyles.screenReader)}>{`${variantLabel} alert:`}</span>
       {title}
     </React.Fragment>
   );
@@ -71,8 +71,9 @@ const Alert = ({
           <p>{children}</p>
         </div>
       )}
-      {action && <div className={css(styles.alertAction, className)}>{React.cloneElement(action,
-           {title, variantLabel})}</div>}
+      {action && (
+        <div className={css(styles.alertAction, className)}>{React.cloneElement(action, { title, variantLabel })}</div>
+      )}
     </div>
   );
 };
diff --git a/packages/patternfly-4/react-core/src/components/Alert/Alert.test.js b/packages/patternfly-4/react-core/src/components/Alert/Alert.test.js
index f5cdb7a3d27..181791a1cd0 100644
--- a/packages/patternfly-4/react-core/src/components/Alert/Alert.test.js
+++ b/packages/patternfly-4/react-core/src/components/Alert/Alert.test.js
@@ -8,7 +8,11 @@ import AlertActionCLoseButton from './AlertActionCloseButton';
 Object.keys(AlertVariant).forEach(variant => {
   describe(`Alert - ${variant}`, () => {
     test('Description', () => {
-      const view = mount(<Alert variant={variant} title="">Some alert</Alert>);
+      const view = mount(
+        <Alert variant={variant} title="">
+          Some alert
+        </Alert>
+      );
       expect(view).toMatchSnapshot();
     });
 
diff --git a/packages/patternfly-4/react-core/src/components/Alert/AlertActionCloseButton.js b/packages/patternfly-4/react-core/src/components/Alert/AlertActionCloseButton.js
index 9aec301ea14..7ff94816628 100644
--- a/packages/patternfly-4/react-core/src/components/Alert/AlertActionCloseButton.js
+++ b/packages/patternfly-4/react-core/src/components/Alert/AlertActionCloseButton.js
@@ -17,11 +17,16 @@ const propTypes = {
 const defaultProps = {
   'aria-label': '',
   className: '',
-  onClose: () => undefined,
+  onClose: () => undefined
 };
 
 const AlertActionCloseButton = ({ className, onClose, 'aria-label': ariaLabel, title, variantLabel, ...props }) => (
-  <Button variant={ButtonVariant.plain} onClick={onClose} aria-label={ariaLabel === '' ? `Close ${variantLabel} alert: ${title}` : ariaLabel} {...props}>
+  <Button
+    variant={ButtonVariant.plain}
+    onClick={onClose}
+    aria-label={ariaLabel === '' ? `Close ${variantLabel} alert: ${title}` : ariaLabel}
+    {...props}
+  >
     <TimesIcon />
   </Button>
 );
diff --git a/packages/patternfly-4/react-core/src/components/Alert/examples/DangerAlert.js b/packages/patternfly-4/react-core/src/components/Alert/examples/DangerAlert.js
index 94149b696c7..e0d3d3edd5f 100644
--- a/packages/patternfly-4/react-core/src/components/Alert/examples/DangerAlert.js
+++ b/packages/patternfly-4/react-core/src/components/Alert/examples/DangerAlert.js
@@ -26,11 +26,7 @@ class DangerAlert extends React.Component {
             action={<AlertActionCloseButton onClose={this.hideAlertTwo} />}
           />
         )}
-        <Alert
-          variant="danger"
-          title="Danger alert title"
-          action={<AlertActionLink>Action Button</AlertActionLink>}
-        />
+        <Alert variant="danger" title="Danger alert title" action={<AlertActionLink>Action Button</AlertActionLink>} />
         <Alert variant="danger" title="Danger alert title" />
       </React.Fragment>
     );
diff --git a/packages/patternfly-4/react-core/src/components/Alert/examples/InfoAlert.js b/packages/patternfly-4/react-core/src/components/Alert/examples/InfoAlert.js
index bd489612259..9675906f7bd 100644
--- a/packages/patternfly-4/react-core/src/components/Alert/examples/InfoAlert.js
+++ b/packages/patternfly-4/react-core/src/components/Alert/examples/InfoAlert.js
@@ -26,11 +26,7 @@ class InfoAlert extends React.Component {
             action={<AlertActionCloseButton onClose={this.hideAlertTwo} />}
           />
         )}
-        <Alert
-          variant="info"
-          title="Info alert title"
-          action={<AlertActionLink>Action Button</AlertActionLink>}
-        />
+        <Alert variant="info" title="Info alert title" action={<AlertActionLink>Action Button</AlertActionLink>} />
         <Alert variant="info" title="Info alert title" />
       </React.Fragment>
     );
diff --git a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncher.js b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncher.js
index c054c5d33b0..62c5ce78523 100644
--- a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncher.js
+++ b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncher.js
@@ -49,41 +49,55 @@ class ApplicationLauncher extends React.Component {
   }
 
   render() {
-    const {'aria-label': ariaLabel, children, dropdownItems, className, isOpen, onSelect, onToggle, ...props} = this.props;
-    return <GenerateId>{randomId => (
-      <div
-        className={css(
-          styles.appLauncher,
-          isOpen && styles.modifiers.expanded,
-          className
+    const {
+      'aria-label': ariaLabel,
+      children,
+      dropdownItems,
+      className,
+      isOpen,
+      onSelect,
+      onToggle,
+      ...props
+    } = this.props;
+    return (
+      <GenerateId>
+        {randomId => (
+          <div
+            className={css(styles.appLauncher, isOpen && styles.modifiers.expanded, className)}
+            ref={ref => {
+              this.parentRef = ref;
+            }}
+          >
+            {Children.map(
+              <Toggle id={`pf-toggle-id-${randomId}`} aria-label={ariaLabel} onToggle={onToggle}>
+                <ThIcon />
+              </Toggle>,
+              oneToggle =>
+                cloneElement(oneToggle, {
+                  parentRef: this.parentRef,
+                  id: randomId,
+                  isOpen,
+                  isPlain: true,
+                  ariaHasPopup: true,
+                  onEnter: this.onEnter
+                })
+            )}
+            {isOpen && (
+              <DropdownContext.Provider value={event => onSelect && onSelect(event)}>
+                <ApplicationLauncherMenu
+                  isOpen={isOpen}
+                  position="left"
+                  aria-labelledby={ariaLabel}
+                  openedOnEnter={this.openedOnEnter}
+                >
+                  {dropdownItems}
+                </ApplicationLauncherMenu>
+              </DropdownContext.Provider>
+            )}
+          </div>
         )}
-        ref={ref => {
-            this.parentRef = ref;}}>
-        {Children.map(
-          <Toggle id={`pf-toggle-id-${randomId}`} aria-label={ariaLabel} onToggle={onToggle}><ThIcon /></Toggle>, oneToggle =>
-            cloneElement(oneToggle, {
-              parentRef: this.parentRef,
-              id: randomId,
-              isOpen,
-              isPlain: true,
-              ariaHasPopup: true,
-              onEnter: this.onEnter
-          })
-        )}
-        {isOpen && (
-            <DropdownContext.Provider value={event => onSelect && onSelect(event)}>
-        <ApplicationLauncherMenu
-          isOpen={isOpen}
-          position="left"
-          aria-labelledby={ariaLabel}
-          openedOnEnter={this.openedOnEnter}
-        >
-          {dropdownItems}
-        </ApplicationLauncherMenu>
-        </DropdownContext.Provider>
-          )}
-      </div>
-    )}</GenerateId>;
+      </GenerateId>
+    );
   }
 }
 
diff --git a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncherMenu.js b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncherMenu.js
index 6dc6343aa0c..0c0c3fc21e3 100644
--- a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncherMenu.js
+++ b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncherMenu.js
@@ -25,7 +25,7 @@ const defaultProps = {
   children: null,
   className: '',
   isOpen: true,
-  position: ApplicationLauncherPosition.left,
+  position: ApplicationLauncherPosition.left
 };
 
 class ApplicationLauncherMenu extends React.Component {
@@ -71,7 +71,8 @@ class ApplicationLauncherMenu extends React.Component {
   extendChildren() {
     return React.Children.map(this.props.children, (child, index) =>
       React.cloneElement(child, {
-        index, isAppLauncher: true
+        index,
+        isAppLauncher: true
       })
     );
   }
@@ -86,15 +87,7 @@ class ApplicationLauncherMenu extends React.Component {
           sendRef: this.sendRef
         }}
       >
-        <ul
-          {...props}
-          className={css(
-            styles.appLauncherMenu,
-            className
-          )}
-          hidden={!isOpen}
-          role="menu"
-        >
+        <ul {...props} className={css(styles.appLauncherMenu, className)} hidden={!isOpen} role="menu">
           {this.extendChildren()}
         </ul>
       </DropdownArrowContext.Provider>
diff --git a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/Toggle.js b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/Toggle.js
index ec9e440cc60..4dd0a5fb1cf 100644
--- a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/Toggle.js
+++ b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/Toggle.js
@@ -64,7 +64,12 @@ class ApplicationLauncherToggle extends Component {
   onEscPress = event => {
     const { parentRef } = this.props;
     const keyCode = event.keyCode || event.which;
-    if (this.props.isOpen && (keyCode === KEY_CODES.ESCAPE_KEY || event.keyCode === KEY_CODES.TAB) && parentRef && parentRef.contains(event.target)) {
+    if (
+      this.props.isOpen &&
+      (keyCode === KEY_CODES.ESCAPE_KEY || event.keyCode === KEY_CODES.TAB) &&
+      parentRef &&
+      parentRef.contains(event.target)
+    ) {
       this.props.onToggle && this.props.onToggle(false);
       this.toggle.focus();
     }
@@ -73,7 +78,10 @@ class ApplicationLauncherToggle extends Component {
   onKeyDown = event => {
     if (event.keyCode === KEY_CODES.TAB && !this.props.isOpen) return;
     event.preventDefault();
-    if ((event.keyCode === KEY_CODES.TAB || event.keyCode === KEY_CODES.ENTER || event.key === ' ') && this.props.isOpen) {
+    if (
+      (event.keyCode === KEY_CODES.TAB || event.keyCode === KEY_CODES.ENTER || event.key === ' ') &&
+      this.props.isOpen
+    ) {
       this.props.onToggle(!this.props.isOpen);
     } else if ((event.keyCode === KEY_CODES.ENTER || event.key === ' ') && !this.props.isOpen) {
       this.props.onToggle(!this.props.isOpen);
diff --git a/packages/patternfly-4/react-core/src/components/Avatar/examples/SimpleAvatar.js b/packages/patternfly-4/react-core/src/components/Avatar/examples/SimpleAvatar.js
index c08553a279e..85d2ef5cfec 100644
--- a/packages/patternfly-4/react-core/src/components/Avatar/examples/SimpleAvatar.js
+++ b/packages/patternfly-4/react-core/src/components/Avatar/examples/SimpleAvatar.js
@@ -6,7 +6,6 @@ class SimpleAvatar extends React.Component {
   render() {
     return <Avatar src={avatarImg} alt="avatar" />;
   }
-
 }
 
 export default SimpleAvatar;
diff --git a/packages/patternfly-4/react-core/src/components/BackgroundImage/BackgroundImage.js b/packages/patternfly-4/react-core/src/components/BackgroundImage/BackgroundImage.js
index f7ed8aed3aa..e95f0056609 100644
--- a/packages/patternfly-4/react-core/src/components/BackgroundImage/BackgroundImage.js
+++ b/packages/patternfly-4/react-core/src/components/BackgroundImage/BackgroundImage.js
@@ -58,12 +58,12 @@ const BackgroundImage = ({ className, src, ...props }) => {
   const variableOverrides =
     typeof src === 'string'
       ? Object.keys(BackgroundImageSrc).reduce(
-        (prev, size) => ({
-          ...prev,
-          [BackgroundImageSrc[size]]: src
-        }),
-        {}
-      )
+          (prev, size) => ({
+            ...prev,
+            [BackgroundImageSrc[size]]: src
+          }),
+          {}
+        )
       : src;
 
   const bgStyles = StyleSheet.create({
diff --git a/packages/patternfly-4/react-core/src/components/BackgroundImage/examples/SimpleBackgroundImage.js b/packages/patternfly-4/react-core/src/components/BackgroundImage/examples/SimpleBackgroundImage.js
index 7177f5c185d..65f802bb5a5 100644
--- a/packages/patternfly-4/react-core/src/components/BackgroundImage/examples/SimpleBackgroundImage.js
+++ b/packages/patternfly-4/react-core/src/components/BackgroundImage/examples/SimpleBackgroundImage.js
@@ -17,6 +17,6 @@ class SimpleBackgroundImage extends React.Component {
   render() {
     return <BackgroundImage src={images} />;
   }
-};
+}
 
 export default SimpleBackgroundImage;
diff --git a/packages/patternfly-4/react-core/src/components/Badge/examples/ReadBadge.js b/packages/patternfly-4/react-core/src/components/Badge/examples/ReadBadge.js
index f1f427059e6..4e6065cadee 100644
--- a/packages/patternfly-4/react-core/src/components/Badge/examples/ReadBadge.js
+++ b/packages/patternfly-4/react-core/src/components/Badge/examples/ReadBadge.js
@@ -5,10 +5,7 @@ class ReadBadge extends React.Component {
   render() {
     return (
       <React.Fragment>
-        <Badge isRead>7</Badge>{' '}
-        <Badge isRead>24</Badge>{' '}
-        <Badge isRead>240</Badge>{' '}
-        <Badge isRead>999+</Badge>
+        <Badge isRead>7</Badge> <Badge isRead>24</Badge> <Badge isRead>240</Badge> <Badge isRead>999+</Badge>
       </React.Fragment>
     );
   }
diff --git a/packages/patternfly-4/react-core/src/components/Badge/examples/UnreadBadge.js b/packages/patternfly-4/react-core/src/components/Badge/examples/UnreadBadge.js
index 1ac1d6a99e4..f38334d79cf 100644
--- a/packages/patternfly-4/react-core/src/components/Badge/examples/UnreadBadge.js
+++ b/packages/patternfly-4/react-core/src/components/Badge/examples/UnreadBadge.js
@@ -5,10 +5,7 @@ class UnreadBadge extends React.Component {
   render() {
     return (
       <React.Fragment>
-        <Badge>7</Badge>{' '}
-        <Badge>24</Badge>{' '}
-        <Badge>240</Badge>{' '}
-        <Badge>999+</Badge>
+        <Badge>7</Badge> <Badge>24</Badge> <Badge>240</Badge> <Badge>999+</Badge>
       </React.Fragment>
     );
   }
diff --git a/packages/patternfly-4/react-core/src/components/Button/examples/ButtonVariants.js b/packages/patternfly-4/react-core/src/components/Button/examples/ButtonVariants.js
index d329d358d95..894537d78a1 100644
--- a/packages/patternfly-4/react-core/src/components/Button/examples/ButtonVariants.js
+++ b/packages/patternfly-4/react-core/src/components/Button/examples/ButtonVariants.js
@@ -6,12 +6,10 @@ class ButtonVariants extends React.Component {
   render() {
     return (
       <React.Fragment>
-        <Button variant="primary">Primary</Button>{' '}
-        <Button variant="secondary">Secondary</Button>{' '}
-        <Button variant="tertiary">Tertiary</Button>{' '}
-        <Button variant="danger">Danger</Button>{' '}
+        <Button variant="primary">Primary</Button> <Button variant="secondary">Secondary</Button>{' '}
+        <Button variant="tertiary">Tertiary</Button> <Button variant="danger">Danger</Button>{' '}
         <Button variant="link">
-          <PlusCircleIcon />{' '} Link button
+          <PlusCircleIcon /> Link button
         </Button>{' '}
         <Button variant="plain" aria-label="Action">
           <TimesIcon />
diff --git a/packages/patternfly-4/react-core/src/components/Checkbox/Checkbox.docs.js b/packages/patternfly-4/react-core/src/components/Checkbox/Checkbox.docs.js
index c773de3d5da..6d3637057cb 100644
--- a/packages/patternfly-4/react-core/src/components/Checkbox/Checkbox.docs.js
+++ b/packages/patternfly-4/react-core/src/components/Checkbox/Checkbox.docs.js
@@ -11,6 +11,6 @@ export default {
   examples: [
     { component: Controlled, title: 'Controlled Checkbox' },
     { component: Uncontrolled, title: 'Uncontrolled Checkbox' },
-    { component: Disabled, title: 'Disabled Checkbox' },
+    { component: Disabled, title: 'Disabled Checkbox' }
   ]
 };
diff --git a/packages/patternfly-4/react-core/src/components/Checkbox/examples/ControlledCheckbox.js b/packages/patternfly-4/react-core/src/components/Checkbox/examples/ControlledCheckbox.js
index 690e242b3c2..75ca950ca0d 100644
--- a/packages/patternfly-4/react-core/src/components/Checkbox/examples/ControlledCheckbox.js
+++ b/packages/patternfly-4/react-core/src/components/Checkbox/examples/ControlledCheckbox.js
@@ -9,28 +9,30 @@ class ControlledCheckbox extends React.Component {
 
   handleChange = checked => {
     const target = event.target;
-    const value = target.type === "checkbox" ? target.checked : target.value;
+    const value = target.type === 'checkbox' ? target.checked : target.value;
     const name = target.name;
     this.setState({ [name]: value });
   };
 
   render() {
-    return <React.Fragment>
-      <Checkbox
-        label="Controlled CheckBox"
-        isChecked={this.state.check1}
-        onChange={this.handleChange}
-        aria-label="controlled checkbox example"
-        id="check-1"
-      />
-      <Checkbox
-        label="Controlled CheckBox"
-        isChecked={this.state.check2}
-        onChange={this.handleChange}
-        aria-label="controlled checkbox example"
-        id="check-2"
-      />
-    </React.Fragment>;
+    return (
+      <React.Fragment>
+        <Checkbox
+          label="Controlled CheckBox"
+          isChecked={this.state.check1}
+          onChange={this.handleChange}
+          aria-label="controlled checkbox example"
+          id="check-1"
+        />
+        <Checkbox
+          label="Controlled CheckBox"
+          isChecked={this.state.check2}
+          onChange={this.handleChange}
+          aria-label="controlled checkbox example"
+          id="check-2"
+        />
+      </React.Fragment>
+    );
   }
 }
 
diff --git a/packages/patternfly-4/react-core/src/components/Checkbox/examples/UncontrolledCheckbox.js b/packages/patternfly-4/react-core/src/components/Checkbox/examples/UncontrolledCheckbox.js
index 96c0d05c8eb..f22723112b3 100644
--- a/packages/patternfly-4/react-core/src/components/Checkbox/examples/UncontrolledCheckbox.js
+++ b/packages/patternfly-4/react-core/src/components/Checkbox/examples/UncontrolledCheckbox.js
@@ -3,10 +3,12 @@ import { Checkbox } from '@patternfly/react-core';
 
 class UncontrolledCheckbox extends React.Component {
   render() {
-    return <React.Fragment>
-      <Checkbox label="Uncontrolled CheckBox" aria-label="uncontrolled checkbox example" id="check-3" />
-      <Checkbox label="Uncontrolled CheckBox" aria-label="uncontrolled checkbox example" id="check-4" />
-    </React.Fragment>
+    return (
+      <React.Fragment>
+        <Checkbox label="Uncontrolled CheckBox" aria-label="uncontrolled checkbox example" id="check-3" />
+        <Checkbox label="Uncontrolled CheckBox" aria-label="uncontrolled checkbox example" id="check-4" />
+      </React.Fragment>
+    );
   }
 }
 
diff --git a/packages/patternfly-4/react-core/src/components/ChipGroup/ChipButton.js b/packages/patternfly-4/react-core/src/components/ChipGroup/ChipButton.js
index 13fe829f484..73a3a37e1d9 100644
--- a/packages/patternfly-4/react-core/src/components/ChipGroup/ChipButton.js
+++ b/packages/patternfly-4/react-core/src/components/ChipGroup/ChipButton.js
@@ -4,13 +4,11 @@ import PropTypes from 'prop-types';
 import styles from '@patternfly/patternfly/components/Chip/chip.css';
 import { Button } from '../Button';
 
-const ChipButton = ({ ariaLabel, children, className, onClick, ...props }) => {
-  return (
-    <Button variant="plain" aria-label={ariaLabel} onClick={onClick} className={className} {...props}>
-      {children}
-    </Button>
-  );
-};
+const ChipButton = ({ ariaLabel, children, className, onClick, ...props }) => (
+  <Button variant="plain" aria-label={ariaLabel} onClick={onClick} className={className} {...props}>
+    {children}
+  </Button>
+);
 
 ChipButton.propTypes = {
   /** Aria label for chip button */
@@ -20,14 +18,14 @@ ChipButton.propTypes = {
   /** Additional classes added to the chip item */
   className: PropTypes.string,
   /** Function that is called when clicking on the chip button */
-  onClick: PropTypes.func,
+  onClick: PropTypes.func
 };
 
 ChipButton.defaultProps = {
   ariaLabel: 'close',
   children: null,
   className: '',
-  onClick: () => { }
+  onClick: () => {}
 };
 
 export default ChipButton;
diff --git a/packages/patternfly-4/react-core/src/components/DataList/DataListToggle.js b/packages/patternfly-4/react-core/src/components/DataList/DataListToggle.js
index 4e8da206252..0f84d29dd01 100644
--- a/packages/patternfly-4/react-core/src/components/DataList/DataListToggle.js
+++ b/packages/patternfly-4/react-core/src/components/DataList/DataListToggle.js
@@ -13,12 +13,12 @@ const DataListToggle = ({
   id,
   ...props
 }) => (
-    <div className={css(styles.dataListToggle, className)} {...props}>
-      <Button id={id} variant="plain" aria-label={ariaLabel} aria-labelledby={ariaLabelledBy} aria-expanded={isExpanded}>
-        <AngleRightIcon />
-      </Button>
-    </div>
-  );
+  <div className={css(styles.dataListToggle, className)} {...props}>
+    <Button id={id} variant="plain" aria-label={ariaLabel} aria-labelledby={ariaLabelledBy} aria-expanded={isExpanded}>
+      <AngleRightIcon />
+    </Button>
+  </div>
+);
 
 DataListToggle.propTypes = {
   /** Additional classes added to the DataList cell */
diff --git a/packages/patternfly-4/react-core/src/components/DataList/examples/SimpleDataList.js b/packages/patternfly-4/react-core/src/components/DataList/examples/SimpleDataList.js
index ee12b7443cf..d83ba4510b9 100644
--- a/packages/patternfly-4/react-core/src/components/DataList/examples/SimpleDataList.js
+++ b/packages/patternfly-4/react-core/src/components/DataList/examples/SimpleDataList.js
@@ -9,17 +9,13 @@ class SimpleDataList extends React.Component {
           <DataListCell>
             <span id="simple-item1">Primary content</span>
           </DataListCell>
-          <DataListCell>
-            Secondary content
-          </DataListCell>
+          <DataListCell>Secondary content</DataListCell>
         </DataListItem>
         <DataListItem aria-labelledby="simple-item2">
           <DataListCell>
             <span id="simple-item2">Second list item title</span>
           </DataListCell>
-          <DataListCell>
-            Secondary content
-          </DataListCell>
+          <DataListCell>Secondary content</DataListCell>
         </DataListItem>
       </DataList>
     );
diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownItem.js b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownItem.js
index ffcef9c5a8b..56fd7278043 100644
--- a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownItem.js
+++ b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownItem.js
@@ -95,9 +95,21 @@ class DropdownItem extends React.Component {
     }
 
     if (isAppLauncher) {
-      classes = css(appLauncherStyles.appLauncherMenuItem, isDisabled && appLauncherStyles.modifiers.disabled, isHovered && appLauncherStyles.modifiers.hover, className);
+      classes = css(
+        appLauncherStyles.appLauncherMenuItem,
+        isDisabled && appLauncherStyles.modifiers.disabled,
+        isHovered && appLauncherStyles.modifiers.hover,
+        className
+      );
     } else {
-      this.props.role === "separator" ?  classes = className : classes = css(dropdownStyles.dropdownMenuItem, isDisabled && dropdownStyles.modifiers.disabled, isHovered && dropdownStyles.modifiers.hover, className);
+      this.props.role === 'separator'
+        ? (classes = className)
+        : (classes = css(
+            dropdownStyles.dropdownMenuItem,
+            isDisabled && dropdownStyles.modifiers.disabled,
+            isHovered && dropdownStyles.modifiers.hover,
+            className
+          ));
     }
     return (
       <DropdownContext.Consumer>
@@ -118,7 +130,7 @@ class DropdownItem extends React.Component {
                       onClick && onClick(event);
                       onSelect && onSelect(event);
                     }
-                  },
+                  }
                 })
               )
             ) : (
diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownToggle.js b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownToggle.js
index 3cbda0194b0..6c594f2e193 100644
--- a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownToggle.js
+++ b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownToggle.js
@@ -7,9 +7,7 @@ import { css } from '@patternfly/react-styles';
 
 const DropdownToggle = ({ children, iconComponent: IconComponent, ...props }) => (
   <Toggle {...props}>
-    <span className={css(styles.dropdownToggleText)} >
-      {children}
-    </span>
+    <span className={css(styles.dropdownToggleText)}>{children}</span>
     {IconComponent && <IconComponent className={css(styles.dropdownToggleIcon)} />}
   </Toggle>
 );
diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/Item.js b/packages/patternfly-4/react-core/src/components/Dropdown/Item.js
index 19c4ad2891a..92d2ddeeda3 100644
--- a/packages/patternfly-4/react-core/src/components/Dropdown/Item.js
+++ b/packages/patternfly-4/react-core/src/components/Dropdown/Item.js
@@ -7,14 +7,7 @@ import { DropdownArrowContext } from './dropdownConstants';
 
 const Item = ({ className, ...props }) => (
   <DropdownArrowContext.Consumer>
-    {context => (
-      <DropdownItem
-        {...props}
-        context={context}
-        role="menuitem"
-        tabIndex={-1}
-      />
-    )}
+    {context => <DropdownItem {...props} context={context} role="menuitem" tabIndex={-1} />}
   </DropdownArrowContext.Consumer>
 );
 
diff --git a/packages/patternfly-4/react-core/src/components/Form/FormHelperText.js b/packages/patternfly-4/react-core/src/components/Form/FormHelperText.js
index 65d309c4156..7e256bf7dac 100644
--- a/packages/patternfly-4/react-core/src/components/Form/FormHelperText.js
+++ b/packages/patternfly-4/react-core/src/components/Form/FormHelperText.js
@@ -6,9 +6,9 @@ import React from 'react';
 const propTypes = {
   /** Content rendered inside the Helper Text Item */
   children: PropTypes.node,
-  /** Adds error styling to the Helper Text  **/
+  /** Adds error styling to the Helper Text  * */
   isError: PropTypes.bool,
-  /** Hides the helper text **/
+  /** Hides the helper text * */
   isHidden: PropTypes.bool,
   /** Additional classes added to the Helper Text  Item  */
   className: PropTypes.string,
@@ -20,14 +20,22 @@ const defaultProps = {
   children: null,
   isError: false,
   isHidden: true,
-  className: '',
+  className: ''
 };
 
-const FormHelperText = ({ className, isError, isHidden, children, ...props }) => {
-  return <p className={css(styles.formHelperText, getModifier(styles, isError && 'error'), getModifier(styles, isHidden && 'hidden'), className) } {...props}>
+const FormHelperText = ({ className, isError, isHidden, children, ...props }) => (
+  <p
+    className={css(
+      styles.formHelperText,
+      getModifier(styles, isError && 'error'),
+      getModifier(styles, isHidden && 'hidden'),
+      className
+    )}
+    {...props}
+  >
     {children}
   </p>
-};
+);
 
 FormHelperText.propTypes = propTypes;
 FormHelperText.defaultProps = defaultProps;
diff --git a/packages/patternfly-4/react-core/src/components/Form/FormHelperText.test.js b/packages/patternfly-4/react-core/src/components/Form/FormHelperText.test.js
index 8c49d4dbf59..f42a18ea62a 100644
--- a/packages/patternfly-4/react-core/src/components/Form/FormHelperText.test.js
+++ b/packages/patternfly-4/react-core/src/components/Form/FormHelperText.test.js
@@ -3,7 +3,7 @@ import FormHelperText from './FormHelperText';
 import { shallow } from 'enzyme';
 
 test('renders with PatternFly Core styles', () => {
-  const view = shallow(<FormHelperText isError={true} isHidden={false} />);
+  const view = shallow(<FormHelperText isError isHidden={false} />);
   expect(view).toMatchSnapshot();
 });
 
@@ -26,4 +26,4 @@ test('LoginFooterItem  with custom node', () => {
     </FormHelperText>
   );
   expect(view).toMatchSnapshot();
-});
\ No newline at end of file
+});
diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/LoginForm.js b/packages/patternfly-4/react-core/src/components/LoginPage/LoginForm.js
index 9601115121e..757bede79f9 100644
--- a/packages/patternfly-4/react-core/src/components/LoginPage/LoginForm.js
+++ b/packages/patternfly-4/react-core/src/components/LoginPage/LoginForm.js
@@ -9,9 +9,9 @@ import { Checkbox } from '../Checkbox';
 const propTypes = {
   /** Additional classes added to the Login Main Body's Form */
   className: PropTypes.string,
-  /** Flag indicating the Helper Text is visible **/
+  /** Flag indicating the Helper Text is visible * */
   showHelperText: PropTypes.bool,
-  /** Content displayed in the Helper Text component **/
+  /** Content displayed in the Helper Text component * */
   helperText: PropTypes.node,
   /** Label for the Username Input Field */
   usernameLabel: PropTypes.string,
@@ -95,13 +95,10 @@ const LoginForm = ({
   ...props
 }) => (
   <Form className={className} {...props}>
-    <FormHelperText isError={!isValidUsername || !isValidPassword} isHidden={!showHelperText}>{helperText}</FormHelperText>
-    <FormGroup
-      label={usernameLabel}
-      isRequired
-      isValid={isValidUsername}
-      fieldId="pf-login-username-id"
-    >
+    <FormHelperText isError={!isValidUsername || !isValidPassword} isHidden={!showHelperText}>
+      {helperText}
+    </FormHelperText>
+    <FormGroup label={usernameLabel} isRequired isValid={isValidUsername} fieldId="pf-login-username-id">
       <TextInput
         id="pf-login-username-id"
         isRequired
@@ -112,12 +109,7 @@ const LoginForm = ({
         onChange={onChangeUsername}
       />
     </FormGroup>
-    <FormGroup
-      label={passwordLabel}
-      isRequired
-      isValid={isValidPassword}
-      fieldId="pf-login-password-id"
-    >
+    <FormGroup label={passwordLabel} isRequired isValid={isValidPassword} fieldId="pf-login-password-id">
       <TextInput
         isRequired
         type="password"
@@ -129,9 +121,7 @@ const LoginForm = ({
       />
     </FormGroup>
     {rememberMeLabel.length > 0 && (
-      <FormGroup
-        fieldId="pf-login-remember-me-id"
-      >
+      <FormGroup fieldId="pf-login-remember-me-id">
         <Checkbox
           id="pf-login-remember-me-id"
           label={rememberMeLabel}
@@ -140,9 +130,9 @@ const LoginForm = ({
           aria-label={rememberMeAriaLabel}
         />
       </FormGroup>
-      )}
+    )}
     <ActionGroup>
-      <Button variant="primary" type="submit" onClick={onLoginButtonClick} isBlock={true} isDisabled={isLoginButtonDisabled}>
+      <Button variant="primary" type="submit" onClick={onLoginButtonClick} isBlock isDisabled={isLoginButtonDisabled}>
         {loginButtonLabel}
       </Button>
     </ActionGroup>
diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooter.js b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooter.js
index f59367541fc..58a7ab3d28f 100644
--- a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooter.js
+++ b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooter.js
@@ -6,11 +6,11 @@ import styles from '@patternfly/patternfly/components/Login/login.css';
 const propTypes = {
   /** Content rendered inside the Login Main Footer */
   children: PropTypes.node,
-  /** Content rendered inside the Login Main Footer as Social Media Links**/
+  /** Content rendered inside the Login Main Footer as Social Media Links* */
   socialMediaLoginContent: PropTypes.node,
-  /** Content rendered inside of Login Main Footer Band to display a sign up for account message*/
+  /** Content rendered inside of Login Main Footer Band to display a sign up for account message */
   signUpForAccountMessage: PropTypes.node,
-  /** Content rendered inside of Login Main Footer Band do display a forgot credentials link**/
+  /** Content rendered inside of Login Main Footer Band do display a forgot credentials link* */
   forgotCredentials: PropTypes.node,
   /** Additional classes added to the Login Main Footer */
   className: PropTypes.string,
@@ -26,16 +26,23 @@ const defaultProps = {
   className: ''
 };
 
-const LoginMainFooter = ({ children, socialMediaLoginContent, signUpForAccountMessage, forgotCredentials, className, ...props }) => (
+const LoginMainFooter = ({
+  children,
+  socialMediaLoginContent,
+  signUpForAccountMessage,
+  forgotCredentials,
+  className,
+  ...props
+}) => (
   <div className={css(styles.loginMainFooter, className)} {...props}>
     {children}
-    {socialMediaLoginContent && <ul className={css(styles.loginMainFooterLinks)}>
-      {socialMediaLoginContent}
-      </ul>}
-    {(signUpForAccountMessage || forgotCredentials) && <div className={css(styles.loginMainFooterBand)}>
-      {signUpForAccountMessage}
-      {forgotCredentials}
-      </div>}
+    {socialMediaLoginContent && <ul className={css(styles.loginMainFooterLinks)}>{socialMediaLoginContent}</ul>}
+    {(signUpForAccountMessage || forgotCredentials) && (
+      <div className={css(styles.loginMainFooterBand)}>
+        {signUpForAccountMessage}
+        {forgotCredentials}
+      </div>
+    )}
   </div>
 );
 
diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterBandItem.js b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterBandItem.js
index 563a6815131..e944cfdb115 100644
--- a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterBandItem.js
+++ b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterBandItem.js
@@ -14,14 +14,14 @@ const propTypes = {
 
 const defaultProps = {
   children: null,
-  className: '',
+  className: ''
 };
 
-const LoginMainFooterBandItem = ({ className, children, ...props }) => {
-  return <p className={css(styles.loginMainFooterBand + "-item", className)} {...props}>
-        {children}
-    </p>
-};
+const LoginMainFooterBandItem = ({ className, children, ...props }) => (
+  <p className={css(`${styles.loginMainFooterBand}-item`, className)} {...props}>
+    {children}
+  </p>
+);
 
 LoginMainFooterBandItem.propTypes = propTypes;
 LoginMainFooterBandItem.defaultProps = defaultProps;
diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterLinksItem.js b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterLinksItem.js
index 9e3818e17f8..7091b79acca 100644
--- a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterLinksItem.js
+++ b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterLinksItem.js
@@ -20,18 +20,16 @@ const defaultProps = {
   children: null,
   href: '',
   target: '',
-  className: '',
+  className: ''
 };
 
-const LoginMainFooterLinksItem = ({ className, children, href, target, ...props }) => {
-  return <li className={css(styles.loginMainFooterLinksItem, className)} {...props}>
-    <a className={css(styles.loginMainFooterLinksItemLink)}
-       href={href}
-       target={target}>
+const LoginMainFooterLinksItem = ({ className, children, href, target, ...props }) => (
+  <li className={css(styles.loginMainFooterLinksItem, className)} {...props}>
+    <a className={css(styles.loginMainFooterLinksItemLink)} href={href} target={target}>
       {children}
-      </a>
+    </a>
   </li>
-};
+);
 
 LoginMainFooterLinksItem.propTypes = propTypes;
 LoginMainFooterLinksItem.defaultProps = defaultProps;
diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterLinksItem.test.js b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterLinksItem.test.js
index b65c1dcf121..d5d38ba49b6 100644
--- a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterLinksItem.test.js
+++ b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterLinksItem.test.js
@@ -3,7 +3,7 @@ import LoginMainFooterLinksItem from './LoginMainFooterLinksItem';
 import { shallow } from 'enzyme';
 
 test('renders with PatternFly Core styles', () => {
-  const view = shallow(<LoginMainFooterLinksItem href="#" target=''/>);
+  const view = shallow(<LoginMainFooterLinksItem href="#" target="" />);
   expect(view).toMatchSnapshot();
 });
 
@@ -26,4 +26,4 @@ test('LoginFooterItem  with custom node', () => {
     </LoginMainFooterLinksItem>
   );
   expect(view).toMatchSnapshot();
-});
\ No newline at end of file
+});
diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/index.js b/packages/patternfly-4/react-core/src/components/LoginPage/index.js
index f3440ad2774..2120b8ad16c 100644
--- a/packages/patternfly-4/react-core/src/components/LoginPage/index.js
+++ b/packages/patternfly-4/react-core/src/components/LoginPage/index.js
@@ -2,4 +2,4 @@ export { default as LoginForm } from './LoginForm';
 export { default as LoginPage } from './LoginPage';
 export { default as LoginFooterItem } from './LoginFooterItem';
 export { default as LoginMainFooterBandItem } from './LoginMainFooterBandItem';
-export { default as LoginMainFooterLinksItem } from './LoginMainFooterLinksItem';
\ No newline at end of file
+export { default as LoginMainFooterLinksItem } from './LoginMainFooterLinksItem';
diff --git a/packages/patternfly-4/react-core/src/components/Modal/ModalContent.test.js b/packages/patternfly-4/react-core/src/components/Modal/ModalContent.test.js
index 35a67bbdfaf..cc875ba96c3 100644
--- a/packages/patternfly-4/react-core/src/components/Modal/ModalContent.test.js
+++ b/packages/patternfly-4/react-core/src/components/Modal/ModalContent.test.js
@@ -31,7 +31,7 @@ test('Modal Content Test with header', () => {
 
 test('Modal Content Test with footer', () => {
   const view = shallow(
-    <ModalContent title="Test Modal Content title" id="id" isOpen actions={["Testing"]}>
+    <ModalContent title="Test Modal Content title" id="id" isOpen actions={['Testing']}>
       This is a ModalBox header
     </ModalContent>
   );
@@ -49,7 +49,7 @@ test('Modal Content test without footer', () => {
 
 test('Modal Content Test with header and footer', () => {
   const view = shallow(
-    <ModalContent title="Test Modal Content title" header="Testing header" id="id" isOpen actions={["Testing footer"]}>
+    <ModalContent title="Test Modal Content title" header="Testing header" id="id" isOpen actions={['Testing footer']}>
       This is a ModalBox header
     </ModalContent>
   );
@@ -61,7 +61,7 @@ test('Modal Content Test with onclose', () => {
     <ModalContent
       title="Test Modal Content title"
       header="Testing header"
-      actions={["Testing footer"]}
+      actions={['Testing footer']}
       isLarge
       onclose={() => undefined}
       id="id"
diff --git a/packages/patternfly-4/react-core/src/components/Nav/Nav.js b/packages/patternfly-4/react-core/src/components/Nav/Nav.js
index b46f88b7165..4519cae8bcb 100644
--- a/packages/patternfly-4/react-core/src/components/Nav/Nav.js
+++ b/packages/patternfly-4/react-core/src/components/Nav/Nav.js
@@ -61,9 +61,17 @@ class Nav extends React.Component {
           onToggle: (event, groupId, expanded) => this.onToggle(event, groupId, expanded)
         }}
       >
-        <nav className={css(styles.nav, className)}
-             aria-label={ariaLabel === '' ? typeof this.props.children.props !== 'undefined' && this.props.children.props.variant === 'tertiary' ? 'Local' : 'Global' : ariaLabel}
-             {...props}>
+        <nav
+          className={css(styles.nav, className)}
+          aria-label={
+            ariaLabel === ''
+              ? typeof this.props.children.props !== 'undefined' && this.props.children.props.variant === 'tertiary'
+                ? 'Local'
+                : 'Global'
+              : ariaLabel
+          }
+          {...props}
+        >
           {children}
         </nav>
       </NavContext.Provider>
diff --git a/packages/patternfly-4/react-core/src/components/Nav/NavItem.js b/packages/patternfly-4/react-core/src/components/Nav/NavItem.js
index ba1831e8e97..e8c3f05a5ad 100644
--- a/packages/patternfly-4/react-core/src/components/Nav/NavItem.js
+++ b/packages/patternfly-4/react-core/src/components/Nav/NavItem.js
@@ -57,10 +57,12 @@ const NavItem = ({
         <a
           href={to}
           onClick={e => context.onSelect(e, groupId, itemId, to, preventDefault, onClick)}
-          className={css(styles.navLink,
+          className={css(
+            styles.navLink,
             isActive && styles.modifiers.current,
             isSeparated && styles.modifiers.separator,
-            className)}
+            className
+          )}
           aria-current={isActive ? 'page' : null}
           {...rest}
         >
@@ -80,7 +82,8 @@ const NavItem = ({
             styles.navLink,
             isActive && styles.modifiers.current,
             isSeparated && styles.modifiers.separator,
-            className),
+            className
+          ),
           'aria-current': isActive ? 'page' : null
         })
       }
diff --git a/packages/patternfly-4/react-core/src/components/Nav/examples/NavExpandableList.js b/packages/patternfly-4/react-core/src/components/Nav/examples/NavExpandableList.js
index 930bde68ae6..7e7518b70d8 100644
--- a/packages/patternfly-4/react-core/src/components/Nav/examples/NavExpandableList.js
+++ b/packages/patternfly-4/react-core/src/components/Nav/examples/NavExpandableList.js
@@ -30,7 +30,13 @@ class NavExpandableList extends React.Component {
       <Nav onSelect={this.onSelect} onToggle={this.onToggle}>
         <NavList>
           <NavExpandable title="Link 1" groupId="grp-1" isActive={activeGroup === 'grp-1'} isExpanded>
-            <NavItem preventDefault to="#expandable-1" groupId="grp-1" itemId="grp-1_itm-1" isActive={activeItem === 'grp-1_itm-1'}>
+            <NavItem
+              preventDefault
+              to="#expandable-1"
+              groupId="grp-1"
+              itemId="grp-1_itm-1"
+              isActive={activeItem === 'grp-1_itm-1'}
+            >
               Subnav Link 1
             </NavItem>
             <NavItem
@@ -38,7 +44,7 @@ class NavExpandableList extends React.Component {
               groupId="grp-1"
               itemId="grp-1_itm-2"
               isActive={activeItem === 'grp-1_itm-2'}
-              isSeparated={true}
+              isSeparated
             >
               Subnav Link 2 with separator
             </NavItem>
@@ -56,13 +62,31 @@ class NavExpandableList extends React.Component {
             >
               Custom onClick
             </NavItem>
-            <NavItem preventDefault to="#expandable-4" groupId="grp-2" itemId="grp-2_itm-1" isActive={activeItem === 'grp-2_itm-1'}>
+            <NavItem
+              preventDefault
+              to="#expandable-4"
+              groupId="grp-2"
+              itemId="grp-2_itm-1"
+              isActive={activeItem === 'grp-2_itm-1'}
+            >
               Subnav Link 1
             </NavItem>
-            <NavItem preventDefault to="#expandable-5" groupId="grp-2" itemId="grp-2_itm-2" isActive={activeItem === 'grp-2_itm-2'}>
+            <NavItem
+              preventDefault
+              to="#expandable-5"
+              groupId="grp-2"
+              itemId="grp-2_itm-2"
+              isActive={activeItem === 'grp-2_itm-2'}
+            >
               Subnav Link 2
             </NavItem>
-            <NavItem preventDefault to="#expandable-6" groupId="grp-2" itemId="grp-2_itm-3" isActive={activeItem === 'grp-2_itm-3'}>
+            <NavItem
+              preventDefault
+              to="#expandable-6"
+              groupId="grp-2"
+              itemId="grp-2_itm-3"
+              isActive={activeItem === 'grp-2_itm-3'}
+            >
               Subnav Link 3
             </NavItem>
           </NavExpandable>
diff --git a/packages/patternfly-4/react-core/src/components/Nav/examples/NavExpandableTitlesList.js b/packages/patternfly-4/react-core/src/components/Nav/examples/NavExpandableTitlesList.js
index b8d18f0193e..67817d62a0c 100644
--- a/packages/patternfly-4/react-core/src/components/Nav/examples/NavExpandableTitlesList.js
+++ b/packages/patternfly-4/react-core/src/components/Nav/examples/NavExpandableTitlesList.js
@@ -20,24 +20,60 @@ class NavExpandableTitlesList extends React.Component {
       <Nav onSelect={this.onSelect} onToggle={this.onToggle}>
         <NavList>
           <NavExpandable title="Link 1" srText="SR Link" groupId="grp-1" isActive={activeGroup === 'grp-1'} isExpanded>
-            <NavItem preventDefault to="#sr-expandable-1" groupId="grp-1" itemId="grp-1_itm-1" isActive={activeItem === 'grp-1_itm-1'}>
+            <NavItem
+              preventDefault
+              to="#sr-expandable-1"
+              groupId="grp-1"
+              itemId="grp-1_itm-1"
+              isActive={activeItem === 'grp-1_itm-1'}
+            >
               Subnav Link 1
             </NavItem>
-            <NavItem preventDefault to="#sr-expandable-2" groupId="grp-1" itemId="grp-1_itm-2" isActive={activeItem === 'grp-1_itm-2'}>
+            <NavItem
+              preventDefault
+              to="#sr-expandable-2"
+              groupId="grp-1"
+              itemId="grp-1_itm-2"
+              isActive={activeItem === 'grp-1_itm-2'}
+            >
               Subnav Link 2
             </NavItem>
-            <NavItem preventDefault to="#sr-expandable-3" groupId="grp-1" itemId="grp-1_itm-3" isActive={activeItem === 'grp-1_itm-3'}>
+            <NavItem
+              preventDefault
+              to="#sr-expandable-3"
+              groupId="grp-1"
+              itemId="grp-1_itm-3"
+              isActive={activeItem === 'grp-1_itm-3'}
+            >
               Subnav Link 3
             </NavItem>
           </NavExpandable>
           <NavExpandable title="Link 2" srText="SR Link 2" groupId="grp-2" isActive={activeGroup === 'grp-2'}>
-            <NavItem preventDefault to="#sr-expandable-4" groupId="grp-2" itemId="grp-2_itm-1" isActive={activeItem === 'grp-2_itm-1'}>
+            <NavItem
+              preventDefault
+              to="#sr-expandable-4"
+              groupId="grp-2"
+              itemId="grp-2_itm-1"
+              isActive={activeItem === 'grp-2_itm-1'}
+            >
               Subnav Link 1
             </NavItem>
-            <NavItem preventDefault to="#sr-expandable-5" groupId="grp-2" itemId="grp-2_itm-2" isActive={activeItem === 'grp-2_itm-2'}>
+            <NavItem
+              preventDefault
+              to="#sr-expandable-5"
+              groupId="grp-2"
+              itemId="grp-2_itm-2"
+              isActive={activeItem === 'grp-2_itm-2'}
+            >
               Subnav Link 2
             </NavItem>
-            <NavItem preventDefault to="#sr-expandable-6" groupId="grp-2" itemId="grp-2_itm-3" isActive={activeItem === 'grp-2_itm-3'}>
+            <NavItem
+              preventDefault
+              to="#sr-expandable-6"
+              groupId="grp-2"
+              itemId="grp-2_itm-3"
+              isActive={activeItem === 'grp-2_itm-3'}
+            >
               Subnav Link 3
             </NavItem>
           </NavExpandable>
diff --git a/packages/patternfly-4/react-core/src/components/Nav/examples/NavMixedList.js b/packages/patternfly-4/react-core/src/components/Nav/examples/NavMixedList.js
index abe301739ac..a9b7fddbb41 100644
--- a/packages/patternfly-4/react-core/src/components/Nav/examples/NavMixedList.js
+++ b/packages/patternfly-4/react-core/src/components/Nav/examples/NavMixedList.js
@@ -23,24 +23,60 @@ class NavMixedList extends React.Component {
             Link 1 (not expandable)
           </NavItem>
           <NavExpandable title="Link 2 - expandable" groupId="grp-1" isActive={activeGroup === 'grp-1'}>
-            <NavItem preventDefault to="#mixed-2" groupId="grp-1" itemId="grp-1_itm-1" isActive={activeItem === 'grp-1_itm-1'}>
+            <NavItem
+              preventDefault
+              to="#mixed-2"
+              groupId="grp-1"
+              itemId="grp-1_itm-1"
+              isActive={activeItem === 'grp-1_itm-1'}
+            >
               Link 1
             </NavItem>
-            <NavItem preventDefault to="#mixed-3" groupId="grp-1" itemId="grp-1_itm-2" isActive={activeItem === 'grp-1_itm-2'}>
+            <NavItem
+              preventDefault
+              to="#mixed-3"
+              groupId="grp-1"
+              itemId="grp-1_itm-2"
+              isActive={activeItem === 'grp-1_itm-2'}
+            >
               Link 2
             </NavItem>
-            <NavItem preventDefault to="#mixed-4" groupId="grp-1" itemId="grp-1_itm-3" isActive={activeItem === 'grp-1_itm-3'}>
+            <NavItem
+              preventDefault
+              to="#mixed-4"
+              groupId="grp-1"
+              itemId="grp-1_itm-3"
+              isActive={activeItem === 'grp-1_itm-3'}
+            >
               Link 3
             </NavItem>
           </NavExpandable>
           <NavExpandable title="Link 3 - expandable" groupId="grp-2" isActive={activeGroup === 'grp-2'}>
-            <NavItem preventDefault to="#mixed-5" groupId="grp-2" itemId="grp-2_itm-1" isActive={activeItem === 'grp-2_itm-1'}>
+            <NavItem
+              preventDefault
+              to="#mixed-5"
+              groupId="grp-2"
+              itemId="grp-2_itm-1"
+              isActive={activeItem === 'grp-2_itm-1'}
+            >
               Link 1
             </NavItem>
-            <NavItem preventDefault to="#mixed-6" groupId="grp-2" itemId="grp-2_itm-2" isActive={activeItem === 'grp-2_itm-2'}>
+            <NavItem
+              preventDefault
+              to="#mixed-6"
+              groupId="grp-2"
+              itemId="grp-2_itm-2"
+              isActive={activeItem === 'grp-2_itm-2'}
+            >
               Link 2
             </NavItem>
-            <NavItem preventDefault to="#mixed-7" groupId="grp-2" itemId="grp-2_itm-3" isActive={activeItem === 'grp-2_itm-3'}>
+            <NavItem
+              preventDefault
+              to="#mixed-7"
+              groupId="grp-2"
+              itemId="grp-2_itm-3"
+              isActive={activeItem === 'grp-2_itm-3'}
+            >
               Link 3
             </NavItem>
           </NavExpandable>
diff --git a/packages/patternfly-4/react-core/src/components/Nav/examples/NavSimpleList.js b/packages/patternfly-4/react-core/src/components/Nav/examples/NavSimpleList.js
index a375469151b..82c6903d2b3 100644
--- a/packages/patternfly-4/react-core/src/components/Nav/examples/NavSimpleList.js
+++ b/packages/patternfly-4/react-core/src/components/Nav/examples/NavSimpleList.js
@@ -23,7 +23,7 @@ class NavSimpleList extends React.Component {
           <NavItem preventDefault to="#simple-link2" itemId={1} isActive={activeItem === 1}>
             Link 2
           </NavItem>
-          <NavItem preventDefault to="#simple-link3" itemId={2} isActive={activeItem === 2} isSeparated={true}>
+          <NavItem preventDefault to="#simple-link3" itemId={2} isActive={activeItem === 2} isSeparated>
             Link 3 with separator
           </NavItem>
           <NavItem preventDefault to="#simple-link4" itemId={3} isActive={activeItem === 3}>
diff --git a/packages/patternfly-4/react-core/src/components/Page/PageHeader.js b/packages/patternfly-4/react-core/src/components/Page/PageHeader.js
index 31d3dc43bd7..dad161b4b05 100644
--- a/packages/patternfly-4/react-core/src/components/Page/PageHeader.js
+++ b/packages/patternfly-4/react-core/src/components/Page/PageHeader.js
@@ -40,7 +40,7 @@ const defaultProps = {
   showNavToggle: false,
   isNavOpen: true,
   onNavToggle: () => undefined,
-  'aria-label': "Global navigation",
+  'aria-label': 'Global navigation'
 };
 
 const PageHeader = ({
diff --git a/packages/patternfly-4/react-core/src/components/Progress/examples/LabeledProgress.js b/packages/patternfly-4/react-core/src/components/Progress/examples/LabeledProgress.js
index ed21c524ab0..7d07638d89c 100644
--- a/packages/patternfly-4/react-core/src/components/Progress/examples/LabeledProgress.js
+++ b/packages/patternfly-4/react-core/src/components/Progress/examples/LabeledProgress.js
@@ -3,7 +3,14 @@ import { Progress, ProgressMeasureLocation } from '@patternfly/react-core';
 
 class LabeledProgress extends React.Component {
   render() {
-    return <Progress value={33} title="Descriptive text here" measureLocation={ProgressMeasureLocation.top} label="Some label" />;
+    return (
+      <Progress
+        value={33}
+        title="Descriptive text here"
+        measureLocation={ProgressMeasureLocation.top}
+        label="Some label"
+      />
+    );
   }
 }
 
diff --git a/packages/patternfly-4/react-core/src/components/Radio/Radio.docs.js b/packages/patternfly-4/react-core/src/components/Radio/Radio.docs.js
index 6f4e04752f3..fe5de0a9c4a 100644
--- a/packages/patternfly-4/react-core/src/components/Radio/Radio.docs.js
+++ b/packages/patternfly-4/react-core/src/components/Radio/Radio.docs.js
@@ -12,6 +12,6 @@ export default {
   examples: [
     { component: Controlled, title: 'Controlled Radio' },
     { component: Uncontrolled, title: 'Uncontrolled Radio' },
-    { component: Disabled, title: 'Disabled Radio' },
+    { component: Disabled, title: 'Disabled Radio' }
   ]
 };
diff --git a/packages/patternfly-4/react-core/src/components/Radio/Radio.js b/packages/patternfly-4/react-core/src/components/Radio/Radio.js
index 5c1bc052afa..c5dc1a0a84c 100644
--- a/packages/patternfly-4/react-core/src/components/Radio/Radio.js
+++ b/packages/patternfly-4/react-core/src/components/Radio/Radio.js
@@ -46,7 +46,17 @@ class Radio extends React.Component {
   };
 
   render() {
-    const { 'aria-label': ariaLabel, className, onChange, isValid, isDisabled, isChecked, label, checked, ...props } = this.props;
+    const {
+      'aria-label': ariaLabel,
+      className,
+      onChange,
+      isValid,
+      isDisabled,
+      isChecked,
+      label,
+      checked,
+      ...props
+    } = this.props;
     return (
       <div className={css(styles.radio, className)}>
         <input
diff --git a/packages/patternfly-4/react-core/src/components/Radio/examples/DisabledRadio.js b/packages/patternfly-4/react-core/src/components/Radio/examples/DisabledRadio.js
index 3ece0461b73..fe4e63964e2 100644
--- a/packages/patternfly-4/react-core/src/components/Radio/examples/DisabledRadio.js
+++ b/packages/patternfly-4/react-core/src/components/Radio/examples/DisabledRadio.js
@@ -5,19 +5,8 @@ class DisabledRadio extends React.Component {
   render() {
     return (
       <React.Fragment>
-        <Radio
-          label="Disabled checked radio example"
-          defaultChecked
-          isDisabled
-          name="group-1"
-          id="radio-disabled"
-        />{' '}
-        <Radio
-          id="radio-disabled-2"
-          label="Disabled radio example"
-          isDisabled
-          name="group-2"
-        />
+        <Radio label="Disabled checked radio example" defaultChecked isDisabled name="group-1" id="radio-disabled" />{' '}
+        <Radio id="radio-disabled-2" label="Disabled radio example" isDisabled name="group-2" />
       </React.Fragment>
     );
   }
diff --git a/packages/patternfly-4/react-core/src/components/Radio/examples/UncontrolledRadio.js b/packages/patternfly-4/react-core/src/components/Radio/examples/UncontrolledRadio.js
index 29cfe0a5aa4..fb71f738b0d 100644
--- a/packages/patternfly-4/react-core/src/components/Radio/examples/UncontrolledRadio.js
+++ b/packages/patternfly-4/react-core/src/components/Radio/examples/UncontrolledRadio.js
@@ -3,10 +3,12 @@ import { Radio } from '@patternfly/react-core';
 
 class UncontrolledRadio extends React.Component {
   render() {
-    return <React.Fragment>
-      <Radio label="Uncontrolled radio example" id="radio-4" name="radio-4" />
-      <Radio label="Uncontrolled radio example" id="radio-5" name="radio-4" />
-    </React.Fragment>;
+    return (
+      <React.Fragment>
+        <Radio label="Uncontrolled radio example" id="radio-4" name="radio-4" />
+        <Radio label="Uncontrolled radio example" id="radio-5" name="radio-4" />
+      </React.Fragment>
+    );
   }
 }
 
diff --git a/packages/patternfly-4/react-core/src/components/Switch/examples/DisabledSwitch.js b/packages/patternfly-4/react-core/src/components/Switch/examples/DisabledSwitch.js
index 75d529ce62b..911b8d4cf54 100644
--- a/packages/patternfly-4/react-core/src/components/Switch/examples/DisabledSwitch.js
+++ b/packages/patternfly-4/react-core/src/components/Switch/examples/DisabledSwitch.js
@@ -5,13 +5,7 @@ class DisabledSwitch extends React.Component {
   render() {
     return (
       <React.Fragment>
-        <Switch
-          id="disabled-switch-on"
-          aria-label="disabled checked switch example"
-          label="On"
-          isChecked
-          isDisabled
-        />
+        <Switch id="disabled-switch-on" aria-label="disabled checked switch example" label="On" isChecked isDisabled />
         <br />
         <Switch
           id="disabled-switch-off"
diff --git a/packages/patternfly-4/react-core/src/components/Switch/examples/NoLabelSwitch.js b/packages/patternfly-4/react-core/src/components/Switch/examples/NoLabelSwitch.js
index af697612344..5ec6938b6ab 100644
--- a/packages/patternfly-4/react-core/src/components/Switch/examples/NoLabelSwitch.js
+++ b/packages/patternfly-4/react-core/src/components/Switch/examples/NoLabelSwitch.js
@@ -13,12 +13,12 @@ class NoLabelSwitch extends React.Component {
   render() {
     const { isChecked } = this.state;
     return (
-        <Switch
-          id="no-label-switch-on"
-          aria-label="no label checked switch example"
-          isChecked={isChecked}
-          onChange={this.handleChange}
-        />
+      <Switch
+        id="no-label-switch-on"
+        aria-label="no label checked switch example"
+        isChecked={isChecked}
+        onChange={this.handleChange}
+      />
     );
   }
 }
diff --git a/packages/patternfly-4/react-core/src/components/Switch/examples/UncontrolledSwitch.js b/packages/patternfly-4/react-core/src/components/Switch/examples/UncontrolledSwitch.js
index 68bcb223e3e..81d61383330 100644
--- a/packages/patternfly-4/react-core/src/components/Switch/examples/UncontrolledSwitch.js
+++ b/packages/patternfly-4/react-core/src/components/Switch/examples/UncontrolledSwitch.js
@@ -5,19 +5,9 @@ class UncontrolledSwitch extends React.Component {
   render() {
     return (
       <React.Fragment>
-        <Switch
-          id="uncontrolled-switch-on"
-          aria-label="uncontrolled checked switch example"
-          label="On"
-          isChecked
-        />
+        <Switch id="uncontrolled-switch-on" aria-label="uncontrolled checked switch example" label="On" isChecked />
         <br />
-        <Switch
-          id="uncontrolled-switch-off"
-          aria-label="uncontrolled switch example"
-          label="Off"
-          isChecked={false}
-        />
+        <Switch id="uncontrolled-switch-off" aria-label="uncontrolled switch example" label="Off" isChecked={false} />
         <br />
         <Switch
           id="uncontrolled-no-label-switch-on"
diff --git a/packages/patternfly-4/react-core/src/components/Title/Title.test.js b/packages/patternfly-4/react-core/src/components/Title/Title.test.js
index 8959f35edca..b928790fc63 100644
--- a/packages/patternfly-4/react-core/src/components/Title/Title.test.js
+++ b/packages/patternfly-4/react-core/src/components/Title/Title.test.js
@@ -10,13 +10,17 @@ Object.values(TitleSize).forEach(size => {
 });
 
 test('Heading level defaults to h1', () => {
-  const view = shallow(<Title size='lg'>Default H1 heading</Title>);
+  const view = shallow(<Title size="lg">Default H1 heading</Title>);
   const isH1 = view.find('h1').length === 1;
   expect(isH1).toBe(true);
 });
 
 test('Heading level can be set to h3', () => {
-  const view = shallow(<Title size='lg' headingLevel="h3">H3 Heading</Title>);
+  const view = shallow(
+    <Title size="lg" headingLevel="h3">
+      H3 Heading
+    </Title>
+  );
   const isH3 = view.find('h3').length === 1;
   const isH1 = view.find('h1').length === 1;
   expect(isH1).toBe(false);
diff --git a/packages/patternfly-4/react-core/src/components/Tooltip/examples/SimpleTooltip.js b/packages/patternfly-4/react-core/src/components/Tooltip/examples/SimpleTooltip.js
index d4819e3c18d..71adc82b648 100644
--- a/packages/patternfly-4/react-core/src/components/Tooltip/examples/SimpleTooltip.js
+++ b/packages/patternfly-4/react-core/src/components/Tooltip/examples/SimpleTooltip.js
@@ -2,7 +2,6 @@ import React from 'react';
 import { Tooltip } from '@patternfly/react-core';
 
 class SimpleTooltip extends React.Component {
-
   render() {
     return (
       <Tooltip
diff --git a/packages/patternfly-4/react-core/src/demos/Toolbar/examples/ComplexToolbarDemo.js b/packages/patternfly-4/react-core/src/demos/Toolbar/examples/ComplexToolbarDemo.js
index f40ac5ab42f..60d2d73f085 100644
--- a/packages/patternfly-4/react-core/src/demos/Toolbar/examples/ComplexToolbarDemo.js
+++ b/packages/patternfly-4/react-core/src/demos/Toolbar/examples/ComplexToolbarDemo.js
@@ -73,10 +73,11 @@ class ComplexToolbarDemo extends React.Component {
           <DropdownItem key="item-1">Item 1</DropdownItem>,
           <DropdownItem key="item-2">Item 2</DropdownItem>,
           <DropdownItem key="item-3">Item 3</DropdownItem>,
-          <DropdownItem isDisabled key="all">All</DropdownItem>
+          <DropdownItem isDisabled key="all">
+            All
+          </DropdownItem>
         ]}
-      >
-      </Dropdown>
+      />
     );
   };
   buildKebab = () => {
@@ -92,14 +93,17 @@ class ComplexToolbarDemo extends React.Component {
         isPlain
         dropdownItems={[
           <DropdownItem key="link">Link</DropdownItem>,
-          <DropdownItem component="button" key="action_button">Action</DropdownItem>,
-          <DropdownItem isDisabled key="disabled_link">Disabled Link</DropdownItem>,
+          <DropdownItem component="button" key="action_button">
+            Action
+          </DropdownItem>,
+          <DropdownItem isDisabled key="disabled_link">
+            Disabled Link
+          </DropdownItem>,
           <DropdownItem isDisabled component="button" key="disabled_button">
             Disabled Action
-        </DropdownItem>
+          </DropdownItem>
         ]}
-      >
-      </Dropdown>
+      />
     );
   };
   render() {
diff --git a/packages/patternfly-4/react-core/src/demos/Toolbar/examples/SimpleToolbarDemo.js b/packages/patternfly-4/react-core/src/demos/Toolbar/examples/SimpleToolbarDemo.js
index 7baffd823fa..d89510fc529 100644
--- a/packages/patternfly-4/react-core/src/demos/Toolbar/examples/SimpleToolbarDemo.js
+++ b/packages/patternfly-4/react-core/src/demos/Toolbar/examples/SimpleToolbarDemo.js
@@ -72,10 +72,11 @@ class SimpleToolbarDemo extends React.Component {
           <DropdownItem key="item-1">Item 1</DropdownItem>,
           <DropdownItem key="item2">Item 2</DropdownItem>,
           <DropdownItem key="item-3">Item 3</DropdownItem>,
-          <DropdownItem isDisabled key="all">All</DropdownItem>
+          <DropdownItem isDisabled key="all">
+            All
+          </DropdownItem>
         ]}
-      >
-      </Dropdown>
+      />
     );
   };
   buildKebab = () => {
@@ -91,14 +92,17 @@ class SimpleToolbarDemo extends React.Component {
         isPlain
         dropdownItems={[
           <DropdownItem key="link">Link</DropdownItem>,
-          <DropdownItem component="button" key="action-button">Action</DropdownItem>,
-          <DropdownItem isDisabled key="disabled-link">Disabled Link</DropdownItem>,
+          <DropdownItem component="button" key="action-button">
+            Action
+          </DropdownItem>,
+          <DropdownItem isDisabled key="disabled-link">
+            Disabled Link
+          </DropdownItem>,
           <DropdownItem isDisabled component="button" key="disabled-button">
             Disabled Action
           </DropdownItem>
         ]}
-      >
-      </Dropdown>
+      />
     );
   };
   render() {
diff --git a/packages/patternfly-4/react-core/src/helpers/util.test.js b/packages/patternfly-4/react-core/src/helpers/util.test.js
index be7454edca9..945a21b29be 100644
--- a/packages/patternfly-4/react-core/src/helpers/util.test.js
+++ b/packages/patternfly-4/react-core/src/helpers/util.test.js
@@ -79,13 +79,15 @@ test('sideElementIsOutOfView Returns NONE when in view', () => {
 describe('keyHandler works on ApplicationLauncher', () => {
   document.body.innerHTML = '<!doctype html><html><body></body></html>';
   const dropdownItems = [
-    <DropdownItem key="link" id="first">Link</DropdownItem>,
+    <DropdownItem key="link" id="first">
+      Link
+    </DropdownItem>,
     <DropdownItem key="action" id="second" component="button">
       Action
     </DropdownItem>,
     <DropdownItem key="disabled link" id="third" isDisabled>
       Disabled Link
-    </DropdownItem>,
+    </DropdownItem>
   ];
   const view = mount(<ApplicationLauncher dropdownItems={dropdownItems} isOpen />, {
     attachTo: document.getElementsByName('div')[0]
@@ -95,7 +97,11 @@ describe('keyHandler works on ApplicationLauncher', () => {
   const thirdDropdownItem = view.find('#third').first();
 
   test('keyHandler advances forward', () => {
-    firstDropdownItem.simulate('keydown', { key: 'ArrowDown', keyCode: KEY_CODES.ARROW_DOWN, which: KEY_CODES.ARROW_DOWN });
+    firstDropdownItem.simulate('keydown', {
+      key: 'ArrowDown',
+      keyCode: KEY_CODES.ARROW_DOWN,
+      which: KEY_CODES.ARROW_DOWN
+    });
     expect(secondDropdownItem === document.activeElement);
   });
 
@@ -105,11 +111,15 @@ describe('keyHandler works on ApplicationLauncher', () => {
   });
 
   test('keyHandler skips disabled items and loops down to top', () => {
-    secondDropdownItem.simulate('keydown', { key: 'ArrowDown', keyCode: KEY_CODES.ARROW_DOWN, which: KEY_CODES.ARROW_DOWN });
+    secondDropdownItem.simulate('keydown', {
+      key: 'ArrowDown',
+      keyCode: KEY_CODES.ARROW_DOWN,
+      which: KEY_CODES.ARROW_DOWN
+    });
     expect(firstDropdownItem === document.activeElement);
   });
 
-   test('keyHandler loops top to bottom', () => {
+  test('keyHandler loops top to bottom', () => {
     firstDropdownItem.simulate('keydown', { key: 'ArrowUp', keyCode: KEY_CODES.ARROW_UP, which: KEY_CODES.ARROW_UP });
     expect(secondDropdownItem === document.activeElement);
   });
@@ -118,23 +128,32 @@ describe('keyHandler works on ApplicationLauncher', () => {
 describe('keyHandler works on Dropdown', () => {
   document.body.innerHTML = '<!doctype html><html><body></body></html>';
   const dropdownItems = [
-    <DropdownItem key="link" id="first">Link</DropdownItem>,
+    <DropdownItem key="link" id="first">
+      Link
+    </DropdownItem>,
     <DropdownItem key="action" id="second" component="button">
       Action
     </DropdownItem>,
     <DropdownItem key="disabled link" id="third" isDisabled>
       Disabled Link
-    </DropdownItem>,
+    </DropdownItem>
   ];
-  const view = mount(<Dropdown dropdownItems={dropdownItems} isOpen toggle={<DropdownToggle>Expanded Dropdown</DropdownToggle>} />, {
-    attachTo: document.getElementsByName('div')[0]
-  });
+  const view = mount(
+    <Dropdown dropdownItems={dropdownItems} isOpen toggle={<DropdownToggle>Expanded Dropdown</DropdownToggle>} />,
+    {
+      attachTo: document.getElementsByName('div')[0]
+    }
+  );
   const firstDropdownItem = view.find('#first').first();
   const secondDropdownItem = view.find('#second').first();
   const thirdDropdownItem = view.find('#third').first();
 
   test('keyHandler advances forward', () => {
-    firstDropdownItem.simulate('keydown', { key: 'ArrowDown', keyCode: KEY_CODES.ARROW_DOWN, which: KEY_CODES.ARROW_DOWN });
+    firstDropdownItem.simulate('keydown', {
+      key: 'ArrowDown',
+      keyCode: KEY_CODES.ARROW_DOWN,
+      which: KEY_CODES.ARROW_DOWN
+    });
     expect(secondDropdownItem === document.activeElement);
   });
 
@@ -144,13 +163,16 @@ describe('keyHandler works on Dropdown', () => {
   });
 
   test('keyHandler skips disabled items and loops down to top', () => {
-    secondDropdownItem.simulate('keydown', { key: 'ArrowDown', keyCode: KEY_CODES.ARROW_DOWN, which: KEY_CODES.ARROW_DOWN });
+    secondDropdownItem.simulate('keydown', {
+      key: 'ArrowDown',
+      keyCode: KEY_CODES.ARROW_DOWN,
+      which: KEY_CODES.ARROW_DOWN
+    });
     expect(firstDropdownItem === document.activeElement);
   });
 
-   test('keyHandler loops top to bottom', () => {
+  test('keyHandler loops top to bottom', () => {
     firstDropdownItem.simulate('keydown', { key: 'ArrowUp', keyCode: KEY_CODES.ARROW_UP, which: KEY_CODES.ARROW_UP });
     expect(secondDropdownItem === document.activeElement);
   });
 });
-
diff --git a/packages/patternfly-4/react-docs/src/components/componentDocs/componentDocs.js b/packages/patternfly-4/react-docs/src/components/componentDocs/componentDocs.js
index beb36ed0cd9..0d416802fe2 100644
--- a/packages/patternfly-4/react-docs/src/components/componentDocs/componentDocs.js
+++ b/packages/patternfly-4/react-docs/src/components/componentDocs/componentDocs.js
@@ -112,7 +112,6 @@ class ComponentDocs extends React.PureComponent {
 ComponentDocs.propTypes = propTypes;
 ComponentDocs.defaultProps = defaultProps;
 
-
 export default props => (
   <StaticQuery
     query={graphql`
diff --git a/packages/patternfly-4/react-docs/src/components/example/example.js b/packages/patternfly-4/react-docs/src/components/example/example.js
index cbbb9d2116f..b0317000ee9 100644
--- a/packages/patternfly-4/react-docs/src/components/example/example.js
+++ b/packages/patternfly-4/react-docs/src/components/example/example.js
@@ -104,13 +104,13 @@ const Example = ({
           />
         </React.Fragment>
       ) : (
-          <React.Fragment>
-            <div className={css(className, styles.example)} {...props}>
-              {children}
-            </div>
-            <LiveDemo raw={raw.trim()} path={examplePath} live={false} />
-          </React.Fragment>
-        )}
+        <React.Fragment>
+          <div className={css(className, styles.example)} {...props}>
+            {children}
+          </div>
+          <LiveDemo raw={raw.trim()} path={examplePath} live={false} />
+        </React.Fragment>
+      )}
     </div>
   );
 };
diff --git a/packages/patternfly-4/react-docs/src/components/example/liveDemo.js b/packages/patternfly-4/react-docs/src/components/example/liveDemo.js
index 438732600c6..0ef204d6e00 100644
--- a/packages/patternfly-4/react-docs/src/components/example/liveDemo.js
+++ b/packages/patternfly-4/react-docs/src/components/example/liveDemo.js
@@ -31,7 +31,15 @@ const defaultProps = {
   liveScope: {}
 };
 
-const scopePlayground = { React, ...ChartComponents, ...TableComponents, ...StyledSystemComponents, ...CoreComponents, ...CoreIcons, css };
+const scopePlayground = {
+  React,
+  ...ChartComponents,
+  ...TableComponents,
+  ...StyledSystemComponents,
+  ...CoreComponents,
+  ...CoreIcons,
+  css
+};
 
 const transformCode = code => {
   try {
@@ -104,10 +112,9 @@ class LiveDemo extends React.Component {
         scope[importName] = image.file;
       }
     }
-    const darkThemeClasses =
-      classNames({
-        'pf-t-dark pf-m-opaque-200': isDarkTheme,
-      })
+    const darkThemeClasses = classNames({
+      'pf-t-dark pf-m-opaque-200': isDarkTheme
+    });
 
     return (
       <Section>
diff --git a/packages/patternfly-4/react-docs/src/components/layouts/index.js b/packages/patternfly-4/react-docs/src/components/layouts/index.js
index f1b86d3aa57..2f0d750e194 100644
--- a/packages/patternfly-4/react-docs/src/components/layouts/index.js
+++ b/packages/patternfly-4/react-docs/src/components/layouts/index.js
@@ -37,27 +37,27 @@ const DocsLayout = ({ children, data }) => {
   const getPackage = label => DocsFiles[`${label.toLowerCase()}_package`].substr(6);
   const componentRoutes = data.componentPages
     ? data.componentPages.edges.map(e => ({
-      to: e.node.path,
-      label: e.node.fields.label,
-      pkg: getPackage(e.node.fields.label),
-      components: componentMapper(e.node.path, e.node.fields.label)
-    }))
+        to: e.node.path,
+        label: e.node.fields.label,
+        pkg: getPackage(e.node.fields.label),
+        components: componentMapper(e.node.path, e.node.fields.label)
+      }))
     : [];
 
   const layoutRoutes = data.layoutPages
     ? data.layoutPages.edges.map(e => ({
-      to: e.node.path,
-      label: e.node.fields.label,
-      pkg: getPackage(e.node.fields.label),
-      components: componentMapper(e.node.path, e.node.fields.label)
-    }))
+        to: e.node.path,
+        label: e.node.fields.label,
+        pkg: getPackage(e.node.fields.label),
+        components: componentMapper(e.node.path, e.node.fields.label)
+      }))
     : [];
 
   const demoRoutes = data.demoPages
     ? data.demoPages.edges.map(e => ({
-      to: e.node.path,
-      label: e.node.fields.label
-    }))
+        to: e.node.path,
+        label: e.node.fields.label
+      }))
     : [];
 
   return (
diff --git a/packages/patternfly-4/react-docs/src/components/navigation/navigation.js b/packages/patternfly-4/react-docs/src/components/navigation/navigation.js
index 8057a894a25..d6d5afbce47 100644
--- a/packages/patternfly-4/react-docs/src/components/navigation/navigation.js
+++ b/packages/patternfly-4/react-docs/src/components/navigation/navigation.js
@@ -6,11 +6,7 @@ import PropTypes from 'prop-types';
 import logo from '../../assets/logo.png';
 import NavigationItemGroup from './navigationItemGroup';
 import NavigationItem from './navigationItem';
-import {
-  Form,
-  FormGroup,
-  TextInput
-} from '@patternfly/react-core';
+import { Form, FormGroup, TextInput } from '@patternfly/react-core';
 
 const routeShape = PropTypes.shape({
   to: PropTypes.string.isRequired,
@@ -70,10 +66,14 @@ class Navigation extends React.Component {
               <img src={logo} alt="PatternFly Logo" />
             </Link>
           </div>
-          <Form className={css(styles.search)} onSubmit={event => { event.preventDefault(); return false; }}>
-            <FormGroup
-              label="Search Components"
-              fieldId="primaryComponentSearch">
+          <Form
+            className={css(styles.search)}
+            onSubmit={event => {
+              event.preventDefault();
+              return false;
+            }}
+          >
+            <FormGroup label="Search Components" fieldId="primaryComponentSearch">
               <TextInput
                 type="text"
                 id="primaryComponentSearch"
@@ -85,8 +85,12 @@ class Navigation extends React.Component {
             </FormGroup>
           </Form>
           <NavigationItemGroup title="Style">
-            <NavigationItem to="/styles/tokens" pkg="tokens">Tokens</NavigationItem>
-            <NavigationItem to="/styles/icons" pkg="icons">Icons</NavigationItem>
+            <NavigationItem to="/styles/tokens" pkg="tokens">
+              Tokens
+            </NavigationItem>
+            <NavigationItem to="/styles/icons" pkg="icons">
+              Icons
+            </NavigationItem>
           </NavigationItemGroup>
           {Boolean(filteredComponentRoutes.length) && (
             <NavigationItemGroup title="Components">
diff --git a/packages/patternfly-4/react-docs/src/components/navigation/navigationItem.js b/packages/patternfly-4/react-docs/src/components/navigation/navigationItem.js
index 72d6ae0c650..2b9677a0f3a 100644
--- a/packages/patternfly-4/react-docs/src/components/navigation/navigationItem.js
+++ b/packages/patternfly-4/react-docs/src/components/navigation/navigationItem.js
@@ -27,7 +27,8 @@ const NavigationItem = ({ to, children, pkg, components }) => (
       className={css(styles.navigationItem)}
       activeClassName={css(styles.active)}
       to={to}
-      aria-describedby={navItemDescriptorId(children)}>
+      aria-describedby={navItemDescriptorId(children)}
+    >
       {children}
     </Link>
     <a
@@ -36,7 +37,8 @@ const NavigationItem = ({ to, children, pkg, components }) => (
       rel="noopener noreferrer"
       href={`${pathPrefix}${getPkgPrefix(pkg)}`}
       id={navItemDescriptorId(children)}
-      aria-label={navItemDescriptor(pkg)}>
+      aria-label={navItemDescriptor(pkg)}
+    >
       {pkg}
     </a>
     {components &&
diff --git a/packages/patternfly-4/react-docs/src/components/navigation/navigationItemGroup.js b/packages/patternfly-4/react-docs/src/components/navigation/navigationItemGroup.js
index 57ef24505db..18ec9976d40 100644
--- a/packages/patternfly-4/react-docs/src/components/navigation/navigationItemGroup.js
+++ b/packages/patternfly-4/react-docs/src/components/navigation/navigationItemGroup.js
@@ -20,9 +20,7 @@ class NavigationItemGroup extends React.Component {
 
     return (
       <nav>
-        <div className={css(styles.title)}>
-          {title}
-        </div>
+        <div className={css(styles.title)}>{title}</div>
         <ul>{children}</ul>
       </nav>
     );
diff --git a/packages/patternfly-4/react-styled-system/src/components/StyledSystem/StyledSystem.test.js b/packages/patternfly-4/react-styled-system/src/components/StyledSystem/StyledSystem.test.js
index d0d7e75e4ae..189c5f2a64c 100644
--- a/packages/patternfly-4/react-styled-system/src/components/StyledSystem/StyledSystem.test.js
+++ b/packages/patternfly-4/react-styled-system/src/components/StyledSystem/StyledSystem.test.js
@@ -29,4 +29,4 @@ test('StyledText test', () => {
   const view = shallow(<StyledText {...props}>Styled Text</StyledText>);
   // Add a useful assertion here.
   expect(view).toMatchSnapshot();
-});
\ No newline at end of file
+});
diff --git a/packages/patternfly-4/react-styled-system/src/components/StyledSystem/StyledTheme.js b/packages/patternfly-4/react-styled-system/src/components/StyledSystem/StyledTheme.js
index 365768bf5b5..3853d0b8f6d 100644
--- a/packages/patternfly-4/react-styled-system/src/components/StyledSystem/StyledTheme.js
+++ b/packages/patternfly-4/react-styled-system/src/components/StyledSystem/StyledTheme.js
@@ -287,8 +287,10 @@ export const StyledTheme = {
     bg_light_300: global_BackgroundColor_light_300 && global_BackgroundColor_light_300.var,
     bg_dark_100: global_BackgroundColor_dark_100 && global_BackgroundColor_dark_100.var,
     bg_dark_200: global_BackgroundColor_dark_200 && global_BackgroundColor_dark_200.var,
-    bg_dark_transparent_100: global_BackgroundColor_dark_transparent_100 && global_BackgroundColor_dark_transparent_100.var,
-    bg_dark_transparent_200: global_BackgroundColor_dark_transparent_200 && global_BackgroundColor_dark_transparent_200.var,
+    bg_dark_transparent_100:
+      global_BackgroundColor_dark_transparent_100 && global_BackgroundColor_dark_transparent_100.var,
+    bg_dark_transparent_200:
+      global_BackgroundColor_dark_transparent_200 && global_BackgroundColor_dark_transparent_200.var,
     color_100: global_Color_100 && global_Color_100.var,
     color_200: global_Color_200 && global_Color_200.var,
     light_100: global_Color_light_100 && global_Color_light_100.var,
diff --git a/packages/patternfly-4/react-styled-system/src/components/StyledSystem/examples/FlexStyles.js b/packages/patternfly-4/react-styled-system/src/components/StyledSystem/examples/FlexStyles.js
index 9057bce3870..696e72e55c3 100644
--- a/packages/patternfly-4/react-styled-system/src/components/StyledSystem/examples/FlexStyles.js
+++ b/packages/patternfly-4/react-styled-system/src/components/StyledSystem/examples/FlexStyles.js
@@ -1,5 +1,11 @@
 import React from 'react';
-import { PatternFlyThemeProvider, StyledConstants, StyledBox, StyledFlex, StyledText } from '@patternfly/react-styled-system';
+import {
+  PatternFlyThemeProvider,
+  StyledConstants,
+  StyledBox,
+  StyledFlex,
+  StyledText
+} from '@patternfly/react-styled-system';
 
 class FlexStyles extends React.Component {
   render() {
diff --git a/packages/patternfly-4/react-styled-system/src/components/StyledSystem/examples/FontSizeStyles.js b/packages/patternfly-4/react-styled-system/src/components/StyledSystem/examples/FontSizeStyles.js
index be02740217b..d9a26eaec27 100644
--- a/packages/patternfly-4/react-styled-system/src/components/StyledSystem/examples/FontSizeStyles.js
+++ b/packages/patternfly-4/react-styled-system/src/components/StyledSystem/examples/FontSizeStyles.js
@@ -9,7 +9,8 @@ class FontSizeStyles extends React.Component {
         <React.Fragment>
           <StyledText fontSize={fontSizes.lg}>Large font size</StyledText>
           <StyledText fontSize={[fontSizes.xs, fontSizes.lg, fontSizes.xxxxl]}>
-            Extra small font for small viewports, large for the next breakpoint, and 4xl font from the 3rd breakpoint and up
+            Extra small font for small viewports, large for the next breakpoint, and 4xl font from the 3rd breakpoint
+            and up
           </StyledText>
         </React.Fragment>
       </PatternFlyThemeProvider>
diff --git a/packages/patternfly-4/react-styled-system/src/components/StyledSystem/examples/ResponsiveStyles.js b/packages/patternfly-4/react-styled-system/src/components/StyledSystem/examples/ResponsiveStyles.js
index 003ca138851..0931b058b0f 100644
--- a/packages/patternfly-4/react-styled-system/src/components/StyledSystem/examples/ResponsiveStyles.js
+++ b/packages/patternfly-4/react-styled-system/src/components/StyledSystem/examples/ResponsiveStyles.js
@@ -9,8 +9,8 @@ class ResponsiveStyles extends React.Component {
       <PatternFlyThemeProvider>
         <StyledBox pb={space.md}>
           <StyledText py={space.md}>
-            In this example, the Box widths are: 100% below the smallest breakpoint, 50% from the next breakpoint and up,
-            25% from the next breakpoint and up
+            In this example, the Box widths are: 100% below the smallest breakpoint, 50% from the next breakpoint and
+            up, 25% from the next breakpoint and up
           </StyledText>
           <StyledBox width={[1, 1 / 2, 1 / 4]} height={50} bg={colors.success_100} display="inline-block" />
           <StyledBox width={[1, 1 / 2, 1 / 4]} height={50} bg={colors.info_100} display="inline-block" />
diff --git a/packages/patternfly-4/react-table/src/components/Table/ActionsColumn.js b/packages/patternfly-4/react-table/src/components/Table/ActionsColumn.js
index 3d5e49a5ca1..adcab32fcbe 100644
--- a/packages/patternfly-4/react-table/src/components/Table/ActionsColumn.js
+++ b/packages/patternfly-4/react-table/src/components/Table/ActionsColumn.js
@@ -1,6 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Dropdown, KebabToggle, DropdownItem, DropdownSeparator, DropdownPosition, DropdownDirection } from '@patternfly/react-core';
+import {
+  Dropdown,
+  KebabToggle,
+  DropdownItem,
+  DropdownSeparator,
+  DropdownPosition,
+  DropdownDirection
+} from '@patternfly/react-core';
 
 const propTypes = {
   children: PropTypes.node,
@@ -50,14 +57,23 @@ class ActionsColumn extends React.Component {
           position={dropdownPosition}
           direction={dropdownDirection}
           isOpen={isOpen}
-          dropdownItems={items.map(({ title, itemKey, onClick, isSeparator, ...props }, key) => (
-            isSeparator ?
-              <DropdownSeparator {...props} key={itemKey || key} data-key={itemKey || key} /> :
-              <DropdownItem onClick={(event) => this.onSelect(event, onClick)} {...props} key={itemKey || key} data-key={itemKey || key}>{title}</DropdownItem>
-          ))}
+          dropdownItems={items.map(
+            ({ title, itemKey, onClick, isSeparator, ...props }, key) =>
+              isSeparator ? (
+                <DropdownSeparator {...props} key={itemKey || key} data-key={itemKey || key} />
+              ) : (
+                <DropdownItem
+                  onClick={event => this.onSelect(event, onClick)}
+                  {...props}
+                  key={itemKey || key}
+                  data-key={itemKey || key}
+                >
+                  {title}
+                </DropdownItem>
+              )
+          )}
           isPlain
-        >
-        </Dropdown>
+        />
         {children}
       </React.Fragment>
     );
diff --git a/packages/patternfly-4/react-table/src/components/Table/Body.js b/packages/patternfly-4/react-table/src/components/Table/Body.js
index 1893b0adc2c..44c9c2f78c6 100644
--- a/packages/patternfly-4/react-table/src/components/Table/Body.js
+++ b/packages/patternfly-4/react-table/src/components/Table/Body.js
@@ -21,58 +21,77 @@ const defaultProps = {
 class ContextBody extends React.Component {
   onRow = (row, props) => {
     const { onRowClick } = this.props;
-    return ({
+    return {
       isExpanded: row.isExpanded,
       isOpen: row.isOpen,
-      onClick: (event) => onRowClick(event, row, props)
-    });
-  }
+      onClick: event => onRowClick(event, row, props)
+    };
+  };
 
   parentsExpanded(parentId) {
     const { rows } = this.props;
-    return rows[parentId].hasOwnProperty('parent') ? this.parentsExpanded(rows[parentId].parent) : rows[parentId].isOpen;
+    return rows[parentId].hasOwnProperty('parent')
+      ? this.parentsExpanded(rows[parentId].parent)
+      : rows[parentId].isOpen;
   }
 
   mapCells = (row, rowKey) => {
     const { headerData } = this.props;
     let shiftKey = Boolean(headerData[0] && headerData[0].extraParams.onSelect);
     shiftKey += Boolean(headerData[0] && headerData[0].extraParams.onCollapse);
-    return ({
+    return {
       ...row,
-      ...row && (row.cells || row).reduce((acc, curr, key) => {
-        const currShift = shiftKey;
-        if (curr.props && curr.props.colSpan) {
-          shiftKey += shiftKey + curr.props && curr.props.colSpan - 1;
-        }
-        return ({
-          ...acc,
-          ...{
-            [headerData[currShift + key].property]: {
-              title: curr.title || curr,
-              props: {
-                isVisible: true,
-                ...curr.props
-              }
+      ...(row &&
+        (row.cells || row).reduce(
+          (acc, curr, key) => {
+            const currShift = shiftKey;
+            if (curr.props && curr.props.colSpan) {
+              shiftKey += shiftKey + curr.props && curr.props.colSpan - 1;
             }
-          }
-        })
-      }, { id: row.id !== undefined ? row.id : rowKey })
-    })
-  }
+            return {
+              ...acc,
+              ...{
+                [headerData[currShift + key].property]: {
+                  title: curr.title || curr,
+                  props: {
+                    isVisible: true,
+                    ...curr.props
+                  }
+                }
+              }
+            };
+          },
+          { id: row.id !== undefined ? row.id : rowKey }
+        ))
+    };
+  };
 
   render() {
     const { className, headerData, rows, rowKey, children, onRowClick, ...props } = this.props;
-    const mappedRows = headerData.length !== 0 && rows.map((oneRow, oneRowKey) => ({
-      ...this.mapCells(oneRow, oneRowKey),
-      ...oneRow.parent !== undefined ? {
-        isExpanded: this.parentsExpanded(oneRow.parent) && rows[oneRow.parent].isOpen
-      } : {},
-    }));
+    const mappedRows =
+      headerData.length !== 0 &&
+      rows.map((oneRow, oneRowKey) => ({
+        ...this.mapCells(oneRow, oneRowKey),
+        ...(oneRow.parent !== undefined
+          ? {
+              isExpanded: this.parentsExpanded(oneRow.parent) && rows[oneRow.parent].isOpen
+            }
+          : {})
+      }));
     return (
       <React.Fragment>
-        {mappedRows && <Body {...props} mappedRows={mappedRows} rows={mappedRows} onRow={this.onRow} rowKey={rowKey} className={className} />}
+        {mappedRows && (
+          <Body
+            {...props}
+            mappedRows={mappedRows}
+            rows={mappedRows}
+            onRow={this.onRow}
+            rowKey={rowKey}
+            className={className}
+          />
+        )}
       </React.Fragment>
-    )
+    );
   }
 }
 
@@ -80,7 +99,7 @@ const TableBody = props => (
   <TableContext.Consumer>
     {({ headerData, rows }) => <ContextBody {...props} headerData={headerData} rows={rows} />}
   </TableContext.Consumer>
-)
+);
 
 TableBody.propTypes = propTypes;
 TableBody.defaultProps = defaultProps;
diff --git a/packages/patternfly-4/react-table/src/components/Table/BodyCell.js b/packages/patternfly-4/react-table/src/components/Table/BodyCell.js
index f2b0d99d74f..41fbdcb15d1 100644
--- a/packages/patternfly-4/react-table/src/components/Table/BodyCell.js
+++ b/packages/patternfly-4/react-table/src/components/Table/BodyCell.js
@@ -1,24 +1,24 @@
 import React from 'react';
-import PropsType from 'prop-types';
+import PropTypes from 'prop-types';
 
-const BodyCell = ({ ['data-label']: dataLabel, parentId, isVisible, component: Component, colSpan, ...props }) => {
+const BodyCell = ({ 'data-label': dataLabel, parentId, isVisible, component: Component, colSpan, ...props }) => {
   const mappedProps = {
-    ...dataLabel ? { 'data-label': dataLabel } : {},
+    ...(dataLabel ? { 'data-label': dataLabel } : {}),
     ...props
-  }
-  return (parentId !== undefined && colSpan === undefined) || !isVisible ?
-    null :
-    <Component {...mappedProps} colSpan={colSpan} />;
+  };
+  return (parentId !== undefined && colSpan === undefined) || !isVisible ? null : (
+    <Component {...mappedProps} colSpan={colSpan} />
+  );
 };
 
 BodyCell.propTypes = {
-  'data-label': PropsType.string,
-  component: PropsType.node
-}
+  'data-label': PropTypes.string,
+  component: PropTypes.node
+};
 
 BodyCell.defaultProps = {
   component: 'td',
   'data-label': ''
-}
+};
 
 export default BodyCell;
diff --git a/packages/patternfly-4/react-table/src/components/Table/BodyWrapper.js b/packages/patternfly-4/react-table/src/components/Table/BodyWrapper.js
index dfd626e4ddc..ef022364324 100644
--- a/packages/patternfly-4/react-table/src/components/Table/BodyWrapper.js
+++ b/packages/patternfly-4/react-table/src/components/Table/BodyWrapper.js
@@ -16,21 +16,19 @@ class BodyWrapper extends Component {
             </tbody>
           ))}
         </Fragment>
-      )
+      );
     }
-    return (
-      <tbody {...props} />
-    )
+    return <tbody {...props} />;
   }
 }
 
 BodyWrapper.propTypes = {
   rows: PropTypes.array,
   onCollapse: PropTypes.func
-}
+};
 
 BodyWrapper.defaultProps = {
   rows: []
-}
+};
 
 export default BodyWrapper;
diff --git a/packages/patternfly-4/react-table/src/components/Table/CollapseColumn.js b/packages/patternfly-4/react-table/src/components/Table/CollapseColumn.js
index 1c0c5b616d6..c7584b043b3 100644
--- a/packages/patternfly-4/react-table/src/components/Table/CollapseColumn.js
+++ b/packages/patternfly-4/react-table/src/components/Table/CollapseColumn.js
@@ -18,17 +18,18 @@ const defaultProps = {
 
 const CollapseColumn = ({ children, onToggle, isOpen, className, ...props }) => (
   <React.Fragment>
-    {isOpen !== undefined &&
-      <Button className={css(className, isOpen && styles.modifiers.expanded)}
+    {isOpen !== undefined && (
+      <Button
+        className={css(className, isOpen && styles.modifiers.expanded)}
         {...props}
         variant="plain"
         aria-label="Details"
         onClick={onToggle}
         aria-expanded={isOpen}
       >
-       { isOpen ? <AngleDownIcon /> : <AngleRightIcon /> }
+        {isOpen ? <AngleDownIcon /> : <AngleRightIcon />}
       </Button>
-    }
+    )}
     {children}
   </React.Fragment>
 );
diff --git a/packages/patternfly-4/react-table/src/components/Table/Header.js b/packages/patternfly-4/react-table/src/components/Table/Header.js
index 7e6db28a079..af8944f75a8 100644
--- a/packages/patternfly-4/react-table/src/components/Table/Header.js
+++ b/packages/patternfly-4/react-table/src/components/Table/Header.js
@@ -14,29 +14,16 @@ const defaultProps = {
 
 class ContextHeader extends React.Component {
   render() {
-    const {
-      className,
-      headerRows,
-      ...props
-    } = this.props;
-    return (
-      <Header {...props} headerRows={headerRows} className={className} />
-    );
+    const { className, headerRows, ...props } = this.props;
+    return <Header {...props} headerRows={headerRows} className={className} />;
   }
 }
 
-const TableHeader = ({ ...props }) => {
-  return (
-    <TableContext.Consumer>
-      {({ headerRows }) => (
-        <ContextHeader
-          {...props}
-          headerRows={headerRows}
-        />
-      )}
-    </TableContext.Consumer>
-  )
-};
+const TableHeader = ({ ...props }) => (
+  <TableContext.Consumer>
+    {({ headerRows }) => <ContextHeader {...props} headerRows={headerRows} />}
+  </TableContext.Consumer>
+);
 
 TableHeader.propTypes = propTypes;
 TableHeader.defaultProps = defaultProps;
diff --git a/packages/patternfly-4/react-table/src/components/Table/HeaderCell.js b/packages/patternfly-4/react-table/src/components/Table/HeaderCell.js
index ecb1bebd722..f43e7cc8e5a 100644
--- a/packages/patternfly-4/react-table/src/components/Table/HeaderCell.js
+++ b/packages/patternfly-4/react-table/src/components/Table/HeaderCell.js
@@ -1,24 +1,24 @@
 import React from 'react';
-import PropsType from 'prop-types';
+import PropTypes from 'prop-types';
 
-const HeaderCell = ({ ['data-label']: dataLabel, isVisible, scope, component: Component, ...props }) => {
+const HeaderCell = ({ 'data-label': dataLabel, isVisible, scope, component: Component, ...props }) => {
   const mappedProps = {
-    ...scope ? { scope } : {},
+    ...(scope ? { scope } : {}),
     ...props
-  }
+  };
   return <Component {...mappedProps} />;
 };
 
 HeaderCell.propTypes = {
-  'data-label': PropsType.string,
-  scope: PropsType.string,
-  component: PropsType.oneOfType([PropsType.string, PropsType.node, PropsType.number])
-}
+  'data-label': PropTypes.string,
+  scope: PropTypes.string,
+  component: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number])
+};
 
 HeaderCell.defaultProps = {
   scope: '',
   component: 'th',
   'data-label': ''
-}
+};
 
 export default HeaderCell;
diff --git a/packages/patternfly-4/react-table/src/components/Table/SelectColumn.js b/packages/patternfly-4/react-table/src/components/Table/SelectColumn.js
index 5f9ae783067..63914811f57 100644
--- a/packages/patternfly-4/react-table/src/components/Table/SelectColumn.js
+++ b/packages/patternfly-4/react-table/src/components/Table/SelectColumn.js
@@ -16,7 +16,7 @@ const defaultProps = {
 
 const SelectColumn = ({ children, className, onSelect, ...props }) => (
   <React.Fragment>
-    <input {...props} className={css(styles.checkInput)} type="checkbox" onChange={onSelect}></input>
+    <input {...props} className={css(styles.checkInput)} type="checkbox" onChange={onSelect} />
     {children}
   </React.Fragment>
 );
diff --git a/packages/patternfly-4/react-table/src/components/Table/SortColumn.js b/packages/patternfly-4/react-table/src/components/Table/SortColumn.js
index 60922e2f254..e9ae5694912 100644
--- a/packages/patternfly-4/react-table/src/components/Table/SortColumn.js
+++ b/packages/patternfly-4/react-table/src/components/Table/SortColumn.js
@@ -9,7 +9,7 @@ const propTypes = {
   className: PropTypes.string,
   isSortedBy: PropTypes.bool,
   onSort: PropTypes.func,
-  sortDirection: PropTypes.string,
+  sortDirection: PropTypes.string
 };
 const defaultProps = {
   children: null,
@@ -25,7 +25,11 @@ export const SortByDirection = {
 };
 
 const SortColumn = ({ isSortedBy, children, className, onSort, sortDirection, ...props }) => {
-  const SortedByIcon = isSortedBy ? (sortDirection === 'asc' ? LongArrowAltUpIcon : LongArrowAltDownIcon) : ArrowsAltVIcon;
+  const SortedByIcon = isSortedBy
+    ? sortDirection === 'asc'
+      ? LongArrowAltUpIcon
+      : LongArrowAltDownIcon
+    : ArrowsAltVIcon;
   return (
     <button {...props} className={css(className)} onClick={event => onSort && onSort(event)}>
       {children}
diff --git a/packages/patternfly-4/react-table/src/components/Table/Table.api.test.js b/packages/patternfly-4/react-table/src/components/Table/Table.api.test.js
index 44cc00ab3f6..cc6e33ad282 100644
--- a/packages/patternfly-4/react-table/src/components/Table/Table.api.test.js
+++ b/packages/patternfly-4/react-table/src/components/Table/Table.api.test.js
@@ -16,8 +16,11 @@ describe('Collapsible table', () => {
         <TableBody />
       </Table>
     );
-    view.find('.pf-c-table__toggle button').first().simulate('click');
-    expect(onCollapse.mock.calls.length).toBe(1);
+    view
+      .find('.pf-c-table__toggle button')
+      .first()
+      .simulate('click');
+    expect(onCollapse.mock.calls).toHaveLength(1);
   });
 });
 
@@ -30,8 +33,11 @@ describe('Selectable table', () => {
         <TableBody />
       </Table>
     );
-    view.find('tbody .pf-c-table__check input').first().simulate('change');
-    expect(onSelect.mock.calls.length).toBe(1);
+    view
+      .find('tbody .pf-c-table__check input')
+      .first()
+      .simulate('change');
+    expect(onSelect.mock.calls).toHaveLength(1);
   });
 });
 
@@ -45,9 +51,12 @@ describe('Sortable table', () => {
       <Table caption="Sortable table" onSort={onSort} sortBy={sortBy} cells={header} rows={rows}>
         <TableHeader />
         <TableBody />
-      </Table >
+      </Table>
     );
-    view.find('thead .pf-c-table__sort button').first().simulate('click');
-    expect(onSort.mock.calls.length).toBe(1);
+    view
+      .find('thead .pf-c-table__sort button')
+      .first()
+      .simulate('click');
+    expect(onSort.mock.calls).toHaveLength(1);
   });
 });
diff --git a/packages/patternfly-4/react-table/src/components/Table/Table.test.js b/packages/patternfly-4/react-table/src/components/Table/Table.test.js
index 527c6a49d6a..2f420890611 100644
--- a/packages/patternfly-4/react-table/src/components/Table/Table.test.js
+++ b/packages/patternfly-4/react-table/src/components/Table/Table.test.js
@@ -1,29 +1,44 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import { Table, TableHeader, TableBody, TableGridBreakpoint, TableVariant, cellWidth, headerCol, sortable } from './index';
+import {
+  Table,
+  TableHeader,
+  TableBody,
+  TableGridBreakpoint,
+  TableVariant,
+  cellWidth,
+  headerCol,
+  sortable
+} from './index';
 import { rows, columns } from '../../test-helpers/data-sets';
 
 describe('Simple table', () => {
   test('caption', () => {
-    const view = mount(<Table caption="Simple Table" cells={columns} rows={rows}>
-      <TableHeader />
-      <TableBody />
-    </Table>);
+    const view = mount(
+      <Table caption="Simple Table" cells={columns} rows={rows}>
+        <TableHeader />
+        <TableBody />
+      </Table>
+    );
     expect(view).toMatchSnapshot();
   });
 
   test('header', () => {
-    const view = mount(<Table header={<h4>Header title</h4>} cells={columns} rows={rows}>
-      <TableHeader />
-      <TableBody />
-    </Table>);
+    const view = mount(
+      <Table header={<h4>Header title</h4>} cells={columns} rows={rows}>
+        <TableHeader />
+        <TableBody />
+      </Table>
+    );
     expect(view).toMatchSnapshot();
   });
   test('aria-label', () => {
-    const view = mount(<Table aria-label="Aria labeled" cells={columns} rows={rows}>
-      <TableHeader />
-      <TableBody />
-    </Table>);
+    const view = mount(
+      <Table aria-label="Aria labeled" cells={columns} rows={rows}>
+        <TableHeader />
+        <TableBody />
+      </Table>
+    );
     expect(view).toMatchSnapshot();
   });
 });
@@ -31,33 +46,39 @@ describe('Simple table', () => {
 test('Sortable table', () => {
   const onSortCall = () => undefined;
   columns[0] = { ...columns[0], transforms: [sortable] };
-  const view = mount(<Table aria-label="Aria labeled" onSort={onSortCall} sortBy={{}} cells={columns} rows={rows}>
-    <TableHeader />
-    <TableBody />
-  </Table>);
+  const view = mount(
+    <Table aria-label="Aria labeled" onSort={onSortCall} sortBy={{}} cells={columns} rows={rows}>
+      <TableHeader />
+      <TableBody />
+    </Table>
+  );
   expect(view).toMatchSnapshot();
 });
 
 describe('Table variants', () => {
-  Object.values(TableGridBreakpoint).forEach((oneBreakpoint) => {
+  Object.values(TableGridBreakpoint).forEach(oneBreakpoint => {
     test(`Breakpoint - ${oneBreakpoint}`, () => {
-      const view = mount(<Table aria-label="Aria labeled" gridBreakPoint={oneBreakpoint} cells={columns} rows={rows}>
-        <TableHeader />
-        <TableBody />
-      </Table>);
+      const view = mount(
+        <Table aria-label="Aria labeled" gridBreakPoint={oneBreakpoint} cells={columns} rows={rows}>
+          <TableHeader />
+          <TableBody />
+        </Table>
+      );
       expect(view).toMatchSnapshot();
     });
   });
-  Object.values(TableVariant).forEach((onevariant) => {
+  Object.values(TableVariant).forEach(onevariant => {
     test(`Size - ${onevariant}`, () => {
-      const view = mount(<Table aria-label="Aria labeled" variant={onevariant} cells={columns} rows={rows}>
-        <TableHeader />
-        <TableBody />
-      </Table>);
+      const view = mount(
+        <Table aria-label="Aria labeled" variant={onevariant} cells={columns} rows={rows}>
+          <TableHeader />
+          <TableBody />
+        </Table>
+      );
       expect(view).toMatchSnapshot();
     });
   });
-})
+});
 
 test('Actions table', () => {
   const actions = [
@@ -76,20 +97,24 @@ test('Actions table', () => {
       title: 'Third action',
       onClick: (event, rowId) => console.log('clicked on Third action, on row: ', rowId)
     }
-  ]
-  const view = mount(<Table aria-label="Aria labeled" actions={actions} cells={columns} rows={rows}>
-    <TableHeader />
-    <TableBody />
-  </Table>);
+  ];
+  const view = mount(
+    <Table aria-label="Aria labeled" actions={actions} cells={columns} rows={rows}>
+      <TableHeader />
+      <TableBody />
+    </Table>
+  );
   expect(view).toMatchSnapshot();
 });
 
 test('Cell header table', () => {
   columns[0] = { ...columns[0], cellTransforms: [headerCol] };
-  const view = mount(<Table aria-label="Aria labeled" cells={columns} rows={rows}>
-    <TableHeader />
-    <TableBody />
-  </Table>);
+  const view = mount(
+    <Table aria-label="Aria labeled" cells={columns} rows={rows}>
+      <TableHeader />
+      <TableBody />
+    </Table>
+  );
   expect(view).toMatchSnapshot();
 });
 
@@ -99,42 +124,49 @@ test('Collapsible table', () => {
   rows[3] = { ...rows[3], isOpen: false };
   rows[4] = { ...rows[4], parent: 3 };
   const onCollapse = () => undefined;
-  const view = mount(<Table aria-label="Aria labeled" onCollapse={onCollapse} cells={columns} rows={rows}>
-    <TableHeader />
-    <TableBody />
-  </Table>);
+  const view = mount(
+    <Table aria-label="Aria labeled" onCollapse={onCollapse} cells={columns} rows={rows}>
+      <TableHeader />
+      <TableBody />
+    </Table>
+  );
   expect(view).toMatchSnapshot();
 });
 
-
 test('Collapsible nested table', () => {
   rows[0] = { ...rows[0], isOpen: false };
   rows[1] = { ...rows[1], parent: 0, isOpen: true };
   rows[2] = { ...rows[2], parent: 1 };
   const onCollapse = () => undefined;
-  const view = mount(<Table aria-label="Aria labeled" onCollapse={onCollapse} cells={columns} rows={rows}>
-    <TableHeader />
-    <TableBody />
-  </Table>);
+  const view = mount(
+    <Table aria-label="Aria labeled" onCollapse={onCollapse} cells={columns} rows={rows}>
+      <TableHeader />
+      <TableBody />
+    </Table>
+  );
   expect(view).toMatchSnapshot();
 });
 
 test('Selectable table', () => {
   const onSelect = () => undefined;
-  const view = mount(<Table aria-label="Aria labeled" onSelect={onSelect} cells={columns} rows={rows}>
-    <TableHeader />
-    <TableBody />
-  </Table>);
+  const view = mount(
+    <Table aria-label="Aria labeled" onSelect={onSelect} cells={columns} rows={rows}>
+      <TableHeader />
+      <TableBody />
+    </Table>
+  );
   expect(view).toMatchSnapshot();
 });
 
 test('Header width table', () => {
-  columns[0] = { ...columns[0], transforms: [cellWidth(10)] }
-  columns[2] = { ...columns[2], transforms: [cellWidth(30)] }
-  columns[4] = { ...columns[4], transforms: [cellWidth('max')] }
-  const view = mount(<Table aria-label="Aria labeled" cells={columns} rows={rows}>
-    <TableHeader />
-    <TableBody />
-  </Table>);
+  columns[0] = { ...columns[0], transforms: [cellWidth(10)] };
+  columns[2] = { ...columns[2], transforms: [cellWidth(30)] };
+  columns[4] = { ...columns[4], transforms: [cellWidth('max')] };
+  const view = mount(
+    <Table aria-label="Aria labeled" cells={columns} rows={rows}>
+      <TableHeader />
+      <TableBody />
+    </Table>
+  );
   expect(view).toMatchSnapshot();
 });
diff --git a/packages/patternfly-4/react-table/src/components/Table/examples/ActionsTable.js b/packages/patternfly-4/react-table/src/components/Table/examples/ActionsTable.js
index 03c08b9d81a..4b16d5ebeeb 100644
--- a/packages/patternfly-4/react-table/src/components/Table/examples/ActionsTable.js
+++ b/packages/patternfly-4/react-table/src/components/Table/examples/ActionsTable.js
@@ -3,15 +3,9 @@ import { Table, TableHeader, TableBody } from '@patternfly/react-table';
 
 class ActionsTable extends React.Component {
   constructor(props) {
-    super(props)
+    super(props);
     this.state = {
-      columns: [
-        { title: 'Repositories' },
-        'Branches',
-        { title: 'Pull requests' },
-        'Workspaces',
-        'Last Commit'
-      ],
+      columns: [{ title: 'Repositories' }, 'Branches', { title: 'Pull requests' }, 'Workspaces', 'Last Commit'],
       rows: [
         {
           cells: ['one', 'two', 'a', 'four', 'five']
@@ -38,7 +32,7 @@ class ActionsTable extends React.Component {
         {
           title: 'Third action',
           onClick: (event, rowId) => console.log('clicked on Third action, on row: ', rowId)
-        },
+        }
       ]
     };
   }
diff --git a/packages/patternfly-4/react-table/src/components/Table/examples/CellHeader.js b/packages/patternfly-4/react-table/src/components/Table/examples/CellHeader.js
index 6e44e3c8587..fa49566f327 100644
--- a/packages/patternfly-4/react-table/src/components/Table/examples/CellHeader.js
+++ b/packages/patternfly-4/react-table/src/components/Table/examples/CellHeader.js
@@ -3,7 +3,7 @@ import { Table, TableHeader, TableBody, headerCol } from '@patternfly/react-tabl
 
 class CellHeader extends React.Component {
   constructor(props) {
-    super(props)
+    super(props);
     this.state = {
       columns: [
         { title: 'Header cell', cellTransforms: [headerCol('selectable')] },
diff --git a/packages/patternfly-4/react-table/src/components/Table/examples/CollapsibleTable.js b/packages/patternfly-4/react-table/src/components/Table/examples/CollapsibleTable.js
index 805bffbb8f7..261b5bcc854 100644
--- a/packages/patternfly-4/react-table/src/components/Table/examples/CollapsibleTable.js
+++ b/packages/patternfly-4/react-table/src/components/Table/examples/CollapsibleTable.js
@@ -3,7 +3,7 @@ import { Table, TableHeader, TableBody } from '@patternfly/react-table';
 
 class CollapsibleTable extends React.Component {
   constructor(props) {
-    super(props)
+    super(props);
     this.state = {
       columns: [
         { title: 'Header cell' },
@@ -12,38 +12,47 @@ class CollapsibleTable extends React.Component {
         'Workspaces',
         {
           title: 'Last Commit'
-        }],
-      rows: [{
-        cells: ['one', 'two', 'three', 'four', 'five'],
-      }, {
-        isOpen: true,
-        cells: ['parent - 1', 'two', 'three', 'four', 'five'],
-      }, {
-        parent: 1,
-        cells: ['child - 1'],
-      }, {
-        isOpen: false,
-        cells: ['parent - 2', 'two', 'three', 'four', 'five'],
-      }, {
-        parent: 3,
-        cells: ['child - 2'],
-      }, {
-        isOpen: false,
-        cells: ['parent - 3', 'two', 'three', 'four', 'five'],
-      }, {
-        parent: 5,
-        cells: ['child - 3'],
-      }]
+        }
+      ],
+      rows: [
+        {
+          cells: ['one', 'two', 'three', 'four', 'five']
+        },
+        {
+          isOpen: true,
+          cells: ['parent - 1', 'two', 'three', 'four', 'five']
+        },
+        {
+          parent: 1,
+          cells: ['child - 1']
+        },
+        {
+          isOpen: false,
+          cells: ['parent - 2', 'two', 'three', 'four', 'five']
+        },
+        {
+          parent: 3,
+          cells: ['child - 2']
+        },
+        {
+          isOpen: false,
+          cells: ['parent - 3', 'two', 'three', 'four', 'five']
+        },
+        {
+          parent: 5,
+          cells: ['child - 3']
+        }
+      ]
     };
     this.onCollapse = this.onCollapse.bind(this);
   }
 
   onCollapse(event, rowKey, isOpen) {
     const { rows } = this.state;
-    /** 
+    /**
      * Please do not use rowKey as row index for more complex tables.
      * Rather use some kind of identifier like ID passed with each row.
-    */
+     */
     rows[rowKey].isOpen = isOpen;
     this.setState({
       rows
diff --git a/packages/patternfly-4/react-table/src/components/Table/examples/CompactTable.js b/packages/patternfly-4/react-table/src/components/Table/examples/CompactTable.js
index 0ef43b11a0f..9e7351ddcad 100644
--- a/packages/patternfly-4/react-table/src/components/Table/examples/CompactTable.js
+++ b/packages/patternfly-4/react-table/src/components/Table/examples/CompactTable.js
@@ -3,7 +3,7 @@ import { Table, TableHeader, TableBody, TableVariant } from '@patternfly/react-t
 
 class CompactTable extends React.Component {
   constructor(props) {
-    super(props)
+    super(props);
     this.state = {
       columns: [
         { title: 'Header cell' },
@@ -11,11 +11,7 @@ class CompactTable extends React.Component {
         { title: 'Pull requests', props: { className: 'pf-u-text-align-center' } },
         '' // deliberately empty
       ],
-      rows: [
-        ['one', 'two', 'three', 'four'],
-        ['one', 'two', 'three', 'four'],
-        ['one', 'two', 'three', 'four']
-      ]
+      rows: [['one', 'two', 'three', 'four'], ['one', 'two', 'three', 'four'], ['one', 'two', 'three', 'four']]
     };
   }
 
diff --git a/packages/patternfly-4/react-table/src/components/Table/examples/SelectableTable.js b/packages/patternfly-4/react-table/src/components/Table/examples/SelectableTable.js
index 692ff50e4f2..9b30c1fb4e0 100644
--- a/packages/patternfly-4/react-table/src/components/Table/examples/SelectableTable.js
+++ b/packages/patternfly-4/react-table/src/components/Table/examples/SelectableTable.js
@@ -3,15 +3,9 @@ import { Table, TableHeader, TableBody } from '@patternfly/react-table';
 
 class SelectableTable extends React.Component {
   constructor(props) {
-    super(props)
+    super(props);
     this.state = {
-      columns: [
-        { title: 'Repositories' },
-        'Branches',
-        { title: 'Pull requests' },
-        'Workspaces',
-        'Last Commit'
-      ],
+      columns: [{ title: 'Repositories' }, 'Branches', { title: 'Pull requests' }, 'Workspaces', 'Last Commit'],
       rows: [
         {
           cells: ['one', 'two', 'a', 'four', 'five']
@@ -33,7 +27,7 @@ class SelectableTable extends React.Component {
       rows = this.state.rows.map(oneRow => {
         oneRow.selected = isSelected;
         return oneRow;
-      })
+      });
     } else {
       rows = [...this.state.rows];
       rows[rowId].selected = isSelected;
diff --git a/packages/patternfly-4/react-table/src/components/Table/examples/SimpleTable.js b/packages/patternfly-4/react-table/src/components/Table/examples/SimpleTable.js
index 2ddbe7cb0fa..3df8f762364 100644
--- a/packages/patternfly-4/react-table/src/components/Table/examples/SimpleTable.js
+++ b/packages/patternfly-4/react-table/src/components/Table/examples/SimpleTable.js
@@ -4,15 +4,9 @@ import { Table, TableHeader, TableBody } from '@patternfly/react-table';
 class SimpleTable extends React.Component {
   static title = 'Simple Table';
   constructor(props) {
-    super(props)
+    super(props);
     this.state = {
-      columns: [
-        { title: 'Repositories' },
-        'Branches',
-        { title: 'Pull requests' },
-        'Workspaces',
-        'Last Commit'
-      ],
+      columns: [{ title: 'Repositories' }, 'Branches', { title: 'Pull requests' }, 'Workspaces', 'Last Commit'],
       rows: [
         ['one', 'two', 'three', 'four', 'five'],
         [
diff --git a/packages/patternfly-4/react-table/src/components/Table/examples/SortableTable.js b/packages/patternfly-4/react-table/src/components/Table/examples/SortableTable.js
index aa744654ffd..dc19b800a26 100644
--- a/packages/patternfly-4/react-table/src/components/Table/examples/SortableTable.js
+++ b/packages/patternfly-4/react-table/src/components/Table/examples/SortableTable.js
@@ -3,33 +3,30 @@ import { Table, TableHeader, TableBody, sortable, SortByDirection } from '@patte
 
 class SortableTable extends React.Component {
   constructor(props) {
-    super(props)
+    super(props);
     this.state = {
       columns: [
         { title: 'Repositories', transforms: [sortable] },
         'Branches',
         { title: 'Pull requests', transforms: [sortable] },
-        'Workspaces', 'Last Commit'
-      ],
-      rows: [
-        ['one', 'two', 'a', 'four', 'five'],
-        ['a', 'two', 'k', 'four', 'five'],
-        ['p', 'two', 'b', 'four', 'five']
+        'Workspaces',
+        'Last Commit'
       ],
+      rows: [['one', 'two', 'a', 'four', 'five'], ['a', 'two', 'k', 'four', 'five'], ['p', 'two', 'b', 'four', 'five']],
       sortBy: {}
     };
     this.onSort = this.onSort.bind(this);
   }
 
   onSort(_event, index, direction) {
-    const sortedRows = this.state.rows.sort((a, b) => a[index] < b[index] ? -1 : a[index] > b[index] ? 1 : 0);
+    const sortedRows = this.state.rows.sort((a, b) => (a[index] < b[index] ? -1 : a[index] > b[index] ? 1 : 0));
     this.setState({
       sortBy: {
         index,
         direction
       },
       rows: direction === SortByDirection.asc ? sortedRows : sortedRows.reverse()
-    })
+    });
   }
 
   render() {
diff --git a/packages/patternfly-4/react-table/src/components/Table/examples/WidthTable.js b/packages/patternfly-4/react-table/src/components/Table/examples/WidthTable.js
index 12ca5f7e967..01122c16837 100644
--- a/packages/patternfly-4/react-table/src/components/Table/examples/WidthTable.js
+++ b/packages/patternfly-4/react-table/src/components/Table/examples/WidthTable.js
@@ -3,7 +3,7 @@ import { Table, TableHeader, TableBody, cellWidth } from '@patternfly/react-tabl
 
 class WidthTable extends React.Component {
   constructor(props) {
-    super(props)
+    super(props);
     this.state = {
       columns: [
         { title: 'Header cell', transforms: [cellWidth(10)] },
@@ -11,8 +11,10 @@ class WidthTable extends React.Component {
         { title: 'Pull requests', transforms: [cellWidth(30)] },
         'Workspaces',
         {
-          title: 'Last Commit', transforms: [cellWidth('max')]
-        }],
+          title: 'Last Commit',
+          transforms: [cellWidth('max')]
+        }
+      ],
       rows: [['one', 'two', 'three', 'four', 'five']]
     };
   }
diff --git a/packages/patternfly-4/react-table/src/components/Table/index.js b/packages/patternfly-4/react-table/src/components/Table/index.js
index 6b13631ff6c..48e547d7696 100644
--- a/packages/patternfly-4/react-table/src/components/Table/index.js
+++ b/packages/patternfly-4/react-table/src/components/Table/index.js
@@ -2,4 +2,4 @@ export { default as Table, TableGridBreakpoint, TableVariant } from './Table';
 export { default as TableHeader } from './Header';
 export { default as TableBody } from './Body';
 export { sortable, headerCol, cellWidth } from './utils';
-export { SortByDirection } from './SortColumn'; 
+export { SortByDirection } from './SortColumn';
diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/decorators/cellActions.js b/packages/patternfly-4/react-table/src/components/Table/utils/decorators/cellActions.js
index 639c60605f0..ad58e0b5405 100644
--- a/packages/patternfly-4/react-table/src/components/Table/utils/decorators/cellActions.js
+++ b/packages/patternfly-4/react-table/src/components/Table/utils/decorators/cellActions.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/patternfly/components/Table/table.css'
+import styles from '@patternfly/patternfly/components/Table/table.css';
 import ActionsColumn from '../../ActionsColumn';
 
 export default actions => (
diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/decorators/cellWidth.js b/packages/patternfly-4/react-table/src/components/Table/utils/decorators/cellWidth.js
index d351d63d512..00cb3736f08 100644
--- a/packages/patternfly-4/react-table/src/components/Table/utils/decorators/cellWidth.js
+++ b/packages/patternfly-4/react-table/src/components/Table/utils/decorators/cellWidth.js
@@ -1,6 +1,6 @@
 import { css, getModifier } from '@patternfly/react-styles';
 import styles from '@patternfly/patternfly/components/Table/table.css';
 
-export default (width) => () => ({
+export default width => () => ({
   className: css(getModifier(styles, `width-${width}`))
-})
+});
diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/decorators/headerCol.js b/packages/patternfly-4/react-table/src/components/Table/utils/decorators/headerCol.js
index 2eca342be4e..8c563cf5720 100644
--- a/packages/patternfly-4/react-table/src/components/Table/utils/decorators/headerCol.js
+++ b/packages/patternfly-4/react-table/src/components/Table/utils/decorators/headerCol.js
@@ -1,11 +1,10 @@
 import React from 'react';
 
 export default (id = 'simple-node') => {
-  const headerCol = (value, { rowIndex } = {}) =>
-    ({
-      component: 'th',
-      children: <div id={id + rowIndex}>{value.title || value}</div>
-    });
+  const headerCol = (value, { rowIndex } = {}) => ({
+    component: 'th',
+    children: <div id={id + rowIndex}>{value.title || value}</div>
+  });
 
   return headerCol;
-}
+};
diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/decorators/selectable.js b/packages/patternfly-4/react-table/src/components/Table/utils/decorators/selectable.js
index 22a7becae4c..d8380f75da2 100644
--- a/packages/patternfly-4/react-table/src/components/Table/utils/decorators/selectable.js
+++ b/packages/patternfly-4/react-table/src/components/Table/utils/decorators/selectable.js
@@ -13,7 +13,7 @@ export default (
     rowData
   }
 ) => {
-  if ((rowData && rowData.hasOwnProperty('parent')) && !rowData.showSelect) {
+  if (rowData && rowData.hasOwnProperty('parent') && !rowData.showSelect) {
     return {
       component: 'td',
       isVisible: true,
diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/formatters.js b/packages/patternfly-4/react-table/src/components/Table/utils/formatters.js
index ca7e435cd76..dfa86691658 100644
--- a/packages/patternfly-4/react-table/src/components/Table/utils/formatters.js
+++ b/packages/patternfly-4/react-table/src/components/Table/utils/formatters.js
@@ -1 +1 @@
-export const defaultTitle = (data) => data && data.hasOwnProperty('title') ? data.title : data;
+export const defaultTitle = data => (data && data.hasOwnProperty('title') ? data.title : data);
diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/formatters.test.js b/packages/patternfly-4/react-table/src/components/Table/utils/formatters.test.js
index 6040a608cd1..d708bbdb6b3 100644
--- a/packages/patternfly-4/react-table/src/components/Table/utils/formatters.test.js
+++ b/packages/patternfly-4/react-table/src/components/Table/utils/formatters.test.js
@@ -4,5 +4,5 @@ describe('formatters', () => {
   test('defaultTitle', () => {
     expect(defaultTitle('test')).toBe('test');
     expect(defaultTitle({ title: 'test' })).toBe('test');
-  })
+  });
 });
diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/headerUtils.js b/packages/patternfly-4/react-table/src/components/Table/utils/headerUtils.js
index 2e77b2e3c4e..de38edb03df 100644
--- a/packages/patternfly-4/react-table/src/components/Table/utils/headerUtils.js
+++ b/packages/patternfly-4/react-table/src/components/Table/utils/headerUtils.js
@@ -13,26 +13,21 @@ import { defaultTitle } from './formatters';
 
 /**
  * Generate header with transofmrs and formatters from custom header object.
- * @param {*} header with transforms formatters and rest of header object. 
+ * @param {*} header with transforms formatters and rest of header object.
  * @param {*} title to be used as label in header config.
  * @return {*} header, label, transforms: Array, formatters: Array.
  */
-const generateHeader = ({ transforms: origTransforms, formatters: origFormatters, header }, title) => {
-  return ({
-    ...header,
-    label: title,
-    transforms: [
-      scopeColTransformer,
-      emptyCol,
-      ...origTransforms || [],
-      ...header && header.hasOwnProperty('transforms') ? header.transforms : []
-    ],
-    formatters: [
-      ...origFormatters || [],
-      ...header && header.hasOwnProperty('formatters') ? header.formatters : []
-    ]
-  });
-}
+const generateHeader = ({ transforms: origTransforms, formatters: origFormatters, header }, title) => ({
+  ...header,
+  label: title,
+  transforms: [
+    scopeColTransformer,
+    emptyCol,
+    ...(origTransforms || []),
+    ...(header && header.hasOwnProperty('transforms') ? header.transforms : [])
+  ],
+  formatters: [...(origFormatters || []), ...(header && header.hasOwnProperty('formatters') ? header.formatters : [])]
+});
 
 /**
  * Function to generate cell for header config to change look of each cell.
@@ -43,13 +38,13 @@ const generateCell = ({ cellFormatters, cellTransforms, cell }) => ({
   ...cell,
   transforms: [
     mapProps,
-    ...cellTransforms || [],
-    ...cell && cell.hasOwnProperty('transforms') ? cell.transforms : []
+    ...(cellTransforms || []),
+    ...(cell && cell.hasOwnProperty('transforms') ? cell.transforms : [])
   ],
   formatters: [
     defaultTitle,
-    ...cellFormatters || [],
-    ...cell && cell.hasOwnProperty('formatters') ? cell.formatters : []
+    ...(cellFormatters || []),
+    ...(cell && cell.hasOwnProperty('formatters') ? cell.formatters : [])
   ]
 });
 
@@ -64,19 +59,25 @@ const generateCell = ({ cellFormatters, cellTransforms, cell }) => ({
  */
 const mapHeader = (column, extra, key, ...props) => {
   const title = column.hasOwnProperty('title') ? column.title : column;
-  return ({
-    property: (typeof title === 'string' && title.toLowerCase().trim().replace(/\s/g, '-')) || `column-${key}`,
+  return {
+    property:
+      (typeof title === 'string' &&
+        title
+          .toLowerCase()
+          .trim()
+          .replace(/\s/g, '-')) ||
+      `column-${key}`,
     extraParams: extra,
     header: generateHeader(column, title),
     cell: generateCell(column, extra),
     props: {
       'data-label': typeof title === 'string' ? title : `column-${key}`,
       'data-key': key,
-      ...column.hasOwnProperty('props') ? column.props : {},
+      ...(column.hasOwnProperty('props') ? column.props : {}),
       ...props
     }
-  });
-}
+  };
+};
 
 /**
  * Function to define select cell in first column.
@@ -84,12 +85,16 @@ const mapHeader = (column, extra, key, ...props) => {
  * @returns {*} object with empty title, tranforms - Array, cellTransforms - Array.
  */
 const selectableTransforms = ({ onSelect }) => [
-  ...onSelect ? [{
-    title: '',
-    transforms: [selectable],
-    cellTransforms: [selectable]
-  }] : []
-]
+  ...(onSelect
+    ? [
+        {
+          title: '',
+          transforms: [selectable],
+          cellTransforms: [selectable]
+        }
+      ]
+    : [])
+];
 
 /**
  * Function to define actions in last column.
@@ -97,12 +102,16 @@ const selectableTransforms = ({ onSelect }) => [
  * @returns {*} object with empty title, tranforms - Array, cellTransforms - Array.
  */
 const actionsTransforms = ({ actions }) => [
-  ...actions ? [{
-    title: '',
-    transforms: [emptyTD],
-    cellTransforms: [cellActions(actions)]
-  }] : []
-]
+  ...(actions
+    ? [
+        {
+          title: '',
+          transforms: [emptyTD],
+          cellTransforms: [cellActions(actions)]
+        }
+      ]
+    : [])
+];
 
 /**
  * Function to define collapsible in first column.
@@ -110,11 +119,15 @@ const actionsTransforms = ({ actions }) => [
  * @returns {*} object with empty title, tranforms - Array, cellTransforms - Array.
  */
 const collapsibleTransfroms = ({ onCollapse }) => [
-  ...onCollapse ? [{
-    title: '',
-    transforms: [emptyTD],
-    cellTransforms: [collapsible]
-  }] : []
+  ...(onCollapse
+    ? [
+        {
+          title: '',
+          transforms: [emptyTD],
+          cellTransforms: [collapsible]
+        }
+      ]
+    : [])
 ];
 
 /**
@@ -124,12 +137,9 @@ const collapsibleTransfroms = ({ onCollapse }) => [
  * @returns {*} object with title from cell and cellTransforms with additional in.
  */
 const addAdditionalCellTranforms = (cell, additional) => ({
-  ...cell.hasOwnProperty('title') ? cell : { title: cell },
-  cellTransforms: [
-    ...cell.hasOwnProperty('cellTransforms') ? cell.cellTransforms : [],
-    additional
-  ]
-})
+  ...(cell.hasOwnProperty('title') ? cell : { title: cell }),
+  cellTransforms: [...(cell.hasOwnProperty('cellTransforms') ? cell.cellTransforms : []), additional]
+});
 
 /**
  * Function to change expanded row with additional transforms.
@@ -145,15 +155,15 @@ const expandContent = (header, { onCollapse }) => {
     const parentIdCell = addAdditionalCellTranforms(cell, parentId);
     return key === 0 ? addAdditionalCellTranforms(parentIdCell, expandedRow(header.length)) : parentIdCell;
   });
-}
+};
 
 /**
  * Function to join parent and their children so they can be rendered in tbody.
  * @param {*} rows raw data to find out if it's child or parent.
  * @param {*} children data to render (array of react children).
  */
-export const mapOpenedRows = (rows, children) => {
-  return rows.reduce((acc, curr, key) => {
+export const mapOpenedRows = (rows, children) =>
+  rows.reduce((acc, curr, key) => {
     if (curr.hasOwnProperty('parent')) {
       const parent = acc.length > 0 && acc[acc.length - 1];
       if (parent) {
@@ -164,7 +174,6 @@ export const mapOpenedRows = (rows, children) => {
     }
     return acc;
   }, []);
-}
 
 /**
  * Function to calculate columns based on custom config.
@@ -173,14 +182,13 @@ export const mapOpenedRows = (rows, children) => {
  * @param {*} extra object with custom callbacks.
  * @return {*} expected object for react tabular table.
  */
-export const calculateColumns = (headerRows, extra) => {
-  return headerRows && [
+export const calculateColumns = (headerRows, extra) =>
+  headerRows &&
+  [
     ...collapsibleTransfroms(extra),
     ...selectableTransforms(extra),
     ...expandContent(headerRows, extra),
     ...actionsTransforms(extra)
   ].map((oneCol, key) => ({
     ...mapHeader(oneCol, extra, key)
-  })
-  );
-}
+  }));
diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/headerUtils.test.js b/packages/patternfly-4/react-table/src/components/Table/utils/headerUtils.test.js
index e79058c6036..dd70cf2c87b 100644
--- a/packages/patternfly-4/react-table/src/components/Table/utils/headerUtils.test.js
+++ b/packages/patternfly-4/react-table/src/components/Table/utils/headerUtils.test.js
@@ -3,37 +3,35 @@ import { calculateColumns, mapOpenedRows } from './headerUtils';
 describe('headerUtils', () => {
   describe('calculateColumns', () => {
     test('collapsibleTransfroms', () => {
-      const collapsibleTransfroms = calculateColumns(['Some'], { onCollapse: () => undefined })
-      expect(collapsibleTransfroms[0].cell.formatters.length).toBe(1);
+      const collapsibleTransfroms = calculateColumns(['Some'], { onCollapse: () => undefined });
+      expect(collapsibleTransfroms[0].cell.formatters).toHaveLength(1);
       expect(collapsibleTransfroms[0].cell.formatters[0].name).toBe('defaultTitle');
-      expect(collapsibleTransfroms[0].cell.transforms.length).toBe(2);
+      expect(collapsibleTransfroms[0].cell.transforms).toHaveLength(2);
       expect(collapsibleTransfroms[0].extraParams.onCollapse).toBeDefined();
-      expect(collapsibleTransfroms[0].header.transforms.length).toBe(3);
-      expect(collapsibleTransfroms[1].cell.transforms.length).toBe(3);
-      expect(collapsibleTransfroms[1].cell.transforms.find(
-        transform => transform.name === 'parentId')
-      ).toBeDefined();
-      expect(collapsibleTransfroms[1].cell.transforms.find(
-        transform => transform.name === 'expandedRowFormatter')
+      expect(collapsibleTransfroms[0].header.transforms).toHaveLength(3);
+      expect(collapsibleTransfroms[1].cell.transforms).toHaveLength(3);
+      expect(collapsibleTransfroms[1].cell.transforms.find(transform => transform.name === 'parentId')).toBeDefined();
+      expect(
+        collapsibleTransfroms[1].cell.transforms.find(transform => transform.name === 'expandedRowFormatter')
       ).toBeDefined();
     });
 
     test('selectableTransforms', () => {
-      const selectableTransforms = calculateColumns([], { onSelect: () => undefined })
-      expect(selectableTransforms[0].cell.formatters.length).toBe(1);
+      const selectableTransforms = calculateColumns([], { onSelect: () => undefined });
+      expect(selectableTransforms[0].cell.formatters).toHaveLength(1);
       expect(selectableTransforms[0].cell.formatters[0].name).toBe('defaultTitle');
-      expect(selectableTransforms[0].cell.transforms.length).toBe(2);
+      expect(selectableTransforms[0].cell.transforms).toHaveLength(2);
       expect(selectableTransforms[0].extraParams.onSelect).toBeDefined();
-      expect(selectableTransforms[0].header.transforms.length).toBe(3);
+      expect(selectableTransforms[0].header.transforms).toHaveLength(3);
     });
 
     test('actionsTransforms', () => {
-      const actionsTransforms = calculateColumns([], { actions: { title: 'some' } })
-      expect(actionsTransforms[0].cell.formatters.length).toBe(1);
+      const actionsTransforms = calculateColumns([], { actions: { title: 'some' } });
+      expect(actionsTransforms[0].cell.formatters).toHaveLength(1);
       expect(actionsTransforms[0].cell.formatters[0].name).toBe('defaultTitle');
-      expect(actionsTransforms[0].cell.transforms.length).toBe(2);
+      expect(actionsTransforms[0].cell.transforms).toHaveLength(2);
       expect(actionsTransforms[0].extraParams).toEqual({ actions: { title: 'some' } });
-      expect(actionsTransforms[0].header.transforms.length).toBe(3);
+      expect(actionsTransforms[0].header.transforms).toHaveLength(3);
     });
 
     describe('mixed strings and objects', () => {
@@ -41,13 +39,13 @@ describe('headerUtils', () => {
       const mixed = calculateColumns(cells, {});
       cells.forEach((oneCell, key) => {
         test(`${oneCell}`, () => {
-          expect(mixed[key].property).toBe(oneCell.title || oneCell)
-          expect(mixed[key].header.label).toBe(oneCell.title || oneCell)
-          expect(mixed[key].header.transforms.length).toBe(2)
-          expect(mixed[key].cell.transforms.length).toBe(1)
-          expect(mixed[key].cell.formatters.length).toBe(1)
+          expect(mixed[key].property).toBe(oneCell.title || oneCell);
+          expect(mixed[key].header.label).toBe(oneCell.title || oneCell);
+          expect(mixed[key].header.transforms).toHaveLength(2);
+          expect(mixed[key].cell.transforms).toHaveLength(1);
+          expect(mixed[key].cell.formatters).toHaveLength(1);
         });
-      })
+      });
     });
 
     test('correct property', () => {
@@ -58,42 +56,49 @@ describe('headerUtils', () => {
 
     describe('generateHeader', () => {
       test('additional data', () => {
-        const result = calculateColumns([{
-          header: {
-            someData: 'test'
-          }
-        }], {});
+        const result = calculateColumns(
+          [
+            {
+              header: {
+                someData: 'test'
+              }
+            }
+          ],
+          {}
+        );
         expect(result[0].header).toMatchObject({ someData: 'test' });
       });
 
       test('custom functions', () => {
         const testFunc = () => undefined;
-        const result = calculateColumns([{
-          title: '',
-          transforms: [
-            testFunc
+        const result = calculateColumns(
+          [
+            {
+              title: '',
+              transforms: [testFunc],
+              formatters: [testFunc]
+            }
           ],
-          formatters: [
-            testFunc
-          ]
-        }], {});
+          {}
+        );
         expect(result[0].header.formatters.find(formatter => formatter.name === 'testFunc')).toBeDefined();
         expect(result[0].header.transforms.find(transform => transform.name === 'testFunc')).toBeDefined();
       });
 
       test('custom functions in header', () => {
         const testFunc = () => undefined;
-        const result = calculateColumns([{
-          title: '',
-          header: {
-            transforms: [
-              testFunc
-            ],
-            formatters: [
-              testFunc
-            ]
-          }
-        }], {});
+        const result = calculateColumns(
+          [
+            {
+              title: '',
+              header: {
+                transforms: [testFunc],
+                formatters: [testFunc]
+              }
+            }
+          ],
+          {}
+        );
         expect(result[0].header.formatters.find(formatter => formatter.name === 'testFunc')).toBeDefined();
         expect(result[0].header.transforms.find(transform => transform.name === 'testFunc')).toBeDefined();
       });
@@ -101,42 +106,49 @@ describe('headerUtils', () => {
 
     describe('generateCell', () => {
       test('additional data', () => {
-        const result = calculateColumns([{
-          cell: {
-            someData: 'test'
-          }
-        }], {});
+        const result = calculateColumns(
+          [
+            {
+              cell: {
+                someData: 'test'
+              }
+            }
+          ],
+          {}
+        );
         expect(result[0].cell).toMatchObject({ someData: 'test' });
       });
 
       test('custom functions', () => {
         const testFunc = () => undefined;
-        const result = calculateColumns([{
-          title: '',
-          cellTransforms: [
-            testFunc
+        const result = calculateColumns(
+          [
+            {
+              title: '',
+              cellTransforms: [testFunc],
+              cellFormatters: [testFunc]
+            }
           ],
-          cellFormatters: [
-            testFunc
-          ]
-        }], {});
+          {}
+        );
         expect(result[0].cell.formatters.find(formatter => formatter.name === 'testFunc')).toBeDefined();
         expect(result[0].cell.transforms.find(transform => transform.name === 'testFunc')).toBeDefined();
       });
 
       test('custom functions in header', () => {
         const testFunc = () => undefined;
-        const result = calculateColumns([{
-          title: '',
-          cell: {
-            transforms: [
-              testFunc
-            ],
-            formatters: [
-              testFunc
-            ]
-          }
-        }], {});
+        const result = calculateColumns(
+          [
+            {
+              title: '',
+              cell: {
+                transforms: [testFunc],
+                formatters: [testFunc]
+              }
+            }
+          ],
+          {}
+        );
         expect(result[0].cell.formatters.find(formatter => formatter.name === 'testFunc')).toBeDefined();
         expect(result[0].cell.transforms.find(transform => transform.name === 'testFunc')).toBeDefined();
       });
@@ -148,26 +160,26 @@ describe('headerUtils', () => {
       const rows = [{}, { parent: 0 }, {}, { parent: 2 }];
       const children = ['one', 'two', 'three', 'four'];
       const mappedRows = mapOpenedRows(rows, children);
-      expect(mappedRows.length).toBe(2);
-      expect(mappedRows[0].rows.length).toBe(2);
-      expect(mappedRows[0]).toMatchObject({rows: ['one', 'two']});
+      expect(mappedRows).toHaveLength(2);
+      expect(mappedRows[0].rows).toHaveLength(2);
+      expect(mappedRows[0]).toMatchObject({ rows: ['one', 'two'] });
     });
 
     test('nested children', () => {
       const rows = [{}, { parent: 0 }, { parent: 1 }, { parent: 2 }];
       const children = ['one', 'two', 'three', 'four'];
       const mappedRows = mapOpenedRows(rows, children);
-      expect(mappedRows.length).toBe(1);
-      expect(mappedRows[0].rows.length).toBe(4);
+      expect(mappedRows).toHaveLength(1);
+      expect(mappedRows[0].rows).toHaveLength(4);
       expect(mappedRows[0]).toMatchObject({ rows: children });
     });
 
     test('no parent', () => {
-      const rows = [{ parent: 'something' }, { parent: 0 }, { }, { parent: 2 }];
+      const rows = [{ parent: 'something' }, { parent: 0 }, {}, { parent: 2 }];
       const children = ['one', 'two', 'three', 'four'];
       const mappedRows = mapOpenedRows(rows, children);
-      expect(mappedRows.length).toBe(1);
-      expect(mappedRows[0].rows.length).toBe(2);
+      expect(mappedRows).toHaveLength(1);
+      expect(mappedRows[0].rows).toHaveLength(2);
       expect(mappedRows[0]).toMatchObject({ rows: ['three', 'four'] });
     });
 
@@ -175,8 +187,8 @@ describe('headerUtils', () => {
       const rows = [{ isOpen: true, somethig: 'other' }, { parent: 0 }, { isOpen: false }, { parent: 2 }];
       const children = ['one', 'two', 'three', 'four'];
       const mappedRows = mapOpenedRows(rows, children);
-      expect(mappedRows.length).toBe(2);
-      expect(mappedRows[0].rows.length).toBe(2);
+      expect(mappedRows).toHaveLength(2);
+      expect(mappedRows[0].rows).toHaveLength(2);
       expect(mappedRows[0]).toMatchObject({ ...rows[0], rows: ['one', 'two'] });
     });
   });
diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/transformers.js b/packages/patternfly-4/react-table/src/components/Table/utils/transformers.js
index 34c3f677540..04f6380fcbb 100644
--- a/packages/patternfly-4/react-table/src/components/Table/utils/transformers.js
+++ b/packages/patternfly-4/react-table/src/components/Table/utils/transformers.js
@@ -8,20 +8,20 @@ export { default as headerCol } from './decorators/headerCol';
 export const emptyTD = () => ({
   scope: '',
   component: 'td'
-})
+});
 
 export const scopeColTransformer = () => ({
   scope: 'col'
 });
 
-export const emptyCol = (label) => ({
-  ...label ? {} : { scope: '' }
-})
+export const emptyCol = label => ({
+  ...(label ? {} : { scope: '' })
+});
 
 export const parentId = (_value, { rowData }) => ({
   parentId: rowData.parent
-})
+});
 
 export const mapProps = (_label, { property, rowData }) => ({
-  ...rowData[property] && rowData[property].props
-})
+  ...(rowData[property] && rowData[property].props)
+});
diff --git a/packages/patternfly-4/react-table/src/test-helpers/MockedTableChanges.js b/packages/patternfly-4/react-table/src/test-helpers/MockedTableChanges.js
index 17b566b9330..1abcac5860d 100644
--- a/packages/patternfly-4/react-table/src/test-helpers/MockedTableChanges.js
+++ b/packages/patternfly-4/react-table/src/test-helpers/MockedTableChanges.js
@@ -10,7 +10,7 @@ export const withContext = ({ context = {}, contextType = {} }) => WrappedCompon
     }
 
     render() {
-      return (<WrappedComponent>{this.props.children}</WrappedComponent>);
+      return <WrappedComponent>{this.props.children}</WrappedComponent>;
     }
   }
   WithContext.WrappedComponent = WrappedComponent;
@@ -30,13 +30,13 @@ export const TableProvider = withContext({
       }
     }
   },
-  contextType: { columns: PropTypes.any, renderers: PropTypes.any },
+  contextType: { columns: PropTypes.any, renderers: PropTypes.any }
 })('table');
 
 export default ({ updateFunc, columns }) => (
-  <TableContext.Provider value={{ updateHeaderData: updateFunc }} >
+  <TableContext.Provider value={{ updateHeaderData: updateFunc }}>
     <TableProvider>
       <TableHeader headerRows={columns} />
     </TableProvider>
-  </ TableContext.Provider >
+  </TableContext.Provider>
 );
diff --git a/packages/patternfly-4/react-table/src/test-helpers/data-sets.js b/packages/patternfly-4/react-table/src/test-helpers/data-sets.js
index 162e5acdbb7..a0b4b314664 100644
--- a/packages/patternfly-4/react-table/src/test-helpers/data-sets.js
+++ b/packages/patternfly-4/react-table/src/test-helpers/data-sets.js
@@ -8,22 +8,32 @@ export const columns = [
   }
 ];
 
-export const rows = [{
-  cells: ['one', 'two', 'three', 'four', 'five'],
-}, {
-  cells: ['one', 'two', 'three', 'four', 'five'],
-}, {
-  cells: ['one', 'two', 'three', 'four', 'five'],
-}, {
-  cells: ['one', 'two', 'three', 'four', 'five'],
-}, {
-  cells: ['one', 'two', 'three', 'four', 'five'],
-}, {
-  cells: ['one', 'two', 'three', 'four', 'five'],
-}, {
-  cells: ['one', 'two', 'three', 'four', 'five'],
-}, {
-  cells: ['one', 'two', 'three', 'four', 'five'],
-}, {
-  cells: ['one', 'two', 'three', 'four', 'five'],
-}];
+export const rows = [
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  }
+];