@prom-ui/core 0.0.142 → 0.1.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 (278) hide show
  1. package/Avatar/cjs/index.development.js +4 -10
  2. package/Avatar/cjs/index.development.v2.js +4 -10
  3. package/Avatar/cjs/index.production.js +1 -1
  4. package/Avatar/cjs/index.production.v2.js +1 -1
  5. package/Avatar/index.d.ts +1 -1
  6. package/Avatar/package.json +1 -1
  7. package/Backdrop/cjs/index.development.js +111 -0
  8. package/Backdrop/cjs/index.development.v2.js +111 -0
  9. package/Backdrop/cjs/index.production.js +1 -0
  10. package/Backdrop/cjs/index.production.v2.js +1 -0
  11. package/Backdrop/cjs/style.development.css +1 -0
  12. package/Backdrop/cjs/style.development.v2.css +1 -0
  13. package/Backdrop/cjs/style.production.css +1 -0
  14. package/Backdrop/cjs/style.production.v2.css +1 -0
  15. package/Backdrop/index.d.ts +25 -0
  16. package/Backdrop/index.js +7 -0
  17. package/Backdrop/index.v2.js +7 -0
  18. package/Backdrop/package.json +13 -0
  19. package/Body/cjs/index.development.js +0 -2
  20. package/Body/cjs/index.development.v2.js +0 -2
  21. package/Body/cjs/index.production.js +1 -1
  22. package/Body/cjs/index.production.v2.js +1 -1
  23. package/Body/package.json +1 -1
  24. package/BodyProvider/cjs/index.development.js +3 -6
  25. package/BodyProvider/cjs/index.development.v2.js +3 -6
  26. package/BodyProvider/cjs/index.production.js +1 -1
  27. package/BodyProvider/cjs/index.production.v2.js +1 -1
  28. package/BodyProvider/index.d.ts +1 -1
  29. package/BodyProvider/package.json +1 -1
  30. package/Box/cjs/index.development.js +0 -2
  31. package/Box/cjs/index.development.v2.js +0 -2
  32. package/Box/cjs/index.production.js +1 -1
  33. package/Box/cjs/index.production.v2.js +1 -1
  34. package/Box/cjs/style.development.css +1 -1
  35. package/Box/cjs/style.development.v2.css +1 -1
  36. package/Box/cjs/style.production.css +1 -1
  37. package/Box/cjs/style.production.v2.css +1 -1
  38. package/Box/package.json +1 -1
  39. package/Button/cjs/index.development.js +4 -7
  40. package/Button/cjs/index.development.v2.js +4 -7
  41. package/Button/cjs/index.production.js +1 -1
  42. package/Button/cjs/index.production.v2.js +1 -1
  43. package/Button/cjs/style.development.css +1 -1
  44. package/Button/cjs/style.development.v2.css +1 -1
  45. package/Button/cjs/style.production.css +1 -1
  46. package/Button/cjs/style.production.v2.css +1 -1
  47. package/Button/index.d.ts +1 -1
  48. package/Button/package.json +1 -1
  49. package/ButtonPageUp/cjs/index.development.js +3 -6
  50. package/ButtonPageUp/cjs/index.development.v2.js +3 -6
  51. package/ButtonPageUp/cjs/index.production.js +1 -1
  52. package/ButtonPageUp/cjs/index.production.v2.js +1 -1
  53. package/ButtonPageUp/index.d.ts +1 -1
  54. package/ButtonPageUp/package.json +1 -1
  55. package/Checkbox/cjs/index.development.js +5 -11
  56. package/Checkbox/cjs/index.development.v2.js +5 -11
  57. package/Checkbox/cjs/index.production.js +1 -1
  58. package/Checkbox/cjs/index.production.v2.js +1 -1
  59. package/Checkbox/index.d.ts +1 -1
  60. package/Checkbox/package.json +1 -1
  61. package/Flex/cjs/index.development.js +0 -2
  62. package/Flex/cjs/index.development.v2.js +0 -2
  63. package/Flex/cjs/index.production.js +1 -1
  64. package/Flex/cjs/index.production.v2.js +1 -1
  65. package/Flex/package.json +1 -1
  66. package/Grid/cjs/index.development.js +0 -2
  67. package/Grid/cjs/index.development.v2.js +0 -2
  68. package/Grid/cjs/index.production.js +1 -1
  69. package/Grid/cjs/index.production.v2.js +1 -1
  70. package/Grid/package.json +1 -1
  71. package/Icon/cjs/index.development.js +3 -6
  72. package/Icon/cjs/index.development.v2.js +3 -6
  73. package/Icon/cjs/index.production.js +1 -1
  74. package/Icon/cjs/index.production.v2.js +1 -1
  75. package/Icon/index.d.ts +1 -1
  76. package/Icon/package.json +1 -1
  77. package/Image/cjs/index.development.js +0 -2
  78. package/Image/cjs/index.development.v2.js +0 -2
  79. package/Image/cjs/index.production.js +1 -1
  80. package/Image/cjs/index.production.v2.js +1 -1
  81. package/Image/package.json +1 -1
  82. package/ImageEmoji/cjs/index.development.js +3 -6
  83. package/ImageEmoji/cjs/index.development.v2.js +3 -6
  84. package/ImageEmoji/cjs/index.production.js +1 -1
  85. package/ImageEmoji/cjs/index.production.v2.js +1 -1
  86. package/ImageEmoji/index.d.ts +1 -1
  87. package/ImageEmoji/package.json +1 -1
  88. package/Input/cjs/index.development.js +3 -6
  89. package/Input/cjs/index.development.v2.js +3 -6
  90. package/Input/cjs/index.production.js +1 -1
  91. package/Input/cjs/index.production.v2.js +1 -1
  92. package/Input/index.d.ts +1 -1
  93. package/Input/package.json +1 -1
  94. package/InputField/addons/AfterClearValue.d.ts +1 -1
  95. package/InputField/addons/AfterTogglePassword.d.ts +1 -1
  96. package/InputField/addons/ErrorText.d.ts +1 -1
  97. package/InputField/cjs/index.development.js +3 -6
  98. package/InputField/cjs/index.development.v2.js +3 -6
  99. package/InputField/cjs/index.production.js +1 -1
  100. package/InputField/cjs/index.production.v2.js +1 -1
  101. package/InputField/index.d.ts +1 -1
  102. package/InputField/package.json +1 -1
  103. package/KeyPress/cjs/index.development.js +3 -6
  104. package/KeyPress/cjs/index.development.v2.js +3 -6
  105. package/KeyPress/cjs/index.production.js +1 -1
  106. package/KeyPress/cjs/index.production.v2.js +1 -1
  107. package/KeyPress/index.d.ts +1 -1
  108. package/KeyPress/package.json +1 -1
  109. package/Line/cjs/index.development.js +0 -2
  110. package/Line/cjs/index.development.v2.js +0 -2
  111. package/Line/cjs/index.production.js +1 -1
  112. package/Line/cjs/index.production.v2.js +1 -1
  113. package/Line/package.json +1 -1
  114. package/Link/cjs/index.development.js +0 -2
  115. package/Link/cjs/index.development.v2.js +0 -2
  116. package/Link/cjs/index.production.js +1 -1
  117. package/Link/cjs/index.production.v2.js +1 -1
  118. package/Link/cjs/style.development.css +1 -1
  119. package/Link/cjs/style.development.v2.css +1 -1
  120. package/Link/cjs/style.production.css +1 -1
  121. package/Link/cjs/style.production.v2.css +1 -1
  122. package/Link/package.json +1 -1
  123. package/List/cjs/index.development.js +0 -2
  124. package/List/cjs/index.development.v2.js +0 -2
  125. package/List/cjs/index.production.js +1 -1
  126. package/List/cjs/index.production.v2.js +1 -1
  127. package/List/package.json +1 -1
  128. package/Media/breakpoints.d.ts +1 -1
  129. package/Media/cjs/index.development.js +3 -10
  130. package/Media/cjs/index.development.v2.js +3 -10
  131. package/Media/cjs/index.production.js +1 -1
  132. package/Media/cjs/index.production.v2.js +1 -1
  133. package/Media/context.d.ts +1 -1
  134. package/Media/index.d.ts +1 -1
  135. package/Media/package.json +1 -1
  136. package/Media/useMedia.d.ts +1 -1
  137. package/OutsideClick/cjs/index.development.js +3 -6
  138. package/OutsideClick/cjs/index.development.v2.js +3 -6
  139. package/OutsideClick/cjs/index.production.js +1 -1
  140. package/OutsideClick/cjs/index.production.v2.js +1 -1
  141. package/OutsideClick/index.d.ts +1 -1
  142. package/OutsideClick/package.json +1 -1
  143. package/Overlay/cjs/index.development.js +60 -84
  144. package/Overlay/cjs/index.development.v2.js +60 -84
  145. package/Overlay/cjs/index.production.js +1 -1
  146. package/Overlay/cjs/index.production.v2.js +1 -1
  147. package/Overlay/cjs/style.development.css +1 -1
  148. package/Overlay/cjs/style.development.v2.css +1 -1
  149. package/Overlay/cjs/style.production.css +1 -1
  150. package/Overlay/cjs/style.production.v2.css +1 -1
  151. package/Overlay/components/OverlayHeader.d.ts +11 -0
  152. package/Overlay/{SwipeClose.d.ts → components/SwipeClose.d.ts} +1 -1
  153. package/Overlay/{TouchScrollable.d.ts → components/TouchScrollable.d.ts} +1 -1
  154. package/Overlay/index.d.ts +6 -2
  155. package/Overlay/package.json +2 -2
  156. package/Overlay/utils.d.ts +8 -8
  157. package/Picture/cjs/index.development.js +0 -2
  158. package/Picture/cjs/index.development.v2.js +0 -2
  159. package/Picture/cjs/index.production.js +1 -1
  160. package/Picture/cjs/index.production.v2.js +1 -1
  161. package/Picture/package.json +1 -1
  162. package/PortableOverlay/cjs/index.development.js +5 -11
  163. package/PortableOverlay/cjs/index.development.v2.js +5 -11
  164. package/PortableOverlay/cjs/index.production.js +1 -1
  165. package/PortableOverlay/cjs/index.production.v2.js +1 -1
  166. package/PortableOverlay/cjs/style.development.css +1 -1
  167. package/PortableOverlay/cjs/style.development.v2.css +1 -1
  168. package/PortableOverlay/cjs/style.production.css +1 -1
  169. package/PortableOverlay/cjs/style.production.v2.css +1 -1
  170. package/PortableOverlay/index.d.ts +1 -1
  171. package/PortableOverlay/package.json +1 -1
  172. package/Portal/cjs/index.development.js +3 -6
  173. package/Portal/cjs/index.development.v2.js +3 -6
  174. package/Portal/cjs/index.production.js +1 -1
  175. package/Portal/cjs/index.production.v2.js +1 -1
  176. package/Portal/index.d.ts +1 -1
  177. package/Portal/package.json +1 -1
  178. package/QRCode/cjs/index.development.js +3 -6
  179. package/QRCode/cjs/index.development.v2.js +3 -6
  180. package/QRCode/cjs/index.production.js +1 -1
  181. package/QRCode/cjs/index.production.v2.js +1 -1
  182. package/QRCode/index.d.ts +1 -1
  183. package/QRCode/package.json +1 -1
  184. package/Rating/cjs/index.development.js +3 -6
  185. package/Rating/cjs/index.development.v2.js +3 -6
  186. package/Rating/cjs/index.production.js +1 -1
  187. package/Rating/cjs/index.production.v2.js +1 -1
  188. package/Rating/index.d.ts +1 -1
  189. package/Rating/package.json +1 -1
  190. package/SafeQuery/cjs/index.development.js +14 -20
  191. package/SafeQuery/cjs/index.development.v2.js +14 -20
  192. package/SafeQuery/cjs/index.production.js +1 -1
  193. package/SafeQuery/cjs/index.production.v2.js +1 -1
  194. package/SafeQuery/components/Error.d.ts +1 -1
  195. package/SafeQuery/index.d.ts +1 -1
  196. package/SafeQuery/package.json +1 -1
  197. package/Scroll/cjs/index.development.js +3 -6
  198. package/Scroll/cjs/index.development.v2.js +3 -6
  199. package/Scroll/cjs/index.production.js +1 -1
  200. package/Scroll/cjs/index.production.v2.js +1 -1
  201. package/Scroll/cjs/style.development.css +1 -1
  202. package/Scroll/cjs/style.development.v2.css +1 -1
  203. package/Scroll/cjs/style.production.css +1 -1
  204. package/Scroll/cjs/style.production.v2.css +1 -1
  205. package/Scroll/index.d.ts +2 -2
  206. package/Scroll/package.json +1 -1
  207. package/ScrollControls/ScrollControlsButton.d.ts +1 -1
  208. package/ScrollControls/cjs/index.development.js +11 -18
  209. package/ScrollControls/cjs/index.development.v2.js +11 -18
  210. package/ScrollControls/cjs/index.production.js +1 -1
  211. package/ScrollControls/cjs/index.production.v2.js +1 -1
  212. package/ScrollControls/index.d.ts +1 -1
  213. package/ScrollControls/package.json +1 -1
  214. package/SideOverlay/blocks.d.ts +1 -1
  215. package/SideOverlay/cjs/index.development.js +5 -12
  216. package/SideOverlay/cjs/index.development.v2.js +5 -12
  217. package/SideOverlay/cjs/index.production.js +1 -1
  218. package/SideOverlay/cjs/index.production.v2.js +1 -1
  219. package/SideOverlay/index.d.ts +1 -1
  220. package/SideOverlay/package.json +1 -1
  221. package/SideOverlay/utils.d.ts +3 -3
  222. package/SimpleSlider/cjs/index.development.js +6 -13
  223. package/SimpleSlider/cjs/index.development.v2.js +6 -13
  224. package/SimpleSlider/cjs/index.production.js +1 -1
  225. package/SimpleSlider/cjs/index.production.v2.js +1 -1
  226. package/SimpleSlider/index.d.ts +1 -1
  227. package/SimpleSlider/package.json +1 -1
  228. package/SimpleSlider/useAutoPlay.d.ts +1 -1
  229. package/SimpleSlider/utils.d.ts +2 -2
  230. package/Skeleton/cjs/index.development.js +3 -6
  231. package/Skeleton/cjs/index.development.v2.js +3 -6
  232. package/Skeleton/cjs/index.production.js +1 -1
  233. package/Skeleton/cjs/index.production.v2.js +1 -1
  234. package/Skeleton/cjs/style.development.css +1 -1
  235. package/Skeleton/cjs/style.development.v2.css +1 -1
  236. package/Skeleton/cjs/style.production.css +1 -1
  237. package/Skeleton/cjs/style.production.v2.css +1 -1
  238. package/Skeleton/index.d.ts +1 -1
  239. package/Skeleton/package.json +1 -1
  240. package/Spinner/cjs/index.development.js +3 -6
  241. package/Spinner/cjs/index.development.v2.js +3 -6
  242. package/Spinner/cjs/index.production.js +1 -1
  243. package/Spinner/cjs/index.production.v2.js +1 -1
  244. package/Spinner/cjs/style.development.css +1 -1
  245. package/Spinner/cjs/style.development.v2.css +1 -1
  246. package/Spinner/cjs/style.production.css +1 -1
  247. package/Spinner/cjs/style.production.v2.css +1 -1
  248. package/Spinner/index.d.ts +1 -1
  249. package/Spinner/package.json +1 -1
  250. package/Text/cjs/index.development.js +0 -2
  251. package/Text/cjs/index.development.v2.js +0 -2
  252. package/Text/cjs/index.production.js +1 -1
  253. package/Text/cjs/index.production.v2.js +1 -1
  254. package/Text/package.json +1 -1
  255. package/TextEmoji/cjs/index.development.js +3 -6
  256. package/TextEmoji/cjs/index.development.v2.js +3 -6
  257. package/TextEmoji/cjs/index.production.js +1 -1
  258. package/TextEmoji/cjs/index.production.v2.js +1 -1
  259. package/TextEmoji/index.d.ts +1 -1
  260. package/TextEmoji/package.json +1 -1
  261. package/Tooltip/cjs/index.development.js +5 -11
  262. package/Tooltip/cjs/index.development.v2.js +5 -11
  263. package/Tooltip/cjs/index.production.js +1 -1
  264. package/Tooltip/cjs/index.production.v2.js +1 -1
  265. package/Tooltip/index.d.ts +4 -4
  266. package/Tooltip/package.json +1 -1
  267. package/Tumbler/cjs/index.development.js +5 -11
  268. package/Tumbler/cjs/index.development.v2.js +5 -11
  269. package/Tumbler/cjs/index.production.js +1 -1
  270. package/Tumbler/cjs/index.production.v2.js +1 -1
  271. package/Tumbler/index.d.ts +1 -1
  272. package/Tumbler/package.json +1 -1
  273. package/base/colors-dark.css +11 -11
  274. package/base/colors.css +57 -57
  275. package/base/reset.css +1 -1
  276. package/base/typography.css +8 -8
  277. package/package.json +71 -68
  278. package/Overlay/blocks.d.ts +0 -28
