@dreamcommerce/aurora 2.17.11 → 2.17.13

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 (63) hide show
  1. package/build/cjs/packages/aurora/src/assets/icon_image.js +32 -0
  2. package/build/cjs/packages/aurora/src/assets/icon_image.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/assets/icon_search.js +2 -2
  4. package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +4 -2
  5. package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +6 -2
  7. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js +2 -0
  9. package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/components/image_picker/index.js +20 -3
  11. package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
  12. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js +7 -1
  13. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -1
  14. package/build/cjs/packages/aurora/src/components/modal_new/components/modals_wrapper.js +1 -1
  15. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js +109 -9
  16. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  17. package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js +3 -1
  18. package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js.map +1 -1
  19. package/build/cjs/packages/aurora/src/index.js +2 -2
  20. package/build/cjs/packages/aurora/src/translations/en.json.js +5 -1
  21. package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
  22. package/build/cjs/packages/aurora/src/translations/pl.json.js +5 -1
  23. package/build/cjs/packages/aurora/src/translations/pl.json.js.map +1 -1
  24. package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +0 -5
  25. package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
  26. package/build/esm/packages/aurora/src/assets/icon_image.d.ts +4 -0
  27. package/build/esm/packages/aurora/src/assets/icon_image.js +24 -0
  28. package/build/esm/packages/aurora/src/assets/icon_image.js.map +1 -0
  29. package/build/esm/packages/aurora/src/assets/icon_search.js +2 -2
  30. package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +4 -2
  31. package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map +1 -1
  32. package/build/esm/packages/aurora/src/components/controls/types.d.ts +1 -0
  33. package/build/esm/packages/aurora/src/components/file_picker/types.d.ts +1 -0
  34. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +6 -2
  35. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  36. package/build/esm/packages/aurora/src/components/image_picker/css_classes.d.ts +2 -0
  37. package/build/esm/packages/aurora/src/components/image_picker/css_classes.js +2 -0
  38. package/build/esm/packages/aurora/src/components/image_picker/css_classes.js.map +1 -1
  39. package/build/esm/packages/aurora/src/components/image_picker/index.js +20 -3
  40. package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
  41. package/build/esm/packages/aurora/src/components/image_picker/types.d.ts +3 -1
  42. package/build/esm/packages/aurora/src/components/image_picker/types.js.map +1 -1
  43. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js +7 -1
  44. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -1
  45. package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.js +1 -1
  46. package/build/esm/packages/aurora/src/components/modal_new/types.d.ts +2 -0
  47. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.d.ts +1 -1
  48. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js +111 -11
  49. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  50. package/build/esm/packages/aurora/src/components/xhr_image_picker/types.d.ts +7 -1
  51. package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js +3 -1
  52. package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js.map +1 -1
  53. package/build/esm/packages/aurora/src/index.d.ts +2 -1
  54. package/build/esm/packages/aurora/src/index.js +1 -1
  55. package/build/esm/packages/aurora/src/translations/en.json +3 -1
  56. package/build/esm/packages/aurora/src/translations/en.json.js +5 -2
  57. package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
  58. package/build/esm/packages/aurora/src/translations/pl.json +3 -1
  59. package/build/esm/packages/aurora/src/translations/pl.json.js +5 -2
  60. package/build/esm/packages/aurora/src/translations/pl.json.js.map +1 -1
  61. package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +0 -5
  62. package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
  63. package/package.json +1 -1
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var main_module = require('../css/icons/main.module.less.js');
7
+ var icon = require('./icon.js');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
+
13
+ var IconImage = function IconImage(_ref) {
14
+ var _ref$className = _ref.className,
15
+ className = _ref$className === void 0 ? '' : _ref$className,
16
+ size = _ref.size;
17
+ return /*#__PURE__*/React__default['default'].createElement(icon['default'], null, /*#__PURE__*/React__default['default'].createElement("svg", {
18
+ width: "12",
19
+ height: "13",
20
+ fill: "none",
21
+ xmlns: "http://www.w3.org/2000/svg",
22
+ className: "".concat(className || '', " ").concat(main_module['default']["icon_".concat(size)])
23
+ }, /*#__PURE__*/React__default['default'].createElement("path", {
24
+ fillRule: "evenodd",
25
+ clipRule: "evenodd",
26
+ d: "M10.667.5c.696 0 1.273.542 1.329 1.224l.004.11v9.333c0 .696-.541 1.273-1.224 1.329l-.11.004H1.334a1.338 1.338 0 0 1-1.329-1.224L0 11.166V1.834C0 1.137.541.56 1.224.504L1.334.5h9.333ZM10.5 2h-9v9h9V2ZM5.464 8.505 4.125 7 2.25 9.25h7.5l-2.41-3-1.876 2.255Z",
27
+ fill: "#3C83EC"
28
+ })));
29
+ };
30
+
31
+ exports.default = IconImage;
32
+ //# sourceMappingURL=icon_image.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -21,8 +21,8 @@ var IconSearch = function IconSearch(_ref) {
21
21
  xmlns: "http://www.w3.org/2000/svg",
