Updating editor config properties and reformatting files

Author: leandrowd

.editorconfig

@@ -1,12 +1,17 @@
 root = true
 
 [*]
-indent_style = tab
+indent_style = space
+indent_size = 4
+spaces_around_brackets = both
 end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
 
+[*.md]
+trim_trailing_whitespace = false
+
 [{package.json,*.yml}]
 indent_style = space
 indent_size = 2

src/CSSTranslate.js

@@ -4,7 +4,7 @@ module.exports = function (position, axis) {
     var _has3d = has3d();
     var positionCss = (axis === 'horizontal') ? [position, 0] : [0, position];
     var transitionProp = _has3d ? 'translate3d' : 'translate';
-    
+
     if (_has3d) {
         // adds z position
         positionCss.push(0);
@@ -13,4 +13,4 @@ module.exports = function (position, axis) {
     var translatedPosition = '(' + positionCss.join(',') + ')';
 
     return transitionProp + translatedPosition;
-};
+};

src/components/Carousel.js

@@ -60,63 +60,63 @@ module.exports = React.createClass({
     },
 
     componentDidMount (nextProps) {
-    	this.bindEvents();
+        this.bindEvents();
 
-    	var images = ReactDOM.findDOMNode(this.item0).getElementsByTagName('img');
+        var images = ReactDOM.findDOMNode(this.item0).getElementsByTagName('img');
         var initialImage = images && images[this.props.selectedItem];
 
         if (initialImage) {
-        	// if it's a carousel of images, we set the mount state after the first image is loaded
-			initialImage.addEventListener('load', this.setMountState);
+            // if it's a carousel of images, we set the mount state after the first image is loaded
+            initialImage.addEventListener('load', this.setMountState);
         } else {
-        	this.setMountState();
+            this.setMountState();
         }
     },
 
     bindEvents () {
-    	// as the widths are calculated, we need to resize
+        // as the widths are calculated, we need to resize
         // the carousel when the window is resized
         window.addEventListener("resize", this.updateSizes);
         // issue #2 - image loading smaller
         window.addEventListener("DOMContentLoaded", this.updateSizes);
 
         if (this.props.useKeyboardArrows) {
-        	document.addEventListener("keydown", this.navigateWithKeyboard);
+            document.addEventListener("keydown", this.navigateWithKeyboard);
         }
     },
 
     unbindEvents () {
-    	// removing listeners
+        // removing listeners
         window.removeEventListener("resize", this.updateSizes);
         window.removeEventListener("DOMContentLoaded", this.updateSizes);
 
         if (this.props.useKeyboardArrows) {
-        	document.removeEventListener("keydown", this.navigateWithKeyboard);
+            document.removeEventListener("keydown", this.navigateWithKeyboard);
         }
     },
 
     navigateWithKeyboard (e) {
-    	var nextKeys = ['ArrowDown', 'ArrowRight'];
-    	var prevKeys = ['ArrowUp', 'ArrowLeft'];
-    	var allowedKeys = nextKeys.concat(prevKeys);
-
-    	if (allowedKeys.indexOf(e.key) > -1) {
-    		if (nextKeys.indexOf(e.key) > -1) {
-    			this.increment();
-    		} else if (prevKeys.indexOf(e.key) > -1) {
-    			this.decrement();
-    		}
-    	}
+        var nextKeys = ['ArrowDown', 'ArrowRight'];
+        var prevKeys = ['ArrowUp', 'ArrowLeft'];
+        var allowedKeys = nextKeys.concat(prevKeys);
+
+        if (allowedKeys.indexOf(e.key) > -1) {
+            if (nextKeys.indexOf(e.key) > -1) {
+                this.increment();
+            } else if (prevKeys.indexOf(e.key) > -1) {
+                this.decrement();
+            }
+        }
     },
 
     updateSizes () {
-    	var isHorizontal = this.props.axis === 'horizontal';
-    	var firstItem = ReactDOM.findDOMNode(this.item0);
+        var isHorizontal = this.props.axis === 'horizontal';
+        var firstItem = ReactDOM.findDOMNode(this.item0);
         var itemSize = isHorizontal ? firstItem.clientWidth : firstItem.clientHeight;
 
         this.setState({
-        	itemSize: itemSize,
-        	wrapperSize: isHorizontal ? itemSize * this.props.children.length : itemSize
+            itemSize: itemSize,
+            wrapperSize: isHorizontal ? itemSize * this.props.children.length : itemSize
         });
     },
 

src/cssClasses.js

@@ -1,56 +1,56 @@
 var classNames = require('classnames');
 
 module.exports = {
-	CAROUSEL (isSlider) {
-		return classNames({
-			"carousel": true,
-			"carousel-slider": isSlider
-		});
-	}, 
+    CAROUSEL (isSlider) {
+        return classNames({
+            "carousel": true,
+            "carousel-slider": isSlider
+        });
+    },
 
-	WRAPPER (isSlider, axis) {
-		return classNames({
-			"thumbs-wrapper": !isSlider,
-			"slider-wrapper": isSlider,
-			"axis-horizontal": axis === "horizontal",
-			"axis-vertical": axis !== "horizontal"
-		});
-	},
+    WRAPPER (isSlider, axis) {
+        return classNames({
+            "thumbs-wrapper": !isSlider,
+            "slider-wrapper": isSlider,
+            "axis-horizontal": axis === "horizontal",
+            "axis-vertical": axis !== "horizontal"
+        });
+    },
 
-	SLIDER (isSlider, isSwiping){
-		return classNames({
-			"thumbs": !isSlider,
-			"slider": isSlider,
-			"animated": !isSwiping
-		});
-	},
+    SLIDER (isSlider, isSwiping){
+        return classNames({
+            "thumbs": !isSlider,
+            "slider": isSlider,
+            "animated": !isSwiping
+        });
+    },
 
-	ITEM (isSlider, selected) {
-		return classNames({
-			"thumb": !isSlider,
-			"slide": isSlider,
+    ITEM (isSlider, selected) {
+        return classNames({
+            "thumb": !isSlider,
+            "slide": isSlider,
             "selected": selected
-		});
-	},
+        });
+    },
 
-	ARROW_PREV (disabled) {
-		return classNames({
-			"control-arrow control-prev": true,
-			"control-disabled": disabled
-		});
-	},
+    ARROW_PREV (disabled) {
+        return classNames({
+            "control-arrow control-prev": true,
+            "control-disabled": disabled
+        });
+    },
 
-	ARROW_NEXT (disabled) {
-		return classNames({
-			"control-arrow control-next": true,
-			"control-disabled": disabled
-		})
-	},
+    ARROW_NEXT (disabled) {
+        return classNames({
+            "control-arrow control-next": true,
+            "control-disabled": disabled
+        })
+    },
 
-	DOT (selected) {
-		return classNames({
-			"dot": true,
-			'selected': selected
-		})
-	}
+    DOT (selected) {
+        return classNames({
+            "dot": true,
+            'selected': selected
+        })
+    }
 }

src/dimensions.js

@@ -5,5 +5,5 @@ module.exports = {
 
 		width += parseInt(style.marginLeft) + parseInt(style.marginRight);
 		return width;
-	}	
-} 
+	}
+}

src/has3d.js

@@ -3,7 +3,7 @@ module.exports = function has3d() {
         return false;
     }
 
-    var el = document.createElement('p'), 
+    var el = document.createElement('p'),
         has3d,
         transforms = {
             'webkitTransform':'-webkit-transform',
@@ -26,4 +26,4 @@ module.exports = function has3d() {
     document.body.removeChild(el);
 
     return (has3d !== undefined && has3d.length > 0 && has3d !== "none");
-}
+}

src/index.js

@@ -1,4 +1,4 @@
 module.exports = {
     Carousel: require('./components/Carousel'),
     Thumbs: require('./components/Thumbs')
-}
+}

src/object-assign.js

@@ -15,4 +15,4 @@ module.exports = function (target) {
     }
   }
   return output;
-};
+};