react-inspector - npm Package Compare versions

Comparing version 2.2.2 to 2.3.0

lib/object/ObjectValue.js

@@ -101,2 +101,11 @@ 'use strict';
       }
+
+      if (!object.constructor) {
+        return _react2.default.createElement(
+          'span',
+          null,
+          'Object'
+        );
+      }
+
       return _react2.default.createElement(
@@ -103,0 +112,0 @@ 'span',

lib/object/ObjectValue.spec.js

@@ -79,2 +79,8 @@ 'use strict';
 
+  it('should render a null prototyped object', function () {
+    var tree = _reactTestRenderer2.default.create(_react2.default.createElement(_ObjectValue2.default, { object: Object.create(null) })).toJSON();
+    expect(tree.type).toBe('span');
+    expect(tree.children).toEqual(['Object']);
+  });
+
   /*
@@ -81,0 +87,0 @@ it('should render an anonymous function', () => {

lib/table-inspector/TH.js

@@ -11,2 +11,6 @@ 'use strict';
 
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
 var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
@@ -103,4 +107,8 @@
       var _props = this.props,
+          borderStyle = _props.borderStyle,
+          children = _props.children,
+          onClick = _props.onClick,
+          sortAscending = _props.sortAscending,
           sorted = _props.sorted,
-          sortAscending = _props.sortAscending;
+          props = (0, _objectWithoutProperties3.default)(_props, ['borderStyle', 'children', 'onClick', 'sortAscending', 'sorted']);
       var theme = this.context.theme;
@@ -112,7 +120,7 @@
         'th',
-        (0, _extends3.default)({}, this.props, {
-          style: (0, _extends3.default)({}, styles.base, this.props.borderStyle, this.state.hovered ? styles.base[':hover'] : {}),
+        (0, _extends3.default)({}, props, {
+          style: (0, _extends3.default)({}, styles.base, borderStyle, this.state.hovered ? styles.base[':hover'] : {}),
           onMouseEnter: this.toggleHovered.bind(this, true),
           onMouseLeave: this.toggleHovered.bind(this, false),
-          onClick: this.props.onClick
+          onClick: onClick
         }),
@@ -122,13 +130,9 @@ _react2.default.createElement(
           { style: styles.div },
-          this.props.children
+          children
         ),
-        function () {
-          if (sorted) {
-            return _react2.default.createElement(
-              SortIconContainer,
-              null,
-              _react2.default.createElement(SortIcon, { sortAscending: sortAscending })
-            );
-          }
-        }()
+        sorted && _react2.default.createElement(
+          SortIconContainer,
+          null,
+          _react2.default.createElement(SortIcon, { sortAscending: sortAscending })
+        )
       );
@@ -135,0 +139,0 @@ }

package.json

 {
   "name": "react-inspector",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "description": "Power of Browser DevTools inspectors right inside your React app",
@@ -50,7 +50,7 @@ "keywords": [
   "devDependencies": {
-    "@storybook/react": "^3.2.17",
+    "@storybook/react": "^3.4.0",
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
-    "babel-eslint": "^8.0.3",
-    "babel-loader": "^7.1.2",
+    "babel-eslint": "^8.2.2",
+    "babel-loader": "^7.1.4",
     "babel-plugin-transform-runtime": "^6.23.0",
@@ -61,20 +61,21 @@ "babel-preset-es2015": "^6.24.1",
     "babel-register": "^6.26.0",
-    "core-js": "^2.5.2",
-    "css-loader": "^0.28.7",
-    "eslint": "^4.13.0",
-    "eslint-plugin-jasmine": "^2.9.1",
-    "eslint-plugin-react": "^7.5.1",
-    "expect": "^21.2.1",
-    "jest": "^21.2.1",
-    "prettier": "^1.9.1",
-    "prop-types": "^15.6.0",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0",
-    "react-hot-loader": "^3.1.3",
-    "react-test-renderer": "^16.2.0",
+    "core-js": "^2.5.5",
+    "css-loader": "^0.28.11",
+    "eslint": "^4.19.1",
+    "eslint-plugin-jasmine": "^2.9.3",
+    "eslint-plugin-react": "^7.7.0",
+    "expect": "^22.4.3",
+    "jest": "^22.4.3",
+    "prettier": "^1.11.1",
+    "prop-types": "^15.6.1",
+    "react": "^16.3.1",
+    "react-dom": "^16.3.1",
+    "react-hot-loader": "^4.0.1",
+    "react-test-renderer": "^16.3.1",
     "rebug": "^0.0.3",
     "rimraf": "^2.6.2",
-    "style-loader": "^0.19.0",
-    "webpack": "^3.10.0",
-    "webpack-dev-server": "^2.9.7"
+    "style-loader": "^0.20.3",
+    "webpack": "^4.5.0",
+    "webpack-cli": "^2.0.14",
+    "webpack-dev-server": "^3.1.3"
   },
@@ -81,0 +82,0 @@ "peerDependencies": {

README.md

@@ -63,3 +63,3 @@ # react-inspector
 
-  const defaultNodeRenderer = ({ depth, name, data, isNonenumerable }) =>
+  const defaultNodeRenderer = ({ depth, name, data, isNonenumerable, expanded }) =>
     depth === 0
@@ -66,0 +66,0 @@ ? <ObjectRootLabel name={name} data={data} />

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

449238

increased by23.91%

Lines of code

2591

increased by0.54%

Worsened metrics

Dev dependency count

29

increased by3.57%

No dependency changes