@reach/rect - npm Package Compare versions

Comparing version 0.0.2 to 0.1.0

es/index.js

@@ -6,2 +6,3 @@ 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; };
 import observeRect from "@reach/observe-rect";
+import { func, bool } from "prop-types";
 
@@ -22,2 +23,6 @@ var render = function render(_ref) {
 
+  if (!refs.node) {
+    console.warn("You need to place the ref");
+    return;
+  }
   refs.observer = observeRect(refs.node, function (rect) {
@@ -67,4 +72,5 @@ props.onChange && props.onChange(rect);
 process.env.NODE_ENV !== "production" ? Rect.propTypes = {
-  onChange: function onChange() {},
-  observe: function observe() {}
+  children: func,
+  observe: bool,
+  onChange: func
 } : void 0;
@@ -71,0 +77,0 @@

index.js

@@ -19,2 +19,4 @@ "use strict";
 
+var _propTypes = require("prop-types");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -36,2 +38,6 @@
 
+  if (!refs.node) {
+    console.warn("You need to place the ref");
+    return;
+  }
   refs.observer = (0, _observeRect2.default)(refs.node, function (rect) {
@@ -81,4 +87,5 @@ props.onChange && props.onChange(rect);
 process.env.NODE_ENV !== "production" ? Rect.propTypes = {
-  onChange: function onChange() {},
-  observe: function observe() {}
+  children: _propTypes.func,
+  observe: _propTypes.bool,
+  onChange: _propTypes.func
 } : void 0;
@@ -85,0 +92,0 @@

package.json

 {
   "name": "@reach/rect",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "description": "Measure React elements position in the DOM",
   "main": "index.js",
+  "module": "es/index.js",
   "scripts": {
@@ -11,8 +12,8 @@ "test": "echo \"Write some tests you bum!\"",
   "dependencies": {
-    "@reach/component-component": "^0.0.2",
+    "@reach/component-component": "^0.1.0",
     "@reach/observe-rect": "^1.0.3"
   },
   "peerDependencies": {
-    "react": "15.x || 16.x",
-    "react-dom": "15.x || 16.x"
+    "react": "^16.4.0",
+    "react-dom": "^16.4.0"
   },
@@ -19,0 +20,0 @@ "author": "",

src/index.js

 import React from "react";
 import Component from "@reach/component-component";
 import observeRect from "@reach/observe-rect";
+import { func, bool } from "prop-types";
 
@@ -9,2 +10,6 @@ let render = ({ refs, props: { children }, state: { rect } }) =>
 let didMount = ({ setState, refs, props }) => {
+  if (!refs.node) {
+    console.warn("You need to place the ref");
+    return;
+  }
   refs.observer = observeRect(refs.node, rect => {
@@ -49,4 +54,5 @@ props.onChange && props.onChange(rect);
 Rect.propTypes = {
-  onChange: () => {},
-  observe: () => {}
+  children: func,
+  observe: bool,
+  onChange: func
 };
@@ -53,0 +59,0 @@

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

6270

increased by6.78%

Lines of code

192

increased by10.34%

Dependency changes

• + Added@reach/component-component@0.1.3(transitive)

• - Removed@reach/component-component@0.0.2(transitive)

• Updated@reach/component-component@^0.1.0