133 lines
4.3 KiB
JavaScript
133 lines
4.3 KiB
JavaScript
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = void 0;
|
|
|
|
var _getPrototypeOf = _interopRequireDefault(require("@babel/runtime/core-js/object/get-prototype-of"));
|
|
|
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
|
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
|
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
|
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
|
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
|
|
var _react = _interopRequireDefault(require("react"));
|
|
|
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
|
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
|
var _ownerDocument = _interopRequireDefault(require("dom-helpers/ownerDocument"));
|
|
|
|
var _exactProp = _interopRequireDefault(require("../utils/exactProp"));
|
|
|
|
function getContainer(container, defaultContainer) {
|
|
container = typeof container === 'function' ? container() : container;
|
|
return _reactDom.default.findDOMNode(container) || defaultContainer;
|
|
}
|
|
|
|
function getOwnerDocument(element) {
|
|
return (0, _ownerDocument.default)(_reactDom.default.findDOMNode(element));
|
|
}
|
|
/**
|
|
* This component shares many concepts with
|
|
* [react-overlays](https://react-bootstrap.github.io/react-overlays/#portals)
|
|
* But has been forked in order to fix some bugs, reduce the number of dependencies
|
|
* and take the control of our destiny.
|
|
*/
|
|
|
|
|
|
var Portal =
|
|
/*#__PURE__*/
|
|
function (_React$Component) {
|
|
(0, _inherits2.default)(Portal, _React$Component);
|
|
|
|
function Portal() {
|
|
var _ref;
|
|
|
|
var _temp, _this;
|
|
|
|
(0, _classCallCheck2.default)(this, Portal);
|
|
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
|
|
return (0, _possibleConstructorReturn2.default)(_this, (_temp = _this = (0, _possibleConstructorReturn2.default)(this, (_ref = Portal.__proto__ || (0, _getPrototypeOf.default)(Portal)).call.apply(_ref, [this].concat(args))), Object.defineProperty((0, _assertThisInitialized2.default)(_this), "getMountNode", {
|
|
configurable: true,
|
|
enumerable: true,
|
|
writable: true,
|
|
value: function value() {
|
|
return _this.mountNode;
|
|
}
|
|
}), _temp));
|
|
}
|
|
|
|
(0, _createClass2.default)(Portal, [{
|
|
key: "componentDidMount",
|
|
value: function componentDidMount() {
|
|
this.setContainer(this.props.container);
|
|
this.forceUpdate(this.props.onRendered);
|
|
}
|
|
}, {
|
|
key: "componentDidUpdate",
|
|
value: function componentDidUpdate(prevProps) {
|
|
if (prevProps.container !== this.props.container) {
|
|
this.setContainer(this.props.container);
|
|
this.forceUpdate();
|
|
}
|
|
}
|
|
}, {
|
|
key: "componentWillUnmount",
|
|
value: function componentWillUnmount() {
|
|
this.mountNode = null;
|
|
}
|
|
}, {
|
|
key: "setContainer",
|
|
value: function setContainer(container) {
|
|
this.mountNode = getContainer(container, getOwnerDocument(this).body);
|
|
}
|
|
/**
|
|
* @public
|
|
*/
|
|
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var children = this.props.children;
|
|
return this.mountNode ? _reactDom.default.createPortal(children, this.mountNode) : null;
|
|
}
|
|
}]);
|
|
return Portal;
|
|
}(_react.default.Component);
|
|
|
|
Portal.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
/**
|
|
* The children to render into the `container`.
|
|
*/
|
|
children: _propTypes.default.node.isRequired,
|
|
|
|
/**
|
|
* A node, component instance, or function that returns either.
|
|
* The `container` will have the portal children appended to it.
|
|
* By default, it's using the body of the top-level document object,
|
|
* so it's simply `document.body` most of the time.
|
|
*/
|
|
container: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]),
|
|
|
|
/**
|
|
* Callback fired once the children has been mounted into the `container`.
|
|
*/
|
|
onRendered: _propTypes.default.func
|
|
} : {};
|
|
Portal.propTypes = process.env.NODE_ENV !== "production" ? (0, _exactProp.default)(Portal.propTypes, 'Portal') : {};
|
|
var _default = Portal;
|
|
exports.default = _default; |