@prom-ui/core 1.7.1 → 1.8.0
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/cjs/index.development.js +7 -2
- package/Backdrop/cjs/index.development.v2.js +7 -2
- package/Backdrop/cjs/index.production.js +1 -1
- package/Backdrop/cjs/index.production.v2.js +1 -1
- package/Backdrop/index.d.ts +2 -0
- 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 +87 -0
- package/BodyScrollLock/cjs/index.development.v2.js +87 -0
- package/BodyScrollLock/cjs/index.production.js +1 -0
- package/BodyScrollLock/cjs/index.production.v2.js +1 -0
- package/BodyScrollLock/cjs/style.development.css +1 -0
- package/BodyScrollLock/cjs/style.development.v2.css +1 -0
- package/BodyScrollLock/cjs/style.production.css +1 -0
- package/BodyScrollLock/cjs/style.production.v2.css +1 -0
- package/BodyScrollLock/index.d.ts +5 -0
- package/BodyScrollLock/index.js +7 -0
- package/BodyScrollLock/index.v2.js +7 -0
- package/BodyScrollLock/package.json +9 -0
- package/BodyScrollLock/utils.d.ts +1 -0
- 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 +11 -43
- package/Overlay/cjs/index.development.v2.js +11 -43
- package/Overlay/cjs/index.production.js +1 -1
- package/Overlay/cjs/index.production.v2.js +1 -1
- package/Overlay/index.d.ts +2 -4
- package/Overlay/package.json +1 -2
- package/PhotoGallery/cjs/index.development.js +7 -50
- package/PhotoGallery/cjs/index.development.v2.js +7 -50
- package/PhotoGallery/cjs/index.production.js +1 -1
- package/PhotoGallery/cjs/index.production.v2.js +1 -1
- package/PhotoGallery/package.json +1 -2
- 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/useBodyTTag/package.json +1 -1
- package/useBrowserLayoutEffect/cjs/index.development.js +12 -0
- package/useBrowserLayoutEffect/cjs/index.development.v2.js +12 -0
- package/useBrowserLayoutEffect/cjs/index.production.js +1 -0
- package/useBrowserLayoutEffect/cjs/index.production.v2.js +1 -0
- package/useBrowserLayoutEffect/index.d.ts +5 -0
- package/useBrowserLayoutEffect/index.js +7 -0
- package/useBrowserLayoutEffect/index.v2.js +7 -0
- package/useBrowserLayoutEffect/package.json +9 -0
- package/useDebounce/package.json +1 -1
- package/useForwardRef/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/Overlay/components/TouchScrollable.d.ts +0 -8
- package/PhotoGallery/components/TouchScrollable.d.ts +0 -9
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var ScrollLock = require('react-scrolllock');
|
|
7
6
|
var reactTransitionGroup = require('react-transition-group');
|
|
8
7
|
var classNames = require('classnames');
|
|
9
8
|
var Backdrop = require('@prom-ui/core/Backdrop');
|
|
@@ -19,7 +18,6 @@ var errcatch = require('@evo/errcatch');
|
|
|
19
18
|
var Link = require('@prom-ui/core/Link');
|
|
20
19
|
var PromTroubleHappens = require('@prom-ui/icons/colors/PromTroubleHappens');
|
|
21
20
|
var PromNoSignal = require('@prom-ui/icons/colors/PromNoSignal');
|
|
22
|
-
var utils = require('react-scrolllock/dist/utils');
|
|
23
21
|
var Swipe = require('react-easy-swipe');
|
|
24
22
|
|
|
25
23
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -43,7 +41,6 @@ function _interopNamespaceCompat(e) {
|
|
|
43
41
|
}
|
|
44
42
|
|
|
45
43
|
var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
|
|
46
|
-
var ScrollLock__default = /*#__PURE__*/_interopDefaultCompat(ScrollLock);
|
|
47
44
|
var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
|
|
48
45
|
var Swipe__default = /*#__PURE__*/_interopDefaultCompat(Swipe);
|
|
49
46
|
|
|
@@ -346,30 +343,6 @@ var OverlayErrCatch = function OverlayErrCatch(_ref2) {
|
|
|
346
343
|
};
|
|
347
344
|
OverlayErrCatch.displayName = 'OverlayErrCatch';
|
|
348
345
|
|
|
349
|
-
// FORK FROM https://github.com/jossmac/react-scrolllock/blob/master/src/TouchScrollable.js
|
|
350
|
-
|
|
351
|
-
var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
352
|
-
|
|
353
|
-
/* @ts-ignore */
|
|
354
|
-
var canUseEventListeners = canUseDOM && !!(window.addEventListener || window.attachEvent);
|
|
355
|
-
var TouchScrollable = function TouchScrollable(_ref) {
|
|
356
|
-
var _ref$isActive = _ref.isActive,
|
|
357
|
-
isActive = _ref$isActive === void 0 ? false : _ref$isActive,
|
|
358
|
-
scrollRef = _ref.scrollRef,
|
|
359
|
-
children = _ref.children;
|
|
360
|
-
React__namespace.useEffect(function () {
|
|
361
|
-
if (!isActive || !canUseEventListeners || !(scrollRef !== null && scrollRef !== void 0 && scrollRef.current)) return;
|
|
362
|
-
scrollRef.current.addEventListener('touchstart', utils.preventInertiaScroll, utils.listenerOptions);
|
|
363
|
-
scrollRef.current.addEventListener('touchmove', utils.allowTouchMove, utils.listenerOptions);
|
|
364
|
-
return function () {
|
|
365
|
-
if (!isActive || !canUseEventListeners || !(scrollRef !== null && scrollRef !== void 0 && scrollRef.current)) return;
|
|
366
|
-
scrollRef.current.removeEventListener('touchstart', utils.preventInertiaScroll, utils.listenerOptions);
|
|
367
|
-
scrollRef.current.removeEventListener('touchmove', utils.allowTouchMove, utils.listenerOptions);
|
|
368
|
-
};
|
|
369
|
-
});
|
|
370
|
-
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, children);
|
|
371
|
-
};
|
|
372
|
-
|
|
373
346
|
var VENDOR_PREFIX = ['-webkit', '-moz', '-ms', '-o'];
|
|
374
347
|
var PROPERTYES_VENDOR_PREFIX = ['transform', 'transition'];
|
|
375
348
|
var setStyle = function setStyle(element, style) {
|
|
@@ -412,7 +385,7 @@ var SwipeClose = function SwipeClose(_ref) {
|
|
|
412
385
|
if (!isActive) {
|
|
413
386
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, children);
|
|
414
387
|
}
|
|
415
|
-
var onSwipeMove = function onSwipeMove(_ref2) {
|
|
388
|
+
var onSwipeMove = function onSwipeMove(_ref2, e) {
|
|
416
389
|
var _contentRef$current, _contentRef$current2, _contentRef$current3;
|
|
417
390
|
var x = _ref2.x,
|
|
418
391
|
y = _ref2.y;
|
|
@@ -456,6 +429,7 @@ var SwipeClose = function SwipeClose(_ref) {
|
|
|
456
429
|
if (!isAllowClose.current && isAllowCloseCords) {
|
|
457
430
|
isAllowClose.current = true;
|
|
458
431
|
}
|
|
432
|
+
e === null || e === void 0 ? void 0 : e.preventDefault();
|
|
459
433
|
setStyle(rootRef.current, {
|
|
460
434
|
transform: transform
|
|
461
435
|
});
|
|
@@ -495,7 +469,7 @@ var SwipeClose = function SwipeClose(_ref) {
|
|
|
495
469
|
}, children);
|
|
496
470
|
};
|
|
497
471
|
|
|
498
|
-
var _excluded = ["children", "onClose", "onOpen", "onPrev", "onOpened", "onClosed", "isOpen", "isShowCloseButton", "isShowPrevButton", "isCloseOnEscape", "isCloseOnSwipe", "isCloseOutsideClick", "isAnimated", "isRenderPortal", "
|
|
472
|
+
var _excluded = ["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"];
|
|
499
473
|
var DEFAULT_SIZE = 400;
|
|
500
474
|
|
|
501
475
|
/**
|
|
@@ -510,6 +484,8 @@ var Overlay = function Overlay(_ref) {
|
|
|
510
484
|
onOpened = _ref.onOpened,
|
|
511
485
|
onClosed = _ref.onClosed,
|
|
512
486
|
isOpen = _ref.isOpen,
|
|
487
|
+
_ref$isBodyScrollLock = _ref.isBodyScrollLock,
|
|
488
|
+
isBodyScrollLock = _ref$isBodyScrollLock === void 0 ? true : _ref$isBodyScrollLock,
|
|
513
489
|
_ref$isShowCloseButto = _ref.isShowCloseButton,
|
|
514
490
|
isShowCloseButton = _ref$isShowCloseButto === void 0 ? true : _ref$isShowCloseButto,
|
|
515
491
|
_ref$isShowPrevButton = _ref.isShowPrevButton,
|
|
@@ -524,10 +500,6 @@ var Overlay = function Overlay(_ref) {
|
|
|
524
500
|
isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated,
|
|
525
501
|
_ref$isRenderPortal = _ref.isRenderPortal,
|
|
526
502
|
isRenderPortal = _ref$isRenderPortal === void 0 ? true : _ref$isRenderPortal,
|
|
527
|
-
_ref$isScrollLock = _ref.isScrollLock,
|
|
528
|
-
isScrollLock = _ref$isScrollLock === void 0 ? true : _ref$isScrollLock,
|
|
529
|
-
_ref$isScrollLockTouc = _ref.isScrollLockTouch,
|
|
530
|
-
isScrollLockTouch = _ref$isScrollLockTouc === void 0 ? true : _ref$isScrollLockTouc,
|
|
531
503
|
header = _ref.header,
|
|
532
504
|
footer = _ref.footer,
|
|
533
505
|
_ref$padding = _ref.padding,
|
|
@@ -569,7 +541,8 @@ var Overlay = function Overlay(_ref) {
|
|
|
569
541
|
isOpen: isOpen,
|
|
570
542
|
isAnimated: isAnimated,
|
|
571
543
|
zIndex: zIndex,
|
|
572
|
-
isRenderPortal: isRenderPortal
|
|
544
|
+
isRenderPortal: isRenderPortal,
|
|
545
|
+
isBodyScrollLock: isBodyScrollLock
|
|
573
546
|
}), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, {
|
|
574
547
|
"in": isOpen,
|
|
575
548
|
timeout: isAnimated ? 225 : 0,
|
|
@@ -581,7 +554,7 @@ var Overlay = function Overlay(_ref) {
|
|
|
581
554
|
}, /*#__PURE__*/React__namespace.createElement(Portal.Portal, {
|
|
582
555
|
isActive: isRenderPortal
|
|
583
556
|
}, /*#__PURE__*/React__namespace.createElement(SwipeClose, {
|
|
584
|
-
isActive:
|
|
557
|
+
isActive: isBodyScrollLock && isCloseOnSwipe,
|
|
585
558
|
rootRef: popupRef,
|
|
586
559
|
contentRef: currentContentRef,
|
|
587
560
|
placement: currentPlacement,
|
|
@@ -592,9 +565,7 @@ var Overlay = function Overlay(_ref) {
|
|
|
592
565
|
style: {
|
|
593
566
|
zIndex: zIndex
|
|
594
567
|
}
|
|
595
|
-
}, props), /*#__PURE__*/React__namespace.createElement(
|
|
596
|
-
isActive: isScrollLock
|
|
597
|
-
}), /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
|
|
568
|
+
}, props), /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
|
|
598
569
|
isActive: isCloseOnEscape,
|
|
599
570
|
code: "Escape",
|
|
600
571
|
onKeyDown: onClose
|
|
@@ -621,10 +592,7 @@ var Overlay = function Overlay(_ref) {
|
|
|
621
592
|
title: title
|
|
622
593
|
}, header), /*#__PURE__*/React__namespace.createElement("footer", {
|
|
623
594
|
className: css.footer
|
|
624
|
-
}, footer), /*#__PURE__*/React__namespace.createElement(
|
|
625
|
-
isActive: isScrollLockTouch,
|
|
626
|
-
scrollRef: currentContentRef
|
|
627
|
-
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
595
|
+
}, footer), /*#__PURE__*/React__namespace.createElement("div", {
|
|
628
596
|
className: css.content,
|
|
629
597
|
ref: currentContentRef,
|
|
630
598
|
style: {
|
|
@@ -633,7 +601,7 @@ var Overlay = function Overlay(_ref) {
|
|
|
633
601
|
}, /*#__PURE__*/React__namespace.createElement(OverlayErrCatch, {
|
|
634
602
|
onClose: onClose,
|
|
635
603
|
name: errCatchName
|
|
636
|
-
}, children))))))))
|
|
604
|
+
}, children))))))));
|
|
637
605
|
};
|
|
638
606
|
|
|
639
607
|
exports.Overlay = Overlay;
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var ScrollLock = require('react-scrolllock');
|
|
7
6
|
var reactTransitionGroup = require('react-transition-group');
|
|
8
7
|
var classNames = require('classnames');
|
|
9
8
|
var Backdrop = require('@prom-ui/core/Backdrop');
|
|
@@ -19,7 +18,6 @@ var errcatch = require('@evo/errcatch');
|
|
|
19
18
|
var Link = require('@prom-ui/core/Link');
|
|
20
19
|
var PromTroubleHappens = require('@prom-ui/icons/colors/PromTroubleHappens');
|
|
21
20
|
var PromNoSignal = require('@prom-ui/icons/colors/PromNoSignal');
|
|
22
|
-
var utils = require('react-scrolllock/dist/utils');
|
|
23
21
|
var Swipe = require('react-easy-swipe');
|
|
24
22
|
|
|
25
23
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -43,7 +41,6 @@ function _interopNamespaceCompat(e) {
|
|
|
43
41
|
}
|
|
44
42
|
|
|
45
43
|
var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
|
|
46
|
-
var ScrollLock__default = /*#__PURE__*/_interopDefaultCompat(ScrollLock);
|
|
47
44
|
var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
|
|
48
45
|
var Swipe__default = /*#__PURE__*/_interopDefaultCompat(Swipe);
|
|
49
46
|
|
|
@@ -346,30 +343,6 @@ var OverlayErrCatch = function OverlayErrCatch(_ref2) {
|
|
|
346
343
|
};
|
|
347
344
|
OverlayErrCatch.displayName = 'OverlayErrCatch';
|
|
348
345
|
|
|
349
|
-
// FORK FROM https://github.com/jossmac/react-scrolllock/blob/master/src/TouchScrollable.js
|
|
350
|
-
|
|
351
|
-
var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
352
|
-
|
|
353
|
-
/* @ts-ignore */
|
|
354
|
-
var canUseEventListeners = canUseDOM && !!(window.addEventListener || window.attachEvent);
|
|
355
|
-
var TouchScrollable = function TouchScrollable(_ref) {
|
|
356
|
-
var _ref$isActive = _ref.isActive,
|
|
357
|
-
isActive = _ref$isActive === void 0 ? false : _ref$isActive,
|
|
358
|
-
scrollRef = _ref.scrollRef,
|
|
359
|
-
children = _ref.children;
|
|
360
|
-
React__namespace.useEffect(function () {
|
|
361
|
-
if (!isActive || !canUseEventListeners || !(scrollRef !== null && scrollRef !== void 0 && scrollRef.current)) return;
|
|
362
|
-
scrollRef.current.addEventListener('touchstart', utils.preventInertiaScroll, utils.listenerOptions);
|
|
363
|
-
scrollRef.current.addEventListener('touchmove', utils.allowTouchMove, utils.listenerOptions);
|
|
364
|
-
return function () {
|
|
365
|
-
if (!isActive || !canUseEventListeners || !(scrollRef !== null && scrollRef !== void 0 && scrollRef.current)) return;
|
|
366
|
-
scrollRef.current.removeEventListener('touchstart', utils.preventInertiaScroll, utils.listenerOptions);
|
|
367
|
-
scrollRef.current.removeEventListener('touchmove', utils.allowTouchMove, utils.listenerOptions);
|
|
368
|
-
};
|
|
369
|
-
});
|
|
370
|
-
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, children);
|
|
371
|
-
};
|
|
372
|
-
|
|
373
346
|
var VENDOR_PREFIX = ['-webkit', '-moz', '-ms', '-o'];
|
|
374
347
|
var PROPERTYES_VENDOR_PREFIX = ['transform', 'transition'];
|
|
375
348
|
var setStyle = function setStyle(element, style) {
|
|
@@ -412,7 +385,7 @@ var SwipeClose = function SwipeClose(_ref) {
|
|
|
412
385
|
if (!isActive) {
|
|
413
386
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, children);
|
|
414
387
|
}
|
|
415
|
-
var onSwipeMove = function onSwipeMove(_ref2) {
|
|
388
|
+
var onSwipeMove = function onSwipeMove(_ref2, e) {
|
|
416
389
|
var _contentRef$current, _contentRef$current2, _contentRef$current3;
|
|
417
390
|
var x = _ref2.x,
|
|
418
391
|
y = _ref2.y;
|
|
@@ -456,6 +429,7 @@ var SwipeClose = function SwipeClose(_ref) {
|
|
|
456
429
|
if (!isAllowClose.current && isAllowCloseCords) {
|
|
457
430
|
isAllowClose.current = true;
|
|
458
431
|
}
|
|
432
|
+
e === null || e === void 0 ? void 0 : e.preventDefault();
|
|
459
433
|
setStyle(rootRef.current, {
|
|
460
434
|
transform: transform
|
|
461
435
|
});
|
|
@@ -495,7 +469,7 @@ var SwipeClose = function SwipeClose(_ref) {
|
|
|
495
469
|
}, children);
|
|
496
470
|
};
|
|
497
471
|
|
|
498
|
-
var _excluded = ["children", "onClose", "onOpen", "onPrev", "onOpened", "onClosed", "isOpen", "isShowCloseButton", "isShowPrevButton", "isCloseOnEscape", "isCloseOnSwipe", "isCloseOutsideClick", "isAnimated", "isRenderPortal", "
|
|
472
|
+
var _excluded = ["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"];
|
|
499
473
|
var DEFAULT_SIZE = 400;
|
|
500
474
|
|
|
501
475
|
/**
|
|
@@ -510,6 +484,8 @@ var Overlay = function Overlay(_ref) {
|
|
|
510
484
|
onOpened = _ref.onOpened,
|
|
511
485
|
onClosed = _ref.onClosed,
|
|
512
486
|
isOpen = _ref.isOpen,
|
|
487
|
+
_ref$isBodyScrollLock = _ref.isBodyScrollLock,
|
|
488
|
+
isBodyScrollLock = _ref$isBodyScrollLock === void 0 ? true : _ref$isBodyScrollLock,
|
|
513
489
|
_ref$isShowCloseButto = _ref.isShowCloseButton,
|
|
514
490
|
isShowCloseButton = _ref$isShowCloseButto === void 0 ? true : _ref$isShowCloseButto,
|
|
515
491
|
_ref$isShowPrevButton = _ref.isShowPrevButton,
|
|
@@ -524,10 +500,6 @@ var Overlay = function Overlay(_ref) {
|
|
|
524
500
|
isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated,
|
|
525
501
|
_ref$isRenderPortal = _ref.isRenderPortal,
|
|
526
502
|
isRenderPortal = _ref$isRenderPortal === void 0 ? true : _ref$isRenderPortal,
|
|
527
|
-
_ref$isScrollLock = _ref.isScrollLock,
|
|
528
|
-
isScrollLock = _ref$isScrollLock === void 0 ? true : _ref$isScrollLock,
|
|
529
|
-
_ref$isScrollLockTouc = _ref.isScrollLockTouch,
|
|
530
|
-
isScrollLockTouch = _ref$isScrollLockTouc === void 0 ? true : _ref$isScrollLockTouc,
|
|
531
503
|
header = _ref.header,
|
|
532
504
|
footer = _ref.footer,
|
|
533
505
|
_ref$padding = _ref.padding,
|
|
@@ -569,7 +541,8 @@ var Overlay = function Overlay(_ref) {
|
|
|
569
541
|
isOpen: isOpen,
|
|
570
542
|
isAnimated: isAnimated,
|
|
571
543
|
zIndex: zIndex,
|
|
572
|
-
isRenderPortal: isRenderPortal
|
|
544
|
+
isRenderPortal: isRenderPortal,
|
|
545
|
+
isBodyScrollLock: isBodyScrollLock
|
|
573
546
|
}), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, {
|
|
574
547
|
"in": isOpen,
|
|
575
548
|
timeout: isAnimated ? 225 : 0,
|
|
@@ -581,7 +554,7 @@ var Overlay = function Overlay(_ref) {
|
|
|
581
554
|
}, /*#__PURE__*/React__namespace.createElement(Portal.Portal, {
|
|
582
555
|
isActive: isRenderPortal
|
|
583
556
|
}, /*#__PURE__*/React__namespace.createElement(SwipeClose, {
|
|
584
|
-
isActive:
|
|
557
|
+
isActive: isBodyScrollLock && isCloseOnSwipe,
|
|
585
558
|
rootRef: popupRef,
|
|
586
559
|
contentRef: currentContentRef,
|
|
587
560
|
placement: currentPlacement,
|
|
@@ -592,9 +565,7 @@ var Overlay = function Overlay(_ref) {
|
|
|
592
565
|
style: {
|
|
593
566
|
zIndex: zIndex
|
|
594
567
|
}
|
|
595
|
-
}, props), /*#__PURE__*/React__namespace.createElement(
|
|
596
|
-
isActive: isScrollLock
|
|
597
|
-
}), /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
|
|
568
|
+
}, props), /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
|
|
598
569
|
isActive: isCloseOnEscape,
|
|
599
570
|
code: "Escape",
|
|
600
571
|
onKeyDown: onClose
|
|
@@ -621,10 +592,7 @@ var Overlay = function Overlay(_ref) {
|
|
|
621
592
|
title: title
|
|
622
593
|
}, header), /*#__PURE__*/React__namespace.createElement("footer", {
|
|
623
594
|
className: css.footer
|
|
624
|
-
}, footer), /*#__PURE__*/React__namespace.createElement(
|
|
625
|
-
isActive: isScrollLockTouch,
|
|
626
|
-
scrollRef: currentContentRef
|
|
627
|
-
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
595
|
+
}, footer), /*#__PURE__*/React__namespace.createElement("div", {
|
|
628
596
|
className: css.content,
|
|
629
597
|
ref: currentContentRef,
|
|
630
598
|
style: {
|
|
@@ -633,7 +601,7 @@ var Overlay = function Overlay(_ref) {
|
|
|
633
601
|
}, /*#__PURE__*/React__namespace.createElement(OverlayErrCatch, {
|
|
634
602
|
onClose: onClose,
|
|
635
603
|
name: errCatchName
|
|
636
|
-
}, children))))))))
|
|
604
|
+
}, children))))))));
|
|
637
605
|
};
|
|
638
606
|
|
|
639
607
|
exports.Overlay = Overlay;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("react-transition-group"),n=require("classnames"),o=require("@prom-ui/core/Backdrop"),a=require("@prom-ui/core/KeyPress"),i=require("@prom-ui/core/Portal"),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-scrolllock/dist/utils"),y=require("react-easy-swipe");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(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 n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var E=g(e),C=b(t),O=b(n),w=b(y);function S(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 n=r.call(e,t||"default");if("object"!=typeof n)return n;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 k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},k.apply(this,arguments)}function N(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function P(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function q(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 n,o,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=(n=a.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(s){u=!0,o=s}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw o}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return x(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 x(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 x(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var B,j,T,I,R,z,A,L,M={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"},D=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,a=e.onClose,i=e.onPrev,l=s.useBodyTTag().t;return E.default.createElement("header",{className:M.header},void 0!==n?n:E.default.createElement("div",{className:M.header__grid},E.default.createElement("div",{className:M.header__action},t&&E.default.createElement(c.Button,{className:M.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":l(B||(B=P(["Назад"]))),"data-qaid":"prev"},E.default.createElement(u.Icon,{"icon-as":f.SvgArrowBack,className:M.header__actionIcon}))),E.default.createElement("div",{className:M.header__title},"string"==typeof o?E.default.createElement("span",{className:M.header__titleText,"data-qaid":"title"},o):o),E.default.createElement("div",{className:M.header__action},r&&a&&E.default.createElement(c.Button,{className:M.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":l(j||(j=P(["Закрыть"]))),"data-qaid":"close"},E.default.createElement(u.Icon,{"icon-as":d.SvgClose,className:M.header__actionIcon})))))},H=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},W=function(){var e;return Boolean(null===(e=navigator)||void 0===e?void 0:e.onLine)?"default":"offline"},U=function(e){var t=e.onClickReload,r=e.onClose,n=e.errorType,o=void 0===n?"default":n,a=e.loading,i=void 0!==a&&a,l=s.useBodyTTag().t,d={default:{icon:v.SvgPromTroubleHappens,title:l(T||(T=P(["Ой, кажется что-то пошло не так"]))),description:l(I||(I=P(["Мы уже разбираемся с этим"])))},offline:{icon:h.SvgPromNoSignal,title:l(R||(R=P(["Нет соединения"]))),description:l(z||(z=P(["Проверьте подключение к Интернету"])))}};return E.default.createElement("div",{className:O.default(M.errorContainer,S({},M.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},E.default.createElement(u.Icon,{className:M.errorIcon,"icon-as":d[o].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),E.default.createElement("div",{className:M.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},d[o].title),E.default.createElement("div",{className:M.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},d[o].description),E.default.createElement("div",{className:M.errorWrapReloadButton},E.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(A||(A=P(["Попробовать еще раз"]))))),E.default.createElement("div",{className:M.errorWrapCloseButton},E.default.createElement(m.Link,{className:i?M.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(L||(L=P(["Закрыть"]))))))};U.displayName="ErrorComponent";var V=function(t){var r=t.children,n=t.name,o=t.onClose,a=q(e.useState(!1),2),i=a[0],l=a[1],c=q(e.useState("default"),2),u=c[0],s=c[1];return e.useEffect((function(){i?setTimeout((function(){s(W()),l(!1)}),600):s(W())}),[i]),i?E.default.createElement(U,{errorType:u,loading:!0}):E.default.createElement(p.ErrCatch,{name:n,errorComponent:E.default.createElement(U,{onClose:o,errorType:u,onClickReload:function(){return l(!0)}})},r)};V.displayName="OverlayErrCatch";var F=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),J=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return E.useEffect((function(){if(r&&F&&null!=n&&n.current)return n.current.addEventListener("touchstart",_.preventInertiaScroll,_.listenerOptions),n.current.addEventListener("touchmove",_.allowTouchMove,_.listenerOptions),function(){r&&F&&null!=n&&n.current&&(n.current.removeEventListener("touchstart",_.preventInertiaScroll,_.listenerOptions),n.current.removeEventListener("touchmove",_.allowTouchMove,_.listenerOptions))}})),E.createElement(E.Fragment,null,o)},X=["-webkit","-moz","-ms","-o"],Y=["transform","transition"],K=function(e,t){if(e)for(var r in t){var n=-1!==Y.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,a=X;o<a.length;o++){var i=a[o];e.style.setProperty("".concat(i,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),n)for(var l=0,c=X;l<c.length;l++){var u=c[l];e.style.removeProperty("".concat(u,"-").concat(r))}}},Q=function(e){var t=e.isActive,r=void 0===t||t,n=e.children,o=e.onClose,a=e.placement,i=e.rootRef,l=e.contentRef,c=E.useRef(null),u=E.useRef(!1),s=E.useRef(0);if(!r)return E.createElement(E.Fragment,null,n);return E.createElement(w.default,{onSwipeMove:function(e){var t,r,n,o=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===(n=l.current)||void 0===n?void 0:n.scrollTop)||0,v=f-(m+p),h=null,_=!1,y=!1,b=Math.abs(o),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(o>=0?0:o,"px)"),_=o<=0&&b>g,y=b>70):"right"===a&&(h="translateX(".concat(o<=0?0:o,"px)"),_=o>=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),K(i.current,{transform:h}),K(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){K(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),K(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){K(i.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&o&&o({})}s.current=0,c.current=null,u.current=!1}},n)},G=["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 t=e.children,n=e.onClose,c=e.onOpen,u=e.onPrev,s=e.onOpened,d=e.onClosed,f=e.isOpen,p=e.isShowCloseButton,m=void 0===p||p,v=e.isShowPrevButton,h=void 0!==v&&v,_=e.isCloseOnEscape,y=void 0===_||_,b=e.isCloseOnSwipe,g=void 0===b||b,w=e.isCloseOutsideClick,S=void 0===w||w,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.isScrollLockTouch,R=void 0===I||I,z=e.header,A=e.footer,L=e.padding,W=void 0===L?"20px 20px 20px 20px":L,U=e.title,F=e.placement,X=void 0===F?"adaptive":F,Y=e.size,K=void 0===Y?"adaptive":Y,Z=e.maxSize,$=void 0===Z?"90%":Z,ee=e.zIndex,te=void 0===ee?5e3:ee,re=e.contentRef,ne=e.dataQaId,oe=e.errCatchName,ae=void 0===oe?"OverlayErrCatch":oe,ie=N(e,G),le=E.useRef(null),ce=re||E.useRef(null),ue=l.useMedia({minWidth:"medium"}),se=X,de=K;return"adaptive"===K&&(de="top"===X||"bottom"===X?"auto":"adaptive"===X?ue?400:"auto":400),"adaptive"===X&&(se=ue?"right":"bottom"),E.createElement(E.Fragment,null,E.createElement(o.Backdrop,{isOpen:f,isAnimated:q,zIndex:te,isRenderPortal:B}),E.createElement(r.CSSTransition,{in:f,timeout:q?225:0,classNames:M,unmountOnExit:!0,onEnter:c,onEntered:s,onExited:d},E.createElement(i.Portal,{isActive:B},E.createElement(Q,{isActive:T&&g,rootRef:le,contentRef:ce,placement:se,onClose:n},E.createElement("div",k({className:M.root,role:"presentation",style:{zIndex:te}},ie),E.createElement(C.default,{isActive:T}),E.createElement(a.KeyPress,{isActive:y,code:"Escape",onKeyDown:n}),E.createElement("div",{className:M.backdrop,"aria-hidden":!0,onClick:function(e){S&&n&&n(e)}}),E.createElement("div",{ref:le,className:O.default(M.popup,M["popup_placement_".concat(se)]),"aria-modal":!0,role:"dialog",style:H(se,de,$),"data-qaid":ne},E.createElement(D,{isShowCloseButton:m,isShowPrevButton:h,onClose:n,onPrev:u,title:U},z),E.createElement("footer",{className:M.footer},A),E.createElement(J,{isActive:R,scrollRef:ce},E.createElement("div",{className:M.content,ref:ce,style:{padding:W}},E.createElement(V,{onClose:n,name:ae},t)))))))))},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/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"),h=require("react-easy-swipe");function y(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=y(r),E=y(h);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 B,k,x,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(B||(B=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(k||(k=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(x||(x=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,h=p-(v+m),y=null,_=!1,b=!1,g=Math.abs(d),E=Math.abs(f);"top"===a?(y="translateY(".concat(f>=0?0:f,"px)"),_=h<=1&&f<=0&&E>g,b=E>70):"bottom"===a?(y="translateY(".concat(f<=0?0:f,"px)"),_=v<=1&&f>=0&&E>g,b=E>70):"left"===a?(y="translateX(".concat(d>=0?0:d,"px)"),_=d<=0&&g>E,b=g>70):"right"===a&&(y="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:y}),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"];exports.Overlay=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,h=void 0===v||v,y=e.isShowPrevButton,_=void 0!==y&&y,E=e.isCloseOnEscape,C=void 0===E||E,w=e.isCloseOnSwipe,N=void 0===w||w,P=e.isCloseOutsideClick,B=void 0===P||P,k=e.isAnimated,x=void 0===k||k,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:x,zIndex:G,isRenderPortal:j,isBodyScrollLock:m}),b.createElement(t.CSSTransition,{in:f,timeout:x?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){B&&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:h,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))))))))},require("./style.production.css");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("react-transition-group"),n=require("classnames"),o=require("@prom-ui/core/Backdrop"),a=require("@prom-ui/core/KeyPress"),i=require("@prom-ui/core/Portal"),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-scrolllock/dist/utils"),_=require("react-easy-swipe");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function E(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 n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var g=E(e),O=b(t),C=b(n),w=b(_);function S(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 n=r.call(e,t||"default");if("object"!=typeof n)return n;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 x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},x.apply(this,arguments)}function P(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}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 n,o,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=(n=a.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(s){u=!0,o=s}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw o}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return q(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 q(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 q(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var j,B,T,R,z,A,I,L,M={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"},D=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,a=e.onClose,i=e.onPrev,l=s.useBodyTTag().t;return g.default.createElement("header",{className:M.header},void 0!==n?n:g.default.createElement("div",{className:M.header__grid},g.default.createElement("div",{className:M.header__action},t&&g.default.createElement(c.Button,{className:M.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":l(j||(j=k(["Назад"]))),"data-qaid":"prev"},g.default.createElement(u.Icon,{"icon-as":f.SvgArrowBack,className:M.header__actionIcon}))),g.default.createElement("div",{className:M.header__title},"string"==typeof o?g.default.createElement("span",{className:M.header__titleText,"data-qaid":"title"},o):o),g.default.createElement("div",{className:M.header__action},r&&a&&g.default.createElement(c.Button,{className:M.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":l(B||(B=k(["Закрыть"]))),"data-qaid":"close"},g.default.createElement(u.Icon,{"icon-as":d.SvgClose,className:M.header__actionIcon})))))},W=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},H=function(){var e;return Boolean(null===(e=navigator)||void 0===e?void 0:e.onLine)?"default":"offline"},K=function(e){var t=e.onClickReload,r=e.onClose,n=e.errorType,o=void 0===n?"default":n,a=e.loading,i=void 0!==a&&a,l=s.useBodyTTag().t,d={default:{icon:v.SvgPromTroubleHappens,title:l(T||(T=k(["Ой, кажется что-то пошло не так"]))),description:l(R||(R=k(["Мы уже разбираемся с этим"])))},offline:{icon:h.SvgPromNoSignal,title:l(z||(z=k(["Нет соединения"]))),description:l(A||(A=k(["Проверьте подключение к Интернету"])))}};return g.default.createElement("div",{className:C.default(M.errorContainer,S({},M.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},g.default.createElement(u.Icon,{className:M.errorIcon,"icon-as":d[o].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),g.default.createElement("div",{className:M.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},d[o].title),g.default.createElement("div",{className:M.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},d[o].description),g.default.createElement("div",{className:M.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(I||(I=k(["Попробовать еще раз"]))))),g.default.createElement("div",{className:M.errorWrapCloseButton},g.default.createElement(m.Link,{className:i?M.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(L||(L=k(["Закрыть"]))))))};K.displayName="ErrorComponent";var Z=function(t){var r=t.children,n=t.name,o=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(H()),l(!1)}),600):s(H())}),[i]),i?g.default.createElement(K,{errorType:u,loading:!0}):g.default.createElement(p.ErrCatch,{name:n,errorComponent:g.default.createElement(K,{onClose:o,errorType:u,onClickReload:function(){return l(!0)}})},r)};Z.displayName="OverlayErrCatch";var F=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),X=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return g.useEffect((function(){if(r&&F&&null!=n&&n.current)return n.current.addEventListener("touchstart",y.preventInertiaScroll,y.listenerOptions),n.current.addEventListener("touchmove",y.allowTouchMove,y.listenerOptions),function(){r&&F&&null!=n&&n.current&&(n.current.removeEventListener("touchstart",y.preventInertiaScroll,y.listenerOptions),n.current.removeEventListener("touchmove",y.allowTouchMove,y.listenerOptions))}})),g.createElement(g.Fragment,null,o)},Q=["-webkit","-moz","-ms","-o"],J=["transform","transition"],V=function(e,t){if(e)for(var r in t){var n=-1!==J.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,a=Q;o<a.length;o++){var i=a[o];e.style.setProperty("".concat(i,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),n)for(var l=0,c=Q;l<c.length;l++){var u=c[l];e.style.removeProperty("".concat(u,"-").concat(r))}}},Y=function(e){var t=e.isActive,r=void 0===t||t,n=e.children,o=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,n);return g.createElement(w.default,{onSwipeMove:function(e){var t,r,n,o=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===(n=l.current)||void 0===n?void 0:n.scrollTop)||0,v=f-(m+p),h=null,y=!1,_=!1,b=Math.abs(o),E=Math.abs(d);"top"===a?(h="translateY(".concat(d>=0?0:d,"px)"),y=v<=1&&d<=0&&E>b,_=E>70):"bottom"===a?(h="translateY(".concat(d<=0?0:d,"px)"),y=m<=1&&d>=0&&E>b,_=E>70):"left"===a?(h="translateX(".concat(o>=0?0:o,"px)"),y=o<=0&&b>E,_=b>70):"right"===a&&(h="translateX(".concat(o<=0?0:o,"px)"),y=o>=0&&b>E,_=b>70),null===c.current&&(c.current=!!y),c.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&_&&(u.current=!0),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&&o&&o({})}s.current=0,c.current=null,u.current=!1}},n)},U=["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 t=e.children,n=e.onClose,c=e.onOpen,u=e.onPrev,s=e.onOpened,d=e.onClosed,f=e.isOpen,p=e.isShowCloseButton,m=void 0===p||p,v=e.isShowPrevButton,h=void 0!==v&&v,y=e.isCloseOnEscape,_=void 0===y||y,b=e.isCloseOnSwipe,E=void 0===b||b,w=e.isCloseOutsideClick,S=void 0===w||w,k=e.isAnimated,N=void 0===k||k,q=e.isRenderPortal,j=void 0===q||q,B=e.isScrollLock,T=void 0===B||B,R=e.isScrollLockTouch,z=void 0===R||R,A=e.header,I=e.footer,L=e.padding,H=void 0===L?"20px 20px 20px 20px":L,K=e.title,F=e.placement,Q=void 0===F?"adaptive":F,J=e.size,V=void 0===J?"adaptive":J,$=e.maxSize,G=void 0===$?"90%":$,ee=e.zIndex,te=void 0===ee?5e3:ee,re=e.contentRef,ne=e.dataQaId,oe=e.errCatchName,ae=void 0===oe?"OverlayErrCatch":oe,ie=P(e,U),le=g.useRef(null),ce=re||g.useRef(null),ue=l.useMedia({minWidth:"medium"}),se=Q,de=V;return"adaptive"===V&&(de="top"===Q||"bottom"===Q?"auto":"adaptive"===Q?ue?400:"auto":400),"adaptive"===Q&&(se=ue?"right":"bottom"),g.createElement(g.Fragment,null,g.createElement(o.Backdrop,{isOpen:f,isAnimated:N,zIndex:te,isRenderPortal:j}),g.createElement(r.CSSTransition,{in:f,timeout:N?225:0,classNames:M,unmountOnExit:!0,onEnter:c,onEntered:s,onExited:d},g.createElement(i.Portal,{isActive:j},g.createElement(Y,{isActive:T&&E,rootRef:le,contentRef:ce,placement:se,onClose:n},g.createElement("div",x({className:M.root,role:"presentation",style:{zIndex:te}},ie),g.createElement(O.default,{isActive:T}),g.createElement(a.KeyPress,{isActive:_,code:"Escape",onKeyDown:n}),g.createElement("div",{className:M.backdrop,"aria-hidden":!0,onClick:function(e){S&&n&&n(e)}}),g.createElement("div",{ref:le,className:C.default(M.popup,M["popup_placement_".concat(se)]),"aria-modal":!0,role:"dialog",style:W(se,de,G),"data-qaid":ne},g.createElement(D,{isShowCloseButton:m,isShowPrevButton:h,onClose:n,onPrev:u,title:K},A),g.createElement("footer",{className:M.footer},I),g.createElement(X,{isActive:z,scrollRef:ce},g.createElement("div",{className:M.content,ref:ce,style:{padding:H}},g.createElement(Z,{onClose:n,name:ae},t)))))))))},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/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 x(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 B,N,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(B||(B=x(["Назад"]))),"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(N||(N=x(["Закрыть"]))),"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=x(["Ой, кажется что-то пошло не так"]))),description:s(k||(k=x(["Мы уже разбираемся с этим"])))},offline:{icon:v.SvgPromNoSignal,title:s(q||(q=x(["Нет соединения"]))),description:s(T||(T=x(["Проверьте подключение к Интернету"])))}};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=x(["Попробовать еще раз"]))))),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=x(["Закрыть"]))))))};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"];exports.Overlay=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,x=e.isCloseOnSwipe,w=void 0===x||x,P=e.isCloseOutsideClick,B=void 0===P||P,N=e.isAnimated,j=void 0===N||N,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=S(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){B&&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))))))))},require("./style.production.v2.css");
|
package/Overlay/index.d.ts
CHANGED
|
@@ -32,7 +32,7 @@ export type OverlayProps = React.ComponentProps<'div'> & {
|
|
|
32
32
|
isShowPrevButton?: boolean;
|
|
33
33
|
/** Разрешает закрыть попап по клавише `Escape` */
|
|
34
34
|
isCloseOnEscape?: boolean;
|
|
35
|
-
/** Разрешает закрыть попап по свайпу, работает если `
|
|
35
|
+
/** Разрешает закрыть попап по свайпу, работает если `isBodyScrollLock={true}` */
|
|
36
36
|
isCloseOnSwipe?: boolean;
|
|
37
37
|
/** Разрешает закрытие при клике на свободное пространство (затемнение документа) */
|
|
38
38
|
isCloseOutsideClick?: boolean;
|
|
@@ -41,9 +41,7 @@ export type OverlayProps = React.ComponentProps<'div'> & {
|
|
|
41
41
|
/** Включает/отключает анимацию открытия/скрытия шторки */
|
|
42
42
|
isAnimated?: boolean;
|
|
43
43
|
/** Запрещает прокрутку `<body>` */
|
|
44
|
-
|
|
45
|
-
/** Запрещает прокрутку `<body>` для iOS */
|
|
46
|
-
isScrollLockTouch?: boolean;
|
|
44
|
+
isBodyScrollLock?: boolean;
|
|
47
45
|
/** React children */
|
|
48
46
|
children: React.ReactNode;
|
|
49
47
|
/** React children header block */
|
package/Overlay/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prom-ui/core/Overlay",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.0",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
"@evo/errcatch": "^1.0.2",
|
|
11
11
|
"classnames": "^2.3.1",
|
|
12
12
|
"react-easy-swipe": "^0.0.22",
|
|
13
|
-
"react-scrolllock": "^5.0.1",
|
|
14
13
|
"react-transition-group": "^4.4.2"
|
|
15
14
|
}
|
|
16
15
|
}
|
|
@@ -3,21 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var ScrollLock = require('react-scrolllock');
|
|
7
6
|
var reactTransitionGroup = require('react-transition-group');
|
|
8
7
|
var Backdrop = require('@prom-ui/core/Backdrop');
|
|
9
8
|
var KeyPress = require('@prom-ui/core/KeyPress');
|
|
10
9
|
var Portal = require('@prom-ui/core/Portal');
|
|
11
10
|
var ScrollControls = require('@prom-ui/core/ScrollControls');
|
|
12
|
-
var utils = require('react-scrolllock/dist/utils');
|
|
13
11
|
var Icon = require('@prom-ui/core/Icon');
|
|
14
12
|
var Play = require('@prom-ui/icons/Play');
|
|
15
13
|
var Button = require('@prom-ui/core/Button');
|
|
16
14
|
var useBodyTTag = require('@prom-ui/core/useBodyTTag');
|
|
17
15
|
var Close = require('@prom-ui/icons/Close');
|
|
18
16
|
|
|
19
|
-
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
20
|
-
|
|
21
17
|
function _interopNamespaceCompat(e) {
|
|
22
18
|
if (e && typeof e === 'object' && 'default' in e) return e;
|
|
23
19
|
var n = Object.create(null);
|
|
@@ -37,7 +33,6 @@ function _interopNamespaceCompat(e) {
|
|
|
37
33
|
}
|
|
38
34
|
|
|
39
35
|
var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
|
|
40
|
-
var ScrollLock__default = /*#__PURE__*/_interopDefaultCompat(ScrollLock);
|
|
41
36
|
|
|
42
37
|
function _iterableToArrayLimit(arr, i) {
|
|
43
38
|
var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
|
|
@@ -99,39 +94,6 @@ function _nonIterableRest() {
|
|
|
99
94
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
100
95
|
}
|
|
101
96
|
|
|
102
|
-
// FORK FROM https://github.com/jossmac/react-scrolllock/blob/master/src/TouchScrollable.js
|
|
103
|
-
|
|
104
|
-
function allowTouchMove(e) {
|
|
105
|
-
var target = e.currentTarget;
|
|
106
|
-
if (target.scrollHeight > target.clientHeight || target.scrollWidth > target.clientWidth) {
|
|
107
|
-
e.stopPropagation();
|
|
108
|
-
return true;
|
|
109
|
-
}
|
|
110
|
-
e.preventDefault();
|
|
111
|
-
return false;
|
|
112
|
-
}
|
|
113
|
-
var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
114
|
-
|
|
115
|
-
/* @ts-ignore */
|
|
116
|
-
var canUseEventListeners = canUseDOM && !!(window.addEventListener || window.attachEvent);
|
|
117
|
-
var TouchScrollable = function TouchScrollable(_ref) {
|
|
118
|
-
var _ref$isActive = _ref.isActive,
|
|
119
|
-
isActive = _ref$isActive === void 0 ? false : _ref$isActive,
|
|
120
|
-
scrollRef = _ref.scrollRef,
|
|
121
|
-
children = _ref.children;
|
|
122
|
-
React__namespace.useEffect(function () {
|
|
123
|
-
if (!isActive || !canUseEventListeners || !(scrollRef !== null && scrollRef !== void 0 && scrollRef.current)) return;
|
|
124
|
-
scrollRef.current.addEventListener('touchstart', utils.preventInertiaScroll, utils.listenerOptions);
|
|
125
|
-
scrollRef.current.addEventListener('touchmove', allowTouchMove, utils.listenerOptions);
|
|
126
|
-
return function () {
|
|
127
|
-
if (!isActive || !canUseEventListeners || !(scrollRef !== null && scrollRef !== void 0 && scrollRef.current)) return;
|
|
128
|
-
scrollRef.current.removeEventListener('touchstart', utils.preventInertiaScroll, utils.listenerOptions);
|
|
129
|
-
scrollRef.current.removeEventListener('touchmove', allowTouchMove, utils.listenerOptions);
|
|
130
|
-
};
|
|
131
|
-
});
|
|
132
|
-
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, children);
|
|
133
|
-
};
|
|
134
|
-
|
|
135
97
|
var reqMap = new Map();
|
|
136
98
|
var scrollInToViewElement = function scrollInToViewElement(target, parent) {
|
|
137
99
|
var isAnimate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
@@ -1108,10 +1070,7 @@ var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
|
1108
1070
|
showOnHover: true,
|
|
1109
1071
|
hideOnDisabled: true
|
|
1110
1072
|
}, function (scrollRef) {
|
|
1111
|
-
return /*#__PURE__*/React__namespace.createElement(
|
|
1112
|
-
scrollRef: scrollRef,
|
|
1113
|
-
isActive: true
|
|
1114
|
-
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
1073
|
+
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
1115
1074
|
ref: scrollRef,
|
|
1116
1075
|
className: css.mainPhoto,
|
|
1117
1076
|
onScroll: onScroll
|
|
@@ -1133,7 +1092,7 @@ var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
|
1133
1092
|
src: previewSrc,
|
|
1134
1093
|
videoSrc: videoSrc
|
|
1135
1094
|
}));
|
|
1136
|
-
}))
|
|
1095
|
+
}));
|
|
1137
1096
|
});
|
|
1138
1097
|
});
|
|
1139
1098
|
|
|
@@ -1158,10 +1117,7 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
|
|
|
1158
1117
|
var _onClick = function onClick(index) {
|
|
1159
1118
|
onChange(index);
|
|
1160
1119
|
};
|
|
1161
|
-
return /*#__PURE__*/React__namespace.createElement(
|
|
1162
|
-
scrollRef: localScrollRef,
|
|
1163
|
-
isActive: true
|
|
1164
|
-
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
1120
|
+
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
1165
1121
|
ref: localScrollRef,
|
|
1166
1122
|
className: css.preview
|
|
1167
1123
|
}, items.map(function (_ref2, index) {
|
|
@@ -1201,7 +1157,7 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
|
|
|
1201
1157
|
className: css.videoPlayLabelIcon,
|
|
1202
1158
|
"icon-as": Play.SvgPlay
|
|
1203
1159
|
}))));
|
|
1204
|
-
}))
|
|
1160
|
+
}));
|
|
1205
1161
|
});
|
|
1206
1162
|
|
|
1207
1163
|
var _templateObject;
|
|
@@ -1325,7 +1281,8 @@ var PhotoGallery = function PhotoGallery(_ref) {
|
|
|
1325
1281
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Backdrop.Backdrop, {
|
|
1326
1282
|
isOpen: isOpen,
|
|
1327
1283
|
onClick: onCloseHandle,
|
|
1328
|
-
zIndex: zIndex
|
|
1284
|
+
zIndex: zIndex,
|
|
1285
|
+
isBodyScrollLock: true
|
|
1329
1286
|
}), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, {
|
|
1330
1287
|
"in": isOpen,
|
|
1331
1288
|
timeout: 240,
|
|
@@ -1341,7 +1298,7 @@ var PhotoGallery = function PhotoGallery(_ref) {
|
|
|
1341
1298
|
style: {
|
|
1342
1299
|
zIndex: zIndex
|
|
1343
1300
|
}
|
|
1344
|
-
}, /*#__PURE__*/React__namespace.createElement(
|
|
1301
|
+
}, /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
|
|
1345
1302
|
code: "Escape",
|
|
1346
1303
|
onKeyUp: onCloseHandle
|
|
1347
1304
|
}), /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
|