@prom-ui/core 1.14.0 → 1.16.0

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("clsx"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/Button"),i=require("@prom-ui/core/Icon"),a=require("@prom-ui/core/KeyPress"),c=require("@prom-ui/core/Portal"),l=require("@prom-ui/core/useBodyTTag"),u=require("@prom-ui/icons/Close");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var p=d(e),f=s(r);function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function y(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},v.apply(this,arguments)}function O(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var g,j={root:"_9vQ1b",closeButton:"_5HA1l",rootContent:"OXp7s",enter:"JQ0Kx",exit:"llwRD",enterActive:"p-g77",exitActive:"mioMB"},h=["isOpen","isRenderPortal","isBodyScrollLock","isShowCloseButton","zIndex","width","height","padding","onClose","className","style","children"],P=function(e){var r,s,d=e.isOpen,b=void 0!==d&&d,y=e.isRenderPortal,P=void 0===y||y,w=e.isBodyScrollLock,E=void 0===w||w,x=e.isShowCloseButton,S=void 0===x||x,q=e.zIndex,B=void 0===q?5e3:q,k=e.width,C=void 0===k?"auto":k,_=e.height,N=void 0===_?"auto":_,z=e.padding,D=void 0===z?36:z,I=e.onClose,T=e.className,A=e.style,K=e.children,M=O(e,h),R=l.useBodyTTag().t;return p.createElement(p.Fragment,null,p.createElement(o.Backdrop,{isOpen:b,zIndex:B,isRenderPortal:P,isBodyScrollLock:E}),p.createElement(t.CSSTransition,{in:b,timeout:240,classNames:j,unmountOnExit:!0},p.createElement(c.Portal,{isActive:P},p.createElement(a.KeyPress,{code:"Escape",onKeyDown:I}),p.createElement("div",{className:j.root,role:"dialog","aria-modal":!0,"aria-labelledby":void 0,style:{zIndex:B},onClick:function(e){e.target===e.currentTarget&&I(e)},"data-qaid":"modal","data-testid":"modal"},p.createElement("div",v({className:f.default(j.rootContent,T),style:m({width:C,height:N,padding:D},A)},M,{"data-qaid":"modal_content","data-testid":"modal_content"}),K,S&&p.createElement("div",{className:j.closeButton},p.createElement(n.Button,{"button-theme":"black-inherit","button-padding":"xxs",type:"button",onClick:I,"aria-label":R(g||(r=["Закрыть"],s||(s=r.slice(0)),g=Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(s)}})))),"data-qaid":"modal_close_button","data-testid":"modal_close_button"},p.createElement(i.Icon,{"icon-as":u.SvgClose,style:{width:24,height:24}}))))))))};P.displayName="Modal",exports.Modal=P,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("clsx"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/Button"),i=require("@prom-ui/core/Icon"),a=require("@prom-ui/core/KeyPress"),c=require("@prom-ui/core/Portal"),l=require("@prom-ui/core/useBodyTTag"),u=require("@prom-ui/icons/Close2");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var p=d(e),f=s(r);function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function y(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},v.apply(this,arguments)}function O(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var g,j={root:"_9vQ1b",closeButton:"_5HA1l",rootContent:"OXp7s",enter:"JQ0Kx",exit:"llwRD",enterActive:"p-g77",exitActive:"mioMB"},h=["isOpen","isRenderPortal","isBodyScrollLock","isShowCloseButton","zIndex","width","height","padding","onClose","className","style","children"],P=function(e){var r,s,d=e.isOpen,b=void 0!==d&&d,y=e.isRenderPortal,P=void 0===y||y,w=e.isBodyScrollLock,E=void 0===w||w,x=e.isShowCloseButton,S=void 0===x||x,q=e.zIndex,B=void 0===q?5e3:q,k=e.width,C=void 0===k?"auto":k,_=e.height,N=void 0===_?"auto":_,z=e.padding,D=void 0===z?36:z,I=e.onClose,T=e.className,A=e.style,K=e.children,M=O(e,h),R=l.useBodyTTag().t;return p.createElement(p.Fragment,null,p.createElement(o.Backdrop,{isOpen:b,zIndex:B,isRenderPortal:P,isBodyScrollLock:E}),p.createElement(t.CSSTransition,{in:b,timeout:240,classNames:j,unmountOnExit:!0},p.createElement(c.Portal,{isActive:P},p.createElement(a.KeyPress,{code:"Escape",onKeyDown:I}),p.createElement("div",{className:j.root,role:"dialog","aria-modal":!0,"aria-labelledby":void 0,style:{zIndex:B},onClick:function(e){e.target===e.currentTarget&&I(e)},"data-qaid":"modal","data-testid":"modal"},p.createElement("div",v({className:f.default(j.rootContent,T),style:m({width:C,height:N,padding:D},A)},M,{"data-qaid":"modal_content","data-testid":"modal_content"}),K,S&&p.createElement("div",{className:j.closeButton},p.createElement(n.Button,{"button-theme":"black-inherit","button-padding":"xxs",type:"button",onClick:I,"aria-label":R(g||(r=["Закрыть"],s||(s=r.slice(0)),g=Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(s)}})))),"data-qaid":"modal_close_button","data-testid":"modal_close_button"},p.createElement(i.Icon,{"icon-as":u.SvgClose2,style:{width:24,height:24}}))))))))};P.displayName="Modal",exports.Modal=P,require("./style.production.v2.css");

package/Modal/package.json

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

package/OutsideClick/package.json

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

package/Overlay/cjs/index.development.js

@@ -12,7 +12,7 @@ var Media = require('@prom-ui/core/Media');
 var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
 var useBodyTTag = require('@prom-ui/core/useBodyTTag');
-var Close = require('@prom-ui/icons/Close');
+var Close2 = require('@prom-ui/icons/Close2');
 var ArrowBack = require('@prom-ui/icons/ArrowBack');
 var errcatch = require('@evo/errcatch');
 var Link = require('@prom-ui/core/Link');
@@ -216,7 +216,7 @@ var OverlayHeader = function OverlayHeader(_ref) {
     "aria-label": t(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
     "data-qaid": "close"
   }, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
-    "icon-as": Close.SvgClose,
+    "icon-as": Close2.SvgClose2,
     className: css.header__actionIcon
   })))));
 };

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

@@ -12,7 +12,7 @@ var Media = require('@prom-ui/core/Media');
 var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
 var useBodyTTag = require('@prom-ui/core/useBodyTTag');
-var Close = require('@prom-ui/icons/Close');
+var Close2 = require('@prom-ui/icons/Close2');
 var ArrowBack = require('@prom-ui/icons/ArrowBack');
 var errcatch = require('@evo/errcatch');
 var Link = require('@prom-ui/core/Link');
@@ -216,7 +216,7 @@ var OverlayHeader = function OverlayHeader(_ref) {
     "aria-label": t(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
     "data-qaid": "close"
   }, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
-    "icon-as": Close.SvgClose,
+    "icon-as": Close2.SvgClose2,
     className: css.header__actionIcon
   })))));
 };

