Style preferences.

Author: gajus

src/extendReactClass.js

@@ -14,8 +14,8 @@ import hoistNonReactStatics from 'hoist-non-react-statics';
 export default (Component: Object, defaultStyles: Object, options: Object) => {
     const WrappedComponent = class extends Component {
         render () {
-            let styles,
-                propsChanged;
+            let propsChanged,
+                styles;
 
             propsChanged = false;
 

src/linkClass.js

@@ -1,18 +1,14 @@
 import _ from 'lodash';
-import React from 'react';
+import React, {
+    ReactElement
+} from 'react';
 import makeConfiguration from './makeConfiguration';
 import isIterable from './isIterable';
 import parseStyleName from './parseStyleName';
 import generateAppendClassName from './generateAppendClassName';
 import objectUnfreeze from 'object-unfreeze';
 
-import {
-    ReactElement
-} from 'react';
-
-let linkElement;
-
-linkElement = (element, styles, configuration) => {
+const linkElement = (element: ReactElement, styles: Object, configuration: Object): ReactElement => {
     let appendClassName,
         elementIsFrozen,
         elementShallowCopy;
@@ -66,9 +62,8 @@ linkElement = (element, styles, configuration) => {
  * @param {ReactElement} element
  * @param {Object} styles CSS modules class map.
  * @param {CSSModules~Options} userConfiguration
- * @returns {ReactElement}
  */
-export default (element, styles = {}, userConfiguration) => {
+export default (element: ReactElement, styles = {}, userConfiguration): ReactElement => {
     // @see https://github.com/gajus/react-css-modules/pull/30
     if (!_.isObject(element)) {
         return element;

src/wrapStatelessFunction.js

@@ -1,3 +1,5 @@
+/* eslint-disable react/prop-types */
+
 import _ from 'lodash';
 import React from 'react';
 import linkClass from './linkClass';

tests/extendReactClass.js

@@ -1,4 +1,4 @@
-/* eslint-disable max-nested-callbacks */
+/* eslint-disable max-nested-callbacks, react/prefer-stateless-function, react/prop-types, react/no-multi-comp */
 
 import {
     expect
@@ -57,18 +57,20 @@ describe('extendReactClass', () => {
             let Component,
                 rendered;
 
-            rendered = false
+            rendered = false;
 
             const styles = {
                 foo: 'foo-1'
             };
 
             Component = class extends React.Component {
-                shouldComponentUpdate(newProps) {
-                    if(rendered) {
-                        expect(shallowCompare(this.props, newProps)).to.be.true;
+                shouldComponentUpdate (newProps) {
+                    if (rendered) {
+                        expect(shallowCompare(this.props, newProps)).to.equal(true);
+
                         done();
                     }
+
                     return true;
                 }
 
@@ -79,7 +81,7 @@ describe('extendReactClass', () => {
 
             Component = extendReactClass(Component, styles);
 
-            const instance = TestUtils.renderIntoDocument(<Component foo='bar'/>);
+            const instance = TestUtils.renderIntoDocument(<Component foo='bar' />);
 
             // trigger shouldComponentUpdate
             instance.setState({});

tests/linkClass.js

@@ -1,4 +1,4 @@
-/* eslint-disable max-nested-callbacks */
+/* eslint-disable max-nested-callbacks, react/prefer-stateless-function */
 
 import {
     expect

tests/reactCssModules.js

@@ -1,4 +1,4 @@
-/* eslint-disable max-nested-callbacks, react/no-multi-comp, react/prop-types */
+/* eslint-disable max-nested-callbacks, react/no-multi-comp, react/prop-types, react/prefer-stateless-function */
 
 import {
     expect