Eslint fix

Author: Kameshwaran

src/button/Button.js

@@ -48,7 +48,8 @@ const factory = (ripple, FontIcon) => {
         onMouseLeave: this.handleMouseLeave,
       };
 
-      return React.createElement(element, props,
+      return React.createElement(
+        element, props,
         icon ? this.getIcon(icon, iconAlignment, theme) : null,
         children,
       );
@@ -61,4 +62,4 @@ const factory = (ripple, FontIcon) => {
 const Button = factory(rippleFactory({ centered: false }), InjectFontIcon);
 export default themr('CBBUTTON')(Button);
 export { factory as buttonFactory };
-export { Button };
+export { Button };

src/ripple/Ripple.js

@@ -84,7 +84,9 @@ const rippleFactory = (options = {}) => {
        * @return {Object} Descriptor element including position and size of the element
        */
       getDescriptor(x, y) {
-        const { left, top, height, width } = ReactDOM.findDOMNode(this).getBoundingClientRect();
+        const {
+          left, top, height, width,
+        } = ReactDOM.findDOMNode(this).getBoundingClientRect();
         const { rippleCentered: centered, rippleSpread: spread } = this.props;
         return {
           left: centered ? 0 : x - left - (width / 2),
@@ -152,15 +154,19 @@ const rippleFactory = (options = {}) => {
             ? this.getNextKey()
             : this.getLastKey();
           const endRipple = this.addRippleDeactivateEventListener(isTouch, key);
-          const initialState = { active: false, restarting: true, top, left, width, endRipple };
+          const initialState = {
+            active: false, restarting: true, top, left, width, endRipple,
+          };
           const runningState = { active: true, restarting: false };
           const ripples = { ...this.state.ripples, [key]: initialState };
           this.setState({ ripples }, () => {
             if (this.rippleNodes[key]) this.rippleNodes[key].offsetWidth; // eslint-disable-line
-            this.setState({ ripples: {
-              ...this.state.ripples,
-              [key]: Object.assign({}, this.state.ripples[key], runningState),
-            } });
+            this.setState({
+              ripples: {
+                ...this.state.ripples,
+                [key]: Object.assign({}, this.state.ripples[key], runningState),
+              },
+            });
           });
         }
       }
@@ -215,10 +221,12 @@ const rippleFactory = (options = {}) => {
         const self = this;
         return function endRipple() {
           document.removeEventListener(eventType, endRipple);
-          self.setState({ ripples: {
-            ...self.state.ripples,
-            [rippleKey]: Object.assign({}, self.state.ripples[rippleKey], { active: false }),
-          } });
+          self.setState({
+            ripples: {
+              ...self.state.ripples,
+              [rippleKey]: Object.assign({}, self.state.ripples[rippleKey], { active: false }),
+            },
+          });
         };
       }
 
@@ -240,7 +248,9 @@ const rippleFactory = (options = {}) => {
         }
       };
 
-      renderRipple(key, className, { active, left, restarting, top, width }) {
+      renderRipple(key, className, {
+        active, left, restarting, top, width,
+      }) {
         const scale = restarting ? 0 : 1;
         const transform = `translate3d(${(-width / 2) + left}px, ${(-width / 2) + top}px, 0) scale(${scale})`;
         const _className = classnames(this.props.theme.ripple, {
@@ -273,8 +283,7 @@ const rippleFactory = (options = {}) => {
         } = this.props;
         const { ripples } = this.state;
         const childRipples = Object.keys(ripples).map(key =>
-          this.renderRipple(key, rippleClassName, ripples[key]),
-        );
+          this.renderRipple(key, rippleClassName, ripples[key]));
         const childProps = {
           onMouseDown: this.handleMouseDown,
           onTouchStart: this.handleTouchStart,

src/ripple/index.js

@@ -1,4 +1,4 @@
 import rippleFactory from './Ripple';
 import theme from './theme.scss';
 
-export default options => rippleFactory({ ...options, theme });
+export default options => rippleFactory({ ...options, theme });

src/utils/prefixer.js

@@ -29,7 +29,7 @@ function addPrefixesTo(style, property, value) {
 
 function prefixer(style, defaultValue = {}) {
   const _style = defaultValue;
-  for (const property in style) {  // eslint-disable-line no-restricted-syntax
+  for (const property in style) { // eslint-disable-line no-restricted-syntax
     if ({}.hasOwnProperty.call(style, property)) {
       _style[property] = style[property];
       if (properties[property]) {
@@ -41,4 +41,4 @@ function prefixer(style, defaultValue = {}) {
   return _style;
 }
 
-export default prefixer;
+export default prefixer;

webpack.common.js

@@ -38,8 +38,8 @@ module.exports = {
         include: path.resolve(__dirname, './src'),
         use: [
           'style-loader',
-          require.resolve('css-loader') + '?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]',
-          require.resolve('sass-loader') + '?sourceMap'
+          `${require.resolve('css-loader')}?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]`,
+          `${require.resolve('sass-loader')}?sourceMap`,
         ],
       },
     ],