@zohodesk/components/lib/Modal/Portal/Portal.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = Portal;

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

var _Portal = _interopRequireDefault(require("@zohodesk/dotkit/es/react/components/Portal/Portal"));

var _Config = require("../../Provider/Config");

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function Portal(_ref) {
  var children = _ref.children,
      portalId = _ref.portalId;
  var portalPrefix = (0, _Config.getLibraryConfig)("portalPrefix");

  var getPortalContainer = function getPortalContainer() {
    var getPortalContainer = (0, _Config.getLibraryConfig)('getPortalContainer');

    if (getPortalContainer && typeof getPortalContainer === 'function') {
      var portal = getPortalContainer();

      if (portal) {
        return portal;
      }
    }

    return null;
  };

  return /*#__PURE__*/_react["default"].createElement(_Portal["default"], {
    portalId: "".concat(portalPrefix ? "".concat(portalPrefix) : '').concat(portalId),
    getFallbackElement: getPortalContainer
  }, children);
}

Portal.propTypes = _propTypes.propTypes;
Portal.defaultProps = _defaultProps.defaultProps;