@prom-ui/core 0.0.121 → 0.0.131

package/KeyPress/cjs/index.development.v2.js

@@ -27,21 +27,19 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var KeyPressApp = function (_a) {
   var code = _a.code,
-      onKeyDown = _a.onKeyDown,
-      onKeyUp = _a.onKeyUp;
+    onKeyDown = _a.onKeyDown,
+    onKeyUp = _a.onKeyUp;
   useKeyPress.useKeyPress(code, onKeyDown, onKeyUp);
   return null;
 };
-
 var KeyPress = function (_a) {
   var _b = _a.isActive,
-      isActive = _b === void 0 ? true : _b,
-      code = _a.code,
-      _c = _a.onKeyDown,
-      onKeyDown = _c === void 0 ? function () {} : _c,
-      _d = _a.onKeyUp,
-      onKeyUp = _d === void 0 ? function () {} : _d;
-
+    isActive = _b === void 0 ? true : _b,
+    code = _a.code,
+    _c = _a.onKeyDown,
+    onKeyDown = _c === void 0 ? function () {} : _c,
+    _d = _a.onKeyUp,
+    onKeyUp = _d === void 0 ? function () {} : _d;
   if (isActive) {
     return React__namespace.createElement(KeyPressApp, {
       code: code,
@@ -49,7 +47,6 @@ var KeyPress = function (_a) {
       onKeyUp: onKeyUp
     });
   }
-
   return null;
 };
 

package/KeyPress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/KeyPress",
-  "version": "0.0.121",
+  "version": "0.0.131",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Line/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Line",
-  "version": "0.0.121",
+  "version": "0.0.131",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Link/cjs/index.development.js

@@ -11,7 +11,6 @@ evokitLink.Link.defaultProps = {
     css: css
   },
   onTouchStart: function () {} // force css :active for ios
-
 };
 
 Object.defineProperty(exports, 'Link', {

package/Link/cjs/index.development.v2.js

@@ -11,7 +11,6 @@ evokitLink.Link.defaultProps = {
     css: css
   },
   onTouchStart: function () {} // force css :active for ios
-
 };
 
 Object.defineProperty(exports, 'Link', {

package/Link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Link",
-  "version": "0.0.121",
+  "version": "0.0.131",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/List/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/List",
-  "version": "0.0.121",
+  "version": "0.0.131",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Media/cjs/index.development.js

@@ -25,7 +25,6 @@ var SCREEN_BREAKPOINTS_PROXY = new Proxy(SCREEN_BREAKPOINTS, {
       var keyListStr = JSON.stringify(Object.keys(target));
       throw new Error("Media received unknown width \"".concat(key, "\". You should use one of ").concat(keyListStr));
     }
-
     return target[key];
   }
 });
@@ -34,13 +33,12 @@ var getBreakPoint = function (key) {
   if (process.env.NODE_ENV !== 'production') {
     return SCREEN_BREAKPOINTS_PROXY[key];
   }
-
   return SCREEN_BREAKPOINTS[key];
 };
 
 var useMedia = function (_a) {
   var minWidth = _a.minWidth,
-      maxWidth = _a.maxWidth;
+    maxWidth = _a.maxWidth;
   return reactResponsive.useMediaQuery({
     minWidth: minWidth ? getBreakPoint(minWidth) : MIN_SCREEN_WIDTH,
     maxWidth: maxWidth ? getBreakPoint(maxWidth) - 1 : undefined
@@ -49,16 +47,14 @@ var useMedia = function (_a) {
 
 var MediaProvider = function (_a) {
   var _b = _a.resetOnMount,
-      resetOnMount = _b === void 0 ? false : _b,
-      width = _a.width,
-      children = _a.children;
-
+    resetOnMount = _b === void 0 ? false : _b,
+    width = _a.width,
+    children = _a.children;
   var _c = React.useState({
-    width: width ? getBreakPoint(width) : MIN_SCREEN_WIDTH
-  }),
-      value = _c[0],
-      setValue = _c[1];
-
+      width: width ? getBreakPoint(width) : MIN_SCREEN_WIDTH
+    }),
+    value = _c[0],
+    setValue = _c[1];
   React.useEffect(function () {
     if (resetOnMount) {
       setValue(undefined);
@@ -67,10 +63,10 @@ var MediaProvider = function (_a) {
   return React__default["default"].createElement(reactResponsive.Context.Provider, {
     value: value
   }, children);
-}; // MediaProvider.defaultProps = {
+};
+// MediaProvider.defaultProps = {
 //     resetOnMount: false,
 // };
-
 MediaProvider.propTypes = {
   resetOnMount: PropTypes__default["default"].bool,
   // children: PropTypes.node.isRequired,
@@ -79,17 +75,15 @@ MediaProvider.propTypes = {
 
 var Media = function (_a) {
   var minWidth = _a.minWidth,
-      maxWidth = _a.maxWidth,
-      children = _a.children;
+    maxWidth = _a.maxWidth,
+    children = _a.children;
   var matchMedia = useMedia({
     minWidth: minWidth,
     maxWidth: maxWidth
   });
-
   if (matchMedia) {
     return children;
   }
-
   return null;
 };
 

package/Media/cjs/index.development.v2.js

@@ -25,7 +25,6 @@ var SCREEN_BREAKPOINTS_PROXY = new Proxy(SCREEN_BREAKPOINTS, {
       var keyListStr = JSON.stringify(Object.keys(target));
       throw new Error("Media received unknown width \"".concat(key, "\". You should use one of ").concat(keyListStr));
     }
-
     return target[key];
   }
 });
@@ -34,13 +33,12 @@ var getBreakPoint = function (key) {
   if (process.env.NODE_ENV !== 'production') {
     return SCREEN_BREAKPOINTS_PROXY[key];
   }
-
   return SCREEN_BREAKPOINTS[key];
 };
 
 var useMedia = function (_a) {
   var minWidth = _a.minWidth,
-      maxWidth = _a.maxWidth;
+    maxWidth = _a.maxWidth;
   return reactResponsive.useMediaQuery({
     minWidth: minWidth ? getBreakPoint(minWidth) : MIN_SCREEN_WIDTH,
     maxWidth: maxWidth ? getBreakPoint(maxWidth) - 1 : undefined
@@ -49,16 +47,14 @@ var useMedia = function (_a) {
 
 var MediaProvider = function (_a) {
   var _b = _a.resetOnMount,
-      resetOnMount = _b === void 0 ? false : _b,
-      width = _a.width,
-      children = _a.children;
-
+    resetOnMount = _b === void 0 ? false : _b,
+    width = _a.width,
+    children = _a.children;
   var _c = React.useState({
-    width: width ? getBreakPoint(width) : MIN_SCREEN_WIDTH
-  }),
-      value = _c[0],
-      setValue = _c[1];
-
+      width: width ? getBreakPoint(width) : MIN_SCREEN_WIDTH
+    }),
+    value = _c[0],
+    setValue = _c[1];
   React.useEffect(function () {
     if (resetOnMount) {
       setValue(undefined);
@@ -67,10 +63,10 @@ var MediaProvider = function (_a) {
   return React__default["default"].createElement(reactResponsive.Context.Provider, {
     value: value
   }, children);
-}; // MediaProvider.defaultProps = {
+};
+// MediaProvider.defaultProps = {
 //     resetOnMount: false,
 // };
-
 MediaProvider.propTypes = {
   resetOnMount: PropTypes__default["default"].bool,
   // children: PropTypes.node.isRequired,
@@ -79,17 +75,15 @@ MediaProvider.propTypes = {
 
 var Media = function (_a) {
   var minWidth = _a.minWidth,
-      maxWidth = _a.maxWidth,
-      children = _a.children;
+    maxWidth = _a.maxWidth,
+    children = _a.children;
   var matchMedia = useMedia({
     minWidth: minWidth,
     maxWidth: maxWidth
   });
-
   if (matchMedia) {
     return children;
   }
-
   return null;
 };
 

package/Media/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Media",
-  "version": "0.0.121",
+  "version": "0.0.131",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/OutsideClick/cjs/index.development.js

@@ -65,17 +65,14 @@ function __rest(s, e) {
 
 var OutsideClick = function (_a) {
   var children = _a.children,
-      _b = _a.isActive,
-      isActive = _b === void 0 ? true : _b,
-      onClick = _a.onClick,
-      props = __rest(_a, ["children", "isActive", "onClick"]);
-
+    _b = _a.isActive,
+    isActive = _b === void 0 ? true : _b,
+    onClick = _a.onClick,
+    props = __rest(_a, ["children", "isActive", "onClick"]);
   var ref = useOutsideClick.useOutsideClick(onClick)[0];
-
   if (!isActive) {
     return React__namespace.createElement("div", null, children);
   }
-
   return React__namespace.createElement("div", __assign({}, props, {
     ref: ref
   }), children);

package/OutsideClick/cjs/index.development.v2.js

@@ -65,17 +65,14 @@ function __rest(s, e) {
 
 var OutsideClick = function (_a) {
   var children = _a.children,
-      _b = _a.isActive,
-      isActive = _b === void 0 ? true : _b,
-      onClick = _a.onClick,
-      props = __rest(_a, ["children", "isActive", "onClick"]);
-
+    _b = _a.isActive,
+    isActive = _b === void 0 ? true : _b,
+    onClick = _a.onClick,
+    props = __rest(_a, ["children", "isActive", "onClick"]);
   var ref = useOutsideClick.useOutsideClick(onClick)[0];
-
   if (!isActive) {
     return React__namespace.createElement("div", null, children);
   }
-
   return React__namespace.createElement("div", __assign({}, props, {
     ref: ref
   }), children);

package/OutsideClick/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/OutsideClick",
-  "version": "0.0.121",
+  "version": "0.0.131",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Overlay/cjs/index.development.js

@@ -7,12 +7,12 @@ var ScrollLock = require('react-scrolllock');
 var KeyPress = require('@prom-ui/core/KeyPress');
 var Portal = require('@prom-ui/core/Portal');
 var Media = require('@prom-ui/core/Media');
-var ttag = require('ttag');
 var evokit = require('evokit');
 var reactTransitionGroup = require('react-transition-group');
-var Text = require('@prom-ui/core/Text');
 var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
+var Text = require('@prom-ui/core/Text');
+var BodyProvider = require('@prom-ui/core/BodyProvider');
 var Close = require('@prom-ui/icons/Close');
 var ArrowBack = require('@prom-ui/icons/ArrowBack');
 var utils = require('react-scrolllock/dist/utils');
@@ -98,13 +98,13 @@ var Popup = evokit.createBlock('div', 'popup', ['placement'], BLOCKS_PRESET);
 var OverlayContent = evokit.createBlock('div', 'content', [], BLOCKS_PRESET);
 var Animate = function (_a) {
   var _b = _a.open,
-      open = _b === void 0 ? false : _b,
-      children = _a.children,
-      _c = _a.enabled,
-      enabled = _c === void 0 ? true : _c,
-      onEnter = _a.onEnter,
-      onEntered = _a.onEntered,
-      onExited = _a.onExited;
+    open = _b === void 0 ? false : _b,
+    children = _a.children,
+    _c = _a.enabled,
+    enabled = _c === void 0 ? true : _c,
+    onEnter = _a.onEnter,
+    onEntered = _a.onEntered,
+    onExited = _a.onExited;
   return React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
     in: open,
     timeout: enabled ? 225 : 0,
@@ -117,11 +117,12 @@ var Animate = function (_a) {
 };
 var OverlayHeader = function (_a) {
   var isShowPrevButton = _a.isShowPrevButton,
-      isShowCloseButton = _a.isShowCloseButton,
-      children = _a.children,
-      title = _a.title,
-      onClose = _a.onClose,
-      onPrev = _a.onPrev;
+    isShowCloseButton = _a.isShowCloseButton,
+    children = _a.children,
+    title = _a.title,
+    onClose = _a.onClose,
+    onPrev = _a.onPrev;
+  var t = BodyProvider.useBodyLocale().t;
   return React__default["default"].createElement("div", {
     className: css.header
   }, typeof children !== 'undefined' ? children : React__default["default"].createElement("div", {
@@ -133,7 +134,7 @@ var OverlayHeader = function (_a) {
     "button-theme": 'black-inherit',
     type: 'button',
     onClick: onPrev,
-    "aria-label": ttag.t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041D\u0430\u0437\u0430\u0434"], ["\u041D\u0430\u0437\u0430\u0434"]))),
+    "aria-label": t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041D\u0430\u0437\u0430\u0434"], ["\u041D\u0430\u0437\u0430\u0434"]))),
     "data-qaid": 'prev'
   }, React__default["default"].createElement(Icon.Icon, {
     "icon-as": ArrowBack.ArrowBack,
@@ -153,7 +154,7 @@ var OverlayHeader = function (_a) {
     "button-theme": 'black-inherit',
     type: 'button',
     onClick: onClose,
-    "aria-label": ttag.t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"], ["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
+    "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__default["default"].createElement(Icon.Icon, {
     "icon-as": Close.Close,
@@ -175,7 +176,6 @@ var getPopupStyle = function (placement, size, maxSize) {
       maxHeight: maxSize
     };
   }
-
   return {
     width: size,
     maxWidth: maxSize
@@ -185,13 +185,12 @@ var getPopupStyle = function (placement, size, maxSize) {
 // 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;
+    isActive = _b === void 0 ? false : _b,
+    scrollRef = _a.scrollRef,
+    children = _a.children;
   React__namespace.useEffect(function () {
     if (!isActive || !canUseEventListeners || !(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) return;
     scrollRef.current.addEventListener('touchstart', utils.preventInertiaScroll, utils.listenerOptions);
@@ -207,16 +206,12 @@ var TouchScrollable = function (_a) {
 
 var VENDOR_PREFIX = ['-webkit', '-moz', '-ms', '-o'];
 var PROPERTYES_VENDOR_PREFIX = ['transform', 'transition'];
-
 var setStyle = function (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];
@@ -225,7 +220,6 @@ var setStyle = function (element, style) {
       }
     } 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];
@@ -235,31 +229,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;
+    isActive = _b === void 0 ? true : _b,
+    children = _a.children,
+    onClose = _a.onClose,
+    placement = _a.placement,
+    rootRef = _a.rootRef,
+    contentRef = _a.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);
   }
-
   var onSwipeMove = function (_a) {
     var _b, _c, _d;
-
     var x = _a.x,
-        y = _a.y;
+      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;
@@ -269,7 +259,6 @@ var SwipeClose = function (_a) {
     var isAllowCloseCords = false;
     var xAbs = Math.abs(x);
     var yAbs = Math.abs(y);
-
     if (placement === 'top') {
       transform = "translateY(".concat(y >= 0 ? 0 : y, "px)");
       isAllowSwipeCords = contentScrollBottom <= 1 && y <= 0 && yAbs > xAbs;
@@ -287,7 +276,6 @@ var SwipeClose = function (_a) {
       isAllowSwipeCords = x >= 0 && xAbs > yAbs;
       isAllowCloseCords = xAbs > SWIPE_MIN_POS;
     }
-
     if (isAllowSwipe.current === null) {
       if (isAllowSwipeCords) {
         isAllowSwipe.current = true;
@@ -295,16 +283,13 @@ var SwipeClose = function (_a) {
         isAllowSwipe.current = false;
       }
     }
-
     if (isAllowSwipe.current) {
       if (!startTime.current) {
         startTime.current = new Date().getTime();
       }
-
       if (!isAllowClose.current && isAllowCloseCords) {
         isAllowClose.current = true;
       }
-
       setStyle(rootRef.current, {
         transform: transform
       });
@@ -314,7 +299,6 @@ var SwipeClose = function (_a) {
       });
     }
   };
-
   var onSwipeEnd = function () {
     if (isAllowSwipe.current) {
       setStyle(rootRef.current, {
@@ -331,17 +315,14 @@ var SwipeClose = function (_a) {
         });
       }, SWIPE_TRANSITION_DURATION);
       var timeRate = new Date().getTime() - startTime.current;
-
       if (isAllowClose.current && timeRate < SWIPE_TIME_RATE && onClose) {
         onClose({});
       }
     }
-
     startTime.current = 0;
     isAllowSwipe.current = null;
     isAllowClose.current = false;
   };
-
   return React__namespace.createElement(Swipe__default["default"], {
     onSwipeMove: onSwipeMove,
     onSwipeEnd: onSwipeEnd
@@ -351,47 +332,46 @@ var SwipeClose = function (_a) {
 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"]);
-
+    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 popupRef = React__namespace.useRef(null);
   var currentContentRef = contentRef || React__namespace.useRef(null);
   var isMinWidthMedium = Media.useMedia({
@@ -399,7 +379,6 @@ var Overlay = function (_a) {
   });
   var currentPlacement = placement;
   var currentSize = size;
-
   if (size === 'adaptive') {
     if (placement === 'top' || placement === 'bottom') {
       currentSize = 'auto';
@@ -409,11 +388,9 @@ var Overlay = function (_a) {
       currentSize = DEFAULT_SIZE;
     }
   }
-
   if (placement === 'adaptive') {
     currentPlacement = isMinWidthMedium ? 'right' : 'bottom';
   }
-
   return React__namespace.createElement(Animate, {
     open: isOpen,
     onEnter: onOpen,