@prom-ui/core 1.3.1 → 1.4.0

package/Overlay/cjs/index.development.js

@@ -22,21 +22,21 @@ var Swipe = require('react-easy-swipe');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 function _interopNamespaceCompat(e) {
-    if (e && typeof e === 'object' && 'default' in e) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
         });
-    }
-    n.default = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
@@ -44,141 +44,153 @@ var ScrollLock__default = /*#__PURE__*/_interopDefaultCompat(ScrollLock);
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 var Swipe__default = /*#__PURE__*/_interopDefaultCompat(Swipe);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __makeTemplateObject(cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _taggedTemplateLiteral(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+  return Object.freeze(Object.defineProperties(strings, {
+    raw: {
+      value: Object.freeze(raw)
+    }
+  }));
 }
 
 var css = {"root":"Overlay__root___v0oYp","backdrop":"Overlay__backdrop___RvRWz","popup":"Overlay__popup___elIqJ","popup_placement_top":"Overlay__popup_placement_top___Llv4b","popup_placement_bottom":"Overlay__popup_placement_bottom___DJyNc","popup_placement_right":"Overlay__popup_placement_right___4DX3c","popup_placement_left":"Overlay__popup_placement_left___OwkR7","content":"Overlay__content___5qQ0k","header":"Overlay__header___LIk9z","header__grid":"Overlay__header__grid___SShy4","header__item":"Overlay__header__item___9fUzS","header__title":"Overlay__header__title___Vuilz Overlay__header__item___9fUzS","header__action":"Overlay__header__action___c-A8d Overlay__header__item___9fUzS","header__actionButton":"Overlay__header__actionButton___yYG24","header__actionIcon":"Overlay__header__actionIcon___La2ok","footer":"Overlay__footer___3Ca-G","enter":"Overlay__enter___OjeZp","exit":"Overlay__exit___HiHMU","enterActive":"Overlay__enterActive___Ne-Vn","exitActive":"Overlay__exitActive___6f7f1"};
 
-var OverlayHeader = function (_a) {
-  var isShowPrevButton = _a.isShowPrevButton,
-    isShowCloseButton = _a.isShowCloseButton,
-    children = _a.children,
-    title = _a.title,
-    onClose = _a.onClose,
-    onPrev = _a.onPrev;
-  var t = useBodyTTag.useBodyTTag().t;
-  return React__namespace.default.createElement("header", {
+var _templateObject, _templateObject2;
+var OverlayHeader = function OverlayHeader(_ref) {
+  var isShowPrevButton = _ref.isShowPrevButton,
+    isShowCloseButton = _ref.isShowCloseButton,
+    children = _ref.children,
+    title = _ref.title,
+    onClose = _ref.onClose,
+    onPrev = _ref.onPrev;
+  var _useBodyTTag = useBodyTTag.useBodyTTag(),
+    t = _useBodyTTag.t;
+  return /*#__PURE__*/React__namespace.default.createElement("header", {
     className: css.header
-  }, typeof children !== 'undefined' ? children : React__namespace.default.createElement("div", {
+  }, typeof children !== 'undefined' ? children : /*#__PURE__*/React__namespace.default.createElement("div", {
     className: css.header__grid
-  }, React__namespace.default.createElement("div", {
+  }, /*#__PURE__*/React__namespace.default.createElement("div", {
     className: css.header__action
-  }, isShowPrevButton && React__namespace.default.createElement(Button.Button, {
+  }, isShowPrevButton && /*#__PURE__*/React__namespace.default.createElement(Button.Button, {
     className: css.header__actionButton,
-    "button-theme": 'black-inherit',
-    type: 'button',
+    "button-theme": "black-inherit",
+    type: "button",
     onClick: onPrev,
-    "aria-label": t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041D\u0430\u0437\u0430\u0434"], ["\u041D\u0430\u0437\u0430\u0434"]))),
-    "data-qaid": 'prev'
-  }, React__namespace.default.createElement(Icon.Icon, {
+    "aria-label": t(_templateObject || (_templateObject = _taggedTemplateLiteral(["\u041D\u0430\u0437\u0430\u0434"]))),
+    "data-qaid": "prev"
+  }, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
     "icon-as": ArrowBack.ArrowBack,
     className: css.header__actionIcon
-  }))), React__namespace.default.createElement("div", {
+  }))), /*#__PURE__*/React__namespace.default.createElement("div", {
     className: css.header__title
-  }, typeof title === 'string' ? React__namespace.default.createElement(Text.Text, {
-    "text-align": 'center',
-    "text-size": 'h4',
-    "text-wrap": 'ellipsis',
-    "text-weight": 'bold',
-    "data-qaid": 'title'
-  }, title) : title), React__namespace.default.createElement("div", {
+  }, typeof title === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Text.Text, {
+    "text-align": "center",
+    "text-size": "h4",
+    "text-wrap": "ellipsis",
+    "text-weight": "bold",
+    "data-qaid": "title"
+  }, title) : title), /*#__PURE__*/React__namespace.default.createElement("div", {
     className: css.header__action
-  }, isShowCloseButton && onClose && React__namespace.default.createElement(Button.Button, {
+  }, isShowCloseButton && onClose && /*#__PURE__*/React__namespace.default.createElement(Button.Button, {
     className: css.header__actionButton,
-    "button-theme": 'black-inherit',
-    type: 'button',
+    "button-theme": "black-inherit",
+    type: "button",
     onClick: onClose,
-    "aria-label": t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"], ["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
-    "data-qaid": 'close'
-  }, React__namespace.default.createElement(Icon.Icon, {
+    "aria-label": t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
+    "data-qaid": "close"
+  }, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
     "icon-as": Close.Close,
     className: css.header__actionIcon
   })))));
 };
-var templateObject_1, templateObject_2;
 
 // FORK FROM https://github.com/jossmac/react-scrolllock/blob/master/src/TouchScrollable.js
+
 var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+
 /* @ts-ignore */
 var canUseEventListeners = canUseDOM && !!(window.addEventListener || window.attachEvent);
-var TouchScrollable = function (_a) {
-  var _b = _a.isActive,
-    isActive = _b === void 0 ? false : _b,
-    scrollRef = _a.scrollRef,
-    children = _a.children;
+var TouchScrollable = function TouchScrollable(_ref) {
+  var _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? false : _ref$isActive,
+    scrollRef = _ref.scrollRef,
+    children = _ref.children;
   React__namespace.useEffect(function () {
-    if (!isActive || !canUseEventListeners || !(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) return;
+    if (!isActive || !canUseEventListeners || !(scrollRef !== null && scrollRef !== void 0 && scrollRef.current)) return;
     scrollRef.current.addEventListener('touchstart', utils.preventInertiaScroll, utils.listenerOptions);
     scrollRef.current.addEventListener('touchmove', utils.allowTouchMove, utils.listenerOptions);
     return function () {
-      if (!isActive || !canUseEventListeners || !(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) return;
+      if (!isActive || !canUseEventListeners || !(scrollRef !== null && scrollRef !== void 0 && scrollRef.current)) return;
       scrollRef.current.removeEventListener('touchstart', utils.preventInertiaScroll, utils.listenerOptions);
       scrollRef.current.removeEventListener('touchmove', utils.allowTouchMove, utils.listenerOptions);
     };
   });
-  return React__namespace.createElement(React__namespace.Fragment, null, children);
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, children);
 };
 
 var VENDOR_PREFIX = ['-webkit', '-moz', '-ms', '-o'];
 var PROPERTYES_VENDOR_PREFIX = ['transform', 'transition'];
-var setStyle = function (element, style) {
+var setStyle = function setStyle(element, style) {
   if (!element) return;
   for (var property in style) {
     var isVendorPrefix = PROPERTYES_VENDOR_PREFIX.indexOf(property) !== -1;
     if (!!!style[property]) {
       element.style.removeProperty(property);
       if (isVendorPrefix) {
-        for (var _i = 0, VENDOR_PREFIX_1 = VENDOR_PREFIX; _i < VENDOR_PREFIX_1.length; _i++) {
-          var vendor = VENDOR_PREFIX_1[_i];
+        for (var _i = 0, _VENDOR_PREFIX = VENDOR_PREFIX; _i < _VENDOR_PREFIX.length; _i++) {
+          var vendor = _VENDOR_PREFIX[_i];
           element.style.removeProperty("".concat(vendor, "-").concat(property));
         }
       }
     } else {
       element.style.setProperty(property, style[property]);
       if (isVendorPrefix) {
-        for (var _a = 0, VENDOR_PREFIX_2 = VENDOR_PREFIX; _a < VENDOR_PREFIX_2.length; _a++) {
-          var vendor = VENDOR_PREFIX_2[_a];
-          element.style.setProperty("".concat(vendor, "-").concat(property), style[property]);
+        for (var _i2 = 0, _VENDOR_PREFIX2 = VENDOR_PREFIX; _i2 < _VENDOR_PREFIX2.length; _i2++) {
+          var _vendor = _VENDOR_PREFIX2[_i2];
+          element.style.setProperty("".concat(_vendor, "-").concat(property), style[property]);
         }
       }
     }
@@ -187,27 +199,27 @@ var setStyle = function (element, style) {
 var SWIPE_TIME_RATE = 250;
 var SWIPE_MIN_POS = 70;
 var SWIPE_TRANSITION_DURATION = 225;
-var SwipeClose = function (_a) {
-  var _b = _a.isActive,
-    isActive = _b === void 0 ? true : _b,
-    children = _a.children,
-    onClose = _a.onClose,
-    placement = _a.placement,
-    rootRef = _a.rootRef,
-    contentRef = _a.contentRef;
+var SwipeClose = function SwipeClose(_ref) {
+  var _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? true : _ref$isActive,
+    children = _ref.children,
+    onClose = _ref.onClose,
+    placement = _ref.placement,
+    rootRef = _ref.rootRef,
+    contentRef = _ref.contentRef;
   var isAllowSwipe = React__namespace.useRef(null);
   var isAllowClose = React__namespace.useRef(false);
   var startTime = React__namespace.useRef(0);
   if (!isActive) {
-    return React__namespace.createElement(React__namespace.Fragment, null, children);
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, children);
   }
-  var onSwipeMove = function (_a) {
-    var _b, _c, _d;
-    var x = _a.x,
-      y = _a.y;
-    var contentsScrollHeight = ((_b = contentRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) || 0;
-    var contentOffsetHeight = ((_c = contentRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) || 0;
-    var contentScrollTop = ((_d = contentRef.current) === null || _d === void 0 ? void 0 : _d.scrollTop) || 0;
+  var onSwipeMove = function onSwipeMove(_ref2) {
+    var _contentRef$current, _contentRef$current2, _contentRef$current3;
+    var x = _ref2.x,
+      y = _ref2.y;
+    var contentsScrollHeight = ((_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.scrollHeight) || 0;
+    var contentOffsetHeight = ((_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 ? void 0 : _contentRef$current2.offsetHeight) || 0;
+    var contentScrollTop = ((_contentRef$current3 = contentRef.current) === null || _contentRef$current3 === void 0 ? void 0 : _contentRef$current3.scrollTop) || 0;
     var contentScrollBottom = contentsScrollHeight - (contentScrollTop + contentOffsetHeight);
     var transform = null;
     var isAllowSwipeCords = false;
@@ -254,7 +266,7 @@ var SwipeClose = function (_a) {
       });
     }
   };
-  var onSwipeEnd = function () {
+  var onSwipeEnd = function onSwipeEnd() {
     if (isAllowSwipe.current) {
       setStyle(rootRef.current, {
         transition: "transform ".concat(SWIPE_TRANSITION_DURATION, "ms cubic-bezier(0, 0, 0.2, 1) 0ms"),
@@ -278,13 +290,13 @@ var SwipeClose = function (_a) {
     isAllowSwipe.current = null;
     isAllowClose.current = false;
   };
-  return React__namespace.createElement(Swipe__default.default, {
+  return /*#__PURE__*/React__namespace.createElement(Swipe__default.default, {
     onSwipeMove: onSwipeMove,
     onSwipeEnd: onSwipeEnd
   }, children);
 };
 
-var getPopupStyle = function (placement, size, maxSize) {
+var getPopupStyle = function getPopupStyle(placement, size, maxSize) {
   if (['top', 'bottom'].includes(placement)) {
     return {
       height: size,
@@ -297,53 +309,55 @@ var getPopupStyle = function (placement, size, maxSize) {
   };
 };
 
+var _excluded = ["children", "onClose", "onOpen", "onPrev", "onOpened", "onClosed", "isOpen", "isShowCloseButton", "isShowPrevButton", "isCloseOnEscape", "isCloseOnSwipe", "isCloseOutsideClick", "isAnimated", "isRenderPortal", "isScrollLock", "isScrollLockTouch", "header", "footer", "padding", "title", "placement", "size", "maxSize", "zIndex", "contentRef", "dataQaId"];
 var DEFAULT_SIZE = 400;
-/**
- * Компонент используется для создания оверлея (накладывающегося слоя) на верху содержимого.
- * Он может использоваться, например, для создания модальных окон, выпадающих списков и других элементов интерфейса.
+
+/**
+ * Компонент используется для создания оверлея (накладывающегося слоя) на верху содержимого.
+ * Он может использоваться, например, для создания модальных окон, выпадающих списков и других элементов интерфейса.
  */
-var Overlay = function (_a) {
-  var children = _a.children,
-    onClose = _a.onClose,
-    onOpen = _a.onOpen,
-    onPrev = _a.onPrev,
-    onOpened = _a.onOpened,
-    onClosed = _a.onClosed,
-    isOpen = _a.isOpen,
-    _b = _a.isShowCloseButton,
-    isShowCloseButton = _b === void 0 ? true : _b,
-    _c = _a.isShowPrevButton,
-    isShowPrevButton = _c === void 0 ? false : _c,
-    _d = _a.isCloseOnEscape,
-    isCloseOnEscape = _d === void 0 ? true : _d,
-    _e = _a.isCloseOnSwipe,
-    isCloseOnSwipe = _e === void 0 ? true : _e,
-    _f = _a.isCloseOutsideClick,
-    isCloseOutsideClick = _f === void 0 ? true : _f,
-    _g = _a.isAnimated,
-    isAnimated = _g === void 0 ? true : _g,
-    _h = _a.isRenderPortal,
-    isRenderPortal = _h === void 0 ? true : _h,
-    _j = _a.isScrollLock,
-    isScrollLock = _j === void 0 ? true : _j,
-    _k = _a.isScrollLockTouch,
-    isScrollLockTouch = _k === void 0 ? true : _k,
-    header = _a.header,
-    footer = _a.footer,
-    _l = _a.padding,
-    padding = _l === void 0 ? '20px 20px 20px 20px' : _l,
-    title = _a.title,
-    _m = _a.placement,
-    placement = _m === void 0 ? 'adaptive' : _m,
-    _o = _a.size,
-    size = _o === void 0 ? 'adaptive' : _o,
-    _p = _a.maxSize,
-    maxSize = _p === void 0 ? '90%' : _p,
-    _q = _a.zIndex,
-    zIndex = _q === void 0 ? 5000 : _q,
-    contentRef = _a.contentRef,
-    dataQaId = _a.dataQaId,
-    props = __rest(_a, ["children", "onClose", "onOpen", "onPrev", "onOpened", "onClosed", "isOpen", "isShowCloseButton", "isShowPrevButton", "isCloseOnEscape", "isCloseOnSwipe", "isCloseOutsideClick", "isAnimated", "isRenderPortal", "isScrollLock", "isScrollLockTouch", "header", "footer", "padding", "title", "placement", "size", "maxSize", "zIndex", "contentRef", "dataQaId"]);
+var Overlay = function Overlay(_ref) {
+  var children = _ref.children,
+    onClose = _ref.onClose,
+    onOpen = _ref.onOpen,
+    onPrev = _ref.onPrev,
+    onOpened = _ref.onOpened,
+    onClosed = _ref.onClosed,
+    isOpen = _ref.isOpen,
+    _ref$isShowCloseButto = _ref.isShowCloseButton,
+    isShowCloseButton = _ref$isShowCloseButto === void 0 ? true : _ref$isShowCloseButto,
+    _ref$isShowPrevButton = _ref.isShowPrevButton,
+    isShowPrevButton = _ref$isShowPrevButton === void 0 ? false : _ref$isShowPrevButton,
+    _ref$isCloseOnEscape = _ref.isCloseOnEscape,
+    isCloseOnEscape = _ref$isCloseOnEscape === void 0 ? true : _ref$isCloseOnEscape,
+    _ref$isCloseOnSwipe = _ref.isCloseOnSwipe,
+    isCloseOnSwipe = _ref$isCloseOnSwipe === void 0 ? true : _ref$isCloseOnSwipe,
+    _ref$isCloseOutsideCl = _ref.isCloseOutsideClick,
+    isCloseOutsideClick = _ref$isCloseOutsideCl === void 0 ? true : _ref$isCloseOutsideCl,
+    _ref$isAnimated = _ref.isAnimated,
+    isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated,
+    _ref$isRenderPortal = _ref.isRenderPortal,
+    isRenderPortal = _ref$isRenderPortal === void 0 ? true : _ref$isRenderPortal,
+    _ref$isScrollLock = _ref.isScrollLock,
+    isScrollLock = _ref$isScrollLock === void 0 ? true : _ref$isScrollLock,
+    _ref$isScrollLockTouc = _ref.isScrollLockTouch,
+    isScrollLockTouch = _ref$isScrollLockTouc === void 0 ? true : _ref$isScrollLockTouc,
+    header = _ref.header,
+    footer = _ref.footer,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? '20px 20px 20px 20px' : _ref$padding,
+    title = _ref.title,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'adaptive' : _ref$placement,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'adaptive' : _ref$size,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? '90%' : _ref$maxSize,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 5000 : _ref$zIndex,
+    contentRef = _ref.contentRef,
+    dataQaId = _ref.dataQaId,
+    props = _objectWithoutProperties(_ref, _excluded);
   var popupRef = React__namespace.useRef(null);
   var currentContentRef = contentRef || React__namespace.useRef(null);
   var isMinWidthMedium = Media.useMedia({
@@ -363,66 +377,66 @@ var Overlay = function (_a) {
   if (placement === 'adaptive') {
     currentPlacement = isMinWidthMedium ? 'right' : 'bottom';
   }
-  return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement(Backdrop.Backdrop, {
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Backdrop.Backdrop, {
     isOpen: isOpen,
     isAnimated: isAnimated,
     zIndex: zIndex,
     isRenderPortal: isRenderPortal
-  }), React__namespace.createElement(reactTransitionGroup.CSSTransition, {
-    in: isOpen,
+  }), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, {
+    "in": isOpen,
     timeout: isAnimated ? 225 : 0,
     classNames: css,
     unmountOnExit: true,
     onEnter: onOpen,
     onEntered: onOpened,
     onExited: onClosed
-  }, React__namespace.createElement(Portal.Portal, {
+  }, /*#__PURE__*/React__namespace.createElement(Portal.Portal, {
     isActive: isRenderPortal
-  }, React__namespace.createElement(SwipeClose, {
+  }, /*#__PURE__*/React__namespace.createElement(SwipeClose, {
     isActive: isScrollLock && isCloseOnSwipe,
     rootRef: popupRef,
     contentRef: currentContentRef,
     placement: currentPlacement,
     onClose: onClose
-  }, React__namespace.createElement("div", __assign({
+  }, /*#__PURE__*/React__namespace.createElement("div", _extends({
     className: css.root,
-    role: 'presentation',
+    role: "presentation",
     style: {
       zIndex: zIndex
     }
-  }, props), React__namespace.createElement(ScrollLock__default.default, {
+  }, props), /*#__PURE__*/React__namespace.createElement(ScrollLock__default.default, {
     isActive: isScrollLock
-  }), React__namespace.createElement(KeyPress.KeyPress, {
+  }), /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
     isActive: isCloseOnEscape,
-    code: 'Escape',
+    code: "Escape",
     onKeyDown: onClose
-  }), React__namespace.createElement("div", {
+  }), /*#__PURE__*/React__namespace.createElement("div", {
     className: css.backdrop,
     "aria-hidden": true,
-    onClick: function (e) {
+    onClick: function onClick(e) {
       if (isCloseOutsideClick && onClose) {
         onClose(e);
       }
     }
-  }), React__namespace.createElement("div", {
+  }), /*#__PURE__*/React__namespace.createElement("div", {
     ref: popupRef,
     className: classNames__default.default(css.popup, css["popup_placement_".concat(currentPlacement)]),
     "aria-modal": true,
-    role: 'dialog',
+    role: "dialog",
     style: getPopupStyle(currentPlacement, currentSize, maxSize),
     "data-qaid": dataQaId
-  }, React__namespace.createElement(OverlayHeader, {
+  }, /*#__PURE__*/React__namespace.createElement(OverlayHeader, {
     isShowCloseButton: isShowCloseButton,
     isShowPrevButton: isShowPrevButton,
     onClose: onClose,
     onPrev: onPrev,
     title: title
-  }, header), React__namespace.createElement("footer", {
+  }, header), /*#__PURE__*/React__namespace.createElement("footer", {
     className: css.footer
-  }, footer), React__namespace.createElement(TouchScrollable, {
+  }, footer), /*#__PURE__*/React__namespace.createElement(TouchScrollable, {
     isActive: isScrollLockTouch,
     scrollRef: currentContentRef
-  }, React__namespace.createElement("div", {
+  }, /*#__PURE__*/React__namespace.createElement("div", {
     className: css.content,
     ref: currentContentRef,
     style: {