react-flexbox - npm Package Compare versions

Comparing version 2.0.2 to 3.0.0

examples/index.jsx

 import 'babel/polyfill';
 import React from 'react';
+import ReactDOM from 'react-dom';
 
@@ -39,2 +40,2 @@ import {FlexColumn, FlexRow} from '../src/index.jsx';
 
-React.render(<HelloWorld />, document.body);
+ReactDOM.render(<HelloWorld />, document.getElementById('app'));

lib/index.js

@@ -17,3 +17,3 @@ 'use strict';
 
-function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; }
+function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
@@ -34,3 +34,3 @@ var _react = require('react');
 
-function mixProps(style, props) {
+var mixProps = function mixProps(style, props) {
   var divStyle = {};
@@ -65,5 +65,7 @@
   }
-}
+};
 
-var View = (function (_React$Component) {
+var View = (function (_Component) {
+  _inherits(View, _Component);
+
   function View() {
@@ -75,4 +77,2 @@ _classCallCheck(this, View);
 
-  _inherits(View, _React$Component);
-
   _createClass(View, [{
@@ -91,8 +91,20 @@ key: 'render',
     }
+  }], [{
+    key: 'propTypes',
+    value: {
+      row: _react.PropTypes.bool,
+      column: _react.PropTypes.bool,
+      auto: _react.PropTypes.bool,
+      className: _react.PropTypes.string,
+      height: _react.PropTypes.string,
+      style: _react.PropTypes.object,
+      width: _react.PropTypes.oneOfType([_react.PropTypes.number, _react.PropTypes.string])
+    },
+    enumerable: true
   }]);
 
   return View;
-})(_react2['default'].Component);
+})(_react.Component);
 
 exports['default'] = View;
 module.exports = exports['default'];

package.json

 {
   "name": "react-flexbox",
-  "version": "2.0.2",
+  "version": "3.0.0",
   "description": "React flexbox implementation",
@@ -8,8 +8,5 @@ "author": "Thomas Coopman @tcoopman",
   "scripts": {
-    "prepublish": "node_modules/babel/bin/babel/index.js src/index.jsx -o lib/index.js",
+    "prepublish": "./node_modules/.bin/babel src/index.jsx -o lib/index.js",
     "example": "cd examples; node ../node_modules/webpack-dev-server/bin/webpack-dev-server.js"
   },
-  "peerDependencies": {
-    "react": "0.13.x"
-  },
   "licenses": [
@@ -30,13 +27,22 @@ {
   ],
+  "engines": {
+    "node": ">= 0.12",
+    "iojs": ">= 3.0",
+    "npm": ">= 2.1"
+  },
   "devDependencies": {
-    "babel": "^5.6.14",
-    "babel-eslint": "^3.1.20",
-    "babel-loader": "^5.2.2",
-    "eslint": "^0.24.0",
-    "eslint-plugin-react": "^2.6.2",
+    "babel": "5.8.23",
+    "babel-eslint": "^4.1.0",
+    "babel-loader": "^5.3.2",
     "debug": "^2.2.0",
-    "react-hot-loader": "^1.2.7",
-    "webpack": "^1.10.0",
+    "eslint": "^1.3.1",
+    "eslint-plugin-react": "^3.3.0",
+    "react-hot-loader": "^1.3.0",
+    "webpack": "^1.12.0",
     "webpack-dev-server": "^1.10.1"
+  },
+  "dependencies": {
+    "react": "^0.14.0-rc1",
+    "react-dom": "^0.14.0-rc1"
   }
 }

src/index.jsx

@@ -1,2 +0,2 @@
-import React from 'react';
+import React, { Component, PropTypes } from 'react';
 
@@ -13,3 +13,3 @@ const flexStyle = {
 
-function mixProps(style, props) {
+const mixProps = (style, props) => {
   const divStyle = {};
@@ -46,3 +46,14 @@
 
-export default class View extends React.Component {
+export default class View extends Component {
+
+  static propTypes = {
+    row: PropTypes.bool,
+    column: PropTypes.bool,
+    auto: PropTypes.bool,
+    className: PropTypes.string,
+    height: PropTypes.string,
+    style: PropTypes.object,
+    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+  }
+
   render() {
@@ -49,0 +60,0 @@ const style = mixProps({}, this.props);

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

Improved metrics

Total package byte prevSize

11969

increased by8.36%

Lines of code

219

increased by11.17%

Worsened metrics

Dependency count

2

increased by100%

Dependency changes

• + Addedreact@^0.14.0-rc1

• + Addedreact-dom@^0.14.0-rc1

• + Addedasap@2.0.6(transitive)

• + Addedcore-js@1.2.7(transitive)

• + Addedfbjs@0.6.1(transitive)

• + Addedjs-tokens@4.0.0(transitive)

• + Addedloose-envify@1.4.0(transitive)

• + Addedpromise@7.3.1(transitive)

• + Addedreact@0.14.10(transitive)

• + Addedreact-dom@0.14.10(transitive)

• + Addedua-parser-js@0.7.39(transitive)

• + Addedwhatwg-fetch@0.9.0(transitive)

• - Removedreact@0.13.3(transitive)