@reach/portal - npm Package Compare versions

Comparing version 0.0.2 to 0.1.0

es/index.js

@@ -11,8 +11,11 @@ import React from "react";
     getRefs: function getRefs() {
-      return { node: document.createElement(type) };
+      return { node: null };
     },
     didMount: function didMount(_ref2) {
-      var node = _ref2.refs.node;
+      var refs = _ref2.refs,
+          forceUpdate = _ref2.forceUpdate;
 
-      document.body.appendChild(node);
+      refs.node = document.createElement(type);
+      document.body.appendChild(refs.node);
+      forceUpdate();
     },
@@ -27,3 +30,3 @@ willUnmount: function willUnmount(_ref3) {
 
-      return createPortal(children, node);
+      return node ? createPortal(children, node) : null;
     }
@@ -30,0 +33,0 @@ });

index.js

@@ -23,8 +23,11 @@ "use strict";
     getRefs: function getRefs() {
-      return { node: document.createElement(type) };
+      return { node: null };
     },
     didMount: function didMount(_ref2) {
-      var node = _ref2.refs.node;
+      var refs = _ref2.refs,
+          forceUpdate = _ref2.forceUpdate;
 
-      document.body.appendChild(node);
+      refs.node = document.createElement(type);
+      document.body.appendChild(refs.node);
+      forceUpdate();
     },
@@ -39,3 +42,3 @@ willUnmount: function willUnmount(_ref3) {
 
-      return (0, _reactDom.createPortal)(children, node);
+      return node ? (0, _reactDom.createPortal)(children, node) : null;
     }
@@ -42,0 +45,0 @@ });

package.json

 {
   "name": "@reach/portal",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "description": "Declarative portals for React",
   "main": "index.js",
+  "module": "es/index.js",
   "scripts": {
@@ -11,7 +12,7 @@ "test": "echo \"Write some tests you bum!\"",
   "dependencies": {
-    "@reach/component-component": "^0.0.2"
+    "@reach/component-component": "^0.1.0"
   },
   "peerDependencies": {
-    "react": "15.x || 16.x",
-    "react-dom": "15.x || 16.x"
+    "react": "^16.4.0",
+    "react-dom": "^16.4.0"
   },
@@ -18,0 +19,0 @@ "author": "",

src/index.js

@@ -7,5 +7,7 @@ import React from "react";
   <Component
-    getRefs={() => ({ node: document.createElement(type) })}
-    didMount={({ refs: { node } }) => {
-      document.body.appendChild(node);
+    getRefs={() => ({ node: null })}
+    didMount={({ refs, forceUpdate }) => {
+      refs.node = document.createElement(type);
+      document.body.appendChild(refs.node);
+      forceUpdate();
     }}
@@ -16,3 +18,3 @@ willUnmount={({ refs: { node } }) => {
     render={({ refs: { node } }) => {
-      return createPortal(children, node);
+      return node ? createPortal(children, node) : null;
     }}
@@ -19,0 +21,0 @@ />

No alert changes

Improved metrics

Total package byte prevSize

3327

increased by9.48%

Lines of code

81

increased by10.96%

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