cf-component-button - npm Package Compare versions

Comparing version 2.2.3 to 3.0.0

lib/Button.js

 'use strict';
 
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -18,30 +20,33 @@
 
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
+    return _possibleConstructorReturn(this, (Button.__proto__ || Object.getPrototypeOf(Button)).apply(this, arguments));
   }
 
-  Button.prototype.render = function render() {
-    var _props = this.props;
-    var disabled = _props.disabled;
-    var loading = _props.loading;
+  _createClass(Button, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          disabled = _props.disabled,
+          loading = _props.loading;
 
-    var type = this.props.submit ? 'submit' : 'button';
-    var className = 'cf-btn cf-btn--' + this.props.type;
+      var type = this.props.submit ? 'submit' : 'button';
+      var className = 'cf-btn cf-btn--' + this.props.type;
 
-    if (loading) {
-      className += ' cf-btn--loading';
-    }
+      if (loading) {
+        className += ' cf-btn--loading';
+      }
 
-    // Unless the disabled state is explicitly set, the button is disabled when loading.
-    var isDisabled = (disabled !== undefined ? disabled : loading) || false;
+      // Unless the disabled state is explicitly set, the button is disabled when loading.
+      var isDisabled = (disabled !== undefined ? disabled : loading) || false;
 
-    return React.createElement(
-      'button',
-      {
-        type: type,
-        className: className,
-        disabled: isDisabled,
-        onClick: this.props.onClick },
-      this.props.children
-    );
-  };
+      return React.createElement(
+        'button',
+        {
+          type: type,
+          className: className,
+          disabled: isDisabled,
+          onClick: this.props.onClick },
+        this.props.children
+      );
+    }
+  }]);
 
@@ -56,4 +61,6 @@ return Button;
   disabled: PropTypes.bool,
-  loading: PropTypes.bool
+  loading: PropTypes.bool,
+  children: PropTypes.node
 };
+
 Button.defaultProps = {
@@ -63,4 +70,3 @@ type: 'default',
 };
-;
 
 module.exports = Button;

lib/ButtonGroup.js

 'use strict';
 
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -10,2 +12,3 @@
 var React = require('react');
+var PropTypes = React.PropTypes;
 
@@ -18,12 +21,15 @@ var ButtonGroup = function (_React$Component) {
 
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
+    return _possibleConstructorReturn(this, (ButtonGroup.__proto__ || Object.getPrototypeOf(ButtonGroup)).apply(this, arguments));
   }
 
-  ButtonGroup.prototype.render = function render() {
-    return React.createElement(
-      'div',
-      { className: 'cf-btn__group' },
-      this.props.children
-    );
-  };
+  _createClass(ButtonGroup, [{
+    key: 'render',
+    value: function render() {
+      return React.createElement(
+        'div',
+        { className: 'cf-btn__group' },
+        this.props.children
+      );
+    }
+  }]);
 
@@ -33,4 +39,6 @@ return ButtonGroup;
 
-;
+ButtonGroup.propTypes = {
+  children: PropTypes.node
+};
 
 module.exports = ButtonGroup;

package.json

 {
   "name": "cf-component-button",
   "description": "CloudFlare Button Component",
-  "version": "2.2.3",
+  "version": "3.0.0",
   "main": "lib/index.js",
@@ -12,8 +12,8 @@ "author": "James Kyle <[e-mail]>",
   "dependencies": {
-    "react": "^0.14.2"
+    "react": "^0.14.2 || ^15.0.0-0"
   },
   "devDependencies": {
     "assert-equal-jsx": "^1.0.0",
-    "react-dom": "^0.14.2"
+    "react-dom": "^15.0.0-0"
   }
 }

README.md

@@ -21,7 +21,8 @@ # cf-component-button
 export default class Application extends React.Component {
-  handleButtonOneClick = () => {
+
+  handleButtonOneClick() {
     // clicked...
   };
 
-  handleButtonTwoClick = () => {
+  handleButtonTwoClick() {
     // clicked...
@@ -34,6 +35,6 @@ };
         <ButtonGroup>
-          <Button type="primary" onClick={this.handleButtonOneClick}>
+          <Button type="primary" onClick={this.handleButtonOneClick.bind(this)}>
             Button One
           </Button>
-          <Button type="primary" onClick={this.handleButtonTwoClick}>
+          <Button type="primary" onClick={this.handleButtonTwoClick.bind(this)}>
             Button Two
@@ -40,0 +41,0 @@ </Button>

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6508

increased by29.23%

Lines of code

85

increased by18.06%

Number of lines in readme file

46

increased by2.22%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedcreate-react-class@15.7.0(transitive)

• + Addedencoding@0.1.13(transitive)

• + Addedfbjs@0.8.18(transitive)

• + Addediconv-lite@0.6.3(transitive)

• + Addedis-stream@1.1.0(transitive)

• + Addedisomorphic-fetch@2.2.1(transitive)

• + Addednode-fetch@1.7.3(transitive)

• + Addedobject-assign@4.1.1(transitive)

• + Addedprop-types@15.8.1(transitive)

• + Addedreact@15.7.0(transitive)

• + Addedreact-is@16.13.1(transitive)

• + Addedsetimmediate@1.0.5(transitive)

• + Addedwhatwg-fetch@3.6.20(transitive)

• - Removedacorn@5.7.4(transitive)

• - Removedamdefine@1.0.1(transitive)

• - Removedast-types@0.9.6(transitive)

• - Removedbalanced-match@1.0.2(transitive)

• - Removedbase62@1.2.8(transitive)

• - Removedbrace-expansion@1.1.11(transitive)

• - Removedcommander@2.20.3(transitive)

• - Removedcommoner@0.10.8(transitive)

• - Removedconcat-map@0.0.1(transitive)

• - Removeddefined@1.0.1(transitive)

• - Removeddetective@4.7.1(transitive)

• - Removedenvify@3.4.1(transitive)

• - Removedesprima@3.1.3(transitive)

• - Removedesprima-fb@15001.1.0-dev-harmony-fb(transitive)

• - Removedfbjs@0.6.1(transitive)

• - Removedglob@5.0.15(transitive)

• - Removedgraceful-fs@4.2.11(transitive)

• - Removediconv-lite@0.4.24(transitive)

• - Removedinflight@1.0.6(transitive)

• - Removedinherits@2.0.4(transitive)

• - Removedjstransform@11.0.3(transitive)

• - Removedminimatch@3.1.2(transitive)

• - Removedminimist@1.2.8(transitive)

• - Removedmkdirp@0.5.6(transitive)

• - Removedobject-assign@2.1.1(transitive)

• - Removedonce@1.4.0(transitive)

• - Removedpath-is-absolute@1.0.1(transitive)

• - Removedprivate@0.1.8(transitive)

• - Removedq@1.5.1(transitive)

• - Removedreact@0.14.10(transitive)

• - Removedrecast@0.11.23(transitive)

• - Removedsource-map@0.4.40.5.7(transitive)

• - Removedthrough@2.3.8(transitive)

• - Removedwhatwg-fetch@0.9.0(transitive)

• - Removedwrappy@1.0.2(transitive)

• Updatedreact@^0.14.2 || ^15.0.0-0