@prom-ui/core 0.0.121 → 0.0.130

package/Overlay/cjs/index.development.v2.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,

package/Overlay/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("@prom-ui/core/KeyPress"),n=require("@prom-ui/core/Portal"),o=require("@prom-ui/core/Media"),i=require("ttag"),a=require("evokit"),c=require("react-transition-group"),l=require("@prom-ui/core/Text"),u=require("@prom-ui/core/Button"),s=require("@prom-ui/core/Icon"),d=require("@prom-ui/icons/Close"),p=require("@prom-ui/icons/ArrowBack"),v=require("react-scrolllock/dist/utils"),f=require("react-easy-swipe");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var E=m(e),_=h(e),b=m(t),w=m(f),y=function(){return y=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},y.apply(this,arguments)};function O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var x,g,S={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",content:"_5qQ0k",header:"LIk9z",header__grid:"SShy4",header__item:"_9fUzS",header__title:"Vuilz _9fUzS",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1"},k={css:S,b:""},C=a.createBlock("div","root",[],k),P=a.createBlock("div","backdrop",[],k),q=a.createBlock("div","popup",["placement"],k),B=a.createBlock("div","content",[],k),R=function(e){var t=e.open,r=void 0!==t&&t,n=e.children,o=e.enabled,i=void 0===o||o,a=e.onEnter,l=e.onEntered,u=e.onExited;return E.default.createElement(c.CSSTransition,{in:r,timeout:i?225:0,classNames:S,unmountOnExit:!0,onEnter:a,onEntered:l,onExited:u},n)},z=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,a=e.onClose,c=e.onPrev;return E.default.createElement("div",{className:S.header},void 0!==n?n:E.default.createElement("div",{className:S.header__grid},E.default.createElement("div",{className:S.header__action},t&&E.default.createElement(u.Button,{className:S.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:c,"aria-label":i.t(x||(x=O(["Назад"],["Назад"]))),"data-qaid":"prev"},E.default.createElement(s.Icon,{"icon-as":p.ArrowBack,className:S.header__actionIcon}))),E.default.createElement("div",{className:S.header__title},"string"==typeof o?E.default.createElement(l.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},o):o),E.default.createElement("div",{className:S.header__action},r&&a&&E.default.createElement(u.Button,{className:S.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":i.t(g||(g=O(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},E.default.createElement(s.Icon,{"icon-as":d.Close,className:S.header__actionIcon})))))},j=function(e){var t=e.children;return E.default.createElement("div",{className:S.footer},t)},I=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},A=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),N=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return _.useEffect((function(){if(r&&A&&(null==n?void 0:n.current))return n.current.addEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.addEventListener("touchmove",v.allowTouchMove,v.listenerOptions),function(){r&&A&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.removeEventListener("touchmove",v.allowTouchMove,v.listenerOptions))}})),_.createElement(_.Fragment,null,o)},L=["-webkit","-moz","-ms","-o"],T=["transform","transition"],M=function(e,t){if(e)for(var r in t){var n=-1!==T.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=L;o<i.length;o++){l=i[o];e.style.setProperty("".concat(l,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),n)for(var a=0,c=L;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},D=function(e){var t=e.isActive,r=void 0===t||t,n=e.children,o=e.onClose,i=e.placement,a=e.rootRef,c=e.contentRef,l=_.useRef(null),u=_.useRef(!1),s=_.useRef(0);if(!r)return _.createElement(_.Fragment,null,n);return _.createElement(w.default,{onSwipeMove:function(e){var t,r,n,o=e.x,d=e.y,p=(null===(t=c.current)||void 0===t?void 0:t.scrollHeight)||0,v=(null===(r=c.current)||void 0===r?void 0:r.offsetHeight)||0,f=(null===(n=c.current)||void 0===n?void 0:n.scrollTop)||0,m=p-(f+v),h=null,E=!1,_=!1,b=Math.abs(o),w=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),E=m<=1&&d<=0&&w>b,_=w>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),E=f<=1&&d>=0&&w>b,_=w>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),E=o<=0&&b>w,_=b>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),E=o>=0&&b>w,_=b>70),null===l.current&&(l.current=!!E),l.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&_&&(u.current=!0),M(a.current,{transform:h}),M(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){M(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),M(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){M(a.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&o&&o({})}s.current=0,l.current=null,u.current=!1}},n)};exports.Overlay=function(e){var t=e.children,i=e.onClose,a=e.onOpen,c=e.onPrev,l=e.onOpened,u=e.onClosed,s=e.isOpen,d=e.isShowCloseButton,p=void 0===d||d,v=e.isShowPrevButton,f=void 0!==v&&v,m=e.isCloseOnEscape,h=void 0===m||m,E=e.isCloseOnSwipe,w=void 0===E||E,O=e.isCloseOutsideClick,x=void 0===O||O,g=e.isAnimated,S=void 0===g||g,k=e.isRenderPortal,A=void 0===k||k,L=e.isScrollLock,T=void 0===L||L,M=e.isScrollLockTouch,H=void 0===M||M,U=e.header,Y=e.footer,K=e.padding,Q=void 0===K?"20px 20px 20px 20px":K,W=e.title,X=e.placement,F=void 0===X?"adaptive":X,G=e.size,J=void 0===G?"adaptive":G,V=e.maxSize,Z=void 0===V?"90%":V,$=e.zIndex,ee=void 0===$?5e3:$,te=e.contentRef,re=e.dataQaId,ne=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["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"]),oe=_.useRef(null),ie=te||_.useRef(null),ae=o.useMedia({minWidth:"medium"}),ce=F,le=J;return"adaptive"===J&&(le="top"===F||"bottom"===F?"auto":"adaptive"===F?ae?400:"auto":400),"adaptive"===F&&(ce=ae?"right":"bottom"),_.createElement(R,{open:s,onEnter:a,onEntered:l,onExited:u,enabled:S},_.createElement(n.Portal,{isActive:A},_.createElement(D,{isActive:T&&w,rootRef:oe,contentRef:ie,placement:ce,onClose:i},_.createElement(C,y({role:"presentation",style:{zIndex:ee}},ne),_.createElement(b.default,{isActive:T}),_.createElement(r.KeyPress,{isActive:h,code:"Escape",onKeyDown:i}),_.createElement(P,{"aria-hidden":!0,onClick:function(e){x&&i&&i(e)}}),_.createElement(q,{ref:oe,"popup-placement":ce,"aria-modal":!0,role:"dialog",style:I(ce,le,Z),"data-qaid":re},_.createElement(z,{isShowCloseButton:p,isShowPrevButton:f,onClose:i,onPrev:c,title:W},U),_.createElement(j,null,Y),_.createElement(N,{isActive:H,scrollRef:ie},_.createElement(B,{ref:ie,style:{padding:Q}},t)))))))},require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("@prom-ui/core/KeyPress"),n=require("@prom-ui/core/Portal"),o=require("@prom-ui/core/Media"),i=require("evokit"),a=require("react-transition-group"),c=require("@prom-ui/core/Button"),l=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/Text"),s=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/icons/Close"),p=require("@prom-ui/icons/ArrowBack"),v=require("react-scrolllock/dist/utils"),f=require("react-easy-swipe");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var E=m(e),_=h(e),y=m(t),b=m(f),w=function(){return w=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},w.apply(this,arguments)};function O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var x,g,S={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",content:"_5qQ0k",header:"LIk9z",header__grid:"SShy4",header__item:"_9fUzS",header__title:"Vuilz _9fUzS",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1"},k={css:S,b:""},P=i.createBlock("div","root",[],k),C=i.createBlock("div","backdrop",[],k),q=i.createBlock("div","popup",["placement"],k),B=i.createBlock("div","content",[],k),R=function(e){var t=e.open,r=void 0!==t&&t,n=e.children,o=e.enabled,i=void 0===o||o,c=e.onEnter,l=e.onEntered,u=e.onExited;return E.default.createElement(a.CSSTransition,{in:r,timeout:i?225:0,classNames:S,unmountOnExit:!0,onEnter:c,onEntered:l,onExited:u},n)},z=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,i=e.onClose,a=e.onPrev,v=s.useBodyLocale().t;return E.default.createElement("div",{className:S.header},void 0!==n?n:E.default.createElement("div",{className:S.header__grid},E.default.createElement("div",{className:S.header__action},t&&E.default.createElement(c.Button,{className:S.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":v(x||(x=O(["Назад"],["Назад"]))),"data-qaid":"prev"},E.default.createElement(l.Icon,{"icon-as":p.ArrowBack,className:S.header__actionIcon}))),E.default.createElement("div",{className:S.header__title},"string"==typeof o?E.default.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},o):o),E.default.createElement("div",{className:S.header__action},r&&i&&E.default.createElement(c.Button,{className:S.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":v(g||(g=O(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},E.default.createElement(l.Icon,{"icon-as":d.Close,className:S.header__actionIcon})))))},j=function(e){var t=e.children;return E.default.createElement("div",{className:S.footer},t)},I=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},A=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),L=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return _.useEffect((function(){if(r&&A&&(null==n?void 0:n.current))return n.current.addEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.addEventListener("touchmove",v.allowTouchMove,v.listenerOptions),function(){r&&A&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.removeEventListener("touchmove",v.allowTouchMove,v.listenerOptions))}})),_.createElement(_.Fragment,null,o)},N=["-webkit","-moz","-ms","-o"],T=["transform","transition"],M=function(e,t){if(e)for(var r in t){var n=-1!==T.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=N;o<i.length;o++){l=i[o];e.style.setProperty("".concat(l,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),n)for(var a=0,c=N;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},D=function(e){var t=e.isActive,r=void 0===t||t,n=e.children,o=e.onClose,i=e.placement,a=e.rootRef,c=e.contentRef,l=_.useRef(null),u=_.useRef(!1),s=_.useRef(0);if(!r)return _.createElement(_.Fragment,null,n);return _.createElement(b.default,{onSwipeMove:function(e){var t,r,n,o=e.x,d=e.y,p=(null===(t=c.current)||void 0===t?void 0:t.scrollHeight)||0,v=(null===(r=c.current)||void 0===r?void 0:r.offsetHeight)||0,f=(null===(n=c.current)||void 0===n?void 0:n.scrollTop)||0,m=p-(f+v),h=null,E=!1,_=!1,y=Math.abs(o),b=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),E=m<=1&&d<=0&&b>y,_=b>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),E=f<=1&&d>=0&&b>y,_=b>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),E=o<=0&&y>b,_=y>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),E=o>=0&&y>b,_=y>70),null===l.current&&(l.current=!!E),l.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&_&&(u.current=!0),M(a.current,{transform:h}),M(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){M(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),M(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){M(a.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&o&&o({})}s.current=0,l.current=null,u.current=!1}},n)};exports.Overlay=function(e){var t=e.children,i=e.onClose,a=e.onOpen,c=e.onPrev,l=e.onOpened,u=e.onClosed,s=e.isOpen,d=e.isShowCloseButton,p=void 0===d||d,v=e.isShowPrevButton,f=void 0!==v&&v,m=e.isCloseOnEscape,h=void 0===m||m,E=e.isCloseOnSwipe,b=void 0===E||E,O=e.isCloseOutsideClick,x=void 0===O||O,g=e.isAnimated,S=void 0===g||g,k=e.isRenderPortal,A=void 0===k||k,N=e.isScrollLock,T=void 0===N||N,M=e.isScrollLockTouch,H=void 0===M||M,U=e.header,Y=e.footer,K=e.padding,Q=void 0===K?"20px 20px 20px 20px":K,W=e.title,X=e.placement,F=void 0===X?"adaptive":X,G=e.size,J=void 0===G?"adaptive":G,V=e.maxSize,Z=void 0===V?"90%":V,$=e.zIndex,ee=void 0===$?5e3:$,te=e.contentRef,re=e.dataQaId,ne=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["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"]),oe=_.useRef(null),ie=te||_.useRef(null),ae=o.useMedia({minWidth:"medium"}),ce=F,le=J;return"adaptive"===J&&(le="top"===F||"bottom"===F?"auto":"adaptive"===F?ae?400:"auto":400),"adaptive"===F&&(ce=ae?"right":"bottom"),_.createElement(R,{open:s,onEnter:a,onEntered:l,onExited:u,enabled:S},_.createElement(n.Portal,{isActive:A},_.createElement(D,{isActive:T&&b,rootRef:oe,contentRef:ie,placement:ce,onClose:i},_.createElement(P,w({role:"presentation",style:{zIndex:ee}},ne),_.createElement(y.default,{isActive:T}),_.createElement(r.KeyPress,{isActive:h,code:"Escape",onKeyDown:i}),_.createElement(C,{"aria-hidden":!0,onClick:function(e){x&&i&&i(e)}}),_.createElement(q,{ref:oe,"popup-placement":ce,"aria-modal":!0,role:"dialog",style:I(ce,le,Z),"data-qaid":re},_.createElement(z,{isShowCloseButton:p,isShowPrevButton:f,onClose:i,onPrev:c,title:W},U),_.createElement(j,null,Y),_.createElement(L,{isActive:H,scrollRef:ie},_.createElement(B,{ref:ie,style:{padding:Q}},t)))))))},require("./style.production.css");

package/Overlay/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("@prom-ui/core/KeyPress"),n=require("@prom-ui/core/Portal"),o=require("@prom-ui/core/Media"),i=require("ttag"),a=require("evokit"),c=require("react-transition-group"),l=require("@prom-ui/core/Text"),u=require("@prom-ui/core/Button"),s=require("@prom-ui/core/Icon"),d=require("@prom-ui/icons/Close"),p=require("@prom-ui/icons/ArrowBack"),v=require("react-scrolllock/dist/utils"),f=require("react-easy-swipe");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var E=m(e),y=h(e),b=m(t),O=m(f),w=function(){return w=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},w.apply(this,arguments)};function _(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var g,x,C={root:"-yvLz",backdrop:"MKZgL",popup:"RJENA",popup_placement_top:"ERdxO",popup_placement_bottom:"MJb6v",popup_placement_right:"nL79b",popup_placement_left:"p-p5e",content:"uHLyZ",header:"ntf6X",header__grid:"-OCio",header__item:"gjOzy",header__title:"-s4aZ gjOzy",header__action:"fzZrE gjOzy",header__actionButton:"CC-hv",header__actionIcon:"LoRyP",footer:"nE-cV",enter:"v7DoD",exit:"E0PkA",enterActive:"RFXzo",exitActive:"a2xd2"},P={css:C,b:""},k=a.createBlock("div","root",[],P),S=a.createBlock("div","backdrop",[],P),q=a.createBlock("div","popup",["placement"],P),B=a.createBlock("div","content",[],P),R=function(e){var t=e.open,r=void 0!==t&&t,n=e.children,o=e.enabled,i=void 0===o||o,a=e.onEnter,l=e.onEntered,u=e.onExited;return E.default.createElement(c.CSSTransition,{in:r,timeout:i?225:0,classNames:C,unmountOnExit:!0,onEnter:a,onEntered:l,onExited:u},n)},j=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,a=e.onClose,c=e.onPrev;return E.default.createElement("div",{className:C.header},void 0!==n?n:E.default.createElement("div",{className:C.header__grid},E.default.createElement("div",{className:C.header__action},t&&E.default.createElement(u.Button,{className:C.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:c,"aria-label":i.t(g||(g=_(["Назад"],["Назад"]))),"data-qaid":"prev"},E.default.createElement(s.Icon,{"icon-as":p.ArrowBack,className:C.header__actionIcon}))),E.default.createElement("div",{className:C.header__title},"string"==typeof o?E.default.createElement(l.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},o):o),E.default.createElement("div",{className:C.header__action},r&&a&&E.default.createElement(u.Button,{className:C.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":i.t(x||(x=_(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},E.default.createElement(s.Icon,{"icon-as":d.Close,className:C.header__actionIcon})))))},z=function(e){var t=e.children;return E.default.createElement("div",{className:C.footer},t)},A=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},I=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),L=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return y.useEffect((function(){if(r&&I&&(null==n?void 0:n.current))return n.current.addEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.addEventListener("touchmove",v.allowTouchMove,v.listenerOptions),function(){r&&I&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.removeEventListener("touchmove",v.allowTouchMove,v.listenerOptions))}})),y.createElement(y.Fragment,null,o)},N=["-webkit","-moz","-ms","-o"],M=["transform","transition"],T=function(e,t){if(e)for(var r in t){var n=-1!==M.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=N;o<i.length;o++){l=i[o];e.style.setProperty("".concat(l,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),n)for(var a=0,c=N;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},D=function(e){var t=e.isActive,r=void 0===t||t,n=e.children,o=e.onClose,i=e.placement,a=e.rootRef,c=e.contentRef,l=y.useRef(null),u=y.useRef(!1),s=y.useRef(0);if(!r)return y.createElement(y.Fragment,null,n);return y.createElement(O.default,{onSwipeMove:function(e){var t,r,n,o=e.x,d=e.y,p=(null===(t=c.current)||void 0===t?void 0:t.scrollHeight)||0,v=(null===(r=c.current)||void 0===r?void 0:r.offsetHeight)||0,f=(null===(n=c.current)||void 0===n?void 0:n.scrollTop)||0,m=p-(f+v),h=null,E=!1,y=!1,b=Math.abs(o),O=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),E=m<=1&&d<=0&&O>b,y=O>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),E=f<=1&&d>=0&&O>b,y=O>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),E=o<=0&&b>O,y=b>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),E=o>=0&&b>O,y=b>70),null===l.current&&(l.current=!!E),l.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&y&&(u.current=!0),T(a.current,{transform:h}),T(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){T(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),T(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){T(a.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&o&&o({})}s.current=0,l.current=null,u.current=!1}},n)};exports.Overlay=function(e){var t=e.children,i=e.onClose,a=e.onOpen,c=e.onPrev,l=e.onOpened,u=e.onClosed,s=e.isOpen,d=e.isShowCloseButton,p=void 0===d||d,v=e.isShowPrevButton,f=void 0!==v&&v,m=e.isCloseOnEscape,h=void 0===m||m,E=e.isCloseOnSwipe,O=void 0===E||E,_=e.isCloseOutsideClick,g=void 0===_||_,x=e.isAnimated,C=void 0===x||x,P=e.isRenderPortal,I=void 0===P||P,N=e.isScrollLock,M=void 0===N||N,T=e.isScrollLockTouch,H=void 0===T||T,K=e.header,X=e.footer,Z=e.padding,F=void 0===Z?"20px 20px 20px 20px":Z,J=e.title,Q=e.placement,W=void 0===Q?"adaptive":Q,Y=e.size,V=void 0===Y?"adaptive":Y,G=e.maxSize,U=void 0===G?"90%":G,$=e.zIndex,ee=void 0===$?5e3:$,te=e.contentRef,re=e.dataQaId,ne=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["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"]),oe=y.useRef(null),ie=te||y.useRef(null),ae=o.useMedia({minWidth:"medium"}),ce=W,le=V;return"adaptive"===V&&(le="top"===W||"bottom"===W?"auto":"adaptive"===W?ae?400:"auto":400),"adaptive"===W&&(ce=ae?"right":"bottom"),y.createElement(R,{open:s,onEnter:a,onEntered:l,onExited:u,enabled:C},y.createElement(n.Portal,{isActive:I},y.createElement(D,{isActive:M&&O,rootRef:oe,contentRef:ie,placement:ce,onClose:i},y.createElement(k,w({role:"presentation",style:{zIndex:ee}},ne),y.createElement(b.default,{isActive:M}),y.createElement(r.KeyPress,{isActive:h,code:"Escape",onKeyDown:i}),y.createElement(S,{"aria-hidden":!0,onClick:function(e){g&&i&&i(e)}}),y.createElement(q,{ref:oe,"popup-placement":ce,"aria-modal":!0,role:"dialog",style:A(ce,le,U),"data-qaid":re},y.createElement(j,{isShowCloseButton:p,isShowPrevButton:f,onClose:i,onPrev:c,title:J},K),y.createElement(z,null,X),y.createElement(L,{isActive:H,scrollRef:ie},y.createElement(B,{ref:ie,style:{padding:F}},t)))))))},require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("@prom-ui/core/KeyPress"),n=require("@prom-ui/core/Portal"),o=require("@prom-ui/core/Media"),i=require("evokit"),a=require("react-transition-group"),c=require("@prom-ui/core/Button"),l=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/Text"),s=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/icons/Close"),p=require("@prom-ui/icons/ArrowBack"),v=require("react-scrolllock/dist/utils"),f=require("react-easy-swipe");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var E=m(e),y=h(e),b=m(t),O=m(f),w=function(){return w=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},w.apply(this,arguments)};function _(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var g,x,P={root:"-yvLz",backdrop:"MKZgL",popup:"RJENA",popup_placement_top:"ERdxO",popup_placement_bottom:"MJb6v",popup_placement_right:"nL79b",popup_placement_left:"p-p5e",content:"uHLyZ",header:"ntf6X",header__grid:"-OCio",header__item:"gjOzy",header__title:"-s4aZ gjOzy",header__action:"fzZrE gjOzy",header__actionButton:"CC-hv",header__actionIcon:"LoRyP",footer:"nE-cV",enter:"v7DoD",exit:"E0PkA",enterActive:"RFXzo",exitActive:"a2xd2"},C={css:P,b:""},k=i.createBlock("div","root",[],C),S=i.createBlock("div","backdrop",[],C),B=i.createBlock("div","popup",["placement"],C),q=i.createBlock("div","content",[],C),R=function(e){var t=e.open,r=void 0!==t&&t,n=e.children,o=e.enabled,i=void 0===o||o,c=e.onEnter,l=e.onEntered,u=e.onExited;return E.default.createElement(a.CSSTransition,{in:r,timeout:i?225:0,classNames:P,unmountOnExit:!0,onEnter:c,onEntered:l,onExited:u},n)},j=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,i=e.onClose,a=e.onPrev,v=s.useBodyLocale().t;return E.default.createElement("div",{className:P.header},void 0!==n?n:E.default.createElement("div",{className:P.header__grid},E.default.createElement("div",{className:P.header__action},t&&E.default.createElement(c.Button,{className:P.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":v(g||(g=_(["Назад"],["Назад"]))),"data-qaid":"prev"},E.default.createElement(l.Icon,{"icon-as":p.ArrowBack,className:P.header__actionIcon}))),E.default.createElement("div",{className:P.header__title},"string"==typeof o?E.default.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},o):o),E.default.createElement("div",{className:P.header__action},r&&i&&E.default.createElement(c.Button,{className:P.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":v(x||(x=_(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},E.default.createElement(l.Icon,{"icon-as":d.Close,className:P.header__actionIcon})))))},z=function(e){var t=e.children;return E.default.createElement("div",{className:P.footer},t)},A=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},L=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),I=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return y.useEffect((function(){if(r&&L&&(null==n?void 0:n.current))return n.current.addEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.addEventListener("touchmove",v.allowTouchMove,v.listenerOptions),function(){r&&L&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.removeEventListener("touchmove",v.allowTouchMove,v.listenerOptions))}})),y.createElement(y.Fragment,null,o)},N=["-webkit","-moz","-ms","-o"],M=["transform","transition"],T=function(e,t){if(e)for(var r in t){var n=-1!==M.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=N;o<i.length;o++){l=i[o];e.style.setProperty("".concat(l,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),n)for(var a=0,c=N;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},D=function(e){var t=e.isActive,r=void 0===t||t,n=e.children,o=e.onClose,i=e.placement,a=e.rootRef,c=e.contentRef,l=y.useRef(null),u=y.useRef(!1),s=y.useRef(0);if(!r)return y.createElement(y.Fragment,null,n);return y.createElement(O.default,{onSwipeMove:function(e){var t,r,n,o=e.x,d=e.y,p=(null===(t=c.current)||void 0===t?void 0:t.scrollHeight)||0,v=(null===(r=c.current)||void 0===r?void 0:r.offsetHeight)||0,f=(null===(n=c.current)||void 0===n?void 0:n.scrollTop)||0,m=p-(f+v),h=null,E=!1,y=!1,b=Math.abs(o),O=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),E=m<=1&&d<=0&&O>b,y=O>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),E=f<=1&&d>=0&&O>b,y=O>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),E=o<=0&&b>O,y=b>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),E=o>=0&&b>O,y=b>70),null===l.current&&(l.current=!!E),l.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&y&&(u.current=!0),T(a.current,{transform:h}),T(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){T(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),T(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){T(a.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&o&&o({})}s.current=0,l.current=null,u.current=!1}},n)};exports.Overlay=function(e){var t=e.children,i=e.onClose,a=e.onOpen,c=e.onPrev,l=e.onOpened,u=e.onClosed,s=e.isOpen,d=e.isShowCloseButton,p=void 0===d||d,v=e.isShowPrevButton,f=void 0!==v&&v,m=e.isCloseOnEscape,h=void 0===m||m,E=e.isCloseOnSwipe,O=void 0===E||E,_=e.isCloseOutsideClick,g=void 0===_||_,x=e.isAnimated,P=void 0===x||x,C=e.isRenderPortal,L=void 0===C||C,N=e.isScrollLock,M=void 0===N||N,T=e.isScrollLockTouch,H=void 0===T||T,K=e.header,X=e.footer,Z=e.padding,F=void 0===Z?"20px 20px 20px 20px":Z,J=e.title,Q=e.placement,W=void 0===Q?"adaptive":Q,Y=e.size,V=void 0===Y?"adaptive":Y,G=e.maxSize,U=void 0===G?"90%":G,$=e.zIndex,ee=void 0===$?5e3:$,te=e.contentRef,re=e.dataQaId,ne=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["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"]),oe=y.useRef(null),ie=te||y.useRef(null),ae=o.useMedia({minWidth:"medium"}),ce=W,le=V;return"adaptive"===V&&(le="top"===W||"bottom"===W?"auto":"adaptive"===W?ae?400:"auto":400),"adaptive"===W&&(ce=ae?"right":"bottom"),y.createElement(R,{open:s,onEnter:a,onEntered:l,onExited:u,enabled:P},y.createElement(n.Portal,{isActive:L},y.createElement(D,{isActive:M&&O,rootRef:oe,contentRef:ie,placement:ce,onClose:i},y.createElement(k,w({role:"presentation",style:{zIndex:ee}},ne),y.createElement(b.default,{isActive:M}),y.createElement(r.KeyPress,{isActive:h,code:"Escape",onKeyDown:i}),y.createElement(S,{"aria-hidden":!0,onClick:function(e){g&&i&&i(e)}}),y.createElement(B,{ref:oe,"popup-placement":ce,"aria-modal":!0,role:"dialog",style:A(ce,le,U),"data-qaid":re},y.createElement(j,{isShowCloseButton:p,isShowPrevButton:f,onClose:i,onPrev:c,title:J},K),y.createElement(z,null,X),y.createElement(I,{isActive:H,scrollRef:ie},y.createElement(q,{ref:ie,style:{padding:F}},t)))))))},require("./style.production.v2.css");

package/Overlay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Overlay",
-  "version": "0.0.121",
+  "version": "0.0.130",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -10,7 +10,6 @@
     "evokit": "^3.2.3",
     "react-easy-swipe": "^0.0.22",
     "react-scrolllock": "^5.0.1",
-    "react-transition-group": "^4.4.2",
-    "ttag": "^1.7.24"
+    "react-transition-group": "^4.4.2"
   }
 }

package/Picture/package.json

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

package/PortableOverlay/cjs/index.development.js

@@ -37,27 +37,26 @@ var css = {"header":"PortableOverlay__header___seSVI","content":"PortableOverlay
 
 var PortableOverlay = function (_a) {
   var _b;
-
   var _c = _a.bodyGrey,
-      bodyGrey = _c === void 0 ? false : _c,
-      children = _a.children,
-      className = _a.className,
-      headerClassname = _a.headerClassname,
-      onClose = _a.onClose,
-      onScroll = _a.onScroll,
-      title = _a.title,
-      _d = _a.visible,
-      visible = _d === void 0 ? false : _d,
-      _e = _a.fullScreen,
-      fullScreen = _e === void 0 ? false : _e,
-      _f = _a.useTouchScrollable,
-      useTouchScrollable = _f === void 0 ? true : _f,
-      _g = _a.useScrollLock,
-      useScrollLock = _g === void 0 ? true : _g,
-      _h = _a.useOutsideClose,
-      useOutsideClose = _h === void 0 ? true : _h,
-      dataQaId = _a.dataQaId,
-      contentRef = _a.contentRef;
+    bodyGrey = _c === void 0 ? false : _c,
+    children = _a.children,
+    className = _a.className,
+    headerClassname = _a.headerClassname,
+    onClose = _a.onClose,
+    onScroll = _a.onScroll,
+    title = _a.title,
+    _d = _a.visible,
+    visible = _d === void 0 ? false : _d,
+    _e = _a.fullScreen,
+    fullScreen = _e === void 0 ? false : _e,
+    _f = _a.useTouchScrollable,
+    useTouchScrollable = _f === void 0 ? true : _f,
+    _g = _a.useScrollLock,
+    useScrollLock = _g === void 0 ? true : _g,
+    _h = _a.useOutsideClose,
+    useOutsideClose = _h === void 0 ? true : _h,
+    dataQaId = _a.dataQaId,
+    contentRef = _a.contentRef;
   return React__namespace.createElement(SideOverlay.SideOverlay, {
     open: visible,
     placement: 'right',

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

@@ -37,27 +37,26 @@ var css = {"header":"PortableOverlay__header___cWSUq","content":"PortableOverlay
 
 var PortableOverlay = function (_a) {
   var _b;
-
   var _c = _a.bodyGrey,
-      bodyGrey = _c === void 0 ? false : _c,
-      children = _a.children,
-      className = _a.className,
-      headerClassname = _a.headerClassname,
-      onClose = _a.onClose,
-      onScroll = _a.onScroll,
-      title = _a.title,
-      _d = _a.visible,
-      visible = _d === void 0 ? false : _d,
-      _e = _a.fullScreen,
-      fullScreen = _e === void 0 ? false : _e,
-      _f = _a.useTouchScrollable,
-      useTouchScrollable = _f === void 0 ? true : _f,
-      _g = _a.useScrollLock,
-      useScrollLock = _g === void 0 ? true : _g,
-      _h = _a.useOutsideClose,
-      useOutsideClose = _h === void 0 ? true : _h,
-      dataQaId = _a.dataQaId,
-      contentRef = _a.contentRef;
+    bodyGrey = _c === void 0 ? false : _c,
+    children = _a.children,
+    className = _a.className,
+    headerClassname = _a.headerClassname,
+    onClose = _a.onClose,
+    onScroll = _a.onScroll,
+    title = _a.title,
+    _d = _a.visible,
+    visible = _d === void 0 ? false : _d,
+    _e = _a.fullScreen,
+    fullScreen = _e === void 0 ? false : _e,
+    _f = _a.useTouchScrollable,
+    useTouchScrollable = _f === void 0 ? true : _f,
+    _g = _a.useScrollLock,
+    useScrollLock = _g === void 0 ? true : _g,
+    _h = _a.useOutsideClose,
+    useOutsideClose = _h === void 0 ? true : _h,
+    dataQaId = _a.dataQaId,
+    contentRef = _a.contentRef;
   return React__namespace.createElement(SideOverlay.SideOverlay, {
     open: visible,
     placement: 'right',

package/PortableOverlay/package.json

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

package/Portal/cjs/index.development.js

@@ -28,27 +28,22 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var PortalApp = function (_a) {
   var id = _a.id,
-      children = _a.children;
+    children = _a.children;
   var target = usePortal.usePortal(id);
-
   if (target) {
     return reactDom.createPortal(children, target);
   }
-
   return children;
 };
-
 var Portal = function (_a) {
   var _b = _a.id,
-      id = _b === void 0 ? 'react-portal' : _b,
-      _c = _a.isActive,
-      isActive = _c === void 0 ? true : _c,
-      children = _a.children;
-
+    id = _b === void 0 ? 'react-portal' : _b,
+    _c = _a.isActive,
+    isActive = _c === void 0 ? true : _c,
+    children = _a.children;
   if (!isActive) {
     return children;
   }
-
   return React__namespace.createElement(PortalApp, {
     id: id
   }, children);

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

@@ -28,27 +28,22 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var PortalApp = function (_a) {
   var id = _a.id,
-      children = _a.children;
+    children = _a.children;
   var target = usePortal.usePortal(id);
-
   if (target) {
     return reactDom.createPortal(children, target);
   }
-
   return children;
 };
-
 var Portal = function (_a) {
   var _b = _a.id,
-      id = _b === void 0 ? 'react-portal' : _b,
-      _c = _a.isActive,
-      isActive = _c === void 0 ? true : _c,
-      children = _a.children;
-
+    id = _b === void 0 ? 'react-portal' : _b,
+    _c = _a.isActive,
+    isActive = _c === void 0 ? true : _c,
+    children = _a.children;
   if (!isActive) {
     return children;
   }
-
   return React__namespace.createElement(PortalApp, {
     id: id
   }, children);

package/Portal/package.json

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