@@ -1,14 +1,13 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
  var ScrollLock = require('react-scrolllock');
5
+ var reactTransitionGroup = require('react-transition-group');
6
+ var classNames = require('classnames');
7
+ var Backdrop = require('@prom-ui/core/Backdrop');
7
8
  var KeyPress = require('@prom-ui/core/KeyPress');
8
9
  var Portal = require('@prom-ui/core/Portal');
9
10
  var Media = require('@prom-ui/core/Media');
10
- var evokit = require('evokit');
11
- var reactTransitionGroup = require('react-transition-group');
12
11
  var Button = require('@prom-ui/core/Button');
13
12
  var Icon = require('@prom-ui/core/Icon');
14
13
  var Text = require('@prom-ui/core/Text');
@@ -18,10 +17,7 @@ var ArrowBack = require('@prom-ui/icons/ArrowBack');
18
17
  var utils = require('react-scrolllock/dist/utils');
19
18
  var Swipe = require('react-easy-swipe');
20
19
 
21
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
-
23
- function _interopNamespace(e) {
24
- if (e && e.__esModule) return e;
20
+ function _interopNamespaceDefault(e) {
25
21
  var n = Object.create(null);
26
22
  if (e) {
27
23
  Object.keys(e).forEach(function (k) {
@@ -34,14 +30,11 @@ function _interopNamespace(e) {
34
30
  }
35
31
  });
36
32
  }
37
- n["default"] = e;
33
+ n.default = e;
38
34
  return Object.freeze(n);
39
35
  }
40
36
 
41
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
42
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
43
- var ScrollLock__default = /*#__PURE__*/_interopDefaultLegacy(ScrollLock);
44
- var Swipe__default = /*#__PURE__*/_interopDefaultLegacy(Swipe);
37
+ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
45
38
 
46
39
  /******************************************************************************
47
40
  Copyright (c) Microsoft Corporation.
@@ -88,33 +81,6 @@ function __makeTemplateObject(cooked, raw) {
88
81
 
89
82
  var css = {"root":"Overlay__root___-yvLz","backdrop":"Overlay__backdrop___MKZgL","popup":"Overlay__popup___RJENA","popup_placement_top":"Overlay__popup_placement_top___ERdxO","popup_placement_bottom":"Overlay__popup_placement_bottom___MJb6v","popup_placement_right":"Overlay__popup_placement_right___nL79b","popup_placement_left":"Overlay__popup_placement_left___p-p5e","content":"Overlay__content___uHLyZ","header":"Overlay__header___ntf6X","header__grid":"Overlay__header__grid___-OCio","header__item":"Overlay__header__item___gjOzy","header__title":"Overlay__header__title___-s4aZ Overlay__header__item___gjOzy","header__action":"Overlay__header__action___fzZrE Overlay__header__item___gjOzy","header__actionButton":"Overlay__header__actionButton___CC-hv","header__actionIcon":"Overlay__header__actionIcon___LoRyP","footer":"Overlay__footer___nE-cV","enter":"Overlay__enter___v7DoD","exit":"Overlay__exit___E0PkA","enterActive":"Overlay__enterActive___RFXzo","exitActive":"Overlay__exitActive___a2xd2"};
90
83
 
91
- var BLOCKS_PRESET = {
92
- css: css,
93
- b: ''
94
- };
95
- var Root = evokit.createBlock('div', 'root', [], BLOCKS_PRESET);
96
- var Backdrop = evokit.createBlock('div', 'backdrop', [], BLOCKS_PRESET);
97
- var Popup = evokit.createBlock('div', 'popup', ['placement'], BLOCKS_PRESET);
98
- var OverlayContent = evokit.createBlock('div', 'content', [], BLOCKS_PRESET);
99
- var Animate = function (_a) {
100
- var _b = _a.open,
101
- open = _b === void 0 ? false : _b,
102
- children = _a.children,
103
- _c = _a.enabled,
104
- enabled = _c === void 0 ? true : _c,
105
- onEnter = _a.onEnter,
106
- onEntered = _a.onEntered,
107
- onExited = _a.onExited;
108
- return React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
109
- in: open,
110
- timeout: enabled ? 225 : 0,
111
- classNames: css,
112
- unmountOnExit: true,
113
- onEnter: onEnter,
114
- onEntered: onEntered,
115
- onExited: onExited
116
- }, children);
117
- };
118
84
  var OverlayHeader = function (_a) {
119
85
  var isShowPrevButton = _a.isShowPrevButton,
120
86
  isShowCloseButton = _a.isShowCloseButton,
@@ -123,65 +89,46 @@ var OverlayHeader = function (_a) {
123
89
  onClose = _a.onClose,
124
90
  onPrev = _a.onPrev;
125
91
  var t = BodyProvider.useBodyLocale().t;
126
- return React__default["default"].createElement("div", {
92
+ return React.createElement("header", {
127
93
  className: css.header
128
- }, typeof children !== 'undefined' ? children : React__default["default"].createElement("div", {
94
+ }, typeof children !== 'undefined' ? children : React.createElement("div", {
129
95
  className: css.header__grid
130
- }, React__default["default"].createElement("div", {
96
+ }, React.createElement("div", {
131
97
  className: css.header__action
132
- }, isShowPrevButton && React__default["default"].createElement(Button.Button, {
98
+ }, isShowPrevButton && React.createElement(Button.Button, {
133
99
  className: css.header__actionButton,
134
100
  "button-theme": 'black-inherit',
135
101
  type: 'button',
136
102
  onClick: onPrev,
137
103
  "aria-label": t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041D\u0430\u0437\u0430\u0434"], ["\u041D\u0430\u0437\u0430\u0434"]))),
138
104
  "data-qaid": 'prev'
139
- }, React__default["default"].createElement(Icon.Icon, {
105
+ }, React.createElement(Icon.Icon, {
140
106
  "icon-as": ArrowBack.ArrowBack,
141
107
  className: css.header__actionIcon
142
- }))), React__default["default"].createElement("div", {
108
+ }))), React.createElement("div", {
143
109
  className: css.header__title
144
- }, typeof title === 'string' ? React__default["default"].createElement(Text.Text, {
110
+ }, typeof title === 'string' ? React.createElement(Text.Text, {
145
111
  "text-align": 'center',
146
112
  "text-size": 'h4',
147
113
  "text-wrap": 'ellipsis',
148
114
  "text-weight": 'bold',
149
115
  "data-qaid": 'title'
150
- }, title) : title), React__default["default"].createElement("div", {
116
+ }, title) : title), React.createElement("div", {
151
117
  className: css.header__action
152
- }, isShowCloseButton && onClose && React__default["default"].createElement(Button.Button, {
118
+ }, isShowCloseButton && onClose && React.createElement(Button.Button, {
153
119
  className: css.header__actionButton,
154
120
  "button-theme": 'black-inherit',
155
121
  type: 'button',
156
122
  onClick: onClose,
157
123
  "aria-label": t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"], ["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
158
124
  "data-qaid": 'close'
159
- }, React__default["default"].createElement(Icon.Icon, {
125
+ }, React.createElement(Icon.Icon, {
160
126
  "icon-as": Close.Close,
161
127
  className: css.header__actionIcon
162
128
  })))));
163
129
  };
164
- var OverlayFooter = function (_a) {
165
- var children = _a.children;
166
- return React__default["default"].createElement("div", {
167
- className: css.footer
168
- }, children);
169
- };
170
130
  var templateObject_1, templateObject_2;
171
131
 
172
- var getPopupStyle = function (placement, size, maxSize) {
173
- if (['top', 'bottom'].includes(placement)) {
174
- return {
175
- height: size,
176
- maxHeight: maxSize
177
- };
178
- }
179
- return {
180
- width: size,
181
- maxWidth: maxSize
182
- };
183
- };
184
-
185
132
  // FORK FROM https://github.com/jossmac/react-scrolllock/blob/master/src/TouchScrollable.js
186
133
  var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
187
134
  /* @ts-ignore */
@@ -295,7 +242,7 @@ var SwipeClose = function (_a) {
295
242
  });
