cf-component-button - npm Package Compare versions

Comparing version 2.0.0 to 2.1.0

lib/Button.js

 'use strict';
 
-exports.__esModule = true;
-exports.default = Button;
+var React = require('react');
+var PropTypes = React.PropTypes;
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function Button(props) {
   var className = 'cf-btn cf-btn--' + props.type;
 
-  return _react2.default.createElement(
+  return React.createElement(
     'button',
-    { className: className, disabled: props.isDisabled, onClick: props.onClick, __source: {
-        fileName: '../../../src/Button.js',
-        lineNumber: 7
-      }
-    },
+    {
+      className: className,
+      disabled: props.disabled,
+      onClick: props.onClick },
     props.children
@@ -27,5 +20,11 @@ );
 Button.propTypes = {
-  onClick: _react.PropTypes.func.isRequired,
-  type: _react.PropTypes.oneOf(['default', 'primary']).isRequired,
-  isDisabled: _react.PropTypes.bool
-};
+  onClick: PropTypes.func.isRequired,
+  type: PropTypes.oneOf(['default', 'primary', 'success', 'warning', 'error']).isRequired,
+  disabled: PropTypes.bool
+};
+Button.defaultProps = {
+  type: 'default'
+};
+;
+
+module.exports = Button;

lib/ButtonGroup.js

 'use strict';
 
-exports.__esModule = true;
-exports.default = ButtonGroup;
+var React = require('react');
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ButtonGroup(props) {
-  return _react2.default.createElement(
+  return React.createElement(
     'div',
-    { className: 'cf-btn__group', __source: {
-        fileName: '../../../src/ButtonGroup.js',
-        lineNumber: 4
-      }
-    },
+    { className: 'cf-btn__group' },
     props.children
   );
-}
+}
+
+;
+
+module.exports = ButtonGroup;

lib/index.js

 'use strict';
 
-exports.__esModule = true;
-exports.ButtonGroup = exports.Button = undefined;
-
-var _Button2 = require('./Button');
-
-var _Button3 = _interopRequireDefault(_Button2);
-
-var _ButtonGroup2 = require('./ButtonGroup');
-
-var _ButtonGroup3 = _interopRequireDefault(_ButtonGroup2);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.Button = _Button3.default;
-exports.ButtonGroup = _ButtonGroup3.default;
+exports.Button = require('./Button');
+exports.ButtonGroup = require('./ButtonGroup');

package.json

 {
   "name": "cf-component-button",
   "description": "CloudFlare Button Component",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "main": "lib/index.js",
-  "scripts": {
-    "build": "babel src -d lib",
-    "format": "jsfmt -w *.js src/ test/",
-    "lint": "eslint *.js src/ test/",
-    "prepublish": "npm run build",
-    "test": "karma start"
-  },
   "author": "James Kyle <[e-mail]>",
   "license": "BSD-3-Clause",
   "dependencies": {
-    "react": "^0.14.2",
-    "react-dom": "^0.14.2"
+    "react": "^0.14.2"
   },
   "devDependencies": {
-    "babel-cli": "^6.1.1",
-    "babel-core": "^6.0.20",
-    "babel-preset-cf": "^1.1.0",
-    "babelify": "^7.2.0",
-    "browserify-istanbul": "^0.2.1",
-    "chai": "^3.4.1",
-    "defined": "^1.0.0",
-    "eslint": "^1.8.0",
-    "jsfmt": "^0.5.2",
-    "karma": "^0.13.15",
-    "karma-beep-reporter": "^0.1.4",
-    "karma-browserify": "^4.4.0",
-    "karma-chrome-launcher": "^0.2.1",
-    "karma-coverage": "^0.5.3",
-    "karma-firefox-launcher": "^0.1.6",
-    "karma-mocha": "^0.2.0",
-    "karma-mocha-reporter": "^1.1.1",
-    "karma-safari-launcher": "^0.1.1",
-    "karma-sauce-launcher": "^0.3.0",
-    "karma-tape-reporter": "^1.0.3",
-    "minimist": "^1.2.0",
-    "mocha": "^2.3.3",
-    "react-addons-test-utils": "^0.14.2"
+    "react-dom": "^0.14.2"
   }
 }

README.md

@@ -14,16 +14,16 @@ # cf-component-button
 ```js
-import React from 'react';
-import {
+const React = require('react');
+const {
   ButtonGroup,
   Button
-} from 'cf-component-button';
+} = require('cf-component-button');
 
 export default class Application extends React.Component {
-  handleButtonOneClick() {
+  handleButtonOneClick = () => {
     // clicked...
-  }
+  };
 
-  handleButtonTwoClick() {
+  handleButtonTwoClick = () => {
     // clicked...
-  }
+  };
 
@@ -34,6 +34,6 @@ render() {
         <ButtonGroup>
-          <Button type='primary' onClick={this.handleButtonOneClick.bind(this)}>
+          <Button type="primary" onClick={this.handleButtonOneClick}>
             Button One
           </Button>
-          <Button type='primary' onClick={this.handleButtonTwoClick.bind(this)}>
+          <Button type="primary" onClick={this.handleButtonTwoClick}>
             Button Two
@@ -40,0 +40,0 @@ </Button>

No alert changes

Improved metrics

Dependency count

1

decreased by-50%

Dev dependency count

1

decreased by-95.65%

Worsened metrics

Total package byte prevSize

2005

decreased by-67.38%

Number of package files

6

decreased by-33.33%

Lines of code

35

decreased by-25.53%

Dependency changes

• - Removedreact-dom@^0.14.2

• - Removedreact-dom@0.14.10(transitive)