@meadow/react-slider - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2-alpha.1

components/Slider.jsx

 'use strict';
 
-var React = require('react');
-var PropTypes = React.PropTypes;
-var cx = require('classnames');
+import React, { PropTypes } from 'react';
+import cx from 'classnames';
 
@@ -115,3 +114,3 @@ var capitalize = function (string) {
 
-  handleTouchEnd: function (event) {
+  handleTouchEnd: function () {
     window.removeEventListener('touchmove', this.handleTouchMove);
@@ -132,3 +131,3 @@ window.removeEventListener('touchend', this.handleTouchEnd);
         var sliderStyle = {
-            left: stepPercent + '%'
+          left: stepPercent + '%'
         };
@@ -159,4 +158,4 @@ stepsJSX.push(<div className="slider__step" style={sliderStyle} key={i} />);
         onMouseDown={this.handleSliderMouseDown}
-        onTouchStart={this.handleTouchStart}
-      >
+        onTouchStart={this.handleTouchStart}>
+
         <div className="slider__track" ref="track">
@@ -171,2 +170,2 @@ {stepsJSX}
 
-module.exports = Slider;
+export default Slider;

lib/components/Slider.js

 'use strict';
 
-var React = require('react');
-var PropTypes = React.PropTypes;
-var cx = require('classnames');
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var capitalize = function capitalize(string) {
@@ -25,13 +35,13 @@ return string.charAt(0).toUpperCase() + string.slice(1);
 
-var Slider = React.createClass({
+var Slider = _react2.default.createClass({
   displayName: 'Slider',
 
   propTypes: {
-    min: PropTypes.number,
-    max: PropTypes.number,
-    step: PropTypes.number,
-    value: PropTypes.number,
-    defaultValue: PropTypes.number,
-    onChange: PropTypes.func,
-    className: PropTypes.string
+    min: _react.PropTypes.number,
+    max: _react.PropTypes.number,
+    step: _react.PropTypes.number,
+    value: _react.PropTypes.number,
+    defaultValue: _react.PropTypes.number,
+    onChange: _react.PropTypes.func,
+    className: _react.PropTypes.string
   },
@@ -118,3 +128,3 @@
 
-  handleTouchEnd: function handleTouchEnd(event) {
+  handleTouchEnd: function handleTouchEnd() {
     window.removeEventListener('touchmove', this.handleTouchMove);
@@ -137,3 +147,3 @@ window.removeEventListener('touchend', this.handleTouchEnd);
         };
-        stepsJSX.push(React.createElement('div', { className: 'slider__step', style: sliderStyle, key: i }));
+        stepsJSX.push(_react2.default.createElement('div', { className: 'slider__step', style: sliderStyle, key: i }));
       }
@@ -145,3 +155,3 @@ }
   render: function render() {
-    var sliderClassName = cx({
+    var sliderClassName = (0, _classnames2.default)({
       slider: true,
@@ -159,3 +169,3 @@ 'slider--active': this.state.active
     };
-    return React.createElement(
+    return _react2.default.createElement(
       'div',
@@ -165,9 +175,8 @@ {
         onMouseDown: this.handleSliderMouseDown,
-        onTouchStart: this.handleTouchStart
-      },
-      React.createElement(
+        onTouchStart: this.handleTouchStart },
+      _react2.default.createElement(
         'div',
         { className: 'slider__track', ref: 'track' },
         stepsJSX,
-        React.createElement('div', { className: 'slider__thumb', style: thumbStyle })
+        _react2.default.createElement('div', { className: 'slider__thumb', style: thumbStyle })
       )
@@ -178,2 +187,2 @@ );
 
-module.exports = Slider;
+exports.default = Slider;

package.json

 {
   "name": "@meadow/react-slider",
-  "version": "1.0.1",
+  "version": "1.0.2-alpha.1",
   "description": "Clean and simple Slider component. For when <input type=\"range\" /> just won't do.",
@@ -12,3 +12,4 @@ "main": "lib/components/Slider.js",
     "test": "zuul -- test/**/*.{js,jsx}",
-    "test:browser": "zuul --local 55555 -- test/**/*.{js,jsx}"
+    "test:browser": "zuul --local 55555 -- test/**/*.{js,jsx}",
+    "lint": "eslint components --ext .js --ext .jsx"
   },
@@ -35,6 +36,13 @@ "repository": {
   "devDependencies": {
-    "babel": "^5.8.23",
+    "@fauntleroy/trigger-event": "^1.0.1",
+    "@meadow/eslint-config": "^1.1.0",
+    "babel": "^6.23.0",
+    "babel-cli": "^6.24.1",
+    "babel-eslint": "^4.1.6",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-react": "^6.24.1",
     "babelify": "^6.3.0",
     "browserify": "^11.1.0",
     "dom-classes": "0.0.1",
+    "eslint": "^1.10.3",
     "mkdirp": "^0.5.1",
@@ -41,0 +49,0 @@ "react": "^0.13.3",

README.md

@@ -16,3 +16,3 @@ ## Meadow Slider
 ```
-npm install meadow/meadow-slider
+npm install @meadow/react-slider
 ```
@@ -27,3 +27,3 @@
 ```jsx
-var Slider = require('meadow-slider');
+var Slider = require('@meadow/react-slider');
 
@@ -46,3 +46,3 @@ var App = React.createClass({
 ```styl
-import 'node_modules/meadow-slider/styles/Slider.css';
+import 'node_modules/@meadow/react-slider/lib/styles/Slider.css';
 ```
@@ -49,0 +49,0 @@

test/components/Slider.jsx

@@ -1,28 +0,9 @@
-var test = require('tape');
-var React = require('react/addons');
-var { TestUtils } = React.addons;
-var classes = require('dom-classes');
+import test from 'tape';
+import React from 'react/addons';
+var TestUtils = React.addons.TestUtils;
+import classes from 'dom-classes';
+import triggerEvent from '@fauntleroy/trigger-event';
 
-var Slider = require('../../components/Slider.jsx');
+import Slider from '../../components/Slider.jsx';
 
-var triggerEvent = function (target, name, properties) {
-  var event;
-  switch (name) {
-    case 'mousedown':
-    case 'mousemove':
-    case 'mouseup':
-      event = new MouseEvent(name, properties);
-    break;
-    case 'touchstart':
-    case 'touchmove':
-    case 'touchend':
-      event = new TouchEvent(name, properties);
-    break;
-    default:
-      event = new Event(name, properties);
-    break;
-  }
-  target.dispatchEvent(event);
-};
-
 var TestApp = React.createClass({
@@ -29,0 +10,0 @@ getInitialState: () => new Object(),

New alerts

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

200397

increased by0.22%

Number of package files

13

increased by30%

Worsened metrics

Dev dependency count

19

increased by58.33%

Lines of code

606

decreased by-2.57%

Number of low quality alerts

1

increased byInfinity%

No dependency changes