@dreamcommerce/aurora 2.16.8 → 2.17.8
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/build/cjs/packages/aurora/src/components/dropdown/components/content.js +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +5 -5
- package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js +5 -5
- package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +49 -55
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +5 -0
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/content.js +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/index.js +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +5 -5
- package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js +5 -5
- package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +1 -4
- package/build/esm/packages/aurora/src/index.js +0 -3
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +5 -0
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js +0 -106
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_footer.js +0 -21
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_footer.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_header.js +0 -31
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_header.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/modal_new/components/modals_wrapper.js +0 -66
- package/build/cjs/packages/aurora/src/components/modal_new/components/modals_wrapper.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/modal_new/constants.js +0 -25
- package/build/cjs/packages/aurora/src/components/modal_new/constants.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/modal_new/context.js +0 -21
- package/build/cjs/packages/aurora/src/components/modal_new/context.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/modal_new/css_classes.js +0 -42
- package/build/cjs/packages/aurora/src/components/modal_new/css_classes.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals.js +0 -119
- package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals_context.js +0 -19
- package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals_context.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/modal_new/index.js +0 -45
- package/build/cjs/packages/aurora/src/components/modal_new/index.js.map +0 -1
- package/build/cjs/packages/aurora/src/css/modal_new/main.module.less.js +0 -34
- package/build/cjs/packages/aurora/src/css/modal_new/main.module.less.js.map +0 -1
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js +0 -97
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js.map +0 -1
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_footer.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_footer.js +0 -13
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_footer.js.map +0 -1
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_header.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_header.js +0 -23
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_header.js.map +0 -1
- package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.d.ts +0 -6
- package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.js +0 -57
- package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.js.map +0 -1
- package/build/esm/packages/aurora/src/components/modal_new/constants.d.ts +0 -14
- package/build/esm/packages/aurora/src/components/modal_new/constants.js +0 -17
- package/build/esm/packages/aurora/src/components/modal_new/constants.js.map +0 -1
- package/build/esm/packages/aurora/src/components/modal_new/context.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/modal_new/context.js +0 -17
- package/build/esm/packages/aurora/src/components/modal_new/context.js.map +0 -1
- package/build/esm/packages/aurora/src/components/modal_new/css_classes.d.ts +0 -18
- package/build/esm/packages/aurora/src/components/modal_new/css_classes.js +0 -21
- package/build/esm/packages/aurora/src/components/modal_new/css_classes.js.map +0 -1
- package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.d.ts +0 -12
- package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.js +0 -115
- package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.js.map +0 -1
- package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.js +0 -15
- package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.js.map +0 -1
- package/build/esm/packages/aurora/src/components/modal_new/index.d.ts +0 -6
- package/build/esm/packages/aurora/src/components/modal_new/index.js +0 -37
- package/build/esm/packages/aurora/src/components/modal_new/index.js.map +0 -1
- package/build/esm/packages/aurora/src/components/modal_new/types.d.ts +0 -33
- package/build/esm/packages/aurora/src/components/modal_new/types.js +0 -3
- package/build/esm/packages/aurora/src/components/modal_new/types.js.map +0 -1
- package/build/esm/packages/aurora/src/css/modal_new/main.module.less.js +0 -30
- package/build/esm/packages/aurora/src/css/modal_new/main.module.less.js.map +0 -1
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect } from 'react';
|
|
2
|
-
import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import classnames from 'classnames';
|
|
4
|
-
import { createPortal } from 'react-dom';
|
|
5
|
-
import { MODAL_VISIBILITY_STATE, MODAL_SLIDE_FADE_DURATION, MODAL_ANIMATION_DIRECTIONS } from '../../constants.js';
|
|
6
|
-
import { cssModal, cssModalAnimationLeft, cssModalShow, cssModalHide, cssModalAnimationTop, cssModalAnimationRight, cssModalAnimationBottom, cssModalContent } from '../../css_classes.js';
|
|
7
|
-
import styles from '../../../../css/modal_new/main.module.less.js';
|
|
8
|
-
import { ModalFooter } from './modal_footer.js';
|
|
9
|
-
import { ModalHeader } from './modal_header.js';
|
|
10
|
-
import { useModalsContext } from '../../hooks/use_modals_context.js';
|
|
11
|
-
|
|
12
|
-
var ModalNew = function ModalNew(_ref) {
|
|
13
|
-
var name = _ref.name,
|
|
14
|
-
hideAllModalsOnClose = _ref.hideAllModalsOnClose,
|
|
15
|
-
_ref$animationDirecti = _ref.animationDirection,
|
|
16
|
-
animationDirection = _ref$animationDirecti === void 0 ? MODAL_ANIMATION_DIRECTIONS.top : _ref$animationDirecti,
|
|
17
|
-
header = _ref.header,
|
|
18
|
-
footer = _ref.footer,
|
|
19
|
-
children = _ref.children;
|
|
20
|
-
|
|
21
|
-
var _useState = useState(false),
|
|
22
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
23
|
-
visibleClass = _useState2[0],
|
|
24
|
-
setVisibleClass = _useState2[1];
|
|
25
|
-
|
|
26
|
-
var _useModalsContext = useModalsContext(),
|
|
27
|
-
modalsManagerContainerSelector = _useModalsContext.modalsManagerContainerSelector,
|
|
28
|
-
addModal = _useModalsContext.addModal,
|
|
29
|
-
getModal = _useModalsContext.getModal,
|
|
30
|
-
hideModal = _useModalsContext.hideModal,
|
|
31
|
-
hideAllModals = _useModalsContext.hideAllModals;
|
|
32
|
-
|
|
33
|
-
var $modalsManagerContainer = document.querySelector(modalsManagerContainerSelector);
|
|
34
|
-
var modal = getModal(name);
|
|
35
|
-
|
|
36
|
-
var _useState3 = useState(false),
|
|
37
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
38
|
-
renderModal = _useState4[0],
|
|
39
|
-
setRenderModal = _useState4[1];
|
|
40
|
-
|
|
41
|
-
useEffect(function () {
|
|
42
|
-
addModal({
|
|
43
|
-
name: name,
|
|
44
|
-
visibilityState: MODAL_VISIBILITY_STATE.none,
|
|
45
|
-
animationDirection: animationDirection
|
|
46
|
-
});
|
|
47
|
-
}, []);
|
|
48
|
-
useEffect(function () {
|
|
49
|
-
var showModalTimeout;
|
|
50
|
-
var hideModalTimeout;
|
|
51
|
-
|
|
52
|
-
if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === MODAL_VISIBILITY_STATE.visible) {
|
|
53
|
-
setRenderModal(true);
|
|
54
|
-
showModalTimeout = setTimeout(function () {
|
|
55
|
-
setVisibleClass(true);
|
|
56
|
-
}, MODAL_SLIDE_FADE_DURATION);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === MODAL_VISIBILITY_STATE.hidden) {
|
|
60
|
-
setVisibleClass(false);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === MODAL_VISIBILITY_STATE.none) {
|
|
64
|
-
setVisibleClass(false);
|
|
65
|
-
hideModalTimeout = setTimeout(function () {
|
|
66
|
-
setRenderModal(false);
|
|
67
|
-
}, MODAL_SLIDE_FADE_DURATION);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
return function () {
|
|
71
|
-
clearTimeout(showModalTimeout);
|
|
72
|
-
clearTimeout(hideModalTimeout);
|
|
73
|
-
};
|
|
74
|
-
}, [modal]);
|
|
75
|
-
|
|
76
|
-
var handleCloseModal = function handleCloseModal() {
|
|
77
|
-
hideAllModalsOnClose ? hideAllModals() : hideModal(name);
|
|
78
|
-
(header === null || header === void 0 ? void 0 : header.closeAction) && header.closeAction();
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
var modalClassNames = classnames(styles[cssModal], _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles[cssModalShow], visibleClass), styles[cssModalHide], !visibleClass), styles[cssModalAnimationTop], animationDirection === MODAL_ANIMATION_DIRECTIONS.top), styles[cssModalAnimationRight], animationDirection === MODAL_ANIMATION_DIRECTIONS.right), styles[cssModalAnimationBottom], animationDirection === MODAL_ANIMATION_DIRECTIONS.bottom), styles[cssModalAnimationLeft], animationDirection === MODAL_ANIMATION_DIRECTIONS.left));
|
|
82
|
-
if (!$modalsManagerContainer) return null;
|
|
83
|
-
return renderModal ? /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
|
|
84
|
-
id: name,
|
|
85
|
-
className: modalClassNames
|
|
86
|
-
}, header && /*#__PURE__*/React.createElement(ModalHeader, {
|
|
87
|
-
content: header.content,
|
|
88
|
-
closeAction: handleCloseModal
|
|
89
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
90
|
-
className: "".concat(styles[cssModalContent])
|
|
91
|
-
}, children), footer && /*#__PURE__*/React.createElement(ModalFooter, {
|
|
92
|
-
content: footer.content
|
|
93
|
-
})), $modalsManagerContainer) : null;
|
|
94
|
-
};
|
|
95
|
-
|
|
96
|
-
export { ModalNew };
|
|
97
|
-
//# sourceMappingURL=modal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { cssModalFooter } from '../../css_classes.js';
|
|
3
|
-
import styles from '../../../../css/modal_new/main.module.less.js';
|
|
4
|
-
|
|
5
|
-
var ModalFooter = function ModalFooter(_ref) {
|
|
6
|
-
var content = _ref.content;
|
|
7
|
-
return /*#__PURE__*/React.createElement("footer", {
|
|
8
|
-
className: styles[cssModalFooter]
|
|
9
|
-
}, content);
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { ModalFooter };
|
|
13
|
-
//# sourceMappingURL=modal_footer.js.map
|
package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_footer.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import IconClose from '../../../../assets/icon_close.js';
|
|
3
|
-
import { cssModalHeader, cssModalHeaderTitle, cssModalHeaderActions, cssModalHeaderCloseIcon } from '../../css_classes.js';
|
|
4
|
-
import styles from '../../../../css/modal_new/main.module.less.js';
|
|
5
|
-
|
|
6
|
-
var ModalHeader = function ModalHeader(_ref) {
|
|
7
|
-
var _ref$content = _ref.content,
|
|
8
|
-
content = _ref$content === void 0 ? '' : _ref$content,
|
|
9
|
-
closeAction = _ref.closeAction;
|
|
10
|
-
return /*#__PURE__*/React.createElement("header", {
|
|
11
|
-
className: styles[cssModalHeader]
|
|
12
|
-
}, /*#__PURE__*/React.createElement("h3", {
|
|
13
|
-
className: styles[cssModalHeaderTitle]
|
|
14
|
-
}, content), /*#__PURE__*/React.createElement("div", {
|
|
15
|
-
className: styles[cssModalHeaderActions]
|
|
16
|
-
}, closeAction && /*#__PURE__*/React.createElement(IconClose, {
|
|
17
|
-
onClick: closeAction,
|
|
18
|
-
className: styles[cssModalHeaderCloseIcon]
|
|
19
|
-
})));
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
export { ModalHeader };
|
|
23
|
-
//# sourceMappingURL=modal_header.js.map
|
package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_header.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect } from 'react';
|
|
2
|
-
import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import classnames from 'classnames';
|
|
4
|
-
import { createPortal } from 'react-dom';
|
|
5
|
-
import { MODALS_WRAPPER_BACKDROP_FADE_DURATION, MODALS_CONTENT_ID } from '../constants.js';
|
|
6
|
-
import { cssModalsManagerWrapperBackdrop, cssModalsManagerWrapperBackdropShow, cssModalsManager, cssModalsManagerWrapper, cssModalsManagerWrapperContent } from '../css_classes.js';
|
|
7
|
-
import styles from '../../../css/modal_new/main.module.less.js';
|
|
8
|
-
import { useModalsContext } from '../hooks/use_modals_context.js';
|
|
9
|
-
|
|
10
|
-
var ModalsWrapper = function ModalsWrapper(_ref) {
|
|
11
|
-
var children = _ref.children;
|
|
12
|
-
|
|
13
|
-
var _useState = useState(false),
|
|
14
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
15
|
-
showWrapper = _useState2[0],
|
|
16
|
-
setShowWrapper = _useState2[1];
|
|
17
|
-
|
|
18
|
-
var _useState3 = useState(false),
|
|
19
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
20
|
-
visibleClass = _useState4[0],
|
|
21
|
-
setVisibleClass = _useState4[1];
|
|
22
|
-
|
|
23
|
-
var _useModalsContext = useModalsContext(),
|
|
24
|
-
openedModals = _useModalsContext.openedModals;
|
|
25
|
-
|
|
26
|
-
useEffect(function () {
|
|
27
|
-
var showWrapperTimeout;
|
|
28
|
-
|
|
29
|
-
if (openedModals.length) {
|
|
30
|
-
setShowWrapper(true);
|
|
31
|
-
setVisibleClass(true);
|
|
32
|
-
} else {
|
|
33
|
-
setVisibleClass(false);
|
|
34
|
-
showWrapperTimeout = setTimeout(function () {
|
|
35
|
-
setShowWrapper(false);
|
|
36
|
-
}, MODALS_WRAPPER_BACKDROP_FADE_DURATION);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
return function () {
|
|
40
|
-
return clearTimeout(showWrapperTimeout);
|
|
41
|
-
};
|
|
42
|
-
}, [openedModals]);
|
|
43
|
-
var modalsWrapperBackdropClassNames = classnames(styles[cssModalsManagerWrapperBackdrop], _defineProperty({}, styles[cssModalsManagerWrapperBackdropShow], visibleClass));
|
|
44
|
-
return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
|
|
45
|
-
className: "".concat(styles[cssModalsManager])
|
|
46
|
-
}, showWrapper && /*#__PURE__*/React.createElement("div", {
|
|
47
|
-
className: "".concat(styles[cssModalsManagerWrapper])
|
|
48
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
49
|
-
className: modalsWrapperBackdropClassNames
|
|
50
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
51
|
-
id: MODALS_CONTENT_ID,
|
|
52
|
-
className: "".concat(styles[cssModalsManagerWrapperContent])
|
|
53
|
-
})), children), document.body);
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
export { ModalsWrapper };
|
|
57
|
-
//# sourceMappingURL=modals_wrapper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export declare const MODALS_CONTENT_ID = "modals-content";
|
|
2
|
-
export declare const MODALS_WRAPPER_BACKDROP_FADE_DURATION = 300;
|
|
3
|
-
export declare const MODAL_SLIDE_FADE_DURATION = 200;
|
|
4
|
-
export declare const MODAL_ANIMATION_DIRECTIONS: {
|
|
5
|
-
readonly top: "top";
|
|
6
|
-
readonly right: "right";
|
|
7
|
-
readonly bottom: "bottom";
|
|
8
|
-
readonly left: "left";
|
|
9
|
-
};
|
|
10
|
-
export declare const MODAL_VISIBILITY_STATE: {
|
|
11
|
-
readonly none: "none";
|
|
12
|
-
readonly hidden: "hidden";
|
|
13
|
-
readonly visible: "visible";
|
|
14
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
var MODALS_CONTENT_ID = 'modals-content';
|
|
2
|
-
var MODALS_WRAPPER_BACKDROP_FADE_DURATION = 300;
|
|
3
|
-
var MODAL_SLIDE_FADE_DURATION = 200;
|
|
4
|
-
var MODAL_ANIMATION_DIRECTIONS = {
|
|
5
|
-
top: 'top',
|
|
6
|
-
right: 'right',
|
|
7
|
-
bottom: 'bottom',
|
|
8
|
-
left: 'left'
|
|
9
|
-
};
|
|
10
|
-
var MODAL_VISIBILITY_STATE = {
|
|
11
|
-
none: 'none',
|
|
12
|
-
hidden: 'hidden',
|
|
13
|
-
visible: 'visible'
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
export { MODALS_CONTENT_ID, MODALS_WRAPPER_BACKDROP_FADE_DURATION, MODAL_ANIMATION_DIRECTIONS, MODAL_SLIDE_FADE_DURATION, MODAL_VISIBILITY_STATE };
|
|
17
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { createContext } from 'react';
|
|
2
|
-
|
|
3
|
-
var ModalsManagerContext = /*#__PURE__*/createContext({
|
|
4
|
-
modalsManagerContainerSelector: '',
|
|
5
|
-
addModal: function addModal() {},
|
|
6
|
-
updateModal: function updateModal() {},
|
|
7
|
-
getModal: function getModal() {
|
|
8
|
-
return undefined;
|
|
9
|
-
},
|
|
10
|
-
showModal: function showModal() {},
|
|
11
|
-
hideModal: function hideModal() {},
|
|
12
|
-
hideAllModals: function hideAllModals() {},
|
|
13
|
-
openedModals: []
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
export { ModalsManagerContext };
|
|
17
|
-
//# sourceMappingURL=context.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export declare const cssModalsManager = "modals-manager";
|
|
2
|
-
export declare const cssModalsManagerWrapper = "modals-manager__wrapper";
|
|
3
|
-
export declare const cssModalsManagerWrapperBackdrop = "modals-manager__wrapper-backdrop";
|
|
4
|
-
export declare const cssModalsManagerWrapperBackdropShow = "modals-manager__wrapper-backdrop_show";
|
|
5
|
-
export declare const cssModalsManagerWrapperContent = "modals-manager__wrapper-content";
|
|
6
|
-
export declare const cssModal = "modal";
|
|
7
|
-
export declare const cssModalHeader = "modal__header";
|
|
8
|
-
export declare const cssModalHeaderTitle = "modal__header-title";
|
|
9
|
-
export declare const cssModalHeaderActions = "modal__header-actions";
|
|
10
|
-
export declare const cssModalHeaderCloseIcon = "modal__header-close-icon";
|
|
11
|
-
export declare const cssModalShow = "modal_show";
|
|
12
|
-
export declare const cssModalHide = "modal_hide";
|
|
13
|
-
export declare const cssModalAnimationTop = "modal_animation-top";
|
|
14
|
-
export declare const cssModalAnimationRight = "modal_animation-right";
|
|
15
|
-
export declare const cssModalAnimationBottom = "modal_animation-bottom";
|
|
16
|
-
export declare const cssModalAnimationLeft = "modal_animation-left";
|
|
17
|
-
export declare const cssModalContent = "modal__content";
|
|
18
|
-
export declare const cssModalFooter = "modal__footer";
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
var cssModalsManager = 'modals-manager';
|
|
2
|
-
var cssModalsManagerWrapper = 'modals-manager__wrapper';
|
|
3
|
-
var cssModalsManagerWrapperBackdrop = 'modals-manager__wrapper-backdrop';
|
|
4
|
-
var cssModalsManagerWrapperBackdropShow = 'modals-manager__wrapper-backdrop_show';
|
|
5
|
-
var cssModalsManagerWrapperContent = 'modals-manager__wrapper-content';
|
|
6
|
-
var cssModal = 'modal';
|
|
7
|
-
var cssModalHeader = 'modal__header';
|
|
8
|
-
var cssModalHeaderTitle = 'modal__header-title';
|
|
9
|
-
var cssModalHeaderActions = 'modal__header-actions';
|
|
10
|
-
var cssModalHeaderCloseIcon = 'modal__header-close-icon';
|
|
11
|
-
var cssModalShow = 'modal_show';
|
|
12
|
-
var cssModalHide = 'modal_hide';
|
|
13
|
-
var cssModalAnimationTop = 'modal_animation-top';
|
|
14
|
-
var cssModalAnimationRight = 'modal_animation-right';
|
|
15
|
-
var cssModalAnimationBottom = 'modal_animation-bottom';
|
|
16
|
-
var cssModalAnimationLeft = 'modal_animation-left';
|
|
17
|
-
var cssModalContent = 'modal__content';
|
|
18
|
-
var cssModalFooter = 'modal__footer';
|
|
19
|
-
|
|
20
|
-
export { cssModal, cssModalAnimationBottom, cssModalAnimationLeft, cssModalAnimationRight, cssModalAnimationTop, cssModalContent, cssModalFooter, cssModalHeader, cssModalHeaderActions, cssModalHeaderCloseIcon, cssModalHeaderTitle, cssModalHide, cssModalShow, cssModalsManager, cssModalsManagerWrapper, cssModalsManagerWrapperBackdrop, cssModalsManagerWrapperBackdropShow, cssModalsManagerWrapperContent };
|
|
21
|
-
//# sourceMappingURL=css_classes.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { IModal } from '../types';
|
|
2
|
-
declare const useModals: () => {
|
|
3
|
-
modalsManagerContainerSelector: string;
|
|
4
|
-
addModal: (modal: IModal) => void;
|
|
5
|
-
updateModal: (modal: IModal) => void;
|
|
6
|
-
getModal: (modalName: string) => IModal | undefined;
|
|
7
|
-
showModal: (modalName: string) => void;
|
|
8
|
-
hideModal: (modalName: string) => void;
|
|
9
|
-
hideAllModals: () => void;
|
|
10
|
-
openedModals: string[];
|
|
11
|
-
};
|
|
12
|
-
export default useModals;
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import { useState } from 'react';
|
|
2
|
-
import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import { MODALS_CONTENT_ID, MODAL_VISIBILITY_STATE } from '../constants.js';
|
|
4
|
-
|
|
5
|
-
var useModals = function useModals() {
|
|
6
|
-
var _useState = useState([]),
|
|
7
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
8
|
-
modalsStack = _useState2[0],
|
|
9
|
-
setModalsStack = _useState2[1];
|
|
10
|
-
|
|
11
|
-
var _useState3 = useState([]),
|
|
12
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
13
|
-
openedModals = _useState4[0],
|
|
14
|
-
setOpenedModals = _useState4[1];
|
|
15
|
-
|
|
16
|
-
var modalsManagerContainerSelector = "#".concat(MODALS_CONTENT_ID);
|
|
17
|
-
|
|
18
|
-
var addModal = function addModal(modal) {
|
|
19
|
-
setModalsStack(function (stack) {
|
|
20
|
-
var modalNameAlreadyExist = stack.some(function (stackModal) {
|
|
21
|
-
return stackModal.name === modal.name;
|
|
22
|
-
});
|
|
23
|
-
|
|
24
|
-
if (modalNameAlreadyExist) {
|
|
25
|
-
return _toConsumableArray(stack);
|
|
26
|
-
} else {
|
|
27
|
-
return [].concat(_toConsumableArray(stack), [modal]);
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
var updateModal = function updateModal(modal) {
|
|
33
|
-
setModalsStack(function (previousStack) {
|
|
34
|
-
var updatedStack = previousStack.map(function (stackModal) {
|
|
35
|
-
return stackModal.name === modal.name ? _objectSpread2({}, modal) : stackModal;
|
|
36
|
-
});
|
|
37
|
-
return updatedStack;
|
|
38
|
-
});
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
var getModal = function getModal(modalName) {
|
|
42
|
-
return modalsStack.find(function (stackModal) {
|
|
43
|
-
return stackModal.name === modalName;
|
|
44
|
-
});
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
var showModal = function showModal(modalName) {
|
|
48
|
-
setOpenedModals(function (modals) {
|
|
49
|
-
setVisibleState(modals, MODAL_VISIBILITY_STATE.hidden);
|
|
50
|
-
return [].concat(_toConsumableArray(modals), [modalName]);
|
|
51
|
-
});
|
|
52
|
-
setVisibleState(modalName, MODAL_VISIBILITY_STATE.visible);
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
var hideModal = function hideModal(modalName) {
|
|
56
|
-
setOpenedModals(function (modals) {
|
|
57
|
-
var secondToLastItem = modals[modals.length - 2];
|
|
58
|
-
setVisibleState(secondToLastItem, MODAL_VISIBILITY_STATE.visible);
|
|
59
|
-
return modals.filter(function (modal) {
|
|
60
|
-
return modal !== modalName;
|
|
61
|
-
});
|
|
62
|
-
});
|
|
63
|
-
setVisibleState(modalName, MODAL_VISIBILITY_STATE.none);
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
var hideAllModals = function hideAllModals() {
|
|
67
|
-
setOpenedModals([]);
|
|
68
|
-
setVisibleStatesToNone();
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
var setVisibleState = function setVisibleState(modalName, state) {
|
|
72
|
-
if (typeof modalName === 'string') {
|
|
73
|
-
setModalsStack(function (prevState) {
|
|
74
|
-
return prevState.map(function (modal) {
|
|
75
|
-
return modal.name === modalName ? _objectSpread2(_objectSpread2({}, modal), {}, {
|
|
76
|
-
visibilityState: state
|
|
77
|
-
}) : modal;
|
|
78
|
-
});
|
|
79
|
-
});
|
|
80
|
-
} else {
|
|
81
|
-
setModalsStack(function (prevState) {
|
|
82
|
-
return prevState.map(function (modal) {
|
|
83
|
-
if (!modalName) return modal;
|
|
84
|
-
return modalName.includes(modal.name) ? _objectSpread2(_objectSpread2({}, modal), {}, {
|
|
85
|
-
visibilityState: state
|
|
86
|
-
}) : modal;
|
|
87
|
-
});
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
var setVisibleStatesToNone = function setVisibleStatesToNone() {
|
|
93
|
-
setModalsStack(function (prevState) {
|
|
94
|
-
return prevState.map(function (modal) {
|
|
95
|
-
return _objectSpread2(_objectSpread2({}, modal), {}, {
|
|
96
|
-
visibilityState: MODAL_VISIBILITY_STATE.none
|
|
97
|
-
});
|
|
98
|
-
});
|
|
99
|
-
});
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
return {
|
|
103
|
-
modalsManagerContainerSelector: modalsManagerContainerSelector,
|
|
104
|
-
addModal: addModal,
|
|
105
|
-
updateModal: updateModal,
|
|
106
|
-
getModal: getModal,
|
|
107
|
-
showModal: showModal,
|
|
108
|
-
hideModal: hideModal,
|
|
109
|
-
hideAllModals: hideAllModals,
|
|
110
|
-
openedModals: openedModals
|
|
111
|
-
};
|
|
112
|
-
};
|
|
113
|
-
|
|
114
|
-
export default useModals;
|
|
115
|
-
//# sourceMappingURL=use_modals.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { useContext } from 'react';
|
|
2
|
-
import { ModalsManagerContext } from '../context.js';
|
|
3
|
-
|
|
4
|
-
function useModalsContext() {
|
|
5
|
-
var context = useContext(ModalsManagerContext);
|
|
6
|
-
|
|
7
|
-
if (Object.keys(context).length === 0 && context.constructor === Object) {
|
|
8
|
-
throw new Error("Modal component cannot be rendered outside the ModalWrapper component");
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
return context;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export { useModalsContext };
|
|
15
|
-
//# sourceMappingURL=use_modals_context.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React, { useMemo } from 'react';
|
|
2
|
-
import { ModalsManagerContext } from './context.js';
|
|
3
|
-
import { ModalsWrapper } from './components/modals_wrapper.js';
|
|
4
|
-
import useModals from './hooks/use_modals.js';
|
|
5
|
-
|
|
6
|
-
var ModalsManager = function ModalsManager(_ref) {
|
|
7
|
-
var children = _ref.children;
|
|
8
|
-
|
|
9
|
-
var _useModals = useModals(),
|
|
10
|
-
modalsManagerContainerSelector = _useModals.modalsManagerContainerSelector,
|
|
11
|
-
addModal = _useModals.addModal,
|
|
12
|
-
updateModal = _useModals.updateModal,
|
|
13
|
-
getModal = _useModals.getModal,
|
|
14
|
-
showModal = _useModals.showModal,
|
|
15
|
-
hideModal = _useModals.hideModal,
|
|
16
|
-
hideAllModals = _useModals.hideAllModals,
|
|
17
|
-
openedModals = _useModals.openedModals;
|
|
18
|
-
|
|
19
|
-
var value = useMemo(function () {
|
|
20
|
-
return {
|
|
21
|
-
modalsManagerContainerSelector: modalsManagerContainerSelector,
|
|
22
|
-
addModal: addModal,
|
|
23
|
-
updateModal: updateModal,
|
|
24
|
-
getModal: getModal,
|
|
25
|
-
showModal: showModal,
|
|
26
|
-
hideModal: hideModal,
|
|
27
|
-
hideAllModals: hideAllModals,
|
|
28
|
-
openedModals: openedModals
|
|
29
|
-
};
|
|
30
|
-
}, [modalsManagerContainerSelector, addModal, updateModal, getModal, showModal, hideModal, hideAllModals, openedModals]);
|
|
31
|
-
return /*#__PURE__*/React.createElement(ModalsManagerContext.Provider, {
|
|
32
|
-
value: value
|
|
33
|
-
}, /*#__PURE__*/React.createElement(ModalsWrapper, null, children));
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
export default ModalsManager;
|
|
37
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { MODAL_ANIMATION_DIRECTIONS, MODAL_VISIBILITY_STATE } from './constants';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
export declare type VisibleStates = typeof MODAL_VISIBILITY_STATE[keyof typeof MODAL_VISIBILITY_STATE];
|
|
4
|
-
export interface IModal {
|
|
5
|
-
name: string;
|
|
6
|
-
visibilityState: VisibleStates;
|
|
7
|
-
animationDirection: typeof MODAL_ANIMATION_DIRECTIONS[keyof typeof MODAL_ANIMATION_DIRECTIONS];
|
|
8
|
-
}
|
|
9
|
-
export interface IModalsManagerContextProps {
|
|
10
|
-
modalsManagerContainerSelector: string;
|
|
11
|
-
addModal: (modal: IModal) => void;
|
|
12
|
-
updateModal: (modal: IModal) => void;
|
|
13
|
-
getModal: (modalName: string) => IModal | undefined;
|
|
14
|
-
showModal: (modalName: string) => void;
|
|
15
|
-
hideModal: (modalName: string) => void;
|
|
16
|
-
hideAllModals: () => void;
|
|
17
|
-
openedModals: string[];
|
|
18
|
-
}
|
|
19
|
-
export interface IModalNewProps {
|
|
20
|
-
name: string;
|
|
21
|
-
hideAllModalsOnClose?: boolean;
|
|
22
|
-
animationDirection?: typeof MODAL_ANIMATION_DIRECTIONS[keyof typeof MODAL_ANIMATION_DIRECTIONS];
|
|
23
|
-
header?: IModalHeaderProps;
|
|
24
|
-
footer?: IModalFooterProps;
|
|
25
|
-
children: ReactNode;
|
|
26
|
-
}
|
|
27
|
-
export interface IModalHeaderProps {
|
|
28
|
-
content?: string | ReactNode;
|
|
29
|
-
closeAction?: () => void;
|
|
30
|
-
}
|
|
31
|
-
export interface IModalFooterProps {
|
|
32
|
-
content: ReactNode;
|
|
33
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/modal_new/types.ts"],"names":[],"mappings":"AAAA,OAAmE,aAAa,CAAC;AAEjF,OAA0B,OAAO,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_backdropFadeIn__1pZyV {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes main-module_backdropFadeIn__1pZyV {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@-webkit-keyframes main-module_modalSlideTop__302vg {\n from {\n transform: translate3d(0, -20vh, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n}\n@keyframes main-module_modalSlideTop__302vg {\n from {\n transform: translate3d(0, -20vh, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n}\n@-webkit-keyframes main-module_modalSlideRight__2wVIR {\n from {\n transform: translate3d(20vh, 0, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n}\n@keyframes main-module_modalSlideRight__2wVIR {\n from {\n transform: translate3d(20vh, 0, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n}\n@-webkit-keyframes main-module_modalSlideBottom__1JZq2 {\n from {\n transform: translate3d(0, 20vh, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n}\n@keyframes main-module_modalSlideBottom__1JZq2 {\n from {\n transform: translate3d(0, 20vh, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n}\n@-webkit-keyframes main-module_modalSlideLeft__13SY_ {\n from {\n transform: translate3d(-20vh, 0, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n}\n@keyframes main-module_modalSlideLeft__13SY_ {\n from {\n transform: translate3d(-20vh, 0, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n}\n.main-module_modals-manager__wrapper__qp6lE {\n position: fixed;\n display: flex;\n align-items: center;\n justify-content: center;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 100;\n padding: 1rem;\n}\n.main-module_modals-manager__wrapper-backdrop__24efS {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 1;\n opacity: 0;\n transition: opacity 0.3s;\n -webkit-animation-name: main-module_backdropFadeIn__1pZyV;\n animation-name: main-module_backdropFadeIn__1pZyV;\n -webkit-animation-duration: 0.3s;\n animation-duration: 0.3s;\n}\n.main-module_modals-manager__wrapper-backdrop_show__TYJYx {\n opacity: 1;\n}\n.main-module_modals-manager__wrapper-content__2tU8P {\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n}\n.main-module_modal__2LkRu {\n position: absolute;\n background-color: #ffffff;\n border-radius: 5px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n min-width: 320px;\n max-width: 900px;\n}\n.main-module_modal__header__gApi- {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 28px 28px 14px 28px;\n}\n.main-module_modal__header-actions__A4dYg {\n display: flex;\n margin-left: 15px;\n}\n.main-module_modal__header-close-icon__5IuHr {\n cursor: pointer;\n}\n.main-module_modal__content__2tpfl {\n max-height: 80vh;\n overflow-y: auto;\n padding: 14px 28px;\n}\n.main-module_modal__content__2tpfl:first-child {\n padding-top: 28px;\n}\n.main-module_modal__content__2tpfl:last-child {\n padding-bottom: 28px;\n}\n.main-module_modal__footer__Hjmd6 {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 14px 28px;\n border-top: 1px solid #ececec;\n}\n.main-module_modal_animation-top__1tWSX,\n.main-module_modal_animation-right__3JbiZ,\n.main-module_modal_animation-bottom__mbIad,\n.main-module_modal_animation-left__n5qCW {\n opacity: 0;\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_modal_animation-top__1tWSX.main-module_modal_show__1Ll6F,\n.main-module_modal_animation-right__3JbiZ.main-module_modal_show__1Ll6F,\n.main-module_modal_animation-bottom__mbIad.main-module_modal_show__1Ll6F,\n.main-module_modal_animation-left__n5qCW.main-module_modal_show__1Ll6F {\n opacity: 1;\n -webkit-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.main-module_modal_animation-top__1tWSX.main-module_modal_hide__hVtXH,\n.main-module_modal_animation-right__3JbiZ.main-module_modal_hide__hVtXH,\n.main-module_modal_animation-bottom__mbIad.main-module_modal_hide__hVtXH,\n.main-module_modal_animation-left__n5qCW.main-module_modal_hide__hVtXH {\n z-index: -100;\n}\n.main-module_modal_animation-top__1tWSX.main-module_modal_show__1Ll6F {\n -webkit-animation-name: main-module_modalSlideTop__302vg;\n animation-name: main-module_modalSlideTop__302vg;\n}\n.main-module_modal_animation-top__1tWSX.main-module_modal_hide__hVtXH {\n transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal_animation-right__3JbiZ.main-module_modal_show__1Ll6F {\n -webkit-animation-name: main-module_modalSlideRight__2wVIR;\n animation-name: main-module_modalSlideRight__2wVIR;\n}\n.main-module_modal_animation-right__3JbiZ.main-module_modal_hide__hVtXH {\n transform: translate3d(20vh, 0, 0);\n}\n.main-module_modal_animation-bottom__mbIad.main-module_modal_show__1Ll6F {\n -webkit-animation-name: main-module_modalSlideBottom__1JZq2;\n animation-name: main-module_modalSlideBottom__1JZq2;\n}\n.main-module_modal_animation-bottom__mbIad.main-module_modal_hide__hVtXH {\n transform: translate3d(0, 20vh, 0);\n}\n.main-module_modal_animation-left__n5qCW.main-module_modal_show__1Ll6F {\n -webkit-animation-name: main-module_modalSlideLeft__13SY_;\n animation-name: main-module_modalSlideLeft__13SY_;\n}\n.main-module_modal_animation-left__n5qCW.main-module_modal_hide__hVtXH {\n transform: translate3d(-20vh, 0, 0);\n}\n";
|
|
4
|
-
var styles = {
|
|
5
|
-
"modals-manager__wrapper": "main-module_modals-manager__wrapper__qp6lE",
|
|
6
|
-
"modals-manager__wrapper-backdrop": "main-module_modals-manager__wrapper-backdrop__24efS",
|
|
7
|
-
"backdropFadeIn": "main-module_backdropFadeIn__1pZyV",
|
|
8
|
-
"modals-manager__wrapper-backdrop_show": "main-module_modals-manager__wrapper-backdrop_show__TYJYx",
|
|
9
|
-
"modals-manager__wrapper-content": "main-module_modals-manager__wrapper-content__2tU8P",
|
|
10
|
-
"modal": "main-module_modal__2LkRu",
|
|
11
|
-
"modal__header": "main-module_modal__header__gApi-",
|
|
12
|
-
"modal__header-actions": "main-module_modal__header-actions__A4dYg",
|
|
13
|
-
"modal__header-close-icon": "main-module_modal__header-close-icon__5IuHr",
|
|
14
|
-
"modal__content": "main-module_modal__content__2tpfl",
|
|
15
|
-
"modal__footer": "main-module_modal__footer__Hjmd6",
|
|
16
|
-
"modal_animation-top": "main-module_modal_animation-top__1tWSX",
|
|
17
|
-
"modal_animation-right": "main-module_modal_animation-right__3JbiZ",
|
|
18
|
-
"modal_animation-bottom": "main-module_modal_animation-bottom__mbIad",
|
|
19
|
-
"modal_animation-left": "main-module_modal_animation-left__n5qCW",
|
|
20
|
-
"modal_show": "main-module_modal_show__1Ll6F",
|
|
21
|
-
"modal_hide": "main-module_modal_hide__hVtXH",
|
|
22
|
-
"modalSlideTop": "main-module_modalSlideTop__302vg",
|
|
23
|
-
"modalSlideRight": "main-module_modalSlideRight__2wVIR",
|
|
24
|
-
"modalSlideBottom": "main-module_modalSlideBottom__1JZq2",
|
|
25
|
-
"modalSlideLeft": "main-module_modalSlideLeft__13SY_"
|
|
26
|
-
};
|
|
27
|
-
styleInject(css_248z);
|
|
28
|
-
|
|
29
|
-
export default styles;
|
|
30
|
-
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|