@zohodesk/components/lib/Popup/Popup.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"] = void 0;

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

var _Popup = _interopRequireDefault(require("@zohodesk/dotkit/es/react/components/Popup/Popup"));

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

var _Common = require("./../utils/Common.js");

var _Registry = _interopRequireDefault(require("@zohodesk/dotkit/es/react/components/Popup/Registry.js"));

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

global.closeGroupPopups = _Registry["default"].closeAllPopupsInGroup;

var Popup = function Popup(Component) {
  var group = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'global';
  var needResizeHandling = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _Common.DUMMY_OBJECT;
  var _options$isAbsolutePo = options.isAbsolutePositioningNeeded,
      isAbsolutePositioningNeeded = _options$isAbsolutePo === void 0 ? true : _options$isAbsolutePo,
      _options$isArrow = options.isArrow,
      isArrow = _options$isArrow === void 0 ? false : _options$isArrow,
      _options$customOrder = options.customOrder,
      customOrder = _options$customOrder === void 0 ? _Common.DUMMY_ARRAY : _options$customOrder,
      _options$scrollDeboun = options.scrollDebounceTime,
      scrollDebounceTime = _options$scrollDeboun === void 0 ? 0 : _options$scrollDeboun,
      _options$closeOnScrol = options.closeOnScroll,
      closeOnScroll = _options$closeOnScrol === void 0 ? false : _options$closeOnScrol,
      _options$isOutsideScr = options.isOutsideScrollBlocked,
      isOutsideScrollBlocked = _options$isOutsideScr === void 0 ? false : _options$isOutsideScr;

  var getRootElement = function getRootElement() {
    return (0, _Config.getLibraryConfig)('getRootElement');
  };

  var getMobileWidth = function getMobileWidth() {
    return (0, _Config.getLibraryConfig)('mobileWidth');
  };

  var middleware = {
    useAbsolutePositioning: isAbsolutePositioningNeeded,
    positionOrder: customOrder,
    isArrow: isArrow,
    scrollDebounceTime: scrollDebounceTime,
    closeOnScroll: closeOnScroll,
    isOutsideScrollBlocked: isOutsideScrollBlocked,
    enableResizeHandling: needResizeHandling
  };
  var popupConfig = {
    group: group,
    getMobileWidth: getMobileWidth,
    getRootElement: getRootElement,
    middleware: middleware
  };
  return (0, _Popup["default"])(Component, popupConfig);
};

var _default = Popup;
exports["default"] = _default;