package/Overlay/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("clsx"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),i=require("@prom-ui/core/Media"),l=require("@prom-ui/core/Button"),c=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/useBodyTTag"),s=require("@prom-ui/icons/Close"),d=require("@prom-ui/icons/ArrowBack"),f=require("@evo/errcatch"),p=require("@prom-ui/core/Link"),m=require("@prom-ui/icons/colors/PromTroubleHappens"),v=require("@prom-ui/icons/colors/PromNoSignal"),y=require("react-easy-swipe");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var b=_(e),g=h(r),E=h(y);function C(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},O.apply(this,arguments)}function S(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function w(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function N(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,a,i,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(o=a.call(r)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(s){u=!0,n=s}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw n}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return P(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return P(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}var x,B,k,q,j,T,I,R,z={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__titleText:"pW2Vz",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1",errorContainer:"_8HVeJ",errorContainerLoading:"zsRUN",errorIcon:"w5VL8",errorTitle:"DJcp4",errorDescription:"_5bUeF",errorWrapReloadButton:"gwpLD",errorWrapCloseButton:"jM9l9",errorCloseButtonLoading:"IXlT4"},A=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,n=e.title,a=e.onClose,i=e.onPrev,f=u.useBodyTTag().t;return b.default.createElement("header",{className:z.header},void 0!==o?o:b.default.createElement("div",{className:z.header__grid},b.default.createElement("div",{className:z.header__action},t&&b.default.createElement(l.Button,{className:z.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":f(x||(x=w(["Назад"]))),"data-qaid":"prev"},b.default.createElement(c.Icon,{"icon-as":d.SvgArrowBack,className:z.header__actionIcon}))),b.default.createElement("div",{className:z.header__title},"string"==typeof n?b.default.createElement("span",{className:z.header__titleText,"data-qaid":"title"},n):n),b.default.createElement("div",{className:z.header__action},r&&a&&b.default.createElement(l.Button,{className:z.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":f(B||(B=w(["Закрыть"]))),"data-qaid":"close"},b.default.createElement(c.Icon,{"icon-as":s.SvgClose,className:z.header__actionIcon})))))},L=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},D=function(){var e;return Boolean(null===(e=navigator)||void 0===e?void 0:e.onLine)?"default":"offline"},M=function(e){var t=e.onClickReload,r=e.onClose,o=e.errorType,n=void 0===o?"default":o,a=e.loading,i=void 0!==a&&a,s=u.useBodyTTag().t,d={default:{icon:m.SvgPromTroubleHappens,title:s(k||(k=w(["Ой, кажется что-то пошло не так"]))),description:s(q||(q=w(["Мы уже разбираемся с этим"])))},offline:{icon:v.SvgPromNoSignal,title:s(j||(j=w(["Нет соединения"]))),description:s(T||(T=w(["Проверьте подключение к Интернету"])))}};return b.default.createElement("div",{className:g.default(z.errorContainer,C({},z.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},b.default.createElement(c.Icon,{className:z.errorIcon,"icon-as":d[n].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),b.default.createElement("div",{className:z.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},d[n].title),b.default.createElement("div",{className:z.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},d[n].description),b.default.createElement("div",{className:z.errorWrapReloadButton},b.default.createElement(l.Button,{"button-theme":"violet","button-padding-left":"4xl","button-padding-right":"4xl",type:"button",onClick:t,loading:i,"data-qaid":"overlay_error_catch_reload_button","data-testid":"overlay_error_catch_reload_button"},s(I||(I=w(["Попробовать еще раз"]))))),b.default.createElement("div",{className:z.errorWrapCloseButton},b.default.createElement(p.Link,{className:i?z.errorCloseButtonLoading:void 0,"link-as":"button","link-color":"blue-500",type:"button",onClick:r,"data-qaid":"overlay_error_catch_close_button","data-testid":"overlay_error_catch_close_button"},s(R||(R=w(["Закрыть"]))))))};M.displayName="ErrorComponent";var H=function(t){var r=t.children,o=t.name,n=t.onClose,a=N(e.useState(!1),2),i=a[0],l=a[1],c=N(e.useState("default"),2),u=c[0],s=c[1];return e.useEffect((function(){i?setTimeout((function(){s(D()),l(!1)}),600):s(D())}),[i]),i?b.default.createElement(M,{errorType:u,loading:!0}):b.default.createElement(f.ErrCatch,{name:o,errorComponent:b.default.createElement(M,{onClose:n,errorType:u,onClickReload:function(){return l(!0)}})},r)};H.displayName="OverlayErrCatch";var W=["-webkit","-moz","-ms","-o"],U=["transform","transition"],V=function(e,t){if(e)for(var r in t){var o=-1!==U.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var n=0,a=W;n<a.length;n++){var i=a[n];e.style.setProperty("".concat(i,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),o)for(var l=0,c=W;l<c.length;l++){var u=c[l];e.style.removeProperty("".concat(u,"-").concat(r))}}},J=function(e){var t=e.isActive,r=void 0===t||t,o=e.children,n=e.onClose,a=e.placement,i=e.rootRef,l=e.contentRef,c=b.useRef(null),u=b.useRef(!1),s=b.useRef(0);if(!r)return b.createElement(b.Fragment,null,o);return b.createElement(E.default,{onSwipeMove:function(e,t){var r,o,n,d=e.x,f=e.y,p=(null===(r=l.current)||void 0===r?void 0:r.scrollHeight)||0,m=(null===(o=l.current)||void 0===o?void 0:o.offsetHeight)||0,v=(null===(n=l.current)||void 0===n?void 0:n.scrollTop)||0,y=p-(v+m),h=null,_=!1,b=!1,g=Math.abs(d),E=Math.abs(f);"top"===a?(h="translateY(".concat(f>=0?0:f,"px)"),_=y<=1&&f<=0&&E>g,b=E>70):"bottom"===a?(h="translateY(".concat(f<=0?0:f,"px)"),_=v<=1&&f>=0&&E>g,b=E>70):"left"===a?(h="translateX(".concat(d>=0?0:d,"px)"),_=d<=0&&g>E,b=g>70):"right"===a&&(h="translateX(".concat(d<=0?0:d,"px)"),_=d>=0&&g>E,b=g>70),null===c.current&&(c.current=!!_),c.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&b&&(u.current=!0),null==t||t.preventDefault(),V(i.current,{transform:h}),V(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){V(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),V(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){V(i.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&n&&n({})}s.current=0,c.current=null,u.current=!1}},o)},X=["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isBodyScrollLock","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId","errCatchName"],Y=function(e){var r=e.children,l=e.onClose,c=e.onOpen,u=e.onPrev,s=e.onOpened,d=e.onClosed,f=e.isOpen,p=e.isBodyScrollLock,m=void 0===p||p,v=e.isShowCloseButton,y=void 0===v||v,h=e.isShowPrevButton,_=void 0!==h&&h,E=e.isCloseOnEscape,C=void 0===E||E,w=e.isCloseOnSwipe,N=void 0===w||w,P=e.isCloseOutsideClick,x=void 0===P||P,B=e.isAnimated,k=void 0===B||B,q=e.isRenderPortal,j=void 0===q||q,T=e.header,I=e.footer,R=e.padding,D=void 0===R?"20px 20px 20px 20px":R,M=e.title,W=e.placement,U=void 0===W?"adaptive":W,V=e.size,Y=void 0===V?"adaptive":V,F=e.maxSize,K=void 0===F?"90%":F,Q=e.zIndex,G=void 0===Q?5e3:Q,Z=e.contentRef,$=e.dataQaId,ee=e.errCatchName,te=void 0===ee?"OverlayErrCatch":ee,re=S(e,X),oe=b.useRef(null),ne=Z||b.useRef(null),ae=i.useMedia({minWidth:"medium"}),ie=U,le=Y;return"adaptive"===Y&&(le="top"===U||"bottom"===U?"auto":"adaptive"===U?ae?400:"auto":400),"adaptive"===U&&(ie=ae?"right":"bottom"),b.createElement(b.Fragment,null,b.createElement(o.Backdrop,{isOpen:f,isAnimated:k,zIndex:G,isRenderPortal:j,isBodyScrollLock:m}),b.createElement(t.CSSTransition,{in:f,timeout:k?225:0,classNames:z,unmountOnExit:!0,onEnter:c,onEntered:s,onExited:d},b.createElement(a.Portal,{isActive:j},b.createElement(J,{isActive:m&&N,rootRef:oe,contentRef:ne,placement:ie,onClose:l},b.createElement("div",O({className:z.root,role:"presentation",style:{zIndex:G}},re),b.createElement(n.KeyPress,{isActive:C,code:"Escape",onKeyDown:l}),b.createElement("div",{className:z.backdrop,"aria-hidden":!0,onClick:function(e){x&&l&&l(e)}}),b.createElement("div",{ref:oe,className:g.default(z.popup,z["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:L(ie,le,K),"data-qaid":$},b.createElement(A,{isShowCloseButton:y,isShowPrevButton:_,onClose:l,onPrev:u,title:M},T),b.createElement("footer",{className:z.footer},I),b.createElement("div",{className:z.content,ref:ne,style:{padding:D}},b.createElement(H,{onClose:l,name:te},r))))))))};Y.displayName="Overlay",exports.Overlay=Y,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("clsx"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),i=require("@prom-ui/core/Media"),l=require("@prom-ui/core/Button"),c=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/useBodyTTag"),s=require("@prom-ui/icons/Close2"),d=require("@prom-ui/icons/ArrowBack"),f=require("@evo/errcatch"),p=require("@prom-ui/core/Link"),m=require("@prom-ui/icons/colors/PromTroubleHappens"),v=require("@prom-ui/icons/colors/PromNoSignal"),y=require("react-easy-swipe");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var b=_(e),g=h(r),E=h(y);function C(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},O.apply(this,arguments)}function S(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function w(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function N(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,a,i,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(o=a.call(r)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(s){u=!0,n=s}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw n}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return P(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return P(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}var x,B,k,q,j,T,I,R,z={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__titleText:"pW2Vz",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1",errorContainer:"_8HVeJ",errorContainerLoading:"zsRUN",errorIcon:"w5VL8",errorTitle:"DJcp4",errorDescription:"_5bUeF",errorWrapReloadButton:"gwpLD",errorWrapCloseButton:"jM9l9",errorCloseButtonLoading:"IXlT4"},A=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,n=e.title,a=e.onClose,i=e.onPrev,f=u.useBodyTTag().t;return b.default.createElement("header",{className:z.header},void 0!==o?o:b.default.createElement("div",{className:z.header__grid},b.default.createElement("div",{className:z.header__action},t&&b.default.createElement(l.Button,{className:z.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":f(x||(x=w(["Назад"]))),"data-qaid":"prev"},b.default.createElement(c.Icon,{"icon-as":d.SvgArrowBack,className:z.header__actionIcon}))),b.default.createElement("div",{className:z.header__title},"string"==typeof n?b.default.createElement("span",{className:z.header__titleText,"data-qaid":"title"},n):n),b.default.createElement("div",{className:z.header__action},r&&a&&b.default.createElement(l.Button,{className:z.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":f(B||(B=w(["Закрыть"]))),"data-qaid":"close"},b.default.createElement(c.Icon,{"icon-as":s.SvgClose2,className:z.header__actionIcon})))))},L=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},D=function(){var e;return Boolean(null===(e=navigator)||void 0===e?void 0:e.onLine)?"default":"offline"},M=function(e){var t=e.onClickReload,r=e.onClose,o=e.errorType,n=void 0===o?"default":o,a=e.loading,i=void 0!==a&&a,s=u.useBodyTTag().t,d={default:{icon:m.SvgPromTroubleHappens,title:s(k||(k=w(["Ой, кажется что-то пошло не так"]))),description:s(q||(q=w(["Мы уже разбираемся с этим"])))},offline:{icon:v.SvgPromNoSignal,title:s(j||(j=w(["Нет соединения"]))),description:s(T||(T=w(["Проверьте подключение к Интернету"])))}};return b.default.createElement("div",{className:g.default(z.errorContainer,C({},z.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},b.default.createElement(c.Icon,{className:z.errorIcon,"icon-as":d[n].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),b.default.createElement("div",{className:z.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},d[n].title),b.default.createElement("div",{className:z.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},d[n].description),b.default.createElement("div",{className:z.errorWrapReloadButton},b.default.createElement(l.Button,{"button-theme":"violet","button-padding-left":"4xl","button-padding-right":"4xl",type:"button",onClick:t,loading:i,"data-qaid":"overlay_error_catch_reload_button","data-testid":"overlay_error_catch_reload_button"},s(I||(I=w(["Попробовать еще раз"]))))),b.default.createElement("div",{className:z.errorWrapCloseButton},b.default.createElement(p.Link,{className:i?z.errorCloseButtonLoading:void 0,"link-as":"button","link-color":"blue-500",type:"button",onClick:r,"data-qaid":"overlay_error_catch_close_button","data-testid":"overlay_error_catch_close_button"},s(R||(R=w(["Закрыть"]))))))};M.displayName="ErrorComponent";var H=function(t){var r=t.children,o=t.name,n=t.onClose,a=N(e.useState(!1),2),i=a[0],l=a[1],c=N(e.useState("default"),2),u=c[0],s=c[1];return e.useEffect((function(){i?setTimeout((function(){s(D()),l(!1)}),600):s(D())}),[i]),i?b.default.createElement(M,{errorType:u,loading:!0}):b.default.createElement(f.ErrCatch,{name:o,errorComponent:b.default.createElement(M,{onClose:n,errorType:u,onClickReload:function(){return l(!0)}})},r)};H.displayName="OverlayErrCatch";var W=["-webkit","-moz","-ms","-o"],U=["transform","transition"],V=function(e,t){if(e)for(var r in t){var o=-1!==U.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var n=0,a=W;n<a.length;n++){var i=a[n];e.style.setProperty("".concat(i,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),o)for(var l=0,c=W;l<c.length;l++){var u=c[l];e.style.removeProperty("".concat(u,"-").concat(r))}}},J=function(e){var t=e.isActive,r=void 0===t||t,o=e.children,n=e.onClose,a=e.placement,i=e.rootRef,l=e.contentRef,c=b.useRef(null),u=b.useRef(!1),s=b.useRef(0);if(!r)return b.createElement(b.Fragment,null,o);return b.createElement(E.default,{onSwipeMove:function(e,t){var r,o,n,d=e.x,f=e.y,p=(null===(r=l.current)||void 0===r?void 0:r.scrollHeight)||0,m=(null===(o=l.current)||void 0===o?void 0:o.offsetHeight)||0,v=(null===(n=l.current)||void 0===n?void 0:n.scrollTop)||0,y=p-(v+m),h=null,_=!1,b=!1,g=Math.abs(d),E=Math.abs(f);"top"===a?(h="translateY(".concat(f>=0?0:f,"px)"),_=y<=1&&f<=0&&E>g,b=E>70):"bottom"===a?(h="translateY(".concat(f<=0?0:f,"px)"),_=v<=1&&f>=0&&E>g,b=E>70):"left"===a?(h="translateX(".concat(d>=0?0:d,"px)"),_=d<=0&&g>E,b=g>70):"right"===a&&(h="translateX(".concat(d<=0?0:d,"px)"),_=d>=0&&g>E,b=g>70),null===c.current&&(c.current=!!_),c.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&b&&(u.current=!0),null==t||t.preventDefault(),V(i.current,{transform:h}),V(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){V(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),V(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){V(i.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&n&&n({})}s.current=0,c.current=null,u.current=!1}},o)},X=["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isBodyScrollLock","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId","errCatchName"],Y=function(e){var r=e.children,l=e.onClose,c=e.onOpen,u=e.onPrev,s=e.onOpened,d=e.onClosed,f=e.isOpen,p=e.isBodyScrollLock,m=void 0===p||p,v=e.isShowCloseButton,y=void 0===v||v,h=e.isShowPrevButton,_=void 0!==h&&h,E=e.isCloseOnEscape,C=void 0===E||E,w=e.isCloseOnSwipe,N=void 0===w||w,P=e.isCloseOutsideClick,x=void 0===P||P,B=e.isAnimated,k=void 0===B||B,q=e.isRenderPortal,j=void 0===q||q,T=e.header,I=e.footer,R=e.padding,D=void 0===R?"20px 20px 20px 20px":R,M=e.title,W=e.placement,U=void 0===W?"adaptive":W,V=e.size,Y=void 0===V?"adaptive":V,F=e.maxSize,K=void 0===F?"90%":F,Q=e.zIndex,G=void 0===Q?5e3:Q,Z=e.contentRef,$=e.dataQaId,ee=e.errCatchName,te=void 0===ee?"OverlayErrCatch":ee,re=S(e,X),oe=b.useRef(null),ne=Z||b.useRef(null),ae=i.useMedia({minWidth:"medium"}),ie=U,le=Y;return"adaptive"===Y&&(le="top"===U||"bottom"===U?"auto":"adaptive"===U?ae?400:"auto":400),"adaptive"===U&&(ie=ae?"right":"bottom"),b.createElement(b.Fragment,null,b.createElement(o.Backdrop,{isOpen:f,isAnimated:k,zIndex:G,isRenderPortal:j,isBodyScrollLock:m}),b.createElement(t.CSSTransition,{in:f,timeout:k?225:0,classNames:z,unmountOnExit:!0,onEnter:c,onEntered:s,onExited:d},b.createElement(a.Portal,{isActive:j},b.createElement(J,{isActive:m&&N,rootRef:oe,contentRef:ne,placement:ie,onClose:l},b.createElement("div",O({className:z.root,role:"presentation",style:{zIndex:G}},re),b.createElement(n.KeyPress,{isActive:C,code:"Escape",onKeyDown:l}),b.createElement("div",{className:z.backdrop,"aria-hidden":!0,onClick:function(e){x&&l&&l(e)}}),b.createElement("div",{ref:oe,className:g.default(z.popup,z["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:L(ie,le,K),"data-qaid":$},b.createElement(A,{isShowCloseButton:y,isShowPrevButton:_,onClose:l,onPrev:u,title:M},T),b.createElement("footer",{className:z.footer},I),b.createElement("div",{className:z.content,ref:ne,style:{padding:D}},b.createElement(H,{onClose:l,name:te},r))))))))};Y.displayName="Overlay",exports.Overlay=Y,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-transition-group"),r=require("clsx"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),i=require("@prom-ui/core/Media"),l=require("@prom-ui/core/Button"),c=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/useBodyTTag"),s=require("@prom-ui/icons/Close"),d=require("@prom-ui/icons/ArrowBack"),f=require("@evo/errcatch"),p=require("@prom-ui/core/Link"),m=require("@prom-ui/icons/colors/PromTroubleHappens"),v=require("@prom-ui/icons/colors/PromNoSignal"),y=require("react-easy-swipe");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var b=_(e),g=h(r),E=h(y);function C(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},O.apply(this,arguments)}function x(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function S(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function w(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,a,i,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(o=a.call(r)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(s){u=!0,n=s}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw n}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return P(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return P(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}var N,B,j,k,q,T,z,R,I={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__titleText:"zkpK2",header__action:"fzZrE gjOzy",header__actionButton:"CC-hv",header__actionIcon:"LoRyP",footer:"nE-cV",enter:"v7DoD",exit:"E0PkA",enterActive:"RFXzo",exitActive:"a2xd2",errorContainer:"_6Vqfn",errorContainerLoading:"_1NWwx",errorIcon:"B2x3n",errorTitle:"xzjW5",errorDescription:"_9ITQZ",errorWrapReloadButton:"TztMO",errorWrapCloseButton:"_6pk7M",errorCloseButtonLoading:"_4NTmf"},A=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,n=e.title,a=e.onClose,i=e.onPrev,f=u.useBodyTTag().t;return b.default.createElement("header",{className:I.header},void 0!==o?o:b.default.createElement("div",{className:I.header__grid},b.default.createElement("div",{className:I.header__action},t&&b.default.createElement(l.Button,{className:I.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":f(N||(N=S(["Назад"]))),"data-qaid":"prev"},b.default.createElement(c.Icon,{"icon-as":d.SvgArrowBack,className:I.header__actionIcon}))),b.default.createElement("div",{className:I.header__title},"string"==typeof n?b.default.createElement("span",{className:I.header__titleText,"data-qaid":"title"},n):n),b.default.createElement("div",{className:I.header__action},r&&a&&b.default.createElement(l.Button,{className:I.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":f(B||(B=S(["Закрыть"]))),"data-qaid":"close"},b.default.createElement(c.Icon,{"icon-as":s.SvgClose,className:I.header__actionIcon})))))},L=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},M=function(){var e;return Boolean(null===(e=navigator)||void 0===e?void 0:e.onLine)?"default":"offline"},D=function(e){var t=e.onClickReload,r=e.onClose,o=e.errorType,n=void 0===o?"default":o,a=e.loading,i=void 0!==a&&a,s=u.useBodyTTag().t,d={default:{icon:m.SvgPromTroubleHappens,title:s(j||(j=S(["Ой, кажется что-то пошло не так"]))),description:s(k||(k=S(["Мы уже разбираемся с этим"])))},offline:{icon:v.SvgPromNoSignal,title:s(q||(q=S(["Нет соединения"]))),description:s(T||(T=S(["Проверьте подключение к Интернету"])))}};return b.default.createElement("div",{className:g.default(I.errorContainer,C({},I.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},b.default.createElement(c.Icon,{className:I.errorIcon,"icon-as":d[n].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),b.default.createElement("div",{className:I.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},d[n].title),b.default.createElement("div",{className:I.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},d[n].description),b.default.createElement("div",{className:I.errorWrapReloadButton},b.default.createElement(l.Button,{"button-theme":"violet","button-padding-left":"4xl","button-padding-right":"4xl",type:"button",onClick:t,loading:i,"data-qaid":"overlay_error_catch_reload_button","data-testid":"overlay_error_catch_reload_button"},s(z||(z=S(["Попробовать еще раз"]))))),b.default.createElement("div",{className:I.errorWrapCloseButton},b.default.createElement(p.Link,{className:i?I.errorCloseButtonLoading:void 0,"link-as":"button","link-color":"blue-500",type:"button",onClick:r,"data-qaid":"overlay_error_catch_close_button","data-testid":"overlay_error_catch_close_button"},s(R||(R=S(["Закрыть"]))))))};D.displayName="ErrorComponent";var W=function(t){var r=t.children,o=t.name,n=t.onClose,a=w(e.useState(!1),2),i=a[0],l=a[1],c=w(e.useState("default"),2),u=c[0],s=c[1];return e.useEffect((function(){i?setTimeout((function(){s(M()),l(!1)}),600):s(M())}),[i]),i?b.default.createElement(D,{errorType:u,loading:!0}):b.default.createElement(f.ErrCatch,{name:o,errorComponent:b.default.createElement(D,{onClose:n,errorType:u,onClickReload:function(){return l(!0)}})},r)};W.displayName="OverlayErrCatch";var H=["-webkit","-moz","-ms","-o"],K=["transform","transition"],Z=function(e,t){if(e)for(var r in t){var o=-1!==K.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var n=0,a=H;n<a.length;n++){var i=a[n];e.style.setProperty("".concat(i,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),o)for(var l=0,c=H;l<c.length;l++){var u=c[l];e.style.removeProperty("".concat(u,"-").concat(r))}}},X=function(e){var t=e.isActive,r=void 0===t||t,o=e.children,n=e.onClose,a=e.placement,i=e.rootRef,l=e.contentRef,c=b.useRef(null),u=b.useRef(!1),s=b.useRef(0);if(!r)return b.createElement(b.Fragment,null,o);return b.createElement(E.default,{onSwipeMove:function(e,t){var r,o,n,d=e.x,f=e.y,p=(null===(r=l.current)||void 0===r?void 0:r.scrollHeight)||0,m=(null===(o=l.current)||void 0===o?void 0:o.offsetHeight)||0,v=(null===(n=l.current)||void 0===n?void 0:n.scrollTop)||0,y=p-(v+m),h=null,_=!1,b=!1,g=Math.abs(d),E=Math.abs(f);"top"===a?(h="translateY(".concat(f>=0?0:f,"px)"),_=y<=1&&f<=0&&E>g,b=E>70):"bottom"===a?(h="translateY(".concat(f<=0?0:f,"px)"),_=v<=1&&f>=0&&E>g,b=E>70):"left"===a?(h="translateX(".concat(d>=0?0:d,"px)"),_=d<=0&&g>E,b=g>70):"right"===a&&(h="translateX(".concat(d<=0?0:d,"px)"),_=d>=0&&g>E,b=g>70),null===c.current&&(c.current=!!_),c.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&b&&(u.current=!0),null==t||t.preventDefault(),Z(i.current,{transform:h}),Z(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){Z(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),Z(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){Z(i.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&n&&n({})}s.current=0,c.current=null,u.current=!1}},o)},F=["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isBodyScrollLock","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId","errCatchName"],Q=function(e){var r=e.children,l=e.onClose,c=e.onOpen,u=e.onPrev,s=e.onOpened,d=e.onClosed,f=e.isOpen,p=e.isBodyScrollLock,m=void 0===p||p,v=e.isShowCloseButton,y=void 0===v||v,h=e.isShowPrevButton,_=void 0!==h&&h,E=e.isCloseOnEscape,C=void 0===E||E,S=e.isCloseOnSwipe,w=void 0===S||S,P=e.isCloseOutsideClick,N=void 0===P||P,B=e.isAnimated,j=void 0===B||B,k=e.isRenderPortal,q=void 0===k||k,T=e.header,z=e.footer,R=e.padding,M=void 0===R?"20px 20px 20px 20px":R,D=e.title,H=e.placement,K=void 0===H?"adaptive":H,Z=e.size,Q=void 0===Z?"adaptive":Z,J=e.maxSize,V=void 0===J?"90%":J,Y=e.zIndex,U=void 0===Y?5e3:Y,$=e.contentRef,G=e.dataQaId,ee=e.errCatchName,te=void 0===ee?"OverlayErrCatch":ee,re=x(e,F),oe=b.useRef(null),ne=$||b.useRef(null),ae=i.useMedia({minWidth:"medium"}),ie=K,le=Q;return"adaptive"===Q&&(le="top"===K||"bottom"===K?"auto":"adaptive"===K?ae?400:"auto":400),"adaptive"===K&&(ie=ae?"right":"bottom"),b.createElement(b.Fragment,null,b.createElement(o.Backdrop,{isOpen:f,isAnimated:j,zIndex:U,isRenderPortal:q,isBodyScrollLock:m}),b.createElement(t.CSSTransition,{in:f,timeout:j?225:0,classNames:I,unmountOnExit:!0,onEnter:c,onEntered:s,onExited:d},b.createElement(a.Portal,{isActive:q},b.createElement(X,{isActive:m&&w,rootRef:oe,contentRef:ne,placement:ie,onClose:l},b.createElement("div",O({className:I.root,role:"presentation",style:{zIndex:U}},re),b.createElement(n.KeyPress,{isActive:C,code:"Escape",onKeyDown:l}),b.createElement("div",{className:I.backdrop,"aria-hidden":!0,onClick:function(e){N&&l&&l(e)}}),b.createElement("div",{ref:oe,className:g.default(I.popup,I["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:L(ie,le,V),"data-qaid":G},b.createElement(A,{isShowCloseButton:y,isShowPrevButton:_,onClose:l,onPrev:u,title:D},T),b.createElement("footer",{className:I.footer},z),b.createElement("div",{className:I.content,ref:ne,style:{padding:M}},b.createElement(W,{onClose:l,name:te},r))))))))};Q.displayName="Overlay",exports.Overlay=Q,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("clsx"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),i=require("@prom-ui/core/Media"),l=require("@prom-ui/core/Button"),c=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/useBodyTTag"),s=require("@prom-ui/icons/Close2"),d=require("@prom-ui/icons/ArrowBack"),f=require("@evo/errcatch"),p=require("@prom-ui/core/Link"),m=require("@prom-ui/icons/colors/PromTroubleHappens"),v=require("@prom-ui/icons/colors/PromNoSignal"),y=require("react-easy-swipe");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var b=_(e),g=h(r),E=h(y);function C(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},O.apply(this,arguments)}function x(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function S(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function w(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,a,i,l=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(o=a.call(r)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(s){u=!0,n=s}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw n}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return P(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return P(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}var N,B,j,k,q,T,z,R,I={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__titleText:"zkpK2",header__action:"fzZrE gjOzy",header__actionButton:"CC-hv",header__actionIcon:"LoRyP",footer:"nE-cV",enter:"v7DoD",exit:"E0PkA",enterActive:"RFXzo",exitActive:"a2xd2",errorContainer:"_6Vqfn",errorContainerLoading:"_1NWwx",errorIcon:"B2x3n",errorTitle:"xzjW5",errorDescription:"_9ITQZ",errorWrapReloadButton:"TztMO",errorWrapCloseButton:"_6pk7M",errorCloseButtonLoading:"_4NTmf"},A=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,n=e.title,a=e.onClose,i=e.onPrev,f=u.useBodyTTag().t;return b.default.createElement("header",{className:I.header},void 0!==o?o:b.default.createElement("div",{className:I.header__grid},b.default.createElement("div",{className:I.header__action},t&&b.default.createElement(l.Button,{className:I.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":f(N||(N=S(["Назад"]))),"data-qaid":"prev"},b.default.createElement(c.Icon,{"icon-as":d.SvgArrowBack,className:I.header__actionIcon}))),b.default.createElement("div",{className:I.header__title},"string"==typeof n?b.default.createElement("span",{className:I.header__titleText,"data-qaid":"title"},n):n),b.default.createElement("div",{className:I.header__action},r&&a&&b.default.createElement(l.Button,{className:I.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":f(B||(B=S(["Закрыть"]))),"data-qaid":"close"},b.default.createElement(c.Icon,{"icon-as":s.SvgClose2,className:I.header__actionIcon})))))},L=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},M=function(){var e;return Boolean(null===(e=navigator)||void 0===e?void 0:e.onLine)?"default":"offline"},D=function(e){var t=e.onClickReload,r=e.onClose,o=e.errorType,n=void 0===o?"default":o,a=e.loading,i=void 0!==a&&a,s=u.useBodyTTag().t,d={default:{icon:m.SvgPromTroubleHappens,title:s(j||(j=S(["Ой, кажется что-то пошло не так"]))),description:s(k||(k=S(["Мы уже разбираемся с этим"])))},offline:{icon:v.SvgPromNoSignal,title:s(q||(q=S(["Нет соединения"]))),description:s(T||(T=S(["Проверьте подключение к Интернету"])))}};return b.default.createElement("div",{className:g.default(I.errorContainer,C({},I.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},b.default.createElement(c.Icon,{className:I.errorIcon,"icon-as":d[n].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),b.default.createElement("div",{className:I.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},d[n].title),b.default.createElement("div",{className:I.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},d[n].description),b.default.createElement("div",{className:I.errorWrapReloadButton},b.default.createElement(l.Button,{"button-theme":"violet","button-padding-left":"4xl","button-padding-right":"4xl",type:"button",onClick:t,loading:i,"data-qaid":"overlay_error_catch_reload_button","data-testid":"overlay_error_catch_reload_button"},s(z||(z=S(["Попробовать еще раз"]))))),b.default.createElement("div",{className:I.errorWrapCloseButton},b.default.createElement(p.Link,{className:i?I.errorCloseButtonLoading:void 0,"link-as":"button","link-color":"blue-500",type:"button",onClick:r,"data-qaid":"overlay_error_catch_close_button","data-testid":"overlay_error_catch_close_button"},s(R||(R=S(["Закрыть"]))))))};D.displayName="ErrorComponent";var W=function(t){var r=t.children,o=t.name,n=t.onClose,a=w(e.useState(!1),2),i=a[0],l=a[1],c=w(e.useState("default"),2),u=c[0],s=c[1];return e.useEffect((function(){i?setTimeout((function(){s(M()),l(!1)}),600):s(M())}),[i]),i?b.default.createElement(D,{errorType:u,loading:!0}):b.default.createElement(f.ErrCatch,{name:o,errorComponent:b.default.createElement(D,{onClose:n,errorType:u,onClickReload:function(){return l(!0)}})},r)};W.displayName="OverlayErrCatch";var H=["-webkit","-moz","-ms","-o"],K=["transform","transition"],Z=function(e,t){if(e)for(var r in t){var o=-1!==K.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var n=0,a=H;n<a.length;n++){var i=a[n];e.style.setProperty("".concat(i,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),o)for(var l=0,c=H;l<c.length;l++){var u=c[l];e.style.removeProperty("".concat(u,"-").concat(r))}}},X=function(e){var t=e.isActive,r=void 0===t||t,o=e.children,n=e.onClose,a=e.placement,i=e.rootRef,l=e.contentRef,c=b.useRef(null),u=b.useRef(!1),s=b.useRef(0);if(!r)return b.createElement(b.Fragment,null,o);return b.createElement(E.default,{onSwipeMove:function(e,t){var r,o,n,d=e.x,f=e.y,p=(null===(r=l.current)||void 0===r?void 0:r.scrollHeight)||0,m=(null===(o=l.current)||void 0===o?void 0:o.offsetHeight)||0,v=(null===(n=l.current)||void 0===n?void 0:n.scrollTop)||0,y=p-(v+m),h=null,_=!1,b=!1,g=Math.abs(d),E=Math.abs(f);"top"===a?(h="translateY(".concat(f>=0?0:f,"px)"),_=y<=1&&f<=0&&E>g,b=E>70):"bottom"===a?(h="translateY(".concat(f<=0?0:f,"px)"),_=v<=1&&f>=0&&E>g,b=E>70):"left"===a?(h="translateX(".concat(d>=0?0:d,"px)"),_=d<=0&&g>E,b=g>70):"right"===a&&(h="translateX(".concat(d<=0?0:d,"px)"),_=d>=0&&g>E,b=g>70),null===c.current&&(c.current=!!_),c.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&b&&(u.current=!0),null==t||t.preventDefault(),Z(i.current,{transform:h}),Z(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){Z(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),Z(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){Z(i.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&n&&n({})}s.current=0,c.current=null,u.current=!1}},o)},F=["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isBodyScrollLock","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId","errCatchName"],Q=function(e){var r=e.children,l=e.onClose,c=e.onOpen,u=e.onPrev,s=e.onOpened,d=e.onClosed,f=e.isOpen,p=e.isBodyScrollLock,m=void 0===p||p,v=e.isShowCloseButton,y=void 0===v||v,h=e.isShowPrevButton,_=void 0!==h&&h,E=e.isCloseOnEscape,C=void 0===E||E,S=e.isCloseOnSwipe,w=void 0===S||S,P=e.isCloseOutsideClick,N=void 0===P||P,B=e.isAnimated,j=void 0===B||B,k=e.isRenderPortal,q=void 0===k||k,T=e.header,z=e.footer,R=e.padding,M=void 0===R?"20px 20px 20px 20px":R,D=e.title,H=e.placement,K=void 0===H?"adaptive":H,Z=e.size,Q=void 0===Z?"adaptive":Z,J=e.maxSize,V=void 0===J?"90%":J,Y=e.zIndex,U=void 0===Y?5e3:Y,$=e.contentRef,G=e.dataQaId,ee=e.errCatchName,te=void 0===ee?"OverlayErrCatch":ee,re=x(e,F),oe=b.useRef(null),ne=$||b.useRef(null),ae=i.useMedia({minWidth:"medium"}),ie=K,le=Q;return"adaptive"===Q&&(le="top"===K||"bottom"===K?"auto":"adaptive"===K?ae?400:"auto":400),"adaptive"===K&&(ie=ae?"right":"bottom"),b.createElement(b.Fragment,null,b.createElement(o.Backdrop,{isOpen:f,isAnimated:j,zIndex:U,isRenderPortal:q,isBodyScrollLock:m}),b.createElement(t.CSSTransition,{in:f,timeout:j?225:0,classNames:I,unmountOnExit:!0,onEnter:c,onEntered:s,onExited:d},b.createElement(a.Portal,{isActive:q},b.createElement(X,{isActive:m&&w,rootRef:oe,contentRef:ne,placement:ie,onClose:l},b.createElement("div",O({className:I.root,role:"presentation",style:{zIndex:U}},re),b.createElement(n.KeyPress,{isActive:C,code:"Escape",onKeyDown:l}),b.createElement("div",{className:I.backdrop,"aria-hidden":!0,onClick:function(e){N&&l&&l(e)}}),b.createElement("div",{ref:oe,className:g.default(I.popup,I["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:L(ie,le,V),"data-qaid":G},b.createElement(A,{isShowCloseButton:y,isShowPrevButton:_,onClose:l,onPrev:u,title:D},T),b.createElement("footer",{className:I.footer},z),b.createElement("div",{className:I.content,ref:ne,style:{padding:M}},b.createElement(W,{onClose:l,name:te},r))))))))};Q.displayName="Overlay",exports.Overlay=Q,require("./style.production.v2.css");

package/Overlay/package.json

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

package/PhotoGallery/package.json

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

package/Picture/package.json

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

package/Portal/package.json

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

package/Progress/package.json

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

package/QRCode/package.json

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

package/Rating/package.json

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

package/RatingSelect/package.json

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

package/SafeQuery/package.json

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

package/Scroll/package.json

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

package/ScrollControls/ScrollControlsButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export type tScrollControlsButton = {
+export type ScrollControlsButtonProps = {
     hideOnDisabled?: boolean;
     children?: any;
     isActive?: boolean;
@@ -8,4 +8,4 @@ export type tScrollControlsButton = {
     zIndex?: number;
     scrollRef: React.RefObject<HTMLElement>;
 };
-export declare const ScrollControlsButton: React.FC<tScrollControlsButton>;
+export declare const ScrollControlsButton: React.FC<ScrollControlsButtonProps>;

package/ScrollControls/cjs/index.development.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classNames = require('clsx');
 var useForwardRef = require('@prom-ui/core/useForwardRef');
+var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
 var useBodyTTag = require('@prom-ui/core/useBodyTTag');
 var Left = require('@prom-ui/icons/Left');
@@ -162,13 +163,12 @@ function _toPropertyKey(arg) {
   return typeof key === "symbol" ? key : String(key);
 }
 
-var css = {"root":"ScrollControls__root___mOlOq","buttonCommon":"ScrollControls__buttonCommon___rZcyK","prev":"ScrollControls__prev___cF2KB ScrollControls__buttonCommon___rZcyK","next":"ScrollControls__next___9B-9g ScrollControls__buttonCommon___rZcyK","largeBoxShadow":"ScrollControls__largeBoxShadow___a-AIU","smallBoxShadow":"ScrollControls__smallBoxShadow___EU4JE","iconPlaceholder":"ScrollControls__iconPlaceholder___mOQTl","icon":"ScrollControls__icon___lzBzL","showOnHover":"ScrollControls__showOnHover___StbVV","hideOnDisabled":"ScrollControls__hideOnDisabled___IONkE"};
+var css = {"root":"ScrollControls__root___mOlOq","buttonHolderCommon":"ScrollControls__buttonHolderCommon___8-zJW","buttonHolderPrev":"ScrollControls__buttonHolderPrev___3uXYG ScrollControls__buttonHolderCommon___8-zJW","buttonHolderNext":"ScrollControls__buttonHolderNext___L0VTc ScrollControls__buttonHolderCommon___8-zJW","buttonHideDisabled":"ScrollControls__buttonHideDisabled___1GCww","icon":"ScrollControls__icon___lzBzL","showOnHover":"ScrollControls__showOnHover___StbVV"};
 
 var _templateObject, _templateObject2;
 var DIRECTION_NEXT = 1;
 var DIRECTION_PREV = -1;
 var CONTROLS_UPDATE_DELAY = 100;
-var CONTROLS_SMALL_HEIGHT = 64;
 var ScrollControlsButton = function ScrollControlsButton(_ref) {
   var scrollRef = _ref.scrollRef,
     _ref$hideOnDisabled = _ref.hideOnDisabled,
@@ -184,8 +184,7 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
   var updateControlsTimer = React.useRef(null);
   var _useState = React.useState({
       prev: false,
-      next: false,
-      isSmallHeight: false
+      next: false
     }),
     _useState2 = _slicedToArray(_useState, 2),
     controlsVisible = _useState2[0],
@@ -195,16 +194,14 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
     var _scrollRef$current = scrollRef.current,
       scrollLeft = _scrollRef$current.scrollLeft,
       scrollWidth = _scrollRef$current.scrollWidth,
-      clientWidth = _scrollRef$current.clientWidth,
-      clientHeight = _scrollRef$current.clientHeight;
+      clientWidth = _scrollRef$current.clientWidth;
     var currentScrollLeft = (Number.isInteger(nextScrollLeft) ? nextScrollLeft : scrollLeft) || 0;
     setControlsVisible({
       prev: currentScrollLeft > 1,
-      next: currentScrollLeft < scrollWidth - clientWidth - 1,
-      // -1 hack detected in PhotoGallery
-      isSmallHeight: clientHeight < CONTROLS_SMALL_HEIGHT
+      next: currentScrollLeft < scrollWidth - clientWidth - 1 // -1 hack detected in PhotoGallery
     });
   };
+
   var updateScrollLeft = function updateScrollLeft(direction) {
     if (!scrollRef.current) return;
     var _scrollRef$current2 = scrollRef.current,
@@ -251,44 +248,53 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
     };
   }, [isActive, children]);
   if (isActive && (controlsVisible.prev || controlsVisible.next)) {
-    var _classNames, _classNames2;
-    var iconPlaceholder = /*#__PURE__*/React__namespace.default.createElement("svg", {
-      className: css.iconPlaceholder,
-      viewBox: "0 0 24 24",
-      width: 24,
-      height: 24,
-      focusable: false,
-      "aria-hidden": true,
-      tabIndex: -1
-    });
-    return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement("button", {
+    return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement("div", {
+      className: css.buttonHolderPrev
+    }, /*#__PURE__*/React__namespace.default.createElement(Button.Button, {
+      "button-theme": "white",
+      "button-padding": "none",
+      "button-round": "full",
+      "button-width": "1-1",
+      "button-height": "1-1",
+      "button-blackhole": "scroll-button",
       type: "button",
-      className: classNames__default.default(css.prev, (_classNames = {}, _defineProperty(_classNames, css.hideOnDisabled, hideOnDisabled), _defineProperty(_classNames, css.largeBoxShadow, !controlsVisible.isSmallHeight), _defineProperty(_classNames, css.smallBoxShadow, controlsVisible.isSmallHeight), _classNames)),
+      className: hideOnDisabled ? css.buttonHideDisabled : undefined,
       onClick: handleOnClickPrev,
       style: {
         zIndex: zIndex
       },
       disabled: !controlsVisible.prev,
       title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["\u041D\u0430\u0437\u0430\u0434"])))
-    }, iconPlaceholder, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
+    }, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
       className: css.icon,
+      "icon-events": "none",
       "icon-as": Left.SvgLeft
-    })), /*#__PURE__*/React__namespace.default.createElement("button", {
+    }))), /*#__PURE__*/React__namespace.default.createElement("div", {
+      className: css.buttonHolderNext
+    }, /*#__PURE__*/React__namespace.default.createElement(Button.Button, {
+      "button-theme": "white",
+      "button-padding": "none",
+      "button-round": "full",
+      "button-width": "1-1",
+      "button-height": "1-1",
+      "button-blackhole": "scroll-button",
       type: "button",
-      className: classNames__default.default(css.next, (_classNames2 = {}, _defineProperty(_classNames2, css.hideOnDisabled, hideOnDisabled), _defineProperty(_classNames2, css.largeBoxShadow, !controlsVisible.isSmallHeight), _defineProperty(_classNames2, css.smallBoxShadow, controlsVisible.isSmallHeight), _classNames2)),
+      className: hideOnDisabled ? css.buttonHideDisabled : undefined,
       onClick: handleOnClickNext,
       style: {
         zIndex: zIndex
       },
       disabled: !controlsVisible.next,
       title: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\u0414\u0430\u043B\u0435\u0435"])))
-    }, iconPlaceholder, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
+    }, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
       className: css.icon,
+      "icon-events": "none",
       "icon-as": Right.SvgRight
-    })));
+    }))));
   }
   return null;
 };
+ScrollControlsButton.displayName = 'ScrollControlsButton';
 
 var _excluded = ["children", "className", "hideOnDisabled", "isActive", "onClickNext", "onClickPrev", "showOnHover", "zIndex"];
 var ScrollControls = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classNames = require('clsx');
 var useForwardRef = require('@prom-ui/core/useForwardRef');
+var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
 var useBodyTTag = require('@prom-ui/core/useBodyTTag');
 var Left = require('@prom-ui/icons/Left');
@@ -162,13 +163,12 @@ function _toPropertyKey(arg) {
   return typeof key === "symbol" ? key : String(key);
 }
 
-var css = {"root":"ScrollControls__root___5xFyd","buttonCommon":"ScrollControls__buttonCommon___kQ3-r","prev":"ScrollControls__prev___YhapL ScrollControls__buttonCommon___kQ3-r","next":"ScrollControls__next___yCCvv ScrollControls__buttonCommon___kQ3-r","largeBoxShadow":"ScrollControls__largeBoxShadow___4Z-qq","smallBoxShadow":"ScrollControls__smallBoxShadow___ZAZeD","iconPlaceholder":"ScrollControls__iconPlaceholder___XLACs","icon":"ScrollControls__icon___z7X7-","showOnHover":"ScrollControls__showOnHover___PVtmJ","hideOnDisabled":"ScrollControls__hideOnDisabled___hwEsJ"};
+var css = {"root":"ScrollControls__root___5xFyd","buttonHolderCommon":"ScrollControls__buttonHolderCommon___1fL6b","buttonHolderPrev":"ScrollControls__buttonHolderPrev___PY-Co ScrollControls__buttonHolderCommon___1fL6b","buttonHolderNext":"ScrollControls__buttonHolderNext___u2XoF ScrollControls__buttonHolderCommon___1fL6b","buttonHideDisabled":"ScrollControls__buttonHideDisabled___zw-fa","icon":"ScrollControls__icon___z7X7-","showOnHover":"ScrollControls__showOnHover___PVtmJ"};
 
 var _templateObject, _templateObject2;
 var DIRECTION_NEXT = 1;
 var DIRECTION_PREV = -1;
 var CONTROLS_UPDATE_DELAY = 100;
-var CONTROLS_SMALL_HEIGHT = 64;
 var ScrollControlsButton = function ScrollControlsButton(_ref) {
   var scrollRef = _ref.scrollRef,
     _ref$hideOnDisabled = _ref.hideOnDisabled,
@@ -184,8 +184,7 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
   var updateControlsTimer = React.useRef(null);
   var _useState = React.useState({
       prev: false,
-      next: false,
-      isSmallHeight: false
+      next: false
     }),
     _useState2 = _slicedToArray(_useState, 2),
     controlsVisible = _useState2[0],
@@ -195,16 +194,14 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
     var _scrollRef$current = scrollRef.current,
       scrollLeft = _scrollRef$current.scrollLeft,
       scrollWidth = _scrollRef$current.scrollWidth,
-      clientWidth = _scrollRef$current.clientWidth,
-      clientHeight = _scrollRef$current.clientHeight;
+      clientWidth = _scrollRef$current.clientWidth;
     var currentScrollLeft = (Number.isInteger(nextScrollLeft) ? nextScrollLeft : scrollLeft) || 0;
     setControlsVisible({
       prev: currentScrollLeft > 1,
-      next: currentScrollLeft < scrollWidth - clientWidth - 1,
-      // -1 hack detected in PhotoGallery
-      isSmallHeight: clientHeight < CONTROLS_SMALL_HEIGHT
+      next: currentScrollLeft < scrollWidth - clientWidth - 1 // -1 hack detected in PhotoGallery
     });
   };
+
   var updateScrollLeft = function updateScrollLeft(direction) {
     if (!scrollRef.current) return;
     var _scrollRef$current2 = scrollRef.current,
@@ -251,44 +248,53 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
     };
   }, [isActive, children]);
   if (isActive && (controlsVisible.prev || controlsVisible.next)) {
-    var _classNames, _classNames2;
-    var iconPlaceholder = /*#__PURE__*/React__namespace.default.createElement("svg", {
-      className: css.iconPlaceholder,
-      viewBox: "0 0 24 24",
-      width: 24,
-      height: 24,
-      focusable: false,
-      "aria-hidden": true,
-      tabIndex: -1
-    });
-    return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement("button", {
+    return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement("div", {
+      className: css.buttonHolderPrev
+    }, /*#__PURE__*/React__namespace.default.createElement(Button.Button, {
+      "button-theme": "white",
+      "button-padding": "none",
+      "button-round": "full",
+      "button-width": "1-1",
+      "button-height": "1-1",
+      "button-blackhole": "scroll-button",
       type: "button",
-      className: classNames__default.default(css.prev, (_classNames = {}, _defineProperty(_classNames, css.hideOnDisabled, hideOnDisabled), _defineProperty(_classNames, css.largeBoxShadow, !controlsVisible.isSmallHeight), _defineProperty(_classNames, css.smallBoxShadow, controlsVisible.isSmallHeight), _classNames)),
+      className: hideOnDisabled ? css.buttonHideDisabled : undefined,
       onClick: handleOnClickPrev,
       style: {
         zIndex: zIndex
       },
       disabled: !controlsVisible.prev,
       title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["\u041D\u0430\u0437\u0430\u0434"])))
-    }, iconPlaceholder, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
+    }, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
       className: css.icon,
+      "icon-events": "none",
       "icon-as": Left.SvgLeft
-    })), /*#__PURE__*/React__namespace.default.createElement("button", {
+    }))), /*#__PURE__*/React__namespace.default.createElement("div", {
+      className: css.buttonHolderNext
+    }, /*#__PURE__*/React__namespace.default.createElement(Button.Button, {
+      "button-theme": "white",
+      "button-padding": "none",
+      "button-round": "full",
+      "button-width": "1-1",
+      "button-height": "1-1",
+      "button-blackhole": "scroll-button",
       type: "button",
-      className: classNames__default.default(css.next, (_classNames2 = {}, _defineProperty(_classNames2, css.hideOnDisabled, hideOnDisabled), _defineProperty(_classNames2, css.largeBoxShadow, !controlsVisible.isSmallHeight), _defineProperty(_classNames2, css.smallBoxShadow, controlsVisible.isSmallHeight), _classNames2)),
+      className: hideOnDisabled ? css.buttonHideDisabled : undefined,
       onClick: handleOnClickNext,
       style: {
         zIndex: zIndex
       },
       disabled: !controlsVisible.next,
       title: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\u0414\u0430\u043B\u0435\u0435"])))
-    }, iconPlaceholder, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
+    }, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
       className: css.icon,
+      "icon-events": "none",
       "icon-as": Right.SvgRight
-    })));
+    }))));
   }
   return null;
 };
+ScrollControlsButton.displayName = 'ScrollControlsButton';
 
 var _excluded = ["children", "className", "hideOnDisabled", "isActive", "onClickNext", "onClickPrev", "showOnHover", "zIndex"];
 var ScrollControls = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {