Fixing cellSpacing width offset

Author: kenwheeler

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "nuka-carousel",
   "main": "index.js",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "homepage": "https://github.com/kenwheeler/nuka-carousel",
   "authors": [
     "Ken Wheeler <ken_wheeler@me.com>"

lib/carousel.js

@@ -393,12 +393,17 @@ var Carousel = _React2['default'].createClass({
     var self = this,
         slideWidth,
         frame;
+
     frame = _React2['default'].findDOMNode(this.refs.frame);
+
     if (typeof this.props.slideWidth !== 'number') {
       slideWidth = parseInt(this.props.slideWidth);
     } else {
       slideWidth = frame.offsetWidth / this.props.slidesToShow * this.props.slideWidth;
     }
+
+    slideWidth -= this.props.cellSpacing * ((100 - 100 / this.props.slidesToShow) / 100);
+
     this.setState({
       frameWidth: frame.offsetWidth,
       slideCount: this.props.children.length,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuka-carousel",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Pure React Carousel",
   "main": "index.js",
   "dependencies": {

src/carousel.js

@@ -376,12 +376,17 @@ const Carousel = React.createClass({
 
   setDimensions() {
     var self = this, slideWidth, frame;
+
     frame = React.findDOMNode(this.refs.frame);
+
     if (typeof this.props.slideWidth !== 'number') {
       slideWidth = parseInt(this.props.slideWidth);
     } else {
       slideWidth = (frame.offsetWidth / this.props.slidesToShow) * this.props.slideWidth;
     }
+
+    slideWidth -= this.props.cellSpacing * ((100 - (100 / this.props.slidesToShow)) / 100);
+
     this.setState({
       frameWidth: frame.offsetWidth,
       slideCount: this.props.children.length,