@dreamcommerce/aurora 2.16.7 → 2.16.8-10
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/assets/icon_image.js +32 -0
- package/build/cjs/packages/aurora/src/assets/icon_image.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +4 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +1 -1
- package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +6 -2
- package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js +2 -0
- package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/index.js +21 -4
- 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 +112 -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/components/xhr_image_picker/index.js +114 -9
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js +3 -1
- package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js.map +1 -1
- 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/aurora/src/translations/en.json.js +5 -1
- package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
- package/build/cjs/packages/aurora/src/translations/pl.json.js +5 -1
- package/build/cjs/packages/aurora/src/translations/pl.json.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/assets/icon_image.d.ts +4 -0
- package/build/esm/packages/aurora/src/assets/icon_image.js +24 -0
- package/build/esm/packages/aurora/src/assets/icon_image.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +4 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/dropdown/components/content.js +1 -1
- package/build/esm/packages/aurora/src/components/file_picker/types.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +6 -2
- package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/css_classes.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/image_picker/css_classes.js +2 -0
- package/build/esm/packages/aurora/src/components/image_picker/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/index.js +21 -4
- package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/types.d.ts +3 -1
- package/build/esm/packages/aurora/src/components/image_picker/types.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 +103 -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 +35 -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/components/xhr_image_picker/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js +116 -11
- package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/types.d.ts +7 -1
- package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js +3 -1
- package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js.map +1 -1
- 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 +6 -2
- 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/aurora/src/translations/en.json +3 -1
- package/build/esm/packages/aurora/src/translations/en.json.js +5 -2
- package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
- package/build/esm/packages/aurora/src/translations/pl.json +3 -1
- package/build/esm/packages/aurora/src/translations/pl.json.js +5 -2
- package/build/esm/packages/aurora/src/translations/pl.json.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 +1 -1
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var main_module = require('../css/icons/main.module.less.js');
|
|
7
|
+
var icon = require('./icon.js');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
+
|
|
13
|
+
var IconImage = function IconImage(_ref) {
|
|
14
|
+
var _ref$className = _ref.className,
|
|
15
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
16
|
+
size = _ref.size;
|
|
17
|
+
return /*#__PURE__*/React__default['default'].createElement(icon['default'], null, /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
18
|
+
width: "12",
|
|
19
|
+
height: "13",
|
|
20
|
+
fill: "none",
|
|
21
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
22
|
+
className: "".concat(className || '', " ").concat(main_module['default']["icon_".concat(size)])
|
|
23
|
+
}, /*#__PURE__*/React__default['default'].createElement("path", {
|
|
24
|
+
fillRule: "evenodd",
|
|
25
|
+
clipRule: "evenodd",
|
|
26
|
+
d: "M10.667.5c.696 0 1.273.542 1.329 1.224l.004.11v9.333c0 .696-.541 1.273-1.224 1.329l-.11.004H1.334a1.338 1.338 0 0 1-1.329-1.224L0 11.166V1.834C0 1.137.541.56 1.224.504L1.334.5h9.333ZM10.5 2h-9v9h9V2ZM5.464 8.505 4.125 7 2.25 9.25h7.5l-2.41-3-1.876 2.255Z",
|
|
27
|
+
fill: "#3C83EC"
|
|
28
|
+
})));
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
exports.default = IconImage;
|
|
32
|
+
//# sourceMappingURL=icon_image.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;"}
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js
CHANGED
|
@@ -26,7 +26,8 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
|
|
|
26
26
|
hint = _ref.hint,
|
|
27
27
|
labelAdditionalInfo = _ref.labelAdditionalInfo,
|
|
28
28
|
onUploaded = _ref.onUploaded,
|
|
29
|
-
onImageSizeUpdated = _ref.onImageSizeUpdated
|
|
29
|
+
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
30
|
+
ImageEditor = _ref.ImageEditor;
|
|
30
31
|
|
|
31
32
|
var _useState = React.useState(errors),
|
|
32
33
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
@@ -69,7 +70,8 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
|
|
|
69
70
|
className: className,
|
|
70
71
|
errors: errors,
|
|
71
72
|
onUploaded: onUploaded,
|
|
72
|
-
onImageSizeUpdated: onImageSizeUpdated
|
|
73
|
+
onImageSizeUpdated: onImageSizeUpdated,
|
|
74
|
+
ImageEditor: ImageEditor
|
|
73
75
|
}))), /*#__PURE__*/React__default['default'].createElement(index['default'].Errors, null));
|
|
74
76
|
};
|
|
75
77
|
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map
CHANGED
|
@@ -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;"}
|
|
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;"}
|
|
@@ -6,8 +6,8 @@ var React = require('react');
|
|
|
6
6
|
var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
|
|
7
7
|
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
8
8
|
var utilities$1 = require('@dreamcommerce/utilities');
|
|
9
|
-
var reactDom = require('react-dom');
|
|
10
9
|
var classnames = require('classnames');
|
|
10
|
+
var reactDom = require('react-dom');
|
|
11
11
|
var main_module$3 = require('../../../css/icons/main.module.less.js');
|
|
12
12
|
var index = require('../context/index.js');
|
|
13
13
|
var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
|
|
@@ -97,8 +97,11 @@ var useFilePicker = function useFilePicker(_ref) {
|
|
|
97
97
|
return isValid;
|
|
98
98
|
};
|
|
99
99
|
|
|
100
|
-
var onFileChange = function onFileChange(
|
|
101
|
-
|
|
100
|
+
var onFileChange = function onFileChange(event) {
|
|
101
|
+
changeFile(event.target.files);
|
|
102
|
+
};
|
|
103
|
+
|
|
104
|
+
var changeFile = function changeFile(files) {
|
|
102
105
|
setErrors([]);
|
|
103
106
|
updateFile(files);
|
|
104
107
|
};
|
|
@@ -167,6 +170,7 @@ var useFilePicker = function useFilePicker(_ref) {
|
|
|
167
170
|
onDragLeave: onDragLeave,
|
|
168
171
|
onFileDelete: onFileDelete,
|
|
169
172
|
onPreviewError: onPreviewError,
|
|
173
|
+
changeFile: changeFile,
|
|
170
174
|
file: file,
|
|
171
175
|
errors: errors,
|
|
172
176
|
isPreview: isPreview,
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -8,6 +8,8 @@ var CSS_CLASSES = {
|
|
|
8
8
|
imagePickerWrapper: "".concat(imagePicker, "__wrapper"),
|
|
9
9
|
imagePickerWrapperError: "".concat(imagePicker, "__wrapper-error"),
|
|
10
10
|
imagePickerWrapperHasFile: "".concat(imagePicker, "__wrapper-has-file"),
|
|
11
|
+
imagePickerWrapperTopButtons: "".concat(imagePicker, "__wrapper-top-buttons"),
|
|
12
|
+
imagePickerEditButton: "".concat(imagePicker, "__edit-button"),
|
|
11
13
|
imagePickerLabel: "".concat(imagePicker, "__label"),
|
|
12
14
|
imagePickerDescription: "".concat(imagePicker, "__description"),
|
|
13
15
|
imagePickerImagePreview: "".concat(imagePicker, "__image-preview"),
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -6,8 +6,8 @@ var React = require('react');
|
|
|
6
6
|
var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
|
|
7
7
|
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
8
8
|
var constants = require('../file_picker/constants.js');
|
|
9
|
-
var reactJss_esm = require('../../../../../external/react-jss/dist/react-jss.esm.js');
|
|
10
9
|
var classnames = require('classnames');
|
|
10
|
+
var reactJss_esm = require('../../../../../external/react-jss/dist/react-jss.esm.js');
|
|
11
11
|
var errors_list = require('../controls/components/errors_list.js');
|
|
12
12
|
var utils = require('../file_picker/utils.js');
|
|
13
13
|
var use_file_picker = require('../file_picker/use_file_picker.js');
|
|
@@ -33,7 +33,9 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
33
33
|
name = _ref.name,
|
|
34
34
|
_ref$className = _ref.className,
|
|
35
35
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
36
|
-
onImageSizeUpdated = _ref.onImageSizeUpdated
|
|
36
|
+
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
37
|
+
topButtons = _ref.topButtons,
|
|
38
|
+
editedImageResult = _ref.editedImageResult;
|
|
37
39
|
|
|
38
40
|
var _useTranslation = useTranslation.useTranslation(),
|
|
39
41
|
_useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
|
|
@@ -55,6 +57,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
55
57
|
onDragLeave = _useFilePicker.onDragLeave,
|
|
56
58
|
onFileDelete = _useFilePicker.onFileDelete,
|
|
57
59
|
onPreviewError = _useFilePicker.onPreviewError,
|
|
60
|
+
changeFile = _useFilePicker.changeFile,
|
|
58
61
|
file = _useFilePicker.file,
|
|
59
62
|
errors = _useFilePicker.errors,
|
|
60
63
|
isPreview = _useFilePicker.isPreview,
|
|
@@ -74,6 +77,18 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
74
77
|
React.useEffect(function () {
|
|
75
78
|
initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
|
|
76
79
|
}, [initialFile]);
|
|
80
|
+
React.useEffect(function () {
|
|
81
|
+
if (!editedImageResult) return;
|
|
82
|
+
var fileList = createFileList(editedImageResult);
|
|
83
|
+
changeFile(fileList);
|
|
84
|
+
updateFile(fileList);
|
|
85
|
+
}, [editedImageResult]);
|
|
86
|
+
|
|
87
|
+
var createFileList = function createFileList(file) {
|
|
88
|
+
var fileArray = [];
|
|
89
|
+
fileArray.push(file);
|
|
90
|
+
return fileArray;
|
|
91
|
+
};
|
|
77
92
|
|
|
78
93
|
var setImageSizeBasedOnUrl = function setImageSizeBasedOnUrl(fileUrl) {
|
|
79
94
|
createImageFromUrl(fileUrl).then(function (image) {
|
|
@@ -153,7 +168,9 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
153
168
|
className: imagePickerClassName
|
|
154
169
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
155
170
|
className: "".concat(imagePickerWrapperClassName, " ").concat(dragOverStyles.imagePickerWrapper)
|
|
156
|
-
}, file && (isPreview ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(
|
|
171
|
+
}, file && (isPreview ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, topButtons && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
172
|
+
className: main_module['default'][css_classes['default'].imagePickerWrapperTopButtons]
|
|
173
|
+
}, topButtons), /*#__PURE__*/React__default['default'].createElement(image_preview.ImagePreview, {
|
|
157
174
|
file: file,
|
|
158
175
|
isValid: !(errors !== null && errors !== void 0 && errors.length),
|
|
159
176
|
onError: onPreviewError
|
|
@@ -183,7 +200,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
183
200
|
}, function (prev, curr) {
|
|
184
201
|
var _prev$initialFile, _curr$initialFile, _prev$initialFile2, _curr$initialFile2;
|
|
185
202
|
|
|
186
|
-
return ((_prev$initialFile = prev.initialFile) === null || _prev$initialFile === void 0 ? void 0 : _prev$initialFile.fileUrl) === ((_curr$initialFile = curr.initialFile) === null || _curr$initialFile === void 0 ? void 0 : _curr$initialFile.fileUrl) && ((_prev$initialFile2 = prev.initialFile) === null || _prev$initialFile2 === void 0 ? void 0 : _prev$initialFile2.fileName) === ((_curr$initialFile2 = curr.initialFile) === null || _curr$initialFile2 === void 0 ? void 0 : _curr$initialFile2.fileName) && prev.errors === curr.errors;
|
|
203
|
+
return ((_prev$initialFile = prev.initialFile) === null || _prev$initialFile === void 0 ? void 0 : _prev$initialFile.fileUrl) === ((_curr$initialFile = curr.initialFile) === null || _curr$initialFile === void 0 ? void 0 : _curr$initialFile.fileUrl) && ((_prev$initialFile2 = prev.initialFile) === null || _prev$initialFile2 === void 0 ? void 0 : _prev$initialFile2.fileName) === ((_curr$initialFile2 = curr.initialFile) === null || _curr$initialFile2 === void 0 ? void 0 : _curr$initialFile2.fileName) && prev.errors === curr.errors && prev.editedImageResult === curr.editedImageResult;
|
|
187
204
|
});
|
|
188
205
|
|
|
189
206
|
exports.default = ImagePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var reactDom = require('react-dom');
|
|
8
|
-
var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
|
|
9
|
-
var main_module = require('../../../../css/modal/main.module.less.js');
|
|
10
|
-
var modal = require('../../components/modal.js');
|
|
11
7
|
var utilities = require('../../utilities.js');
|
|
12
8
|
var constants = require('../../constants.js');
|
|
13
|
-
var
|
|
9
|
+
var main_module = require('../../../../css/modal/main.module.less.js');
|
|
10
|
+
var modal = require('../../components/modal.js');
|
|
14
11
|
var classnames = require('classnames');
|
|
12
|
+
var reactDom = require('react-dom');
|
|
13
|
+
var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
|
|
14
|
+
var use_resize = require('../../../../hooks/use_resize.js');
|
|
15
15
|
|
|
16
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
17
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var reactDom = require('react-dom');
|
|
8
|
-
var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
|
|
9
|
-
var main_module = require('../../../../css/modal/main.module.less.js');
|
|
10
|
-
var modal = require('../../components/modal.js');
|
|
11
7
|
var utilities = require('../../utilities.js');
|
|
12
8
|
var constants = require('../../constants.js');
|
|
13
|
-
var
|
|
9
|
+
var main_module = require('../../../../css/modal/main.module.less.js');
|
|
10
|
+
var modal = require('../../components/modal.js');
|
|
14
11
|
var classnames = require('classnames');
|
|
12
|
+
var reactDom = require('react-dom');
|
|
13
|
+
var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
|
|
14
|
+
var use_resize = require('../../../../hooks/use_resize.js');
|
|
15
15
|
|
|
16
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
17
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,112 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var classnames = require('classnames');
|
|
8
|
+
var reactDom = require('react-dom');
|
|
9
|
+
var constants = require('../../constants.js');
|
|
10
|
+
var css_classes = require('../../css_classes.js');
|
|
11
|
+
var main_module = require('../../../../css/modal_new/main.module.less.js');
|
|
12
|
+
var modal_footer = require('./modal_footer.js');
|
|
13
|
+
var modal_header = require('./modal_header.js');
|
|
14
|
+
var use_modals_context = require('../../hooks/use_modals_context.js');
|
|
15
|
+
|
|
16
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
+
|
|
18
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
20
|
+
|
|
21
|
+
var ModalNew = function ModalNew(_ref) {
|
|
22
|
+
var name = _ref.name,
|
|
23
|
+
hideAllModalsOnClose = _ref.hideAllModalsOnClose,
|
|
24
|
+
_ref$animationDirecti = _ref.animationDirection,
|
|
25
|
+
animationDirection = _ref$animationDirecti === void 0 ? constants.MODAL_ANIMATION_DIRECTIONS.top : _ref$animationDirecti,
|
|
26
|
+
header = _ref.header,
|
|
27
|
+
footer = _ref.footer,
|
|
28
|
+
minWidth = _ref.minWidth,
|
|
29
|
+
maxWidth = _ref.maxWidth,
|
|
30
|
+
children = _ref.children;
|
|
31
|
+
|
|
32
|
+
var _useState = React.useState(false),
|
|
33
|
+
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
34
|
+
visibleClass = _useState2[0],
|
|
35
|
+
setVisibleClass = _useState2[1];
|
|
36
|
+
|
|
37
|
+
var _useModalsContext = use_modals_context.useModalsContext(),
|
|
38
|
+
modalsManagerContainerSelector = _useModalsContext.modalsManagerContainerSelector,
|
|
39
|
+
addModal = _useModalsContext.addModal,
|
|
40
|
+
getModal = _useModalsContext.getModal,
|
|
41
|
+
hideModal = _useModalsContext.hideModal,
|
|
42
|
+
hideAllModals = _useModalsContext.hideAllModals;
|
|
43
|
+
|
|
44
|
+
var $modalsManagerContainer = document.querySelector(modalsManagerContainerSelector);
|
|
45
|
+
var modal = getModal(name);
|
|
46
|
+
|
|
47
|
+
var _useState3 = React.useState(false),
|
|
48
|
+
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
|
49
|
+
renderModal = _useState4[0],
|
|
50
|
+
setRenderModal = _useState4[1];
|
|
51
|
+
|
|
52
|
+
React.useEffect(function () {
|
|
53
|
+
addModal({
|
|
54
|
+
name: name,
|
|
55
|
+
visibilityState: constants.MODAL_VISIBILITY_STATE.none,
|
|
56
|
+
animationDirection: animationDirection
|
|
57
|
+
});
|
|
58
|
+
}, []);
|
|
59
|
+
React.useEffect(function () {
|
|
60
|
+
var showModalTimeout;
|
|
61
|
+
var hideModalTimeout;
|
|
62
|
+
|
|
63
|
+
if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === constants.MODAL_VISIBILITY_STATE.visible) {
|
|
64
|
+
setRenderModal(true);
|
|
65
|
+
showModalTimeout = setTimeout(function () {
|
|
66
|
+
setVisibleClass(true);
|
|
67
|
+
}, constants.MODAL_SLIDE_FADE_DURATION);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === constants.MODAL_VISIBILITY_STATE.hidden) {
|
|
71
|
+
setVisibleClass(false);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === constants.MODAL_VISIBILITY_STATE.none) {
|
|
75
|
+
setVisibleClass(false);
|
|
76
|
+
hideModalTimeout = setTimeout(function () {
|
|
77
|
+
setRenderModal(false);
|
|
78
|
+
}, constants.MODAL_SLIDE_FADE_DURATION);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
return function () {
|
|
82
|
+
clearTimeout(showModalTimeout);
|
|
83
|
+
clearTimeout(hideModalTimeout);
|
|
84
|
+
};
|
|
85
|
+
}, [modal]);
|
|
86
|
+
|
|
87
|
+
var handleCloseModal = function handleCloseModal() {
|
|
88
|
+
hideAllModalsOnClose ? hideAllModals() : hideModal(name);
|
|
89
|
+
(header === null || header === void 0 ? void 0 : header.closeAction) && header.closeAction();
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
var modalClassNames = classnames__default['default'](main_module['default'][css_classes.cssModal], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssModalShow], visibleClass), main_module['default'][css_classes.cssModalHide], !visibleClass), main_module['default'][css_classes.cssModalAnimationTop], animationDirection === constants.MODAL_ANIMATION_DIRECTIONS.top), main_module['default'][css_classes.cssModalAnimationRight], animationDirection === constants.MODAL_ANIMATION_DIRECTIONS.right), main_module['default'][css_classes.cssModalAnimationBottom], animationDirection === constants.MODAL_ANIMATION_DIRECTIONS.bottom), main_module['default'][css_classes.cssModalAnimationLeft], animationDirection === constants.MODAL_ANIMATION_DIRECTIONS.left));
|
|
93
|
+
if (!$modalsManagerContainer) return null;
|
|
94
|
+
return renderModal ? /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
|
|
95
|
+
id: name,
|
|
96
|
+
className: "".concat(modalClassNames, " js__modal"),
|
|
97
|
+
style: {
|
|
98
|
+
minWidth: minWidth,
|
|
99
|
+
maxHeight: maxWidth
|
|
100
|
+
}
|
|
101
|
+
}, header && /*#__PURE__*/React__default['default'].createElement(modal_header.ModalHeader, {
|
|
102
|
+
content: header.content,
|
|
103
|
+
closeAction: handleCloseModal
|
|
104
|
+
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
105
|
+
className: "".concat(main_module['default'][css_classes.cssModalContent])
|
|
106
|
+
}, children), footer && /*#__PURE__*/React__default['default'].createElement(modal_footer.ModalFooter, {
|
|
107
|
+
content: footer.content
|
|
108
|
+
})), $modalsManagerContainer) : null;
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
exports.ModalNew = ModalNew;
|
|
112
|
+
//# 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var css_classes = require('../../css_classes.js');
|
|
7
|
+
var main_module = require('../../../../css/modal_new/main.module.less.js');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
+
|
|
13
|
+
var ModalFooter = function ModalFooter(_ref) {
|
|
14
|
+
var content = _ref.content;
|
|
15
|
+
return /*#__PURE__*/React__default['default'].createElement("footer", {
|
|
16
|
+
className: main_module['default'][css_classes.cssModalFooter]
|
|
17
|
+
}, content);
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
exports.ModalFooter = ModalFooter;
|
|
21
|
+
//# sourceMappingURL=modal_footer.js.map
|
package/build/cjs/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var icon_close = require('../../../../assets/icon_close.js');
|
|
7
|
+
var css_classes = require('../../css_classes.js');
|
|
8
|
+
var main_module = require('../../../../css/modal_new/main.module.less.js');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
|
|
14
|
+
var ModalHeader = function ModalHeader(_ref) {
|
|
15
|
+
var _ref$content = _ref.content,
|
|
16
|
+
content = _ref$content === void 0 ? '' : _ref$content,
|
|
17
|
+
closeAction = _ref.closeAction;
|
|
18
|
+
return /*#__PURE__*/React__default['default'].createElement("header", {
|
|
19
|
+
className: main_module['default'][css_classes.cssModalHeader]
|
|
20
|
+
}, /*#__PURE__*/React__default['default'].createElement("h3", {
|
|
21
|
+
className: main_module['default'][css_classes.cssModalHeaderTitle]
|
|
22
|
+
}, content), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
23
|
+
className: main_module['default'][css_classes.cssModalHeaderActions]
|
|
24
|
+
}, closeAction && /*#__PURE__*/React__default['default'].createElement(icon_close['default'], {
|
|
25
|
+
onClick: closeAction,
|
|
26
|
+
className: main_module['default'][css_classes.cssModalHeaderCloseIcon]
|
|
27
|
+
})));
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
exports.ModalHeader = ModalHeader;
|
|
31
|
+
//# sourceMappingURL=modal_header.js.map
|
package/build/cjs/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var classnames = require('classnames');
|
|
8
|
+
var reactDom = require('react-dom');
|
|
9
|
+
var constants = require('../constants.js');
|
|
10
|
+
var css_classes = require('../css_classes.js');
|
|
11
|
+
var main_module = require('../../../css/modal_new/main.module.less.js');
|
|
12
|
+
var use_modals_context = require('../hooks/use_modals_context.js');
|
|
13
|
+
|
|
14
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
+
|
|
16
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
18
|
+
|
|
19
|
+
var ModalsWrapper = function ModalsWrapper(_ref) {
|
|
20
|
+
var children = _ref.children;
|
|
21
|
+
|
|
22
|
+
var _useState = React.useState(false),
|
|
23
|
+
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
24
|
+
showWrapper = _useState2[0],
|
|
25
|
+
setShowWrapper = _useState2[1];
|
|
26
|
+
|
|
27
|
+
var _useState3 = React.useState(false),
|
|
28
|
+
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
|
29
|
+
visibleClass = _useState4[0],
|
|
30
|
+
setVisibleClass = _useState4[1];
|
|
31
|
+
|
|
32
|
+
var _useModalsContext = use_modals_context.useModalsContext(),
|
|
33
|
+
openedModals = _useModalsContext.openedModals;
|
|
34
|
+
|
|
35
|
+
React.useEffect(function () {
|
|
36
|
+
var showWrapperTimeout;
|
|
37
|
+
|
|
38
|
+
if (openedModals.length) {
|
|
39
|
+
setShowWrapper(true);
|
|
40
|
+
setVisibleClass(true);
|
|
41
|
+
} else {
|
|
42
|
+
setVisibleClass(false);
|
|
43
|
+
showWrapperTimeout = setTimeout(function () {
|
|
44
|
+
setShowWrapper(false);
|
|
45
|
+
}, constants.MODALS_WRAPPER_BACKDROP_FADE_DURATION);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
return function () {
|
|
49
|
+
return clearTimeout(showWrapperTimeout);
|
|
50
|
+
};
|
|
51
|
+
}, [openedModals]);
|
|
52
|
+
var modalsWrapperBackdropClassNames = classnames__default['default'](main_module['default'][css_classes.cssModalsManagerWrapperBackdrop], _rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssModalsManagerWrapperBackdropShow], visibleClass));
|
|
53
|
+
return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
|
|
54
|
+
className: "".concat(main_module['default'][css_classes.cssModalsManager])
|
|
55
|
+
}, showWrapper && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
56
|
+
className: "".concat(main_module['default'][css_classes.cssModalsManagerWrapper])
|
|
57
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
58
|
+
className: "".concat(modalsWrapperBackdropClassNames, " js__modal-mask")
|
|
59
|
+
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
60
|
+
id: constants.MODALS_CONTENT_ID,
|
|
61
|
+
className: "".concat(main_module['default'][css_classes.cssModalsManagerWrapperContent])
|
|
62
|
+
})), children), document.body);
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
exports.ModalsWrapper = ModalsWrapper;
|
|
66
|
+
//# sourceMappingURL=modals_wrapper.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;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var MODALS_CONTENT_ID = 'modals-content';
|
|
6
|
+
var MODALS_WRAPPER_BACKDROP_FADE_DURATION = 300;
|
|
7
|
+
var MODAL_SLIDE_FADE_DURATION = 200;
|
|
8
|
+
var MODAL_ANIMATION_DIRECTIONS = {
|
|
9
|
+
top: 'top',
|
|
10
|
+
right: 'right',
|
|
11
|
+
bottom: 'bottom',
|
|
12
|
+
left: 'left'
|
|
13
|
+
};
|
|
14
|
+
var MODAL_VISIBILITY_STATE = {
|
|
15
|
+
none: 'none',
|
|
16
|
+
hidden: 'hidden',
|
|
17
|
+
visible: 'visible'
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
exports.MODALS_CONTENT_ID = MODALS_CONTENT_ID;
|
|
21
|
+
exports.MODALS_WRAPPER_BACKDROP_FADE_DURATION = MODALS_WRAPPER_BACKDROP_FADE_DURATION;
|
|
22
|
+
exports.MODAL_ANIMATION_DIRECTIONS = MODAL_ANIMATION_DIRECTIONS;
|
|
23
|
+
exports.MODAL_SLIDE_FADE_DURATION = MODAL_SLIDE_FADE_DURATION;
|
|
24
|
+
exports.MODAL_VISIBILITY_STATE = MODAL_VISIBILITY_STATE;
|
|
25
|
+
//# sourceMappingURL=constants.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;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
|
|
7
|
+
var ModalsManagerContext = /*#__PURE__*/React.createContext({
|
|
8
|
+
modalsManagerContainerSelector: '',
|
|
9
|
+
addModal: function addModal() {},
|
|
10
|
+
updateModal: function updateModal() {},
|
|
11
|
+
getModal: function getModal() {
|
|
12
|
+
return undefined;
|
|
13
|
+
},
|
|
14
|
+
showModal: function showModal() {},
|
|
15
|
+
hideModal: function hideModal() {},
|
|
16
|
+
hideAllModals: function hideAllModals() {},
|
|
17
|
+
openedModals: []
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
exports.ModalsManagerContext = ModalsManagerContext;
|
|
21
|
+
//# sourceMappingURL=context.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;"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var cssModalsManager = 'modals-manager';
|
|
6
|
+
var cssModalsManagerWrapper = 'modals-manager__wrapper';
|
|
7
|
+
var cssModalsManagerWrapperBackdrop = 'modals-manager__wrapper-backdrop';
|
|
8
|
+
var cssModalsManagerWrapperBackdropShow = 'modals-manager__wrapper-backdrop_show';
|
|
9
|
+
var cssModalsManagerWrapperContent = 'modals-manager__wrapper-content';
|
|
10
|
+
var cssModal = 'modal';
|
|
11
|
+
var cssModalHeader = 'modal__header';
|
|
12
|
+
var cssModalHeaderTitle = 'modal__header-title';
|
|
13
|
+
var cssModalHeaderActions = 'modal__header-actions';
|
|
14
|
+
var cssModalHeaderCloseIcon = 'modal__header-close-icon';
|
|
15
|
+
var cssModalShow = 'modal_show';
|
|
16
|
+
var cssModalHide = 'modal_hide';
|
|
17
|
+
var cssModalAnimationTop = 'modal_animation-top';
|
|
18
|
+
var cssModalAnimationRight = 'modal_animation-right';
|
|
19
|
+
var cssModalAnimationBottom = 'modal_animation-bottom';
|
|
20
|
+
var cssModalAnimationLeft = 'modal_animation-left';
|
|
21
|
+
var cssModalContent = 'modal__content';
|
|
22
|
+
var cssModalFooter = 'modal__footer';
|
|
23
|
+
|
|
24
|
+
exports.cssModal = cssModal;
|
|
25
|
+
exports.cssModalAnimationBottom = cssModalAnimationBottom;
|
|
26
|
+
exports.cssModalAnimationLeft = cssModalAnimationLeft;
|
|
27
|
+
exports.cssModalAnimationRight = cssModalAnimationRight;
|
|
28
|
+
exports.cssModalAnimationTop = cssModalAnimationTop;
|
|
29
|
+
exports.cssModalContent = cssModalContent;
|
|
30
|
+
exports.cssModalFooter = cssModalFooter;
|
|
31
|
+
exports.cssModalHeader = cssModalHeader;
|
|
32
|
+
exports.cssModalHeaderActions = cssModalHeaderActions;
|
|
33
|
+
exports.cssModalHeaderCloseIcon = cssModalHeaderCloseIcon;
|
|
34
|
+
exports.cssModalHeaderTitle = cssModalHeaderTitle;
|
|
35
|
+
exports.cssModalHide = cssModalHide;
|
|
36
|
+
exports.cssModalShow = cssModalShow;
|
|
37
|
+
exports.cssModalsManager = cssModalsManager;
|
|
38
|
+
exports.cssModalsManagerWrapper = cssModalsManagerWrapper;
|
|
39
|
+
exports.cssModalsManagerWrapperBackdrop = cssModalsManagerWrapperBackdrop;
|
|
40
|
+
exports.cssModalsManagerWrapperBackdropShow = cssModalsManagerWrapperBackdropShow;
|
|
41
|
+
exports.cssModalsManagerWrapperContent = cssModalsManagerWrapperContent;
|
|
42
|
+
//# sourceMappingURL=css_classes.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;"}
|