@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.
Files changed (87) hide show
  1. package/Avatar/package.json +1 -1
  2. package/Backdrop/cjs/index.development.js +7 -2
  3. package/Backdrop/cjs/index.development.v2.js +7 -2
  4. package/Backdrop/cjs/index.production.js +1 -1
  5. package/Backdrop/cjs/index.production.v2.js +1 -1
  6. package/Backdrop/index.d.ts +2 -0
  7. package/Backdrop/package.json +1 -1
  8. package/Body/package.json +1 -1
  9. package/BodyContext/package.json +1 -1
  10. package/BodyProvider/package.json +1 -1
  11. package/BodyScrollLock/cjs/index.development.js +87 -0
  12. package/BodyScrollLock/cjs/index.development.v2.js +87 -0
  13. package/BodyScrollLock/cjs/index.production.js +1 -0
  14. package/BodyScrollLock/cjs/index.production.v2.js +1 -0
  15. package/BodyScrollLock/cjs/style.development.css +1 -0
  16. package/BodyScrollLock/cjs/style.development.v2.css +1 -0
  17. package/BodyScrollLock/cjs/style.production.css +1 -0
  18. package/BodyScrollLock/cjs/style.production.v2.css +1 -0
  19. package/BodyScrollLock/index.d.ts +5 -0
  20. package/BodyScrollLock/index.js +7 -0
  21. package/BodyScrollLock/index.v2.js +7 -0
  22. package/BodyScrollLock/package.json +9 -0
  23. package/BodyScrollLock/utils.d.ts +1 -0
  24. package/Box/package.json +1 -1
  25. package/Button/package.json +1 -1
  26. package/ButtonPageUp/package.json +1 -1
  27. package/Checkbox/package.json +1 -1
  28. package/Flex/package.json +1 -1
  29. package/Grid/package.json +1 -1
  30. package/Icon/package.json +1 -1
  31. package/Image/package.json +1 -1
  32. package/ImageEmoji/package.json +1 -1
  33. package/Input/package.json +1 -1
  34. package/InputField/package.json +1 -1
  35. package/KeyPress/package.json +1 -1
  36. package/Line/package.json +1 -1
  37. package/Link/package.json +1 -1
  38. package/List/package.json +1 -1
  39. package/Media/package.json +1 -1
  40. package/OutsideClick/package.json +1 -1
  41. package/Overlay/cjs/index.development.js +11 -43
  42. package/Overlay/cjs/index.development.v2.js +11 -43
  43. package/Overlay/cjs/index.production.js +1 -1
  44. package/Overlay/cjs/index.production.v2.js +1 -1
  45. package/Overlay/index.d.ts +2 -4
  46. package/Overlay/package.json +1 -2
  47. package/PhotoGallery/cjs/index.development.js +7 -50
  48. package/PhotoGallery/cjs/index.development.v2.js +7 -50
  49. package/PhotoGallery/cjs/index.production.js +1 -1
  50. package/PhotoGallery/cjs/index.production.v2.js +1 -1
  51. package/PhotoGallery/package.json +1 -2
  52. package/Picture/package.json +1 -1
  53. package/Portal/package.json +1 -1
  54. package/QRCode/package.json +1 -1
  55. package/Rating/package.json +1 -1
  56. package/RatingSelect/package.json +1 -1
  57. package/SafeQuery/package.json +1 -1
  58. package/Scroll/package.json +1 -1
  59. package/ScrollControls/package.json +1 -1
  60. package/SimpleSlider/package.json +1 -1
  61. package/Skeleton/package.json +1 -1
  62. package/Spinner/package.json +1 -1
  63. package/Text/package.json +1 -1
  64. package/TextEmoji/package.json +1 -1
  65. package/Tooltip/package.json +1 -1
  66. package/Tumbler/package.json +1 -1
  67. package/package.json +2 -3
  68. package/useBodyTTag/package.json +1 -1
  69. package/useBrowserLayoutEffect/cjs/index.development.js +12 -0
  70. package/useBrowserLayoutEffect/cjs/index.development.v2.js +12 -0
  71. package/useBrowserLayoutEffect/cjs/index.production.js +1 -0
  72. package/useBrowserLayoutEffect/cjs/index.production.v2.js +1 -0
  73. package/useBrowserLayoutEffect/index.d.ts +5 -0
  74. package/useBrowserLayoutEffect/index.js +7 -0
  75. package/useBrowserLayoutEffect/index.v2.js +7 -0
  76. package/useBrowserLayoutEffect/package.json +9 -0
  77. package/useDebounce/package.json +1 -1
  78. package/useForwardRef/package.json +1 -1
  79. package/useId/package.json +1 -1
  80. package/useIsMounted/package.json +1 -1
  81. package/useKeyPress/package.json +1 -1
  82. package/useMedia/package.json +1 -1
  83. package/useOutsideClick/package.json +1 -1
  84. package/usePortal/package.json +1 -1
  85. package/useScrollPosition/package.json +1 -1
  86. package/Overlay/components/TouchScrollable.d.ts +0 -8
  87. 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", "isScrollLock", "isScrollLockTouch", "header", "footer", "padding", "title", "placement", "size", "maxSize", "zIndex", "contentRef", "dataQaId", "errCatchName"];
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: isScrollLock && isCloseOnSwipe,
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(ScrollLock__default.default, {
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(TouchScrollable, {
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", "isScrollLock", "isScrollLockTouch", "header", "footer", "padding", "title", "placement", "size", "maxSize", "zIndex", "contentRef", "dataQaId", "errCatchName"];
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: isScrollLock && isCloseOnSwipe,
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(ScrollLock__default.default, {
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(TouchScrollable, {
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");
@@ -32,7 +32,7 @@ export type OverlayProps = React.ComponentProps<'div'> & {
32
32
  isShowPrevButton?: boolean;
33
33
  /** Разрешает закрыть попап по клавише `Escape` */
34
34
  isCloseOnEscape?: boolean;
35
- /** Разрешает закрыть попап по свайпу, работает если `isScrollLock={true}` */
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
- isScrollLock?: boolean;
45
- /** Запрещает прокрутку `<body>` для iOS */
46
- isScrollLockTouch?: boolean;
44
+ isBodyScrollLock?: boolean;
47
45
  /** React children */
48
46
  children: React.ReactNode;
49
47
  /** React children header block */
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Overlay",
3
- "version": "1.7.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(TouchScrollable, {
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(TouchScrollable, {
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(ScrollLock__default.default, null), /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
1301
+ }, /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
1345
1302
  code: "Escape",
1346
1303
  onKeyUp: onCloseHandle
1347
1304
  }), /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {