@dreamcommerce/aurora 2.17.19 → 2.18.0-1
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/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +3 -9
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +1 -7
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +1 -0
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/input.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js +0 -2
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +2 -4
- 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 +2 -6
- 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 +0 -2
- 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 +3 -20
- package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js +1 -7
- package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/modal_new/components/modals_wrapper.js +1 -1
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js +17 -113
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/controls/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js +1 -3
- package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/input/main.module.less.js +2 -3
- package/build/cjs/packages/aurora/src/css/input/main.module.less.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +2 -2
- package/build/cjs/packages/aurora/src/translations/en.json.js +1 -5
- package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
- package/build/cjs/packages/aurora/src/translations/pl.json.js +1 -5
- 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 +5 -0
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +1 -7
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +1 -7
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +1 -0
- package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/input.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +0 -1
- package/build/esm/packages/aurora/src/components/controls/css_classes.js +1 -2
- package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +2 -4
- 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 +2 -3
- package/build/esm/packages/aurora/src/components/controls/types.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
- 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 +0 -1
- package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +2 -6
- 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 +0 -2
- package/build/esm/packages/aurora/src/components/image_picker/css_classes.js +0 -2
- 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 +3 -20
- 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 +1 -7
- package/build/esm/packages/aurora/src/components/image_picker/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js +1 -7
- package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -1
- package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.js +1 -1
- package/build/esm/packages/aurora/src/components/modal_new/types.d.ts +0 -2
- 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 +19 -115
- 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 -9
- package/build/esm/packages/aurora/src/components/xhr_image_picker/types.js +0 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/types.js.map +1 -1
- package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/controls/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/hint/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js +1 -3
- package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js.map +1 -1
- package/build/esm/packages/aurora/src/css/input/main.module.less.js +2 -3
- package/build/esm/packages/aurora/src/css/input/main.module.less.js.map +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +1 -2
- package/build/esm/packages/aurora/src/index.js +1 -1
- package/build/esm/packages/aurora/src/translations/en.json +1 -3
- package/build/esm/packages/aurora/src/translations/en.json.js +2 -5
- package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
- package/build/esm/packages/aurora/src/translations/pl.json +1 -3
- package/build/esm/packages/aurora/src/translations/pl.json.js +2 -5
- 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 +5 -0
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/packages/aurora/src/assets/icon_image.js +0 -32
- package/build/cjs/packages/aurora/src/assets/icon_image.js.map +0 -1
- package/build/esm/packages/aurora/src/assets/icon_image.d.ts +0 -4
- package/build/esm/packages/aurora/src/assets/icon_image.js +0 -24
- package/build/esm/packages/aurora/src/assets/icon_image.js.map +0 -1
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var utilities = require('@dreamcommerce/utilities');
|
|
8
7
|
var input = require('../../../controls/components/input.js');
|
|
9
8
|
var context = require('../../context.js');
|
|
10
|
-
var utilities
|
|
9
|
+
var utilities = require('../../utilities.js');
|
|
10
|
+
require('@dreamcommerce/utilities');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
13
|
|
|
@@ -33,7 +33,7 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
|
|
|
33
33
|
var handleOnChange = function handleOnChange(event) {
|
|
34
34
|
var inputValue = event.target.value.replace('%', '');
|
|
35
35
|
|
|
36
|
-
if (utilities
|
|
36
|
+
if (utilities.isHexChar(inputValue)) {
|
|
37
37
|
setValue(inputValue);
|
|
38
38
|
setColor(inputValue);
|
|
39
39
|
}
|
|
@@ -60,12 +60,6 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
|
|
|
60
60
|
onChange: handleOnChange,
|
|
61
61
|
onBlur: hexBlur,
|
|
62
62
|
onFocus: hexFocus
|
|
63
|
-
}), /*#__PURE__*/React__default['default'].createElement(input['default'], {
|
|
64
|
-
padding: "small",
|
|
65
|
-
type: "text",
|
|
66
|
-
value: alphaValue,
|
|
67
|
-
onChange: handleOnChangeAlpha,
|
|
68
|
-
onKeyPress: utilities.InputUtils.preventTypingLetters
|
|
69
63
|
}));
|
|
70
64
|
};
|
|
71
65
|
|
|
@@ -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;
|
|
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;"}
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var utilities = require('@dreamcommerce/utilities');
|
|
7
6
|
var input = require('../../../controls/components/input.js');
|
|
8
7
|
var context = require('../../context.js');
|
|
8
|
+
var utilities = require('@dreamcommerce/utilities');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
11
|
|
|
@@ -44,12 +44,6 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
|
|
|
44
44
|
return setB(Number(e.target.value));
|
|
45
45
|
},
|
|
46
46
|
onKeyPress: utilities.InputUtils.preventTypingLetters
|
|
47
|
-
}), /*#__PURE__*/React__default['default'].createElement(input['default'], {
|
|
48
|
-
padding: "small",
|
|
49
|
-
type: "text",
|
|
50
|
-
value: alphaValue,
|
|
51
|
-
onChange: handleOnChangeAlpha,
|
|
52
|
-
onKeyPress: utilities.InputUtils.preventTypingLetters
|
|
53
47
|
}));
|
|
54
48
|
};
|
|
55
49
|
|
|
@@ -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;
|
|
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;"}
|
package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js
CHANGED
|
@@ -55,6 +55,7 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
|
|
|
55
55
|
hideInputType: true,
|
|
56
56
|
hideInputs: true,
|
|
57
57
|
hidePresets: true,
|
|
58
|
+
hideOpacity: true,
|
|
58
59
|
className: "".concat(main_module['default'][css_classes.cssColorPickerRbgcp])
|
|
59
60
|
}), /*#__PURE__*/React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null), /*#__PURE__*/React__default['default'].createElement(colorPickerSwatches.ColorPickerSwatches, null)), /*#__PURE__*/React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null))));
|
|
60
61
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,0FAA8F;AACpH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,0FAA8F;AACpH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -35,10 +35,10 @@ var Input = function Input(_ref) {
|
|
|
35
35
|
var _useControlContext = context.useControlContext(),
|
|
36
36
|
errors = _useControlContext.errors;
|
|
37
37
|
|
|
38
|
-
var inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module$1['default'][css_classes.cssControl], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(
|
|
38
|
+
var inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module$1['default'][css_classes.cssControl], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssControlS], padding === 'small'), main_module['default'][css_classes.cssControlError], errors), main_module['default'][css_classes.cssControlDisabled], disabled), main_module['default'][css_classes.cssControlReadonly], readOnly));
|
|
39
39
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
40
40
|
className: inputClasses
|
|
41
|
-
}, preElement && /*#__PURE__*/React__default['default'].createElement(
|
|
41
|
+
}, preElement && /*#__PURE__*/React__default['default'].createElement("div", null, preElement), /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
|
|
42
42
|
id: id,
|
|
43
43
|
name: name,
|
|
44
44
|
value: value !== null && value !== void 0 ? value : '',
|
|
@@ -25,7 +25,6 @@ var cssControlReadonly = 'control_readonly';
|
|
|
25
25
|
var cssControlError = 'control_error';
|
|
26
26
|
var cssControlInput = 'control__input';
|
|
27
27
|
var cssControlInputRemoveButton = 'control__remove-button';
|
|
28
|
-
var cssControlPreElement = 'control__pre-element';
|
|
29
28
|
var checkbox = 'checkbox';
|
|
30
29
|
var checkboxDisabled = "".concat(checkbox, "_disabled");
|
|
31
30
|
var checkboxControl = "".concat(checkbox, "__control");
|
|
@@ -69,7 +68,6 @@ exports.cssControlError = cssControlError;
|
|
|
69
68
|
exports.cssControlFocus = cssControlFocus;
|
|
70
69
|
exports.cssControlInput = cssControlInput;
|
|
71
70
|
exports.cssControlInputRemoveButton = cssControlInputRemoveButton;
|
|
72
|
-
exports.cssControlPreElement = cssControlPreElement;
|
|
73
71
|
exports.cssControlReadonly = cssControlReadonly;
|
|
74
72
|
exports.cssControlS = cssControlS;
|
|
75
73
|
exports.cssControlWrapper = cssControlWrapper;
|
|
@@ -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;
|
|
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;"}
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js
CHANGED
|
@@ -26,8 +26,7 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
|
|
|
26
26
|
hint = _ref.hint,
|
|
27
27
|
labelAdditionalInfo = _ref.labelAdditionalInfo,
|
|
28
28
|
onUploaded = _ref.onUploaded,
|
|
29
|
-
onImageSizeUpdated = _ref.onImageSizeUpdated
|
|
30
|
-
ImageEditor = _ref.ImageEditor;
|
|
29
|
+
onImageSizeUpdated = _ref.onImageSizeUpdated;
|
|
31
30
|
|
|
32
31
|
var _useState = React.useState(errors),
|
|
33
32
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
@@ -70,8 +69,7 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
|
|
|
70
69
|
className: className,
|
|
71
70
|
errors: errors,
|
|
72
71
|
onUploaded: onUploaded,
|
|
73
|
-
onImageSizeUpdated: onImageSizeUpdated
|
|
74
|
-
ImageEditor: ImageEditor
|
|
72
|
+
onImageSizeUpdated: onImageSizeUpdated
|
|
75
73
|
}))), /*#__PURE__*/React__default['default'].createElement(index['default'].Errors, null));
|
|
76
74
|
};
|
|
77
75
|
|
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;"}
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
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
|
-
var utilities$1 = require('@dreamcommerce/utilities');
|
|
9
8
|
var classnames = require('classnames');
|
|
10
9
|
var reactDom = require('react-dom');
|
|
11
10
|
var main_module$3 = require('../../../css/icons/main.module.less.js');
|
|
@@ -13,6 +12,7 @@ var index = require('../context/index.js');
|
|
|
13
12
|
var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
|
|
14
13
|
var use_screen_detect = require('../../../hooks/use_screen_detect.js');
|
|
15
14
|
var with_translation = require('../../../utilities/translation/with_translation.js');
|
|
15
|
+
var utilities$1 = require('@dreamcommerce/utilities');
|
|
16
16
|
var reactTransitionGroup = require('react-transition-group');
|
|
17
17
|
var constants = require('../constants.js');
|
|
18
18
|
var css_classes = require('../css_classes.js');
|
|
@@ -97,11 +97,8 @@ var useFilePicker = function useFilePicker(_ref) {
|
|
|
97
97
|
return isValid;
|
|
98
98
|
};
|
|
99
99
|
|
|
100
|
-
var onFileChange = function onFileChange(
|
|
101
|
-
|
|
102
|
-
};
|
|
103
|
-
|
|
104
|
-
var changeFile = function changeFile(files) {
|
|
100
|
+
var onFileChange = function onFileChange(_ref2) {
|
|
101
|
+
var files = _ref2.target.files;
|
|
105
102
|
setErrors([]);
|
|
106
103
|
updateFile(files);
|
|
107
104
|
};
|
|
@@ -170,7 +167,6 @@ var useFilePicker = function useFilePicker(_ref) {
|
|
|
170
167
|
onDragLeave: onDragLeave,
|
|
171
168
|
onFileDelete: onFileDelete,
|
|
172
169
|
onPreviewError: onPreviewError,
|
|
173
|
-
changeFile: changeFile,
|
|
174
170
|
file: file,
|
|
175
171
|
errors: errors,
|
|
176
172
|
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;"}
|
|
@@ -8,8 +8,6 @@ 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"),
|
|
13
11
|
imagePickerLabel: "".concat(imagePicker, "__label"),
|
|
14
12
|
imagePickerDescription: "".concat(imagePicker, "__description"),
|
|
15
13
|
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;"}
|
|
@@ -33,9 +33,7 @@ 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
|
|
37
|
-
topButtons = _ref.topButtons,
|
|
38
|
-
editedImageResult = _ref.editedImageResult;
|
|
36
|
+
onImageSizeUpdated = _ref.onImageSizeUpdated;
|
|
39
37
|
|
|
40
38
|
var _useTranslation = useTranslation.useTranslation(),
|
|
41
39
|
_useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
|
|
@@ -57,7 +55,6 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
57
55
|
onDragLeave = _useFilePicker.onDragLeave,
|
|
58
56
|
onFileDelete = _useFilePicker.onFileDelete,
|
|
59
57
|
onPreviewError = _useFilePicker.onPreviewError,
|
|
60
|
-
changeFile = _useFilePicker.changeFile,
|
|
61
58
|
file = _useFilePicker.file,
|
|
62
59
|
errors = _useFilePicker.errors,
|
|
63
60
|
isPreview = _useFilePicker.isPreview,
|
|
@@ -77,18 +74,6 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
77
74
|
React.useEffect(function () {
|
|
78
75
|
initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
|
|
79
76
|
}, [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
|
-
};
|
|
92
77
|
|
|
93
78
|
var setImageSizeBasedOnUrl = function setImageSizeBasedOnUrl(fileUrl) {
|
|
94
79
|
createImageFromUrl(fileUrl).then(function (image) {
|
|
@@ -168,9 +153,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
168
153
|
className: imagePickerClassName
|
|
169
154
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
170
155
|
className: "".concat(imagePickerWrapperClassName, " ").concat(dragOverStyles.imagePickerWrapper)
|
|
171
|
-
}, file && (isPreview ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null,
|
|
172
|
-
className: main_module['default'][css_classes['default'].imagePickerWrapperTopButtons]
|
|
173
|
-
}, topButtons), /*#__PURE__*/React__default['default'].createElement(image_preview.ImagePreview, {
|
|
156
|
+
}, file && (isPreview ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(image_preview.ImagePreview, {
|
|
174
157
|
file: file,
|
|
175
158
|
isValid: !(errors !== null && errors !== void 0 && errors.length),
|
|
176
159
|
onError: onPreviewError
|
|
@@ -200,7 +183,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
200
183
|
}, function (prev, curr) {
|
|
201
184
|
var _prev$initialFile, _curr$initialFile, _prev$initialFile2, _curr$initialFile2;
|
|
202
185
|
|
|
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
|
|
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;
|
|
204
187
|
});
|
|
205
188
|
|
|
206
189
|
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;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;
|
|
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;"}
|
|
@@ -25,8 +25,6 @@ var ModalNew = function ModalNew(_ref) {
|
|
|
25
25
|
animationDirection = _ref$animationDirecti === void 0 ? constants.MODAL_ANIMATION_DIRECTIONS.top : _ref$animationDirecti,
|
|
26
26
|
header = _ref.header,
|
|
27
27
|
footer = _ref.footer,
|
|
28
|
-
minWidth = _ref.minWidth,
|
|
29
|
-
maxWidth = _ref.maxWidth,
|
|
30
28
|
children = _ref.children;
|
|
31
29
|
|
|
32
30
|
var _useState = React.useState(false),
|
|
@@ -93,11 +91,7 @@ var ModalNew = function ModalNew(_ref) {
|
|
|
93
91
|
if (!$modalsManagerContainer) return null;
|
|
94
92
|
return renderModal ? /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
|
|
95
93
|
id: name,
|
|
96
|
-
className:
|
|
97
|
-
style: {
|
|
98
|
-
minWidth: minWidth,
|
|
99
|
-
maxHeight: maxWidth
|
|
100
|
-
}
|
|
94
|
+
className: modalClassNames
|
|
101
95
|
}, header && /*#__PURE__*/React__default['default'].createElement(modal_header.ModalHeader, {
|
|
102
96
|
content: header.content,
|
|
103
97
|
closeAction: handleCloseModal
|
|
@@ -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;
|
|
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;"}
|
|
@@ -55,7 +55,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
|
|
|
55
55
|
}, showWrapper && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
56
56
|
className: "".concat(main_module['default'][css_classes.cssModalsManagerWrapper])
|
|
57
57
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
58
|
-
className:
|
|
58
|
+
className: modalsWrapperBackdropClassNames
|
|
59
59
|
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
60
60
|
id: constants.MODALS_CONTENT_ID,
|
|
61
61
|
className: "".concat(main_module['default'][css_classes.cssModalsManagerWrapperContent])
|
|
@@ -3,16 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
|
|
7
6
|
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
8
7
|
var constants = require('../file_picker/constants.js');
|
|
9
|
-
var http_requester_contants = require('../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js');
|
|
10
|
-
var css_classes = require('../image_picker/css_classes.js');
|
|
11
|
-
var icon_image = require('../../assets/icon_image.js');
|
|
12
|
-
var main_module = require('../../css/image_picker/main.module.less.js');
|
|
13
8
|
var index = require('../image_picker/index.js');
|
|
14
|
-
var
|
|
15
|
-
var modal = require('../modal_new/components/modal/modal.js');
|
|
9
|
+
var http_requester_contants = require('../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js');
|
|
16
10
|
var use_http_api = require('../../hooks/use_http_api.js');
|
|
17
11
|
|
|
18
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -30,65 +24,32 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
30
24
|
onChange = _ref.onChange,
|
|
31
25
|
onImageSizeUpdated = _ref.onImageSizeUpdated,
|
|
32
26
|
_ref$allowedExtension = _ref.allowedExtensions,
|
|
33
|
-
allowedExtensions = _ref$allowedExtension === void 0 ? [constants.FILES_EXTENSIONS.WEBP, constants.FILES_EXTENSIONS.JPG, constants.FILES_EXTENSIONS.PNG, constants.FILES_EXTENSIONS.GIF, constants.FILES_EXTENSIONS.SVG, constants.FILES_EXTENSIONS.JPEG] : _ref$allowedExtension
|
|
34
|
-
ImageEditor = _ref.ImageEditor;
|
|
35
|
-
|
|
36
|
-
var _useTranslation = useTranslation.useTranslation(),
|
|
37
|
-
_useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
|
|
38
|
-
t = _useTranslation2[0];
|
|
39
|
-
|
|
27
|
+
allowedExtensions = _ref$allowedExtension === void 0 ? [constants.FILES_EXTENSIONS.WEBP, constants.FILES_EXTENSIONS.JPG, constants.FILES_EXTENSIONS.PNG, constants.FILES_EXTENSIONS.GIF, constants.FILES_EXTENSIONS.SVG, constants.FILES_EXTENSIONS.JPEG] : _ref$allowedExtension;
|
|
40
28
|
var httpApi = use_http_api.useHttpApi();
|
|
41
29
|
var pendingRequestRef = React__default['default'].useRef();
|
|
42
30
|
var initialImageFile = React.useRef();
|
|
43
31
|
|
|
44
|
-
var _useModalsContext = use_modals_context.useModalsContext(),
|
|
45
|
-
showModal = _useModalsContext.showModal,
|
|
46
|
-
hideModal = _useModalsContext.hideModal;
|
|
47
|
-
|
|
48
|
-
var modalId = "image-picker-editor-".concat(id);
|
|
49
|
-
|
|
50
|
-
var _useState = React.useState(),
|
|
51
|
-
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
52
|
-
initialImage = _useState2[0],
|
|
53
|
-
setInitialImage = _useState2[1];
|
|
54
|
-
|
|
55
|
-
var _useState3 = React.useState(),
|
|
56
|
-
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
|
57
|
-
image = _useState4[0],
|
|
58
|
-
setImage = _useState4[1];
|
|
59
|
-
|
|
60
|
-
var _useState5 = React.useState(''),
|
|
61
|
-
_useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
|
|
62
|
-
imageEditorSrc = _useState6[0],
|
|
63
|
-
setImageEditorSrc = _useState6[1];
|
|
64
|
-
|
|
65
|
-
var _useState7 = React.useState(),
|
|
66
|
-
_useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
|
|
67
|
-
imageEditorResult = _useState8[0],
|
|
68
|
-
setImageEditorResult = _useState8[1];
|
|
69
|
-
|
|
70
32
|
var handleControlChange = /*#__PURE__*/function () {
|
|
71
33
|
var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
|
|
72
|
-
var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest,
|
|
34
|
+
var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
|
|
73
35
|
|
|
74
36
|
return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
|
|
75
37
|
while (1) switch (_context.prev = _context.next) {
|
|
76
38
|
case 0:
|
|
77
39
|
fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
|
|
78
|
-
fileList && setImage(fileList[0]);
|
|
79
40
|
onChange === null || onChange === void 0 || onChange({
|
|
80
41
|
fileList: fileList,
|
|
81
42
|
fileAsDataUrl: fileAsDataUrl
|
|
82
43
|
});
|
|
83
44
|
|
|
84
45
|
if (!(!fileList || !fileList.length)) {
|
|
85
|
-
_context.next =
|
|
46
|
+
_context.next = 4;
|
|
86
47
|
break;
|
|
87
48
|
}
|
|
88
49
|
|
|
89
50
|
return _context.abrupt("return");
|
|
90
51
|
|
|
91
|
-
case
|
|
52
|
+
case 4:
|
|
92
53
|
if (pendingRequestRef.current) {
|
|
93
54
|
pendingRequestRef.current();
|
|
94
55
|
pendingRequestRef.current = undefined;
|
|
@@ -100,14 +61,18 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
100
61
|
data: fileList[0]
|
|
101
62
|
}), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
|
|
102
63
|
pendingRequestRef.current = cancelRequest;
|
|
103
|
-
_context.next =
|
|
64
|
+
_context.next = 9;
|
|
104
65
|
return response;
|
|
105
66
|
|
|
106
|
-
case
|
|
107
|
-
|
|
108
|
-
onUploaded === null || onUploaded === void 0 || onUploaded(
|
|
67
|
+
case 9:
|
|
68
|
+
responseObject = _context.sent;
|
|
69
|
+
onUploaded === null || onUploaded === void 0 || onUploaded({
|
|
70
|
+
fileList: fileList,
|
|
71
|
+
dataUrl: fileAsDataUrl,
|
|
72
|
+
imageId: responseObject.data.imageId
|
|
73
|
+
});
|
|
109
74
|
|
|
110
|
-
case
|
|
75
|
+
case 11:
|
|
111
76
|
case "end":
|
|
112
77
|
return _context.stop();
|
|
113
78
|
}
|
|
@@ -121,56 +86,13 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
121
86
|
|
|
122
87
|
React.useEffect(function () {
|
|
123
88
|
initialImageFile.current = initialFile;
|
|
124
|
-
|
|
125
|
-
var setFileFromUrl = /*#__PURE__*/function () {
|
|
126
|
-
var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(fileData) {
|
|
127
|
-
var response, data, file;
|
|
128
|
-
return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
129
|
-
while (1) switch (_context2.prev = _context2.next) {
|
|
130
|
-
case 0:
|
|
131
|
-
_context2.next = 2;
|
|
132
|
-
return fetch(fileData.fileUrl);
|
|
133
|
-
|
|
134
|
-
case 2:
|
|
135
|
-
response = _context2.sent;
|
|
136
|
-
_context2.next = 5;
|
|
137
|
-
return response.blob();
|
|
138
|
-
|
|
139
|
-
case 5:
|
|
140
|
-
data = _context2.sent;
|
|
141
|
-
file = new File([data], fileData.fileName);
|
|
142
|
-
setInitialImage(file);
|
|
143
|
-
|
|
144
|
-
case 8:
|
|
145
|
-
case "end":
|
|
146
|
-
return _context2.stop();
|
|
147
|
-
}
|
|
148
|
-
}, _callee2);
|
|
149
|
-
}));
|
|
150
|
-
|
|
151
|
-
return function setFileFromUrl(_x2) {
|
|
152
|
-
return _ref3.apply(this, arguments);
|
|
153
|
-
};
|
|
154
|
-
}();
|
|
155
|
-
|
|
156
|
-
if (!initialImageFile.current) return;
|
|
157
|
-
setFileFromUrl(initialImageFile.current);
|
|
158
89
|
return function () {
|
|
159
90
|
var _pendingRequestRef$cu;
|
|
160
91
|
|
|
161
92
|
return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
|
|
162
93
|
};
|
|
163
94
|
}, []);
|
|
164
|
-
|
|
165
|
-
var src = image !== null && image !== void 0 ? image : initialImage;
|
|
166
|
-
setImageEditorSrc(src !== null && src !== void 0 ? src : '');
|
|
167
|
-
}, [image, initialImage]);
|
|
168
|
-
|
|
169
|
-
var renderImageEditor = function renderImageEditor(defaultProps) {
|
|
170
|
-
return ImageEditor ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ImageEditor, _rollupPluginBabelHelpers.objectSpread2({}, defaultProps))) : null;
|
|
171
|
-
};
|
|
172
|
-
|
|
173
|
-
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(index['default'], {
|
|
95
|
+
return /*#__PURE__*/React__default['default'].createElement(index['default'], {
|
|
174
96
|
id: id,
|
|
175
97
|
name: name,
|
|
176
98
|
onChange: handleControlChange,
|
|
@@ -178,26 +100,8 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
178
100
|
errors: errors,
|
|
179
101
|
allowedExtensions: allowedExtensions,
|
|
180
102
|
initialFile: initialImageFile.current,
|
|
181
|
-
onImageSizeUpdated: onImageSizeUpdated
|
|
182
|
-
|
|
183
|
-
className: main_module['default'][css_classes['default'].imagePickerEditButton],
|
|
184
|
-
onClick: function onClick() {
|
|
185
|
-
return showModal(modalId);
|
|
186
|
-
},
|
|
187
|
-
type: "button"
|
|
188
|
-
}, /*#__PURE__*/React__default['default'].createElement(icon_image['default'], null), t('Edit')),
|
|
189
|
-
editedImageResult: imageEditorResult
|
|
190
|
-
}), ImageEditor && /*#__PURE__*/React__default['default'].createElement(modal.ModalNew, {
|
|
191
|
-
name: modalId,
|
|
192
|
-
header: t('Edit image'),
|
|
193
|
-
minWidth: "80vw"
|
|
194
|
-
}, renderImageEditor({
|
|
195
|
-
src: imageEditorSrc,
|
|
196
|
-
onEditionDone: function onEditionDone(result) {
|
|
197
|
-
hideModal(modalId);
|
|
198
|
-
setImageEditorResult(result);
|
|
199
|
-
}
|
|
200
|
-
})));
|
|
103
|
+
onImageSizeUpdated: onImageSizeUpdated
|
|
104
|
+
});
|
|
201
105
|
};
|
|
202
106
|
|
|
203
107
|
exports.default = XhrImagePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 250px;\n padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__rbgcp__2FKdw > div {\n display: flex;\n flex-direction: column;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) {\n order: -1;\n padding: 0 !important;\n margin-bottom: 10px;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div {\n background-color: #F3F4F8;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div {\n width: 24px;\n height: 24px;\n background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43NTc5IDIuNTgwMjFMMTAuNTg4OCAzLjc0OTI1TDExLjc1NzkgNC45MTgzTDEwLjU4ODggNi4wODczNEwxMC4wMDQzIDUuNTAyODJMMy43NDkyNSAxMS43NTc5QzMuNTg5OCAxMS45MTczIDMuMzcyMTMgMTIuMDA0NyAzLjE0NjY5IDExLjk5OThMMC44NTg1NTUgMTEuOTQ5OEMwLjQxNjE1MiAxMS45NDAyIDAuMDU5ODE2MiAxMS41ODM4IDAuMDUwMTU2OCAxMS4xNDE0TDAuMDAwMTk3MjMxIDguODUzMzJDLTAuMDA0NzI1MDIgOC42Mjc4NyAwLjA4MjY2NTkgOC40MTAyIDAuMjQyMTE4IDguMjUwNzVMNi40OTcxOCAxLjk5NTY5TDUuOTEyNjYgMS40MTExNkw3LjA4MTcgMC4yNDIxMTlMOC4yNTA3NSAxLjQxMTE2TDkuNDE5NzkgMC4yNDIxMTdDOS43NDI2MSAtMC4wODA3MDU3IDEwLjI2NiAtMC4wODA3MDU3IDEwLjU4ODggMC4yNDIxMTdMMTEuNzU3OSAxLjQxMTE2QzEyLjA4MDcgMS43MzM5OCAxMi4wODA3IDIuMjU3MzggMTEuNzU3OSAyLjU4MDIxWk03LjY2NjIzIDMuMTY0NzNMMi4wNzc3IDguNzUzMjZMMy4yNDY3NCA5LjkyMjNMOC44MzUyNyA0LjMzMzc4TDcuNjY2MjMgMy4xNjQ3M1oiIGZpbGw9IiM1QzY1N0UiLz4KPC9zdmc+Cg==) center;\n cursor: pointer;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div svg {\n display: none;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(4) {\n margin-top: 10px !important;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 16px;\n}\n.main-module_color-picker__swatches-header__187FL {\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-content__3EFZR {\n display: flex;\n justify-content: space-between;\n gap: 4px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs__3Cmmw {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 15px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 250px;\n padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__rbgcp__2FKdw > div {\n display: flex;\n flex-direction: column;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) {\n order: -1;\n padding: 0 !important;\n margin-bottom: 10px;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div {\n background-color: #F3F4F8;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div {\n width: 24px;\n height: 24px;\n background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43NTc5IDIuNTgwMjFMMTAuNTg4OCAzLjc0OTI1TDExLjc1NzkgNC45MTgzTDEwLjU4ODggNi4wODczNEwxMC4wMDQzIDUuNTAyODJMMy43NDkyNSAxMS43NTc5QzMuNTg5OCAxMS45MTczIDMuMzcyMTMgMTIuMDA0NyAzLjE0NjY5IDExLjk5OThMMC44NTg1NTUgMTEuOTQ5OEMwLjQxNjE1MiAxMS45NDAyIDAuMDU5ODE2MiAxMS41ODM4IDAuMDUwMTU2OCAxMS4xNDE0TDAuMDAwMTk3MjMxIDguODUzMzJDLTAuMDA0NzI1MDIgOC42Mjc4NyAwLjA4MjY2NTkgOC40MTAyIDAuMjQyMTE4IDguMjUwNzVMNi40OTcxOCAxLjk5NTY5TDUuOTEyNjYgMS40MTExNkw3LjA4MTcgMC4yNDIxMTlMOC4yNTA3NSAxLjQxMTE2TDkuNDE5NzkgMC4yNDIxMTdDOS43NDI2MSAtMC4wODA3MDU3IDEwLjI2NiAtMC4wODA3MDU3IDEwLjU4ODggMC4yNDIxMTdMMTEuNzU3OSAxLjQxMTE2QzEyLjA4MDcgMS43MzM5OCAxMi4wODA3IDIuMjU3MzggMTEuNzU3OSAyLjU4MDIxWk03LjY2NjIzIDMuMTY0NzNMMi4wNzc3IDguNzUzMjZMMy4yNDY3NCA5LjkyMjNMOC44MzUyNyA0LjMzMzc4TDcuNjY2MjMgMy4xNjQ3M1oiIGZpbGw9IiM1QzY1N0UiLz4KPC9zdmc+Cg==) center;\n cursor: pointer;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div svg {\n display: none;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(4) {\n margin-top: 10px !important;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 16px;\n}\n.main-module_color-picker__swatches-header__187FL {\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-content__3EFZR {\n display: flex;\n justify-content: space-between;\n gap: 4px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs__3Cmmw {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 15px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #ececec;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:not(:last-child) {\n border-right: 1px solid #ececec;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:not(:last-child):hover {\n border-right: 1px solid #ececec;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
|
|
8
8
|
var styles = {
|
|
9
9
|
"color-picker__container": "main-module_color-picker__container__14ccI",
|
|
10
10
|
"color-picker__rbgcp": "main-module_color-picker__rbgcp__2FKdw",
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_controls__1yrPe:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n display: flex;\n align-items: flex-start;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n margin-left: 0;\n margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n flex: 0 1 100%;\n max-width: 100%;\n padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n flex-basis: 25%;\n max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n content: attr(data-prefix);\n position: absolute;\n left: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n padding-left: 2.5025em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n content: attr(data-postfix);\n position: absolute;\n right: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n justify-content: space-between;\n align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_vtop__257yQ {\n display: flex;\n align-items: flex-start;\n}\n.main-module_controls__element_hcenter__2tkPq {\n display: flex;\n justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n display: flex;\n align-items: center;\n color: #2d3748;\n margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n display: flex;\n justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n display: flex;\n margin-top: -0.25rem;\n margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n margin-top: 0.4rem;\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #e60c54;\n text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n padding: 0.5rem;\n background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-info__3yRra {\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #5c657e;\n margin: 0;\n}\n.main-module_controls__additional-content__1jX07 {\n margin-left: 2.5rem;\n margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n margin-left: 0.8rem;\n border-left: 1px solid #d0e6ff;\n padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n position: absolute;\n left: 1.25rem;\n pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n align-items: center;\n position: relative;\n display: flex;\n}\ninput,\ntextarea {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n color: #5c657e;\n background-color: #ffffff;\n
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_controls__1yrPe:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n display: flex;\n align-items: flex-start;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n margin-left: 0;\n margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n flex: 0 1 100%;\n max-width: 100%;\n padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n flex-basis: 25%;\n max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n content: attr(data-prefix);\n position: absolute;\n left: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n padding-left: 2.5025em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n content: attr(data-postfix);\n position: absolute;\n right: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n justify-content: space-between;\n align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_vtop__257yQ {\n display: flex;\n align-items: flex-start;\n}\n.main-module_controls__element_hcenter__2tkPq {\n display: flex;\n justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n display: flex;\n align-items: center;\n color: #2d3748;\n margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n display: flex;\n justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n display: flex;\n margin-top: -0.25rem;\n margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n margin-top: 0.4rem;\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #e60c54;\n text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n padding: 0.5rem;\n background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-info__3yRra {\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #5c657e;\n margin: 0;\n}\n.main-module_controls__additional-content__1jX07 {\n margin-left: 2.5rem;\n margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n margin-left: 0.8rem;\n border-left: 1px solid #d0e6ff;\n padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n position: absolute;\n left: 1.25rem;\n pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n align-items: center;\n position: relative;\n display: flex;\n}\ninput,\ntextarea {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n color: #5c657e;\n background-color: #ffffff;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n}\ninput[type='number'] {\n -moz-appearance: textfield;\n}\ntextarea {\n min-height: 8rem;\n resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n option {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n }\n}\n";
|
|
8
8
|
var cssStyles = {
|
|
9
9
|
"controls": "main-module_controls__1yrPe",
|
|
10
10
|
"controls_error": "main-module_controls_error__1aqLg",
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left:
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__content__IIh3W {\n min-width: 258px;\n max-width: 500px;\n padding: 1rem !important;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2) !important;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_top__1bZPH::before {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_bottom__10hXS::before {\n border-color: transparent transparent #fff6cc transparent;\n}\n";
|
|
8
8
|
var cssClasses = {
|
|
9
9
|
"hint": "main-module_hint__3cahT",
|
|
10
10
|
"hint_spacing-left": "main-module_hint_spacing-left__1dKcO",
|