@prom-ui/core 1.7.0-alpha.1 → 1.7.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Avatar/package.json +1 -1
- package/Backdrop/package.json +1 -1
- package/Body/package.json +1 -1
- package/BodyContext/package.json +1 -1
- package/BodyProvider/package.json +1 -1
- package/BodyScrollLock/cjs/index.development.js +37 -0
- package/BodyScrollLock/cjs/index.development.v2.js +37 -0
- package/BodyScrollLock/cjs/index.production.js +1 -0
- package/BodyScrollLock/cjs/index.production.v2.js +1 -0
- package/BodyScrollLock/index.d.ts +5 -0
- package/{ScrollLock → BodyScrollLock}/package.json +2 -2
- package/Box/package.json +1 -1
- package/Button/package.json +1 -1
- package/ButtonPageUp/package.json +1 -1
- package/Checkbox/package.json +1 -1
- package/Flex/package.json +1 -1
- package/Grid/package.json +1 -1
- package/Icon/package.json +1 -1
- package/Image/package.json +1 -1
- package/ImageEmoji/package.json +1 -1
- package/Input/package.json +1 -1
- package/InputField/package.json +1 -1
- package/KeyPress/package.json +1 -1
- package/Line/package.json +1 -1
- package/Link/package.json +1 -1
- package/List/package.json +1 -1
- package/Media/package.json +1 -1
- package/OutsideClick/package.json +1 -1
- package/Overlay/cjs/index.development.js +2 -2
- package/Overlay/cjs/index.development.v2.js +2 -2
- package/Overlay/cjs/index.production.js +1 -1
- package/Overlay/cjs/index.production.v2.js +1 -1
- package/Overlay/package.json +1 -1
- package/Picture/package.json +1 -1
- package/Portal/package.json +1 -1
- package/QRCode/package.json +1 -1
- package/Rating/package.json +1 -1
- package/RatingSelect/package.json +1 -1
- package/SafeQuery/package.json +1 -1
- package/Scroll/package.json +1 -1
- package/ScrollControls/package.json +1 -1
- package/SimpleSlider/package.json +1 -1
- package/Skeleton/package.json +1 -1
- package/Spinner/package.json +1 -1
- package/Text/package.json +1 -1
- package/TextEmoji/package.json +1 -1
- package/Tooltip/package.json +1 -1
- package/Tumbler/package.json +1 -1
- package/package.json +2 -3
- package/useBodyScrollLock/cjs/index.development.js +163 -0
- package/useBodyScrollLock/cjs/index.development.v2.js +163 -0
- package/useBodyScrollLock/cjs/index.production.js +1 -0
- package/useBodyScrollLock/cjs/index.production.v2.js +1 -0
- package/useBodyScrollLock/index.d.ts +5 -0
- package/useBodyScrollLock/index.js +7 -0
- package/useBodyScrollLock/index.v2.js +7 -0
- package/useBodyScrollLock/package.json +9 -0
- package/useBodyScrollLock/preventScrollMobileSafari.d.ts +1 -0
- package/useBodyScrollLock/preventScrollStandard.d.ts +1 -0
- package/useBodyScrollLock/utils.d.ts +16 -0
- package/useBodyTTag/package.json +1 -1
- package/useDebounce/package.json +1 -1
- package/useId/package.json +1 -1
- package/useIsMounted/package.json +1 -1
- package/useKeyPress/package.json +1 -1
- package/useMedia/package.json +1 -1
- package/useOutsideClick/package.json +1 -1
- package/usePortal/package.json +1 -1
- package/useScrollPosition/package.json +1 -1
- package/ScrollLock/cjs/index.development.js +0 -464
- package/ScrollLock/cjs/index.development.v2.js +0 -464
- package/ScrollLock/cjs/index.production.js +0 -1
- package/ScrollLock/cjs/index.production.v2.js +0 -1
- package/ScrollLock/index.d.ts +0 -5
- /package/{ScrollLock → BodyScrollLock}/index.js +0 -0
- /package/{ScrollLock → BodyScrollLock}/index.v2.js +0 -0
package/Avatar/package.json
CHANGED
package/Backdrop/package.json
CHANGED
package/Body/package.json
CHANGED
package/BodyContext/package.json
CHANGED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var useBodyScrollLock = require('@prom-ui/core/useBodyScrollLock');
|
|
7
|
+
|
|
8
|
+
function _interopNamespaceCompat(e) {
|
|
9
|
+
if (e && typeof e === 'object' && 'default' in e) return e;
|
|
10
|
+
var n = Object.create(null);
|
|
11
|
+
if (e) {
|
|
12
|
+
Object.keys(e).forEach(function (k) {
|
|
13
|
+
if (k !== 'default') {
|
|
14
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
15
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () { return e[k]; }
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
n.default = e;
|
|
23
|
+
return Object.freeze(n);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
|
|
27
|
+
|
|
28
|
+
var BodyScrollLock = function BodyScrollLock(_ref) {
|
|
29
|
+
var _ref$isActive = _ref.isActive,
|
|
30
|
+
isActive = _ref$isActive === void 0 ? true : _ref$isActive;
|
|
31
|
+
useBodyScrollLock.useBodyScrollLock({
|
|
32
|
+
isActive: isActive
|
|
33
|
+
});
|
|
34
|
+
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null);
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
exports.BodyScrollLock = BodyScrollLock;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var useBodyScrollLock = require('@prom-ui/core/useBodyScrollLock');
|
|
7
|
+
|
|
8
|
+
function _interopNamespaceCompat(e) {
|
|
9
|
+
if (e && typeof e === 'object' && 'default' in e) return e;
|
|
10
|
+
var n = Object.create(null);
|
|
11
|
+
if (e) {
|
|
12
|
+
Object.keys(e).forEach(function (k) {
|
|
13
|
+
if (k !== 'default') {
|
|
14
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
15
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () { return e[k]; }
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
n.default = e;
|
|
23
|
+
return Object.freeze(n);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
|
|
27
|
+
|
|
28
|
+
var BodyScrollLock = function BodyScrollLock(_ref) {
|
|
29
|
+
var _ref$isActive = _ref.isActive,
|
|
30
|
+
isActive = _ref$isActive === void 0 ? true : _ref$isActive;
|
|
31
|
+
useBodyScrollLock.useBodyScrollLock({
|
|
32
|
+
isActive: isActive
|
|
33
|
+
});
|
|
34
|
+
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null);
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
exports.BodyScrollLock = BodyScrollLock;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/core/useBodyScrollLock");function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var c=t(e);exports.BodyScrollLock=function(e){var t=e.isActive,o=void 0===t||t;return r.useBodyScrollLock({isActive:o}),c.createElement(c.Fragment,null)};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/core/useBodyScrollLock");function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var c=t(e);exports.BodyScrollLock=function(e){var t=e.isActive,o=void 0===t||t;return r.useBodyScrollLock({isActive:o}),c.createElement(c.Fragment,null)};
|
package/Box/package.json
CHANGED
package/Button/package.json
CHANGED
package/Checkbox/package.json
CHANGED
package/Flex/package.json
CHANGED
package/Grid/package.json
CHANGED
package/Icon/package.json
CHANGED
package/Image/package.json
CHANGED
package/ImageEmoji/package.json
CHANGED
package/Input/package.json
CHANGED
package/InputField/package.json
CHANGED
package/KeyPress/package.json
CHANGED
package/Line/package.json
CHANGED
package/Link/package.json
CHANGED
package/List/package.json
CHANGED
package/Media/package.json
CHANGED
|
@@ -8,8 +8,8 @@ var classNames = require('classnames');
|
|
|
8
8
|
var Backdrop = require('@prom-ui/core/Backdrop');
|
|
9
9
|
var KeyPress = require('@prom-ui/core/KeyPress');
|
|
10
10
|
var Portal = require('@prom-ui/core/Portal');
|
|
11
|
-
var ScrollLock = require('@prom-ui/core/ScrollLock');
|
|
12
11
|
var Media = require('@prom-ui/core/Media');
|
|
12
|
+
var BodyScrollLock = require('@prom-ui/core/BodyScrollLock');
|
|
13
13
|
var Button = require('@prom-ui/core/Button');
|
|
14
14
|
var Icon = require('@prom-ui/core/Icon');
|
|
15
15
|
var useBodyTTag = require('@prom-ui/core/useBodyTTag');
|
|
@@ -564,7 +564,7 @@ var Overlay = function Overlay(_ref) {
|
|
|
564
564
|
style: {
|
|
565
565
|
zIndex: zIndex
|
|
566
566
|
}
|
|
567
|
-
}, props), /*#__PURE__*/React__namespace.createElement(
|
|
567
|
+
}, props), /*#__PURE__*/React__namespace.createElement(BodyScrollLock.BodyScrollLock, {
|
|
568
568
|
isActive: isScrollLock
|
|
569
569
|
}), /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
|
|
570
570
|
isActive: isCloseOnEscape,
|
|
@@ -8,8 +8,8 @@ var classNames = require('classnames');
|
|
|
8
8
|
var Backdrop = require('@prom-ui/core/Backdrop');
|
|
9
9
|
var KeyPress = require('@prom-ui/core/KeyPress');
|
|
10
10
|
var Portal = require('@prom-ui/core/Portal');
|
|
11
|
-
var ScrollLock = require('@prom-ui/core/ScrollLock');
|
|
12
11
|
var Media = require('@prom-ui/core/Media');
|
|
12
|
+
var BodyScrollLock = require('@prom-ui/core/BodyScrollLock');
|
|
13
13
|
var Button = require('@prom-ui/core/Button');
|
|
14
14
|
var Icon = require('@prom-ui/core/Icon');
|
|
15
15
|
var useBodyTTag = require('@prom-ui/core/useBodyTTag');
|
|
@@ -564,7 +564,7 @@ var Overlay = function Overlay(_ref) {
|
|
|
564
564
|
style: {
|
|
565
565
|
zIndex: zIndex
|
|
566
566
|
}
|
|
567
|
-
}, props), /*#__PURE__*/React__namespace.createElement(
|
|
567
|
+
}, props), /*#__PURE__*/React__namespace.createElement(BodyScrollLock.BodyScrollLock, {
|
|
568
568
|
isActive: isScrollLock
|
|
569
569
|
}), /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
|
|
570
570
|
isActive: isCloseOnEscape,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),i=require("@prom-ui/core/ScrollLock"),l=require("@prom-ui/core/Media"),c=require("@prom-ui/core/Button"),u=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/useBodyTTag"),d=require("@prom-ui/icons/Close"),f=require("@prom-ui/icons/ArrowBack"),p=require("@evo/errcatch"),m=require("@prom-ui/core/Link"),v=require("@prom-ui/icons/colors/PromTroubleHappens"),h=require("@prom-ui/icons/colors/PromNoSignal"),_=require("react-easy-swipe");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(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 g=b(e),E=y(r),C=y(_);function O(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 S(){return S=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},S.apply(this,arguments)}function w(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 k(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 q,x,B,j,T,I,R,z,A={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"},L=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,n=e.title,a=e.onClose,i=e.onPrev,l=s.useBodyTTag().t;return g.default.createElement("header",{className:A.header},void 0!==o?o:g.default.createElement("div",{className:A.header__grid},g.default.createElement("div",{className:A.header__action},t&&g.default.createElement(c.Button,{className:A.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":l(q||(q=k(["Назад"]))),"data-qaid":"prev"},g.default.createElement(u.Icon,{"icon-as":f.SvgArrowBack,className:A.header__actionIcon}))),g.default.createElement("div",{className:A.header__title},"string"==typeof n?g.default.createElement("span",{className:A.header__titleText,"data-qaid":"title"},n):n),g.default.createElement("div",{className:A.header__action},r&&a&&g.default.createElement(c.Button,{className:A.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":l(x||(x=k(["Закрыть"]))),"data-qaid":"close"},g.default.createElement(u.Icon,{"icon-as":d.SvgClose,className:A.header__actionIcon})))))},D=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"},H=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,l=s.useBodyTTag().t,d={default:{icon:v.SvgPromTroubleHappens,title:l(B||(B=k(["Ой, кажется что-то пошло не так"]))),description:l(j||(j=k(["Мы уже разбираемся с этим"])))},offline:{icon:h.SvgPromNoSignal,title:l(T||(T=k(["Нет соединения"]))),description:l(I||(I=k(["Проверьте подключение к Интернету"])))}};return g.default.createElement("div",{className:E.default(A.errorContainer,O({},A.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},g.default.createElement(u.Icon,{className:A.errorIcon,"icon-as":d[n].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),g.default.createElement("div",{className:A.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},d[n].title),g.default.createElement("div",{className:A.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},d[n].description),g.default.createElement("div",{className:A.errorWrapReloadButton},g.default.createElement(c.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"},l(R||(R=k(["Попробовать еще раз"]))))),g.default.createElement("div",{className:A.errorWrapCloseButton},g.default.createElement(m.Link,{className:i?A.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"},l(z||(z=k(["Закрыть"]))))))};H.displayName="ErrorComponent";var W=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(M()),l(!1)}),600):s(M())}),[i]),i?g.default.createElement(H,{errorType:u,loading:!0}):g.default.createElement(p.ErrCatch,{name:o,errorComponent:g.default.createElement(H,{onClose:n,errorType:u,onClickReload:function(){return l(!0)}})},r)};W.displayName="OverlayErrCatch";var U=["-webkit","-moz","-ms","-o"],V=["transform","transition"],J=function(e,t){if(e)for(var r in t){var o=-1!==V.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var n=0,a=U;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=U;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=g.useRef(null),u=g.useRef(!1),s=g.useRef(0);if(!r)return g.createElement(g.Fragment,null,o);return g.createElement(C.default,{onSwipeMove:function(e){var t,r,o,n=e.x,d=e.y,f=(null===(t=l.current)||void 0===t?void 0:t.scrollHeight)||0,p=(null===(r=l.current)||void 0===r?void 0:r.offsetHeight)||0,m=(null===(o=l.current)||void 0===o?void 0:o.scrollTop)||0,v=f-(m+p),h=null,_=!1,y=!1,b=Math.abs(n),g=Math.abs(d);"top"===a?(h="translateY(".concat(d>=0?0:d,"px)"),_=v<=1&&d<=0&&g>b,y=g>70):"bottom"===a?(h="translateY(".concat(d<=0?0:d,"px)"),_=m<=1&&d>=0&&g>b,y=g>70):"left"===a?(h="translateX(".concat(n>=0?0:n,"px)"),_=n<=0&&b>g,y=b>70):"right"===a&&(h="translateX(".concat(n<=0?0:n,"px)"),_=n>=0&&b>g,y=b>70),null===c.current&&(c.current=!!_),c.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&y&&(u.current=!0),J(i.current,{transform:h}),J(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){J(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),J(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){J(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)},Y=["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","errCatchName"];exports.Overlay=function(e){var r=e.children,c=e.onClose,u=e.onOpen,s=e.onPrev,d=e.onOpened,f=e.onClosed,p=e.isOpen,m=e.isShowCloseButton,v=void 0===m||m,h=e.isShowPrevButton,_=void 0!==h&&h,y=e.isCloseOnEscape,b=void 0===y||y,C=e.isCloseOnSwipe,O=void 0===C||C,k=e.isCloseOutsideClick,N=void 0===k||k,P=e.isAnimated,q=void 0===P||P,x=e.isRenderPortal,B=void 0===x||x,j=e.isScrollLock,T=void 0===j||j,I=e.header,R=e.footer,z=e.padding,M=void 0===z?"20px 20px 20px 20px":z,H=e.title,U=e.placement,V=void 0===U?"adaptive":U,J=e.size,F=void 0===J?"adaptive":J,K=e.maxSize,Q=void 0===K?"90%":K,G=e.zIndex,Z=void 0===G?5e3:G,$=e.contentRef,ee=e.dataQaId,te=e.errCatchName,re=void 0===te?"OverlayErrCatch":te,oe=w(e,Y),ne=g.useRef(null),ae=$||g.useRef(null),ie=l.useMedia({minWidth:"medium"}),le=V,ce=F;return"adaptive"===F&&(ce="top"===V||"bottom"===V?"auto":"adaptive"===V?ie?400:"auto":400),"adaptive"===V&&(le=ie?"right":"bottom"),g.createElement(g.Fragment,null,g.createElement(o.Backdrop,{isOpen:p,isAnimated:q,zIndex:Z,isRenderPortal:B}),g.createElement(t.CSSTransition,{in:p,timeout:q?225:0,classNames:A,unmountOnExit:!0,onEnter:u,onEntered:d,onExited:f},g.createElement(a.Portal,{isActive:B},g.createElement(X,{isActive:T&&O,rootRef:ne,contentRef:ae,placement:le,onClose:c},g.createElement("div",S({className:A.root,role:"presentation",style:{zIndex:Z}},oe),g.createElement(i.ScrollLock,{isActive:T}),g.createElement(n.KeyPress,{isActive:b,code:"Escape",onKeyDown:c}),g.createElement("div",{className:A.backdrop,"aria-hidden":!0,onClick:function(e){N&&c&&c(e)}}),g.createElement("div",{ref:ne,className:E.default(A.popup,A["popup_placement_".concat(le)]),"aria-modal":!0,role:"dialog",style:D(le,ce,Q),"data-qaid":ee},g.createElement(L,{isShowCloseButton:v,isShowPrevButton:_,onClose:c,onPrev:s,title:H},I),g.createElement("footer",{className:A.footer},R),g.createElement("div",{className:A.content,ref:ae,style:{padding:M}},g.createElement(W,{onClose:c,name:re},r))))))))},require("./style.production.css");
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),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/BodyScrollLock"),c=require("@prom-ui/core/Button"),u=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/useBodyTTag"),d=require("@prom-ui/icons/Close"),f=require("@prom-ui/icons/ArrowBack"),p=require("@evo/errcatch"),m=require("@prom-ui/core/Link"),v=require("@prom-ui/icons/colors/PromTroubleHappens"),h=require("@prom-ui/icons/colors/PromNoSignal"),_=require("react-easy-swipe");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(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 g=b(e),E=y(r),C=y(_);function O(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 S(){return S=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},S.apply(this,arguments)}function w(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 k(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 q,x,B,j,T,I,R,z,A={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"},L=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,n=e.title,a=e.onClose,i=e.onPrev,l=s.useBodyTTag().t;return g.default.createElement("header",{className:A.header},void 0!==o?o:g.default.createElement("div",{className:A.header__grid},g.default.createElement("div",{className:A.header__action},t&&g.default.createElement(c.Button,{className:A.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":l(q||(q=k(["Назад"]))),"data-qaid":"prev"},g.default.createElement(u.Icon,{"icon-as":f.SvgArrowBack,className:A.header__actionIcon}))),g.default.createElement("div",{className:A.header__title},"string"==typeof n?g.default.createElement("span",{className:A.header__titleText,"data-qaid":"title"},n):n),g.default.createElement("div",{className:A.header__action},r&&a&&g.default.createElement(c.Button,{className:A.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":l(x||(x=k(["Закрыть"]))),"data-qaid":"close"},g.default.createElement(u.Icon,{"icon-as":d.SvgClose,className:A.header__actionIcon})))))},D=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"},H=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,l=s.useBodyTTag().t,d={default:{icon:v.SvgPromTroubleHappens,title:l(B||(B=k(["Ой, кажется что-то пошло не так"]))),description:l(j||(j=k(["Мы уже разбираемся с этим"])))},offline:{icon:h.SvgPromNoSignal,title:l(T||(T=k(["Нет соединения"]))),description:l(I||(I=k(["Проверьте подключение к Интернету"])))}};return g.default.createElement("div",{className:E.default(A.errorContainer,O({},A.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},g.default.createElement(u.Icon,{className:A.errorIcon,"icon-as":d[n].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),g.default.createElement("div",{className:A.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},d[n].title),g.default.createElement("div",{className:A.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},d[n].description),g.default.createElement("div",{className:A.errorWrapReloadButton},g.default.createElement(c.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"},l(R||(R=k(["Попробовать еще раз"]))))),g.default.createElement("div",{className:A.errorWrapCloseButton},g.default.createElement(m.Link,{className:i?A.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"},l(z||(z=k(["Закрыть"]))))))};H.displayName="ErrorComponent";var W=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(M()),l(!1)}),600):s(M())}),[i]),i?g.default.createElement(H,{errorType:u,loading:!0}):g.default.createElement(p.ErrCatch,{name:o,errorComponent:g.default.createElement(H,{onClose:n,errorType:u,onClickReload:function(){return l(!0)}})},r)};W.displayName="OverlayErrCatch";var U=["-webkit","-moz","-ms","-o"],V=["transform","transition"],J=function(e,t){if(e)for(var r in t){var o=-1!==V.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var n=0,a=U;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=U;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=g.useRef(null),u=g.useRef(!1),s=g.useRef(0);if(!r)return g.createElement(g.Fragment,null,o);return g.createElement(C.default,{onSwipeMove:function(e){var t,r,o,n=e.x,d=e.y,f=(null===(t=l.current)||void 0===t?void 0:t.scrollHeight)||0,p=(null===(r=l.current)||void 0===r?void 0:r.offsetHeight)||0,m=(null===(o=l.current)||void 0===o?void 0:o.scrollTop)||0,v=f-(m+p),h=null,_=!1,y=!1,b=Math.abs(n),g=Math.abs(d);"top"===a?(h="translateY(".concat(d>=0?0:d,"px)"),_=v<=1&&d<=0&&g>b,y=g>70):"bottom"===a?(h="translateY(".concat(d<=0?0:d,"px)"),_=m<=1&&d>=0&&g>b,y=g>70):"left"===a?(h="translateX(".concat(n>=0?0:n,"px)"),_=n<=0&&b>g,y=b>70):"right"===a&&(h="translateX(".concat(n<=0?0:n,"px)"),_=n>=0&&b>g,y=b>70),null===c.current&&(c.current=!!_),c.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&y&&(u.current=!0),J(i.current,{transform:h}),J(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){J(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),J(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){J(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)},Y=["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","errCatchName"];exports.Overlay=function(e){var r=e.children,c=e.onClose,u=e.onOpen,s=e.onPrev,d=e.onOpened,f=e.onClosed,p=e.isOpen,m=e.isShowCloseButton,v=void 0===m||m,h=e.isShowPrevButton,_=void 0!==h&&h,y=e.isCloseOnEscape,b=void 0===y||y,C=e.isCloseOnSwipe,O=void 0===C||C,k=e.isCloseOutsideClick,N=void 0===k||k,P=e.isAnimated,q=void 0===P||P,x=e.isRenderPortal,B=void 0===x||x,j=e.isScrollLock,T=void 0===j||j,I=e.header,R=e.footer,z=e.padding,M=void 0===z?"20px 20px 20px 20px":z,H=e.title,U=e.placement,V=void 0===U?"adaptive":U,J=e.size,F=void 0===J?"adaptive":J,K=e.maxSize,Q=void 0===K?"90%":K,G=e.zIndex,Z=void 0===G?5e3:G,$=e.contentRef,ee=e.dataQaId,te=e.errCatchName,re=void 0===te?"OverlayErrCatch":te,oe=w(e,Y),ne=g.useRef(null),ae=$||g.useRef(null),ie=i.useMedia({minWidth:"medium"}),le=V,ce=F;return"adaptive"===F&&(ce="top"===V||"bottom"===V?"auto":"adaptive"===V?ie?400:"auto":400),"adaptive"===V&&(le=ie?"right":"bottom"),g.createElement(g.Fragment,null,g.createElement(o.Backdrop,{isOpen:p,isAnimated:q,zIndex:Z,isRenderPortal:B}),g.createElement(t.CSSTransition,{in:p,timeout:q?225:0,classNames:A,unmountOnExit:!0,onEnter:u,onEntered:d,onExited:f},g.createElement(a.Portal,{isActive:B},g.createElement(X,{isActive:T&&O,rootRef:ne,contentRef:ae,placement:le,onClose:c},g.createElement("div",S({className:A.root,role:"presentation",style:{zIndex:Z}},oe),g.createElement(l.BodyScrollLock,{isActive:T}),g.createElement(n.KeyPress,{isActive:b,code:"Escape",onKeyDown:c}),g.createElement("div",{className:A.backdrop,"aria-hidden":!0,onClick:function(e){N&&c&&c(e)}}),g.createElement("div",{ref:ne,className:E.default(A.popup,A["popup_placement_".concat(le)]),"aria-modal":!0,role:"dialog",style:D(le,ce,Q),"data-qaid":ee},g.createElement(L,{isShowCloseButton:v,isShowPrevButton:_,onClose:c,onPrev:s,title:H},I),g.createElement("footer",{className:A.footer},R),g.createElement("div",{className:A.content,ref:ae,style:{padding:M}},g.createElement(W,{onClose:c,name:re},r))))))))},require("./style.production.css");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),i=require("@prom-ui/core/ScrollLock"),l=require("@prom-ui/core/Media"),c=require("@prom-ui/core/Button"),u=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/useBodyTTag"),d=require("@prom-ui/icons/Close"),f=require("@prom-ui/icons/ArrowBack"),p=require("@evo/errcatch"),m=require("@prom-ui/core/Link"),v=require("@prom-ui/icons/colors/PromTroubleHappens"),h=require("@prom-ui/icons/colors/PromNoSignal"),y=require("react-easy-swipe");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(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 g=b(e),E=_(r),C=_(y);function O(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 S(){return S=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},S.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 w(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function P(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 N(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 N(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 N(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 k,j,q,B,T,z,R,A,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"},L=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,n=e.title,a=e.onClose,i=e.onPrev,l=s.useBodyTTag().t;return g.default.createElement("header",{className:I.header},void 0!==o?o:g.default.createElement("div",{className:I.header__grid},g.default.createElement("div",{className:I.header__action},t&&g.default.createElement(c.Button,{className:I.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":l(k||(k=w(["Назад"]))),"data-qaid":"prev"},g.default.createElement(u.Icon,{"icon-as":f.SvgArrowBack,className:I.header__actionIcon}))),g.default.createElement("div",{className:I.header__title},"string"==typeof n?g.default.createElement("span",{className:I.header__titleText,"data-qaid":"title"},n):n),g.default.createElement("div",{className:I.header__action},r&&a&&g.default.createElement(c.Button,{className:I.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":l(j||(j=w(["Закрыть"]))),"data-qaid":"close"},g.default.createElement(u.Icon,{"icon-as":d.SvgClose,className:I.header__actionIcon})))))},M=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"},W=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,l=s.useBodyTTag().t,d={default:{icon:v.SvgPromTroubleHappens,title:l(q||(q=w(["Ой, кажется что-то пошло не так"]))),description:l(B||(B=w(["Мы уже разбираемся с этим"])))},offline:{icon:h.SvgPromNoSignal,title:l(T||(T=w(["Нет соединения"]))),description:l(z||(z=w(["Проверьте подключение к Интернету"])))}};return g.default.createElement("div",{className:E.default(I.errorContainer,O({},I.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},g.default.createElement(u.Icon,{className:I.errorIcon,"icon-as":d[n].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),g.default.createElement("div",{className:I.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},d[n].title),g.default.createElement("div",{className:I.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},d[n].description),g.default.createElement("div",{className:I.errorWrapReloadButton},g.default.createElement(c.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"},l(R||(R=w(["Попробовать еще раз"]))))),g.default.createElement("div",{className:I.errorWrapCloseButton},g.default.createElement(m.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"},l(A||(A=w(["Закрыть"]))))))};W.displayName="ErrorComponent";var H=function(t){var r=t.children,o=t.name,n=t.onClose,a=P(e.useState(!1),2),i=a[0],l=a[1],c=P(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?g.default.createElement(W,{errorType:u,loading:!0}):g.default.createElement(p.ErrCatch,{name:o,errorComponent:g.default.createElement(W,{onClose:n,errorType:u,onClickReload:function(){return l(!0)}})},r)};H.displayName="OverlayErrCatch";var K=["-webkit","-moz","-ms","-o"],Z=["transform","transition"],X=function(e,t){if(e)for(var r in t){var o=-1!==Z.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var n=0,a=K;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=K;l<c.length;l++){var u=c[l];e.style.removeProperty("".concat(u,"-").concat(r))}}},F=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=g.useRef(null),u=g.useRef(!1),s=g.useRef(0);if(!r)return g.createElement(g.Fragment,null,o);return g.createElement(C.default,{onSwipeMove:function(e){var t,r,o,n=e.x,d=e.y,f=(null===(t=l.current)||void 0===t?void 0:t.scrollHeight)||0,p=(null===(r=l.current)||void 0===r?void 0:r.offsetHeight)||0,m=(null===(o=l.current)||void 0===o?void 0:o.scrollTop)||0,v=f-(m+p),h=null,y=!1,_=!1,b=Math.abs(n),g=Math.abs(d);"top"===a?(h="translateY(".concat(d>=0?0:d,"px)"),y=v<=1&&d<=0&&g>b,_=g>70):"bottom"===a?(h="translateY(".concat(d<=0?0:d,"px)"),y=m<=1&&d>=0&&g>b,_=g>70):"left"===a?(h="translateX(".concat(n>=0?0:n,"px)"),y=n<=0&&b>g,_=b>70):"right"===a&&(h="translateX(".concat(n<=0?0:n,"px)"),y=n>=0&&b>g,_=b>70),null===c.current&&(c.current=!!y),c.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&_&&(u.current=!0),X(i.current,{transform:h}),X(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){X(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),X(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){X(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)},Q=["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","errCatchName"];exports.Overlay=function(e){var r=e.children,c=e.onClose,u=e.onOpen,s=e.onPrev,d=e.onOpened,f=e.onClosed,p=e.isOpen,m=e.isShowCloseButton,v=void 0===m||m,h=e.isShowPrevButton,y=void 0!==h&&h,_=e.isCloseOnEscape,b=void 0===_||_,C=e.isCloseOnSwipe,O=void 0===C||C,w=e.isCloseOutsideClick,P=void 0===w||w,N=e.isAnimated,k=void 0===N||N,j=e.isRenderPortal,q=void 0===j||j,B=e.isScrollLock,T=void 0===B||B,z=e.header,R=e.footer,A=e.padding,D=void 0===A?"20px 20px 20px 20px":A,W=e.title,K=e.placement,Z=void 0===K?"adaptive":K,X=e.size,J=void 0===X?"adaptive":X,V=e.maxSize,Y=void 0===V?"90%":V,U=e.zIndex,$=void 0===U?5e3:U,G=e.contentRef,ee=e.dataQaId,te=e.errCatchName,re=void 0===te?"OverlayErrCatch":te,oe=x(e,Q),ne=g.useRef(null),ae=G||g.useRef(null),ie=l.useMedia({minWidth:"medium"}),le=Z,ce=J;return"adaptive"===J&&(ce="top"===Z||"bottom"===Z?"auto":"adaptive"===Z?ie?400:"auto":400),"adaptive"===Z&&(le=ie?"right":"bottom"),g.createElement(g.Fragment,null,g.createElement(o.Backdrop,{isOpen:p,isAnimated:k,zIndex:$,isRenderPortal:q}),g.createElement(t.CSSTransition,{in:p,timeout:k?225:0,classNames:I,unmountOnExit:!0,onEnter:u,onEntered:d,onExited:f},g.createElement(a.Portal,{isActive:q},g.createElement(F,{isActive:T&&O,rootRef:ne,contentRef:ae,placement:le,onClose:c},g.createElement("div",S({className:I.root,role:"presentation",style:{zIndex:$}},oe),g.createElement(i.ScrollLock,{isActive:T}),g.createElement(n.KeyPress,{isActive:b,code:"Escape",onKeyDown:c}),g.createElement("div",{className:I.backdrop,"aria-hidden":!0,onClick:function(e){P&&c&&c(e)}}),g.createElement("div",{ref:ne,className:E.default(I.popup,I["popup_placement_".concat(le)]),"aria-modal":!0,role:"dialog",style:M(le,ce,Y),"data-qaid":ee},g.createElement(L,{isShowCloseButton:v,isShowPrevButton:y,onClose:c,onPrev:s,title:W},z),g.createElement("footer",{className:I.footer},R),g.createElement("div",{className:I.content,ref:ae,style:{padding:D}},g.createElement(H,{onClose:c,name:re},r))))))))},require("./style.production.v2.css");
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),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/BodyScrollLock"),c=require("@prom-ui/core/Button"),u=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/useBodyTTag"),d=require("@prom-ui/icons/Close"),f=require("@prom-ui/icons/ArrowBack"),p=require("@evo/errcatch"),m=require("@prom-ui/core/Link"),v=require("@prom-ui/icons/colors/PromTroubleHappens"),h=require("@prom-ui/icons/colors/PromNoSignal"),y=require("react-easy-swipe");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(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 g=b(e),E=_(r),C=_(y);function O(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 S(){return S=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},S.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 w(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function P(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 N(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 N(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 N(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 k,B,j,q,T,z,R,A,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"},L=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,n=e.title,a=e.onClose,i=e.onPrev,l=s.useBodyTTag().t;return g.default.createElement("header",{className:I.header},void 0!==o?o:g.default.createElement("div",{className:I.header__grid},g.default.createElement("div",{className:I.header__action},t&&g.default.createElement(c.Button,{className:I.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":l(k||(k=w(["Назад"]))),"data-qaid":"prev"},g.default.createElement(u.Icon,{"icon-as":f.SvgArrowBack,className:I.header__actionIcon}))),g.default.createElement("div",{className:I.header__title},"string"==typeof n?g.default.createElement("span",{className:I.header__titleText,"data-qaid":"title"},n):n),g.default.createElement("div",{className:I.header__action},r&&a&&g.default.createElement(c.Button,{className:I.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":l(B||(B=w(["Закрыть"]))),"data-qaid":"close"},g.default.createElement(u.Icon,{"icon-as":d.SvgClose,className:I.header__actionIcon})))))},M=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"},W=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,l=s.useBodyTTag().t,d={default:{icon:v.SvgPromTroubleHappens,title:l(j||(j=w(["Ой, кажется что-то пошло не так"]))),description:l(q||(q=w(["Мы уже разбираемся с этим"])))},offline:{icon:h.SvgPromNoSignal,title:l(T||(T=w(["Нет соединения"]))),description:l(z||(z=w(["Проверьте подключение к Интернету"])))}};return g.default.createElement("div",{className:E.default(I.errorContainer,O({},I.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},g.default.createElement(u.Icon,{className:I.errorIcon,"icon-as":d[n].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),g.default.createElement("div",{className:I.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},d[n].title),g.default.createElement("div",{className:I.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},d[n].description),g.default.createElement("div",{className:I.errorWrapReloadButton},g.default.createElement(c.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"},l(R||(R=w(["Попробовать еще раз"]))))),g.default.createElement("div",{className:I.errorWrapCloseButton},g.default.createElement(m.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"},l(A||(A=w(["Закрыть"]))))))};W.displayName="ErrorComponent";var H=function(t){var r=t.children,o=t.name,n=t.onClose,a=P(e.useState(!1),2),i=a[0],l=a[1],c=P(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?g.default.createElement(W,{errorType:u,loading:!0}):g.default.createElement(p.ErrCatch,{name:o,errorComponent:g.default.createElement(W,{onClose:n,errorType:u,onClickReload:function(){return l(!0)}})},r)};H.displayName="OverlayErrCatch";var K=["-webkit","-moz","-ms","-o"],Z=["transform","transition"],X=function(e,t){if(e)for(var r in t){var o=-1!==Z.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var n=0,a=K;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=K;l<c.length;l++){var u=c[l];e.style.removeProperty("".concat(u,"-").concat(r))}}},F=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=g.useRef(null),u=g.useRef(!1),s=g.useRef(0);if(!r)return g.createElement(g.Fragment,null,o);return g.createElement(C.default,{onSwipeMove:function(e){var t,r,o,n=e.x,d=e.y,f=(null===(t=l.current)||void 0===t?void 0:t.scrollHeight)||0,p=(null===(r=l.current)||void 0===r?void 0:r.offsetHeight)||0,m=(null===(o=l.current)||void 0===o?void 0:o.scrollTop)||0,v=f-(m+p),h=null,y=!1,_=!1,b=Math.abs(n),g=Math.abs(d);"top"===a?(h="translateY(".concat(d>=0?0:d,"px)"),y=v<=1&&d<=0&&g>b,_=g>70):"bottom"===a?(h="translateY(".concat(d<=0?0:d,"px)"),y=m<=1&&d>=0&&g>b,_=g>70):"left"===a?(h="translateX(".concat(n>=0?0:n,"px)"),y=n<=0&&b>g,_=b>70):"right"===a&&(h="translateX(".concat(n<=0?0:n,"px)"),y=n>=0&&b>g,_=b>70),null===c.current&&(c.current=!!y),c.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&_&&(u.current=!0),X(i.current,{transform:h}),X(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){X(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),X(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){X(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)},Q=["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","errCatchName"];exports.Overlay=function(e){var r=e.children,c=e.onClose,u=e.onOpen,s=e.onPrev,d=e.onOpened,f=e.onClosed,p=e.isOpen,m=e.isShowCloseButton,v=void 0===m||m,h=e.isShowPrevButton,y=void 0!==h&&h,_=e.isCloseOnEscape,b=void 0===_||_,C=e.isCloseOnSwipe,O=void 0===C||C,w=e.isCloseOutsideClick,P=void 0===w||w,N=e.isAnimated,k=void 0===N||N,B=e.isRenderPortal,j=void 0===B||B,q=e.isScrollLock,T=void 0===q||q,z=e.header,R=e.footer,A=e.padding,D=void 0===A?"20px 20px 20px 20px":A,W=e.title,K=e.placement,Z=void 0===K?"adaptive":K,X=e.size,J=void 0===X?"adaptive":X,V=e.maxSize,Y=void 0===V?"90%":V,U=e.zIndex,$=void 0===U?5e3:U,G=e.contentRef,ee=e.dataQaId,te=e.errCatchName,re=void 0===te?"OverlayErrCatch":te,oe=x(e,Q),ne=g.useRef(null),ae=G||g.useRef(null),ie=i.useMedia({minWidth:"medium"}),le=Z,ce=J;return"adaptive"===J&&(ce="top"===Z||"bottom"===Z?"auto":"adaptive"===Z?ie?400:"auto":400),"adaptive"===Z&&(le=ie?"right":"bottom"),g.createElement(g.Fragment,null,g.createElement(o.Backdrop,{isOpen:p,isAnimated:k,zIndex:$,isRenderPortal:j}),g.createElement(t.CSSTransition,{in:p,timeout:k?225:0,classNames:I,unmountOnExit:!0,onEnter:u,onEntered:d,onExited:f},g.createElement(a.Portal,{isActive:j},g.createElement(F,{isActive:T&&O,rootRef:ne,contentRef:ae,placement:le,onClose:c},g.createElement("div",S({className:I.root,role:"presentation",style:{zIndex:$}},oe),g.createElement(l.BodyScrollLock,{isActive:T}),g.createElement(n.KeyPress,{isActive:b,code:"Escape",onKeyDown:c}),g.createElement("div",{className:I.backdrop,"aria-hidden":!0,onClick:function(e){P&&c&&c(e)}}),g.createElement("div",{ref:ne,className:E.default(I.popup,I["popup_placement_".concat(le)]),"aria-modal":!0,role:"dialog",style:M(le,ce,Y),"data-qaid":ee},g.createElement(L,{isShowCloseButton:v,isShowPrevButton:y,onClose:c,onPrev:s,title:W},z),g.createElement("footer",{className:I.footer},R),g.createElement("div",{className:I.content,ref:ae,style:{padding:D}},g.createElement(H,{onClose:c,name:re},r))))))))},require("./style.production.v2.css");
|
package/Overlay/package.json
CHANGED
package/Picture/package.json
CHANGED
package/Portal/package.json
CHANGED
package/QRCode/package.json
CHANGED
package/Rating/package.json
CHANGED
package/SafeQuery/package.json
CHANGED
package/Scroll/package.json
CHANGED
package/Skeleton/package.json
CHANGED
package/Spinner/package.json
CHANGED
package/Text/package.json
CHANGED
package/TextEmoji/package.json
CHANGED