@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.
Files changed (96) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +3 -9
  2. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +1 -7
  4. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +1 -0
  6. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/controls/components/input.js +2 -2
  8. package/build/cjs/packages/aurora/src/components/controls/css_classes.js +0 -2
  9. package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +2 -4
  11. package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map +1 -1
  12. package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +1 -1
  13. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +2 -6
  14. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  15. package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js +0 -2
  16. package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js.map +1 -1
  17. package/build/cjs/packages/aurora/src/components/image_picker/index.js +3 -20
  18. package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
  19. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js +1 -7
  20. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -1
  21. package/build/cjs/packages/aurora/src/components/modal_new/components/modals_wrapper.js +1 -1
  22. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js +17 -113
  23. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  24. package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js +1 -1
  25. package/build/cjs/packages/aurora/src/css/controls/main.module.less.js +1 -1
  26. package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +1 -1
  27. package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js +1 -3
  28. package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js.map +1 -1
  29. package/build/cjs/packages/aurora/src/css/input/main.module.less.js +2 -3
  30. package/build/cjs/packages/aurora/src/css/input/main.module.less.js.map +1 -1
  31. package/build/cjs/packages/aurora/src/index.js +2 -2
  32. package/build/cjs/packages/aurora/src/translations/en.json.js +1 -5
  33. package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
  34. package/build/cjs/packages/aurora/src/translations/pl.json.js +1 -5
  35. package/build/cjs/packages/aurora/src/translations/pl.json.js.map +1 -1
  36. package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +5 -0
  37. package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
  38. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +1 -7
  39. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +1 -1
  40. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +1 -7
  41. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +1 -1
  42. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +1 -0
  43. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
  44. package/build/esm/packages/aurora/src/components/controls/components/input.js +3 -3
  45. package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +0 -1
  46. package/build/esm/packages/aurora/src/components/controls/css_classes.js +1 -2
  47. package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
  48. package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +2 -4
  49. package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map +1 -1
  50. package/build/esm/packages/aurora/src/components/controls/types.d.ts +2 -3
  51. package/build/esm/packages/aurora/src/components/controls/types.js +1 -1
  52. package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
  53. package/build/esm/packages/aurora/src/components/dropdown/components/content.js +1 -1
  54. package/build/esm/packages/aurora/src/components/file_picker/types.d.ts +0 -1
  55. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +2 -6
  56. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  57. package/build/esm/packages/aurora/src/components/image_picker/css_classes.d.ts +0 -2
  58. package/build/esm/packages/aurora/src/components/image_picker/css_classes.js +0 -2
  59. package/build/esm/packages/aurora/src/components/image_picker/css_classes.js.map +1 -1
  60. package/build/esm/packages/aurora/src/components/image_picker/index.js +3 -20
  61. package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
  62. package/build/esm/packages/aurora/src/components/image_picker/types.d.ts +1 -7
  63. package/build/esm/packages/aurora/src/components/image_picker/types.js.map +1 -1
  64. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js +1 -7
  65. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -1
  66. package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.js +1 -1
  67. package/build/esm/packages/aurora/src/components/modal_new/types.d.ts +0 -2
  68. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.d.ts +1 -1
  69. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js +19 -115
  70. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  71. package/build/esm/packages/aurora/src/components/xhr_image_picker/types.d.ts +7 -9
  72. package/build/esm/packages/aurora/src/components/xhr_image_picker/types.js +0 -1
  73. package/build/esm/packages/aurora/src/components/xhr_image_picker/types.js.map +1 -1
  74. package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js +1 -1
  75. package/build/esm/packages/aurora/src/css/controls/main.module.less.js +1 -1
  76. package/build/esm/packages/aurora/src/css/hint/main.module.less.js +1 -1
  77. package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js +1 -3
  78. package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js.map +1 -1
  79. package/build/esm/packages/aurora/src/css/input/main.module.less.js +2 -3
  80. package/build/esm/packages/aurora/src/css/input/main.module.less.js.map +1 -1
  81. package/build/esm/packages/aurora/src/index.d.ts +1 -2
  82. package/build/esm/packages/aurora/src/index.js +1 -1
  83. package/build/esm/packages/aurora/src/translations/en.json +1 -3
  84. package/build/esm/packages/aurora/src/translations/en.json.js +2 -5
  85. package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
  86. package/build/esm/packages/aurora/src/translations/pl.json +1 -3
  87. package/build/esm/packages/aurora/src/translations/pl.json.js +2 -5
  88. package/build/esm/packages/aurora/src/translations/pl.json.js.map +1 -1
  89. package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +5 -0
  90. package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
  91. package/package.json +1 -1
  92. package/build/cjs/packages/aurora/src/assets/icon_image.js +0 -32
  93. package/build/cjs/packages/aurora/src/assets/icon_image.js.map +0 -1
  94. package/build/esm/packages/aurora/src/assets/icon_image.d.ts +0 -4
  95. package/build/esm/packages/aurora/src/assets/icon_image.js +0 -24
  96. 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$1 = require('../../utilities.js');
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$1.isHexChar(inputValue)) {
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;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;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;"}
@@ -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(_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), main_module['default'][css_classes.cssControlPreElement], preElement));
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(React__default['default'].Fragment, null, preElement), /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
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;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;"}
@@ -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
 
@@ -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;"}
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(event) {
101
- changeFile(event.target.files);
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;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;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, 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, {
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 && prev.editedImageResult === curr.editedImageResult;
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;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: "".concat(modalClassNames, " js__modal"),
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;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: "".concat(modalsWrapperBackdropClassNames, " js__modal-mask")
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 use_modals_context = require('../modal_new/hooks/use_modals_context.js');
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, data;
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 = 5;
46
+ _context.next = 4;
86
47
  break;
87
48
  }
88
49
 
89
50
  return _context.abrupt("return");
90
51
 
91
- case 5:
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 = 10;
64
+ _context.next = 9;
104
65
  return response;
105
66
 
106
- case 10:
107
- data = _context.sent;
108
- onUploaded === null || onUploaded === void 0 || onUploaded(data, fileList[0]);
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 12:
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
- React.useEffect(function () {
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
- topButtons: ImageEditor && /*#__PURE__*/React__default['default'].createElement("button", {
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,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
@@ -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 #abb4cd;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n width: auto;\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";
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 width: 100%;\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";
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: 0.5rem;\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";
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",