296
243
  setStyle(contentRef.current, {
297
244
  'pointer-events': "none",
298
- 'overflow': 'hidden'
245
+ overflow: 'hidden'
299
246
  });
300
247
  }
301
248
  };
@@ -307,7 +254,7 @@ var SwipeClose = function (_a) {
307
254
  });
308
255
  setStyle(contentRef.current, {
309
256
  'pointer-events': null,
310
- 'overflow': null
257
+ overflow: null
311
258
  });
312
259
  setTimeout(function () {
313
260
  setStyle(rootRef.current, {
@@ -323,13 +270,30 @@ var SwipeClose = function (_a) {
323
270
  isAllowSwipe.current = null;
324
271
  isAllowClose.current = false;
325
272
  };
326
- return React__namespace.createElement(Swipe__default["default"], {
273
+ return React__namespace.createElement(Swipe, {
327
274
  onSwipeMove: onSwipeMove,
328
275
  onSwipeEnd: onSwipeEnd
329
276
  }, children);
330
277
  };
331
278
 
279
+ var getPopupStyle = function (placement, size, maxSize) {
280
+ if (['top', 'bottom'].includes(placement)) {
281
+ return {
282
+ height: size,
283
+ maxHeight: maxSize
284
+ };
285
+ }
286
+ return {
287
+ width: size,
288
+ maxWidth: maxSize
289
+ };
290
+ };
291
+
332
292
  var DEFAULT_SIZE = 400;
293
+ /**
294
+ * Компонент используется для создания оверлея (накладывающегося слоя) на верху содержимого.
295
+ * Он может использоваться, например, для создания модальных окон, выпадающих списков и других элементов интерфейса.
296
+ */
333
297
  var Overlay = function (_a) {
334
298
  var children = _a.children,
335
299
  onClose = _a.onClose,
@@ -391,12 +355,19 @@ var Overlay = function (_a) {
391
355
  if (placement === 'adaptive') {
392
356
  currentPlacement = isMinWidthMedium ? 'right' : 'bottom';
393
357
  }
394
- return React__namespace.createElement(Animate, {
395
- open: isOpen,
358
+ return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement(Backdrop.Backdrop, {
359
+ isOpen: isOpen,
360
+ isAnimated: isAnimated,
361
+ zIndex: zIndex - 1,
362
+ isRenderPortal: isRenderPortal
363
+ }), React__namespace.createElement(reactTransitionGroup.CSSTransition, {
364
+ in: isOpen,
365
+ timeout: isAnimated ? 225 : 0,
366
+ classNames: css,
367
+ unmountOnExit: true,
396
368
  onEnter: onOpen,
397
369
  onEntered: onOpened,
398
- onExited: onClosed,
399
- enabled: isAnimated
370
+ onExited: onClosed
400
371
  }, React__namespace.createElement(Portal.Portal, {
401
372
  isActive: isRenderPortal
402
373
  }, React__namespace.createElement(SwipeClose, {
@@ -405,27 +376,29 @@ var Overlay = function (_a) {
405
376
  contentRef: currentContentRef,
406
377
  placement: currentPlacement,
407
378
  onClose: onClose
408
- }, React__namespace.createElement(Root, __assign({
379
+ }, React__namespace.createElement("div", __assign({
380
+ className: css.root,
409
381
  role: 'presentation',
410
382
  style: {
411
383
  zIndex: zIndex
412
384
  }
413
- }, props), React__namespace.createElement(ScrollLock__default["default"], {
385
+ }, props), React__namespace.createElement(ScrollLock, {
414
386
  isActive: isScrollLock
415
387
  }), React__namespace.createElement(KeyPress.KeyPress, {
416
388
  isActive: isCloseOnEscape,
417
389
  code: 'Escape',
418
390
  onKeyDown: onClose
419
- }), React__namespace.createElement(Backdrop, {
391
+ }), React__namespace.createElement("div", {
392
+ className: css.backdrop,
420
393
  "aria-hidden": true,
421
394
  onClick: function (e) {
422
395
  if (isCloseOutsideClick && onClose) {
423
396
  onClose(e);
424
397
  }
425
398
  }
426
- }), React__namespace.createElement(Popup, {
399
+ }), React__namespace.createElement("div", {
427
400
  ref: popupRef,
428
- "popup-placement": currentPlacement,
401
+ className: classNames(css.popup, css["popup_placement_".concat(currentPlacement)]),
429
402
  "aria-modal": true,
430
403
  role: 'dialog',
431
404
  style: getPopupStyle(currentPlacement, currentSize, maxSize),
@@ -436,15 +409,18 @@ var Overlay = function (_a) {
436
409
  onClose: onClose,
437
410
  onPrev: onPrev,
438
411
  title: title
439
- }, header), React__namespace.createElement(OverlayFooter, null, footer), React__namespace.createElement(TouchScrollable, {
412
+ }, header), React__namespace.createElement("footer", {
413
+ className: css.footer
414
+ }, footer), React__namespace.createElement(TouchScrollable, {
440
415
  isActive: isScrollLockTouch,
441
416
  scrollRef: currentContentRef
442
- }, React__namespace.createElement(OverlayContent, {
417
+ }, React__namespace.createElement("div", {
418
+ className: css.content,
443
419
  ref: currentContentRef,
444
420
  style: {
445
421
  padding: padding
446
422
  }
447
- }, children)))))));
423
+ }, children))))))));
448
424
  };
449
425
 
450
426
  exports.Overlay = Overlay;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("@prom-ui/core/KeyPress"),n=require("@prom-ui/core/Portal"),o=require("@prom-ui/core/Media"),i=require("evokit"),a=require("react-transition-group"),c=require("@prom-ui/core/Button"),l=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/Text"),s=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/icons/Close"),p=require("@prom-ui/icons/ArrowBack"),v=require("react-scrolllock/dist/utils"),f=require("react-easy-swipe");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var E=m(e),_=h(e),y=m(t),b=m(f),w=function(){return w=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},w.apply(this,arguments)};function O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var x,g,S={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",content:"_5qQ0k",header:"LIk9z",header__grid:"SShy4",header__item:"_9fUzS",header__title:"Vuilz _9fUzS",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1"},k={css:S,b:""},P=i.createBlock("div","root",[],k),C=i.createBlock("div","backdrop",[],k),q=i.createBlock("div","popup",["placement"],k),B=i.createBlock("div","content",[],k),R=function(e){var t=e.open,r=void 0!==t&&t,n=e.children,o=e.enabled,i=void 0===o||o,c=e.onEnter,l=e.onEntered,u=e.onExited;return E.default.createElement(a.CSSTransition,{in:r,timeout:i?225:0,classNames:S,unmountOnExit:!0,onEnter:c,onEntered:l,onExited:u},n)},z=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,i=e.onClose,a=e.onPrev,v=s.useBodyLocale().t;return E.default.createElement("div",{className:S.header},void 0!==n?n:E.default.createElement("div",{className:S.header__grid},E.default.createElement("div",{className:S.header__action},t&&E.default.createElement(c.Button,{className:S.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":v(x||(x=O(["Назад"],["Назад"]))),"data-qaid":"prev"},E.default.createElement(l.Icon,{"icon-as":p.ArrowBack,className:S.header__actionIcon}))),E.default.createElement("div",{className:S.header__title},"string"==typeof o?E.default.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},o):o),E.default.createElement("div",{className:S.header__action},r&&i&&E.default.createElement(c.Button,{className:S.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":v(g||(g=O(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},E.default.createElement(l.Icon,{"icon-as":d.Close,className:S.header__actionIcon})))))},j=function(e){var t=e.children;return E.default.createElement("div",{className:S.footer},t)},I=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},A=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),L=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return _.useEffect((function(){if(r&&A&&(null==n?void 0:n.current))return n.current.addEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.addEventListener("touchmove",v.allowTouchMove,v.listenerOptions),function(){r&&A&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.removeEventListener("touchmove",v.allowTouchMove,v.listenerOptions))}})),_.createElement(_.Fragment,null,o)},N=["-webkit","-moz","-ms","-o"],T=["transform","transition"],M=function(e,t){if(e)for(var r in t){var n=-1!==T.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=N;o<i.length;o++){l=i[o];e.style.setProperty("".concat(l,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),n)for(var a=0,c=N;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},D=function(e){var t=e.isActive,r=void 0===t||t,n=e.children,o=e.onClose,i=e.placement,a=e.rootRef,c=e.contentRef,l=_.useRef(null),u=_.useRef(!1),s=_.useRef(0);if(!r)return _.createElement(_.Fragment,null,n);return _.createElement(b.default,{onSwipeMove:function(e){var t,r,n,o=e.x,d=e.y,p=(null===(t=c.current)||void 0===t?void 0:t.scrollHeight)||0,v=(null===(r=c.current)||void 0===r?void 0:r.offsetHeight)||0,f=(null===(n=c.current)||void 0===n?void 0:n.scrollTop)||0,m=p-(f+v),h=null,E=!1,_=!1,y=Math.abs(o),b=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),E=m<=1&&d<=0&&b>y,_=b>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),E=f<=1&&d>=0&&b>y,_=b>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),E=o<=0&&y>b,_=y>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),E=o>=0&&y>b,_=y>70),null===l.current&&(l.current=!!E),l.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&_&&(u.current=!0),M(a.current,{transform:h}),M(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){M(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),M(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){M(a.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&o&&o({})}s.current=0,l.current=null,u.current=!1}},n)};exports.Overlay=function(e){var t=e.children,i=e.onClose,a=e.onOpen,c=e.onPrev,l=e.onOpened,u=e.onClosed,s=e.isOpen,d=e.isShowCloseButton,p=void 0===d||d,v=e.isShowPrevButton,f=void 0!==v&&v,m=e.isCloseOnEscape,h=void 0===m||m,E=e.isCloseOnSwipe,b=void 0===E||E,O=e.isCloseOutsideClick,x=void 0===O||O,g=e.isAnimated,S=void 0===g||g,k=e.isRenderPortal,A=void 0===k||k,N=e.isScrollLock,T=void 0===N||N,M=e.isScrollLockTouch,H=void 0===M||M,U=e.header,Y=e.footer,K=e.padding,Q=void 0===K?"20px 20px 20px 20px":K,W=e.title,X=e.placement,F=void 0===X?"adaptive":X,G=e.size,J=void 0===G?"adaptive":G,V=e.maxSize,Z=void 0===V?"90%":V,$=e.zIndex,ee=void 0===$?5e3:$,te=e.contentRef,re=e.dataQaId,ne=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","isScrollLock","isScrollLockTouch","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId"]),oe=_.useRef(null),ie=te||_.useRef(null),ae=o.useMedia({minWidth:"medium"}),ce=F,le=J;return"adaptive"===J&&(le="top"===F||"bottom"===F?"auto":"adaptive"===F?ae?400:"auto":400),"adaptive"===F&&(ce=ae?"right":"bottom"),_.createElement(R,{open:s,onEnter:a,onEntered:l,onExited:u,enabled:S},_.createElement(n.Portal,{isActive:A},_.createElement(D,{isActive:T&&b,rootRef:oe,contentRef:ie,placement:ce,onClose:i},_.createElement(P,w({role:"presentation",style:{zIndex:ee}},ne),_.createElement(y.default,{isActive:T}),_.createElement(r.KeyPress,{isActive:h,code:"Escape",onKeyDown:i}),_.createElement(C,{"aria-hidden":!0,onClick:function(e){x&&i&&i(e)}}),_.createElement(q,{ref:oe,"popup-placement":ce,"aria-modal":!0,role:"dialog",style:I(ce,le,Z),"data-qaid":re},_.createElement(z,{isShowCloseButton:p,isShowPrevButton:f,onClose:i,onPrev:c,title:W},U),_.createElement(j,null,Y),_.createElement(L,{isActive:H,scrollRef:ie},_.createElement(B,{ref:ie,style:{padding:Q}},t)))))))},require("./style.production.css");
1
+ "use strict";var e=require("react"),t=require("react-scrolllock"),r=require("react-transition-group"),n=require("classnames"),o=require("@prom-ui/core/Backdrop"),i=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),c=require("@prom-ui/core/Media"),l=require("@prom-ui/core/Button"),s=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/Text"),d=require("@prom-ui/core/BodyProvider"),p=require("@prom-ui/icons/Close"),m=require("@prom-ui/icons/ArrowBack"),v=require("react-scrolllock/dist/utils"),f=require("react-easy-swipe");function h(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=h(e),_=function(){return _=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},_.apply(this,arguments)};function w(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var y,O,b={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",content:"_5qQ0k",header:"LIk9z",header__grid:"SShy4",header__item:"_9fUzS",header__title:"Vuilz _9fUzS",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1"},g=function(t){var r=t.isShowPrevButton,n=t.isShowCloseButton,o=t.children,i=t.title,a=t.onClose,c=t.onPrev,v=d.useBodyLocale().t;return e.createElement("header",{className:b.header},void 0!==o?o:e.createElement("div",{className:b.header__grid},e.createElement("div",{className:b.header__action},r&&e.createElement(l.Button,{className:b.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:c,"aria-label":v(y||(y=w(["Назад"],["Назад"]))),"data-qaid":"prev"},e.createElement(s.Icon,{"icon-as":m.ArrowBack,className:b.header__actionIcon}))),e.createElement("div",{className:b.header__title},"string"==typeof i?e.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},i):i),e.createElement("div",{className:b.header__action},n&&a&&e.createElement(l.Button,{className:b.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":v(O||(O=w(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},e.createElement(s.Icon,{"icon-as":p.Close,className:b.header__actionIcon})))))},x=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),S=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return E.useEffect((function(){if(r&&x&&(null==n?void 0:n.current))return n.current.addEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.addEventListener("touchmove",v.allowTouchMove,v.listenerOptions),function(){r&&x&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.removeEventListener("touchmove",v.allowTouchMove,v.listenerOptions))}})),E.createElement(E.Fragment,null,o)},P=["-webkit","-moz","-ms","-o"],C=["transform","transition"],k=function(e,t){if(e)for(var r in t){var n=-1!==C.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=P;o<i.length;o++){l=i[o];e.style.setProperty("".concat(l,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),n)for(var a=0,c=P;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},q=function(e){var t=e.isActive,r=void 0===t||t,n=e.children,o=e.onClose,i=e.placement,a=e.rootRef,c=e.contentRef,l=E.useRef(null),s=E.useRef(!1),u=E.useRef(0);if(!r)return E.createElement(E.Fragment,null,n);return E.createElement(f,{onSwipeMove:function(e){var t,r,n,o=e.x,d=e.y,p=(null===(t=c.current)||void 0===t?void 0:t.scrollHeight)||0,m=(null===(r=c.current)||void 0===r?void 0:r.offsetHeight)||0,v=(null===(n=c.current)||void 0===n?void 0:n.scrollTop)||0,f=p-(v+m),h=null,E=!1,_=!1,w=Math.abs(o),y=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),E=f<=1&&d<=0&&y>w,_=y>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),E=v<=1&&d>=0&&y>w,_=y>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),E=o<=0&&w>y,_=w>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),E=o>=0&&w>y,_=w>70),null===l.current&&(l.current=!!E),l.current&&(u.current||(u.current=(new Date).getTime()),!s.current&&_&&(s.current=!0),k(a.current,{transform:h}),k(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){k(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),k(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){k(a.current,{transition:null})}),225);var e=(new Date).getTime()-u.current;s.current&&e<250&&o&&o({})}u.current=0,l.current=null,s.current=!1}},n)},B=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}};exports.Overlay=function(e){var l=e.children,s=e.onClose,u=e.onOpen,d=e.onPrev,p=e.onOpened,m=e.onClosed,v=e.isOpen,f=e.isShowCloseButton,h=void 0===f||f,w=e.isShowPrevButton,y=void 0!==w&&w,O=e.isCloseOnEscape,x=void 0===O||O,P=e.isCloseOnSwipe,C=void 0===P||P,k=e.isCloseOutsideClick,R=void 0===k||k,z=e.isAnimated,I=void 0===z||z,N=e.isRenderPortal,A=void 0===N||N,j=e.isScrollLock,L=void 0===j||j,T=e.isScrollLockTouch,M=void 0===T||T,D=e.header,H=e.footer,U=e.padding,Y=void 0===U?"20px 20px 20px 20px":U,F=e.title,K=e.placement,Q=void 0===K?"adaptive":K,W=e.size,X=void 0===W?"adaptive":W,G=e.maxSize,J=void 0===G?"90%":G,V=e.zIndex,Z=void 0===V?5e3:V,$=e.contentRef,ee=e.dataQaId,te=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","isScrollLock","isScrollLockTouch","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId"]),re=E.useRef(null),ne=$||E.useRef(null),oe=c.useMedia({minWidth:"medium"}),ie=Q,ae=X;return"adaptive"===X&&(ae="top"===Q||"bottom"===Q?"auto":"adaptive"===Q?oe?400:"auto":400),"adaptive"===Q&&(ie=oe?"right":"bottom"),E.createElement(E.Fragment,null,E.createElement(o.Backdrop,{isOpen:v,isAnimated:I,zIndex:Z-1,isRenderPortal:A}),E.createElement(r.CSSTransition,{in:v,timeout:I?225:0,classNames:b,unmountOnExit:!0,onEnter:u,onEntered:p,onExited:m},E.createElement(a.Portal,{isActive:A},E.createElement(q,{isActive:L&&C,rootRef:re,contentRef:ne,placement:ie,onClose:s},E.createElement("div",_({className:b.root,role:"presentation",style:{zIndex:Z}},te),E.createElement(t,{isActive:L}),E.createElement(i.KeyPress,{isActive:x,code:"Escape",onKeyDown:s}),E.createElement("div",{className:b.backdrop,"aria-hidden":!0,onClick:function(e){R&&s&&s(e)}}),E.createElement("div",{ref:re,className:n(b.popup,b["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:B(ie,ae,J),"data-qaid":ee},E.createElement(g,{isShowCloseButton:h,isShowPrevButton:y,onClose:s,onPrev:d,title:F},D),E.createElement("footer",{className:b.footer},H),E.createElement(S,{isActive:M,scrollRef:ne},E.createElement("div",{className:b.content,ref:ne,style:{padding:Y}},l))))))))},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("@prom-ui/core/KeyPress"),n=require("@prom-ui/core/Portal"),o=require("@prom-ui/core/Media"),i=require("evokit"),a=require("react-transition-group"),c=require("@prom-ui/core/Button"),l=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/Text"),s=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/icons/Close"),p=require("@prom-ui/icons/ArrowBack"),v=require("react-scrolllock/dist/utils"),f=require("react-easy-swipe");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var E=m(e),y=h(e),b=m(t),O=m(f),w=function(){return w=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},w.apply(this,arguments)};function _(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var g,x,P={root:"-yvLz",backdrop:"MKZgL",popup:"RJENA",popup_placement_top:"ERdxO",popup_placement_bottom:"MJb6v",popup_placement_right:"nL79b",popup_placement_left:"p-p5e",content:"uHLyZ",header:"ntf6X",header__grid:"-OCio",header__item:"gjOzy",header__title:"-s4aZ gjOzy",header__action:"fzZrE gjOzy",header__actionButton:"CC-hv",header__actionIcon:"LoRyP",footer:"nE-cV",enter:"v7DoD",exit:"E0PkA",enterActive:"RFXzo",exitActive:"a2xd2"},C={css:P,b:""},k=i.createBlock("div","root",[],C),S=i.createBlock("div","backdrop",[],C),B=i.createBlock("div","popup",["placement"],C),q=i.createBlock("div","content",[],C),R=function(e){var t=e.open,r=void 0!==t&&t,n=e.children,o=e.enabled,i=void 0===o||o,c=e.onEnter,l=e.onEntered,u=e.onExited;return E.default.createElement(a.CSSTransition,{in:r,timeout:i?225:0,classNames:P,unmountOnExit:!0,onEnter:c,onEntered:l,onExited:u},n)},j=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,i=e.onClose,a=e.onPrev,v=s.useBodyLocale().t;return E.default.createElement("div",{className:P.header},void 0!==n?n:E.default.createElement("div",{className:P.header__grid},E.default.createElement("div",{className:P.header__action},t&&E.default.createElement(c.Button,{className:P.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":v(g||(g=_(["Назад"],["Назад"]))),"data-qaid":"prev"},E.default.createElement(l.Icon,{"icon-as":p.ArrowBack,className:P.header__actionIcon}))),E.default.createElement("div",{className:P.header__title},"string"==typeof o?E.default.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},o):o),E.default.createElement("div",{className:P.header__action},r&&i&&E.default.createElement(c.Button,{className:P.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":v(x||(x=_(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},E.default.createElement(l.Icon,{"icon-as":d.Close,className:P.header__actionIcon})))))},z=function(e){var t=e.children;return E.default.createElement("div",{className:P.footer},t)},A=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},L=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),I=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return y.useEffect((function(){if(r&&L&&(null==n?void 0:n.current))return n.current.addEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.addEventListener("touchmove",v.allowTouchMove,v.listenerOptions),function(){r&&L&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.removeEventListener("touchmove",v.allowTouchMove,v.listenerOptions))}})),y.createElement(y.Fragment,null,o)},N=["-webkit","-moz","-ms","-o"],M=["transform","transition"],T=function(e,t){if(e)for(var r in t){var n=-1!==M.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=N;o<i.length;o++){l=i[o];e.style.setProperty("".concat(l,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),n)for(var a=0,c=N;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},D=function(e){var t=e.isActive,r=void 0===t||t,n=e.children,o=e.onClose,i=e.placement,a=e.rootRef,c=e.contentRef,l=y.useRef(null),u=y.useRef(!1),s=y.useRef(0);if(!r)return y.createElement(y.Fragment,null,n);return y.createElement(O.default,{onSwipeMove:function(e){var t,r,n,o=e.x,d=e.y,p=(null===(t=c.current)||void 0===t?void 0:t.scrollHeight)||0,v=(null===(r=c.current)||void 0===r?void 0:r.offsetHeight)||0,f=(null===(n=c.current)||void 0===n?void 0:n.scrollTop)||0,m=p-(f+v),h=null,E=!1,y=!1,b=Math.abs(o),O=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),E=m<=1&&d<=0&&O>b,y=O>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),E=f<=1&&d>=0&&O>b,y=O>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),E=o<=0&&b>O,y=b>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),E=o>=0&&b>O,y=b>70),null===l.current&&(l.current=!!E),l.current&&(s.current||(s.current=(new Date).getTime()),!u.current&&y&&(u.current=!0),T(a.current,{transform:h}),T(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){T(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),T(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){T(a.current,{transition:null})}),225);var e=(new Date).getTime()-s.current;u.current&&e<250&&o&&o({})}s.current=0,l.current=null,u.current=!1}},n)};exports.Overlay=function(e){var t=e.children,i=e.onClose,a=e.onOpen,c=e.onPrev,l=e.onOpened,u=e.onClosed,s=e.isOpen,d=e.isShowCloseButton,p=void 0===d||d,v=e.isShowPrevButton,f=void 0!==v&&v,m=e.isCloseOnEscape,h=void 0===m||m,E=e.isCloseOnSwipe,O=void 0===E||E,_=e.isCloseOutsideClick,g=void 0===_||_,x=e.isAnimated,P=void 0===x||x,C=e.isRenderPortal,L=void 0===C||C,N=e.isScrollLock,M=void 0===N||N,T=e.isScrollLockTouch,H=void 0===T||T,K=e.header,X=e.footer,Z=e.padding,F=void 0===Z?"20px 20px 20px 20px":Z,J=e.title,Q=e.placement,W=void 0===Q?"adaptive":Q,Y=e.size,V=void 0===Y?"adaptive":Y,G=e.maxSize,U=void 0===G?"90%":G,$=e.zIndex,ee=void 0===$?5e3:$,te=e.contentRef,re=e.dataQaId,ne=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","isScrollLock","isScrollLockTouch","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId"]),oe=y.useRef(null),ie=te||y.useRef(null),ae=o.useMedia({minWidth:"medium"}),ce=W,le=V;return"adaptive"===V&&(le="top"===W||"bottom"===W?"auto":"adaptive"===W?ae?400:"auto":400),"adaptive"===W&&(ce=ae?"right":"bottom"),y.createElement(R,{open:s,onEnter:a,onEntered:l,onExited:u,enabled:P},y.createElement(n.Portal,{isActive:L},y.createElement(D,{isActive:M&&O,rootRef:oe,contentRef:ie,placement:ce,onClose:i},y.createElement(k,w({role:"presentation",style:{zIndex:ee}},ne),y.createElement(b.default,{isActive:M}),y.createElement(r.KeyPress,{isActive:h,code:"Escape",onKeyDown:i}),y.createElement(S,{"aria-hidden":!0,onClick:function(e){g&&i&&i(e)}}),y.createElement(B,{ref:oe,"popup-placement":ce,"aria-modal":!0,role:"dialog",style:A(ce,le,U),"data-qaid":re},y.createElement(j,{isShowCloseButton:p,isShowPrevButton:f,onClose:i,onPrev:c,title:J},K),y.createElement(z,null,X),y.createElement(I,{isActive:H,scrollRef:ie},y.createElement(q,{ref:ie,style:{padding:F}},t)))))))},require("./style.production.v2.css");
1
+ "use strict";var e=require("react"),t=require("react-scrolllock"),r=require("react-transition-group"),n=require("classnames"),o=require("@prom-ui/core/Backdrop"),i=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),c=require("@prom-ui/core/Media"),l=require("@prom-ui/core/Button"),s=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/Text"),d=require("@prom-ui/core/BodyProvider"),p=require("@prom-ui/icons/Close"),m=require("@prom-ui/icons/ArrowBack"),v=require("react-scrolllock/dist/utils"),f=require("react-easy-swipe");function h(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=h(e),y=function(){return y=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},y.apply(this,arguments)};function O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var w,b,_={root:"-yvLz",backdrop:"MKZgL",popup:"RJENA",popup_placement_top:"ERdxO",popup_placement_bottom:"MJb6v",popup_placement_right:"nL79b",popup_placement_left:"p-p5e",content:"uHLyZ",header:"ntf6X",header__grid:"-OCio",header__item:"gjOzy",header__title:"-s4aZ gjOzy",header__action:"fzZrE gjOzy",header__actionButton:"CC-hv",header__actionIcon:"LoRyP",footer:"nE-cV",enter:"v7DoD",exit:"E0PkA",enterActive:"RFXzo",exitActive:"a2xd2"},g=function(t){var r=t.isShowPrevButton,n=t.isShowCloseButton,o=t.children,i=t.title,a=t.onClose,c=t.onPrev,v=d.useBodyLocale().t;return e.createElement("header",{className:_.header},void 0!==o?o:e.createElement("div",{className:_.header__grid},e.createElement("div",{className:_.header__action},r&&e.createElement(l.Button,{className:_.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:c,"aria-label":v(w||(w=O(["Назад"],["Назад"]))),"data-qaid":"prev"},e.createElement(s.Icon,{"icon-as":m.ArrowBack,className:_.header__actionIcon}))),e.createElement("div",{className:_.header__title},"string"==typeof i?e.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},i):i),e.createElement("div",{className:_.header__action},n&&a&&e.createElement(l.Button,{className:_.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":v(b||(b=O(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},e.createElement(s.Icon,{"icon-as":p.Close,className:_.header__actionIcon})))))},x=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),P=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return E.useEffect((function(){if(r&&x&&(null==n?void 0:n.current))return n.current.addEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.addEventListener("touchmove",v.allowTouchMove,v.listenerOptions),function(){r&&x&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.removeEventListener("touchmove",v.allowTouchMove,v.listenerOptions))}})),E.createElement(E.Fragment,null,o)},C=["-webkit","-moz","-ms","-o"],S=["transform","transition"],k=function(e,t){if(e)for(var r in t){var n=-1!==S.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=C;o<i.length;o++){l=i[o];e.style.setProperty("".concat(l,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),n)for(var a=0,c=C;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},q=function(e){var t=e.isActive,r=void 0===t||t,n=e.children,o=e.onClose,i=e.placement,a=e.rootRef,c=e.contentRef,l=E.useRef(null),s=E.useRef(!1),u=E.useRef(0);if(!r)return E.createElement(E.Fragment,null,n);return E.createElement(f,{onSwipeMove:function(e){var t,r,n,o=e.x,d=e.y,p=(null===(t=c.current)||void 0===t?void 0:t.scrollHeight)||0,m=(null===(r=c.current)||void 0===r?void 0:r.offsetHeight)||0,v=(null===(n=c.current)||void 0===n?void 0:n.scrollTop)||0,f=p-(v+m),h=null,E=!1,y=!1,O=Math.abs(o),w=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),E=f<=1&&d<=0&&w>O,y=w>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),E=v<=1&&d>=0&&w>O,y=w>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),E=o<=0&&O>w,y=O>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),E=o>=0&&O>w,y=O>70),null===l.current&&(l.current=!!E),l.current&&(u.current||(u.current=(new Date).getTime()),!s.current&&y&&(s.current=!0),k(a.current,{transform:h}),k(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){k(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),k(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){k(a.current,{transition:null})}),225);var e=(new Date).getTime()-u.current;s.current&&e<250&&o&&o({})}u.current=0,l.current=null,s.current=!1}},n)},B=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}};exports.Overlay=function(e){var l=e.children,s=e.onClose,u=e.onOpen,d=e.onPrev,p=e.onOpened,m=e.onClosed,v=e.isOpen,f=e.isShowCloseButton,h=void 0===f||f,O=e.isShowPrevButton,w=void 0!==O&&O,b=e.isCloseOnEscape,x=void 0===b||b,C=e.isCloseOnSwipe,S=void 0===C||C,k=e.isCloseOutsideClick,R=void 0===k||k,z=e.isAnimated,j=void 0===z||z,A=e.isRenderPortal,N=void 0===A||A,I=e.isScrollLock,L=void 0===I||I,T=e.isScrollLockTouch,M=void 0===T||T,D=e.header,F=e.footer,H=e.padding,K=void 0===H?"20px 20px 20px 20px":H,X=e.title,Z=e.placement,J=void 0===Z?"adaptive":Z,Q=e.size,W=void 0===Q?"adaptive":Q,Y=e.maxSize,V=void 0===Y?"90%":Y,G=e.zIndex,U=void 0===G?5e3:G,$=e.contentRef,ee=e.dataQaId,te=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","isScrollLock","isScrollLockTouch","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId"]),re=E.useRef(null),ne=$||E.useRef(null),oe=c.useMedia({minWidth:"medium"}),ie=J,ae=W;return"adaptive"===W&&(ae="top"===J||"bottom"===J?"auto":"adaptive"===J?oe?400:"auto":400),"adaptive"===J&&(ie=oe?"right":"bottom"),E.createElement(E.Fragment,null,E.createElement(o.Backdrop,{isOpen:v,isAnimated:j,zIndex:U-1,isRenderPortal:N}),E.createElement(r.CSSTransition,{in:v,timeout:j?225:0,classNames:_,unmountOnExit:!0,onEnter:u,onEntered:p,onExited:m},E.createElement(a.Portal,{isActive:N},E.createElement(q,{isActive:L&&S,rootRef:re,contentRef:ne,placement:ie,onClose:s},E.createElement("div",y({className:_.root,role:"presentation",style:{zIndex:U}},te),E.createElement(t,{isActive:L}),E.createElement(i.KeyPress,{isActive:x,code:"Escape",onKeyDown:s}),E.createElement("div",{className:_.backdrop,"aria-hidden":!0,onClick:function(e){R&&s&&s(e)}}),E.createElement("div",{ref:re,className:n(_.popup,_["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:B(ie,ae,V),"data-qaid":ee},E.createElement(g,{isShowCloseButton:h,isShowPrevButton:w,onClose:s,onPrev:d,title:X},D),E.createElement("footer",{className:_.footer},F),E.createElement(P,{isActive:M,scrollRef:ne},E.createElement("div",{className:_.content,ref:ne,style:{padding:K}},l))))))))},require("./style.production.v2.css");
@@ -1 +1 @@
1
- .Overlay__root___v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.Overlay__backdrop___RvRWz{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.4;background-color:var(--black-900);-webkit-tap-highlight-color:transparent}.Overlay__popup___elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box;display:flex;flex-direction:column;transform:none}.Overlay__popup_placement_top___Llv4b,.Overlay__popup_placement_bottom___DJyNc{right:0;left:0}.Overlay__popup_placement_right___4DX3c,.Overlay__popup_placement_left___OwkR7{top:0;bottom:0}.Overlay__popup_placement_top___Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.Overlay__popup_placement_bottom___DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}.Overlay__popup_placement_right___4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.Overlay__popup_placement_left___OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.Overlay__content___5qQ0k{order:2;flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.Overlay__content___5qQ0k:after{clear:both}.Overlay__content___5qQ0k:before,.Overlay__content___5qQ0k:after{content:"";display:table}.Overlay__header___LIk9z{order:1;flex:0;box-sizing:border-box;border-top-right-radius:inherit;border-top-left-radius:inherit}.Overlay__header___LIk9z:after{clear:both}.Overlay__header___LIk9z:before,.Overlay__header___LIk9z:after{content:"";display:table}.Overlay__header___LIk9z:empty~.Overlay__content___5qQ0k{border-top-right-radius:inherit;border-top-left-radius:inherit}.Overlay__header__grid___SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}.Overlay__header__item___9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Overlay__header__title___Vuilz{flex:1}.Overlay__header__action___c-A8d{min-width:34px}.Overlay__header__actionButton___yYG24{padding:0;width:34px;height:34px}.Overlay__header__actionIcon___La2ok{width:24px;height:24px}.Overlay__footer___3Ca-G{order:3;flex:0;box-sizing:border-box;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.Overlay__footer___3Ca-G:after{clear:both}.Overlay__footer___3Ca-G:before,.Overlay__footer___3Ca-G:after{content:"";display:table}.Overlay__footer___3Ca-G:empty~.Overlay__content___5qQ0k{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.Overlay__enter___OjeZp,.Overlay__exit___HiHMU{pointer-events:auto}.Overlay__enterActive___Ne-Vn,.Overlay__exitActive___6f7f1{pointer-events:none}.Overlay__enterActive___Ne-Vn .Overlay__backdrop___RvRWz,.Overlay__exitActive___6f7f1 .Overlay__backdrop___RvRWz{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transition:transform 225ms cubic-bezier(0,0,.2,1) 0ms}.Overlay__enter___OjeZp .Overlay__backdrop___RvRWz{opacity:0}.Overlay__enter___OjeZp .Overlay__popup_placement_top___Llv4b{transform:translateY(-100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_right___4DX3c{transform:translateX(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_bottom___DJyNc{transform:translateY(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_left___OwkR7{transform:translateX(-100%)}.Overlay__enterActive___Ne-Vn .Overlay__backdrop___RvRWz{opacity:.4}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exit___HiHMU .Overlay__backdrop___RvRWz{opacity:.4}.Overlay__exit___HiHMU .Overlay__popup_placement_top___Llv4b,.Overlay__exit___HiHMU .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__exit___HiHMU .Overlay__popup_placement_left___OwkR7,.Overlay__exit___HiHMU .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exitActive___6f7f1 .Overlay__backdrop___RvRWz{opacity:0}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b{transform:translateY(-100%)}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c{transform:translateX(100%)}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc{transform:translateY(100%)}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transform:translateX(-100%)}
1
+ .Overlay__root___v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.Overlay__backdrop___RvRWz{display:flex;top:0;left:0;right:0;bottom:0;z-index:-1;position:fixed;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.Overlay__popup___elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box;display:flex;flex-direction:column;transform:none}.Overlay__popup_placement_top___Llv4b,.Overlay__popup_placement_bottom___DJyNc{right:0;left:0}.Overlay__popup_placement_right___4DX3c,.Overlay__popup_placement_left___OwkR7{top:0;bottom:0}.Overlay__popup_placement_top___Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.Overlay__popup_placement_bottom___DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}.Overlay__popup_placement_right___4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.Overlay__popup_placement_left___OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.Overlay__content___5qQ0k{order:2;flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.Overlay__content___5qQ0k:after{clear:both}.Overlay__content___5qQ0k:before,.Overlay__content___5qQ0k:after{content:"";display:table}.Overlay__header___LIk9z{order:1;flex:0;box-sizing:border-box;border-top-right-radius:inherit;border-top-left-radius:inherit}.Overlay__header___LIk9z:after{clear:both}.Overlay__header___LIk9z:before,.Overlay__header___LIk9z:after{content:"";display:table}.Overlay__header___LIk9z:empty~.Overlay__content___5qQ0k{border-top-right-radius:inherit;border-top-left-radius:inherit}.Overlay__header__grid___SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}.Overlay__header__item___9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Overlay__header__title___Vuilz{flex:1}.Overlay__header__action___c-A8d{min-width:34px}.Overlay__header__actionButton___yYG24{padding:0;width:34px;height:34px}.Overlay__header__actionIcon___La2ok{width:24px;height:24px}.Overlay__footer___3Ca-G{order:3;flex:0;box-sizing:border-box;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.Overlay__footer___3Ca-G:after{clear:both}.Overlay__footer___3Ca-G:before,.Overlay__footer___3Ca-G:after{content:"";display:table}.Overlay__footer___3Ca-G:empty~.Overlay__content___5qQ0k{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.Overlay__enter___OjeZp,.Overlay__exit___HiHMU{pointer-events:auto}.Overlay__enterActive___Ne-Vn,.Overlay__exitActive___6f7f1{pointer-events:none}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transition:transform 225ms cubic-bezier(0,0,.2,1) 0ms}.Overlay__enter___OjeZp .Overlay__popup_placement_top___Llv4b{transform:translateY(-100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_right___4DX3c{transform:translateX(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_bottom___DJyNc{transform:translateY(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_left___OwkR7{transform:translateX(-100%)}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exit___HiHMU .Overlay__popup_placement_top___Llv4b,.Overlay__exit___HiHMU .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__exit___HiHMU .Overlay__popup_placement_left___OwkR7,.Overlay__exit___HiHMU .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b{transform:translateY(-100%)}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c{transform:translateX(100%)}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc{transform:translateY(100%)}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transform:translateX(-100%)}
@@ -1 +1 @@
1
- .Overlay__root___-yvLz{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.Overlay__backdrop___MKZgL{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.4;background-color:var(--black-900);-webkit-tap-highlight-color:transparent}.Overlay__popup___RJENA{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box;display:flex;flex-direction:column;transform:none}.Overlay__popup_placement_top___ERdxO,.Overlay__popup_placement_bottom___MJb6v{right:0;left:0}.Overlay__popup_placement_right___nL79b,.Overlay__popup_placement_left___p-p5e{top:0;bottom:0}.Overlay__popup_placement_top___ERdxO{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.Overlay__popup_placement_bottom___MJb6v{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}.Overlay__popup_placement_right___nL79b{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.Overlay__popup_placement_left___p-p5e{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.Overlay__content___uHLyZ{order:2;flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.Overlay__content___uHLyZ:after{clear:both}.Overlay__content___uHLyZ:before,.Overlay__content___uHLyZ:after{content:"";display:table}.Overlay__header___ntf6X{order:1;flex:0;box-sizing:border-box;border-top-right-radius:inherit;border-top-left-radius:inherit}.Overlay__header___ntf6X:after{clear:both}.Overlay__header___ntf6X:before,.Overlay__header___ntf6X:after{content:"";display:table}.Overlay__header___ntf6X:empty~.Overlay__content___uHLyZ{border-top-right-radius:inherit;border-top-left-radius:inherit}.Overlay__header__grid___-OCio{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}.Overlay__header__item___gjOzy{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Overlay__header__title___-s4aZ{flex:1}.Overlay__header__action___fzZrE{min-width:34px}.Overlay__header__actionButton___CC-hv{padding:0;width:34px;height:34px}.Overlay__header__actionIcon___LoRyP{width:24px;height:24px}.Overlay__footer___nE-cV{order:3;flex:0;box-sizing:border-box;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.Overlay__footer___nE-cV:after{clear:both}.Overlay__footer___nE-cV:before,.Overlay__footer___nE-cV:after{content:"";display:table}.Overlay__footer___nE-cV:empty~.Overlay__content___uHLyZ{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.Overlay__enter___v7DoD,.Overlay__exit___E0PkA{pointer-events:auto}.Overlay__enterActive___RFXzo,.Overlay__exitActive___a2xd2{pointer-events:none}.Overlay__enterActive___RFXzo .Overlay__backdrop___MKZgL,.Overlay__exitActive___a2xd2 .Overlay__backdrop___MKZgL{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.Overlay__enterActive___RFXzo .Overlay__popup_placement_top___ERdxO,.Overlay__exitActive___a2xd2 .Overlay__popup_placement_top___ERdxO,.Overlay__enterActive___RFXzo .Overlay__popup_placement_right___nL79b,.Overlay__exitActive___a2xd2 .Overlay__popup_placement_right___nL79b,.Overlay__enterActive___RFXzo .Overlay__popup_placement_bottom___MJb6v,.Overlay__exitActive___a2xd2 .Overlay__popup_placement_bottom___MJb6v,.Overlay__enterActive___RFXzo .Overlay__popup_placement_left___p-p5e,.Overlay__exitActive___a2xd2 .Overlay__popup_placement_left___p-p5e{transition:transform 225ms cubic-bezier(0,0,.2,1) 0ms}.Overlay__enter___v7DoD .Overlay__backdrop___MKZgL{opacity:0}.Overlay__enter___v7DoD .Overlay__popup_placement_top___ERdxO{transform:translateY(-100%)}.Overlay__enter___v7DoD .Overlay__popup_placement_right___nL79b{transform:translateX(100%)}.Overlay__enter___v7DoD .Overlay__popup_placement_bottom___MJb6v{transform:translateY(100%)}.Overlay__enter___v7DoD .Overlay__popup_placement_left___p-p5e{transform:translateX(-100%)}.Overlay__enterActive___RFXzo .Overlay__backdrop___MKZgL{opacity:.4}.Overlay__enterActive___RFXzo .Overlay__popup_placement_top___ERdxO,.Overlay__enterActive___RFXzo .Overlay__popup_placement_bottom___MJb6v{transform:translateY(0)}.Overlay__enterActive___RFXzo .Overlay__popup_placement_left___p-p5e,.Overlay__enterActive___RFXzo .Overlay__popup_placement_right___nL79b{transform:translateX(0)}.Overlay__exit___E0PkA .Overlay__backdrop___MKZgL{opacity:.4}.Overlay__exit___E0PkA .Overlay__popup_placement_top___ERdxO,.Overlay__exit___E0PkA .Overlay__popup_placement_bottom___MJb6v{transform:translateY(0)}.Overlay__exit___E0PkA .Overlay__popup_placement_left___p-p5e,.Overlay__exit___E0PkA .Overlay__popup_placement_right___nL79b{transform:translateX(0)}.Overlay__exitActive___a2xd2 .Overlay__backdrop___MKZgL{opacity:0}.Overlay__exitActive___a2xd2 .Overlay__popup_placement_top___ERdxO{transform:translateY(-100%)}.Overlay__exitActive___a2xd2 .Overlay__popup_placement_right___nL79b{transform:translateX(100%)}.Overlay__exitActive___a2xd2 .Overlay__popup_placement_bottom___MJb6v{transform:translateY(100%)}.Overlay__exitActive___a2xd2 .Overlay__popup_placement_left___p-p5e{transform:translateX(-100%)}
1
+ .Overlay__root___-yvLz{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.Overlay__backdrop___MKZgL{display:flex;top:0;left:0;right:0;bottom:0;z-index:-1;position:fixed;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.Overlay__popup___RJENA{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box;display:flex;flex-direction:column;transform:none}.Overlay__popup_placement_top___ERdxO,.Overlay__popup_placement_bottom___MJb6v{right:0;left:0}.Overlay__popup_placement_right___nL79b,.Overlay__popup_placement_left___p-p5e{top:0;bottom:0}.Overlay__popup_placement_top___ERdxO{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.Overlay__popup_placement_bottom___MJb6v{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}.Overlay__popup_placement_right___nL79b{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.Overlay__popup_placement_left___p-p5e{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.Overlay__content___uHLyZ{order:2;flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.Overlay__content___uHLyZ:after{clear:both}.Overlay__content___uHLyZ:before,.Overlay__content___uHLyZ:after{content:"";display:table}.Overlay__header___ntf6X{order:1;flex:0;box-sizing:border-box;border-top-right-radius:inherit;border-top-left-radius:inherit}.Overlay__header___ntf6X:after{clear:both}.Overlay__header___ntf6X:before,.Overlay__header___ntf6X:after{content:"";display:table}.Overlay__header___ntf6X:empty~.Overlay__content___uHLyZ{border-top-right-radius:inherit;border-top-left-radius:inherit}.Overlay__header__grid___-OCio{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}.Overlay__header__item___gjOzy{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Overlay__header__title___-s4aZ{flex:1}.Overlay__header__action___fzZrE{min-width:34px}.Overlay__header__actionButton___CC-hv{padding:0;width:34px;height:34px}.Overlay__header__actionIcon___LoRyP{width:24px;height:24px}.Overlay__footer___nE-cV{order:3;flex:0;box-sizing:border-box;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.Overlay__footer___nE-cV:after{clear:both}.Overlay__footer___nE-cV:before,.Overlay__footer___nE-cV:after{content:"";display:table}.Overlay__footer___nE-cV:empty~.Overlay__content___uHLyZ{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.Overlay__enter___v7DoD,.Overlay__exit___E0PkA{pointer-events:auto}.Overlay__enterActive___RFXzo,.Overlay__exitActive___a2xd2{pointer-events:none}.Overlay__enterActive___RFXzo .Overlay__popup_placement_top___ERdxO,.Overlay__exitActive___a2xd2 .Overlay__popup_placement_top___ERdxO,.Overlay__enterActive___RFXzo .Overlay__popup_placement_right___nL79b,.Overlay__exitActive___a2xd2 .Overlay__popup_placement_right___nL79b,.Overlay__enterActive___RFXzo .Overlay__popup_placement_bottom___MJb6v,.Overlay__exitActive___a2xd2 .Overlay__popup_placement_bottom___MJb6v,.Overlay__enterActive___RFXzo .Overlay__popup_placement_left___p-p5e,.Overlay__exitActive___a2xd2 .Overlay__popup_placement_left___p-p5e{transition:transform 225ms cubic-bezier(0,0,.2,1) 0ms}.Overlay__enter___v7DoD .Overlay__popup_placement_top___ERdxO{transform:translateY(-100%)}.Overlay__enter___v7DoD .Overlay__popup_placement_right___nL79b{transform:translateX(100%)}.Overlay__enter___v7DoD .Overlay__popup_placement_bottom___MJb6v{transform:translateY(100%)}.Overlay__enter___v7DoD .Overlay__popup_placement_left___p-p5e{transform:translateX(-100%)}.Overlay__enterActive___RFXzo .Overlay__popup_placement_top___ERdxO,.Overlay__enterActive___RFXzo .Overlay__popup_placement_bottom___MJb6v{transform:translateY(0)}.Overlay__enterActive___RFXzo .Overlay__popup_placement_left___p-p5e,.Overlay__enterActive___RFXzo .Overlay__popup_placement_right___nL79b{transform:translateX(0)}.Overlay__exit___E0PkA .Overlay__popup_placement_top___ERdxO,.Overlay__exit___E0PkA .Overlay__popup_placement_bottom___MJb6v{transform:translateY(0)}.Overlay__exit___E0PkA .Overlay__popup_placement_left___p-p5e,.Overlay__exit___E0PkA .Overlay__popup_placement_right___nL79b{transform:translateX(0)}.Overlay__exitActive___a2xd2 .Overlay__popup_placement_top___ERdxO{transform:translateY(-100%)}.Overlay__exitActive___a2xd2 .Overlay__popup_placement_right___nL79b{transform:translateX(100%)}.Overlay__exitActive___a2xd2 .Overlay__popup_placement_bottom___MJb6v{transform:translateY(100%)}.Overlay__exitActive___a2xd2 .Overlay__popup_placement_left___p-p5e{transform:translateX(-100%)}
@@ -1 +1 @@
1
- .v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.RvRWz{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.4;background-color:var(--black-900);-webkit-tap-highlight-color:transparent}.elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box;display:flex;flex-direction:column;transform:none}.Llv4b,.DJyNc{right:0;left:0}._4DX3c,.OwkR7{top:0;bottom:0}.Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}._4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}._5qQ0k{order:2;flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}._5qQ0k:after{clear:both}._5qQ0k:before,._5qQ0k:after{content:"";display:table}.LIk9z{order:1;flex:0;box-sizing:border-box;border-top-right-radius:inherit;border-top-left-radius:inherit}.LIk9z:after{clear:both}.LIk9z:before,.LIk9z:after{content:"";display:table}.LIk9z:empty~._5qQ0k{border-top-right-radius:inherit;border-top-left-radius:inherit}.SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}._9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Vuilz{flex:1}.c-A8d{min-width:34px}.yYG24{padding:0;width:34px;height:34px}.La2ok{width:24px;height:24px}._3Ca-G{order:3;flex:0;box-sizing:border-box;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}._3Ca-G:after{clear:both}._3Ca-G:before,._3Ca-G:after{content:"";display:table}._3Ca-G:empty~._5qQ0k{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.OjeZp,.HiHMU{pointer-events:auto}.Ne-Vn,._6f7f1{pointer-events:none}.Ne-Vn .RvRWz,._6f7f1 .RvRWz{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.Ne-Vn .Llv4b,._6f7f1 .Llv4b,.Ne-Vn ._4DX3c,._6f7f1 ._4DX3c,.Ne-Vn .DJyNc,._6f7f1 .DJyNc,.Ne-Vn .OwkR7,._6f7f1 .OwkR7{transition:transform 225ms cubic-bezier(0,0,.2,1) 0ms}.OjeZp .RvRWz{opacity:0}.OjeZp .Llv4b{transform:translateY(-100%)}.OjeZp ._4DX3c{transform:translateX(100%)}.OjeZp .DJyNc{transform:translateY(100%)}.OjeZp .OwkR7{transform:translateX(-100%)}.Ne-Vn .RvRWz{opacity:.4}.Ne-Vn .Llv4b,.Ne-Vn .DJyNc{transform:translateY(0)}.Ne-Vn .OwkR7,.Ne-Vn ._4DX3c{transform:translateX(0)}.HiHMU .RvRWz{opacity:.4}.HiHMU .Llv4b,.HiHMU .DJyNc{transform:translateY(0)}.HiHMU .OwkR7,.HiHMU ._4DX3c{transform:translateX(0)}._6f7f1 .RvRWz{opacity:0}._6f7f1 .Llv4b{transform:translateY(-100%)}._6f7f1 ._4DX3c{transform:translateX(100%)}._6f7f1 .DJyNc{transform:translateY(100%)}._6f7f1 .OwkR7{transform:translateX(-100%)}
1
+ .v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.RvRWz{display:flex;top:0;left:0;right:0;bottom:0;z-index:-1;position:fixed;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box;display:flex;flex-direction:column;transform:none}.Llv4b,.DJyNc{right:0;left:0}._4DX3c,.OwkR7{top:0;bottom:0}.Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}._4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}._5qQ0k{order:2;flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}._5qQ0k:after{clear:both}._5qQ0k:before,._5qQ0k:after{content:"";display:table}.LIk9z{order:1;flex:0;box-sizing:border-box;border-top-right-radius:inherit;border-top-left-radius:inherit}.LIk9z:after{clear:both}.LIk9z:before,.LIk9z:after{content:"";display:table}.LIk9z:empty~._5qQ0k{border-top-right-radius:inherit;border-top-left-radius:inherit}.SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}._9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Vuilz{flex:1}.c-A8d{min-width:34px}.yYG24{padding:0;width:34px;height:34px}.La2ok{width:24px;height:24px}._3Ca-G{order:3;flex:0;box-sizing:border-box;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}._3Ca-G:after{clear:both}._3Ca-G:before,._3Ca-G:after{content:"";display:table}._3Ca-G:empty~._5qQ0k{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.OjeZp,.HiHMU{pointer-events:auto}.Ne-Vn,._6f7f1{pointer-events:none}.Ne-Vn .Llv4b,._6f7f1 .Llv4b,.Ne-Vn ._4DX3c,._6f7f1 ._4DX3c,.Ne-Vn .DJyNc,._6f7f1 .DJyNc,.Ne-Vn .OwkR7,._6f7f1 .OwkR7{transition:transform 225ms cubic-bezier(0,0,.2,1) 0ms}.OjeZp .Llv4b{transform:translateY(-100%)}.OjeZp ._4DX3c{transform:translateX(100%)}.OjeZp .DJyNc{transform:translateY(100%)}.OjeZp .OwkR7{transform:translateX(-100%)}.Ne-Vn .Llv4b,.Ne-Vn .DJyNc{transform:translateY(0)}.Ne-Vn .OwkR7,.Ne-Vn ._4DX3c{transform:translateX(0)}.HiHMU .Llv4b,.HiHMU .DJyNc{transform:translateY(0)}.HiHMU .OwkR7,.HiHMU ._4DX3c{transform:translateX(0)}._6f7f1 .Llv4b{transform:translateY(-100%)}._6f7f1 ._4DX3c{transform:translateX(100%)}._6f7f1 .DJyNc{transform:translateY(100%)}._6f7f1 .OwkR7{transform:translateX(-100%)}
@@ -1 +1 @@
1
- .-yvLz{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.MKZgL{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.4;background-color:var(--black-900);-webkit-tap-highlight-color:transparent}.RJENA{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box;display:flex;flex-direction:column;transform:none}.ERdxO,.MJb6v{right:0;left:0}.nL79b,.p-p5e{top:0;bottom:0}.ERdxO{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.MJb6v{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}.nL79b{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.p-p5e{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.uHLyZ{order:2;flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.uHLyZ:after{clear:both}.uHLyZ:before,.uHLyZ:after{content:"";display:table}.ntf6X{order:1;flex:0;box-sizing:border-box;border-top-right-radius:inherit;border-top-left-radius:inherit}.ntf6X:after{clear:both}.ntf6X:before,.ntf6X:after{content:"";display:table}.ntf6X:empty~.uHLyZ{border-top-right-radius:inherit;border-top-left-radius:inherit}.-OCio{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}.gjOzy{display:block;box-sizing:border-box;min-width:0;max-width:100%}.-s4aZ{flex:1}.fzZrE{min-width:34px}.CC-hv{padding:0;width:34px;height:34px}.LoRyP{width:24px;height:24px}.nE-cV{order:3;flex:0;box-sizing:border-box;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.nE-cV:after{clear:both}.nE-cV:before,.nE-cV:after{content:"";display:table}.nE-cV:empty~.uHLyZ{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.v7DoD,.E0PkA{pointer-events:auto}.RFXzo,.a2xd2{pointer-events:none}.RFXzo .MKZgL,.a2xd2 .MKZgL{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.RFXzo .ERdxO,.a2xd2 .ERdxO,.RFXzo .nL79b,.a2xd2 .nL79b,.RFXzo .MJb6v,.a2xd2 .MJb6v,.RFXzo .p-p5e,.a2xd2 .p-p5e{transition:transform 225ms cubic-bezier(0,0,.2,1) 0ms}.v7DoD .MKZgL{opacity:0}.v7DoD .ERdxO{transform:translateY(-100%)}.v7DoD .nL79b{transform:translateX(100%)}.v7DoD .MJb6v{transform:translateY(100%)}.v7DoD .p-p5e{transform:translateX(-100%)}.RFXzo .MKZgL{opacity:.4}.RFXzo .ERdxO,.RFXzo .MJb6v{transform:translateY(0)}.RFXzo .p-p5e,.RFXzo .nL79b{transform:translateX(0)}.E0PkA .MKZgL{opacity:.4}.E0PkA .ERdxO,.E0PkA .MJb6v{transform:translateY(0)}.E0PkA .p-p5e,.E0PkA .nL79b{transform:translateX(0)}.a2xd2 .MKZgL{opacity:0}.a2xd2 .ERdxO{transform:translateY(-100%)}.a2xd2 .nL79b{transform:translateX(100%)}.a2xd2 .MJb6v{transform:translateY(100%)}.a2xd2 .p-p5e{transform:translateX(-100%)}
1
+ .-yvLz{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.MKZgL{display:flex;top:0;left:0;right:0;bottom:0;z-index:-1;position:fixed;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.RJENA{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box;display:flex;flex-direction:column;transform:none}.ERdxO,.MJb6v{right:0;left:0}.nL79b,.p-p5e{top:0;bottom:0}.ERdxO{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.MJb6v{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}.nL79b{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.p-p5e{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.uHLyZ{order:2;flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.uHLyZ:after{clear:both}.uHLyZ:before,.uHLyZ:after{content:"";display:table}.ntf6X{order:1;flex:0;box-sizing:border-box;border-top-right-radius:inherit;border-top-left-radius:inherit}.ntf6X:after{clear:both}.ntf6X:before,.ntf6X:after{content:"";display:table}.ntf6X:empty~.uHLyZ{border-top-right-radius:inherit;border-top-left-radius:inherit}.-OCio{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}.gjOzy{display:block;box-sizing:border-box;min-width:0;max-width:100%}.-s4aZ{flex:1}.fzZrE{min-width:34px}.CC-hv{padding:0;width:34px;height:34px}.LoRyP{width:24px;height:24px}.nE-cV{order:3;flex:0;box-sizing:border-box;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.nE-cV:after{clear:both}.nE-cV:before,.nE-cV:after{content:"";display:table}.nE-cV:empty~.uHLyZ{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.v7DoD,.E0PkA{pointer-events:auto}.RFXzo,.a2xd2{pointer-events:none}.RFXzo .ERdxO,.a2xd2 .ERdxO,.RFXzo .nL79b,.a2xd2 .nL79b,.RFXzo .MJb6v,.a2xd2 .MJb6v,.RFXzo .p-p5e,.a2xd2 .p-p5e{transition:transform 225ms cubic-bezier(0,0,.2,1) 0ms}.v7DoD .ERdxO{transform:translateY(-100%)}.v7DoD .nL79b{transform:translateX(100%)}.v7DoD .MJb6v{transform:translateY(100%)}.v7DoD .p-p5e{transform:translateX(-100%)}.RFXzo .ERdxO,.RFXzo .MJb6v{transform:translateY(0)}.RFXzo .p-p5e,.RFXzo .nL79b{transform:translateX(0)}.E0PkA .ERdxO,.E0PkA .MJb6v{transform:translateY(0)}.E0PkA .p-p5e,.E0PkA .nL79b{transform:translateX(0)}.a2xd2 .ERdxO{transform:translateY(-100%)}.a2xd2 .nL79b{transform:translateX(100%)}.a2xd2 .MJb6v{transform:translateY(100%)}.a2xd2 .p-p5e{transform:translateX(-100%)}
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ type OverlayHeaderProps = {
3
+ isShowPrevButton?: boolean;
4
+ isShowCloseButton?: boolean;
5
+ children?: React.ReactNode;
6
+ title?: React.ReactNode;
7
+ onClose?: (e: any) => void;
8
+ onPrev?: (e: any) => void;
9
+ };
10
+ export declare const OverlayHeader: React.FC<OverlayHeaderProps>;
11
+ export {};
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- declare type SwipeCloseProps = {
2
+ type SwipeCloseProps = {
3
3
  isActive?: boolean;
4
4
  children: React.ReactNode;
5
5
  rootRef: React.RefObject<HTMLDivElement>;
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- declare type TouchScrollableProps = {
2
+ type TouchScrollableProps = {
3
3
  isActive?: boolean;
4
4
  scrollRef: React.RefObject<HTMLDivElement>;
5
5
  children: React.ReactNode;
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- export declare type OverlayProps = React.ComponentProps<"div"> & {
2
+ export type OverlayProps = React.ComponentProps<'div'> & {
3
3
  /**
4
4
  * Расположение
5
5
  * <br>
@@ -63,10 +63,14 @@ export declare type OverlayProps = React.ComponentProps<"div"> & {
63
63
  /** Внутренние отступы */
64
64
  padding?: string | number;
65
65
  /** Размещением по z-оси */
66
- zIndex?: string | number;
66
+ zIndex?: number;
67
67
  /** HTML Атрибут `data-qaid` для автотестов */
68
68
  /** `ref` для блока с контентом */
69
69
  contentRef?: React.RefObject<HTMLDivElement>;
70
70
  dataQaId?: string;
71
71
  };
72
+ /**
73
+ * Компонент используется для создания оверлея (накладывающегося слоя) на верху содержимого.
74
+ * Он может использоваться, например, для создания модальных окон, выпадающих списков и других элементов интерфейса.
75
+ */
72
76
  export declare const Overlay: React.FC<OverlayProps>;
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Overlay",
3
- "version": "0.0.142",
3
+ "version": "0.1.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
7
7
  "*.css"
8
8
  ],
9
9
  "dependencies": {
10
- "evokit": "^3.2.3",
10
+ "classnames": "^2.3.1",
11
11
  "react-easy-swipe": "^0.0.22",
12
12
  "react-scrolllock": "^5.0.1",
13
13
  "react-transition-group": "^4.4.2"
@@ -1,10 +1,10 @@
1
- declare type tPlacement = 'adaptive' | 'top' | 'right' | 'bottom' | 'left';
2
- declare type tSize = string | number;
3
- declare type tGetPopupStyle = {
4
- height?: tSize;
5
- width?: tSize;
6
- maxHeight?: tSize;
7
- maxWidth?: tSize;
1
+ type TypePlacement = 'adaptive' | 'top' | 'right' | 'bottom' | 'left';
2
+ type TypeSize = string | number;
3
+ type TypeGetPopupStyle = {
4
+ height?: TypeSize;
5
+ width?: TypeSize;
6
+ maxHeight?: TypeSize;
7
+ maxWidth?: TypeSize;
8
8
  };
9
- export declare const getPopupStyle: (placement: tPlacement, size: tSize, maxSize: tSize) => tGetPopupStyle;
9
+ export declare const getPopupStyle: (placement: TypePlacement, size: TypeSize, maxSize: TypeSize) => TypeGetPopupStyle;
10
10
  export {};