@dreamcommerce/aurora 2.16.6 → 2.16.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/components/modal_new/components/modal/modal.js +106 -0
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_footer.js +21 -0
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_footer.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_header.js +31 -0
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_header.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal_new/components/modals_wrapper.js +66 -0
- package/build/cjs/packages/aurora/src/components/modal_new/components/modals_wrapper.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal_new/constants.js +25 -0
- package/build/cjs/packages/aurora/src/components/modal_new/constants.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal_new/context.js +21 -0
- package/build/cjs/packages/aurora/src/components/modal_new/context.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal_new/css_classes.js +42 -0
- package/build/cjs/packages/aurora/src/components/modal_new/css_classes.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals.js +119 -0
- package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals_context.js +19 -0
- package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals_context.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal_new/index.js +45 -0
- package/build/cjs/packages/aurora/src/components/modal_new/index.js.map +1 -0
- package/build/cjs/packages/aurora/src/css/modal_new/main.module.less.js +34 -0
- package/build/cjs/packages/aurora/src/css/modal_new/main.module.less.js.map +1 -0
- package/build/cjs/packages/aurora/src/index.js +55 -49
- 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 +0 -5
- 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/components/modal_new/components/modal/modal.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js +97 -0
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_footer.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_footer.js +13 -0
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_footer.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_header.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_header.js +23 -0
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_header.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.d.ts +6 -0
- package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.js +57 -0
- package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal_new/constants.d.ts +14 -0
- package/build/esm/packages/aurora/src/components/modal_new/constants.js +17 -0
- package/build/esm/packages/aurora/src/components/modal_new/constants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal_new/context.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/modal_new/context.js +17 -0
- package/build/esm/packages/aurora/src/components/modal_new/context.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal_new/css_classes.d.ts +18 -0
- package/build/esm/packages/aurora/src/components/modal_new/css_classes.js +21 -0
- package/build/esm/packages/aurora/src/components/modal_new/css_classes.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.d.ts +12 -0
- package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.js +115 -0
- package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.js +15 -0
- package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal_new/index.d.ts +6 -0
- package/build/esm/packages/aurora/src/components/modal_new/index.js +37 -0
- package/build/esm/packages/aurora/src/components/modal_new/index.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal_new/types.d.ts +33 -0
- package/build/esm/packages/aurora/src/components/modal_new/types.js +3 -0
- package/build/esm/packages/aurora/src/components/modal_new/types.js.map +1 -0
- package/build/esm/packages/aurora/src/css/modal_new/main.module.less.js +30 -0
- package/build/esm/packages/aurora/src/css/modal_new/main.module.less.js.map +1 -0
- package/build/esm/packages/aurora/src/index.d.ts +4 -1
- package/build/esm/packages/aurora/src/index.js +3 -0
- 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 +0 -5
- 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 +2 -1
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
|
+
|
|
7
|
+
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";
|
|
8
|
+
var styles = {
|
|
9
|
+
"modals-manager__wrapper": "main-module_modals-manager__wrapper__qp6lE",
|
|
10
|
+
"modals-manager__wrapper-backdrop": "main-module_modals-manager__wrapper-backdrop__24efS",
|
|
11
|
+
"backdropFadeIn": "main-module_backdropFadeIn__1pZyV",
|
|
12
|
+
"modals-manager__wrapper-backdrop_show": "main-module_modals-manager__wrapper-backdrop_show__TYJYx",
|
|
13
|
+
"modals-manager__wrapper-content": "main-module_modals-manager__wrapper-content__2tU8P",
|
|
14
|
+
"modal": "main-module_modal__2LkRu",
|
|
15
|
+
"modal__header": "main-module_modal__header__gApi-",
|
|
16
|
+
"modal__header-actions": "main-module_modal__header-actions__A4dYg",
|
|
17
|
+
"modal__header-close-icon": "main-module_modal__header-close-icon__5IuHr",
|
|
18
|
+
"modal__content": "main-module_modal__content__2tpfl",
|
|
19
|
+
"modal__footer": "main-module_modal__footer__Hjmd6",
|
|
20
|
+
"modal_animation-top": "main-module_modal_animation-top__1tWSX",
|
|
21
|
+
"modal_animation-right": "main-module_modal_animation-right__3JbiZ",
|
|
22
|
+
"modal_animation-bottom": "main-module_modal_animation-bottom__mbIad",
|
|
23
|
+
"modal_animation-left": "main-module_modal_animation-left__n5qCW",
|
|
24
|
+
"modal_show": "main-module_modal_show__1Ll6F",
|
|
25
|
+
"modal_hide": "main-module_modal_hide__hVtXH",
|
|
26
|
+
"modalSlideTop": "main-module_modalSlideTop__302vg",
|
|
27
|
+
"modalSlideRight": "main-module_modalSlideRight__2wVIR",
|
|
28
|
+
"modalSlideBottom": "main-module_modalSlideBottom__1JZq2",
|
|
29
|
+
"modalSlideLeft": "main-module_modalSlideLeft__13SY_"
|
|
30
|
+
};
|
|
31
|
+
styleInject_es['default'](css_248z);
|
|
32
|
+
|
|
33
|
+
exports.default = styles;
|
|
34
|
+
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;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;"}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var index$
|
|
5
|
+
var index$v = require('./components/modal/hoc/absolute_modal/index.js');
|
|
6
6
|
var index = require('./components/accordion/index.js');
|
|
7
7
|
var index$8 = require('./components/stack/index.js');
|
|
8
|
-
var index$
|
|
8
|
+
var index$S = require('./components/breadcrumbs/index.js');
|
|
9
9
|
var index$1 = require('./components/button/index.js');
|
|
10
10
|
var index$3 = require('./components/buttons_group/index.js');
|
|
11
|
-
var index$
|
|
11
|
+
var index$C = require('./components/dropdown/context/index.js');
|
|
12
12
|
var index$k = require('./components/color_picker/index.js');
|
|
13
13
|
var use_click_outside = require('./hooks/use_click_outside.js');
|
|
14
14
|
var icon_arrow = require('./assets/icon_arrow.js');
|
|
@@ -16,11 +16,11 @@ var icon_tick = require('./assets/icon_tick.js');
|
|
|
16
16
|
var index$7 = require('./components/label/index.js');
|
|
17
17
|
var index$9 = require('./components/controls/index.js');
|
|
18
18
|
var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
|
|
19
|
-
var index$
|
|
19
|
+
var index$H = require('./components/hint/index.js');
|
|
20
20
|
var index$b = require('./components/controls/hoc/control_checkbox/index.js');
|
|
21
21
|
var index$4 = require('./components/dropdown/index.js');
|
|
22
22
|
var index$l = require('./components/color_picker_new/index.js');
|
|
23
|
-
var index$
|
|
23
|
+
var index$G = require('./components/controls/hoc/control_cell_selector/index.js');
|
|
24
24
|
var index$c = require('./components/controls/hoc/control_checkbox_switch/index.js');
|
|
25
25
|
var index$m = require('./components/controls/hoc/control_color_picker/index.js');
|
|
26
26
|
var index$n = require('./components/controls/hoc/control_color_picker_new/index.js');
|
|
@@ -28,30 +28,30 @@ var index$5 = require('./components/dropdown/hoc/select/index.js');
|
|
|
28
28
|
var index$j = require('./components/date_picker/index.js');
|
|
29
29
|
var icon_calendar = require('./assets/icon_calendar.js');
|
|
30
30
|
var index$o = require('./components/controls/hoc/control_date_picker/index.js');
|
|
31
|
-
var index$
|
|
31
|
+
var index$E = require('./components/file_picker/index.js');
|
|
32
32
|
var index$p = require('./components/controls/hoc/control_file_picker/index.js');
|
|
33
33
|
var index$a = require('./components/controls/hoc/control_input/index.js');
|
|
34
34
|
var index$6 = require('./components/dropdown/hoc/multiselect/index.js');
|
|
35
35
|
var index$g = require('./components/controls/hoc/control_multi_select/index.js');
|
|
36
36
|
var index$d = require('./components/controls/hoc/control_radio/index.js');
|
|
37
|
-
var index$
|
|
37
|
+
var index$I = require('./components/controls/hoc/control_radio_group/index.js');
|
|
38
38
|
var index$f = require('./components/controls/hoc/control_range/index.js');
|
|
39
39
|
var index$e = require('./components/controls/hoc/control_select/index.js');
|
|
40
|
-
var index$
|
|
41
|
-
var index$
|
|
42
|
-
var index$
|
|
40
|
+
var index$x = require('./components/tag/index.js');
|
|
41
|
+
var index$y = require('./components/tags_selector/index.js');
|
|
42
|
+
var index$z = require('./components/controls/hoc/control_tags_selector/index.js');
|
|
43
43
|
var index$h = require('./components/controls/hoc/control_textarea/index.js');
|
|
44
|
-
var index$
|
|
45
|
-
var index$
|
|
44
|
+
var index$F = require('./components/image_picker/index.js');
|
|
45
|
+
var index$P = require('./components/xhr_image_picker/index.js');
|
|
46
46
|
var index$q = require('./components/controls/hoc/control_xhr_image_picker/index.js');
|
|
47
|
-
var index$
|
|
47
|
+
var index$A = require('./components/table/index.js');
|
|
48
48
|
var dataTable = require('./components/table/hoc/data-table.js');
|
|
49
49
|
var context = require('./components/flash_messenger/context.js');
|
|
50
|
-
var index$
|
|
50
|
+
var index$J = require('./components/message-box/index.js');
|
|
51
51
|
var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
|
|
52
|
-
var index$
|
|
52
|
+
var index$K = require('./components/flash_messenger/index.js');
|
|
53
53
|
var index$i = require('./components/gallery/index.js');
|
|
54
|
-
var index$
|
|
54
|
+
var index$B = require('./components/grid/index.js');
|
|
55
55
|
var index$s = require('./components/typography/index.js');
|
|
56
56
|
var index$r = require('./components/heading/index.js');
|
|
57
57
|
var icon_desktop = require('./assets/icon_desktop.js');
|
|
@@ -59,25 +59,28 @@ var icon_laptop = require('./assets/icon_laptop.js');
|
|
|
59
59
|
var icon_mobile = require('./assets/icon_mobile.js');
|
|
60
60
|
var icon_tablet = require('./assets/icon_tablet.js');
|
|
61
61
|
var icon_warning = require('./assets/icon_warning.js');
|
|
62
|
-
var index$
|
|
63
|
-
var index$
|
|
62
|
+
var index$N = require('./components/link/index.js');
|
|
63
|
+
var index$L = require('./components/loader/index.js');
|
|
64
64
|
var index$t = require('./components/modal/index.js');
|
|
65
65
|
var modal_context = require('./components/modal/context/modal_context.js');
|
|
66
|
+
var modal = require('./components/modal_new/components/modal/modal.js');
|
|
66
67
|
var modal_provider = require('./components/modal/hoc/modal_provider.js');
|
|
67
|
-
var
|
|
68
|
-
var index$
|
|
68
|
+
var use_modals = require('./components/modal_new/hooks/use_modals.js');
|
|
69
|
+
var index$u = require('./components/modal_new/index.js');
|
|
70
|
+
var index$w = require('./components/modal/hoc/relative_modal/index.js');
|
|
71
|
+
var index$R = require('./components/scroll_sync/index.js');
|
|
69
72
|
var scroll_sync_container = require('./components/scroll_sync/components/scroll_sync_container.js');
|
|
70
73
|
var search_list = require('./components/search_list/components/search_list.js');
|
|
71
74
|
var use_search_list = require('./components/search_list/use_search_list.js');
|
|
72
75
|
var search_list_input = require('./components/search_list/components/search_list_input.js');
|
|
73
76
|
var search_list_results = require('./components/search_list/components/search_list_results.js');
|
|
74
|
-
var index$
|
|
77
|
+
var index$O = require('./components/slide/index.js');
|
|
75
78
|
var slide_content = require('./components/slide/components/slide_content.js');
|
|
76
79
|
var slide_footer = require('./components/slide/components/slide_footer.js');
|
|
77
80
|
var slide_header = require('./components/slide/components/slide_header.js');
|
|
78
81
|
var slide_sub_header = require('./components/slide/components/slide_sub_header.js');
|
|
79
82
|
var slide_wrapper = require('./components/slide/components/slide_wrapper.js');
|
|
80
|
-
var index$
|
|
83
|
+
var index$D = require('./components/spacing/index.js');
|
|
81
84
|
var tabs = require('./components/tabs/components/tabs.js');
|
|
82
85
|
var tabs_item = require('./components/tabs/components/tabs_item.js');
|
|
83
86
|
var tabs_item_list = require('./components/tabs/components/tabs_item_list.js');
|
|
@@ -85,21 +88,21 @@ var tabs_panel = require('./components/tabs/components/tabs_panel.js');
|
|
|
85
88
|
var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js');
|
|
86
89
|
var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
|
|
87
90
|
var index$2 = require('./components/tooltip/index.js');
|
|
88
|
-
var index$
|
|
91
|
+
var index$Q = require('./components/tree/index.js');
|
|
89
92
|
var tree_node = require('./components/tree/components/tree_node.js');
|
|
90
93
|
var values_syncer = require('./components/controls/components/values_syncer.js');
|
|
91
|
-
var index$
|
|
94
|
+
var index$M = require('./components/with_loader/index.js');
|
|
92
95
|
|
|
93
96
|
|
|
94
97
|
|
|
95
|
-
exports.AbsoluteModal = index$
|
|
98
|
+
exports.AbsoluteModal = index$v['default'];
|
|
96
99
|
exports.Accordion = index['default'];
|
|
97
100
|
exports.Stack = index$8['default'];
|
|
98
|
-
exports.Breadcrumbs = index$
|
|
101
|
+
exports.Breadcrumbs = index$S.Breadcrumbs;
|
|
99
102
|
exports.Button = index$1['default'];
|
|
100
103
|
exports.ButtonsGroup = index$3['default'];
|
|
101
|
-
exports.DropdownContext = index$
|
|
102
|
-
exports.useDropdownContext = index$
|
|
104
|
+
exports.DropdownContext = index$C.DropdownContext;
|
|
105
|
+
exports.useDropdownContext = index$C.useDropdownContext;
|
|
103
106
|
exports.ColorPicker = index$k['default'];
|
|
104
107
|
exports.useClickOutside = use_click_outside.useClickOutside;
|
|
105
108
|
exports.IconArrow = icon_arrow['default'];
|
|
@@ -107,11 +110,11 @@ exports.IconTick = icon_tick['default'];
|
|
|
107
110
|
exports.Label = index$7['default'];
|
|
108
111
|
exports.Control = index$9['default'];
|
|
109
112
|
exports.useToggle = use_toggle.useToggle;
|
|
110
|
-
exports.Hint = index$
|
|
113
|
+
exports.Hint = index$H['default'];
|
|
111
114
|
exports.ControlCheckbox = index$b['default'];
|
|
112
115
|
exports.Dropdown = index$4['default'];
|
|
113
116
|
exports.ColorPickerNew = index$l['default'];
|
|
114
|
-
exports.ControlCellSelector = index$
|
|
117
|
+
exports.ControlCellSelector = index$G['default'];
|
|
115
118
|
exports.ControlCheckboxSwitch = index$c['default'];
|
|
116
119
|
exports.ControlColorPicker = index$m['default'];
|
|
117
120
|
exports.ControlColorPickerNew = index$n['default'];
|
|
@@ -119,31 +122,31 @@ exports.Select = index$5['default'];
|
|
|
119
122
|
exports.Datepicker = index$j['default'];
|
|
120
123
|
exports.IconCalendar = icon_calendar['default'];
|
|
121
124
|
exports.ControlDatepicker = index$o['default'];
|
|
122
|
-
exports.FilePicker = index$
|
|
125
|
+
exports.FilePicker = index$E['default'];
|
|
123
126
|
exports.ControlFilePicker = index$p['default'];
|
|
124
127
|
exports.ControlInput = index$a['default'];
|
|
125
128
|
exports.MultiSelect = index$6['default'];
|
|
126
129
|
exports.ControlMultiSelect = index$g['default'];
|
|
127
130
|
exports.ControlRadio = index$d['default'];
|
|
128
|
-
exports.ControlRadioGroup = index$
|
|
131
|
+
exports.ControlRadioGroup = index$I['default'];
|
|
129
132
|
exports.ControlRange = index$f['default'];
|
|
130
133
|
exports.ControlSelect = index$e['default'];
|
|
131
|
-
exports.Tag = index$
|
|
132
|
-
exports.TagsSelector = index$
|
|
133
|
-
exports.ControlTagsSelector = index$
|
|
134
|
+
exports.Tag = index$x['default'];
|
|
135
|
+
exports.TagsSelector = index$y['default'];
|
|
136
|
+
exports.ControlTagsSelector = index$z['default'];
|
|
134
137
|
exports.ControlTextarea = index$h['default'];
|
|
135
|
-
exports.ImagePicker = index$
|
|
136
|
-
exports.XhrImagePicker = index$
|
|
138
|
+
exports.ImagePicker = index$F['default'];
|
|
139
|
+
exports.XhrImagePicker = index$P['default'];
|
|
137
140
|
exports.ControlXhrImagePicker = index$q['default'];
|
|
138
|
-
exports.Table = index$
|
|
141
|
+
exports.Table = index$A['default'];
|
|
139
142
|
exports.DataTable = dataTable['default'];
|
|
140
143
|
exports.FlashMessengerContext = context.FlashMessengerContext;
|
|
141
144
|
exports.useFlashMessenger = context.useFlashMessenger;
|
|
142
|
-
exports.MessageBox = index$
|
|
145
|
+
exports.MessageBox = index$J['default'];
|
|
143
146
|
exports.FlashMessagesList = flash_messages_list['default'];
|
|
144
|
-
exports.FlashMessenger = index$
|
|
147
|
+
exports.FlashMessenger = index$K['default'];
|
|
145
148
|
exports.Gallery = index$i['default'];
|
|
146
|
-
exports.Grid = index$
|
|
149
|
+
exports.Grid = index$B['default'];
|
|
147
150
|
exports.Typography = index$s.Typography;
|
|
148
151
|
exports.Heading = index$r['default'];
|
|
149
152
|
exports.IconDesktop = icon_desktop['default'];
|
|
@@ -151,25 +154,28 @@ exports.IconLaptop = icon_laptop['default'];
|
|
|
151
154
|
exports.IconMobile = icon_mobile['default'];
|
|
152
155
|
exports.IconTablet = icon_tablet['default'];
|
|
153
156
|
exports.IconWarning = icon_warning['default'];
|
|
154
|
-
exports.Link = index$
|
|
155
|
-
exports.Loader = index$
|
|
157
|
+
exports.Link = index$N['default'];
|
|
158
|
+
exports.Loader = index$L['default'];
|
|
156
159
|
exports.Modal = index$t['default'];
|
|
157
160
|
exports.ModalContext = modal_context.ModalContext;
|
|
161
|
+
exports.ModalNew = modal.ModalNew;
|
|
158
162
|
exports.ModalProvider = modal_provider['default'];
|
|
159
|
-
exports.
|
|
160
|
-
exports.
|
|
163
|
+
exports.useModals = use_modals['default'];
|
|
164
|
+
exports.ModalsManager = index$u['default'];
|
|
165
|
+
exports.RelativeModal = index$w['default'];
|
|
166
|
+
exports.ScrollSync = index$R.ScrollSync;
|
|
161
167
|
exports.ScrollSyncContainer = scroll_sync_container.ScrollSyncContainer;
|
|
162
168
|
exports.SearchList = search_list.SearchList;
|
|
163
169
|
exports.useSearchList = use_search_list.useSearchList;
|
|
164
170
|
exports.SearchListInput = search_list_input.SearchListInput;
|
|
165
171
|
exports.SearchListResults = search_list_results.SearchListResults;
|
|
166
|
-
exports.Slide = index$
|
|
172
|
+
exports.Slide = index$O['default'];
|
|
167
173
|
exports.SlideContent = slide_content.SlideContent;
|
|
168
174
|
exports.SlideFooter = slide_footer.SlideFooter;
|
|
169
175
|
exports.SlideHeader = slide_header.SlideHeader;
|
|
170
176
|
exports.SlideSubHeader = slide_sub_header.SlideSubHeader;
|
|
171
177
|
exports.SlideWrapper = slide_wrapper.SlideWrapper;
|
|
172
|
-
exports.Spacing = index$
|
|
178
|
+
exports.Spacing = index$D['default'];
|
|
173
179
|
exports.Tabs = tabs['default'];
|
|
174
180
|
exports.TabsItem = tabs_item.TabsItem;
|
|
175
181
|
exports.TabsItemList = tabs_item_list.TabsItemList;
|
|
@@ -177,8 +183,8 @@ exports.TabsPanel = tabs_panel.TabsPanel;
|
|
|
177
183
|
exports.TabsPanelList = tabs_panel_list.TabsPanelList;
|
|
178
184
|
exports.TabsWrapper = tabs_wrapper['default'];
|
|
179
185
|
exports.Tooltip = index$2['default'];
|
|
180
|
-
exports.Tree = index$
|
|
186
|
+
exports.Tree = index$Q.Tree;
|
|
181
187
|
exports.TreeNode = tree_node.TreeNode;
|
|
182
188
|
exports.ValuesSyncer = values_syncer['default'];
|
|
183
|
-
exports.WithLoader = index$
|
|
189
|
+
exports.WithLoader = index$M['default'];
|
|
184
190
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
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;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
|
+
{"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;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 +1 @@
|
|
|
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;
|
|
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;"}
|
|
@@ -2,8 +2,8 @@ import React, { useRef, useState, useEffect } from 'react';
|
|
|
2
2
|
import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
|
|
3
3
|
import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
4
|
import { UiDomUtils } from '@dreamcommerce/utilities';
|
|
5
|
-
import { createPortal } from 'react-dom';
|
|
6
5
|
import classnames from 'classnames';
|
|
6
|
+
import { createPortal } from 'react-dom';
|
|
7
7
|
import cssClasses$3 from '../../../css/icons/main.module.less.js';
|
|
8
8
|
import { useDropdownContext } from '../context/index.js';
|
|
9
9
|
import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
|
|
@@ -2,8 +2,8 @@ import React, { memo, useState, useEffect, createRef } from 'react';
|
|
|
2
2
|
import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
|
|
3
3
|
import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
4
|
import { FILES_EXTENSIONS } from '../file_picker/constants.js';
|
|
5
|
-
import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
|
|
6
5
|
import classnames from 'classnames';
|
|
6
|
+
import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
|
|
7
7
|
import { ErrorsList } from '../controls/components/errors_list.js';
|
|
8
8
|
import { getAcceptFilesParametersFromAllowedExtensions } from '../file_picker/utils.js';
|
|
9
9
|
import { useFilePicker } from '../file_picker/use_file_picker.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA,gCAAgC,yDAA6D;AAC7F;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;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
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA,gCAAgC,yDAA6D;AAC7F;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;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 +1,13 @@
|
|
|
1
1
|
import React, { useRef, useState, useEffect } from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import { createPortal } from 'react-dom';
|
|
4
|
-
import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
|
|
5
|
-
import cssClasses from '../../../../css/modal/main.module.less.js';
|
|
6
|
-
import Modal from '../../components/modal.js';
|
|
7
3
|
import { calculateAbsolutePosition, getTransformFromAnimationDirection } from '../../utilities.js';
|
|
8
4
|
import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
|
|
9
|
-
import
|
|
5
|
+
import cssClasses from '../../../../css/modal/main.module.less.js';
|
|
6
|
+
import Modal from '../../components/modal.js';
|
|
10
7
|
import classnames from 'classnames';
|
|
8
|
+
import { createPortal } from 'react-dom';
|
|
9
|
+
import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
|
|
10
|
+
import { useResize } from '../../../../hooks/use_resize.js';
|
|
11
11
|
|
|
12
12
|
var _excluded = ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible", "style", "withBackground"];
|
|
13
13
|
var useStyles = createUseStyles({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,+DAAmE;AACnG;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;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React, { useRef, useState, useEffect } from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import { createPortal } from 'react-dom';
|
|
4
|
-
import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
|
|
5
|
-
import cssClasses from '../../../../css/modal/main.module.less.js';
|
|
6
|
-
import Modal from '../../components/modal.js';
|
|
7
3
|
import { calculateRelativePosition, getTransformFromAnimationDirection } from '../../utilities.js';
|
|
8
4
|
import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
|
|
9
|
-
import
|
|
5
|
+
import cssClasses from '../../../../css/modal/main.module.less.js';
|
|
6
|
+
import Modal from '../../components/modal.js';
|
|
10
7
|
import classnames from 'classnames';
|
|
8
|
+
import { createPortal } from 'react-dom';
|
|
9
|
+
import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
|
|
10
|
+
import { useResize } from '../../../../hooks/use_resize.js';
|
|
11
11
|
|
|
12
12
|
var _excluded = ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo", "withBackground"];
|
|
13
13
|
var useStyles = createUseStyles({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,+DAAmE;AACnG;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;"}
|
|
@@ -0,0 +1,97 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
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
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,23 @@
|
|
|
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
ADDED
|
@@ -0,0 +1 @@
|
|
|
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;"}
|