@prom-ui/core 0.0.142 → 0.0.150
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Avatar/package.json +1 -1
- package/Backdrop/cjs/index.development.js +117 -0
- package/Backdrop/cjs/index.development.v2.js +117 -0
- package/Backdrop/cjs/index.production.js +1 -0
- package/Backdrop/cjs/index.production.v2.js +1 -0
- package/Backdrop/cjs/style.development.css +1 -0
- package/Backdrop/cjs/style.development.v2.css +1 -0
- package/Backdrop/cjs/style.production.css +1 -0
- package/Backdrop/cjs/style.production.v2.css +1 -0
- package/Backdrop/index.d.ts +25 -0
- package/Backdrop/index.js +7 -0
- package/Backdrop/index.v2.js +7 -0
- package/Backdrop/package.json +13 -0
- package/Body/package.json +1 -1
- package/BodyProvider/package.json +1 -1
- package/Box/package.json +1 -1
- package/Button/package.json +1 -1
- package/ButtonPageUp/package.json +1 -1
- package/Checkbox/package.json +1 -1
- package/Flex/package.json +1 -1
- package/Grid/package.json +1 -1
- package/Icon/package.json +1 -1
- package/Image/package.json +1 -1
- package/ImageEmoji/package.json +1 -1
- package/Input/package.json +1 -1
- package/InputField/package.json +1 -1
- package/KeyPress/package.json +1 -1
- package/Line/package.json +1 -1
- package/Link/package.json +1 -1
- package/List/package.json +1 -1
- package/Media/package.json +1 -1
- package/OutsideClick/package.json +1 -1
- package/Overlay/cjs/index.development.js +45 -60
- package/Overlay/cjs/index.development.v2.js +45 -60
- package/Overlay/cjs/index.production.js +1 -1
- package/Overlay/cjs/index.production.v2.js +1 -1
- package/Overlay/cjs/style.development.css +1 -1
- package/Overlay/cjs/style.development.v2.css +1 -1
- package/Overlay/cjs/style.production.css +1 -1
- package/Overlay/cjs/style.production.v2.css +1 -1
- package/Overlay/components/OverlayHeader.d.ts +11 -0
- package/Overlay/index.d.ts +5 -1
- package/Overlay/package.json +2 -2
- package/Overlay/utils.d.ts +8 -8
- package/Picture/package.json +1 -1
- package/PortableOverlay/package.json +1 -1
- package/Portal/package.json +1 -1
- package/QRCode/package.json +1 -1
- package/Rating/package.json +1 -1
- package/SafeQuery/package.json +1 -1
- package/Scroll/package.json +1 -1
- package/ScrollControls/package.json +1 -1
- package/SideOverlay/package.json +1 -1
- package/SimpleSlider/package.json +1 -1
- package/Skeleton/package.json +1 -1
- package/Spinner/package.json +1 -1
- package/Text/package.json +1 -1
- package/TextEmoji/package.json +1 -1
- package/Tooltip/package.json +1 -1
- package/Tumbler/package.json +1 -1
- package/package.json +2 -2
- package/Overlay/blocks.d.ts +0 -28
- /package/Overlay/{SwipeClose.d.ts → components/SwipeClose.d.ts} +0 -0
- /package/Overlay/{TouchScrollable.d.ts → components/TouchScrollable.d.ts} +0 -0
|
@@ -4,11 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var ScrollLock = require('react-scrolllock');
|
|
7
|
+
var reactTransitionGroup = require('react-transition-group');
|
|
8
|
+
var classNames = require('classnames');
|
|
9
|
+
var Backdrop = require('@prom-ui/core/Backdrop');
|
|
7
10
|
var KeyPress = require('@prom-ui/core/KeyPress');
|
|
8
11
|
var Portal = require('@prom-ui/core/Portal');
|
|
9
12
|
var Media = require('@prom-ui/core/Media');
|
|
10
|
-
var evokit = require('evokit');
|
|
11
|
-
var reactTransitionGroup = require('react-transition-group');
|
|
12
13
|
var Button = require('@prom-ui/core/Button');
|
|
13
14
|
var Icon = require('@prom-ui/core/Icon');
|
|
14
15
|
var Text = require('@prom-ui/core/Text');
|
|
@@ -41,6 +42,7 @@ function _interopNamespace(e) {
|
|
|
41
42
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
42
43
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
43
44
|
var ScrollLock__default = /*#__PURE__*/_interopDefaultLegacy(ScrollLock);
|
|
45
|
+
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
44
46
|
var Swipe__default = /*#__PURE__*/_interopDefaultLegacy(Swipe);
|
|
45
47
|
|
|
46
48
|
/******************************************************************************
|
|
@@ -88,33 +90,6 @@ function __makeTemplateObject(cooked, raw) {
|
|
|
88
90
|
|
|
89
91
|
var css = {"root":"Overlay__root___v0oYp","backdrop":"Overlay__backdrop___RvRWz","popup":"Overlay__popup___elIqJ","popup_placement_top":"Overlay__popup_placement_top___Llv4b","popup_placement_bottom":"Overlay__popup_placement_bottom___DJyNc","popup_placement_right":"Overlay__popup_placement_right___4DX3c","popup_placement_left":"Overlay__popup_placement_left___OwkR7","content":"Overlay__content___5qQ0k","header":"Overlay__header___LIk9z","header__grid":"Overlay__header__grid___SShy4","header__item":"Overlay__header__item___9fUzS","header__title":"Overlay__header__title___Vuilz Overlay__header__item___9fUzS","header__action":"Overlay__header__action___c-A8d Overlay__header__item___9fUzS","header__actionButton":"Overlay__header__actionButton___yYG24","header__actionIcon":"Overlay__header__actionIcon___La2ok","footer":"Overlay__footer___3Ca-G","enter":"Overlay__enter___OjeZp","exit":"Overlay__exit___HiHMU","enterActive":"Overlay__enterActive___Ne-Vn","exitActive":"Overlay__exitActive___6f7f1"};
|
|
90
92
|
|
|
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
93
|
var OverlayHeader = function (_a) {
|
|
119
94
|
var isShowPrevButton = _a.isShowPrevButton,
|
|
120
95
|
isShowCloseButton = _a.isShowCloseButton,
|
|
@@ -123,7 +98,7 @@ var OverlayHeader = function (_a) {
|
|
|
123
98
|
onClose = _a.onClose,
|
|
124
99
|
onPrev = _a.onPrev;
|
|
125
100
|
var t = BodyProvider.useBodyLocale().t;
|
|
126
|
-
return React__default["default"].createElement("
|
|
101
|
+
return React__default["default"].createElement("header", {
|
|
127
102
|
className: css.header
|
|
128
103
|
}, typeof children !== 'undefined' ? children : React__default["default"].createElement("div", {
|
|
129
104
|
className: css.header__grid
|
|
@@ -161,27 +136,8 @@ var OverlayHeader = function (_a) {
|
|
|
161
136
|
className: css.header__actionIcon
|
|
162
137
|
})))));
|
|
163
138
|
};
|
|
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
139
|
var templateObject_1, templateObject_2;
|
|
171
140
|
|
|
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
141
|
// FORK FROM https://github.com/jossmac/react-scrolllock/blob/master/src/TouchScrollable.js
|
|
186
142
|
var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
187
143
|
/* @ts-ignore */
|
|
@@ -329,7 +285,24 @@ var SwipeClose = function (_a) {
|
|
|
329
285
|
}, children);
|
|
330
286
|
};
|
|
331
287
|
|
|
288
|
+
var getPopupStyle = function (placement, size, maxSize) {
|
|
289
|
+
if (['top', 'bottom'].includes(placement)) {
|
|
290
|
+
return {
|
|
291
|
+
height: size,
|
|
292
|
+
maxHeight: maxSize
|
|
293
|
+
};
|
|
294
|
+
}
|
|
295
|
+
return {
|
|
296
|
+
width: size,
|
|
297
|
+
maxWidth: maxSize
|
|
298
|
+
};
|
|
299
|
+
};
|
|
300
|
+
|
|
332
301
|
var DEFAULT_SIZE = 400;
|
|
302
|
+
/**
|
|
303
|
+
* Компонент используется для создания оверлея (накладывающегося слоя) на верху содержимого.
|
|
304
|
+
* Он может использоваться, например, для создания модальных окон, выпадающих списков и других элементов интерфейса.
|
|
305
|
+
*/
|
|
333
306
|
var Overlay = function (_a) {
|
|
334
307
|
var children = _a.children,
|
|
335
308
|
onClose = _a.onClose,
|
|
@@ -391,12 +364,19 @@ var Overlay = function (_a) {
|
|
|
391
364
|
if (placement === 'adaptive') {
|
|
392
365
|
currentPlacement = isMinWidthMedium ? 'right' : 'bottom';
|
|
393
366
|
}
|
|
394
|
-
return React__namespace.createElement(
|
|
395
|
-
|
|
367
|
+
return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement(Backdrop.Backdrop, {
|
|
368
|
+
isOpen: isOpen,
|
|
369
|
+
isAnimated: isAnimated,
|
|
370
|
+
zIndex: zIndex - 1,
|
|
371
|
+
isRenderPortal: isRenderPortal
|
|
372
|
+
}), React__namespace.createElement(reactTransitionGroup.CSSTransition, {
|
|
373
|
+
in: isOpen,
|
|
374
|
+
timeout: isAnimated ? 225 : 0,
|
|
375
|
+
classNames: css,
|
|
376
|
+
unmountOnExit: true,
|
|
396
377
|
onEnter: onOpen,
|
|
397
378
|
onEntered: onOpened,
|
|
398
|
-
onExited: onClosed
|
|
399
|
-
enabled: isAnimated
|
|
379
|
+
onExited: onClosed
|
|
400
380
|
}, React__namespace.createElement(Portal.Portal, {
|
|
401
381
|
isActive: isRenderPortal
|
|
402
382
|
}, React__namespace.createElement(SwipeClose, {
|
|
@@ -405,7 +385,8 @@ var Overlay = function (_a) {
|
|
|
405
385
|
contentRef: currentContentRef,
|
|
406
386
|
placement: currentPlacement,
|
|
407
387
|
onClose: onClose
|
|
408
|
-
}, React__namespace.createElement(
|
|
388
|
+
}, React__namespace.createElement("div", __assign({
|
|
389
|
+
className: css.root,
|
|
409
390
|
role: 'presentation',
|
|
410
391
|
style: {
|
|
411
392
|
zIndex: zIndex
|
|
@@ -416,16 +397,17 @@ var Overlay = function (_a) {
|
|
|
416
397
|
isActive: isCloseOnEscape,
|
|
417
398
|
code: 'Escape',
|
|
418
399
|
onKeyDown: onClose
|
|
419
|
-
}), React__namespace.createElement(
|
|
400
|
+
}), React__namespace.createElement("div", {
|
|
401
|
+
className: css.backdrop,
|
|
420
402
|
"aria-hidden": true,
|
|
421
403
|
onClick: function (e) {
|
|
422
404
|
if (isCloseOutsideClick && onClose) {
|
|
423
405
|
onClose(e);
|
|
424
406
|
}
|
|
425
407
|
}
|
|
426
|
-
}), React__namespace.createElement(
|
|
408
|
+
}), React__namespace.createElement("div", {
|
|
427
409
|
ref: popupRef,
|
|
428
|
-
"popup
|
|
410
|
+
className: classNames__default["default"](css.popup, css["popup_placement_".concat(currentPlacement)]),
|
|
429
411
|
"aria-modal": true,
|
|
430
412
|
role: 'dialog',
|
|
431
413
|
style: getPopupStyle(currentPlacement, currentSize, maxSize),
|
|
@@ -436,15 +418,18 @@ var Overlay = function (_a) {
|
|
|
436
418
|
onClose: onClose,
|
|
437
419
|
onPrev: onPrev,
|
|
438
420
|
title: title
|
|
439
|
-
}, header), React__namespace.createElement(
|
|
421
|
+
}, header), React__namespace.createElement("footer", {
|
|
422
|
+
className: css.footer
|
|
423
|
+
}, footer), React__namespace.createElement(TouchScrollable, {
|
|
440
424
|
isActive: isScrollLockTouch,
|
|
441
425
|
scrollRef: currentContentRef
|
|
442
|
-
}, React__namespace.createElement(
|
|
426
|
+
}, React__namespace.createElement("div", {
|
|
427
|
+
className: css.content,
|
|
443
428
|
ref: currentContentRef,
|
|
444
429
|
style: {
|
|
445
430
|
padding: padding
|
|
446
431
|
}
|
|
447
|
-
}, children)))))));
|
|
432
|
+
}, children))))))));
|
|
448
433
|
};
|
|
449
434
|
|
|
450
435
|
exports.Overlay = Overlay;
|
|
@@ -4,11 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var ScrollLock = require('react-scrolllock');
|
|
7
|
+
var reactTransitionGroup = require('react-transition-group');
|
|
8
|
+
var classNames = require('classnames');
|
|
9
|
+
var Backdrop = require('@prom-ui/core/Backdrop');
|
|
7
10
|
var KeyPress = require('@prom-ui/core/KeyPress');
|
|
8
11
|
var Portal = require('@prom-ui/core/Portal');
|
|
9
12
|
var Media = require('@prom-ui/core/Media');
|
|
10
|
-
var evokit = require('evokit');
|
|
11
|
-
var reactTransitionGroup = require('react-transition-group');
|
|
12
13
|
var Button = require('@prom-ui/core/Button');
|
|
13
14
|
var Icon = require('@prom-ui/core/Icon');
|
|
14
15
|
var Text = require('@prom-ui/core/Text');
|
|
@@ -41,6 +42,7 @@ function _interopNamespace(e) {
|
|
|
41
42
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
42
43
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
43
44
|
var ScrollLock__default = /*#__PURE__*/_interopDefaultLegacy(ScrollLock);
|
|
45
|
+
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
44
46
|
var Swipe__default = /*#__PURE__*/_interopDefaultLegacy(Swipe);
|
|
45
47
|
|
|
46
48
|
/******************************************************************************
|
|
@@ -88,33 +90,6 @@ function __makeTemplateObject(cooked, raw) {
|
|
|
88
90
|
|
|
89
91
|
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
92
|
|
|
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
93
|
var OverlayHeader = function (_a) {
|
|
119
94
|
var isShowPrevButton = _a.isShowPrevButton,
|
|
120
95
|
isShowCloseButton = _a.isShowCloseButton,
|
|
@@ -123,7 +98,7 @@ var OverlayHeader = function (_a) {
|
|
|
123
98
|
onClose = _a.onClose,
|
|
124
99
|
onPrev = _a.onPrev;
|
|
125
100
|
var t = BodyProvider.useBodyLocale().t;
|
|
126
|
-
return React__default["default"].createElement("
|
|
101
|
+
return React__default["default"].createElement("header", {
|
|
127
102
|
className: css.header
|
|
128
103
|
}, typeof children !== 'undefined' ? children : React__default["default"].createElement("div", {
|
|
129
104
|
className: css.header__grid
|
|
@@ -161,27 +136,8 @@ var OverlayHeader = function (_a) {
|
|
|
161
136
|
className: css.header__actionIcon
|
|
162
137
|
})))));
|
|
163
138
|
};
|
|
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
139
|
var templateObject_1, templateObject_2;
|
|
171
140
|
|
|
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
141
|
// FORK FROM https://github.com/jossmac/react-scrolllock/blob/master/src/TouchScrollable.js
|
|
186
142
|
var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
187
143
|
/* @ts-ignore */
|
|
@@ -329,7 +285,24 @@ var SwipeClose = function (_a) {
|
|
|
329
285
|
}, children);
|
|
330
286
|
};
|
|
331
287
|
|
|
288
|
+
var getPopupStyle = function (placement, size, maxSize) {
|
|
289
|
+
if (['top', 'bottom'].includes(placement)) {
|
|
290
|
+
return {
|
|
291
|
+
height: size,
|
|
292
|
+
maxHeight: maxSize
|
|
293
|
+
};
|
|
294
|
+
}
|
|
295
|
+
return {
|
|
296
|
+
width: size,
|
|
297
|
+
maxWidth: maxSize
|
|
298
|
+
};
|
|
299
|
+
};
|
|
300
|
+
|
|
332
301
|
var DEFAULT_SIZE = 400;
|
|
302
|
+
/**
|
|
303
|
+
* Компонент используется для создания оверлея (накладывающегося слоя) на верху содержимого.
|
|
304
|
+
* Он может использоваться, например, для создания модальных окон, выпадающих списков и других элементов интерфейса.
|
|
305
|
+
*/
|
|
333
306
|
var Overlay = function (_a) {
|
|
334
307
|
var children = _a.children,
|
|
335
308
|
onClose = _a.onClose,
|
|
@@ -391,12 +364,19 @@ var Overlay = function (_a) {
|
|
|
391
364
|
if (placement === 'adaptive') {
|
|
392
365
|
currentPlacement = isMinWidthMedium ? 'right' : 'bottom';
|
|
393
366
|
}
|
|
394
|
-
return React__namespace.createElement(
|
|
395
|
-
|
|
367
|
+
return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement(Backdrop.Backdrop, {
|
|
368
|
+
isOpen: isOpen,
|
|
369
|
+
isAnimated: isAnimated,
|
|
370
|
+
zIndex: zIndex - 1,
|
|
371
|
+
isRenderPortal: isRenderPortal
|
|
372
|
+
}), React__namespace.createElement(reactTransitionGroup.CSSTransition, {
|
|
373
|
+
in: isOpen,
|
|
374
|
+
timeout: isAnimated ? 225 : 0,
|
|
375
|
+
classNames: css,
|
|
376
|
+
unmountOnExit: true,
|
|
396
377
|
onEnter: onOpen,
|
|
397
378
|
onEntered: onOpened,
|
|
398
|
-
onExited: onClosed
|
|
399
|
-
enabled: isAnimated
|
|
379
|
+
onExited: onClosed
|
|
400
380
|
}, React__namespace.createElement(Portal.Portal, {
|
|
401
381
|
isActive: isRenderPortal
|
|
402
382
|
}, React__namespace.createElement(SwipeClose, {
|
|
@@ -405,7 +385,8 @@ var Overlay = function (_a) {
|
|
|
405
385
|
contentRef: currentContentRef,
|
|
406
386
|
placement: currentPlacement,
|
|
407
387
|
onClose: onClose
|
|
408
|
-
}, React__namespace.createElement(
|
|
388
|
+
}, React__namespace.createElement("div", __assign({
|
|
389
|
+
className: css.root,
|
|
409
390
|
role: 'presentation',
|
|
410
391
|
style: {
|
|
411
392
|
zIndex: zIndex
|
|
@@ -416,16 +397,17 @@ var Overlay = function (_a) {
|
|
|
416
397
|
isActive: isCloseOnEscape,
|
|
417
398
|
code: 'Escape',
|
|
418
399
|
onKeyDown: onClose
|
|
419
|
-
}), React__namespace.createElement(
|
|
400
|
+
}), React__namespace.createElement("div", {
|
|
401
|
+
className: css.backdrop,
|
|
420
402
|
"aria-hidden": true,
|
|
421
403
|
onClick: function (e) {
|
|
422
404
|
if (isCloseOutsideClick && onClose) {
|
|
423
405
|
onClose(e);
|
|
424
406
|
}
|
|
425
407
|
}
|
|
426
|
-
}), React__namespace.createElement(
|
|
408
|
+
}), React__namespace.createElement("div", {
|
|
427
409
|
ref: popupRef,
|
|
428
|
-
"popup
|
|
410
|
+
className: classNames__default["default"](css.popup, css["popup_placement_".concat(currentPlacement)]),
|
|
429
411
|
"aria-modal": true,
|
|
430
412
|
role: 'dialog',
|
|
431
413
|
style: getPopupStyle(currentPlacement, currentSize, maxSize),
|
|
@@ -436,15 +418,18 @@ var Overlay = function (_a) {
|
|
|
436
418
|
onClose: onClose,
|
|
437
419
|
onPrev: onPrev,
|
|
438
420
|
title: title
|
|
439
|
-
}, header), React__namespace.createElement(
|
|
421
|
+
}, header), React__namespace.createElement("footer", {
|
|
422
|
+
className: css.footer
|
|
423
|
+
}, footer), React__namespace.createElement(TouchScrollable, {
|
|
440
424
|
isActive: isScrollLockTouch,
|
|
441
425
|
scrollRef: currentContentRef
|
|
442
|
-
}, React__namespace.createElement(
|
|
426
|
+
}, React__namespace.createElement("div", {
|
|
427
|
+
className: css.content,
|
|
443
428
|
ref: currentContentRef,
|
|
444
429
|
style: {
|
|
445
430
|
padding: padding
|
|
446
431
|
}
|
|
447
|
-
}, children)))))));
|
|
432
|
+
}, children))))))));
|
|
448
433
|
};
|
|
449
434
|
|
|
450
435
|
exports.Overlay = Overlay;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("react-transition-group"),n=require("classnames"),o=require("@prom-ui/core/Backdrop"),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"),f=require("react-scrolllock/dist/utils"),v=require("react-easy-swipe");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(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 y=h(e),E=_(e),w=h(t),O=h(n),b=h(v),g=function(){return g=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},g.apply(this,arguments)};function x(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var P,S,C={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=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,i=e.onClose,a=e.onPrev,c=d.useBodyLocale().t;return y.default.createElement("header",{className:C.header},void 0!==n?n:y.default.createElement("div",{className:C.header__grid},y.default.createElement("div",{className:C.header__action},t&&y.default.createElement(l.Button,{className:C.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":c(P||(P=x(["Назад"],["Назад"]))),"data-qaid":"prev"},y.default.createElement(s.Icon,{"icon-as":m.ArrowBack,className:C.header__actionIcon}))),y.default.createElement("div",{className:C.header__title},"string"==typeof o?y.default.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},o):o),y.default.createElement("div",{className:C.header__action},r&&i&&y.default.createElement(l.Button,{className:C.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":c(S||(S=x(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},y.default.createElement(s.Icon,{"icon-as":p.Close,className:C.header__actionIcon})))))},q=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),B=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return E.useEffect((function(){if(r&&q&&(null==n?void 0:n.current))return n.current.addEventListener("touchstart",f.preventInertiaScroll,f.listenerOptions),n.current.addEventListener("touchmove",f.allowTouchMove,f.listenerOptions),function(){r&&q&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",f.preventInertiaScroll,f.listenerOptions),n.current.removeEventListener("touchmove",f.allowTouchMove,f.listenerOptions))}})),E.createElement(E.Fragment,null,o)},R=["-webkit","-moz","-ms","-o"],z=["transform","transition"],I=function(e,t){if(e)for(var r in t){var n=-1!==z.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=R;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=R;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},N=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(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,m=(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,v=p-(f+m),h=null,_=!1,y=!1,E=Math.abs(o),w=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),_=v<=1&&d<=0&&w>E,y=w>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),_=f<=1&&d>=0&&w>E,y=w>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),_=o<=0&&E>w,y=E>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),_=o>=0&&E>w,y=E>70),null===l.current&&(l.current=!!_),l.current&&(u.current||(u.current=(new Date).getTime()),!s.current&&y&&(s.current=!0),I(a.current,{transform:h}),I(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){I(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),I(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){I(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)},j=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}};exports.Overlay=function(e){var t=e.children,n=e.onClose,l=e.onOpen,s=e.onPrev,u=e.onOpened,d=e.onClosed,p=e.isOpen,m=e.isShowCloseButton,f=void 0===m||m,v=e.isShowPrevButton,h=void 0!==v&&v,_=e.isCloseOnEscape,y=void 0===_||_,b=e.isCloseOnSwipe,x=void 0===b||b,P=e.isCloseOutsideClick,S=void 0===P||P,q=e.isAnimated,R=void 0===q||q,z=e.isRenderPortal,I=void 0===z||z,A=e.isScrollLock,L=void 0===A||A,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:p,isAnimated:R,zIndex:Z-1,isRenderPortal:I}),E.createElement(r.CSSTransition,{in:p,timeout:R?225:0,classNames:C,unmountOnExit:!0,onEnter:l,onEntered:u,onExited:d},E.createElement(a.Portal,{isActive:I},E.createElement(N,{isActive:L&&x,rootRef:re,contentRef:ne,placement:ie,onClose:n},E.createElement("div",g({className:C.root,role:"presentation",style:{zIndex:Z}},te),E.createElement(w.default,{isActive:L}),E.createElement(i.KeyPress,{isActive:y,code:"Escape",onKeyDown:n}),E.createElement("div",{className:C.backdrop,"aria-hidden":!0,onClick:function(e){S&&n&&n(e)}}),E.createElement("div",{ref:re,className:O.default(C.popup,C["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:j(ie,ae,J),"data-qaid":ee},E.createElement(k,{isShowCloseButton:f,isShowPrevButton:h,onClose:n,onPrev:s,title:F},D),E.createElement("footer",{className:C.footer},H),E.createElement(B,{isActive:M,scrollRef:ne},E.createElement("div",{className:C.content,ref:ne,style:{padding:Y}},t))))))))},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("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("react-transition-group"),n=require("classnames"),o=require("@prom-ui/core/Backdrop"),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){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function E(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 y=h(e),O=E(e),w=h(t),b=h(n),_=h(f),g=function(){return g=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},g.apply(this,arguments)};function x(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var P,C,S={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"},k=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,i=e.onClose,a=e.onPrev,c=d.useBodyLocale().t;return y.default.createElement("header",{className:S.header},void 0!==n?n:y.default.createElement("div",{className:S.header__grid},y.default.createElement("div",{className:S.header__action},t&&y.default.createElement(l.Button,{className:S.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":c(P||(P=x(["Назад"],["Назад"]))),"data-qaid":"prev"},y.default.createElement(s.Icon,{"icon-as":m.ArrowBack,className:S.header__actionIcon}))),y.default.createElement("div",{className:S.header__title},"string"==typeof o?y.default.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},o):o),y.default.createElement("div",{className:S.header__action},r&&i&&y.default.createElement(l.Button,{className:S.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":c(C||(C=x(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},y.default.createElement(s.Icon,{"icon-as":p.Close,className:S.header__actionIcon})))))},q=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),B=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return O.useEffect((function(){if(r&&q&&(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&&q&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.removeEventListener("touchmove",v.allowTouchMove,v.listenerOptions))}})),O.createElement(O.Fragment,null,o)},R=["-webkit","-moz","-ms","-o"],j=["transform","transition"],z=function(e,t){if(e)for(var r in t){var n=-1!==j.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=R;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=R;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},A=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=O.useRef(null),s=O.useRef(!1),u=O.useRef(0);if(!r)return O.createElement(O.Fragment,null,n);return O.createElement(_.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,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),z(a.current,{transform:h}),z(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){z(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),z(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){z(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)},N=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}};exports.Overlay=function(e){var t=e.children,n=e.onClose,l=e.onOpen,s=e.onPrev,u=e.onOpened,d=e.onClosed,p=e.isOpen,m=e.isShowCloseButton,v=void 0===m||m,f=e.isShowPrevButton,h=void 0!==f&&f,E=e.isCloseOnEscape,y=void 0===E||E,_=e.isCloseOnSwipe,x=void 0===_||_,P=e.isCloseOutsideClick,C=void 0===P||P,q=e.isAnimated,R=void 0===q||q,j=e.isRenderPortal,z=void 0===j||j,I=e.isScrollLock,L=void 0===I||I,M=e.isScrollLockTouch,T=void 0===M||M,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=O.useRef(null),ne=$||O.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"),O.createElement(O.Fragment,null,O.createElement(o.Backdrop,{isOpen:p,isAnimated:R,zIndex:U-1,isRenderPortal:z}),O.createElement(r.CSSTransition,{in:p,timeout:R?225:0,classNames:S,unmountOnExit:!0,onEnter:l,onEntered:u,onExited:d},O.createElement(a.Portal,{isActive:z},O.createElement(A,{isActive:L&&x,rootRef:re,contentRef:ne,placement:ie,onClose:n},O.createElement("div",g({className:S.root,role:"presentation",style:{zIndex:U}},te),O.createElement(w.default,{isActive:L}),O.createElement(i.KeyPress,{isActive:y,code:"Escape",onKeyDown:n}),O.createElement("div",{className:S.backdrop,"aria-hidden":!0,onClick:function(e){C&&n&&n(e)}}),O.createElement("div",{ref:re,className:b.default(S.popup,S["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:N(ie,ae,V),"data-qaid":ee},O.createElement(k,{isShowCloseButton:v,isShowPrevButton:h,onClose:n,onPrev:s,title:X},D),O.createElement("footer",{className:S.footer},F),O.createElement(B,{isActive:T,scrollRef:ne},O.createElement("div",{className:S.content,ref:ne,style:{padding:K}},t))))))))},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;
|
|
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;
|
|
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;
|
|
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;
|
|
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
|
+
declare 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 {};
|
package/Overlay/index.d.ts
CHANGED
|
@@ -63,10 +63,14 @@ export declare type OverlayProps = React.ComponentProps<"div"> & {
|
|
|
63
63
|
/** Внутренние отступы */
|
|
64
64
|
padding?: string | number;
|
|
65
65
|
/** Размещением по z-оси */
|
|
66
|
-
zIndex?:
|
|
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>;
|