22
22
  className: "".concat(className || '', " ").concat(main_module['default']["icon_".concat(size)])
23
23
  }, /*#__PURE__*/React__default['default'].createElement("path", {
24
- "fill-rule": "evenodd",
25
- "clip-rule": "evenodd",
24
+ fillRule: "evenodd",
25
+ clipRule: "evenodd",
26
26
  d: "M0.459653 15.2872L5.05618 10.6864C4.72523 10.1487 4.46783 9.56823 4.28396 8.94501C4.1001 8.32179 4.00817 7.67414 4.00817 7.00204C4.00817 6.02444 4.18897 5.111 4.55056 4.26171C4.91216 3.41242 5.41164 2.67312 6.04903 2.04379C6.68642 1.41446 7.42798 0.916499 8.27375 0.549898C9.11951 0.183298 10.0266 0 10.9949 0C11.9632 0 12.8733 0.183298 13.7252 0.549898C14.5771 0.916499 15.3187 1.41446 15.9499 2.04379C16.5812 2.67312 17.0807 3.41242 17.4484 4.26171C17.8161 5.111 18 6.02444 18 7.00204C18 7.96742 17.8161 8.87474 17.4484 9.72403C17.0807 10.5733 16.5812 11.3157 15.9499 11.9511C15.3187 12.5866 14.5771 13.0876 13.7252 13.4542C12.8733 13.8208 11.9632 14.0041 10.9949 14.0041C10.3207 14.0041 9.6711 13.9094 9.04597 13.72C8.42083 13.5305 7.83861 13.2709 7.29928 12.9409L2.70276 17.5418C2.39632 17.8473 2.02554 18 1.5904 18C1.15526 18 0.778347 17.8473 0.459653 17.5418C0.153216 17.224 0 16.8452 0 16.4053C0 15.9654 0.153216 15.5927 0.459653 15.2872ZM5.99398 7.00407C5.99398 7.68839 6.12575 8.33299 6.38928 8.93788C6.65282 9.54277 7.01134 10.0743 7.46487 10.5326C7.91839 10.9908 8.44852 11.3483 9.05527 11.6049C9.66201 11.8615 10.3086 11.9898 10.995 11.9898C11.6937 11.9898 12.3464 11.8615 12.9531 11.6049C13.5599 11.3483 14.09 10.9908 14.5435 10.5326C14.997 10.0743 15.3525 9.54277 15.6099 8.93788C15.8673 8.33299 15.996 7.68839 15.996 7.00407C15.996 6.30753 15.8673 5.65683 15.6099 5.05193C15.3525 4.44704 14.997 3.91854 14.5435 3.4664C14.09 3.01425 13.5599 2.65682 12.9531 2.39409C12.3464 2.13136 11.6937 2 10.995 2C10.3086 2 9.66201 2.13136 9.05527 2.39409C8.44852 2.65682 7.91839 3.01425 7.46487 3.4664C7.01134 3.91854 6.65282 4.44704 6.38928 5.05193C6.12575 5.65683 5.99398 6.30753 5.99398 7.00407Z",
27
27
  fill: "#5C657E"
28
28
  })));
