react-portal - npm Package Compare versions

es/Portal.js

		@@ -11,3 +11,3 @@ var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
		import PropTypes from 'prop-types';
		import { createPortal, unmountComponentAtNode } from 'react-dom';
		import { createPortal } from 'react-dom';

		@@ -29,3 +29,2 @@ var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
		if (this.defaultNode) {
		unmountComponentAtNode(this.defaultNode);
		document.body.removeChild(this.defaultNode);
		@@ -32,0 +31,0 @@ }

es/PortalWithState.js

		@@ -80,2 +80,3 @@ var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
		node: this.node,
		key: 'react-portal',
		ref: function ref(portalNode) {
		@@ -82,0 +83,0 @@ return _this2.portalNode = portalNode;

lib/Portal.js

		@@ -42,3 +42,2 @@ 'use strict';
		if (this.defaultNode) {
		(0, _reactDom.unmountComponentAtNode)(this.defaultNode);
		document.body.removeChild(this.defaultNode);
		@@ -45,0 +44,0 @@ }

lib/PortalWithState.js

		@@ -97,2 +97,3 @@ 'use strict';
		node: this.node,
		key: 'react-portal',
		ref: function ref(portalNode) {
		@@ -99,0 +100,0 @@ return _this2.portalNode = portalNode;

package.json

		{
		"name": "react-portal",
		"version": "4.0.0-beta.1",
		"version": "4.0.0-beta.2",
		"description": "To make your life with React Portals easier.",
		@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

		@@ -60,6 +60,10 @@ React-portal
		{({ openPortal, closePortal, isOpen, portal }) => [
		!isOpen && <button onClick={openPortal}>Open Portal</button>,
		!isOpen && (
		<button key="foo" onClick={openPortal}>
		Open Portal
		</button>
		),
		portal(
		<p>
		This is more advanced Portal. It handles its own state.
		This is more advanced Portal. It handles its own state.{' '}
		<button onClick={closePortal}>Close me!</button>, hit ESC or
		@@ -66,0 +70,0 @@ click outside of me.

New alerts