react-sheet - npm Package Compare versions

Comparing version 0.0.61 to 0.0.63

es/Body.js

@@ -129,3 +129,3 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
               width: detectPlatform() == 'mac' ? width : width - 17,
-              height: height,
+              height: height - 17,
               rowCount: data.length,
@@ -132,0 +132,0 @@ rowHeight: rowHeight || 28,

es/Checkbox.js

@@ -19,2 +19,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
+  Checkbox.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
+    if (this.props.isSelected !== nextProps.isSelected) {
+      return true;
+    }
+
+    return false;
+  };
+
   Checkbox.prototype.render = function render() {
@@ -21,0 +29,0 @@ var _props = this.props,

es/Header.js

@@ -7,3 +7,3 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 
@@ -14,4 +14,4 @@ import HeaderCell from './HeaderCell';
 
-var Header = function (_Component) {
-  _inherits(Header, _Component);
+var Header = function (_PureComponent) {
+  _inherits(Header, _PureComponent);
 
@@ -21,3 +21,3 @@ function Header() {
 
-    return _possibleConstructorReturn(this, _Component.apply(this, arguments));
+    return _possibleConstructorReturn(this, _PureComponent.apply(this, arguments));
   }
@@ -75,4 +75,4 @@
   return Header;
-}(Component);
+}(PureComponent);
 
 export default Header;

es/HeaderCell.js

@@ -8,8 +8,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 import classNames from 'classnames';
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 
 var DEFAULT_WIDTH = 100;
 
-var HeaderCell = function (_Component) {
-  _inherits(HeaderCell, _Component);
+var HeaderCell = function (_PureComponent) {
+  _inherits(HeaderCell, _PureComponent);
 
@@ -19,16 +19,5 @@ function HeaderCell() {
 
-    return _possibleConstructorReturn(this, _Component.apply(this, arguments));
+    return _possibleConstructorReturn(this, _PureComponent.apply(this, arguments));
   }
 
-  HeaderCell.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
-    var column = this.props.column;
-
-
-    if (column.Header === nextProps.column.Header) {
-      return false;
-    }
-
-    return true;
-  };
-
   HeaderCell.prototype.render = function render() {
@@ -56,4 +45,4 @@ var _props$column = this.props.column,
   return HeaderCell;
-}(Component);
+}(PureComponent);
 
 export default HeaderCell;

es/Input.js

@@ -69,2 +69,10 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
+  Input.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
+    if (this.props.value !== nextProps.value || this.props.className !== nextProps.className) {
+      return true;
+    }
+
+    return false;
+  };
+
   Input.prototype.render = function render() {
@@ -71,0 +79,0 @@ var _this2 = this,

lib/Body.js

@@ -145,3 +145,3 @@ 'use strict';
               width: detectPlatform() == 'mac' ? width : width - 17,
-              height: height,
+              height: height - 17,
               rowCount: data.length,
@@ -148,0 +148,0 @@ rowHeight: rowHeight || 28,

lib/Checkbox.js

@@ -30,2 +30,10 @@ 'use strict';
 
+  Checkbox.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
+    if (this.props.isSelected !== nextProps.isSelected) {
+      return true;
+    }
+
+    return false;
+  };
+
   Checkbox.prototype.render = function render() {
@@ -32,0 +40,0 @@ var _props = this.props,

lib/Header.js

@@ -23,4 +23,4 @@ 'use strict';
 
-var Header = function (_Component) {
-  _inherits(Header, _Component);
+var Header = function (_PureComponent) {
+  _inherits(Header, _PureComponent);
 
@@ -30,3 +30,3 @@ function Header() {
 
-    return _possibleConstructorReturn(this, _Component.apply(this, arguments));
+    return _possibleConstructorReturn(this, _PureComponent.apply(this, arguments));
   }
@@ -84,5 +84,5 @@
   return Header;
-}(_react.Component);
+}(_react.PureComponent);
 
 exports.default = Header;
 module.exports = exports['default'];

lib/HeaderCell.js

@@ -23,4 +23,4 @@ 'use strict';
 
-var HeaderCell = function (_Component) {
-  _inherits(HeaderCell, _Component);
+var HeaderCell = function (_PureComponent) {
+  _inherits(HeaderCell, _PureComponent);
 
@@ -30,16 +30,5 @@ function HeaderCell() {
 
-    return _possibleConstructorReturn(this, _Component.apply(this, arguments));
+    return _possibleConstructorReturn(this, _PureComponent.apply(this, arguments));
   }
 
-  HeaderCell.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
-    var column = this.props.column;
-
-
-    if (column.Header === nextProps.column.Header) {
-      return false;
-    }
-
-    return true;
-  };
-
   HeaderCell.prototype.render = function render() {
@@ -67,5 +56,5 @@ var _props$column = this.props.column,
   return HeaderCell;
-}(_react.Component);
+}(_react.PureComponent);
 
 exports.default = HeaderCell;
 module.exports = exports['default'];

lib/Input.js

@@ -84,2 +84,10 @@ 'use strict';
 
+  Input.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
+    if (this.props.value !== nextProps.value || this.props.className !== nextProps.className) {
+      return true;
+    }
+
+    return false;
+  };
+
   Input.prototype.render = function render() {
@@ -86,0 +94,0 @@ var _this2 = this,

package.json

 {
   "name": "react-sheet",
-  "version": "0.0.61",
+  "version": "0.0.63",
   "description": "Spreadsheet component for react",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

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

3875835

increased by0.03%

Lines of code

46980

increased by0.03%

No dependency changes