@@ -26,7 +26,8 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
26
26
  hint = _ref.hint,
27
27
  labelAdditionalInfo = _ref.labelAdditionalInfo,
28
28
  onUploaded = _ref.onUploaded,
29
- onImageSizeUpdated = _ref.onImageSizeUpdated;
29
+ onImageSizeUpdated = _ref.onImageSizeUpdated,
30
+ ImageEditor = _ref.ImageEditor;
30
31
 
31
32
  var _useState = React.useState(errors),
32
33
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -69,7 +70,8 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
69
70
  className: className,
70
71
  errors: errors,
71
72
  onUploaded: onUploaded,
72
- onImageSizeUpdated: onImageSizeUpdated
73
+ onImageSizeUpdated: onImageSizeUpdated,
74
+ ImageEditor: ImageEditor
73
75
  }))), /*#__PURE__*/React__default['default'].createElement(index['default'].Errors, null));
74
76
  };
75
77
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -97,8 +97,11 @@ var useFilePicker = function useFilePicker(_ref) {
97
97
  return isValid;
98
98
  };
99
99
 
100
- var onFileChange = function onFileChange(_ref2) {
101
- var files = _ref2.target.files;
100
+ var onFileChange = function onFileChange(event) {
101
+ changeFile(event.target.files);
102
+ };
103
+
104
+ var changeFile = function changeFile(files) {
102
105
  setErrors([]);
103
106
  updateFile(files);
104
107
  };
@@ -167,6 +170,7 @@ var useFilePicker = function useFilePicker(_ref) {
167
170
  onDragLeave: onDragLeave,
168
171
  onFileDelete: onFileDelete,
169
172
  onPreviewError: onPreviewError,
173
+ changeFile: changeFile,
170
174
  file: file,
171
175
  errors: errors,
172
176
  isPreview: isPreview,
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -8,6 +8,8 @@ var CSS_CLASSES = {
8
8
  imagePickerWrapper: "".concat(imagePicker, "__wrapper"),
9
9
  imagePickerWrapperError: "".concat(imagePicker, "__wrapper-error"),
10
10
  imagePickerWrapperHasFile: "".concat(imagePicker, "__wrapper-has-file"),
11
+ imagePickerWrapperTopButtons: "".concat(imagePicker, "__wrapper-top-buttons"),
12
+ imagePickerEditButton: "".concat(imagePicker, "__edit-button"),
11
13
  imagePickerLabel: "".concat(imagePicker, "__label"),
12
14
  imagePickerDescription: "".concat(imagePicker, "__description"),
13
15
  imagePickerImagePreview: "".concat(imagePicker, "__image-preview"),
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -33,7 +33,9 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
33
33
  name = _ref.name,
34
34
  _ref$className = _ref.className,
35
35
  className = _ref$className === void 0 ? '' : _ref$className,
36
- onImageSizeUpdated = _ref.onImageSizeUpdated;
36
+ onImageSizeUpdated = _ref.onImageSizeUpdated,
37
+ topButtons = _ref.topButtons,
38
+ editedImageResult = _ref.editedImageResult;
37
39
 
38
40
  var _useTranslation = useTranslation.useTranslation(),
39
41
  _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
@@ -55,6 +57,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
55
57
  onDragLeave = _useFilePicker.onDragLeave,
56
58
  onFileDelete = _useFilePicker.onFileDelete,
57
59
  onPreviewError = _useFilePicker.onPreviewError,
60
+ changeFile = _useFilePicker.changeFile,
58
61
  file = _useFilePicker.file,
59
62
  errors = _useFilePicker.errors,
60
63
  isPreview = _useFilePicker.isPreview,
@@ -74,6 +77,18 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
74
77
  React.useEffect(function () {
75
78
  initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
76
79
  }, [initialFile]);
80
+ React.useEffect(function () {
81
+ if (!editedImageResult) return;
82
+ var fileList = createFileList(editedImageResult);
83
+ changeFile(fileList);
84
+ updateFile(fileList);
85
+ }, [editedImageResult]);
86
+
87
+ var createFileList = function createFileList(file) {
88
+ var fileArray = [];
89
+ fileArray.push(file);
90
+ return fileArray;
91
+ };
77
92
 
78
93
  var setImageSizeBasedOnUrl = function setImageSizeBasedOnUrl(fileUrl) {
79
94
  createImageFromUrl(fileUrl).then(function (image) {
@@ -153,7 +168,9 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
153
168
  className: imagePickerClassName
154
169
  }, /*#__PURE__*/React__default['default'].createElement("div", {
155
170
  className: "".concat(imagePickerWrapperClassName, " ").concat(dragOverStyles.imagePickerWrapper)
156
- }, file && (isPreview ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(image_preview.ImagePreview, {
171
+ }, file && (isPreview ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, topButtons && /*#__PURE__*/React__default['default'].createElement("div", {
172
+ className: main_module['default'][css_classes['default'].imagePickerWrapperTopButtons]
173
+ }, topButtons), /*#__PURE__*/React__default['default'].createElement(image_preview.ImagePreview, {
157
174
  file: file,
158
175
  isValid: !(errors !== null && errors !== void 0 && errors.length),
159
176
  onError: onPreviewError
@@ -183,7 +200,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
183
200
  }, function (prev, curr) {
184
201
  var _prev$initialFile, _curr$initialFile, _prev$initialFile2, _curr$initialFile2;
185
202
 
186
- return ((_prev$initialFile = prev.initialFile) === null || _prev$initialFile === void 0 ? void 0 : _prev$initialFile.fileUrl) === ((_curr$initialFile = curr.initialFile) === null || _curr$initialFile === void 0 ? void 0 : _curr$initialFile.fileUrl) && ((_prev$initialFile2 = prev.initialFile) === null || _prev$initialFile2 === void 0 ? void 0 : _prev$initialFile2.fileName) === ((_curr$initialFile2 = curr.initialFile) === null || _curr$initialFile2 === void 0 ? void 0 : _curr$initialFile2.fileName) && prev.errors === curr.errors;
203
+ return ((_prev$initialFile = prev.initialFile) === null || _prev$initialFile === void 0 ? void 0 : _prev$initialFile.fileUrl) === ((_curr$initialFile = curr.initialFile) === null || _curr$initialFile === void 0 ? void 0 : _curr$initialFile.fileUrl) && ((_prev$initialFile2 = prev.initialFile) === null || _prev$initialFile2 === void 0 ? void 0 : _prev$initialFile2.fileName) === ((_curr$initialFile2 = curr.initialFile) === null || _curr$initialFile2 === void 0 ? void 0 : _curr$initialFile2.fileName) && prev.errors === curr.errors && prev.editedImageResult === curr.editedImageResult;
187
204
  });
188
205
 
189
206
  exports.default = ImagePicker;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -25,6 +25,8 @@ 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,
28
30
  children = _ref.children;
29
31
 
30
32
  var _useState = React.useState(false),
@@ -91,7 +93,11 @@ var ModalNew = function ModalNew(_ref) {
91
93
  if (!$modalsManagerContainer) return null;
92
94
  return renderModal ? /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
93
95
  id: name,
94
- className: modalClassNames
96
+ className: "".concat(modalClassNames, " js__modal"),
97
+ style: {
98
+ minWidth: minWidth,
99
+ maxHeight: maxWidth
100
+ }
95
101
  }, header && /*#__PURE__*/React__default['default'].createElement(modal_header.ModalHeader, {
96
102
  content: header.content,
97
103
  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;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: modalsWrapperBackdropClassNames
58
+ className: "".concat(modalsWrapperBackdropClassNames, " js__modal-mask")
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,10 +3,16 @@
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');
6
7
  var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
8
  var constants = require('../file_picker/constants.js');
8
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');
9
13
  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');
10
16
  var use_http_api = require('../../hooks/use_http_api.js');
11
17
 
12
18
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -24,11 +30,43 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
24
30
  onChange = _ref.onChange,
25
31
  onImageSizeUpdated = _ref.onImageSizeUpdated,
26
32
  _ref$allowedExtension = _ref.allowedExtensions,
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;
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
+
28
40
  var httpApi = use_http_api.useHttpApi();
29
41
  var pendingRequestRef = React__default['default'].useRef();
30
42
  var initialImageFile = React.useRef();
31
43
 
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
+
32
70
  var handleControlChange = /*#__PURE__*/function () {
33
71
  var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
34
72
  var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, data;
@@ -37,19 +75,20 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
37
75
  while (1) switch (_context.prev = _context.next) {
38
76
  case 0:
39
77
  fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
78
+ fileList && setImage(fileList[0]);
40
79
  onChange === null || onChange === void 0 || onChange({
41
80
  fileList: fileList,
42
81
  fileAsDataUrl: fileAsDataUrl
43
82
  });
44
83
 
45
84
  if (!(!fileList || !fileList.length)) {
46
- _context.next = 4;
85
+ _context.next = 5;
47
86
  break;
48
87
  }
49
88
 
50
89
  return _context.abrupt("return");
51
90
 
52
- case 4:
91
+ case 5:
53
92
  if (pendingRequestRef.current) {
54
93
  pendingRequestRef.current();
55
94
  pendingRequestRef.current = undefined;
@@ -61,14 +100,14 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
61
100
  data: fileList[0]
62
101
  }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
63
102
  pendingRequestRef.current = cancelRequest;
64
- _context.next = 9;
103
+ _context.next = 10;
65
104
  return response;
66
105
 
67
- case 9:
106
+ case 10:
68
107
  data = _context.sent;
69
108
  onUploaded === null || onUploaded === void 0 || onUploaded(data, fileList[0]);
70
109
 
71
- case 11:
110
+ case 12:
72
111
  case "end":
73
112
  return _context.stop();
74
113
  }
@@ -82,13 +121,56 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
82
121
 
83
122
  React.useEffect(function () {
84
123
  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);
85
158
  return function () {
86
159
  var _pendingRequestRef$cu;
87
160
 
88
161
  return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
89
162
  };
90
163
  }, []);
91
- return /*#__PURE__*/React__default['default'].createElement(index['default'], {
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'], {
92
174
  id: id,
93
175
  name: name,
94
176
  onChange: handleControlChange,
@@ -96,8 +178,26 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
96
178
  errors: errors,
97
179
  allowedExtensions: allowedExtensions,
98
180
  initialFile: initialImageFile.current,
99
- onImageSizeUpdated: onImageSizeUpdated
100
- });
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
+ }), /*#__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
+ })));
101
201
  };
102
202
 
103
203
  exports.default = XhrImagePicker;
@@ -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;"}
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;"}
@@ -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_image-picker__wrapper__2RK3f {\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 46px;\n left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n fill: #3c83ec;\n}\n.main-module_image-picker__label__1i_Fq {\n cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n display: none;\n}\n.main-module_image-picker__description__1v13N {\n padding: 2rem 0;\n text-align: center;\n color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n font-size: 12px;\n color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n width: 1rem;\n height: auto;\n margin-bottom: 1rem;\n fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n display: flex;\n align-items: center;\n color: #3c83ec;\n cursor: pointer;\n background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n margin: 2rem 0 0.5rem;\n fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n fill: #3c83ec;\n margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n display: flex;\n justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n max-width: 100%;\n max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n margin-top: 0.5rem;\n color: #e60c54;\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_image-picker__wrapper__2RK3f {\n position: relative;\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 46px;\n left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n top: 1rem;\n right: 1rem;\n z-index: 10;\n}\n.main-module_image-picker__edit-button__3O-iq {\n display: flex;\n align-items: center;\n gap: 4px;\n background-color: #ffffff;\n background-image: none;\n border: 0;\n border-radius: 2px;\n padding: 0.5rem;\n font-size: 12px;\n color: #3c83ec;\n cursor: pointer;\n}\n.main-module_image-picker__label__1i_Fq {\n cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n display: none;\n}\n.main-module_image-picker__description__1v13N {\n padding: 2rem 0;\n text-align: center;\n color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n font-size: 12px;\n color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n width: 1rem;\n height: auto;\n margin-bottom: 1rem;\n fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n display: flex;\n align-items: center;\n color: #3c83ec;\n cursor: pointer;\n background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n margin: 2rem 0 0.5rem;\n fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n fill: #3c83ec;\n margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n display: flex;\n justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n max-width: 100%;\n max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n margin-top: 0.5rem;\n color: #e60c54;\n}\n";
8
8
  var styles = {
9
9
  "image-picker__wrapper": "main-module_image-picker__wrapper__2RK3f",
10
10
  "image-picker__wrapper-error": "main-module_image-picker__wrapper-error__kCZeA",
@@ -12,6 +12,8 @@ var styles = {
12
12
  "image-picker__label": "main-module_image-picker__label__1i_Fq",
13
13
  "image-picker__description": "main-module_image-picker__description__1v13N",
14
14
  "image-picker__upload-icon": "main-module_image-picker__upload-icon__3sMvN",
15
+ "image-picker__wrapper-top-buttons": "main-module_image-picker__wrapper-top-buttons__241RY",
16
+ "image-picker__edit-button": "main-module_image-picker__edit-button__3O-iq",
15
17
  "image-picker__input": "main-module_image-picker__input__3Wu2I",
16
18
  "image-picker__supported-formats": "main-module_image-picker__supported-formats__1_R_X",
17
19
  "image-picker__delete-button": "main-module_image-picker__delete-button__21_kT",
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -42,6 +42,7 @@ var index$y = require('./components/tags_selector/index.js');
42
42
  var index$z = require('./components/controls/hoc/control_tags_selector/index.js');
43
43
  var index$h = require('./components/controls/hoc/control_textarea/index.js');
44
44
  var index$F = require('./components/image_picker/index.js');
45
+ var modal = require('./components/modal_new/components/modal/modal.js');
45
46
  var index$P = require('./components/xhr_image_picker/index.js');
46
47
  var index$q = require('./components/controls/hoc/control_xhr_image_picker/index.js');
47
48
  var index$A = require('./components/table/index.js');
@@ -63,7 +64,6 @@ var index$N = require('./components/link/index.js');
63
64
  var index$L = require('./components/loader/index.js');
64
65
  var index$t = require('./components/modal/index.js');
65
66
  var modal_context = require('./components/modal/context/modal_context.js');
66
- var modal = require('./components/modal_new/components/modal/modal.js');
67
67
  var modal_provider = require('./components/modal/hoc/modal_provider.js');
68
68
  var use_modals = require('./components/modal_new/hooks/use_modals.js');
69
69
  var index$u = require('./components/modal_new/index.js');
@@ -136,6 +136,7 @@ exports.TagsSelector = index$y['default'];
136
136
  exports.ControlTagsSelector = index$z['default'];
137
137
  exports.ControlTextarea = index$h['default'];
138
138
  exports.ImagePicker = index$F['default'];
139
+ exports.ModalNew = modal.ModalNew;
139
140
  exports.XhrImagePicker = index$P['default'];
140
141
  exports.ControlXhrImagePicker = index$q['default'];
141
142
  exports.Table = index$A['default'];
@@ -158,7 +159,6 @@ exports.Link = index$N['default'];
158
159
  exports.Loader = index$L['default'];
159
160
  exports.Modal = index$t['default'];
160
161
  exports.ModalContext = modal_context.ModalContext;
161
- exports.ModalNew = modal.ModalNew;
162
162
  exports.ModalProvider = modal_provider['default'];
163
163
  exports.useModals = use_modals['default'];
164
164
  exports.ModalsManager = index$u['default'];
@@ -30,6 +30,7 @@ var Add = "Add";
30
30
  var Remove = "Remove";
31
31
  var Search = "Search";
32
32
  var save = "save";
33
+ var Edit = "Edit";
33
34
  var en = {
34
35
  date: date,
35
36
  cancel: cancel,
@@ -87,10 +88,13 @@ var en = {
87
88
  "Invalid file format": "Invalid file format",
88
89
  save: save,
89
90
  "Shades of color": "Shades of color",
90
- "Select color": "Select color"
91
+ "Select color": "Select color",
92
+ Edit: Edit,
93
+ "Edit image": "Edit image"
91
94
  };
92
95
 
93
96
  exports.Add = Add;
97
+ exports.Edit = Edit;
94
98
  exports.Remove = Remove;
95
99
  exports.Search = Search;
96
100
  exports.Yesterday = Yesterday;
@@ -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;"}
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;"}
@@ -30,6 +30,7 @@ var Add = "Dodaj";
30
30
  var Remove = "Usuń";
31
31
  var Search = "Szukaj";
32
32
  var save = "zapisz";
33
+ var Edit = "Edytuj";
33
34
  var pl = {
34
35
  date: date,
35
36
  cancel: cancel,
@@ -87,10 +88,13 @@ var pl = {
87
88
  "Invalid file format": "Nieprawidłowy format pliku",
88
89
  save: save,
89
90
  "Shades of color": "Odcienie koloru",
90
- "Select color": "Wybierz kolor"
91
+ "Select color": "Wybierz kolor",
92
+ Edit: Edit,
93
+ "Edit image": "Edytuj obrazek"
91
94
  };
92
95
 
93
96
  exports.Add = Add;
97
+ exports.Edit = Edit;
94
98
  exports.Remove = Remove;
95
99
  exports.Search = Search;
96
100
  exports.Yesterday = Yesterday;
@@ -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;"}
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;"}
@@ -39,11 +39,6 @@ var AxiosClient = /*#__PURE__*/function () {
39
39
  cancelRequest: cancelRequest
40
40
  };
41
41
  }
42
- }, {
43
- key: "isCancelError",
44
- value: function isCancelError(error) {
45
- return index['default'].isCancel(error);
46
- }
47
42
  }]);
48
43
  }();
49
44
 
@@ -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;"}
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;"}
@@ -0,0 +1,4 @@
1
+ import { IIconProps } from './types';
2
+ import React from 'react';
3
+ declare const IconImage: React.FC<IIconProps>;
4
+ export default IconImage;
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import cssClasses from '../css/icons/main.module.less.js';
3
+ import Icon from './icon.js';
4
+
5
+ var IconImage = function IconImage(_ref) {
6
+ var _ref$className = _ref.className,
7
+ className = _ref$className === void 0 ? '' : _ref$className,
8
+ size = _ref.size;
9
+ return /*#__PURE__*/React.createElement(Icon, null, /*#__PURE__*/React.createElement("svg", {
10
+ width: "12",
11
+ height: "13",
12
+ fill: "none",
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ className: "".concat(className || '', " ").concat(cssClasses["icon_".concat(size)])
15
+ }, /*#__PURE__*/React.createElement("path", {
16
+ fillRule: "evenodd",
17
+ clipRule: "evenodd",
18
+ d: "M10.667.5c.696 0 1.273.542 1.329 1.224l.004.11v9.333c0 .696-.541 1.273-1.224 1.329l-.11.004H1.334a1.338 1.338 0 0 1-1.329-1.224L0 11.166V1.834C0 1.137.541.56 1.224.504L1.334.5h9.333ZM10.5 2h-9v9h9V2ZM5.464 8.505 4.125 7 2.25 9.25h7.5l-2.41-3-1.876 2.255Z",
19
+ fill: "#3C83EC"
20
+ })));
21
+ };
22
+
23
+ export default IconImage;
24
+ //# sourceMappingURL=icon_image.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -13,8 +13,8 @@ var IconSearch = function IconSearch(_ref) {
13
13
  xmlns: "http://www.w3.org/2000/svg",
14
14
  className: "".concat(className || '', " ").concat(cssClasses["icon_".concat(size)])
15
15
  }, /*#__PURE__*/React.createElement("path", {
16
- "fill-rule": "evenodd",
17
- "clip-rule": "evenodd",
16
+ fillRule: "evenodd",
17
+ clipRule: "evenodd",
18
18
  d: "M0.459653 15.2872L5.05618 10.6864C4.72523 10.1487 4.46783 9.56823 4.28396 8.94501C4.1001 8.32179 4.00817 7.67414 4.00817 7.00204C4.00817 6.02444 4.18897 5.111 4.55056 4.26171C4.91216 3.41242 5.41164 2.67312 6.04903 2.04379C6.68642 1.41446 7.42798 0.916499 8.27375 0.549898C9.11951 0.183298 10.0266 0 10.9949 0C11.9632 0 12.8733 0.183298 13.7252 0.549898C14.5771 0.916499 15.3187 1.41446 15.9499 2.04379C16.5812 2.67312 17.0807 3.41242 17.4484 4.26171C17.8161 5.111 18 6.02444 18 7.00204C18 7.96742 17.8161 8.87474 17.4484 9.72403C17.0807 10.5733 16.5812 11.3157 15.9499 11.9511C15.3187 12.5866 14.5771 13.0876 13.7252 13.4542C12.8733 13.8208 11.9632 14.0041 10.9949 14.0041C10.3207 14.0041 9.6711 13.9094 9.04597 13.72C8.42083 13.5305 7.83861 13.2709 7.29928 12.9409L2.70276 17.5418C2.39632 17.8473 2.02554 18 1.5904 18C1.15526 18 0.778347 17.8473 0.459653 17.5418C0.153216 17.224 0 16.8452 0 16.4053C0 15.9654 0.153216 15.5927 0.459653 15.2872ZM5.99398 7.00407C5.99398 7.68839 6.12575 8.33299 6.38928 8.93788C6.65282 9.54277 7.01134 10.0743 7.46487 10.5326C7.91839 10.9908 8.44852 11.3483 9.05527 11.6049C9.66201 11.8615 10.3086 11.9898 10.995 11.9898C11.6937 11.9898 12.3464 11.8615 12.9531 11.6049C13.5599 11.3483 14.09 10.9908 14.5435 10.5326C14.997 10.0743 15.3525 9.54277 15.6099 8.93788C15.8673 8.33299 15.996 7.68839 15.996 7.00407C15.996 6.30753 15.8673 5.65683 15.6099 5.05193C15.3525 4.44704 14.997 3.91854 14.5435 3.4664C14.09 3.01425 13.5599 2.65682 12.9531 2.39409C12.3464 2.13136 11.6937 2 10.995 2C10.3086 2 9.66201 2.13136 9.05527 2.39409C8.44852 2.65682 7.91839 3.01425 7.46487 3.4664C7.01134 3.91854 6.65282 4.44704 6.38928 5.05193C6.12575 5.65683 5.99398 6.30753 5.99398 7.00407Z",
19
19
  fill: "#5C657E"
20
20
  })));