nuka-carousel - npm Package Compare versions

Comparing version 0.0.19 to 1.0.0

demo/app.js

 'use strict';
 
-import Carousel from '../src/Carousel';
-import React from 'react/addons';
+import Carousel from '../src/carousel';
+import React from 'react';
+import ReactDom from 'react-dom';
 
@@ -30,3 +31,3 @@ window.React = React;
 
-React.render(<App/>, content)
+ReactDom.render(<App/>, content)
 

Gulpfile.js

@@ -19,11 +19,6 @@ 'use strict';
 gulp.task('open', function(){
-  gulp.src('./demo/index.html')
-  .pipe(open('',{url: 'http://localhost:8080/webpack-dev-server/'}));
+  open('',{url: 'http://localhost:8080/webpack-dev-server/'});
 });
 
-gulp.task('clean', function(cb){
-  del(['lib'], cb)
-});
-
-gulp.task("babel", ['clean'], function() {
+gulp.task("babel", function() {
   return gulp.src('src/*.js')
@@ -63,3 +58,3 @@ .pipe(babel())
 gulp.task('test', ['lint', 'karma']);
-gulp.task('build', ['clean', 'babel']);
+gulp.task('build', ['babel']);
 gulp.task('default', ['webpack-dev-server', 'open']);

lib/carousel.js

 'use strict';
 
-var _interopRequireWildcard = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
 Object.defineProperty(exports, '__esModule', {
@@ -11,28 +7,32 @@ value: true
 
-var _React = require('react');
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var _React2 = _interopRequireWildcard(_React);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var _tweenState = require('react-tween-state');
+var _react = require('react');
 
-var _tweenState2 = _interopRequireWildcard(_tweenState);
+var _react2 = _interopRequireDefault(_react);
 
-var _decorators = require('./decorators');
+var _reactDom = require('react-dom');
 
-var _decorators2 = _interopRequireWildcard(_decorators);
+var _reactDom2 = _interopRequireDefault(_reactDom);
 
-var _assign = require('object-assign');
+var _reactTweenState = require('react-tween-state');
 
-var _assign2 = _interopRequireWildcard(_assign);
+var _reactTweenState2 = _interopRequireDefault(_reactTweenState);
 
-var _ExecutionEnvironment = require('exenv');
+var _decorators = require('./decorators');
 
-var _ExecutionEnvironment2 = _interopRequireWildcard(_ExecutionEnvironment);
+var _decorators2 = _interopRequireDefault(_decorators);
 
-'use strict';
+var _objectAssign = require('object-assign');
 
-_React2['default'].initializeTouchEvents(true);
+var _objectAssign2 = _interopRequireDefault(_objectAssign);
 
+var _exenv = require('exenv');
+
+var _exenv2 = _interopRequireDefault(_exenv);
+
 var addEvent = function addEvent(elem, type, eventHandle) {
-  if (elem == null || typeof elem === 'undefined') {
+  if (elem === null || typeof elem === 'undefined') {
     return;
@@ -50,3 +50,3 @@ }
 var removeEvent = function removeEvent(elem, type, eventHandle) {
-  if (elem == null || typeof elem === 'undefined') {
+  if (elem === null || typeof elem === 'undefined') {
     return;
@@ -63,24 +63,24 @@ }
 
-var Carousel = _React2['default'].createClass({
+var Carousel = _react2['default'].createClass({
   displayName: 'Carousel',
 
-  mixins: [_tweenState2['default'].Mixin],
+  mixins: [_reactTweenState2['default'].Mixin],
 
   propTypes: {
-    cellAlign: _React2['default'].PropTypes.oneOf(['left', 'center', 'right']),
-    cellSpacing: _React2['default'].PropTypes.number,
-    data: _React2['default'].PropTypes.func,
-    decorators: _React2['default'].PropTypes.array,
-    dragging: _React2['default'].PropTypes.bool,
-    easing: _React2['default'].PropTypes.string,
-    edgeEasing: _React2['default'].PropTypes.string,
-    framePadding: _React2['default'].PropTypes.string,
-    initialSlideHeight: _React2['default'].PropTypes.number,
-    initialSlideWidth: _React2['default'].PropTypes.number,
-    slidesToShow: _React2['default'].PropTypes.number,
-    slidesToScroll: _React2['default'].PropTypes.oneOfType([_React2['default'].PropTypes.number, _React2['default'].PropTypes.oneOf(['auto'])]),
-    slideWidth: _React2['default'].PropTypes.oneOfType([_React2['default'].PropTypes.string, _React2['default'].PropTypes.number]),
-    speed: _React2['default'].PropTypes.number,
-    vertical: _React2['default'].PropTypes.bool,
-    width: _React2['default'].PropTypes.string
+    cellAlign: _react2['default'].PropTypes.oneOf(['left', 'center', 'right']),
+    cellSpacing: _react2['default'].PropTypes.number,
+    data: _react2['default'].PropTypes.func,
+    decorators: _react2['default'].PropTypes.array,
+    dragging: _react2['default'].PropTypes.bool,
+    easing: _react2['default'].PropTypes.string,
+    edgeEasing: _react2['default'].PropTypes.string,
+    framePadding: _react2['default'].PropTypes.string,
+    initialSlideHeight: _react2['default'].PropTypes.number,
+    initialSlideWidth: _react2['default'].PropTypes.number,
+    slidesToShow: _react2['default'].PropTypes.number,
+    slidesToScroll: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.oneOf(['auto'])]),
+    slideWidth: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.string, _react2['default'].PropTypes.number]),
+    speed: _react2['default'].PropTypes.number,
+    vertical: _react2['default'].PropTypes.bool,
+    width: _react2['default'].PropTypes.string
   },
@@ -140,7 +140,7 @@
     var self = this;
-    var children = _React2['default'].Children.count(this.props.children) > 1 ? this.formatChildren(this.props.children) : this.props.children;
-    return _React2['default'].createElement(
+    var children = _react2['default'].Children.count(this.props.children) > 1 ? this.formatChildren(this.props.children) : this.props.children;
+    return _react2['default'].createElement(
       'div',
-      { className: ['slider', this.props.className || ''].join(' '), ref: 'slider', style: _assign2['default'](this.getSliderStyles(), this.props.style || {}) },
-      _React2['default'].createElement(
+      { className: ['slider', this.props.className || ''].join(' '), ref: 'slider', style: (0, _objectAssign2['default'])(this.getSliderStyles(), this.props.style || {}) },
+      _react2['default'].createElement(
         'div',
@@ -152,3 +152,3 @@ _extends({ className: 'slider-frame',
           onClick: this.handleClick }),
-        _React2['default'].createElement(
+        _react2['default'].createElement(
           'ul',
@@ -160,9 +160,9 @@ { className: 'slider-list', ref: 'list', style: this.getListStyles() },
       this.props.decorators ? this.props.decorators.map(function (Decorator, index) {
-        return _React2['default'].createElement(
+        return _react2['default'].createElement(
           'div',
           {
-            style: _assign2['default'](self.getDecoratorStyles(Decorator.position), Decorator.style || {}),
+            style: (0, _objectAssign2['default'])(self.getDecoratorStyles(Decorator.position), Decorator.style || {}),
             className: 'slider-decorator-' + index,
             key: index },
-          _React2['default'].createElement(Decorator.component, {
+          _react2['default'].createElement(Decorator.component, {
             currentSlide: self.state.currentSlide,
@@ -180,3 +180,3 @@ slideCount: self.state.slideCount,
       }) : null,
-      _React2['default'].createElement('style', { type: 'text/css', dangerouslySetInnerHTML: { __html: self.getStyleTagStyles() } })
+      _react2['default'].createElement('style', { type: 'text/css', dangerouslySetInnerHTML: { __html: self.getStyleTagStyles() } })
     );
@@ -310,4 +310,4 @@ },
       if (this.touchObject.direction === 1) {
-        if (this.state.currentSlide >= _React2['default'].Children.count(this.props.children) - this.state.slidesToScroll) {
-          this.animateSlide(_tweenState2['default'].easingTypes[this.props.edgeEasing]);
+        if (this.state.currentSlide >= _react2['default'].Children.count(this.props.children) - this.state.slidesToScroll) {
+          this.animateSlide(_reactTweenState2['default'].easingTypes[this.props.edgeEasing]);
         } else {
@@ -318,3 +318,3 @@ this.nextSlide();
         if (this.state.currentSlide <= 0) {
-          this.animateSlide(_tweenState2['default'].easingTypes[this.props.edgeEasing]);
+          this.animateSlide(_reactTweenState2['default'].easingTypes[this.props.edgeEasing]);
         } else {
@@ -370,3 +370,3 @@ this.previousSlide();
     var self = this;
-    if (index >= _React2['default'].Children.count(this.props.children) || index < 0) {
+    if (index >= _react2['default'].Children.count(this.props.children) || index < 0) {
       return;
@@ -384,3 +384,3 @@ }
     var self = this;
-    if (this.state.currentSlide + this.state.slidesToScroll >= _React2['default'].Children.count(this.props.children)) {
+    if (this.state.currentSlide + this.state.slidesToScroll >= _react2['default'].Children.count(this.props.children)) {
       return;
@@ -413,3 +413,3 @@ }
     this.tweenState(this.props.vertical ? 'top' : 'left', {
-      easing: easing || _tweenState2['default'].easingTypes[this.props.easing],
+      easing: easing || _reactTweenState2['default'].easingTypes[this.props.easing],
       duration: duration || this.props.speed,
@@ -456,3 +456,3 @@ endValue: endValue || this.getTargetLeft()
     var self = this;
-    if (_ExecutionEnvironment2['default'].canUseDOM) {
+    if (_exenv2['default'].canUseDOM) {
       addEvent(window, 'resize', self.onResize);
@@ -473,3 +473,3 @@ addEvent(document, 'readystatechange', self.onReadyStateChange);
     var self = this;
-    if (_ExecutionEnvironment2['default'].canUseDOM) {
+    if (_exenv2['default'].canUseDOM) {
       removeEvent(window, 'resize', self.onResize);
@@ -482,4 +482,4 @@ removeEvent(document, 'readystatechange', self.onReadyStateChange);
     var self = this;
-    return _React2['default'].Children.map(children, function (child, index) {
-      return _React2['default'].createElement(
+    return _react2['default'].Children.map(children, function (child, index) {
+      return _react2['default'].createElement(
         'li',
@@ -505,3 +505,3 @@ { className: 'slider-slide', style: self.getSlideStyles(), key: index },
       frameWidth: this.props.vertical ? frameHeight : '100%',
-      slideCount: _React2['default'].Children.count(this.props.children),
+      slideCount: _react2['default'].Children.count(this.props.children),
       slideWidth: slideWidth
@@ -525,3 +525,3 @@ }, function () {
     slidesToScroll = this.props.slidesToScroll;
-    frame = _React2['default'].findDOMNode(this.refs.frame);
+    frame = _reactDom2['default'].findDOMNode(this.refs.frame);
     firstSlide = frame.childNodes[0].childNodes[0];
@@ -558,3 +558,3 @@ if (firstSlide) {
       frameWidth: frameWidth,
-      slideCount: _React2['default'].Children.count(this.props.children),
+      slideCount: _react2['default'].Children.count(this.props.children),
       slideWidth: slideWidth,
@@ -587,4 +587,4 @@ slidesToScroll: slidesToScroll,
   getListStyles: function getListStyles() {
-    var listWidth = this.state.slideWidth * _React2['default'].Children.count(this.props.children);
-    var spacingOffset = this.props.cellSpacing * _React2['default'].Children.count(this.props.children);
+    var listWidth = this.state.slideWidth * _react2['default'].Children.count(this.props.children);
+    var spacingOffset = this.props.cellSpacing * _react2['default'].Children.count(this.props.children);
     return {
@@ -591,0 +591,0 @@ position: 'relative',

lib/decorators.js

 'use strict';
 
-var _interopRequireWildcard = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
-
 Object.defineProperty(exports, '__esModule', {
@@ -9,14 +7,14 @@ value: true
 
-var _React = require('react');
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-var _React2 = _interopRequireWildcard(_React);
+var _react = require('react');
 
-'use strict';
+var _react2 = _interopRequireDefault(_react);
 
 var DefaultDecorators = [{
-  component: _React2['default'].createClass({
+  component: _react2['default'].createClass({
     displayName: 'component',
 
     render: function render() {
-      return _React2['default'].createElement(
+      return _react2['default'].createElement(
         'button',
@@ -43,7 +41,7 @@ {
 }, {
-  component: _React2['default'].createClass({
+  component: _react2['default'].createClass({
     displayName: 'component',
 
     render: function render() {
-      return _React2['default'].createElement(
+      return _react2['default'].createElement(
         'button',
@@ -70,3 +68,3 @@ {
 }, {
-  component: _React2['default'].createClass({
+  component: _react2['default'].createClass({
     displayName: 'component',
@@ -77,10 +75,10 @@
       var indexes = this.getIndexes(self.props.slideCount, self.props.slidesToScroll);
-      return _React2['default'].createElement(
+      return _react2['default'].createElement(
         'ul',
         { style: self.getListStyles() },
         indexes.map(function (index) {
-          return _React2['default'].createElement(
+          return _react2['default'].createElement(
             'li',
             { style: self.getListItemStyles(), key: index },
-            _React2['default'].createElement(
+            _react2['default'].createElement(
               'button',
@@ -87,0 +85,0 @@ {

package.json

 {
   "name": "nuka-carousel",
-  "version": "0.0.19",
+  "version": "1.0.0",
   "description": "Pure React Carousel",
   "main": "index.js",
   "dependencies": {
-    "exenv": "^1.1.0",
-    "object-assign": "^2.0.0",
-    "react-tween-state": "0.0.5"
+    "exenv": "^1.2.0",
+    "object-assign": "^4.0.1",
+    "react-tween-state": "^0.1.3"
   },
   "devDependencies": {
-    "babel-core": "^4.7.16",
-    "babel-eslint": "^2.0.2",
-    "babel-loader": "^4.2.0",
-    "chai": "^2.1.2",
-    "css-loader": "~0.9.0",
-    "del": "^1.1.1",
-    "eslint": "^0.17.1",
-    "eslint-loader": "^0.7.0",
-    "eslint-plugin-react": "^1.5.0",
-    "gulp": "^3.8.11",
-    "gulp-babel": "^5.1.0",
-    "gulp-eslint": "^0.7.0",
-    "gulp-karma": "0.0.4",
-    "gulp-open": "^0.3.2",
-    "gulp-util": "^3.0.4",
-    "gulp-webpack": "^1.3.0",
-    "istanbul": "^0.3.13",
-    "istanbul-instrumenter-loader": "^0.1.2",
-    "karma": "~0.13.3",
-    "karma-chrome-launcher": "~0.1.4",
-    "karma-coverage": "^0.3.1",
-    "karma-firefox-launcher": "~0.1.3",
-    "karma-mocha": "^0.1.10",
-    "karma-mocha-reporter": "^1.0.2",
-    "karma-phantomjs-launcher": "~0.1.3",
+    "babel-core": "^5.8.25",
+    "babel-eslint": "^4.1.3",
+    "babel-loader": "^5.3.2",
+    "chai": "^3.3.0",
+    "css-loader": "^0.19.0",
+    "del": "^2.0.2",
+    "eslint": "^1.6.0",
+    "eslint-loader": "^1.0.0",
+    "eslint-plugin-react": "^3.5.1",
+    "gulp": "^3.9.0",
+    "gulp-babel": "^5.2.1",
+    "gulp-eslint": "^1.0.0",
+    "gulp-karma": "0.0.5",
+    "gulp-open": "^1.0.0",
+    "gulp-util": "^3.0.6",
+    "gulp-webpack": "^1.5.0",
+    "istanbul": "^0.3.22",
+    "istanbul-instrumenter-loader": "^0.1.3",
+    "karma": "^0.13.10",
+    "karma-chrome-launcher": "^0.2.1",
+    "karma-coverage": "^0.5.2",
+    "karma-firefox-launcher": "^0.1.6",
+    "karma-mocha": "^0.2.0",
+    "karma-mocha-reporter": "^1.1.1",
+    "karma-phantomjs-launcher": "^0.2.1",
     "karma-script-launcher": "~0.1.0",
-    "karma-sinon-chai": "^0.3.0",
+    "karma-sinon-chai": "^1.1.0",
     "karma-webpack": "^1.7.0",
-    "mocha": "^2.2.1",
-    "react": "^0.13.3",
-    "react-hot-loader": "^1.0.7",
-    "sinon": "^1.14.1",
-    "sinon-chai": "^2.7.0",
-    "style-loader": "~0.8.0",
-    "url-loader": "~0.5.5",
-    "webpack": "~1.4.3",
-    "webpack-dev-server": "~1.6.5"
+    "mocha": "^2.3.3",
+    "phantomjs": "^1.9.18",
+    "react": "^0.14.0",
+    "react-dom": "^0.14.0",
+    "react-hot-loader": "^1.3.0",
+    "sinon": "^1.17.1",
+    "sinon-chai": "^2.8.0",
+    "style-loader": "^0.12.4",
+    "url-loader": "^0.5.6",
+    "webpack": "^1.12.2",
+    "webpack-dev-server": "^1.12.0"
   },
@@ -50,0 +52,0 @@ "scripts": {

src/carousel.js

 'use strict';
 
 import React from 'react';
+import ReactDom from 'react-dom';
 import tweenState from 'react-tween-state';
@@ -9,6 +10,4 @@ import decorators from './decorators';
 
-React.initializeTouchEvents(true);
-
 const addEvent = function(elem, type, eventHandle) {
-  if (elem == null || typeof (elem) === 'undefined') {
+  if (elem === null || typeof (elem) === 'undefined') {
     return;
@@ -26,3 +25,3 @@ }
 const removeEvent = function(elem, type, eventHandle) {
-  if (elem == null || typeof (elem) === 'undefined') {
+  if (elem === null || typeof (elem) === 'undefined') {
     return;
@@ -494,3 +493,3 @@ }
     slidesToScroll = this.props.slidesToScroll;
-    frame = React.findDOMNode(this.refs.frame);
+    frame = ReactDom.findDOMNode(this.refs.frame);
     firstSlide = frame.childNodes[0].childNodes[0];
@@ -497,0 +496,0 @@ if (firstSlide) {

webpack.dist.config.js

@@ -45,2 +45,8 @@ 'use strict';
         amd: "react"
+      },
+      "react-dom": {
+        root: "ReactDom",
+        commonjs2: "react-dom",
+        commonjs: "react-dom",
+        amd: "react-dom"
       }
@@ -47,0 +53,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

84312

increased by0.08%

Lines of code

2313

increased by0.09%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Dev dependency count

39

increased by5.41%

Dependency changes

• + Addedobject-assign@4.1.1(transitive)

• + Addedperformance-now@2.1.0(transitive)

• + Addedraf@3.4.1(transitive)

• + Addedreact-tween-state@0.1.5(transitive)

• - Removedobject-assign@2.1.1(transitive)

• - Removedreact-tween-state@0.0.5(transitive)

• Updatedexenv@^1.2.0

• Updatedobject-assign@^4.0.1

• Updatedreact-tween-state@^0.1.3