@helpscout/hsds-react/components/PortalWrapper/PortalWrapper.Content.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _PortalWrapper = require("./PortalWrapper.utils");

var managerNamespace = 'HSDSPortalWrapperGlobalManager';

var Content = /*#__PURE__*/function (_React$PureComponent) {
  (0, _inheritsLoose2.default)(Content, _React$PureComponent);

  function Content() {
    return _React$PureComponent.apply(this, arguments) || this;
  }

  var _proto = Content.prototype;

  _proto.componentDidMount = function componentDidMount() {
    var _this$props = this.props,
        id = _this$props.id,
        manager = _this$props.manager;
    manager.add(id);
  };

  _proto.componentWillUnmount = function componentWillUnmount() {
    var _this$props2 = this.props,
        id = _this$props2.id,
        manager = _this$props2.manager;
    manager.remove(id);
  };

  _proto.render = function render() {
    return this.props.children || null;
  };

  return Content;
}(_react.default.PureComponent);

Content.defaultProps = {
  manager: (0, _PortalWrapper.setupManager)(managerNamespace),
  id: 1000
};
Content.propTypes = {
  manager: _propTypes.default.any,
  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
};
var _default = Content;
exports.default = _default;